@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;   font-family: 'Pretendard'; font-weight:normal;letter-spacing:-0.002em}
/* body {line-height:1} */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
dl,ol,menu,ul, li{list-style:none}
blockquote, q {quotes:none}
caption, legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color: inherit;}
ins {background-color:#ff9; color: #000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top: 1px solid #cccccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}
img{margin:0; padding:0;}
*{box-sizing: border-box}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

.mt0{margin-top: 0px !important}
.mt12{margin-top: 12px !important;}
.mt10{margin-top: 10px !important}
.mt20{margin-top: 20px !important}
.mt28{margin-top: 28px !important}
.mt30{margin-top: 30px !important}
.mt40{margin-top: 40px !important}
.mt60{margin-top: 60px !important}
.mt80{margin-top:80px !important}
.mt100{margin-top:100px !important}

.mb0{margin-bottom: 0px !important}
.mb10{margin-bottom: 10px !important}
.mb20{margin-bottom: 20px !important}
.mb28{margin-bottom: 28px !important}
.mb30{margin-bottom: 30px !important}
.mb40{margin-bottom: 40px !important}
.mb48{margin-bottom: 48px !important}
.mb60{margin-bottom: 60px !important}

.pt80{
    padding-top: 80px !important;
}
.pt10{
    padding-top: 10px;
}
.pt6{
    padding-top: 6px;
}
.pb0{
    padding-bottom: 0 !important;
}
.sub_contents .row { overflow:hidden; margin-bottom: 28px; }
.sub_contents .row .column { display: inline-block; float: left; padding: 0 1.5%; }
.sub_contents .row >:nth-child(2){padding-right: 0px !important;}
.sub_contents .row .col_2{width:49%;margin-right:2%;display: inline-block; float: left;}
.sub_contents .row .col_2:last-of-type{margin-right: 0}
.sub_contents .row .col_3{width:32%;margin-right:2%;display: inline-block; float: left;}
.sub_contents .row .col_3:last-of-type{margin-right: 0}
.sub_contents .row .col_4{width:23%;margin-right:2%;display: inline-block; float: left;}
.sub_contents .row .col_4:last-of-type{margin-right: 0}
.sub_contents .row .col_5{width:19%;margin-right:1.25%;display: inline-block; float: left;}
.sub_contents .row .col_5:last-of-type{margin-right: 0}



.sub_contents .row .column:first-child { padding-left: 0; }
.sub_contents .row.width3 > .column:first-child {width: 3%;}
.sub_contents .row.width3 > .column {width: 97%;}
.sub_contents .row.width5 > .column:first-child {width: 5%;}
.sub_contents .row.width5 > .column {width: 95%;}
.sub_contents .row.width10 > .column:first-child {width: 10%;}
.sub_contents .row.width10 > .column {width: 90%;}
.sub_contents .row.width15 > .column:first-child {width: 15%;}
.sub_contents .row.width15 > .column {width: 85%;}
.sub_contents .row.width20 > .column:first-child {width: 20%;}
.sub_contents .row.width20 > .column {width: 80%;}
.sub_contents .row.width24 > .column:first-child {width: 24%;}
.sub_contents .row.width24 > .column {width: 76%;}
.sub_contents .row.width25 > .column:first-child {width: 25%;}
.sub_contents .row.width25 > .column {width: 75%;}
.sub_contents .row.width30 > .column:first-child {width: 30%;}
.sub_contents .row.width30 > .column {width: 70%;}
.sub_contents .row.width35 > .column:first-child {width: 35%;}
.sub_contents .row.width35 > .column {width: 65%;}
.sub_contents .row.width40 > .column:first-child {width: 40%;}
.sub_contents .row.width40 > .column {width: 60%;}
.sub_contents .row.width45 > .column:first-child {width: 45%;}
.sub_contents .row.width45 > .column {width: 55%;}
.sub_contents .row.width46 > .column:first-child {width: 46%;}
.sub_contents .row.width46 > .column {width: 54%;}
.sub_contents .row.width47 > .column:first-child {width: 47%;}
.sub_contents .row.width47 > .column {width: 53%;}
.sub_contents .row.width48 > .column:first-child {width: 48%;}
.sub_contents .row.width48 > .column {width: 52%;}
.sub_contents .row.width50 > .column:first-child {width: 50%;}
.sub_contents .row.width50 > .column {width: 50%;}
.sub_contents .row.width52 > .column:first-child {width: 52%;}
.sub_contents .row.width52 > .column {width: 48%;}
.sub_contents .row.width55 > .column:first-child {width: 55%;}
.sub_contents .row.width55 > .column {width: 45%;}
.sub_contents .row.width57 > .column:first-child {width: 57.3%;}
.sub_contents .row.width57 > .column {width: 42.7%;}
.sub_contents .row.width60 > .column {width: 60%;}
.sub_contents .row.width60 > .column + .column {width: 40%;}
.sub_contents .row.width62 > .column {width: 62%;}
.sub_contents .row.width62 > .column + .column {width: 38%;}
.sub_contents .row.width65 > .column {width: 64.6667%;}
.sub_contents .row.width65 > .column + .column {width: 35.3333%;}
.sub_contents .row.width67 > .column {width: 67%;}
.sub_contents .row.width67 > .column + .column {width: 33%;}
.sub_contents .row.width70 > .column {width: 70%;}
.sub_contents .row.width70 > .column + .column {width: 30%;}
.sub_contents .row.width75 > .column {width: 75%;}
.sub_contents .row.width75 > .column + .column {width: 25%;}
.sub_contents .row.width80 > .column {width: 80%;}
.sub_contents .row.width80 > .column + .column {width: 20%;}

@media screen and (max-width:767px) {
    .mm40{margin-top: 20px !important;}
    .sub_contents .row .col_5{width:100% !important; }
    .sub_contents .row .col_4{width:100% !important; }
    .sub_contents .row .col_3{width:100% !important; }
    .sub_contents .row .col_2{width:100% !important; }
    .sub_contents .row .column {  float:none; padding: 0%; display: block;}
    .sub_contents .row > .column {width: 100% !important;}
    .sub_contents .row > .column:last-of-type{margin-top:20px; padding-left: 0}
}
.pd0{padding:0}
.fs22{font-size: 22px}


.tac{text-align: center!important;}
.tal{text-align: left!important}
.tar{text-align: right!important;}
.flexs{display: flex; gap: 28px ;}
.flexs .two{width: 50%;}
.flexs.jcl{justify-content: left;}
.flexs.jcr{justify-content: flex-end;}
.flexs.jcb{justify-content: space-between;}



@media screen and (max-width:767px) {
.flexs{
    display: block;
}
.mt80{margin-top: 60px !important;}
.flexs .two{width: 100%;}

}
.img_wrap img{
    width: 100%; 
}