@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&family=Poppins:wght@100;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=Marcellus&display=swap');



/* ========================== ÃʱâÈ­ [s] */
:root{--main-size:1460px;--k-font:'Pretendard';--e-font:"Marcellus", serif;--primary:#816c5b}
*{-webkit-text-size-adjust:none}
*, :after, :before{box-sizing:border-box}
body{font-size:0.81em;font-weight:400;font-family:var(--k-font)}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,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;border:0;vertical-align:baseline}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-weight:400;font-family:var(--k-font)}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ol, ul, dl, dt, dd{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
input, button{margin:0;padding:0;font-family:'Noto Sans KR'}
input[type="submit"]{cursor:pointer}
button{cursor:pointer}
textarea, select{font-family:'Noto Sans KR'}
select{margin:0}
a{color:#000;text-decoration:none}
label, input, button, select, img{vertical-align:middle}
.sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
#sh_wrapper{position:relative;width:100%;font-size:15px;font-weight:400;color:#777;line-height:1.8;word-break:keep-all;font-family:var(--k-font)}
/* ========================== ÃʱâÈ­ [e] */


/* ========================== HEADER */
#sh_hd{position:relative;z-index:20;width:100%}
#top_nav_wrap{position:absolute;width:100%;padding:0 20px 0 50px;display:flex;justify-content:space-between;align-items:center;height:100px;z-index:99}
#top_nav_wrap .left{display:flex;align-items:center;justify-content:space-between;width:100%}
#r_menu{display:flex}


/* ´ëºÐ·ù  */
#top_nav{display:flex;align-items:center}
#top_nav > li{position:relative}
#top_nav > li > a{display:block;padding:0 30px;letter-spacing:0;font-size:15px;font-weight:500;font-family:var(--k-font);text-transform:uppercase;line-height:100px;color:#fff;transition:all .2s}


/* ¼ÒºÐ·ù */
#top_nav > li > ul{display:none;position:absolute;top:90px;left:50%;transform:translateX(-50%);z-index:1002;min-width:150px;width:auto;padding:15px 10px 15px;background-color:#000;text-align:center;border-radius:5px}
#top_nav > li > ul > li{padding:5px 0;font-family:var(--k-font)}
#top_nav > li > ul > li a{font-size:15px;color:#ddd;transition:all .2s}
#top_nav > li > ul > li a:hover{color:#fff}


/* ¹ÝÀÀÇü ¸Þ´º [s] */
#topmenuM{display:none;position:absolute;width:100%;min-height:66px;padding:15px 15px 15px 60px;line-height:1.8;font-family:'notokr-regular'}


/* ·Î°í */
#m_logo{position:relative}
#m_logo a{display:inline-block}


/* ÀüÈ­°É±â */
#topmenuM .tel{display:block;position:absolute;right:15px;top:10px;width:45px;height:45px;border-radius:50%;font-size:20px;text-align:center;line-height:47px;color:#fff;background-color:#888}

#topmenuM .tel .fa-phone:before{ line-height: 45px; }


/* »ó´Ü ¹öÆ° ¹× ¿ÀǸ޴º */
#m_navBtn{position:absolute;top:50%;left:15px;transform:translateY(-50%);z-index:5;width:24px;height:30px}
#m_navBtn span{display:block;position:relative;top:50%;transform:translateY(-50%);width:100%;height:2px;background-color:#fff}
#m_navBtn span.on:before, #m_navBtn span.on:after{background-color:#000}
#m_navBtn span:before, #m_navBtn span:after{display:block;content:"";position:absolute;top:-8px;width:24px;height:2px;background-color:#fff;transition:all .1s}
#m_navBtn span:after{top:8px}
#m_navBtn.on{position:fixed;top:15px;transform:translateY(0)}
#m_navBtn.on span{background-color:transparent}
#m_navBtn.on span:before{top:0;transform:rotate(45deg)}
#m_navBtn.on span:after{top:0;transform:rotate(-45deg)}
#mnavWrap{display:none;position:fixed;left:0;top:0;z-index:4;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
#mnavWrap .inner{overflow-y:scroll;opacity:0;position:fixed;left:-40px;top:0;z-index:6;min-width:300px;width:75%;height:100%;padding:60px 0;background-color:#fff;transition:all .1s}
#mnavWrap.on .inner{opacity:1;left:0;transition:all .4s}
#mnavWrap .inner:before, #mnavWrap .inner:after{opacity:0;display:block;position:fixed;top:0;left:-40px;z-index:1;content:"";min-width:300px;width:70%;height:60px;background-color:#fff;transition:all .1s}
#mnavWrap .inner:after{top:auto;bottom:0}
#mnavWrap.on .inner:before, #mnavWrap.on .inner:after{opacity:1;left:0;transition:all .4s}
#mnavWrap .inner .mo_hd_copy{position:fixed;left:0;bottom:15px;z-index:2;min-width:300px;width:70%;font-size:12px;text-align:center;color:#888}
#mnavWrap .user_tip{padding:10px 20px;background-color:#f5f5f5}
#mnavWrap .user_tip li{display:inline-block}
#mnavWrap .user_tip li+li{margin-left:10px}


/* ´ëºÐ·ù */
#topmenuM .m_lnb .m_bmenu{display:block;position:relative;width:100%;height:52px;padding:0 20px;border:none;border-bottom:1px solid #ddd;background:none;font-size:16px;line-height:52px;color:#222;text-align:left;font-family:'notokr-medium'}
#topmenuM .m_lnb .m_bmenu:after{float:right;content:"\f107";font-family:'fontawesome'}
#topmenuM .m_lnb .m_bmenu.on:after{content:"\f106"}


/* ¼ÒºÐ·ù */
#topmenuM .m_smenu{display:none;padding:15px 20px;border-bottom:1px solid #ddd;background-color:#f2f3f5}
#topmenuM .m_smenu li a{font-size:14px;color:#777}


/* ¹ÝÀÀÇü [s] */
@media (hover:hover){
#top_nav > li > ul > li a:hover{color:#fff}
.menu_pane_content > ul > li ul a:hover{opacity:1}
}
@media (max-width:1380px){
#top_nav_wrap .left{gap:70px}
}
@media (max-width:1200px){
#top_nav_wrap{padding:0 0 0 30px}
}
@media (max-width:1024px){
#top_nav_wrap{display:none}
#topmenuM{display:block}
#navWrap{display:none}
}
@media (max-width:480px){
#sh_hd.sub #topmenuM{position:relative;background-color:#222}
}
/* ¹ÝÀÀÇü [e] */


/* ========================== MAIN */
#sh_section{overflow:hidden;position:relative;font-size:15px;font-weight:400;font-family:var(--k-font)}
#sh_section .inner{max-width:var(--main-size);width:100%;margin:0 auto}
#sh_section .cm_btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:16px;font-weight:700;color:#222}
#sh_section .cm_btn span{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;border:1px solid #222;transition:all .3s}
#sh_section .cm_btn:hover span{color:#fff;background:#222}
#sh_section .inc_tit{line-height:1.2}
#sh_section .inc_tit span{display:inline-block;margin-top:20px;font-size:20px}
#sh_section .inc_tit h2{font-size:50px;color:#222;font-family:var(--e-font)} 



/* ========================== INDEX */


/* ========================== CONTAINER */
#sh_container{position:relative;width:100%;z-index:0}
#sh_container_wrapper{position:relative;width:100%}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}



/* ========================== SNB */
#sh_sub_wrap{position:relative;font-family:var(--k-font)}


/* ========================== CONTENT */
#sh_content{position:relative;z-index:4;max-width:1200px;min-height:500px;padding:0;margin:70px auto 80px;line-height:1.6;color:#888;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}


/* ========================== FOOTER */
#sh_ft{padding:100px 0 70px;font-size:16px;font-weight:400;color:#fff;line-height:1.5;background:#222;font-family:var(--k-font)}
#sh_ft .inner{overflow:hidden;max-width:var(--main-size);width:100%;margin:0 auto;}
#sh_ft .txt{margin-bottom:100px;font-size:13px;opacity:.5}
#sh_ft .copy{display:flex;justify-content:space-between;align-items:flex-end;font-size:13px;font-weight:500;color:rgba(255, 255, 255, .2)}
#sh_ft .links{display:flex}
#sh_ft .links a{font-size:13px;font-weight:400;color:rgba(255,255,255,.5);line-height:1;font-family:var(--e-font);transition:all .3s}
#sh_ft .links a+a{margin-left:20px}
#sh_ft .links a:hover{color:#fff}


/* footer */
#sh_ft {
background: #222;
padding: 55px 0 70px;
color: #888;
font-size: 13px;
line-height: 1.8;
}

#sh_ft .inner {
max-width: 1260px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 40px;
padding: 0 20px;
}

