@charset "utf-8";

/* 서브 레이아웃 */
#subWrapper {position:relative; width:100%;}
#subWrapper #content {position:relative;top:-1px;}
#subWrapper #content .leftColumn {float:left; width:270px;padding-bottom:60px;font-family:'Noto Sans KR',sans-serif;word-break:keep-all;}
#subWrapper #content #centerContent {float:right; width:73%;font-size:15px;margin-bottom:60px;word-break:keep-all;margin-bottom:50px;word-break:keep-all;}
#subWrapper #content #centerContent #contentBody {word-break:keep-all;font-family:"Noto Sans KR"}


.subVi_Wrap {height: 240px; text-align: center;word-break:keep-all;}
.subViBox {display: table;width: 100%;height: 100%;}
.subVisual {display: table-cell;color: #fff;vertical-align: middle;background:url('../imgs/sub/subVisual.jpg') no-repeat 50%;}
.subVisual h1{ width:100%; padding-top:0px;font-family:'Noto Sans KR',sans-serif;font-size:35px;color:#ffd562;text-shadow:1px 1px 1px rgba(0,0,0,0.7);}
.subVisual h1:after {content:""; display:block; clear:both;width:40px;height:1px;background:#fff;margin:5px auto;}
.subVisual h2 {color:#fff;font-size:40px;text-shadow:1px 1px 1px #000;}

.subVisual01 {background:url('../imgs/sub/subVisual04.png') no-repeat 50%;}
.subVisual02 {background:url('../imgs/sub/subVisual02.png') no-repeat 50%;}
.subVisual03 {background:url('../imgs/sub/subVisual03.png') no-repeat 50%;}
.subVisual04 {background:url('../imgs/sub/subVisual.jpg') no-repeat 50%;}
.subVisual05 {background:url('../imgs/sub/subVisual05.png') no-repeat 50%;}
.subVisual06 {background:url('../imgs/sub/subVisual06.png') no-repeat 50%;}
.subVisual07 {background:url('../imgs/sub/subVisual07.png') no-repeat 50%;}
.subVisual08 {background:url('../imgs/sub/subVisual08.png') no-repeat 50%;}
.subVisual09 {background:url('../imgs/sub/subVisual09.png') no-repeat 50%;}


/*1219카피문구 나중에 쓸수도 잇음
.subVisual {width:100%;height:230px;text-align:center;background:url('../imgs/sub/subVisual.jpg') no-repeat 50%;background-size:cover;}
.subVisual h1{ width:100%; padding-top:90px;font-family:'Noto Sans KR',sans-serif;font-size:45px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.7);}
.subVisual p{ font-family:'Noto Sans KR',sans-serif;font-size:18px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.7);}

.subVisual01 {background:url('../imgs/sub/subVisual04.png') no-repeat 50%;}
.subVisual02 {background:url('../imgs/sub/subVisual02.png') no-repeat 50%;}
.subVisual03 {background:url('../imgs/sub/subVisual03.png') no-repeat 50%;}
.subVisual04 {background:url('../imgs/sub/subVisual.jpg') no-repeat 50%;}
.subVisual05 {background:url('../imgs/sub/subVisual05.png') no-repeat 50%;}
.subVisual06 {background:url('../imgs/sub/subVisual06.png') no-repeat 50%;}
.subVisual07 {background:url('../imgs/sub/subVisual07.png') no-repeat 50%;}
.subVisual08 {background:url('../imgs/sub/subVisual08.png') no-repeat 50%;}
.subVisual09 {background:url('../imgs/sub/subVisual09.png') no-repeat 50%;}
*/

.sub_top {height:60px;margin:0 0 35px;border-bottom:1px solid #ebebeb;}
.sub_top .location {font-size:15px; color:#383838; box-sizing:border-box;font-weight:600;}
.sub_top .location .home {display:block; float:left;width:60px;height:60px;margin-right:8px;text-indent:-9999px;overflow:hidden;background:url('../imgs/sub/home_icon.png') no-repeat 50%;}
.sub_top .location span {float:left; padding:19px 26px 19px 20px;background:url('../imgs/sub/location_arr.png') no-repeat 100% 50%;}
.sub_top .location strong {float:left; padding:19px 26px 19px 20px;font-weight:600;}

.sub_top .sns{position:absolute;top:12px;right:0;}
.sub_top .sns li{float:left;}
.sub_top .sns li a{display:block;margin-right:7px;}
.sub_top .sns li.fontPlus a{width:35px;height:35px;text-indent:-9999px;overflow:hidden;background:url('../imgs/sub/font_icon.png') no-repeat 50%;}
.sub_top .sns li.fontPlus a.fontBtn_close{display:none;position:absolute;top:0;right:0;background-image:url('../imgs/sub/font_on_icon.png');}
.sub_top .sns li.fontPlus ul{display:none;position:absolute;top:48px;right:0;width:194px;padding:10px 4px 10px 7px;border:1px solid #999;background:#fff;}
.sub_top .sns li.fontPlus ul:before{position:absolute;top:-10px;right:15px;content:'';display:block;width:12px;height:10px;background:url('../imgs/sub/sns_arr.png') no-repeat;}
.sub_top .sns li.fontPlus li a{width:35px;height:35px;margin-right:3px;line-height:35px;text-align:center;text-indent:0;background:#efefef;border-radius:100px;font-family:'Noto Sans KR',sans-serif;font-size:15px;color:#565a5c;border:1px solid transparent;box-sizing:border-box;}
.sub_top .sns li.fontPlus li a.on, .sub_top .sns li.fontPlus li a:hover{border:1px solid #5c6062;background:#fff;}
.sub_top .sns li.fontPlus li a.font12{font-size:12px;}
.sub_top .sns li.fontPlus li a.font14{font-size:14px;}
.sub_top .sns li.fontPlus li a.font18{font-size:18px;}
.sub_top .sns li.fontPlus li a.font20{font-size:20px;}


.sub_top .sns{position:absolute;top:12px;right:0;}
.sub_top .sns li{float:left;}
.sub_top .sns li a{display:block;margin-right:7px;}
.sub_top .sns li.snslinke a{width:35px;height:35px;text-indent:-9999px;overflow:hidden;background:url('../imgs/sub/share_icon.png') no-repeat 50%;}
.sub_top .sns li.snslinke a.fontBtn_close{display:none;position:absolute;top:0;right:41px;background-image:url('../imgs/sub/sns_close.png');}
.sub_top .sns li.snslinke ul{display:none;position:absolute;top:48px;right:10px;width:165px;padding:10px 0px 10px 10px;border:1px solid #999;background:#fff;}
.sub_top .sns li.snslinke ul:before{position:absolute;top:-10px;left:115px;content:'';display:block;width:12px;height:10px;background:url('../imgs/sub/sns_arr.png') no-repeat;}
.sub_top .sns li.snslinke li a{width:35px;height:35px;margin-right:3px;line-height:35px;text-align:center;text-indent:0;background:#efefef;border-radius:100px;fbox-sizing:border-box;}
.sub_top .sns li.snslinke li a.on, .sub_top .sns li.fontPlus li a:hover{background:#fff;}



#subMenu h2{display:table; width:100%; text-align:center;
background: #00244f;
background: -moz-linear-gradient(left,  #15387A 0%, #00244f 100%);
background: -webkit-linear-gradient(left,  #15387A 0%,#00244f 100%); 
background: linear-gradient(to right,  #15387A 0%,#00244f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15387A', endColorstr='#00244f',GradientType=1 ); }
#subMenu h2 span {display:table-cell; width:100%; height:150px; font-size:30px;color:#fff; font-weight:500; vertical-align:middle;}

#subMenu ul {}
#subMenu li a {color:#2d2d2d;display:block; position:relative; padding:12px 50px 11px 18px; border:1px solid #afafaf;border-top:0; background-color:#fff; font-size:17px; transition:all .3s;}
#subMenu li.on a, #subMenu li a:hover {border-color:#81bcdd; background-color:#81bcdd; color:#fff;}
#subMenu li a:before {display:block; position:absolute; right:-1px; top:0; width:50px; height:100%; background:url('../imgs/sub/dep1_off.png') no-repeat 50%; content:'';}
#subMenu li a[target="_blank"]:before {background-image:url('../imgs/header/blank_icon2.png') !important;}
#subMenu li.on a:before, #subMenu li a:hover:before {background-color:#91c3e1;background-image:url('../imgs/sub/dep1_on.png');}
#subMenu ul ul {padding:10px 0 10px 19px; border:1px solid #81bcdd; border-top:0; font-size:15px;}
#subMenu li li a {color:#565a5c !important;position:relative; padding:5px 0 5px 8px;border:0 !important;background:none !important;font-size:15px; transition:color .3s;}
#subMenu li li.on a, #subMenu li li a:hover {color:#317fab !important;}
#subMenu li li a:before {display:block; position:absolute; left:0 !important; top:12px  !important; width:2px !important; height:8px !important; background:#c3c3c3 !important; content:'';}
#subMenu li li a[target="_blank"] span{display:inline-block; width:14px; height:14px; margin:0 0 0 7px; background:url('../imgs/header/blank_icon2.png') no-repeat; vertical-align:-2px;}

.sub_title{margin:24px 0 30px;}
.sub_title h2{font-family:'Noto Sans KR',sans-serif;font-size:45px;color:#000;}

#aside{border-left:1px solid #ddd;}
#aside a#top{position:fixed;bottom:60px;right:38px;z-index:100;}

@media all and (max-width:1531px){
	#subWrapper #content .wrap{width:100%;}
}
@media all and (max-width:1400px){
	#subWrapper #content .leftColumn{width:22%;}
}
@media all and (max-width:1024px){
	#subWrapper #content{padding:0;}
	#subWrapper #content .leftColumn{display:none;}
	#subWrapper #content #centerContent{width:100%;}

	.sub_top{margin:0;}
	.sub_title{margin:24px 20px 30px;}
	#contentBody{margin:0 20px;}
	
	.sub_top .sns li.print {display:none;}
	.sub_top .sns li.snslinke ul:before{;left:115px;}
}
@media all and (max-width:640px){
	.subVi_Wrap {height: 150px; text-align: center;}	
	.subVisual h1{font-size:25px;padding-top:0px;}
	.subVisual h2 {color:#fff;font-size:28px;text-shadow:1px 1px 1px #000;}
	.subVisual p {display:none}
	.sub_top{height:auto;}
	.sub_top .location{margin:10px 8px 0;}
	.sub_top .location .home{width:30px;height:30px;margin-right:3px;}
	.sub_top .location span, .sub_top .location strong{float:none;display:inline-block;padding:4px 20px 2px 10px;}
	.sub_top .sns{float:right;margin:5px 10px;position:relative;top:auto;right:auto;}
	.sub_title{margin:24px 15px 30px;}
	.sub_title h2{font-size:27px;}
	#contentBody{margin:0 15px;}
}