@charset "UTF-8";

#page{position:relative;}
#page #link_nav{position:fixed;top:50%;right:0;z-index:11;width:250px;font-size:24px;text-align:center;font-family:'Pretendard';transform:translateY(-50%);}
#page #link_nav .title{font-weight:600;letter-spacing:0.02em;color:#8B9E27;}
#page #link_nav ul{margin:2.14em auto 0;padding:0;}
#page #link_nav ul li{overflow:hidden;margin-top:1.07em;list-style:none;}
#page #link_nav ul li:first-of-type{margin-top:0;}
#page #link_nav ul li a{position:relative;display:block;line-height:2;font-weight:500;color:#535353;border-bottom:solid 1px #636363;text-decoration:none;transition:all 0.3s;}
#page #link_nav ul li a:after{content:'';position:absolute;bottom:-0.5px;left:-100%;width:100%;height:1px;background-color:#8B9E27;transition:all 0.8s;}
#page #link_nav ul li:hover a{color:#8B9E27;transition:all 0.3s;}
#page #link_nav ul li:hover a:after{left:0;transition:all 0.8s;}
#page #link_nav .link_box a{display:inline-block;padding:0.53em 1.07em;margin-top:3.57em;font-size:0.78em;color:#000;border:solid 2px #ACC93F;border-radius:30px;text-decoration:none;}
@media all and (max-width:1600px){
	#page #link_nav{width:230px;font-size:23px;}
}

@media all and (max-width:1400px){
	#page #link_nav{width:220px;font-size:22px;}
}

@media all and (max-width:1200px){
	#page #link_nav{width:210px;font-size:21px;}
}

@media all and (max-width:1000px){
	#page #link_nav{width:200px;font-size:20px;}
}

@media all and (max-width:800px){
	#page #link_nav{display:none;font-size:18px;}
}

@media all and (max-width:600px){
	#page #link_nav{width:180px;font-size:17px;}
}

@media all and (max-width:400px){
	#page #link_nav{width:170px;font-size:16px;}
}

@media all and (max-width:320px){
	#page #link_nav{width:130px;font-size:14px;}
}


#page .page_section{display:flex;height:100vh;}
#page .page_section .section_left{height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#page .page_section .section_left > .inner{position:relative;height:100%;}
#page .page_section .section_left > .inner:after{content:'';position:absolute;left:21.5em;top:0;width:1px;height:100%;background-color:#9F9F9F;}
#page .page_section .section_title{border-bottom:solid 1px #9F9F9F;}
#page .page_section .section_title .inner_box{width:20em;}
#page .page_section .content_right{box-sizing:border-box;padding-left:3.07em;margin-left:20em;}
#page .page_section .content_right ul{padding:0;margin:0;}
#page .page_section .content_right ul li{margin-top:1.25em;color:#4B4B4B;list-style:none;}
#page .page_section .content_right ul li:first-of-type{margin-top:0;}
#page .page_section .content_right ul li span{font-weight:700;}

#page .page_section .section_right{background-repeat:no-repeat;background-position:center center;background-size:cover;}
#page .page_section .content_right ul li,
#page .page_section .content_right .desc,
#page .class_section .section_content dl{font-family:'Pretendard';}
#page .page_section .content_right .desc{font-size:1.2em;}
#page .class_section .section_content dl{font-size:1.3em;}
#page .page_section .content_right ul li{font-size:1.15em;}
@media all and (max-width:1800px){
	#page .page_section .section_title .inner_box{width:18em;}
	#page .page_section .section_left > .inner:after{left:19.5em;}
	#page .page_section .content_right{padding-left:2em;margin-left:18em;}
}

@media all and (max-width:1600px){
	#page .page_section .section_title .inner_box{width:17em;}
	#page .page_section .section_left > .inner:after{left:18.5em;}
	#page .page_section .content_right{margin-left:17em;}

	#page .page_section .content_right ul li, 
	#page .page_section .content_right .desc, 
	#page .class_section .section_content dl{font-size:1.2em;}
}

@media all and (max-width:1400px){
	#page .page_section .section_title .inner_box{width:15em;}
	#page .page_section .section_left > .inner:after{left:16.5em;}
	#page .page_section .content_right{margin-left:15em;}
}

@media all and (max-width:800px){
	#page .page_section .section_left{width:calc(100% - 10em);}
	#page .page_section .section_right{width:10em;}
}

@media all and (max-width:600px){
	#page .page_section .section_left{width:calc(100% - 5em);}
	#page .page_section .section_right{width:5em;}
}

@media all and (max-width:400px){
	#page .page_section .section_left{width:100%;}
	#page .page_section .section_right{display:none;}
}

