@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'}

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;700&display=swap');

/* head 전체 100% 혹은 min-width 사용 */
#sh_hd {z-index:10;position:relative;min-width:1070px} 

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

/* 서브메인배너 */
#sub_main_banner{width:100%}

/* 메인배너  */
#main_banner{position:relative;z-index:5;width:100%;height:540px;margin:0 auto;overflow:hidden;background:url(/sh_img/index/main_banner/img/main_banner_bg.jpg) no-repeat center}

/* 사이즈 위치 조정 */
#sh_index_banner{position:relative;width:1070px;height:438px;margin:36px auto 0;padding-top:23px;background:url(/sh_img/index/bar.png) top center no-repeat;font-family:'notokr-regular'}
#sh_index_banner:after{display:block;visibility:hidden;clear:both;content:""}
#sh_index_banner ul{margin:0;padding:0}
#sh_index_banner .sh_index_l{float:left;width:718px;letter-spacing:-0.3px}
#sh_index_banner .sh_index_l ul{float:left;overflow:hidden}
#sh_index_banner .sh_index_l ul:after{display:block;visibility:hidden;clear:both;content:""}
#sh_index_banner .sh_index_l .top_box_area li{float:left;width:177px;height:158px;margin-right:3px;overflow:hidden;background:#000}
#sh_index_banner .sh_index_l .top_box_area li a{display:block;position:relative;height:100%;padding:22px 0 0 22px;font-size:22px;line-height:29px;color:#fff;box-sizing:border-box;font-family:'notokr-medium'}
#sh_index_banner .sh_index_l .top_box_area li a .m_tit{position:relative;z-index:1}
#sh_index_banner .sh_index_l .top_box_area li a .m_img{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;transition:all 0.2s ease-in-out}
#sh_index_banner .sh_index_l .top_box_area li a:hover .m_img{opacity:0.8;-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
#sh_index_banner .sh_index_l .top_box_area .m03 {width:355px;padding:24px;margin-right:0;color:rgba(255, 255, 255, 0.6509803921568628);font-size:14px;line-height:1.6em;background:url(/sh_img/index/m03_bg.png) center top no-repeat;box-sizing:border-box}
#sh_index_banner .sh_index_l .top_box_area .m03 span{font-size:18px;color:#fff;line-height:29px;font-family:'notokr-medium' }
#sh_index_banner .sh_index_l .top_box_area .m03 p span{font-size:23px;color:#cdbd9a;padding-left:0px;font-family:'notokr-bold'}
#sh_index_banner .sh_index_l .b_tit a{display:block;position:relative;font-size:20px;color:#333;font-family:'notokr-bold'}
#sh_index_banner .sh_index_l .b_tit a span{position:absolute;right:0;top:1px;color:#c4bd9a}
#sh_index_banner .sh_index_l .m04, #sh_index_banner .sh_index_l .m05{width:344px;margin-top:33px;color:#003a75}
#sh_index_banner .sh_index_l .b_tit{padding-bottom:13px;border-bottom:solid 2px #ebebeb}
#sh_index_banner .sh_index_l .m04{margin-right:18px}
#sh_index_banner .sh_index_r{float:left;width:352px;height:380px;color:#ebebeb;background-color:#333653}

@media \0screen\,screen\9{
#sh_index_banner .sh_index_l .top_box_area li{width:154px;margin:0 3px 0 0}
}

#sh_container{position:relative;min-width:1200px;z-index:5}
#sh_container_wrapper {position:relative;width:1200px;margin:0 auto;z-index:5;zoom:1}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* float:left; 선택 단 content 와 같은 방향 X */
#sh_aside {float:left;margin:0;width:220px;font-family:'notokr-regular'}

#sh_content {position:relative;float:right;width:925px;min-height:500px;padding:15px;z-index:4;zoom:1;box-sizing:content-box}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}
#sh_content_tit{position:relative;margin:20px 0 30px;font-family:'notokr-regular'}
#sh_content_tit h3{font-size:23px;color:#333;font-family:'notokr-bold'}
#sh_content_tit span{position:absolute;right:0;top:8px;color:#777;font-family:'notokr-medium'}
#sh_content_tit span i{margin:0 2px}

/* 하단 */
#sh_ft{position:relative;min-width:1070px;padding:30px 0;z-index:10;background:#3d3d3d;font-family:'notokr-regular'} 
#sh_ft_wrapper{position:relative;width:1070px;margin:0 auto;line-height:21px;color:#979797;zoom:1}
#sh_ft_icon{position:absolute;right:0px;bottom:0px}
#sh_ft_wrapper .sh_ft_top{display:block;position:absolute;width:54px;height:45px;right:0px;top:-30px;line-height:45px;color:#fff;text-align:center;background-color:#4f5066}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 
#sh_ft_tip{overflow:hidden;margin-bottom:20px}
#sh_ft_tip li{float:left}
#sh_ft_tip li:after{display:inline-block;margin:0 11px;width:1px;height:9px;background-color:#757575;content:''}
#sh_ft_tip li:last-child:after{display:none}
#sh_ft_tip li a{font-size:14px;color:#e9e9e9}

/* 사이트맵 */
#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}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}