@charset "utf-8";

/**************reset.css**************/
body, html{ margin:0; padding:0; width:100%; height:100%; position:relative; right:0; transition:right 0.4s; }
body, html{
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */

	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
body::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
body, input, textarea, select, button, table {
	font-family: 'noto', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif !important;
	-webkit-font-smoothing: antialiased
}

body.slided{ right:300px; transition:right 0.4s; }

img, fieldset, button {
	border: 0
}
ul, ol, li {
	margin:0;
	padding:0;
	list-style: none
}
em, address {
	font-style: normal
}

form, fieldset, h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; }

img{ max-width:100%; }

a, a:hover, a:active, a:focus{ text-decoration:none; }

section, aside, article, legend, header, footer, button, sub, div, h1, h2, h3, h4, h5, h6, p, span, a{ box-sizing:border-box; }
input:focus, button:focus, a:focus{ outline:0 !important; }



/**************bootstrap.css**************/
.col-01{ width:8.333333333333333% }
.col-02{ width:16.66666666666667%; }
.col-2{ width:20%; }
.col-03{ width:25%; }
.col-04{ width:33.33333333333333%; }
.col-05{ width:41.66666666666667%; }
.col-06{ width:50%; }
.col-07{ width:58.33333333333333%; }
.col-08{ width:66.66666666666667%; }
.col-09{ width:75%; }
.col-8{ width:80%; }
.col-10{ width:83.33333333333333%; }
.col-11{ width:91.66666666666667%; }
.col-12{ width:100%; }

.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:flex; }
.flex_wrap{ display:flex; flex-flow:row wrap; }
.flex_center{ display:flex; justify-content: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; }

#docent_wrap{ box-shadow:0 0 10px 0 rgba(0,0,0,.25); }




