@charset "utf-8";
/* webfont */
@font-face {font-family: 'Paperozi';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');font-weight: 100;font-display: swap;}
@font-face {font-family: 'Paperozi';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');font-weight: 200;font-display: swap;}
@font-face {font-family: 'Paperozi';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');font-weight: 300;font-display: swap;}
@font-face {font-family: 'Paperozi';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');font-weight: 400;font-display: swap;}
@font-face {font-family: 'Paperozi';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');font-weight: 500;font-display: swap;}
@font-face {font-family: 'Paperozi';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');font-weight: 600;font-display: swap;}
@font-face {font-family: 'Paperozi';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');font-weight: 700;font-display: swap;}
@font-face {font-family: 'Paperozi';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');font-weight: 800;font-display: swap;}
@font-face {font-family: 'Paperozi';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');font-weight: 900;font-display: swap;}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@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=Gantari:wght@500;600;700;800&display=swap');

:root{--mainsize:1300px;--primary:#CB3130;--mainfont:'Paperozi';--subfont:'Pretendard'; --k-font:'Pretendard';--e-font:'Gantari'}
html.fixed{overflow-y:hidden}
html.fixed #fix_tel{opacity:0;visibility:hidden}
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'pretendard'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'pretendard'}

/* .dft_btn{border:none;border-radius:4px;background:none;font-family:var(--k-font);color:#000} */
input.dft_input, .dft_txt{padding:0 10px;border:1px solid #e1e1e1;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s;font-family:var(--k-font)}
input.dft_input:focus, .dft_txt:focus, input.dft_input:active, .dft_txt:active{box-shadow:none;outline:none;box-shadow:none;border:none !important;}
.dft_txt{padding:10px}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 250,'GRAD' 0,'opsz' 40}
.dft_pl{white-space:pre-line}

/* flex */
.cm-flex{display:flex}
.cm-flex.ai-ct{ align-items:center}
.cm-flex.gap6{gap:6px}

/* form - text */
.cm-input{position:relative;height:38px;padding:0 8px;border-radius:4px;border:1px solid #ddd;font-size:14px;font-weight:400;color:#222;transition:all .15s}
.cm-input:not(:read-only):not(:disabled):focus{border-color:#aaa;outline:none}
.cm-input:read-only:focus{outline:none}
.cm-input:read-only, .cm-input:disabled{color:#999;background:#f2f2f2}

/* form - date */
.cm-date-wrap{gap:6px}
.cm-date{cursor:pointer;position:relative;min-width:140px;height:38px;padding:0 8px;border-radius:4px;border:1px solid #ddd;font-size:14px;font-weight:400;color:#222;transition:all .15s}
.cm-date::-webkit-calendar-picker-indicator{cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%);padding-left:100%}
.cm-date:focus,.cm-date:focus-within{border-color:#aaa;outline:none}
.cm-date:read-only, .cm-date:disabled{color:#999;background:#f2f2f2}

/* form - number */
.cm-number{position:relative;height:38px;padding:0 8px;border-radius:4px;border:1px solid #ddd;font-size:14px;font-weight:400;color:#222;transition:all .15s}
.cm-number:not(:read-only):not(:disabled):focus{border-color:#aaa;outline:none}

/* form - textarea */
.cm-txtarea{position:relative;padding:8px;border-radius:4px;border:1px solid #ddd;font-size:14px;font-weight:400;color:#222;transition:all .15s}
.cm-txtarea:not(:read-only):not(:disabled):focus{border-color:#aaa;outline:none}
.cm-txtarea:read-only:focus{outline:none}
.cm-txtarea:read-only, .cm-txtarea:disabled{color:#999;background:#f2f2f2}

/* form - select */
.cm-select{cursor:pointer;min-width:95px;height:38px;padding:0 30px 0 8px;border-radius:4px;border:1px solid #ddd;font-size:14px;font-weight:400;color:#222;-webkit-appearance:none;appearance:none;background:url(/sh_img/common/select_arr.png) calc(100% - 6px) center no-repeat #fff;background-size:15px;transition:all .15s}
.cm-select:focus{border-color:#aaa;outline:none}

/* form - checkbox */
.cm-ckbox{display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-width:auto;font-size:14px;font-weight:500;color:#222}
.cm-ckbox span{flex-shrink:0;display:flex;width:16px;height:16px;border-radius:3px;border:1px solid #ddd;color:#fff;text-align:center;background:#fff}
.cm-ckbox span svg{display:none;width:12px;height:12px;stroke-width:3px;margin:auto}
.cm-ckbox input[type="checkbox"]{display:none}
.cm-ckbox input[type="checkbox"]:checked+span{border-color:#222;color:#fff;background:#222}
.cm-ckbox input[type="checkbox"]:checked+span svg{display:block}
.cm-ckbox input[type="radio"]{display:none}
.cm-ckbox input[type="radio"]:checked+span{border-color:#222;color:#fff;background:#222}
.cm-ckbox input[type="radio"]:checked+span svg{display:block}
.cm-ckbox-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;height:36px;border-radius:4px;font-size:14px;font-weight:500;color:var(--primary);background:#ffe8e8;white-space:nowrap}
.cm-ckbox-btn input{position:absolute;opacity:0}
.cm-ckbox-btn:has(input:checked){color:#fff;background:var(--primary)}


/* =========================== HEADER */
#shHeaderWrap{position:relative;z-index:20;font-family:var(--mainfont), var(--k-font)}
/* #shHeaderWrap{position:relative;z-index:20;font-family:var(--e-font), var(--k-font)} */

/* =========================== MAIN */
#shSection{position:relative;font-size:16px;font-weight:500;line-height:1.8;color:#777;font-family:var(--e-font), var(--k-font)}
#shSection .inner{max-width:var(--mainsize);width: 100%;margin: 0 auto;}
#shSection .tit .tip{display: inline-flex;align-items: center;justify-content: center;padding: 6px 8px;margin-bottom: 12px;line-height: 1;border-radius: 5px;background-color: rgba(203,49,48,0.2);color: var(--primary);font-size: 12px;font-weight: 700;word-break: keep-all;}
#shSection .tit h2{font-family: var(--mainfont);font-weight: 700;color: #000;white-space: pre-line;line-height: 1.2;word-break: keep-all;}
#shSection .navigation{all: unset;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;display: flex;align-items: center;justify-content: center;width: 40px;aspect-ratio: 1;border-radius: 100px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);cursor:pointer;transition:background-color 0.2s}
#shSection .navigation svg{width: 18px;height: 18px;stroke:#aaa;transition:stroke 0.2s}
#shSection .navigation:hover{background-color:var(--primary);}
#shSection .navigation:hover svg{stroke:#fff}
#shSection .navigation.btn--prev{left: -20px;}
#shSection .navigation.btn--next{right: -20px;}


/* =========================== CONTAINER */
#shContainer{position:relative;z-index:10}
#shSubTit{padding-bottom:40px;font-size:24px;font-weight:700;color:#000;font-family:var(--e-font), var(--k-font)}
#shSubTitMo{display:none;padding:12px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:16px;font-weight:700;color:#000;text-align:center;font-family:var(--e-font), var(--k-font)}
#shContent{position:relative;z-index:10;max-width:var(--mainsize);width:100%;min-height:550px;margin:0 auto;font-family:var(--k-font)}
#shContent.page36{max-width: none;padding: 0;}
/* #shContent.none-width{max-width: none;} */
/* #shContent .inner{max-width:var(--mainsize);width:100%;margin:0 auto;} */

/* =========================== FOOTER */
#shFooter{position:relative;padding: 70px 0 20px;background-color:#242424;}
#shFooter .inner{max-width:var(--mainsize);width: 100%;margin: 0 auto;}
#shFooter .col-2{display: flex;align-items: center;justify-content: space-between;gap: 50px;padding-bottom: 55px;}
#shFooter .fl-l{width:60%}
#shFooter .fl-l .ft__logo{    padding-bottom: 35px;}
#shFooter .fl-l .ft__logo img{    width: 148px;}
#shFooter .fl-l .ft__menu{display: flex;gap: 16px;padding-bottom: 20px;}
#shFooter .fl-l .ft__menu li{}
#shFooter .fl-l .ft__menu li a{font-size: 12px;font-weight: 600;color: #aaa;}
#shFooter .fl-l address{font-style: normal;font-size: 12px;line-height: 1.5;color: #777;word-break: keep-all;}
#shFooter .fl-r{display: flex;flex-direction: column;gap: 18px;text-align: right;font-family: var(--mainfont);}
#shFooter .fl-r dl{}
#shFooter .fl-r dt{line-height: 1.4;font-size: 15px;font-weight: 700;color: var(--primary);}
#shFooter .fl-r dd{font-size: 35px;font-weight: 700;color: #fff;}
#shFooter .fl-r .time{display: flex;flex-direction: column;}
#shFooter .fl-r .time span{font-size: 14px;font-weight: 500;line-height: 1.6;color: #fff;}
#shFooter .fl-r .time span.lunch{color: rgba(255,255,255,0.3);}
#shFooter .fl-r .bank{display: flex;align-items: center;gap: 10px;padding: 10px 9px 10px 17px;background-color: rgba(255,255,255,0.2);border-radius: 8px;}
#shFooter .fl-r .bank .name{font-size: 15px;font-weight: 600;color: #fff;}
#shFooter .fl-r .bank .account{display: flex;align-items: center;gap: 13px;padding: 5px 7px 5px 14px;background-color: var(--primary);border-radius: 8px;font-size: 14px;font-weight: 600;color: #fff;}
#shFooter .fl-r .bank .account .ic-copy{all:unset;display: flex;align-items: center;justify-content: center;width: 24px;aspect-ratio: 1;border-radius: 8px;background-color: rgba(17,17,17,0.2);cursor:pointer}
#shFooter .fl-r .bank .account svg{width: 14px;height: 14px;stroke-width: 3px;stroke: rgba(17,17,17,0.5);transition:stroke 0.2s}
#shFooter .fl-r .bank .account .ic-copy:hover svg{stroke:#fff}
#shFooter .copy{display: flex;align-items: center;justify-content: space-between;}
#shFooter small{font-size: 11px;font-weight: 500;color: #9b9b9b;text-transform: uppercase;}
#shFooter small #thisYear{}
#shFooter .links{display: flex;align-items: center;gap: 10px;}
#shFooter .links a{color: rgba(255,255,255,0.3);}
#shFooter .links a:hover{}

/* =========================== 퀵메뉴 */
/* .quick_wrap.active{opacity:1;visibility:visible;transition:opacity 0.3s ease-in-out, visibility 0s 0s} */
.quick_wrap{z-index:99;display:flex;align-items:center;flex-direction:column;gap:10px;position:fixed;top:190px;right:7%;}
.quick_wrap .link-service{display: flex;flex-direction: column;align-items:center;justify-content: flex-end;width: 100px;height: 180px;padding: 16px 12px;background-color: #000122;background-image: url(../sh_img/quick_bg.png);background-size: cover;background-position: top;background-repeat: no-repeat;border-radius: 13px;font-family: var(--mainfont);line-height: 1.12;font-size: 13px;color: #fff;text-align: center;box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);}
.quick_wrap .link-service dd{padding: 6px 0 8px;font-size: 18px;font-weight: 700;white-space:pre-line}
.quick_wrap .link-service p.desc{font-size: 10px;font-weight: 600;color: rgba(255,255,255,0.5);}


.quick_wrap .quick-menu{width:100%;border-radius: 13px;background-color: #f5f5f5;box-shadow:0px 0px 15px rgba(0, 0, 0, .05)}
.quick_wrap .quick_list{display:flex;flex-direction:column;align-items: center;gap:8px;padding:10px}
.quick_wrap .quick_list > li{position: relative;display:flex;align-items:center;justify-content:center;width: 80px;aspect-ratio: 1;}
.quick_wrap .quick_list > li.mo{display:none}
.quick_wrap .quick_list > li:last-child{margin-bottom:0}
.quick_wrap .quick_list > li > a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width: 100%;height: 100%;border-radius:13px;background-color:#fff}
.quick_wrap .quick_list > li > a > span{font-family: var(--mainfont);font-size: 13px;font-weight: 600;color: #aaa;white-space: nowrap;transition: color 0.2s;}
.quick_wrap .quick_list > li > a:hover > span{color:var(--primary)}
.quick_wrap .quick_list > li > a .icon_img{display:grid}
.quick_wrap .quick_list > li > a .icon_img img{width: 27px;}
.quick_wrap .quick_list > li > a .icon_img.kakao img{width: 30px;}
.quick_wrap .quick_list .tool-tip{position: absolute;top: -8px;right: calc(-100% - 26px);display: flex;flex-direction: column;justify-content: center;width: 122px;height: 44px;padding: 0 12px;background-color: var(--primary);border-radius: 15px 15px 15px 0;font-family: var(--mainfont);font-size: 11px;font-weight: 600;color: #fff;}

.quick_wrap .top_btn{display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;height:20px;background-color:rgba(0, 0, 0, 0.2);border-radius:100px;margin-bottom:6px;transition:background-color 0.2s}
.quick_wrap .top_btn svg{width:20px;height:20px;color:#fff}
.quick_wrap .top_btn:hover{background-color:var(--primary);}

/* 로그인 + 가입 공통 */
.sh_mb_common .logo, .pagecommon .logo{text-align: center;}
.sh_mb_common .logo img, .pagecommon .logo img{width: 160px;}
.sh_cm__tit{padding-bottom: 45px;font-family: var(--mainfont);font-size: 25px;font-weight: 600;color:#000;text-align: center;}


/* 반응형 사이트맵 공통 */
#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:normal;text-align:center;color:#222;font-family:'notokr-bold'}
#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:120px;z-index:100;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:0 15px 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;line-height:55px;color:#fff;text-align:center;background-color:var(--primary);font-family:'notokr-bold'}
#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:1800px){
.quick_wrap{right: 20px;}
.quick_wrap .quick_list .tool-tip{right:unset;left:calc(-100% - 26px);border-radius:15px 15px 0 15px}
}
@media (max-width:1700px){
    .quick_wrap .quick_list .tool-tip{opacity:0;visibility:hidden;transition: opacity 0.2s linear, visibility 0.2s;}
    .quick_wrap .quick_list li.quick_webhard:hover .tool-tip{opacity:1;visibility:visible;transition: opacity 0.2s linear, visibility 0s;}
}
@media (max-width:1600px){
    .quick_wrap{top: unset;right: unset;bottom: 20px;left: 50%;transform: translateX(-50%);flex-direction: row;}
    .quick_wrap .link-service{display: none;}
    .quick_wrap .quick_list{flex-direction: row;}
    .quick_wrap .top_btn{display: none;}
    .quick_wrap .quick_list > li{width: 68px;}
    .quick_wrap .quick_list > li.mo{display: flex;}
    .quick_wrap .quick_list > li > a{gap: 7px;}
    .quick_wrap .quick_list > li > a > span{font-size: 12px;}
    .quick_wrap .call i{font-size: 21px;color:rgba(17,17,17,0.5)}
    .quick_wrap .top_btn{margin-bottom: 0;}
    .quick_wrap .top_btn svg{width: 24px;height: 24px;color: rgba(17,17,17,0.5);transition:color 0.2s}
    .quick_wrap .top_btn:hover svg{color: #fff;}
    .quick_wrap{background-color: rgba(255,255,255,0.1);backdrop-filter: blur(2px);border-radius:15px}
    .quick_wrap .quick-menu{background-color: transparent;}
    .quick_wrap .quick_list .tool-tip{left: calc(-100% - 20px);top: -34px;}
    /* .quick_wrap .quick-menu::before{position: absolute;z-index:-1;content:'';inset:0%;width: 100%;height: 100%;backdrop-filter: blur(10px);} */
}
@media (max-width:1520px){
#shSubTit{padding:0 20px 40px} 
#shFooter .ft_mn{padding:0 20px}
#shFooter .ft_cont{padding:70px 20px}
#shFooter .ft_add{padding:60px 20px}
#shFooter .ft_copy{padding:20px}
}


@media (max-width:1400px){
    #shSection .inner{padding: 0 20px;}
    #shFooter{padding: 50px 20px 20px;}
    #shFooter .fl-r dd{font-size: 32px;}
    #shSection .navigation.btn--prev{left: 10px;}
    #shSection .navigation.btn--next{right: 10px;}
}

@media (max-width:1200px){
    #shFooter .col-2{padding-bottom: 40px;}
    #shFooter .fl-r{gap: 8px;}
    #shFooter .fl-r dt{font-size: 14px;}
    #shFooter .fl-r dd{font-size: 28px;}
    #shFooter .fl-r .bank .account{gap: 10px;font-size: 13px;border-radius:5px}
    #shFooter .fl-r .bank .account .ic-copy{border-radius:5px}
    #shFooter .fl-r .bank .name{font-size: 14px;}
    #shFooter .fl-r .bank{padding: 7px 7px 7px 12px;border-radius:5px}

    .cm-input{height: 35px;}
}
@media (max-width:1024px){

    .sh_cm__tit{font-size: 20px;}
    .sh_mb_common .logo img, .pagecommon .logo img{width: 148px;}
    #shFooter .fl-l{width:100%}


#shSection{font-size:15px}
.quick_wrap{display: none;}

#shFooter{padding: 36px 20px 72px;}
#shFooter .col-2{flex-direction: column;align-items: center;gap: 24px;padding-bottom: 28px;text-align: center;}
#shFooter .fl-l .ft__logo{padding-bottom: 18px;}
#shFooter .fl-l .ft__menu{justify-content: center;padding-bottom: 18px;}
#shFooter .fl-r{align-items: center;text-align: center;}
#shFooter .fl-r dt{padding-bottom: 5px;font-size: 13px;}
#shFooter .fl-r dd{font-size: 22px;}
#shFooter .fl-r .time span{font-size: 12px;}
#shFooter .copy{flex-direction: column;gap: 8px;text-align: center;}

}
@media (max-width:768px){
        .sh_cm__tit{font-size: 18px;}

/* 반응형 스타일 필수 [s] */
#sh_login, #sh_agree, #sh_register,#sh_mb_confirm, #sh_result{padding:20px;margin:15px auto;border:none}
#sh_login .tit{margin-bottom:15px;font-size:18px}
#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 input[type=text], #sh_login input[type=password]{height:45px;padding:0 15px;font-size:14px}
#sh_login .cf_btn{height:45px;font-size:15px}
/* #sh_login .join_area a, .mb_login_notmb .btn_submit{height:45px;font-size:15px;line-height:44px} */
#sh_login .bnr .txt p a{color:#0054a6}
#sh_pw_confirm{width:100%;padding:30px 20px;border:none}
#sh_agree .inner{padding:15px 15px 30px}
#sh_agree .cont{padding:15px}
#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] */
#shSection{font-size:14px}
#shSubTit{display:none}
#shSubTitMo{display:block}
#shContent{padding:0 0 40px}

    #shSection .navigation.btn--prev, #shSection .navigation.btn--next{display: none;}

}
@media (max-width:480px){
.sh_cm__tit{font-size: 16px;}

#shContent{min-height:350px}
#sh_ft_btns{display: block;}
#fix_tel{display: block;}
#shSection .tit .tip{margin-bottom: 10px;}
#sh_agree .inner{padding: 10px 10px 20px;}

#shFooter .fl-r .bank .account{font-size: 12px;}
#shFooter .fl-r .bank .name{font-size: 13px;}
}
@media (max-width:390px){
    #shFooter .fl-r .bank{flex-direction: column;gap: 6px;padding: 10px 10px 8px;}
}
/* 반응형 [e] */