/* ==== Font ==== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');/*Noto Sans  Serif Font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');/*Noto Sans Font*/


/* ==== RESET ==== */
* {margin: 0;padding: 0;list-style: none;outline: none;box-sizing: border-box;border: 0;}
html, body{height:100%!important;width:100%;padding:0;background:#fff;letter-spacing: -1px;font-family: 'Noto Sans KR', sans-serif;font-size: 16px;font-weight: 500}
a,a:hover {text-decoration: none;color: #333;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size:1rem;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-weight: 500;margin: 0;padding: 0;}
ul,p{padding: 0;margin:0}
input, button {font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-size:1em}
textarea, select {font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-size:1em}
b{font-weight: bold}
em{text-decoration: none;font-weight: bold;font-style: normal;}
a,a:hover,button,div,span{outline: none;}
br{font-family: dotum, sans-serif}

.clearfix,.clearfix::before,.clearfix::after {display: block;content: "";clear: both;}

/* ==== Image style ==== */
.keep-img{margin: auto;max-width: 100%;display: block;width: auto;}
.pc-img{margin: auto;max-width: 100%;display: block;width: auto;}
.m-img{display: none;margin: auto;max-width: 100%;;width: auto;}

.tab,.mb{display: none}

/*Font-style*/
.fw100{font-weight:100 !important}
.fw200{font-weight:200 !important}
.fw300{font-weight:300 !important}
.fw400{font-weight:400 !important}
.fw500{font-weight:500 !important}
.fw600{font-weight:600 !important}
.fw700{font-weight:700 !important}
.fw900{font-weight:900 !important}

/*Style*/
.layout{width: 90%;}
.max1920{max-width:1920px;margin:auto;}
.max1600{max-width:1600px;margin:auto;}
.max1280{max-width:1280px;margin:auto;}
.max-Board{max-width: 1800px;margin:40px auto;width: 90%;}
.ent{display: none}

/*animation*/
.delay-2s{transition-delay:0.2s !important;}
.delay-4s{transition-delay:0.4s !important;}
.delay-6s{transition-delay:0.6s !important;}
.delay-8s{transition-delay:0.8s !important;}
.delay-10s{transition-delay:1s !important;}

/*color*/
.col1{color: #1e3932 !important}
.col2{color: #c1907c !important}
.col3 {color: #f0d0b3 !important}
.colwt {color: #fff}

/*Font List*/
.ft16 {font-size:1rem}/*16*/
.ft18{font-size: 1.125rem}/*18*/
.ft20{font-size: 1.25rem}/*20*/
.ft22{font-size: 1.375rem}/*22*/
.ft25{font-size: 1.563rem}/*25*/
.ft30{font-size: 1.875rem}/*30*/
.ft40{font-size: 2.5rem}/*40*/
.ft50{font-size: 3.125rem}/*50*/
.ft52{font-size: 3.25rem}/*52*/
.ft60{font-size: 3.75rem}/*60*/
.ft100{font-size: 6.25rem;line-height: 1}/*100*/
.ft160{font-size: 10rem;line-height: 1}/*160*/
.ft200{font-size: 12.5rem;line-height: 1}/*200*/

/*Margin padding List*/
.mb-0{margin-bottom:0}
.mb-10{margin-bottom:0.625rem}
.mb-15{margin-bottom:0.9375rem}
.mb-20{margin-bottom:1.25rem}
.mb-30{margin-bottom:1.875rem}
.mb-40{margin-bottom:2.5rem}
.mb-50{margin-bottom:3.125rem}
.mb-60{margin-bottom:3.75rem}
.mb-70{margin-bottom:4.375rem}
.mb-100{margin-bottom:6.25rem}

.mt-0{margin-top:0}
.mt-10{margin-top:0.625rem}
.mt-15{margin-top:0.9375rem}
.mt-20{margin-top:1.25rem}
.mt-30{margin-top:1.875rem}
.mt-40{margin-top:2.5rem}
.mt-50{margin-top:3.125rem}
.mt-70{margin-top:4.375rem}
.mt-100{margin-top:6.25rem}

.pb-0{padding-bottom:0}
.pb-10{padding-bottom:0.625rem}
.pb-15{padding-bottom:0.9375rem}
.pb-20{padding-bottom:1.25rem}
.pb-30{padding-bottom:1.875rem}
.pb-40{padding-bottom:2.5rem}
.pb-50{padding-bottom:3.125rem}
.pb-60{padding-bottom:3.75rem}
.pb-70{padding-bottom:4.375rem}
.pb-100{padding-bottom:6.25rem}
.pb-150{padding-bottom: 9.375rem}

.sec-default{padding: 9.375rem 0}

.pt-0{padding-top:0}
.pt-10{padding-top:0.625rem}
.pt-15{padding-top:0.9375rem}
.pt-20{padding-top:1.25rem}
.pt-30{padding-top:1.875rem}
.pt-40{padding-top:2.5rem}
.pt-50{padding-top:3.125rem}
.pt-70{padding-top:4.375rem}
.pt-100{padding-top:6.25rem}


@media (max-width:1240px){
    .tab{display: block}
}

@media (max-width:768px){
    .pc,.pc-img{display: none}
    .mb,.m-img{display: block}
    .sec-default{padding: 7.375rem 0;}

}