@charset "utf-8";

/*
 * date : 2018.03.26
 * 사용영역 : 다이렉트샵 메인
 *
 */
 
 * > .inbox {position:relative; width:1100px; margin:0 auto; padding:80px 0 75px;}
 * > h5 {font-weight:600; font-size:38px; text-align:center; letter-spacing:-1.5px;}

/****************************************
# 메인팝업
****************************************/
#mainLayerPop {position:relative; width:1100px; margin:0 auto; font-size:12px; z-index:1000;;}
#mainLayerPop .pop_wrapper {position:absolute; left:10px; top:145px; width:620px; height:678px; background:#36363a; border:2px solid #36363a; box-sizing:content-box;}
#mainLayerPop .pop_wrapper .pop_content {width:620px; height:643px;}
#mainLayerPop .pop_wrapper .pop_bottom {overflow:hidden; clear:right; width:100%; height:35px; padding:0 8px; background:#36363a; border:2px solid #36363a;}
#mainLayerPop .pop_wrapper .pop_bottom .today_close {display:inline-block; text-align:left; font-size:16px; line-height:35px; font-weight:400; color:#f6f6f6;}
#mainLayerPop .pop_wrapper .pop_bottom .close {display:inlne-block; float:right; text-align:right; font-size:16px; line-height:35px; font-weight:400; color:#f6f6f6;}

/* 텍스트형태 */
#mainLayerPop .pop_wrapper .pop_content .infoText {padding:25px;}
#mainLayerPop .pop_wrapper .pop_content .infoText p {line-height:1.47; color:#444;}



