@charset "utf-8";

/* 서브페이지 상단 및 공용 시작 */
.subgn {
	background: url(../img/subg.png) no-repeat center;
	background-size: cover;
}

.subconBox {
	background: #FFF;
	padding: 0;
	box-sizing: border-box;
}

.subreporttitle {
	text-align: center;
	padding: 40px 0 70px;
	font-size: 34px;
	line-height: 160%;
	font-weight: 500;
}

.subreporttitle span {
	display: block;
	width: 35px;
	height: 1px;
	background: #000;
	margin: 0 auto
}

.subg {
	padding-top: 80px;
	height: 200px;
	color:#000;
	font-size: 32px;
	text-align: center;
		background-size: cover;
	box-sizing: border-box;
}

.subg h2 {
	font-size: 40px;
	font-weight: 700;
	color: #282828;
}

.subg .line {
	display: inline-block;
	width: 40px;
	height: 1px;
	background:rgba(0,0,0,0.6);
	position: relative;
	top: -30px;
}

.subconBox {
	background: #FFF;
	padding: 0;
	box-sizing: border-box;
}

.subreporttitle {
	text-align: center;
	padding: 40px 0 70px;
	font-size: 34px;
	line-height: 160%;
	font-weight: 500;
}

.subreporttitle span {
	display: block;
	width: 35px;
	height: 1px;
	background: #000;
	margin: 0 auto
}

.subcontent .subnav {
	z-index: 9999;
	height: 60px;
	border-bottom: 1px solid #e6e9ec;
	box-sizing: border-box;
	line-height: 60px;
}

.subcontent .subnav .subnav-in { width:70%;
	float: left;
	height: 50px;
	
	position: relative;
    z-index: 0;
}

.subcontent .subnav .sns {
	float: right;
	line-height: 50px;
}

.subcontent .subnav .sns .snshidden {
	display: none;
}

.subcontent .subnav .sns .snshidden span {
	padding-left: 5px;
}

.subcontent .subnav .sns>div {
	float: left;
	cursor: pointer;
}

.subcontent .subnav .sns .printico {
	margin-left: 20px;
}

.subcontent .subnav .sns .snsico {
	margin-left: 10px;
}

.subcontent .subnav .subnav-in .subhome {
	float: left;
	width: 55px;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	cursor: pointer;
}

.printw {
	overflow: hidden;
	float: right;
	line-height: 50px;
}

.printw a.addthis_button_url {
	display: inline-block;
	padding-left: 29px;
	width: 82px;
	height: 34px;
	vertical-align: middle;
	margin-right: 1px;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	margin-right: 7px;
	box-sizing: border-box;
	line-height: 34px;
	color: #8a8a8a;
	font-size: 12px;
}

.printw a.addthis_button_url:last-child {
	margin-right: 0;
}

.printw a.btn-b2 {
	background: url(../img/check.png) no-repeat 10px center;
}

.printw a.btn-b3 {
	background: url(../img/print.png) no-repeat 10px center;
}

.hiddenover {
	overflow: hidden;
	float: left;
	margin-right: 8px;
	display: none;
}

.hiddenoverw {
	overflow: hidden;
	float: right;
	margin-right: 8px;
	line-height: 50px;
}

.hiddenoverw .btn-b1 {
	display: block;
}

.hiddenover a.addthis_sns_url {
	display: inline-block;
	text-align: center;
	width: 37px;
	height: 36px;
	vertical-align: middle;
	margin-right: 1px;
}

.hiddenover a.btn-sns1 {
	background: #fff url(../img/nsns01.png) no-repeat 0 0;
}

.hiddenover a.btn-sns2 {
	background: #fff url(../img/nsns02.png) no-repeat 0 0;
}

.hiddenover a.btn-sns3 {
	background: #fff url(../img/nsns03.png) no-repeat 0 0;
}

.hiddenover a.btn-sns4 {
	background: #fff url(../img/nsns04.png) no-repeat 0 0;
}

.hiddenoverw a.btn-b1 {
	background: url(../img/url.png) no-repeat 10px center;
	display: inline-block;
	vertical-align: middle;
	width: 82px;
	height: 34px;
	vertical-align: middle;
	margin-right: 1px;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	line-height: 34px;
	color: #8a8a8a;
	font-size: 12px;
	padding-left: 35px;
}

.subcontent .navbar-fixed-top {
	border-bottom: none !important;
}

.subcontent .navbar-fixed-top .subnav-in .subhome {
	border-left: 1px solid #a65ad0 !important;
}

.qaright {
	position: fixed;
	top: 540px;
	width: 134px;
	left: 50%;
	margin-left: 730px;
}

.qaright dl {
	display: block;
	color: #363636;
	background-color: #f8f9fd;
	border: 1px solid #d6d7db;
}

