@charset "utf-8";


/*********************reset.css*********************/
body, html{ margin:0; padding:0; width:100%; height:100%; }
body, html{
	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
body, input, textarea, select, button, table {
	font-family: 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif !important;
	font-size: 12px;
	-webkit-font-smoothing: antialiased
}
img, fieldset, button {
	border: 0
}
ul, ol {
	margin:0; padding:0;
	list-style: none
}
em, address {
	font-style: normal
}
a {
	text-decoration: none
}
a:hover, a:active, a:focus {
	text-decoration: none
}

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


/***********scrollbar***********/
::-webkit-scrollbar {
      width: 5px;
      background-color:transparent;
      position:fixed;
      z-index:999999;
} /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track{
	background-color:#666;
}
::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.4); 
      border-radius:20px;
} /* this will style the thumb, ignoring the track */



/*********************custom.css*********************/
#container{ padding-left:50px; }
#container div, #container li, #container header, #container section, #container h1,
#container h2, #container h3, #container h4, #container h5, #container h6, #container p, 
#container small, #container aside, #container legend, #container form{ box-sizing:border-box; }

.flex{
	display:flex;
	display:-ms-flexbox;
	display:-moz-flexbox;
}
.flex_wrap{
	display:flex;
	display:-ms-flexbox;
	display:-moz-flexbox;
	flex-flow:row wrap;
}
.flex_center{
	display:flex;
	display:-ms-flexbox;
	display:-moz-flexbox;
	justify-content:center;
	align-items:center;
}

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


.col-01{ width:8.333333333333333% }
.col-02{ width:16.66666666666667%; }
.col-20{ 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-80{ width:80%; }
.col-10{ width:83.33333333333333%; }
.col-11{ width:91.66666666666667%; }
.col-12{ width:100%; }








/*********************header.css*********************/
#header{
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:50px;
	height:100%;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
}

#header.fixed{
	position:fixed;
	top:0;
	left:0;
}

#header:before, #header:after{
	content:'';
	display:table;
	clear:both;
}

.header_mxwidth{
	position:absolute;
	z-index:9999;
	width:100%;
	height:100%;
	zoom:1;
	box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.header_mxwidth:before, .header_mxwidth:after{
	content:'';
	display:table;
	clear:both;
	display:none;
}

.header_logo_wrap{
    float: left;
    transform: rotate(-90deg);
    width: 500px;
    text-align: center;
    margin-left: -225px;
    position: relative;
    z-index: -1;
}

.header_logo_wrap:before, .header_logo_wrap:after{ content:''; display:table; clear:both; }

.header_logo_wrap img{
	float:left;
}

.header_logo_wrap a{
    font-size: 13px;
    font-weight: 300;
    letter-spacing:0.2em;
    margin-right:-0.2em;
}

/*********************add_menu.css*********************/
nav#header_menu_wrap ul.add_menu_wrap{

}
nav#header_menu_wrap ul.add_menu_wrap li{
	float:left;
	line-height:60px;
	font-size:20px;
}

.member_btn_link{
	float:left;
    width: 50px;
    text-align: center;
}

.member_btn_link:hover{
	cursor:pointer;
}

.add_menu a .member_btn{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	width:24px;
	height:2px;
	background-color:#888;
	transition-duration:0.3s;
}

.add_menu a .member_btn:before{
	content:'';
	width:24px;
	height:2px;
	background-color:#888;
	position:absolute;
	top:-7px;
	left:0;
	transition-duration:0.4s;
}

.add_menu a .member_btn:after{
	content:'';
	width:24px;
	height:2px;
	background-color:#888;
	position:absolute;
	top:7px;
	left:0;
	transition-duration:0.4s;
}

.add_menu a.spreaded .member_btn{
    background-color: transparent;
    height: 24px;
    border: 2px solid #888;
    border-radius: 100%;
}

.add_menu a.spreaded .member_btn:before{
	top: calc(50% - 1px);
    transform: rotate(225deg);
    width: 14px;
    left: calc(50% - 7px);
}

.add_menu a.spreaded .member_btn:after{
	transform:rotate(315deg);
    top: calc(50% - 1px);
    width: 14px;
    left: calc(50% - 7px);
}

.add_menu a.spreaded .admin_icon{ vertical-align:middle; }


@media( max-width:850px ){
	nav#header_menu_wrap ul.add_menu_wrap li{ line-height:50px; }
}


/*********************menu.css*********************/
#menu_toggle{
	display:block;
	line-height:50px;
	font-size:21px;
	text-align:center;
	cursor:pointer;
}

.gnb_wrap{
	position:fixed;
	top:0;
	bottom:0;
	width:300px;
	left:-300px;
	padding:40px 10px;
	flex-direction:column;
	justify-content:space-between;
	overflow-y:auto;
	transition-duration:0.5s;
	box-shadow:3px 0 7px 0 rgba(0,0,0,0.3);
}

.gnb_wrap.spreaded{ left:50px; }

.gnb_up{ margin-bottom:100px; }

