@charset "utf-8";



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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:500px; min-width:1500px; overflow:hidden; z-index:1;}
.main_visual ul {height:500px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:500px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; height:500px; 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:180px; color:#fff; text-align:center; }
.main_visual .main_visual_text .t1 {font-size:25px;  letter-spacing:-1px; line-height:30px;}
.main_visual .main_visual_text .t2 {font-size:50px;  letter-spacing:-1px; line-height:60px; padding:10px 0px;}


.main_visual .control {position:absolute; top:330px; width:100%; text-align:center; z-index:4; text-indent:-9999px;;}
.main_visual .control a {float:left; width:46px; height:80px; background:url(../images/main/visual_btn.png) left top no-repeat; margin-left:40px}
.main_visual .control a#visual_next {float:right;background-position:right top; margin:0 40px 0 0;}


.main_visual .main_pager {position:absolute; width:100%; left:-10px; bottom:60px;  z-index:99999999;  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:rgba(255,255,255,0.7); }
.main_visual .main_pager .cycle-pager-active{background:#fbaf1d;}




.main_notice_box {margin-top:45px; overflow:hidden;}
.main_notice_box .col {float:left; width:333px}
.main_notice_box .col h3 {border-bottom:1px #ddd solid; line-height:42px; font-size:20px; color:#2b4f77; position:relative; font-weight:normal; font-family: 'Nanum Square';}
.main_notice_box .col h3 .more {position:absolute; right:0px; top:10px; width:18px; height:18px; background:#2b4f77 url(../images/main/main_more01.png) center 50% no-repeat;; transition: all 0.2s;}
.main_notice_box .col h3 .more:hover {background-color:#444; transition: all 0.4s;}



.main_notice_box .col.notice ul{margin-top:15px;}
.main_notice_box .col.notice ul li{position:relative; line-height:22px; background:url(../images/main/main_notice_more.jpg) left 50% no-repeat; padding-left:10px;}
.main_notice_box .col.notice ul li a{display:inline-block; width:70%; font-size:13px;}
.main_notice_box .col.notice ul li .date {position:absolute; right:0px; top:0px; color:#888;  }
.main_notice_box .col.notice ul li:hover a {color:#2b4f77;}

.main_notice_box .gallery {margin:0 50px;}
.main_notice_box .gallery ul {margin-top:15px; overflow:hidden;}
.main_notice_box .gallery ul li{float:left; width:102px; text-align:center; }
.main_notice_box .gallery ul li .photo {overflow:hidden; width:100%; height:68px;}
.main_notice_box .gallery ul li .photo img{vertical-align:top; width:100%; height:68px;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_notice_box .gallery ul li:hover .photo img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_notice_box .gallery ul li:hover a{color:#2b4f77;}
.main_notice_box .gallery ul li:nth-child(2) {margin:0 13px;}


.main_notice_box .main_production dl{background:url(../images/main/main_production_bg.png) 16px 10px no-repeat; padding:15px 30px 0 120px; height:93px;}
.main_notice_box .main_production dl dt {font-size:16px;; color:#2b4f77; font-weight:bold; }
.main_notice_box .main_production dl dd {margin-top:10px; line-height:16px; color:#777;}




.main_last_box  {margin:45px 0px 0px; padding:45px 0px;; overflow:hidden;  font-family: 'Nanum Square'; background:#f6f6f6;}
.main_last_box .main_videos {float:left; width:767px; background:#fff /*url(../images/main/main_videos_bg.png)*/; position:relative;}
.main_last_box .main_videos .box  {padding:24px;height:192px;  position:relative; border:1px #eeeeee solid; border-right:0px;}
.main_last_box .main_videos .video{position:absolute; left:24px; top:24px; width:385px; height:195px; background:#fff; overflow:hidden;  }
.main_last_box .main_videos .video img{vertical-align:middle;  width:385px; height:195px;-moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; }
.main_last_box .main_videos:hover .video img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.main_last_box .main_videos .video .play_icon {position:absolute; left:148px; top:80px;  background:url(../images/main/img_box_play.png) center top no-repeat;     width: 71px;    height: 50px; z-index:1;}
.main_last_box .main_videos .video:hover .play_icon {display:none;}

.main_last_box .main_videos .info {margin-left:409px;padding-top:30px;}
.main_last_box .main_videos .info dt {font-size:20px;  color:#222; font-weight:bold; }
.main_last_box .main_videos .info dd {font-size:14px;color:#666; margin-top:20px; line-height:18px;}
.main_last_box .main_videos .more {display:inline-block; line-height:40px; background:#2b4f77; border:1px #2b4f77 solid;  margin-left:409px; margin-top:20px; color:#fff;  padding:0 20px; transition: all 0.2s;}
.main_last_box .main_videos .more:hover {background:#494949;transition: all 0.3s;}

.main_last_box .main_cscenter {float:left; width:333px; height:242px;}
.main_last_box .main_cscenter .box {padding:0px 20px 0px 120px;}
.main_last_box .main_cscenter .box .title  {font-size:20px;  color:#fff; transition: all 0.2s;}
.main_last_box .main_cscenter .box .title_info  {font-size:13px; margin-top:10px; color:rgba(255,255,255,0.7); line-height:18px;}
.main_last_box .main_cscenter .m1 {background:#16abc1 url(../images/main/main_cscenter_m1_bg.png?202011) 25px 54% no-repeat;; height:121px; transition: all 0.2s; }
.main_last_box .main_cscenter .m1 .title  {padding-top:27px;}
.main_last_box .main_cscenter .m1:hover   {background-position:25px 40%; transition: all 0.3s;}
.main_last_box .main_cscenter .m1:hover .title  {color:#ddd; transition: all 0.3s;}
.main_last_box .main_cscenter .m2 {background:#00578a url(../images/main/main_cscenter_m2_bg.png) 20px 50% no-repeat;; height:121px;}
.main_last_box .main_cscenter .m2 .title  {padding-top:13px;}
.main_last_box .main_cscenter .m2 .call  {font-size:22px; font-weight:bold; color:#fff; margin:7px 0px 0px;}
.main_last_box .main_cscenter .m2 .email  {font-size:12px; color:rgba(255,255,255,0.7); line-height:18px;}