@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&display=swap');
@font-face{font-family:'AppleSDGothicNeo';src:url('/sh_img/font/AppleSDGothicNeoM.ttf') format('truetype');font-weight:500;font-display:swap;font-style:normal;text-rendering:optimizeLegibility}
@font-face{font-family:'AppleSDGothicNeo';src:url('/sh_img/font/AppleSDGothicNeoB.ttf') format('truetype');font-weight:600;font-display:swap;font-style:normal;text-rendering:optimizeLegibility}
@font-face{font-family:'AppleSDGothicNeo';src:url('/sh_img/font/AppleSDGothicNeoEB.ttf') format('truetype');font-weight:700;font-display:swap;font-style:normal;text-rendering:optimizeLegibility}
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'Nanum Gothic'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Nanum Gothic'}

#sh_wrapper{position:relative;width:100%}

/* HEADER */
#sh_hd{position:relative;z-index:15;min-width:1280px;width:100%;font-family:'Philosopher','AppleSDGothicNeo'}

/* MAIN  */
#main_banner{position:relative;z-index:10;width:100%;margin-top:100px}

/* INDEX */
#sh_section{ overflow:hidden; position:relative; min-width:1280px;font-size:15px;color:#999;line-height:1.75;font-family:'Philosopher','AppleSDGothicNeo'}

/* FADE */
.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.2s;animation-delay:.2s}
@-webkit-keyframes fadeInUp{from{opacity:0}to{opacity:1;-webkit-transform:translateY(0)}}
@keyframes fadeInUp{from{opacity:0}to{opacity:1;transform:translateY(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:.2s;animation-delay:.2s}
@-webkit-keyframes fadeInLeft{from{opacity:0}to{opacity:1;-webkit-transform:translateX(0)}}
@keyframes fadeInLeft{from{opacity:0}to{opacity:1;transform:translateX(0)}}

/* 사이드 텍스트 */
#sh_section .side_txt{opacity:0;position:fixed;left:-25px;bottom:25%;z-index:11;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);margin-left:-20px;font-size:12px;font-weight:700;color:#111;text-transform:uppercase;letter-spacing:1px;font-family:'Philosopher'}
#sh_section .side_txt.absol{position:absolute;bottom:77px}
#sh_section .side_txt.hide{opacity:0!important}
#sh_section .side_txt span{position:relative;padding-left:60px}
#sh_section .side_txt span:before{content:"";position:absolute;left:8px;top:7px;width:40px;height:1px;background-color:#111}

/* CONTAINER */
#sh_container{position:relative;min-width:1280px;width:100%;z-index:5}
#sh_container_wrapper{position:relative;width:100%;zoom:1}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* SNB */
#sh_aside{position:relative;min-width:1300px;width:100%;background-color:#3c3f3a;font-family:'AppleSDGothicNeo'}

/* CONTENT */
#sh_content{position:relative;z-index:4;width:1280px;min-height:580px;margin:0 auto;padding:90px 95px}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content.w100{width:100%;padding:0}

/* FOOTER */
#sh_ft{position:relative;z-index:10;padding:160px 0 50px;border-top:1px solid #e1e1e1;font-size:14px;color:#999;line-height:1.75;background-color:#fff;font-family:'AppleSDGothicNeo'} 
#sh_ft.sub{padding-top:80px}
#sh_ft .inner{width:1280px;margin:0 auto}
#sh_ft .contact{padding-bottom:45px;margin-bottom:70px;border-bottom:1px solid #111;font-size:15px;font-weight:700;color:#111;font-family:'Philosopher','AppleSDGothicNeo'}
#sh_ft .contact p{margin-bottom:5px;font-size:40px;font-weight:400}
#sh_ft .contact span{float:right;font-weight:600}
#sh_ft .add .tit{margin-bottom:20px;font-size:18px;font-weight:700;color:#111;font-family:'Philosopher'}
#sh_ft .add ul{float:right}
#sh_ft .add ul li{display:inline-block;vertical-align:bottom;font-size:15px;font-family:'Philosopher'}
#sh_ft .add ul li a{color:#999}
#sh_ft .add ul li a:hover{color:#111}
#sh_ft .add ul li+li{margin-left:20px}

/* 사이트맵 */
a{text-decoration:none !important}
a:hover{text-decoration:none !important}

/* 사이트맵 */
#sh_site_map{position:relative;width:1100px;margin:0 auto;font-family:'notokr-regular'}
#sh_site_map > div{width:32%;float:left;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{position:relative;bottom:0;z-index:20;width:100%;border:1px solid #666;font-size:3.5em;box-shadow:none}

