@charset "utf-8";

#container.sub {padding-top:50px; background:url(/img/common/container_sub_bg.jpg) no-repeat top;word-break:keep-all;}

/* 사이드 메뉴 */
#sidebar {float:left; width:200px;padding-bottom:100px;}
#sidebar h2.sidetitle {font-size:25px; color:#000; padding:2px 0 13px 0; border-bottom:2px solid #000; font-family:'NotoKrR' , sans-serif;}
#sidebar .tit{display:none;}
#sidebar ul {width:100%;}
#sidebar ul li {border-bottom:1px solid #e9e9e9;}
#sidebar ul li img {vertical-align:middle; margin-left:5px;}
#sidebar ul li a {display:block; padding:15px 0 15px 10px; min-height:20px; line-height:20px; font-size:17px; color:#000; font-family:'NotoKrR' , sans-serif; letter-spacing:-1px;}
#sidebar ul li > a:hover {background:#eef3fb; transition-duration:0.4s;}
/*#sidebar ul li a.blank {background:url(/img/common/icon_blank.png) no-repeat 160px 50%;}
#sidebar ul li a.blank:hover {background:#eef3fb url(/img/common/icon_blank.png) no-repeat 160px 50%;}*/
#sidebar ul li.on > a {font-family:'NotoKrB' , sans-serif; background:url(/img/common/sidemenu_on_bu.gif) no-repeat 95% 50%;}
#sidebar ul li.on > a:hover {background:#eef3fb url(/img/common/sidemenu_on_bu.gif) no-repeat 95% 50%;}
#sidebar ul li ul {padding:15px 0; border-top:1px solid #e9e9e9;}
#sidebar ul li ul li {border-bottom:none;}
#sidebar ul li ul li a {font-size:15px; color:#222; padding:5px 0 5px 20px; font-family:'NotoKrM' , sans-serif;}
#sidebar ul li ul li a:hover {color:#2468cf; background:#eef3fb;}
#sidebar ul li ul li.on > a {color:#2468cf; background:none; font-family:'NotoKrM' , sans-serif;}
#sidebar ul li ul li.on > a:hover {background-image:none;}

#sidebar ul.side_btn {margin-top:20px; width:100%;}
#sidebar ul.side_btn li {margin-bottom:-1px; border-bottom:none;}
#sidebar ul.side_btn li a {display:block; padding:10px 20px; font-size:13px; color:#666; border:1px solid #ccc;}
#sidebar ul.side_btn li a:hover {font-family:'NotoKrR' , sans-serif; }
#sidebar ul.side_btn li a.ico01 {background:url(/img/common/side_btn_ico01.png) no-repeat 162px 50%;}
#sidebar ul.side_btn li a.ico01:hover {background:#f1f1f1 url(/img/common/side_btn_ico01.png) no-repeat 162px 50%;}
#sidebar ul.side_btn li a.ico02 {background:url(/img/common/side_btn_ico02.png) no-repeat 162px 50%;}
#sidebar ul.side_btn li a.ico02:hover {background:#f1f1f1 url(/img/common/side_btn_ico02.png) no-repeat 162px 50%;}
#sidebar ul.side_btn li a.ico03 {background:url(/img/common/side_btn_ico03.png) no-repeat 164px 50%;}
#sidebar ul.side_btn li a.ico03:hover {background:#f1f1f1 url(/img/common/side_btn_ico03.png) no-repeat 164px 50%;}


/*************** 컨텐츠영역 ***************/
#contents {float:right; width:840px;}
#cont_head h2 {padding-bottom:10px; font-size:30px; color:#000; border-bottom:2px solid #000; font-family:'NotoKrR' , sans-serif;}
#cont_wrap {padding:40px 0 100px; width:100%; font-size:15px; color:#444; line-height:170%; font-family:'NotoKrR' , sans-serif; letter-spacing:-0.05em;word-break:keep-all;}

