@charset "utf-8";



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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:80%; height:600px; min-width:1400px; overflow:hidden; z-index:1; margin:60px auto; border-radius:60px; overflow:hidden;}
.main_visual ul {height:600px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:600px; 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 .main_visual_text {position:absolute; width:100%; height:600px; top:0px;  color:#fff; z-index:2;   }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:100px; color:#fff; text-align:center; }
.main_visual .main_visual_text .t1 {font-size:40px;  top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%; }
.main_visual .main_visual_text .t2 {display:block;font-size:50px; top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%; letter-spacing:-6px; font-weight:bold;}
.main_visual .main_visual_text .t3 {font-size:18px; top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%; }


.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 70px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t2 {top: 130px;    transition: all 1.6s;    transition-delay: 1s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t3 {top: 200px;    transition: all 1.7s;    transition-delay: 1.5s;    opacity: 1; ;} 



.main_visual .pager_box {position:absolute; width:100%;  bottom:160px; text-align:center;   z-index:99999999 !important;}
.main_visual .main_pager {text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-left:10px;}
.main_visual .main_pager span{display:inline-block;  margin-right:5px;}
.main_visual .main_pager a{display:block; color:#fff; padding-right:30px;  margin-right:7px;}
.main_visual .main_pager .cycle-pager-active{border-bottom:3px #fff solid;}

.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_business {margin-top:80px;}
.main_business h3{text-align:center; color:#000;}
.main_business h3 .t1{font-size:22px; font-weight:normal;}
.main_business h3 .t2{font-size:40px; line-height:40px; margin-top:10px; }
.main_business h3 .t2 span {color:#d31818}
.main_business ul {margin-top:40px; overflow:hidden; padding-left:1px;}
.main_business ul li {float:left; width:33.33333333%;}
.main_business ul li .box {border:1px #ddd solid; margin-left:-1px; padding:30px; position:relative;}
.main_business ul li .box .icon {position:absolute; left:30px; top:40px;}
.main_business ul li .box .text {padding-left:120px;}
.main_business ul li .box .text dl dt {font-size:22px; font-weight:bold; color:#000;}
.main_business ul li .box .text dl dd {font-size:16px; margin-top:10px; color:#777; line-height:20px;}
.main_business ul li .box:hover {background:#d31818; }
.main_business ul li .box:hover dl dt {color:#fff;}
.main_business ul li .box:hover dl dd {color:#fff;}



.main_box01_wrap {overflow:hidden; margin-top:20px;}
.main_box01_wrap .left_box {float:left; width:750px;  background:#f6f6f6 url(../images/main/main_about_wrap_company01.png) 90% 50% no-repeat;}
.main_box01_wrap .left_box .box {padding:50px;}
.main_box01_wrap .left_box .box .title {font-size:25px; color:#ff6600; font-weight:bold;}
.main_box01_wrap .left_box .box .subject {font-size:35px; color:#000;  font-weight:bold; margin:15px 0px;  padding-bottom:20px;}
.main_box01_wrap .left_box .box .subject_info {font-size:15px; color:#777; line-height:18px; margin-right:250px; }
.main_box01_wrap .left_box .box .btn {margin-top:20px;}
.main_box01_wrap .left_box .box .btn a {display:inline-block; line-height:30px; padding:0 10px; background:#444; color:#fff; font-size:12px;}

.main_box01_wrap .right_box {float:right; width:430px;}
.main_box01_wrap .right_box .right_box_box01 {background:#c5d2ce; height:141px; }
.main_box01_wrap .right_box .right_box_box02 {background:#d0d0d0; height:141px; margin-top:20px;}
.main_box01_wrap .right_box dl {padding:30px ;}
.main_box01_wrap .right_box dl dt { font-size:22px; color:#000;}
.main_box01_wrap .right_box dl dd {font-size:14px; color:#000;}
.main_box01_wrap .right_box dl dd.tell {font-size:20px; margin:15px 0px 5px; color:#000; font-weight:bold;}
.main_box01_wrap .right_box dl dd.tell SPAN {COLOR:#62594a; display:inline-block; margin-left:20px;}
.main_box01_wrap .right_box dl dd a {display:inline-block; line-height:30px; padding:0 10px; background:#737373; color:#fff; font-size:12px; margin-top:10px;}







.about_main {  /*background:#f8f8f8 url(../images/main/about_main_bg.jpg) center top no-repeat; background-size:cover;*/; padding:60px 0px;  }
.main_col_box_wrap {  text-align:center; width:1200px; margin:0 auto; }
.main_col_box_wrap .title {text-align:center; color:#000;}
.main_col_box_wrap .title .t1{font-size:22px; font-weight:normal;}
.main_col_box_wrap .title .t2{font-size:40px; line-height:40px; margin-top:10px; font-weight:bold;}
.main_col_box_wrap .title .t2 span {color:#d31818}


.main_col_box_wrap ul {text-align:center; margin-top:60px; width:100% !important;}
.main_col_box_wrap ul li{display:inline-block;  width:270px !important; margin:0px 15px; border-radius:5px; background:#fff; position:relative; overflow:hidden; vertical-align:top;}
.main_col_box_wrap ul li img {vertical-align:middle;}



.main_col_box_wrap ul li .icon img{vertical-align:middle;}
.main_col_box_wrap ul li .box  {padding:15px 10px; background:#fff; white-space: normal; text-align:left; }
.main_col_box_wrap ul li .box .t1  {font-size:18px; color:#000; height:40px; line-height:20px;}
.main_col_box_wrap ul li .box .t2  {font-size:14px; color:#777; line-height:18px; height:36px; overflow:hidden; margin-top:10px;}





.detail_view_box  { background:#fff;; display:none; width:1200px;} 
.detail_view_box .detail_view_box_wrap {position:relative; padding:30px;  overflow:hidden; overflow-y:auto; height:600px; }  
.detail_view_box .detail_view_box_wrap img {max-width:100%; vertical-align:middle;} 
.detail_view_box .detail_subject {color:#000; font-size:20px; } 
.detail_view_box .detail_info_aa {padding:20px 0px;} 


.detail_view_box .close_btn {position:absolute; right:-60px; top:0px;}





/*메인마지막정보*/
.main_info_box {padding:30px 0px;}
.main_info_box h3{font-size:20px;  overflow:hidden; line-height:25px; margin-bottom:20px; color:#000;}
.main_info_box h3 a{float:right;  font-size:13px; font-weight:normal;}

.main_info_box_wrap {display:table; width:100%; }
.main_info_box_wrap .col {display:table-cell; vertical-align:top; padding:40px 40px 20px; border:1px #ddd solid; }
.main_info_box .notice {width:330px;}
.main_info_box .notice ul{}
.main_info_box .notice ul li {overflow:hidden; line-height:30px; font-size:15px;}
.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 .quest{display:inline-block; width:20px; height:20px; line-height:20px; border-radius:20px; background:#ddd; color:#777;  font-size:12px; text-align:center; margin-right:10px;}
.main_info_box .notice ul li .date{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 .banner { border-left:0px;}
.main_info_box .banner ul{display:table; width:100%; table-layout:fixed; margin-top:45px;}
.main_info_box .banner ul li {display:table-cell; vertical-align:top; text-align:center; }
.main_info_box .banner ul li .icon img {vertical-align:middle;}
.main_info_box .banner ul li .text {margin-top:25px;}
.main_info_box .banner ul li .text .t1 {font-size:18px; color:#000; font-weight:bold;}
.main_info_box .banner ul li .text .t2 {font-size:14px; color:#777}
.main_info_box .banner ul li .text .t3 {margin-top:5px;}
.main_info_box .banner ul li .text .t3 a {display:inline-block; border:1px #ddd solid; padding:0 10px; line-height:35px; font-size:13px; color:#666}




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


.main_visual { width:auto;  height:300px; min-width:auto; margin:20px 10px 0px;}
.main_visual ul {height:300px; }
.main_visual li { width:100%; height:300px; background-size:cover !important}
.main_visual li.cycle-slide-active{  background-size:cover !important}



.default_layout {width:auto; min-width:auto;}
.main_visual .main_visual_text .text { padding-top:0px;}
.main_visual .main_visual_text .t1 {font-size:20px; }
.main_visual .main_visual_text .t2 {font-size:25px;letter-spacing:-2px; padding:0 20px; width:auto}
.main_visual .main_visual_text .t3 {font-size:16px; line-height:20px;}




.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 90px;  } 
.main_visual li.cycle-slide-active .main_visual_text .t2 {top: 120px;   } 
.main_visual li.cycle-slide-active .main_visual_text .t3 {top: 180px;  } 



.main_visual .pager_box { bottom:20px; }
.main_visual .main_pager {text-align:center; margin:0 2px;}
.main_visual .main_pager span{ margin:0 5px;}
.main_visual .main_pager a{padding:0 2px;  margin-right:0px;}
.main_visual .main_pager .cycle-pager-active{border-bottom:2px #fff solid;}





.main_business {margin-top:40px;}

.main_business h3 .t1{font-size:18px}
.main_business h3 .t2{font-size:30px; line-height:30px; margin-top:10px; }

.main_business ul {margin:40px 10px 0; padding:0px;}
.main_business ul li {float:none; width:auto}
.main_business ul li .box { margin-left:0px; padding:30px;}
.main_business ul li .box .text {padding-left:100px;}




.main_box01_wrap {overflow:hidden; margin:0 10px; margin-top:20px;}
.main_box01_wrap .left_box {float:none; width:auto;  background-size:150px; background-position:98% 50%;}
.main_box01_wrap .left_box .box {padding:30px;}
.main_box01_wrap .left_box .box .title {font-size:20px;}
.main_box01_wrap .left_box .box .subject {font-size:30px;}
.main_box01_wrap .left_box .box .subject_info {margin-right:160px; }


.main_box01_wrap .right_box {float:none; width:auto; }
.main_box01_wrap .right_box .right_box_box01 { height:auto; }
.main_box01_wrap .right_box .right_box_box02 { height:auto;}
.main_box01_wrap .right_box dl {padding:30px ;}

.main_box01_wrap .right_box dl dd.tell {font-size:18px; }


.about_main {  padding:60px 0px;  }
.main_col_box_wrap {width:auto; overflow:hidden;}
.main_col_box_wrap .title .t1{font-size:18px; }
.main_col_box_wrap .title .t2{font-size:30px; line-height:30px; margin-top:5px; }






/*메인마지막정보*/
.main_info_box {padding:0px 10px;}


.main_info_box_wrap {display:block; width:auto; }
.main_info_box_wrap .col {display:block; vertical-align:top; padding:40px 20px 20px;  margin-bottom:10px;}
.main_info_box .notice {width:auto;}

.main_info_box .banner { border-left:0px;}

.main_info_box .banner ul li .icon img {max-width:60%;}
.main_info_box .banner ul li .text .t1 {font-size:16px; }
.main_info_box .banner ul li .text .t2 {font-size:12px; }


}