@charset "UTF-8";

#page .page_section .section_title .line{display:inline-block;height:2px;margin-left:0.25em;background:#ACC93F;}

/* visual_section */
#page .visual_section{padding:0;}
#page .visual_section .slide_box .slide_item{position:relative;height:100vh;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#page .visual_section .slide_box .slide_item01{background-image:url(../img/visual_section_bg01.jpg);}
#page .visual_section .slide_box .slide_item02{background-image:url(../img/visual_section_bg02.jpg);}
#page .visual_section .slide_box .slide_item03{background-image:url(../img/visual_section_bg03.jpg);}
#page .visual_section .slide_box .slide_item .section_title{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);}
#page .visual_section .slide_box .slide_item .section_title .inner{text-align:left;text-shadow:0px 3px 6px rgba(17,12,0,0.68);}
#page .visual_section .slide_box .slide_item .section_title .inner .subtitle{margin-bottom:1.5em;font-size:1.2em;letter-spacing:0.05em;color:#fff;}
#page .visual_section .slide_box .slide_item .section_title .inner .title{display:flex;align-items:center;font-size:2.2em;letter-spacing:0.05em;color:#fff;}
#page .visual_section .slide_box .slide_item .section_title .inner .line{width:2.2em;}
#page .visual_section .slide_box .slide_item.slick-active .section_title .inner .line{animation:visual_lineAni 2s linear;}
@keyframes visual_lineAni{
	from{width:0px;}
	to{width:2.2em;}
}


/* wood_section */
#page .wood_section{padding:195px 0;background-color:#EFEFEF;}
#page .wood_section .item_box .item{margin-top:3.75em;padding:3.75em 0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#page .wood_section .item_box .item:nth-of-type(1){margin-top:0;background-image:url(../img/wood_section_bg01.jpg);}
#page .wood_section .item_box .item:nth-of-type(2){background-image:url(../img/wood_section_bg02.jpg);}
#page .wood_section .item_box .item:nth-of-type(3){background-image:url(../img/wood_section_bg03.jpg);}
#page .wood_section .item_box .item:nth-of-type(4){background-image:url(../img/wood_section_bg04.jpg);}
#page .wood_section .item_box .item .section_title .inner{position:relative;text-align:left;}
#page .wood_section .item_box .item .section_title .inner .subtitle{display:flex;align-items:center;font-size:1em;letter-spacing:0.05em;font-weight:300;color:#fff;}
#page .wood_section .item_box .item .section_title .inner .title{margin-top:0.3em;font-size:2.5em;color:#fff;text-shadow:0px 3px 6px rgba(0,0,0,0.3);}
#page .wood_section .item_box .item .section_title .inner .line{width:2.2em;}
#page .wood_section .item_box .item .section_title .inner .subtitle.fade .line{animation:wood_lineAni 1.5s linear;}
#page .wood_section .item_box .item .section_title .inner .desc{margin-top:2.5em;font-size:1.3em;letter-spacing:0.04em;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,0.3);}
#page .wood_section .item_box .item .section_title .inner .point_text{position:absolute;top:50%;margin:0;padding:0;font-size:15em;color:#fff;font-family:'NanumMyeongjoYetHangul';transform:translateY(-50%);}
#page .wood_section .item_box .item:nth-of-type(1) .section_title .inner .point_text{right:200px;}
#page .wood_section .item_box .item:nth-of-type(2) .section_title .inner .point_text{right:135px;}
#page .wood_section .item_box .item:nth-of-type(3) .section_title .inner .point_text{right:35px;}
#page .wood_section .item_box .item:nth-of-type(4) .section_title .inner .point_text{right:-75px;}
@keyframes wood_lineAni{
	from{width:0px;}
	to{width:2.2em;}
}

@media all and (max-width:1600px){
	#page .wood_section{padding:180px 0;}
	#page .wood_section .item_box .item .section_title .inner .point_text{font-size:14.5em;}
	#page .wood_section .item_box .item:nth-of-type(1) .section_title .inner .point_text{right:180px;}
	#page .wood_section .item_box .item:nth-of-type(2) .section_title .inner .point_text{right:120px;}
	#page .wood_section .item_box .item:nth-of-type(3) .section_title .inner .point_text{right:41px;}
	#page .wood_section .item_box .item:nth-of-type(4) .section_title .inner .point_text{right:0;}
}

