/* style04 */

#header {}
#header .bar {width:100%;height:5px;background:#0353a8;}
#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 .search {float:right;position:relative;margin:0 0 0 20px;}
#header .search form {display:block;width:168px;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:126px;height:17px;font-size:11px;font-family:dotum;color:#888888;border:0;background:#ffffff;}
#header .search .keyword:focus {font-weight:bold;font-size:12px;font-family:gulim;color:#222222;}
#header .search .sbtn {float:left;padding:5px;position:relative;top:-1px;left:4px;}

#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;}


#topmenu {width:700px;margin:auto;}
#topmenu .wrap {}
#topmenu ul {display:inline-block;padding:0;margin:0 0 0 20px;list-style-type:none;position:relative;top:20px;}
#topmenu li {float:left;padding:0 4px 0 4px;margin:0;height:40px;}
#topmenu li a {font-weight:bold;font-family:"malgun gothic";font-size:16px;color:#666666;display:block;padding:1px 7px 5px 7px;letter-spacing:-1px;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:1000;}
#topmenu li div dl {margin:30px 0 0 1px;padding:3px;width:130px;background:#ffffff;border:#86a5d1 solid 2px;}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {overflow:hidden;height:13px;line-height:150%;display:block;font-weight:normal;padding:4px 0 10px 10px;font-size:12px;font-family:gulim;height:12px;text-shadow:0 0 0 #666666;}
#topmenu li div dt a:hover {background:#86a5d1;}
#topmenu li div dd a {overflow:hidden;height:12px;line-height:150%;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:12px;font-family:gulim;height:11px;text-shadow:0 0 0 #666666;}
#topmenu li div dd a:hover {background:#efefef;}
#topmenu li a:hover,#topmenu .on {color:#000000;background:#86a5d1;border-radius:5px 5px 5px 5px;}
#topmenu .on1 {background:#efefef;border-radius:5px 5px 5px 5px;}
#topmenu .none {color:#999999;padding:2px 0 0 10px;}
#topmenu .none a {display:inline;background:#ffffff;padding:3px 5px 3px 5px;position:relative;top:2px;}
#topmenu .more {margin:0 0 3px 3px;}
#topmenu .home {margin-right:15px;}


#footer {width:100%;background:#282828;margin-top:30px;}
#footer .wrap {padding:15px 0 20px 0;}
#footer .wrap .slinks {float:left;width:1100px;margin:auto;height:55px;padding:15px 0 0 0;}
#footer .wrap .slinks .copyright {font-size:12px;font-family:arial;color:#8a8a8a;text-align:center;}
.f_logo {float:left;width:220px;}
.copyright {float:left;width:740px;}
.sns_btn {float:left;display: flex;justify-content: space-between;}

.sbox {border: 1px solid #ccc8;padding: 5px 10px 5px 0px;border-radius: 15px;background: #f9f9f9;height: 20px;margin-top:-10px;margin-right:5px;}
.sbox a {margin: 0 10px 0 5px;}
.sbox i {font-size:14px;}
