@charset 'UTF-8';


.pc-only {display:block;}
.mo-only {display:none;}

/* header */
.event-header {z-index:1; width:100%; height:auto; position:relative; padding:20px 0; background-color:#ffffff;}
.event-header .inner {width:100%; max-width:680px; height:inherit; margin:0 auto;}
.event-header .title {display:flex; align-items:center; position:relative; height:inherit;}
.event-header .title > p {position:relative; font-size:20px; font-weight:600; line-height:1.4;}
.event-header .title .back {position:relative; width:60px; height:60px;}
.event-header .title .back::before {content:""; position:absolute; left:50%; top:50%; width:14px; height:14px; border-top:3px solid #000; border-left:3px solid #000; transform:translate(-50%, -50%) rotate(-45deg);}
.event-header img {display:inline-block; width:100%; min-width:100%;}


/* 옵션 선택 재정의 */
.item-detail {z-index:1; max-width:680px; padding:0 16px 50px; background-color:#fff;}
.item-gallery {z-index:1; position:relative;  width:100%; margin-right:0;}
.item-gallery .gallery-product {padding:0; text-align:center; background-color:transparent; border-radius:0;}
.item-option {z-index:1; position:relative; width:100%; margin-left:0;}
.item-option .title {display:none;}
.item-option .option-area {padding-top:0;}
.item-option .option-area+.option-area {border-top:0;}
.item-option .option-area dl {margin-bottom:30px;}
.item-option .option-area dl dt {font-weight:500; font-size:17px;}
.item-option .option-area .option-type label {padding:12px 0; font-weight:500; font-size:16px;}
.item-option .option-area .option-type label.active {font-weight:500; color:#2180bb;}
.item-option .option-area .option-type label.active::after {border:1px solid #2180bb;}
.item-option .option-area .option-type label span,
.item-option .option-area .option-type label em {font-weight:500; font-size:15px;}
.item-option .option-area .plan-box {padding:25px; border-width:3px; border-color:#2180bb;}
.item-option .option-area .plan-box .inner {position:relative; width:100%; padding:0;}
.item-option .option-area .plan-box .comm-name {font-size:16px; font-weight:600; margin-bottom:12px;}
.item-option .option-area .plan-box .offer {flex:1; font-size:15px;}
.item-option .option-area .plan-box .offer,
.item-option .option-area .plan-box .offer span,
.item-option .option-area .plan-box .offer em {font-weight:500; font-size:16px; word-break:break-word;}
.item-option .option-area .plan-box .plan-price {position:absolute; bottom:0; right:0; text-align:right; font-size:18px; z-index:1;}
.item-option .option-area .plan-box .plan-price .in {width:100%; padding:15px 20px; background:#f6f6f6; border-radius: 3px;}
.item-option .option-area .plan-box .plan-price .basic-price {position:relative; display:inline-block; margin-bottom:6px; padding:0 3px; font-size:15px; color:#898989; text-align:right;}
.item-option .option-area .plan-box .plan-price .basic-price::after {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#acacac;}
.item-option .option-area .plan-box .plan-price .current-price {font-weight:600; font-size:25px; color:#0055A9; word-break:keep-all;}
.item-option .option-area .plan-box .plan-price .current-price + .period-price {margin-top:12px;}
.item-option .option-area .plan-box .plan-price .period-price {margin-top:5px;}
.item-option .option-area .plan-box .plan-price .period-price p {margin-top:5px; font-size:16px; color:#666;}
.item-option .option-area .desc-box p {font-size:14px; font-weight:500;}
.item-option .option-area .desc-box p + p {margin-top:4px;}
.item-option .option-area .desc-box span {margin-top:8px; font-size:14px; font-weight:500;}
.item-option .option-area .desc-box .btn-ptns-link,
.item-option .option-area .btn-line {font-weight:500; font-size:15px; color:#2180bb; border-bottom:1px solid #2180bb;}
.item-option .option-area .comm-info {width:100%; margin-top:10px; padding:10px 24px; align-items: center; background-color:#e9eef2;}
.item-option .option-area .comm-info .desc {padding-left:0; font-weight:600; font-size:15px; color:#0055A9; word-break:break-all;}
.item-option .option-area .comm-info .event > span {padding:3px 15px !important; background-color:#2180bb;}

.item-option .option-area .plan-box .offer .data {position:relative; width:100%; margin-bottom:5px; padding-left:24px;}
.item-option .option-area .plan-box .offer .data:before {content:""; display:inline-block; position:absolute; left:0; top:5px; width:16px; height:16px; background:url(../images/icon/icon-plan-data.png) no-repeat center; background-size:contain;}
.item-option .option-area .plan-box .offer .call {position:relative; width:100%; margin-bottom:5px; padding-left:24px;}
.item-option .option-area .plan-box .offer .call:before {content:""; display:inline-block; position:absolute; left:0; top:5px; width:12px; height:12px; background:url(../images/icon/icon-plan-call.png) no-repeat center; background-size:contain;}
.item-option .option-area .plan-box .offer .sms {position:relative; width:100%; margin-left:0; padding-left:24px; font-size:14px;}
.item-option .option-area .plan-box .offer .sms:before {content:""; display:inline-block; position:absolute; left:0; top:5px; width:13px; height:13px; background:url(../images/icon/icon-plan-sms.png) no-repeat center; background-size:contain;}

.item-option .option-area .plan-box.event {padding:25px 25px 50px;}
.item-option .option-area .plan-box.event .plan-price {bottom:-30px}


/* 버튼 */
.btn-round-box .btn-onlinejoin.full {height:65px; padding:20px 0; background-color:#2180bb; border-color:#2180bb;}
.btn_box .btn+.btn {background-color:#2180bb;}

/* 탭메뉴 */
.tab-menu .tabs li.active a {color:#2180bb;}
.tab-menu .tabs li.active::before {background-color:#2180bb;}

.selfusim_con .usim_self_txt .tab-menu .tabs li.active {border-color:#2180bb;}

/* 청구서 미리보기 */
.item-bilil-wrap .inner {max-width:900px;}
.item-bilil-wrap .bill-top {padding:16px 20px; background:#2180bb;}
.item-bilil-wrap .bill-top .btn-round-box {position:relative; margin-top:0;}
.item-bilil-wrap .bill-top .btn-round-box .btn-onlinejoin.full {width:100%; border:0; color:#fff; background-color:transparent;}
.item-bilil-wrap .bill-list .detail {padding:0; background:transparent;}

/* 팝업 재정의 */
.bg-content-import {background-color:#e9eef2; border-color:#2180bb;}
.bg-content-import .cl_prmy {color:#2180bb !important;}
.bg-content-import .sub-title {font-size:15px !important; color:#2180bb !important;}
.bg-content-import .list li .bg-point {background-color:#2180bb;}


/* promotion 랜딩 */
.event-box {width:100%;}
.event-box .inner {position:relative; width:100%; max-width:1100px; min-height:100%; margin:0 auto;}

.promotion-v2312 .event-box-01,
.promotion-v2312 .event-box-02 {background:#F3FAFF;}
.promotion-v2312 .event-box-03,
.promotion-v2312 .event-box-04,
.promotion-v2312 .event-box-05,
.promotion-v2312 .event-box-06,
.promotion-v2312 .event-box-07,
.promotion-v2312 .event-box-08,
.promotion-v2312 .event-box-09 {background:#43BCFF;}
.promotion-v2312 .event-box-10,
.promotion-v2312 .event-box-11,
.promotion-v2312 .event-box-12,
.promotion-v2312 .event-box-13,
.promotion-v2312 .event-box-14 {background:#F3FAFF;}
.promotion-v2312 .event-box-15 {background:#4E5760;}


/* button */
.fix-btn {cursor:pointer; overflow:hidden; position:fixed; left:0; bottom:0; z-index:1; width:100%; background:#001466; box-shadow: 0 0 18px 6px rgb(0 0 0 / 20%);}
.fix-btn.in {position:absolute; left:inherit; bottom:inherit;}
.fix-btn .text-join {width:100%; padding:40px 0; font-size:42px; font-weight:700; text-align:center; color:#fff;}


/* 팝업 */
.popConiner .plan-list .price-box .current-price {color: #2180bb;}
.popConiner .plan-list .price-box .orgin-price {margin-top:8px; font-size:14px;}
.popConiner .plan-list .price-box .orgin-price + .orgin-price {margin-top:5px;}


/* 어플 다운로드 바로가기 */
.apk_box{position:relative;}
.apk_box .google_link{position: absolute; width: 22.72%; height: 100%; left: 31.5%; top: 0;}
.apk_box .app_link{position: absolute; width: 22.72%; height: 100%; right: 22.5%; top: 0;}


@media (max-width: 1024px) {
	/* layout */
	[class^="promotion-"] .inner {width:100%; min-height:100%; margin:0 auto;}
}

@media screen and (max-width: 820px) {
	.item-gallery {padding:0;}
	
	.item-option .option-area .plan-box {padding:15px;}
	.item-option .option-area .plan-box .plan-price {position:relative; top:inherit; right:inherit; margin-top:20px; font-size:16px;}
	.item-option .option-area .plan-box .plan-price .basic-price {margin-right:5px; margin-bottom:0;}
	.item-option .option-area .plan-box .plan-price .current-price {display:inline-block; font-weight:500; font-size:20px; color:#2180bb; word-break:keep-all;}
	.item-option .option-area .plan-box .plan-price .current-price .text {font-size: 18px;}
	.item-option .option-area .plan-box .plan-price .period-price {margin-top:3px;}
	.item-option .option-area .plan-box .plan-price .period-price p {margin-top:5px; font-size:14px;}
	
	.item-option .option-area .plan-box.event {padding:15px 15px;}
	.item-option .option-area .plan-box.event .plan-price {bottom:0;}
	
	/* 청구서 미리보기 */
	.item-bilil-wrap .bill-top {height:auto; padding:5px 20px;}		
	.item-bilil-wrap .bill-top .btn-round-box {margin-top:5px;}
	.item-bilil-wrap .bill-list .detail {padding:20px 16px 0 20px;}
}

@media (max-width: 768px) {  
	.back::before {border-width:3px;}
	.pc-only {display:none;}
	.mo-only {display:block;}
	
	
	/* header */
	.event-header .inner {max-width:100%;}
	.event-header .title > p {font-size:18px;}
	.event-header .title .back {position:relative; width:40px; height:40px;}
	.event-header .title .back::before {content:""; position:absolute; left:50%; top:50%; width:10px; height:10px; border-top:3px solid #000; border-left:3px solid #000; transform:translate(-50%, -50%) rotate(-45deg);}
		
	
	/* 옵션 선택 재정의 */
	.item-detail {max-width:100%; padding:0 16px 30px}
	.item-gallery .gallery-product {width:210px; margin:0 auto; padding:0;}
	.item-option .option-area dl {margin-bottom:40px;}
	.item-option .option-area dl dt {font-weight:600; font-size:15px;}
	.item-option .option-area .option-type label {padding:10px 0; font-size:14px;}
	.item-option .option-area .option-type label span,
	.item-option .option-area .option-type label em {font-weight:500; font-size:13px;}
	.item-option .option-area .plan-box .comm-name {margin-bottom:12px;}
	.item-option .option-area .plan-box .offer {font-size:15px;}
	.item-option .option-area .plan-box .offer,
	.item-option .option-area .plan-box .offer span,
	.item-option .option-area .plan-box .offer em {font-size:15px;}
	.item-option .option-area .desc-box p {font-size:14px;}
	.item-option .option-area .desc-box p + p {margin-top:3px;}
	.item-option .option-area .desc-box span {margin-top:5px; font-size:14px; line-height:1.5;}
	.item-option .option-area .desc-box .btn-ptns-link {padding-top:10px; font-size:14px;}
	.item-option .option-area .comm-info {padding:16px 20px;}
		
	#usim_type_nfc_label em {font-size:14px;}
	
	
	/* 버튼 */
	.btn-round-box .btn-onlinejoin.full {height:50px; padding:12px 0;}
		
	
	/* button */
	.fix-btn .text-join {padding:20px 0; font-size:24px;}
	
	/* 기간할인 특가 표기 */
		
}