@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic'; */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap'); /* font-family: 'Montserrat'; */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700|Noto+Serif+KR:400,500&display=swap&subset=korean'); /* font-family: 'Noto Sans KR'; */

@font-face{font-family:'SJ_R'; src:url('/font/SJ_R.ttf'); }
@font-face{font-family:'SJ_R'; src:url('/font/SJJungR.woff');  }
@font-face { font-family:'GS_B'; src:url('/font/GmarketSansTTFBold.ttf');  }
@font-face { font-family:'GS_L'; src:url('/font/GmarketSansTTFLight.ttf');  }
@font-face { font-family:'GS_M'; src:url('/font/GmarketSansTTFMedium.ttf');  }
@font-face { font-family:'BING'; src:url('/font/Binggraes.ttf');  }
@font-face { font-family:'BING'; src:url('/font/Binggrae.otf');  }



body, ul, li, .wrap { padding:0px; margin:0px; }
h1, h2, h3, h4, h5, h6, p { padding:0px; margin:0px; }

@media screen and (min-width:901px) {
.wrap { width:100%; height: 100vh; position:relative; background:url(/inc/img/introback.png) no-repeat bottom center / cover; }
.wrap .introBox { display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.wrap .introBox > div {  }
.wrap .introBox h2 { text-align:center; font-size:18px; font-family:'GS_M'; color:#fff; }
.wrap .introBox h6 { font-size:32px; font-family:'GS_B'; font-weight:bolder; margin-bottom:20px; }
.wrap .introBox .btBox > div:first-child { margin-bottom:50px; text-align:center; }
.wrap .introBox .btBox > div:first-child p { font-family: 'Noto Sans KR'; font-size:18px; font-weight:bolder; }
.wrap .introBox .btBox .sub_txt { text-align:center; }
.wrap .introBox .btBox > div .time { text-align:center; margin:auto; background-color:#fff; width:550px; padding:20px 0; border-radius:15px; }
.wrap .introBox .btBox > div .time p { padding:0 20px; font-size:42px; font-family:'GS_B'; font-weight:bolder; display:inline-block; vertical-align:middle; color:#960; }
.wrap .introBox .btBox > div .time p i { font-size:15px; font-style:normal; color:#666; }
}
@media screen and (max-width:900px) {
.wrap { width:100%; height: 100vh; position:relative; background:url(/inc/img/introback.png) no-repeat bottom center / cover; }
.wrap .introBox { display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; }
.wrap .introBox > div {  }
.wrap .introBox h2 { text-align:center; font-size:15px; font-family:'GS_M'; color:#fff; margin-bottom:5px; }
.wrap .introBox h6 { font-size:21px; font-family:'GS_B'; font-weight:bolder; margin-bottom:20px; }
.wrap .introBox .btBox > div:first-child { margin-bottom:50px; text-align:center; }
.wrap .introBox .btBox > div:first-child p { font-family: 'Noto Sans KR'; font-size:16px; font-weight:bolder; }
.wrap .introBox .btBox .sub_txt { text-align:center; }
.wrap .introBox .btBox > div .time { text-align:center; margin:auto; background-color:#fff; padding:10px 0; border-radius:7px; }
.wrap .introBox .btBox > div .time p { padding:0 10px; font-size:24px; font-family:'GS_B'; font-weight:bolder; display:inline-block; vertical-align:middle; color:#960; }
.wrap .introBox .btBox > div .time p i { font-size:13px; font-style:normal; color:#666; }
}