@charset "utf-8";

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}


/**********************************************/
/* 01. 메인페이지 *******************************/
/**********************************************/
/* 메인 비주얼 영역 - swiper slide */

.main-visual {
	position:relative;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
}
.main-visual video {
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
.main-visual video::-webkit-media-controls-fullscreen-button {
	display: none;
}
.main-visual video::-webkit-media-controls-timeline {
	display: none;
}
.main-visual video::-webkit-media-controls-timeline {
	display: none;
}
.main-visual video::-webkit-media-controls-time-remaining-display {
	display: none;
}
.main-visual .spare-visual video::-webkit-media-controls-mute-button {
	display: none;
}
.main-visual video::-webkit-media-controls-volume-slider {
	display: none;
}
.main-visual video::-webkit-media-controls-current-time-display {
	display: none;
}
/*.main-visual .swiper-container {*/
/*	height: calc(100vh - 121px);*/
/*}*/
/*.main-visual .swiper-slide {*/
/*	position: relative;*/
/*	width: 100%;*/
/*	height:100%;*/
/*}*/
/*!*.main-visual .swiper-slide:after{*!*/
/*!*	display: block;*!*/
/*!*	position: absolute;*!*/
/*!*	top: 0;*!*/
/*!*	left: 0;*!*/
/*!*	width: 100%;*!*/
/*!*	height: 100%;*!*/
/*!*	content: '';*!*/
/*!*	background: rgba(0,0,0,0.3);*!*/
/*!*	z-index: 1;*!*/
/*!*}*!*/
/*.main-visual .swiper-slide .swiper-img .img-wrap {*/
/*	position: relative;*/
/*	width: 100%;*/
/*	height: calc(100vh - 121px);*/
/*	overflow: hidden;*/
/*	z-index: 1;*/
/*}*/
/*.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-01 {*/
/*	background: url("/inc/user/images/main_slide_01_1920.gif") 50% 96% no-repeat;*/
/*	background-size: cover;*/
/*}*/
/*.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-02 {*/
/*	background: url("/inc/user/images/main_slide_02_1920.jpg") 50% bottom no-repeat;*/
/*	background-size: cover;*/
/*}*/
/*.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-03 {*/
/*	background: url("/inc/user/images/main_slide_03_1920.jpg") 50% bottom no-repeat;*/
/*	background-size: cover;*/
/*}*/
/*.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-04 {*/
/*	background: url("/inc/user/images/main_slide_04_1920.jpg") 50% 96% no-repeat;*/
/*	background-size: cover;*/
/*}*/
/*.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-05 {*/
/*	background: url("/inc/user/images/main_slide_05_1920.jpg") 50% bottom no-repeat;*/
/*	background-size: cover;*/
/*}*/
/*.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-06 {*/
/*	background: url("/inc/user/images/main_slide_06_1920.jpg") 50% bottom no-repeat;*/
/*	background-size: cover;*/
/*}*/
/*.main-visual .swiper-slide .swiper-img .img-wrap img {*/
/*	display: none;*/
/*}*/
/*.main-visual .swiper-slide .swiper-text {*/
/*	display: block;*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	max-width: 1400px;*/
/*	bottom: 100px;*/
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
/*	z-index: 2;*/
/*}*/
/*.main-visual .swiper-slide .swiper-text h2 {*/
/*	font-size: 3rem;*/
/*	color: var(--white);*/
/*	!*text-shadow: #0a0b2c;*!*/
/*	font-weight: bold;*/
/*}*/
/*.main-visual .swiper-slide .swiper-text h2 + p {*/
/*	font-size: 1.5rem;*/
/*	color: var(--white);*/
/*}*/

/* 메인 비주얼 영역 - pagination */
.main-visual .swiper-container-horizontal > .swiper-pagination-bullets,
.main-visual .swiper-pagination-custom,
.main-visual .swiper-pagination-fraction {
	bottom: 26px;
}
.main-visual .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;
}
.main-visual .swiper-pagination-bullet {
	line-height: 16px;
	vertical-align: middle;
	background: var(--white);
	opacity: 1;
}
.main-visual .swiper-pagination-bullet-active {
	width: 16px;
	height: 16px;
	background: none;
	border: 2px solid #ffffff;
}


