@charset "utf-8";

/* theme_0101 구수곡자연휴양림 */
/* 01 */
#horizontal-section-1 .text-block{left:auto;right:-30px;top:53%;}
#horizontal-section-1 .image-box-1{background-position:50% 50%;}

@media(min-width:1024px){
	#horizontal-section-1 .image-box-1{transition:0.5s ease-in-out;transition-delay:0.5s;}
	#horizontal-section-1 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
	#horizontal-section-1 .text-block{transition:1s ease-in-out;transition-delay:1.5s;}
	#horizontal-section-1.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-1.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-1.action .text-block{right:0;transform:translate(-25%, 0);}
}
/* 02 */
#horizontal-section-2 .text-block{left:auto;right:-50px;top:55%;}
@media(max-width:768px){
#horizontal-section-2 .img-box-large{height:50%}
#horizontal-section-2 .section-title-wrapper{padding-bottom:50px;}
}
@media(min-width:1024px){
	
	#horizontal-section-2 .text-block{transform:translate(0, 0);transition:1.5s ease-in-out;transition-delay:1.5s;}
	#horizontal-section-2.action .text-block{transform:translate(-20%, 0);}
}
/* 03 */
#horizontal-section-3 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:53%;transform:translate(0, 0);transition:1.5s ease-in-out;transition-delay:1.5s;}
#horizontal-section-3 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
/*
#horizontal-section-3.action .image-box-2{right:0;transform:translate(-35%, 0);}
#horizontal-section-3.action .text-block{transform:translate(-25%, 0);}
*/
@media(min-width:1024px){
	#horizontal-section-3 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
	#horizontal-section-3.action .image-box-2{transform:translate(-25%, 0);}
	#horizontal-section-3 .text-block{transform:translate(0, 0);transition:1.5s ease-in-out;transition-delay:1.5s;}
	#horizontal-section-3.action .text-block{transform:translate(-20%, 0);}
}
@media(max-width:1200px){
	#horizontal-section-3 .image-list.image-box-2{float:none;margin:0 auto;}
}
@media(max-width:768px){
	#horizontal-section-3 .text-block{top:45%;}
}

/* 04 */
#horizontal-section-4 .image-box-1{background-position:50% 50%;}
#horizontal-section-4 .text-block{left:20px;top:35%}
#horizontal-section-4.action .image-box-1{background-position:50% 100%;}
@media(min-width:1024px){
	#horizontal-section-4 .image-box-1{transition:1.5s ease-in-out;transition-delay:1.5s;}
	#horizontal-section-4.action .text-block{animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards;}
}
@media(max-width:768px){
	#horizontal-section-4 .img-box-large{height:50%}
}
/* 05 */
#horizontal-section-5 .img-box-large{width:100%;}
#horizontal-section-5 .text-block{right:-30px;left:auto;transform:translate(0, 0);}
#horizontal-section-5.action .text-block{right:0;transform:translate(-20%, 0);}
@media(min-width:1024px){
	#horizontal-section-5.action .text-block{animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards;}
}
@media(max-width:768px){
	#horizontal-section-5 .img-box-large{height:60%}
	#horizontal-section-5 .section-title-wrapper{padding-bottom:50px;}
}
/* 06 */
#horizontal-section-6 .img-box-large{width:100%;}
#horizontal-section-6 .image-box-1{background-position:50% 50%;transition:0.25s ease-in-out;}
#horizontal-section-6.action .image-box-1{background-position:50% 100%;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards;}
#horizontal-section-6 .text-block{top:34%;left:20px;}
#horizontal-section-6 .text-block p{color:#fff;}
@media(min-width:1024px){
	#horizontal-section-6 .image-box-1{transition:0.5s ease-in-out;transition-delay:0.5s;}
}
@media(max-width:768px){
	#horizontal-section-6 {height:70%}
	#horizontal-section-6 .img-box-large{height:100%}
}
/* 07 */
#horizontal-section-7 .text-block{top:34%;left:20px;}

/* 08 */
#horizontal-section-8 .text-block{top:40%;left: 20px;}

/* 09 */
#horizontal-section-9 .img-box-large{width: 100%;}
#horizontal-section-9 .section-title-wrapper{max-width: 700px;}
#horizontal-section-9 .text-block{top:34%;left:20px;}
#horizontal-section-9 .text-block p{color:#fff;}
@media(max-width:768px){
	#horizontal-section-9 {height:70%}
	#horizontal-section-9 .img-box-large{height:100%}
}
/* 10 */
#horizontal-section-10 .img-box-large{width: 100%;}
#horizontal-section-10 .text-block{top:34%;left:20px;}
@media(max-width:768px){
	#horizontal-section-10 .img-box-large{height:60%}
	#horizontal-section-10 .section-title-wrapper{padding-bottom:50px;}
}
/* 11 */
#horizontal-section-11 .text-block{top:34%;left:20px;}