@keyframes lotate {
  0% {
    transform : rotate(0deg)
  }

  50% {
    transform : rotate(180deg)
  }

  100% {
    transform : rotate(360deg)
  }
}

@keyframes scroll {
	0%	{top:-10px;}
	50% {top:-1000px;}
	100% {top:-10px;}
}

@keyframes sizeScale {
	0%	{position:absolute; width:100px; height:49px; bottom:400px; right:200px;}
	100% {width:615px; height:300px;}
}

@keyframes sizeScale1 {
	0%	{position:absolute; width:50px; height:77px; top:500px; left:238px;}
	100% {width:436px; height:759px;}
}

@keyframes sizeScale2 {
	0%	{position:absolute; width:50px; height:46px; top:380px; right:380px;}
	100% {width:452px; height:491px;}
}

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

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

@keyframes ci {
0% {transform: scale(1);}
50% {transform: scale(1.2);}
100% {transform: scale(1);}
}

.clear {
	clear: both;
}
.wrap {
	width: 100%;
	z-index: 10;
	position: relative;
	margin:99px 0 0 0;
	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:400px; 
	left:-652px;
	z-index: 99;
}

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


.subNavBtn {
	display: block;
	height: 36px;
	width: 52px;
	float: left;
	margin: 0px 0px 2px 0;
	text-decoration: none;
	font-size: 20px;
	padding: 16px 0 0 0;
	text-align: center;
	background:url(./image/tab_bg.png)center top no-repeat;
    color:#ffffff;
}
.subMenu a:hover {
	background:url(./image/tab_bg.png)center top no-repeat;color:#fff000;
}

.active {
	background:url(./image/tab_on_bg.png)center top no-repeat;color:#ffffff;
}
.end {
	margin:0;
}

.b {font-weight: bold;}

.naver_rolling{position:absolute;top:0px; left:0px; width:499px; height:2123px; animation:scroll 35s linear infinite; }

/* SECTIONS */
.sTop {
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url()#231710 center top no-repeat;
	height: 80px;
	
}

.s1 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s1_bg.jpg)#ffffff center top no-repeat;
	height: 1620px;
	margin: 0;
	position:relative;
}

