.animated { visibility: hidden; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-animated-out { z-index: 1; }
.owl-animated-in { z-index: 0; }
.owl-item.animated { visibility: visible; }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

/*wrapper*/
.wrapper { position: relative; width: 100%; min-width: 1060px; }
/*wrapper E*/

/*header*/
.headerWrap {width: 100%;
background: #112c8c; /* Old browsers */
background: -moz-linear-gradient(45deg, #112c8c 30%, #011151 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #112c8c 30%,#011151 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #112c8c 30%,#011151 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112c8c', endColorstr='#011151',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
behavior: url(/assets/css/PIE.htc);
}


.utmenu{padding:35px 0 0 20px; float: left;}
	.utmenu ul{border-radius: 15px; }
	.utmenu li{float: left;}
	.utmenu li a{color: #fff; padding:0 15px; }


#header { width: 1060px; position: relative; margin: auto;  z-index: 2; padding: 0 0; behavior: url(/assets/css/PIE.htc); height: 80px; }
	#header:after { content: ''; clear: both; display: block; }

	#header .logo { float: left; margin-top: 20px; line-height:0; font-size:0;  }
/*gnb*/
#gnb { position: relative; width: auto; float: right;  font-family:'NanumSquare'}
	#gnb .depth1 { position: relative; *zoom: 1;  }
		#gnb .depth1:after { content: ''; clear: both; display: block; }
		#gnb .depth1 > li { float: left; height: 80px; line-height: 74px; box-sizing: border-box;}
			#gnb .depth1 > li > a { font-size: 17px; font-weight: normal; color: #fff; display: block; padding:3px 15px 0 15px;}

				/*******gnb jeju 추가  ******/
					#gnb .depth1 .on{color:#47daff; border-bottom: 3px solid #47daff; font-weight: bold;}
					#gnb .depth1 > li > a:hover {color:#47daff; font-weight: bold;}

#topSearch { position: absolute; right: 15px; top: 50%; margin-top: -19px; }
	#topSearch .searchArea { position: relative; }
		#topSearch .searchArea label { position: relative; background: #4076b7; display: block; padding: 10px 35px 10px 20px; border-radius: 20px; behavior: url(/assets/css/PIE.htc); overflow: hidden; }
		#topSearch .searchArea input { background: transparent; border: none; font-size: 15px; color: #fff; width: 120px; }
			#topSearch .searchArea input:focus { }
		#topSearch .searchArea .btnSearch { background: url(/assets/images/icon_search.png) no-repeat center; position: absolute; width: 36px; height: 36px; display: block; right: 5px; top: 50%; margin-top: -19px; }

	#topSearch .keywords { position: absolute; padding-top: 23.5px; display: none; }
		#topSearch .keywords h2 { color: #002047; font-size: 18px; margin-top: 30px; padding-left: 25px; border-left: 1px solid #799cc6; }
		#topSearch .keywords ul { padding: 15px 0 0 25px; border-left: 1px solid #799cc6; }
			#topSearch .keywords ul li { position: relative; line-height: 29px; }
				#topSearch .keywords ul li .rank { position: absolute; border-radius: 50%; display: inline-block; width: 22px; height: 22px; top: 50%; left: 0; margin-top: -11px; text-align: center; line-height: 22px !important; color: #fff; background: #2a529a; vertical-align: middle; font-size: 14px; }
					#topSearch .keywords ul li .rank.rank1 { background: #f15e57; }
				#topSearch .keywords ul li a { color: #fff; font-size: 14px; display: block; margin-left: 30px;  }
/*gnb E*/

/*header E*/

/*content*/
.contentWrap { position: relative; }
#content { position: relative; }
	#content > div { position: relative; min-width: 1060px; }


/*topVisul*/
#topVisual { }
#topVisual .cp_img { height: 390px; background: url(/assets/images/top_img01_new.jpg) repeat-x center; }
#topVisual .bn_img { height: 390px; background: url(/assets/images/top_img02.jpg) repeat-x center; }
#topVisual .pr_img { height: 390px; background: url(/assets/images/top_img03.jpg) repeat-x center; }
#topVisual .ct_img { height: 390px; background: url(/assets/images/top_img04.jpg) repeat-x center; }
#topVisual .re_img { height: 450px; background: url(/assets/images/recruit/recruit_2018_top.jpg) repeat-x center; }
#topVisual .cu_img { height: 390px; background: url(/assets/images/top_img06.jpg) repeat-x center; }
#topVisual .top07_img { height: 390px; background: url(/assets/images/top_img07.jpg) repeat-x center; }

	#topVisual .text { position: relative; margin: 0 auto; text-align: center; padding-top: 240px; }
		#topVisual .text h2 { font-size: 40px; font-weight: normal; }
		#topVisual .text p { color: #593cef; font-size: 16px; line-height: 22px; margin-top: 20px; }
		#topVisual .text .btnDown { position: relative; display: inline-block; margin-top: 125px; }
			#topVisual .text .btnDown span { position: absolute; left: 77px; top: 50%; margin-top: -8px; color: #fff; font-size: 16px; }
/*topVisul E*/

/*star*/
#star { background: #304b8f; height: auto; padding-bottom: 70px; }
	#star .text { /*position:relative; width: auto;*/ text-align: center; padding-top: 68px; }
		#star .text h2 { font-size: 18px; color: #fff; letter-spacing: normal; font-family: 'HelveNueThin'; font-weight: normal; font-style: italic; }
			#star .text h2 strong { font-size: 100px; font-style: italic; letter-spacing: normal; font-family: 'Helvetica','Arial';font-weight: bold; padding-right: 5px; vertical-align: bottom; }

			#star .text h2 span { display: inline-block; padding-bottom: 15px; font-weight: normal; vertical-align: bottom; }
			#star .text h2 .indent { margin-left: -15px; }


		#star .text p { margin-top: 25px; font-size: 16px; color: #fff; line-height: 28px; }
			#star .text p.subTitle {font-size: 24px; color: #fff; margin-top: 60px; line-height: normal; }
				#star .text p.subTitle strong { color: #fff048; }

		#star .text h3 { margin-top: 70px; font-size: 24px; color: #7da5ff; }
		#star .text ul { position: relative; display: inline-block; margin: 0 auto; margin-top: 30px; *zoom: 1; }
			#star .text ul:after { content: ''; }
			#star .text ul li { float: left; margin: 0 23px; }
				#star .text ul li span { display: block; font-size: 14px; color: #fff; margin-top: 20px; }
/*star E*/

  /*star new 2016.06.24 add*/
  #nstar {margin: auto auto; background: #f7f7f7}
      .nstar {background:#587cd8;text-align: center;}
      .nstar_tab_gr {}
      .nstar_tab{ width:255px; height: 110px;display: inline-block;vertical-align: middle;
                  padding-top: 25px; color: #fff}
      .nstar_tab:hover{ background:#304b8f; color: #eee}
      .nstar_tab_txt01{ font-size: 4em; font-style: italic; font-weight: bold;}
      .nstar_tab_txt02{ font-size: 2em;font-style: italic; font-weight: bold;}
      .nstar_tab_txt03{ font-size: 1.3em; font-weight: bold;}

      /*20160822 한줄텍스트 변경 */
      .nstar_tab_new{ height: 110px;display: inline-block;vertical-align: middle;
                  padding-top: 25px; color: #fff}
      .nstar:hover{ background:#304b8f; color: #eee;}
      .nstar_tab_new_txt01{ font-size: 4em; font-style: italic; font-weight: bold;letter-spacing: 0.2px}
      .nstar_tab_new_txt03{ font-size: 1.3em;}


  #ns_tab_d {margin: 0 auto; width: 1060px; }
      .ns_tab ul {font-size: 16px !important; list-style-type: square !important;
                  padding-left: 50px}
      .ns_tab li {line-height: 140%; }
      .ns_tab_tt { /*border: 2px solid #587cd8;*/padding:10px; display: inline-block; text-align: center;letter-spacing: 0}
      .ns_tab_tt01 {font-size: 4em; color: #fff; font-weight: bold}
      .ns_tab_tt02 {font-size: 2em; color: #fff; font-weight: bold}

      .ns_tab01_img {}
      .ns_tab01_txt {}

      .ns_tab02 ul{ margin:0 auto; display: inline-block; position: relative; text-align: center;}
      .ns_tab02 li{ width:24%; float: left; margin: 0px 5px; line-height: 160%;}
      .ns_tab02 img { display: block;max-width: 100%; height: auto;}
      .ns_tab02 span{ display: block; margin-top: 15px; font-size: 16px; color:#84b1d2;}
      .ns_tab02_box {display: inline-block;overflow:hidden; margin: 10px;}

      .ns_tab03 {text-align: center;}
      .ns_tab04_txt { font-size: 18px; line-height: 140%; }

  /*star new E*/


/*service*/
#service { border-bottom: 1px solid #bcbcbc; height: 500px; overflow: hidden; }
	#service .list { position: relative; width: 100%; overflow: hidden; height: 100%; }

		#service .list .item { position: absolute; width: 1060px; left: 50%; height: 500px; margin: 0 auto; margin-left: -530px; text-align: center; background: #fff; z-index: 1; }
			#service .list .item .text { position: absolute; width: 580px; left: 50%; margin-left: -510px; z-index: 9; top: 50%; text-align: center; }
				#service .list .item .text h3 { font-size: 48px; }
					#service .list .item .text h3 img { display: inline-block; }
				#service .list .item .text h4 { margin-top: 35px; font-size: 24px; color: #e94141; }
					#service .list .item .text h4.font_red { color: #e94141; }
					#service .list .item .text h4.font_blue { color: #1c75bc; }
				#service .list .item .text p { font-size: 16px; color: #555; margin-top: 25px; line-height: 28px; }

			#service .list .item .imgLeft { position: absolute; top: 0; right: 50%; margin-right: 510px; }
			#service .list .item .imgRight { position: absolute; top: 0; left: 50%; margin-left: 70px; }


		#service .list .owl-item { width: 100%; overflow: hidden; }
			#service .list .owl-item img { width: auto; }

		#service .list .owl-prev,
		#service .btnPrev { position: absolute; top: 50%; border: 1px solid #b7b7b7; width: 64px; height: 64px; margin-top: -32px; background: #fff url(/assets/images/arrow_service_prev.png) no-repeat center; border-radius: 50%; behavior: url(/assets/css/PIE.htc); z-index: 9; right: 50%; margin-right: 478px; text-indent: -9999px; overflow: hidden; }
		#service .list .owl-next,
		#service .btnNext { position: absolute; top: 50%; width: 64px; height: 64px; margin-top: -32px; border: 1px solid #b7b7b7; background: #fff url(/assets/images/arrow_service_next.png) no-repeat center; border-radius: 50%; behavior: url(/assets/css/PIE.htc); z-index: 9; left: 50%; margin-left: 39px; text-indent: -9999px; overflow: hidden; }
/*service E*/

/*history*/
#history { padding: 65px; text-align: center; box-sizing: border-box; }
	#history h2 { font-size: 40px; color: #333; margin-bottom: 30px; }
		#history h2 .eng { font-weight: bold; }
	#history .historyArea { height: 600px; overflow: hidden; }
		#history .historyArea img { position: relative; margin: 0 auto; display: block; }


	#history .historyList { text-align: center; background: url(/assets/images/line_history.png) repeat-y center; }
		#history .historyList .year { padding-bottom: 10px; }
			#history .historyList .year h3 { position: relative; margin: 0 auto; color: #fff; font-size: 20px; width: 100px; height: 100px; line-height: 100px; border-radius: 50px; behavior: url(/assets/css/PIE.htc); background-color: #b2d1e4; z-index: 0; margin-bottom: 15px; }
			#history .historyList .year.now h3 { background-color: #11388f; }

		#history .historyList .items li { position: relative; padding: 10px 25px; box-sizing: border-box; line-height: 20px; font-size: 14px; color: #333; }
			#history .historyList .items li .dot { content: ''; position: absolute; width: 15px; height: 15px; border-radius: 50%; z-index: 1; background-color: #b2d1e4; behavior: url(/assets/css/PIE.htc); }
		#history .historyList .now .items li .dot { background-color: #4291ce; }
		#history .historyList .items li img { margin-top: 10px; display: block; }

		#history .historyList .left { margin-right: 50%; text-align: right; }
			#history .historyList .left .dot { top: 10px; right: 0; margin-right: -7.5px; }
		#history .historyList .right { margin-left: 50%; text-align: left; }
			#history .historyList .right .dot { top: 10px; left: 0; margin-left: -7.5px; }

	#history .btnMore { display: block; position: relative; margin: 0 auto; width: 700px; height: 40px; line-height: 40px; text-align: center; background: #f0f0f0; border: 1px solid #b7b7b7; border-radius: 20px; behavior: url(/assets/css/PIE.htc); }
		#history .btnMore span { padding-left: 35px; display: inline-block; background: url(/assets/images/arrow_down_history.png) no-repeat left center; color: #333; }
		#history .btnMore.on span { background-image: url(/assets/images/arrow_up_history.png); }
/*history E*/

/*photo*/
#photo { }
	#photo .list { *zoom: 1; }
		#photo .list:after { content: ''; clear: both; display: block; }
		#photo .list .item { position: relative; width: 20%; height: 245px; float: left; overflow: hidden; }
			#photo .list .item a { position: absolute; width: 100%; height: 100%; }
			#photo .list .item img { position: relative; width: auto; min-width: 100%; height: 100%; margin: 0 auto; transition: 0.15s all; }
			#photo .list .item .imgCover { position: absolute; width: 100%; height: 100%; background: url(/assets/images/bg40.png); top: 0; left: 0; display: block; z-index: 9; }
			#photo .list .item:hover .imgCover { display: none; }
			 .no-touch #photo .list .item:hover .imgCover,
			 #photo .list .item:active .imgCover {display: block; }
			#photo .list .item:hover img { filter: none; /* Applies to FF + IE */ -webkit-filter: grayscale(0); }
.img_grayscale { z-index: 2 !important; }

#photo .list .item p { position: absolute; display: none; padding: 20px 15px 20px 25px; background: url(/assets/images/bg60.png); bottom: 0; width: 100%; left: 0; box-sizing: border-box; z-index: 9; }
	#photo .list .item p span { color: #fff; display: block; background: url(/assets/images/icon_photoDetail.png) no-repeat right center; }
#photo .list .item:hover p { display: block; }

/*photo E*/

/*organization*/
#organization { position: relative; text-align: center; padding: 70px 0; }
	#organization h2 { text-align: center; font-size: 40px; color: #333; }
		#organization h2.eng { }
/*organization E*/

/*location*/
#location { position: relative; text-align: center; background: url(/assets/images/bg_location.jpg) no-repeat center; border: none; border-radius: 0; padding: 70px 0; }
	#location h2 { text-align: center; color: #fff; font-size: 40px; font-family: 'Nanum Gothic'}
	#location .tabs { position: relative; border: none; background: none; padding: 0; margin: 0 auto; text-align: center; width: 1060px; margin-top: 30px; z-index: 2; }
		#location .tabs .tab { border: none; border-radius: 32.5px; behavior: url(/assets/css/PIE.htc); margin: 0; width: 50%; text-align: center; box-shadow: none; background: #17306d; }
			#location .tabs .tab.ui-state-active { background: #fff; }
			#location .tabs .tab.ui-state-hover { background: #fff; color: #fff; }
				#location .tabs .tab.ui-state-hover a { color: #444; }
			#location .tabs .tab a { float: none; padding: 15px; display: block; text-align: center; color: #fff; font-family: 'Nanum Gothic'}
			#location .tabs .tab.ui-state-active a { color: #444; }

	#location .tabContent { background: #fff; position: relative; z-index: 1; width: 1060px; margin: 0 auto; padding: 70px 40px 40px; box-sizing: border-box; margin-top: -32.5px; }



/*
	#location #map { *zoom: 1; }
		#location #map:after { content: ''; clear: both; display: block; }
		#location #map .img { float: left; }
			#location #map .img img { display: block; }
		#location #map .text { float: left; text-align: left; padding-left: 40px; }
			#location #map .text .info { font-size: 14px;  color: #555; line-height: 24px; }
			#location #map .text .address { font-size: 16px; color: #333; line-height: 24px; margin-top: 20px; }
*/

#location #map { *zoom: 1; text-align: center;  vertical-align:middle }
		#location #map:after { content: ''; clear: both; display: block; }
		#location #map .img {   }
			#location #map .img img { }
		#location #map .text {  }
			#location #map .text .info { font-size: 12pt; color: #555; line-height: 24px; }
			#location #map .text .address { font-size: 16px; color: #333; line-height: 24px; margin-top: 5px; }



	#location #shuttle { text-align: center; }
		#location #shuttle ul { *zoom: 1; margin: 0 40px; }
			#location #shuttle ul:after { content: ''; clear: both; display: block; }
			#location #shuttle ul li { margin-left: 40px; float: left; }
				#location #shuttle ul li:first-child { margin-left: 0; }
				#location #shuttle ul li img { display: block; }
				#location #shuttle ul li p { text-align: left; font-size: 14px; color: #555; margin-top: 15px; }

		#location #shuttle .info { font-size: 14px; color: #333; line-height: 26px; text-align: center; margin: 0 40px; margin-top: 40px; }
			#location .info strong { color: #11388f; font-size: 18px; font-weight: bold; font-family: 'Nanum Gothic' }

			/*추가*/
							 .info_detail { background:#666 !important; 	border-radius:3px !important; 	padding:1px 7px 2px 7px !important; color:#fff !important;  cursor:pointer !important;	font-size: 11pt !important }
								 .info_detail:hover{ 	background:#db3d18 !important; }
								 .info_subtext {font-size: 11pt !important;}
/*location E*/
/*overview*/
#overview { position: relative; height: 500px; background: url(/assets/images/bg_overview_new.jpg) no-repeat center; }
	#overview .textBox { position: relative; width: 530px; height: 500px; background: url(/assets/images/bg70.png); left: 50%; overflow: hidden; box-sizing: border-box; }
		#overview .textBox .text { padding-left: 90px; }
			#overview .textBox .text h2 { margin-bottom: 50px; color: #fff; font-size: 40px; }
			#overview .textBox .text dl { display: block; }
				#overview .textBox .text dl dt { display: inline-block; vertical-align: top; width: 100px; text-align: left; color: #fff; line-height: 30px;  }
				#overview .textBox .text dl dd { display: inline-block; vertical-align: top; text-align: left; color: #fff; line-height: 30px; }
/*overview E*/

/*content E*/

/*footer*/
.footerWrap { position: relative;}
#footer { }
	#footer .footerTop,
	#footer .footerBottom {  position: relative; border-top: 1px solid #b7b7b7;}

#footerNav { position: relative; width: 1060px; margin: 0 auto; text-align: center; }
	#footerNav ul { *zoom: 1; }
		#footerNav ul:after { content: ''; clear: both; display: block; display: table; width: 100%; }
		#footerNav ul li { position: relative; display: inline-block; padding: 15px 70px; margin-left: 20px; }
			#footerNav ul li:first-child { margin-left: 0; }
			#footerNav ul li a { font-size: 15px; color: #333; }



#footer .footerBottom .copyright {position: relative;   font-size: 12px; padding: 20px 15px; 20px 15px; box-sizing: border-box;display:inline-block; }
	#footer .footerBottom .copyright span { display: block; line-height: 18px; letter-spacing: normal; }
		#footer .footerBottom .copyright span strong { }
		#footer .footerBottom a {cursor: pointer;}
		#footer .footerBottom .copyright_img {float:right; display:inline-block; padding: 20px 0px;}

/*footer E*/

/*owl-carousel*/
.owl-dot { cursor: pointer; }
/*owl-carousel E*/


/*popup*/
#maskLayer { position: fixed; width: 100%; height: 100%; background: url(/assets/images/bg70.png); top: 0; left: 0; z-index: 9999; }

	#maskLayer .imgBig { max-width: 1060px; max-height: 700px; }
		#maskLayer .imgBig .owl-stage-outer { -webkit-transform: translate3d(0px, 0px, 0px); }
		#maskLayer .imgBig .owl-stage { position: relative; }
			#maskLayer .imgBig .owl-stage .owl-item { position: relative; float: left; }
		#maskLayer .imgBig .item { position: relative; }
		#maskLayer .imgBig img { position: relative; display: block; max-width: 100%; max-height: 100%; }
		#maskLayer .imgBig .imgTitle { font-size: 18px; margin-top: 15px; text-align: center; color: #fff; }

	#maskLayer .btnClose { position: absolute; top: 0; left: 100%; width: 60px; height: 60px; background: #1a1a1a url(/assets/images/btn_popClose.png) no-repeat center; }

.popFrame .owl-controls { /*top: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 999;*/ }

.popFrame .owl-prev { position: absolute; width: 60px; height: 120px; background: url(/assets/images/arrow_main_slide_prev.png) no-repeat center center; z-index: 9; right: 100%; margin-right: 10px; text-indent: -9999px; overflow: hidden; cursor: pointer; top: 50%; margin-top: -60px; }
.popFrame .owl-next { position: absolute; width: 60px; height: 120px; background: url(/assets/images/arrow_main_slide_next.png) no-repeat center center; z-index: 9; left: 100%; margin-left: 10px; text-indent: -9999px; overflow: hidden; cursor: pointer; top: 50%; margin-top: -60px; }
/*popup E*/