@charset "utf-8";


	



.mobile_main_visual {display:none !important;}


#main_videos {position:relative; z-index:0; width:100%;height:100%; }

/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; ; min-width:1400px; z-index:1;  height:480px; }
.main_visual ul#main_visual_wrap {height:480px; position:relative; z-index:1;}
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:480px; background-size:cover}
.main_visual li.list a{display:block; height:480px; }


.main_visual .main_visual_text {position:absolute; width:100%; height:480px; 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); z-index:0; }
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:80px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {    font-size:18px;  letter-spacing:0px; line-height:20px;  font-weight:bold; transition: all 0.3s;}
.main_visual .main_visual_text .t2 {font-size:80px;  letter-spacing:-1px; line-height:50px; padding-top:30px; color:#fff; font-weight:bold; transition: all 0.3s;}
.main_visual .main_visual_text .t3 {font-size:20px;  letter-spacing:-1px; line-height:30px; padding-top:60px; color:#fff; font-weight:bold; transition: all 0.3s;}
.main_visual .main_visual_text .btn {margin-top:50px;}
.main_visual .main_visual_text .btn a{display:inline-block; background:#3399ff;  color:#fff; font-weight:bold; font-size:17px; min-width:250px; line-height:55px; text-align:center; border-radius:55px;  transition: all 0.3s;}


.main_visual .main_pager {position:absolute; left:0px; bottom:30px; width:100%;  z-index:99999999 !important; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; cursor:pointer; width:13px; height:13px; border-radius:13px; margin:0 5px;  background:rgba(255,255,255,0.6); }
.main_visual .main_pager .cycle-pager-active{background:#3399ff;}


.main_top_banner {border-bottom:1px #ededed solid; padding:10px 0px; }
.main_top_banner ul {display:table; width:100%; table-layout:fixed; }
.main_top_banner ul li{display:table-cell; vertical-align:top;   text-align:center; }
.main_top_banner ul li.jump{width:10px; background:#fff;}
.main_top_banner ul li img {vertical-align:middle; max-width:100%;}
.main_top_banner ul li:last-child {display:none;}


.main_vides_wrap_box {background:#fafafa; padding:40px 0px 60px;}
.main_vides_wrap {margin-bottom:30px; border-bottom:1px #ededed solid; padding-bottom:10px;}
.main_vides_wrap.border {border-bottom:0px; margin-bottom:0px; padding-bottom:0px}
.main_vides_wrap .title {position:relative;}
.main_vides_wrap .title .t1{font-weight:bold; font-size:27px; color:#000;; line-height:30px; letter-spacing:-1px; display:inline-block;}
.main_vides_wrap .title .t1 div{display:inline-block; position:relative; transition: all 0.5s; }
.main_vides_wrap .title .t1 span{position:absolute; left:0px; bottom:0px; width:0px; height:27px; background:rgba(51,153,255,0.2); transition: all 0.5s; }
.main_vides_wrap .title .t2{ font-size:15px; color:#777;  display:inline-block;  margin-left:5px;}
.main_vides_wrap .title .more{position:absolute; right:0px; top:10px;}
.main_vides_wrap .title .more a{color:#666; display:inline-block; text-align:center;  background:#3399ff url(../images/main/main_vides_wrap_title_more_dot.png?1) 80% 50% no-repeat; ;  font-size:13px; color:#fff; padding:0 30px 0px 15px; border-radius:30px; line-height:30px;}
.main_vides_wrap .title .more a .fonti {position:relative; margin-left:5px;display:none;}
.main_vides_wrap .title .more a:hover  {background-color:#000;}

.main_vides_wrap ul {margin-top:30px; overflow:hidden;}
.main_vides_wrap ul li{float:left; width:335px; margin-right:20px; overflow:hidden;}
.main_vides_wrap ul li:nth-child(4n+4) {margin-right:0px;}
.main_vides_wrap ul li .pic {border-radius:10px; overflow:hidden; cursor:pointer; position:relative;} 
.main_vides_wrap ul li .pic img {vertical-align:middle; width:100%;  transition: all 0.4s; }
.main_vides_wrap ul li .pic .play_btns {position:absolute; left:0px; top:0px; width:100%; text-align:Center; height:100%; background:rgba(0,0,0,0.4); display:none;  transition: all 0.3s; z-index:1;}
.main_vides_wrap ul li .pic .play_btns .fonti {font-size:45px; color:#fff;  transition: all 0.3s;  }
.main_vides_wrap ul li .pic:hover .play_btns {display:block; }
.main_vides_wrap ul li .pic:hover .play_btns .fonti {margin-top:70px;}
.main_vides_wrap ul li .text_box {padding:20px 0px;}
.main_vides_wrap ul li .text_box .t1{font-size:18px; color:#000; letter-spacing:-1px; font-weight:bold; transition: all 0.4s; }
.main_vides_wrap ul li .text_box .t1 .hidden_ca_name{display:none;}
.main_vides_wrap ul li .text_box .t1 .main_hidden_title_info{display:none;}
.main_vides_wrap ul li .text_box .t2{margin-top:10px; font-size:13px; color:#777; line-height:18px;}
.main_vides_wrap ul li .text_box .t3 {margin-top:20px;}
.main_vides_wrap ul li .text_box .t3 span {display:inline-block; margin-right:10px; padding:0 10px;line-height:25px; background:#f2f2f2; color:#666; font-size:13px; letter-spacing:0px;}
.main_vides_wrap ul li:hover .pic img {transform: scale(1.4);}
.main_vides_wrap ul li:hover .text_box .t1 {color:#3399ff;}

.main_vides_wrap:hover .title .t1 div{padding:0 10px;}
.main_vides_wrap:hover .title .t1 span{ width:100%;}


/*중간안내*/
.main_company_info_wrap {margin:80px 0px; display:none;}
.main_company_info_wrap .default_layout {overflow:hidden; padding-top:15px}
.main_company_info_wrap ul li{float:left; display:inline-block; width:446px;  border-radius:10px; position:relative; transition: all 0.3s;}
.main_company_info_wrap ul li .box{padding:30px;}
.main_company_info_wrap ul li.m1 {background:#f4f1fa url(../images/main/main_company_info_wrap_icon01.png) 95% 60% no-repeat;;}
.main_company_info_wrap ul li.m2 {background:#f2f6fb  url(../images/main/main_company_info_wrap_icon02.png) 95% 55% no-repeat;; margin:0 30px;}
.main_company_info_wrap ul li.m3 {background:#e4e3e5  url(../images/main/main_company_info_wrap_icon03.png) 95% 50% no-repeat;;}
.main_company_info_wrap ul li .t1{font-size:20px; font-weight:bold; margin-bottom:20px; color:#282a2e;}
.main_company_info_wrap ul li .t2{font-size:15px; color:#5a5c60; line-height:18px; padding-right:120px;}
.main_company_info_wrap ul li .btn {margin-top:30px;}
.main_company_info_wrap ul li .btn a{display:inline-block; padding:0 20px; background:#fff; color:#999; line-height:35px; border-radius:35px; font-size:12px;  transition: all 0.3s;}
.main_company_info_wrap ul li .btn a:hover{background:#3399ff; color:#fff;}
.main_company_info_wrap ul li:hover {margin-top:-15px; box-shadow: 0px 1px 10px rgb(0 0 0 / 20%);}




.main_board_wrap {margin-top:40px; }
.main_board_wrap .col_box {overflow:hidden; }
.main_board_wrap .col_box .col{float:left; display:inline-block; width:444px; border:1px #ddd solid;  border-radius:10px; overflow:hidden;}
.main_board_wrap .col_box .col .title {position:relative; margin-bottom:30px;  padding-bottom:20px; background:#f3f9ff; border-bottom:1px #ededed solid; padding:30px 30px 25px;  border-radius:10px 10px 0px 0px; }
.main_board_wrap .col_box .col .title .t1 {font-size:20px; font-weight:bold;  color:#282a2e;}
.main_board_wrap .col_box .col .title .t2 {font-size:14px; color:#777;  margin-top:2px;}
.main_board_wrap .col_box .col .title .t3 {position:absolute; right:30px; top:35px; color:#666;   font-size:14px; width:25px; height:25px; line-height:25px; border:1px #ddd solid; background:#fff; text-align:center; border-radius:4px;}
.main_board_wrap .col_box .col .box{padding:0px; background:#fff; border-radius:10px;  padding:0px 30px 30px;}
.main_board_wrap .col_box .col.m2 { margin:0 30px;}
.main_board_wrap .col_box .col.m2 .box,
.main_board_wrap .col_box .col.m3 .box {padding-bottom:18px}

.main_board_wrap .col_box .notice li:nth-child(2n+2) {margin-top:20px;}
.main_board_wrap .col_box .notice li:nth-child(3n+3) {margin-top:20px;}
/*
.main_board_wrap .col_box .notice li .col_notice {display:table; width:100%;  }
.main_board_wrap .col_box .notice li .col_notice .col_list{display:table-cell; vertical-align:top; }
.main_board_wrap .col_box .notice li .col_notice .col_list.photo {width:90px; height:65px; overflow:hidden;  border-radius:5px; display:none;}
.main_board_wrap .col_box .notice li .col_notice .col_list.photo div {width:100%; height:65px;  background-size:cover; background-repeat:no-repeat; background-position:center top; line-height:65px; font-size:11px;  transition: all 0.4s; overflow:hidden;}
.main_board_wrap .col_box .notice li:hover .col_notice .col_list.photo div {transform: scale(1.4);}*/
.main_board_wrap .col_box .notice li .col_notice .col_list.text {padding-left:0px;}
.main_board_wrap .col_box .notice li .col_notice .col_list.text .t1{font-size:16px; color:#000; font-weight:bold; line-height:18px;}
.main_board_wrap .col_box .notice li .col_notice .col_list.text .t2{font-size:13px; color:#777; margin-top:10px; line-height:18px;}



.main_board_wrap .col_box .default ul {width:100% !important; }
.main_board_wrap .col_box .default ul li {position:relative; font-size:15px; height:40px; margin:0px; line-height:30px; width:100% !important;  color:#000; }
.main_board_wrap .col_box .default ul li .name,
.main_board_wrap .col_box .default ul li .process_ing {display:inline-block; background:#f2f2f2; color:#999; font-size:12px; padding:0 10px; border-radius:30px; margin-right:10px;}
.main_board_wrap .col_box .default ul li .process_ing.ing {background:#9c9c9c; color:#fff;}
.main_board_wrap .col_box .default ul li .process_ing.filming {background:#f87514; color:#fff;}
.main_board_wrap .col_box .default ul li .process_ing.end {background:#3399ff; color:#fff;}

.main_board_wrap .col_box .default ul li .date{float:right; right:0px; top:0px; color:#888; font-size:14px; }

.main_board_wrap .col_box .default.etc ul li {background:url(../images/main/main_board_dot.gif) left 15px no-repeat; padding-left:10px;}



.main_blog_wrap_box {background:#fafafa; padding:60px 0px 60px; margin-top:40px;;}


.main_blog_wrap {}
.main_blog_wrap .title {position:relative;}
.main_blog_wrap .title .t1{font-weight:bold; font-size:27px; color:#000;; line-height:30px; letter-spacing:-1px;}
.main_blog_wrap .title .t1 .etc {display:inline-block;  margin-left:10px; font-size:15px; color:#777;  font-weight:normal;}
.main_blog_wrap .title .t1 .icon{ width:25px; height:25px; display:inline-block;  vertical-align:middle; margin-right:10px; border-radius:25px;  background:#00cb49 url(../images/common/blog.svg) center 50% no-repeat;  background-size:20px;; position:relative; top:-2px;  }
.main_blog_wrap .title .more{position:absolute; right:0px; top:10px;}
.main_blog_wrap .title .more a.btn{color:#666; display:inline-block;;padding:0 20px; border-radius:33px; background-size:11px; font-size:12px; border:1px #00cb49 solid; line-height:33px;  color:#04a83f;}


.main_blog_wrap ul {overflow:hidden; margin-top:30px; width:1420px !important; z-index:1;}
.main_blog_wrap ul li {width:264px; margin-right:20px; text-align:center;  overflow:hidden;border-radius:10px;}
.main_blog_wrap ul li .box {position:relative;}
.main_blog_wrap ul li .pic {overflow:hidden;  background-position:center top; background-repeat:no-repeat; background-size:100%; padding-top:60%; width:100%; transition: all 0.4s;}
.main_blog_wrap ul li:hover .pic {transform: scale(1.2);}

.main_blog_wrap ul li .text {position:absolute; left:0px; bottom:0px; width:100%; padding:15px 0px;  background: linear-gradient(
            to bottom,
            rgba(20, 20, 20, 0) 10%,
            rgba(20, 20, 20, 0.25) 25%,
            rgba(20, 20, 20, 0.5) 50%,
            rgba(20, 20, 20, 0.75) 75%,
            rgba(20, 20, 20, 1) 100%
          ); color:#fff;}

.main_blog_wrap .main_blog_btns {display:inline-block; margin-right:5px;}
.main_blog_wrap .main_blog_btns a{display:inline-block; margin:0px 1px;width:33px; height:33px; border-radius:33px;  line-height:33px; text-align:center; border:1px #00cb49 solid;  text-align:center; color:#04a83f; }

.main_blog_wrap .main_blog_btns a span{display:inline-block; vertical-align:middle; }
.main_blog_wrap .main_blog_btns a:hover {background:#00cb49; color:#fff;}


.main_banner_contents {margin-top:40px;}

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



.main_map_wrap {position:relative;  padding:80px 0px;}
.main_map_wrap .name_text{width:500px; position:absolute; left:0px; top:20px;}
.main_map_wrap .name_text .t1{font-size:30px; color:#000; font-weight:bold; }
.main_map_wrap .name_text .company_info{ font-size:16px; color:#888; font-weight:normal; margin-top:40px; }
.main_map_wrap .name_text .company_info .col {position:relative; padding:3px 0px; line-height:30px;}
.main_map_wrap .name_text .company_info .col .s_info{position:absolute; left:0px; top:6px; color:#000; background:#f8f8f8; color:#333; width:60px; text-align:center; font-size:13px;  border-radius:3px;}
.main_map_wrap .name_text .company_info .col .s_text{padding-left:80px;}
.main_map_wrap .info {margin-left:550px; background:#f2f2f2; height:300px;  border-radius:20px; overflow:hidden;}
.main_map_wrap .info .common_map {width:100%; height:300px;  }



#footerGroup {margin-top:0px; }







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


.main_visual { min-width:auto; overflow:hidden;height:250px; }
.main_visual ul#main_visual_wrap {height:350px; }
.main_visual li.list {height:350px; background-size:cover}
.main_visual .main_visual_text {height:350px; }
.main_visual .main_visual_text .text{padding:0 20px; padding-top:50px}

.main_visual .main_visual_text .text .t1{font-size:14px; line-height:18px;}
.main_visual .main_visual_text .text .t2{font-size:40px; line-height:40px; padding-top:15px}
.main_visual .main_visual_text .text .t3{font-size:; display:none;}

.main_visual .main_visual_text .btn {margin-top:20px;}
.main_visual .main_visual_text .btn a{font-size:15px; min-width:150px; line-height:40px; border-radius:40px;}


.mobile_main_visual {display:block;} 
.mobile_main_visual {text-align:center; position:relative; width:100%; ; z-index:1;  }
.mobile_main_visual li.m_list {width:100% !important;}
.mobile_main_visual li.m_list img {vertical-align:middle; width:100%;}


.mobile_main_visual .m_main_pager {position:absolute; left:0px; bottom:10px; width:100%;  z-index:99999999 !important; }
.mobile_main_visual .m_main_pager span{display:inline-block; vertical-align:top; cursor:pointer; width:13px; height:13px; border-radius:13px; margin:0 5px;  background:rgba(255,255,255,0.6); }
.mobile_main_visual .m_main_pager .cycle-pager-active{background:#3399ff;}








.main_top_banner { padding:5px 0px;}
.main_top_banner ul {display:block; width:auto;}
.main_top_banner ul li{display:block; margin-bottom:5px;}
.main_top_banner ul li.jump{display:none;}
.main_top_banner ul li img {width:100%;}
.main_top_banner ul li:last-child {display:block; margin-bottom:0px; display:none;}
.main_top_banner ul li:nth-child(5n) {margin-bottom:0px;}


.main_vides_wrap_box {padding:40px 10px 40px;}
.main_vides_wrap .title .t2{  display:block;  margin-left:0px;}
.main_vides_wrap .title .more{position:absolute; right:0px; top:0px;}


.main_vides_wrap ul {margin-top:30px; overflow:hidden;}
.main_vides_wrap ul li{float:none; width:auto; margin:0px 0px 20px !important; }






.main_board_wrap {margin-top:20px; padding:0 10px; }
.main_board_wrap .col_box .col{float:none; display:block; width:auto; margin:0px 0px 10px !important;}
.main_board_wrap .col_box .default ul li{overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}



.main_blog_wrap_box {padding:60px 10px 60px; margin-top:40px;;}
.main_blog_wrap ul li {margin-right:10px;}

.main_blog_wrap .title .more{position:absolute; right:0px; top:-3px;}



.main_blog_wrap .main_blog_btns a span{display:block; vertical-align:middle; position:relative; top:4px;}



.main_map_wrap {position:relative; padding:40px 10px; margin-bottom:20px;}
.main_map_wrap .name_text{width:auto; position:relative; left:0px; top:0px;}
.main_map_wrap .name_text .t1 {font-size:27px; line-height:30px;}
.main_map_wrap .name_text .company_info .col { line-height:25px;}
.main_map_wrap .info {margin-left:0;   height:300px;  border-radius:10px; margin-top:30px; border:1px #ddd solid; overflow:hidden;}
.main_map_wrap .info .common_map {width:100%; height:300px;  }


.main_map_wrap .name_text .company_info {margin-top:20px;}

}




@media all and (min-width:768px) and (max-width:1080px) {

.main_visual { min-width:auto; overflow:hidden;height:400px;}
.main_visual ul#main_visual_wrap {height:400px; }
.main_visual li.list {height:400px; background-size:cover}
.main_visual .main_visual_text {height:400px; }


.main_visual .main_visual_text .text{padding:0 20px; padding-top:80px}
.main_visual .main_visual_text .text .t1{font-size:18px; line-height:18px;}
.main_visual .main_visual_text .text .t2{font-size:50px; line-height:40px; padding-top:15px}
.main_visual .main_visual_text .text .t3{font-size:14px; display:block; padding-top:15px; line-height:18px;}




.main_top_banner ul {display:table; width:100%;}
.main_top_banner ul li{display:table-cell; margin-bottom:0px;}
.main_top_banner ul li.jump{display:table-cell; width:10px}
.main_top_banner ul li img {width:100%;}
.main_top_banner ul li:last-child {display:none;}



.main_vides_wrap .title .more{top:10px;}


.main_vides_wrap ul {margin-top:30px; overflow:hidden;}
.main_vides_wrap ul li{float:left; width:49%; margin:0px 0px 20px !important; }
.main_vides_wrap ul li:nth-child(4n+2),
.main_vides_wrap ul li:nth-child(4n+4) {float:right;}


.main_vides_wrap ul li .text_box .t2{height:36px;}
.main_vides_wrap ul li .text_box .t3 span {margin-right:3px; padding:0 5px;line-height:25px;  font-size:12px;}




.main_board_wrap {margin-top:20px; padding:0 10px; }
.main_board_wrap .col_box .col{float:left;  width:32%; margin:0px 0px 10px !important; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.main_board_wrap .col_box .col.m2{margin:0px 2% 10px !important;}
.main_board_wrap .col_box .col .title {margin-bottom:15px;}
.main_board_wrap .col_box .col .box {padding:15px}

.main_board_wrap .col_box .default ul li  {overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; }
.main_board_wrap .col_box .default ul li .date {display:none;}

.main_board_wrap .col_box .notice li .col_notice .col_list.text .t1{overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main_board_wrap .col_box .notice li .col_notice .col_list.text .t2{margin-top:6px; height:44px; line-height:22px; overflow:hidden;}




.main_blog_wrap_box {padding:60px 10px 60px; margin-top:40px;;}
.main_blog_wrap ul li {margin-right:10px;}

.main_blog_wrap .title .more{position:absolute; right:0px; top:-3px;}



.main_blog_wrap .main_blog_btns a span{display:block; vertical-align:middle; position:relative; top:4px;}




}





@media all and (min-width:1081px) and (max-width:1440px) {


.main_board_wrap .col_box .col {width:32%;}
.main_board_wrap .col_box .col.m2 {margin:0 1%;}
.main_board_wrap .col_box .default ul li  {overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; }
.main_board_wrap .col_box .notice li .col_notice .col_list.text .t2 {height:35px; overflow:hidden;}
}