.s1 .txt {position:absolute; width: 958px; height: 170px; margin-left:50%; top:100px; left:-479px; color:#fff; text-align: center; z-index:1; }
.s1 .txt_bg {position:absolute; width:330px; height:50px; margin-left:50%; top:107px; left:-337px; background:#ea0000; }
.s1 .txt1 {position:absolute; width:624px; height:42px; margin-left:50%; top:285px; left:-312px;  }
.s1 .ac01 {position:absolute; width:300px; height:300px; margin-left:50%; top:436px; left:-862px; animation: ci 1.5s ease-in-out infinite;}
.s1 .ac02 {position:absolute; width:300px; height:300px; margin-left:50%; top:436px; left:559px; animation: ci 1.5s ease-in-out infinite;}
.s1 .list_wrap {position:absolute; width:1470px; height:748px; margin-left:50%; top:800px; left:-735px; }
.s1 .list_wrap ul { }
.s1 .list_wrap li {float: left; width:470px; height:344px; margin:0 10px 30px 10px; background:#ffffff; }
.s1 .bgac {position:absolute; width:1140px; height:620px; margin-left:50%; top:337px; left:-570px;  }

.s2 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s2_bg.jpg)#ffffff center top no-repeat;
	height: 1770px;
	margin: 0;
	position:relative;
}

.s2 .txt {position:absolute; width: 1058px; height: 450px; margin-left:50%; top:108px; left:-529px; color:#202020; text-align: center; z-index:1; }
.s2 .txt .txt_1 {font-family: 'Noto Serif KR', serif; font-size:40px; font-weight: 600; letter-spacing: -2px; }
.s2 .txt .txt_2 {font-family: 'Noto Serif KR', serif; font-size:65px; font-weight: 700; letter-spacing: -2px; margin-top:50px; line-height:120%; }
.s2 .txt .txt_3 {font-family: 'Noto Sans KR', sans-serif;  font-size:28px; font-weight: 400; letter-spacing: -2px; margin-top:50px; line-height:140%; }
.s2 .txt2 {position:absolute; width: 800px; height: 120px; margin-left:50%; top:1320px; left:-400px; color:#000000; text-align: center; z-index:1; }
.s2 .txt2 .txt_4 {font-family: 'Noto Serif KR', sans-serif;  font-size:36px; font-weight: 400; letter-spacing: -2px; margin-top:20px; line-height:160%; }
.s2 .txt_bg {position:absolute; width:422px; height:70px; margin-left:50%; top:301px; left:-42px; background:#ea0000; }
.s2 .ac01 {position:absolute; width:247px; height:212px; margin-left:50%; top:1308px; left:-598px; animation: blink-effect 1s step-end infinite;}

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

.s3 .txt {position:absolute; width: 560px; height: 520px; margin-left:50%; top:224px; left:-690px; color:#ffffff; text-align: left; z-index:1; }
.s3 .txt .txt_1 {position:absolute; width: 558px; height: 84px; top:0; left:0;  }
.s3 .txt .txt_2 {font-family: 'Noto Serif KR', serif; font-size:42px; font-weight: 700; letter-spacing: -2px; margin-top:90px; line-height:130%; }
.s3 .txt .txt_3 {font-family: 'Noto Sans KR', sans-serif;  font-size:23px; font-weight: 400; letter-spacing: -2px; margin-top:40px; line-height:150%; }
.s3 .txt_bg {position:absolute; width:540px; height:50px; margin-left:50%; top:373px; left:-690px; background:#ffffff; }
.s3 .ac01 {position:absolute; width:247px; height:212px; margin-left:50%; top:1308px; left:-598px; animation: blink-effect 1s step-end infinite;}

.s3_1 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s3_1_0926.jpg)#ffffff center top no-repeat;
	height: 1600px;
	margin: 0;
	position:relative;
}

.s3_1 .txt1 {position:absolute; width: 798px; height: 300px; margin-left:50%; top:106px; left:-399px; }
.s3_1 .txt2 {position:absolute; width: 864px; height: 260px; margin-left:50%; top:1246px; left:-432px;  }
.s3_1 .ac1 {position:absolute; width: 550px; height: 600px; margin-left:50%; top:587px; left:-274px; z-index:1; }
.s3_1 .gif {position:absolute; width: 550px; height: 600px; margin-left:50%; top:587px; left:-274px;  overflow:hidden;}
.s3_1 .ac2 {position:absolute; width:395px; height:183px; margin-left:50%; top:800px; left:-714px; animation: blink-effect 1s step-end infinite;}
.s3_1 .ac3 {position:absolute; width:426px; height:187px; margin-left:50%; top:800px; left:295px; animation: blink-effect 1s step-end infinite;}

.s3_1125 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s3_2_1122.jpg)#ffffff center top no-repeat;
	height: 1920px;
	margin: 0;
	position:relative;
}
.s3_1125 .ac {position:absolute; width: 348px; height: 347px; margin-left:50%; top:425px; left:329px; animation: ci 1.5s ease-in-out infinite;}
.s3_1125 .txt {position:absolute; width: 626px; height: 243px; margin-left:50%; top:1460px; left:-313px; }

.s3_2 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s3_2_1028.jpg)#ffffff center top no-repeat;
	height: 1970px;
	margin: 0;
	position:relative;
}

.s3_2 .txt {position:absolute; width: 1324px; height: 125px; margin-left:50%; top:95px; left:-662px; }
.s3_2 .ac1 {position:absolute; width: 132px; height: 132px; margin-left:50%; top:712px; left:-359px; animation: ci 1.5s ease-in-out infinite;}
.s3_2 .ac2 {position:absolute; width: 132px; height: 132px; margin-left:50%; top:712px; left:95px; animation: ci 1.5s ease-in-out infinite;}
.s3_2 .ac3 {position:absolute; width: 132px; height: 132px; margin-left:50%; top:712px; left:545px; animation: ci 1.5s ease-in-out infinite;}
.s3_2 .ac4 {position:absolute; width: 132px; height: 132px; margin-left:50%; top:1037px; left:-359px; animation: ci 1.5s ease-in-out infinite;}
.s3_2 .ac5 {position:absolute; width: 132px; height: 132px; margin-left:50%; top:1037px; left:95px; animation: ci 1.5s ease-in-out infinite;}
.s3_2 .ac6 {position:absolute; width: 132px; height: 132px; margin-left:50%; top:1037px; left:545px; animation: ci 1.5s ease-in-out infinite;}

.s4 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s4_bg.jpg)#ffffff center top no-repeat;
	height: 1400px;
	margin: 0;
	position:relative;
	overflow:hidden;
}

