@charset "UTF-8";
/********************************************************


		메인 버전 1.  css 	:: BSJ


********************************************************/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400i&display=swap');


/* layout common */
.l-table {display:table;table-layout:fixed;width:100%;height:100%;}
.l-cell {display:table-cell;vertical-align:middle;}
.maxWidth {max-width:1170px;margin:0 auto;}
.row {overflow:hidden;}
.inner--left {float:left;}
.inner--right {float:right;}




/***********************************************************************
	메인
************************************************************************/
#main > section {padding-top:100px;padding-bottom:100px;}
 #main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:8px;font-weight:400;font-size:38px;color:#333;line-height:1.2;letter-spacing:0;font-family: 'Noto Serif', serif;}
.main__title strong {font-weight:500;}
/*.main__title span {display:block;font-size:14px;color:#b3a586;letter-spacing:0}*/
.main__desc {margin-bottom:60px;font-weight:300;font-size:15px;color:#666;line-height:1.5;}
.main__desc br.m_br_block {display:none;}
@media screen and (max-width: 1200px){
	.maxWidth {margin:0 15px;}
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:60px;padding-bottom:60px;}
}
@media screen and (max-width: 768px){
	#main > section {padding-top:40px;padding-bottom:40px;}
	.main__title {font-size:30px;}
	.main__title span {font-size:13px;}
	.main__desc {margin-bottom:30px;}
}
@media screen and (max-width: 640px){
	.main__title {font-size:25px;}
	.main__desc br.m_br_block {display:block !important;}
}




/***********************************************************************
	메인 이미지 배너 4개 
************************************************************************/
#main__bnr .bnr-list {overflow:hidden;margin:-0.75%;}
#main__bnr .bnr-list li {position:relative;float:left;/*width:23.5%;*/width:48.5%;margin:0.75%;}
#main__bnr .bnr-list li .bnr-img {position:relative;width:100%;height:0;padding-top:39.3%;}
#main__bnr .bnr-list li img {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__bnr .bnr-list a {display:block;position:relative;overflow:hidden;height:0;padding-top:38.2%;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;}
#main__bnr .bnr-list .tit {display:table;table-layout:fixed;position:absolute;left:15px;bottom:22px;width:150px;height:56px;padding:0 17px;background-color:#111;font-size:13px;color:#fff;line-height:17px;letter-spacing:5px;vertical-align:middle;box-sizing:border-box;}
#main__bnr .bnr-list a .tit:before {content: '';position:absolute;border:2px solid #111;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:top,right,bottom,left;-moz-transition-property:top,right,bottom,left;-ms-transition-property:top,right,bottom,left;-o-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left;}
#main__bnr .bnr-list a:hover .tit:before, #main__bnr .bnr-list a:focus .tit:before, #main__bnr .bnr-list a:active .tit:before {top:-5px;right: -5px;bottom:-5px;left:-5px;}
#main__bnr .bnr-list a .tit span {display:table-cell;vertical-align:middle;}
#main__bnr .bnr-list .bnr-img {display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration: 0.5s;-webkit-transition-property:box-shadow, transform;-moz-transition-property:box-shadow, transform;-ms-transition-property:box-shadow, transform;-o-transition-property:box-shadow, transform;transition-property:box-shadow, transform;}
#main__bnr .bnr-list .bnr-img:hover, #main__bnr .bnr-list .bnr-img:focus, #main__bnr .bnr-list .bnr-img:active {box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
@media screen and (max-width: 768px){
	/*.bnr .bnr-list .tit {display:none;}*/
	#main__bnr .bnr-list .tit {bottom:10px;left:10px;}
}
@media screen and (max-width: 640px){
	/*#main__bnr {margin-bottom:30px;}*/
	/*.bnr .bnr-list .tit {bottom:15px;}*/
	#main__bnr .bnr-list .tit {width:130px;height:50px;}
}
@media screen and (max-width: 550px){
	#main__bnr .bnr-list {margin:-0.75% 0;}
	#main__bnr .bnr-list li {width:100% !important;margin:0.75% 0;}
}
@media screen and (max-width: 480px){
	#main__bnr .bnr-list li {margin:1% 0;}
}