/* 로케이션 */
#location {position:absolute; top:-50px; left:50%; margin-left:-550px; width:1100px; height:50px; text-align:left;}
#location ul {display:inline-block;}
#location ul li {float:left; margin-left:12px; padding-left:12px; height:50px; line-height:50px; color:#666; font-size:14px; background:url(/img/common/location_arrow.png) no-repeat left 50%;}
#location ul li:first-child {margin-left:0; padding-left:0; background:none;}
/* 로케이션 - 우측버튼 */
.tcon_btn {position:absolute; top:-50px; right:0;}
.tcon_btn ul {display:inline-block;}
.tcon_btn ul li {float:left; line-height:0; border-right:1px solid #e4e5e8;}
.tcon_btn ul li:first-child {border-left:1px solid #e4e5e8;}
.tcon_btn ul li a {display:inline-block; width:49px; height:50px; color:#666; text-indent:-9999px; transition:all 0.2s ease;}
.tcon_btn ul li a.facebook {background:url(/img/common/sns_facebook.png) no-repeat;}
.tcon_btn ul li a.twitter {background:url(/img/common/sns_twitter.png) no-repeat;}
.tcon_btn ul li a.monitor_plus {background:url(/img/common/monitor_plus.png) no-repeat;}
.tcon_btn ul li a.monitor_minus {background:url(/img/common/monitor_minus.png) no-repeat;}
.tcon_btn ul li a:hover {background-position:0px -50px; transition:all 0.2s ease;}







/******************************1023******************************/
@media all and (max-width:1023px){

	

	/* 사이드 메뉴 */
	#sidebar {float:none;width:100%;padding-bottom:0;}
	#sidebar h2.sidetitle {display:none;}
	#sidebar .tit{display:block;position:absolute;top:-50px;left:0;width:100%;line-height:50px;}
	#sidebar .tit a{display:block;padding-left:20px;text-align:left;font-size:19px; color:#16478e; font-family:'NotoKrB' , sans-serif;}
	#sidebar .tit a span{display:inline-block;padding-right:45px;background:url(/img/common/mobile_tit.png) no-repeat right 14px;background-size:24px;}

	#sidebar ul {display:none;overflow:hidden;clear:both;background:#fff;border-bottom:1px solid #222;}
	#sidebar ul li {float:left;width:25%;}
	#sidebar ul li ul {display:none;}
	#sidebar ul li a{padding-left:20px;}
	#sidebar ul li a:hover{color:#2064cf;background-color:#fff;}
	#sidebar ul li.on{width:100%;background:#f5f5f5;}
	#sidebar ul li.on > a,
	#sidebar ul li.on > a:hover{color:#fff;background:#636b76 url(/img/common/sidemenu_on_bu2.png) no-repeat 95% 50%;}	
	#sidebar ul li.on > ul{display:block;width:100%;border:0 none;background:none;}
	#sidebar ul li.on > ul li{float:left;width:auto;margin:2px 0 2px 15px;padding-left:15px;border-left:1px solid #dfdfdf;}
	#sidebar ul li.on > ul li:first-child{border-left:0;margin-left:0;padding-left:20px;}
	#sidebar ul li.on > ul li a{padding:0;}
	#sidebar ul li.on > ul li.on,
	#sidebar ul li.on > ul li a{width:auto;color:#000;}
	#sidebar ul li.on > ul li a:hover{background-color:#f5f5f5;color:#000;text-decoration:underline;}

	#sidebar ul.side_btn {display:none;}

	

	/*************** 컨텐츠영역 ***************/
	#contents {float:none; width:95%;margin:0 auto;}
	#cont_wrap{padding:40px 0 70px;}
	#cont_head h2{padding-top:30px;font-size:28px;}

	#location {display:none;}
	/* 로케이션 - 우측버튼 */
	.tcon_btn ul li a.monitor_plus,
	.tcon_btn ul li a.monitor_minus {display:none;}
	



}



/******************************900******************************/
@media all and (max-width:900px){


	#cont_wrap{padding:40px 0 60px;}


}




/******************************768******************************/
@media all and (max-width:768px){




	/* 사이드 메뉴 */
	#sidebar ul li {width:50%;}





}




/******************************640******************************/
@media all and (max-width:640px){

	#container.sub{background:url(/img/common/container_sub_bg.jpg) no-repeat left top;}
	#cont_head h2 {display:none;}



}




/******************************480******************************/
@media all and (max-width:480px){



	/* 사이드 메뉴 */
	#sidebar ul li {width:100%;}
	#sidebar .tit a{text-align:center;}


	/*************** 컨텐츠영역 ***************/
	#cont_wrap {padding-top:30px;}
	/* 로케이션 - 우측버튼 */
	.tcon_btn{display:none;}



}





/******************************320******************************/
@media all and (max-width:320px){






}




/***************web***************/
@media all and (min-width:1281px){


	#sidemenu ul{display:block !important;}


}