.qaright dl dt {
	display: block;
	text-align: center;
	line-height: 38px;
	color: #494949;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #d6d7db;
	font-family: 'Futura-Medium';
	font-weight: 700;
}

.qaright dl dd {
	padding: 10px 5px;
}

.qaright dl dd a {
	display: inline-block;
	margin: 1px 0;
	padding: 0 6px;
	line-height: 20px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d8d8d8;
}

.qaright dl dd a:hover {
	color: #ea4a3d;
	border: 1px solid #ea8d8c;
}


/* 서브페이지 좌측메뉴 정렬 끝 */

/*탭메뉴*/
.tabm .subtabmenu ul {
	position: relative;
}

.tabm .subtabmenu .tab_content {
	position: relative;
	padding-top: 70px;
	display: none;
}

.tabm .subtabmenu .tab_container:before {
	position: absolute;
	width: 1180px;
	left: 50%;
	margin-left: -590px;
	height: 2px;
	content: '';
	background: #000;
	top: 48px;
	z-index: 2;
}

.tab_tit {
	border-bottom: none;
	box-sizing: border-box;
	width: 296px;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	text-align: center;
	font-weight: 500;
	z-index: 2;
	border: 1px solid #d9d9d9;
	background: #fff;
	font-size: 19px;
	position: absolute;
	top: 0;
}

.tablist .tab_tit.activeon, .tablist .tab_tit.activeon2 {
	border: 2px solid #333;
	border-bottom: none;
	z-index: 3;
	color: #252525;
}

.tablist:nth-child(1) .tab_tit {
	left: 50%;
	margin-left: -590px;
}

.tablist:nth-child(2) .tab_tit {
	left: 50%;
	margin-left: -295px;
}

.tablist:nth-child(3) .tab_tit {
	left: 50%;
	margin-left: 0;
}

.tablist:nth-child(4) .tab_tit {
	left: 50%;
	margin-left: 295px;
}

#tab1 {
	display: block;
}

