@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;letter-spacing:-.3px;font-family:'notokr-regular'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'notokr-regular'} 
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none} 

:root{--primary:#2e7cae}

#sh_wrapper{position:relative}

/* HEADER */
#sh_hd{position:relative;z-index:10;min-width:1200px} 

/*인덱스 영역*/
#sh_container{position:relative;z-index:5;min-width: 1400px;}
#sh_section{overflow:hidden;font-family:'notokr-regular'}

/* SUB */
#sub_main_banner{width:100%;height:400px;background:url(/sh_img/hd/sub_main_banner/sub_main_banner.jpg) no-repeat;animation:main 25s linear infinite}
@keyframes main{from{background-position:top center}50%{background-position:bottom center}100%{background-position:top center}}
#sh_content_tit{padding-top:165px;text-align:center;font-size:15px;color:#fff;font-family:'notokr-regular'}
#sh_content_tit h3{display:inline-block;position:relative;z-index:5;margin-bottom:10px;font-size:34px;font-weight:normal;font-family:'notokr-regular'}
#sh_content_tit h3:after{display:block;position:absolute;z-index:-1;width:41px;height:42px;content:'';top:-12px;right:-22px}
#sh_content_tit .fa-home{color:#fff}
#sh_content_tit .fa-angle-right{padding:0 5px;color:#b5b5b5}

/* 사이드 */
#sh_aside{position:relative;width:1200px;margin:-25px auto 0;text-align:center;background-color:transparent}

/* 컨텐츠 본문 영역 */
#sh_content{position:relative;z-index:4;width:1070px;min-height:580px;padding:0;margin:70px auto 40px;font-size:14px;color:#888;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

/* 하단 */
#sh_ft{min-width:1400px;padding:100px 0 74px;font-size:14px;letter-spacing:-.2px;line-height:24px;color:#777;font-family:'notokr-regular'}
#sh_ft_wrapper{width:1400px;margin:0 auto}
#sh_ft_wrapper:after{display:block;clear:both;content:''}
#sh_ft_wrapper> div{float:left}
#sh_ft_wrapper .tit{width:400px}
#sh_ft_wrapper .info .ft_nav{overflow:hidden;margin-bottom:35px;line-height:15px;font-size:15px;color:#222;font-family:'notokr-medium';padding-left:3px;letter-spacing:-.5px}
#sh_ft_wrapper .info .ft_nav li{float:left}
#sh_ft_wrapper .info .ft_nav li+li{margin-left:26px}
#sh_ft_wrapper .info .link{margin-top:35px}
#sh_ft_wrapper .info .link li{float:left;font-size:12px;font-weight:700;line-height:12px;font-family:'Philosopher'}
#sh_ft_wrapper .info .link li+li{padding-left:10px;margin-left:10px;border-left:1px solid #ccc}
#sh_ft_wrapper .info .link li a{-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;color:#777}
#sh_ft_wrapper .info .link li a:hover{color:#333}
#sh_ft_wrapper .cs{float:right;width:max-content;letter-spacing:0;font-family:'Philosopher';margin-top:-5px}
#sh_ft_wrapper .box{margin-left:40px}
#sh_ft_wrapper .cs b{color:#333}
#sh_ft_wrapper .cs .tit{width:100%;margin-bottom:28px;font-size:17px;font-weight:700;line-height:20px;color:#2e7cae}
#sh_ft_wrapper .cs .tel{margin-bottom:24px;font-size:28px;line-height:28px;font-weight:700;color:#222}
