@charset "utf-8";

/* sub-page-hedaer */

/* location-wrapper */
.location-wrapper {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#locationList a {
	color: #898989;
}
#locationList > li {
	float: left;
	height: 48px;
	line-height: 48px;
}
#locationList > li > a {
	box-sizing: content-box;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#locationList .ll-home > a {
	display: block;
	position: relative;
	width: 62px;
	height: 48px;
	line-height: 48px;
	text-align:center;
	font-size: 17px;
	color:#666;
}
#locationList .ll-home .icon {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0; left: 0;
	background: url("/web/20240101024727im_/https://www.kpyro.com/sub/img/kr.png") no-repeat 50% 46%;
}
#locationList .ll-current {
	position: relative;
	display: block;
	width: 150px;
	font-size: 17px;
	text-align: left;
}
#locationList .ll-current.ll-gnb {
	width: 140px;
}
#locationList .ll-current > a {
	display: block;
	position: relative;
	margin-left: -1px;
	padding: 0 10px 0 15px;

}
#locationList .ll-gnb a:hover,
#locationList .ll-current.ll-gnb > a {
	color: #606060;
}

#locationList .ll-current.ll-sub > a {
	color: #4778b9;
}
#locationList .ll-sub a:hover {
	color: #4778b9;
}

#locationList .ll-current > a:after{
	content: '';
	width: 5px;
	height: 3px;
	position: absolute;
	top: 22px;
	right: 20px;
	background: url("/web/20240101024727im_/https://www.kpyro.com/sub/img/lnbarrow.gif");
	-webkit-background-size: cover;
	background-size: cover;
}

#locationList .ll-list {
	display: none;
	box-sizing: content-box;
	position: absolute;
	z-index: 900;
	width: 100%;
	margin-left: -1px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.87);
	border: 1px solid #ddd;
	border-left: 0;

}
#locationList .ll-sub-list {

}
#locationList .ll-list:hover{
	/* overflow: visible; */
}
.ll-list > li {
	border-left: 1px solid #ddd;
}
.ll-list li > a {
	display: block;
	padding: 10px 15px;
	line-height: 1.5;
}
/* bi3 */
.bi3,
.bi {
	position: relative;
	height: 48px;
}
.bi3 #locationList,
.bi #locationList {
	position: absolute;
	height: 48px;
}
.bi3 .bi03-cate,
.bi .bi03-cate {
	margin-left: 290px;
	margint-right: 10px;
}
.bi3 .bi03-cate a,
.bi .bi03-cate a {
	float: left;
	width: 16.6%;
	white-space: nowrap;
	margin-left: -1px;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 4px;
	box-sizing: border-box;
	font-size: 1.35em;
	text-align: center;
	line-height: 48px;
	border-right: 1px solid #ddd;
}
.bi3 .bi03-cate a.active,
.bi .bi03-cate a.active {
	color: #4778b9;
	backg round-color: #fafafa;
}
/*- bi3 */

/*-sub-page-hedaer */

/* sub-page-tabs */
.sub-page-tabs {
	padding: 75px 0 0;
	text-align: center;
}

.sp-tabs-box {
	position: relative;
	display: inline-block;
	*display: inline; *zoom:1;
	border-bottom: 2px solid #cccdcf;
}

.sub-page-tabs .sp-tab {
	display: inline-block;
	*display: inline; *zoom:1;
	padding: 0 10px;
	font-size: 1.8em;
	line-height: 2;
	text-align: center;
}
.sub-page-tabs .sp-tab:hover,
.sub-page-tabs .sp-tab.active {
	color: #4678b7;
}

.sub-page-tabs .sp-tab-bar {
	display: none;
	position: absolute;
	z-index: 100;
	width: 0;
	height: 2px;
	bottom:-2px;
	background-color: #4678b7;
}
.sub-page-tabs .tab-bar-active {

}

@media screen and (max-width: 768px) {
	#locationList,
	.bi3 #locationList,
	.bi #locationList {
		position: relative;
		width: auto;
		padding: 0 10px 0;
	}
	#locationList .ll-home {
		position: absolute;
		left: 0px;
		top:0;
	}
	#locationList .ll-current {
		width: 50%;
		font-size: 15px;
	}
	#locationList .ll-current.ll-gnb {
		width: 50%;
	}
	#locationList .ll-current > a {
		padding: 0 15px;
	}
	#locationList .ll-list {
		width: 100%;
	}
	.ll-list li > a {
		padding: 10px 15px;
	}

	.bi3 #locationList {
		position: relative;
	}
	.bi3 .bi03-cate,
	.bi .bi03-cate {
		display: none;
	}

}

@media screen and (max-width: 500px) {
	.sp-tabs3 {
		display: block;
		width: 100%;
	}
	.sub-page-tabs .sp-tabs3 > a {
		display: block;
		float: left;
		width: 19%;
		padding: 0 0.5% 5px;
		line-height: 1.3;
	}
	.sub-page-tabs .sp-tabs3 > a > span {
		display: block;
		width: 100%;
	}
} /* width 500px 이하 */

/*-sub-page-tabs */

/*
     FILE ARCHIVED ON 02:47:27 Jan 01, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:51:54 Mar 12, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.476
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.008
  esindex: 0.01
  cdx.remote: 6.892
  LoadShardBlock: 144.905 (3)
  PetaboxLoader3.datanode: 242.466 (6)
  PetaboxLoader3.resolve: 397.328 (3)
  load_resource: 528.655 (2)
  loaddict: 60.712
*/