html {
	scroll-behavior: smooth;
}

/* .Header_container {
	display: none;
}

.Footer_container {
	display: none;
}

.Dropdown_container {
	display: none;
}

.Header_container {
	height: unset;
} */

@font-face {
	font-family: "Noto Sans KR";
	src: url("../fonts/NotoSansKR-Regular.woff");
}

@font-face {
	font-family: "Nanum Square EB";
	src: url("../fonts/NanumSquareEB.woff");
}

@font-face {
	font-family: "Nanum Square R";
	src: url("../fonts/NanumSquareR.woff");
}

/* @font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
} */

body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select {
	font-family: 'Noto Sans KR', sans-serif;
}


* {
	font-size: 100%;
	padding: 0;
	margin: 0;
	word-break: keep-all;
	-webkit-text-size-adjust: none;
	line-height: 24px;
}

#container {
	z-index: 1;
	/* padding-top: 110px; */
	width: 100%;
}



.container {
	width: 1400px;
	padding: 0px;
	margin: 0 auto;
}

.title-box {
	display: flex;
	justify-content: center;
	/* flex-direction: column; */
}

.title-box__text {
	font-size: 40px;
	color: #111111;
	font-weight: 700;
	/* padding-top: 100px; */
	padding-bottom: 100px;
	letter-spacing: 10px;
}

.main-box {
	display: flex;
	justify-content: space-between;
}

.main-box__img {
	padding-left: 30px;
}

#img01 {
	box-shadow: -30px 30px #d7d7d7;
	margin-bottom: 30px;
}

.main-box__text {
	display: flex;
	flex-direction: column;
}

.img02-container {
	display: flex;
	flex-direction: column;
}

.main-box__text--01 {
	font-size: 17px;
	color: #545454;
	font-weight: 400;
	line-height: 24px;
}

.main-box__text--02 {
	display: flex;
	justify-content: space-between;
	padding-top: 70px;
	padding-bottom: 70px;
	line-height: 24px;
}

.img02-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	background-image: url('../imgs/Aboutyeosu/01_img_02.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 200px;
	height: 200px;
}

.img03-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	background-image: url('../imgs/Aboutyeosu/01_img_03.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 200px;
	height: 200px;
}

.img04-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	background-image: url('../imgs/Aboutyeosu/01_img_04.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 200px;
	height: 200px;
}

.img02-box__title--sky {
	font-size: 25px;
	color: #4dbbc2;
	font-family: 'Nanum Square EB';
	font-weight: bold;
}

.img02-box__title--orange {
	font-size: 25px;
	color: #eeb62e;
	font-family: 'Nanum Square EB';
	font-weight: bold;
}

.img02-box__title--blue {
	font-size: 25px;
	color: #066094;
	font-family: 'Nanum Square EB';
	font-weight: bold;
}

.img02-box__text {
	font-size: 17px;
	color: #545454;
	text-align: center;
	font-family: 'Nanum Square R';
	padding-top: 10px;
	padding-bottom: 15px;
}

.img02-box__subtitle--sky {
	font-size: 30px;
	color: #4dbbc2;
	text-align: center;
	font-family: 'Nanum Square R';
	font-weight: bold;
	line-height: 40px;
}

.img02-box__subtitle--orange {
	font-size: 30px;
	color: #eeb62e;
	text-align: center;
	font-family: 'Nanum Square R';
	font-weight: bold;
	line-height: 40px;
}

.img02-box__subtitle--blue {
	font-size: 30px;
	color: #066094;
	text-align: center;
	font-family: 'Nanum Square R';
	font-weight: bold;
	line-height: 40px;
}

/* .img03-box2 {
	display: flex;
	background-image: url('../imgs/Aboutyeosu/01_img_03.png');
	background-position: center center;
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
}

.img04-box2 {
	display: flex;
	background-image: url('../imgs/Aboutyeosu/01_img_04.png');
	background-position: center center;
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
} */

.main-box__text--03 {
	font-size: 17px;
	color: #545454;
	font-weight: 400;
	line-height: 24px;
}

/* 오시는길 */
.title-box2 {
	display: flex;
	justify-content: center;
	/* flex-direction: column; */
}

.title-box2__text {
	font-size: 40px;
	color: #111111;
	font-weight: 700;
	/* padding-top: 200px; */
	padding-bottom: 100px;
}

.main-box2 {
	display: flex;
	flex-direction: column;
}

/* 12.2 */
.bu-list__address li {
	padding-left: 45px;
	background: url('../imgs/Aboutyeosu/01_img_05.png') no-repeat;
	background-position: left 0px;
	font-size: 17px;
	color: #545454;
	letter-spacing: -0.05em;
	line-height: 40px;
}

