@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;1 width:100%; overflow:hidden; min-width:1200px;}
#mainVisual .visual-item {position:relative; width:100%; overflow:hidden; }
#mainVisual .visual-item > img{	-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 ;margin:0 auto;}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{position:absolute; top:150px;bottom:600px; left:50%; margin-left:-600px; width:1200px; margin-bottom:80px;  text-align:center; 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; bottom:600px;  width:63px; height:59px;  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{left:0px; background:url(/images/button/main_visual_prev_btn.png) no-repeat}
#mainVisual .slick-arrow.slick-next{right:0px; 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;}




/******************************* 메인 컨텐츠 ******************************/
.container_area {position:Absolute; bottom:100px; left:0px; width:100%; height:460px; display:block; z-index:100;}

@media screen and (max-height: 1200px) {
	#mainVisual .visual-txt{position:absolute; bottom:550px; left:50%; margin-left:-600px; width:1200px; margin-bottom:80px;  text-align:center; z-index:10; }
	.container_area {position:Absolute; top:410px;   left:0px; width:100%; height:460px; display:block; z-index:100;}
}


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


/* 메인 - section01 배너 */
.section1 .banner01 { float:right; width:320px; height:460px; 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:310px; margin:20px auto; }
.product_img img {width:310px; height:230px;   object-fit: corver;margin:0 auto;}
.product_img .divimg {width:310px; height:230px;  background-color:#fff; margin:0px auto; }
.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:-67px -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:290px;   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_linksg {position:absolute; top:0px; right:0px;  width:31px;height:31px;background: url('/images/main/more.gif') 0 0 no-repeat;  text-indent:-99999em;}
.noticeArea  a.other_linksw {position:absolute; top:0px; right:0px;  width:31px;height:31px;background: url('/images/main/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:350px;}
.banner02 li {display:inline-block; width:280px; height:175px !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(215,221,221,0.9); 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;}

#headerm {position:absolute; top:0px; left:0px; width:100%;  background-color:#000; background-color:rgba(0,0,0,0.5); z-index:1001; min-width:1200px; }
#headerInnerm{position:relative; width:100%; max-width:1200px; margin:0px auto;}
#headerInnerm .logo{position:absolute; top:0; left:1%; z-index:9991; }
#headerInnerm .logo a {display:block; margin-top:25px; width:300px; height:50px;  line-height:50px; background:url(/images/common/logo_mark.png) no-repeat 0 50%; color:#fff; background-size:45px auto ; padding-left:50px; font-size:20px;font-weight:bold;}
#headerm .fixed .logo a img {display:none;  }


/* 헤더 :: GNB */
#gnbm{height:106px; margin-left:50px;}
#gnbm > ul{text-align:center;}
#gnbm > ul > li{position:relative; display:inline-block; width:130px; margin-left:-4px; }
#gnbm > ul > li:first-child{margin-left:0;}
#gnbm > ul > li > a{display:block; height:106px; padding:0 15px; -webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms;font-weight:bold;}
#gnbm > ul > li > a:hover,#gnb > ul > li.on > a{background-color:#024583;}
#gnbm > ul > li > a > span{display:block; height:104px; line-height:104px; letter-spacing:-0.75px; font-size:18px; border-bottom:2px solid transparent; color:#fff;}
#gnbm > ul > li > a:hover > span,#gnb > ul > li.on > a > span{border-bottom-color:#fff; color:#fff !important;}
#gnbm > ul > li .gnb-2dep{display:none; position:absolute; top:106px; left:0px; width:100%; padding:11px 0 20px;text-align:left; background-color:#024583;}
#gnbm > ul > li .gnb-2dep li a{display:block; padding:5px 16px; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.25px; -webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms}
#gnbm > ul > li .gnb-2dep li a:hover {color:#ebfe1d; }

#gnbm > ul > li .gnb-3dep li a {font-size:0.9em; opacity:0.8;  padding-top:0px; padding-bottom:0px; }
#gnbm > ul > li .gnb-3dep li a:before {content:"-  "; }
#gnbm > ul > li .gnb-3dep li a:hover {color:#ebfe1d; }
#gnbm > ul > li .gnb-3dep li:last-child {padding-bottom:10px; }




/* 헤더 :: Util 메뉴 */
#utilMenum{position:absolute; top:-50px; right:1%; padding-top:40px; text-align:right;}
#utilMenum a{color:#fff; }
#utilMenum > div {display:inline-block;}
.user-menu-list a {opacity:0.7;filter:Alpha(opacity=70); font-size:13px; float:left; width:30px;  text-align:center;}
.user-menu-list a:first-child{margin-right:10px;}
.user-menu-list a:hover{opacity:1.0;filter:Alpha(opacity=100);}
.user-menu-list a:i {display:block; width:100%;}


/*  헤더 :: GNB MOBILE */ 
.gnb-open-btn{position:absolute; top:50%; right:2%; visibility:hidden; opacity:0;filter:Alpha(opacity=0); transform:translateX(100%); -moz-transform:translateX(100%);}
#gnbM{/* width:86%; */ width:300px; height:100%; position:fixed; top:0px; right:-100%; max-width:550px; background-color:#0c4172; z-index:99999; overflow-y:auto;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
#gnbM.open{right:0px;}
.close-box{cursor:pointer; display:block; height:114px; line-height:114px; padding:0 5%; border-bottom:1px solid rgba(0,0,0,0.2); text-align:right;}
#gnbNavigationm > ul{width:100%; overflow:hidden;}
#gnbNavigationm > ul > li{position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.2); }
#gnbM.open  #gnbNavigationm> ul > li{animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
#gnbNavigationm > ul > li > a{position:relative; display:block;  height:48px; line-height:48px; padding:0 7%; color:#fff; font-size:16px; font-weight:400; letter-spacing:-0.25px;}
#gnbNavigationm > ul > li .gnb-2dep{display:none; padding:13px 0; background-color:#1d242a}
#gnbNavigationm > ul > li .gnb-2dep li{}
#gnbNavigationm > ul > li .gnb-2dep li a{display:block; color:#fff; font-size:14px; padding:6px 7%;}
#gnbNavigationm > ul > li .gnb-2dep li a:hover{color:#b5e0f7}
#gnbMenuBg{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.83); z-index:99998}


/* FIXED STYLE 
#header.fixed{background-color:#fff; border-bottom:2px solid #0c4172}
#header.fixed #headerInner .logo a {background: url("../images/common/fixed_logo.png") no-repeat 0 0 ; }
#header.fixed #gnb > ul > li > a > span{color:#2c2c2c}
#header.fixed #utilMenu a{color:#2c2c2c;}
#header.fixed .user-lang-select a:hover,#header.fixed .user-lang-select a.on{border-bottom-color:#0c4172;}*/


/* ========푸터 ======== */
#footerm{position:relative; padding:50px 20px;border-top:1px solid #d1d1d1;  text-align:left; background-color:#f7f7f7;width:100%;margin:0 auto;}
.index #footerm{border-top-color:transparent;}
#footerInnerm {width:1200px; }
#footerInnerm .foot-logo{ display:block; margin-bottom:20px; ;}
#footerInnerm .footer-address div  {width:100%;}
#footerInnerm .footer-address div dl {line-height:24px; font-weight:300; font-size:13px; color:#707070; display:inline-block; }
#footerInnerm .footer-address dt,#footerInner .footer-address dd{display:inline-block;}
#footerInnerm .footer-address dd{margin-right:10px;}
#footerInnerm address{clear:both; opacity:0.7; margin-top:7px;}
.bottom-to-top-btnm{position:absolute; left:50%; margin-left:-15px; bottom:0px; background-color:#979797; width:40px; height:40px; line-height:40px; display:block;text-align:center;}