@charset "utf-8";
/* SHINING 독립 사용 */

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

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper {margin:0 auto;padding:0;width:1070px;zoom:1;z-index:0}
/* hd_wrapper 높이 확보용 ie 7 대한 hd_wrapper 마감전 >> <div style="clear:both;"></div> */
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 


#sh_index_banner{margin:0 auto;width:1070px;margin-top:15px;margin-bottom:20px;z-index:99999}
#sh_index_banner:after {display:block;visibility:hidden;clear:both;content:""}

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

#main_banner {}
#sub_main_banner { margin-top:18px}


/* float:left;선택 단 content 와 같은 방향 X */
#sh_aside {margin:0;margin-top:20px}

#sh_content { box-sizing:border-box; z-index:4;position:relative;float:right;padding:20px 20px;width:1070px;min-height:310px;margin:20px 0 40px 0;height:auto !important;height:500px;line-height:1.5em;color:#888;zoom:1; background:#f0f0f0}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit {margin-bottom:35px;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_stv {z-index:1001;position:fixed;width:88px;left:50%;margin-left:540px;border:1px solid #bcbcbc;height:150px}

/* 하단 */
#sh_ft {z-index:10;position:relative;min-width:1070px;color:#fff;border-top:1px solid #e7e7e7;background:#565656} 
#sh_ft #sh_ft_wrapper {position:relative;margin:0 auto;padding:20px 0 20px;width:1070px;zoom:1;line-height:1.5em}