/* 메인 컨텐츠 영역 - 공통 */
.section {
	position: relative;
	padding: 8rem 0 6rem;
}
.section.section--bar:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 5rem;
	background: var(--sub-color);
	content: '';
}
.section .section__head {
	position: relative;
	padding-bottom: 3rem;
	/*margin-bottom: 1.5rem;*/
	/*border-bottom: 1px solid #dddddd;*/
	text-align: center;
}
.section .section__head .title {
	position: relative;
	font-size: 2rem;
	font-family: 'Nanum Myeongjo';
	font-weight: 800;
}
.section .section__head .sub-title {
	position: relative;
	margin-top: 2rem;
	font-family: 'Nanum Myeongjo';
	font-size: 1.4rem;
	font-weight: 800;
}
.section .section__head .text {
	margin-top: 1rem;
	font-size: 1.2rem;
	color: var(--mid_grey);
}
.section .section__head .title-bg {
	position: absolute;
	top: -44px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	font-family: 'Birthstone';
	font-size: 7rem;
	line-height: 75px;
	color: rgba(207,169,114,0.15);
	color: rgba(127, 0, 3, 0.1);
	content: '';
	z-index: -1;
}
.section .section__body.section__body-l {
	max-width: 1200px;
	margin: 0 auto;
}
.section .section__body.section__body-m {
	max-width: 900px;
	margin: 0 auto;
}
.section .section__foot {
	margin-top: 3rem;
}



/* 메인 컨텐츠 영역 - about */
.section.about .section__head .title-bg {
	font-size: 120px;
}
.section.about .section__body .thumbnail {
	width: calc(50% - 1rem);
	margin: 0 2rem 0 0;
}
.section.about .section__body .thumbnail:nth-of-type(2n) {
	margin: 0;
}
.section.about .section__body .thumbnail .thumbnail__title {
	margin-top: 1rem;
}



/* 메인 컨텐츠 영역 - wedding */
.section.wedding:after {
	display: block;
	position: absolute;
	top: 34%;
	top: 0;
	left: 0;
	width: 100%;
	height: 66%;
	height: 100%;
	background: var(--main-color);
	background: rgba(207,169,114,0.15);
	content: '';
	z-index: -1;
}
.section.wedding .section__head {
	position: relative;
	padding-bottom: 5rem;
	text-align: center;
}
.section.wedding .wedding-wrap {
	position: relative;
}
.section.wedding .wedding-wrap:not(:first-child) {
	margin-top: 3rem;
}
.section.wedding .wedding-wrap .img-wrap {
	overflow: hidden;
}
.section.wedding .wedding-wrap .img-wrap:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
	z-index: 10;
	transition: all 0.7s;
}
.section.wedding .wedding-wrap .img-wrap img {
	display: block;
	width: 100%;
	transition: all 0.7s;
}

/* 메인 컨텐츠 영역 - wedding : 마우스 호버 */
.section.wedding .wedding-wrap a:hover .img-wrap:after {
	background: rgba(0,0,0,0);
}
.section.wedding .wedding-wrap a:hover .img-wrap img {
	transform: scale(1.05,1.05);
}
.section.wedding .wedding-wrap .hover-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
}
.section.wedding .wedding-wrap .hover-box {
	display: table;
	position: static;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	margin: 1rem;
	border: 1px solid #ffffff;
}
.section.wedding .wedding-wrap .hover-main {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.section.wedding .wedding-wrap .hover-main h4 {
	font-size: 2rem;
	color: var(--white);
}



/* 메인 컨텐츠 영역 - news */
.section.news .thumbnail {
	width: calc(33.3333% - 1.2rem);
	margin: 0 1.8rem 2rem 0;
}
.section.news .thumbnail:nth-of-type(3n) {
	margin: 0 0 2rem 0;
}
.section.news .thumbnail > a {
	display: block;
}
.section.news .thumbnail .thumbnail__img {
	position: relative;
	padding-top: 80%;
}
.section.news .thumbnail .thumbnail__img img {
	transition: all 0.7s;
}
.section.news .thumbnail .thumbnail__img .hover-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
}
.section.news .thumbnail .thumbnail__img .hover-box {
	display: table;
	position: static;
	width: 100%;
	height: 100%;
}
.section.news .thumbnail .thumbnail__img .hover-main {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: var(--white);
}
.section.news .thumbnail .thumbnail__img .hover-main {
}
.section.news .thumbnail .thumbnail__img .hover-main span {
	padding: 1rem;
	font-size: 1.2rem;
	background: rgba(255, 255, 255, 0.3);
	border: 1px solid #ffffff;
	opacity: 0;
	transition: all 0.7s;
}
.section.news .thumbnail .thumbnail__title {
	padding: 1rem;
	border: 1px solid #dddddd;
	text-align: center;
}
.section.news .thumbnail .thumbnail__title .title-wrap h4 {
	width: calc(100% - 50px);
	font-size: 1.2rem;
	font-weight: bold;
}
.section.news .thumbnail .thumbnail__title .title-wrap span {
	position: relative;
}
.section.news .thumbnail .thumbnail__title .title-wrap span:before {
	display: block;
	position: absolute;
	top: 5px;
	right: 9px;
	width: 1px;
	height: 19px;
	background: var(--main-color);
	content: '';
}
.section.news .thumbnail .thumbnail__title .title-wrap span:after {
	display: block;
	position: absolute;
	top: 14px;
	right: 0px;
	width: 19px;
	height: 1px;
	background: var(--main-color);
	content: '';
}
.section.news .thumbnail .thumbnail__title .title-wrap + p {
	margin-top: 0.5rem;
	font-weight: normal;
}

