@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
	font-family: S-CoreDream-5Medium;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff) format(woff);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: BookkMyungjo-Lt;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Lt.woff2) format(woff2);
	font-weight: 400;
	font-style: normal;
}

* { 
	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;
}

.wrapper { 
	max-width: 360px;
	margin:0 auto;
}
.cTit01 { 
	margin:0 0 6px;
	font-weight: 500;
	font-size: 14px;
	color: #373737;	
}
* + .cTit01 { 
	margin-top:18px;
}
.cTxt01 { 
	font-size: 12px;
	color: #373737;
	word-break:break-all;
}
.cImgLst { 
	display:flex;
	flex-wrap:wrap;
	gap:4px;
}
.cImgLst li { 
	position:relative; 
	width: calc((100% - 8px)/3);
	padding:32.43% 0 0;
	background: #F5F2ED;
	font-size: 0;
}
.cImgLst li img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.cSnsLst { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.cSnsLst li { 
	width: calc((100% - 24px)/4); 
}
.cSnsLst .snsLnk { 
	display:block; 
	font-size: 0;
}
.cSnsLst .snsLnk img { 
	max-width: 100%; 
}

/* typeA 시작
------------------------------------------------------ */
.typeAWr .topBox { 
	position:relative;
	padding:5px 0 0;
	background: #EDE6DB;
}
.typeAWr .topBox .imgBox { 
	position:relative;
	width: 100%;
	height: 280px;
	font-size: 0;
	overflow:hidden;
}
.typeAWr .topBox .imgBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:url(/Form/_web/main/images/typeATop01.png) no-repeat;
	background-size:cover;
	z-index:1;
}
.typeAWr .topBox .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.typeAWr .topBox .conBox { 
	padding:10px 16px 16px;
	text-align: center;
}
.typeAWr .topBox .name { 
	margin:0 0 14px;
	font-family: S-CoreDream-5Medium;
	font-size: 26px;
	letter-spacing: 5px;
	color: #373737;
}
.typeAWr .topBox .txt { 
	margin:0 0 26px;
	font-size: 12px;
	color: #373737;
	word-break:break-all;
}
.typeAWr .topBox .lnkLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
.typeAWr .topBox .lnkLst li { 
	width: calc((100% - 8px)/2);
}
.typeAWr .topBox .lnkLst .lnk { 
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	padding:21px 10px;
	border-radius: 8px;
}
.typeAWr .topBox .lnkLst .lnk span { 
	display:block; 
}
.typeAWr .topBox .lnkLst .lnkIco { 
	font-size: 0; 
}
.typeAWr .topBox .lnkLst .lnkIco img { 
	max-width: 100%; 
}
.typeAWr .topBox .lnkLst .lnkTxt { 
	min-width: 50px;
	font-weight: 500;
	font-size: 14px;
	color: #FAFAFA;
	text-align: center;
}
.typeAWr .topBox .lnkLst .lnk.stCall { 
	background: #A1887F;
}
.typeAWr .topBox .lnkLst .lnk.stHome { 
	background: #A1837F;
}
.typeAWr .topBox .lnkLst .lnk.stKakao { 
	background: #8F6758;
}
.typeAWr .topBox .lnkLst .lnk.stAddr { 
	background: #C16C4D;
}
.typeAWr .btmBox { 
	padding:16px;
	background: #F5F2ED;
}
.typeAWr .btmBox .conBox { 
	padding:20px 16px;
	background: #FFF;
	border-radius: 8px;
}
/* typeA 끝
------------------------------------------------------ */
/* typeB 시작
------------------------------------------------------ */
.typeBWr { 
	padding:16px;
	background: #1A507A;
}
.typeBWr .typeBbox { 
	padding:30px 20px 20px;
	background: #FFF; 
}
.typeBWr .imgBox { 
	position:relative;
	width: 170px;
	height: 170px;
	margin:0 auto 26px;
	background: #1A507A;
	border-radius: 50%;
	overflow:hidden;
}
.typeBWr .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.typeBWr .name { 
	margin:0 0 12px;
	font-weight: 500;
	font-size: 26px;
	letter-spacing: 5px;
	text-align: center;
	color: #373737;
}
.typeBWr .txt01 {
	margin:0 0 16px;
	font-size: 12px;
	text-align: center;
	color: #373737;
	word-break:break-all;
}
.typeBWr .lnkLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
	padding:16px 0;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
