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


#container {position:relative; z-index:0; background:#ebedee; font-family: 'Nanum Square';}


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


.main_visual .main_pager {position:absolute;  top:440px; width:100%;   text-align:center; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:8px; height:8px; margin:0 2px; border-radius:14px; border:3px solid #fff; box-shadow:0 0 1px 0 rgba(0,0,0,0.2); }
.main_visual .main_pager .cycle-pager-active{background:#fff;}


/*첫번째*/
.main_first_box { border-top:4px #34608e solid; overflow:hidden; margin-top:40px;}
.main_last_box {padding-bottom:40px;}

.main_first_box .col_wrap .common_title {font-size:20px; color:#000;  margin-bottom:15px;}
.main_first_box .col_wrap .common_title a{color:#000;}

.main_first_box .col_wrap {display:table; width:100%; table-layout:fixed; }
.main_first_box .col_wrap .col{display:table-cell;  border-right:1px #dddddd solid; background:#fff; padding:20px; position:relative; vertical-align:top;}
.main_first_box .col_wrap .col.last {border-right:0px; background:#34608e url(../images/main/main_product_bg.png) 120% 85% no-repeat;; position:relative;}
.main_first_box .col_wrap .col.last .common_title {color:#fff;} 

.main_first_box .col_wrap .cscenter .call_num {color:#34608e; font-size:29px; padding:6px 0px; font-weight:bold;}
.main_first_box .col_wrap .cscenter .titme {color:#555; font-size:13px;line-height:18px; margin-top:5px;}
.main_first_box .col_wrap .cscenter .btns {position:absolute; width:100%; bottom:0px; left:0px;  overflow:hidden;}
.main_first_box .col_wrap .cscenter .btns a{float:left; width:50%; text-align:center; color:#fff; line-height:50px; background:#34608e}
.main_first_box .col_wrap .cscenter .btns a.bb{background:#555;}



.main_first_box .col_wrap .notice ul {margin-top:10px;}
.main_first_box .col_wrap .notice ul li{line-height:20px; margin-bottom:10px; }
.main_first_box .col_wrap .notice ul li .t1 a{font-size:14px; color:#333;}
.main_first_box .col_wrap .notice ul li .t2{font-size:12px; color:#999;}
.main_first_box .col_wrap .notice ul li:hover .t1 {text-decoration:underline;}
.main_first_box .col_wrap .notice ul li:last-child {margin-bottom:0px;}


.main_first_box .col_wrap .col.last .info {color:rgba(255,255,255,0.8); line-height:20px;  z-index:1; position:relative;}
.main_first_box .col_wrap .col.last a {display:inline-block; margin-top:30px; border:1px #fff solid; color:#fff; line-height:30px; padding:0 10px; z-index:1; position:relative; }



.main_first_box .col_wrap .main_gallery ul { position:relative;   }
.main_first_box .col_wrap .main_gallery ul li{display:inline-block; width:150px;  margin-right:15px; vertical-align:top;}
.main_first_box .col_wrap .main_gallery ul li:last-child{margin-right:0px;}
.main_first_box .col_wrap .main_gallery ul li img {vertical-align:top; width:100%;}


.main_first_box .col_wrap .main_gallery ul li .t1 a{display:block; font-size:14px; color:#333; line-height:22px; margin-top:10px;} 
.main_first_box .col_wrap .main_gallery ul li .t2 a{display:block; font-size:12px; line-height:18px; color:#999}


.main_last_box .col_wrap .news {width:234px;}
.main_last_box .news li {position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #ddd dashed;;}
.main_last_box .news li:last-child{margin-bottom:0px; border-bottom:0px;}
.main_last_box .news li .photo_image {width:70px; height:60px; position:absolute; left:0px; top:0px;}
.main_last_box .news li .photo_image img {width:100%; height:100%; vertical-align:top;}
.main_last_box .news li dl {margin-left:90px;}
.main_last_box .news li dl dt { font-size:14px; color:#333; line-height:22px; font-weight:bold;}
.main_last_box .news li dl dd { font-size:12px; line-height:18px; color:#999}


.main_last_box .col_wrap .col.human {width:235px;  background:#34608e; }
.main_last_box .col_wrap .human .bg{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(255,255,255,0.3) url(../images/main/main_job_bg.png) right bottom no-repeat;; z-index:0; }