@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

article#ctt {font-size:18px;}
.txt666666 {position:relative;font-size:18px;padding-left:59px;line-height:30px;letter-spacing: -1px;display:block;}
.txt666666 p {position:relative;font-size:14px;margin-top:10px;}
.txt666666.sub5_img {padding-left:0px;}
.sub0201_img {
	position:absolute;
	display:inline-block;
	top:0px;
	right:0px;
}
.sub1, .sub2 {
	height:325px;
	background:#f6f6f6;
}
.titdiv::before {
	content: '';
    display: inline-block;
    width: 58px;
    height: 3px;
    background: #0690ed;
    vertical-align: super;
	margin-right:22px;
}
.s_tit01 {font-size:20px;}
.s_tit02 {color:#fd0404;}
.s_tit04 {
	font-size:24px;
	padding-top:49px;
	padding-bottom:35px;
	display: inline-block;
}

table.btn {
	margin-top:139px;
}

.border-table {
	width:100%;
	max-width:978px;
	border-collapse:collapse;
	border:1px solid #c8c8c8;
}
.border-table td {
	vertical-align: middle;
	color:#676666;
	font-size:17px;
	font-weight:300;
}
.border-table td strong {
	font-size:20px;
	color:#000;
}
.border-table th,.border-table td {
	border:1px solid #c8c8c8;
}

.sub0101 {
	
}
.sub0101 ul {
	
}
.sub0101 ul li {
	width: 63.5%;
    display: inline-block;
    vertical-align: top;
	font-size:18px;
	color:#3d3d3d;
}
.sub0101 ul li:nth-child(2) {
	width: 36%;
	text-align:right;
	display:none;
}
.sub0101 ul li h2 {font-size:34px;line-height:40px;}
.sub0101 ul li h2 strong {color:#0690ed;}
.sub0101 ul li span {font-size:30px;color:#d0cece;font-weight:bold;}

.sub0104 {height:100%;margin-left: 104px;}
.sub0104 ul {display:inline-block;vertical-align: top;}
.sub0104 ul:nth-child(1) {width:282px;background-color:#f7f9fa;padding: 110px 0px 0px 65px;height: 1150px;}
.sub0104 ul:nth-child(2) {width: calc( 100% - 282px );position:relative;}
.sub0104 > ul:nth-child(2)::before {
	content:'';
	position:absolute;
	top: 10px;
    left: 60px;
	width:1px;
	height:1130px;
	background:#dbdbdb;
}
.sub0104 ul li {display:block;letter-spacing: -0.5px;}
.sub0104 ul li h2, .sub0104 ul li span {display:inline-block;}
.sub0104 ul:nth-child(1) li {font-size:60px;font-weight: 900;line-height: 85px;}
.sub0104 ul:nth-child(2) li {font-size:16px;}
.sub0104 ul:nth-child(2) li h2.on {color:#0690ed;}
.sub0104 ul:nth-child(2) li h2 {margin-left:85px;font-size:28px;position:relative;}
.sub0104 ul:nth-child(2) li h2::before {
	content: url(/img/dot_img.png);
    position: absolute;
    top: -2px;
    left: -31px;
}
.sub0104 ul:nth-child(2) li h2.on::before {
	content: url(/img/dot_img2.png);
}
.sub0104 ul:nth-child(2) li span {margin:0 27px;font-size:16px;}
.sub0104 ul:nth-child(2) > li > div {margin-bottom:60px;}

.sub0106 {}
.sub0106 > ul {width:57.5%;display:inline-block;vertical-align: top;}
.sub0106 > ul.map{width:36.5%}
.sub0106 > ul > li {display:inline-block;}
.sub0106 > ul.list > li ul {
	display:inline-block;vertical-align: top;
}
.sub0106 > ul.list > li > div > ul:nth-child(2) {width: 420px;}
.sub0106 > ul.list > li > div {
	margin-bottom:15px;
}
.sub0106 > ul.list > li > div > ul:nth-child(2) > li {padding:21px 30px;;}
.sub0106 > ul.list > li ul > li:nth-child(1) {
	background:#0690ed;color:#fff;
}
.sub0106 > ul.list > li ul > li:nth-child(2) {
	background:#dbdbdb;
	font-size:0.9em;
	letter-spacing: -0.5px;
}
.sub0106 > ul.list > li ul > li:nth-child(3) {
	background:#fff;
	border-bottom:1px solid #dbdbdb;
	color:#979797;
	font-size:0.75em;
	height: 100%;
    line-height: 1;
}
#ctt_con .sub0106 > ul.list > li:nth-child(1) img {
	width:100%;
	max-width:285px;
	height:auto;
}
.sub0106 > ul.map li {position:relative;}
.sub0106 > ul.map li div.area {
	position: absolute;
    width: 15px;
    height: 15px;
    background: #0690ed;
    border-radius: 50%;
}
@keyframes blink-effect {
	50% {
		opacity: 0;
	}
}
.sub0106 > ul.map li div.area.over {
	background:#ff3737;
	animation: blink-effect 1s step-end infinite;
}
.sub0106 > ul.map li div.area.a1 {
	top: 58%;
    left: 61%;
}
.sub0106 > ul.map li div.area.a2 {
	top: 48%;
    left: 56.5%;
}
.sub0106 > ul.map li div.area.a3 {
	top: 49%;
    left: 73.5%;
}
.sub0106 > ul.map li div.area.a4 {
	top: 52%;
    left: 51.5%;
}
.sub0106 > ul.map li div.area.a5 {
	top: 37%;
    left: 64.5%;
}

@media all and (max-width:1150px){
	#ctt_con .sub0106 > ul.list > li:nth-child(1) img {max-width:100%;}
	#ctt_con > div > ul.map {width:100%;}
	#ctt_con {text-align:center;}
	#ctt_con > div > ul.list{width:100%;}
}

@media all and (max-width:640px){
	#ctt_con {text-align:left;}
	#ctt_con table:nth-child(2) {display:none;}
	.border-table td {
		font-size:1em;
	}
	.border-table td strong {
		font-size:1em;
	}

	section.sub {
		margin: 50px auto 50px auto;
	}
	.txt666666 {
		position: relative;
		font-size: 14px;
		padding: 0px 10px;
		line-height: 30px;
		letter-spacing: -0.5px;
		margin: 0px !important;
	}
	.sub1 {
		height: 670px;
		background: #f6f6f6;
	}
	.sub2 {
		height: 780px;
		background: #f6f6f6;
	}
	.sub1 br, .sub2 br {display: contents;}
	br.m_none {display: contents;}

	.sub0201_img {
		top: unset;
		right: unset;
		left: 0px;
		bottom:0px;
		width:100%;
	}
	.titdiv::before {
		width: 25px;
		margin-right: 10px;
	}
	.s_tit02 {
		display: block;
	}
	.s_tit04 {
		font-size: 1.5em;
		padding-top: 35px;
		padding-bottom: 25px;
	}
	.s_tit04.small {
		font-size: 1.1em;
	    letter-spacing: -1.5px;
	}
	table.btn {
		margin-top:90px;
	}
	table.btn td a {
		display: inline-block;
		width: 45%;
	}

	.sub0101 ul li:nth-child(1) {
		width:100%;
		font-size:14px;
	}
	.sub0101 ul li:nth-child(2) {
		display:none;
	}
	.sub0101 ul li h2 {font-size:1.5em;line-height:31px;}
	.sub0101 ul li span {font-size:20px;color:#d0cece;font-weight:bold;}

	.sub0104 {
		margin-left: 0px;
	}
	.sub0104 ul:nth-child(1) {
		width: 100%;
		background-color: #f7f9fa;
		padding: 20px 0px;
		height: unset;
		text-align:center;
	}
	.sub0104 > ul:nth-child(2) {margin-top:20px;}
	.sub0104 ul:nth-child(2) {
		width: 100%;
		position: relative;
	}
	.sub0104 ul:nth-child(1) li {font-size:2em;font-weight: 900;line-height: 31px;display:inline-block;}
	.sub0104 ul:nth-child(2) li {
		font-size: 0.85em;
	}
	.sub0104 ul:nth-child(2) li span {
		margin: 0 5px 0 0;
		font-size: 0.85em;
	}
	.sub0104 ul:nth-child(2) li h2 {
		margin-left: 0px;
		position: relative;
	}
	.sub0104 > ul:nth-child(2)::before {
		width:0px;
	}
	.sub0104 ul:nth-child(2) li h2::before, .sub0104 ul:nth-child(2) li h2.on::before {
		content: ' ';
	}

	.sub0106 > ul > li {
		width: 100%;
	}
	.sub0106 > ul.list > li > div > ul:nth-child(2) {
		width: 100%;
	}
	.sub0106 > ul.map > li {
		margin-bottom:30px;
	}
	.sub0106 > ul.map li div.area {
		width: 10px;
		height: 10px;
	}
	article#ctt {
		padding: 0px;
		font-size: 14px;
	}
}