/* margin */
.mgt_8 {margin-top:8px !important;}
.mgt_10 {margin-top:10px !important;}
.mgt_14 {margin-top:14px !important;}
.mgt_20 {margin-top:20px !important;}
.mgt_30 {margin-top:30px !important;}
.mgt_40 {margin-top:40px !important;}
.mgt_50 {margin-top:50px !important;}

/* padding */
.pdl_0 {padding-left:0px !important;}

/* height */
.hei-80 {min-height:80px !important;}

/* font */
.fs_xs {font-size:13px !important;}
.fs_s {font-size:15px !important;}
.fs_m {font-size:18px !important;}
.fs_xl {font-size:20px !important;}
.fs_xxl {font-size:24px !important;}

.fw_400  {font-weight:400 !important;}
.fw_500  {font-weight:500 !important;}
.fw_600  {font-weight:600 !important;}
.fw_700  {font-weight:700 !important;}
.fw_800  {font-weight:800 !important;}

/* float, clear, blind */
.fn {float:none !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear:after {content:''; display:block; clear:both;}
.blind {position:absolute; left:-9999px; width:1px; height:1px; margin:-1px !important; font-size:0; line-height:0; clip:rect(0 0 0 0);}

/* 공통 style  */
/*body {padding-bottom:70px;}*/
.con_inner.pc_w500{margin: 40px auto 80px;}
input:disabled {color:#aaa}
.center_txt {text-align:center !important;}
.left_txt {text-align:left !important;}
.right_txt{text-align: right;}
.w_50 {width: 50%;}
.w_100 {width:100% !important;}
.flex_wrap {flex-wrap: wrap;}
.txt_s {display:block; color:#555; margin-top:10px; font-size:15px;}
.list_st {border-top:1px solid #333; margin-top:10px;}
.list_st li {border-bottom:1px solid #e8e8e8; padding:12px;}
.list_st li span {color:#aaa; display:inline-block; margin-right:5px;}
.font_ma {font-family:'malgun gothic','맑은 고딕', sans-serif}
.color_red{color:var(--color-main);}
.color_green{color:#14c57b}
.cl_prmy{color:var(--color-main) !important;}
.cl_blue{color:#366DDD !important;}
.sale_point{color: #fff; margin-left: 5px; font-size: 0.8em; background:var(--color-main); padding: 3px 5px; vertical-align: middle; font-size: 14px;}
.home_txt{margin-top: 10px;}
.txt_underline{text-decoration: underline;}
.txt_s{font-size: 15px; color:#777; font-weight: 400; display: block;}
.lg_st{background:#f30070; color:#fff; font-size: 12px; padding:2px 5px; border-radius: 3px; display: inline-block; vertical-align: middle; margin-right: 2px;}

.txt_hr {position:relative; margin-right:6px; padding:0 4px;}
.txt_hr::after {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#666;}

.border-0 {border: 0 !important;}

/* input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
input[type="radio"]+label  {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; width:100%; border-radius:3px; /*background:#F6F4F4;*/ background: #f2f0f0; border:2px solid #f2f0f0; padding:20px; width:100%; text-align:center; margin-bottom:15px; font-weight:500;  font-size:19px; box-sizing:border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-wrap: wrap;}
/* input[type="radio"]:checked+label {background:none; border-color:#000;}
input[type="radio"]+label span{font-size: 0.8em; font-weight: 300; width: 100%;} */ */

/* input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {position:relative; cursor:pointer; font-size:17px; color:#555; padding:15px 15px 15px 45px; display:block;}
input[type="checkbox"] + label:before {content:""; display:inline-block; width:23px; height:23px; border-radius:50%; position:absolute; text-align:center; vertical-align:middle; margin-right:5px; left:12px; top:20px; background:url(../images/njp_check.png) #bbb no-repeat center center; }
input[type="checkbox"] + label div {display:none; margin-top:20px;}
input[type="checkbox"] + label div.active {display:block;}
input[type="checkbox"]:checked + label:before { background:url(../images/njp_check.png) #f1516c no-repeat center center;} */

select {width:150px; padding:10px; border-bottom:1px solid #ddd; margin-right:20px; font-size:20px;}
select option{padding: 5px; font-size: 16px;}

.flex .selectbox{width: 100%; margin-right: 20px;}
.flex .selectbox:last-child{margin-right: 0px;}

input[id=jumin_no2] {
    -webkit-text-security: disc;
}



/* 작업 전 확인해주세요 css */
/*
.comment{position: fixed; right: 100px; top: 10vh; padding: 20px; background:#fed600; max-width: 400px; width: 100%; max-height: 80vh; overflow: auto; z-index: 1000; }
.comment2{background:#ffdada; padding: 20px;}
.comment .comment2{top: 0; right: 0; position: relative; max-height: none;}
.comment h2{font-size: 18px; margin-bottom: 15px; border-bottom: 1px dashed #000; padding-bottom: 15px;}
.comment h2 p{font-weight: normal; margin-top: 5px;}
.comment > ul strong{display: block; font-weight: 500}
.comment > ul > li{list-style: auto; margin-left: 20px; margin-bottom: 10px; font-weight: 777;}
.comment > ul > li > ul{ margin-left: 20px;}
.comment > ul > li > ul > li{list-style:decimal-leading-zero; font-weight: 300}
.comment > ul > li > ul > li > ul{margin-left: 20px;}d
.comment > ul > li > ul > li > ul > li{list-style:circle}
.comment ul li a{color:var(--color-main); font-weight: 500;}
*/
.comment{position: fixed; right: 100px; top: 10vh; max-width: 400px; width: 100%; max-height: 80vh; overflow: auto; z-index: 1000; }
.comment h2{font-size: 18px; padding-bottom: 15px; border-bottom: 1px dashed #000; padding-bottom: 15px; background:#fed600; padding: 20px;}
.comment h2 p{font-weight: normal; margin-top: 5px;}
.comment > ul{background:#fed600; padding: 20px;}
.comment ul.com_box{margin-bottom: 10px;}
.comment ul.com_box:last-child{margin-bottom: 0}
.comment > ul strong{display: block; font-weight: 500}
.comment > ul > li{list-style: auto; margin-left: 20px; margin-bottom: 10px; font-weight: 777;}
.comment > ul > li > ul{ margin-left: 20px;}
.comment > ul > li > ul > li{list-style:decimal-leading-zero; font-weight: 300}
.comment > ul > li > ul > li > ul{margin-left: 20px;}
.comment > ul > li > ul > li > ul > li{list-style:circle}
.comment ul li a{color:var(--color-main); font-weight: 500;}
.comment .comment2{top: 0; right: 0; position: relative; max-height: none;}
.comment.comment2 h2{background: #ffdada;}
.comment.comment2 > ul{background:#ffdada; padding: 20px;}


/* form */
.form_box {position:relative;}
.form_box .form_item {position:relative;}
.form_box .form_item .sub_title {position:relative; width:100%;}
.form_box .form_item .sub_content {position:relative; width:100%;}
.form_box .form_item .sub_content .info {color:#666;}
.form_box .form_item .sub_content .info + .info {margin-top:3px;}
.form_box .form_item .sub_content .badge {padding:4px 10px; font-size:14px; background-color:#e9e9e9; color:#666; border-radius:3px;}
.form_box .form_item .sub_content .plan_name {padding:12px 20px; color:#000; text-align:center; font-size:18px; font-weight:600; background-color:#e6ecfa; border-radius:24px;}
.form_box .form_item .form_layer {position:relative; width:100%;}

.form_box .row_item {display:flex; position:relative; margin-top:8px;}
.form_box .row_item .sub_title {width: 100%; margin:0; font-size:16px; color:#666;}
.form_box .row_item .sub_content {width:100%;}
.form_box .row_item .sub_content .info {color:#666}
.form_box .row_item.payment {margin-top:16px; padding-top:16px; border-top:1px solid #ddd;}

.form_box .top_btn_item {z-index:1; position:absolute; right:0; top:-3px;}
.form_box .top_btn_item .btn_modify {padding:8px 20px; font-size:14px; font-weight:300; background:#333; color:#fff; border-radius:6px;}

/* 버튼 */
.btn_box {text-align:center;}
.btn_box button{margin-right: 10px;}
.btn_box button:last-child{margin-right: 0px;}
.btn_basic {border-radius:5px; background:#F6F4F4; border:1px solid #F6F4F4; text-align: center; padding:20px 40px; font-size:20px; font-weight:600;}
.btn_s {padding:12px 20px; background:none; color:#555; border:1px solid #555; font-size:17px;}
.btn_style.btn_s{border-color:var(--color-main); background-color: var(--color-main); color:#fff;}
/* .btn_style.btn_input{border-color:#000} */
.btn_ss{font-size: 15px !important; background:#f1f1f1; padding: 8px !important; width: auto !important; display: inline-block}
.btn_basic_line {border:2px solid var(--color-main); background:none !important; color:var(--color-main); background:#fff !important;}
.btn_black_line {border:2px solid #000 !important; color:#000 !important; background:#fff !important;}
.btn_red_line {border:2px solid var(--color-main); color:var(--color-main);background:#fff !important;}
.btn_inputst {border-radius:3px; background:#F6F4F4; border:2px solid #F6F4F4; padding:20px; width:100%; text-align:center; margin-bottom:15px; font-weight:500; font-size:17px; box-sizing:border-box;}
.btn_black {background:#333 !important; color:#fff; border-color:#333; min-width:130px;}
.btn_red {border-color:var(--color-main); background:var(--color-main); color:#fff; min-width:100px;}
.btn_underline{padding: 5px; font-weight: bold; font-size: 17px; color:#999; border-bottom: 1px solid #999; display: inline-block}
.btn_view{text-align: center; font-size:15px; color:#999; padding: 10px; background:#f4f4f4; border-radius: 5px; width:100%;}

.nj_next_btn {position:fixed; bottom:0; left:50%; width:100%; max-width:500px; transform:translateX(-50%); padding-bottom:30px; background:#fff;}
.nj_next_btn.static {position:relative; left:inherit; transform:inherit; padding-bottom:0;}
.nj_next_btn button {width:100%; height:70px; background:var(--color-main); color:#fff; border:none; font-size:20px; font-weight:600; margin-bottom:10px; border-radius: 3px;}
.nj_next_btn button:last-child {margin-bottom:0;}
.nj_next_btn .disabled_btn {background:var(--color-main);}
.nj_next_btn .disabled_btn:disabled,
.nj_next_btn button:disabled{background:#ddd;}

.fixed_btn{display: flex; justify-content: space-between}
.fixed_btn .back_btn{width: calc(25% - 10px); display: block; background:#ededed; color:#aaa; margin: 0 }
.fixed_btn .next_btn{width: 75%;}

.btn_st {display:flex; justify-content:center; margin:10px 0;}
.btn_st .btn_icon {width:45px; padding:5px; background:#333; display:flex; align-items:center;margin-right:1px;}
.btn_st .btn_icon img {max-width:100%; width:12px; margin:0 auto}
.btn_st button{margin:0 10px 0 0 !important;}
.btn_st button:last-child{margin-right: 0 !important;}

.btn_contract {display:flex; margin:0 -5px 10px; }
.btn_contract > .btn_basic,
.btn_contract > .btn_basic_line {margin:0 5px;}


/* 레이아웃 */
/* body {background-color:#f7f7fa;} */
.new_wrap {min-height:100vh; max-width:740px; margin:0 auto; background:#fff;}
.order_con {max-width:1200px; display:flex; margin:0 auto;}
.order_wrap {max-width:600px; margin:0 auto 0 auto; padding-bottom: 10px;}
.event_wrap {max-width:600px; margin:0 auto; padding-bottom:30px; width:100%;}
.fullImg{max-width:300px; width:60%; margin:0 auto; display:block;}

.display-gride.radio_tab_box.type4 {display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px;}
.display-gride.radio_tab_box.type4 li {margin: 0;}
.display-gride.radio_tab_box.type4 label {height: 100%;}
.display-gride-02.radio_tab_box.type4 {grid-template-columns: repeat(2, 1fr);}
.display-gride-fix02.radio_tab_box.type4 {grid-template-columns: 90px 1fr;}

.display-usimInfo.radio_tab_box.type4 {grid-template-columns: 50% 1fr;}
.display-usimInfo li.col-full {grid-column: 1 / 3;}


/* header */
.order_top {padding-top:30px; margin-bottom:50px; max-width:600px; margin:0 auto;}
.order_top .ot_title h1 {font-size:32px; display:inline-block; position:relative; left:50%; top:0; transform:translateX(-50%); transition:all 0.3s;}
.order_top.on {position:fixed; top:0; left:50%; transform:translateX(-50%); background:#fff; z-index:100000; max-width:600px; width:100%; display:flex; align-items:center; padding:30px 0;}
.order_top.on .ot_img {width:15px;}
.order_top.on .ot_title {width:calc(100% - 15px); height:30px;}
.order_top.on .ot_title h1 {font-size:20px; margin:0; left:20px; top:0; transform:translateX(0);}


/* 스텝 */
.join_step {display:flex; align-items:center; justify-content:flex-end; padding:0 0 16px 0}
.join_step li {width:12px; height:12px; background:#ddd; border-radius:50%; margin-left:10px; text-indent:-9999px; list-style:none;}
.join_step li.active {width:28px; height:28px; background:var(--color-main); color:#fff; font-size:14px; text-align:center; line-height:28px; text-indent:inherit;}


/* 폼 타이틀 */
.order_box {margin-bottom:50px; position:relative;}
.order_box .cs_title .cs_txt h2{margin-bottom:20px;}
/* .order_box > h3 {font-weight:600; margin-bottom:40px; font-size:26px;}
.order_box > h3 > span {display:block; font-size:17px; color:#797979; margin-top:10px; font-weight:400}
.order_box > h3 > strong {font-size:1em; font-weight:bold;} */


/* 약관동의 */
.cb_checkbox_all{padding-bottom: 16px; margin-bottom: 20px; font-size: 16px; border-bottom: 1px solid var(--border-dark);}
.cb_checkbox_all input[type="checkbox"].check_style + label{font-size:18px; font-weight: 600; color:var(--color-black);}
.agree_con {padding: 16px; border: 1px solid var(--border-light); border-radius: 12px;}
.agree_con .agree_box {position: relative; border-top: 0; border-bottom: 0;}
.agree_con .agree_box .ob_checkbox  input[type="checkbox"].check_style + label{font-size:15px; flex: 1;}
.agree_con .agree_box > li {padding: 0; padding-right: 24px;}
.agree_con .agree_box > li + li {margin-top: 14px;}
.agree_con .agree_box > li:first-child {padding-top: 0;}
.agree_con .agree_box > li .plus {position: absolute; right: 0; width: 28px; height: 28px; padding: 0;}
.check_font{font-size:16px !important; font-weight: 600;}

.order_box.ob_checkbox.obchec_b input[type="checkbox"] {width:20px !important; height:20px !important}
.order_box.ob_checkbox.obchec_b label {font-size:20px; font-weight:bold; vertical-align:middle;}
.order_box.ob_checkbox.obchec_b input[type="checkbox"] + label:before {width:25px; height:25px; top:0; left: -5px;}


/* 사전 준비 안내 */
.adv-notice {padding-bottom: 24px;}
.adv-notice .info-notice-box {padding-top: 6px; border-radius: 8px;}
.adv-notice .info-notice-box .info-title {margin-bottom: 4px; font-size: 16px; font-weight: 700;}
.adv-notice .info-notice-box .info-content li {font-weight: 400;}

.adv-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px;}
.adv-list li {padding: 8px 10px 15px; text-align: center; font-size: 15px; background-color: var(--gray-15); border-radius: 8px;}
.adv-list li .icon-adv {width: 42px; margin: 0 auto;}
.adv-list li .text {width: 100%; font-size: 16px; font-weight: 600; line-height: 1.3;}
.adv-list li .text .detail {display: block; padding-top: 4px; font-weight: 400; font-size: 14px; color: var(--text-secondary);}
.adv-list.col-2{grid-template-columns: repeat(2, 1fr);}

/* 레이어팝업 */
.new_join_popup {z-index:11; width:100%; height:100vh; box-sizing:border-box; position:fixed; top:0; left:0; display:none;}
.new_join_popup.popup_b .njp_inner{max-width: 700px;}
.njp_back {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); /* -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px) */; top: 0; left: 0;}
.njp_inner {background:#fff; max-width:600px; width:100%; position:fixed; border-radius:10px; left:50%; top:50%;transform:translate(-50%,-50%);}
.njp_inner .njp_head {padding:25px; display:flex; align-items:center; justify-content:space-between; font-size:20px; box-sizing:border-box; height:79px;}
.njp_inner .njp_head p {font-size:22px; font-weight:600;}
.njp_inner .njp_head .njp_close_btn {border:none; background:none; cursor:pointer;}
.njp_inner .njp_head .njp_close_btn img {display:block;}
.njp_inner .njp_head.only_btn {width:100%; height:auto; padding:25px 25px 10px 25px;}
.njp_inner .njp_head.only_btn .njp_close_btn {display:block; margin-left:auto;}
.njp_inner .njp_body {padding:25px; max-height:calc(85vh - 149px); overflow-y:auto; padding-top:0;}
.njp_inner .njp_foot {border-radius:0 0 10px 10px; overflow:hidden;}
.njp_inner .njp_foot .njp_btn {width:100%; height:70px; padding:0 20px; background:var(--color-main); color:#fff; border:none; font-size:17px; font-weight:700; text-align:center;}
.njp_inner .njpa_file{display: none;}
.njp_inner .njpa_file .order_form_text{margin: 0; padding-top: 20px;}
.njp_submit_btn, .njp_submit_btn2 {background:#ddd !important;}
.njp_submit_btn.on, .njp_submit_btn2.on {background:var(--color-main);}
.popup_color_box{padding:5px; color:#fff; font-size:14px; border-radius:3px;}
.popup_color_box.green{background:#779b77;}
.popup_color_box.gray{background:#898989;}


/* 버튼 설명글 */
.or_s_txt {margin:20px 0;}
.or_s_txt > li {color:#555; position:relative; padding-left:20px; font-size:17px; list-style:none; margin-bottom:10px;}
.or_s_txt > li:last-child {margin-bottom:0}
.or_s_txt > li:after {display:block; content:""; position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:50%; background:#ccc;}
.or_s_txt > li a { font-size:1em; color:var(--color-main); font-weight:500;}
.or_s_txt > li.point_txt {padding-left:0; color:var(--color-main); margin:10px 0; font-size:17px; font-weight:700}
.or_s_txt > li.point_txt:after {display:none;}
.or_s_txt .orst_bord {color:#333; font-weight:600;}
.or_s_txt .orst_bord:after {background:#333;}
.or_s_txt .orst_bord span {display:block; font-weight:normal; color:#555; margin-top:5px;}
.or_s_txt .onechip_txt{display:none;}
.or_s_txt .onechip_txt.show{display:block;}
.or_s_txt2 {margin-top:10px;}
.or_s_txt2 li {color:#828282;}
.or_s_txt2 li + li{margin-top:5px;}
.njp_inner .or_s_txt {margin:0}

.list_txt li{margin-bottom: 7px; line-height: 1.3;}
.list_txt li:last-child{margin-bottom:0}
.list_txt.typeNum{list-style: auto; padding-left: 20px;}
.list_txt.typeNum li{font-size: 16px; color:#777}


/* 계좌 1원 인증 */
.bank_box{display:flex; justify-content: space-between; align-items: center; background: #f9f9f9; padding: 30px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-bottom: 20px;}
.bank_box .bb_l p{font-size: 20px; font-weight: 600;}
.bank_box .bb_l p span{display: inline-block; background: #ffdada; border: 1px solid #f15f6c; border-radius: 10px; width: 30px; height: 30px; text-align: center; margin-right: 3px; color:#cf1d2c;}
.bank_box b{color:#777; font-size: 14px; margin-bottom: 5px;}
.bank_box .bb_r b{text-align: right; display: block;}
.bank_box .bb_r p{font-size: 18px;}
.bank_box .bb_r p span{color:#1a57ff; font-weight: 600;}


/* 필수 공지사항 */
.phone_check_img {text-align:left; padding:10px ; border-radius:10px; background:#f0f0f6;}
.phone_check_img img {max-width:100px; margin-bottom:10px;}
.phone_check_img button {margin-top:20px;}
.phone_check_img .pci_txt {margin-bottom:10px; padding:0 10px;}
.phone_check_img .pci_txt:last-child {margin-bottom:0px;}
.payIf_box .phone_check_img {text-align:left; padding:20px}
/* .pays_agree input[type="checkbox"] + label:before{top: 15px;} */


/* esim */
.esim_phone_check {margin:15px auto}
.esim_phone_check .epc_rec {width:50px; line-height:50px; text-align:center; background:#e4e4f0; color:#c1c1d8; font-weight:900; font-size:30px; border-radius:50px; margin:10px auto 20px auto;}
.user_phone{margin-bottom: 10px;}
.user_phone button {margin-right:10px;}
.user_phone button:last-child {margin-right:0px;}
.user_phone img {display:inline-block; margin-right:5px; transform:translateY(2px);}
.apple_btn img {width:15px;}
.galaxy_btn img {width:50px;}
.flex_user_phones  {display:flex; flex-wrap:wrap;}
.flex_user_phones li {flex:1 1 40%;}
.flex_user_phones li:nth-child(2n) {margin-right:0;}
.ios_info, .galaxy_info{display: none;}
.order_img_box{text-align: center;}


/* 라디오 탭 */
.pay_agree_box{display: none;}
/* .pay_sel_box, .pay_sel_box2 { display:none;}
.pay_sel_box.back_clear, .pay_sel_box2.back_clear {background:none; padding:0;}
.pay_sel_box img, .pay_sel_box2 img {display:block; margin:0 auto 10px auto;}
.pay_sel_box p, .pay_sel_box2 p {font-weight:600; font-size:18px;}
.pay_sel_box p span, .pay_sel_box2 p span {color:#f1516c}
.pay_sel_box .psb_pays_txt, .pay_sel_box2 .psb_pays_txt {margin-top:15px; padding:15px 10px 0 10px; border-top:1px dashed #e5e5e5;}
.pay_sel_box .psb_pays_txt li, .pay_sel_box2 .psb_pays_txt li {font-size:17px; color:#555; position:relative; padding-left:10px;}
.pay_sel_box .psb_pays_txt li:after, .pay_sel_box2 .psb_pays_txt li:after {position:absolute; left:0; top:0; display:block; content:"·"}
.psb_inner {background:#f9f9f9; padding:20px;}
.order_box.article_s p {font-size:17px;}
.if_radio_margin{margin-top: 100px}
.if_radio_s {display:flex; justify-content:space-between;}
.if_radio_s li {flex:1 1 30%; margin-right:10px;}
.if_radio_s li:last-child {margin-right:0px;}
.if_radio_s label {margin-right:10px;}
.if_radio_s label:last-child {margin-right:0}
.if_radio_s input[type="radio"]+label {padding:15px; position: relative; height: 100%; margin-bottom: 0;}
.pay_img img{width: 60%;}
.card_img{width: 105px; position: absolute; height: 40px; top: -95px; left: 50%; transform: translateX(-50%); display: block;}
.pay_agree_box input[type="checkbox"] + label{font-size: 16px;}
.pay_agree_box input[type="checkbox"] + label:before{top: 17px} */


/* 셀렉트 박스 */
.selectbox{position: relative;}
.selectbox .option_btn{text-align: left; position: relative; padding: 15px 35px 15px 15px; background-color: #f9f9f9;border: 1px solid #efefef; color: #000; font-size: 16px; border-radius: 7px; line-height: normal; text-indent: inherit; height: auto; width: 100%; min-width: 130px;}
.selectbox .option_btn:after{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: block; content: ""; width: 12px; height: 7px; background:url(../images/agree_arrow.png); opacity: 0.4;}
.selectbox .option_list{position: absolute; top: 50px; left: 0; width: 100%; color: #aaa; background: #fff; overflow: hidden; max-height: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 5px; z-index: 10; display:none;}
.selectbox.active .option_list{max-height: 40vh; overflow: auto; padding: 8px 0;}
.selectbox .option_list .option_item{color:#555; padding: 8px 16px 8px 16px; font-size: 17px; cursor: pointer;}
.selectbox .option_list .option_item .plus,
.selectbox .option_list .option_item .sale{position: relative;}
.selectbox .option_list .option_item .plus:after,
.selectbox .option_list .option_item .sale:after{position: absolute; color:#fff; font-size: 12px; padding: 3px 6px; background: var(--color-main); border-radius: 3px; right: -40px; top: -1px; display: block; content: "추천"}
.selectbox .option_list .option_item .sale:after{content: "5%"}
.selectbox .option_list::-webkit-scrollbar {width: 6px;}
.selectbox .option_list::-webkit-scrollbar-track {background: transparent; }
.selectbox .option_list::-webkit-scrollbar-thumb {background: #ddd; border-radius: 45px;}
.selectbox .option_list::-webkit-scrollbar-thumb:hover {background: #ddd;}


/* 운전면허증 */
/* .of_num.drive_num .selectbox{min-width: 120px;}
.of_num.drive_num .input_phone_num input:nth-child(2),
.of_num.drive_num .input_phone_num input:nth-child(6){width: 70px}
.of_num.drive_num .input_phone_num input:nth-child(4){width: 100%;} */


/* form box */
.usim_txt{font-size:25px; font-weight:bold; line-height:50px; display: inline-block; margin-left: 5px;}
.usim_succ{font-size:15px; color:#517ef1; display: block; margin-top: 5px;}
.usim_fail{font-size:15px; color:#e6141b; display: block; margin-top: 5px;}
.small_txt {display:block; font-size:15px; color:#828282; font-weight:400; margin-top:5px;}
.identify{display: flex;}
.identify > label{width:calc(100%/2 - 10px;); margin-right: 10px;}
.identify > label:last-child{margin-right: 0}
/* .order_form_text {margin-top:30px;}
.order_form_text .order_text_st {border:none; border-bottom:1px solid #ddd; display:block; padding:10px 0; font-size:18px; width:100%; font-weight:400; background:none;}
.order_form_text .order_text_st::placeholder {color:#aaa !important; font-size:18px !important;}
.order_form_text .order_text_st:disabled{background:#f4f4f4;}
.order_form_text .order_text_st[type="file"] {font-size:16px;}
.order_form_text .of_num {display:flex; align-items:flex-end;}
.order_form_text .of_num span{padding: 0 10px;}
.order_form_text .order_text_st:focus {border-color:var(--color-main);}
.order_form_text .order_text_st.check_telecom {max-width:120px; margin-right:15px; cursor:pointer;}
.order_form_text .pass{margin-top: 5px; color:#1dbc77; font-weight: 500;}
.order_form_text .none_pass{color:var(--color-main); font-weight: 500;}


.psb_box .order_form_text {margin:10px 0;}
.ob_ttxt {font-size:18px; margin-bottom:5px; display:block;}
.ob_point_check {position:relative; display:inline-block; color:#797979;}
.ob_point_check:after {position:absolute; right:-12px; display:block; content:"*"; color:var(--color-main); top:50%; transform:translateY(-50%);}
.ob_point_check br{display: none;} 
.input_phone_num {display:flex; align-items:center;}
.input_phone_num input {width:calc(100%/3); padding:10px 5px; font-size:20px; position:relative; border:none; border-bottom:1px solid #ddd;}
.input_phone_num input:focus {border-color:#f1516c}
.input_phone_num span {padding:0 10px;}
.order_box .w_flex {display:flex; justify-content:space-between; margin-top:10px; flex-wrap: wrap;}
.order_box .w_flex label {margin-right:10px; margin-bottom: 0; height: 100%;}
.order_box .w_flex label:last-child {margin-right:0}
.order_box .w_flex li {width:calc(50% - 5px); margin-bottom: 10px;}
.check_txt {display:flex; justify-content:space-between; align-items:center;}
.check_txt2 {display:flex; align-items:center:; justify-content:space-between;}
.check_txt2 div label {padding:0 0 0 25px !important;}
.order_box .check_txt2 input[type="checkbox"] + label:before {width:18px; height:18px; top:2px; left:0; background-size:40%;}
.order_box .check_txt2 input[type="checkbox"]:checked + label:before { background-size:40%}
.form_btn_box{margin-top: 5px;}
 */

.point_msg {margin-top:8px; color:var(--color-main); font-size:15px;}


/* 통신사 선택 */
.order_box.article_s input[type="radio"]+label {padding:12px; font-size:15px;}
.order_box.article_s .w_flex li{width: calc(100%/4 - 7px)}
.order_box.article_s .tel_company {display:flex; flex-wrap:wrap; margin-top:20px; justify-content: space-between;}
.order_box.article_s .tel_company img{width: 15px; display: inline-block; vertical-align: middle; transform: translateY(-1px); margin-right: 5px;}
.order_box.article_s .tel_company input[type="radio"]+label {width:calc(100%/3 - 7px);}
.order_box.article_s .tel_company input[type="radio"]+label:nth-child(3n) {margin-right:0;}
.order_box.article_s .tel_company input[type="radio"]+label:last-child {margin-right:0}
.order_box.article_s .tel_box{display: none;}
.order_box.article_s .tel_box ul li button{margin:0 5px 5px 5px;}
.order_box.article_s .tel_box ul li button:first-child{margin-left: 5px;}
.order_box.article_s .tel_box ul li button:last-child{margin-right: 5px;}

/* 개통완료 폼 */
.details_con{background: #F5F7FC; padding: 30px; border-radius: 7px;}
.details_con .top{display: flex; font-size: 20px; justify-content: space-between; align-items: center;}
.details_con .top span{font-size: 1em;}
.details_con .top strong{font-size: 1.1em; font-weight: 800;}
.details_con .details_inner{background: #fff; border-radius: 15px; padding: 30px 0; margin-top: 20px; overflow: hidden}
.details_con .details_inner .pre_price{border-bottom: 1px dashed #eaeaea; margin-bottom: 10px; padding:0 30px 20px 30px;}
.details_con .details_inner .pre_price li{display: flex; justify-content: space-between; margin-bottom: 5px; font-size: 20px; font-weight: 600}
.details_con .details_inner .pre_price li:last-child{margin-bottom: 0;}
.details_con .details_inner .pre_price li span:first-child{color:#555; font-weight: 400}
/* .details_con .details_inner .point_txt{background:#f0f3fa; border: 1px solid #c7cedd; border-radius: 15px; padding: 25px; text-align: center; font-size: 18px; font-weight: 600; margin:0 35px 35px 35px} */
.details_con .details_inner .point_txt{text-align: center; font-size: 18px; font-weight: 600; margin:0 35px 0 35px;}
.details_con .details_inner .point_txt.coupon_txt{margin-bottom:20px;}
.details_con .details_inner .point_txt .point{font-size: 18px;}
.details_con .details_inner .point_txt .event-price{margin-top:10px; font-size:15px; color:#555}
.details_con .details_inner .btn_style{border-radius:0;}
.details_con .details_inner .list_box{margin: 30px 35px 0 35px;}
.details_con .details_inner .list_box.hide{display: none;}
.details_con .details_inner .list_box .list{display: flex; justify-content: space-between; width:100%; margin-bottom: 8px; font-size: 15px; color:#555; line-height: 1.3; align-items: center;}
.details_con .details_inner .list_box .list:last-child{margin-bottom: 0px;}
.details_con .details_inner .list_box .list span{text-align: left; font-size: 1em; color:#525252;}
.details_con .details_inner .list_box .list p{text-align: right; font-size: 1em; font-weight: 500}

.pci_check {text-align:left; background:none; padding:0; margin-top:20px; border-radius:10px; overflow:hidden}
.pci_check > p {font-weight:600; font-size:20px;}
.pci_check > ul > li {width:100%;}
.pci_check > ul > li > ul {display:flex; justify-content:space-between;}
.pci_check > ul > li > ul li {font-size:17px;}
.pci_check > ul > li > ul li:first-child {color:#999}
.receipt_txt { border-bottom:1px solid #ededed;  padding:17px; display:flex; justify-content:space-between; align-items:center;}
.receipt_txt:last-child {margin-bottom:0px; border: none;}
.receipt_txt p {font-size:18px; font-weight:600; text-align: right;}
.receipt_txt span {font-size:17px;}
.receipt_txt span span {color:var(--color-main);}
.receipt_bold {background:#f0f3fa; position: relative; border-color:#dee4f0;}
.receipt_bold p {font-size:18px; font-weight:600;}
.receipt_bold b {font-size:22px; color:#000; font-weight:800;}
.receipt_bold strong {font-size:27px; font-weight:800; display:block; color:var(--color-main);}
.receipt_bold span {font-weight:600; font-size:18px;}
.receipt_bold2 {border-top: 1px solid #ededed !important}
.receipt_bold2 b span {color:var(--color-main);}
.receipt_gray{background:#f7f7f7; border:none;}
.receipt_gray + .receipt_txt.receipt_comment{background:#f7f7f7; padding-top: 0}
.receipt_txt.receipt_comment{background:#fdf6f7; padding: 10px 20px;}
.receipt_txt.receipt_comment p{font-size: 15px; font-weight: 400; color:#555}
.receipt_slide{display: none;}
.list.plus button{background: #333; color:#fff; border:none; padding: 3px 7px; border-radius: 5px; display: inline-block; margin-left: 3px; font-size: 0.9em; transform: translateY(-1px)}
.list .esim_plus{margin: 0 auto; padding:10px; background:#fff; width: 100%; font-size: 16px; line-height: 1.3; height: auto; color:#555; transition: all 0.3s; border-bottom: 1px solid #ededed; font-weight: 600}
.list .esim_plus:hover{background: #ededed;}

.details_inner .slide_box{padding: 15px 20px; background: #f7f7f7; border-radius: 15px; display:none; width: calc(100% + 20px); margin-left: -10px;}
.details_inner .slide_box hr{opacity: 0.2; margin: 13px 0;}

.details_inner .slide_box2{padding: 15px 20px; background: #f7f7f7; border-radius: 15px; display:block; width: calc(100% + 20px); margin-left: -10px;}
.details_inner .slide_box2 hr{opacity: 0.2; margin: 13px 0;}



/* 제휴카드 */
.partner_card_box > div {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:5px;}
.partner_card_box > div a {color:var(--color-main); font-size:18px; font-weight:500; text-align:right; min-width:120px;}


/* popup.php */
.njp_alert {text-align:center;}
.njp_alert .title {font-size:24px; font-weight:700; margin-top:10px;}
.njp_alert .title+.desc {margin-top:20px;}
.njp_alert .desc {font-size:18px; font-weight:500; margin-top:5px; color:#828282;}
.njpa_txt {font-size:18px; margin-bottom:10px;}
.njpa_txt2 {font-size:22px; font-weight:500; margin:50px 0 20px 0;}
.njpa_txt2 span {color:var(--color-main);}
.njpa_table {margin-bottom:20px;}
.njpa_table p {font-size:16px;}
.njpa_table li {display:flex; flex-wrap:wrap; width:50%; justify-content:space-between; width:100%; padding:10px; border-bottom:1px solid #ddd;}
.njpa_table li:first-child {background:#333; padding:10px; justify-content:center; border-bottom:none; color:#fff;}
.njpa_table li:last-child {border-color:#333}
.njpa_table li span {text-align:right}
.njpa_table .over_flex{display:flex; justify-content: space-between;}
.njpa_table .over_flex .status_list p{margin-right: 5px;}
.njpa_table .over_flex .status_list p:last-child{margin-right: 0px;}
.njp_alert strong span {font-size:1em;}
.njpa_txt_box {margin:15px 0;}
.njpa_txt_box strong {font-size:18px; font-weight:500}
.njpa_txt_box strong span {font-size:1em; position:relative; z-index:100;}
.point_txt_box {position:relative; display:block; margin:5px 0}
.point_txt_box span {display:inline-block !important;}
.njpa_txt_box button {margin-top:10px;}
.njpa_txt_box2 {background:#F6F4F4; padding:20px; margin:20px 0;}  
.njpf_nor {font-size:18px; font-weight:500;}
.njpf_b {font-size:20px; font-weight:600;}
.njpf_s {font-size:16px; font-weight:400; color:#555; margin:3px 0;}
.njp_list > li {border-bottom:1px dashed #d7d7d7; padding:10px}
.njp_list > li:first-child {border-top:1px solid #000;}
.njp_list > li:last-child {border-bottom:1px solid #aaa}
.njp_list > li > ul{margin-left: 20px;}
.njp_list > li > ul li{padding-top: 5px;}
.njpa_txt_box2 p { font-size:17px;}
.num_agree_box h2 {font-size:23px;}
.num_agree_box h2 + span {font-size:17px;}
.num_agree_box .njpa_txt_box2 {margin:10px 0;}
.num_agree_box .njpa_txt_box2 p { font-size:20px; font-weight:700; text-align:center;}
.num_agree_box .njpa_txt_box2 p span {color:var(--color-main);}
.num_agree_box button {background:#3d3d3d; color:#fff; border:none; border-radius:3px; font-size:15px; padding:5px 10px; font-weight:300;}
.popup_point_txt {color:#f1516c}
.njpa_txt_box3 {border:1px solid #d7acb5; background:#fef2f2; border-radius:5px; overflow:hidden;}
.njpa_txt_box3 strong {color:var(--color-main); padding:12px 15px; font-size:18px; display:block; font-weight:600}
.njpa_txt_box3 p span {color:#828282; font-size:16px; display:block; margin-top:5px; border-bottom:1px dashed #ddd; margin-bottom:10px; padding-bottom:10px;}
.njpa_txt_box3 p {font-size:18px; font-weight:400; background:#fff; padding:10px 20px; line-height:1.6;}
.njp_title {font-size:20px; font-weight:600; margin-bottom:10px;}
.njpa_margin_b{margin-bottom: 30px;}


/* 핸드폰 정보 */
.phone_data{margin-top: 10px;}
.phone_data h4{font-size:18px;}
.phone_data h4 span{font-weight: 300; color:#dadada; margin: 0 5px; display: inline-block; font-size: 10px; vertical-align: middle;}
.phone_data_img{display: flex; justify-content: space-between;}
.phone_data_img > div{padding: 10px; background:#f4f4f4; border-radius: 7px; margin-right: 10px;}
.phone_data_img > div:last-child{margin-right: 0}
.phone_data_img div p{margin-bottom: 10px; text-align: center; font-weight: 500}
.phone_data_img div p span{display: block; width: 20px; height: 20px; background:#333; color:#fff; line-height: 20px; font-size: 13px; font-weight: 300; border-radius: 50px; margin: 5px auto}
.phone_data_img div img{display: block;}


/* 신규 번호조회 */
.pns_box {display:none;}
.pns_box span {display:block; width:100%;}
.pns_box_inner {display:flex; flex-wrap:wrap; max-height:220px; overflow:auto;}
.pns_box_inner input+label{background: #f2f0f0; border: 2px solid #f2f0f0; text-align: center; cursor: pointer; border-radius:3px; font-weight: 500;}
.pns_box_inner input:checked+label{background: none; border-color:#000;}
.order_box .pns_box input[type="radio"]+label {padding:10px; width:calc(100%/3 - 10px); font-size:16px; margin-bottom:10px; margin-right:10px;}
.phone_num_select {margin-top:20px}
.phone_num_select > p {padding:40px; text-align:center; background:#f7f7f7;}
.phone_num_select > span {display:block; margin-bottom:10px;}
.phone_num_select > ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.phone_num_select > ul li {padding:10px; border-bottom:1px solid #eaeaea; font-size:18px; width:calc(100%/2 - 10px);}


/* 선불 충전 */
.freepay_box {margin-top:30px; background:#f7f7f7; padding: 0 20px;}
.fb_input_st {display:flex; justify-content:space-between; width:100%; align-items:center; padding: 15px 0;}
.fb_input_st.bold_st{margin:0 auto; padding-top: 0px;}
.fb_input_st.bold_st label{font-size: 18px; font-weight:bold; color:#000}
.fb_input_st.bold_st input{font-size: 1em; color:#777;}
.fb_input_st label {font-size:16px; color:#777; width: 50%;}
.fb_input_st input {border:none; width:50%; font-size:16px; text-align:right; background:none; color:#777}
.fb_input_st .sale{color:var(--color-main); margin-left: 5px; font-size: 0.8em; border:1px solid var(--color-main); padding: 3px 5px; vertical-align: middle}
.fb_input_st .price{color:var(--color-main); font-size: 1.1em; font-weight: 600}


/* 리스트,표 */
.list_table .lt_head {border-top:1px solid #333; background:#333;}
.list_table .lt_head .ltb_box > div {border-color:#777;}
.list_table .lt_head .ltb_box > div p {color:#fff}
.list_table .ltb_box {display:flex; border-bottom:1px solid #eaeaea; text-align:center;}
.list_table .ltb_box > div {width:calc(100%/3); padding:15px 10px; border-right:1px solid #eaeaea; display:flex; align-items:center; justify-items:center}
.list_table .ltb_box > div:last-child {border-right:none;}
.list_table .ltb_box > div p {width:100%; font-size:16px; font-weight:500;}
.table_box {overflow:auto; }
.table_st {border:1px solid #eaeaea; width:100%; table-layout:auto; white-space:nowrap;}
.table_st td, .table_st th {border:1px solid #eaeaea; padding:10px; text-align:center;}
.table_st th {background:#333; color:#fff;}
.table_st td {font-size:14px;}


/* page-error */
.page-error {padding-top:15vh; text-align:center;}
.page-error .title {font-size:24px; font-weight:700; margin-top:10px;}
.page-error .title+.desc {margin-top:20px;}
.page-error .desc {font-size:18px; font-weight:400; margin-top:5px; color:#828282;}
.page-error .desc_point {display:block; margin-top:30px; font-size:20px; font-weight:500; color:#f1516c}
.page-error + .btn-box {margin-top:50px;}
.page-error .reason_text {display:inline-block; margin:30px 0; padding:3px 10px; color:var(--color-main); font-weight:600; font-size:20px; background-color:rgba(255,242,155,0.5);}
.page-error .reason_text > strong {font-weight:inherit; font-size:inherit; color:inherit;}

.cs_box  {margin:20px 0 0; border:1px solid #ddd; border-radius:3px; overflow:hidden;}
.cs_box dl  {display:flex; align-items:center; width:100%;  padding:20px; border-bottom:1px dashed #ddd;}
.cs_box dl:last-child  {border-bottom:0;}
.cs_box dl+dl  {border-bottom:none;}
.cs_box dt {flex-shrink: 0; position:relative; width:92px; font-weight:700; font-size:16px; text-align:left; vertical-align:middle;}
.cs_box dt::after  {content:""; position: absolute; right:0; margin:8px 16px; width:1px; height:12px; background:#ddd; display:inline-block; vertical-align:middle;} 
.cs_box dd  {position:relative; font-weight:400; font-size:16px; text-align:left; vertical-align:middle; color:#404040;}


/* 본인인증 */
.icon_certified {display:flex; justify-content:center; flex-wrap:wrap; margin-top:20px;}
.icon_certified img {display:inline-block; width:50px; height:auto; margin:0 7px;}
.identify_box{display: flex;}
.icon-identify{display: inline-block; vertical-align: middle; margin-right: 10px;}
.icon-identify img{display: block; max-width:40px;}
.radio_tab_box.type4 input[type="radio"].radio_style + label.sign_list{padding: 15px; margin-bottom: 10px;}
.radio_tab_box.type4 input[type="radio"].radio_style + label.sign_list:last-child{margin-bottom: 0;}
.radio_tab_box.type4 input[type="radio"].radio_style:checked + label.sign_list.kakao{background: #fffff5; border-color:#ffc000; color:#ffc000;}
.radio_tab_box.type4 input[type="radio"].radio_style:checked + label.sign_list.toss{background: #f3f9ff; border-color:#1a57ff; color:#1a57ff;}
.radio_tab_box.type4 input[type="radio"].radio_style:checked + label.sign_list.pass{background: #fff1f1; border-color:#fd3a49; color:#fd3a49;}

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

#bg-auth {width: 100%; height: 220px; margin: 0 auto;}
#bg-auth.bg-toss {background: url(../images/bg_auth_toss.png) no-repeat center; background-size: contain;}
#bg-auth.bg-kakao {background: url(../images/bg_auth_kakao.png) no-repeat center; background-size: contain;}
#bg-auth.bg-pass {background: url(../images/bg_auth_pass.png) no-repeat center; background-size: contain;}

/* 로딩 */
#loading_wrap {display:none;}
.loading_box{display: flex; flex-direction:column; width: 100vw; height: 100vh; position: fixed; z-index: 100000; background:rgba(255,255,255,0.5); align-items: center; justify-content: center; left: 0; top: 0;}
.superballs { --uib-size: 45px; --uib-speed: 1.4s; --uib-color: black; position: relative; display: flex; align-items: center; justify-content: center; height: var(--uib-size); width: var(--uib-size);}
.superballs_dot {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.superballs_dot::before { content: ''; height: 30%; width: 30%; border-radius: 50%; background-color: var(--uib-color); will-change: transform; flex-shrink: 0;}
.superballs_dot:nth-child(1) {transform: rotate(45deg);}
.superballs_dot:nth-child(1)::before {animation: orbit var(--uib-speed) linear calc(var(--uib-speed) * -0.143) infinite;}
.superballs_dot:nth-child(2) {transform: rotate(-45deg);}
.superballs_dot:nth-child(2)::before {animation: orbit var(--uib-speed) linear calc(var(--uib-speed) / -2) infinite;}


@keyframes orbit {
  0% {
	transform: translate(calc(var(--uib-size) * 0.5)) scale(0.73684);
	opacity: 0.65;
  }
  5% {
	transform: translate(calc(var(--uib-size) * 0.4)) scale(0.684208);
	opacity: 0.58;
  }
  10% {
	transform: translate(calc(var(--uib-size) * 0.3)) scale(0.631576);
	opacity: 0.51;
  }
  15% {
	transform: translate(calc(var(--uib-size) * 0.2)) scale(0.578944);
	opacity: 0.44;
  }
  20% {
	transform: translate(calc(var(--uib-size) * 0.1)) scale(0.526312);
	opacity: 0.37;
  }
  25% {
	transform: translate(0%) scale(0.47368);
	opacity: 0.3;
  }
  30% {
	transform: translate(calc(var(--uib-size) * -0.1)) scale(0.526312);
	opacity: 0.37;
  }
  35% {
	transform: translate(calc(var(--uib-size) * -0.2)) scale(0.578944);
	opacity: 0.44;
  }
  40% {
	transform: translate(calc(var(--uib-size) * -0.3)) scale(0.631576);
	opacity: 0.51;
  }
  45% {
	transform: translate(calc(var(--uib-size) * -0.4)) scale(0.684208);
	opacity: 0.58;
  }
  50% {
	transform: translate(calc(var(--uib-size) * -0.5)) scale(0.73684);
	opacity: 0.65;
  }
  55% {
	transform: translate(calc(var(--uib-size) * -0.4)) scale(0.789472);
	opacity: 0.72;
  }
  60% {
	transform: translate(calc(var(--uib-size) * -0.3)) scale(0.842104);
	opacity: 0.79;
  }
  65% {
	transform: translate(calc(var(--uib-size) * -0.2)) scale(0.894736);
	opacity: 0.86;
  }
  70% {
	transform: translate(calc(var(--uib-size) * -0.1)) scale(0.947368);
	opacity: 0.93;
  }
  75% {
	transform: translate(0%) scale(1);
	opacity: 1;
  }
  80% {
	transform: translate(calc(var(--uib-size) * 0.1)) scale(0.947368);
	opacity: 0.93;
  }
  85% {
	transform: translate(calc(var(--uib-size) * 0.2)) scale(0.894736);
	opacity: 0.86;
  }
  90% {
	transform: translate(calc(var(--uib-size) * 0.3)) scale(0.842104);
	opacity: 0.79;
  }
  95% {
	transform: translate(calc(var(--uib-size) * 0.4)) scale(0.789472);
	opacity: 0.72;
  }
  100% {
	transform: translate(calc(var(--uib-size) * 0.5)) scale(0.73684);
	opacity: 0.65;
  }
}


/* 셀프 개통 */
.ord_receipt_con .receipt_title{display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #000; margin: 30px 0 10px 0; padding-bottom:10px}
.ord_receipt_con .receipt_title h2{font-size: 20px;}
.ord_receipt_con .receipt_title span{font-size: 22px; font-weight: bold;}
.ord_receipt_con .receipt_table_box{display:none;}
.receipt_table_box .text{font-size: 17px; margin: 10px 0}
.receipt_table_box .text strong{font-weight: bold;}
.receipt_table_box .receipt_table tr{border-bottom: 1px solid #e9e9e9;}
.receipt_table_box .receipt_table tr:first-child{border-top: 1px solid #e9e9e9;}
.receipt_table_box .receipt_table td{padding:12px 20px;}
.receipt_table_box .receipt_table td:nth-child(odd){background:#fafafa;}
.receipt_table_box .receipt_table td:nth-child(even){text-align: right; font-weight: bold}
.howto_esim{margin: 50px 0 100px 0;}
.howto_esim h2{text-align: center; font-weight: 200; font-size: 25px; margin-bottom: 10px;}
.howto_esim ul{background: #f9f9f9; padding:15px; border-top: 3px solid var(--color-main);}
.howto_esim ul li{margin:5px 0; font-size: 17px; text-align: center}
.howto_esim ul li span{width: 20px; height: 20px; border-radius: 50px; background:#333; color:#fff; font-size: 12px; display: inline-block; text-align: center; line-height: 20px; margin-right: 10px; vertical-align: middle}
.howto_esim ul li.esim_qrcode{max-width: 200px; width: 100%; padding: 10px; background: #fff; border-radius: 10px; margin:20px auto 5px auto;}
.howto_esim ul li.esim_qrcode *{width: 100%; display: block;}
.api_con .check_api{display: flex; align-items: center; flex-wrap: nowrap; padding: 15px; background: #f9f9f9; border: 1px solid #efefef; border-radius: 7px; margin-bottom: 10px;}
.api_con .check_api .agree_title{margin-left: 5px;}


/* 셀프개통 ars 인증 */
.ars_box{text-align: center; border: 3px solid #ededed; border-radius: 10px; padding: 30px;}
.ars_btn{text-align: center; cursor: pointer;}
.ars_box .ars_num{font-size: 23px; font-weight: 700; color:#333}
.ars_list{max-height: 350px; overflow: auto; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; margin-top: 10px; display: none;}
.ars_list > li > ul{display: flex; border-bottom: 1px solid #ededed;}
.ars_list > li > ul > li{padding: 10px; width: calc(100%/2); text-align: center;}
.ars_list > li > ul > li:last-child{color:#209dec; font-weight: 600;}


/* 완료페이지*/
.page_content {padding:30px; border:1px solid #ddd; border-radius:12px;}
.page_content.none {padding:0; border:0; border-radius:0;}
.page_content + .page_content {margin-top:20px;}
.page_content .title {margin-bottom:16px; font-weight:600; font-size:20px;}
.page_content .ing_step {position:relative; width:100%; margin-top:20px;}
.page_content .ing_step:after {content:""; display:block; position:absolute; left:12px; top:2px; width:1px; height:92%; background-color:#ddd;}
.page_content .ing_step li {position:relative; padding-left:30px; color:#666; font-size:16px; font-weight:400;}
.page_content .ing_step li + li {margin-top:6px;}
.page_content .ing_step li > span {z-index:1; position:absolute; top:2px; left:2px; width:20px; height:20px; font-size:13px; text-align:center; line-height:20px; background-color:#ddd; color:#666; border-radius:25px;}
.page_content .btn_basic {margin-top:20px; padding:15px 20px}
.page_content .inner_notice {width:100%; margin-top:16px; border-radius:6px; padding:15px; background:#f6f6f6;}
.page_content .inner_notice li {position:relative; padding-left:12px; font-weight:500; font-size:15px; color:#898989; line-height:1.5; word-break:break-all;}
.page_content .inner_notice li + li {margin-top:4px}
.page_content .inner_notice .dot_list li {padding-left:10px;}
.page_content .inner_notice .dot_list li::before {content:""; position:absolute; left:0; top:8px; width:3px; height:3px; background:#666; border-radius:50%;}

.completion_path {margin:30px 0 20px;}
.completion_path .loading_static {display: flex; justify-content: center; background:rgba(255,255,255,0.5);}
.completion_path .msg_title {margin-top:16px; text-align:center;}
.completion_path .msg_title .title {margin-bottom:10px; font-weight:700; font-size:24px;}
.completion_path .msg_title .title_desc {font-weight:500; font-size:18px; color: #6779b6;}
.completion_path .msg_tip {margin-top:30px; padding:20px; color:#666; border:1px solid #ddd; border-radius:16px;} 
.completion_path .ico_delivery {width:64px;}
.completion_path .notice_list {width:100%; margin-top:50px;}
.completion_path .notice_list li {position:relative; padding-left:12px; font-weight:500; font-size:15px; color:#898989; line-height:1.5; word-break:break-all;}
.completion_path .notice_list li + li {margin-top:4px}
.completion_path .notice_list .dot_list li {padding-left:10px;}
.completion_path .notice_list .dot_list li::before {content:""; position:absolute; left:0; top:8px; width:3px; height:3px; background:#666; border-radius:50%;}

.join_banner{margin-bottom: 10px;}
.join_banner img{max-width: 100%;}

/* mno 완료페이지 */
.mno-compself {text-align: center; margin-top: 30px;}
.mno-compself .text1 {margin-bottom: 16px; font-weight: 600; font-size: 17px; color: var(--color-main);}
.mno-compself .text2 {margin-bottom: 30px; font-weight: 500; color: #6779b6;}

/* lg인터넷결합 */
.completion_lgt_combine {margin:0; text-align:center;}
.completion_lgt_combine .title {font-weight:600; font-size:20px; line-height:1.5;}
.completion_lgt_combine .msg_content {display:inline-block; margin:25px 0 30px; padding:35px 50px; background-color:#f2f4f6; border-radius:12px;}
.completion_lgt_combine .msg_content .icon_giftbox {display:inline-block; width:42px; margin-bottom:10px;}
.completion_lgt_combine .msg_content .event_main {font-size:18px; font-weight:600; line-height:1.5;}
.completion_lgt_combine .msg_content .event_main .cl_prmy {font-size:24px;}
.completion_lgt_combine .msg_content .event_sub {margin-top:15px; font-size:16px; font-weight:600; color:#666; word-break:keep-all;}
.completion_lgt_combine .msg_tip {margin-bottom:20px; font-size:18px; color:#666; font-weight:600;} 

/* 쿠폰팩 */
.couponpack-wrap {margin-top:20px;}
.couponpack-wrap .img_gift {flex-shrink:0; width:92px; height:92px; margin-right:20px; border-radius:6px; overflow: hidden;}
.couponpack-wrap .info {display:flex; flex-wrap:wrap; width:100%; padding-right:96px;}
.couponpack-wrap .info .title {width:100%; padding-bottom:6px;}
.couponpack-wrap .info .price {margin-right:auto; font-weight:700; font-size:18px; color:var(--color-main);}
.couponpack-wrap .info .btn-detail {position:absolute; top:50%; right:20px; margin-left: auto; padding:10px 20px; font-weight:400; font-size: 15px; color:#000; color:#666; border-radius: 16px; transform:translateY(-50%);}
.couponpack-wrap .info .btn-detail::after {content:""; display:block; position:absolute; right:10px; top:50%; width:5px; height:5px; border-top:2px solid #666; border-right:2px solid #666; transform:translateY(-50%) rotate(45deg);}


/******************************************************************/
/******************************************************************/
/* rink.php */
.rink_con h2 {font-size:27px; font-weight:700; text-align:center; padding:40px 0 20px 0;}
.rink_con h2 span {color:var(--color-main);}
.tel_list li .tl_box {display:flex; justify-content:space-between; font-size:18px; align-items:center;}
.tel_list li .tl_box .tlb_l {color:#555; font-size:16px;}
.tel_list li .tl_box .tlb_r {font-weight:700;}



@media screen and (max-width:700px)  {
	/* font */
	.fs_xs {font-size:11px !important;}
	.fs_s {font-size:13px !important;}
	.fs_m {font-size:15px !important;}
	.fs_xl {font-size:18px !important;}
	.fs_xxl {font-size:20px !important;}
		
    
    .comment{display: none;}
    
    .m_w100 > *{ margin: 0; width: 100% !important;}
    
	/* 공통 style  */
	.con_inner.pc_w500{margin: 20px auto 80px;}
    .order_box{margin-bottom: 30px;}
    .order_box input[type="radio"] + label {padding:16px; margin-bottom:10px; font-size:17px;}
    /* .order_box .cs_title .cs_txt h2{margin-bottom: 25px;} */
    .order_box input[type="radio"] + label b{margin-left: 5px;}
    input[type="checkbox"] + label:before{top: 9px; left: 5px;}
    .small_txt {font-size:14px; margin-top:2px;}
    
    /* form */
    .form_box .form_item .sub_content .info {font-size:15px;}
    .form_box .form_item .sub_content .badge {padding:3px 8px; font-size:13px;}
	.form_box .form_item .sub_content .plan_name {padding:8px 10px; font-size:16px;}
	
	.form_box .row_item .sub_title {font-size:15px;}
	.form_box .row_item .sub_content .info {font-size:15px;}
    
	.form_box .top_btn_item .btn_modify {padding:6px 15px; font-size:13px;}
	
	
	/* 버튼 */
	.btn_basic {font-size:16px; padding: 15px 20px}
	.nj_next_btn {width:calc(100% - 20px); padding-bottom:10px;}
	.nj_next_btn.static {width:100%;}
	.nj_next_btn button {height:50px; font-size:15px; font-weight: 500}
	.btn_s {font-size:14px; padding:10px;}
	.btn_st .btn_icon {width:38px;}
	.btn_st .btn_icon img {width:10px;}
	.btn_contract {display:block; margin:0 0 10px 0;}
	.btn_contract > .btn_basic,
	.btn_contract > .btn_basic_line {margin:0 0 10px 0;}
    
  /* 레이아웃 */
  .new_wrap {padding:10px 16px;}
  .display-usimInfo.radio_tab_box.type4 {grid-template-columns: 120px 1fr;}
  
	/* header */
	.order_top {display: none;}
    .order_top .ot_title h1 {font-size:23px;}
    .ot_img button{margin-top: 10px; width: 10px;}
	
	/* 스텝 */
    .join_step li {width:10px; height:10px;}
    .join_step li.active {width:20px; height:20px; font-size:12px; line-height:20px;}
    
    /* 폼 타이틀 */
    .order_box > h3 {margin-bottom:30px; font-size:22px;}
    .order_box > h3 > span {font-size:17px; margin-top:5px}
	
	/* 레이어팝업 */
    .njp_inner {width:calc(100% - 40px);}
    .njp_inner .njp_head {padding:15px; height:50px;}
    .njp_inner .njp_head p {font-size:17px;}
    .njp_inner .njp_body {padding:0 20px 15px 20px;}
	.njp_inner .njp_foot .njp_btn {height:55px; padding:0 10px; font-size:15px;}
    .njp_title{font-size: 17px;}
    .alert_icon img{width: 30px;}
    .njpf_b{font-size: 16px;}
    .njpf_nor{font-size: 15px;}
    .njpf_s{font-size: 13px;}
    .njpa_txt_box{margin: 10px 0}
    .njpa_margin_b{margin-bottom: 20px;}
    .njpa_txt_box strong{font-size: 16px;}
    .njpa_txt_box2{padding: 15px; margin: 10px 0; font-size:14px;}
    .njpa_txt_box2 p{font-size: 15px;}
    .njpa_txt_box3 strong{font-size: 16px;}
    .njpa_txt_box3 p{padding:10px 15px; font-size: 15px;}
    .njpa_txt_box3 p span{margin: 0 0 5px 0; padding:0 0 7px 0; font-size: 14px; line-height: 1.3;}
	.njpa_table li{font-size: 15px;}
	.njpa_table p{font-size: 1em}
	
	/* 버튼 설명글 */
    .or_s_txt{margin:10px 0}
    .or_s_txt li{font-size:15px; margin-bottom:5px; padding-left: 12px;}
    .or_s_txt li:after{top: 7px;}
    .or_s_txt2 li {font-size:15px;}
    .or_s_txt li.point_txt {font-size:15px; margin-bottom:5px;}
    .or_s_txt li.point_txt .point{ font-size:17px;}
	
	/* 필수 공지사항 */
	.phone_check_img {padding:10px;}
    .phone_check_img .pci_txt{padding: 0 5px}
    .phone_check_img .pci_txt_list li {font-size:15px;}
	.pays_agree input[type="checkbox"] + label:before{top:10px;}
	
    /* esim */
    .esim_phone_check {margin:0; padding:15px;}
    .esim_phone_check .epc_rec {margin:0 auto 10px auto;}
    .order_img_box{padding:10px; position:relative;}
    
    /* 라디오 탭 */
    .pay_sel_box p, .pay_sel_box2 p {font-size:15px;}
    .pay_sel_box .psb_pays_txt li, 
	.pay_sel_box2 .psb_pays_txt li {font-size:14px;}
    .if_radio_margin{margin-top: 50px}
    .if_radio_s input[type="radio"]+label {padding:10px 5px; font-size: 15px}
    .card_img{width: 60px; top: -55px;}
    
    /* 신규버튼 조회 */ 
    .phone_num_select > p {font-size:15px; padding:15px;}

    /* 셀프 개통 */
    .howto_esim h2{font-size:18px;}
    .howto_esim ul li{font-size: 15px;}
    .howto_esim ul li span{width:17px; height: 17px; line-height:18px; font-size:11px; margin-right: 5px;}
    
    /* 제휴카드 */
    .partner_card_box > div a {font-size:15px;}
    .partner_card_box ul li {font-size:14px;}
    
    /* form box */
    .ob_point_check br{display: block;}
    /* .order_form_text .of_num span {margin:0; padding:0 5px;}
	.order_form_text .of_num .btn_s{padding: 6.5px;}
    .order_form_text input {font-size:17px;}
    .order_form_text .order_text_st {font-size:17px; padding: 5px 0;}
    .order_form_text .order_text_st[type="file"] {font-size:15px;}
    .order_form_text .order_text_st::placeholder {font-size:16px !important;}
    .b_ttxt, 
    .ob_ttxt {font-size:18px;} */
    .usim_txt{font-size:18px;}
    
    /* 셀렉트 박스 */
    .selectbox .option_btn{font-size: 14px; min-width: 100px;}
	.selectbox .option_list{top: 40px;}
    .selectbox .option_list .option_item{font-size: 15px; padding: 5px 10px;}
    
    /* 운전면허증 */
    .of_num.drive_num .selectbox{min-width: 90px;}
    .of_num.drive_num .input_phone_num input:nth-child(2),
    .of_num.drive_num .input_phone_num input:nth-child(6){width: 50px}
    
    /* 통신사 선택 */
    .order_box.article_s p {font-size:15px;}
    .order_box.article_s .tel_company {margin-top:10px;}
    .order_box.article_s .tel_company input[type="radio"]+label {font-size:14px; padding:10px; width:calc(100%/3 - 4px); margin-right:6px;}
	

    /* 신규 번호조회 */
    .order_box .pns_box input[type="radio"]+label {width:calc(100%/2 - 10px); font-size:14px; margin-right:10px;}
    .order_box .pns_box input[type="radio"]+label:nth-child(4n) {margin-right:0;}
    
    /* 사전 준비 안내 */
    .adv-notice {padding-bottom: 20px;}
    .adv-notice .info-notice-box .info-title {font-size: 15px;}
    .adv-list li .text {font-size: 15px;}
    .adv-list li .text .detail {font-size: 13px;}

    /* 약관동의 */
    /* .agree_con{margin-top: 10px;} */
    .cb_checkbox_all input[type="checkbox"].check_style + label{font-size:16px;}
    .agree_box .ob_checkbox input[type="checkbox"].check_style + label{font-size: 15px;}
    
    .order_box.ob_checkbox.obchec_b label {font-size:16px; padding-left:45px; padding:20px 0 30px 35px;}
    .order_box.ob_checkbox.obchec_b input[type="checkbox"] + label:before {width:22px; height:22px; top:20px;}
    
    /* 개통완료 폼 */
    .receipt_txt  {padding:10px;}
    .receipt_txt span {font-size:15px; min-width: 120px;}
    .receipt_txt p {font-size:15px;}
    .receipt_bold strong {font-size:17px;}
    .pci_check {padding:0;}
    .details_con{padding: 15px;}
    .details_con .top{font-size: 16px; flex-wrap: wrap; text-align: center;}
    .details_con .top span{width: 100%;}
    .details_con .top strong{width: 100%;}
    .details_con .details_inner{padding: 18px 0; margin-top: 10px;}
    .details_con .details_inner .pre_price{margin-bottom: 10px; padding:0 15px 15px 15px;}
    .details_con .details_inner .pre_price li{font-size: 17px;}
    .details_con .details_inner .pre_price li:last-child{margin-bottom: 0;}
    .details_con .details_inner .pre_price li span:first-child{color:#555; font-weight: 400}
    .details_con .details_inner .point_txt{font-size: 15px; margin: 0 18px 15px 18px; padding-bottom: 15px;}
    .details_con .details_inner .point_txt .point{font-size: 15px;}
    .details_con .details_inner .point_txt .event-price{margin-top:5px; font-size:13px; font-weight:400;}
    .details_con .details_inner .point_txt.coupon_txt{margin-bottom:0px;}
    .details_con .details_inner .list_box {margin: 0 18px;}
    .details_con .details_inner .list_box .list{font-size: 13px; margin-bottom: 5px;}
    .details_con .details_inner .list_box .list p{font-weight: 400;}

    .details_inner .slide_box{padding: 15px;}
    
    
    /* page-error */
    .cs_box  {margin:20px 0 0; border:1px solid #ddd; border-radius:3px; overflow:hidden;}
    .cs_box dl  {display:block;}
    .cs_box dt::after  {display:none;}
    .cs_box dd  {margin-top:6px;}
    
    
    /* 선불 충전 */
    .freepay_box{margin-top: 10px;}
    .fb_input_st.bold_st label{font-size: 16px;}
    .fb_input_st label {font-size:14px; color:#777}
    .fb_input_st input {font-size:14px;}
    
    
    /* 핸드폰 정보 */
    .phone_data_img{flex-wrap: wrap;}
    .phone_data_img > div{width: 100%; margin: 0 0 10px 0;}
    
    
    /* 본인인증 */
	.icon_certified {margin-top:16px;}
  .icon-identify img{max-width:30px;}
	
	
	/* 셀프개통 */
	.ord_receipt_con .receipt_title h2{font-size: 18px;}
	.receipt_table_box .text{font-size: 16px;}
	.receipt_table_box .receipt_table td{padding: 7px; font-size: 14px;}
	
	
	/* 셀프개통 ars 인증 */
	.ars_box{padding: 15px;}
	.ars_box .ars_num{font-size: 19px;}
	.ars_list > li > ul > li{padding: 7px; font-size: 14px;}
	
	/* 완료페이지 */
	.page_content {padding:20px 15px;}
	.page_content .title {font-size:16px;}
	.page_content .ing_step:after {left:10px; width:1px;}
	.page_content .ing_step li {font-size:15px;}
	.page_content .ing_step li + li {margin-top:6px;}
	.page_content .ing_step li > span {width:18px; height:18px; font-size:12px; line-height:18px;}
	.page_content .btn_basic {margin-top:16px; padding:12px 15px; font-size: 15px;}
	.page_content .inner_notice {margin-top:16px;}
	.page_content .inner_notice li {padding-left:12px; font-size:13px;}
	.page_content .inner_notice .dot_list li {padding-left:10px;}
	.page_content .inner_notice .dot_list li::before {left:0; top:8px; width:3px; height:3px;}
		
	.completion_path .msg_title .title {font-size:20px;}
	.completion_path .msg_title .title_desc {font-size:16px;}
	.completion_path .ico_delivery {width:48px;}

	/* lg인터넷결합 */
	.completion_lgt_combine .title {font-size:17px;}
	.completion_lgt_combine .msg_content {width: 100%; margin:20px 0 25px; padding:30px 20px;}
	.completion_lgt_combine .msg_content .icon_giftbox {width:36px;}
	.completion_lgt_combine .msg_content .event_main {font-size:16px;}
	.completion_lgt_combine .msg_content .event_main .cl_prmy {font-size:22px;}
	.completion_lgt_combine .msg_content .event_sub {margin-top:15px; font-size:15px;}
	.completion_lgt_combine .msg_tip {margin-bottom:20px; font-size:15px;} 
	
	
	/* 쿠폰팩 */
	.couponpack-wrap {margin-top:20px;}
	.couponpack-wrap .img_gift {width:78px; height:78px}
	.couponpack-wrap .info .title {width:100%; padding-bottom:2px;}
	.couponpack-wrap .info .price {font-size:16px;}
	.couponpack-wrap .info .btn-detail {font-size: 13px;}
}

@media screen and (max-width:500px)  {
  
  .order_wrap .cs_title .cs_txt h2 {font-size: 19px;}

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

	
	/* 쿠폰팩 */
	.couponpack-wrap .img_gift {width:58px; height:58px; margin-right:12px;}
	.couponpack-wrap .info {padding-right:0;}
	.couponpack-wrap .info .title {font-size:14px !important;}
	.couponpack-wrap .info .btn-detail {padding:10px 20px 10px 0; font-size: 13px;transform:none;}
}

@media screen and (max-width:390px)  {
  .order_wrap .cs_title .cs_txt h2 {font-size: 18px;}
}

@media screen and (max-width:350px)  {
	.order_box .pns_box input[type="radio"]+label{width: 100%; margin-right: 0 !important}

	/*레이어팝업*/
	.njp_inner .njp_foot.flex{flex-wrap: wrap;}
	.njp_inner .njp_foot.flex button{width: 100%;}
	
	/* form */
	.form_box .form_item .sub_content .badge + .info {display:block; padding-top:4px;}
  
	/* lg인터넷결합 */
	.completion_lgt_combine .title {font-size:16px;}
	.completion_lgt_combine .msg_content {padding:20px 20px;}
	.completion_lgt_combine .msg_content .icon_giftbox {width:28px;}
	.completion_lgt_combine .msg_content .event_main {font-size:15px;}
	.completion_lgt_combine .msg_content .event_main .cl_prmy {font-size:18px;}
	.completion_lgt_combine .msg_content .event_sub {margin-top:15px; font-size:14px;}
	.completion_lgt_combine .msg_tip {margin-bottom:20px; font-size:14px;} 

	/* 쿠폰팩 */
	.couponpack-wrap .img_gift {width:50px; height:50px;}
}



/* 가입 전 준비사항 251120 */
.id-con{position:relative; margin-top:20px;}
.id-con .character-inner{padding:20px; background-color:#ecf7fc; border-radius:15px; margin-top: 10px;}
.id-con .character-inner .or_s_txt{margin: 0}
.id-con .character-inner .or_s_txt li{font-size: 16px;}
.id-con .iden-box li{display: flex; align-items: center;}
.id-con .iden-box li + li{margin-top: 25px;}
.id-con .iden-box li .img{margin-right: 25px; width:70px; position: relative;}
.id-con .iden-box li .img img{display: block;}
.id-con .iden-box li .img:after{position: absolute; display: block; content: ""; clear:both; width:85px; height: 85px; background-color:#f7f7f7; z-index: -1; border-radius: 25px; transform: translate(-50%, -50%); top:50%; left:50%;}
.id-con .iden-box li .txt{font-size:18px; width:calc(100% - 105px)}
.id-con .iden-box li .txt strong{font-size:1em; font-weight: bold}
.id-con .iden-box li .txt span{font-size:0.9em; display: block; margin-top: 5px; color:#555}
.id-con .character{max-width:190px; margin:10px auto 0 auto; position: relative;}

.modal-button .btn_shot{width:35%;}
.modal-button .btn_long{width:65%;}
@media screen and (max-width:700px)  {
    .id-con .character{max-width:150px; margin:10px auto 0 auto; position: relative;}
    .id-con .character-inner .or_s_txt li{font-size: 15px;}
    .id-con .iden-box li .img{width:60px;}
    .id-con .iden-box li .img:after{width:75px; height: 75px;}
    .id-con .iden-box li .txt{font-size:17px; width:calc(100% - 100px)}
}


/* 안면인식 */
.id-con .qr-box{width:170px; height: 170px; margin:15px auto 0 auto; padding:10px; border-radius: 20px; box-shadow: 0 0 15px rgba(0,67,100,0.1); background-color:#fff; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.id-con .qr-box img{display: block; width:100%;}
.id-con .line-or{display: flex; align-items: center; margin:20px auto}
.id-con .line-or span{height: 1px; width: 50%; background-color: #ddd;}
.id-con .line-or p{color:#ccc; font-size:15px; margin: 0 10px;}

.qr-refresh{display: flex; margin:0 auto; background-color:#f4f4f4; border-radius: 50px; padding:12px; width: 130px; justify-content: center; align-items: center; margin-top: 30px;}
.qr-refresh img{margin-right: 10px; width:20px; opacity: 0.85;}
.qr-refresh span{font-size: 15px; font-weight: 600; color:#555}