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

@keyframes siso {
	0%	{transform: rotate(10deg);}
	25% {transform: rotate(-10deg);}
	50% {transform: rotate(10deg);}
	75% {transform: rotate(-10deg);}
	100% {transform: rotate(10deg);}
}

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

/* 바운스의 높이 0% 일 때, 0px 50%일 때, -5px 70%일 때, -50px 100%일 때, 0px */ 
@-webkit-keyframes bounce { 0% { top: 0; } 50% { top: -5px; } 70% { top: -50px; } 100% { top: 0; } } 
@-moz-keyframes bounce { 0% { top: 0; } 50% { top: -5px; } 70% { top: -50px; } 100% { top: 0; } } 
@-o-keyframes bounce { 0% { top: 0; } 50% { top: -5px; } 70% { top: -50px; } 100% { top: 0; } } 
@-ms-keyframes bounce { 0% { top: 0; } 50% { top: -5px; } 70% { top: -50px; } 100% { top: 0; } } 
@keyframes bounce { 0% { top: 0; } 50% { top: -5px; } 70% { top: -50px; } 100% { top: 0; } }

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

==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(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:107px 0 0 0;
	padding: 0;

}


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


.inner {
	width: 50px;
	height: 50px;
	padding:0;

}

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




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

.s0 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url()#000 center top no-repeat;
	
}
.s0 .main_text {position: absolute;display:block;width:838px; height:295px;margin-left: 50%; left: -418px; top:250px; animation: slideUp 0.7s linear; animation-fill-mode: both; z-index:99;}

.s1 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_01.jpg)#392b19 center top no-repeat;
	height: 1160px;
	margin: 0;
	
}
.s1 .cont {position: relative; width: 1400px; height: 1160px; margin:0 auto;}
.s1 .cont .keyword {display: block;position:absolute; top:237px; left:0; width: 1400px; height: 305px; animation: blink-effect 1s step-end infinite; }

.s22 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_01_220511.jpg)#ffffff center top no-repeat;
	height: 1515px;
	margin: 0;
}

.s2 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_02.jpg)#ffffff center top no-repeat;
	height: 1120px;
	margin: 0;
}
.s2 .ac1 { position:absolute; width:187px; height:187px; margin-left:50%; top:678px; left:600px; animation:siso 3s linear infinite;}
.s2 .ac2 { position:absolute; width:1200px; height:139px; margin-left:50%; top:582px; left:-600px; animation: blink-effect 0.7s step-end infinite;}


.s3 {
    padding-top:0;
	padding-bottom:0;
	background:url()#ffffff center top no-repeat;
	height: 1800px;
	margin: 0;
}
.s3 .cont {position: relative; width: 1800px; height: 1800px; margin:0 auto; background:url(./image/main_03_cont.jpg)#f1f1f1 center top no-repeat;}
.s3 .cont .siso1 {display: block;position:absolute; top:530px; left:265px; width:185px; height:185px; background:url(./image/soso1.png) no-repeat center; background-size:100%; box-sizing:border-box; overflow:hidden; animation:siso 3s linear infinite;}
.s3 .cont .siso2 {display: block;position:absolute; top:530px; left:668px; width:185px; height:185px; background:url(./image/soso2.png) no-repeat center; background-size:100%; box-sizing:border-box; overflow:hidden; animation:siso 3s linear infinite;}
.s3 .cont .siso3 {display: block;position:absolute; top:530px; left:1080px; width:185px; height:185px; background:url(./image/soso3.png) no-repeat center; background-size:100%; box-sizing:border-box; overflow:hidden; animation:siso 3s linear infinite;}
.s3 .cont .siso4 {display: block;position:absolute; top:998px; left:265px; width:185px; height:185px; background:url(./image/soso4.png) no-repeat center; background-size:100%; box-sizing:border-box; overflow:hidden; animation:siso 3s linear infinite;}
.s3 .cont .siso5 {display: block;position:absolute; top:998px; left:495px; width:185px; height:185px; background:url(./image/soso5.png) no-repeat center; background-size:100%; box-sizing:border-box; overflow:hidden; animation:siso 3s linear infinite;}
.s3 .cont .siso6 {display: block;position:absolute; top:998px; left:668px; width:185px; height:185px; background:url(./image/soso6.png) no-repeat center; background-size:100%; box-sizing:border-box; overflow:hidden; animation:siso 3s linear infinite;}
.s3 .cont .siso7 {display: block;position:absolute; top:998px; left:1080px; width:185px; height:185px; background:url(./image/soso7.png) no-repeat center; background-size:100%; box-sizing:border-box; overflow:hidden; animation:siso 3s linear infinite;}

.s33 {
    position: relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_220509.jpg)#ffffff center top no-repeat;
	height: 1210px;
	margin: 0;
}
.s33 .cont {position:absolute; width: 100%; height: 521px; left:0; top:630px; }

