@charset "utf-8";

.main section { position:relative; }
.dim {position:absolute; top:0; left:0;  width:100%; height:100%; background:#000; opacity:0; z-index:1 }
.dotbg {position:absolute; top:0; left:0;  width:100%; height:100%; background:url(../images/main/dot.png) 0 0 repeat; z-index:2 }




.intro { display:block; width:1920px; height:1000px; position:fixed; top:-1200px; opacity:0; left:50%; margin-left:-960px; background-image:url(../images/intro_bg.jpg); background-repeat:no-repeat;  z-index:9999; animation-duration:8s; animation-name: intro;  }

#intro_bg { display:block; width:1920px; height:1000px; position:absolute; top:0; left:0;  z-index:9999; }

@keyframes intro {
  from { opacity:1; top:0px;} 94%{opacity:1; top:0px;} to { top:0px; }
}


#intro_text { width:1100px; position: fixed; top:280px; left:50%; margin-left:-550px; animation-duration: 3.5s; animation-name: intro_text; transform:scale(1,1); z-index:9999; }

.txt01{ margin-top:-10px; opacity:0;}
.txt02{ margin-top:-30px; opacity:0;}
.txt03{ opacity:0;}


.main-section { }
.main_visual { position: fixed; z-index:1; left:50%; margin-left:-960px;}
.visual_slider { position:relative; overflow:hidden; height:1000px; width:1920px;}
.visual_slider .visual { height:1000px; background-repeat:no-repeat; background-position:50% 0; outline:0; background-image:url(../images/main.jpg); transform:scale(1,1); animation-duration: 8s; animation-name: main_img;}


@keyframes main_img {

  from { transform:scale(1.4,1.4);  }  
  to { }
  
}





#main_text { width:600px; height:280px; position:fixed; top:292px; left:50%; margin-left:110px;   z-index:4;} 

#main_text01 { opacity:0; margin-top:-10px; }
#main_text02 { opacity:0; margin-left:-50px; }
#main_text03 { opacity:0;}
#main_text04 { opacity:0; margin-top:-10px;}


/*
#medal { position:absolute; top:80px; left:50%; margin-left:-510px; z-index:90;}
#the-text { width:1100px; position:absolute; top:220px; left:50%; margin-left:-550px; }

#stic { width:1100px; position:absolute; top:460px; left:50%; margin-left:-550px; }
#stic>li { position:absolute; top:0; left:110px; opacity:0; }
#stic>li:nth-child(2) {  left:347px; }
#stic>li:nth-child(3) {  left:584px; }
#stic>li:nth-child(4) {  left:821px; }


#mv { width:1100px; height:150px; position:absolute; top:474px; left:50%; margin-left:-550px; z-index:99; }
#mv01 { width:128px; height:128px; position:absolute; top:0; left:128px;  overflow:hidden; border-radius:50%; opacity:0; cursor:pointer;}
#mv02 { width:128px; height:128px; position:absolute; top:0; left:368px;  overflow:hidden; border-radius:50%; opacity:0; cursor:pointer;}
#mv03 { width:128px; height:128px; position:absolute; top:0; left:608px;  overflow:hidden; border-radius:50%; opacity:0; cursor:pointer;}
#mv04 { width:128px; height:128px; position:absolute; top:0; left:848px;  overflow:hidden; border-radius:50%; opacity:0; cursor:pointer;}

#main_ggg { width:1920px; position:fixed; top:-3000px; left:50%; margin-left:-960px; z-index:19; opacity:0; }

*/


#mouse_qqq { position:absolute; top:780px; left:50%; margin-left:-23px; cursor:pointer; opacity:1; z-index:99; opacity:0;  }

.qqq { position:fixed; right:0; top:366px; z-index: 101;}


#ppt_plater { width:1920px; height:1000px; position:fixed; top:0px; overflow:hidden; z-index:1;  display:none;}
#player { width:1920px; position:absolute; top:0px; left:50%; margin-left:-960px; opacity:1;  z-index:-10000;}

#play2 { width:1920px; height:850px; position:relative; top:-200px; opacity:1; }



.ppt { width:100%; position: relative; top:1000px; left:0; right:0; margin:auto; z-index:100; }

#premium { width:1920px; position: relative; top:0px; left:50%; margin-left:-960px; z-index:40; height:593px; }
.pre-bg { width:1920px; height:393px; background-color:#f4f4f4;}
.pre-o { position:absolute; left:50%; margin-left:495px; top:100px; animation-duration:3.5s; animation-name:prebg2; animation-iteration-count:infinite; }

#premium_tit { width:1100px; position:absolute; top:-50px; left:50%; margin-left:-550px; opacity:0; }

#story { width:1100px; position:absolute; top:232px; left:50%; margin-left:-550px;  }
#story>li { position:absolute; top:0; left:0; opacity:0; }
#story>li:nth-child(1) { left:-50px; }
#story>li:nth-child(2) { left:616px; }


@keyframes prebg {

  from { margin-top:0px;}
  20% { margin-top:-10px;}
  60% { margin-top:10px;}
  90% {margin-top:-10px;}
  to { }
  
}


@keyframes prebg2 {

  from { margin-top:0px;}
  20% { margin-top:-10px;}
  60% { margin-top:0px;}
  80% {margin-top:-10px;}
  to { }
  
}


.mid-bg { width:1920px; height:720px; position: absolute; top:393px; left:50%; margin-left:-960px; overflow:hidden; background-color:#000;}
.mid-bg iframe { opacity:0.5;}

#premium01_wrap { width:1100px; height:647px; position:relative; top:0px; left:50%; margin-left:-550px; z-index:30; }

#premium01_tit { width:1100px; position:absolute; top:-100px; left:50%; margin-left:-550px; opacity:0; z-index:99;}
#premium01_01 {  position:absolute; top:500px;right:500px;;}
#premium01_poto { position:absolute; top:228px; left:-50px; opacity:0; }
#premium01_text { position:absolute; top:228px; right:0; opacity:0; }
#premium01_left { position:absolute; top:200px; left:-40px; opacity:0;}

.pre2-bg { height:484px; width:1920px; background-color:#fff; position:absolute; left:50%; margin-left:-960px; margin-top:-127px; z-index:-1;}

#premium02_wrap { width:1100px; height:357px; position: relative; top:0px; left:50%; margin-left:-550px;  z-index:30;}
#premium02_02 {  position:absolute; top:0; left:-150px;}
#premium02_poto { position:absolute; top:0px; left:488px; opacity:0;}
#premium02_poto2 { position:absolute; top:0px; left:920px; opacity:0;}
#premium02_text { position:absolute; top:15px; left:0; opacity:0; margin-top:-30px;}
#premium02_right { position:absolute; top:-50px; right:-35px; opacity:0;}

.pre2-o { position:absolute; left:50%; margin-left:-755px; top:103px; animation-duration:5s; animation-name:prebg; animation-iteration-count:infinite; }




#vr { width:1920px; height:517px; position: absolute; top:0px; overflow:hidden; left:50%; margin-left:-960px; background-color:#000;}
#vr iframe { opacity:0.2;}
#plan_tit { width:1100px; position:absolute; top:0px; left:50%; margin-left:-550px; }

#plan_wrap { width:1920px; height:557px; position: relative; top:0px; left:50%; margin-left:-960px; z-index:999; }

.swiper1 { width:1100px; top:225px;}
.arrow { position: absolute; width:72%; top:400px;  left:0; right:0; margin:0 auto; z-index:10; }
.swiper-button-next { position: fixed; right:0; margin-right:23px;}
.swiper-button-prev { position: fixed; left:0;}
.swiper-container {  }


.pre_on span  .off {position:absolute; top:0px; left:0;  opacity:1; filter:alpha(opacity=100); }
.pre_on span  .on {position:absolute; top:0px; left:0;   opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in-out 0s;  }
.pre_on a:hover span .off {opacity:1; filter:alpha(opacity=0); transition:all 0.5s ease-in-out 0s;  }
.pre_on a:hover span .on {opacity:1; filter:alpha(opacity=100); transition:all 0.5s ease-in-out 0s;  }


.u-bg { position:absolute; width:1920px; height:43px; background-color:#fff; left:50%; margin-left:-960px; top:515px; }


#footer{height:253px; width:100%; background-color:#fff; position:relative; z-index:201; margin:0 auto; top:0px; text-align:center; }

#sub-footer{height:253px; width:100%; background-color:#fff; position: relative; z-index:201; margin:0 auto; text-align:center; }

.f-line { width:70%; height:1px; background-color:#ddd; position:absolute; top:75px; left:255px;}
.f01 { position:absolute; top:0; left:0;}
.f02 { position:absolute; top:0; right:0;}

.fl-bin { width:3000px; height:75px; background-color:#fff; position:absolute; left:50%; margin-left:-3960px;}
.fr-bin { width:3000px; height:75px; background-color:#fff; position:absolute; right:50%; margin-right:-3960px;}


@media all and (max-width:1180px) { 
		.f-line { width:80%; height:1px; background-color:#ddd; position:absolute; top:75px; left:50%; margin-left:-450px;}

		.f01 { position:absolute; left:50%; margin-left:-690px;}
		.f02 { position:absolute; right:50%; margin-right:-690px;}
	}


@media all and (min-width:1930px) { 
		#footer { width:1920px; left:50%; margin-left:-960px;}
		#sub-footer {width:1920px; left:50%; margin-left:-960px;}
	}





/*서브*/

#sub-vi { position:relative; width:1920px; left:50%; margin-left:-960px; top:0px;}

#sub-top { width:1920px; height:435px; background:#FFF url('../images/sub-top.jpg') 0 0 no-repeat; margin-top: 0px;  }
.sub-open {position:absolute; top:100px; right:50%; margin-right:-909px; }

#snb {border:1px solid #dcdcdc; width:1100px; margin:0 auto 55px; position:relative; z-index:88; top:60px;  }
#snb:after {content:""; display:block; clear:both; }
#snb > li {float:left; position:relative; height:48px; }
#snb > li:first-child { }
#snb > li:first-child + li > a {background:url(../images/snb-arr.gif) no-repeat 100% 50%;}
#snb > li:first-child + li + li > a {background:url(../images/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', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, 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', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, 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_wrap { width:100%; left: 0; right: 0; margin: auto; position:relative; height:auto; margin-top:260px; }
#sub_page { width:1100px; position:relative; left:50%; margin-left:-550px; top:0px;}



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



#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 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #262951; border:1px solid #262951;}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

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

ul.tabs2 li.active { color:#fff; background: #262951;  border:1px solid #262951;}


.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;
}

.content {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	text-align: center;

}

	.Details {padding: 0;margin: 46px 47px 58px;background-color: #e8e0d7; text-align: center;}
	.detailBtn {display: block;color: #fff;font-size: 12px;line-height: 34px;vertical-align: middle;cursor: pointer; font-family:'NanumSquare', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif; font-weight: 600; }
	.detailCont {width: 100%;height: 550px;overflow-x: hidden;overflow-y:scroll;border:1px solid #f5f5f5;background-color: #fff;}