@charset "utf-8";
body.sub01 {background:url('/main/img/sub/visual01.jpg') no-repeat center 110px;}
body.sub02 {background:url('/main/img/sub/visual02.jpg') no-repeat center 110px;}
body.sub03 {background:url('/main/img/sub/visual03.jpg') no-repeat center 110px;}
body.sub04 {background:url('/main/img/sub/visual04.jpg') no-repeat center 110px;}
body.sub05 {background:url('/main/img/sub/visual01.jpg') no-repeat center 110px;}
body.sub07 {background:url('/main/img/sub/visual02.jpg') no-repeat center 110px;}

#lnb {border-bottom:1px solid #e0e0e0;}
.container {
	position: relative;
	margin-top: 260px;
}
/* .container:after {
	display: block;
	content: '';
	clear: both;
} */
.container.wrap {
	display: flex;
    justify-content: space-between;
    padding: initial;
    margin: 260px auto 0;
    flex-direction: row;
    align-items: flex-start;
    gap: 4em;
}
.visual_name {position:absolute; top:-80px; right:0; padding:2px 10px 4px; color:#fff; font-size:1.4rem; background:rgba(0,0,0,.7);} 

#lmenu {
	width: 100%;
	max-width: 250px;
}
#lmenu h2 {display:flex; align-items:center; justify-content:center; text-align:center; padding-bottom:5px; height:170px; font-size:3.0rem; font-family:'S-CoreDream-5Medium'; font-weight:normal; color:#fff; border-radius:12px; background:#3348be;}
#lmenu>ul {padding-bottom:30px;}
#lmenu>ul>li {border-bottom:1px solid #e0e0e0; word-break:keep-all; word-wrap:break-word;}
#lmenu>ul>li.on>a {font-weight:700; color:#3348be;}
#lmenu>ul>li>a {display:block; padding:12px 15px 13px; font-size:1.7rem;}
#lmenu>ul>li>ul {display:none; margin:0px 1px; background:#f0f0f0; padding:20px;}
#lmenu>ul>li>ul>li {padding:5px 0px;}
#lmenu>ul>li>ul>li>a {font-size:1.5rem;}
#lmenu>ul>li>ul>li .depth4 {
	padding-left: 10px;
	margin-top: 5px;
}
#lmenu>ul>li>ul>li .depth4 > li a {
	font-weight: initial;
    text-decoration: none;
    font-size: 1.4rem;
    color: #555;
}
#lmenu>ul>li.select>a {font-weight:700;}
#lmenu>ul>li>ul li.on a {
	font-weight: 700;
	text-decoration: underline;
}
#lmenu .plus {position:relative;}
#lmenu .plus:After,
#lmenu .plus:before {display:block; content:''; position:absolute; right:16px; top:20px; background:#ccc;}
#lmenu .plus:before {margin-top:4px; width:11px; height:3px;}
#lmenu .plus:after {margin-right:4px; width:3px; height:11px;}
#lmenu .select .plus:after {display:none;}

#contents {
	width: 100%;
}
h3 {
	padding: 0px 0px 26px;
	color: #1b1b1b;
	font-size: 3.4rem;
	letter-spacing: -1px;
	font-weight: 700;
	word-wrap: break-word;
	word-break: keep-all;
}