#sh_ft .ft_info img {
max-width: 150px;
}

#sh_ft .txt {
color: #fff;
}

#sh_ft .copy {
display: none;
}

/* quick link */
#sh_ft .ft_quick {
width: 310px;
}

#sh_ft .ft_quick p {
margin: 0 0 8px;
color: #b9b9b9;
font-size: 14px;
font-weight: 700;
}

#sh_ft .ft_quick select {
width: 100%;
height: 36px;
padding: 0 15px;
border: 1px solid #dcdcdc;
background: #fff;
color: #333;
font-size: 13px;
outline: none;
cursor: pointer;
}

#sh_ft .ft_quick select:focus {
border-color: #999;
}

/* mobile */
@media (max-width: 768px) {
#sh_ft {
padding: 40px 0;
}

#sh_ft .inner {
display: block;
}

#sh_ft .ft_quick {
width: 100%;
margin-top: 30px;
}
}


#Quick{z-index:1;position:fixed;bottom:50px;right:50px;display:flex;align-items:center;justify-content:center;width:100px;aspect-ratio:1;border-radius:50px;background:var(--primary)}
#Quick:after{position:absolute;content:'1';top:0;right:0;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50px;font-weight:600;text-align:center;color:#fff;background:#53453a}
#Quick span{position:relative;width:7px;height:7px;border-radius:5px;background-color:#fff}
#Quick span::before, #Quick span::after {content:"";display:inline-block;position:absolute;top:0}
#Quick span::before{left:-15px;width:7px;height:7px;border-radius:5px;background-color:#fff}
#Quick span::after{left:15px;width:7px;height:7px;border-radius:5px;background-color:#fff}
#Quick:hover span{animation:dot-elastic 1s linear infinite}
#Quick:hover span:after{animation:dot-elastic-after 1s linear infinite}
#Quick:hover span:before{animation:dot-elastic-before 1s linear infinite}