.s4 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_04.jpg)#d5d5d5 center top no-repeat;
	height: 1200px;
	margin: 0;
}
.s4 .cont {position: relative; width: 1800px; height: 1200px; margin:0 auto;}
.s4 .cont .ban {position:absolute;top:295px; left:1320px; width:390px; height:690px; background:url()#ffffff center top no-repeat;}

.s0213 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_230208.jpg)#ffffff center top no-repeat;
	height: 2960px;
	margin: 0;
}

.s1002 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_241002.jpg)#ffffff center top no-repeat;
	height: 720px;
	margin: 0;
}

.s0719 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_08_0719.jpg)#ffffff center top no-repeat;
	height: 1430px;
	margin: 0;
}

.s5555 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_220518.jpg)#ffffff center top no-repeat;
	height: 1330px;
	margin: 0;
}
.s5555 .ac1 { position:absolute; width:1200px; height:180px; margin-left:50%; top:178px; left:-600px; animation: light_ani 1.2s 0s infinite linear;}
.s5555 .ac2 { position:absolute; width:437px; height:120px; margin-left:50%; top:209px; left:-571px; }

.s5 {
    padding-top:0;
	padding-bottom:0;
	height: 1135px;
	margin: 0;
}
.s5 .cont {width: 1500px; height: 1182px; margin:0 auto;}

.s50529 {
    position: relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main05.jpg)#d5d5d5 center top no-repeat;
	height: 1030px;
	margin: 0;
}

.s50529 .ac {position:absolute;top:642px; left:47px; margin-left:50%; width:482px; height:204px; animation: blink-effect 1s step-end infinite; }

.s0926 {
    position: relative;
    padding-top:0;
	padding-bottom:0;
	height: 2300px;
	margin: 0;
	background:url(./image/main240926.jpg)#000 center top no-repeat;
}

.s0926 .gif01 {position:absolute; width:618px; height:348px; margin-left:50%; top:611px; left:-642px; }
.s0926 .gif02 {position:absolute; width:618px; height:348px; margin-left:50%; top:611px; left:22px; }
.s0926 .gif03 {position:absolute; width:618px; height:348px; margin-left:50%; top:1100px; left:-642px; }
.s0926 .gif04 {position:absolute; width:618px; height:348px; margin-left:50%; top:1100px; left:22px; }
.s0926 .cover {position:absolute; width:1330px; height:648px; margin-left:50%; top:514px; left:-662px; z-index:1;}

.s1106 {
    position: relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_241106.jpg)#d5d5d5 center top no-repeat;
	height: 2100px;
	margin: 0;
}

.s1106 .ac {position:absolute;top:532px; left:567px; margin-left:50%; width:224px; height:224px; animation: ci 1.5s ease-in-out infinite; }
.s1106 .youtube {position:absolute;top:606px; left:-704px; margin-left:50%; width:830px; height:470px; overflow:hidden;}

.s55 {
    position: relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_220509_2.jpg)#d5d5d5 center top no-repeat;
	height: 2560px;
	margin: 0;
}

