/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';


/* 서브공통 */
.sub-wrap {
	position:relative;
	padding:10rem 0 12rem;
	box-sizing:border-box;
}
.sub-wrap section {
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}
.submenu {
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
}
.submenu ul {
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.submenu ul > li > a {
	display:inline-block;
	box-sizing:border-box;
	font-size:2rem;
	text-align:center;
	color:#555;
	padding:2rem 3rem;
	position:relative;
}
.submenu ul > li.on > a {
	color:var(--sky-color);
}
.submenu ul > li.on > a:before {
	content:"";
	position:absolute;
	left:10%;
	bottom:0;
	width:80%;
	height:2px;
	background:var(--sky-color);
}
@media (max-width: 991.98px) {
	.sub-wrap {
		padding:6rem 0;
	}
	.submenu ul > li > a {
		font-size:1.8rem;
		padding:1.5rem 2rem;
	}
}


/* greeting */
.greeting-wrap .sec01 {
	padding-bottom:5rem;
}
.greeting-wrap .sec01 .img {
	position:relative;
}
.greeting-wrap .sec01 .img:before {
	content:"";
	position:absolute;
	left:-150%;
	bottom:-5rem;
	width:200%;
	height:100%;
	background:var(--sky-color);
	z-index:-1;
}
.greeting-wrap .sec02 {
	margin-top:6rem;
}
.greeting-wrap .sec02 p {
	font-size:1.8rem;
	color:#444;
}
.greeting-wrap .sec02 p > strong {
	font-size:2.2rem;
	font-weight:600;
	color:var(--sky-color);
}
@media (max-width: 991.98px) {
	.greeting-wrap .sec01 {
		padding-bottom:3rem;
	}
	.greeting-wrap .sec01 .img:before {
		left:-50%;
		bottom:-3rem;
		width:100%;
	}
	.greeting-wrap .sec02 {
		margin-top:4rem;
	}
}


/* history */
.history-wrap .sec01 {
	padding:1rem 0;
	box-sizing:border-box;
}
.history-wrap .row {
	align-items:flex-start;
	justify-content:center;
	margin-bottom:10rem;
	box-sizing:border-box;
	border-top:1px solid #ddd;
}
.history-wrap .row > div[class^='col-'] {
	position:relative;
	padding:4rem 4rem;
}
.history-wrap .row > div[class^='col-']:before {
	content:"";
	position:absolute;
	left:-1rem;
	top:-1rem;
	width:2rem;
	height:2rem;
	background:url("../_img/sub/history_dot.png") no-repeat center center / cover ;
}
.history-wrap .row > div[class^='col-']:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:9rem;
	background:var(--sky-color);
}
.history-wrap .row > div[class^='col-'] h4 {
	font-size:5rem;
	font-weight:500;
	color:#222;
}
.history-wrap .row > div[class^='col-'] p {
	font-size:1.8rem;
	color:#444;
	margin-top:2rem;
}

@media (max-width: 991.98px) {
	.history-wrap .row {
		margin-bottom:0;
		border-top:0;
		border-left:1px solid #ddd;
	}
	.history-wrap .row > div[class^='col-'] {
		padding:2rem 2rem 4rem;
	}
	.history-wrap .row > div[class^='col-']:after {
		width:9rem;
		height:1px;
	}
	.history-wrap .row > div[class^='col-'] h4 {
		font-size:3rem;
		line-height:1.2;
	}
	.history-wrap .row > div[class^='col-'] p {
		margin-top:0;
	}
}


/* location */
.location-wrap .sec01 {
	min-height:65rem;
}
.location-wrap .inner {
	position:relative;
	top:10rem;
	box-sizing:border-box;
	padding-left:50%;
	background:#f6f6f6;
}
.location-wrap .inner:before {
	content:"";
	position:absolute;
	width:200%;
	height:100%;
	left:50%;
	top:0;
	background:#f6f6f6;
	z-index:-1;
}
.location-wrap .inner > ul {
	box-sizing:border-box;
	padding-left:0;
	padding:10rem 0 10rem 10rem;
	list-style:none;
}
.location-wrap .inner > ul > li {
	margin-bottom:4rem;
	font-size:1.8rem;
	color:#444;
}
.location-wrap .inner > ul > li:last-child {
	margin-bottom:0;
}
.location-wrap .inner > ul > li > p > span {
	display:block;
	color:#222;
	font-weight:500;
}
.location-wrap .map {
	position:absolute;
	width:100%;
	height:58rem;
	left:-50%;
	top:0;
	z-index:10;
}
.location-wrap .map > iframe {
	width:100%;
	height:100%;
}
@media (max-width: 1199.98px) {
	.location-wrap .inner > ul {
		padding:10rem 0 10rem 5rem;
	}
}
@media (max-width: 991.98px) {
	.location-wrap .sec01 {
		min-height:auto;
	}
	.location-wrap .inner {
		top:0;
		padding-left:0;
	}
	.location-wrap .inner:before {
		left:-50%;
	}
	.location-wrap .inner > ul {
		padding:4rem 0;
	}
	.location-wrap .inner > ul > li {
		margin-bottom:2rem;
	}
	.location-wrap .map {
		position:relative;
		height:32rem;
		left:0;
	}
}


.video-container {
  position:relative;
  height:0;
  padding-bottom:56.25%;
}

.video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}