@keyframes dot-elastic {0% {transform:scale(1, 1)}25% {transform:scale(1, 1)}50% {transform:scale(1, 1.5)}75% {transform:scale(1, 1)}100% {transform:scale(1, 1)}}
@keyframes dot-elastic-before {0% {transform:scale(1, 1)} 25% {transform:scale(1, 1.5)} 50% {transform:scale(1, 0.67)} 75% {transform:scale(1, 1)} 100% {transform:scale(1, 1)}}
@keyframes dot-elastic-after {0% {transform:scale(1, 1)}25% {transform:scale(1, 1)}50% {transform:scale(1, 0.67)}75% {transform:scale(1, 1.5)}100% {transform:scale(1, 1)}}


/* ¹ÝÀÀÇü ÇÏ´Ü ¹öÆ° °øÅë */
#fix_tel{opacity:0;display:none;position:fixed;right:15px;bottom:110px;z-index:101;width:65px;height:65px;margin-right:-10px;border-radius:50%;font-size:30px;text-align:center;line-height:65px;color:#fff;background:#888;box-shadow:5px 5px 5px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s}
#fix_tel .fa-phone:before{ line-height: 65px; }

#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;line-height:55px;color:#fff;text-align:center;background:#978468;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:1400px){
#sh_section .inc_tit h2{font-size:46px}
#sh_section .inc_tit span{font-size:18px}
#sh_ft{padding:50px 15px 30px}
#sh_ft .txt{margin-bottom:60px}
#Quick{width:65px}
#Quick span{width:5px;height:5px}
#Quick span::before, #Quick span::after{width:5px;height:5px}
#Quick span::before{left:-13px}
#Quick span::after{left:13px}
#Quick:after{top:-5px;right:-5px;width:30px;height:30px;font-size:13px}
}
@media (max-width:1200px){
#sh_section .inc_tit h2{font-size:42px}
#sh_section .inc_tit span{font-size:17px}
#sh_section .cm_btn span{width:45px;height:45px}
#sh_section .cm_btn span svg{width:22px;height:22px}
#sh_ft .inner{ text-align:center;}
#sh_ft .txt{margin-bottom:25px;text-align:center}
#sh_ft .copy{flex-direction:column;align-items:center;gap:12px;text-align:center}
}
@media (max-width:1024px){
#sh_section .inc_tit span{font-size:16px}
#sh_section .inc_tit h2{font-size:36px}
#sh_section .cm_btn{font-size:15px}
#sh_section .cm_btn span{width:42px;height:42px}
}
@media (max-width:768px){
/* ¹ÝÀÀÇü ½ºÅ¸ÀÏ Çʼö [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] */
#m_logo img{width:84px}
#sh_section .inc_tit h2{font-size:28px}
#sh_section .inc_tit span{font-size:15px}
#sh_section .cm_btn{font-size:14px}
}
@media (max-width:480px){
#sh_section .inc_tit h2{font-size:25px}
#sh_section .inc_tit span{margin-top:15px;font-size:14px}
#sh_section .cm_btn span{width:40px;height:40px}
#sh_section .cm_btn span svg{width:20px;height:20px}
#m_logo img{width:80px}
#sh_ft_btns{display:block}
#fix_tel{display:block}
#Quick{right:15px;bottom:25px}
}
/* ¹ÝÀÀÇü [e] */