/* style01 */

#header {position:relative;}
#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_line {background:#ebebeb; width: 100%; height:40px;}
#header .login_line a {font-weight: bold;}
#header .login {float:right;position:relative;}
#header .login a {}
#header .login i {display:inline-block;margin:0 5px 0 5px;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;font-family:gulim;color:#222222;}
#header .search .sbtn {float:left;padding:5px;position:relative;top:-1px;left:4px;}
#header .mobileMenu {display: none;}

#topmenu {position: relative;}
#topmenu .wrap {border: 0;}
#topmenu ul {padding:40px 0 0 0;margin:0;list-style-type:none;float: right;}
#topmenu li {float:left;padding:0 30px 21px 0px;margin:0;height:40px;position: relative;}
#topmenu li a {font-weight:bold;font-size:18px;color:#222222;display:block;padding:1px 7px 5px 7px;letter-spacing:-1px;position: relative;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:100;}
#topmenu li div dl {margin:60px 0 0 1px;padding:3px;width:130px;}
#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;float:left; font-weight:bold;padding:4px 10px 10px 10px;font-size: 13px; color:#ffffff;}
#topmenu li div dt a:hover {color:#fd8e18;}
#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;}
#topmenu li div dd a:hover {color:#ffffff;}
#topmenu li a:hover,#topmenu .on {color:#12a8d9;}
#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;}

.menu_three {display: none; }

.top_dote {position: absolute;top:-20px;left: 25px; display: none;}
#topmenu li a:hover .top_dote{display: block;}
#gray_bar {width: 100%;height: 40px;background: rgba(40, 44, 60, 0.9);position: absolute; z-index: 99; top: 140px; display: none;}

#subMenuBox1 dl{width: 353px !important;     margin: 60px 0 0 -134px !important;}
#subMenuBox7 dl{width: 525px !important;    margin: 60px 0 0 -156px !important;}
#subMenuBox11 dl{width: 525px !important; margin: 60px 0 0 -150px !important;}
#subMenuBox58 dl{width: 327px !important;    margin: 60px 0 0 -134px !important;}
#subMenuBox63 dl{width: 200px !important;}