.bu-list__phone li {
	padding-left: 45px;
	background: url('../imgs/Aboutyeosu/01_img_06.png') no-repeat;
	background-position: left 0px;
	font-size: 17px;
	color: #545454;
	letter-spacing: -0.05em;
	line-height: 40px;
}

.bu-list__subway li {
	padding-left: 60px;
	background: url('../imgs/Aboutyeosu/01_img_07.png') no-repeat;
	background-position: left 0px;
	font-size: 17px;
	color: #545454;
	line-height: 24px;
	/* letter-spacing: -0.05em;
	line-height: 40px; */
}

.bu-list__bus li {
	padding-left: 60px;
	background: url('../imgs/Aboutyeosu/01_img_08.png') no-repeat;
	background-position: left 0px;
	font-size: 17px;
	color: #545454;
	line-height: 24px;
	/* letter-spacing: -0.05em;
	line-height: 40px; */
}

.skycolor {
	color: #2aa4ac;
}

.main-box2__address--top {
	display: flex;
}

.bu-list__width {
	width: 50%;
}

.bu-list-title {
	font-size: 25px;
	color: #4dbbc2;
	font-weight: 700;
}

.main-box2__subway {
	padding-top: 50px;
}

.main-box2__bus {
	padding-top: 50px;
	padding-bottom: 150px;
}

.bu-size {
	font-size: 22px;
}







/* notebook */
@media all and (min-width:991px) and (max-width:1400px) {
	.container {
		width: 94%;
	}

	.main-box2__address--top {
		flex-direction: column;
	}

	.bu-list__width {
		width: 100%;
	}

	.title-box__text {
		/* padding-top: 50px; */
		padding-bottom: 50px;
	}

	.main-box__img {
		display: none;
	}

	.main-box {
		justify-content: center;
	}

	.main-box__text--02 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.title-box2__text {
		/* padding-top: 120px;  */
		padding-bottom: 50px;
	}

	.main-box2__subway {
		padding-top: 20px;
	}

	.main-box2__bus {
		padding-top: 40px;
		/* padding-bottom: 70px; */
	}

	.bu-list__address {
		margin-bottom: 0px;
	}

	.title-box__text {
		font-size: 35px;
	}

	.title-box2__text {
		font-size: 35px;
	}
}

/* tablet */
@media (min-width: 641px) and (max-width: 990px) {
	.main-box {
		display: block;
	}
	
	.container {
		width: 90%;
	}

	.main-box2__address--top {
		flex-direction: column;
	}

	.bu-list__width {
		width: 100%;
	}

	.title-box__text {
		/* padding-top: 50px; */
		padding-bottom: 50px;
	}

	.main-box__img {
		display: none;
	}

	.main-box {
		justify-content: center;
	}

	.main-box__text--02 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.title-box2__text {
		/* padding-top: 120px; */
		padding-bottom: 50px;
	}

	.main-box2__subway {
		padding-top: 20px;
	}

	.main-box2__bus {
		padding-top: 40px;
		/* padding-bottom: 70px; */
	}

	.bu-list__address {
		margin-bottom: 0px;
	}

	.title-box__text {
		font-size: 35px;
	}

	.title-box2__text {
		font-size: 35px;
	}
}

/* mobile */
@media(max-width: 640px) {
	.main-box {
		display: block;
	}

	.container {
		width: 90%;
	}

	.main-box2__address--top {
		flex-direction: column;
	}

	.bu-list__width {
		width: 100%;
	}

	.title-box__text {
		/* padding-top: 50px; */
		padding-bottom: 50px;
	}

	.main-box__img {
		display: none;
	}

	.main-box {
		justify-content: center;
	}

	.main-box__text--02 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.title-box2__text {
		/* padding-top: 200px; */
		padding-bottom: 50px;
	}

	.main-box2__subway {
		padding-top: 20px;
	}

	.main-box2__bus {
		padding-top: 40px;
		/* padding-bottom: 70px; */
	}

	.bu-list__address {
		margin-bottom: 0px;
	}

	.title-box__text {
		font-size: 35px;
	}

	.title-box2__text {
		font-size: 35px;
	}

	.main-box__text--02 {
		flex-direction: column;
		align-items: center;
	}

	.img02-box {
		margin-top: 0px;
	}

	.img03-box {
		margin-top: 15px;
	}

	.img04-box {
		margin-top: 15px;
	}
	.bu-size {
		font-size: 20px;
	}
}