@charset "utf-8";


body,
p {font-size:4.6377vw}



/****************************************
# common
****************************************/
/* style */
.mo_br::after {content:''; display:block;}


/* layout */
.container-inner {max-width: 318.8406vw; margin: 8.6957vw auto 14.4928vw; padding: 0 5.7971vw;}
.container-inner > h3,
.container-inner .content-title > h3 {padding-bottom:5.7971vw; font-size:6.6667vw; font-weight:600;}
.container-inner.wide-full {max-width: 100%; padding: 0;}
.container-inner.wide-full > h3 {max-width: 318.8406vw; margin: 0 auto; padding: 0 5.7971vw 5.7971vw;}

/*  */
.menu-nav {z-index:99; position:fixed; bottom:0; left:0; right:0; width:100%; height:17.3913vw; padding:0 4.3478vw; background: #FFF; border-top:0.2899vw solid #f0f0f0;}
.menu-nav ul {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.menu-nav ul li {width:calc(100% / 5)}
.menu-nav ul li {width:100%; height:100%;}
.menu-nav ul li a {display:flex; flex-direction: column; align-items:center; justify-content:center; height: 100%; margin-top:0; padding:1.1594vw 0;}
.menu-nav ul li a .icon-nav {width:8.1159vw; height:8.1159vw; position:relative;}
.menu-nav ul li a .name {margin-top:0.5797vw; text-align: center; font-size:3.1884vw; font-weight:500; color:#5c5e60; overflow: hidden; white-space: normal;  display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.menu-nav ul li a .icon-plan {background:url(../images/icon/icon_bar_plan.png) no-repeat top center; background-size:contain;}
.menu-nav ul li a .icon-cs {background:url(../images/icon/icon_bar_cs.png) no-repeat top center; background-size:contain;}
.menu-nav ul li a .icon-main {background:url(../images/icon/icon_bar_main.png) no-repeat top center; background-size:contain;}
.menu-nav ul li a .icon-delivery {background:url(../images/icon/icon_bar_delivery.png) no-repeat top center; background-size:contain;}
.menu-nav ul li a .icon-mypage {background:url(../images/icon/icon_bar_mypage.png) no-repeat top center; background-size:contain;}
        

/* 로그인/회원 */
.member_wrap .login_id_save {margin-top:5.7971vw;}
.member_wrap .login_set {margin-top: 11.5942vw;}
.member_wrap .login_set .find_area {display:flex; justify-content: center;}
.member_wrap .login_set .find_area button {position:relative; font-size:4.3478vw; color:#494949;}
.member_wrap .login_set .find_area button + button {margin-left:2.3188vw; padding-left:2.3188vw;}
.member_wrap .login_set .find_area button::before {content:""; display:block; position:absolute; top:50%; left:0; width:0.2899vw; height:4.0580vw; transform:translateY(-50%); background-color:#ddd;}
.member_wrap .login_set .find_area button:first-child::before {display:none;}
.member_wrap > .agree_check {margin-top:8.6957vw; }
.member_wrap > .agree_check .check_style + label {color: #000; font-weight:600; font-size:4.6377vw;}


/* 요금제상세 > 제휴 header */
.event-header {z-index:1; width:100%; height:auto; position:relative; padding:5.7971vw 4.6377vw; background-color:#ffffff; box-sizing: border-box;}
.event-header .inner {width:100%; max-width:318.8406vw; height:inherit; margin:0 auto;}
.event-header .title {display:flex; align-items:center; position:relative; height:inherit;}
.event-header .title > p {position:relative; font-size:5.2174vw; font-weight:600; line-height:1.4;}
.event-header .title .back {position:relative; width:2.8986vw; height:2.8986vw; margin-right: 3.4783vw;}
.event-header .title .back::before {content:""; position:absolute; left:50%; top:50%; width:2.8986vw; height:2.8986vw; border-top:0.8696vw solid #000; border-left:0.8696vw solid #000; transform:translate(-50%, -50%) rotate(-45deg);}
.event-header img {display:inline-block; width:100%; min-width:100%;}


/* 부호 */
.after-hyphen {position:relative;}
.after-hyphen:after {content:""; display:block; position:absolute; top:50%; right:-0.8696vw; width:1.4493vw; height:0.2899vw; background-color:#000;}


/* table */
.table-view-type01 .title {margin-bottom:3.4783vw; font-weight:600; font-size:5.2174vw;}
.table-view-type01 table {width:100% !important; margin-top:1.4493vw;}
.table-view-type01 table th,
.table-view-type01 table td {font-size:4.0580vw; border:0.2899vw solid #ddd; line-height:1.4;}
.table-view-type01 table th {padding:1.7391vw 2.8986vw; font-weight:600; background-color:#e9e9e9; color:#000; text-align:center;}
.table-view-type01 table td {padding:2.3188vw 2.8986vw; text-align:center; color:#666;}
.table-view-type01 .refer {margin-top:2.3188vw; font-weight:400; font-size:4.3478vw; color:#666; line-height:1.4;}

/* 유의사항 */
.info-notice-box {width:100%; margin-top:4.6377vw; border-radius:1.7391vw; background-color:#fff;}
.info-notice-box.bg {padding:5.7971vw; border:0.2899vw solid #dfe3ed; background:#f1f3fb;}
.info-notice-box.bg .info-content li {color:#848ca5;}
.info-notice-box.bg.bg_trans {background:transparent}
.info-notice-box .info-title {margin-bottom:2.3188vw; font-weight:800; font-size:4.3478vw; color:#525766;}
.info-notice-box .info-sub-title {margin-top:5.7971vw; margin-bottom:2.3188vw; font-weight:800; font-size:4.3478vw; color:#525766;}
.info-notice-box .info-content {width:100%;}
.info-notice-box .info-content li {position:relative; padding-left:3.4783vw; font-weight:500; font-size:4.0580vw; color:#666; line-height:1.5; word-break:break-all;}
.info-notice-box .info-content li + li {margin-top:1.7391vw}
.info-notice-box .info-content li > ul {margin-top:1.1594vw}
.info-notice-box .info-content.num-list {counter-reset: num 0;}
.info-notice-box .info-content.num-list li {padding-left:6.6667vw;}
.info-notice-box .info-content.num-list li:before {content:counter(num)"."; counter-increment:num 1; position:absolute; left:0; top:0;}
.info-notice-box .info-content.desc-list > li {padding-left:3.4783vw !important;}
.info-notice-box .info-content.desc-list > li::before {content:""; position:absolute; left:0; top:2.3188vw; width:1.7391vw; height:0.2899vw; background:#898989;}
.info-notice-box .info-content.dot-list > li {padding-left:3.4783vw !important;}
.info-notice-box .info-content.dot-list > li::before {content:""; position:absolute; left:0; top:2.6087vw; width:0.8696vw; height:0.8696vw; background:#898989; border-radius: 50%;}
.info-notice-box table td {background-color:#fff;}
.info-notice-box .info-big-title {margin:2.8986vw 0 8.6957vw; font-weight: 700; font-size: 5.2174vw; color: #000; text-align: center;}

.check-box .check-list {word-break:break-word;}
.check-box .check-list li {font-weight:400; font-size:4.6377vw; color:#494949; line-height:1.5;}
.check-box .check-list li + li {margin-top:3.4783vw;} 
.check-box .check-question {line-height:1.5; font-size:4.6377vw; color:#494949; word-break:break-word;}
.check-box .check-question dt {display:inline-block; padding:0.5797vw 5.7971vw 0.2899vw; font-size:4.3478vw; border-radius:5.7971vw; background-color:#5c5e60; color:#fff;}
.check-box .check-question dd {margin-top:1.7391vw;}

.return-msg {margin: 11.5942vw 0 5.7971vw; padding: 5.7971vw; border-radius: 4.6377vw; text-align: center; background-color: #f9f9f9;}
.return-msg .text {color: #666; font-weight: 500;}

/* 비디오 box */
.video-box {position:relative; width:100%; height:100%; padding-top:59.4%;}
.video-box iframe {position:absolute; top:0; left:0; width:100%; height:100%; background:#000;}
.video-box.align-center iframe {position:absolute; left:0; margin-left:0%;}


/****************************************
# 240626 회원가입
****************************************/
.exist-sect .check-box {margin-bottom:8.6957vw;}
.exist-sect .check-box .check-question {margin-top:8.6957vw;}
.exist-sect .check-agree {margin-top:5.7971vw;}
.exist-sect .table-view-type01 {padding:5.7971vw; border:0.2899vw solid #ddd; border-radius:4.6377vw;}


/****************************************
# 231011 온라인상담 개편
****************************************/
body{word-break: keep-all}

.con_inner{max-width: 318.8406vw; margin: 8.6957vw auto 14.4928vw; padding: 0 7.2464vw;}
.con_inner.pc_w500{max-width: 144.9275vw;}
.con_inner.pc_w740{max-width: 214.4928vw;}
.cs_title{display: flex;}
.cs_title .history_back{margin-right: 2.8986vw; transform: translateY(3.4783vw); width: 2.3188vw; min-width: 2.3188vw;}
.cs_title .cs_txt.flex{justify-content:space-between; width:100%;}
.cs_title .cs_txt.all_center{text-align: center; width:100%;}
.cs_title .cs_txt h2{font-size:5.7971vw; font-weight: 600; margin: 2.8986vw 0;}
.cs_title .cs_txt h2 strong{font-size:1em; font-weight: 600}
.cs_title .cs_txt h3{font-size:4.9275vw; font-weight: 600; margin-bottom: 4.3478vw; position: relative; padding-left: 2.8986vw;}
.cs_title .cs_txt h3:after{content: ''; display: block; position: absolute; left: 0; top: 3.4783vw; width: 1.4493vw; height: 1.4493vw; background-color: #222; border-radius: 50%;}
.cs_title .cs_txt p{font-size: 4.3478vw; color:#6779b6; margin-top: 1.4493vw; font-weight: 300; line-height: 1.4;}
.cs_title .cs_txt .txt_link{font-size: 3.4783vw; color:#474747; }
.cs_title .cs_txt .txt_link a{display: flex; align-items: center;}
.cs_title .cs_txt .txt_link span{border-bottom: 0.2899vw solid #474747; padding-bottom: 0.5797vw; display: inline-block; margin-left: 1.4493vw;}
.cs_title .cs_txt .txt_link span:active,
.cs_title .cs_txt .txt_link span:focus,
.cs_title .cs_txt .txt_link span:hover{border-color:#c12b4c; color:#c12b4c;}

.form-item{margin:8.6957vw 0 2.8986vw 0;}
.sub_title{font-size:4.6377vw; font-weight: 600; margin: 8.6957vw 0 4.3478vw 0;}
.sub_title.b_space{margin: 8.6957vw 0 2.3188vw 0;}
.sub_title .sub_txt{font-size:3.7681vw; color:#9ba1b2; display: inline-block; margin-left: 1.4493vw; vertical-align:middle; font-weight: 400;}
.sub_title .title_check{float:right;}
.sub_title .title_check label{font-size: 3.7681vw; font-weight: 400}
.sub_title .title_check input[type="checkbox"]{width: 4.3478vw !important; height: 4.3478vw !important; margin-right: 0; vertical-align: middle;}
.agree_info{margin-top:2.8986vw; background:#f4f4f4; border:0.2899vw solid #efefef; padding:4.3478vw 5.7971vw; border-radius:2.0290vw; font-size: 4.0580vw; color:#94949a; font-weight:300; line-height:1.5; max-height: 63.7681vw; overflow: auto;}
.agree_info ul{margin-bottom: 2.8986vw;}
.agree_info ul:last-child{margin-bottom: 0;}
.agree_info ul.list_st_num > li{list-style: decimal; margin-left: 2.8986vw; padding-left: 1.4493vw;}
.agree_info ul.list_st_hyphen > li{position: relative; padding-left: 2.8986vw;}
.agree_info ul.list_st_hyphen > li::before{position: absolute; left: 0; top: 0; display: block; content: "-";}
.agree_info ul li{ font-size: 4.0580vw; color:#94949a; font-weight:300; line-height:1.5; } 
.agree_info textarea{border:none; background: none; outline:none; padding:0; line-height:1.5;}
.agree_info textarea::placeholder{color:#94949a !important}
.agree_info.area_box{background:#f9f9f9;}
.agree_info b{font-weight: bold; color:#777; font-size:1.1em; margin-bottom: 1.4493vw; display: block;}
.form-item .agree_check_box{text-align: right; margin-top: 4.3478vw;}

.form-item:first-child {margin-top:0;}
.form-item .form-title {margin-bottom:4.3478vw; font-size:4.3478vw; font-weight:600;}
.form-item .form-group {display:flex;}
.form-item .form-group > div {position:relative;}

.phone-field {margin:0 -2.3188vw;}
.phone-field div {width:33.33%; padding:0 2.3188vw;}


/**/
.flex{display:flex;}
.flex_center {align-items:center;}
.flex_justify_start {justify-content: flex-start !important;}
.flex_justify_center {justify-content: center !important;}
.flex_justify_end {justify-content:flex-end !important;}
.flex_wrap {flex-wrap: wrap;}
.text_center{text-align: center;}
.text_left{text-align: left !important;}
.text_right{text-align: right !important;}
.mar_b{margin-bottom:2.8986vw;}
.mar_t{margin-top:2.8986vw !important;}
.mar_t0{margin-top:0 !important;}
.mar_t10{margin-top:2.8986vw !important;}
.mar_t16{margin-top:4.6377vw !important;}
.mar_t20{margin-top:5.7971vw !important;}
.mar_t30{margin-top:92.7536vw !important;}
.pad_t40{padding-top:11.5942vw !important;}
.mar_0{margin: 0 !important}
.w80{width: 80%;}
.w100{width:100% !important;}
.hyphen li::before{content: "-"; border-radius: 2.8986vw; margin-right: 1.4493vw;}

/* border */
.rounded-1 {border-radius:11.5942vw !important;}


/*버튼*/
.btn_style{cursor: pointer; background:#f1516c; color:#fff; padding: 4.3478vw 5.7971vw; width:100%; text-align:center; border-radius: 2.0290vw; font-size:4.6377vw;}
.btn_style:disabled{background:#bdbdc6 !important;}
.btn_gray{background:#bdbdc6;}
.btn_darkgray{background:#7C7C84;}
.btn_lightgray{background:#f1f1f6; color:#2e2e31}
.btn_lightgray2{background:#BDBDC6; color:#fff}
.btn_style:focus{background:#c12b4c;}
.btn_gray:focus{background:#bdbdc6;}
.btn_lightgray:focus{background:#f1f1f6;}
.btn_black{background: #333}
.btn_black:focus{background:#333;}
.btn_style.btn_s,
.btn_style_line.btn_s{padding: 2.8986vw 4.3478vw; margin: 0; font-size:4.0580vw; text-align: center;}
.btn_style.btn_xs {width:14.4928vw; padding:1.7391vw 2.8986vw; margin: 0; font-size:3.7681vw;}
.btn_input{margin-left:2.8986vw !important; min-width: 26.0870vw; width: auto;}
.btn_style_line{background: none; color:#f1516c; border:0.2899vw solid #f1516c; padding: 4.9275vw; width: 100%; border-radius: 2.0290vw; font-size:4.3478vw; font-weight: 600}
.btn_style_line.btn_style:focus {background: none;}
.btn_style_line.gray {border:0.2899vw solid  #bdbdc6; color:#525766 !important;}
.btn_style_line.gray:focus{background:#fff;}
.btn_group {margin-top:11.5942vw;}
.btn_group .btn_style:not(:first-child),
.btn_group .btn_style_line:not(:first-child) {margin-left:1.7391vw;}
.btn_group .btn_style:not(:last-child),
.btn_group .btn_style_line:not(:last-child) {margin-right:1.7391vw;}
.btn_group .comment-text {width: 100%; text-align: center; margin: 3.4783vw 0 4.6377vw; font-weight: 300; font-size: 4.6377vw; color: #494949 ;}
.btn_auto {width: auto; height:13.3333vw; padding:0 5.7971vw}
.btn_logout {position:relative; display:block; width:100%; margin-top:5.7971vw; font-weight:600; font-size:4.6377vw; color:#494949; text-align:center;}
.btn_logout::after {content:""; display:inline-block; width:1.7391vw; height:1.7391vw; margin:0 0 0.5797vw 1.1594vw; border-top:0.5797vw solid #232323; border-right:0.5797vw solid #494949; transform:rotate(45deg);}
.btn_text {position:relative; display:block; width:100%; font-weight:500; font-size:4.6377vw; color:#999; text-align:center; z-index: 1;}
.btn_text::after {content:""; display:inline-block; width:1.7391vw; height:1.7391vw; margin:0 0 0 1.1594vw; border-top:0.5797vw solid #999; border-right:0.5797vw solid #999; transform:rotate(45deg);}
.btn_text.s_text {font-size: 4.0580vw;}
.btn_text.s_text::after {width:1.4493vw; height:1.4493vw; margin:0 1.7391vw 0.5797vw 1.1594vw;}


.is_disabled {background:#bdbdc6; cursor: not-allowed;}
.is_disabled:focus {background:#bdbdc6;}

.btn_s180 {max-width:52.1739vw !important; width: 52.1739vw !important;}
.btn_s200 {max-width:57.9710vw !important; width: 57.9710vw !important;}
.btn_s240 {max-width:69.5652vw !important; width: 69.5652vw !important;}
.btn_s280 {max-width:81.1594vw !important; width: 81.1594vw !important;}

/*입력폼 ios*/
input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::placeholder { color: currentcolor; -webkit-text-fill-color: currentcolor; opacity: 1;}

/*입력폼*/
input[type="text"].input_style,
input[type="number"].input_style,
input[type="password"].input_style,
input[type="email"].input_style,
select.select_style {padding:4.3478vw; background-color:#f9f9f9; border:0.2899vw solid #efefef; color:#000; font-size: 4.0580vw; border-radius: 2.0290vw; line-height:normal; text-indent: inherit; height: auto; width: 100%;}
select.select_style {background:#f9f9f9 url('/shop/include/images/cs/onlinecs-btn-arrow.png') no-repeat right 5.7971vw center;}
input[type="text"].input_style::placeholder,
input[type="number"].input_style::placeholder,
input[type="password"].input_style::placeholder,
input[type="email"].input_style::placeholder{color:#94949a;}
input[type="text"].input_style:focus,
input[type="number"].input_style:focus,
input[type="password"].input_style:focus,
input[type="email"].input_style:focus,
select.select_style:focus {background-color:#f7d5dc !important; border-color:#f4bdcd;}
input[type="text"].input_style:read-only,
input[type="number"].input_style:read-only,
input[type="password"].input_style:read-only,
input[type="email"].input_style:read-only {background:#e9e9e9; color:#333 !important;}
input[type="file"].input_style {padding:4.3478vw; background-color:#fff; border:0.2899vw solid #efefef; color:#000; font-size: 4.0580vw; border-radius: 2.0290vw; line-height:normal; text-indent: inherit; height: auto; width: 100%;}

/*  new 체크박스 */
input[type="checkbox"] {display: none; background: none; vertical-align: middle;}
input[type="checkbox"] + label {display: inline-block; position: relative; padding-left: 8.6957vw; font-size:4.6377vw; color:#666; line-height:1.47; cursor: pointer}
input[type="checkbox"] + label::before {content:""; position: absolute; top:0.5797vw; left: 0; width:5.2174vw; height: 5.2174vw; border:0.2899vw solid #bfbfc1; border-radius:1.4493vw;}
input[type="checkbox"]:checked + label::before {background:url(/shop/include/images/icon/icon_input_checkbox.png) no-repeat center center #f1516c; border-color:#f1516c; background-size: 3.4783vw;}
/* input[type="checkbox"].check_style{ background: none; border:0.2899vw solid #aaa !important; border-radius: 1.4493vw; width: 4.9275vw !important; height: 4.9275vw !important; margin-right: 0.8696vw; vertical-align: middle;}
input[type="checkbox"].check_style:checked {background:url(/shop/include/images/cs/onlinecs-icon-check.png) no-repeat center center #f1516c; border-color:#f1516c !important;}
input[type="checkbox"].check_style + label{font-size:4.0580vw; color:#6f6f77; cursor: pointer}*/

.textarea_style{background:#f9f9f9; border:0.2899vw solid #efefef; padding:4.3478vw 5.7971vw; border-radius:2.0290vw; font-size:4.0580vw; /*color:#94949a;*/ font-weight:400; line-height:1.5; max-height: 43.4783vw; overflow: auto; min-height: 34.7826vw; outline:none; display: block;}
.textarea_style::placeholder{color:#94949a}
.form_box .form_layer{display:flex; justify-content:space-between; width: 100%; margin:2.8986vw 0; position: relative;}
.form_box .form_layer .input_style{width: 100%;}
.form_box .form_layer_01 input:first-child{width: calc(65% - 2.8986vw);}
.form_box .form_layer_01 input:last-child{width: 35%; margin-left: 2.8986vw;}
.form_box .form_layer_02 input:first-child{width: calc(50% - 1.4493vw);}
.form_box .form_layer_02 input:last-child{width: calc(50% - 1.4493vw);}
.card_num{display: flex;}
.card_num span{padding: 0 1.4493vw; display: flex; align-items: center;}
.card_company{display: flex; justify-content:space-between; align-items: flex-start; margin-top: 2.8986vw;}
.card_company .select_custom{width: calc(55% - 2.8986vw);}
.card_company .card_date{width: 45%; align-items: center; display: flex; margin-left: 2.8986vw;}
.card_company .card_date span{font-size: 4.0580vw; width: 20.2899vw; padding-right: 2.8986vw;}
.phone_number{display:flex; margin-top: 4.3478vw;}
.phone_number .select_style{width: 33%; margin: 0}
.phone_number .card_num{width: 67%;}
.phone_number .card_num + .select_style{margin-left: 2.8986vw}
.email_form{display: flex; width:100%;}
.email_form .at{padding: 0 1.4493vw; display: flex; align-items: center;}
.email_form select{margin-left:2.8986vw;}
.address input{width: calc(100% - 34.7826vw);}
.address button{width: 31.8841vw;}
.txt_succ{display: block; margin-top: 1.4493vw; font-size: 4.3478vw; color: #517ef1;}
.txt_send_email{color:#888; margin-top: 1.4493vw; font-size: 4.3478vw;}
.form_box  .form_layer .time{position: absolute; right: 5.7971vw; top: 50%; transform: translateY(-50%); font-size:4.0580vw;}

.form_box .btn-search {flex-shrink:0; width:14.4928vw; border-radius: 2.0290vw; background:#bdbdc6 url(../images/cs/onlinecs-icon-search.png) no-repeat center; height: 14.7826vw;}
.form_box input + .btn-search {margin-left:2.3188vw;}
.form_box .form_layer .input_col {position:relative; width:100%;}

.form_layer_phone .select_style {width:46.3768vw;}


/*셀렉트박스*/
.select_custom .select_box{position: relative;}
.select_custom .select_box .option_btn{padding: 4.3478vw 5.7971vw; background:#f4f4f4; border:0.2899vw solid #efefef; color:#94949a; position: relative; width: 100%; text-align: left; border-radius: 2.0290vw;}
.select_custom .select_box .option_btn:after{position: absolute; display: block; content: ""; background: url(/shop/include/images/cs/onlinecs-btn-arrow.png) no-repeat center center; width: 2.8986vw; height: 1.7391vw; right:4.3478vw; top: 50%; transform: translateY(-50%);}
.select_custom .select_box .option_btn:focus{background:#f7d5dc; border-color:#f4bdcd; color:#37373d;}
.select_custom .select_box .option_list{padding: 4.3478vw 5.7971vw; border: 0.2899vw solid #efefef; border-radius: 2.0290vw; margin-top: 1.4493vw; display: none; max-height: 57.9710vw; overflow: auto; position: absolute; width: 100%; background: #fff; z-index: 100000;}
.select_custom .select_box .option_list li{padding:2.3188vw 0; color:#94949a; font-size: 4.0580vw; display: block;}
.select_custom .select_box .option_list li:hover,
.select_custom .select_box .option_list li:focus{color:#db2b51;}
.select_custom .select_box .option_txt li{display: none; padding: 2.8986vw;}
.select_custom .select_box .option_txt li p{font-size: 3.7681vw; color:#a7a7aa;}
.select_custom .select_box .option_txt li p img{margin-right: 0.8696vw;}
.select_custom.flex{justify-content: space-between; align-items:flex-start;}
.select_custom.flex .select_box{width: calc(100% - 17.3913vw);}
.select_custom .pi_search{width: 14.4928vw; border-radius: 2.0290vw; background: #f1516c; height: 14.7826vw;}
.select_custom .pi_search:disabled{background: #bdbdc6;}
.select_custom .pi_search:focus{background: #c12b4c;}
.select_style.w-small {width:28.9855vw; background-position:85% center;}
.select_style + input {margin-left:2.3188vw;}
.select_style:required:invalid {color: #94949a;}


/*라디오탭*/
.radio_tab_area .area{display: none;}
.radio_tab_area .area.active{display: block;}
.radio_tab_box{display: flex; justify-content:center; margin-bottom:4.3478vw;}
.radio_tab_box li{margin-right: 5.7971vw;}
.radio_tab_box li:last-child{margin-right: 0.0000vw;}
input[type="radio"].radio_style,
input[type="checkbox"].radio_check{position: absolute; width: 0.2899vw; height: 0.2899vw; padding: 0; margin: -0.2899vw; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
input[type="radio"].radio_style + label{position: relative; padding-left: 7.2464vw; font-size: 4.6377vw; color:#4e4e4f; height:auto; background:none;}
input[type="radio"].radio_style + label:after{position: absolute; width: 5.2174vw; height: 5.2174vw; border-radius:14.4928vw; background:#f4f4f4; border:0.2899vw solid #ccc; left: 0; top:0; display: block; content:""}
input[type="radio"].radio_style:checked + label:after{background:url(/shop/include/images/cs/onlinecs-icon-check.png) no-repeat center center #f1516c; border-color:#f1516c;}
.radio_tab_box.type2 input[type="radio"].radio_style + label,
.radio_tab_box.type3 input[type="checkbox"].radio_check + label,
.radio_tab_box.type4 input[type="radio"].radio_style + label{background:none; border:none; width:100%; margin:0; padding:3.7681vw; box-sizing:border-box; text-align: center; border-radius: 2.0290vw; font-size:4.0580vw; color:#494949;background:#f9f9f9; border:0.2899vw solid #efefef; display: block;}
.radio_tab_box.type4 input[type="radio"].radio_style + label{font-size: 4.3478vw; padding: 4.3478vw; font-weight: 600;}
.radio_tab_box.type2 input[type="radio"].radio_style + label:after,
.radio_tab_box.type3 input[type="checkbox"].radio_check + label:after,
.radio_tab_box.type4 input[type="radio"].radio_style + label:after{display: none;}
.radio_tab_box.type2 input[type="radio"].radio_style:checked + label,
.radio_tab_box.type3 input[type="checkbox"].radio_check:checked + label,
.radio_tab_box.type4 input[type="radio"].radio_style:checked + label{background:#f7d5dc; border:0.2899vw solid #f4bdcd; color:#db2b51;}
.radio_tab_box.type2 input[type="radio"].radio_style:checked + label:after,
.radio_tab_box.type3 input[type="checkbox"].radio_check:checked + label:after,
.radio_tab_box.type4 input[type="radio"].radio_style:checked + label:after{display: none;}

.radio_tab_box.type2 li{width:50%; margin-right: 2.8986vw;}
.radio_tab_box.type2 li:last-child{margin-right: 0}

.radio_tab_box.type3 input[type="checkbox"].radio_check + label{background:#f9f9f9; border:0.2899vw solid #efefef; border-radius: 2.0290vw; padding:1.7391vw 4.3478vw; font-size:3.7681vw; height: 100%; display:flex; align-items: center;}
.radio_tab_box.type3 li{margin:0 0 0 0.8696vw;}

.radio_tab_box.type4{flex-wrap: wrap;}
.radio_tab_box.type4 li{margin: 0 0 2.8986vw 0; width: 100%;}
.radio_tab_box.type4 li:last-child{margin-bottom: 0;}

.radio_tab_box.typeDef {display:flex; flex-wrap:wrap; margin:-1.7391vw;}
.radio_tab_box.typeDef li {width:100%; margin-right:0; padding:1.7391vw;}
.radio_tab_box.typeDef li:last-child{margin-right: 0}
.radio_tab_box.typeDef li input[type="radio"].radio_style + label {display:flex; align-items: center; justify-content:center; border:none; width:100%; margin:0; padding:3.7681vw 4.3478vw; box-sizing:border-box; text-align: center; border-radius: 2.0290vw; font-size:4.0580vw; color:#494949; background:#f9f9f9; border:0.2899vw solid #efefef;}
.radio_tab_box.typeDef li input[type="radio"].radio_style + label:after {display: none;}
.radio_tab_box.typeDef li input[type="radio"].radio_style:checked + label {border-color:#f4bdcd; color:#db2b51; background: #f7d5dc;}
.radio_tab_box.typeDef li input[type="radio"].radio_style:checked + label:after {display: none;}

.radio_tab_box.typeIcon {display:flex; flex-wrap:wrap; margin:-1.7391vw;}
.radio_tab_box.typeIcon li {width:100%; margin-right:0; padding:1.7391vw;}
.radio_tab_box.typeIcon li:last-child{margin-right: 0}
.radio_tab_box.typeIcon li input[type="radio"].radio_style + label {cursor:pointer; display:flex; align-items: center; border:none; width:100%; margin:0; padding:2.8986vw 4.3478vw; box-sizing:border-box; text-align: left; border-radius: 2.0290vw; font-size:4.0580vw; color:#494949; background:#fff; border:0.2899vw solid #ddd;}
.radio_tab_box.typeIcon li input[type="radio"].radio_style + label:after {display: none;}
.radio_tab_box.typeIcon li input[type="radio"].radio_style:checked + label {transition: all .3s; border-color:#ED5D6F; background-color:#ffe2e5;}
.radio_tab_box.typeIcon li input[type="radio"].radio_style:checked + label:after {display: none;}
.radio_tab_box.typeIcon li .title {font-weight:600; font-size:4.3478vw;}
.radio_tab_box.typeIcon li .title-img {width: auto; height: 8.1159vw;}
.radio_tab_box.typeIcon li .title-img img {width: inherit; height: 100%;}
.radio_tab_box.typeIcon li .icon {display:inline-block; width:11.0145vw; height: 11.0145vw; margin-right:1.1594vw; transition: all .3s;}
.radio_tab_box.typeIcon li .icon_phone {background:url('../images/icon/icon_phone.png') no-repeat center; background-size:8.1159vw auto;}
.radio_tab_box.typeIcon li .icon_card {background:url('../images/icon/icon_card.png') no-repeat center; background-size:8.1159vw auto;}
.radio_tab_box.typeIcon li .icon_bank {background:url('../images/icon/icon_bank.png') no-repeat center; background-size:8.6957vw auto;}
.radio_tab_box.typeIcon li .icon_toss {background:url('../images/icon/icon_logo_toss.png') no-repeat center; background-size:8.6957vw auto;}
.radio_tab_box.typeIcon li .icon_pass {background:url('../images/icon/icon_logo_pass.png') no-repeat center; background-size:8.6957vw auto;}
.radio_tab_box.typeIcon li .icon_kakao {background:url('../images/icon/icon_logo_kakao.png') no-repeat center; background-size:8.6957vw auto;}
.radio_tab_box.typeIcon li .icon_kakaopay {background:url('../images/icon/icon_logo_kakaopay.png') no-repeat center; background-size:13.3333vw auto;}
.radio_tab_box.typeIcon li .icon_alipay {background:url('../images/icon/icon_logo_alipay.png') no-repeat center; background-size:8.6957vw auto;}
.radio_tab_box.typeIcon li .icon_account {background:url('../images/icon/icon_account.png') no-repeat center; background-size:8.6957vw auto;}
.radio_tab_box.typeIcon li .icon_prepaidcard {background:url('../images/icon/icon_prepaidcard.png') no-repeat center; background-size:8.6957vw auto;}
.radio_tab_box.typeIcon li .icon_store {background:url('../images/icon/icon_store.png') no-repeat center; background-size:10.1449vw auto;}
.radio_tab_box.typeIcon li .icon_minors {background:url('../images/icon/icon_minors.png') no-repeat center; background-size:10.1449vw auto;}
.radio_tab_box.typeIcon li .icon_adult {background:url('../images/icon/icon_adult.png') no-repeat center; background-size:10.1449vw auto;}


.radio_tab_box.all_col1 li {width:calc(100%);}
.radio_tab_box.all_col2 li {width:calc(100% / 2);}
.radio_tab_box.all_col3 li {width:calc(100% / 3);}
.radio_tab_box.all_col4 li {width:calc(100% / 4);}
.radio_tab_box.mo_col1 li {width:calc(100%);}
.radio_tab_box.mo_col2 li {width:calc(100% / 2);}
.radio_tab_box.mo_col3 li {width:calc(100% / 3);}
.radio_tab_box.mo_col4 li {width:calc(100% / 4);}
.radio_tab_box.pc_col1 li,
.radio_tab_box.pc_col2 li,
.radio_tab_box.pc_col3 li,
.radio_tab_box.pc_col4 li {width:calc(100%);}

.radio-group.mo_col2_pc_col3 li {width:calc(100% / 2);}


/*온라인상담 팝업*/
.online_cs_popup{position: fixed; z-index: 1001; display:none; left: 0; top: 0; width: 100vw; height: 100vh;}
.online_cs_popup .popup_back{position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,0.3); top: 0; left: 0;}
.online_cs_popup .popup_inner{position: absolute; top:50%; left: 50%; max-width: 144.9275vw; width: 90%; padding: 8.6957vw; border-radius: 4.3478vw; background:#fff; z-index: 1; transform: translate(-50%,-50%);}
.online_cs_popup_fixed .popup_inner{bottom: 0; left: 0; width: 100%; border-radius: 10.7246vw 10.7246vw 0 0; max-width: 100%; top:auto; transform: translateY(0);}
.online_cs_popup .popup_inner .pi_head{display: flex; justify-content: space-between; align-items:center;}
.online_cs_popup .popup_inner .pi_head h2{font-size:4.9275vw; font-weight: 600;}
.online_cs_popup .popup_inner .pi_body{padding-top: 5.7971vw;}
.online_cs_popup .popup_inner .pi_body .pi_txt_box{width: 80%; margin:0 auto;}
.online_cs_popup .popup_inner .pi_body h3{font-size: 4.6377vw; font-weight: 600;}
.online_cs_popup .popup_inner .pi_body .txt_box{font-size: 4.0580vw; background-color: #F6F4F4; padding:4.3478vw; margin:5.7971vw 0; text-align: center;}
.online_cs_popup .popup_inner .pi_body .txt{font-size: 5.2174vw; font-weight: 600; text-align: center; }
.online_cs_popup .popup_inner .pi_txt{font-size: 4.9275vw; color:#4e4e4f; line-height: 1.5; margin-bottom: 5.7971vw;}
.my_info_box{display: flex; align-items: center;}
.my_info_box .my_info_link{background:#f41e5b; color:#fff; font-size:3.4783vw; display:flex; align-items: center; padding:1.7391vw 2.8986vw; border-radius: 1.1594vw; margin-left: 2.8986vw;}
.my_info_box .my_info_link .my_info_icon{margin-right:1.4493vw;}
.my_info_box .my_info_link .my_info_arrow_icon{margin-left:1.4493vw;}
.text_list{margin-top: 2.8986vw;}
.text_list li{position: relative; padding-left:2.8986vw; margin-bottom: 2.8986vw; color:#525766}
.text_list li:last-child{margin-bottom: 0}
.text_list li:before{content: ""; display: block; position: absolute; left: 0.0000vw; top: 1.7391vw; width: 1.4493vw; height: 1.4493vw; background:#525766; border-radius: 1.4493vw;}



/*본인인증 팝업*/
.warning_list{margin-bottom:5.7971vw;}
.warning_list li{font-size: 3.4783vw; color:#7f7f7f; position: relative; padding-left:4.3478vw; margin-bottom:1.4493vw;}
.warning_list li::before{content:"※"; display: inline-block; margin-right: 1.4493vw; position: absolute; left: 0; top: 0;}
.warning_list li.color_red{color:#f35878;}
.warning_box{background:#f7f5f5;  border-radius: 2.0290vw; padding:5.7971vw; margin-top:2.8986vw; max-height: 43.4783vw; overflow: auto;}
.warning_box p{color:#898989; font-size:3.7681vw; line-height:1.5; font-weight: 400; margin-top:2.0290vw;}
.warning_box p.color_red{color:#ba2755;}
.warning_box strong{font-size: 4.0580vw; color:#898989; display: block; margin-bottom:4.3478vw;}
.warning_box strong img{display: inline-block; margin-right: 0.8696vw;}

.step_box{display: flex; margin-top:2.8986vw;}
.step_box li{width: calc(100%/3 - 5.7971vw); padding: 0 2.8986vw; text-align: center;}
.step_box li.arrow{width: 8.6957vw; padding: 0; display:flex; align-items: center;}
.step_box li .img{display: flex; width: 23.1884vw; height: 23.1884vw; margin:2.8986vw auto 1.4493vw auto; border-radius: 28.9855vw; background:#f7f7f7; align-items: center; justify-content: center;}
.step_box li .img img{display: block; max-width:11.5942vw;}
.step_box li .txt{margin-top: 2.8986vw; font-size: 4.9275vw; font-weight: 500;}
.step_box li .txt span{display: block; font-size: 0.85em; color:#a1a1a1; font-weight: normal;}

@media screen and (max-width:144.9275vw)  {
	/* 본인인증 */
	.step_box{flex-wrap: wrap;}
	.step_box li{width:100%; padding: 0;}
	.step_box li.arrow{width: 5.7971vw; transform: rotate(90deg); margin: 2.8986vw auto 4.3478vw auto}
	.step_box li .img{width: 15.9420vw; height: 15.9420vw; padding: 4.3478vw;}
	.step_box li .txt{font-size: 4.3478vw;}
}


/*접수완료페이지*/
.cs_finish_box .finish_icon{margin-top:14.4928vw;}
.cs_finish_box h2{color:#292929; font-size: 5.2174vw; font-weight: 600; margin:8.6957vw 0}
.cs_finish_box .finish_txt li{color:#ce3c63; font-size:3.7681vw; line-height:1.4;}
.cs_finish_box .finish_txt2{font-size:4.0580vw; color:#636363; margin-top:5.7971vw; line-height:1.4;}
.cs_finish_box .info_box{background:#f1f3fb; border:0.2899vw solid #dfe3ed; border-radius: 2.0290vw; padding:5.7971vw; margin:8.6957vw 0 5.7971vw 0; line-height: 1.5; color:#848ca5; font-size: 4.0580vw;}
.cs_finish_box .info_box p{color:#848ca5; font-size:4.0580vw;}
.cs_finish_box .info_box strong{font-size: 4.3478vw; font-weight: 600}

.completion_box {position:relative;}
.completion_box .top_box {text-align:center;}
.completion_box .top_box .emoji {display:inline-block; font-size:8.6957vw;}
.completion_box .top_box .title {font-size:5.7971vw; font-weight:600; margin:5.7971vw 0 2.8986vw;}
.completion_box .top_box .title_desc {font-size:4.6377vw; font-weight:400; color:#515151; line-height:1.4}

/*달력*/
.datepicker_box{display: flex; align-items:center; margin-bottom:2.8986vw;}
.datepicker_box span{padding: 0 1.4493vw;}
.ui-datepicker{border:none !important; box-shadow:0 2.8986vw 3.7681vw rgba(0,0,0,0.15); margin-top: 2.8986vw; border-radius: 2.0290vw; border:0.2899vw solid #efefef; padding:2.8986vw;}
.ui-datepicker-header{background: none; border:none;}
/* .ui-widget-header .ui-icon{background:url(/shop/include/images/cs/onlinecs-history-back.png) no-repeat center center; background-size: 45%;}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e{transform: rotate(180deg)}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top: 50%; transform: translateY(-50%); opacity: 0.3;} */
.ui-datepicker .ui-datepicker-title{margin: 2.0290vw 2em;}
.ui-datepicker th{color:#94949a; font-size: 3.4783vw;}
.ui-datepicker td{width: 7.5362vw; height: 8.6957vw;}
.ui-datepicker td a{display: flex; align-items: center; justify-content: center; height: 100%; padding: 0;}
.ui-state-default{background:none !important; border:none !important; text-align: center !important; color:#494949 !important; font-weight: 600 !important}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover{background:#F1516C !important; border-radius: 28.9855vw; color:#fff !important}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ color:#db2b51 !important}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{color:#bfbfc1; font-weight: 300 !important}

.ui-datepicker-calendar .ui-state-hover {background:#f0f0f0 !important; border-radius: 50%; color:#494949 !important}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top: 50%; transform: translateY(-50%);}
.ui-corner-all .ui-icon {background: none; display:block; position:absolute; right:4.3478vw; top:50%; width:2.3188vw; height:2.3188vw; margin-top:-1.1594vw !important; border-bottom:0.5797vw solid #000; border-left:0.5797vw solid #000; transform:rotate(45deg);}
.ui-corner-all.ui-datepicker-next .ui-icon {transform:rotate(-135deg)}
.ui-corner-all.ui-datepicker-prev span {margin-left: -1.1594vw;}
.ui-datepicker .ui-datepicker-title select {width: 42%; height:10.4348vw; border-radius: 1.4493vw; background: #fff url(../images/cs/onlinecs-btn-arrow.png) no-repeat right 2.8986vw center;}
.ui-datepicker select.ui-datepicker-month {margin-left:1.4493vw;}


/* lgu+ 지금배송 */
.quantity{display: flex;}
.quantity .num{width: 14.4928vw; text-align: center; text-indent: 0; border:none; font-size:4.0580vw; color:#898989;}
.quantity button{border-radius: 2.0290vw; padding: 4.3478vw; background-color: #f9f9f9; border: 0.2899vw solid #efefef;}
.agree_box{border-top: 0.2899vw solid #ddd; border-bottom: 0.2899vw solid #ddd;}
.agree_box > li{padding:2.3188vw; display: flex; justify-content: space-between; flex-wrap: wrap;}
.agree_box > li:first-child{padding-top: 4.3478vw;}
.agree_box > li .plus{margin-left: auto; float: right; font-size: 5.7971vw; font-weight:100; transform: translateY(-0.8696vw); padding:0 2.8986vw; color:#000;}
.agree_box > li input[type="checkbox"].check_style + label{flex: 1; width: calc(100% - 15.9420vw); transform: translateY(-0.2899vw)}
.agree_box > li.agree_point input[type="checkbox"].check_style + label{font-size: 4.6377vw; color: #0f2874; font-weight: 500; line-height: 1.4; text-decoration: underline; width:calc(100% - 7.2464vw);}
.agree_box .accordion{display: none; width: 100%;}
.agree_box .accordion iframe {width:100%;}
.all_agree{padding: 4.3478vw; margin-bottom: 1.4493vw; border-radius: 2.0290vw; color: #494949; background: #f9f9f9; border: 0.2899vw solid #efefef;}
.all_agree input[type="checkbox"] + label{font-size: 4.6377vw; font-weight: 600; color:#000; margin-left: 1.4493vw;}

.form_box .total{display: flex; justify-content: space-between; align-items: center; padding:4.3478vw; border:0.5797vw solid #f36060; border-radius: 2.0290vw; box-sizing: border-box;}
.form_box .total li:last-child{font-size: 5.7971vw; font-weight: 700;}
.form_box .total li:last-child span{font-size: 4.0580vw; color:#898989; font-weight: 400}
.list_style{border: 0.2899vw solid #efefef; padding:5.7971vw; background:#f9f9f9; border-radius: 2.0290vw;}
.list_style > li{margin-bottom: 2.8986vw; font-size: 4.0580vw; line-height: 1.3;}
.list_style > li:last-child{margin-bottom: 0.0000vw;}
.list_style > li > ul{display: flex; justify-content: space-between;}
.list_style > li > ul li:first-child{min-width: 31.8841vw; color:#777}
.list_style > li > ul li:last-child{text-align: right; font-weight: 500;}
.list_style.type2{background: none; padding: 5.7971vw 0 0 0; border:none; border-top: 0.2899vw solid #aaa; border-radius: 0}
.list_style.type2 > li{margin-bottom: 4.3478vw;}

.board-list-cs.order-list > li{flex-wrap: wrap;}
.board-list-cs.order-list .content .state-box-01{width: 100%; flex: inherit}
.board-list-cs.order-list .content .state-box-02{width: 100%;}



/****************************************
# 게시판
****************************************/
/* 검색 */
.boardSearchWrap {width:100%; max-width:179.7101vw; margin:0 auto; }
.boardSearchWrap + .sortWrap {margin-top:8.6957vw;}
.boardSearchWrap .select_style {flex-shrink:0; margin-right:2.3188vw;}

/* 리스트 */
.board-list {display:flex; flex-wrap:wrap; border-top:0.2899vw solid #000;}
.board-list li {width:100%; padding:5.7971vw 0; border-bottom:0.2899vw solid #ddd;}
.board-list .top {display:none;}
.board-list .top div {font-weight:500;}
.board-list .content {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.board-list .content .title,
.board-list .content .title a {color:#000;}
.board-list .content > :not(.title) {color:#8a8e96;}
.board-list .no-data {text-align:center; color:#8a8e96;}
.board-list .content .number {display:none;}
.board-list .content .number.flag {display:block;}
.board-list .content .number.flag .flag-point {padding:0.5797vw 2.8986vw; margin-right:1.7391vw; font-size:3.7681vw; font-weight:500; color:#f1516c; border:0.2899vw solid #f1516c; border-radius:0.8696vw;}
.board-list .content .title {flex:1; width:100%; font-size:4.3478vw;}
.board-list .content .date,
.board-list .content .winner-date {width:100%; margin-top:1.7391vw; font-size:4.0580vw;}
.board-list .content .event-date::before {content:"이벤트기간 : ";}
.board-list .content .winner-date::before {content:"발표일 : ";}

/* 상세보기 */
.board-view .top {padding:5.7971vw 0; border-top :0.2899vw solid #000;}
.board-view .top .title {width:100%; font-weight:500; font-size:4.9275vw; color:#000; line-height:1.4;}
.board-view .top .date {width:100%; margin-top:1.4493vw; color:#666666; font-weight:400; font-size:4.3478vw;}
.board-view .content {width:100%; padding:8.6957vw 0; border-top :0.2899vw solid #ddd;}
.board-view .content .attach {padding-bottom:5.7971vw; font-weight:400; color: #d92d50;}
.board-view .content .attach * {font-weight:inherit; color:inherit;}
.board-view .content img {width:100%;}
.board-view .content p {font-weight:400; font-size:4.3478vw; line-height:1.4; color:#666;}
.board-view .content p > strong {font-weight:600; color:#000;}
.board-view .nav {border-top:0.2899vw solid #000; border-bottom:0.2899vw solid #000; line-height:1.4;} 
.board-view .nav dl {display:flex; align-items:center; padding:4.3478vw 1.7391vw;; width:100%; border-bottom:0.2899vw solid #ddd;}
.board-view .nav dl dt {position:relative; margin-right:4.3478vw; padding-right:5.7971vw; color:#000; font-weight:600; font-size:4.3478vw;}
.board-view .nav dl dd {flex:1; font-weight:400; vertical-align:middle; font-size:4.3478vw;}
.board-view .nav dl dt:after {content:''; display:inline-block; position:absolute; top:50%; right:0; width:2.6087vw; height:1.4493vw; margin-top:-0.7246vw;}
.board-view .nav dl.prev dt:after {background:url('../images/icon/ico_select_down.png') no-repeat;}
.board-view .nav dl.next dt:after {background:url('../images/icon/ico_select_up.png') no-repeat;}
.board-view img {max-width:100% !important; height:auto !important;}
.board-view table {width:100% !important; margin-top:1.4493vw;}
.board-view table th,
.board-view table td {font-size:4.0580vw; border:0.2899vw solid #ddd; line-height:1.4;}
.board-view table th {padding:1.7391vw 2.8986vw; font-weight:600; background-color:#e9e9e9; color:#000;}
.board-view table td {padding:2.3188vw 2.8986vw; text-align:center; color:#666;}

/* 번호 페이징 */
.pagination {padding:8.6957vw 0 0; text-align:center; font-size:0;}
.pagination a,
.pagination strong {overflow:hidden; display:inline-block; width:8.6957vw; height:8.6957vw; font-size:3.7681vw; line-height:9.2754vw;}
.pagination strong {color:#fff; background-color:#ed5d6f; border-radius:50%;}
.pagination a.pre_end,
.pagination a.pre,
.pagination a.next,
.pagination a.next_end {position:relative; width:8.6957vw; height:8.6957vw; border:0.2899vw solid #e6e6e6; border-radius:50%; text-indent:-2898.2609vw;}
.pagination a.pre_end {display:block;}
.pagination a.pre {margin-right:3.4783vw;}
.pagination a.next {margin-left:3.4783vw;}
.pagination a.pre:after,
.pagination a.next::after {content:""; display:block; position:absolute; top:50%; left:50%; width:1.7391vw; height:1.7391vw; border-top:0.5797vw solid #acacac; border-left:0.5797vw solid #acacac; transform:translate(-40%, -50%) rotate(-45deg);}
.pagination a.next::after {transform:translate(-50%, -50%) rotate(135deg);}

.pagination + .info-notice-box {margin-top:8.6957vw;}

/* 신청내역조회 */
.board-list-cs .content {overflow:hidden; display: flex; flex-wrap: wrap; position: relative; width:100%; margin-bottom:5.7971vw; background:#fff; border-radius: 2.0290vw; border:0.2899vw solid #d3d3d3;}
.board-list-cs .content.is-old {padding-bottom:5.7971vw;}
.board-list-cs .content:last-child {margin-bottom:0 !important;}
.board-list-cs .content .state-box-01 {width:100%; padding:4.3478vw 4.3478vw 0 4.3478vw;}
.board-list-cs .content .state-box-01 dl {display:flex; width:100%; font-size:4.3478vw;}
.board-list-cs .content .state-box-01 dl + dl {margin-top:2.3188vw;}
.board-list-cs .content .state-box-01 dl dt *,
.board-list-cs .content .state-box-01 dl dd * {font-size:4.3478vw;}
.board-list-cs .content .state-box-01 dl dt {text-align:left; color:#535353;}
.board-list-cs .content .state-box-01 dl dd {flex:1; font-weight:500; text-align:right;}
.board-list-cs .content .state-box-01 .req-no {margin-bottom:3.4783vw;}
.board-list-cs .content .state-box-01 .req-no dt {display:none;}
.board-list-cs .content .state-box-01 .req-no dd {text-align:left; font-size:4.6377vw; font-weight:800;}
.board-list-cs .content .state-box-01 .prod-info.on dd,
.board-list-cs .content .state-box-01 .prod-info.on dd p {font-weight:700; color:#ed5d6f; cursor:pointer;}
.board-list-cs .content .state-box-01 .state-process {display:flex; width:100%; text-align: center; margin:7.2464vw 0 2.8986vw;}
.board-list-cs .content .state-box-01 .state-process li {position:relative; width:100%;}
.board-list-cs .content .state-box-01 .state-process li::before {content:""; display:block; position:absolute; left:50%; top:4.3478vw; width:100%; height:0.2899vw; background-color:#dfe3ed;}
.board-list-cs .content .state-box-01 .state-process li:last-child::before {display:none;}
.board-list-cs .content .state-box-01 .state-process li .order {position:relative; width:8.1159vw; height:8.1159vw; margin:0 auto; line-height:8.1159vw; font-size:3.7681vw; color:#848ca5; border-radius:50%; background-color:#dfe3ed;}
.board-list-cs .content .state-box-01 .state-process li .text {width:100%; margin-top:1.7391vw; font-size:4.3478vw; color:#848ca5;}
.board-list-cs .content .state-box-01 .state-process li.active .order {color:#fff; background-color:#ed5d6f;}
.board-list-cs .content .state-box-01 .state-process li.active .text {font-weight:700; color:#ed5d6f;} 
.board-list-cs .content .state-box-02 {width:100%; padding:4.3478vw 4.3478vw 5.7971vw;}
.board-list-cs .content .state-box-02 .btns {display:flex; text-align: center;}
.board-list-cs .content .state-box-02 .btns .btn_style {width:100%; margin-right:2.3188vw; text-align: center;}
.board-list-cs .content .state-box-02 .btns .btn_style_line {width:100%; margin-right:2.3188vw; text-align: center; color:#f1516c;}
.board-list-cs .content .state-box-02 .btns .btn_style:last-child,
.board-list-cs .content .state-box-02 .btns .btn_style_line:last-child {margin-right:0;}
.board-list-cs .content .state-box-02 .btn_detail_pop {width:100%; margin-top:2.3188vw;}
.board-list-cs .content .info-notice-box {display:block; width:100%; margin-top:0; padding:4.3478vw; background-color:#f2f4f6;}
.board-list-cs .content .info-notice-box .info-title {margin-bottom:2.3188vw; color:#000; font-weight:600; font-size:4.0580vw;}

/* view box */
.view-box {overflow:hidden; position: relative; width:100%; padding:5.7971vw; border-radius: 2.0290vw; border:0.2899vw solid #d3d3d3;}
.view-box + .view-box {margin-top:8.6957vw;}
.view-box dl {display: flex;}
.view-box dl + dl {margin-top:4.6377vw;}
.view-box dl dt {width:28.9855vw; font-weight:500; font-size:4.3478vw; color:#898989;}
.view-box dl dd {flex:1; font-weight:600; font-size:4.3478vw; color:#000;}
.view-box .inline {display: flex; align-items:center;}
.view-box .inlineb {display: block;}
.view-box .inlineb dt {margin-bottom:1.7391vw; width: 100%; max-width: 40.5797vw;} 



/****************************************
# output 내용
****************************************/
.put-content {overflow-y:auto; position:relative; height:100%;}
.put-content p {font-size:4.3478vw; font-weight: 400; line-height:1.4; color: #666;}
.put-content h1,
.put-content h2,
.put-content h3,
.put-content h4,
.put-content h5 {margin:8.6957vw 0 2.3188vw; font-weight:600; font-size:5.2174vw;}
.put-content h1:first-child,
.put-content h2:first-child,
.put-content h3:first-child,
.put-content h4:first-child,
.put-content h5:first-child {margin-top:0 !important;}
.put-content ul {width:100%}
.put-content ul > li {position:relative; padding-left:3.4783vw; font-weight:400; font-size:4.3478vw; color:#666; line-height:1.5; word-break:break-all;}
.put-content ul > li::before {content:""; position:absolute; left:0; top:2.6087vw; width:0.8696vw; height:0.8696vw; background:#898989; border-radius: 50%;}
.put-content ul > li + li {margin-top:1.7391vw}
.put-content ul ul > li {margin-top:1.7391vw; padding-left:3.4783vw;}
.put-content ul ul > li::before {content:""; position:absolute; left:0; top:2.3188vw; width:1.7391vw; height:0.2899vw; background:#898989;}
.put-content table {width:100% !important; margin-top:1.7391vw;}
.put-content table th,
.put-content table td {font-size:4.0580vw; border:0.2899vw solid #ddd; line-height:1.4;}
.put-content table th {padding:1.7391vw 2.8986vw; font-weight:600; background-color:#e9e9e9; color:#000; text-align:center;}
.put-content table td {padding:1.7391vw 2.8986vw; text-align:center; color:#666; background: #fff;}
.put-content a {display:inline-block; height:9.8551vw; line-height:9.8551vw; padding:0 2.8986vw; font-weight:400; border:0.2899vw solid #494949; border-radius: 0.8696vw;}
.put-content * + *  {margin-top: 1.7391vw;} 


/****************************************
# 모달
****************************************/
.modal-popup {display:none; z-index:110; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; padding:0 5.7971vw; transform:translateZ(0); background:rgba(0,0,0,.5); box-sizing:border-box;}
.modal-popup .modal-inbox {display:flex; flex-direction:column; position:relative; top:50%; width:100%; max-width:249.2754vw; min-height:auto; max-height:85vh; margin:0 auto; border-radius:3.4783vw; background-color:#fff; transform:translateY(-50%); overflow: hidden;}
.modal-popup .modal-top {display:flex; align-items:center; position:relative; padding:6.9565vw 5.7971vw;}
.modal-popup .modal-top .title {font-weight:700; font-size:5.7971vw;}
.modal-popup .modal-top .close {z-index:1; position:relative; display:inline-block; margin-left:auto; font-size:0; width:4.0580vw; height:4.0580vw; text-indent:-2898.2609vw; background:url('../images/btn/btn_pop_close.png') no-repeat center center;}
.modal-popup .modal-content {overflow-y:auto; position:relative; height:100%; padding:0 5.7971vw;}
.modal-popup .modal-content img {width: 100%;}
.modal-popup .modal-content .content-box {margin-bottom:5.7971vw;}
.modal-popup .modal-content .content-box .inform-text {font-weight:500; font-size:4.6377vw; line-height:1.4;}
.modal-popup .modal-content .content-box .inform-text.last {margin-top:4.3478vw; color:#666;}
.modal-popup .modal-content:last-child {padding-bottom:5.7971vw;}
.modal-popup .modal-content .content {position:relative;}
.modal-popup .modal-content .content p {font-size:4.3478vw; font-weight: 400; line-height:1.4; color: #666;}
.modal-popup .modal-content .content + .content {margin-top:11.5942vw;}
.modal-popup .modal-content .content .cont-title {margin-bottom:2.3188vw; font-weight:500; font-size:4.6377vw;}
.modal-popup .modal-content .content ul {width:100%}
.modal-popup .modal-content .content ul li {position:relative; padding-left:3.4783vw; font-weight:400; font-size:4.0580vw; color:#666; line-height:1.4; word-break:break-all;}
.modal-popup .modal-content .content ul li + li {margin-top:2.3188vw}
.modal-popup .modal-content .content ul li > ul {margin-top:1.1594vw}
.modal-popup .modal-content .content .num-list {counter-reset: num 0;}
.modal-popup .modal-content .content .num-list > li {padding-left:6.9565vw;}
.modal-popup .modal-content .content .num-list > li:before {content:counter(num)"."; counter-increment:num 1; position:absolute; left:0; top:0;}
.modal-popup .modal-content .content .desc-list li {padding-left:3.4783vw !important;}
.modal-popup .modal-content .content .desc-list li::before {content:""; position:absolute; left:0; top:2.3188vw; width:1.7391vw; height:0.2899vw; background:#666;}
.modal-popup .modal-content .alert-content {padding-bottom:2.8986vw; line-height:1.6;}
.modal-popup .modal-content .alert-content .query {font-weight:600; font-size:5.2174vw; color: #000;}
.modal-popup .modal-content .alert-content .query-select {font-weight:700; font-size:5.2174vw; color: #000;}
.modal-popup .modal-content .alert-content .query-desc {font-weight:400; font-size:4.3478vw; color: #666; margin-top: 1.7391vw;}
.modal-popup .modal-content .alert-content .divide-top {margin-top: 5.7971vw; padding-top: 5.7971vw; color: #494949; font-weight: 400; border-top: 0.2899vw solid #eee;}
.modal-popup .modal-content .alert-content .divide-cont {margin-top: 2.8986vw;}
.modal-popup .modal-content .alert-content .icon-wifi {width:14.4928vw; margin:0 auto 5.7971vw;}

.modal-popup .modal-content .content table th,
.modal-popup .modal-content .content table td {font-size: 4.0580vw;}
.modal-popup .modal-content .content table td {font-weight:400; color:#666;}
.modal-popup .modal-content .content table + ul {margin-top:1.1594vw;}
.modal-popup .modal-content .content .scroll-table {width:100%; overflow:auto;}
.modal-popup .modal-content .content .scroll-table table {width:179.7101vw !important;}
.modal-popup .modal-content .content .scroll-table p {margin-top:1.1594vw; font-weight:400; font-size:4.0580vw; color:#666; line-height:1.4;}
.modal-popup .modal-content .content .scroll-table + ul {margin-top:2.3188vw}
.modal-popup .modal-button {display:flex; box-sizing:border-box; padding:5.7971vw;}
.modal-popup .modal-button > :not(:first-child) {margin-left:1.7391vw;}
.modal-popup .modal-button > :not(:last-child) {margin-right:1.7391vw;}
.modal-popup .modal-button.full_button {flex-wrap:wrap;}
.modal-popup .modal-button.full_button .btn_style {margin:0}
.modal-popup .modal-button.full_button .btn_style:last-child {margin-top:1.7391vw;}

.modal-popup .put-content {padding-bottom: 5.7971vw;}
.modal-popup .put-content h1,
.modal-popup .put-content h2,
.modal-popup .put-content h3,
.modal-popup .put-content h4,
.modal-popup .put-content h5 {margin:5.7971vw 0 2.3188vw; font-weight:500; font-size:4.6377vw;}


/* 모달 사이즈 */
.modal-popup.modal-wid-320 .modal-inbox {max-width:92.7536vw;}
.modal-popup.modal-wid-340 .modal-inbox {max-width:98.5507vw;}
.modal-popup.modal-wid-380 .modal-inbox {max-width:110.1449vw;}
.modal-popup.modal-wid-420 .modal-inbox {max-width:121.7391vw;}
.modal-popup.modal-wid-440 .modal-inbox {max-width:127.5362vw;}
.modal-popup.modal-wid-480 .modal-inbox {max-width:139.1304vw;}
.modal-popup.modal-wid-520 .modal-inbox {max-width:150.7246vw;}
.modal-popup.modal-wid-540 .modal-inbox {max-width:156.5217vw;}
.modal-popup.modal-wid-580 .modal-inbox {max-width:168.1159vw;}
.modal-popup.modal-wid-620 .modal-inbox {max-width:179.7101vw;}
.modal-popup.modal-wid-640 .modal-inbox {max-width:185.5072vw;}
.modal-popup.modal-wid-680 .modal-inbox {max-width:197.1014vw;}
.modal-popup.modal-wid-720 .modal-inbox {max-width:208.6957vw;}
.modal-popup.modal-wid-740 .modal-inbox {max-width:214.4928vw;}
.modal-popup.modal-wid-780 .modal-inbox {max-width:226.0870vw;}
.modal-popup.modal-wid-820 .modal-inbox {max-width:237.6812vw;}
.modal-popup.modal-wid-840 .modal-inbox {max-width:243.4783vw;}
.modal-popup.modal-wid-full-m .modal-inbox {max-width:100%;}

.modal-popup.img-popup {}
.modal-popup.img-popup .modal-inbox {max-width:none; max-width:fit-content; background: transparent;}
.modal-popup.img-popup .modal-content:last-child {padding:0;}

.modal-popup .track-radio {margin-bottom: 5.7971vw;}
.modal-popup .track-area .track-title {margin-bottom: 5.7971vw;}
.modal-popup .track-area .track-title .title {font-size: 5.2174vw; font-weight: 600;}
.modal-popup .track-area .track-title .desc {font-size: 4.3478vw; font-weight: 400; margin-top: 1.1594vw; color: #494949;}
.modal-popup .track-area .img-list {display: flex;}
.modal-popup .track-area .img-list li {text-align: center; width: 100%;  padding:5.7971vw; border:0.2899vw solid #ddd; border-radius: 3.4783vw;}
.modal-popup .track-area .img-list li + li {margin-left: 5.7971vw;}
.modal-popup .track-area .img-list li .number {display: inline-block; margin-bottom: 1.7391vw; width: 5.2174vw; height: 5.2174vw; font-weight: 300; font-size: 3.7681vw; text-align: center; line-height: 5.2174vw; background-color: #000; color: #fff; border-radius: 50%;}
.modal-popup .track-area .img-list li .content {margin-bottom:3.4783vw; font-size: 4.3478vw;}
.modal-popup .track-area .img-list li > img {max-width: 66.6667vw; border-radius: 3.4783vw; box-sizing: border-box;}


/* 신청내역조회 상세내역 팝업 */
#prodDetail .modal-content {padding-bottom:5.7971vw;}
#prodDetail .table-view-type01 table {width:100%;}
#prodDetail .table-view-type01 tr {display:flex; flex-wrap:wrap;}
#prodDetail .table-view-type01 tr th,
#prodDetail .table-view-type01 tr td {float:none; display:table-cell;}
#prodDetail .table-view-type01 tr th {width:30%;}
#prodDetail .table-view-type01 tr td {width:70%;}

/* 요금세상세 기업은행 팝업 */
#ibkNoticeLayer .ibk-link {position:relative;}
#ibkNoticeLayer .ibk-link img {max-width:100%;}
#ibkNoticeLayer .ibk-link .google_link{position: absolute; bottom: 21.5%; left: 23%; width: 26.5%; height: 7.5%;}
#ibkNoticeLayer .ibk-link .app_link{position: absolute; bottom: 21.5%; right: 23%; width: 26.5%; height: 7.5%;}
#ibkNoticeLayer .ibk-link .btn_popup_close{position: absolute; bottom: 6.4%; right: 11%; width: 78%; height: 8.5%;}

#ibkNoticeLayer2 .ibk-link {position:relative;}
#ibkNoticeLayer2 .ibk-link img {max-width:100%;}
#ibkNoticeLayer2 .ibk-link .card_link {position: absolute; bottom:20%; left:50%; width:78%; height:10.5%; margin-left: -39%;}
#ibkNoticeLayer2 .ibk-link .btn_popup_close {position: absolute; bottom:7%; left:50%; width:78%; height:10.5%; margin-left: -39%;}

/* 본인인증 팝업 */
.modal-popup .auth-step .step-list li {display:flex; width:100%; align-items: center;}
.modal-popup .auth-step .step-list li + li {margin-top:2.3188vw;}
.modal-popup .auth-step .step-list li .img {width:16.2319vw; height:16.2319vw; margin:0 auto; border-radius:50%; background:#f7f7f7; display:flex; align-items: center; justify-content: center;}
.modal-popup .auth-step .step-list li .img img {width:9.2754vw;}
.modal-popup .auth-step .step-list li .txt {width:100%; margin-left:4.6377vw; text-align:left;}
.modal-popup .auth-step .step-list li .txt span {display: block; margin-bottom:0.5797vw; font-size:0.85em; color:#f1516c; font-weight: normal;}
.modal-popup .auth-step .step-box {background:#F6F4F4; padding:5.7971vw; margin-top:5.7971vw;}  
.modal-popup .auth-step .step-box p {word-break: break-word;}


@media (min-width: 195.3623vw) {
	/* 신청내역조회 */
	.board-list-cs .content.is-old {padding-bottom:7.2464vw;}
	.board-list-cs .content .state-box-01 {padding:5.7971vw 6.9565vw 0 6.9565vw;}
	.board-list-cs .content .state-box-01 dl {font-size:4.6377vw;}
	.board-list-cs .content .state-box-01 dl + dl {margin-top:2.3188vw;}
	.board-list-cs .content .state-box-01 dl dt *,
	.board-list-cs .content .state-box-01 dl dd * {font-size:4.6377vw;}
	.board-list-cs .content .state-box-01 .state-process {width:65%; margin-left:auto; margin-right:auto;}
	.board-list-cs .content .state-box-01 .state-process li::before {top:4.3478vw;}
	.board-list-cs .content .state-box-01 .state-process li .order {width:9.2754vw; height:9.2754vw; line-height:9.2754vw; font-size:4.6377vw;}
	.board-list-cs .content .state-box-01 .state-process li .text {margin-top:3.4783vw; font-size:5.2174vw;}
	.board-list-cs .content .state-box-02 {padding:4.3478vw 6.9565vw 7.2464vw;}
	.board-list-cs .content .state-box-02 .btns .btn_style,
	.board-list-cs .content .state-box-02 .btns .btn_style_line {margin-right:1.7391vw; padding:3.4783vw 4.3478vw;}
	.board-list-cs .content .state-box-02 .btn_detail_pop {padding:3.4783vw 4.3478vw;}
	.board-list-cs .content .state-box-02 .btns .btn_style {margin-right:2.3188vw;}
	.board-list-cs .content .state-box-02 > .btns + .btn_detail_pop {margin-top:2.3188vw;}
	.board-list-cs .content .info-notice-box {padding:5.7971vw 6.9565vw;}
	.board-list-cs .content .info-notice-box .info-title {margin-bottom:2.8986vw; font-size:4.3478vw;}
	.board-list-cs .content .info-notice-box .info-content li {font-size:4.3478vw;}

	/* view box */
	.view-box {padding:14.4928vw 17.3913vw;}
	.view-box + .view-box {margin-top:8.6957vw;}
	.view-box dl + dl {margin-top:5.7971vw;}
	.view-box dl dt {width:40.5797vw; font-size:4.9275vw;}
	.view-box dl dd {font-size:4.9275vw;}
	.view-box .inline,
	.view-box .inlineb {display: flex; align-items:center;}
	.view-box .inlineb dt {margin-bottom:1.7391vw;}

}

	
@media (min-width: 222.6087vw) {
	/****************************************
	# output 내용
	****************************************/
	.put-content p {font-size:4.6377vw;}
	.put-content h1,
	.put-content h2,
	.put-content h3,
	.put-content h4,
	.put-content h5 {margin:11.5942vw 0 3.4783vw; font-size:5.7971vw;}
	.put-content ul > li {font-size:4.6377vw;}
	.put-content ul > li + li {margin-top:2.3188vw}
	.put-content ul ul > li {margin-top:2.3188vw;}
	.put-content ul ul > li::before {top:2.8986vw; width:2.3188vw;}
	.put-content table th,
	.put-content table td {font-size:4.3478vw;}
	.put-content table th {padding:2.3188vw 4.3478vw;}
	.put-content table td {padding:2.8986vw 4.3478vw;}
	.put-content a {padding:0 4.3478vw;}
	.put-content * + *  {margin-top: 2.3188vw;} 


    /****************************************
	# 모달
	****************************************/
	.modal-popup {width:100%; padding:0;}
	.modal-popup .modal-top {position:relative; padding:9.2754vw 11.5942vw;}
	.modal-popup .modal-top .title {font-size:5.7971vw;}
	.modal-popup .modal-content {position:relative; padding:0 11.5942vw;}
	.modal-popup .modal-content .content-box .inform-text {font-size:5.2174vw;}
	.modal-popup .modal-content:last-child {padding-bottom:11.5942vw;}
	.modal-popup .modal-content .popup-content .popup_body {padding:8.6957vw 11.5942vw;}
	.modal-popup .modal-content .content + .content {margin-top:11.5942vw;}
	.modal-popup .modal-content .content .cont-title {font-size:5.2174vw;}
	.modal-popup .modal-content .content ul li {font-size:4.6377vw;}
	.modal-popup .modal-content .content ul li + li {margin-top:2.3188vw}
	.modal-popup .modal-content .content .num-list li {padding-left:7.5362vw;}
	.modal-popup .modal-content .content .desc-list li {padding-left:3.4783vw !important;}
	.modal-popup .modal-content .content .desc-list li::before {top:2.8986vw;}
	.modal-popup .modal-content .content .scroll-table table {width:100% !important;}
	.modal-popup .modal-content .alert-content .query-desc {font-size:4.6377vw; }
	.modal-popup .modal-content .alert-content .icon-wifi {width:19.7101vw;}

	.modal-popup .modal-button {box-sizing:border-box; padding:5.7971vw 11.5942vw 8.6957vw;}
	.modal-popup .modal-button.full_button {flex-wrap:nowrap;}
	.modal-popup .modal-button.full_button .btn_style {margin:0}
	.modal-popup .modal-button.full_button .btn_style:last-child {margin-top:0;}
	.modal-popup .modal-button.full_button > :not(:first-child) {margin-left:1.7391vw;}
	.modal-popup .modal-button.full_button > :not(:last-child) {margin-right:1.7391vw;}

	.modal-popup .modal-content .content ul li + li {margin-top:2.3188vw}
	.modal-popup .modal-content .content ul li > ul {margin-top:1.1594vw}

	.modal-popup .put-content {padding-bottom: 11.5942vw;}
	.modal-popup .put-content h1,
	.modal-popup .put-content h2,
	.modal-popup .put-content h3,
	.modal-popup .put-content h4,
	.modal-popup .put-content h5 {margin:8.6957vw 0 3.4783vw; font-size:5.2174vw;}

	.modal-popup .track-radio {margin-bottom: 8.6957vw;}
	.modal-popup .track-area .track-title {margin-bottom: 8.6957vw;}
	.modal-popup .track-area .track-title .title {font-size: 5.7971vw;}
	.modal-popup .track-area .track-title .desc {font-size: 4.6377vw; margin-top: 2.3188vw;}
	.modal-popup .track-area .img-list li .number {margin-bottom: 3.4783vw; width: 5.7971vw; height: 5.7971vw; font-size: 4.3478vw; line-height: 5.7971vw;}
	.modal-popup .track-area .img-list li .content {margin-bottom:4.6377vw; font-size: 4.6377vw;}

	

	/* SNS 공유 */
	#shareLayer .share-list {padding:0 11.5942vw;}
	#shareLayer .share-list li span {font-size:5.2174vw;}
	#shareLayer .share-list li span::before {width:19.7101vw; height:19.7101vw;}
	
	/* form */
	.form-item .form-title {margin-bottom:4.3478vw; font-size:5.2174vw;}
	
	.phone-field {margin:0 -2.3188vw;}
	.phone-field div {width:33.33%; padding:0 2.3188vw;}
    
    .cs_title .cs_txt h2{margin-bottom: 7.2464vw;}
    .cs_title .cs_txt h3{margin-bottom: 5.7971vw;}
    
    /* 신청내역조회 상세내역 팝업 */
	#prodDetail .table-view-type01 tr {display:table-row;}
	#prodDetail .table-view-type01 tr th {width:auto;}
	#prodDetail .table-view-type01 tr td {width:auto;}
	
	/* 본인인증 팝업 */
	.modal-popup .auth-step .step-list {display:flex;}
	.modal-popup .auth-step .step-list li {position:relative; display:block;}
	.modal-popup .auth-step .step-list li::after {content:""; display:block; position:absolute; right:0; top:50%; width:5.7971vw; height:5.7971vw; background:url(/shop/include/images/icon/sign-icon-arrow.png) no-repeat; background-size: contain; transform: translateY(-50%);}
	.modal-popup .auth-step .step-list li:last-child::after {display:none;}
	.modal-popup .auth-step .step-list li + li {margin-top:0;}
	.modal-popup .auth-step .step-list li .img {width:22.0290vw; height:22.0290vw; margin:0 auto 2.8986vw;}
	.modal-popup .auth-step .step-list li .img img {width:10.4348vw;}
	.modal-popup .auth-step .step-list li .txt {margin-left:0; text-align:center; font-size:4.9275vw;}
	.modal-popup .auth-step .step-list li .txt span {margin-bottom:1.1594vw;}
		
	
}

@media (min-width: 272.4638vw) {
	/****************************************
	# common
	****************************************/

	.con_inner.pc_w820{padding:0}
	
	/* 로그인/회원 */
	.member_wrap .login_set .find_area button {font-size:4.6377vw;}
	
	
	/* 요금제상세 > 제휴 header */
	.event-header {padding:5.7971vw 4.6377vw;}
	.event-header .title > p {font-size:5.7971vw;}
	.event-header .title .back {position:relative; width:4.0580vw; height:4.0580vw; margin-right: 3.4783vw;}
		
	/* table */
	.table-view-type01 .title {font-size:6.0870vw;}
	.table-view-type01 table {width:auto;}
	.table-view-type01 table th,
	.table-view-type01 table td {font-size:4.3478vw;}
	.table-view-type01 table th {padding:1.7391vw 2.8986vw;}
	.table-view-type01 table td {padding:2.3188vw 2.8986vw;}
	.table-view-type01 .refer {font-size:4.6377vw;}
	
	/* 유의사항 */
	.info-notice-box.bg {padding:8.6957vw;}
	.info-notice-box.bg .info-content li {color:#848ca5;}
	.info-notice-box .info-title {margin-bottom:4.6377vw; font-size:5.2174vw;}
	.info-notice-box .info-sub-title {margin-top:8.6957vw; margin-bottom:3.4783vw; font-size:4.6377vw;}
	.info-notice-box .info-content li {padding-left:3.4783vw; font-size:4.6377vw;}
	.info-notice-box .info-content li > ul {margin-top:1.1594vw}
	.info-notice-box .info-content.num-list li {padding-left:7.2464vw;}
	.info-notice-box .info-content.desc-list > li {padding-left:4.3478vw !important;}
	.info-notice-box .info-content.desc-list > li::before {top:2.8986vw; width:2.3188vw;}
	.info-notice-box .info-content.dot-list > li {padding-left:4.3478vw !important;}
	.info-notice-box .info-content.dot-list > li::before {width:1.1594vw; height:1.1594vw;}
	.info-notice-box .info-big-title {margin:2.8986vw 0 11.5942vw; font-size: 5.7971vw;}

	
	.check-box .check-list li {font-size:4.9275vw;}
	.check-box .check-question {font-size:4.9275vw;}
	.check-box .check-question dt {font-size:4.6377vw;}
		
	
	/* 비디오 box */
	.video-box {position:relative; width:70.5%; height:100%; padding-top:39.6%;}
	.video-box iframe {position:absolute; top:0; left:0; width:100%; height:100%; background:#000;}
	.video-box.align-center iframe {position:absolute; left:50%; margin-left:-25%;}

		
	
	/****************************************
	# 게시판
	****************************************/
	/* 리스트 */
    .board-list {}
    .board-list li {font-size:4.6377vw;}
    .board-list li .number {width:34.7826vw;}
    .board-list li .title {flex:1; width:100%;}
    .board-list li .date {width:75.3623vw !important;}
    .board-list li .winner-date {width:46.3768vw  !important;}
    .board-list .top {display:flex;}
    .board-list .top > div {text-align:center;}
    .board-list .content div {text-align:center;}
    .board-list .content .number {display:block;}
    .board-list .content .number.flag .flag-point {padding:1.1594vw 2.8986vw; font-size:4.3478vw;}
    .board-list .content .title {flex:1; width:63.7681vw; text-align:left; font-size:4.6377vw;}
    .board-list .content .date,
    .board-list .content .winner-date {margin-top:0; font-size:4.6377vw;}
    .board-list .content .event-date::before,
    .board-list .content .winner-date::before {display:none; content:"";}

	/* 상세보기 */
    .board-view .top {display:flex; padding-bottom:5.7971vw;}
    .board-view .top .title {flex:1; width:100%; font-size:5.7971vw;}
    .board-view .top .date {width:auto; margin-top:1.7391vw; font-size:4.6377vw;}
    .board-view .content {padding:11.5942vw 0;}
    .board-view .content p {font-size:4.6377vw;}
    .board-view .nav dl {padding:7.2464vw 3.4783vw;}
    .board-view .nav dl dt {margin-right:7.2464vw; padding-right:8.6957vw; font-size:4.6377vw;}
    .board-view .nav dl dd {font-size:4.6377vw;}
    .board-view table {width:auto !important;}
	.board-view table th,
	.board-view table td {font-size:4.3478vw;}
	.board-view table th {padding:1.7391vw 2.8986vw;}
	.board-view table td {padding:2.3188vw 2.8986vw;}
        
    /* 번호 페이징 */
    .pagination {padding:14.4928vw 0 0;}
    .pagination a,
    .pagination strong {width:9.2754vw; height:9.2754vw; font-size:4.6377vw; line-height:9.8551vw;}
    .pagination a.pre_end,
    .pagination a.pre,
    .pagination a.next,
    .pagination a.next_end {width:9.2754vw; height:9.2754vw;}
    .pagination a.pre {margin-right:4.6377vw;}
    .pagination a.next {margin-left:4.6377vw;}
    .pagination a.pre:after,
    .pagination a.next::after {content:""; display:block; position:absolute; top:50%; left:50%; width:1.7391vw; height:1.7391vw; border-top:0.5797vw solid #acacac; border-left:0.5797vw solid #acacac; transform:translate(-40%, -50%) rotate(-45deg);}
    .pagination a.next::after {transform:translate(-50%, -50%) rotate(135deg);}
    
    .pagination + .info-notice-box {margin-top:14.4928vw;}
    
    /* 신청내역조회 */
	.board-list-cs {border-top:0;}
	.board-list-cs > li {padding:0;}
	.board-list-cs .content {display:flex; padding:8.6957vw 11.5942vw;}
	.board-list-cs .content.is-old {padding-bottom:8.6957vw;}
	.board-list-cs .content .state-box-01 {flex:1; padding:0;}
	.board-list-cs .content .state-box-01 dl + dl {margin-top:2.8986vw;}
	.board-list-cs .content .state-box-01 dl dt,
	.board-list-cs .content .state-box-01 dl dd {font-size:4.6377vw;}
	.board-list-cs .content .state-box-01 .req-no {margin-bottom:4.6377vw;}
	.board-list-cs .content .state-box-01 .state-process {margin-left:auto; margin-right:auto; margin-bottom:0;}
	.board-list-cs .content .state-box-01 .state-process li::before {top:5.2174vw;}
	.board-list-cs .content .state-box-01 .state-process li .order {width:10.4348vw; height:10.4348vw; line-height:10.4348vw;}
	.board-list-cs .content .state-box-01 .state-process li .text {margin-top:3.4783vw;}
	.board-list-cs .content .state-box-02 {width:auto; margin-top:8.6957vw; padding:0;}
	.board-list-cs .content .state-box-02 .btns {display:block;}
	.board-list-cs .content .state-box-02 .btns .btn_style,
	.board-list-cs .content .state-box-02 .btns .btn_style_line {display:block; width:52.1739vw; margin-left:auto; margin-right:0;}
	.board-list-cs .content .state-box-02 .btns .btn_style + .btn_style,
	.board-list-cs .content .state-box-02 .btns .btn_style_line + .btn_style {margin-top:2.3188vw;}
	.board-list-cs .content .state-box-02 .btn_detail_pop {display:block; width:52.1739vw; margin-top:2.3188vw; margin-left:auto; margin-left:28.9855vw;}
	.board-list-cs .content .info-notice-box {margin-top:5.7971vw; padding:5.7971vw 6.9565vw;}
	.board-list-cs .content .info-notice-box .info-title {margin-bottom:2.8986vw; font-size:4.3478vw;}
	.board-list-cs .content .info-notice-box .info-content li {font-size:4.3478vw;}
}

@media (min-width: 159.4203vw) {
    .con_inner{margin: 14.4928vw auto 23.1884vw;}
    .con_inner.pc_w500{padding:0}
    .history_back{display: none;}

    .cs_title .cs_txt.pc_center{text-align: center; width:100%;}
    .cs_title .cs_txt h2{font-size:7.5362vw;}
    .cs_title .cs_txt h3{font-size:6.0870vw;}
    .cs_title .cs_txt p{font-size:5.2174vw; margin-top:3.4783vw;}
    .cs_title .cs_txt .txt_link{font-size:4.0580vw; font-weight: 400;}
    .cs_title .cs_txt .txt_link span{padding:0;}

    .sub_title{font-size:5.2174vw;}
    .sub_title .sub_txt{font-size:4.0580vw;}

    /*입력폼*/
    input[type="text"].input_style,
    input[type="number"].input_style,
    input[type="email"].input_style,
    select.select_style{font-size:4.6377vw;}
    .textarea_style{font-size:4.6377vw;}

    /*버튼*/
    .btn_style,
	.btn_style_line{font-size:4.9275vw;}
	.btn_auto {padding:0 8.6957vw !important }
	.btn_group .comment-text {margin: 4.6377vw 0 5.7971vw; font-size: 4.9275vw;}
	

    /*온라인상담 팝업*/
    .online_cs_popup_fixed .popup_inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width:139.1304vw; border-radius: 5.7971vw; bottom: inherit}
	.online_cs_popup .popup_inner{padding: 11.5942vw;}
	.online_cs_popup .popup_inner .pi_head h2{font-size: 5.7971vw; font-weight: 700}
	.online_cs_popup .popup_inner .pi_body{padding-top: 8.6957vw;}
	.online_cs_popup .popup_inner .pi_body h3{font-size: 5.2174vw; font-weight: 600;}
	.text_list{margin-top:5.7971vw;}

    /*라디오탭*/
	.radio_tab_box.type2 input[type="radio"].radio_style + label,
	.radio_tab_box.type3 input[type="checkbox"].radio_check + label,
	.radio_tab_box.type4 input[type="radio"].radio_style + label{font-size: 4.3478vw;}
    .radio_tab_box.type3 input[type="checkbox"].radio_check + label{padding:2.0290vw 4.3478vw; font-size:4.3478vw;}
	.radio_tab_box.type4 input[type="radio"].radio_style + label{font-size:4.9275vw; padding: 5.7971vw;}

	.radio_tab_box.typeDef.nowrap {flex-wrap:nowrap;}
	.radio_tab_box.typeDef li input[type="radio"].radio_style + label {padding: 4.3478vw 2.8986vw; font-size:4.6377vw;}


	.radio_tab_box.typeIcon {display:flex; flex-wrap:wrap;}
	.radio_tab_box.typeIcon li {width:50%;}
	.radio_tab_box.typeIcon li .icon {display:inline-block;}
	.radio_tab_box.typeIcon li input[type="radio"].radio_style + label {padding:2.8986vw 5.7971vw;}
	.radio_tab_box.typeIcon li .title {font-size:4.6377vw;}
	.radio_tab_box.typeIcon li .icon {width:15.0725vw; height: 15.0725vw;}
	.radio_tab_box.typeIcon li .icon_phone {background-size:9.2754vw auto;}
	.radio_tab_box.typeIcon li .icon_card {background-size:9.2754vw auto;}
	.radio_tab_box.typeIcon li .icon_kakaopay {background-size:14.4928vw auto;}



    /*셀렉트박스*/
    .select_custom .select_box .option_btn{font-size:4.6377vw;}
    .select_custom .select_box .option_list li{font-size:4.6377vw;}

    /*달력*/
    .datepicker_box span{padding: 0 2.8986vw;}

    /*접수완료페이지*/
    .cs_finish_box h2{font-size: 6.3768vw;}
    .cs_finish_box .finish_txt li{font-size:4.6377vw;}
    .cs_finish_box .finish_txt2{font-size:4.6377vw;}
    .cs_finish_box .info_box{padding: 8.6957vw;}
    .cs_finish_box .info_box p{font-size:4.6377vw;}
    .cs_finish_box .info_box strong{font-size: 4.9275vw;}
    
    .completion_box .top_box {}
	.completion_box .top_box .emoji {font-size:12.1739vw;}
	.completion_box .top_box .title {font-size:7.5362vw;}
	.completion_box .top_box .title_desc {font-size:5.2174vw;}
		

	/* lgu+ 지금배송 */
	.list_style{padding:7.2464vw;}
	.list_style > li{font-size: 4.6377vw; margin-bottom: 4.3478vw;}

	/*본인인증 팝업*/
	.warning_list li{font-size: 4.0580vw;}
}



@media (min-width: 347.8261vw) {
	.menu-nav {display:none;}

	/* layout */
	.container-inner {margin: 11.5942vw auto 23.1884vw; padding:0;}
	.container-inner > h3,
	.container-inner .content-title > h3  {padding-bottom: 7.5362vw; font-size:8.6957vw;}
	.container-inner.wide-full > h3 {padding: 0 0 7.5362vw;}
}

@media (max-width: 101.4493vw) {
	.con_inner{padding:0 4.3478vw;}

	.sub_title .title_check{float: inherit; display: block; margin-top: 1.4493vw;}
	.agree_info{padding: 2.8986vw;}

	/*라디오탭*/
	.radio_tab_box{flex-wrap: wrap;}
	.radio_tab_box.type2 li{margin:0 0 1.4493vw 0 !important; width: 100%;}

	/*입력폼*/
	input[type="text"].input_style,
	input[type="number"].input_style,
	input[type="password"].input_style,
	input[type="email"].input_style,
	select.select_style{padding: 2.8986vw}
}





/**************************************셀프케어 (2024-07-01~)**************************************/

/****************************************
# style
****************************************/
.height36 {height:10.4348vw !important;}
.height40 {height:11.5942vw !important;}
.height46 {height:13.3333vw !important;}

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


/****************************************
# icon
****************************************/
.icon-text-def {z-index: 2; position: relative; display: inline-block; padding-left: 8.6957vw; background-repeat: no-repeat; background-size: contain;}
.icon-text-def::before {content:""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.icon-text-refresh {font-size: 4.6377vw; font-weight: 400; color: #666;}
.icon-text-refresh::before {width: 6.9565vw; height: 6.9565vw; background: url(../images/icon/icon_refresh.svg) no-repeat center center;}


/****************************************
# common
****************************************/
.cursor-auto {cursor: auto !important;}
.cursor-pointer,
.cursor-pointer li {cursor: pointer;}

.horizon {margin:8.6957vw 0; border:0.2899vw solid #F0F0F0;}
.line-top {width:100%; border-top:0.2899vw solid #F0F0F0;}
.line-top.mar-t20 {margin-top:5.7971vw;}
.line-top.mar-t40 {margin-top:11.5942vw;}
.line-top.mar-b20 {margin-bottom:5.7971vw;}
.line-top.mar-b40 {margin-bottom:11.5942vw;}

.comm_wrap {position:relative;}
.comm_wrap .content-title {margin:2.8986vw 0 5.7971vw;}
.comm_wrap .content-title .title {font-size:5.7971vw; font-weight:600;}
.comm_wrap .content-title .desc {margin-top:2.3188vw; font-size:4.6377vw; font-weight:300; color:#494949; line-height:1.4}
.comm_wrap .content-title.cs-type .title {font-weight:600;}
.comm_wrap .content-title.cs-type .desc {color: #6779b6;}
.comm_wrap .desc-text {margin-bottom: 8.6957vw; font-size:4.6377vw; font-weight:400; line-height: 1.5;}
.comm_wrap .medium-title {margin:11.5942vw 0 5.7971vw; font-size:5.2174vw; font-weight:600; line-height: 1.5;}

/* add 유의사항 */
.content-wrap + .info-notice-box,
.line-box + .info-notice-box,
form + .info-notice-box,
.notice-line + .info-notice-box {margin-top: 11.5942vw;}

/* 라디오박스 */
.radio-group {display: flex;}
.radio-group input[type="radio"].radio-btn + label {position: relative; width: 100%; height: 13.3333vw; line-height: 13.3333vw; margin:0 3.4783vw 0 0; padding: 0; font-weight: 600; font-size: 4.3478vw; text-align: center; color:#666; background:none; border: 0.2899vw solid #ddd; border-radius: 1.7391vw; box-sizing: border-box;}
.radio-group input[type="radio"].radio-btn:checked + label {border-color:#f1516c; color: #f1516c;}
.radio-group input[type="radio"].radio-btn + label:last-child {margin-right: 0;}

.radio-group {display: flex; flex-wrap: wrap; margin:-1.1594vw;}
.radio-group li {width: 100%; padding: 1.1594vw;}


/* new 셀렉트박스 */
.selectbox-custom {position:relative; width:100%;}
.selectbox-custom .selectbox-btn {position: relative; display:flex; align-items:center; width:100%; height:13.9130vw; padding:2.3188vw 10.1449vw 2.3188vw 4.3478vw; background-color:#fff; border:0.2899vw solid #ddd; border-radius:1.4493vw;}
.selectbox-custom .selectbox-btn.no-line {border:0}
.selectbox-custom .selectbox-btn::after {content:""; display:block; position:absolute; right:4.3478vw; top:46%; width:1.4493vw; height:1.4493vw; border-bottom:0.5797vw solid #000; border-left:0.5797vw solid #000; transform:translateY(-50%) rotate(-45deg);}
.selectbox-custom .selectbox-btn > span {position:relative; display:inline-block; width:100%; font-size:4.6377vw;}
.selectbox-custom .selectbox-scroll {display:none; visibility:hidden; z-index:1; position:absolute; left:-0.5797vw; width:calc(100% + 1.1594vw); max-height:69.5652vw; border:0.2899vw solid #ddd; background:#fff;}
.selectbox-custom .selectbox-scroll ul li {display:block; padding:2.3188vw 4.3478vw; font-size:4.6377vw; border-radius:1.7391vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;cursor:pointer;}
.selectbox-custom .selectbox-scroll ul li a {display:block; }
.selectbox-custom .selectbox-scroll ul li.active {color:#F1516C;}
.selectbox-custom.active .selectbox-btn {border-color:#ED5D6F}
.selectbox-custom.active .selectbox-btn > span::after {transform:rotate(-224deg);}
.selectbox-custom.active .selectbox-scroll {overflow:auto; z-index: 3; display:block; margin-top:0.5797vw; visibility:visible; box-shadow: 0 0 2.8986vw rgba(0,0,0,0.1); border-radius:1.7391vw;}
.selectbox-custom.active .selectbox-scroll ul li:hover {background-color:#f0f0f0; border-radius:0;}
.selectbox-custom.active .selectbox-scroll .disabled {background-color:#f0f0f0; color:#c0c0c0; cursor:default; border-radius:0;}
.selectbox-custom.active .selectbox-scroll .disabled::after { content : ' (재고없음)'; }
.selectbox-custom.bg .selectbox-btn {border-color:#efefef; background-color:#f9f9f9 ;}
.selectbox-custom .selectbox-btn.btn-height40 {height:11.5942vw;}
.selectbox-small .selectbox-btn > span,
.selectbox-small .selectbox-scroll ul li {font-size: 4.3478vw;}

/* switch 버튼 */
.switch-button {position: relative; display: inline-block; width: 12.1739vw; height: 6.9565vw;}
.switch-button input {opacity: 0; width: 0; height: 0;}
.onoff-switch {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:5.7971vw; background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}
.onoff-switch:before {position: absolute; content: ""; height: 5.2174vw; width: 5.2174vw;  left: 0.8696vw; bottom: 0.8696vw; background-color: #fff; -webkit-transition: .5s;  transition: .4s; border-radius:inherit;}
.switch-button input:checked + .onoff-switch {background-color:#f1516c;}
.switch-button input:checked + .onoff-switch:before {transform: translateX(5.2174vw); -webkit-transform: translateX(5.2174vw); -ms-transform: translateX(5.2174vw);}


/* 결과 메세지 */
.result_box {margin-top: 11.5942vw; text-align:center; color:#494949; line-height:1.5;}
.result_box .msg_text {font-size:5.2174vw; font-weight:600;}
.result_box .msg_text_pop {font-size:4.0580vw; font-weight:400;}
.result_box .desc_text {font-size:4.6377vw; font-weight:400; margin-top:2.8986vw; color:#666;}
.result_box .point_text {margin-top:11.5942vw; font-size:4.6377vw; font-weight:400; margin-top:2.8986vw; color:#F1516C;}
.result_box.bg_icon {position:relative; padding-top:24.6377vw;}
.result_box.bg_icon::before {content:""; display:block; position:absolute; left:50%; top:0; width:20.8696vw; height:20.8696vw; transform: translateX(-50%); background-repeat:no-repeat; background-size: contain;}
.result_box.bg_icon_phone::before {background-image:url('../images/cs/cs-icon-03.png');}
.result_box.bg_icon_succ::before {background-image:url('../images/icon/my-icon-succ.png'); }
.result_box.bg_icon_no::before {background-image:url('../images/icon/my-icon-no.png'); }
.result_box.bg_icon_search::before {background-image:url('../images/icon/my-icon-search.png'); }
.result_box.bg_icon_chk_phone::before {background-image:url('../images/icon/my-icon-chk-phone.png'); }
.result_box.bg_icon_chk_phone2::before {background-image:url('../images/icon/my-icon-chk-phone2.png'); }
.result_box.bg_icon_chk_bill::before {background-image:url('../images/icon/my-icon-chk-bill.png'); }
.result_box.bg_icon.small {margin-top:0; padding-top:17.3913vw;}
.result_box.bg_icon.small::before {width:16.8116vw; height:16.8116vw;}

.search_wrap {padding:11.5942vw 0 !important;}
.search-box {margin-top: 11.5942vw; padding: 11.5942vw 5.7971vw; border-radius: 3.4783vw; background-color: #F6F6F6;}
.search-box .no-search {width:16.8116vw; height: 16.8116vw; margin: 0 auto 2.8986vw;}
.search-box .no-search img {width: 100%; height: 100%;}
.search-box .return-text {text-align: center; font-weight: 400;}

/* input bottom message */
.form_box .result {display: none; margin-top:2.3188vw; color:#e6141b;}
.point_msg {margin-top:2.3188vw; color:#f1516c; font-size:4.3478vw;}
.basic_msg {margin-top:2.3188vw; color:#666; font-size:4.3478vw; font-weight:400;}
.basic_msg ul li {margin-top:0.5797vw;}
.validation.fail,
.validation.succ,
.validation.pointmark  {margin-bottom:4.6377vw; font-weight:400; font-size:4.3478vw;}
.validation.fail::before,
.validation.succ::before {content:""; display:inline-block; width:4.0580vw; height:3.1884vw; margin-right:1.7391vw;}
.validation.fail {color:#e6141b;}
.validation.fail::before {background:url("../images/icon/icon_validation_fail.png") no-repeat center;}
.validation.succ {color:#1D9735;}
.validation.succ::before {background:url("../images/icon/icon_validation_succ.png") no-repeat center;}
.validation.pointmark {color:#6F85A1; font-weight: 500;}
.validation.pointmark::before {content: "!"; display: inline-block; width: 5.2174vw; height: 5.2174vw; margin-right: 1.7391vw; line-height: 5.2174vw;  text-align: center; border-radius: 50%; background-color: #889BB2; color: #fff;}


/* filter */
.filter-wrap {position:relative; overflow: hidden;}
.filter-wrap .filter-swiper {padding:0 0 5.7971vw;}

.filter-list {position:relative; width:100%; font-size:0;}
.filter-list .item {width:auto; margin-right:1.7391vw;}
.filter-list .item a {display:block; margin: 0 auto; text-align: center;}
.filter-list .item a > span {display:inline-block; height:9.8551vw; line-height:9.8551vw; padding:0 4.3478vw; text-align:center; font-size:4.3478vw; font-weight:400; color:#666; border:0.2899vw solid #ddd; border-radius:7.2464vw; box-sizing:border-box;}
.filter-list .item.active a  > span {font-weight:500; color:#ed5d6f; background-color:#ffe2e5; border:0.2899vw solid #ed5d6f;}

.filter-btn {z-index:99; position:absolute; right: 0; top: 0;}
.filter-btn .gradient-layer {width:9.8551vw; height:9.8551vw;background-image:linear-gradient(270deg,#fff,hsla(0,0%,100%,0));}
.filter-btn .btn-toggle {z-index:100; position:absolute; right:0; top:0; width:9.8551vw; height:9.8551vw; border:0.2899vw solid #bcbcbc; border-radius:50%;}
.filter-btn .btn-toggle::after {content:""; position:absolute; top:0%; left:50%; width:2.3188vw; height:2.3188vw; border:0.2899vw solid; border-width:0.5797vw 0 0 0.5797vw; transform:translate(-50%, 100%) rotate(-135deg);}
.filter-btn .btn-toggle.active::after {top:auto; bottom:0%; transform: translate(-50%, -100%) rotate(45deg);}

.filter-menu {display:none; padding:0 0 8.6957vw;}
.filter-menu .filter-list {display:flex; flex-wrap:wrap; width:100%;}
.filter-menu .filter-list .item {margin-bottom:2.3188vw;}

.my-filter-wrap {margin-top: 5.7971vw;}

/* 정렬 */
.sort-wrap {display: flex; align-items: center; position:relative; width:100%; margin-bottom: 3.4783vw;}
.sort-wrap .count {margin-right: auto; font-size:3.7681vw; font-weight:500; color:#898989;}
.sort-wrap .sort-defulat {display:flex; position:absolute; right:0; top:0; font-size:0;}
.sort-wrap .sort-defulat li {position:relative; margin-right:2.3188vw; padding-right:2.3188vw;}
.sort-wrap .sort-defulat li::before {content:""; position:absolute; right:0; top:50%; width:0.2899vw; height:3.4783vw; background-color:#d3d3d3; transform: translateY(-50%);}
.sort-wrap .sort-defulat li:last-child {margin-right:0; padding-right:0;}
.sort-wrap .sort-defulat li:last-child::before {display:none;}
.sort-wrap .sort-defulat li span {color:#898989; font-weight:500; font-size:3.7681vw;}
.sort-wrap .sort-defulat li.active span,
.sort-wrap .sort-mno li.active span  {color:#ed5d6f;}
.sort-wrap .right-select {flex: 1; display: flex; justify-content: end; margin-left: auto;}
.sort-wrap .right-select .selectbox-custom {width: auto;}
.sort-wrap .right-select .selectbox-custom +.selectbox-custom {margin-left: 3.4783vw;;}


/****************************************
# tab
****************************************/
.tab-menu { margin-bottom: 11.5942vw;}
.tab-menu .tab-list {display: flex; width: 100%;}
.tab-menu .tab-list li {position: relative; width: 100%; height: 16.2319vw;}
.tab-menu .tab-list li::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.5797vw; background-color: #ddd;}
.tab-menu .tab-list li a {position: relative; display: table; width: 100%; height: 100%; font-weight:400; color: #666;}
.tab-menu .tab-list li a span {display: table-cell; text-align: center; vertical-align: middle;}
.tab-menu .tab-list li.active a {font-weight:600; color: #F1516C;}
.tab-menu .tab-list li.active a::before {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.1594vw; background-color: #F1516C;}
.tab-panel {display: none;}

.tab-menu .tab-list.tab3 {flex-wrap: wrap;}
.tab-menu .tab-list.tab3 li {width: calc(100% / 3);}

.tab-menu .tab-list li .ios_icon{width:4.3478vw; margin-right:1.4493vw; opacity:0.8; transform: translateY(0.5797vw);}
.tab-menu .tab-list li .android_icon{width:15.9420vw; margin-right:1.4493vw; display: inline-block; vertical-align: middle; opacity:0.8;}

/****************************************
# add form
****************************************/
.form_box .sub_desc {padding-top:1.7391vw; font-size: 4.3478vw; font-weight: 400; color: #666; line-height: 1.4;}
.form_box .form_col {display: flex; margin: 0 -1.7391vw;}
.form_box .form_col li {width: 100%; padding:0 1.7391vw;}

.form_list {display: flex; width: 100%; margin: 0 -2.3188vw;}
.form_list li {width: 100%; padding: 0 2.3188vw;}

.accept_box {margin-top: 8.6957vw;}
.accept_box label {font-size: 4.3478vw; color: #666; line-height: 1.6;}

.datepicker_input {background: url(/shop/include/images/icon/icon_calendar_month.svg) no-repeat calc(100% - 4.3478vw) center !important; background-size: 6.9565vw 6.9565vw;}

.switch-terms {display: flex; flex-wrap: wrap;}
.switch-terms .switch-label {flex: 1;}
.switch-terms .switch-label .terms-title {font-weight: 400;}
.switch-terms .switch-label .terms-desc {width: 100%; font-weight: 300; margin-top: 1.7391vw;}

.agree-line {margin-top: 5.7971vw; padding: 2.8986vw; border: 0.2899vw solid #ddd; border-radius: 1.7391vw;}


/****************************************
# 마이페이지 메인 - 후불/회선가입자
****************************************/
.main-welcome {font-weight: 600; font-size: 5.7971vw; margin-bottom: 2.8986vw;}
.my-page {margin-top: 5.7971vw;}
.my-page .title {font-weight: 700; font-size: 5.2174vw; margin-bottom:4.3478vw;}
.my-page .desc {font-weight: 400; font-size: 4.3478vw; margin: 1.7391vw 0 4.3478vw;}
.my-page .title + .desc {margin-top: -1.7391vw;}
.my-page .btn-redirect {margin-bottom:2.3188vw;}
.my-page .btn-redirect .btn_text {display: inline-block; width: auto; margin-left: auto;}

.section {position: relative; background: #fff; border-radius:3.4783vw; padding: 7.2464vw 8.6957vw; margin-top: 5.7971vw; border: 0.2899vw solid #ddd;}
.section > .title{display: flex; align-items: center; justify-content: space-between; font-size: 5.2174vw; font-weight: 600; margin-bottom: 2.3188vw; position: relative;}
.section > .title .s_txt{color:#898989; font-weight: 400; font-size: 3.7681vw; position: absolute; left: 0; top: 7.2464vw; padding-top: 1.1594vw;}
.section .btn_box{margin-top: 4.3478vw;}
.section > .btn-redirect {position: absolute; right: 5.7971vw; top: 5.7971vw;}


/* 청구 요금 */
.bill{margin-top:10.4348vw; display: flex; justify-content: space-between; align-items: center;}
.bill a{color:#666; font-size: 4.3478vw; display: flex; align-items: center;}
.bill a span{margin-left: 2.8986vw; display:inline-block;}
.bill p{font-size: 6.3768vw; font-weight:700}
.bill p strong{color:#F1516C;}
.bill + .btn_group {margin-top:5.7971vw}

/* 이용중인 서비스 */
.service-box,
.service-box .line-box + .line-box {margin-top:8.6957vw;}
.service-box .my-service .btns {margin-top: 5.7971vw;}
.service-box .my-service .btns button + button {margin-top: 1.7391vw;}

.my-plan-service .plan-content dl {flex-wrap: wrap;}
.my-plan-service .plan-content dl dd {width: 100%; text-align: left; margin-top: 0.8696vw;}

/* 메인 서브 배너 */
.my-page-banner {position: relative; margin-top: 8.6957vw;}
.my-page-banner .title {font-size: 5.7971vw;}
.my-page-banner .desc {font-size: 4.6377vw;}
.my-page-banner a {padding: 0; border-radius: 3.4783vw; overflow: hidden; display: block;}
.my-page-banner a img {width: 100%;}


/****************************************
# 메인 - 선불
****************************************/
/* 사용 가능 일자 */

/* 실시간 사용량 */
.my-page.usage-prepay .expiration {margin-top: 5.7971vw; color:#F1516C; font-size: 4.3478vw;}

/* 충전하기 */
.charge_con {margin-bottom: 8.6957vw;}
.charge_con .charge{display: flex;}
.charge_con .article{width:calc(100%/2); display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 3.4783vw; box-shadow: -0.5797vw 1.4493vw 2.0290vw rgba(0,0,0,0.09); padding: 5.7971vw 7.2464vw; border: 0.2899vw solid #ddd;}
.charge_con .article + .article{margin-left: 3.4783vw;}
.charge_con .article p{font-size: 4.6377vw; font-weight: 600; color:#000; word-break: keep-all;}
.charge_con .article img{width:10.4348vw;}

/* 가상계좌 */
.my-page.account .title {text-align: left;}
.my-page.account .bank{color:#F1516C; font-size: 5.2174vw; font-weight: 600; text-align: center;}
.my-page.account .bank p {display: flex; width: 100%; justify-content: center; font-size:inherit; font-weight: inherit; color: inherit;}
.my-page.account .bank p .copy{cursor: pointer; width: 4.6377vw; margin-left: 2.0290vw; margin-top: 1.4493vw;}
.my-page.account .bank p .copy img {width: 100%; height: auto;}
.my-page.account .name {margin-top: 2.8986vw; font-size: 4.3478vw; color:#898989; text-align: center;}
.my-page.account .pointmark {margin-top: 5.7971vw; margin-bottom: 0; text-align: center; border-top: 0.2899vw solid #e9eff8; padding-top: 5.7971vw;}

/* 선불 편의점 충전 팝업 */
.convenience-store {}
.convenience-store .barcode-area {margin:5.7971vw auto 0;}



/****************************************
# 마이페이지
****************************************/
.my_wrap {margin-top: 0; padding:0;}
.my_wrap .content-sect {padding: 0 7.2464vw;}
.my_wrap .content-title {margin:8.6957vw 0 8.6957vw;}

/* 사이드메뉴 - 모바일 */
.m-sidebar {display:block; width:100vw; overflow:hidden;}
.m-sidebar .depth1-swiper.tab-menu {margin-bottom:3.4783vw;}
.m-sidebar .depth1-swiper.tab-menu .tab-list li {width:auto; min-width:25%;}
.m-sidebar .depth1-swiper.tab-menu .tab-list li a {padding:0 4.6377vw;}
.m-sidebar .depth2-swiper {padding:0 7.2464vw}
	
	
/* 사이드메뉴 */
.sidebar {width:100%;}
.sidebar .snb {display:none;}
.sidebar .my-box {display:flex; flex-wrap:wrap; margin-top:4.6377vw; margin-bottom:8.6957vw; padding: 0 7.2464vw;}
.sidebar .my-box .title {display:none; width:100%; margin-bottom:2.8986vw; font-size:4.6377vw;}
.sidebar .my-box .label {display:none; width:100%; margin-bottom:2.8986vw; font-size:4.6377vw;}
.sidebar .my-box .plan {display:none;}
.sidebar .my-box .selectbox-line {width:100%}
.sidebar .my-box .text_center {display:none; width:31.8841vw;}
.sidebar .my-box .btn_style {display:none; height:13.9130vw; margin-left:2.8986vw; padding:0 2.8986vw; font-size:4.3478vw;}

/* 다회선 */
.line-wrap .line-sub {display:flex; align-items: center; padding:5.7971vw 6.9565vw; border-radius:4.6377vw; background-color:#F1F1F1}
.line-wrap .line-sub + .line-sub {margin-top:3.4783vw;} 
.line-wrap .line-sub .info {flex:1;}
.line-wrap .line-sub .info .label span {font-size:4.0580vw; font-weight:400; color:#666666;}
.line-wrap .line-sub .info .label .plan {position:relative; padding-left:2.8986vw;}
.line-wrap .line-sub .info .label .plan::before {content:""; position:absolute; left:0; top:0; width:0.2899vw; height:100%; background-color:#ddd;}
.line-wrap .line-sub .info .number {margin-top:1.7391vw; font-size:4.9275vw; font-weight:700; color:#666666;}
.line-wrap .line-sub.main {background-color:#ffe2e5; border:0.2899vw solid #ED5D6F;}
.line-wrap .line-sub.main .info .number {color:#000;}
.line-wrap .line-sub .app-date {text-align:right;}
.line-wrap .line-sub .app-date dt {font-size:4.3478vw; font-weight:300; color:#666666;}
.line-wrap .line-sub .app-date dd {font-size:5.7971vw; font-weight:600; color:#000;}

.use-line-list {flex-wrap: wrap;}
.use-line-list li label {justify-content:flex-start !important; padding: 4.6377vw 6.9565vw !important;}
.use-line-list li .label {text-align: left; margin-right: auto;}
.use-line-list li .label span {display: block; font-size:4.3478vw; font-weight:400; color:#666666;}
.use-line-list li .label .plan {margin-top:2.3188vw; font-weight:600; color:#494949;}
.use-line-list li .number {font-size:4.9275vw; font-weight:600; color:#494949; text-align: right;}
.use-line-list li input[type="radio"].radio_style + label {border-radius: 4.6377vw !important; background-color: #F1F1F1 !important;}
.use-line-list li input[type="radio"].radio_style:checked + label {border: 0.2899vw solid #ED5D6F !important; background-color: #ffe2e5 !important;}
.use-line-list li input[type="radio"].radio_style:checked + label .number {color: #ED5D6F;}


/* 청구서 */
.card-bill {margin-top:5.7971vw; border:0.2899vw solid #ddd; border-radius:1.7391vw;}
.card-bill dt {margin-bottom: 4.6377vw; font-size: 4.3478vw;}
.card-bill dd {margin-bottom: 4.6377vw; font-size: 4.3478vw;}
.card-bill .header {padding:6.9565vw 5.7971vw; background-color:#F2F3F4;}
.card-bill .header .top-price {text-align: center; margin-bottom: 5.7971vw; padding-bottom: 5.7971vw;; border-bottom: 0.2899vw solid #DDD;}
.card-bill .header .top-price .name {margin-bottom: 0; font-weight: 600; font-size: 5.2174vw; color: #F1516C;}
.card-bill .header .top-price .price  {margin:1.7391vw 0 0 0; font-weight: 700; font-size: 6.9565vw; color: #F1516C;}
.card-bill .header .top-price .date {display: inline-block; width:100%; margin:4.6377vw 0 0 0; font-weight: 400; font-size:4.3478vw; color:#494949;}
.card-bill .header .top-info {display: flex; flex-wrap: wrap; width: 100%;}
.card-bill .header .top-info dt {width: 40%; margin-bottom: 3.4783vw; font-weight: 400; font-size: 4.3478vw; color: #666;}
.card-bill .header .top-info dd {width: calc(100% - 40%); margin-bottom: 3.4783vw; text-align: right; font-weight: 600; color: #000;}
.card-bill .header .top-info dt:last-of-type,
.card-bill .header .top-info dd:last-of-type {margin-bottom: 0;} 
.card-bill .header .top-info dd button {position: relative; padding-right: 4.6377vw; text-align: right; font-weight: 600; font-size: 4.6377vw; color: #000;}
.card-bill .header .top-info dd button::after {content:""; display:block; position:absolute; right:0; top:50%; width:1.7391vw; height:1.7391vw; border-top:0.5797vw solid #000; border-right:0.5797vw solid #000; transform:translateY(-50%) rotate(45deg);}
.card-bill .content {padding:6.9565vw 5.7971vw;}
.card-bill .content .bill-list {display: flex; align-items: center; flex-wrap: wrap; width: 100%; word-break: break-word;}
.card-bill .content .bill-list dt {width: 55%; font-weight: 500; color:#494949;}
.card-bill .content .bill-list dd {width: calc(100% - 55%); font-weight: 500; text-align: right; color: #494949;}
.card-bill .content .depth dt {position: relative; padding-left: 4.6377vw; color:#898989;}
.card-bill .content .depth dt::before {content:""; display:block; position:absolute; left:0; top:40%; width:2.3188vw; height:2.3188vw; border-bottom:0.2899vw solid #898989; border-left:0.2899vw solid #898989; transform:translateY(-50%);}
.card-bill .content .depth + .bill-list {margin-top:1.4493vw; padding-top:4.6377vw; border-top:0.2899vw solid #ddd;}
.card-bill .content .depth + .depth {margin-top:0; padding-top:0;  border-width:0.0000vw;}

/* 실시간 사용량 */
.usage-box {margin-top:11.5942vw;}
.usage-box .top-title {font-size: 4.6377vw;}
.usage-box .usage-graph {overflow: hidden; width: 100%; height: 2.3188vw; margin: 4.6377vw 0; background-color: #BDBDC6; border-radius: 4.6377vw;}
.usage-box .usage-graph .graph-inner {display: block; width: 100%; height: 100%; background-color: #F35878; border-radius: 4.6377vw;}
.usage-box .usage-amount {display: flex; align-items:baseline;}
.usage-box .usage-amount p {font-weight: 600;}
.usage-box .usage-amount .left {margin-right: auto; color: #000;}
.usage-box .usage-amount .left strong {color: #F1516C; font-weight: inherit;}
.usage-box .usage-amount .right {margin-left: auto; color: #898989;}
.usage-box .usage-amount.top > p strong {font-size: 6.3768vw;}
.usage-box .usage-amount.bottom > p {color: #666; font-size: 4.0580vw;}
.usage-box .usage-amount.bottom > p strong {color: #666; font-size: 4.9275vw;}
.usage-box .usage-desc p {position: relative; padding-left: 3.4783vw; color: #666; line-height: 1.4; font-weight: 400; font-size: 4.0580vw;}
.usage-box .usage-desc p::before {content: ""; position: absolute; left: 0; top: 2.0290vw; width: 0.8696vw; height: 0.8696vw; background-color: #898989; border-radius: 50%;}
.usage-box .usage-desc p + p {margin-top: 1.7391vw;}

.usage-box .icon_offer{position: relative; display: flex; align-items: baseline; padding-left: 8.1159vw;}
.usage-box .icon_offer::before {content: ""; display: block; position: absolute; top:50%; left: 0; width: 8.1159vw; height: 8.1159vw; transform: translateY(-50%); background-image: url(../images/icon/icon_data2.png); background-size: contain;}
.usage-box .icon_offer.usage-call::before {width: 6.3768vw; height: 6.3768vw; background-image: url(../images/icon/icon_call2.png); background-size: contain;}
.usage-box .icon_offer.usage-mag::before {width: 6.3768vw; height: 6.3768vw; background-image: url(../images/icon/icon_msg2.png); background-size: contain;}


/* info box */
.top-title {padding-bottom: 4.6377vw; font-weight:500; font-size: 4.6377vw;}
.top-title.s-font {font-size: 4.6377vw;}

.info-box {display: flex; align-items: center;}
.info-box .info-desc {flex: 1;}
.info-box .info-desc .title {font-weight: 500; font-size: 5.2174vw; line-height: 1.5;}
.info-box .info-desc .title strong {font-weight: 700;}
.info-box .info-desc .date {color: #666; font-weight: 400; font-size: 4.3478vw;  margin-top:2.3188vw;}
.info-box .info-result {margin-left: auto;}
.info-box .info-result .price {font-weight: 700; font-size: 6.9565vw; color: #F1516C;}
.info-box + .line-box {margin-top: 4.6377vw;}

.line-box {padding:5.7971vw; border:0.2899vw solid #DDDDDD; border-radius: 3.4783vw;}
.line-box.bg-point {background-color:#fff; border-color: #ed5d6f;}
.line-box.border-wid5 {border-width:1.4493vw;}
.line-box + .line-box {margin-top: 4.6377vw;}
.line-box .btn_group {margin-top: 5.7971vw;}
.line-box .badge-title {margin-bottom: 1.7391vw; font-weight: 500; font-size: 4.0580vw; color: #898989;}
.line-title {display: flex; flex-wrap:wrap; padding-bottom:2.8986vw; margin-bottom: 5.7971vw; border-bottom: 0.2899vw solid #DDDDDD;}
.line-title.noline {padding-bottom: 0; margin-bottom: 5.7971vw; border-width: 0;}
.line-title .title {width:100%; font-weight: 600; font-size: 4.6377vw;}
.line-title .title-desc {margin-top:0.8696vw; font-size:4.0580vw; font-weight:400; color:#666;}
.line-title .s-title {font-weight: 500;  font-size: 4.6377vw;}
.line-title .price {margin-left: auto; font-weight: 600; font-size: 5.2174vw; color: #ED5D6F;}
.line-content {position: relative;}
.line-form .label {font-weight: 500; font-size: 5.2174vw;}
.line-form .label-desc {color: #666; font-weight: 400; font-size: 4.3478vw; margin-top: 2.3188vw;}

.line-box .plan-spec {display: flex; justify-content: center; margin-top: 5.7971vw; padding-top:5.7971vw; border-top: 0.2899vw solid #eee}
.line-box .plan-spec .spec {width: 100%; text-align: center;}
.line-box .plan-spec .spec > p {font-weight: 500; font-size: 4.6377vw; color: #494949;}
.line-box .plan-price {text-align: right; margin-top: 11.5942vw;}

.full-item {width: 100%;}
.full-item + .col-item  {width: 100%; margin-top: 3.4783vw;}
.full-desc {display: flex; align-items: start; flex-wrap: nowrap; width: 100%; margin-bottom:2.8986vw; word-break: break-word;}
.full-desc:last-child {margin-bottom: 0;} 
.full-desc dt {font-weight: 500; color:#666; font-size:4.3478vw;}
.full-desc dd {margin-left: auto; font-weight: 500; font-size:4.3478vw; text-align: right; color: #000;}
.full-desc dd.price {font-weight: 600; font-size: 5.2174vw;}
.full-desc + .col-desc {margin-top: 5.7971vw;}

.col-item {display:flex; flex-wrap: wrap; width: 100%; margin: -1.1594vw -1.7391vw;}
.col-item .col-desc {display:flex; padding:1.1594vw 1.7391vw;}
.col-item .col-desc dt {font-weight: 400; font-size: 4.0580vw; color:#898989; margin-right: 3.4783vw;}
.col-item .col-desc dd {font-weight: 400; font-size: 4.0580vw; text-align: right; color: #000;}

/* info box2 */
.myinfo-box {padding: 5.7971vw; border-radius: 3.4783vw; border: 0.2899vw solid #ddd; text-align: center;}
.myinfo-box.bg {background-color: #f2f4f6; border:0;}
.myinfo-box  .desc-title {font-size:4.3478vw; font-weight: 400;}
.myinfo-box  .number {margin-top:3.4783vw; font-weight: 800; font-size: 5.7971vw;}
.myinfo-box  .number + .btn_text {margin-top: 2.8986vw;}

/* 부가서비스 */
.addservice-list {display:flex; flex-wrap:wrap; justify-content: space-between;}
.addservice-list > li {position:relative; width:100%; padding:5.7971vw; border-radius:3.4783vw; border:0.2899vw solid #ddd; transition: all 0.3s;}
.addservice-list > li + li {margin-top:3.4783vw;}
.addservice-list > li:hover{border-color:#f1516c;}
.addservice-list > li > div {cursor:pointer; transition:all .15s;}
.addservice-list > li dl {position: relative;}
.addservice-list > li dl:after {content: ""; display: block; position: absolute; right: 0; top: 0; width: 5.2174vw; height: 5.2174vw; background: url(../images/icon/addservice-icon-view.png) no-repeat;}
.addservice-list > li dl dt {display: flex; align-items: center; justify-content: space-between; position: relative; padding-bottom:4.6377vw; margin-bottom: 5.7971vw; font-weight:600; font-size:5.2174vw; border-bottom: 0.2899vw solid #ddd;}
.addservice-list > li dl dt:after {position: absolute; left: 0; bottom: -0.2899vw; width:0; height: 0.2899vw; background: #f1516c; transition: all 0.3s; content: ""; display: block;}
.addservice-list > li:hover dl dt:after{width:100%;}
.addservice-list > li:hover dl dt.service-title:after {width:100%;}
.addservice-list > li dl dd {font-weight:400; font-size:4.3478vw; color:#666; line-height:1.47;}
.addservice-list > li .date-join {font-weight: 400; font-size: 4.3478vw; margin-top: 2.3188vw; color: #000;}
.addservice-list > li .price {font-weight:700; font-size: 5.2174vw; color:#f1516c; margin-top:1.7391vw; text-align:right;}
.addservice-list > li .price > strong {font-family:'roboto' !important; font-weight:600;}
.addservice-list > li .info-bottom {display: block;}
.addservice-list > li .info-bottom .price {font-weight:700; font-size: 5.2174vw; color:#f1516c; margin-top:0; text-align:right;}
.addservice-list > li .info-bottom .price > strong {font-family:'roboto' !important; font-weight:600;}
.addservice-list.my-addservice li dl:after {display: none;}

.mypop-addservice-list {display:flex; flex-wrap:wrap;}
.mypop-addservice-list > li {position:relative; width:100%; padding:5.7971vw; border-radius:3.4783vw; border:0.2899vw solid #ddd;}
.mypop-addservice-list > li + li {margin-top:3.4783vw;}
.mypop-addservice-list > li .mypop-top dt {display:flex; align-items: center; margin-bottom:1.7391vw;}
.mypop-addservice-list > li .mypop-top dt .title {font-weight:600; font-size:5.2174vw; border-bottom:0;}
.mypop-addservice-list > li .mypop-top dd {font-weight:400; font-size:4.3478vw; color:#666; line-height:1.47;}
.mypop-addservice-list > li .mypop-top dd .price {font-weight:700; color:#f1516c; margin-top:0; text-align:right;}
.mypop-addservice-list > li .mypop-top dd .btn_group {width: auto; display:flex; justify-content: center; margin-top:4.3478vw;}
.mypop-addservice-list > li .mypop-content {margin-top:5.7971vw; padding-top:5.7971vw; background-color:#f6f6f6; border-radius:2.8986vw;}
.mypop-addservice-list > li .mypop-content .head-title {margin-bottom:0; font-size:4.6377vw;}
.mypop-addservice-list > li .put-content {display:none; height:auto; padding:5.7971vw 5.7971vw;}
.mypop-addservice-list > li .put-content .content + .content {margin-top:8.6957vw} 

/* 번호 변경 */
.put-number {margin-top: 8.6957vw;}
.put-number .text-msg {margin-bottom: 3.4783vw; font-weight: 400; font-size: 4.6377vw; color: #000;}
.put-number .number-list {display: flex; flex-wrap: wrap; margin:-1.1594vw;}
.put-number .number-list li {width: 100%; padding: 1.1594vw;}

/* 요금제 변경 */
.my-plan-list {margin-top: 0;}
.my-plan-list .point .badge-box {display:flex;}
.my-plan-list .plan-list .point .name {margin-top:0; margin-left:2.3188vw; font-size:4.3478vw;}
.my-plan-list .plan-list .spec-box {display: flex; width: 100%;}
.my-plan-list .plan-list .spec-box > div {margin-right: 8.6957vw}
.my-plan-list .plan-list .spec-box > div:last-child {margin-left: 0;}
.my-plan-list .plan-list .spec-box .data {width: auto;}
.my-plan-list .plan-list .spec-box .data .free {font-size: 4.6377vw;}
.my-plan-list .plan-list .spec-box .call .free,
.my-plan-list .plan-list .spec-box .sms .free {color: #494949;}
.my-plan-list .addition-info {width: 100%; font-size: 3.7681vw; font-weight: 400; padding:2.3188vw 2.8986vw; background-color: #f6f6f6; border-radius: 1.7391vw}
.my-plan-list .addition-info li {position: relative; padding-left: 3.4783vw; font-weight: 400; color: #666;}
.my-plan-list .addition-info li::before {content:""; position:absolute; left:0; top:2.0290vw; width:0.8696vw; height:0.8696vw; background:#898989; border-radius: 50%;}
.my-plan-list .addition-info li + li {margin-top: 1.1594vw;}
.my-plan-list .bottom-box {display: flex; align-items: center; width: 100%; margin-top:2.8986vw;}
.my-plan-list .bottom-box .current-price {flex: 1; font-weight: 600; font-size: 5.7971vw; color: #d92d50;}
.my-plan-list .bottom-box .current-price .text {font-size: 5.2174vw;}


@media (max-width: 101.4493vw) {
	/****************************************
	# 마이페이지
	****************************************/
	.my_wrap .content-sect {padding: 0 4.3478vw;}

	/* 사이드메뉴 - 모바일 */
	.sidebar .my-box, 
	.m-sidebar .depth2-swiper {padding:0 4.3478vw}
}

@media (min-width: 195.3623vw) {
	/****************************************
	# common
	****************************************/
	/* style */
	.pc_flex_nowrap {flex-wrap: nowrap !important;}

	/*라디오탭*/
	.radio_tab_box.all_col1 li {width:calc(100%);}
	.radio_tab_box.all_col2 li {width:calc(100% / 2);}
	.radio_tab_box.all_col3 li {width:calc(100% / 3);}
	.radio_tab_box.all_col4 li {width:calc(100% / 3);}
	.radio_tab_box.mo_col1 li,
	.radio_tab_box.mo_col2 li,
	.radio_tab_box.mo_col3 li,
	.radio_tab_box.mo_col4 li {width:calc(100%);}
	.radio_tab_box.pc_col1 li {width:calc(100%);}
	.radio_tab_box.pc_col2 li {width:calc(100% / 2);}
	.radio_tab_box.pc_col3 li {width:calc(100% / 3);}
	.radio_tab_box.pc_col4 li {width:calc(100% / 4);}
	
	.radio-group.mo_col2_pc_col3 li {width:calc(100% / 3);}


	/****************************************
	# tab
	****************************************/
	.tab-menu .tab-list.tab3 {flex-wrap: nowrap;}
	.tab-menu .tab-list.tab3 li {width: 100%}


	/****************************************
	# 마이페이지 메인 - 후불/회선가입자
	****************************************/
	.main-welcome {font-size: 6.9565vw; margin-bottom: 5.7971vw;}
	.my-page {margin-top: 8.6957vw;}
	.my-page .title {display: inline-block; font-size: 5.7971vw; margin-bottom:5.7971vw;}
	.my-page .desc {display: inline-block; font-size: 4.6377vw; margin: 1.7391vw 0 5.7971vw; padding-left: 5.7971vw;}
	.my-page .title + .desc {margin-top: -3.4783vw;}

	.section {padding:8.6957vw; margin-top: 8.6957vw; }
	.section > .title{font-size: 5.7971vw; margin-bottom: 4.6377vw; }
	.section > .title .s_txt{font-weight: 400; font-size: 4.3478vw; position: absolute; left: 0; top: 7.2464vw; padding-top:3.4783vw;}
	.section .btn_box{margin-top: 4.3478vw;}
	.section > .btn-redirect {position: absolute; right: 8.6957vw; top: 8.6957vw;}

	/* 청구 요금 */
	.bill{margin-top:13.0435vw;}
	.bill a{font-size:5.2174vw; }
	.bill a span{margin-left: 2.8986vw;}
	.bill p{font-size: 7.5362vw; }
	.bill + .btn_group {margin-top:5.7971vw}


	/* 이용중인 서비스 */
	.service-box {display: flex;}
	.service-box .my-service {width: calc(100% / 2);}
	.service-box .my-service + .my-service {margin-left: 5.7971vw;}
	.service-box .line-box + .line-box {margin-top: 0;}

	.my-plan-service .plan-content dl {flex-wrap: nowrap;}
	.my-plan-service .plan-content dl dd {width:auto; text-align: right; margin-top: 0;}


	/* 메인 서브 배너 */
	.my-page-banner {margin-top: 11.5942vw;}
	.my-page-banner .title {font-size: 6.9565vw;}
	.my-page-banner .desc {font-size: 5.2174vw;}
	.my-page-banner a {padding: 0; border-radius: 3.4783vw; overflow: hidden; display: block;}
	.my-page-banner a img {width: 100%;}


	
	/****************************************
	# 메인 - 선불
	****************************************/
	/* 실시간 사용량 */
	.my-page.usage-prepay .expiration {font-size: 4.6377vw;}


	/* 충전하기 */
	.charge_con {margin-top: 8.6957vw; margin-bottom: 11.5942vw;}
	.charge_con .article{width:calc(100%/2);  padding: 5.7971vw 11.5942vw;}
	.charge_con .article + .article{margin-left: 4.6377vw;}
	.charge_con .article p{font-size: 5.2174vw; }
	.charge_con .article img{width:13.3333vw;}

	/* 가상계좌 */
	.my-page.account .bank{font-size: 5.7971vw;}
	.my-page.account .bank p .copy{width: 5.2174vw;}
	


	/****************************************
	# 마이페이지
	****************************************/
	.my_wrap {display:flex; margin: 14.4928vw auto 23.1884vw; padding: 0 7.2464vw;}
	.my_wrap .sidebar {display:block; flex-shrink:0; display:block; width:57.9710vw; padding-right:8.6957vw;}
	.my_wrap .content-sect {width:calc(100% - 57.9710vw - 8.6957vw); padding:0;}
	.my_wrap .content-title {margin:2.8986vw 0 5.7971vw;}
	
	/* 사이드메뉴 - 모바일 */
	.m-sidebar {display:none;}
	
	/* 사이드메뉴 */
	.sidebar .snb {display:block;}
	.sidebar .my-box {margin-bottom:5.7971vw; padding:4.6377vw 5.7971vw; border-radius:4.6377vw; background-color:#F0F2F4;}
	.sidebar .my-box .title {margin-bottom:8.1159vw; font-weight:600;}
	.sidebar .my-box .text1 {display:block; font-weight:600;}
	.sidebar .my-box .text2 {display:block; margin-top:4.0580vw; margin-bottom:2.8986vw; font-weight:400; color:#666;line-height:1.5;}
	.sidebar .my-box .label {display:block;}
	.sidebar .my-box .label span {margin-top:1.1594vw; font-weight:400; font-size:4.3478vw; color:#666;}
	.sidebar .my-box .plan {display:block; margin-top:1.1594vw; font-weight:400; font-size:4.3478vw; color:#666;}
	.sidebar .my-box .number {margin-top:2.3188vw; font-size:5.7971vw; font-weight:600;}
	.sidebar .my-box .selectbox-line {width:100%; margin-top:4.6377vw; margin-bottom:1.7391vw;}
	.sidebar .my-box .text_center {width:100%;}
	.sidebar .my-box .btn_style {margin-left:0;}
	

	.snb {overflow:hidden; border:0.2899vw solid #ddd; border-radius:4.6377vw;}
	.snb a {display:block;}
	.snb .depth1 > li > a {position:relative; margin:3.4783vw 5.7971vw; font-weight:600; font-size:4.6377vw; color:#000;}
	/* .snb .depth1 > li > a::after {content:""; display:block; position:absolute; right:0; top:50%; width:2.3188vw; height:2.3188vw; border-top:0.5797vw solid #000; border-right:0.5797vw solid #000; transform:translateY(-50%) rotate(-45deg);} */
	/* .snb .depth1 > li.active > a::after {transform:translateY(-50%) rotate(135deg);} */
	.snb .depth2 {padding:4.3478vw 0; background-color:#F9F9F9;}
	.snb .depth2 > li > a {padding:1.1594vw 5.7971vw; font-weight: 400; font-size:4.3478vw;}
	.snb .depth2 > li.active > a {color:#F1516C;}
	
	/* 번호 변경 */
	.put-number {margin-top: 11.5942vw;}
	.put-number .text-msg {margin-bottom: 4.6377vw; font-size: 4.9275vw; }
	.put-number .number-list {margin:-1.7391vw;}
	.put-number .number-list li {width: calc(100% / 2); padding: 1.7391vw;}

	/* 요금제 변경 */
	.my-plan-list .addition-info {display: flex; flex-wrap: wrap;}
	.my-plan-list .addition-info li {margin-right:8.6957vw;}
	.my-plan-list .addition-info li + li {margin-top: 0; margin-bottom: 1.7391vw;}
	.my-plan-list .addition-info li:last-child {margin-right:0; margin-bottom:0;}
	.my-plan-list .bottom-box .current-price {font-size: 5.7971vw;}
	.my-plan-list .bottom-box .current-price .text {font-size: 5.2174vw;}
}


@media (min-width: 272.4638vw) {
	/****************************************
	# style
	****************************************/
	.img-pc {display: block;}
	.img-mo {display: none;}
	
	.btn_style{padding:5.2174vw 5.7971vw;}
	

	/****************************************
	# common
	****************************************/
	/* style */
	.mo_br::after {content:''; display:inline-block;}
	.horizon {margin:11.5942vw 0;}

	.comm_wrap {position:relative;}
	.comm_wrap .content-title {margin:2.8986vw 0 8.6957vw;}
	.comm_wrap .content-title .title {font-size:8.1159vw;}
	.comm_wrap .content-title .desc {margin-top:3.4783vw; font-size:5.2174vw;}
	.comm_wrap .desc-text {margin-bottom: 11.5942vw; font-size:5.2174vw;}
	.comm_wrap .medium-title {margin:17.3913vw 0 5.7971vw; font-size:5.7971vw;}

	/* add 유의사항 */
	.content-wrap + .info-notice-box,
	.line-box + .info-notice-box,
	form + .info-notice-box,
	.notice-line + .info-notice-box {margin-top: 17.3913vw;}
	
	/* 라디오박스 */
	.radio-group input[type="radio"].radio-btn + label {height: 14.4928vw; height: 14.4928vw; font-size: 4.6377vw;}


	/* new 셀렉트박스 */
	.selectbox-custom .selectbox-btn {height:14.4928vw; padding:2.3188vw 11.5942vw 2.3188vw 5.7971vw; background-color:#fff; border:0.2899vw solid #ddd; border-radius:1.4493vw;}
	.selectbox-custom .selectbox-btn::after {width:1.7391vw; height:1.7391vw; right: 5.7971vw;}
	.selectbox-small .selectbox-btn > span,
	.selectbox-small .selectbox-scroll ul li {font-size: 4.6377vw;}

	/* 결과 메세지 */
	.result_box {margin-top: 17.3913vw;}
	.result_box .msg_text {font-size:5.7971vw;}
	.result_box .msg_text_pop {font-size:4.6377vw;}
	.result_box .desc_text {font-size:5.2174vw;}
	.result_box.bg_icon {padding-top:34.7826vw;}
	.result_box.bg_icon::before {width:26.6667vw; height:26.6667vw;}
	.result_box.bg_icon.small {padding-top:20.8696vw;}
	.result_box.bg_icon.small::before {width:19.7101vw; height:19.7101vw;}
	

	.search-box .no-search {width:19.7101vw; height: 19.7101vw;}

	.point_msg {font-size:4.6377vw;}
	.basic_msg {font-size:4.6377vw;}
	.validation.fail,
	.validation.succ,
	.validation.pointmark  {margin-bottom:4.6377vw; font-weight:400; font-size:4.6377vw;}


	/* filter */
	.filter-wrap .filter-swiper {padding:0 0 8.6957vw;}

	.filter-list .item a > span {height:11.5942vw; line-height:11.5942vw; padding:0 4.3478vw; font-size:4.6377vw;}
	.filter-list .item.active a  > span {color:#ed5d6f; background-color:#ffe2e5; border:0.2899vw solid #ed5d6f;}
	
	.filter-btn .btn-toggle {width:11.5942vw; height:11.5942vw;}
	.filter-btn .gradient-layer {width:11.5942vw; height:11.5942vw;}
	
	.filter-menu .filter-list {display:flex; flex-wrap:wrap; width:100%;}
	
	/* 정렬 */
	.sort-wrap .count {display:block; font-size:4.3478vw;}
	.sort-wrap .sort-defulat li {margin-right:3.4783vw; padding-right:3.4783vw;}
	.sort-wrap .sort-defulat li span {font-size:4.3478vw;}



	/****************************************
	# tab
	****************************************/
	.tab-menu .tab-list li a {font-size: 5.2174vw;}


	/****************************************
	# add form
	****************************************/
	.form_box .sub_desc {padding-top:2.3188vw; font-size: 4.6377vw;}

	.switch-terms .switch-label .terms-desc {width: 100%; font-weight: 300; margin-top: 2.3188vw;}
	
	.agree-line {margin-top: 8.6957vw; padding: 5.7971vw;}


	
	/****************************************
	# 마이페이지
	****************************************/
	.my_wrap {display:flex;}
	.my_wrap .sidebar {width:80.0000vw; padding-right:14.4928vw;}
	.my_wrap .content-sect {width:100%;}
	
	/* 사이드메뉴 */
	.my-box {padding:6.9565vw 8.6957vw;}
	.sidebar {display:block; flex-shrink:0; display:block; width:80.0000vw; padding-right:17.3913vw;}
	.sidebar .snb {display:block;}
	.sidebar .my-box {margin-bottom:5.7971vw; padding:6.9565vw 8.6957vw; border-radius:4.6377vw; background-color:#F0F2F4;}
	.sidebar .my-box .title {margin-bottom:8.1159vw; font-weight:600;}
	.sidebar .my-box .text1 {font-weight:600;}
	.sidebar .my-box .text2 {margin-top:4.0580vw; margin-bottom:2.8986vw; font-weight:400; color:#666;line-height:1.5;}
	.sidebar .my-box .label {display:block;}
	.sidebar .my-box .label span {margin-top:1.1594vw; font-weight:400; font-size:4.3478vw; color:#666;}
	.sidebar .my-box .plan {display:block; margin-top:1.1594vw; font-weight:400; font-size:4.3478vw; color:#666;}
	.sidebar .my-box .number {margin-top:2.3188vw; font-size:5.7971vw; font-weight:600;}
	.sidebar .my-box .selectbox-line {width:100%; margin-top:4.6377vw; margin-bottom:1.7391vw;}
	.sidebar .my-box .text_center {width:100%;}
	.sidebar .my-box .btn_style {margin-left:0;}
	

	.snb .depth1 > li > a {margin:4.6377vw 6.9565vw; font-size:4.9275vw;}
	.snb .depth2 > li > a {padding:1.1594vw 8.6957vw; font-size:4.6377vw;}
	.snb {overflow:hidden; border:0.2899vw solid #ddd; border-radius:4.6377vw;}
	.snb a {display:block;}
	.snb .depth1 > li > a {position:relative; margin:4.6377vw 6.9565vw; font-weight:600; font-size:4.9275vw; color:#000;}
	/* .snb .depth1 > li > a::after {content:""; display:block; position:absolute; right:0; top:50%; width:2.3188vw; height:2.3188vw; border-top:0.5797vw solid #000; border-right:0.5797vw solid #000; transform:translateY(-50%) rotate(-45deg);} */
	/* .snb .depth1 > li.active > a::after {transform:translateY(-50%) rotate(135deg);} */
	.snb .depth2 {padding:4.3478vw 0; background-color:#F9F9F9;}
	.snb .depth2 > li > a {padding:1.1594vw 8.6957vw; font-weight: 400;}
	.snb .depth2 > li.active > a {color:#F1516C;}
	
	/* 다회선 */
	.line-wrap {width:100%;}
	.line-wrap .line-sub {padding:6.9565vw 8.6957vw; border-radius:4.6377vw;}
	.line-wrap .line-sub + .line-sub {margin-top:3.4783vw;} 
	.line-wrap .line-sub .info {flex:1;}
	.line-wrap .line-sub .info .label span {font-size:4.6377vw;}
	.line-wrap .line-sub .info .number {margin-top:2.3188vw;}
	.line-wrap .line-sub .info .selectbox-line {margin-top:2.3188vw; font-size:5.7971vw;}
	.line-wrap .line-sub .app-date dt {font-size:4.6377vw;}
	.line-wrap .line-sub .app-date dd {margin-top:2.3188vw;}
		

	.use-line-list li label {padding:6.9565vw 8.6957vw !important;}
	.use-line-list li .label {text-align: left; margin-right: auto;}
	.use-line-list li .label span {display: block; font-size:4.6377vw; }
	.use-line-list li .label .plan {margin-top:2.3188vw;}
	.use-line-list li .number {font-size:5.7971vw;}


	/* 청구서 */
	.card-bill {margin-top:8.6957vw;}
	.card-bill dt {font-size: 4.6377vw;}
	.card-bill dd {font-size: 4.9275vw;}
	.card-bill .header {padding:9.8551vw 11.5942vw;}
	.card-bill .header .top-price {display: flex; flex-wrap: wrap; text-align: left; margin-bottom: 6.9565vw; padding-bottom: 6.9565vw;}
	.card-bill .header .top-price .name {width: 40%; font-size: 5.2174vw;}
	.card-bill .header .top-price .price  {width: calc(100% - 40%); margin:0; font-size: 8.1159vw; text-align: right;}
	.card-bill .header .top-price .date {margin:0; font-size:4.6377vw;}
	.card-bill .header .top-info dt {font-size: 4.6377vw;}
	.card-bill .header .top-info dd button::after {width:2.3188vw; height:2.3188vw;}
	.card-bill .content {padding:9.8551vw 11.5942vw;}

	/* 실시간 사용량 */
	.usage-box .top-title {font-size: 5.2174vw;}
	.usage-box .usage-graph {margin: 5.7971vw 0;}
	.usage-box .usage-amount p {font-size:5.2174vw;}
	.usage-box .usage-desc p {padding-left: 3.4783vw; font-size: 4.6377vw;}
	.usage-box .usage-desc p::before {top:2.3188vw;}
	.usage-box .usage-desc p + p {margin-top: 2.3188vw;}

	/* info box */
	.top-title {font-size:5.2174vw;}

	.info-box .info-desc .title {font-size: 5.7971vw;}
	.info-box .info-desc .date {font-size: 4.6377vw; margin-top:3.4783vw;}
	.info-box .info-result .price {font-size: 8.1159vw;}
	.info-box + .line-box {margin-top:5.7971vw;}

	.line-box {padding: 8.6957vw;}
	.line-title {padding-bottom:4.6377vw; margin-bottom: 6.9565vw;}
	.line-title .title {font-size: 5.7971vw;}
	.line-title .title-desc {margin-top: 1.4493vw; font-size: 4.6377vw;}
	.line-title .s-title {font-size: 5.2174vw;}
	.line-title .price {font-size: 5.7971vw;}

	.full-desc {margin-bottom:3.4783vw;}
	.full-desc dt,
	.full-desc dd {font-size:4.6377vw;}
	.full-desc dd.price {font-size: 5.7971vw;}
	.full-desc + .col-desc {margin-top: 5.7971vw;}

	.col-item {margin: -2.3188vw -5.7971vw;}
	.col-item .col-desc {position: relative; padding:1.7391vw 5.7971vw 1.7391vw 5.7971vw;}
	.col-item .col-desc::before {content:""; display: block; position: absolute; right: 0; top:50%; width: 0.2899vw; height:4.6377vw; background-color: #ddd; transform: translateY(-50%);}
	.col-item .col-desc:last-child {margin-right: 0;}
	.col-item .col-desc:last-child::before {display: none;}
	.col-item .col-desc dt {font-size: 4.6377vw; margin-right: 3.4783vw;}
	.col-item .col-desc dd {font-size: 4.6377vw;}


	/* info box2 */
	.myinfo-box {padding: 8.6957vw;}
	.myinfo-box .desc-title {font-size:4.6377vw}
	.myinfo-box .number {font-size: 6.9565vw;}
	.myinfo-box  .number + .btn_text {margin-top: 5.7971vw;}
	

	/* 부가서비스 */
	.addservice-list > li {padding:8.6957vw;}
	.addservice-list > li + li {margin-top:4.6377vw;}
	.addservice-list > li dl dt {padding-bottom: 5.7971vw; margin-bottom: 6.9565vw; font-size:5.7971vw;}
	.addservice-list > li dl dd {font-size:4.6377vw;}
	.addservice-list > li .price {font-size: 6.6667vw;}
	.addservice-list > li .info-bottom {display: flex; justify-content: flex-end;}
	.addservice-list > li .info-bottom .price {font-size: 5.7971vw;}

	/* 번호 변경 */
	.put-number .number-list li {width: calc(100% / 3);}

	/* 요금제 변경 */
	.my-plan-list .addition-info {margin: 5.7971vw 0 4.3478vw;}
	.my-plan-list .addition-info li {font-size: 4.3478vw;}
	.my-plan-list .bottom-box .current-price {font-size: 6.9565vw;}
	.my-plan-list .bottom-box .current-price .text {font-size: 6.3768vw;}
	.my-plan-list .bottom-box .btn_style {height:13.3333vw;}

}





/****************************************
# 241105 LGU+ 지원매장 리뉴얼
****************************************/
.offline_banner_box a{display:flex; padding:8.6957vw 14.4928vw;}
.offline_banner_box .txt_box .txt{font-size:8.6957vw; color:#999; }
.offline_banner_box .txt_box .title{font-size:11.5942vw; font-weight:700; margin-top:2.8986vw;}
.offline_banner_box .txt_box .info{margin-top:8.6957vw; font-size:4.9275vw;}
.offline_banner_box .txt_box .info li{display:flex; align-items: center;}
.offline_banner_box .txt_box .info li + li{margin-top:2.0290vw;}
.offline_banner_box .txt_box .info li > span{font-size:0.9em; color:#fff; background-color: #999; padding:1.4493vw; border-radius:4.3478vw; width:24.6377vw; text-align: center; margin-right:5.7971vw;}
.offline_banner_box .txt_box .info li > strong{color:#707070; font-size:1em;}
.offline_banner_box .txt_box .info li .point{background-color: #ffe6eb; border-radius: 4.3478vw; font-size:3.4783vw; color:#f1516c; padding:1.1594vw 3.4783vw; display: inline-block; vertical-align: middle; margin-left:1.4493vw;}
.offline_banner_box .img_box{margin-bottom:-8.6957vw;}

.offline_banner_box2{display:flex; margin-bottom:20.2899vw;}
.offline_banner_box2 .txt_box{margin-top:11.5942vw; width:42%;}
.offline_banner_box2 .txt_box .txt{font-size:7.8261vw; color:#999; width:100%;}
.offline_banner_box2 .txt_box .title{font-size:10.7246vw; font-weight:700; margin-top:2.8986vw;}
.offline_banner_box2 .txt_box .info{margin-top:8.6957vw; background-color: #fff0f2; padding:8.6957vw 17.3913vw; border-radius: 5.7971vw; }
.offline_banner_box2 .txt_box .info h5{font-size:6.3768vw; color:#b22d53; font-weight: 700}
.offline_banner_box2 .txt_box .info_list{margin-top:8.6957vw; display:flex; justify-content: space-between;}
.offline_banner_box2 .txt_box .info_list li{width:calc(100%/3 - 2.8986vw);}
.offline_banner_box2 .txt_box .info_list li .icon_box{background-color: #ffd9df; border-radius: 8.6957vw; padding:8.6957vw 5.7971vw; text-align: center;}
.offline_banner_box2 .txt_box .info_list li .icon_txt{margin-top:5.7971vw; font-size:4.6377vw; color:#5b5b5b; text-align: center;}
.offline_banner_box2 .txt_box .info_list li .icon_txt span{font-size:0.8em; display:block; text-align: center}
.offline_banner_box2 .txt_box .info_cs{margin-top:8.6957vw; padding-top:8.6957vw; border-top:0.5797vw solid #fff; display:flex; align-items: flex-start;}
.offline_banner_box2 .txt_box .info_cs > div:first-child{background-color: #ffd9df; border-radius: 8.6957vw; text-align: center; padding:1.4493vw; min-width: 28.9855vw; margin-right: 4.3478vw; color:#5b5b5b; font-size:4.0580vw;}
.offline_banner_box2 .txt_box .info_cs > div:last-child p{font-size:5.2174vw; color:#666; margin-top: 0.5797vw;}
.offline_banner_box2 .txt_box .info_cs > div:last-child span{color:#f1516c; font-size:3.7681vw; display: block; margin-top: 1.4493vw;}
.offline_banner_box2 .map_box{margin-left: 8.6957vw; width:58%;}
.offline_banner_box2 .map_box .title{font-size:4.9275vw; color:#f1516c; font-weight: 700; margin-top:8.6957vw;}
.offline_banner_box2 .map_box .map-area{display: flex; font-size:4.0580vw; color:#707070; margin-top:2.8986vw;}
.offline_banner_box2 .map_box .map-area .name{width:28.9855vw; font-size: 1em;}
.offline_banner_box2 .map_box .map-area .addr{width:calc(100% - 43.4783vw); font-size: 1em;}
.offline_banner_box2 .map_box .map-area .addr .tel{font-size:1em; margin-left:2.8986vw; color:#666; width:auto; display:inline-block}
.offline_banner_box2 .map_box .map-area .addr .tel img{display:inline-block; width:2.8986vw; vertical-align:middle; margin-right: 0.8696vw;}
.offline_banner_box2 .map_box .map-area a{display: block; width:14.4928vw; text-align: right; color:#f1516c; text-decoration: underline; font-size: 1em;}

.store-info{font-size:4.9275vw; margin-bottom: 2.8986vw;}
.store-info li{color:#999;}
.store-info li + li{margin-top:0.8696vw;}

.tab-box{margin-bottom:8.6957vw;}
.tab-box .tabs{display:flex; background-color: #f9f9f9; border-radius: 4.6377vw;}
.tab-box .tabs li{text-align: center; font-size:6.3768vw; border-radius: 4.6377vw; flex:1; font-weight: 600}
.tab-box .tabs li a{color:#999; padding:4.9275vw; display: block; width:100%; height: 100%;}
.tab-box .tabs li.active{background-color: #f1516c;}
.tab-box .tabs li.active a{color:#fff;}

.store_wrap.ver2 .mapBox{border:0.2899vw solid #d1d6e0; border-radius: 2.3188vw;}
.store_wrap.ver2 .mapBox select{border:0.2899vw solid #d1d6e0; border-radius: 4.3478vw; height: 15.9420vw; padding:0 4.3478vw; color:#394a5b;}
.store_wrap.ver2 .mapBox input{border:0.2899vw solid #d1d6e0; border-radius: 4.3478vw; height: 15.9420vw; padding:0 4.3478vw; color:#394a5b;}
.store_wrap.ver2 .mapBox input::placeholder{color:#9cabb7 !important;}
.store_wrap.ver2 .searchArea .addrSelect{height: auto;}
.store_wrap.ver2 .searchArea .addrSelect .row2 .btn_search{background-color: #bdbdc6; color:#fff; border-radius: 4.3478vw; height: 15.9420vw;}
.store_wrap.ver2 .searchArea .searchResult{position: relative; padding-bottom:2.8986vw;}
.store_wrap.ver2 .searchArea .searchResult:after{position: absolute; top:7.2464vw; left:0; width:100%; height:0.2899vw; background-color: #d1d6e0; display:block; content:"";}
.store_wrap.ver2 .searchArea .searchResult:before{position: absolute; bottom:0; left:0; width:100%; height:0.2899vw; background-color: #d1d6e0; display:block; content:"";}
.store_wrap.ver2 .searchArea .searchResult .accessibility{margin-top: 7.2464vw; margin-bottom: 4.3478vw;}
.store_wrap.ver2 .searchArea .searchResult .list{border:none; height: 101.4493vw;}
.store_wrap.ver2 .searchArea .searchResult .list::-webkit-scrollbar {width: 2.8986vw;}
.store_wrap.ver2 .searchArea .searchResult .list::-webkit-scrollbar-thumb {background-color: #bdbdc6; border-radius: 2.8986vw; background-clip: padding-box; border: 0.5797vw solid transparent;}
.store_wrap.ver2 .searchArea .searchResult .list::-webkit-scrollbar-track {background-color: #f2f2f2; border-radius: 2.8986vw; box-shadow: inset 0.0000vw 0.0000vw 1.4493vw white;}
.store_wrap.ver2 .searchArea .searchResult .list li{border-color:#d1d6e0; padding:5.7971vw 0; width:calc(100% - 7.2464vw)}
.store_wrap.ver2 .searchArea .searchResult .list div > .name{color:#394a5b; font-size:4.9275vw;}
.store_wrap.ver2 .searchArea .searchResult .list div > .addr{color:#7a8791}
.store_wrap.ver2 .searchArea .searchResult .list div > .service-box{margin-top:2.8986vw; align-items: center;}
.store_wrap.ver2 .searchArea .searchResult .list div > .service-box .join-sticky{background-color: #bdbdc6; font-size:3.4783vw; border-radius: 5.7971vw;}
.store_wrap.ver2 .mapArea{border-radius: 2.8986vw; overflow: hidden;}

.prod_table.type1{border-radius: 2.8986vw; border:0.2899vw solid #d1d6e0; overflow: hidden}
.prod_table.type1:after{display:none;}
.prod_table.type1 tr{border:none;}
.prod_table.type1 tr + tr{border-top:0.2899vw solid #d1d6e0;}
.prod_table.type1 th{background-color: #f2f2f2; color:#394a5b; border:none;}
.prod_table.type1 td{border:none; color:#394a5b; padding:4.3478vw 5.7971vw;}

@media (max-width: 318.8406vw) {
	.offline_title{text-align: center; font-size: 7.2464vw !important; padding-bottom: 0 !important}

	.offline_banner_box{margin-top: 5.7971vw;}
	.offline_banner_box .txt_box .txt{font-size: 6.6667vw;}
	.offline_banner_box .txt_box .title{font-size:8.6957vw;}

	.offline_banner_box2{margin-bottom: 14.4928vw; flex-wrap: wrap;}
	.offline_banner_box2 .txt_box{width:100%;}
	.offline_banner_box2 .txt_box .txt{font-size:5.2174vw; width:100%; text-align: center; }
	.offline_banner_box2 .txt_box .title{font-size:6.3768vw; text-align: center;}
	.offline_banner_box2 .txt_box .info{margin:5.7971vw auto 0 auto;border-radius: 5.7971vw; max-width: 139.1304vw}
	.offline_banner_box2 .txt_box .info h5{font-size:5.2174vw; text-align: center}
	.offline_banner_box2 .txt_box .info_list{margin-top:4.3478vw;}
	.offline_banner_box2 .txt_box .info_list li .icon_txt{margin-top:2.8986vw; font-size:4.0580vw;}
	.offline_banner_box2 .txt_box .info_cs{margin-top:5.7971vw; padding-top:5.7971vw;}

	.offline_banner_box2 .map_box{max-width: 139.1304vw; margin: 0 auto; width:100%;}
	.offline_banner_box2 .map_box > img{display: none;}
	.offline_banner_box2 .map_box .map-area{flex-wrap: wrap}
	.offline_banner_box2 .map_box .map-area .name{width:100%; color:#000; font-weight: 600; margin-bottom: 0.8696vw;}
	.offline_banner_box2 .map_box .map-area .addr{width:calc(100% - 20.2899vw); margin-right: 5.7971vw;}
	.offline_banner_box2 .map_box .map-area .addr .tel{margin-left:0; display: block; text-align: left;}

	.store-info li{font-size: 4.0580vw;}
	
	.tab-box{margin-bottom:5.7971vw;}
	.tab-box .tabs{border-radius: 2.8986vw;}
	.tab-box .tabs li{font-size:4.9275vw; border-radius: 2.8986vw;}
	.tab-box .tabs li a{padding:3.4783vw;}

	.store_wrap.ver2 .mapBox .searchArea{width: 100%;}
	.store_wrap.ver2 .mapArea{width: 100%; margin: 14.4928vw 0 5.7971vw 0;}

	.store_wrap.ver2 .mapBox{padding:2.8986vw;}
	.store_wrap.ver2 .searchArea .searchResult .list{overflow: auto;}

}

@media (max-width: 260.8696vw) {
	.offline_title{font-size: 5.7971vw !important;}

	.offline_banner_box{margin-top: 8.6957vw;}
    .offline_banner_box a{padding:0; margin-bottom: 11.5942vw;}
    .offline_banner_box .txt_box .info{font-size: 4.3478vw;}
    .offline_banner_box .txt_box .info li > span{padding: 0.8696vw; margin-right: 2.8986vw;}
    .offline_banner_box .img_box{display: none;}
}

@media (max-width: 144.9275vw) {
    .offline_banner_box2 .txt_box .txt{font-size: 4.6377vw;}
    .offline_banner_box2 .txt_box .title{font-size: 5.2174vw;}
    .offline_banner_box2 .txt_box .info{padding: 5.7971vw;}
    .offline_banner_box2 .txt_box .info_list li .icon_box{padding: 5.7971vw; border-radius: 4.3478vw;}
    .offline_banner_box2 .txt_box .info_list li .icon_box img{width: 8.6957vw;}
    .offline_banner_box2 .txt_box .info_list li .icon_txt{font-size: 3.7681vw;}
    .offline_banner_box2 .txt_box .info_cs{border-width: 0.2899vw; margin-top: 4.3478vw; padding-top: 4.3478vw;}
    .offline_banner_box2 .txt_box .info_cs > div:first-child{font-size: 3.7681vw;  min-width: 20.2899vw;}
    .offline_banner_box2 .txt_box .info_cs > div:last-child p{font-size: 4.3478vw;}
    .offline_banner_box2 .txt_box .info_cs > div:last-child span{font-size: 3.4783vw;}

    .offline_banner_box .txt_box .txt{text-align: center; font-size:4.6377vw;}
    .offline_banner_box .txt_box .title{font-size: 5.2174vw; text-align: center;}
    .offline_banner_box .txt_box .info{font-size: 3.7681vw;}
    .offline_banner_box .txt_box .info li{align-items: flex-start}
    .offline_banner_box .txt_box .info li > span{width: 20.2899vw;}
    .offline_banner_box .txt_box .info li > strong{width: calc(100% - 23.1884vw)}
    .offline_banner_box .txt_box .info li .point{display: block; margin-left: 0;}

    .tab-box .tabs li{font-size: 4.0580vw;}

    .store_wrap.ver2 .mapBox select{height: 13.0435vw; font-size: 4.0580vw;}
    .store_wrap.ver2 .mapBox input{height: 13.0435vw; font-size: 4.0580vw; padding:0}
    .store_wrap.ver2 .searchArea .addrSelect .row2 .btn_search{height: 13.0435vw;}
    .store_wrap.ver2 .searchArea .searchResult .accessibility{margin-top: 0}
}



/****************************************
	# 이벤트 리뉴얼
****************************************/
.event-plan-con .padding{padding:8.6957vw;}
	
.event-plan-con {display: flex; flex-wrap: wrap; justify-content: start; padding:5.7971vw 5.7971vw 17.3913vw;}
.event-plan-con > .plan-inner {display: flex; flex-wrap: wrap; justify-content: start; width:100%; padding:5.7971vw 5.7971vw 17.3913vw;}
.event-plan-con .event-title{text-align:center; font-size:7.2464vw; padding:8.6957vw 0 4.3478vw 0; width:100%;}
.event-plan-con .event-title{text-align:center; font-size:10.4348vw; padding:11.5942vw 0 8.6957vw 0;}
.event-plan-con .event-title.white{color:#fff;}
.event-plan-con .event-title.white h2{color:#fff;}
.event-plan-con .event-title p{font-size:0.6em; font-weight:400;}
.event-plan-con .event-title h2{font-weight:700;}
.event-plan-con .event-title h2 span{color:#9b7d8a;}
.event-plan-con .event-title .icon{margin-bottom:2.8986vw;}
.event-plan-con .event-title .icon img{width:auto; display:block; margin:0 auto;}
.event-plan-con .event-btn{width:100%; margin:5.7971vw auto;}
.event-plan-con .event-btn a{font-size:4.9275vw; background-color: #333; text-align: center; color:#fff; border-radius: 3.4783vw; padding:5.7971vw; width:100%; display: block; font-weight: 600;}

.event-plan-con .plan-items{width: 100%; max-width: 100%; margin:0 auto 3.4783vw; text-align:left; position:relative;}
.event-plan-con .plan-items.badge-point {overflow: visible; margin-top:2.8986vw;}
.event-plan-con .plan-items.badge-point .badge-area {position: absolute; width:100%; height:17.3913vw;}
.event-plan-con .plan-items.badge-point .badge-area img {width:auto; height:100%; position:absolute; right:0; top:-2.8986vw;}
.event-plan-con .plan-items.badge-point + .plan {padding-top:8.6957vw}
.event-plan-con .plan-items > a{position:absolute; left:0; top:0; width:100%; height:100%; z-index: 2;}
.event-plan-con .plan-items > a.soldout {cursor:inherit; position:absolute; left:0; top:0; width:100%; height:100%; z-index: 3; background-color:rgba(0,0,0,.5);}
.event-plan-con .plan-items > a.soldout::after {content:""; display:block; position:absolute; left:50%; top:50%; width:46.3768vw; height:7.2464vw; background:url(../images/display/text_plan_soldout.png) no-repeat; background-size: contain; transform: translate(-50%, -50%);}
.event-plan-con .plan-items .plan{display:flex; flex-wrap:wrap; background-color:inherit; padding:0; padding:5.7971vw; justify-content:space-between; overflow: hidden;  background-color: #fff; border-radius:3.4783vw;}
.event-plan-con .plan-items .plan .spec-box .spec{display:flex; flex-wrap: wrap;}
.event-plan-con .plan-items .plan .spec-box .spec li{display:flex; align-items:center; font-size:4.3478vw; color:#464646; font-weight:600;}
.event-plan-con .plan-items .plan .spec-box .spec li img{margin-right:1.7391vw; width:4.6377vw;}
.event-plan-con .plan-items .plan .spec-box .spec li .add {font-size: 4.6377vw;}
.event-plan-con .plan-items .plan .spec-box .spec li:first-child{width:100%; font-size:4.6377vw; margin-bottom: 1.7391vw;}
.event-plan-con .plan-items .plan .spec-box .spec li:nth-child(2){margin-right:3.4783vw;}
.event-plan-con .plan-items .plan .plus {width: 100%; margin-top: 4.3478vw;}
.event-plan-con .plan-items .plan .plus li{font-size:3.4783vw; color:#898989; position:relative; font-weight:400;}
.event-plan-con .plan-items .plan .plus li:before{display:inline-block; content:"·"; margin-right:1.4493vw;}
.event-plan-con .plan-items .plan .plus li + li{margin-top:1.4493vw;}
.event-plan-con .plan-items .plan .plus .point_color{color:#f42766;}
.event-plan-con .plan-items .plan .name{display:flex; align-items:center; width:100%; margin-bottom:4.6377vw;}
.event-plan-con .plan-items .plan .name .tag{font-size:3.1884vw; color:#fff; background-color:#333; border-radius:1.1594vw; padding:0.2899vw 1.1594vw; margin-right:2.3188vw; text-align:center; width:8.6957vw;}
.event-plan-con .plan-items .plan .name p{color:#696969; font-size:3.7681vw; font-weight: 500;}
.event-plan-con .plan-items .plan .spec-box{flex: 1; width:auto; padding-right:5.7971vw;}
.event-plan-con .plan-items .plan .price-box{text-align:right; width:auto;}
.event-plan-con .plan-items .plan .price-box .price{font-size:6.3768vw; color:#f42766; font-weight:700; line-height:1.1; position:relative;}
.event-plan-con .plan-items .plan .price-box .price:before{display:inline-block; content:"월"; color:#696969; font-size:0.7em; margin-right:1.7391vw; font-weight:400}
.event-plan-con .plan-items .plan .price-box .price span{font-size:0.7em; color:#696969; margin-left:0.5797vw; font-weight:400;}
.event-plan-con .plan-items .plan .price-box .origin,
.event-plan-con .plan-items .plan .price-box .price2{font-size:3.7681vw; color:#696969; margin-top:1.1594vw; font-weight: 400;}
.event-plan-con .plan-items .plan .price-box .origin span,
.event-plan-con .plan-items .plan .price-box .price2 span{font-size:1.2em; font-weight:600}
.event-plan-con .plan-items .plan .price-box .origins{margin-top:1.1594vw;}
.event-plan-con .plan-items .plan .price-box .origins .origin,
.event-plan-con .plan-items .plan .price-box .origins .price2{margin-top:0}
.event-plan-con .plan-items.gs25::before,
.event-plan-con .plan-items .plan.gs25::before{position:absolute; width: 14.4928vw; height: 14.4928vw; position: absolute; content: ""; display: block; left: -2.8986vw; top: -10%; background: url(https://www.eyagi.co.kr/EventFile/badge-gs25.png); background-size:contain;}
.event-plan-con .plan-items .event{overflow: auto; border-top: none;}
.event-plan-con .plan-items .event .event-inner{padding:2.3188vw 5.7971vw; display:flex; border-radius:3.4783vw; justify-content:space-between; align-items: center; width:100%;}
.event-plan-con .plan-items .event .event-inner .text{font-size:3.4783vw; font-weight:300; width:100%; display:flex; align-items:center; color:#696969;}
.event-plan-con .plan-items .event .event-inner .text strong{font-size:1.2em;}
.event-plan-con .plan-items .event .event-inner .img{padding:1.1594vw; background-color:#f0f0f0; border-radius:14.4928vw; margin-right:2.8986vw;}
.event-plan-con .plan-items .event .event-inner .img img{max-width:3.7681vw; display:block; width:100%;}
.event-plan-con .plan-items .event .event-inner .icon {width:6.0870vw; height:6.0870vw; margin-right:2.8986vw;}
.event-plan-con .plan-items .event .event-inner .icon.combine {background-image:url(https://www.eyagi.co.kr/EventFile/event-icon--benefitcombine.png); background-repeat: no-repeat; background-size: contain;}
.event-plan-con .plan-items .event .event-inner .icon.card {background-image:url(https://www.eyagi.co.kr/EventFile/event-icon-benefitcard.png); background-repeat: no-repeat; background-size: contain;}


.event-plan-con .plan-items.lg .plan .name .tag{background-color:#ff4081;}
.event-plan-con .plan-items.skt .plan .name .tag{background-color:#ff8b00;}
.event-plan-con .plan-items.kt .plan .name .tag{background-color:#2196f3;}

.event-plan-con .plan-items .soldOut{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); color:#fff; font-size:5.7971vw; display:flex; align-items:center; justify-content:center; font-weight:700; z-index: 1;}
.event-plan-con .plan-items .soldOut + .plan{filter: blur(0.4348vw);}



@media (max-width: 112.7536vw) {
	.event-plan-con .padding{padding:7.7121vw;}
	
	.event-plan-con {display: flex; flex-wrap: wrap; justify-content: start; padding:5.1414vw 5.1414vw 15.4242vw;}
	.event-plan-con > .plan-inner {display: flex; flex-wrap: wrap; justify-content: start; width:100%; padding:5.1414vw 5.1414vw 15.4242vw;}
	.event-plan-con .event-title{text-align:center; font-size:6.4267vw; padding:7.7121vw 0 3.8560vw 0; width:100%;}
	.event-plan-con .event-title.white{color:#fff;}
	.event-plan-con .event-title.white h2{color:#fff;}
	.event-plan-con .event-title p{font-size:0.6em; font-weight:400;}
	.event-plan-con .event-title h2{font-weight:700;}
	.event-plan-con .event-title h2 span{color:#9b7d8a;}
	.event-plan-con .event-title .icon{margin-bottom:2.5707vw;}
	.event-plan-con .event-title .icon img{width:auto; display:block; margin:0 auto;}
	.event-plan-con .event-btn{width:100%; margin:5.1414vw auto;}
	.event-plan-con .event-btn a{font-size:4.3702vw; background-color: #333; text-align: center; color:#fff; border-radius: 3.0848vw; padding:5.1414vw; width:100%; display: block; font-weight: 600;}
	
	.event-plan-con .plan-items{width: 100%; max-width: 100%; margin:0 auto 3.0848vw; text-align:left; border:0.2571vw solid #ddd; border-radius:3.0848vw; position:relative; }
	.event-plan-con .plan-items.badge-point {overflow: visible; margin-top:2.5707vw;}
	.event-plan-con .plan-items.badge-point .badge-area {position: absolute; width:100%; height:15.4242vw;}
	.event-plan-con .plan-items.badge-point .badge-area img {width:auto; height:100%; position:absolute; right:0; top:-2.5707vw;}
	.event-plan-con .plan-items.badge-point + .plan {padding-top:7.7121vw}
	.event-plan-con .plan-items > a{position:absolute; left:0; top:0; width:100%; height:100%; z-index: 2;}
	.event-plan-con .plan-items > a.soldout {cursor:inherit; position:absolute; left:0; top:0; width:100%; height:100%; z-index: 3; background-color:rgba(0,0,0,.5);}
	.event-plan-con .plan-items > a.soldout::after {content:""; display:block; position:absolute; left:50%; top:50%; width:41.1311vw; height:6.4267vw; background:url(../images/display/text_plan_soldout.png) no-repeat; background-size: contain; transform: translate(-50%, -50%);}
	.event-plan-con .plan-items .plan{display:flex; flex-wrap:wrap; background-color:inherit; padding:0; padding:5.1414vw; justify-content:space-between;}
	.event-plan-con .plan-items .plan .spec-box .spec{display:flex; flex-wrap: wrap;}
	.event-plan-con .plan-items .plan .spec-box .spec li{display:flex; align-items:center; font-size:3.8560vw; color:#464646; font-weight:600;}
	.event-plan-con .plan-items .plan .spec-box .spec li img{margin-right:1.5424vw; width:4.1131vw;}
	.event-plan-con .plan-items .plan .spec-box .spec li .add {font-size: 4.1131vw;}
	.event-plan-con .plan-items .plan .spec-box .spec li:first-child{width:100%; font-size:4.1131vw; margin-bottom: 1.5424vw;}
	.event-plan-con .plan-items .plan .spec-box .spec li:nth-child(2){margin-right:3.0848vw;}
	.event-plan-con .plan-items .plan .plus {width: 100%; margin-top: 3.8560vw;}
	.event-plan-con .plan-items .plan .plus li{font-size:3.0848vw; color:#898989; position:relative; font-weight:400;}
	.event-plan-con .plan-items .plan .plus li:before{display:inline-block; content:"·"; margin-right:1.2853vw;}
	.event-plan-con .plan-items .plan .plus li + li{margin-top:1.2853vw;}
	.event-plan-con .plan-items .plan .plus .point_color{color:#f42766; font-weight: 500;}
	.event-plan-con .plan-items .plan .name{display:flex; align-items:center; width:100%; margin-bottom:4.1131vw;}
	.event-plan-con .plan-items .plan .name .tag{font-size:2.8278vw; color:#fff; background-color:#333; border-radius:1.0283vw; padding:0.2571vw 1.0283vw; margin-right:2.0566vw; text-align:center; width:7.7121vw;}
	.event-plan-con .plan-items .plan .name p{color:#696969; font-size:3.3419vw; font-weight: 500;}
	.event-plan-con .plan-items .plan .spec-box{flex: 1; width:auto; padding-right:5.1414vw;}
	.event-plan-con .plan-items .plan .price-box{text-align:right; width:auto;}
	.event-plan-con .plan-items .plan .price-box .price{font-size:5.6555vw; color:#f42766; font-weight:700; line-height:1.1; position:relative;}
	.event-plan-con .plan-items .plan .price-box .price:before{display:inline-block; content:"월"; color:#696969; font-size:0.7em; margin-right:1.5424vw; font-weight:400}
	.event-plan-con .plan-items .plan .price-box .price span{font-size:0.7em; color:#696969; margin-left:0.5141vw; font-weight:400;}
	.event-plan-con .plan-items .plan .price-box .origin,
	.event-plan-con .plan-items .plan .price-box .price2{font-size:3.3419vw; color:#696969; margin-top:1.0283vw; font-weight: 400;}
	.event-plan-con .plan-items .plan .price-box .origin span,
	.event-plan-con .plan-items .plan .price-box .price2 span{font-size:1.2em; font-weight:600}
	.event-plan-con .plan-items .plan .price-box .origins{margin-top:1.0283vw;}
	.event-plan-con .plan-items .plan .price-box .origins .origin,
	.event-plan-con .plan-items .plan .price-box .origins .price2{margin-top:0}
	.event-plan-con .plan-items.gs25::before,
	.event-plan-con .plan-items .plan.gs25::before{width: 11.5942vw; height: 11.5942vw;}
	.event-plan-con .plan-items .event{border-top:0.2571vw solid #e9e9e9}
	.event-plan-con .plan-items .event .event-inner{padding:2.0566vw 5.1414vw; display:flex; border-radius:3.0848vw; justify-content:space-between; align-items: center; width:100%;}
	.event-plan-con .plan-items .event .event-inner .text{font-size:3.0848vw; font-weight:300; width:100%; display:flex; align-items:center; color:#696969;}
	.event-plan-con .plan-items .event .event-inner .text strong{font-size:1.2em;}
	.event-plan-con .plan-items .event .event-inner .img{padding:1.0283vw; background-color:#f0f0f0; border-radius:12.8535vw; margin-right:2.5707vw;}
	.event-plan-con .plan-items .event .event-inner .img img{max-width:3.3419vw; display:block; width:100%;}
	.event-plan-con .plan-items .event .event-inner .icon {width:5.3985vw; height:5.3985vw; margin-right:2.5707vw;}
	.event-plan-con .plan-items .event .event-inner .icon.combine {background-image:url(https://www.eyagi.co.kr/EventFile/event-icon--benefitcombine.png); background-repeat: no-repeat; background-size: contain;}
	.event-plan-con .plan-items .event .event-inner .icon.card {background-image:url(https://www.eyagi.co.kr/EventFile/event-icon-benefitcard.png); background-repeat: no-repeat; background-size: contain;}
	
	.event-plan-con .plan-items.lg .plan .name .tag{background-color:#ff4081;}
	.event-plan-con .plan-items.skt .plan .name .tag{background-color:#ff8b00;}
	.event-plan-con .plan-items.kt .plan .name .tag{background-color:#2196f3;}
	
	.event-plan-con .plan-items .soldOut{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); color:#fff; font-size:5.1414vw; display:flex; align-items:center; justify-content:center; font-weight:700; z-index: 1;}
	.event-plan-con .plan-items .soldOut + .plan{filter: blur(0.3856vw);}
}


@media (min-width: 154.2029vw) {
	.event-plan-con .plan-items.badge-point .badge-area img {top:-4.3478vw;}
	.event-plan-con .plan-items .plan .spec-box .spec {flex-wrap: nowrap;}
	.event-plan-con .plan-items .plan .spec-box .spec li + li {margin-left: 2.8986vw;}
	.event-plan-con .plan-items .plan .spec-box .spec li:first-child {width: auto; margin-bottom: 0;}
}


@media (min-width: 185.5072vw) {
	.event-plan-con {display: flex; flex-wrap: wrap; padding:5.7971vw 5.7971vw 23.1884vw;}
	.event-plan-con > .plan-inner {padding:5.7971vw 5.7971vw 23.1884vw;}
	.event-plan-con .plan-items {max-width:calc(50% - 1.7391vw); margin:0; margin-top: 2.8986vw; margin-bottom: 3.4783vw;}
	.event-plan-con .plan-items.badge-point .badge-area {height:14.4928vw;}
	.event-plan-con .plan-items:nth-child(odd) {margin-right: 3.4783vw;}
	.event-plan-con .plan-items .plan {align-items: start;}
	.event-plan-con .plan-items .plan .spec-box {padding-right:0;}
	.event-plan-con .plan-items .plan .spec-box .spec {flex-wrap: wrap;}
	.event-plan-con .plan-items .plan .spec-box .spec li {width: 100%; margin-bottom: 1.7391vw;}
	.event-plan-con .plan-items .plan .spec-box .spec li + li {margin-left: 0;}
	.event-plan-con .plan-items .plan .spec-box .spec li:first-child {width: 100%; margin-bottom: 1.7391vw;}
	.event-plan-con .plan-items .plan .spec-box .spec li:nth-child(2) {margin-right: 0;}
	.event-plan-con .plan-items .plan .spec-box .spec li .add {font-size: 4.0580vw;}
	
	.event-plan-con .plan-items .soldOut{font-size:7.2464vw;}
}

@media (min-width: 208.6957vw) {
	.event-plan-con .plan-items .plan .spec-box .spec li {width: auto; margin-bottom: 0;}
	.event-plan-con .plan-items .plan .spec-box .spec li:first-child {width: 100%;}
	.event-plan-con .plan-items .plan .spec-box .spec li:nth-child(2) {margin-right: 3.4783vw;}
}

@media (min-width: 296.5217vw) {
	.event-plan-con .padding{padding:8.6957vw;}
	
	.event-plan-con {padding:0 11.5942vw 23.1884vw; justify-content: center;}
	.event-plan-con > .plan-inner {padding:0 11.5942vw 23.1884vw;}
	.event-plan-con .event-inner {padding:0 11.5942vw 23.1884vw;}
	.event-plan-con .event-title{font-size:13.0435vw; padding:26.0870vw 0 14.4928vw 0;}
	.event-plan-con .event-btn{margin:5.7971vw auto;}
	.event-plan-con .event-btn a{font-size:6.3768vw; padding:7.2464vw;}

	.event-plan-con .plan-items{max-width:255.0725vw; margin-top:0;}
	.event-plan-con .plan-items.badge-point .badge-area {height:20.2899vw;}
	.event-plan-con .plan-items > a.soldout::after {width:57.9710vw; height:9.2754vw;}
	.event-plan-con .plan-items + .plan-items{margin-bottom:4.6377vw;}
	.event-plan-con .plan-items:nth-child(odd) {margin-right: 0;}
	.event-plan-con .plan-items .plan{padding:8.6957vw 11.5942vw;}
	.event-plan-con .plan-items .plan .spec-box{width:auto; padding-right:5.7971vw;}
	.event-plan-con .plan-items .plan .spec-box .spec {flex-wrap: nowrap;}
	.event-plan-con .plan-items .plan .spec-box .spec li{font-size:5.7971vw;}
	.event-plan-con .plan-items .plan .spec-box .spec li img{width:5.7971vw;}
	.event-plan-con .plan-items .plan .spec-box .spec li .add {font-size: 5.7971vw;}
	.event-plan-con .plan-items .plan .spec-box .spec li:first-child{width:100%;  font-size:6.9565vw; margin-bottom: 0;}
	.event-plan-con .plan-items .plan .spec-box .spec li:nth-child(2){margin-right:5.7971vw;}
	.event-plan-con .plan-items .plan .plus {margin-top:0;}
	.event-plan-con .plan-items .plan .plus li{font-size:4.3478vw;}
	.event-plan-con .plan-items .plan .name{margin-bottom:6.9565vw;}
	.event-plan-con .plan-items .plan .name .tag{padding:0.8696vw 2.8986vw; font-size: 3.7681vw; border-radius:1.7391vw;}
	.event-plan-con .plan-items .plan .name p{font-size:5.2174vw; }
	.event-plan-con .plan-items .plan .price-box{width:35%;}
	.event-plan-con .plan-items .plan .price-box .price{font-size:9.8551vw;}
	.event-plan-con .plan-items .plan .price-box .price:before{font-size:0.6em;}
	.event-plan-con .plan-items .plan .price-box .price span{font-size:0.6em; }
	.event-plan-con .plan-items .plan .price-box .origin,
	.event-plan-con .plan-items .plan .price-box .price2{font-size:4.6377vw}
	.event-plan-con .plan-items.gs25::before,
	.event-plan-con .plan-items .plan.gs25::before{width: 23.1884vw; height: 23.1884vw; left: -8.6957vw;}
	.event-plan-con .plan-items .event .event-inner{padding:3.4783vw 11.5942vw;}
	.event-plan-con .plan-items .event .event-inner .text{font-size:4.3478vw;}
	.event-plan-con .plan-items .event .event-inner .img{padding:1.7391vw;}
	.event-plan-con .plan-items .event .event-inner .img img{max-width:4.6377vw;}
	
	.event-plan-con .plan-items .soldOut{font-size:10.1449vw;}
}