@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0; /*f2f3f5*/ }



/*메인비주얼*/
#main_visual_box {position:relative; height:500px;}

#main_visual_box .visual_txt {position:absolute;  left:0; width:100%; text-align:center; top:90px;  z-index:99;}


/*사이드 포커스*/
/*메인비주얼*/
#slider{position:relative;width:100%; height:500px; overflow: hidden;}
#sl-view{clear: both;position: relative;margin: 0 auto;}

#sl-wrap{position:absolute;margin: 0 auto;}
.sl-div{float:left; }
#sl-view .bg {position:absolute; width:100%; height:500px; lefT:0px; top:0px; z-index:9; background:rgba(0,0,0,0.3);}

#sl-nav{position: absolute;z-index:999999;}
#sl-nav>li{font-size: 20px;float: left;margin: 0 10px;color: #aaa;cursor: pointer; text-indent:-999999px;}
#sl-nav>li:hover{color: #eee;text-shadow: 0px 1px 0px #333;}
#sl-nav>li.hit{color: #0080FF;}
#sl-nav>li.hit:hover{color: #eee;}

/*사이드 포커스*/
.visual_shadow_left {position:absolute; top:0px; left:0; width:50%; height:500px;  z-index:99;} 
.visual_shadow_left .bg {margin-right:550px; height:500px; background:rgba(0,0,0,0.6);} 
.visual_shadow_right {position:absolute; top:0px; right:0; width:50%; height:500px;  z-index:99;} 
.visual_shadow_right .bg {margin-left:550px; height:500px; background:rgba(0,0,0,0.6);} 




#slider-outline .side_btn {position:absolute;top:217px; left:0px; width:100%;z-index:100;}
#slider-outline .side_btn .box{width:1240px; margin:0 auto; position:relative;}
#slider-outline .side_btn .box a{float:left; text-indent:-9999px; width:33px; height:67px; background:url(../images/main/main_visual_side_btn) left top no-repeat;}
#slider-outline .side_btn .box a.sl-next{float:right; background-position:right top;}



/*메인제품*/
.main_product {padding:56px 0 50px; }
.main_product h3{font-size:26px; color:#bb1d30;  text-align:center;margin-bottom:25px;}
.main_product h3 span{display:inline-block; color:#333; }
.main_product .main_product_box {position:relative; width:1270px; margin:0 auto;}
.main_product ul {text-align:center; font-size:0px; margin:0 auto;}
.main_product ul li{display:inline-block; width:260px; margin:0 10px;  }
.main_product ul li a{display:block; }
.main_product ul li .photo{width:100%; height:200px; overflow:hidden; }
.main_product ul li .photo img {width:100%; height:100%; vertical-align:top; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s }
.main_product ul li:hover .photo img {-moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}
.main_product ul li .text { background:#fff; padding:20px; font-size:18px; color:#333333; overflow:hidden; white-space:normal; text-align:left; }
.main_product ul li .text span{display:inline-block;  width:40px; height:1px; border-top:1px red solid; padding-top:10px;} 
.main_product ul li .text .t1 { font-size:18px; color:#333333;}
.main_product ul li .text .t2 { font-size:13px; color:#999;}



.main_product ul li:hover dl {background:#0e4194;}
.main_product ul li:hover dl dt{color:#fff;}
.main_product ul li:hover dl dd{color:#fff; border-color:#fff;}
.main_product ul li:hover {border-bottom-color:#09357c;}
.main_product ul li:hover a{border-color:#09357c;}


.main_product .main_product_btn {position:absolute; width:100%; left:0px; top:112px;}
.main_product .main_product_btn a{float:left; width:50px; height:50px; background:url(../images/main/main_product_arrow.png) left top no-repeat;}
.main_product .main_product_btn a.next{background-position:right top; float:right;}




/*뉴스*/
.main_news_box {padding:59px 0; overflow:hidden; background:#f2f3f5;}

/*갤러리*/
.main_news_box .gallery {float:left; width:354px; height:270px; background:#e73444; position:relative;}
.main_news_box .gallery h3{color:#ffffff; font-size:19px; line-height:64px; border-bottom:1px #c83a47 solid; padding:0 20px;}
.main_news_box .gallery h3 a{float:right;}
.main_news_box .gallery h3 img {vertical-align:middle;}
.main_news_box .gallery ul {text-align:center; margin-top:20px; }
.main_news_box .gallery ul li{width:130px; margin:0 15px; display:inline-block;}
.main_news_box .gallery ul li img {width:130px; height:130px; border-radius:130px; vertical-align:middle;}
.main_news_box .gallery ul li .text {color:#fff; font-size:15px; padding-top:10px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main_news_box .gallery .more {position:absolute; right:20px; top:20px;}


/*공지사항*/
.main_notice {float:left; width:353px;  height:270px; background:#fff url(../images/main/main_notice_line.jpg) left 65px repeat-x; position:relative; margin-left:20px; }

.notice_tep h3 {float:left;  text-align:center;line-height:62px;  padding:0 15px; background:url(../images/main/main_notice_dot.jpg) right 50% no-repeat; }
.notice_tep h3 a{display:inline-block; font-size:17px; color:#555555;  font-weight:normal; border-bottom:3px #fff solid;}
.main_notice .on_check h3 a{color:#000000; font-weight:bold; border-bottom-color:#e42022}

.notice_tep h3:last-child {background:none;}

.main_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:0;top:64px;width:100%; display:none; border-top:1px #dddddd solid; } 
.notice_tep div ul {margin:10px 20px;}
.notice_tep div ul li {padding-left:0; overflow:hidden; line-height:30px; letter-spacing:-0.5px; font-size:13px; background:url(../images/main/main_list_dot.jpg) left 50% no-repeat; position:relative;}
.notice_tep div ul li a {float:left; width:65%;color:#424242;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice_tep div ul li a strong{color:#11a2da; font-weight:normal; display:inline-block; padding-right:5px;}
.notice_tep div ul li a:hover {text-decoration:underline;}
.notice_tep div ul li span {position:absolute; right:0px; color:#9b9b9b;  font-size:12px;}
.notice_tep div ul li img {vertical-align:middle;}


.main_notice .more {position:absolute; clear:both;right:20px;top:0px; }
.main_notice .more img {vertical-align:middle;}




/*메인바로가기*/
.main_quick {float:right; width:353px;  height:270px; }
.main_quick li {background:url(../images/main/main_quick01.png) 308px 50% no-repeat;}
.main_quick li a{background-repeat:no-repeat; background-position:30px 50%; background-color:#fff; display:block; height:89px; border-bottom:1px #f2f3f5 solid;}
.main_quick li.m1 a{background-image:url(../images/main/main_quick01.png);}
.main_quick li.m2 a{background-image:url(../images/main/main_quick02.png);}
.main_quick li.m3 a{background-image:url(../images/main/main_quick03.png);}
.main_quick li dl {padding:27px 0 0 104px;; background:url(../images/main/main_quick_arrow.png) 308px 31px no-repeat;}
.main_quick li dl dt{color:#999999; font-size:12px; line-height:16px;}
.main_quick li dl dd{color:#333333; font-size:17px;}
.main_quick li.m3 a {border:0px;}
.main_quick li a:hover {background-color:#e73444; }
.main_quick li a:hover dl dt {color:#fff; opacity:0.7;}
.main_quick li a:hover dl dd {color:#fff;}