@charset "utf-8";

/**************reset.css**************/
body, html{ margin:0; padding:0; width:100%; height:100%; position:relative; }
/* body, html{ -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } *//*block*/

body, input, textarea, select, button, table{
	font-family: 'nt', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased
}

form, fieldset, h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; }
form, fieldset, button{ border:none; }
ul, ol, li{ margin:0; padding:0; list-style: none }
img{ max-width:100%; }
a, a:hover, a:active, a:focus{ text-decoration:none; }
input:focus, button:focus, a:focus{ outline:none !important; }

/***********scrollbar***********/
body::-webkit-scrollbar{ width: 3px; background-color:transparent; position:fixed; z-index:999999; }
body::-moz-scrollbar{ width: 3px; background-color:transparent; position:fixed; z-index:999999; }
body::-webkit-scrollbar-track{ background-color:#666; }
body::-moz-scrollbar-track{ background-color:#666; }
body::-webkit-scrollbar-thumb{ background-color: rgba(255, 255, 255, 0.4); border-radius:20px; }
body::-moz-scrollbar-thumb{ background-color: rgba(255, 255, 255, 0.4); border-radius:20px; }

/* body, html{ -ms-overflow-style: none; scrollbar-width: none; }
body::-webkit-scrollbar{ display: none; } */






/**************header.css**************/
header, header *{ box-sizing:border-box; }
#header{ position:fixed; z-index:999; top:0; right:0; width:100%; background-color:transparent; transition-duration:0.4s; padding:15px 40px; }
/* #header:not(.mo):hover{ background-color:#181818; } */
#header.fixed{ padding-top:0; padding-bottom:0; background-color:rgba(0,0,0,0.15); box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.header_cont{ max-width:1800px; width:100%; margin:0 auto; }
.header_cont:before, .header_cont:after{ content:''; clear:both; display:table; }
@supports(backdrop-filter:blur(7px)){
	#header:before{ content:''; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; }
	#header.fixed:before{ backdrop-filter:blur(6px) }
}

.header_logo_wrap{ /*position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);*/ float:left; }
.header_logo_wrap a{ display:flex; align-items:flex-start; justify-content:flex-start; padding:10px 0; transition-duration:0.4s; }
.header_logo_wrap a img{ height:46px; max-width:200px; width:auto; display:block; }
.header_logo_wrap a p{ margin-left:10px; font-family:'nt'; font-size:12px; font-weight:100; line-height:1.125em; white-space:nowrap; color:#fff;; }
.header_logo_wrap a p b{ display:block; font-family:'ns'; font-size:16px; font-weight:500; line-height:1em; margin-bottom:3px; }

.header_btn_wrap{ float:right; }

.search_btn{ font-size:18px; float:left; height:60px; line-height:60px; position:relative; transition-duration:0.4s; cursor:pointer; text-align:center; margin-left:20px; }
.lang_btn{ font-size:18px; float:left; height:60px; line-height:60px; position:relative; transition-duration:0.4s; cursor:pointer; text-align:center; margin-left:20px; }

.add_btn_wrap{ float:left; width:28px; height:66px; position:relative; z-index:9999; transition-duration:0.4s; cursor:pointer; }
.add_btn{ position:absolute; z-index:1; width:28px; height:1px; top:50%; left:0; margin-top:-0.5px; background-color:#fff; transition:0s background-color 0.3s; }
.add_btn:before{ content:''; position:absolute; z-index:1; width:28px; height:1px; top:0; left:50%; margin-top:-10px; background-color:#fff; transform:translate(-50%, 0); transition:0.3s margin-top 0.3s, 0.3s transform 0s, 0.3s width 0s; }
.add_btn:after{ content:''; position:absolute; z-index:1; width:28px; height:1px; top:0; left:50%; margin-top:10px; background-color:#fff; transform:translate(-50%, 0); transition:0.3s margin-top 0.3s, 0.3s transform 0s, 0.3s width 0s; }
.add_btn.open{ background-color:transparent; transition:0s background-color 0.3s; }
.add_btn.open:before{ width:36px; margin-top:0; transform:translate(-50%, 0) rotate(45deg); transition:0.3s margin-top 0s, 0.3s transform 0.3s, 0.3s width 0.3s; }
.add_btn.open:after{ width:36px; margin-top:0; transform:translate(-50%, 0) rotate(-45deg); transition:0.3s margin-top 0s, 0.3s transform 0.3s, 0.3s width 0.3s; }

@media(max-width:991px){
	#header{ padding:0 15px; }
	.header_logo_wrap a img{ height:40px; }
	.header_logo_wrap a p{ margin-left:5px; font-size:10px; line-height:1.1em; }
	.header_logo_wrap a p b{ font-size:18px; margin-bottom:0; }
	.add_btn_wrap{ height:60px; }
}






/**************popup.css**************/
.pu_wrap{ position:absolute; z-index:999; border-radius:6px; overflow:hidden; box-shadow:4px 4px 8px 0 rgba(0,0,0,0.3); max-width:calc(100% - 40px) }
.punone > .pu_wrap{ display:none; }
.pu_wrap, .pu_wrap *{ box-sizing:border-box; }
.pu_con{ border:2px solid #fafafa; background-color:#fafafa; border-radius:6px 6px 0 0; overflow:hidden; width:auto; }
.pu_con a{ display:block; width:100%; }
.pu_con img{ display:block; width:100%; height:auto; }
.pu_cl{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#333; padding:7px 10px; color:#fff; }
.pu_cl > .cl_day{ line-height:14px; }
.pu_cl > .cl_day > input[type=checkbox]{ margin:0 5px 0 0; }
.pu_cl > .cl_day > p{ display:inline-block; }
.pu_cl > .cl_btn{ cursor:pointer; }
.pu_cl > .cl_btn2{ cursor:pointer; }






/**************gnb.css**************/
#gnb, #gnb *{ box-sizing:border-box; }
#gnb{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:999; background-color:#181818; background-position:center; background-size:cover; background-repeat:no-repeat; -webkit-clip-path:polygon(0 0, 100% 0, 100% 0, 0 0); transition:0.7s -webkit-clip-path; }
#gnb.act{ -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.gnb_box{ position:relative; z-index:20; width:100%; height:100%; padding:60px 60px; background-color:rgba(0, 0, 0, .8); display:flex; flex-direction:column; overflow:auto; -ms-overflow-style: none; scrollbar-width: none; }
.gnb_box::-webkit-scrollbar{ display: none; }
.gnb_tp{ flex:1 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 0 40px; }
.gnb_bg{ position:absolute; z-index:1; width:100%; height:100%; }
.gnb_bg > li{ position:absolute; top:0; bottom:0; left:0; right:0; background-position:center; background-size:cover; background-repeat:no-repeat; display:none; font-size:0; }
/* .gnb_bg > li:first-child{ display:block; } */
.gnb_bg > li > img{ min-width:100%; min-height:100%; object-fit:cover; }

.gnb_lg{ display:flex; color:#fff; width:240px; margin:0 auto 80px; }
.gnb_lg img{ max-width:200px; width:auto; height:80px; display:block; }
.gnb_lg .lg_vol{ margin-left:20px; }
.gnb_lg .lg_vol > h6{ font-family:'ns'; font-size:40px; font-weight:700; line-height:0.75em; margin-bottom:10px; }
.gnb_lg .lg_vol > p{ font-size:16px; font-weight:100; white-space:nowrap; line-height:1.2em; }

.gnb_bt{ display:flex; justify-content:space-between; align-items:flex-end; max-width:1200px; width:100%; margin:0 auto; border-top:1px solid rgba(255,255,255,0.5); padding:20px 0 0; }
.bt_sns > li{ display:inline-block; }
.bt_sns > li:not(:last-child){ margin-right:5px; }
.bt_sns > li > a{ display:block; font-size:24px; color:#fff; line-height:1em; }
.bt_sns > li:hover > a{ color:#fea30b; }
.bt_past{ display:flex; font-family:'ns'; color:#fff; gap:3px; }
.bt_past > h3{ margin-right:7px; }
.bt_past > h3, .bt_past > a{ font-size:16px; color:#fff; }
.bt_past > a:hover{ color:#fea30b; }

.hd_site{ position:relative; z-index:1; display:block; margin:0; box-shadow:3px 3px 7px 0 rgba(0,0,0,.8); }
.hd_site:after{ content:"\f107"; position:absolute; z-index:1; top:50%; right:0; font-family:'Line Awesome Free'; font-size:14px; font-weight:900; color:#ccc; transform:translate(0, -50%); pointer-events:none; }
.hd_site > select{ display:block; width:100%; border:none; background-color:transparent; padding:5px 40px 5px 0; font-family:'pt'; font-size:14px; font-weight:400; color:#fff; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-bottom:1px solid rgba(255,255,255,0.4); }
.hd_site > select > option{ font-size:14px; font-weight:300; color:#fff; background-color:#181818; text-indent:5px; }

@media(max-width:991px){
	.gnb_box{ padding:60px 15px 20px; }
	.gnb_lg{ width:191px; margin:0 auto 60px; }
	.gnb_lg img{ height:60px; }
	.bt_sns > li:not(:last-child){ margin-right:3px; }
	.bt_sns > li > a{ font-size:20px; }
	.gnb_lg .lg_vol{ margin-left:14px; }
	.gnb_lg .lg_vol > h6{ font-size:30px; margin-bottom:5px; }
	.gnb_lg .lg_vol > p{ font-size:14px; }
	.bt_past > h3, .bt_past > a{ font-size:14px; }
}






/**************category_menu.css**************/
.gnb_menu{ max-width:1200px; width:100%; margin:0 auto; word-break:keep-all; }
.gnb_menu > ul{ display:flex; gap:20px; justify-content:center; }
.gnb_menu > ul > li{ flex-grow:1; text-align:center; }
.gnb_menu > ul > li > a{ position:relative; z-index:1; display:inline-block; padding:0 0 7px; font-family:'ns'; font-size:28px; font-weight:500; color:#fff; transition:0.3s color; }
.gnb_menu > ul > li > a:after{ content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:linear-gradient(90deg, #fea30b00 0%, #fea30b 50%, #fea30b00 100%); transform:scaleX(0); opacity:0; transition:0.5s transform, 0.5s opacity; }
.gnb_menu > ul > li:hover > a{ color:#fea30b; }
.gnb_menu > ul > li:hover > a:after{ transform:scaleX(1); opacity:1; }

@media(max-width:991px){
	.gnb_menu > ul{ flex-direction:column; }
	.gnb_menu > ul > li > a{ font-size:24px; }
}
@media(max-width:500px){
	.gnb_menu > ul > li > a{ font-size:20px; }
}





/**************footer.css**************/
footer{ background-color:#f4f4f4; padding:80px 40px; }
footer, footer *{ box-sizing:border-box; }
.ft_con{ max-width:1800px; margin:0 auto; }
.ft_pw{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.ft_pt.lf{ display:flex; gap:20px; }
.ft_lg a{ display:flex; align-items:flex-start; justify-content:flex-start; transition-duration:0.4s; }
.ft_lg a img{ height:46px; max-width:200px; width:auto; display:block; }
.ft_lg a p{ margin-left:10px; font-family:'nt'; font-size:12px; font-weight:100; line-height:1.125em; white-space:nowrap; color:#181818; }
.ft_lg a p b{ display:block; font-family:'ns'; font-size:16px; font-weight:500; line-height:1em; margin-bottom:3px; }
.ft_if{ word-break:keep-all; }
.ft_if h5{ font-size:13px; font-weight:500; line-height:1.3em; margin-bottom:5px; }
.ft_if p{ font-size:13px; font-weight:300; line-height:1.5em; color:#333; }
.ft_if p b{ font-weight:400; color:#181818; }
.ft_sns{ font-size:0; white-space:nowrap; }
.ft_sns > li{ display:inline-block; }
.ft_sns > li:not(:last-child){ margin-right:5px; }
.ft_sns > li > a{ font-size:24px; color:#181818; }
.ft_sns > li:hover > a{ color:#fea30b; }

.ft_site{ position:relative; z-index:1; max-width:240px; width:100%; display:block; margin:0 0 0 auto; box-shadow:3px 3px 7px 0 rgba(0,0,0,.15); }
.ft_site:after{ content:"\f107"; position:absolute; z-index:1; top:50%; right:10px; font-family:'Line Awesome Free'; font-size:14px; font-weight:900; color:#666; transform:translate(0, -50%); pointer-events:none; }
.ft_site > select{ display:block; width:100%; border:none; background-color:#e5e5e5; padding:7px 40px 7px 15px; font-family:'pt'; font-size:14px; font-weight:400; color:#333; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.ft_site > select > option{ font-family:'mt','pt','noto' !important; font-size:14px; font-weight:300; color:#333; }

@media(max-width:991px){
	footer{ padding:80px 15px; }
}
@media(max-width:850px){
	.ft_pw{ flex-direction:column; align-items:center; gap:20px; }
	.ft_pt.lf{ flex-direction:column; align-items:center; }
	.ft_if{ text-align:center; }
	.ft_if h5{ font-size:12px; }
	.ft_if p{ font-size:12px; }
}