@charset "utf-8";
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'}

/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper{min-width:1100px;}
#sh_hd {z-index:10;position:relative;min-width:1070px;border-top:3px solid #072253} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper {position:relative;margin:0 auto;padding:0;zoom:1}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* SUB */
#sub_main_banner {width:100%;height:310px;background: url(/sh_img/hd/sub_main_banner/sub_main_banner.jpg) no-repeat;animation:main 60s linear infinite;font-family:'notokr-regular'}
@keyframes main{from{background-position:top center}50%{background-position:bottom center}100%{background-position:top center}}
#sh_content_tit {padding-top:121px;text-align:center;font-size:15px;color:#fff}
#sh_content_tit h3 {display:inline-block;position:relative;z-index:5;margin-bottom:10px;font-size:34px;font-family:'notokr-regular'}
#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-home {color:#fff}
#sh_content_tit .fa-angle-right {padding:0 5px;color:#fff}

/* 사이드(서브)메뉴 float:left;선택 단 content 와 같은 방향 X */
#sh_aside {position:relative;width:1070px;margin:-25px auto 0;text-align:center;background-color:transparent;font-family:'notokr-regular'}

/* 컨텐츠 본문 영역 */
#sh_content{position:relative;z-index:4;width:1070px;min-height:580px;padding:0;margin:70px auto 40px;color:#888;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit{margin-bottom:20px;overflow:hidden}
#sh_content #sh_content_tit:after{clear:both}
#sh_content #sh_content_tit h3{float:left;padding:0;font-size:2.1em;line-height:1.3em;color:#333;font-weight:none;letter-spacing:-0.03em}
#sh_content #sh_content_tit span{float:right;margin-top:12px;background:url('/sh_page/img/sub_home.gif') 0 4px no-repeat;padding-left:15px;color:#666}

/* 하단 */
#sh_ft {z-index:10;position:relative;min-width:1100px;background:#f7f7f7;font-family:'notokr-regular'} 
#sh_ft_wrapper {position:relative;width:1100px;margin:0 auto;padding:0 0 30px 0;zoom:1;line-height:23px;color:#898989}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

#sh_ft_wrapper ul {width:100%;padding:25px 0 7px;overflow:hidden}
#sh_ft_wrapper ul li {float:left;padding-right:10px;font-size:13px;color:#838383;font-family:'notokr-medium'}
#sh_ft_wrapper ul li>a{color:#838383}
#sh_ft_wrapper ul li:after{padding-left:10px;content:"|";font-weight:normal;color:#e8e8e8}
#sh_ft_wrapper ul li.last:after {content:""}
#sh_ft_wrapper  p {padding-top:4px}
#sh_ft_wrapper #sh_ft_icon {position:absolute;right:0;bottom:37px}

/*인덱스 영역*/
.index_area{width:1100px; margin:30px auto 58px}
.index_area .box01{overflow:hidden;box-sizing:content-box}
.index_area .box01 .m01{overflow:hidden;float:left;width:547px;height:214px;border:1px solid #e1e1e1;box-sizing:content-box}
.index_area .box01 .m01>ul>li{position:relative;float:left;width:25%;height:108px;text-align:center}
.index_area .box01 .m01>ul img{padding:23px 0 5px}
.index_area .box01 .list:after{position:absolute;content:'';top:32px;right:0;width:1px;height:38px;background:#ebebeb}
.index_area .box01 .m01 .tit{font-size:14px;color:#333;font-family:'notokr-medium'}

.index_area .box01 .m02{float:left;width:275px;height:215px;background:#f2f2f2;border-top:1px solid #e1e1e1;box-sizing:content-box}
.index_area .box01 .m03{float:left;width:275px;height:216px;text-align:center;background:url(/sh_img/index/img/m03_bg.jpg) no-repeat;box-sizing:content-box}
.index_area .box01 .m03 .tit{padding-top:45px;font-size:15px;color:#bcceee;font-family: 'notokr-medium'} 
.index_area .box01 .m03 .tel{padding-bottom:5px;font-weight:bold;font-size:32px;letter-spacing:1.5px;color:#fff;font-family:'notokr-bold'}
.index_area .box01 .m03 .txt{font-size:15px;line-height:23px;color:#9daac1;font-family:'notokr-regular'}

.index_area .box02{overflow:hidden;box-sizing:content-box}
.index_area .box02 a{display:block;height:100%}
.index_area .box02 .m04{float:left;width:275px;height:216px;text-align:center;background:url(/sh_img/index/img/m04_bg.jpg) no-repeat;box-sizing:content-box}
.index_area .box02 .m04 .s_tit{padding:69px 0 4px;font-size:15px;color:#f8e7c0;font-family: 'notokr-medium'}
.index_area .box02 .m04 .tit{font-size:25px;color:#fff;font-family:'notokr-bold'}

.index_area .box02 .m05{float:left;box-sizing:content-box}
.index_area .box02 .m05 .m05_cont{width:274px;font-size:18px;line-height:108px;color:#fff;font-family:'notokr-medium'}
.index_area .box02 .m05 .m05_cont>a{display:block;color:#fff}
.index_area .box02 .m05 .m05_cont>a>img{padding:0 28px 0 39px}
.index_area .box02 .m05 .btn01{background:#284271}
.index_area .box02 .m05 .btn02{background:#072253}

.index_area .box02 .m06{position:relative;float:left;width:273px;height:214px;border:1px solid #e1e1e1;box-sizing:content-box}
.index_area .box02 .m06 .tit{margin-bottom:18px;padding:22px 0 0 31px; font-weight:bold;font-size:18px;color:#00bec2;font-family: 'notokr-bold'}
.index_area .box02 .m06 .txt{padding-left:31px;font-size:15px; color: #666;line-height:26px;font-family: 'notokr-regular'}

.index_area .box02 .m07{position:relative;float:left;width:274px;height:216px;background:url(/sh_img/index/img/m07_bg.jpg) no-repeat;box-sizing:content-box;font-family: 'notokr-bold'}
.index_area .box02 .m07 .tit{margin-bottom:18px;padding:22px 0 0 31px; font-weight:bold;font-size:18px;color:#ffffff;font-family: 'notokr-bold'}
.index_area .box02 .m07 .txt{padding-left:31px;font-size:15px; color: #b8b8b8;line-height:26px;font-family:'notokr-regular'}

.index_area .more{margin: 28px 0 0 31px}
.index_area .m_img{position:absolute;top:126px;right:25px}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

/* 사이트맵 */
#sh_site_map{width:100%;position:relative;min-height:500px;height:500px auto;margin:0 auto}
.sh_site_map01{width:30%;float:left;margin-right:3%;min-height:200px;height:200px auto}
.sh_site_map_title{font-size:1.4em;color:#515151}
.sh_site_map_title a{color:#515151}
.sh_site_map_line{border-bottom:2px solid #8b8b8b;margin:10px 0}
.sh_site_map_box{width:90%;margin:0 auto;background:#f7f7f7;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;min-height:80px}
.sh_site_map_txt{font-size:1em;line-height:1.2em;color:#666;font-weight:bold;padding:5px}
.sh_site_map_txt a{color:#666}

