@charset "utf-8";         




#middle {}
#svisual {
	width: 100%;max-width: 1920px;height: 220px;
	background-repeat: no-repeat;
	background-attachment: fixed; top: 0;
}
#svisual.sub01 {background-image: url(/user_res/images/young/sub_visual_01.jpg);}
#svisual.sub02 {background-image: url(/user_res/images/young/sub_visual_02.jpg);}
#svisual.sub03 {background-image: url(/user_res/images/young/sub_visual_03.jpg);}
#svisual.sub04 {background-image: url(/user_res/images/young/sub_visual_04.jpg);}


#snb h1 span{/* font-size: 32px; */line-height:1.5em;}
#middle p{line-height:1.5em;letter-spacing: -1px;}

.btn.link > span{color:white}
.buttons_area >a {color:white}

#container {width: 100%; max-width: 1400px;margin: 0 auto;background: #fff;}

@media(max-width:1200px){
	#middle{width: 100%;margin-top: 10px;}        
	#svisual {display: none;}
	#container {padding: 0 30px;}
}
@media(max-width:600px){
	#container {padding: 0 20px;}
}


/* snb */
#snb{float:left;}
#snb{position:relative;margin: 25px 0;margin-right: 4%;width: 19%;}
#snb h1{/* position:relative; */padding: 11px 15px;font-size: 30px;font-weight: normal;text-align:center;z-index:1;word-wrap:break-word;word-break:keep-all;/* border-bottom: 2px solid #344b60; */}

#snb h1 span{display:inline-block;line-height: 40px;vertical-align:middle;padding: 23px 0;word-wrap:break-word;word-break: break-all;letter-spacing: -0.07em;}


#sidemenu .sidebar-menu{position:relative;}
#sidemenu .sidebar-menu>li {line-height:0;border: 1px solid #e0e0e0;margin-bottom: 8px;border-radius: 10px;overflow: hidden;}
#sidemenu .sidebar-menu>li a.lnk_2th{display:block;position:relative;color:#333;font-size:15px;line-height:20px;word-wrap:break-word;word-break:keep-all;background:url(/user_res/images/common/link_2th_arr.png) no-repeat 95% 50%;}
#sidemenu .sidebar-menu>li a.lnk_2th:link,
#sidemenu .sidebar-menu>li a.lnk_2th:visited {display:block;padding: 14px 35px 14px 15px;color:#555;font-size:17px;line-height:20px;}
#sidemenu .sidebar-menu>li a.lnk_2th:hover,
#sidemenu .sidebar-menu>li a.lnk_2th:focus,
#sidemenu .sidebar-menu>li a.lnk_2th:active {background:url(/user_res/images/common/link_2th_ov_arr1.png) no-repeat 95% 50%;color: #6559d9;}
#sidemenu .sidebar-menu>li.active {border: 1px solid #6559d9;} 
#sidemenu .sidebar-menu>li.active a.lnk_2th:link,
#sidemenu .sidebar-menu>li.active a.lnk_2th:visited,
#sidemenu .sidebar-menu>li.active a.lnk_2th:focus,
#sidemenu .sidebar-menu>li.active a.lnk_2th:hover,
#sidemenu .sidebar-menu>li.active a.lnk_2th:active{background: #6559d9 url(/user_res/images/common/link_2th_ov_arr.png) no-repeat 95% 50%;color:#fff;} 
    

#sidemenu .treeview-menu{display: none;padding:15px 5px;background-color:#f7f8fa;}
#sidemenu .treeview-menu.menu-open{display:block}
#sidemenu .sidebar-menu>li.active .treeview-menu{display:block;}
#sidemenu .treeview-menu>li {margin:0;padding:0;}
#sidemenu .treeview-menu>li.active ul a{text-decoration:none !important}