#menu {position:fixed;top:50%;right:45px;margin-top:-77.5px;z-index:999}
#menu:before {content:'';position:absolute;top:0;left:-17px;width:40px;height:140px;background-color:#0f0e0b;border-radius:50px;opacity:0.5}
#menu li {position:relative;margin:7px 0;list-style:none;}
#menu li a:before {content:'';display:inline-block;width:6px;height:6px;background-color:#fff;border-radius:50%;vertical-align:middle;}
#menu li a {}
#menu li a .txt {position:absolute;right:25px;width:150px;margin-right:0;font-weight:400;font-size:15px;color:#fff;vertical-align:middle;z-index:-1;opacity:0;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;text-align:right;letter-spacing:0}
#menu li.active a:before {background-color:#7e7d7c;}
#menu li a:hover .txt {z-index:2;opacity:1;margin-right:10px;}
#menu.active a .txt {color:#333;}

.main__btn {text-align:center;background:transparent;}
.main__btn a {position:relative;display:block;width:160px;height:55px;margin:0 auto;background:transparent;border:1px solid #e8c8a1 !important;font-weight:300;font-size:14px;color:#e8c8a1;line-height:53px;letter-spacing:0;z-index:1;box-shadow: 0 0 1px transparent;box-sizing:border-box;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;-ms-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;z-index:9}
.main__btn a:before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background-color:#e8c8a1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;-o-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
@media screen and (min-width: 1025px){
	.main__btn a:hover {color:#000;border:none !important;}
}
/*.btn-more a:hover:before {background-color:#111;border:none;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);}*/
@media screen and (max-width: 768px){
	#sub {padding-bottom:70px;}
	#menu {display:none;}
	.main__btn a {width:120px;height:43px;line-height:41px;}
}
@media screen and (max-width: 640px){
	#sub {padding-bottom:40px;}
	.btn-more {margin-top:18px;}
	.btn-more a {width:215px;height:45px;line-height:45px;font-size:15px;}
}

#fullpage .section {height:100vmin;background-size:cover;background-position:center;background-repeat:no-repeat;}
#fullpage .section .maxWidth {height:100%;text-align:left;}

#fullpage .col_list {overflow:hidden;}
#fullpage .col_list li {position:relative;float:left;}
#fullpage .col_list li:before {content:'';position:absolute;left:0;top:0;width:1px;height:100%;background-color:#fff;opacity:0.3}
#fullpage .col_list li:first-child:before {content:none;}
#fullpage .col_list strong {margin-top:30px;font-weight:400;font-size:20px;color:#fff;line-height:1.4;text-align:center;}
#fullpage .col_list .num {display:block;font-weight:100;font-size:20px;color:#fff}

#fullpage .col_list.row5 li {width:20%;text-align:center;}
#fullpage .col_list.row3 li {width:33.3%;padding:30px 35px;box-sizing:border-box;}
#fullpage .col_list.row5 li i {display:block;}
#fullpage .col_list.row5 strong {display:block;font-weight:100;}

.section li {list-style:none}
@media screen and (max-width: 768px){
	#fullpage .section {height:auto;}
}



/***********************************************************************
	메인 슬라이드 section__1
************************************************************************/
#section__1 {position:relative;border-bottom:1px solid #dadada;}
#section__1 .slider-inner {position:relative;height:990px;height:100vmin;/*padding-top:45.5%;*/text-align:center;box-sizing:border-box;}
#section__1 .slider-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;-webkit-transition: all 4s ease-in-out;transition: all 4s ease-in-out;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
#section__1 .l-table {display:table;width:100%;height:100%;}
#section__1 .l-cell {display:table-cell;vertical-align:middle;}
#section__1 .slider-inner.on .slider-bg {-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#section__1 .slider-box {display:table;table-layout:fixed;width:100%;height:100%;}
#section__1 .slider-table {display:table-cell;width:100%;vertical-align:middle}
#section__1 .slider-tit {max-width:1170px;margin:0 auto;}
#section__1 .slider-tit a {display:block;position:relative;z-index:2}
#section__1 .slider-tit {position:relative;}
#section__1 .slider-tit img {margin:0 auto;padding:0 20px;padding-top:100px;opacity:0;-webkit-transition:all 2s ease-out;-o-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-moz-transition:all 2s ease-out;transition:all 2s ease-out;box-sizing:border-box;}
#section__1 .slider-inner.on .slider-tit img {margin:0 auto;padding-top:0;opacity:1;}
#section__1 .bx-wrapper .bx-controls-direction {display:none;}
@media screen and (max-width: 768px){
	#section__1 .bx-wrapper .bx-controls-direction a {display:none;}
}



/***********************************************************************
	메인 슬라이드 section__2
************************************************************************/
#section__2 .main__title {margin-bottom:30px;}
#section__2 .inner {position:relative;margin-top:6%;background-color:#ddceb9;}
#section__2 .inner--left {position:static !important;width:50%;}
#section__2 .inner--right {width:50%;height:420px;padding:0 65px;background-color:#fff;box-sizing:border-box;}
#section__2 .image-inner .image {position:absolute;top:0;left:0;width:50%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center left;}
#section__2 .main__desc {margin-bottom:35px;line-height:1.7}
#section__2 .main__btn a {margin-left:0;color:#666;}
@media screen and (min-width: 1025px){
	#section__2 .main__btn a:hover {color:#fff;border:none !important;}
}
@media screen and (max-width: 1185px){
	#section__2 .inner--right {padding:0 25px;}
}
@media screen and (max-width: 1024px){
	#section__2 .inner {margin-top:0;}
}
@media screen and (max-width: 768px){
	#section__2 .l-cell {padding:50px 0;}
	#section__2 .l-cell .l-cell {padding:0;}
	#section__2 .main__title {margin-bottom:25px;}
	#section__2 .main__desc {margin-bottom:20px;}
	#section__2 .main__desc br {display:none;}
}
@media screen and (max-width: 540px){
	#section__2 .l-cell {padding:0;}
	#section__2 .inner--right {float:none !important;width:100%;height:auto;padding:50px 15px;}
	#section__2 .inner--left {position:relative !important;float:none !important;width:100%;height:0;padding-top:50%;}
	#section__2 .inner--left > .image {width:100%;}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}




/***********************************************************************
	메인 section__3
************************************************************************/
#fullpage #section__3 .maxWidth {height:60%;height:66.5vmin;box-sizing:border-box;}
#section__3 .maxWidth {padding-top:90px;}
#section__3 i {display:block;margin-bottom:25px;}
#section__3 h3 {font-weight:300;font-size:23px;color:#fff;line-height:1.1}
#section__3 em {font-style:normal;font-weight:300;font-size:18px;color:#fff;}
#section__3 .row3_mg {margin:-1.25%;}
#section__3 .row3_mg li {float:left;width:30.8%;height:240px;margin:1.25%;text-align:center;}
#section__3 li a {display:block;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
#section__3 li.center.last {padding-top:0 !important;}
#section__3 .l-hover {opacity:0;z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
#section__3 .l-hover:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#292322;opacity:0.9}
#section__3 .l-hover .main__btn {position:relative;z-index:2}
#section__3 .l-hover .main__btn span {position:relative;display:block;width:180px;height:55px;margin:0 auto;background:transparent;border:1px solid #e8c8a1 !important;font-weight:300;font-size:14px;color:#e8c8a1;line-height:53px;letter-spacing:0;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
#section__3 {}
@media screen and (min-width: 1025px){
	#section__3 .row3_mg li:hover .l-hover {opacity:1;z-index:9}
	#section__3 .l-hover .main__btn span:hover {background-color:#e8c8a1;color:#333;}
}
@media screen and (max-width: 768px){
	#fullpage #section__3 .maxWidth {height:auto;padding:50px 0;}
	#section__3 .row3_mg li {height:160px;}
	#section__3 .row3_mg li h3 {font-size:18px;}
	#section__3 .row3_mg li em {font-size:14px;}
	#section__3 i {margin-bottom:10px;}
}
@media screen and (max-width: 425px){
	#section__3 .row3_mg {margin:0;}
	#section__3 .row3_mg li {float:none;width:100%;height:95px;margin:0;margin-bottom:15px;box-sizing:border-box;}
	#section__3 .row3_mg li:last-child {margin-bottom:0;}
	#section__3 .row3_mg li a {padding:0 20%;text-align:left;}
	#section__3 .row3_mg li .l-cell {overflow:hidden;}
	#section__3 .row3_mg li i {float:left;margin-right:10px;margin-bottom:0;}
}
.section3__bnr {height:300px;background-size:cover;background-repeat:no-repeat;background-position:center;text-align:center;}
.section3__bnr .u_tit {margin-bottom:15px;font-weight:500;font-size:30px;color:#fff;}
.section3__bnr p {font-weight:300;font-size:16px;color:#fff;}
.section3__bnr .main__btn {margin:0 auto;margin-top:25px;border-color:#e8c8a1;color:#e8c8a1;}
@media screen and (max-width: 768px){
	.section3__bnr .u_tit {margin-bottom:10px;font-size:26px;}
	.section3__bnr p {padding: 0 8%;}
}
@media screen and (max-width: 540px){
	.section3__bnr {height:270px;}
	.section3__bnr p {padding:0 15px;font-size:15px;}
	.section3__bnr .main__btn {margin-top:15px;}
	#section__3 .row3_mg li h3 {margin-top:3px;}
}
@media screen and (max-width: 425px){
}





/***********************************************************************
	메인 section__4
************************************************************************/
#section__4 .maxWidth {padding-top:50px;}
#section__4 li a {display:block;}
#section__4 li > a span {display:block;}
#section__4 .photo-image {position:relative;width:100%;height:0;padding-top:70%;}
#section__4 .photo-image .image {position:absolute;top:0;left:0;width:100%;height:100%;}
#section__4 .photo-info {padding:25px;background-color:#fff;box-sizing:border-box;}
#section__4 .photo-more {width:130px;height:45px;margin:0 auto;margin-top:15px;border:1px solid #dadada;font-weight:300;font-size:14px;color:#666;line-height:45px;text-align:center;box-sizing:border-box;}
#section__4 .photo-tit {font-weight:600;font-size:18px;color:#222;text-align:center;}
#section__4 .bx-wrapper .bx-controls-direction a {width:60px;height:60px;margin-top:-30px;background-position:center;background-size:100%;background-repeat:no-repeat;}
#section__4 .bx-wrapper .bx-prev {left:-110px;background-image:url(../../images/main/photo_slider_prev.gif);}
#section__4 .bx-wrapper .bx-next {right:-110px;background-image:url(../../images/main/photo_slider_next.gif);}
#section__4 .main_link_bnr .row {margin:-1%;}
#section__4 .main_link_bnr li {float:left;width:48%;margin:1%;}
#section__4 .main_link_bnr .bnr_thumb {position:relative;width:100%;height:0;padding-top:47%;}
#section__4 .main_link_bnr .bnr_thumb > span {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#section__4 .main_link_bnr .bnr_desc {padding:22px 15px;background-color:#fff;text-align:center;}
#section__4 .main_link_bnr .bnr_desc strong {display:block;font-weight:600;font-size:20px;color:#222;}
#section__4 .main_link_bnr .main__btn {width:130px;height:45px;line-height:45px;margin:0 auto;margin-top:20px;}
#section__4 .main__btn a {width:130px;height:45px;border-color:#dadada !important;color:#666;line-height:43px;}
@media screen and (min-width: 1025px){
	#section__4 .main__btn a:hover {color:#000;border:none !important;}
}
@media screen and (max-width: 768px){
	#section__4 .maxWidth {padding-bottom:50px;}
	#section__4 .main_link_bnr .bnr_desc strong {font-size:18px;}
	#section__4 .main_link_bnr .main__btn {margin-top:10px;}
}
@media screen and (max-width: 425px){
	#section__4 .main_link_bnr {margin:0;}
	#section__4 .main_link_bnr li {float:none !important;width:100%;margin-bottom:15px;}
	#section__4 .main_link_bnr li:last-child {margin-bottom:0;}
	#section__4 .main__btn a {width:100px;}
}




/***********************************************************************
	메인 section__5
************************************************************************/
#section__5 .maxWidth {padding-top:50px;}
#section__5 .main__desc {margin-bottom:70px;}
#section__5 .inner--left {width:50%;height:370px;}
#section__5 .inner--right {width:50%;height:370px;padding:50px 55px;background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;}
#section__5 .main__map {position:relative;width:100%;height:100%;}
#section__5 #map {position:absolute;top:0;left:0;width:100%;height:100%;}
#section__5 .inner--right strong {display:block;margin-bottom:10px;font-weight:600;font-size:18px;color:#333;}
#section__5 .inner--right p {font-weight:300;font-size:15px;line-height:1.5;color:#666;}
#section__5 .main_info {margin-top:35px;}
#section__5 .main_info.top {margin-top:0 !important;}
#section__5 {}




/*액션*/
.obj {position:relative;top:100px;opacity:0;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-m-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.obj.active {position:relative;top:0;opacity:1}


#main #section__5 .l_directions .main_info p a {color:#333;}

@media screen and (max-width: 768px){
	.main__btn a {width:120px;height:43px;line-height:41px;}

	#fullpage .section#footer {height:0 !important;overflow:hidden;padding:0;}
}


#footer .btnTop {display:none !important;}