﻿@charset "utf-8";


html {}
html, body {height: 100%; font-synthesis: none; -webkit-text-size-adjust : none;  /* 크롬, 사파리 */	-ms-text-size-adjust : none;  /* IE */	-moz-text-size-adjust : none;  /* 파이어폭스 */	-o-text-size-adjust : none;  /* 오페라 */ }

#jm-wrap {height: 100%; display:flex; flex-direction: column; align-items: center; }
/* head */
.jm-header {width:100%; background-color:#fff; flex: 0 0 56px; z-index: 10;}
.jm-header .jm-header-body{display:flex; align-items: center; justify-content: space-between; padding: 0 20px 0 20px;; position: relative; height: 56px;}
.jm-header .jm-header-body strong{position:absolute; top:auto; bottom:auto; left:0; width:100%; z-index:0; text-align: center; font-weight: 500; font-size: 16px;}
.jm-header .jm-header-body h1 {display: flex; align-items: center; justify-content: center;}
.jm-header .jm-header-body h1 img {
  content: var(--logo-url);
  /*width: 32px;*/
  /*height: 32px;*/
}
.jm-header .jm-header-body h1, .jm-header .jm-header-body .jm-n-btns{z-index:99;}
.jm-container{width:640px; flex: 1 1 auto; display:flex; flex-direction: column;}

.jm-content{background-color:#fff; width:100%; flex:1 1; padding:30px 55px; display:flex; flex-direction: column;}
.jm-content.jm-guide-content{padding-top:24px;}
.jm-content.jm-guide-content:has(.m-inquiry-info-inner){padding-bottom:30px;}
.jm-content.jm-cnt0 {padding:30px 55px;}
.jm-content.jm-cnt2{padding:48px 55px;}
.jm-content.jm-cnt5{padding:38px 55px;}
.jm-content.jm-cnt6{padding:28px 55px;}

.jm-sub-title{font-size:28px; display:block; margin-bottom:24px; line-height:1.3; word-break: keep-all; font-weight: 600;}
.jm-sub-title em{color:#5969FD; font-weight:600; }
.jm-sub-txt{font-size:14px; color:#656565; margin-bottom:28px; line-height:1.4; word-break: keep-all;}
.jm-sub-txt em{color:#5969FD;}
.jm-sub-txt b{font-weight: 600;}
.jm-sub-title:has(+ .jm-sub-txt){margin-bottom:28px;}
.jm-sub-title:has(~ .jm-idcard){margin-bottom:28px;}
.jm-sub-txt:has(~ .jm-idcard){font-size:14px;}

.jm-only-img .jm-sub-txt {font-size: 12px; color:#656565;}



/* 모달 팝업 */
.wrap-layer-popup {display: none; visibility: hidden; align-items: center; justify-content: center; position: fixed; z-index: 991; left: 0; top: 0; width: 100%; height: 100%;}
.wrap-layer-popup.popup-open {display: flex;visibility: visible;}
.wrap-layer-popup.popup-open > .inner-layer-popup {overflow:hidden; opacity: 1; background-color: #fff; min-width:322px; text-align: center; border-radius:20px; position: relative;}
.wrap-layer-popup .wrap-layer-popup-title h2{display:block; font-size:15px; color:#26262A; padding:20px; font-weight: 600;}
.wrap-layer-popup .layer-popup-contents{padding:15px 20px;}

.wrap-layer-popup.popup-open > .inner-layer-popup.no-title .layer-popup-contents{padding-top:35px;}
.wrap-layer-popup .layer-popup-contents p{font-size:12px; color:#656565;}
.popup-dimmed {position: fixed; z-index: 990; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); transition: opacity .2s;}
.scroll-lock {overflow: hidden;}
.wrap-layer-popup .hidden {position: relative; z-index: -1; display: inline-block; overflow: hidden; height: 1px; width: 1px; border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); word-break: initial; word-wrap: initial;}
.wrap-layer-popup .jm-bot-btn{padding:20px;}
.wrap-layer-popup .jm-bot-btn button{font-size: 13px;}

/* 공지사항 팝업 */
.jm-notice.popup-open > .inner-layer-popup{text-align: left; width:530px;}
.jm-notice .wrap-layer-popup-title h2{padding-bottom:0;}
.wrap-layer-popup .layer-popup-contents:has(.layer-popup-contents-inner){padding:15px 4px 0 20px;}
.jm-notice .layer-popup-contents .layer-popup-contents-inner{overflow-y: auto; overflow-x:hidden; height: 208px; padding-right:16px; width:100%; word-break: break-all;}
.jm-notice .layer-popup-contents .layer-popup-contents-inner::-webkit-scrollbar {width: 6px;  border-radius: 20px;  }
.jm-notice .layer-popup-contents .layer-popup-contents-inner::-webkit-scrollbar-thumb {background: #D6D6D6; border-radius: 20px; }
.jm-notice .layer-popup-contents .layer-popup-contents-inner::-webkit-scrollbar-track {background: #EFEFEF;  border-radius: 20px;}

/* 공지사항 - 체크박스 접근성 관련 수정 */
.jm-notice .input_box {position: relative; display: inline-block;}
.jm-notice .input_box input[type="checkbox"] {position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0;}
.jm-notice .input_box input[type="checkbox"] + label:before {display: none !important;}
.jm-notice .input_box input[type="checkbox"] + label:after {display: inline-block; width: 16px; height: 16px; background: url('../images/status=Default.svg') no-repeat center; vertical-align: middle; margin-left: 6px; content: '';}
.jm-notice .input_box input[type="checkbox"]:checked + label:after {background: url('../images/status=Checked.svg') no-repeat center;}

.today-btn{background-color:#F7F7F7; border-top:1px solid #D6D6D6; padding:12px 20px; display:flex; flex-direction: row; justify-content: space-between; margin-top:10px;}
.today-btn .modal-close.btn-layer-close{font-size:13px; color:#656565;}


/* 슬라이드 팝업 */
.jm-careful {align-items: flex-end;}
.jm-careful.popup-open > .inner-layer-popup{border-radius: 20px 20px 0 0; text-align:left; min-width:528px;}
.jm-careful .layer-popup-contents{padding:0 20px}







/* footer */
.jm-footer{width:100%; background-color:#3A3C4D;  flex: 0 0 50px;}
.jm-footer ul{display:flex; padding:17px 10px; justify-content: center; gap:33px;}
.jm-footer ul li{position:relative;}
.jm-footer ul li:after{position:absolute; left:-16px ; top:5px; width:1px; height:12px; background-color:#575968; content:"";}
.jm-footer ul li:first-of-type:after{display:none;}
.jm-footer ul li button{color:#EBEDFF; font-size:12px; font-weight: 400;}

/* 상단배너 */
.jm-top-banner{background: url('../images/img_top_banner.svg') right top no-repeat; background-size:56px; padding:0 0 40px 0;}
.jm-top-banner p{font-size:14px; color:#656565; line-height:1.4;}
.jm-top-banner p span{color:#5969FD; display:block; }
.jm-cnt0 .jm-top-banner {padding:8px 0 9px 0; margin-bottom: 32px;}

/* title */
.jm-tit-h1{font-size:14px; color:#26262A; margin-bottom:10px; font-weight:600;}
.jm-tit-h1.underB{border-bottom:1px solid #EBEBEB; padding-bottom:8px;}
.jm-tit-h1:has(+ .jm-num-list){margin-bottom:12px; padding-top:8px;}

.jm-tit-h2{font-size:13px; color:#26262A; margin-bottom:8px; font-weight: 400;}

/* 신분증 촬영 / 안면인증 안내  */
.jm-padding-all{padding-top:80px;}

/* 배경박스 */
.jm-primary-box {background-color:#F7F7F7; border-radius:8px; padding:16px 28px; margin-bottom:24px; position: relative;}
.jm-primary-box.jm-border-primary{margin-bottom: 32px;}
.jm-primary-box.jm-border-primary2{margin-bottom: 32px;}
.jm-primary-box.jm-border-primary3{margin-bottom: 16px;}
.jm-primary-box.jm-primary-shot{padding-bottom:0 !important;}
.jm-primary-box.jm-primary-txt-bottom{margin-bottom: 20px; padding:14px;}
.jm-layout-bottom .jm-primary-txt-bottom.jm-primary-box{padding:16px 14px;}
.jm-layout-bottom .jm-primary-txt-bottom.jm-primary-box p{color:#26262A;}
.jm-primary-box.jm-only-icon{padding:28px; margin-bottom: 20px;}
.jm-primary-box:has(+ .jm-primary-box){position:relative; margin-bottom:0px;}
.jm-primary-box.jm-border-primary:has(+ .jm-primary-box){margin-bottom: 64px;}
.jm-primary-box:has(+ .jm-primary-box):after{position:absolute; left:0 ; bottom:-35px; width: 100%; height:1px; background-color:#EBEBEB; content:"";}
.jm-primary-box > p{font-size: 14px; color: #26262A; text-align: center; word-break: keep-all;}
.jm-primary-box.bg-none{background-color:transparent; margin:0; padding-bottom:32px; padding-top:15px;}
.jm-primary-box.bg-none:has(+ .jm-primary-box):after{display:none;}
.jm-primary-box.bg-none strong{font-size: 18px;}
.jm-primary-box.bg-none .jm-icon-info p{font-size:13px;}
.jm-primary-box.jm-primary-siblings{margin-bottom: 16px; padding-top: 0;}
.jm-primary-box.jm-button-primary{padding:16px;}
.jm-primary-info-notice{width:480px; margin-left:auto; margin-right:auto;}
.jm-primary-info-notice .jm-primary-box{padding:16px; min-height:100px; border-radius:0; }
.bg-none .jm-icon-info{padding-top:104px; gap: 16px; margin-top: 50px;}
.jm-cnt6 .bg-none .jm-icon-info{gap: 12px;}
.jm-primary-box.jm-only-img{padding:0; text-align: center; background-color:transparent;}
.jm-primary-box .jm-primary-img{background-color:#F7F7F7; border-radius:8px; margin-bottom: 16px;}
.jm-primary-box .jm-primary-img img{width:auto; vertical-align: top;}
.jm-primary-box p{font-size: 13px; color: #656565; margin-bottom: 0; line-height: 1.4; word-break: keep-all;}
.jm-primary-box p b{font-weight: 600;}

.jm-primary-box:has(.jm-ii2) {padding:16px 0;}
.jm-primary-box:has(.jm-ii1), .jm-primary-box:has(.jm-ii3) {padding:28px 0;}





/* btn */
.jm-bot-btn{display:flex; flex-direction: column; gap:10px; margin-bottom:16px;}
.jm-bot-btn button, .jm-bot-btn input[type=button] {width:100%; font-size:14px; border-radius:6px; height:44px; padding:10px;}
.b-primary1{background-color:var(--point-color); color:#fff;  border:none;}
.b-primary1:active, .b-primary1:focus{background-color:var(--point-focus-color);}
.b-primary1:disabled{background-color:#E2E2E2; color:#A2A2A2;}
.b-primary1 span{display:inline-block;  position:relative; }
.b-primary1 span:after{position:absolute; right:-20px; top:50%; margin-top:-7px; width:16px; height:16px; background-image: url('../images/btn_primary1_on.svg'); background-position: right center; background-repeat: no-repeat; content:"";}
.b-primary1:disabled span:after{background-image: url('../images/btn_primary1_off.svg');}
.jm-bot-btn.col2{flex-direction: row;}

.b-primary1.icon span{padding-left: 32px; background-position: left center; background-repeat: no-repeat; line-height: 24px;}
.b-primary1.icon span:after{display:none;}
.b-primary1.icon .jm-b-ss4{background-image: url('../images/icon_b_ss4.svg');}
.b-primary1.icon .jm-b-ss5{background-image: var(--pass-logo-url);}


div.wrap-layer-popup.popup-open .jm-bot-btn:has(> button:nth-child(2)) {flex-direction: row;}

.dialog:has(.jm-bot-btn) .jm-bot-btn{padding:20px;}

.b-primary2{color:var(--point-color); border:1px solid var(--point-color); background-color:transparent;}
.b-primary2:active, .b-primary2:focus{background-color: color-mix(in srgb, var(--point-color) 12%, white);}
.b-primary2:disabled{background-color:#FAFAFA; border:1px solid #D5D5D5; color:#D6D6D6;}
.b-primary2.icon{color:#26262A; border:1px solid #D6D6D6; text-align:left; position: relative; padding-left:48px; background-position: 6px center; background-repeat: no-repeat; font-size: 13px; font-weight: 400;}
.b-primary2.icon:active, .b-primary2.icon:focus{background-color:transparent; border:1px solid var(--point-color); color:var(--point-color); text-align:left;}
.b-primary2.icon:disabled{background-color:#FAFAFA; border:1px solid #D6D6D6; color:#A2A2A2; text-align:left;}
.b-primary2.icon:after{position:absolute; right:14px; top:50%; margin-top:-7px; width:16px; height:16px; background: url('../images/btn_arrow.svg') right center no-repeat; content:"";}
.b-primary2.icon:active:after, .b-primary2.icon:focus:after{
  background: none;
  background-color: var(--point-color);
  -webkit-mask: url('../images/btn_arrow_on.svg') no-repeat center;
  mask: url('../images/btn_arrow_on.svg') no-repeat center;
}
.b-primary2.icon:disabled:after{background: url('../images/btn_arrow_off.svg') right center no-repeat;}
.b-primary2.icon.jm-b-ss1{background-image: url('../images/icon_b_ss1.svg');}
.b-primary2.icon.jm-b-ss2{background-image: url('../images/icon_b_ss2.svg');}
.b-primary2.icon.jm-b-ss3{background-image: url('../images/icon_b_ss3.svg');}
.b-primary2.icon.jm-b-ss6{background-image: url('../images/icon_b_ss6.svg');}
.b-primary2 span{display:inline-block;  position:relative; }
.b-primary2 span:after{
  position:absolute;
  right:-20px;
  top:50%;
  margin-top:-7px;
  width:16px;
  height:16px;
  content:"";
  background-color: var(--point-color);
  -webkit-mask: url('../images/btn_primary2_on.svg') no-repeat center;
  mask: url('../images/btn_primary2_on.svg') no-repeat center;
}
.b-primary2:disabled span:after{background-image: url('../images/btn_primary2_off.svg');}


.b-secondary{background-color:#EFEFEF; color:#656565; border:1px solid #5969FD;  border:none;}
.b-secondary:active, .b-secondary:focus{background-color:#BBBBBB;}
.b-secondary:disabled{background-color:#E2E2E2; color:#A2A2A2;}
.b-secondary span{display:inline-block;  position:relative; }
.b-secondary span:after{position:absolute; right:-20px; top:50%; margin-top:-8px; width:16px; height:16px; background-position:right center; background-repeat: no-repeat; content:"";}
.b-secondary .icon-clear:after{background-image: url('../images/icon_clear.svg');}
.b-secondary .icon-arrow:after{background-image: url('../images/icon_arrow.svg');}



/* 안내 리스트 */
.jm-num-list{margin-bottom: 24px;}
.jm-num-list ul li{font-size:13px; color: #656565; margin-bottom:5px;}
.jm-num-list ul li:last-child{margin-bottom: 0;}
.jm-num-list ul li span{color:#FF3A4A;}
.jm-num-list2 h2{font-size:13px; color:#656565;}
.jm-num-list2 ul li{font-size:12px; color: #656565; margin-bottom:5px; padding:0 !important; min-height:auto !important;}
.jm-num-list2 ul li span{color:#FF3A4A;}
.jm-num-list2 ul li:last-of-type{margin-bottom: 0;}

/* 신원확인 절차 안내 */
.jm-primary-box ul{display: flex; flex-direction: column; gap: 28px;}
.jm-primary-box ul li{background-position: center left; background-repeat: no-repeat; padding:0 0 0 80px; display: flex; flex-direction: column; justify-content: center; position: relative; min-height:64px;}
.jm-primary-box ul li:after{position:absolute; left: 31px; top: -22px; width:2px; height:18px; background:url('../images/bg_step_dot.svg') center top  no-repeat; content:"";}
.jm-primary-info-notice .jm-primary-box ul{gap:0;}
.jm-primary-info-notice .jm-primary-box ul li:after{display:none;}
.jm-primary-box ul li:first-of-type:after{display:none;}
.jm-primary-box ul li.jm-ss1{background-image: url('../images/bg_step1.svg');}
.jm-primary-box ul li.jm-ss2{background-image: url('../images/bg_step2.svg');}
.jm-primary-box ul li h3{display:flex; align-items: center; margin-bottom:6px; gap:5px;}
.jm-primary-box ul li h3 em{background-color:#5969FD; font-weight:600; color:#fff; font-size:10px; flex:0 19px; height:18px; line-height:18px; text-align: center; border-radius:10px; display:inline-block;}
.jm-primary-box ul li h3 span{font-size:14px; color: #26262A; flex:0 100%; line-height: 1.2; font-weight: 600;}
.jm-primary-box ul li p {color:#656565;  font-size:12px;  word-break: keep-all;}
  .jm-primary-box ul li p:has(i){font-weight: 600; color:#656565;}
.jm-primary-box ul li p i{text-indent:-9999px; background:url('../images/ico_certification.svg') center top no-repeat; display:inline-block; width:20px; height:20px; }


.jm-bot-info{font-size:10px; color:#656565; word-break: keep-all;}

.jm-icon-info{display:flex; gap:10px;flex-direction: column; align-items: center; padding-top:110px;}
.jm-icon-info strong{font-size:16px; color:#26262A; word-break: keep-all; font-weight: 600;}
.jm-icon-info p{font-size:13px; color:#656565; text-align: center; word-break: keep-all;}
.jm-icon-info p b{font-weight:600;}
.jm-icon-info p.jm-font-c{color:#26262A;}
.jm-icon-info.jm-ii1{
  /*background:url('../images/bg_ii1.svg') center top no-repeat;*/
}
.jm-icon-info.jm-ii2{background:url('../images/bg_ii2.svg') center top no-repeat; background-size:196px auto; padding-top:74px; gap:16px;}
.jm-icon-info.jm-ii2 .jm-ii2-tit{display:flex; flex-direction: row; gap: 46px; align-items: flex-start; margin-left: -7px;}
.jm-icon-info.jm-ii2 .jm-ii2-tit li{padding:0; min-height: auto; display: flex; gap:6px; flex-direction: column; align-items: center;}
.jm-icon-info.jm-ii2 .jm-ii2-tit li p.tit-main{font-size: 14px; color: #26262A; font-weight: 600; display: flex; gap:5px; flex-direction: row;}
.jm-icon-info.jm-ii2 .jm-ii2-tit li:after{display:none;}
.jm-icon-info.jm-ii2 .jm-ii2-tit li p.tit-main img{width:16px;}
.jm-icon-info.jm-ii2 .jm-ii2-tit li p.tit-sub{font-weight: 600; color:#656565; font-size:12px;}
.jm-icon-info.jm-ii2 .jm-ii2-tit li p.tit-sub i{text-indent:-9999px; background:url('../images/ico_certification.svg') center top no-repeat; display:inline-block; width:20px; height:20px; }
.jm-icon-info.jm-ii3{
  /*background:url('../images/bg_ii3.svg') center top no-repeat;*/
}
.jm-icon-info.jm-ii4{background:url('../images/bg_ii4.svg') center top no-repeat;}
.jm-icon-info.jm-ii5{background:url('../images/bg_ii5.svg') center top no-repeat;}
.jm-icon-info.jm-ii6{background:url('../images/bg_ii6.svg') center top no-repeat;}
.jm-icon-info.jm-ii7{background:url('../images/bg_ii7.svg') center top no-repeat; padding-top:115px;}

.jm-icon-info2{display: flex; align-items: center; gap: 12px; margin-bottom:16px;}
.jm-icon-info2 .jm-ii-img img{vertical-align: top;}
.jm-icon-info2 dl dt{font-size:14px; color:#26262A; font-weight:600; margin-bottom:2px;}
.jm-icon-info2 dl dd{font-size:13px; color:#656565; word-break: keep-all;}

.jm-btn-txt p{text-align: center; font-size: 12px; color: #656565; margin-bottom:20px; word-break: keep-all;}
.jm-btn-txt p.fo-c{color:#656565; font-size: 13px;}
.jm-btn-txt.b-pad{padding:0 20px;}
.jm-btn-txt.bd-t{border-top:1px solid #EBEBEB; padding-top:32px;}
.jm-btn-txt.jm-btn-center{margin-bottom: 32px;}
.jm-btn-txt p b{font-weight: 600;}


.jm-agency-cont{padding:32px 0 16px 0; position: relative;}
.jm-agency-cont.border-t:after{position:absolute; left:0 ; top:0px; width: 100%; height:1px; background-color:#EFEFEF; content:"";}
.jm-agency-cont.border-b:before{position:absolute; left:0 ; bottom:0px; width: 100%; height:1px; background-color:#EFEFEF; content:"";}
.jm-agency-list{margin-bottom:20px;}
.jm-agency-list ul{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.jm-agency-list ul li{
  flex: 0 0 calc((100% - 14px) / 3);
}
.jm-agency-list ul li button{
  position:relative;
  display:flex;
  justify-content: center;
  align-items: center;
  height:56px;
  border:1px solid #d6d6d6;
  width:100%;
}
.jm-agency-list ul li.mvno button{
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
}
.jm-agency-list ul li button strong {
  font-size: 14px;
  color: #26262A;
  font-weight: 800;
  line-height: 20px;
}
.jm-agency-list ul li.mvno button strong {
  color: #656565;
}
.jm-agency-list ul li button:disabled{background-color: #e2e2e2; cursor: default;}
.jm-agency-list ul li button:disabled strong{opacity: 0.4; }
.jm-agency-list ul li.active button, .jm-agency-list ul li button:focus{background-color: color-mix(in srgb, var(--point-color) 8%, white);}
.jm-agency-list ul li.active button:after, .jm-agency-list ul li button:focus:after{display:block; position:absolute; left:-1px; right:0px; border:1px solid var(--point-color); width:100%; height:100%;z-index:1; content:"";}


.jm-or-cont {text-align: center; position: relative; z-index:0; margin-bottom:10px; }
.jm-or-cont:after{position:absolute; left:0 ; top:50%; width: 100%; height:1px; background-color:#EFEFEF; z-index:-1; content:"";}
.jm-or-cont span{background-color:#fff; display:inline-block; padding:0 20px; font-size:12px; color:#656565; z-index:1; }


/* 촬영 */
.jm-camera-container{flex: 1 1 auto; display:flex; flex-direction: column; background-color: #262626; width:100%;}
.jm-camera-content{width:640px; margin:0 auto; flex: 1 1 auto; display:flex; flex-direction: column; }
.jm-focus{display: flex; padding-top: 32px; flex-direction: column; align-items: center;}
.jm-camera{ overflow:hidden; border:2px solid #fff;  margin:0 auto; margin-bottom: 24px;}
.jm-camera.rect {border-radius:10px; width:466px; height: 294px;}
.jm-camera.cercle {border-radius:200px; width:264px; height: 264px;}
.jm-camera.yellow{border:2px solid #FFEA00;}
.jm-camera.green{border:2px solid #00B640;}
.jm-camera.red{border:2px solid #FF3A4A;}
.cameraview{object-fit: cover; width: 100%; height: 100%; object-position: center center;}
.cameraview.face{transform: scaleX(-1) translate3d(0,0,0); backface-visibility:hidden;}
.jm-focus-info-btn{width:640px; margin:0 auto; text-align: center; padding-bottom:48px;}
.jm-focus-info-btn button{color:#BDBDBD; border-bottom:1px solid #BDBDBD; font-size:14px; font-weight: 400;}
.jm-focus-txt{color:#fff; border-radius:100px; width:320px; height:48px; margin:0 auto 80px auto; text-align: center; padding:13px 25px; font-size:18px; font-weight: 600; word-break: keep-all; line-height: 24px;}
.jm-focus-btn{width:80px; height:80px; margin:0 auto; background:url('../images/btn_camera.svg') center center no-repeat; background-size:100%; text-indent: -9999px; margin-top:60px;}
.jm-focus-btn:active, .jm-focus-btn:focus{background-image:url('../images/btn_camera_on.svg');}
.jm-focus-btn:disabled{background-image:url('../images/btn_camera_disabled.svg');}
.jm-focus-txt span{color:#FF3A4A;}

/* 신분증 확인 */
.jm-idcard{display:flex; gap: 16px; align-items: center; margin-bottom:42px; margin-top: 111px;}
.jm-idcard .jm-idcard-img{flex:0 0 258px;}
.jm-idcard .jm-idcard-img img{width:100%; vertical-align: top;}
.jm-idcard-list{
  flex: 1 1 100%;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.jm-idcard-list ul li{display:flex; border-bottom:1px solid #EBEBEB; justify-content: space-between; padding:13px 8px;}
.jm-idcard-list ul li:first-of-type{padding-top: 0;}
.jm-idcard-list ul li *{font-size:14px;}
.jm-idcard-list ul li em{color:#939393; display:flex; gap:4px; line-height: 1.2;}
.jm-idcard-list ul li span{color: #26262A; font-weight: 600; line-height: 1.2;}
.jm-idcard-list ul li .jm-id-error{color:#FF3A4A;}





/* 에러 */
.jm-container-error{display:flex; flex:1 1 100%; width:100%; background-color:#F7F7F7; justify-content: center; padding-top:216px}
.jm-content-error{display:flex; flex-direction: column; align-items: center; gap:40px; }
.jm-main-tit {text-align: center; padding-top:52px; background:url('../images/bg_alert.svg') center top no-repeat;}
.jm-main-tit strong{font-size: 14px; color:#656565; line-height: 1.5; display:block; margin-bottom: 12px; font-weight: 600;}
.jm-main-tit p{font-size: 13px; color:#A2A2A2;}


/* 메인 탭 */
.jm-main-tab{min-width:530px; margin-top: 24px;}
.jm-main-tab ul{display:flex; }
.jm-main-tab ul li{flex:1 1 100%; text-align: center; z-index: 0; position: relative; border-bottom:1px solid #5969FD; }
.jm-main-tab ul li.active:after, .jm-main-tab ul li:hover:after, .jm-main-tab ul li:has(a:focus):after{position:absolute; left:-1px; top:-1px; width:1px; height: calc(100% + 1px); background-color:#5969FD; z-index:1; content:"";}
.jm-main-tab ul li.active:before, .jm-main-tab ul li:hover:before, .jm-main-tab ul li:has(a:focus):before{position:absolute; right:0px; top:-1px; width:1px; height: calc(100% + 1px); background-color:#5969FD; z-index:1; content:"";}
.jm-main-tab ul li.active:last-of-type:before, .jm-main-tab ul li:last-of-type:hover:before, .jm-main-tab ul li:has(a:focus):last-of-type:before{right: -1;}
.jm-main-tab ul li.active, .jm-main-tab ul li:hover, .jm-main-tab ul li:has(a:focus){ border-top:1px solid #5969FD; border-bottom:none; z-index: 1;}
.jm-main-tab ul li.active, .jm-main-tab ul li.active:has(a:focus) {z-index: 1;}
.jm-main-tab ul li button{display:block; color:#656565; font-size:13px; padding:12px 1px; position:relative; background-color: #F7F7F7; z-index:0; text-align: center; width:100%; font-weight: 400;}
.jm-main-tab ul li.active button, .jm-main-tab ul li:hover button, .jm-main-tab ul li button:focus{background-color: #fff; color:#5969FD; font-weight: 600;}
.jm-main-tab ul li button:after{position:absolute; left:-1px; top:50%; margin-top:-6px; width:1px; height: 12px; background-color:#D5D5D5; z-index:-1; content:"";}
.jm-main-tab ul li:first-of-type button:after, .jm-main-tab ul li.active button:after, .jm-main-tab ul li:hover button:after, .jm-main-tab ul li button:focus:after{display:none;}


/* 고객센터 - 이용안내 */
.jm-guide-tit {font-size:28px; color:#26262A; display:block; font-weight:600; line-height: 1.3; margin-bottom:16px; word-break: keep-all;}
.jm-guide-tit p{color:#5969FD;}
.jm-guide-list{margin-bottom: 16px;}
.jm-guide-list ul{display:flex; gap:8px;}
.jm-guide-list ul li{background-color:#EFF0FF; flex:1 1 100%; text-align: center; font-size: 13px; color:#26262A; border-radius:8px; padding:56px 0 16px 0; background-position: center 20px; background-repeat: no-repeat; word-break: keep-all;}
.jm-guide-list ul li.jm-gl1{background-image: url('../images/icon_guide1.svg');}
.jm-guide-list ul li.jm-gl2{background-image: url('../images/icon_guide2.svg');}
.jm-guide-list ul li.jm-gl3{background-image: url('../images/icon_guide3.svg');}
.jm-guide-txt{margin-bottom: 16px;}
.jm-guide-txt ~ .jm-guide-txt{border-top:1px solid #EFEFEF; padding-top:24px; margin-top:24px;}
.jm-guide-txt strong{display: block; font-size:16px; color:#26262A; margin-bottom:8px; word-break: keep-all; font-weight: 600;}
.jm-guide-txt p{font-size:13px; color:#656565; line-height: 1.5; word-break: keep-all;}
.jm-guide-txt p b{font-weight:600;}

.jm-customer-tit{display: block; font-size:15px; color:#26262A; margin-bottom:12px; font-weight: 600;}

.jm-guide-step ul{border-bottom:1px solid #EFEFEF; padding-bottom:24px; margin-bottom:24px;}
.jm-guide-step ul li{margin-bottom:30px; }
.jm-guide-step ul li:last-of-type{margin-bottom:0; }
.jm-guide-step ul li dl dt{display:flex; gap:5px; align-items: center;}
.jm-guide-step ul li dl dt span{flex:0 0 16px; height:16px; background-color:#5969FD; color:#fff; border-radius:50px; display:flex; justify-content: center; align-items: center; font-size:10px; }
.jm-guide-step ul li dl dt p{flex: 1 1 100%; font-size:14px; color:#26262A; font-weight: 600; word-break: keep-all;}
.jm-guide-step ul li dl dd p{margin:5px 0 15px 0; padding-left:21px; font-size:12px; color:#656565; word-break: keep-all;}
.jm-guide-step-img{display:flex; flex-direction: column; gap:15px; position: relative;}
.jm-guide-step-img .jm-pointer{position: absolute; right:72px; bottom:-5px; width:40px; height:40px;}
.jm-guide-step-img .jm-pointer img{vertical-align: top;}
.jm-guide-step-img .jm-guide-step-img-pc{display:block;}
.jm-guide-step-img .jm-guide-step-img-mo{display:none; }
.jm-guide-step-img .jm-guide-step-img-pc, .jm-guide-step-img .jm-guide-step-img-mo{text-align: center;}
.jm-guide-step-img .jm-guide-step-img-pc img, .jm-guide-step-img .jm-guide-step-img-mo img{display:inline-block; vertical-align: top; max-width:100% }
.jm-guide-step-img .jm-guide-step-img-pc img:first-of-type, .jm-guide-step-img .jm-guide-step-img-mo img:first-of-type{margin-bottom: 16px;}
.jm-guide-step-img .jm-guide-step-img-pc img:only-of-type, .jm-guide-step-img .jm-guide-step-img-mo img:only-of-type{margin-bottom: 0;}
.jm-guide-step-img2{background-color:#262626; padding:31px 0 31px 0; text-align: center;}
.jm-guide-step-img2 img{vertical-align: middle;}

.jm-guide-attention{border-bottom:1px solid #EFEFEF; margin-bottom:25px; padding-bottom:25px;}
.jm-guide-attention-inner{background-color:#F7F7F7; border-radius:8px; padding:20px 20px;  position: relative;}
.jm-guide-attention strong{font-size: 14px; color:#26262A; display:block; padding-left: 20px; background:url('../images/bg_attention.svg') center left no-repeat; margin-bottom: 12px;}
.jm-guide-attention ul li{margin-bottom: 12px; word-break: keep-all;}
.jm-guide-attention ul li:last-of-type{margin-bottom: 0;}
.jm-guide-attention ul li em{display:block; font-size:12px; color:#26262A; padding-left:10px; position:relative; margin-bottom: 5px;}
.jm-guide-attention ul li em:after{position:absolute; left: 0; top: 50%; margin-top: -2px; width:3px; height:3px; background-color:#26262A; border-radius:10px; content:"";}
.jm-guide-attention ul li p{font-size:12px; color:#656565;}


.jm-guide-qna-tab{margin-bottom:16px; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; background-color:#F7F7F7; padding:8px 20px; overflow:hidden;}
.jm-guide-qna-tab ul{display:flex; gap:4px; flex-wrap: wrap;}
.jm-guide-qna-tab ul li button{display:flex; height:32px; border:1px solid #EFEFEF; border-radius:100px; background-color:#fff; font-size:12px; color:#656565; align-items: center; justify-content: center; padding:0 12px; white-space: nowrap; font-weight: 400;}
.jm-guide-qna-tab ul li.active button, .jm-guide-qna-tab ul li button:focus{border:1px solid #5969FD; color:#5969FD; font-weight: 600; letter-spacing: -0.3px;}
.jm-guide-qna-nodata{border-top: 1px solid #EFEFEF; margin-top: 24px; padding-top: 24px;}
.jm-guide-qna-nodata-inner{background-color: #F7F7F7; min-height:350px; display:flex; justify-content: center; align-items: center; }
.jm-guide-qna-nodata .jm-guide-qna-nodata-inner p{font-size: 13px; color: #656565; text-align: center; padding-top:100px; background:url('../images/bg_qna_nodata.svg') top center no-repeat;}


.jm-guide-qna-search{margin-bottom: 24px; position: relative;}
.jm-guide-qna-search input[type="text"]{background-color:#EFEFEF; padding-right:80px; border: none;}
.jm-guide-qna-search input[type="text"]:hover, .jm-guide-qna-search input[type="text"]:focus{border:1px solid #26262A; outline:none; background-color: #fff;}
.jm-guide-qna-search input[type="text"] ~ .jm-input-btn { right: 40px;}
.jm-guide-qna-search .jm-input-search{position: absolute; top: 0; right: 12px; text-indent:-9999px; width:24px; height: inherit; background: url('../images/btn_qna_search.svg') center center no-repeat; cursor: pointer;}


.jm-guide-qna{position:relative; word-break: keep-all;}
.jm-guide-qna-list ul li{border:1px solid #D6D6D6; border-radius:4px; margin-top: 10px;}
.jm-guide-qna-list ul li:first-of-type{margin-top: 0;}
.jm-guide-qna-list ul li .jm-qna-question a{display:flex; flex-direction: column; align-items: flex-start; gap:10px; background-image:url('../images/Icon_arrow_off.svg'); background-position: right 14px center; background-repeat:no-repeat; padding: 12px 45px 12px 14px; }
.jm-guide-qna-list ul li.active .jm-qna-question a{background-image:url('../images/Icon_arrow_on.svg');}
.jm-qna-question em{background-color:#EFF0FF; color:#EFF0FF; font-size:11px; color:#5969FD; border-radius:20px; padding:6px 10px 5px 10px; flex:0 0 0%; font-weight: 600; line-height: 1;}
.jm-qna-question p{
  display:flex;
  flex-direction: column;
  gap:5px;
  width: 100%;
  overflow: hidden;
  white-space: break-spaces;
}
.jm-qna-question p strong{
  color:#26262A;
  font-size:13px;
  font-weight: 600;
}
.jm-qna-question p span{font-size: 10px; color:#A2A2A2;}
.jm-qna-anser{ font-size: 12px; color:#656565; padding:0 14px;}
.jm-qna-anser .jm-qna-anser-inner{border-top:1px solid #EFEFEF; padding: 10px 0; line-height: 1.5;}
.jm-qna-anser img{max-width:100% !important; height:auto !important;}
.jm-qna-anser p{white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere;}
.jm-guide-qna .jm-qna-more{position: absolute; right: 0; top: 0;}
.jm-guide-qna .jm-qna-more button{display:inline-block; padding-right:13px; background:url('../images/ico_more.svg') right 2px no-repeat; font-size:12px; color:#656565; font-weight: 400;}
.jm-help{border-top:1px solid #EFEFEF; margin-top:24px; padding-top:24px;}
.jm-help-cont{border-radius:8px; padding:16px 20px; background-color: #F7F7F7;}
.jm-help-cont-inner{padding:10px 0 10px 70px; background:url('../images/Icon_help.svg') left center no-repeat;}
.jm-help-cont em button{display:inline-block; padding-right:13px; background:url('../images/ico_more.svg') right 4px no-repeat; font-size:14px; color:#26262A; font-weight: 600;}
.jm-help-cont p{font-size: 12px; color:#656565; }


.jm-guide-qna-list.jm-notice-list{margin-top:28px;}
.jm-guide-qna-list.jm-notice-list ul li .jm-qna-question a {display: flex; flex-direction: row; align-items: flex-start;}
.jm-guide-qna-list.jm-notice-list ul li .jm-qna-question a em{flex: 0 0 auto; background-color:#ECECEC; color:#656565;}
.jm-guide-qna-list.jm-notice-list ul li .jm-qna-question a em.jm-imp{background-color:#FFE7E9; color:#FF3A4A;}
.jm-guide-qna-list.jm-notice-list ul li .jm-qna-question a p{flex: 1 1 100%; padding-top: 2px;}

.jm-guide-inquiry{}
.jm-inquiry-info{padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #EFEFEF;}
.jm-inquiry-input-cont{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #EFEFEF;}
.jm-inquiry-info-inner{background-color:#F7F7F7; padding:16px; display:flex; gap:12px; flex-direction: column;}
.jm-inquiry-info-inner strong{display:block; padding-left:21px; font-weight: 600; color:#26262A; font-size: 14px; background:url('../images/Icon_circlealert.svg') left 1px no-repeat;}
.jm-inquiry-info-inner p{font-size: 12px; color:#656565;}
.jm-inquiry-input-cont .jm-inquiry-tit{font-size: 16px; font-weight: 600; color: #26262A; margin-bottom: 16px;}
.jm-inquiry-input-area {margin-bottom: 20px;}
.jm-inquiry-input-area:last-of-type{margin-bottom: 0;}
.jm-inquiry-input-area > label, .jm-inquiry-input-area .jm-label-txt label{display:inline-block; font-size: 13px; color: #26262A; margin-bottom: 8px; font-weight: 500;}
.jm-inquiry-input-area .jm-label-txt{display:flex; justify-content: space-between;}
.jm-inquiry-input-area .jm-label-txt p{font-size: 12px; color: #656565;}
.mis-textarea-count{text-align: right; }
.mis-textarea-count span{font-size: 12px; color:#656565;}
.str{font-size:13px; color:#FF3A4A;}
.jm-iia-check {display:flex;}
.jm-iia-check .input_box{flex:0 0 50%}
.jm-input:has(textarea){height:auto;}
.jm-input:has(.input_box){height:auto;}

.jm-privacy {margin-bottom: 20px;}
.jm-privacy .jm-privacy-tit{font-size: 14px; font-weight: 600; color: #26262A; margin-bottom: 12px;}
.jm-privacy .jm-privacy-cont{background-color: #F7F7F7; padding:16px; margin-bottom: 8px}
.jm-privacy .jm-privacy-cont ul li{position: relative; padding-left:10px; font-size: 12px; color: #656565; margin-bottom: 4px;}
.jm-privacy .jm-privacy-cont ul li:after{position:absolute; left: 0; top: 7px; width:3px; height:3px; background-color:#26262A; border-radius:10px; content:"";}
.jm-privacy .jm-privacy-cont ul li:last-of-type{margin-bottom: 0;}
.jm-privacy > p{text-align: right;}

.jm-tit-txt{background:url('../images/Icon_trianglealert_16.svg') left 1px no-repeat; font-size: 12px; color: #656565; padding-left:22px; margin-bottom: 16px;}
.jm-tit-txt span{color:#FF3A4A;}

.editor-area{font-size: 12px; color: #656565;}


/* 로딩중 */
body:has(.loading){overflow: hidden;}
.loading{position: fixed; z-index: 990; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); transition: opacity .2s; display:flex; justify-content: center; align-items: center;}
.loading-bar {margin: calc(50% - 25px) auto; width: 80px; height: 80px; border: 3px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; border-top-color: white; border-bottom-color: white; border-radius: 100%; animation: spin 1s ease-in-out infinite;}
@keyframes spin {
  100%
  {
    transform: rotate(180deg);
  }
}

/* 정렬 */
#jm-wrap .text_left { text-align:left !important;}
#jm-wrap .text_center { text-align:center !important;}
#jm-wrap .text_right { text-align:right !important;}
#jm-wrap .jm-flex-center { display: flex; align-items: center;}

/* margin */
#jm-wrap .jm_mb0 { margin-bottom: 0px;}
#jm-wrap .jm_mb10 { margin-bottom: 10px;}
#jm-wrap .jm_mb15 { margin-bottom: 15px;}
#jm-wrap .jm_mb16 { margin-bottom: 16px;}
#jm-wrap .jm_mb20 { margin-bottom: 20px;}
#jm-wrap .jm_mb25 { margin-bottom: 25px;}
#jm-wrap .jm_mb30 { margin-bottom: 30px;}
#jm-wrap .jm_mb32 { margin-bottom: 32px;}
#jm-wrap .jm_mb35 { margin-bottom: 35px;}
#jm-wrap .jm_mb40 { margin-bottom: 40px;}
#jm-wrap .jm_mb45 { margin-bottom: 45px;}
#jm-wrap .jm_mb50 { margin-bottom: 60px;}
#jm-wrap .jm_mb105 { margin-bottom: 105px;}

#jm-wrap .jm_mt0 { margin-top: 0px;}
#jm-wrap .jm_mt10 { margin-top: 10px;}
#jm-wrap .jm_mt15 { margin-top: 15px;}
#jm-wrap .jm_mt20 { margin-top: 20px;}
#jm-wrap .jm_mt25 { margin-top: 25px;}
#jm-wrap .jm_mt30 { margin-top: 30px;}
#jm-wrap .jm_mt35 { margin-top: 35px;}
#jm-wrap .jm_mt40 { margin-top: 40px;}
#jm-wrap .jm_mt45 { margin-top: 45px;}
#jm-wrap .jm_mt50 { margin-top: 60px;}


@media (max-width: 660px) {
  /* head */
  .jm-header {flex: 0 0 56px;}

  .jm-container{width:100%;}

  .jm-content{padding:12px 20px;}
  .jm-content.jm-cnt0 {padding:8px 20px;}
  .jm-content.jm-cnt1{padding:14px 20px;}
  .jm-content.jm-cnt2{padding:12px 20px 28px 20px;}
  .jm-content.jm-cnt3{padding:16px 20px;}
  .jm-content.jm-cnt5{padding:16px 20px;}
  .jm-content.jm-cnt6{padding:28px 20px;}
  .jm-content.jm-cnt7{padding-bottom:24px;}

  .jm-top-banner p{font-size: 13px;}
  /* 신분증 촬영 / 안면인증 안내  */
  .jm-padding-all{padding-top:52px;}

  .jm-sub-title{font-size:22px; margin-bottom: 20px; }
  .jm-sub-title:has(+ .jm-sub-txt){margin-bottom:20px;}
  .jm-sub-title:has(+ .jm-sub-txt){margin-bottom:22px;}
  .jm-sub-title.jm-sub-pass{margin-bottom: 12px;; }
  .jm-sub-title:has(~ .jm-only-img){margin-bottom:16px !important}
  .jm-sub-txt{margin-bottom:16px; font-size: 12px;}
  .jm-sub-txt:has(~ .jm-only-img){margin-bottom:20px;}
  .jm-sub-title:has(~ .jm-cnt3-inner){margin-bottom:16px;}
  .jm-sub-txt:has(~ .jm-cnt3-inner){margin-bottom:20px;}


  /* btn */
  .jm-bot-btn{margin-bottom:12px;}
  .jm-btn-txt p{margin-bottom:16px;}
  .jm-btn-txt .jm-mo-hidden{display:none;}
  .jm-btn-txt.bd-t {padding-top: 24px;}
  .jm-btn-txt.jm-btn-center{margin-bottom: 24px;}
  .jm-btn-txt p span{display:block;}
  .jm-icon-info p{font-size:12px;}

  /* 고객센터 - 이용안내 */
  .jm-guide-tit {font-size:22px; }
  .jm-guide-qna-search {margin-bottom: 20px;}
  .jm-guide-qna-list.jm-notice-list{margin-top:0;}
  .jm-inquiry-info{padding-bottom:20px; margin-bottom:20px;}
  .jm-guide-qna-nodata{margin-top: 20px; padding-top: 20px;}

  /* 메인 탭 */
  .jm-main-tab{min-width:100%; margin-top:4px;}
  .jm-main-tab ul li.active:last-of-type:before, .jm-main-tab ul li:last-of-type:hover:before, .jm-main-tab ul li:has(button:focus):last-of-type:before{display:none;}

  /* 모달 팝업 */
  .jm-notice.popup-open > .inner-layer-popup{width: calc(100% - 40px);}
  .jm-notice .layer-popup-contents .layer-popup-contents-inner{height: 168px;}

  /* 슬라이드 팝업 */
  .jm-careful.popup-open > .inner-layer-popup{width: 100%; min-width: 100%;}

  /* 상단배너 */
  .jm-top-banner{ padding:0 0 16px 0; background-position: right -10px top;}
  .jm-cnt0 .jm-top-banner {padding:7px 0; margin-bottom: 8px;}

  /* 배경박스 */
  .jm-primary-box {padding:22px 24px; margin-bottom: 14px;}
  .jm-primary-box.jm-border-primary{margin-bottom: 20px;}
  .jm-primary-box.jm-border-primary2{margin-bottom: 24px;}
  .jm-primary-box.jm-primary-txt-bottom{margin-bottom: 16px;}
  .jm-agency-cont.border-t:after{position:absolute; left:-20px; bottom:-20px; width: calc(100% + 40px); height:1px; background-color:#EFEFEF; content:"";}
  .jm-agency-cont.border-b:before{position:absolute; left:0; bottom:0px; width:100%; height:1px; background-color:#EFEFEF; content:"";}
  .jm-primary-box.jm-border-primary:has(+ .jm-primary-box){margin-bottom: 40px;}
  .jm-primary-box:has(+ .jm-primary-box):after {left:-20px; width: calc(100% + 40px); bottom: -20px;}
  .jm-cnt0 .jm-primary-box { padding:20px 24px;}
  .jm-cnt6 .bg-none .jm-icon-info{gap: 10px;}

  .jm-primary-info-notice{width:100%;}

  .jm-agency-cont {padding: 20px 0 16px 0;position: relative;}
  .jm-agency-list {margin-bottom: 12px;}

  .jm-primary-sect .jm-btn-txt.jm-btn-center.bd-t{border-top: none; padding-top: 0px;}
  .jm-primary-sect .jm-primary-box.jm-border-primary2 {margin-bottom: 16px;}



  /* 신원확인 절차 안내 */
  .jm-primary-box ul{gap: 20px;}
  .jm-primary-box ul li:after{top: -16px; height:15px; }
  .jm-primary-box ul li p:has(i){font-size: 13px;}
  .jm-primary-box ul li p span{display:block;}
  .jm-primary-box ul li p span.jm-ss-txt{display:inline;}
  .jm-primary-box.bg-none{padding-bottom:24px; margin-top: 10px;}

  /* 촬영 */
  .jm-camera-content{width:100%;}
  .jm-focus-info-btn{width:100%;padding-bottom:48px;}
  .jm-camera.rect {width:324px; height: 205px;}
  /* .jm-camera.cercle { width:204px; height: 204px;} */
  .jm-focus-btn{width:108px; height:108px;}
  .jm-focus {padding-top: 32px;}

  /* 신분증 확인 */
  .jm-layout-top{flex: 1 1 100%;}
  .jm-layout-bottom{flex: 0 0 auto;}
  .jm-idcard{flex-direction: column; margin-top: 28px; gap: 0;}
  .jm-idcard .jm-idcard-img {flex: 0 0 auto;}
  .jm-idcard-list {width: 100%; }
  .jm-idcard-list ul li{padding:15px 8px;}
  .jm-idcard-list ul li:first-of-type {padding-top: 15px;}




  .bg-none .jm-icon-info{gap: 10px; margin-top: 22px;}

  /* 고객센터 - 이용안내 */
  .jm-help-cont{padding:12px 16px; margin-bottom:20px;}
  .jm-guide-attention-inner{padding:16px;}

  .jm-guide-qna-tab{position: absolute; left: 0; right: 0; width: 100%; z-index:1;}
  .jm-guide-qna-tab ul{flex-wrap: nowrap;;}

  .jm-guide-qna{margin-top: 90px;}
  .jm-guide-qna:has(.jm-notice-list){margin-top: 0;}
  .jm-guide-qna-list.jm-notice-list {margin-top: 0;}

  .jm-guide-step-img2{padding:21px 0 21px 0;}

  .jm-privacy .jm-privacy-cont ul li{margin-bottom: 12px;}

  .jm-guide-list ul li{padding:54px 0 14px 0; background-position: center 18px; }


  /* 고객센터 - 이용안내 */
.jm-guide-list ul li span{display:block;}


  /* 에러 */
  .jm-container-error{padding-top:108px}
}

@media (max-width: 420px) {


}


@media (max-width: 360px) {
  .jm-primary-box .jm-primary-img img {width: 100%;}
  .jm-guide-step-img .jm-guide-step-img-mo{display:block;}
  .jm-guide-step-img .jm-guide-step-img-pc{display:none;}

  /* 모달 팝업 */
  .wrap-layer-popup.popup-open > .inner-layer-popup{width: calc(100% - 40px); max-width: 100%; min-width: auto;}
  .wrap-layer-popup.jm-careful.popup-open > .inner-layer-popup{width:100%; max-width: 100%; min-width: auto;}
}
@media (max-width: 350px) {
  .jm-primary-box ul li p span {display: inline;}
}
@media (max-width: 330px) {
  .jm-primary-box ul li p span.jm-ss-txt {display: block;}
  .jm-primary-box ul li:after {top: -18px;}

}
@media (max-width: 320px) {
  /* 메인 탭 */
  .jm-main-tab ul li a {letter-spacing: -1px;}
}

/* === 마스크 처리  === */
#scanContainer {
  position: relative;
  overflow: hidden;
  background-color: #373737;
}

/* video 전체 배경 */
#scanContainer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/* scanBoxMask: 신분증 영역 네모 + 바깥 어두운 효과 */
#scanBoxMask {
  z-index: 3;

  /* 바깥 영역 전체를 어둡게 덮음 */
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.85);
}

/* 텍스트 등은 위로 오도록 */
.jm-focus-txt,
.jm-focus-info-btn {
  position: relative;
  z-index: 4;
}

/* 웹접근성 */
.blind { position:absolute!important; overflow:hidden; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); }/* KDP-56554 수정 */