.fm {width: 100%; background: url('/layouts/incs/image/fm.jpg')50%;border-top: 1px #dddddd solid;}
#footer .wrap {padding:15px 0 20px 0;border-top:#DEDEDE solid 1px;}
#footer .wrap .btlogo {padding: 0 0 30px;float: left;}
#footer .wrap .slinks {float:left;}
#footer .wrap .slinks .elink {padding:10px 0 10px 30px;font-size:12px;color:#666666;line-height: 160%;}
#footer .wrap .slinks .elink a {font-family:gulim;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:#666666;padding:10px 0 10px 30px}
#footer .wrap .powered {float:right;}
#footer .wrap .kimsq {padding:10px 0 10px 0;font-size:11px;font-family:arial;color:#c0c0c0;}
/* 하단 메뉴 영역*/
#smlink {padding:45px 0; border-tops:3px solid #666;text-transform:uppercase;}
#smlink .wrap{}

#navibox {width:17%; margin-left:18px; float:left;}
#navibox.box1 { border-left:1px solid #2ebdc4; border-right:1px solid #2ebdc4; padding-left:15px; margin-left:0;}
#navibox.box7 { border-right:1px solid #2ebdc4;}
#navibox.box11 { border-right:1px solid #2ebdc4;}
#navibox.box58 { border-right:1px solid #2ebdc4;}
#navibox.box63 { border-right:1px solid #2ebdc4;}
#navibox a{color:#ffffff;}
#navibox a:hover{color:#ffffff;}

#navibox h4 a{color:#ffffff;}
#navibox h4 a:hover{color:#ffffff;}
#navibox h4{font-size:16px; margin:0; padding:0; font-weight:600;}
#navibox dl{margin:10px 0; padding:0;font-size:13px;}
#navibox dt{padding:1px 0 4px;}
#navibox dd{margin:0; padding:0 6px;}

@media screen and (max-width: 1100px) {
.fm {height: auto;}
#footer .wrap .slinks {width: 70%;}
#navibox {height: auto;}
#topmenu li {padding: 0 2% 21px 0px;}

.logo{left: 15px;}
#header {height: 118px;}
#header .login {right: 10px;}
#header .logo {top:8px !important;}
#header.active #topmenu>div>ul {display: block;}
#topmenu ul {margin: 78px 0 0 0; padding:0; border: 1px #efefef solid;z-index: 999; position: absolute; background: #ffffff; display: none;}
#topmenu ul li {  padding:9px 0;    width: 20%;    text-align: center; height: 24px;}
#topmenu ul li a {z-index: 99;padding: 0;}
.vline {display: none;}
.top_dote  {display: none !important;}
#header .mobileMenu {    display: block;    position: absolute;    right: 20px;    top: 70px;
    width: 30px;    height: 20px;    text-indent: -9999px;    background: url(/layouts/incs/image/menu_btn.png) center center no-repeat;
    -webkit-background-size: auto 20px;    background-size: auto 20px;    cursor: pointer;    z-index: 9999;}
.fm {height: 445px; background: #00b2bc;}
#navibox {width: 28%;height: 192px; margin-left: 16px;}
#navibox.box11 {border: 0;}
#footer .wrap .btlogo {display: none;}
.aside {display: none;}
#content .m_side {float:none; width: 94%; padding: 0 3%;}
#footer .wrap .slinks .elink {padding: 10px 17px 10px 30px;}
#topmenu>div>ul>li>a {pointer-events: none;cursor: default;}
#topmenu li div {width: 100%;    height: auto;    z-index: 9999;}
#topmenu li div dl {width: 100% !important; margin: 0 !important;    padding: 31px 0 0;}
#topmenu li div dl dt {    display: inline-block;   width: 100%;    background: rgba(40, 44, 60, 0.9);      padding: 4px 0 0;}
#topmenu li div dl dt a {color:#ffffff; padding: 4px 0 10px; float: none; text-align: center;}
#topmenu .on1 {background:  rgba(40, 44, 60, 0.9); border-radius:0;}
#topmenu .on1 a {color:#fd8e18; }
.menu_three {position:relative !important; padding: 0 !important;    margin: 0 !important; border: 0 !important; display: none;}
.menu_three li {width: 100% !important; background: #999999;}
.menu_three li a {color:#ffffff !important; padding: 0 !important;}
.hasson>a {pointer-events: none;cursor: default;}
.hasson>a:after {content:'▼'; position: absolute; right:5px; font-size: 9px;}
#gray_bar {height: 0;}
}

@media screen and (max-width: 640px) {
.logo{left: 15px;}
#header {height: 118px;}
#header .login {right: 10px;}
#header .logo {top:8px !important;}
#header.active #topmenu>div>ul {display: block;}
#topmenu ul {margin: 78px 0 0 0; padding:0; border: 1px #efefef solid;z-index: 999; position: absolute; background: #ffffff; display: none;}
#topmenu ul li {  padding:9px 0;    width: 33%;    text-align: center; height: 24px;}
#topmenu ul li a {z-index: 99;padding: 0;}
.vline {display: none;}
.top_dote  {display: none !important;}
#header .mobileMenu {    display: block;    position: absolute;    right: 20px;    top: 70px;
    width: 30px;    height: 20px;    text-indent: -9999px;    background: url(/layouts/incs/image/menu_btn.png) center center no-repeat;
    -webkit-background-size: auto 20px;    background-size: auto 20px;    cursor: pointer;    z-index: 9999;}
.fm {height: 445px; background: #00b2bc;}
#navibox {width: 28%;height: 192px; margin-left: 16px;}
#navibox.box11 {border: 0;}
#footer .wrap .btlogo {display: none;}
.aside {display: none;}
#content .m_side {float:none; width: 94%; padding: 0 3%;}
#footer .wrap .slinks .elink {padding: 10px 17px 10px 30px;}
#topmenu>div>ul>li>a {pointer-events: none;cursor: default;}
#topmenu li div {width: 100%;    height: auto;    z-index: 9999;}
#topmenu li div dl {width: 100% !important; margin: 0 !important;    padding: 31px 0 0;}
#topmenu li div dl dt {    display: inline-block;   width: 100%;    background: rgba(40, 44, 60, 0.9);      padding: 4px 0 0;}
#topmenu li div dl dt a {color:#ffffff; padding: 4px 0 10px; float: none; text-align: center;}
#topmenu .on1 {background:  rgba(40, 44, 60, 0.9); border-radius:0;}
#topmenu .on1 a {color:#fd8e18; }
.menu_three {position:relative !important; padding: 0 !important;    margin: 0 !important; border: 0 !important; display: none;}
.menu_three li {width: 100% !important; background: #999999;}
.menu_three li a {color:#ffffff !important; padding: 0 !important;}
.hasson>a {pointer-events: none;cursor: default;}
.hasson>a:after {content:'▼'; position: absolute; right:5px; font-size: 9px;}
}