@keyframes light_ani {0%{opacity:1.0;} 50%{opacity:0.1;} 80%{opacity:0.9;} 100%{opacity:1.0;}}

@keyframes blink-effect { 50% { opacity: 0; } }

@keyframes rollingleft1 { /* 원본용 */
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-100%);
    }
    50.01%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0);
    }
}

@keyframes rollingleft2 { /* 클론용 */
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

@keyframes scroll {
	0%	{top:-150px;}
	50% {top:-850px;}
	100% {top:-150px;}
}

@keyframes bling {
	0%	{}
	25% {opacity:0;}
	50% {opacity:1;}
	100% {}
}

@keyframes motion {
	0% {margin-top: 8px;}
	100% {margin-top: 0px;}
}

@keyframes light {
	0% {x: -100%}
	100% {x: 100%}
}

.section {
	width: 100%;
	min-width: 1000px;
	z-index: 10;
	position: relative;
	padding:0;
}


.inner {
	width: 50px;
	height: 50px;
	padding:0;
	font-family:나눔바른고딕, Malgun Gothic, 맑은 고딕, '돋움', sans-serif;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}


.subMenu {
	position:fixed;
	margin-left:50%;
	top:30px; 
	left:652px;
	z-index: 99999999;
}

.subMenu .inner {
	padding:0;
	font-weight: bold;
}


.subNavBtn {
	display: block;
	height: 110px;
	width: 110px;
	float: left;
	margin: 0px 0px 2px 0;
	text-decoration: none;
	font-size: 20px;
	padding: 5px 0 0 0;
	z-index: 9999;
}

.end {
	margin:0;
}


.symbol-target { padding-top: 99px; margin-top:-99px; width: 100%; height:0px; font-size:0px; line-height:0px; display:block; background:#000;}
.symbol-target1 { padding-top: 99px; margin-top:-99px; width: 100%; height:0px; font-size:0px; line-height:0px; display:block; background:#000;}

/* SECTIONS */

.sTop {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	height: 120px;
	
}


.s0_0218 {
    position:relative;
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s0_0218.jpg)#444 center top no-repeat;
	height: 650px;
	margin: 0;
}

.s1 {
	padding-top: 0; 
	margin-top: 0;
	background:url(./image/s1_bg.jpg)#444 center top no-repeat;
	height: 1860px;
	
}
.s1 .ac01 { position:absolute;  width:1160px; height: 1300px; margin-left:50%; top:197px; left:-580px; animation: light_ani 1.8s 0s infinite linear; }
.s1 .ac02 { position:absolute;  width:234px; height: 295px; margin-left:50%; top:671px; left:-832px;  }

.ns0417 {
    position:relative;
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/main_2_0417.jpg)#444 center top no-repeat;
	height: 1180px;
	margin: 0;
}
.ns0417 .ac01 { position:absolute;  width:376px; height: 127px; margin-left:50%; top:186px; left:36px; animation: blink-effect 0.8s step-end infinite; }

.s3_1 {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(./image/s3_1_0120.jpg)#fbfaf6 center top no-repeat;
	height: 1980px;
	
}
.s3_1 .cont {position:relative;width: 988px; height: 1980px; margin:0 auto;}
.s3_1 .cont .video {position:absolute; width:988px; height:557px; margin-left:50%; top:584px; left: -494px;background:#005f34;}

.s010817 {
    position:relative;
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s01_0817_bg.jpg)#444 center top no-repeat;
	height: 3160px;
	margin: 0;
}
.s010817 .ac01 { position:absolute;  width:600px; height: 828px; margin-left:50%; top:590px; left:-300px;  }
.s010817 .ac02 { position:absolute;  width:600px; height: 828px; margin-left:50%; top:590px; left:-300px;  }
.s010817 .ac03 { position:absolute;  width:524px; height: 50px; margin-left:50%; top:1557px; left:-262px;  }
.s010817 .ac03 .ac03_contWrap { position:relative; width:524px; height: 50px; }
.s010817 .ac03 .ac03_contWrap .ac03_cont { position:absolute; width:524px; height: 50px; left:0; top:0;}
.s010817 .ac03 .ac03_contWrap .light{animation: light 2s linear infinite}

.s010824 {
    position:relative;
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s011_0824_bg.jpg)#444 center top no-repeat;
	height: 690px;
	margin: 0;
}
.s010824 .ac { position:absolute;  width:248px; height: 232px; margin-left:50%; top:323px; left:458px; animation: blink-effect 0.8s step-end infinite;  }
.s010824 .ac2 { position:absolute;  width:255px; height: 32px; margin-left:50%; top:470px; left:-636px; animation: blink-effect 0.8s step-end infinite;  }

