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

/* 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:1070px;zoom:1}
/* hd_wrapper 높이 확보용 ie 7 대한 hd_wrapper 마감전 >> <div style="clear:both;"></div> */
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* logo 위치 조정 및 사이즈 지정 */
#sh_logo {float:left;padding:26px 0;width:200px;border:1px solid #bcbcbc;}

/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#sh_tip_menu {position:absolute;right:0px;top:4px;font-size:8pt}

/* 사이즈 위치 조정 */
#sh_top_menu {padding:26px 0; width:850px; border:1px solid #bcbcbc;float:right;border:1px solid #bcbcbc;}
#sh_top_menu li {float:left;margin:0 40px 0 40px}


#sh_index_banner{margin:0 auto; width:1070px}
#sh_index_banner:after {display:block;visibility:hidden;clear:both;content:""}
#sh_index_banner ul {margin:0;padding:0;list-style:none}
#sh_index_banner li.sh_index_t {width:1070px; margin:5px 0 0 0}
#sh_index_banner li.sh_index {float:left;width:330px}
#sh_index_banner li.sh_index_l {float:left;margin:0 35px 0 35px;width:330px}
#sh_index_banner li.sh_index_r {float:left; width:330px}






#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:""}






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

#sh_content {z-index:4;position:relative;float:right;padding:15px;width:810px;min-height:500px;height:auto !important;height:500px;zoom:1}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}

#sh_content_title {margin-bottom:30px;border:1px solid #bcbcbc;float:right;padding:15px;width:810px;}



/* 오늘 본 상품 */
#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} 
#sh_ft_wrapper {position:relative;margin:0 auto;padding:2px 0;width:1070px;zoom:1;text-align:center;line-height:140%}
#sh_ft_icon {position:absolute;width:180px;right:0px;bottom:0px}
#sh_ft_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 



/* 슬라이드 */

/* index의 1번째줄의 bg_img */
.sli_bg{width:100%; height:155px; margin-bottom:10px; position:relative}

/* index의 1번째줄을 감싸고있음 */
.m0101_wrap{position:relative; height:160px; margin:0 auto; color:#04327d; font-size:18px; font-weight:bold}
.m0101_wrap_arab{position:relative; width:1070px; height:160px; margin:0 auto; color:#04327d; font-size:18px;}

/* 권상기용 */
.sliimg{position:relative; float:left; width:346px; height:160px;  display:inline-block;  border-right:14px solid #fff}
.m0101_t01{width:345px; position:relative; float:left; margin-top:8px;margin-right:15px; z-index:999}

/* 산업용 */
.sliimg2{position:relative; float:left;width:346px; height:160px;  display:inline-block;  border-right:14px solid #fff}
.m0101_t02{width:345px; position:relative; float:left; margin-top:8px;margin-right:15px}

/* 싸이클로이드용 */
.sliimg3{position:relative;float:left; width:340px; height:160px;  display:inline-block; }
.m0101_t03{width:345px; position:relative; float:left; margin-top:8px}

/* index 슬라이드 */
.gallery_rolling .products_slide{width:345px; position:relative; float:left; margin-top:12px;margin-right:15px; z-index:99999999}
.gallery_rolling .products_slide02{padding-left:10px;}
.gallery_rolling .products_slide ul{width:350px; margin-top:0px; z-index:99999999}   
.gallery_rolling .products_slide ul li{float:left; margin-right:0px;width:10px; z-index:99999999}
.gallery_rolling .products_slide ul li img{border:1px solid #d8d8d8; z-index:99999999}

.gallery_rolling .products_slide ul li.s1{height:100px; width:137px;padding:0; margin:0 !important;}

/* 롤링박스 권상기용/산업용/싸이클로이드용 공통 슬라이드썸네일관련css */
.gallery_rolling {position:relative;float:left;margin:0; width:330px; height:130px; z-index:99999; margin-left:6px}
div.gallery_rolling div.carrousel_box {position:absolute;overflow:hidden;width:320px;height:130px; top:7px}
div.gallery_rolling li {float:left; width:115px; height:120px}
div.gallery_rolling li div.img_box {margin:5px 0 5px; width:106px; height:106px; }

/** 화살표 여기서는 화살표 사용안했음. 
div.gallery_rolling .arrow_prev {position:absolute;top:10px; left:45px;width:15px;height:35px;cursor:pointer; display:inline-block}
div.gallery_rolling .arrow_next {position:absolute;top:10px;left:399px;width:15px;height:35px;cursor:pointer}*/
#sh_index_banner .img_list{margin:0 auto}
.img_list:after{display:block;content:"";clear:both}
.img_list li{float:left;max-width:116px;margin-right:10px;border-radius:25px 0 25px 25px;background:#10709a;box-shadow:3px 3px 3px rgba(0,0,0,0.2);font-weight:bold;font-size:15px}
.img_list li a{display:table;width:100%;height:97px;padding:0 15px;box-sizing:border-box;color:#fff;text-align:center}
.img_list li a span{display:table-cell;vertical-align:middle}
.img_list li a:hover{text-decoration:none}
.img_list li:nth-child(3n-1){background:#2e3192}
.img_list li:nth-child(3n){background:#003471}
.img_list li:last-child{margin-right:0}