@charset "utf-8";

/**************reset.css**************/
body, html{ margin:0; padding:0; width:100%; height:100%; position:relative; right:0; transition:0.4s right; }
/*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: 'noto', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased
}
body.slided{ right:300px; }

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; }



/**************bootstrap.css**************/
.col-01{ width:8.33333333% }
.col-02{ width:16.66666667%; }
.col-03{ width:25%; }
.col-04{ width:33.33333333%; }
.col-05{ width:41.66666667%; }
.col-06{ width:50%; }
.col-07{ width:58.33333333%; }
.col-08{ width:66.66666667%; }
.col-09{ width:75%; }
.col-10{ width:83.33333333%; }
.col-11{ width:91.66666667%; }
.col-12{ width:100%; }

.col-2{ width:20%; }
.col-8{ width:80%; }

.pdv-05{ padding-top:5px; padding-bottom:5px; }
.pdv-10{ padding-top:10px; padding-bottom:10px; }
.pdv-15{ padding-top:15px; padding-bottom:15px; }
.pdv-20{ padding-top:20px; padding-bottom:20px; }
.pdv-25{ padding-top:25px; padding-bottom:25px; }
.pdv-30{ padding-top:30px; padding-bottom:30px; }
.pdv-35{ padding-top:35px; padding-bottom:35px; }

.pdh-05{ padding-left:5px; padding-right:5px; }
.pdh-10{ padding-left:10px; padding-right:10px; }
.pdh-15{ padding-left:15px; padding-right:15px; }
.pdh-20{ padding-left:20px; padding-right:20px; }
.pdh-25{ padding-left:25px; padding-right:25px; }
.pdh-30{ padding-left:30px; padding-right:30px; }
.pdh-35{ padding-left:35px; padding-right:35px; }

.flex{ display:-webkit-box; display:-ms-flexbox; display:flex; }
.flex_wrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.flex_center{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }






/***********scrollbar***********/
body::-webkit-scrollbar{ width: 5px; background-color:transparent; position:fixed; z-index:999999; }
body::-moz-scrollbar{ width: 5px; 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:99997; top:0; right:0; width:100%; background-color:transparent; transition-duration:0.4s; padding:10px 20px; }
#header.slided{ right:300px; }
#header.fixed{ padding-top:0; padding-bottom:0; background-color:rgba(0,0,0,0.4); }
.hd_cont{ max-width:1800px; width:100%; margin:0 auto; position:relative; z-index:999999 }
.hd_cont:before, .hd_cont:after{ content:''; clear:both; display:table; }
@supports(backdrop-filter:blur(7px)){
	#header.fixed{ backdrop-filter:blur(7px) }
}

