@charset "utf-8";


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


/* layout */
.container-inner {max-width: 1100px; margin: 30px auto 50px; padding: 0 20px;}
.container-inner > h3,
.container-inner .content-title > h3 {padding-bottom:20px; font-size:20px; font-weight:600;}
.container-inner.wide-full {max-width: 100%; padding: 0;}
.container-inner.wide-full > h3 {max-width: 1100px; margin: 0 auto; padding: 0 20px 10px;}


/*  */
.menu-nav {z-index:99; position:fixed; bottom:0; left:0; right:0; width:100%; height:60px; padding:0 15px; background: #FFF; border-top:1px 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:4px 0;}
.menu-nav ul li a .icon-nav {width:28px; height:28px; position:relative;}
.menu-nav ul li a .name {margin-top:2px; text-align: center; font-size:11px; 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:20px;}
.member_wrap .login_set {margin-top: 40px;}
.member_wrap .login_set .find_area {display:flex; justify-content: center;}
.member_wrap .login_set .find_area button {position:relative; font-size:15px; color:#494949;}
.member_wrap .login_set .find_area button + button {margin-left:8px; padding-left:8px;}
.member_wrap .login_set .find_area button::before {content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:14px; transform:translateY(-50%); background-color:#ddd;}
.member_wrap .login_set .find_area button:first-child::before {display:none;}
.member_wrap > .agree_check {margin-top:30px; }
.member_wrap > .agree_check .check_style + label {color: #000; font-weight:600; font-size:16px;}


/* 요금제상세 > 제휴 header */
.event-header {z-index:1; width:100%; height:auto; position:relative; padding:20px 16px; background-color:#ffffff; box-sizing: border-box;}
.event-header .inner {width:100%; max-width:1100px; 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:18px; font-weight:600; line-height:1.4;}
.event-header .title .back {position:relative; width:10px; height:10px; margin-right: 12px;}
.event-header .title .back::before {content:""; position:absolute; left:50%; top:50%; width:10px; height:10px; border-top:3px solid #000; border-left:3px solid #000; transform:translate(-50%, -50%) rotate(-45deg);}
.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:-3px; width:5px; height:1px; background-color:#000;}


/* table */
.table-view-type01 .title {margin-bottom:12px; font-weight:600; font-size:18px;}
.table-view-type01 table {width:100% !important; margin-top:5px;}
.table-view-type01 table th,
.table-view-type01 table td {font-size:14px; border:1px solid #ddd; line-height:1.4;}
.table-view-type01 table th {padding:6px 10px; font-weight:600; background-color:#e9e9e9; color:#000; text-align:center;}
.table-view-type01 table td {padding:8px 10px; text-align:center; color:#666;}
.table-view-type01 .refer {margin-top:8px; font-weight:400; font-size:15px; color:#666; line-height:1.4;}

/* 유의사항 */
.info-notice-box {width:100%; margin-top:16px; border-radius:6px; background-color:#fff;}
.info-notice-box.bg {padding:20px; border:1px 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:8px; font-weight:800; font-size:15px; color:#525766;}
.info-notice-box .info-sub-title {margin-top:20px; margin-bottom:8px; font-weight:800; font-size:15px; color:#525766;}
.info-notice-box .info-sub-title:first-child {margin-top: 0;}
.info-notice-box .info-content {width:100%;}
.info-notice-box .info-content li {position:relative; padding-left:12px; font-weight:500; font-size:14px; color:#666; line-height:1.5; word-break:break-all;}
.info-notice-box .info-content li + li {margin-top:6px}
.info-notice-box .info-content li > ul {margin-top:4px}
.info-notice-box .info-content.num-list {counter-reset: num 0;}
.info-notice-box .info-content.num-list li {padding-left:23px;}
.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:12px !important;}
.info-notice-box .info-content.desc-list > li::before {content:""; position:absolute; left:0; top:8px; width:6px; height:1px; background:#898989;}
.info-notice-box .info-content.dot-list > li {padding-left:12px !important;}
.info-notice-box .info-content.dot-list > li::before {content:""; position:absolute; left:0; top:9px; width:3px; height:3px; background:#898989; border-radius: 50%;}
.info-notice-box table td {background-color:#fff;}
.info-notice-box .info-big-title {margin:10px 0 30px; font-weight: 700; font-size: 18px; color: #000; text-align: center;}

.check-box .check-list {word-break:break-word;}
.check-box .check-list li {font-weight:400; font-size:16px; color:#494949; line-height:1.5; word-break: break-word;}
.check-box .check-list li + li {margin-top:12px;} 
.check-box .check-question {line-height:1.5; font-size:16px; color:#494949; word-break:break-word;}
.check-box .check-question dt {display:inline-block; padding:2px 20px 1px; font-size:15px; border-radius:20px; background-color:#5c5e60; color:#fff;}
.check-box .check-question dd {margin-top:6px;}

.return-msg {margin: 40px 0 20px; padding: 20px; border-radius: 16px; 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:30px;}
.exist-sect .check-box .check-question {margin-top:30px;}
.exist-sect .check-agree {margin-top:20px;}
.exist-sect .table-view-type01 {padding:20px; border:1px solid #ddd; border-radius:16px;}


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

.con_inner{max-width: 1100px; margin: 30px auto 50px; padding: 0 20px;}
.con_inner.pc_w500{max-width: 500px;}
.con_inner.pc_w740{max-width: 740px;}
.pc_w840,
.con_inner.pc_w840 {max-width: 840px !important;}
.cs_title{display: flex;}
.cs_title .history_back{margin-right: 10px; transform: translateY(12px); width: 8px; min-width: 8px;}
.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:20px; font-weight: 600; margin: 10px 0;}
.cs_title .cs_txt h2 strong{font-size:1em; font-weight: 600}
.cs_title .cs_txt h3{font-size:17px; font-weight: 600; margin-bottom: 15px; position: relative; padding-left: 10px;}
.cs_title .cs_txt h3:after{content: ''; display: block; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; background-color: #222; border-radius: 50%;}
.cs_title .cs_txt p{font-size: 15px; color:#6779b6; margin-top: 5px; font-weight: 300; line-height: 1.4;}
.cs_title .cs_txt .txt_link{font-size: 12px; color:#474747; }
.cs_title .cs_txt .txt_link a{display: flex; align-items: center;}
.cs_title .cs_txt .txt_link span{border-bottom: 1px solid #474747; padding-bottom: 2px; display: inline-block; margin-left: 5px;}
.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:30px 0 10px 0;}
.sub_title{font-size:16px; font-weight: 600; margin: 30px 0 15px 0;}
.sub_title.b_space{margin: 30px 0 8px 0;}
.sub_title .sub_txt{font-size:13px; color:#9ba1b2; display: inline-block; margin-left: 5px; vertical-align:middle; font-weight: 400;}
.sub_title .title_check{float:right;}
.sub_title .title_check label{font-size: 13px; font-weight: 400}
.sub_title .title_check input[type="checkbox"]{width: 15px !important; height: 15px !important; margin-right: 0; vertical-align: middle;}
.agree_info{margin-top:10px; background:#f4f4f4; border:1px solid #efefef; padding:15px 20px; border-radius:7px; font-size: 14px; color:#94949a; font-weight:300; line-height:1.5; max-height: 220px; overflow: auto;}
.agree_info ul{margin-bottom: 10px;}
.agree_info ul:last-child{margin-bottom: 0;}
.agree_info ul.list_st_num > li{list-style: decimal; margin-left: 10px; padding-left: 5px;}
.agree_info ul.list_st_hyphen > li{position: relative; padding-left: 10px;}
.agree_info ul.list_st_hyphen > li::before{position: absolute; left: 0; top: 0; display: block; content: "-";}
.agree_info ul li{ font-size: 14px; 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: 5px; display: block;}
.form-item .agree_check_box{text-align: right; margin-top: 15px;}

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

.form-img-box {padding: 20px; text-align: center; background-color: #fff; border: 1px solid #f4bdcd; border-radius: 6px;}
.form-img-box .sub-tit {font-weight: 700; color: #ed5d6f;}
.form-img-box .usim_eyagi {max-width: 260px; width: 100%;}

.phone-field {margin:0 -8px;}
.phone-field div {width:33.33%; padding:0 8px;}


/**/
.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_align_center {align-items: center !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:10px;}
.mar_t{margin-top:10px !important;}
.mar_t0{margin-top:0 !important;}
.mar_t10{margin-top:10px !important;}
.mar_t16{margin-top:16px !important;}
.mar_t20{margin-top:20px !important;}
.mar_t30{margin-top:320px !important;}
.pad_t40{padding-top:40px !important;}
.mar_0{margin: 0 !important}
.w80{width: 80%;}
.w100{width:100% !important;}
.hyphen li::before{content: "-"; border-radius: 10px; margin-right: 5px;}

/* border */
.rounded-1 {border-radius:40px !important;}


/*버튼*/
.btn_style{cursor: pointer; background:#f1516c; color:#fff; padding: 15px 20px; width:100%; text-align:center; border-radius: 7px; font-size:16px;}
.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_lightgray3{background:#D5D5D5; 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: 10px 15px; margin: 0; font-size:14px; text-align: center;}
.btn_style.btn_xs {width:50px; padding:6px 10px; margin: 0; font-size:13px;}
.btn_input{margin-left:10px !important; min-width: 90px; width: auto;}
.btn_style_line{background: none; color:#f1516c; border:1px solid #f1516c; padding: 15px 20px; width: 100%; border-radius: 7px; font-size:15px; font-weight: 600}
.btn_style_line.btn_style:focus {background: none;}
.btn_style_line.gray {border:1px solid  #ddd; color:#666 !important;}
.btn_style_line.gray:focus{background:#fff;}
.btn_group { margin-top:40px;}
.btn_group .btn_style:not(:first-child),
.btn_group .btn_style_line:not(:first-child) {margin-left:6px;}
.btn_group .btn_style:not(:last-child),
.btn_group .btn_style_line:not(:last-child) {margin-right:6px;}
.btn_group .comment-text {width: 100%; text-align: center; margin: 12px 0 16px; font-weight: 300; font-size: 16px; color: #494949 ;}
.btn_group .validation {width: 100%;}

.btn_auto {width: auto; height:46px; padding:0 20px}
.btn_logout {position:relative; display:block; width:100%; margin-top:20px; font-weight:600; font-size:16px; color:#494949; text-align:center;}
.btn_logout::after {content:""; display:inline-block; width:6px; height:6px; margin:0 0 2px 4px; border-top:2px solid #232323; border-right:2px solid #494949; transform:rotate(45deg);}
.btn_text {position:relative; display:block; width:100%; font-weight:500; font-size:16px; color:#999; text-align:center; z-index: 1;}
.btn_text::after {content:""; display:inline-block; width:6px; height:6px; margin:0 0 0 4px; border-top:2px solid #999; border-right:2px solid #999; transform:rotate(45deg);}
.btn_text.s_text {font-size: 14px;}
.btn_text.s_text::after {width:5px; height:5px; margin:0 6px 2px 4px;}

.prdc-btns {}
.prdc-btns .btn-def {padding: 0 15px; height: 30px; font-size: 13px; background-color: #ccc; border-radius: 25px; color: #fff;}
.prdc-btns .btn-def + .btn-def {margin-left: 6px;}
.prdc-btns .btn-join {background:#f1516c; color:#fff; min-width: 100px;}
.prdc-btns .btn-pocket.active {background-color: #BDBDC6;}

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

.btn_s180 {max-width:180px !important; width: 180px !important;}
.btn_s200 {max-width:200px !important; width: 200px !important;}
.btn_s240 {max-width:240px !important; width: 240px !important;}
.btn_s280 {max-width:280px !important; width: 280px !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:15px; background-color:#f9f9f9; border:1px solid #efefef; color:#000; font-size: 14px; border-radius: 7px; 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 20px 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:15px; background-color:#fff; border:1px solid #efefef; color:#000; font-size: 14px; border-radius: 7px; 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: 30px; font-size:16px; color:#666; line-height:1.47; cursor: pointer}
input[type="checkbox"] + label::before {content:""; position: absolute; top:2px; left: 0; width:18px; height: 18px; border:1px solid #bfbfc1; border-radius:5px;}
input[type="checkbox"] + label > .block {display: block; color: #666;}
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: 12px;}
/* input[type="checkbox"].check_style{ background: none; border:1px solid #aaa !important; border-radius: 5px; width: 17px !important; height: 17px !important; margin-right: 3px; 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:14px; color:#6f6f77; cursor: pointer}*/

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

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

.form_layer_phone .select_style {width:160px;}


/*셀렉트박스*/
.select_custom .select_box{position: relative;}
.select_custom .select_box .option_btn{padding: 15px 20px; background:#f4f4f4; border:1px solid #efefef; color:#94949a; position: relative; width: 100%; text-align: left; border-radius: 7px;}
.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: 10px; height: 6px; right:15px; 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: 15px 20px; border: 1px solid #efefef; border-radius: 7px; margin-top: 5px; display: none; max-height: 200px; overflow: auto; position: absolute; width: 100%; background: #fff; z-index: 100000;}
.select_custom .select_box .option_list li{padding:8px 0; color:#94949a; font-size: 14px; 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: 10px;}
.select_custom .select_box .option_txt li p{font-size: 13px; color:#a7a7aa;}
.select_custom .select_box .option_txt li p img{margin-right: 3px;}
.select_custom.flex{justify-content: space-between; align-items:flex-start;}
.select_custom.flex .select_box{width: calc(100% - 60px);}
.select_custom .pi_search{width: 50px; border-radius: 7px; background: #f1516c; height: 51px;}
.select_custom .pi_search:disabled{background: #bdbdc6;}
.select_custom .pi_search:focus{background: #c12b4c;}
.select_style.w-small {width:100px; background-position:85% center;}
.select_style + input {margin-left:8px;}
.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:15px;}
.radio_tab_box li{margin-right: 20px;}
.radio_tab_box li:last-child{margin-right: 0px;}
input[type="radio"].radio_style,
input[type="checkbox"].radio_check{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
input[type="radio"].radio_style + label{position: relative; padding-left: 25px; font-size: 16px; color:#4e4e4f; height:auto; background:none;}
input[type="radio"].radio_style + label:after{position: absolute; width: 18px; height: 18px; border-radius:50px; background:#f4f4f4; border:1px 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:13px; box-sizing:border-box; text-align: center; border-radius: 7px; font-size:14px; color:#494949;background:#f9f9f9; border:1px solid #efefef; display: block;}
.radio_tab_box.type4 input[type="radio"].radio_style + label{font-size: 15px; padding: 15px; 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:1px 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: 10px;}
.radio_tab_box.type2 li:last-child{margin-right: 0}

.radio_tab_box.type3 input[type="checkbox"].radio_check + label{background:#f9f9f9; border:1px solid #efefef; border-radius: 7px; padding:6px 15px; font-size:13px; height: 100%; display:flex; align-items: center;}
.radio_tab_box.type3 li{margin:0 0 0 3px;}

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

.radio_tab_box.typeDef {display:flex; flex-wrap:wrap; margin:-6px;}
.radio_tab_box.typeDef li {width:100%; margin-right:0; padding:6px;}
.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:13px 15px; box-sizing:border-box; text-align: center; border-radius: 7px; font-size:14px; color:#494949; background:#f9f9f9; border:1px 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:-6px;}
.radio_tab_box.typeIcon li {width:100%; margin-right:0; padding:6px;}
.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:10px 15px; box-sizing:border-box; text-align: left; border-radius: 7px; font-size:14px; color:#494949; background:#fff; border:1px 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:15px;}
.radio_tab_box.typeIcon li .title-img {width: auto; height: 28px;}
.radio_tab_box.typeIcon li .title-img img {width: inherit; height: 100%;}
.radio_tab_box.typeIcon li .icon {display:inline-block; width:38px; height: 38px; margin-right:4px; transition: all .3s;}
.radio_tab_box.typeIcon li .icon_phone {background:url('../images/icon/icon_phone.png') no-repeat center; background-size:28px auto;}
.radio_tab_box.typeIcon li .icon_card {background:url('../images/icon/icon_card.png') no-repeat center; background-size:28px auto;}
.radio_tab_box.typeIcon li .icon_bank {background:url('../images/icon/icon_bank.png') no-repeat center; background-size:30px auto;}
.radio_tab_box.typeIcon li .icon_toss {background:url('../images/icon/icon_logo_toss.png') no-repeat center; background-size:30px auto;}
.radio_tab_box.typeIcon li .icon_pass {background:url('../images/icon/icon_logo_pass.png') no-repeat center; background-size:30px auto;}
.radio_tab_box.typeIcon li .icon_kakao {background:url('../images/icon/icon_logo_kakao.png') no-repeat center; background-size:30px auto;}
.radio_tab_box.typeIcon li .icon_kakaopay {background:url('../images/icon/icon_logo_kakaopay.png') no-repeat center; background-size:46px auto;}
.radio_tab_box.typeIcon li .icon_alipay {background:url('../images/icon/icon_logo_alipay.png') no-repeat center; background-size:30px auto;}
.radio_tab_box.typeIcon li .icon_account {background:url('../images/icon/icon_account.png') no-repeat center; background-size:30px auto;}
.radio_tab_box.typeIcon li .icon_prepaidcard {background:url('../images/icon/icon_prepaidcard.png') no-repeat center; background-size:30px auto;}
.radio_tab_box.typeIcon li .icon_store {background:url('../images/icon/icon_store.png') no-repeat center; background-size:35px auto;}
.radio_tab_box.typeIcon li .icon_minors {background:url('../images/icon/icon_minors.png') no-repeat center; background-size:35px auto;}
.radio_tab_box.typeIcon li .icon_adult {background:url('../images/icon/icon_adult.png') no-repeat center; background-size:35px 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: 500px; width: 90%; padding: 30px; border-radius: 15px; background:#fff; z-index: 1; transform: translate(-50%,-50%);}
.online_cs_popup_fixed .popup_inner{bottom: 0; left: 0; width: 100%; border-radius: 37px 37px 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:17px; font-weight: 600;}
.online_cs_popup .popup_inner .pi_body{padding-top: 20px;}
.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: 16px; font-weight: 600;}
.online_cs_popup .popup_inner .pi_body .txt_box{font-size: 14px; background-color: #F6F4F4; padding:15px; margin:20px 0; text-align: center;}
.online_cs_popup .popup_inner .pi_body .txt{font-size: 18px; font-weight: 600; text-align: center; }
.online_cs_popup .popup_inner .pi_txt{font-size: 17px; color:#4e4e4f; line-height: 1.5; margin-bottom: 20px;}
.my_info_box{display: flex; align-items: center;}
.my_info_box .my_info_link{background:#f41e5b; color:#fff; font-size:12px; display:flex; align-items: center; padding:6px 10px; border-radius: 4px; margin-left: 10px;}
.my_info_box .my_info_link .my_info_icon{margin-right:5px;}
.my_info_box .my_info_link .my_info_arrow_icon{margin-left:5px;}
.text_list{margin-top: 10px;}
.text_list li{position: relative; padding-left:10px; margin-bottom: 10px; color:#525766}
.text_list li:last-child{margin-bottom: 0}
.text_list li:before{content: ""; display: block; position: absolute; left: 0px; top: 6px; width: 5px; height: 5px; background:#525766; border-radius: 5px;}



/*본인인증 팝업*/
.warning_list{margin-bottom:20px;}
.warning_list li{font-size: 12px; color:#7f7f7f; position: relative; padding-left:15px; margin-bottom:5px;}
.warning_list li::before{content:"※"; display: inline-block; margin-right: 5px; position: absolute; left: 0; top: 0;}
.warning_list li.color_red{color:#f35878;}
.warning_box{background:#f7f5f5;  border-radius: 7px; padding:20px; margin-top:10px; max-height: 150px; overflow: auto;}
.warning_box p{color:#898989; font-size:13px; line-height:1.5; font-weight: 400; margin-top:7px;}
.warning_box p.color_red{color:#ba2755;}
.warning_box strong{font-size: 14px; color:#898989; display: block; margin-bottom:15px;}
.warning_box strong img{display: inline-block; margin-right: 3px;}

.step_box{display: flex; margin-top:10px;}
.step_box li{width: calc(100%/3 - 20px); padding: 0 10px; text-align: center;}
.step_box li.arrow{width: 30px; padding: 0; display:flex; align-items: center;}
.step_box li .img{display: flex; width: 80px; height: 80px; margin:10px auto 5px auto; border-radius: 100px; background:#f7f7f7; align-items: center; justify-content: center;}
.step_box li .img img{display: block; max-width:40px;}
.step_box li .txt{margin-top: 10px; font-size: 17px; font-weight: 500;}
.step_box li .txt span{display: block; font-size: 0.85em; color:#a1a1a1; font-weight: normal;}

@media screen and (max-width:500px)  {
	/* 본인인증 */
	.step_box{flex-wrap: wrap;}
	.step_box li{width:100%; padding: 0;}
	.step_box li.arrow{width: 20px; transform: rotate(90deg); margin: 10px auto 15px auto}
	.step_box li .img{width: 55px; height: 55px; padding: 15px;}
	.step_box li .txt{font-size: 15px;}
}


/*접수완료페이지*/
.cs_finish_box .finish_icon{margin-top:50px;}
.cs_finish_box h2{color:#292929; font-size: 18px; font-weight: 600; margin:30px 0}
.cs_finish_box .finish_txt li{color:#ce3c63; font-size:13px; line-height:1.4;}
.cs_finish_box .finish_txt2{font-size:14px; color:#636363; margin-top:20px; line-height:1.4;}
.cs_finish_box .info_box{background:#f1f3fb; border:1px solid #dfe3ed; border-radius: 7px; padding:20px; margin:30px 0 20px 0; line-height: 1.5; color:#848ca5; font-size: 14px;}
.cs_finish_box .info_box p{color:#848ca5; font-size:14px;}
.cs_finish_box .info_box strong{font-size: 15px; font-weight: 600}

.completion_box {position:relative;}
.completion_box .top_box {text-align:center;}
.completion_box .top_box .emoji {display:inline-block; font-size:30px;}
.completion_box .top_box .title {font-size:20px; font-weight:600; margin:20px 0 10px;}
.completion_box .top_box .title_desc {font-size:16px; font-weight:400; color:#515151; line-height:1.4}

/*달력*/
.datepicker_box{display: flex; align-items:center; margin-bottom:10px;}
.datepicker_box span{padding: 0 5px;}
.ui-datepicker{border:none !important; box-shadow:0 10px 13px rgba(0,0,0,0.15); margin-top: 10px; border-radius: 7px; border:1px solid #efefef; padding:10px;}
.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: 7px 2em;}
.ui-datepicker th{color:#94949a; font-size: 12px;}
.ui-datepicker td{width: 26px; height: 30px;}
.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: 100px; 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:15px; top:50%; width:8px; height:8px; margin-top:-4px !important; border-bottom:2px solid #000; border-left:2px 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: -4px;}
.ui-datepicker .ui-datepicker-title select {width: 42%; height:36px; border-radius: 5px; background: #fff url(../images/cs/onlinecs-btn-arrow.png) no-repeat right 10px center;}
.ui-datepicker select.ui-datepicker-month {margin-left:5px;}


/* lgu+ 지금배송 */
.quantity{display: flex;}
.quantity .num{width: 50px; text-align: center; text-indent: 0; border:none; font-size:14px; color:#898989;}
.quantity button{border-radius: 7px; padding: 15px; background-color: #f9f9f9; border: 1px solid #efefef;}
.agree_box{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.agree_box > li{padding:8px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.agree_box > li:first-child{padding-top: 15px;}
.agree_box > li .plus{margin-left: auto; float: right; font-size: 20px; font-weight:100; transform: translateY(-3px); padding:0 10px; color:#000;}
.agree_box > li input[type="checkbox"].check_style + label{flex: 1; width: calc(100% - 55px); transform: translateY(-1px)}
.agree_box > li.agree_point input[type="checkbox"].check_style + label{font-size: 16px; color: #0f2874; font-weight: 500; line-height: 1.4; text-decoration: underline; width:calc(100% - 25px);}
.agree_box .accordion{display: none; width: 100%;}
.agree_box .accordion iframe {width:100%;}
.all_agree{padding: 15px; margin-bottom: 5px; border-radius: 7px; color: #494949; background: #f9f9f9; border: 1px solid #efefef;}
.all_agree input[type="checkbox"] + label{font-size: 16px; font-weight: 600; color:#000; margin-left: 5px;}

.form_box .total{display: flex; justify-content: space-between; align-items: center; padding:15px; border:2px solid #f36060; border-radius: 7px; box-sizing: border-box;}
.form_box .total li:last-child{font-size: 20px; font-weight: 700;}
.form_box .total li:last-child span{font-size: 14px; color:#898989; font-weight: 400}
.list_style{border: 1px solid #efefef; padding:20px; background:#f9f9f9; border-radius: 7px;}
.list_style > li{margin-bottom: 10px; font-size: 14px; line-height: 1.3;}
.list_style > li:last-child{margin-bottom: 0px;}
.list_style > li > ul{display: flex; justify-content: space-between;}
.list_style > li > ul li:first-child{min-width: 110px; color:#777}
.list_style > li > ul li:last-child{text-align: right; font-weight: 500;}
.list_style.type2{background: none; padding: 20px 0 0 0; border:none; border-top: 1px solid #aaa; border-radius: 0}
.list_style.type2 > li{margin-bottom: 15px;}

.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:620px; margin:0 auto; }
.boardSearchWrap + .sortWrap {margin-top:30px;}
.boardSearchWrap .select_style {flex-shrink:0; margin-right:8px;}

/* 리스트 */
.board-list {display:flex; flex-wrap:wrap; border-top:1px solid #000;}
.board-list li {width:100%; padding:20px 0; border-bottom:1px 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:2px 10px; margin-right:6px; font-size:13px; font-weight:500; color:#f1516c; border:1px solid #f1516c; border-radius:3px;}
.board-list .content .title {flex:1; width:100%; font-size:15px;}
.board-list .content .date,
.board-list .content .winner-date {width:100%; margin-top:6px; font-size:14px;}
.board-list .content .event-date::before {content:"이벤트기간 : ";}
.board-list .content .winner-date::before {content:"발표일 : ";}

/* 상세보기 */
.board-view .top {padding:20px 0; border-top :1px solid #000;}
.board-view .top .title {width:100%; font-weight:500; font-size:17px; color:#000; line-height:1.4;}
.board-view .top .date {width:100%; margin-top:5px; color:#666666; font-weight:400; font-size:15px;}
.board-view .content {width:100%; padding:30px 0; border-top :1px solid #ddd;}
.board-view .content .attach {padding-bottom:20px; 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:15px; line-height:1.5; color:#666;}
.board-view .content p > strong {font-weight:600; color:#000;}
.board-view .content p > span {word-break: normal; display: inline-block;}
.board-view .content p a {display: inline-block; margin: 8px 0;}
.board-view .content p a u {padding: 7px 10px; background-color: #000; color: #fff; border-radius: 5px;}
.board-view .nav {border-top:1px solid #000; border-bottom:1px solid #000; line-height:1.4;} 
.board-view .nav dl {display:flex; align-items:center; padding:15px 6px;; width:100%; border-bottom:1px solid #ddd;}
.board-view .nav dl dt {position:relative; margin-right:15px; padding-right:20px; color:#000; font-weight:600; font-size:15px;}
.board-view .nav dl dd {flex:1; font-weight:400; vertical-align:middle; font-size:15px;}
.board-view .nav dl dt:after {content:''; display:inline-block; position:absolute; top:50%; right:0; width:9px; height:5px; margin-top:-2.5px;}
.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:5px;}
.board-view table th,
.board-view table td {font-size:14px; border:1px solid #ddd; line-height:1.4;}
.board-view table th {padding:6px 10px; font-weight:600; background-color:#e9e9e9; color:#000;}
.board-view table td {padding:8px 10px; text-align:center; color:#666;}

/* 번호 페이징 */
.pagination {padding:30px 0 0; text-align:center; font-size:0;}
.pagination a,
.pagination strong {overflow:hidden; display:inline-block; width:30px; height:30px; font-size:13px; line-height:32px;}
.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:30px; height:30px; border:1px solid #e6e6e6; border-radius:50%; text-indent:-9999px;}
.pagination a.pre_end {display:block;}
.pagination a.pre {margin-right:12px;}
.pagination a.next {margin-left:12px;}
.pagination a.pre:after,
.pagination a.next::after {content:""; display:block; position:absolute; top:50%; left:50%; width:6px; height:6px; border-top:2px solid #acacac; border-left:2px solid #acacac; transform:translate(-40%, -50%) rotate(-45deg);}
.pagination a.next::after {transform:translate(-50%, -50%) rotate(135deg);}

.pagination + .info-notice-box {margin-top:30px;}

/* 신청내역조회 */
.board-list-cs .content {overflow:hidden; display: flex; flex-wrap: wrap; position: relative; width:100%; margin-bottom:20px; background:#fff; border-radius: 7px; border:1px solid #d3d3d3;}
.board-list-cs .content.is-old {padding-bottom:20px;}
.board-list-cs .content:last-child {margin-bottom:0 !important;}
.board-list-cs .content .state-box-01 {width:100%; padding:15px 15px 0 15px;}
.board-list-cs .content .state-box-01 dl {display:flex; width:100%; font-size:15px;}
.board-list-cs .content .state-box-01 dl + dl {margin-top:8px;}
.board-list-cs .content .state-box-01 dl dt *,
.board-list-cs .content .state-box-01 dl dd * {font-size:15px;}
.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:12px;}
.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:16px; 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:25px 0 10px;}
.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:15px; width:100%; height:1px; 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:28px; height:28px; margin:0 auto; line-height:28px; font-size:13px; color:#848ca5; border-radius:50%; background-color:#dfe3ed;}
.board-list-cs .content .state-box-01 .state-process li .text {width:100%; margin-top:6px; font-size:15px; 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:15px 15px 20px;}
.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:8px; text-align: center;}
.board-list-cs .content .state-box-02 .btns .btn_style_line {width:100%; margin-right:8px; 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:8px;}
.board-list-cs .content .info-notice-box {display:block; width:100%; margin-top:0; padding:15px; background-color:#f2f4f6;}
.board-list-cs .content .info-notice-box .info-title {margin-bottom:8px; color:#000; font-weight:600; font-size:14px;}

/* view box */
.view-box {overflow:hidden; position: relative; width:100%; padding:20px; border-radius: 7px; border:1px solid #d3d3d3;}
.view-box + .view-box {margin-top:30px;}
.view-box dl {display: flex;}
.view-box dl + dl {margin-top:16px;}
.view-box dl dt {width:100px; font-weight:500; font-size:15px; color:#898989;}
.view-box dl dd {flex:1; font-weight:600; font-size:15px; color:#000;}
.view-box .inline {display: flex; align-items:center;}
.view-box .inlineb {display: block;}
.view-box .inlineb dt {margin-bottom:6px; width: 100%; max-width: 140px;} 



/****************************************
# output 내용
****************************************/
.put-content {overflow-y:auto; position:relative; height:100%;}
.put-content p {font-size:15px; 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:30px 0 8px; font-weight:600; font-size:18px;}
.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:12px; font-weight:400; font-size:15px; color:#666; line-height:1.5; word-break:break-all;}
.put-content ul > li::before {content:""; position:absolute; left:0; top:9px; width:3px; height:3px; background:#898989; border-radius: 50%;}
.put-content ul > li + li {margin-top:6px}
.put-content ul ul > li {margin-top:6px; padding-left:12px;}
.put-content ul ul > li::before {content:""; position:absolute; left:0; top:8px; width:6px; height:1px; background:#898989;}
.put-content table {width:100% !important; margin-top:6px;}
.put-content table th,
.put-content table td {font-size:14px; border:1px solid #ddd; line-height:1.4;}
.put-content table th {padding:6px 10px; font-weight:600; background-color:#e9e9e9; color:#000; text-align:center;}
.put-content table td {padding:6px 10px; text-align:center; color:#666; background: #fff;}
.put-content a {display:inline-block; height:34px; line-height:34px; padding:0 10px; font-weight:400; border:1px solid #494949; border-radius: 3px;}
.put-content * + *  {margin-top: 6px;} 


/****************************************
# 모달
****************************************/
.modal-popup {display:none; z-index:110; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; padding:0 20px; 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:860px; min-height:auto; max-height:85vh; margin:0 auto; border-radius:12px; background-color:#fff; transform:translateY(-50%); overflow: hidden;}
.modal-popup .modal-top {display:flex; align-items:center; position:relative; padding:24px 20px;}
.modal-popup .modal-top .title {font-weight:700; font-size:20px;}
.modal-popup .modal-top .close,
.modal-popup .modal-close .close {z-index:1; position:relative; display:inline-block; margin-left:auto; font-size:0; width:14px; height:14px; text-indent:-9999px; background:url('../images/btn/btn_pop_close.png') no-repeat center center;}
.modal-popup .modal-close {}
.modal-popup .modal-close + .modal-content {padding-top: 24px;}
.modal-popup .modal-close .close {z-index: 2; position: absolute; top: 18px; right: 20px; width: 32px; height: 32px; background-size: 14px;}
.modal-popup .modal-content {overflow-y:auto; position:relative; height:100%; padding:0 20px;}
.modal-popup .modal-content.no-padding {padding: 0;}
.modal-popup .modal-content img {width: 100%;}
.modal-popup .modal-content .content-box {margin-bottom:20px;}
.modal-popup .modal-content .content-box .inform-text {font-weight:500; font-size:16px; line-height:1.4;}
.modal-popup .modal-content .content-box .inform-text.last {margin-top:15px; color:#666;}
.modal-popup .modal-content:last-child {padding-bottom:20px;}
.modal-popup .modal-content .content {position:relative;}
.modal-popup .modal-content .content p {font-size:15px; font-weight: 400; line-height:1.4; color: #666;}
.modal-popup .modal-content .content + .content {margin-top:40px;}
.modal-popup .modal-content .content .cont-title {margin-bottom:8px; font-weight:500; font-size:16px;}
.modal-popup .modal-content .content ul {width:100%}
.modal-popup .modal-content .content ul li {position:relative; padding-left:12px; font-weight:400; font-size:14px; color:#666; line-height:1.4; word-break:break-all;}
.modal-popup .modal-content .content ul li + li {margin-top:8px}
.modal-popup .modal-content .content ul li > ul {margin-top:4px}
.modal-popup .modal-content .content .num-list {counter-reset: num 0;}
.modal-popup .modal-content .content .num-list > li {padding-left:24px;}
.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:12px !important;}
.modal-popup .modal-content .content .desc-list li::before {content:""; position:absolute; left:0; top:8px; width:6px; height:1px; background:#666;}
.modal-popup .modal-content .alert-content {padding-bottom:10px; line-height:1.6;}
.modal-popup .modal-content .alert-content .query {font-weight:600; font-size:17px; color: #000;}
.modal-popup .modal-content .alert-content .query-select {font-weight:700; font-size:17px; color: #000;}
.modal-popup .modal-content .alert-content .query-desc {font-weight:400; font-size:15px; color: #666; margin-top: 6px;}
.modal-popup .modal-content .alert-content .divide-top {margin-top: 20px; padding-top: 20px; color: #494949; font-weight: 400; border-top: 1px solid #eee;}
.modal-popup .modal-content .alert-content .divide-cont {margin-top: 10px;}
.modal-popup .modal-content .alert-content .icon-wifi {width:50px; margin:0 auto 20px;}
.modal-popup .modal-content .content table th,
.modal-popup .modal-content .content table td {font-size: 14px;}
.modal-popup .modal-content .content table td {font-weight:400; color:#666;}
.modal-popup .modal-content .content table + ul {margin-top:4px;}
.modal-popup .modal-content .content .scroll-table {width:100%; overflow:auto;}
.modal-popup .modal-content .content .scroll-table table {width:620px !important;}
.modal-popup .modal-content .content .scroll-table p {margin-top:4px; font-weight:400; font-size:14px; color:#666; line-height:1.4;}
.modal-popup .modal-content .content .scroll-table + ul {margin-top:8px}

/* 자주하는 질문 */
.modal-popup .faq-list {border:1px solid #e2e2e2; border-bottom:0; border-radius: 10px; overflow: hidden;}
.modal-popup .faq-list > li {padding-left: 0 !important; border-bottom:1px solid #e2e2e2; cursor:pointer;}
.modal-popup .faq-list > li::before {display: none;}
.modal-popup .faq-list > li .question {display:flex; align-items:center; position:relative; height: auto; padding:15px 16px; border: 0;}
.modal-popup .faq-list > li .question::after {content:''; display:block; position:absolute; right:16px; top:50%; width:6px; height:6px; margin-top:-6px; border-bottom:2px solid #e2e2e2; border-right:2px solid #e2e2e2; transform:translateY(-50%) rotate(45deg);}
.modal-popup .faq-list > li .question .title {width:100%; font-weight:600; font-size:15px; color:#000; line-height:1.5; word-break:keep-all;}
.modal-popup .faq-list > li .answer {display:none; position:relative; padding:20px; background:#f6f6f6}
.modal-popup .faq-list > li .answer p {font-weight:500; line-height: 1.5;}
.modal-popup .faq-list > li .answer p + p {margin-top:20px;}
.modal-popup .faq-list > li .answer p > .sub {display:block; font-weight:600; color:#000;}
.modal-popup .faq-list > li.on .question::after {border-color:#000; transform:translateY(50%) rotate(-135deg);}

.modal-popup .modal-bottom {}
.modal-popup .modal-button {display:flex; box-sizing:border-box; padding:20px;}
.modal-popup .modal-button > :not(:first-child) {margin-left:6px;}
.modal-popup .modal-button > :not(:last-child) {margin-right:6px;}
.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:6px;}

.modal-popup .put-content {padding-bottom: 20px;}
.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:20px 0 8px; font-weight:500; font-size:16px;}

/* 모바일 하단 고정 (PC일반팝업) */
.modal-popup.fixed-mo-bottom {top:inherit; padding: 0;}
.modal-popup.fixed-mo-bottom .modal-inbox  {position: absolute; top: initial; left: 50%; bottom: 0; transform: translateX(-50%); background: #fff; border-radius: 10px 10px 0 0; padding: 0;}
.modal-popup.fixed-mo-bottom .modal-content {overflow-y: visible;}

/* 모바일 전체 화면 (PC일반팝업) */
.modal-popup.full-mo-popup {padding: 0;}
.modal-popup.full-mo-popup .modal-inbox {top: inherit; max-height: 100%; height: 100%; transform:inherit; border-radius: 0;}


/* 모달 사이즈 */
.modal-popup.modal-wid-320 .modal-inbox {max-width:320px;}
.modal-popup.modal-wid-340 .modal-inbox {max-width:340px;}
.modal-popup.modal-wid-380 .modal-inbox {max-width:380px;}
.modal-popup.modal-wid-420 .modal-inbox {max-width:420px;}
.modal-popup.modal-wid-440 .modal-inbox {max-width:440px;}
.modal-popup.modal-wid-480 .modal-inbox {max-width:480px;}
.modal-popup.modal-wid-520 .modal-inbox {max-width:520px;}
.modal-popup.modal-wid-540 .modal-inbox {max-width:540px;}
.modal-popup.modal-wid-580 .modal-inbox {max-width:580px;}
.modal-popup.modal-wid-620 .modal-inbox {max-width:620px;}
.modal-popup.modal-wid-640 .modal-inbox {max-width:640px;}
.modal-popup.modal-wid-680 .modal-inbox {max-width:680px;}
.modal-popup.modal-wid-720 .modal-inbox {max-width:720px;}
.modal-popup.modal-wid-740 .modal-inbox {max-width:740px;}
.modal-popup.modal-wid-780 .modal-inbox {max-width:780px;}
.modal-popup.modal-wid-820 .modal-inbox {max-width:820px;}
.modal-popup.modal-wid-840 .modal-inbox {max-width:840px;}
.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: 20px;}
.modal-popup .track-area .track-title {margin-bottom: 20px;}
.modal-popup .track-area .track-title .title {font-size: 18px; font-weight: 600;}
.modal-popup .track-area .track-title .desc {font-size: 15px; font-weight: 400; margin-top: 4px; color: #494949;}
.modal-popup .track-area .img-list {display: flex;}
.modal-popup .track-area .img-list li {text-align: center; width: 100%;  padding:20px; border:1px solid #ddd; border-radius: 12px;}
.modal-popup .track-area .img-list li + li {margin-left: 20px;}
.modal-popup .track-area .img-list li .number {display: inline-block; margin-bottom: 6px; width: 18px; height: 18px; font-weight: 300; font-size: 13px; text-align: center; line-height: 18px; background-color: #000; color: #fff; border-radius: 50%;}
.modal-popup .track-area .img-list li .content {margin-bottom:12px; font-size: 15px;}
.modal-popup .track-area .img-list li > img {max-width: 230px; border-radius: 12px; box-sizing: border-box;}


/* 신청내역조회 상세내역 팝업 */
#prodDetail .modal-content {padding-bottom:20px;}
#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:8px;}
.modal-popup .auth-step .step-list li .img {width:56px; height:56px; 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:32px;}
.modal-popup .auth-step .step-list li .txt {width:100%; margin-left:16px; text-align:left;}
.modal-popup .auth-step .step-list li .txt span {display: block; margin-bottom:2px; font-size:0.85em; color:#f1516c; font-weight: normal;}
.modal-popup .auth-step .step-box {background:#F6F4F4; padding:20px; margin-top:20px;}  
.modal-popup .auth-step .step-box p {word-break: break-word;}


@media (min-width: 674px) {
	/* 신청내역조회 */
	.board-list-cs .content.is-old {padding-bottom:25px;}
	.board-list-cs .content .state-box-01 {padding:20px 24px 0 24px;}
	.board-list-cs .content .state-box-01 dl {font-size:16px;}
	.board-list-cs .content .state-box-01 dl + dl {margin-top:8px;}
	.board-list-cs .content .state-box-01 dl dt *,
	.board-list-cs .content .state-box-01 dl dd * {font-size:16px;}
	.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:15px;}
	.board-list-cs .content .state-box-01 .state-process li .order {width:32px; height:32px; line-height:32px; font-size:16px;}
	.board-list-cs .content .state-box-01 .state-process li .text {margin-top:12px; font-size:18px;}
	.board-list-cs .content .state-box-02 {padding:15px 24px 25px;}
	.board-list-cs .content .state-box-02 .btns .btn_style,
	.board-list-cs .content .state-box-02 .btns .btn_style_line {margin-right:6px; padding:12px 15px;}
	.board-list-cs .content .state-box-02 .btn_detail_pop {padding:12px 15px;}
	.board-list-cs .content .state-box-02 .btns .btn_style {margin-right:8px;}
	.board-list-cs .content .state-box-02 > .btns + .btn_detail_pop {margin-top:8px;}
	.board-list-cs .content .info-notice-box {padding:20px 24px;}
	.board-list-cs .content .info-notice-box .info-title {margin-bottom:10px; font-size:15px;}
	.board-list-cs .content .info-notice-box .info-content li {font-size:15px;}

	/* view box */
	.view-box {padding:50px 60px;}
	.view-box + .view-box {margin-top:30px;}
	.view-box dl + dl {margin-top:20px;}
	.view-box dl dt {width:140px; font-size:17px;}
	.view-box dl dd {font-size:17px;}
	.view-box .inline,
	.view-box .inlineb {display: flex; align-items:center;}
	.view-box .inlineb dt {margin-bottom:6px;}
}

	
@media (min-width: 768px) {
	/****************************************
	# output 내용
	****************************************/
	.put-content p {font-size:16px;}
	.put-content h1,
	.put-content h2,
	.put-content h3,
	.put-content h4,
	.put-content h5 {margin:40px 0 12px; font-size:20px;}
	.put-content ul > li {font-size:16px;}
	.put-content ul > li + li {margin-top:8px}
	.put-content ul ul > li {margin-top:8px;}
	.put-content ul ul > li::before {top:10px; width:8px;}
	.put-content table th,
	.put-content table td {font-size:15px;}
	.put-content table th {padding:8px 15px;}
	.put-content table td {padding:10px 15px;}
	.put-content a {padding:0 15px;}
	.put-content * + *  {margin-top: 8px;} 


    /****************************************
	# 모달
	****************************************/
	.modal-popup {width:100%; padding:0;}
	.modal-popup .modal-top {position:relative; padding:32px 40px;}
	.modal-popup .modal-top .title {font-size:20px;}
	.modal-popup .modal-content {position:relative; padding:0 40px;}
	.modal-popup .modal-content .content-box .inform-text {font-size:18px;}
	.modal-popup .modal-content:last-child {padding-bottom:40px;}
	.modal-popup .modal-content .popup-content .popup_body {padding:30px 40px;}
	.modal-popup .modal-content .content + .content {margin-top:40px;}
	.modal-popup .modal-content .content .cont-title {font-size:18px;}
	.modal-popup .modal-content .content ul li {font-size:16px;}
	.modal-popup .modal-content .content ul li + li {margin-top:8px}
	.modal-popup .modal-content .content .num-list li {padding-left:26px;}
	.modal-popup .modal-content .content .desc-list li {padding-left:12px !important;}
	.modal-popup .modal-content .content .desc-list li::before {top:10px;}
	.modal-popup .modal-content .content .scroll-table table {width:100% !important;}
	.modal-popup .modal-content .alert-content .query-desc {font-size:16px; }
	.modal-popup .modal-content .alert-content .icon-wifi {width:68px;}

	.modal-popup .modal-button {box-sizing:border-box; padding:20px 40px 30px;}
	.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:6px;}
	.modal-popup .modal-button.full_button > :not(:last-child) {margin-right:6px;}

	.modal-popup .modal-content .content ul li + li {margin-top:8px}
	.modal-popup .modal-content .content ul li > ul {margin-top:4px}

	.modal-popup .put-content {padding-bottom: 40px;}
	.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:30px 0 12px; font-size:18px;}

	.modal-popup .track-radio {margin-bottom: 30px;}
	.modal-popup .track-area .track-title {margin-bottom: 30px;}
	.modal-popup .track-area .track-title .title {font-size: 20px;}
	.modal-popup .track-area .track-title .desc {font-size: 16px; margin-top: 8px;}
	.modal-popup .track-area .img-list li .number {margin-bottom: 12px; width: 20px; height: 20px; font-size: 15px; line-height: 20px;}
	.modal-popup .track-area .img-list li .content {margin-bottom:16px; font-size: 16px;}

	/* 모바일 하단 고정(PC레이어팝업) */
	.modal-popup.fixed-mo-bottom {top: 50%; padding: 0 20px; transform: translateY(-50%);}
	.modal-popup.fixed-mo-bottom .modal-inbox {max-width:580px; position: relative; top: 50%; left:inherit; bottom: 0; transform: translateY(-50%); border-radius: 10px;}
	.modal-popup.fixed-mo-bottom .modal-content {overflow-y: visible;}

	/* 모바일 전체 화면 (PC일반팝업) */
	.modal-popup.full-mo-popup {padding: 0;}
	.modal-popup.full-mo-popup .modal-inbox {max-width:720px; max-height: 85vh; top: 50%; transform: translateY(-50%); border-radius: 10px;}


	/* SNS 공유 */
	#shareLayer .share-list {padding:0 40px;}
	#shareLayer .share-list li span {font-size:18px;}
	#shareLayer .share-list li span::before {width:68px; height:68px;}
	
	/* form */
	.form-item .form-title {margin-bottom:15px; font-size:18px;}
	
	.phone-field {margin:0 -8px;}
	.phone-field div {width:33.33%; padding:0 8px;}
    
    .cs_title .cs_txt h2{margin-bottom: 25px;}
    .cs_title .cs_txt h3{margin-bottom: 20px;}
    
    /* 신청내역조회 상세내역 팝업 */
	#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:20px; height:20px; 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:76px; height:76px; margin:0 auto 10px;}
	.modal-popup .auth-step .step-list li .img img {width:36px;}
	.modal-popup .auth-step .step-list li .txt {margin-left:0; text-align:center; font-size:17px;}
	.modal-popup .auth-step .step-list li .txt span {margin-bottom:4px;}
		
	
}

@media (min-width: 940px) {
	/****************************************
	# common
	****************************************/

	.con_inner.pc_w820{padding:0}
	
	/* 로그인/회원 */
	.member_wrap .login_set .find_area button {font-size:16px;}
	
	
	/* 요금제상세 > 제휴 header */
	.event-header {padding:20px 16px;}
	.event-header .title > p {font-size:20px;}
	.event-header .title .back {position:relative; width:14px; height:14px; margin-right: 12px;}
		
	/* table */
	.table-view-type01 .title {font-size:21px;}
	.table-view-type01 table {width:auto;}
	.table-view-type01 table th,
	.table-view-type01 table td {font-size:15px;}
	.table-view-type01 table th {padding:6px 10px;}
	.table-view-type01 table td {padding:8px 10px;}
	.table-view-type01 .refer {font-size:16px;}
	
	/* 유의사항 */
	.info-notice-box.bg {padding:30px;}
	.info-notice-box.bg .info-content li {color:#848ca5;}
	.info-notice-box .info-title {margin-bottom:16px; font-size:18px;}
	.info-notice-box .info-sub-title {margin-top:30px; margin-bottom:12px; font-size:16px;}
	.info-notice-box .info-content li {padding-left:12px; font-size:16px;}
	.info-notice-box .info-content li > ul {margin-top:4px}
	.info-notice-box .info-content.num-list li {padding-left:25px;}
	.info-notice-box .info-content.desc-list > li {padding-left:15px !important;}
	.info-notice-box .info-content.desc-list > li::before {top:10px; width:8px;}
	.info-notice-box .info-content.dot-list > li {padding-left:15px !important;}
	.info-notice-box .info-content.dot-list > li::before {width:4px; height:4px;}
	.info-notice-box .info-big-title {margin:10px 0 40px; font-size: 20px;}

	
	.check-box .check-list li {font-size:17px;}
	.check-box .check-question {font-size:17px;}
	.check-box .check-question dt {font-size:16px;}
		
	
	/* 비디오 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:16px;}
    .board-list li .number {width:120px;}
    .board-list li .title {flex:1; width:100%;}
    .board-list li .date {width:260px !important;}
    .board-list li .winner-date {width:160px  !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:4px 10px; font-size:15px;}
    .board-list .content .title {flex:1; width:220px; text-align:left; font-size:16px;}
    .board-list .content .date,
    .board-list .content .winner-date {margin-top:0; font-size:16px;}
    .board-list .content .event-date::before,
    .board-list .content .winner-date::before {display:none; content:"";}

	/* 상세보기 */
    .board-view .top {display:flex; padding-bottom:20px;}
    .board-view .top .title {flex:1; width:100%; font-size:20px;}
    .board-view .top .date {width:auto; margin-top:6px; font-size:16px;}
    .board-view .content {padding:40px 0;}
    .board-view .content p {font-size:16px;}
    .board-view .nav dl {padding:25px 12px;}
    .board-view .nav dl dt {margin-right:25px; padding-right:30px; font-size:16px;}
    .board-view .nav dl dd {font-size:16px;}
    .board-view table {width:auto !important;}
	.board-view table th,
	.board-view table td {font-size:15px;}
	.board-view table th {padding:6px 10px;}
	.board-view table td {padding:8px 10px;}
        
    /* 번호 페이징 */
    .pagination {padding:50px 0 0;}
    .pagination a,
    .pagination strong {width:32px; height:32px; font-size:16px; line-height:34px;}
    .pagination a.pre_end,
    .pagination a.pre,
    .pagination a.next,
    .pagination a.next_end {width:32px; height:32px;}
    .pagination a.pre {margin-right:16px;}
    .pagination a.next {margin-left:16px;}
    .pagination a.pre:after,
    .pagination a.next::after {content:""; display:block; position:absolute; top:50%; left:50%; width:6px; height:6px; border-top:2px solid #acacac; border-left:2px solid #acacac; transform:translate(-40%, -50%) rotate(-45deg);}
    .pagination a.next::after {transform:translate(-50%, -50%) rotate(135deg);}
    
    .pagination + .info-notice-box {margin-top:50px;}
    
    /* 신청내역조회 */
	.board-list-cs {border-top:0;}
	.board-list-cs > li {padding:0;}
	.board-list-cs .content {display:flex; padding:30px 40px;}
	.board-list-cs .content.is-old {padding-bottom:30px;}
	.board-list-cs .content .state-box-01 {flex:1; padding:0;}
	.board-list-cs .content .state-box-01 dl + dl {margin-top:10px;}
	.board-list-cs .content .state-box-01 dl dt,
	.board-list-cs .content .state-box-01 dl dd {font-size:16px;}
	.board-list-cs .content .state-box-01 .req-no {margin-bottom:16px;}
	.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:18px;}
	.board-list-cs .content .state-box-01 .state-process li .order {width:36px; height:36px; line-height:36px;}
	.board-list-cs .content .state-box-01 .state-process li .text {margin-top:12px;}
	.board-list-cs .content .state-box-02 {width:auto; margin-top:30px; 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:180px; 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:8px;}
	.board-list-cs .content .state-box-02 .btn_detail_pop {display:block; width:180px; margin-top:8px; margin-left:auto; margin-left:100px;}
	.board-list-cs .content .info-notice-box {margin-top:20px; padding:20px 24px;}
	.board-list-cs .content .info-notice-box .info-title {margin-bottom:10px; font-size:15px;}
	.board-list-cs .content .info-notice-box .info-content li {font-size:15px;}
}

@media (min-width: 550px) {
    .con_inner{margin: 50px auto 80px;}
    .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:26px;}
    .cs_title .cs_txt h3{font-size:21px;}
    .cs_title .cs_txt p{font-size:18px; margin-top:12px;}
    .cs_title .cs_txt .txt_link{font-size:14px; font-weight: 400;}
    .cs_title .cs_txt .txt_link span{padding:0;}

    .sub_title{font-size:18px;}
    .sub_title .sub_txt{font-size:14px;}

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

    /*버튼*/
    .btn_style,
	.btn_style_line{font-size:17px;}
	.btn_auto {padding:0 30px !important }
	.btn_group .comment-text {margin: 16px 0 20px; font-size: 17px;}

	.prdc-btns .btn-def {padding: 0 20px; height: 36px; font-size: 15px;}
	.prdc-btns .btn-join {min-width: 120px;}

		

    /*온라인상담 팝업*/
    .online_cs_popup_fixed .popup_inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width:480px; border-radius: 20px; bottom: inherit}
	.online_cs_popup .popup_inner{padding: 40px;}
	.online_cs_popup .popup_inner .pi_head h2{font-size: 20px; font-weight: 700}
	.online_cs_popup .popup_inner .pi_body{padding-top: 30px;}
	.online_cs_popup .popup_inner .pi_body h3{font-size: 18px; font-weight: 600;}
	.text_list{margin-top:20px;}

    /*라디오탭*/
	.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: 15px;}
    .radio_tab_box.type3 input[type="checkbox"].radio_check + label{padding:7px 15px; font-size:15px;}
	.radio_tab_box.type4 input[type="radio"].radio_style + label{font-size:17px; padding: 20px;}

	.radio_tab_box.typeDef.nowrap {flex-wrap:nowrap;}
	.radio_tab_box.typeDef li input[type="radio"].radio_style + label {padding: 15px 10px; font-size:16px;}


	.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:10px 20px;}
	.radio_tab_box.typeIcon li .title {font-size:16px;}
	.radio_tab_box.typeIcon li .icon {width:52px; height: 52px;}
	.radio_tab_box.typeIcon li .icon_phone {background-size:32px auto;}
	.radio_tab_box.typeIcon li .icon_card {background-size:32px auto;}
	.radio_tab_box.typeIcon li .icon_kakaopay {background-size:50px auto;}



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

    /*달력*/
    .datepicker_box span{padding: 0 10px;}

    /*접수완료페이지*/
    .cs_finish_box h2{font-size: 22px;}
    .cs_finish_box .finish_txt li{font-size:16px;}
    .cs_finish_box .finish_txt2{font-size:16px;}
    .cs_finish_box .info_box{padding: 30px;}
    .cs_finish_box .info_box p{font-size:16px;}
    .cs_finish_box .info_box strong{font-size: 17px;}
    
    .completion_box .top_box {}
	.completion_box .top_box .emoji {font-size:42px;}
	.completion_box .top_box .title {font-size:26px;}
	.completion_box .top_box .title_desc {font-size:18px;}
		

	/* lgu+ 지금배송 */
	.list_style{padding:25px;}
	.list_style > li{font-size: 16px; margin-bottom: 15px;}

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



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

	/* layout */
	.container-inner {margin: 40px auto 80px; padding:0;}
	.container-inner > h3,
	.container-inner .content-title > h3  {padding-bottom: 24px; font-size:28px;}
	.container-inner.wide-full > h3 {padding: 0 0 26px;}
}

@media (max-width: 350px) {
	.con_inner{padding:0 15px;}

	.sub_title .title_check{float: inherit; display: block; margin-top: 5px;}
	.agree_info{padding: 10px;}

	/*라디오탭*/
	.radio_tab_box{flex-wrap: wrap;}
	.radio_tab_box.type2 li{margin:0 0 5px 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: 10px}
}





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

/****************************************
# style
****************************************/
.height36 {height:36px !important;}
.height40 {height:40px !important;}
.height46 {height:46px !important;}

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


/****************************************
# icon
****************************************/
.icon-text-def {z-index: 2; position: relative; display: inline-block; padding-left: 30px; 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: 16px; font-weight: 400; color: #666;}
.icon-text-refresh::before {width: 24px; height: 24px; 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:30px 0; border:1px solid #F0F0F0;}
.line-top {width:100%; border-top:1px solid #F0F0F0;}
.line-top.mar-t20 {margin-top:20px;}
.line-top.mar-t40 {margin-top:40px;}
.line-top.mar-b20 {margin-bottom:20px;}
.line-top.mar-b40 {margin-bottom:40px;}

/* layout */
.comm_wrap {position:relative;}
.comm_wrap .content-title {margin:10px 0 20px;}
.comm_wrap .content-title .title {font-size:20px; font-weight:600;}
.comm_wrap .content-title .desc {margin-top:8px; font-size:16px; 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: 30px; font-size:16px; font-weight:400; line-height: 1.5;}
.comm_wrap .medium-title {margin:40px 0 20px; font-size:18px; 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: 40px;}

/* 라디오박스 */
.radio-group {display: flex;}
.radio-group input[type="radio"].radio-btn + label {position: relative; width: 100%; height: 46px; line-height: 46px; margin:0 12px 0 0; padding: 0; font-weight: 600; font-size: 15px; text-align: center; color:#666; background:none; border: 1px solid #ddd; border-radius: 6px; 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:-4px;}
.radio-group li {width: 100%; padding: 4px;}


/* new 셀렉트박스 */
.selectbox-custom {position:relative; width:100%;}
.selectbox-custom .selectbox-btn {position: relative; display:flex; align-items:center; width:100%; height:48px; padding:8px 35px 8px 15px; background-color:#fff; border:1px solid #ddd; border-radius:5px;}
.selectbox-custom .selectbox-btn.no-line {border:0}
.selectbox-custom .selectbox-btn::after {content:""; display:block; position:absolute; right:15px; top:46%; width:5px; height:5px; border-bottom:2px solid #000; border-left:2px solid #000; transform:translateY(-50%) rotate(-45deg);}
.selectbox-custom .selectbox-btn > span {position:relative; display:inline-block; width:100%; font-size:16px;}
.selectbox-custom .selectbox-scroll {display:none; visibility:hidden; z-index:1; position:absolute; left:-2px; width:calc(100% + 4px); max-height:240px; border:1px solid #ddd; background:#fff;}
.selectbox-custom .selectbox-scroll ul li {display:block; padding:8px 15px; font-size:16px; color: #666; border-radius:6px; 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; font-weight: 600;}
.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:2px; visibility:visible; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:6px;}
.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:40px;}
.selectbox-small .selectbox-btn > span,
.selectbox-small .selectbox-scroll ul li {font-size: 15px;}

.selectbox-sort .selectbox-btn {height: auto; padding: 0 15px 0 0; color: #494949;}
.selectbox-sort .selectbox-btn::after {top: 46%; right: 0; border-width: 1px;}
.selectbox-sort .selectbox-btn > span {font-size: 14px;}
.selectbox-sort .selectbox-scroll {top: 15px; left: inherit; right: 0; width: 120px;}
.selectbox-sort.active .selectbox-scroll {margin-top: 20%;}
.selectbox-sort .selectbox-scroll ul li {font-size: 14px;}


/* switch 버튼 */
.switch-button {position: relative; display: inline-block; width: 42px; height: 24px;}
.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:20px; background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}
.onoff-switch:before {position: absolute; content: ""; height: 18px; width: 18px;  left: 3px; bottom: 3px; 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(18px); -webkit-transform: translateX(18px); -ms-transform: translateX(18px);}


/* 결과 메세지 */
.result_box {margin-top: 40px; text-align:center; color:#494949; line-height:1.5;}
.result_box .msg_text {font-size:18px; font-weight:600;}
.result_box .msg_text_pop {font-size:14px; font-weight:400;}
.result_box .desc_text {font-size:16px; font-weight:400; margin-top:10px; color:#666;}
.result_box .point_text {margin-top:40px; font-size:16px; font-weight:400; margin-top:10px; color:#F1516C;}
.result_box.bg_icon {position:relative; padding-top:85px;}
.result_box.bg_icon::before {content:""; display:block; position:absolute; left:50%; top:0; width:72px; height:72px; 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:60px;}
.result_box.bg_icon.small::before {width:58px; height:58px;}

.search_wrap {padding:40px 0 !important;}
.search-box {margin-top: 40px; padding: 40px 20px; border-radius: 12px; background-color: #F6F6F6;}
.search-box .no-search {width:58px; height: 58px; margin: 0 auto 10px;}
.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:8px; color:#e6141b;}
.point_msg {margin-top:8px; color:#f1516c; font-size:15px;}
.basic_msg {margin-top:8px; color:#666; font-size:15px; font-weight:400;}
.basic_msg ul li {margin-top:2px;}
.validation.fail,
.validation.succ,
.validation.pointmark  {margin-bottom:16px; font-weight:400; font-size:15px;}
.validation.fail::before,
.validation.succ::before {content:""; display:inline-block; width:14px; height:11px; margin-right:6px;}
.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: 18px; height: 18px; margin-right: 6px; line-height: 18px;  text-align: center; border-radius: 50%; background-color: #889BB2; color: #fff;}
.validation.refermark {color:#898989;}
.validation.refermark::before {content: "※"; display: inline-block; margin-right: 6px; text-align: center; font-size:18px;}

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

.filter-list {position:relative; width:100%; font-size:0;}
.filter-list .item {width:auto; margin-right:6px;}
.filter-list .item a {display:block; margin: 0 auto; text-align: center;}
.filter-list .item a > span {display:flex; align-items: center; height:34px; line-height:34px; padding:0 15px; text-align:center; font-size:15px; font-weight:400; color:#666; border:1px solid #ddd; border-radius:25px; box-sizing:border-box;}
.filter-list .item.active a  > span {font-weight:500; color:#ed5d6f; background-color:#ffe2e5; border:1px solid #ed5d6f;}

.filter-btn {z-index:99; position:absolute; right: 0; top: 0;}
.filter-btn .gradient-layer {width:34px; height:34px;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:34px; height:34px; border:1px solid #bcbcbc; border-radius:50%;}
.filter-btn .btn-toggle::after {content:""; position:absolute; top:0%; left:50%; width:8px; height:8px; border:1px solid; border-width:2px 0 0 2px; 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 30px;}
.filter-menu .filter-list {display:flex; flex-wrap:wrap; width:100%;}
.filter-menu .filter-list .item {margin-bottom:8px;}

.my-filter-wrap {margin-top: 20px;}

/* 정렬 */
.sort-wrap {display: flex; align-items: center; position:relative; width:100%; margin-bottom: 12px;}
.sort-wrap .count {margin-right: auto; font-size:13px; 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:8px; padding-right:8px;}
.sort-wrap .sort-defulat li::before {content:""; position:absolute; right:0; top:50%; width:1px; height:12px; 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:13px;}
.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: 12px;;}


/****************************************
# tab
****************************************/
.tab-menu { margin-bottom: 40px;}
.tab-menu .tab-list {display: flex; width: 100%;}
.tab-menu .tab-list li {position: relative; width: 100%; height: 56px;}
.tab-menu .tab-list li::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; 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: 4px; 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:15px; margin-right:5px; opacity:0.8; transform: translateY(2px);}
.tab-menu .tab-list li .android_icon{width:55px; margin-right:5px; display: inline-block; vertical-align: middle; opacity:0.8;}

.tab-menu.type01 {margin: 0 -6px;}
.tab-menu.type01::after {content: ""; z-index: 99; display: block; position: relative; width: 100%; height: 1px; background-color: #f0f0f0;}
.tab-menu.type01 .tab-list {padding: 0 20px;}
.tab-menu.type01 .tab-list li {width: auto; height: 50px; padding: 0 6px;}
.tab-menu.type01 .tab-list li::before {display: none;}
.tab-menu.type01 .tab-list li a {font-size: 15px; font-weight: 600; color:#acacac;}
.tab-menu.type01 .tab-list li.active a {color: #000;}
.tab-menu.type01 .tab-list li.active a::before  {z-index: 991; bottom: -1px; height: 2px; background-color: #000;}



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

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

.accept_box {margin-top: 30px;}
.accept_box label {font-size: 15px; color: #666; line-height: 1.6;}

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

.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: 6px;}
.switch-terms .switch-label .btn-ad {cursor: pointer; font-size: 15px; color: #898989;}

.agree-line {margin-top: 20px; padding: 10px; border: 1px solid #ddd; border-radius: 6px;}


/****************************************
# 마이페이지 메인 - 후불/회선가입자
****************************************/
.main-welcome {font-weight: 600; font-size: 20px; margin-bottom: 10px;}
.my-page {margin-top: 20px;}
.my-page .title {font-weight: 700; font-size: 18px; margin-bottom:15px;}
.my-page .desc {font-weight: 400; font-size: 15px; margin: 6px 0 15px;}
.my-page .title + .desc {margin-top: -6px;}
.my-page .btn-redirect {margin-bottom:8px;}
.my-page .btn-redirect .btn_text {display: inline-block; width: auto; margin-left: auto;}

.section {position: relative; background: #fff; border-radius:12px; padding: 25px 30px; margin-top: 20px; border: 1px solid #ddd;}
.section > .title{display: flex; align-items: center; justify-content: space-between; font-size: 18px; font-weight: 600; margin-bottom: 8px; position: relative;}
.section > .title .s_txt{color:#898989; font-weight: 400; font-size: 13px; position: absolute; left: 0; top: 25px; padding-top: 4px;}
.section .btn_box{margin-top: 15px;}
.section > .btn-redirect {position: absolute; right: 20px; top: 20px;}


/* 청구 요금 */
.bill{margin-top:36px; display: flex; justify-content: space-between; align-items: center;}
.bill a{color:#666; font-size: 15px; display: flex; align-items: center;}
.bill a span{margin-left: 10px; display:inline-block;}
.bill p{font-size: 22px; font-weight:700}
.bill p strong{color:#F1516C;}
.bill + .btn_group {margin-top:20px}

/* 이용중인 서비스 */
.service-box,
.service-box .line-box + .line-box {margin-top:30px;}
.service-box .my-service .btns {margin-top: 20px;}
.service-box .my-service .btns button + button {margin-top: 6px;}

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

/* 메인 서브 배너 */
.my-page-banner {position: relative; margin-top: 30px;}
.my-page-banner .title {font-size: 20px;}
.my-page-banner .desc {font-size: 16px;}
.my-page-banner a {padding: 0; border-radius: 12px; overflow: hidden; display: block;}
.my-page-banner a img {width: 100%;}


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

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

/* 충전하기 */
.charge_con {margin-bottom: 30px;}
.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: 12px; box-shadow: -2px 5px 7px rgba(0,0,0,0.09); padding: 20px 25px; border: 1px solid #ddd;}
.charge_con .article + .article{margin-left: 12px;}
.charge_con .article p{font-size: 16px; font-weight: 600; color:#000; word-break: keep-all;}
.charge_con .article img{width:36px;}

/* 가상계좌 */
.my-page.account .title {text-align: left;}
.my-page.account .bank{color:#F1516C; font-size: 18px; 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: 16px; margin-left: 7px; margin-top: 5px;}
.my-page.account .bank p .copy img {width: 100%; height: auto;}
.my-page.account .name {margin-top: 10px; font-size: 15px; color:#898989; text-align: center;}
.my-page.account .pointmark {margin-top: 20px; margin-bottom: 0; text-align: center; border-top: 1px solid #e9eff8; padding-top: 20px;}

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



/****************************************
# 마이페이지
****************************************/
.my_wrap {margin-top: 0; padding:0;}
.my_wrap .content-sect {padding: 0 25px;}
.my_wrap .content-title {margin:30px 0 20px;}

/* 사이드메뉴 - 모바일 */
.m-sidebar {display:block; width:100vw; overflow:hidden;}
.m-sidebar .depth1-swiper.tab-menu {margin-bottom:16px;}
.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 16px;}
.m-sidebar .depth2-swiper {padding:0 25px}
	
	
/* 사이드메뉴 */
.sidebar {width:100%;}
.sidebar .my-box {display:flex; flex-wrap:wrap; margin-top:15px; margin-bottom:30px; padding: 0 25px;}
.sidebar .my-box .title {display:none; width:100%; margin-bottom:10px; font-size:16px;}
.sidebar .my-box .label {display:none; width:100%; margin-bottom:10px; font-size:16px;}
.sidebar .my-box .plan {display:none;}
.sidebar .my-box .selectbox-line {width:100%}
.sidebar .my-box .text_center {display:none; width:110px;}
.sidebar .my-box .btn_style {display:none; height:48px; margin-left:10px; padding:0 10px; font-size:15px;}
.sidebar #myLoginBox,
.sidebar #myLoginBox .text_center,
.sidebar #myLoginBox .btn_style {display:none;}

.sidebar .snb {display:none;}

/* 다회선 */
.line-wrap .line-sub {display:flex; align-items: center; padding:15px 24px; border-radius:16px; background-color:#F1F1F1}
.line-wrap .line-sub + .line-sub {margin-top:12px;} 
.line-wrap .line-sub .info {flex:1; width: 100%; }
.line-wrap .line-sub .info .label span {font-size:14px; font-weight:400; color:#666666;}
.line-wrap .line-sub .info .label .plan {position:relative; padding-left:10px;}
.line-wrap .line-sub .info .label .plan::before {content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ddd;}
.line-wrap .line-sub .info .number {width: 100%; margin-top:6px; font-size:17px; font-weight:700; color:#666666;}
.line-wrap .line-sub.main {background-color:#ffe2e5; border:1px 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:15px; font-weight:300; color:#666666;}
.line-wrap .line-sub .app-date dd {font-size:20px; font-weight:600; color:#000;}
.line-wrap .set-btn {margin-top: 10px;}
.line-wrap .set-btn .btn_style {display: block; min-width: 136px; width: 100%;}
.line-wrap .set-btn .btn_style + .btn_style {margin-top: 5px;}

.use-line-list {flex-wrap: wrap;}
.use-line-list li label {justify-content:flex-start !important; padding: 16px 24px !important;}
.use-line-list li .label {text-align: left; margin-right: auto;}
.use-line-list li .label span {display: block; font-size:15px; font-weight:400; color:#666666;}
.use-line-list li .label .plan {margin-top:8px; font-weight:600; color:#494949;}
.use-line-list li .number {font-size:17px; font-weight:600; color:#494949; text-align: right;}
.use-line-list li input[type="radio"].radio_style + label {border-radius: 16px !important; background-color: #F1F1F1 !important;}
.use-line-list li input[type="radio"].radio_style:checked + label {border: 1px 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:20px; border:1px solid #ddd; border-radius:6px;}
.card-bill dt {margin-bottom: 16px; font-size: 15px;}
.card-bill dd {margin-bottom: 16px; font-size: 15px;}
.card-bill .header {padding:24px 20px; background-color:#F2F3F4;}
.card-bill .header .top-price {text-align: center; margin-bottom: 20px; padding-bottom: 20px;; border-bottom: 1px solid #DDD;}
.card-bill .header .top-price .name {margin-bottom: 0; font-weight: 600; font-size: 18px; color: #F1516C;}
.card-bill .header .top-price .price  {margin:6px 0 0 0; font-weight: 700; font-size: 24px; color: #F1516C;}
.card-bill .header .top-price .date {display: inline-block; width:100%; margin:16px 0 0 0; font-weight: 400; font-size:15px; color:#494949;}
.card-bill .header .top-info {display: flex; flex-wrap: wrap; width: 100%;}
.card-bill .header .top-info dt {width: 40%; margin-bottom: 12px; font-weight: 400; font-size: 15px; color: #666;}
.card-bill .header .top-info dd {width: calc(100% - 40%); margin-bottom: 12px; 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: 16px; text-align: right; font-weight: 600; font-size: 16px; color: #000;}
.card-bill .header .top-info dd button::after {content:""; display:block; position:absolute; right:0; top:50%; width:6px; height:6px; border-top:2px solid #000; border-right:2px solid #000; transform:translateY(-50%) rotate(45deg);}
.card-bill .content {padding:24px 20px;}
.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: 16px; color:#898989;}
.card-bill .content .depth dt::before {content:""; display:block; position:absolute; left:0; top:40%; width:8px; height:8px; border-bottom:1px solid #898989; border-left:1px solid #898989; transform:translateY(-50%);}
.card-bill .content .depth + .bill-list {margin-top:5px; padding-top:16px; border-top:1px solid #ddd;}
.card-bill .content .depth + .depth {margin-top:0; padding-top:0;  border-width:0px;}

/* 실시간 사용량 */
.usage-box {margin-top:40px;}
.usage-box .top-title {font-size: 16px;}
.usage-box .usage-graph {overflow: hidden; width: 100%; height: 8px; margin: 16px 0; background-color: #BDBDC6; border-radius: 16px;}
.usage-box .usage-graph .graph-inner {display: block; width: 100%; height: 100%; background-color: #F35878; border-radius: 16px;}
.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: 22px;}
.usage-box .usage-amount.bottom > p {color: #666; font-size: 14px;}
.usage-box .usage-amount.bottom > p strong {color: #666; font-size: 17px;}
.usage-box .usage-desc p {position: relative; padding-left: 12px; color: #666; line-height: 1.4; font-weight: 400; font-size: 14px;}
.usage-box .usage-desc p::before {content: ""; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background-color: #898989; border-radius: 50%;}
.usage-box .usage-desc p + p {margin-top: 6px;}

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


/* info box */
.top-title {padding-bottom: 16px; font-weight:500; font-size: 16px;}
.top-title.s-font {font-size: 16px;}
.top-title .desc {display:block; margin-top:6px; font-weight:400; color:#898989; font-size: 14px; word-break: break-word;}

.info-box {display: flex; align-items: center;}
.info-box .info-desc {flex: 1;}
.info-box .info-desc .title {font-weight: 500; font-size: 18px; line-height: 1.5;}
.info-box .info-desc .title strong {font-weight: 700;}
.info-box .info-desc .sub-title {color: #666; font-size: 16px;}
.info-box .info-desc .date {color: #666; font-weight: 400; font-size: 15px;  margin-top:8px;}
.info-box .info-result {margin-left: auto;}
.info-box .info-result .price {font-weight: 700; font-size: 24px; color: #F1516C;}
.info-box + .line-box {margin-top: 16px;}

.line-box {padding:20px; border:1px solid #DDDDDD; border-radius: 12px;}
.line-box.bg-point {background-color:#fff; border-color: #ed5d6f;}
.line-box.border-wid5 {border-width:5px;}
.line-box + .line-box {margin-top: 16px;}
.line-box .btn_group {margin-top: 20px;}
.line-box .badge-title {margin-bottom: 6px; font-weight: 500; font-size: 14px; color: #898989;}
.line-title {display: flex; flex-wrap:wrap; padding-bottom:10px; margin-bottom: 20px; border-bottom: 1px solid #DDDDDD;}
.line-title.noline {padding-bottom: 0; margin-bottom: 20px; border-width: 0;}
.line-title .title {width:100%; font-weight: 600; font-size: 16px;}
.line-title .title-desc {margin-top:3px; font-size:14px; font-weight:400; color:#666;}
.line-title .s-title {font-weight: 500;  font-size: 16px;}
.line-title .price {margin-left: auto; font-weight: 600; font-size: 18px; color: #ED5D6F;}
.line-content {position: relative;}
.line-form .label {font-weight: 500; font-size: 18px;}
.line-form .label-desc {color: #666; font-weight: 400; font-size: 15px; margin-top: 8px;}

.line-box .plan-spec {display: flex; justify-content: center; margin-top: 20px; padding-top:20px; border-top: 1px solid #eee}
.line-box .plan-spec .spec {width: 100%; text-align: center;}
.line-box .plan-spec .spec > p {font-weight: 500; font-size: 16px; color: #494949;}
.line-box .plan-price {text-align: right; margin-top: 40px;}

.full-item {width: 100%;}
.full-item + .col-item  {width: 100%; margin-top: 12px;}
.full-desc {display: flex; align-items: start; flex-wrap: nowrap; width: 100%; margin-bottom:10px; word-break: break-word;}
.full-desc:last-child {margin-bottom: 0;} 
.full-desc dt {font-weight: 500; color:#666; font-size:15px;}
.full-desc dd {margin-left: auto; font-weight: 500; font-size:15px; text-align: right; color: #000;}
.full-desc dd.price {font-weight: 600; font-size: 18px;}
.full-desc + .col-desc {margin-top: 20px;}

.full-item.align-left dt {min-width: 20%;}
.full-item.align-left dd {width: 100%; margin-right:auto; text-align: left;}

.col-item {display:flex; flex-wrap: wrap; width: 100%; margin: -4px -6px;}
.col-item .col-desc {display:flex; padding:4px 6px;}
.col-item .col-desc dt {font-weight: 400; font-size: 14px; color:#898989; margin-right: 12px;}
.col-item .col-desc dd {font-weight: 400; font-size: 14px; text-align: right; color: #000;}

/* info box2 */
.myinfo-box {padding: 20px; border-radius: 12px; border: 1px solid #ddd; text-align: center;}
.myinfo-box.bg {background-color: #f2f4f6; border:0;}
.myinfo-box  .desc-title {font-size:15px; font-weight: 400;}
.myinfo-box  .number {margin-top:12px; font-weight: 800; font-size: 20px;}
.myinfo-box  .number + .btn_text {margin-top: 10px;}

/* 추가 정보 */
.add-box {display:flex; flex-wrap:wrap; margin-top:40px;}
.add-box .add-title {width:100%; padding-bottom:20px; font-weight:600; font-size:18px;}
.add-box .add-item {width:100%; padding:20px; border:1px solid #ddd; border-radius:6px;}
.add-box .add-item + .add-item {margin-top:16px;}
.add-box .add-item .title {font-weight:500;}
.add-box .add-item .title-desc {margin-top:10px; color:#666; font-weight:400;}
.add-box .add-item .btn_style_line {margin-top:20px;}
.add-info {margin-top:10px; padding:20px; background-color:#f6f6f6; border-radius:6px;}
.add-info .title {font-weight:600; font-weight:400;}
.add-info .title-desc {margin-top:6px; font-size:16px; font-weight:400; color:#666;}
.add-info .refermark {margin-top:10px;}

/* 부가서비스 */
.addservice-list {display:flex; flex-wrap:wrap; justify-content: space-between;}
.addservice-list > li {position:relative; width:100%; padding:20px; border-radius:12px; border:1px solid #ddd; transition: all 0.3s;}
.addservice-list > li + li {margin-top:12px;}
.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: 18px; height: 18px; 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:16px; margin-bottom: 20px; font-weight:600; font-size:18px; border-bottom: 1px solid #ddd;}
.addservice-list > li dl dt:after {position: absolute; left: 0; bottom: -1px; width:0; height: 1px; 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:15px; color:#666; line-height:1.47;}
.addservice-list > li .date-join {font-weight: 400; font-size: 15px; margin-top: 8px; color: #000;}
.addservice-list > li .price {font-weight:700; font-size: 18px; color:#f1516c; margin-top:6px; 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: 18px; 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:20px; border-radius:12px; border:1px solid #ddd;}
.mypop-addservice-list > li + li {margin-top:12px;}
.mypop-addservice-list > li .mypop-top dt {display:flex; align-items: center; margin-bottom:6px;}
.mypop-addservice-list > li .mypop-top dt .title {font-weight:600; font-size:18px; border-bottom:0;}
.mypop-addservice-list > li .mypop-top dd {font-weight:400; font-size:15px; color:#666; line-height:1.47;}
.mypop-addservice-list > li .mypop-top dd .price {font-weight:700; color:#f1516c; margin-top:8px; text-align:right;}
.mypop-addservice-list > li .mypop-top dd .price-remark {font-size:13px; font-weight:400; text-align:right;} 
.mypop-addservice-list > li .mypop-top dd .btn_group {width: auto; display:flex; justify-content: center; margin-top:15px;}
.mypop-addservice-list > li .mypop-content {margin-top:20px; padding-top:20px; background-color:#f6f6f6; border-radius:10px;}
.mypop-addservice-list > li .mypop-content .head-title {margin-bottom:0; font-size:16px;}
.mypop-addservice-list > li .put-content {display:none; height:auto; padding:20px 20px;}
.mypop-addservice-list > li .put-content .content + .content {margin-top:30px} 

/* 번호 변경 */
.put-number {margin-top: 30px;}
.put-number .text-msg {margin-bottom: 12px; font-weight: 400; font-size: 16px; color: #000;}
.put-number .number-list {display: flex; flex-wrap: wrap; margin:-4px;}
.put-number .number-list li {width: 100%; padding: 4px;}

/* 요금제 변경 */
.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:8px; font-size:15px;}
.my-plan-list .plan-list .spec-box {display: flex; width: 100%;}
.my-plan-list .plan-list .spec-box > div {margin-right: 30px}
.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: 16px;}
.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: 13px; font-weight: 400; padding:8px 10px; background-color: #f6f6f6; border-radius: 6px}
.my-plan-list .addition-info li {position: relative; padding-left: 12px; font-weight: 400; color: #666;}
.my-plan-list .addition-info li::before {content:""; position:absolute; left:0; top:7px; width:3px; height:3px; background:#898989; border-radius: 50%;}
.my-plan-list .addition-info li + li {margin-top: 4px;}
.my-plan-list .bottom-box {display: flex; align-items: center; width: 100%; margin-top:10px;}
.my-plan-list .bottom-box .current-price {flex: 1; font-weight: 600; font-size: 20px; color: #d92d50;}
.my-plan-list .bottom-box .current-price .text {font-size: 18px;}


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

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

@media (max-width: 398px) {
	.prdc-list .prdc-item .cont .info .name {margin-top: 5px;}
}

@media (min-width: 674px) {
	/****************************************
	# 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%}

	.tab-menu.type01 {margin: 0 -10px;}
	.tab-menu.type01 .tab-list {padding: 0 40px;}
	.tab-menu.type01 .tab-list li {padding: 0 10px;}
	.tab-menu.type01 .tab-list li a {font-size: 16px;}



	/****************************************
	# 마이페이지 메인 - 후불/회선가입자
	****************************************/
	.main-welcome {font-size: 24px; margin-bottom: 20px;}
	.my-page {margin-top: 30px;}
	.my-page .title {display: inline-block; font-size: 20px; margin-bottom:20px;}
	.my-page .desc {display: inline-block; font-size: 16px; margin: 6px 0 20px; padding-left: 20px;}
	.my-page .title + .desc {margin-top: -12px;}

	.section {padding:30px; margin-top: 30px; }
	.section > .title{font-size: 20px; margin-bottom: 16px; }
	.section > .title .s_txt{font-weight: 400; font-size: 15px; position: absolute; left: 0; top: 25px; padding-top:12px;}
	.section .btn_box{margin-top: 15px;}
	.section > .btn-redirect {position: absolute; right: 30px; top: 30px;}

	/* 청구 요금 */
	.bill{margin-top:45px;}
	.bill a{font-size:18px; }
	.bill a span{margin-left: 10px;}
	.bill p{font-size: 26px; }
	.bill + .btn_group {margin-top:20px}


	/* 이용중인 서비스 */
	.service-box {display: flex;}
	.service-box .my-service {width: calc(100% / 2);}
	.service-box .my-service + .my-service {margin-left: 20px;}
	.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: 40px;}
	.my-page-banner .title {font-size: 24px;}
	.my-page-banner .desc {font-size: 18px;}
	.my-page-banner a {padding: 0; border-radius: 12px; overflow: hidden; display: block;}
	.my-page-banner a img {width: 100%;}


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


	/* 충전하기 */
	.charge_con {margin-top: 30px; margin-bottom: 40px;}
	.charge_con .article{width:calc(100%/2);  padding: 20px 40px;}
	.charge_con .article + .article{margin-left: 16px;}
	.charge_con .article p{font-size: 18px; }
	.charge_con .article img{width:46px;}

	/* 가상계좌 */
	.my-page.account .bank{font-size: 20px;}
	.my-page.account .bank p .copy{width: 18px;}
	


	/****************************************
	# 마이페이지
	****************************************/
	.my_wrap {display:flex; margin:30px auto 80px; padding: 0 25px;}
	.my_wrap .sidebar {display:block; flex-shrink:0; display:block; width:200px; padding-right:30px;}
	.my_wrap .content-sect {width:calc(100% - 200px - 30px); padding:0;}
	.my_wrap .content-title {margin:30px 0 20px;}
	
	/* 사이드메뉴 - 모바일 */
	.m-sidebar {display:none;}
	
	/* 사이드메뉴 */
	.sidebar .my-box {margin-bottom:20px; padding:16px 20px; border-radius:16px; background-color:#F0F2F4;}
	.sidebar .my-box .title {margin-bottom:28px; font-weight:600;}
	.sidebar .my-box .text1 {display:block; font-weight:600;}
	.sidebar .my-box .text2 {display:block; margin-top:14px; margin-bottom:10px; font-weight:400; color:#666;line-height:1.5;}
	.sidebar .my-box .label {display:block;}
	.sidebar .my-box .label span {margin-top:4px; font-weight:400; font-size:15px; color:#666;}
	.sidebar .my-box .plan {display:block; margin-top:4px; font-weight:400; font-size:15px; color:#666;}
	.sidebar .my-box .number {margin-top:8px; font-size:20px; font-weight:600;}
	.sidebar .my-box .selectbox-line {width:100%; margin-top:16px; margin-bottom:6px;}
	.sidebar .my-box .text_center {width:100%;}
	.sidebar .my-box .btn_style {margin-left:0;}
	.sidebar #myLoginBox,
	.sidebar #myLoginBox .text_center,
	.sidebar #myLoginBox .btn_style {display:block;}
	
	.sidebar .snb {display:block;}
	.sidebar .snb {overflow:hidden; border:1px solid #ddd; border-radius:16px;}
	.sidebar .snb a {display:block;}
	.sidebar .snb .depth1 > li > a {position:relative; margin:12px 20px; font-weight:600; font-size:16px; color:#000;}
	/* .sidebar .snb .depth1 > li > a::after {content:""; display:block; position:absolute; right:0; top:50%; width:8px; height:8px; border-top:2px solid #000; border-right:2px solid #000; transform:translateY(-50%) rotate(-45deg);} */
	/* .sidebar .snb .depth1 > li.active > a::after {transform:translateY(-50%) rotate(135deg);} */
	.sidebar .snb .depth2 {padding:15px 0; background-color:#F9F9F9;}
	.sidebar .snb .depth2 > li > a {padding:4px 20px; font-weight: 400; font-size:15px;}
	.sidebar .snb .depth2 > li.active > a {color:#F1516C;}
	
	/* 번호 변경 */
	.put-number {margin-top: 40px;}
	.put-number .text-msg {margin-bottom: 16px; font-size: 17px; }
	.put-number .number-list {margin:-6px;}
	.put-number .number-list li {width: calc(100% / 2); padding: 6px;}

	/* 요금제 변경 */
	.my-plan-list .addition-info {display: flex; flex-wrap: wrap;}
	.my-plan-list .addition-info li {margin-right:30px;}
	.my-plan-list .addition-info li + li {margin-top: 0; margin-bottom: 6px;}
	.my-plan-list .addition-info li:last-child {margin-right:0; margin-bottom:0;}
	.my-plan-list .bottom-box .current-price {font-size: 20px;}
	.my-plan-list .bottom-box .current-price .text {font-size: 18px;}
}


@media (min-width: 940px) {
	/****************************************
	# style
	****************************************/
	.img-pc {display: block;}
	.img-mo {display: none;}
	
	.btn_style{padding:18px 20px;}
	

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

	/* layout */
	.comm_wrap {position:relative;}
	.comm_wrap .content-title {margin:10px 0 30px;}
	.comm_wrap .content-title .title {font-size:28px;}
	.comm_wrap .content-title .desc {margin-top:12px; font-size:18px;}
	.comm_wrap .desc-text {margin-bottom: 40px; font-size:18px;}
	.comm_wrap .medium-title {margin:60px 0 20px; font-size:20px;}

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


	/* new 셀렉트박스 */
	.selectbox-custom .selectbox-btn {height:50px; padding:8px 40px 8px 20px; background-color:#fff; border:1px solid #ddd; border-radius:5px;}
	.selectbox-custom .selectbox-btn::after {width:6px; height:6px; right: 20px;}
	.selectbox-small .selectbox-btn > span,
	.selectbox-small .selectbox-scroll ul li {font-size: 16px;}

	.selectbox-sort .selectbox-btn {padding: 0 20px 0 0;}
	.selectbox-sort .selectbox-btn::after {right: 0;}
	.selectbox-sort .selectbox-btn > span {font-size: 15px;}
	.selectbox-sort .selectbox-scroll {top: 15px; width: 120px;}
	.selectbox-sort.active .selectbox-scroll {margin-top: 20%;}
	.selectbox-sort .selectbox-scroll ul li {font-size: 15px;}

	/* 결과 메세지 */
	.result_box {margin-top: 60px;}
	.result_box .msg_text {font-size:20px;}
	.result_box .msg_text_pop {font-size:16px;}
	.result_box .desc_text {font-size:18px;}
	.result_box.bg_icon {padding-top:120px;}
	.result_box.bg_icon::before {width:92px; height:92px;}
	.result_box.bg_icon.small {padding-top:72px;}
	.result_box.bg_icon.small::before {width:68px; height:68px;}
	

	.search-box .no-search {width:68px; height: 68px;}

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


	/* filter */
	.filter-wrap .filter-swiper {padding:0 0 30px;}

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



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


	/****************************************
	# add form
	****************************************/
	.form_box .sub_desc {padding-top:8px; font-size: 16px;}

	.switch-terms .switch-label .terms-desc {width: 100%; font-weight: 300; margin-top: 8px;}
	
	.agree-line {margin-top: 30px; padding: 20px;}


	
	/****************************************
	# 마이페이지
	****************************************/
	.my_wrap {display:flex;}
	.my_wrap .sidebar {width:276px; padding-right:50px;}
	.my_wrap .content-sect {width:100%;}
	.my_wrap .content-title {margin:30px 0 30px;}
	
	/* 사이드메뉴 */
	.my-box {padding:24px 30px;}
	.sidebar {display:block; flex-shrink:0; display:block; width:276px; padding-right:60px;}
	.sidebar .my-box {margin-bottom:20px; padding:24px 30px; border-radius:16px; background-color:#F0F2F4;}
	.sidebar .my-box .title {margin-bottom:28px; font-weight:600;}
	.sidebar .my-box .text1 {font-weight:600;}
	.sidebar .my-box .text2 {margin-top:14px; margin-bottom:10px; font-weight:400; color:#666;line-height:1.5;}
	.sidebar .my-box .label {display:block;}
	.sidebar .my-box .label span {margin-top:4px; font-weight:400; font-size:15px; color:#666;}
	.sidebar .my-box .plan {display:block; margin-top:4px; font-weight:400; font-size:15px; color:#666;}
	.sidebar .my-box .number {margin-top:8px; font-size:20px; font-weight:600;}
	.sidebar .my-box .selectbox-line {width:100%; margin-top:16px; margin-bottom:6px;}
	.sidebar .my-box .text_center {width:100%;}
	.sidebar .my-box .btn_style {margin-left:0;}

	.sidebar .snb {display:block;}
	.sidebar .snb .depth1 > li > a {margin:16px 24px; font-size:17px;}
	.sidebar .snb .depth2 > li > a {padding:4px 30px; font-size:16px;}
	.sidebar .snb {overflow:hidden; border:1px solid #ddd; border-radius:16px;}
	.sidebar .snb a {display:block;}
	.sidebar .snb .depth1 > li > a {position:relative; margin:16px 24px; font-weight:600; font-size:17px; color:#000;}
	/* .sidebar .snb .depth1 > li > a::after {content:""; display:block; position:absolute; right:0; top:50%; width:8px; height:8px; border-top:2px solid #000; border-right:2px solid #000; transform:translateY(-50%) rotate(-45deg);} */
	/* .sidebar .snb .depth1 > li.active > a::after {transform:translateY(-50%) rotate(135deg);} */
	.sidebar .snb .depth2 {padding:15px 0; background-color:#F9F9F9;}
	.sidebar .snb .depth2 > li > a {padding:4px 30px; font-weight: 400;}
	.sidebar .snb .depth2 > li.active > a {color:#F1516C;}
	
	/* 다회선 */
	.line-wrap {width:100%;}
	.line-wrap .line-sub {padding:15px 30px; border-radius:16px;}
	.line-wrap .line-sub + .line-sub {margin-top:12px;} 
	.line-wrap .line-sub .info {flex:1;}
	.line-wrap .line-sub .info .label span {font-size:16px;}
	.line-wrap .line-sub .info .number {margin-top:8px;}
	.line-wrap .line-sub .info .selectbox-line {margin-top:8px; font-size:20px;}
	.line-wrap .line-sub .app-date dt {font-size:16px;}
	.line-wrap .line-sub .app-date dd {margin-top:8px;}
			

	.use-line-list li label {padding:24px 30px !important;}
	.use-line-list li .label {text-align: left; margin-right: auto;}
	.use-line-list li .label span {display: block; font-size:16px; }
	.use-line-list li .label .plan {margin-top:8px;}
	.use-line-list li .number {font-size:20px;}


	/* 청구서 */
	.card-bill {margin-top:30px;}
	.card-bill dt {font-size: 16px;}
	.card-bill dd {font-size: 17px;}
	.card-bill .header {padding:34px 40px;}
	.card-bill .header .top-price {display: flex; flex-wrap: wrap; text-align: left; margin-bottom: 24px; padding-bottom: 24px;}
	.card-bill .header .top-price .name {width: 40%; font-size: 18px;}
	.card-bill .header .top-price .price  {width: calc(100% - 40%); margin:0; font-size: 28px; text-align: right;}
	.card-bill .header .top-price .date {margin:0; font-size:16px;}
	.card-bill .header .top-info dt {font-size: 16px;}
	.card-bill .header .top-info dd button::after {width:8px; height:8px;}
	.card-bill .content {padding:34px 40px;}

	/* 실시간 사용량 */
	.usage-box .top-title {font-size: 18px;}
	.usage-box .usage-graph {margin: 20px 0;}
	.usage-box .usage-amount p {font-size:18px;}
	.usage-box .usage-desc p {padding-left: 12px; font-size: 16px;}
	.usage-box .usage-desc p::before {top:8px;}
	.usage-box .usage-desc p + p {margin-top: 8px;}

	/* info box */
	.top-title {font-size:18px;}
	.top-title .desc {margin-top:10px; font-size: 16px;}

	.info-box .info-desc .title {font-size: 20px;}
	.info-box .info-desc .date {font-size: 16px; margin-top:12px;}
	.info-box .info-result .price {font-size: 28px;}
	.info-box + .line-box {margin-top:20px;}

	.line-box {padding: 30px;}
	.line-title {padding-bottom:16px; margin-bottom: 24px;}
	.line-title .title {font-size: 20px;}
	.line-title .title-desc {margin-top: 5px; font-size: 16px;}
	.line-title .s-title {font-size: 18px;}
	.line-title .price {font-size: 20px;}

	.full-desc {margin-bottom:12px;}
	.full-desc dt,
	.full-desc dd {font-size:16px;}
	.full-desc dd.price {font-size: 20px;}
	.full-desc + .col-desc {margin-top: 20px;}

	.col-item {margin: -8px -20px;}
	.col-item .col-desc {position: relative; padding:6px 20px 6px 20px;}
	.col-item .col-desc::before {content:""; display: block; position: absolute; right: 0; top:50%; width: 1px; height:16px; 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: 16px; margin-right: 12px;}
	.col-item .col-desc dd {font-size: 16px;}


/* info box2 */
.myinfo-box {padding: 30px;}
.myinfo-box .desc-title {font-size:16px}
.myinfo-box .number {font-size: 24px;}
.myinfo-box  .number + .btn_text {margin-top: 20px;}


/* 부가서비스 */
.addservice-list > li {padding:30px;}
.addservice-list > li + li {margin-top:16px;}
.addservice-list > li dl dt {padding-bottom: 20px; margin-bottom: 24px; font-size:20px;}
.addservice-list > li dl dd {font-size:16px;}
.addservice-list > li .price {font-size: 23px;}
.addservice-list > li .info-bottom {display: flex; justify-content: flex-end;}
.addservice-list > li .info-bottom .price {font-size: 20px;}

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

/* 요금제 변경 */
.my-plan-list .addition-info {margin: 20px 0 15px;}
.my-plan-list .addition-info li {font-size: 15px;}
.my-plan-list .bottom-box .current-price {font-size: 24px;}
.my-plan-list .bottom-box .current-price .text {font-size: 22px;}
.my-plan-list .bottom-box .btn_style {height:46px;}

}





/****************************************
# 241105 LGU+ 지원매장 리뉴얼
****************************************/
.offline_banner_box a{display:flex; padding:30px 50px;}
.offline_banner_box .txt_box .txt{font-size:30px; color:#999; }
.offline_banner_box .txt_box .title{font-size:40px; font-weight:700; margin-top:10px;}
.offline_banner_box .txt_box .info{margin-top:30px; font-size:17px;}
.offline_banner_box .txt_box .info li{display:flex; align-items: center;}
.offline_banner_box .txt_box .info li + li{margin-top:7px;}
.offline_banner_box .txt_box .info li > span{font-size:0.9em; color:#fff; background-color: #999; padding:5px; border-radius:15px; width:85px; text-align: center; margin-right:20px;}
.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: 15px; font-size:12px; color:#f1516c; padding:4px 12px; display: inline-block; vertical-align: middle; margin-left:5px;}
.offline_banner_box .img_box{margin-bottom:-30px;}

.offline_banner_box2{display:flex; margin-bottom:70px;}
.offline_banner_box2 .txt_box{margin-top:40px; width:42%;}
.offline_banner_box2 .txt_box .txt{font-size:27px; color:#999; width:100%;}
.offline_banner_box2 .txt_box .title{font-size:37px; font-weight:700; margin-top:10px;}
.offline_banner_box2 .txt_box .info{margin-top:30px; background-color: #fff0f2; padding:30px 60px; border-radius: 20px; }
.offline_banner_box2 .txt_box .info h5{font-size:22px; color:#b22d53; font-weight: 700}
.offline_banner_box2 .txt_box .info_list{margin-top:30px; display:flex; justify-content: space-between;}
.offline_banner_box2 .txt_box .info_list li{width:calc(100%/3 - 10px);}
.offline_banner_box2 .txt_box .info_list li .icon_box{background-color: #ffd9df; border-radius: 30px; padding:30px 20px; text-align: center;}
.offline_banner_box2 .txt_box .info_list li .icon_txt{margin-top:20px; font-size:16px; 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:30px; padding-top:30px; border-top:2px solid #fff; display:flex; align-items: flex-start;}
.offline_banner_box2 .txt_box .info_cs > div:first-child{background-color: #ffd9df; border-radius: 30px; text-align: center; padding:5px; min-width: 100px; margin-right: 15px; color:#5b5b5b; font-size:14px;}
.offline_banner_box2 .txt_box .info_cs > div:last-child p{font-size:18px; color:#666; margin-top: 2px;}
.offline_banner_box2 .txt_box .info_cs > div:last-child span{color:#f1516c; font-size:13px; display: block; margin-top: 5px;}
.offline_banner_box2 .map_box{margin-left: 30px; width:58%;}
.offline_banner_box2 .map_box .title{font-size:17px; color:#f1516c; font-weight: 700; margin-top:30px;}
.offline_banner_box2 .map_box .map-area{display: flex; font-size:14px; color:#707070; margin-top:10px;}
.offline_banner_box2 .map_box .map-area .name{width:100px; font-size: 1em;}
.offline_banner_box2 .map_box .map-area .addr{width:calc(100% - 150px); font-size: 1em;}
.offline_banner_box2 .map_box .map-area .addr .tel{font-size:1em; margin-left:10px; color:#666; width:auto; display:inline-block}
.offline_banner_box2 .map_box .map-area .addr .tel img{display:inline-block; width:10px; vertical-align:middle; margin-right: 3px;}
.offline_banner_box2 .map_box .map-area a{display: block; width:50px; text-align: right; color:#f1516c; text-decoration: underline; font-size: 1em;}

.store-info{font-size:17px; margin-bottom: 10px;}
.store-info li{color:#999;}
.store-info li + li{margin-top:3px;}

.tab-box{margin-bottom:30px;}
.tab-box .tabs{display:flex; background-color: #f9f9f9; border-radius: 16px;}
.tab-box .tabs li{text-align: center; font-size:22px; border-radius: 16px; flex:1; font-weight: 600}
.tab-box .tabs li a{color:#999; padding:17px; 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:1px solid #d1d6e0; border-radius: 8px;}
.store_wrap.ver2 .mapBox select{border:1px solid #d1d6e0; border-radius: 15px; height: 55px; padding:0 15px; color:#394a5b;}
.store_wrap.ver2 .mapBox input{border:1px solid #d1d6e0; border-radius: 15px; height: 55px; padding:0 15px; 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: 15px; height: 55px;}
.store_wrap.ver2 .searchArea .searchResult{position: relative; padding-bottom:10px;}
.store_wrap.ver2 .searchArea .searchResult:after{position: absolute; top:25px; left:0; width:100%; height:1px; background-color: #d1d6e0; display:block; content:"";}
.store_wrap.ver2 .searchArea .searchResult:before{position: absolute; bottom:0; left:0; width:100%; height:1px; background-color: #d1d6e0; display:block; content:"";}
.store_wrap.ver2 .searchArea .searchResult .accessibility{margin-top: 25px; margin-bottom: 15px;}
.store_wrap.ver2 .searchArea .searchResult .list{border:none; height: 350px;}
.store_wrap.ver2 .searchArea .searchResult .list::-webkit-scrollbar {width: 10px;}
.store_wrap.ver2 .searchArea .searchResult .list::-webkit-scrollbar-thumb {background-color: #bdbdc6; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.store_wrap.ver2 .searchArea .searchResult .list::-webkit-scrollbar-track {background-color: #f2f2f2; border-radius: 10px; box-shadow: inset 0px 0 px 5px white;}
.store_wrap.ver2 .searchArea .searchResult .list li{border-color:#d1d6e0; padding:20px 0; width:calc(100% - 25px)}
.store_wrap.ver2 .searchArea .searchResult .list div > .name{color:#394a5b; font-size:17px;}
.store_wrap.ver2 .searchArea .searchResult .list div > .addr{color:#7a8791}
.store_wrap.ver2 .searchArea .searchResult .list div > .service-box{margin-top:10px; align-items: center;}
.store_wrap.ver2 .searchArea .searchResult .list div > .service-box .join-sticky{background-color: #bdbdc6; font-size:12px; border-radius: 20px;}
.store_wrap.ver2 .mapArea{border-radius: 10px; overflow: hidden;}

.prod_table.type1{border-radius: 10px; border:1px solid #d1d6e0; overflow: hidden}
.prod_table.type1:after{display:none;}
.prod_table.type1 tr{border:none;}
.prod_table.type1 tr + tr{border-top:1px solid #d1d6e0;}
.prod_table.type1 th{background-color: #f2f2f2; color:#394a5b; border:none;}
.prod_table.type1 td{border:none; color:#394a5b; padding:15px 20px;}

@media (max-width: 1100px) {
.offline_title{text-align: center; font-size: 25px !important; padding-bottom: 0 !important}

.offline_banner_box{margin-top: 20px;}
.offline_banner_box .txt_box .txt{font-size: 23px;}
.offline_banner_box .txt_box .title{font-size:30px;}

.offline_banner_box2{margin-bottom: 50px; flex-wrap: wrap;}
.offline_banner_box2 .txt_box{width:100%;}
.offline_banner_box2 .txt_box .txt{font-size:18px; width:100%; text-align: center; }
.offline_banner_box2 .txt_box .title{font-size:22px; text-align: center;}
.offline_banner_box2 .txt_box .info{margin:20px auto 0 auto;border-radius: 20px; max-width: 480px}
.offline_banner_box2 .txt_box .info h5{font-size:18px; text-align: center}
.offline_banner_box2 .txt_box .info_list{margin-top:15px;}
.offline_banner_box2 .txt_box .info_list li .icon_txt{margin-top:10px; font-size:14px;}
.offline_banner_box2 .txt_box .info_cs{margin-top:20px; padding-top:20px;}

.offline_banner_box2 .map_box{max-width: 480px; 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: 3px;}
.offline_banner_box2 .map_box .map-area .addr{width:calc(100% - 70px); margin-right: 20px;}
.offline_banner_box2 .map_box .map-area .addr .tel{margin-left:0; display: block; text-align: left;}

.store-info li{font-size: 14px;}

.tab-box{margin-bottom:20px;}
.tab-box .tabs{border-radius: 10px;}
.tab-box .tabs li{font-size:17px; border-radius: 10px;}
.tab-box .tabs li a{padding:12px;}

.store_wrap.ver2 .mapBox .searchArea{width: 100%;}
.store_wrap.ver2 .mapArea{width: 100%; margin: 50px 0 20px 0;}

.store_wrap.ver2 .mapBox{padding:10px;}
.store_wrap.ver2 .searchArea .searchResult .list{overflow: auto;}

}

@media (max-width: 900px) {
.offline_title{font-size: 20px !important;}

.offline_banner_box{margin-top: 30px;}
.offline_banner_box a{padding:0; margin-bottom: 40px;}
.offline_banner_box .txt_box .info{font-size: 15px;}
.offline_banner_box .txt_box .info li > span{padding: 3px; margin-right: 10px;}
.offline_banner_box .img_box{display: none;}
}

@media (max-width: 500px) {
.offline_banner_box2 .txt_box .txt{font-size: 16px;}
.offline_banner_box2 .txt_box .title{font-size: 18px;}
.offline_banner_box2 .txt_box .info{padding: 20px;}
.offline_banner_box2 .txt_box .info_list li .icon_box{padding: 20px; border-radius: 15px;}
.offline_banner_box2 .txt_box .info_list li .icon_box img{width: 30px;}
.offline_banner_box2 .txt_box .info_list li .icon_txt{font-size: 13px;}
.offline_banner_box2 .txt_box .info_cs{border-width: 1px; margin-top: 15px; padding-top: 15px;}
.offline_banner_box2 .txt_box .info_cs > div:first-child{font-size: 13px;  min-width: 70px;}
.offline_banner_box2 .txt_box .info_cs > div:last-child p{font-size: 15px;}
.offline_banner_box2 .txt_box .info_cs > div:last-child span{font-size: 12px;}

.offline_banner_box .txt_box .txt{text-align: center; font-size:16px;}
.offline_banner_box .txt_box .title{font-size: 18px; text-align: center;}
.offline_banner_box .txt_box .info{font-size: 13px;}
.offline_banner_box .txt_box .info li{align-items: flex-start}
.offline_banner_box .txt_box .info li > span{width: 70px;}
.offline_banner_box .txt_box .info li > strong{width: calc(100% - 80px)}
.offline_banner_box .txt_box .info li .point{display: block; margin-left: 0;}

.tab-box .tabs li{font-size: 14px;}

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



/****************************************
# 이벤트 리뉴얼
****************************************/
.event-plan-con .padding{padding:30px;}

.event-plan-con {display: flex; flex-wrap: wrap; justify-content: start; padding:20px 20px 60px;}
.event-plan-con > .plan-inner {display: flex; flex-wrap: wrap; justify-content: start; width:100%; padding:20px 20px 60px;}
.event-plan-con .event-title{text-align:center; font-size:25px; padding:30px 0 15px 0; width:100%;}
.event-plan-con .event-title{text-align:center; font-size:36px; padding:40px 0 30px 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:10px;}
.event-plan-con .event-title .icon img{width:auto; display:block; margin:0 auto;}
.event-plan-con .event-btn{width:100%; margin:20px auto;}
.event-plan-con .event-btn a{font-size:17px; background-color: #333; text-align: center; color:#fff; border-radius: 12px; padding:20px; width:100%; display: block; font-weight: 600;}

.event-plan-con .plan-items{width: 100%; max-width: 100%; margin:0 auto 12px; text-align:left; background-color:#fff; position:relative; border:1px solid #ddd; border-radius:12px;}
.event-plan-con .plan-items.badge-point {overflow: visible; margin-top:10px;}
.event-plan-con .plan-items.badge-point .badge-area {position: absolute; width:100%; height:60px;}
.event-plan-con .plan-items.badge-point .badge-area img {width:auto; height:100%; position:absolute; right:-10px; top:-10px;}
.event-plan-con .plan-items.badge-point + .plan {padding-top:30px}
.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:160px; height:25px; background:url(/EventFile/text_plan_soldout.png) no-repeat; background-size: contain; transform: translate(-50%, -50%);}
.event-plan-con .plan-items .plan{display:flex; flex-wrap:wrap; padding:0; padding:20px; justify-content:space-between; background: initial;}
.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:15px; color:#555; font-weight:600;}
.event-plan-con .plan-items .plan .spec-box .spec li img{margin-right:6px; width:16px;}
.event-plan-con .plan-items .plan .spec-box .spec li .add {font-size: 16px;}
.event-plan-con .plan-items .plan .spec-box .spec li:first-child{width:100%; font-size:16px; margin-bottom: 6px;}
.event-plan-con .plan-items .plan .spec-box .spec li:nth-child(2){margin-right:12px;}
.event-plan-con .plan-items .plan .plus {width: 100%; margin-top: 15px;}
.event-plan-con .plan-items .plan .plus li{font-size:12px; color:#898989; position:relative; font-weight:400;}
.event-plan-con .plan-items .plan .plus li:before{display:inline-block; content:"·"; margin-right:5px;}
.event-plan-con .plan-items .plan .plus li + li{margin-top:5px;}
.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:16px;}
.event-plan-con .plan-items .plan .name .tag{font-size:11px; color:#fff; background-color:#333; border-radius:4px; padding:1px 4px; margin-right:8px; text-align:center; width:30px;}
.event-plan-con .plan-items .plan .name p{color:#696969; font-size:13px; font-weight: 500;}
.event-plan-con .plan-items .plan .spec-box{flex: 1; width:auto; padding-right:20px;}
.event-plan-con .plan-items .plan .price-box{text-align:right; width:auto;}
.event-plan-con .plan-items .plan .price-box .price{font-size:22px; 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:6px; font-weight:400}
.event-plan-con .plan-items .plan .price-box .price span{font-size:0.7em; color:#696969; margin-left:2px; font-weight:400;}
.event-plan-con .plan-items .plan .price-box .origin,
.event-plan-con .plan-items .plan .price-box .price2{font-size:13px; color:#696969; margin-top:4px; 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:4px;}
.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 .event{border-top:1px solid #e9e9e9}
.event-plan-con .plan-items .event .event-inner{padding:8px 20px; display:flex; border-radius:12px; justify-content:space-between; align-items: center; width:100%; flex-wrap:wrap;}
.event-plan-con .plan-items .event .event-inner .text{font-size:12px; font-weight:300; width:100%; display:flex; align-items:center; color:#696969;}
.event-plan-con .plan-items .event .event-inner .text + .text{margin-top:5px;}
.event-plan-con .plan-items .event .event-inner .text strong{font-size:1.2em;}
.event-plan-con .plan-items .event .event-inner .img{padding:4px; background-color:#f0f0f0; border-radius:50px; margin-right:10px;}
.event-plan-con .plan-items .event .event-inner .img img{max-width:13px; display:block; width:100%;}
.event-plan-con .plan-items .event .event-inner .icon {width:21px; height:21px; margin-right:10px;}
.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:20px; display:flex; align-items:center; justify-content:center; font-weight:700; z-index: 1;}
.event-plan-con .plan-items .soldOut + .plan{filter: blur(1.5px);}

.event_2503_link{position:relative;}
.event_2503_link a{position:absolute; display:block; content:""; width:72.91%; height:23.02%; left:50%; top:17.8%; transform:translateX(-50%);}

.event-plan-con .plan-items.mega,
.event-plan-con .plan-items.data,
.event-plan-con .plan-items.npay{position: relative;}
.event-plan-con .plan-items.mega:after{position: absolute; display: block; content: ""; width:50px; height:50px; background: url(../images/display/icon-promo-mega.png) center center; background-size:contain; background-repeat:no-repeat; left:-15px; top:-15px;}
.event-plan-con .plan-items.data:after{position: absolute; display: block; content: ""; width:50px; height:50px; background: url(../images/display/icon-promo-data.png) center center; background-size:contain; background-repeat:no-repeat; left:-15px; top:-15px;}
.event-plan-con .plan-items.npay:after{position: absolute; display: block; content: ""; width:50px; height:50px; background: url(../images/display/icon-promo-npay.png) center center; background-size:contain; background-repeat:no-repeat; left:-15px; top:-15px;}
.event-plan-con .plan-items.beamin:after{position: absolute; display: block; content: ""; width:50px; height:50px; background: url(../images/display/icon-promo-beamin.png) center center; background-size:contain; background-repeat:no-repeat; left:-15px; top:-15px;}
.event-plan-con .plan-items.daiso:after{position: absolute; display: block; content: ""; width:50px; height:50px; background: url(../images/display/icon-promo-daiso.png) center center; background-size:contain; background-repeat:no-repeat; left:-15px; top:-15px;}


/****************************************
# 250206 회사소개
****************************************/
.intro-comm + .intro-comm {margin-top: 60px;}
.intro-comm .intro-title {margin-bottom: 20px; font-weight: 700; font-size: 18px; line-height: 1.5;}

.intro-comm .text {font-size: 16px; color: #494949; font-weight: 400; word-break: break-word; line-height: 1.5;}
.intro-comm .text + .text {padding-top: 24px;}
.intro-comm .text strong {color: #222; font-weight: 700; word-break: break-all;}

.company-sect .company-box {position: relative;}
.company-sect .company-box + .company-box {margin-top: 30px;}
.company-sect .company-box .bg-img {margin-bottom: 16px; max-width: 492px;}
.company-sect .company-box .bg-img img {width: 100%;}
.company-sect .company-box .content .title {padding-bottom: 6px; font-size: 16px; color: #D92D50;}
.company-sect .company-box .content .desc {font-size: 16px; color: #666;}

.target-sect .target-list {display: flex; flex-wrap: wrap; margin: -6px;}
.target-sect .target-list li {position: relative; width: 50%; padding: 8px;}
.target-sect .target-list li .content {position: relative; width: 100%; height: 100%; padding: 20px 10px; color: #666; text-align: center; border: 1px solid #ddd; border-radius: 6px;}
.target-sect .target-list li .content::before {content: ""; display: block; max-width: 60%; margin: 0 auto; padding-top: 50%; background-repeat: no-repeat; background-size: contain; background-position: center;}
.target-sect .target-list li .content01::before {background-image: url("../images/icon/icon_ceo01.png"); }
.target-sect .target-list li .content03::before {background-image: url("../images/icon/icon_ceo02.png"); }
.target-sect .target-list li .content02::before {background-image: url("../images/icon/icon_ceo03.png"); }
.target-sect .target-list li .content04::before {background-image: url("../images/icon/icon_ceo04.png"); }
.target-sect .target-list li .content strong {display: inline-block; margin-top: 12px; font-weight: 700; font-size: 18px; color: #D92D50;}
.target-sect .target-list li .content p {margin-top: 6px; font-size: 15px; font-weight: 400;}
.target-sect .check {padding-top: 12px; text-align: center; color: #666;}

.bottom-ceo {margin-top: 40px; text-align: right;}
.bottom-ceo strong {font-size: 18px; font-weight: 700;}



@media (max-width: 389px) {
.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; background-color:#fff; 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:-2.5707vw; 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; 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:#555; 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 .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: 532px) {
.event-plan-con .plan-items.badge-point .badge-area img {top:-15px;}
.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: 10px;}
.event-plan-con .plan-items .plan .spec-box .spec li:first-child {width: auto; margin-bottom: 0;}

/****************************************
# 250206 회사소개
****************************************/
.company-sect .company-box .bg-img {max-width: 100%;}
}


@media (min-width: 640px) {
.event-plan-con {display: flex; flex-wrap: wrap; padding:20px 20px 80px;}
.event-plan-con > .plan-inner {padding:20px 20px 80px;}
.event-plan-con .plan-items {max-width:calc(50% - 6px); margin:0; margin-top: 10px;}
.event-plan-con .plan-items.badge-point .badge-area {height:50px;}
.event-plan-con .plan-items:nth-child(odd) {margin-right: 12px;}
.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: 6px;}
.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: 6px;}
.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: 14px;}

.event-plan-con .plan-items .soldOut{font-size:25px;}

/****************************************
# 250206 회사소개
****************************************/
.intro-comm + .intro-comm {margin-top: 60px;}
.intro-comm .intro-title {margin-bottom: 20px; font-size: 20px;}

.intro-comm .text {font-size: 16px;}
.intro-comm .text + .text {padding-top: 24px;}

.company-sect .company-box {display: flex;}
.company-sect .company-box + .company-box {margin-top: 60px;}
.company-sect .company-box .bg-img {margin-bottom: 0; margin-right: 0; max-width: 100%;}
.company-sect .company-box .bg-img img {width: 100%;}
.company-sect .company-box .content {flex: 1; width: 50%;}
.company-sect .company-box .content .title {padding-bottom: 6px; font-size: 16px;}
.company-sect .company-box .content .desc {font-size: 16px;}
.company-sect .company-box:nth-of-type(1),
.company-sect .company-box:nth-of-type(3) {padding-left: 50%;}
.company-sect .company-box:nth-of-type(1) .bg-img,
.company-sect .company-box:nth-of-type(3) .bg-img {padding-left: 5%;}
.company-sect .company-box:nth-of-type(1)  .content,
.company-sect .company-box:nth-of-type(3)  .content  {position: absolute; left: 0;}
.company-sect .company-box:nth-of-type(2) {padding-right: 50%;}
.company-sect .company-box:nth-of-type(2) .bg-img {padding-right: 5%;}
.company-sect .company-box:nth-of-type(2)  .content  {position: absolute; right: 0;}

.target-sect .target-list {margin: -6px;}
.target-sect .target-list li {width: 25%; padding: 8px;}
.target-sect .target-list li .content::before {width: 75%;}
.target-sect .target-list li .content strong {margin-top: 12px; font-size: 20px;}
.target-sect .target-list li .content p {margin-top: 6px; font-size: 16px;}
.target-sect .check {padding-top:16px;}

.bottom-ceo {font-size: 18px;}
.bottom-ceo strong {font-size: 20px;}
}

@media (min-width: 720px) {
.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: 12px;}
}



@media (min-width: 1023px) {
.event-plan-con .padding{padding:30px;}

.event-plan-con {padding:0 40px 80px; justify-content: center;}
.event-plan-con > .plan-inner {padding:0 40px 80px;}
.event-plan-con .event-inner {padding:0 40px 80px;}
.event-plan-con .event-title{font-size:45px; padding:90px 0 50px 0;}
.event-plan-con .event-btn{margin:20px auto;}
.event-plan-con .event-btn a{font-size:22px; padding:25px;}

.event-plan-con .plan-items{max-width:880px; margin-top:0;}
.event-plan-con .plan-items.badge-point .badge-area {height:70px;}
.event-plan-con .plan-items > a.soldout::after {width:200px; height:32px;}
.event-plan-con .plan-items + .plan-items{margin-top:16px;}
.event-plan-con .plan-items:nth-child(odd) {margin-right: 0;}
.event-plan-con .plan-items .plan{padding:30px 40px;}
.event-plan-con .plan-items .plan .spec-box{width:auto; padding-right:20px;}
.event-plan-con .plan-items .plan .spec-box .spec {flex-wrap: nowrap;}
.event-plan-con .plan-items .plan .spec-box .spec li{font-size:20px;}
.event-plan-con .plan-items .plan .spec-box .spec li img{width:20px;}
.event-plan-con .plan-items .plan .spec-box .spec li .add {font-size: 20px;}
.event-plan-con .plan-items .plan .spec-box .spec li:first-child{width:100%;  font-size:24px; margin-bottom: 0;}
.event-plan-con .plan-items .plan .spec-box .spec li:nth-child(2){margin-right:20px;}
.event-plan-con .plan-items .plan .plus {margin-top:0;}
.event-plan-con .plan-items .plan .plus li{font-size:15px;}
.event-plan-con .plan-items .plan .name{margin-bottom:24px;}
.event-plan-con .plan-items .plan .name .tag{padding:3px 10px; font-size: 13px; border-radius:6px;}
.event-plan-con .plan-items .plan .name p{font-size:18px; }
.event-plan-con .plan-items .plan .price-box{width:35%;}
.event-plan-con .plan-items .plan .price-box .price{font-size:34px;}
.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:16px}
.event-plan-con .plan-items .event .event-inner{padding:12px 40px;}
.event-plan-con .plan-items .event .event-inner .text{font-size:15px;}
.event-plan-con .plan-items .event .event-inner .img{padding:6px;}
.event-plan-con .plan-items .event .event-inner .img img{max-width:16px;}

.event-plan-con .plan-items .soldOut{font-size:35px;}

.event-plan-con .plan-items.mega:after,
.event-plan-con .plan-items.data:after,
.event-plan-con .plan-items.npay:after,
.event-plan-con .plan-items.beamin:after,
.event-plan-con .plan-items.daiso:after{width: 80px; height:80px; left:-35px; top:-25px;}



/****************************************
# 250206 회사소개
****************************************/
.intro-comm + .intro-comm {margin-top: 100px;}
.intro-comm .intro-title {margin-bottom: 20px; font-size: 23px;}

.intro-comm .text {font-size: 18px;}
.intro-comm .text + .text {padding-top: 24px;}

.company-sect .company-box {position: relative; width: 100%;}
.company-sect .company-box + .company-box {margin-top: 80px;}
.company-sect .company-box .content .title {padding-bottom: 6px; font-size: 18px;}
.company-sect .company-box .content .desc {font-size: 18px;}

.target-sect .target-list {margin: -6px;}
.target-sect .target-list li {width: 25%; padding: 8px;}
.target-sect .target-list li .content::before {width: 75%;}
.target-sect .target-list li .content strong {margin-top: 12px; font-size: 20px;}
.target-sect .target-list li .content p {margin-top: 6px; font-size: 18px;}
.target-sect .check {padding-top:16px;}

.bottom-ceo strong {font-size: 24px;}
}

@media (min-width: 1200px) {
	/****************************************
	# common
	****************************************/
	/* layout */
	.comm_wrap {padding:0}
}




/**************************************요금제 개편(2025-03-05~)**************************************/
/* 공통 */
.comm-flag .basic {display: inline-block; height: 21px; line-height: 21px; padding: 0 10px; font-size: 12px; font-weight: 600; color:#ff558a; border-radius: 5px;}
.comm-flag .basic + .basic {margin-left: 3px;} 
.comm-flag .basic.skt,
.comm-flag .basic.lgt,
.comm-flag .basic.kt {min-width: 48px; text-align: center; box-sizing: border-box;}
.comm-flag .basic.skt {background-color:#3617CE; color:#fff}
.comm-flag .basic.lgt {background-color:#FF44A2; color:#fff;}
.comm-flag .basic.kt {background-color:#12AFAE ; color:#fff;}
.comm-flag .basic.combine {background-color:#e5f0f9; color:#2e75a0;}
.comm-flag .img-logo {width: 76px; padding: 0;}
.comm-flag.mno-lgt {padding: 0 !important;}
.comm-flag.mno-lgt .img-logo {width: 70px; background: url('/shop/include/images/mno/logo_mno_lgt.png') no-repeat 0 center; background-size:contain;}

.prdc-container.container-inner.space {margin-top: 37px;}
.prdc-container.container-inner {margin:0 auto;}
.prdc-container.container-inner > .title {position: relative; padding: 30px 20px 10px; background-color: #fff;}
.prdc-container.container-inner .con_inner {margin-top: 0; padding-top: 10px;}

/* 요금제 탭 */
.tab-default {position:relative; width: 100%; max-width: 1100px; margin: 0 auto;}
.tab-default::after {content: ""; z-index: 99; display: block; position: relative; width: 100%; height: 1px; background-color: #ddd;}
.tab-default.active::after {display: none;}
.tab-default .tab-container {height:45px; margin: 0 20px; padding-right: 40px;}
.tab-default .tab-swiper {position:relative; width:100%;}
.tab-default .tab-swiper li {display: flex; align-items: center; position: relative; width:auto; padding: 0 8px;}
.tab-default .tab-swiper li button {display:flex; align-items: center; color: #666; text-align:center; font-size:15px; font-weight:400;}
.tab-default .tab-swiper li.active::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #000;}
.tab-default .tab-swiper li.active button {font-weight:600; color:#000;}
.tab-default .tab-btn {z-index:99; position:absolute; right: 20px; top: 0; width: 32px; height: 100%;}
.tab-default .tab-btn .gradient-layer {width:100%; height:99%; background-image:linear-gradient(270deg,#fff,hsla(0,0%,100%,0));}
.tab-default .tab-btn .btn-toggle {z-index:1; position:absolute; right:0; top:50%; width:100%; height:32px; border-radius: 50%; border: 1px solid #ddd; transform: translateY(-50%);}
.tab-default .tab-btn .btn-toggle::after {content:""; position:absolute; top:50%; right:50%; width:8px; height:8px; margin-top: -2px; border:1px solid; border-width:2px 0 0 2px; transform:translate(50%, -50%) rotate(-135deg);}
.tab-default .tab-btn .btn-toggle.active::after {top:50%; bottom:0%; margin-top: 2px; transform: translate(50%, -50%) rotate(45deg);}
.tab-default .menu-container {display:none; z-index: 101; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: auto; padding:10px 20px; background-color: #fff; border-bottom: 1px solid #ddd;}
.tab-default .menu-container .menu-box {display:flex; flex-wrap:wrap; width:100%; padding-right:5px;}
.tab-default .menu-container .menu-box li {width: 50%; padding-bottom:12px;}
.tab-default .menu-container .menu-box li button {font-size: 15px; width: 100%; text-align: left;}
.tab-default .menu-container .menu-box li.active button {font-weight:600; color:#000;}

/* 요금제 필터 */
.filter-group {position: relative;}
.filter-group .btn-filter {width: auto; padding: 6px 10px; font-size: 13px; font-weight: 500; color: #898989; border: 1px solid #ddd; border-radius: 20px;}
.filter-group .btn-filter + .btn-filter {margin-left: 6px;}
.filter-group .btn-filter span {position: relative; padding-right: 16px;}
.filter-group .btn-filter span::after {content:""; display: block; position:absolute; top:60%; right:0; width:6px; height:6px; border:1px solid; border-width:1px 0 0 1px; transform:translate(-50%, -100%) rotate(-135deg);}

/* 정렬 */
.sorting {display: flex; align-items:center; position: relative; width: 100%; margin: 30px 0 15px;}
.sorting .total {font-size: 14px; color: #898989; font-weight: 400;}
.sorting .right {margin-left: auto; display: flex; align-items: center;}
.sorting .selectbox-sort {width: auto;}
.sorting .selectbox-sort .selectbox-scroll {width: 200px; max-height: 260px;}
.sorting .gride-type {display:none;}

/* 요금제 리스트 */
.prdc-list {display: grid; grid-template-columns: repeat(1, minmax(calc(50% - 1px), 1fr));  align-items: start; gap: 15px;}
.prdc-list .prdc-item {overflow: hidden; position: relative; width: 100%; border: 1px solid #e9e9e9; border-radius:16px; background-color: #fff; box-shadow:  0 4px 12px rgba(0, 0, 0, 0.06); transition: transform 0.2s ease, box-shadow 0.2s ease;}
/* .prdc-list .prdc-item:hover {box-shadow: 0 8px 20px rgba(0,0,0,0.12);} */
.prdc-list .prdc-item .cont {position: relative; padding: 24px; font-size: 15px;}
.prdc-list .prdc-item .cont .info {display: flex; flex-wrap: wrap; align-items: center;}
.prdc-list .prdc-item .cont .info .comm-flag {/*width: 100%;*/ padding-right: 10px; }
.prdc-list .prdc-item .cont .info .name {font-weight:500; font-size: 14px; color: #797979;}
.prdc-list .prdc-item .cont .data {display: flex; align-items: baseline; margin-top: 20px; font-size: 17px;}
.prdc-list .prdc-item .cont .data .free {font-size: inherit; font-weight: 600; color: #000;}
.prdc-list .prdc-item .cont .data .free > .qos-m-view {display: inline-block;}
.prdc-list .prdc-item .cont .data .qos-pc-view {display: none; margin-left: 6px; font-size: 0.8em; font-weight: 400; color: #666;}
.prdc-list .prdc-item .cont .data .qos-pc-view > strong {font-weight: 500;}
.prdc-list .prdc-item .cont .else {display: flex; flex-wrap: wrap; align-items: center; margin-top: 2px;}
.prdc-list .prdc-item .cont .else li {position: relative; margin-top: 4px; padding-left:20px; font-size: 14px; font-weight: 400; color: #555; margin-right: 15px; }
.prdc-list .prdc-item .cont .else li:last-child {margin-right: 0; padding-right: 0;}
/* .prdc-list .prdc-item .cont .else li::after {content: ""; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 14px; transform: translateY(-50%); background-color: #ddd;}
.prdc-list .prdc-item .cont .else li:last-child:after {display: none;} */
.prdc-list .prdc-item .cont .else li:before {content:""; display:inline-block; position:absolute; left:0; top:50%; width:16px; height:16px; transform: translateY(-50%);}
.prdc-list .prdc-item .cont .else .call:before {background:url(../images/icon/icon-prdc-call.png) no-repeat center; background-size:contain;}
.prdc-list .prdc-item .cont .else .text:before {background:url(../images/icon/icon-prdc-text.png) no-repeat center; background-size:contain;}
.prdc-list .prdc-item .cont .else .data2:before {background:url(../images/icon/icon-prdc-data.png) no-repeat center; background-size:contain;}
.prdc-list .prdc-item .cont .price-box {padding-top: 20px;}
.prdc-list .prdc-item .cont .price-box .pc-line {display: inline-block;}
.prdc-list .prdc-item .cont .price-box .mno-text {margin-bottom: 4px; font-weight: 400; font-size: 13px; color: #666 ;}
.prdc-list .prdc-item .cont .price-box .current {display: inline-block; font-size: 20px; font-weight: 700; color: #f1516c;}
.prdc-list .prdc-item .cont .price-box .current .text {font-size: 0.9em;}
.prdc-list .prdc-item .cont .price-box .basic {display: none; position: relative; margin-left: 10px; padding: 0 3px; font-size: 13px; font-weight: 400; color: #797979;}
.prdc-list .prdc-item .cont .price-box .basic::after {content:""; position:absolute; left:0; top:45%; width:100%; height:1px; background-color:#acacac;}
.prdc-list .prdc-item .cont .price-box .origin {width: 100%; padding-top: 2px; font-size: 15px; font-weight: 400; color: #666;}
.prdc-list .prdc-item .cont .prdc-btns {position: absolute; right: 24px; bottom: 24px;}
.prdc-list .prdc-item .cont .prdc-btns .btn-join {display:none;}
.prdc-list .prdc-item .gift-box {position: relative;}
.prdc-list .prdc-item .gift-box img {width: 100%; height: 100%;}
.prdc-list .prdc-item .gift-box .thumb {width: 30px; height: 30px; border:1px solid #fff; border-radius:50%;}
.prdc-list .prdc-item .gift-box .short {display: flex; align-items: center; position:relative; padding: 10px 20px; background-color: #F9F9F9; border-radius: 0 0 16px 16px;}
.prdc-list .prdc-item .gift-box .short .thumb-list {display: flex;}
.prdc-list .prdc-item .gift-box .short .thumb-list .thumb  + .thumb {margin-left:-10px;}
.prdc-list .prdc-item .gift-box .short .text {z-index: 2; position: relative; width: 100%; margin-left: auto; padding:5px 18px 5px 0; font-weight: 400; font-size: 13px; color: #666; text-align: right;}
.prdc-list .prdc-item .gift-box .short .text::after {content:""; display:block; position:absolute; right:0; top:45%; width:8px; height:8px; border-bottom:1px solid #acacac; border-left:1px solid #acacac; transform:translateY(-50%) rotate(-45deg);}
.prdc-list .prdc-item .gift-box .list {display: none; padding: 10px 20px; background-color: #F9F9F9;}
.prdc-list .prdc-item .gift-box .list li {display: flex; align-items: center; position: relative; font-size: 14px; font-weight: 400; color: #898989;}
.prdc-list .prdc-item .gift-box .list li .text {margin-left: 5px; font-size: 13px; color: #666;}
.prdc-list .prdc-item .gift-box.active .short .thumb-list  {display: none;}
.prdc-list .prdc-item .gift-box.active .short .text {font-size: 0; height: 30px;}
.prdc-list .prdc-item .gift-box.active .short .text::after {transform:rotate(135deg)}
.prdc-list .prdc-item .gift-box.active .list {display: block; margin-top: -50px;}

/* 요금제 필터 팝업 */
#filterLayer {background: none;}
#filterLayer .btn_reset {min-width: 120px; max-width: 20%;}
#filterLayer .icon-reset {display: inline-block; position: relative; width: 18px; height: 18px; vertical-align: bottom;}
#filterLayer .icon-reset::after {content: ""; display: block; width: 100%; height: 100%; background-image: url(../images/icon/icon_refresh.svg); background-size: contain;}
.ui-filter-prdc .tab-menu {margin-top: 10px; margin-bottom: 30px;}
.ui-filter-prdc .tab-panel{padding:  0 20px;}

.range-container {position: relative;}
.range-container .range-label {padding-bottom: 15px; font-weight: 700; font-size: 15px; text-align: center;}
.range-container .range-slider {margin-bottom: 16px; margin-right: 10px; box-shadow:none; border: 0;}

.range-slider {height: 5px; background-color: #E9E9E9;}
.range-slider .noUi-handle {top: -10px; width: 24px !important; height: 24px !important; border-radius: 50%; border-color: #f1516c;}
.range-slider .noUi-handle::before,
.range-slider .noUi-handle::after {display: none;}
.range-slider .noUi-connect {background-color: #f1516c;}

.range-btns {display: flex; flex-wrap: wrap; position: relative; margin: -5px -4px; padding-top: 10px;}
.range-btns .in {width: 33.33%; padding: 5px 4px;}
.range-btns .in .range-button {width: 100%; height: 36px; font-size: 14px; color: #666; border: 1px solid #ddd; border-radius: 6px;}
.range-btns .in .range-button.active {font-weight: 500; border-color: #ED5D6F; background-color: #FFEBEE; color: #ED5D6F;}

.selected-keywords {position: relative; margin-top: 20px; padding: 0 20px; display: flex;}
.selected-keywords.divide {border-top: 1px solid #e9e9e9;}
.selected-keywords .keyword {flex-shrink: 0; -webkit-flex-shrink: 0; display:flex; align-items: center; justify-content: center; width: auto; margin: 15px 4px; padding: 5px 12px; font-size: 14px; color: #555; background-color: #fff; border-radius: 20px; background-color: #f2f2f2;}
.selected-keywords .keyword .delete-keyword {cursor: pointer; display: inline-block; width: 15px; height: 15px; margin-left:8px; vertical-align:text-bottom; border-radius: 50%; background-color: #999; background-image: url(../images/icon/icon_delete_keyword.png); background-repeat: no-repeat ;background-size: 9px; background-position: center;}

.range-check {}
.range-check li + li {margin-top: 8px;}
.range-check li label {width: 100%;}
.range-check li .label-text {font-size: 15px; color: #000;}
.range-check li .label-desc {font-size: 14px; color: #898989;}


/* 요금제 비교함 */
#banner-pocket {display: none; z-index: 102;  position: relative;}
.put-pocket {position: fixed; top:53px; left: 0; right: 0; text-align: center; background-color: #F4F6F6;}
.put-pocket .btn-compare {display: flex; justify-content:center; width: 100%; padding: 10px 20px; font-weight: 400; font-size: 14px;}
.put-pocket .btn-compare > span {position: relative; display: block; display: inline-block; margin-left: 3px;}
.put-pocket .btn-compare .icon_down::before {content: "열기";}
.put-pocket .btn-compare .icon_down::after {content: ""; position: absolute; width:20px; height:18px; background: url('../images/icon/ico_acdn_down.png') no-repeat center center; background-size: 10px;}
.put-pocket .btn-compare .icon_up::before {content: "닫기";}
.put-pocket .btn-compare .icon_up::after {content: ""; position: absolute; width:20px; height:18px; background: url('../images/icon/ico_acdn_up.png') no-repeat center center; background-size: 10px;}
.put-pocket .btn-compare .count {display: inline-block; width: 18px; height: 18px; margin-left:5px; margin-right:1px; font-weight: 500; color: #fff; background-color: #000; border-radius: 50%;}
.put-pocket .panel-pocket {display: none; position: absolute; left: 0; right: 0; width: 100%; padding: 24px 20px; text-align: left; background-color:  #F4F6F6;}
.put-pocket .panel-pocket.active {display: block;}
.put-pocket .panel-pocket .desc {max-width: 1100px; margin: 0 auto;}
.put-pocket .panel-pocket .desc .text {color: #696969; font-size: 13px; font-weight: 400; line-height: 1.5;}
.put-pocket .panel-pocket .desc .text strong {font-weight: 600; color: #000;}
.put-pocket .panel-pocket .put-prdc {max-width: 1100px; margin: 16px auto 0;}
.put-pocket .panel-pocket .put-prdc li {width: 100%;}
.put-pocket .panel-pocket .put-prdc li + li {margin-top: 6px;}
.put-pocket .panel-pocket .put-prdc li > div {display: flex; align-items: center; position: relative; height: 64px; padding:16px 20px; background-color: #fff; border-radius: 6px;}
.put-pocket .panel-pocket .put-prdc .y-data .info {display: flex; align-items: center;}
.put-pocket .panel-pocket .put-prdc .y-data .info .comm-flag {margin-right:6px;}
.put-pocket .panel-pocket .put-prdc .y-data .info .name {font-size: 14px; font-weight: 600;}
.put-pocket .panel-pocket .put-prdc .y-data .btn-delete {margin-left: auto; width: 16px; height: 16px; background: url('../images/btn/btn_pop_close.png') no-repeat; background-size: 14px;}
.put-pocket .panel-pocket .put-prdc .n-data {cursor: pointer; position: relative;  text-align: center;}
.put-pocket .panel-pocket .put-prdc .n-data::before {content: ""; display: block; position: absolute; left: 20px; top: 50%; width: 11px; height: 11px; transform: translateY(-50%); background: url(../images/icon/ic_plus2.png); background-size: contain;}
.put-pocket .panel-pocket .put-prdc .n-data .btn-add {padding-left: 20px; font-size: 14px; color: #666;}

/* 요금제 비교 팝업 */
#compareLayer .modal-content {padding:0 20px}
.compare-box {width: 100%;}
.compare-box .row-item {padding: 10px 0;}
.compare-box .row-item .title {text-align: left; font-weight: 600; font-size: 15px; padding:0 10px 10px;}
.compare-box .row-item ul {display: flex; justify-content: flex-start;}
.compare-box .row-item ul li {width:100%; padding: 0 10px 20px; font-weight: 400; font-size: 15px; color: #666; border-bottom: 1px solid #e9e9e9;}
.compare-box .row-item ul li.gift {}
.compare-box .row-item ul li.gift div {width: 100%; display: flex; align-items: center;}
.compare-box .row-item ul li.gift div .thumb {width: 34px; height: 34px; margin-right: 6px; border:1px solid #fff; border-radius:50%;}
.compare-box .row-item ul li + li {margin-left: 15px;}
.compare-box .row-item ul li strong {flex: 1; color: #f1516c; font-weight: 600; word-break: break-word;}
.compare-box .row-item ul li > .spec {position: relative; padding-left: 25px; font-weight: 400; font-size: 15px; color: #666;}
.compare-box .row-item ul li > .spec + .spec {margin-top: 5px;}
.compare-box .row-item ul li > .spec.data::before,
.compare-box .row-item ul li > .spec.call::before,
.compare-box .row-item ul li > .spec.text::before {content:""; display:inline-block; position:absolute; left:0; top:3px;}
.compare-box .row-item ul li > .spec.data::before {width:16px; height:16px; background:url(../images/icon/icon-plan-data.png) no-repeat center; background-size:contain;}
.compare-box .row-item ul li > .spec.call::before {width:12px; height:12px; background:url(../images/icon/icon-plan-call.png) no-repeat center; background-size:contain;}
.compare-box .row-item ul li > .spec.text::before {width:12px; height:12px; background:url(../images/icon/icon-plan-sms.png) no-repeat center; background-size:contain;}
.compare-box .row-item .comm-flag {margin-bottom: 6px;}
.compare-box .row-item .name {font-size: 15px; font-weight: 600; color: #000;}
.compare-box .row-item .btn_style {margin-top: 10px;}
.compare-box .row-item.top-item {text-align: center;}
.compare-box .row-item.top-item ul li {padding-top: 20px; border-bottom: 0; background-color: #F4F6F6; border-radius: 12px;}
.compare-box.compare-box3 {min-width: 520px;}
.compare-box.compare-box3 .row-item li {width: 33.33%;}
/* .compare-box .info {justify-content: center; text-align: center;}
.compare-box .info .comm-flag {margin-bottom: 6px;}
.compare-box .info .name {font-size: 15px; font-weight: 600;}
.compare-box .info .btn_style {margin-top: 16px;}
.compare-box .item {width: 100%;}
.compare-box .item dl {display: flex; flex-wrap: wrap; width: 100%;}
.compare-box .item dl dt {width: 100%; padding: 10px 0; font-size: 14px; font-weight: 500; text-align: center; color: #000; background-color: #F6F6F6; border-radius: 3px;}
.compare-box .item dl dd {position: relative;  width: 50%; padding: 10px 20px 16px; font-size: 14px; color: #666;}
.compare-box .item dl dd p {font-size: inherit; color: inherit;}
.compare-box .item dl dd + dd::after {content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #E9E9E9;}
.compare-box.compare-box3 {min-width: 520px;}
.compare-box.compare-box3 .item dl dd {position: relative;  width: 33.33%;} */

/* 요금제 상세보기 */
.prdc-headline {position: relative; margin: 0 auto; padding:0 20px 16px;}
.prdc-headline .title {font-size:20px; font-weight:600;}
.prdc-headline .prdc-share {position:absolute; top:0; right:20px;}
.prdc-headline .prdc-share .icon-share {width:20px; height:20px; background:url(../images/icon/icon_share.png) no-repeat; background-size:contain;}

.prdc-sect {position: relative; padding: 24px 0 40px; background-color: #f9f9f9;}
.prdc-sect > .con_inner {position: relative; margin: 0 auto;}
.prdc-sect .name {padding-top: 6px; font-weight: 600; font-size: 15px; color: #797979;}
.prdc-sect .spec-area {display: flex; flex-wrap: wrap; margin-top:16px;}
.prdc-sect .spec-area .item {position:relative; width: 100%; padding: 20px 20px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.03); border-radius: 12px; }
.prdc-sect .spec-area .item.data {margin-bottom: 10px;}
.prdc-sect .spec-area .item.call,
.prdc-sect .spec-area .item.sms {width: calc(100%/2 - 5px);}
.prdc-sect .spec-area .item.sms {margin-left: 10px;}
.prdc-sect .spec-area .item .title {position:relative; margin-bottom: 8px; padding-left: 23px; font-size: 14px; color: #696969;}
.prdc-sect .spec-area .item .title::after {content:""; display:block; position:absolute; left:0%; top:0; width:16px; height:16px;}
.prdc-sect .spec-area .item .free {font-weight:600; font-size:16px; color:#000;}
.prdc-sect .spec-area .item .plus {position:relative; margin-top: 4px; font-weight: 400; font-size:14px; color:#696969;}
.prdc-sect .spec-area .item.data .qos {margin-left: 6px; font-size: 0.9rem; font-weight: 400; color: #666;}
.prdc-sect .spec-area .item.data .qos > strong {font-weight: 600;}
.prdc-sect .spec-area .item.data .title::after {background:url(../images/icon/icon-prdc-data.png) no-repeat center; background-size: contain;}
.prdc-sect .spec-area .item.call .title::after {background:url(../images/icon/icon-prdc-call.png) no-repeat center; background-size: contain;}
.prdc-sect .spec-area .item.sms .title::after {background:url(../images/icon/icon-prdc-text.png) no-repeat center; background-size: contain;}
.prdc-sect .price-area {overflow: hidden; margin:20px 0; background-color: #fff; border-radius: 12px; border: 1px solid #ffc3d6;} 
.prdc-sect .price-area .inner {padding: 20px;}
.prdc-sect .price-area .point {color:#da2d50}
.prdc-sect .price-area dl {display:flex; width:100%; color:#555555;}
.prdc-sect .price-area dl + dl {margin-top:6px;}
.prdc-sect .price-area dl dt {text-align:left; font-size:13px;}
.prdc-sect .price-area dl dd {flex:1 auto; font-weight:500; font-size:13px; text-align:right;}
.prdc-sect .price-area dl dt.icon-low {}
.prdc-sect .price-area dl dt.icon-low::before {content:""; display:inline-block; width:6px; height:5px; margin:0 5px 2px 0; border-bottom:1px solid #555; border-left:1px solid #555;}
.prdc-sect .price-area .current-price {align-items: baseline; color:#292929; text-align:center;}
.prdc-sect .price-area .current-price dt {font-size:16px; font-weight:400;}
.prdc-sect .price-area .current-price dd {font-size:21px; font-weight:700; color:#f1516c;}
.prdc-sect .price-area .current-price dd .text {font-size:18px; font-weight:700}
.prdc-sect .price-area .current-price .btn-toggle {cursor:pointer}
.prdc-sect .price-area .current-price .btn-toggle .icon-arrow {position:relative; width:20px; height:20px; margin-left:6px;}
.prdc-sect .price-area .current-price .btn-toggle .icon-arrow::after {content:""; position:absolute; top:35%; left:50%; width:6px; height:6px; border:1px solid #000; border-width:2px 0 0 2px; transform:translate(-50%, -50%) rotate(-135deg);}
.prdc-sect .price-area .current-price .btn-toggle.active .icon-arrow::after {top:55%; transform:translate(-50%, -50%) rotate(45deg);}
.prdc-sect .price-area .orgin-price {margin-top:3px; text-align:right; color:#555; font-size: 15px;}
.prdc-sect .price-area .detail-price {opacity:0; display:none; margin-top:20px; padding-top:20px; border-top:1px solid #ddd; transition:.2s;}
.prdc-sect .price-area .detail-price.active {opacity:1; display:block;}
.prdc-sect .price-area .text-point {padding:16px; font-size:14px; line-height:1.4; color:#f1516c; background-color: #fff3f7; word-break:break-word;}
.prdc-sect .btn-area .btn-join {width:100%; padding:15px 20px; font-weight:600; font-size:16px; border-radius:12px; color:#fff; background-color:#f1516c;}

.detail-sect {position:relative;}
.detail-sect .content + .content {margin-top:40px;}
.detail-sect .content .cont-title {margin-bottom:12px; font-weight:700; font-size:18px;}
.detail-sect .content .cont-sub-title {margin-bottom:6px; font-weight:600; font-size:15px;}
.detail-sect .content .cont-sub-title2 {margin-bottom:6px; margin-top: 16px; font-weight:500;}
.detail-sect .content ul + .cont-sub-title {margin-top:24px;}
.detail-sect .content ul {width:100%}
.detail-sect .content ul li {position:relative; padding-left:12px; font-weight:400; font-size:15px; color:#555; line-height:1.4; word-break:break-all;}
.detail-sect .content ul li + li {margin-top:8px}
.detail-sect .content ul li > ul {margin-top:4px}
.detail-sect .content .num-list {counter-reset: num 0;}
.detail-sect .content .num-list > li {padding-left:24px;}
.detail-sect .content .num-list > li:before {content:counter(num)"."; counter-increment:num 1; position:absolute; left:0; top:0;}
.detail-sect .content .desc-list li {padding-left:12px !important;}
.detail-sect .content .desc-list li::before {content:""; position:absolute; left:0; top:10px; width:6px; height:1px; background:#666;}
.detail-sect .content .dot-list li {padding-left:10px !important;}
.detail-sect .content .dot-list li::before {content:""; position:absolute; left:0; top:8px; width:4px; height:4px; background:#898989; border-radius: 50%;}
.detail-sect .content .text-list li {padding-left: 20px;}
.detail-sect .content .text-list li span {position: absolute; left: 0; top: 3px; line-height: 1;}
.detail-sect .content table {margin-top:0;}
.detail-sect .content table th,
.detail-sect .content table td {font-size:14px; border:1px solid #ddd; line-height:1.4;}
.detail-sect .content table th {padding:6px 10px; font-weight:600; background-color:#e9e9e9; color:#000;}
.detail-sect .content table td {padding:6px 10px; text-align:center; color:#666; background: #fff;}
.detail-sect .content table + ul,
.detail-sect .content table + p {margin-top:4px;}
.detail-sect .content table + p {font-weight:400; font-size: 15px;}
.detail-sect .content .cont-text {margin-top:6px; font-weight:400; font-size:15px; color:#666; font-weight:400;}
.detail-sect .content .scroll-table {width:100%; overflow:auto;}
.detail-sect .content .scroll-table table {width:620px !important;}
.detail-sect .content .scroll-table p {margin-top:4px; font-weight:400; font-size:14px; color:#666; line-height:1.4;}
.detail-sect .content .scroll-table + ul {margin-top:8px}
.detail-sect .content .benefit-list li { position:relative; margin-top:0; padding-left:0;}
.detail-sect .content .benefit-list li + li {padding-top:12px;}
.detail-sect .content .benefit-list li .cont-box {display:flex; flex-wrap:wrap; align-items: center; padding:20px; border:1px solid #e9e9e9; border-radius:12px;}
.detail-sect .content .benefit-list li .cont-box .text-box {flex: 1;}
.detail-sect .content .benefit-list li .cont-box .text-box .title {width:100%; margin-bottom:4px; font-weight:600; font-size:15px; color:#000;}
.detail-sect .content .benefit-list li .cont-box .text-box .title span{font-size:0.8em; color:#777; font-weight: normal;}
.detail-sect .content .benefit-list li .cont-box .text-box .desc {flex:1; font-weight:400; font-size:14px; color:#686868;}
.detail-sect .content .benefit-list li .cont-box .btn-link {position:relative; display:block;font-weight:500; font-size:15px; color:#000;}
.detail-sect .content .benefit-list li .cont-box .btn-link::after {content:""; display:inline-block; width:6px; height:6px; margin:0 0 2px 4px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(45deg);}
.detail-sect .content .benefit-list li .cont-box.icon::before {content:""; display:inline-block; width:26px; height:26px; margin-right: 12px; background-size: contain;}
.detail-sect .content .benefit-list li .cont-box.icon-iptv::before {background-image:url(../images/icon/icon-benefit-iptv.png);}
.detail-sect .content .benefit-list li .cont-box.icon-card::before {background-image:url(../images/icon/icon-benefit-card.png);}
.detail-sect .content .benefit-list li .cont-box.icon-udoc::before {background-image:url(../images/icon/premium_logo.png);}
.detail-sect .content .benefit-list li .cont-box.icon-tving::before {background-image:url(../images/icon/tving_logo.png);}
.detail-sect .content.benefit-content {padding:20px; background-color:#f7f7f7; border-radius:12px;}
.detail-sect .content.benefit-content .cont-title {font-size:18px !important;}
.detail-sect .content.benefit-content .cont-title::before {content:""; display:inline-block; width:18px; height:18px; margin:0 5px -3px 0; background:url(../images/icon/icon-key-point.png) no-repeat; background-size:contain;}
.detail-sect .content.notice-content {padding:20px; background-color:#eff5fb; border-radius:12px;}

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

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



@media (min-width: 674px) {
	/* 공통 */
	.prdc-container.container-inner .con_inner {padding-top: 12px;}

	/* 요금제 탭 */
	.tab-default {position:relative; width: 100%; max-width: 1100px; margin: 0 auto;}
	.tab-default .tab-container {height:54px; margin: 0 20px;}
	.tab-default .tab-swiper li {padding: 0 10px;}
	.tab-default .tab-swiper li button {font-size:17px;}

	.tab-default .menu-container {top: 0;}
	.tab-default .menu-container .menu-box {padding-right:5px;}
	.tab-default .menu-container .menu-box li {width: 33.33%;}
	.tab-default .menu-container .menu-box li button {font-size:16px; }

	/* 요금제 필터 */
	.filter-group .btn-filter {width: auto; padding: 6px 15px; font-size: 15px;}
	.filter-group .btn-filter + .btn-filter {margin-left: 8px;}
	.filter-group .btn-filter span {padding-right: 20px;}

	/* 요금제 리스트 */
	.prdc-list .prdc-item .cont {padding: 25px 30px; font-size: 15px;}
	.prdc-list .prdc-item .cont .info .name {font-size: 15px;}
	.prdc-list .prdc-item .cont .data {font-size: 19px;}
	.prdc-list .prdc-item .cont .else li {font-size: 15px;}
	.prdc-list .prdc-item .cont .else .call:before,
	.prdc-list .prdc-item .cont .else .text:before {width:18px; height:18px;}
	.prdc-list .prdc-item .cont .price-box {padding-top: 18px;}
	.prdc-list .prdc-item .cont .price-box .mno-text {font-size: 15px;}
	.prdc-list .prdc-item .cont .price-box .current {font-size: 24px;}
	.prdc-list .prdc-item .cont .price-box .basic {font-size: 14px;}
	.prdc-list .prdc-item .cont .price-box .origin {font-size: 16px;}
	.prdc-list .prdc-item .cont .prdc-btns {right: 25px; bottom: 25px;}
	.prdc-list .prdc-item .cont .prdc-btns .btn-join {display: inline-block;}

	/* 요금제 필터 팝업 */
	.ui-filter-prdc .tab-menu {margin-top: 15px; margin-bottom: 40px;}
	.ui-filter-prdc .tab-panel{padding:0 40px;}

	.range-container .range-label {padding-bottom: 15px; font-size: 16px;}
	.range-container .range-slider {margin-bottom: 20px;}

	.range-btns {padding-top: 20px;}
	.range-btns .in .range-button {height: 42px;}

	.selected-keywords {margin-top: 40px;}
	.selected-keywords .keyword .delete-keyword {width: 18px; height: 18px; margin-left:8px; background-size: 10px; }

}

@media (min-width: 768px) {

	/* 요금제 비교 팝업 */
	#compareLayer .modal-content {padding:0 40px}
	.compare-box .row-item {padding: 15px 0;}
	.compare-box .row-item .title {padding: 0 10px 15px; font-size: 16px;}
	.compare-box .row-item ul li {padding: 0 10px 20px; font-size: 16px;}
	.compare-box .row-item ul li + li {margin-left: 20px;}
	.compare-box .row-item ul li > .spec {font-size: 16px;}
	.compare-box .row-item .btn_style {margin-top: 12px;}
	.compare-box .row-item.top-item ul li {padding-top: 20px;}
	.compare-box.compare-box3 {min-width: 100%;}
	.compare-box.compare-box3 .row-item li {width: 33.33%;}
	/* .compare-box .info .name {font-size: 15px;}
	.compare-box .info .btn_style {margin-top: 16px;}
	.compare-box .item dl dt {font-size: 15px;}
	.compare-box .item dl dd {padding: 20px 40px 20px; font-size: 15px;}
	.compare-box.compare-box3 {min-width: 100%;} */

	/* 요금제 비교함 */
	.put-pocket .btn-compare {padding: 12px 20px; font-size: 15px;}
	.put-pocket .btn-compare > span {margin-left: 5px;}
	.put-pocket .panel-pocket .desc .text {font-size: 14px;}
	.put-pocket .panel-pocket .put-prdc {display: flex; margin-top: 20px;}
	.put-pocket .panel-pocket .put-prdc li + li {margin-top: 0; margin-left: 10px;}
	.put-pocket .panel-pocket .put-prdc .y-data .info {align-items: center;}
	.put-pocket .panel-pocket .put-prdc .n-data::before {width: 12px; height: 12px;}
	.put-pocket .panel-pocket .put-prdc .n-data .btn-add {font-size: 15px;}
	.put-pocket .panel-pocket {padding: 24px 20px 30px;}



	/* 요금제 상세보기 */
	.prdc-headline {margin: 10px auto 0; padding:0 0 24px;}
	.prdc-headline .title {font-size:28px;}
	.prdc-headline .prdc-share {position:absolute; top:0; right:20px;}

	.prdc-sect {position: relative; padding: 40px 0 50px;}
	.prdc-sect .con_inner {padding: 0;}
	.prdc-sect .name {padding-top: 12px; font-size: 18px;}
	.prdc-sect .spec-area {display: flex; flex-wrap: nowrap; margin-top:24px;}
	.prdc-sect .spec-area .item {width: 100% !important; padding: 25px 30px;}
	.prdc-sect .spec-area .item + .item {margin-left:16px;}
	.prdc-sect .spec-area .item.data {margin-bottom: 0;}
	.prdc-sect .spec-area .item .title {margin-bottom: 20px; padding-left: 30px; font-size: 15px;}
	.prdc-sect .spec-area .item .title::after {width:18px; height:18px;}
	.prdc-sect .spec-area .item .free {font-size:18px;}
	.prdc-sect .spec-area .item .plus {margin-top: 6px; font-size:15px;}
	.prdc-sect .spec-area .item.data .qos {display: block; margin-top: 6px; margin-left: 0; font-size: 0.9rem; }
	.prdc-sect .price-area {margin:30px 0;} 
	.prdc-sect .price-area .inner {padding: 20px 30px;}
	.prdc-sect .price-area dl + dl {margin-top:8px;}
	.prdc-sect .price-area dl dt,
	.prdc-sect .price-area dl dd {font-size:15px;}
	.prdc-sect .price-area .current-price dt {font-size:18px;}
	.prdc-sect .price-area .current-price dd {font-size:25px;}
	.prdc-sect .price-area .current-price dd .text {font-size:23px;}
	.prdc-sect .price-area .orgin-price {margin-top:6px; font-size: 16px;}
	.prdc-sect .price-area .text-point {padding:20px 30px; font-size:16px;}
	.prdc-sect .btn-area .btn-join {padding:18px 20px; font-size:18px; border-radius:12px}

	.detail-sect .content + .content {margin-top:60px;}
	.detail-sect .content .cont-title {margin-bottom:16px; font-size:20px;}
	.detail-sect .content ul li {font-size:16px;}
	.detail-sect .content ul li + li {margin-top:10px}
	.detail-sect .content ul li > ul {margin-top:10px}
	.detail-sect .content table th,
	.detail-sect .content table td {font-size:15px;}
	.detail-sect .content table th {padding:10px 15px;}
	.detail-sect .content table td {padding:10px 15px;}
	.detail-sect .content table + ul {margin-top:8px;}
	.detail-sect .content .scroll-table table {width:100% !important;}
	.detail-sect .content .benefit-list li .cont-box {align-items:center; padding:24px 40px;}
	.detail-sect .content .benefit-list li .cont-box .text-box {flex: 1;}
	.detail-sect .content .benefit-list li .cont-box .text-box .title {margin-bottom:8px; font-size:18px; }
	.detail-sect .content .benefit-list li .cont-box .text-box .title span{font-size:0.8em;}
	.detail-sect .content .benefit-list li .cont-box .text-box .desc {font-size:16px; }
	.detail-sect .content .benefit-list li .cont-box.icon::before {width:32px; height:32px; margin-right:34px;}
	.detail-sect .content.benefit-content {padding:40px;border-radius:12px;}
	.detail-sect .content.benefit-content .cont-title {font-size:20px !important;}
	.detail-sect .content.benefit-content .cont-title::before {width:20px; height:20px; margin:0 8px -3px 0;}


}
@media (min-width: 940px) {
	/* 공통 */
	.comm-flag .basic {height: 23px; line-height: 23px; font-size: 13px;}

	/* 정렬 */
	.sorting .total {font-size: 15px;}
	.sorting .selectbox-sort {width: auto;}
	.sorting .selectbox-sort .selectbox-btn {height: auto !important;}

	/* 요금제 리스트 */
	.prdc-list.list {gap: 20px;}
	.prdc-list.list .prdc-item .cont {display: flex; padding: 26px 40px; font-size: 16px;}
	.prdc-list.list .prdc-item .cont .info {display: block; min-width:28%;}
	.prdc-list.list .prdc-item .cont .info .comm-flag {padding-right: 0;}
	.prdc-list.list .prdc-item .cont .info .name {padding-top: 12px;}
	.prdc-list.list .prdc-item .cont .detail {flex: 1;}
	.prdc-list.list .prdc-item .cont .detail .data {margin-top: 0;}
	.prdc-list.list .prdc-item .cont .data .free > .qos-m-view {display: none;}
	.prdc-list.list .prdc-item .cont .data .qos-pc-view {display: inline-block; margin-left: 6px; font-size: 0.8em; color: #666;}

	.prdc-list.list .prdc-item .cont .detail .else {display: block; margin-top: 10px;}
	.prdc-list.list .prdc-item .cont .detail .else li {margin-top: 0; margin-right: 0; padding-left: 30px; font-weight: 400;}
	.prdc-list.list .prdc-item .cont .detail .else li + li {margin-top: 6px;}
	.prdc-list.list .prdc-item .cont .pc-right {position: relative; text-align: right;}
	.prdc-list.list .prdc-item .cont .pc-right .price-box {margin-top: 0; padding-top: 0;}
	.prdc-list.list .prdc-item .cont .pc-right .price-box .pc-line {position: relative; justify-content:end; padding-left: 85px;}
	.prdc-list.list .prdc-item .cont .pc-right .price-box .basic {display: none; position: absolute; top: 50%; left: 0; margin-top: 2px; margin-left:0; transform: translateY(-50%);}
	.prdc-list.list .prdc-item .cont .pc-right .prdc-btns {position: relative; right: inherit; bottom: inherit; padding-top: 16px;}
	.prdc-list.list .prdc-item .gift-box .short,
	.prdc-list.list .prdc-item .gift-box .list {padding: 10px 40px;}
	.prdc-list.list .prdc-item .gift-box .short .text,
	.prdc-list.list .prdc-item .gift-box .list li .text {font-size: 15px;}

	/* 요금제 탭 */
	.tab-default.active {padding: 0 20px;}
	.tab-default.active .tab-btn .btn-toggle {top: 34px;}
	.tab-default .menu-container {position: relative; padding: 20px 0 10px; border-bottom: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	.tab-default .menu-container .menu-box {display:flex; flex-wrap:wrap; width:100%; margin: 0 -10px 0; padding-right:5px;}
	.tab-default .menu-container .menu-box li {width: auto; padding: 0 10px 12px;}
	.tab-default .menu-container .menu-box li button {font-size: 16px;}

	/* 요금제 비교함 */
	.put-pocket {top:73px;}

}

@media (min-width: 1100px) {
	/* 공통 */
	.prdc-container.container-inner > .title {padding: 50px 0 20px;}
	.prdc-container.container-inner .con_inner {padding: 15px 0 0 0;}


	/* 정렬 */
	.sorting .gride-type {display: flex; margin-left: 16px;}
	.sorting .gride-type li + li {margin-left: 6px;}
	.sorting .gride-type li .gride {width: 26px; height: 26px; background-size: contain;}
	.sorting .gride-type li .gride-list { background-image: url(../images/icon/icon_grid1_align.png);}
	.sorting .gride-type li .gride-img { background-image: url(../images/icon/icon_grid3_align.png);}
	.sorting .gride-type li.active .gride-list { background-image: url(../images/icon/icon_grid1_align_active.png);}
	.sorting .gride-type li.active .gride-img { background-image: url(../images/icon/icon_grid3_align_active.png);}


	/* 요금제 탭 */
	.tab-default.active {padding: 0}
	.tab-default .tab-container {margin: 0;}
	.tab-default .tab-btn {right: 0;}
	.tab-default.active .tab-btn {right: 0;}

	/* 요금제 리스트 */
	.prdc-list.img {grid-template-columns: repeat(3, minmax(calc(33.33% - 24px), 1fr)); gap: 24px;}
	.prdc-list.img .prdc-item {overflow: visible ; height: 100%; padding-bottom: 50px;}
	.prdc-list.img .prdc-item .cont .info {width: 100%;}
	.prdc-list.img .prdc-item .cont .data {font-size: 18px;}
	.prdc-list.img .prdc-item .cont .detail .data {margin-top: 20px;}
	.prdc-list.img .prdc-item .cont .detail .else {display: block; margin-top: 10px;}
	.prdc-list.img .prdc-item .cont .detail .else li {padding-left: 25px;}
	.prdc-list.img .prdc-item .cont .pc-right {text-align: left; width: 100%; padding-top: 5px;}
	.prdc-list.img .prdc-item .cont .pc-right .prdc-btns {padding-top: 0; position: absolute; right: 25px; bottom: 25px; width: auto;}
	.prdc-list.img .prdc-item .cont .pc-right .prdc-btns .btn-join {display:none;}
	.prdc-list.img .prdc-item .cont .pc-right .prdc-btns .btn-def {padding: 0 15px; height: 30px; font-size: 13px;}
	.prdc-list.img .prdc-item .cont .price-box .origin {font-size: 15px ;}
	
	.prdc-list.img .prdc-item .gift-box {z-index: 1; position: absolute; left: 0; right: 0; bottom: 0;}
	.prdc-list.img .prdc-item .gift-box.active .list {position: absolute; top: 0; width: 100%; margin-top: 0; border: 1px solid #e9e9e9; border-width: 0 1px 1px 1px; border-radius: 0 0 16px 16px;}

}




/* ********************************************** */
/* 250424 - 파트너스 */
/* ********************************************** */
.content-wrap .board_con{ margin-top:20px; display:flex; justify-content: space-between; flex-wrap: wrap;}
.content-wrap .board_con .box{border-radius: 12px; border:1px solid #ddd; width:calc(50% - 5px); padding:12px; margin-bottom: 10px; position: relative;}
.content-wrap .board_con .box > .title{color:#555; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: space-between;}
.content-wrap .board_con .box > .title .icon{width:17px; display: inline-flex;}
.content-wrap .board_con .box .hidden_txt{position: absolute; right: 40px; top: -20px; padding:10px; background-color: #f7f7f7; border-radius: 10px; font-size: 13px; color:#777; border:1px solid #ededed; max-width: 150px; display: none;}
.content-wrap .board_con .box > .title .icon img{width:100%; display: block;}
.content-wrap .board_con .box > p{text-align: right; margin-top: 7px; font-size: 20px; font-weight: 800;}
.table_style{width: 100%; overflow: auto; max-height: 300px; position: relative;}
.table_style table{white-space:nowrap; border-collapse: collapse; table-layout:auto;}
.table_style table thead tr th{padding:10px; background-color: #f7f7f7; font-size: 14px; font-weight: 600;  color:#333;}
.table_style table tbody tr{border-bottom:1px solid #ededed;}
.table_style table tbody tr td{padding:8px; font-size: 13px; text-align: center; color:#585858; font-weight: 300}
.table_style table tbody tr.sum{position:sticky; left: 0; bottom:-1px; background-color: #f7f7f7; z-index: 10;}
@media (min-width: 800px) {
	.content-wrap .board_con .box > .title{font-size: 16px;}
	.content-wrap .board_con .box > p{font-size: 25px;}
	.table_style table thead tr th{font-size:15px; padding: 14px;}
	.table_style table tbody tr td{font-size: 14px; padding: 12px;}
}

/* 링크생성 */
.link-article{display:flex; justify-content: space-between; flex-wrap: wrap}
.link-article .box{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; width: 100%; text-align: center;background-color: #fff; border-radius: 13px; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow: hidden; padding: 15px; margin-bottom:15px;}
.link-article .box .data{width: 100%;}
.link-article .box .data p{text-align: center; font-size: 27px; font-weight: 700; color:#333;}
.link-article .box .month{font-size: 13px; background-color: #fff0f2; color:#F1516C; font-weight: 500; padding: 4px 8px; display: inline-flex; border-radius: 7px; margin-bottom: 7px;}
.link-article.skt .box .month{background-color: #fff3ec; color:#ff7712}
.link-article.kt .box .month{background-color: #ecfffd; color:#108a85}
.link-article .box .link{color:#fff; padding:12px 10px; width:100%; display: block; background-color:#f1516c; font-size: 14px; font-weight: 500; border-radius: 10px; margin-top: 10px;}
.link-article.skt .box .link{background-color: #ff7712;}
.link-article.kt .box .link{background-color: #108a85;}
.link-article .box .link img{width: 15px; display: inline-block; margin-right: 8px;}
.link-article .box .thumb{width: 100%; border-radius: 12px;}
.link-article .box .content{margin:15px 0 3px 0; font-size: 16px;}
.link-article .box .content .title{font-weight: 600; font-size: 15px;}
.link-article .box .content .date{font-size: 13px; font-weight: 400; color:#666; margin-top: 3px; width: 100%;}
.link-article.contents{align-items: flex-start;}
.link-article.contents .box .img{max-height:400px; overflow: hidden}
.link-article.event .box .link,
.link-article.contents .box .link{background-color:#333;}
@media (min-width: 470px) {
	.link-article > .box{width: calc(100%/2 - 5px);}
}
@media (min-width: 1000px) {
	.link-article > .box{width: calc(100%/3 - 10px);}
	.link-article.contents .box,
	.link-article.event .box{width:calc(100%/2 - 10px);}
	.link-article .box .content .title{font-size: 17px;}
	.link-article .box .content .date{font-size: 14px;}
}

/* 유의사항 */
.partners-terms{background-color:#f7f7f7; padding:20px; border-radius:7px;}
.partners-terms .bold{font-size:16px; font-weight:600; color:#333;}
.partners-terms p{font-size:14px; color:#777; font-weight:400; line-height:1.5;}
.partners-terms p + p{margin-top:5px;}
.link-privacy{padding:15px;}
@media (min-width: 1100px) {
	.partners-terms{padding:30px;}
	.partners-terms .bold{font-size:18px;}
	.partners-terms p{font-size:16px;}
}