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

@font-face {font-family: 'GmarketSans';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;}/* Light */
@font-face {font-family: 'GmarketSans';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: 600;font-style: normal;}/* Medium */
@font-face {font-family: 'GmarketSans';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: bold;font-style: normal;}/* Bold */
.font_gmarket{font-family: 'GmarketSans','Noto Sans KR',sans-serif; font-style: normal;font-weight: bold}
.ft_gm_thin{font-family: 'GmarketSans','Noto Sans KR',sans-serif; font-style: normal;font-weight: lighter}
.font_serif{font-family: 'Noto Serif KR', serif;}
/*RESET*/
html, body{height:100%!important;width:100%;padding:0;background:#fff;letter-spacing: -1px;font-family: 'Noto Sans KR', sans-serif;}
a {text-decoration: none;color: #000;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-weight: normal;margin: 0;padding: 0;}
ul{padding: 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;}
.max1920{max-width:1920px;width:100%;margin:auto;}
.clearfix,.clearfix::before,.clearfix::after {display: block;content: "";clear: both;}
.ent{display: none}
.m-auto{margin: auto}
br{font-family: dotum, sans-serif}
/*이미지처리*/
.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;}
.m{display: none}

/*Header*/
header{position:absolute; width:100%; z-index:9999;}
header a{display:block;}

header .headerwrap{max-width: 1400px;width:95%;margin: auto}
header .headerwrap .logo_h{padding-top:20px;display: flex;justify-content: space-between;align-items: center}
header .headerwrap .header_menu nav ul li{}
header .headerwrap .header_menu nav ul li ul li{display:block;}

.mini_h{position:fixed;top:-143px;background: #2a2a29;box-shadow:1px -9px 11px 1px rgb(5 5 5 / 80%)}
#header.mini_h_re .mini_h{background:none !important;}
#header .dim{display:none;position:fixed;width:100%;height:100%;background:#000;opacity:0.5;z-index:26;}
#header.mini_h_re .dim{display:block;}
#header.mini_h_re header.mini_h a{color:#fff;}
a.depth01{color:#333;}

header .header_menu{ margin: auto}
header .header_menu .menu{width:100%;display: flex;justify-content: space-between}
header .header_menu .menu > li{;position:relative;top:0;left:0;flex: 1}
header .header_menu .menu a.depth01 {display: block;text-align: center;font-size: 16px;padding: 10px 0}
header .header_menu .menu a.depth01.on:hover{color:#FCC700 }
header .header_menu .menu > li .depth02{;width: 100%!important;position: absolute;top: 100%;left: 0px;padding-top: 0px!important;-webkit-transition: none;transition: none;text-decoration: none;display: none;text-align:center;z-index: 9999;padding-left: 0}
header .header_menu .menu > li .depth02 li{}
header .header_menu .menu > li .depth02 .pc_menu_a{display:block;position:relative;font-size: 16px; padding: 5px 0}
header .header_menu .menu > li .depth02 .pc_menu_a:hover{color:#FCC700;}

.h_side{}
.h_side h6{font-size: 20px;margin-bottom: 1%}
.h_side p{font-size: 26px;font-weight: bold}


#m_header{position:fixed;top:0;width:100%;z-index:9999;}
#m_header.active{background: #fff;box-shadow: 2px 3px 5px rgb(0 0 0 / 10%);}

#m_header .fa-2x{color: #231815;}
.content{overflow: hidden; display: none;padding: 20px 30px;position: absolute;z-index: 29;width: 100%;}
.submenu{overflow: hidden; display: none;}
.jquery-accordion-menu{width: 100%;}

#demo-list{}
#demo-list >a {color: #fff;display: inline-block;;padding: 5% 0;text-align: center;position: relative;}
#demo-list >a::after {    content: "";   display: inline-block;    width: 1px;    height: 11px;    margin: 0 15px;    background-color: #e4e8eb;    vertical-align: -1px;}
#demo-list >a:last-child::after {display: none}
#demo-list li{}
#demo-list li.on >a{color: #FCC700;}
#demo-list li.on >a span{transform: rotate(180deg)}
#demo-list li a{display: block;color: #fff;font-size: 16px;padding: 2% 0;border-bottom: 1px solid rgba(255,255,255,0.4);position: relative;}
#demo-list li a span{position: absolute;right: 0;transform: rotate(0);    transition: all 0.3s ease-out;}
#demo-list .submenu{}
#demo-list .submenu li{padding-left: 5%}
#demo-list .submenu li a{border-bottom: none;}

#m_header .dim{display:none;position:fixed;width:100%;height:100%;background:#000;opacity:0.5;z-index:26;}
#m_header.dim_on .dim{display:block;}

.menu_m{padding: 10px 0;position:relative;}
.menu_m .line_icon{cursor: pointer; top: 0;display: inline-block;vertical-align: middle;width:24px;}
.menu_m .line_icon .menu_i01{display: none;}
.menu_m .line_icon .menu_i02{display: none;}
.on{display: block !important;}
.tel_icon{right: 15px; top: 14px;display: inline-block;vertical-align: middle;}

.m_img{text-align: center;}
.m_img .logo_m{width: 100px;display: inline-block;margin: auto 25%;vertical-align: middle;}

.subhead.mini_h_re header a{color:#fff;}
.subhead.mini_h_re .h_side{color:#fff;}
.subhead header.mini_h a{color:#fff;}

.subhead.mini_h_re .sub_on{display:none;}
.subhead.mini_h_re .sub_off{display:block;}
header .sub_on{display:block;}
header .sub_off{display:none;}
.subhead .mini_h .sub_off{display:block;}
.subhead .mini_h .sub_on{display:none;}
#header.mini_h_re header.mini_h a:hover{color:#FCC700;}

#subpage{height: 185px;width: 100% ;background: #fff}


#ft{background:#232323;margin-top: 0;border-top: 0}
.mb-img{display: none}
/*Quick*/
#quick{ position: fixed;top: 20%;right: 0    ;z-index: 25;overflow: hidden;font-size: 14px;box-shadow: 2px 3px 5px rgb(0 0 0 / 20%);}
#quick .adm{background: #EA142B;padding: 10px}
#quick .adm a{display: block;text-align: center;color: #fff;}

#quick .login{background: #FCC700;padding: 10px}
#quick .login a{display: block;text-align: center;color: #000;}
#quick .login a:first-child{border-bottom: 1px solid;padding-bottom: 10px}
#quick .login a:last-child{padding-top: 10px}

#quick .icon{background: #2a2a29;padding: 14px;}
#quick .icon a{display: block;margin: auto;margin-bottom: 20px;}
#quick .icon a:hover span{color:#FCC700;}
#quick .icon a:last-child{margin-bottom: 0;}
#quick .icon a img{max-width: 100%;width: 40px}
#quick .icon a:last-child img{width: 30px}
#quick .icon a:hover img{animation: pulsate-fwd 0.5s ease-in-out infinite both;}
#quick .icon a span{color: #b8b8b8;display: block;text-align: center;padding-top: 10px}
#quick .q_hide{text-align: center;background: #FCC700}
#quick .q_hide a{display: block;padding: 10px 0;color: #000;}
@keyframes pulsate-fwd {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: scale(1.1);transform: scale(1.1);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}

/*개인정보취급방침*/

.policy-pop{display: none;z-index: 9999}
.policy-pop .layer {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10000;max-width: 1200px;width: 85%;height: 85%;border-radius: 10px;overflow: hidden;background: #fff;}
.policy-pop .layer .tit {background: #FCC700;color:#fff;text-align: center;padding: 15px;font-size: 18px;position: relative}
.policy-pop .layer .tit i{position: absolute; top:16px;right: 30px;cursor: pointer;color:#fff}
.policy-pop .layer h5 {font-weight: bold}
.policy-pop .layer .cont {padding: 5%;overflow-y: scroll;height: 90%;font-size: 14px;line-height: 1.5;    font-size: 14px;background: #fff url(../img/new_h/sub/01/inno.png) no-repeat right 4% bottom / 15%;}
.policy-pop .dark {position: fixed;top: 0;left: 0;right: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}

@media (max-width:1920px){
    #quick .login{padding: 6px}
    #quick .login a:first-child{padding-bottom:  6px}
    #quick .login a:last-child{padding-top:  6px}
    #quick .icon{padding: 10px 8px}
    #quick .icon a{margin-bottom: 10px}
    #quick .icon a img{width: 30px;}
    #quick .icon a:last-child img{width: 22px;}
}
@media (max-width:1024px){
    header .header_menu .menu a.depth01{font-size: 14px}
    header .header_menu .menu > li .depth02 .pc_menu_a{font-size: 14px;white-space: nowrap}
}

@media (max-width:768px){
    .mb-img{display: block;    margin: auto;max-width: 100%;width: auto;}
    .pc-img{display: none}
    #subpage{height: 56.58px}
    #ft_area{padding-bottom: 100px}

    .slide-drop-down{display: none;z-index: 2;position: absolute;width: 100%}
    .slide-drop-down .m-menu{width: auto }
    .slide-drop-down .m-menu > li{position: relative;width: 100%;}
    .slide-drop-down .m-menu > li a{color: #fff;display: block;padding: 14px ;font-size: 16px;background: rgba(27,27,52,0.7);}
    .slide-drop-down .m-menu > li a:hover{background: #ddaca3;}
    .slide-drop-down .m-menu > li a span{position: absolute;right: 20px;}

    .slide-drop-down .m-menu > li.on{}
    .slide-drop-down .m-menu > li.on > a{font-weight: bold ;background: #1b1b34;}
    .slide-drop-down .m-menu > li.on > a:hover{background: #ddaca3;}


    .slide-drop-down .m-menu .submenu{display: none;}
    .slide-drop-down .m-menu .submenu li{padding-left: 20px ;background: rgba(27,27,52,0.8);}
    .slide-drop-down .m-menu .submenu li a{padding: 12px 0; ;background: none}


    #quick{top: auto;right: auto;bottom: 0;width: 100%;}
    #quick .login,#quick .q_hide,#quick .adm{display: none}
    #quick .icon{display: flex;background: #181818; align-items: flex-end;}
    #quick .icon a{flex: 1;margin-bottom: 0}
    #quick .icon a img{width: auto;height: 35px;}
    #quick .icon a:last-child img{width: auto}
}
@media (max-width:425px){
    /*Font*/
    #quick .icon a span{font-size: 12px}
    /*Style*/
    #quick .icon{padding: 10px 8px}
    #quick .icon a img{height: 30px;}
}


.txt-bage{color:#fff;display:inline-block;}
.pc-view,.pc-ver{display:block}
.mo-view,.mo-ver{display:none}
.popup_container .wrap { width: calc(100% - 200px); }
.popup_container button.nobg{background: none !important}
.popup { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.popup_container { background: url(/img/230630_ban.png) no-repeat 100% center / cover ; color: #d3a78d; text-align: center; font-family: "GmarketSansLight"; padding: 2.5% 0px; cursor: pointer; position: relative; }
.popup_container .wrap { position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); }
.popup_container div button{border:0px;background-color:#222;color:#333;}
.popup_container div button svg { width: 8px; }
.popup_container div img{max-height:50px}
.popup_container div.pop-title{font-size:18px;}
.popup_container div.event-go{background-color:#d3a78d;color:#222;border-radius:50px;padding:5px 10px;}
.popup_container div.event-go a{font-size:12px; font-family: 'GmarketSansMedium'; text-decoration: blink;}
.today_wrapper { position: absolute; bottom: 0; right: 0; }

@media (max-width: 1024px) {
    .popup_container{padding: 3% 0;background: url(/img/230630_ban.png) no-repeat 70% center / cover;}
    .popup_container .wrap{width: 95%;}
    .txt-bage{font-size: 14px}
    .pc-view{display:none}
    .mo-view{display:block}
}

@media (max-width: 768px){
    .pc-ver{display:none}
    .mo-ver{display:block}
    .popup_container{background:url(/img/230630_ban-m.png) no-repeat center center / cover ;padding:12.5% 0px;position: relative;}
    .popup_container .today_wrapper { width: 100%; bottom: 20px; }
    .popclose{position: absolute;top:0;right: 0;}
}