@charset "utf-8";

/* theme_0405 울진바다에서 보내는 하루 */

/* 01 */
#horizontal-section-1 .section-title-wrapper{max-width:690px;}
#horizontal-section-1 .img-box-large {width:100%;}
#horizontal-section-1 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-1 .image-box-1{background-position:50% 50%;transition:1.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{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#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{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-1 .img-box-large {height: 55%;}
}

/* 02 */
#horizontal-section-2 .img-box-large{width: 100%;}
#horizontal-section-2 .img-box-large .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .3;filter: alpha(opacity=30);z-index: 1;}
#horizontal-section-2 .text-block{left:70%;top:50%;margin-left:-250px;}
#horizontal-section-2 .image-box-2{right:90px;left:auto;}
#horizontal-section-2 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-2.action .image-box-2{transform:translate(-10%, 0);}
#horizontal-section-2 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}
#horizontal-section-2.action .text-block{transform:translate(15%, 0);}

@media(max-width:768px){
	#horizontal-section-2 .img-box-large{height: 100%}
}

/* 03 */

#horizontal-section-3 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-3 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-3 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}

@media(min-width:1024px){
	#horizontal-section-3.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-36.action .image-box-2{transform:translate(-35%, 0);}
}

@media(max-width:768px){
	#horizontal-section-3 .image-list.image-box-2{float:none;margin:0 auto;}
	#horizontal-section-3 .img-box-large {height: 55%;}
}

/* #horizontal-section-3 .img-box-large {width:100%;}
#horizontal-section-3 .image-box-1:after{width:100%}
#horizontal-section-3 .text-block{left:20px;top:40%;}

@media(max-width:768px){
	#horizontal-section-3 .img-box-large{height:100%}
	#horizontal-section-3 .image-list.image-box-2{float:none;margin:0 auto;}
} */


/* 04 */
#horizontal-section-4 .img-box-large {width:100%;}
#horizontal-section-4 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-4 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-4 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-4 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-4.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-4.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-4.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-4 .img-box-large {height: 55%;}
}

/* 05 */
#horizontal-section-5 .img-box-large {width:100%;}
#horizontal-section-5 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-5 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-5 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-5 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-5.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-5.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-5.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-5 .img-box-large {height: 55%;}
}

/* 06 */
#horizontal-section-6 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-6 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-6 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-6 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-6.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-6.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-6.action .text-block{transform:translate(0, 0);right:0;}
}

@media(max-width:768px){
    #horizontal-section-6 .image-list.image-box-2{float:none;margin:0 auto;}
}


/* 07 */
#horizontal-section-7 .img-box-large {width:100%;}
#horizontal-section-7 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-7 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-7 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-7 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-7.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-7.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-7.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-7 .img-box-large {height: 55%;}
}


/* 08 */
#horizontal-section-8 .img-box-large {width:100%;}
#horizontal-section-8 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-8 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-8 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-8 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-8.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-8.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-8.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-8 .img-box-large {height: 55%;}
}

/* 09 */
#horizontal-section-9 .img-box-large {width:100%;}
#horizontal-section-9 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-9 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-9 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-9 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-9.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-9.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-9.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-9 .img-box-large {height: 55%;}
}

/* 10 */
#horizontal-section-10 .img-box-large .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .3;filter: alpha(opacity=30);z-index: 1;}
#horizontal-section-10 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-10 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-10 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-10 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-10.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-10.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-10.action .text-block{transform:translate(0, 0);right:0;}
}

@media(max-width:768px){
    #horizontal-section-10 .image-list.image-box-2{float:none;margin:0 auto;}
}


/* 11 */
#horizontal-section-11 .img-box-large {width:100%;}
#horizontal-section-11 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-11 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-11 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-11 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-11.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-11.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-11.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-11 .img-box-large {height: 55%;}
}

/* 12 */
#horizontal-section-12 .img-box-large {width:100%;}
#horizontal-section-12 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-12 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-12 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-12 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-12.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-12.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-12.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-12 .img-box-large {height: 55%;}
}

/* 13 */
#horizontal-section-13 .img-box-large {width:100%;}
#horizontal-section-13 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-13 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-13 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-13 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-13.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-13.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-13.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-13 .img-box-large {height: 55%;}
}

/* 14 */
#horizontal-section-14 .img-box-large {width:100%;}
#horizontal-section-14 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-14 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-14 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-14 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-14.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-14.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-14.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-14 .img-box-large {height: 55%;}
}

/* 15 */
#horizontal-section-15 .text-block{right:200px;left:auto;opacity:1;top:61%}
#horizontal-section-15.action .text-block{animation-duration:1s;animation-delay:2.5s;animation-fill-mode:forwards;}

/* 16 */
#horizontal-section-16 .img-box-large {width:100%;}
#horizontal-section-16 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-16 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-16 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-16 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-16.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-16.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-16.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-16 .img-box-large {height: 55%;}
}

/* 17 */
#horizontal-section-17 .text-block{top:34%;left:20px;}
#horizontal-section-17 .text-block p.text-italic{font-style: italic;}
#horizontal-section-17 .image-list.image-box-2{right:30px;top:30%}
#horizontal-section-17 .image-list.image-box-3{right:30px;top:60%}

@media (min-width: 769px){
	#horizontal-section-17 .text-block p{color:#fff;}
}

/* 18 */
#horizontal-section-18 .img-box-large .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .3;filter: alpha(opacity=30);z-index: 1;}
#horizontal-section-18 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-18 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-18 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-18 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-18.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-18.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-18.action .text-block{transform:translate(0, 0);right:0;}
}

@media(max-width:768px){
    #horizontal-section-18 .image-list.image-box-2{float:none;margin:0 auto;}
}


/* 19 */
#horizontal-section-19 .img-box-large .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .3;filter: alpha(opacity=30);z-index: 1;}
#horizontal-section-19 .text-block{top:34%;left:20px;}
#horizontal-section-19 .text-block p.text-italic{font-style: italic;}
#horizontal-section-19 .image-list.image-box-2{right:30px;top:30%}
#horizontal-section-19 .image-list.image-box-3{right:30px;top:60%}

@media (min-width: 769px){
	#horizontal-section-19 .text-block p{color:#fff;}
}

/* 20 */
#horizontal-section-20 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-20 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-20 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-20 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-20.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-20.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-20.action .text-block{transform:translate(0, 0);right:0;}
}

@media(max-width:768px){
    #horizontal-section-20 .image-list.image-box-2{float:none;margin:0 auto;}
}


/* 21 */
#horizontal-section-21 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-21 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-21 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-21 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-21.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-21.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-21.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
    #horizontal-section-21 .image-list.image-box-2{float:none;margin:0 auto;}
}


/* 22 */
#horizontal-section-22 .img-box-large {width:100%;}
#horizontal-section-22 .text-block{/*left:auto;right:90px;*/left:auto;right:-30px;top:auto;bottom:11%}
#horizontal-section-22 .image-box-1{background-position:50% 50%;transition:1.5s ease-in-out;transition-delay:0.5s;}
#horizontal-section-22 .image-box-2{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1s;}
#horizontal-section-22 .text-block{transform:translate(0, 0);transition:1s ease-in-out;transition-delay:1.5s;}

@media(min-width:1024px){
	#horizontal-section-22.action .image-box-1{background-position:50% 100%;}
	#horizontal-section-22.action .image-box-2{transform:translate(-35%, 0);}
	#horizontal-section-22.action .text-block{transform:translate(0, 0);right:0;}
}
@media(max-width:768px){
	#horizontal-section-22 .img-box-large {height: 55%;}
}