@charset "utf-8";
@import url('footer.css');

/* GNB */
.gnb_wrap{background:#0f1e56;}
.gnb_wrap .gnb{width:1200px; margin:0 auto; height:38px;}
.gnb_wrap .gnb .link{float:left;width:750px;}
.gnb_wrap .gnb .link li{float:left; width:12.1%;}
.gnb_wrap .gnb .link li:last-child{float:left; width:15.3%;}
.gnb_wrap .gnb .link li a{display:block; text-align:center; width:100%; padding:9px 0 8px; letter-spacing:-1px; font-weight:600;}
.gnb_wrap .gnb .link li span{color:#fff;}
.gnb_wrap .gnb .link li.link_main{background:#3f51b5;}
.gnb_wrap .gnb .link li.link_mayor{background: #2c7cd5;}
.gnb_wrap .gnb .link li.link_tour{background: #0099d6;}
.gnb_wrap .gnb .link li.link_edu{background: #048b98;}
.gnb_wrap .gnb .link li.link_library{background: #049898;}
.gnb_wrap .gnb .link li.link_health{background: #00a623;}
.gnb_wrap .gnb .link li.link_arts{background: #388310;}
.gnb_wrap .gnb .link li.link_assembly{background: #496600;}
.gnb_wrap .gnb .link li.link_water{background: #bf8300;}
.gnb_wrap .gnb .link ul:after,
.gnb_wrap .gnb .link_right:after,
.gnb_wrap .gnb:after{content:''; display:block; clear:both;}
.gnb_wrap .gnb .link_right{float:right;}
.gnb_wrap .gnb .default_info{float:left; margin-right:20px;}
.gnb_wrap .gnb .default_info li{position:relative; display:inline-block; margin:0 10px; padding-top:10px;}
.gnb_wrap .gnb .default_info li:after{content:''; display:block; position:absolute; width:1px; height:7px; background:#878fab; left:-11px; top:16px;}
.gnb_wrap .gnb .default_info li:first-child:after{display:none;}
.gnb_wrap .gnb .default_info li a{color:#fff; font-size:12px;}
.gnb_wrap .gnb .lang_box{position:relative; float:right;}
.gnb_wrap .gnb .lang_box .lang dt{position:relative; background:none; border:1px solid #fff; line-height:18px; margin-top:7px; width:104px;}
.gnb_wrap .gnb .lang_box .lang dt:after{content:''; display:block; position:absolute; right:7px; top:50%; margin-top:-2.5px; border-left:4px solid transparent; border-top:5px solid #fff; border-right:4px solid transparent; border-bottom:4px solid transparent;}
.gnb_wrap .gnb .lang_box .lang dt a{color:#fff; width:100%; height:100%; display:block; padding:2px 0 0 10px; font-size:12px; box-sizing:border-box; font-weight:500;}
.gnb_wrap .gnb .lang_box .lang dd{position:absolute; z-index:100; width:100%; border:1px solid #fff; border-top:0; border-bottom:0; box-sizing:border-box;}
.gnb_wrap .gnb .lang_box .lang dd li a{background:#5366af; border-bottom:1px solid #fff; display:block; font-size:12px; padding:2px 12px 0; box-sizing:border-box; width:100%; height:100%; color:#fff;}
.gnb_wrap .gnb .lang_box .lang dd li a:hover{background:#798dd6;}

.gnb_wrap a {font-size: 14px;}
.gnb_nav >li {float: left;}
.gnb_nav >li >a {display: inline-block; padding:0 15px; height:35px; line-height:35px; box-sizing:border-box; color: #777;  border-right: 1px solid #ddd;}
.gnb_nav >li >a:hover, .gnb_nav >li >a:focus {color: #000; text-decoration: underline;}
.gnb_wrap >div, .head_wrap >.head {width: 1400px; margin: 0 auto; position: relative;}
.gnb_nav >li:first-child >a {border-left: 1px solid #ddd;}
.gnb_option {position: absolute; right:5px; top:3px;}
.gnb_option >li {float: left; margin-top:5px; }
.gnb_option >li:first-child {padding-left: 0;}
.gnb_option >li >a {color: #444; display: inline-block; font-size: 14px;}
.gnb_option >li:not(:last-child) >a:after {content: ''; display: inline-block; background: #757575; width: 3px; height: 3px; margin: auto 7px; vertical-align: middle;}
.gnb_option select{background: transparent; border: none; color: #4d4d4d; font-weight: 600;}

/* HEAD */
.head_wrap {min-width: 1400px; position: relative; background: url('/common/img/common/bg_header.jpg') no-repeat center top; overflow: hidden;}
.head_wrap >.head {height: 105px; box-sizing:border-box; padding-top: 23px; border-bottom: 30px;}
.head_wrap h1 {display: inline-block; text-indent: -9999px; overflow: hidden;}
.head_wrap h1 a {width: 164px; height: 44px; background: url(/common/img/common/logo.png); display: block;}
.head_wrap .logo_wrap >a{display: inline-block; margin-left: 10px;}
.head_wrap .logo_wrap {width: 289px; position: absolute; top: 31px; left: 0;}
.head_wrap .logo_wrap >span {display: inline-block;margin: 5px 0 0 15px;}
.head_wrap .logo_wrap h1, .head_wrap .logo_wrap span {vertical-align: middle;}
.search_form_box{position:relative;}
.topSearch_wrap {width:435px; margin:0 auto; position:absolute; right:0; top:77px; z-index:5; display:none;}
.total_search {background:#fff; width:435px; padding:0px; border:3px solid #0a70b9; box-sizing:border-box;}
.total_search select{display:inline-block; padding:5px 6px 9px;}
.total_search select, .total_search input[type="text"] {color: #777;border: none; outline: 0;}
/* .total_search input[type="text"] {width: 110%; height:49px; box-sizing: border-box; color: #111; font-size: 14px;padding-left: 10px;box-sizing: border-box;font-weight: 700;  font-size: 20px;} */
.total_search input#qt {ime-mode: active; display:inline-block; width:55%; padding:4px; height:auto; box-sizing:border-box;}
.total_search + input[type="submit"] {width:75px; height:40px; position:absolute; top:0; right:0; background:#0a70b9; color:#fff;}
/* .-webkit- .head input[type="submit"] {padding: 13px 12px 13px 10px;}
.-ms- .head input[type="submit"] {padding: 13px 12px 14px 10px;} */
/* .temp_banner {position: absolute; right: 0; top: 26px; width: 293px;} */
.temp_banner {position: absolute; right: 0; top: 26px; width: 293px;transform:scale(0.85);transform-origin:right bottom}

/* 선거인명부열람 */
.head_wrap .election_st { width:100%; }
.head_wrap .election_st > a { margin-left:30px; }

@media all and (max-width: 1024px) {
	.head_wrap .election_st { width:164px; }
	.head_wrap .election_st > a { display:none; }
}

/* NAV */
.nav_wrap {height:68px; position: relative;}
.nav_wrap >.layer {width: 100%; height: 68px; position: relative; z-index: 999; overflow: hidden;}
.nav_wrap >.layer.on {background-image: url('/common/img/common/bg_layer.png'); background-position: 90% 523px; background-repeat:no-repeat; border-bottom: 1px solid #91a7c4; box-sizing: border-box; box-shadow:0px 5px 10px 0px rgba(50, 50, 50, 0.2); overflow: visible; }
.nav_wrap >.layer.on:before {
    content: "";
    display: block;
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/common/img/common/bg_layer.png) no-repeat 80% 100% #fbfbfb;
}

.nav_wrap .nav_inner {width:1400px; height: 68px; margin: 0 auto; position: relative;}
.nav_wrap nav {width: 978px; float: left;}
#lnb {height: 68px;}
/* #lnb >li {float: left; width: 16.666%;} */
#lnb >li {float: left; width:19.666%;}
/* #lnb >li >a {color: #fff; font-size: 18px;  letter-spacing: -1pt; display: block; padding: 24px 0;} */
#lnb >li >a {color: #fff; font-size: 18px;  letter-spacing: -1pt; display: block; padding: 24px 0; text-align:center;}
#lnb >li.on > a	{ color: #f2d223; }
/* #lnb >li >a >span {display: inline-block; width: 1px; height: 10px; float: right; margin: 6px 26% 0 0; background: #fff; opacity: 0.5; transform:rotate(45deg);} */
#lnb >li >a >span {display: inline-block; width: 1px; height: 10px; float: right; margin:6px -1% 0 0; background: #fff; opacity: 0.5; transform:rotate(45deg);}

.nav_wrap nav + div {float: left;}
.lnb_wrap {position:relative; background:#fff; height:100px;}
.lnb_wrap .box{width:1200px; margin:0 auto; padding-top:23px;}
.lnb_wrap h1 a{display:block; width:147px; height:34px;}
.lnb_wrap .logo{float:left; margin-left:20px; padding-top:10px;}
.lnb_wrap .lnb{float:left; margin-left:55px; padding-top:20px;}
.lnb_wrap .lnb > ul > li{display:inline-block; margin:0 35px;}
.lnb_wrap .lnb > ul > li > a{padding-bottom:35px;}
.lnb_wrap .lnb > ul > li > a.on, .lnb_wrap .lnb > ul > li > a:hover{color:#074e8e;}
.lnb_wrap .lnb li .depth02{display:none; position:absolute; border-bottom:3px solid #0f1e57; top:100px; width:100%; z-index:888; background:#f7f7f7 url(../images/menu_bg.png) no-repeat 79% 100%; left:0; border-top:1px solid #e4e4e4;}
.lnb_wrap .lnb li .depth02 .lnb_2depth{position:relative; padding:20px 0; box-sizing:border-box; margin:0 auto; width:1200px;}
.lnb_wrap .lnb li #lnb_01_sub{height:664px;}
.lnb_wrap .lnb li #lnb_02_sub .lnb_2depth > ul > li{height:90px;}
.lnb_wrap .lnb li #lnb_03_sub .lnb_2depth > ul > li:nth-child(3){height:300px;}
.lnb_wrap .lnb li #lnb_04_sub .lnb_2depth > ul > li{height:420px;}
.lnb_wrap .lnb li #lnb_05_sub .lnb_2depth > ul > li:first-child,
.lnb_wrap .lnb li #lnb_05_sub .lnb_2depth > ul > li:nth-child(2){height:300px;}
.lnb_wrap .lnb li #lnb_05_sub .lnb_2depth > ul > li:nth-child(6),
.lnb_wrap .lnb li #lnb_05_sub .lnb_2depth > ul > li:nth-child(7){height:170px;}
.lnb_wrap .lnb li #lnb_06_sub .lnb_2depth > ul > li{height:360px;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li{float:left; width:20%; height:250px;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li > div{width:90%; height:100%; margin:0 auto;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul:after{content:''; display:block; clear:both;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li > div > a{color:#ffffff; display:block; margin-bottom:15px; font-size:17px; letter-spacing:-1px; background:#6c97c4; padding:11px 0 9px 20px; box-sizing:border-box;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li > div > a:hover{background:#45719f;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li > div > ul > li{position:relative; margin-top:3px; padding-left:20px;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li > div > ul > li:before{position:absolute; content:''; display:block; width:4px; height:4px; background:url(../images/menu_bul.png) no-repeat; left:10px; top:7px;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li > div > ul > li:first-child{margin-top:0;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li > div > ul > li > a{color:#4e4e4e; font-size:14px; font-weight:500; letter-spacing:-1px;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li > div > ul > li > a[target="_blank"]{background:none;}
.lnb_wrap .lnb li .depth02 .lnb_2depth > ul > li > div > ul > li > a:hover{text-decoration:underline; border-bottom:0; line-height:1.5em;}
.lnb_wrap .lnb li a{display:block; color:#000000; font-weight:600; font-size:18px;}

.lnb_wrap .box .search a{display:block; width:100%; height:100%;}
.lnb_wrap .box:after{content:''; display:block; clear:both;}
.lnb_wrap h3 {display: none;width: 228px; margin: 70px 0 0 0; float: left;  font-size: 35px; letter-spacing: -1pt; color: #fff; box-sizing: border-box; position: relative; line-height: 120%;}
.lnb_wrap h3:before {content: ''; width: 30px; height: 3px; background: #fff; position: absolute; top: -25px; left: 0;}
.lnb_wrap h3 >p {font-size: 14px; margin: 0 0 20px; opacity: 0.5; letter-spacing: -0.5pt; }
.lnb_wrap h3 >p span {letter-spacing: -1pt;}
.lnb_wrap .depth_02 {margin: 22px 0 0 0; position: relative;}
.lnb_wrap .depth_02 >li {width: 15%; float: left; margin-right: 2%;}
.lnb_wrap .depth_02 >li:nth-child(6n) {margin-right: 0;}

.lnb_wrap .depth_02 >li > a			{ background: #6eadda; color: #fff; font-size: 17px; font-weight: 600; line-height: 1.0em;  box-sizing: border-box; display: block; position: relative; text-align: center; padding: 12px 5px 12px; margin:10px 0; letter-spacing: -0.5pt;}
.lnb_wrap .depth_02 >li:hover > a	{ background: #205c9f; }
.lnb_wrap .depth_02 >li > a:before,
.lnb_wrap .depth_02 >li > a:after	{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 0px solid transparent;
	border-bottom-width: 6px;
	border-left-width: 6px;
	z-index: 1;
}
.lnb_wrap .depth_02 >li > a:before	{ top: -0; left: -1px; border-left-color: #fbfbfb; }
.lnb_wrap .depth_02 >li > a:after	{ bottom: 0; right: -1px; border-bottom-color: #fbfbfb; }


#lnb_05 .lnb_wrap { height:610px; }

.lnb_wrap .depth_03		{margin: 0 0 0 5px;}

.lnb_wrap .depth_03 li	{ background: url('/common/img/common/bg_layer_line.png') repeat-x 0 100%; }
.lnb_wrap .depth_03 li >a {color: #333; font-size: 15px; line-height: 120%; position: relative; padding: 5px 0 5px 8px; display: block; letter-spacing: -0.5pt;}

.lnb_wrap .depth_03 li >a[target="_blank"]{position: relative; padding-right: 15px;}
.lnb_wrap .depth_03 li >a[target="_blank"]:after{content: ''; position: absolute; right: -1px; top: 8px; width: 12px; height: 12px; background:url('../img/common/bul_snb_blank.png') 0 0 no-repeat; text-indent:-9999px;}
.lnb_wrap .depth_03 li >a.on, .lnb_wrap .depth_03 li >a:hover, .lnb_wrap .depth_03 li >a:focus {color: #0c73be; }
.lnb_wrap .depth_03 li >a:before {content: ''; position: absolute; width: 4px; height: 2px; left: 0; top: 12px; background: #c5c5c5;}
.lnb_wrap .depth_03 li >a.on:before, .lnb_wrap .depth_03 li >a:hover:before, .lnb_wrap .depth_03 li >a:focus:before {background: #0c73be;}
.btn_sitemap {width: 64px; height: 68px; background: url(/common/img/common/spr_tongtong.png) no-repeat -185px 23px; display: inline-block; text-indent: -9999px;display: none;}
@media all and (max-width: 1024px) {
	.nav_wrap { display: none;}
}

#lnb_wrap .btn_menuclose	{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	float: none;
	height: 69px;
	width: 69px;
	overflow: hidden;
	text-indent: -999px;
}
#lnb_wrap .on .btn_menuclose	{ display: block; }
#lnb_wrap .btn_menuclose:before	{
	content: "";
	display: block;
	position: absolute;
	width: 40px; height: 40px;
	top: 50%; left: 50%; margin-left: -20px; margin-top: -20px;
	background: url('/common/img/common/btn_gnb_submenu_close.png') no-repeat 50% 50%;
}

/* TONGTONG CHANGWON */
.btn_tt_wrap {width: 358px; height: 68px; background: #00a85f url('/portal/img/common/bg_btn_tt.gif') 0 0 no-repeat; text-align: center;}
.btn_tt_wrap >button {width: 308px; height: 54px; margin: 12px auto 0; text-align: left; color: #fff; font-size: 15px; letter-spacing: -1pt;}
.btn_tt_wrap >button.btn_tt_close {width: 330px; margin: 3px 0 0 18px;}
.btn_tt_wrap .tt {padding:5px 12px 0 20px;}
.btn_tt_wrap .tt_slogan {margin-top: 12px; font-size: 14px; }
.btn_tt_wrap span[class^="ico_"] {text-indent:-9999px;}
.btn_tt_wrap .ico_open {width: 30px; height: 30px; background: #006b51 url('/common/img/common/spr_tongtong.png') 9px -78px no-repeat; border-radius: 50%; margin:5px 0 0 10px;}
.btn_tt_wrap .ico_close {width: 27px; height: 27px; background:url('/common/img/common/spr_tongtong.png') 4px -143px no-repeat; margin-left: 30px;}
.btn_tt_wrap button >span {display: inline-block; vertical-align: middle;}
#tt_wrap {width: 1700px; margin-left: 32%; height: 11px; background: #1cab3e;}
.nav_wrap >.layer.on + #tt_wrap {position: absolute; top: 68px;}
.nav_wrap .tt_cont {display: none;}

/* OPEN TONGTONG CHANGWON */
.nav_wrap.on {background-image: url('/portal/img/common/bg_nav_wrap.png'); background-position: right top; background-repeat: no-repeat;}
.nav_wrap.on #tt_wrap {margin: 0 0 0 13%; height: 482px; z-index:1000; position: absolute;
background-image:url('/portal/img/common/bg_tt_layer_01.png'), url('/portal/img/common/bg_tt_layer_02.png');
background-position: 256px 57px, 88% 370px; background-repeat: no-repeat,no-repeat ;}
.nav_wrap.on .btn_tt_wrap {background: #1cab3e url('/portal/img/common/bg_btn_tt_on.png') 0 0 no-repeat;}
.nav_wrap.on .btn_tt_wrap >span {margin-top: 17px;}
.nav_wrap.on .btn_tt_wrap a {width: 317px; padding-left:35px; background: url('/common/img/common/spr_tongtong.png') 298px -94px no-repeat;}
.nav_wrap.on .btn_sitemap {opacity: 0.5; display: none;}
.nav_wrap.on .tt_cont {display: block; width: 1627px;}
.nav_wrap.on .tt_tit {width: 1440px;text-align: center; color: #fff; padding-top: 25px;position: relative;}
.nav_wrap.on .tt_tit >p:first-child {display: inline-block; width: 397px; height: 76px;
background: url('/portal/img/common/spr_tt_layer.png') 0 0 no-repeat; text-indent:-9999px;}
.nav_wrap.on .tt_tit >p:last-child {margin-top: 10px; text-shadow: 2px 0px 2px rgba(150, 150, 150, 1);}
.nav_wrap.on .thumb_wrap {width: 1389px; padding: 10px 0; margin: 18px 67px 0 67px; overflow: hidden;}
.nav_wrap.on .thumb_list >li {float: left;}
.nav_wrap.on .thumb_list >li:not(:nth-child(4)) {margin-right: 53px;}
.nav_wrap.on .thumb_list >li:nth-child(5) {display: none;}
.nav_wrap.on .thumb_list ul {width: 304px; background: #fff; box-shadow:1px 1px 15px 0px rgba(50, 50, 50, 0.7); overflow: hidden;}
.nav_wrap.on .thumb >span {width: 36px; height: 34px; position: absolute; right: 0; bottom:0; text-indent:-9999px;}
.nav_wrap.on .thumb >span.insta { background:#cf64dc url('/portal/img/common/spr_tt_layer.png') 6px -97px no-repeat;}
.nav_wrap.on .thumb >span.facebook { background:#1681c4 url('/portal/img/common/spr_tt_layer.png') 12px -138px no-repeat;}
.nav_wrap.on .thumb >span.blog { background:#1cd131 url('/portal/img/common/spr_tt_layer.png') 12px -178px no-repeat;}
.nav_wrap.on .thumb >span.twitter { background:#32a9dc url('/portal/img/common/spr_tt_layer.png') 12px -215px no-repeat;}
.nav_wrap.on a .thumb img {transform:scale(1); transition:1s;max-width: 105%;}
.nav_wrap.on a:hover .thumb img {transform:scale(1.1);}
.nav_wrap.on .thumb {height: 174px; overflow: hidden; position: relative;background: url('/common/img/common/noimage.png') center 0 no-repeat;}
.nav_wrap.on .thumb_list .cont {height: 123px; padding: 15px; box-sizing: border-box;}
.nav_wrap.on .thumb_list .cont .tit {font-size: 16px; color: #000; margin-bottom: 10px;}
.nav_wrap.on .thumb_list .cont .desc {color: #333; line-height: 130%; letter-spacing: -0.5pt;}
.nav_wrap.on .btn_sns {position: absolute;right: 0;top: 70px;}
.nav_wrap.on .btn_sns li {float: left;margin-left: 10px;}
.nav_wrap.on .btn_sns a {border: 1px solid #77d48f;display: inline-block;width: 45px;height: 45px;border-radius: 50%;text-indent:-9999px;transition:1s;}
.nav_wrap.on .btn_sns a:hover {border: 1px solid #fff;}
.nav_wrap.on .btn_sns a {background:url('/portal/img/common/spr_tt_layer.png') 16px -133px no-repeat;}
.nav_wrap.on .btn_sns .kakao {background-position:18px -244px;}
.nav_wrap.on .btn_sns .insta {background-position:10px -91px;}
.nav_wrap.on .btn_sns .twitter {background-position:17px -210px;}
.nav_wrap.on .btn_sns .blog {background-position:16px -173px;}
.nav_wrap.on .btn_sns .wordpress {background-position:13px -316px;}
.nav_wrap.on .btn_sns .youtube {background-position:13px -280px;}

@media all and (max-width:1700px){
	.nav_wrap.on #tt_wrap {margin: 0 auto;width: 100%;}
	.nav_wrap.on .tt_cont {width: 100%;}
	.nav_wrap.on .thumb_wrap {width: 1433px;margin: 18px auto 0;}
	.nav_wrap.on .tt_tit {width: 1400px;margin: 0 auto;}
	.nav_wrap.on .thumb_list >li {width: 23.5%;margin-right: 0;}
	.nav_wrap.on .thumb_list >li:not(:nth-child(4)){margin-right: 2%;}
}
@media all and (max-width:1400px){
	.nav_wrap.on .thumb_wrap, .nav_wrap.on .tt_tit {width: 95%;}
}

/* SNB + CONTENT AREA */
#container {width: 1200px; margin: 20px auto 50px;}
.snb_wrap {width: 230px; float: left; position: relative;}
.snb_wrap span[class^="ico_menu"]{
	width: 48px; height: 48px; border-radius:48px; background: #65b8f5 url(../images/spr_left.png) no-repeat; display: block; margin: 0 auto;
	position: absolute; top: 19px; left:50%; margin-left: -24px;}
.snb_wrap span.ico_menu01 {background-position: 14px 0;}
.snb_wrap h2 {
	background: url(../images/spr_left.png) no-repeat right bottom, url(/common/img/common/pt_left_titbg.png);
	font-size: 32px;  text-align: center; color: #164983; padding: 80px 10px 44px; letter-spacing: -1pt; line-height: 36px; border: 1px solid #0757c3;}
.snb >li {margin: 5px 0;}
.snb >li >a {display: block; padding: 16px 33px 14px 15px; color: #777; font-size: 17px; line-height: 16px; letter-spacing: -1pt; border: 1px solid #ddd; position: relative;}
.snb >li >a[target=_blank]{padding: 16px 15px 14px;}
.snb >li >a[target=_blank]:after {content: '새창열림'; width: 17px; height: 17px; position: absolute; background: url('../images/spr_left.png') 0 -265px no-repeat; margin: -2px 0 0 8px; text-indent:-9999px;}
.snb >li >a:hover[target=_blank]:after {content: '새창열림'; width: 17px; height: 17px; position: absolute; background: url('../images/spr_left.png') 0 -292px no-repeat; margin: -2px 0 0 8px; text-indent:-9999px;}
.snb >li >a:hover {color: #000;}
/* .snb >li >a.arrow {background: url(../images/spr_left.png) no-repeat 200px -118px;} */
.snb >li >a.arrow:hover {background-position: 200px -217px;}
.snb >li >a.on {font-size: 19px; background: #0567ad; color: #fff !important;  border: #0757c4; padding-right: 25px; margin-top: -1px; }
/* .snb >li >a.arrow.on {background: #0567ad url(../images/spr_left.png) no-repeat 200px -80px;} */
.snb >li >ul {background: #f3f9fd; padding: 13px 17px; border: 1px solid #0567ad;}
.snb >li >ul >li >a {position:relative; color: #555; font-size: 15px; display: block; padding: 4px 0 4px 10px; letter-spacing: -1pt; padding-left: 10px; background:none !important;}
.snb >li >ul >li >a:after {content:""; display:block; position: absolute; width:6px; height:6px; background: url(../images/spr_left.png) no-repeat 0 -200px; left:0; top:12px;}
.snb >li >ul >li >a[target="_blank"]{position: relative; padding-right: 15px;}
.snb >li >ul >li >a[target="_blank"]:before{content: ''; position: absolute; right: -1px; top: 8px; width: 12px; height: 12px; background:url('../img/common/bul_snb_blank.png') 0 0 no-repeat; text-indent:-9999px;}
.snb >li li> a.on,
.snb >li >ul >li >a:hover {padding-left: 10px; color: #1b71d1; }
.snb >li li> a.on:after,
.snb >li >ul >li >a:hover:after {background-position:0 -173px;}
#content { float: right; width: 1130px;}
#conts {min-height: 400px; padding: 20px 0; position: relative; color: #333;}
#pop_container {/*padding:20px 10px;*/}
#tit_wrap {padding: 0px 0 17px 0; position: relative;}
#tit_wrap h3 {font-size: 28px;  font-weight: normal;color: #333; line-height: 1.5em; letter-spacing: -1.5pt;}
#tit_wrap .his_box		{ position: relative; background: #fff;border-bottom :1px solid #bfbfbf; width: 100%; display: block; padding: 35px 3px 15px; box-sizing:border-box; overflow: hidden; }
#tit_wrap .his_box >li { float: left; padding: 0 18px 0 8px; position: relative; font-size: 1.2em;}
#tit_wrap .his_box >li:not(:last-child):after { content: ''; display: inline-block; width: 9px; height: 9px; background: url(/common/img/common/spr_history.png) no-repeat 1px -90px; position: absolute; right: 0; top: 4px;}
#tit_wrap .his_box >li:first-child {padding-left: 27px; }
#tit_wrap .his_box >li:first-child:before { content: ''; display: inline-block; width: 19px; height: 18px; background: url(/common/img/common/spr_history.png) no-repeat 0 0; position: absolute; left: 0; top: 0;}
#tit_wrap .his_box >li:last-child	{ color: #117fc3; font-weight: bold; }
#tit_wrap .nav_box		{ position: relative; }


/* SPOT */
.sub_acc { position: absolute; right:0; bottom: 20px; }
.sub_acc a[class^="btn_"] {display: block; width: 44px; height: 44px; text-indent: -9999px; font-size: 0;
background: url(/common/img/common/spr_history.png) no-repeat;}
.sub_acc a[class^="btn_"].btn_print {background-position: -56px 0px;}
.sub_acc a[class^="btn_"].btn_sns_open {background-position: -56px -52px;}
.sub_acc div li {float: left; margin-right: 4px;}
.sub_acc >ul >li {display: inline-block; margin-left:3px;}
.sub_acc_sns{position: relative;}
/* .sub_acc .sub_acc_sns div{display: none; } */
.sub_acc .sub_acc_sns div{display: block; position: absolute; width: 0px; height: 48px; border-radius: 48px; top: 45px; right: 0; background: #02428a; box-sizing:border-box; z-index: 20;
padding-top: 7px; overflow: hidden;}
.sub_acc .sub_acc_sns.on div{width: 248px;}
.sub_acc_sns div a[class^="sub_"]{background: #fff url(/common/img/common/spr_history.png) no-repeat; text-indent: -9999px; width: 33px; height: 33px; overflow: hidden;
display: inline-block; border-radius: 33px;}
.sub_acc_sns div a.sub_twitter{background-position: -21px -110px;}
.sub_acc_sns div a.sub_face{background-position: -74px -109px;}
.sub_acc_sns div a.sub_blog{background-position: -75px -152px;}
.sub_acc_sns div a.sub_kakaos{background-position: -20px -152px;}
.sub_acc_sns .btn_sns_tit, .sub_acc_sns .sns_list, .sub_acc_sns .btn_sns_close{float: left;}
.sub_acc_sns div:after{content: ''; display: block; clear: both;}
.sns_close{position: absolute; left: 15px; top: 15px; width: 15px; height: 18px; background: url(/common/img/common/spr_history.png) no-repeat 4px -116px; text-indent: -9999px;}
.btn_sns_tit{position: absolute; right: 23px; top: 19px; width: 20px; height: 9px; display: block; text-indent: -9999px;  background: url(/common/img/common/spr_history.png) no-repeat 0 bottom;}
.sub_acc_sns .sns_list{margin-left: 40px;}
@media (max-width:450px){
	.sub_acc{right:0;}
	.sub_acc a[class^="btn_"].btn_print{display:none;}
}


/* 메뉴명 */
#page_tle{border-bottom:1px solid #969696; padding:30px 0 12px 5px; font-size:26px; color:#000; letter-spacing:-1px; font-weight:600;
		text-overflow: ellipsis;
		white-space: nowrap;
    	word-wrap: normal;
    	width: 100%;
    	overflow: hidden;}

/* TAB */
#ctn{padding-top:60px;}
#ctn .tab_4depth{margin-bottom:30px;}
#ctn .tab_4depth li{float:left;width: calc(100% / 5 - 4px);margin: 2px;}
#ctn .tab_4depth li.tab_bg_on a{position:relative; border:1px solid #1f3a8b; font-weight:600; color:#1f3a8b;}
#ctn .tab_4depth li.tab_bg_on a:after{position:absolute; content:''; display:block; width:100%; height:2px; background:#2167a5; bottom:0; left:0;}
#ctn .tab_4depth li a{	display:block;
						border:1px solid #cacaca;
						color:#484848;
						padding:10px;
						box-sizing:border-box;
						text-align:center;
						font-size:15px;
						letter-spacing:-1px;
						text-overflow:ellipsis;
						white-space:nowrap;
						word-wrap:normal;
						width:100%;
						overflow:hidden;}
#ctn .tab_4depth:after{content:''; display:block; clear:both;}

@media all and (max-width:768px) {
	#ctn .tab_4depth li {width: 32.5%}
	.topSearch_wrap{width:75%; margin-left:-37.5%;}

}
@media all and (max-width:630px) {
	.topSearch_wrap{width:65%; margin-left:-33%;}
}
@media all and (max-width:450px) {
	.topSearch_wrap{width:60%; margin-left:-30%;}
}
@media all and (max-width:357px) {
	.topSearch_wrap{width:50%; margin-left:-25%;}
}
@media all and (max-width:568px) {
	.tab_depth04 .list04 >li,
	.tab_depth04 .list03 >li,
	.tab_depth04 .list02 >li {width: 50%}
	#ctn .tab_4depth li {width: 48% !important;}
	#ctn .tab_4depth li.mar_R13 {margin: 2px !important;}

}

@media all and (max-width:320px) {
	.tab_depth04 .list04 >li,
	.tab_depth04 .list03 >li,
	.tab_depth04 .list02 >li {width: 100%}
}

/* TAB > depth05 */
.depth05 {background: #f3f4fa; padding: 20px 0 15px; margin-top: 15px; box-sizing: border-box;}
.depth05 >li {width: 33.333%; float: left; margin: 0; box-sizing: border-box;}
.depth05 >li:hover >a, .depth05 > li >a:focus {color: #000; }
.depth05 >li >a {display: inline-block; padding: 4px 0; position: relative; padding-left:48px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
width: 90%; overflow: hidden; letter-spacing: -0.5pt; font-size: 15px;}
.depth05 >li a:before {position: absolute; content: ''; width: 18px; height: 18px; left: 23px; top: 5px; background: #afc4db url('/common/img/common/spr_bu.png') -37px 4px no-repeat; border-radius: 2px;}
.depth05 >li a:hover:before, .depth05 >li a:focus:before {background-color: #557190;}
.depth05 >li:not(:nth-child(3n)) {border-right: 1px solid #e1e5ed;}
.depth05 ~ div{position: relative;}
.conts .btn_top {border: 2px solid #afbfd4; background: url(/common/img/common/spr_ico_top.gif) no-repeat 0 0; display: inline-block; height: 33px; line-height: 33px; text-align: left; padding: 0 10px 0 40px; transition:0.5s; margin-top: -10px;}
.conts .btn_top:hover {background-position: 0 -33px; border: 2px solid #0a4686;}

@media all and (max-width:1024px) {
	.depth05 >li >a  {padding-bottom: 0;}
}
@media all and (max-width:768px) {
	.depth05 >li {width: 50%;}
	.depth05 >li:not(:nth-child(3n)){border: none;}
	.depth05 >li:not(:nth-child(even)) {border-right: 1px solid #e1e5ed;}
	.depth05 >li >a {width: 82%;}
}

@media all and (max-width:568px) {
	.depth05 {padding: 10px;}
	.depth05 >li {width: 100%; border-right: none !important;}
	.depth05 >li a {padding-left: 30px;}
	.depth05 >li a:before {left: 5px;}
}
@media all and (max-width:320px) {
	.depth05 >li >a {width: 84%;}
}

/* ccl */
.wrap_ccl {width: 100%; background: #f4f5f7; border: 1px solid #ddd; padding: 15px 32px 14px; box-sizing: border-box; margin-top: 45px; text-align: left;}
#content .wrap_ccl a:hover { border-bottom: 1px dashed #000; }
#content .wrap_ccl > a:hover { border-bottom: none;}
#content .wrap_ccl a[target="_blank"]:after { display: none; }
.wrap_ccl img, .wrap_ccl p { display: inline-block; vertical-align: middle; font-size: 15px;}
.wrap_ccl img { margin-right: 20px;}
#conts .wrap_ccl a[target="_blank"] { padding-right: 0;}

@media all and (max-width:568px){
.wrap_ccl a {text-align:center !important; display:block;}
.wrap_ccl a img {margin-bottom:10px;}
.wrap_ccl a p {display:block;}
}

/* 담당자 */
.offer { background: #fbfbfb; border-bottom: 1px solid #dfe2e7; padding: 10px 10px 7px 30px; box-sizing: border-box;}
.offer dt, .offer dd { float: left;}
.offer li span { color: #00b162; }
.offer li { float: left; margin-right: 20px; position: relative;}
.offer li:nth-child(2n):after { content: '|'; color: #dfe2e7; padding-left: 15px;}
.offer li:last-child:after { display: none;}

/* 만족도 조사 */
.pageInfo {border: 1px solid #dfe2e7; }
.pageInfo .research legend{float: left;}
.research {padding: 32px 33px; vertical-align: middle; box-sizing: border-box;}
.radio_list{float: left; height: 43px; line-height: 43px; margin-right: 18px;}
.radio_list input[type="radio"]{vertical-align: middle; margin-right: 5px;}
.radio_list label { margin-right: 10px;}
.radio_list li{float: left;}
.radio_list:after{content: ''; display: block; clear: both;}
input[type="text"].txtbox{padding: 10px 14px; width: 442px; height: 43px; box-sizing:border-box;}
.regBtn {width: 97px; height: 43px; background: #546b79; text-align: center; line-height: 43px; color: #fff; transition:1s;}
.regBtn:hover { background: #1b2f3c;}
.tbl_wrap .tbl_guide {display: none;}
@media all and (max-width:1024px) {
	.research { padding: 12px 33px 22px; }
}

/* FOOTER */
.footer_wrap {border-top: 1px solid #838e95; background: #1b2f3c;}
.footer_wrap .site_wrap {background: #ebedee;}
.footer_wrap .site_wrap .familysite {width: 1400px; margin: 0 auto;}
.footer_txt {width: 1400px; margin: 0 auto;}
.footer_list li{float: left;}

.familysite>li div {display:none; position: absolute; left:0; width:99.6%; background:#fff; bottom:53px; border: 1px solid #838e95; border-top: 2px solid #117fc3; z-index:991;}
.familysite>li div.list3{width:800px;}
.familysite>li div.list3 > ul > li{float:left; width:150px; padding-bottom:20px;}
.familysite>li div.list3 .close{padding-left:18px; width:222px;}

.familysite>li {float: left; width: 16.66666%; position:relative;}
.familysite .btn_village {padding: 16px 18px; display: block; background: url(/common/img/common/spr_footer.png) no-repeat 100% 7px;}
.familysite>li:first-child {border-left: 1px solid #838e95;}
.familysite>li {border-right: 1px solid #838e95; box-sizing:border-box; font-family:"NanumSB";}
.footer_txt {height: 144px; box-sizing:border-box; padding-top: 36px; color: #a4acb1; position: relative;}
.footer_txt>li {float: left;}
.footer_list a {color: #a4acb1; padding-right: 18px;}
.footer_list li:first-child a	{ color: #dd9118; font-weight: bold; }
.footer_list a:after {content: ''; display: inline-block; width: 3px; height: 3px; background: #a4acb1; margin-left: 18px; vertical-align: middle;}
.footer_list>li:last-child a:after {display: none;}
address{margin-top: 22px; display:inline-block;}
.portal_tel:before{content:'| '; display:block; position:absolute; left:0;}
.portal_tel{display:inline-block; margin-left:2px; position:relative; margin-left:10px; padding-left:16px;}
.call_wrap{position: absolute; right: 0; top: 60px; font-size: 15.5px;}
.call_wrap .num{background: url(/common/img/common/spr_footer.png) left -75px; width: 116px; height: 24px; display: block; text-indent: -9999px; margin-top: 9px;}

.familysite li div.on{display: block;}
.familysite_list{padding: 15px 20px;}
.familysite_list p,
.familysite_list p a{font-weight: 600; color: #117fc3; margin-bottom: 5px; font-size: 16px;}

.familysite_list ul > li > a:before{content: ''; display: inline-block; width: 3px; height: 3px; vertical-align: middle; background: #139653; margin-right: 5px; border-radius: 50%;}
.familysite_list + .close{width:95%; display: block; padding:16px 0 16px 5%; background: #117fc3 url(/common/img/common/spr_footer.png) no-repeat 100% -158px; border: 1px solid #838e95;
position: absolute; left:-1px; bottom: -54px; color: #fff;}
.familysite_list li{padding: 2px 0;}

.footer_info { display:inline-block; }

.call_wrap01 { font-size:15.5px; display:inline-block; margin-left:40px; position:relative; top:0; }
.call_wrap01 .num { margin-top:3px; background:url(/common/img/common/spr_footer.png) left -75px; width:116px; height:24px; display:block; text-indent:-9999px; }

/* 웹 접근성 마크 */
.wa_mrk{position:absolute;top:50px;right:0}
.wa_mrk a[target="_blank"]{background: none;}
.wa_mrk a[target="_blank"]:hover{border:none;}
/* .wa_mark img {width:135px;} */

@media all and (max-width:1024px){
	.wa_mark { top:39px;right: 10px;}
}

@media all and (max-width:767px){
	.wa_mark {display: none;}
}

/*굿콘텐츠서비스인증 마크*/
.go_mrk{position:absolute;top:45px;right:160px;}
.go_mrk a[target="_blank"]{background: none;}
.go_mrk a[target="_blank"]:hover{border:none;}

@media(max-width:800px){
	.go_mrk{position:relative; top:10px; text-align:center;right:0; text-align:center; width:50%; display:inline-block;}
	.wa_mrk{width:50%; display:inline;}
}


/* 이미지반응형 */
.img_respon {position: relative;}
.img_bigView {display: none;}

.open_kw, .open_mn, .close_kw{display: none;}
@media all and (max-width: 1400px){
	.gnb_wrap, .head_wrap, #wrap, .gnb_wrap>div, .head_wrap>div.head, #container, .site_wrap > ul,
	.footer_txt{ /*min-width: 1400px;*/  width: 100%;}
	.snb_wrap{width: 20%;}
	#content{width: 78%;}
	.call_wrap{right: 10px;}
	.footer_txt{padding: 10px; box-sizing:border-box;}
	.radio_list{float: none;}
	.pageInfo input[type="text"].txtbox{width: 80%;}
	.regBtn{width: 15%;}
}

@media all and (max-width: 1024px){
	.gnb_wrap, .head_wrap, #wrap, .gnb_wrap>div, .head_wrap>div.head, #container, .footer_wrap .site_wrap .familysite, .footer_txt{min-width: 100%; width: 100%;}
	#tit_wrap{padding:1em 0 15px 0;}
	#tit_wrap h3{font-size:30px;}

	.familysite{border-left: 1px solid #838e95;}
	.familysite li:first-child{border-left: 0;}
	.familysite > li{width: 33.33333%; border-bottom: 1px solid #838e95;}
	.familysite>li div.list3{width:99.6%;}
	.familysite>li div.list3 > ul{height:450px; overflow-y:auto;}
	.familysite>li div.list3 > ul > li{float:none; width:auto; padding-bottom:20px;}
	.familysite>li div.list3 .close{padding-left:5%; width:95%;}


	.snb_wrap{display: none;}
	#content{width: 95%; margin: 0 auto; float: none;}
	#lnb{display: none;}
	.topSearch_wrap, .temp_banner{display: none;}
	.head_wrap .logo_wrap{position: relative; margin: 0 auto; top: 9px;}
	.head_wrap .logo_wrap >span {display: inline-block;margin-left: 15px;}
	.head_wrap{border-bottom: 4px solid #278cd2; padding-bottom: 0; background: none;}
	.open_kw, .open_mn, .close_kw{display: block; position: absolute; width: 52px; height: 52px;}

	button.open{display:block;position:absolute;right:20px;top:23px;background:#117fc3 url('../images/ico_search.png') center no-repeat;text-indent:-9999px;}
	.head .topSearch_wrap{display:none;position:absolute;left:0;top:23px;z-index:99991;width:76%; background: #fff; left: 50%; margin-left: -38%;}
	.total_search{width:100%;box-sizing:border-box;}
	.total_search input[type="text"]{width:100%;overflow:hidden;}
	.total_search select, .total_search input[type="text"]{font-size:15px;}
	.total_search .btn_search{position:absolute;top:18px;right:20px;}

	.menu-btn-outer{position:absolute;left:20px;top:23px;background: #00a85f;}
	.menu-btn{display:block;vertical-align:middle;position:relative;top:1px; width: 24px;height: 19px; margin: 0 auto;}
	.menu-btn .bar{display:inline-block;position:absolute;top:7px;left:0;width:24px;height:3px;background-color:#fff;transform-origin:50% 50%;}
	.menu-btn .bar--01{top:0}
	.menu-btn .bar--02{top:8px}
	.menu-btn .bar--03{top:16px}
	.menu-btn.open .bar--01{top:12px;transform:rotate(45deg);}
	.menu-btn.open .bar--02{opacity:0.0;}
	.menu-btn.open .bar--03{top:14px;transform:rotate(-45deg);}
}
@media all and (max-width: 916px){
	.call_wrap{position: relative; top: 0; right: 0;}
	.call_wrap .num{background: none; width: auto; display: inline-block; color: #f39c13; font-weight: 600; text-indent:0;}
	.call_wrap01{display:block; margin-left:0;}
	.call_wrap01 .num{background: none; width: auto; display: inline-block; color: #f39c13; font-weight: 600; text-indent:0;}
	.footer_txt{height: auto; padding-bottom: 10px;}
}
@media all and (max-width: 768px){
	#tit_wrap{padding-top:0;}
	#tit_wrap h3{font-size:27px;}

	/* 테이블 */
	.tbl_wrap, .bod_wrap { width: 100%; overflow: hidden; overflow-x: scroll; margin-left: 0 !important; }
	.tbl_wrap .tbl_guide, .bod_wrap .tbl_guide { display: block; padding: 20px 0 0 20px; color: #fc8305; font-size: 13px; background: url('../images/ico_tbl_guide.gif') 0 21px no-repeat; line-height: 130%;}
	.tbl_wrap .tbl, .bod_wrap table {width: 729px;}
	/* 이미지반응형 */
	.img_respon .img_bigView,
	.img_respon a[target="_blank"].img_bigView{display: block; position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,0.5); padding: 5px 10px; color: #fff; font-weight: 600;}
	.img_respon a[target="_blank"].img_bigView:after{display: none;}
	/* 구글번역 */
	#google_translate_element {display: none;}
}
@media all and (max-width: 540px){
	.gnb_option li{display: none;}
	.gnb_option li:last-child{display: block;}
	.familysite > li{width: 50%;}
	.pageInfo input[type="text"].txtbox{width: 100%;}
	.regBtn{width: 100%; margin-top: 10px;}
}
@media all and (max-width:350px) {
	#tit_wrap h3{font-size:24px;}
}
/* 모바일 레이어 메뉴 */
#mobileNavi{display:none;position:absolute;top:0;left:-100%;width:100%;height:100%;padding-top:117px;z-index:99999;box-sizing:border-box;overflow-y:auto;}
#mobileNavi > div{width:80%;min-height:200%;padding-bottom:50px;float:left;background:#2786c1;}
#mobileNavi .link{overflow:hidden;width:90%;margin:0 auto;}
#mobileNavi .link > li{float:left;margin-left:4%;padding:17px 0;}
#mobileNavi .link li:first-child{margin-left:0;}
#mobileNavi .link a{display:inline-block;width:100%;height:54px;line-height:54px;font-weight:600;font-size:16px;border:1px solid #ccc;border-radius:6px 6px;text-align:left;box-sizing:border-box;}
#mobileNavi .tour{width:48%;}
#mobileNavi .tour a{padding-left:58px;background:url('/portal/img/common/mobile_tour.png') no-repeat 12px center;}
#mobileNavi .inet{width:48%;}
#mobileNavi .inet a{padding-left:52px;background:url('/portal/img/common/mobile_inet.png') no-repeat 15px center;}
#mobileNavi .lang{overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#mobileNavi .lang li{float:left;width:33.333%;padding:17px 0;text-align:center;}
#mobileNavi .lang li a{display:inline-block;width:100%;font-weight:600;font-size:16px;border-left:1px solid #ccc;text-align:center;}
#mobileNavi .lang li:first-child a{border-left:0;}
#mobileNavi .btn_wrap{position:absolute;top:117px;left: 80%;}
#mobileNavi .btn_wrap li{float:left;}
#mobileNavi .btn_wrap li > a{display:block;}
#mobileNavi .close{width:49px;height:49px;line-height:66px;background: url('../images/spr_mobileNav.png') -199px 16px no-repeat;text-indent:-9999px; border: 1px solid #fff;}
#mobileNavi .side_menu li{}
#mobileNavi .side_menu a{display:block;text-align:left;cursor:pointer;}
#mobileNavi .side_menu h2{display:none;}
#mobileNavi .depth1 > li{border-bottom:1px solid #2187c7;}
#mobileNavi .depth1 > li > a{padding:0 15px;line-height:49px;font-weight:600;font-size:18px;background:#2786c1 url('../images/spr_mobileNav.png') no-repeat 100% -215px; color: #fff;}
#mobileNavi .depth1 > li.on{background:#045398;border-bottom:3px solid #045398;}
#mobileNavi .depth1 > li.on > a{color:#fff;background:url('../images/spr_mobileNav.png') no-repeat 100% -145px;}
#mobileNavi .depth2{display:none; padding:20px; background:#f3f9fd;}
#mobileNavi .depth2 > li{margin-top:13px;}
#mobileNavi .depth2 > li:first-child{margin-top:0;}
#mobileNavi .depth2 > li > a{position:relative;; height: auto; line-height:1.3em; font-weight:600; padding-left:22px; font-size:18px; color:#565656;}
#mobileNavi .depth2 > li > a:hover{border-bottom:0;}
#mobileNavi .depth2 > li > a:before{background:url(../images/bul_h5.png) no-repeat; width:16px; height:16px; left:0; top:7px; content:''; display:block; position:absolute;}
#mobileNavi .depth2 > li.on > a{font-weight:600;color:#027dc8;/* background:url('../images/spr_mobileNav.png') no-repeat 0px -75px; */}
#mobileNavi .depth3{display:none;margin-top:8px;margin-left:20px;margin-right:10px;margin-bottom:12px;overflow:hidden;box-sizing:border-box;}
#mobileNavi .depth3 > li{float:left;width:50%;box-sizing:border-box;border-top:1px solid #d9dada;border-left:1px solid #d9dada;}
#mobileNavi .depth3 > li > a{background:#fff url('/common/img/common/m_dot3.png') no-repeat 10px 11px;margin-top:-1px;margin-left:-1px;padding-left:21px;line-height:25px;font-weight:600;font-size:13px;color:#565656;border:1px solid #d9dada;box-sizing:border-box;}
#mobileNavi .depth3 > li.on > a{background:#fff url('/common/img/common/m_dot3.png') no-repeat 10px 11px;}
.wa_Situation_wrap{position:absolute;right:0;top:25px;display:block;}
.wa_Situation_wrap>a:first-child{margin-right: 19px; display: none;}
.slide_tongtong{background: #00a85f; padding: 25px 27px;}
.slide_tongtong>p{color: #fff;float: left; margin-right: 20px;}
.slide_tongtong>p >span{display:inline-block; width:62px; overflow:hidden; vertical-align:top;}
.slide_tongtong>p > em{display:inline-block; padding:9px 0 0 3px;}
.slide_tongtong .tit_tongtong{background: url(/common/img/common/spr_tongtong.png) no-repeat 0 0; width: 29px; height: 35px; display: inline-block;
text-indent: -9999px; vertical-align: bottom;}
.slide_tongtong .btn_sns{float:left;}
.slide_tongtong .btn_sns li{float:left; margin:0 3px 0 0;}
.slide_tongtong .btn_sns a {border: 1px solid #77d48f; display: inline-block; width:35px;height:35px; border-radius: 50%;text-indent:-9999px;transition:1s;}
.slide_tongtong .btn_sns a:hover {border: 1px solid #fff;}
.slide_tongtong .btn_sns a {background:url('/portal/img/common/spr_tt_layer.png') 11px -138px no-repeat;}
.slide_tongtong .btn_sns .kakao {background-position:13px -249px;}
.slide_tongtong .btn_sns .insta {background-position:5px -96px;}
.slide_tongtong .btn_sns .twitter {background-position:12px -215px;}
.slide_tongtong .btn_sns .blog {background-position:11px -178px;}
.slide_tongtong .btn_sns .wordpress {background-position:8px -321px;}
.slide_tongtong .btn_sns .youtube {background-position:8px -285px;}

@media all and (max-width:1024px){
	#mobileNavi{display:block;}
	#mobileNavi .depth3 > li{margin-top:-1px;}
	#mobileNavi .depth3 > li:first-child, #mobileNavi .depth3 > li:nth-child(2){margin-top:0;}
	#mobileNavi .depth3 > li:nth-child(even){margin-left:-1px;}

	.topSearch_wrap{top:67px; width:100%;}
	.total_search select{font-size:13px;}
}
@media all and (max-width:835px){
	.wa_Situation_wrap{position:relative;margin:0 auto;display:block;width:116px;margin-bottom:20px;top:0;}
}

@media all and (max-width:767px){
	#mobileNavi .depth3{display:none;margin-top:8px;margin-left:20px;margin-bottom:12px;overflow:hidden;box-sizing:border-box;}
	#mobileNavi .depth3 > li{float:left;width:100%;box-sizing:border-box;}
	#mobileNavi .depth3 > li, #mobileNavi .depth3 > li:nth-child(2){margin-top:-1px;}
	#mobileNavi .depth3 > li:first-child{margin-top:0;}
	#mobileNavi .depth3 > li:nth-child(2){margin-top:-1px;}
	#mobileNavi .depth3 > li:nth-child(even){margin-left:0;}
	#mobileNavi .depth3 > li > a{background:#fff url('/common/img/common/m_dot3.png') no-repeat 10px 11px;margin-top:-1px;margin-left:-1px;padding-left:21px;line-height:25px;font-weight:600;font-size:13px;color:#565656;border:1px solid #d9dada;box-sizing:border-box;}
	#mobileNavi .depth3 > li.on > a{background:#fff url('/common/img/common/m_dot3.png') no-repeat 10px 11px;}

	/*2017.10.19 정은정 추가*/
	.head_wrap >.head{height:65px; padding:0;}
	.gnb_nav >li >a{padding:0 10px;}

	.menu-btn-outer,
	button.open,
	.head_wrap .logo_wrap{top:11px;}
	.menu-btn-outer{left:10px;}
	button.open{right:10px;}
	.open_kw, .open_mn, .close_kw{width:42px; height:40px;}
	.head .topSearch_wrap{top:7px;}
	#mobileNavi{padding-top:105px;}
	#mobileNavi .btn_wrap{top:105px;}

}

@media all and (max-width:745px) {
	.slide_tongtong{padding:12px 5px 12px 10px;}
	.slide_tongtong > p{margin:0; padding:0 0 8px 4px;}
	.slide_tongtong .btn_sns{width:100%;}
	.slide_tongtong .btn_sns li{margin:0 3px 3px 0;}
}


@media all and (max-width:480px){
	#mobileNavi .link a{font-size:14px;letter-spacing:-0.06em;}
	#mobileNavi .tour{width:45%;}
	#mobileNavi .tour a{padding-left:40px;background-size:30px 23px;background-position:5px center;}
	#mobileNavi .inet{width:51%;}
	#mobileNavi .inet a{padding-left:30px;background-size:20px 23px;background-position:5px center;}
	.head_wrap .logo_wrap {width: 164px;height: 44px;}
	.head_wrap .logo_wrap span {display: none;}
	.head_wrap h1 >a {transform:scale(0.9)}
}
@media all and (max-width:414px){#mobileNavi .close img{height:54px;float:right;}
}
.stop_scrolling{height:100%;overflow:hidden !important;}
#mask_mn{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}
#mask_kw{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}
@media all and (min-width:1023px){#mask_mn{display:none !important;}
#mask_kw{display:none !important;}
}

/* 멀티서치 */
.multSearch{background: #f9f9f9; padding: 10px 12px; border:1px solid #e4e4e4; border-top: 2px solid #7e8994;}
.multSearch li{border-bottom: 1px dashed #ddd; padding: 11px 0;}
.multSearch li:first-child{padding-top: 0;}
.multSearch li .btn{margin-bottom: 0; margin-right: 5px;}
.multSearch li .btn.search{margin: 0px 5px;}
.multSearch li input#searchTxt{height: 26px;}
.multSearch .tit{padding-left: 12px; position: relative; min-width: 80px; display: block; float: left;}
.multSearch .tit:before{content: ''; position: absolute; width: 8px; height: 8px; left: 0; top: 6px; background:url('../img/common/spr_bu.png') no-repeat 0 -92px;}
.multSearch .tit ~ *{float: left;}
.multSearch .bbn{border-bottom: none !important; padding-bottom: 0 !important;}
.multSearch + .bod_head {margin: 15px 0 10px !important; padding: 0;}
.multSearch .con{display: block; float: left;}
.multSearch li:after{content: ''; display: block; clear: both;}
.multSearch .con span{padding: 0 5px;}
.multSearch .tit {margin-left: 20px;}
.multSearch .ui-datepicker-trigger {margin-left: 2px;cursor:pointer;float: none;}
.multSearch div[class^="day_"]{display: inline-block; vertical-align: top;}

@media (max-width: 868px){
	.multSearch div[class^="day_"] input[type="text"]{width: 114px !important;}
	.multSearch .tit {margin-left: 10px;}
}
@media (max-width: 830px){
	.multSearch .con{padding: 10px 0; width: 100%; float: none; clear:left; border-bottom: 1px dashed #ddd; min-height: 26px;}
	.multSearch .con .mL10 {margin-left: 0 !important;}
	.multSearch .btn_box{margin: 0 auto; display: block; text-align: center; float: none; clear: both;}
	.multSearch li .btn{margin-top: 10px !important;}
	.multSearch .tit{width: 100px;}
	.multSearch input[type="text"]{width: 80% !important;}
}
@media (max-width: 450px){
	.multSearch input[type="text"]{width: 60% !important;}
	.multSearch div[class^="day_"].day_end{margin-left: 87px; margin-top: 10px;}
	.multSearch .tit{width: 75px;}
	label[for="searchCtrtGovCd"] {clear: both;}
}
@media (max-width: 328px){
	.multSearch .tit{width: 70px;}
	.multSearch div[class^="day_"].day_end{margin-left: 82px;}
}


/* 개별공시지가 */
.send_box{background: #f0f4f7; border:1px solid #ddd; border-top: 1px dashed #c3c3c3; position: relative; top: -1px; padding: 15px;}
.send_box .to_mayor{font-size: 18px; text-align: center;}
@media (max-width: 450px){
	.unit{border-top: 2px solid #5a5a5a;}
	.unit.Thead tbody tr:first-child th, .unit.Thead tbody tr:first-child td{border-top: 0;}
	.unit tbody th, .unit td{display: block; width: 100% !important;}
	.unit input[type="text"], .unit input[type="password"]{width: 100% !important; margin: 2px auto;}
	.unit .phone_num input[type="text"]{width: 60px !important;}
}


/* sns 소통 */
.btntabBox{margin-bottom: 5px;}
.btntabBox li{float: left; width: 25%; box-sizing:border-box; text-align: center;}
.btntabBox li a{width: 90%; padding: 10px; display: block; border: 1px solid #ddd; font-size: 16px; font-weight: 600;}
.btntabBox li a.on{border: 1px solid #0567ad; color: #0567ad;}
.btntabBox:after, .snsnews_box:after{content: ''; display: block; clear: both;}

.snsnews_box dl{width: 32.3333%; float: left; border:1px solid #ddd;box-sizing:border-box; margin: 0.5%; padding: 20px 20px; position: relative;}
.snsnews_box dl:hover{background: #f7f7f7;}
.snsnews_box a[target="_blank"]:after{display: none;}
.snsnews_box .thumb a{height: 170px; overflow: hidden; display: block; width: 100%;}

.btntabBox a:before{content: ''; display: block; width: 30px; height: 30px; background: url(/mayor/img/common/spr_consns.gif) no-repeat; float: left;}
.btntabBox .tab_all:before{background-position: 0 -275px;}
.btntabBox .tab_facebook:before{background-position: 0 -92px;}
.btntabBox .tab_twitter:before{background-position: 0 0;}
.btntabBox .tab_naverblog:before{background-position: 0 -183px;}

.snsnews_box .list1, .snsnews_box .list3, .snsnews_box .list4, .snsnews_box .list6, .snsnews_box .list7, .snsnews_box .list9, .snsnews_box .list10,
.snsnews_box .list12, .snsnews_box .list13, .snsnews_box .list15, .snsnews_box .list16, .snsnews_box .list18, .snsnews_box .list19{height: 380px;}
.snsnews_box .list2{height: 345px;}
.snsnews_box .list5, .snsnews_box .list8, .snsnews_box .list11, .snsnews_box .list14, .snsnews_box .list17, .snsnews_box .list20{height: 380px; top: -35px;}

.snsnews_box dl dt:before{content: ''; display: block; width: 45px; height: 45px; margin: 0 auto; background:  url(/mayor/img/common/spr_consns_thumb.gif) no-repeat;
border-radius:50%; border:1px solid #bbb;}
.snsnews_box dl.news_naverblog dt:before{background-position: -3px 0;}
.snsnews_box dl.news_naverblog dt a{color: #01a95f;}
.snsnews_box dl.news_twitter dt:before{background-position: -3px -325px;}
.snsnews_box dl.news_twitter dt a{color: #52c3f1;}
.snsnews_box dl.news_facebook dt:before{background-position: -3px -325px;}
.snsnews_box dl.news_facebook dt a{color: #3a5797}
.snsnews_box dl dt{text-align: center; font-size: 17px; font-weight: 600; color: #0757c4;  position: relative; margin-bottom: 15px;}
.snsnews_box dl dt a[target="_blank"]{padding-right: 0; margin-top: 10px; display: block;}
.snsnews_box .text_view{margin-top: 10px;}
.btntabBox span{margin-top: 4px; display: block;}
@media (max-width: 920px){
	.snsnews_box dl{width: 49%; height: 350px !important; top: 0 !important;}
	.btntabBox li{width: 50%;margin-bottom: 5px;}
}
@media (max-width: 646px){
	.snsnews_box dl{width: 100%; height: auto !important;}
	.btntabBox li, .btntabBox li a{width: 100%; box-sizing:border-box;}
}

/* 응원한마디 */
.bod_guide.cheer{background: url(/mayor/img/sub05/img_cheer.png) no-repeat 30px 25px; margin-bottom: 0; border-bottom: 0; padding: 21px 32px 14px 130px;}
.cheer ~ .commentFom{margin-top: 0; margin-bottom: 20px; border:5px solid #eee; border-top: 1px dashed #ddd;}


/* 상단 구글 언어선택 */
.goog-te-gadget-simple .goog-te-menu-value span{font-size:13px; position: relative; top: -2px; font-family:"NanumSB"}
.goog-te-gadget-simple {height: 20px;}
.goog-te-gadget img{top: -1px; position: relative;}
.goog-te-gadget-simple{font-size: 12px;}
.gnb_option >li.google{margin-top:3px;}


/* 사진목록 */
#sub_body h4 ~ .photo_list {margin-left: 29px;}
.photo_list {margin-top: 10px;}
.photo_list >li {float: left;margin: 5px 0 !important;padding-left: 0 !important;}
.photo_list >li:before {display: none !important;}
.photo_list >li >div, div.photo_box {/* border: 1px solid #ddd; */box-sizing: border-box; text-align:center;}
/* .photo_list >li >div, .photo_list >li img, div.photo_box {border-radius: 5px;} */
/* .photo_list >li img, div.photo_box img {border-radius: 5px 5px 0 0;} */
.photo_list >li .tit, div.photo_box .tit {padding: 10px 10px 8px;font-weight: 600;background:#f7f9fb;box-sizing: border-box;margin-top: 0 !important;text-align: left;}
.photo_list.li2 >li {width: 49%;margin-right: 1% !important;}
.photo_list.li3 >li {width: 32.66666666666667%;margin-right: 1% !important;}
.photo_list.li3 >li:nth-child(3n) {margin-right: 0 !important;}
.photo_list.li4 >li {width: 24.25%;margin-right: 1% !important;}
.photo_list.li4 >li:nth-child(4n) {margin-right: 0 !important;}
@media all and (max-width:1024px) {
	.photo_list.li3 >li, .photo_list.li3 >li {width: 32.3%;}
}
@media all and (max-width:768px) {
	.photo_list.li3 >li, .photo_list.li3 >li {width: 48%;}
}
@media all and (max-width:640px) {
	.photo_list.li3 >li, .photo_list.li4 >li {width: 49.5%;}
	.photo_list.li3 >li:nth-child(3n), .photo_list.li4 >li:nth-child(4n) {margin-right: 1% !important;}
	.photo_list.li3 >li:nth-child(2n), .photo_list.li4 >li:nth-child(2n) {margin-right: 0 !important;}
}
@media all and (max-width:440px) {
	.photo_list.li3 >li, .photo_list.li4 >li {width: 100%;margin-right: 0 !important;}
	.photo_list.li3 >li:nth-child(2n), .photo_list.li4 >li:nth-child(2n) {margin-right: 1% !important;}
}