@charset "utf-8";
/* /css/basic.css */

#smtg_logo_div {position:fixed !important;left:0 !important;bottom:0 !important;top:auto !important;}
#smtg_logo_div img {height:1.75rem;}

:root{
	/* Brand */
	--color-primary:#2563EB;
	--color-primary-hover:#1D4ED8;
	--color-primary-light:#DBEAFE;
	--color-primary-dark:#1E3A8A;

	/* Point */
	--color-accent:#3B82F6;
	--color-success:#22C55E;
	--color-warning:#F59E0B;
	--color-danger:#EF4444;

	/* Text */
	--color-title:#0F172A;
	--color-text:#334155;
	--color-text-light:#64748B;
	--color-placeholder:#94A3B8;
	--color-disabled:#CBD5E1;
	--color-white:#FFFFFF;

	/* Background */
	--color-bg:#F8FAFC;
	--color-card:#FFFFFF;
	--color-section:#F1F5F9;

	/* Border */
	--color-border:#E2E8F0;
	--color-border-light:#F1F5F9;

	/* Icon */
	--color-icon:#2563EB;
	--color-icon-light:#93C5FD;

	/* Radius */
	--radius-sm:.5rem;
	--radius-md:.75rem;
	--radius-lg:1rem;
	--radius-xl:1.5rem;

	/* Font */
	--font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
	--font-size-xs:1.2rem;
	--font-size-sm:1.4rem;
	--font-size-base:1.6rem;
	--font-size-lg:1.8rem;
	--font-size-xl:2.4rem;
	--font-size-2xl:3.2rem;
	--font-size-3xl:4rem;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semibold:600;
	--font-weight-bold:700;
	--font-weight-black:800;
	--line-height-tight:1.3;
	--line-height-base:1.6;
	--line-height-loose:1.8;
}

/* Form 요소 포커스 표시 */
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);}

/* Placeholder 텍스트 색상 */
input::placeholder,textarea::placeholder{color:var(--color-placeholder);}

/* 모든 요소 box-sizing 통일 */
*,*:before,*:after{box-sizing:border-box;}

/* 모바일 터치 하이라이트 제거 */
*{-webkit-tap-highlight-color:transparent;}

/* 클릭 요소 전환 효과 */
a,button,input,select,textarea{transition:border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease;}

/* number 입력창 스핀(▲▼) 버튼 제거 : Chrome, Edge, Safari, Firefox 지원 */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{appearance:textfield;-moz-appearance:textfield;}

/* 화면 낭독기 전용 텍스트 */
.msg_sound_only,.sound_only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

/* 필수 입력 표시 */
.required,textarea.required{background-color:var(--color-card)!important;background-image:url('../img/require.png')!important;background-repeat:no-repeat!important;background-position:right top!important;}

/* iPhone / iOS 버튼 기본 파란색 제거 */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
	appearance: none;
	color: inherit;
	-webkit-text-fill-color: currentColor;
}

/* 페이지네이션 */
.pg_wrap{clear:both;display:block;margin:2rem auto;text-align:center;}
.pg_wrap .pg{display:flex;justify-content:center;align-items:center;gap:.3rem;}
.pg_wrap .pg a,.pg_wrap .pg strong{display:inline-flex;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;padding:0;box-sizing:border-box;border:1px solid var(--color-border);border-radius:50% !important;background:var(--color-card);color:var(--color-text-light);font-size:1rem;text-decoration:none;}
.pg_wrap .pg a:hover,.pg_wrap .pg a:focus{border-color:var(--color-primary);color:var(--color-primary);}
.pg_wrap .pg strong{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold);}
.pg_wrap .pg a.pg_start,.pg_wrap .pg a.pg_prev,.pg_wrap .pg a.pg_next,.pg_wrap .pg a.pg_end{padding:0;text-indent:0;}
.pg_wrap .pg a.pg_start .material-symbols-outlined,.pg_wrap .pg a.pg_prev .material-symbols-outlined,.pg_wrap .pg a.pg_next .material-symbols-outlined,.pg_wrap .pg a.pg_end .material-symbols-outlined{font-size:1.5rem;line-height:1;}
.pg_wrap .pg_start:hover,.pg_wrap .pg_prev:hover,.pg_wrap .pg_next:hover,.pg_wrap .pg_end:hover{background:var(--color-primary-light);}

/* Cheditor 내부 박스 모델 예외 처리 */
.cheditor-popup-window *,.cheditor-popup-window *:after,.cheditor-popup-window *:before{box-sizing:content-box;}

