@charset "utf-8";


/*
	-----------------------------------------------
	* Header
	-----------------------------------------------
*/
header{width:20%;padding:85px 50px 0 85px;position:fixed;left:0;top:0;border-right:1px solid #ddd;z-index:99; bottom: 280px;}
header:before{content:'';display: block;position: absolute;top:0;left: 0;width:100%;height:6px;background:url(/mayor/img/common/header_bg.png) no-repeat 0 0;background-size:100% 100%;}

.wrap_lnb{margin-top:70px;}

#header_lnb > li{position:relative;margin-bottom:30px;}
#header_lnb > li > a{font-size:22px;color:#4d4d4d;}
#header_lnb > li > a:hover,
#header_lnb > li > a.on{color:#000;font-weight: 600;}

.btn_open{display:none;}



#header_lnb li .depth02{position:absolute;left:65%;top:0;padding:30px;min-width:250px;background:#4c1521;transition:.3s all;-webkit-transition:.3s all;-webkit-box-shadow: 0 25px 20px 0 rgb(0 0 0 / 15%);-moz-box-shadow: 0 25px 20px 0 rgb(0 0 0 / 15%);box-shadow: 0 25px 20px 0 rgb(0 0 0 / 15%);transition: 0.5s;z-index:99999;}
#header_lnb li .depth02 .lnb_2depth ul li{margin-bottom:15px;}
#header_lnb li .depth02 .lnb_2depth ul li a{color:#fff;font-size:1.8rem;font-weight:300;}
#header_lnb li .depth02 .lnb_2depth ul li a:hover{text-decoration:underline;font-weight:600;}
#header_lnb li .depth02 .lnb_2depth ul li a+ul{display:none; }
@media all and (max-width: 1600px){
header{padding:85px 45px 0 45px;}


}

@media all and (max-width: 1400px){
	header{padding:55px 35px 0 35px;}
	header .logo img{width:100%;}
	.wrap_lnb{margin-top:40px;}
	#header_lnb > li{margin-bottom:20px;}
	#header_lnb > li a{font-size: 20px;}
	#header_lnb li .depth02{left:70%;}

}

@media all and (max-width: 1080px){
	#header_lnb li .depth02{left:100%;}

}


@media all and (max-width: 1024px){
header{position:relative;display:block;width:100%;padding:20px 0;}

header .logo{text-align: center;width: 100%;}
header .logo img{width:auto;}
#header_lnb{display:none;}

header .menu-btn.open .bar--01{top:8px;}
header .menu-btn.open .bar--03{top:8px;}
header .topSearch_wrap {top: 80px;width: 90%;left: 50%;transform: translateX(-50%);margin: 0;}

}

@media all and (max-width: 767px){
.menu-btn-outer, button.open, .head_wrap .logo_wrap{top:30px !important;}

}




/*
	-----------------------------------------------
	* Contants
	-----------------------------------------------
*/
#wrap{overflow:hidden;min-width:0;}
#contants{position: relative;float:left;width:80%;margin-left:20%;max-width: 1530px;}

@media all and (max-width: 1024px){

#contants{position: relative;float:none;width:100%;margin-left:0;}



}


/*
	-----------------------------------------------
	* Footer
	-----------------------------------------------
*/
.wrap_footer{position:fixed;left:0;bottom:0;padding:45px 45px 20px 45px;width:20%;font-size:15px;color:#454545;z-index:9; height: 280px; border-right: 1px solid #ddd;}
.wrap_footer .sns{text-align:center;}
.wrap_footer .sns ul{display:block; overflow: hidden;}
.wrap_footer .sns li{float: left; width: 20%; padding: 1%;}
.wrap_footer .sns li img{ width: 100%; max-width: 43px; }

.wrap_footer .box_footer{border-top:1px solid #b5b4b3;padding-top:25px;margin-top:15px;}
.wrap_footer .copy{margin-top:15px;font-family: 'Titillium Web', sans-serif;font-size:14px;color:#454545;letter-spacing:0;}


@media all and (max-width: 1400px){

.wrap_footer{padding:0 25px 20px 25px;}
.wrap_footer .box_footer{padding-top: 20px; margin-top: 10px}
.wrap_footer .sns li{width: 33.33%;}


}

@media all and (max-width: 1024px){

.wrap_footer{position:relative;text-align:center;width:100%;padding: 0 5% 20px 5%;overflow: hidden;}
.wrap_footer .sns{display:none;}

}


/*
	-----------------------------------------------
	* SubContants
	-----------------------------------------------
*/

.contanier{float:right;width:80%;}
#sub_content{width:100%;padding:50px 100px 100px 60px;}
#sub_content .section{margin-top:60px;}

/*서브 비주얼*/
.section_location{position:relative;width:100%;background:url(/mayor/img/common/sub_visual01.png) no-repeat 0 0;}
.section_location .andong_titBox {height:240px;text-align:center;}
.section_location .andong_titBox > h3{margin-top: 80px;display: inline-block;padding-bottom: 10px;border-bottom: 2px solid #fff;color: #fff;font-weight: 600;font-size: 40px;line-height: 1em;}

.tab_depth04 {padding:1em 2em; border-left:1px solid #ddd;  border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tab_depth04 ul li{position:relative; float:left; padding:1em 2em 1em; font-size:1.2em; line-height:1.6; font-weight:400; }
.tab_depth04 ul li:before{content:''; display:block; position:absolute; top:50%; right:0; width:.3em; height:.3em;  background:#ddd; border-radius:100%;}
.tab_depth04 ul li.tab_bg_on a{color:#b40000; font-weight:700;}
.tab_depth04 ul li:last-child:before{content:''; display:none;}

/*로케이션*/
.list_location {position:absolute;right:45px;bottom:0;background:#fff;padding:15px 30px 5px;}

.list_location .locatin{float:left;overflow:hidden;margin-right:20px;margin-top: 10px;}
.list_location .locatin li{float:left;padding-right:15px;margin-right:10px;background:url(/mayor/img/common/location_arrow.png) no-repeat right center;}
.list_location .locatin li.home span{display: inline-block;text-align: center;font-family: 'Titillium Web', sans-serif;font-size: 15px;font-weight: 600;color: #fff;border-radius: 3px;background: #000;width: 20px;}
.list_location .locatin li:last-child{margin-right:0;padding-right:0;background:none;}

.list_location .btnWrap{float:right;display:inline-block;}
.list_location .btnWrap > li{float:left;}
.list_location .btnWrap > li > a{display:block;border:1px solid #ddd;border-radius:50px;height:40px;width:40px;font-size:0;}
.list_location .btnWrap > li.sns{margin-right:5px;position:lerative;}
.list_location .btnWrap > li.sns > a{background:url(/mayor/img/common/ico_share.png) no-repeat center center;}
.list_location .btnWrap > li.sns > div{position: absolute;top: -2px;right: 0;width: 0px;height: 45px;border-radius: 23px;background: #f1f1f1;overflow: hidden;-webkit-box-shadow: 0 25px 20px 0 rgb(0 0 0 / 15%);-moz-box-shadow: 0 25px 20px 0 rgb(0 0 0 / 15%);box-shadow: 0 25px 20px 0 rgb(0 0 0 / 15%);}

.list_location .btnWrap > li.sns ul{position: absolute;top: 6px;right: 8px;}
.list_location .btnWrap > li.sns ul li{float:left;margin-left:3px;}
.list_location .btnWrap > li.sns ul a{font-size: 0;display: block;width: 33px;height: 33px;text-indent: -9999px;}
.list_location .btnWrap > li.sns ul .fb a{background:url(/common/img/common/ico_facebook.png) no-repeat 0 0;}
.list_location .btnWrap > li.sns ul .twi a{background:url(/common/img/common/ico_twitter.png) no-repeat 0 0;}

.list_location .btnWrap > li.sns div .close{position:absolute; top:18px; left:15px; width:7px; height:10px; border-radius:0; background:url(/mayor/img/common/sns_close.png) no-repeat 0 0;}





.list_location .btnWrap li.print{}
.list_location .btnWrap li.print a{background:url(/mayor/img/common/ico_print.png) no-repeat center center;}






/*리서치 박스*/
.research_box{margin-bottom:0;}
/* .research_box .title{display:none;} */
.research_box .txt_list input#regBtn{border-radius:15px 0;}

.research_box .txt_list input#researchContent{height:42px !important;}

@media all and (max-width: 1024px){

	.contanier{float:none;width:100%;}
	#sub_content{padding:0 5% 30px 5%;}
	.section_location .andong_titBox > h3{font-size:30px;}
}

@media all and (max-width: 600px){
	.list_location {padding: 10px 15px 5px;right: 0;}
	.list_location .locatin li{font-size: 15px;}

}



/****************************************************
	상단 GNB 영역
****************************************************/

.gnbWrap {position:relative; background:#232c41; z-index:100; width:100%; }
.gnbWrap .inner {position:relative; width:100%;}
.gnbWrap .inner:after {content:""; display:block; position:relative; clear:both;}

.gnbWrap .portal-link {float:left;}
.gnbWrap .language-link {float:right;}

.gnb-link-group {position:relative; font-size:14px;}
.gnb-link-group button {display:block; position:relative; padding:0 2.5em 0 10px; height:40px; color:#fff; text-align:center; background-color:#232c41;}
.gnb-link-group button:after {content:""; display:block; position:absolute; width:12px; top:0; bottom:0; right:1em; background:url('../../portal/img/design_2021/ico_language_arrow.png') no-repeat 50% 50%;}
.gnb-link-group dt {display:block; position:relative; z-index:0;}
.gnb-link-group dd {display:none; position:absolute; top:100%; width:140px; background:#fff; border:1px solid #d1d1d1; border-radius:0 0 10px 10px; border-top-width:0; z-index:1; min-width:160px;}
.gnb-link-group dd a {display:block; position:relative; color:#444444; font-size:1em; padding:10px 0; text-align:center; font-weight:600;}
.gnb-link-group dd a[target="_blank"] {color:#444 !important; border:none !important; line-height:1.2 !important; background:none !important;}
.gnb-link-group dd a[target="_blank"]:after {display:none !important;}
.gnb-link-group dd li + li {border-top:1px solid #f1f1f2;}
.gnb-link-group dd .close {position:absolute; top:0; left:0; right:0; width:100%; transform:translateY(-100%); -webkit-transform:translateY(-100%);}

.gnb-link-group.on {z-index:2;}
.gnb-link-group.on dt {opacity:0;}
.gnb-link-group.on dd {display:block;}

.gnbWrap .portal-link dd {left:0;}

.gnbWrap .language-link {padding-top:5px; width:200px; max-width:55%;}
.gnbWrap .language-link button {width:100%;height:35px;border-radius:10px 10px 0 0;background:url('../../portal/img/design_2021/ico_language.png') no-repeat top 50% left 12px #225398;text-align: left;text-indent: 2.2rem;}
.gnbWrap .language-link dd {right:0; width:200px;}
.gnbWrap .language-link dd a:hover {text-decoration:underline;}

@media all and  (min-width:1025px) {
	/* PC 버전 */
	.gnbWrap .portal-link dt,
	.gnbWrap .portal-link button {display:none;}
	.gnbWrap .portal-link dd {display:block; width:auto; position:relative; background:transparent; border:none; border-radius:0;}
	.gnbWrap .portal-link dd li {display:inline-block; vertical-align:middle; position:relative;}
	.gnbWrap .portal-link dd li + li {border:none;}
	.gnbWrap .portal-link dd li + li:before {content:""; display:block; width:1px; height:1em; position:absolute; top:50%; margin-top:-.5em; background:#8a8a8a; left:-2px;}
	.gnbWrap .portal-link dd a { color:#fff; padding:9px 15px; font-weight:100;}
}
@media all and  (max-width:1400px) {
	.gnbWrap .portal-link dd a {padding:9px 8px; font-weight:100; font-size:0.8em;}
	.gnbWrap .language-link {width:140px;}
}
@media all and  (max-width:1024px) {
	.gnbWrap .portal-link dd a {font-size:1em;}
	.gnbWrap .language-link button {background-position:top 50% left 10px;}
	.gnbWrap {width:100%; left:0;}
}