@charset "utf-8";
@font-face {font-family: ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot);} 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800&display=swap');

/* 컬러 변수 셋팅 */
:root{--primary:#039ca4;--primary-dark:#087479}

/* SHINING 독립 사용 */
*{-webkit-text-size-adjust:none}
body{font-size:0.81em;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}

/* head 전체 100% 혹은 min-width 사용 */
#sh_hd{z-index:10;position:absolute;width:100%;font-family:'notokr-medium'} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper{position:relative;margin:0 auto;padding:0;zoom:1}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* 메인,서브 비주얼이미지 */
#sh_container{z-index:0;position:relative;width:100%;min-width:1380px}
#sh_container .sub_container{border-bottom:1px solid #e1e1e1}
#sh_container_wrapper{position:relative;width:100%;zoom:1;padding-top:106px}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* SUB,서브 타이틀 */
#sub_main_banner{animation:main 60s linear infinite}
@keyframes main{from{background-position:top center}50%{background-position:bottom center}100%{background-position:top center}}
#sh_content_tit_wrap{position:relative;width:1380px;padding-top:150px;margin:0 auto;font-family:'notokr-regular'}
#sh_content_tit{margin-top:-20px;opacity:0;text-align:center;font-size:14px;color:rgba(255, 255, 255, 0.67)}
#sh_content_tit h3{position:relative;z-index:5;margin-bottom:10px;font-size:28px;color:#fff;font-family:'S-CoreDream-6Bold'}
#sh_content_tit span{font-family:'S-CoreDream-4Regular';}
#sh_content_tit h3:after{display:block;content:'';position:absolute;top:-12px;right:-22px;z-index:-1;width:41px;height:42px}
#sh_content_tit .fa-angle-right{padding:0 5px;color:#b5b5b5}

/* SNB */
#sh_aside{position:relative;z-index:25;width:1300px;margin:-95px auto 0;background-color:transparent;font-family:'notokr-medium'}
#sh_aside:after{display:block;content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:1px;background-color:#e1e1e1}
#sh_aside_wrapper{overflow:hidden;position:relative;width:1100px;margin:0 auto;zoom:1}

/* 컨텐츠 본문 영역 */
#sh_content{position:relative;z-index:4;width:1200px;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_index_wrapper{position:relative;z-index:9;font-size:15px;line-height:1.8;letter-spacing:-.2px}
/* 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-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:.1s;animation-delay:.1s}
@-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_ft{padding:80px 0 90px} 
#sh_ft .inner{display:flex;justify-content:space-between;align-items:flex-start;width:1200px;margin:0 auto} 

#sh_ft .ft_lef ul{overflow:hidden}
#sh_ft .ft_lef ul li{float:left;font-size:14px;}
#sh_ft .ft_lef ul li a{font-size:14px;font-weight:400;letter-spacing:-0.03em;font-family:'poppins'}

#sh_ft .ft_lef{width:calc(50% - 70px)}
#sh_ft .ft_lef .ft_menu{margin:36px 0 38px} 
#sh_ft .ft_lef .ft_menu li{position:relative}
#sh_ft .ft_lef .ft_menu li:before{display:inline-block;content:'';position:absolute;left:-18px;top:3px;width:2px;height:14px;background-color:#e1e1e1}
#sh_ft .ft_lef .ft_menu li+li{margin-left:32px;}
#sh_ft .ft_lef .ft_info{color:#777;font-size:13px;line-height:23px;letter-spacing:-0.03em;font-family:'notokr-regular'}
#sh_ft .ft_lef .ft_info a{color:#777;}
#sh_ft .ft_lef .ft_btn{padding-top:30px;margin:-5px}
#sh_ft .ft_lef .ft_btn li{width:calc(50% - 10px);margin:5px}
#sh_ft .ft_lef .ft_btn li a{display:flex;align-items:center;width:100%;height:50px;padding-left:26px;border-radius:7px;font-weight:500;color:#fff;cursor:pointer}
#sh_ft .ft_lef .ft_btn li .color{background-color:var(--primary);transition:ease .3s}
#sh_ft .ft_lef .ft_btn li .color:hover{background-color:var(--primary-dark)}
#sh_ft .ft_lef .ft_btn li .black{background-color:#404040}
#sh_ft .ft_lef .ft_btn li a i{margin-right:20px}

#sh_ft_icon{margin:30px 0 20px}
#sh_ft_icon a{color:#222;font-size:13px;font-weight:700;font-family:'Montserrat', 'notokr-bold'}
#sh_ft_icon a+a{margin-left:15px}


/* 사이트맵 */
#sh_site_map{position:relative;width:100%;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}