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

/*-----------------------------------------------------------------*/
/* reset
/*-----------------------------------------------------------------*/
html {height:100dvh;background:var(--color-tone-200);overflow-y: auto;}
body {background:var(--color-tone-200);}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {display:block;}
html, body, div, span, strong, a, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*img, table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
	{margin:0; padding:0;}
body, input, textarea, select, button, table {font-family:var(--font-text); font-size:14px; color:var(--color-tone-700); }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-title); }
input, select, textarea, button, ul, ol, li, dl, dt, dd {vertical-align:middle;}
input[type='date'], input[type='number'], input[type='text'], input[type='password'] { border:1px solid var(--color-tone-300); background:#fff; height:36px; line-height:36px; text-indent:5px; padding:0;}
textarea {padding:5px; border:1px solid #ccc; background:#fff;}
select { -webkit-box-sizing:border-box; box-sizing:border-box; height:36px; border-radius: 15px; padding: 0 5px;border:1px solid var(--color-tone-400);}
/* 크롬핵 */ @media screen and (-webkit-min-device-pixel-ratio:0) {}
input[type='checkbox'], input[type='radio'] { width:15px; height:15px; vertical-align:middle !important; margin-left:0; margin-right:0;}
label {display:inline-block; cursor:pointer; vertical-align:middle; /*margin-right:10px;*/}
legend, hr {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; padding:0; font-size:0; line-height:0}
button {cursor:pointer;}	
table {border-spacing:0; border-collapse:collapse;}}
th, td {word-wrap:break-word; word-break:break-all; /*vertical-align:middle;*/ line-height:1.4;}
caption {visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0;}
col {display:table-column;}
iframe {border:0; margin:0; overflow:hidden;}
img, fieldset {border:0; vertical-align:middle;}
img {max-width: 100%;}
ul, ol {list-style:none;}
em, address {font-style:normal}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {color:var(--color-tone-700); text-decoration:none;}
a:hover {color:var(--color-tone-900); text-decoration:none; }
.hidden {display:block; font-size:0; width:1px; height:1px; line-height:0; overflow:hidden; position:absolute; left:-9999px; text-indent:-9999px;}
.hand, .pointer {cursor:pointer !important;}
.underline {text-decoration:underline;}
.relative {position:relative !important;}
.absolute {position:absolute !important;}
.small {font-size:12px;}
.desc {font-size:12px; color:var(--color-tone-600);}
.hide {display:none;}
.unvisibility {visibility:hidden;}
.normal {font-weight:normal !important;}
strong, b, .bold {font-weight:600;}
.input-box-default-text {color:var(--color-tone-600) !important; letter-spacing:-1px;}
.info_mt {display:block;font-size:12px;color:var(--color-tone-500);font-weight:300;}
/* FONT SMOOTHING */
    body {
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
.font_sel {-webkit-transform:skew(-0.001deg);transform:skew(-0.001deg);}

/*-----------------------------------------------------------------*/
/* 공통요소
/*-----------------------------------------------------------------*/

/* === form CSS reset cross browsing === */
select::-ms-expand {display:none}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}
input:-moz-submit-invalid{box-shadow: none;}
input:-moz-ui-invalid{box-shadow:none;}
input[readonly] {background:#fafafa;color:var(--color-tone-500);}

/* FONT SMOOTHING */
body { font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* placholder */
::-webkit-input-placeholder {color:var(--color-tone-500);} 
::-moz-placeholder {color:var(--color-tone-500);}
:-ms-input-placeholder {color:var(--color-tone-500);}
:-moz-placeholder {color:var(--color-tone-500);}
::-webkit-input-title {color:var(--color-tone-500);}
::-moz-title {color:var(--color-tone-500);}
:-ms-input-title {color:var(--color-tone-500);}
:-moz-title {color:var(--color-tone-500);}

/* 하이퍼링크 */
/* a:link, a:visited, a:active	{color:var(--color-tone-700);} */
a:hover {color:var(--color-tone-900); text-decoration:none; transition:var(--transition-fast); }

/* 스크롤 */
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-track {background:var(--color-tone-200);border-radius:4px;}
::-webkit-scrollbar-thumb {background:var(--color-tone-400);border-radius:4px;}
::-webkit-scrollbar-thumb:hover {background:#bdbdbd;}

:root {
	--color-point:	#3CDBC0;
	--color-point-a: rgba(60,219,192,0.5);
	--color-point-b: rgba(60,219,192,0.1);
	--color-tab-btn:#3497d9;

	--color-default-bg: #fafafa;
	--color-primary-bg: #79a3ff;
	--color-success-bg: #aacc77;
	--color-info-bg:	#ffbd6b;
	--color-warning-bg: #ffcb80;
	--color-danger-bg:  #fd93a8;
	--color-inverse-bg: #444c67;
	--color-admin-bg:	#d579ff;

	--color-default: #BDC3C7;
	--color-primary: #4680ff;
	--color-success: #93BE52;
	--color-info:	 #fd8c00;
	--color-warning: #FFB64D;
	--color-danger:  #FC6180;
	--color-inverse: #303548;
	--color-admin:	#c446ff;

	--color-tone-100 : #f8f8f8; 
	--color-tone-200 : #e9e9e9;
	--color-tone-300 : #dedede;
	--color-tone-400 : #cecece; 
	--color-tone-500 : #adadad; 
	--color-tone-600 : #6c6c6c;
	--color-tone-700 : #494949;
	--color-tone-800 : #343434;
	--color-tone-900 : #212121;

	--color-gray-0 :	#f8f9fa;	--color-gray-1 :	#f1f3f5;	--color-gray-2 :	#e9ecef;	--color-gray-3 :	#dee2e6;	--color-gray-4 :	#ced4da;
	--color-gray-5 :	#adb5bd;	--color-gray-6 :	#868e96;	--color-gray-7 :	#495057;	--color-gray-8 :	#343a40;	--color-gray-9 :	#212529;
	--color-red-0 :		#fff5f5;	--color-red-1 :		#ffe3e3;	--color-red-3 :		#ffa8a8;	--color-red-5 :		#ff6b6b;	--color-red-7 :		#f03e3e;	--color-red-9 :		#c92a2a;	/* danger */
	--color-pink-0 :	#fff0f6;	--color-pink-1 :	#ffdeeb;	--color-pink-3 :	#faa2c1;	--color-pink-5 :	#f06595;	--color-pink-7 :	#d6336c;	--color-pink-9 :	#a61e4d;
	--color-grape-0 :	#f8f0fc;	--color-grape-1 :	#f3d9fa;	--color-grape-3 :	#e599f7;	--color-grape-5 :	#cc5de8;	--color-grape-7 :	#ae3ec9;	--color-grape-9 :	#862e9c;	/* admin */
	--color-violet-0 :	#f3f0ff;	--color-violet-1 :	#e5dbff;	--color-violet-3 :	#b197fc;	--color-violet-5 :	#845ef7;	--color-violet-7 :	#7048e8;	--color-violet-9 :	#5f3dc4;
	--color-indigo-0 :	#edf2ff;	--color-indigo-1 :	#dbe4ff;	--color-indigo-3 :	#91a7ff;	--color-indigo-5 :	#5c7cfa;	--color-indigo-7 :	#4263eb;	--color-indigo-9 :	#364fc7;	/* inverse */
	--color-blue-0 :	#e7f5ff;	--color-blue-1 :	#d0ebff;	--color-blue-3 :	#74c0fc;	--color-blue-5 :	#339af0;	--color-blue-7 :	#1c7ed6;	--color-blue-9 :	#1864ab;	/* primary */
	--color-cyan-0 :	#e3fafc;	--color-cyan-1 :	#c5f6fa;	--color-cyan-3 :	#66d9e8;	--color-cyan-5 :	#22b8cf;	--color-cyan-7 :	#1098ad;	--color-cyan-9 :	#0b7285;	/* info */
	--color-teal-0 :	#e6fcf5;	--color-teal-1 :	#c3fae8;	--color-teal-3 :	#63e6be;	--color-teal-5 :	#20c997;	--color-teal-7 :	#0ca678;	--color-teal-9 :	#087f5b;
	--color-green-0 :	#ebfbee;	--color-green-1 :	#d3f9d8;	--color-green-3 :	#8ce99a;	--color-green-5 :	#51cf66;	--color-green-7 :	#37b24d;	--color-green-9 :	#2b8a3e;	/* success */
	--color-lime-0 :	#f4fce3;	--color-lime-1 :	#e9fac8;	--color-lime-3 :	#c0eb75;	--color-lime-5 :	#94d82d;	--color-lime-7 :	#74b816;	--color-lime-9 :	#5c940d;
	--color-yellow-0 :	#fff9db;	--color-yellow-1 :	#fff3bf;	--color-yellow-3 :	#ffe066;	--color-yellow-5 :	#fcc419;	--color-yellow-7 :	#f59f00;	--color-yellow-9 :	#e67700;	/* warning */
	--color-orange-0 :	#fff4e6;	--color-orange-1 :	#ffe8cc;	--color-orange-3 :	#ffc078;	--color-orange-5 :	#ff922b;	--color-orange-7 :	#f76707;	--color-orange-9 :	#d9480f;
	
	--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-icon : 'Font Awesome 6 free', 'xeicon', 'Pretendard', sans-serif;

	--transition-slow : all .3s ease-in-out;
	--transition-fast : all .1s ease-in-out;

	--gutter-pc:	50px;
	--gutter-mo:	20px;
	--mg-sec-pc:	140px;
	--mg-sec-md:	70px;
	--mg-sec-mo:	20px;
}

/*-----------------------------------------------------------------*/
/* bootstrap
/*-----------------------------------------------------------------*/
.form-check {display:flex;align-items:center;gap:5px;}
.form-check-input {margin-top:0;}

/* modal */
html:has(body.modal-open) {overflow:hidden;}
/* body.modal-open {overflow-y:auto !important;} */
.modal.fade:has(.modal-dialog) > form {width: fit-content;left: 50%;position: fixed;transform: translateX(-50%);}
.modal-dialog {justify-content:center;}
.modal-content {width:unset;min-width:500px;}
#Recipient .modal-content {min-height:60vh;}
.modal-dialog .search_box {display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.modal-dialog .search_box input[type="text"] {width:calc(100% - 60px);}
.modal-dialog .search_box .btn_custom {width:50px;height:40px;font-size:20px;border-radius:5px;}
.modal-dialog table {margin-bottom:0;}
.modal-dialog .scroll_tbody {max-height: 60vh;overflow-y: auto;}
.modal-dialog .info_recipient {max-width:700px;}
.modal-dialog {}

@media (min-width:576px){
	.modal-dialog {max-width:unset;}
}

/* select */
.bootstrap-select>.dropdown-toggle {border:1px solid var(--color-tone-300);}


/*-----------------------------------------------------------------*/
/* jquery-ui
/*-----------------------------------------------------------------*/

/* tab */
.ui-tabs.ui-widget-content {border:0;padding:0;margin:5px 0;border-radius:0;}
.ui-tabs.ui-widget-content .ui-widget-header {background:#fff;border:1px solid var(--color-tone-300);padding:0;display:flex;flex-wrap:wrap;width:100%;overflow:hidden;}
.ui-tabs.ui-widget-content .ui-tabs-nav li {margin:0 0  -1px 0;border:0;border-radius:0;background:none;white-space:wrap;width:25%;border-right:1px solid var(--color-tone-300);border-bottom:1px solid var(--color-tone-300);}
.ui-tabs.ui-widget-content .ui-tabs-nav li:nth-child(4n) {border-right:0;}
.ui-tabs.ui-widget-content .ui-tabs-nav li.ui-tabs-active {padding:0;background:var(--color-tone-600);}
.ui-tabs.ui-widget-content .ui-tabs-nav li a {padding:.5em;width:100%;text-align:center;border-radius:4px;height:100%;}
.ui-tabs.ui-widget-content .ui-tabs-nav li.ui-tabs-active a {color:#fff;cursor:default;}
.ui-tabs.ui-widget-content .ui-tabs-panel {margin-top:5px;background:#f9f9f9;border-radius:4px;}

/*-----------------------------------------------------------------*/
/* component
/*-----------------------------------------------------------------*/

/* tab */
.tab-title { margin-bottom:var(--mg-sec-mo); }
.tab-title .tab-nav { cursor:pointer; }
.tab-title .tab-nav.current span { background:var(--color-primary) !important; border-color:var(--color-primary) !important; color:#fff !important; }
.tab-title .tab-nav.current span:before { color:#fff; }
.tab-panel { width: 100%; position: relative; }
.tab-panel .tab-cont { display:none; width: 100%; }
.tab-panel .tab-cont.current { display:block; }

/* button */
.btn_custom { display:flex; align-items:center; justify-content:center; border:1px solid transparent; font-family:var(--font-title); 
	position:relative; background-color:var(--color-default-bg); border-radius:3px; padding:0 0.5em; text-align:center; }
.btn_custom:hover { transition:var(--transition-fast); }
.btn_rect { display:inline-block; width:auto; height:40px; line-height:38px; border-radius:3px; padding:0 1em; background:var(--color-tone-100);
	border:1px solid transparent; position:relative; text-transform:uppercase; text-align:center; }
.btn_rect:hover { border-color:var(--color-tone-400); color:var(--color-tone-900); transition: var(--transition-fast); -webkit-transition: var(--transition-fast); }
.btn_rect.wh_line { border-color:var(--color-tone-700); color:var(--color-tone-700); background:#fff; }
.btn_rect.wh_line:hover { background:var(--color-tone-100); border-color:var(--color-tone-700); color:var(--color-tone-700); }
.btn_rect.btn_icon {background:none;font-size: 26px;line-height: 1;padding: 0;color:var(--color-tone-700);}
.btn_rect.btn_icon:hover {border:1px solid transparent;color:var(--color-primary);}
.btn_rect.bk { border-color:var(--color-tone-700); background:var(--color-tone-700); color:#fff; }
.btn_rect.bk:hover { background:var(--color-tone-900); border-color:var(--color-tone-900); color:#fff; }
.btn_rect.wh { border-color:var(--color-tone-300); background:#fff; color:var(--color-tone-600); }
.btn_rect.wh:hover {background:#fafafa; }
.btn_rect.color { background:var(--color-tone-700); border-color:var(--color-tone-700); color:#fff; }
.btn_rect.color:hover { background:var(--color-point); border-color:var(--color-point); color:#fff; }
.btn_rect.square { width:40px; padding:0; background:transparent; font-size:1.25em; }
.btn_rect.square:hover { background:transparent; border-color:transparent; color:var(--color-point); }
.btn_rect.add { padding-right:2.5em; }
.btn_rect.add:after { font-family:var(--font-icon); position:absolute; top:50%; transform:translateY(-50%); right:1em; }
.btn_rect.add.plus:after { content:'\e913'; }
.btn_rect.add.angle:after { content:'\e93e'; }
.btn_form { height:40px; border-radius:3px; padding:0 1em; }
.btn_sm { display:inline-block; width:auto; font-size:13px; height:27px; line-height:25px; border-radius:3px; padding:0 0.75em; }
.btn_sm.add { padding:0 0.5em; padding-right:1.5em; }
.btn_sm.add:after { right:0.25em; }
.btn_rect.default,
.btn_custom.default { background-color:var(--color-default); border-color:var(--color-default); color:#fff; }
.btn_rect.primary,
.btn_custom.primary { background-color:var(--color-primary); border-color:var(--color-primary); color:#fff; }
.btn_rect.success,
.btn_custom.success { background-color:var(--color-success); border-color:var(--color-success); color:#fff; }
.btn_rect.info,
.btn_custom.info { background-color:var(--color-info); border-color:var(--color-info); color:#fff; }
.btn_rect.warning,
.btn_custom.warning { background-color:var(--color-warning); border-color:var(--color-warning); color:#fff; }
.btn_rect.danger,
.btn_custom.danger { background-color:var(--color-danger); border-color:var(--color-danger); color:#fff; }
.btn_rect.inverse,
.btn_custom.inverse { background-color:var(--color-inverse); border-color:var(--color-inverse); color:#fff; }
.btn_rect.admin,
.btn_custom.admin { background-color:var(--color-admin); border-color:var(--color-admin); color:#fff; }
.btn_rect.google_btn {background:#fff;}
.btn_rect.daum_btn {}
.btn_rect.naver_btn {}
.btn_rect.daou_btn {}
.btn_rect.default:hover,
.btn_custom.default:hover { background-color:var(--color-default); border-color:var(--color-default); color:#fff; opacity:.8}
.btn_rect.primary:hover,
.btn_custom.primary:hover { background-color:var(--color-primary-bg); border-color:var(--color-primary-bg); color:#fff; }
.btn_rect.success:hover,
.btn_custom.success:hover { background-color:var(--color-success-bg); border-color:var(--color-success-bg); color:#fff; }
.btn_rect.info:hover,
.btn_custom.info:hover { background-color:var(--color-info-bg); border-color:var(--color-info-bg); color:#fff; }
.btn_rect.warning:hover,
.btn_custom.warning:hover { background-color:var(--color-warning-bg); border-color:var(--color-warning-bg); color:#fff; }
.btn_rect.danger:hover,
.btn_custom.danger:hover { background-color:var(--color-danger-bg); border-color:var(--color-danger-bg); color:#fff; }
.btn_rect.inverse:hover,
.btn_custom.inverse:hover { background-color:var(--color-inverse-bg); border-color:var(--color-inverse-bg); color:#fff; }
.btn_rect.admin:hover,
.btn_custom.admin:hover { background-color:var(--color-admin-bg); border-color:var(--color-admin-bg); color:#fff; }

.btn-box { display:flex; align-items:center; gap: 0.2rem; margin:0.5rem 0; }
.btn-box.center { justify-content:center; }
.btn-box.right { justify-content:flex-end; }

.board-box.top { display:flex; align-items:center; justify-content:space-between; gap: 0.5rem; }
.board-box.top .btn-box { margin:0; }

/* balloon_msg */
.balloon_msg {display:block;position:absolute;border-radius:2rem;padding:0 1rem;background: var(--color-orange-5);z-index: 1;color: #fff;font-size: 13px;line-height: 2;margin-top:10px;}
.balloon_msg:before {display:block;width:10px;height:10px;content:"";background:var(--color-orange-5);position: absolute;top: -1px;left: 50%;transform: rotate(45deg) translateX(-50%);}

/* form */
.form_custom { border:1px solid var(--color-tone-300); padding:0.25rem !important; font-family:var(--font-text);
	background-color:#fff; border-radius:3px; box-shadow:0 none; outline:0 none; }
.form_custom.full { width:100%; }
.form-control { font-size:14px; color:var(--color-tone-700); border-color:var(--color-tone-300); font-family:var(--font-text); box-shadow:0 none; outline:0 none; }
.form-control:hover, .form-control:focus,
.form_custom:hover, .form_custom:focus { border-color:var(--color-tone-500); box-shadow:0 none !important; outline:0 none !important;
	transition: var(--transition-fast); -webkit-transition: var(--transition-fast); }
.form-control::placeholder,
.form_custom::placeholder { color:var(--color-tone-500); }
select.form_custom { padding-right:1.5rem !important; background:#fff url('../img/bu_select.png') no-repeat calc(100% - 5px) center / auto; height: 40px; appearance:none; }
select.form-control { padding-right:1.5rem !important; background:#fff url('../img/bu_select.png') no-repeat calc(100% - 5px) center / auto; height: 40px; }
.frm_info {display: block;color: #3497d9;font-size: 0.92em;padding: 0;}

input[type="text"].form_custom,
input[type="password"].form_custom,
input[type="email"].form_custom,
input[type="tel"].form_custom,
input[type="date"].form_custom,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
input[type="tel"].form-control,
input[type="date"].form-control { height:40px; line-height:40px; border-radius: 5px;}
input[type="file"].form-control { height:40px; }
input[type="file"].form-control::file-selector-button { padding-top:9px; padding-bottom:9px; }
input[type="checkbox"].form_custom,
input[type="radio"].form_custom { display:none; }
input[type="checkbox"].form_custom + label,
input[type="radio"].form_custom + label { cursor:pointer; }
input[type="checkbox"].form_custom + label:before,
input[type="radio"].form_custom + label:before { color:var(--color-tone-900); font-family:var(--font-icon); display:inline-block; margin-right:0.25em; }
input[type="checkbox"].form_custom + label:before { content:'\f0c8'; }
input[type="radio"].form_custom + label:before { content:'\f111'; }
input[type="checkbox"].form_custom:checked + label:before,
input[type="radio"].form_custom:checked + label:before { color:var(--color-primary); }
input[type="checkbox"].form_custom:checked + label:before { content:'\f14a'; font-weight:900;}
input[type="radio"].form_custom:checked + label:before { content:'\f192'; }
input[type="checkbox"].form_custom:disabled + label,
input[type="radio"].form_custom:disabled + label,
input[type="checkbox"].form_custom:disabled + label:before,
input[type="radio"].form_custom:disabled + label:before { color:var(--color-default); }
input[type="checkbox"].form_custom.square + label,
input[type="radio"].form_custom.circle + label { position:relative; width:2rem; height:2rem; text-align:center; line-height:2rem; }
input[type="checkbox"].form_custom.square + label:before,
input[type="radio"].form_custom.circle + label:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid transparent; margin:0; }
input[type="radio"].form_custom.circle + label:before { border-radius:50%; }
input[type="checkbox"].form_custom.square:checked + label,
input[type="radio"].form_custom.circle:checked + label { color:var(--color-primary); }
input[type="checkbox"].form_custom.square:checked + label:before,
input[type="radio"].form_custom.circle:checked + label:before { border-color:var(--color-primary-bg); }

/* .form-box { background:var(--color-tone-100); padding:1rem; border-radius:1em; margin-bottom:1rem; display:flex; flex-direction:column; gap:1rem; } */
.form-box {padding:1rem 0;margin-bottom:1rem; display:flex; flex-direction:column; gap:1rem;border-bottom:1px dashed var(--color-tone-400);}
.form-box legend { position:static; text-indent:0; font-size:1.25rem; font-weight:600; }
.form-box .form-dl { display:flex; gap:1rem; }
.form-box .form-dt { min-width:5em; padding-top:9.5px; padding-bottom:9.5px; }
.form-box .form-dt:after { content:' :'; }
.form-box .form-dd { flex:1; display:flex; flex-wrap:wrap; gap:0.25rem; align-items:center;}
.form-box .form-dd.row_list {gap:40px;}
.form-box .form-dd.inline { gap:1rem; padding-top:9.5px; padding-bottom:9.5px; }
.form-box .btn-box { margin:0; }
.form-box hr { margin:0.25rem 0; }
.form-box .form-add { display:flex; flex-direction:column; gap:1rem; padding-top:1rem; border-top:1px dashed var(--color-tone-400); }
.form-box .form-add ~ .btn-box { padding-top:1rem; border-top:1px dashed var(--color-tone-400); }
.form-box .form-add-btn { display:flex; flex-direction:column; gap:1rem; justify-content:center; }
.form-box .form-add-btn .btn_rect.square i { transform:rotate(90deg); }
.form-box .form-dl .cate_wr {display:flex;flex-wrap:wrap;gap:5px;}
.form-box .form-dl .cate_wr .btn_custom {/* background:var(--color-tone-100); */border:0;}
.form-box .form-dl .cate_wr .btn_custom:hover {color:var(--color-primary);}
.form-box .form-dl .cate_wr .btn_custom.active {background:var(--color-primary);color:#fff;}


/* accordion */
.accordion ~ .panel { max-height: 0; overflow:hidden; transition: max-height .1s ease-in-out; }
.accordion:after { position:absolute; right: 12px; top: 50%; transform: translateY(-50%);
	font-family:var(--font-icon); font-size:1em; }
.accordion:after { content:'\e943'; }
.accordion:hover:after { content:'\e941'; }
.accordion.active { color:var(--color-tone-900); }
.accordion.active i { color:#fff; background:var(--color-primary-bg) !important; }
.accordion.active:after { content:'\e944'; color:var(--color-primary-bg); }

/* table */
.ESTI-section .table { border-color:var(--color-tone-300); text-align:center; }
.ESTI-section .table thead th { border-bottom:2px solid var(--color-tone-400) !important; position:relative; }
.ESTI-section .table thead th.sorting { padding-right:1em; cursor:pointer; }
.ESTI-section .table thead th.sorting:before { content:'\e930'; font-family:var(--font-icon); position:absolute; top:0.2em; right:0.1em; color:var(--color-tone-400); }
.ESTI-section .table thead th.sorting:after { content:'\e936'; font-family:var(--font-icon); position:absolute; bottom:0.2em; right:0.1em; color:var(--color-tone-400); }
.ESTI-section .table thead th.sorting.ascend:before { color:var(--color-tone-900); }
.ESTI-section .table thead th.sorting.descend:after { color:var(--color-tone-900); }
.ESTI-section .table th:first-child input[type="checkbox"].form_custom + label:before,
.ESTI-section .table td:first-child input[type="checkbox"].form_custom + label:before { margin:0; }
.ESTI-section .table td.sub { padding-left:1.75rem; position:relative; }
.ESTI-section .table td.sub:before { content:'\e97e'; font-family:var(--font-icon); position:absolute; top:50%; left:0.5rem; transform:translateY(-50%); color:var(--color-tone-400); }
.ESTI-section .table tbody { vertical-align:middle; }
.ESTI-section .table tbody tr:hover th,
.ESTI-section .table tbody tr:hover td { background-color:var(--color-tone-100); }
.ESTI-section .table tbody .tr_noitce:hover th,
.ESTI-section .table tbody .tr_noitce:hover td { background-color:rgba(60,219,192,0.2); }
.ESTI-section .table .left { text-align:left; }
.ESTI-section .table .right { text-align:right; }

.table_custom { border-top: 3px solid var(--color-main); background:#fff;}
.table_custom th { padding:15px 10px 13px; word-break:keep-all; font-size:16px;}
.table_custom td { padding: 15px; word-break:keep-all; font-weight:400;}
.table_custom thead { background:var(--color-tone-100); }
.table_custom thead th,
.table_custom thead td { font-family:var(--font-title); text-align:center; border-bottom: 2px solid var(--color-tone-400) !important; }
.table_custom thead th { font-weight:500; }
.table_custom thead th strong { font-size: 15px; font-weight: 600; }
.table_custom thead th strong i { font-size: 15px; color:var(--color-admin); }
.table_custom tbody th { font-weight:500; }
.table_custom tbody th i { color:var(--color-admin); font-size:14px; vertical-align: -2px; }
.table_custom em { color:var(--color-admin); font-weight:500; font-style:normal; }
.table_custom strong { font-weight:600; }
.table_custom .caption { background-color:var(--color-main); font-weight: 600; color:#fff; text-align: center; padding-left: 0; }
.table_custom .center { text-align:center; }
.table_custom .right { text-align:right; }

/* pagination */
.pg_wrap { margin-top:var(--gutter-pc); }
.pg_wrap .pg { display:flex; justify-content:center; align-items:center; }
.pg_wrap .pg .pg_current,
.pg_wrap .pg .pg_page { margin:0 4px; display:flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:16px; margin:0 4px; 
	font-size:14px; line-height:1; background:#fff; font-weight:400; border:1px solid transparent; transition: var(--transition-fast); }
.pg_wrap .pg .pg_prev, .pg_wrap .pg .pg_start,
.pg_wrap .pg .pg_next, .pg_wrap .pg .pg_end { border-color:var(--color-tone-200); text-indent:0; }
.pg_wrap .pg .pg_page:hover { border-color:var(--color-tone-500); color:var(--color-primary); font-weight:500; }
.pg_wrap .pg .pg_current { background:var(--color-primary-bg); border-color:var(--color-primary-bg); color:#fff; font-weight:600; box-shadow:none; }
@media only screen and (max-width:1200px) {
	.pg_wrap { margin-top:var(--mg-sec-mo); }
}
@media only screen and (max-width:768px) {
	.pg_wrap .pg .pg_current,
	.pg_wrap .pg .pg_page { margin:0 2px; width:28px; height:28px; border-radius:14px; margin:0 2px; } 
}

/*-----------------------------------------------------------------*/
/* layout
/*-----------------------------------------------------------------*/

.inner_1100 {width:100%;max-width:1100px;margin:0 auto;}
.inner_1000 {width:100%;max-width:1000px;margin:0 auto;}
.ESTI-wrap { width:100%; min-height: 100%; min-width:1800px;padding-top:50px; margin: 0 auto; display: flex;flex-wrap:wrap; background:var(--color-tone-200); }
.ESTI-wrap:has(.ESTI-aside) {padding-left:200px;}
.ESTI-aside { position:fixed; top:53px; left:0; z-index:1000; width:200px; height:auto; min-height:100%; display:flex; flex-direction:column;
	overflow-y: auto; overscroll-behavior: contain; background: #fff; box-shadow: 0 8px 16px rgba(126,129,133,0.1); }
.ESTI-header {width:100%; height:50px;padding-right:20px;position:fixed;top:0;left:0;background:#fff;z-index:1000;box-shadow:0 4px 16px rgba(126, 129, 133, 0.1);display: flex;justify-content: space-between;align-items:center;}
.ESTI-header .ESTI-hd-info {display:flex;align-items:center;gap:20px;}
.ESTI-header .ESTI-hd-info p {font-size:13px;color:var(--color-tone-600);font-weight:500;}
.ESTI-header .ESTI-hd-info p i {color:var(--color-primary);font-size:1.2em;vertical-align: middle;margin-right: 3px;}
.ESTI-header #logo {float:none; padding:0; width:200px;text-align:center;line-height:50px;}
.ESTI-header .logo img {max-height:30px;height:30px;width:auto;}
.ESTI-header .top-menu {display:flex;align-items:center;gap:20px;}
.ESTI-header .top-menu a {display:flex;align-items:center;}
.ESTI-header .top-menu a i {font-size:1.1em;}
.ESTI-header .top-menu a:hover {color:var(--color-primary);}
.ESTI-aside .gnb { border-top:3px solid var(--color-tone-200); }
.ESTI-aside .gnb .depth1 > li { border-bottom:1px solid var(--color-tone-200); padding:0.25rem 0; }
/* .ESTI-aside .gnb .depth1 > li:last-child { border-bottom:none; } */
.ESTI-aside .gnb .depth1 > li > a { display:flex; align-items:center; width:100%; padding:0.3rem 1rem 0.25rem; position:relative; 
	font-family:var(--font-title); letter-spacing:-0.01em; font-size:16px; font-weight:500;line-height:1.2;}
.ESTI-aside .gnb .depth1 > li > a i { display:flex; align-items:center; justify-content:center; width:20px; height:20px; margin-right:0.25rem;
	background:#fff; border-radius:3px; }
.ESTI-aside .gnb .depth2 > li > a { display:flex; align-items:center; width:100%; padding:0.25rem 1rem .25rem 37px; position:relative;
	font-weight:500; vertical-align: middle; }
.ESTI-aside .gnb .depth2 > li > a:before { content:'\e93f'; font-family:var(--font-icon); }
.ESTI-aside .gnb .depth1 > li.on a,
.ESTI-aside .gnb .depth2 > li.on a { color:var(--color-tone-900); }
.ESTI-aside .gnb .depth1 > li.on a i { color:#fff; background:var(--color-primary); }
.ESTI-aside .gnb .depth2 > li.on a { color:var(--color-primary); }
.ESTI-aside .snb { padding:1rem; }
.ESTI-aside .snb .user-profile { display:inline-block; width:100%; text-align:center; margin-bottom:0.5rem; }
.ESTI-aside .snb .user-profile .profile_image { position:relative;width:fit-content;margin:0 auto 0.25rem;}
.ESTI-aside .snb .user-profile .profile_image i {position:absolute;bottom: -4px;right: -12px;background: #fff;border-radius: 50%;padding: 5px;}
.ESTI-aside .snb .user-profile .profile_image .img_box {width:60px; height:60px; border-radius:10%; overflow:hidden;border: 1px solid #f4f4f4;display:flex;align-items:center;}
.ESTI-aside .snb .user-profile img {max-width:100%;}
.ESTI-aside .snb .user-profile strong { font-weight:700; color:var(--color-tone-900); }
.ESTI-aside .snb .user-profile:hover i {color:var(--color-primary);}
.ESTI-aside .snb .my_info_wr {display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--color-tone-200);padding-top:10px;}
.ESTI-aside .snb .my_info_wr dl {display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;}
.ESTI-aside .snb .my_info_wr dt {font-weight:400;color:var(--color-tone-500);font-size:11px;}
.ESTI-aside .snb .my_info_wr .day_cnt {background:var(--color-tone-200);border-radius:10px;padding:3px 8px;font-weight:600;}
.ESTI-aside .snb .my_info_wr .day_cnt.font_red {color:#fff;background:var(--color-red-5);}
.ESTI-aside .snb .menu { display:flex; align-items:center; flex-wrap:wrap; }
.ESTI-aside .snb .menu .user-menu { margin: 0 0.2rem 0.3rem 0; }
.ESTI-aside .snb .menu .user-menu a { display:flex; align-items:center; border:1px solid var(--color-tone-200); padding:0.1rem 0.5rem; border-radius:3rem; font-size:14px; font-weight:500; }
.ESTI-aside .snb .menu .user-menu a:hover { border-color: var(--color-tone-500); }

.ESTI-contain { width:100%; padding:var(--gutter-mo); min-height:calc(100dvh - 190px);}
.ESTI-contain.flex-wrap { width:100%; display:flex; align-items:center; justify-content:center; }
.ESTI-section { background:#fff; padding:var(--gutter-mo); border-radius:1em; box-shadow: 0 8px 16px rgba(126,129,133,0.1); }
.ESTI-contain .ESTI-section:not(:last-child) {margin-bottom:20px;}
.ESTI-section h1, .ESTI-section h2,
.ESTI-section h3, .ESTI-section h4,
.ESTI-section h5, .ESTI-section h6 { font-family:var(--font-title); word-break:keep-all; position: relative; }
.ESTI-section h2 { font-size:1.75em; font-weight:800; line-height:1.3; letter-spacing:-0.025em; }
.ESTI-section h3 { font-size:1.5em; font-weight:600; line-height:1.3; letter-spacing:-0.025em; }
.ESTI-section h4 { font-size:1.25em; font-weight:600; line-height:1.3; letter-spacing:-0.01em; }
.ESTI-section h5 { font-size:1.125em; font-weight:500; line-height:1.3; letter-spacing:-0.01em; }
.ESTI-section hgroup { margin-bottom:var(--mg-sec-mo); position:relative; }
.ESTI-section em.primary { color:var(--color-primary); font-weight:500; }
.ESTI-section em.secondary { color:var(--color-secondary); font-weight:500; }
.ESTI-section em.success { color:var(--color-success); font-weight:500; }
.ESTI-section em.info { color:var(--color-info); font-weight:500; }
.ESTI-section em.warning { color:var(--color-warning); font-weight:500; }
.ESTI-section em.danger { color:var(--color-danger); font-weight:500; }
.ESTI-section em.inverse { color:var(--color-inverse); font-weight:500; }
.ESTI-section em.default { color:var(--color-tone-500); font-weight:500; }
.ESTI-section .section-body { margin-top:30px; }
.ESTI-section .section-body.flex-wrap { display:flex; align-items:flex-start; gap:1rem; }
.ESTI-section .section-body .view-table { width:calc(100% - 1200px - 1rem); order:2; }
.ESTI-section .section-body iframe.estimate { min-height:1400px; width:1200px; order:1; }
.ESTI-section .section-body .tr_noitce th,
.ESTI-section .section-body .tr_noitce td { background:var(--color-point-b); }
.ESTI-section td .btn_kakao {background:#fae100;color:#371d1e;font-size: 20px;line-height: 1.5;padding: 0 5px;}
.ESTI-section .share_link textarea {padding:0;border:0;resize:none;background:none;height: 22px;}
.ESTI-section .share_link textarea:focus {border:0 !important;}
.ESTI-section td.esti_sample_list {background: var(--color-tone-100);padding:15px;}
.ESTI-section td.esti_sample_list p {display:inline-block;margin-right:5px;font-size:14px;width:fit-content;color:var(--color-tone-800);font-weight:500;}
.ESTI-section .table tbody tr:hover td.esti_sample_list {background: var(--color-tone-100);}
.ESTI-estimate { background:var(--color-tone-200); min-width:1100px;}
.ESTI-estimate .section-body { margin:0; }
.ESTI-estimate .section-body.flex-wrap { display:flex; justify-content:center; gap:1rem; }
.ESTI-estimate .section-body .view-table { width:330px; order:2; background:#fff; padding:0 0.5rem 0.5rem; }
.ESTI-estimate .section-body .view-table .table { margin-bottom:0; table-layout:fixed;}
.ESTI-estimate .section-body .view-table .table td {word-break: break-all;}
.ESTI-estimate .section-body .view-table .table td textarea {border:0;outline:0;resize: none;width:100%;padding:0;}
.ESTI-estimate .section-body .view-table .table td textarea:focus {border:0 !important;}
.ESTI-estimate .section-body .view-table .btn-box { justify-content:space-between; margin:0; padding:0.5rem 0; white-space: nowrap;}
.ESTI-estimate .section-body .view-table .table-wrapper-scroll-y { position:relative; overflow:auto; height:103px; }
.ESTI-estimate .section-body > .wrap { width:calc(100% - 330px - 1rem); order:1; background:var(--color-tone-200); padding-top:50px;}
.ESTI-estimate .section-body > .wrap > .container { max-width:1100px !important; padding:0 !important; } 
.ESTI-estimate .section-body .view-table .table-bordered th {white-space:nowrap;}
.ESTI-estimate .section-body .view-table .btn-box {position:relative;}
.ESTI-estimate .section-body .view-table .btn-box .share_btn_wr {display:none;position:absolute;bottom:-180px;left:0;background:#fff;border-radius:5px;box-shadow:0 0 5px 0 rgba(0,0,0,.2);padding:14px;	z-index:10;}
.ESTI-estimate .section-body .view-table .btn-box .share_btn_wr .share_btn_con {display:flex;flex-direction:column;gap:10px;}
.ESTI-estimate .section-body .view-table .btn-box .share_btn_wr .btn_rect {border-radius: 50%;font-size: 22px;width: 45px;height: 45px;padding: 0;line-height: 45px;}
.ESTI-estimate .section-body .view-table .btn-box .share_btn_wr .btn_rect:hover {border:1px solid transparent;opacity:.75;}
.ESTI-estimate .section-body .view-table .btn-box .share_btn_wr .btn_mail {background:#5bc92f;color:#fff;}
.ESTI-estimate .section-body .view-table .btn-box .share_btn_wr .btn_msg {background:#38a2ff;color:#fff;}
.ESTI-estimate .section-body .view-table .btn-box .share_btn_wr .btn_kakao {background:#fae100;color:#371d1e;font-size: 28px;line-height: 49px;}
.ESTI-estimate .section-body .view-table .btn-box .share_btn_wr .btn_copy {background: var(--color-tone-600);color: #fff;font-size:19px;}
.ESTI-estimate .section-body .tr_noitce th,
.ESTI-estimate .section-body .tr_noitce td { background:var(--color-point-b); }
@media only screen and (max-width:1440px) {
	.ESTI-estimate .section-body.flex-wrap { display:block; }
	.ESTI-estimate .section-body .view-table { width:calc(100% - 2rem); max-width:1100px; margin:1rem 1rem 0 1rem ; padding:0 0.5rem 0.5rem; }
	.ESTI-estimate .section-body > .wrap { width:1100px; margin:0 auto; }	
}

#fwrite { width:100%;}
#fwrite strong.tit {display:block;margin-bottom:10px;}
#fwrite .section-head {display:flex;gap:30px;}
#fwrite .bwrite_fildset {width:calc(100% - 520px);}
#fwrite .ESTI-skin-wr .ESTI-skin-scroll {overflow-y:auto;padding:0.75rem;max-height:384px;}
#fwrite .ESTI-skin-wr {width:500px;min-width:500px;border:1px solid var(--color-tone-300);border-radius:1em;overflow:hidden;}
#fwrite .ESTI-skin-wr .inp_wr {display:flex;gap:17px 12px;flex-wrap:wrap;}
#fwrite .ESTI-skin-wr .inp_wr li {width:calc((100% - 24px) / 3);}
#fwrite .ESTI-skin-wr .round-box {border-radius:.5em;overflow:hidden;border:2px solid var(--color-tone-300);}
#fwrite .ESTI-skin-wr input[type="radio"] {display:none;}
#fwrite .ESTI-skin-wr input[type="radio"] + label {display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;font-weight:400;}
#fwrite .ESTI-skin-wr input[type="radio"]:checked + label  {color:var(--color-primary);}
#fwrite .ESTI-skin-wr input[type="radio"]:checked + label .round-box {border:2px solid var(--color-primary);}
#fwrite .ESTI-skin-wr input[type="radio"]:checked + label:after {font-family:var(--font-icon);content:"\e92b";display:block;position:absolute;top:10px;right:10px;color:var(--color-primary);font-size:1.5em;line-height:1;}
#fwrite .ESTI-skin-wr input[type="radio"] + label img {max-width:100%;}
/* .ESTI-form-wrap .ESTI-form { border:1px solid var(--color-tone-300); border-radius:1em;overflow:hidden;} */
.ESTI-form-wrap .right_btn {display:block;text-align:right;}
.ESTI-form-wrap .info .right_btn {margin-top:5px;}
.ESTI-form-wrap .remote p, .ESTI-form-wrap .remote span,
.ESTI-form-wrap .remote2 p, .ESTI-form-wrap .remote2 span { font-family:var(--font-text) !important; font-size:14px !important; color:var(--color-tone-700) !important; }
.ESTI-form-wrap .remote2 .bootstrap-select {margin-bottom:10px;}
/* .ESTI-form-wrap .ui-widget-content {background:#f9f9f9;} */
.ESTI-form-wrap .note_box {background:var(--color-tone-100);border-radius:4px;padding:10px;margin-top:5px;}
.ESTI-form-wrap .note_content {background:#fff;border-radius:4px;padding:10px;margin-top:10px;}
.ESTI-form-wrap .ui-widget,
.ESTI-form-wrap .ui-widget input,
.ESTI-form-wrap .ui-widget select,
.ESTI-form-wrap .ui-widget textarea { font-family: var(--font-text) !important; font-size:14px; }
.ESTI-form-wrap .ui-widget button { font-family: var(--font-text) !important; font-size:13px; }
.ESTI-form-wrap .ui-widget {background:#f9f9f9;border-radius:4px;padding:10px;margin-bottom:20px;}
.ESTI-form-wrap .ui-widget .btn-icon.tab { font-size:14px; padding: 0.5em; line-height:1; }
.ESTI-form-wrap .tit_btn {display:flex;justify-content:space-between;align-items:center;}
.ESTI-form-wrap .ui-tabs.ui-widget-content .ui-tabs-panel {margin-top:5px;background:none;border-radius:0;padding:0;}
.ESTI-form-wrap .ui-tabs.ui-widget-content .ui-tabs-panel table >:not(caption)>*>* {padding:3px}
.ESTI-form-wrap .ui-tabs.ui-widget-content .ui-tabs-panel table th {background:var(--color-tone-200);font-weight: 500;white-space: nowrap;}
.ESTI-form-wrap .ui-tabs.ui-widget-content .ui-tabs-panel table td {}

.ESTI-form-wrap #Recipient .modal-body {padding:0;}
.ESTI-form-wrap #Recipient .modal-body li {}
.ESTI-form-wrap #Recipient input[type="radio"].form_custom + label {width:100%;padding:var(--bs-modal-padding);}
.ESTI-form-wrap #Recipient input[type="radio"].form_custom + label:hover {background:#f9f9f9;}
.ESTI-form-wrap #Recipient input[type="radio"].form_custom:checked + label {background:#e4ecfd;color:var(--color-primary);}
.ESTI-form-wrap #Recipient input[type="radio"].form_custom + label:before {display:none;}

.info_recipient {display:flex;flex-wrap:wrap;gap:20px;padding:20px;}
.info_recipient li {width:100%;display:flex;align-items:center;gap:10px;}
.info_recipient li p {min-width:100px;}
.info_recipient li input {width:calc(100% - 110px);border-radius:5px;}
.info_recipient li select.form_custom {height:36px;border-radius:5px;margin-left:0 !important;}

.ESTI-footer { /*margin-top:auto;*/ width:100%;padding:1.5rem 1rem; padding-bottom:var(--mg-sec-mo);color:var(--color-tone-500); font-size:12px;text-align:center;background:#e1e1e1;}
.ESTI-footer .foot ul li, 
.ESTI-footer .fnb ul li { display:inline; word-break:keep-all; }
.ESTI-footer .foot ul li:after,
.ESTI-footer .fnb ul li:after { content: ' | '; }
.ESTI-footer .foot ul li:last-child:after,
.ESTI-footer .fnb ul li:last-child:after,
.ESTI-footer .foot ul li:nth-child(3):after { display:none; }
.ESTI-footer .fnb { margin:0.5rem 0; }
.ESTI-footer .foot address { display:inline; }

/* 서브 공통 */
.ESTI-section:has(.sub_inner) {background:none;box-shadow:none;}

/* price_info */
.price_info_top {padding: 32px;background:#fff;border-radius: 0.5rem;margin-bottom:25px;}
.price_info_top p {font-size:20px;text-align:center;font-weight:500;}
.price_info_top p span {font-size:1.2em;color:var(--color-primary);font-weight:600;display:block;margin-bottom:8px;}
.price_info_top {}
.price_info_top {}
#price_info .list_keyword { display:flex; flex-wrap:wrap; }
#price_info .list_keyword li { margin: 0 0.5rem 0.5rem 0; }
#price_info .list_keyword li .key { padding: 0.25em 0.75em; display: inline-block; background: #fff; border-radius: 2rem; border:1px solid var(--color-tone-200);font-weight:500;font-size:16px;
	transition: var(--transition-fast); -webkit-transition: var(--transition-fast); }
#price_info .list_keyword li:hover a.key { border-color: var(--color-tone-500); }
#price_info .list_keyword li.active a.key { background-color: var(--color-main); color:#fff; border-color: var(--color-main); }
#price_info .price-wrap { margin-bottom:var(--mg-sec-md); display: flex;flex-wrap: wrap; gap:50px; width: 100%;}
#price_info .price-box { display:flex; flex-direction:column; width: calc((100% - 100px) / 3);padding: 32px;background:#fff;border-radius: 0.5rem;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);}
#price_info .price-box h4 { font-size:24px; font-weight:600; margin-bottom:0.25rem; }
#price_info .price-box h6 { font-weight:500; }
#price_info .price-box .desc { color:var(--color-tone-600); font-size:16px; margin-bottom:1rem; }
#price_info .price-box .price { margin-bottom:0; }
#price_info .price-box .price span { color:var(--color-tone-600); }
#price_info .price-box .price strong { font-family:var(--font-title); font-weight:700; font-size:2rem; letter-spacing: -0.01em; }
#price_info .price-box .price small { color:var(--color-tone-500); font-size:0.75rem; }
#price_info .price-box .list_ul { /*min-height:9rem;*/ margin:1rem 0; border-top:1px solid var(--color-tone-300); border-bottom:1px solid var(--color-tone-300); padding:1rem 0; }
#price_info .price-box .list_ul.check { margin:0 0 1rem; border:none; }
#price_info .price-box .list_icon { display:flex; flex-wrap:wrap; justify-content:center; gap: var(--gutter-mo) var(--gutter-mo); min-height:23rem; margin:1rem 0 2rem; padding:0; }
#price_info .price-box .list_icon.column { flex-direction:column; justify-content:flex-start; }
#price_info .price-box .list_icon li { font-size:14px; padding:0.5rem; border-radius:0.5rem; }
#price_info .price-box .list_icon.col6 li { width: calc( (100% - 40px) / 3); }
#price_info .price-box .list_icon.none li { width:100%; display:flex; justify-content:center; align-items:center; font-size:14px; }
#price_info .price-box .list_icon li .icon { margin-bottom:0.5rem; font-size:2rem; }
#price_info .price-box .btn-box { position:static; display:flex; gap: var(--gutter-mo); margin-top:auto; }
#price_info .price-box .btn-box div { flex:1; }
#price_info .price-box .btn-box a { width:100%; height:auto; line-height:1.5; padding-top:0.5em; padding-bottom:0.5em; /*margin-bottom:0.5rem;*/ }
#price_info .price-box em {font-weight:600;}
#price_info .price-box.plan1:hover { border-color: var(--color-green-3); }
#price_info .price-box.plan1 h4,
#price_info .price-box.plan1 em,
#price_info .price-box.plan1 .list_ul.check li:before { color:var(--color-green-5); }
#price_info .price-box.plan2:hover { border-color: var(--color-blue-3); }
#price_info .price-box.plan2 h4,
#price_info .price-box.plan2 em,
#price_info .price-box.plan2 .list_ul.check li:before { color:var(--color-blue-5); }
#price_info .price-box.plan3:hover { border-color: var(--color-violet-3); }
#price_info .price-box.plan3 h4,
#price_info .price-box.plan3 em,
#price_info .price-box.plan3 .list_ul.check li:before { color:var(--color-violet-5); }}
#price_info .price-box.plan4:hover { border-color: var(--color-pink-3); }
#price_info .price-box.plan4 h4,
#price_info .price-box.plan4 em,
#price_info .price-box.plan4 .list_ul.check li:before { color:var(--color-pink-5); }
#price_info .price-box.plan4 .price strong { color:var(--color-tone-500); }
#price_info .price-box .list_icon .gray { color:var(--color-tone-500) !important; background:#fff !important; }
#price_info .price-box .list_icon .gray .icon { color:var(--color-tone-500) !important; }

/* mypage */
.mypage .btn-box {justify-content:flex-end;gap:20px;font-size:13px;}
.mypage .btn-box .btn_leave {color:var(--color-tone-400);}
.mypage .btn-box .btn_leave:hover {color:var(--color-tone-500);}
.mypage h2 {margin-bottom:20px;}
.mb-info {display:flex;align-items:center;justify-content:space-between;gap:20px;/* max-width:800px; */margin:0 auto 50px;border:1px solid var(--color-tone-200);border-radius:1em;padding:30px;
background:#fff;box-shadow: 0 8px 16px rgba(126, 129, 133, 0.1);}
.mb-info .mb-name {margin-bottom:5px;font-size:15px;}
.mb-info .plan-name {display:block;color:var(--color-primary);font-size:20px;font-weight:600;margin:5px 0 12px;}
.mb-info .mb-plan-info {border-left:1px solid var(--color-tone-100);padding-left:30px;max-width:calc(100% - 275px);}
.mb-info .mb-plan-info dl {display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:10px;}
.mb-info .mb-plan-info dt {font-weight:500;min-width:86px;}
.mb-info .mb-plan-info dd {color:var(--color-tone-500);}
.mb-info .mb-plan-info dd .mb-day-cnt {background:var(--color-red-5);color:#fff;font-size:12px;border-radius:10px;padding:2px 7px;font-weight:500;letter-spacing:-0.05em;}
.mb-info .mb-plan-info .btn_rect {width:100%;}
.pay-detail {margin-bottom:50px;}
.pay-detail h3 {margin-bottom:20px;font-weight:500}
.pay-detail .table_custom {width:100%;border-top:0;border-radius:1em;overflow:hidden;box-shadow: 0 8px 16px rgba(126, 129, 133, 0.1);}
.pay-detail .table_custom td {text-align:center;}
.pay-detail span.p-status {padding:5px 12px;border-radius:15px;font-size:14px;width:fit-content;font-weight:600;}
.pay-detail span.p-request {background:var(--color-orange-1);color:var(--color-orange-9);}
.pay-detail span.p-ing {background:var(--color-green-0);color:var(--color-green-9);}
.pay-detail span.p-compl {background:var(--color-blue-0);color:var(--color-blue-9);}

/* login */
.ESTI-login { width:100%; height:auto; max-width:800px; margin:0 auto; display:flex; align-items:center;
	background:#fff url(../img/login_bg.png) no-repeat 165% center / auto 125%;
	box-shadow: 0 8px 16px rgba(126,129,133,0.1); border-radius:0.5em; overflow:hidden; }
.ESTI-login .login_form,
.ESTI-login .login_img { flex:1; padding:2rem 2rem 4rem; }
.ESTI-login .login_img { padding-left:0; }
.ESTI-login .login_form .login { position:relative; }
.ESTI-login .login_form .login .title { text-align:center; }
.ESTI-login .login_form .login ul { position:relative; margin-top:var(--mg-sec-mo); }
.ESTI-login .login_form .login ul li { padding:5px 0; position:relative; }
.ESTI-login .login_form .login .ipadd { /*position:absolute; top:8px; right:0;*/ font-size:13px; color:var(--color-tone-500);}
.ESTI-login .login_form .login ul .flex-wrap { display:flex; justify-content:space-between; align-items:center; }
.ESTI-login .login_form .login ul .idsave label { line-height:20px; font-size:14px; }
.ESTI-login .login_form .login ul .input_box label { position:absolute; top:10px; left:0px; width:36px; height:30px; padding:0 3px;
	font-size:24px; color:var(--color-tone-500); text-align:center; border-right:1px solid var(--color-tone-300); z-index:1; }
.ESTI-login .login_form .login ul .input_box label i { vertical-align:2px; }
.ESTI-login .login_form .login ul .input_box input:focus ~ label { color:var(--color-primary-bg); }
.ESTI-login .login_form .login ul .btn { width:100%; padding: 5px 19px; }
.ESTI-login .login_form .login ul .user-menu { display:flex; align-items:center; border:1px solid var(--color-tone-200); padding:0.1rem 0.5rem; border-radius:3px; }
.ESTI-login .login_form .login ul .user-menu:hover { border-color: var(--color-tone-500); }
.ESTI-login .login_form .login input[type='text'],
.ESTI-login .login_form .login input[type='password'] { width: 100%; padding-left:40px !important; }
.ESTI-login .login_form .login .btn_join {position:relative;}
.ESTI-login .login_form .login .btn_join .balloon_msg {left:50%;transform:translateX(-50%);}
.ESTI-login .login_form .login .btn_join .balloon_msg .num {font-weight:500;font-size:1.2em;}

@media only screen and (max-width: 770px) {
	.ESTI-login .login_wrap { max-width:100%; }
	.ESTI-login .login_img { display:none; }
	.ESTI-login .login_form { width:100%; padding:50px 30px; }
}

.ESTI-print section.contents {position:relative;overflow:hidden;}
.ESTI-print .watermark {width: 100%;height: 100%;position: absolute;top:0;left:0;opacity: 0.02;background-size: auto 100px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.btn-infoText {border:0;background:0;color:#777;}
.btn-infoText:hover {color:var(--color-primary);}
.tooltip-inner {text-align:left;font-size:12px;padding:5px 8px;word-break:;max-width:300px;}

/* register */
#fregister_top {margin-bottom:30px;}
#fregister_top h2 {padding-bottom:15px;border-bottom:1px solid var(--color-tone-500);margin-bottom:15px;}
#fregister_top ul {display:flex;align-items:center;justify-content:space-between;position:relative;}
#fregister_top ul:before {display:block;content:"";position:absolute;top:10px;left:35px;width:calc(100% - 65px);height:5px;background:var(--color-tone-200);}
#fregister_top ul.bar_50:before {background:linear-gradient(90deg, var(--color-primary) 50%, var(--color-tone-200) 50%);}
#fregister_top ul.bar_100:before {background:var(--color-primary);}
#fregister_top li {text-align:center;color:var(--color-tone-600);z-index:1;}
#fregister_top li i {font-size:26px;color:var(--color-primary);background:#fff;border-radius:50%;}
#fregister_top li span.top_circle {display:block;width:15px;height:15px;border-radius:8px;background:var(--color-tone-200);margin:3px auto 7px;}
#fregister_top li p {color:var(--color-tone-500);}
#fregister_top li p.checked {color:var(--color-tone-700);font-weight:500;}
#fregister h3,
#register_form h3 {font-weight:500;}
#fregister h4 {font-weight:400;}
#fregister #fregister_chkall {margin:30px 0;}
#fregister #fregister_chkall label {color:var(--color-primary);}
#fregister textarea,
#fregister p.txt_content {padding:20px;width:100%;height:150px;overflow-y:auto;background:#fff;border:1px solid var(--color-tone-200);border-radius:5px;padding:10px;margin:5px 0;}
#fregister .fregister_agree {}
#fregister section {margin-bottom:30px;}
#fregister .info_mt {display:inline-block;}
#fregister .btn_confirm,
#register_form + .btn_confirm {border-top:1px solid var(--color-tone-500);padding-top:20px;}
#register_form + .btn_confirm {justify-content:center;}
#register_form + .btn_confirm .btn_leave {margin:0 auto 0 0 ;color:var(--color-tone-500);font-weight:500;}
#register_form .form-box .form-dt {min-width: 7em;font-weight:500;}
.reg_txt_box {text-align:center;margin:80px 0;}
.reg_txt_box h3 {font-weight:500;}
.reg_txt_box h3 i {display: block;color: #fff;width: fit-content;margin:0 auto 15px;background: #bcd1ff;padding: 25px;border-radius: 50%;aspect-ratio: 1 / 1;font-size: 70px;line-height: 1.2;}
#reg_result .reg_txt_box .reg_result_p {font-size:16px;margin-top:10px;}
#fregisterform:has(input[value=정보수정]) {padding-top:30px;}
#fregisterform:has(input[value=정보수정]) #fregister_top {display:none;}