@charset "utf-8";
@import url('fonts.css');
@import url('open-color.css');

/* 초기화 */
html {}
body { margin:0 auto; padding:0; font-size:16px; font-weight:400;height:100%; font-family:var(--font-text);color:var(--oc-gray-8); position:relative;}
body.hidden{overflow:hidden}
html, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0;padding:0;border:0}
h1 { font-size:3rem; font-family:var(--font-title); font-weight:800;}
h2 { font-size:2.5rem; font-family:var(--font-title);font-weight:700; }
h3 { font-size:2rem; font-family:var(--font-title);font-weight:700; }
h4 { font-size:1.5rem; font-family:var(--font-title); font-weight:600; }
h5,h6,strong { font-size:1.2rem; font-family:var(--font-text); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=submit] { cursor:pointer; font-family:var(--font-text); }
input[type=text], input[type=password], input[type=submit], input[type=image], button {-webkit-appearance:none}
textarea, select { font-size:1em; font-family:var(--font-text); }
textarea {border-radius:5px;-webkit-appearance:none;resize:vertical;border:1px solid var(--oc-gray-3);padding:8px;}
select{background:#fff}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {transition:var(--transition);}
a:link, a:visited {color:var(--oc-gray-8);text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}
img {max-width:100%;}

input[type=number],input[type=text],input[type=password], textarea {
    -webkit-transition:var(--transition-fast);
    -moz-transition:var(--transition-fast);
    -ms-transition:var(--transition-fast);
    -o-transition:var(--transition-fast);
    outline:none;
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
    -webkit-box-shadow:unset;
    -moz-box-shadow:unset;
    box-shadow:unset;
    border:1px solid var(--color-point) !important;
}

*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

:root {
	--color-point:#fa7a0d;
	--color-point-dark:#ed5309;
	--color-point-a:#ffe6d1;
	--color-point-b:#ffca9c;
	
	--color-trans-wh : rgba(255,255,255,0.9);
	--color-trans-bk : rgba(0,0,0,0.5);

	--font-title:	'Montserrat', 'Spoqa Han Sans Neo', 'Noto Sans KR', sans-serif;
    --font-text:	'Roboto', 'Pretendard', 'Noto Sans KR', 'AppleGothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	--font-num:		'Roboto Mono', 'Roboto', 'Pretendard', 'Noto Sans KR', 'AppleGothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	--font-icon :	'Font Awesome 6 free', 'xeicon', 'Pretendard', sans-serif;
	
	--transition: all .3s ease-in-out;
	
	--font-size: 30px;
	--font-size-md: 30px;
}

/* 공통 */
body { min-height:100dvh; color:var(--oc-gray-9); word-break:keep-all; }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-title); }
#wrapper {padding:40px 0;}
.inner { width:100%; max-width:1100px; margin:0 auto; padding:0 20px; }
.round-box {border-radius:1rem;overflow:hidden;}
.round-box.pd {padding:20px;}
.sd-box {box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
a.sd-box:hover {box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
.flex { display:flex; flex-wrap:wrap;align-items:center;}
.col {display:flex;flex-direction:column;align-items:center;}


/* button */
.btn_custom {font-size:1.5rem;padding:8px 15px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--oc-gray-3);border-radius:5px;cursor:pointer;
color:var(--oc-gray-8);transition:var(--transition);min-height:42px;line-height:1;white-space:nowrap;}
.btn_custom.full {width:100%;}
.btn_custom i {font-size:0.9em;line-height:1;}
.btn_custom:hover {background:var(--oc-gray-0);}
.btn_custom.btn_sm {font-size:14px;padding:5px 8px;gap:5px;}
.btn_custom.btn_icon {background:none;border:0;}
.btn_custom.btn_point {border:1px solid var(--color-point-a);color:var(--color-point-dark);}
.btn_custom.btn_point:hover {background:var(--color-point-a);border:1px solid var(--color-point-a);}
.btn_custom.btn_point_a {background:var(--color-point-a);border:1px solid var(--color-point-b);color:var(--color-point-dark);}
.btn_custom.btn_point_a:hover {background:var(--color-point-b);color:var(--color-point-dark);}
.btn_custom.btn_point_bg {background:var(--color-point);border:1px solid var(--color-point);color:#fff;}
.btn_custom.btn_point_bg:hover {background:var(--color-point-dark);border:1px solid var(--color-point-dark);}
.btn_custom.btn_point_dk {background:var(--color-point-dark);border:1px solid var(--color-point-dark);color:#fff;}
.btn_custom.btn_point_dk:hover {background:var(--color-point-dark);border:1px solid var(--color-point-dark);opacity:0.8;}
.btn_custom.blue {background:var(--oc-blue-4);border:1px solid var(--oc-blue-4);color:#fff;}
.btn_custom.blue:hover {background:var(--oc-blue-5);border:1px solid var(--oc-blue-5);}
.btn_custom.default {background:var(--oc-gray-1);border:1px solid var(--oc-gray-2);}
.btn_custom.default:hover {background:var(--oc-gray-2);border:1px solid var(--oc-gray-2);}


/* select */
.sel_custom {font-size:1.1rem;padding:5px 8px;background:#fff;border:1px solid var(--oc-gray-3);border-radius:5px;color:var(--oc-gray-8);transition:var(--transition);height:38px;outline:0;}
.sel_custom:focus {outline:0;}
.sel_custom:hover {border:1px solid var(--color-point);}
.sel_custom.full {width:100%;}
.sel_custom.sm {font-size:0.9rem;height:30px;line-height:30px;}


/* input */
.inp_custom.full {width:100%;}
input[type="range"] {-webkit-appearance: none;appearance: none;background: transparent;cursor: pointer;}
input[type="range"]:focus {outline: none;}
input[type="range"]::-webkit-slider-runnable-track {background-color: var(--oc-gray-2);border-radius: 0.5rem;height: 0.5rem;}
input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;margin-top: -4px;background-color: var(--color-point); border-radius: 0.5rem; height: 1rem;width: 1rem;}
input[type="range"]:focus::-webkit-slider-thumb {outline: 2px solid var(--color-point-b);outline-offset: 0.125rem;}
input.inp_custom {border:1px solid var(--oc-gray-3);border-radius:5px;padding:5px 8px;min-height:42px;}
input[type="checkbox"].inp_custom,
input[type="radio"].inp_custom {display:none;}
.btn_radio_label,
.inp_label:has(input[type="radio"].inp_custom),
input[type="radio"].inp_custom + .inp_label {background:#fff;border:2px solid var(--oc-gray-1);border-radius:30px;padding:5px 15px;display:flex;align-items:center;cursor:pointer;
	gap:10px;justify-content:center;transition:var(--transition);font-weight:600;color:var(--oc-gray-4);}
.btn_radio_label.active,
input[type="radio"].inp_custom:checked + .inp_label,
.inp_label:has(input[type="radio"].inp_custom:checked){border:2px solid var(--color-point);background:var(--color-point-a);color:var(--color-point);}
.btn_radio_label:before,
input[type="radio"].inp_custom + .inp_label:before,
.inp_label:has(input[type="radio"].inp_custom):before {color:var(--oc-gray-4);display:inline-block;content:"\f192";font-family:var(--font-icon);font-weight:900;}
.btn_radio_label.active:before,
input[type="radio"].inp_custom + .inp_label:hover,
.inp_label:has(input[type="radio"].inp_custom):hover,
input[type="radio"].inp_custom:checked + .inp_label,
.inp_label:has(input[type="radio"].inp_custom:checked),
input[type="radio"].inp_custom:checked + .inp_label:before,
.inp_label:has(input[type="radio"].inp_custom:checked):before {color:var(--color-point);}
.btn_chk_label,
.inp_label:has(input[type="checkbox"].inp_custom),
input[type="checkbox"].inp_custom + .inp_label {display:flex;align-items:center;cursor:pointer;gap:8px;justify-content:center;transition:var(--transition);font-weight:500;color:var(--oc-gray-7);}
.btn_chk_label.active,
input[type="checkbox"].inp_custom:checked + .inp_label,
.inp_label:has(input[type="checkbox"].inp_custom:checked){color:var(--color-point);}
.btn_chk_label:before,
input[type="checkbox"].inp_custom + .inp_label:before,
.inp_label:has(input[type="checkbox"].inp_custom):before {color:var(--oc-gray-2);display:inline-block;content:"\f14a";font-family:var(--font-icon);font-weight:900;}
.btn_chk_label.active:before,
input[type="checkbox"].inp_custom + .inp_label:hover,
.inp_label:has(input[type="checkbox"].inp_custom):hover,
input[type="checkbox"].inp_custom:checked + .inp_label,
.inp_label:has(input[type="checkbox"].inp_custom:checked),
input[type="checkbox"].inp_custom:checked + .inp_label:before,
.inp_label:has(input[type="checkbox"].inp_custom:checked):before {color:var(--color-point);}
.inp-btn-wr {position:relative;background:#fff;}
.inp-btn-wr input.inp_custom {padding-right:25px;width:100%;cursor:pointer;background:transparent;position:relative;z-index:1;}
.inp-btn-wr .inp-btn {position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--oc-gray-5);transition:var(--transition);}
.inp-btn-wr:hover .inp-btn {color:var(--color-point);}
input[type="color"]{width: 60px;height: 42px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;border: none;}
/* 안쪽부분의 디자인 변경 */
input[type="color"]::-webkit-color-swatch {border-radius: 5px;border: 1px solid var(--oc-gray-3);}


/* modal */
body.stop {overflow:hidden;}
body .md-blocker {display:none;padding:60px 20px 10px;position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;z-index: 2;box-sizing: border-box;background-color: rgba(0,0,0,0.75);}
.modal {display:none;width:90%;max-width:1000px;height:fit-content;background: #fff;border-radius: 5px;box-shadow: 0 0 10px #000;text-align: left;vertical-align: middle;
	position: fixed;z-index: 3;left: 50%;top:50%;transform: translate(-50%, -50%);}
body .modal .md_inner {padding:30px;}
.modal a.modalClose {position: absolute;top: -12.5px;right: -12.5px;display: block;width: 35px;height: 35px;text-align:center;background:#000;color:#fff;line-height:39px;border-radius:50%;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.7);}


/* tab */
.tab-content {display: none;padding-bottom:40px;} 
.tab-content.on {display: block;} 
.tab-ul {display:flex;align-items:center;justify-content:center;margin-bottom:40px;}
.tab-ul li {width:calc(100% / 3);}
.tab-ul li a {display:block;width:100%;text-align: center;color: var(--oc-gray-5);font-size:1.2rem;font-weight:500;padding:15px 8px;border-bottom: 2px solid var(--color-point);
	background:var(--oc-gray-0);border-radius:20px 20px 0 0;}
.tab-ul li.active a {color: var(--color-point);border: 2px solid var(--color-point);background: #fff;border-width: 2px 2px 0;}


/* table */
.table {width:100%;font-size:1rem;border-collapse: collapse;border:1px solid var(--oc-gray-3);}
.table thead {font-size:1.1em;border-bottom:2px solid var(--oc-gray-4);background:var(--oc-gray-1);}
.table tr:not(:last-child) {border-bottom:1px solid var(--oc-gray-3);}
.table tbody tr:hover {background:var(--oc-gray-0);}
.table th {text-align:center;padding:10px 8px;white-space:nowrap;}
.table th:not(:last-child) {border-right:1px dashed var(--oc-gray-3);}
.table td.center {text-align:center;}
.table td:not(:last-child) {border-right:1px dashed var(--oc-gray-3);}
.table td {padding:12px 5px;}
/* .table tbody tr:nth-child(even) {background:var(--oc-gray-0);} */
.table.table-col {}
.table.table-col th {border-right:1px solid var(--oc-gray-3);background:var(--oc-gray-0);}
.table.table-col td:not(:last-child) {border-right:1px dashed var(--oc-gray-2);}


/* dropdown */
.dd_wr {position:relative;}
.dd_wr .dd_menu {display: none;position: absolute;top: 105%;left: 0;background-color: white;border: 1px solid var(--oc-gray-2);min-width: 100px;z-index: 1000;border-radius:5px;
	overflow:hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.dd_wr .dd_menu .dd_btn {padding:15px;display:block;white-space:nowrap;font-size:0.9rem;}
.dd_wr .dd_menu .dd_btn i {width:17px;font-size:0.9em;}
.dd_wr .dd_menu .dd_btn:hover {background:var(--color-point-a);color:var(--color-point);}


/* sch_bar */
.sch_wr {position:relative;}
.sch_wr input {padding:5px 30px 5px 8px;width:100%;}
.sch_wr .btn_sch {position:absolute;top:50%;right:8px;transform:translateY(-50%);background:none;border:0;color:var(--oc-gray-6);transition:var(--transition);}
.sch_wr .btn_sch:hover {color:var(--color-point);}


/* datetimePicker */
.input-group-text {position:relative;}
.tempus-dominus-widget {position:absolute;}
.xdsoft_datetimepicker {border:0;padding:10px;border-radius:5px;}
.xdsoft_datetimepicker .xdsoft_datepicker {margin:0;}
.xdsoft_datetimepicker .xdsoft_timepicker button {display:none !important;}
.xdsoft_datetimepicker .xdsoft_label {border:1px solid var(--oc-gray-3);border-radius:5px;padding:5px 8px;width:70px;font-size:1rem;font-weight:500;font-family:var(--font-text);line-height:1;
	display:flex;align-items:center;justify-content:space-between;transition:var(--transition);}
.xdsoft_datetimepicker .xdsoft_label:hover {border:1px solid var(--color-point);}
.xdsoft_datetimepicker .xdsoft_label:hover > span {text-decoration:unset;}
.xdsoft_datetimepicker .xdsoft_calendar {padding-top:10px;}
.xdsoft_datetimepicker .xdsoft_monthpicker {display:flex;justify-content:space-between;width:100%;}
.xdsoft_datetimepicker .xdsoft_monthpicker > * {float:unset;margin:0;}
.xdsoft_datetimepicker .xdsoft_calendar td {background:#fff;}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {margin-top:0;margin-bottom:0;}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {height:193px;background: #fff;border-radius: 3px;padding-right: 6px;}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {background:#fff;width: calc(100% + 6px);padding-right: 6px;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {}
.xdsoft_datetimepicker .xdsoft_prev {order:1;}
.xdsoft_datetimepicker .xdsoft_today_button {order:2;}
.xdsoft_datetimepicker .xdsoft_year {order:3;}
.xdsoft_datetimepicker .xdsoft_month {order:4;}
.xdsoft_datetimepicker .xdsoft_next {order:5;}
.xdsoft_datetimepicker {}

/* header */
#hd, #wrapper, #ft { font-size:1rem; }
#hd, #wrapper, #ft, #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr, #ft_copy { min-width:auto; width:100%; }
#hd {background:#fff;border-bottom:1px solid var(--oc-gray-1);height:70px;}
#hd .inner {height:inherit;justify-content:center;}
@media all and (max-width:1200px) {
	#hd { height:50px; }
	#hd .inner a img {max-height: 25px;}
}
@media all and (max-width:768px) {
	#hd, #container, #ft { font-size:16px; }
	#hd .hd_login li span { display:none; }
	#hd .hd_login li i { font-size:20px; }
}


/* main */
#container { width:100%; min-height:calc(100dvh - 350px); margin:0 auto; float:none; }
#container_title,
.container_title {text-align:center;margin-bottom:40px;font-size:2.5rem;font-weight:400;}
.sec-main {padding:40px 0;}
.sec-main:last-child {padding:40px 0 0;}
.sec-main.intro .con-wr {gap:40px;align-items:stretch;}
.sec-main.intro .con-wr li {width:calc((100% - 80px) / 3);}
.sec-main.intro .con-wr a.flex {justify-content:center;aspect-ratio:1/1;}
.sec-main.intro .con-wr .sec-title i {font-size:2em;margin-bottom:20px;color: var(--color-point-b);}
.sec-main.intro .con-wr li.col {gap:40px;}
.sec-main.intro .con-wr li.col .btn-my {height:calc((100% - 40px) / 2);width:100%;display:flex;align-items:center;justify-content:center;}
.sec-main.intro .con-wr li.col .btn-my i {color:var(--color-point-b);}
.sec-main.intro .con-wr .btn-box {gap:40px;height:calc((100% - 40px) / 2);width:100%;}
.sec-main.intro .con-wr .btn-box a {width:calc((100% - 40px) / 2);height:100%;}
.sec-main.intro .con-wr a.round-box:hover {color:var(--color-point-dark);}


/* chart */
.cal-date-pic {gap:20px;}
.cal-date-pic strong.mon {color:var(--oc-gray-7);font-size:2rem;font-weight:600;}
.cal-date-pic .btn_rect.square { font-size: 2em; color:var(--oc-gray-4); }
.cal-date-pic .btn_rect.square:hover { color:var(--color-point-6); }
.cal-date-pic {margin-bottom:20px;justify-content:center;}
.my_chart_wr .chart_wr {margin-bottom:50px;}


/* mypage */
.my_chart_wr .tb_wr {width:100%;overflow-x:auto;}
.my_chart_wr .tb_wr.day table {min-width:450px;}


/* 예약하기 */
#container:has(#bo_w.bo_w_reserv) > #container_title,
#container:has(#bo_list.bo_list_reserv) > #container_title {display:none;}
#bo_w.bo_w_reserv .write_div.flex {align-items:flex-start;margin-bottom:30px;}
#bo_w.bo_w_reserv .write_div.flex > label {width:130px;line-height:38px;font-size:1.1rem;}
#bo_w.bo_w_reserv .write_div.flex > div {width:calc(100% - 130px);}
#bo_w.bo_w_reserv .write_div.bo_w_select > div {gap:20px;}
#bo_w.bo_w_reserv .write_div.bo_w_time > div {gap:10px;}
#bo_w.bo_w_reserv .write_div.bo_w_time .tilde {font-size:1.2rem;font-weight:600;}
#bo_w.bo_w_reserv .write_div.bo_w_time .time-all {margin-left:20px;}
#bo_list.bo_list_reserv #bo_cate a {background:#fff;border:0;border-bottom:2px solid transparent;color:var(--oc-gray-5);font-weight:600;}
#bo_list.bo_list_reserv #bo_cate a:hover,
#bo_list.bo_list_reserv #bo_cate a:focus,
#bo_list.bo_list_reserv #bo_cate a:active {color:var(--oc-teal-6);background:#fff;}
#bo_list.bo_list_reserv #bo_cate #bo_cate_on {background:none;color:var(--oc-teal-6);border-bottom:2px solid var(--oc-teal-6);box-shadow:unset;}
#bo_list.bo_list_reserv .con_wr {gap:20px;margin:20px 0;}
#bo_list.bo_list_reserv .con_wr li {width:calc((100% - 40px) / 3);align-items:flex-start;gap:15px;}
#bo_list.bo_list_reserv .con_wr .bo_l_num {color:var(--oc-gray-5);font-size}
#bo_list.bo_list_reserv .con_wr .bo_tit_wr {width:100%;}
#bo_list.bo_list_reserv .con_wr .bo_l_tit {font-size:1.8rem;font-weight:600;transition:var(--transition);width:100%;display:block;}
#bo_list.bo_list_reserv .con_wr .bo_l_cate {font-size:16px;display:block;width:fit-content;background:var(--oc-teal-0);border-radius:5px;color:var(--oc-teal-6);padding:0 10px;line-height:1.5;}
#bo_list.bo_list_reserv .con_wr .bo_l_info {color:var(--oc-gray-6);font-size:1.1rem;gap:20px;}
#bo_list.bo_list_reserv .con_wr .btn-box {gap:10px;width:100%;margin-top:10px;}
#bo_list.bo_list_reserv .con_wr .btn-box .btn_custom {min-width:calc((100% - 10px) / 2);}
@media all and (max-width:1000px) {
	#bo_list.bo_list_reserv .con_wr li {width:calc((100% - 20px) / 2);}	
}
@media all and (max-width:680px) {
	#bo_list.bo_list_reserv .con_wr li {width:100%;}	
}


/* popup_chat */
#edit_wr {position: fixed;top: 0;right: -360px;width: 350px;height: 100%;background: #fff;padding: 20px;transition: var(--transition); z-index: 1000;box-shadow:-5px 0 10px 0 rgba(0,0,0,0.1);
	overflow-y:auto;}
#edit_wr.active {right:0;}
#edit_wr .btn_edit_close{margin: 0 0 0 auto;aspect-ratio:1/1;}
#edit_wr .edit_list li {margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--oc-gray-2);flex-direction:column;align-items:flex-start;}
#edit_wr .edit_list li:last-child {padding-bottom:0;border:0;}
#edit_wr .edit_list .edit_lbl {color:var(--oc-gray-6);margin-bottom:8px;}
#edit_wr .edit_list .edit_con {width:100%;gap:10px;flex-wrap:nowrap;}
#edit_wr .edit_list .edit_con.flex_2 .f_box {width:calc((100% - 10px) / 2);}
#edit_wr .edit_list .edit_con.flex_3 .f_box {width:calc((100% - 20px) / 3);}
#edit_wr .edit_list .edit_con input[type="range"] {width:100%;}
#edit_wr .edit_list .edit_con .btn_weight.bold {font-weight:bold;}
#edit_wr .edit_list input:checked + .btn_custom {background:var(--color-point-a);color:var(--color-point);border:1px solid var(--color-point);}
#edit_wr .edit_list .space_edit {justify-content:flex-end;}
#edit_wr .edit_list .space_edit input {text-align:center;width:calc(100% - 180px);}
#edit_wr .edit_list .space_edit .btn_custom {width:80px;}
.pop-wr {padding:20px;background:var(--oc-gray-0);min-height:100dvh;}
.pop-wr .btn_full_mn {display:none;position: fixed;z-index:2;right: 25px;top: 25px;font-size: 2rem;background: rgba(255, 255, 255, 0.5);}
.pop-wr .btn_full_mn:before {content:"\f0c9";font-family:var(--font-icon);font-weight:900;}
.pop-wr nav {justify-content:flex-end;gap:10px;margin-bottom:15px;}
.pop-wr nav .logo {margin:0 auto 0 0;background:url('/img/logo/steno_logo_bk.png') no-repeat 50%;display:block;width:208px;height:25px;background-size:auto 100% ;}
.pop-wr nav .sch_modalOpen {aspect-ratio:1/1;}
.pop-wr nav #teacher_number {width:140px;}
.pop-wr .chat-screen,
.pop-wr #chatInput {background:#fff;height:calc(100dvh - 154px);max-height:calc(100dvh - 154px);border:1px solid var(--oc-gray-3);border-radius:5px;overflow-y:auto;
	padding:20px;width:100%;}
.pop-wr #chatInput {margin:0;resize:none;font-size:2rem;line-height:1.6;}
.pop-wr .chat-screen.edit{display: flex;flex-direction: column;justify-content: space-between;}
.pop-wr .chat-screen li {font-size:1.5rem;margin-bottom:10px;}
.pop-wr .chat-screen.pop_v_screen li {font-size:var(--font-size);}
.pop-wr.op_wr .chat-screen {word-break:keep-all;}
.pop-wr.op_wr .chat-screen.pop_v_screen {}
.pop-wr.op_wr .chat-screen.w_break {word-break:break-all;}
.pop-wr.op_wr .chat-screen.align_left {text-align:left;}
.pop-wr.op_wr .chat-screen.align_center {text-align:center;}
.pop-wr.op_wr .chat-screen.align_right {text-align:right;}
.pop-wr.op_wr .btn_fullScreen:before {display:inline-block;content:"\f065";font-family:var(--font-icon);font-weight:900;}
.pop-wr.op_wr .btn_fullScreen.out:before {content:"\f066";}
.pop-wr .btn_box {margin-top:15px;justify-content:center;gap:10px 15px;}
.pop-wr .btn_box .btn_custom {width:200px;}
/* qr_modal */
.op_qr_md {max-width:500px;}
.op_qr_md .md_inner {gap:30px;}
.op_qr_md .qr_wr {gap:10px;}
.op_qr_md .qr_code {width:120px;max-width:120px;aspect-ratio:1/1;}
.op_qr_md .qr_code img {width:100%;height:auto;}
.op_qr_md .link_wr {gap:5px;width:100%;}
.op_qr_md .link_wr input {width:calc(100% - 93px);}
/* sch_modal */
.op_sch_md {height: calc(100% - 60px);}
.op_sch_md .md_inner {height:100%;}
.op_sch_md .sch_wr {margin-bottom:20px;width:100%;max-width:400px;}
.op_sch_md .sch_text_wr {width:100%;height:calc(100% - 58px);border-radius:5px;border:1px solid var(--oc-gray-3) !important;font-size:2rem;line-height:1.6;padding:5px 8px;}
.op_sch_md .sch_text_wr .sch_word {background: var(--color-point-b);border-radius: 5px;}
/* chat_dark_mod */
.pop-wr.op_wr.dark {background:var(--oc-gray-9);}
.pop-wr.op_wr.dark nav .logo {background:url('/img/logo/steno_logo_wh.png') no-repeat 50%;background-size:auto 100%;}
.pop-wr.op_wr.dark #edit_wr {background:var(--oc-gray-9);}
.pop-wr.op_wr.dark #edit_wr .edit_list .edit_lbl {color:var(--oc-gray-2);}
.pop-wr.op_wr.dark #edit_wr .edit_list li:not(:last-child) {border-bottom:1px dashed var(--oc-gray-6);}
.pop-wr.op_wr.dark #edit_wr .edit_list .f_s_lbl {color:var(--oc-gray-0);}
/* fullScreen */
body.fullscreen .pop-wr {padding:0;}
body.fullscreen .btn_full_mn {display:block;}
body.fullscreen .btn_full_mn.active:before {content:"\f00d";}
body.fullscreen .navi {display:none;position: fixed;width: 100%;top: 0;left: 0;padding: 30px 90px 20px 20px;background: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}
body.fullscreen .navi.open {display:flex;}
body.fullscreen .navi .logo {display:none;}
body.fullscreen .pop-wr.op_wr .chat-screen.pop_v_screen {height:100dvh;max-height:100dvh;border:0;border-radius:0;}
body.fullscreen .pop-wr.op_wr .btn_box {display:none;}
@media all and (max-width:768px) {
	.pop-wr nav {gap:15px 5px;}
	.pop-wr nav .logo {width:100%;height:20px;}
	.pop-wr #chatInput ,
	.pop-wr .chat-screen.pop_v_screen {height:calc(100dvh - 189px);max-height:calc(100dvh - 189px);}
}
@media all and (max-width:580px) {
}
@media all and (max-width:450px) {
	.pop-wr .btn_full_mn {top:15px;right:15px;font-size:1.5rem;padding: 8px 10px;}
	body.fullscreen .navi {padding: 15px 65px 15px 15px;}
	.pop-wr #chatInput ,
	.pop-wr .chat-screen.pop_v_screen {height:calc(100dvh - 247px);max-height:calc(100dvh - 247px);}
	/* .pop-wr #chatInput {height:calc(100dvh - 195px);max-height:calc(100dvh - 195px);} */
}


/* footer */
#ft { margin-top:auto; background:var(--oc-gray-9); }
#ft #ft_wr { display:flex; gap:20px; max-width:1100px; padding:30px 20px; margin:0 auto; }
#ft #ft_wr:after { display:none; }
#ft #ft_wr .ft_cnt { float:none; width:auto; padding:0; }
#ft #ft_link { flex:1; }
#ft #ft_company { flex:3; }
#ft #ft_company .ft_info { display:flex; flex-wrap:wrap; gap:0 20px; line-height:1.6; }
#ft #ft_copy { color:var(--oc-gray-6); border-color:var(--oc-gray-7); }
@media all and (max-width:768px) {
	#ft #ft_wr { flex-direction:column; gap:30px; }
	#ft #ft_company { flex:1; }
	#ft #ft_link { line-height:1.5; display:flex; flex-wrap:wrap; }
	#ft #ft_link li:after { content:'　|　'; color:var(--oc-gray-5); }
	#ft #ft_link li:last-child:after { display:none; }
	#ft #ft_link a { display:inline; }
}

#top_btn { color:var(--oc-gray-9); background-color:rgba(255,255,255,0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border:1px solid rgba(0,0,0,0.25); border-radius:50%; line-height:48px; }

/* 그누_커스텀 */
#wrapper #bo_w .bo_w_flie .frm_file {margin:0;}
#wrapper .btn_confirm.flex {gap:10px;justify-content:flex-end;margin-top:20px;}
#wrapper .bo_list_reserv .bo_sch select {display:none;}
#wrapper .bo_sch h3 {font-size:1.5rem;}
#wrapper .bo_sch input {padding:5px 8px;}
#wrapper .empty_txt {text-align:center;color:var(--oc-gray-6);min-height:200px;line-height:200px;width:100%;}
#wrapper #bo_v_title {font-size:1.2rem;font-weight:600;}
#wrapper .more_opt li button, .more_opt li a {display:block;}
#wrapper #bo_v_info .profile_info {margin:10px 0;}
#wrapper #bo_v_info .sv_member {font-size:1rem;color:var(--oc-gray-8);}
#wrapper #bo_v_info .profile_info .profile_info_ct > span {margin-right:10px;font-size:14px;color:var(--oc-gray-6);}
#wrapper #bo_v_title .bo_v_cate {font-size:16px;background:var(--oc-teal-0);border-radius:5px;color:var(--oc-teal-6);padding:0 10px;line-height:1.5;}
#wrapper {}
#wrapper {}
#mb_login.mbskin .mbskin_box {border:0;border-radius:1rem;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
#mb_login .mb_log_cate h2 {font-size:1.2rem;float:unset;width:100%;text-align:center;padding-top:40px;}
#mb_login .mb_log_cate img {max-width:280px;}
#login_fs input {margin-bottom:10px;}
#login_fs .btn_custom {margin-bottom:10px;}
#login_info {padding-top:10px;}