/*
	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 {
	box-sizing:border-box;
	padding:8rem 0 16rem;
}
#sub_wrap h2.title {
	font-size:3.6rem;
	font-weight:600;
	color:#000;
	text-align:center;
	margin-bottom:8rem;
}
@media (max-width: 991.98px) {
	#sub_wrap {
		padding:4rem 0 8rem;
	}
	#sub_wrap h2.title {
		font-size:2.2rem;
		margin-bottom:4rem;
	}
}
.sub-wrap section {
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	letter-spacing:-0.1rem;
}


/* 인사말 */
.ceo-wrap .sec01 .top p{
	font-size:2.2rem;
	color:#333;
}
.ceo-wrap .sec01 .top p.slogan {
	display:inline-block;
	font-size:3.2rem;
	font-weight:600;
	position:relative;
	line-height:1;
	margin-bottom:1.5rem;
}
.ceo-wrap .sec01 .top p.slogan:after {
	content:"";
	position:absolute;
	right:-16px;
	bottom:4px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#ff2310;
}
.ceo-wrap .sec01 .img {
	position:relative;
	margin-top:4rem;
}
.ceo-wrap .sec01 .img > .txt {
	position:absolute;
	right:8rem;
	top:-5rem;
	z-index:1;
	box-sizing:border-box;
	padding:3rem;
	color:#fff;
	width:28rem;
	background:#ff2310;
	font-size:2.2rem;
	font-weight:600;
}
.ceo-wrap .sec01 .img > .txt > .chn4 {
	font-size:1.5rem;
	font-weight:500;
	opacity:0.7;
	margin-bottom:4rem;
	letter-spacing:0;
}
.ceo-wrap .sec02 {
	margin-top:4rem;
}
.ceo-wrap .sec02 p {
	font-size:1.8rem;
	line-height:1.8;
	color:#666;
	margin-bottom:2rem;
}
.ceo-wrap .sec02 p.opening {
	font-size:2.2rem;
	color:#000;
}
.ceo-wrap .sec02 p.sign {
	font-size:2rem;
	color:#000;
	margin-top:4rem;
}
.ceo-wrap .sec02 p.sign > b {
	font-size:2.8rem;
	margin-left:1rem;
}
@media (max-width: 1199.98px) {
	.ceo-wrap .sec01 .img > .txt {
		right:0rem;
		top:auto;
		bottom:0;
	}
}
@media (max-width: 991.98px) {
	.ceo-wrap .sec01 .top p{
		font-size:1.8rem;
	}
	.ceo-wrap .sec01 .top p.slogan {
		font-size:2.4rem;
		margin-bottom:0.5rem;
	}
	.ceo-wrap .sec01 .top p.slogan:after {
		right:-12px;
		bottom:4px;
		width:5px;
		height:5px;
	}
	.ceo-wrap .sec01 .img {
		margin-top:2rem;
	}
	.ceo-wrap .sec01 .img > .txt {
		padding:1.5rem;
		font-size:1.6rem;
		width:auto;
	}
	.ceo-wrap .sec01 .img > .txt > .chn4 {
		font-size:1.3rem;
		margin-bottom:0rem;
	}
	.ceo-wrap .sec02 {
		margin-top:2rem;
	}
	.ceo-wrap .sec02 p {
		font-size:1.6rem;
		margin-bottom:1rem;
	}
	.ceo-wrap .sec02 p.opening {
		font-size:2rem;
	}
	.ceo-wrap .sec02 p.sign {
		font-size:1.8rem;
		margin-top:2rem;
	}
	.ceo-wrap .sec02 p.sign > b {
		font-size:2.4rem;
	}
}


