@charset "utf-8";

/* Font */
@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');
}

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

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

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

/** Reset **/
html,body{height:100%;-webkit-text-size-adjust:100%;word-break: break-all;}
html.layer_activated,body.layer_activated{overflow:hidden;height:100%;}
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hgroup,p,blockquote,figure,form,fieldset,input,legend,pre,abbr,button{margin:0;padding:0;}
body,button,input,select,table,textarea,pre{margin:0;padding:0;font-family: 'KBFGText', 'Noto Sans KR', sans-serif;color:#000;font-size:14px;font-weight:300;line-height:1;}
fieldset,iframe,img{border:0;}
img{border:none;vertical-align:top;}
ol,ul,li{list-style:none;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
article,aside,footer,header,nav,main,section,summary,details,hgroup,figure,figcaption{display:block;}
button{overflow:visible;border:0;background:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;}
button:focus{outline:none;}
button:disabled{cursor:default;}
a{color:#222;text-decoration:none;}
a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
.blind,caption{overflow:hidden;position:absolute;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
caption{position:static;}
input,textarea,select{border-radius:0;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;outline:0;border:0}
textarea {overflow-y:auto;resize:none;display:block;}
input::placeholder{color: #999;}
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;
}

.blind {position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;overflow:hidden;}
#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;}

/* 공통 */
body{background:url(/kb_client/images/bg_pc02.png) no-repeat 50% 50% fixed;background-size:cover;}
body.layer_activated{overflow: hidden;}
.dim{width:100%;height:100%;background:rgba(0,0,0,.6)}
.wrap { width: 100%; height: 100%; min-width: 1388px; }

/* button */
[class*="btn_type"] {text-align:center;border-radius:6px;}
.btn_type_primary{display:inline-block;width:auto;height:60px;border-radius:6px;background:#FFD600;font-size:18px;font-weight:500;color:#000;line-height:23px;letter-spacing:0;}
.btn_type_primary:disabled{background:#fff599;color:#999;pointer-events:none;}
.btn_type_primary.disabled{background:#fff599;color:#999;pointer-events:none;}
.btn_type_secondary{display:inline-block;width:auto;height:60px;border-radius:6px;background:#f0f0f0;font-size:18px;font-weight:500;color:#000;line-height:23px;letter-spacing:0;}
.btn_type_secondary:disabled{color:#999;pointer-events:none;}
.btn_type_secondary.disabled{color:#999;pointer-events:none;}
.btn_type_s{display:inline-block;width:auto;padding:0 16px;background: #79746b;font-size:14px;font-weight:500;color:#fff;line-height:36px;}
.btn_type_text{display:inline-block;padding-bottom:1px;border-radius:0;color: #806b56;font-size:14px;font-weight: 500;border-bottom: 1px solid #806b56;line-height:18px;letter-spacing:-0.2px;}

.btn_wrap{ display: flex; gap: 12px; padding:0 40px 40px;border-radius:0 0 20px 20px;}
.btn_wrap button{width:100%;}
.btn_wrap a{display:block;width:100%;}

.btn_wrap.type_s{display:flex;justify-content:space-between;padding:15px 16px 25px;}
.btn_wrap.type_s button{width:calc(50% - 3.5px);padding:16px 10px;letter-spacing:-0.64px;}
.btn_wrap.type_s a{width:calc(50% - 3.5px);padding:16px 10px;}

.btn_vid_wrap {display: flex; justify-content: center; align-items: center; gap: 34px; font-size:0; margin-top: 48px;}
.btn_vid_wrap button{width:60px;height:60px;color:transparent}
.btn_vid_wrap .btn_mic{background:url(/kb_client/images/ic_mic.svg) no-repeat 0 0}
.btn_vid_wrap .btn_cam{background:url(/kb_client/images/ic_cam.svg) no-repeat 0 0}
.btn_vid_wrap .btn_end{background:url(/kb_client/images/ic_phone.svg) no-repeat 0 0}
.btn_vid_wrap .btn_mic.no_mic{background:url(/kb_client/images/ic_mic_off.svg) no-repeat 0 0}
.btn_vid_wrap .btn_cam.no_cam{background:url(/kb_client/images/ic_cam_off.svg) no-repeat 0 0}

/* text */
.txt_guide{position:relative;margin:14px 40px 0;font-size:14px;color:#F54742;line-height:20px;}
/* .txt_guide::before{content:'※';position:absolute;top:1px;left:1px;font-size:14px;color:#f54742;line-height:20px;} */
.txt_info{display:block;padding-top:10px;font-size:14px;color:#666;line-height:22px;}

.txt_info_wrap{padding:12px 16px;border-radius:6px;background:#f9f9f9;}
.txt_info_wrap .tit{font-size:14px;font-weight:700;color:#222;line-height: 22px;}
.txt_info_wrap ul{margin-top:6px;}
.txt_info_wrap ul li{position:relative;padding-left:20px;font-size:14px;font-weight:300;color:#222;line-height:22px;}
.txt_info_wrap ul li + li {margin-top:4px;}
.txt_info_wrap ul li::before{content:'';position:absolute;top:8px;left:8px;width:5px;height:5px;border-radius:50%;background:#222;}
.txt_info_wrap ul .important{color:#ff0000;}
.txt_info_wrap ul .important::before{background-color:#ff0000;}

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

/* form */
.form_box{width:100%;padding:16px;border:1px solid #e6e4e1;border-radius:6px;background-color:#fff;}
.form_box label{font-size:14px;font-weight:500;color:#000;line-height:20px;}
.form_box .inp_base{position: relative; margin-top:10px;}
.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(/kb_client/images/btn_select_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_text{height:auto;}
.form_text.type_full{position: relative; height:494px;box-sizing: border-box;}
.form_text.type_full .text_base{height:calc(100% - 24px)}
.form_text.type_full .text_base textarea{height:100%; margin-top: 10px;}

.form_check{overflow:hidden;border:1px solid #e6e4e1;border-radius:10px;position: relative;}
.form_check .inp_all_chk{display:block;}
.form_check .inp_all_chk span:not(.txt_info){display:block;position:relative;padding:17px 16px 17px 54px;background-color:#fff;font-size:16px;font-weight:500;line-height:24px;text-align:left;cursor:pointer;}
.form_check .inp_all_chk span:not(.txt_info) strong{font-weight:500;color:#F54742;}
.form_check .inp_all_chk span:not(.txt_info)::before{content:'';position:absolute;top:15px;left:16px;width:28px;height:28px;border-radius:50%;background:url(/kb_client/images/checkbox_off.svg)no-repeat 50%/28px;}
.form_check .inp_all_chk input{display:none;}
.form_check .inp_all_chk input:checked + span:before{background:url(/kb_client/images/checkbox_on.svg)no-repeat 50%/28px;}
.form_check .card_cont{margin-left: 50px; padding: 4px 0; }
.form_check .card_cont li{margin-top:14px;}
.form_check .card_cont li:first-child{margin-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;cursor: pointer;}
.form_check .inp_chk .chk_info::before{content:'';position:absolute;top:50%;transform: translateY(-50%);left:0;width:24px;height:24px;border-radius:50%;background:url(/kb_client/images/checkbox_off24.svg)no-repeat 50%/24px;}
.form_check .inp_chk .chk_info strong{font-size:14px;font-weight:700;line-height:24px;}
.form_check .inp_chk .chk_info span{font-size:14px;line-height:24px;}
.form_check .inp_chk input:checked + .chk_info::before{background:url(/kb_client/images/checkbox_on24.svg)no-repeat 50%/24px;}

.form_check.has_btn{position:relative;}
.form_check.has_btn .inp_all_chk span{padding:10px 16px 20px 54px; background: url(../images/ico_arrow.svg)no-repeat top 12px right 16px / 24px}
.form_check.has_btn .inp_all_chk span:not(.txt_info)::before { top: 7px; }
.form_check.has_btn .btn_wrap{position:absolute;bottom:20px;left:54px;right:16px;z-index:1;padding:0;}
.form_check.has_btn button{height:32px;padding:0;border-radius:6px;box-shadow:none;font-size:14px;font-weight:500;color:#777;line-height:20px;}

.form_check.has_txt .inp_all_chk span:not(.txt_info){padding-bottom:0;}
.form_check.has_txt .inp_all_chk .txt_info{display:block;padding:10px 16px 18px 54px;}

.form_check.form_all { border: none; }
.form_check.form_all .inp_all_chk span:not(.txt_info) { font-weight: 700; background-color: #fff9d7; }

.inp_base input{width:100%;font-size:16px;font-weight:300;color:#000;line-height:24px;}
.inp_base .tel_del { display: none; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background:url(/kb_client/images/input_cancel.svg)no-repeat 0 /24px; font-size: 0; }
.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;}

.text_base textarea{width:100%;height:48px;font-size: 14px;font-weight: 300;color: #000;line-height: 22px;}
.terms_area.layer-reserve-callback .text_base textarea{ margin-top: 5px;}
.terms_area.layer-reserve-callback .text_base textarea::placeholder { font-size: 16px; color: #999; }
.terms_area.layer-reserve-callback .form_single_wrap  .txt_info_wrap { margin-top: 10px; }
.terms_area.layer-reserve-callback .form_check.has_btn .btn_wrap { left: 16px; }
.terms_area.layer-reserve-callback .terms_txt { margin: 20px 16px 0; border: 1px solid #eee; border-radius: 6px; padding: 12px 7px; overflow-y: auto; height: 158px; min-height: 158px; box-sizing: border-box; color: #777; font-size: 14px; line-height: 19px; }

.sel_base{position:relative;padding:16px 40px 16px 16px;}
.sel_base .sel_label{font-size:14px;font-weight:500;color:#000;line-height:20px;}
.sel_base .sel_data{margin-top:10px; font-size: 16px; font-weight: 300; color: #999; 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;bottom:18px;right:16px;width:24px;height:24px;background:#fff url(/kb_client/images/ic_more.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, .form_single_wrap .form_box{margin-top:10px;}
.form_single_wrap .form_check:first-child, .form_single_wrap .form_box:first-child{margin-top:0;}

.radio_type_select li{margin-top:5px;}
.radio_type_select li:first-child{margin-top:0;}
.radio_type_select .form_box{position:relative;padding:0 !important;border:none;border-radius:0;background:unset;}
.radio_type_select .form_box input[type=radio]{position:absolute;}
.radio_type_select .form_box input[type=radio]+label{position:relative;display:block;padding:12px 12px 12px 53px;border:1px solid #ececec;border-radius:4px;font-size:16px;color:#2C3238;line-height:24px;letter-spacing:-0.4px;cursor:pointer;}
.radio_type_select .form_box input[type=radio]+label::before{content:'';position:absolute;left:20px;top:12px;width:24px;height:24px;background:url(/kb_client/images/ico_radio.png)no-repeat 50%/24px;}
.radio_type_select .form_box input[type=radio]:checked+label{font-weight:700;color:#000;border:1px solid #FFD600;}
.radio_type_select .form_box input[type=radio]:checked+label::before{background:url(/kb_client/images/ico_radio_checked.png)no-repeat 50%/24px;}

/* scroll */
.scroll{overflow-y:auto;overflow-x:hidden}
.scroll::-webkit-scrollbar{width:4px;}
.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;}

/* popup */
.layer_wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;width:100%;height:100vh;}

.layer_wrap.type_s .pop_inner{width:315px;}
.layer_wrap.type_s .pop_wrap .con_box .txt strong{display:block;padding-top:14px;font-weight:300;color:#FF0000;font-size: 14px;}

.alert_pop .pop_inner{position:fixed;top:50%;left:50%;z-index:100;border-radius:10px;background:#fff;transform:translate(-50%,-50%);filter:drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.15));}
.alert_pop .pop_wrap{padding:30px 24px;min-height: 126px; box-sizing: border-box;}
.alert_pop .pop_wrap .tit_box{padding-bottom:14px; text-align: center;}
.alert_pop .pop_wrap .tit_box .tit{font-size:20px;font-weight:700;color:#222;line-height:28px;letter-spacing:-0.2px;}
.alert_pop .pop_wrap .con_box .txt{font-size:16px;line-height:22px;letter-spacing:-0.2px;text-align:center;font-weight: 300;letter-spacing: -.2px;}
.alert_pop .pop_wrap .con_box .txt_warn { color: #ff0000; font-size: 14px; }
.alert_pop .pop_wrap .con_box .txt .txt_id { font-weight: 500; }
.alert_pop .pop_wrap .con_box .txt .txt_id.success { color: #5cbf0f; }
.alert_pop .pop_wrap .con_box .txt .txt_id.failed { color: #ff0000; }
.alert_pop .pop_wrap .con_box .txt .txt_p { display: inline-block; margin-top: 10px; }
.alert_pop .btn_wrap{overflow:hidden;border-radius:0 0 10px 10px;background:#fff;padding:0 19px 24px 19px;gap: 10px;}
.alert_pop .btn_wrap .btn_type_primary,
.alert_pop .btn_wrap .btn_type_secondary
{height:46px; font-size: 16px; border-radius:6px;box-shadow:none;font-weight:500;}

/* header */
.header .inner{position:relative;width:1400px;margin:0 auto;padding:45px 0 60px; text-align: center;}
.header .logo{font-size:initial}
.header .logo img { width: auto; height: 100%; }
.header .panel{display:flex;align-items:center;justify-content: center;padding-top:20px}
.header .tit_main{font-size:32px;font-weight:700;color:#000;line-height:41px;}
.header .branch_name { font-size: 20px; line-height: 24px; color: #000; font-weight: 500; margin-top: 12px; }

/* container */
.container{position:relative; width: 100%; }
.container .inner{width:1280px;margin:0 auto;}
.container .inner .contents{display:flex;align-items:flex-end;width:1280px;}
.content_wrap {flex:none;display:flex;overflow:hidden;width:1280px;height:678px;background:#fff;border-radius:40px;box-shadow: 0px 20px 80px rgba(165, 162, 133, 0.4);box-sizing: border-box;}

.sales_channel_wrap{margin-left:14px;margin-bottom:-80px}

/* 화상상담 영역 */
.con_left{position: relative; flex:none;width:882px;}

.con_left .today{ position:absolute;top:48px;left:40px;}
.con_left .today > span{font-size:16px;color:#1e1e1e;line-height:20px; font-weight: 300;}

.con_left .consult_wrap{position:relative;padding:124px 40px 46px 40px;box-sizing: border-box;}

.con_left .consult_wrap .timer{position:absolute; top: 40px; left: 50%; transform: translateX(-50%); width:auto; line-height: 24px; padding:10px 15px 10px 50px;background:#fff;border-radius:24px;font-size:20px;font-weight:700;color:#000;letter-spacing:-.2px;border: 2px solid #eee; box-sizing: border-box; z-index: 0;}
.con_left .consult_wrap .timer::before{content:'';position:absolute;top:50%;transform: translateY(-50%);left:22px;width:12px;height:12px;background: #FF0000;border-radius:50%;}

.con_left .consult_wrap .video_wrap{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px}
.con_left .consult_wrap .video_wrap .video_box{overflow:hidden;position:relative;background: linear-gradient(180deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 33.89%);border-radius:24px;}
/* .con_left .consult_wrap .video_wrap .video_box video{width:100%;height:100%;object-fit:cover;} */
.con_left .consult_wrap .video_wrap .video_box video {width:100% !important;height:100% !important;border-radius:24px;object-fit:cover;}
.con_left .consult_wrap .video_wrap .video_box video.mirror { transform: scaleX(-1); }
.con_left .consult_wrap .video_wrap .video_box .name{position:absolute;top:20px;left:20px;padding:12px 20px;background: rgba(0, 0, 0, 0.4);border-radius: 10px;font-size:18px;font-weight:500;color:#fff;line-height:20px;letter-spacing:-.5px;}
.con_left .consult_wrap .video_wrap .video_box .name > .aff { display: block; font-size: 16px; margin-top: 8px; line-height: 20px; }
.con_left .consult_wrap .video_wrap .right { display: flex; flex-direction: column-reverse; gap: 16px; }
.con_left .consult_wrap .video_wrap .right .video_box .name { top: 12px; left: 12px; font-size: 16px; line-height: 20px; padding: 12px 14px; }
.con_left .consult_wrap .video_wrap .right .video_box.no_name .name { display: none; }
.con_left .consult_wrap .video_wrap .right .video_box .name > .aff { font-size: 12px; line-height: 15px; }
.con_left .consult_wrap .video_wrap .video_box .txt_wrap{display:none;}

.con_left .consult_wrap .video_wrap .left .video_box{width:532px;height:400px;border-radius: 20px !important;box-sizing: border-box;}
.con_left .consult_wrap .video_wrap .left .video_box .name {top:25px;left:25px}
.con_left .consult_wrap .video_wrap .right .video_box{width:256px;height:192px;border-radius: 10px !important; box-sizing: border-box;}
.con_left .consult_wrap .video_wrap .right .video_box:first-child{margin-top:0}

/* 카메라 / 마이크 OFF */
.con_left .consult_wrap .video_wrap .no_mic::after{content:'';position:absolute;width:40px;height:40px;background: url(/kb_client/images/ico_mic_off_pc.svg) no-repeat 50% 50% / 40px}
.con_left .consult_wrap .video_wrap .left .no_mic::after{bottom:106px;left:68px;}
.con_left .consult_wrap .video_wrap .right .no_mic::after{bottom:16px;left:24px; width: 30px; height: 30px; background: url(/kb_client/images/ico_mic_off_pc30.svg) no-repeat 50% 50% / 30px}
.con_left .consult_wrap .video_wrap .no_mic2::after{content:'';position:absolute;width:50px;height:50px;background: url(/kb_client/images/ico_mic_off_black.png) no-repeat 50% 50% / 50px}
.con_left .consult_wrap .video_wrap .left .no_mic2::after{bottom:23px;left:24px;}
.con_left .consult_wrap .video_wrap .right .no_mic2::after{bottom:10px;left:10px;}
.con_left .consult_wrap .video_wrap .no_cam video{display:none;}
.con_left .consult_wrap .video_wrap .no_cam .txt_wrap{display:block;}

/* .con_left .consult_wrap .video_wrap .left .no_cam::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:24px;} */
.con_left .consult_wrap .video_wrap .left .no_cam::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/kb_client/images/ico_cam_off_pc.svg) no-repeat 124px 253px / 40px, linear-gradient(180deg, #858585 0%, #666666 25.48%, #535353 54.33%, #3f3f3f 100%);}
.con_left .consult_wrap .video_wrap .left .no_cam .name{display:none;}
.con_left .consult_wrap .video_wrap .left .no_cam .txt_wrap{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;padding:96px 0 0 68px;}
.con_left .consult_wrap .video_wrap .left .no_cam .txt_wrap .tit { position: relative; z-index: 1; }
.con_left .consult_wrap .video_wrap .left .no_cam .txt_wrap .tit strong{font-size:24px;font-weight:700;color:#fff;line-height:33px;}
.con_left .consult_wrap .video_wrap .left .no_cam .txt_wrap .desc{ position: relative; margin-top:16px;font-size:16px;color:#fff;line-height:20px; font-weight: 300; z-index: 1; word-break: keep-all;}

.con_left .consult_wrap .video_wrap .right .no_cam .txt_wrap{position:absolute;top:0;left:0;right:0;bottom:0;padding:68px 0 0 24px;}
.con_left .consult_wrap .video_wrap .right .no_cam::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0; width:100%; height: 100%; background:url(/kb_client/images/ico_cam_off_pc30.svg) no-repeat 70px 146px / 30px, linear-gradient(180deg, #858585 0%, #666666 25.48%, #535353 54.33%, #3f3f3f 100%);}
/* .con_left .consult_wrap .video_wrap .right .no_cam2::before{background:url(/kb_client/images/img_no_cam2_s.png) no-repeat 0 0 / 100%;} */
.con_left .consult_wrap .video_wrap .right .no_cam3::before{ background:url(/kb_client/images/ico_cam_off_pc30.svg) no-repeat 70px 146px / 30px, linear-gradient(180deg, #858585 0%, #666666 25.48%, #535353 54.33%, #3f3f3f 100%);}
.con_left .consult_wrap .video_wrap .right .no_cam .txt_wrap .tit { color: #fff; font-size: 14px; line-height: 18px; font-weight: 700; }
.con_left .consult_wrap .video_wrap .right .no_cam .txt_wrap .desc{font-size:12px;color:#fff;font-weight: 300;line-height:18px;margin-top: 10px; width: calc(100% - 30px); word-break: keep-all;}

/* 채팅 */
.con_right{flex:none;width:398px;background: #fff}
.con_right .notice_box{position:relative; height: 630px; background: #f8f8f8; border-radius: 20px; margin: 24px 40px 24px 0;box-sizing: border-box;}
.con_right .notice_box .tit{padding:17px 0 16px 0;font-size:20px;font-weight:700;color:#000;text-align: center;line-height:26px;border-bottom: 1px solid #dedcd9;box-sizing: border-box;}

.chat_box{overflow-y:auto;position:relative;height:512px;padding:0 24px;box-sizing: border-box;}
.chat_box::-webkit-scrollbar{width:4px;}
.chat_box::-webkit-scrollbar-track{background:transparent;}
.chat_box::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:4px;}
.chat_box ul li{position:relative;display: block;}
.chat_box ul li.msg_enter{margin-top:15px;font-size:14px;font-weight:500;color: #222;line-height:18px;text-align:center;}
.chat_box ul li.msg_alert{margin:30px 0;padding:9px;background: #F2F2F2;border-radius: 15px;font-size:14px;font-weight:700;color:#1a1a1a;line-height:20px;text-align:center}
.chat_box ul li.chat_consultant{margin:30px 0}
.chat_box ul li .thumb{overflow:hidden;position:absolute;top:0;left:0;width:40px;height:40px;border-radius:15px;}
.chat_box ul li .thumb img{width:100%}
.chat_box ul li .chat_inner{padding-left:48px}
.chat_box ul li .chat_inner .name{padding-top: 10px; font-size:16px;font-weight:500;color:#000;line-height:20px;letter-spacing:-.4px;}
.chat_box ul li .chat_inner .name .time{margin-left:4px;font-size:14px;font-weight:500;color:#AAA;line-height:12px;font-family:'Montserrat', sans-serif;}
.chat_box ul li .chat_inner .chat_con{display:inline-block;margin-top:18px;padding:14px 28px;background: #fff;border-radius: 0px 20px 20px 20px;}
.chat_box ul li .chat_inner .chat_con p{font-size:14px;color:#1a1a1a;line-height:20px;letter-spacing:-.2px;font-weight: 500;}

.chat_box ul li.chat_customer .chat_inner{padding-left:0; text-align: right;}
.chat_box ul li.chat_customer .chat_inner .name {text-align:right;}
.chat_box ul li.chat_customer .chat_inner .name .time {margin-right:4px}
.chat_box ul li.chat_customer .chat_inner .chat_con {background: #FDD600;border-radius: 20px 0px 20px 20px;}

.chat_input_wrap{position:absolute;bottom:0;left:0;right:0;padding: 16px;}
.chat_input_wrap input[type=text]{width:100%;padding:12px 120px 12px 16px;font-size:14px;font-weight:300;color: #8b8b8b;line-height:20px;letter-spacing:-.5px;border-radius: 10px;box-sizing: border-box;}
.chat_input_wrap .btn_type_s{position:absolute;top:50%;transform: translateY(-50%);right:20px;}

/* 상품설명 */
.con_ai_wrap .share_area { height: 782px; padding: 40px 40px 24px; }
.con_center .product_info_wrap { display: flex; flex-direction: column; height: 100%;}
.con_center .product_info_wrap .tit_box .tit{font-size:20px;font-weight:700;line-height:26px;}
.con_center .product_info_wrap .tit_box_s { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 8px; }
.con_center .product_info_wrap .tit_box_s .step_wrap { font-size: 16px; color: #000; line-height: 20px; font-weight: 700; }
.con_center .product_info_wrap .tit_box_s .step_wrap em { font-weight: 700; }
.con_center .product_info_wrap .tit_box_s .step_wrap em::after { display: inline; content:":"; margin-left: 4px; }
.con_center .product_info_wrap .tit_box_s .step_process { font-size: 16px; color: #666; font-weight: 700; line-height: 20px; min-width: 90px; text-align: right; }
.con_center .product_info_wrap .tit_box_s .step_process strong { margin-left: 4px; color: #ff0000; }
.con_center .product_info_wrap .con_box { flex: 1; margin-top: 16px; overflow-y:auto; border: 1px solid #e6e4e1; }
.con_center .product_info_wrap .con_box .txt_wrap{ /* height: 662px; max-height:662px; */ padding:16px;font-size:16px;color:#000;line-height:26px; font-weight: 500; box-sizing: border-box;}
.con_center .product_info_wrap .con_box .txt_wrap p{margin-top:20px;font-size:16px;color:#000;line-height:26px;word-break: break-all; font-weight: 500; }
.con_center .product_info_wrap .con_box .txt_wrap p:first-child{margin-top:0}
.con_center .product_info_wrap .con_box .txt_wrap p.active{background:#fff3cd;color: #2A2A2A;}
.con_center .product_info_wrap .con_box .txt_wrap p.customer-speak{background:#fcafba;color: #2A2A2A;}

.con_center .product_info_wrap .btn_wrap{position:absolute;bottom:40px;left:50%;padding:0;transform: translateX(-50%);}
.con_center .product_info_wrap .btn_wrap .btn_type_primary{width:400px}
.con_center .product_info_wrap .btn_wrap .btn_type_secondary{width:315px}

/* 컨텐츠 공유 */
.share_wrap .header { position: absolute; top:16px; left: 50%; transform: translateX(-50%); z-index: 1; }
.share_wrap .header .inner{ padding:0; width: auto;}
.share_wrap .header .logo { height: 19px; }
.share_wrap .header .panel{ display: none; padding-top: 12px; }
.share_wrap .header .panel .tit_main{ font-size: 20px; line-height: 26px; }
.share_wrap .header .branch_name { margin-top: 4px; font-size: 14px; color: #777; }
.share_wrap .con_left .today { display: none; }

.share_wrap .container { display: flex; justify-content: center; padding-top: 50px; height: calc(100% - 50px); }
.share_wrap .container .inner { width: 1388px; }
.share_wrap .container .inner .contents { width: 1388px; }
.share_wrap .content_wrap{ width: 1388px; height:882px}
.share_wrap .con_left .consult_wrap {padding: 143px 54px 0; height: 882px;}
.share_wrap .con_left .consult_wrap .timer { top: 48px; left: 50%; right: unset; transform: translateX(-50%); border: unset; background: unset; line-height: 24px; padding: 10px 16px 10px 52px; font-size: 16px; border: 2px solid #eee; border-radius: 24px; box-sizing: border-box; }
.share_wrap .con_left .consult_wrap .timer::before { left: 22px; }
.share_wrap .con_left{width:336px; background-color: #fffdef;}
.share_wrap .con_left .consult_wrap .video_wrap{gap:16px}
.share_wrap .con_left .consult_wrap .video_wrap .video_box{width:228px;height:171px;border-radius: 10px !important;}
.share_wrap .con_left .consult_wrap .video_wrap .video_box.no_cam::before{background: url(/kb_client/images/ico_cam_off_pc.svg) no-repeat 58px 131px / 24px, linear-gradient(180deg, #858585 0%, #666666 25.48%, #535353 54.33%, #3f3f3f 100%);}
.share_wrap .con_left .consult_wrap .video_wrap .left .no_cam .txt_wrap{padding:40px 20px 0; z-index: 1;}
.share_wrap .con_left .consult_wrap .video_wrap .left .video_box .name{top:12px;left:12px; padding: 8px 12px; font-size: 14px; line-height: 18px;}
.share_wrap .con_left .consult_wrap .video_wrap .left .no_cam .name{display:none; top: 12px; left: 12px;}
.share_wrap .con_left .consult_wrap .video_wrap .video_box .name > .aff { font-size: 12px; margin-top: 2px; line-height: 15px; }
.share_wrap .btn_vid_wrap { gap: 24px; position: absolute; bottom: 87px; margin-top: 0; }
.share_wrap .con_left .consult_wrap .video_wrap .right .video_box .name{top:12px;left:12px; padding: 8px 12px; font-size: 14px; line-height: 18px; border-radius: 6px; }

.share_wrap .con_left .consult_wrap .video_wrap .left .no_cam .txt_wrap .tit strong { font-size: 14px; font-weight: 700; line-height: 18px; }
.share_wrap .con_left .consult_wrap .video_wrap .left .no_cam .txt_wrap .desc { font-size: 12px; margin-top: 8px; font-weight: 300; line-height: 18px; }
.share_wrap .con_left .consult_wrap .video_wrap .left .no_mic::after { bottom: 16px; left: 20px; width: 24px; height: 24px; background-size: 24px; }
.share_wrap .con_left .consult_wrap .video_wrap .right .no_cam .txt_wrap { padding: 54px 20px 0; z-index: 1; }
.share_wrap .con_left .consult_wrap .video_wrap .right .no_mic::after { bottom: 16px; left: 20px; width: 24px; height: 24px; background-size: 24px; }
.share_wrap .con_left .consult_wrap .video_wrap .right .no_cam .txt_wrap .desc { margin-top: 8px; width: 100%; }

.share_wrap .con_center{position:relative;width:654px;background:#fff;}
.share_wrap .sales_channel_wrap{margin-bottom:0;}
.share_wrap .chat_box{height:694px}
.share_wrap .con_right .notice_box { height: 814px; margin: 34px 34px 34px 0; }

.page_wrap {position:absolute;bottom:24px;left:50%;width:116px;padding:6px 10px;background:rgba(0,0,0,.5);border-radius:50px;font-size:0;transform:translateX(-50%);box-sizing: border-box;}
.page_wrap .btn_prev{width:18px;height:18px;background:url(/kb_client/images/btn_prepage_w.png) no-repeat 0 0 / 18px;color:transparent}
.page_wrap .btn_next{width:18px;height:18px;background:url(/kb_client/images/btn_nextpage_w.png) no-repeat 0 0 / 18px;color:transparent}
.page_wrap .page{display:inline-block;margin:0 10px;font-family:'Montserrat', sans-serif;font-size:0;vertical-align:bottom;}
.page_wrap .page span{display:inline-block;font-size:14px;font-weight:300;color:#fff;line-height:17px;}
.page_wrap .page .current{font-weight:700}
.page_wrap .page .seperate{margin:0 3px}

/* 상태 화면 */
.visual_wrap{ margin: 0 auto;box-sizing: border-box;}
.visual_wrap .cont{position:relative;width:540px;height:870px;margin:0 auto;padding:40px;border-radius:20px;background:#fff;box-shadow:0px 2px 20px 0 rgba(0, 0, 0, 0.25);box-sizing:border-box;text-align:center;}
.visual_wrap .cont .img_box{position:relative;margin:0 auto;}
.visual_wrap .cont .img_box img{width:100%; max-width: 160px;}
.visual_wrap .cont > strong{display:block;padding-top:20px;font-size:20px;font-weight:700;line-height:26px;letter-spacing:-0.2px;}
.visual_wrap .cont > p{padding-top:16px;font-size:18px;color:#666;line-height:25px;letter-spacing:-0.2px;}
.visual_wrap .cont > p span{font-weight:700;color:#000;}
.visual_wrap .cont > p.last{padding-top:20px;}
.visual_wrap .cont > p > strong { font-weight: 500; }
.visual_wrap .cont > p.result { padding-top: 74px; font-weight: 500; }
.visual_wrap .cont > p .success { color: #36c752; }
.visual_wrap .cont > p .failed { color: #ff0000; }
.visual_wrap .cont > p.result.failed { padding-top: 60px; color: #ff0000; line-height: 24px; font-size: 18px; font-weight: 500; }
.visual_wrap .cont > p.last_bottom { position: absolute; bottom: 170px; left: 50%; transform: translateX(-50%); width: 100%; padding: 0; }
.visual_wrap.face_wrap .cont > strong { padding-top: 40px; }
.visual_wrap.face_wrap .cont .face_area { position: relative; width: 420px; height: 426px; aspect-ratio: 420 / 426; margin: 40px auto 0; border-radius: 10px; background-color: #4d4d4d; overflow: hidden; }
.visual_wrap.face_wrap .cont .face_area > * { width: 100%; height: 100%; max-width: 420px; max-height: 426px; }
.visual_wrap.face_wrap .cont .face_area::before { position: absolute; display: block; content: ""; top: 44%; left: 50%; transform: translate(-50%, -50%); width: 190px; aspect-ratio: 191 / 257; background:url(../images/frame_face.svg)no-repeat center / 100%; z-index: 1; }
.visual_wrap.face_wrap .cont .face_area video,
.visual_wrap.face_wrap .cont .face_area canvas { left: 50%; transform: translateX(-50%); }
.visual_wrap .cont .waiting_txt{position:absolute;top:0;left:0;right:0;bottom:0;padding:45px 20px;}
.visual_wrap .cont .waiting_txt .tit{font-size:16px;font-weight:700;line-height:20px;letter-spacing:-0.32px;}
.visual_wrap .cont .waiting_txt strong{font-family:'Montserrat';font-size:40px;font-weight:700;line-height:49px;letter-spacing:-0.32px;}
.visual_wrap .cont .btn_type_text{position:absolute;bottom:218px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.visual_wrap .txt_info{position:absolute;left:16px;right:16px;bottom:108px;}
.visual_wrap .txt_info_wrap{position:relative;text-align:left;margin-top:48px;}
.visual_wrap .btn_wrap{position:absolute;left:0;right:0;bottom:50px;}

.visual_wrap.visual_browser .img_box{ margin-top: 182px; }
.visual_wrap.visual_browser .img_box img { width: 140px; height: 140px; }
.visual_wrap.visual_connecting .img_box{width:160px;height:160px; margin-top: 182px; }
.visual_wrap.visual_connecting .img_box img{width:150px;height:150px;margin-top:5px;}

.visual_wrap.type_video{padding-top:0;}
.visual_wrap.type_video .cont{width:540px;height:870px;padding:40px;text-align:left;}
.visual_wrap.type_video .cont .video_box{width:460px;height:346px;}
.visual_wrap.type_video .cont .video_box video{width:100%;height:100%;border-radius:10px;background:#d9d9d9;object-fit:cover;}
.visual_wrap.type_video .cont .control_box{padding-top:40px;}
.visual_wrap.type_video .cont .control_box .tit{font-size:16px;font-weight:500;color:#777;line-height:20px;text-align:center; margin-top: 16px;}
.visual_wrap.type_video .cont .control_box .voice_tit{font-size:16px;font-weight:500;color:#000;line-height:24px;text-align:center; margin-top: 122px;}
.visual_wrap.type_video .cont .control_box .label{display:block;margin-top:16px;font-weight:300;font-size:16px;color:#000;line-height:22px;letter-spacing:-0.3px;}
.visual_wrap.type_video .cont .control_box .voice_wrap{margin-top:5px;}
.visual_wrap.type_video .cont .control_box .voice_wrap .voice_bar_wrap{width: 457px; height:40px;background:url(/kb_client/images/img_voice_off.png)no-repeat;}
.visual_wrap.type_video .cont .control_box .voice_wrap .voice_bar_wrap .voice_bar{height:100%;background:url(/kb_client/images/img_voice_active.png)no-repeat;}
.visual_wrap.type_video .cont .control_box .voice_wrap .txt_help{margin-top:5px;font-size:14px;color:#7C7366;line-height:22px;letter-spacing:-0.2px;font-weight: 300;}
.visual_wrap.type_video .cont .btn_wrap{bottom:0;left:0;right:0;}

.visual_wrap .pop_bottom_logo { position: absolute; bottom: 49px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; line-height: 15px; }
.visual_wrap .pop_bottom_logo .img_logo { display: inline-block; width: 90px; height: 15px; background:url(/kb_client/images/logo_bottom.svg)no-repeat 0 / 90px 15px; font-size: 0; }

.visual_wrap.id_check_layer .cont > strong { font-size: 24px; line-height: 31px; }
.visual_wrap.id_check_layer .cont > p { font-size: 20px; line-height: 28px; font-weight: 500; }
.visual_wrap.id_check_layer .cont > p.result { font-weight: 700;  }

/* 비밀번호/계좌번호 입력 (보안키패드) */
/* .account_wrap{width:1400px;height:729px;padding-top:48px} */
.account_wrap .cont{position:relative;width:415px;height:722px;border-radius:20px;background:#fff;}
.account_wrap .tit_box{padding:40px 40px 34px;}
.account_wrap .tit_box .tit{font-size:20px;font-weight:700;line-height:28px;text-align: center;}
.account_wrap .form_inner{min-height:300px;padding:0 40px}
.account_wrap .form_inner .form_box{width:auto;margin-top:10px;}
.account_wrap .form_inner .form_box:first-child {margin-top:0;}
.account_wrap .form_inner .form_box label { display: inline-block; font-weight: 500; color: #777; }
.account_wrap .form_inner .txt_guide {font-size:14px; margin-top: 24px; color: #777; text-align: center; padding: 0;}
.account_wrap .form_inner .txt_guide::before { color: #777; position: relative; display: inline; margin-right: 3px; }
.account_wrap .btn_wrap{padding:0 40px 20px; gap: 7px;}
.account_wrap .btn_wrap.type_m button { width: calc(50% - 3.5px) }
.security_keypad{padding:0 40px 48px}

.iframe_wrap .pop_wrap { padding: 0;  }

/* 약관동의, 업무선택, 추가확인사항, 휴대폰번호입력 안내 */
.check_wrap .header .inner{padding-bottom:30px;}
.check_wrap .sales_channel_wrap{margin-bottom:-20px;}
.terms_area{position:relative;width:540px;height:870px;margin:0 auto;border-radius:20px;background:#fff;box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.25);}
.terms_area .tit_box{padding:40px 40px 20px;}
.terms_area .tit_box .tit{font-size:20px;font-weight:700;line-height:26px;text-align: center;}
.terms_area .form_single_wrap{padding:0 40px;}
.terms_area .form_single_wrap .form_box{width:auto; padding: 17px 16px;}
.terms_area .form_single_wrap .form_box + .form_box { margin-top: 10px; }
.terms_area .form_single_wrap .txt_info_wrap{margin-top:50px;}

.terms_area .form_single_wrap.scroll{height:672px;padding:0 10px 0 0;margin:0px 40px;}
.terms_area > .txt_info_wrap{ margin: 0 40px;}
.terms_area > .btn_wrap{position:absolute;bottom:0;left:0;right:0;padding: 0 40px 34px;}

.terms_area.layer-outbound-consent .tit_box { padding: 30px 40px 24px; }

.terms_area.choice_wrap .tit_box {padding:40px 40px 30px;}
.terms_area.choice_wrap .form_single_wrap { border: 1px solid #e6e4e1; margin: 0 40px; padding: 4px 0; border-radius: 10px; }
.terms_area.choice_wrap .form_single_wrap .form_check { border: none; }
.terms_area.choice_wrap .form_single_wrap .form_check, 
.form_single_wrap .form_box { margin: 0; }
.terms_area.choice_wrap .form_check .inp_all_chk span:not(.txt_info)::before { top: 9px; }
.terms_area.choice_wrap .txt_info_wrap { margin-top: 16px; }
.terms_area.choice_wrap .form_check .inp_all_chk span:not(.txt_info) { padding: 12px 16px 12px 54px; }
.terms_area.choice_wrap .form_check .card_cont.active { padding: 0; }

.terms_area.term_phone_number .txt_info_wrap { margin-top: 22px; }
.terms_area.term_phone_number .inp_base input { padding-right: 30px; box-sizing: border-box;}

.form_check.type_arrow .inp_all_chk span:not(.txt_info) { background: url(../images/ico_arrow.svg)no-repeat top 50% right 16px / 24px; }
.layer-outbound-consent .form_single_wrap .form_check .card_cont li.card_cont_tl { font-size: 16px; line-height: 24px; font-weight: 500; } 
.layer-outbound-consent .form_single_wrap .form_check.type_2 .inp_all_chk span:not(.txt_info) { margin: 13px 14px 0; padding: 0 0 12px 41px; font-weight: 500; border-bottom: 1px solid #eee; background: url(../images/ico_arrow.svg)no-repeat top 12px right 2px / 24px; }
.layer-outbound-consent .form_single_wrap .form_check.type_2 .inp_all_chk span:not(.txt_info)::before { top: 0; left: 0; }
.layer-outbound-consent .form_single_wrap .form_check.type_2 .card_cont { margin: 10px 14px 20px 0; padding-left: 52px; }
.layer-outbound-consent .form_single_wrap .form_check.type_2 .card_cont li { position: relative; }
.layer-outbound-consent .form_single_wrap .form_check.type_2 .card_cont li + li { padding: 0; margin: 10px 0 0 0; }
.layer-outbound-consent .form_single_wrap .form_check.type_2 .card_cont .inp_chk .chk_info span { font-size: 14px; line-height: 24px; font-weight: 500; }
.layer-outbound-consent .form_single_wrap .form_check.type_2 .inp_chk .chk_info { display: block; background: url(../images/ico_arrow.svg)no-repeat top 0 right 2px / 24px; }
.layer-outbound-consent .form_single_wrap .form_check.type_2 .inp_chk .chk_info::before { top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-size: 24px; }

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

.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: #666; }
.form_check.has_txt .inp_all_chk span:not(.txt_info) .agree_txt b { padding-left: 16px; font-weight: 500; }
.form_check.has_txt .inp_all_chk span:not(.txt_info) .agree_txt b::before { display: block; content: ""; position: absolute; top: 9px; left: 3px; width: 6px; height: 6px; border-radius: 3px; background-color: #666; }

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

/* 화상상담 후기 */
.review_area{position:relative;width:540px;margin:0 auto;border-radius:20px;background:#fff;box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.25);}
.review_area .tit_box{padding:30px 40px 0;}
.review_area .tit_box .tit{font-size:20px;font-weight:700;line-height:26px; text-align: center;}
.review_area .sub_tit{padding-bottom:20px;font-size:14px;font-weight:300;line-height:22px;color: #000; text-align: center;letter-spacing: -.3px;}
.review_area .sub_tit strong { display: block; font-weight: 700; line-height: 26px; font-size: 16px; color: #000; margin-bottom: 4px; }
.review_area .con_box {padding:40px 40px 28px;}
.review_area .con_box .form_box{width:auto; margin-top: 34px;border: 1px solid #e6e4e1; }
.review_area dt{display: flex; align-items: center; justify-content: space-between;}
.review_area .review_length{color:#222; font-size: 12px; position: absolute; right: 12px; bottom: 14px; }
.review_area > .btn_wrap{position:relative;bottom:unset;left:unset;right:unset; padding: 0 40px 40px;}
.review_area .form_box label { font-weight: 300; }

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


/* 판서 */
.con_center .con_body{position:relative;height:100%}
.btn_share_screen{position:absolute;bottom:34px;right:4px;padding:10px 7px;background: #eee;border-radius: 6px;}
.btn_share_screen .btn_tool_wrap button{display:block;width:24px;height:24px;margin-top:10px;color:transparent}
.btn_share_screen .btn_tool_wrap button:first-child{margin-top:0}
.btn_share_screen .btn_tool_wrap .handler{margin-top:10px}
.btn_share_screen .btn_tool_wrap .btn_pointer{background:url(/kb_client/images/btn_pointer_off.svg)no-repeat 0 0 / 24px}
.btn_share_screen .btn_tool_wrap .btn_pointer.active{background:url(/kb_client/images/btn_pointer_on.svg)no-repeat 0 0 / 24px}
.btn_share_screen .btn_tool_wrap .btn_pen{position:relative;background:url(/kb_client/images/btn_pen_off.svg)no-repeat 0 0 / 24px}
.btn_share_screen .btn_tool_wrap .btn_pen.active{background:url(/kb_client/images/btn_pen_on.svg)no-repeat 0 0 / 24px}
.btn_share_screen .btn_tool_wrap .btn_pen::after{content:'';position:absolute;left:4px;bottom:0px;width:9px;height:3px;background:transparent;}
.btn_share_screen .btn_tool_wrap .btn_trash{background:url(/kb_client/images/btn_trash_off.svg)no-repeat 0 0 / 25px}

.btn_share_screen .btn_tool_wrap .btn_pen.bg_red::after{background:#FF0000;}
.btn_share_screen .btn_tool_wrap .btn_pen.bg_yellow::after{background:#FFE600;}
.btn_share_screen .btn_tool_wrap .btn_pen.bg_green::after{background:#70FF00;}
.btn_share_screen .btn_tool_wrap .btn_pen.bg_blue::after{background:#00E0FF;}
.btn_share_screen .btn_tool_wrap .btn_pen.bg_purple::after{background:#CC00FF;}
.btn_share_screen .btn_tool_wrap .btn_pen.bg_white::after{background:#fff;}
.btn_share_screen .btn_tool_wrap .btn_pen.bg_black::after{background:#000;}

.palette_box{display:none;position:absolute;bottom:0;right:43px;width:200px;background: rgba(29, 29, 29, 0.8);border-radius: 16px;backdrop-filter: blur(5px);}
.palette_box.active{display:block;}
.palette_box ul{display:flex;flex-wrap:wrap;gap:12px;padding:20px 20px 20px 64px;}
.palette_box ul li input[type=radio]{display:none}
.palette_box ul li .sel_label{display:block;position:relative;width:20px;height:20px;border-radius:50%;color:transparent;cursor: pointer;box-sizing: border-box;}
.palette_box .btn_close{position:absolute;bottom:20px;left:20px;width:24px;height:24px;background:url(/kb_client/images/btn_close_w.png)no-repeat 0 0 / 24px}

.bg_red{background:#FF0000}
.bg_yellow{background: #FFE600}
.bg_green{background: #70FF00}
.bg_blue{background: #00E0FF}
.bg_purple{background: #CC00FF}
.bg_white{background: #FFF}
.bg_black{background: #000}
.bg_none{border:1px dashed #FFF;}
.bg_none::before{content:'';position:absolute;top:0;left:50%;width:2px;height:18px;margin-left:-1px;background:#FF0000;transform:rotate(45deg);}

.palette_box ul li input[type=radio]:checked+[class*="bg"]::after{content:'';position:absolute;top:-4px;left:-4px;width:24px;height:24px;border-radius:50%;}
.palette_box ul li input[type=radio]:checked+.bg_red::after{border:2px solid #FF0000;}
.palette_box ul li input[type=radio]:checked+.bg_yellow::after{border:2px solid #FFE600}
.palette_box ul li input[type=radio]:checked+.bg_green::after{border:2px solid #70FF00}
.palette_box ul li input[type=radio]:checked+.bg_blue::after{border:2px solid #00E0FF}
.palette_box ul li input[type=radio]:checked+.bg_purple::after{border:2px solid #CC00FF}
.palette_box ul li input[type=radio]:checked+.bg_white::after{border:2px solid #FFF}
.palette_box ul li input[type=radio]:checked+.bg_black::after{border:2px solid #000}
.palette_box ul li input[type=radio]:checked+.bg_none::after{top:-5px;left:-5px;border:2px solid #747474}

/* 약관동의 팝업 */
.layer_terms .pop_inner{width:540px;filter:drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.25));}
.layer_terms .pop_wrap { padding: 40px 40px 24px; }
.layer_terms .pop_wrap .tit_box { padding-bottom: 16px; }
.layer_terms .pop_wrap .tit_box .tit { color: #000; line-height: 22px; }
.layer_terms .pop_wrap .con_box{ border:1px solid #e6e4e1; overflow-y: auto; height: 676px; max-height: 676px; box-sizing: border-box;}
.layer_terms .pop_wrap .con_box::-webkit-scrollbar{width:4px;}
.layer_terms .pop_wrap .con_box::-webkit-scrollbar-thumb{border-radius:4px;background:#b3b3b3;}
.layer_terms .pop_wrap .con_box::-webkit-scrollbar-thumb:hover{background:#b3b3b3;}
.layer_terms .pop_wrap .con_box::-webkit-scrollbar-thumb:active{background:#b3b3b3;}
.layer_terms .pop_wrap .con_box::-webkit-scrollbar-track{background:none;}
.layer_terms .pop_wrap .con_box .terms_inner {font-size:14px;font-weight:700;line-height:24px;}
.layer_terms .pop_wrap .con_box .terms_inner p { padding: 16px; }
.layer_terms .pop_wrap .con_box .terms_inner p strong{font-weight:700;}
.layer_terms .pop_wrap .con_box .terms_inner img { width: 100%;}

.layer_terms .btn_wrap { padding: 0 40px 40px; }
.layer_terms .btn_wrap .btn_type_primary, 
.layer_terms .btn_wrap .btn_type_secondary { height: 60px; font-size: 18px; }


/* add by fermi */
.layer{ background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;	display: block; }
.layer .contents {display: flex; align-items: center; justify-content: center; height: 100%; }
.layer .contents .inner{ display: flex; align-items: flex-end; width: 1637px; }
.terms_area { display: none; }
.layer-agree{ display: none; }
.visual_wrap{ display: none; }
.con_center{ display: none; }
.share_wrap .con_center{ display: block; }
.video_control_container{ display: block; position: absolute; bottom: 0; }
.video_off_container{ width: 100%; height: 100%; }
.share_area{ width: 654px; height: 882px; padding: 40px; box-sizing: border-box;}
.share_area .mdocDiv { position: absolute; top: 36px; box-sizing: border-box; max-width: 614px; max-height: 845px; background-color: #fff; padding: 0 40px 40px 0; z-index: 1; }
.chat_box ul li.chat_customer{ margin: 30px 0; }
.page_wrap{	text-align: center;}
.iframe-100{ width: 415px; height: 722px;}
.con_ai_wrap{ display: block; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }
.terms_area > .btn_wrap{background-color: #FFF;}

.bg_red{background-color:#FF0000}
.bg_yellow{background-color: #FFE600}
.bg_green{background-color: #70FF00}
.bg_blue{background-color: #00E0FF}
.bg_purple{background-color: #CC00FF}
.bg_white{background-color: #FFF}
.bg_black{background-color: #000}


@keyframes pointer {
    from {transform: scale(0.75); opacity: 1;}
    to {width: scale(1); opacity: 0;}
}

/* 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;
}