@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;}
.main_visual ul { width:100%; left:0px;top:0px; position:absolute;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:550px; }


.main_visual .main_pager {position:absolute; width:100%;   bottom:26px; text-align:center; z-index:99999999999; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:15px; height:17px; margin:0 3px; background:url(../images/main/main_pager_off.png) center top no-repeat; }
.main_visual .main_pager .cycle-pager-active{ background-image:url(../images/main/main_pager_on.png); }



/*메인제품*/
.main_product {margin:46px 0; }
.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:263px; margin:0 8px;  vertical-align:top;}
.main_product ul li a{display:block; }
.main_product ul li .photo{width:100%; height:196px; 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 dl {padding:26px 18px 0px;  background:#fff; text-align:left;position:relative; padding-bottom:20px; overflow:hidden; white-space:normal; }
.main_product ul li dl dt{color:#000000; font-size:18px; margin-bottom:15px; letter-spacing:0.5px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis }
.main_product ul li dl dd{letter-spacing:0.5px; color:#666; font-size:13px;  height:40px; line-height:18px;}

.main_product ul li:hover dl {background:#af2626;}
.main_product ul li:hover dl dt{color:#fff;}
.main_product ul li:hover dl dd{color:#fff; border-color:#fff;}



.main_product .main_product_btn {position:absolute; width:100%; left:0px; top:112px;}
.main_product .main_product_btn a{float:left; width:31px; height:57px; 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_company_info {padding:70px 0 80px;; background:#e8e6e9;}
.main_company_info .default_layout{overflow:hidden;}
.main_company_info .left{float:left; width:542px; background:#fff; height:440px;}
.main_company_info .about{background:url(../images/main/main_company_info_bg01.jpg) center top no-repeat; height:220px; text-align:center;}
.main_company_info .about div{padding-top:60px; color:#ffffff; font-weight:bold; font-size:22px; letter-spacing:1px;}
.main_company_info .about a{display:inline-block; width:120px; height:30px; line-height:30px; border:1px #fff solid; text-align:center; color:#fff; margin-top:25px;}
.main_company_info .about a:hover{background:#0e4194; border-color:#09357c; color:#fff;  -moz-transition: all 0.8s;  -webkit-transition: all 0.8s;  transition: all 0.8s;}
.main_company_info .left dl{ text-align:center; padding:35px 0; }
.main_company_info .left dl dt{color:#333333; font-size:22px; font-weight:600;}
.main_company_info .left dl dt span{padding-left:15px; display:inline-block; }
.main_company_info .left dl dd{color:#444; font-size:15px; line-height:26px;}
.main_company_info .left ul {text-align:center;}
.main_company_info .left ul li{display:inline-block; margin:0 50px;}

.main_company_info .left ul li a {display:block; color:#444444; font-size:15px; }
.main_company_info .left ul li a:hover {text-decoration:underline; color:#054da2;}

.main_company_info .right {float:right; width:542px; height:440px;}
.main_company_info .right .contactus,
.main_company_info .right .location {height:220px; line-height:220px; color:#fff; font-weight:bold; font-size:19px; letter-spacing:1px;}

.main_company_info .right .contactus {background:#2e2e2f url(../images/main/main_company_info_bg02.jpg) right top no-repeat;}
.main_company_info .right .contactus a{ margin-right:272px;}
.main_company_info .right .location {background:#af2626 url(../images/main/main_company_info_bg03.jpg) left top no-repeat;}
.main_company_info .right .location  a{margin-left:272px;}


.main_company_info .right a {color:#fff;  text-align:center; display:block;}
.main_company_info .right a:hover {opacity:0.7; -moz-transition: all 0.8s;  -webkit-transition: all 0.8s;  transition: all 0.8s; transform:rotateX(360deg); transition:transform 500ms;}