.s4 .txt_1 {position:absolute; width: 1014px; height: 305px; margin-left:50%; top:0; left:-507px; }
.s4 .txt_2 {position:absolute; width: 1014px; height: 305px; margin-left:50%; top:0; left:-507px; z-index:9; animation: blink-effect 1s step-end infinite; }
.s4 .txt_3 {position:absolute; width: 750px; height: 120px; margin-left:50%; top:863px; left:-375px; font-family: 'Noto Serif KR', serif; font-size:45px; font-weight: 600; color:#202020; letter-spacing: -2px; line-height:130%; text-align: center;}
.s4 .roll {position:absolute; width:100%; height:300px; top:1020px; left:0;}

.s5 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s5_bg.jpg)#ffffff center top no-repeat;
	height: 970px;
	margin: 0;
	position:relative;

}

.s5 .txt_1 {position:absolute; width: 874px; height: 192px; margin-left:50%; top:147px; left:-437px; font-family: 'Noto Serif KR', serif; font-size:75px; font-weight: 800; letter-spacing: -2px; line-height:130%; color:#1d1d1d; text-align: center; }
.s5 .txt_2 {position:absolute; width: 428px; height: 321px; margin-left:50%; top:396px; left:208px; }
.s5 .btn {position:absolute; width: 192px; height: 60px; margin-left:50%; top:766px; left:208px;}
.s5 .btn:hover {opacity : 0.7;}
.s5 .youtube {position:absolute; width:787; height:442px; margin-left:50%; top:396px; left:-640px;}

.s6 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s6_bg.jpg)#ffffff center top no-repeat;
	height: 1408px;
	margin: 0;
	position:relative;
	overflow:hidden;

}

.s6 .txt_1 {position:absolute; width: 936px; height: 293px; margin-left:50%; top:171px; left:-468px; }
.s6 .ban {position:absolute; width: 1000px; height: 700px; margin-left:50%; top:518px; left:-500px; }

.s6_1007 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s6_0_1007.jpg)#ffffff center top no-repeat;
	height: 1920px;
	margin: 0;
	position:relative;
	overflow:hidden;

}

.s6_1007 .txt1 {position:absolute; width: 1019px; height: 259px; margin-left:50%; top:106px; left:-510px; }
.s6_1007 .txt2 {position:absolute; width: 605px; height: 69px; margin-left:50%; top:788px; left:-643px; }
.s6_1007 .txt3 {position:absolute; width: 604px; height: 67px; margin-left:50%; top:788px; left:40px; }
.s6_1007 .txt4 {position:absolute; width: 766px; height: 246px; margin-left:50%; top:1594px; left:-383px; }
.s6_1007 .scroll {position:absolute; width: 100%; height: 580px; top:954px; left:0; }
.s6_1007 .gif1 {position:absolute; width: 600px; height: 330px; margin-left:50%; top:428px; left:-640px; border:5px #dbd9da solid; border-radius:20px; overflow:hidden;}
.s6_1007 .gif2 {position:absolute; width: 600px; height: 330px; margin-left:50%; top:428px; left:40px; border:5px #dbd9da solid; border-radius:20px;overflow:hidden;}

.s6_1 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s6_1_0926.jpg)#ffffff center top no-repeat;
	height: 1360px;
	margin: 0;
	position:relative;
	overflow:hidden;

}

.s6_1 .txt1 {position:absolute; width: 795px; height: 227px; margin-left:50%; top:98px; left:-398px; }
.s6_1 .txt2 {position:absolute; width: 419px; height: 428px; margin-left:50%; top:802px; left:-602px; }
.s6_1 .ac {position:absolute; width: 512px; height: 289px; margin-left:50%; top:434px; left:82px; z-index:1;}
.s6_1 .gif {position:absolute; width: 512px; height: 289px; margin-left:50%; top:434px; left:82px; }

.s7 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s7_bg.jpg)#ffffff center top no-repeat;
	height: 1330px;
	margin: 0;
	position:relative;

}

.s7 .txt {position:absolute; width: 907px; height: 543px; margin-left:50%; top:0; left:-453px; }
.s7 .ac01 {position:absolute; width: 407px; height: 143px; margin-left:50%; top:911px; left:-590px; animation: ci 1.5s ease-in-out infinite; }
.s7 .ac02 {position:absolute; width: 407px; height: 143px; margin-left:50%; top:911px; left:230px; animation: ci 1.5s ease-in-out infinite; }

.s8 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s8_bg.jpg)#ffffff center top no-repeat;
	height: 1980px;
	margin: 0;
	position:relative;
	overflow:hidden;

}