@media all and (max-width:1400px){
	#page .wood_section{padding:160px 0;}
	#page .wood_section .item_box .item .section_title .inner .point_text{font-size:13em;}
	#page .wood_section .item_box .item:nth-of-type(1) .section_title .inner .point_text{right:170px;}
	#page .wood_section .item_box .item:nth-of-type(2) .section_title .inner .point_text{right:110px;}
	#page .wood_section .item_box .item:nth-of-type(3) .section_title .inner .point_text{right:39px;}
}

@media all and (max-width:1200px){
	#page .wood_section{padding:150px 0;}
	#page .wood_section .item_box .item .section_title .inner .point_text{font-size:12.5em;}
	#page .wood_section .item_box .item:nth-of-type(1) .section_title .inner .point_text{right:150px;}
	#page .wood_section .item_box .item:nth-of-type(2) .section_title .inner .point_text{right:100px;}
	#page .wood_section .item_box .item:nth-of-type(3) .section_title .inner .point_text{right:36px;}
}

@media all and (max-width:1000px){
	#page .wood_section{padding:140px 0;}
	#page .wood_section .item_box .item .section_title .inner .point_text{font-size:10em;}
	#page .wood_section .item_box .item:nth-of-type(1) .section_title .inner .point_text{right:140px;}
	#page .wood_section .item_box .item:nth-of-type(2) .section_title .inner .point_text{right:94px;}
	#page .wood_section .item_box .item:nth-of-type(3) .section_title .inner .point_text{right:34px;}
}

@media all and (max-width:800px){
	#page .wood_section{padding:130px 0;}
	#page .wood_section .item_box .item .section_title .inner .point_text{top:0;font-size:8em;transform:none;}
	#page .wood_section .item_box .item:nth-of-type(1) .section_title .inner .point_text{right:130px;}
	#page .wood_section .item_box .item:nth-of-type(2) .section_title .inner .point_text{right:86px;}
	#page .wood_section .item_box .item:nth-of-type(3) .section_title .inner .point_text{right:32px;}
}

@media all and (max-width:600px){
	#page .wood_section{padding:110px 0;}
	#page .wood_section .item_box .item .section_title .inner .point_text{right:10px !important;font-size:7em;}
}

@media all and (max-width:400px){
	#page .wood_section{padding:100px 0;}
	#page .wood_section .item_box .item .section_title .inner .point_text{top:-50px;}
}

@media all and (max-width:320px){
	#page .wood_section{padding:80px 0;}
	#page .wood_section .item_box .item .section_title .inner .point_text{top:-30px;font-size:5em;}
}

/* video_section */
#page .video_section{padding:170px 0;background-image:url(../img/video_section_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
/* #page .video_section{padding:170px 0;background-color:#293315;} */
#page .video_section .section_title .inner{text-align:center;}
#page .video_section .section_title .inner .title{display:flex;align-items:center;justify-content: center;font-size:1.2em;letter-spacing:0.03em;font-weight:700;color:#fff;}
#page .video_section .section_title .inner .subtitle{margin-top:0.8em;font-size:2.2em;font-weight:300;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,0.3);}
#page .video_section .section_title .inner .line_box{width:2.2em;}
#page .video_section .section_title .inner .title .line_box{display:flex;align-items:center;justify-content:center;}
#page .video_section .section_title .inner .title .line_box .line{display:inline-block;width:2.2em;}
#page .video_section .section_title .inner .title.fade .line_box .line{animation:wood_lineAni 1.5s linear;}
#page .video_section .section_title + .section_content{margin-top:3.5em;}
#page .video_section .section_content .inner .video_box{width:80%;margin:0 auto;}
#page .video_section .section_content .inner .video_box .video_inner{position:relative;width:100%;height:0;padding-bottom:56.25%;}
#page .video_section .section_content .inner .video_box .video_inner video{position:absolute;top:0;left:0;width:100%;height:100%;}
#page .video_section .section_content .inner .image_box{}
#page .video_section .section_content .inner .image_box img{width:100%;}
@media all and (max-width:1600px){
	#page .video_section{padding:150px 0;}
}

@media all and (max-width:1400px){
	#page .video_section{padding:140px 0;}
}

@media all and (max-width:1200px){
	#page .video_section{padding:130px 0;}
}

@media all and (max-width:1000px){
	#page .video_section{padding:120px 0;}
}

@media all and (max-width:800px){
	#page .video_section{padding:110px 0;}
}

@media all and (max-width:600px){
	#page .video_section{padding:96px 0;}
}

@media all and (max-width:400px){
	#page .video_section{padding:85px 0;}
}

@media all and (max-width:320px){
	#page .video_section{padding:68px 0;}
}