@charset "utf-8";

/*230629 소영 추가*/
/* as */
.page_tt {text-align:center;}
.page_tt:after {content:""; display:block; clear:both;}

.page_tt h3{font-size:20px; color:#222;  margin-top:80px}
.page_tt ul {display: inline-block; margin: 0 0 0 0; padding: 0;}
.page_tt ul li {display: inline-block;  margin-bottom:50px; border:1px solid #ddd;   line-height:34px; text-align:center ; border-radius:3px;}
.page_tt ul li:last-child{margin-left:20px}
.page_tt ul li a {font-size:1.06rem; font-weight:400; color:#929292; padding:12px 80px;  display: block}
.page_tt ul li.on a {font-weight:500; color:#212121;  }
.page_tt ul li.on {background-color:#fff; border-color:#212121}

.cs_pagewp {padding:0}
.cs_pagewp .bg_tt {padding:100px 0; margin-top:50px; text-align:center; color:#fff; background:url('./img/asbg_tt.jpeg') no-repeat 0 0; font-size:16px; line-height:160%}
.pgtt_in {border-bottom:1px solid #eee; text-align:center; padding:0 0 25px 0; font-size:28px; color:#000}

.as_innerwp {}
.as_innerwp .as_steptxt {}
.as_innerwp .as_steptxt li{position:relative; border-bottom:1px solid #eee; padding:50px 0; color:#727272; font-size:0.96rem}
.as_innerwp .as_steptxt li:last-child {border-bottom:none}
.as_innerwp .as_steptxt li span {position:absolute; left:0; top:40px; color:#dfdfdf; font-size:2.4rem;}
.as_innerwp .as_steptxt li strong {position:absolute; left:80px; top:53px;  font-size:1.2rem; color:#1b1b1b}
.as_innerwp .as_steptxt li p {display:inline-block; padding-left:220px; line-height:180%}

.as_innerwp .map_center {margin-top:30px;height:1200px; background:url('./img/asmap_bg.jpeg') no-repeat 50% 0%; background-size:728px 1136px; position:relative}
.as_innerwp .map_center {}
.as_innerwp .map_center li{border:1px solid #dfdfdf; width:340px; text-align:center; border-radius:6px; overflow:hidden; position:absolute; padding-bottom:20px; background:#fff; font-size:0.96rem;}
.as_innerwp .map_center li.asmap1 {left:0; top:5px;}
.as_innerwp .map_center li.asmap2 {right:0; top:5px}
.as_innerwp .map_center li.asmap3 {left:0; top:300px;}
.as_innerwp .map_center li.asmap4 {right:0; top:300px}
.as_innerwp .map_center li.asmap5 {left:0; top:610px}
.as_innerwp .map_center li.asmap6 {right:0; top:300px}
.as_innerwp .map_center li.asmap7 {right:0; top:610px}
.as_innerwp .map_center li span {background:#363636; color:#fff; display:block; padding:20px 0; margin-bottom:20px; font-size:1rem}
.as_innerwp .map_center li em {display:block; font-weight:700; font-style:normal}

.as_innerwp .as_check h4 {text-align:center; font-size:30px; color:#212121; font-weight:normal; padding:80px 0}
.as_innerwp .as_check ul {font-size:0;}
.as_innerwp .as_check li{display:inline-block; width:33%; text-align:center;  font-size:0.96rem; padding-top:80px; padding-bottom:20px}
.as_innerwp .as_check li strong {display:block; margin-bottom:30px; font-size:20px; color:#212121}
.as_innerwp .as_check li.asch1 {background:url('./img/checkbg_1.jpeg') no-repeat 50% 0%; background-size:42px 41px;}
.as_innerwp .as_check li.asch2 {background:url('./img/checkbg_2.jpeg') no-repeat 50% 0%; background-size:50px 39px; border-left:1px solid #eee; border-right:1px solid #eee}
.as_innerwp .as_check li.asch3 {background:url('./img/checkbg_3.jpeg') no-repeat 50% 0%; background-size:42px 42px;}

.as_innerwp .as_process {padding-top:50px}
.as_innerwp .as_process h4 {text-align:center; font-size:30px; color:#1b1b1b; font-weight:normal; padding:50px 0}
.as_innerwp .as_process ul {font-size:0; margin-left:-40px}
.as_innerwp .as_process li{display:inline-block; width:50%; font-size:0.96rem; color:#fff; margin-bottom:0px; padding:20px 0; position:relative}
.as_innerwp .as_process li strong {display:block; margin-bottom:20px; font-size:18px; color:#fff}
.as_innerwp .as_process li em {position:absolute; left:40px; top:20px; width:60px; height:60px; line-height:60px; text-align:center; font-size:20px; color:#fff;}

.as_innerwp .as_process li.asps1 em {background:#b20f16}
.as_innerwp .as_process li.asps2 em {background:#222}
.as_innerwp .as_process li.asps3 em {background:#222}
.as_innerwp .as_process li.asps4 em {background:#b20f16}

.as_innerwp .as_process li.asps1 .txt_couo {margin-left:40px; background:#c62229; padding:30px 0 30px 100px}
.as_innerwp .as_process li.asps2 .txt_couo {margin-left:40px; background:#363636; padding:30px 0 30px 100px}
.as_innerwp .as_process li.asps3 .txt_couo {margin-left:40px; background:#363636; padding:30px 0 30px 100px;}
.as_innerwp .as_process li.asps4 .txt_couo {margin-left:40px; background:#c62229; padding:30px 0 30px 100px}

.as_innerwp .ascc_guide {padding-top:50px}
.as_innerwp .ascc_guide h4 {border-bottom:1px solid #eee; font-size:20px; color:#1b1b1b; padding:10px 0}
.as_innerwp .ascc_guide ul {margin-top:20px; margin-left:20px}
.as_innerwp .ascc_guide li {padding:5px 0; font-size:0.96rem; list-style-type: disc;}
.as_innerwp .ascc_guide li:last-child {color:#c52329}

/* 미디어쿼리 */

@media only screen and (max-width:1600px) {
.as_innerwp .map_center li{width:260px;}
.as_innerwp .map_center {height:1050px; background-size:645px 1008px; }
.as_innerwp .map_center li.asmap1 {left:0; top:5px;}
.as_innerwp .map_center li.asmap2 {right:0; top:5px}
.as_innerwp .map_center li.asmap3 {left:0; top:270px;}
.as_innerwp .map_center li.asmap4 {right:0; top:270px}
.as_innerwp .map_center li.asmap5 {left:0; top:550px}
.as_innerwp .map_center li.asmap6 {right:0; top:550px}
.as_innerwp .map_center li.asmap7 {right:0; top:810px}

}





/* A/S */
#as {
	max-width:1200px;
	margin:0 auto;
	padding:0 20px 50px 20px;
	overflow:hidden;
}
#as .service_info {
	font-family:'Noto Sans KR', sans-serif;
	font-size:1.06rem;
	color:#ddd;
	font-weight:400;
	padding:20px;
	background-color:#4b4b4b;
	border:0;
	border-radius:5px;
	text-align:center;
	overflow:hidden;
}
#as .service_map {
	position:relative;
	min-height:800px;
	margin:50px 0;
	background-image:url('./img/map.svg');
	background-size:auto 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#as .service_map span {
	position:absolute;
	cursor:pointer;
	z-index:5;
}
#as .service_map span.seoul {
	top:135px;
	left:50%;
	margin-left:-100px;
}
#as .service_map span.gangwon {
	top:100px;
	left:50%;
	margin-left:100px;
}
#as .service_map span.jungbu {
	top:310px;
	left:50%;
	margin-left:-50px;
}
#as .service_map span.gyeongbuk {
	top:390px;
	left:50%;
	margin-left:90px;
}
#as .service_map span.honam {
	top:485px;
	left:50%;
	margin-left:-120px;
}
#as .service_map span.gyeongnam {
	top:480px;
	left:50%;
	margin-left:150px;
}
#as .service_map span.jeju {
	top:700px;
	left:50%;
	margin-left:-160px;
}
#as .pointer {
	position:relative;
	width:40px;
	height:40px;
	background-color:#d71921;
	border:0;
	border-radius:50%;
	border-bottom-right-radius:0;
	transform:rotate(45deg);
	display:block;
}
#as .pointer:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-color:#fff;
	border-radius:50%;
	transform:scale(0.5);
	box-shadow:3px 2px 5px rgba(0,0,0,0.5);
}
#as .pulse {
	position:absolute;
	left:12px;
	bottom:-12px;
	width:16px;
	height:6px;
	background-color:rgba(255,255,255,0.8);
	border-radius:50%;
	display:block;
	z-index:-1;
}
#as .pulse:before {
	content:'';
	position:absolute;
	top:-3px;
	left:-3px;
	width:calc(100% + 6px);
	height:calc(100% + 6px);
	background-color:transparent;
	border:2px solid rgba(255,255,255,255.8);
	border-radius:50%;
	display:block;
	animation:animate 1.3s linear infinite;
	opacity:0;
	z-index:-2;
}
@keyframes animate
{
	0% {
		transform:scale(1);
		opacity:1;
	}
	100% {
		transform:scale(1.5);
		opacity:0;
	}
}
#as .as_info {
	position:absolute;
	bottom:100%;
	left:50%;
	color:#fff;
	padding:10px 15px;
	background-color:#212121;
	border-radius:5px;
	text-align:left;	
	transform:translateX(-50%);
	transition:all 0.3s ease-in-out;
	opacity:0;
	visibility:hidden;
}
#as .service_map span.seoul .as_info { width:335px; }
#as .service_map span.gangwon .as_info { width:240px; }
#as .service_map span.jungbu .as_info { width:215px; }
#as .service_map span.gyeongbuk .as_info { width:235px; }
#as .service_map span.honam .as_info { width:185px; }
#as .service_map span.gyeongnam .as_info { width:225px; }
#as .service_map span.jeju .as_info { width:155px; }
#as .as_info:after {
	content:'';
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-5px;
	border-width:5px;
	border-style:solid;
	border-color:#212121 transparent transparent transparent;
}
#as .service_map span:hover .as_info {
	bottom:130%;
	opacity:1;
	visibility:visible;
}
#as .as_info h1 {
	font-family:'Noto Sans KR', sans-serif;
	font-size:1.06rem;
	color:#fff;
	font-weight:500;
	padding:0 0 5px 0;
}
#as .as_info p {
	font-family:'Noto Sans KR', sans-serif;
	font-size:0.86rem;
	color:#ccc;
	line-height:1.5rem;
	text-align:justify;
	display:block;
}