.hd_logo_wrap{ /*position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);*/ float:left; }
.hd_logo_wrap a{ height:60px; line-height:60px; display:flex; justify-content:flex-start; align-items:center; padding:10px 0; transition-duration:0.4s; }
.hd_logo_wrap a svg{ max-height:40px; max-width:200px; width:100%; display:block; transition:0.4s all; }
.hd_logo_wrap a img{ max-height:40px; max-width:200px; width:100%; display:block; transition:0.4s all; }
.hd_logo_wrap a svg > *{ fill:#fff; transition:0.4s fill; }
.hd_logo_wrap a{ font-family:'eg','nm',serif; font-size:24px; font-weight:400; color:#fff; }

#header.fixed .hd_logo_wrap a svg{ max-height:30px; }
#header.fixed .hd_logo_wrap a svg > *{ fill:#333; }
#header:hover .hd_logo_wrap a svg > *, #header.slided .hd_logo_wrap a svg > *{ fill:#333; }

@media(max-width:850px){
	.hd_logo_wrap a svg{ max-height:30px; }
}


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

.hd_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:20px; height:60px; position:relative; transition-duration:0.4s; cursor:pointer; margin-left:20px; }
.add_btn{ position:absolute; width:20px; height:2px; border-radius:0; top:50%; left:0; margin-top:-1px; background-color:#fff; transition:0.3s height 0s, 0.3s border-radius 0s, 0.3s margin-top 0s; }
.add_btn:before{ content:''; position:absolute; width:20px; height:2px; border-radius:0; top:-7px; left:50%; margin-left:-10px; background-color:#fff; transition:0.3s width 0.3s, 0.3s opacity 0.3s, 0.3s top 0.3s, 0.3s margin-left 0.3s; }
.add_btn:after{ content:''; position:absolute; width:20px; height:2px; border-radius:0; top:7px; left:50%; margin-left:-10px; background-color:#fff; transition:0.3s width 0.3s, 0.3s opacity 0.3s, 0.3s top 0.3s, 0.3s margin-left 0.3s; }
.add_btn.open{ height:20px; border-radius:100%; margin-top:-9px; transition:0.3s width 0.3s, 0.3s height 0.3s, 0.3s border-radius 0.3s, 0.3s margin-top 0.3s; }
.add_btn.open:before{ width:0; opacity:0; top:50%; margin-left:0; transition:0.3s width 0s, 0.3s opacity 0s, 0.3s top 0s, 0.3s margin-left 0s; }
.add_btn.open:after{ width:0; opacity:0; bottom:50%; margin-left:0; transition:0.3s width 0s, 0.3s opacity 0s, 0.3s top 0s, 0.3s margin-left 0s; }






/**************gnb.css**************/
#gnb, #gnb *{ box-sizing:border-box; }
#gnb{ position:fixed; top:0; bottom:0; left:0; right:0; z-index:999999; display:none; }
.gnb_cl{ position:absolute; z-index:30; top:20px; right:20px; font-size:20px; color:#fff; cursor:pointer; }
.gnb_box{ position:relative; z-index:20; width:100%; height:100%; padding:100px 60px; background-color:rgba(48,54,65,.7); display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; overflow:auto; }

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

.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; }
.gnb_bg > li.bg_01{ background-image:url(../img/general/gnb_01.jpg); }
.gnb_bg > li.bg_02{ background-image:url(../img/general/gnb_02.jpg); }
.gnb_bg > li.bg_03{ background-image:url(../img/general/gnb_03.jpg); }
.gnb_bg > li.bg_04{ background-image:url(../img/general/gnb_04.jpg); }
.gnb_bg > li.bg_05{ background-image:url(../img/general/gnb_05.jpg); }

/*#gnb.slided{ right:0; transition:right 0.4s; }*/

/*.gnb_box{ position:relative; overflow:hidden; width:100% !important; height:100% !important; }
.gnb_con_wrap{ position:absolute; overflow:hidden; padding:0; margin:0; top:0; bottom:0; left:0; right:0; width:auto !important; height:auto !important; z-index:1; overflow-y:scroll; }
#gnb .gnb_con_wrap::-webkit-scrollbar, #gnb .gnb_con_wrap::-webkit-scrollbar, #gnb .gnb_con_wrap::-webkit-scrollbar-corner, #gnb .gnb_con_wrap::-webkit-scrollbar-corner{ display:none!important; width:0px!important; height:0px!important; visibility:hidden!important; background:transparent!important }
.gnb_con{ position:relative; width:100%; min-height:100%; visibility:visible; flex-direction:column; justify-content:space-between; }

.gnb_scb_wrap{ position:absolute; top:0; bottom:0; right:0; }
.gnb_scb{ width:2px; border-radius:5px; position:absolute; right:2px; top:0; transform:translate(0, 0); opacity:0; transition:opacity 0.3s; }
.gnb_scb.scroll{ opacity:1; transition:opacity 0.3s; }*/

@media(max-width:800px){
	.gnb_box{ padding:60px 30px; }
}






/**************member_menu.css**************/
/*.gnb_member_profile{ max-width:60px; max-height:60px; width:auto; height:auto; margin:0 auto; overflow:hidden; border-radius:100%; margin-bottom:20px; }
.gnb_member_profile{ width:100%; height:auto; display:block; }
.gnb_member{ padding:30px; }
.member_input_wrap{ margin-bottom:10px; }
.member_input_wrap input{ border:none; width:100%; box-sizing:border-box; font-size:13px; padding:5px 10px; border-radius:5px; margin-bottom:5px; }
.log_add_wrap{ justify-content:space-between; margin-bottom:15px; }
.log_add_wrap label:hover{ cursor:pointer; }
.keep_login{ display:flex; align-items:center; }
.keep_login input{ display:none; }
.chk_label{ background-color:transparent; width:14px; height:14px; margin-right:5px; }
.keep_login input[id="keepid_opt"]:checked + label{ position:relative; }
.keep_login input[id="keepid_opt"]:checked + label:before{ content:''; width:10px; height:5px; position:absolute; top:30%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); }
.gnb_log_submit, .gnb_log_signup{ width:100%; margin:0 2.5px; text-align:center; padding:4px 10px; font-size:11px; font-weight:300; color:#fff; border-radius:4px; }

.gnb_logged{ text-align:center; }
.gnb_logged_title{ font-size:18px; font-weight:600; cursor:pointer; }
.gnb_logged ul.gnb_logged_list{ display:none; padding-top:10px; }
.gnb_logged ul li{ padding:2px 0; }
.gnb_logged ul li a{ font-size:12px; display:block; }
.gnb_logged ul li a i{ margin-right:5px; }*/






/**************category_menu.css**************/
.gnb_nav{ text-shadow:1px 1px 1px rgba(0,0,0,.5); }
.depth1_link{ font-family:'eg','nm',serif; display:block; padding:30px 30px 0px 0px; font-size:40px; font-weight:600; letter-spacing:0.05em; cursor:pointer; }
.depth1:first-child > .depth1_link{ padding:0 30px 0 0; }
.depth1_link.more{ position:relative; padding-right:55px; }
.depth1_link.more:after{ content:''; width:14px; height:14px; transform:translate(-50%, 50%) rotate(-45deg); position:absolute; bottom:26px; right:0; transition-duration:0.3s; }
.depth1_link.more.spreaded:after{ transform:translate(-50%, 50%) rotate(45deg); bottom:19px; }
.gnb_nav2{ display:none; padding-top:10px; }
.depth2_link{ font-family:'noto',sans-serif; display:block; padding:10px 50px 10px 0; font-size:20px; font-weight:300; line-height:1em; cursor:pointer; }
.depth1_link:hover{ color:#ddd9d2; }
.depth1_link.more.spreaded{ color:#ddd9d2; }
.depth2_link.more{ position:relative; padding-right:45px; }
.depth2_link.more:after{ content:''; width:8px; height:8px; transform:translate(-50%, -50%) rotate(-45deg); position:absolute; top:50%; right:21px; transition-duration:0.3s; }
.depth2_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(45deg); top:46%; }
.depth2_link:hover{ color:#ddd9d2; }
.depth2_link.more.spreaded{ color:#ddd9d2; }

.gnb_nav3{ display:none; }
.depth3_link{ display:block; padding:7px 20px 7px 40px; font-size:13px; font-weight:300; cursor:pointer; }

@media(max-width:800px){
	.gnb_menu{ width:100%; }
	.depth1_link{ padding:20px 30px 0px 0px; font-size:30px; }
	.depth1_link.more:after{ width:10px; height:10px; bottom:17px; }
}
@media(max-width:500px){
	.depth1_link{ font-size:24px; }
	.depth2_link{ font-size:16px; }
}






/**************lang.css**************/
.lang_wrap, .lang_wrap *{ box-sizing:border-box; }
.lang_wrap{ position:fixed; z-index:999999; top:0; left:0; width:100%; height:100%; padding:30px; visibility:hidden; opacity:0; transition:visibility 0s 0.3s, opacity 0.3s; }
.lang_wrap.displayed{ opacity:1; visibility:visible; transition:visibility 0s, opacity 0.3s; }
.lang_close{ position:absolute; top:10px; right:10px; cursor:pointer; font-size:25px; line-height:1; }
.lang_list{ text-align:center; }
.lang_list li{ padding:4px 0; }
.lang_list li a{ font-size:18px; font-weight:600; display:block; transition-duration:0.4s; }
.lang_list li.neared a{ transform:scale(1.05); }
.lang_list li.overed a{ transform:scale(1.3); }






/**************search.css**************/
.search_wrap, .search_wrap *{ box-sizing:border-box; }
.search_wrap{ position:fixed; z-index:999999; top:0; left:0; width:100%; height:100%; padding:30px; visibility:hidden; opacity:0; transition:visibility 0s 0.3s, opacity 0.3s; }
.search_wrap.displayed{ opacity:1; visibility:visible; transition:visibility 0s, opacity 0.3s; }
.search_close{ position:absolute; top:10px; right:10px; cursor:pointer; font-size:25px; line-height:1; }
.gnb_search{ max-width:400px; width:100%; position:relative; }
.gnb_search input[type='text']{ width:100%; padding:10px 40px 10px 7px; background-color:transparent; border:none; font-size:14px; }
.search_submit{ position:absolute; right:0; top:0; width:40px; height:100%; line-height:40px; text-align:center; font-size:20px; }






/**************sns.css**************/
.gnb_sns{ padding:15px 25px; }
.gnb_sns > li{ text-align:center; width:20%; }
.gnb_sns > li > a{ text-align: center; font-size:17px; padding:0 4px; }


/*************mobile_02*************/
@media( max-width:850px ){
	#header{ padding:0 15px; }
	.hd_logo_wrap a, #header.fixed .hd_logo_wrap a{ padding:7.5px 0; height:50px; line-height:50px; }
	.hd_logo_wrap a img{ max-height:30px; }
	.home_btn{ height:50px; line-height:50px; }
	.lang_btn{ height:50px; line-height:50px; margin-left:15px; }
	.add_btn_wrap{ height:50px; margin-left:15px; }
	.search_btn{ height:50px; line-height:50px; }

	.ft_pt.col-04{ width:50%; }
}






/*************qm*************/
#qm{ position:fixed; z-index:999999999; top:50%; right:20px; transform:translate(0, -50%); }
#qm > ul > li:not(:last-child){ margin-bottom:5px; }
#qm > ul > li > a{ display:block; border-radius:100%; line-height:0; padding:10px; background-color:#ddd; font-size:20px; color:#333; box-shadow:2px 2px 5px 0 rgba(0,0,0,.25); }
#qm > ul > li > a:hover{ background-color:#333; color:#ddd9d2; }

@media(max-width:800px){
	#qm{ top:auto; bottom:20px; right:50%; transform:translate(50%, 0); }
	#qm > ul{ font-size:0; }
	#qm > ul > li{ display:inline-block; }
	#qm > ul > li:not(:last-child){ margin-bottom:0; margin-right:5px; }
	#qm > ul > li > a{ padding:7px; font-size:16px; }
}







/*************footer*************/
footer{ overflow:hidden; padding:120px 20px 60px; background-color:#303641; }
footer, footer *{ box-sizing:border-box; }

.ft_con{ max-width:1800px; width:100%; margin:0 auto; }
.ft_pt_wrap{ margin:0 -20px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; }
.ft_pt_wrap:not(:last-child){ margin-bottom:30px; }
.ft_pt{ padding:0 20px; }

/*.ft_lg{ font-size:0; line-height:0; }*/
.ft_lg > a{ font-family:'eg','nm',serif; font-size:24px; font-weight:400; color:#fff; display:inline-block; }
.ft_lg > a > img{ max-height:50px; max-width:200px; width:100%; display:block; }

#fnb > ul{ overflow:hidden; text-align:right; }
#fnb > ul > li{ display:inline-block; }
#fnb > ul > li:not(:first-child){ margin-left:30px; }
#fnb > ul > li > a{ display:block; font-size:14px; font-weight:300; color:#cfc9be; }

.ft_if{ max-width:560px; width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:14px; font-weight:300; color:#ddd9d2; line-height:2em; }
.ft_cp{ font-size:14px; font-weight:300; color:#cfc9be; }

.ft_mk{ background-color:#fff; display:flex; padding:10px 15px; border-radius:6px; }
.ft_mk > img{ width:100%; height:40px; margin-right:10px; }
.ft_mk > p{ font-size:13px; color:#888; white-space:nowrap; }

@media(max-width:850px){
	footer{ overflow:hidden; padding:80px 20px 100px; }
	.ft_pt_wrap:not(:last-child){ margin-bottom:40px; }

	.ft_pt{ width:100%; }
	.ft_lg{ text-align:center; margin-bottom:20px; }
	#fnb > ul{ text-align:center; }
	#fnb > ul > li, #fnb > ul > li:not(:first-child){ margin-left:7px; margin-right:7px; }
	.ft_if{ margin:0 auto; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
	.ft_cp{ text-align:center; }
}