/* 연혁 */
.history-wrap .sec01 .img {
	position:relative;
}
.history-wrap .sec01 .img > .txt {
	font-size:2.6rem;
	font-weight:300;
	color:#fff;
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
}
.history-wrap .sec01 .img > .txt > .symbol {
	margin-bottom:4rem;
}
.history-wrap .sec02 ul {
	list-style:none;
	padding-left:0;
}
.history-wrap .sec02 .history-list {
	margin-top:8rem;
}
.history-wrap .sec02 .history-list > li > .inner {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.history-wrap .sec02 .history-list > li > .inner .tit {
	max-width:30rem;
	flex:0 0 30rem;
	position:relative;
}
.history-wrap .sec02 .history-list > li > .inner .tit:before {
	content:"";
	position:absolute;
	right:-1.1rem;
	top:0;
	z-index:5;
	width:2.2rem;
	height:2.2rem;
	border-radius:50%;
	background:#fff;
	border:0.8rem solid #ff2310;
}
.history-wrap .sec02 .history-list > li > .inner .tit > strong {
	font-size:3rem;
	font-weight:600;
	color:#ff2310;
}
.history-wrap .sec02 .history-list > li > .inner .tit > p {
	font-size:2rem;
	font-weight:500;
	color:#000;
}
.history-wrap .sec02 .history-list > li > .inner .txt {
	--wid:calc(100% - 30rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-left:13rem;
	position:relative;
}
.history-wrap .sec02 .history-list > li > .inner .txt:before,
.history-wrap .sec02 .history-list > li > .inner .txt:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
}
.history-wrap .sec02 .history-list > li > .inner .txt:before {
	width:2px;
	height:100%;
	background:#eee;
}
.history-wrap .sec02 .history-list > li > .inner .txt:after {
	width:2px;
	background:#ff2310;
	z-index:1;
	height:0;
	transition:all 0.3s; 
	-webkit-transition:all 0.3s; 
	-moz-transition:all 0.3s;
}
.history-wrap .sec02 .history-list > li.aos-animate > .inner .txt:after{ 
	height:100%;
}
.history-wrap .sec02 .history-list > li > .inner .txt > ul {
	margin-bottom:6rem;
	padding-bottom:6rem;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}
.history-wrap .sec02 .history-list > li:last-child > .inner .txt > ul {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
.history-wrap .sec02 .history-list > li > .inner .txt > ul > li{
	font-size:1.8rem;
	color:#333;
	margin:1.5rem 0;
	box-sizing:border-box;
	padding-left:1.2rem;
	position:relative;
}
.history-wrap .sec02 .history-list > li > .inner .txt > ul > li:first-child {
	margin-top:0;
}
.history-wrap .sec02 .history-list > li > .inner .txt > ul > li:before {
	content:"·";
	position:absolute;
	left:0;
	top:0;
}
@media (max-width: 1199.98px) {
	.history-wrap .sec02 .history-list > li > .inner .tit {
		max-width:24rem;
		flex:0 0 24rem;
	}
	.history-wrap .sec02 .history-list > li > .inner .txt {
		--wid:calc(100% - 24rem);
		padding-left:8rem;
	}
}
@media (max-width: 991.98px) {
	.history-wrap .sec01 .img > .txt {
		font-size:1.4rem;
	}
	.history-wrap .sec01 .img > .txt > .symbol {
		margin-bottom:1rem;
	}
	.history-wrap .sec01 .img > .txt > .symbol > img {
		width:5rem;
	}
	.history-wrap .sec02 .history-list {
		margin-top:3rem;
	}
	.history-wrap .sec02 .history-list > li > .inner .tit {
		max-width:12rem;
		flex:0 0 12rem;
	}
	.history-wrap .sec02 .history-list > li > .inner .tit:before {
		right:-0.9rem;
		width:1.8rem;
		height:1.8rem;
		border:0.7rem solid #ff2310;
	}
	.history-wrap .sec02 .history-list > li > .inner .tit > strong {
		font-size:2rem;
	}
	.history-wrap .sec02 .history-list > li > .inner .tit > p {
		font-size:1.6rem;
	}
	.history-wrap .sec02 .history-list > li > .inner .txt {
		--wid:calc(100% - 12rem);
		padding-left:3rem;
	}
	.history-wrap .sec02 .history-list > li > .inner .txt > ul {
		margin-bottom:3rem;
		padding-bottom:3rem;
	}
	.history-wrap .sec02 .history-list > li > .inner .txt > ul > li{
		font-size:1.6rem;
		margin:1.2rem 0;
		padding-left:1rem;
	}
}



/* 오시는길 */
.location-wrap .inner {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	margin-bottom:6rem;
	padding-bottom:6rem;
	border-bottom:1px solid #ddd;
}
.location-wrap .inner:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
.location-wrap .inner > .img {
	max-width:55%;
	flex:0 0 55%;
}
.location-wrap .inner > .txt {
	--wid:calc(100% - 55%);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	padding-left:5rem;
}
.location-wrap .inner > .txt > .tit {
	font-size:3rem;
	font-weight:600;
	color:#000;
	margin-bottom:3rem;
}
.location-wrap .inner > .txt > .info {
	font-size:1.8rem;
	color:#333;
	margin-bottom:4rem;
}
.location-wrap .inner > .txt > .info > div {
	display:inline-block;
}
.location-wrap .inner > .txt > .info > div > i {
	font-size:2rem;
	color:#000;
	margin-right:0.5rem;
	display:inline-block;
}
.location-wrap .inner > .txt > .info > div.adr {
	margin-bottom:1.5rem;
	display:block;
}
.location-wrap .inner > .txt > .info > div.fax {
	margin-left:2rem;
}
@media (max-width: 1199.98px) {
	.location-wrap .inner > .img {
		max-width:50%;
		flex:0 0 50%;
	}
	.location-wrap .inner > .txt {
		--wid:calc(100% - 50%);
		padding-left:4rem;
	}
}
@media (max-width: 991.98px) {
	.location-wrap .inner {
		display:block;
		margin-bottom:3rem;
		padding-bottom:3rem;
	}
	.location-wrap .inner > .img {
		max-width:100%;
		flex:0 0 100%;
	}
	.location-wrap .inner > .txt {
		--wid:100%;
		padding-left:0;
		margin-top:2rem;
	}
	.location-wrap .inner > .txt > .tit {
		font-size:2rem;
		margin-bottom:1rem;
	}
	.location-wrap .inner > .txt > .info {
		font-size:1.6rem;
		margin-bottom:2rem;
	}
	.location-wrap .inner > .txt > .info > div > i {
		font-size:1.8rem;
	}
	.location-wrap .inner > .txt > .info > div.adr {
		margin-bottom:1rem;
	}
}