.s8 .txt_1 {position:absolute; width: 1020px; height: 110px; margin-left:50%; top:104px; left:-510px; font-family: 'Noto Serif KR', serif; font-size:72px; font-weight: 800; letter-spacing: -2px; color:#1a1a1a; text-align: center; }
.s8 .txt_2 {position:absolute; width: 872px; height: 340px; margin-left:50%; top:1174px; left:-436px; z-index:99; }
.s8 .bgac01 {position:absolute; width: 522px; height: 595px; top:898px; left:0; z-index:9; }
.s8 .bgac02 {position:absolute; width: 526px; height: 595px; top:898px; right:0; z-index:9; }

.s8_1007 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s8_1_1007.jpg)#ffffff center top no-repeat;
	height: 2090px;
	margin: 0;
	position:relative;
	overflow:hidden;

}

.s8_1007 .txt {position:absolute; width: 1125px; height: 352px; margin-left:50%; top:90px; left:-562px; }

.s9 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s9.jpg)#ffffff center top no-repeat;
	height: 3510px;
	margin: 0;
	position:relative;
	overflow:hidden;

}

.s9 .txt_1 {position:absolute; width: 698px; height: 226px; margin-left:50%; top:87px; left:-349px;}
.s9 .ac01 {position:absolute; width: 293px; height: 118px; margin-left:50%;  top:2031px; left:-461px; animation: blink-effect 1s step-end infinite; }
.s9 .naver_roll {position:absolute; width: 499px; height: 843px; margin-left:50%;  bottom:0; left:189px; overflow:hidden;}
.s9 .scroll {position:absolute; width: 3000px; height: 400px; margin-left:50%; top:700px; left:-1025px; overflow:hidden;}

.s9_1125 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s9_1_1122.jpg)#ffffff center top no-repeat;
	height: 1214px;
	margin: 0;
	position:relative;
	overflow:hidden;

}
.s9_1125 .txt_2 {position:absolute; width: 622px; height: 190px; line-height:150%; margin-left:50%; top:140px; left:-610px; font-family: 'Noto Serif KR', serif; font-size:55px; font-weight: 700; letter-spacing: -2px; color:#000000; text-align: center; }
.s9_1125 .naver_roll {position:absolute; width: 499px; height: 843px; margin-left:50%;  bottom:0; left:189px; overflow:hidden;}

.s10 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s10_bg.jpg)#ffffff center top no-repeat;
	height: 1540px;
	margin: 0;
	position:relative;
	overflow:hidden;

}

