@charset "utf-8";
 
#wrap{min-width:1200px /* 스크롤 생겼을때 안짤리게 하기 위해*/}
.inner{position:relative; width:1200px; margin:0 auto}
#header{position:absolute; width:100%; min-width:1200px ; background:rgba(0,0,0,.1); z-index:100; border-bottom:1px solid rgba(255,255,255,.3) }

.header_top{height:80px; border-bottom:1px solid rgba(255,255,255,.3); background-color:#188657;}
#header .header_bottom{ background-color: #fff;}

.header_top_inner{position:relative; width:1200px; margin:0 auto} 
.header_top_inner h1{position:absolute; top:25px; left:50%; margin-left:-128px}
.header_top_inner .left_link{float:left; margin-top:30px}
.header_top_inner .left_link li{float:left; margin-right:30px}
.header_top_inner .left_link li a{color:#fff; font-size:16px;font-weight:400;}
.header_top_inner .left_link li.total_menu a span.ico{float:left; width:17px; height:19px; margin-right:5px; background:url('/images/common/layout/layout_sp.png') no-repeat 0 4px}
.header_top_inner .left_link li.mokpo a span.ico{float:left; width:27px; height:20px; margin-right:5px; background:url('/images/common/layout/layout_sp.png') no-repeat 0 -45px}


.header_top_inner .right_link{float:right; margin-top:30px}
.header_top_inner .right_link li{float:left; margin-left:23px}
.header_top_inner .right_link li:first-child{margin-left:0}
.header_top_inner .right_link li > a { display:block; color: #fff;}
.header_top_inner .right_link li.business a span.ico {float:left;width: 18px;height:21px;margin-right: 3px;background: url('/images/common/layout/layout_sp.png') no-repeat -50px -152px;}
.header_top_inner .right_link li.login a span.ico, .header_top_inner .right_link li.logout a span.ico { float:left; width:22px; height:25px; margin-right:6px; background:url('/images/common/layout/layout_sp.png') no-repeat -100px -148px}
.header_top_inner .right_link li.login a { color:#fff; line-height:22px; width: auto; text-indent:inherit; display:block; font-weight:400; font-size:15px;}
.header_top_inner .right_link li.facebook a { width:25px; height:25px; background:url('/images/mayor/common/mayor_sp.png') no-repeat -1071px -30px;}
.header_top_inner .right_link li.sitemap a { width:19px; height:25px;  background:url('/images/common/layout/layout_sp.png') no-repeat -50px 3px; text-indent: -99999px;}
.header_top_inner .right_link > li.search > a { display:block; width:24px; height:24px; background:url('/images/common/layout/layout_sp.png') no-repeat -50px -50px; text-indent: -99999px;}


.top_search_box {display:none; position:absolute; top:20px; right:0; background-color:#136743; padding:0 0 0 18px; height:42px;}
.top_search_box label[for="total_search_word"]{position: absolute; top: 10px; left: 18px; cursor: text; color: #fff;}
.top_search_box input#total_search_word { background-color:#136743; border:none; color:#fff; width:250px;}
.top_search_box input[type="submit"] {background:url('/images/common/layout/layout_sp.png') no-repeat -42px -88px; background-color:#136743; border:none; text-indent:-9999px; width:42px; height:41px;}
.top_search_box a.close { display:block; text-indent:-9999px; width:42px; height:42px; float:right; border-left:1px solid #188657;background:url('/images/common/layout/layout_sp.png') no-repeat -136px 14px;}

#top_menu{width:1200px; margin:0 auto}
#top_menu ul.gnb:after{display:block; content:""; clear:both}
#top_menu ul.gnb > li{float:left; width: calc(16.66% - 1px);text-align:center; border-right:1px solid #ddd; box-sizing:border-box	}
#top_menu ul.gnb > li:first-child{border-left:1px solid #ddd; width: calc( 16.66% - 2px);}
#top_menu ul.gnb > li > a{display:block; font-size:16px; color:#333; padding:15px 0}
#top_menu ul.gnb > li:hover > a { background: url("/images/common/layout/gnb_bl.png") no-repeat center -53px;}
#top_menu ul.gnb > li.on > a { background: url("/images/common/layout/gnb_bl.png") no-repeat center 0px;}
#top_menu ul.gnb > li > div{display:none; position:absolute; left:0; width:100%; padding:20px 0; background:rgba(0,0,0,.6); box-sizing:border-box}

#top_menu ul.gnb ul {margin:0 auto; max-width:1200px;}
#top_menu ul.gnb ul.gnbB1{padding-left:50px}
#top_menu ul.gnb ul.gnbB2{padding-left:150px}
#top_menu ul.gnb ul.gnbB3{padding-left:180px}
#top_menu ul.gnb ul.gnbB4{padding-left:580px}
#top_menu ul.gnb ul.gnbB5{padding-left:700px}
#top_menu ul.gnb ul.gnbB6{padding-left:700px}
#top_menu ul.gnb ul.gnbB7{padding-left:900px}

#top_menu ul.gnb > li > div > ul > li{float:left; padding-left:32px} 
#top_menu ul.gnb > li > div > ul > li:first-child{padding-left:0}
#top_menu ul.gnb > li > div > ul > li > a{color:#fff}
#top_menu ul.gnb > li > div > ul > li > a:hover{color:#f3c204}
#top_menu ul.gnb > li > div > ul > li > ul{display:none}

#top_menu ul.gnb > li > div > ul > li > a.newwin span {background: url("/images/common/sub/SubMenu_Div_sp.png") no-repeat -191px -254px; float:right; text-indent:-9999px; width:20px; height:100%;}
 
#footer{background:#403a3a; clear:both;}
#footer .footer_top{padding:25px 0}
#footer .footer_top_inner{width:1200px; margin:0 auto}
#footer .footer_top{border-bottom:1px solid rgba(255,255,255,.15)}
#footer .footer_top .footer_link{float:left; height:44px; line-height:44px}
#footer .footer_top .footer_link > li{float:left; margin-left:35px}
#footer .footer_top .footer_link > li:first-child{margin-left:0}
#footer .footer_top .footer_link > li.personal_info a{color:#f3c204}
#footer .footer_top .footer_link > li a{color:#e3e3e3; font-size:16px}

#footer .footer_top .family_site{position:relative; float:right}
#footer .footer_top .family_site > a{display:block; font-size:14px; color:#c3c3c3; border:1px solid #666161; padding:10px 20px; width: 170px;}
#footer .footer_top .family_site > a > span{float:right; width:9px; height:5px; background:url('/images/common/layout/layout_sp.png') no-repeat -150px -50px; text-indent:-9999px; margin:10px 0 0 80px}
#footer .footer_top .family_site .family_site_box{display:none; position:absolute; bottom:44px; width:100%; border:1px solid #999; border-bottom:none; box-sizing:border-box}
#footer .footer_top .family_site .family_site_box ul li a{display:block; background:#fff; color:#403a3a; padding:10px 15px; border-top:1px solid #999}
#footer .footer_top .family_site .family_site_box ul li:first-child a{border-top:none; }
#footer .footer_btm{background:#403a3a}
.footer_btm_inner{position:relative; width:1200px; margin:0 auto}
.footer_btm_inner .left_article{color:#e2e2e2; padding:30px 0 50px 0}
.footer_btm_inner .left_article > span{float:left; width:60px; height:33px; background:url('/images/common/layout/layout_sp.png') no-repeat -200px 0px; margin-right:20px; margin-top:7px}
.footer_btm_inner .left_article > p{color:#c3c3c3}

.footer_btm_inner > p.top{position:absolute; top:18px; right:0; width:52px; height:49px; background:#342f2f; border-radius:5px }
.footer_btm_inner > p.top a{display:block; text-align:center; color:#c3c3c3; font-size:10px; padding-top:13px}
.footer_btm_inner > p.top a span{display:block; width:16px; height:9px; background:url('/images/common/layout/layout_sp.png') no-repeat -200px -50px; margin:0 auto}