#sidemenu .treeview-menu>li a{position:relative;display:block;margin:0;padding:3px 11px;color:#5a5a5a;font-size:15px;line-height:18px;}
#sidemenu .treeview-menu>li a:link,
#sidemenu .treeview-menu>li a:visited{display:block;line-height:18px;}
#sidemenu .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li.active a:link,
#sidemenu .treeview-menu>li.active a:visited,
#sidemenu .treeview-menu>li.active a:focus,
#sidemenu .treeview-menu>li.active a:hover,
#sidemenu .treeview-menu>li.active a:active{text-decoration:underline; font-weight:600; }

#sidemenu li a[target="_blank"] { position:relative; display:inline-block; }
#sidemenu li a[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0;content:'';}


#sidemenu .depth4-menu { display: none; border:1px solid #ddd; background:#fff; padding:8px 5px; margin:5px}
#sidemenu .depth4-menu li a:before { content:'-'; margin-right:5px;  }
#sidemenu .depth4-menu li a { font-size:14px;}

@media(max-width: 1250px){
	#snb{display:none;}
}

#contents{float:right;padding:50px 0;width: 77%;}
#ti_box{position:relative;padding-bottom: 25px;border-bottom: 2px solid #344b60;margin-bottom: 25px;}
#tit_cont{color:#000;font-size: 32px;padding-top: 30px;font-weight: normal;line-height:30px;}

#navi,#sns {display:inline-block;float:left;line-height:0;}
#navi {position:absolute;top: -20px;left: 5px;}
#navi:after {display:block;content:"";clear:both;visibility:hidden;}
#navi a {display:inline-block;float:left;line-height:16px;vertical-align:middle;font-size: 14px;}
#navi a:before {content:">";display:inline-block;margin: 0 9px;width:5px;height:16px;background:url(/user_res/images/common/navi_arr.jpg) no-repeat 0 50%;font-size:0;line-height:0;vertical-align:middle;}
#navi a.navi_home {width: 19px;height: 19px;background:url(/user_res/images/common/navi_home.jpg) no-repeat;font-size:0;line-height:0;}
#navi a.navi_home:before {display:none;}

/*sns*/
#sns { position:absolute; right:0; top:30px; }
#sns>.ir {display:inline-block;width: 32px;height: 30px;}
#sns .print {margin:0;background-position: -100px -1px;border: 1px solid #ddd;}
#sns .sns {background-position: -34px -1px;border: 1px solid #ddd;}

/*#naviSNS {position:absolute;top: -5px;right: 78px;padding:7px 10px;background-color:#fff;border:1px solid #bebebe;width: 118px;}
#naviSNS:before {content:"";display:block;position:absolute;top: 16px;right: -8px;width:11px;height:6px;background:url(/user_res/images/common/navisns_arr.png) no-repeat;transform: rotate(90deg);}
*/
#naviSNS {position:absolute;top:39px;right:6px;padding:7px 10px;background-color:#fff;border:1px solid #bebebe;width: 120px;}
#naviSNS:before {content:"";display:block;position:absolute;top:-6px;right:1px;width:11px;height:6px;background:url(/user_res/images/common/navisns_arr.png) no-repeat;}
#naviSNS .iconset {display:inline-block;margin-left:2px;width: 27px;height: 26px;font-size:0;line-height:0;}
#naviSNS .iconset:first-child {margin-left:0;}
#naviSNS .fb {background-position: -50px -156px;}
#naviSNS .tw {background-position: -80px -156px;}
#naviSNS .ka {background-position: -110px -156px;}

/* ir */
.ir{display:block;overflow:hidden;background:url(/user_res/images/common/ir.png) no-repeat;font-size:0;line-height:0;}
.iconset{display:block;overflow:hidden;background:url(/user_res/images/common/iconset.png) no-repeat;font-size:0;line-height:0;}



