
/* main */
.main_title {  z-index:-1;}
.main_title .container {position:relative; height:80px;}

.main_menu {width: 1140px; background: #fff; position: absolute; top: 0px; left: 0; }
.main_menu ul {width: 1140px; float:left; padding:0;}
.main_menu a {
    width: 274px; 
	float:left;
	height: 80px;
    line-height:80px;
    font-size:1.5em;
    font-weight: bold;
    color: #333;
    padding-left:0px;
	cursor:pointer;
	}
.main_menu li {width: 278px;  height: 80px; margin-right:5px; background: #E6E3E4; display: inline; float:left; cursor:pointer;}
.main_menu li:hover { color:#000; background: #FFB71B;}
.main_menu li a:hover { text-decoration:none;}
.main_menu li:last-child {margin-right: 0px; float:left;}



@media screen and (min-width:1140px) {
#wrap { width: 100% }
.container {width: 1140px; margin: 0 auto; overflow: hidden;}
.header {width: 1140px; margin: 0 auto; height: 95px; position: relative; }
}

@media screen and (max-width:1140px) {
.main_menu { width:50%; visibility:hidden;}
}


.copy{background:url(../images/logo_small.png)no-repeat left center;}




/*Ã¼Å©¹Ú½º*/


.me-select { 
	position: relative;
	width:100%;

}

.me-select ul { 
	list-style: none;
	padding:0;
	margin-bottom: 70px;
}


.me-select li {  
    bordeR:2px solid #ccc;
    display:inline-block;
	width:49%;
	margin: 5px auto;
	padding:15px 0;
	margin-right:5px;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.me-select label {  
	width: 100%;
	position: relative;
	font-size: 1.2em;
	padding: 12px 10px 15px 60px;
	vertical-align: top;
	cursor: pointer;
}

.me-select label span {
	display: inline-block;
	width: 100%;
	color: rgba(97,107,107,1);
	font-size:1em;
	font-weight:300;
	letter-spacing:-1px;
}




.me-select input[type="radio"],
.me-select label::before,
.me-select input[type="radio"]:checked + label::after {
	width: 26px;
	height: 26px;
	top: 50%;
	left: 20px;
	margin-top: -13px;
	position: absolute;
	cursor: pointer;
}

.me-select input[type="radio"] {
	opacity: 0;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	z-index: 100;
}

.me-select label::before {
	content: '';
	border: 2px solid rgba(0,0,0,0.7);
}

.me-select input[type="radio"]:checked + label::after {
	content: '\2714';
	text-align: center;
	line-height: 28px;
	color: #31d2d4;
}



/*À¯½É¹øÈ£*/

.us-select { 
	position: relative;
	width:100%;
}

.us-select ul {
	list-style: none;
	padding: 0;
	margin-bottom: 100px;
}

.us-select li {	
    border:2px solid #ccc;
    padding:40px;
	margin: 0 auto;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.us-select li.selected {
	box-shadow: inset 0 0 0 40px rgba(255,246,0,0.1);
}

.us-select label {  
	display: inline-block;
	width: 100%;
	position: relative;
	font-size: 1.2em;
	padding: 12px 10px 15px 0px;
	vertical-align: top;
	cursor: pointer;
}

.us-select label span {
	display: inline-block;
	width: 100%;
	color: rgba(97,107,107,1);
	font-size:1em;
	font-weight:300;
	letter-spacing:-1px;
}

.us-select input{
    width:140px;
	margin:5px 10px;
	padding:5px;
    color:#3b7df7;
	letter-spacing:2px;
	text-align:center;
}



.us-select input[type="txt"],
.us-select label::before,
.us-select input[type="txt"]:checked + label::after {
	width: 26px;
	height: 26px;
	top: 50%;
	left: 20px;
	margin-top: -13px;
	position: absolute;
	cursor: pointer;
}

.us-select input[type="txt"] {
	opacity: 0;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	z-index: 100;
}
.step001, .step002, .step003{ background-color: #555; color: #fff;  padding: 2px 9px 3px 9px; border-radius: 1em; font-size: 1.5em;}



/***°¡ÀÔ½ÅÃ»¼­_ÅÇ***/

.container_tab > section { 
	padding: 5em 0;
	min-height: 100%;
}

.tabs { 
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 600;
	font-size: 1.2em;
}

.tabs nav {
	text-align: center;
	font-size: 1.5em;
}

.tabs nav ul { 
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1300px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
}

.tabs nav a span {
	vertical-align: middle;
}

.tabs nav li.tab-current a {
	color: #000;
}

.tabs nav a:focus {
	outline: none;
}


/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 70px 20px;
	max-width: 1040px;
	text-align: left;
	overflow:hidden;
}

.content-wrap section.content-current {
	display: block;
}



/* Fallback */
.no-js .content-wrap section { 
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul { 
	display: block;
}

.no-flexbox nav ul li { 
	min-width: 15%;
	display: inline-block;
}


@media screen and (max-width: 58em) {
	.tabs nav a.icon span {
		display: none;
	}
	.tabs nav a:before {
		margin-right: 0;
	}
}



.tabs-style-tzoid {
	max-width: 1200px;
}

.tabs-style-tzoid nav {
	padding: 0 1em;
}

.tabs-style-tzoid nav ul li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tabs-style-tzoid nav ul li a {
	padding: 0 1.5em 0 0.3em;
	color: #0d9564;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

@media screen and (max-width: 54em) {
	.tabs-style-tzoid nav ul li a {
		padding: 0 0.5em 0 0.3em;
	}
}

.tabs-style-tzoid nav ul li a:hover,
.tabs-style-tzoid nav ul li a:focus {
	color: #fff;
}

.tabs-style-tzoid nav ul li.tab-current a,
.tabs-style-tzoid nav ul li.tab-current a:hover {
	color: #2CC185;
}

.tabs-style-tzoid nav ul li a span {
	font-weight: 500;
	font-size: 0.75em;
}

.tabs-style-tzoid nav ul li a::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	outline: 1px solid transparent;
	border-radius: 10px 10px 0 0;
	background: #2CC185;
	box-shadow: inset 0 -3px 3px rgba(0,0,0,0.05);
	content: '';
	-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
	transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tabs-style-tzoid nav ul li.tab-current a::after,
.tabs-style-tzoid .content-wrap {
	background: #fff;
	box-shadow: none;
}



 


/* Media Queries */
@media screen and (max-width: 50em) {
	section {
		font-size: 80%;
	}
}



/*FAQ*/
.ac-container{ 
	width: 100%;
	margin: 0px auto;
	text-align: left;
	padding:0;
}
.ac-container label{ 
    border-top:1px solid #999;
    border-bottom:1px solid #999;
	padding-left:10px;
	position: relative;
	z-index: 20;
	display: block;
	height: 45px;
	cursor: pointer;
	color: #555;
	line-height: 45px;
	font-size: 1.1em;
	font-weight:bold;
	background: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );

}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{ 
	background: rgba(255, 255, 255, 0.5);
	margin-top: -6px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	color: #777;
	line-height: 23px;
	font-size: 1em;
	padding: 20px;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

}
.ac-container input:checked ~ article.ac-small{
	height: 100px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 170px;
}
.ac-container input:checked ~ article.ac-large{
	height: 350px;
}








/*°¡ÀÔ¾È³»*/

@media screen and (min-width:768px) {
 p.cont_tit{font-size:1.75em; margin-top:50px; margin-bottom:50px;} 
.col-lg-12 .cont p.cont_tit{font-size:2em; margin-top:50px; margin-bottom:-10px; }
.fa-dot-circle{color:#9ea8e9;}
.img_cbox{/* float: right; *//* display: inline-block; */border: solid 1px #6699CC; padding: 70px 30px 60px; margin: 20px 0px 20px 0px; text-align: center;}
.img_cbox img {/*width: 100%*/ width:100%;}
.img_cbox ul{height: 150px}
.img_cbox li{/*display: inline-block; */float: left; width: 23%; background: none; text-align: center; /*font-size: 0.95em;*/ line-height: 120%}
.img_cbox li strong{font-size: 1.1em; font-weight: bold}

.img_cbox li .step01, .img_cbox li .step02, .img_cbox li .step03, .img_cbox li .step04, .img_cbox li .step02-1, .img_cbox li .step03-1{width:100%; height:160px; display: block;}
.img_cbox li .step01{background: url(../images/ico_step01.png) no-repeat 50% 60%; background-size: 45%;}
.img_cbox li .step02{background: url(../images/ico_step02.png) no-repeat 50% 60%; background-size: 45%;}
.img_cbox li .step03{background: url(../images/ico_step03.png) no-repeat 50% 60%; background-size: 45%;}
.img_cbox li .step04{background: url(../images/ico_step04.png) no-repeat 50% 60%; background-size: 45%;}
.img_cbox li .step02-1{background: url(../images/ico_step02-1.png) no-repeat 50% 60%; background-size: 45%;}
.img_cbox li .step03-1{background: url(../images/ico_step03-1.png) no-repeat 50% 60%; background-size: 45%;}
.img_cbox h5{padding:0px 20px 45px ; font-size: 1.4em !important; text-align: left}
.img_cbox li .no{ float: left; margin: 10px 20%; font-size: 0.9em; background-color: #6699CC; color: #fff; padding: 1px 7px 2px 7px; margin-right:5px;	 border-radius:0.9em;}


div.cont > p.img_cbox2_title{margin-top:100px; background:#def0f8; font-size:1.75em; letter-spacing:0px; padding:15px; font-weight:400;}
.img_cbox2{/* float: right; *//* display: inline-block; */border: solid 1px #6699CC; padding: 25px 30px 60px; margin: 20px 0px 70px 0px;text-align: center;}
.img_cbox2 img {/*width: 100%*/}
.img_cbox2 ul{height: 200px; padding:10px;}
.img_cbox2 li{/*display: inline-block; */float: left; width: 25%; background: none; text-align: center; /*font-size: 0.95em;*/ line-height: 120%;}
.img_cbox2 li strong{font-size: 1.1em; font-weight: bold;}

.img_cbox2 li .benefit01, .img_cbox2 li .benefit02, .img_cbox2 li .benefit03, .img_cbox2 li .benefit04, .img_cbox2 li .benefit05, .img_cbox2 li .benefit06{width:100%; height:140px; display: block; }
.img_cbox2 li .benefit01{background: url(../images/ico_benefit01.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox2 li .benefit02{background: url(../images/ico_benefit02.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox2 li .benefit03{background: url(../images/ico_benefit03.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox2 li .benefit04{background: url(../images/ico_benefit04.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox2 li .benefit05{background: url(../images/ico_antenna.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox2 li .benefit06{background: url(../images/ico_board.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox2 li .title{display: block; background: none; text-align: center; font-size: 1.25em; font-weight: normal; margin-left: 0px; padding-left: 0px; line-height: 140%}
.img_cbox2 li .detail{display: block; font-size: 1.0em; }


div.cont > p.cont_tit{text-align:left; padding-top:30px;}
.img_cbox3{/* float: right; *//* display: inline-block; */border: solid 1px #6699CC; padding: 35px 30px 25px; margin: 20px 0px 70px 0px;text-align: center;}
.img_cbox3 img {/*width: 100%*/}
.img_cbox3 ul{height: 200px; padding:10px;}
.img_cbox3 li{/*display: inline-block; */float: left; width: 25%; background: none; text-align: center; /*font-size: 0.95em;*/ line-height: 120%;}
.img_cbox3 li strong{font-size: 1.1em; font-weight: bold;}

.img_cbox3 li .recomm01, .img_cbox3 li .recomm02, .img_cbox3 li .recomm03, .img_cbox3 li .recomm04, .img_cbox3 li .recomm05, .img_cbox3 li .recomm06{width:100%; height:140px; display: block; }
.img_cbox3 li .recomm01{background: url(../images/ico_recommend01.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox3 li .recomm02{background: url(../images/ico_recommend02.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox3 li .recomm03{background: url(../images/ico_recommend03.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox3 li .recomm04{background: url(../images/ico_recommend04.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox3 li .recomm05{background: url(../images/ico_recommend05.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox3 li .recomm06{background: url(../images/ico_recommend06.png) no-repeat 50% 60%; background-size: 30%;}
.img_cbox3 li .title{display: block; background: none; text-align: center; font-size: 1.25em; font-weight: normal; margin-left: 0px; padding-left: 0px; line-height: 140%}
.img_cbox3 li .detail{display: block; font-size: 1.0em; }



div.cont > p.cont_tit_4{text-align:left; font-size:2em; margin-top:70px;}
.img_cbox4{/* float: right; *//* display: inline-block; */border: solid 1px #8b74d9; width:100%; text-align: center; float:left; padding: 30px 0; margin: 0px 0px 70px 0px;}
.img_cbox4 img {/*width: 100%*/}
.img_cbox4 ul{float:left; width:100%; padding:30px 10px;}
.img_cbox4 li{/*display: inline-block; */float: left; width: 33.3%; background: none; text-align: center; /*font-size: 0.95em;*/  border-right:1px dotted #000;}
.img_cbox4 li:last-child{ border-right:none;}
.img_cbox4 li strong{font-size: 1.1em; font-weight: bold;}

.img_cbox4 li .recomm01, .img_cbox4 li .recomm02, .img_cbox4 li .recomm03, .img_cbox4 li .recomm04, .img_cbox4 li .recomm05, .img_cbox4 li .recomm06{width:357px; height:623px; display: block; }
.img_cbox4 li .recomm01{background: url(../images/usim_skt.png) no-repeat 50% 50%; background-size: 100%;}
.img_cbox4 li .recomm02{background: url(../images/usim_kt.png) no-repeat 50% 50%; background-size: 100%;}
.img_cbox4 li .recomm03{background: url(../images/usim_lg.png) no-repeat 50% 50%; background-size: 100%;}
.img_cbox4 li .title{display: block; background: none; text-align: center; font-size: 1.25em; font-weight: normal; margin-left: 0px; padding-left: 0px; line-height: 140%}
.img_cbox4 p.detail{display: block; font-size: 1.0em;  text-align:left; letter-spacing:0; margin-left:30px; color:#5851e2;}



.img_cbox .step001, .img_cbox .step002{ background-color: #6699CC; color: #fff;  padding: 2px 9px 3px 9px; border-radius: 1em; font-size: 1.5em;}
.img_cbox p{padding:20px 0; font-size:1.25em;}
.img_cbox img{width:100%; max-width:908px;}







/* °í°´¼¾ÅÍ */
.cs {/*text-align: center; */padding: 15px 0px; margin-bottom: 10px;}
.cs .tm_cont{text-align:left; float:left; width:35%;}
.cs .tit{display: block; font-size: 2.25em; font-weight:bold;  letter-spacing: -2px;  color:#333;  background: none; padding-left: -100px; margin-top:140px; text-align:center; }
.cs .tm{display: inline-block; background: url(../images/ico_tm.png) no-repeat 50% 35%; background-size:100px auto; width:25%; height: 200px; float: left;}
.cs .tel {display: block; font-size: 2.5em; font-weight: bold; text-align: left; letter-spacing:2px; color:#333; border-bottom:1px solid #ccc; width:100%; float:left; padding:8px;}
.cs .tel span{margin-right:15px;}
.cs .time {display:inline-block; width:30%; float:right; margin-right:30px; font-size: 1.1em; font-weight:600; height:200px; padding:30px 0 30px 40px; letter-spacing:-1px;  border-left:1px dotted #ccc;}
.cs .time strong{font-size: 1.5em; letter-spacing:0px;}
.cs .time small{font-size: 0.9em; line-height:9px;}
.cs .time span{ color:#ea002c;}
.box{/*border: 1px solid #ddd;*/ background:#fff; padding:25px 20px; float:left;}	
.callcenter { width: 100%; margin: 45px 0 0 0 }
.callcenter td { border: 1px solid #ddd; padding: 45px 45px 45px 60px; text-align: left; font-size: 17px }
.callcenter td .title { font-size: 21px; margin: 0 0 5px 0 }
.callcenter .p { width: 90px; display: inline-block; }
.callcenter p.time { padding: 0 0 0 90px; font-size: 15px }
.callcenter span.time { padding: 0 0 0 30px; font-size: 15px }
.callcenter span.orange { padding: 0 30px 0 0 }


.btnarea a{margin:0 auto;}




/* ¿ä±ÝÅ×ÀÌºí */
#sub_prd .prd_tit {font-size: 1.75em; font-weight: bold; letter-spacing:-2px; text-align:left; /* margin-top: 0px !important*/} 
#sub_prd .prd_tit span {background: url(../images/cp_bg.png) repeat-x 0px 80%; padding-left: 15px; margin-right: 10px; letter-spacing: normal !important}
#sub_prd .prd_tit .btn-primary{margin-top:20px; margin-left:40px; width:250px; font-size:1em;}
#sub_prd .prd_tbl {display:inline-block; width: 100%; /*margin-bottom: 40px*/}
#sub_prd .prd_tbl .qty {float: left; width:30%; margin-top: 1px; border: solid 1px #666; height: 159px; padding-top: 23px; text-align: center}
#sub_prd .prd_tbl .qty_t {display:inline-block; border: solid 1px #ccc; border-radius: 30px; padding: 1% 5%; margin-bottom: 20px; font-size: 1.1em; font-weight: bold}
#sub_prd .prd_tbl .qty .qtytt{font-size: 0.7em; font-weight: normal;}
#sub_prd .prd_tbl .qty .data, #sub_prd .prd_tbl .qty .voice, #sub_prd .prd_tbl .qty .txt {display: inline-block; width: 80px; text-align: center; padding-top:30px; font-size: 1.5em; font-weight: bold; line-height: 100%}
#sub_prd .prd_tbl .qty .data {background: url(../images/ico_data.png) no-repeat 50% 0px; background-size: 25px auto; position:relative;}
.rate_tbl th .qty_cnt .data {background: url(../images/ico_data.png) no-repeat 50% 0px; background-size: 25px auto; position:relative;}
.rate_tbl th .qty_cnt .data, .rate_tbl th .qty_cnt .voice, .rate_tbl th .qty_cnt .txt {display: inline-block; width: 80px; text-align: center; padding-top:30px; font-size: 1em; font-weight: bold; line-height: 100%}
.rate_tbl th .qty_cnt .voice {background: url(../images/ico_voice.png) no-repeat 50% 0px; background-size: 25px auto; }
.rate_tbl th .qty_cnt .txt {background: url(../images/ico_txt.png) no-repeat 50% 5px; background-size: 25px auto; }

#sub_prd .prd_tbl .qty .data .data2{font-size: 0.7em; font-weight: normal; position: absolute; top:72px; left:15px;}
#sub_prd .prd_tbl .qty .voice {background: url(../images/ico_voice.png) no-repeat 50% 0px; background-size: 25px auto; }
#sub_prd .prd_tbl .qty .txt {background: url(../images/ico_txt.png) no-repeat 50% 5px; background-size: 25px auto; }
/*.prd_tbl table, .prd_tbl thead, .prd_tbl tbody, .prd_tbl th, .prd_tbl td, .prd_tbl tr {display: table-cell}*/
#sub_prd .prd_tbl .rate_tbl {float: left; display:block; width:69%;}
#sub_prd .prd_tbl .rate_tbl table {width:100%;}
#sub_prd .prd_tbl .rate_tbl tr{}
#sub_prd .prd_tbl th {font-weight: bold;}
#sub_prd .prd_tbl td {border: solid 1px #666;}
#sub_prd .prd_tbl th, .prd_tbl td {text-align: center; border-top: solid 1px #666; border-right: solid 1px #666; height: 79px; padding-top: 10px; font-size: 1.1em}
#sub_prd .prd_tbl th:last-child {padding-top:5px; /*border-right: solid 1px #666;*/border-left: solid 1px #666; border-right:solid 3px #FFB71B; }
#sub_prd .prd_tbl td:last-child {/*border-right: solid 1px #666;*/border-left: solid 1px #666; border-right:solid 3px #FFB71B; }
#sub_prd .prd_tbl td:first-child {border-left: none;}
#sub_prd .prd_tbl .th2 {border-top:solid 3px #FFB71B; border-left:solid 3px #FFB71B; background: #FFB71B;}
#sub_prd .prd_tbl .td2 {border-bottom:solid 3px #FFB71B; border-left:solid 3px #FFB71B; }
#sub_prd .prd_tbl .graph {float: left; width: 70%; margin-top: 30px; margin-bottom: 20px}
#sub_prd .prd_tbl .detail {clear: both; padding-top: 15px; margin-bottom: 0px; font-size: 0.9em; text-align:left; margin-bottom:50px;}
#sub_prd .prd_tbl .btnarea {float:right; width:26%; margin:30px 1% 30px 0; background: #ccc; }
#sub_prd .prd_tbl .btnarea .btn {display: block; width: 100%; background:#606469; color: #fff; font-size: 1.8em; line-height: 130%; text-align: center; height:177px; padding: 85px 0px 0px 0px; margin: 0px; }

.pcblank{display: none}

/*Á¦ÈÞÄ«µå*/
.cont h3{text-align:left;}
.img_box{/*margin: 20px 0px 20px 0px; padding: 0px;*/ text-align: center; position: relative; border: solid 1px #666; float:left; width:100%; margin:20px 0 50px;}
.img_box ul{/*height: 150px*/}
.img_box .col1 li{width:100%; padding-top:30px; margin-top:10px;}
.img_box .col2 li{width: 48%;}
.img_box li{float: left; background: none; text-align: center; font-size: 0.95em;  padding:20px 0px 40px; padding-left: 0px !important}
.img_box li:last-child{float: right}
.img_box li strong{font-size: 1.1em; font-weight: bold}
.img_box li .img{display: block; text-align: center;}
.img_box li img{width: 50%}
.img_box li .cardname{font-weight: bold; font-size: 1.5em; padding-top: 20px; padding-bottom: 30px}
.img_box li .copy1{padding-top: 20px}	
.img_box li .copy2{font-weight: bold; font-size:1.3em; line-height: 140%; padding-bottom: 20px}
.img_box .col1 li img{width:230px; position: absolute; top:50px; left:70px;}
.img_box .col1 li .btn_area{position: absolute; width:200px; top:50px; right:70px;}
.img_box .col1 li .copy1, .img_box .col1 li .copy2, .img_box .col1 li .cardname{ text-align: left; margin-left:370px}
.img_box .col1 li .btn_area .btn_basic_sw {width: 140px; margin-top: 20px; border:1px solid #ccc; padding:10px 20px; display:block;}
.img_box .col1 li .btn_area a{color:#555; font-weight:600;}


}



@media screen and (min-width:320px) and (max-width:768px) {
/*°¡ÀÔ¾È³»*/
.img_cbox{text-align: center; border: solid 1px #6699CC; padding:15px 15px 15px; margin:20px 0px 30px}

.img_cbox ul{ display:inline-table; width:90%; padding:10px;}
.img_cbox li{display: inline-block; float: left; width: 50%; height: 200px; background: none; text-align: center; /*font-size: 0.95em;*/ line-height: 120%; /*padding-bottom: 25px;*/ }
.img_cbox li:nth-child(odd){float: left !important}
.img_cbox li:nth-child(even){float: right !important}
.img_cbox li strong{font-size: 1.1em; font-weight: bold}

.img_cbox li .step01, .img_cbox li .step02, .img_cbox li .step03, .img_cbox li .step04, .img_cbox li .step02-1, .img_cbox li .step03-1{width:100%; height:160px; display: block; }
.img_cbox li .step01{background: url(../images/ico_step01.png) no-repeat 50% 90%; background-size: 65%;}
.img_cbox li .step02{background: url(../images/ico_step02.png) no-repeat 50% 90%; background-size: 65%;}
.img_cbox li .step03{background: url(../images/ico_step03.png) no-repeat 50% 90%; background-size: 65%;}
.img_cbox li .step04{background: url(../images/ico_step04.png) no-repeat 50% 90%; background-size: 65%;}
.img_cbox li .step02-1{background: url(../images/ico_step02-1.png) no-repeat 50% 90%; background-size: 65%;}
.img_cbox li .step03-1{background: url(../images/ico_step03-1.png) no-repeat 50% 90%; background-size: 65%;}
.img_cbox h5 {padding: 25px 0px; font-size: 1.2rem !important;}
.img_cbox li .no{float: left; margin: 10px 20%; font-size: 0.9em; background-color: #6699CC; color: #fff; padding: 1px 7px 2px 7px; margin-right:5px;	 border-radius:0.9em;}



div.cont > p.img_cbox2_title{margin-top:20px; background:#def0f8; font-size:1.5em; letter-spacing:-1px; padding:15px;}
.img_cbox2 ul{margin: 50px 0px; padding:0;}
.img_cbox2 li{display: block; padding: 25px 0px 25px; border-top:solid 1px #7871dd; background: none; }
.img_cbox2 li:last-child{border-bottom: solid 1px #7871dd;}
.img_cbox2 li .benefit01, 
.img_cbox2 li .benefit02, 
.img_cbox2 li .benefit03, 
.img_cbox2 li .benefit04, 
.img_cbox2 li .benefit05, 
.img_cbox2 li .benefit06{width:100px; height:85px; /*display: block; */float: left}
.img_cbox2 li .benefit01{background: url(../images/ico_benefit01.png) no-repeat 0% 0px; background-size: 65%;}
.img_cbox2 li .benefit02{background: url(../images/ico_benefit02.png) no-repeat 0% 0px; background-size: 70%;}
.img_cbox2 li .benefit03{background: url(../images/ico_benefit03.png) no-repeat 0% 0px; background-size: 65%;}
.img_cbox2 li .benefit04{background: url(../images/ico_benefit04.png) no-repeat 0% 0px; background-size: 65%;}
.img_cbox2 li .benefit05{background: url(../images/ico_antenna.png) no-repeat 0% 0px; background-size: 60%;}
.img_cbox2 li .benefit06{background: url(../images/ico_board.png) no-repeat 0% 0px; background-size: 65%;}
.img_cbox2 li .title{width:70%; background: none; font-size: 1.25em; font-weight: normal; margin-left: 0px; padding-left: 0px; line-height: 140%; letter-spacing: -1px}
.img_cbox2 li .detail{display: block; width:100%; margin-top: 10px;  font-size: 1.1em; letter-spacing: -1px }
.img_cbox2 li .detail strong{font-size: 1.1em}



div.cont > p.img_cbox3_title{margin-top:20px; background:#def0f8; font-size:2em; letter-spacing:-1px; padding:15px; font-weight:600;}
.img_cbox3 ul{margin: 50px 0px; padding:0;}
.img_cbox3 li{display: block; padding: 20px 0px 20px; border-top: solid 1px #7871dd; background: none; }
.img_cbox3 li:last-child{border-bottom: solid 1px #7871dd;}
.img_cbox3 li .recomm01, 
.img_cbox3 li .recomm02, 
.img_cbox3 li .recomm03, 
.img_cbox3 li .recomm04, 
.img_cbox3 li .recomm05, 
.img_cbox3 li .recomm06{width:65px; height:65px; margin-top:-55px; /*display: block; */float: left; }
.img_cbox3 li .recomm01{background: url(../images/ico_recommend01.png) no-repeat 0% 0px; background-size: 100%;}
.img_cbox3 li .recomm02{background: url(../images/ico_recommend02.png) no-repeat 0% 0px; background-size: 100%;}
.img_cbox3 li .recomm03{background: url(../images/ico_recommend03.png) no-repeat 0% 0px; background-size: 100%;}
.img_cbox3 li .recomm04{background: url(../images/ico_recommend04.png) no-repeat 0% 0px; background-size: 100%;}
.img_cbox3 li .title{width:70%; background: none; font-size: 1.25em; font-weight: normal; margin-left: 0px; padding-left: 0px; line-height: 140%; letter-spacing: -1px}
.img_cbox3 li .detail{display: block; width:100%; margin-top: 10px;  font-size: 1.1em;  }
.img_cbox3 li .detail strong{font-size: 1.1em}



div.cont > p.img_cbox4_title{margin-top:20px; background:#def0f8; font-size:2em; letter-spacing:-1px; padding:15px; font-weight:600;}
.img_cbox4 ul{margin: 50px 0px; padding:0;}
.img_cbox4 li{display: block; border-top: dotted 2px #7871dd; background: none; float:left; width:100%; padding:30px 0;}
.img_cbox4 li:first-child{border-top: none;}
.img_cbox4 li:last-child{border-bottom: none;}
.img_cbox4 li .recomm01, 
.img_cbox4 li .recomm02, 
.img_cbox4 li .recomm03, 
.img_cbox4 li .recomm04, 
.img_cbox4 li .recomm05, 
.img_cbox4 li .recomm06{width:357px; margin:0px auto; display: block;}
.img_cbox4 li .recomm01{background: url(../images/usim_skt.png) no-repeat 0% 0px; background-size: 100%; width:357px; height:623px;}
.img_cbox4 li .recomm02{background: url(../images/usim_kt.png) no-repeat 0% 0px; background-size: 100%; width:357px; height:623px;}
.img_cbox4 li .recomm03{background: url(../images/usim_lg.png) no-repeat 0% 0px; background-size: 100%; width:357px; height:623px;}
.img_cbox4 li .title{width:70%; background: none; font-size: 1.25em; font-weight: normal; margin-left: 0px; padding-left: 0px; line-height: 140%; letter-spacing: -1px}
.img_cbox4 li .detail{display: block; width:100%; margin-top: 10px;  font-size: 1.1em;  }
.img_cbox4 li .detail strong{font-size: 1.1em}



.img_cbox .step001, .img_cbox.step002{ background-color: #6699CC; color: #fff;  padding: 2px 9px 3px 9px; border-radius: 1em; font-size: 1.5em;}
.img_cbox p{padding:20px 0; font-size:1.25em;}
.img_cbox img{width:100%;}






/* °í°´¼¾ÅÍ */
.cs {/*text-align: center; */padding: 15px 0px; margin-bottom: 10px;}
.cs .tm_cont{text-align:left; float:right; width:100%;}
.cs .tit{display: block; font-size: 2.25em; font-weight:bold;  letter-spacing: -2px;  color:#333;  background: none; padding-left: -100px; margin-top:140px; text-align:center; }
.cs .tm{display: inline-block; background: url(../images/ico_tm.png) no-repeat 50% 35%; background-size:100px auto; width:100%; height: 200px; float: left;}
.cs .tel {display: block; font-size: 2.5em; font-weight: bold; text-align: left; letter-spacing:2px; color:#333; border-bottom:1px solid #ccc; width:100%; float:left; padding:8px;}
.cs .tel span{margin-right:15px;}
.cs .time {display:inline-block; width:100%; float:right; font-size: 1.1em; font-weight:600; height:200px; padding:20px 0px; letter-spacing:-1px;  border-top:1px dotted #ccc;}
.cs .time strong{font-size: 1.75em; letter-spacing:0px;}
.cs .time small{font-size: 1.2em; line-height:9px;}
.cs .time span{ color:#ea002c;}
.box{/*border: 1px solid #ddd;*/ background:#fff; padding:25px 20px; float:left;}	


	
.btnarea {width:100%; margin:20px 0 30px 0; text-align: center; }
.btnarea img{height: 43px}
.btnarea .btn {display: block; color: #ffffff; font-size: 20px; margin:10px 0px ;  background: #606469;  padding: 20px 0px 20px 0px;  text-decoration: none;}
.btn_basic_s {font-weight: bold; font-size: 17px; background-color: #787878; color: #fff !important; text-align: center; border: 1px solid #787878; /*border-radius: 0.15em;*/ padding: 10px 20px 10px 20px; display: inline-block;}
.btn_basic_s a{color: #fff}
.btn_basic_sw {font-size:1.0em; background-color: #fff; color: #000 !important; text-align: center; border: 1px solid #ccc; /*border-radius: 0.15em;*/ padding:2% 3%; display: inline-block;}
.btn_basic_sw a{color:#606469}








/* ¿ä±ÝÅ×ÀÌºí */
#sub_prd .prd_tit {display: block; text-align: left; font-size:2.5rem; font-weight: bold; letter-spacing:-2px; /*margin-top: 0px !important;*/ }
#sub_prd .prd_tit span {background: url(../images/cp_bg.png) repeat-x 0px 80%; /*padding-left:15px; margin-right: 10px;*/ letter-spacing: normal !important}
#sub_prd .prd_tit .btn-primary{ margin-left:20px; width:200px; font-size:0.75em;}
#sub_prd .prd_tbl {display:inline-block; width: 100%;/* margin-bottom:20px*/}
#sub_prd .prd_tbl .qty {display: block; margin-top: 1px; border: solid 1px #666; padding-top:15px; text-align: center}
#sub_prd .prd_tbl .qty_t {display:inline-block; border: solid 1px #ccc; border-radius: 30px; padding: 1% 5%; margin-bottom: 25px; font-size:1.0em; font-weight: bold}
#sub_prd .prd_tbl .qty_cnt {display:inline-block; margin-bottom: 20px}
#sub_prd .prd_tbl .qty .data, #sub_prd .prd_tbl .qty .voice, #sub_prd .prd_tbl .qty .txt {display: inline-block; width: 80px; text-align: center; padding-top:30px; font-size: 1.1rem; font-weight: bold; line-height: 100%}
#sub_prd .prd_tbl .qty_cnt .qtytt{position: relative; font-size: 0.8em !important; font-weight: normal !important; line-height: 100%}
#sub_prd .prd_tbl .qty .data {background: url(../images/ico_data.png) no-repeat 50% 0px; background-size: 25px auto; position:relative;}
#sub_prd .prd_tbl .qty .data .data2{font-size: 0.7em; font-weight: normal; position: absolute; top:60px; left:17px;}	
#sub_prd .prd_tbl .qty .voice {background: url(../images/ico_voice.png) no-repeat 50% 15px; background-size: 25px auto; }
#sub_prd .prd_tbl .qty .txt {background: url(../images/ico_txt.png) no-repeat 50% 5px; background-size: 25px auto; }
.rate_tbl th .qty_cnt .data {background: url(../images/ico_data.png) no-repeat 50% 15px; background-size: 35px auto; position:relative;}
.rate_tbl th .qty_cnt .data, .rate_tbl th .qty_cnt .voice, .rate_tbl th .qty_cnt .txt {display: inline-block; width: 80px; height:60px; line-height:75px; text-align: center; font-size: 1.25em; font-weight: bold; margin-bottom:-20px;}
.rate_tbl th .qty_cnt .voice {background: url(../images/ico_voice.png) no-repeat 50% 15px; background-size: 35px auto; }
.rate_tbl th .qty_cnt .txt {background: url(../images/ico_txt.png) no-repeat 50% 20px; background-size: 35px auto; }
.qtytt{visibility:hidden;}
/*.prd_tbl table, .prd_tbl thead, .prd_tbl tbody, .prd_tbl th, .prd_tbl td, .prd_tbl tr {display: table-cell}*/
#sub_prd .prd_tbl .rate_tbl {display:block;}
#sub_prd .prd_tbl .rate_tbl table {width:100%; border-left:solid 1px #666; }
#sub_prd .prd_tbl .rate_tbl tr{}
#sub_prd .prd_tbl th {font-weight: bold}
#sub_prd .prd_tbl td {border-top: solid 1px #666;  height: 65px; font-weight:500; font-size:1.25em}
#sub_prd .prd_tbl th, .prd_tbl td {text-align: center; /*border-top: solid 1px #666;*/ border-right: solid 1px #666; font-size:0.9rem}
#sub_prd .prd_tbl th:last-child {padding-top:5px; /*border-right: solid 1px #666;*/border-left: solid 1px #666; border-right:solid 3px #FFB71B; }
#sub_prd .prd_tbl td:last-child {/*border-right: solid 1px #666;*/border-left: solid 1px #666; border-right:solid 3px #FFB71B; }
#sub_prd .prd_tbl .th2 {/*border-top:solid 3px #FFB71B;*/ border-left:solid 3px #FFB71B; background: #FFB71B; font-size:1.1em;}
#sub_prd .prd_tbl .td2 {border-bottom:solid 3px #FFB71B; border-left:solid 3px #FFB71B; }
#sub_prd .prd_tbl td {border-bottom: solid 1px #666}
#sub_prd .prd_tbl .graph { display: block;  margin-top: 30px; margin-bottom: 20px}
#sub_prd .prd_tbl .detail {clear: both; padding-top: 15px; margin-bottom: 15px; font-size: 0.9em; text-align:left;}
/*.prd_tbl .btnarea {float:right; width:36%; margin-top: 30px; margin-right: 1%; background: #ccc;}
.prd_tbl .btn_area .btn {display: block; width: 100%; background:#3F4042; color: #fff; font-size: 2.0em; line-height: 130%; text-align: center; height:160px; padding-top: 65px}*/
.moblank{display: none}


/*Á¦ÈÞÄ«µå*/

.img_box{/*margin: 20px 0px 20px 0px; padding: 0px;*/ text-align: center; border: solid 1px #666; float:left; width:100%; margin:20px 0 50px;}
.img_box ul{/*height: 150px*/}
.img_box li{/*float: left; width:48%;*/ background: none; text-align: center; /*font-size: 0.95em;*/ padding:20px 30px 40px 0; padding-left: 0px !important}
.img_box li:last-child{margin-top: 20px;}
.img_box .col1 li:last-child{margin-top: 0px;}
.img_box li strong{font-size: 1.1em; font-weight: bold}
.img_box li .img{display: block; text-align: center;}
.img_box li img{width: 50%}
.img_box li .cardname{font-weight: bold; font-size: 1.5em; padding-top: 20px; padding-bottom: 30px}
.img_box li .copy1{padding-top: 20px}	
.img_box li .copy2{font-weight: bold; font-size:1.3em; line-height: 140%; padding-bottom: 20px}
.img_box li .btn_area .btn_basic_sw {width: 110px; margin-right:10px;}





/*Ã¼Å©¹Ú½º*/


.me-select { 
	position: relative;
	width:100%;

}

.me-select ul { 
	list-style: none;
	padding:0;
}

.me-select li {  bordeR:2px solid #ccc;
    display:inline-block;
	width:100%;
	font-size:1.75em;
	margin: 5px auto;
	padding:15px 0;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



/*À¯½É¹øÈ£*/

.us-select { 
	position: relative;
	max-width: 1040px;
	width:100%;
	padding:20px;
}

.us-select ul {
	list-style: none;
	padding: 0;
	width: 100%;
}

.us-select li {	border:1px solid #333;
    padding:20px;
	margin: 0 auto;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.us-select li.selected {
	box-shadow: inset 0 0 0 40px rgba(255,246,0,0.1);
}

.us-select label { 
	display: inline-block;
	width: 100%;
	position: relative;
	font-size: 1.2em;
	padding: 12px 10px 15px 0px;
	vertical-align: top;
	cursor: pointer;
}

.us-select label span {
	display: inline-block;
	width: 100%;
	color: rgba(97,107,107,1);
	font-size:1em;
	font-weight:300;
	letter-spacing:-1px;
}

.us-select input{
    width:100px;
	padding:10px;
	margin:5px 10px; 
    color:#3b7df7;
	font-size:2em;
	letter-spacing:2px;
	text-align:center;

}


.us-select input[type="txt"],
.us-select label::before,
.us-select input[type="txt"]:checked + label::after {
	width: 26px;
	height: 26px;
	top: 50%;
	left: 20px;
	margin-top: -13px;
	position: absolute;
	cursor: pointer;
}

.us-select input[type="txt"] {
	opacity: 0;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	z-index: 100;
}
.step001, .step002, .step003{ background-color: #555; color: #fff;  padding: 2px 9px 3px 9px; border-radius: 1em; font-size: 1em;}


.copy{background:url(../images/logo_small.png)no-repeat center center;}
.copy p{visibility:hidden; border:1px solid #f00;}




}




