@charset "utf-8";

/******************************* 메인 비쥬얼 *******************************/
/* 메인 :: 비주얼 */
#mainVisual .visual-item:before {display:Block; content:""; position:Absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:5; }
#mainVisual{position:relative; width:100%; overflow:hidden; min-width:1200px;}
#mainVisual .visual-item {position:relative; width:100%; overflow:hidden; }
#mainVisual .visual-item > img{	min-width:1200px; width:100%;	min-height:1100px; -ms-transform: scale(1.2,1.2); /* IE 9 */    -o-transform: scale(1.2,1.2); /* IE 9 */    -moz-transform: scale(1.2,1.2); /* IE 9 */    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */     transform: scale(1.2,1.2);	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */	-moz-transition:transform 5000ms ease-in-out ; /* Safari */	-o-transition:transform 5000ms ease-in-out ; /* Safari */	-ms-transition:transform 5000ms ease-in-out ; /* Safari */    transition:transform 5000ms ease-in-out ;}
#mainVisual .visual-item:focus{outline:none;}

#mainVisual .visual-txt{position:absolute; top:200px; left:50%; margin-left:-600px; width:1200px; height:250px; margin-bottom:10px;  text-align:left; z-index:10; }
#mainVisual .visual-inner-txt{ color:#fff; padding-bottom:30px;}
#mainVisual .visual-inner-txt h2,#mainVisual .visual-inner-txt strong,#mainVisual .visual-inner-txt span,#mainVisual .visual-inner-txt   p{display:block;	opacity:0;filter:Alpha(opacity=0);	-moz-transform:translateX(10%);  	-ms-transform:translateX(10%);  	transform:translateX(10%);  	-moz-transition:all 0.5s;	-ms-transition:all 0.5s;	transition:all 0.5s;}
#mainVisual .visual-inner-txt h2{ transition-delay:0.2s; font-size:5.4em; line-height:1em; font-family: 'Nanum Square EB';}
#mainVisual .visual-inner-txt strong{padding:20px 0 15px; font-size:16px; font-weight:300; transition-delay:0.4s; line-height:25px}
#mainVisual .visual-txt a{margin-left:23px; color:#fff; padding:0 42px 5px 0; background:url(../../images/icon/more_btn_bg.png) no-repeat 0 100%; 	opacity:0;filter:Alpha(opacity=0);	transition:all 0.5s 0.8s; }

/* active */
#mainVisual .visual-item.active > img{	-ms-transform: scale(1,1); /* IE 9 */    -o-transform: scale(1,1); /* IE 9 */    -moz-transform: scale(1,1); /* IE 9 */    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */    transform: scale(1,1);}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt strong,
#mainVisual .active .visual-inner-txt span,
#mainVisual .active .visual-inner-txt  p{-moz-transform:translateX(0);  	-ms-transform:translateX(0);  	transform:translateX(0);  }
#mainVisual .active .visual-inner-txt h2, #mainVisual .active .visual-inner-txt strong, #mainVisual .active .visual-txt a{	opacity:1.0;filter:Alpha(opacity=100);}
#mainVisual .active .visual-inner-txt span{	opacity:0.73;filter:Alpha(opacity=73); }
#mainVisual .active .visual-inner-txt  p{	opacity:0.54;filter:Alpha(opacity=54);}

#mainVisual .slick-arrow{position:absolute; top:450px;  width:63px; height:59px; left:50%; margin-left:-600px; background:none; border:0; cursor:pointer; z-index:1000; font-size:0;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
#mainVisual .slick-arrow.slick-prev{background:url(../../images/button/main_visual_prev_btn.png) no-repeat}
#mainVisual .slick-arrow.slick-next{margin-left:-536px; background:url(../../images/button/main_visual_next_btn.png) no-repeat}
#mainVisual .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mainVisual .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}




/******************************* 메인 컨텐츠 ******************************/
#mainContainer {position:relative; min-height:1000px !important;}
.container_area {position:Absolute; bottom:150px; left:0px; width:100%; height:460px; display:block; z-index:100; }


/*section */
.container_area .inner {width:1200px;  margin:0 auto; }