@media only all and (max-width:1200px) {
	.tab_tit {
		width: 25%;
	}
	.tablist:nth-child(1) .tab_tit {
		margin-left: -50%;
	}
	.tablist:nth-child(2) .tab_tit {
		margin-left: -25%;
	}
	.tablist:nth-child(3) .tab_tit {
		margin-left: 0;
	}
	.tablist:nth-child(4) .tab_tit {
		margin-left: 25%;
	}
	.tabm .subtabmenu .tab_container:before {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}

@media only all and (max-width:760px) {
	.subcontent .subnav {
		display: none;
	}
}

/*3차메뉴*/
.third-menu {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.third-menu ul li {
	display: inline-block;
}

.third-menu ul li a {
	display: inline-block;
	border: 1px solid #cbcbcb;
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	color: #656565;
	font-weight: 500;
	font-size: 18px;
}

.third-menu ul li.lnbActive a, .third-menu ul li a:hover {
	background: #e74e0f;
	color: rgba(255, 255, 255, 1);
	border: 1px solid #e74e0f;
	-webkit-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}

/*4차메뉴*/
.fourth-menu {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}

.fourth-menu ul {
	display: inline-block;
}

.fourth-menu ul li {
	float: left;
	margin-bottom: -1px;
}

.fourth-menu ul li a {
	margin-right: 2px;
	box-sizing: border-box;
	width: 296px;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	text-align: center;
	font-weight: 500;
	border: 1px solid #d9d9d9;
	background: #fff;
	font-size: 19px;
	border-bottom: 2px solid #333;
}

.fourth-menu ul li.lnbActive a {
	border: 2px solid #333;
	border-bottom-color: transparent;
	z-index: 3;
	color: #252525;
}

@media only all and (max-width:1024px) {
	.basic-table {
		overflow-x: scroll;
	}
	.basic-table th {
		line-height: inherit !important;
		padding: 5px !important;
		height: auto !important;
		font-size: 14px !important;
	}
	.basic-table tbody th {
		font-size: 12px !important;
	}
	.basic-table td {
		padding: 3px !important;
		height: auto !important;
		font-size: 12px !important;
	}
	.basic-table td span, .basic-table th span {
		padding: 0;
	}
	.basic-table td.tleft_h1 {
		padding-left: 16px !important;
		text-indent: -9px !important;
	}
}
/* 서브페이지 상단 및 공용 끝 */
.password_wrapper {
	width: 100%;
	text-align: center;
}

.password_wrapper .msg {
	margin: 40px auto 30px;
	font-weight: 700;
	font-size: 18px;
}

.password_wrapper fieldset {
	margin: 0 auto;
	padding: 20px;
	width: 40%;
	min-width: 450px;
	border: 1px solid #ccc;
}

.password_wrapper fieldset input[type="password"] {
	padding: 0;
}

.password_wrapper fieldset input[type="submit"] {
	cursor: pointer;
}

.giganbg{background:url("../img/sub/giganbg.jpg") center ;height:570px;background-size: cover;text-align: center;color: #fff;padding-top: 195px;box-sizing: border-box; margin-bottom: 80px}
.gigt{font-size: 33px; font-weight: 600; padding-bottom: 35px}
.gigst{font-size: 20px;font-weight: 500;line-height: 180%;}

.gignt{text-align: center; font-size: 30px; font-weight: 600; padding-bottom: 40px}
.gignts{line-height: 200%; font-size: 19px; color: #282828; text-align: center}
.gigantw{padding-bottom: 100px}
.gigantcmw{text-align: center}
.gignts{padding-top: 30px}
.gigimg{padding-bottom: 100px}
.orgimg{ text-align: center; padding-bottom: 100px; position: relative;
    margin-left: 340px;}
.orgDiv{width: 1100px; margin: 0 auto}
.infobg{background:url("../img/sub/infoc_bg.jpg") center ;height:570px;background-size: cover;}
.infow{padding: 65px 0; border-bottom: 1px solid #e8e8e8;  overflow: hidden}
.infoleft{float: left; width: 410px; font-size: 36px; color: #0e0e0e; font-weight: 700; letter-spacing: -1px}
.inforight{float: left;; width: calc(100% - 410px)}
.infotimew{display: flex; margin-bottom: 60px;}
.infotimebox:nth-child(1){ flex:1}
.infotimebox{flex:1; border-right: 1px solid rgba(213,213,213,1.00); text-align: center}
.infotimebox:last-child{border: none}
.tim1{padding-bottom: 15px}
.tim2{padding-bottom: 15px; font-size: 20px; font-weight: 700}
.tim3{font-size: 17px; }
.infolist, .infolistc{color: #595959}
.infochkw{overflow: hidden; display: flex; display: table;}

.infochkbox-in{border: 1px solid #ccc; width: 150px; height: 150px; border-radius: 50%; text-align: center}
.steptit{font-size: 14px; color: #282828; padding-top: 31px;}
.steptit:after{width: 50px; height: 1px; background: rgba(213,213,213,1.00); content: ''; display: block; margin: 10px auto}
.stepstit{font-weight: 500; font-size: 18px; line-height: 120%}
.infochkarr{display: table-cell; vertical-align: top;     padding: 60px  15px 0}
.infochkbox-in.on{background: #ea4862; color: #fff}
.infochkbox-in.on .steptit{color: #fff}
.infochkbox-in.on{border:1px solid #ea4862}
/*.infow:nth-child(3) .infochkarr, .infow:nth-child(4) .infochkarr{padding: 60px}*/
.infow:nth-child(4) span{font-size:70%;}
.infow:nth-child(4) .infolistc{margin:30px 0 0 0;padding:20px 0 0 10px;border-top:1px solid #d9d9d9;}
.infow:nth-child(4) strong{display:block;margin-bottom:5px;font-size:110%;}
.infow:nth-child(4) strong:nth-child(6){margin-top:20px;}
.infocation{padding-top: 20px; text-align: center; color: #5f5f5f; font-size: 15px; }
.infocation:nth-child(2){padding-bottom: 40px}
.infocations{padding-top:20px;text-align:left;color:#5f5f5f;font-size:15px;}

.spaceboxw{overflow: hidden}
.spacew{background: #f7f7f7;border-top: 1px solid #e6e9ec;border-bottom: 1px solid #e6e9ec; padding: 75px 0; margin-bottom: 60px; overflow: hidden}
.spacew .si44{text-align:center;}
.spacew p{display:inline-block;margin:0 auto;padding: 0 10px;}
.spacew p span{display: block; text-align: center; color: #555555; font-size: 20px; padding-top: 30px}
.spacetit{text-align: center; font-size: 40px; color: #232323; font-weight:700; padding-bottom: 70px}
.spacebox{width: 600px; float: left; margin-right: 150px;  border-bottom: 1px solid #ececec; position: relative; margin-bottom: 60px}
.spacebox .spafc{position: absolute; bottom: 0; width:60px; height: 1px; background: rgba(119,119,119,1.00); left: 50%; margin-left: -30px }
.spacebox:nth-child(2n+1){margin-right: 0}
.spatit {font-size: 34px; color: #232323; font-weight: 600}
.spaline{width: 65px; height: 1px; background: rgba(33,33,33,0.5); margin-bottom: 30px; margin-top: 10px}
.spatit span{padding-bottom:5px;border-bottom:1px solid #909090;}
.spaimg img{margin-top:30px;}
.spabox{background: #f9f9f9; border: 1px solid #ececec; box-sizing: border-box; padding: 20px;height: 120px; color: #636363; font-size: 16px; margin-bottom: 20px}
#daumRoughmapContainer1633582628512{width: 100% !important}

.maptxt{padding: 40px 25px; box-sizing: border-box; border-bottom: 1px solid rgba(201,201,201,1.00)}
.maptxt p{display: inline; font-size: 18px; color: #393939; padding: 0 20px}
.maptit{font-weight: 700; padding: 0 10px}
.mapload{padding: 60px 0 0 80px;}
.maploadbox{overflow: hidden; margin-bottom: 60px}
.mapimg{float: left; width: 110px}
.mapctxt{float: left; width: calc(100% - 110px)}
.mapct{font-size: 17px; color: #eb3c57; padding-bottom: 15px; font-weight: 600}
.mapcst{ color: #393939; line-height: 200%}
.mapcst p{padding-bottom: 30px}

@media only all and (max-width:1400px) {
.spacew p{    width: 47%;    float: left;    margin: 0 1%;    padding: 0;}
.spacew p img{width: 100%}
.spacebox{width: 49%; margin-right: 2%}
.spaimg img{width: 100%}
}

@media only all and (max-width:1150px) {
.orgDiv{width: 100%}
.orgimg{margin-left: 0; padding: 20px}
.infow{padding: 20px 0}
.infoleft{width: 100%;     font-size: 30px;    padding-bottom: 20px;}
.inforight{width: 100%}
.infoleft p{display: inline}
.infochkarr{padding: 0}
.infow:nth-child(3) .infochkarr, .infow:nth-child(4) .infochkarr{padding: 0}
}

@media only all and (max-width:760px) {
.gignts p{display:inline}
.giganbg{ padding-top: 80px; padding-bottom: 50px; height: auto; padding-left: 10px; padding-right: 10px}
.gigt{font-size: 26px; padding-bottom: 10px;}
.gigst{line-height: 110%; font-weight: 400;}
.gigst p{display:inline; font-size: 14px}
.gignts{line-height: 160%;  font-size: 16px}
.gignt{padding-bottom: 0px}
.gigimg{padding-bottom: 10px}
.gigantw{padding-bottom: 50px}

.infobg{height: 300px}
.infoleft{font-size: 24px}
.infochkbox-in{width: 120px; height: 120px}
.infochkw{display: block; text-align: center}
.infochkw > div{display: inline-table;}
.infochkarr{line-height: 120px; padding: 0 10px}
.infochkbox{margin-bottom: 10px}
.steptit{padding-top: 20px}
.infocation{font-size: 13px}
.infocation:nth-child(2){padding-bottom: 0}
.infolistc{font-size: 14px; padding-left: 10px}
.spacetit{font-size: 30px; padding-bottom: 30px;}
.spatit{font-size: 24px; padding-bottom: 20px;}
.spabox{height: auto; font-size: 14px; min-height: 85px;}
.spaceboxw:nth-child(1) .spabox{height: 150px}
.spaceboxw:nth-child(1) .spacebox:last-child .spabox{height: auto}
.spacew{padding: 20px 0}
.maptxt{ padding: 20px 0}
.maptxt p{display: inline-block;     padding: 0;}
.mapload{padding: 20px}
#daumRoughmapContainer1631956372794{height: 300px !important; z-index: 0;}
.search select{width: 25% !important}
}

@media only all and (max-width:540px) {
.infobg{height: 200px}
.tim3{font-size: 14px}
.tim2{font-size: 18px}
.infoleft{font-size: 20px}
.stepstit{font-size: 15px}
.infocation{padding-top: 0}
.infolistc{font-size: 12px}
.spacetit{font-size: 25px}
.spatit{font-size: 20px; padding-bottom: 0;}
.spacebox{width: 100%; margin-right: 0; margin-bottom: 30px;}
.spaceboxw:nth-child(1) .spabox{height: auto}
.maptxt p{font-size: 16px;     display: block;    letter-spacing: 0;}
.maptit{padding: 0; display: block; float: left; width:60px}
.mapstit{float: left; width: calc(100% - 60px)}
.maptxt{overflow: hidden}
.maploadbox{margin-bottom: 30px}
.mapimg{float: none; text-align: center;  width: 100%}
.mapctxt{float: none; width: 100%}
.mapct{text-align: center}
.gigt{font-size: 22px}
.gigst{font-size: 17px}
.gignt{font-size: 24px}
.giganbg{margin-bottom: 40px}
.gignts{font-size: 15px}
.basic-table th{font-size: 12px !important; padding: 5px 0px !important;}
.spabox{min-height: auto}
.mapload{padding: 10px}
.mapcst{line-height: 150%; font-size: 14.5px}
.subg h2{font-size: 24px !important}
}