@charset "utf-8";

body{background:#fff;font-size:0.81em;font-family:'notokr-regular'}
body.open{overflow:hidden;position:absolute;width:100%;height:100%}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'notokr-regular'}
input[type=text], input[type=password], textarea{transition:unset}

*{-webkit-text-size-adjust:none}

: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}

/* ========================== 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('../sh_img/index/main_banner/img/bg.png') center bottom no-repeat}

/* ========================== CONTAINER */
#sh_container{z-index:5;position:relative;min-width:var(--main-size)}
#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}

/* 사이트맵 */
#sh_site_map{position:relative;width:100%;font-family:'notokr-regular'}
#sh_site_map > div{float:left;width:32%;height:260px;margin-right:2%}
#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:155px;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}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}