@charset "utf-8";
@import url('font/AritaFont.css');

body,input,textarea,select,button,table{font-family:aritadsb,'아리따돋움', aritadm,sans-serif;font-size:12px;}

.visual_search {
	position: relative;
}

.visual {
	background-image: url(../main_img/visual-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 95px 10px 300px 10px;
}

.visual .text {
	text-align: center;
	text-shadow: 0px 2px 4px #000;
}

.visual .text .title {
	font-size: 28px;
	color: #ffffff;
	margin-bottom: 10px;
}

.visual .text .info {
	font-size: 16px;
	color: #ffffff;
}

.service_search {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 80px;
	text-align: center;
}

.service_search .box {
	background-color: rgba(255, 255, 255, 0.83);
	max-width: 650px;
	padding: 15px 20px;
	border: 3px solid #fff;
	margin: 0 auto;
}

.service_search .box .title {
	font-size: 15px;
	margin-bottom: 20px;
}


.terms_box {
	display: flex;
}

.terms_box-l,
.terms_box-r {
	width: 50%;
}

.terms_box-l ul li {
	text-align: center;
	padding: 0 12px 0 0;
}

.terms_box-l ul li span {
	display: block;
	background: #5485d2;
	color: #fff;
	padding: 8px;
	border-radius: 4px;
	margin-bottom: 10px;
	font-size: 13px;
}

.terms_box-r ul li {
	margin-bottom: 5px;
}

.service_search .terms_list {}

.service_search .terms_list ul {
	overflow: hidden;
	margin-bottom: 10px;
}

/* .service_search .terms_list ul li { display: inline-block; width:40%; margin:0.5%; margin-left: 50%; } */
.service_search .terms_list ul li .caption {
	position: relative;
	font-size: 8px;
	color: #797979;
	text-align: left;
	margin-bottom: 4px;
}

.service_search .terms_list ul li .caption span {
	position: absolute;
	right: 0px;
}

.service_search .terms_list ul li .speed ul {}

.service_search .terms_list ul li .speed ul li {
	float: left;
	width: 10px;
	margin-right: 1px;
}

.service_search .terms_list ul li .speed ul li a {
	display: block;
	background-color: #ffffff;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
}

.service_search .terms_list ul li .speed ul li a.curr {
	background-color: #5485d2;
}

.service_search .terms_list .option {
	position: relative;
	background-color: #fff;
	width: 100%;
	height: 23px;
	border: 1px solid #c2c2c2;
	background: #fff url(../img/selectbox_arrow.gif) no-repeat center right;
}

.service_search .terms_list .option select {
	width: 100%;
	height: 22px;
	min-height: 22px;
	line-height: 22px;
	padding: 0 10px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.service_search .terms_list .option label {
	position: absolute;
	font-size: 11px;
	color: #797979;
	height: 22px;
	line-height: 22px;
	text-align: center;
	padding: 0 8px;
	margin-right: 0px !important;
}

.service_search .terms_list #star {
	font-size: 0px;
}

.service_search .terms_list #star img {
	margin: 0 1px;
}

.service_search .terms_list .button a {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 10px center;
	max-width: 130px;
	width: 45%;
	line-height: 35px;
	height: 35px;
	margin: 0 3px;
}

.service_search .terms_list .button a.cart_btn {
	background-color: #5485d2;
	background-image: url(../main_img/cart-icon.png);
	color: #ffffff;
	/* margin-left: 50%; */
}

.service_search .terms_list .button a.buy_btn {
	background-color: #1b2936;
	background-image: url(../main_img/buy-icon.png);
	color: #ffffff;
}

.package_service {
	padding: 20px 0;
}

.package_service .title {
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}

.package_service .info {
	font-size: 12px;
	color: #717171;
	text-align: center;
	margin-bottom: 10px;
}

.package_service .line {
	position: relative;
	height: 20px;
	margin-bottom: 20px;
}

.package_service .line:after {
	position: absolute;
	display: block;
	content: '';
	background-color: #000000;
	width: 100%;
	height: 1px;
	top: 10px;
}

.package_service .line .text {
	position: absolute;
	background-color: #ffffff;
	font-size: 12px;
	line-height: 20px;
	padding: 0 10px;
	margin-left: 65px;
	z-index: 2;
}

.package_service .package_list {}


.package_service .package_tab {
	zoom: 1;
	float: left;
	width: 48%;
	margin-right: 4%;
}

.package_service .package_tab:after {
	display: block;
	content: "";
	clear: both;
}

.package_service .package_tab li {
	width: 100%;
}

.package_service .package_tab li.curr {}

.package_service .package_tab li.curr a {
	background-color: #5485d2;
}

