@charset "utf-8";
/* @import 'font_m.css'; */
@import 'reset_m.css';

/* Font */
@font-face{
	font-family:"KBFGText";
	font-style:normal;
	font-weight:300;
	src:url('../font_m/KBFGTextL.woff2') format('woff2');
}

@font-face{
	font-family:"KBFGText";
	font-style:normal;
	font-weight:500;
	src:url('../font_m/KBFGTextM.woff2') format('woff2');
}

@font-face{
	font-family:"KBFGText";
	font-style:normal;
	font-weight:700;
	src:url('../font_m/KBFGTextB.woff2') format('woff2');
}

@font-face{
	font-family:"Montserrat";
	font-style:normal;
	font-weight:400;
	src:url('../font/Montserrat-Regular.woff') format('woff');
} 

@font-face{
	font-family:"Montserrat";
	font-style:normal;
	font-weight:500;
	src:url('../font/Montserrat-Medium.woff') format('woff');
}

@font-face{
	font-family:"Montserrat";
	font-style:normal;
	font-weight:700;
	src:url('../font/Montserrat-Bold.woff') format('woff');
}


/* 공통 */
.rounded-pill{border-radius:50rem!important;}
.f-red{color:#d10d18 !important;}
.txt_red { color: #ff0000 !important; }
.txt_red::before { background-color: #ff0000 !important; }
.font_300 { font-weight: 300 !important; }

.btn{display: inline-block; vertical-align:top; font-weight: 400; line-height:1; text-align: center; text-decoration: none;border:none}

.btn-light{background:#dcdcdc; color:#222;}
.btn-light:hover,
.btn-light:focus,
.btn-light:active{background:#dcdcdc; color:#222;}

.btn-yellow{background:#ffcc00; color:#222;}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active{background:#ffcc00; color:#222;}

.btn-brown{background:#928781; color:#fff;}
.btn-brown:hover,
.btn-brown:focus,
.btn-brown:active{background:#928781; color:#fff;}

.text-start{text-align:left;}
.text-center{text-align:center;}
.text-end{text-align:right;}

.m-auto{margin:auto;}
.d-flex{display:flex;}
.flex-row {flex-direction:row! important;}
.justify-content-between{justify-content:space-between!important}

.d-block{display:block !important;}
.d-inline-block{display:inline-block !important;}
.d-none{display:none !important;}

.float-left{float:left;}
.float-right{float:right;}

.row{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5);}
.row>* {flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);}
.col{flex: 1 0 0%;}
.col-6{flex: 0 0 auto; width:50%;}

.dropdown, .dropend, .dropstart, .dropup{position:relative;}
.dropdown-toggle{white-space:nowrap}
.dropdown-menu{position: absolute; left:10px; z-index: 1000; display: none; min-width: 10rem; margin: 0; color: #212529; text-align: left; list-style: none;}

.form-check .form-check-input[type="radio"] + label{position:relative;}
/* start 2021.10.16 FJB System 수정 */
.form-check .bg-white[type="radio"] + label:before{background-color:#fff; border:1px solid #dddddd; box-sizing:border-box;}
/* end 2021.10.16 FJB System 수정 */


.form-check .form-check-input[type="checkbox"] + label{position:relative;}

/* start 2021.10.16 FJB System 수정 */
.form-check .form-check-input[type="checkbox"] + label:before{content:""; display:block; position:absolute; left:0; top:0; width:2.2rem; height:2.2rem; border-radius:100rem;background-color:#d6d8e1;}
.form-check .form-check-input[type="checkbox"] + label:after{content:""; display:block; position:absolute; left:0; top:0; width:2.2rem; height:2.2rem; border-radius:100rem; background-image:url(/kb_client/images_m/ico-selected-color.svg); background-repeat:no-repeat; background-position:center; background-size:150%;}
/* end 2021.10.16 FJB System 수정 */

.form-check .form-check-input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.form-check .form-check-input[type="checkbox"]:checked + label:after{background-color:#ffd800;}
.dropdown-menu-color .form-check{width:auto; height:1.7rem; position:relative;}
.dropdown-menu-color .form-check input{width:1.7rem; height:1.7rem; border:none; margin-top:0;}
.dropdown-menu-color .form-check .form-check-input:checked{box-shadow:0 0 0.69vw 0 #4896d6; background-size:70% !important;}
.dropdown-menu-color .form-check .form-check-input.bg-pink-red{background-color:#ff0054}
.dropdown-menu-color .form-check .form-check-input.bg-pink-red:checked{border:none; background:#ff0054 url(/kb_client/images_m/ic-selected-color.png) no-repeat center;}
.dropdown-menu-color .form-check .form-check-input.bg-tangerine{background-color:#ff9600}
.dropdown-menu-color .form-check .form-check-input.bg-tangerine:checked{border:none; background:#ff9600 url(/kb_client/images_m/ic-selected-color.png) no-repeat center;}
.dropdown-menu-color .form-check .form-check-input.bg-sunflower-yellow{background-color:#ffe400}
.dropdown-menu-color .form-check .form-check-input.bg-sunflower-yellow:checked{border:none; background:#ffe400 url(/kb_client/images_m/ic-selected-color.png) no-repeat center;}
.dropdown-menu-color .form-check .form-check-input.bg-vivid-green{background-color:#35d116}
.dropdown-menu-color .form-check .form-check-input.bg-vivid-green:checked{border:none; background:#35d116 url(/kb_client/images_m/ic-selected-color.png) no-repeat center;}
.dropdown-menu-color .form-check .form-check-input.bg-azure{background-color:#00a2ff}
.dropdown-menu-color .form-check .form-check-input.bg-azure:checked{border:none; background:#00a2ff url(/kb_client/images_m/ic-selected-color.png) no-repeat center;}
.dropdown-menu-color .form-check .form-check-input.bg-dark-periwinkle{background-color:#5a51d2}
.dropdown-menu-color .form-check .form-check-input.bg-dark-periwinkle:checked{border:none; background:#5a51d2 url(/kb_client/images_m/ic-selected-color.png) no-repeat center;}
.dropdown-menu-color .form-check .form-check-input.bg-black{background-color:#000}
.dropdown-menu-color .form-check .form-check-input.bg-black:checked{border:none; background:#000 url(/kb_client/images_m/ic-selected-color.png) no-repeat center;}
.dropdown-menu-color .form-check .form-check-input.bg-white{background-color:#fff}
.dropdown-menu-color .form-check .form-check-input.bg-white:checked{border:none; background:#fff url(/kb_client/images_m/ic-selected-color.png) no-repeat center;}

.wrap{width:100%; height:100%; overflow:hidden; position:fixed;}

/* header */

/* start 2021.10.16 FJB System 수정 */
header .sell_img {display:none;/* padding: 0 0 0 4vw; */}
header .sell_img.show {display:block;}
header .sell_img img {width:56px;margin-top:5px;margin-left:5px;vertical-align:top;}

header .nav{flex:auto; display:flex; gap:4.72vw; text-align:right; margin-right: 20px;}

/* start 2021.10.16 FJB System 수정 */
header .nav .btn-wrap{font-size:1.2rem; text-align:center;}
/* end 2021.10.16 FJB System 수정 */

header .nav .btn-wrap:first-child{margin-left:auto;}

/* start 2021.10.16 FJB System 수정 */
header .nav .btn-wrap .btn{background-size: contain; background-repeat: no-repeat;}
/* end 2021.10.16 FJB System 수정 */

header .nav .btn-wrap > span{display:none;}
/* header .nav .btn-wrap .btn:hover,
header .nav .btn-wrap .btn:focus,
header .nav .btn-wrap .btn:active{background-color:#f6f6f6;} */
header .nav .btn-wrap .btn[disabled="disabled"] + span{color:rgba(34,34,34,0.6)}

header .nav .btn-wrap .btn-pointer{background-image:url(/kb_client/images_m/icon_pointer.svg)}
header .nav .btn-wrap .btn-pointer:hover,
header .nav .btn-wrap .btn-pointer:focus,
header .nav .btn-wrap .btn-pointer:active{background-image:url(/kb_client/images_m/icon_pointer_active.svg)}
header .nav .btn-wrap .btn-pointer[disabled="disabled"]{background-image:url(/kb_client/images_m/ico-pointer-disabled.svg)}
header .nav .btn-wrap .btn-pen{background-image:url(/kb_client/images_m/icon_pen.svg); box-sizing:content-box;}
header .nav .btn-wrap .btn-delete{background-image:url(/kb_client/images_m/icon_delete_active.svg)}
header .nav .btn-wrap .btn-delete:active {background-image: url(/kb_client/images_m/icon_delete.svg);}


/* contents */
.video-wrap{ position: relative; width:100%; max-height:100%; font-size:0; text-align:center;}
.video-wrap .video{border-radius:1rem; overflow:hidden; position:relative; background-color:#eae9e7; box-shadow:inset 0px -0.8rem 0.8rem 0 rgba(0, 0, 0, 0.1)}
.video-wrap .video .video-inner{display:inline-block;}
.video-wrap .video .video-on{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.video-wrap .video *{text-align:left;}
.video-wrap .video .video-object{position:absolute; top:0; left:0; width:100%; height:100%;}
.video-wrap .video .video-object .inner-shadow{width:100%; height:100%; background: linear-gradient(0deg, rgba(59,62,82,0.4) 0%, rgba(0,0,0,0) 16.7%, rgba(0,0,0,0) 71.6%, rgba(37,37,37,0.18) 100%);}

/* start 2021.10.16 FJB System 수정 */
.video-wrap .video .video-object .video-tag{padding: 0.35rem 0.7rem 0.4rem 0.5rem; position:absolute; top:0.7rem; left:0.7rem; background:rgba(255,255,255,0.7); border-radius:100rem; line-height:1;}
.video-wrap .video .video-object .video-tag .circle-md{display:inline-block; width:1.2rem; height:1.2rem; margin-right:0.5rem; vertical-align:middle;}
.video-wrap .video .video-object .video-tag span{font-size:1.2rem; vertical-align:top; color:#4d4941;}
.video-wrap .video .video-object .video-status{position:absolute; bottom:0.9rem; left:0.9rem; width:100%; }
/*.video-wrap .video-lg{width:100%; height:45%;}*/
.video-wrap #mainScreen { width:100%; aspect-ratio: 1.334; background-color: #000; max-height: 450px; display: flex; justify-content: center;}
.video-wrap #mainScreen video {position:static ! important; background-color: #000; border-radius: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain; max-height: 450px; }
.video-wrap #mainScreen video.mirror { transform: scaleX(-1); }
#shareScreen {display: flex;justify-content: center;align-items: center; overflow: hidden;}
#shareScreen .img_container{align-items: flex-start;}

.sub_screen .video_off_container { background-image: unset !important; background: linear-gradient(180deg, #313131 0%, #3d3d3d 99.99%) !important; }

/* .video-wrap .video-md-wrap{margin-top:0; height:140px; box-sizing:border-box; position: fixed; bottom: 0; width: 100%;} */


/* start 2021.10.16 FJB System 수정 */
/* .video-wrap .timer-wrap{text-align:center; height:1.6rem; margin-top:0.7rem;}
.video-wrap .timer{height:100%; padding:0 0.4rem; background-color:#e8e8e8; font-size:1.2rem; color:#423829; line-height:1.6rem; display:inline-block;} */
.capture-wrap{display:none; width:100%; height: 100%; position:relative;}
.capture-wrap .capture-img{width:100%; height:100%; max-height:100%; text-align:center;}
.capture-wrap .capture-img img{width:auto;}
/* end 2021.10.16 FJB System 수정 */


.capture-wrap .video-object{position:absolute; top:0; left:0; width:100%; height:100%;}
.capture-wrap .video-object .inner-shadow{position:absolute; top:0; left:0; width:100%; height:100%;}

/* start 2021.10.16 FJB System 수정 */
.capture-wrap .video-object .btn-white{width:12.56vw; height:8.40vw; padding:0; text-align:center; position:absolute; top:-4.02vw; right:4.09vw; border-top:1px solid rgba(0,0,0,0.1)}
.capture-wrap .video-object .btn-white.hide{border-top:0; border-bottom:1px solid rgba(0,0,0,0.1) ;}

/* footer */
footer{width:100%; height:9rem; position:fixed; bottom:0; left:0;}


.video-capture .video-wrap .video{overflow:visible;}
/* start 2021.10.16 FJB System 수정 */
.video-capture .video-wrap .video .video-inner{width:100%; height:6.8rem; border-radius:1rem; overflow:hidden; position:relative;}
.video-capture .video-wrap .video .video-object .inner-shadow{border-radius:1rem; overflow:hidden; background:linear-gradient(0deg, rgba(59,62,82,0.2) 0%, rgba(0,0,0,0.01) 40%,  rgba(0,0,0,0.01) 70%, rgba(37,37,37,0.4) 100%);}
/* end 2021.10.16 FJB System 수정 */
.video-capture .video-wrap .timer-wrap{display:none;}
.video-capture .video-md-wrap .video-md{width:calc((100% - 8.32vw) / 2); height:100%; margin-left:4.16vw; }
.video-capture .capture-wrap{display:flex;}


/* video-capture-expend : 고객 공유화면 expend */
.video-capture.expend .video-wrap{display:none;}
.video-capture.expend .capture-wrap{display:flex; height:100%; }
.video-capture.expend .capture-wrap .capture-img{height:100%;}
.video-capture.expend .capture-wrap .capture-img img{max-height:none; height:100%;}
.video-capture.expend .capture-wrap .video-object .btn-white{top:4.16vw; right:4.16vw;}

/* start 2021.10.16 FJB System 수정 */
.popup-wrap{display:none; position:fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index:1002;}
.popup-wrap .dim{width:100%; height:100%; background:rgba(0,0,0,0.6)}
.popup-wrap .popup{display:none; background:#ffffff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.popup-wrap .popup-lg{width:100%;}
.popup-wrap .popup-md{width:87.2vw;}
.popup-wrap .popup .tit{font-size:1.6rem; text-align:center;}
.popup-wrap .popup .bt-wrap{width:100%; height:auto;}
.popup-wrap .popup .bt-wrap .btn-wrap{display:flex; width:100%; height:auto;}

.popup-wrap .popup .bt-wrap .btn-wrap .btn{flex:1; text-align:center; height:4.3rem; font-weight:bold; font-size:1.4rem; /*letter-spacing:0.6rem*/}
.popup-wrap .logo-sm-wrap{padding-top:1.5rem; height:1.5rem; box-sizing:content-box; text-align:center;}
.popup-wrap .btn-lg{width:100%; font-size:1.4rem;}
.popup-wrap .popup-con{min-height:8.7rem; padding-top:3rem; padding-bottom:3rem;}

.popup-upload{text-align:center;}
.popup-upload .tit{color:#4e473f; padding-bottom:0.9rem;}
.popup-upload .btn-wrap .btn{display:block; letter-spacing:0; }
.popup-upload .btn-wrap .btn-white{padding:2rem 0; text-align:center; color:#5a5a5a; font-size:1.4rem; border-top:1px solid #e8e8e8;}
.popup-upload .btn-wrap .btn-white:first-child{border-top:none;}

.layer-connecting .tit{margin-top:0;}
.layer-connecting .btn-wrap{margin-top:0;}
.layer-cancel-connect .img-wrap{margin-top:5.5rem; margin-bottom:5.2rem; height:12rem}
.layer-delay-info .img-wrap{margin-top:5.52rem; margin-bottom:6.3rem; height:6.9rem;}
.layer-delay-info .tit{margin-top:0;}

.layer-reserve-callback{padding-top:1.5rem; }
.layer-reserve-callback .tit{margin-top:0;}

/* start 2021.10.16 FJB System 수정 */
.layer-callabck-done{padding-top:10.3rem;}
/* end 2021.10.16 FJB System 수정 */

.layer-callabck-done .tit{margin-top:0;}

/* start 2021.10.16 FJB System 수정 */
.layer-callabck-done .img-wrap{margin-top:3rem; margin-bottom:3rem; height:16.4rem;}
.layer-callabck-done p{font-size:1.4rem;}

.layer-photo-id p{font-size:1.4rem;}
.layer-photo-id .img-wrap{margin-top:4.4rem; margin-bottom:4.3rem; height:14.3rem;}
.layer-photo-id .btn-wrap{margin-top:0}

.layer-end-consult .img-wrap{margin-top:5.8rem; margin-bottom:5.5rem; height:11.5rem;}



@media screen and (max-width:330px) {
	.layer-popup{padding-top: 10%;}
	.layer-photo-id .btn-wrap{position: unset; padding: 2.4rem 10.41vw;}
}


/* 가로모드 미지원 팝업  */
.portrait_container{display: none;}
.portrait_container.on { position:fixed; z-index:1003; top:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;  background:rgba(0,0,0,0.8)}
.portrait_container.on .portrait_txt{position:relative;padding-top:66px;font-size:18px;font-weight:500;color:#fff;line-height:24px;letter-spacing:-.3px;}
.portrait_container.on .portrait_txt::before{content:'';position:absolute;top:0;left:50%;width:48px;height:48px;margin-left:-24px;background:url(/kb_client/images_m/ico_landscape.svg) no-repeat 0 0 / 48px}
.loading-img{display:inline-block;  transform-origin:center center; animation:loading_ani 5s linear infinite;}

@keyframes loading_ani {
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}

.iframe-100{
	margin: 0 auto;
	padding: 0;
	display: block;
	border:none;
	height: 99.9%;
	width: 100%;
	overflow: hidden;
	position: fixed;
}

.loading-wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh; z-index:1010;}
.loading-wrap .dim{width:100%; height:100%; background:rgba(0,0,0,0.6)}
.loading-wrap .popup{display:none; background:#ffffff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.loading-wrap .popup-lg{width:100%;}
.loading-wrap .popup-md{width:84.16vw;}

.loading-wrap .popup .tit{font-size:2.5vh; text-align:center; padding-top:1.59vh;}
.loading-wrap .popup p{font-size:2.04vh; color:#5a5a5a;}
.loading-wrap .popup .bt-wrap{width:100%; height:auto;}
.loading-wrap .popup .bt-wrap .btn-wrap{display:flex; width:100%; height:auto;}
.loading-wrap .popup .bt-wrap .btn-wrap .btn{flex:1; text-align:center; height:6.82vh; font-weight:bold; font-size:2.27vh; letter-spacing:0.91vh}
.loading-wrap .logo-sm-wrap{padding-top:2.31vh; height:2.35vh; box-sizing:content-box; text-align:center;}
.loading-wrap .btn-lg{width:100%; font-size:2.27vh;}
.loading-wrap .popup-con{min-height:13.61vh; padding-top:4.59vh; padding-bottom:4.59vh;}

.top-popup-wrap {display:none; position:fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index:1;}
.top-popup-wrap .dim{width:100%; height:100%; background:rgba(0,0,0,0.6)}
.top-popup-wrap .popup{display:none; background:#ffffff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.top-popup-wrap .popup-lg{width:100%;}
.top-popup-wrap .popup-md{width:84.16vw;}
.top-popup-wrap .popup .tit{font-size:1.6rem; text-align:center; padding-top:1rem;}
/* .top-popup-wrap .popup p{font-size:1.3rem; color:#5a5a5a;} */
.top-popup-wrap .popup .bt-wrap{width:100%; height:auto;}
.top-popup-wrap .popup .bt-wrap .btn-wrap{display:flex; width:100%; height:auto;}
.top-popup-wrap .popup .bt-wrap .btn-wrap .btn{flex:1; text-align:center; height:4.3rem; font-weight:bold; font-size:1.4rem; /*letter-spacing:0.6rem*/}
.top-popup-wrap .logo-sm-wrap{padding-top:1.5rem; height:1.5rem; box-sizing:content-box; text-align:center;}
.top-popup-wrap .btn-lg{width:100%; font-size:1.4rem; cursor:pointer;}
.top-popup-wrap .popup-con{min-height:8.7rem; padding-top:3rem; padding-bottom:3rem;}


/* Reset */
html,body,.wrap{height:100%; margin:0;padding:0; box-sizing:border-box;}
body {position:relative;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;color:#000; font-family:'KBFGText',sans-serif;}
body::before{position:fixed;left:0;top:0;width:100%;height:0;content:'';}/* fix webkit bug(scroll event delay) */
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,th,td,a,select,input,textarea,label,strong{margin:0;padding:0;font-family:'KBFGText',sans-serif;font-size:16px;font-weight:300;line-height:1.4;box-sizing:border-box;}
var {font-style:normal;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary,main{display:block;margin:0;padding:0;}
img,fieldset,iframe,button{border:0;}
li{list-style:none;}
button{overflow:visible;font-family:'KBFGText';border:0;outline:none;background:transparent;color:#000;line-height:inherit;cursor:pointer;vertical-align:middle;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
legend, caption, hr{display:none;}
select, input, textarea{border-radius:0;border:0;outline:none;-webkit-appearance:none; color:#000;}
i, em, u, cite {font-style:normal;}
strong{font-weight:700;}
b{font-weight:400;}
img{width:100%;border:0;vertical-align:top;}
a{color:#000;text-decoration:none;outline-offset:-1px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
address{font-style:normal;}
textarea{display:block;overflow-y:auto;resize:none;}
input::-webkit-input-placeholder{color:#999 !important; font-family:'KBFGText',sans-serif;}
input:-ms-input-placeholder{color:#999 !important; font-family:'KBFGText',sans-serif;}
textarea::-webkit-input-placeholder{color:#999 !important; font-family:'KBFGText',sans-serif;}
textarea:-ms-input-placeholder{color:#999 !important; font-family:'KBFGText',sans-serif;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance:none;margin:0; }
input[type="date"]::-webkit-inner-spin-button,input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance: none;}
input::-ms-clear,input::-ms-reveal{display:none;width:0;height:0;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
input, button{touch-action:manipulation;}

#uSkip{position:relative;z-index:3000;}
#uSkip a{position:absolute;top:-30px;left:0;width:138px;background:#333;text-align:center;}
#uSkip a:focus{top:0;z-index:1000;}
#uSkip span {display:inline-block;font-size:13px;color:#fff;line-height:26px;letter-spacing:-.1px;white-space: nowrap;}
.blind{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;overflow:hidden;}

/* common */
.layer_activated{overflow:hidden;}
.dim{width:100%;height:100%;background:rgba(0,0,0,.6); position: absolute; top: 0; z-index: 100;}
.wide{padding:0 !important;}
main.skin_white{height:100vh;background:url(../images_m/main_bg.svg)no-repeat 50%/cover; display: none;}
.main_header .logo .skin_dark_img{display:none;}
main.skin_dark .main_header .logo img{display:none;}

/* button */
.btn_wrap{height:auto; /* background:linear-gradient(0deg,#FFFFFF 0%, rgba(217, 217, 217, 0) 100%); */}
.btn_wrap button{width:100%; height:52px;padding:16px;border-radius:6px;font-size:16px;font-weight:700;line-height:20px;letter-spacing:-0.4px;}
.btn_wrap .btn_type_primary{background-color:#ffd600;color: #000;}
.btn_wrap .btn_type_primary:disabled{background-color:#fff599;color:#999;}
.btn_wrap .btn_type_primary.disabled{background-color:#fff599;color:#999;}
.btn_wrap .btn_type_secondary{background-color:#ececec;color: #000;}
.btn_wrap .btn_type_secondary:disabled{color:#999;}
.btn_wrap .btn_type_secondary.disabled{color:#999;}
/* .btn_wrap .btn_type_agree { background-color: #c9c9c9; } */
.btn_wrap.size_s{height:auto;background:none;}
.btn_wrap.size_s button{width:auto;height:30px;margin-top:0;padding:5px 8px;border-radius:4px;font-size:12px;font-weight:300;line-height:20px;letter-spacing:0;}
.btn_wrap.full{height:auto;background:none;}
.btn_wrap.full button{height:32px;margin-top:0;padding:6px;border-radius:4px;font-size:12px;font-weight:300;line-height:20px; color: #333; background-color: #eee;}
.btn_wrap.type2{display:flex;justify-content:space-between;gap:7px;}

/* .btn_wrap.type_arrow { position: absolute; top:50%; transform: translateY(-50%); right: 14px; z-index: 1; }
.btn_wrap.type_arrow button { padding: 0; width: 20px; height: 20px;background:url(../images_m/ic_expand_right.svg)no-repeat center /20px; font-size: 0;}
.btn_wrap.type_arrow.type_first { top: 23px; } */

.btn_wrap a{display:inline-block;width:100%;height:52px;margin-top:15px;padding:16px;border-radius:12px;font-size:16px;font-weight:700;line-height:20px;letter-spacing:-0.4px;text-align:center;}
.btn_wrap.size_s a{display:inline-block;width:auto;height:30px;margin-top:0;padding:5px 8px;border-radius:4px;font-size:12px;font-weight:300;line-height:20px;letter-spacing:0;}
.btn_wrap.full a{display:inline-block;height:32px;margin-top:0;padding:6px;border-radius:4px;font-size:12px;font-weight:300;line-height:20px;}
.btn_wrap.type2 a{width:calc(50% - 3.5px);}

/* form */
.form_box{width:100%;height:80px;padding:14px 16px;border:1px solid #e6e4e1;border-radius:6px;background-color:#fff;}
.form_box label{font-size:12px;font-weight:500;color:#777;line-height:24px;}
.form_box .inp_base{margin-top:5px;}
.form_box.disabled{border:1px solid #eee;background-color:#f4f4f4;}
.form_box.disabled label{color:#ccc;}
.form_box.disabled .inp_base input:disabled{background-color:#f4f4f4;}
.form_box.disabled .inp_base input:disabled::-webkit-input-placeholder{color:#ccc !important;}
.form_box.disabled .inp_base input:disabled::-ms-input-placeholder{color:#ccc !important;}
.form_box.disabled .inp_base .hyphen{color:#ccc;}
.form_box.disabled .btn_select{cursor:auto;}
.form_box.disabled .btn_select::after{background:#f4f4f4 url(../images_m/icon_arrow_down_disabled.png)no-repeat 100% 50%/22px;}
.form_box.disabled .text_base textarea{overflow-y:hidden;background-color:#f4f4f4;}
.form_box.disabled .text_base textarea::-webkit-input-placeholder{color:#ccc !important;}
.form_box.disabled .text_base textarea::-ms-input-placeholder{color:#ccc !important;}
.form_box.disabled .sel_label{color:#ccc;}
.form_box.disabled .sel_data{color:#ccc;}

.form_box.error{border:1px solid #ff5c5c;}
.form_box.error label{color:#ff5c5c;}
.form_box.error_complete{border:1px solid #5c9dff;}
.form_box.error_complete label{color:#5c9dff;}
.form_box.focus{border:1px solid #f8b500;box-shadow:0px 5px 5px rgba(0, 0, 0, 0.1);}
.form_box.selected .sel_data{color:#000;}

div.form_box:not(.sel_base){padding:28px 16px;}
div.form_box .inp_base{margin-top:0;}

.form_request{position:relative;padding-right:81px;}
.form_request .btn_wrap{position:absolute;top:calc(50% + -17px);right:calc(16px + -81px);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.form_request .timer{position:absolute;top:calc(50% + -17px);right:calc(16px + -81px);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;color:#FF0000;line-height:20px;}
.form_text{height:auto;}

.form_check{overflow:hidden;border:1px solid #e6e4e1;border-radius:6px;}
.form_check .inp_all_chk{display:block;}
.form_check .inp_all_chk span:not(.txt_info){display:block;position:relative;z-index:1;padding:12px 14px 12px 52px;background-color:#fff;font-size:14px;font-weight:500;line-height:23px;text-align:left;color: #000;}
.form_check .inp_all_chk span:not(.txt_info) strong{font-weight:500;color:#ff0000;font-size: 14px;}
.form_check .inp_all_chk span:not(.txt_info)::before{content:'';position:absolute;top:11px;left:14px;width:24px;height:24px;border-radius:50%;background:url(../images_m/icon_check_off.svg)no-repeat 0 /24px;}
.form_check .inp_all_chk input{display:none;}
.form_check .inp_all_chk input:checked + span:before{background:url(../images_m/icon_check_on.svg)no-repeat 0 /24px;}
/* .form_check .card_cont{height:0;padding:0;background-color:#F7F7F7;}
.form_check .card_cont li{padding-top:10px;}
.form_check .card_cont li:first-child{padding-top:0;}
.form_check .card_cont.active{height:auto;padding:15px 16px;}
.form_check .inp_chk input{display:none;}
.form_check .inp_chk .chk_info{display:inline-flex;position:relative;padding-left:34px;}
.form_check .inp_chk .chk_info::before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url(../images_m/icon_check_off_s.png)no-repeat 50%/24px;}
.form_check .inp_chk .chk_info strong{font-size:14px;font-weight:500;line-height:24px;}
.form_check .inp_chk .chk_info span{padding-left:6px;font-size:14px;line-height:24px;}
.form_check .inp_chk input:checked + .chk_info::before{background:url(../images_m/icon_check_on_s.png)no-repeat 50%/24px;} */
.form_check .card_cont{padding:0;padding-left: 32px;margin-top: 5px;}
.form_check.type2 .card_cont { margin-top: 10px; padding-left: 40px; } 
.form_check.type2 + .form_check  { margin-top: 10px; } 
.form_check .card_cont li{padding-top:7px; position: relative;}
.form_check .card_cont li:first-child{padding-top:0;}
.form_check .card_cont.active{height:auto;}
.form_check .card_cont li.card_cont_tl { font-size: 14px; line-height: 22px; font-weight: 500; }
.form_check .inp_chk input{display:none;}
.form_check .inp_chk .chk_info{display:inline-flex;position:relative;padding-left:27px;}
.form_check .inp_chk .chk_info::before{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:url(../images_m/icon_check_off20.svg)no-repeat 50%/20px;}
.form_check .inp_chk .chk_info strong{font-size:14px;font-weight:500;line-height:24px;}
.form_check .inp_chk .chk_info span{font-size:12px;line-height:24px; font-weight: 500;}
.form_check .inp_chk input:checked + .chk_info::before{background:url(../images_m/icon_check_on20.svg)no-repeat 50%/20px;}
.form_check .txt_info{line-height:22px;letter-spacing:0;}

.form_check.has_btn{position:relative; z-index: 0;}
.form_check.has_btn .inp_all_chk span{padding:10px 16px 13px 44px; background: url(../images_m/ic_expand_right.svg) no-repeat top 10px right 16px / 20px;}
.form_check.has_btn .btn_wrap{position:absolute;bottom:13px;left:16px;right:16px;z-index:1;}

.form_check.has_txt .inp_all_chk span:not(.txt_info){padding-bottom:0;}
.form_check.has_txt .inp_all_chk span:not(.txt_info) .agree_txt { position: relative; margin-top: 10px; font-size: 14px; font-weight: 500; color: #222; padding-left: 15px; }
.form_check.has_txt .inp_all_chk span:not(.txt_info) .agree_txt::before { display: block; content: ""; position: absolute; top: 6px; left: 3px; width: 6px; height: 6px; border-radius: 3px; background-color: #000; }
.form_check.has_txt .inp_all_chk .txt_info{display:block;padding:14px 14px 13px 44px;}

.form_check.has_txt .inp_all_chk span:not(.txt_info) ol { position: relative; margin: 10px 0; padding-left: 15px; }
.form_check.has_txt .inp_all_chk span:not(.txt_info) ol li { position: relative; font-size: 14px; font-weight: 500; color: #222; list-style-position: outside; }
.form_check.has_txt .inp_all_chk span:not(.txt_info) ol li + li { margin-top: 6px; }

.form_check.type_arrow .inp_all_chk span:not(.txt_info) { background:url(../images_m/ic_expand_right.svg)no-repeat top 50% right 14px / 20px; padding-right: 30px; }

.form_check_type2{overflow:hidden;}
.form_check_type2 .inp_all_chk{display:block;}
.form_check_type2 .inp_all_chk span{display:block;position:relative;padding:26px 40px 26px 56px;background-color:#fff;font-size:16px;font-weight:500;line-height:24px;text-align:left;}
.form_check_type2 .inp_all_chk span::before{content:'';position:absolute;top:23px;left:16px;width:28px;height:28px;border-radius:50%;background:url(../images_m/icon_check_off.svg)no-repeat 50%/28px;}
.form_check_type2 .inp_all_chk span::after{content:'';position:absolute;top:29px;right:19px;width:18px;height:18px;background:url(../images_m/icon_arrow_right.png)no-repeat 50%/18px;}
.form_check_type2 .inp_all_chk input{display:none;}
.form_check_type2 .inp_all_chk input:checked + span::before{background:url(../images_m/icon_check_on.png)no-repeat 50%/28px;}
.form_check_type2 .card_cont{height:auto;padding:13px 14px; margin-top: 12px; border: 1px solid #eee; border-radius: 6px;}
.form_check_type2 .card_cont li{margin-top:26px;}
.form_check_type2 .card_cont li:first-child{margin-top:0;}
/* .form_check_type2 .card_cont.active{height:0;padding:0;} */
.form_check_type2 .inp_chk input{display:none;}
.form_check_type2 .inp_chk .chk_info{display:inline-flex;position:relative;padding-left:38px;}
.form_check_type2 .inp_chk .chk_info::before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url(../images_m/icon_check_off.svg)no-repeat 0 /24px;}
.form_check_type2 .inp_chk .chk_info strong{font-size:14px;font-weight:500;line-height:24px;}
.form_check_type2 .inp_chk .chk_info span{padding-left:4px;font-size:14px;font-weight:500;line-height:24px;}
.form_check_type2 .inp_chk input:checked + .chk_info::before{background:url(../images_m/icon_check_on.svg)no-repeat 0 / 24px;}
.form_check_type2.active .card_cont{background-color:#FFF8E6;}
.form_check_type2 .btn_all_chk{display:block; width: 100%;}
.form_check_type2 .btn_all_chk span{display:block;position:relative; padding: 11px 14px 11px 52px; background-color: #fff9d7; font-size: 16px; line-height: 24px; text-align: left; font-weight: 500; color: #222; border-radius: 6px; }
.form_check_type2 .btn_all_chk span::before{content: '';position: absolute;top: 50%;transform: translateY(-50%); left: 14px;width: 24px;height: 24px;border-radius: 50%;background: url(../images_m/icon_check_off.svg) no-repeat 0 / 24px;}
.form_check_type2 .btn_all_chk span::after{content:'';position:absolute;top:50%;transform: translateY(-50%);right:14px;width:24px;height:24px;background:url(../images_m/ic_expand_right.svg)no-repeat 0 /24px;}
.form_check_type2 .btn_all_chk.checked span::before{background:url(../images_m/icon_check_on.svg)no-repeat 0 /24px;} 


.inp_base input{width:100%;font-size:14px;font-weight:300;color:#000;line-height:24px;}
.inp_base.type_regist{display:flex;align-items:center;}
.inp_base.type_regist .hyphen{padding:0 16px 0 10px;font-size:14px;font-weight:700;color:#000;line-height:24px;}
.inp_base.type_regist .inp_del_box{width:calc(50% - 17px);}
.inp_del_box{position:relative;padding-right:24px;}
.inp_del_box .btn_inp_del{display:none;overflow:hidden;position:absolute;top:50%;right:0;width:24px;height:24px;transform: translateY(-50%);background:url(../images_m/btn_delete.png)no-repeat 50%/24px;color:transparent;}

.text_base textarea{width:100%;height:48px;font-size:14px;color:#666;line-height:22px;font-weight: 300;}

.sel_base{position:relative;padding:14px 40px 14px 16px;}
.sel_base .sel_label{font-size:12px;font-weight:500;color:#777;line-height:24px;}
.sel_base .sel_data{margin-top:5px;font-size:14px;font-weight:500;color:#000;line-height:24px;}
.sel_base .btn_select{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;}
.sel_base .btn_select::after{content:'';position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;background:#fff url(../images_m/ic_expand_down.svg)no-repeat 0 /24px;}
.sel_base.form_request{display:flex;flex-wrap:wrap;padding-right:81px;}
.sel_base.form_request .sel_label{width:100%;}
.sel_base.form_request .sel_data_wrap{position:relative;width:86px;margin-top:5px;}
.sel_base.form_request .sel_data_wrap .sel_data{margin-top:0;}
.sel_base.form_request .sel_data_wrap .btn_select::after{right:0;}
.sel_base.form_request .inp_base{flex:1;height:24px;margin:5px 0 0 10px;}
.sel_base.form_request .btn_wrap{top:50%;right:18px;}

.form_wrap .sub_tit{padding-bottom:20px;font-size:18px;font-weight:700;line-height:23px;letter-spacing:-0.32px;}
.form_wrap .form_check{margin-top:20px;}
.form_single_wrap .form_check{position: relative; margin-top:5px;}
.form_single_wrap .form_check_type2{margin-top:5px;}
.form_single_wrap .form_check:first-child,.form_single_wrap .form_check_type2:first-child{margin-top:0;}

.info_wrap .form_box,.info_wrap .form_check{margin-top:10px;}
.info_wrap .form_box.first{margin-top:0;}
.info_wrap .form_check .terms_txt { margin: 13px 16px 0; border: 1px solid #eee; border-radius: 4px; padding: 11px 7px; max-height: 116px; height: 116px; font-weight: 300; font-size: 12px; color: #777; box-sizing: border-box; overflow-y: auto; }

/* tab */
.tab_wrap{margin:0 -16px;}
.tab_wrap .tab_list{overflow:auto hidden;scroll-behavior:smooth;white-space:nowrap;border-bottom:1px solid #e6e4e1;display: flex; align-items: center; justify-content: space-between;}
.tab_wrap .tab_list li{position: relative; display:block;padding:0 13px;box-sizing: border-box;}
.tab_wrap .tab_list li a{display:block;position:relative;padding-bottom:12px;font-weight:700;color:#999;line-height:18px;letter-spacing:-0.2px;font-size: 14px;}
.tab_wrap .tab_list li.active a{color:#000;}
.tab_wrap .tab_list li.active::before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;width:100%;height:4px;border-radius:0;background-color:#F8B500;}

/* scroll */
.scroll{overflow-y:auto;}
.scroll::-webkit-scrollbar{width:6px;}
.scroll::-webkit-scrollbar-thumb{border-radius:4px;background:#b3b3b3;}
.scroll::-webkit-scrollbar-thumb:hover{background:#b3b3b3;}
.scroll::-webkit-scrollbar-thumb:active{background:#b3b3b3;}
.scroll::-webkit-scrollbar-track{background:none;}

/* quick menu */
.fixed_quick_menu{position:relative; bottom: unset; z-index:100;width: 100%; margin-top: 30px;}
.fixed_quick_menu .menu_list{display:none; justify-content: center; gap: 17px; }
.fixed_quick_menu .menu_list.active{display:flex;}
.fixed_quick_menu .menu_list li{ width: 66px; min-width: 66px; height: 83px; }
.fixed_quick_menu .menu_list li .btn_quick{position:relative;width:100%;padding-top:64px;font-weight:500;line-height:16px;letter-spacing:-0.2px;text-align:center;color:#6c6c6c;font-size: 12px;}
.fixed_quick_menu .menu_list .ico_end .btn_quick{background:url(../images_m/icon_end_new.png)no-repeat top / 66px;}
.fixed_quick_menu .menu_list .ico_mic .btn_quick{background:url(../images_m/icon_mic_new.png)no-repeat top / 66px;}
.fixed_quick_menu .menu_list .ico_cam .btn_quick{background:url(../images_m/icon_camera_new.png)no-repeat top / 66px;}
.fixed_quick_menu .menu_list .ico_chat .btn_quick{background:url(../images_m/icon_chat_new.png)no-repeat top / 66px;}

/* .fixed_quick_menu .menu_list .ico_chat.active .btn_quick::after{content:'';position:absolute;top:0;left:65px;width:8px;height:8px;border-radius:50%;background:url(../images_m/icon_new_chat_small.png)no-repeat 50%/8px;} */
.fixed_quick_menu .menu_list .ico_mic.active .btn_quick{background:url(../images_m/icon_mic_new_on.png)no-repeat 0 top / 66px;}
.fixed_quick_menu .menu_list .ico_mic.disabled .btn_quick{background:url(../images_m/icon_mic_new_disabled.png)no-repeat 0 top / 66px;}
.fixed_quick_menu .menu_list .ico_cam.active .btn_quick{background:url(../images_m/icon_camera_new_on.png)no-repeat 0 top / 66px;}
.fixed_quick_menu .menu_list .ico_chat.active .btn_quick{background:url(../images_m/icon_chat_new_on.png)no-repeat top / 66px;}

.fixed_quick_menu .btn_wrap{width:100%; position:relative;height:auto;margin:0 !important;padding:0 !important;background:none;text-align:right;}
.fixed_quick_menu .btn_wrap .btn_menu{width:24px;height:24px;position: fixed; right: 18px; top: 25px;overflow:hidden;margin:0;padding:0;background:url(../images_m/icon_menu.svg)no-repeat 0 / 24px;color: transparent; border-radius: unset; font-size: 0; min-height: unset;}
.fixed_quick_menu .btn_wrap .btn_menu.active{background:url(../images_m/icon_menu.svg)no-repeat 0 /24px;}
.fixed_quick_menu .btn_wrap .btn_menu.new{overflow:unset;}
/* .fixed_quick_menu .btn_wrap .btn_menu.new::after{content:'';position:absolute;top:0;right:0;width:16px;height:16px;background:url(../images_m/icon_new_chat.png)no-repeat 50%/16px;} */
.fixed_quick_menu .btn_wrap .new_chat_wrap{text-align:left; position:absolute;right:0;bottom:20px;border-radius:6px;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);font-weight:500;color:#fff; letter-spacing:-0.8px;word-break:break-all;max-width: 200px;}
.fixed_quick_menu .btn_wrap .new_chat_wrap.active .new_chat{background:#75b6f2; color:#FFF; border-radius:6px; padding:10px 10px 12px; width: fit-content; max-width: 200px; width: fit-content; word-wrap: break-word; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 192px; display: -webkit-box;}
.fixed_quick_menu .btn_wrap .new_chat_wrap.active::after{content:'';display:block;position:absolute;right:8px;bottom:-11px;z-index:-1;width:12px;height:23px;background:url(../images_m/new_chat_arrow.png)no-repeat 50%/12px 23px;}

main[data-mode='video'] .fixed_quick_menu .btn_wrap .btn_menu { display: none;}
main[data-mode='video'] .fixed_bottom#mainBottomBar{ position: relative; top: unset; bottom: unset; left: unset; right: unset; padding: 0; }
/* @keyframes bounce {
    0% {top:0;}
	50% {top:-3px;}
	70% {top:-8px;}
	10% {top:0;}
}
@-webkit-keyframes bounce {
    0% {top:0;}
	50% {top:-3px;}
	70% {top:-8px;}
	10% {top:0;}
} */

/* toggle */
.toggle_filter{position:absolute;top:31px;right:16px; display: flex; justify-content: space-between; align-items: center; width:96px; box-sizing: border-box;}
.toggle_filter::before { display: block; content: ""; width: 20px; height: 20px; background: url(../images_m/light_mode_on.svg)no-repeat 0 / 20px; }
.toggle_filter::after { display: block; content: ""; width: 20px; height: 20px; background: url(../images_m/dark_mode_off.svg)no-repeat 0 / 20px;}
.toggle_filter .btn_switch{position:relative;width:40px;height:24px;box-sizing: border-box;font-size: 0;}
.toggle_filter .btn_switch::before {content:'';display:block;position:absolute;top:50%;transform: translateY(-50%);left: 0; width: 100%; height: 12px; background-color: #806b56; border-radius: 6px; }
.toggle_filter .btn_switch::after{content:'';display:block;position:absolute;top:50%;transform: translateY(-50%);left: 0;right:unset;width:24px;height:24px;border-radius:12px;background:#ffd600;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .15);}
.toggle_filter .btn_switch.active::after{transform:translate(2px,-50%);} 
main.skin_dark .toggle_filter .btn_switch::after{left: unset; right: 0px;}
main.skin_dark .toggle_filter::before { background: url(../images_m/light_mode_off.svg)no-repeat 0 / 20px; }
main.skin_dark .toggle_filter::after { background: url(../images_m/dark_mode_on.svg)no-repeat 0 / 20px; }
/* main.skin_dark .toggle_filter .txt_l{display:none;}
main.skin_dark .toggle_filter .txt_d{display:inline-block;right: 6px;} */
/* .toggle_filter .txt{position: absolute;top: 50%; transform: translateY(-50%);font-size:10px;font-weight:500;line-height:14px;z-index: 1;letter-spacing: -.3px;}
.toggle_filter .txt_l{display:inline-block;left: 10px;}
.toggle_filter .txt_d{display:none;} */

/* header */
.header{position:fixed;top:0;left:0;right:0;z-index:99;height:85px;background-color:#fff;}
.header .main_tit{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-size:24px;font-weight:700;line-height:31px; word-break: keep-all;}
.header .tit{position:absolute;top:28px;left:16px;font-size:20px;font-weight:700;line-height:26px;}
/* .header .btn_right{position:absolute;top:30px;right:20px;} */
.header .btn_right button{width:24px;height:24px;margin-left:25px;color:transparent;}
.header .btn_right button:first-child{margin-left:0;}
.header .btn_right .btn_pointer{overflow:hidden;background:url(../images_m/icon_pointer.svg)no-repeat 0 /24px;}
.header .btn_right .btn_pen{position:relative;width:24px;height:24px;background:url(../images_m/icon_pen.svg)no-repeat 50%/ 34px 20px;}
.header .btn_right .btn_pen::after{content:'';position:absolute;bottom:0;left:0;z-index:1;width:24px;height:4px;background-color:transparent;}
.header .btn_right .btn_pen[data-color='bg_red']::after{background-color:#ff0000;}
.header .btn_right .btn_pen[data-color='bg_yellow']::after{background-color:#ffe500;}
.header .btn_right .btn_pen[data-color='bg_green']::after{background-color:#70ff00;}
.header .btn_right .btn_pen[data-color='bg_blue']::after{background-color:#00e0ff;}
.header .btn_right .btn_pen[data-color='bg_purple']::after{background-color:#cc00ff;}
.header .btn_right .btn_pen[data-color='bg_white']::after{background-color:#fff;}
.header .btn_right .btn_pen[data-color='bg_black']::after{background-color:#000;}
.header .btn_right .btn_delete{overflow:hidden;background:url(../images_m/icon_delete.png)no-repeat 50%/20px;}
.header .palette_box{position:fixed; top:63px; left:0;right:0;margin:0 16px; }

.main_header .main_tit{top:33px;-webkit-transform:unset;transform:unset;font-size:12px;font-weight:700;line-height:15px;letter-spacing:-0.32px;}
.main_header .logo{position:absolute;top:37px;left:24px;}
.main_header .logo img{display:block;width:133px;height:22px;}

.main_wrap .main_header{background-color:transparent;}
.main_wrap .main_header .main_tit{top:17px;}
.main_wrap .main_header .logo{top:37px;}

/* container */
.container{padding-top:80px;}
.container.has_bottom{padding:80px 0 82px;}

.main_wrap .container{padding-bottom:110px;}
.sub_screen {display: flex; justify-content: flex-start; height:80px !important; flex-direction: row-reverse; gap: 8px; position: absolute; bottom: 91px; right: 14px; z-index: 10;}
.sub_screen > div { border-radius:10px; overflow:hidden; width: 70px !important; height: 80px !important; }
.sub_screen video { left: 50%; top: 50%; transform: translate(-50%, -50%) translateZ(0); border-radius: 15px; z-index:0; }
.sub_screen video.mirror { transform: translate(-50%, -50%) translateZ(0) scaleX(-1); }
.sub_screen > div video { position: absolute; height: 92px !important; border-radius:10px !important; min-width: 107px; }
.sub_screen > div + div { margin-left: 10px; }
.sub_screen .video_contaniner{border-radius: 10px; overflow: hidden; margin-left:0 ! important; margin-top:0 ! important; isolation: isolate; -webkit-mask-image: -webkit-radial-gradient(white, black);}


/* contents */
/* .contents{padding:10px 16px 20px;}  */
#contents{ overflow: hidden; margin-top:85px; width: 100%; }
.header_content{height: inherit; display: flex;align-items: center;justify-content: space-between;}
.header_content.share{display: none; height: unset;}

main[data-mode='share'] header { height: 63px; border-bottom: 1px solid #dcdcdc; }
main[data-mode='share'] header .nav { margin-top: 25px; margin-right: 58px; gap: 16px; }
main[data-mode='share'] .header_content.share{display: flex; align-items: flex-start;}
main[data-mode='share'] .header_content.video{display: none;}
main[data-mode='share'] #contents { margin-top: 63px; height: calc(100% - 63px); }
main[data-mode='video'] .wrap { min-height: 500px; overflow-y: auto;  }
main[data-mode='video'] .header { position: relative; }
main[data-mode='video']  #contents { margin-top: 0; }
main[data-mode='video'] .header_content.share{display: none;}
main[data-mode='video'] .fixed_quick_menu .menu_list { display: flex; }
main[data-mode='video'] .fixed_bottom .btn_wrap { display: none; }

main[data-mode='share'] {background-image:none; background-color:#FFF;}
main.skin_dark[data-mode='share']{background-image:none; background-color:#FFF;}
main[data-mode='share'] .header .tit{color:#000; top: 25px;}
main[data-mode='share'] .fixed_quick_menu { position: fixed; display: block; top: 0; right: 0; bottom: unset; margin-top: 0; }
main[data-mode='share'] .fixed_quick_menu .menu_list{ position: absolute; top: 69px; right: 9px; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-color: #fff; padding: 16px 12px; border-radius: 8px; gap: 20px; box-shadow: 0px 2px 8px 0px rgba(0,0,0,.25); box-sizing: border-box; }
main[data-mode='share'] .fixed_quick_menu .menu_list.active{display:flex;}
main[data-mode='share'] .fixed_quick_menu .menu_list::before { position: absolute; top: -20px; right: 5px; display: block; content: ""; width: 32px; height: 32px; background:url(../images_m/icon_menu_top_arrow.png)no-repeat 0 / 32px; z-index: 0; }
main[data-mode='share'] .fixed_quick_menu .menu_list::after { position: absolute; top: 0; right: 8px; display: block; content: ""; width: 26px; height: 13px; background:#fff; z-index: 0; }
main[data-mode='share'] .fixed_quick_menu .menu_list li{ width: auto; height: 18px; min-width: unset; }
main[data-mode='share'] .fixed_quick_menu .menu_list li .btn_quick{padding-top:0;padding-left:32px;line-height:18px;text-align:left;color:#5a5a5a !important;font-size: 14px;white-space: nowrap;}
main[data-mode='share'] .fixed_quick_menu .menu_list .ico_end .btn_quick{background:url(../images_m/ham_icon_dis.svg)no-repeat 0 / 18px;}
main[data-mode='share'] .fixed_quick_menu .menu_list .ico_mic .btn_quick{background:url(../images_m/ham_icon_mic_normal.svg)no-repeat 0 / 18px;}
main[data-mode='share'] .fixed_quick_menu .menu_list .ico_cam .btn_quick{background:url(../images_m/ham_icon_camera_normal.svg)no-repeat 0 / 18px;}
main[data-mode='share'] .fixed_quick_menu .menu_list .ico_chat .btn_quick{background:url(../images_m/ham_icon_chat.svg)no-repeat 0 / 18px;}
main[data-mode='share'] .fixed_quick_menu .menu_list .ico_mic.active .btn_quick{background:url(../images_m/ham_icon_mic_active.svg)no-repeat 0 / 18px;}
main[data-mode='share'] .fixed_quick_menu .menu_list .ico_cam.active .btn_quick{background:url(../images_m/ham_icon_camera_active.svg)no-repeat 0 / 18px;}
main[data-mode='share'] .fixed_quick_menu .menu_list .ico_mic.disabled .btn_quick{background:url(../images_m/ham_icon_mic_disabled.svg)no-repeat 0 / 18px; color: #ddd !important;}


main[data-mode='mdoc'] .main_header{opacity: 0; pointer-events: none;}
main[data-mode='mdoc'] .fixed_quick_menu{position: static; height: fit-content; top: 0; right: 0; bottom: unset; margin-top: 0;}
main[data-mode='mdoc'] .fixed_quick_menu .btn_wrap .new_chat_wrap.active::after{display: none;}
main[data-mode='mdoc'] .fixed_bottom#mainBottomBar{top: 0; bottom: unset;}
main[data-mode='mdoc'] #mainBottomBar .fixed_quick_menu .btn_wrap .btn_menu{display: none;}
main[data-mode='mdoc'] #mainBottomBar .fixed_quick_menu .btn_wrap .new_chat_wrap{position: relative; bottom: unset; max-width: 100%; top: 15px;}
main[data-mode='mdoc'] #mainBottomBar .fixed_quick_menu .btn_wrap .new_chat_wrap.active .new_chat{max-width: 100%; width: 100%;}
main[data-mode='mdoc'] #shareScreen{position: fixed; width: 100%; height: 100%; top: 0; background: #FFF; z-index:95;}

.color_picker{position: relative; width: 10px; height:inherit;}
/*230303 주석*/
/* .color_picker::after{content: ""; display: block; width: 0.9rem; height: 0.4rem; background-image: url(/kb_client/images_m/dropdown-arrow-bt.svg); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: 0; transform: translate(-50%,-50%);} */
.ft-btn-wrap{display: none;}
.name_view{display: none;}
.sub_screen .name_view{display: block;}
.sub_screen .name_view > span{position: absolute;top: 6px;left: 6px; z-index: 2; font-size: 10px; font-weight: 500; text-align:left; color: #fff; width: 60px; line-height: 14px; letter-spacing: -0.96px;display: inline-block; word-break: break-all;}


/* text 공통 */
.error_msg, .error_msg_complete{margin-top:5px;}
.error_msg{position:relative;padding-left:29px;font-size:14px;font-weight:500;color:#ff5c5c;line-height:24px;letter-spacing:-0.48px;}
.error_msg::before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url(../images_m/icon_error.png)no-repeat 50%/24px;}
.error_msg_complete{position:relative;padding-left:29px;font-size:14px;font-weight:500;color:#5c9dff;line-height:24px;letter-spacing:-0.48px;}
.error_msg_complete::before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url(../images_m/icon_error_complete.png)no-repeat 50%/24px;}

.txt_guide{position:relative;margin-top:8px;font-size:12px;color:#F54742;line-height:20px;font-weight: 500;}
/* .txt_guide::before{content:'※';display:block;position:absolute;top:0;left:7px;font-size:12px;color:#F54742;line-height:20px;} */

.txt_info{padding-top:10px;font-size:14px;color:#777;line-height:18px;letter-spacing:-0.32px;}

.txt_info_wrap{margin-top:24px;padding:12px 14px;border-radius:6px;background-color:#f9f9f9;}
.txt_info_wrap .tit{font-size:12px;font-weight:700;line-height:19px;color: #222; text-align: left; padding-top: 0;}
.txt_info_wrap ul{padding-top:6px;}
.txt_info_wrap ul li{position:relative;margin-top:4px;padding-left:20px;font-size:12px;font-weight:500;line-height:19px;color: #222; text-align: left;}
.txt_info_wrap ul li:first-child{margin-top:0;}
.txt_info_wrap ul li::before{content:'';display:block;position:absolute;top:7px;left:7px;width:5px;height:5px;border-radius:50%;background-color:#222;}
.txt_info_wrap ul .important{color:#FF5C5C;}
.txt_info_wrap ul .important::before{background-color:#FF5C5C;}

.sub_tit{padding-bottom: 30px; font-size:17px;font-weight:500;line-height:23px;letter-spacing:-0.32px;}

/* 공유모드 판서 기능 공통 */
.palette_box{display:none;border-radius:80px;background-color:rgba(29, 29, 29, 0.8);backdrop-filter:blur(5px);}
.palette_box .color_list{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 50px 13px 15px;}
.palette_box .color_list li{font-size:0;}
.palette_box .color_list li input[type=radio]{display:none;}
.palette_box .color_list li .sel_label{position:relative;display:block;width:20px;height:20px;border-radius:50%;box-sizing:border-box;color:transparent;}

.palette_box .color_list li .bg_red{background-color:#FF0000;}
.palette_box .color_list li .bg_yellow{background-color:#FFE600;}
.palette_box .color_list li .bg_green{background-color:#70FF00;}
.palette_box .color_list li .bg_blue{background-color:#00E0FF;}
.palette_box .color_list li .bg_purple{background-color:#CC00FF;}
.palette_box .color_list li .bg_white{background-color:#fff;}
.palette_box .color_list li .bg_black{background-color:#000;}
.palette_box .color_list li .bg_none{border:1px dashed #fff;}
.palette_box .color_list li .bg_none::before{content:'';position:absolute;top:0;left:50%;width:2px;height:18px;margin-left:-1px;background-color:#ff0000;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.palette_box .color_list input[type=radio]:checked+[class*="bg"]::after{content:'';position:absolute;top:-4px;left:-4px;width:24px;height:24px;border-radius:50%;}
.palette_box .color_list input[type=radio]:checked+.bg_red::after{border:2px solid #FF0000;}
.palette_box .color_list input[type=radio]:checked+.bg_yellow::after{border:2px solid #FFE600;}
.palette_box .color_list input[type=radio]:checked+.bg_green::after{border:2px solid #70FF00;}
.palette_box .color_list input[type=radio]:checked+.bg_blue::after{border:2px solid #00E0FF;}
.palette_box .color_list input[type=radio]:checked+.bg_purple::after{border:2px solid #CC00FF;}
.palette_box .color_list input[type=radio]:checked+.bg_white::after{border:2px solid #fff;}
.palette_box .color_list input[type=radio]:checked+.bg_black::after{border:2px solid #000;}
.palette_box .color_list input[type=radio]:checked+.bg_none::after{top:-5px;left:-5px;border:2px solid #747474;}

.palette_box .btn_close{overflow:hidden;position:absolute;top:8px;right:20px;width:24px;height:24px;background:url(../images_m/icon_close_white.png)no-repeat 50%/24px;color:transparent;}
.palette_box.active{display:block;}

/* visual img 공통 */
.visual_wrap{position:relative;text-align:center; font-family:'KBFGText',sans-serif; font-weight:300;}
.visual_wrap .img_box{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.visual_wrap .img_box img{width:100%;height:100%;}
.visual_wrap strong{display:inline-block;padding-top:20px;font-size:18px;font-weight:700;line-height:23px;letter-spacing:-0.32px;}
.visual_wrap p{padding-top:12px;font-size:16px;color:#666;line-height:22px;letter-spacing:-0.32px;}
.visual_wrap p.last{padding-top:30px;}
.visual_wrap p span{font-weight:500;color:#000;}
.visual_wrap .waiting_txt{position:absolute;top:0;left:0;right:0;bottom:0;padding:45px 20px;text-align:center;}
.visual_wrap .waiting_txt .tit{padding-top:0;font-size:16px;font-weight:700;color:#000;line-height:20px;letter-spacing:-0.32px;}
.visual_wrap .waiting_txt strong{padding-top:0;font-family:'Montserrat';font-size:40px;font-weight:700;line-height:49px;letter-spacing:-0.32px;}
.visual_wrap .t_bold {font-weight:500;color:#666;}

.visual_wrap.visual_consulting{margin-top:70px;padding-top:160px;}
.visual_wrap.visual_consulting .img_box{width:160px;height:160px;} 
.visual_wrap.visual_connect{margin-top:10px;padding-top:160px;}
.visual_wrap.visual_connect .img_box{width:160px;height:160px;}
.visual_wrap.visual_timeout{margin-top:74px;padding-top:140px;}
.visual_wrap.visual_timeout .img_box{width:140px;height:140px;}
.visual_wrap.visual_id{margin-top:70px;padding-top:140px;}
.visual_wrap.visual_id .img_box{width:140px;height:140px;}
.visual_wrap.visual_regist{margin-top:70px;padding-top:140px;}
.visual_wrap.visual_regist .img_box{width:140px;height:140px;}
.visual_wrap.visual_passport{margin-top:70px;padding-top:140px;}
.visual_wrap.visual_passport .img_box{width:140px;height:140px;}
.visual_wrap.visual_phone{margin-top:70px;padding-top:140px;}
.visual_wrap.visual_phone .img_box{width:140px;height:140px;}
.visual_wrap.visual_document{margin-top:70px;padding-top:140px;}
.visual_wrap.visual_document .img_box{width:140px;height:140px;}
.visual_wrap.visual_unsupport{margin-top:70px;padding-top:140px;}
.visual_wrap.visual_unsupport .img_box{width:140px;height:140px;}
.visual_wrap.visual_browser{margin-top:44px;padding-top:120px;}
.visual_wrap.visual_browser .img_box{width:120px;height:120px;}
.visual_wrap.visual_browser strong{padding-top:42px;}
.visual_wrap.visual_browser .txt_s { display: block; font-size: 12px; color: #666; font-weight: 300; margin-top: -10px; }
.visual_wrap.visual_connect.layout2{display: flex; justify-content: space-between;flex-direction: column;height: inherit;}
.visual_wrap.visual_connect.layout2 .txt_info_wrap{text-align: left;}
.visual_wrap.visual_connect.layout2 .txt_info_wrap .tit{padding-top:0;}


/* 고객 영상 공통 */
.camera_wrap{overflow:hidden;position:relative;width:100%;height:0;padding-top:112%;border-radius:6px; }
.camera_wrap.cam_ready { background:url(../images_m/img_cam_bg_new.png)no-repeat 100% 100% / 100%; }
.camera_wrap video{ position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover; border-radius: 6px;}

/* layout  */
.video_area{position:relative; display: flex; justify-content: space-between; padding:0 18px 15px 24px;}
.video_area .video_txt {text-align: right;}
.video_area .video_txt .time{position:relative; display:inline-block; margin-top:52px;padding-left:12px;font-family:'Montserrat';font-size:14px;font-weight:500; line-height:17px;letter-spacing:0;color: #44351f;}
.video_area .video_txt .time::before{content:'';display:block;position:absolute;top:4px;left:0;width:8px;height:8px;border-radius:50%;background-color:#ff0000;}
.video_area .video_box{overflow:hidden;position:relative;width:100%;height:0;padding-top:75%;margin-top:20px;border-radius:12px;background-color:rgba(255, 255, 255, 0.8);}
.video_area .video_box video{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.video_area .sales_txt_wrap p { font-size:14px; line-height: 20px; margin-top: 4px; font-weight: 700; text-align: left; }
.video_area .sales_txt_wrap p strong { display: block; font-size:14px; line-height: 20px; }
.video_area .sales_txt_wrap p > span { display: block; color: #675233; margin-top: 3px; line-height: 20px; }

.video_area .sales_txt_wrap .main_tit{font-size:16px;font-weight:700;line-height:31px;line-height: 22px;text-align: left;margin-top: 0;}

main.skin_dark .video_area .sales_txt_wrap {}
main.skin_dark .video_area .sales_txt_wrap p {color: #fff;}
main.skin_dark .video_area .sales_txt_wrap p > span { color: #ffd600; }
main.skin_dark .video_area .video_txt .time { color: #fff; }
main.skin_dark .main_guide_txt { color: #fff; }
main.skin_dark .main_guide_txt strong { color: #ffd600; }
 
.waiting_box{display:none; position:absolute;width:100%;min-height:0;object-fit: contain;aspect-ratio: 1.334;background: linear-gradient(180deg, #fffaed 0%, #fff4b7 102.86%) ;}
.waiting_box .txt{font-weight:500;line-height:28px; word-break: keep-all; font-size: 24px; color: #000; }
.waiting_box .sub_txt{padding-top:10px;font-size:14px;line-height:18px;}
/* .main_screen .waiting_box::after{content:'';display:block;position:absolute;bottom:0;right:0px;width:100%;height:100%; } */
.main_screen .waiting_box .txt_wrap{position:absolute;left:34px;top:98px;z-index:1; word-break:break-all; text-align: left;}

main.skin_dark .waiting_box {background: linear-gradient(180deg, #564f4b 0%, #4a3527 102.86%);}
main.skin_dark .waiting_box .txt { color: #fff; }
main.skin_dark .hide_face_notice_view p { color: #f68d0d; }


/*비디오 마이크 컨트롤 버튼*/
.image_button{background-size: contain; background-position: center; border-radius: 50%; background-repeat: no-repeat;}
.image_button.btn_mic[is='true']{background-image: url(/kb_client/images_m/icon_mic_off.svg);}
.image_button.btn_video[is='true']{background-image: url(/kb_client/images_m/icon_camera_off.svg);}
.image_button.btn_mic[is='false']{background-image: none;}
.image_button.btn_video[is='false']{background-image: none;}
.image_button_container{width: auto; height: auto; display: block;}

.video_control_view{display: flex; width: 100%;justify-content: flex-start; height: auto; }
.main_screen .video_control_view{ margin: 0 0 34px 32px; grid-gap:20px;}
.sub_screen .video_control_view{justify-content: space-between;  margin: 8px 10px;}
.main_screen .image_button{width:40px; height: 40px;}
main.skin_dark .main_screen .image_button.btn_mic[is='true']{background-image: url(/kb_client/images_m/icon_mic_off_dark.svg);}
main.skin_dark .main_screen .image_button.btn_video[is='true']{background-image: url(/kb_client/images_m/icon_camera_off_dark.svg);}
main.skin_white .main_screen .image_button.btn_mic[is='true']{background-image: url(/kb_client/images_m/icon_mic_off.svg);}
main.skin_white .main_screen .image_button.btn_video[is='true']{background-image: url(/kb_client/images_m/icon_camera_off.svg);}
.main_screen .image_button.btn_mic[is='false']{background-image: none ! important;}
.main_screen .image_button.btn_video[is='false']{background-image: none ! important;}
.sub_screen .image_button{width: 20px; height:20px;}
.sub_screen .image_button.btn_mic[is='true']{background-image: url(/kb_client/images_m/icon_mic_off20.svg);}
.sub_screen .image_button.btn_video[is='true']{background-image: url(/kb_client/images_m/icon_camera_off20.svg);}
.sub_screen .image_button.btn_mic[is='false']{background-image: none;}
.sub_screen .image_button.btn_video[is='false']{background-image: none;}

.hide_face_notice_view { text-align: left;border-radius: 0px;position: absolute;left: 6px; top: 88px; }
.hide_face_notice_view p { font-weight: 500; color: #f68d0d; font-size: 14px; }

/* 3자통화 레이아웃 */
/* .sub_screen .waiting_box{display:none; background:#eee url(../images_m/img_disconnect.png) no-repeat center top / contain;} */
.main_screen .thirdAgent.waiting_box::after{background: url(../images_m/main_visual_bg2.png)no-repeat 100% 100%/422px; right: 0; background-size: contain;}
.sub_screen .waiting_box .txt_wrap{display: none;}
.sub_screen .waiting_box::after{display: none;}
/* .sub_screen .thirdAgent.waiting_box{display:none; background:#a3b399 url(../images_m/img_no_cam2.png) no-repeat center / cover! important} */
/* .sub_screen .ownerAgent.waiting_box{display:none; background:#e5e5e5 url(../images_m/img_no_cam1.png) no-repeat center / cover! important} */


.user_list{position:absolute;bottom:20px;left:16px;}
.user_list::after{content:'';display:block;clear:both;}
.user_list .video_box{overflow:hidden;float:left;position:relative;width:90px;height:90px;margin-left:10px;border-radius:12px;box-shadow:0px 5px 20px rgba(0, 0, 0, 0.15);}
.user_list .video_box:first-child{margin-left:0;}
.user_list .video_box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:rgba(0, 0, 0, 0.3);}
.user_list .no_mic::before{background-color:rgba(0, 0, 0, 0.5);}
.user_list .no_mic::after{content:'';display:block;position:absolute;right:10px;bottom:10px;z-index:1;width:24px;height:24px;background:url(../images_m/icon_nomic.png)no-repeat 50%/24px;}
.user_list .no_cam::before{background-color:#EBEBEB;}
.user_list .no_cam::after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0, 0, 0, 0.3) url(../images_m/icon_nocam.png)no-repeat 50%/90px;} 
.user_list .video_box video{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;border-radius:12px;}
.user_list .video_box .name{position:absolute;top:10px;left:10px;z-index:2;font-size:12px;font-weight:500;color:#fff;line-height:14px;letter-spacing:-0.96px;}

/* .paging_wrap{position:absolute;bottom:20px;left:50%;z-index:2;transform:translateX(-50%); height:25px; display:flex; align-items: center; justify-content: space-between; border-radius:50px;background-color:rgba(0, 0, 0, 0.5); overflow: hidden;}
.paging_wrap button{overflow:hidden;width:30px;height:inherit;color:transparent; font-size: 0;}
.paging_wrap .btn_prev{background:url(../images_m/icon_prev.png)no-repeat 50%/12px;}
.paging_wrap .btn_next{background:url(../images_m/icon_next.png)no-repeat 50%/12px;}
.paging_wrap .btn_prev:disabled{opacity: 0.3; pointer-events: none;}
.paging_wrap .btn_next:disabled{opacity: 0.3; pointer-events: none;}
.paging_wrap .page_num{font-family:'Montserrat';font-size:14px;font-weight:700;color:#fff;line-height:18px; padding: 0px 10px;}  */

.hide_camera_notice_view { display: none !important; }

/* 화상 상담 연결 */
.share_area{background-color:#fff;}
.share_area .backcam_wrap{position:absolute;top:0;left:0;width:100%;height:100%;} 
.share_area .backcam_wrap video{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}

.fixed_contents{padding:0;}
.fixed_contents .share_area .tit_box{position:fixed;top:80px;left:0;right:0;padding:10px 16px 20px;background-color:#fff;}
.fixed_contents .share_area .tit_box .tit{font-size:24px;font-weight:700;line-height:32px; height:80px; display: flex; align-items: center;}
/* .fixed_contents .share_area .tit_box .step_wrap{padding-top:30px;} */
.fixed_contents .share_area .step_wrap > em{display:block;font-size:16px;font-weight:700;color:#000;line-height:20px;min-width: 62px;}
.fixed_contents .share_area .step_wrap > span{display:block; margin-right: auto; margin-left: 4px; font-size: 16px; font-weight:700;color:#000;line-height:20px; max-width: calc(100vw - 140px);}
.fixed_contents .share_area .con_box{position:absolute;top:80px;left:0;right:0;bottom:0; padding:0 16px 60px;background-color:#fff;}

/*AI상품설명 레이어*/
.ai_screen{display: none; width: 100%; height: 100%; background: #FFF; top:0; position: absolute; color: #000; z-index: 10;}
.ai_screen .share_area{height: 100%;}
.ai_screen .share_area .ai_cont_wrap { display: flex; flex-direction: column; gap: 14px; position: absolute; top: 79px; padding: 0 16px; height: calc(100% - 155px); }
.ai_screen .share_area .con_box{ position: relative; top: unset; padding: 12px 14px; height: 100%; border: 1px solid #e6e4e1; border-radius: 6px; }
.ai_screen .share_area .con_box .txt_wrap{height:calc(100vh - 215px); position: relative;}
.ai_screen .share_area .con_box p{position:relative; margin-top:20px; font-size:14px;font-weight:300;color:#222;line-height:21px;text-transform:uppercase;word-break:break-all;}
.ai_screen .share_area .con_box p:first-child{margin-top:0;}
.ai_screen .share_area .con_box p.active{background-color:#fff38c;color:#222;}
.ai_screen .share_area .con_box p.customer-speak{background:#fcafba;color: #222;}
.ai_screen .share_area .fixed_contents{display: flex;height: 100%; flex-wrap: nowrap; flex-direction: column;}
.ai_screen .share_area .fixed_bottom{z-index: 100; margin: 16px; padding: 0;}
.ai_screen .share_area .tit_box{top:0; padding: 25px 16px 14px; z-index: 1;}
.ai_screen .share_area .tit_box .tit { font-size: 20px; color: #2f2929; height: auto; line-height: 26px; }
.ai_screen .share_area .tit_box .tit > span { margin-right: 44px;}
.ai_screen .share_area .tit_box .tit .record { margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size: 14px !important; line-height: 17px; color: #44351f; }
.ai_screen .share_area .tit_box .tit .record::before { display: inline-block; content: "●"; color:red; line-height:1; font-size: 11px; font-weight: 500;  }
.ai_screen .share_area .step_wrap { display: flex; align-items: flex-start; justify-content: space-between; }
.ai_screen .share_area .step_paging { color: #666; font-size: 12px; font-weight: 700; padding-top: 4px; min-width: 65px; }
.ai_screen .share_area .step_paging .step_cur { color: #ff0000; }

/* 얼굴확인 촬영 레이어 */
.face_screen {display: none; width: 100%; height: 100%;position: fixed; background: #292929; top:0; z-index:1000; color: #fff; text-align: center; }
.face_screen .face_tit { font-size: 20px; font-weight: 700; line-height: 26px; margin-top: 34px; }
.face_screen .face_video_area { position: relative; width: calc(100% - 60px); margin: 34px auto 0; max-width: 312px; aspect-ratio: 312 / 316; background-color: #545454; border-radius: 6px; overflow: hidden; }
.face_screen .face_video_area::before { position: absolute; display: block; content: ""; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 43.22%; aspect-ratio: 191 / 257; background:url(../images_m/frame_face.svg)no-repeat center / 100%; max-width: 197px; z-index: 1; }
.face_screen .face_video_area video { width: 100%; height: unset !important; position: absolute; top: 50%; left: -50%; transform: scaleX(-1) translate(-50%, -50%) !important; }
.face_screen .face_txt { margin-top: 20px; line-height: 26px; font-size: 16px; font-weight: 300; }
.face_screen .result.failed { color: #ff0000; font-size: 20px; font-weight: 500; margin-top: 32px; line-height: 24px; }

/* fixed bottom */
.fixed_bottom{position:fixed;bottom:0;left:0;right:0;z-index:99;padding:0 16px 12px;}
/* .fixed_bottom .btn_wrap{margin:0 -16px ;padding:0 16px;} */
.fixed_bottom .btn_wrap{ display: flex; gap: 7px; }
.fixed_bottom .btn_wrap button { min-height: 52px; height: auto; }
.fixed_bottom .txt_info_wrap{margin:0 0 10px;}
.fixed_bottom .txt_info_wrap.first{margin-bottom:20px;}
.fixed_bottom .txt_info{padding-bottom:20px;text-align:center;}

.fixed_bottom > p.bottom_txt {font-size: 14px; text-align: center; margin-bottom: 8px; color: #666; }

/* popup */
.top-popup-wrap{display:none; position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%; overflow: hidden; z-index:1;}
/* .layer_wrap{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;} */

.alert_pop{z-index:1002;}
.alert_pop .pop_con{position:fixed;left:50%;top:50%;z-index:1003;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;filter:drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.1));text-align:center; background-color: #fff; border-radius:10px; }
.alert_pop .pop_txt{padding:30px 24px; min-height: 126px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.alert_pop .pop_txt .tit{margin-bottom:14px;font-size:18px;font-weight:700;line-height:25px;color: #222;}
.alert_pop .pop_txt p{font-size:16px;line-height:24px;letter-spacing:-0.48px;font-weight: 500;color: #222;}
.alert_pop .pop_txt .txt_info{padding-top:14px;font-weight:500;color:#ff0000;}
.alert_pop .btn_wrap{ display: flex; align-items: center; justify-content: space-between; gap: 11px; height:auto;padding: 0 24px 24px;background: unset;}
.alert_pop .btn_wrap button{height:46px;margin-top:0;padding:13px;border-radius:6px;box-shadow:none;font-weight:500;}
.alert_pop .btn_wrap a{display:inline-block;height:46px;margin-top:0;padding:13px;box-shadow:none;font-weight:500;text-align:center;}

.top-popup-wrap .pop_volume {z-index:1002; width: 100%; background: #fff; position: absolute; top: unset; bottom: 0; left: 50%; transform: translateX(-50%); border-radius:24px 24px 0 0; filter:drop-shadow(0px 4px 4px 0px rgba(0, 0, 0, 0.25));}
.top-popup-wrap .pop_volume .pop_con{width:100%;height: 488px;text-align:center; }
.top-popup-wrap .pop_volume .pop_txt{padding:32px 0 0; height: 126px;}
.top-popup-wrap .pop_volume .pop_txt .tit{ padding: 0; margin-bottom:12px;font-size:18px;font-weight:700;line-height:24px;color: #000;}
.top-popup-wrap .pop_volume .pop_txt p{font-size:14px;line-height:18px;letter-spacing:-0.2px;font-weight: 500;color: #777;}
.top-popup-wrap .pop_volume .pop_txt .txt_info{padding-top:14px;font-weight:500;color:#ff0000;}
.top-popup-wrap .pop_volume .pop_volume_bg { position: absolute; bottom: 110px; left: 50%; transform: translateX(-50%); width: 375px; height: 260px; background: url(../images_m/volume_bg.png) no-repeat 0 / 375px 260px; font-size: 0; }
.top-popup-wrap .pop_volume .pop_volume_bg .pop_volume_lottie { width: 204px; height: 146px; margin: 0 auto; margin-top: 67px; }
.top-popup-wrap .pop_volume .btn_wrap{ position: absolute; bottom: 0; width: 100%; padding: 24px 16px 34px; border-top: 1px solid #dcdcdc;}
.top-popup-wrap .pop_volume .btn_wrap button{ display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height:52px; line-height: 52px; padding: 0; border-radius:6px;box-shadow:none;font-weight:700;}
/* .top-popup-wrap .pop_volume .btn_wrap button::before { display: block; content: ""; width:24px; height: 24px; background:url(../images_m/ico_chk_off.svg) no-repeat 0 /24px; } */
.top-popup-wrap .pop_volume .pop_volume_audio{ position: absolute; width:1px; height: 1px }


.top-popup-wrap .pop_app_choice {z-index:1002; width: 100%; background: #fff; position: absolute; top: unset; bottom: 0; left: 50%; transform: translateX(-50%); border-radius:24px 24px 0 0; filter:drop-shadow(0px 4px 4px 0px rgba(0, 0, 0, 0.25));}
.top-popup-wrap .pop_app_choice .pop_con{width:100%; text-align:center; padding: 32px 24px 40px; }
.top-popup-wrap .pop_app_choice .pop_txt{padding:0; }
.top-popup-wrap .pop_app_choice .pop_txt .tit{ padding: 0; font-size:18px;font-weight:700;line-height:24px;color: #000;}
.top-popup-wrap .pop_app_choice .pop_con .app_list { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 20px 15px; justify-content: flex-start; }
.top-popup-wrap .pop_app_choice .pop_con .app_list li { width: 70px; height: 86px; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.top-popup-wrap .pop_app_choice .pop_con .app_list li .logo_area { width: 60px; height: 60px; border-radius: 16px; border: 1px solid #eee; overflow: hidden; box-sizing: border-box;}
.top-popup-wrap .pop_app_choice .pop_con .app_list li .logo_area img { width: 100% !important; height: 100% !important; }
.top-popup-wrap .pop_app_choice .pop_con .app_list li span { display: block;color: #666; font-size: 14px; font-weight: 300; line-height: 22px; text-align: center; }
.top-popup-wrap .pop_app_choice .btn_close { position: absolute; top: 32px; right: 24px; font-size: 0; width: 24px; height: 24px; background:url(../images_m/pop_close_new.svg)no-repeat 0 / 24px; }

.modal_bottom{z-index:1002;}
.modal_bottom .pop_con{display:flex;flex-direction:column; -webkit-transform:translateY(100%);-webkit-transition:all 0.2s;-webkit-transition-delay:0.2s;-webkit-transition-duration:0.2s;transform:translateY(100%);transition:all 0.2s;transition-delay:0.2s;transition-duration:0.2s;overflow:hidden;position:absolute;left:0;right:0;bottom:0;z-index:1003;border-radius:24px 24px 0 0 ;background-color:#fff;}
.modal_bottom .modal_header{position:relative;padding:20px 16px 0;}
.modal_bottom .modal_header .tit{padding:0 30px;font-size:18px;font-weight:700;line-height:40px;letter-spacing:-0.48px;text-align:center;}
.modal_bottom .modal_header .btn_pop_close{position:absolute;top:28px;right:22px;width:24px;height:24px;background:url(../images_m/icon_close_black.png)no-repeat 50%/24px;}
.modal_bottom .modal_content{padding:10px 16px 10px;}
.modal_bottom .modal_content .swiper_select{overflow:hidden;position:relative;height:150px;}
.modal_bottom .modal_content .swiper_select::before{content:'';position:absolute;top:50px;width:100%;height:1px;background-color:#eee;}
.modal_bottom .modal_content .swiper_select::after{content:'';position:absolute;bottom:50px;width:100%;height:1px;background-color:#eee;}
.modal_bottom .modal_content .swiper_select .swiper-wrapper{flex-direction:column;}
.modal_bottom .modal_content .swiper_select .swiper-slide{width:100% !important;height:auto;}
.modal_bottom .modal_content .swiper_select .swiper-slide .btn_select{width:100%;height:50px;padding:16px;font-size:14px;color:#999;line-height:18px;letter-spacing:-0.48px;}
.modal_bottom .modal_content .swiper_select .swiper-slide.swiper-slide-active .btn_select{padding:12px 0;font-weight:700;font-size:20px;color:#000;line-height:26px;}
.modal_bottom .modal_footer{padding:0 16px 20px;}
.modal_bottom .modal_footer .btn_wrap{height:auto;background:none;}
.modal_bottom .modal_footer .btn_wrap button{margin-top:0;box-shadow:0px 4px 10px rgba(217, 171, 43, 0.2);}
.modal_bottom.active .pop_con{-webkit-transform:translateY(0);transform:translateY(0);}

.full_layer{background-color:#fff;z-index:1001;}
.full_layer .tit_box{position:fixed;top:0;left:0;z-index:100;width:100%;height:80px;background-color:#fff;}
.full_layer .tit_box .tit{position:absolute;top:unset;bottom: 16px;left:50%;transform:translateX(-50%);font-size:20px;font-weight:700;line-height:26px;}
.full_layer .tit_box .sub_tit {position:absolute;top:69px; width: 100%; text-align: center; left:50%;transform:translateX(-50%);font-size:12px;font-weight:500;line-height:19px; color: #222;padding:0; letter-spacing: 0;}
.full_layer .tit_box .btn_close{overflow:hidden;position:absolute;top:38px;right:16px;width:24px;height:24px;background:url(../images_m/icon_close_black.png)no-repeat 50%/24px;color:transparent;}
.full_layer .con_box{overflow-y:auto; padding-bottom:80px;}
/* .full_layer .con_box{overflow-y:auto;position:absolute;top:80px;right:0;left:0;bottom:0;padding-bottom:82px;} */
.full_layer .con_box .inner{padding:10px 16px 20px;}
.full_layer .con_box .terms_wrap div{color:#666;line-height:24px;}
.full_layer .info_wrap{padding-top:45px;}

/*채팅팝업 닫기버튼 변경*/
.full_layer .tit_box .btn_close_text{position:absolute;top:28px;right: 23px;font-size: 23px;font-weight: bold;color: #F54742;}

/*레이어 팝업 위 팝업*/
.over_full_layer{position: fixed; width: 100%; height: 100%;z-index:1002; top:0; display: none;}
.over_full_layer .tit_box{position:fixed;top:0;left:0;z-index:100;width:100%;height:80px;background-color:#fff;}
.over_full_layer .tit_box .tit{position:absolute;top:unset;bottom: 16px;left:50%;transform:translateX(-50%);font-size:20px;font-weight:700;line-height:28px; padding: 0; white-space: nowrap;}
.over_full_layer .tit_box .btn_close{overflow:hidden;position:absolute;top:28px;right:16px;width:24px;height:24px;background:url(../images_m/icon_close_black.png)no-repeat 50%/24px;color:transparent;}
.over_full_layer .con_box{overflow-y:auto;position:absolute;top:80px;right:0;left:0;bottom:0;padding-bottom:78px;}
.over_full_layer .con_box .inner{margin:0 16px; height: calc(100vh - 158px); height: calc(100dvh - 158px); border: 1px solid #e6e4e1; border-radius: 6px; padding: 14px 12px; overflow-y: auto;}
.over_full_layer .con_box .terms_wrap {color:#222;line-height:22px; font-size: 14px;}
.over_full_layer .info_wrap{padding-top:45px;}

.face_terms_layer .con_box .inner { padding: 0; }
.face_terms_layer .tit_box .tit { height: 15px; line-height: 15px; font-size: 12px;  color: #000; font-weight: 700; background:url(../images_m/logo.svg)no-repeat 0 0 / 90px 15px; padding-left: 97px; }



/* 채팅 팝업 */
.layer_chatting{display:none; position:fixed; top:0; left:0; right:0;  width:100%; height:100%; overflow:hidden; background-color:#f2f2f2;}
.layer_chatting .con_box{padding-bottom: 80px;  padding-top: 80px; height: 100%;}
.layer_chatting .tit_box{background-color:#f2f2f2;}
.layer_chatting .con_box .inner{padding:0 16px;}
.layer_chatting .chat_list li{margin-bottom:20px;}
.layer_chatting .chat_list li:first-child{margin-top:0;}
.layer_chatting .chat_list li .thumb{overflow:hidden;position:absolute;top:0;left:0;width:36px;height:36px;border-radius:15px;}
.layer_chatting .chat_list li .chat_inner{display:flex;flex-direction:column;}
.layer_chatting .chat_list li .consultant_name{font-size:12px;color:#444;line-height:14px;letter-spacing:-0.64px;}
.layer_chatting .chat_list li .chat_con{display:flex;align-items:flex-end; padding-top:6px;}
.layer_chatting .chat_list li .chat_con p{position:relative;padding:10px 21px 10px 14px;border-radius:14px;background-color:#fff;font-size:14px;line-height:18px;letter-spacing:-0.8px;word-break:break-all;}
.layer_chatting .chat_list li .chat_con .time{padding-left:4px;font-size:10px;font-weight:500;color:#aaa;line-height:12px;}
.layer_chatting .chat_list .msg_enter{padding-bottom:40px;font-family:'Montserrat';font-size:14px;color:#8b8b8b;line-height:20px;letter-spacing:-0.64px;text-align:center;}
.layer_chatting .chat_list .chat_consultant{position:relative;padding-left:48px;}
.layer_chatting .chat_list .chat_consultant .chat_con p::after{content:'';position:absolute;top:0;left:-5px;width:12px;height:18px;background:url(../images_m/consultant_chat_flag.png)no-repeat 50%/12px 18px;}
.layer_chatting .chat_list .chat_customer{padding-right:5px;}
.layer_chatting .chat_list .chat_customer .chat_inner{align-items:flex-end;}
.layer_chatting .chat_list .chat_customer .chat_con{justify-content:flex-end;width:calc(100% - 22px);}
.layer_chatting .chat_list .chat_customer .chat_con .time{padding:0 4px 0 0;}
.layer_chatting .chat_list .chat_customer .chat_con p{background-color:#ffd600;}
.layer_chatting .chat_list .chat_customer .chat_con p::after{content:'';position:absolute;top:0;right:-5px;width:12px;height:17px;background:url(../images_m/customer_chat_flag.png)no-repeat 50%/12px 17px;}
.layer_chatting .fixed_bottom{padding:0;}
.layer_chatting .chat_input_wrap{display:flex;justify-content:space-between;align-items:center;height:80px;padding:16px 18px;background-color:#fff;}
.layer_chatting .chat_input_wrap input{width:100%;padding:13px 20px;border-radius:25px;background-color:#f2f2f1;font-size:16px;line-height:18px;letter-spacing:-0.8px;}
.layer_chatting .chat_input_wrap input::-webkit-input-placeholder{color:#999 !important;}
.layer_chatting .chat_input_wrap input:-ms-input-placeholder{color:#999 !important;}
.layer_chatting .chat_input_wrap .btn_send{overflow:hidden;width:32px;height:32px;margin-left:3px;background:url(../images_m/icon_send.svg)no-repeat 50%/32px;color:transparent;}

.layer_chatting .chat-list li .chat-con-wrap{display:inline-block;}
.layer_chatting .chat-list li .name{margin-bottom: 0.91vh; font-size:1.59vh; line-height:1; color:#4e473f;}
.layer_chatting .chat-list li .name{margin-bottom:0.6rem; font-size:1rem; line-height:1; color:#4e473f;}
.layer_chatting .chat-list li .chat-con{font-size:1.2rem; line-height:1.425; border-radius:0.5rem;}
.layer_chatting .chat-list li .date{margin-top:0.5rem; font-size:1rem ; line-height:1; color:#767676;}
.layer_chatting .chat-list .chat-notice{padding-top: 0; font-family: 'Montserrat';  font-size: 14px; color: #000; line-height: 20px; letter-spacing: -0.64px; text-align: center;}
.layer_chatting .chat-list .chat-notice .time{padding-left: 4px; font-size: 10px;font-weight: 500; color: #aaa; line-height: 12px; margin-top: 5px;}
.layer_chatting .chat-list .chat-consultant{padding-left:4.5rem; background-image:url(/kb_client/images_m/consultant-profile.svg); background-position:left top;}
.layer_chatting .chat-list .chat-consultant .chat-con{padding: 0.6rem 0.9rem 0.7rem; background:#fff; border:1px solid #e8e8e8; position:relative;}
.layer_chatting .chat-list .chat-consultant .chat-con::before{content:''; display:block; width:1.2rem; height:0.8rem; background:url(/kb_client/images_m/consultant-caht-arrow.svg) no-repeat center / contain; position:absolute; top:-0.06rem; left:-0.8rem}
.layer_chatting .chat-list .chat-consultant .chat-name{margin-bottom: 0.6rem; font-size: 1rem; line-height: 1;}

.layer_chatting.full_layer .tit_box .tit { top: 28px; left: 16px; transform: unset; }
.layer_chatting.full_layer .tit_box .btn_close_text { right: 16px; font-size: 0; width: 24px; height: 24px; background:url(../images_m/close_pop.svg)no-repeat 0 / 24px; }
  
/* end 2021.10.16 FJB System 수정 */


/* 약관상세 팝업 */
.layer_terms .con_box{overflow:hidden;padding-bottom:0;margin-bottom:82px;}
.layer_terms .txt_help{margin:16px 0;font-size:12px;font-weight:700;color:#F54742;line-height:15px;text-align:center;}
.layer_terms .btn_down{overflow:hidden;position:fixed;top:177px;right:7px;z-index:1;width:60px;height:60px;background:url(../images_m/icon_down.svg)no-repeat 0/60px;color:transparent;}
.layer_terms .tab_contents { border: 1px solid #e6e4e1; border-radius: 6px; padding: 10px; }
.layer_terms .tab_contents .tab_cont{display:none; height: 100%;}
.layer_terms .tab_contents .tab_cont.active{display:block;}
/* .layer_terms .tab_contents .tab_cont .document_box{overflow-y:auto;height:calc(100vh - 270px) !important;} */

.layer_terms .con_box.type2 .tab_wrap{display:none;}
.layer_terms .con_box.type2 .txt_help{display:none;}
.layer_terms .con_box.type2 .tab_contents .tab_cont .document_box{height:calc(100vh - 162px);}
.layer-popup.layer-phone-terms { overflow-y: hidden; }
.layer-popup.layer-phone-terms .con_box { overflow-y: hidden; height: 100%; }
.layer-popup.layer-phone-terms .con_box .tab_contents { height: 100%; overflow: hidden; }
.layer-popup.layer-phone-terms.full_layer .con_box .inner { display: flex; flex-direction: column; height: 100%; padding: 10px 16px 0; }
.layer-popup.layer-phone-terms .con_box .tab_contents .tab_cont .document_box { overflow-y: auto; height: 100% !important; }


/******************************************* skin dark *******************************************/
/* reset */
main.skin_dark button{color:#fff;}

/* common */
main.skin_dark{height:100vh; background:#2b2747 url(../images_m/main_bg_dark.svg)no-repeat 50%/cover;color:#fff;}
main.skin_dark .skin_dark_img{display:block !important;}

/* header */
main.skin_dark .main_header h1 a img{display:none;}

/* fixed bottom */
main.skin_dark .fixed_quick_menu .btn_wrap .new_chat_wrap.active .new_chat{background-color:#353333;color:#fabe06;}
main.skin_dark .fixed_quick_menu .btn_wrap .new_chat_wrap.active::after{background:url(../images_m/new_chat_arrow_dark.png)no-repeat 50%/12px 23px;}
main.skin_dark .fixed_quick_menu .menu_list li .btn_quick { color: #d7d7d7; }
 
/* popup */
main.skin_dark .layer_chatting{background-color:#2a2a2a;}
main.skin_dark .layer_chatting .tit_box .btn_close{background:url(../images_m/icon_close_white.png)no-repeat 50%/24px;}

/* 채팅 팝업 */
main.skin_dark .layer_chatting .tit_box{background-color:#2a2a2a;}
main.skin_dark .layer_chatting .chat_list li .consultant_name{color:#fff;}
main.skin_dark .layer_chatting .chat_list li .chat_con p{color:#000;}
main.skin_dark .layer_chatting .chat_input_wrap{background-color:#1f1f1f;}

.layer_popup_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden; background:#ffffff;}
.layer-popup{background-color: #FFF; padding-top:80px; width:100%; height:100%; min-height:calc(100% - 8rem); overflow:auto; display:none; position:relative}
.layer_popup_wrap .container{ height: calc(100% - 80px); padding-top:0; background-color: #FFF;}
.layer_popup_wrap .container .contents{padding:0 16px; height: calc(100% - 10px); max-height: 100%; overflow-y: auto; position: relative;}
.layer_popup_wrap .container.has_bottom{padding-top:0; height: 100%;}

.layer-popup.has_iframe .con_box{padding-bottom:0;}
.iframe_phone{width: 100%; overflow: hidden; position: relative; z-index: 10000; height: inherit;}
.iframe_phone .fixed_bottom{position: static;}
.iframe_phone .full_layer .con_box{overflow-y: unset; position: relative;}

.loading_spinner{position:fixed; z-index:120; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); display: flex; align-items: center;  justify-content: center;}


/* 2026 경쟁력 강화 : 레이어 팝업 변경 */
.layer-popup.logo_bottom .container .contents .fixed_bottom { position: relative; top: unset; left: unset; right: unset; bottom: unset; padding: 0; margin-top: 30px; }
.layer-popup.logo_bottom .header { display: flex; justify-content: center; align-items: center; gap: 7px; top: unset; bottom: 65px; left: unset; right: unset; width: 100%; height: 15px; }
.layer-popup.logo_bottom .main_header .logo { position: relative; top: unset; left: unset; }
.layer-popup.logo_bottom .main_header .logo img { width: 90px; height: 15px; }
.layer-popup.logo_bottom .main_header .main_tit { display: inline-block; position: relative; top: unset; left: unset; right: unset; bottom: unset; transform: unset; font-size: 12px; font-weight: 700; }
.layer-popup .visual_wrap p span.bold { text-decoration: underline;font-weight: bold; }

.layer-popup.layer-browser-support .visual_wrap { margin-top: 0; }
.layer-popup.layer-browser-support .visual_wrap.visual_browser strong { padding-top: 0; }
.layer-popup.layer-browser-support .visual_wrap .img_box { position: relative; width: auto; height: auto; top: unset; left: unset; transform: unset; margin-top: 48px; }
.layer-popup.layer-browser-support .visual_wrap .img_box ul { display: flex; gap: 18px; justify-content: center;  }
.layer-popup.layer-browser-support .visual_wrap .img_box ul li { width: 56px; }
.layer-popup.layer-browser-support .visual_wrap .img_box ul li > span { display: block; color: #666; font-size: 12px; font-weight: 300; margin-top: 4px; }
.layer-popup.layer-browser-support .visual_wrap .img_box img { width: 56px; height: 56px;}
.layer-popup.layer-browser-support .visual_wrap p.s_txt { padding-top: 42px; font-size: 14px; color: #999; line-height: 18px; }
.layer-outbound-expired .visual_wrap strong { padding-top: 30px; }

.layer-popup .header { height: 80px; }
.layer-popup .header .main_tit { top: unset; bottom: 16px; left: 50%; transform: translate(-50%, 0); white-space: nowrap; font-size: 20px; line-height: 26px; }
.layer-popup .container.has_bottom { padding: 0 0 76px; }

.layer-popup.layer-agree .form_single_wrap .form_check.type_2 .inp_all_chk span:not(.txt_info) { margin: 13px 14px 0; padding: 0 20px 8px 31px; font-weight: 500; border-bottom: 1px solid #eee; background:url(../images_m/ic_expand_right.svg)no-repeat top 10px right 0 / 20px; }
.layer-popup.layer-agree .form_single_wrap .form_check.type_2 .inp_all_chk span:not(.txt_info)::before { top: 0; left: 0; }
.layer-popup.layer-agree .form_single_wrap .form_check.type_2 .card_cont { margin: 8px 14px 9px 0; padding-left: 44px;}
.layer-popup.layer-agree .form_single_wrap .form_check.type_2 .card_cont .inp_chk .chk_info { display: block; background:url(../images_m/ic_expand_right.svg)no-repeat top 0 right 0 / 20px; padding-right: 15px; }
.layer-popup.layer-agree .form_single_wrap .form_check.type_2 .card_cont .inp_chk .chk_info span { display: block; font-size: 14px; line-height: 22px;  }
.layer-popup.layer-agree .form_single_wrap .form_check.type_2 .card_cont li + li { padding-top: 8px; }
.layer-popup.layer-agree .form_single_wrap .form_check.type_2 .inp_chk .chk_info::before { top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-size: 20px; }

.layer-popup.layer-agree .form_single_wrap .form_check + .form_check { margin-top: 8px; }
.form_bottom_wrap { margin-top: 8px; }
.layer-outbound-consent .form_top_wrap .form_check { border: none;  }
.layer-outbound-consent .form_top_wrap .form_check .inp_all_chk span{ background-color: #fff9d7; font-size: 16px; line-height: 24px;}
.layer-outbound-consent .form_top_wrap .form_check .inp_all_chk span:not(.txt_info)::before { top: 50%; transform: translateY(-50%); }
.layer-outbound-purpose-invest .header .main_tit { bottom: 0; text-align: center; }
.layer-outbound-purpose-invest .form_top_wrap .form_check { border: none; }
.layer-outbound-purpose-invest .form_top_wrap .form_check .inp_all_chk span {background-color: #fff9d7; font-size: 16px; line-height: 24px; }
.layer-outbound-purpose-invest .form_top_wrap .form_check .inp_all_chk span:not(.txt_info)::before { top: 50%; transform: translateY(-50%); }
.layer-outbound-purpose-invest .form_single_wrap { margin-top: 12px; }
.layer-outbound-purpose-invest .form_single_wrap .form_check:last-child { margin-bottom:8px;}
.layer-reserve-callback .form_check .inp_all_chk span:not(.txt_info)::before { top: 8px; }

.over_full_layer .fixed_bottom { padding: 12px 16px; background-color: #fff; }

.visual_wrap .h3_title { color: #000; font-size: 18px; font-weight: 700; }

.layer-popup .real_result { display: block; margin-top: 40px; font-size: 14px; font-weight: 500; color: #777; }
.layer-popup .real_result > strong { padding: 0; font-weight:700; font-size: 14px; }
.layer-popup .real_result > strong.txt_success { color: #36c752; }
.layer-popup .real_result > strong.txt_failed { color: #ff0000; }

/* 얼굴확인 안내 */
.txt_topinfo_wrap { margin: 14px 12px 0; }
.txt_topinfo_wrap > h4.tit { font-size: 14px; color: #222; font-weight: 500; line-height: 22px; }
.txt_topinfo_wrap > p { margin-top: 6px; font-size: 12px; line-height: 19px; color: #222; font-weight: 300; }

.layer-popup.layer-outbound-face .txt_info_wrap { margin: 17px 12px 0; }
.layer-popup.layer-outbound-face .form_single_wrap { border: 1px solid #eee; border-radius: 6px; }
.layer-popup.layer-outbound-face .form_single_wrap .form_check { margin-top: 12px; border-radius: unset;  position: relative; }
.layer-popup.layer-outbound-face .form_single_wrap > .form_check:nth-of-type(3) { margin-top: 42px; padding-bottom: 12px; }
.layer-popup.layer-outbound-face .form_single_wrap > .form_check:nth-of-type(3)::after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; content: ""; padding: 0 14px; width: calc(100% - 56px); height: 1px; background-color: #eee; }
.layer-popup.layer-outbound-face .form_single_wrap .form_check .inp_all_chk span:not(.txt_info) { padding: 0 33px 0 44px; }
.layer-popup.layer-outbound-face .form_single_wrap .form_check .inp_all_chk span:not(.txt_info)::before { top: 50%; transform: translateY(-50%); }
.layer-popup.layer-outbound-face .form_single_wrap .form_check .card_head { position: relative; }
.layer-popup.layer-outbound-face .form_single_wrap .form_check .btn-face-agree-pop { position: absolute; top:50%; transform: translateY(-50%); right: 12px; width: 20px; height: 20px;background:url(../images_m/ic_expand_right.svg)no-repeat center /20px; z-index: 1;}
.layer-popup.layer-outbound-face .form_single_wrap .txt_agree_warning { position: relative; margin: 70px 12px 14px; color: #ff5c5c; font-size: 12px; font-weight: 500; line-height: 22px; padding-left: 29px; }
.layer-popup.layer-outbound-face .form_single_wrap .txt_agree_warning::before { position: absolute; display: block; content: ""; top: 50%; left:0; transform: translateY(-50%); width: 24px; height: 24px;background:url(../images_m/ic_warning.svg)no-repeat center /24px; }

/* 업무 선택 */
.layer-outbound-purpose .form_single_wrap { border: 1px solid #eee; border-radius: 6px; }
.layer-outbound-purpose .form_single_wrap .form_check { border: none; }
.layer-outbound-purpose .form_single_wrap .form_check:first-child { margin-top: 14px; }
.layer-outbound-purpose .form_single_wrap .form_check:last-child { margin-bottom: 14px; margin-top: 3px; }
.layer-outbound-purpose .form_check .inp_all_chk span:not(.txt_info) { padding: 3px 14px 3px 44px; }
.layer-outbound-purpose .form_check .inp_all_chk span:not(.txt_info)::before { top: 50%; transform: translateY(-50%); }
.form_bottom_only { border: none; position: absolute; bottom: 25px; }

/* 카메라/마이크 설정 */
.layer-popup.logo_bottom_new.layer-camera-check { padding-top: 16px; }
.layer-popup.logo_bottom_new.layer-camera-check .txt_info_wrap { margin-top: 10px; }

.layer-popup.logo_bottom_new.layer-camera-check-data { padding-top: 24px; }
.layer-popup.logo_bottom_new.layer-camera-check-data .cam_vol_wrap { display: flex; justify-content: space-between; }
.layer-popup.logo_bottom_new.layer-camera-check-data .cam_vol_wrap .camera_wrap { width: 37.87vw; aspect-ratio: 142 / 159; padding: 0; height: auto; }
.layer-popup.logo_bottom_new.layer-camera-check-data .cam_vol_wrap .volume_wrap { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.layer-popup.logo_bottom_new.layer-camera-check-data .cam_vol_wrap .volume_wrap > img { width: 98px; height: 98px; }
.layer-popup.logo_bottom_new.layer-camera-check-data .cam_vol_wrap .volume_wrap > p { margin-top: 12px; color: #000; font-size: 14px; line-height: 20px; font-weight: 500; }
.layer-popup.logo_bottom_new.layer-camera-check-data .txt_info_wrap { margin-top: 8px; }
.layer-popup.logo_bottom_new .txt_info_wrap ul li { color: #777; }
.layer-popup.logo_bottom_new .txt_info_wrap ul li::before { background-color: #777; }

/* 음성 바 */
.voice_wrap{padding:16px 14px; border-radius: 6px; border: 1px solid #e6e4e1; margin-top: 8px; }
.voice_wrap + .voice_wrap { margin-top: 8px; }
.voice_wrap .tit{line-height:22px;letter-spacing:-0.2px;font-weight: 500;font-size: 14px; color: #222; }
.voice_wrap .voice_bar_wrap{height:20px;margin-top:10px;background:url(../images_m/voice_off_new.svg)repeat-x 0 0 / auto 20px}
.voice_wrap .voice_bar_wrap .voice_bar{height:100%;background:url(../images_m/voice_on_new.svg)repeat-x 0 0 / auto 20px}
.voice_wrap .voice_bar_wrap.vol_type {background:url(../images_m/volume_off.svg)repeat-x 0 0 / auto 20px}
.voice_wrap .voice_bar_wrap.vol_type .voice_bar{background:url(../images_m/volume_on.svg)repeat-x 0 0 / auto 20px}
.voice_wrap .txt_help{margin-top:6px;font-size:12px;color:#777;line-height:22px;letter-spacing:-0.2px;font-weight: 300;}

.voice_wrap .form_check{border: none;border-radius:unset; margin-top: 10px;}
.voice_wrap .form_check .inp_all_chk span:not(.txt_info){padding:0 0 0 32px;color: #000;}
.voice_wrap .form_check .inp_all_chk span:not(.txt_info)::before{top:0;left:0;}


/* 모바일 신분증 선택, 완료 */
.mobile_id_wrap ul { display: flex; justify-content: center; gap: 45px; margin-top: 36px; }
.mobile_id_wrap ul li { position: relative; width: 120px; height: 196px; display: block; }
.mobile_id_wrap input[type=radio] {position:absolute;top:1px;left:1px;width:24px;height:24px;opacity:0.01;}
.mobile_id_wrap input[type=radio]+label{display:flex; align-items: flex-end; justify-content: center; height: 158px; box-sizing: border-box;cursor:pointer}
.mobile_id_wrap input[type=radio]+label > span { font-size:14px;font-weight:500;color:#666;line-height:20px; }
.mobile_id_wrap input[type=radio]+label.mobile_id_label01 { background:url(../images_m/mobile_id_bg01.png) no-repeat 0 0 / 120px; }
.mobile_id_wrap input[type=radio]+label.mobile_id_label02 { background:url(../images_m/mobile_id_bg02.png) no-repeat 0 0 / 120px; }
.mobile_id_wrap input[type=radio]+label::before{content:'';position:absolute;bottom:0;left:50%;transform: translateX(-50%);  width:24px;height:24px;background:url(../images_m/ico_radio_default.svg) no-repeat 0 0 / 24px;vertical-align:top;}
.mobile_id_wrap input[type=radio]:checked+label.mobile_id_label01 { background:url(../images_m/mobile_id_bg01_on.png) no-repeat 0 0 / 120px; }
.mobile_id_wrap input[type=radio]:checked+label.mobile_id_label02 { background:url(../images_m/mobile_id_bg02_on.png) no-repeat 0 0 / 120px; }
.mobile_id_wrap input[type=radio]:checked+label::before{background:url(../images_m/ico_radio_checked.svg) no-repeat 0 0 / 24px;}

.layer-popup.logo_bottom_new { padding-top: 86px; }
.layer-popup.logo_bottom_new .header { bottom: 43px; } 
.layer-popup.logo_bottom_new .header { bottom: 43px; }
.layer-popup.logo_bottom_new .container { height: calc(100% - 70px);}
.layer-popup.logo_bottom_new .container .contents .fixed_bottom { position: fixed; bottom: 80px; left: 16px; right: 16px; padding: 0; margin: 0; }

.layer-popup.layer-browser.layer-mobile-id-done { padding-top: 124px; }
.layer-mobile-id-done .mobile_id_wrap { height: 229px; background:url(../images_m/mobile_id_bg01.png) no-repeat top center / 120px; }
.layer-mobile-id-done .mobile_id_wrap .h3_title {padding-top: 150px; }

.layer-popup.logo_bottom_new.layer-connecting-ai { padding-top: 50px; }
.layer-popup.layer-callabck-done .txt_info_wrap { margin-top: 65px; }

.layer-popup.logo_bottom_new .visual_wrap strong { padding-top: 30px; }


/* 2026 경쟁력 강화 : 추가 css */
.video_main_wrap { position: relative; }

.name_area { background-color: #fff; display: flex; align-items: center; justify-content: center; gap:7px; width: 100%; height: 44px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; border-bottom: 1px solid #e6e4e1; }
.name_area .name { position: relative; font-size: 16px; font-weight: 700; color: #58461e; line-height: 22px; padding-left: 30px; }
.name_area .name::before { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 24px; height: 24px;background:url(../images_m/name_ico.svg)no-repeat center /24px }
.name_area .depart {  font-size: 12px; font-weight: 300; color: #534f48; line-height: 17px; padding-top: 3px; }

.main_guide_txt { margin-top: 14px; font-size: 12px; color: #7c7366; font-weight: 500; line-height: 17px; }
.main_guide_txt strong { font-size: 12px; font-weight: 700; color: #f69f21; }

.layer-reserve-callback .sel_base .btn_select::after {top:unset;transform:unset;bottom: 14px;width:24px;height:24px;background:#fff url(../images_m/ic_expand_down.svg)no-repeat 0 /24px;}

.layer-phone-identify .con_box { margin-top: 30px; }
.layer-phone-identify .form_wrap .form_check_type2 + .form_check { margin-top: 16px; }

.work_name_wrap { position: fixed; top:63px; left: 0; width: 100%; height: 34px; background-color: #eee; text-align: center; line-height: 34px; color: #000; font-size: 14px; }
.work_name_wrap .work_name { font-weight: 500; }
.work_name_wrap .work_aff { font-weight: 300; }
.work_screen_area { position: absolute; top: 97px; width: 100%; height: calc(100vh - 97px); }

/* 공유화면 하단 페이지네이션 */
.share_bottom_wrap { position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%); display:flex; align-items: center; justify-content: space-between; width: calc(100% - 32px); max-width: 343px; padding: 8px 15px; border-radius:50px;background-color:rgba(0, 0, 0, .6); overflow: hidden; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, .25); color: #fff; font-family: 'KBFGText', sans-serif; }
.share_bottom_wrap .name_wrap { line-height: 18px; font-size: 14px; }
.share_bottom_wrap .name_wrap .name { font-weight: 500; }
.share_bottom_wrap .name_wrap .aff { font-weight: 300; margin-left: 4px; }
.share_bottom_wrap .paging_wrap { display:flex; align-items: center; justify-content: center; }
.share_bottom_wrap .name_wrap[style*="display:none"] ~ .paging_wrap,
.share_bottom_wrap .name_wrap[style*="display: none"] ~ .paging_wrap,
.share_bottom_wrap .name_wrap:empty ~ .paging_wrap { margin: auto; }
.share_bottom_wrap .paging_wrap > button {display:block;color:transparent;width:16px;height:16px;}
.share_bottom_wrap .paging_wrap .btn_prev {background:url(../images_m/ic_pre.svg) no-repeat 0 / 16px; margin-right: 12px;}
.share_bottom_wrap .paging_wrap .btn_next {background:url(../images_m/ic_next.svg) no-repeat 0 / 16px; margin-left: 12px; }
.share_bottom_wrap .paging_wrap .paging_list {display:flex; align-items: center; justify-content: center; font-size:14px; line-height:18px; font-weight: 500; font-family: 'Montserrat', sans-serif; }
.share_bottom_wrap .paging_wrap .paging_list .num { display: block; width: 20px; text-align: center; }
.share_bottom_wrap .paging_wrap .paging_list .slash { font-weight: 300; }

/* 2026 경쟁력 강화 얼럿 팝업 */
/* .popup_normal.alert_pop .pop_txt { padding: 52px 24px; }/ */


/******************************************* Media Query *******************************************/
/* @media screen and (max-width: 376px) {
	.video_area .video_txt .name{font-size: 16px;}
	.main_screen .waiting_box::after{width: 241px; height: 262px; right:0px; background: url(../images_m/main_visual_bg02.png)no-repeat 100% 100%/241px;}
	.sub_screen{height:80px;}
} 

@media only screen and (max-width:340px){
	.palette_box .color_list{width:181px;}
} */

@media only screen and (max-width: 281px) {
	.sub_screen{
		bottom: 107px;
	}
}

@media only screen and (max-width:310px){
	.fixed_quick_menu .menu_list {
		gap: unset;
	}
}

/* 2026 경쟁력 강화 - 미러링 그리기용 canvas */
.mirror_draw{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	width: 100dvw;
	height: 100dvh;
	z-index: 9999;
	pointer-events: none;
	opacity: 0.3;
}


/*고객 후기*/
.layer_popup_wrap .layer-review  .container .contents.review{display: flex; flex-direction: column; margin-bottom: 5px;}
.layer_popup_wrap .layer-review .container .contents.review .form_text{ position: relative; flex: 1; display: flex; flex-direction: column; max-height: 210px; margin-top: 24px; border: 1px solid #e6e4e1; padding: 14px 12px; border-radius: 6px; }
.layer_popup_wrap .layer-review .container .contents.review dl dt{position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.layer_popup_wrap .layer-review .container .contents.review dl dd{flex: 1; overflow-y: scroll;}
.layer_popup_wrap .layer-review .container .contents.review .review_length{ position: absolute; right: 12px; bottom: 14px; font-size: 12px; line-height: 19px; color:#222; font-weight: 300;}
.layer_popup_wrap .layer-review .container .contents.review .text_base{flex: 1;  overflow-y: scroll;}
.layer_popup_wrap .layer-review .container .contents.review textarea{height: 100%;}

.star-rating { display: flex; justify-content: center; align-items: center; gap: 11px;}
.star-rating .star-btn { background: url('../images_m/star_off.svg') no-repeat center; background-size: 34px; width: 34px; height: 34px; }
.star-rating .star-btn.active { background-image: url('../images_m/star_on.svg'); }

.layer-popup.layer-review .sub_tit { color: #222; font-weight: 300; font-size: 14px; line-height: 20px; text-align: center; padding: 0; margin-bottom: 14px; }
.layer-popup.layer-review .sub_tit strong { display: block; margin-bottom: 4px; font-weight: 500; }

.layer-popup.layer-review .form_box label { font-size: 14px; font-weight: 300; color: #666; }

#adScreen .advert,
#adScreen .swiper-wrapper {
	height: 100% !important;
	max-height: 100vh;
}
.layer_ad {
	position:fixed;top:0;left:0;z-index:1005 !important;width:100%;height:100vh;background:#fff;display:none;
}