@charset "utf-8";
/* 익스8 이하  */
#ie_lower {padding:7px 0;border-bottom:1px solid #fff073;border-top:1px solid #fff073;text-align:center;background-color:#fffbd9;font-family:nanumgothic} 
#ie_lower span {font-weight:bold;color:#f96319}
#ie_lower a {display:inline-block;padding-left:10px;color:#888}
#ie_lower a:hover {text-decoration:underline}

/* head 전체 100% 혹은 min-width 사용 */
#sh_hd {position:fixed;top:0;right:0;width:70px;height:100%;z-index:100;background-color:#26272b;font-family:'notokr-regular'} 

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

/* 메인,서브 비주얼이미지 */
#sh_container {position:relative;min-width:1200px;height:auto}
#sh_container_wrapper{position:relative;margin-right:70px}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#sh_container_wrapper_sub{position:relative}
#sh_container_wrapper_sub:after {display:block;visibility:hidden;clear:both;content:""}

/* 서브 타이틀 */
#sh_content_tit_wrap{position:relative;width:1200px;margin:128px auto 0;text-align:center}
#sh_content_tit{display:inline-block;position:relative;font-size:15px;color:#fff;letter-spacing:-0.3px;font-family:'notokr-regular'}
#sh_content_tit h3{position:relative;height:43px;margin-bottom:17px;padding:0 60px;font-size:39px;line-height:42px;box-sizing:border-box;font-family:'notokr-bold'}

/* 사이드(서브)메뉴 float:left; 선택 단 content 와 같은 방향 X */
#sh_aside{position:relative;z-index:15;width:100%;height:56px;font-family:'notokr-regular'}
#sh_aside_wrapper{position:relative;z-index:1000;width:1200px;height:65px;margin:-32px auto 0;border-bottom:solid 1px #ddd;zoom:1;background-color:#fff}

/* 컨텐츠 본문 영역 */
#sh_content {z-index:4;position:relative;padding:0;width:1200px;min-height:440px;margin:95px auto 60px;height:auto !important;height:500px;line-height:1.5em;color:#666;zoom:1}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit {margin-bottom:40px;overflow:hidden}
#sh_content #sh_content_tit:after {clear:both}
#sh_content #sh_content_tit h3 {float:left;padding:0;font-size:2.2em;line-height:1em;color:#333;letter-spacing:-0.05em}
#sh_content #sh_content_tit span {float:right;margin-top:12px;background:url('/sh_page/img/sub_home.png') 0 3px no-repeat;padding-left:17px}

/* 하단 */
#sh_ft{z-index:10;position:relative;min-width:1200px;margin-right:70px;background-color:#323337;font-family:'notokr-regular'} 
#sh_ft_wrapper{position:relative;margin:0 auto;padding:50px 0;width:1200px;zoom:1;font-size:14px;line-height:140%;color:#777575;text-align:center}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 
#sh_ft_wrapper .ft_logo{padding-bottom:20px}
#sh_ft_sub{z-index:10;position:relative;min-width:1200px;background-color:#323337;font-family:'notokr-regular'}
#sh_ft_adm{border-top:solid 1px #494a4e}
#sh_ft_adm .sh_ft_adm_wrap{overflow:hidden;width:1200px;padding:18px 0;margin:0 auto;font-size:13px;color:#69696a}
#sh_ft_adm .sh_ft_adm_wrap p{float:left}
#sh_ft_icon{float:right}

#ft_contact{margin-right:70px;border-top:solid 1px #e8e8e8;font-family:'notokr-regular'}
#ft_contact .contact_wrap{text-align:center; position:relative;width:1200px;margin:35px auto;overflow:hidden}
#ft_contact .contact_wrap li{display: inline-block;text-align:center;width:calc(100% /3);width:-webkit-calc(100% /3);width:-moz-calc(100% /3);font-size:14px;line-height:23px;color:#888;cursor:default;transition:all .3s}
#ft_contact .contact_wrap li .contact_tit{padding:7px 0;font-size:14px;font-weight:600;color:#333;font-family:'poppins'}
#ft_contact .contact_wrap li img{display:inline-block;vertical-align:top;transition:all .3sp}
#ft_contact .contact_wrap li .txt_area{display:inline-block;margin-left:20px}

#ft_contact_sub{width:100%;border-top:solid 1px #e8e8e8;font-family:'notokr-regular'}
#ft_contact_sub .contact_wrap{text-align:center;position:relative;width:1200px;margin:35px auto;overflow:hidden}
#ft_contact_sub .contact_wrap li{    display: inline-block;text-align:cente;width:calc(100% /3);width:-webkit-calc(100% /3);width:-moz-calc(100% /3);font-size:14px;line-height:23px;color:#888;cursor:default;transition:all .3s}
#ft_contact_sub .contact_wrap li .contact_tit{padding:7px 0;font-size:14px;font-weight:600;color:#333;font-family:'poppins'}
#ft_contact_sub .contact_wrap li img{display:inline-block;vertical-align:top;transition:all .3sp}
#ft_contact_sub .contact_wrap li .txt_area{display:inline-block;margin-left:20px}

/* 메인 컨텐츠영역 */
#main_banner {position:relative;width:100%}
#section_area{font-size:16px;line-height:26px;letter-spacing:-0.3px;font-family:'notokr-regular'}
#section_area .include_wrapper{width:1200px;margin:0 auto}
#section_area .tit_area{position:relative}
#section_area .tit_area h2{padding-bottom:25px;font-size:42px;font-weight:200;line-height:45px;color:#fff;letter-spacing:0.3px;font-family:'poppins'}
#section_area .tit_area h2 span{font-weight:600}
#section_area .tit_area p{color:rgba(255, 255, 255, 0.53)}

section > div{width:100%;height:100%}
#section01{height:886px}
#include02{height:990px}

.scroll-nav{position:fixed;right:0;top:350px;z-index:100;height:60px;width:70px}
.scroll-nav__wrapper{position:absolute;right:0}
.scroll-nav__heading{display:none}
.scroll-nav__list li{position:relative;margin-bottom:10px;width:70px;height:10px}
.scroll-nav__list li a{display:block;position:relative;width:70px;height:10px;transition:all 0.3s}
.scroll-nav__list li a:after{display:block;position:absolute;right:0;top:50%;width:23px;height:1px;background-color:#696a6f;content:'';transition:all 0.3s}
.scroll-nav__list li.active a:after{width:48px;background-color:#e51937}