@charset "utf-8";

/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper{}
#sh_hd {z-index:10;position:relative;min-width:1070px;border-top:3px solid #393e5e} 

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

/* 메인,서브 비주얼이미지 */
#sh_container {position:relative;overflow:hidden;z-index:0}
#sh_container_wrapper{position:relative;margin:0 auto;zoom:1}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* 메인 컨텐츠영역 */
#main_banner {position:relative;width:2000px;margin-left:-1000px;left:52%;;z-index:0}
#idx_box{width:1070px;margin:28px auto 30px;overflow:hidden}
#idx_box > div{float:left;position:relative;width:512px;margin-right:25px;padding-right:18px;overflow:hidden;/* border-right:solid 1px #d7d7d7; */}
#idx_box > div:last-child{margin-right:0;border:none;padding-right:0}
#idx_box > div span.more {float:right}
#idx_box > div a{color:#28c0ea}
#idx_box > div a:hover{color:#fff}

/********************* 메인화면 끝 *********************/

#idx_box h4{margin-bottom:10px;padding:0;font-size:22px;font-weight:bold;color:#363b52;background:none}
#idx_box h4 span{font-size:16px;color:#999;padding-left:10px;margin-left:10px;background:url(/sh_img/index/line.png) left center no-repeat}
#idx_box .m_txt{font-size:14px;color:#666;line-height:24px;letter-spacing:-1px;margin-bottom:25px}
.more{color:#26bfea;cursor:pointer;border:solid 1px #28c0ea;padding:7px 29px;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color;transition-property:color, background-color}
.more:hover, .more:focus, .more:active {background-color:#2098d1;color:#fff}
#idx_box .m03_tel{font-size:22px;color:#28bfea;font-weight:bold}
#idx_box .m03_kko{margin-top:19px;font-size:15px;color:#666;line-height:21px}
#idx_box .m03_email{font-size:15px;color:#666;line-height:21px}

#idx_box #m01{background:url(/sh_img/index/m01_bg.png) 254px center no-repeat}
#idx_box #m02{background:url(/sh_img/index/m02_bg.png) 254px center no-repeat}
#idx_box #m03{background:url(/sh_img/index/m03_bg.png) 254px center no-repeat}

#top_idx{position:relative;width:100%;margin-top:-50px}
#main_con01{overflow:hidden;background:#1d1f2c;opacity:0.8;filter:alpha(opacity=80)}
#main_con02{overflow:hidden;background:#393e5e}
#main_wrap_on{overflow:hidden;height:50px;width:1070px;margin:0 auto}
#main_wrap_on #main_cont_left{position:relative;float:left;width:509.5px;border-right:solid 1px #4a4c5e;margin-right:27px}
#main_wrap_on dl {overflow:hidden}
#main_wrap_on dl dt{float:left;font-size:15px;font-weight:bold;color:#fff;line-height:47px;letter-spacing:-0.5px}
#main_wrap_on dl dd{float:left;color:#b9b9b9;padding-left:20px;margin-left:20px}

#main_con02 .product{width:1070px;margin:0 auto;padding:50px 0;overflow:hidden}
.con02_left{width:298px;float:left}
.con02_left .tit{padding-bottom:10px;font-size:22px;font-weight:bold;color:#fff}
.con02_left .cont{margin-bottom:33px;font-size:14px;color:#b7bad0;line-height:24px}
.con02_right{width:772px;float:left}
.con02_right ul {overflow:hidden}
.con02_right ul li{float:left;width:248px;height:146px;margin-right:8px;overflow:hidden}
.con02_right ul .last{padding-right:0}
.con02_right ul li img{-webkit-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;opacity:0.7}
.con02_right ul li img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1}
.off_cont_box {display:none}
#main_cont_btn{position:absolute;top:0;left:50%;margin-left:478px}

/* 사이드(서브)메뉴 float:left;선택 단 content 와 같은 방향 X */
#sh_aside{position:relative;z-index:9999;min-width:1070px;height:42px;border-bottom:1px solid #e4e4e4;width:100%;margin:0 auto}
#sh_aside_wrapper{position:relative;z-index:1000;width:1070px;height:43px;margin:0 auto;border-left:1px solid #e4e4e4;zoom:1}

#sh_content{position:relative;z-index:4;width:1070px;min-height:460px;height:auto !important;height:500px;padding:30px 0 60px;margin:0 auto;font-size:1.1em;line-height:1.5em;color:#666;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:''}
#sh_content #sh_content_tit{overflow:hidden;margin-bottom:40px}
#sh_content #sh_content_tit:after{clear:both}
#sh_content #sh_content_tit h3{float:left;padding:0;font-size:2.4em;line-height:1.3em;font-weight:bold;color:#333;letter-spacing:-.1em}
#sh_content #sh_content_tit span{float:right;margin-top:12px;padding-left:17px;background:url(/sh_img/hd/sub_home_s.png) 0 5px no-repeat}

/* 컨텐츠 본문 영역 */
#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:#333333;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:1070px;border-top:1px solid #e7e7e7} 
#sh_ft_wrapper {position:relative;margin:0 auto;padding:50px 0;width:1070px;zoom:1;line-height:140%;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;color:#636363;font-weight:bold;font-size:1.1em;padding-right:10px}
#sh_ft_wrapper ul li:after{content:"|";color:#e8e8e8;font-weight:normal;padding-left:10px}
#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:50px}

#ft_link{padding:13px 0;overflow:hidden;position:relative;background:#f1f1f1}
#ft_link ul{position:relative;margin:0 auto;width:1070px;overflow:hidden}
#ft_link li {float:left;font-size:12px;padding-right:14px;font-weight:bold}
#ft_link li a{color:#949494}
#ft_link li:after{content:"|";color:#a0a0a0;font-weight:normal;padding-left:10px}
#ft_link li.last:after {content:""}
.sh_ft_logo{float:left;width:255px;margin:-10px 30px 0 0}
.sh_ft_logo img{width:100px}
.sh_ft_adr{float:left;font-size:13px;line-height:20px}
/********************* 메인화면 시작 *********************/