.s55 .ac {position:absolute;top:1753px; left:411px; margin-left:50%; width:395px; height:395px; animation: blink-effect 1s step-end infinite; }

.s555 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_220509_3.jpg)#d5d5d5 center top no-repeat;
	height: 1135px;
	margin: 0;
	overflow:hidden;
}
.s555 .cont {position: relative; width: 1500px; height: 1135px; margin:0 auto;}
.s555 .cont .ban {position:absolute;top:410px; left:607px; width:324px; height:610px; background:url()#ffffff center top no-repeat;}
.s555 .cont .naver {position:absolute;top:0px; left:974px; width:508px; height:1135px;}
.s555 .cont .naver .naver_title{position:absolute;top:0px; left:0px; width:508px; height:55px; z-index:99;}
.s555 .cont .naver .naver_rolling{position:absolute;top:0px; left:0px; width:508px; height:1135px; animation:scroll 35s linear infinite; }

.s50719 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/Cat03_1_bg.jpg)#ffffff center top no-repeat;
	height: 1797px;
	margin: 0;
}
.s50719 .cont {position: relative; width: 1800px; height: 1797px; margin:0 auto;}
.s50719 .cont .tit {position:absolute;top:100px; left:400px; width:1000px; height:300px; }
.s50719 .cont .movie {position:absolute;top:615px; left:0; width:947px; height:538px; }
.s50719 .cont .movie1 {position:absolute;top:1205px; left:0; width:947px; height:538px; }

