@charset "UTF-8";

#page{position:relative;}

/* scrollevent
	부모 class="scrollEvent"
	이벤트 class="fadeInUp up1"
*/
@keyframes fadeInUp {
	from {transform:translate3d(0, 40px, 0);-webkit-transform:translate3d(0, 40px, 0);}
	to {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);opacity:1;}
}
@-webkit-keyframes fadeInUp {
	from {transform:translate3d(0, 40px, 0);-webkit-transform:translate3d(0, 40px, 0);}
	to {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
}
@-webkit-keyframes fadeIn {
    from {opacity:0;}
	to {opacity:1;}
}
@keyframes fadeScale {
	from {transform:scale(0.9);}
	to {transform:scale(1);opacity:1;}
}
@-webkit-keyframes fadeScale {
    from {transform:scale(0.9);}
	to {transform:scale(1);opacity:1;}
}
.fadeInUp {position:relative;opacity:0;}
.fadeInUp.fade {animation:fadeInUp .7s both;-webkit-animation:fadeInUp .7s both;}
.fadeInUp.up1 {animation-delay:.1s;-webkit-animation-delay:.1s}
.fadeInUp.up2 {animation-delay:.2s;-webkit-animation-delay:.2s;}
.fadeInUp.up3 {animation-delay:.3s;-webkit-animation-delay:.3s;}
.fadeInUp.up4 {animation-delay:.4s;-webkit-animation-delay:.4s;}
.fadeInUp.up5 {animation-delay:.5s;-webkit-animation-delay:.5s;}
.fadeInUp.up6 {animation-delay:.6s;-webkit-animation-delay:.6s;}
.fadeInUp.up7 {animation-delay:.7s;-webkit-animation-delay:.7s;}
.fadeScale{position:relative;opacity:0;}
.fadeScale.fade{animation:fadeScale 1s both;-webkit-animation:fadeScale 1s both;}


#page .page_title{position:relative;padding:200px 0;text-align:center;}
#page .page_title .title{position:relative;display:inline-block;margin:0;padding:0.45em 0.7em;font-size:30px;font-weight:400;line-height:1.4;letter-spacing:0.2em;color:#4F5E0D;border-top:solid 1px #4F5E0D;border-bottom:solid 1px #4F5E0D;}
#page .page_title.type_gallery{padding-bottom:100px;}
#page .page_title.type_board{padding:130px 0 100px;}
#page .page_content{position:relative;}
#page .page_title.type_board + .page_content{padding-bottom:130px;}

@media all and (max-width:1400px){
	#page .page_title{padding:160px 0;}
	#page .page_title .title{font-size:28px;}
	#page .page_title.type_board{padding:110px 0 100px;}
}

@media all and (max-width:1200px){
	#page .page_title{padding:120px 0;}
	#page .page_title .title{font-size:26px;}
	#page .page_title.type_gallery,
	#page .page_title.type_board{padding:90px 0px;}
}

@media all and (max-width:1000px){
	#page .page_title .title{font-size:24px;}
	#page .page_title,
	#page .page_title.type_gallery,
	#page .page_title.type_board{padding:80px 0px;}
}

@media all and (max-width:800px){
	#page .page_title .title{font-size:22px;}
	#page .page_title,
	#page .page_title.type_gallery,
	#page .page_title.type_board{padding:70px 0px;}
}

@media all and (max-width:600px){
	#page .page_title .title{font-size:20px;}
	#page .page_title,
	#page .page_title.type_gallery,
	#page .page_title.type_board{padding:60px 0px;}
}

@media all and (max-width:400px){
	#page .page_title .title{font-size:18px;}
	#page .page_title,
	#page .page_title.type_gallery,
	#page .page_title.type_board{padding:50px 0px;}
}


#page .page_section{position:relative;font-size:20px;}
#page .page_section .section_left{position:relative;width:calc(100% - 15em);}
#page .page_section .section_right{position:relative;width:15em;}
#page .page_section .section_title{position:relative;text-align:center;font-size:1em;}
#page .page_section .section_title .title{position:relative;margin:0;padding:0;font-size:1.8em;font-weight:300;color:#000000;line-height:1.3;word-break:keep-all;}
#page .page_section .section_title .description{position:relative;margin:0;padding:0;font-size:0.8em;font-weight:400;color:#000000;line-height:1.7;word-break:keep-all;}
#page .page_section .section_title .title + .description{margin-top:2em;}
#page .page_section .section_title.align_left{text-align:left;}
#page .page_section .section_title.color_white .subtitle{color:#ffffff;}
#page .page_section .section_title.color_white .title{color:#ffffff;}
#page .page_section .section_title.color_white .description{color:#ffffff;}
#page .page_section .section_content{position:relative;}
#page .page_section .section_content .desc{position:relative;margin:0;padding:0;font-size:1.15em;font-weight:300;color:#000000;line-height:1.3;word-break:keep-all;}

#page .page_section .section_title + .section_content{position:relative;margin-top:6em;font-size:1em;}
#page .page_section .section_title + .section_content.margin_small{margin-top:3.5em;}
#page .page_section .section_title + .section_content.margin_medium{margin-top:4em;}
@media all and (max-width:1600px){
	#page .page_section{font-size:19px;}
}

@media all and (max-width:1400px){
	#page .page_section{font-size:18px;}
	#page .page_section .section_left{width:calc(100% - 13em);}
	#page .page_section .section_right{width:13em;}
}

@media all and (max-width:1200px){
	#page .page_section{font-size:17px;}
}

@media all and (max-width:1000px){
	#page .page_section{font-size:16px;}
}

@media all and (max-width:800px){
	#page .page_section{font-size:15px;}
}

@media all and (max-width:600px){
	#page .page_section{font-size:14px;}
}

@media all and (max-width:400px){
	#page .page_section{font-size:13px;}
}

@media all and (max-width:320px){
	#page .page_section{font-size:10px;}
}


#page .gallery_section .section_content{padding:2.5em 0;background-color:#EDEDED;}
#page .gallery_section .section_content .slide_item{background-repeat:no-repeat;background-position:center center;background-size:cover;}

#page .gallery_section .section_content .item_box{display:flex;flex-wrap:wrap;margin:0;padding:0;}
#page .gallery_section .section_content .item_box .item{position:relative;margin:0;padding:0;width:calc(33.33% - 10px);margin-left:15px;margin-top:15px;list-style:none;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#page .gallery_section .section_content .item_box .item:nth-of-type(3n+1){margin-left:0;}
#page .gallery_section .section_content .item_box .item:after{content:'';display:block;padding-bottom:62.75%;}
#page .gallery_section .section_content .thumb_slide_box{position:relative;padding:2.5em 0;}
#page .gallery_section .section_content .thumb_slide_box .slide_item{margin:0 0.5em;box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,.24);background-repeat:no-repeat;background-position:center center;background-size:cover;}
#page .gallery_section .section_content .thumb_slide_box .slide_item:after{content:'';display:block;padding-bottom:80%;}
#page .gallery_section .section_content .thumb_slide_box .slick-list{overflow:visible;}
#page .gallery_section .section_content .thumb_slide_box .arrow_box{position:absolute;top:50%;width:100%;transform:translateY(-50%);}
#page .gallery_section .section_content .thumb_slide_box .arrow_box button{position:absolute;top:50%;width:66px;height:56px;font-size:0;background-color:transparent;border:none;transform:translateY(-50%);}
#page .gallery_section .section_content .thumb_slide_box .arrow_box .prev_btn{left:0;background-image:url(../img/page/gallery_slide_prev.png);}
#page .gallery_section .section_content .thumb_slide_box .arrow_box .next_btn{right:0;background-image:url(../img/page/gallery_slide_next.png);}
#page .gallery_section .section_content .nolist{position:relative;padding:5em 0;font-size:1em;font-weight:400;color:#000000;line-height:1.4;text-align:center;}

@media all and (max-width:1600px){
	#page .gallery_section .section_content .thumb_slide_box .arrow_box button{width:61px;height:52px;}
}

@media all and (max-width:1400px){
	#page .gallery_section .section_content .thumb_slide_box .arrow_box button{width:58px;height:50px;}
}

@media all and (max-width:1200px){
	#page .gallery_section .section_content .thumb_slide_box .arrow_box button{width:56px;height:47px;}
}

@media all and (max-width:1000px){
	#page .gallery_section .section_content .thumb_slide_box .arrow_box button{width:53px;height:45px;}
}

@media all and (max-width:800px){
	#page .gallery_section .section_content .thumb_slide_box .arrow_box button{width:50px;height:52px;}
}

@media all and (max-width:600px){
	#page .gallery_section .section_content .thumb_slide_box .arrow_box button{width:47px;height:40px;}
}

@media all and (max-width:400px){
	#page .gallery_section .section_content .thumb_slide_box .arrow_box button{width:44px;height:37px;}
}

@media all and (max-width:320px){
	#page .gallery_section .section_content .thumb_slide_box .arrow_box button{width:35px;height:30px;}
}


#page .common_terms{position:relative;font-size:18px;font-weight:400;color:#000000;line-height:1.6;}
#page .common_terms h3{margin:0;padding:0;font-size:1.15em;font-weight:700;word-break:keep-all;}
#page .common_terms p{margin:0;padding:0;font-size:1em;word-break:keep-all;}
#page .common_terms ul{margin:0;font-size:1em;padding:0;list-style:none;}
#page .common_terms ul li{position:relative;padding-left:15px;word-break:keep-all;}
#page .common_terms ul li:before{content:"";display:block;position:absolute;left:0;top:0.65em;width:0.25em;height:0.25em;border-radius:50%;background-color:#000000;}
#page .common_terms h3 + *{margin-top:0.5em;}
#page .common_terms * + h3{margin-top:1.5em;}
#page .common_terms p + ul{margin-top:0.5em;}
#page .common_terms ul + p{margin-top:1em;}

@media all and (max-width:1400px){
	#page .common_terms{font-size:18px;}
}

@media all and (max-width:1200px){
	#page .common_terms{font-size:17px;}
}

@media all and (max-width:1000px){
	#page .common_terms{font-size:16px;}
}

@media all and (max-width:800px){
	#page .common_terms{font-size:15px;}
}

@media all and (max-width:600px){
	#page .common_terms{font-size:14px;}
}

@media all and (max-width:400px){
	#page .common_terms{font-size:13px;}
}