#sh_ft #sh_ft_icon {position:absolute;right:0px;bottom:10px}
#sh_ft #sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 
.tail_link{ margin-bottom:10px}
.tail_link a{font-size:13px; color:#bfbfbf;}
.tail_link:after{content:""; display:block; clear:both}
.tail_link li{float:left; margin-right:5px}

/* 사이트맵 */
/*a {text-decoration:none}
a:hover {text-decoration: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}



/**** 메인 컨텐츠 ****/
#m01{ margin-bottom:40px}
#m01:after{content:""; display:block; clear:both}

/* 사업안내 */
#m0101 {float:left; width:316px; margin-left:10px}
#m0101 ul li{box-sizing:border-box; width:316px; height:94px; border-bottom:1px solid #f0f0f0; font-size:16px; font-weight:bold}
#m0101 ul li p{padding-top:36px; text-align:center; color:#e1e1e1;}
#m0101 ul li:hover{ cursor:pointer}
#m0101 ul li:hover p{color:#282828}
#m0101 ul li.list01{background:url('/sh_img/index/right_index01.png') no-repeat}
#m0101 ul li.list02{background:url('/sh_img/index/right_index02.png') no-repeat}
#m0101 ul li.list03{background:url('/sh_img/index/right_index03.png') no-repeat}
#m0101 ul li.list04{background:url('/sh_img/index/right_index04.png') no-repeat}
#m0101 ul li.list05{border-bottom:none; background:url('/sh_img/index/right_index05.png') no-repeat}
#m0101 ul li.list01:hover{background:url('/sh_img/index/right_index01_on.png') no-repeat}
#m0101 ul li.list02:hover{background:url('/sh_img/index/right_index02_on.png') no-repeat}
#m0101 ul li.list03:hover{background:url('/sh_img/index/right_index03_on.png') no-repeat}
#m0101 ul li.list04:hover{background:url('/sh_img/index/right_index04_on.png') no-repeat}
#m0101 ul li.list05:hover{background:url('/sh_img/index/right_index05_on.png') no-repeat}


/* 메인비주얼 */
#m0102 {float:left}

/* 고객센터 */
#m0103 {float:left;box-sizing:border-box;position:relative;width:342px;height:147px;margin-top:30px; margin-right:22px; padding:15px 0 0 15px; border-top:3px solid #00548b}
#m0103 .m_bg{z-index:-1; position:absolute; top:98px; right:0; font-size:35px; font-weight:bold; color:#f8f8f8}
#m0103 .m0103_tit {color:#333;font-size:18px;font-weight:bold;}
#m0103 .m0103_tit span{margin-left:5px; font-size:12px; color:#cacaca}
#m0103 img{display:inline-block; margin-top:10px}
#m0103 .m0103_cont{float:right; margin:15px 15px 0 0; font-size:18px; color:#515151; font-weight:bold;}
#m0103 .m0103_cont span{color: #00548b;font-size:24px;}

/* 블로그 */
#m0104 {float:left;box-sizing:border-box;position:relative;width:342px;height:147px;margin-top:30px; margin-right:22px; padding:15px 0 0 15px; border-top:3px solid #008b0a}
#m0104 .m_button{position:absolute; box-sizing:border-box; top:120px; right:0; width:79px; height:23px; padding-top:2px; text-align:center; font-size:12px; color:#fff; background:#3d3d3d}
#m0104 .m0104_tit {color:#333;font-size:18px;font-weight:bold;}
#m0104 .m0104_tit span{margin-left:5px; font-size:12px; color:#cacaca}
#m0104 img{display:inline-block; margin-top:10px}
#m0104 .m0104_cont{float:right; margin:15px 75px 0 0; font-size:14px; color:#515151;}

/* 공지사항 */

#m0105 {float:left;box-sizing:border-box;position:relative;width:342px;height:147px;margin-top:30px; padding:15px 0 0 15px; border-top:3px solid #00548b}
#m0105 .m_click{ z-index:1; position:absolute;top:20px; right:0;font-family:dodom; font-size:12px; color:#b3b3b3}
#m0105 .m0105_tit {color:#333;font-size:18px;font-weight:bold;}
#m0105 .m0105_tit span{margin-left:5px; font-size:12px; color:#cacaca}






#m03 {float:right;width:300px;height:180px;padding-top:70px;background:#ffbc47;margin-top:10px;text-align:center}
#m03 img {padding-bottom:10px}




/*product*/

#m02 {width:100%; padding-top:30px; margin-bottom:70px}
#m02 .m02_tit{font-size:25px; text-align:center; color:#333; font-weight:bold;}
#m02 .m2_stit{margin-bottom:20px; font-size:13px; text-align:center; color:#818181}

#m02 .img_list:after{content:""; display:block; clear:both;}
#m02 .img_list > a{width:346px; height:170px}
#m02 .img_list > a > div{float:left; width:346px; height:170px; overflow:hidden; margin-right:15px; margin-bottom:15px }
#m02 .img_list > a > div.bottom{ margin-bottom:0}
#m02 .img_list > a > div.last{margin-right:0}
#m02 .img_list > a > div{ position:relative}
#m02 .img_list > a > div p{position:absolute; top:134px; width:100%; margin-left:20px; font-size:15px; color:#fff; opacity:0; -ms-opacity:0; filter:alpha(opacity:'0'); transform:translateY(201px); -ms-transform:translateY(201px)}
#m02 .img_list > a > div:hover{ cursor:pointer}
#m02 .img_list > a > div:hover p{opacity:1;filter:alpha(opacity:'100'); transform:translateY(0);-ms-transform:translateY(0); transition-duration:1s; -ms-transition-duration:1s}
#m02 .img_list > a > div .img_div{overflow:hidden; margin-top:123px}
#m02 .img_list > a > div .img_div > img{opacity:0; -ms-opacity:0; filter:alpha(opacity:'0'); transform:translateY(123px);-ms-transform:translateY(123px)}
#m02 .img_list > a > div:hover .img_div > img{opacity:0.5; -ms-opacity:0.5; filter:alpha(opacity:'50'); transform:translateY(0); -ms-transform:translateY(0); transition-duration:1s;-ms-transition-duration:1s}
#m02 .img_list .img01{background:url('/sh_img/index/product_img1.png') no-repeat;}
#m02 .img_list .img02{background:url('/sh_img/index/product_img2.png') no-repeat;}
#m02 .img_list .img03{background:url('/sh_img/index/product_img3.png') no-repeat;}
#m02 .img_list .img04{background:url('/sh_img/index/product_img4.png') no-repeat;}
#m02 .img_list .img05{background:url('/sh_img/index/product_img5.png') no-repeat;}
#m02 .img_list .img06{background:url('/sh_img/index/product_img6.png') no-repeat;}




/*시공사진*/

#sh_index_banner .sh_index_3 {}
#sh_index_banner .sh_index_3 .img_l { width:1070px; margin:0 auto}