.s6 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_06.jpg)#ffffff center top no-repeat;
	height: 1000px;
	margin: 0;
}
.s6 .cont {position: relative;width: 1800px; height: 1000px; margin:0 auto;}
.s6 .cont .click0 {position:absolute; width: 450px; height: 678px; left:0;top:230px;background:url(./image/click0.jpg)#ffffff center top no-repeat;}
.s6 .cont .click0:hover {background:url(./image/click0_over.jpg)#ffffff center top no-repeat;}
.s6 .cont .click1 {position:absolute; width: 450px; height: 678px; left:450px;top:230px;background:url(./image/click1.jpg)#ffffff center top no-repeat;}
.s6 .cont .click1:hover {background:url(./image/click1_over.jpg)#ffffff center top no-repeat;}
.s6 .cont .click2 {position:absolute; width: 450px; height: 678px; left:900px;top:230px;background:url(./image/click2.jpg)#ffffff center top no-repeat;}
.s6 .cont .click2:hover {background:url(./image/click2_over.jpg)#ffffff center top no-repeat;}
.s6 .cont .click3 {position:absolute; width: 450px; height: 678px; left:1350px;top:230px;background:url(./image/click3.jpg)#ffffff center top no-repeat;}
.s6 .cont .click3:hover {background:url(./image/click3_over.jpg)#ffffff center top no-repeat;}

.s77 {
    position:relative;
	padding-top:0;
	padding-bottom:0;
	margin: 0;
	background:url(./image/main_7_7_bg.jpg)#222 center top no-repeat;
	height: 1140px;
	
}
.s77 .btn {position: absolute; width: 460px; height: 67px; margin-left:50%; top:901px; left:-389px;}
.s77 img:hover {opacity : 0.7;}

.s7 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_07.jpg)#ffffff center top no-repeat;
	height: 2016px;
	margin: 0;
}
.s7 .cont {width: 1400px; height: 2016px; margin:0 auto;}

.s8 {
    position: relative;
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_08.jpg)#fbfaf8 center top no-repeat;
	height: 786px;
	margin: 0;
}
.s8 .cont {width: 1400px; height: 815px; margin:0 auto;}

.s9 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_09.jpg)#d5d5d5 center top no-repeat;
	height: 1050px;
	margin: 0;
}
.s9 .cont {position: relative;width: 1500px; height: 815px; margin:0 auto;}
.s9 .cont .blink1 { position:absolute; width: 115px; height: 65px; left:870px;top:430px; animation: blink-effect 1s step-end infinite; }
.s9 .cont .blink2 { position:absolute; width: 150px; height: 65px; left:1210px;top:430px; animation: blink-effect 1s step-end infinite; }

.s10 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_10.jpg)#d5d5d5 center top no-repeat;
	height: 3362px;
	margin: 0;
}
.s10 .cont {width: 1500px; height: 3362px; margin:0 auto;}

.s11 {
    padding-top:0;
	padding-bottom:0;
	background:url(./image/main_12.jpg)#d5d5d5 center top no-repeat;
	height: 1163px;
	margin: 0;
}
.s11 .cont {width: 1200px; height: 2269px; margin:0 auto;}

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

.s12 .s12_wrap { position:relative; width:1200px; height:2400px; margin:0 auto;}
.s12 .s12_wrap .tit {position:absolute; width:1162px; height:99px; top:100px; left:19px;}
.s12 .s12_wrap .more{position:absolute; width:250px; height:60px; top:2230px; left:475px;}
.s12 .s12_wrap .more a:hover {opacity:0.8;}
.s12 .s12_wrap .best_news {position:absolute; width:1200px; height:810px; top:270px; left:0;}
.s12 .s12_wrap .cont{position:absolute; width:1200px; height:700px; top:1450px; left:0;}


#store_wrap {width:100%;height:520px;margin:0;padding:0;background:url('')#f5f5f5 center center no-repeat;}
#store_wrap .cont {width:1400px;height:500px;margin:0 auto;padding-top:70px;}

#news_wrap {width:100%;height:490px;margin:0;padding:0;background:url('')#ffffff center center no-repeat;}
#news_wrap .cont {position:relative; width:1400px;height:490px;margin:0 auto;padding-top:30px;}
#news_wrap .cont .news_btn {position: absolute;width:300px;height:80px;top:350px;left:550px;}

#main_visual_wrap{width:100%; }
.main_visual{position:relative;  width:100%;  height:1135px; margin:0;}
.main_visual .visual_bg01{width:100%; height:1135px; background:url('/layouts/kimhae_main/image/main_05a.jpg') no-repeat 50% 0 scroll; position:absolute;}
.main_visual .visual_bg02{width:100%; height:1135px; background:url('/layouts/kimhae_main/image/main_05b.jpg') no-repeat 50% 0 scroll; position:absolute;}
.main_visual .visual_bg03{width:100%; height:650px; background:url('/layouts/mokpho_main/image/img/main_visual03.jpg') no-repeat 50% 0 scroll; position:absolute;}

.main_visual .visual_text{position:absolute; width:100%; height:650px; z-index:2; }
.main_visual .visual_text .text_wrap {position:relative; width:100%; height:500px; overflow:hidden;}

.main_visual .visual_text .text_wrap .text01_01 {position:absolute;left:50%; margin-left:-450px; top:160px; z-index:5; }
.main_visual .visual_text .text_wrap .text01_02 {position:absolute;left:50%; margin-left:-400px; top:260px; z-index:4;}
.main_visual .visual_text .text_wrap .text01_03 {position:absolute;left:50%; margin-left:-400px; top:460px; z-index:4;}

.main_visual .visual_text .text_wrap .text02_01 {position:absolute;left:50%; margin-left:-400px; top:160px; z-index:5; }
.main_visual .visual_text .text_wrap .text02_02 {position:absolute;left:50%; margin-left:-400px; top:260px; z-index:4;}
.main_visual .visual_text .text_wrap .text02_03 {position:absolute;left:50%; margin-left:-400px; top:460px; z-index:4;}

.main_visual .visual_text .text_wrap .text03_01 {position:absolute;left:50%; margin-left:-350px; top:160px; z-index:5; }
.main_visual .visual_text .text_wrap .text03_02 {position:absolute;left:50%; margin-left:-400px; top:260px; z-index:4;}
.main_visual .visual_text .text_wrap .text03_03 {position:absolute;left:50%; margin-left:-400px; top:460px; z-index:4;}