/* 메인 컨텐츠 영역 - news :  마우스 오버 */
.section.news .thumbnail a:hover .thumbnail__img img {
	transform: scale(1.05,1.05);
}
.section.news .thumbnail a:hover .thumbnail__img .hover-main span {
	opacity: 1;
}



/* 메인 컨텐츠 영역 - contact */
.section.contact {
	background-color: rgba(0,0,0,0.4);
}
.section.section--bar.contact:before {
	background: var(--white);
}
.section.contact:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/inc/user/images/contact_bg01.jpg") 50% 50% no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.section.contact .section__head {
	color: var(--white);
}
.section.contact .section__head .title-bg {
	font-size: 120px;
	color: rgba(255, 255, 255, 0.2);
}
.section.contact .section__head .text {
	color: var(--white);
}
.section.contact .section__foot {
	margin-top: 0;
}

.inner #map {
	width: 100%;
	height: 500px;
}
.customoverlay {
	position: relative;
	bottom: 85px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ddd;
	float: left;
}
.customoverlay:nth-of-type(n) {
	border: 0;
	box-shadow: 0px 1px 2px #888;
}
.customoverlay a {
	display: block;
	text-decoration: none;
	color: #000;
	text-align: center;
	border-radius: 6px;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	background: var(--main-color);
	background: var(--main-color) url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;
}
.customoverlay .title {
	display: block;
	margin-right :35px;
	padding: 10px 15px;
	text-align: center;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
}
/*.customoverlay:after {*/
/*	position: absolute;*/
/*	left: 50%;*/
/*	bottom: -12px;*/
/*	width: 22px;*/
/*	height: 12px;*/
/*	margin-left: -12px;*/
/*	background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png');*/
/*	content: '';*/
/*}*/

@media screen and (max-width: 1400px) {
	.main-visual .swiper-slide .swiper-text {
		padding: 0 3rem;
	}
}

@media screen and (max-width: 1024px) {
	.main-visual .swiper-container {
		height: calc(100vh - 68px);
	}
}

