@charset "utf-8";

::-webkit-scrollbar { /*display: none;*/ }


 *{ margin:0; padding:0; list-style:none; }
        a { text-decoration:none; color:inherit; }	

		#intro { width: 1920px; height: 1000px; position: fixed; top: 0; left: 50%; margin-left: -960px; background: #fff url('../img/intro-bg.jpg') 0 0 no-repeat; z-index: 9999999999999999;}
		#intro-nemo { width: 1098px; position: absolute; top: 50px; left: 50%; margin-left: -549px; transform-origin:50% 50%; opacity: 0; }
		#intro-nemo02 { width: 1098px; position: absolute; top: 50px; left: 50%; margin-left: -549px; opacity: 0; }
		#intro-logo { width: 1098px; position: absolute; top: 1010px; left: 50%; margin-left: -549px; opacity: 0; }


		#main { width: 1920px; height: 960px; position: absolute; top: 0; left: 50%; margin-left: -960px; background: #fff url('../img/main.jpg') 0 0 no-repeat;}
/*		#building {width: 1100px; height: 524px;  position: absolute; top: 700px; left: 50%; margin-left: -550px; background: url('../img/building.png') center center no-repeat; opacity: 0;}
		#main02 { width: 1920px; position: absolute; top: 0; left: 0; }
		#main-con { position: absolute; top: 690px; left: 0; }
		#main-con>li { position: absolute; top: 0; left: 70px; opacity: 0; }
		#main-con>li:nth-child(2) { left: 250px; }
		#main-con>li:nth-child(3) { left: 400px; }
		#main-con>li:nth-child(4) { left: 623px; }
		#main-con>li:nth-child(5) { left: 1140px; }
		#main-con>li:nth-child(6) { left: 1310px; }
		#main-con>li:nth-child(7) { left: 1485px; }
		#main-con>li:nth-child(8) { left: 1640px; }
		#main-con>li:nth-child(9) { left: 1790px; }*/

		#main02 .main-txt { width: 1096px; position: absolute; top: 183px; left: 50%; margin-left: -548px; }
		#main02-txt01 { opacity: 0; }
		#main02-txt01 b { font-size:20px;  font-weight:700; }
		#main02-txt01 b span { position: relative; }
		#main02-txt01 b span:after { content:''; width: 4px; height: 4px; border-radius: 100%; background-color: #fff; position: absolute; left: 0; right: 0; margin: auto; top: -3px; }

		#main02-txt02 { opacity: 0; }


		#main01-txt01 { opacity: 0; }
		#main01-txt02 { opacity: 0; }
		#main01-txt01 {margin:0 auto; font-size:53px; margin-bottom:0px; color:#033534; font-weight:100; letter-spacing:-3px; text-align:center; line-height:130%;}
		#main01-txt01 span { font-weight:700;}
		#main01-txt02 {margin-top:30px;}

		#main03-txt01 { opacity: 0; }
		#main03-txt02 { opacity: 0; }
		#main03-txt01 b { font-size:40px; font-weight:700; }
		#main03-txt01 b span { position: relative; }
		#main03-txt01 b span:after { content:''; width: 6px; height: 6px; border-radius: 100%; background-color: #033534; position: absolute; left: 0; right: 0; margin: auto; top: -3px; }



		.swiper3 .swiper-slide.swiper-slide-active #main02-txt01 {  animation: main01-txt01 1s 0.5s both; }
		.swiper3 .swiper-slide.swiper-slide-active #main02-txt02 {  animation: main01-txt02 1s 0.5s both; }

		#main01 .main-txt02 { width: 745px; position: absolute;  right: 0;bottom: 0; text-align:center;}
		#main02-txt01 {margin:0 auto; font-size:18px; margin-bottom:40px; color:#fff; width:250px; border-top:1px solid rgba(225,225,225,0.4); border-bottom:1px solid rgba(225,225,225,0.4); padding:15px;}
		.swiper3 .swiper-slide.swiper-slide-active #main01-txt01 {  animation: main02-txt01 1s 0.5s both; }
		.swiper3 .swiper-slide.swiper-slide-active #main01-txt02 {  animation: main02-txt02 1s 0.5s both; }
		.swiper3 .swiper-slide.swiper-slide-active #main01-txt03 {  animation: main02-txt02 1s 0.5s both; }

		#main03 .main-txt03 { width: 1100px; position: absolute; top: 173px; left: 50%; margin-left: -550px; text-align:center;}
		#main03-txt01 {margin:0 auto; font-size:36px; margin-bottom:0px; color:#033534; font-weight:100; letter-spacing:-3px;}
		#main03-txt01 span { font-weight:700;}
		#main03-txt02 {margin:0 auto; font-size:80px; color:#033534; font-weight:700; letter-spacing:-2px;}
		.swiper3 .swiper-slide.swiper-slide-active #main03-txt01 {  animation: main03-txt01 1s 0.5s both; }
		.swiper3 .swiper-slide.swiper-slide-active #main03-txt02 {  animation: main03-txt02 1s 0.5s both; }


		.main-img>img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto;}
