@charset "utf-8";

/*230629 소영 추가*/
/* warranty */
.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}

.warranty_ct1 {padding-top:30px}
.warranty_ct1 h5{font-size:1.2rem; color:#222; position:relative;  padding-left:14px}
.warranty_ct1 h5:before {content:''; width:4px; height:18px; background:#000; display:block; position:absolute; left:0; top:5px;}
.warranty_ct1 ul {padding-top:30px; padding-left:14px}
.warranty_ct1 li {padding:4px 0; color:#555; font-size:0.96rem;}
.warranty_ct1 li strong {color:#c62229}

.warranty_ct2 {padding-top:80px}
.warranty_ct2 h5{font-size:1.2rem; color:#222; position:relative;  padding-left:14px}
.warranty_ct2 h5:before {content:''; width:4px; height:18px; background:#000; display:block; position:absolute; left:0; top:5px;}
.warranty_ct2 ul {padding-top:30px; padding-left:10px; font-size:0}
.warranty_ct2 li {padding:0px 0; color:#555; text-align:center; margin-right:50px; display:inline-block; font-size:0.96rem; border:1px solid #c62229; width:200px; height:200px; border-radius:50%}
.warranty_ct2 li strong {color:#c62229; display:block; margin-top:80px; margin-bottom:5px}

.warranty_ct3 {padding-top:80px}
.warranty_ct3 h5{font-size:1.2rem; color:#222; position:relative;  padding-left:14px; margin-bottom:30px}
.warranty_ct3 h5:before {content:''; width:4px; height:18px; background:#000; display:block; position:absolute; left:0; top:5px;}
.warranty_ct3 ul {background:#f7f7f7; padding:70px; font-size:0;}
.warranty_ct3 li {padding:4px 0; color:#555; font-size:0.96rem; margin-bottom:20px}
.warranty_ct3 li strong {color:#333; border-bottom:1px solid #333; display:block; font-size:16px; padding-bottom:5px}

.warranty_ct3 ul ul {padding:15px 0}
.warranty_ct3 ul ul li {list-style-type: disc; margin-left:20px; margin-bottom:0}
.warranty_ct3 ul ul li.list_bu {list-style:none; margin-left:0}









/* 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;
}