/***********qm***********/
.qm{ position:fixed; z-index:999999; top:50%; left:0; transform:translate(0, -50%); }
.qm > li{ box-shadow:2px 2px 4px 0 rgba(0,0,0,.15); }
.qm > li:not(:last-child){ margin-bottom:2px; }
.qm > li > a{ display:block !important; padding:13px; background-color:#ca3b3f; font-size:24px; color:#fff; line-height:1em; }

@media(max-width:1280px){
	.qm > li > a{ padding:10px; font-size:20px; }
}
@media(max-width:850px){
	.qm{ display:none; }
}




/**************header.css**************/
#header{ position:fixed; z-index:99997; top:0; right:0; width:100%; background-color:transparent; transition-duration:0.4s; padding:35px 60px 0; }
#header.slided{ right:300px; }
#header.fixed{ padding-top:0; }
.header_cont{ width:100%; margin:0 auto; position:relative; z-index:999999; display:flex; align-items:center; justify-content:space-between; }

.header_logo_wrap{ max-width:190px; width:100%; }
.header_logo_wrap a{ display:block; align-items:center; padding:10px 0; transition-duration:0.4s; }
.header_logo_wrap a img{ max-height:40px; width:100%; display:block; transition-duration:0.4s; }
.header_logo_wrap a svg{ display:block; }
.header_logo_wrap a svg path{ fill:#fff; }

#header.fixed .header_logo_wrap a svg path{ fill:#ca3b3f; }

#header.fixed .header_logo_wrap a img{ max-height:35px; }

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

.header_btn_wrap{ float:right; }

.search_btn{ font-size:17px; float:left; height:60px; line-height:60px; position:relative; transition-duration:0.4s; cursor:pointer; text-align:center; }
.lang_btn{ font-size:20px; 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:21px; height:60px; position:relative; transition-duration:0.4s; cursor:pointer; margin-left:20px; }
.add_btn{ position:absolute; width:21px; height:3px; border-radius:0; top:50%; left:0; margin-top:-1.5px; transition-duration:0.4s }
.add_btn:before{ content:''; position:absolute; width:14px; height:3px; border-radius:0; top:-7px; left:0; transition-duration:0.4s; }
.add_btn:after{ content:''; position:absolute; width:7px; height:3px; border-radius:0; top:7px; left:0; transition-duration:0.4s; }
.add_btn.open{ width:21px; height:21px; border-radius:100%; margin-top:-10.5px; }
.add_btn.open:before{ width:0; opacity:0; top:50%; }
.add_btn.open:after{ width:0; opacity:0; bottom:50%; }




/**************gnb.css**************/
#gnb{ position:fixed; top:0; bottom:0; right:-300px; width:300px; z-index:-999999999; transition:right 0.4s; }
#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; }








/**************member_menu.css**************/
.gnb_member_profile{ max-width:100px; width:100%; height:auto; display:block; margin:0 auto; overflow:hidden; }
.gnb_member_profile img{ max-height:40px; width:100%; }
.gnb_member_profile svg path{ fill:#ca3b3f; }
.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:50%; 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_menu{ padding:15px 0 100px; }
.depth1_link{ display:block; padding:15px 20px; font-family:'cg','ns'; font-size:20px; font-weight:400; cursor:pointer; }
.depth1_link.more{ position:relative; padding-right:45px; }
.depth1_link.more:after{ content:''; width:8px; height:8px; transform:translate(-50%, -50%) rotate(-45deg); position:absolute; top:50%; right:21px; transition-duration:0.3s; }
.depth1_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(45deg); top:46%; }
.gnb_nav2{ display:none; }
.depth2_link{ display:block; padding:7px 20px 7px 30px; font-size:16px; font-weight:300; cursor:pointer; }
.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%; }
.gnb_nav3{ display:none; }
.depth3_link{ display:block; padding:7px 20px 7px 40px; font-size:13px; font-weight:300; cursor:pointer; }








/**************lang.css**************/
.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{ 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 40px; display:flex; justify-content:space-between; align-items:center; }
.gnb_sns li{ text-align:center; }
.gnb_sns a{ text-align: center; font-size:24px; padding:0 4px; color:#ca3b3f; }

















/**************footer.css**************/
#footer{ background-color:#333; padding:100px 60px; overflow:hidden; }
.ft_cont{ max-width:1800px; width:100%; margin:0 auto; }
.ft_pw{ margin:0 -30px; display:flex; flex-flow:row wrap; justify-content:space-between; }
.ft_pt{ padding:0 30px; }
.ft_pt.lf{ display:flex; flex-flow:row wrap; }
.ft_pt.rt{ display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; }

.ft_lg{ margin:0 40px 20px 0; }
.ft_lg > img{ max-height:40px; width:100%; }
.ft_lg > svg{ display:block; max-width:96px; width:100%; }
.ft_lg > svg path{ fill:#fff; }

.ft_if{ word-break:keep-all; }
.ft_if > p{ font-family:'ns'; font-size:15px; font-weight:400; color:#ccc; line-height:1.5em; margin-bottom:20px; }
.ft_if > h5{ font-family:'ns'; font-size:16px; font-weight:400; color:#888; }

#fnb{ font-size:0; }
#fnb > li{ display:inline-block; }
#fnb > li:not(:first-child){ margin-left:15px; }
#fnb > li > a{ display:block; font-family:'ns'; font-size:16px; font-weight:400; color:#fff; line-height:1em; text-align:right; }










/*************over_2K*************/
@media(min-width:1930px){
	.ft_cont{ max-width:80%; }
}

/*************mobile_01*************/
@media( max-width:1280px ){
	#header{ padding:0 15px; }
	#footer{ padding:80px 15px 80px; }
}


@media(max-width:991px){
	.ft_pt.lf{ width:100%; flex-direction:column; justify-content:center; }
	.ft_pt.rt{ width:100%; align-items:center; margin-top:20px; }
	.ft_lg{ margin:0 auto 20px; }
	.ft_if{ text-align:center; }
	#fnb{ display:none; }
	#fnb > li{ display:inline-block; padding:0 10px; }
}

/*************mobile_01*************/
@media( max-width:850px ){
	.header_logo_wrap a, #header.fixed .header_logo_wrap a{ padding:10px 0; }
	.home_btn{ height:50px; line-height:50px; }
	.lang_btn{ height:50px; line-height:50px; }
	.add_btn_wrap{ height:50px; }
	.search_btn{ height:50px; line-height:50px; }
	
}