.s2 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s2_bg.jpg)#444 center top no-repeat;
	height: 2080px;
	margin: 0;
	
}
.s2 .cont { position:relative; margin:0 auto; width:1600px; height: 1900px;}
.s2 .cont .ac1 {position:absolute; width:300px; height:379px; top:1140px; left:0;}
.s2 .cont .ac2 {position:absolute; width:300px; height:388px; top:1140px; right:0;}

.s0611 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s10_1_0610.jpg)#444 center top no-repeat;
	height: 1080px;
	margin: 0;
	
}
.s0611 .gif {position:absolute; width:480px; height:854px; margin-left:50%; top:113px; left:-722px; background:#000; border-radius:30px; overflow:hidden; }

.s3 {
    position:relative;
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s3_bg.jpg)#444 center top no-repeat;
	height: 1300px;
	margin: 0;
}

.s31013 {
    position:relative;
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s3_221013.jpg)#444 center top no-repeat;
	height: 1410px;
	margin: 0;
	overflow:hidden;
}
.s31013 .cont { position:relative; margin:0 auto; width:1400px; height: 1410px;}
.s31013 .cont .rolling_cont {position:absolute; width:507px; height:1200px; top:210px; right:0; overflow:hidden;}
.s31013 .cont .rolling_cont .top {position:absolute; width:507px; height:52px; top:0; left:0; z-index:99;}
.s31013 .cont .rolling_cont .bottom {position:absolute; width:507px; height:127px; bottom:0; left:0; z-index:99;}
.s31013 .cont .rolling_cont .rolling {position:absolute; width:507px; height:1200px; top:0; left:0; animation:scroll 35s linear infinite;}

.s51021{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s5.2_221021.jpg)#444 center top no-repeat;
	height: 1370px;
	margin: 0;
}

.s0418{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/main_5_0418.jpg)#444 center top no-repeat;
	height: 896px;
	margin: 0;
}

.s40926{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s4_220926.jpg)#444 center top no-repeat;
	height: 820px;
	margin: 0;
}

.s71021{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s7.1_221021.jpg)#444 center top no-repeat;
	height: 1260px;
	margin: 0;
}
.s71021 .ac{ position:absolute; width:1260px; height:300px; margin-left:50%; top:591px; left:-630px; animation: motion 0.3s linear 0s infinite alternate;}

.s0414{
    position:relative;
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s0414.jpg)#444 center top no-repeat;
	height: 940px;
	margin: 0;
}
.s0414 .video{ position:absolute; width:642px; height:363px; margin-left:50%; top:82px; left:-22px; border:3px #eee8d8 solid; overflow:hidden; border-radius: 20px;}

.s41007{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s4.1_221007.jpg)#444 center top no-repeat;
	height: 1750px;
	margin: 0;
}

.s41022{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s4_221022.jpg)#444 center top no-repeat;
	height: 1340px;
	margin: 0;
}
.s41022 .cont { position:relative; margin:0 auto; width:1500px; height: 1340px;}
.s41022 .cont .top {position:absolute; width:1500px; height:770px; top:0; left:0;  }
.s41022 .cont .bottom {position:absolute; width:1500px; height:570px; top:770px; left:0;  background:url(./image/s4_221022_bottom.png) center top no-repeat; }
.s41022 .cont .bottom .ac1 {position:absolute; width:1500px; height:570px; top:0; left:0; z-index:999; }
.s41022 .cont .bottom .ac2 {position:absolute; width:1500px; height:570px; top:0; left:0; z-index:9; }
.s41022 .cont .bottom .ac3 {position:absolute; width:1500px; height:570px; top:0; left:0; z-index:99; animation:bling 1s linear infinite; }

.s4 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s4_bg.jpg)#444 center top no-repeat;
	height: 2750px;
	margin: 0;
}

.s60927{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s6_220927.jpg)#444 center top no-repeat;
	height: 1600px;
	margin: 0;
}