#con_tit .print {position:absolute; right:0px; top:10px;}
#con_tit .print a {display:block;  width:auto; padding-left:30px; height:19px; font-size:1.5rem; line-height:21px; text-indent:unset; background:url(/share/img/ic_print.gif) no-repeat left center;}
#con_tit #location {position:relative; border-bottom:1px solid #222;}
#con_tit ol {overflow:hidden; padding:12px 0px 14px;}
#con_tit ol>li {float:left; font-size:1.4rem;}
#con_tit ol>li:before {display:inline-block; content:'>'; vertical-align:middle; margin:-1px 7px 0px; font:11px dotum; color:#999;}
#con_tit ol>li:first-child:before {display:none;}
#con_tit ul.shareSns {
	position: absolute;
	top: 6px;
	right: 0px;
	text-align: right;
	font-size: 0px;
}
/* 01 인스타 / 02 트위터 / 03 페이스 / 04 블로그 / 05 카카오스토리 / 06 카카오톡 */
ul.shareSns>li{display:inline-block; text-align:left; margin-left:3px}
ul.shareSns>li a{display:block; width:32px; height:32px; text-indent:-500000px; background-color:#ccc; border-radius:100px; background-image:url(/share/img/ic_shareSns.png); background-position:center -1px}
ul.shareSns>li a:hover{background-color:#333}
ul.shareSns>li.sns01 a{background-color:#333; background-position-x:0px}
ul.shareSns>li.sns02 a{background-color:#1da1f2; background-position-x:-35px}
ul.shareSns>li.sns03 a{background-color:#3054a3; background-position-x:-70px}
ul.shareSns>li.sns04 a{background-color:#3acc15; background-position-x:-105px}
ul.shareSns>li.sns05 a{background-color:#fad733; background-position-x:-140px}
ul.shareSns>li.sns06 a{background-color:#3b1e1e; background-position-x:-175px}

#detail_con {padding:30px 0; min-height:500px; line-height:1.65em; font-size:1.6rem}
#tab>ul {
	position: relative;
	margin-top: -1px;
	overflow: hidden;
}

#tab>ul:before {display:block; content:''; width:100%; height:1px; background:#222;}
#tab>ul:after {display:block; content:''; position:absolute; left:0px; top:2px; width:1px; height:100%; background:#ddd; z-index:-1;}
#tab>ul>li {float:left; width:25%; border-width:0px 1px 1px 0px; border-style:solid; border-color:#ddd; word-break:keep-all; word-wrap:break-word;}
#tab>ul>li a {
	display: flex;
	text-align: center;
	height: 48px;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
}
#tab>ul>li.select {background:#222; border-color:#222;}
#tab>ul>li.select a {color:#fff;}
#tab>ul>li:first-child:nth-last-of-type(2), 
#tab>ul>li:first-child:nth-last-of-type(2)~li {width:50%;}
#tab>ul>li:first-child:nth-last-of-type(3), 
#tab>ul>li:first-child:nth-last-of-type(3)~li, #tab.col3>ul>li {width:33.3%;}
#tab>ul>li:first-child:nth-last-of-type(5), 
#tab>ul>li:first-child:nth-last-of-type(5)~li {width:20%;}
#tab>ul>li:first-child:nth-last-of-type(9), 
#tab>ul>li:first-child:nth-last-of-type(9)~li {width:33.33%;}
#stab ul {font-size:0px;}
#stab ul li {display:inline-block; text-align:center; margin:2px 0.2%; padding:5px 20px; min-width:16.2%; border:1px solid #ddd; border-radius:3px; font-size:1.5rem;}
#stab ul li.select a {color:#fff;} 
#stab ul li.long  {padding:5px 0; letter-spacing:-0.05rem;}
#stab ul li.select {background:#3348be; border-color:#3348be; box-shadow:0px 1px 2px rgba(0,0,0,.2);}
#stab ul li.select a {font-weight:700;}

#subTab {}
#subTab ul {
	display: flex;
    width: 100%;
    justify-content: center;
}
#subTab ul li {
	width: calc(90% / 2);
    text-align: center;
    margin-right: -1px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
}
#subTab ul li:first-child {
	border-radius: 1rem 0 0 0;
}
#subTab ul li:last-child {
	border-radius: 0 1rem 0 0;
}
#subTab ul li.active {
    font-weight: bolder;
    color: #3348be;
    border-color: #3348be;
    filter: drop-shadow(0px 0px 6px #bbbfd5);
}
#subTab ul li>a {
	color: inherit;
	width: 100%;
    height: 100%;
    display: block;
    padding: 1rem;
}
/*사전정보공표 탭*/
#info_tab {
	margin-top: 40px;
}
#info_tab .info_tab_list {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1%;
}
.info_tab_list li {
	text-align: center;
	font-size: 1.6rem;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 100%;
    padding: 10px 0;
    cursor: pointer;
}
.info_tab_list.data li {
	width: calc(100%/ 9.5);	
}
	.info_tab_list li:hover {
	background: #f1f2f8;
}

.info_tab_list li.select {
	position: relative;
	color: #fff;
	border-color: #2539ab;
	background: #3348be;
}
.info_tab_list li> a {
	color: inherit;
}

.info_tab_list li.select:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -9px;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-top: 9px solid #3348be;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

#data_control {margin:60px auto; border-top:2px solid #000;}
#data_control .satisfaction {
	padding: 12px 0;
	overflow: hidden;
	display: grid;
    grid-auto-columns: 22% auto 12%;
    align-items: center;
    grid-auto-flow: column;
}
#data_control .satisfaction>p {
	font-weight: 500;
	font-size: 1.5rem;
	text-align: center;
}
#data_control .satisfaction>ul {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
}
#data_control .satisfaction>ul>li input {vertical-align:top;}
#data_control .satisfaction>ul>li label {padding:3px 0 3px 22px; font-size:1.3rem;}
#data_control .satisfaction>ul>li.sogood label {background:url('/main/img/sub/sogood.gif') no-repeat left center;}
#data_control .satisfaction>ul>li.good label {background:url('/main/img/sub/good.gif') no-repeat left center;}
#data_control .satisfaction>ul>li.soso label {background:url('/main/img/sub/soso.gif') no-repeat left center;}
#data_control .satisfaction>ul>li.bad label {background:url('/main/img/sub/bad.gif') no-repeat left center;}
#data_control .satisfaction>ul>li.sobad label {background:url('/main/img/sub/sobad.gif') no-repeat left center;}
#data_control .satisfaction>div {
	text-align: center;
}
#data_control .satisfaction>div .bttn {
	padding: 4px 10px;
	color: #fff;
	border: 0;
	border-radius: 3px;
	background: #506bde;
}
#manager {position:relative; padding:20px; border:1px solid #b5b7bf; border-top-color:#000; background:#f8f8f8;}
#manager dl, #manager dt, #manager dd {display:inline-block; margin-left:5px; font-size:1.4rem; letter-spacing:0;}
#manager dl:nth-child(2) {position:relative; margin-left:20px;}
#manager dl:nth-child(2):before {display:block; content:""; position:absolute; left:-7px; top:5px; width:1px; height:10px; background:#a3a3a3;}
#manager>img {position:absolute; right:-2px; bottom:0;}

