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


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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:550px; position:absolute;  z-index:1;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:550px; }
.main_visual li a{display:block;}



.main_visual .main_visual_text {position:absolute; width:100%; color:#fff; z-index:6; }

.main_visual .bg {position:absolute;  left:0px; width:100%; height:550px; background:rgba(0,0,0,0.4); z-index:0;}

.main_visual .main_visual_text {width:330px; margin-top:120px;  position:relative; }
.main_visual .main_visual_text .text_bg{position:absolute; left:0px; top:0px; width:100%; width:330px;height:300px; background:#004f9c; opacity:0.8;  z-index:1;}
.main_visual .main_visual_text .box  {padding:40px ;position:relative; z-index:1; color:#fff; text-align:left; z-index:2; position:relative;}
.main_visual .main_visual_text .t1{font-size:16px; font-weight:bold; padding:20px 0px; line-height:30px; }
.main_visual .main_visual_text .t2{font-size:30px; line-height:30px; }



.main_visual .main_pager {position:absolute; left:40px;  top:330px;  text-align:center; z-index:999; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; background:rgba(255,255,255,0.4); }
.main_visual .main_pager .cycle-pager-active{width:35px;background:#fff;}




/*메인제품*/
.main_product {padding:60px 0px 40px; border-bottom:1px #ddd solid; }
.main_product h3{font-size:26px; color:#bb1d30;  text-align:center;margin-bottom:25px;  font-family: 'Nanum Square';}
.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; vertical-align:top;  }
.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:260px; height:200px; 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; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main_product ul li .text .t2 { font-size:13px; color:#999; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}



.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_common_box .common_title {font-size:23px; color:#4f4f4f; margin-bottom:20px; }
.main_common_box .common_title a{float:right;color:#4f4f4f;}
.main_common_box .common_title a.more img {vertical-align:middle;}



.main_common_box {display:table; width:100%; table-layout:fixed;}
.main_common_box .col {display:table-cell; vertical-align:top; padding:30px; border-right:1px #ddd solid; height:160px;}
.main_common_box .col .common_btn_link {display:inline-block; margin-top:10px; padding-right:14px;  color:#004f9c;  line-height:28px; transition: all .2s;}
.main_common_box .col .common_btn_link span{margin-left:10px; display:inline-block; background:#004f9c url(../images/main/main_arrow_bg.png) left top no-repeat;; width:17px; height:5px; line-height:5px;}

.main_common_box .col:hover .common_btn_link {border:1px #004f9c solid; padding-left:10px; transition: all .3s;}
.main_common_box .col.last {border-right:0px;}

.main_common_box .col .common_info {line-height:22px; color:#777; font-size:14px;}
.main_common_box .col:hover .common_info {color:#222; transition: all .3s;}

.main_common_box .col.first_col {padding-left:0px;}
.main_common_box .col.last_col {padding-right:0px;}

.main_common_box .notice ul{}
.main_common_box .notice ul li{overflow:hidden; font-size:14px; color:#333; background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat;padding-left:10px;}
.main_common_box .notice ul li:hover  {text-decoration:underline;}
.main_common_box .notice ul li .date{float:right; font-size:12px; color:#999; }


.main_common_box .cscenter .call_num {color:#34608e; font-size:17px;}
.main_common_box .cscenter .time {color:#555; font-size:12px;line-height:18px; padding:5px 0px; }
.main_common_box .cscenter .fax_num {display:inline-block; margin-top:5px; border:1px #ddd solid; background:#f8f8f8; padding:0 14px;  border-radius:5px; font-size:13px; margin-top:20px;}


.main_common_box .gallery ul li{float:left; width:95px; margin-right:10px;; text-align:center;}
.main_common_box .gallery ul li img {vertical-align:middle ; width:100%; height:70px;}
.main_common_box .gallery ul li:last-child {margin-right:0px; }
.main_common_box .gallery ul li .text {margin-top:5px; }
.main_common_box .gallery ul li .date {line-height:16px; color:#999; font-size:11px;}
.main_common_box .gallery ul li:hover  {text-decoration:underline;}

.main_common_box_line {height:1px; background:#ddd;}

.main_common_box .addre {color:#34608e; font-size:15px;;  padding-right:100px; }

.main_common_box .company {background:url(../images/main/main_quick01.png) 90% 50% no-repeat;;}
.main_common_box .cscenter {background:url(../images/main/main_quick02.png) right 50% no-repeat;;}
.main_common_box .product {background:url(../images/main/main_quick03.png) 90% 50% no-repeat;;}
.main_common_box .location {background:url(../images/main/main_quick04.png) 90% 50% no-repeat;; ;}