@charset "utf-8";
@import url("./font-awesome/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://fonts.googleapis.com/css2?family=Play:wght@400;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 */ 

/* ========================== 초기화 [s] */
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;font-size:100%;font:inherit;vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1;font-family:'Noto Sans KR'}
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:#222;text-decoration:none}
label, input, button, select, img{vertical-align:middle}
body{font-size:0.81em}
*, :after, :before{box-sizing:border-box}
*{-webkit-text-size-adjust:none}
.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}
/* ========================== 초기화 [e] */


:root{--main-size:1300px;--primary:#14204b;--font:'SUITE', sans-serif}

/* ========================== HEADER */
#sh_hd{position:absolute;width:var(--main-size);z-index:10;top:0;left:50%;transform:translateX(-50%)}
#sh_hd.sub{position:relative}

#topNavWrap{position:relative;z-index:99;display:flex;align-items:center;justify-content:space-between;width:var(--main-size);height:90px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,.0);transition:all .3s;font-family:var(--font)}

/* 로고 */
#top_nav{position:absolute;top:50%;left:50%;display:flex;justify-content:center;width:70%;transform:translate(-40%, -50%)}
#top_nav>li{position:relative;padding:0 35px;font-size:17px;color:#222;letter-spacing:-0.3px;text-align:center;font-family:var(--font)}
#top_nav>li>a{display:block;padding:18px 0;color:#222;font-weight:600;transition:all .3s}
#top_nav>li>a:hover{color:#222}
#top_nav ul{display:none;position:absolute;top:54px;left:50%;-webkit-transform:translateX(-50%);
            transform:translateX(-50%);min-width:200px;border-radius:6px;background-color:#fff}
#top_nav ul li{float:none;margin-left:0;font-size:14px}
#top_nav ul li+li{border-top:1px solid #e1e1e1}
#top_nav ul a{display:block;font-weight:600;color:#999;-webkit-transition:all .3s;transition:all .3s;font-family:var(--font)}
#top_nav ul a:hover{color:#222}
#top_nav ul>li>a{padding:13px 20px}

#topNavWrap .link{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;background:var(--primary);transition:all .3s}
#topNavWrap .link svg{width:20px}
#topNavWrap .link:hover{padding:8px 25px}


/* ========================== MAIN */
#mainArea{position:fixed;top:0;width:100%;font-size:14px;letter-spacing:-.2px;line-height:1.8;color:#777;font-family:var(--font);background:#e8e9ed url('../img/main/bg.png') center bottom no-repeat}

/* ========================== CONTAINER */
#sh_container{z-index:5;position:relative;min-width:var(--main-size);font-family:var(--font)}
#sh_container_wrapper{position:relative}
#sh_content{z-index:4;position:relative;width:1070px;min-height:460px;margin:50px auto 70px}
#contArea{position:relative;margin-top:885px;padding-top:150px;background:#fff;font-family:var(--font)}
#contArea *{word-break:keep-all}
#contArea h2{font-size:30px;font-weight:700;font-family:var(--font)}
#contArea article .tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
#contArea article .cm_btn{display:inline-block;padding:9px 25px;border-radius:50px;font-size:15px;font-weight:700;text-align:center;color:#aaa;background:#f5f5f5;transition:all .3s}
#contArea article .cm_btn:hover{color:#fff;background:#111}

/* ========================== SNB */
#sh_aside{position:relative;z-index:20;width:100%;border-bottom:1px solid #e1e1e1}

/* ========================== FOOTER */
#fixMenu{position:fixed;bottom:80px;right:20px;z-index:101;transition:all .2s}
#fixMenu.on{bottom:80px}
#fixMenu a{display:flex;width:60px;height:60px;border-radius:50%;line-height:62px;color:#111;background:#fff;box-shadow:6px 6px 12px rgba(0,0,0,.08);transition:all .2s}
#fixMenu a+a{margin-top:10px}
#fixMenu a.inq{color:#fff;background:var(--primary)}
#fixMenu a.kakao{color:#3a1d1d;background:#f2da00}
#fixMenu a svg{margin:auto;width:22px}
#fixMenu a.kakao svg{fill:#3a1d1d}
#fixMenu a.sum{cursor:pointer;background:#d32023}
#fixMenu a.sum svg{color:#fff}
#fixMenu a:hover, #fixMenu .to_top:hover{box-shadow:4px 4px 10px rgba(0,0,0,.12)}
#sh_ft{z-index:10;position:relative;min-width:var(--main-size);font-size:14px;line-height:1.8;color:#777;background:#fff;font-family:var(--font)} 
#sh_ft .ft_inner{background:var(--primary)}
#sh_ft .ft_mn{width:var(--main-size);margin:0 auto;padding:22px 0}
#sh_ft .ft_mn li{display:inline-block}
#sh_ft .ft_mn li+li{margin-left:40px}
#sh_ft .ft_mn li a{color:rgba(255,255,255,.5);cursor:pointer;transition:all .3s}
#sh_ft .ft_mn li a:hover{color:#fff}
#sh_ft .ft_info{display:flex;justify-content:space-between;align-items:center;max-width:var(--main-size);margin:0 auto;padding:70px 0 60px;font-weight:500;font-size:13px}
#sh_ft .ft_info .info{margin:30px 0 20px;color:#111}
#sh_ft .ft_info .call span{color:#111}
#sh_ft .ft_info .call p{font-size:30px;font-weight:800;color:#111}
#sh_ft .copy{display:flex;align-items:center;padding:15px calc((100% - var(--main-size)) / 2);background:#e7e8ed}
#sh_ft .copy div{margin-left:auto}
#sh_ft .copy div a{font-size:12px;color:#aaa}
#sh_ft .copy div a+a{margin-left:10px}