/* style05 */

#header {border-bottom:2px solid #eee;}
#header .wrap {}
#header .logo {float:left;padding:0;margin:0;position:relative;}
#header .logo ._logo_img {}
#header .logo ._logo_img img {}
#header .logo ._logo_txt {padding:0;margin:0;}
#header .logo ._logo_txt a {}

#header .login {float:right;position:relative;}
#header .login a {}
#header .login i {display:inline-block;margin:0 3px 0 3px;position:relative;top:1px;width:1px;height:11px;}

#header .search {float:right;position:relative;margin:0 0 0 20px;}
#header .search form {display:block;width:228px;height:25px;background:#ffffff;border-radius:6px 6px 6px 6px;}
#header .search .keyword {float:left;padding:2px 0 0 3px;margin:3px 0 0 6px;width:186px;height:17px;font-size:11px;font-family:'Noto Sans KR', sans-serif;color:#888888;border:0;background:#ffffff;}
#header .search .keyword:focus {font-weight:bold;font-size:12px;font-family:'Noto Sans KR', sans-serif;color:#222222;}
#header .search .sbtn {float:left;padding:5px;position:relative;top:-1px;left:4px;}


#topmenu {position:absolute;width:100%;height:1px;}
#topmenu ul {float:right;padding:0;margin:0;list-style-type:none;}
#topmenu li {float:left;position:relative;top:-60px; padding:10px 0 12px; height:36px;}
#topmenu li a {display:inline-block;padding:0 20px 8px 20px;margin:0 0 0 10px;font-weight:400;font-family:'Noto Sans KR', sans-serif;font-size:1.5em;color:#0a1c32;text-transform:uppercase;}
#topmenu li a span {display:block;font-style:normal;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:100;}
#topmenu li div dl {margin:48px 0 0 11px;padding:3px;width:160px;background:#ffffff;border:#0a50a1 solid; border-width:0 2px 2px 2px; border-radius:0 0 4px 4px;}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {color:#0a1c32; line-height:150%; display:block; font-weight:400;padding:4px 0 6px 10px;margin:0;font-size:1.1em;font-family:'Noto Sans KR', sans-serif;}
#topmenu li div dt a:hover {color:#fff; background:#0a50a1;}
#topmenu li div dd a {color:#0a1c32;line-height:150%;display:block;font-weight:400;padding:3px 0 6px 10px;margin:0;font-size:1.1em;font-family:'Noto Sans KR', sans-serif;}
#topmenu li div dd a:hover {color:#fff; background:#0a50a1;}
#topmenu li a:hover,#topmenu .on {color:#000000;}
#topmenu .on1 {}
#topmenu .none {color:#999999;padding:0 0 0 10px;}
#topmenu .none a {display:inline;background:#ffffff;padding:3px 5px 3px 5px;position:relative;top:1px;left:-5px;}
#topmenu .more {margin:0 0 3px 3px;}
#topmenu .home a {margin-left:0;}


#footer {}
#footer .slinks {background-color:#f8f8f8;padding:0;}
#footer .elink {background-color:#000; padding:10px 0 10px 0;font-size:11px;font-family:'Noto Sans KR', sans-serif;color:#c0c0c0;letter-spacing:2px; text-align:center;}
#footer .elink a {font-family:'Noto Sans KR', sans-serif;font-size:12px;letter-spacing:-1px;color:#eee;}
#footer .elink a:hover {text-decoration:underline;}
#footer .copyright {font-size:12px;font-family:'Noto Sans KR', sans-serif;color:#999999;}
#footer .copyright .wrap{background:url('/layouts/stc/image/pub/slogo.png') 10px center no-repeat; height:90px;}
#footer .copyright .wrap p {padding:24px 0 0 300px;}
#footer .powered {font-size:11px;}
#footer .copyright .wrap p.admin {padding:8px 0 0 300px;}

/* 하단 메뉴 영역*/
#smlink {backgrounds:url('/layouts/stc/image/pub/bg_smlink.png'); background-color:#0a50a1; padding:20px 0; border-tops:3px solid #666;text-transform:uppercase;}
#smlink .wrap{}

#navibox {width:30%; height:140px; margin-left:5px; float:left;}
.box2 { border-left:1px solid #2b7cda; border-right:1px solid #2b7cda; padding-left:28px; margin-left:0;}
.box14 { border-right:1px solid #2b7cda; padding-left:28px;}
.box31 { border-right:1px solid #2b7cda; padding-left:28px;}
.box35 { border-right:1px solid #2b7cda; padding-left:28px;}
.box40 { border-right:1px solid #2b7cda; padding-left:28px;}
#navibox a{color:#b9c9dc;}
#navibox a:hover{color:#72aef4;}

#navibox h4 a{color:#dcdcdc;}
#navibox h4 a:hover{color:#72aef4;}
#navibox h4{font-size:1.6em; margin:0; padding:0; font-weight:400;}
#navibox dl{margin:10px 0; padding:0;font-size:1.1em;}
#navibox dt{padding:3px 0;}
#navibox dd{margin:0; padding:0 6px;}


@media screen and (max-width: 960px) {
	#header .logo ._logo_img img {padding-left: 8px}	
	#navibox {width:29%;}
}

@media screen and (max-width: 640px) {
	#navibox {    width: 26% !important;    margin-left: 4% !important;}
	.box2, .box31, .box41 {padding-left: 0;}
}