@import url("common.css");

#visual{position:relative; width:100%; height:622px; overflow:hidden;}

	.jssorb05 {position: absolute; top:575px; left:0%; margin-left:-10px; z-index:999; }
    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: relative !important;  width: 16px !important;  height: 16px; background: url('../../img/v_bt.png') no-repeat; cursor:pointer; margin:0 5px 0 0; padding:0; float:left; left:0px !important; }
    .jssorb05 div {  }
    .jssorb05 .av:hover { background: url('../../img/v_bt_up.png') no-repeat; width:16px !important; }
    .jssorb05 .av { background: url('../../img/v_bt_up.png') no-repeat; width:16px !important;}


/* Product List */
#product_con{position:relative; margin:0 auto; width:1180px; overflow:hidden; padding:80px 0 80px 0;}
#product_con h3{float:left; width:282px; font-family:Open Sans, sans-serif; font-size:30px; color:#444; font-weight:100; line-height:100%; text-transform:uppercase; padding-top:28px}
#product_con h3 p.t_bold{font-weight:800; font-family:Open Sans, sans-serif; font-size:35px; line-height:100%;background:url('/img/pro_tit.gif') 0 bottom no-repeat; padding:5px 0 29px 0}
#product_con h3 p.stit{font-size:17px; line-height:26px; color:#777; font-weight:normal; letter-spacing:-0.7pt; padding-top:20px;}
#product_con .product_in{float:left; width:898px;}

	.gallery_rolling {position:relative; width:898px; height:383px;}
	 /**화살표**/
	.gallery_rolling .arrow_prev {position:absolute;top:280px; left:-280px;width:18px;height:26px;cursor:pointer; z-index:150}
	.gallery_rolling .arrow_next {position:absolute;top:280px; left:-230px;width:18px;height:26px;cursor:pointer; z-index:150}
	.gallery_rolling .pro_more {position:absolute;top:281px; left:-188px;width:21px;height:26px;cursor:pointer; z-index:150}
	 /**롤링박스 **/
	.gallery_rolling div.carrousel_box {position:relative; overflow:hidden; width:898px; height:383px;}
	.gallery_rolling div.carrousel_box ul{position:absolute; overflow:hidden; }
	.gallery_rolling li {float:left; width:302px; height:385px;}
	.gallery_rolling li dl{position:relative; width:293px; }
	.gallery_rolling li dl a:link, .gallery_rolling li dl a:visited{width:293px; height:383px; display:block; border:1px solid #ddd; box-sizing:border-box }
	.gallery_rolling li dl a:hover{border:1px solid #255bab;}
	.gallery_rolling li dt{padding:9px}
	.gallery_rolling li dt img{width:273px; max-height:273px}
	.gallery_rolling li dd.cate{color:#666; font-size:15px; line-height:18px; padding:8px 0 6px 0; text-align:center}
	.gallery_rolling li dd.name{color:#333; font-size:21px; font-weight:700;  padding:0 0 0 0; text-align:center; line-height:100%}


/* 회사소개, 쇼핑몰 바로가기 */
.company_con{position:relative; width:100%; height:289px; background:url('./bn_bg.jpg') center 0 no-repeat; overflow:hidden;}
.company_in {position:relative; margin:0 auto; width:1180px; overflow:hidden;}
.company_in dl{float:left; width:50%;}
.company_in dl a{display:block; width:100%;}
.company_in dl a:hover > dt{color:#bee9ff}
.company_in dl a:hover > dd{color:#bee9ff}
.company_in dt{text-align:center; font-size:30px; color:#fff; font-family:Open Sans, sans-serif; font-weight:800; line-height:100%; padding:80px 0 25px 0;}
.company_in dd.kotxt{font-size:17px; color:rgba(255,255,255,.7); letter-spacing:-0.7pt; padding:24px 0 0 27px;}
.company_in dd.more{text-align:center; font-family:Open Sans, sans-serif; color:rgba(255,255,255,.7); font-size:14px; text-decoration:underline}

/* 온라인문의, 고객센터 */
.contents{position:relative; margin:0 auto; width:1180px; overflow:hidden; padding:80px 0}
.contents .inquiry{position:relative; float:left; width:586px; margin-right:9px;}
.contents .inquiry a{display:block; width:100%; height:270px; background:url('./online_bg.jpg') center 0 no-repeat; text-align:center;}
.contents .inquiry a:hover > h3{color:#255bab}
.contents .inquiry a:hover > p{color:#255bab}
.contents .inquiry h3{font-family:Open Sans, sans-serif; font-size:27px; color:#444; text-transform:uppercase; line-height:100%; padding-top:85px}
.contents .inquiry p.stit{font-size:15px; letter-spacing:-0.5pt; color:#888; padding:14px 0 16px 0}
.contents .inquiry p.more{font-family:Open Sans, sans-serif; font-size:13px; color:#888; text-decoration:underline; text-transform:uppercase;}
.contents .cs{position:relative; float:left; width:583px; height:268px; text-align:center; border:1px solid #ddd; background:url('./cs_bg.jpg') center 0 no-repeat;}
.contents .cs h3{font-family:Open Sans, sans-serif; font-size:20px; color:#444; text-transform:uppercase; line-height:100%; padding-top:65px}
.contents .cs p.num{font-family:Open Sans, sans-serif; font-size:37px; color:#255bab; font-weight:800; line-height:100%; padding:14px 0 16px 0}
.contents .cs p.num img{position:absolute; margin:0 0 15px 10px}
.contents .cs p.txt{font-size:15px; letter-spacing:-0.5pt;}