@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');/* regular-400, medium-500, semibold-600, bold-700 */ 
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{--primary:#1E56F0;--main-size:1255px;--k-font:'Pretendard';--hd-height:163px;}

*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:var(--k-font);color:#111;word-break:keep-all}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:var(--k-font)}
figure{margin:0}
#sh_wrapper{position:relative;width:100%;z-index:0}
#sh_wrapper *{word-break:break-all}
.sr_only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* 팝업 */
.hd_pops{position:fixed;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;} 

/* HEADER */
#sh_hd{position:relative;z-index:1;width:100%;background-color: #fff;border-bottom: 1px solid #E5E7EB;}

/* MAIN 공통 */
#sh_container.board{background-color:#F8F9FC}
#sh_container.board #sh_content{background-color:transparent}

#sh_section{background-color:#F8F9FC}
#sh_content{overflow:hidden;position:relative;z-index:2;width:100%;max-width:1200px;min-height:550px;padding:70px 0;margin:0 auto;background:#fff}

/* 모달 스타일 */
/* 등록완료 모달 */
.cm-jip-modal{display:none;align-items:center;justify-content:center;z-index:99;position:fixed;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.67);}
.cm-jip-modal.show{display: flex;}
.cm-jip-modal .modal_content{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 384px;width:calc(100% - 40px);border-radius: 16px;padding: 32px;background-color: #fff;text-align: center;}
.cm-jip-modal .modal_content .ic-check{display: flex;align-items: center;justify-content: center;width: 56px;aspect-ratio: 1;margin-bottom: 15px;border-radius: 100px;background-color: #f1f5f9;border: 1px solid rgba(226,232,240,0.8);color: #475569;}
.cm-jip-modal .modal_content b{display:inline-block;padding-bottom: 10px;font-size: 22px;font-weight: 700;line-height: 1.2;color: #0f172a;word-break:keep-all !important}
.cm-jip-modal .modal_content p{padding-bottom: 24px;font-size: 15px;line-height: 1.6;white-space: pre-line;color: #64748b;word-break:keep-all !important}
.cm-jip-modal .modal_content button:not(.icon){all: unset;width: 100%;padding: 12px;border-radius: 8px;background-color: #1E293B;color: #fff;font-size: 15px;font-weight: 700;cursor: pointer;box-sizing: border-box;}
.cm-jip-modal .modal_content button.icon{all: unset;position: absolute;top: 16px;right: 16px;display: flex;align-items: center;justify-content: center;width: 32px;aspect-ratio: 1;color: #94A3B8;cursor:pointer}
.cm-jip-modal .modal_content button.icon svg{width: 20px;height: 20px;}

/* 휴대폰 인증 */
.modal-cert form{width: 100%;}
.modal-cert .cert-desc strong{font-size: 16px;color:var(--primary)}
.modal-cert .field{position:relative;margin-bottom:16px}
.modal-cert .field label{display:none}
.modal-cert input{width:100%;height:48px;padding:0 60px 0 12px;border:1px solid #D1D5DB;border-radius:8px;box-sizing:border-box;font-size:16px}
.modal-cert input:focus{outline:none;border:1px solid #D1D5DB !important;box-shadow: none !important;}
.modal-cert .cert-timer{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#EF4444;font-size:14px}
.modal-cert .cert-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* FOOTER */
#sh_ft{position:relative;padding:60px 0 50px;background-color: #0F172A;color: #fff;}
#sh_ft .inner{max-width:var(--main-size);width: 100%;margin:0 auto}
#sh_ft .ft__menu{display: flex;align-items: center;justify-content: space-between;padding-bottom: 34px;margin-bottom: 34px;border-bottom:1px solid rgba(255,255,255,0.15)}
#sh_ft .ft__menu ul{display: flex;gap: 12px;align-items: center;}
#sh_ft .ft__menu .fl-l li{position: relative;display: flex;align-items: center;gap: 12px;}
#sh_ft .ft__menu .fl-l li:first-child{padding-right:12px}
#sh_ft .ft__menu .fl-l li:first-child::after{position:absolute;top:50%;right:0;transform:translateY(-50%);content:'';width:1px;height:10px;background-color: #cbd5e1;}
#sh_ft .ft__menu .fl-l li a{font-size: 16px;font-weight: 700;color: #fff;}
#sh_ft .ft__menu .fl-r{gap:24px}
#sh_ft .ft__menu .fl-r li a{font-weight: 600;font-size: 15px}
#sh_ft .ft__menu .fl-r li a.admin{color:#fff}
#sh_ft .ft__menu .fl-r li a.notice{color:rgba(255,255,255,0.55)}

#sh_ft .ft__info{display: flex;justify-content: space-between;margin-bottom: 40px;}
#sh_ft .ft__info .fl-l{display: flex;gap: 24px;}
#sh_ft .ft__info .fl-l .logo{color: var(--primary);font-size: 30px;font-weight: 700;}
#sh_ft .ft__info .fl-l address{font-style: normal;font-size: 16px;font-weight: 500;line-height: 1.8;color: rgba(255,255,255,0.8);word-break:keep-all}
#sh_ft .ft__info .fl-r .service-box{display: flex;align-items: center;gap: 20px;background-color: rgba(30,86,240,0.15);border-radius: 14px;padding: 20px 24px;}
#sh_ft .ft__info .service-box .ic-tel{display: flex;align-items: center;justify-content: center;width: 44px;aspect-ratio:1;border-radius: 100px;background-color: var(--primary);color: #fff;}
#sh_ft .ft__info .service-box .ic-tel svg{width: 20px;height: 20px;fill: #fff;stroke-width: 1px;}
#sh_ft .ft__info .service-box dl{display: flex;flex-direction: column;gap: 4px;}
#sh_ft .ft__info .service-box dt{font-size: 15px;font-weight: 600;color: rgba(255,255,255,0.45);}
#sh_ft .ft__info .service-box dd{font-size: 28px;font-weight: 700;color: #fff;}
#sh_ft small.copy{font-size: 14px;line-height: 1.4;color: rgba(255,255,255,0.4);}


/* 반응형 사이트맵 공통 */
#sh_site_map{position:relative;width:100%;font-family:'notokr-regular'}
#sh_site_map:after{display:block;content:"";visibility:hidden;clear:both}
#sh_site_map > div{width:31%;float:left;margin:0 1%}
#sh_site_map > div:nth-of-type(3n){margin-right:0}
#sh_site_map .sh_site_map_title{padding:10px 15px;border-bottom:2px solid #333;font-size:17px;font-weight:700;text-align:center;color:#222;font-family:var(--k-font)}
#sh_site_map ul{padding:0 15px 15px}
#sh_site_map .sh_site_map_box{min-height:205px;padding:17px 20px;border:1px solid #e1e1e1;border-top:none;font-size:14px;color:#333;line-height:40px}
#sh_site_map .sh_site_map_box li{border-bottom:1px dotted #ccc}
#sh_site_map .sh_site_map_box li:last-child{border:none}

/* 반응형 하단 버튼 공통 */
#fix_tel{opacity:0;display:none;position:fixed;right:15px;bottom:80px;z-index:50;width:65px;height:65px;margin-right:-10px;border-radius:50%;font-size:30px;text-align:center;line-height:65px;color:#fff;background-color:var(--primary);box-shadow:5px 5px 5px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s}
#fix_tel.active{opacity:1;margin-right:0}
#sh_ft_btns{display:none;padding:15px}
#sh_ft_btns .btns{overflow:hidden}
#sh_ft_btns .row2 a{width:50%}
#sh_ft_btns a{float:left;display:block;width:100%;height:55px;font-size:16px;font-weight:700;line-height:55px;color:#fff;text-align:center;background-color:var(--primary);font-family:var(--k-font)}
#sh_ft_btns a.tel{font-size:18px;font-weight:700;letter-spacing:0;font-family:'Poppins'}
#sh_ft_btns a i{padding-right:5px;font-size:18px}
#sh_ft_btns a.kakao{font-weight:normal;color:#402325;background-color:#ffe500}

/* 반응형 [s] */
@media (max-width:1600px){
:root{--hd-height:145px}
}
@media (max-width:1400px){
:root{--hd-height:125px}
#sh_ft{padding: 40px 20px 28px;}
#sh_ft .ft__info .fl-r .service-box{gap:16px}
#sh_ft .ft__info .fl-l address{font-size:15px}
#sh_ft .ft__info .service-box dd{font-size: 25px;}
}
@media (max-width:1200px){
#sh_content{padding:34px 0}
}
@media (max-width:1024px){
:root{--hd-height:70px}
#sh_hd{border-bottom:none}
#sh_ft{padding:30px 20px 28px}
#sh_ft .ft__info{flex-direction:column;align-items:center;gap:18px;margin-bottom: 30px;}
#sh_ft .ft__info .fl-l{flex-direction:column;align-items:center;gap:10px;text-align:center}
#sh_ft .ft__info .fl-l .logo{font-size:28px}
#sh_ft .ft__info .fl-l address{line-height: 1.6;font-size:14px}
#sh_ft .ft__menu{justify-content:center;flex-wrap:wrap;gap: 12px 24px;padding-bottom:20px;margin-bottom:20px}
#sh_ft .ft__menu .fl-l{gap:24px}
#sh_ft .ft__menu .fl-l li:first-child{padding-right:0}
#sh_ft .ft__menu .fl-l li:first-child::after{display:none}
#sh_ft .ft__menu .fl-l li a{font-size:15px}
#sh_ft .ft__menu .fl-r{flex-direction: row-reverse;}
#sh_ft .ft__menu .fl-r li a.notice{color:#fff}
#sh_ft .ft__info .service-box .ic-tel{width:40px}
#sh_ft .ft__info .service-box dd{font-size:22px}
#sh_ft small.copy{display:block;justify-content:center;text-align:center}
}
@media (max-width:768px){
:root{--radius:10px}
.hd_pops{width:90%}
.hd_pops .hd_pops_con{width:100% !important;height:100% !important}
/* 반응형 스타일 필수 [s] */
#sh_login, #sh_agree, #sh_register,#sh_mb_confirm, #sh_result{padding:15px;margin:15px auto;border:none}
#sh_login input[type=submit], #sh_agree .btn_wrap input[type=submit], #sh_register .btn_wrap input[type=submit],#sh_find_info input[type=submit], #sh_mb_confirm input[type=submit]{-webkit-appearance:none;appearance:none}
#sh_login .bnr .txt p a{color:#0054a6}
#sh_pw_confirm{width:100%;padding:30px 20px;border:none}
#sh_agree .inner{padding:15px}
#sh_agree .cont{padding:10px}
#sh_site_map{padding:30px 20px}
#sh_site_map > div{width:100%;margin:0}
#sh_site_map .sh_site_map_box{min-height:auto}
/* 반응형 스타일 필수 [e] */
#sh_ft{padding: 22px 20px 20px;}
#sh_ft .ft__menu .fl-r li a, #sh_ft .ft__menu .fl-l li a{font-size:14px}
#sh_ft .ft__info{margin-bottom:20px}
#sh_ft address{font-size:13px}
#sh_ft small.copy{font-size: 13px;}
/* 모달 */
.cm-jip-modal .modal_content .ic-check{width:50px}
.cm-jip-modal .modal_content b{padding-bottom: 7px;font-size:20px}
.modal-cert input{font-size:15px}
}
@media (max-width:480px){
#sh_hd{background-color:transparent}
#sh_hd.sub::before{display:none}
#sh_hd.sub{position:relative}
#fix_tel{display:block}
#sh_ft_btns{display:block}
#sh_ft .ft__info .fl-r .service-box{padding:16px 20px}
#sh_ft .ft__info .fl-l address{font-size:13px}
#sh_ft .ft__info .fl-l .logo{font-size: 26px;}
/* 모달 */
.cm-jip-modal .modal_content .ic-check{width:45px}
.cm-jip-modal .modal_content .ic-check svg{width:20px;height: 20px;}
.cm-jip-modal .modal_content p{padding-bottom: 20px;font-size:14px}
}
/* 반응형 [e] */