#page .class_section .section_title{padding:6.25em 0 1.25em;}
#page .class_section .section_title .inner_box{box-sizing:border-box;padding-right:4em;text-align:right;}
#page .class_section .section_title .subtitle{font-family:'Pretendard';}
#page .class_section .section_title .title{font-size:2.5em;}
#page .class_section:nth-of-type(odd) .section_title .subtitle{color:#fff;}
#page .class_section:nth-of-type(odd) .section_title .title{color:#fff;}
#page .class_section .section_title + .section_content{padding:2em 0;margin:0;}
#page .class_section .section_content dl{display:flex;align-items:center;margin:0;padding-top:3.84em;}
#page .class_section .section_content dl:first-of-type{padding-top:0;}
#page .class_section .section_content dl dt{box-sizing:border-box;width:15.38em;padding-right:3.07em;margin:0;font-weight:700;text-align:right;}
#page .class_section .section_content dl dd{box-sizing:border-box;width:calc(100% - 15.38em);padding-left:3.07em;margin:0;line-height:2;font-size:0.8em;word-break:keep-all;}
#page .class_section .content_right .desc{line-height:2;}
@media all and (max-width:1800px){
	#page .class_section{height:auto;}
	#page .class_section .section_title{padding:5.5em 0 1em;}
	#page .class_section .section_title .inner_box{padding-right:1em;}

	#page .class_section .section_content dl dt{width:14em;padding-right:1em;}
	#page .class_section .section_content dl dd{width:calc(100% - 14em);padding-left:1em;}
}

@media all and (max-width:1600px){
	#page .class_section .section_title{padding:4.5em 0 1em;}
}

@media all and (max-width:1400px){
	#page .class_section .section_content dl{padding-top:2em;}
	#page .class_section .section_content dl:first-of-type{padding-top:1.5em;}
	#page .class_section .section_content dl dt{width:12.3em;padding-right:0.8em;}
	#page .class_section .section_content dl dd{width:calc(100% - 12.3em);padding-left:0.8em;}
}

@media all and (max-width:1000px){
	#page .class_section .section_title .inner_box{text-align:left;}
	#page .class_section .section_left > .inner:after{display:none;}
	#page .class_section .section_content dl dt{width:8em;padding-right:0;text-align:left;}
	#page .class_section .section_content dl dd{width:calc(100% - 8em);padding-left:1em;border-left:solid 1px #fff;}
}

@media all and (max-width:800px){
	#page .class_section .section_content dl dt{width:6em;}
	#page .class_section .section_content dl dd{width:calc(100% - 6em);}
}

@media all and (max-width:600px){
	#page .class_section .section_content dl dt{width:5em;}
	#page .class_section .section_content dl dd{width:calc(100% - 5em);}
}

@media all and (max-width:400px){
	#page .class_section .section_content dl dt{width:4em;}
	#page .class_section .section_content dl dd{width:calc(100% - 4em);}
}



#page .visual_section{}
#page .visual_section .section_left{background-image:url(../img/visual_section_bg.jpg);}
#page .visual_section .section_left > .inner:after{display:none;}
#page .visual_section .section_title{position:relative;width:100%;height:100%;}
#page .visual_section .section_title .inner_box{position:absolute;left:0;right:0;bottom:5em;width:100%;text-align:left;}
#page .visual_section .section_title .inner_box .title{font-size:2.1em;color:#fff;}
#page .visual_section .section_title .inner_box .description{font-size:1.15em;color:#fff;}
#page .visual_section .section_right{background-color:#fff;}

#page .infor_section{}
#page .infor_section .section_left{background-color:#fff;}
#page .infor_section .section_title{padding-top:4.5em;border-bottom:none;}
#page .infor_section .section_title .inner_box{text-align:left;}
#page .infor_section .section_title + .section_content{margin:2em 0;}
#page .infor_section .section_right{background-image:url(../img/infor_section_right_bg.jpg);}
#page .infor_section .content_right .title{margin:0;font-size:2em;color:#8B9E27;}
#page .infor_section .content_right ul{margin-top:4.5em;}
#page .infor_section .content_right .desc{margin-top:2em;font-size:1em;}
#page .infor_section .content_right .desc span{display:block;margin-top:1.25em;}
@media all and (max-width:1800px){
	#page .infor_section{height:auto;}
}

@media all and (max-width:1400px){
	#page .infor_section .content_right ul{margin-top:3em;}
}

@media all and (max-width:1200px){
	#page .infor_section .section_left > .inner:after{display:none;}
	#page .infor_section .content_right{padding-left:0;margin-left:0;width:100%;}
	#page .infor_section .content_right ul{margin-top:2em;}
}

#page #healing{}
#page #healing .section_left{background-image:url(../img/healing_section_left_bg.jpg);}
#page #healing .section_content dl{color:#fff;}
#page #healing .section_right{background-image:url(../img/healing_section_right_bg.jpg);}

#page #carpenter .section_left{background-color:#fff;}
#page #carpenter .section_right{background-image:url(../img/carpenter_section_right_bg.jpg);}
@media all and (max-width:1000px){
	#page #carpenter .section_content dl dd{border-left:solid 1px #000;}
}

#page #with .section_left{background-image:url(../img/with_section_left_bg.jpg);}
#page #with .section_right{background-color:#D6D6D6;}
#page #with .content_right .desc{color:#fff;}
@media all and (max-width:1200px){
	#page #with .section_title .inner_box{text-align:left;}
	#page #with .section_left > .inner:after{display:none;}
	#page #with .content_right{padding-left:0;margin-left:0;width:100%;}
	#page #with .content_right ul{margin-top:2em;}
}

#page #oneday .section_left{background-color:#fff;}
#page #oneday .section_right{background-image:url(../img/oneday_section_right_bg.jpg);}
#page #oneday .content_right ul{margin-top:2.5em;}
@media all and (max-width:1200px){
	#page #oneday .section_title .inner_box{width:100%;text-align:left;}
	#page #oneday .section_left > .inner:after{display:none;}
	#page #oneday .content_right{padding-left:0;margin-left:0;width:100%;}
	#page #oneday .content_right ul{margin-top:2em;}
}