@media screen and (max-width: 991px) {
	.main-visual .swiper-slide .swiper-text {
		padding: 0 2rem;
	}
	.main-visual .swiper-slide .swiper-text h2 {
		font-size: 2.5rem;
	}
	.main-visual .swiper-slide .swiper-text h2 + p {
		font-size: 1.5rem;
	}
	.main-visual .swiper-slide .swiper-img {
		height: auto;
		background: none;
	}
	.main-visual .swiper-slide .swiper-img .img-wrap {
		height: calc(100vh - 68px);
	}
	/*.main-visual .swiper-slide .swiper-img .img-wrap {*/
	/*	background: none !important;*/
	/*	height: auto;*/
	/*	width: 100%;*/
	/*	position: relative;*/
	/*	left: 0;*/
	/*	top: 0;*/
	/*	z-index: 1;*/
	/*}*/
	.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-01 {
		background: url("/inc/user/images/main_slide_01_900.gif") 50% 50% no-repeat;
		background-size: cover;
	}
	.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-02 {
		background: url("/inc/user/images/main_slide_02_900.jpg") 50% bottom no-repeat;
		background-size: cover;
	}
	.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-03 {
		background: url("/inc/user/images/main_slide_03_900.jpg") 50% bottom no-repeat;
		background-size: cover;
	}
	.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-04 {
		background: url("/inc/user/images/main_slide_04_900.jpg") 50% 50% no-repeat;
		background-size: cover;
	}
	.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-05 {
		background: url("/inc/user/images/main_slide_05_900.jpg") 50% bottom no-repeat;
		background-size: cover;
	}
	.main-visual .swiper-slide .swiper-img .img-wrap.img-wrap-06 {
		background: url("/inc/user/images/main_slide_06_900.jpg") 50% bottom no-repeat;
		background-size: cover;
	}
	.section .section__head:after {
		top: -39px;
	}
}

@media screen and (max-width: 768px) {
	.section .section__head .title-bg {
		font-size: 4rem;
		line-height: 4rem;
	}
	.section.about .section__body .thumbnail {
		width: 100%;
		margin: 0 0 3rem 0;
	}
	.section.news .thumbnail,
	.section.about .section__body .thumbnail:nth-of-type(2n) {
		width: 100%;
		margin: 0 0 2rem 0;
	}
	.section.wedding .wedding-wrap .hover-box {
		width: calc(100% - 1rem);
		height: calc(100% - 1rem);
		margin: 0.5rem;
	}
	.section.wedding .wedding-wrap .hover-main h4 {
		font-size: 1.2rem;
	}
}



/**********************************************/
/* 02. 서브페이지 공통 ***************************/
/**********************************************/
.sub .visual-wrap {
	position: relative;
	padding: 6rem 0;
	background-color: rgba(0,0,0,0.4);
}
.sub .visual-wrap:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/inc/user/images/sub_visual_img02.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}


/*.sub .visual-wrap:after {*/
/*	display: block;*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 50%;*/
/*	width: 100%;*/
/*	max-width: 1920px;*/
/*	transform: translateX(-50%);*/
/*	height: 100%;*/
/*	background-color: rgba(0,0,0,0.4);*/
/*	content: '';*/
/*	z-index: -1;*/
/*}*/
.sub .visual-wrap .visual-txt {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
}
.sub .visual-wrap .visual-txt .visual-title {
	font-size: 2.5rem;
	font-weight: 800;
}
.sub .visual-wrap .visual-txt .visual-lnb li {
	display: inline-block;
	position: relative;
}
.sub .visual-wrap .visual-txt .visual-lnb li:not(:first-of-type) {
	padding-left: 30px;
}
.sub .visual-wrap .visual-txt .visual-lnb li:not(:first-of-type):after {
	position: absolute;
	top: 0;
	left: 5px;
	width: 1rem;
	height: 1rem;
	content: '>';
}
.sub .visual-wrap .visual-txt .visual-lnb li a {
	color: #ffffff;
}
.sub .contents-wrap {
	padding: 7rem 0;
}
.sub .contents-wrap .page-title {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;

}
.sub .section .section__head > ul > li {
	margin-top: 0.5rem;
	font-size: 1.2rem;
}

@media screen and (max-width: 997px) {
	.sub .visual-wrap {
		padding: 3.5rem 0;
	}
	.sub .visual-wrap:before {
		background-size: 997px;
	}
}


