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

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body { 
	font-family: Noto Sans KR, sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:-.02em;
	word-break:keep-all;
}
button, a {
	cursor:pointer; 
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button { 
	background: transparent; 
	border:none;
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.02em;
	word-break:keep-all;
}
.wrapper { 
	
}
.inner { 
	max-width: 1200px; 
	margin:0 auto;
}
@media all and (max-width:1232px){
	.inner { 
		margin:0 16px;
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position:fixed; 
	width: 100%;
	padding:23px 0 22px;
	border-bottom:1px solid #E0E0E0;
	transition:all .3s ease;
	z-index:10;
}
header .inner { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:15px;
}
header .hLogo a { 
	display:block; 
	font-size: 0;
}
header .hLogo a img { 
	max-width: 100%; 
}
header .hBtnBox { 
	display:flex;
	gap:15px;
}
header .hBtnBox .btn { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	padding:13px 25px 11px;
	border-width:1px;
	border-style:solid;
	border-radius: 80px;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}
header .hBtnBox .btn:before { 
	flex-shrink:0;
	content:"";
	box-sizing:border-box;
	display:block;
	width: 26px;
	height: 26px;
	background-repeat:no-repeat;
	background-size:cover;
}
header .hBtnBox .btn.stKakao { 
	background: #FFD54F;
	border-color: #FFD54F;
	color: #3A1D1D;
}
header .hBtnBox .btn.stKakao:before { 
	background-image:url(/images/hIcoKakao01.svg); 
}
header .hBtnBox .btn.stDown { 
	background: #448AFF;
	color: #FFF;
}
header .hBtnBox .btn.stDown:before { 
	background-image:url(/images/hIcoDown01.svg); 
}
header .hBtnBox .btn.stGoo { 
	background: #FFF;
	border-color:#F0F0F0;
	color: #212121;
}
header .hBtnBox .btn.stGoo:before { 
	background-image:url(/images/hIcoGoo01.svg); 
}
header .hBtnBox .btn.stApp { 
	background: #000;
	border-color:#000;
	color: #FFF;
}
header .hBtnBox .btn.stApp:before { 
	background-image:url(/images/hIcoApp01.svg); 
}
header.onScr { 
	background: #FFF;	 
}
@media all and (max-width:999px){
	header { 
		padding:15px 0;
	}
	header .inner { 
		flex-wrap:wrap;
		justify-content:center; 
	}
	header .hLogo { 
		width: 152px;
	}
	header .hBtnBox { 
		justify-content:center; 
		width: 100%;
		gap:8px;
	}
	header .hBtnBox .btn { 
		gap:8px;
		padding:10px 20px 9px;
		font-size: 16px;
	}
	header .hBtnBox .btn:before { 
		width: 21px;
		height: 21px;
	}
}
@media all and (max-width:599px){
	header { 
		padding:10px 0;
	}
	header .inner { 
		gap:10px; 
	}
	header .hLogo { 
		width: 114px; 
	}
	header .hBtnBox .btn { 
		gap:5px;
		width: calc((100% - 8px)/3);
		padding:8px;
		font-size: 15px;
	}
	header .hBtnBox .btn:before { 
		width: 16px; 
		height: 16px;
	}
	header .hBtnBox .btn .hidTxt { 
		display:none; 
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
.fTopBox { 
	padding:62px 0 0;
	background: #F4F9FF;
}
.fTopBox .inner { 
	display:flex;
	gap:20px;
}
.fTopBox .txtBox { 
	flex-shrink:0;
	padding:64px 0 0;
}
.fTopBox .txtBox .tit { 
	margin:0 0 16px;
	font-size: 26px; 
	color: #999;
}
.fTopBox .txtBox .txt { 
	margin:0 0 39px;
	font-weight: 600;
	font-size: 40px;
	line-height: 1.25;
	color: #292929;
}
.fTopBox .txtBox .btnBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:10px;
}
.fTopBox .txtBox .btnBox .btn { 
	display:block; 
	font-size: 0;
}
.fTopBox .txtBox .btnBox .btn img { 
	max-width: 100%; 
}
.fTopBox .imgBox { 
	max-width: 100%;
	font-size: 0;
}
.fTopBox .imgBox img { 
	max-width: 100%; 
}
footer { 
	padding:87px 16px;
	background: #292929;
}
.fConBox { 
	position:relative; 
	max-width: 1026px;
	margin:0 auto;
	padding:0 0 0 402px;
	letter-spacing: 0;
}
.fConBox .fLogo { 
	position:absolute;
	max-width: 100%;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	font-size: 0;
}
.fConBox .fLogo img { 
	max-width: 100%;
}
.fConBox .fLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
.fConBox .fLst01 li { 
	position:relative; 
	padding:0 9px 0 0;
	font-size: 14px;	
	color: #FFF;
}
.fConBox .fLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	background: #696969;
}
.fConBox .fLst01 li span { 
	color: #939393; 
}
.fConBox .fLst01 li:last-child { 
	padding:0;
}
.fConBox .fLst01 li:last-child:after { 
	display:none; 
}
.fConBox .fLst01 + .fLst01 { 
	margin-top:8px;
}
.fConBox .fCopy { 
	margin:17px 0 0;
	font-size: 13px;
	color: #727272;
}
@media all and (max-width:999px){
	.fTopBox { 
		padding:40px 0 0;
	}
	.fTopBox .inner { 
		align-items:center; 
	}
	.fTopBox .txtBox { 
		padding:0;
	}
	.fTopBox .txtBox .tit { 
		margin:0 0 10px;
		font-size: 21px;
	}
	.fTopBox .txtBox .txt { 
		margin:0 0 20px;
		font-size: 32px;
	}
	.fTopBox .txtBox .btnBox { 
		gap:8px;
	}
	.fTopBox .txtBox .btnBox .btn { 
		width: 196px; 
	}
	footer { 
		padding:40px 16px;
	}
	.fConBox { 
		padding:0;
	}
	.fConBox .fLogo { 
		position:relative;
		width: 152px;
		top: auto;
		right: auto;
		margin:0 0 20px;
		transform:translateY(0);
	}
	.fConBox .fLst01 li { 
		font-size: 13px; 
	}
	.fConBox .fCopy { 
		margin:15px 0 0;
	}
}
@media all and (max-width:799px){
	.fTopBox .inner { 
		flex-wrap:wrap;
		text-align: center;
	}
	.fTopBox .txtBox,
	.fTopBox .imgBox { 
		width: 100%; 
	}
	.fTopBox .txtBox .btnBox { 
		justify-content:center; 
	}
}
@media all and (max-width:599px){
	.fTopBox { 
		padding:30px 0 0;
	}
	.fTopBox .inner { 
		gap:15px; 
	}
	.fTopBox .txtBox .tit { 
		margin:0 0 8px;
		font-size: 17px;
	}
	.fTopBox .txtBox .txt { 
		margin:0 0 15px;
		font-size: 20px;
	}
	.fTopBox .txtBox .btnBox .btn { 
		width: 147px; 
	}
	footer { 
		padding:20px 16px;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 네비 시작
------------------------------------------------------ */
.lnkNavWr { 
	position:fixed;
	width: 150px;
	top: 50%;
	right: 46px;
	padding:20px 0;
	transform:translateY(-50%);
	background: #FFF;
	border:1px solid #EEE;
	border-radius: 25px;
	box-shadow:0 0 8px 0 #EAEAEA;
	z-index:1;
}
.lnkNavWr .lnkLst li { 
	margin:0 0 18px;
}
.lnkNavWr .lnkLst li:last-child { 
	margin:0;
}
.lnkNavWr .lnkLst .lnk { 
	display:block;
	padding:0 20px;
	text-align: center;
}
.lnkNavWr .lnkLst .lnk span { 
	display:block; 
}
.lnkNavWr .lnkLst .lnk .lnkIco { 
	max-width: 100%;
	margin:0 auto 8px;
	font-size: 0; 
}
.lnkNavWr .lnkLst .lnk .lnkIco img { 
	max-width: 100%; 
}
.lnkNavWr .lnkLst .lnk .lnkTxt { 
	font-weight: 500; 
	font-size: 16px;
	color: #373737;
}
@media all and (max-width:999px){
	.lnkNavWr { 
		width: 120px;
		right: 16px;
		padding:16px 0;
		border-radius: 15px;
	}
	.lnkNavWr .lnkLst li { 
		margin:0 0 10px;
	}
	.lnkNavWr .lnkLst .lnk { 
		padding:0 16px;
	}
	.lnkNavWr .lnkLst .lnk .lnkIco { 
		width: 51px;
		margin:0 auto 5px;
	}
	.lnkNavWr .lnkLst .lnk .lnkTxt { 
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.lnkNavWr { 
		width: 50px;
		padding:10px 0;
		border-radius: 10px;
	}
	.lnkNavWr .lnkLst .lnk { 
		padding:0 10px;
	}
	.lnkNavWr .lnkLst .lnk .lnkIco { 
		width: 38px;
		margin:0 auto;
	}
	.lnkNavWr .lnkLst .lnk .lnkTxt { 
		display:none; 
	}
}
/* 네비 끝
------------------------------------------------------ */
/* 랜딩 시작
------------------------------------------------------ */
.cTit01 { 
	font-weight: 600; 
	font-size: 40px;
	line-height: 1.25;
	color: #373737;
}
.cTit01 span { 
	color: #448AFF; 
}
.sec01Wr { 
	position:relative; 
	padding:263px 0 300px;
	background:url(/images/sec01Bg01.png) no-repeat top 0 right 0;
}
.sec01Wr .inner { 
	position:relative; 
	z-index:1;
}
.sec01Wr .txt01 { 
	margin:0 0 19px;
	font-size: 25px;
	color: #373737;
}
.sec01Wr .txt01 br { 
	display:none; 
}
.sec01Wr .txt02 { 
	position:relative;
	display:inline-block; 
}
.sec01Wr .txt02:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 50.77%;
	bottom: 0;
	left: 0;
	background: #EFF3FF;
	z-index:1;
}
.sec01Wr .txt02 span { 
	position:relative; 
	font-weight: 500;
	font-size: 45px;
	color: #448AFF;
	z-index: 1;
}
.sec01Wr .txt02 span br { 
	display:none; 
}
.sec01Wr .logo { 
	margin:31px 0 37px;
	font-size: 0;
}
.sec01Wr .logo span { 
	position:relative;
	display:inline-block; 
}
.sec01Wr .logo span:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 44.59%;	
	bottom: 0;
	left: 0;
	background: #EFF3FF;
	z-index:1;
}
.sec01Wr .logo span img { 
	position:relative; 
	max-width: 100%;
	z-index:1;
}
.sec01Wr .btnBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.sec01Wr .btnBox .btn { 
	display:block; 
	font-size: 0;
}
.sec01Wr .btnBox .btn img { 
	max-width: 100%; 
}
.sec02Wr { 
	padding:80px 16px 93px;
	background: #F4F9FF;
	text-align: center;
}
.sec02Wr .imgBox { 
	max-width: 100%;
	margin:75px auto 0;
}
.sec02Wr .imgBox img { 
	max-width: 100%; 
}
.sec03Wr { 
	padding:80px 16px;
	background: #448AFF; 
	text-align: center;
}
.sec03Wr .cTit01 { 
	margin:0 0 19px;
	color: #FFF; 
}
.sec03Wr .txt { 
	margin:0 0 40px;
	font-weight: 500; 
	font-size: 24px;
	color: #FFF;
}
.sec03Wr .imgBox { 
	max-width: 100%;
	font-size: 0; 
}
.sec03Wr .imgBox img { 
	max-width: 100%; 
}
.sec04Wr { 
	padding:80px 16px 0;
	background: #F4F9FF; 
	text-align: center;
}
.sec04Wr .cTit01 { 
	margin:0 0 40px;
}
.sec04Wr .imgBox { 
	max-width: 100%;
	margin:0 auto;
	font-size: 0; 
}
.sec04Wr .imgBox img { 
	max-width: 100%; 
}
.sec05Wr { 
	padding:80px 16px 59px;
}
.sec05Wr .cTit01 { 
	margin:0 0 35px;
	text-align: center; 
}
.sec05Wr .sec05Box { 
	max-width: 757px;
	margin:0 auto;
}
.sec05Wr .conBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 74px;
}
.sec05Wr .conBox .txtBox { 
	flex-grow:1; 
}
.sec05Wr .conBox .txtBox .tit { 
	margin:0 0 24px;
	padding:60px 0 0;
	font-weight: 600; 
	font-size: 34px;
	line-height: 1.25;
	color: #448AFF;
}
.sec05Wr .conBox .txtBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 53px;
	height: 53px;
	top: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.sec05Wr .conBox .txtBox .txt { 
	font-size: 20px; 
	line-height: 1.25;
	color: #373737;
}
.sec05Wr .conBox .imgBox { 
	flex-shrink:0;
	max-width: 100%;
	font-size: 0;
}
.sec05Wr .conBox .imgBox img { 
	max-width: 100%; 
}
.sec05Wr .conBox:nth-child(odd) .txtBox .tit:before { 
	left: 0;
	background-image:url(/images/sec05Num01.svg);
}
.sec05Wr .conBox:nth-child(even) { 
	flex-direction:row-reverse; 
}
.sec05Wr .conBox:nth-child(even) .txtBox .tit,
.sec05Wr .conBox:nth-child(even) .txtBox .txt { 
	text-align: right; 
}
.sec05Wr .conBox:nth-child(even) .txtBox .tit:before { 
	right: 0;
	background-image:url(/images/sec05Num02.svg);
}
.sec05Wr .conBox:last-child { 
	margin:0;
}
.sec06Wr { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:center;
	gap:30px;
	padding:80px 16px;
	background: #3D3D3D;
	text-align: center;
}
.sec06Wr .txt { 
	font-size: 28px;
	color: #FFFF;
}
.sec06Wr .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:9px;
	padding:13px 27px;
	background: #FFF;	
	border-radius: 10px;
}
.sec06Wr .btn:after { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 15px;
	background:url(/images/sec06Arrow01.svg) no-repeat;
	background-size:cover;
}
.sec06Wr .btn span { 
	font-weight: 700; 
	font-size: 20px;
	color: #448AFF;
}
.sec06Wr .lnkBox { 
	display:flex;
	justify-content:center; 
	width: 100%;
	gap:30px;
}
.sec06Wr .lnkBox .lnk { 
	display:block; 
	font-size: 0;
}
.sec06Wr .lnkBox .lnk img { 
	max-width: 100%; 
}
.sec07Wr { 
	padding:80px 0;
}
.sec07Wr .topBox { 
	display:flex;
	align-items:center; 
	gap:20px;
	margin:0 0 27px;
	padding:70px 130px;
	background: #448AFF;
	border-radius: 50px;
}
.sec07Wr .topBox .txtBox { 
	flex-grow:1;
	color: #F7F7F7;
}
.sec07Wr .topBox .txtBox .tit { 
	margin:0 0 40px;
	font-weight: 600;
	font-size: 40px;
}
.sec07Wr .topBox .txtBox .txt { 
	font-size: 24px;
}
.sec07Wr .topBox .imgBox { 
	flex-shrink:0;
	position:relative; 
	width: 300px;
	height: 260px;
	background: #FFF;
	border-radius: 35px;
	font-size: 0;
}
.sec07Wr .topBox .imgBox img { 
	position:absolute; 
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
}
.sec07Wr .btmBox { 
	display:flex;
	align-items:center;
	gap:24px;
	padding:21px 70px;
	background: #F4F9FF;
	border-radius: 50px;
}
.sec07Wr .btmBox .txtBox { 
	flex-grow:1; 
}
.sec07Wr .btmBox .txtBox .tit { 
	margin:0 0 30px;
	font-weight: 600; 
	font-size: 30px;
	line-height: 1.25;
	color: #373737;
}
.sec07Wr .btmBox .txtBox .lnk { 
	position:relative; 
	display:inline-block; 
	padding:0 16px 0 0;
	font-size: 20px;
	line-height: 1.25;	
	color: #373737;
}
.sec07Wr .btmBox .txtBox .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #373737;
	border-right:2px solid #373737;
}
.sec07Wr .btmBox .btnBox { 
	width: 280px; 
}
.sec07Wr .btmBox .btnBox .btn {
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	width: 100%;
	margin:0 0 10px;
	padding:13px 25px 11px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}
