/* style01 */

#header {background: rgba(241, 240, 239, 0.8196078431372549);    position: absolute;  width: 100%;     z-index: 9;}
#header .h_bar {width: 100%; height: 35px; background: #343434; }
#header .h_bar .wrap {border: 0; text-align:  right;padding-right:26px;}
#header .h_bar a {color:#ffffff; font-size: 14px;    padding: 9px;  display:inline-block; cursor: pointer;}
#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:dotum;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;}

#topmenu {}
#topmenu .wrap {height:50px;border-bottom:#dfdfdf solid 1px;}
#topmenu ul {padding:38px 0 0 0;margin:0;list-style-type:none;float: right;}
#topmenu li {float:left;padding:0 4px 0 4px;margin:0;height:40px;}
#topmenu li a {font-weight:500;font-size:18px;color:#444444;display:block;padding:1px 10px 30px 10px;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index: 999;}
#topmenu li div dl {margin:0 0 0 -21px;padding:3px;width:147px;background:#ffffff;border:#dfdfdf solid 1px; border-top: 0;}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {overflow:hidden;line-height:150%;display:block;font-weight:normal;padding:10px 0 7px 10px;font-size:14px;}
#topmenu li div dt a:hover {color:#0095da;}
#topmenu li div dd a {overflow:hidden;line-height:150%;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:14px;}
#topmenu li div dd a:hover {color:#0095da;}
#topmenu li a:hover,#topmenu .on {color:#005aab;}
#topmenu .on1 a {color:#0095da;}
#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;}

#topmenu .mbmenu {display: none;}

#footer {background: #343434;}
#footer .wrap {padding:15px 0 20px 0;}
#footer .wrap .slinks {float:left;}
#footer .wrap .slinks .blogo {    float: left;  padding: 25px 39px;}
#footer .wrap .slinks .elink {padding:10px 0 10px 0;font-size:11px;font-family:dotum;color:#c0c0c0;letter-spacing:2px;}
#footer .wrap .slinks .elink a {font-size:12px;letter-spacing:-1px;color:#666666;}
#footer .wrap .slinks .elink a:hover {text-decoration:underline;}
#footer .wrap .slinks .copyright {font-size:12px;color:#888888;    float: left;padding: 15px 0px; line-height: 140%;}
#footer .wrap .powered {float:right;}
#footer .wrap .kimsq {padding:10px 0 10px 0;font-size:11px;font-family:arial;color:#c0c0c0;}
#footer .wrap .quick-menu { float: left; color: #ccc !important; padding-top: 10px; }
#footer .wrap .quick-menu a { color: #ccc !important; }

.tmonly {display: none;}
#header .mbmenu {display: none;}
@media screen and (max-width: 1100px){
	.tmonly {display: block;}
	
	#header {position: relative;}
	#header .h_bar {display: none;}
	#header .logo {top:16px !important;}
	#header .mbmenu {display: block; position: absolute;right: 17px; top: 19px; }	
	#header .h_bar .wrap {padding-right: 0 !important;}
	#header .logo ._logo_img {padding-left: 18px;}
	#topmenu {display:none; position: fixed; top: 0;bottom: 0; left: 0px; z-index: 503; width: 360px; max-width: 100%;
    background: #fff;  box-shadow: -5px 0 8px -5px rgba(255,255,255,0.3);  box-sizing: border-box; transition: top 0.2s linear;}
	#topmenu ul {margin: 0; padding: 0;}	
	#topmenu ul li {width: 100%;  background: url(../../image/r_arrow2.png)right 25px top 22px no-repeat; border-bottom: 1px #e2e2e2 solid; min-height: 50px; height:auto; padding: 0;}
	#topmenu ul li.tmonly {color:#3333333; font-size: 18px; background: rgba(241, 240, 239, 0.8196078431372549); text-align: center;    height: 50px; line-height: 50px; padding: 0;}
	#topmenu ul li.tmonly span {position: absolute; right: 22px;color:#31327e; font-weight: bold;}
	#topmenu ul li a {    position: relative; display: block;  padding: 11px 35px 11px 20px;  line-height: 130%;  color: #444;  width: 69%;}
	#topmenu li div {position: relative; width: 100%; height: auto;border-top: 1px #e2e2e2 solid;}
	#topmenu li div dl { margin: 0;  padding: 0 0 20px;  width: 100%;border: 0;}
	#topmenu li div dt a {padding: 10px 0 2px 23px; font-size: 14px; height: auto;}
	#topmenu li div dd {}
	#topmenu li div dd a { padding: 5px 0 8px 32px;   font-size: 12px;}
	#topmenu a.groupM {    color: #999999;    padding: 3%;    position: absolute;    bottom: 0;    text-align: right;    width: 94%;}
	#m_menu_layer { display: none; overflow: hidden; position: fixed; top: -50%; left: -50%; bottom: -50%; z-index: 502;  width: 200%; background: rgba(0,0,0,0.5); }

	#footer .wrap .slinks .blogo {display: none;}
	#footer .wrap .slinks .copyright { padding: 25px 11px;}

	#footer .wrap .quick-menu { padding: 10px 15px; }
}



@media screen and (max-width: 640px){
	
}