.footer {
	padding: 40px 0;
	background: #202020;
}
.footer>.wrap {
	padding: initial;
}
.footer_ttl {display:none;}
.footer .copylogo {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.footer_ban {display:none;}
.footer_bcon {padding-left:330px;}
.footer_etcLink {overflow:hidden;}
.footer_etcLink ul {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer_etcLink li {
	margin-right: 30px;
}

.footer_etcLink a {color:#fff; font-size:1.5rem;}
.address {padding-top:3.5%; margin-top:3.5%; border-top:1px solid rgba(0,0,0,.8);}
.address address {color:#fff; font-size:1.5rem;}
.copyright {margin-top:20px; color:rgba(255,255,255,.5); font-size:1.4rem; letter-spacing:.5px;}

.conpop {min-width:auto !important;}
.conpop_header {position:relative; padding:3% 5%; color:#fff; background:#3348be;}
.conpop_close {position:absolute; right:5%; top:50%; width:35px; height:35px; margin-top:-18px;}
.conpop_close:before, .conpop_close:after {content:''; position:absolute; top:16px; left:2px; width:30px; height:2px; background-color:#fff;}
.conpop_close:before {transform:rotate(-45deg);}
.conpop_close:after {transform:rotate(45deg);}
.conpop #detail_con {padding:5%;}
.conpop_up {display:block; text-align:center; padding:2% 5%; font-size:1.5rem; color:#646464; background:#f4f4f4;}

.quick {display:none !Important;}

/*pc*/
@media all and (min-width:1025px) {

}

@media screen and (max-width:1400px) {
	.container {max-width:1200px !important;}
}

@media screen and (max-width:1160px) {
	/* #info_tab .info_tab_list {
		flex-wrap: wrap;
	} */
	.info_tab_list.data li {
		width: calc(100%/ 5.5);
		margin-bottom: 10px;
		margin-right: 1.4vw;
	}
}

/*mobile*/
@media screen and (max-width:1024px) {	
	.container:before {display:none;}
	.container.wrap {
		gap: initial;
	}
	.visual_name {right:5%; top:-70px;} 
	#lmenu {display:none;}
	
	#contents {
		width: 100%;
		margin-left: initial;
	    padding: 0 3vw;
	}
	#con_tit {text-align:center;}
	h3 {padding:0; font-size:3em;}
	#con_tit .print {display:none;}
	#con_tit #location>ol {display:none;}
	#con_tit ul.shareSns {position:static; text-align:center; padding:10px 0 20px;}
	#info_tab {
		margin-top: 20px;
	}
	#detail_con {padding:30px 0;}
	
	.footer {padding:5%;}
	.footer .copylogo {display:none;}
	.footer_bcon {padding-left:0;}
	.relative_site {margin-left:0; margin-top:20px;}
	.relative_site>a {border:1px solid rgba(255,255,255,.2);}
}
@media screen and (max-width:840px) {
	#info_tab .info_tab_list {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.info_tab_list>li {
		width: calc(100%/4.2);
		margin-bottom: 10px;
	}
	.footer_etcLink li {
		width: 132px;
	}
	
}
@media screen and (max-width:680px) {
	#data_control .satisfaction {
		display: flex;
		flex-direction: column;
	}
	#data_control .satisfaction>ul {
		padding: 15px 10px;
		width:100%;
	}
}

/*mobile*/
@media screen and (max-width:640px) {
	body.sub01, body.sub05 {background-position:center 100px;}
	body.sub02, body.sub07 {background-position:-500px 100px;}
	body.sub03 {background-position:-450px 100px;}
	body.sub04 {background-position:-800px 100px;}
	
	#data_control .satisfaction {position:relative;}
	#data_control .satisfaction>div {
		position: absolute;
		right: 0;
		top: 8px;
		width: 115px;
	}
	#manager {padding:5%;}
	.footer {
		padding-bottom: 50px;
	}
	.footer>.wrap {
		margin: initial;
	}
}

/*mobile-min*/
@media screen and (max-width:480px) {
	body {background-size:auto 200px !important;}
	.container {margin-top:220px;}
	.visual_name {top:-60px;}
	
	#data_control .satisfaction>ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#data_control .satisfaction>ul>li {
		display: flex;
		flex-direction: column;
}

#tab>ul>li a {padding:0 5px; font-size:1.4rem;}
	#tab>ul>li a .gourl {background-position:right 10px center;}
}