.sec07Wr .btmBox .btnBox .btn:before { 
	flex-shrink:0;
	content:"";
	box-sizing:border-box;
	display:block;
	width: 26px;
	height: 26px;
	background-repeat:no-repeat;
	background-size:cover;
}
.sec07Wr .btmBox .btnBox .btn.stGoo { 
	background: #FFF;
	border-color:#F0F0F0;
	color: #212121;
}
.sec07Wr .btmBox .btnBox .btn.stGoo:before { 
	background-image:url(/images/hIcoGoo01.svg); 
}
.sec07Wr .btmBox .btnBox .btn.stApp { 
	background: #000;
	border-color:#000;
	color: #FFF;
}
.sec07Wr .btmBox .btnBox .btn.stApp:before { 
	background-image:url(/images/hIcoApp01.svg); 
}
.sec07Wr .btmBox .btnBox .btn:last-child { 
	margin:0;
}
.sec07Wr .btmBox .lst { 
	flex-shrink:0;
	display:flex;
	align-items:center;
	gap:24px;
	font-size: 0;
}
.sec07Wr .btmBox .lst li { 
	position:relative; 
	width: 160px; 
	height: 190px;
	background: #FFF;
	border-radius: 20px;
}
.sec07Wr .btmBox .lst li img { 
	position:absolute; 
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
}
.sec08Wr { 
	padding:80px 16px 0;
	background: #F4F9FF;
	text-align: center;
}
.sec08Wr .imgBox { 
	max-width: 100%;
	margin:80px auto 0;
	font-size: 0; 
}
.sec08Wr .imgBox img { 
	max-width: 100%; 
}
.sec09Wr { 
	padding: 80px 0; 
}
.sec09Wr .topBox { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:90px;
	margin:0 0 82px;
	line-height: 1.25;
}
.sec09Wr .topBox .imgBox { 
	flex-shrink:0;
	max-width: 100%;
	font-size: 0;
}
.sec09Wr .topBox .imgBox img { 
	max-width: 100%; 
}
.sec09Wr .topBox .eng { 
	margin:0 0 3px;
	font-weight: 500;
	font-size: 24px;
	color: #448AFF;
}
.sec09Wr .topBox .tit01 { 
	margin:0 0 40px;
	font-weight: 600;
	font-size: 40px;
	color: #1E1E1E;
}
.sec09Wr .topBox .txt01 { 
	font-size: 24px;
	color: #1E1E1E;
}
.sec09Wr .lst { 
	display:flex;
	flex-wrap:wrap; 
	gap:24px;
}
.sec09Wr .lst li { 
	width: calc((100% - 72px)/4);
	padding:48px 16px;
	background: #FFF;
	border:1px solid #EEE;
	border-radius: 36px;
	box-shadow:8px 8px 19px 0 rgba(140,140,140,.15);
	text-align: center;
}
.sec09Wr .lst span { 
	display:block; 
}
.sec09Wr .lst .lstIco { 
	max-width: 100%;
	margin:0 auto 10px;
	font-size: 0;
}
.sec09Wr .lst .lstIco img { 
	max-width: 100%; 
}
.sec09Wr .lst .lstTxt { 
	font-weight: 500; 
	font-size: 26px;
	line-height: 1.4;
	color: #373737;
}
@media all and (max-width:1399px){
	.sec01Wr { 
		padding:200px 0 140px;
		background-size:664px auto;
	}
	.sec01Wr:before { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(255,255,255,.8);
		z-index:1;
	}
}
@media all and (max-width:999px){
	.cTit01 { 
		font-size: 32px; 
	}
	.sec01Wr { 
		padding:180px 0 90px;
		background-size:475px auto;
		text-align: center; 
	}
	.sec01Wr .txt01 { 
		margin:0 0 15px;
		font-size: 20px;
	}
	.sec01Wr .txt02 span { 
		font-size: 36px; 
	}
	.sec01Wr .logo { 
		margin:20px 0;
	}
	.sec01Wr .logo span { 
		width: 222px; 
	}
	.sec01Wr .btnBox { 
		justify-content:center; 
	}
	.sec01Wr .btnBox .btn { 
		width: 165px; 
	}
	.sec02Wr { 
		padding:50px 16px;
	}
	.sec02Wr .imgBox { 
		margin:30px auto 0;
	}
	.sec03Wr { 
		padding:50px 16px;
	}
	.sec03Wr .cTit01 { 
		margin:0 0 15px;
	}
	.sec03Wr .txt { 
		margin:0 0 20px;
		font-size: 19px;
	}
	.sec03Wr .imgBox {
		width: 420px;
		margin:0 auto;
	}
	.sec04Wr { 
		padding:50px 16px 0;
	}
	.sec04Wr .cTit01 { 
		margin:0 0 20px;
	}
	.sec04Wr .imgBox { 
		width: 456px;
	}
	.sec05Wr { 
		padding:50px 16px 30px;
	}
	.sec05Wr .cTit01 { 
		margin:0 0 25px;
	}
	.sec05Wr .conBox { 
		margin:0 0 30px;
	}
	.sec05Wr .conBox .txtBox .tit { 
		margin:0 0 15px;
		padding:50px 0 0;
		font-size: 24px;
	}
	.sec05Wr .conBox .txtBox .tit:before { 
		width: 42px;
		height: 42px;
	}
	.sec05Wr .conBox .txtBox .txt { 
		font-size: 16px; 
	}
	.sec05Wr .conBox .imgBox { 
		width: 234px; 
	}
	.sec06Wr { 
		gap:20px;
		padding:50px 16px;
	}
	.sec06Wr .txt { 
		font-size: 22px; 
	}
	.sec06Wr .btn { 
		padding:10px 20px;
	}
	.sec06Wr .btn:after { 
		width: 16px;
		height: 12px;
	}
	.sec06Wr .btn span { 
		font-size: 16px; 
	}
	.sec06Wr .lnkBox { 
		gap:10px;
	}
	.sec06Wr .lnkBox .lnk { 
		width: 194px; 
	}
	.sec07Wr { 
		padding:50px 0;
	}
	.sec07Wr .topBox { 
		margin:0 0 20px;
		padding:30px;
		border-radius: 20px;
	}
	.sec07Wr .topBox .txtBox .tit { 
		margin:0 0 20px;
		font-size: 32px;
	}
	.sec07Wr .topBox .txtBox .txt { 
		font-size: 19px;
	}
	.sec07Wr .topBox .imgBox { 
		width: 240px;
		height: 208px;
		border-radius: 20px;
	}
	.sec07Wr .topBox .imgBox img { 
		width: 160px;
	}
	.sec07Wr .btmBox { 
		flex-wrap:wrap; 
		gap:20px;
		padding:20px;
		border-radius: 20px;
		text-align: center;
	}
	.sec07Wr .btmBox .txtBox,
	.sec07Wr .btmBox .lst { 
		width: 100%; 
	}
	.sec07Wr .btmBox .txtBox .tit { 
		margin:0 0 16px;
		font-size: 24px; 
	}
	.sec07Wr .btmBox .txtBox .lnk { 
		padding:0 14px 0 0;
		font-size: 16px;
	}
	.sec07Wr .btmBox .txtBox .lnk:after { 
		width: 10px; 
		height: 10px;
		margin:-4px 0 0;
	}
	.sec07Wr .btmBox .btnBox { 
		display:flex;
		justify-content:center;
		gap:8px;
		width: 100%; 
	}
	.sec07Wr .btmBox .btnBox .btn { 
		gap:8px;
		width: auto;
		margin:0;
		padding:10px 10px 9px;
		font-size: 16px;
	}
	.sec07Wr .btmBox .btnBox .btn:before { 
		width: 21px;
		height: 21px;
	}
	.sec07Wr .btmBox .lst { 
		flex-wrap:wrap; 
		gap:16px;
	}
	.sec07Wr .btmBox .lst li { 
		width: calc((100% - 48px)/3);
		height: 0;	
		padding:23.7% 0 0;
	}
	.sec07Wr .btmBox .lst li img { 
		width: 68%; 
	}
	.sec08Wr { 
		padding:50px 16px 0;
	}
	.sec08Wr .imgBox { 
		width: 760px;
		margin:50px auto 0;
	}
	.sec09Wr { 
		padding: 50px 0; 
	}
	.sec09Wr .topBox { 
		gap:24px;
		margin:0 0 50px;
	}
	.sec09Wr .topBox .imgBox { 
		width: 336px;
	}
	.sec09Wr .topBox .eng {
		font-size: 19px;
	}
	.sec09Wr .topBox .tit01 { 
		margin:0 0 20px;
		font-size: 32px;
	}
	.sec09Wr .topBox .txt01 { 
		font-size: 19px;
	}
	.sec09Wr .lst { 
		gap:16px; 
	}
	.sec09Wr .lst li { 
		width: calc((100% - 48px)/4);
		padding:30px 16px;
	}
	.sec09Wr .lst .lstIco { 
		width: 45px; 
		margin:0 auto 8px;
	}
	.sec09Wr .lst .lstTxt { 
		font-size: 21px; 
	}
}
@media all and (max-width:799px){
	.sec09Wr .topBox { 
		flex-wrap:wrap; 
		gap:30px;
		text-align: center;
	}
	.sec09Wr .topBox .imgBox { 
		width: 100%;
	}
	.sec09Wr .lst li { 
		width: calc((100% - 16px)/2);
	}
}
@media all and (max-width:599px){
	.cTit01 { 
		font-size: 20px; 
	}
	.sec01Wr { 
		padding:120px 0 50px;
		background: none;
	}
	.sec01Wr:before { 
		display:none; 
	}
	.sec01Wr .txt01 { 
		margin:0 0 8px;
		font-size: 18px;
	}
	.sec01Wr .txt01 br { 
		display:block; 
	}
	.sec01Wr .txt02:before { 
		height: 30%; 
	}
	.sec01Wr .txt02 span { 
		font-size: 27px; 
	}
	.sec01Wr .txt02 span br { 
		display:block; 
	}
	.sec01Wr .logo span { 
		width: 167px; 
	}
	.sec01Wr .btnBox { 
		gap:8px; 
	}
	.sec01Wr .btnBox .btn { 
		width: 124px; 
	}
	.sec02Wr { 
		padding:30px 16px;
	}
	.sec02Wr .imgBox { 
		margin:20px auto 0;
	}
	.sec03Wr { 
		padding:30px 16px;
	}
	.sec03Wr .cTit01 { 
		margin:0 0 10px;
	}
	.sec03Wr .txt { 
		margin:0 0 15px;
		font-size: 17px;
	}
	.sec03Wr .imgBox {
		width: 315px;
	}
	.sec04Wr { 
		padding:30px 16px 0;
	}
	.sec04Wr .cTit01 { 
		margin:0 0 15px;
	}
	.sec04Wr .imgBox { 
		width: 342px;
	}
	.sec05Wr { 
		padding:30px 16px 20px;
	}
	.sec05Wr .cTit01 { 
		margin:0 0 15px;
	}
	.sec05Wr .conBox { 
		margin:0 0 30px;
	}
	.sec05Wr .conBox { 
		flex-wrap:wrap;
		flex-direction:column-reverse;
		gap:10px;
		text-align: center;
	}
	.sec05Wr .conBox .txtBox { 
		width: 100%; 
	}
	.sec05Wr .conBox .txtBox .tit { 
		margin:0 0 5px;
		padding:40px 0 0;
		font-size: 20px;
	}
	.sec05Wr .conBox .txtBox .tit:before { 
		width: 32px;
		height: 32px;
	}
	.sec05Wr .conBox .txtBox .txt { 
		font-size: 15px; 
	}
	.sec05Wr .conBox .imgBox { 
		width: 176px;
		margin:0 auto;
	}
	.sec05Wr .conBox:nth-child(odd) .txtBox .tit:before { 
		left:50%;
		margin:0 0 0 -16px;
	}
	.sec05Wr .conBox:nth-child(even) {
		flex-direction:column-reverse;		 
	}
	.sec05Wr .conBox:nth-child(even) .txtBox .tit, 
	.sec05Wr .conBox:nth-child(even) .txtBox .txt { 
		text-align: center; 
	}
	.sec05Wr .conBox:nth-child(even) .txtBox .tit:before { 
		right: auto; 
		left: 50%;
		margin:0 0 0 -16px;
	}
	.sec06Wr { 
		gap:10px;
		padding:30px 16px;
	}
	.sec06Wr .txt { 
		font-size: 20px; 
	}
	.sec06Wr .btn { 
		gap:7px;
		padding:8px 16px;
	}
	.sec06Wr .btn:after { 
		width: 14px;
		height: 10px;
	}
	.sec06Wr .btn span { 
		font-size: 15px; 
	}	
	.sec06Wr .lnkBox { 
		gap:8px;
	}
	.sec06Wr .lnkBox .lnk { 
		width: calc((100% - 8px)/2);
	}
	.sec07Wr { 
		padding:30px 0;
	}
	.sec07Wr .topBox { 
		flex-wrap:wrap;
		gap:30px;
		margin:0 0 15px;
		padding:20px;
	}
	.sec07Wr .topBox .txtBox { 
		width: 100%; 
		text-align: center;
	}
	.sec07Wr .topBox .txtBox .tit { 
		margin:0 0 10px;
		font-size: 20px; 
	}
	.sec07Wr .topBox .txtBox .txt { 
		font-size: 15px;	 
	}
	.sec07Wr .topBox .imgBox { 
		width: 100%; 
		height: 0;
		padding:56.25% 0 0;
	}
	.sec07Wr .topBox .imgBox img { 
		width: 120px; 
	}
	.sec07Wr .btmBox .txtBox .tit { 
		margin:0 0 10px;
		font-size: 20px;
	}
	.sec07Wr .btmBox .txtBox .lnk { 
		padding:0 12px 0 0;
		font-size: 15px; 
	}
	.sec07Wr .btmBox .txtBox .lnk:after { 
		width: 8px;
		height: 8px;
		margin:-3px 0 0;
	}
	.sec07Wr .btmBox .btnBox .btn { 
		width: calc((100% - 8px)/2);
		font-size: 15px;
	}
	.sec07Wr .btmBox .btnBox .btn:before { 
		width: 16px;
		height: 16px;
	}
	.sec07Wr .btmBox .btnBox .hidTxt { 
		display:none;
	}
	.sec07Wr .btmBox .lst li { 
		width: calc((100% - 16px)/2);
		padding:48.5% 0 0;
	}
	.sec08Wr { 
		padding:30px 16px 0;
	}
	.sec08Wr .imgBox { 
		width: 570px;
		margin:30px auto 0;
	}
	.sec09Wr { 
		padding: 30px 0; 
	}
	.sec09Wr .topBox { 
		margin:0 0 30px;
	}
	.sec09Wr .topBox .eng { 
		margin:0 0 2px;
		font-size: 17px;
	}
	.sec09Wr .topBox .tit01 { 
		margin:0 0 15px;
		font-size: 20px;
	}
	.sec09Wr .topBox .txt01 { 
		font-size: 15px;
	}
	.sec09Wr .lst li { 
		padding:16px;
	}
	.sec09Wr .lst .lstIco { 
		width: 34px;
		margin:0 auto 5px;
	}
	.sec09Wr .lst .lstTxt { 
		font-size: 17px; 
	}
}
/* 랜딩 끝
------------------------------------------------------ */