@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:-.3px;
	word-break:keep-all;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
label, button, a {
	cursor:pointer; 
}
input, textarea { 
	display:block; 
	min-width: 0; 
	outline:none; 
}
button { 
	text-align: left; 
}
textarea { 
	resize:none;
}
table { 
	width:100%;
	table-layout:fixed; 
	border-spacing:0;
	border-collapse:collapse;
}
.inner { 
	max-width: 1200px; 
	margin:0 auto;
}
.comPopBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index:10;
}
.comNotifyBox { 
	margin:76px 0 0;
	padding:45px 0 0;
	border-top:1px solid #E0E0E0;
}
.comNotifyBox .tit { 
	position:relative;
	margin:0 0 17px;
	padding:0 0 0 22px;
	font-weight: 500;
	font-size: 18px;
	color: #424242;
}
.comNotifyBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 3px;
	left: 0;
	background:url(/Form/_guest/lang_en/images/comNotify01.svg) no-repeat;
	background-size:cover;
}
.comNotifyBox .lst li { 
	position:relative;
	margin:0 0 7px;
	padding:0 0 0 5px;
	font-size: 16px;
	color: #9E9E9E;
}
.comNotifyBox .lst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 10px;
	left: 0;
	background: #9E9E9E;
	border-radius: 50%;
}
.comNotifyBox .lst li:last-child { 
	margin:0;
}
.gap { 
	height: 40px; 
}
@media all and (max-width:1232px){
	.inner { 
		margin:0 16px;
	}
}
@media all and (max-width:999px){	
	.comNotifyBox { 
		margin:50px 0 0;
		padding:30px 0 0;
	}
	.comNotifyBox .tit {
		margin:0 0 10px;
		padding:0 0 0 15px;
		font-size: 15px;
	}
	.comNotifyBox .tit:before { 
		width: 14px;
		height: 14px;
		top: 4px;
	}
	.comNotifyBox .lst li { 
		margin:0 0 5px;
		font-size: 14px;
	}
	.comNotifyBox .lst li:before { 
		top: 8px;
	}
	.gap { 
		height: 20px; 
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position:fixed; 
	width: 100%;
	height: 64px;
	top:0;
	left:0;
	z-index: 10;
	transition:background .3s ease;
}
header .inner { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:10px;
	height: 100%;
}
header .hLogo a { 
	display:block; 
	font-size: 0;
}
header .hLogo a img { 
	max-width: 100%; 
}
header .hLangBox .hLangSel { 
	position:relative; 
	display:flex;
	align-items:center;
	gap:2px;
	padding:0 19px 0 0;
}
header .hLangBox .hLangSel:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 0;
	top:50%;
	right:0;
	margin:-3px 0 0;
	border-top:6px solid #666;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	transition:all .3s ease;
}
header .hLangBox .hLangSel span { 
	display:block; 
}
header .hLangBox .hLangSel .selImg { 
	font-size: 0; 
}
header .hLangBox .hLangSel .selImg img { 
	max-width: 100%; 
}
header .hLangBox .hLangSel .selTxt { 
	font-size: 15px; 
	color: #424242;
}
header .hLangBox .hLangSel.on:after { 
	transform:rotate(180deg); 
}
header .hLangBox .hLangHidBox { 
	position:absolute; 
	display:none;
	width: 308px;
	top:100%;
	right:0;
	padding:30px;
	background: #FFF;
	border-radius: 8px;
}
header .hLangBox .hLangHidBox .lst li { 
	border-bottom:1px solid #E0E0E0;
}
header .hLangBox .hLangHidBox .lst li:last-child { 
	border-bottom:none;
}
header .hLangBox .hLangHidBox .lst .hLangBtn { 
	display:block; 
	width: 100%;
	padding:8px 8px 6px;
	font-size: 15px;
	text-align: center;
	color: #424242;
}
header .hLangBox .hLangHidBox .hidTit01 { 
	margin:0 0 10px;
	font-weight: 500;
	font-size: 16px;
	color: #424242;
}
header .hLangBox .hLangHidBox * + .hidTit01 { 
	margin-top:25px;
}
header .hLangBox .hLangHidBox .hidTit02 { 
	margin:0 0 6px;
	font-weight: 500;
	font-size: 15px;
	color: #999;
}
header .hLangBox .hLangHidBox .urlLst + .hidTit02 { 
	margin-top:10px;
}
header .hLangBox .hLangHidBox .nationLst { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
header .hLangBox .hLangHidBox .nationLst .selNation { 
	display:block; 
	font-size: 0;
}
header .hLangBox .hLangHidBox .nationLst .selNation img { 
	max-width: 100%; 
}
header .hLangBox .hLangHidBox .urlLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:6px;
}
header .hLangBox .hLangHidBox .urlLst .selUrl { 
	display:block; 
	padding:5px 12px 6px;
	background: #F6F6F9;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #424242;
}
header .hLangBox .hLangHidBox .urlLst .selUrl.on { 
	background: #E2EBFC; 
}
header.onScr { 
	background: #FFF;
	border-bottom:1px solid #E0E0E0;
}
@media all and (max-width:999px){
	header { 
		height: 50px; 
	}
	header .hLogo { 
		width: 118px; 
	}
	header .hLangBox .hLangSel .selImg { 
		width: 14px; 
	}
	header .hLangBox .hLangSel .selTxt { 
		font-size: 13px;
	}
	header .hLangBox .hLangHidBox {
		max-width: 100%;
		padding:16px;
		border:1px solid #E0E0E0;
	}
	header .hLangBox .hLangHidBox .lst .hLangBtn { 
		font-size: 13px; 
	}
	header .hLangBox .hLangHidBox .hidTit01 { 
		margin:0 0 8px;
		font-size: 15px;
	}
	header .hLangBox .hLangHidBox * + .hidTit01 { 
		margin-top:16px;
	}
	header .hLangBox .hLangHidBox .hidTit02 { 
		margin:0 0 4px;
		font-size: 13px;
	}
	header .hLangBox .hLangHidBox .urlLst + .hidTit02 { 
		margin-top:8px
	}
	header .hLangBox .hLangHidBox .nationLst { 
		gap:6px; 
	}
	header .hLangBox .hLangHidBox .nationLst .selNation { 
		width: 20px; 
	}
	header .hLangBox .hLangHidBox .urlLst .selUrl { 
		padding:5px 10px 6px;
		font-size: 14px;
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
.fTopBox { 
	margin:80px 0 0;
	padding:72px 0 94px;
	background:url(/Form/_guest/lang_en/images/fTopBg01.png) no-repeat;
	background-size:cover;
}
.fTopBox .inner { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:16px;
}
.fTopBox .txt { 
	margin:0 0 55px;
	font-size: 46px;
	line-height: 1.5;
	color: #FFF;
}
.fTopBox .txt span { 
	font-weight: 500; 
}
.fTopBox .btnBox { 
	display:flex;
	gap:16px;
}
.fTopBox .btnBox .fTopBtn { 
	display:block; 
	font-size: 0;
}
.fTopBox .btnBox .fTopBtn img { 
	max-width: 100%; 
}
.fTopBox .rBox { 
	text-align: center; 
}
.fTopBox .qrImgBox { 
	max-width: 100%;
	margin:0 auto 15px;
	font-size: 0;
}
.fTopBox .qrImgBox img { 
	max-width: 100%; 
}
.fTopBox .qrTxt { 
	font-size: 16px; 
	color: #FFF;
}
footer { 
	padding:54px 0 60px;
	background: #FFF; 
}
footer .inner { 
	display:flex;
	flex-wrap:wrap;
	align-items:center; 
	justify-content:space-between; 
}
footer .termLnk { 
	display:block;
	margin:0 0 30px;
	font-size: 20px;
	color: #424242;
	text-decoration:underline;
	transition:all .3s ease;
}
footer .termLnk:focus,
footer .termLnk:hover { 
	color: #4880ED; 
}
footer .fAddr { 
	margin:0 0 7px;
	font-size: 16px;
	color: #666;
}
footer .fCopy { 
	font-size: 16px; 
	color: #9E9E9E;
}
footer .fInfoLst { 
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}
footer .fInfoLst li { 
	position:relative;
	padding:0 17px 0 0;
	font-size: 16px;
	color: #424242;
}
footer .fInfoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top:50%;
	right:0;
	margin:-6px 0 0;
	background: #9E9E9E;
}
footer .fInfoLst li span { 
	margin:0 11px 0 0;
	color: #666; 
}
footer .fInfoLst li:last-child { 
	padding:0;
}
footer .fInfoLst li:last-child:after { 
	display:none; 
}
footer .fBtmBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	width: 100%; 
	margin:47px 0 0;
}
footer .fBtmBox .fLogo { 
	font-size: 0; 
}
footer .fBtmBox .fLogo img { 
	max-width: 100%; 
}
footer .fBtmBox .contactLnk { 
	display:block;
	padding:12px 24px 13px;
	background: #4880ED;
	border:1px solid #4880ED;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
footer .fBtmBox .contactLnk:focus,
footer .fBtmBox .contactLnk:hover { 
	background: #FFF;
	color: #4880ED;
}
@media all and (max-width:999px){
	.fTopBox { 
		margin:50px 0 0;
		padding:40px 0 50px;
	}
	.fTopBox .inner { 
		gap:10px;
	}
	.fTopBox .txt { 
		margin:0 0 30px;
		font-size: 28px;
		line-height: 1.4;
	}
	.fTopBox .btnBox { 
		gap:10px;
	}
	.fTopBox .btnBox .fTopBtn { 
		width: 218px;
		max-width: calc(100% - 10px);
	}
	.fTopBox .qrImgBox { 
		width: 134px;
		margin:0 auto 10px;
	}
	.fTopBox .qrTxt { 
		font-size: 14px;
	}	
	footer { 
		padding:30px 0;
	}
	footer .termLnk { 
		margin:0 0 20px;
		font-size: 16px;
	}
	footer .fAddr { 
		margin:0 0 5px;
		font-size: 14px;
	}
	footer .fCopy { 
		font-size: 14px; 
	}
	footer .fInfoLst { 
		gap:8px; 
	}
	footer .fInfoLst li { 
		padding:0 9px 0 0;
		font-size: 14px;
	}
	footer .fBtmBox { 
		margin:20px 0 0;
	}
	footer .fBtmBox .fLogo { 
		width: 161px; 
	}
	footer .fBtmBox .contactLnk { 
		padding:10px 20px;
		font-size: 14px;
	}
}
@media all and (max-width:799px){
	.fTopBox .inner { 
		flex-wrap:wrap;
		gap:20px;
	}
	.fTopBox .lBox,
	.fTopBox .rBox { 
		width: 100%; 
	}
	.fTopBox .lBox { 
		text-align: center; 
	}
	.fTopBox .txt { 
		margin:0 0 20px;
	}
	.fTopBox .txt br { 
		display:none; 
	}
	.fTopBox .btnBox { 
		justify-content:center; 
	}
	footer .inner { 
		gap:15px; 
	}
	footer .fLeftbox { 
		width: 100%; 
	}
	footer .fBtmBox { 
		margin:0;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 공통 QR버튼 시작
------------------------------------------------------ */
.comQrPopWr .popBox { 
	position:absolute;
	width: 755px;
	max-width: 90%;		
	top:50%;
	left:50%;
	padding:30px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 10px;
	text-align: center;
}
.comQrPopWr .popBox .topBox { 
	overflow: hidden; 
}
.comQrPopWr .popBox .topBox .popClose { 
	position:relative; 
	display:block; 
	width: 28px;
	height: 28px;
	font-size: 0;
	float:right;
}
.comQrPopWr .popBox .topBox .popClose:before,
.comQrPopWr .popBox .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 22px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -11px;
	background: #9E9E9E;
	border-radius: 4px;
}
.comQrPopWr .popBox .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.comQrPopWr .popBox .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.comQrPopWr .popBox .tit01 { 
	margin:0 0 21px;
	font-weight: 500; 
	font-size: 24px;
	line-height: 1.5;
	color: #212121;
}
.comQrPopWr .popBox .txt01 { 
	margin:0 0 47px;
	font-size: 22px;
	color: #424242;
}
.comQrPopWr .popBox .imgBox { 
	margin:0 auto 15px;
	font-size: 0;
}
.comQrPopWr .popBox .imgBox img { 
	max-width: 100%; 
}
.comQrPopWr .popBox .txt02 { 
	margin:0 0 44px;
	font-size: 16px; 
	color: #9E9E9E;
}
.comQrPopWr .popBox .txt03 { 
	margin:0 0 7px;
	font-size: 18px;
	color: #666;
}
.comQrPopWr .popBox .btnCopy { 
	display:inline-block;
	text-decoration:underline;
	font-size: 16px;
	color: #FF5656;
}
@media all and (max-width:999px){
	.comQrPopWr .popBox { 
		padding:16px;
	}
	.comQrPopWr .popBox .topBox .popClose { 
		width: 20px; 
		height: 20px;	
	}
	.comQrPopWr .popBox .topBox .popClose:before, 
	.comQrPopWr .popBox .topBox .popClose:after { 
		width: 16px; 
		margin:-1px 0 0 -8px;
	}
	.comQrPopWr .popBox .tit01 { 
		margin:0 0 15px;
		font-size: 19px;
	}
	.comQrPopWr .popBox .txt01 { 
		margin:0 0 20px;
		font-size: 18px;
	}
	.comQrPopWr .popBox .imgBox { 
		width: 134px;
		margin:0 auto 10px;
	}
	.comQrPopWr .popBox .txt02 { 
		margin:0 0 20px;
		font-size: 14px;
	}
	.comQrPopWr .popBox .txt03 { 
		margin:0 0 5px;
		font-size: 15px;
	}
	.comQrPopWr .popBox .btnCopy { 
		font-size: 14px; 
	}
}
/* 공통 QR버튼 끝
------------------------------------------------------ */
/* 공통 검색 영역 시작
------------------------------------------------------ */
.comSearchWr { 
	margin:0 0 76px;
	padding:95px 16px 101px;
	background: url(/Form/_guest/lang_en/images/comSearchBg01.png) no-repeat;
	background-size:cover;
}
.comSearchWr .conBox { 
	max-width: 842px;
	margin:0 auto;
	text-align: center;
}
.comSearchWr .tit { 
	margin:0 0 17px;
	font-weight: 700;
	font-size: 46px;
	color: #212121;
}
.comSearchWr .txt { 
	margin:0 0 49px;
	font-size: 20px;
	line-height: 1.5;
	color: #212121;
}
.comSearchWr .schBox { 
	display:flex;
	gap:16px;
	margin:0 0 50px;
}
.comSearchWr .schBox .ipt { 
	flex-grow:1;
	padding:16px 20px 15px;
	background: #FFF;
	border-radius: 8px;
	font-size: 18px;
	color: #212121;
}
.comSearchWr .schBox .ipt::placeholder { 
	color: #9E9E9E; 
}
.comSearchWr .schBox .btn { 
	flex-shrink:0;
	display:block;
	padding:16px 20px 15px;
	background: #4880ED;
	border-radius: 8px;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	color: #FFF;
}
.comSearchWr .downLnkBox { 
	display:flex;
	justify-content:center; 
	gap:16px;
}
.comSearchWr .downLnkBox .downLnk { 
	display:block; 
	font-size: 0;
}
.comSearchWr .downLnkBox .downLnk img { 
	max-width: 100%; 
}
.comSearchWr .downLnkBox .downLnk.stGoo { 
	box-shadow:0 1.23px 3.68px 0 rgba(0,0,0,.16);
}
@media all and (max-width:999px){
	.comSearchWr { 
		margin:0 0 50px;
		padding:70px 16px 50px;
	}
	.comSearchWr .tit { 
		margin:0 0 13px;
		font-size: 32px;
	}
	.comSearchWr .txt { 
		margin:0 0 30px;
		font-size: 16px;
	}
	.comSearchWr .txt br { 
		display:none; 
	}
	.comSearchWr .schBox { 
		gap:10px;
		margin:0 0 30px;
	}
	.comSearchWr .schBox .ipt,
	.comSearchWr .schBox .btn { 
		padding:10px 15px;
		font-size: 15px;
	}
	.comSearchWr .downLnkBox { 
		gap:10px; 
	}
	.comSearchWr .downLnkBox .downLnk { 
		width: 218px;
		max-width: calc((100% - 10px)/2);
	}
}
/* 공통 검색 영역 끝
------------------------------------------------------ */