/**********************************************/
/* 03. 서브페이지 - About Gachon ****************/
/**********************************************/
.sub.about .visual-wrap:before {
	background: url("/inc/user/images/sub_visual_img13.png") center center no-repeat;
	background-size: cover;
}
.sub.about .contents-wrap .video-wrap {
	width: 100%;
	margin-bottom: 7rem;
}
.sub.about .contents-wrap .video-wrap video {
	width: 100%;
}
.sub.about .contents-wrap .about-box {
	position: relative;
	padding: 100px 0;
}
.sub.about .contents-wrap .about-box:last-child {
	padding: 100px 0 0 0;
}
.sub.about .contents-wrap .about-box .about-box__title {
	/*position: absolute;*/
	/*top: 0;*/
	/*right: 100px;*/
	/*width: 500px;*/
	/*height: 600px;*/
	padding: 3rem;
	/*background: #ffffff;*/
	/*box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.2);*/
	/*background: #ffffff url("/inc/user/images/about_box_bg.png") 140% 106% no-repeat;*/
	/*z-index: 1;*/
}
.sub.about .contents-wrap .about-box .about-box__title:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	content: '';
	border: 10px solid rgba(196, 159, 105, 0.5);
}
/*.sub.about .contents-wrap .about-box:nth-of-type(2n) .about-box__title {*/
/*	left: auto;*/
/*	right: 100px;*/
/*}*/
.sub.about .contents-wrap .about-box .about-box__title h3 {
	font-family: 'Merriweather', serif;
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--main-color);
}
.sub.about .contents-wrap .about-box .about-box__title h3 + p {
	font-family: 'SeoulNamsanM';
	margin-top: 3rem;
	line-height: 2;
	font-size: 1.2rem;
	font-weight: 600;
}
.sub.about .contents-wrap .about-box .about-box__bg {
	position: relative;
	width: 100%;
	height: 100%;
	/*padding-top: 600px;*/
	overflow: hidden;
	/*background: url("/inc/user/images/sample_img01.jpg") center 52% no-repeat;*/
	/*background-size: cover;*/
}
.sub.about .contents-wrap .about-box .about-box__bg img {
	display: block;
	/*position: absolute;*/
	/*top: 0;*/
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	/*object-fit: cover;*/
	/*object-position: center 20%;*/
}
.sub.about .contents-wrap .about-box .about-box__text {
	position: relative;
	padding: 5rem 0;
	text-align: center;
}
.sub.about .contents-wrap .about-box .about-box__text:after {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 4rem;
	background: var(--main-color);
	content: '';
}
.sub.about .contents-wrap .about-box .about-box__text .sub-title {
	font-family: 'Nanum Myeongjo';
	font-size: 1.5rem;
	font-weight: 800;
}
.sub.about .contents-wrap .about-box .about-box__text .text {
	margin-top: 2rem;
	font-size: 1.2rem;
	line-height: 1.8;
	font-weight: 500;
	color: var(--mid_grey);
}



@media screen and (max-width: 1200px) {
	.sub.about .contents-wrap .about-box {
		padding: 100px 0 0 ;
	}
	.sub.about .contents-wrap .about-box .about-box__title {
		position: unset;
		width: 100%;
		height: auto;
		padding: 3rem 2rem;
		background: #ffffff url("/inc/user/images/about_box_bg.png") 93% 100% no-repeat;
		background-size: 200px;
	}
	.sub.about .contents-wrap .about-box .about-box__title h3 + p {
		margin-top: 1rem;
	}
	.sub.about .contents-wrap .about-box .about-box__bg {
		background: none;
		height: auto;
	}
	.sub.about .contents-wrap .about-box .about-box__text p {
		font-size: 1rem;
		line-height: 1.5;
	}
}

@media screen and (max-width: 997px) {
	.sub.about .contents-wrap .about-box .about-box__title h3 {
		font-size: 2rem;
	}
	.sub.about .contents-wrap .about-box .about-box__bg img {
		display: block;
		width: 100%;
	}
}


/**********************************************/
/* 04. 서브페이지 - Wedding *********************/
/**********************************************/
.sub.wedding .visual-wrap:before {
	background: url("/inc/user/images/sub_visual_img17.png") center center no-repeat;
	background-size: cover;
}
.sub.wedding .section:nth-of-type(2n) {
	background: rgba(207,169,114,0.1);
}
.sub.wedding article {
	position: relative;
	/*padding-top: 3rem;*/
}
.sub.wedding article .txt-box h4 {
	font-size: 2em;
	font-weight: 500;
	color: var(--main-color);
}
.sub.wedding article .txt-box h4 + p {
	position: relative;
	margin: 2rem 0;
	padding-left: 1.5rem;
}
.sub.wedding article .txt-box h4 + p:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: var(--main-color);
	content: '';
}
.sub.wedding .swiper {
	width: 100%;
	/*max-width: 1200px;*/
	height: 100%;
}
.sub.wedding .swiper-slide img {
	display: block;
	width: 90%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}

