*{word-break: keep-all}

/* common */
.container {position: relative; width:100%; min-width: 220px; margin:0 auto;}
.container-headline {padding:30px 0 50px}
.container-headline .headline {padding:0 16px 16px;}
.container-headline .headline .title {font-size:21px; font-weight:600;}

.container-h3 {padding: 30px 16px 0;}
.container-h3 h3 {padding-bottom:26px; font-size: 21px; font-weight: 600;}

.arrow-right-link {display: inline-block; position:relative; padding-right:10px; font-weight:500; color:#0d78db; font-size:15px;}
.arrow-right-link::after {content:""; position:absolute; right:0; top:11px; width:5px; height:5px; border-top:2px solid #0d78db; border-right:2px solid #0d78db; transform:translateY(-50%) rotate(45deg);}
.arrow-right-link.round {padding: 8px 30px 8px 20px; border: 1px solid #ddd; border-radius: 20px; color: #000;}
.arrow-right-link.round::after {content:""; position:absolute; right:15px; top:50%; width:5px; height:5px; border-color: #000; border-right:2px solid #0d78db; transform:translateY(-50%) rotate(45deg);}


/* tab */
.tab-menu {position:relative; margin-bottom:26px;}
.tab-menu.line {border-bottom:1px solid #e2e2e2;}
.tab-menu .tabs {display:flex; font-size:0;}
.tab-menu .tabs li {display:inline-block; width:auto; position:relative; text-align:center; word-break:keep-all;}
.tab-menu .tabs li + li {margin-left:15px;}
.tab-menu .tabs li::before {content:""; display:block; position:absolute; left:0; bottom:-1px; right:0; width:100%; height:3px;}
.tab-menu .tabs li a {display:block; width:100%; height:100%; padding:0 0 8px; font-weight:700; font-size:17px; color:#acacac;}
.tab-menu .tabs li.active::before {background:#ED5D6F;}
.tab-menu .tabs li.active a {color:#ED5D6F;}
.tab-panel {display:none;}
.tab-panel img {display:block; margin:0 auto;}
.tab-panel.active {display:block;}
.tab-panel .usim_question img{max-width: 100%;}

.plan-tab{display:flex; background-color: #f9f9f9; border:1px solid #efefef; margin-bottom:20px; flex-wrap: wrap; border-radius: 12px;}
.plan-tab li{flex:1 1 40%;}
.plan-tab.wrap li{flex:1}
.plan-tab li label{background: none; padding:12px; text-align: center; color:#999; font-size:15px; display:block; margin:0}
.plan-tab li input:checked + label{background: #fff; color:#f1516c; border:1px solid #f1516c;  border-radius: 12px;}
.plan-tab-view .area{display:none;}
.plan-tab-view .area.active{display:block;}
.plan-tab.w-all{flex-wrap: nowrap;}
.plan-tab.w-all li{width: 100%;}

.tab-con {position:relative; margin-bottom:26px;}
.tab-con .tabs {display:flex; background-color:#f9f9f9; border:1px solid #efefef; border-radius: 16px; flex-wrap: wrap;}
.tab-con .tabs li {text-align:center; width: 100%; flex: 1 1 40%;}
.tab-con .tabs li a {display:block; width:100%; height:100%; padding:15px; font-size:15px; color:#999; font-weight:500;}
.tab-con .tabs li.active{background-color: #f1516c; border-radius: 16px;}
.tab-con .tabs li.active a {color:#fff;}
.tab-con .tabs.w-all{flex-wrap: nowrap;}
.tab-con .tabs.w-all li{flex: 1}
@media (min-width: 940px) {
    .tab-con {margin-bottom:30px;}
	.tab-con .tabs {flex-wrap: nowrap}
	.tab-con .tabs li {flex:inherit}
	.tab-con .tabs li a {font-size:18px;}
}



/* filter */
.tabWrap {text-align: center;}
.tabWrap .mno-tab {margin-bottom:30px;border-bottom:1px solid #e9e9e9;}
.tabWrap .mno-tab li {display:inline-block; position:relative; padding:10px 12px;}
.tabWrap .mno-tab li a {position:relative; font-weight:600; font-size:15px; color:#acacac;}
.tabWrap .mno-tab li.active a {color:#ed5d6f; }
.tabWrap .mno-tab li.active::after {content:""; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#ed5d6f;}

.sortWrap {position:relative; width:100%;}
.sortWrap .count {margin-bottom:12px; font-size:13px; font-weight:500; color:#898989;}
.sortWrap .sort-defulat {display:flex; position:absolute; right:0; top:0; font-size:0;}
.sortWrap .sort-defulat li {position:relative; margin-right:8px; padding-right:8px;}
.sortWrap .sort-defulat li::before {content:""; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#d3d3d3;}
.sortWrap .sort-defulat li:last-child {margin-right:0; padding-right:0;}
.sortWrap .sort-defulat li:last-child::before {display:none;}
.sortWrap .sort-defulat li span {color:#898989; font-weight:500; font-size:13px;}
.sortWrap .sort-defulat li.active span,
.sortWrap .sort-mno li.active span  {color:#ed5d6f;}


/****************************************
# 요금제 리스트
****************************************/
.plan-list {border:1px solid #d3d3d3; border-radius:12px;}
.plan-list + .plan-list {margin-top:12px;}
.plan-list .inner {position:relative; padding:16px;}
.plan-list .point {margin-bottom:20px;}
.plan-list .mplan-item{position:relative;}
.plan-list .mplan-item .badge-sale{position: absolute; right: 0px; top: -25px; width: 60px;}
.plan-list .mplan-item .badge-sale img{max-width: 100%;}
.plan-list .point .badge-box .badge {display:inline-block; padding:3px 10px; font-size:12px; font-weight:500; border-radius:6px;}
.plan-list .point .badge-box .badge.contract {border:1px solid #f77ea4; color:#ff558a;}
.plan-list .point .badge-box .badge.mno-skt {background-color:#ff7712; color:#fff; border: 1px solid #ff7712;}
.plan-list .point .badge-box .badge.mno-lgt {background-color:#f1516c; color:#fff; border: 1px solid #f1516c;}
.plan-list .point .badge-box .badge.mno-kt {background-color:#108a85; color:#fff; border: 1px solid #108a85;}
.plan-list .point .badge-box .badge.mno-5g{padding:0}
.plan-list .point .badge-box .badge.mno-5g img{padding: 0; width: 60px; height: auto; display:inline-block; transform: translateY(-2px);}
.plan-list .point .badge-box .badge.mno-5g + .pc-right + .name{margin-left: 0;}
.plan-list .point .badge-box .badge + .badge {margin-left:5px;}
.plan-list .point .badge-box .badge.period,
.plan-list .point .badge-box .badge.combine {color:#db2b51; background-color:#f7d5dc; border:1px solid #f4bdcd;}
.plan-list .point .badge-box .badge.period-skt,
.plan-list .point .badge-box .badge.combine.combine-skt {color:#ff7712; background-color:#ffdec7; border-color:#ff7712;}
.plan-list .point .badge-box .badge.period-kt,
.plan-list .point .badge-box .badge.combine.combine-kt {color:#108a85; background-color:#ceefeb; border-color:#43c4ba;}
.plan-list .point .badge-box .badge.recom {color:#fff; background:linear-gradient(to right, #42d7b3, #2461eb);}
.plan-list .point .badge-box .pc-right {display:inline-block; margin-left:5px;}
.plan-list .point .name {margin-top:6px; font-weight:500; font-size:15px; color:#898989;}
.plan-list .spec-box {display:flex; flex-wrap:wrap; padding-bottom:10px; flex:1; }
.plan-list .spec-box .data {position:relative; width:100%; margin-bottom:10px; padding-left:24px;}
.plan-list .mplan-item .spec-box .data {width: 100%; margin-bottom: 20px;}
.plan-list .spec-box .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;}
.plan-list .spec-box .data .free {display:inline-block; font-size:18px; font-weight:500; color:#494949;}
.plan-list .spec-box .data .qos,
.plan-list .spec-box .data .tethering {color:#494949;}
.plan-list .spec-box .call {position:relative; width:100%; margin-bottom:10px; padding-left:24px; font-size:14px;}
.plan-list .spec-box .call:before {content:""; display:inline-block; position:absolute; left:0; top:2px; width:12px; height:12px; background:url(../images/icon/icon-plan-call.png) no-repeat center; background-size:contain;}
.plan-list .spec-box .call .free {font-weight:500; font-size:15px; color:#5c5e60;}
.plan-list .spec-box .sms {position:relative; width:100%; margin-left:0; padding-left:24px; font-size:14px;}
.plan-list .spec-box .sms:before {content:""; display:inline-block; position:absolute; left:0; top:2px; width:13px; height:13px; background:url(../images/icon/icon-plan-sms.png) no-repeat center; background-size:contain;}
.plan-list .spec-box .sms .free {font-weight:500; font-size:14px;color:#5c5e60;}
.plan-list .spec-box .qos,
.plan-list .spec-box .tethering,
.plan-list .spec-box .additional {position:relative; display:block; margin-top:5px; padding-left:10px; font-size:13px; color:#898989; vertical-align:baseline;}
.plan-list .spec-box .qos::before,
.plan-list .spec-box .tethering::before,
.plan-list .spec-box .additional::before {content:"+"; position:absolute; left:0; top:1px; font-size:11px; color:#9e9e9e;}
.plan-list .price-box {display:flex; justify-content:flex-end; align-items: end; flex-wrap:wrap;}
.plan-list .mplan-item .price-box {width: auto !important;}
.plan-list .mplan-item .price-box .current-price{display: block; width: 100%;}
.plan-list .mplan-item .price-box .origin-price{width: 100%; display:block; text-align: right;}
.plan-list .price-box .basic-price {position:relative; display:inline-block; margin-right:8px; margin-bottom:2px; padding:0 3px; font-size:13px; color:#898989; text-align:right;}
.plan-list .price-box .basic-price::after {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#acacac;}
.plan-list .price-box .current-price {font-size:23px; font-weight:600; color:#d92d50; text-align:right;}
.plan-list .price-box .current-price .text {font-size:21px;}
.plan-list .price-box .current-price .text2 {font-size:0.63em; color:#898989; display: block; font-weight: 400; margin-top: 10px;}
.plan-list .price-box .current-price .mno-txt{display: block; font-size: 15px; color: #777; line-height: 1;}
.plan-list .price-box .mno-txt2{display: block; font-size: 14px; color:#898989; text-align: right; width: 100%;}
.plan-list .price-box .s_txt {font-size:14px; color:#898989; width: 100%;}
.plan-list .price-box .orgin-price {width:100%; margin-top:6px; font-size:14px; color:#797979; text-align:right;}
.plan-list .price-box .orgin-price + .orgin-price {margin-top:4px;}
.plan-list .benefit-con{display: block; width: 100%; text-align: right;}
.plan-list .benefit-con .benefit-list > div{color:#fff; font-size: 15px; margin-top: 5px;}
.plan-list .benefit-con .benefit-list > div span{display: inline-block; padding: 5px 10px; border-radius: 3px;}
.plan-list .benefit-con .benefit-list .n_pay span{background-color: #03C95B;}
.plan-list .benefit-con .benefit-list .coupon span{background-color: #3f92e7;}
.plan-list .benefit-con .benefit-list .combine span{background-color: #f7e7ea; color:#db4267;}
.plan-list .benefit-con .benefit-list .media span{background-color: #ffd560; color:#333;}
.plan-list .price-box .origin-price{font-size: 18px;}
.plan-list .price-box .origin-price .text{font-weight: 700}
.plan-list .price-box .origin-price .text2{font-size: 0.8em;}
.plan-list .mno-gift {width:100%; margin-top:8px; padding-top:10px; border-top:1px solid #e9e9e9;}
.plan-list .mno-gift img {width:38px;}
.plan-list .mno-gift.gift-list {display:flex; position:relative;}
.plan-list .mno-gift.gift-list .thumb {position:relative; border:1px solid #fff; border-radius:50%;}
.plan-list .mno-gift.gift-list .thumb + .thumb {margin-left:-10px;}
.plan-list .mplan-item .mno-gift.gift-list{position: relative; right: inherit; left:inherit; top: inherit; bottom: inherit; width: 100%; justify-content:end;}
.plan-list .benefit-box {display:flex; flex-wrap:wrap; width:100%; margin-top:16px; padding-top:16px; border-top:1px solid #e9e9e9;}
.plan-list .benefit-box li {width:100%; font-size:13px; color:#898989;}
.plan-list .benefit-box li + li {margin-top:10px;}
.plan-list .benefit-box li.icon {position:relative; padding-left:23px;}
.plan-list .benefit-box li.icon::before {content:""; display:block; position:absolute; left:0; top:-3px; width:18px; height:18px; border-radius:50%; background-color:#f0f0f0;}
.plan-list .benefit-box li.cgv {padding-left:34px;}
.plan-list .benefit-box li.cgv::before {width:30px; background:url(../images/icon/bg_plan_cgv.png) no-repeat center left; background-size:contain;}
.plan-list .benefit-box li.starbucks::before {top:-1px; background:url(../images/icon/bg_plan_starbucks.png) no-repeat center left; background-size:contain;}
.plan-list .benefit-box li.npay {padding-left:43px;}
.plan-list .benefit-box li.npay::before {top:-1px; width:40px; border-radius: 0; background:url(../images/icon/bg_plan_npay.png) no-repeat center left; background-size:contain;}
.plan-list .reminder-box {cursor:pointer; z-index:1; position:absolute; right:16px; top:16px;}
.plan-list .reminder-box .text {padding:2px 10px; font-size:11px; color:#898989; background-color:#e9e9e9; border-radius:15px;}
/* .plan-list .reminder-box .icon-warn {width:20px;  height: 20px; background:url(../images/icon/icon_warning_gray.png) no-repeat; background-size:contain;}
 */

.plan-list .gift-mno {cursor: pointer; position: relative; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e9e9e9;}
.plan-list .gift-mno img {width: 100%; height: 100%;}
.plan-list .gift-mno .thumb {width: 32px; height: 32px; border:1px solid #fff; border-radius:50%;}
.plan-list .gift-mno .short {display: flex; align-items: center; position:relative;}
.plan-list .gift-mno .short .thumb-list {display: flex;}
.plan-list .gift-mno .short .thumb-list .thumb  + .thumb {margin-left:-10px;}
.plan-list .gift-mno .short .text {z-index: 2; position: absolute; top: 3px; right: 0; width: 100%; margin-left: auto; padding:5px 18px 5px 0; font-weight: 400; font-size: 13px; color: #666; text-align: right;}
.plan-list .gift-mno::after {content:""; display:block; position:absolute; right:0; top:35px; width:8px; height:8px; border-bottom:1px solid #acacac; border-left:1px solid #acacac; transform:translateY(-50%) rotate(-45deg);}
.plan-list .gift-mno .list {display: none;}
.plan-list .gift-mno .list li {display: flex; align-items: center; position: relative; font-size: 15px; font-weight: 400; color: #898989;}
.plan-list .gift-mno .list li + li {margin-top:8px;}
.plan-list .gift-mno .list li .text {margin-left: 5px; font-size: 15px; color: #666;}
.plan-list .gift-mno .list li .text > span {margin-left: 5px; font-size: 13px; color: #898989;}
.plan-list .gift-mno.active .short,
.plan-list .gift-mno.active .short .thumb-list  {display: none;}
.plan-list .gift-mno.active .short .text::after {transform:rotate(135deg)}
.plan-list .gift-mno.active .list {display: block;}


/* 요금제 리스트 하단배너 */
.mno-banner {margin-bottom: 40px;}
.mno-banner .banner-top {margin-bottom:12px; font-weight: 600; font-size: 18px;}
.mno-banner .banner-top .title {margin-bottom:12px; font-weight: 600; font-size: 18px;}
.mno-banner .banner-top .title .logo {display: inline-block; width:96px; vertical-align:middle; margin-top: -8px;}
.mno-banner .banner-top .title .logo img {width: 100%;}
.mno-banner .banner-top .desc {margin-top:8px; font-weight: 400; font-size: 16px; color:#666;}
.mno-banner .banner-box img {width: 100%;}

/* 검색 결과 */
.result-box {margin-top:20px;} 
.result-box .no-data {position:relative; margin:60px 0 40px; padding-top:60px; text-align:center; font-weight:500; font-size:16px; color:#494949;}
.result-box .no-data::before {content:""; position:absolute; left:50%; top:0; width:46px; height:46px; background:url(../images/icon/icon_search-nodata.png); background-size: contain; transform: translateX(-50%);}

/* 요금제 table */
.rate_table_con{margin-top: 10px;}
.rate_table_con + .rate_table_con {margin-top: 30px;}
.rate_table_con .rate_title{display: flex; justify-content: space-between; align-items: baseline; margin-bottom:12px;}
.rate_table_con .rate_title h4{font-size: 15px !important; position: relative; padding-left: 15px;}
.rate_table_con .rate_title h4:after{position: absolute; display: block; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; border:2px solid #d92d50; border-radius: 20px;}
.rate_table_con .rate_title h4 span{color:#d92d50;}
.rate_table_con .rate_title button{background:#343434; color:#fff; font-size:13px; padding: 5px 15px; border-radius:30px; cursor:pointer;}
.rate_table_con .rate_title button img{display: inline-block; margin-left: 5px; vertical-align: middle;}

.rate_table{display: flex; flex-wrap: wrap; justify-content: space-between;}
.rate_table .tlist{border:1px solid #d3d3d3; padding: 20px; border-radius: 10px; margin-bottom: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.rate_table .tlist .name{font-size: 15px; font-weight: 500; width: 100%; color:#898989;}
.rate_table .tlist .name .lg_comb{background: #d92d50; color:#fff; padding:3px 10px; border-radius: 5px; font-weight:400; font-size: 12px; margin-right:6px; vertical-align: middle; transform: translateY(-1px); display: inline-block;}
.rate_table .tlist .spec_box{width: 100%; display: flex; flex-wrap: wrap;}
.rate_table .tlist .spec_box li{position: relative; color:#494949;}
.rate_table .tlist .spec_box li.data{padding-left:24px; font-size:18px; font-weight: 500; margin: 15px 0 10px 0; width: 100%;}
.rate_table .tlist .spec_box li.data::before {content:""; display:inline-block; position:absolute; left:0; top:2px; width:16px; height:16px; background:url(../images/icon/icon-plan-data.png) no-repeat center; background-size:contain;}
.rate_table .tlist .spec_box li.call{margin-right: 20px; padding-left: 24px;}
.rate_table .tlist .spec_box li.call::before {content:""; display:inline-block; position:absolute; left:0; top:2px; width:14px; height:14px; background:url(../images/icon/icon-plan-call.png) no-repeat center; background-size:contain;}
.rate_table .tlist .spec_box li.mms {padding-left: 24px;}
.rate_table .tlist .spec_box li.mms::before  {content:""; display:inline-block; position:absolute; left:0; top:2px; width:14px; height:14px; background:url(../images/icon/icon-plan-sms.png) no-repeat center; background-size:contain;}
.rate_table .tlist .price_box{width: 100%; text-align: right;}
.rate_table .tlist .price_box li{width: 100%; margin-top:10px; font-size: 13px;}
.rate_table .tlist .price_box li .text{margin-right: 5px; display: inline-block; color:#898989}
.rate_table .tlist .price_box li .number {text-align:right;}
.rate_table .tlist .price_box li.dc_price{position: relative; margin-top: 5px;}
.rate_table .tlist .price_box li.price{color:#d92d50; font-size:18px; font-weight: 500; position: relative;}
.rate_table .tlist .price_box li.price span{color:#d92d50;}
.rate_table li img{display: inline-block; margin-right: 5px; vertical-align: middle; transform: translateY(-1px); width: 15px;}
.rate_table .tlist li small{position: relative; padding-left: 10px; font-size: 13px; color:#777; display: block; margin-top: 5px; font-weight: normal; display: block;}
.rate_table .tlist li em{position: relative; padding-left: 10px; font-size: 13px; color:#d92d50; display: block; margin-top: 5px; width: 100%;}
.rate_table .tlist li small::before,
.rate_table .tlist li em::before {content:"+"; position:absolute; left:0; top:1px; font-size:11px; color:#9e9e9e;}

/* layer-popup */
.layer_popup_st{position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 100000000; display: none;}
.layer_popup_st .back{width: 100%; height: 100%; background:rgba(0,0,0,0.4);}
.layer_popup_st .popup{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 15px; background:#fff; width: 90%; max-width: 800px;}
.layer_popup_st .popup_inner{padding: 30px;}
.layer_popup_st .popup_inner .popup_head {text-align: center;}
.layer_popup_st .popup_inner .popup_head img{width: 35px;}
.layer_popup_st .popup_inner .popup_head h2{font-size: 17px; font-weight: 600; margin: 10px 0 20px 0; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px;}
.layer_popup_st .popup_inner .popup_body .pb_list li{font-size: 13px; margin-bottom: 7px; line-height:1.3; position: relative; padding-left: 12px; color:#383838}
.layer_popup_st .popup_inner .popup_body .pb_list li:after {position: absolute; left: 0; top: 6px; width: 4px; height: 4px; border-radius: 50px; background:#383838; display: block; content: "";}
.layer_popup_st .popup .acc_popup_btn{width: 100%; padding: 15px; color:#fff; background:#d92d50; border-radius: 0 0 15px 15px;}

.plan-fixed-top {overflow-y: auto; background-color:transparent; width:100%; height:100vh; margin:0 auto;}
.plan-fixed-top .popup {overflow:hidden; position:absolute; left:50%; top:50%; width: 90%; max-width:800px; height:90vh; min-height:auto; margin:0 auto; padding:0; padding-top:60px; padding-bottom:60px; transform: translate(-50%,-50%); border-radius: 15px; background:#fff;}
.plan-fixed-top .popup .close {top:20px; right:20px;}
.plan-fixed-top .popup .popup-head {position:absolute; top:0; left:0; width:100%; height:60px; line-height:60px; border-bottom:1px solid #d3d3d3;}
.plan-fixed-top .popup .popup-head .title {height:inherit; padding:0 20px; font-weight:600; font-size:18px;}
.plan-fixed-top .popup .popup-content {overflow-y: auto; height:100%; padding:20px;}
.plan-fixed-top .popup .popup-content .content {position:relative;}
.plan-fixed-top .popup .popup-content .content + .content {margin-top:40px;}
.plan-fixed-top .popup .popup-content .content .cont-title {margin-bottom:8px; font-weight:500; font-size:16px;}
.plan-fixed-top .popup .popup-content .content ul {width:100%}
.plan-fixed-top .popup .popup-content .content ul li {position:relative; padding-left:12px; font-weight:400; font-size:14px; color:#666; line-height:1.4; word-break:break-all;}
.plan-fixed-top .popup .popup-content .content ul li + li {margin-top:8px}
.plan-fixed-top .popup .popup-content .content ul li > ul {margin-top:4px}
.plan-fixed-top .popup .popup-content .content .num-list {counter-reset: num 0;}
.plan-fixed-top .popup .popup-content .content .num-list > li {padding-left:24px;}
.plan-fixed-top .popup .popup-content .content .num-list > li:before {content:counter(num)"."; counter-increment:num 1; position:absolute; left:0; top:0;}
.plan-fixed-top .popup .popup-content .content .desc-list li {padding-left:12px !important;}
.plan-fixed-top .popup .popup-content .content .desc-list li::before {content:""; position:absolute; left:0; top:8px; width:6px; height:1px; background:#666;}
.plan-fixed-top .popup .popup-content .content table th,
.plan-fixed-top .popup .popup-content .content table td {font-size:14px;}
.plan-fixed-top .popup .popup-content .content table td {font-weight:400; color:#666;}
.plan-fixed-top .popup .popup-content .content table + ul {margin-top:4px;}
.plan-fixed-top .popup .popup-content .content .scroll-table {width:100%; overflow:auto;}
.plan-fixed-top .popup .popup-content .content .scroll-table table {width:620px !important;}
.plan-fixed-top .popup .popup-content .content .scroll-table p {margin-top:4px; font-weight:400; font-size:14px; color:#666; line-height:1.4;}
.plan-fixed-top .popup .popup-content .content .scroll-table + ul {margin-top:8px}
.plan-fixed-top .popup .popup-btn {position:fixed; left:0; right:0; bottom:0; width:100%; height:auto; margin:0 auto;}
.plan-fixed-top .popup .popup-btn .btn-check {width:100%; height:60px; line-height:60px; font-size:16px; color:#fff; background:#d92d50; border-radius: 0 0 15px 15px;}


/* 선불 유심페이지 팝업 */
.popup-content .content.content02{display: none;}
.popup-content .content.content02 h5{font-size: 17px; font-weight: 600}
.popup-content .content .check_list{display: flex; margin-top: 15px; flex-wrap: wrap;}
.popup-content .content .check_list li{width: 100%; padding:0; display:flex; padding:15px; background: #f7f7f7; border-radius: 7px; justify-content: center; align-items: center;}
.popup-content .content .check_list li img{width: 90%; max-width: 30px !important; display: inline-block; margin-right: 10px;}


/* 나에게 맞는 요금제 찾기 */
.pc_w670{max-width: 670px; margin: 0 auto;}
.my_type_con{display:flex; flex-wrap: wrap;}
.my_type_con .type_plan{width: 100%;}
.type_plan .plan-list .spec-box .data {margin-bottom:12px !important;}
.type_plan .plan-list .price-box {width:100%;}

.plan_change{display: flex; flex-wrap: wrap;}
.tory_banner{display: flex; background:#f9f9f9; border-radius: 15px; align-items: center; justify-content: center; margin: 0 auto 30px auto; width: 100%; padding:10px 20px;}
.tory_banner .txt{margin-right: 20px;}
.tory_banner .txt span{color:#a2b3cc; display: block; font-size: 13px;}
.tory_banner .txt p{color:#5e7184; font-size: 17px; font-weight: 700; margin-top: 5px;}
.tory_banner .txt p strong{font-weight: 700;}
.tory_banner .img img{transform: translateY(-7px)}

.type_choice{border-radius:12px; width: 100%; margin-bottom:20px;}
.type_choice .tp_box:first-child {padding-top:0; border-top:0;}
.type_choice .tp_box .tp_tit{min-width:40px; margin:0 8px 6px 0; font-weight:600;}
.type_choice .tp_box .tp_tit span{float:right; font-size:13px; font-weight: 400}
.type_choice .tp_box .tb_radio{display:flex; margin-bottom:15px;}
.type_choice .tp_box .tb_radio input{width: 0; height: 0; overflow: hidden;}
.type_choice .tp_box .tb_radio input + label{margin: 0 6px 0 0; padding: 6px 10px; border:1px solid #d8d8d8; background:#f4f4f4; color:#898989; border-radius:5px; min-height: auto; line-height: normal; font-size: 14px; height: auto}
.type_choice .tp_box .tb_radio input[type="radio"]:checked + label{border-color:#db4267; background:#f7e7ea; color:#db4267}
.type_choice .tp_box .swiper-slide {width:auto;}

.cs_title .cs_txt{width: 100%;}
.cs_title .cs_txt h2{text-align: center;}

.radio_tab_box.type5{justify-content: center; margin-top: 30px; flex-wrap: wrap;}
.radio_tab_box.type5 li{width: calc(100%/2 - 5px); margin: 0 10px 10px 0; text-align: center;}
.radio_tab_box.type5 li:nth-child(2n){margin-right: 0;}
.radio_tab_box.type5 input[type="radio"].radio_style + label{background: #f9f9f9; border-radius: 20px; padding:20px 10px; width: 100%; border:1px solid #efefef; box-sizing: border-box; height: 100%;}
.radio_tab_box.type5 input[type="radio"].radio_style + label br{display: none;}
.radio_tab_box.type5 input[type="radio"].radio_style + label:after{display:none;}
.radio_tab_box.type5 input[type="radio"].radio_style:checked + label{background: #ffdee7; border-color:#ff4874;}
.radio_tab_box.type5 input[type="radio"].radio_style + label img{width: 70px;}
.radio_tab_box.type5 input[type="radio"].radio_style + label p{font-size:14px; line-height: 1.3; font-weight: 600; color:#394451; margin-top: 10px;}

.btn_box{padding-top: 20px;}
.btn_box .btn_type{margin-right: 10px}
.btn_box .btn_type:last-child{margin-right: 0px;}
.btn_type{font-size: 16px; border-radius: 7px; padding: 7px 25px; font-weight: 500; border:1px solid #7688a5; color:#7688a5;}
.btn_type01{background: #ff4874; color:#fff; border-color:#ff4874;}
.btn_type01:disabled{color:#a5b6ce; border-color:#c3cfdd; background: #dce3ef;}
.btn_type02{color:#a5b6ce; border-color:#c3cfdd;}
.btn_s{font-size: 12px; padding: 5px 12px;}

.findType_con{margin-top: 20px;}
.findType_con .plan_box{margin-bottom: 30px;}
.findType_con .plan_box:last-child{margin-bottom: 0px;}
.findType_con .plan_box .plan{padding: 30px 20px; border:1px solid #ffa6bf; border-radius: 20px; color:#7f7f7f; display: flex; flex-wrap: wrap; position: relative; align-items: center; background-color: #fff;}
.findType_con .plan_box .plan .point{display: none;}
.findType_con .plan_box .plan .tag{display: flex; margin-bottom: 10px; width: 100%; justify-content: center; align-items: center;}
.findType_con .plan_box .plan .tag li{margin-right: 5px; border-radius: 9px; font-size: 11px; color:#fff; background: #c4c4c4; padding: 3px 10px;}
.findType_con .plan_box.lg .plan .tag li.mvno{background: #ff4874;}
.findType_con .plan_box.skt .plan .tag li.mvno{background: #ff934a;}
.findType_con .plan_box.kt .plan .tag li.mvno{background: #0eccc4;}
.findType_con .plan_box .plan .tag li.mno-lg{background: none; padding:0}
.findType_con .plan_box .plan .tag li.mno-lg img{width:70px; display: block;}
.findType_con .plan_box .plan .tag li:last-child{margin-right: 0;}
.findType_con .plan_box .plan .name{font-size:18px; margin-bottom: 10px; width: 100%; color:#000; width:100%; text-align: center;}
.findType_con .plan_box .plan .spec{display: flex; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 5px; align-items: baseline;}
.findType_con .plan_box .plan .spec .data{font-size:14px; font-weight: 600; position: relative; padding-left: 18px; margin-right: 15px;}
.findType_con .plan_box .plan .spec .data::after{width: 14px; height: 14px; background: url(../../plan/images/plan-icon-data.png) no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; content: ""}
.findType_con .plan_box .plan .spec .call{font-size:14px; font-weight: 600; position: relative; padding-left: 18px; margin-right: 15px;}
.findType_con .plan_box .plan .spec .call::after{width: 15px; height: 15px; background: url(../../plan/images/plan-icon-call.png) no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; content: ""}
.findType_con .plan_box .plan .spec .mms{font-size:14px; font-weight: 600; position: relative; padding-left: 18px; margin-right: 15px;}
.findType_con .plan_box .plan .spec .mms::after{width: 15px; height: 15px; background: url(../../plan/images/plan-icon-mms.png) no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; content: ""}
.findType_con .plan_box .plan .price{width:100%; display:flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;}
.findType_con .plan_box .plan .price .period{font-size: 14px; font-weight: 500; margin-right: 5px; color:#969696; text-align: center; margin-top: -10px;}
.findType_con .plan_box .plan .price .promo_price{font-size: 20px; font-weight: 700; transform: translateY(3px);}
.findType_con .plan_box .plan .price .promo_price strong{font-size:1.5em; font-weight: 700; color:#ff4874;}
.findType_con .plan_box.skt .plan .price .promo_price strong{color: #ff934a;}
.findType_con .plan_box.kt .plan .price .promo_price strong{color: #0eccc4;}
.findType_con .plan_box .plan .price a.btn_type{width: 100%; border-radius: 50px; display: inline-block; text-align: center; margin: 15px 50px 0 50px; max-width: 100px; color:#7f7f7f; border-color:#7f7f7f;}
.findType_con .plan_box .plan .price .promo_txt{font-size:15px; color:#7688a5; text-align: right; margin:0 5px 2px 0;}
.findType_con .plan_box .plan .benefit-con{display: flex; width:100%; margin-top:10px; flex-wrap: wrap;}
.findType_con .plan_box .plan .benefit-box{padding:15px; border:1px solid #d9e3f2; border-radius: 15px; width:100%; display:flex;}
.findType_con .plan_box .plan .benefit-box.w100,
.findType_con .plan_box .plan .benefit-box2.w100{width:100%; margin-right: 0}
.findType_con .plan_box .plan .benefit-box .bf-title,
.findType_con .plan_box .plan .benefit-box .bf-price{font-size:13px; color:#6c88b3;}
.findType_con .plan_box .plan .benefit-box .bf-title{width:55%;}
.findType_con .plan_box .plan .benefit-box .bf-price{text-align: right; width:45%;}
.findType_con .plan_box .plan .benefit-box ul li:first-child{font-size:17px; font-weight:600; margin-bottom:5px;}
.findType_con .plan_box .plan .benefit-box2{padding:15px; border:1px solid #ddd; border-radius: 15px; width:100%; font-size: 14px;}
.findType_con .plan_box .plan .benefit-box2 .bf-list li{display:flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.findType_con .plan_box .plan .benefit-box2 .bf-list li + li{margin-top: 15px; border-top: 1px dashed #ededed; padding-top: 15px;}
.findType_con .plan_box .plan .benefit-box2 .bf-list li .img{width: 35px}
.findType_con .plan_box .plan .benefit-box2 .bf-list li .txt{font-size: 1em; color:#000; margin-left: 10px; width: 100%; text-align: center; margin-top: 5px;}
.findType_con .plan_box .plan .benefit-box2 .bf-list li .txt span{font-size: 0.9em; color:#797979; display: block;}
.findType_con .plan_box .plan .benefit-plus{background-color:#fff3f6; padding:15px; color:#000; border-radius: 15px; display:flex; justify-content: flex-end; position: relative; width:100%; flex-wrap: wrap; margin-top:17px; align-items: center; border:1px solid #ffa6bf}
.findType_con .plan_box .plan .benefit-plus:after{position:absolute; content: "+"; display: block; width:20px; height: 20px; background-color: #ffa6bf; color:#fff; left:50%; top:-10px; transform: translateX(-50%); border-radius: 20px; text-align: center; line-height:18px;}
.findType_con .plan_box .plan .benefit-plus .images{display:flex; width:100%; justify-content: center; align-items: center;}
.findType_con .plan_box .plan .benefit-plus .images li{position:relative;}
/* .findType_con .plan_box .plan .benefit-plus .images li:after{position:absolute; width:31px; height: 31px; background: #fff; display:block; left:-3px; top:-3px; content:""; border-radius: 100px;} */
.findType_con .plan_box .plan .benefit-plus .images li + li{margin-left:10px;}
.findType_con .plan_box .plan .benefit-plus .images li img{width:60px; position:relative; z-index: 1;}
.findType_con .plan_box .plan .benefit-plus p{font-size:14px; text-align: center; width:100%; margin-top:10px;}
.findType_con .plan_box .plan .benefit-plus p span{color:#999; display: block;}
.findType_con .plan_box .plan .s_txt{font-size:14px; color:#99aece; margin-top:10px; font-weight: 400;}
.findType_con .plan_box .plan .s_txt + .btn_type {width:100%; border-radius: 7px; text-align: center; margin-top:20px; border:1px solid #d9e3f2}
.findType_con .plan_box.promo_box .plan .benefit-box{border-color:rgba(255,255,255,0.5);}
.findType_con .plan_box.promo_box .plan .price .promo_txt,
.findType_con .plan_box.promo_box .plan .benefit-box .bf-title,
.findType_con .plan_box.promo_box .plan .benefit-box .bf-price,
.findType_con .plan_box.promo_box .plan .s_txt{color:#fff;}
.findType_con .plan_box.promo_box .plan .s_txt + .btn_type {background-color: rgba(255,255,255,0.2); color:#fff; border:none;}
.findType_con .plan_box.promo_box .plan .benefit-plus{background-color:#fff;}
.findType_con .plan_box.promo_box .plan .benefit-plus .images li:after{background:linear-gradient(45deg,#ff85ae, #ff4874,#ff85ae);}
.findType_con .plan_box .combine{background:#f9f9f9; border-radius: 20px; border:1px solid #efefef;}
.findType_con .plan_box .combine a{display: flex; align-items: center; justify-content: center; padding: 10px;}
.findType_con .plan_box .combine img{transform: translateY(3px);}
.findType_con .plan_box .combine p{font-size: 14px; color:#707070;}
.findType_con .promo_box .plan{background: linear-gradient(45deg,#ff85ae, #ff4874,#ff85ae); color:#fff;}
.findType_con .promo_box .plan .point{display: block; position: absolute; left: 10px; top: -20px;}
.findType_con .promo_box .plan .point img{width: 55px;}
.findType_con .promo_box .plan .tag li{background: #fff !important; font-weight: 500; color:#969696;}
.findType_con .promo_box.lg .plan .tag li.mvno{color: #ff4874;}
.findType_con .promo_box.skt .plan .tag li.mvno{color: #ff934a;}
.findType_con .promo_box.kt .plan .tag li.mvno{color: #0eccc4;}
.findType_con .promo_box .plan .price .period{color:#fff;}
.findType_con .promo_box .plan .price .promo_price strong{color:#ffed99 !important;}
.findType_con .promo_box .plan .name{color:#fff;}
.findType_con .plan_box .plan .spec .data,
.findType_con .plan_box .plan .spec .call,
.findType_con .plan_box .plan .spec .mms{font-weight: 300;}
.findType_con .promo_box .plan .spec .data::after{background: url(../../plan/images/plan-icon-data-white.png) no-repeat; background-size: contain;}
.findType_con .promo_box .plan .spec .call::after{background: url(../../plan/images/plan-icon-call-white.png) no-repeat; background-size: contain;}
.findType_con .promo_box .plan .spec .mms::after{background: url(../../plan/images/plan-icon-mms-white.png) no-repeat; background-size: contain;}
.findType_con .promo_box .plan .price a.btn_type{color:#fff; border-color:#fff;}
.plan_refresh{margin: 40px 0;}
.plan_refresh a{display: flex; justify-content: center; align-items: center;}
.plan_refresh a img{margin-right:10px;}
.plan_refresh a p{font-size: 15px; color:#c4c4c4;}
.more_plan{margin-top: 30px; text-align: center;}
.more_plan a{font-size: 14px; color:#c4c4c4; padding: 10px 20px; display: inline-block; border:1px solid #c4c4c4; border-radius: 100px; font-weight: 500}

/* 스텝 */
.join_step {display:flex; align-items:center; justify-content:center; padding:0 0 16px 0; width: 100%;}
.join_step li {width:10px; height:10px; background:#ddd; border-radius:50%; margin-left:10px; text-indent:-9999px; list-style:none;}
.join_step li.active {width:20px; height:20px; background:#f1516c; color:#fff; font-size:12px; text-align:center; line-height:20px; text-indent:inherit;}



/****************************************
# 요금제 상세페이지
****************************************/
#detailWrap {margin-bottom:20px; background-color:#f7f7f7;}
.plan-detail .inner {position:relative; padding:30px 16px 36px;}
.plan-detail .btn-icon {position:absolute; top:40px; right:16px;}
.plan-detail .btn-icon .icon-share { width:24px; height:24px; background:url(../images/icon/icon_share.png) no-repeat; background-size:contain;}
.plan-detail .detail .badge-box .badge {display:inline-block; padding:3px 10px; font-size:12px; font-weight:500; border-radius:6px;}
.plan-detail .detail .badge-box .badge.contract {border:1px solid #f77ea4; color:#ff558a; background-color:#fff;}
.plan-detail .detail .badge-box .badge.mno-skt {background-color:#ff7712; color:#fff; border:1px solid #ff7712;}
.plan-detail .detail .badge-box .badge.mno-lgt {background-color:#f1516c; color:#fff; border:1px solid #f1516c;}
.plan-detail .detail .badge-box .badge.mno-kt {background-color:#108a85; color:#fff; border:1px solid #108a85;}
.plan-detail .detail .badge-box .badge.mno-5g{background-color: #fff; border:1px solid #f77ea4; padding: 4px;}
.plan-detail .detail .badge-box .badge.mno-5g img{width: 60px;}
.plan-detail .detail .badge-box .badge + .badge {margin-left:5px;}
.plan-detail .detail .badge-box .badge.period,
.plan-detail .detail .badge-box .badge.combine {color:#db2b51; background-color:#f7d5dc; border:1px solid #f4bdcd;}
.plan-detail .detail .badge-box .badge.period-skt,
.plan-detail .detail .badge-box .badge.combine.combine-skt {color:#ff7712; background-color:#ffdec7; border:1px solid #ff7712;}
.plan-detail .detail .badge-box .badge.period-kt,
.plan-detail .detail .badge-box .badge.combine.combine-kt {color:#108a85; background-color:#ceefeb; border:1px solid #43c4ba;}
.plan-detail .detail .badge-box .badge.recom {color:#fff; background:linear-gradient(to right, #42d7b3, #2461eb);}
.plan-detail .detail .name {margin:12px 0 30px; font-weight:600; font-size:18px; color:#555555;}
.plan-detail .detail .spec-box {display:flex; flex-wrap:wrap; margin:16px 0 20px;}
.plan-detail .detail .spec-box .free {display:inline-block; vertical-align:middle; color:#434b59;}
.plan-detail .detail .spec-box .icon-comm {position:relative; display:inline-block; width:26px; height:26px; margin-right:8px; vertical-align:middle; background-color:#d6d6d6; border-radius:50%;}
.plan-detail .detail .spec-box .icon-comm::after {content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.plan-detail .detail .spec-box .data {position:relative; width:100%; padding-bottom:10px;}
.plan-detail .detail .spec-box .data .icon-comm::after {width:16px; height:16px; background:url(../images/icon/icon-plan-data2.png) no-repeat center; background-size: contain;}
.plan-detail .detail .spec-box .data .free {font-weight:600; font-size:23px;}
.plan-detail .detail .spec-box .call {position:relative;}
.plan-detail .detail .spec-box .call .icon-comm::after {width:14px; height:14px; background:url(../images/icon/icon-plan-call2.png) no-repeat center; background-size: contain;}
.plan-detail .detail .spec-box .call .free {font-weight:600; font-size:16px;}
.plan-detail .detail .spec-box .sms {position:relative; margin-left:30px;}
.plan-detail .detail .spec-box .sms .icon-comm::after {width:15px; height:15px; background:url(../images/icon/icon-plan-sms2.png) no-repeat center; background-size: contain;}
.plan-detail .detail .spec-box .sms .free {font-weight:600; font-size:16px;}
.plan-detail .detail .addition-box {margin-top:12px;}
.plan-detail .detail .addition-box p {position:relative; padding-left:10px; font-size:13px; color:#7e7f7f;}
.plan-detail .detail .addition-box p::before {content:""; display:block; position:absolute; left:0; top:7px; width:2px; height:2px; background-color:#7e7f7f; border-radius:50%;}
.plan-detail .detail .addition-box p + p {margin-top:5px;}
.plan-detail .detail .addition-box p.benefit-cont {padding:5px 10px; display: inline-block; border-radius:3px;}
.plan-detail .detail .addition-box p.benefit-cont::before {display: none;}
.plan-detail .detail .addition-box .btn-detail {position: relative; margin-left: 4px; padding: 3px 20px 3px 10px; font-weight:400; font-size: 13px; color:#000; border:1px solid #ddd; background-color: #fff; border-radius: 16px;;}
.plan-detail .detail .addition-box .btn-detail::after {content:""; display:block; position:absolute; right:10px; top:50%; width:5px; height:5px; border-top:2px solid #000; border-right:2px solid #000; transform:translateY(-50%) rotate(45deg);}
.plan-detail .price-box {margin-top:30px; padding:20px 16px 24px; background-color:#fff; border-radius:16px 16px 0 0;} 
.plan-detail .price-box .point {color:#da2d50}
.plan-detail .price-box dl {display:flex; width:100%; color:#555555;}
.plan-detail .price-box dl + dl {margin-top:6px;}
.plan-detail .price-box dl dt {text-align:left; font-weight:500; font-size:13px;}
.plan-detail .price-box dl dd {flex:1 auto; font-weight:500; font-size:13px; text-align:right;}
.plan-detail .price-box dl dt.icon-low {}
.plan-detail .price-box dl dt.icon-low::before {content:""; display:inline-block; width:6px; height:5px; margin:0 5px 2px 0; border-bottom:1px solid #555; border-left:1px solid #555;}
.plan-detail .price-box .current-price {align-items: baseline; color:#292929; text-align:center;}
.plan-detail .price-box .current-price dt {font-size:18px; font-weight:700;}
.plan-detail .price-box .current-price dd {font-size:25px; font-weight:700;}
.plan-detail .price-box .current-price dd .text {font-size:18px; font-weight:700}
.plan-detail .price-box .current-price .btn-toggle {cursor:pointer}
.plan-detail .price-box .current-price .btn-toggle .icon-arrow {position:relative; width:20px; height:20px; margin-left:6px; border:1px solid #bcbcbc; border-radius:50%;}
.plan-detail .price-box .current-price .btn-toggle .icon-arrow::after {content:""; position:absolute; top:45%; left:50%; width:5px; height:5px; border:1px solid; border-width:1px 0 0 1px; transform:translate(-50%, -50%) rotate(-135deg);}
.plan-detail .price-box .current-price .btn-toggle.active .icon-arrow::after {top:55%; transform:translate(-50%, -50%) rotate(45deg);}
.plan-detail .price-box .orgin-price {margin-top:3px; text-align:right; color:#797979;}
.plan-detail .price-box .detail-price {opacity:0; display:none; margin-top:20px; padding-top:20px; border-top:1px solid #ddd; transition:.2s;}
.plan-detail .price-box .detail-price.active {opacity:1; display:block;}
.plan-detail .price-box .info-box {margin-top:20px; padding:12px; font-size:14px; line-height:1.4; color:#7e7f7f; word-break:break-word; background-color:#f5f7fc; border:1px solid #c7cedd; border-radius:12px;}
.plan-detail .btn-box .btn-join {width:100%; padding:15px 20px; font-weight:700; font-size:18px; border-radius:0 0 16px 16px; color:#fff; background-color:#f1516c;}
.plan-detail .btn-box .btn-join.btn-black {background-color: #5949C1;}

.reminder-detail {position:relative; padding:20px 16px;}
.reminder-detail + .reminder-detail {margin-top:0;}
.reminder-detail .content-title {font-size:20px; font-weight: 600; margin-bottom: 16px;}
.reminder-detail .content + .content {margin-top:40px;}
.reminder-detail .content .cont-title {margin-bottom:12px; font-weight:600; font-size:18px;}
.reminder-detail .content .cont-sub-title {margin-bottom:6px; font-weight:600; font-size:15px;}
.reminder-detail .content .cont-sub-title2 {margin-bottom:6px; margin-top: 16px; font-weight:500;}
.reminder-detail .content ul + .cont-sub-title {margin-top:24px;}
.reminder-detail .content ul {width:100%}
.reminder-detail .content ul li {position:relative; padding-left:12px; font-weight:400; font-size:15px; color:#666; line-height:1.4; word-break:break-all;}
.reminder-detail .content ul li + li {margin-top:8px}
.reminder-detail .content ul li > ul {margin-top:4px}
.reminder-detail .content .num-list {counter-reset: num 0;}
.reminder-detail .content .num-list > li {padding-left:24px;}
.reminder-detail .content .num-list > li:before {content:counter(num)"."; counter-increment:num 1; position:absolute; left:0; top:0;}
.reminder-detail .content .desc-list li {padding-left:12px !important;}
.reminder-detail .content .desc-list li::before {content:""; position:absolute; left:0; top:10px; width:6px; height:1px; background:#666;}
.reminder-detail .content .dot-list li {padding-left:10px !important;}
.reminder-detail .content .dot-list li::before {content:""; position:absolute; left:0; top:8px; width:4px; height:4px; background:#898989; border-radius: 50%;}
.reminder-detail .content .text-list li {padding-left: 20px;}
.reminder-detail .content .text-list li span {position: absolute; left: 0; top: 3px; line-height: 1;}
.reminder-detail .content table {margin-top:0;}
.reminder-detail .content table th,
.reminder-detail .content table td {font-size:14px; border:1px solid #ddd; line-height:1.4;}
.reminder-detail .content table th {padding:6px 10px; font-weight:600; background-color:#e9e9e9; color:#000;}
.reminder-detail .content table td {padding:6px 10px; text-align:center; color:#666; background: #fff;}
.reminder-detail .content table + ul,
.reminder-detail .content table + p {margin-top:4px;}
.reminder-detail .content table + p {font-weight:400; font-size: 15px;}
.reminder-detail .content .cont-text {margin-top:6px; font-weight:400; font-size:15px; color:#666; font-weight:400;}
.reminder-detail .content .scroll-table {width:100%; overflow:auto;}
.reminder-detail .content .scroll-table table {width:620px !important;}
.reminder-detail .content .scroll-table p {margin-top:4px; font-weight:400; font-size:14px; color:#666; line-height:1.4;}
.reminder-detail .content .scroll-table + ul {margin-top:8px}
.reminder-detail .content .benefit-list li {position:relative; margin-top:0; padding-left:0;}
.reminder-detail .content .benefit-list li .cont-box {display:flex; flex-wrap:wrap; align-items: end; padding:20px; border:1px solid #e3e3e3; border-radius:12px;}
.reminder-detail .content .benefit-list li .cont-box .title {width:100%; margin-bottom:4px; font-weight:700; font-size:16px; color:#000;}
.reminder-detail .content .benefit-list li .cont-box .title span{font-size:0.8em; color:#777; font-weight: normal;}
.reminder-detail .content .benefit-list li .cont-box .desc {flex:1; font-weight:400; font-size:15px; color:#686868;}
.reminder-detail .content .benefit-list li .cont-box .btn-link,
.reminder-detail .content .giftbox-list li .cont-box .btn-link {position:relative; display:block;font-weight:500; font-size:13px; color:#232323;}
.reminder-detail .content .benefit-list li .cont-box .btn-link::after,
.reminder-detail .content .giftbox-list li .cont-box .btn-link::after {content:""; display:inline-block; width:6px; height:6px; margin:0 0 2px 4px; border-top:1px solid #232323; border-right:1px solid #232323; transform:rotate(45deg);}
.reminder-detail .content .benefit-list li .cont-box.icon-iptv::before {content:""; display:inline-block; width:34px; height:34px; margin-bottom:12px; background:url(../images/icon/icon-benefit-iptv.png) no-repeat center; background-size: contain;}
.reminder-detail .content .benefit-list li .cont-box.icon-card::before {content:""; display:inline-block; width:34px; height:34px; margin-bottom:12px; background:url(../images/icon/icon-benefit-card.png) no-repeat center; background-size: contain;}
.reminder-detail .content .benefit-list li .cont-box.icon-udoc::before {content:""; display:inline-block; width:90px; height:19px; margin-bottom: 12px; background:url(../images/icon/premium_logo.png) no-repeat center; background-size: contain;}
.reminder-detail .content .benefit-list li .cont-box.icon-tving::before {content:""; display:inline-block; width:90px; height:19px; margin-bottom: 12px; background:url(../images/icon/tving_logo.png) no-repeat center; background-size: contain;}
.reminder-detail .content.benefit-content,
.reminder-detail .content.notice-content {padding:20px; background-color:#f7f7f7; border-radius:12px;}
.reminder-detail .content.benefit-content .cont-title,
.reminder-detail .content.notice-content .cont-title {font-size:18px !important;}
.reminder-detail .content.benefit-content .cont-title::before {content:""; display:inline-block; width:18px; height:18px; margin:0 5px -3px 0; background:url(../images/icon/icon-key-point.png) no-repeat; background-size:contain;}
.reminder-detail .content.benefit-content .cont-title.no-icon::before {display:none;}
.reminder-detail .content.benefit-content .row2 {margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.reminder-detail .content.notice-content {background-color:#eff5fb !important;}
.reminder-detail .content.gift-content {overflow: hidden; position:relative; padding: 20px; text-align:center; border-radius: 12px;}
.reminder-detail .content.gift-content .img-gift {width:100%; max-width: 340px; margin-bottom: 20px;}
.reminder-detail .content.gift-content .img-text {text-align: left;}
.reminder-detail .content.gift-content .img-text + .img-text {margin-top: 20px;}
.reminder-detail .content.gift-content .img-text .cont-sub-title {padding-bottom:12px; font-size:20px; border-bottom:1px solid #000;}
.reminder-detail .content.gift-content .img-text .cont-sub-desc {margin-top: 20px; font-size: 18px; line-height: 1.5;}
.reminder-detail .content.gift-content .img-text .btn-group {display: flex; margin-top: 16px;}
.reminder-detail .content.gift-content .img-text .btn-group a {padding: 3px 15px; font-size: 15px; color: #000; background: transparent; border: 1px solid #666; border-radius: 20px;;}
.reminder-detail .content.gift-content .img-text .btn-group a + a {margin-left: 8px;}
.reminder-detail .content.gift-content.gift-LPZ0002872 * {color:#fff !important;}
.reminder-detail .content.gift-content.gift-LPZ0002872 .img-text .cont-sub-title,
.reminder-detail .content.gift-content.gift-LPZ0002816 .img-text .cont-sub-title {border-bottom:1px solid #fff}
.reminder-detail .content.gift-content.gift-LPZ0001476 {background: linear-gradient(147.37deg, #F6F2FF 4.75%, #DBD0F4 82.68%);}
.reminder-detail .content.gift-content.gift-LPZ1002888 {background: linear-gradient(148.52deg, #FFF0E7 9.2%, #FFE4D6 87.75%);}
.reminder-detail .content.gift-content.gift-LPZ1002895 {background: linear-gradient(145.92deg, #EDFBF6 15.55%, #C1E1D8 89.49%)}
.reminder-detail .content.gift-content.gift-LPZ1002926 {background: linear-gradient(149.27deg, #EEF6FF 7.26%, #C6DFFF 93.01%)}
.reminder-detail .content.gift-content.gift-LPZ0002851 {background: linear-gradient(149.27deg, #E4E1FF 7.26%, #C1BBF4 93.01%)}
.reminder-detail .content.gift-content.gift-LPZ1000155 {background: linear-gradient(149.27deg, #FFEBF7 7.26%, #DBA1FD 93.01%)}
.reminder-detail .content.gift-content.gift-LPZ0002868 {background: linear-gradient(149.27deg, #FFEFD5 7.26%, #F4D194 93.01%)}
.reminder-detail .content.gift-content.gift-LPZ1002901 {background: linear-gradient(149.27deg, #efeafa 7.26%, #dbd0f4 93.01%)}
.reminder-detail .content.service-content {padding:20px; border:1px solid #ddd; border-radius: 12px;}
.reminder-detail .content.service-content .cont-title {margin-bottom: 20px;}
.reminder-detail .content.service-content .service-list {display: flex; flex-wrap: wrap; margin: -8px;}
.reminder-detail .content.service-content .service-list li {width: 50%; padding: 8px; cursor: pointer;}
.reminder-detail .content.service-content .service-list li .img-pack {margin-bottom:20px; text-align: center;}
.reminder-detail .content.service-content .service-list li .img-pack img {width: 100%; max-width:140px;}
.reminder-detail .content.service-content .service-list li dl dt {font-weight: 500; font-size: 16px; color: #000; margin-bottom: 6px;}
.reminder-detail .content.service-content .service-list li dl dd {font-weight: 400; font-size: 15px; margin-bottom: 6px;}

.reminder-detail.mno .content > .cont-title {font-size:20px;}

.benefit-swiper {padding-bottom:12px;}
.benefit-swiper .swiper-pagination {top:auto; bottom:-0;}
.benefit-swiper .swiper-pagination-progressbar {overflow:hidden; height:3px; background-color:#e5e5e5; border-radius:10px;}
.benefit-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#000;}

.giftbox-wrap {padding-bottom:15px;}
.giftbox-wrap .giftbox-list figure img {width:100%;}
.giftbox-wrap .giftbox-list .gift-cont {margin-top:16px;}
.giftbox-wrap .giftbox-list .gift-cont dt {font-size:18px; color:#000; font-weight:600;}
.giftbox-wrap .giftbox-list .gift-cont dd {margin-top:4px;}
.giftbox-wrap .giftbox-list .btn-link {margin-top:10px;}
.giftbox-wrap .giftbox-list-1 li {width:100%; padding-left:0 !important;}
.giftbox-swiper .swiper-slide {margin-top:0 !important; padding-left:0 !important;}
.giftbox-swiper .swiper-pagination {top:auto; bottom:-0;}
.giftbox-swiper .swiper-pagination-progressbar {overflow:hidden; height:3px; background-color:#e5e5e5; border-radius:10px;}
.giftbox-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#000;}

.key-point {padding:20px 16px;}
.key-point .content {padding:20px; background-color:#f7f7f7; border-radius:12px;}
.key-point .content .cont-title {font-weight:700; font-size: 16px; }
.key-point .content .cont-title::before {content:""; display:inline-block; width:18px; height:18px; margin:0 5px -3px 0; background:url(../images/icon/icon-key-point.png) no-repeat; background-size:contain;}
 

/****************************************
# 팝업
****************************************/
.popWrapper .popConiner {margin:0 auto; padding:20px;}
.popWrapper .popTit {padding:16px 20px; font-size:20px; background-color:#222; color:#fff;}
.popWrapper .btn_close {display:block; position:absolute; right:15px; top:15px; width:22px; height:22px; z-index:10; background:url(../images/btn/btn_pop_close2.png) no-repeat 0 0; text-indent:-9999px; background-size:22px auto;}
.popWrapper .btn_close.bk {top:12px; background:url(../images/btn/btn_pop_close.png) no-repeat 0 0; text-indent:-9999px; background-size:22px auto;}
 
.popConiner .filter-menu {padding: 0 0 10px;}
.popConiner .plan-list .inner {padding:16px;}
.popConiner .plan-list .spec-box .data .free {font-size:18px;}
.popConiner .plan-list .spec-box .data .qos, 
.popConiner .plan-list .spec-box .data .tethering {font-size:13px;}
.popConiner .plan-list .spec-box .qos, 
.popConiner .plan-list .spec-box .tethering, 
.popConiner .plan-list .spec-box .additional {font-size:13px;}
.popConiner .plan-list .price-box .current-price {font-size:23px;}
.popConiner .plan-list .price-box .current-price .text {font-size: 19px;}
.popConiner .plan-list .price-box .orgin-price {margin-top:4px; font-size: 15px;}

/* SNS 공유 */
#shareLayer .modal-inbox {min-height:230px;}
#shareLayer .share-list {display:flex; justify-content:center; margin-top:15px;}
#shareLayer .share-list li {width:33.33%; text-align: center;}
#shareLayer .share-list li span {position:relative; font-weight:600; font-size:16px;}
#shareLayer .share-list li span::before {content:""; display:block; width:60px; height:60px; margin-bottom:16px; border-radius:50%;}
#shareLayer .share-list li .icon-kakao span::before {background:url(../images/icon/icon-kakao.svg); background-size: contain;}
#shareLayer .share-list li .icon-facebook span::before {background:url(../images/icon/icon-facebook.svg); background-size: contain;}
#shareLayer .share-list li .icon-url span::before {background:url(../images/icon/icon-url.svg); background-size: contain;}




/****************************************
# 이벤트
****************************************/
/* 리스트 */
.event-list {display:flex; flex-wrap:wrap;}
.event-list li {width:100%;}
.event-list li + li {margin-top:16px;}
.event-list li .thumbnail {width:100%; border-radius:12px; overflow:hidden;}
.event-list li .content {padding:15px 8px;}
.event-list li .content .title {font-weight:600; font-size:17px; color:#000; line-height:1.4;}
.event-list li .content .date {margin-top:3px; color:#666666; font-weight:400; font-size:15px;}
.tabEvent{overflow-x: auto; -ms-overflow-style: none;}
.tabEvent::-webkit-scrollbar{display:none;}

/* 상세페이지 */
.event-view {padding-bottom:60px;}
.event-view .header-box {display:flex; align-items:center; flex-wrap:wrap; margin-bottom:16px; padding:30px 16px 0;}
.event-view .header-box .prog {width:100%;}
.event-view .header-box .prog > span {display:inline-block; margin-bottom:3px; padding:5px 10px 4px; font-weight:300; font-size:13px; background-color:#000; color:#fff; border-radius:3px;}
.event-view .header-box .prog > span.end {background-color:#898989;}
.event-view .header-box .title {flex:1; width:100%; padding-right:3px; font-weight:700; font-size:18px; color:#000; line-height:1.4;}
.event-view .header-box .date {width:100%; margin-top:3px; color:#666666; font-weight:400; font-size:15px;}
.event-view .header-box .btn-icon .icon-share {width:24px; height:24px; background:url(../images/icon/icon_share.png) no-repeat; background-size:contain;}
.event-view > .content-box {}
.event-view > .content-box img {display:block; width:100%;}

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

/* 리뷰 슬라이드 */
.event-view .review-con{background-color:#f7f7f7; position:relative; padding:0 40px 30px 40px; box-sizing:border-box;}
.event-view .review-con .review-swiper{ overflow:hidden; padding-bottom:10px;}
.event-view .review-con .review-swiper .item-box{padding:10px;}
.event-view .review-con .review-swiper .item-box .shadow{background-color:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.2); padding:20px;}
.event-view .review-con .review-swiper .item-box .icon-box{display:flex; justify-content:space-between; margin-top:15px;}
.event-view .review-con .review-swiper .item-box .icon-box img{width:18px;}
.event-view .review-con .review-swiper .item-box .icon-box ul{display:flex;}
.event-view .review-con .review-swiper .item-box .icon-box ul li + li{margin-left:10px;}
.event-view .review-con .review-swiper .item-box .txt-box{margin-top:10px; text-align:left; font-size:14px; font-weight:300; line-height:1.4}
.event-view .review-con .review-swiper .item-box .txt-box .name{font-weight:600; margin-right:5px;}
.event-view .review-con .review-swiper .item-box .txt-box .cl_prmy{font-weight:500}
.event-view .review-con .review-swiper .item-box .txt-box .hashtag{color:#4092f4; margin-top:5px; font-size:13px;}
.event-view .review-con .review-swiper .swiper-button-prev,
.event-view .review-con .review-swiper .swiper-button-next{background-image:none !important;}
@media (max-width: 700px) {
	.event-view .review-con{padding:0 25px 0px 25px;}
	.event-view .review-con .review-swiper .item-box .txt-box{font-size:13px;}
	.event-view .review-con .review-swiper .item-box .txt-box .hashtag{font-size:12px;}
	.event-view .review-con .review-swiper .swiper-button-prev,
	.event-view .review-con .review-swiper .swiper-button-next{width:20px;}
}

/* 카운트다운 UI */
.count_con{background-color:#060a1d; padding:60px}
.count_con .count_box{display:grid; grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr; justify-content:center; align-items:center; max-width:800px; margin:0 auto;}
.count_con .count_box > li{color:#fff; font-size:50px; margin-bottom:10px;}
.count_con .count_box > li.box{position:relative; background-color:#efefef; padding:20px; border-radius:20px; width:100%; position:relative; box-shadow:0 0 10px rgba(0,0,0,0.7); margin-bottom:0; color:#000;}
.count_con .count_box > li.box:after{position:absolute; left:0; bottom:0; width:100%; height:50%; background-color:#e5e5e5; display:block; content:""; z-index: 1; box-shadow: inset 5px 5px 7px rgba(0,0,0,0.04); border-radius:0 0 20px 20px;}
.count_con .count_box > li.box p{text-align:center; font-size:70px; font-weight:800; position:relative; z-index:10}
.count_con .count_box .count_txt{color:#fff; margin:15px 0 0 0; text-align:center; font-size:25px;}
@media (max-width: 1000px) {
	.count_con .count_box{grid-template-columns: 100px 20px 100px 20px 100px 20px 100px;}
	.count_con .count_box > li{font-size:30px; margin-bottom:5px;}
	.count_con .count_box > li.box p{font-size:40px;}
	.count_con .count_box .count_txt{font-size:15px; margin:10px 0 0 0}
}
@media (max-width: 600px) {
	.count_con{padding:20px;}
	.count_con .count_box{grid-template-columns: calc(100%/4 - 8px) 12px calc(100%/4 - 8px) 12px calc(100%/4 - 8px) 12px calc(100%/4 - 8px); max-width:300px;}
	.count_con .count_box > li.box{border-radius:10px; padding:15px 0;}
	.count_con .count_box > li.box p{font-size:25px;}
	.count_con .count_box .count_txt{font-size:11px;}
}

/* 혜택모음 */
.eventAll_con{background:url(/EventFile/eventAll_2410_back.png); background-size:100% 100%;}
.eventAll_con .eventList{display:flex; flex-wrap:wrap; align-items:center; justify-content: center; padding:0 50px 50px 50px; box-sizing: border-box;}
.eventAll_con .eventList > div{width:50%;}
.eventAll_con .eventList > div img{width:auto; max-width:100%; width:100%;}
@media (max-width: 1100px) {
	.eventAll_con .eventList{padding:0 20px 20px 20px;}
}

/* 유튜브 */
.event-view .video_box {width:100%; padding-bottom:50px; background-color:#ffffff;}
.event-view .video_box .video {position:relative; width:85%; height:100%; padding-top:48%; margin:0 auto;}
.event-view .video_box .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 리뷰롤링 */
.v57_con{background:url("../images/promo/v57_back.png") no-repeat; background-size: cover;}
.v57_con2{background:#8dbc98;}
.v57_con3{background:#dc3f64;}
.v57_con4{background:#4a70ed;}
.v57_con5{background:#5cbcc0;}
.e2211_01_con1{background:#ffda77;}
.v57_box{position:relative; margin-bottom: 80px;}
.v57_box:nth-child(1){z-index: 100;}
.v57_box:nth-child(2){z-index: 99;}
.v57_box:nth-child(3){z-index: 98;}
.v57_box:nth-child(4){z-index: 97;}
.v57_box:nth-child(5){z-index: 96;}
.v57_box:nth-child(6){z-index: 95;}
.v57_box:nth-child(7){z-index: 94;}
.v57_box:nth-child(8){z-index: 93;}
.v57_box:nth-child(9){z-index: 92;}
.v57_box:nth-child(10){z-index: 91;}
.v57_box:last-child{margin-bottom: 0;}
.v57_box > a{max-width:74.5%; position: relative; z-index: 2; margin:0 auto; width:100%; display: block;}
.v57_box .v57_inner{max-width:74.5%; position:absolute; left: 50%; transform: translateX(-50%); width:100%; top:30%; opacity: 0; z-index: 1; transition: all 0.5s;}
.v57_box .v57_inner.on{opacity: 1; top:79%;}
.v57_con4 .v57_box .v57_inner.on{top:82%;}
.v57_btn_slide{cursor: pointer; transform: translate(-50%,70%); position: absolute; z-index: 3; left: 50%; bottom: 0; width:31.8%;}
.v57_inner_box{position:relative;}
.v57_inner_box button{position: absolute;}
.v57_inner_box .v57_more2{right:6.5%; top:39.8%; width:12.3%;}
.v57_inner_box .v57_more3{right:6.5%; top:48.6%; width:12.3%;}
.v57_inner_box .v57_more4{right:6.5%; top:45.6%; width:12.3%;}
.v57_inner_box .v57_close{left:50%; bottom:-6%; transform: translateX(-50%); width: 9.6%;}
.v57_more_bt{display: flex;}
.v57_review{background:#a9bdff; padding:10px 0 50px 0; overflow: hidden; position: relative;}
.v57_review .swiper-slide{transform: scale(0.8); transition: all 0.3s; z-index: 2; position: relative;}
.v57_review .swiper-slide-active{transform: scale(1); z-index:3}
.v57_review .swiper-slide-active + .swiper-slide + .swiper-slide{z-index: 1;}
.v57_review .swiper-button-prev{left:0;}
.v57_review .swiper-button-next{right:0;}
.v57_review .swiper-button-prev, .v57_review .swiper-button-next{position: absolute; top: 50%; transform: translateY(-50%); background: none; width: 30px; height: auto;}
.v57_review .v57_review_img2{display: none;}
.v57_review .v57_review_txt{position:absolute; top:40%; left: 10%; width: 80%; font-size: 16px; font-weight: 200; text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.v57_review_name{position:absolute; bottom:16%; left:10%; color:#a3a3a3; font-size: 15px; font-weight: 200}
.v57_review_btn{position: absolute; bottom:16%; right:10%; width:36%;}
.v57_popup{position: fixed; top:0; left: 0; width:100vw !important; height: 100vh; z-index: 10000; display: flex; align-items: center; justify-content: center; display: none;}
.v57_popup .v57_popmask{width:100%; height: 100%; background:rgba(0,0,0,0.4); position: absolute; left: 0; top: 0}
.v57_popinner{max-width: 780px; margin: 0 auto; width: 90%; background:#fff; border-radius: 20px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding:20px; position: relative; z-index: 10; overflow: auto; max-height: 90vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.v57_popinner .v57_pophead{margin-bottom: 20px;}
.v57_popinner .v57_pophead ul{display: flex; align-items: center; color:#a3a3a3; font-weight: 200;}
.v57_popinner .v57_pophead ul li:first-child{width:12%;}
.v57_popinner .v57_pophead ul li:nth-child(2){width:81%; padding:0 15px; font-size:15px; text-align: left;}
.v57_popinner .v57_pophead ul li:last-child{width:6%;}
.v57_popinner .v57_pophead ul li span{font-size:15px;}
.v57_popinner .v57_pophead ul li img{max-width: 100%}
.v57_popinner .v57_popbody img{max-width: 100%;}
.v57_popinner .v57_popbody p{font-weight:300; font-size:15px; line-height: 1.4; margin-bottom: 10px; max-width: 510px; text-align: left;}

/* 웹빌 이벤트 등록 유의사항 */
.event-notice {padding:40px 20px; background:#595959; text-align:left; color:#fff; word-break: break-word;}
.event-notice h1,
.event-notice > p:first-child {color:#fff; font-size: 23px; font-weight: 700; margin-bottom: 30px;}
.event-notice h2 {font-weight: 600; text-decoration: underline; margin-bottom: 20px; color:#fff;}
.event-notice h3,
.event-notice > p > strong {margin:20px 0 10px 0; color:#fff; font-weight: 600}
.event-notice > p {font-weight: 200; line-height: 1.5; color:rgba(255,255,255,0.8); font-size:15px; word-break: break-word;}
.event-notice a {color:#FDEB9F; text-decoration:underline;}
.event-notice .marker{color:#ffde00; font-weight: 400}
.event-notice table {margin:10px 7px 0 7px; width: calc(100% - 14px) !important;}
.event-notice table, 
.event-notice table td, 
.event-notice table th {border : 1px solid rgba(255,255,255,0.5); border-collapse : collapse;}
.event-notice table td {padding:7px; font-size: 14px; font-weight: 300}
.event-notice > strong{font-size: 18px; word-break: break-word;}
.text-big{font-size: 20px; color:#fff; font-weight: 600;}

/* float 가입상담 */
.float-container {position:fixed; left:0; bottom:0; z-index:11; width:100%; background:rgba(27, 27, 27, 0.8); box-shadow:0 0 18px 6px rgb(0 0 0 / 20%); transition:3s;}
.float-container .inner {width:100%;}
.float-container .apply-join {position:relative; padding:15px 16px;}
.float-container .apply-join .item {width:100%;}
.float-container .apply-join .item .counsel-text {font-weight:600; font-size:17px; color:#fff; line-height:1.4;}
.float-container .apply-join .item .counsel-time {margin-top:3px; font-weight:400; font-size:13px; color:#ddd;}
.float-container .apply-join .item .btn-counsel {display:block; width:100%; margin-top:15px; padding:12px 0; font-weight:500; font-size:18px; text-align:center; color:#fff; background:#ef1194; border-radius:30px;}



/****************************************
# 제휴 결합페이지
****************************************/
/* layout */
.partner-wrap {}
.partner-wrap .partner-area {}
.partner-wrap .partner-area .cont-inner {width:100%; padding:50px 16px;}
.partner-wrap .sub-title {margin-bottom:12px; font-size: 15px; font-weight:500; color:#666; line-height:1.3;}
.partner-wrap .main-title {padding:0; font-size: 28px; font-weight:700; line-height:1.3;}

/* 다이렉트 플러스 결합 */
.lgdirect-wrap .lg-color {color:#e6007e}
.lgdirect-wrap .arrow-right-link {margin-top:5px;}
.lgdirect-wrap .float_area {position: fixed; bottom: 0; left: 0; width: 100%; background: #9D09E6; text-align: center; z-index: 10;}
.lgdirect-wrap .float_area a {color: #fff; padding: 25px; display: block; font-size:16px;}

.lgdirect-visual {position:relative; width:100%; height:0; padding-top:100%; background-color:#F8D0F3; background-size: contain;}
.lgdirect-visual::after {content:""; display:block; position: absolute; right:0; bottom:0; width:100%; height:100%; background:url(../images/mno/lgdirect_plus_visual.png) no-repeat 0 bottom; background-size: contain; transform-origin: right bottom;}
.lgdirect-visual .cont-inner {z-index:1; position:absolute; top:0; left:0;}
.lgdirect-visual .title {font-size:24px; font-weight:700; line-height:1.4;}
.lgdirect-visual .desc {margin-top:12px; font-size:15px; font-weight:500; line-height:1.5;}

.lgdirect-benefit {text-align:center;}
.lgdirect-benefit .benefit-box {margin-top:10vw; border-radius:20px; border:1px solid #DFCFEC; background:#FBF6FF; position:relative; padding:61px 16px 32px;}
.lgdirect-benefit .benefit-box .title {border-radius:30px; background: linear-gradient(90deg, #952BF3 -0.1%, #DF0084 99.9%); font-size: 16px; font-weight: 700; position: absolute; left: 50%; transform: translateX(-50%); top:-3vw; color: #fff; padding: 11px 27px;  width: calc(100% - 20%);}
.lgdirect-benefit .benefit-box .desc {margin-bottom:28px}
.lgdirect-benefit .benefit-box .desc .text1 {font-size:18px; font-weight:700;}
.lgdirect-benefit .benefit-box .desc .text2 {font-size:24px; font-weight:700; margin-top:12px; line-height:1.3;}
.lgdirect-benefit .benefit-box .desc .text2 .lg-color {color:#e6007e}
.lgdirect-benefit .benefit-box .benefit_img img {width:100%;}
.lgdirect-benefit .benefit-txt {margin-top: 10px; border-radius: 16px; border: 1px solid #DFCFEC; font-size: 18px; font-weight: 700; padding: 24px 45px; background: #Fff; line-height: 1.4;}
.lgdirect-benefit .benefit-txt p {font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.lgdirect-benefit .benefit-txt span {color: #6E3DBD;}

.lgdirect-script {text-align:center; background-color:#FBF6FF;}
.lgdirect-script {background-color:#FBF6FF;}
.lgdirect-script .event-box {padding: 1px; border-radius: 20px; overflow: hidden; border: 1px solid transparent; background-image: linear-gradient(#fff,#fff),linear-gradient(316deg,#5949C1 50%,#FB78FE 98.97%); box-shadow:0px 10px 30px 0px rgba(61, 28, 114, 0.15); background-origin: border-box; background-clip: content-box,border-box; position: relative; z-index: 1;}
.lgdirect-script .event-box div {display:flex; align-items: center; padding:20px 0;}
.lgdirect-script .event-box div p {font-size: 15px; font-weight: 700; text-align: center; flex: 1; line-height:1.4;}
.lgdirect-script .event-box div p:last-child {color:#e6007e!important}
.lgdirect-script .plan-box {display: flex; border: 1px solid #ddd;background: #fff; margin-top: -45px; padding: 65px 0 24px; border-radius: 20px;}
.lgdirect-script .plan-box .plan {flex:1; padding:0 24px; text-align:left;}
.lgdirect-script .plan-box .plan + .plan {border-left:1px solid #eee}
.lgdirect-script .plan-box .plan .txt_ty1 {font-size:16px; font-weight:500;}
.lgdirect-script .plan-box .plan .price {position: relative; margin-top:15px;}
.lgdirect-script .plan-box .plan .price .cancel {margin-bottom:5px; font-size: 12px; font-weight: 400; color: #767676; text-decoration: line-through;}
.lgdirect-script .plan-box .plan .price .txt_ty,
.lgdirect-script .plan-box .plan .price .txt_ty_event {font-size: 22px; font-weight: 700;}
.lgdirect-script .plan-box .plan .price .txt_ty {display:none; color: #000;}
.lgdirect-script .plan-box .plan .price .txt_ty_event {display:block; color: #E6007E;}
.lgdirect-script .plan-box .plan dl {margin-top:15px; font-size: 13px;}
.lgdirect-script .plan-box .plan dl dt {font-weight: 500; color: #666;  margin-bottom: 4px;}
.lgdirect-script .plan-box .plan dl dd {font-weight: 500;}
.lgdirect-script .plan-box .plan dl dd.img img {width: 28px; box-sizing: border-box;}
.lgdirect-script .plan-box .plan .premium {min-height: 50px;}
.lgdirect-script .plan-box .plan .media {min-height: 70px;}
.lgdirect-script .plan-box .plan .media ul {display:flex;}
.lgdirect-script .plan-box .plan .media ul li {margin-right: -13px;}
.lgdirect-script .plan-box .plan .media ul li img {border: 3px solid #fff; border-radius: 50%; background: #fff;}
.lgdirect-script .plan-box .plan a {display: block; text-align: center; border: 1px solid #E6007E; border-radius: 26px; padding: 10px 0; margin-top: 25px; font-size: 14px; font-weight: 700; color: #fff; background: #E6007E;}

.lgdirect-script .person-box {margin:40px 4.5% 50px;}
.lgdirect-script .person-box ul {position:relative; display:flex;}
.lgdirect-script .person-box ul li {width:100%; margin:0 12px;}
.lgdirect-script .person-box ul li .person {position:relative; cursor: pointer;}
.lgdirect-script .person-box ul li .person::after {content:""; position: absolute; margin-top:15px; left: 50%; font-weight:600; transform: translateX(-50%);}
.lgdirect-script .person-box ul li .person::before {z-index:1; content:""; display:block; position: absolute; top:40%; right:-20px; width:16px; height:16px; background:url(../images/mno/lgdirect_person_plus.png) no-repeat; background-size: contain;}
.lgdirect-script .person-box ul li.active .person::before {background:url(../images/mno/lgdirect_person_plus_on.png) no-repeat; background-size: contain;}
.lgdirect-script .person-box ul li.active.last .person::before {background:url(../images/mno/lgdirect_person_plus.png) no-repeat; background-size: contain;}
.lgdirect-script .person-box ul li:last-child .person::before {display:none;}
.lgdirect-script .person-box ul li .person .thumb-profile {position:relative; padding-top:100%; background-color:#fff; border-radius:50%;}
.lgdirect-script .person-box ul li .person .thumb-profile::before {content:""; display:block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border:1vw solid transparent; background-color:#fff; border-radius: 50%; box-shadow: 1px 1px 5px 0px rgba(0,0,0,.15); transform: translate(-50%, -50%);}
.lgdirect-script .person-box ul li .person .thumb-profile::after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.lgdirect-script .person-box ul li .person .thumb-profile p {width:100%; height:100%;}

.lgdirect-script .person-box ul li:nth-child(1) .person::after {content:"1명";}
.lgdirect-script .person-box ul li:nth-child(2) .person::after {content:"2명";}
.lgdirect-script .person-box ul li:nth-child(3) .person::after {content:"3명";}
.lgdirect-script .person-box ul li:nth-child(4) .person::after {content:"4명";}
.lgdirect-script .person-box ul li:nth-child(1) .thumb-profile::before {border: 6px solid transparent;}
.lgdirect-script .person-box ul li:nth-child(1) .thumb-profile::after {background:url(../images/mno/lgdirect_person1.png) no-repeat; background-size:contain;}
.lgdirect-script .person-box ul li:nth-child(2) .thumb-profile::after {background:url(../images/mno/lgdirect_person2.png) no-repeat; background-size:contain;}
.lgdirect-script .person-box ul li:nth-child(3) .thumb-profile::after {background:url(../images/mno/lgdirect_person3.png) no-repeat; background-size:contain;}
.lgdirect-script .person-box ul li:nth-child(4) .thumb-profile::after {background:url(../images/mno/lgdirect_person4.png) no-repeat; background-size:contain;}

.lgdirect-script .person-box ul li.active .person::after {color:#e6007e;}
.lgdirect-script .person-box ul li.active .thumb-profile::before {box-shadow:none;}
.lgdirect-script .person-box ul li.active:nth-child(1) .person::after {color:#e6007e;}
.lgdirect-script .person-box ul li.active:nth-child(2) .thumb-profile::after {background:url(../images/mno/lgdirect_person2_on.png) no-repeat; background-size:contain;}
.lgdirect-script .person-box ul li.active:nth-child(3) .thumb-profile::after {background:url(../images/mno/lgdirect_person3_on.png) no-repeat; background-size:contain;}
.lgdirect-script .person-box ul li.active:nth-child(4) .thumb-profile::after {background:url(../images/mno/lgdirect_person4_on.png) no-repeat; background-size:contain;}

.lgdirect-script .person-box ul::before {content:""; display:block; position:absolute; left:0; top:50%; transform:translate(2%, -48%); width:48%; height:100%; padding: 8px 0; background-color:#fff; border-radius:60px; box-shadow: 1px 1px 5px 0px rgba(0,0,0,.15);}
.lgdirect-script .person-box ul.people1::before {transform:translate(0, -48%); width:25%;}
.lgdirect-script .person-box ul.people2::before {transform:translate(0, -48%); width:50%;}
.lgdirect-script .person-box ul.people3::before {transform:translate(0, -48%); width:75%;}
.lgdirect-script .person-box ul.people4::before {transform:translate(0, -48%); width:100%;}


.lgdirect-script .person-box ul.people1 li:nth-child(1) {}



.lgdirect-accordion .main-title {text-align:center;}
.lgdirect-accordion .toggle-wrap {margin-top:30px;}
.lgdirect-accordion .toggle-box {width: 100%; overflow: hidden; background: #F4F6FD; border-radius: 14px;}
.lgdirect-accordion .toggle-box + .toggle-box {margin-top:10px;}
.lgdirect-accordion .toggle-box .btn-toggle {width: 100%; padding: 19px 20px; display: inline-flex; justify-content: space-between; align-items: center; font-size:16px; font-weight: 700; text-align: left; color: #000;}
.lgdirect-accordion .toggle-box .btn-toggle:after {content: ""; width: 14px; height: 10px; background: url(../images/mno/accordion_arrow.png) no-repeat 0 0/contain; transition: all .3s;}
.lgdirect-accordion .toggle-box .subDepth {display:none; padding: 0 20px 20px; font-size:15px; line-height:1.5; color: #666;}
.lgdirect-accordion .toggle-box .subDepth .title {color:#000; font-weight:700;}
.lgdirect-accordion .toggle-box .subDepth p {font-weight:400; color: #666;}
.lgdirect-accordion .toggle-box .subDepth ul + p {margin-top:15px;}
.lgdirect-accordion .toggle-box .subDepth ul li {position:relative; margin-top:5px; padding-left:10px;}
.lgdirect-accordion .toggle-box .subDepth ul li::before {content:""; display:inline-block; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background-color:#666;}
.lgdirect-accordion .toggle-box .subDepth table td {background-color:#fff;}
.lgdirect-accordion .toggle-box.active .btn-toggle:after {transform:rotate(180deg)}
.lgdirect-accordion .toggle-box.active .subDepth {display:block;}



@media (min-width: 373px) {
	.plan-list .spec-box .data {margin-bottom:12px;}
	.plan-list .spec-box .call {width:auto; margin-bottom:0px;}
	.plan-list .spec-box .sms {width:auto; margin-left:30px; padding-left:24px;}
	.plan-list .benefit-box li {width:auto; margin-bottom:0; margin-right:20px;}
	.plan-list .benefit-box li + li {margin-top:0;}
	.plan-list .benefit-box li:last-child {margin-right:0;} 
}

@media (min-width: 440px) {
	/* 나에게 맞는 요금제 찾기 */
	.radio_tab_box.type5 input[type="radio"].radio_style + label br{display: block;}
	.radio_tab_box.type5 input[type="radio"].radio_style + label img{width: 100px;}
	.radio_tab_box.type5 input[type="radio"].radio_style + label p{font-size:17px; line-height: 1.3; font-weight: 600; color:#394451;}

	.btn_type{font-size: 17px; padding: 10px 25px;}

	.findType_con .plan_box .plan .price a.btn_type{width: 100%; max-width:inherit; font-size: 15px; padding: 7px 20px;}

	

}

@media (min-width: 600px) {


    .rate_table .tlist{width: calc(50% - 6px);}


	/* 선불 유심페이지 팝업 */
	.popup-content .content.content02 h5{font-size: 20px;}
	.popup-content .content .check_list{margin-top: 30px}
	.popup-content .content .check_list li{width: calc(100%/3); padding:0 20px; border-right: 1px solid #eaeaea; background:none; display: block; text-align: center; margin: 0 !important}
	.popup-content .content .check_list li:last-child{border-right: none;}
	.popup-content .content .check_list li img{width: 90%; max-width: 45px !important; display: inline-block; margin: 0}
	.popup-content .content .check_list li p{margin-top: 10px;}

    
    
    /****************************************
	# 제휴 결합페이지
	****************************************/
	/* layout */
	.partner-wrap .sub-title {font-size: 18px;}
	.partner-wrap .main-title {font-size: 32px;}
		
		
    /* 다이렉트 플러스 결합 */
    .lgdirect-wrap .float_area a {padding:32px 0; font-size:20px;}
    
    .lgdirect-visual {padding-top:80%;}
	.lgdirect-visual .title {font-size:26px;}
	.lgdirect-visual .desc {font-size:17px;}

	.lgdirect-benefit .benefit-box {padding:81px 16px 52px;}
	.lgdirect-benefit .benefit-box .title {border-radius:30px; font-size:18px; padding:16px 30px;}
	.lgdirect-benefit .benefit-box .desc {margin-bottom:36px}
	.lgdirect-benefit .benefit-box .desc .text1 {font-size:22px;}
	.lgdirect-benefit .benefit-box .desc .text2 {font-size:28px; margin-top:16px;}
	.lgdirect-benefit .benefit-txt {font-size:20px; padding:30px 45px;}
	.lgdirect-benefit .benefit-txt p {font-size:18px; margin-bottom:15px;}
	 
	.lgdirect-script .person-box {margin:50px 4.5% 60px;}
	.lgdirect-script .person-box ul {margin: 0 auto;}
	.lgdirect-script .person-box ul::before {border-radius:90px; padding:0;}
	.lgdirect-script .person-box ul li {margin:0 6px;}
	.lgdirect-script .person-box ul li .person {padding:8%;}
	.lgdirect-script .person-box ul li .person::after {margin-top:24px; font-size:18px;}
	.lgdirect-script .person-box ul li .person::before {width:24px; height:24px;}
	
	.lgdirect-script .event-box div p {font-size: 22px;}
	.lgdirect-script .plan-box {padding:85px 0 40px;}
	.lgdirect-script .plan-box .plan .txt_ty1 {font-size:18px; line-height:1.4;}
	.lgdirect-script .plan-box .plan .price {margin-top:20px;}
	.lgdirect-script .plan-box .plan .price .cancel {font-size:15px;}
	.lgdirect-script .plan-box .plan .price .txt_ty,
	.lgdirect-script .plan-box .plan .price .txt_ty_event {font-size:26px;}
	.lgdirect-script .plan-box .plan dl {margin-top:15px; font-size: 16px;}
	.lgdirect-script .plan-box .plan dl dt {margin-bottom:6px;}
	.lgdirect-script .plan-box .plan dl dd.img img {width:40px; height: 40px;}
	.lgdirect-script .plan-box .plan .premium {min-height: 65px;}
	.lgdirect-script .plan-box .plan .media {min-height: 80px;}
	.lgdirect-script .plan-box .plan a {padding: 15px 0; font-size:18px;}
	
	.lgdirect-accordion .toggle-wrap {margin-top:50px;}
	.lgdirect-accordion .toggle-box + .toggle-box {margin-top:10px;}
	.lgdirect-accordion .toggle-box .btn-toggle {padding:24px 30px; font-size:18px;}
	.lgdirect-accordion .toggle-box .btn-toggle:after {width: 18px; height: 14px;}
	.lgdirect-accordion .toggle-box .subDepth {padding: 0 30px 30px; font-size:16px;}
	.lgdirect-accordion .toggle-box .subDepth ul + p {margin-top:20px;}
	.lgdirect-accordion .toggle-box .subDepth ul li {margin-top:5px; padding-left:10px;}
}


@media (min-width: 550px) {
	.findType_con .plan_box .plan .benefit-box,
	.findType_con .plan_box .plan .benefit-box2{width:calc(60% - 20px); margin-right: 20px;}
	.findType_con .plan_box .plan .benefit-box .bf-title,
	.findType_con .plan_box .plan .benefit-box .bf-price{font-size:14px;}
	.findType_con .plan_box .plan .benefit-box2 .bf-list li{flex-wrap: nowrap; justify-content: flex-start;}
	.findType_con .plan_box .plan .benefit-box2 .bf-list li + li{border-top: none; padding-top:0; margin-top: 10px}
	.findType_con .plan_box .plan .benefit-box2 .bf-list li .txt{text-align: left;}
	.findType_con .plan_box .plan .benefit-box2 .bf-list li .img{width:42px;}
	.findType_con .plan_box .plan .benefit-plus{width:40%; margin-top:0}
	.findType_con .plan_box .plan .benefit-plus p{margin-top:0}
	.findType_con .plan_box .plan .benefit-plus:after{left:-10px; top:50px; transform: translateY(-50%);}
	.findType_con .promo_box .plan .point img{width: auto;}
}

@media (min-width: 674px) {
    /****************************************
	# 요금제 리스트
	****************************************/
	/* 요금제 */
	.plan-list {border-radius:12px;}
	.plan-list + .plan-list {margin-top:15px;}
	.plan-list .inner {padding:24px;}
	.plan-list .plan-item {display:flex; flex-wrap:wrap; align-items:center; width:100%; position:relative;}
	.plan-list .point {width:100%;}
	.plan-list .spec-box {padding-bottom:0; width: 50%;}
	.plan-list .spec-box .data .free {font-size:21px;}
	.plan-list .spec-box .qos,
	.plan-list .spec-box .tethering,
	.plan-list .spec-box .additional {display:block; font-size:15px; color:#898989; vertical-align:baseline;}
	.plan-list .price-box{width: 50%;}
	.plan-list .price-box .basic-price {margin-right:0; margin-bottom:5px; font-size:15px;}
	.plan-list .price-box .current-price {width:100%; font-size:25px;}
	.plan-list .price-box .current-price .text {font-size:23px;}
	.plan-list .price-box .orgin-price {font-size:16px;}
	.plan-list .price-box .origin-price{font-size: 21px;}
	.plan-list .mplan-item .price-box{width: 270px !important}
	.plan-list .mplan-item .badge-sale{right: -10px; top: -33px; width: auto;}
	
	.plan-list .mno-gift {width:auto; position:absolute; top:-20px; right:0; border-top:0;}
	.plan-list .mno-gift img {width:38px;}
	.plan-list .mno-gift.gift-list {position:absolute; top:-20px; right:0;}
		
	
    /* 나에게 맞는 요금제 찾기 */
    .my_type_con{flex-direction: row-reverse; flex-wrap: nowrap; align-items: flex-start;}
    .type_plan{margin-right:16px;}

	.plan_change{flex-wrap: wrap-reverse;}
	.tory_banner{border-radius: 28px; max-width: 600px; margin: 20px auto 30px auto; width: 100%; padding:0}
	.tory_banner .txt{margin-right: 50px;}
	.tory_banner .txt span{font-size: 16px;}
	.tory_banner .txt p{font-size: 24px;}
	.tory_banner .txt p strong{font-weight: 700;}

    
    .type_choice{width: 340px; position:sticky; top: 70px; margin-top:32px; margin-bottom:0;}
	.type_choice .tp_box{display:block;}
    .type_choice .tp_box .tp_tit{margin-bottom: 10px; font-size: 18px;}
    .type_choice .tp_box .tb_radio{flex-wrap: wrap; margin-bottom:16px;}
    .type_choice .tp_box .tb_radio input + label{margin:0 6px 8px 0;}
    
    .data-offer-swiper .swiper-wrapper,
    .call-offer-swiper .swiper-wrapper {transition-duration: 0ms !important; transform: translate3d(0px, 0px, 0px) !important;}

	.findType_con .plan_box .plan{padding: 40px 90px;}
	.findType_con .plan_box .plan .tag{justify-content:flex-start;}
	.findType_con .plan_box .plan .spec{justify-content: flex-start; width: 40%;}
	.findType_con .plan_box .plan .name{text-align: left; margin-bottom: 10px;}
	.findType_con .plan_box .plan .spec .data{font-size:30px; font-weight: 600; padding-left: 30px; margin-bottom: 10px; width:100%;}
	.findType_con .plan_box .plan .spec .data::after{width: 20px; height: 30px;}
	.findType_con .plan_box .plan .spec .call{font-size:20px; font-weight: 600; padding-left: 25px; width:50%; margin: 0;}
	.findType_con .plan_box .plan .spec .call::after{width: 17px; height: 20px;}
	.findType_con .plan_box .plan .spec .mms{font-size:20px; font-weight: 600; padding-left: 25px; width:50%; margin: 0;}
	.findType_con .plan_box .plan .spec .mms::after{width: 17px; height: 20px;}
	.findType_con .plan_box .plan .price{width:60%; justify-content:flex-end;}
	.findType_con .plan_box .plan .price .period{font-size: 20px; text-align: right; width:100%; margin-bottom: 0}
	.findType_con .plan_box .plan .price .promo_price{font-size: 27px; width: 100%; text-align: right; line-height: 1.1} 
	.findType_con .plan_box .plan .price .promo_txt{width:100%; margin: 0;}
	.findType_con .plan_box .plan .price a.btn_type{max-width: 150px; border-radius: 8px; text-align: center; margin:15px 0 0 0}
	.findType_con .plan_box .combine a{padding: 15px;}
	.findType_con .plan_box .combine p{font-size: 17px;}

	.plan_refresh{margin: 50px 0;}
	.plan_refresh a p{font-size: 17px;}
	.more_plan a{font-size: 16px; padding: 15px 30px;}

	/* 스텝 */
	.join_step{justify-content:flex-end;}
	.join_step li {width:12px; height:12px;}
	.join_step li.active {width:28px; height:28px; font-size:14px; line-height:28px;}

	
	/****************************************
	# 이벤트
	****************************************/
	/* 리스트 */
	.event-list {display:flex; flex-wrap:wrap; margin:0 -8px;}
	.event-list li {width:50%; padding:0 8px;}
	.event-list li + li {margin-top:0; margin-bottom:10px;}
	.event-list li:nth-child(3n+1) {margin-left:0;}
	.event-list li a {width:auto; height:auto;}
	.event-list li a .thumbnail {width:100%; height:auto;}
	.event-list li .content {min-height:90px; padding:12px 8px;}
	.event-list li .content .date {font-size:15px;}
	
	/****************************************
	# 제휴 결합페이지
	****************************************/
	/* 다이렉트 플러스 결합 */
	.lgdirect-script .plan-box .plan dl {display:flex; align-items:center; margin-top:15px; font-size: 16px;}
	.lgdirect-script .plan-box .plan dl dt {margin-bottom:0; text-align:left;}
	.lgdirect-script .plan-box .plan dl dd {flex:1; align-items:center; text-align:right;}
	.lgdirect-script .plan-box .plan dl dd.img img {width:40px; height: 40px;}
	.lgdirect-script .plan-box .plan .premium {min-height: 40px;}
	.lgdirect-script .plan-box .plan .media {min-height: 40px;}
	.lgdirect-script .plan-box .plan .media ul {justify-content:end;}
	.lgdirect-script .plan-box .plan .media ul li img {width: 40px; height: 40px;}
	
}

@media (min-width: 768px) {
    /****************************************
	# 요금제 리스트
	****************************************/
	/* layer-popup */
    .layer_popup_st .popup_inner .popup_body .pb_list li{font-size: 15px;}
    .layer_popup_st .popup_inner .popup_body .pb_list li:after{top: 8px;}
    
     /* 나에게 맞는 요금제 찾기 */
    .type_plan{margin-right:20px;}
    
    .type_choice{width: 340px;}
    .type_choice .tp_box .tb_radio{margin-bottom: 25px;}


	/****************************************
	# 요금제 상세페이지
	****************************************/
	.reminder-detail .content.gift-content {display: flex; align-items: center; padding: 40px;}
	.reminder-detail .content.gift-content .img-text {padding-left: 20px;}
	.reminder-detail .content.gift-content .img-text + .img-text {margin-top: 0; margin-left: 20px;}
	.reminder-detail .content.service-content .cont-title {margin-bottom: 30px;}
	.reminder-detail .content.service-content .service-list {margin: -16px;}
	.reminder-detail .content.service-content .service-list li {width:calc(100% / 4); padding: 16px;}

}

@media (min-width: 940px) {
	/* common */
	.container-h3 {width:1100px; margin:0 auto; padding:50px 0 0;}
	.container-h3 h3 {padding-bottom:32px; font-size: 34px; font-weight: 600;}
	
	/* tab */
	.tab-menu {margin-bottom:30px;}
	.tab-menu .tabs li + li {margin-left:25px;}
	.tab-menu .tabs li a {padding:0 0 10px; font-size:21px;}

	.plan-tab{margin-bottom:30px; flex-wrap: nowrap; border-radius: 16px 16px 0 0; border-bottom:none;}
	.plan-tab li{flex:1}
	.plan-tab li label{font-size:18px; border-bottom:1px solid #f1516c; padding:17px 12px 15px 12px}
	.plan-tab li input:checked + label{border-radius:16px 16px 0 0; border-bottom:none;}

	/* filter */
	.tabWrap .mno-tab li {padding:10px 20px;}
	.tabWrap .mno-tab li a {font-size:18px;}
		
	
	.sortWrap .count {display:block; font-size:15px;}
	.sortWrap .sort-defulat li {margin-right:12px; padding-right:12px;}
	.sortWrap .sort-defulat li span {font-size:15px;}

	
	/* 나에게 맞는 요금제 찾기 */
	.radio_tab_box.type5 li{width: calc(100%/4 - 15px); margin: 0 15px 0 0;}
	.radio_tab_box.type5 li:nth-child(2n){margin-right: 15px;}
	.radio_tab_box.type5 li:last-child{margin-right: 0;}
	.radio_tab_box.type5 input[type="radio"].radio_style + label{border-radius: 45px; padding: 30px 0; border-width:2px;}
	.radio_tab_box.type5 input[type="radio"].radio_style + label p{font-size:20px; margin-top: 15px;}

	.btn_box .btn_type{margin-right: 10px}
	.btn_box .btn_type:last-child{margin-right: 0px;}
	.btn_type{font-size: 18px; border-radius: 17px; padding: 10px 30px; font-weight: 500; border:1px solid #7688a5; color:#7688a5;}
	.btn_type01{background: #ff4874; color:#fff; border-color:#ff4874;}
	.btn_type01:disabled{color:#a5b6ce; border-color:#c3cfdd; background: #dce3ef;}
	.btn_type02{color:#a5b6ce; border-color:#c3cfdd;}
	.btn_s{font-size: 17px; padding: 7px 20px;}



				
				
	/****************************************
	# 요금제 리스트
	****************************************/
	.plan-list .inner {min-height:130px; padding:24px 32px;}
	.plan-list .point .badge-box .badge {font-size:13px;}
	/* .plan-list .point .badge-box .badge.mno-lgt {top:-2px;} */
	/* .plan-list .point .badge-box .pc-right {display:block; margin-left:0; position:absolute; top:0; right:0;} */
	.plan-list .point .name {display:inline-block; margin-top:0; margin-left:8px; font-size:16px;}
	.plan-list .spec-box {flex:1; padding-bottom:0;}
	.plan-list .spec-box .data {width:343px; margin-bottom:0;}
	.plan-list .spec-box .data .free {font-size:26px;}
	.plan-list .spec-box .call .free, 
	.plan-list .spec-box .sms .free {font-size:16px;}
	.plan-list .spec-box .call::before,
	.plan-list .spec-box .sms:before  {top:3px;}
	.plan-list .spec-box .qos,
	.plan-list .spec-box .tethering,
	.plan-list .spec-box .additional {display:block; font-weight:400; font-size:15px; color:#898989; vertical-align:baseline;}
	.plan-list .price-box {margin-top:-6px; width:253px;}
	.plan-list .price-box .basic-price {margin-right:0; margin-bottom:6px; font-size:15px;}
	.plan-list .price-box .current-price {width:100%; font-size:28px;}
	.plan-list .price-box .current-price .text {font-size:25px;}
	.plan-list .reminder-box {position:absolute; right:32px; top:24px;}
	.plan-list .benefit-box li {font-size:14px;}

	.plan-list .gift-mno .short .text {font-size: 15px;}
	.plan-list .gift-mno .list li {font-size: 17px;}
	.plan-list .gift-mno .list li .text { font-size: 15px;}
	.plan-list .gift-mno .list li .text > span {margin-left: 5px; font-size: 13px;}

	/* 요금제 리스트 하단배너 */
	.mno-banner {margin-bottom: 60px;}
	.mno-banner .banner-top {margin-bottom:16px;}
	.mno-banner .banner-top .title {font-size: 24px;}
	.mno-banner .banner-top .title .logo {width:116px;}
	.mno-banner .banner-top .desc {font-size: 18px; }

	
    /* layer-popup */
    .layer_popup_st .popup_inner .popup_head img{width: 50px;}
    .layer_popup_st .popup_inner .popup_head h2{font-size: 25px; padding-bottom: 30px; margin:15px 0 30px 0;}
    .layer_popup_st .popup_inner .popup_body .pb_list li{font-size: 17px; margin-bottom: 10px;}
    .layer_popup_st .popup_inner .popup_body .pb_list li:after{top: 9px;}
    .layer_popup_st .popup .acc_popup_btn{font-size: 18px; font-weight: 500; padding: 20px;}
    
	.plan-fixed-top .popup {padding-top:70px; padding-bottom:70px;}
	.plan-fixed-top .popup .close {top:24px; right:40px;}
	.plan-fixed-top .popup .popup-head {height:70px; line-height:70px;}
	.plan-fixed-top .popup .popup-head .title {padding:0 40px; font-size:20px;}
	.plan-fixed-top .popup .popup-content {padding:30px;}
	.plan-fixed-top .popup .popup-content .popup_body {padding:30px 40px;}
	.plan-fixed-top .popup .popup-content .content + .content {margin-top:40px;}
	.plan-fixed-top .popup .popup-content .content .cont-title {font-size:18px;}
	.plan-fixed-top .popup .popup-content .content ul li {font-size:16px;}
	.plan-fixed-top .popup .popup-content .content ul li + li {margin-top:8px}
	.plan-fixed-top .popup .popup-content .content .num-list li {padding-left:26px;}
	.plan-fixed-top .popup .popup-content .content .desc-list li {padding-left:12px !important;}
	.plan-fixed-top .popup .popup-content .content .desc-list li::before {top:10px;}
	.plan-fixed-top .popup .popup-content .content .scroll-table table {width:100% !important;}
	.plan-fixed-top .popup .popup-btn .btn-check {height:70px; line-height:70px; font-size:18px;}
	
    /* 나에게 맞는 요금제 찾기 */
	.type_plan .plan-list .spec-box .data {width: 100%;}
	
	
	/****************************************
	# 제휴 결합페이지
	****************************************/
	/* layout */
	.partner-wrap .partner-area .cont-inner {max-width:1100px; margin:0 auto; padding:90px 0 120px;}
	.partner-wrap .sub-title {font-size:20px;}
	.partner-wrap .main-title {font-size: 38px;}
		
    /* 다이렉트 플러스 결합 */
	.lgdirect-visual {position:relative; width:100%; height:400px; padding-top:0;}
	.lgdirect-visual::after {content:""; display:block; position:absolute; left:0; bottom:inherit; top:0; width:1100px; height:100%; margin:0 auto; background:url(../images/mno/visual_lgdirect_plus_pc.png) no-repeat right bottom; background-size: auto; transform-origin: right bottom;}
	.lgdirect-visual .cont-inner {z-index:1; position:relative; top:50%; left:inherit; width:1100px; margin:0 auto; transform: translateY(-50%);}
	.lgdirect-visual .title {font-size:36px; font-weight:700; line-height:1.4;}
	.lgdirect-visual .desc {margin-top:12px; font-size:21px; font-weight:500; line-height:1.5;}

	.lgdirect-benefit .benefit-box .benefit_img {width:100%; height:339px; background:url(../images/mno/lgdirect_benefit_img_pc.png) no-repeat center; background-size: contain;}
	.lgdirect-benefit .benefit-box .benefit_img img {display:none;}

	.lgdirect-benefit .benefit-box {margin-top:90px; padding:81px 16px 52px;}
	.lgdirect-benefit .benefit-box .title {width:320px; border-radius:30px; font-size:18px; padding:20px 30px; top:-30px}
	.lgdirect-benefit .benefit-box .desc {margin-bottom:36px}
	.lgdirect-benefit .benefit-box .desc .text1 {font-size:28px;}
	.lgdirect-benefit .benefit-box .desc .text2 {font-size:28px; margin-top:8px;}
	.lgdirect-benefit .benefit-txt {font-size:24px; padding:30px 45px;}
	.lgdirect-benefit .benefit-txt p {font-size:18px; margin-bottom:15px;}
	
	.lgdirect-script .person-box {margin:50px 4.5% 60px;}
	.lgdirect-script .person-box ul {width:720px;}
	.lgdirect-script .person-box ul li {margin:0 16px;}
	.lgdirect-script .person-box ul li .person::before {right:-30px;}
	.lgdirect-script .person-box ul li .person .thumb-profile::before {width: 144px; height: 144px; box-sizing: border-box;}
	.lgdirect-script .event-box {width:920px; margin:0 auto;}
	.lgdirect-script .event-box div p {font-size: 24px;}
	.lgdirect-script .plan-box {width:880px; margin:-45px auto;}
	.lgdirect-script .plan-box .plan {padding: 0 40px;}
	.lgdirect-script .plan-box .plan .price {margin-bottom:20px;}
	.lgdirect-script .plan-box .plan .price .cancel {font-size:17px;}
	.lgdirect-script .plan-box .plan .price .txt_ty,
	.lgdirect-script .plan-box .plan .price .txt_ty_event {font-size:30px;}
	.lgdirect-script .plan-box .plan a {margin-top:40px;}
	 
	.lgdirect-accordion .toggle-wrap {margin-top:50px;}
	.lgdirect-accordion .toggle-box + .toggle-box {margin-top:10px;}
	.lgdirect-accordion .toggle-box .btn-toggle {padding:24px 30px; font-size:20px;}
	.lgdirect-accordion .toggle-box .btn-toggle:after {width: 18px; height: 14px;}
	.lgdirect-accordion .toggle-box .subDepth {padding: 0 30px 30px; font-size:16px;}
	.lgdirect-accordion .toggle-box .subDepth ul + p {margin-top:20px;}
	.lgdirect-accordion .toggle-box .subDepth ul li {margin-top:5px; padding-left:10px;}
}



@media (min-width: 1024px) {
	/* common */
	.container-headline {padding:50px 0 80px}
	.container-headline .headline {width:1100px; margin:0 auto; padding:0 0 24px;}
	.container-headline .headline .title {font-size:34px;}
	
	.arrow-right-link {margin-right:4px; padding-right:10px;}
	.arrow-right-link::after {top:10px;}


	/****************************************
	# 요금제 리스트
	****************************************/
	/* 요금제 table */
	.n_inner{max-width: 1100px; margin: 0 auto}
	.rate_table{border:1px solid #d9d9d9; border-radius: 15px; overflow:hidden;}
	.rate_table .tlist{padding:20px 40px; border:none; border-bottom:1px solid #e9e9e9; justify-content:space-between; width: 100%; border-radius: 0; margin: 0;}
	.rate_table .tlist:last-child{border:none;}
	.rate_table .tlist .name{font-size: 15px; margin-bottom:16px;}
	.rate_table .tlist .name .lg_comb{margin-right: 7px}
	.rate_table .tlist .spec_box{width: auto;}
	.rate_table .tlist .spec_box li{min-width: 110px; margin-right:30px !important; font-size: 16px;}
	.rate_table .tlist .spec_box li:last-child {margin-right:0 !important;}
	.rate_table .tlist .spec_box li.data{width: 260px; margin:0  !important; font-size: 16px;}
	.rate_table .tlist .price_box{width: auto; display: flex;}
	.rate_table .tlist .price_box li{display:flex; width:auto; margin:0 0 0 15px !important; padding-left:15px; font-size:16px;}
	.rate_table .tlist .price_box li::before {content:""; display:block; position:absolute; left:0; top:0; width:1px; height:18px; background-color:#d3d3d3;}
	.rate_table .tlist .price_box li:first-child::before {display:none;}
	.rate_table .tlist .price_box li .text{display:inline-block;}
	.rate_table .tlist .price_box li .number{display:inline-block; flex: 1;}
	.rate_table .tlist .price_box li.price{display:inline-block; font-size: 16px; font-weight: 500}
	.rate_table .tlist li small{font-size: 14px;}
	.rate_table .tlist li em{font-size: 14px;}
	.rate_table_con .rate_title h4{font-size: 16px !important;}
	.rate_table_con .rate_title button{padding:5px 20px; font-size:15px;}
	.rate_table_con + .rate_table_con {margin-top: 40px;}
	
	/* 나에게 맞는 요금제 찾기 */
    .type_plan .plan-list .spec-box .data {width:280px; margin-bottom:0  !important;}
    .type_plan .plan-list .spec-box .call {width:140px;}
    .type_plan .plan-list .spec-box .data .free {font-size:23px;}
    .type_plan .plan-list .spec-box .call .free, 
	.type_plan .plan-list .spec-box .sms .free {font-size:15px;}
	.type_plan .plan-list .spec-box .qos,
	.type_plan .plan-list .spec-box .tethering,
	.type_plan .plan-list .spec-box .additional {font-size:14px;}
	.type_plan .plan-list .price-box .current-price {font-size:23px;}
	.type_plan .plan-list .price-box .current-price .text {font-size:21px;}
	
	.type_choice{top: 90px;}
	.type_choice .tp_box .tb_radio input + label{font-size:15px;}

	
	
	
	/****************************************
	# 요금제 상세페이지
	****************************************/
	#detailWrap {margin-bottom:40px;}
	.plan-detail {width:1100px; margin:0 auto;}
	.plan-detail .inner {display:flex; padding:50px 0 54px;}
	.plan-detail .detail {flex:1;}
	.plan-detail .detail .badge-box .badge {padding:4px 12px; font-size:14px;}
	.plan-detail .detail .name {margin:16px 0 50px; font-size:24px;}
	.plan-detail .detail .spec-box {margin-bottom:0;}
	.plan-detail .detail .spec-box .icon-comm {width:38px; height:38px; margin-right:12px;}
	.plan-detail .detail .spec-box .data {padding-bottom:16px;}
	.plan-detail .detail .spec-box .data .icon-comm::after {width:21px; height:21px;}
	.plan-detail .detail .spec-box .data .free {font-size:28px;}
	.plan-detail .detail .spec-box .call .icon-comm::after {width:21px; height:21px;}
	.plan-detail .detail .spec-box .call .free {font-size:21px;}
	.plan-detail .detail .spec-box .sms .icon-comm::after {width:18px; height:16px;}
	.plan-detail .detail .spec-box .sms .free {font-size:21px;}
	.plan-detail .detail .addition-box {margin-top:40px;}
	.plan-detail .detail .addition-box p {font-size:16px;}
	.plan-detail .detail .addition-box p::before {width:3px; height:3px;}
	.plan-detail .detail .addition-box p + p {margin-top:8px;}
	.plan-detail .detail .addition-box .btn-detail {margin-left: 10px; padding:5px 25px 5px 15px; font-size: 15px; border-radius: 16px;}
	.plan-detail .detail .addition-box .btn-detail::after {right:15px; top:50%; width:5px; height:5px;}

	
	.plan-detail .price {width:436px; margin-top:50px;}
	.plan-detail .price-box {margin-top:0; padding:32px 40px;} 
	.plan-detail .price-box dl + dl {margin-top:8px;}
	.plan-detail .price-box dl dt,
	.plan-detail .price-box dl dd {font-size:15px;}
	.plan-detail .price-box .current-price dt {font-size:21px;}
	.plan-detail .price-box .current-price dd { font-size:28px;}
	.plan-detail .price-box .current-price dd .text {font-size:21px;}
	.plan-detail .price-box .current-price .btn-toggle .icon-arrow {width:26px; height:26px; margin-left:8px;;}
	.plan-detail .price-box .current-price .btn-toggle .icon-arrow::after {top:46%; width:6px; height:6px;}
	.plan-detail .price-box .current-price .btn-toggle .icon-arrow.active::after {top:56%;}
	.plan-detail .price-box .orgin-price {margin-top:5px; font-size:16px;}
	.plan-detail .price-box .info-box {padding:16px 20px; font-size:16px;}
	.plan-detail .btn-box .btn-join {padding:20px 20px; font-size:20px;}
	
	.reminder-detail {width:1100px; margin:0 auto; padding:30px 0;}
	.reminder-detail .content + .content {margin-top:60px;}
	.reminder-detail .content .cont-title {margin-bottom:16px; font-size:20px;}
	.reminder-detail .content .cont-sub-title {margin-bottom:12px; font-size:16px;}
	.reminder-detail .content .cont-sub-title2 {margin-bottom:12px; margin-top: 20px;}
	.reminder-detail .content ul li {font-size:16px;}
	.reminder-detail .content ul li + li {margin-top:10px}
	.reminder-detail .content ul li > ul {margin-top:10px}
	.reminder-detail .content table th,
	.reminder-detail .content table td {font-size:15px;}
	.reminder-detail .content table th {padding:10px 15px;}
	.reminder-detail .content table td {padding:10px 15px;}
	.reminder-detail .content table + ul {margin-top:8px;}
	.reminder-detail .content .scroll-table table {width:100% !important;}
	.reminder-detail .content .scroll-table p {margin-top:8px; font-size:15px;}
	.reminder-detail .content .scroll-table + ul {margin-top:10px}
	.reminder-detail .content .benefit-list li .cont-box {align-items:center; padding:24px 40px;}
	.reminder-detail .content .benefit-list li .cont-box .title {width:260px; margin-bottom:0; margin-right:40px; font-size:20px;}
	.reminder-detail .content .benefit-list li .cont-box.icon-udoc .title {width:270px;}
	.reminder-detail .content .benefit-list li .cont-box .desc {flex:1; font-size:18px;}
	.reminder-detail .content .giftbox-list li .cont-box .btn-link {font-size: 15px;}
	.reminder-detail .content .benefit-list li .cont-box .btn-link {font-size:16px;}
	.reminder-detail .content .benefit-list li .cont-box.icon-iptv::before {width:38px; height:38px; margin-bottom:0; margin-right:40px;}
	.reminder-detail .content .benefit-list li .cont-box.icon-card::before {width:38px; height:38px; margin-bottom:0; margin-right:40px;}
	.reminder-detail .content .benefit-list li .cont-box.icon-udoc::before {margin-bottom:0; margin-right: 20px}
	.reminder-detail .content .benefit-list li .cont-box.icon-tving::before {margin-bottom:0px; margin-right: 20px}
	.reminder-detail .content.notice-content,
	.reminder-detail .content.benefit-content {padding:40px; background-color:#f7f7f7; border-radius:12px;}
	.reminder-detail .content.notice-content .cont-title,
	.reminder-detail .content.benefit-content .cont-title {font-size:20px !important;}
	.reminder-detail .content.benefit-content .cont-title::before {width:20px; height:20px; margin:0 8px -3px 0;}
	.reminder-detail .content.gift-content {padding: 40px;}
	.reminder-detail .content.gift-content .img-gift {max-width:400px; margin-bottom: 0;}
	.reminder-detail .content.gift-content .img-text {flex: 1; padding-left: 40px;}
	.reminder-detail .content.gift-content .img-text .cont-sub-title {margin-bottom:30px; padding-bottom:12px; font-size:26px;}
	.reminder-detail .content.gift-content .img-text .btn-group {margin-top:20px;}
	.reminder-detail .content.gift-content .img-text .btn-group a {padding: 6px 30px; font-size: 18px; }
	.reminder-detail .content.gift-content .img-text .btn-group a + a {margin-left: 12px;}
	.reminder-detail .content.service-content {padding:40px;}
	.reminder-detail .content.service-content .service-list li dl dt {font-size: 18px;}
	.reminder-detail .content.service-content .service-list li dl dd {font-size: 16px;}

	.reminder-detail.mno .content > .cont-title {font-size:24px;}
	
	.benefit-swiper {padding-bottom:0;}
	.benefit-swiper .benefit-list.swiper-wrapper {display:block;}
	.benefit-swiper .benefit-list.swiper-wrapper li + li {margin-top:10px;}
	
	.giftbox-wrap {padding-bottom:20px;}
	.giftbox-wrap .giftbox-list .gift-cont {margin-top:20px;}
	.giftbox-wrap .giftbox-list-1 li {width:40%;}
	
	.key-point {width:1100px; margin:0 auto; padding:30px 0;}
	.key-point .content {padding:40px;}
	.key-point .content .cont-title {font-size: 18px;}
	.key-point .content .cont-title::before {width:20px; height:20px; margin:0 8px -3px 0;}
	 


	/****************************************
	# 이벤트
	****************************************/
	/* 리스트 */
	.event-list {margin:0 -14px;}
	.event-list li {width:33.33%; padding:0 14px;}
	.event-list li + li {margin-bottom:16px;}
	.event-list li .content {min-height:112px; padding:16px 8px;}
	.event-list li .content .title {font-size:20px;}
	.event-list li .content .date {margin-top:6px; font-size:16px;}
	
	/* 상세페이지 */
	.event-view {width:1100px; margin:0 auto; padding:50px 0 80px 0;}
	.event-view .header-box {margin-bottom:24px; padding:0;}
	.event-view .header-box .prog > span {margin-bottom:6px; font-size:15px;}
	.event-view .header-box .title {font-size:26px;}
	.event-view .header-box .date {font-size:16px;}
	.event-view .header-box .btn-icon .icon-share {width:28px; height:28px;}
	.event-view.new{width:800px;}
	
	/* 유튜브 */
	.event-view .video_box {padding-bottom:80px;}
	.event-view .video_box .video {width:80%; padding-top:45%;}
	
	/* 리뷰롤링 */
	.v57_review_name {font-size:16px;}
	.v57_review .v57_review_txt {font-size:20px;}
	.v57_popinner .v57_pophead ul li:nth-child(2){font-size:20px;}
	.v57_popinner .v57_pophead ul li span{font-size:20px;}
	.v57_popinner .v57_popbody p{font-size:20px;}
		
	/* 웹빌 이벤트 등록 유의사항 */
	.event-notice {padding:60px 60px;}
	.event-notice h1{font-size: 32px; margin-bottom: 50px;}
	.event-notice h2{font-size: 20px; margin-bottom: 40px;}
	.event-notice h3{font-size: 18px; margin:30px 0 10px 0;}
	.event-notice > p{font-size: 16px; font-weight: 400}
	.event-notice > p > strong{font-size: 1.2em; margin: 10px 0; display: inline-block}
	.event-notice table{margin:10px 7px 0 7px; width: calc(100% - 14px) !important;}
	.text-big{font-size: 23px;}
	
	/* float 가입상담 */
	.float-container .inner {width:1100px; margin:0 auto;}
	.float-container .apply-join {display:flex; align-items:center; padding:25px 0;}
	.float-container .apply-join .item01 {flex:1; text-align:left;}
	.float-container .apply-join .item02 {width:auto; text-align:right;}
	.float-container .apply-join .item .counsel-text {font-size:23px;}
	.float-container .apply-join .item .counsel-time {margin-top:6px; font-size:18px;}
	.float-container .apply-join .item .btn-counsel {display:inline-block; margin-top:0; padding:15px 40px; font-weight:700; font-size:20px; text-align:center;}
}



/****************************************
	# 로딩
	****************************************/
.loading_con{position:fixed; width:100%; height:100%; z-index: 1000000;}
.loading_con .back{background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; left:0; top:0;}
.loading_con .snippet{position:fixed; left:50%; top:50%; transform: translate(-50%, -50%);}
.loading_con .dot-pulse {position: relative; left: -9999px; width: 12px; height: 12px; border-radius: 15px; background-color: #f1516c; color: #f1516c; box-shadow: 9999px 0 0 -5px; animation: dot-pulse 1.5s infinite linear; animation-delay: 0.25s;}
.loading_con .dot-pulse::before, .dot-pulse::after {content: ""; display: inline-block; position: absolute; top: 0; width: 12px; height: 12px; border-radius: 15px; background-color: #f1516c; color: #f1516c;}
.loading_con .dot-pulse::before {box-shadow: 9984px 0 0 -7px; animation: dot-pulse-before 1.5s infinite linear; animation-delay: 0s; left:-5px;}
.loading_con .dot-pulse::after {box-shadow: 10014px 0 0 -7px; animation: dot-pulse-after 1.5s infinite linear; animation-delay: 0.5s; right:-5px;}
@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -7px;
  }
  30% {
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -7px;
  }
}
@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -7px;
  }
  30% {
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -7px;
  }
}
@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -7px;
  }
  30% {
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -7px;
  }
}