.gnb_logo_wrap{ margin-bottom:40px; }
.gnb_logo_img img{ max-width:100%; max-height:75px; margin:0 auto; display:block; }
.gnb_logo_txt h1{ font-size:35px; font-weight:500; font-family:'Abril Fatface', 'Noto Serif KR', sans-serif; text-align:center; }

.gnb_nav a{ cursor:pointer; }
.depth1_link{ display:block; padding:10px 37px 10px 10px; border-left:3px solid transparent; position:relative; font-size:14px; }
.depth1_link.more:after{ content:''; width:7px; height:7px; border-top:2px solid #999; border-right:2px solid #999; position:absolute; top:50%; right:10px; transform:translate(-50%, -50%) rotate(45deg); transition-duration:0.3s; }
.depth1_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(135deg); }

.gnb_nav2{ display:none; }
.depth2_link{ display:block; padding:10px 10px 10px 22px; position:relative; font-size:14px; }

.gnb_nav3{ display:none; }
.depth3_link{ display:block; padding:10px 10px 10px 34px; position:relative; font-size:14px; }

.gnb_search{ margin-bottom:15px; }
.search_form{ width:100%; }
.search_form input{
	width:calc(100% - 33px);
	border:none;
	box-sizing:border-box;
	padding:7px 10px;
	font-size:14px;
}
.search_btn{ width:33px; font-size:15px; }

.gnb_lang{ position:relative; margin-bottom:50px; cursor:pointer; }
.lang_btn{
	width:100%;
    font-size:14px;
    padding:7px 10px;
    text-align:left;
}
.lang_btn i.pull-right{ float:right; font-size:18px; }

.lang_list{ position:absolute; top:100%; left:0; width:100%; margin-bottom:20px; display:none; }
.lang_list li a{ display:block; padding:5px 10px; }

.gnb_footer{ margin-bottom:15px; }
.gnb_icon_wrap{ margin-bottom:20px; }
.gnb_icon{ margin-right:10px; }
.gnb_icon i{
	width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}
.gnb_info p{ margin-bottom:5px; font-size:13px; }
.gnb_info p:last-child{ margin-bottom:0; }

.gnb_copy p{ font-size:13px; }











/*********************member_menu.css*********************/
.member_menu_wrap{
	background-color:#353535;
	position:fixed;
	z-index:9999;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:50px 20px;
	background-color:rgba(0,0,0,0.3);
	overflow-y:auto;
	transition-duration:0.4s;
	display:none;
}

.member_menu_box{
	width:100%;
	height:100%;
	position:relative;
}

.member_menu_close{
	position:absolute;
	top:8px;
	right:8px;
	color:#fff;
	font-size:23px;
	line-height:20px;
}
.member_menu_close:hover{
	cursor:pointer;
}

.member_menu{
	width:350px;
	padding:40px 45px 30px;
	background-color:rgba(44, 47, 62, 0.9);
	position:relative;
}

.member_profile_wrap{
	width:150px;
	height:150px;
	border-radius:100%;
	overflow:hidden;
	margin:0 auto 12px;
}
.member_profile_wrap img{
	display:block;
	width:100%;
	height:auto;
}

.member_profile_desc{
	font-size:15px;
	text-align:center;
	line-height:1.5;
	word-break:keep-all;
	margin-bottom:30px;
}

.member_login_form .form{
	border-bottom:1px solid #51556a;
	margin-bottom:10px;
	position:relative;
}

.form span{ color:#fff; font-size:21px; position:absolute; top:6px; left:0; }

.form input{
	width:100%;
	border:none;
	background-color:transparent !important;
	color:#a7a9b7;
	padding:12px 5px 12px 30px;
	font-size:14px;
	position:relative;
}

.form input.inputid:before{
	content:'\e68a';
	font-family:xeicon;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:14px;
}

.form input.inputpw:before{
	content:'\e66b';
	font-family:xeicon;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:14px;
}

.log_add_wrap{
	margin-bottom:30px;
}

.keep_login input[id="keepid_opt"] + label{
	display:inline-block;
	width:12px;
	height:12px;
	border:1px solid #51556a;
	margin-right:10px;
	float:left;
	position:relative;
}

.keep_login input[id="keepid_opt"]:checked + label:before{
	content:"\f00c";
	font-family:FontAwesome;
	font-size:12px;
	color:#d4d4d4;
	position:absolute;
	top:0;
	left:0;
}

input#keepid_opt{
	display:none;
}

.keep_login label{
	font-size:12px;
	color:#adadad;
}

