@charset "utf-8";

.badge-box span {font-size:18px; font-weight:600;}
.badge-box .best {color:#d82246;}
.badge-box .new {color:#F06E31;}
.badge-box .hot {color:#e6000b;}
.badge-box .pdream {color:#2C54B7; font-size:16px;}
.badge-box .gift {color:#4475E6; padding-left:22px;}
.badge-box .gift::before {content:""; display:block; position: absolute; top:2px; left:0; width:18px; height:18px; background:url(../images/icon/badge_gift.png) no-repeat; background-size: contain;}

/* table */
.tbl-basic {width:100%;}
.tbl-basic table {border-top:2px solid #000;}
.tbl-basic table tr th {padding:20px 16px; font-weight:600; font-size:15px; border:1px solid #eee; text-align:center; line-height:1.5; color:#000; background:#f8f8f8;}
.tbl-basic table tr td {padding:20px 16px; font-weight:500; font-size:15px; border:1px solid #eee; text-align:center; line-height:1.5; color:#666; background:#ffffff;}
/* .tbl-basic table tr th:last-child,
.tbl-basic table tr td:last-child {border-right:0;} */
.tbl-basic table tr.head-line th {background:#fff; border-bottom:1px solid #000;}
.tbl-basic table [scope="row"] {font-weight:600;}

.tbl-basic table .txt-list {list-style:none;}
.tbl-basic table .txt-list .txt-list {margin-top:8px;}
.tbl-basic table .txt-list+.txt-list {margin-top:12px;}
.tbl-basic table .txt-list li {position:relative; padding-left:20px; font-weight:500; font-size:15px; color:#666; line-height:1.5;}
.tbl-basic table .txt-list li+li {margin-top:8px;}
.tbl-basic table .txt-list li > span {position:absolute; left:0; display:inline-block; width:20px;}
.tbl-basic table .txt-list.disc > li, ul.circle > li, ul.hyphen > li {padding-left:12px !important;}
.tbl-basic table .txt-list.disc > li:before {content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#797979; border-radius:50%;}
.tbl-basic table .txt-list.circle > li:before {content:''; position:absolute; left:0; top:8px; width:5px; height:5px; border:1px solid #797979; border-radius:50%;}
.tbl-basic table .txt-list.hyphen > li:before {content:''; position:absolute; left:0; top:10px; width:5px; height:1px; background-color:#797979; border-radius:50%;}
.tbl-basic table .txt-list.ast > li {padding-left:12px;}
.tbl-basic table .txt-list.ast > li:before {content:'*'; position:absolute; left:0; top:2px; font-weight:600;}

/* selectbox */
.select-container {margin-top:20px;}
.select-container .input {z-index:1; overflow:hidden; cursor:pointer; display:block; position:relative; height:46px; padding:0 16px; line-height:46px; border:1px solid #e2e2e2;  white-space:nowrap; text-overflow:ellipsis; font-weight:600; font-size:16px;}
.select-container .input:after {content:""; position:absolute; right:0; width:12px; height:12px; margin:11px 20px 0 0; border-bottom:2px solid #999; border-right:2px solid #999; transform:rotate(45deg);}
.select-container .option {display:none; overflow-x:hidden; overflow-y:auto;}
.select-container .option ul {border:1px solid #e2e2e2;}
.select-container .option ul li {position:relative; padding:14px 50px 14px 16px; font-size:16px; border-bottom:1px solid #e2e2e2;}
.select-container .option ul li:last-child {border-bottom:0;}
.select-container.visible .option {display:block;}

/* btn */
.btn-area .btn {display:inline-block; padding:18px 50px; min-width:180px; font-weight:600; font-size:18px; text-align:center;}
.btn-area .btn+.btn {margin-left:12px;}
.btn-area .btn-pink {background-color:#f1516c; color:#fff;}
.btn-area .btn-grey {background-color:#7f7f7f; color:#fff;}

.btn-round-box {display:flex; justify-content:center;}
.btn-round-box a {display:inline-block; position:relative; width:100%; height:56px; padding:16px 0; font-weight:600; font-size:20px; text-align:center; vertical-align:top; border-radius:12px;}
.btn-round-box a+a {margin-left:8px;}
.btn-round-box .btn_chk {display:flex; justify-content:center; width:100%;}
.btn-round-box .btn-self {color:#fff; background:#f1516c;}
.btn-round-box .btn-onlinejoin {color:#f1516c; border:1px solid #f1516c;}
.btn-round-box .btn-onlinejoin.full {color:#fff; background:#f1516c;}

.btn-round-box-text {display:flex; justify-content:center; padding:12px 0;}
.btn-round-box-text p  {width:50%; padding:0 4px; text-align:center; color:#666; font-weight:500; font-size:14px; line-height:1.5;}

/* 부가서비스  */
.product-header {position:relative; padding:50px 0; background-color:#f9f9f9;}
.product-header h3 {padding-top:0; padding-bottom:20px; font-weight:600; font-size:36px;}
.product-header .desc {font-weight:500; font-size:21px; line-height:1.5; color:#797979;}
.product-header .btn-area {position:absolute; right:0; bottom:0; width:auto; font-size:0;}
.product-content {margin-top:60px;}

.product-center-header {background-color:#fff !important; text-align:center;}
.product-center-header .desc {font-weight:500; font-size:21px; line-height:1.5; word-break:keep-all;}
.product-center-header .btn-area {display:flex; justify-content: center; position:relative; top:inherit; left:inherit; margin-top:30px;}

.example-content .table_default {display:inline-block; width:535px;}
.example-content .table_default::after {content:""; display:block; clear:both;}
.example-content .table_default+.table_default {margin-left:26px;}
.example-content .table_defulat.left {float:left;}
.example-content .table_default.right {float:left;}


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


/* accordion */
.accordion-list {border-top:10px solid #f2f0f0}
.accordion-list > li {border-top:1px solid #e2e2e2;}
.accordion-list > li .head {position:relative; width:1100px; margin:0 auto; position:relative; padding:24px 0;}
.accordion-list > li .head .title {display:block; font-weight:600; font-size:22px; color:#191919;}
.accordion-list > li .head:after {content:""; display:block; position:absolute; right:35px; top:50%; width:14px; height:14px; margin-top:-12px; border-top:2px solid #191919; border-right:2px solid #191919; transform:rotate(135deg)}
.accordion-list > li.on .head .title {color:#f1006f;}
.accordion-list > li.on .head:after {margin-top:-5px; border-color:#f1006f; transform:rotate(-45deg)}
.accordion-list > li .detail {display:none; padding:40px 0; background-color:#f6f6f6;}
.accordion-list > li .detail .inbox {position:relative; width:1100px; margin:0 auto;}

.text-list ul {padding:0;}
.text-list ul li {position:relative; margin-bottom:10px; padding-left:14px; font-weight:500; font-size:17px; color:#555; line-height:1.5;}
.text-list ul li:last-child {margin-bottom:0 !important;}
.text-list ul.disc > li {padding-left:14px;}
.text-list ul.disc > li::before {content:''; position:absolute; left:0; top:12px; width:5px; height:5px; background-color:#666; border-radius:50%;}
.text-list ul.hyphen > li::before {content:''; position:absolute; left:0; top:14px; width:7px; height:1px; background-color:#666; border-radius:50%;}
.text-list ul ul {margin-top:10px;}
.text-list .table {margin-top:10px; margin-bottom:0;}

.img-step-wrap + .img-step-wrap {margin:60px auto 0 !important;}
.img-step-wrap .title {margin-bottom:16px; font-weight:600; font-size:20px;}
.img-step-wrap .list4 li {width:25%;}
.img-step-wrap .disc {margin-bottom:20px;}
.img-step-wrap .img-box {display:flex; flex-wrap: wrap; margin:-10px;}
.img-step-wrap .img-box li {padding:10px;}
.img-step-wrap .img-box li .item {height:100%; padding:30px; background-color:#fff;}
.img-step-wrap .img-box li .item .step {display:inline-block; margin-bottom:10px; font-weight:600; color:#D82146;}
.img-step-wrap .img-box li .item .text {min-height:47px; margin-bottom:20px; font-size:17px; line-height:1.4;}
.img-step-wrap .img-box li .item .img {border:2px solid #e2e2e2;}
.img-step-wrap .img-box li .item .img img {width:100%;}


/* custom select box */
.select-custom {position:relative; width:100%;}
.select-custom .select-btn {display:flex; align-items:center; width:100%; height:50px; padding:8px 20px; border:1px solid #ddd; border-radius:5px;}
.select-custom .select-btn::after {content:""; display:block; position:absolute; right:20px; top:50%; width:10px; height:10px; border-bottom:2px solid #000; border-left:2px solid #000; transform:translateY(-50%) rotate(-45deg);}
.select-custom .select-btn > span {position:relative; display:inline-block; width:100%; font-size:16px;}
.select-custom .select-scroll {display:none; visibility:hidden; z-index:1; position:absolute; left:-2px; width:calc(100% + 4px); max-height:150px; border:1px solid #ddd; background:#fff;}
.select-custom .select-scroll ul li {display:block;}
.select-custom .select-scroll ul li a {display:block; padding:8px 20px; font-size:16px; border-radius:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.select-custom.active {border:2px solid #000; border-bottom:0; border-radius:5px 5px 0 0;}
.select-custom.active .select-btn {border:0;}
.select-custom.active .select-btn > span::after {transform:rotate(-224deg);}
.select-custom.active .select-scroll {overflow: auto; display:block; visibility:visible; border:2px solid #000; border-top:0; border-radius:0 0 5px 5px;}
.select-custom.active .select-scroll ul li:hover {background-color:#f0f0f0;}

/* 
폰가비 색상 선택 셀렉트박스 online.css 변경
.select-custom2 {position:relative; width:100%;}
.select-custom2 .select-btn2 {display:flex; align-items:center; width:100%; height:50px; padding:8px 20px; border:1px solid #ddd; border-radius:5px;}
.select-custom2 .select-btn2::after {content:""; display:block; position:absolute; right:20px; top:50%; width:10px; height:10px; border-bottom:2px solid #000; border-left:2px solid #000; transform:translateY(-50%) rotate(-45deg);}
.select-custom2 .select-btn2 > span {position:relative; display:inline-block; width:100%; font-size:16px;}
.select-custom2 .select-scroll2 {display:none; visibility:hidden; z-index:1; position:absolute; left:-2px; width:calc(100% + 4px); max-height:150px; border:1px solid #ddd; background:#fff;}
.select-custom2 .select-scroll2 ul li {display:block; padding:8px 20px; font-size:16px; border-radius:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;cursor:pointer;}
.select-custom2 .select-scroll2 ul li a {display:block; }
.select-custom2.active {border:2px solid #000; border-bottom:0; border-radius:5px 5px 0 0;}
.select-custom2.active .select-btn2 {border:0;}
.select-custom2.active .select-btn2 > span::after {transform:rotate(-224deg);}
.select-custom2.active .select-scroll2 {overflow: auto; display:block; visibility:visible; border:2px solid #000; border-top:0; border-radius:0 0 5px 5px;}
.select-custom2.active .select-scroll2 ul li:hover {background-color:#f0f0f0;}
.select-custom2.active .select-scroll2 .disabled {background-color:#f0f0f0;color:#c0c0c0;cursor:default;}
.select-custom2.active .select-scroll2 .disabled::after { content : ' (재고없음)'; }
 */

/* tab */
.tab-menu {position:relative; margin-bottom:20px;}
.tab-menu.line {border-bottom:1px solid #e2e2e2;}
.tab-menu .tabs {display:flex; font-size:0;}
.tab-menu .tabs li {display:inline-block; position:relative; min-width:160px; text-align:center; word-break:keep-all;}
.tab-menu .tabs li::before {content:""; display:block; position:absolute; left:0; bottom:-1px; right:0; width:100%; height:4px;}
.tab-menu .tabs li a {display:block; width:100%; height:100%; font-weight:600; font-size:20px; color:#898989; line-height:1.4; padding:16px 20px;}
.tab-menu .tabs li.active::before {background:#f1516c;}
.tab-menu .tabs li.active a {color:#f1516c;}
.tab-panel {display:none;}
.tab-panel img {display:block; margin:0 auto;}
.tab-panel.active {display:block;}
.tab-panel .usim_question img{max-width: 100%;}

.usim_tabs {position: relative; padding: 0; list-style: none; display: flex; width: 100%; margin: 0 auto;}
.usim_tab {width: calc(100%/2);}
.usim_tab label {position: relative; width: 100%;}
.usim_tab [type="radio"] {display: none;}
.usim_tab .ut_box {display: none; margin-top: 80px; width: 200%;}
.usim_tab [type="radio"] + label{background: none; padding-left: 0;}
.usim_tab #usimTab1[type="radio"] + label .usim3_on{display:none;}
.usim_tab #usimTab1[type="radio"] + label .usim3_off{display:block;}
.usim_tab #usimTab1[type="radio"]:checked ~ label .usim3_off{display:none;}
.usim_tab #usimTab1[type="radio"]:checked ~ label .usim3_on{display:block;}
.usim_tab #usimTab2[type="radio"] + label .usim4_on{display:none;}
.usim_tab #usimTab2[type="radio"]:checked ~ label .usim4_off{display:none;}
.usim_tab #usimTab2[type="radio"]:checked ~ label .usim4_on{display:block;}
.usim_tab [type="radio"]:checked ~ label {z-index: 2;}
.usim_tab [type="radio"]:checked + label + .ut_box {z-index: 1; display: block;}
.usim_tab #usimTab2[type="radio"]:checked + label + .ut_box{left:-100%; position: relative}
.usim_flex{display: flex;}

.sub-menu {margin-top:40px; margin-bottom:60px;}
.sub-menu .tabs li {min-width:auto; margin-right:40px; padding:0;}
.sub-menu .tabs li:last-child {margin-right:0;}
.sub-menu .tabs li a {font-weight:600; font-size:18px; color:#acacac;}
.sub-menu .tabs li::before {height:1px;}

/* 가입페이지 */
.item-top {width:1100px; margin:0 auto; padding:40px 0 20px 0;}
.item-top .back {display: inline-block; position:relative;}
.item-top .back::before {content:""; position:absolute; left:0; top:6px; width:6px; height:6px; border-top:3px solid #aaa; border-left:3px solid #aaa; transform:rotate(-45deg);}
.item-top .back::after {content:""; position:absolute; left:0; bottom:-5px; width:100%; height:3px; background:#ccc;}
.item-top .back a {display:block; padding:0 10px 8px 24px; color:#aaa; font-weight:600; font-size:16px;}

.item-detail {width:1100px; margin:0 auto; padding-bottom:60px; font-size:0;}
.item-gallery {display:inline-block; width:48%; margin-right:2%; vertical-align:top;}

.item-gallery img {max-width:100%; max-height:100%;}
.item-gallery .gallery-product {padding:80px 40px; background:#F6F6F6; border-radius:25px;}
.item-gallery .gallery-product .gallery-top {position:relative;}
.item-gallery .gallery-product .gallery-top .swiper-wrapper {margin-bottom: 60px;}
.item-gallery .gallery-product .gallery-top .swiper-wrapper .swiper-slide {height:300px; text-align:center;}
.item-gallery .gallery-product .gallery-top .swiper-button-next,
.item-gallery .gallery-product .gallery-top .swiper-button-prev {width:38px; height:38px; border-top:2px solid #898989; border-right:2px solid #898989; background-image:none;}
.item-gallery .gallery-product .gallery-top .swiper-button-next {right:16px; transform: rotate(45deg);}
.item-gallery .gallery-product .gallery-top .swiper-button-prev {left:16px; transform: rotate(-135deg);}
.item-gallery .gallery-product .gallery-thumbs {margin-top:60px;}
.item-gallery .gallery-product .gallery-thumbs .swiper-wrapper  {justify-content: center;}
.item-gallery .gallery-product .gallery-thumbs .swiper-wrapper .swiper-slide {width:90px; height:106px; margin-right:10px; padding:20px 0; text-align:center; background:#fff; border-radius:5px; cursor:pointer;}
.item-gallery .gallery-product .gallery-thumbs .swiper-wrapper .swiper-slide:last-child {margin-right:0 !important;}
.item-gallery.usim .gallery-product .gallery-top .swiper-button {top:34%;}
.item-gallery.usim .gallery-product .gallery-top .swiper-wrapper .swiper-slide {height:auto;}
.item-gallery.usim .gallery-product .gallery-top .swiper-wrapper .swiper-slide img {max-width:226px; width:100%;}
.item-gallery.usim .gallery-product .gallery-thumbs .swiper-wrapper .swiper-slide {height:auto;}

.item-gallery .gallery_bn {overflow:hidden; margin-top:40px; border-radius:25px;}
.item-gallery .gallery_bn .swiper-wrapper {width:100%; height:200px;}
.item-gallery .gallery_bn .swiper-wrapper .swiper-slide {background:#F6F6F6;}
.item-gallery .gallery_bn .swiper-wrapper .swiper-slide a {display:block;}
.item-gallery .gallery_bn .swiper-pagination {bottom:20px}

.item-option {display:inline-block; width:48%; margin-left:2%; vertical-align:top}
.item-option .badge-box {margin-bottom:10px;}
.item-option .badge-box > span {position:relative; margin-right:10px;}
.item-option .badge-box > span:last-child {margin-right:0;}
.item-option .title {font-weight:600; font-size:30px; line-height:1.3;}
.item-option .title span{font-size:20px; font-weight:500;}
.item-option .info_text {position:relative; margin-top:16px; padding:16px; font-weight:500; font-size:16px; line-height:1.5; color:#666; background:#e6ebf4; border-radius:12px;}
.item-option .info-price {margin-top:12px;}
.item-option .info-price strong {font-weight:600;}
.item-option .info-price .price {font-weight:600; font-size:28px; color:#f1516c;}
.item-option .info-price .price > strong {font-size:32px;}
.item-option .info-price .price-line {margin-left:12px; font-weight:500; font-size:16px; color:#797979; text-decoration:line-through;}
.item-option .info-price .price-line > strong {font-weight:500;}
.item-option .option-benefit {position:relative; margin-top:32px; padding:16px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.item-option .option-benefit dl {display:flex; align-items:center; width:100%; font-size:0;}
.item-option .option-benefit dl+dl {margin-top:6px;}
.item-option .option-benefit dl dt {width:20%; margin-right:8px; padding:6px 0; text-align:center; font-weight:500; font-size:15px; background:#000; color:#fff;}
.item-option .option-benefit dl dd {width:80%;}
.item-option .option-benefit dl dd p {font-size:15px; color:#2162d8; line-height:1.5;}
.item-option .option-benefit dl dd p+p {margin-top:4px}
.item-option .option-area {padding-top:32px;}
.item-option .option-area+.option-area {border-top:1px solid #e2e2e2;}
.item-option .option-area dl {position:relative; margin-bottom:28px;}
.item-option .option-area dl dt {margin-bottom:10px; font-weight:600; font-size:18px;}
.item-option .option-area:last-child dl:last-child {margin-bottom:0;}
.item-option .option-area .option-type {display:flex; width:100%;}
.item-option .option-area .option-type label {display:block; width:100%; margin-left:8px; padding:14px 6px; text-align:center; word-break:break-word; font-size:16px; color:#999; border-radius:5px; background:#f0f0f0; cursor:pointer;}
.item-option .option-area .option-type label span {display:block; margin-top:3px; font-weight:500; word-break:keep-all;}
.item-option .option-area .option-type label:nth-of-type(1) {margin-left:0}
.item-option .option-area .option-type label.active {position:relative;  font-weight:500; color:#db2b51; background:#ffe2e5;}
.item-option .option-area .option-type label.active::after {content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #ED5D6F; border-radius:5px; }
.item-option .option-area .option-type label strong {position:relative; display:block; margin-top:4px; font-weight:600; color:#297ccf;}

.item-option .option-area .option-type.option-row2 {flex-wrap: wrap;}
.item-option .option-area .option-type.option-row2 label {width:49%; box-sizing: border-box;}
.item-option .option-area .option-type.option-row2 label:nth-child(odd) {margin-left:0; margin-right:1%;}
.item-option .option-area .option-type.option-row2 label:nth-child(even) {margin-left:1%;}
.item-option .option-area .option-type.option-row2 label:nth-child(3),
.item-option .option-area .option-type.option-row2 label:nth-child(4) {margin-top:10px;}

.item-option .option-area .option-type.resizeone {flex-wrap:nowrap;}
.item-option .option-area .option-type.resizeone label {width:50%;}
.item-option .option-area .option-type.resizeone2 label {width:50%;}
.item-option .option-area .option-type+select {height:46px; margin-top:16px; padding:0 16px;}
.item-option .option-area .desc-box {display:block; position:relative; margin-top:10px;}
.item-option .option-area .desc-box p {display:block; font-size:14px; color:#444;}
.item-option .option-area .desc-box p + p {margin-top:2px;}
.item-option .option-area .desc-box span {position:relative; display:block; margin-top:6px; padding-left:14px; font-size:14px; color:#797979;}
.item-option .option-area .desc-box span::before {content:""; display:block; position:absolute; left:0; top:3px; width:6px; height:6px; border-bottom:2px solid #acacac; border-left:2px solid #acacac;}
.item-option .option-area .desc-box .btn-ptns-link {position:absolute; right:0; top:0;}
.item-option .option-area .desc-box .btn-ptns-link2 {position:absolute; right:0; top:30px;}
.item-option .option-area .desc-box .point-box {margin-top:16px; padding:6px 20px; font-weight:500; font-size:15px; text-align:center; color:#fff; border-radius:2px;  background:#68acec; line-height:1.4;}
.item-option .option-area .agree-box {position:relative; margin-top:10px; padding:10px 0; font-weight:600; font-size:16px; text-align:center; color:#f1516c; background:#FEF2F2; border:1px solid #ed778e; border-radius:5px;}
.item-option .option-area .plan-box {border:1px solid #e2e2e2; border-radius:5px;}
.item-option .option-area .plan-box+.plan-box {margin-top:16px;}
.item-option .option-area .plan-box .inner {padding:20px 24px;}
.item-option .option-area .plan-box .comm-name {display:block; margin-bottom:8px; font-weight:600; font-size:18px;}
.item-option .option-area .plan-box .offer {font-size:15px; color:#666; line-height:1.5;}
.item-option .option-area .plan-box .offer span {position:relative; margin-left:10px; padding-left:10px; font-weight:500;}
.item-option .option-area .plan-box .offer em {margin-left:2px; font-weight:500;}
.item-option .option-area .plan-box .offer span::before {content:""; display:block; position:absolute; left:0; top:6px; width:1px; height:13px; background:#ccc;}
.item-option .option-area .plan-box .offer span:first-child {margin-left:0; padding-left:0;}
.item-option .option-area .plan-box .offer span:first-child::before {display:none;}
.item-option .option-area .plan-box .choice-option {margin-top:8px; padding:8px 10px; font-size:13px; text-align:center; color:#D82146; line-height:1.5; border:1px solid #fcb1b7; border-radius:4px;}
.item-option .option-area .plan-box .top-flag {display:inline-block; padding:5px 15px;  text-align:center; border-radius:20px; font-weight:600; font-size:13px; background: #BAD8FC;}

.item-option .option-area .comm-info {display:flex; padding:20px 24px; background:#FEF2F2;}
.item-option .option-area .comm-info .event {flex:1 0 auto;}
.item-option .option-area .comm-info .event > span {display:inline-block; padding:7px 15px; margin-right:4px; vertical-align:middle; text-align:center; font-weight:700; font-size:14px; color:#fff; border-radius:30px; background:#D82146}
.item-option .option-area .comm-info .desc {width:100%; padding-left:10px; font-weight:500; font-size:15px; line-height:1.5; color:#D82146;}   
.item-option .option-area .comm-info .desc ul li {font-weight:500; font-size:15px; line-height:1.5; color:#D82146;}              
.item-option .option-area .plan-btn {text-align:right; margin-top:10px;}
.item-option .option-area .btn-line {padding-bottom:1px; font-size:14px; color:#f1516c; border-bottom:1px solid #f1516c;}
.item-option .option-area .btn-line+.btn-line {margin-left:12px;}
.item-option .btn-round-box {margin-top:40px;}

.item-option .option-area .plan-select-list {cursor:pointer;}
.item-option .option-area .plan-select-list .plan-box {position:relative;}
.item-option .option-area .plan-select-list .plan-box.active::before {content:""; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:2px solid #000 !important; border-radius:5px;}
.item-option .option-area .plan-select-list .plan-box .comm-info  {padding:10px 30px;}
.item-option .option-area .plan-select-list .plan-box .comm-info .desc {width:100%;}

.item-bilil-wrap {z-index:2; position:fixed; left:0; bottom:0; right:0; width:100%; background:#fff; box-shadow:0 0 18px 6px rgba(0,0,0,.16); z-index: 100}
.item-bilil-wrap .inner {position:relative; width:1100px; margin:0 auto;}
.item-bilil-wrap .bill-top { padding:16px 0; background:#5E5E77;}
.item-bilil-wrap .bill-top .price-area {position:relative; color:#fff;}
.item-bilil-wrap .bill-top .price-area .total-text {margin-right:8px; font-weight:600; font-size:24px;}
.item-bilil-wrap .bill-top .price-area .total-price {display:inline-block; font-size:28px; color:#fff; line-height: 1.5;}
.item-bilil-wrap .bill-top .price-area .total-price .h_tot {font-weight:600; font-size:32px;}
.item-bilil-wrap .bill-top .price-area .total-price .h_tot > span {font-size:26px;}
.item-bilil-wrap .bill-top .price-area .total-price .h_vat {font-weight:200; font-size:16px;}
.item-bilil-wrap .bill-top .price-area .total-detail {font-weight:200; color:#fff;}
.item-bilil-wrap .bill-top .price-area .total-detail .direct-pay {font-size:20px; color:#fcda7e;}
.item-bilil-wrap .bill-top .btn-round-box {position:absolute; top:50%; right:0; margin-top:-23px;}
.item-bilil-wrap .bill-top .btn-round-box  a {width:220px; height:52px; padding:12px 0;}
.item-bilil-wrap .bill-top .btn-round-box .btn-self {color:#5E5E77; background-color:#fff; border:2px solid #fff;}
.item-bilil-wrap .bill-top .btn-round-box .btn-onlinejoin {color:#fff; background-color:transparent; border:2px solid #fff;}
.item-bilil-wrap .bill-top .btn-round-box .btn-onlinejoin.full {width:260px; color:#5E5E77; background-color:#fff;}
.item-bilil-wrap .bill-top .btn-round-box .btn-toggle {width:56px; height:52px; min-width:auto; margin-left:5px; font-size:0; text-indent:-9999px; border:1px solid #fff;}
.item-bilil-wrap .bill-top .btn-round-box .btn-toggle::before {content:""; display:block; position:absolute; right:50%; top:50%; width:10px; height:10px; margin:-3px -7px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(-45deg);}
.item-bilil-wrap .bill-top .btn-round-box .btn-toggle.open::before {margin:-3px -7px; transform:rotate(-45deg);}
.item-bilil-wrap .bill-top .btn-round-box .btn-toggle.close::before {margin:-9px -7px; transform:rotate(135deg);}
.item-bilil-wrap .bill-top .btn-area .btn-toggle {width:52px; min-width:auto; font-size:0; text-indent:-9999px; border:1px solid #f1516c;}
.item-bilil-wrap .bill-top .btn-area .btn-toggle::before {content:""; display:block; position:absolute; right:50%; top:50%; width:10px; height:10px; margin:-3px -7px; border-top:2px solid #f1516c; border-right:2px solid #f1516c; transform:rotate(-45deg);}
.item-bilil-wrap .bill-top .btn-area .btn-toggle.open::before {margin:-3px -7px; transform:rotate(-45deg);}
.item-bilil-wrap .bill-top .btn-area .btn-toggle.close::before {margin:-9px -7px; transform:rotate(135deg);}
.item-bilil-wrap .bill-list {display:none; padding:30px 0;}
.item-bilil-wrap .bill-list .inner {display:flex;}
.item-bilil-wrap .bill-list .detail {flex:1; padding:20px; border-radius:25px; background:#F6F6F6;}
.item-bilil-wrap .bill-list .detail+.detail {margin-left:16px;}
.item-bilil-wrap .bill-list .detail li {display:table; table-layout:fixed; width:100%; margin-bottom:6px;}
.item-bilil-wrap .bill-list .detail li:last-child {margin-bottom:0}
.item-bilil-wrap .bill-list .detail li .title {display:table-cell; width:72%; text-align:left; font-weight:500; font-size:15px; color:#444; letter-spacing:-1px;}
.item-bilil-wrap .bill-list .detail li .price {display:table-cell; width:28%; text-align:right; font-size:16px; color:#000;}
.item-bilil-wrap .bill-list .detail li .price > span {padding-left:2px;}
.item-bilil-wrap .bill-list .detail li.total {position:relative; margin-bottom:8px; padding-bottom:12px; border-bottom:1px dashed #acacac}
.item-bilil-wrap .bill-list .detail li.total .title {margin-bottom:20px; font-weight: 500; font-size:16px; color:#000;}
.item-bilil-wrap .bill-list .detail li.total .price {font-weight:600; font-size:16px; color:#000;}
.item-bilil-wrap .bill-list .detail li.total .price strong {font-weight:inherit; font-size:16px;} 

.item-tab-info {padding-top:10px; padding-bottom:70px; border-top:16px solid #f0f4f6;}
.item-tab-info > .inner {width:1100px; margin:0 auto;}
.item-tab-info .tab-menu {margin-bottom:40px;}
.item-tab-info .tab-panel .info-spec {width:100%;}
.item-tab-info .tab-panel .info-spec table {position:relative; width:100%; border-collapse:separate; empty-cells:hide;}
.item-tab-info .tab-panel .info-spec tr:first-child .title {padding-top:0;}
.item-tab-info .tab-panel .info-spec tr {height:46px;}
.item-tab-info .tab-panel .info-spec th.title {padding:25px 0 10px; font-size:18px; text-align:left; border-collapse:separate;}
.item-tab-info .tab-panel .info-spec td {position:relative; border:1px solid #fff; font-size:16px; padding-left:14px; border-collapse:separate;}
.item-tab-info .tab-panel .info-spec td:nth-child(odd) {background-color:#efefef; font-weight:500;}
.item-tab-info .tab-panel .info-spec td:nth-child(even) {background-color:#fff; font-weight:500;}

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

.content-box .content .stepby-list-type2 li{width: calc(100%/3)}

.content-box .content .stepby-list.list3 {}
.content-box .content .stepby-list.list3 li {width:33.33%;}
.content-box .content .stepby-list li > span {display:block; font-weight:500; font-size:15px; color:#666; line-height:1.6; word-break:keep-all;}
.content-box .content .stepby-list li > span.qrcode_0V7h0 {position:relative;}
.content-box .content .stepby-list li > span.qrcode_0V7h0::after {content:""; display:block; width:90px; height:90px; margin-top:6px; background:url('../images/icon/qrcode_0V7h0.jpg') no-repeat; background-size:contain;}

.content-box .content .stepby-img-list {display:flex; font-size:0; margin-top:20px;}
.content-box .content .stepby-img-list::after {content:""; display:block; clear:both;}
.content-box .content .stepby-img-list li {position:relative; width:calc(100% / 4); margin-top:0; text-align:center;}
.content-box .content .stepby-img-list li figure {position:relative; padding:0 34px;}
.content-box .content .stepby-img-list li figure::after {content:""; display:block; position:absolute; right:0; top:50%; width:6px; height:6px; margin-top:-3px; margin-right:-3px; border-top:2px solid #acacac; border-right:2px solid #acacac; transform:rotate(45deg); z-index:1;}
.content-box .content .stepby-img-list li:last-child figure::after {display:none;}
.content-box .content .stepby-img-list li figure img {max-width:100%; border:1px solid #e2e2e2;}
.content-box .content .stepby-img-list li .text {max-width:182px; margin:12px auto 0; padding-left:0; font-size:15px; line-height:1.4;}
.content-box .content .stepby-img-list.img-pc li {width:33.33%;}
.content-box .content .stepby-img-list.img-pc li figure {padding:0 15px;}
.content-box .content .stepby-img-list.img-pc li .text {max-width:inherit; padding:0 15px;}
.content-box .content .stepby-list+.list,
.content-box .content .list+.stepby-list,
.content-box .content .list+.item-box,
.content-box .content p+.item-box,
.content-box .content .item-box+.stepby-list {margin-top:20px;}
.content-box .ico-warn {position:relative; padding-left:28px;}
.content-box .ico-warn::before {content:""; display:inline-block; position:absolute; left:0; width:20px; height:20px; background:url('../images/icon/ico_warning.png') no-repeat; background-size: contain;}
.content-box+.guide {margin-top:24px;}
.content-box .video-box {position:relative; width:70.5%; height:100%; padding-top:39.6%;}
.content-box .video-box iframe {position:absolute; top:0; left:0; width:100%; height:100%; background:#000;}
.content-box .video-box.align-center iframe {position:absolute; left:50%; margin-left:-25%;}


.bg-content-import {border:1px solid #D82146; border-radius:3px; background-color:#FEF2F2;}
.bg-content-import .sub-title {color:#D82146 !important; font-size:18px !important;}
.bg-content-import .list li {font-weight:300 !important; color:#000 !important;}
.bg-content-import .list li .bg-point {padding: 0px 4px; background: #D82146; color: #fff;}

.layer-popup .content-box .ico-warn::before {content:""; display:inline-block; position:absolute; left:0; top:4px; width:20px; height:20px; background:url('../images/icon/ico_warning.png') no-repeat; background-size: contain;}

/* 휴대폰리스트 */
#visual_prod {overflow:hidden; margin:0 auto 40px; text-align:center; background:#fff;}
#visual_prod img {max-width:100%; max-height:100%;}

#sort-swiper {overflow:auto; padding:0; margin:0 auto;}
.sort-list {display:flex; position:relative; width:100%; font-size:0;}
.sort-list li {display:inline-block; margin-right:10px; padding:10px 34px;  white-space:nowrap; font-size:16px; border-radius:30px; background:#e9e9e9; color:#666; cursor:pointer;}
.sort-list li:last-child {margin-right:0;}
.sort-list li span {display:inline-block;}
.sort-list li.on,
.sort-list li.active {background:#000; color:#fff;}
.sort-list li.active a {color:#fff;}

#inc-phone-wrap {width:1100px; margin:40px auto;}

.flag-box > .mno-lgt {background:#f30070; color:#fff; border:1px solid #f30070 !important;}
.flag-box > .mno-skt {background:#EE7709; color:#fff; border:1px solid #EE7709 !important;}
.flag-box > .gift {background:#7863F2; color:#fff; border:1px solid #7863F2 !important;}
.flag-box > .recom {background:#A596F4; color:#fff; border:1px solid #A596F4 !important;}
.flag-box > .best {background:#F24D60; color:#fff; border:1px solid #F24D60 !important;}
.flag-box > .limited {background:#321DEE; color:#fff; border:1px solid #321DEE !important;}

.phone-purchase-list {display:flex; flex-wrap:wrap; margin:-15px;}
.phone-purchase-list li {position:relative; display:block; width:50%; padding:16px;}
.phone-purchase-list li .item {overflow:hidden; position:relative; height:100%; padding:30px 40px; text-align:left; border:1px solid #ddd; border-radius:15px; cursor:pointer;}
.phone-purchase-list li .item .img {float:left; width:40%; height:200px; margin-bottom:32px;}
.phone-purchase-list li .item .img > img {display:block; max-width:100%; max-height:100%; margin:0 auto;}
.phone-purchase-list li .item .m-box {float:right; width:60%; padding:10px 0 10px 20px; font-size:0;}
.phone-purchase-list li .item .option span {margin:0; padding:4px 12px; font-size:13px; border:1px solid #ddd; border-radius:25px;}
.phone-purchase-list li .item .option span+span {margin-left:4px;}
.phone-purchase-list li .item .flag-box {border-radius:0;}
.phone-purchase-list li .item .flag-box span {display:inline-block; min-width:46px; font-weight:600; text-align:center;}

.eyagi-phone .info-price .price-line {margin-right:10px;}

.phone-purchase-list li .item .detail {margin:40px 0;}
.phone-purchase-list li .item .detail .prod-num {margin-bottom:10px; font-weight:500; font-size:16px; font-family:roboto !important; color:#989898;}
.phone-purchase-list li .item .detail .prod-name {font-weight:600; font-size:20px; color:#000; line-height:1.4;}
.phone-purchase-list li .item .detail .prod-color {display:flex; justify-content:flex-start; margin-top:8px;}
.phone-purchase-list li .item .detail .prod-color > span {display:inline-block; width:16px; height:16px; margin:0 2px; text-indent:-9999px; font-size:0; border:1px solid #ddd; border-radius:50%;}
.phone-purchase-list li .item .price {margin-top:8px; font-size:24px;}
.phone-purchase-list li .item .info-price {margin:0 0 24px;}
.phone-purchase-list li .item .info-price .sort {margin-bottom:6px; font-weight:500; font-size:15px; color:#797979;}
.phone-purchase-list li .item .info-price .price-line {position:relative; display:inline-block; padding:0 6px; font-size:16px; color:#797979;}
.phone-purchase-list li .item .info-price .price-line::after {content:""; display:block; position:absolute; left:0; bottom:44%; width:100%; height:1px; background:#aaa;}
.phone-purchase-list li .item .info-price .price-line strong {font-weight:500; font-family:roboto !important;}
.phone-purchase-list li .item .info-price .price strong {font-weight:600; font-size:28px;}
.phone-purchase-list li .item .info-price .price span {margin-right:6px; font-weight:500;}
.phone-purchase-list li .item .btn-box {clear: both;}
.phone-purchase-list li .item .btn-box .btn {display:block; width:100%; height:50px; line-height:50px; font-weight:500; font-size:18px; text-align:center; border-radius:25px;}
.phone-purchase-list li .item .btn-box .btn-buy {color:#fff; background:#000;}
.phone-purchase-list li .item .btn-box .btn-buy span {margin-right:6px; font-weight:200; font-size:20px;}
.phone-purchase-list li .item .btn-box .btn-buy strong {font-weight:600; font-size:24px; font-family:roboto !important;}

.phone-purchase-list.phone-fongabi li::before {content:""; width:70px; height:70px; position:absolute; top:30px; left:30px; z-index:1; background:url('../images/icon/badge_fongabi.png') no-repeat; background-size: contain;}


/* 혜택 */
.purchase-benefit-box {margin-top:20px; padding:16px 20px; background:#fcf2ed; border-radius:16px; border:1px solid #f0bda5;}
.purchase-benefit-box .title {margin-bottom:12px; text-align:center; font-weight:600;}
.purchase-benefit-box .content {font-weight:500; color:#666; line-height:1.45;}
.purchase-benefit-box .content+.content {margin-top:10px;}
.purchase-benefit-box .cont-flag {position:relative; padding-left:106px;}
.purchase-benefit-box .cont-flag:before {content:""; display:inline-block; position:absolute; left:0; top:0; min-width:96px; height:26px; line-height:26px; font-size:14px; text-align:center; color:#fff; background:#f06e32; border-radius:16px;}
.purchase-benefit-box .cont-flag-gift:before {content:"사은품";}
.purchase-benefit-box .cont-flag-plan:before {content:"대상요금제";}
.purchase-benefit-box .cont-flag-date:before {content:"발송일자";}

.benefit-event {position:relative; margin-bottom:30px; border-bottom:1px solid #e6000b;}
.benefit-event .view_body {margin:50px 0 30px; text-align:center;}
.benefit-event .view_body img {width:100%; height:100%;}
.benefit-event .view_body .benefit-mno {margin:40px 0 0; padding:24px 30px; font-weight:700; font-size:22px; background:#f0f0f0; border-radius:8px;}
.benefit-event .view_body .event_box {position: relative;}
.benefit-event .view_body .event_box > a {z-index:10; display:inline-block; position:absolute; bottom:4%; left:50%; text-align:center;}
.benefit-event .view_body .event_box > a.btn-sscard {width:70%; height:2.5%; left:50%; top:22.5% ; margin-left:-35%;}

.end-box {padding:100px 0 120px;}
.end-box .img-card {width:330px; height:auto; margin:auto; padding-bottom:20px;}
.end-box .msg-title {font-weight:600; font-size:32px; line-height:1.5;}
.end-box .msg-title > span {position:relative; color:#0070c0; }
.end-box .msg-title > span::before {content:""; display:block; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:6px; background:rgba(0,112,192,.25);}
.end-box .msg-desc {margin-top:30px; font-weight:500; font-size:24px; line-height:1.5; color:#999;}

.benefit-guide {background:#555; padding:50px; text-align:left;}
.benefit-guide h3 {margin-bottom:26px; font-size:20px; color:#fff; text-decoration:underline;}
.benefit-guide .terms_subtit {margin-bottom:0 !important; font-weight:600; font-size:18px !important; color:#fafafa;}
.benefit-guide ul li {padding-left:12px; position:relative; font-weight:200; font-size:18px; color:#fafafa; line-height:1.5;}
.benefit-guide ul li + li {margin-top:8px;}
.benefit-guide p {margin:8px 0; font-weight:200; font-size:16px; color:#fafafa;}
.benefit-guide ul > li::before{content:"";position:absolute; width:5px; height:1px; top:14px; left:0; background-color:#fafafa;}
.benefit-guide ul + .terms_subtit {margin-bottom:0 !important; margin-top: 30px;}
.benefit-guide .depth_anchor {font-size:14px; color:#fff77f; display:inline-block; margin-bottom:6px; position:relative;}
.benefit-guide .depth_anchor::after {content: ''; display: block; position: absolute; bottom:0; left:0; z-index: 10; width:100%; height:1px; border-bottom: 1px solid #fff77f;}


/* page banner text */
.phone-purchase-list+.page-desc {margin-top:50px;}
.page-desc {margin-bottom:20px; padding:16px 20px; background:#87d1de; border-radius:10px;}
.page-desc.display {background:#F4F1FC; border:1px solid #c5b1fc;}
.page-desc .text {font-weight:600; color:#000; text-align:center; font-size:20px; line-height:1.5;}

/* 광고영상 */
.promote-wrap {position:relative;}
.promote-wrap .video-thumbnail {overflow:hidden; width:100%; height:350px; margin:40px 0 80px; border:1px solid #e2e2e2; 
	webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}
.promote-wrap .video-thumbnail:after {content:""; display:block; clear:both;}
.promote-wrap .video-thumbnail .video {float:left; position:relative; width:56.5%; height:100%; padding-bottom:31.75%; background:#000;}
.promote-wrap .video-thumbnail .video iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.promote-wrap .video-thumbnail .secondary-info {overflow-y:scroll; float:left; width:43.5%; height:100%; padding:25px 30px;}
.promote-wrap .video-thumbnail .secondary-info .title {padding-bottom:24px; font-size:20px; font-weight:600; line-height:1.5;}
.promote-wrap .video-thumbnail .secondary-info .content {font-weight:500; color:#404040; line-height:1.4;}
.promote-wrap .sort-list {margin:0; padding:40px 0; background-color:#fff; border-top:1px solid #e2e2e2;}
.promote-wrap .video-list {display:flex; flex-wrap:wrap; position:relative; margin:-16px; font-size:0;}
.promote-wrap .video-list:after {content:''; display:block; clear:both;}
.promote-wrap .video-list li {width:calc(100% / 4); padding:16px; margin-bottom:20px; box-sizing:border-box;}
.promote-wrap .video-list li a {display:inline-block; position:relative; width:100%; height:100%; border:1px solid #e2e2e2;}
.promote-wrap .video-list li .thumb {margin:0;}
.promote-wrap .video-list li .thumb img {width:100%; height:auto;}
.promote-wrap .video-list li .title {margin-top:15px; padding:0 20px; font-weight:500; font-size:17px; line-height:1.4;}
.promote-wrap .video-list li .date {margin:10px 0 15px; padding:0 20px; font-weight:500; font-size:15px; color:#797979;}
.promote-wrap .video-list li.active .title {color:#e6000b;}

/* cs center */
.cscenter-wrap {margin-top:40px;}
.cscenter-wrap .data-source {margin-bottom:20px; font-weight:500; color:#797979;}
.cscenter-wrap .video-list {margin:0 -8px -16px; font-size:0;}
.cscenter-wrap .video-list li {display:inline-block; width:calc(100% / 2); padding:0 8px 16px;}
.cscenter-wrap .video-list li > div {position:relative; display:table; width:100%; height:90px; padding:0 30px; border:1px solid #e2e2e2;}
.cscenter-wrap .video-list li > div .title {z-index:2; display:table-cell; width:62%; text-align:left; vertical-align:middle; font-size:18px; color:#666;  line-height:1.4;}
.cscenter-wrap .video-list li > div .btn-play {display:table-cell; width:38%; text-align:right; vertical-align:middle; font-size:16px; font-weight:600; color:#000;}
.cscenter-wrap .video-list li > div .btn-play span {z-index:2; display:inline-block; position:relative; padding-left:26px;}
.cscenter-wrap .video-list li > div .btn-play span::after {content:""; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/icon/ic_play.png') no-repeat; background-size:18px auto;}
.cscenter-wrap .video-list li:hover > div {border-color:#f1516c}
.cscenter-wrap .webtoon-list {display:flex; flex-wrap:wrap; position:relative; margin:-16px; font-size:0;}
.cscenter-wrap .webtoon-list li {width:calc(100% / 6); padding:16px; margin-bottom:20px; box-sizing:border-box;}
.cscenter-wrap .webtoon-list li a {display:inline-block; position:relative; width:100%; height:100%; border:1px solid #e2e2e2;}
.cscenter-wrap .webtoon-list li a .thumb img {width:100%; height:auto;}
.cscenter-wrap .webtoon-list li a .title {padding:15px 20px; font-weight:500; font-size:16px; text-align:center; color:#666;}
.cscenter-wrap .webtoon-list li a:hover {border-color:#f1516c}
.cscenter-wrap .service-list {display:flex; flex-wrap:wrap; position:relative; margin:-16px; font-size:0;}
.cscenter-wrap .service-list li {width:calc(100% / 3); padding:16px; box-sizing:border-box;}
.cscenter-wrap .service-list li a {display:inline-block; position:relative; width:100%; height:100%; padding:40px; text-align:center; border:1px solid #e2e2e2; border-radius: 20px;}
.cscenter-wrap .service-list li a .title {font-weight:600; font-size:20px; word-break:keep-all; color:#6d6d6d;}
.cscenter-wrap .service-list li a span {display:inline-block; margin-top:24px; padding:12px; font-weight:500; font-size:16px; color:#6d6d6d; border:1px solid #e2e2e2; background-color: #f9f9f9; border-radius: 12px; width: 120px;}
.cscenter-wrap .service-list li a:hover {border-color:#db2b51;}
.cscenter-wrap .service-list li a:hover span{background-color: #f7d5dc; border-color:#f4bdcd; color:#db2b51;}


/* eSIM */
.esim-wrap .bn-img {margin-top:60px;}
.esim-wrap .bn-img img {width:100%; height:100%;}
.esim-wrap .esim-process {margin-top:60px;}
.esim-wrap .esim-qrcode h4 {margin-top:60px; font-weight:600; font-size:26px;}
.esim-wrap .esim-qrcode .mvno-qrcode {position: relative; margin-top:60px;}
.esim-wrap .esim-qrcode .mvno-qrcode::before {content:""; display:block; position:absolute; bottom:0; left:50%; width:60%; height:70%; transform:translateX(-50%); background: url(../images/bg/mvno-qrcode_back.png) no-repeat center center; background-size: contain;}
.esim-wrap .esim-qrcode .mvno-qrcode .bg_phone {position:relative; width:32.18%; height:100%; margin:0 auto; padding-top:32.18%; background:url(../images/bg/bg_phone_qrcode.png) no-repeat; background-size:cover;}
.esim-wrap .esim-qrcode .mvno-qrcode .bg_phone .img {position:absolute; top:35%; left:50%; width:48%; height:auto; margin-left:-24%;}
.esim-wrap .esim-qrcode .mvno-qrcode .bg_phone .img img {width:100%; height:100%;}
.esim-wrap .mvno-guide {position:relative; padding:50px; background: #fff;}
.esim-wrap .mvno-guide .cl_link {display:inline;}


/* notice */
.notice-box .notice-title {margin-bottom:24px; font-weight:600; font-size:20px;}
.notice-box .notice-title.ic-check-red {height:37px; margin-bottom:32px; color:#f1516c; line-height:1.7; font-size: 27px;}
.notice-box .notice-title.ic-check-red:before{display: inline-block; content: "!"; font-size: 22px; font-weight: 800; color:#f1516c; border:3px solid #f1516c; border-radius: 50px; width: 28px; height: 28px; line-height: 28px; text-align: center; margin-right: 10px;}
.notice-box .notice-list li {position:relative; font-weight:500; font-size:17px; color:#464646; line-height:1.47;}
.notice-box .notice-list li + li {margin-top:10px;}
.notice-box .notice-list.num li {padding-left:20px;}
.notice-box .notice-list.num li > span {display:inline-block; position:absolute; left:0;}

/* 자주하는 질문 */
.faq-wrap .sort-list {padding:0 0 40px;}
.faq-wrap .faq-list {border:1px solid #e2e2e2; border-bottom:0;}
.faq-wrap .faq-list > li {border-bottom:1px solid #e2e2e2; cursor:pointer;}
.faq-wrap .faq-list > li .question {display:flex; align-items:center; position:relative; padding:28px 60px 28px 120px;}
.faq-wrap .faq-list > li .question::before {content: "Q"; display: block; position: absolute; top:50%; left:40px; width:45px; height:45px; line-height:40px; font-weight:600; font-size:24px; text-align:center; color:#000; border:1px solid #e2e2e2; border-radius:50%; background-color:#fff; transform:translateY(-50%)}
.faq-wrap .faq-list > li .question::after {content:''; display:block; position:absolute; right:40px; top:50%; width:12px; height:12px; margin-top:-6px; border-bottom:3px solid #e2e2e2; border-right:3px solid #e2e2e2; transform:translateY(-50%) rotate(45deg);}
.faq-wrap .faq-list > li .question .type {width:20%; padding:0 20px; font-weight:600; font-size:16px; color:#aaa;}
.faq-wrap .faq-list.esim > li .question .type {width:116px; box-sizing: border-box;}
.faq-wrap .faq-list > li .question .title {width:100%; margin-left:20px; font-weight:600; font-size:18px; color:#000; line-height:1.5; word-break:keep-all;}
.faq-wrap .faq-list > li .answer {display:none; position:relative; padding:30px 60px 40px 120px; background:#f6f6f6}
.faq-wrap .faq-list > li .answer::before {content:"A"; display: block; position: absolute; top:27px; left:40px; width:45px; height:45px; line-height:40px; font-weight:600; font-size:24px; text-align:center; color:#000; border:1px solid #e2e2e2; border-radius:50%; background-color:#fff;}
.faq-wrap .faq-list > li .answer p {font-weight:500; font-size:16px; line-height:1.6; word-break:break-all;}
.faq-wrap .faq-list > li .answer p + p {margin-top:20px;}
.faq-wrap .faq-list > li .answer p > .sub {display:block; font-weight:600; color:#000;}
.faq-wrap .faq-list > li .answer p > .sub2 {display:inline-block; margin-right:4px; font-weight:600; color:#000;}
.faq-wrap .faq-list > li .answer .tel {color:#3b46a1;}
.faq-wrap .faq-list > li.on .question::after {border-color:#000; transform:translateY(50%) rotate(-135deg);}


/* 셀프개통 진행/안내 */
.selfusim_con .usim_self_txt h5{font-size: 30px; font-weight: 600; text-align: center; margin:65px 0 30px 0;}
.selfusim_con .usim_self_txt .tab-menu .tabs li{background:#f7f7f7; width: calc(100%/3);}
.selfusim_con .usim_self_txt .tab-menu .tabs li.active{border:1px solid #f1516c; background:none;}
.selfusim_con .usim_self_txt .tab-menu .tabs li.active::before{display: none;}
.selfusim_con .usim_self_txt .tab-menu .tabs li a{font-size: 18px; font-weight: 400;}
.selfusim_con .video_view a{height: 620px;}
.selfusim_con .video_view a{display: block}
.selfusim_con .video_view a iframe{width: 100%; height: 100%;}
.selfusim_con .video_view .title{font-size: 22px; font-weight: 500; text-align: center; margin: 20px 0 10px 0; border-bottom: 1px dashed #ddd; padding-bottom: 20px; color:#555}
.selfusim_con .video_list{display: flex;}
.selfusim_con .video_list li{width:calc(100%/4); margin-right: 10px;}
.selfusim_con .video_list li:last-child{margin-right: 0;}
.selfusim_con .video_list li img{width: 100%;}
.selfusim_con .video_list .title{font-size: 17px; color:#555; margin-top: 10px;}
.selfusim_con .point_blue{color:#4885FF; font-size: 17px; font-weight: 500}
.selfusim_con .list_st{border-top: 2px solid #000;}
.selfusim_con .list_st > li{padding: 15px 20px 15px 30px; border-bottom: 1px solid #ededed; position: relative; margin: 0 !important}
.selfusim_con .list_st > li:nth-child(2n){background:#f8f8f8;}
.selfusim_con .list_st > li:after{position: absolute; width: 5px; height: 5px;  background:#ccc; border-radius: 5px; display: block; content: ""; left: 15px; top: 25px;}
.selfusim_con .list_st > li > ul{padding-left: 5px; margin-top: 10px;}
.selfusim_con .list_st > li > ul li{margin: 0 !important; font-size: 15px; font-weight: 300; color:#888 !important}
.selfusim_con .usim_slide .inbox{margin-bottom: 80px;}
.selfusim_con .usim_pages{display: inline-block; background:rgba(0,0,0,0.3); width: auto; padding: 5px 15px; border-radius: 50px; font-size: 13px; font-weight:600; color:#ededed; left: 20px; bottom:20px;}
.selfusim_con .content-box .content+.content{margin-top: 40px;}
.selfusim_con .content-box .content ul li ul li{margin-top: 0; font-size: 15px;}

/* 문서 내용 */
.document-box {padding:60px; border:1px solid #ddd;}
.document-box .title {margin-bottom:25px; font-size:22px; font-weight:600; color:#000;}
.document-box .desc {font-size:18px; font-weight:500; color:#444; word-break:keep-all; line-height:1.6;}
.document-box .refer {margin-top:10px; font-size:18px; font-weight:500; color:#797979; margin-top:5px; word-break:keep-all; line-height:1.6;}
.document-box .tbl-basic {width:70%; margin:0 auto; padding:40px 0;}
.document-box .tbl-basic th, 
.document-box .tbl-basic td {font-size:16px;}

#table-cert {opacity:0; height:0; transition:all .8s;}
#table-cert.active {height:auto; opacity:1; padding-top:60px;}


/* 선불 유심페이지 팝업 */
.content-box .content.content02{display: none;}
.content-box .content .check_list{display: flex; margin-top: 30px}
.content-box .content .check_list li{width: calc(100%/3); padding:0 20px; border-right: 1px solid #eaeaea; text-align: center; margin: 0}
.content-box .content .check_list li:last-child{border-right: none;}
.content-box .content .check_list li img{width: 90%; max-width: 60px !important; display: inline-block;}
.content-box .content .check_list li p{margin-top: 10px;}
.popup-cont .btn_next{background:#e6000b; color:#fff; width: auto; min-width: 220px;}


@media only screen and (max-width:1200px) {
	.prod-wrap {padding:0 20px 60px;}
	.prod-wrap .prod-inner {width:100%;}
	.phone-purchase-list {margin:-12px;}
	.phone-purchase-list li {padding:12px;}
	.phone-purchase-list li .item .detail .prod-num {margin-bottom:8px; font-size:16px;}
	.phone-purchase-list li .item .detail .prod-name {font-size:21px;}
	.phone-purchase-list li .item .detail .prod-color > span {width:20px; height:20px;}
	.phone-purchase-list li .item .price strong {font-size:26px;}
	.phone-purchase-list li .item .price span {font-size:22px;}
	
	.short_cut_wrap {display:none;}
	.badge-box span {font-size:16px;}
	
	/* table */
	.tbl-basic table tr th {padding:15px 3%; font-size:14px;}
	.tbl-basic table tr td {padding:15px 3%; font-size:14px;}
	
	.tbl-basic table .txt-list .txt-list {margin-top:6px;}
	.tbl-basic table .txt-list+.txt-list {margin-top:12px;}
	.tbl-basic table .txt-list li {position:relative; padding-left:18px; font-size:14px;}
	.tbl-basic table .txt-list li+li {margin-top:6px;}
	.tbl-basic table .txt-list.disc > li, ul.circle > li, ul.hyphen > li {padding-left:10px !important;}
	
	/* btn */
	.btn-area .btn {padding:16px 10px; width:100%; font-size:15px;}
	.btn-area .btn+.btn {margin-left:2%;}
	
	.btn-round-box > a {height:46px; padding:13px 0; font-size:16px;}
	.btn-round-box > a+a {margin-left:8px;}
	
	.btn-round-box-text {padding:8px 0;}
	.btn-round-box-text p  {padding:0 16px; font-size:13px;}
	
    /* tab */
	.tab-menu .tabs li {min-width:auto; padding:16px 5px;}
	.tab-menu .tabs li a {font-size:16px;}
    .usim_tab .ut_box{margin-top: 0;}
	
	.sub-menu { margin-top:20px; margin-bottom:30px;}
	.sub-menu .tabs {flex-wrap: wrap;}
	.sub-menu .tabs li {flex:0 auto; margin:6px 24px 6px 0; padding:0;}
	.sub-menu .tabs li:last-child {margin-right:0;}
	.sub-menu .tabs li a {font-size:16px;}
	.sub-menu .tabs li::before {height:1px;}
	

	/* accordion */
	.accordion-list {border-top:10px solid #f2f0f0}
	.accordion-list > li {border-top:1px solid #e2e2e2;}
	.accordion-list > li .head {position:relative; width:100%; position:relative; padding:20px 60px 20px 16px;}
	.accordion-list > li .head .title {display:block; font-size:16px; color:#191919; line-height:1.6;}
	.accordion-list > li .head:after {content:""; display:block; position:absolute; right:35px; top:50%; width:10px; height:10px; margin-top:-10px; border-top:2px solid #191919; border-right:2px solid #191919; transform:rotate(135deg)}
	.accordion-list > li.on .head .title {color:#f1006f;}
	.accordion-list > li.on .head:after {margin-top:-5px; border-color:#f1006f; transform:rotate(-45deg)}
	.accordion-list > li .detail {display:none; padding:25px 16px; background-color:#f6f6f6;}
	.accordion-list > li .detail .inbox {position:relative; width:100%;}
	
	.img-step-wrap .title {font-size:18px;}
	.img-step-wrap .list4 li {width:33.33%;}
	.img-step-wrap .disc {margin-bottom:20px;}
	.img-step-wrap .img-box li .item {padding:20px;}
	.img-step-wrap .img-box li .item .text {font-size:15px;}
	
		
	/* 가입페이지 */
	.item-top {width:100%; padding:20px 16px; box-sizing:border-box;}
	
    .item-detail {width:100%; padding:0 16px 30px; box-sizing:border-box;}
	.item-gallery {display:inline-block; width:42%; margin-right:2%;}
	.item-gallery .gallery-product {padding:40px 20px;}
	.item-gallery .gallery-product .gallery-top .swiper-wrapper {margin-bottom:40px;}
	.item-gallery .gallery-product .gallery-top .swiper-wrapper .swiper-slide {height:200px;}
	.item-gallery .gallery-product .gallery-top .swiper-button {width:16px; height:16px; top:50%;}
	.item-gallery .gallery-product .gallery-thumbs {margin-top:40px;}
	.item-gallery .gallery-product .gallery-thumbs .swiper-wrapper .swiper-slide {width:60px !important; height:70px; padding:10px;}
	.item-gallery.usim .gallery-product .gallery-top .swiper-wrapper .swiper-slide img {max-width:160px;}
	.item-gallery.usim .gallery-product .gallery-top .swiper-button {top:50%;}
	.item-gallery.usim .gallery-product .gallery-thumbs .swiper-wrapper .swiper-slide {width:82px !important;}
	
	.item-gallery .gallery_bn {margin-top:20px;}
	.item-gallery .gallery_bn .swiper-wrapper {height:140px;}
	
    .item-option {display:inline-block; width:54%; margin-left:2%;}
	.item-option .badge-box {margin-bottom:4px;}
	.item-option .title {font-size:24px;}
	.item-option .info_text {padding:12px; font-size:14px; line-height:1.5;}
	.item-option .info-price {margin-top:4px;}
	.item-option .info-price .price {font-size:22px;}
	.item-option .info-price .price > strong {font-size:24px;}
	.item-option .info-price .price-line {margin-left:8px; font-size:13px;}
	.item-option .option-benefit {margin-top:30px; padding:16px 0; font-size:16px;}
	.item-option .option-benefit dl+dl {margin-top:6px;}
	.item-option .option-benefit dl dt {width:20%; margin-right:8px; padding:6px 0; font-size:14px;}
	.item-option .option-benefit dl dd {width:80%;}
	.item-option .option-benefit dl dd p {font-size:14px;}
	.item-option .option-benefit dl dd p+p {margin-top:2px}
	.item-option .option-area {padding-top:30px;}
	.item-option .option-area dl dt {font-size:15px;}
	.item-option .option-area .option-type label {padding:12px 0; font-size:13px;}
	.item-option .option-area .option-type label strong {font-size:14px;}
	.item-option .option-area .desc-box p {font-size:13px;  line-height:1.6;}
	.item-option .option-area .desc-box span {margin-top:4px; font-size:13px; line-height:1.5;}
	.item-option .option-area .desc-box span::before {left:0; top:5px; width:6px; height:6px; border-bottom:1px solid #acacac; border-left:1px solid #acacac;}
	.item-option .option-area .desc-box .btn-ptns-link {float:right; position:relative; right:inherit; top:inherit;}
	.item-option .option-area .desc-box .btn-ptns-link2 {float:right; position:relative; right:inherit; top:inherit; margin-right:8px;}
	.item-option .option-area .desc-box .point-box {margin-top:30px; padding:8px 16px;}
	.item-option .option-area .agree-box {padding:8px 0; font-size:13px;}
	.item-option .option-area .plan-box .inner {padding:16px 20px;}
	.item-option .option-area .plan-box .comm-name { font-size:17px;}
	.item-option .option-area .plan-box .offer span {margin-left:8px; padding-left:8px; font-size:13px;}
	.item-option .option-area .plan-box .offer em {font-size:14px;}
	.item-option .option-area .plan-box .comm-info {display:block; padding:16px 20px;}
	.item-option .option-area .plan-box .comm-info .event {width:100%; margin-bottom:4px;}
	.item-option .option-area .plan-box .comm-info .event > span {height:auto; padding:6px 20px; font-size:13px;}
	.item-option .option-area .plan-box .comm-info .desc {width:100%; padding-left:0; font-size:13px;}                 
	.item-option .option-area .btn-line {padding-bottom:2px; font-size:13px;}
	.item-option .option-area .btn-line+.btn-line {margin-left:12px;}
	   
    .item-bilil-wrap .inner {width:100%;}
    .item-bilil-wrap .bill-top {padding:10px 16px;}
	.item-bilil-wrap .bill-list {display:none; padding:30px 16px;}
	.item-bilil-wrap .bill-top .btn-round-box > a {padding:14px 0;}
    
    .item-tab-info > .inner {width:100%;}
    .item-tab-info .tab-panel {padding:0 16px;}
    .item-tab-info .tab-panel img {width:100%;}
    
    /* 휴대폰리스트 */
	#sort-swiper {width:100%;}
	.sort-list li {display:inline-block; margin-right:8px; padding:12px 30px; font-size:15px;}
	
	#inc-phone-wrap {width:100%; margin:20px auto;}
    
    
    /* 셀프개통 진행/안내 */
    .selfusim_con .usim_self_txt h5{font-size: 21px;}
    .selfusim_con .usim_self_txt .tab-menu .tabs li{padding: 10px;}
    .selfusim_con .usim_self_txt .tab-menu .tabs li a{font-size: 14px;}
    .selfusim_con .video_view a{height: 500px; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
    .selfusim_con .video_view a iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .selfusim_con .video_view .title{font-size: 18px;}
    .selfusim_con .video_list .title{font-size: 14px;}
}


@media only screen and (max-width:1080px) {
	/* 휴대폰리스트 */
	.phone-purchase-list {margin:-8px;}
	.phone-purchase-list li {padding:8px;}
	.phone-purchase-list li .item .m-box .option span {padding:2px 16px;}
	.phone-purchase-list li .item .m-box .detail {margin:20px 0;}
	.phone-purchase-list li .item .m-box .detail .prod-num {font-size:13px;}
	.phone-purchase-list li .item .m-box .detail .prod-name {overflow:hidden; font-size:20px; white-space:nowrap; text-overflow:ellipsis;}
	.phone-purchase-list li .item .m-box .detail .prod-color > span {width:13px; height:13px;}
	.phone-purchase-list li .item .m-box .info-price .sort {font-size:13px;}
	.phone-purchase-list li .item .m-box .info-price .price-line::after {bottom:48%;}
	.phone-purchase-list li .item .btn-box .btn {height:42px; line-height:42px; font-size:15px;}
	
	.eyagi-phone li .item .img {height:160px;}
	
	/* 광고영상 */
	.promote-wrap .video-thumbnail {height:100%; margin:40px 0 60px; border:0;}
	.promote-wrap .video-thumbnail .video {float:none; width:100%; height:0; margin:0 auto; padding-bottom:56.25%}
	.promote-wrap .video-thumbnail .secondary-info {overflow-y:visible; float:none; width:100%; padding:30px 0 0;}
	.promote-wrap .video-thumbnail .secondary-info .title {font-size:20px; line-height:1.4;}
	.promote-wrap .video-thumbnail .secondary-info .content {font-size:16px;}
	.promote-wrap .video-list {margin:-12px;}
	.promote-wrap .video-list li {float:left; width:calc(100% / 2); padding:12px;}
	.promote-wrap .video-list li .title {padding:0 10px; font-weight:500; font-size:16px;}
	.promote-wrap .video-list li .date {margin:20px 0 15px; padding:0 10px; font-size:13px;}
	
	/* cs center */
	.cscenter-wrap {margin-top:20px;}
	.cscenter-wrap .video-list {margin:0 -4px -8px;}
	.cscenter-wrap .video-list li {width:100%; padding:0 4px 8px;}
	.cscenter-wrap .video-list li > div {height:76px; padding:0 20px;}
	.cscenter-wrap .video-list li > div .title {font-size:15px;}
	.cscenter-wrap .video-list li > div .btn-play {font-size:14px;}
	.cscenter-wrap .webtoon-list {margin:-8px;}
	.cscenter-wrap .webtoon-list li {width:calc(100% / 4); padding:8px; margin-bottom:20px;}
	.cscenter-wrap .webtoon-list li a .title {padding:15px 10px; font-size:15px;}
	.cscenter-wrap .service-list {margin:-8px;}
	.cscenter-wrap .service-list li {width:calc(100% / 2); padding:8px}
	.cscenter-wrap .service-list li a {display:flex; justify-content:center; width:100%; padding:40px 20px; text-align:left;}
	.cscenter-wrap .service-list li a .title {flex: 1 auto; padding: 4px 0; font-size:18px;}
	.cscenter-wrap .service-list li a span {margin-top:0; padding:7px 20px; font-size:15px; width: auto; text-align: center;}
}

@media screen and (max-width:820px) {
	.m-over-table {overflow-x:scroll;}
	.m-over-table > table {width:700px}
	.table_default {margin-bottom:32px;}
	
	/* tab */
	.tab-menu .tabs li a {font-size:15px;}
	
	/* btn */
	.btn-round-box a {height:46px; padding:11px 0; font-size:18px; font-weight:600;}
	.btn-round-box a+a {margin-left:8px;}
		

	/* 부가서비스 */
	.product-header {position:relative; padding:30px 0; background-color:#F3F4F8;}
	.product-header h3 {padding-bottom:10px; font-size:22px;}
	.product-header .desc {font-weight:500; font-size:15px; line-height:1.5; color:#797979;}
	.product-header .btn-area {display:flex; position:fixed; bottom:0; left:0; right:0; z-index:1; width:100%; min-width:320px; margin-top:0; padding:15px; border-top:1px solid #ddd; background:rgba(255,255,255,.8);}
	.product-header .btn-area::after {content:""; display:block; clear:both;}
	.product-header .btn-area.commbi .btn-grey {width:60%;}
	.product-header .btn-area.commbi .btn-pink {width:38%;}
	.product-content {margin-top:30px;}
	
	
	.example-content .table_default {width:auto;}
	.example-content .table_default+.table_default {margin-left:0;}
	.example-content .table_defulat.left {float:none;}
	.example-content .table_default.right {float:none;}
	
	.addservice-wrap .popup-cont .product-header {padding:24px 16px;}
	.addservice-wrap .popup-cont .product-header h3 {font-weight:600; font-size:22px;}
	.addservice-wrap .popup-cont .product-header .desc {font-size:15px;}
	.addservice-wrap .popup-cont .product-content {height:auto; padding:24px 16px;}
	.addservice-wrap .popup-cont .product-content .content-box .content+.content {margin-top:40px;}
	.addservice-wrap .popup-cont .product-content .content-box .content .head-title {font-size:18px;}
	.addservice-wrap .popup-cont .btn_box{padding: 15px 0}
	.addservice-wrap .popup-cont .btn_box .btn_cancel{width: calc(100% - 30px);}
	
	/* accordion */
	.text-list ul {padding:0;}
	.text-list ul li {position:relative; margin-bottom:10px; padding-left:10px; font-weight:500; font-size:13px; color:#555; line-height:1.5;}
	.text-list ul li:last-child {margin-bottom:0 !important;}
	.text-list ul.disc > li {padding-left:10px;}
	.text-list ul.disc > li:before {content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#666; border-radius:50%;}
	.text-list ul.hyphen > li::before {content:''; position:absolute; left:0; top:10px; width:5px; height:1px; background-color:#666; border-radius:50%;}
	.text-list ul ul {margin-top:10px;}
	.text-list .table {margin-top:10px; margin-bottom:0;}
	
	.img-step-wrap + .img-step-wrap {margin:40px auto 0 !important;}
	.img-step-wrap .list4 li {width:50%;}
	.img-step-wrap .img-box li .item {padding:15px;}
		
	


	/* 휴대폰리스트 */
    .sort-list li {padding:8px 20px;}
    .sort-list li:last-child {margin-right:0;}
    
    /* 가입페이지 */
    .item-detail {width:100%;}
    .item-gallery {display:inline-block; width:100%; margin-right:0%; padding-bottom:20px;}
	.item-gallery .gallery-product .gallery-top .swiper-pagination {display:none;}
    .item-gallery .gallery-product .gallery-thumbs {margin-top:0}
    
	.item-option {display:inline-block; width:100%; margin-left:0%;}
	.item-bilil-wrap {z-index:101; position:fixed; left:0; bottom:0; right:0; width:100%; background:none; box-shadow:none;}
	.item-bilil-wrap .inner {width:100%;}
	.item-bilil-wrap .bill-top {z-index:2; position:fixed; right:0; bottom:0; left:0; height:134px; padding:10px 16px; background:#5E5E77; box-shadow:0 0 18px 6px rgba(0,0,0,.16)}
	.item-bilil-wrap .bill-top .price-area .total-text {font-size:17px;}
	.item-bilil-wrap .bill-top .price-area .total-price {font-size:22px;}
	.item-bilil-wrap .bill-top .price-area .total-price .h_tot {font-size:26px;}
	.item-bilil-wrap .bill-top .price-area .total-price .h_tot > span {font-size:24px;}
	.item-bilil-wrap .bill-top .price-area .total-price .h_vat {font-size:13px;}
	.item-bilil-wrap .bill-top .price-area .total-detail .direct-pay {font-size:18px;}
	.item-bilil-wrap .bill-top .btn-round-box {position:relative; margin-top:10px;}
	.item-bilil-wrap .bill-top .btn-round-box > a {height:40px; padding:8px 0;}
	.item-bilil-wrap .bill-top .btn-round-box .btn-self,
	.item-bilil-wrap .bill-top .btn-round-box .btn-onlinejoin {width:50%; height:40px; padding:8px 0; font-size:16px;}
	.item-bilil-wrap .bill-top .btn-round-box .btn-onlinejoin.full {width:100%;}
	.item-bilil-wrap .bill-top .btn-round-box .btn_chk {margin-right:8px;}
	.item-bilil-wrap .bill-top .btn-round-box .btn-toggle {width:44px; height:40px; margin-left:0;}
	.item-bilil-wrap .bill-top .btn-round-box .btn-toggle::before {width:6px; height:6px;}
	.item-bilil-wrap .bill-top .btn-round-box .btn-toggle.open::before {margin:-2px -4px;}
	.item-bilil-wrap .bill-top .btn-round-box .btn-toggle.close::before {margin:-4px -4px;}
	.item-bilil-wrap .bill-list {padding:0 0 134px 0; border-radius:25px; background:#F6F6F6; border-top:0;}
	.item-bilil-wrap .bill-list .inner {display:block;}
	.item-bilil-wrap .bill-list .detail {padding:20px 16px 20px;}
	.item-bilil-wrap .bill-list .detail+.detail {margin-left:0; padding-top:0;}
	.item-bilil-wrap .bill-list .detail li .title {width:60%; font-size:14px;}
	.item-bilil-wrap .bill-list .detail li .price {width:40%; font-size:14px;}
	.item-bilil-wrap .bill-list .detail li.total {margin-bottom:12px; padding-bottom:8px;}
	.item-bilil-wrap .bill-list .detail li.total .title {font-size:15px;}
	.item-bilil-wrap .bill-list .detail li.total .price {font-size:15px;}
	.item-bilil-wrap.visible .bill-list {box-shadow:0 0 18px 6px rgba(0,0,0,.16)}
	
	.item-tab-info {padding-top:0;}
    .item-tab-info .tab-panel .info-spec {width:100%;}
	.item-tab-info .tab-panel .info-spec table {position:relative; width:100%; border-collapse:separate; empty-cells:hide;}
	.item-tab-info .tab-panel .info-spec table colgroup {display:none;}
	.item-tab-info .tab-panel .info-spec tr:first-child .title {padding-top:0;}
	.item-tab-info .tab-panel .info-spec tr {display:flex; flex-wrap:wrap; height:auto;}
	.item-tab-info .tab-panel .info-spec th.title {padding:18px 0 5px; font-size:13.5px; font-weight:600; text-align:left; border-collapse:separate;}
	.item-tab-info .tab-panel .info-spec td {position:relative; margin:-1px 0 0 -1px; padding: 13px 8px;  border:1px solid #e2e2e2; font-size:13px;border-collapse:separate;}
	.item-tab-info .tab-panel .info-spec td:nth-child(odd) {width:40%; background-color:#efefef; font-weight:500;}
	.item-tab-info .tab-panel .info-spec td:nth-child(even) {width:60%; background-color:#fff; font-weight:500;}
	
	/* 부가설명 */
	.content-box .content .title {margin-bottom:12px; font-size:18px;}
	.content-box .content .sub-title {margin-bottom:16px; font-size:15px;}
	.content-box .content p {font-size:15px; line-height:1.54;}
	.content-box .content .list > li {padding-left:10px; font-size:15px; line-height:1.5;}
	.content-box .content .dash > li {padding-left:10px;}
	.content-box .content .dash > li::before {width:4px;}
	.content-box .content .list-number-round > li {padding-left:26px; font-size:15px; font-weight:600;}
	.content-box .content .list-number-round > li .number {width:20px; height:20px; line-height:20px; font-size:13px;}
	.content-box .content .list-check > li {padding-left:21px; font-size:16px;}
	.content-box .content .list-check > li::before {width:13px; height:10px; background-size:contain;}
	.content-box .content .item-box {padding:20px 24px;}
	.content-box .content .item-box img.pc{display: none;}
	.content-box .content .item-box img.mb{display: block;}
	.content-box .content .stepby-list {flex-wrap:wrap;}
	.content-box .content .stepby-list li {width:50%; margin:0 -1px -1px 0; padding:16px 24px;}
	.content-box .content .stepby-list li::before {right:-13px; width:26px; height:26px; margin-top:-13px;}
	.content-box .content .stepby-list li::after {right:-2px; width:4px; height:4px; margin-top:-2px;}
	.content-box .content .stepby-list li > p > .num {font-size:20px;}
	.content-box .content .stepby-list li > span {font-size:14px;}
	.content-box .content .stepby-img-list {flex-wrap:wrap;}
	.content-box .content .stepby-img-list li {width:calc(100% / 2);}
	.content-box .content .stepby-img-list li:nth-child(3),
	.content-box .content .stepby-img-list li:nth-child(4) {margin-top:30px;}
	.content-box .content .stepby-img-list li figure {padding:0 12px !important}
	.content-box .content .stepby-img-list li .text {max-width:inherit; padding:0 12px !important; font-size:14px;}
	.content-box .content .stepby-img-list.img-pc li {width:100%;}
	.content-box .content .stepby-img-list.img-pc li + li {margin-top:30px;}
	.content-box .video-box {width:100%; padding-top:59.4%;}
	.content-box .video-box.align-center iframe {left:0; margin-left:0%;}
	
	.content-box .content .stepby-list+.list,
	.content-box .content .list+.stepby-list,
	.content-box .content .list+.item-box,
	.content-box .content p+.item-box,
	.content-box .content .item-box+.stepby-list {margin-top:16px;}
	.content-box .ico-warn {padding-left:24px;}
	.content-box .ico-warn::before {left:0; top:2px; width:16px; height:16px;}
	
	/* 휴대폰리스트 */
	.phone-purchase-list {margin:-8px;}
	.phone-purchase-list li {width:100%; padding:12px;}
	.phone-purchase-list li .item {padding:32px 20px;}
	.phone-purchase-list li .item .m-box {padding:10px 0 0 10px;}
	.phone-purchase-list li .item .flag-box span {min-width:32px;}
	.phone-purchase-list li .item .m-box .detail .prod-name {font-size:18px; white-space:inherit; text-overflow:inherit;}
	.phone-purchase-list li .item .m-box .info-price {margin:26px 0 24px;}
	.phone-purchase-list li .item .m-box .info-price .price-line {font-size:14px;}
	.phone-purchase-list li .item .m-box .price {margin-top:2px; font-size:20px;}
	.phone-purchase-list li .item .m-box .price strong {font-size:24px;}
	.phone-purchase-list li .item .btn-box .btn-buy span {font-size:18px;}
	.phone-purchase-list li .item .btn-box .btn-buy strong {font-size:22px;}
	
	.eyagi-phone li .item .img {height:146px;}
	.phone-purchase-list.phone-fongabi li::before { width:60px; height:60px; position:absolute; top:30px; left:25px;}
	
	/* 혜택 */
	.purchase-benefit-box {margin-top:20px; padding:16px 20px; border-radius:16px;}
	.purchase-benefit-box .title {margin-bottom:12px;}
	.purchase-benefit-box .content {font-size:13px;}
	.purchase-benefit-box .content+.content {margin-top:10px;}
	.purchase-benefit-box .cont-flag {padding-left:90px;}
	.purchase-benefit-box .cont-flag:before {min-width:84px; height:24px; line-height:24px; font-size:13px;}
	
	.benefit-event .view_body {margin:20px 0;}
	.benefit-event .view_body .benefit-mno {margin-top:20px; padding:16px 20px; font-size:16px; border-radius:4px;}

	.end-box {padding:40px 0 80px;}
	.end-box .img-card {width:160px; }
	.end-box .msg-title {font-weight:600; font-size:18px; line-height:1.5;}
	.end-box .msg-desc {margin-top:30px; font-weight:500; font-size:15px; line-height:1.5; color:#999;}

    .benefit-guide {padding:39px 16px;}
    .benefit-guide ul li {font-size:15px;}

		
	/* page banner text */
	.page-desc {margin-bottom:10px; padding:10px 16px;}
	.page-desc .text {font-size:18px; line-height:1.5;}
	
	/* cs center */
	.cscenter-wrap .webtoon-list li {width:calc(100% / 2);}
	.cscenter-wrap .service-list li {width:100%}
	.cscenter-wrap .service-list li a .title {font-size:16px;}
	.cscenter-wrap .service-list li a {padding:24px 20px;}
	
	/* eSIM */
	.esim-wrap .bn-img {margin-top:30px;}
	.esim-wrap .esim-process {margin-top:50px;}
	.esim-wrap .esim-qrcode h4 {margin-top:50px; font-size:18px;}
	.esim-wrap .esim-qrcode .mvno-qrcode {margin-top:40px;}
	.esim-wrap .esim-qrcode .mvno-qrcode::before {width:60%; height: 60%;}
	.esim-wrap .esim-qrcode .mvno-qrcode .bg_phone {width:42.18%; padding-top:42.18%;}

	.esim-wrap .mvno-guide {padding:40px;}

	.notice-box .notice-title.ic-check-red{font-size: 19px; margin-bottom: 10px;}
	.notice-box .notice-title.ic-check-red:before{width: 22px; height: 22px; line-height: 22px; margin-right: 7px; font-size: 17px;}
	
	/* 자주하는 질문 */
	.faq-wrap .sort-list {padding:10px 0 30px;}
	.faq-wrap .faq-list > li .question {flex-wrap: wrap; padding:20px 40px 20px 45px;}
	.faq-wrap .faq-list > li .question::before {left:20px; width:35px; height:35px; line-height:32px; font-size:18px;}
	.faq-wrap .faq-list > li .question::after {right:20px; top:50%; width:10px; height:10px;;}
	.faq-wrap .faq-list > li .question .type {width:100%; margin-bottom:6px; padding:0 15px 0 25px; font-size:15px;}
	.faq-wrap .faq-list.esim > li .question .type {width:100%;}
	.faq-wrap .faq-list > li .question .title {margin-left:0; padding:0 15px 0 25px; font-size:16px;}
	.faq-wrap .faq-list > li .answer {padding:25px 25px 30px;}
	.faq-wrap .faq-list > li .answer::before {position:relative; left:-5px; top:-5px; width:35px; height:35px; margin-bottom:10px; line-height:32px; font-size:18px;}
	.faq-wrap .faq-list > li .answer p {font-size:14px;}
		
    
    /* 셀프개통 진행/안내 */
    .selfusim_con .usim_self_txt .tab-menu .tabs{flex-wrap: wrap;}
    .selfusim_con .usim_self_txt .tab-menu .tabs li{margin-bottom: 5px; width: 100%;}
    
    
    /* 문서 내용 */
	.document-box {padding:35px 30px;}
	.document-box .title {font-size:18px;}
	.document-box .desc {font-size:16px;}
	.document-box .refer {font-size:16px;}
	.document-box .tbl-basic {width:100%; padding:30px 0;}
	.document-box .tbl-basic th, 
	.document-box .tbl-basic td {font-size:15px;}
	


}

@media screen and (max-width:560px) {
	.content-box .content .stepby-list.list3 li {width:50%;}
	.content-box .content .stepby-list.list3 li:nth-child(1) {width:100%;}
	
	/* eSIM */
	.esim-wrap .esim-qrcode {margin-top:50px;}
	.esim-wrap .esim-qrcode h4 {margin-top:50px}
	.esim-wrap .esim-qrcode .mvno-qrcode {margin-top:40px;}
	.esim-wrap .esim-qrcode .mvno-qrcode::before {width:76%;}
	.esim-wrap .esim-qrcode .mvno-qrcode .bg_phone {width:52.18%; padding-top:52.18%;}

	.esim-wrap .mvno-guide {padding:30px;}


	/* notice */
	.notice-box .notice-title {margin-bottom:16px; font-size:18px;}
	.notice-box .notice-title.ic-check-red {height:30px; padding-left:40px;line-height:1.5;}
	.notice-box .notice-list li {font-size:15px; line-height:1.47;}
	.notice-box .notice-list.num li {padding-left:16px;}
		
}