@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:550px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:550px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:550px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:140px; width:100%; z-index:9999; color:rgba(255,255,255,0.9); font-size:22px;  font-weight:bold; }
.main_visual .visual_text_small_wrap  {display:inline-block; background:rgba(0,0,0,0.6); padding:40px; }
.main_visual .visual_text strong{display:block;  color:#fff; font-weight:normal; margin-top:30px;font-size:60px;line-height:40px;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0;}
.main_visual .main_pager {position:absolute; left:0px; width:100%;  top:30px; text-align:center; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 3px; border-radius:13px; background:#ddd; }
.main_visual .main_pager .cycle-pager-active{background:#ff6600;}


/*메인퀵*/
.main_quick_wrap {display:table; width:100%; table-layout:fixed; position:relative;margin-top:-120px; z-index:9; box-shadow: 0px 3px 3px rgba(0,0,0,0.2);}
.main_quick_wrap li{display:table-cell; vertical-align:middle; background:#fff; height:120px; text-align:center; transition: all .2s; font-size:15px; font-weight:bold;}
.main_quick_wrap li:hover{transition: all .3s; background:#ff6600; color:#fff;}
.main_quick_wrap li:hover a{color:#fff;}
.main_quick_wrap li .icon {display:inline-block;width:73px; height:72px;  background-position:left top; background-repeat:no-repeat;}
.main_quick_wrap li:hover .icon {background-position:left bottom;}

.main_quick_wrap li.first{ background:#ff6600;}
.main_quick_wrap li.first a{color:#fff;}
.main_quick_wrap li.first .icon{background-position:left bottom;}

.main_quick_wrap li.m1 .icon{background-image:url(../images/main/main_quick01.png)}
.main_quick_wrap li.m2 .icon{background-image:url(../images/main/main_quick02.png)}
.main_quick_wrap li.m3 .icon{background-image:url(../images/main/main_quick03.png)}
.main_quick_wrap li.m4 .icon{background-image:url(../images/main/main_quick04.png)}
.main_quick_wrap li.m5 .icon{background-image:url(../images/main/main_quick05.png)}



/*간단 회사소개*/
#main_about_wrap { height:400px;}
#main_about_wrap .default_layout{ position:relative; height:400px; position:relative; background:url(../images/main/main_about_wrap_bg.png) right 50% no-repeat;}
#main_about_wrap .box { position:absolute; left:0px; width:590px; height:400px;  text-align:left; }
#main_about_wrap .box_wrap {display:table; width:100%; height:400px;  }
#main_about_wrap .box_wrap_box {display:table-cell;vertical-align:middle; color:#444444; }
#main_about_wrap .box_wrap_box h3 {padding:20px 0px 40px;}
#main_about_wrap .box_wrap_box dl dt {font-size:33px; line-height:33px;}
#main_about_wrap .box_wrap_box dl dd {font-size:14px; color:rgba(0,0,0,0.8); line-height:20px;margin-top:20px;}
#main_about_wrap .box_wrap_box a {display:inline-block;  margin-top:40px; border:1px #ff6600 solid;; color:#ff6600; line-height:40px; padding:0 10px; transition: all 0.2s;}
#main_about_wrap .box_wrap_box a:hover {padding:0 20px; transition: all 0.3s; background:#ff6600; color:#fff;}



/*갤러리*/
.main_gallery {height:600px;  position:relative; background:url(../images/main/main_gallery_bg.jpg) center top no-repeat; } 
.main_gallery .bg{position:absolute; left:0px; top:0px; width:100%; height:600px; background:#19273b; opacity:0.8; z-index:0; } 
.main_gallery .main_gallery_wrap{position:relative; z-index:1;} 
.main_gallery h3{color:#fff; font-size:17px; vertical-align:middle; padding-top:50px;}  
.main_gallery h3 .line {display:inline-block; width:80px; height:2px; background:#fff;   vertical-align:middle; margin-left:20px;} 
.main_gallery .title_info{color:#fff; font-size:25px; padding:40px 0px;}


.main_gallery ul{margin-top:0px;}
.main_gallery ul li{width:540px;; margin:0 10px; overflow:hidden;}

.main_gallery ul li .photo {width:540px; height:280px; overflow:hidden; }
.main_gallery ul li .photo img {vertical-align:top; width:100%; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_gallery ul li:hover .photo img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}



.main_gallery ul li .text_box {background:#fff; padding:20px;}
.main_gallery ul li .t1 {font-size:16px;color:#000000; font-weight:bold;;}
.main_gallery ul li .t1:hover {color:#ff6600;}
.main_gallery ul li .t2 {font-size:13px; color:#2d2d2d; line-height:16px;     white-space: normal;}
.main_gallery ul li .date {font-size:12px; color:#929292; margin-top:5px;}




/*메인마지막정보*/
.main_info_box {padding:30px 0px 0px;}
.main_info_box h3{font-size:20px; font-family: 'Nanum Square'; overflow:hidden; line-height:25px; margin-bottom:20px;}
.main_info_box h3 a{float:right;}
.main_info_box h3 a span{display:inline-block; line-height:20px; padding:2px 10px 0px; border:1px #d3d6da solid; background:#fff; font-size:12px; font-weight:normal;}

.main_info_box_wrap {display:table; width:100%; }
.main_info_box_wrap .col {display:table-cell; vertical-align:top; padding:40px 20px 20px 40px;}
.main_info_box .notice {width:380px;}
.main_info_box .notice ul{}
.main_info_box .notice ul li {overflow:hidden; line-height:25px; font-size:13px; padding-left:10px; background:url(../images/main/main_notice_dot.jpg) left 11px no-repeat;}
.main_info_box .notice ul li a{float:left; width:70%;  color:#555555}
.main_info_box .notice ul li a:hover{text-decoration:underline;}
.main_info_box .notice ul li span{float:right; color:#aaaaaa;}
.main_info_box .notice .btn {margin-top:30px ; background:#fff; border:1px #cccccc solid; overflow:hidden;}
.main_info_box .notice .btn span{float:left; width:50%; text-align:center;}
.main_info_box .notice .btn span a{display:block; line-height:44px; background:#fff; transition: all 0.3s; }
.main_info_box .notice .btn span a:hover{background:#ff6600; color:#fff; border-color:#ff6600; transition: all 0.2s; }
.main_info_box .notice .btn span a.last{border-right:1px #cccccc solid;}



.main_info_box .news { border-left:0px; position:relative;}
.main_info_box .news ul{margin:0 auto; width:614px; overflow:hidden;}
.main_info_box .news h3 a span {margin-right:22px;}
.main_info_box .news ul li {width:190px !important; margin-right:22px; vertical-align:top;}
.main_info_box .news ul li .photo img{vertical-align:top; width:100%; height:130px;;}
.main_info_box .news ul li dl dt{font-weight:bold; font-size:14px; padding-top:5px; color:#000000;   overflow:hidden;    white-space:nowrap;    text-overflow:ellipsis; padding-right:10px;}
.main_info_box .news ul li dl dd{margin-top:3px; font-size:12px; color:#777777; line-height:16px; height:16px; display:none;}
.main_info_box .news ul li:hover dl dt {text-decoration:underline; color:#000;}
.main_info_box .news ul li:hover dl dd {text-decoration:underline;}
.main_info_box .news .news_pager { text-align:Center; margin-top:10px;}
.main_info_box .news .news_pager span {display:inline-block; width:10px; height:10px; border-radius:10px; background:#ddd; margin:0 2px;}
.main_info_box .news .news_pager span.cycle-pager-active{background:#ff6600;}