.find_account{ text-align:center; font-size:14px; margin-top:10px; }
.find_account a{ display:block; color:#adadad; padding:7px; }

.login_submit, .login_signup{
	width:100%;
	padding:10.5px 5px;
	font-size:14px;
	color:#fff;
	border-radius:100px;
	display:inline-block;
	box-sizing:border-box;
	margin-bottom:10px;
	text-align:center;
	cursor:pointer;
}

.login_signup{ background-color: #efefef; color: #666; }

.logged_menu{ padding:12px 25px; background-color:#222531; }
.logged_menu ul li a{ border-bottom:1px solid #51556a; }
.logged_menu ul li:last-child a{ border-bottom:none; }
.logged_menu ul li a{ font-size:14px; transition-duration:0.3s; color:#fff; display:block; padding:7px 3px; }
.logged_menu ul li a:hover{ padding-left:10px; } 

.logged_menu ul li.logged_btn{ display:block; }
.logged_menu ul li.logged_btn a{ position:relative; padding:7px 3px 7px 20px; transition-duration:0.3s; }
.logged_menu ul li.logged_btn a:before{ position:absolute; transition-duration:0.3s; top:9px; right:calc(100% - 15px); color:#fff; font-family:xeicon; }
.logged_menu ul li.logged_btn:nth-child(2) a:before{ content:'\e68a'; }
.logged_menu ul li.logged_btn:nth-child(3) a:before{ content:'\e64e'; }
.logged_menu ul li.logged_btn:nth-child(4) a:before{ content:'\e651'; }
.logged_menu ul li.logged_btn:nth-child(5) a:before{ content:'\e673'; }
.logged_menu ul li.logged_btn:nth-child(6) a:before{ content:'\e68e'; }
.logged_menu ul li.logged_btn:nth-child(7) a:before{ content:'\e6ed'; }
.logged_menu ul li.logged_btn a:hover{ padding-left:27px; }
.logged_menu ul li.logged_btn a:hover:before{ margin-right:-7px; }



/*********************header_mediaquery*********************/
@media(max-width:800px){
	#container{ padding-left:0; padding-top:50px; }
	#header{ height:50px; width:100%; }
	.header_mxwidth{ display:static; flex-direction:row; }
	#menu_toggle{ width:50px; }
	.header_logo_wrap{ transform:rotate(0deg); width:calc(100% - 100px); margin-left:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
	.gnb_wrap{ padding:90px 10px 40px; }
	.gnb_wrap.spreaded{ left:0; }
	.mo_gnb{ position:fixed; padding-top:50px; }
	.mo_gnb.spreaded{ left:0; }	
}




/*********************footer*********************/
#footer{ overflow:hidden; }
#footer.dark{ background-color:#272727; }
#footer.light{ background-color:#fafafa; }
#footer div{ box-sizing:border-box; }

.ft_cont{ padding:65px 15px 80px; max-width:1530px; margin:0 auto; }
.ft_pt_wrap{ margin:0 -15px; }
.ft_pt{ box-sizing:border-box; }
.ft_pt.pt_01{ width:100%; }
.ft_pt.pt_02{ width:50%; }
.ft_pt.pt_03{ width:33.333333333%; }
.ft_pt.pt_04{ width:25%; }
.ft_logo_wrap{ margin-bottom:20px; }
.ft_logo img{ max-height:60px; max-width:100%; width:auto; display:block; }
.ft_icon{ margin-right:10px; margin-bottom:10px; }
.ft_icon:last-child{ margin-right:0; }

.ft_icon i{ width:30px; height:30px; border-radius:100%; text-align:center; line-height:30px; font-size:16px; }
#footer.dark .ft_icon i{ color:#fff; background-color:#2d2d2d; }
#footer.light .ft_icon i{ color:#333; background-color:#ddd; }

.ft_pt_title{ font-size:20px; font-weight:600; margin-bottom:15px; }
#footer.dark .ft_pt_title{ color:#fff; }
#footer.light .ft_pt_title{ color:#333; }

.ft_pt_cont{ line-height:1.5; font-size:13px; font-weight:300; }
#footer.dark .ft_pt_cont{ color:#b2b2b2; }
#footer.light .ft_pt_cont{ color:#777; }

li.ft_list{ padding:2px 0; }
li.ft_list a{ font-size:14px; }
#footer.dark li.ft_list a{ color:#b2b2b2; }
#footer.light li.ft_list a{ color:#4d4d4d; }





/*********************copyright.css*********************/
.copyright{ padding:10px 15px; }
#footer.dark .copyright{ background-color:#383838; }
#footer.light .copyright{ background-color:#f1f1f1; }
.copy_txt{ max-width:1200px; margin:0 auto; text-align:center; color:#888; }








/*********************footer_mediaquery*********************/
@media( max-width:900px ){
	.ft_pt.pt_01, .ft_pt.pt_02, .ft_pt.pt_03, .ft_pt.pt_04{ width:100%; max-width:700px; margin:0 auto 30px; }
	#ft_pt4{ display:none; }
	.ft_pt:last-child{ margin-bottom:0 !important; }
	.ft_logo img{ margin:0 auto; }
	.ft_icon_wrap{ justify-content:center; }
}

@media( max-width:850px ){
	.ft_top_pt{ width:100%; border:none; }
}

@media( max-width:800px ){
	.ft_top_pt:last-child{ padding-top:0; }
	.top_01 h1{ margin-bottom:15px; }
}

@media( max-width:600px ){
	.top_01{ flex-direction:column; }
}