@charset "utf-8";



/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:600px; min-width:1400px; overflow:hidden; z-index:1;}
.main_visual ul#main_visual_wrap {height:600px; position:relative; z-index:1;}
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:600px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; height:600px; top:0px;  color:#fff; z-index:2;    }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:220px; color:#fff; text-align:center; }
.main_visual .main_visual_text .t1 {font-size:20px;  letter-spacing:-1px; line-height:20px;  }
.main_visual .main_visual_text .t2 {font-size:45px;  letter-spacing:-1px; line-height:50px; padding:15px 0px; font-weight:bold; color:#fff;}
.main_visual .main_visual_text .t3 {font-size:15px;  letter-spacing:-1px; line-height:20px; }


.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:50px;  z-index:99999999;  text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:10px; height:10px; margin:0 3px; border-radius:13px; border:1px #ddd solid; }
.main_visual .main_pager .cycle-pager-active{background:#fff; border:1px #fff solid;}



/*메인퀵*/
.main_quick_wrap {margin:60px 0px;}
.main_quick_wrap h3 {text-align:center; font-size:35px; color:#333;}
.main_quick_wrap h3 div {font-size:16px; font-weight:normal; margin-top:10px;}
.main_quick_wrap h3 span{color:#e51616;}
.main_quick_wrap ul {overflow:hidden; margin-top:30px;}
.main_quick_wrap ul li{float:left; width:20%; text-align:center;}
.main_quick_wrap ul li .icon {height:155px; line-height:155px;}
.main_quick_wrap ul li img {vertical-align:middle; transition:transform 500ms;}
.main_quick_wrap ul li:hover img {transform:rotateY(180deg); transition:transform 500ms;}
.main_quick_wrap ul li .box {padding:0 10px; border-right:1px  #eaeaea solid;}
.main_quick_wrap ul li:last-child .box {border-right:0px;}
.main_quick_wrap ul li dl dt {color:#222; font-size:20px;font-weight:bold; padding-bottom:15px; line-height:20px;}
.main_quick_wrap ul li dl dd {color:#888; font-size:14px; line-height:16px;}
.main_quick_wrap ul li a {display:inline-block; margin-top:20px; border:1px #666 solid; color:#666; /*background:#e51616; color:#fff;*/ padding:0 15px; border-radius:35px; font-size:14px; line-height:35px;   transition: all .2s; }
.main_quick_wrap ul li:hover a {background:#666; color:#fff; transition: all .3s;}


/**/
.center_quick_box_wrap {background:#f8f8f8; padding:70px 0px; margin-top:30px;  }

.center_quick_box_wrap .col_box {overflow:hidden;}
.center_quick_box_wrap .col_box .col{float:left; width:225px; margin-right:20px; background:#fff; border:3px #fff solid;    border-radius:10px; transition: all .2s;}
.center_quick_box_wrap .col_box .col.last{margin-right:0px;}
.center_quick_box_wrap .col_box .col .box .title{font-size:20px; font-weight:bold; color:#000; text-align:center; }
.center_quick_box_wrap .col_box .col .box .title span{font-size:14px; font-weight:normal; display:block; line-height:18px; margin-top:10px; color:#888; }
.center_quick_box_wrap .col_box .col .box {padding:25px 0px;  height:160px;}
.center_quick_box_wrap .col_box .col .box .icon{text-align:center; margin-top:25px;}
.center_quick_box_wrap .col_box .col .box .icon img {vertical-align:middle;}

.center_quick_box_wrap .col_box .col.cscenter .box  {padding:25px;}
.center_quick_box_wrap .col_box .col.cscenter .box .title{color:#000; text-align:left; }
.center_quick_box_wrap .col_box .col.cscenter .box .title span{color:#888; }
.center_quick_box_wrap .col_box .col.cscenter{width:405px; background:#fff  ; color:#fff;  }
.center_quick_box_wrap .col_box .col.cscenter .call{font-size:45px; font-weight:bold; margin-top:25px; color:#e51616;}
.center_quick_box_wrap .col_box .col.cscenter .time{font-size:14px; margin-top:30px; line-height:16px; color:#333;}
.center_quick_box_wrap .col_box .col:hover {transition: all .3s; border-color:#e51616}
.center_quick_box_wrap .col_box .col.cscenter:hover {border-color:#e51616}
.center_quick_box_wrap .col_box .col.last {width:360px;}
.center_quick_box_wrap .col_box .col.last .box{padding:25px; text-align:left; position:relative;}
.center_quick_box_wrap .col_box .col.last .box .title {text-align:left; position:relative;}
.center_quick_box_wrap .col_box .col.last .box .title a{position:absolute; right:0px; top:0px; color:#666;   font-size:14px; width:25px; height:25px; line-height:25px; border:1px #ddd solid; background:#fff; text-align:center; border-radius:4px;}

.center_quick_box_wrap .col_box .col.last .box ul {padding-top:10px;}
.center_quick_box_wrap .col_box .col.last .box ul li {padding-left:13px; overflow:hidden; line-height:35px; letter-spacing:-0.5px; font-size:15px; background:url(../images/main/notice_dot.jpg) left 50% no-repeat; position:relative;}
.center_quick_box_wrap .col_box .col.last .box ul li a {float:left; width:70%;color:#424242;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.center_quick_box_wrap .col_box .col.last .box ul li a:hover {text-decoration:underline;}
.center_quick_box_wrap .col_box .col.last .box ul li span {position:absolute; right:0px; color:#9b9b9b;  font-size:14px;}
.center_quick_box_wrap .col_box .col.last .box ul li img {vertical-align:middle;}



.main_product_wrap {padding:0px 0px 0px;;   margin:60px 0px;  position:relative; display:none; }
.main_product_wrap .title {font-size:22px; font-weight:bold; color:#000; text-align:center;display:none;}
.main_product_wrap .cate {text-align:center; font-size:0px; margin-top:15px;}
.main_product_wrap .cate li{display:inline-block;  padding-top:10px; margin-left:-1px;}
.main_product_wrap .cate li a{display:block;  line-height:45px; padding:0 30px;; font-size:14px;  color:#777; border:1px #ddd solid;   z-index:0; position:relative;}
.main_product_wrap .cate li a.on{background:#444; color:#fff; border-color:#444; z-index:1;}
.main_product_wrap .cate li:first-child a {border-radius:10px 0px 0px 10px;}
.main_product_wrap .cate li:last-child a {border-radius:0px 10px 10px 0px;}

.main_product_wrap .product_list_box {margin-top:50px; display:none;}
.main_product_wrap .product_list_box ul li{display:inline-block; width:290px; margin-right:40px; border:1px #ddd solid; border-radius:15px;  }
.main_product_wrap .product_list_box ul li a{ display:block;  overflow:hidden;}
.main_product_wrap .product_list_box ul li:last-child {margin-right:0px;}
.main_product_wrap .product_list_box ul li .photo {margin:20px; height:150px;border:1px #ededed solid; border-radius:10px;    background-position: center 50%;    background-repeat: no-repeat;    background-size: auto 80%;    transition: all 0.2s;    cursor: pointer;    overflow: hidden;    position: relative;    transition: 0.2s all ease;}
.main_product_wrap .product_list_box ul li .photo.no_images { background:url(../../../images/no_images_new) center 50% no-repeat; background-size: auto;}

.main_product_wrap .product_list_box ul li .subject {padding:0px 20px 20px;  }
.main_product_wrap .product_list_box ul li .subject .info{position:relative;}
.main_product_wrap .product_list_box ul li .subject .info .col {position:relative; /*padding-left:70px;*/ min-width:30px; line-height:20px; color:#000; font-size:16px; margin-bottom:7px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; vertical-align:top;}
.main_product_wrap .product_list_box ul li .subject .info .col .s_title {position:absolute; left:0px; color:#999; font-size:15px;}
.main_product_wrap .product_list_box ul li .subject .info .col .type {color:#e51616}
.main_product_wrap .product_list_box ul li .subject .info .col:last-child {margin-bottom:0px;}

.main_product_wrap .product_list_box ul li .subject .info .col.t1 {font-size:15px;; color:#e51616;}
.main_product_wrap .product_list_box ul li .subject .info .col.t2 {font-size:20px;  font-weight:bold; color:#000;}
.main_product_wrap .product_list_box ul li .subject .info .col.t3 {font-size:15px;   color:#666;}

.main_product_wrap .product_list_box ul li .subject .info .col.t4 {position:absolute; right:0px; bottom:-5px;}
.main_product_wrap .product_list_box ul li .subject .info .col.t4 span {display:inline-block; line-height:27px; padding:0 10px; border:1px #ddd solid; font-size:12px; color:#222; border-radius:5px;}