@charset "utf-8";



#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:900px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:900px; position:absolute; z-index:0;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:900px; background-size:cover; background-size:120% 120%; transition: all 3s;}
.main_visual li.cycle-slide-active{ ;background-size:100% 100%;transition: all 3s;}

.main_visual .visual_text {text-align:left; position:absolute; left:0px; top:200px; 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_visual_text {text-align:left; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:9999; }
.main_visual .main_visual_text .bg{position:absolute; top:0px; left:0px; width:100%;; height:100%;  background:rgba(0,0,0,0.5); z-index:0;}



.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:200px; margin:0 auto; width:1500px; color:#fff; }
.main_visual .main_visual_text .t0 {font-size:80px;  top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%;  font-weight:bold;}
.main_visual .main_visual_text .t1 {display:block;font-size:18px; top: 0px;  line-height:20px;   transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; padding-right:400px;}


.main_visual li.cycle-slide-active .main_visual_text .t0 {top: 300px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 390px;    transition: all 1.6s;    transition-delay: 1s;    opacity: 1; } 




.main_visual .main_pager_wrap {display:block; text-align:left; position:absolute;left:0px; top:650px; width:100%;}
.main_visual .main_pager a{display:inline-block; cursor:pointer;  margin:0 3px; border:3px #ddd solid;  }
.main_visual .main_pager a img {vertical-align:middle; width:100px; height:60px; }
.main_visual .main_pager .cycle-pager-active{border-color:#ff2b58;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}



/*메인 회사소개*/
.main_about_wrap {padding:90px 0px;  padding-bottom:150px;/*background:url(../images/main/main_about_bg.png) center bottom no-repeat;*/}
.main_about_wrap .default_layout{position:relative;}
.main_about_wrap .title .t1{font-size:25px; color:#000; margin-top:60px;}
.main_about_wrap .title .t2{font-size:60px; color:#000; letter-spacing:-1px; line-height:40px; font-weight:bold; margin:10px 0px 60px;}
.main_about_wrap .info {margin-right:800px; line-height:24px; color:#666; font-size:16px;}
.main_about_wrap .detail {margin-top:60px;}
.main_about_wrap .detail a {display:inline-block; border:1px #005f88 solid; color:#005f88; padding:0px 50px; line-height:60px; color:#000;}
.main_about_wrap .icon {position:absolute; right:0px; top:-50px;}



/*특별함5가지*/
.top_quick_box {position:relative; z-index:2; margin:90px 0px 120px;  }
.top_quick_box .title {padding-top:90px; position:relative;}
.top_quick_box .title .line {width:100%; height:1px; background:#ddd; position:absolute; left:0px; top:20px;}
.top_quick_box .title .text {position:absolute; left:0px; top:0px; width:100%; text-align:center;}
.top_quick_box .title .text .text_box {display:inline-block; padding:0 20px; background:#fff;}
.top_quick_box .title .text .t1{font-size:40px; color:#000; line-height:40px; font-weight:bold;}
.top_quick_box .title .text .t2{font-size:16px; color:#666;}
.top_quick_box .title .text .t1 span {color:#ff2b58;}



.top_quick_box .top_quick_box_wrap_box{ overflow:hidden; margin-top:60px;}
.top_quick_box ul { display:table;width:100%; table-layout:fixed;   }
.top_quick_box ul li{display:table-cell; border:1px #ddd solid; padding:30px 0px;vertical-align:middle; position:relative; text-align:center; background:#fff;}
.top_quick_box ul li.jump {width:20px; border:0px; background:none;}
.top_quick_box ul li a{/*border-right:1px #000 solid;*/ display:block; margin:0 10px;}

.top_quick_box ul li a dl {margin-top:30px;}
.top_quick_box ul li a dl dt {font-size:14px; color:#999;margin-bottom:0px;}
.top_quick_box ul li a dl dd {font-size:20px; color:#000; transition: all .3s;  letter-spacing:-2px;}

.top_quick_box ul li .icon img{ vertical-align:middle;}

.top_quick_box ul li:hover a dl dt{ margin-top:-20px;transition: all .3s;}
.top_quick_box ul li:hover a dl dd { margin-top:-5px;transition: all .3s; color:#ff2b58}



/*메인영상*/
.main_videos_wrap {padding:120px 0px; background:url(../images/main/main_videis_wrap_bg.jpg) center top no-repeat; background-attachment: fixed;}
.main_videos_wrap .text {margin-right:800px;}
.main_videos_wrap .text .t1{font-size:60px; color:#fff;  letter-spacing:-1px; line-height:60px; font-weight:bold; margin:10px 0px 60px;}
.main_videos_wrap .text .t2{font-size:16px; color:rgba(255,255,255,0.6); padding-right:200px;}
.main_videos_wrap .text .t3 {margin-top:60px;}
.main_videos_wrap .text .t3 a {display:inline-block; border:1px #fff solid; color:#fff; padding:0px 50px; line-height:60px; color:#fff;}

.main_videos_wrap .icon {position:absolute; right:0px; top:-20px;}
.main_videos_wrap .icon img {vertical-align:middle; border:10px rgba(255,255,255,0.6) solid;}



.etc_module_box {}
.etc_module_box .title {text-align:center; margin-top:80px;}
.etc_module_box .title .t1{font-size:25px; color:#000; }
.etc_module_box .title .t2{font-size:50px; color:#000; letter-spacing:-1px; line-height:40px; font-weight:bold; margin:10px 0px 60px;}
.etc_module_box ul {overflow:hidden; padding-top:0px;}
.etc_module_box ul li {float:left; width:360px; margin-right:20px; position:relative;}
.etc_module_box ul li .icon {height:400px; overflow:hidden;  }
.etc_module_box ul li .icon img{max-width:100%;}
.etc_module_box ul li.last {margin-right:0px;}
.etc_module_box ul li .text_box { position:absolute; left:0px; left:0px; bottom:30px; height:150px;}
.etc_module_box ul li dl {padding:30px; }
.etc_module_box ul li dl dt {font-size:18px; color:#fff; font-weight:bold; margin-bottom:5px; }
.etc_module_box ul li dl dd {font-size:14px; color:#fff; line-height:18px;}
.etc_module_box ul li .btn  {position:absolute; left:30px; bottom:-10px; }
.etc_module_box ul li .btn a {display:inline-block; border:1px #fff solid;; coloR:#fff; font-size:12px; padding:4px 15px;}







.main_portfolio_wrap_top img {vertical-align:middle; max-width:100%;}

.main_portfolio_wrap { background:#005f88; padding:90px;}
.main_portfolio_wrap .title {text-align:center; font-size:30px; font-weight:bold; color:#fff;}
.main_portfolio { margin:40px 0px;}

.main_portfolio ul.main_list_box_photo  {overflow:hidden; margin-top:60px; text-align:center;  }
.main_portfolio ul.main_list_box_photo li  {float:left; width:350px; margin-right:30px; margin-bottom:30px;font-size:0px;  overflow:hidden; }
.main_portfolio ul.main_list_box_photo li:nth-child(4n+4)  {margin-right:0px;}

.main_portfolio ul.main_list_box_photo li .photo {height:260px; background-position:center top; background-repeat:no-repeat;  background-size:cover;; }

.main_portfolio ul.main_list_box_photo li .text {text-align:left; padding:10px; position:relative;}
.main_portfolio ul.main_list_box_photo li .text .t1 {font-size:18px; color:#000; font-weight:bold;}
.main_portfolio ul.main_list_box_photo li .text .t2 {font-size:14px; color:#777;}

.main_portfolio ul.main_list_box_photo li .text .t3  {position:absolute; right:20px; top:-60px; }
.main_portfolio ul.main_list_box_photo li .text .t3 span {background:#d64863; color:#fff; display:inline-block; line-height:35px; padding:0 20px;  }
.main_portfolio ul.main_list_box_photo li .text .t3 span.ing {background:#4db848;}
.main_portfolio ul.main_list_box_photo li .text .t3 span.end {background:#b5b5b5;}

.main_portfolio .load_more {margin-top:40px; text-align:center; }
.main_portfolio .load_more a{display:inline-block; padding:0 30px; font-size:12px; line-height:45px; border:1px #fff solid;;  color:#fff;}
.main_portfolio .load_more a div{display:inline-block; }
.main_portfolio .load_more a div.cont{margin-left:7px;}









@media all and (max-width:1024px) {

body {background:#f8f8f8;}

.main_visual { width:auto; height:400px; min-width:auto; padding-top:0px}
.main_visual ul {height:400px; }
.main_visual li { width:100%; height:400px;  background-size:100% 100%; background-size:cover !important; }




.main_visual .main_visual_text .text { padding-top:0px; margin:0 auto; width:auto;}
.main_visual .main_visual_text .t0 {font-size:30px; padding:0 30px; }
.main_visual .main_visual_text .t1 {display:block;font-size:14px; top: 0px;  line-height:20px; padding:0 30px; line-height:18px;}


.main_visual li.cycle-slide-active .main_visual_text .t0 {top: 100px; background-size:100% 100%;} 
.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 140px; background-size:100% 100%;} 




.main_visual .main_pager_wrap {top:300px; padding-left:30px;}
.main_visual .main_pager a{border:2px #ddd solid;  }
.main_visual .main_pager a img {vertical-align:middle; width:60px; height:40px; }





.default_layout {width:auto; min-width:auto;}



/*메인 회사소개*/
.main_about_wrap {padding:20px 0px;  margin:0 0px; padding-bottom:0px;}
.main_about_wrap .default_layout{position:relative;}
.main_about_wrap .default_layout .box {padding:0 20px;}
.main_about_wrap .title .t1{font-size:18px; margin-top:60px;}
.main_about_wrap .title .t2{font-size:30px; line-height:40px;  margin:10px 0px 20px;}
.main_about_wrap .info {margin-right:0px; line-height:18px; ; font-size:14px; }
.main_about_wrap .detail {margin-top:20px;}
.main_about_wrap .icon {position:relative; right:0px; top:0px;}
.main_about_wrap .icon img {max-width:100%; vertical-align:middle;}



/*특별함5가지*/
.top_quick_box {position:relative; z-index:2; margin:0px; padding:60px 20px; margin-top:60px; background:#fff;  }

.top_quick_box ul { display:block;width:auto;}
.top_quick_box ul li{display:block; margin-bottom:5px; }
.top_quick_box ul li.jump {display:none;}
.top_quick_box ul li a{/*border-right:1px #000 solid;*/ display:block; margin:0 10px;}




/*메인영상*/
.main_videos_wrap {padding:120px 20px; }
.main_videos_wrap .text {margin-right:0px;}
.main_videos_wrap .text .t2{font-size:16px; padding-right:0px;}

.main_videos_wrap .icon {position:relative; right:0px; top:0px; overflow:hidden;}
.main_videos_wrap .icon img {  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; border:10px rgba(255,255,255,0.6) solid; max-width:100%;}




.etc_module_box .title .t1{font-size:18px; }
.etc_module_box .title .t2{font-size:30px; ; margin:5px 0px 60px;}

.etc_module_box ul li {float:none; width:auto;; margin:0px 0px 10px; position:relative;}
.etc_module_box ul li .icon {height:300px; overflow:hidden;  }
.etc_module_box ul li .icon img{width:100%;}


.etc_module_box ul li .text_box { position:absolute; left:0px; left:0px; bottom:30px; height:auto;}
.etc_module_box ul li dl {padding:60px 30px; }




.main_portfolio_wrap_top img {vertical-align:middle; max-width:auto; width:100%; margin-top:90px;}
.main_portfolio_wrap {padding:90px 1px;}
.main_portfolio ul.main_list_box_photo li  {float:left; width:48%; margin:1% !important; }
.main_portfolio ul.main_list_box_photo li .photo {height:160px; }












}