/*추가*/
#share {display:inline-block;float:left;line-height:0;}
#share { position:absolute; right:109px; top:30px; }
#share>.ir {display:inline-block;width: 32px;height: 30px;}
#share .share {margin:0;background-position: -67px -1px;border: 1px solid #ddd;}
#share_slide {position:absolute;top: 39px;right:-109px;padding: 13px;background-color:#fff;border:1px solid #bebebe;width:278px;}
#share_slide:before {content:"";display:block;position:absolute;top:-6px;right:110px;width: 17px;height:6px;background: url(/user_res/images/common/navisns_arr.png) no-repeat;}
.link_ipt{display:block;position:relative;padding-right:60px}
.link_ipt .form-control{width: 79%;height: 27px;padding: 0 10px;border-color:#bcc2ce;background:#bcc2ce;font-weight:300;font-size:0.875em;line-height:1.7857em;color:#2e343f;letter-spacing:-0.03571em;}
.link_ipt .form-control:hover,#side .snav_util .link_ipt .form-control:focus{border-color:#bcc2ce !important}
.link_ipt .input-btn{position:absolute;top: 19px;right: 0px;color: #fff;padding: 10px;}
.link_ipt .input-btn > a{padding:5px 10px;background:#2e343f;text-align:center;}
.link_ipt .input-btn i[class*="xi-"]{font-size:1.875em;line-height: 21px;color:#fff;}


#zoom {display:inline-block;float:left;line-height:0;}
#zoom {position:absolute;right: 73px;top:30px;}
#zoom >.ir {display:inline-block;width:32px;height:30px;}
#zoom .font {background-position: -1px -1px; border:1px solid #ddd;}
#zoom_slide {position:absolute;top: 39px;right: 0px;padding: 10px;background-color:#fff;border:1px solid #bebebe;width: 181px;}
#zoom_slide:before {content:"";display:block;position:absolute;top:-6px;right: 3px;width: 17px;height:6px;background: url(/user_res/images/common/navisns_arr.png) no-repeat;}
#zoom_slide .ir {display:inline-block;margin-left:2px;width:25px;height:25px;font-size:0;line-height:0;}
#zoom_slide .ir:first-child {margin-left:0;}
#zoom_slide .fontsize_close {background-position:-34px 0px;}
#zoom_slide a { display:inline-block; border:1px solid #eee; border-radius:50%; width:35px; height:35px; }
#zoom_slide a.on { background:#105fb8; color:#fff; }
#zoom_slide a.option1 {font-size: 17px;padding: 16px 0px 0 7px;}
#zoom_slide a.option2 {font-size: 19px;padding: 16px 0px 0 7px;}
#zoom_slide a.option3 {font-size: 21px;padding:16px 0px 0 6px;}
#zoom_slide .head_fontsize { }


/* 전체 사이트 텍스트 사이즈 조정 */

#textSize{display:inline-block;height: 23px;margin-right: 28px;position:relative;}
#textSize:after{content:'';position:absolute;top: 6px;right: -15px;display:block;height: 18px;width:2px;background-color: #b2b2b2;}
#textSize li{display:inline-block;height: 31px;line-height: 28px;font-size: 14px;}
#textSize li:nth-child(2){line-height: 32px;vertical-align: top;}
#textSize li a{line-height: 23px;color: #2e2e2e;font-size: 37px;font-weight: 700;}
#textSize li a:hover{color: #ef5705;}


@media(max-width: 1250px){
	#contents{float:none;width:100%;}
	#navi,#sns{float:none;vertical-align:middle;}
	#naviSNS{/* bottom:-50px; *//* width:95px; *//* text-align:left; */}
}
@media(max-width:1023px){
	#tit_cont{margin-bottom:15px;width:100%;text-align:center;letter-spacing: -0.02em;font-size: 30px;}
}

@media(max-width:767px){

	#tit_cont {margin-bottom:0;}
	#ti_box {padding-bottom: 20px;}
}
@media(max-width:640px){
	#sns{top: -51px;}
	#share{top: -51px;}
	#zoom{top: -51px;}
	#navi {/*top: -35px;*/ display:none;}
}