/* 슬라이드 버튼 */
.sub.wedding .swiper-button-next, .swiper-button-prev {
	color: var(--main-color);
}
.swiper-button-next {
	right: 0;
}
.swiper-button-prev {
	left: 0;
}

/* 슬라이드 스크롤바 */
.sub.wedding .swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 5%;
	bottom: 0;
	z-index: 50;
	height: 8px;
	width: 90%;
	opacity: 1 !important;
}
.sub.wedding .swiper-scrollbar-drag {
	background: var(--main-color);
	border-radius: 0;
}



/***************************************/
/* 서브페이지 Contact - 오시는 길 **********/
/***************************************/
.sub.directions .directions-type {

}
.sub.directions .directions-type > div {
	margin-top: 2rem;
}

.sub.directions .directions-type > div h4 {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--main-color);
}
.sub.directions .directions-type > div > ul > li {
	margin-top: 0.5rem;
}
.sub.directions .directions-type > div h5 {
	display: inline-block;
	line-height: 2;
	font-weight: 600;
}
.sub.directions .directions-type > div h5 + ul {
	margin-left: 1rem;
}
.sub.directions .directions-type > div h5 + ul > li {
	line-height: 2;
}
.sub.directions .directions-type > div h5 + ul > li:not(:first-of-type) {
	margin-top: 0.5rem;
}

.sub.directions .directions-type > div h5 + ul.list-hyphen > li:before {
	line-height: 2;
}
/* 지하철 */
.sub.directions .directions-type > div.subway h5  {
	width: 70px;
	flex-grow: 0;
	flex-shrink: 0;
}

/* 버스 */
.sub.directions .directions-type > div.car h5  {
	width: 100px;
	flex-grow: 0;
	flex-shrink: 0;
}