.typeBWr .lnkLst li { 
	width: calc((100% - 8px)/2);
}
.typeBWr .lnkLst .lnk { 
	display:block;
	padding:13px 10px 10px;
	background: #E4EFF8;
	border-radius: 5px;
	text-align: center;
}
.typeBWr .lnkLst .lnk span { 
	display:block; 
}
.typeBWr .lnkLst .lnkIco { 
	margin:0 auto 5px;
	font-size: 0;
}
.typeBWr .lnkLst .lnkIco img { 
	max-width: 100%; 
}
.typeBWr .lnkLst .lnkTxt { 
	font-weight: 500; 
	font-size: 13px;
	color: #1A507A;
}
/* typeB 끝
------------------------------------------------------ */
/* typeC 시작
------------------------------------------------------ */
.typeCWr { 
	padding:15px 0 0;
}
.typeCWr .topBox { 
	padding:16px;
	text-align: center; 
}
.typeCWr .topBox .userBox { 
	position:relative;
	margin:0 0 30px;
}
.typeCWr .topBox .userBox .imgBox { 
	position:relative; 
	width: 240px;
	height: 298px;
	margin:0 auto;
	font-size: 0;
	overflow:hidden;
}
.typeCWr .topBox .userBox .imgBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:url(/Form/_web/main/images/typeCTop01.png) no-repeat;
	background-size:cover;
	z-index:1;
}
.typeCWr .topBox .userBox .imgBox img { 
	position:absolute; 
	width: calc(100% - 40px);
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.typeCWr .topBox .userBox .name { 
	position:absolute; 
	top:81.21%;
	left:50%;
	transform:translateX(-50%);
	font-family: BookkMyungjo-Lt;
	font-size: 20px;
	letter-spacing: 5px;
	color: #373737;
	z-index:1;
}
.typeCWr .topBox .txt01 { 
	margin:0 0 32px;
	font-size: 12px;
	color: #373737;
	word-break:break-all;
}
.typeCWr .topBox .lnkLst { 
	max-width: 260px;
	margin:0 auto;
}
.typeCWr .topBox .lnkLst li { 
	margin:0 0 7px;
}
.typeCWr .topBox .lnkLst li:last-child { 
	margin:0;
}
.typeCWr .topBox .lnkLst .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:7px;
	width: 100%;
	padding:14px 10px;
	border-radius: 5px;
}
.typeCWr .topBox .lnkLst .lnk span { 
	display:block; 
}
.typeCWr .topBox .lnkLst li:nth-child(odd) .lnk { 
	background: #FAF3DE; 
}
.typeCWr .topBox .lnkLst li:nth-child(even) .lnk { 
	background: #FFD54F;
}
.typeCWr .topBox .lnkLst .lnkIco { 
	font-size: 0; 
}
.typeCWr .topBox .lnkLst .lnkIco img { 
	max-width: 100%; 
}
.typeCWr .topBox .lnkLst .lnkTxt { 
	font-weight: 500; 
	font-size: 13px;
	color: #373737;
}
.typeCWr .btmBox { 
	padding:16px 16px 30px;
	background: #FAF3DE;
}
/* typeC 끝
------------------------------------------------------ */
/* typeD 시작
------------------------------------------------------ */
.typeDWr .imgBox { 
	position:relative;
	padding:66.67% 0 0;
	background: #EDE6DB;
	font-size: 0;
	overflow:hidden;
}
.typeDWr .imgBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: calc(100% - 24px);
	height: calc(100% - 24px);
	top:12px;
	left:12px;
	border:2px solid #FFF;
	z-index:1;
}
.typeDWr .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.typeDWr .conBox { 
	padding:26px 16px 20px;
}
.typeDWr .name { 
	margin:0 0 12px;
	font-weight: 600;
	font-size: 26px;
	letter-spacing: 5px;
	text-align: center; 
	color: #373737;
}
.typeDWr .txt01 { 
	margin:0 0 31px;
	font-size: 12px;
	color: #373737;
	word-break:break-all;
}
.typeDWr .lnkLst { 
	max-width: 246px; 
	margin:0 auto 30px;
}
.typeDWr .lnkLst li { 
	margin:0 0 8px;
}
.typeDWr .lnkLst li:last-child { 
	margin:0;
}
.typeDWr .lnkLst .lnk { 
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center; 
	height: 44px;
	padding:0 0 0 50px;
	border-bottom:1px solid #6D6D6D;
}
.typeDWr .lnkLst .lnkIco { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 44px;
	height: 44px;
	bottom:0;
	left:0;
	border:1px solid #6D6D6D;
	border-radius: 5px;
	font-size: 0;
}
.typeDWr .lnkLst .lnkTxt { 
	position:relative; 
	display:inline-block;
	padding:0 22px 0 0;
	font-size: 14px;
	color: #373737;
	line-height: 1;
}
.typeDWr .lnkLst .lnkTxt:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:-2px;
	right:0;
	background: url(/Form/_web/main/images/typeDArrow01.svg) no-repeat;
	background-size:cover;
}
.typeDWr .lnkLst .lnkTxt.noArrow { 
	padding:0;
}
.typeDWr .lnkLst .lnkTxt.noArrow:after { 
	display:none; 
}
.typeDWr .btmBox { 
	padding:16px 16px 20px;
	border:1px solid #373737;
	border-radius: 8px;
}
/* typeD 끝
------------------------------------------------------ */
/* typeE 시작
------------------------------------------------------ */
.typeEWr .topBox { 
	position:relative;
	margin:0 0 29px;
	padding:58px 20px 210px;
	text-align: center; 
}
.typeEWr .topBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: url(/Form/_web/main/images/typeETop01.png) no-repeat;
	background-size:cover;
	z-index:2;
}
.typeEWr .topBox .name { 
	position:relative;
	font-weight: 600;
	font-size: 26px;
	letter-spacing: 5px;
	color: #FFF;
	z-index:3;
}
.typeEWr .topBox .imgBox { 
	position:absolute; 
	width: 100%;
	height: 180px;
	bottom:0;
	left:0;
	z-index:1;
	overflow:hidden;
}
.typeEWr .topBox .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.typeEWr .txt01 { 
	margin:0 0 15px;
	padding:0 16px;
	font-size: 12px;
	text-align: center;
	color: #373737;
	word-break:break-all;
}
.typeEWr .lnkLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
	padding:16px;
}
.typeEWr .lnkLst li { 
	width: calc((100% - 8px)/2);
}
.typeEWr .lnkLst .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:17px;
	padding:19px 10px;
	border:1px solid #00695C;
	border-radius: 8px;
}
.typeEWr .lnkLst .lnk span { 
	display:block; 
}
.typeEWr .lnkLst .lnkIco { 
	font-size: 0; 
}
.typeEWr .lnkLst .lnkIco img { 
	max-width: 100%; 
}
.typeEWr .lnkLst .lnkTxt { 
	min-width: 50px; 
	font-weight: 500;
	font-size: 14px;
	text-align: right;
	color: #00695C;
}
.typeEWr .btmBox { 
	padding:20px 16px;
	background: #00695C; 
}
.typeEWr .btmBox .cTit01,
.typeEWr .btmBox .cTxt01 { 
	color: #FFF; 
}
/* typeE 끝
------------------------------------------------------ */
/* typeF 시작
------------------------------------------------------ */
.typeFWr .topBox { 
	padding:30px 0 0;
	background: #E3F2FD;
}
.typeFWr .name { 
	margin:0 0 13px;
	padding:0 20px;
	font-size: 12px;
	color: #999;
}
.typeFWr .name span { 
	font-weight: 500; 
	font-size: 26px;
	letter-spacing: 5px;
	color: #373737;
}
.typeFWr .imgBox { 
	position:relative;
	margin:0 0 30px;
	padding:55.56% 0 0;
	background: #E0E0E0;
	font-size: 0;
}
.typeFWr .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.typeFWr .txt01 { 
	margin:0 0 11px;
	padding:0 20px;
	font-size: 12px;
	text-align: center;
	color: #373737;
	word-break:break-all;
}
.typeFWr .lnkLst { 
	max-width: 300px;
	margin:0 auto;
	padding:20px 20px 16px;
}
.typeFWr .lnkLst li { 
	margin:0 0 7px;
}
.typeFWr .lnkLst li:last-child { 
	margin:0;
}
.typeFWr .lnkLst .lnk { 
	display:flex;
	align-items:center;
	justify-content:center; 
	gap:6px;
	width: 100%;
	padding:14px 10px 13px;
	background: #FFF;
	border-radius: 5px;
}
.typeFWr .lnkLst .lnk span { 
	display:block; 
}
.typeFWr .lnkLst .lnkIco { 
	font-size: 0; 
}
.typeFWr .lnkLst .lnkIco img { 
	max-width: 100%;
}
.typeFWr .lnkLst .lnkTxt { 
	font-weight: 500; 
	font-size: 13px;
	color: #373737;
}
.typeFWr .btmBox { 
	padding:20px 16px;
}
/* typeF 끝
------------------------------------------------------ */