/****************************************
# 메인비쥬얼
****************************************/
.swiper-slide {position:relative; overflow:hidden;}
.swiper-slide a {display:block; margin:0 auto;}
.swiper-control {display:inline-block;}
.swiper-control > .swiper-button {width:70px; height:70px; background:url(../images/btn/slide_control.png) no-repeat 0 0; cursor:pointer; text-indent:-9999px;}
.swiper-control > .swiper-button-prev {top:-250px; left:50%; margin-left:-680px; background-position:0 0;}
.swiper-control > .swiper-button-next {top:-250px; right:50%; margin-right:-680px; background-position:-70px 0;}
.swiper-bottom {position:relative; bottom:52px !important; text-align:center; z-index:10;}
.swiper-bottom .swiper-pagination {position:relative !important; display:inline-block; margin-bottom:5px;}
.swiper-bottom .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; margin:0 4px; opacity:.4}
.swiper-bottom .swiper-pagination .swiper-pagination-bullet-active {width:12px; height:12px; background-color:#e6000b; border-radius:10px; opacity:1}
.swiper-bottom .ctrl-toggle {display:inline-block; width:25px; height:25px; margin-bottom:-8px; background:url(../images/btn/btn_slide_playstop.png) no-repeat 0 0; background-size:50px 25px; cursor:pointer; z-index:99;}
.swiper-bottom .ctrl-toggle.action {background:url(../images/btn/btn_slide_playstop.png) no-repeat -25px 0; background-size:50px 25px;}

/* main banner orgn
 #visual_main {width:100%; height:500px; position:relative;}
#visual_main .swiper-slide a {width:1100px; height:500px;}
#visual_main .swiper-slide a > img {padding-left:300px;} */

/* main renew */
.main_bn {overflow:hidden; max-width:100%; min-width:1100px; padding:20px 0;}
.main_bn .swiper-container {overflow:visible; position:relative; width:1100px;}
.main_bn .swiper-container .swiper-wrapper .swiper-slide {top:35px; border-radius:0.35rem; opacity:.3; box-shadow:0 0.25rem 0.45rem 0 rgba(0, 0, 0, 0.2);}
.main_bn .swiper-container .swiper-wrapper .swiper-slide a {width:100%;}
.main_bn .swiper-container .swiper-wrapper .swiper-slide a img {max-width:100%; max-height:100%;}
.main_bn .swiper-container .swiper-wrapper .swiper-slide-active,
.main_bn .swiper-container .swiper-wrapper .swiper-slide-next {top:0; width:535px !important; opacity:1;}
.main_bn .swiper-bottom {bottom:-20px !important;}

.promo_list {overflow:hidden; position:absolute; left:50%; top:0; width:300px; height:500px; margin-left:-550px; padding:20px; background-color:rgba(0,0,0,.45); z-index:10;}
.promo_list li {display:table; margin-bottom:20px; width:100%; cursor:pointer;}
.promo_list li:last-child {margin-bottom:0;}
.promo_list li .thumb {display:inline-block; width:76px; margin-right:15px;}
.promo_list li .title {display:table-cell; width:154px; font-size:16px; font-weight:400; color:#fff; vertical-align:middle;}

#middle_bn {width:100%; min-width:1100px; height:200px; position:relative;}
#middle_bn .swiper-slide a {width:1100px; height:200px;}
#middle_bn .swiper-bottom {bottom:42px !important;}

/* 1view 3group main banner
.visual_bn {overflow:hidden; max-width:100%; padding:30px 0;}
.visual_bn .swiper-container {overflow:visible; position:relative; width:700px;}
.visual_bn .swiper-container .swiper-wrapper {}
.visual_bn .swiper-container .swiper-wrapper .swiper-slide {top:22px; box-shadow:0 0.25rem 0.45rem 0 rgba(0, 0, 0, 0.2); border-radius:1rem; opacity:.3;}
.visual_bn .swiper-container .swiper-wrapper .swiper-slide a {display:block; width:100%; height:100%;}
.visual_bn .swiper-container .swiper-wrapper .swiper-slide a img { width:100%; height:100%; border-radius:1rem;}
.visual_bn .swiper-container .swiper-wrapper .swiper-slide-active {top:0; width:700px !important; height:400px; opacity:1;}
.visual_bn .swiper-container .swiper-wrapper .swiper-slide-active a {}
.visual_bn .swiper-bottom {bottom:-30px !important;} */

/* 선불배너 */
.mainBt_bn .inbox {padding:60px 0 20px 0;}
.mainBt_bn a {display:block; text-align:center;}
.mainBt_bn a img {max-width:100%; max-height:100%;}


/****************************************
# top_quick 
****************************************/
.top_quick {width:100%; margin-top:15px;}
.top_quick .inbox {padding:15px 0 5px;}
.top_quick .inbox ul {font-size:0; text-align:center;}
.top_quick .inbox ul li {display:inline-block; position:relative; width:140px; margin:0 10px; vertical-align:top;}
.top_quick .inbox ul li a {display:block; position:relative; width:140px; text-align:center;}
.top_quick .inbox ul li a .icon {display:block; width:80px; height:80px; line-height:80px; margin:0 auto; text-align:center; border-radius:50%;}
.top_quick .inbox ul li a .icon.svc {background:#f4f4f5 url(../images/main/quick_svc.png) no-repeat center;}
.top_quick .inbox ul li a .icon.kakaoplus {background:#f4f4f5 url(../images/main/quick_kakaoplus.png) no-repeat center;}
.top_quick .inbox ul li a .icon.press {background:#f4f4f5 url(../images/main/quick_press.png) no-repeat center;}
.top_quick .inbox ul li a .icon.promote {background:#f4f4f5 url(../images/main/quick_promote.png) no-repeat center;}
.top_quick .inbox ul li a .icon.store {background:#f4f4f5 url(../images/main/quick_store.png) no-repeat center;}
.top_quick .inbox ul li a .icon.tv {background:#f4f4f5 url(../images/main/quick_tv.png) no-repeat center;}
.top_quick .inbox ul li a .icon.smartstore {background:#f4f4f5 url(../images/main/quick_smartstore.png) no-repeat center;}
.top_quick .inbox ul li a .icon img {display:inline-block;}
.top_quick .inbox ul li a .txt {display:block; padding-top:10px; font-weight:400; font-size:17px; color:#555; line-height:1.4;}



/****************************************
# 중간배너
****************************************/
.banner_wrap {width:100%; height:200px; position:relative;}
.banner_wrap li {position:relative; overflow:hidden;}
.banner_wrap li a {display:block; width:1100px; height:200px; margin:0 auto;}

.banner_wrap .bx-controls {position:relative; max-width:1100px; margin:0 auto; bottom:50px; z-index:99;}
.banner_wrap .bx-controls-auto {position:absolute; left:50%; margin-left:-40px;}
.banner_wrap .bx-controls-auto a {display:block; width:30px; height:30px; margin:0; padding:0; border:none;}
.banner_wrap .bx-controls-auto a.bx-stop {background:url(../images/btn/btn_slide_playstop.png) no-repeat 0 0; cursor:pointer; text-indent:-9999px;}
.banner_wrap .bx-controls-auto a.bx-start {background:url(../images/btn/btn_slide_playstop.png) no-repeat -30px 0; cursor:pointer; text-indent:-9999px;}
.banner_wrap .bx-controls-auto a.active {display:none;}
.banner_wrap .bx-pager {position:absolute; left:50%;}
.banner_wrap .bx-pager-item {display:inline-block; text-align:center; vertical-align:middle;}
.banner_wrap .bx-pager-item a {display:inline-block; width:13px; height:13px; margin:8px 8px 0 0; background:url('../images/btn/btn_roll.png') no-repeat center center; text-indent:-9999px;}
.banner_wrap .bx-pager-item a.bx-pager-link.active {width:32px; height:13px; background:url('../images/btn/btn_roll_on.png') no-repeat center center;}



/****************************************
# 요금제 가입하기
****************************************/
.tab_menu {position:relative; width:100%; margin-top:50px;}
.tab_menu .inbox {padding:0;}
.tab_menu a {position:relative; display:block;}
.tab_menu ul {position:absolute; width:100%; height:120px;}
.tab_menu ul:after {content:''; display:block; clear:both;}
.tab_menu ul li {float:left; position:relative; display:inline-block; background-color:#e5e5e5 !important; width:50%; border:1px solid #d4d4d4; border-width:2px 4px 0 0; border-right-color:#bdbdbd; border-radius:30px 30px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.tab_menu ul li:first-child {border-left:2px solid #d4d4d4;}
.tab_menu ul li a {width:100%; height:120px; border-bottom: 2px solid #d4d4d4;}
.tab_menu ul li:nth-of-type(1) {background:url(../images/main/tabmenu01_txt_off.png) no-repeat 65% 50%;}
.tab_menu ul li:nth-of-type(1) a {background:url(../images/main/bgimg_tabmenu01.png) no-repeat 10% 50%; opacity:.5;}
.tab_menu ul li:nth-of-type(2) {background:url(../images/main/tabmenu02_txt_off.png) no-repeat 60% 50%;}
.tab_menu ul li:nth-of-type(2) a {background:url(../images/main/bgimg_tabmenu02.png) no-repeat 15% 60%; opacity:.5;}
.tab_menu ul li.on {background-color:#fff !important;}
.tab_menu ul li.on:nth-of-type(1) {background:url(../images/main/tabmenu01_txt_on.png) no-repeat 65% 50%;}
.tab_menu ul li.on:nth-of-type(1) a {opacity:1;}
.tab_menu ul li.on:nth-of-type(2) {background:url(../images/main/tabmenu02_txt_on.png) no-repeat 60% 50%;}
.tab_menu ul li.on:nth-of-type(2) a {opacity:1;}
.tab_menu ul li.on a {border-bottom:0;}
.tab_menu ul a {display:block; font-size:40px; font-weight:600; color:#a0a0a0; border-bottom:0; text-indent:-9999px;}



/****************************************
# 나에게 맞는 요금제 찾기
****************************************/
#plan {min-width:1100px; background-color:#f0f1f2; margin-top:170px; padding-bottom:120px; border-top:2px solid #d4d4d4;}
#plan .inbox {padding:0;}
#plan:after {content:''; display:block; clear:both;}
#plan .ui-left {float:left; width:70%; padding-right:45px; border-right:1px solid #ddd;}
#plan h5 {width:100%; height:150px; padding:50px 0 55px; font-size:34px !important; font-weight:400; text-indent:-9999px; background: url(../images/main/img_title_plan_txt.png) no-repeat center; text-align:center; letter-spacing:-1.5px;}
#plan h5 > strong {font-weight:600;}
.ui-left > .ui-slider {position:relative; padding-left:80px;}
.ui-left .ui-slider.data {margin-top:10px; margin-bottom:50px;}
.ui-left .ui-slider .title {position:absolute; left:0; font-size:18px; font-weight:500;}
.ui-left .ui-slider .ui-slider-bar {position:relative; width:100%; height:20px; border:1px solid #e1e1e1; background-color:#e7e7e7; border-radius:15px;}
.ui-left .ui-slider .ui-slider-bar .ui-slider-handle {position:absolute; top:-13px; width:34px; height:34px; margin-left:-23px; cursor:pointer; z-index:100; border-radius:50%; box-shadow:2px 2px 7px #ddd; border:1px solid #e2e2e2; background-color:#fff; outline:none;}
.ui-left .ui-slider .ui-slider-bar .ui-slider-range {position:relative; width:auto; height:20px; border-radius:15px; z-index:99;
	background:linear-gradient(135deg, #a9138f 0%, #001373 100%);
	background:-webkit-linear-gradient(-45deg, #a9138f 0%, #001373 100%);
	background:-moz-linear-gradient(-45deg, #a9138f 0%, #001373 100%);
}
.ui-left .ui-slider .tooltip {position:absolute; margin-top:-40px; margin-left:-13px;}
.ui-left .ui-slider .tooltip .ui-slider-value {position:relative; display:inline-block; width:56px; height:30px; line-height:30px; text-align:center; font-weight:400; background-color:#222944; border-radius:3px; font-size:16px; color:#fff;}
.ui-left .ui-slider.data .tooltip .ui-slider-value {width:62x;}
.ui-left .ui-slider .tooltip .ui-slider-value:after {content:''; position:absolute; top:100%; left:50%; margin-left:-6px; border-width:6px; border-style:solid; border-color:transparent; border-top:6px solid #222944;}

.ui-left .offer {position:relative; width:100%; height:40px; margin-top:10px;}
.ui-left .offer li {float:left; position:absolute; display:inline-block; width:80px; font-size:16px; color:#555; text-align:center;}

.ui-left .data_offer li.n1 {left:-6%}
.ui-left .data_offer li.n2 {left:8%}
.ui-left .data_offer li.n3 {left:21.5%;}
.ui-left .data_offer li.n4 {left:36%;}
.ui-left .data_offer li.n5 {left:50%}
.ui-left .data_offer li.n6 {left:64%}
.ui-left .data_offer li.n7 {left:78%}
.ui-left .data_offer li.n8 {left:92%}

.ui-left .call_offer li.n1 {left:-6%}
.ui-left .call_offer li.n2 {left:10.5%}
.ui-left .call_offer li.n3 {left:26.5%;}
.ui-left .call_offer li.n4 {left:43%;}
.ui-left .call_offer li.n5 {left:60%}
.ui-left .call_offer li.n6 {left:76.5%}
.ui-left .call_offer li.n7 {left:92%}

.ui-right {float:left; width:26%; margin:15px 0 0 40px;}
.ui-right .btn_search {display:table-cell; width:350px; height:80px; font-size:24px; font-weight:400; color:#fff; background-color:#000; border-radius:40px; text-align:center; vertical-align:middle;}
.ui-right dl {width:100%; padding:10px 0 15px; text-align:center;}
.ui-right dl > dt {width:100%; font-size:18px; font-weight:500; color:#000; vertical-align:middle; text-align:left;}
.ui-right dl > dd {width:100%; margin-top:10px; font-size:18px; font-weight:400; text-align:left;}
.ui-right dl > dd input[type="radio"] + label + input[type="radio"] + label {margin-left:10px;}

.plan_result {width:100%; padding:60px 0 0;}
.plan_result .inbox {margin-top:-140px; padding:0; border:4px solid transparent; box-shadow:0px 15px 20px -8px #e0e0e0; box-sizing:border-box;
	border-image:linear-gradient(135deg, #cc208e 0%, #6713d2 100%);
    -webkit-border-image:-webkit-linear-gradient(-45deg, #cc208e 0%, #6713d2 100%);
    -moz-border-image:-moz-linear-gradient(-45deg, #cc208e 0%, #6713d2 100%);
    -webkit-border-image-slice:1;
    border-image-slice:1;
}
.result_top {padding:35px 0; text-align:center; background:#51cc3a;
	background:-webkit-linear-gradient(left, #cc208e 0%,#6713d2 100%);
	background:-moz-linear-gradient(left, #cc208e 0%, #6713d2 100%);
	background:linear-gradient(to right, #cc208e 0%, #6713d2 100%);
}
.result_top .plan_sel {font-size:26px; font-weight:400; letter-spacing:-1.5px; color:#fff;}
.result_top .plan_sel strong {color:#fff; font-weight:200;}
.result_top .plan_tit {margin-top:5px; font-size:30px; font-weight:500; line-height:1.47; letter-spacing:-1.5px; color:#fff;}
.plan_result .result_list {background-color:#fff;}
.plan_result .result_list > li {display:table; position:relative; width:100%; padding:20px 30px 24px; border-bottom:1px solid #e2e2e2;}
.plan_result .result_list > li:after {content:''; display:block; clear:both;}
.plan_result .result_list > li:first-child {border-top:1px solid #e2e2e2;}
.plan_result .result_list > li:last-child {border-bottom:0;}
.plan_result .result_list > li .head {display:table-cell; width:26%; vertical-align:middle;}
.plan_result .result_list > li .head .bi {display:inline-block; width:38px; height:22px; font-size:14px; line-height:22px;}
.plan_result .result_list > li .head .tit {margin-top:3px; vertical-align:middle; font-weight:500; font-size:19px;}
.plan_result .result_list > li .offer {display:table-cell; width:32%; vertical-align:middle;}
.plan_result .result_list > li .offer:after {content:''; display:block; clear:both;}
.plan_result .result_list > li .offer > li {float:left; position:relative; display:inline-block; width:33.33%; min-width:76px; padding-top:10px; text-align:center; line-height:1.3;}
.plan_result .result_list > li .offer > li > span {font-weight:400; font-size:15px; color:#797979;}
.plan_result .result_list > li .offer > li > strong {display:block; margin-top:5px; font-weight:400; font-size:16px; letter-spacing:0;}
.plan_result .result_list > li .offer > li > strong > span {display:block; font-size:13px; font-weight:400;}
.plan_result .result_list > li .offer > li > strong > span.plus {display:inline; font-size:13px;}
.plan_result .result_list > li .offer .dataEx {color:#ed008c; letter-spacing:-1px; font-size:15px;}
.plan_result .result_list > li .price {display:table-cell; width:27%; vertical-align:middle;}
.plan_result .result_list > li .price p+p {margin-top:10px;}
.plan_result .result_list > li .price p+p+p {margin-top:10px;}
.plan_result .result_list > li .price p:after {content:''; display:block; clear:both;}

.plan_result .result_list > li .price p > span:nth-of-type(1) {float:left; width:35%; padding-left:15%; text-align:left; font-weight:400; font-size:15px; color:#666;}
.plan_result .result_list > li .price p > span:nth-of-type(2) {float:right; width:50%; text-align:right; font-weight:500; font-size:18px; color:#333;}
.plan_result .result_list > li .price p.bs_price > span:nth-of-type(2) {text-decoration:line-through;}
.plan_result .result_list > li .price p.tot_price > span:nth-of-type(1) {font-weight:400;}
.plan_result .result_list > li .price p.tot_price strong {color:#e6000b; font-size:23px; font-weight:500;}
.plan_result .result_list > li .btn_join {position:absolute; right:30px; top:50%; display:block; width:90px; height:40px; margin-top:-20px; line-height:40px; text-align:center; font-weight:400; font-size:15px; color:#fff; background-color:#e6000b;}
.plan_result .result_list > li.add_list {text-align:center;}
.plan_result .result_list > li.add_list a {display:inline-block; position:relative; padding-left:32px; font-size:18px; color:#545454}
.plan_result .result_list > li.add_list a:before {content:''; display:block; position:absolute; left:0; top:50%; width:27px; height:18px; margin-top:-9px; background:url(../images/btn/btn_arrow_down.png) no-repeat;}




/****************************************
# 추천요금제
****************************************/
.recom_usim_wrap {position:relative; min-width:1100px; padding:75px 0 0;}
.recom_usim_wrap a {display:block;}
.recom_usim_wrap .tab-list {position:relative; width:1100px; margin:50px auto 0;}
.recom_usim_wrap .tab-list:after {content:''; display:block; clear:both;}
.recom_usim_wrap .tab-list li {position:relative; float:left; display:inline-block; width:33.3%; border-bottom:5px solid #a0a0a0;}
.recom_usim_wrap .tab-list li a {padding-bottom:18px; text-align:center; font-size:24px; font-weight:500; color:#a0a0a0;}
.recom_usim_wrap .tab-list li.active {border-bottom:5px solid #72166c;}
.recom_usim_wrap .tab-list li.active a {font-weight:600; color:#72166c;}


.recom_usim_wrap .tab-cont #usimTab-2,
.recom_usim_wrap .tab-cont #usimTab-3 {display:none;}
.recom_usim_wrap .tab-cont {position:relative; background-color:#f9f9f9;}
.recom_usim_wrap .tab-cont .inbox {padding-top:50px;}
.recom_usim_wrap .usim {position:relative;}
.recom_usim_wrap .usim:after {content:''; display:block; clear:both;}
/*.recom_usim_wrap .usim > li {position:relative; float:left; display:inline-block; width:350px; height:520px; margin-left:25px; text-align:center; background-color:#fff; cursor:pointer; transition:all 1s;}*/
.recom_usim_wrap .usim > li {position:relative; float:left; display:inline-block; width:350px; height:550px; margin-left:25px; text-align:center; background-color:#fff; cursor:pointer; transition:all 1s;}
.recom_usim_wrap .usim > li:first-child {margin-left:0;}
.recom_usim_wrap .usim > li .sub_txt {width:100%; height:70px; padding-top:25px; background-color:#ffecf2;}
.recom_usim_wrap .usim > li .sub_txt span {display:block; font-size:18px;}
.recom_usim_wrap .usim > li .sub_txt strong {display:block; margin-top:8px; font-size:18px; font-weight:600;}
.recom_usim_wrap .usim > li .sub_txt.lgt {background-color:#ffecf2;}
.recom_usim_wrap .usim > li .sub_txt.skt {background-color:#d7f2fa;}
.recom_usim_wrap .usim > li .sub_txt.kt {}
.recom_usim_wrap .usim > li .title {padding:35px 0 20px;}
.recom_usim_wrap .usim > li .title .name {display:inline-block; font-size:18px; font-weight:500; vertical-align:middle;}
.recom_usim_wrap .usim > li .offer {margin:10px 30px; padding:20px 0; border-top:1px solid #e6e6e7; border-bottom:1px solid #e6e6e7;}
.recom_usim_wrap .usim > li .offer:after {content:''; display:block; clear:both;}
.recom_usim_wrap .usim > li .offer > li {float:left; position:relative; display:inline-block; width:33.33%; padding-top:40px; line-height:1.3;}
.recom_usim_wrap .usim > li .offer > li > span {font-weight:400; font-size:14px; color:#666;}
.recom_usim_wrap .usim > li .offer > li > strong {display:block; margin-top:3px; font-weight:500; font-size:18px; letter-spacing:-0.5px;}
.recom_usim_wrap .usim > li .offer > li > strong > span {display:block; font-size:13px;}
.recom_usim_wrap .usim > li .offer > li.bg:after {content:''; display:block; position:absolute; top:0; left:50%; width:30px; height:30px; margin-left:-15px; background:url(../images/icon/offer_30X30.png) no-repeat; background-size:90px 30px; opacity:.5;}
.recom_usim_wrap .usim > li .offer > li.bg_call:after {background-position:0 0;}
.recom_usim_wrap .usim > li .offer > li.bg_msg:after {background-position:-30px 0;}
.recom_usim_wrap .usim > li .offer > li.bg_data:after {background-position:-60px 0;}
.recom_usim_wrap .usim > li .offer .callEx {font-size:15px; letter-spacing:-1px;}
.recom_usim_wrap .usim > li .offer .dataEx {color:#ed008c; font-weight:400; letter-spacing:-1px;}
.recom_usim_wrap .usim > li .offer .ex {margin-top:4px; color:#ed008c; font-weight:400; font-size:14px; letter-spacing:-1px;}
.recom_usim_wrap .usim > li .price {padding-top:35px; font-size:28px; font-weight:400; letter-spacing:-1.5px;}
.recom_usim_wrap .usim > li .price > strong {font-size:46px; font-weight:600;}
.recom_usim_wrap .usim > li .price_box {margin-top:10px; font-size:28px; font-weight:400; letter-spacing:-1px;}
.recom_usim_wrap .usim > li .price_box .bs_price {display:inline-block; position:relative; margin-bottom:6px; font-size:18px;}
.recom_usim_wrap .usim > li .price_box .bs_price > strong {font-size:18px;}
.recom_usim_wrap .usim > li .price_box .bs_price:after {content:''; display:block; position:absolute; left:0; top:50%; width:110%; height:1px; margin-left:-5%; background-color:#222;}
.recom_usim_wrap .usim > li .price_box .tot_price {font-size:24px;}
.recom_usim_wrap .usim > li .price_box .tot_price > strong {font-size:34px; font-weight:600;}
.recom_usim_wrap .usim > li .btn {display:table; position:absolute; bottom:40px; left:65px;}
.recom_usim_wrap .usim > li .btn .btn_join {outline:none !important; z-index:1; position:relative; display:table-cell; width:220px; height:46px; line-height:inherit; vertical-align:middle; margin-top:45px; font-size:22px; font-weight:500; background-color:#fff; color:#222; border:2px solid #222; border-radius:25px;}
 
/* hover */
.recom_usim_wrap .usim > li:focus:before,
.recom_usim_wrap .usim > li:hover:before {content:''; position:absolute; left:0; top:0; width:350px; height:550px; border:1px solid #f1006f;  box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.recom_usim_wrap .usim > li:focus .price,
.recom_usim_wrap .usim > li:hover .price,
.recom_usim_wrap .usim > li:hover .tot_price {color:#f1006f;}
.recom_usim_wrap .usim > li:hover .btn .btn_join,
.recom_usim_wrap .usim > li:hover .btn .btn_join {background-color:#f1006f; color:#fff; border:2px solid #f1006f;}
.recom_usim_wrap .usim > li .btn .btn_join::after {content:''; z-index:-1; background-color:hsla(0, 0%, 100%, 0); position:absolute; top:-50%; bottom:-50%; width:1.35em; height:3.55em; 
	transform:translateX(-525%) rotate(35deg);
	-webkit-transform:translateX(-525%) rotate(35deg);
	-moz-transform:translateX(-525%) rotate(35deg);
	-ms-transform:translateX(-525%) rotate(35deg);
}
.recom_usim_wrap .usim > li .btn .btn_join:hover::after {background-color:hsla(0, 0%, 100%, .25); 
	transition:transform 0.5s; 
	-webkit-transition:transform 0.5s; 
    -moz-transition:transform 0.5s; 
    -ms-transition:transform 0.5s; 
	transform:translateX(200%) rotate(35deg);
	-webkit-transform:translateX(300%) rotate(35deg);
	-moz-transform:translateX(300%) rotate(35deg);
	-ms-transform:translateX(300%) rotate(35deg);
}



/* 
.recom_usim_wrap .usim  > li:focus,
.recom_usim_wrap .usim  > li:hover {
	-webkit-box-shadow:5px 10px 20px rgba(0,0,0,.3); 
	-moz-box-shadow:5px 10px 20px rgba(0,0,0,.3); 
	box-shadow:5px 5px 20px rgba(0,0,0,.3);
}
 */



/****************************************
# 추천휴대폰
****************************************/
.recom_phone_wrap {position:relative; padding:75px 0 0;}
.recom_phone_wrap a {display:block;}
.recom_phone_wrap .tab-list {position:relative; width:1100px; margin:50px auto 0;}
.recom_phone_wrap .tab-list:after {content:''; display:block; clear:both;}
.recom_phone_wrap .tab-list li {float:left; display:inline-block; width:33.33%; border-bottom:5px solid #a0a0a0;}
.recom_phone_wrap .tab-list li a {padding-bottom:18px; text-align:center; font-size:24px; font-weight:500; color:#a0a0a0;}
.recom_phone_wrap .tab-list li.active {border-bottom:5px solid #72166c;}
.recom_phone_wrap .tab-list li.active a {font-weight:600; color:#72166c;}

.recom_phone_wrap .tab-cont #phoneTab-2,
.recom_phone_wrap .tab-cont #phoneTab-3 {display:none;}
.recom_phone_wrap .tab-cont {position:relative; background-color:#fff;}
.recom_phone_wrap .tab-cont .inbox {padding-top:50px;}
.recom_phone_wrap .phone {position:relative; justify-content:center;}
.recom_phone_wrap .phone:after {content:''; display:block; clear:both;}
.recom_phone_wrap .phone > li {position:relative; float:left; display:inline-block; width:350px; height:610px; padding-top:40px; margin-left:25px; text-align:center; background-color:#f9f9f9; cursor:pointer; transition:all 1s;}
.recom_phone_wrap .phone > li:first-child {margin-left:0;}
.recom_phone_wrap .phone .label .bi {position:absolute; left:20px; top:-25px; padding:1px 6px; line-height:22px;}
.recom_phone_wrap .phone .imgs {position:relative; width:100%; padding-bottom:20px;}
.recom_phone_wrap .phone .imgs img {width:auto; height:246px;}
/* .recom_phone_wrap .phone > li .title {padding:35px 0 20px;}
.recom_phone_wrap .phone > li .title .bi {padding:0 6px; font-size:13px !important; font-weight:400;}
.recom_phone_wrap .phone > li .title .name {font-size:20px; font-weight:500; padding-left:5px;} */
.recom_phone_wrap .phone > li .title {margin-top:35px; font-size:20px; font-weight:500; padding-left:5px;}
.recom_phone_wrap .phone .price {margin-top:15px;}
.recom_phone_wrap .phone .price > .price_month {font-size:28px; font-weight:400; line-height: 1.37;}
.recom_phone_wrap .phone .price > .price_month > strong {font-size:34px; font-weight:600;}
.recom_phone_wrap .phone .price > .price_month > span {font-size:17px; font-weight:400; color:#989898;}
.recom_phone_wrap .phone .price > .price_sort {font-weight:400; font-size:15px; color:#797979;}
.recom_phone_wrap .phone .btn {display:table; position:absolute; bottom:50px; left:50%; margin-left:-110px}
.recom_phone_wrap .phone .btn .btn_join {outline:none !important; z-index:1; position:relative; display:table-cell; width:220px; height:46px; vertical-align:middle; margin-top:45px; font-size:22px; font-weight:500; background-color:#fff; color:#222; border:2px solid #222; border-radius:25px;}
 
/* 휴대폰 아이템 공통  */
.phone .tag {display:block;}
.phone .tag > span {display:inline-block; margin-right:2px; padding:5px 8px;}
.phone .tag > span:last-child {margin-right:0;}
.phone .tag .tmoney {background-color:#880364; color:#fff;}
.phone .tag .pay {background-color:#003d8b; color:#fff;}
.phone .tag .lgpay {background-color:#c90454; color:#fff; }
.phone .tag .type {background-color:#fff; color:#555; border:1px solid #ccc;}

 /* hover */
.recom_phone_wrap .phone > li:focus:before,
.recom_phone_wrap .phone > li:hover:before {content:''; position:absolute; left:2px; top:0;  width:348px; height:610px; border:1px solid #f1006f; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.recom_phone_wrap .phone > li:focus .price > .price_month,
.recom_phone_wrap .phone > li:hover .price > .price_month {color:#f1006f;}
.recom_phone_wrap .phone > li:hover .btn .btn_join,
.recom_phone_wrap .phone > li:hover .btn .btn_join {background-color:#f1006f; color:#fff; border:2px solid #f1006f;}
.recom_phone_wrap .phone > li .btn .btn_join::after {content:''; z-index:-1; background-color:hsla(0, 0%, 100%, 0); position:absolute; top:-50%; bottom:-50%; width:1.35em; height:3.55em; 
	transform:translateX(-525%) rotate(35deg);
	-webkit-transform:translateX(-525%) rotate(35deg);
	-moz-transform:translateX(-525%) rotate(35deg);
	-ms-transform:translateX(-525%) rotate(35deg);
}
.recom_phone_wrap .phone > li .btn .btn_join:hover::after {background-color:hsla(0, 0%, 100%, .25); 
   	transition:transform 0.5s; 
	-webkit-transition:transform 0.5s; 
    -moz-transition:transform 0.5s; 
    -ms-transition:transform 0.5s; 
	transform:translateX(200%) rotate(35deg);
	-webkit-transform:translateX(300%) rotate(35deg);
	-moz-transform:translateX(300%) rotate(35deg);
	-ms-transform:translateX(300%) rotate(35deg);
}


/****************************************
# 소개영상 / 이야기소식
****************************************/
.video_wrap {position:relative; background:#FFE5E6 url(../images/main/bg_video.jpg) repeat-x center 80%;}
.video_wrap > .inbox {padding-top:55px !important}
.video_wrap a {display:block;}
.video_wrap .tab-list {position:relative; width:1100px; margin:50px auto 0; text-align:center;}
.video_wrap .tab-list:after {content:''; display:block; clear:both;}
.video_wrap .tab-list li {position:relative; display:inline-block; border:3px solid #a0a0a0; border-radius:25px; margin-right:10px;}
.video_wrap .tab-list li:last-child {margin-right:0;}
.video_wrap .tab-list li a {padding:10px 18px; text-align:center; font-size:22px; font-weight:500; color:#a0a0a0;}
.video_wrap .tab-list li.active {border-color:#72166c;}
.video_wrap .tab-list li.active:after {content:''; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:10px; border-style:solid; border-color:transparent; border-top:10px solid #72166c;}
.video_wrap .tab-list li.active a {font-weight:600; color:#72166c;}
.video_wrap .tab-cont > .inbox {padding:0;}
.video_wrap .tab-cont #videoTab-2 {display:none;}

.video_wrap .video_list {margin-top:35px;}
.video_wrap .video_list:after {content:''; display:block; clear:both;}
.video_wrap .video_list li {float:left; display:inline-block; width:525px;}
.video_wrap .video_list li:first-child {margin-right:30px;}
.video_wrap .video_list li:focus,
.video_wrap .video_list li:hover .title {font-weight:500; color:#f1006f;}
.video_wrap .video_list li .sub_tit {margin-top:20px; font-size:20px; text-align:center; color:#444;}
.video_wrap .video_list li .video iframe {width:535px; height:301px;}
.video_wrap .swiper-pagination,
.video_wrap .sswiper-button-next,
.video_wrap .swiper-button-prev {display:none;}

.advertise_wrap {position:relative; min-width:1100px; background-color:#e5e5ef;}
.advertise_wrap > .inbox {padding-top:55px !important}
.advertise_wrap .inbox:after {content:''; display:block; clear:both;}
.advertise_wrap h5 {padding-bottom:35px;}
.advertise_wrap .box {display:inline-block; width:525px; height:405px; padding:30px 35px;  background-color:#fff;}
.advertise_wrap .box > .title {position:relative; margin-bottom:30px; font-size:24px; font-weight:600;}
.advertise_wrap .box > .title .btn {display:block; position:absolute; right:0; top:0; cursor:pointer;}
.advertise_wrap .box > .title .btn span {display:inline-block;}
.advertise_wrap .box > .title .btn span.btn_more {padding:3px 35px 3px 15px; color:#fff; font-size:14px; font-weight:400; border-radius:20px; background:#e6000b url(../images/icon/bg_ico_arrow_right_wh.png) no-repeat 85% center;}
.advertise_wrap .press_box {float:left;}
.advertise_wrap .press_box li {display:table; width:100%; padding:20px 0; border-bottom:1px solid #e2e2e2;}
.advertise_wrap .press_box li:first-child {padding-top:0;}
.advertise_wrap .press_box li:last-child {border-bottom:0}
.advertise_wrap .press_box li .thumb {display:table-cell; margin-right:20px;}
.advertise_wrap .press_box li .thumb img {width:185px; height:auto; border:1px solid #e2e2e2;}
.advertise_wrap .press_box li .headline {display:table-cell; padding-left:20px; vertical-align:top;}
.advertise_wrap .press_box li .headline .title {padding-bottom:15px; font-size:19px; font-weight:500; line-height:1.4;}
.advertise_wrap .press_box li .headline .date {font-weight:400; color:#808080;}
.advertise_wrap .promote_box {float:right;}
.advertise_wrap .promote_box iframe {width:100%; height:290px;}



/****************************************
# 소개영상 
****************************************/
.why_wrap {position:relative;}
.why_wrap .why_list {margin-top:85px; font-size:0;}
.why_wrap .why_list:after {content:''; display:block; clear:both;}
.why_wrap .why_list > li {float:left; display:inline-block; width:183px; text-align:center;}
.why_wrap .why_list > li:first-child {margin-right:0;}
.why_wrap .why_list > li .img {margin-bottom:30px;}
.why_wrap .why_list > li .title {font-size:20px; font-weight:600; color:#0f0f10;}
.why_wrap .why_list > li .txt {display:inline-block; margin-top:20px; font-size:16px; font-weight:400; color:#34404c; line-height:1.37;}



/****************************************
# 고객센터 
****************************************/
.cs_wrap {min-width:1100px; background-color:#e0e3e6;}
.cs_wrap .box {display:inline-block; float:Left; width:350px; height:272px; margin-left:25px; padding:30px 35px; background-color:#fff; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cs_wrap .box:first-child {margin-left:0;}
.cs_wrap .box .title {position:relative; font-size:22px; font-weight:500; color:#0f0f10;}
.cs_wrap .box .title > .btn {display:block; position:absolute; right:0; top:0; cursor:pointer;}
.cs_wrap .box .title > .btn span {display:inline-block;}
.cs_wrap .box .title > .btn span.btn_more {position:relative; padding-right:20px; font-size:14px; font-weight:400; color:#999; text-indent:-9999px; background:url(../images/btn/btn_more01_over.png) no-repeat right center;}
.cs_wrap .box .title > .btn span.bg_arrow {padding:3px 35px 3px 15px; color:#fff; font-size:14px; font-weight:400; border-radius:20px; background:#E6000B url(../images/icon/bg_ico_arrow_right_wh.png) no-repeat 85% center;}
.cs_wrap .notify .list {margin-top:15px;}
.cs_wrap .notify .list li {position:relative; padding:0 0 8px 10px;}
.cs_wrap .notify .list li::after {content:''; display:inline-block; position:absolute; left:0; top:8px; width:4px; height:4px; background-color:#666; border-radius:50%;}
.cs_wrap .notify .list li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#34404c; font-size:17px; font-weight:400;}
.cs_wrap .mypage ul {display:table;}
.cs_wrap .mypage ul:after {content:''; display:block; clear:both;}
.cs_wrap .mypage ul > li {display:table-cell; float:left; width:50%; cursor:pointer;}
.cs_wrap .mypage ul > li > a {display:block; padding-top:75px; text-align:center; color:#34404c; font-size:17px; font-weight:400;}
.cs_wrap .mypage ul > li:hover > a {color:#e6000b;}
.cs_wrap .mypage ul > li.usage {background:url(../images/main/my_ic1.png) no-repeat center center;}
.cs_wrap .mypage ul > li.usage:hover {background:url(../images/main/my_ic1_on.png) no-repeat center center;}
.cs_wrap .mypage ul > li.usage_fee {background:url(../images/main/my_ic2.png) no-repeat center center;}
.cs_wrap .mypage ul > li.usage_fee:hover {background:url(../images/main/my_ic2_on.png) no-repeat center center;}
.cs_wrap .mypage ul > li.billpayment {background:url(../images/main/my_ic3.png) no-repeat center center;}
.cs_wrap .mypage ul > li.billpayment:hover {background:url(../images/main/my_ic3_on.png) no-repeat center center;}
.cs_wrap .mypage ul > li.join_info {background:url(../images/main/my_ic4.png) no-repeat center center;}
.cs_wrap .mypage ul > li.join_info:hover {background:url(../images/main/my_ic4_on.png) no-repeat center center;}
.cs_wrap .cs .title .btn_cnsl {padding:3px 35px 3px 15px; background-color:#e6000b; color:#fff; font-size:14px; font-weight:400; border-radius:20px;}
.cs_wrap .cs dl {display:table; width:100%; margin-bottom:5px;}
.cs_wrap .cs dl:nth-of-type(1) {margin-top:15px;}
.cs_wrap .cs dl > dt {display:table-cell; width:40%; font-size:15px; font-weight:400; text-align:left;}
.cs_wrap .cs dl > dd {display:table-cell; width:60%; font-size:19px; font-weight:500; text-align:right;}
.cs_wrap .cs dl > dd span{padding:0 3px; font-size:14px; font-weight:400; color:#666;}
.cs_wrap .cs .time {margin-top:10px; font-size:14px; font-weight:400; color:#666; text-align:center;}

.cs_wrap .quick_menu {clear:left; padding-top:20px;} 
.cs_wrap .quick_menu:after {content:''; display:block; clear:both;}
.cs_wrap .quick_menu li {display:inline-block; float:Left; width:260px; /* width:353px; */ margin-left:20px; background-color:#fff;}
.cs_wrap .quick_menu li:first-child {margin-left:0;}
.cs_wrap .quick_menu a {position:relative; display:block; padding:20px; color:#34404c; font-size:18px; font-weight:400; text-align:center;}
.cs_wrap .quick_menu a::before {content:'';  position:absolute; left:50%; bottom:0; width:100%; height:2px; background-color:#e6000b; transform-origin:center; transform:translate(-50%, 0) scaleX(0); transition:transform 0.5s ease-in-out;}
.cs_wrap .quick_menu a:hover {color:#e6000b;}
.cs_wrap .quick_menu a:hover::before {transform:translate(-50%, 0) scaleX(1);}


/****************************************
# side 20190819
****************************************/
.floating {width:1100px; z-index:999;}

.floating .kakao {position:fixed; left:50%; margin-left:560px; bottom:0;}
.floating .kakao img {height:auto; vertical-align:middle;}

#side {width:1100px; z-index:999;}
#side .mark {position:fixed; left:50%; margin-left:560px; top:150px; width:106px; z-index:1;}
#side .mark .top {height:42px; line-height:42px; text-align:center; font-size:15px; color:#555; border:1px solid #c5c5c5; border-bottom:0; background-color:#dfdfdf; border-radius:15px 15px 0 0;}
#side .mark ul {background-color:#fff; border:1px solid #c5c5c5; border-top:0; border-radius:0 0 15px 15px;}
#side .mark ul li {height:90px; padding:0 10px;}
#side .mark ul li a {display:block; padding:20px 0; border-bottom:1px solid #e2e2e2; text-align:center; cursor:auto;}
#side .mark ul li:last-child a {border-bottom:0;}

.side {width:1100px; z-index:999;}
.side .inner {position:fixed; left:50%; margin-left:560px; top:150px; width:106px; z-index:110;}
.side .inner a {display:block; text-align:center;}
.side .inner li:last-child {padding-bottom:0; border-bottom:0;}
.side .quick_menu {margin-bottom:0; padding:25px 15px; border:1px solid #ddd; border-radius:50px; background-color:rgba(255,255,255,1);}
.side .quick_menu li {padding:15px 0; text-align:center; border-bottom:1px solid #e7e7e7; cursor:pointer;}
.side .quick_menu li:first-child {padding-top:0;}
.side .quick_menu li img {display:inline-block;}
.side .quick_menu li span {display:inline-block; font-size:13px; color:#777;}
.side .quick_menu .offline_store span {margin-top:8px;}
.side .mark {margin-bottom:0; padding:25px 15px; border:1px solid #ddd; border-radius:50px; background-color:rgba(255,255,255,.65);}
.side .mark li {padding-bottom:20px;}
.side .mark a {cursor:auto;}



/****************************************
# 핫이슈 20200210
****************************************/
.hotissue {margin:75px 0 0; background-color:#f9f9f9;}
.hotissue .sns_list {margin-top:50px;}
.hotissue .sns_list:after {content:''; display:block; clear:both;}
.hotissue .sns_list li {float:left; width:348px; height:169px; margin-right:26.5px;}
.hotissue .sns_list li:last-child {margin-right:0;}
.hotissue .sns_list li a {display:inline-block; transition:all 0.2s;}
.hotissue .sns_list li a:hover {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	transform:scale(1.05);
	-webkit-box-shadow:10px 10px 15px rgba(0,0,0,.25); 
	-moz-box-shadow:10px 10px 15px rgba(0,0,0,.25); 
	box-shadow:10px 10px 15px rgba(0,0,0,.25);
}
.hotissue .sns_list li a > img {width:100%; height:100%;}
.hotissue .swiper-container,
.hotissue .swiper-container .swiper-slide {overflow:visible;}





.time_sale{color:#fff; background: #e6000b; font-size:16px; padding:2px 5px; border-radius: 5px; margin-right: 5px; transform: translateY(-3px); display: inline-block;}