/*		.swiper3 .swiper-slide.swiper-slide-active .main-img>img { animation: main_bg 3s 0s both; }*/
		#scroll { position: absolute; bottom: 30px; left: 0; z-index: 9;}

		@keyframes main_bg {
			from { width: 120%; height: 120%; margin-left: -10%; }
			to { width: 100%; height: 100%; margin-left: 0;}
		}

		@keyframes main01-txt01 {
			from { transform: translateY(-55px); opacity: 0; }
			to { transform: translateY(0); opacity: 1; }
		}
		@keyframes main01-txt02 {
			from { transform: translateY(25px); opacity: 0; }
			to { transform: translateY(0); opacity: 1; }
		}

		@keyframes main02-txt01 {
			from { transform: translateY(-55px); opacity: 0; }
			to { transform: translateY(0); opacity: 1; }
		}
		@keyframes main02-txt02 {
			from { transform: translateY(25px); opacity: 0; }
			to { transform: translateY(0); opacity: 1; }
		}

		@keyframes main03-txt01 {
			from { transform: translateY(-55px); opacity: 0; }
			to { transform: translateY(0); opacity: 1; }
		}
		@keyframes main03-txt02 {
			from { transform: translateY(25px); opacity: 0; }
			to { transform: translateY(0); opacity: 1; }
		}

		#main-txt01 { position: absolute; top: 65px; left: 50%; margin-left: -550px; opacity: 0; }
		#main-txt02 { position: absolute; top: 268px; left: 50%; margin-left: -550px; opacity: 0; text-align:center; }

	

		#location { width: 1920px; height: 778px; position: absolute; top: 960px; left: 50%; margin-left: -960px; background-color: #fff;}
		#location-tit { position: absolute; top: -100px; left: 50%; margin-left: -550px; opacity: 0;}


		#footer { width: 1920px; height: 533px; position: absolute; top: 1697px; left: 50%; margin-left: -960px;}
		#sub-footer { width: 1920px; height: 533px; position: relative; left: 50%; margin-left: -960px;}

	.f_btn {position:absolute; right:3%; top:14%; width:170px; height:50px; border:1px solid #bbb; text-align:center;}
	.f_btn a {line-height:50px; color:#ddd; font-size:14px; font-weight:500;}

	.f_btn:hover { background-color:#ddd; transition:0.5s;}
	.f_btn:hover a { color:#002724; transition:0.5s;}

		
@media all and (max-width:1910px) { 
		#footer { width: 100%; left:0; right:0; margin:0 auto;text-align:center;}
		#sub-footer { width: 100%; left:0; right:0; margin:0 auto; text-align:center;}

		}

/*서브*/

#container{width:100%; position:relative; left: 0; right: 0; margin:0 auto; }


#sub-p03 { width: 130px; position: fixed; top: 396px; left: 49px; z-index: 999999;}
#sub-p03>li { margin-top: -2px;}

@media all and (min-width:1930px) { 
		#sub-p03  { position:absolute; left: 50%; margin-left:-900px; }

		}
#snb {border:1px solid #dcdcdc; width:1100px; margin:0 auto 30px; position:relative; z-index:29; top:130px; left: 50%; margin-left: -550px; }
#snb:after {content:""; display:block; clear:both; }
#snb > li {float:left; position:relative; height:48px;}
#snb > li:first-child + li > a {background:url(../img/snb-arr.gif) no-repeat 100% 50%;}
#snb > li:first-child + li + li > a {background:url(../img/snb-menu.gif) no-repeat 100% 50%; margin-top:1px;}
#snb > li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;}
#snb .ov > a {
	display:block;
	height:48px;
	line-height:48px;
	padding:0 35px 0 15px;
	font-size:14px;
	color:#555;
	letter-spacing:-0.075em;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	min-width:160px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:600;

}
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff;display:none;}
#snb .ov ul li {border:1px solid #dcdcdc;margin-top:-1px; font-family: 'Noto Sans KR', sans-serif; font-weight:600; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:11.5px;color:#999;padding:11px 15px;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#f3f3f3;color:#333;}


#sub-top01 { width:1920px; height:332px; left: 50%; margin-left: -960px; text-align:center; position: relative; top:90px; overflow:hidden; background:url('../img/sub-top01.jpg') no-repeat ; }
#sub-top02 { width:1920px; height:332px; left: 50%; margin-left: -960px; text-align:center; position: relative; top:90px; overflow:hidden; background:url('../img/sub-top02.jpg') no-repeat ; }
#sub-top03 { width:1920px; height:332px; left: 50%; margin-left: -960px; text-align:center; position: relative; top:90px; overflow:hidden; background:url('../img/sub-top03.jpg') no-repeat ; }
#sub-top04 { width:1920px; height:332px; left: 50%; margin-left: -960px; text-align:center; position: relative; top:90px; overflow:hidden; background:url('../img/sub-top04.jpg') no-repeat ; }
#sub-top05 { width:1920px; height:332px; left: 50%; margin-left: -960px; text-align:center; position: relative; top:90px; overflow:hidden; background:url('../img/sub-top05.jpg') no-repeat ; }
#sub-top06 { width:1920px; height:332px; left: 50%; margin-left: -960px; text-align:center; position: relative; top:90px; overflow:hidden; background:url('../img/sub-top06.jpg') no-repeat ; }

#sub-top  img {}
#sub-top-txt { width: 1920px; height: 360px; position: fixed; top: 2px; left: 50%; margin-left: -960px; animation-duration: 2s; animation-name: sub-top;}

@keyframes sub-top {

  from {  opacity:0; top: 50px;}
  20% {  opacity:0; top:50px;}
  to { }
  
}




#sub_wrap { width:100%; position:relative; height:auto; left: 0; right: 0; margin: auto; margin-top:135px; background-color:#fff; }
#sub_page { width:1100px; position:relative; left:50%; margin-left:-550px; top:200px;}


#sub-title{position:absolute; left:50%; margin-left:-550px; width:1100px; font-family: 'Noto Sans KR', sans-serif; top:0px; z-index:2; }
#sub-title>h1{font-size:50px; width:1100px; position:absolute; left:50%;  margin-left:-550px; margin-top:45px; font-weight:400; color:#101010;  text-align:center; letter-spacing:-4px;  }
#sub-title .line{position:absolute; left:50%; margin-left:-36px; top:140px; width:70px; height:20px;} 


#notice { width: 1100px; padding: 30px 0 30px 0; background-color: #fff; border: 1px solid #ddd; text-align: center; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; }
#notice>h2 { width: 600px; height: 45px; background-color: #082d61; font-size: 18px; font-weight: 600; color: #fff; line-height: 45px; position: relative; left: 50%; margin-left: -300px;}
#notice>p { font-size: 16px; font-weight: 600; line-height: 30px; margin-top: 15px;}


#container2{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:10px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}

							ul.tabs2 .tab2active { background-color: #162c19; border: 1px solid #162c19; }
							ul.tabs2 .tab2active a { color: #fff; }
							ul.tabs2 .tab2active a div { width: 100%; height: 100%; }


ul.tabs2 .active { background-color: #162c19; border: 1px solid #162c19; }
ul.tabs2 .active a { color: #fff; }
ul.tabs2 .active a div { width: 100%; height: 100%; }

ul.tabs2 li:hover { background-color: #162c19; transition:0.5s; border: 1px solid #162c19;  color: #fff; }


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #162c19; border: 1px solid #162c19;}

	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a { padding:10px 180px; color:#444; display: block;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;  color: #fff; 
}

ul.tabs2 li.active { color:#fff; background: #2c2f67; }
ul.tabs2 li a:hover {color: #fff; }

.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}







ul.tabs-ga { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}


ul.tabs-ga li { margin-bottom:-1px; color:#232222; margin-left:10px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}


ul.tabs-ga li.selected2, ul.tabs-ga li.selected2:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #2c2f67;}
	
ul.tabs-ga li.selected2 a, ul.tabs-ga li.selected2 a:hover { color:#fff;}
        

ul.tabs-ga li a { padding:10px 180px; color:#444; display: block;}
        
ul.tabs-ga li.selected2 a:hover
{
    text-decoration: none;
}

ul.tabs-ga li.active { color:#fff; background: #2c2f67; }








ul.tabs3 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}


ul.tabs3 li { margin-bottom:-1px; color:#232222; margin-left:10px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:49.5%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}

ul.tabs3 li:first-child { margin-left:0;}


ul.tabs3 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #b6a38f;}
	
ul.tabs3 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs3 li a { padding:12px 180px; color:#444; display: block;}
        
ul.tabs3 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs3 li.active { color:#fff; background: #b6a38f; }


.tab_container3 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content3 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container3 .tab_content3 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container3 .tab_content3 ul li {
    padding:5px;
    list-style:none;
}

#sub-bt .active:hover { background-color: #ffa425; transition:0.5s; }
#sub-bt .active:hover a div { color: #fff; }
#sub-bt>li:hover { background-color: #fee0b0; transition:0.5s; }
#sub-bt>li:hover a div { color: #000; }

#sub-bt>li {  height: 48px; float: left; line-height: 48px; text-align: center;  background-color: #252a3e;}
#sub-bt>li:first-child { border-left: none; }
#sub-bt .active { background-color: #ffa425;  }
#sub-bt .active>a { color: #fff; }
#sub-bt>li>a>div { width: 100%; height: 48px; line-height: 48px; color: #fff;}