@charset "UTF-8";


@import "./purchase_hanseulgi.css";

/*
 * TWD 구매프로세스 개선
 */

.mt14 {margin-top:1.4rem !important;}
.mt5 {margin-top:5px !important;}
.pb0 {padding-bottom: 0 !important;}
.bb0 {border-bottom: 0 !important;}
.hr {display: block; width:100%; height:1px; margin:0; border:0; clear:both; background-color:#d8d8d8;}
.hr2 {display:block; width:100%; height:1px; margin:0; border:0; clear:both; background-color:#e1e1e1;}
.hr-2 {margin:2rem 0;}
.family-dc-type:last-of-type {padding-bottom:1.7rem; border-bottom: 1px solid #e1e1e1;}
.asterisk {color:#f76252; font-size: 12px;}
.loading {height: 65px; width: 65px; color: #f76252; position: relative; display: inline-block; border: 3px solid; border-radius: 50%; border-right-color:rgba(247, 98, 82, .3); animation: roading .9s linear infinite; -webkit-animation: roading .9s linear infinite;}
@keyframes roading {
	0% {-webkit-transform: rotate(0); transform: rotate(0);} 
	100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 
}
.modal .loading {margin:4rem 0 2rem;}
.align-center {text-align: center;}
.fs-13r{font-size:1.3rem; margin-top:6px; display:inline-block;}

/* 주문서 작성 */
.purchase-page .color-info {color:#178bcf;}
.purchase-page .spot-panel .spot-detail.total {padding-top: 1rem; border-top: 1px solid #e1e1e1;}
.purchase-page .spot-panel .spot-detail.total .item {font-weight:700; font-size: 13px;}

.buyer-item .btn-reward,
.buyer-item .link-block {position: relative; width:100%; padding:10px 0; font-size:1.3rem; text-align-last: left;}
.buyer-item .btn-reward:after,
.buyer-item .link-block:after {position: absolute; right:0; top:14px; content:''; display: inline-block; width:12px; height:7px; background:url('../img/purchase/combined_shape@2x.png') 0 0 no-repeat; background-size: 12px auto; pointer-events:none;}
.buyer-item .link-block:after {-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.buyer-item .search-reward {display: none; margin-top: 10px;}
.search-reward .used-search {position: relative; padding-bottom: 0;}
.search-reward .used-search .link-text {position: absolute; right:0; top:0; color:#3b98e6;; font-size:1.3rem; text-decoration: underline;}
.search-reward .form-group {margin-top:6px;}
.search-reward .dsc-sub {margin-top: 5px; font-size:1.2rem; color:#757575;}
.search-reward .reward-calc {}

.buyer-item .justify-group {position: relative; padding:1rem 0;}
.buyer-item .justify-group .justify-left {}
.buyer-item .justify-group .justify-right {position: absolute; right:0; top:3px;}

.search-reward .used-search-result {margin-top:1.8rem; border-top:none;}
.search-reward .used-search-result .title-result {padding:0;}
.used-search-result .result-item .keyword {position: relative;}
.used-search-result .result-item .keyword + .keyword:before {content:''; display: inline-block; width:1px; height:19px; margin:0 10px; background-color: #d8d8d8;}

.reward-calc {margin-top:1.6rem;}
.reward-calc .calc-item {line-height:1.5;}
.reward-calc .calc-item:after {content:''; display: block; clear: both;}
.reward-calc .calc-item .calc-title {float: left; font-size:1.3rem;}
.reward-calc .calc-item .calc-price {float: right; font-size:1.3rem;}
.reward-calc .calc-item .calc-price .num {font-family: 'TgothicBlack', sans-serif; font-size: 1.4rem; font-weight: 700;}
.reward-calc .calc-item.total {margin-top:.9rem; padding-top:.9rem; border-top: 1px solid #d8d8d8;}
.reward-calc .calc-item.total .calc-title {font-size:1.4rem;}
.reward-calc .calc-item.total .calc-price {font-size: 1.4rem;}
.reward-calc .calc-item.total .calc-price .num {font-size: 1.6rem; color: #f76252;}

.buyer-item.active .search-reward {display: block;}
.buyer-item.active .btn-reward:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}

/* 서비스신청 */
.fee-type.fee-type-row {flex-direction: row;}
.form-group.hope-number {}
.form-group.hope-number .val {-webkit-box-flex: 1; flex: 1;}

/* 서비스 신청 내역 */
.order-detail-area.not-accordion .tit {pointer-events: none;}
.order-detail-area.not-accordion .tit .label {padding:1.7rem 0 .3rem;}
.order-detail-area.not-accordion .tit.active .label:after {content:none;}

/* 희망번호 신청 */
/* popup > modal로 변경  */
/* .popup-hope-number .popup-content {padding: 0;}
.popup-hope-number .desc {margin:0 16px 1rem; font-size: 1.4rem;}
.popup-hope-number .check-list {margin:0 16px; border-top: 1px solid #e1e1e1;}
.popup-hope-number .c-ick {display: block;}
 */
/* 2019-09-30 height 값 추가 / overflow: scroll 추가  */
.modal-hope-number .check-list{height:263px; min-height:263px; overflow-y:scroll; margin:0 16px;} 
.modal-hope-number .check-list + .btn-more-product{background-color: transparent;border-top: none;border: 1px solid #e1e1e1;border-radius: 6px;}
.modal-hope-number .check-list:first-child{border-top:0;}

/* 셀프개통 > 단말정보 입력 */
.terminal-tit {position:relative; margin-top: 2rem;padding: 3rem 1.6rem 2rem; border-top: 12px solid #f5f5f5;margin-left: -16px;margin-right: -16px;}
.terminal-tit::before{content:""; display:block; position:absolute; top:-12px; left:0; width:100%; height:1px; background:#e1e1e1;}

/* .scroll-reset{overflow:scroll !important} */


/* 가입자정보 */
.my-return-area .join-info-txt{padding-top:0;}
.my-return-area .return-detail.join-info-txt .detail-item{padding-top:0; padding-bottom:2rem; border-bottom:1px solid #e1e1e1;}
.my-return-area .join-info-txt .tit{font-size:1.5rem; color:#000; font-weight:700;}
.my-return-area .join-info-txt .con{font-size:1.4rem; color:#666;}

 /* 주문서작성_eSIM */
.esim-panel-txt{font-weight:700; font-size:1.3rem;}


/* 오오클 상품상세 : default */
.today-reward-txt{min-width:100%; padding-bottom:1.6rem; border-bottom:1px solid #eee; letter-spacing:-0.41px;}
.club-txt{min-width:100%;}
.reward-m-acco{border-top:1px solid #e1e1e1;}
.reward-m-acco.purchase-panel{margin:0 0 0;}
.product-option-item.reward-m-acco [class^=btn-]{margin:0 0 0 0;}
.product-option-item.reward-m-acco .discount-more-types .text{float:none;}
.product-option-item.reward-m-acco .form-group{margin-right:0;}
.product-option-item.reward-m-acco .btn-extra{margin:0 0 0 0 !important; color:#3b98e6}
.product-option-item.reward-m-acco .used-search-result + [class^=btn-]{color:#fff;}
.sentence-text{display:inline-block; margin-top:9px; font-size:1.2rem; color:#757575; letter-spacing:-0.41px;}
.price-area + .price-area {margin-top:1.4rem; padding-top:1.4rem !important; border-top:1px solid #e7e7e7;}
.price-area.sticky-font-type .num{font-size:1.6rem;}

/* myT : 주문상세정보 */
.flow-arrow-right{display:inline-block; width:8px; height:13px; margin:0 2px; background-image:url("../img/spr_img@2x_v2.png"); background-repeat:no-repeat; background-position:-254px -242px; background-size:306px 280px;}
.myt-link-type{font-size:11px; color:#3E9AE6; text-decoration:underline;}

/*
DSDS
*/

/* 2019-09-03 DSDS 수정 : 본인인증 */
.ipt-require{border:1px solid #f76252 !important;}
.dec-primary{color:#f76252 !important;}
.dec-primary::before{content:""; background:#f76252 !important;}

 /* 서비스신청 : 기기변경 */
.product-option-item .family-dc-type .c-ick .dc-type02{display:block; position:relative; min-width:1.8rem; min-height:1.8rem; padding-left:0; font-size:1.3rem; color:#000; margin-top:1.7rem; text-align:right;}
.product-option-item .family-dc-type .c-ick .dc-type02:after{content:""; display:block; clear:both;}
.product-option-item .family-dc-type .c-ick .dc-type02 .text{float:left; max-width:65%; text-align:left;}
.product-option-item .family-dc-type .c-ick .dc-type02 .price{color:#178bce; font-size:1.3rem; font-weight:700; white-space:nowrap;}
.fee-recomm-type.recomm-custom{padding-bottom:1.5rem; border-bottom:1px solid #e1e1e1;}

 /* DSDS : 셀프개통안내 */
.header-selfopening  .h-type{font-weight:400; font-size:1.7rem; color:#000;}
.header-selfopening .gnb-btn-hamburger{left:2rem; top:1.8rem;}
.header-selfopening .gnb-btn-search{right:2rem; top:1.8rem;}
.header-selfopening .gnb-btn-search .ico-search{width:1.95rem; height:2rem; background-image:url('../img/purchase/ico_search_selfopening.png'); background-repeat:no-repeat; background-position:0 0; background-size:cover;}
.header-selfopening .gnb-btn-hamburger .ico-hamburger{width:2.1rem; height:1.6rem; background-image:url("../img/purchase/ico_hamburger.png"); background-position:0 0; background-size:cover;}
.self-opening-main{width:100%;}
.bg-self-opening{width:100%; /* height:auto;  */background-image:url('../img/purchase/bg_self.png'); background-repeat:no-repeat; background-position:0 0; background-size:cover;}
.inner-self-opning{padding: 5.3rem 2rem 0.8rem 2rem;}
.self-tit{margin-bottom: 4.5rem;}
.sub-tit{display:block; font-size:1.5rem; color:#fdffc8; margin-bottom:1.2rem;}
.point-tit{display:block; font-weight:400; font-size:3.2rem; color:#fff; line-height:3.7rem; letter-spacing:-0.025em;}
.self-con{color:#fff; font-weight:300; margin-bottom:1.6rem; line-height:1.9rem; letter-spacing:-0.025em;}
.self-con + .self-con{padding-top:1.6rem; border-top:1px solid rgba(242,129,84,1);}
.self-con .esim-point-txt{font-weight:700; font-size:1.4rem;}
.self-con .self-con-txt{font-size:1.6rem; text-align: center; line-height:1.6rem; font-weight: 700;}
.self-con .self-con-txt::before{display:inline-block; margin-right:10px; width:2.85rem; height:2.85rem; content:""; background:url(../img/purchase/self-opening-won.png) 0 0 no-repeat; background-size:100%; line-height:2.85rem; vertical-align: middle;}
.apply-precautions .self-con{ margin-bottom:2.5rem;}
.mgb-type{margin-bottom:.7rem;}
.opening-step-wrap{padding:4rem 2rem; border-bottom: .9rem solid #f5f5f5;}
.main-tit{ margin-bottom: 2.2rem; font-weight:400; font-size:2.4rem; letter-spacing: -0.025em; line-height:2.4rem;}
.main-tit.small{font-weight:700; font-size:1.6rem;}
.opening-step{display:flex; justify-content:space-around; padding:0 1.5rem; font-size:1.4rem; text-align:center; line-height:1.9rem; letter-spacing:-0.025em; }
.opening-step span{position:relative; width:33.3%;} /* 2019-10-10 width 값 제거 -> 2019-10-16 width값 원복 */
.opening-step span::before{content:""; display:block; margin:2.4rem auto 1.5rem; width:3.8rem; height:4.1rem; background-image:url('../img/purchase/self_opening_step_list.png'); background-repeat:no-repeat; background-size:cover;}
.step1::before{background-position:0 0;}
.step2::before{background-position:-3.65rem 0;}
.step3::before{background-position:-7.25rem 0;}
.opening-step span::after{content:""; display:block; position:absolute; right:-1.2rem; top:3.4rem; width:2.3rem; height:2.3rem; background-image:url('../img/purchase/ico_self_arrow.png'); background-repeat:no-repeat; background-size:cover;}
.opening-step span:last-child::after{display:none;}
.step-num{display: inline-block; padding-bottom:.6rem; font-size:1.3rem; line-height:1.4rem;}
.apply-precautions{padding:4.4rem 2rem 3.4rem; border-top:.9rem solid #f5f5f5;border-bottom:.9rem solid #f5f5f5;}
.apply-precautions-list{padding-top: 1.2rem;}
.apply-dot{position:relative; margin-bottom:1rem; padding-left:1.1rem; font-size:1.3rem; color:#666; line-height:1.8rem; letter-spacing: -0.5px;}
.apply-dot::before{content:""; display:inline-block; position: absolute; left:0; top:.8rem; width:.3rem; height:.3rem; background-color:#757575; border-radius:50%; overflow:hidden;}
.self-area{padding: 0rem 2rem; background:#fff; border-bottom: .9rem solid #f5f5f5;}
.self-area .fold-item:last-child{border-bottom:0;}
.self-area .fold-area{border-top:0px;}
.self-area .fold-area a{text-decoration:underline; color:#3b98e6;}
.self-area .fold-area .fold-item .fold-tit .h-type {padding: 1.9rem 0; font-size: 1.5rem;
color: #000; font-weight: 400; letter-spacing: -.03rem;}
/* .self-item{position:relative;}
.self-reinstall{padding:1.7rem 0 0;}
.self-reinstall .text-secondary{border-bottom:1px solid #178bce;} */

/* 버튼 좌우 2개 타입 */
.btn-purchase{display:flex;}
.btn-purchase button[class^=btn-]{display:block; flex-grow:1; width:100%; margin:0; text-align:center;}
.btn-purchase .btn-default{background-color:#2a2a2a; border-color:#2a2a2a;}

/* 본인인증 : 기기변경 > 신용카드 본인인증 */
input[class*="pholder-primary"]::-moz-placeholder{font-size:1.3rem; color:#f76252; opacity:1}
input[class*="pholder-primary"]::-ms-placeholder{font-size:1.3rem; color:#f76252; opacity:1}
input[class*="pholder-primary"]::-webkit-input-placeholder{font-size:1.3rem; color:#f76252; opacity:1}
input[class*="pholder-primary"]:-ms-input-placeholder,
input[class*="pholder-primary"]::-ms-input-placeholder{font-size:1.3rem; color:#f76252; opacity:1}
input[class*="pholder-primary"]::placeholder{font-size:1.3rem; color:#f76252; opacity:1}

/* 옵션/혜택 */
.fee-type-col{flex-direction:column !important; align-items:normal !important}
.purchase-panel .pt20{padding-top:2rem;}
.fee-benefit-text{display:inline-block; margin-top:.5rem; padding-bottom:1.5rem; font-size:1.4rem; color:#000; letter-spacing:-0.18px;}
.benefits-list{display:inline-block; margin-top:1.6rem !important; margin-bottom:2.2rem !important;}
.benefits-area .section{padding-top:2.2rem; border-top:1px solid #e5e5e5;}
.benefits-area .section.line{margin-right:-16px; margin-left:-16px; padding-left:1.6rem; padding-right:1.6rem; border-top:1px solid #e5e5e5;}
.user-patten-area.benefits-area .line:before{width:100%; left:0;}

/* 가입자 정보 : 신규가입 */
.rdo-disabled .label:before,
.rdo-disabled input[type=radio]+label:before,
.rdo-disabled .label:before,
.rdo-disabled input[type=radio]+label:before {width: 18px;height: 18px;background-position: -136px -408px;background-size: 460px 428px}

/* esim 프로파일 재설치 */
.lh-normal{line-height:normal !important;}
.font-esim{font-weight:700 !important; color:#202020;}
.font-esim2{color:#202020;}
.esim-dot-area{margin-top:1rem;}
.esim-dot-area .apply-dot{font-size:1.2rem; margin-bottom: .2rem;}
.pdbd-line{border-top:1.2rem solid #f5f5f5; margin-top:3.5rem; margin-left:-2rem; margin-right:-2rem;}
.pdbd-line span{display:inline-block; margin-top:2rem; margin-bottom:2rem; text-indent:2rem;}
.main-esim-title{margin-top:3.4rem; font-weight:700; font-size:1.5rem; color:#000;}
.main-esim-title + .title{margin-top:1.6rem;}

/* 가입자 정보(신규가입) > 우편번호 조회 */
.find-postal-code .search-result .name span.option-item{font-size: 1.4rem; line-height: 1.3; color:#000; } /*  2019-09-30 color 변경  */
.find-postal-code .search-result .name .option span.option-item{color:#666} /*  2019-09-30 color 변경  */
.find-postal-code .num{color:#f76252;}
.find-postal-code .step2:before{display: block; margin:11px auto; border-top: 1px solid #e1e1e1; background-color: #fff; content: "";} /* 2019-09-30 border추가 */
.find-postal-code .step2 .dt{margin-bottom:3rem;}/*  2019-09-30 margin-bottom 추가  */

/* 풀팝업 -> 일반팝업 형태 수정 (서비스 신청내역) */
.purchase-page .purchase-panel .detail-item.bb0 .h-type{padding-top:0 !important; margin-top:0 !important}
.purchase-page .purchase-panel .detail-item.bb0 .tit{width:50%}

/* 우편번호 찾기 레이어 전체창 : popup -> modal로 custom요청(개발 요청) */
.modal-zipcode{position:absolute !important; display:none;}
.modal-zipcode .c-select .select{letter-spacing: -1px;}
.modal-zipcode.modal-full .modal-dialog{display:block ;z-index: 10042;padding: 0;top: 0;transform: translateY(0);bottom: 0;background: #fff;}
.modal-zipcode.modal-full .modal-dialog .modal-body{width:100%; padding:0px !important;}
.find-postal-code .modal-dialog .modal-body .modal-header{padding: 2.4rem 2rem .9rem 1.6rem;}
.find-postal-code .modal-dialog .modal-body .modal-header h1.modal-title{margin-right: 2.5rem; color: #000; font-size: 1.8rem; line-height: 2.7rem; font-weight: 400;}
/* 2019-10-11 : 우편번호 조회 윈도우 팝업 내 모달 추가 */
.modal-zipcode .modal.modal-enter-name .modal-dialog{position:fixed; display:flex; align-items:center; top:50%; right:0; left:0; z-index:10040; -webkit-transform:translateY(-50%); transform: translateY(-50%); padding: 0 2rem;width: 100%; overflow-y:auto; -webkit-overflow-scrolling:touch; background: inherit;}
.modal-zipcode .modal.modal-enter-name .modal-dialog .modal-body {position: relative;min-height: auto !important; width: 244px!important; height:inherit!important; margin: 0 auto; padding: 0 0rem !important; background-color: #fff; border-radius: .6rem;}
.modal-zipcode .modal.modal-enter-name .modal-dialog .modal-body .modal-header h1.modal-title{font-size:1.4rem !important; font-weight:700 !important}
.modal-zipcode .modal.modal-enter-name .modal-dialog .modal-body .modal-content{flex-grow:inherit !important}
.modal-zipcode .modal.modal-enter-name .modal-dialog .modal-body .modal-content .paragraph{color:#8d8d8d !important;}
.modal-zipcode .modal.modal-enter-name .modal-dialog .modal-body .modal-footer{margin:0 1.6rem !important}

.modal-zipcode .form-group [class^=c-select] {margin: 0; letter-spacing: -1px;}
.modal-zipcode .form-group [class^=btn] {margin: 0 0.1rem;}
.find-postal-code .spot-area{padding: 2rem 0px;}
.find-postal-code .spot-area .spot{margin-bottom: 3rem; color: #000;}
.find-postal-code .spot-area .spot .title{color:#000; font-size: 1.8rem; line-height: 1.3; letter-spacing: -1px; font-weight: 400;}
.find-postal-code .paragraph{color:#000; font-size:1.5rem;}
.find-postal-code .form-group{margin-top: 1rem;}
.find-postal-code .search-result:before { display: block; height: 11px; border-top: 1px solid #e1e1e1; background-color: #f5f5f5; content: ""}
.find-postal-code .g-invisible{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px)}
.find-postal-code .search-result .result-caption { padding: 0 16px 1.2rem; font-size: 1.2rem; line-height: 1.2;background-color: #f5f5f5}
.find-postal-code .search-result .result-caption p{font-size:1.4rem; color:#000;}
.find-postal-code .search-result .address-area .address-list .address-item { margin: 0 16px; padding: 1.5rem 0 1.7rem; font-size: 1.4rem; line-height: 1.3; border-top: 1px solid #e1e1e1}
.find-postal-code .search-result .address-area .address-list .address-item:first-child{border-top:0;}
.find-postal-code .search-result .address-area .btn-more { display: block;width: 100%;font-size: 1.1rem;line-height: 4.2rem;color: #212121;text-align: center;background-color: #fbfbfb;border-top: 1px solid #e2e2e2}
.find-postal-code .search-result .name span.option-item{font-size: 1.4rem; line-height: 1.3; color:#000; } /*  2019-09-30 color 변경  */
.find-postal-code .search-result .name .option span.option-item{color:#666} /*  2019-09-30 color 변경  */
.find-postal-code .num{color:#f76252;}
.find-postal-code .step2:before{display: block; margin:11px auto; border-top: 1px solid #e1e1e1; background-color: #fff; content: "";} /* 2019-09-30 border추가 */
.find-postal-code .step2 .dt{font-size:1.8rem; font-weight:bold; color:#000; margin-bottom:3rem; margin-top:.5rem;}/*  2019-09-30 margin-bottom 추가  */
.find-postal-code .search-result .address-area .address-list .address-item .option {display: block; font-size: 1.3rem; color: #666;}
.find-postal-code .option .option-item:nth-of-type(2):before{margin: -1px .6rem 1px .2rem; display: inline-block; width: 1px; height: 11px; background-color: #e2e2e2; overflow: hidden; vertical-align: middle; margin: -1px 6px 1px 3px; content: ""}

/* 11-06 우편번호조회 */
.modal-zipcode-none-fixed .modal-content{overflow-y:scroll !important;}
.modal-zipcode-none-fixed .search-result{margin:0 -1.6rem;}

/* 신용카드 본인인증 방식 변경 */
.ars-user-check{margin:.7rem 0 2rem}
.ars-time-wrap{display:flex; justify-content:space-between; padding:2.8rem 0 1.5rem; border-bottom:1px solid #e1e1e1; font-size:1.3rem; color:#000;}
.ars-time-wrap + .dsc-item-dot{margin-bottom:.8rem;}
.ars-time{letter-spacing:-0.22px;}
.ars-minute{font-weight:bold; color:#3b98e6; letter-spacing:-0.2px;}
/* 2019-11-20 */
.bt-e1{margin-top:2.8rem; border-top:1px solid #e1e1e1;}
.ars-user-check-same{margin-bottom:0 !important; padding:.7rem 0 2rem !important; border-bottom: 0 !important;}