@charset 'utf-8';

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700;900&display=swap');
@font-face {font-family:'GmarketSansB';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'GmarketSansM';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'GmarketSansL';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-9Black';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-8Heavy';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-7ExtraBold';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-6Bold';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-5Medium';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-4Regular';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-3Light';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-2ExtraLight';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'S-CoreDream-1Thin';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');font-weight:normal;font-style:normal;}

html {overflow-y:scroll;scroll-behavior:smooth;overflow-x:hidden;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, button, i {margin:0;padding:0;border:0;}
body {line-height:1.5;}
ol, ul, li {list-style:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
input, select, textarea {vertical-align:middle;}
body, table, th, td, input, textarea, button, select {font-family:'Roboto', 'Noto Sans KR', sans-serif;font-size:18px;color:#222;font-weight:300;}
button, select {text-transform:none;cursor:pointer;}
button, input {line-height:normal;background:none;}
textarea {resize:vertical;overflow:auto;}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal;}
label {cursor:pointer;display:inline-block;}
caption, legend {display:none;visibility:hidden;}
a, a:active, a:hover, a:focus {color:#222;text-decoration:none;}
strong {font-weight:900;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* 사파리 */
input, textarea {-webkit-appearance:none;-webkit-border-radius:0;}
input[type=checkbox] {-webkit-appearance:checkbox;}
input[type=radio] {-webkit-appearance:radio;}

/* 팝업레이어 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hd_pops {position:absolute;background:#fff;}
.hd_pops img {max-width:100%;}
.hd_pops_con {}
.hd_pops_footer {position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:"";}
.hd_pops_footer button {float:left;width:50%;padding:10px;border:0;color:#fff;text-align:center;background:rgba(0,0,0,0.9);}

@media (max-width: 600px) {
	#hd_pop {max-width: 80% !important;  background: #fff; }
	.hd_pops { left: 30px !important; right: 30px !important;  background: #fff; }
	.hd_pops_con { max-width: 100% !important; height: auto !important; background: #fff; }
	.hd_pops_con img { max-width: 100% !important; height: auto !important; }
} 

.flex {display:flex;}
.grid {display:gird;}

.relative {position:relative !important;}
.absolute {position:absolute !important;}

.full {width:100% !important;}
.half {width:50% !important;}

.clearfix:after {content:"";display:block;clear:both;*zoom:1;}
.of-h {overflow:hidden !important;}
.dp-n {display:none !important;}
.mask {position:absolute;left:0;right:0;top:0;bottom:0;display:block;overflow:hidden;border:1px solid #333;opacity:0.1;}

.w10 {width:10% !important;} 
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}

.h10 {height:10% !important;}
.h20 {height:20% !important;}
.h30 {height:30% !important;}
.h40 {height:40% !important;}
.h50 {height:50% !important;}
.h60 {height:60% !important;}
.h70 {height:70% !important;}
.h80 {height:80% !important;}
.h90 {height:90% !important;}
.h100 {height:100% !important;}

.fl-l {float:left !important;}
.fl-c {display:inline-block;*display:inline;zoom:1;}
.fl-r {float:right !important;}

.ta-l {text-align:left !important;}
.ta-c {text-align:center !important;}
.ta-r {text-align:right !important;}
.ta-j {text-align:justify !important;}

.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-b {vertical-align:bottom !important;}

.br1 {border-radius:1px !important;}.br2 {border-radius:2px !important;}.br3 {border-radius:3px !important;}.br4 {border-radius:4px !important;}.br5 {border-radius:5px !important;}.br6 {border-radius:6px !important;}.br7 {border-radius:7px !important;}.br8 {border-radius:8px !important;}.br9 {border-radius:9px !important;}.br10 {border-radius:10px !important;}.br20 {border-radius:20px !important;}.br30 {border-radius:30px !important;}.br40 {border-radius:40px !important;}.br50 {border-radius:50px !important;}.br60 {border-radius:60px !important;}.br70 {border-radius:70px !important;}.br80 {border-radius:80px !important;}.br90 {border-radius:90px !important;}.br100 {border-radius:100% !important;}
.bt0 {border-top:0px !important;}.br0 {border-right:0px !important;}.bb0 {border-bottom:0px !important;}.bl0 {border-left:0px !important;}
.pd0 {padding:0px !important;}.pd5 {padding:5px !important;}.pd10 {padding:10px !important;}.pd15 {padding:15px !important;}.pd20 {padding:20px !important;}.pd25 {padding:25px !important;}.pd30 {padding:30px !important;}.pd35 {padding:35px !important;}.pd40 {padding:40px !important;}.pd45 {padding:45px !important;}.pd50 {padding:50px !important;}.pd55 {padding:55px !important;}.pd60 {padding:60px !important;}.pd65 {padding:65px !important;}.pd70 {padding:70px !important;}.pd75 {padding:75px !important;}.pd80 {padding:80px !important;}.pd85 {padding:85px !important;}.pd90 {padding:90px !important;}.pd95 {padding:95px !important;}.pd100 {padding:100px !important;}
.mg0 {margin:0px !important;}.mg5 {margin:5px !important;}.mg10 {margin:10px !important;}.mg15 {margin:15px !important;}.mg20 {margin:20px !important;}.mg25 {margin:25px !important;}.mg30 {margin:30px !important;}.mg35 {margin:35px !important;}.mg40 {margin:40px !important;}.mg45 {margin:45px !important;}.mg50 {margin:50px !important;}.mg55 {margin:55px !important;}.mg60 {margin:60px !important;}.mg65 {margin:65px !important;}.mg70 {margin:70px !important;}.mg75 {margin:75px !important;}.mg80 {margin:80px !important;}.mg85 {margin:85px !important;}.mg90 {margin:90px !important;}.mg95 {margin:95px !important;}.mg100 {margin:100px !important;}
.pt0 {padding-top:0px !important;}.pt5 {padding-top:5px !important;}.pt10 {padding-top:10px !important;}.pt15 {padding-top:15px !important;}.pt20 {padding-top:20px !important;}.pt25 {padding-top:25px !important;}.pt30 {padding-top:30px !important;}.pt35 {padding-top:35px !important;}.pt40 {padding-top:40px !important;}.pt45 {padding-top:45px !important;}.pt50 {padding-top:50px !important;}.pt55 {padding-top:55px !important;}.pt60 {padding-top:60px !important;}.pt65 {padding-top:65px !important;}.pt70 {padding-top:70px !important;}.pt75 {padding-top:75px !important;}.pt80 {padding-top:80px !important;}.pt85 {padding-top:85px !important;}.pt90 {padding-top:90px !important;}.pt95 {padding-top:95px !important;}.pt100 {padding-top:100px !important;}.pr0 {padding-right:0px !important;}.pr5 {padding-right:5px !important;}.pr10 {padding-right:10px !important;}.pr15 {padding-right:15px !important;}.pr17 {padding-right:17px !important;}.pr20 {padding-right:20px !important;}.pr25 {padding-right:25px !important;}.pr30 {padding-right:30px !important;}.pr35 {padding-right:35px !important;}.pr40 {padding-right:40px !important;}.pr45 {padding-right:45px !important;}.pr50 {padding-right:50px !important;}.pr55 {padding-right:55px !important;}.pr60 {padding-right:60px !important;}.pr65 {padding-right:65px !important;}.pr70 {padding-right:70px !important;}.pr75 {padding-right:75px !important;}.pr80 {padding-right:80px !important;}.pr85 {padding-right:85px !important;}.pr90 {padding-right:90px !important;}.pr95 {padding-right:95px !important;}.pr100 {padding-right:100px !important;}.pb0 {padding-bottom:0px !important;}.pb5 {padding-bottom:5px !important;}.pb10 {padding-bottom:10px !important;}.pb15 {padding-bottom:15px !important;}.pb20 {padding-bottom:20px !important;}.pb25 {padding-bottom:25px !important;}.pb30 {padding-bottom:30px !important;}.pb35 {padding-bottom:35px !important;}.pb40 {padding-bottom:40px !important;}.pb45 {padding-bottom:45px !important;}.pb50 {padding-bottom:50px !important;}.pb55 {padding-bottom:55px !important;}.pb60 {padding-bottom:60px !important;}.pb65 {padding-bottom:65px !important;}.pb70 {padding-bottom:70px !important;}.pb75 {padding-bottom:75px !important;}.pb80 {padding-bottom:80px !important;}.pb85 {padding-bottom:85px !important;}.pb90 {padding-bottom:90px !important;}.pb95 {padding-bottom:95px !important;}.pb100 {padding-bottom:100px !important;}.pl0 {padding-left:0px !important;}.pl5 {padding-left:5px !important;}.pl10 {padding-left:10px !important;}.pl15 {padding-left:15px !important;}.pl20 {padding-left:20px !important;}.pl25 {padding-left:25px !important;}.pl30 {padding-left:30px !important;}.pl35 {padding-left:35px !important;}.pl40 {padding-left:40px !important;}.pl45 {padding-left:45px !important;}.pl50 {padding-left:50px !important;}.pl55 {padding-left:55px !important;}.pl60 {padding-left:60px !important;}.pl65 {padding-left:65px !important;}.pl70 {padding-left:70px !important;}.pl75 {padding-left:75px !important;}.pl80 {padding-left:80px !important;}.pl85 {padding-left:85px !important;}.pl90 {padding-left:90px !important;}.pl95 {padding-left:95px !important;}.pl100 {padding-left:100px !important;}
.mt0 {margin-top:0px !important;}.mt5 {margin-top:5px !important;}.mt10 {margin-top:10px !important;}.mt15 {margin-top:15px !important;}.mt20 {margin-top:20px !important;}.mt25 {margin-top:25px !important;}.mt30 {margin-top:30px !important;}.mt35 {margin-top:35px !important;}.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}.mt50 {margin-top:50px !important;}.mt55 {margin-top:55px !important;}.mt60 {margin-top:60px !important;}.mt65 {margin-top:65px !important;}.mt70 {margin-top:70px !important;}.mt75 {margin-top:75px !important;}.mt80 {margin-top:80px !important;}.mt85 {margin-top:85px !important;}.mt90 {margin-top:90px !important;}.mt95 {margin-top:95px !important;}.mt100 {margin-top:100px !important;}.mr0 {margin-right:0px !important;}.mr5 {margin-right:5px !important;}.mr10 {margin-right:10px !important;}.mr15 {margin-right:15px !important;}.mr20 {margin-right:20px !important;}.mr25 {margin-right:25px !important;}.mr30 {margin-right:30px !important;}.mr35 {margin-right:35px !important;}.mr40 {margin-right:40px !important;}.mr45 {margin-right:45px !important;}.mr50 {margin-right:50px !important;}.mr55 {margin-right:55px !important;}.mr60 {margin-right:60px !important;}.mr65 {margin-right:65px !important;}.mr70 {margin-right:70px !important;}.mr75 {margin-right:75px !important;}.mr80 {margin-right:80px !important;}.mr85 {margin-right:85px !important;}.mr90 {margin-right:90px !important;}.mr95 {margin-right:95px !important;}.mr100 {margin-right:100px !important;}.mb0 {margin-bottom:0px !important;}.mb5 {margin-bottom:5px !important;}.mb10 {margin-bottom:10px !important;}.mb15 {margin-bottom:15px !important;}.mb20 {margin-bottom:20px !important;}.mb25 {margin-bottom:25px !important;}.mb30 {margin-bottom:30px !important;}.mb35 {margin-bottom:35px !important;}.mb40 {margin-bottom:40px !important;}.mb45 {margin-bottom:45px !important;}.mb50 {margin-bottom:50px !important;}.mb55 {margin-bottom:55px !important;}.mb60 {margin-bottom:60px !important;}.mb65 {margin-bottom:65px !important;}.mb70 {margin-bottom:70px !important;}.mb75 {margin-bottom:75px !important;}.mb80 {margin-bottom:80px !important;}.mb85 {margin-bottom:85px !important;}.mb90 {margin-bottom:90px !important;}.mb95 {margin-bottom:95px !important;}.mb100 {margin-bottom:100px !important;}.ml0 {margin-left:0px !important;}.ml5 {margin-left:5px !important;}.ml10 {margin-left:10px !important;}.ml15 {margin-left:15px !important;}.ml20 {margin-left:20px !important;}.ml25 {margin-left:25px !important;}.ml30 {margin-left:30px !important;}.ml35 {margin-left:35px !important;}.ml40 {margin-left:40px !important;}.ml45 {margin-left:45px !important;}.ml50 {margin-left:50px !important;}.ml55 {margin-left:55px !important;}.ml60 {margin-left:60px !important;}.ml65 {margin-left:65px !important;}.ml70 {margin-left:70px !important;}.ml75 {margin-left:75px !important;}.ml80 {margin-left:80px !important;}.ml85 {margin-left:85px !important;}.ml90 {margin-left:90px !important;}.ml95 {margin-left:95px !important;}.ml100 {margin-left:100px !important;}

/* 유튜브 반응형 css */
.col-box {display:flex;}
.col-box .box-item {flex:1 1 0px;}
.col-box .box-item:not(:last-child) {margin-right:30px;}
.col-box .box-item table {table-layout:fixed;}
.col-box .box-item table input[type="text"] {max-width:100%;}

/* 유튜브 반응형 css */
.youtube-box {position:relative;width:100%;padding-bottom:56.25%;margin-bottom:30px;}
.youtube-box iframe {position:absolute;width:100%;height:100%;}
.youtube-box video {position:absolute;width:100%;height:100%;}

/* 일반 팝업 프로그램 css */
.popup-box {}
.popup-box h1 {font-size:20px;color:#fff;padding:20px;background:#111;}
.popup-box .popup-content {background:#fff;padding:20px;}

/* 레이어 팝업 프로그램 css */
.popup-wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;} 
.popup-wrap .popup-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);} 
.popup-wrap .popup-box {position:absolute;top:50%;left:50%;width:640px;height:auto;z-index:9999;transform:translate(-50%, -50%);}
.popup-wrap .popup-box .pop-head {height:80px;line-height:80px;color:#fff;font-size:24px;background-color:#2e2e2e;padding:0 30px;}
.popup-wrap .popup-box .pop-head .pop-title {float:left;font-weight:900;}
.popup-wrap .popup-box .pop-head .pop-close {float:right;}
.popup-wrap .popup-box .pop-head .pop-close a {cursor:pointer;color:#fff;font-size:34px;}
.popup-wrap .popup-box .pop-content {background:#fff;padding:30px;min-height:500px;}


/* 페이지 에니메이션 */
.up {transform:translateY(30px);opacity:0;transition:all 1s;transition-delay:0.1s;}
.up.active {transform:translateY(0px);opacity:1;}

/* PC */
@media screen and (max-width:9999px) {
	.pc {}
	.tablet {display:none;}
	.mobile {display:none;}
}

/* 타블렛 가로 */
@media screen and (max-width:1199px) {
	.pc {display:none;}
	.tablet {}
	.mobile {display:none;}
}

/* 모바일 가로, 타블렛 세로 */
@media screen and (max-width:640px) {
	.pc {display:none;}
	.tablet {display:none;}
	.mobile {}
}