/* 메인 - section01 배너 */
.section1 .banner01 { float:left; width:320px; height:522px; background-color:rgba(2, 69, 131, 0.9); padding:0 20px;}
.section1 .banner01 .btnMore a {display:block; width:150px; height:40px; line-height:40px; color:#fff;  margin:20px  auto; border:1px solid #fff;}
.section1 .banner01 .btnMore a:hover {background-color:#fff; color:#222;  transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out;}
.product_img {width:300px; margin:20px auto;}
.product_img img {width:100%; height:160px;}
.product_img .visual-inner-txt span.cate {display:inline-block; margin-top:20px; color:#fff;  opacity:0.7;border-bottom:2px solid #fff;}
.product_img .visual-inner-txt h2 {display:block; font-size:18px; color:#f9ffc6; margin:10px 0;}
.product_img .visual-inner-txt strong {font-weight:400;  line-height:1.3em;}

.center .slick-arrow{position:absolute; top:90px; width:30px; height:30px; left:0;  background:none; border:0; cursor:pointer; z-index:1000; font-size:0;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
.center .slick-arrow.slick-prev{background:url(../../images/icon/arr_icon.png) no-repeat; background-position:-10px -170px ;}
.center .slick-arrow.slick-next{left:auto; right:0px; background:url(../../images/icon/arr_icon.png) no-repeat; background-position:-65px -170px }

.center .scroll-icon{position:absolute; bottom:32px; left:50%; width:72px; margin-left:-36px; text-align:center;}
.center .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:15px;}

.visual-txt a {position:relative; font-family: 'Nanum-regular'; text-align:left;  margin:10px auto; padding:6px 7px 5px 20px; width:100px; line-height:30px; height:30px;  display:block; background-color:#022545; color:#fff;  border:1px solid #011c35; font-size:13px; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms; z-index:1000;}
.visual-txt a:hover {color:#022545;  border:1px solid #011c35; background-color:#fff;  -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
.visual-txt a i {position:absolute; right:10px; top:10px; }


/* 탭 & 알림 게시판 레스트 추출 */
.noticeArea.notice_bg {background-color:rgba(256,256,256,0.95);}
.noticeArea {position:relative; float:left;  width:230px; height:350px;   padding:30px 25px;  background-color:rgba(80, 78, 211,0.9);}
.noticeArea  h3 {display:block;height:35px;line-height:35px;  color:#a6a6a6; font-size:20px;  font-weight:700; }
.noticeArea  a.other_links {position:absolute; top:25px; right:10px;  width:31px;height:31px;background: url('/board/listSkin/default/notice_img/more.gif') 0 0 no-repeat;  text-indent:-99999em;}
.noticeArea  a.other_links2 {position:absolute; top:25px; right:10px;  width:31px;height:31px;background: url('/board/listSkin/default/notice_img/more2.gif') 0 0 no-repeat;  text-indent:-99999em;}
.noticeArea  ol {margin-top:17px;}
.noticeArea  ol li { width:230px; height:80px;  border-bottom:1px dashed #d9d9d9;  font-family: 'Nanum-regular';}
.noticeArea  ol li:first-child {margin-left:0px;}
.noticeArea  ol li a {display:block;overflow:hidden;font-size:14px; height:80px;}
.noticeArea  ol.txtWhite li a {color:#fff;}
.noticeArea  ol li a:hover {opacity:0.6;  transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out;}

.txt_date  {display:block; padding:10px 10px 0px 10px;  font-size:12px; color:#ffd194;  font-weight:700; }
.txt_date2  {display:block; padding:10px 10px 0px 10px;  font-size:12px;  font-weight:700; color:#a6a6a6;}
.txt_tit {display:block;  padding:0px 10px 10px 10px;   font-size:14px; line-height:1.4em; }


/* 우축 바로가기 banner02 배너*/
.banner02 {position:relative; float:left;  width:280px; height:410px;}
.banner02 li {display:inline-block; width:280px; height:205px !important; }
.banner02 li a {display:block; width:100%; height:100%;}
.banner02 li a i {margin:10px auto; color:#fff; font-size:45px; }
.banner02 li.icnBanner01 { background-color:rgba(51, 131, 246, 0.95);}
.banner02 li.icnBanner02 { background-color:rgba(82, 191, 250,0.95);}


/* 메인 ::  채용공고 바로가기 */
.recu_btn {position:Relative; float:left;background-color:rgba(200,200,200,0.8); width:840px; height:90px; padding-top:20px;}
.recu_btn li {height:100px; width:33.33%; float:left; display:block;   box-sizing:border-box; line-height:100px; }
.recu_btn li:first-child {border-left:0px;}
.recu_btn li a {display:block; padding:0 2%; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
.recu_btn li a:hover  {opacity:0.8; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
.recu_btn li a i {float:left; display:inline-block;  background-color:#fff; font-size:2em; width:70px; height:70px; border-radius:50%; line-height:70px; text-align:Center;  margin:0 10px; color:#395694 ; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
.recu_btn li a:hover i { background-color:#395694; color:#fff ; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms;transition:all 300ms}
.recu_btn li a p {margin-left:0;  margin-top:10px;display:inline-block; line-height:24px; vertical-align:top;}
.recu_btn li a p strong {display:block; margin-bottom:5px;}