/* CKEditor 단축키 안내 */
.cke_sc{margin:0 0 .5rem;text-align:right;}
.btn_cke_sc{display:inline-flex;align-items:center;height:2.8rem;padding:0 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-text);font-size:var(--font-size-xs);cursor:pointer;}
.cke_sc_def{margin:0 0 .5rem;padding:1rem;border:1px solid var(--color-border);background:var(--color-section);text-align:center;}
.cke_sc_def dl{display:flex;flex-wrap:wrap;margin:0 0 .5rem;text-align:left;}
.cke_sc_def dt,.cke_sc_def dd{margin:0;padding:.5rem 0;border-bottom:1px solid var(--color-border);}
.cke_sc_def dt{width:20%;font-weight:var(--font-weight-semibold);}
.cke_sc_def dd{width:30%;}

/* 주소 팝업 레이어 */
#juso_layer,.juso-layer,#quoteJuso{position:fixed;inset:0;z-index:9999;}
#juso_layer,.juso-layer{display:none;}
#juso_layer #juso_dim,.juso-dim,#quoteJuso .modal-dim{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(3px);}
#juso_layer .juso_modal,.juso-modal,#quoteJuso .modal-card{position:relative;width:calc(100% - 2rem);max-width:62rem;max-height:86vh;margin:7vh auto;overflow:hidden;border:0;border-radius:1.8rem;background:#fff;box-shadow:0 2.8rem 8rem rgba(15,23,42,.24);}
#juso_layer .juso_header,.juso-head,#quoteJuso header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e8edf3;background:#fff;}
#juso_layer .juso_title,.juso-head .juso-title,#quoteJuso header h2{margin:0;color:#17233a;font-size:1.25rem;font-weight:600;letter-spacing:-.03em;}
#juso_layer .juso_status,.juso-head .juso-title .juso-status{display:inline-block;margin-left:.8rem;color:#7a8799;font-size:.9rem;font-weight:400;}
#juso_layer .juso_close,.juso-head .juso-close,#quoteJuso header button{display:grid;width:2.65rem;height:2.65rem;padding:0;place-items:center;border:0;border-radius:.9rem;background:#f3f6fa;color:#657286;font-size:1.8rem;font-weight:400;line-height:1;cursor:pointer;transition:background .18s,color .18s;}
#juso_layer .juso_close:hover,.juso-head .juso-close:hover,#quoteJuso header button:hover{background:#eaf1fa;color:#1769e8;}
#juso_layer .juso_body,.juso-body,#quoteJuso .modal-body{max-height:calc(86vh - 5.2rem);padding:1.25rem 1.5rem 1.5rem;overflow:auto;}
#juso_layer .juso_search_row,.juso-body .juso-row--search,#quoteJuso .juso-search-row{position:sticky;top:-1.25rem;z-index:1;display:grid;grid-template-columns:1fr 6.5rem;gap:.65rem;margin:0;padding:.05rem 0 .85rem;background:#fff;}
#juso_layer .juso_search_row input,.juso-body .juso-row--search input,#quoteJuso .juso-search-row input{width:100%;height:3.55rem;padding:0 1rem;border:1px solid #cfd9e6;border-radius:1.1rem;background:#fff;color:#17233a;font-size:1.05rem;outline:0;transition:border-color .18s,box-shadow .18s;}
#juso_layer .juso_search_row input:focus,.juso-body .juso-row--search input:focus,#quoteJuso .juso-search-row input:focus{border-color:#4b8deb;box-shadow:0 0 0 3px rgba(23,105,232,.09);}
#juso_layer .juso_search_row button,.juso-body .juso-row--search button,#quoteJuso .juso-search-row button{height:3.55rem;padding:0;border:0;border-radius:1.1rem;background:#1769e8;color:#fff;font-size:1rem;font-weight:600;box-shadow:0 .5rem 1.2rem rgba(23,105,232,.16);cursor:pointer;transition:background .18s,box-shadow .18s;}
#juso_layer .juso_search_row button:hover,.juso-body .juso-row--search button:hover,#quoteJuso .juso-search-row button:hover{background:#0f5ed7;box-shadow:0 .7rem 1.6rem rgba(23,105,232,.22);}
#juso_layer .juso_count,.juso-body .juso-row--search .juso-count{display:none;}
#juso_layer .juso_list,.juso-list,#quoteJuso .juso-results{max-height:52vh;margin-top:.65rem;overflow:auto;border:1px solid #e2e8f0;border-radius:1.2rem;background:#fff;}
#quoteJuso #jusoStatus{min-height:1.5rem;margin:.1rem 0 .65rem;color:#7a8799;font-size:.9rem;}
#quoteJuso .juso-results>p{margin:0;padding:3rem 1rem;color:#8995a6;text-align:center;}
#quoteJuso .juso-result{display:block;width:100%;padding:1rem 1.1rem;border:0;border-bottom:1px solid #ebeff4;background:#fff;text-align:left;cursor:pointer;transition:background .15s;}
#quoteJuso .juso-result:last-child{border-bottom:0;}
#quoteJuso .juso-result:hover{background:#f5f9ff;}
#quoteJuso .juso-result strong{display:block;color:#1d2a40;font-size:1rem;font-weight:500;line-height:1.45;}
#quoteJuso .juso-result small{display:block;margin-top:.35rem;color:#7f8b9d;font-size:.9rem;line-height:1.45;}
#juso_layer .juso_paging,.juso-foot,#quoteJuso .juso-paging{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;}
#juso_layer .juso_page,.juso-foot .juso-page,#quoteJuso .juso-paging span{min-width:4rem;color:#748196;font-size:.88rem;text-align:center;white-space:nowrap;}
.juso-foot .juso-prev,.juso-foot .juso-next,#quoteJuso .juso-paging button{min-width:5.5rem;height:2.75rem;padding:0 .9rem;border:1px solid #d7e0eb;border-radius:.9rem;background:#fff;color:#46546a;font-size:.9rem;font-weight:500;cursor:pointer;}
.juso-foot .juso-prev:hover:not(:disabled),.juso-foot .juso-next:hover:not(:disabled),#quoteJuso .juso-paging button:hover:not(:disabled){border-color:#a8c3e7;background:#f5f9ff;color:#1769e8;}
.juso-foot button:disabled,#quoteJuso .juso-paging button:disabled{background:#f5f7fa;color:#b2bbc7;cursor:default;}
.juso-list th,.juso-list td{padding:1rem 1.1rem;border-bottom:1px solid #ebeff4!important;}
.juso-list th{color:#344258;font-size:.9rem;font-weight:600;}
.juso-list tr.juso_item{cursor:pointer;transition:background .15s;}
.juso-list tr.juso_item:hover{background:#f5f9ff;}
.juso-list::-webkit-scrollbar,#quoteJuso .modal-body::-webkit-scrollbar{width:.8rem;}
.juso-list::-webkit-scrollbar-thumb,#quoteJuso .modal-body::-webkit-scrollbar-thumb{border:2px solid #fff;border-radius:1rem;background:#c8d1dd;}

/* PC·모바일 전용 표시 */
.pc_only{display:block;}
.mo_only{display:none;}

/* 모바일 */
@media all and (max-width:768px){
	#juso_layer .juso_modal,.juso-modal,#quoteJuso .modal-card{width:calc(100% - 1.2rem);max-height:94vh;margin:3vh auto;border-radius:1.5rem;}
	#juso_layer .juso_header,.juso-head,#quoteJuso header{padding:1rem 1.05rem;}
	#juso_layer .juso_body,.juso-body,#quoteJuso .modal-body{max-height:calc(94vh - 4.8rem);padding:1rem;}
	#juso_layer .juso_search_row,.juso-body .juso-row--search,#quoteJuso .juso-search-row{top:-1rem;grid-template-columns:1fr 5.2rem;gap:.5rem;padding-bottom:.7rem;}
	#juso_layer .juso_search_row input,.juso-body .juso-row--search input,#quoteJuso .juso-search-row input,#juso_layer .juso_search_row button,.juso-body .juso-row--search button,#quoteJuso .juso-search-row button{height:3.25rem;}
	#juso_layer .juso_paging,.juso-foot,#quoteJuso .juso-paging{gap:.5rem;margin-top:.8rem;}
	.juso-list thead{display:none;}
	.juso-list tr.juso_item{display:block;font-size:.9rem;text-align:left;}
	.juso-list tr.juso_item td{display:block;padding:.55rem .9rem;border:0!important;}
	.juso-list tr.juso_item td:nth-child(1){background:#f5f7fa;font-weight:600;}
	#quoteJuso .juso-result{padding:.9rem;}
	#quoteJuso .juso-result strong{font-size:.94rem;}
	#quoteJuso .juso-result small{font-size:.82rem;}
	.pc_only{display:none!important;}
	.mo_only{display:block!important;}
}