.s10 .txt_1 {position:absolute; width: 1034px; height: 105px; line-height:140%; margin-left:50%; top:110px; left:-517px; font-family: 'Noto Serif KR', serif; font-size:35px; font-weight: 700; letter-spacing: -2px; color:#000000; text-align: center; z-index:9;}
.s10 .txt_2 {position:absolute; width: 1034px; height: 170px; line-height:140%; margin-left:50%; top:240px; left:-517px; font-family: 'Noto Serif KR', serif; font-size:72px; font-weight: 700; letter-spacing: -2px; color:#000000; text-align: center; }
.s10 .txt_3 {position:absolute; width: 1034px; height: 62px; line-height:140%; margin-left:50%; top:1072px; left:-517px; font-family: 'Noto Sans KR', sans-serif; font-size:28px; font-weight: 400; letter-spacing: -2px; color:#444444; text-align: center; }
.s10 .txt_4 {position:absolute; width: 1034px; height: 84px; line-height:150%; margin-left:50%; top:1184px; left:-517px; font-family: 'Noto Sans KR', sans-serif;font-size:28px; font-weight: 400; letter-spacing: -2px; color:#444444; text-align: center; }
.s10 .txt_5 {position:absolute; width: 1034px; height: 130px; line-height:150%; margin-left:50%; top:1300px; left:-517px; font-family: 'Noto Sans KR', sans-serif;font-size:28px; font-weight: 400; letter-spacing: -2px; color:#444444; text-align: center; z-index:9;}
.s10 .txt_bg1 {position:absolute; width:207px; height:46px; margin-left:50%; top:163px; left:24px; background:#0023d4; }
.s10 .txt_bg2 {position:absolute; width:585px; height:40px; margin-left:50%; top:1390px; left:-294px; background:#da0000; }

.s11 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s11_bg.jpg)#ffffff center top no-repeat;
	height: 1190px;
	margin: 0;
	position:relative;

}

.s11 .txt_1 {position:absolute; width: 970px; height: 170px; margin-left:50%; top:109px; left:-485px; }
.s11 .txt {position:absolute; width: 620px; height: 450px; margin-left:50%; top:350px; left:90px; }
.s11 .txt .txt_2 {position:absolute; width: 590px; height: 80px; line-height:140%; top:0; left:5px; font-family: 'Noto Sans KR', serif; font-size:40px; font-weight: 700; letter-spacing: -2px; color:#FFFFFF; text-align: left; z-index:1;}
.s11 .txt .txt_3 {position:absolute; width: 560px; height: 100px; line-height:140%; top:98px; left:0; font-family: 'Noto Sans KR', serif; font-size:25px; font-weight: 400; letter-spacing: -2px; color:#000000; text-align: left; }
.s11 .txt .txt_4 {position:absolute; width: 560px; height: 100px; line-height:140%; top:228px; left:0; font-family: 'Noto Sans KR', serif; font-size:25px; font-weight: 400; letter-spacing: -2px; color:#000000; text-align: left; }
.s11 .txt .txt_5 {position:absolute; width: 560px; height: 70px; line-height:140%; top:356px; left:0; font-family: 'Noto Sans KR', serif; font-size:25px; font-weight: 700; letter-spacing: -2px; color:#000000; text-align: left; 	text-underline-position: under; text-decoration: underline 0.01em;}
.s11 .txt_bg {position:absolute; width:600px; height:55px; margin-left:50%; top:353px; left:87px; background:#f90000; }
.s11 .btn {position:absolute; width: 171px; height: 55px; margin-left:50%; top:1045px; left:-85px;}
.s11 .btn:hover {opacity : 0.7;}

.s12 {
    padding-top:0;
	padding-bottom:0;
	background:url()#ff5500 center top no-repeat;
	height: 2400px;
	margin: 0;
}

.s12 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s12_bg.jpg)#ffffff center top no-repeat;
	height: 1240px;
	margin: 0;
	position:relative;

}

.s12 .txt_1 {position:absolute; width: 899px; height: 94px; margin-left:50%; top:110px; left:-450px; }
.s12 .list_wrap {position:absolute; width:1470px; height:720px; margin-left:50%; top:400px; left:-735px; }
.s12 .list_wrap ul { }
.s12 .list_wrap li {float: left; width:470px; height:720px; margin:0 10px 0 10px; background:#ffffff; }

.s13 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s13_bg.jpg)#ffffff center top no-repeat;
	height: 1080px;
	margin: 0;
	position:relative;

}

.s13 .txt {position:absolute; width: 500px; height: 820px; margin-left:50%; top:129px; left:-700px; }
.s13 .txt .txt_1 {position:absolute; width: 500px; height: 300px; line-height:140%; top:0; left:0; font-family: 'Noto Serif KR', serif; font-size:58px; font-weight: 700; letter-spacing: -2px; color:#272525; text-align: left; }
.s13 .txt .txt_2 {position:absolute; width: 500px; height: 130px; line-height:140%; top:330px; left:0; font-family: 'Noto Sans KR', sans-serif; font-size:40px; font-weight: 700; letter-spacing: -2px; color:#272525; text-align: left; z-index:9;}
.s13 .txt .txt_3 {position:absolute; width: 500px; height: 236px; line-height:140%; top:483px; left:0; font-family: 'Noto Sans KR', sans-serif; font-size:35px; font-weight: 400; letter-spacing: -2px; color:#66645e; text-align: left; }
.s13 .txt .txt_4 {position:absolute; width: 500px; height: 60px; line-height:140%; top:763px; left:0; font-family: 'Noto Sans KR', sans-serif; font-size:35px; font-weight: 400; letter-spacing: -2px; color:#66645e; text-align: left; }
.s13 .txt .txt_bg {position:absolute; width:379px; height:50px; top:403px; left:5px; }

.s14 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/s14_bg.jpg)#ffffff center top no-repeat;
	height: 1010px;
	margin: 0;
	position:relative;

}

.s14 .list_wrap {position:absolute; width:837px; height:700px; margin-left:50%; top:82px; left:-134px; }
.s14 .list_wrap ul { }
.s14 .list_wrap li {float: left; width:837px; min-height:100px; padding:5px 0 5px 0; }
.s14 .line {border-bottom:1px #920b13 solid;}

.main_news {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_news_bg.jpg)#444 center top no-repeat;
	height: 1980px;
	margin: 0;
}

.main_news .main_news_wrap { position:relative; width:1200px; height:1980px; margin:0 auto;}
.main_news .main_news_wrap .tit {position:absolute; width:1200px; height:100px; top:100px; left:0;}
.main_news .main_news_wrap .more{position:absolute; width:251px; height:62px; top:1800px; left:485px;}
.main_news .main_news_wrap .more a:hover {opacity:0.8;}
.main_news .main_news_wrap .best_news {position:absolute; width:1200px; height:810px; top:270px; left:0;}
.main_news .main_news_wrap .cont{position:absolute; width:1200px; height:700px; top:1100px; left:0;}