@charset "utf-8";

.pre_tit {margin:50px 0 20px; padding-top:15px; font-weight:500; font-size:32px; letter-spacing:-1.5px;}
.inner {margin-top:30px;}
.inbox {width:1100px; margin:0 auto;}

/****************************************
# 선불메뉴
****************************************/
.pre_menu {border:1px solid #e5e5e5;}
.pre_menu:after {content:''; display:block; clear:both;}
.pre_menu li {float:left; position:relative; display:inline-block; width:25%; height:160px; border-left:1px solid #e5e5e5; cursor:pointer;}
.pre_menu li:first-child {border-left:0;}
.pre_menu li a {position:relative; display:block; padding-top:110px; font-size:18px; font-weight:500; color:#222; text-align:center;}
.pre_menu li a:before {content:''; display:block; position:absolute; top:35px; left:50%; width:60px; height:54px; margin-left:-34px; background:url(../images/prepay/prepay_menu.png) no-repeat; background-size:360px 54px;}
.pre_menu li.menu01 a:before {background-position:0 0;}
.pre_menu li.menu02 a:before {background-position:-60px 0;}
.pre_menu li.menu03 a:before {background-position:-120px 0;}
.pre_menu li.menu04 a:before {background-position:-180px 0;}
.pre_menu li.menu05 a:before {background-position:-240px 0;}
.pre_menu li.menu06 a:before {background-position:-300px 0;}
.pre_menu li.menu06:after {content:''; display:block; position:absolute; top:10px; left:10px; width:52px; height:23px; background:url(../images/icon/ic_new.png) no-repeat; }
.pre_menu li a:hover::after,
/* .pre_menu li.active a::after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:160px; border:3px solid #e6000b; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
 */


/****************************************
# 요금제
****************************************/


/****************************************
# 부가서비스
****************************************/
.service {position:relative;}
.service a {display:block;}



/****************************************
# 국제전화 이용안내
****************************************/
.fare .prod_wrap {position:relative; width:100%; padding:0 !important;}
.fare .prod_wrap:after {content:''; display:block; clear:both;}
.fare .prod_wrap .top {padding:40px 0 15px !important; text-align:center;}
.fare .prod_wrap .top > .sub_tit {font-size:32px; font-weight:600; line-height:1.47;}
.fare .prod_wrap .top > .s_tit {font-size:26px !important;}
.fare .prod_wrap .top > .copy {font-size:18px; font-weight:300; text-align:center; color:#e6000b;}
.fare .prod_wrap > .vat {display:block; margin-bottom:5px; font-size:16px; color:#797979; text-align:right;}
.fare .prod_wrap > .prod_table.left {float:left; width:49%}
.fare .prod_wrap > .prod_table.right {float:right; width:49%}
.fare .prod_wrap > .prod_table th {padding:20px 10px; font-size:15px; border-left:1px solid #ddd;}
.fare .prod_wrap > .prod_table td {padding:20px 10px; font-size:14px; border-left:1px solid #ddd; line-height:1.47;}
.fare .t-group1 tr td:last-child,
.fare .t-group2 tr td:nth-last-of-type(2),
.fare .t-group2 tr td:nth-last-of-type(3) {color:#e6000b;}
@media (max-width: 940px) {
    .fare .prod_wrap .top > .s_tit,
    .fare .prod_wrap .top > .sub_tit{font-size:24px !important;}
    .fare .prod_wrap .top > .copy{font-size:16px;}
    .fare .prod_wrap > .vat{font-size:14px;}
    .fare .prod_wrap > .prod_table{width:100% !important; margin-bottom:10px;}
    .fare .prod_wrap > .prod_table + .prod_table{margin-top:10px;}
}
@media (max-width: 600px) {
    .fare .prod_wrap .top > .s_tit,
    .fare .prod_wrap .top > .sub_tit{font-size:19px !important;}
    .fare .prod_wrap .top > .copy{font-size:15px;}
    .fare .prod_wrap > .vat{font-size:13px;}
}



/****************************************
# 선불충전
****************************************/
.charg_wrap {margin:40px 0 60px;}
.charg_wrap h4 {position:relative; font-size:24px; font-weight:500; line-height:1.47;}
.charg_wrap h4 > .sub {padding-left:5px; font-size:17px; font-weight:300; color:#666;}
.charg_wrap select[name="good_mny1"] {width:166px;}
.charg_wrap .table-group {margin-bottom:10px; border-top:1px solid #e2e2e2; border-bottom:none;}
.charg_wrap .table-group.bg_h5:after{display:none;}
.charg_wrap .table-group .base_fee {color:#e6000b; font-weight:500;}
.charg_wrap .table-group li{border-bottom:1px solid #e2e2e2;}
.charg_wrap .table-group .title{background-color: #eaeaea;}
.charg_wrap .table-group .title h5{font-size:18px; color:#515151; padding:10px;}
.charg_wrap .table-group .phone{display:flex; flex-wrap: wrap;}
.charg_wrap .table-group .phone div{padding-left:0; display:flex; align-items: center;}
.charg_wrap .table-group .phone div .dash{position: relative; left: inherit; right: inherit; top: inherit; bottom: inherit; margin:0 5px}
.charg_wrap .table-group .phone .msg{color:#999; font-size:14px;}

.charg_wrap .credit_list {position:relative; margin-top:10px;}
.charg_wrap .credit_list:after {content:''; display:block; clear:both;}
.charg_wrap .credit_list li {float:left; position:relative; display:inline-block; width:25%; margin:0 0 0 -1px; padding:85px 31px 40px 30px; text-align:center; border:1px solid #e2e2e2;}
.charg_wrap .credit_list li:before {content:''; display:block; position:absolute; top:25px; left:50%; width:60px; height:60px; margin-left:-30px; background:url(../images/icon/ico_credit2.png) no-repeat top center;}
.charg_wrap .credit_list li.idx_01:before {background-position:0 0;}
.charg_wrap .credit_list li.idx_02:before {background-position:-60px 0;}
.charg_wrap .credit_list li.idx_03:before {background-position:-120px 0;}
.charg_wrap .credit_list li .icon {border:1px solid #e2e2e2; border-radius:50%;}
.charg_wrap .credit_list li .title {padding:15px 0; font-size:19px; font-weight:600;}
.charg_wrap .credit_list li .txt {display:block; font-size:15px; font-weight:300; color:#797979; word-break:keep-all;}
.charg_wrap .credit_list li .btn_charge {width:160px; height:46px; margin-top:20px; font-weight:300; font-size:17px; line-height:46px; background-color:#e6000b; color:#fff;}

.payment_wrap {margin:0 0 80px; padding:10px 0 20px;}
.payment_wrap h4 {position:relative; font-size:22px; font-weight:500; line-height:1.4;}
.payment_wrap h4  > .sub {padding-left:5px; font-size:17px; font-weight:300; color:#666;}
.payment_wrap .credit_list {position:relative; margin-top:15px; display:flex; justify-content: space-between;}
.payment_wrap .credit_list:after {content:""; display:block; clear:both;}
.payment_wrap .credit_list li {position:relative; width:calc(100%/3 - 20px); padding:30px 25px; text-align:center; border:1px solid #e2e2e2; border-radius: 20px;}
.payment_wrap .credit_list li.idx_01:before {background-position:0 0;}
.payment_wrap .credit_list li.idx_02:before {background-position:-60px 0;}
.payment_wrap .credit_list li.idx_03:before {background-position:-120px 0;}
.payment_wrap .credit_list li.idx_04:before {background-position:-180px 0;}
.payment_wrap .credit_list li .icon {border:1px solid #e2e2e2; border-radius:50%;}
.payment_wrap .credit_list li .title {font-size:20px; font-weight:500; line-height:1.4; color:#515151; margin:20px auto 10px auto;}
.payment_wrap .credit_list li .txt {display:block; font-size:17px; font-weight:300; color:#999; word-break:keep-all; line-height:1.4; width:90%; margin:0 auto;}
.payment_wrap .credit_list li .btn_charge {font-size: 18px; background: #fff; border: 1px solid #515151; border-radius: 16px; padding: 15px; font-weight: bold; display: block; width: 100%; margin: 30px 0 0 0; transition: all 0.1s; color: #515151;}
.payment_wrap .pay_list {margin-top:30px; padding:30px 35px 35px; background-color:#eaecef; border-radius:10px;}
.payment_wrap .pay_list .title {margin-bottom:25px; font-size:20px; font-weight:500; text-align:center;}
.payment_wrap .pay_list div label .ic_pay {position:relative; padding-left:45px;}
.payment_wrap .pay_list div label .ic_pay:after {content:""; position:absolute; left:0; top:50%; width:40px; height:40px; margin-top:-20px;}
.payment_wrap .pay_list div label .ic_ali:after {background:url(../images/icon/pay_ali.png) no-repeat; background-size:contain;}
.payment_wrap .pay_list div label .ic_wechat:after {background:url(../images/icon/pay_wechat.png) no-repeat; background-size:contain;}
.payment_wrap .pay_list div label .ic_union:after {background:url(../images/icon/pay_union.png) no-repeat; background-size:contain;}
.modalPrepay .table-wrap {width:100%;}

.radio_type:after {content:""; display:block; clear:both;}
.radio_type div {float:left;}
.radio_type div label {display:inline-block;  position:relative; width:100%; height:65px; line-height:65px; text-align:center; border-width:1px 0 1px 1px; border-style:solid; border-color:#bdbdbd; background-color:#fff; box-sizing:border-box; cursor:pointer;}
.radio_type div:last-child label {border-right-width:1px;}
.radio_type div label span {font-weight:600; font-size:18px; color:#222;}
.radio_type div label.active {background-color:#fbfbfb;}
.radio_type div label.active:after {content:""; display:block; position:absolute; top:-1px; left:-1px; width:102%; height:65px; border:solid 3px #e6000b; box-sizing:border-box; z-index:1;}
.radio_type div label.active span {color:#e6000b;}
.radio_type.btn_radio3 > div {width:calc(100%/3);}

@media (max-width: 940px) {
    .charg_wrap .table-group .phone{padding:10px 0;}
    .charg_wrap .table-group .phone div{padding-left: 0; width:auto; flex:1}
    .charg_wrap .table-group > li{}
    .charg_wrap .table-group .title{padding:0; width:100% !important;}
    .charg_wrap .table-group .title h5{font-size:15px; padding:15px !important;}
    .charg_wrap .table-group > li > div:nth-of-type(1) .h5 > .star{position:relative; left: inherit; top: inherit; right: inherit; bottom:inherit; margin-left:5px;}
    .charg_wrap .table-group .title + div{width:100%; padding:15px;}
    .charg_wrap .table-group .title + div > button{width:100%; margin:10px 0 0 0 !important}
    .charg_wrap .table-group .phone .msg{margin-left:10px;}
}



.en_charge .credit_list li {min-height:300px;}

/* 고객여부 modal */
.svcFailModal .agree_wrap {width:92%; margin:0 auto;}

/* 전용계좌 modal */
.accountModal .table-wrap {width:100%; margin-bottom:20px;}
.accountModal .table-group .bx_inline > div:nth-of-type(1) {width:30% !important;}
.accountModal .modal-body .bank_amt {font-weight:600; font-size:18px; color:#e6000b;}
.accountModal .btn_copy {margin-top:10px; margin-right:10px;}
.accountModal .btn_copy.en {margin-top:16px;}

/* 선불카드 충전 */
.preCardModal .modal-dialog {max-width:760px}
.preCardModal .bx_precard > div:nth-of-type(2) > input {float:left; width:65%;}
.preCardModal .bx_precard > div:nth-of-type(2) > button {float:left; width:33%;}
.preCardModal .btn_group .btn {min-width:140px;}

/* 선불충전 완룐페이지 */
.comp_box .btn_box {margin-top:35px;}
.comp_box .btn_box .btn {width:auto; min-width:220px;}
.charge_result {float:left; width:50%; padding:30px 15px;}
.charge_result .title {padding-bottom:12px; font-weight:500; font-size:20px;}
.charge_result .table_default tr th,
.charge_result .table_default tr td {font-size:16px;}

/* 외국인여권(등록증) 가입자 충전 불가 시 안내사항 */
.btn_box .btn {width:auto}

/* 자동충전 신청/해지 */
.auto-charg-popup select,
.auto-charg-popup input {height:46px;}
.auto-charg-popup .popup {width:860px;}
.auto-charg-popup .btn_pick {width:150px;}
.auto-charg-popup .table-wrap {width:100%;}
.auto-charg-popup .btn_box {margin-top:30px;}

.auto-charg-popup .form-box > li .label-tit {max-width: 170px;}


/****************************************
# 메인배너 개편 20210118
****************************************/
.thumbnail-event {width:100%; margin:0 auto 40px;}
.thumbnail-event ul {font-size:0;}
.thumbnail-event ul li {display:inline-block;}
.thumbnail-event ul li+li {margin-left:15px;}
.thumbnail-event ul li img {max-width:100%; max-height:100%;}

/* 오프라인 매장 안내 */
.pre_wrap .offline_store {margin:80px 0 70px}



/****************************************
# pay2pay pg layerpopup
****************************************/
.prepaid-pg-popup .popup {width:640px;}
.prepaid-pg-popup .pay-price {display:table; width:100%; padding:16px 20px; border-radius:8px 8px 0 0; background:#436EAE;}
.prepaid-pg-popup .pay-price dt {display:table-cell; text-align:left; color:#fff; vertical-align:middle;}
.prepaid-pg-popup .pay-price dd {display:table-cell; text-align:right; color:#fff; font-weight:600; font-size:22px;}
.prepaid-pg-popup .pay-price dd strong {font-family:'roboto'; font-weight:600; font-size:24px;}
.prepaid-pg-popup .creditcard {overflow:hidden; margin-bottom:20px; padding:0 40px 30px; border-radius:0 0 8px 8px; background:#f6f6f6;}
.prepaid-pg-popup .creditcard .inbox {position:relative; width:inherit;}
.prepaid-pg-popup .creditcard img {display:block; max-width:58%; max-height:100%; margin:0 auto;}
.prepaid-pg-popup .creditcard .desc {display:inline-block; position:relative; margin:30px 0 15px 130px; padding-left:24px; font-weight:500; font-size:15px; text-align:center; color:#000;}
.prepaid-pg-popup .creditcard .desc::before {content:""; display:inline-block; position:absolute; left:0; top:0; width:18px; height:18px; background:url('../images/icon/ico_warning.png') no-repeat; background-size:contain;}
.prepaid-pg-popup .creditcard .card-info {margin-top:40px;}
.prepaid-pg-popup .creditcard .card-info li {position:relative; margin:10px 0; padding-left:80px;}
.prepaid-pg-popup .creditcard .card-info li .label {position:absolute; left:0; top:6px;}
.prepaid-pg-popup .creditcard .card-info li .input {display:flex;}
.prepaid-pg-popup .creditcard .card-info li .input p {font-weight:500; font-size:15px;}
.prepaid-pg-popup .creditcard .card-info li .input p+p {padding-left:4px;}
.prepaid-pg-popup .creditcard .card-info li.card-no .input {width:100%;}
.prepaid-pg-popup .creditcard .card-info li.card-valid .input {width:50%;}


/*********************************************/
/* 선불충전 명의변경 시작 */
.charge_title{margin-bottom: 16px; font-weight: 500; font-size: 24px;}
.charge_con{display: flex; justify-content: space-between;}
.charge_con .chc_box{width: calc(100%/3 - 20px); text-align: center; padding:30px 25px; word-break:keep-all; border-radius: 20px; background:#fff; border:1px solid #e2e2e2}
.charge_con .chc_box img{display: inline-block; margin:10px auto 30px auto;}
.charge_con .chc_box p{font-size:20px; font-weight: 500; margin-bottom: 10px; line-height: 1.4; color:#515151;}
.charge_con .chc_box span{font-size: 17px; display: block; font-weight: 300; width:90%; margin:0 auto; line-height: 1.4; color:#999}
.charge_con .chc_box strong{font-size:15px; color:#e84671; margin:15px auto 0 auto; display: block; line-height: 1.4; background-color: #ffebf0; border:1px solid #f4bdcd; border-radius:16px; padding:15px;}
.charge_con .chc_box button{font-size: 18px; background:#fff; border:1px solid #515151; border-radius: 16px; padding:15px; font-weight: bold; display: block; width:100%; margin:30px 0 0 0; transition: all 0.1s; color:#515151;}
@media (max-width: 940px) {
    .charge_title{font-size:21px;}
    .charge_con .chc_box{padding:20px; width:calc(100%/3 - 10px);}
    .payment_wrap .credit_list li img,
    .charge_con .chc_box img{width:50px; margin: 0 auto 20px auto;}
    .payment_wrap .credit_list li .title,
    .charge_con .chc_box p{font-size:16px; margin-top:0}
    .payment_wrap .credit_list li .txt,
    .charge_con .chc_box span{font-size:14px;}
    .payment_wrap .credit_list li .btn_charge,
    .charge_con .chc_box button{font-size:14px; margin-top:15px;}
    .charge_con .chc_box strong{font-size:13px; padding:10px; }
}
@media (max-width: 600px) {
    .charge_title{font-size:19px;}
    .payment_wrap .credit_list,
    .charge_con{flex-wrap: wrap;}
    .charge_con .chc_box{width:100%;}
    .charge_con .chc_box + .chc_box{margin-top:10px;}
    ..payment_wrap .credit_list li .title,
    .charge_con .chc_box p{margin-bottom:0;}
    .payment_wrap .credit_list li img,
    .charge_con .chc_box img{width:45px; margin-bottom:10px;}
    .payment_wrap .credit_list li{width:100%;}
}
/* 선불충전 명의변경 끝 */
/*********************************************/


/***********************************************************************
240611 선불리뉴얼
***********************************************************************/
.prepay_title h2{font-size:23px; font-weight: 600; margin:30px auto 20px auto;}

.map_title h2{font-size:27px; font-weight: 600;}
.map{display: flex; max-width: 1100px; margin: 20px auto 50px; justify-content: space-between;}
.map li{text-align: center; margin-right: 20px; border:1px solid #efefef; background-color: #f9f9f9; width:calc(100%/4 - 10px); border-radius: 25px;}
.map li a{ padding:30px 20px; display:block;}
.map li:last-child{margin-right: 0px;}
.map li .icon{margin: 0 auto; transition: all 0.3s; overflow: hidden; background-size: 90%; background-position: center center; background-repeat: no-repeat; width:60px; height: 60px;}
.map li:nth-child(1) .icon{background-image:url(../images/prepay/prepay-icon-map01.png);}
.map li:nth-child(2) .icon{background-image:url(../images/prepay/prepay-icon-map02.png);}
.map li:nth-child(3) .icon{background-image:url(../images/prepay/prepay-icon-map03.png);}
/* .map li:nth-child(4) .icon{background-image:url(../images/prepay/prepay-icon-map04.png);} */
.map li:nth-child(4) .icon{background-image:url(../images/prepay/prepay-icon-map05.png);}
.map li p{margin-top: 15px; font-size: 18px; color:#394451; font-weight: 600;}

@media (max-width: 940px) {
    .prepay_title h2{font-size:20px;}
    .map{margin:20px auto 30px auto;}
    .map_title h2{font-size:22px;}
    .map li{margin-right: 10px;}
    .map li a{padding:10px; display: block;}
    .map li .icon{width: 35px; height: 40px;}
    .map li p{margin:0 0 5px 0; font-size:14px; margin-top:5px;}
}
@media (max-width: 700px) {
    .prepay_title h2{font-size:18px;}
    .map_title h2{font-size:20px;}
    .map{flex-wrap: wrap; justify-content: center;}
    .map li{margin:0 10px 10px 0; border-radius: 12px;}
}
@media (max-width: 500px) {
    .map{}
    .map li{margin:0 10px 10px 0; width:calc(100%/2 - 10px);}
    .map li .icon{width: 30px; height: 35px;}
}


/* 요금제 리스트 */
.plan-con .list .items{border:1px solid #e2e2e2; border-radius: 16px;}
.plan-con .list .items + .items{margin-top:20px;}
.plan-con .list .items a{display: flex; padding:30px 50px; flex-wrap: wrap; justify-content: space-between;}
.plan-con .list .items .badge-box{display: flex; width:100%; margin-bottom:20px;}
.plan-con .list .items .badge-box .badge{margin-right: 5px; padding:4px 8px; font-size:13px; background-color: #eaeaea; border-radius: 6px;}
.plan-con .list .items .badge-box .badge.hot{background-color: #d92d50; color:#fff;}
.plan-con .list .items .badge-box .badge.event{background-color: #f7e7ea; color:#d92d50;}
.plan-con .list .items .badge-box .name{font-size:18px; margin-left:5px;}
.plan-con .list .items .badge-box .name .txt{font-size:0.85em; color:#969696;}
.plan-con .list .items .spec-box{display: flex; color:#515151; width:70%;}
.plan-con .list .items .spec-box .data{position: relative; display:flex; flex-wrap: wrap; width:50%;}
.plan-con .list .items .spec-box .data:before{width:12px; height: 17px; background:url(../images//icon/icon-plan-data.png); display: inline-block; content: ""; background-size: 100%; margin:4px 10px 0 0; background-repeat:no-repeat;}
.plan-con .list .items .spec-box .data .free{font-size:28px; margin-top:-6px;}
.plan-con .list .items .spec-box .data .qos,
.plan-con .list .items .spec-box .call .additional,
.plan-con .list .items .spec-box .sms span{font-size:14px; color:#969696; display: block;}
.plan-con .list .items .spec-box .call{ position: relative; display:flex; margin-left:10px; width:30%;}
.plan-con .list .items .spec-box .call:before{width:10px; height: 13px; background:url(../images/icon/icon-plan-call.png); display: inline-block; content: ""; background-size: 100%; margin:7px 5px 0 0; background-repeat:no-repeat;}
.plan-con .list .items .spec-box .call .free{font-size:18px;}
.plan-con .list .items .spec-box .sms{display: flex;}
.plan-con .list .items .spec-box .sms:before{width:12px; height: 10px; background:url(../images/icon/icon-plan-sms.png); display: inline-block; content: ""; background-size: 100%; margin:5px 5px 0 0; background-repeat:no-repeat;}
.plan-con .list .items .price-box .current-price{color:#d92d50; font-size:30px; font-weight: 600}
.plan-con .list .items .price-box .current-price .text{font-size:0.8em;}
.plan-con .guide{margin-top:30px; border:1px solid #e2e2e2; border-radius:16px;}
.plan-con .guide .title{display:flex; justify-content: space-between; background-color: #eaeaea; color:#7f7f7f; align-items: center; padding:17px 30px; font-size:20px; border-radius: 16px;}
.plan-con .guide .title img{width:17px;}
.plan-con .guide .info{padding:20px 30px;}
.plan-con .guide .btnAcc img{transform: rotate(180deg); transition: all 0.3s;}
.plan-con .guide .btnAcc.active img{transform: rotate(0deg);}
.plan-con .guide .areaAcc{display: none;}

@media (max-width: 940px) {
    .plan-con .list .items + .items{margin-top:15px;}
    .plan-con .list .items a{padding:25px;}
    .plan-con .list .items .badge-box .badge{font-size:12px; padding:3px 8px;}
    .plan-con .list .items .badge-box .name{font-size:16px; margin-left: 0;}
    .plan-con .list .items .spec-box .data .free{font-size:24px;}
    .plan-con .list .items .spec-box .call .free{font-size:16px;}
    .plan-con .list .items .price-box .current-price{font-size:27px;}
    .plan-con .list .items .spec-box{width:80%;}
    .plan-con .list .items .spec-box .data{width:40%;} 
    .plan-con .list .items .spec-box .call{width:30%;}
}

@media (max-width: 800px) {
    .plan-con .list .items a{padding:20px 30px; align-items:flex-end}
    .plan-con .list .items .badge-box{align-items: flex-start; flex-wrap: wrap;}
    .plan-con .list .items .badge-box .badge{margin-top:5px;}
    .plan-con .list .items .badge-box .name{margin-top:5px;}
    .plan-con .list .items .spec-box{width:60%; flex-wrap: wrap;}
    .plan-con .list .items .spec-box .data{width:100%;}
    .plan-con .list .items .spec-box .data:before{margin-top:2px;}
    .plan-con .list .items .spec-box .data .free{font-size:20px;}
    .plan-con .list .items .spec-box .call{width:160px; margin-top:5px;}
    .plan-con .list .items .spec-box .call{margin-left: 0;}
    .plan-con .list .items .spec-box .call:before{margin-top:4px;}
    .plan-con .list .items .spec-box .sms{margin-top:5px;}
    .plan-con .list .items .price-box{width: 40%;}
    .plan-con .list .items .price-box .current-price{text-align: right; font-size:23px;}
    .plan-con .guide{margin-top:20px;}
}
@media (max-width: 600px) {
    .plan-con .list .items .spec-box{width:100%;}
    .plan-con .list .items .price-box{width: 100%;}
}


.store_title{margin-top: 100px; font-size: 33px !important; font-weight: 700 !important; line-height:1.5; text-align: center; color:#333;}
.store_txt{color:#515151; font-size:20px; line-height: 1.7; text-align: center; margin-top:25px;}
.store_list{border:1px solid #e2e2e2; border-radius: 10px; overflow: hidden;}
.store_list li + li{border-top:1px solid #e2e2e2;}
.store_list li dl{display: flex; font-size: 17px; color:#515151;}
.store_list li dl dt{width: 25%; padding:15px; text-align: center; background-color: #f2f2f2; font-weight: 600}
.store_list li dl dd{padding:15px; width:75%;}
.store_map.mapArea{width: 100%; border:none !important; margin-top: 40px;  height: 450px; border-radius: 25px; overflow: hidden; box-shadow:0px 0px 15px rgba(0,0,0,0.1); margin-bottom: 30px;}
@media (max-width: 940px) {
    .store_title{font-size:27px !important; margin-top:70px;}
    .store_txt{font-size: 18px; margin-top:15px;}
    .store_list li dl{font-size: 15px;}
}
@media (max-width: 600px) {
    .store_title{font-size:20px !important;}
    .store_txt{font-size: 16px; margin-top:10px;}
}

/* 부가서비스 팝업 */
.addservice-popup .popup {padding:0; border-radius: 20px; overflow: hidden; max-width: 600px;}
.addservice-popup .popup-cont .product-header {padding:40px; background-color:inherit;}
.addservice-popup .popup-cont .product-header h3 {font-weight:600; font-size:26px;}
.addservice-popup .popup-cont .product-header .desc {font-size:18px;}
.addservice-popup .popup-cont .product-content {margin-top:0; padding:0 40px; overflow-y:auto;}
.addservice-popup .popup-cont .product-content .content-box .content+.content {margin-top:40px;}
.addservice-popup .popup-cont .product-content .content-box .content .head-title {margin-bottom:6px; font-weight:600; font-size:20px;}
.addservice-popup .popup-cont .product-content .content-box .content .list > li,
.addservice-popup .popup-cont .product-content .content-box .content .dash > li {margin-top:4px; font-size:16px;}
.addservice-popup .popup-cont .btn_box {padding-bottom:40px; margin:0}
.addservice-popup .popup-cont .btn_box .btn_cancel{width: calc(100% - 70px); background: #333; font-size: 17px;}

/* 부가설명 */
.content-box {width:100%;}
.content-box .content+.content {margin-top:60px;}
.content-box .content .title {margin-bottom:12px; font-weight:600; font-size:20px; color:#000; line-height:1.4;}
.content-box .content .head-title {font-size:24px;}
.content-box .content .sub-title {margin-bottom:20px; font-weight:600; font-size:17px; color:#000;}
.content-box .content .type-title {margin-top:10px; font-weight:600; font-size:16px; color:#000;}
.content-box .content p {font-weight:500; font-size:17px; color:#666; line-height:1.6;}
.content-box .content p+p {margin-top:8px;}
.content-box .content img {max-width:100%;}
.content-box .content ul li {position:relative; line-height:1.5; word-break:break-all; color:#666;}
.content-box .content ul li + li {margin-top:8px;}
.content-box .content .text > li {position:relative; padding-left:20px;}
.content-box .content .text > li .number {content:""; display:inline-block; position:absolute; left:0;}
.content-box .content .reference {margin-top:20px; font-weight:500; color:#acacac;}
.content-box .content .list > li {padding-left:16px; font-weight:500; font-size:16px;}
.content-box .content .list > li::before {content:""; display:inline-block; position:absolute; left:0; top:12px; width:3px; height:3px; vertical-align:top; border-radius:3px; background:#000;}
.content-box .content .list > li.bg-point {background:#fff9d1;}
.content-box .content .dash > li {margin-top:6px; padding-left:14px;}
.content-box .content .dash > li::before {content:""; display:block; position:absolute; top:0; left:0; width:6px; height:1px; margin:12px 12px 0 0; background:#000;}
.content-box .content .list-number-round > li {padding-left:34px; font-size:18px; font-weight:600;}
.content-box .content .list-number-round > li + li {margin-top:12px;}
.content-box .content .list-number-round > li .number {position:absolute; top:3px; left:0; display:inline-block; width:23px; height:23px; line-height:23px; font-size:15px; font-weight:bolder; text-align:center; font-family:'roboto'; background:#D82146; color:#fff; border-radius:50%;}
.content-box .content .list-number-round > li .text > .number {top:0; width:auto; height:auto; line-height:inherit; font-size:inherit; color:#666; background:transparent; border-radius:inherit;}
.content-box .content .list-check > li {padding-left:23px; font-weight:600; font-size:17px; color:#000;}
.content-box .content .list-check > li + li {margin-top:12px;}
.content-box .content .list-check > li::before {content:""; display:block; position:absolute; top:0; left:0; width:15px; height:12px; margin:8px 0; background:url('../images/icon/ic_check.png') no-repeat;}
.content-box .content .division-area > li + li {margin-top:32px;}
.content-box .content [class^="list"] li > [class^="list"] {margin-top:8px;}
.content-box .content [class^="list"] strong {font-weight:600;}
.content-box .content .item-box {position:relative; padding:24px 30px; border:1px solid #e2e2e2;}
.content-box .content .item-box+.item-box {margin-top:20px;}
.content-box .content .item-box .btn-area {text-align:right}
.content-box .content .stepby-list {display:flex;}
.content-box .content .stepby-list li {display:inline-block; width:25%; margin:0 -1px 0 0; padding:24px 40px; vertical-align:top; border:1px solid #e2e2e2;}
.content-box .content .stepby-list li::before {content:""; display:block; position:absolute; right:-20px; top:50%; width:40px; height:40px; margin-top:-20px; background:#e2e2e2; border-radius:50%;}
.content-box .content .stepby-list li::after {content:""; display:block; position:absolute; right:-3px; top:50%; width:6px; height:6px; margin-top:-3px; border-top:2px solid #acacac; border-right:2px solid #acacac; transform:rotate(45deg); z-index:1;}
.content-box .content .stepby-list li:last-child::before,
.content-box .content .stepby-list li:last-child::after {display:none;}
.content-box .content .stepby-list li > p {margin-top:0; margin-bottom:8px; font-weight:600; color:#4885FF; line-height:1.4;}
.content-box .content .stepby-list li > p > .num {font-weight:600; font-size:24px;}

.pre-info{margin-top:20px;}
.pre-info ul li{font-size:17px; color:#777;}
@media (max-width: 940px) {
    .pre-info ul li{font-size:14px;}
}


/***********************************************************************
// 240611 선불리뉴얼
***********************************************************************/