@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body { 
	font-weight:400;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
}
label, button {
	cursor:pointer; 
}
input, textarea { 
	outline:none; 
}
input { 
	min-width: 0; 
}
button { 
	text-align: left; 
}
textarea { 
	resize:none;
}
table { 
	width:100%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}
.wrapper { 
	
}
.inner { 
	max-width: 1026px; 
	margin:0 auto;
}
@media all and (max-width:1066px){
	.inner { 
		margin:0 20px;
	}
}

/* footer ½ÃÀÛ
------------------------------------------------------ */
.fTopBox { 
	padding:68px 0 0;
	background:url(/images/fTopBg01.png) no-repeat;
	background-size:100% 100%;
}
.fTopBox .inner { 
	display:flex; 
	justify-content:space-between;
	gap:10px;
}
.fTopBox .lBox { 
	padding:5px 0 0;
}
.fTopBox .lBox .imgBox { 
	max-width: 100%;
	margin:0 0 60px;
	font-size:0; 
}
.fTopBox .lBox .imgBox img { 
	max-width: 100%; 
}
.fTopBox .lBox .lnkLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
.fTopBox .lBox .lnkLst li .lnk { 
	display:block;
	max-width: 100%;
	font-size:0;
}
.fTopBox .lBox .lnkLst li .lnk img { 
	max-width: 100%;	 
}
.fTopBox .rBox { 
	flex-shrink:0;
	max-width: 100%;
	font-size:0;
}
.fTopBox .rBox img { 
	max-width: 100%; 
}
footer { 
	padding:65px 0;
	background: #1E183C; 
}
footer .inner { 
	position:relative;
	padding:0 0 0 396px;
}
footer .logo { 
	position:absolute; 
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:0; 
}
footer .logo img { 
	max-width: 100%; 
}
footer .conBox { 
	display:flex; 
	flex-wrap:wrap; 
	gap:11px;
}
footer .conBox dl { 
	display:flex; 
	align-items:center;
	gap:9px;
	font-size:14px;
}
footer .conBox dl dt { 
	color:#939393;
}
footer .conBox dl dd { 
	position:relative;
	padding:0 12px 0 0;
	color:#FFF;
	word-break:break-all;
}
footer .conBox dl dd:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	background: #696969;
}
footer .conBox .copy { 
	width: 100%; 
	font-size:13px;
	color:#727272;
}
@media all and (max-width:999px){
	.fTopBox { 
		padding:40px 0 0;
	}
	.fTopBox .lBox { 
		padding:0;
	}
	.fTopBox .lBox .imgBox { 
		width: 314px;
		margin:0 0 40px;
	}
	.fTopBox .lBox .lnkLst li .lnk { 
		width: 200px; 
	}
	.fTopBox .rBox { 
		width: 345px; 
	}
	footer { 
		padding:40px 0;
	}
	footer .inner { 
		padding:0 0 0 230px;
	}
	footer .logo { 
		width: 169px; 
	}
	footer .conBox { 
		gap:8px; 
	}
}
@media all and (max-width:799px){
	.fTopBox { 
		padding:30px 0 0;
	}
	.fTopBox .inner { 
		flex-wrap:wrap;
		gap:30px;
	}
	.fTopBox .lBox { 
		width: 100%; 
	}
	.fTopBox .lBox .imgBox {
		width: 275px; 
		margin:0 auto 30px;
	}
	.fTopBox .lBox .lnkLst { 
		justify-content:center; 
	}
	.fTopBox .lBox .lnkLst li .lnk { 
		width: 175px; 
	}
	.fTopBox .rBox { 
		width: 302px;
		margin:0 auto;
	}
	footer { 
		padding:30px 0;
	}
	footer .inner { 
		padding:0;
	}
	footer .logo { 
		position:relative; 
		top:auto;
		left:auto;
		margin:0 0 20px;
		transform:translateY(0);
	}
}
@media all and (max-width:599px){
	.fTopBox { 
		padding:20px 0 0;
	}
	.fTopBox .lBox .imgBox { 
		width: 236px; 
		margin:0 auto 20px;
	}
	.fTopBox .lBox .lnkLst li .lnk { 
		width: 150px; 
	}
	.fTopBox .rBox { 
		width: 259px; 
	}
	footer { 
		padding:20px 0;
	}
	footer .logo { 
		width: 127px;
		margin:0 0 15px;
	}
}
/* footer ³¡
------------------------------------------------------ */
/* ¸ÞÀÎ ½ÃÀÛ
------------------------------------------------------ */
.mSec01Box { 
	padding:79px 20px 170px;
	background:url(/images/sec01Bg01.png) no-repeat center center;
	background-size:cover;
}
.mSec01Box .conBox { 
	position:relative; 
	display:flex; 
	justify-content:flex-end;
	max-width: 1026px; 
	margin:0 auto;
}
.mSec01Box .conBox .lBox { 
	position:absolute; 
	top:0;
	left:-36px;
}
.mSec01Box .conBox .lBox .imgBox { 
	max-width: 100%;
	margin:0 0 45px;
	font-size:0; 
}
.mSec01Box .conBox .lBox .imgBox img { 
	max-width: 100%; 
}
.mSec01Box .conBox .lBox .lnkLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:10px;
}
.mSec01Box .conBox .lBox .lnkLst li .lnk { 
	display:block; 
	font-size:0;
}
.mSec01Box .conBox .lBox .lnkLst li .lnk img { 
	max-width: 100%;
}
.mSec01Box .conBox .rBox { 
	max-width: 100%;
	font-size:0; 
}
.mSec01Box .conBox .rBox img { 
	max-width: 100%; 
}
.mSec02Box { 
	padding:0 20px;
	margin:0 0 70px;
}
.mSec02Box > * { 
	max-width: 100%;
	font-size:0;
	text-align: center;	 
}
.mSec02Box > * img { 
	max-width: 100%; 
}
.mSec02Box .titBox { 
	margin:0 0 60px;
}
.mSec03Box { 
	padding:76px 20px 0;
	background:url(/images/sec03Bg01.png) no-repeat;
	background-size:cover;
	text-align: center;
}
.mSec03Box > * { 
	max-width: 100%;
	font-size:0;
}
.mSec03Box > * img { 
	max-width: 100%; 
}
.mSec03Box .titBox { 
	margin:0 0 30px;
}
.mSec04Box .sec04Area { 
	padding:80px 20px;
}
.mSec04Box .sec04Area .titBox { 
	max-width: 100%;
	margin:0 auto 43px;
	font-size:0; 
	text-align: center;
}
.mSec04Box .sec04Area .titBox img { 
	max-width: 100%; 
}
.mSec04Box .sec04Area .conBox { 
	display:flex; 
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	max-width: 1028px;
	margin:0 auto;
}
.mSec04Box .sec04Area .conBox > * { 
	max-width: 100%;
	font-size:0; 
}
.mSec04Box .sec04Area .conBox > * img { 
	max-width: 100%; 
}
.mSec04Box .sec04Area:nth-child(odd) { 
	background: #F3F1FC; 
}
@media all and (max-width:1199px){
	.mSec01Box { 
		padding:60px 20px;
	}
	.mSec01Box .conBox .lBox { 
		left:0; 
	}
	.mSec01Box .conBox .lBox .imgBox { 
		width: 535px;
		margin:0 0 35px;
	}
	.mSec01Box .conBox .rBox { 
		width: 437px; 
	}
}
@media all and (max-width:999px){
	.mSec01Box { 
		padding:20px 20px 0;
	}
	.mSec01Box .conBox { 
		flex-wrap:wrap; 
		justify-content:flex-start;
		gap:20px;
	}
	.mSec01Box .conBox .lBox { 
		position:relative; 
		width: 100%;
		top:auto;
		left:auto;
	}
	.mSec01Box .conBox .lBox .imgBox { 
		width: 475px;
		margin:0 auto 30px;
	}
	.mSec01Box .conBox .lBox .lnkLst { 
		justify-content:center; 
	}
	.mSec01Box .conBox .lBox .lnkLst li .lnk { 
		width: 200px; 
	}
	.mSec01Box .conBox .rBox { 
		width: 388px;
		margin:0 auto;
	}
	.mSec02Box { 
		margin:0 0 50px;
	}
	.mSec02Box .titBox { 
		width: 488px; 
		margin:0 auto 40px;
	}
	.mSec02Box .conBox { 
		width: 832px;
		margin:0 auto;
	}
	.mSec03Box { 
		padding:50px 20px 0;
	}
	.mSec03Box .titBox { 
		width: 544px;
		margin:0 auto 20px;
	}
	.mSec03Box .conBox { 
		width: 822px; 
		margin:0 auto;
	}
	.mSec04Box .sec04Area { 
		padding:40px 20px;
	}
	.mSec04Box .sec04Area .titBox { 
		width: 328px;
		margin:0 auto 30px;
	}
	.mSec04Box .sec04Area .conBox .lBox { 
		width: 40%; 
	}
	.mSec04Box .sec04Area .conBox .rBox { 
		width: 384px; 
	}
}
@media all and (max-width:799px){
	.mSec04Box .sec04Area .titBox { 
		width: 287px; 
	}
	.mSec04Box .sec04Area .conBox { 
		flex-direction:column;
	}
	.mSec04Box .sec04Area .conBox .lBox { 
		width: 100%;
		text-align: center;
	}
}
@media all and (max-width:599px){
	.mSec01Box .conBox .lBox .imgBox { 
		width: 356px; 
		margin:0 auto 20px;
	}
	.mSec01Box .conBox .lBox .lnkLst li .lnk { 
		width: 150px; 
	}
	.mSec01Box .conBox .rBox { 
		width: 291px;
	}
	.mSec02Box { 
		margin:0 0 30px;
	}
	.mSec02Box .titBox { 
		width: 366px; 
		margin:0 auto 20px;
	}
	.mSec03Box { 
		padding:30px 20px 0;
	}
	.mSec03Box .titBox { 
		width: 408px; 
		margin:0 auto 15px;
	}
}
/* ¸ÞÀÎ ³¡
------------------------------------------------------ */