.package_service .package_tab li a {
	display: block;
	position: relative;
	background-color: #b0b0b0;
	padding: 7px 10px;
	height: 75px;
	color: #747474;
	overflow: hidden;
}

.package_service .package_tab li a .text {
	position: absolute;
	top: 10px;
	font-size: 12px;
	color: #ffffff;
	padding-left: 80px;
	padding-right: 10px;
}

.package_service .package_tab li a .text .subject {
	font-weight: bold;
	margin-bottom: 5px;
}

.package_service .package_tab li a .text .cont {
	line-height: 16px
}


.package_service .package_tab_new {
	zoom: 1;
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 10px;
}

.package_service .package_tab_new:after {
	display: block;
	content: "";
	clear: both;
}

.package_service .package_tab_new li {
	width: 100%;
}

.package_service .package_tab_new li.curr {}

.package_service .package_tab_new li.curr a {
	background-color: #5485d2;
}

.package_service .package_tab_new li a {
	display: block;
	position: relative;
	background-color: #b0b0b0;
	padding: 7px 10px;
	height: 75px;
	color: #747474;
	overflow: hidden;
}

.package_service .package_tab_new li a .text {
	position: absolute;
	top: 10px;
	font-size: 12px;
	color: #ffffff;
	padding-left: 80px;
	padding-right: 10px;
}

.package_service .package_tab_new li a .text .subject {
	font-weight: bold;
	margin-bottom: 5px;
}

.package_service .package_tab_new li a .text .cont {
	line-height: 16px
}


.package_service .package_cont {
	float: left;
	width: 48%;
}

.package_service .package_cont ul {
	display: none;
}

.package_service .package_cont ul.view {
	display: block;
}

.package_service .package_cont ul li .img {
	height: 135px;
	overflow: hidden;
}

.package_service .package_cont ul li .img img {}

.package_service .package_cont ul li .text {
	background-color: #b0b0b0;
	position: relative;
	color: #ffffff;
	padding: 10px;
	height: 90px;
}

.package_service .package_cont ul li .text .subject {
	margin-bottom: 5px;
}

.package_service .package_cont ul li .text .cont {
	line-height: 16px;
}

.package_service .package_cont ul li .text .price {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.package_service .package_cont ul li .text .price span.sale {
	color: #ff0000;
}


.package_service .package_cont_new {
	float: left;
	width: 48%;
	margin-bottom: 10px;
}

.package_service .package_cont_new ul {
	display: none;
}

.package_service .package_cont_new ul.view {
	display: block;
}

.package_service .package_cont_new ul li .img {
	height: 135px;
	overflow: hidden;
}

.package_service .package_cont_new ul li .img img {}

.package_service .package_cont_new ul li .text {
	background-color: #b0b0b0;
	position: relative;
	color: #ffffff;
	padding: 10px;
	height: 90px;
}

.package_service .package_cont_new ul li .text .subject {
	margin-bottom: 5px;
}

.package_service .package_cont_new ul li .text .cont {
	line-height: 16px;
}

.package_service .package_cont_new ul li .text .price {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.package_service .package_cont_new ul li .text .price span.sale {
	color: #ff0000;
}

@media only screen and (max-width:768px) {

	.visual {
		padding: 30px 0px;
	}

	.visual .text .title {
		font-size: 18px;
	}

	.service_search {
		position: relative;
		bottom: 0px;
	}

	.service_search .box {
		background-color: #f6f7f8;
		padding: 15px 10px;
		border: 0px;
	}

	.service_search .terms_list ul li {
		width: 80%;
		margin: 2%;
		margin-left: 10%;
	}

	.service_search .terms_list .button a {
		max-width: 100px;
		padding-left: 15px;
	}

	.package_service .package_tab {
		width: 100%;
		margin-right: 0px;
		margin-top: 50px;
		margin-bottom: -40px;
		padding: 0px 15px;
	}

	.package_service .package_cont {
		width: 100%;
		margin: 0%;
		padding: 0px 15px;
	}

	.package_service .package_tab_new {
		width: 100%;
		margin-right: 0px;
		margin-top: 40px;
		margin-bottom: 40px;
		padding: 0px 15px;
	}

	.package_service .package_cont_new {
		width: 100%;
		margin: 0%;
		padding: 0px 15px;
	}
	
	.fltBanner2 img {
		
		position: fixed !important;
		right: 0px !important; /* 좌측면으로부터 거리(px) */
		bottom: 50px !important; /* 상단으로부터 거리(px) */
		width: 200px !important;
		height: 52px !important;
	}
}

/* 메인 Style.css */
.container_visual {max-width:770px; margin:0 auto; overflow: hidden; }