/* style02 */

#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; margin:4px 60px 0 0; display:none;}
#header .login a {color:#999;}
#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;color:#888888;border:0;background:#ffffff;}
#header .search .keyword:focus {font-weight:bold;font-size:12px;color:#222222;}
#header .search .sbtn {float:left;padding:5px;position:relative;top:-1px;left:4px;}

#header {position:fixed;z-index:10; background-color: rgba(255, 255, 255, 0); width:100%}
#header .wrap {width:100%;position:relative}
#topmenu {position:fixed;width:100%;top:100px;z-index:15;transition:all .3s ease}

#topmenu .relogo {float:left;padding:0;margin:-85px 50px 0 0;}
#topmenu ul {float:right;padding:0;margin:-84px 0 0 0;list-style-type:none;}
#topmenu ul .bg {background:#fff;position:absolute;top:0;left:0;height:0;overflow:hidden;transition:all .14s ease;z-index:1;width:100%;box-shadow:0 2px 2px rgba(0,0,0,0.1);}
#topmenu li {float:left;position:relative;z-index:5;top:17px;height:80px;}
#topmenu li a {display:inline-block;padding:0 10px 5px 10px;margin:0 0 0 30px;font-size:18px;color:#fff; font-weight:100;}
#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:38px 0 0 38px;padding:5px 3px;width:113px;}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {color:#000000;overflow:hidden;line-height:150%;display:block;font-weight:normal;padding:6px 0 6px 10px;margin:0;font-size:14px;}
#topmenu li div dt a:hover {background:#f08741;color:#fff}
#topmenu li div dd a {color:#000000;overflow:hidden;line-height:150%;display:block;font-weight:normal;padding:3px 0 3px 15px;margin:0;font-size:13px;}
#topmenu li div dd a:hover {background:#f08741;}
#topmenu li a:hover,#topmenu .on {color:#f7f7f7;}
#topmenu .on1 {background:#f08741;}
#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;}
body.scroll #header,
body.menuOpen #header {background-color:rgba(255, 255, 255, 0.3); transition:all .3s ease}
body.menuOpen #topmenu li div {display:block !important}
body.menuOpen #topmenu ul .bg {height:0;overflow:visible}
body.scroll #topmenu li a,
body.menuOpen #topmenu li a{color:#fff; transition:all 0.5s ease}
body.menuOpen #topmenu li a:hover {color:#333; transition:all 0.7s ease}
#mcontent {position:relative;z-index:1}

#footer .wrap {padding:0; text-align:center;}
#footer .wrap .fsns {width:100px; margin:0 auto; padding:30px 0 0 0;}
#footer .wrap .fsns a {width:25px; margin:0 auto; display:block;}
#footer .wrap .fsns p {}
#footer .wrap .fsns img {width:100%;}
#footer .wrap .slinks {padding:10px 0 30px 0; margin:0;}
#footer .wrap .slinks .elink {padding:1% 0 1% 0;font-size:11px;color:#f7f7f7;letter-spacing:2px;}
#footer .wrap .slinks .elink a {font-family:"Noto Sans KR", gulim;font-size:12px;letter-spacing:-1px;color:#f7f7f7;}
#footer .wrap .slinks .elink a:hover {text-decoration:underline;}
#footer .wrap .slinks .copyright {font-size:13px;color:#3d3b3b; margin-top:5px;}
#footer .wrap .slinks .copyright a {color:#3d3b3b;}
.cbh {clear:both;}