﻿@charset "utf-8";

a:link,
a:visited,
a:active,
a:hover { color:#222; }

.hiTit { font-size:16px; letter-spacing:-1px; color:#272727; }
span.price { font-family:'Arial'; font-size:30px; color:#333399; letter-spacing:-1px; font-weight:bold; text-align:center; }
span.won { font-size:14px; color:#222; font-weight:bold; text-align:center; }
span.vat { font-size:12px; color:#646464; font-family:'Dotum', '돋움'; text-align:center; }


/*상품소개 홈*/

+ 서브비쥬얼 +

.sub_visual { width:100%; height:auto; }
.sub_visual .sv_inner { text-align:center; background:url('../img/main/service_visual.jpg') no-repeat; background-position:center center; height:459px; }
.sub_visual .sv_inner img { display:inline-block; }
.sub_visual .sv_inner .sv_center { max-width:1200px; margin:0 auto; }
.sub_visual .sv_inner .e_quick { text-align:center; padding-top:90px; }
.sub_visual .sv_inner .e_quick ul { display:inline-block; }
.sub_visual .sv_inner .e_quick li { float:left; margin-left:5px; }
.sub_visual .sv_inner .e_quick li a:link,
.sub_visual .sv_inner .e_quick li a:visited,
.sub_visual .sv_inner .e_quick li a:active { background:url('../img/main/li_box_off.png') no-repeat; width:118px; height:118px; display:inline-block; 
color:#fff; font-size:14px; font-weight:bold; letter-spacing:-1px; padding:86px 0 0 18px; text-align:left; }
.sub_visual .sv_inner .e_quick li a:hover { background:url('../img/main/li_box_on.png') no-repeat; color:#000; }

.container .container_inner { max-width:1200px; margin:0 auto; text-align:center; }

/*결합상품 소개*/
.basic_wrap .set_report { 
	background:#fff; 
	/* min-height:455px; */
	min-height:480px; 
	margin-top:50px; 
}
.basic_wrap .set_report .set_100m { 
	position:relative; 
	float:left; 
	min-width:599px; 
	min-height:480px;
	/* min-height:455px; */
	border-right:1px solid #ececec; 
}
.basic_wrap .set_report .set_100m > dl > dd > b { font-weight:bold; color:#f49500; }
.basic_wrap .set_report .set_giga > dl > dd > b { font-weight:bold; color:#f34f3e; }
.basic_wrap .set_report .set_giga { float:left; position:relative; }
.basic_wrap .set_report .best { position:absolute; top:0px; left:0px; }
.basic_wrap .set_report .hiTit { font-size:16px; letter-spacing:-1px; color:#272727; }
.basic_wrap .set_report span.price { 
	font-family:'Arial'; 
	font-size:30px; 
	color:#333399; 
	letter-spacing:-1px; 
	font-weight:bold; 
	text-align:center; 
}
.basic_wrap .set_report span.won { font-size:14px; color:#222; padding-left:5px; font-weight:bold; }
.basic_wrap .set_report span.vat { font-size:12px; color:#646464; padding-left:5px; font-family:'Dotum', '돋움'; }

.basic_wrap .faq_search { width:100%; padding:39px 0; background:#55556b; clear:both; }
.basic_wrap .faq_search .fs_inner { max-width:1200px; margin:0 auto; }
.basic_wrap .faq_search .fs_inner > p { text-align:center; font-size:17px; color:#fff; letter-spacing:-1px; }
.basic_wrap .faq_search .fs_inner .ip_fs { width:350px; height:30px; border-bottom:1px solid #fff; background:none; color:#fff;
font-size:20px; letter-spacing:-2px; border-top:none; border-left:none; border-right:none; margin-left:24px; }
.basic_wrap .faq_search a.setview:link,
.basic_wrap .faq_search a.setview:visited,
.basic_wrap .faq_search a.setview:active,
.basic_wrap .faq_search a.setview:hover { padding:10px 20px; border:1px solid #fff; color:#fff; letter-spacing:-1px; font-size:14px; margin-left:20px; }

.actionBtn11 {
	 position:relative;
	 display:block;
	 width:40px;
	 height:40px;
	 margin:auto;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionBtn11 span {
	 display:block;
}
.actionBtn11 .hover:after {
	 display:block;
	 content:"";
	 position:relative;
	 width:38px;
	 height:38px;
	 border:1px solid #ccc;
	 background-color:#FFF;
	 transition:transform .5s;
	 -webkit-transition:-webkit-transform .5s;
	 -moz-transition:-moz-transform .5s;
}
.actionBtn11 .hover .line1, .actionBtn11 .hover .line2 {
	 position:absolute;
	 z-index:10;
	 left:8px;
	 top:18px;
	 width:24px;
	 height:4px;
	 background-color:#ccc;
	 transition:transform .7s;
	 -webkit-transition:-webkit-transform .7s;
	 -moz-transition:-moz-transform .7s;
} .actionBtn11 .hover .line1 {
	 transform:rotate(90deg);
	 -webkit-transform:rotate(90deg);
	 -moz-transform:rotate(90deg);
}
.actionBtn11 .hover .line2 {
	 transform:rotate(0deg);
	 -webkit-transform:rotate(0deg);
	 -moz-transform:rotate(0deg);
}
.actionBtn11:hover .hover .line1 {
	 transform:rotate(-45deg);
	 -webkit-transform:rotate(-45deg);
	 -moz-transform:rotate(-45deg);
	 background-color:#fff;
}
.actionBtn11:hover .hover .line2 {
	 transform:rotate(-135deg);
	 -webkit-transform:rotate(-135deg);
	 -moz-transform:rotate(-135deg);
	 background-color:#fff;
}
.actionBtn11:hover .hover:after {
	 transform:rotate(45deg);
	 -webkit-transform:rotate(45deg);
	 -moz-transform:rotate(45deg);
	 background-color:#ccc;
}

.basic_wrap .bestsell { 
	margin-top:50px; 
	float:left; 
	min-height:480px; 
	/* min-height:690px; */ 
}
.basic_wrap .bestsell .bsimg { background:#fff; /* padding-top:30px; */ min-height:111px; }
.basic_wrap .bestsell .bs01 { 
	padding-bottom:35px; 
	background:#fff; 
	clear:both; 
	position: relative;
	min-width: 599px;
}
.basic_wrap .bestsell .bs01 strong { font-size:17px; letter-spacing:-2px; font-weight:bold; }
.basic_wrap .bestsell .bs01 table { width:90%; text-align:center; margin:0 auto; padding-top:55px; }
.basic_wrap .bs01 table thead th { background:#f8f8f8; padding:7px 0; font-weight:bold; font-size:14px; border-top:1px solid #ccc;
border-bottom:1px solid #ccc; }
.basic_wrap .bs01 table tbody td { font-size:14px; color:#666; padding:7px 0; border-bottom:1px solid #ccc; }
.basic_wrap .bestsell .Tit { font-size:40px; color:#f34f3e; letter-spacing:-7px; text-align:center; display:inline-block; padding-top:25px; }
.basic_wrap .bestsell .cate1 { background:url('../img/main/back_bestsell.png') no-repeat; height:102px; min-width:392px; float:left;  }

.basic_wrap .bestsell .best {
	position: absolute;
	top: 0;
	left: 0;
}

/* 휴대폰 상품 추천 */

.basic_wrap .mobileWrap { margin-top:100px; width:100%; }
.basic_wrap .mobileWrap ul { float:left; clear:both; padding-bottom:130px; }
.basic_wrap .mobileWrap li { float:left; margin-left:110px; }
.basic_wrap .mobileWrap li:first-child { margin-left:56px; }
.basic_wrap .scsmobile dl dd.price { text-align:center; display:inline-block; padding-left:0; }
.basic_wrap .scsmobile dl dt { text-align:center; font-size:20px; font-family:'Arial','Malgun Gothic'; letter-spacing:-1px; color:#000; margin-top:35px; } 
.basic_wrap .scsmobile .hot { color:#df1f0b; padding:3px 9px; border:1px solid #df1f0b;
background: #fff; border: solid #df1f0b 1px; font-size:16px;
border-top-left-radius: 50px; -webkit-border-top-left-radius: 50px; -moz-border-top-left-radius: 50px; 
border-top-right-radius: 50px; -webkit-border-top-right-radius: 50px; -moz-border-top-right-radius: 50px; 
border-bottom-left-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-bottom-left-radius: 50px; 
border-bottom-right-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-bottom-right-radius: 50px; }
.basic_wrap .scsmobile .sstit { margin-top:10px; color:#898989; font-size:15px; }

/* 아래 Quick Menu */

.basic_wrap .bottomQuick { padding:40px 0; clear:both; /*border-top:1px solid #ccc;*/ }
.basic_wrap .bottomQuick li { float:left; width:25%; }
.basic_wrap .bottomQuick .Tit { font-weight:bold; font-size:16px; letter-spacing:-1px; color:#222; margin-top:20px; }
.basic_wrap .bottomQuick .sTit { font-size:13px; letter-spacing:-1px; color:#6d6d6d; }


/* 20200518 가입상담 */
.SubscriptionBar {
	position:fixed;
	bottom:0;
	left:0;
	z-index:9999;
	width:100%;
	height:78px;
	/* background:#55556b; */
}
.Subscription {	width:1200px;	margin:0 auto; }
.Subscri50 { 
	width:50%; 
	float:left; 
	line-height:78px;
	font-size:17px; 
}
.Subscri1 .btn_openNew { 
	width:35%; 
	float:right; 
	background:#343399; 
	color:#fff; 
	text-align:center;
	letter-spacing:-1px;
}
.Subscri1 p { 
	width:65%; 
	float:left; 
	line-height:78px; 
	color:#fff; 
}

.Subscri1 p span { display:block; text-align:center; font-size:17px; }
.Subscri1 .btn_openNew span { 
	margin-left:3px; 
	vertical-align:2px; 
	font-size:13px;
}
.Subscri2 {
	display:block;
	float:right;
	text-align:center;
	background:#ffd200;
	color:#383838;
}
.Subscri2 b { font-size:17px; letter-spacing:-1px; }
.Subscri2 span.ico_cellNumMark {
	vertical-align:1px;
	font-size:19px;
}