@charset "utf-8";
/*
Eungom's Reset
Last Updated:
Author: Jeong Eunmi
*/

/* =================================
  MAIN
 ================================= */
.contents{position:relative;width:100%;}
.contents > div{max-width:640px;margin:0 auto;padding:7rem 1.5rem 6.5rem;position:relative;z-index:0;min-height:640px;background:#000;}

/* login */
.logo_area{color:#fff;font-size:30px;font-weight:900;text-align:center;margin-bottom:30px;}
.contents .login_area{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;/*height:100vh;overflow:hidden;*/background:url(../images/bg_login_pc.jpg) center center repeat-x;background-size:cover;flex-direction:column;padding-top:0;height:100vh;}
.login_box {padding:30px 30px 50px;background:rgb(0 0 0 / 60%);border-radius:10px;}
.logo_area{width:16rem;margin:5rem auto;text-align:center;display:none;}
.login_box legend{display:block;color:#fff;font-size:30px;font-weight:700;text-align:center;margin-bottom:20px;}
.login_box .form_item{position:relative;}
.login_box .form_item label{position:absolute;left:10px;top:14px;width:60px;}
.login_box .form_item label:after{content:'';position:absolute;right:-15px;width:1px;height:100%;background:#555;}
.login_box .form_item input{padding-left:95px;height:50px;}
.btn_login{width:100%;height:50px;font-size:1.8rem;text-align:center;border-radius:4px;color:#fff;background:#e50914;font-weight:600;cursor:pointer;}
.btn_login:hover,
.btn_login:active{background:#b70710;}
.join_box{margin-top:40px;text-align:center;}
.join_box > p{color:#fff;font-size:13px;margin-bottom:7px;text-align:left;}
.join_box .btn_join{display:block;background:#7b7b7b;color:#fff;width:100%;height:50px;font-size:1.8rem;text-align:center;border-radius:4px;font-weight:600;line-height:50px;}
.join_box .btn_join:hover,
.join_box .btn_join:active{background:#616060;}
.join_box a.btn_download{display:none;}



/* 회원가입 */
.join_area .form_item{position:relative;}
.join_area .form_item:not(.checkbox) label{position:absolute;top:12px;left:10px;}
.join_area .form_item:not(.checkbox) input.hascontent ~ label,
.join_area .form_item:not(.checkbox) input:focus ~ label,
.join_area .form_item:not(.checkbox) input:valid ~ label,
.join_area .form_item label.upload-file-label.up{font-size: 12px;color: #fff;top: -9px;-webkit-transition: all 0.225s ease;transition: all 0.225s ease;}
.form_item .pw_eye{color:#fff;position:absolute;right:10px;top:7px;width:30px;height:30px;background:url(../images/ico_eye.png) center center no-repeat;background-size:contain;font-size:0;}
.form_item .pw_eye.close{background-image:url(../images/ico_eye_open.png);}

.btn_certify,
.btn_confirm{position:absolute;right:0;top:0;color:#fff;border-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0;width:120px;height:45px;font-size:15px;text-align:center;background:#7b7b7b;/*#5a1ade;*/line-height:45px;}
.form_item.checkbox{display:flex;align-items:stretch;align-items:center;margin:10px 0;}
.agreement_box{margin-top:3rem;margin-bottom:1rem;}
.agreement_box .form_item label{display:inline-block;vertical-align:middle;margin-bottom:0;}
.agreement_box .form_item p{width:100%;vertical-align:middle;margin-left:10px;}
.agreement_box .form_item p a{display:block;width:100%;font-size:1.3rem;background:url(../images/ico_right_grey.png) right center no-repeat;background-size:8px;color:#939393;}
.agreement_box .form_item p a > span{border-bottom:1px solid #aeaeae;}
.agreement_box .form_item.checkbox{margin:0;padding-bottom:12px;}
.join_area .upload_area{height:50px;padding-bottom:18px;height:45px;}
.join_area .form_item .upload-file{position:relative;background:#333;height:45px;border-radius:3px;}
.join_area .form_item input[type="file"]{position:absolute;right:0;top:0;width:100%;opacity:0;cursor:pointer;}
.my_info .form_item:not(.checkbox) select{width:100%;height:45px;text-align-last:left;margin-top:3px;}

.join_area.my_info .form_item.radio{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-bottom:15px;}
.join_area .form_item.radio .radio_label{position:absolute;left:3px;top:-20px;font-size:12px;color:#eee;font-weight:500;}
.join_area .form_item.radio .radio_box{display:flex;width:100%;align-items:center;height:45px;padding-top:10px;}
.join_area .form_item.radio .radio_box .radio{width:100%;height:100%;position:relative;}
.join_area .form_item.radio .radio_box input[type="radio"]{display:none;line-height:1;}
.join_area .form_item.radio .radio_box input[type="radio"] + label{top:0;font-size:15px;margin-bottom:0;}
.join_area .form_item.radio .radio_box input[type="radio"] + label::before{content:'';display:inline-block;width:20px;height:20px;background:url(../images/ico_check_off.png) center center no-repeat;background-size:contain;vertical-align:-4px;margin-right:10px;}
.join_area .form_item.radio .radio_box input[type="radio"]:checked + label::before{background:url(../images/ico_check_white.png) center center no-repeat;background-size:contain;}



/* 상품 선택 */
.select_area ul li{width:100%;}
.select_area ul li .form_item{position:relative;padding-bottom:0;margin-bottom:15px;border-radius: 6px;height:auto;min-height:105px;overflow:hidden;background:#333;}
.select_area ul li .form_item input,
.select_area ul li .form_item input:focus{height:auto;min-height:105px;border-radius:0;background:#333 url(../images/ico_check_off.png) 10px center no-repeat;background-size:30px;border-radius: 4px;width:0;height:0;opacity:0;}
.select_area ul li.selected .form_item input{background:#333 url(../images/ico_check_white.png) 10px center no-repeat;background-size:30px;width:0;height:0;opacity:0;}
.select_area ul li .form_item label{position:absolute;top:0;left:18px;color:#fff;margin-left:0;margin-bottom:0;width:calc(100% - 15px);height:100%;padding:16px 15px 16px 30px;font-weight:bold;letter-spacing:-1px;font-size:17px;display:flex;justify-content:center;flex-direction:column;}
.select_area ul li .form_item label span{display:block;width:100%;font-size:13px;border-top:1px solid #545454;padding-top:6px;margin-top:6px;letter-spacing:-0.5px;}
.select_area ul li.selected .form_item{border:2px solid #fff;}
.select_area ul li .form_item label em{font-size:14px;margin-left:2px;}
.select_area ul li .form_item label span.inner_select{display:flex;align-items:center;}
.select_area ul li .form_item label span.inner_select em{margin-left:0;width:100%;word-break:keep-all;}
.select_area ul li .form_item label span.inner_select .select{width:100%;}
.select_area ul li .form_item label span.inner_select .select select{width:100%;} 
.select_area ul.add_product{margin-top:25px;}
.select_area ul li .form_item input[type="checkbox"] + label::before{display:none}
.select_area ul.add_product .sub_tit{padding:20px 0;color:#fff;font-size:17px;}
.select_area.cnt_room{margin-bottom:30px;}
.select_area.cnt_room .select{margin-top:-10px;}
.select_area.cnt_room .select select{width:100%;height:45px;}
.select_area ul.add_product li .form_item,
.select_area ul.add_product li .form_item input,
.select_area ul.add_product .form_item input:focus{min-height:95px;}
.product_price{margin-top:50px;margin-bottom:20px;text-align:right;color:#fff;font-size:14px;}
.product_price strong{font-size:3rem;color:#ff9800;font-weight:600;}
.pop.partner_certify .corp_num{margin-top:20px;}
.pop.partner_certify .corp_num p{font-size:13px;margin-top:5px;}
.pop.partner_certify .corp_num p.num_ok{color:#fff;}
.pop.partner_certify .corp_num p.wrong{color:#e50914;}
.pop.partner_certify .corp_num p.complete{color:#ff9800;}
.pop.partner_certify .select{margin-top:20px;margin-bottom:-10px;}
.pop.partner_certify .select select{width:100%;}

.pop.partner_certify_pc .corp_num{margin-top:20px;}
.pop.partner_certify_pc .corp_num p{font-size:13px;margin-top:5px;}
.pop.partner_certify_pc .corp_num p.num_ok{color:#fff;}
.pop.partner_certify_pc .corp_num p.wrong{color:#e50914;}
.pop.partner_certify_pc .corp_num p.complete{color:#ff9800;}
.pop.partner_certify_pc .select{margin-top:20px;margin-bottom:-10px;}
.pop.partner_certify_pc .select select{width:100%;}

.select_area ul li .form_item .input-box{height:auto;min-height:105px;border-radius:0;background:#333 url(../images/ico_check_off.png) 10px center no-repeat;background-size:30px;border-radius: 4px;}
.select_area ul li.selected .form_item .input-box{background:#333 url(../images/ico_check_white.png) 10px center no-repeat;background-size:30px}

.select_area ul li.add-notice .form_item input, 
.select_area ul li.add-notice .form_item input:focus{min-height:150px;}
.select_area ul li.add-notice p{font-size:13px;color:#dfdfdf;line-height:15px;}
.select_area ul li.add-notice .form_item label{justify-content:flex-start;}

.select_area ul li .pw-box{position:relative;z-index:100;height:80px;padding:16px 15px 15px 50px;}
.select_area ul li .pw-box .pw-wrap{border-top:1px solid #555;padding:10px 0;display:flex;align-items:center;justify-content:flex-start;}
.select_area ul li .pw-box .pw-wrap input.input-pw{min-height:40px;height:40px;width:100%;background:#121212;margin-left:5px;border:1px solid #555;padding:5px;opacity:1;font-size:20px;color:#ddd;}
.select_area ul li .pw-box .pw-wrap .pw-label{color:#fff;font-size:14px;width:100%;}

.my_info .form_item.selectbox .select_box{margin-top:2px;}
.my_info .form_item.selectbox .select_box label{top:-20px;left:3px;font-size:12px;color:#fff;}
.form_item.selectbox .txt-notice{color:#fff;margin:10px 0;}

/* 상품 선택 - 디플 추가 */
.select-room-cnt{margin:15px 0;display:flex;align-items:center;justify-content:space-between;padding:0 5px;}
.select-room-cnt .select-tit{margin-right:20px;padding:0;}
.select-room-cnt .select{width:calc(100% - 90px)}
.select-room-cnt .select select{width:100%;}
.product-item{margin-bottom:25px;}
.product-item .pc{margin-bottom:0px;}
.product-item .sub-tit{font-size:17px;padding-bottom:15px;color:#fff;font-weight:500;}
.select-product .select-ott{display:none;}
.select-product .select-ott:last-of-type{border-bottom:0;}
.select-product .select-ott.active{position:relative;display:block;margin-bottom:30px;padding-top:0;padding-bottom:20px;margin-top:20px;border-bottom:1px solid #333;}
.select-product .select-ott.active:after{display:none;content:'';position:absolute;top:-15px;left:0;right:0;margin:auto;width:24px;height:15px;background:url(../images/ico_ott_select.jpg) top center no-repeat;background-size:24px;}
.select-product .form-item{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:15px 12px;color:#fff;background:#333;border-radius:10px;cursor:pointer;border:2px solid #333;}
.select-product .form-item.selected{border:2px solid #fff}
.select-product .form-item i.ico-check{display:inline-block;width:30px;height:30px;background:url(../images/ico_check_off.png) 0 0 no-repeat;background-size:30px;}
.select-product .form-item.selected i.ico-check{background:url(../images/ico_check_white.png) 0 0 no-repeat;background-size:30px;}
.select-product .form-item .input-box{width:calc(100% - 50px);}
.select-product .form-item input[type="radio"],
.select-product .form-item input[type="checkbox"]{display:block;width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;}
.select-product .form-item input[type="checkbox"] + label:before{display:none;}

.select-product .form-item label .item-tit{font-size:17px;font-weight:600;}
.select-product .form-item label .item-info{display:block;font-size:16px;}
.select-product .form-item label .add-info{display:block;padding-top:6px;border-top:1px solid #545454;font-size:13px;margin-top:6px}
.product-item.add .form-item label .item-info{display:inline-block;margin-left:5px;font-size:17px;}
.select-product .form-item label .item-info em{font-size:12px;font-weight:400;margin-left:2px;}
.select-product .form-item label strong{font-weight:900;}
.select-ott.type3.active .ott-box .ott-item{padding-bottom:60px;}

.select-ott p{color:#fff;font-size:14px;text-align:center;padding:5px 0 15px;}
.select-ott p .txt-yellow{display:block;color:#eee435;font-size:13px;margin:0 auto;width:75%;word-break:keep-all;}
.ott-box .ott-item{position:relative;text-align:center;}
.ott-box .ott-item input{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;}
.ott-box .ott-item input[type="checkbox"] + label::before{display:none;}
.ott-box .ott-item span.tit-ott-sub{font-size:13px;color:#fff;display:block;}
.ott-box .ott-item{border:2px solid #333;border-radius:7px;text-align:center;padding:15px 10px;}
.ott-box .ott-item.active{border:2px solid #fff;}
.ott-box .ott-item.promotion.active{border:2px solid #eee435;}
.ott-box .ott-item.promotion.active span.txt-netflix{color:#e50914;}
.ott-box .tit-ott{font-size:16px;color:#8e8e8e;font-weight:700;letter-spacing:-0.8px;}
.ott-box .tit-ott-sub{font-size:13px;color:#fff;display:block;}
.ott-box .ott-item.active .tit-ott{color:#fff;font-weight:900;}
.ott-box .ott-item.netflix.active .tit-ott{color:#e50914}
.ott-box .ott-item.promotion .tit-ott{display:block;padding-top:13px;line-height:23px;}
.ott-box .ott-item.promotion .tit-ott .txt-small{font-size:16px;font-weight:500;}

.ott-box ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:calc(100% + 10px);margin-left:-5px;}
.ott-box ul li{position:relative;width:calc(100% / 3 - 6px);margin:0 3px 10px;}
.ott-box ul li.w100{width:100%;}
.ott-box ul li .select{position:absolute;bottom:13px;left:8px;right:8px;width:85%;margin:auto;}
.ott-box ul li .select select{width:100%;}
.ott-box ul.not-select .ott-item{padding-bottom:10px;}
.ott-pw-area{padding-bottom:20px;}
.ott-pw-area .pw-box{margin:15px 0;border:1px solid #8c8c8c;background:#333;height:40px;display:flex;align-items:center;justify-content:center;}
.ott-pw-area .pw-box label{color:#fff;font-size:15px;}
.ott-pw-area .pw-box input{background:transparent;border:0;color:#fff;font-size:15px;height:100%;padding:0 10px;}
.ott-pw-area .txt1{font-size:13px;color:#fff;text-align:left;padding:0;margin-top:3px;}
.ott-pw-area .txt2{font-size:13px;color:#6e6e6e;text-align:left;padding:0;margin-top:3px;}
.select-ott.type-pc.active .ott-box .ott-item{padding-bottom:60px;}
.ott-ip-area{padding-bottom:10px;}
.ott-ip-area .ip-box{margin:15px 0;border:1px solid #8c8c8c;background:#333;height:40px;display:flex;align-items:center;justify-content:center;}
.ott-ip-area .ip-box label{color:#fff;font-size:15px;}
.ott-ip-area .ip-box input{background:transparent;border:0;color:#fff;font-size:15px;height:100%;padding:0 10px;width:55%;text-align:center;}

/* 추천상품 */
.recommend-box ul{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.recommend-box ul li{width:calc(100% / 3 - 8px)}
.recommend-box .recommend-item{position:relative;text-align:center;}
.recommend-box .recommend-item input{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;cursor:pointer;}
.recommend-box .recommend-item input[type="checkbox"] + label::before{display:none;}
.recommend-box .recommend-item span.tit-ott-sub{font-size:13px;color:#fff;display:block;}
.recommend-box .recommend-item{border:2px solid #333;border-radius:7px;text-align:center;padding:15px 0;}
.recommend-box .recommend-item.active{border:2px solid #fff;}
.recommend-box .recommend-item .tit-room{display:block;font-size:16px;color:#8e8e8e;font-weight:700;letter-spacing:-0.8px;}
.recommend-box .recommend-item .txt-small{font-size:11px;font-weight:500;color: #8e8e8e;letter-spacing:-1px;}
.recommend-box .recommend-item.active span{color:#fff;font-weight:900;}

/* 추천상품 */
.add-box ul{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.add-box ul li{width:calc(100% / 2 - 8px)}
.add-box .add-item{position:relative;text-align:center;}
.add-box .add-item input{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;cursor:pointer;}
.add-box .add-item input[type="checkbox"] + label::before{display:none;}
.add-box .add-item span.tit-ott-sub{font-size:13px;color:#fff;display:block;}
.add-box .add-item{border:2px solid #333;border-radius:7px;text-align:center;padding:15px 0;}
.add-box .add-item.active{border:2px solid #fff;}
.add-box .add-item .tit-room{display:block;font-size:16px;color:#8e8e8e;font-weight:700;letter-spacing:-0.8px;}
.add-box .add-item .txt-small{font-size:11px;font-weight:500;color: #8e8e8e;letter-spacing:-1px;}
.add-box .add-item.active span{color:#fff;font-weight:900;}



/* PC방 신규 디플 추가 */
.product-item.pc-room-promotion .ott-box .tit-ott{font-size:16px;}
.product-item.pc-room-promotion .ott-box .ott-item span.tit-ott-sub{font-size:12px;}
.select-product .form-item .txt-red{color:#e50914;}

.select-product .product-item.pc-room-promotion .form-item.selected{border-color:#eee435;}
.tag-promotion{color:#eee435;font-size:14px;position:absolute;top:10px;right:10px;}
.tag-promotion i{display:inline-block;width:20px;height:20px;background:url(../images/ico_sale.png) 0 0 no-repeat;background-size:20px;vertical-align:middle;margin-right:3px;}

/* .select-product .product-item.pc-room-promotion .ott-box ul{display:block;}*/
 .select-product .product-item.pc-room-promotion .ott-box ul li{width:calc(100% / 3 - 5px);margin:0 0 10px;}


.pop.partner_certify2 .corp_num{margin-top:20px;}
.pop.partner_certify2 .corp_num p{font-size:13px;margin-top:5px;}
.pop.partner_certify2 .corp_num p.num_ok{color:#fff;}
.pop.partner_certify2 .corp_num p.wrong{color:#e50914;}
.pop.partner_certify2 .corp_num p.complete{color:#ff9800;}
.pop.partner_certify2 .select{margin-top:20px;margin-bottom:-10px;}
.pop.partner_certify2 .select select{width:100%;}


/* 결제 정보 등록 */
.payment_area .pay_info{color:#fff;padding-bottom:10px;margin-bottom:25px;}
.payment_area .pay_info p{font-weight:bold;font-size:16px;padding-left:36px;background:url(../images/ico_won.png) left center no-repeat;background-size:27px;letter-spacing:-0.5px;line-height:38px;color:#eee;font-weight:500;}
.payment_area .pay_info p span{font-size:28px;color:#e50914;margin-left:3px;font-weight:700;}
.payment_area .select_card img{margin:10px 0}
.payment_area .select_card select{width:100%;text-align-last:left;}
.payment_area .card_info{margin-bottom:25px;}
.payment_area .card_info p{font-size:0;}
.payment_area .form_item{position:relative;}
.payment_area .form_item:not(.checkbox) label{position:absolute;top:13px;left:10px;font-size:13px;}
.payment_area .form_item:not(.checkbox) input:focus ~ label,
.payment_area .form_item:not(.checkbox) input:valid ~ label{font-size: 12px;color: #fff;top: -9px;-webkit-transition: all 0.225s ease;transition: all 0.225s ease;}
.payment_area .card_num_info{display:flex;justify-content:space-between;align-items:center;}
.payment_area .card_num_info .form_item{width:100%;}
.payment_area .card_num_info .form_item:last-child{margin-left:10px;}
/* 결제수단 선택 탭 */
.payment_area .tab_menu{position:relative;text-align:center;display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px;}
.payment_area .tab_menu:after{content:'';position:absolute;width:100%;height:1px;bottom:0;left:0;right:0;background:#fff;}
.payment_area .tab_menu a{display:block;width:50%;height:4rem;border:1px solid #333;border-bottom-color:#000;color:#999;border-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;font-size:14px;line-height:4rem;background:#000;}
.payment_area .tab_menu a.selected{color:#fff;border-color:#fff;border-bottom-color:#000;z-index: 10;}
.payment_area .tab_cont{display:none;}
.payment_area .tab_cont.selected_tab{display:block;}
.payment_area .tab_cont select{width:100%;height:45px;border-radius:3px;background-color:#333;text-align:left;text-align-last:left;border:0;color:#b3b3b3}

.input_email.full{width:100%}
.form_item.input_email{display:flex;align-items:center;}
.form_item.input_email.full:first-of-type input[type="email"]{width:calc(100% - 9.5rem);margin-right:0}
.form_item.input_email span{display:inline-block;font-size:1.2rem;vertical-align:middle;color:#fff;margin:0 5px;}
.form_item.input_email.full span,
.form_item.input_email.full select{display:none}
.form_item.reg_pw.full label,
.form_item.reg_pw.full input{display:none}


/* 선택 완료*/
.complete_area{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.text_area{text-align:center;margin-top:-4.5rem;}
.text_area img{width:6.5rem;margin-bottom:2.5rem;}
.text_area p{font-size:2.5rem;line-height:32px;font-weight:600;color:#fff;}
.complete_area .text_area p.txt_small{font-size:1.65rem;color:#888;line-height:23px;font-weight:500;margin-top:15px;}
.complete_area .text_area strong{color:#e40a79;border-bottom:1px solid #e40a79;}


/* 정보 내역 상자 */
.info_box{width:100%;padding:25px;border:1px solid #d6d6d6;max-width:640px;margin:20px auto;border-radius:5px;background:#000;}
.info_box > p{font-size:16px;color:#ddd;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
.info_box > p > span{font-size:16px;color:#ddd;font-weight:500;}
.info_box > p:first-child{font-size:24px;color:#fff;font-weight:700}
.info_box > p:last-child{margin-bottom:0;}
.info_notice{width:100%;max-width:640px;margin:0 auto;}
.info_notice p{position:relative;text-align:left;font-size:1.3rem;color:#939393;padding:5px 0 6px 15px;line-height:16px;white-space:normal;word-break:keep-all;}
.info_notice p:before{content:'';position:absolute;width:4px;height:4px;background:#939393;border-radius:10px;left:0;top:11px;}
.contents .sub_tit + .info_box{margin:15px 0;}


/* 결제정보 확인 */
.payment-info{text-align:left;justify-content:flex-start;}
.payment-info .main_tit{display:block;width:100%;max-width:640px;margin:0 auto;padding-bottom:0;}
.payment-info .main_tit > span{color:#e50914;float:right;}
.payment-info .info_box{padding:25px 15px;}
.payment-info .info_box > div{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:15px;}
.payment-info .info_box > div p{color:#939393;font-size:15px;}
.payment-info .info_box > div p:first-of-type{width:110px;}
.payment-info .info_box > div p:last-of-type{color:#fff;font-size:16px;width:calc(100% - 110px);margin-left:10px;}
.payment-info .info_box > div span.product_name{color:#fff;}
.payment-info .info_box > div span{font-size:17px;}
.payment-info .info_box > div.product .detail{display:block;font-size:13px;color:#939393;}
.payment-info .info_box > div.price > p:last-of-type{color:#e50914;font-weight:900;}
.payment-info .info_box > div.price > p:last-of-type span{font-size:13px;color:#939393;font-weight:500;}
.payment-info .info_box > div:last-of-type{margin-bottom:0;}
.sign_area{margin:20px auto 30px;position:relative;background:#333;border-radius:8px;width:100%;height:180px;max-width:640px;}
.sign_area .btn_reset{display:block;position:absolute;right:10px;top:10px;width:20px;height:20px;background:url(../images/ico_reset.png)center center no-repeat;background-size:contain;font-size:0;z-index:20;}
.sign_area > span{position:absolute;top:50%;left:0;right:0;text-align:center;color:#7a7a7a;letter-spacing:3px;font-weight:900;font-size:20px;z-index:0;transform:translateY(-50%)}
.sign_area .sign_box{position:relative;z-index:10;display:block;width:100%;height:100%;}
canvas{width:100%; max-width:640px}
.currPrice{color:#e50914;font-weight:900;}


/* 계정관리 */
.account_area{color:#fff;}
.account_area .top_area{position:relative;text-align:right;margin-bottom:15px;}
.account_area .top_area a{display:inline-block;font-size:14px;padding:0;border-radius:3px;border:1px solid #333;background:#333;margin-left:7px;width:90px;height:35px;line-height:35px;text-align:center;}
.account_area .top_area a.btn_edit_ok{display:none;background:#e50914;font-weight:700;border:1px solid #e50914;}
.top_area .total_list_num{position:absolute;left:7px;top:50%;transform:translateY(-50%);font-size:15px;color:#fff;}
.top_area .total_list_num em{font-weight:bold;color:#ff9800;font-size:17px;}
.account_area .list_area.on .btn_add,
.account_area .list_area.on .btn_edit{display:none;}
.account_area .list_area.on a.btn_edit_ok{display:inline-block;}
.drag_list > li {display:flex;justify-content:space-between;margin: 5px 0;padding:10px;border-radius:10px;border:1px solid #8b8b8b;width:100%;height:115px !important;}
.drag_list > li.red{border:1px solid #eb0f17;}
.account_area .form_item{position:relative;padding-bottom:5px;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;}
.account_area .form_item label{width:80px;color:#fff;font-size:13px;margin-bottom:0;}
.account_area .pw_eye{display:none;}
.drag_list {width: 100%;margin: 0 auto;}
.drag_list .drag-area {cursor: move;}
.account_area .txt_drag_notice{display:none;font-size:1.3rem;margin-bottom:10px;color:#ff9800;}
.account_area .form_box.drag-area{position:relative;width:calc(100% - 100px);}
.account_area .form_box.drag-area:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:10;}
.account_area .button_box{display:flex;align-items:center;justify-content:center;min-width:100px;margin-left:10px;}
.account_area .button_box a{display:inline-block;color:#fff;border:1px solid #333;padding:5px;margin:5px;width:40px;height:40px;font-size:0;vertical-align:middle;border-radius:50%;}
.account_area .button_box .btn_modify{background:#333 url(../images/ico_edit.png) center center no-repeat;background-size:20px;}
.account_area .button_box .btn_del{background:#333 url(../images/ico_trash.png) center center no-repeat;background-size:20px;}
.account_area .button_box .btn_sequence,
.account_area .list_area.on .button_box .btn_modify,
.account_area .list_area.on .button_box .btn_del{display:none;}
.account_area .list_area.on .txt_drag_notice,
.account_area .list_area.on .button_box .btn_sequence{display:block}
.account_area .list_area .drag_list .form_item:not(.checkbox){margin-bottom:0;}
.account_area .list_area .drag_list .form_item:not(.checkbox) input{background:#000;font-size:16px;border-radius:0;height:40px;border-bottom:1px solid #000;}
.account_area .list_area .drag_list .modify .form_item:not(.checkbox) input{background:#000;border-bottom:1px solid #e50914;}
.account_area .list_area .drag_list .modify .btn_del,
.account_area .list_area .drag_list .modify .btn_modify{display:none;}
.account_area .list_area .drag_list .btn_modify_ok{display:none;position:relative;background:#e50914;width:auto;border-radius:3px;padding:0 30px;margin-left:10px;margin-right:0;line-height:38px;color:#fff;font-size:15px;}
.account_area .list_area .drag_list .modify .btn_modify_ok{display:inline-block;}
.account_area .list_area.on .drag_list li{border:2px dashed #aaa;border-radius:10px;background:#000;opacity:0.7}
.account_area .list_area.on .drag_list li.move{border:2px dashed #1A73E8;opacity:1}
.account_area .list_area.on .drag_list li .btn_sequence{background:#333 url(../images/ico_updown.png) center center no-repeat;background-size:20px;margin-left:25px;}
.account_area .list_area .form_item .select_box{width:100%;margin-top:7px;}
.account_area .list_area .form_item .select_box select{width:100%;height:40px;text-align-last:left;}

.account_del .pop_content p{margin-top:20px;}
.account_add .main_tit{margin-top:-15px;}
.account_add .form_item:first-child{padding-bottom:30px;margin-top:15px;}
.account_add .pop_content .form_item label{display:block;position:absolute;left:5px;top:-25px;font-size:13px;}
.account_add .form_item .select_box,
.account_add .form_item .select_box select{width:100%;height:40px;text-align-last:left;}
.account_add .form_item .select_box{margin-bottom:40px;}
.account_add .form_item.checkbox{margin:0;padding:0 0 40px;text-align:right;}
.account_add .form_item.checkbox label{left:auto;right:0;top:13px;}
.account_add .form_item.checkbox label span{margin-left:5px;}
.no-drag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}

.account_area .title_area{display:flex;align-items:center;justify-content:flex-start;}
.account_area .title_area .select_box{margin-bottom:15px;margin-left:10px;}
.account_area .title_area .select_box select{border:-1px solid #ccc;border-radius:3px;font-size:14px;}



/* 리포트 */
.report_area .top_area{color:#fff;border:1px solid #555;padding:15px 10px;}
.report_area .top_area .select_period ul{display:flex;justify-content:space-between;align-items:center;margin:15px 0;}
.report_area .top_area .select_period ul li{width:100%;}
.report_area .top_area .select_period ul li a{display:block;text-align:center;border:1px solid #aaa;font-size:14px;padding:8px 10px;color:#ccc;}
.report_area .top_area .select_period ul li:nth-of-type(1) a{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.report_area .top_area .select_period ul li:nth-of-type(2) a{border-left:0;border-right:0;}
.report_area .top_area .select_period ul li:nth-of-type(3) a{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.report_area .top_area .select_period ul li.selected a{background:#e50914;color:#fff;}
.report_list{color:#fff;width:100%;margin-top:20px;border-top:1px solid #333;}
.report_list li{width:100%;display:flex;justify-content:space-between;font-size:1.4rem;border-bottom:1px solid #333;padding:15px 10px;color:#eee;}
.report_area h4.sub_tit{font-size:13px;}
.report_area .select_date {padding-top:10px;}
.report_area .select_date h4.sub_tit{display:inline-block}
.report_area .select_date h4.sub_tit i{display:inline-block;width:17px;height:17px;background:url(../images/ico_down_w.png) center center no-repeat;background-size:contain;vertical-align:middle;margin-left:3px;}
.report_area .select_date h4.sub_tit.on i{transform: rotate(180deg)}
.report_area .top_area .calendar_box{display:none;}
.report_area .top_area .calendar_box.open{display:block;margin-top:5px;padding:20px 10px;background:#222;border-radius:3px;}
.report_area .top_area .calendar_box .dset input{background:#333;width:calc(100% - 28px);height:35px;text-align:center;font-size:14px;color:#ccc;border-radius:3px;}
.report_area .top_area .calendar_box .btn_search{display:block;font-size:15px;border:1px solid #ccc;color:#ccc;border-radius:3px;height:40px;background:#222;width:100%;margin-top:12px;font-weight:700;border-radius:3px;}
.calendar_box .calender_select{display:flex;align-items:center;justify-content:space-between;}
.calendar_box .calender_select .dset{width:100%;}
.calendar_box .calender_select .demi{margin:0 5px;}
.calendar_box .btncalendar{display:inline-block;width:18px;height:18px;vertical-align:middle;font-size:0;background:url(../images/ico_calendar.png) 0 0 no-repeat;background-size:contain;margin-left:5px;}
.report_list .account_history{text-align:right;}
.report_list .report_date{margin-top:3px;}
.report_list .account_history .use_account span{color:#ff9800;font-weight:700;font-size:17px;}
.report_list .account_history .add_request{margin-top:5px;font-size:13px;}
.report_list .account_history .add_request span{font-size:15px;vertical-align:middle;}

/* 리포트 세부기간 조회 캘린더 */
.ui-datepicker{background:#fff;padding:0;width:220px;}
.ui-datepicker .ui-datepicker-header{background:#fff;border-radius:0;border:0;}
.ui-datepicker .ui-datepicker-title{line-height:27px;font-size:14px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:25px;height:25px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{width:25px;height:25px;left:0;top:0;margin:0;}
.ui-datepicker .ui-datepicker-prev span{background:url(../images/btn_prev.jpg) 0 0 no-repeat;background-size:contain;}
.ui-datepicker .ui-datepicker-next span{background:url(../images/btn_next.jpg) 0 0 no-repeat;background-size:contain;}
.ui-datepicker th{font-size:12px;}
.ui-datepicker td span, .ui-datepicker td a{font-size:12px;}


/* 실시간 모니터링 */
.monitoring_area .top_area{position:relative;text-align:center;font-size:1.7rem;padding-bottom:20px;margin-top:10px;margin-bottom:30px;border-bottom:1px solid #333;}
.monitoring_area .top_area p{color:#ddd;letter-spacing:0.2px;margin:10px auto 30px;}
.monitoring_area .top_area p:nth-of-type(1) > span{color:#fff;font-weight:700;font-size:19px}
.monitoring_area .top_area p:nth-of-type(2) > span{font-size:24px;font-weight:900;color:#ff9800;}
/* .monitoring_list{color:#fff;} */
.monitoring_list > li{position:relative;padding:10px;background:#222;margin-bottom:5px;border-radius:3px;}
.monitoring_list > li.on{border:1px solid #e50914;background:#000;}
.monitoring_list > li.on:before{content:"ON";position:absolute;font-size:13px;border-radius:15px;padding:2px 5px;background:#e50914;right:10px;top:10px;text-align:center;width:50px;font-weight:900;color:#fff;}
.monitoring_list > li ul li span{display:inline-block;font-size:1.3rem;color:#ccc;}
.monitoring_list > li ul li span:first-child{width:75px;padding-left:10px;position:relative;}
.monitoring_list > li ul li span:first-child:before{content:'';position:absolute;left:0;top:50%;margin-top:-1px;width:2px;height:2px;background:#777;}
.monitoring_list > li.on ul li span{color:#fff;}
.btn_refresh{display:block;position:absolute;right:0;bottom:5px;font-size:13px;color:#bbb;padding:4px 5px 4px 25px;background:#333 url(../images/ico_refresh.png) 6px 6px no-repeat;background-size:14px;border-radius:3px;}
.util-menu{display:flex;justify-content:flex-start;margin-bottom:-15px;}
.util-menu .text-search{margin-left:5px;width:35%;}
.util-menu .text-search input{width:100%;background:transparent;padding:0 10px;border-radius:3px;border:1px solid #ccc;color:#ccc;height:35px;background: url(../images/ico_search.png) right center no-repeat;font-size:14px;}
.monitoring_area > .title_area{display:flex;align-items:center;justify-content:flex-start;}
.monitoring_area > .title_area .select_box{margin-bottom:15px;margin-left:10px;}
.monitoring_area > .title_area .select_box select{border:1px solid #ccc;border-radius:3px;font-size:14px;}


/* 클라이언트 관리 */
.client_area .top_area{position:relative;display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:20px;}
.client_area .top_area .select_box{margin-right:7px;}
.monitoring_area .top_area select,
.client_area .top_area select{border:1px solid #ccc;color:#ccc;border-radius:3px;font-size:14px;}
.client_area .btn_search{display:inline-block;color:#ccc;font-size:14px;width:100px;height:35px;line-height:35px;border:1px solid #ddd;text-align:center;padding-right:25px;border-radius:3px;background:url(../images/ico_search.png) right 3px top 2px no-repeat;background-size:28px}
.table_th_pc{display:none;}
.client_list{color:#eee;}
.client_list > li{margin-bottom:5px;padding:10px;position:relative;background: #333;border-radius:3px;}
.client_list > li ul li span{display:inline-block;font-size:1.3rem;color:#eee;}
.client_list > li ul li span:first-child{width:75px;padding-left:10px;position:relative;}
.client_list > li ul li span:first-child:before{content:'';position:absolute;left:0;top:50%;margin-top:-1px;width:2px;height:2px;background:#777;}
.client_list .toggle_area{position:absolute;right:15px;top:50%;transform:translate(0, -50%);}
.client_list .toggle {position: relative;display: inline-block;}
.client_list .toggle input[type="checkbox"] + label::before{background:none;}
.client_list .toggle label {width: 45px;height: 20px;background: #757575;position: relative;display: inline-block;border-radius: 46px;-webkit-transition: 0.4s;transition: 0.4s;}
.client_list .toggle label:before{display:none;}
.client_list .toggle label:after {content: '';position: absolute;width: 50px;height: 50px;border-radius: 100%;left: -2px;top: -5px;z-index: 2;background: #fff;-webkit-transition: 0.4s;transition: 0.4s;}
.client_list .toggle input {display:block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;opacity: 0;cursor: pointer;}
.client_list .toggle input:checked + label:after {left: 40px;}
.client_list .toggle label:after {background: #dcdcdc;top: -3px;width: 26px;height: 26px;box-shadow: 3px 0px 4px rgba(0,0,0,0.2);}
.client_list .toggle input:checked + label {background: #1A73E8;}
.client_list .toggle input:checked + label:after {/* border: 2px solid #f7c37a; */left: 22px;background: #ddd;box-shadow: -3px 0px 4px rgba(0,0,0,0.2);}
.pop.client_search .search_box{margin-top:25px;}
.pop.client_search .search_box p{text-align:left;}
.pop.client_search .form_item:not(.checkbox) input{height:45px;}
.pop.client_search .radio_box{display:flex;justify-content:flex-end;margin-top:25px;margin-bottom:5px;}
.pop.client_search .form_item label{font-size:13px;display:inline-block;}
.pop.client_search .form_item input[type="radio"]{display:inline-block;width:18px;height:18px;background:url(../images/ico_check_off.png) left center no-repeat;background-size:16px;margin-left:20px;padding:0;}
.pop.client_search .form_item input[type="radio"]:checked{background:url(../images/ico_check_red.png) left center no-repeat;background-size:16px}
.pop.client_search .search_box > .form_item label{font-size:0;display:none;}
.pop.client_search .btn_search{display:block;color:#ccc;border:1px solid #ccc;border-radius:3px;font-size:15px;height:40px;line-height:40px;text-align:center;font-weight:700;margin-top:10px;}
.pop.client_search .pop_content{padding:40px 30px 30px}

/* 등록된 정보가 없을 때 */
.nothing{text-align:center;padding:50px 0;font-size:18px;color:#939393;}
.nothing img{width:70px;margin-bottom:20px;}

/* 회원정보 */
.my_info form{margin-top:20px;}
.my_info .form_item:not(.checkbox){padding-bottom:38px;}
.my_info .form_item:not(.checkbox) input{color:#ccc;}
.my_info .upload_area{height:auto;padding-bottom:0;}
.my_info .form_item label.upload-file-label.up,
.my_info .form_item:not(.checkbox) input ~ label,
.my_info .form_item:not(.checkbox) input:valid ~ label,
.my_info .form_item:not(.checkbox) select ~ label{top:-20px;left:3px;font-size:12px;color:#eee;}
.withdraw_area{text-align:right;margin-top:20px;}
.withdraw_area a{display:inline-block;color:#eee;font-size:15px;border-bottom:1px solid #ccc;}
.pop .form_item{position:relative;padding-bottom:0;}
.pop .form_item .pw_eye{color:#fff;position:absolute;right:10px;top:7px;width:30px;height:30px;background:url(../images/ico_eye.png) center center no-repeat;background-size:contain;font-size:0;}
.pop .form_item .pw_eye.close{background-image:url(../images/ico_eye_open.png);}


/* 결제정보 변경 */
.payment_info_area .info_box{padding:15px 25px;}
.payment_info_area .info_box + .card_info{margin-top:25px;}
.payment_info_area .info_box > p:first-child{font-size:16px;}

/* 상품정보 변경 */
.product_area .my_product{border-bottom:1px solid #333;padding-bottom:10px;margin-top:10px;margin-bottom:25px;}
.product_area .my_product p{color:#eee;font-size:16px;}
.product_area .my_product p > span{color:#ff9800;font-weight:700;font-size:22px;margin:0 3px;}
.product_area .my_product ~ .select_area h4.sub_tit{margin-bottom:10px;}

.change_product .product_area .my_product{margin-top:0;margin-bottom:20px;padding-bottom:20px;}
.product_area .my_product_info{border:1px solid #fff;border-radius:6px;padding:20px;}
.product_area .my_product_info p{font-weight:600;}
.product_area .my_product_info p > span{display:block;font-size:13px;color:#fff;font-weight:500;}
.product_area .main_tit{padding-bottom:10px;}
.product_area .main_tit > span{color:#e50914;float:right;}
.product_area h4.sub_tit{margin-bottom:10px;}
.product_area .choice_product .inner_choice{display:flex;align-items:center;justify-content:space-between;border:1px solid #fff;border-radius:6px;padding:15px;background:#454545;}
.product_area .choice_product .inner_choice p{color:#eee;font-size:16px;font-weight:600;}
.product_area .choice_product .inner_choice p > span{display:block;color:#eb1c24;font-size:13px;}
.product_area .choice_product p.notice{text-align:right;color:#fff;margin-top:10px;font-size:13px;}
.product_area .choice_product p.notice strong{font-weight:600;font-size:15px;}
.product_area .choice_product p.notice > span{font-size:11px;}
.change_product .select_area ul.add_product .sub_tit{color:#b3b3b3;font-size:15px;padding-bottom:0;}
.change_product .product_price{margin-top:50px;padding-top:50px;border-top:1px solid #333}
.change_product .product_price i.price_plus{display:inline-block;width:20px;height:20px;background:url(../images/ico_price_plus.png) center center no-repeat;background-size:contain;}
.change_product .product_price i.price_minus{display:inline-block;width:20px;height:20px;background:url(../images/ico_price_minus.png) center center no-repeat;background-size:contain;}

/* 인증번호 발급 */
.contents .verification_area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center;padding-top:5rem;height:100vh;}
.verification_area h3{font-size:2.8rem;line-height:45px;margin-top:-2rem;margin-bottom:0;padding-bottom:0;color:#fff;}
.verification_area h3 + p{font-size:1.6rem;color:#939393;}
.code_box{position:relative;width:400px;font-size:1.3rem;padding-top:4rem;}
.code_box .btn_num{display:block;width:250px;padding:0 40px;margin:5px auto;font-size:1.7rem;font-weight:700;border-radius:50px;background:#fff;height:6.2rem;line-height:6.2rem;}
.code_box .btn_num.complete{background:#ed1c24;color:#fff;}
.code_box .btn_num.complete.gray{background:#666;color:#fff;}
.code_box .btn_num.complete.black{background:#000;color:#e40a79;border:1px solid #fff;}
.code_box .time{position:absolute;right:0;left:0;top:1.2rem;color:#fff;font-size:16px;}
.code_box .time span{font-size:17px}
.code_box .time i{display:inline-block;width:15px;height:15px;background:url(../images/ico_clock_pink.png) center center no-repeat;background-size:contain;vertical-align:-2px;margin-right:5px;}
.code_box p.error{color:#ed1c24;font-weight:600;}
.code_box .btn_num .verification_num{font-size:3rem;color:#ed1c24;font-weight:900;}
a.btn_num.complete.end{height:45px;line-height:45px;border-radius:3px;padding:0;margin-top:40px;}

/* 제휴할인 */
.partner-sale{margin:20px 0;}
.partner-certify{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:20px 0;border-top:1px solid #545454;border-bottom:1px solid #545454;width:100%;}
.partner-certify .left-area{font-size:15px;padding-left:5px;}
.partner-certify .left-area .cost{color:#ed1c24;font-weight:600;}
.partner-certify .right-area{width:30%;text-align:right;}
.partner-certify .btn-certify{display:inline-block;text-align:center;border:1px solid #fff;border-radius:5px;width:100%;max-width:220px;font-size:16px;font-weight:600;height:50px;line-height:50px;}
.partner-certify .btn-certify.ok{background:#fff;color:#000}
.partner-certify .btn-certify.ok i{display:inline-block;width:25px;height:25px;background:url(../images/ico_complete2.png) center center no-repeat;background-size:contain;vertical-align:middle;margin-right:5px;margin-left:-15px;}

/* 개인정보 취급방침 */
.contents > .privacy{background:#fff;margin-bottom:-20px;padding:0;}
.privacy .title_area{max-width:720px;margin:0 auto;}
.privacy .title_area h2{font-size:23px;padding:15px 25px;}
.privacy-cont{background:#fff;max-width:720px;margin:0 auto;text-align:left;padding:30px 20px}
.privacy h3{text-align:center;font-size:30px;}
.privacy h4{font-size:18px;margin-top:30px;margin-bottom:10px;}
.privacy p{font-size:14px;line-height:25px;color:#555}
.privacy p > b{font-weight:800;}
.privacy hr{display:block;border:1px solid #ddd;border-bottom:0;}

/* popup */
.main-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / 70%)}
.main-popup .pop-content{position:absolute;top:50%;transform:translateY(-50%);width:90%;left:0;right:0;margin:auto;}
.main-popup .pop-content a{display:block;}

.pop.partner_certify_pc .pop-content p{margin-bottom:5plx}



@media only screen and (min-width: 960px) {

  .contents > div{padding:110px 20px 80px;max-width:1080px;}

  /* 로그인 */
.logo_area{width:22rem;margin-bottom:7rem;text-align:center;}
.login_button{width:30rem;}
.contents .login_area{background:url(../images/bg_login_pc.jpg) center center no-repeat;background-attachment: fixed;background-size:contain;height:100vh !important;min-height:inherit !important;padding-bottom:0;}
.login_box .form_item{padding-bottom:20px;}
.login_box .form_item input{padding-left:110px;}
.login_box .form_item label{width:75px;font-size:15px;}
.join_box a.btn_download{display:block;margin:45px auto 20px;text-align:center;}
.login_box{padding:50px 50px 40px;}
.login_box legend{margin-bottom:30px;font-size:30px;}

  /* 회원가입 */
.join_area .form_item:not(.checkbox) input,
.my_info .form_item:not(.checkbox) select{margin-left:190px;width:calc(100% - 190px)}
.join_area .form_item:not(.checkbox) label{top:15px;left:10px;}
.join_area .form_item:not(.checkbox) input:focus ~ label,
.join_area .form_item:not(.checkbox) input:valid ~ label,
.join_area .form_item label.upload-file-label.up{font-size: 14px;}
.btn_certify, .btn_confirm{width:140px;height:55px;line-height:55px;font-size:17px;}
.join_area .form_item .upload-file{height:55px;margin-left:190px;width:calc(100% - 190px)}
.join_area .form_item .upload-file label{left:-180px}
.upload-file .file_name{height:55px;line-height:55px;font-size:15px;}
.join_area .agreement_box{padding-bottom:55px;}
.agreement_box .form_item p a{font-size:15px;}
.form_item .pw_eye{right:15px;top:12px;}

  /* 상품 선택 */
/*.payment1,.payment2,.payment2-1,.payment3,.payment4{max-width:640px;margin:0 auto;}*/
 
.select_area.cnt_room{display:flex;align-items:center;}
.select_area.cnt_room .main_tit{width:100%;}
.select_area.cnt_room .select{width:100%;}
.select_area ul li .form_item input,
.select_area ul li .form_item label{cursor:pointer;font-size:23px;padding:18px 0;}
.select_area ul li .form_item label{padding-left:75px;width:100%;left:0;padding-right:20px;}
.select_area ul li .form_item label span{font-size:17px;margin-top:10px;padding-top:15px;font-weight:400;}
.select_area.cnt_room .select select{font-size:18px;}
.select_area ul li .form_item label em{font-size:17px;}
.select_area ul li .form_item label span.inner_select em{width:auto;font-weight:400;}
.select_area ul li .form_item label span.inner_select select{width:200px;height:45px;margin-left:30px;font-size:17px;margin-top:-3px;color:#fff;}
.select_area ul.add_product li .form_item, .select_area ul.add_product li .form_item input, .select_area ul.add_product .form_item input:focus{min-height:120px;}
.select_area ul li.selected .form_item input{background:#333 url(../images/ico_check_white.png) 20px center no-repeat;background-size:35px;}

.product_price{font-size:20px;padding-bottom:30px;letter-spacing:-1px;}
.product_price strong{font-size:40px;}
.select_area ul.add_product{margin-top:35px;}
.select_area ul.add_product .sub_tit{font-size:20px;margin-bottom:5px;}
.partner-sale{margin:40px 0;}
.select_area ul li .form_item .input-box{min-height:145px;background:#333 url(../images/ico_check_off.png) 20px center no-repeat;background-size:35px;}

.select_area ul li.selected .form_item .input-box{background:#333 url(../images/ico_check_white.png) 20px center no-repeat;background-size:35px;}
.select_area ul li.add-notice .form_item input, 
.select_area ul li.add-notice .form_item input:focus{min-height:180px;}
.select_area ul li.add-notice p{font-size:17px;color:#dfdfdf;line-height:23px;}
.select_area ul li .pw-box{padding:0 15px 0 75px;margin-top:0;}
.select_area ul li .pw-box .pw-wrap{padding:15px 0;}
.select_area ul li .pw-box .pw-wrap .pw-label{font-size:17px;width:82px;}
.select_area ul li .pw-box .pw-wrap input.input-pw{width:205px;margin-left:30px;min-height:50px;height:50px;}


/* 상품 선택 - 디플 추가 */
.select-product .form-item input[type="radio"], .select-product .form-item input[type="checkbox"]{cursor:pointer;}
.select-room-cnt{display:flex;align-items:center;justify-content:flex-end;margin-top:30px;margin-bottom:15px;}
.select-room-cnt .select{width:auto;}
.select-room-cnt .select select{width:490px;height:45px;font-size:20px;}
.product-item{position:relative;margin-bottom:150px;}
.product-item.add{margin-top:115px;}
.product-item .sub-tit{font-size:21px;padding-bottom:25px;}
.select-product .form-item{margin:0 10px 20px;padding:20px;}
.select-product .form-item label .item-tit{font-size:22px;letter-spacing:0;}
/* .product-item .form-item .radio-box label .add-info{border-top:0;}
 */
.product-item .form-item{display:inline-block;width:calc(100% / 2 - 22px);}
.product-item .form-item .input-box{width:100%;margin-top:17px;}

.product-item .form-item label .item-info{margin-top:5px;}
.product-item .form-item .check-box label .item-info{margin-left:8px;}
.product-item .form-item label .add-info{display:block;margin-top:10px;padding-top:10px;font-size:15px;}

.product-item .form-item.default,
.product-item .form-item.only-account{width:calc(100% / 3 - 22px)}
.form-item.default.motel.selected{margin-bottom:10px;}
.form-item.default.pc.selected{margin-bottom:315px;}
.form-item.only-program.selected{margin-bottom:30px;}
.form-item.only-account.selected{margin-bottom:400px;}

.select-product .select-ott.active{padding:30px 20px;margin-top:5px;width:100%;/*background:#121212;*/border-bottom:2px solid #333;}
.select-ott.type1.active:after{margin:0;left:155px;}
.select-ott.type3.active:after{margin:0;left:auto;right:155px;}
.select-ott.type-pc.active .ott-box .ott-item, 
.select-ott.type3.active .ott-box .ott-item{padding-bottom:75px;}
.select-ott.type-pc.active:after{margin:0;left:235px;right:auto;}
.select-ott.type-pc:last-child.active:after{margin:0;left:auto;right:235px;}

.select-ott p{font-size:18px;padding:0 0 20px;}
.select-ott p .txt-yellow{font-size:16px}
.ott-box .ott-item{padding:20px;cursor:pointer;}
.ott-box .ott-item input{cursor:pointer;}
.ott-box .tit-ott{font-size:22px;}
.ott-box .ott-item span.tit-ott-sub{font-size:16px;}
.ott-box ul.not-select .ott-item{padding-bottom:20px;}
.ott-box ul li .select{bottom:20px;}
.ott-box ul li .select select{font-size:17px;height:40px;}
.ott-pw-area{display:flex;align-items:center;justify-content:flex-start;margin:10px 0;padding-bottom:0;}
.ott-pw-area .pw-notice{margin-left:20px;}
.ott-pw-area .pw-box{height:50px;width:55%;}
.ott-pw-area .pw-box label,
.ott-pw-area .pw-box input{font-size:17px;}
.ott-pw-area .txt1,
.ott-pw-area .txt2{font-size:15px;}
.ott-ip-area{display:flex;align-items:center;justify-content:flex-start;margin:10px 0;padding-bottom:0;}
.ott-ip-area .ip-box{height:50px;width:100%;}
.ott-pi-area .ip-box label,
.ott-ip-area .ip-box input{font-size:17px;}
.ott-ip-area .ip-box input{width:300px;}

.ott-box .ott-item.promotion .tit-ott{line-height:26px;padding-top:10px;}
.ott-box .ott-item.promotion .tit-ott .txt-small{font-size:19px;}
.payment2-1.join .select-product .product-item.pc-room-promotion .form-item.selected{margin-bottom:0px;}
.select-product .product-item.pc-room-promotion .ott-box ul{display:flex;}
.select-product .product-item.pc-room-promotion .ott-box ul li{width:calc(100% / 2 - 10px)}
.payment2-1.join .select-product .product-item .form-item{width:calc(100% / 3 - 14px);margin:0 6px 20px;}
.payment2-1.join .select-product .product-item .form-item.default.selected{margin-bottom:20px;}

/* 20251105 pmc add */
.payment2-2.join .select-product .product-item.pc-room-promotion .form-item.selected{margin-bottom:0px;}
.payment2-2.join .select-product .product-item .form-item{width:calc(100% / 3 - 14px);margin:0 6px 20px;}
.payment2-2.join .select-product .product-item .form-item.default.selected{margin-bottom:20px;}


.product-item.pc-room-promotion .ott-box .tit-ott{font-size:20px;}
.product-item.pc-room-promotion .ott-box .ott-item span.tit-ott-sub{font-size:15px;}

.tag-promotion{font-size:17px;top:13px;right:20px;}
.tag-promotion i{width:25px;height:25px;background-size:24px;}


.partner-certify .left-area .cost{font-size:18px;}
.partner-certify .btn-certify{font-size:20px;}

.payment2-1.join .select-product .product-item .form-item label .item-tit{height:55px;line-height:25px;font-size:20px;word-break:keep-all;display:inline-block;}
.payment2-2.join .select-product .product-item .form-item label .item-tit{height:55px;line-height:25px;font-size:20px;word-break:keep-all;display:inline-block;}

/* 정보 내역 상자 */
.info_notice{max-width:100%;} 
.info_notice p{font-size:15px;}

/* 결제정보 등록 */
.text_area{margin-top:0;}
.payment_area .pay_info p {padding-left:42px;background-size:33px;font-size:22px;}
.payment_area .pay_info p span{font-size:33px;}
.payment_area .form_item:not(.checkbox) label{top:15px;font-size:17px;}
.payment_area .txt_ok,
.payment_area .txt_error{margin-left:0;}
.payment_area .agreement_box ~ .form_item{padding-bottom:80px;}

.payment_area .tab_menu{margin-bottom:40px;}
.payment_area .tab_menu a{font-size:20px;width:280px;height:55px;line-height:55px;}
.payment_area .tab_cont select{font-size:17px;height:55px;}
.payment_area .tab_cont select option{color:#fff;}

/* 선택 완료*/
.complete_area .info_notice{max-width:640px;}

/* 계정관리 */
.list_area{margin-top:-95px;}
.account_area .list_area{margin-top:-45px;}
.account_area .top_area{margin-bottom:20px;margin-top:45px;}
.account_area .top_area a{font-size:17px;width:110px;height:40px;line-height:38px;margin-left:10px;}
.top_area .total_list_num{font-size:20px;left:15px;top:28px;left:12px;}
.top_area .total_list_num em{font-size:25px;margin-right:2px;}
.account_area .txt_drag_notice{font-size:15px;padding-top:10px;margin-top:-60px;margin-bottom:28px;}
.account_area .form_item{padding-bottom:10px;}
.account_area .form_item label{width:120px;font-size:16px;}
.drag_list > li{margin:10px 0;padding:20px 35px;height:110px !important;}
.drag_list > li .form_box{display:flex;}
.drag_list > li .form_box .form_item{margin-left:15px;margin-bottom:0;padding-bottom:0;}
.drag_list > li .form_box .form_item:first-child{margin-left:0;}
.account_area .list_area .drag_list .form_item:not(.checkbox) input{font-size:17px;height:45px;}
.account_area .button_box a{width:50px;height:50px;margin:10px;}
.account_area .button_box .btn_modify,
.account_area .button_box .btn_del{background-size:25px;}
.account_area .button_box .btn_del{margin-right:0;}
.account_area .list_area .drag_list .modify .btn_modify_ok{font-size:17px;width:120px;height:45px;line-height:43px;padding:0;text-align:center;margin-right:0;}
.account_area .list_area.on .drag_list li .btn_sequence{position:relative;z-index:-1}
.account_area .list_area.on .btn_add{opacity:0.6;color:#888;cursor:default;}
.account_add .main_tit{margin-top:0;}
.account_add .form_item:first-child{margin-top:20px;}
.pop.account_add .form_item .pw_eye{top:12px;}
.account_add .pop_content .form_item label{top:-28px;font-size:15px;}
.account_area .list_area .form_item .select_box{width:270px;margin-right:20px;font-size:16px;margin-top:0;}
.account_area .list_area .form_item .select_box select,
.account_add .form_item .select_box select{font-size:16px;}
.account_add .form_item .select_box{margin-bottom:15px;height:50px;margin-bottom:50px}
.account_add .form_item .select_box select{height:50px;}
.account_add .form_item.checkbox{margin-top:0;}
.account_add .pop_content .form_item.checkbox label{top:10px;}
.form_item.form_id{padding-bottom:35px}
  /* 리포트 */
  .report_area .list_area{margin-top:0;}
  .report_area .top_area{padding:25px 20px 5px;}
  .report_area .top_area .select_period ul li a{font-size:17px;padding:8px 10px;}
  .report_area h4.sub_tit{font-size:17px;}
  .report_area .select_date h4.sub_tit{cursor:pointer;}
  .report_area .select_date h4.sub_tit i{width:20px;height:20px;margin-left:6px;}
  .report_area .select_date{padding-top:20px;}
  .report_area .top_area .calendar_box.open{padding:25px 20px;margin-bottom:20px;}
  .report_area .top_area .calendar_box .dset input{width:calc(100% - 40px);height:40px;font-size:17px;}
  .calendar_box .calender_select .demi{font-size:20px;}
  .calendar_box .btncalendar{width:25px;height:25px;margin-left:7px;}
  .report_area .top_area .calendar_box .btn_search{font-size:17px;height:45px;margin-top:20px;}
  .report_list li{font-size:17px;padding:20px 15px;}
  .report_list .account_history .use_account span{font-size:19px;}
  .report_list .account_history .add_request{font-size:15px;}
  .report_list .account_history .add_request span{font-size:17px;}

  /* 모니터링 */
  .monitoring_area .list_area{margin-top:-30px;}
  .monitoring_area .top_area{font-size:22px;padding-bottom:25px;margin-top:45px;}
  .monitoring_area .top_area p:nth-of-type(1) > span{font-size:24px;}
  .monitoring_area .top_area p:nth-of-type(2) > span{font-size:30px;vertical-align:-2px;}
  .monitoring_list > li{padding:20px;margin-bottom:10px;}
  .monitoring_list > li.on:before{width:60px;font-size:13px;padding:4px 10px;right:20px;top:19px;}
  .monitoring_list > li ul{display:flex;width:calc(100% - 100px);}
  .monitoring_list > li ul li{width:calc(100% / 5);text-align:center;}
  .monitoring_list > li ul li span{font-size:16px;line-height:24px;}
  .monitoring_list > li ul li span:first-child{width:110px;padding-left:13px;display:none;}
  .btn_refresh{bottom:7px;font-size:16px;padding:5px 13px 5px 35px;background:#333 url(../images/ico_refresh.png) 10px 7px no-repeat;background-size:18px;}
  .util-menu .text-search{margin-left:10px;width:200px;height:40px;}
  .util-menu .text-search input{width:100%;height:100%;font-size:16px;}
.table_th_pc.monitoring_th{width:calc(100% - 85px);}
.table_th_pc.monitoring_th:after{width:calc(100% + 100px);}
.table_th_pc.monitoring_th > span{width:calc(100% / 6)}
  /* 클라이언트 관리 */
  .table_th_pc{position:relative;display:block;color:#fff;width:calc(100% - 120px);padding:15px;margin-bottom:10px;}
  .table_th_pc:after{content:'';position:absolute;bottom:0;width:calc(100% + 120px);left:0;right:0;height:1px;background:#555;}
  .table_th_pc > span{display:inline-block;text-align:center;font-size:17px;width:calc(100% / 6);margin-left:-4px;color:#ddd}
  .table_th_pc > span:first-child{margin-left:0;}
  .client_list > li{margin-bottom:10px;padding:20px 15px;}
  .client_list > li > ul{display:flex;width:calc(100% - 130px);}
  .client_list > li > ul li{margin-left:0;width:calc(100% / 4);text-align:center;}
  .client_list > li ul li span{font-size:16px;line-height:24px}
  .client_list > li ul li span:first-child{width:110px;padding-left:13px;display:none;}
  .client_list .toggle_area{right:40px;}
  .client_area .top_area{display:block;text-align:right;margin-top:115px;}
  .client_area .top_area > div{display:inline-block;vertical-align:middle;margin-left:10px;}
  .client_area .top_area .select_box{margin-right:0;}
  .client_area .top_area select,
  .monitoring_area .top_area select,
  .monitoring_area > .title_area .select_box select,
  .account_area .title_area .select_box select{font-size:17px;height:40px;width:120px;}
  .client_area .btn_search{font-size:17px;width:120px;height:40px;line-height:39px;background:url(../images/ico_search.png) right 4px top 2px no-repeat;}
  .pop.client_search .form_item input[type="radio"]{vertical-align:-3px;}
  .pop.client_search .form_item label{font-size:17px;}
  .pop.client_search .btn_search{height:45px;line-height:45px;font-size:17px;}
  
  .table_th_pc.add_item{padding-right:135px;width:100%;}
  .table_th_pc.add_item:after{width:100%;}
  .table_th_pc.add_item > span{width:calc(100% / 6)}
 /* .monitoring_list > li ul li:nth-of-type(5){width:0}*/
  .monitoring_list.add_item > li ul li{width:calc(100% / 6)}

  /* 등록된 정보가 없을 때 */
  .nothing{padding:100px 0;font-size:20px;color:#939393;}
  .nothing img{width:70px;margin-bottom:30px;}

  /* 회원정보 */
  .my_info .form_item label.upload-file-label.up,
  .my_info .form_item:not(.checkbox) input ~ label,
  .my_info .form_item:not(.checkbox) select ~ label{top:17px;font-size:18px;}
  .my_info .form_item:not(.checkbox) input.hascontent ~ label,
  .my_info .form_item:not(.checkbox) input:focus ~ label,
  .my_info .form_item:not(.checkbox) input:valid ~ label{top:17px;font-size:18px;}
  .my_info .form_item label.upload-file-label.up{left:-190px;}
  .my_info .form_item input[type="file"]{width:100%;margin:0;}

.join_area .form_item.radio .radio_label{font-size:17px;position:relative;width:190px;top:-10px;}
.join_area .form_item.radio .radio_box{padding-top:0;height:60px;width:calc(100% - 190px)}
.join_area .form_item.radio .radio_box input[type="radio"] + label{font-size:19px;top:10px;cursor:pointer;}

.my_info .form_item.selectbox .select_box{margin-top:0}
.my_info .form_item.selectbox .select_box label{top:12px;left:3px;font-size:18px;color:#fff;}
.my_info .form_item.selectbox .select_box select{width:400px;}
.my_info .form_item.selectbox .select_box select option{text-align:left;}
.form_item.selectbox .txt-notice{color:#fff;margin:10px 0 10px 190px}


  /* 결제정보 변경 */
  .payment_info_area .info_box{padding:20px 25px;max-width:100%;}
  .payment_info_area .info_box > p{margin-bottom:8px;}
  .payment_info_area .info_box > p:last-child{margin-bottom:0;}
  .payment_info_area .agreement_box{margin-bottom:50px;}

  /* 상품정보 변경 */ 
.product_area .my_product ~ .select_area h4.sub_tit{margin-bottom:20px;}
.change_product .product_area .my_product{margin-bottom:40px;padding-bottom:40px;}
  
.product_area .main_tit{margin-bottom:40px;}  
.change_product .product_price i.price_plus,
.change_product .product_price i.price_minus{width:25px;height:25px;vertical-align:2px;margin-right:5px;}
.product_area .my_product_info,
.product_area .choice_product .inner_choice{padding:30px}
.product_area .my_product_info p,
.product_area .choice_product .inner_choice p{font-size:22px;}
.product_area .my_product_info p > span,
.product_area .choice_product .inner_choice p > span{font-size:18px;margin-top:7px;}
.product_area .choice_product p.notice{font-size:18px;}  
.product_area .choice_product p.notice strong{font-size:23px;}
.product_area .choice_product p.notice > span{font-size:15px;}
.product_area h4.sub_tit,
.change_product .select_area ul.add_product .sub_tit{font-size:20px}  


  /* popup */
  .main-popup .pop-content{width:464px;}
}


/* 상품 선택 변경 */
.room-box ul{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.room-box ul li{width:calc(50% - 6px)}
.room-box .room-item{position:relative;text-align:center;}
.room-box .room-item input{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;cursor:pointer;}
.room-box .room-item input[type="checkbox"] + label::before{display:none;}
.room-box .room-item span.tit-ott-sub{font-size:13px;color:#fff;display:block;}
.room-box .room-item{border:2px solid #333;border-radius:7px;text-align:center;padding:15px 25px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:70px;}
.room-box .room-item.active{border:2px solid #fff;}
.room-box .room-item .tit-room{display:block;font-size:16px;color:#8e8e8e;font-weight:700;letter-spacing:-0.8px;}
.room-box .room-item .txt-small{font-size:14px;font-weight:500;color: #8e8e8e;}
.room-box .room-item.active span{color:#fff;font-weight:900;}

.program-box ul{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.program-box ul li{width:calc(50% - 6px)}
.program-box .program-item{position:relative;text-align:center;}
.program-box .program-item input{position:absolute;top:0;left:0;width:100%;height:100%;display:block;opacity:0;cursor:pointer;}
.program-box .program-item input[type="checkbox"] + label::before{display:none;}
.program-box .program-item span.tit-ott-sub{font-size:13px;color:#fff;display:block;}
.program-box .program-item{border:2px solid #333;border-radius:7px;text-align:center;padding:15px 25px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:70px;}
.program-box .program-item.active{border:2px solid #fff;}
.program-box .program-item .tit-room{display:block;font-size:16px;color:#8e8e8e;font-weight:700;letter-spacing:-0.8px;}
.program-box .program-item .txt-small{font-size:14px;font-weight:500;color: #8e8e8e;}
.program-box .program-item.active span{color:#fff;font-weight:900;}


.ott-box .ott-item .txt-small{display:block;font-size:13px;font-weight:500;color: #8e8e8e;}
.ott-box .ott-item.active .txt-small{color:#fff;}
.ip-box.sticky {position: fixed;top: 55px;z-index: 10;width: calc(100% - 20px);max-width:1040px;margin:0 auto;left: 10px;right: 10px;}

.product_priceArea{position:relative;color:#fff;font-size:13px;border-top:1px solid #333;padding-top:20px;display:flex;flex-direction:column;justify-content:space-between;}
.payment2-1 .product_priceArea{border-top:0;padding-top:0;}
.product_priceArea .button_area.half{bottom:0;position:relative;margin-top:20px;}
.product_priceAreaInner{/*display:flex;align-items:flex-end;justify-content:space-between;*/}
.product_priceArea h5{font-size:16px;padding-bottom:15px;}
.product_priceArea .product_price{margin:0;}
.product_priceArea .productListItem{padding:3px 0;}
.product_priceArea .productListItem > span{color:#8e8e8e;padding-left:5px;}
.product_priceArea .productList li{position:relative;padding-left:12px;}
.product_priceArea .productList li:before{content:'+';position:absolute;left:0;top:3px;}
.product_priceArea.bottomSticky{position:fixed;bottom:0;left:0;right:0;padding:15px !important;background:#333;width:100%;max-width:1040px;margin:20px auto 0;}
.product_priceArea.bottomSticky .button_area.half{bottom:0;}
.product_priceAreaInner .selectedProduct .productList{display:flex;flex-wrap:wrap;gap:0 5px}

@media only screen and (min-width: 960px) {
	.product-item{margin-bottom:50px;}
	.room-box ul{gap:15px;}
	.program-box ul{gap:15px;}
	.ott-box ul{gap:15px;justify-content:flex-start}
	.room-box ul li{width:calc(100% / 4 - 12px)}
	.program-box ul li{width:calc(100% / 4 - 12px)}
	.ott-box ul li{width:calc(100% / 4 - 12px);margin:0;}
	.ip-box.sticky{top:65px;}
	.room-box .room-item .tit-room{font-size:20px;line-height: 35px;}
	.program-box .program-item .tit-room{font-size:20px;line-height: 35px;}
	.ott-box .tit-ott{line-height:35px;}
	.room-box .room-item .txt-small{font-size:18px;}	
	.program-box .program-item .txt-small{font-size:18px;}	
	.ott-box .ott-item .txt-small{font-size:18px;}
	
/* 	.product_priceArea{position:relative;padding-bottom:20px;font-size:18px;padding-top:30px;}
 */	.product_priceArea{/*position:absolute;*/width:100%;padding-bottom:20px;font-size:18px;padding-top:30px;}
	
	.product_priceArea .button_area.half{bottom:0}
	.product_priceArea .button_area.half > a{max-width:100%;}
	.product_priceArea h5{font-size:18px;padding-bottom:20px;}
	.product_priceArea .productList{display:flex;gap:20px;}
	.product_priceArea .selectedProduct,
	.product_priceArea .product_price{padding-bottom:30px;}
	.product_priceArea .productList li{padding-left:18px;}
	.product_priceArea.bottomSticky{bottom:0;border-radius:10px;border:1px solid #8b8b8b;padding:25px;}
	.product_priceArea.bottomSticky .button_area.half{bottom:0;}	
	.product_priceArea.bottomSticky .selectedProduct,
	.product_priceArea.bottomSticky .product_price{padding-bottom:0;}	
	
	.room-box .room-item{min-height:100px;}
	.program-box .program-item{min-height:100px;}
	/* 선택상품  */
	.recommend-box .recommend-item .tit-room,
	.add-box .add-item .tit-room{font-size: 20px;line-height: 35px;}
	.recommend-box .recommend-item .txt-small,
	.add-box .add-item .txt-small{font-size:18px;}
	.add-box ul li{width:calc(100% / 4 - 12px)}
}

.chgArea .productBoxWrap{padding:15px 0;}
.chgArea h4{color:#fff;font-size:14px;font-weight:500;margin-bottom:10px;}
.chgArea .productBox{border:1px solid #d6d6d6;border-radius:5px;padding:20px}
.chgArea .productBox.before{border:1px solid #333}
.chgArea .productBoxWrap .product_priceAreaInner{display:flex;	justify-content: space-between;align-items: flex-end;}
.chgArea .selectedProduct {color:#fff;font-size:13px;}
.chgArea .selectedProduct h5{font-size:16px;padding-bottom:15px;}
.chgArea .selectedProduct .product_price{margin:0;}
.chgArea .selectedProduct .productListItem{padding:3px 0;}
.chgArea .selectedProduct .productListItem > span{color:#8e8e8e;padding-left:5px;}
.chgArea .selectedProduct .productList li{position:relative;}
.chgArea .selectedProduct .productList {display:block;padding-left: 0;margin: 0;}
.chgArea .selectedProduct .productList li {}
.chgArea .selectedProduct .productList .productListItem {display: flex;justify-content: space-between;align-items: center;color: #ccc;position: relative;padding-left: 12px;}
.chgArea .selectedProduct .productList .productListItem::before {content: "+";position: absolute;left: 0;color: #aaa;}
.chgArea .productListItem span {color: #aaa;}
.chgArea .productPrice{text-align:right;color:#fff;font-size:14px;}
.chgArea .productPrice strong{font-size:20px;color:#ff9800;font-weight:600;letter-spacing:-1px;}
.chgArea .productBoxWrap .form_item{position:relative;}
.chgArea .warnMsg{margin-bottom:50px;}
.chgArea .warnMsg .title{color:#fff;font-size:12px;background:url(../images/icon_warn.png) left center no-repeat;background-size:contain;padding-left:20px;}
.chgArea .warnMsg p{color:#8e8e8e}
@media only screen and (min-width: 960px) {
	.payment-info.chgArea h3.main_tit{max-width:none;}
	.chgArea .productBoxWrap{padding:30px 0;}
	.chgArea h4{font-size:20px;margin-bottom:15px;}
	.chgArea .productBox{padding:30px;}
	.chgArea .selectedProduct{font-size:18px;}
	.chgArea .selectedProduct .productListItem{padding:5px 0;}
	.chgArea .selectedProduct .productList .productListItem{padding-left:18px;}
	.chgArea .productPrice{font-size:25px;}
	.chgArea .productPrice strong{font-size:36px;letter-spacing:0;}
	.chgArea .warnMsg p{font-size:18px;}
	.chgArea .warnMsg .title{font-size:20px;padding-left:36px;margin-bottom:15px;}
	
}

/* 기존상품변경 */
.my-product-info .my-product-area{padding:15px;background:#121212;border-top:1px solid #333;border-bottom:1px solid #333;}
.my-product-info h4{font-size:16px;color:#fff;padding:15px 0 20px;}
.my-product-info .my-product-area ul{display:flex;flex-wrap:wrap;gap:10px}
.my-product-info .my-product-area ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;}
.my-product-info .my-product-area ul li img{width:64px;}
.my-product-info .my-product-area ul li span{font-size:12px;padding-top:5px;}
.my-product-info .my-product-area .my-payment-info{display:flex;flex-direction:column;color:#fff;font-size:14px;margin-top:30px;}
.my-product-info .my-product-area .my-payment-info .info-detail{font-size:15px;line-height:25px;}
.my-product-info .my-product-area .my-payment-info .info-detail .txt-yellow{color:#ef9800;}
.my-product-info .my-product-area .btn-chg-ott{background:#000;border:1px solid #909090;color:#fff;text-align:center;font-size:15px;border-radius:8px;padding:10px 20px;margin-top:15px;}
.recommend-ott-area{padding:15px;margin-top:15px;}
.recommend-ott-area ul.recommend-ott-list{display:flex;flex-wrap:wrap;gap:10px;}
.recommend-ott-area ul.recommend-ott-list li{display:flex;flex-direction:column;color:#fff;gap:5px 0;align-items:center;}
.recommend-ott-area ul.recommend-ott-list li img{width:64px;}
.recommend-ott-area ul.recommend-ott-list li span{font-size:12px;}
.productBoxWrap.total-product-price{border-top:1px solid #333;border-bottom:1px solid #333;margin:15px 0;padding:20px 0; color:#fff;}
.productBoxWrap.total-product-price h4 span{font-size:11px}
.productBoxWrap.total-product-price .inner{text-align:right;font-size:14px;padding:10px 10px 0;}
.productBoxWrap.total-product-price .inner strong{font-size:24px;color:#ff9800;font-weight:700;letter-spacing:-0.5px;}
.productBoxWrap.total-product-price .inner p{color:#8e8e8e}



@media only screen and (min-width: 960px) {
.my-product-info h4{font-size:20px;padding:15px 0 20px;}
.my-product-info .my-product-area{padding:25px 40px 30px;}
.my-product-info .my-product-area ul{gap:15px;}
.my-product-info .my-product-area ul li img{width:100%;}
.my-product-info .my-product-area ul li span{font-size:15px;padding-top:10px;}
.my-product-info .my-product-area .my-payment-info{margin-top:50px;flex-direction: row;justify-content: space-between;}
.my-product-info .my-product-area .my-payment-info .info-detail{font-size:18px;line-height:32px;}
.my-product-info .my-product-area .btn-chg-ott{border-width:2px;font-size:18px;border-radius:12px;margin-top:0;width:170px;}	
.recommend-ott-area{padding:15px 40px;margin-top:30px;}
.recommend-ott-area ul.recommend-ott-list li{gap:10px 0;}
.recommend-ott-area ul.recommend-ott-list li img{width:100%;}
.recommend-ott-area ul.recommend-ott-list li span{font-size:15px;}
.productBoxWrap.total-product-price h4 span{margin-left:5px;font-size:13px;}
.productBoxWrap.total-product-price .inner{font-size:24px;padding:20px 25px 0}
.productBoxWrap.total-product-price .inner strong{font-size:36px;}
.productBoxWrap.total-product-price .inner p{font-size:18px;}


}