@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0;  font-family: 'Nanum Square';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:500px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:500px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:500px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:180px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}

.main_visual .main_pager {position:absolute;  bottom:40px;height:15px;  text-align:center;  z-index:999 !important; width:100%; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:16px; height:15px; margin:0 3px; border-radius:15px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{width:35px;background:#608bc2;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}


.main_visual .main_visual_btn {position:absolute; width:100%; left:0px; top:42%; z-index:999999; }
.main_visual .main_visual_btn a{float:left;  margin:0 100px; width:51px; height:99px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
.main_visual .main_visual_btn a#main_btn_next{background-position:right top; float:right;}


/*메인퀵버튼*/
.main_quick_wrap {background:#e2e6ed; padding:30px 0px; position:relative;}

.main_quick_wrap  .col_box {display:table; width:100%; table-layout:fixed; }
.main_quick_wrap  .col_box .list {display:table-cell; vertical-align:top; }
.main_quick_wrap  .col_box .m1 {background:url(../images/main/main_quick01.png) 90% 50% no-repeat;}
.main_quick_wrap  .col_box .m2 {background:url(../images/main/main_quick02.png) 90% 50% no-repeat;}
.main_quick_wrap  .col_box .m3 {background:url(../images/main/main_quick03.png) 90% 50% no-repeat;}

.main_quick_wrap  dl {padding:10px 10px; }
.main_quick_wrap  dl dt{font-size:18px; color:#353535; font-weight:bold;}
.main_quick_wrap  dl dd{font-size:13px; color:#676767; margin-top:15px; line-height:18px;}

.main_quick_wrap .more {display:inline-block; padding:0 15px; line-height:30px; margin:5px 0 0 10px;; background:#8b97a6; color:#fff; transition: all .2s;}
.main_quick_wrap .more:hover {background:#444; c transition: all .3s;}



/*하단공지박스*/
.main_notice_wrap {overflow:hidden; margin-top:30px; }
.main_notice_wrap .col {float:left;}


/*공지*/
.main_notice {position:relative; width:520px;  height:140px;}
.notice_tep h3 {float:left;  text-align:center; min-width:120px;  letter-spacing:-1px;  font-weight:normal; background:#aeb7c8; position:relative;z-index:1; margin-right:1px;}
.notice_tep h3 a{line-height:40px; font-size:13px; color:#fff;}
.main_notice .on_check h3 {background:#608bc2;}
.main_notice .on_check h3 a{color:#fff; font-weight:bold; }
.main_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:0;top:40px;width:100%; display:none; border-top:2px #608bc2 solid; z-index:0;}
.notice_tep div ul {padding:20px 0px;}
.notice_tep div ul li {padding-left:110px;  line-height:28px; letter-spacing:-0.5px; font-size:14px; position:relative;}
.notice_tep div ul li .photo {position:absolute; left:0px; top:5px; width:90px; height:70px;  display:none;}
.notice_tep div ul li .photo .img{display:inline-block; width:90px; height:70px; line-height:70px;border:1px #ddd solid; text-align:center; font-size:11px;}
.notice_tep div ul li .photo img{vertical-align:middle; }

.notice_tep div ul li.first_li .photo {display:block;}

.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 .date {float:right; color:#9b9b9b;  font-size:13px;}
.notice_tep div ul li img {vertical-align:middle;}
.notice_tep .more {position:absolute;right:10px; top:10px;  }
.notice_tep .more img {vertical-align:middle;}


/*회사소개서*/
.compnay_pdf {width:285px; height:140px; margin-left:40px; background:url(../images/main/compnay_pdf_bg.png) right bottom no-repeat;}
.compnay_pdf dt {font-size:18px; font-weight:bold; color:#222; margin-top:12px;}
.compnay_pdf dd {font-size:12px; margin-top:10px; line-height:20px; color:#888;}

.compnay_pdf a {display:inline-block; margin-top:20px; border:1px #666 solid; padding:0 20px; line-height:30px; color:#666;  transition: all .2s;}
.compnay_pdf:hover a {background:#ddd; color:#fff; transition: all .3s;}




.main_popup {float:right; width:220px; height:140px; position:relative; }
.main_popup h3 {font-size:18px; font-weight:bold; color:#222; margin-top:12px;}
.main_popup h3 span{font-size:12px; font-weight:normal; display:inline-block; margin-left:5px; }
.main_popup img {vertical-align:bottom; max-width:100%; }
.main_popup ul  {z-index:1; margin-top:10px;}
.main_popup .popup_zone_pager  {position:absolute; right:0px; top:18px; width:100%; z-index:3; text-align:right;}
.main_popup .popup_zone_pager span {display:inline-block;vertical-align:top; width:10px;  height:10px; border-radius:10px; background:#ddd; margin:0px 2px; cursor:pointer;}
.main_popup .popup_zone_pager .cycle-pager-active {background:#608bc2;}

