.mt10 {margin-top:10px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} .red_dot {color:#ff5d6a;} .hide {display:none;} #fixed_top .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #fixed_top .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #fixed_top .header_logo {float:left; width:50%; padding:30px;} #fixed_top .header_logo:nth-child(1) {text-align:left;} #fixed_top .header_logo:nth-child(2) {text-align:right;} #fixed_top:after {content:''; display:block; clear:both;} #onlineorder {position:relative; min-height:calc(100% - 132px); padding:100px 30px 30px; background:#fff;} #onlineorder h3 {font-size:49px; line-height:1.32; font-weight:bold;} #onlineorder h5 {width:217px; color:#333; font-size:40px; font-weight:bold;} #onlineorder h6 {margin-top:10px; color:#333; font-size:28px; font-weight:normal; line-height:1.36; letter-spacing:-0.84px;} #onlineorder .top_banner {margin:0 -30px 30px;} #onlineorder .top_banner img {width:100%;} #onlineorder .cost_box {display: flex; flex-wrap: wrap; justify-content: space-between; flex: 1; padding: 3rem; border-radius: 1rem; border: solid 1px #e3e3e3; color: #333; font-size: 1.4rem; background-color: #fff;} #onlineorder .cost_box .tr {text-align: right;} #onlineorder .cost_box .cost_name {font-size: 34px; font-weight: 600; color: #ff5d6a;} #onlineorder .cost_box, #onlineorder .cost_box .cost_left ul {flex-direction: column; margin-top: 10px;} #onlineorder .cost_box {margin-top: 30px; padding: 30px; border-radius: 14px;} #onlineorder .cost_box .cost_left ul li{display: flex; justify-content: space-between; align-items: flex-start; line-height: 1.75; width: 100%; font-size: 30px; margin-right: 0; margin-top: 20px;} #onlineorder .cost_box .cost_left ul .cost_li_txt {padding-left: 1rem; font-weight: 600;flex: 1; text-align: right; margin-top: 1rem;} #onlineorder .cost_box .cost_left ul li p {position: initial; text-align: right; font-size: 24px; color: #888888;} #onlineorder .cost_box .cost_right {margin-top: 30px; font-size: 30px; padding-top: 30px; border-top: 2px solid #e3e3e3; text-align: right;} #onlineorder .cost_box .cost_fee, #onlineorder .cost_box .cost_fee + span {font-size: 40px; font-weight: 600; color: #ff5d6a;} #onlineorder .cost_box .cost_right .vat {font-size: 20px;} #onlineorder .cost_box .cost_right .vat .month_cost {margin:10px 0 0 0; font-size: 24px;} #onlineorder .cost_box .cost_right .vat span {display: inline-block; margin-top:20px;} #onlineorder .cost_box .cost_right .right_top {display: flex; justify-content: space-between;} #onlineorder .cost_box .cost_bottom { margin-top: 30px; padding: 30px; width: 100%; border-radius: 14px; background-color: #f8f8fb;} #onlineorder .cost_box .cost_bottom ul li{display:flex;font-size: 24px; color: #333; margin-top: 20px;} #onlineorder .cost_box .cost_bottom ul li:first-child{margin-top: 0;} #onlineorder .join_info_guide{margin-top: 30px; padding: 30px; border-radius: 10px; background-color: #fff7f7;} #onlineorder .join_info_guide ul li:nth-child(1){font-size: 24px; font-weight: bold; line-height: 1.42; color: #ff5d6a; letter-spacing: normal;} #onlineorder .join_info_guide ul li:nth-child(2), #onlineorder .join_info_guide ul li:nth-child(3){font-weight: normal;font-size: 22px;font-stretch: normal; font-style: normal; line-height: 1.55; color: #b79a9a;} #onlineorder .join_info_guide ul li span{font-stretch: normal; font-style: normal;font-size: 22px; font-weight: 500; line-height: 1.55; color: #8d6767;letter-spacing: normal;} #onlineorder .plan_footer {padding:50px 30px;} #onlineorder .plan_footer hr{ border : 10px solid #f9f9f9;} #onlineorder .plan_footer h5{margin-top:50px;font-size: 40px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -1.2px; text-align: left; color: #333; } #onlineorder .plan_footer .f_btn {margin: 50px 0 0 0;} #onlineorder .plan_footer .f_btn a {color:#fff;display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; background-color: #c3c3c3; font-size: 30px; padding: 0; border-radius: 10px; pointer-events:none;} #onlineorder .plan_footer .f_btn.on a {background-color: #ff5d6a; pointer-events:inherit} #onlineorder .plan_footer .footer_info{margin-top:30px;border-radius: 10px; border: solid 2px #e3e3e3; background-color: #fff;} #onlineorder .plan_footer .footer_info ul{padding:30px;} #onlineorder .plan_footer .footer_info ul li:nth-child(1){font-size: 26px; font-weight: bold; line-height: 1.31;letter-spacing: -0.78px;text-align: left; color: #333;} #onlineorder .plan_footer .footer_info ul li:nth-child(2){margin-top:10px;font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.55; letter-spacing: -0.66px; text-align: left; color: #333;} #onlineorder .plan_footer .footer_info ul li:nth-child(2) span{font-size: 24px; font-weight: bold; letter-spacing: -0.72px;} #onlineorder .plan_footer .footer_info ul li:nth-child(3), #onlineorder .plan_footer .footer_info ul li:nth-child(4){display:flex; margin-top:20px;font-size: 24px; font-weight: ''; line-height: 1.42;letter-spacing: -0.72px; text-align: left; color: #888;} #onlineorder .term_wrap {flex:1; margin-top:50px;} #onlineorder .term_wrap input[type=checkbox] {display:none;} #onlineorder .term_wrap input[type=checkbox] + label {width:79%; padding:0 0 10px 66px; font-size:32px; font-weight:500; color:#333; background:url('/img/onlineorder/check_off.png') 0 0 no-repeat; background-size:44px; word-break:keep-all; line-height:1.3; display:inline-block; cursor:pointer;} #onlineorder .term_wrap input[type=checkbox]:checked + label {background-image:url('/img/onlineorder/check_on.png');} #onlineorder .term_wrap .term_check_all {margin-bottom:30px; padding:28px 30px; border:1px solid #e3e3e3; border-radius:10px; background-color:#fff;} #onlineorder .term_wrap .term_check input[type=checkbox] + label {font-size:28px;} #onlineorder .term_wrap .term_check .term_check_item {padding:18px 0 18px 30px; background:url('/img/onlineorder/arrow_down.png') no-repeat top 22px right 30px / 30px 30px; cursor:pointer;} #onlineorder .term_wrap .term_check .term_check_item.active {background-image:url('/img/onlineorder/arrow_up.png');} #onlineorder .term_wrap .term_check .term_check_item .hidden_list {height: 0; border:none; overflow:hidden; transition:all 0.2s linear;} #onlineorder .term_wrap .term_check .term_check_item.active .hidden_list {height:auto; padding:30px 0 4px;} #onlineorder .term_wrap .term_check .term_check_item .hidden_list input[type=checkbox] + label {padding:0 10px 0 90px; color:#888; vertical-align:text-bottom; font-weight:normal; background-image: url('/img/onlineorder/check_sub_off.png'); background-position:30px -2px;} #onlineorder .term_wrap .term_check .term_check_item .hidden_list input[type=checkbox]:checked + label {background-image: url('/img/onlineorder/check_sub_on.png');} #onlineorder .term_wrap .term_check .term_check_item .hidden_list li {margin-top:20px; justify-content:space-between; align-items:center; display:flex;} #onlineorder .term_wrap .term_check .term_check_item .hidden_list li:first-child {margin-top: 0;} #onlineorder .term_wrap .term_check .term_check_item .hidden_list li a {width: 80px; height: 44px; padding:2px 0px 3px 6px; font-size:24px; color:#c3c3c3; border:1px solid #e3e3e3; border-radius:4px; justify-content:center; align-items:center; vertical-align:top; white-space:nowrap; display:flex;} #onlineorder .term_wrap .term_check .term_check_item .hidden_list li a:hover {color:#333;} #onlineorder .term_wrap .term_check .term_check_item .hidden_list li a img {width:26px; vertical-align:sub;} #onlineorder .term_wrap .term_check .term_check_item .term_gray {font-size:24px; color:#888;} #onlineorder .list {margin-top:65px; display:flex; flex-direction:column; gap:30px 0;} #onlineorder .list .list_wrap {position:relative;} #onlineorder .list .list_wrap input {display:none;} #onlineorder .list .list_wrap label {cursor:pointer;} #onlineorder .list .list_wrap label .list_item {width:100%; height:153px; padding:30px; border-radius:10px; background:url('/img/onlineorder/check_off.png') no-repeat top 55px right 30px; box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.1); align-items:center; display:flex; transition:all .1s ease-in-out;} #onlineorder .list.bw .list_wrap label .list_item {height:189px;} #onlineorder .list .list_wrap input:checked + label .list_item {box-shadow:0 0 0 4px #ff5d6a inset; background-image:url('/img/onlineorder/check_on.png');} #onlineorder .list .list_wrap label .list_item .item_title {font-size:32px; font-weight:bold;} #onlineorder .list .list_wrap label .list_item .item_explain {margin-top:10px; font-size:24px; color:#888;} #onlineorder .ps_text {margin-top:30px; font-size:22px; color:#888; letter-spacing:-0.66px;} #onlineorder .require_list {display: flex; flex-direction: column; margin-top: 50px; gap: 30px 0;} #onlineorder .require_list {gap: 30px 0;} #onlineorder .require_list .list_item{display: flex; align-items: center; width: 100%; padding: 30px; border-radius: 10px; background-color: #f8f8fb; } #onlineorder .require_list .list_item img{width: 84px; margin-right: 30px;} #onlineorder .require_list .list_item .item_title{font-size: 32px; font-weight: bold;} #onlineorder .require_list .list_item .item_explain{margin-top: 10px; font-size: 24px; color: #888;} #onlineorder .notice_box .notice_area {margin-top:30px; padding:30px; background-color:#f8f8fb; border-radius:10px; display:none;} #onlineorder .notice_box .notice_area li {list-style:none; color:#767782; font-size:24px; letter-spacing:-1.0px;} #onlineorder .notice_box .notice_area .cation {color:#ff5d6a;} #onlineorder .notice_box .notice_area .tit {font-size: 32px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.06; letter-spacing: -0.96px; text-align: left; color: #333;} #onlineorder .notice_box .notice_area .sub_txt {font-size: 28px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.84px; text-align: left; color: #333;} #onlineorder .notice_box .notice_area .ps_txt {font-weight: 500; color:#53577b;} #onlineorder .notice_box .notice_area .ps_txt b {color:#ff5d6a;} #onlineorder .notice_box .notice_area .dash {position:relative; padding-left:20px;} #onlineorder .notice_box .notice_area .dash:before {content:'-'; position:absolute; top:0; left:0; display:block;} #onlineorder .notice_box .notice_area hr.line {height:1px; border:0; background:#eaeaf3;} #onlineorder .notice_box .notice {margin-top:30px; padding:30px; background-color:#f8f8fb; border-radius:10px;} #onlineorder .notice_box .notice .cation {line-height:1.5; font-size:28px; font-weight:bold; color:#ff5d6a; letter-spacing:-0.96px;} #onlineorder .notice_box .notice .tit {line-height:2.06; font-size:28px; font-weight:bold; color:#333; letter-spacing:-0.96px;} #onlineorder .notice_box .notice .sub_txt {line-height:1.57; font-size:28px; font-weight:normal; color:#333; letter-spacing:-0.84px;} #onlineorder .notice_box .notice .txt {line-height:1.7; font-size:24px; font-weight:normal; color:#767782; letter-spacing:-0.72px;} #onlineorder .notice_box .notice .online_method {margin:30px 0 40px; padding:30px 68px 29px; border-radius:10px; background-color:#fff; display:flex; align-items:center; justify-content:center;} #onlineorder .notice_box .notice .online_method .online_method_text {font-size:28px; font-weight:normal; color:#333; line-height:2.36; letter-spacing:-0.84px;} #onlineorder .notice_box .notice .online_method .online_method_img {height:40px; object-fit:contain;} #onlineorder .notice_box .notice hr.line {height:1px; border:0; background:#eaeaf3;} #onlineorder .notice_box .notice .ars_info {margin:30px 0; padding:25px 0px; font-size:34px; border-radius:10px; text-align:center; background-color:#fff;} #onlineorder .notice_box .notice .ars_info b {font-weight:bold;} #onlineorder .new_join_info{display:flex; align-items: center; justify-content: start; margin-top:20px;} #onlineorder .new_join_info .info_circle{border-radius:100%;border:4px solid #888; margin:0 10px 35px 0;} #onlineorder .new_join_info .info_circle_text{font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.72px; text-align: left; color: #707070;} #onlineorder .self_input_check{margin-top:20px; font-size: 28px; line-height: 1; letter-spacing: -0.84px; text-align: left; color: #ff5d6a;} #onlineorder .self_cont{margin-top:50px;background-color: #f8f8fb;padding:30px;} #onlineorder .self_cont p{font-size: 28px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.57;letter-spacing: -0.84px;text-align: left; color: #333;} #onlineorder .self_cont p span{font-weight:bold;} #onlineorder .self_cont .self_subscriber_info{padding:30px 10px;margin-top:20px;border-radius: 20px; background-color: #fff;} #onlineorder .self_cont .self_subscriber_info .subscriber_info{display: flex; justify-content: start; align-items: center;} #onlineorder .self_cont .self_subscriber_info .subscriber_info span{ font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.53; letter-spacing: -0.9px; text-align: left; color: #000;} #onlineorder .self_cont .info_img:nth-child(2){margin-left:50px;} #onlineorder .self_cont .info_img{margin: 5px 20px 0 10px; width:36px;height:36px; cursor:pointer;} #onlineorder .self_cont .info_sec_img{margin: 5px 20px 0 50px; cursor:pointer;} #onlineorder .self_btn_cont{margin-top:30px;display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; color: #fff; background-color: #37408f; font-size: 30px; padding: 0; border-radius: 10px; } #onlineorder .self_btn_cont a{color:#fff;} #onlineorder .self_cont .self_btn_cont_info{margin-top:30px; color: #37408f;} #onlineorder .info_cont {margin-top:50px;} #onlineorder .info_cont h4 {margin-bottom:20px; font-size:30px; font-weight:bold;} #onlineorder .info_cont .font20 {font-size:20px;} #onlineorder .info_cont .input_box {margin-top: 30px; width: 100%;} #onlineorder .info_cont .input_box.usim_box {font-size:28px; display:flex; align-items:center; gap:0 20px;} #onlineorder .info_cont .input_box input, #onlineorder .info_cont .input_box select{width:100%; padding:30px 20px; outline:none; border:none; border-bottom:2px solid #e3e3e3; font-size:28px; color:#333;} #onlineorder .info_cont .input_box input:placeholder{color: #c3c3c3;} #onlineorder .info_cont .input_box select {background:url('/img/onlineorder/arrow_down.png') no-repeat center right 10px; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-size:40px;} #onlineorder .info_cont .input_box select:focus {background:url('/img/onlineorder/arrow_up.png') no-repeat center right 10px; background-size:40px;} #onlineorder .info_cont .input_box select.on {background:none;} #onlineorder .info_cont .input_box select option {padding:5px 0 5px 9px; color: #888888; font-size: 20px;} #onlineorder .info_cont .input_box select option:hover {background-color: #f9f9f9;} #onlineorder .info_cont .input_box .num_in {display: flex; align-items: center; gap: 0 10px;} #onlineorder .info_cont .input_box .dial {color: #888; font-size: 28px;} #onlineorder .info_cont .input_box input#same_info + label.same_info_label {margin-top:34px; padding:20px 0 20px 54px; font-size:24px; color:#707070; background:url('/img/onlineorder/check_off.png') no-repeat center left / 44px; cursor: pointer;} #onlineorder .info_cont .input_box input#same_info:checked + label.same_info_label {background:url('/img/onlineorder/check_on.png') no-repeat center left / 44px;} #onlineorder .info_cont .cert_y, .cert_n {margin-top:20px; font-size:28px; display:none;} #onlineorder .info_cont .cert_y {color:#37408f;} #onlineorder .info_cont .cert_n {color:#ff5d6a;} #onlineorder .info_cont .srh_post {display: flex; justify-content: center; align-items: center; width: 324px; height: 100px; background-color: #333; color: #fff; border-radius: 14px; font-size: 28px; font-weight: 500;} #onlineorder .info_cont .grey_p {margin-top:20px; font-size:24px; color:#707070; letter-spacing:-1.32px;} #onlineorder .info_cont .img_box img {width:100%;} #onlineorder .info_cont .img_box .usim_noti {margin:30px 0 10px 0; font-size:30px; font-weight:bold; text-align:center;} #onlineorder .info_cont .p_info {margin-top: 10px; font-size: 24px; color:#707070;} #onlineorder .info_cont .p_info_false {margin-top: 10px; font-size: 24px; color:#ff5d6a;} #onlineorder .agree_info{margin-top:30px;} #onlineorder .agree_info_check{display:flex; align-items: center; justify-content: start;} #onlineorder .check_m{width: 44px; height: 44px; margin-right:5px;} #onlineorder .check_m_text{font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.72px; text-align: left; color: #707070;} #onlineorder .agree_info .agree_info_check .info_circle{border-radius:100%;border:4px solid #888; margin-right:10px;} #onlineorder .agree_info .agree_info_check .info_circle_text{font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.72px; text-align: left; color: #707070;} #onlineorder .agree_info_check .info_circle_end{border-radius:100%;border:4px solid #888; margin:0 10px 35px 0;} #onlineorder .agree_info_table{margin-top:20px;} #onlineorder .agree_info_table table{width:100%;text-align:center;color:#333;font-size: 22px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.66px;} #onlineorder .agree_info_table table .table_tr_1 td{background-color: #f1f1f1;padding:14px 0;} #onlineorder .agree_info_table table .table_tr_2{border-bottom:1px solid #e3e3e3;} #onlineorder .agree_info_table table .table_tr_1 td:nth-child(1), #onlineorder .agree_info_table table .table_tr_1 td:nth-child(2){border-right:1px solid #e3e3e3;} #onlineorder .agree_info_table table .table_tr_2 td:nth-child(1), #onlineorder .agree_info_table table .table_tr_2 td:nth-child(2){border-right:1px solid #e3e3e3;} #onlineorder .agree_info_table table .table_tr_2 td{ padding:22px 0;} #onlineorder .sign_box{margin-top:30px;} #onlineorder .sign_box .canvas{width : 100%; height:300px; background-color : #F8F8FB;} #onlineorder .sign_box .sign_text h4{font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.9px; text-align: left; color: #333;} #onlineorder .sign_box .sign_text{display:flex;justify-content: space-between;font-size: initial;padding:5px;margin-bottom:20px;} #onlineorder .sign_box .sign_text button{border: solid 2px #e3e3e3; padding: 7px 23px 7px 24px; background-color:#fff;font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: -0.72px; text-align: left; color: #888;} #onlineorder .reufnd_info_add{font-size: 32px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.06; letter-spacing: -0.96px; text-align: left; color: #333;} #onlineorder .add_cont{border-radius: 10px; background-color: #f8f8fb; padding:30px; margin-top:30px;} #onlineorder .add_main{font-size: 32px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.06; letter-spacing: -0.96px; text-align: left; color: #333;} #onlineorder .add_main_sub{font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.06; letter-spacing: -0.96px; text-align: left; color: #333;} #onlineorder .add_sub{font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: -0.72px; text-align: left; color: #767782;} #onlineorder .add_cont li:nth-child(4){margin-left:10px;line-height: 1.2; } #onlineorder .add_cont li:nth-child(3){line-height: 1.2; } #onlineorder .refund_info {display:flex; align-items: center; justify-content: start;} #onlineorder .refund_info .info_circle{border-radius:100%;border:4px solid #888; margin:33px 10px 35px 0;} #onlineorder .refund_info .info_circle_text{font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.72px; text-align: left; color: #707070;} #onlineorder .device_info_1 {margin-top: 50px;} #onlineorder .device_info_2 {margin-top: 10px;} #onlineorder .device_info .info_wrap{display: flex; justify-content: space-between; align-items: center; padding: 26px 30px; background-color: #d7d7e5; border-radius: 10px;} #onlineorder .device_info b{font-size: 32px; font-weight: bold;} #onlineorder .device_info .call_modal{display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; background-color: #333; color: #d7d7e5; border-radius: 50%; font-size: 28px; cursor: pointer;} #onlineorder p {margin-top: 10px; font-size: 24px;} #onlineorder p span:nth-child(1) {font-size:10px;margin-top:15px;margin-right:5px;} #onlineorder p span:nth-child(2) {font-size:24px; margin:5px 0px 0px 0px;letter-spacing: -1.08px; } #onlineorder .esim2_pop #esim_info {background-color:#fff;border-radius:10px;padding:20px;zoom:1.2} .pop {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #333; padding: 50px 0; text-align: center;z-index:999;} .esim2_pop {padding: 0 0 50px 0; background: rgba(0,0,0, 0.8);} .esim2_pop .pop_header {justify-content: center; width: auto; height: auto; padding: 80px 0 23px 0; margin-bottom: 0; text-align: center; background-color: transparent;} .esim2_pop .pop_header .header_title {font-size: 36px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: -1.08px; text-align: center; color: #fff;} .esim2_pop .pop_header .header_sub_title {font-size: 28px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: -1.08px; text-align: center; color: #fff;} .esim2_pop .pop_header .header_off {position: absolute; top: 60px; right: 30px;} #onlineorder .info_cont span{font-size:30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left;} #onlineorder .division{font-size: 50px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.32; letter-spacing: -1.5px; text-align: left; color: #333;} #onlineorder .division_info{font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.36; letter-spacing: -0.84px; text-align: left; color: #333;} #onlineorder #prepay_charge_select {font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.84px; text-align: left; color: #333;} #onlineorder .preapy_amount{margin:30px 0 0 0; border-radius: 20px; background-color: #f8f8fb;} #onlineorder .amount_content{ padding:30px 30px 30px 30px; display:flex; align-items: center; justify-content: space-between; font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #333;} #onlineorder .amount_content_usim{padding: 0 0 30px 30px;} #onlineorder .nfc_usim{font-size:24px;} #onlineorder .amount_content .amount_won{font-weight:bold;} #onlineorder .amount_content_divide{margin: 0 30px;border:1px solid #eaeaf3;} #onlineorder .input_box_margin{margin:50px 0 20px 0; font-size:28px;} #onlineorder .prepay_type{display:flex; align-items: center; justify-content: space-evenly; text-align:center;} #onlineorder p{font-size: 32px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.41; letter-spacing: -0.96px; text-align: center; color: #333;} #onlineorder .type_pay{cursor:pointer;padding:50px 0 50px 0; width:100%; border-radius: 10px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); background-color: #fff;} #onlineorder .type_line{padding:0 16px;} #onlineorder .pay_img{margin:26px 0 0 0;} #onlineorder .fore_notice{margin-top : 20px; padding: 30px; border-radius: 10px; background-color: #f8f8fb; display:none;} #onlineorder .fore_notice p{ font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.72px; text-align: left; color: #707070;} #onlineorder .fore_notice p:nth-child(2), #onlineorder .fore_notice p:nth-child(3){margin-top : 20px;} #onlineorder .common_notice{display:flex;margin-top : 20px; } #onlineorder .common_notice span:nth-child(1){margin-top:8px; margin-right:5px; font-size:12px; color: #707070;} #onlineorder .common_notice span:nth-child(2){font-size:24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -1.02px; text-align: left; color: #707070;} #onlineorder .cert_cont {display: flex; justify-content: center; align-items: center; gap: 0 30px; margin-top: 50px;} #onlineorder .cert_cont .cont_half {display: flex; flex-direction: column; justify-content: center; gap: 26px 0; align-items: center; width: 314px; height: 257px; border-radius: 10px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); cursor: pointer;} #onlineorder .cert_cont .cont_half b{font-size: 32px; font-weight: bold; white-space: nowrap;} #onlineorder .cert_cont .cont_half img {width: 110px;} #onlineorder .cert_cont .cont_half:last-of-type img {width: 220px;} #onlineorder .type_choice {display:flex; gap:0 10px;} #onlineorder .type_choice .choice_btn {flex:1;} #onlineorder .type_choice input[type="radio"] {display:none;} #onlineorder .type_choice label {width:100%; height:100px; margin:0 0 0 12px; padding:28px 0; font-size: 30px; font-weight: 500; color:#888; border:solid 2px #e3e3e3; border-radius:14px; background-color:#fff; transition: all .15s ease-in-out; justify-content:center; align-items:center; display:flex; box-sizing:border-box; cursor:pointer;} #onlineorder .type_choice label.on, #onlineorder .type_choice label:hover {color:#333; box-shadow:0 0 0 4px #333 inset;} #onlineorder .type_choice_info {margin-top:10px; line-height:1.42; font-size:24px; color:#707070; font-weight:normal; letter-spacing:-0.72px;} #onlineorder .type_choice_info:before {content:'●'; margin-right:5px; font-size:10px; color:#888; vertical-align:middle;} #onlineorder .type_choice_info b {font-weight:bold;} #onlineorder .identify_wrap {margin-top:50px;} #onlineorder .identify_wrap .identify_tab {margin-top:50px;} #onlineorder .identify_wrap .identify_tab .input_box {display:flex; align-items:center;} #onlineorder .identify_wrap .identify_tab .input_box label {width:180px; font-size:28px; font-weight:500; color:#333333; display:inline-block; } #onlineorder .identify_wrap .identify_tab #driver_number1 {width:160px;} #onlineorder .identify_wrap .identify_tab #driver_number2 {width:98px;} #onlineorder .identify_wrap .identify_tab #driver_number3 {width:160px;} #onlineorder .identify_wrap .identify_tab #driver_number4 {width:98px;} #onlineorder .identify_wrap .identify_tab #driver_date {width:480px;} #onlineorder .identify_wrap .input_box {margin-top:30px; width:100%;} #onlineorder .identify_wrap .input_box input, #onlineorder .identify_wrap .input_box select {width:100%; padding:30px 20px; font-size:28px; color:#333; outline:none; border:none; border-bottom:2px solid #e3e3e3;} #onlineorder .identify_wrap .input_box input:placeholder {color:#c3c3c3;} #onlineorder .identify_wrap .input_box select {font-size:20px; background:url('/img/onlineorder/arrow_down_b.png') no-repeat center right 10px; background-size:40px; appearance:none; -moz-appearance:none; -webkit-appearance:none;} #onlineorder .identify_wrap .input_box select:focus {background-image:url('/img/onlineorder/arrow_up_b.png'); background-size:40px;} #onlineorder .identify_wrap .input_box select.on {background:none;} #onlineorder .identify_wrap .input_box select option {padding:5px 0 5px 9px; font-size:20px; color:#888888;} #onlineorder .identify_wrap .input_box select option:hover {background-color:#f9f9f9;} #onlineorder .identify_wrap .input_box .num_in {display:flex; align-items:center; gap:0 10px;} #onlineorder .identify_wrap .input_box .dial {font-size:28px; color:#888;} #onlineorder .minor, #onlineorder .foreign {display: flex; flex-direction: column; margin-top: 50px; gap: 30px 0;} #onlineorder .list_item {width:100%; padding:30px; border-radius:10px; background-color:#f8f8fb; align-items:center; display:flex;} #onlineorder .list_item img {width:84px; margin-right:30px;} #onlineorder .list_item .item_title {font-size:32px; font-weight:bold;} #onlineorder .list_item .item_explain {margin-top:10px; font-size:24px; color:#888; letter-spacing:-0.96px;} #onlineorder .file_cont {margin-top:50px; display:flex; flex-direction:column; gap:30px 0;} #onlineorder .file_cont .file_box {display:flex; gap:0 10px;} #onlineorder .file_cont .file_box .file_name {width:450px; height:100px; padding:32px 30px; font-size:24px; color:#888; border:2px solid #e3e3e3; border-radius:10px; background-color:#fff; overflow:hidden;} #onlineorder .file_cont .file_box .file_name.on {color:#888;} #onlineorder .file_cont .file_box .file_btn {width:200px; height:100px; font-size:30px; color:#fff; border-radius:10px; background-color:#333; transition:all .15s ease-in-out; display:flex; justify-content:center; align-items:center; cursor:pointer; pointer-events:inherit;} #onlineorder .file_cont .file_box .file_btn.on {background-color:#53577B; pointer-events:none;} #onlineorder .f_check {margin-top: 30px; padding: 0 4.17%; cursor:pointer;} #onlineorder .f_check {display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; color: #fff; background-color: #333; font-size: 30px; padding: 0; border-radius: 10px; } #onlineorder .f_check a{color:#fff;} #onlineorder .f_check.on {background-color: #53577b; cursor:""; } #onlineorder .f_check .check_down{width: 44px; height: 44px; margin: 0 20px 1px 0; } #onlineorder .end_info {display: flex; align-items: center; margin-top: 30px; line-height: normal;} #onlineorder .end_info .end_info_tit {margin-top: 0; width: 217px; color: #333; font-size: 30px; font-weight:bold;} #onlineorder .end_info .end_info_txt {font-size: 28px; color: #333;} #onlineorder .prepay_content{margin-top:20px; padding: 20px; border-radius: 10px; background-color: #e7e7f3;} #onlineorder .prepay_content .virtual_account_info{ margin-top:0px; padding : 10px 0; } #onlineorder .prepay_content .virtual_account_info h5{color:#53577b;font-size:28px;} #onlineorder .prepay_info {margin-top:20px;padding:30px;border-radius: 10px; background-color: #f8f8fb;} #onlineorder .prepay_info .prepay_info_text {width:100%; margin-top: 0; color: #333; font-size: 30px; font-weight:bold;} #onlineorder .prepay_info .prepay_info_text:nth-child(2) {margin-top:30px;} #onlineorder .prepay_info .prepay_info_text:nth-child(3) {margin-top:20px;} #onlineorder .prepay_info .prepay_info_text:nth-child(4) {margin-top:10px;font-size: 28px;color: #767782; } #onlineorder .prepay_info hr {margin-top:20px; background-color:#767782; } #onlineorder .prepay_info .prepay_info_text:nth-child(6) {margin-top:30px;} #onlineorder .prepay_info .prepay_info_text:nth-child(7) {margin-top:10px;font-size: 24px;color: #767782; } #onlineorder .ontel_recommend{margin:30px 30px 0px 30px; padding:30px;border-radius: 14px; border: solid 2px #e3e3e3; background-color: #fff;} #onlineorder .ontel_recommend p{font-size: 26px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: normal; text-align: center; color: #53577b;} #onlineorder .ontel_recommend p span{font-weight:bold;} #onlineorder .plan_footer .end_btn {margin-top: 20px;} #overlay{ position: fixed; display:none; width: 720px; top:0; z-index: 100; height:100%; background: rgba(0,0,0,0.6);} .cv-spinner{ display: flex; justify-content: center; align-items: center; } .spinner{ width: 100px; height: 100px; border: 10px #ddd solid; border-top: 10px #ff5d6a solid; border-radius: 50%; animation: sp-anime 0.8s infinite linear;} .loading{ position: relative; top: 50%; height: 100%; } .spinner_text {margin-top:10px;color:white; font-size:30px; } @keyframes sp-anime { 100% { transform: rotate(360deg); }} .modal-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); box-sizing:border-box; overflow:auto; z-index:998; display:none;} .modal-back div, .modal-back label {box-sizing:border-box;} .modal-back .btn-model-close {position:absolute; top:15px; right:30px; cursor:pointer;} .modal-back .modal-title {width:100%; height:60px; padding-left:30px; line-height:60px; font-size:18px; font-weight:bold; color:#333; text-align:left; border-bottom:1px solid #e3e3e3;} .modal-back .modal-contents {width:100%; padding:30px; font-size:14px; font-weight:normal; color:#333;} .modal-back .modal-contents .modal-contents-title {margin-bottom:20px; font-size:20px; font-weight:bold;} .modal-back .modal-contents .modal-contents-subTitle {margin-bottom:10px; font-size:16px; font-weight:bold;} .modal-back .modal-subscriber-verification {position:absolute; top:50%; left:50%; width:650px; padding:0; border-radius:10px; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;} .modal-back .modal-subscriber-verification p {font-size : 22px;} .modal-back .modal-subscriber-verification hr {margin-top:20px; border-top:0px ;border-bottom:1px solid #e3e3e3;} .modal-back .modal-subscriber-verification .sv2 {margin-top:20px;} .modal-back .modal-subscriber-verification .sv3 {margin-top:10px;} .modal-back .modal-subscriber-verification .sv4 {margin-top:10px;} .modal-back .modal-subscriber-verification .sv5 {margin-top:30px;} .modal-back .modal-subscriber-verification .sv6 {margin-top:20px;} .modal-back .modal-subscriber-verification .sv7 {margin-top:10px;} .modal-back .modal-subscriber-verification .sv8 {margin-top:10px;} .modal-back .modal-subscriber-verification .f_close {margin-top: 20px; padding: 0 4.17%;} .modal-back .modal-subscriber-verification .f_close a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; background-color: #333; font-size: 30px; color:#fff; padding: 0; border-radius: 10px; } .modal-back .modal-inicis { zoom: 1.4; position:absolute; top:50%; left:50%; width:500px; padding:0; border-radius:10px; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;} .modal-back .modal-inicis-agree1 {position:absolute; top:50%; left:50%; width:500px; padding:0; border-radius:10px; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;} .modal-back .modal-inicis-agree2 {position:absolute; top:50%; left:50%; width:500px; padding:0; border-radius:10px; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;} .modal-back .modal-subscriber-verification {position:absolute; top:50%; left:50%; width:500px; padding:0; border-radius:10px; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;} .modal-back .modal-contents .modal-contents-title {margin-bottom:20px; font-size:20px; font-weight:bold;} .modal-back .modal-contents .modal-contents-subTitle {margin-bottom:10px; font-size:16px; font-weight:bold;} .modal-back .modal-contents .inicis-icons {} .modal-back .modal-contents .inicis-icons:after {content:''; clear:both; display:block;} .modal-back .modal-contents .inicis-icons li {float:left; width:25%; margin-bottom:30px; text-align:center; list-style:none; cursor:pointer;} .modal-back .modal-contents .inicis-icons li input[type=radio] {display:none;} .modal-back .modal-contents .inicis-icons li .inicis-icon {position:relative; width:84px; padding:0; display:inline-block; cursor:pointer;} .modal-back .modal-contents .inicis-icons li .inicis-icon img {width:62px; height:62px;} .modal-back .modal-contents .inicis-icons li .inicis-icon .icon-txt {margin-top:10px; font-size:14px; color:#333;} .modal-back .modal-contents .inicis-icons li input[type=radio]:checked + label {} .modal-back .modal-contents .inicis-icons li input[type=radio]:checked + label:before { content: ""; background-position : center; background-image:url('/img/inicis/icon_check.png');background-repeat: no-repeat; background-size : 30px; position:absolute; top:0; left:11px; width:62px; height:62px; padding:16px; border-radius:7px; background-color:rgba(0,0,0,0.4); box-sizing:border-box;} .modal-back .modal-contents .agree-box {width:100%; padding:15px 30px; border:1px solid #e3e3e3; border-radius:4px;} .modal-back .modal-contents .agree-box input[type="checkbox"] {display:none;} .modal-back .modal-contents .agree-box input[name="check_inicis_all"][type="checkbox"] + label {height:22px; line-height:18px; padding:2px 0 2px 35px; font-size:16px; font-weight:500; color:#333; background:url('/img/inicis/check_off.png') 0 0 no-repeat; display:inline-block; cursor:pointer;} .modal-back .modal-contents .agree-box input[name="check_inicis_all"][type="checkbox"] + label span {font-size:12px; font-weight:normal; color:#888;} .modal-back .modal-contents .agree-box input[name="check_inicis_all"][type="checkbox"]:checked + label {background-image:url('/img/inicis/check_on.png'); } .modal-back .modal-contents .sub-agree {padding:20px;} .modal-back .modal-contents .sub-agree .sub-agree-li {position:relative; margin-bottom:10px;} .modal-back .modal-contents .sub-agree .sub-agree-li label {height:22px; line-height:17px; margin-left:10px; padding:2px 0 2px 35px; font-size:16px; font-weight:500; color:#333; background:url('/img/inicis/check_off.png') 0 0 no-repeat; display:inline-block; cursor:pointer;} .modal-back .modal-contents .sub-agree .sub-agree-li input[type="checkbox"] {display:none;} .modal-back .modal-contents .sub-agree .sub-agree-li input[type="checkbox"]:checked + label {background-image:url('/img/inicis/check_on.png');} .modal-back .modal-contents .sub-agree .sub-agree-li img {position:absolute; top:0; right:0; cursor:pointer;} .modal-back .modal-contents .confirm-text {padding:61px 0; font-size:14px; color:#333; text-align:center; display:none;} .modal-back .modal-contents .confirm-text b {font-weight:bold;} .modal-back .modal-contents .confirm-text span {font-weight:bold; color:#ff5d6a;} .modal-back .modal-contents .auth-btn {width:100%; height:50px; line-height:50px; margin:10px 0 0; font-size:16px; font-weight:500; color:#fff; text-align:center; border-radius:25px; background:#333; cursor:pointer;} .modal-back .modal-contents .confirm-btn {width:100%; height:50px; line-height:50px; margin:10px 0 0; font-size:16px; font-weight:500; color:#fff; text-align:center; border-radius:25px; background:#ff5d6a; cursor:pointer; display:none;} .modal-back .modal-contents dl {margin:20px 0;} .modal-back .modal-contents dl dt {margin-top:20px; font-size:16px; font-weight:bold; color:#333;} .modal-back .modal-contents dl dd {margin-top:10px; font-size:14px; font-weight:normal; color:#333; list-style:disc;} .modal-back .modal-contents dl dd:before {content:'-'; margin-right:5px; display:inline;} .modal-back .warning-box {width:100%; padding:20px 30px; font-size:14px; color:#333; background:#f1f1f1;} .modal-back .warning-box .warning-title {font-size:16px; font-weight:bold;} .modal-back .warning-box .warning-text {margin-top:10px; padding-left:20px;} .modal-back .warning-box .warning-text li {margin-bottom:5px; list-style:disc;} .modal-back .modal-esim { zoom: 1.4; position:absolute; top:50%; left:50%; width:500px; padding:0; border-radius:10px; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;} .modal-back .modal-esim .header_title {line-height:1.56; font-size:30px; font-weight:500; color:#333; text-align:center; letter-spacing:-1.08px;} .modal-back .modal-esim .header_sub_title {line-height:1.56; font-size:24px; font-weight:500; color:#333; text-align:center; letter-spacing:-1.08px;} .modal-back .modal-esim .swiper {margin-top:30px;} .modal-back .modal-esim .swiper-esim1 ul li, .modal-back .modal-esim .swiper-esim2 ul li {text-align:center;} .modal-back .modal-esim .swiper-esim1 .swiper-pagination1, .modal-back .modal-esim .swiper-esim2 .swiper-pagination2 {margin-top:20px; text-align:center;} .modal-back .modal-esim .swiper-esim1 img, .modal-back .modal-esim .swiper-esim2 img {width:300px;} .modal-back .modal-esim-model { zoom: 1.4; position:absolute; top:50%; left:50%; width:500px; padding:0; border-radius:10px; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;} .modal-back .modal-esim-model .modal-contents img {width:100%;} .modal-back .modal-move-tel {position:absolute; top:50%; left:50%; width:650px; padding:0; border-radius:10px; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;} .modal-back .modal-move-tel p {font-size : 22px;} .modal-back .modal-move-tel .sv2 {margin-top:20px;} .modal-back .modal-move-tel .sv3 {margin-top:20px;} .modal-back .modal-move-tel .sv4 {margin-top:20px;} .modal-back .modal-move-tel .f_check_next {margin-top: 20px; padding: 0 4.17%;} .modal-back .modal-move-tel .f_check_next a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; background-color: #ff5d6a; font-size: 30px; color:#fff; padding: 0; border-radius: 10px 10px 0 0 ; } .modal-back .modal-move-tel .f_close {padding: 0 4.17%;} .modal-back .modal-move-tel .f_close a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100px; background-color: #333; font-size: 30px; color:#fff; padding: 0; border-radius: 0 0 10px 10px; } .modal-back .modal-policy {position:absolute; top:50%; left:50%; width:650px; padding:0; border-radius:10px; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;} .modal-back .modal-policy .modal-contents::-webkit-scrollbar {width:8px;} .modal-back .modal-policy .modal-contents::-webkit-scrollbar-thumb{background-color:#e3e3e3} .modal-back .modal-policy .modal-contents::-webkit-scrollbar-track {background-color: #f1f1f1;} .modal-back .modal-policy .modal-contents .title{font-size: 2rem; font-weight: 600;} .modal-back .modal-policy .modal-contents {max-height:120vh; overflow:scroll;} .modal-back .modal-policy .modal-contents h3{font-size: 1.6rem; font-weight: 600; margin-top: 3rem;} .modal-back .modal-policy .modal-contents p{font-size: 1.6rem; margin-top: 3rem; line-height: normal;} .modal-back .modal-policy .modal-contents .mo_b-close{display:none;justify-content: center; align-items: center; width: 250px; height: 80px; margin: 30px auto 40px ; background-color: #333; color: #fff; border-radius: 8px; font-size: 28px;} .modal-back .modal-policy .modal-contents table {width:100% !important; border-collapse:collapse;} .modal-back .modal-policy .modal-contents table th, .modal-back .modal-policy .modal-contents table td {border:1px solid black;} @media (max-width:720px){ .mt10 {margin-top:1.39vw;} .mt20 {margin-top:2.78vw;} .mt30 {margin-top:4.17vw;} .red_dot {} .hide {} #fixed_top .main-title { height:13.89vw; line-height:13.89vw; font-size:4.72vw; } #fixed_top .m_header_back { top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #fixed_top .header_logo { width:50%; padding:4.17vw;} #fixed_top .header_logo:nth-child(1) {} #fixed_top .header_logo:nth-child(2) {} #fixed_top:after { clear:both;} #onlineorder { min-height:calc(100% - 18.33vw); padding:13.89vw 4.17vw 4.17vw; background:#fff;} #onlineorder h3 {font-size:6.81vw; line-height:1.32; } #onlineorder h5 {width:30.14vw; font-size:5.56vw; } #onlineorder h6 {margin-top:1.39vw; font-size:3.89vw; line-height:1.36; letter-spacing:-0.12vw;} #onlineorder .top_banner {margin:0 -4.17vw 4.17vw;} #onlineorder .top_banner img {width:100%;} #onlineorder .cost_box { flex-wrap: wrap; justify- flex: 1; padding: 3rem; border-radius: 1rem; border: solid 0.14vw #e3e3e3; font-size: 1.4rem; } #onlineorder .cost_box .tr {} #onlineorder .cost_box .cost_name {font-size: 4.72vw; } #onlineorder .cost_box, #onlineorder .cost_box .cost_left ul {flex-direction: column; margin-top: 1.39vw;} #onlineorder .cost_box {margin-top: 4.17vw; padding: 4.17vw; border-radius: 1.94vw;} #onlineorder .cost_box .cost_left ul li{ justify- align-items: flex-start; line-height: 1.75; width: 100%; font-size: 4.17vw; margin-right: 0; margin-top: 2.78vw;} #onlineorder .cost_box .cost_left ul .cost_li_txt {padding-left: 1rem; flex: 1; margin-top: 1rem;} #onlineorder .cost_box .cost_left ul li p { font-size: 3.33vw; } #onlineorder .cost_box .cost_right {margin-top: 4.17vw; font-size: 4.17vw; padding-top: 4.17vw; border-top: 0.28vw solid #e3e3e3; } #onlineorder .cost_box .cost_fee, #onlineorder .cost_box .cost_fee + span {font-size: 5.56vw; } #onlineorder .cost_box .cost_right .vat {font-size: 2.78vw;} #onlineorder .cost_box .cost_right .vat .month_cost {margin:1.39vw 0 0 0; font-size: 3.33vw;} #onlineorder .cost_box .cost_right .vat span { margin-top:2.78vw;} #onlineorder .cost_box .cost_right .right_top { justify-} #onlineorder .cost_box .cost_bottom { margin-top: 4.17vw; padding: 4.17vw; width: 100%; border-radius: 1.94vw; } #onlineorder .cost_box .cost_bottom ul li{font-size: 3.33vw; margin-top: 2.78vw;} #onlineorder .cost_box .cost_bottom ul li:first-child{margin-top: 0;} #onlineorder .join_info_guide{margin-top: 4.17vw; padding: 4.17vw; border-radius: 1.39vw; } #onlineorder .join_info_guide ul li:nth-child(1){font-size: 3.33vw; line-height: 1.42; letter-spacing: normal;} #onlineorder .join_info_guide ul li:nth-child(2), #onlineorder .join_info_guide ul li:nth-child(3){font-size: 3.06vw;font-stretch: normal; font-style: normal; line-height: 1.55; } #onlineorder .join_info_guide ul li span{font-stretch: normal; font-style: normal;font-size: 3.06vw; line-height: 1.55; letter-spacing: normal;} #onlineorder .plan_footer {padding:6.94vw 4.17vw;} #onlineorder .plan_footer hr{ border : 1.39vw solid #f9f9f9;} #onlineorder .plan_footer h5{margin-top:6.94vw;font-size: 5.56vw; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.17vw; } #onlineorder .plan_footer .f_btn {margin: 6.94vw 0 0 0;} #onlineorder .plan_footer .f_btn a { justify- align-items: center; width: 100%; height: 13.89vw; font-size: 4.17vw; padding: 0; border-radius: 1.39vw; pointer-events:none;} #onlineorder .plan_footer .f_btn.on a { pointer-events:inherit} #onlineorder .plan_footer .footer_info{margin-top:4.17vw;border-radius: 1.39vw; border: solid 0.28vw #e3e3e3; } #onlineorder .plan_footer .footer_info ul{padding:4.17vw;} #onlineorder .plan_footer .footer_info ul li:nth-child(1){font-size: 3.61vw; line-height: 1.31;letter-spacing: -0.11vw; } #onlineorder .plan_footer .footer_info ul li:nth-child(2){margin-top:1.39vw;font-size: 3.06vw; font-stretch: normal; font-style: normal; line-height: 1.55; letter-spacing: -0.09vw; } #onlineorder .plan_footer .footer_info ul li:nth-child(2) span{font-size: 3.33vw; letter-spacing: -0.10vw;} #onlineorder .plan_footer .footer_info ul li:nth-child(3), #onlineorder .plan_footer .footer_info ul li:nth-child(4){ margin-top:2.78vw;font-size: 3.33vw; line-height: 1.42;letter-spacing: -0.10vw; } #onlineorder .term_wrap {flex:1; margin-top:6.94vw;} #onlineorder .term_wrap input[type=checkbox] {} #onlineorder .term_wrap input[type=checkbox] + label {width:79%; padding:0 0 1.39vw 9.17vw; font-size:4.44vw; background:url('/img/onlineorder/check_off.png') 0 0 no-repeat; background-size:6.11vw; word-break:keep-all; line-height:1.3; cursor:pointer;} #onlineorder .term_wrap input[type=checkbox]:checked + label {background-image:url('/img/onlineorder/check_on.png');} #onlineorder .term_wrap .term_check_all {margin-bottom:4.17vw; padding:3.89vw 4.17vw; border:0.14vw solid #e3e3e3; border-radius:1.39vw; } #onlineorder .term_wrap .term_check input[type=checkbox] + label {font-size:3.89vw;} #onlineorder .term_wrap .term_check .term_check_item {padding:2.50vw 0 2.50vw 4.17vw; background:url('/img/onlineorder/arrow_down.png') no-repeat top 3.06vw right 4.17vw / 4.17vw 4.17vw; cursor:pointer;} #onlineorder .term_wrap .term_check .term_check_item.active {background-image:url('/img/onlineorder/arrow_up.png');} #onlineorder .term_wrap .term_check .term_check_item .hidden_list {height: 0; border:none; transition:all 0.2s linear;} #onlineorder .term_wrap .term_check .term_check_item.active .hidden_list {height:auto; padding:4.17vw 0 0.56vw;} #onlineorder .term_wrap .term_check .term_check_item .hidden_list input[type=checkbox] + label {padding:0 1.39vw 0 12.50vw; background-image: url('/img/onlineorder/check_sub_off.png'); background-position:4.17vw -0.28vw;} #onlineorder .term_wrap .term_check .term_check_item .hidden_list input[type=checkbox]:checked + label {background-image: url('/img/onlineorder/check_sub_on.png');} #onlineorder .term_wrap .term_check .term_check_item .hidden_list li {margin-top:2.78vw; justify- align-items:center; } #onlineorder .term_wrap .term_check .term_check_item .hidden_list li:first-child {margin-top: 0;} #onlineorder .term_wrap .term_check .term_check_item .hidden_list li a {width: 11.11vw; height: 6.11vw; padding:0.28vw 0.00vw 0.42vw 0.83vw; font-size:3.33vw; border:0.14vw solid #e3e3e3; border-radius:0.56vw; justify- align-items:center; white-space:nowrap; } #onlineorder .term_wrap .term_check .term_check_item .hidden_list li a:hover {} #onlineorder .term_wrap .term_check .term_check_item .hidden_list li a img {width:3.61vw; } #onlineorder .term_wrap .term_check .term_check_item .term_gray {font-size:3.33vw; } #onlineorder .list {margin-top:9.03vw; flex-direction:column; gap:4.17vw 0;} #onlineorder .list .list_wrap {} #onlineorder .list .list_wrap input {} #onlineorder .list .list_wrap label {cursor:pointer;} #onlineorder .list .list_wrap label .list_item {width:100%; height:21.25vw; padding:4.17vw; border-radius:1.39vw; background:url('/img/onlineorder/check_off.png') no-repeat top 7.64vw right 4.17vw; box-shadow:0 0.42vw 2.08vw 0 rgba(0, 0, 0, 0.1); background-size:6.11vw 6.11vw; align-items:center; transition:all .1s ease-in-out;} #onlineorder .list.bw .list_wrap label .list_item {height:26.25vw;} #onlineorder .list .list_wrap input:checked + label .list_item {box-shadow:0 0 0 0.56vw #ff5d6a inset; background-image:url('/img/onlineorder/check_on.png');} #onlineorder .list .list_wrap label .list_item .item_title {font-size:4.44vw; } #onlineorder .list .list_wrap label .list_item .item_explain {margin-top:1.39vw; font-size:3.33vw; } #onlineorder .ps_text {margin-top:4.17vw; font-size:3.06vw; letter-spacing:-0.09vw;} #onlineorder .require_list { flex-direction: column; margin-top: 6.94vw; gap: 4.17vw 0;} #onlineorder .require_list {gap: 4.17vw 0;} #onlineorder .require_list .list_item{ align-items: center; width: 100%; padding: 4.17vw; border-radius: 1.39vw; } #onlineorder .require_list .list_item img{width: 11.67vw; margin-right: 4.17vw;} #onlineorder .require_list .list_item .item_title{font-size: 4.44vw; } #onlineorder .require_list .list_item .item_explain{margin-top: 1.39vw; font-size: 3.33vw; } #onlineorder .notice_box .notice_area {margin-top:4.17vw; padding:4.17vw; border-radius:1.39vw; } #onlineorder .notice_box .notice_area li {list-style:none; font-size:3.33vw; letter-spacing:-0.14vw;} #onlineorder .notice_box .notice_area .cation {} #onlineorder .notice_box .notice_area .tit {font-size: 4.44vw; font-stretch: normal; font-style: normal; line-height: 1.06; letter-spacing: -0.13vw; } #onlineorder .notice_box .notice_area .sub_txt {font-size: 3.89vw; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.12vw; } #onlineorder .notice_box .notice_area .ps_txt { } #onlineorder .notice_box .notice_area .ps_txt b {} #onlineorder .notice_box .notice_area .dash { padding-left:2.78vw;} #onlineorder .notice_box .notice_area .dash:before { top:0; left:0; } #onlineorder .notice_box .notice_area hr.line {height:0.14vw; border:0; background:#eaeaf3;} #onlineorder .notice_box .notice {margin-top:4.17vw; padding:4.17vw; border-radius:1.39vw;} #onlineorder .notice_box .notice .cation {line-height:1.5; font-size:3.89vw; letter-spacing:-0.13vw;} #onlineorder .notice_box .notice .tit {line-height:2.06; font-size:3.89vw; letter-spacing:-0.13vw;} #onlineorder .notice_box .notice .sub_txt {line-height:1.57; font-size:3.89vw; letter-spacing:-0.12vw;} #onlineorder .notice_box .notice .txt {line-height:1.7; font-size:3.33vw; letter-spacing:-0.10vw;} #onlineorder .notice_box .notice .online_method {margin:4.17vw 0 5.56vw; padding:4.17vw 9.44vw 4.03vw; border-radius:1.39vw; align-items:center; justify-} #onlineorder .notice_box .notice .online_method .online_method_text {font-size:3.89vw; line-height:2.36; letter-spacing:-0.12vw;} #onlineorder .notice_box .notice .online_method .online_method_img {height:5.56vw; object-fit:contain;} #onlineorder .notice_box .notice hr.line {height:0.14vw; border:0; background:#eaeaf3;} #onlineorder .notice_box .notice .ars_info {margin:4.17vw 0; padding:3.47vw 0.00vw; font-size:4.72vw; border-radius:1.39vw; } #onlineorder .notice_box .notice .ars_info b {} #onlineorder .new_join_info{ align-items: center; justify- margin-top:2.78vw;} #onlineorder .new_join_info .info_circle{border-radius:100%;border:0.56vw solid #888; margin:0 1.39vw 4.86vw 0;} #onlineorder .new_join_info .info_circle_text{font-size: 3.33vw; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.10vw; } #onlineorder .self_input_check{margin-top:2.78vw; font-size: 3.89vw; line-height: 1; letter-spacing: -0.12vw; } #onlineorder .self_cont{margin-top:6.94vw;padding:4.17vw;} #onlineorder .self_cont p{font-size: 3.89vw;font-stretch: normal;font-style: normal;line-height: 1.57;letter-spacing: -0.12vw; } #onlineorder .self_cont p span{} #onlineorder .self_cont .self_subscriber_info{padding:4.17vw 1.39vw;margin-top:2.78vw;border-radius: 2.78vw; } #onlineorder .self_cont .self_subscriber_info .subscriber_info{ justify- align-items: center;} #onlineorder .self_cont .self_subscriber_info .subscriber_info span{ font-size: 4.17vw; font-stretch: normal; font-style: normal; line-height: 1.53; letter-spacing: -0.13vw; } #onlineorder .self_cont .info_img:nth-child(2){margin-left:6.94vw;} #onlineorder .self_cont .info_img{margin: 0.69vw 2.78vw 0 1.39vw; width:5.00vw;height:5.00vw; cursor:pointer;} #onlineorder .self_cont .info_sec_img{margin: 0.69vw 2.78vw 0 6.94vw; cursor:pointer;} #onlineorder .self_btn_cont{margin-top:4.17vw; justify- align-items: center; width: 100%; height: 13.89vw; font-size: 4.17vw; padding: 0; border-radius: 1.39vw; } #onlineorder .self_btn_cont a{} #onlineorder .self_cont .self_btn_cont_info{margin-top:4.17vw; } #onlineorder .info_cont {margin-top:6.94vw;} #onlineorder .info_cont h4 {margin-bottom:2.78vw; font-size:4.17vw; } #onlineorder .info_cont .font20 {font-size:2.78vw;} #onlineorder .info_cont .input_box {margin-top: 4.17vw; width: 100%;} #onlineorder .info_cont .input_box.usim_box {font-size:3.89vw; align-items:center; gap:0 2.78vw;} #onlineorder .info_cont .input_box input, #onlineorder .info_cont .input_box select{width:100%; padding:4.17vw 2.78vw; outline:none; border:none; border-bottom:0.28vw solid #e3e3e3; font-size:3.89vw; } #onlineorder .info_cont .input_box input:placeholder{} #onlineorder .info_cont .input_box select {background:url('/img/onlineorder/arrow_down.png') no-repeat center right 1.39vw; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-size:5.56vw;} #onlineorder .info_cont .input_box select:focus {background:url('/img/onlineorder/arrow_up.png') no-repeat center right 1.39vw; background-size:5.56vw;} #onlineorder .info_cont .input_box select.on {background:none;} #onlineorder .info_cont .input_box select option {padding:0.69vw 0 0.69vw 1.25vw; font-size: 2.78vw;} #onlineorder .info_cont .input_box select option:hover {} #onlineorder .info_cont .input_box .num_in { align-items: center; gap: 0 1.39vw;} #onlineorder .info_cont .input_box .dial { font-size: 3.89vw;} #onlineorder .info_cont .input_box input#same_info + label.same_info_label {margin-top:4.72vw; padding:2.78vw 0 2.78vw 7.50vw; font-size:3.33vw; background:url('/img/onlineorder/check_off.png') no-repeat center left / 6.11vw; cursor: pointer;} #onlineorder .info_cont .input_box input#same_info:checked + label.same_info_label {background:url('/img/onlineorder/check_on.png') no-repeat center left / 6.11vw;} #onlineorder .info_cont .cert_y, .cert_n {margin-top:2.78vw; font-size:3.89vw; } #onlineorder .info_cont .cert_y {} #onlineorder .info_cont .cert_n {} #onlineorder .info_cont .srh_post { justify- align-items: center; width: 45.00vw; height: 13.89vw; border-radius: 1.94vw; font-size: 3.89vw; } #onlineorder .info_cont .grey_p {margin-top:2.78vw; font-size:3.33vw; letter-spacing:-0.18vw;} #onlineorder .info_cont .img_box img {width:100%;} #onlineorder .info_cont .img_box .usim_noti {margin:4.17vw 0 1.39vw 0; font-size:4.17vw; } #onlineorder .info_cont .p_info {margin-top: 1.39vw; font-size: 3.33vw; } #onlineorder .info_cont .p_info_false {margin-top: 1.39vw; font-size: 3.33vw; } #onlineorder .agree_info{margin-top:4.17vw;} #onlineorder .agree_info_check{ align-items: center; justify-} #onlineorder .check_m{width: 6.11vw; height: 6.11vw; margin-right:0.69vw;} #onlineorder .check_m_text{font-size: 3.33vw; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.10vw; } #onlineorder .agree_info .agree_info_check .info_circle{border-radius:100%;border:0.56vw solid #888; margin-right:1.39vw;} #onlineorder .agree_info .agree_info_check .info_circle_text{font-size: 3.33vw; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.10vw; } #onlineorder .agree_info_check .info_circle_end{border-radius:100%;border:0.56vw solid #888; margin:0 1.39vw 4.86vw 0;} #onlineorder .agree_info_table{margin-top:2.78vw;} #onlineorder .agree_info_table table{width:100%;font-size: 3.06vw; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.09vw;} #onlineorder .agree_info_table table .table_tr_1 td{padding:1.94vw 0;} #onlineorder .agree_info_table table .table_tr_2{border-bottom:0.14vw solid #e3e3e3;} #onlineorder .agree_info_table table .table_tr_1 td:nth-child(1), #onlineorder .agree_info_table table .table_tr_1 td:nth-child(2){border-right:0.14vw solid #e3e3e3;} #onlineorder .agree_info_table table .table_tr_2 td:nth-child(1), #onlineorder .agree_info_table table .table_tr_2 td:nth-child(2){border-right:0.14vw solid #e3e3e3;} #onlineorder .agree_info_table table .table_tr_2 td{ padding:3.06vw 0;} #onlineorder .sign_box{margin-top:4.17vw;} #onlineorder .sign_box .canvas{width : 100%; height:41.67vw; } #onlineorder .sign_box .sign_text h4{font-size: 4.17vw; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.13vw; } #onlineorder .sign_box .sign_text{justify-font-size: initial;padding:0.69vw;margin-bottom:2.78vw;} #onlineorder .sign_box .sign_text button{border: solid 0.28vw #e3e3e3; padding: 0.97vw 3.19vw 0.97vw 3.33vw; font-size: 3.33vw; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: -0.10vw; } #onlineorder .reufnd_info_add{font-size: 4.44vw; font-stretch: normal; font-style: normal; line-height: 2.06; letter-spacing: -0.13vw; } #onlineorder .add_cont{border-radius: 1.39vw; padding:4.17vw; margin-top:4.17vw;} #onlineorder .add_main{font-size: 4.44vw; font-stretch: normal; font-style: normal; line-height: 2.06; letter-spacing: -0.13vw; } #onlineorder .add_main_sub{font-size: 3.89vw; font-stretch: normal; font-style: normal; line-height: 2.06; letter-spacing: -0.13vw; } #onlineorder .add_sub{font-size: 3.33vw; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: -0.10vw; } #onlineorder .add_cont li:nth-child(4){margin-left:1.39vw;line-height: 1.2; } #onlineorder .add_cont li:nth-child(3){line-height: 1.2; } #onlineorder .refund_info { align-items: center; justify-} #onlineorder .refund_info .info_circle{border-radius:100%;border:0.56vw solid #888; margin:4.58vw 1.39vw 4.86vw 0;} #onlineorder .refund_info .info_circle_text{font-size: 3.33vw; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.10vw; } #onlineorder .device_info_1 {margin-top: 6.94vw;} #onlineorder .device_info_2 {margin-top: 1.39vw;} #onlineorder .device_info .info_wrap{ justify- align-items: center; padding: 3.61vw 4.17vw; border-radius: 1.39vw;} #onlineorder .device_info b{font-size: 4.44vw; } #onlineorder .device_info .call_modal{ justify- align-items: center; width: 5.00vw; height: 5.00vw; border-radius: 50%; font-size: 3.89vw; cursor: pointer;} #onlineorder p {margin-top: 1.39vw; font-size: 3.33vw;} #onlineorder p span:nth-child(1) {font-size:1.39vw;margin-top:2.08vw;margin-right:0.69vw;} #onlineorder p span:nth-child(2) {font-size:3.33vw; margin:0.69vw 0.00vw 0.00vw 0.00vw;letter-spacing: -0.15vw; } #onlineorder .esim2_pop #esim_info {border-radius:1.39vw;padding:2.78vw;zoom:1.2} .pop { top: 0; left: 0; right: 0; bottom: 0; padding: 6.94vw 0; } .esim2_pop {padding: 0 0 6.94vw 0; background: rgba(0,0,0, 0.8);} .esim2_pop .pop_header {justify- width: auto; height: auto; padding: 11.11vw 0 3.19vw 0; margin-bottom: 0; } .esim2_pop .pop_header .header_title {font-size: 5.00vw; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: -0.15vw; } .esim2_pop .pop_header .header_sub_title {font-size: 3.89vw; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: -0.15vw; } .esim2_pop .pop_header .header_off { top: 8.33vw; right: 4.17vw;} #onlineorder .info_cont span{font-size:4.17vw; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } #onlineorder .division{font-size: 6.94vw; font-stretch: normal; font-style: normal; line-height: 1.32; letter-spacing: -0.21vw; } #onlineorder .division_info{font-size: 3.89vw; font-stretch: normal; font-style: normal; line-height: 2.36; letter-spacing: -0.12vw; } #onlineorder #prepay_charge_select {font-size: 3.89vw; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.12vw; } #onlineorder .preapy_amount{margin:4.17vw 0 0 0; border-radius: 2.78vw; } #onlineorder .amount_content{ padding:4.17vw 4.17vw 4.17vw 4.17vw; align-items: center; justify- font-size: 4.17vw; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } #onlineorder .amount_content_usim{padding: 0 0 4.17vw 4.17vw;} #onlineorder .nfc_usim{font-size:3.33vw;} #onlineorder .amount_content .amount_won{} #onlineorder .amount_content_divide{margin: 0 4.17vw;border:0.14vw solid #eaeaf3;} #onlineorder .input_box_margin{margin:6.94vw 0 2.78vw 0; font-size:3.89vw;} #onlineorder .prepay_type{ align-items: center; justify- } #onlineorder p{font-size: 4.44vw; font-stretch: normal; font-style: normal; line-height: 1.41; letter-spacing: -0.13vw; } #onlineorder .type_pay{cursor:pointer;padding:6.94vw 0 6.94vw 0; width:100%; border-radius: 1.39vw; box-shadow: 0 0.42vw 2.08vw 0 rgba(0, 0, 0, 0.1); } #onlineorder .type_line{padding:0 2.22vw;} #onlineorder .pay_img{margin:3.61vw 0 0 0;} #onlineorder .fore_notice{margin-top : 2.78vw; padding: 4.17vw; border-radius: 1.39vw; } #onlineorder .fore_notice p{ font-size: 3.33vw; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.10vw; } #onlineorder .fore_notice p:nth-child(2), #onlineorder .fore_notice p:nth-child(3){margin-top : 2.78vw;} #onlineorder .common_notice{margin-top : 2.78vw; } #onlineorder .common_notice span:nth-child(1){margin-top:1.11vw; margin-right:0.69vw; font-size:1.67vw; } #onlineorder .common_notice span:nth-child(2){font-size:3.33vw; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: -0.14vw; } #onlineorder .cert_cont { justify- align-items: center; gap: 0 4.17vw; margin-top: 6.94vw;} #onlineorder .cert_cont .cont_half { flex-direction: column; justify- gap: 3.61vw 0; align-items: center; width: 43.61vw; height: 35.69vw; border-radius: 1.39vw; box-shadow: 0 0.42vw 2.08vw 0 rgba(0, 0, 0, 0.1); cursor: pointer;} #onlineorder .cert_cont .cont_half b{font-size: 4.44vw; white-space: nowrap;} #onlineorder .cert_cont .cont_half img {width: 15.28vw;} #onlineorder .cert_cont .cont_half:last-of-type img {width: 30.56vw;} #onlineorder .type_choice { gap:0 1.39vw;} #onlineorder .type_choice .choice_btn {flex:1;} #onlineorder .type_choice input[type="radio"] {} #onlineorder .type_choice label {width:100%; height:13.89vw; margin:0 0 0 1.67vw; padding:3.89vw 0; font-size: 4.17vw; border:solid 0.28vw #e3e3e3; border-radius:1.94vw; transition: all .15s ease-in-out; justify- align-items:center; cursor:pointer;} #onlineorder .type_choice label.on, #onlineorder .type_choice label:hover { box-shadow:0 0 0 0.56vw #333 inset;} #onlineorder .type_choice_info {margin-top:1.39vw; line-height:1.42; font-size:3.33vw; letter-spacing:-0.10vw;} #onlineorder .type_choice_info:before {content:'��'; margin-right:0.69vw; font-size:1.39vw; } #onlineorder .type_choice_info b {} #onlineorder .identify_wrap {margin-top:6.94vw;} #onlineorder .identify_wrap .identify_tab {margin-top:6.94vw;} #onlineorder .identify_wrap .identify_tab .input_box { align-items:center;} #onlineorder .identify_wrap .identify_tab .input_box label {width:25.00vw; font-size:3.89vw; } #onlineorder .identify_wrap .identify_tab #driver_number1 {width:22.22vw;} #onlineorder .identify_wrap .identify_tab #driver_number2 {width:13.61vw;} #onlineorder .identify_wrap .identify_tab #driver_number3 {width:22.22vw;} #onlineorder .identify_wrap .identify_tab #driver_number4 {width:13.61vw;} #onlineorder .identify_wrap .identify_tab #driver_date {width:66.67vw;} #onlineorder .identify_wrap .identify_tab .img_box img {width:91.67vw;} #onlineorder .identify_wrap .input_box {margin-top:4.17vw; width:100%;} #onlineorder .identify_wrap .input_box input, #onlineorder .identify_wrap .input_box select {width:100%; padding:4.17vw 2.78vw; font-size:3.89vw; outline:none; border:none; border-bottom:0.28vw solid #e3e3e3;} #onlineorder .identify_wrap .input_box input:placeholder {} #onlineorder .identify_wrap .input_box select {font-size:2.78vw; background:url('/img/onlineorder/arrow_down_b.png') no-repeat center right 1.39vw; background-size:5.56vw; appearance:none; -moz-appearance:none; -webkit-appearance:none;} #onlineorder .identify_wrap .input_box select:focus {background-image:url('/img/onlineorder/arrow_up_b.png'); background-size:5.56vw;} #onlineorder .identify_wrap .input_box select.on {background:none;} #onlineorder .identify_wrap .input_box select option {padding:0.69vw 0 0.69vw 1.25vw; font-size:2.78vw; } #onlineorder .identify_wrap .input_box select option:hover {} #onlineorder .identify_wrap .input_box .num_in { align-items:center; gap:0 1.39vw;} #onlineorder .identify_wrap .input_box .dial {font-size:3.89vw; } #onlineorder .minor, #onlineorder .foreign { flex-direction: column; margin-top: 6.94vw; gap: 4.17vw 0;} #onlineorder .list_item {width:100%; padding:4.17vw; border-radius:1.39vw; align-items:center; } #onlineorder .list_item img {width:11.67vw; margin-right:4.17vw;} #onlineorder .list_item .item_title {font-size:4.44vw; } #onlineorder .list_item .item_explain {margin-top:1.39vw; font-size:3.33vw; letter-spacing:-0.13vw;} #onlineorder .file_cont {margin-top:6.94vw; flex-direction:column; gap:4.17vw 0;} #onlineorder .file_cont .file_box { gap:0 1.39vw;} #onlineorder .file_cont .file_box .file_name {width:62.50vw; height:13.89vw; padding:4.44vw 4.17vw; font-size:3.33vw; border:0.28vw solid #e3e3e3; border-radius:1.39vw; } #onlineorder .file_cont .file_box .file_name.on {} #onlineorder .file_cont .file_box .file_btn {width:27.78vw; height:13.89vw; font-size:4.17vw; border-radius:1.39vw; transition:all .15s ease-in-out; justify- align-items:center; cursor:pointer; pointer-events:inherit;} #onlineorder .file_cont .file_box .file_btn.on { pointer-events:none;} #onlineorder .f_check {margin-top: 4.17vw; padding: 0 4.17%; cursor:pointer;} #onlineorder .f_check { justify- align-items: center; width: 100%; height: 13.89vw; font-size: 4.17vw; padding: 0; border-radius: 1.39vw; } #onlineorder .f_check a{} #onlineorder .f_check.on { cursor:""; } #onlineorder .f_check .check_down{width: 6.11vw; height: 6.11vw; margin: 0 2.78vw 0.14vw 0; } #onlineorder .end_info { align-items: center; margin-top: 4.17vw; line-height: normal;} #onlineorder .end_info .end_info_tit {margin-top: 0; width: 30.14vw; font-size: 4.17vw; } #onlineorder .end_info .end_info_txt {font-size: 3.89vw; } #onlineorder .prepay_content{margin-top:2.78vw; padding: 2.78vw; border-radius: 1.39vw; } #onlineorder .prepay_content .virtual_account_info{ margin-top:0.00vw; padding : 1.39vw 0; } #onlineorder .prepay_content .virtual_account_info h5{font-size:3.89vw;} #onlineorder .prepay_info {margin-top:2.78vw;padding:4.17vw;border-radius: 1.39vw; } #onlineorder .prepay_info .prepay_info_text {width:100%; margin-top: 0; font-size: 4.17vw; } #onlineorder .prepay_info .prepay_info_text:nth-child(2) {margin-top:4.17vw;} #onlineorder .prepay_info .prepay_info_text:nth-child(3) {margin-top:2.78vw;} #onlineorder .prepay_info .prepay_info_text:nth-child(4) {margin-top:1.39vw;font-size: 3.89vw; } #onlineorder .prepay_info hr {margin-top:2.78vw; } #onlineorder .prepay_info .prepay_info_text:nth-child(6) {margin-top:4.17vw;} #onlineorder .prepay_info .prepay_info_text:nth-child(7) {margin-top:1.39vw;font-size: 3.33vw; } #onlineorder .ontel_recommend{margin:4.17vw 4.17vw 0.00vw 4.17vw; padding:4.17vw;border-radius: 1.94vw; border: solid 0.28vw #e3e3e3; } #onlineorder .ontel_recommend p{font-size: 3.61vw; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: normal; } #onlineorder .ontel_recommend p span{} #onlineorder .plan_footer .end_btn {margin-top: 2.78vw;} #overlay{ width: 100.00vw; top:0; height:100%; background: rgba(0,0,0,0.6);} .cv-spinner{ justify- align-items: center; } .spinner{ width: 13.89vw; height: 13.89vw; border: 1.39vw #ddd solid; border-top: 1.39vw #ff5d6a solid; border-radius: 50%; animation: sp-anime 0.8s infinite linear;} .loading{ top: 50%; height: 100%; } .spinner_text {margin-top:1.39vw; font-size:4.17vw; } @keyframes sp-anime { 100% { transform: rotate(360deg); }} .modal-back { top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); } .modal-back div, .modal-back label {} .modal-back .btn-model-close { top:2.08vw; right:4.17vw; width:4.17vw; cursor:pointer;} .modal-back .modal-title {width:100%; height:8.33vw; padding-left:4.17vw; line-height:8.33vw; font-size:2.50vw; border-bottom:0.14vw solid #e3e3e3;} .modal-back .modal-contents {width:100%; padding:4.17vw; font-size:1.94vw; } .modal-back .modal-contents .modal-contents-title {margin-bottom:2.78vw; font-size:2.78vw; } .modal-back .modal-contents .modal-contents-subTitle {margin-bottom:1.39vw; font-size:2.22vw; } .modal-back .modal-subscriber-verification { top:50%; left:50%; width:90.28vw; padding:0; border-radius:1.39vw; background:#fff; transform:translate(-50%, -50%); } .modal-back .modal-subscriber-verification p {font-size : 3.06vw;} .modal-back .modal-subscriber-verification hr {margin-top:2.78vw; border-top:0.00vw ;border-bottom:0.14vw solid #e3e3e3;} .modal-back .modal-subscriber-verification .sv2 {margin-top:2.78vw;} .modal-back .modal-subscriber-verification .sv3 {margin-top:1.39vw;} .modal-back .modal-subscriber-verification .sv4 {margin-top:1.39vw;} .modal-back .modal-subscriber-verification .sv5 {margin-top:4.17vw;} .modal-back .modal-subscriber-verification .sv6 {margin-top:2.78vw;} .modal-back .modal-subscriber-verification .sv7 {margin-top:1.39vw;} .modal-back .modal-subscriber-verification .sv8 {margin-top:1.39vw;} .modal-back .modal-subscriber-verification .f_close {margin-top: 2.78vw; padding: 0 4.17%;} .modal-back .modal-subscriber-verification .f_close a { justify- align-items: center; width: 100%; height: 13.89vw; font-size: 4.17vw; padding: 0; border-radius: 1.39vw; } .modal-back .modal-inicis { zoom: 1.4; top:50%; left:50%; width:69.44vw; padding:0; border-radius:1.39vw; background:#fff; transform:translate(-50%, -50%); } .modal-back .modal-inicis-agree1 { top:50%; left:50%; width:69.44vw; padding:0; border-radius:1.39vw; background:#fff; transform:translate(-50%, -50%); } .modal-back .modal-inicis-agree2 { top:50%; left:50%; width:69.44vw; padding:0; border-radius:1.39vw; background:#fff; transform:translate(-50%, -50%); } .modal-back .modal-subscriber-verification { top:50%; left:50%; width:69.44vw; padding:0; border-radius:1.39vw; background:#fff; transform:translate(-50%, -50%); } .modal-back .modal-contents .modal-contents-title {margin-bottom:2.78vw; font-size:2.78vw; } .modal-back .modal-contents .modal-contents-subTitle {margin-bottom:1.39vw; font-size:2.22vw; } .modal-back .modal-contents .inicis-icons {} .modal-back .modal-contents .inicis-icons:after { clear:both; } .modal-back .modal-contents .inicis-icons li { width:25%; margin-bottom:4.17vw; list-style:none; cursor:pointer;} .modal-back .modal-contents .inicis-icons li input[type=radio] {} .modal-back .modal-contents .inicis-icons li .inicis-icon { width:11.67vw; padding:0; cursor:pointer;} .modal-back .modal-contents .inicis-icons li .inicis-icon img {width:8.61vw; height:8.61vw;} .modal-back .modal-contents .inicis-icons li .inicis-icon .icon-txt {margin-top:1.39vw; font-size:1.94vw; } .modal-back .modal-contents .inicis-icons li input[type=radio]:checked + label {} .modal-back .modal-contents .inicis-icons li input[type=radio]:checked + label:before { background-image:url('/img/inicis/icon_check.png'); background-size : 4.17vw; top:0; left:1.53vw; width:8.61vw; height:8.61vw; padding:2.22vw; border-radius:0.97vw; background-color:rgba(0,0,0,0.4); } .modal-back .modal-contents .agree-box {width:100%; padding:2.08vw 4.17vw; border:0.14vw solid #e3e3e3; border-radius:0.56vw;} .modal-back .modal-contents .agree-box input[type="checkbox"] {} .modal-back .modal-contents .agree-box input[name="check_inicis_all"][type="checkbox"] + label {height:3.06vw; line-height:2.50vw; padding:0.28vw 0 0.28vw 4.86vw; font-size:2.22vw; background:url('/img/inicis/check_off.png') 0 0 no-repeat; background-size:3.06vw 3.06vw; cursor:pointer;} .modal-back .modal-contents .agree-box input[name="check_inicis_all"][type="checkbox"] + label span {font-size:1.67vw; } .modal-back .modal-contents .agree-box input[name="check_inicis_all"][type="checkbox"]:checked + label {background-image:url('/img/inicis/check_on.png'); } .modal-back .modal-contents .sub-agree {padding:2.78vw;} .modal-back .modal-contents .sub-agree .sub-agree-li { margin-bottom:1.39vw;} .modal-back .modal-contents .sub-agree .sub-agree-li label {height:3.06vw; line-height:2.36vw; margin-left:1.39vw; padding:0.28vw 0 0.28vw 4.86vw; font-size:2.22vw; background:url('/img/inicis/check_off.png') 0 0 no-repeat; background-size:3.06vw 3.06vw; cursor:pointer;} .modal-back .modal-contents .sub-agree .sub-agree-li input[type="checkbox"] {} .modal-back .modal-contents .sub-agree .sub-agree-li input[type="checkbox"]:checked + label {background-image:url('/img/inicis/check_on.png');} .modal-back .modal-contents .sub-agree .sub-agree-li img { top:0; right:0; width:3.06vw; cursor:pointer;} .modal-back .modal-contents .confirm-text {padding:8.47vw 0; font-size:1.94vw; } .modal-back .modal-contents .confirm-text b {} .modal-back .modal-contents .confirm-text span { } .modal-back .modal-contents .auth-btn {width:100%; height:6.94vw; line-height:6.94vw; margin:1.39vw 0 0; font-size:2.22vw; border-radius:3.47vw; background:#333; cursor:pointer;} .modal-back .modal-contents .confirm-btn {width:100%; height:6.94vw; line-height:6.94vw; margin:1.39vw 0 0; font-size:2.22vw; border-radius:3.47vw; background:#ff5d6a; cursor:pointer; } .modal-back .modal-contents dl {margin:2.78vw 0;} .modal-back .modal-contents dl dt {margin-top:2.78vw; font-size:2.22vw; } .modal-back .modal-contents dl dd {margin-top:1.39vw; font-size:1.94vw; list-style:disc;} .modal-back .modal-contents dl dd:before { margin-right:0.69vw; } .modal-back .warning-box {width:100%; padding:2.78vw 4.17vw; font-size:1.94vw; background:#f1f1f1;} .modal-back .warning-box .warning-title {font-size:2.22vw; } .modal-back .warning-box .warning-text {margin-top:1.39vw; padding-left:2.78vw;} .modal-back .warning-box .warning-text li {margin-bottom:0.69vw; list-style:disc;} .modal-back .modal-esim { zoom: 1.4; top:50%; left:50%; width:69.44vw; padding:0; border-radius:1.39vw; background:#fff; transform:translate(-50%, -50%); } .modal-back .modal-esim .header_title {line-height:1.56; font-size:4.17vw; letter-spacing:-0.15vw;} .modal-back .modal-esim .header_sub_title {line-height:1.56; font-size:3.33vw; letter-spacing:-0.15vw;} .modal-back .modal-esim .swiper {margin-top:4.17vw;} .modal-back .modal-esim .swiper-esim1 ul li, .modal-back .modal-esim .swiper-esim2 ul li {} .modal-back .modal-esim .swiper-esim1 .swiper-pagination1, .modal-back .modal-esim .swiper-esim2 .swiper-pagination2 {margin-top:2.78vw; } .modal-back .modal-esim .swiper-esim1 img, .modal-back .modal-esim .swiper-esim2 img {width:41.67vw;} .modal-back .modal-esim-model { zoom: 1.4; top:50%; left:50%; width:69.44vw; padding:0; border-radius:1.39vw; background:#fff; transform:translate(-50%, -50%); } .modal-back .modal-esim-model .modal-contents img {width:100%;} .modal-back .modal-move-tel { top:50%; left:50%; width:90.28vw; padding:0; border-radius:1.39vw; background:#fff; transform:translate(-50%, -50%); } .modal-back .modal-move-tel p {font-size : 3.06vw;} .modal-back .modal-move-tel .sv2 {margin-top:2.78vw;} .modal-back .modal-move-tel .sv3 {margin-top:2.78vw;} .modal-back .modal-move-tel .sv4 {margin-top:2.78vw;} .modal-back .modal-move-tel .f_check_next {margin-top: 2.78vw; padding: 0 4.17%;} .modal-back .modal-move-tel .f_check_next a { justify- align-items: center; width: 100%; height: 13.89vw; font-size: 4.17vw; padding: 0; border-radius: 1.39vw 1.39vw 0 0 ; } .modal-back .modal-move-tel .f_close {padding: 0 4.17%;} .modal-back .modal-move-tel .f_close a { justify- align-items: center; width: 100%; height: 13.89vw; font-size: 4.17vw; padding: 0; border-radius: 0 0 1.39vw 1.39vw; } .modal-back .modal-policy { top:50%; left:50%; width:90.28vw; padding:0; border-radius:1.39vw; background:#fff; transform:translate(-50%, -50%); } .modal-back .modal-policy .modal-contents::-webkit-scrollbar {width:1.11vw;} .modal-back .modal-policy .modal-contents::-webkit-scrollbar-thumb{background-color:#e3e3e3} .modal-back .modal-policy .modal-contents::-webkit-scrollbar-track {} .modal-back .modal-policy .modal-contents .title{font-size: 2rem; } .modal-back .modal-policy .modal-contents {max-height:120vh; } .modal-back .modal-policy .modal-contents h3{font-size: 1.6rem; margin-top: 3rem;} .modal-back .modal-policy .modal-contents p{font-size: 1.6rem; margin-top: 3rem; line-height: normal;} .modal-back .modal-policy .modal-contents .mo_b-close{justify- align-items: center; width: 34.72vw; height: 11.11vw; margin: 4.17vw auto 5.56vw ; border-radius: 1.11vw; font-size: 3.89vw;} .modal-back .modal-policy .modal-contents table {width:100% !important; } .modal-back .modal-policy .modal-contents table th, .modal-back .modal-policy .modal-contents table td {border:0.14vw solid black;} }