@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:450px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:450px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:450px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:120px; 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:60px; text-align:center;  width:100%; z-index:99999999 !important;}
.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:#93baa7;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:0;}



.main_cont_wrap {overflow:hidden; margin:20px 0px;}

.main_cont_wrap .main_left_box {float:left; width:750px; }
.main_cont_wrap .main_right_box {float:right; width:330px; }




/*갤러리*/
.main_cont_wrap .main_gallery_box {float:left; width:475px;  position:relative;  overflow:hidden;}
.main_cont_wrap .main_gallery_box ul {width:100% !important;}
.main_cont_wrap .main_gallery_box ul li{width:100% !important;  height:320px !important; overflow:hidden; }
.main_cont_wrap .main_gallery_box ul li .photo {position:relative; z-index:1;}
.main_cont_wrap .main_gallery_box ul li .photo img {vertical-align:top; width:100%;}


.main_cont_wrap .main_gallery_box ul li .box {position:absolute; left:0px; bottom:0px; width:100%; background:#93baa7; z-index:9; text-align:left;}
.main_cont_wrap .main_gallery_box ul li dl {padding:20px;}
.main_cont_wrap .main_gallery_box ul li dl dt a{display:block; font-size:18px; color:#fff;  overflow:hidden;  line-height:20px; padding:10px 0px;   text-overflow:ellipsis;  text-align:left;}
.main_cont_wrap .main_gallery_box ul li dl dd a{display:block; font-size:14px; color:rgba(255,255,255,0.8); line-height:16px;  white-space:normal; }


.main_cont_wrap .main_gallery_box .main_gallery_btn {position:absolute; width:100%; left:0px; top:40%; z-index:99999999999999;}
.main_cont_wrap .main_gallery_box .main_gallery_btn a{float:left; margin:0 10px; width:17.5px; height:32px; background:url(../images/main/main_gallery_arrow.png) left top no-repeat; text-indent:-9999px;}
.main_cont_wrap .main_gallery_box .main_gallery_btn a#gallery_btn_next{background-position:right top; float:right;}



/*언론*/
.main_cont_wrap .main_media{float:right; width:255px; height:320px; position:relative; background:#e9f4f3;}
.main_cont_wrap .main_media  h3.title {font-size:18px; line-height:20px; margin:20px 20px 10px; color:#222;}
.main_cont_wrap .main_media  h3.title a{ color:#222;}

.main_cont_wrap .main_media .bun_wrap { padding:20px; position:relative;}
.main_cont_wrap .main_media .bun_wrap ul{width:100%; }
.main_cont_wrap .main_media .bun_wrap ul li {width:100%;  overflow:hidden;  }
.main_cont_wrap .main_media .bun_wrap ul li img{vertical-align:top;width:100%; }
.main_cont_wrap .main_media .bun_wrap ul li .t1 { text-align:left; line-height:33px; color:#333; font-size:14px; font-weight:bold; margin-top:10px;}
.main_cont_wrap .main_media .bun_wrap ul li .t2 {font-size:13px; color:#888; line-height:18px;}
.main_cont_wrap .main_media .bun_wrap ul li:hover .t1 {color:#ffa523}

.main_cont_wrap .main_media .btns {position:absolute; right:20px; top:20px; height:22px; font-size:0px; background:#fff;}
.main_cont_wrap .main_media .btns a{display:inline-block; width:20px; height:20px; border:1px #ddd solid; text-align:center;}
.main_cont_wrap .main_media .btns a span{display:inline-block; width:9px; height:20px; background:url(../images/main/main_sc_btns.png) left 50% no-repeat; text-indent:-9999px;}
.main_cont_wrap .main_media .btns a#bun_btn_prev {border-left:0px;}
.main_cont_wrap .main_media .btns a#bun_btn_next span{background-position:right 50%; }


/*회사소개 바로가기*/
.main_about {float:left; height:160px; margin-top:20px; width:475px; background:#fefbf2 url(../images/main/main_about_bg.jpg) right top no-repeat;}
.main_about dl{padding:20px 20px 0px;;}
.main_about dl dt {font-size:18px; margin-top:5px; font-weight:bold; color:#222;}
.main_about dl dd {font-size:12px; font-weight:bold; line-height:16px; color:#888; margin-top:10px;}
.main_about a {margin-left:20px; display:inline-block; color:#666; margin-top:10px; font-size:11px; background:#93baa7; color:#fff; border:1px #93baa7 solid; padding:0px 10px; line-height:22px; transition: all .2s;}
.main_about a:hover {transition: all .3s; background:#666; border-color:#666;}




/*회사소개 바로가기*/
.main_cscenter {float:right; height:160px; margin-top:20px; width:255px; background:#e1e8f3;}
.main_cscenter .box {padding:20px;}
.main_cscenter .box h3 {font-size:18px; margin-top:5px; font-weight:bold; color:#222;}
.main_cscenter .call_num {color:#303030; font-size:28px; padding:6px 0px; font-weight:bold; margin-top:10px; margin-bottom:13px;}
.main_cscenter .time {color:#555; font-size:12px;line-height:16px; }
.main_cscenter .fax_num {color:#888; font-size:12px; line-height:16px;}




/*회사소개 바로가기*/
.main_notice {float:left; width:330px;  background:#f9f9f9;}
.main_notice .box {padding:15px 20px;}
.main_notice .box h3 {font-size:18px; margin-top:5px; font-weight:bold; color:#222; border-bottom:1px #ddd solid; line-height:18px; padding-bottom:10px;}
.main_notice .box h3 a{float:right; }
.main_notice .box h3 a img {vertical-align:middle;}

.main_notice .box ul {margin-top:10px;}
.main_notice .box 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_notice .box ul li:hover  {text-decoration:underline;}
.main_notice .box ul li .date{float:right; font-size:12px; color:#999; }



.main_popup {float:left; width:330px;  margin-top:20px; height:333px; overflow:hidden; position:relative;}
.main_popup img {vertical-align:top; max-width:100%; }
.main_popup ul {z-index:1;}
.main_popup .popup_zone_pager  {position:absolute; left:0px; top:15px; width:100%; z-index:333333333333333; text-align:center;}
.main_popup .popup_zone_pager span {display:inline-block; width:10px; height:10px; border-radius:10px; border:2px #fff solid; margin:0 2px; cursor:pointer;}
.main_popup .popup_zone_pager .cycle-pager-active {background:#fff;;}

