@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Engagement&display=swap');

/* ABOUT */
#about {
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

/* 회사소개 */
#about .intro {
	position:relative;
	margin-top:30px;
	background-color:#dcddde;
	display:flex;
}
#about .intro_visual {
	width:50%;
	min-height:600px;
	background-image:url('./img/intro_visual.jpg');
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}
#about .intro_con {
	width:50%;
	margin:0 auto;
	padding:0;
}
#about .intro_con article {
	width:580px;
	margin:0;
	padding:50px 20px 50px 50px;
	text-align:justify;
}
#about .intro_con article h1 {
	font-family:'Roboto', Sans-serif;
	font-size:2.36rem;
	color:#212121;
	font-weight:500;
	margin:0;
	padding:0 0 30px 0;
	display:block;
}
#about .intro_con article i {
	width:60px;
	height:2px;
	background-color:#212121;
	display:block;
}
#about .intro_con ul {
	width:100%;
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
}
#about .intro_con li {
	font-size:0.96rem;
	color:#616161;
	font-weight:400;
	line-height:1.75rem;
	margin:0;
	padding:10px 0;
}

/* 비주얼 */
#about .visual {
	position:relative;
	background-color:#dcddde;
	display:flex;
}
#about .visual span {
	height:600px;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}
#about .visual span:nth-child(1) {
	width:50%;
	background-image:url('./img/visual01.jpg');
}
#about .visual span:nth-child(2) {
	width:50%;
	background-image:url('./img/visual02.jpg');
}

/* 미션 */
#about .mission {
	padding:50px 0;
	background-color:#424242;
}
#about .slogan {
	width:100%;
	font-family:'Engagement', cursive;
	font-size:8rem;
	color:#fbc02d;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#about .mission_con {
	width:1160px;
	margin:0 auto;
	padding:0 20px;
	display:flex;
}
#about .mission_con article {
	width:30%;
	height:380px;
	margin:30px;
	padding:30px;
	background-color:#f2f2f2;
	background-size:auto 100px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:0;
	border-radius:10px;
	box-shadow:0px 5px 10px 0px rgba(0,0,0,0.35);
	text-align:center;
	display:flex;
	flex-direction:column;
}
#about .mission_con article:nth-child(1) { background-image:url('./img/enyone.svg'); }
#about .mission_con article:nth-child(2) { background-image:url('./img/coffee.svg'); }
#about .mission_con article:nth-child(3) { background-image:url('./img/support.svg'); }
#about .mission_con article h1 {
	font-size:1.83rem;
	color:#212121;
	font-weight:700;
	letter-spacing:-0.05rem;
	margin-bottom:auto;
	padding:0;
	text-align:center;
}
#about .mission_con article p {
	font-size:0.96rem;
	color:#616161;
	font-weight:400;
	margin-top:auto;
	padding:0;
	text-align:center;
}

/* 지도API */
#about .contact {
	padding:50px 0 80px 0;
}
#about .contact_con {
	width:1160px;
	margin:0 auto;
	padding:0 20px;
}
#about .contact_con h1 {
	font-size:1.86rem;
	color:#212121;
	font-weight:700;
	margin:0;
	padding:0 0 30px 0;
	text-align:center;
}
#mapAPI {
	width:100%;
	height:500px;
	display:block;
}

/* 기본정보 */
#about .basic_info {
	padding:50px 0;
	background-color:#fbc02d;
}
#about .info_inner {
	width:1160px;
	margin:0 auto;
	padding:0 20px;
	display:flex;
}
#about .info_inner article { width:50%; }
#about .info_inner article:first-child { padding-right:30px; }
#about .info_inner article:last-child { padding-left:30px; }
#about .basic_info h1 {
	font-size:1.36rem;
	color:#212121;
	font-weight:700;
	margin:0;
	padding:0 0 15px 0;
	text-align:left;
}
#about .basic_info dl {
	width:100%;
	display:flex;
}
#about .basic_info dt {
	width:25%;
	font-size:0.96rem;
	color:#313131;
	font-weight:normal;
	margin-right:15px;
	padding:10px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	text-align:left;
}
#about .basic_info dd {
	width:75%;
	font-size:0.96rem;
	color:#313131;
	letter-spacing:-0.06rem;
	padding:10px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	text-align:left;
}
#about .basic_info dd em {
	font-size:0.83rem;
	color:#616161;
	font-style:normal;
	margin-left:5px;
}
#about .basic_info dd p { padding-bottom:10px; }
#about .basic_info dl:first-child dt,
#about .basic_info dl:first-child dd { border-top:2px solid #212121; }
#about .basic_info dl:last-child dt,
#about .basic_info dl:last-child dd { border-bottom:0; }