/***************************************/
/* 서브페이지 Board - 디테일 **************/
/***************************************/
.sub.community .visual-wrap:before {
	background: url("/inc/user/images/sub_visual_img06.png") center center no-repeat;
	background-size: cover;
}
.sub.community  .visual-wrap.bg_2:before {
	background: url("/inc/user/images/sub_visual_img07.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_3:before {
	background: url("/inc/user/images/sub_visual_img08.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_4:before {
	background: url("/inc/user/images/sub_visual_img09.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_5:before {
	background: url("/inc/user/images/sub_visual_img10.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_6:before {
	background: url("/inc/user/images/sub_visual_img11.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_7:before {
	background: url("/inc/user/images/sub_visual_img12.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_8:before {
	background: url("/inc/user/images/sub_visual_img13.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_9:before {
	background: url("/inc/user/images/sub_visual_img14.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_10:before {
	background: url("/inc/user/images/sub_visual_img15.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_11:before {
	background: url("/inc/user/images/sub_visual_img16.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_12:before {
	background: url("/inc/user/images/sub_visual_img17.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_13:before {
	background: url("/inc/user/images/sub_visual_img18.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_14:before {
	background: url("/inc/user/images/sub_visual_img19.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_15:before {
	background: url("/inc/user/images/sub_visual_img20.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_16:before {
	background: url("/inc/user/images/sub_visual_img21.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_17:before {
	background: url("/inc/user/images/sub_visual_img22.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_18:before {
	background: url("/inc/user/images/sub_visual_img23.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_19:before {
	background: url("/inc/user/images/sub_visual_img24.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.sub.community  .visual-wrap.bg_20:before {
	background: url("/inc/user/images/sub_visual_img25.png") center center no-repeat;
	background-size: cover;
	content: '';
	z-index: -1;
}
.board-title {
	display: -webkit-box; /* Android 2.1 ~ 4.3, iso 6-, safari 3.1-6 */
	display: -moz-box; /* firefox 19- */
	display: -ms-flexbox; /* IE 10 */
	display: -webkit-flex; /* Chrome */
	display: flex;
	-webkit-box-pack: justify; /* Android 2.1 ~ 4.3, ios 6-, safari 3.1-6 */
	-moz-box-pack: justify; /* Firefox 19- */
	-ms-flex-pack: justify; /* IE10 */
	-webkit-justify-content: space-between; /* Chrome */
	justify-content: space-between;
	-webkit-box-align: center; /* Android 2.1 ~ 4.3, ios 6-, safari 3.1-6 */
	-moz-box-align: center; /* Firefox 19- */
	-ms-flex-align: center; /* IE10 */
	-webkit-align-items: center; /* Chrome */
	align-items: center;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #dddddd;
	transition: all 0.4s;
}
.board-title:not(:first-child) {
	border-top: none;
}
.board-title .inner:nth-child(1) {
	display: -webkit-box; /* Android 2.1 ~ 4.3, iso 6-, safari 3.1-6 */
	display: -moz-box; /* firefox 19- */
	display: -ms-flexbox; /* IE 10 */
	display: -webkit-flex; /* Chrome */
	display: flex;
	-webkit-box-pack: justify; /* Android 2.1 ~ 4.3, ios 6-, safari 3.1-6 */
	-moz-box-pack: justify; /* Firefox 19- */
	-ms-flex-pack: justify; /* IE10 */
	-webkit-justify-content: space-between; /* Chrome */
	justify-content: space-between;
	-webkit-box-align: center; /* Android 2.1 ~ 4.3, ios 6-, safari 3.1-6 */
	-moz-box-align: center; /* Firefox 19- */
	-ms-flex-align: center; /* IE10 */
	-webkit-align-items: center; /* Chrome */
	align-items: center;
	width: 100%;
	padding: 1.5rem 1rem ;
}
.board-title .inner:nth-child(1) .board-title__main {
	width: calc(100% - 150px);
}
.board-title .inner:nth-child(1) .board-title__title {
	font-size: 1.2rem;
	font-weight: 500;
}
.board-title .inner:nth-child(1) .board-title__badge {
	display: block;
	font-size: 0.9rem;
}
.board-title .inner:nth-child(1) .board-title__desc li {
	position: relative;
	align-self: center;
	font-size: 0.9rem;
}
.board-title .inner:nth-child(1) .board-title__desc li:not(:first-child) {
	margin-left: 0.7rem;
	padding-left: 0.7rem;
}
.board-title .inner:nth-child(1) .board-title__desc li:not(:first-child):before{
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	background: #dddddd;
	content: '';
}
.board-title .inner:nth-child(1) .board-title__date {
	min-width: 100px;
	padding-left: 1rem;
	text-align: center;
	border-left: 1px solid #dddddd;
	align-items: center;
}
.board-title .inner:nth-child(2) {
	display: none;
	opacity: 0;
	width: 0;
	height: 0;
	transition: all 0.4s;
}
.board-title .inner:nth-child(2) .board-title__img {
	width: 0;
	height: 0;
}
.board-title .inner:nth-child(2) .board-title__img img {
	width: 0;
	height: 0;
}
.board-detail .board-detail__body {
	margin-top: 0;
}
.board-detail .board-detail__body .board-detail__content {
	padding: 3rem 1rem;
	border-bottom: 1px solid #aaaaaa;
}
.board-detail .board-detail__body .board-detail__download {
	position: relative;
	border-bottom: 1px solid #aaaaaa;
	padding: 1rem 0;
	white-space: normal;
}
/*
.board-detail .board-detail__body .download:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 100%;
    background: #efefef;
    content: '';
    z-index: -1;
}
*/
.board-detail .board-detail__body .board-detail__download .download_title {
	width: 120px;
	text-align: center;
}
.board-detail .board-detail__body .board-detail__download .file_link {
	width: calc(100% - 120px);
	padding-left: 1rem;
}
.board-detail .board-detail__body .board-detail__download .file_link li {
	display: block;
}
.board-detail .board-detail__body .board-detail__download .file_link li:not(:first-of-type) {
	margin-top: 0.5rem;
}
.board-detail .board-detail__body .board-detail__reply {
	padding: 2rem 1rem;
	border-bottom: 1px solid #aaaaaa;
}
.board-detail .board-detail__body .board-detail__reply .board-detail__writer {
	width: 100px;
	text-align: center;
}
.board-detail .board-detail__body .board-detail__reply .board-detail__writer img {
	width: 80px;
}
.board-detail .board-detail__body .board-detail__reply .board-detail__writer img + span {
	display: block;
	font-size: 0.8rem;
}
.board-detail .board-detail__body .board-detail__reply .board-detail__reply-area {
	width: 100%;
	padding-left: 1rem;
	white-space: normal;
}
.board-detail .board-detail__body .board-detail__nav {
	margin-top: 3rem;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
.board-detail .board-detail__body .board-detail__nav .board-detail__nav-inner:not(:first-child) {
	border-top: 1px solid #aaaaaa;
}
.board-detail .board-detail__body .board-detail__nav .board-detail__nav-inner .board-detail__nav-view {
	width: 120px;
	padding: 1.5rem 0;
	background: #efefef;
	text-align: center;
}
.board-detail .board-detail__body .board-detail__nav .board-detail__nav-inner .board-detail__nav-title {
	width: calc(100% - 120px);
	padding: 1.5rem 1rem;
	font-size: 1rem;
	font-weight: normal;
}
.board-detail .board-detail__body .board-detail__nav .board-detail__nav-inner .board-detail__nav-title a:hover,
.board-detail .board-detail__body .board-detail__nav .board-detail__nav-inner .board-detail__nav-title a:focus {
	color: #f57b29;
}
.board-detail .board-detail__foot {
	margin-top: 3rem;
}


@media screen and (max-width: 768px) {
	.board-title .inner:nth-child(1) {
		align-items: start;
	}
	.board-title .inner:nth-child(1) .board-title__main {
		width: 100%;
	}
	.board-title .inner:nth-child(1) .board-title__date {
		display: flex;
		margin-top: 0.5rem;
		padding-left: 0;
		text-align: left;
		border-left: none;
	}
	.board-title .inner:nth-child(1) .board-title__date li:not(:first-child) {
		margin-left: 1rem;
	}
	.board-title .board-detail__nav:nth-child(2) {
		align-self: flex-start;
		padding-left: 0;
		margin-top: 0.5rem;
		text-align: left;
		border-left: none;
	}
	.board-detail .board-detail__body .board-detail__reply .reply_content {
		width: calc(100% - 100px);
	}
	.board-detail .board-detail__body .board-detail__reply .board-detail__writer {
		display: flex;
		width: 100%;
		align-items: flex-end;
		text-align: left;
	}
	.board-detail .board-detail__body .board-detail__reply .board-detail__reply-area {
		margin-top: 1rem;
		padding-left: 0;
	}
	.board-detail .board-detail__body .board-detail__reply .board-detail__writer img + span {
		display: inline-block;
		margin-left: 0.5rem;
		line-height: 1;
	}
}
@media screen and (max-width: 480px) {
}



/**********************************************/
/* 06. 서브페이지 - Contact Us ******************/
/**********************************************/
.sub.contact .visual-wrap:before {
	background: url("/inc/user/images/sub_visual_img02.png") center center no-repeat;
	background-size: cover;
}
.sub.contact .section .section__head > ul > li {
	margin-top: 0.5rem;
}
.sub.reservation .table-wrap .info-txt {
	margin-bottom: 0.5rem;
}
.sub.reservation .table-wrap .table {
	border-top: 2px solid var(--light_grey);
}
.sub.reservation .table-wrap .table.table--res tr.form-group {
	margin-top: 0;
	padding: 0;
}
.sub.reservation .table-wrap .table tr th {
	width: 250px;
	padding: 1.2rem 0 1.2rem 1.2rem;
	text-align: left;
	background: var(--white_grey);
}
.sub.reservation .table-wrap .table tr td {
	padding: 1.2rem 0 1.2rem 1.2rem;
	min-height: 39.5px;
}
.sub.reservation .table-wrap .table tr td .form-control {
	margin-top: 0;
}
.sub.reservation .agree-box {
	margin-top: 3rem;
	border: 1px solid var(--light_grey);
}
.sub.reservation .agree-box > ol {
	padding: 1rem;
}
.sub.reservation .agree-box .checkbox {
	padding: 1rem;
	background: var(--white_grey);
	border-top: 1px solid var(--light_grey);
}
.sub.reservation .section__foot {
	margin-top: 0;
}
@media screen and (max-width: 991px) {
	.sub.reservation .section .section__head ul li {
		text-align: left;
	}
}
@media screen and (max-width: 768px) {
	.sub.reservation .table-wrap .table.table--res tr.form-group {
		margin-top: 0;
		padding: 1rem 0;
	}
	.sub.reservation .table-wrap .table tr th {
		display: block;
		background: none;
		padding: 0 0 0.5rem 0;
	}
	.sub.reservation .table-wrap .table tr td {
		display: block;
		padding: 0;
	}
}