.s5 {
    padding-top: 0; 
	margin-top: 0;
	background:url()#fbfbfa center center no-repeat;
	height: 1180px;
	margin: 0;
}
.s5 .cont { position:relative; margin:0 auto; width:1200px; height: 1250px;}

.s221031 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s8_221031.jpg)#fbfbfa center center no-repeat;
	height: 3481px;
	margin: 0;
}

.s6 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s6_bg.jpg)#444 center center no-repeat;
	height: 1850px;
	margin: 0;
}

.s1017 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s6_221014.jpg)#444 center center no-repeat;
	height: 1060px;
	margin: 0;
}
.s1017 .cont { position:relative; margin:0 auto; width:1200px; height: 1060px;}
.s1017 .cont .gif {position:absolute; width:277px; height:94px; top:219px; left:0;  }

.s91028 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s9_1_221027_bg.jpg)#444 center center no-repeat;
	height: 1600px;
	margin: 0;
}
.s91028 .cont { position:relative; margin:0 auto; width:1010px; height: 1600px;}
.s91028 .cont .img1 {position:relative; margin:0 auto; width:1010px; height: 0px; top:585px; left:0;z-index:999; }
.s91028 .cont .img2 {position:relative; width:1010px; top:-585px; animation: rotate_image 10s linear infinite;transform-origin: 50% 50%;z-index:-999;}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}


.s1025 {
    padding-top: 554px; 
	margin-top: 0;
	background:url(./image/main_221024.jpg)#444 center center no-repeat;
	height: 346px;
	margin: 0;
}
.s1025 .cont { position:relative; margin:0 auto; width:100%; height: 340px;z-index:99;}

.s71017{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s7_221013.jpg)#444 center top no-repeat;
	height: 1600px;
	margin: 0;
}

.s80928{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s8_220928.jpg)#444 center top no-repeat;
	height: 1250px;
	margin: 0;
}

.s111028{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s11_1_221028.jpg)#444 center top no-repeat;
	height: 1200px;
	margin: 0;
}

.s81022{
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s8_221022.jpg)#444 center top no-repeat;
	height: 1000px;
	margin: 0;
}


.s7 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s7_bg.jpg)#444 center top no-repeat;
	height: 1200px;
	margin: 0;
}
.s7 .cont { position:relative; margin:0 auto; width:1340px; height: 1200px;}

.s8 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s8_bg.jpg)#444 center top no-repeat;
	height: 1050px;
	margin: 0;
}
.s8 .cont { position:relative; margin:0 auto; width:1200px; height: 1050px;}

.s9 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s9_bg.jpg)#444 center top no-repeat;
	height: 2400px;
	margin: 0;
}

.s10 {
    padding-top: 100px; 
	margin-top: 0;
	background:url(./image/s10_bg.jpg)#444 center top no-repeat;
	height: 1650px;
	margin: 0;
}
.s10 .cont { position:relative; margin:0 auto; width:1200px; height: 1650px; }

.s11 {
    position:relative;
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s11_bg.jpg)#444 center top no-repeat;
	height: 1000px;
	margin: 0;
}
.s11 .cont { position:absolute; width:100%; height: 725px; top:275px; left:0; }

.s12 {
    padding-top: 0; 
	margin-top: 0;
	background:url(./image/s12_bg.jpg)#444 center top no-repeat;
	height: 900px;
	margin: 0;
}

.s13 {
    padding-top:0;
	padding-bottom:0;
	background:url()#f1ede4 center top no-repeat;
	height: 2400px;
	margin: 0;
}
.s131108 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s13_1_221103.jpg)#f1ede4 center top no-repeat;
	height: 1850px;
	margin: 0;
}

.s13 .s13_wrap { position:relative; width:1200px; height:2400px; margin:0 auto;}
.s13 .s13_wrap .tit {position:absolute; width:1200px; height:205px; top:0; left:0;}
.s13 .s13_wrap .more{position:absolute; width:340px; height:80px; top:2230px; left:430px;}
.s13 .s13_wrap .more a:hover {opacity:0.8;}
.s13 .s13_wrap .best_news {position:absolute; width:1200px; height:810px; top:270px; left:0;}
.s13 .s13_wrap .cont{position:absolute; width:1200px; height:700px; top:1450px; left:0;}