@charset "utf-8";

/* 메인 시작
------------------------------------------------------ */
.mComTit01 { 
	font-weight: 800;
	font-size: 52px;
	color: #2B3034;
}
.mComTit01 span { 
	color: #774CAC; 
}
.mBannerWr {
	position:relative; 
	margin:0 0 133px;
	font-size: 0;
}
.mBannerWr .swiper-slide { 
	position:relative;
	height: 844px;
	overflow:hidden;
}
.mBannerWr .swiper-slide > img { 
	position:absolute; 
	height: 100%;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.mBannerWr .swiper-slide .conBox { 
	position:absolute; 
	width: 1600px;
	max-width: calc(100% - 40px);
	top:50%;
	left:50%;
	padding:0 0 0 60px;
	transform:translate(-50%, -50%);
}
.mBannerWr .swiper-slide .conBox .tit { 
	margin:0 0 27px;
	font-weight: 700;
	font-size: 56px;
	color: #FFF;
}
.mBannerWr .swiper-slide .conBox .txt { 
	margin:0 0 59px;
	font-weight: 500;
	font-size: 28px;
	color: #FFF;
}
.mBannerWr .swiper-slide .conBox .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 245px;
	height: 74px;
	background: rgba(255,255,255,.8);
	border-radius: 15px;
	border:3px solid #774CAC;
	font-weight: 700;
	font-size: 26px;
	color: #774CAC;
}
.mBannerWr .mBnrArrowBox { 
	position:absolute;
	width: 1600px;
	max-width: calc(100% - 40px);
	height: 0;
	top:50%;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
}
.mBannerWr .mBnrArrow { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 68px;
	height: 68px;
	top:50%;
	margin:-34px 0 0;
	background: rgba(255,255,255,.2);
	border-radius: 50%;
	font-size: 0;
}
.mBannerWr .mBnrPrev { 
	right:100%; 
}
.mBannerWr .mBnrNext { 
	left:100%; 
}
.mBannerWr .mBnrGaugeBox { 
	position:absolute;
	display:flex;
	align-items:center; 
	width: 968px;
	max-width: calc(100% - 40px);
	bottom:132px;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
}
.mBannerWr .mBnrGaugeBox .mBnrNum { 
	flex-shrink:0;
	width: 50px;
	font-weight: 600;
	font-size: 20px;
	color: #FFF;
	text-align: center;
}
.mBannerWr .mBnrGaugeBox .swiper-pagination { 
	position:relative; 
	flex-grow:1;
	height: 3px;
	background: #FFF;	
}
.mBannerWr .mBnrGaugeBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 
	background: #774CAC;	
}
.mBannerWr .mBnrBtmBox { 
	position:absolute;
	width: 1600px;
	max-width: calc(100% - 40px);
	bottom:0;
	left:50%;
	padding:0 0 0 655px;
	transform:translateX(-50%);
	z-index:1;
}
.mBannerWr .mBnrBtmBox .lnkNow { 
	position:absolute; 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width: 655px;
	height: 106px;
	bottom:0;
	left:0;
	background: #774CAC;	
	border-radius: 20px 20px 0 0;
}
.mBannerWr .mBnrBtmBox .lnkNow .lnkTxt { 
	position:relative; 
	display:block;
	padding:0 32px 0 0;
	font-weight: 600;
	font-size: 32px;
	color: #FFF;
}
.mBannerWr .mBnrBtmBox .lnkNow .lnkTxt:after { 
	content:"";
	position:absolute; 
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:50%;
	right:0;
	margin:-9px 0 0;
	border-top:3px solid #FFF;
	border-right:3px solid #FFF;
	transform:rotate(45deg);
}
.mBannerWr .mBnrBtmBox .lnkLst { 
	display:flex;
	flex-wrap:wrap; 
}
.mBannerWr .mBnrBtmBox .lnkLst li { 
	width: 33.333%; 
}
.mBannerWr .mBnrBtmBox .lnkLst .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	height: 86px;
	background: rgba(0,0,0,.36);
	transition:all .3s ease;
}
.mBannerWr .mBnrBtmBox .lnkLst .lnk span { 
	display:block; 
}
.mBannerWr .mBnrBtmBox .lnkLst .lnk .lnkIco { 
	font-size: 0; 
}
.mBannerWr .mBnrBtmBox .lnkLst .lnk .lnkIco img { 
	max-width: 100%;
}
.mBannerWr .mBnrBtmBox .lnkLst .lnk .lnkTxt { 
	font-weight:500; 
	font-size: 28px;
	color: #FFF;
	transition:all .3s ease;
}
.mBannerWr .mBnrBtmBox .lnkLst .lnk:focus,
.mBannerWr .mBnrBtmBox .lnkLst .lnk:hover { 
	background: rgba(0,0,0,.7); 
}
.mBannerWr .mBnrBtmBox .lnkLst .lnk:focus .lnkTxt,
.mBannerWr .mBnrBtmBox .lnkLst .lnk:hover .lnkTxt { 
	font-weight: 700; 
}
.mBannerWr .mBnrLnkBox { 
	position:fixed; 
	top:122px;
	right:20px;
	z-index:2;
}
.mBannerWr .mBnrLnkBox .lnk { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width: 106px;
	height: 106px;
	margin:0 0 16px;
	border-radius: 50%;
	box-shadow:4px 4px 10px 0 rgba(0,0,0,.25);
	text-align: center;
}
.mBannerWr .mBnrLnkBox .lnk span { 
	display:block;
}
.mBannerWr .mBnrLnkBox .lnk .ico { 
	margin:0 auto;
	font-size: 0; 
}
.mBannerWr .mBnrLnkBox .lnk .ico img { 
	max-width: 100%; 
}
.mBannerWr .mBnrLnkBox .lnk .txt { 
	font-weight: 600; 
	font-size: 15px;
	line-height: 1;
}
.mBannerWr .mBnrLnkBox .lnk.st01 { 
	background: #774CAC; 
}
.mBannerWr .mBnrLnkBox .lnk.st01 .txt { 
	color: #FFF; 
}
.mBannerWr .mBnrLnkBox .lnk.st02 { 
	background: #FFF; 
}
.mBannerWr .mBnrLnkBox .lnk.st02 .txt { 
	color: #774CAC;
}
.mBannerWr .mBnrLnkBox .lnk:last-child { 
	margin:0;
}
.mSupportWr { 
	margin:0 0 161px;
}
.mSupportWr .mComTit01 { 
	margin:0 0 36px;
	text-align: center;
}
.mSupportWr .mSptTxt01 { 
	margin:0 0 75px;
	font-size: 26px;
	text-align: center;
	line-height: 1.5;
	color: #000;
}
.mSupportWr .mSptTxt01 span { 
	font-weight: 600;
	color: #774CAC;
}
.mSupportWr .lst { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
}
.mSupportWr .lst li { 
	position:relative;
	display:flex;
	flex-direction:column;
	width: calc((100% - 60px)/4);
	border:1px solid #774CAC;
	border-radius: 20px;
	overflow:hidden;
}
.mSupportWr .lst .lstConBox { 
	flex-grow:1;
	padding:58px 30px 45px;
}
.mSupportWr .lst .lstTit { 
	margin:0 0 14px;
	font-weight: 700;
	font-size: 34px;
	color: #774CAC;
}
.mSupportWr .lst .lstTxt { 
	font-size: 20px;
	line-height: 1.5;
	color: #000;
}
.mSupportWr .lst .lstImg { 
	font-size: 0; 
}
.mSupportWr .lst .lstImg img { 
	width: 100%; 
}
.mSupportWr .lst .hidBox { 
	position:absolute;
	display:none;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	padding:0 30px;
	background: #774CAC;
	text-align: center;
}
.mSupportWr .lst .hidTit { 
	margin:0 0 32px;
	font-weight: 700;
	font-size: 34px;
	color: #FFF;
}
.mSupportWr .lst .hidTxt { 
	margin:0 0 37px;
	font-size: 20px;
	line-height: 1.5;
	color: #FFF;
}
.mSupportWr .lst .hidLnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 178px;
	height: 54px;
	margin:0 auto;
	background: #FFF;
	border-radius: 15px;
	font-weight: 600;
	font-size: 18px;
	color: #774CAC;
}
.mSupportWr .lst li:hover .hidBox { 
	display:flex;
}
.mPictureWr { 
	margin:0 0 117px;
}
.mPictureWr .mComTit01 { 
	margin:0 0 60px;
	text-align: center; 
}
.mPictureWr .picTopBox { 
	display:flex;
	align-items:flex-end;
	gap:60px;
	margin:0 0 20px;
	padding:94px 139px 94px 0;
	background: url(/Form/_guest/basic/images/mPicBg01.png) no-repeat; 
	background-size:cover;
}
.mPictureWr .picTopBox .picBox { 
	flex-shrink:0;
	position:relative;
	width: 925px;
	height: 552px;
}
.mPictureWr .picTopBox .picBox iframe { 
	position:absolute; 
	display:block; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: #E0E0E0;
}
.mPictureWr .picTopBox .conBox { 
	flex-grow:1;
	padding:0 0 72px;
}
.mPictureWr .picTopBox .tit { 
	position:relative;
	margin:0 0 46px;
	padding:0 0 10px 9px;
}
.mPictureWr .picTopBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 31px;
	bottom:0;
	left:0;
	background: #DACDE8;
}
.mPictureWr .picTopBox .tit span { 
	position:relative; 
	font-family: Noto Serif KR, serif; 
	font-weight: 700;
	font-size: 52px;
	color: #2B3034;
}
.mPictureWr .picTopBox .txt01 { 
	margin:0 0 46px;
	font-weight: 500;
	font-size: 28px;
	line-height: 1.5;
	color: #774CAC;
}
.mPictureWr .picTopBox .txt02 { 
	display:inline-flex;
	gap:17px;
	padding:10px 16px;
	align-items:center; 
	background: #FFF;
	border-radius: 20px;
}
.mPictureWr .picTopBox .txt02 span { 
	display:block; 
}
.mPictureWr .picTopBox .txt02 .ico { 
	font-size: 0; 
}
.mPictureWr .picTopBox .txt02 .ico img { 
	max-width: 100%; 
}
.mPictureWr .picTopBox .txt02 .txt { 
	font-size: 20px;
	color: #868E96;
}
.mPictureWr .picBtmBox { 
	overflow:hidden;
	font-size: 0;
}
.mPictureWr .picBtmBox .swiper-wrapper { 
	margin:0 0 26px;
}
.mPictureWr .picBtmBox .swiper-slide iframe { 
	width: 100%;
	height: 0;
	padding:67.53% 0 0;
	background: #E0E0E0;
}
.mPictureWr .picBtmBox .picControlBox { 
	display:flex;
	align-items:center; 
}
.mPictureWr .picBtmBox .picControlBox .swiper-pagination { 
	flex-grow:1;
	position:relative; 
	height: 6px;
	margin:0 67px 0 0;
	background: #DEE2E6;
	z-index:1;
}
.mPictureWr .picBtmBox .picControlBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 
	background: #774CAC;
}
.mPictureWr .picBtmBox .picControlBox .picArrow { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.mPictureWr .picBtmBox .picControlBox .picArrow img { 
	max-width: 100%;	 
}
.mPictureWr .picBtmBox .picControlBox .picArrow + .picArrow { 
	margin-left:28px;
}
.mGraphWr { 
	padding:183px 20px 181px;
	background: url(/Form/_guest/basic/images/mGraphBg01.png) no-repeat;
	background-size:cover;
}
.mGraphWr .mGraphBox { 
	max-width: 1332px;
	margin:0 auto;
}
.mGraphWr .mGraphTop { 
	display:flex;
	flex-wrap:wrap; 
	align-items:flex-end; 
	gap:20px;
	margin:0 0 74px;
}
.mGraphWr .mGraphTop .lBox,
.mGraphWr .mGraphTop .rBox { 
	width: calc((100% - 20px)/2);
}
.mGraphWr .mGraphTop .lBox { 
	position:relative;
	padding:25px;
	background: rgba(255,255,255,.1);
	border-radius: 20px;
	font-size: 0;
	text-align: center;
}
.mGraphWr .mGraphTop .lBox > img { 
	max-width: 100%; 
}
.mGraphWr .mGraphTop .lBox .txtBox { 
	position:absolute; 
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.mGraphWr .mGraphTop .lBox .txtBox .num { 
	font-weight: 800;
	font-size: 140px;
	line-height:1;
	color: #F1F3F5;
}
.mGraphWr .mGraphTop .lBox .txtBox .num span { 
	line-height: 1; 
}
.mGraphWr .mGraphTop .lBox .txtBox .txt { 
	font-size: 20px;
	line-height: 1;
	color: #FFF;
}
.mGraphWr .mGraphTop .rBox .conBox { 
	margin:0 0 20px;
	padding:32px 30px 40px;
	background: rgba(255,255,255,.1);
	border-radius: 20px;
}
.mGraphWr .mGraphTop .rBox .conBox:last-child { 
	margin:0;
}
.mGraphWr .mGraphTop .rBox .titBox { 
	display:flex;
	align-items:center;
	margin:0 0 12px;
}
.mGraphWr .mGraphTop .rBox .titBox .ico { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.mGraphWr .mGraphTop .rBox .titBox .ico img { 
	max-width: 100%; 
}
.mGraphWr .mGraphTop .rBox .titBox .num { 
	font-weight: 700; 
	font-size: 60px;
	color: #FFF;
}
.mGraphWr .mGraphTop .rBox .txt { 
	font-size: 24px; 
	color: #FFF;
}
.mGraphWr .mGraphBtm { 
	display:flex;
	align-items:center;
	gap:10px;
}
.mGraphWr .mGraphBtm .tit { 
	font-size: 32px; 
	color: #FFF;
}
.mGraphWr .mGraphBtm .tit .line { 
	position:relative; 
	font-weight: 600;
	font-size: 1.25em;
}
.mGraphWr .mGraphBtm .tit .line:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 14px;
	top:50%;
	left:0;
	margin:-7px 0 0;
	background: #774CAC;
}
.mGraphWr .mGraphBtm .tit span { 
	position:relative; 
}
.mGraphWr .mGraphBtm .lnkBox { 
	flex-shrink:0;
	display:flex;
	gap:21px;
}
.mGraphWr .mGraphBtm .lnkBox .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 317px;
	height: 80px;
	background: #774CAC;
	border-radius: 20px;
	font-weight: 600;
	font-size: 24px;
	color: #FFF;
	transition:all .3s ease;
}
.mGraphWr .mGraphBtm .lnkBox .lnk:focus,
.mGraphWr .mGraphBtm .lnkBox .lnk:hover { 
	background: rgba(255,255,255,.8);
	color: #774CAC;
}
.mLetterWr { 
	padding:161px 0 140px;
}
.mLetterWr .mComTit01 { 
	margin:0 0 50px;
	padding:0 0 0 6px;
	text-align: left;
}
.mLetterWr .txtBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	gap:48px;
	padding:0 0 0 11px;
}
.mLetterWr .txtBox .txt { 
	font-size: 26px;
	line-height: 1.5;
}
.mLetterWr .txtBox .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 245px;
	height: 74px;
	border:3px solid #774CAC;
	border-radius: 15px;
	font-weight: 700;
	font-size: 26px;
	color: #774CAC;
	transition:all .3s ease;
}
.mLetterWr .txtBox .lnk:focus,
.mLetterWr .txtBox .lnk:hover { 
	background: #F3EFF8;
}
.mLetterWr .letterBox { 
	display:flex;
	align-items:flex-end;
	font-size: 0;
}
.mLetterWr .letterBox img { 
	width: 100%; 
}
.mLetterWr .letterBox .lBox { 
	padding:84px 65px;
	background: #F3EFF8; 
	border-radius: 20px 0 0 20px;
}
.mSponWr { 
	padding:103px 0 104px;
	background: url(/Form/_guest/basic/images/mSponBg01.png) no-repeat;
	background-size:cover;
}
.mSponWr .inner { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:346px;
}
.mSponWr .lstBox ul { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.mSponWr .lstBox ul li { 
	width: calc((100% - 20px)/2);
}
.mSponWr .lstBox .lnk { 
	display:block;
	height: 100%;
	padding:33px 27px;
	background: #FFF;
	border:3px solid #FFF;
	border-radius: 20px;
	transition:all .3s ease;
}
.mSponWr .lstBox .lnk:focus,
.mSponWr .lstBox .lnk:hover { 
	background: #F3EFF8;
	border-color:#774CAC;
}
.mSponWr .lstBox .lnk > span { 
	display:block; 
}
.mSponWr .lstBox .lnk .tit { 
	margin:0 0 15px;
	font-weight: 700; 
	font-size: 22px;
	color: #774CAC;
}
.mSponWr .lstBox .lnk .txt { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:0 0 19px;
	font-size: 20px; 
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mSponWr .lstBox .lnk .info { 
	text-align: right;
	font-size: 16px;
	color: #868E96;
}
.mSponWr .lstBox .lnk .info span + span { 
	margin:0 0 0 17px;
}
.mSponWr .titBox { 
	flex-shrink:0;
	overflow:hidden;
}
.mSponWr .titBox .tit { 
	margin: 0 0 60px;
	font-weight: 700;
	font-size: 58px;
	color: #FFF;
	text-align: right;
}
.mSponWr .titBox .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 245px;
	height: 74px;
	background: #774CAC;
	border-radius: 15px;
	font-weight: 700;
	font-size: 25px;
	color: #FFF;
	float:right;
	transition:all .3s ease;
}
.mSponWr .titBox .lnk:focus,
.mSponWr .titBox .lnk:hover { 
	background: #FFF;
	color: #774CAC; 
}
.mNewsWr { 
	padding:141px 20px;
	background: url(/Form/_guest/basic/images/mNewsBg01.png ) no-repeat;
	background-size:cover;
}
.mNewsWr .mComTit01 { 
	margin:0 0 15px;
	text-align: center;
}
.mNewsWr .mNewsTit { 
	margin:0 0 86px;
	font-size: 26px;
	color: #2B3034;
	text-align: center;
}
.mNewsWr .mNewsCon { 
	max-width: 1330px;
	margin:0 auto;
	padding:70px 60px;
	background: #FFF;
	border-radius: 20px;
	border:1px solid #F1F3F5;
	box-shadow:4px 4px 20px 0 rgba(175,175,175,.25);
}
.mNewsWr .mNewsCon dl { 
	display:flex;
	align-items:center; 
	gap:43px;
	width: 100%;
	margin:0 0 26px;
	padding:0 0 22px;
	border-bottom:1px solid #DEE2E6;
}
.mNewsWr .mNewsCon dl:last-child { 
	padding:0;
	border-bottom:none;
}
.mNewsWr .mNewsCon dt { 
	flex-shrink:0;
	position:relative;
	display:flex;
	align-items:center;
	gap:14px;
	width: 230px;
	height: 50px;
	padding:0 18px;
	background: #F3EFF8;
	border-radius: 40px;
}
.mNewsWr .mNewsCon dt:before { 
	content:"";
	flex-shrink:0;
	box-sizing:border-box;
	display:block;
	width: 26px;
	height: 26px;
	background-repeat:no-repeat;
	background-size:cover;
}
.mNewsWr .mNewsCon dt.st01:before { 
	background-image: url(/Form/_guest/basic/images/mNewsIco01.svg); 
}
.mNewsWr .mNewsCon dt.st02:before { 
	background-image: url(/Form/_guest/basic/images/mNewsIco02.svg); 
}
.mNewsWr .mNewsCon dt span { 
	font-weight: 600; 
	font-size: 24px;
	color: #774CAC;
}
.mNewsWr .mNewsCon dd { 
	flex-grow:1;	
}
.mNewsWr .mNewsCon dd .lnk { 
	position:relative; 
	display:block;
	padding:0 25px 0 0;
	font-size: 26px;	
	color: #000;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.mNewsWr .mNewsCon dd .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 21px;
	height: 19px;
	top:50%;
	right:0;
	transform:translateY(-50%);
	background:url(/Form/_guest/basic/images/mNewsArrow01.svg) no-repeat;
	background-size:cover;
}
.mPartnerWr .mComTit01 { 
	padding:0 20px;
	margin:0 0 16px;
	text-align: center; 
}
.mPartnerWr .txt { 
	margin:0 0 75px;
	padding:0 20px;
	text-align: center;
	font-size: 26px;
	color: #2B3034;
}
.mPartnerWr .mPartnerCon { 
	padding:120px 0;
	background: #F3EFF8;
}
.mPartnerWr .mPartnerSwipe .imgBox { 
	position:relative;
	margin:0 0 12px;
	padding:56.65% 0 0;
	background: #FFF;
	border-radius: 20px;
	font-size: 0;
	text-align: center;
	overflow:hidden;
}
.mPartnerWr .mPartnerSwipe .imgBox img { 
	position:absolute; 
	max-width: 80%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.mPartnerWr .mPartnerSwipe .lnk { 
	position:relative; 
	display:block; 
	padding:13px 60px 13px 30px;
	background: #DACDE8;
	border-radius: 40px;
	font-size: 24px;
	color: #2B3034;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.mPartnerWr .mPartnerSwipe .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 18px;
	top:50%;
	right:30px;
	margin:-9px 0 0;
	background:url(/Form/_guest/basic/images/mPtnArrow01.svg) no-repeat;
	background-size:cover;
}
.mVisionWr { 
	padding:140px 20px;
	background: url(/Form/_guest/basic/images/mVisionBg01.png) no-repeat;
	background-size:cover;
}
.mVisionWr .visTit { 
	margin:0 0 20px;
	text-align: center;
	font-weight: 800;
	font-size: 52px;
	color: #2B3034;
}
.mVisionWr .visTit span { 
	color: #FFF; 
}
.mVisionWr .visTxt { 
	margin:0 0 90px;
	text-align: center;
	font-size: 26px;
	color: #FFF;
	line-height: 1.2;
}
.mVisionWr .visConBox { 
	max-width: 1330px; 
	margin:0 auto;
	padding:68px 135px 72px;
	background: #FFF;
	border-radius: 40px;
}
.mVisionWr .visConBox .chkLst { 
	display:flex;
	flex-wrap:wrap;
	gap:62px;
	margin:0 0 31px;
}
.mVisionWr .visConBox .chkLst li { 
	position:relative;
}
.mVisionWr .visConBox .chkLst li .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size: 0;
	overflow:hidden;
}
.mVisionWr .visConBox .chkLst li .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 40px;
	font-weight: 500;
	font-size: 30px;
	color: #373737;
}
.mVisionWr .visConBox .chkLst li .chkLbl .circle { 
	position:absolute; 
	display:block; 
	width: 30px;
	height: 30px;
	top:4px;
	left:0;
	border:1px solid #CDD1D4;
	border-radius: 50%;
	transition:all .3s ease;
}
.mVisionWr .visConBox .chkLst li .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background: #CDD1D4;
	border-radius: 50%;
	transition:all .3s ease;
}
.mVisionWr .visConBox .chkLst li .chkIpt:checked + .chkLbl .circle { 
	border-color:#774CAC
}
.mVisionWr .visConBox .chkLst li .chkIpt:checked + .chkLbl .circle:before { 
	background:#774CAC
}
.mVisionWr .visConBox .iptBox { 
	display:flex;
	gap:20px;
	width: 100%;
}
.mVisionWr .visConBox .iptBox .ipt { 
	padding:29px;
	background: #F8F9FA;
	border:1px solid #F1F3F5;
	border-radius: 20px;
	font-size: 26px;
	color: #2B3034;
}
.mVisionWr .visConBox .iptBox .ipt::placeholder { 
	color: #868E96;
}
.mVisionWr .visConBox .iptBox select.ipt { 
	flex-shrink:0;
	width: 207px; 
	padding-right:60px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/mVisionSel01.svg);
	background-repeat:no-repeat;
	background-position:right 29px center; 
}
.mVisionWr .visConBox .iptBox .iptArea { 
	flex-grow:1;
	position:relative; 
}
.mVisionWr .visConBox .iptBox .iptArea .ipt { 
	width: 100%;
	padding-right:60px;
}
.mVisionWr .visConBox .iptBox .iptArea .iptTxt { 
	position:absolute; 
	top:50%;
	right:30px;
	transform:translateY(-50%);
	font-weight: 500;
	font-size: 26px;
	color: #5C6775;
}
.mVisionWr .visConBox .iptBox .iptBtn { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:10px;
	width: 250px;
	background:#774CAC;
	border-radius: 20px;
}
.mVisionWr .visConBox .iptBox  .iptBtn .btnIco { 
	display:block; 
	font-size: 0;
}
.mVisionWr .visConBox .iptBox  .iptBtn .btnIco img { 
	max-width: 100%; 
}
.mVisionWr .visConBox .iptBox  .iptBtn .btnTxt { 
	font-weight: 600; 
	font-size: 28px;
	letter-spacing: -.5px;
	color: #FFF;
}
@media all and (max-width:1799px){
	.mBannerWr .swiper-slide .conBox { 
		padding:0 0 0 90px;
	}
	.mBannerWr .mBnrPrev { 
		right:auto; 
		left:0;
	}
	.mBannerWr .mBnrNext { 
		right:0;
		left:auto; 
	}
}
@media all and (max-width:1599px){
	.mBannerWr .mBnrLnkBox .lnk { 
		margin:0 0 10px;
	}
	.mPictureWr .picTopBox .picBox { 
		width: 832px;
		height: 497px;
	}
	.mLetterWr .letterBox .lBox { 
		padding:60px 40px;
	}
	.mSponWr .inner { 
		gap:100px; 
	}
}
@media all and (max-width:1399px){
	.mBannerWr .mBnrGaugeBox { 
		bottom:180px; 
	}
	.mBannerWr .mBnrBtmBox { 
		padding:0;
	}
	.mBannerWr .mBnrBtmBox .lnkNow { 
		position:relative; 
		width: 100%;
		height: 80px;
		bottom:auto;
		left:auto;
	}
	.mBannerWr .mBnrBtmBox .lnkLst .lnk { 
		height: 80px; 
	}
	.mBannerWr .mBnrLnkBox .lnk { 
		width: 90px;
		height: 90px;
	}
	.mBannerWr .mBnrLnkBox .lnk .ico { 
		width: 46px;
	}
	.mBannerWr .mBnrLnkBox .lnk .txt { 
		font-size: 14px; 
	}
	.mPictureWr .picTopBox { 
		gap:40px;
		padding:80px 20px 80px 0;
	}
	.mPictureWr .picTopBox .picBox { 
		width: 740px;
		height: 442px;
	}
	.mPictureWr .picTopBox .conBox { 
		padding:0 0 40px;
	}
	.mVisionWr .visConBox { 
		padding:60px;
	}
}
@media all and (max-width:1199px){
	.mPictureWr .picTopBox { 
		gap:20px;
	}
	.mPictureWr .picTopBox .picBox {
		width: 648px;
		height: 386px;
	}
	.mPictureWr .picTopBox .conBox { 
		padding:0 0 20px;
	}
	.mGraphWr .mGraphTop { 
		align-items:center; 
	}
	.mGraphWr .mGraphTop .lBox .txtBox .num { 
		font-size: 126px; 
	}
	.mGraphWr .mGraphTop .rBox .titBox .ico { 
		width: 56px;
	}
	.mGraphWr .mGraphTop .rBox .titBox .num { 
		font-size: 54px; 
	}
	.mGraphWr .mGraphBtm { 
		flex-wrap:wrap; 
	}
	.mGraphWr .mGraphBtm .lnkBox { 
		margin:0 auto;
	}
	.mSponWr .inner { 
		gap:30px; 
	}
}
@media all and (max-width:999px){
	.mComTit01 { 
		font-size: 42px; 
	}
	.mBannerWr { 
		margin:0 0 106px;
	}
	.mBannerWr .swiper-slide { 
		height: 700px; 
	}
	.mBannerWr .swiper-slide .conBox { 
		padding:0;
	}
	.mBannerWr .swiper-slide .conBox .tit { 
		margin:0 0 20px;
		font-size: 45px;
	}
	.mBannerWr .swiper-slide .conBox .txt { 
		margin:0 0 30px;
		font-size: 22px;
	}
	.mBannerWr .swiper-slide .conBox .lnk { 
		width: 200px; 
		height: 60px;
		font-size: 21px;
	}
	.mBannerWr .mBnrGaugeBox { 
		max-width: calc(100% - 180px);
		bottom:168px;
	}
	.mBannerWr .mBnrGaugeBox .mBnrNum { 
		font-size: 16px; 
	}
	.mBannerWr .mBnrBtmBox .lnkNow { 
		height: 70px; 
	}
	.mBannerWr .mBnrBtmBox .lnkNow .lnkTxt { 
		padding:0 26px 0 0;
		font-size: 26px; 
	}
	.mBannerWr .mBnrBtmBox .lnkNow .lnkTxt:after { 
		width: 14px; 
		height: 14px;
		margin:-7px 0 0;
	}
	.mBannerWr .mBnrBtmBox .lnkLst .lnk { 
		height: 70px; 
	}
	.mBannerWr .mBnrBtmBox .lnkLst .lnk .lnkIco { 
		width: 32px; 
	}
	.mBannerWr .mBnrBtmBox .lnkLst .lnk .lnkTxt { 
		font-size: 22px; 
	}
	.mBannerWr .mBnrArrowBox { 
		top:auto;
		bottom:180px;
	}
	.mBannerWr .mBnrArrow { 
		width: 54px; 
		height: 54px;
		margin:-27px 0 0;
	}	
	.mBannerWr .mBnrArrow img { 
		width: 24px; 
	}
	.mBannerWr .mBnrLnkBox { 
		top:70px; 
	}
	.mBannerWr .mBnrLnkBox .lnk { 
		width: 80px;
		height: 80px;
	}
	.mBannerWr .mBnrLnkBox .lnk .ico { 
		width: 41px;
	}
	.mBannerWr .mBnrLnkBox .lnk .txt { 
		font-size: 12px; 
	}
	.mSupportWr { 
		margin:0 0 129px;
	}
	.mSupportWr .mComTit01 { 
		margin:0 0 30px;
	}
	.mSupportWr .mSptTxt01 { 
		margin:0 0 50px;
		font-size: 21px;
	}
	.mSupportWr .lst { 
		gap:15px;
	}
	.mSupportWr .lst li { 
		width: calc((100% - 15px)/2); 
	}
	.mSupportWr .lst .lstConBox { 
		padding:40px 20px 30px;
	}
	.mSupportWr .lst .lstTit { 
		margin:0 0 10px;
		font-size: 27px;
	}
	.mSupportWr .lst .lstTxt { 
		font-size: 16px;
		line-height: 1.4;
	}
	.mSupportWr .lst .hidBox { 
		padding:0 20px;
	}
	.mSupportWr .lst .hidTit { 
		margin:0 0 25px;
		font-size: 27px;
	}
	.mSupportWr .lst .hidTxt { 
		margin:0 0 20px;
		font-size: 16px;
	}
	.mSupportWr .lst .hidLnk { 
		width: 150px; 
		height: 40px;
		font-size: 15px;
	}
	.mPictureWr { 
		margin:0 0 94px;
	}
	.mPictureWr .mComTit01 { 
		margin:0 0 48px;
	}
	.mPictureWr .picTopBox { 
		display:block; 
		margin:0 0 15px;
		padding:20px;
		text-align: center;
	}
	.mPictureWr .picTopBox .picBox { 
		width: 100%;
		height: 0;
		margin:0 0 20px;
		padding:52.19% 0 0;
	}
	.mPictureWr .picTopBox .conBox { 
		padding:0;
	}
	.mPictureWr .picTopBox .tit { 
		display:inline-block; 
		margin:0 0 30px;
		padding:0 0 10px;
	}
	.mPictureWr .picTopBox .tit:before { 
		height: 24px; 
	}
	.mPictureWr .picTopBox .tit span { 
		font-size: 42px; 
	}
	.mPictureWr .picTopBox .txt01 { 
		margin:0 0 30px;
		font-size: 22px;
	}
	.mPictureWr .picTopBox .txt02 { 
		gap:10px; 
	}
	.mPictureWr .picTopBox .txt02 .ico { 
		width: 30px; 
	}
	.mPictureWr .picTopBox .txt02 .txt { 
		font-size: 16px; 
	}
	.mPictureWr .picBtmBox .swiper-wrapper { 
		margin:0 0 20px;
	}
	.mPictureWr .picBtmBox .picControlBox .swiper-pagination { 
		margin:0 20px 0 0;
	}
	.mPictureWr .picBtmBox .picControlBox .picArrow { 
		width: 46px; 
	}
	.mPictureWr .picBtmBox .picControlBox .picArrow + .picArrow { 
		margin-left:20px;
	}
	.mGraphWr { 
		padding:80px 20px;
	}
	.mGraphWr .mGraphTop { 
		gap:15px;
		margin:0 0 50px;
	}
	.mGraphWr .mGraphTop .lBox, 
	.mGraphWr .mGraphTop .rBox { 
		width: 100%; 
	}
	.mGraphWr .mGraphTop .lBox { 
		padding:20px;
	}
	.mGraphWr .mGraphTop .lBox .txtBox .num { 
		font-size: 112px; 
	}
	.mGraphWr .mGraphTop .lBox .txtBox .txt { 
		font-size: 16px; 
	}
	.mGraphWr .mGraphTop .rBox .conBox { 
		margin:0 0 15px;
		padding:20px;
	}
	.mGraphWr .mGraphTop .rBox .titBox { 
		margin:0 0 10px;
	}
	.mGraphWr .mGraphTop .rBox .titBox .num { 
		font-size: 48px; 
	}
	.mGraphWr .mGraphTop .rBox .txt { 
		font-size: 19px; 
	}
	.mGraphWr .mGraphBtm .tit { 
		font-size: 26px; 
	}
	.mGraphWr .mGraphBtm .lnkBox { 
		width: 100%;
		gap:10px;
	}
	.mGraphWr .mGraphBtm .lnkBox .lnk { 
		width: calc((100% - 10px)/2);
		height: 60px;
		font-size: 19px;
	}
	.mLetterWr { 
		padding:80px 0 60px;
	}
	.mLetterWr .mComTit01 { 
		margin:0 0 40px;
		padding:0;
		text-align: center;
	}
	.mLetterWr .txtBox { 
		justify-content:center; 
		gap:30px;
		margin:0 0 30px;
		padding:0;
	}
	.mLetterWr .txtBox .txt { 
		width: 100%;
		font-size: 21px;
		text-align: center; 
	}
	.mLetterWr .txtBox .lnk { 
		width: 200px;
		height: 60px;
		border-width:1px;
		font-size: 21px; 
	}
	.mLetterWr .letterBox .lBox { 
		padding:30px 20px;
	}
	.mSponWr { 
		padding:80px 0;
	}
	.mSponWr .inner { 
		flex-wrap:wrap; 
		flex-direction:column-reverse;
	}
	.mSponWr .lstBox ul { 
		gap:10px; 
	}	
	.mSponWr .lstBox ul li { 
		width: calc((100% - 10px)/2); 
	}
	.mSponWr .lstBox .lnk { 
		padding:20px;
		border-width:1px;
		border-radius: 10px;
	}
	.mSponWr .lstBox .lnk .tit { 
		font-size: 18px; 
	}
	.mSponWr .lstBox .lnk .txt { 
		margin:0 0 15px;
		font-size: 16px; 
	}
	.mSponWr .lstBox .lnk .info { 
		font-size: 14px; 
	}
	.mSponWr .titBox .tit { 
		margin:0 0 48px;
		font-size: 46px;
		text-align: center;
	}
	.mSponWr .titBox .lnk { 
		width: 200px;
		height: 50px;
		margin:0 auto;
		border-radius: 10px;
		font-size: 20px;
		float:none; 
	}
	.mSponWr .lstBox .lnk .info span + span { 
		margin:0 0 0 10px;
	}
	.mNewsWr { 
		padding:80px 20px;
	}
	.mNewsWr .mNewsTit { 
		margin:0 0 40px;
		font-size: 21px;
	}
	.mNewsWr .mNewsCon { 
		padding:40px;
	}
	.mNewsWr .mNewsCon dl { 
		gap:20px;
		margin:0 0 15px;
		padding:0 0 15px;
	}
	.mNewsWr .mNewsCon dt { 
		width: 200px; 
		height: 45px;
	}
	.mNewsWr .mNewsCon dt:before { 
		width: 21px;
		height: 21px;
	}
	.mNewsWr .mNewsCon dt span { 
		font-size: 19px; 
	}
	.mNewsWr .mNewsCon dd .lnk { 
		padding:0 20px 0 0;
		font-size: 21px;
	}
	.mNewsWr .mNewsCon dd .lnk:after { 
		width: 17px; 
		height: 15px;
	}
	.mPartnerWr .mComTit01 { 
		margin:0 0 10px;
	}
	.mPartnerWr .txt { 
		margin:0 0 40px;
		font-size: 21px; 
	}
	.mPartnerWr .mPartnerCon { 
		padding:40px 20px;
	}
	.mPartnerWr .mPartnerSwipe { 
		overflow:hidden;
	}
	.mPartnerWr .mPartnerSwipe .imgBox { 
		margin:0 0 10px;
	}
	.mPartnerWr .mPartnerSwipe .lnk { 
		padding:10px 40px 10px 20px;
		font-size: 19px; 
	}
	.mPartnerWr .mPartnerSwipe .lnk:after { 
		width: 16px; 
		height: 14px;
		right:20px;
		margin:-7px 0 0;
	}
	.mVisionWr { 
		padding:40px 20px;
	}
	.mVisionWr .visTit { 
		margin:0 0 15px;
		font-size: 42px; 
	}
	.mVisionWr .visTxt { 
		margin:0 0 30px;
		font-size: 21px; 
	}
	.mVisionWr .visConBox { 
		padding:30px;
	}
	.mVisionWr .visConBox .chkLst { 
		gap:22px;
		margin:0 0 20px;
	}
	.mVisionWr .visConBox .chkLst li .chkLbl { 
		padding:0 0 0 30px;
		font-size: 24px; 
	}
	.mVisionWr .visConBox .chkLst li .chkLbl .circle { 
		width: 24px; 
		height: 24px;
		top:3px;
	}
	.mVisionWr .visConBox .chkLst li .chkLbl .circle:before { 
		width: 12px; 
		height: 12px;
	}
	.mVisionWr .visConBox .iptBox { 
		flex-wrap:wrap; 
		gap:10px;
	}
	.mVisionWr .visConBox .iptBox select.ipt,
	.mVisionWr .visConBox .iptBox .iptArea { 
		width: calc((100% - 10px)/2);
	}
	.mVisionWr .visConBox .iptBox select.ipt { 
		padding-right:35px;
		background-size:21px auto;
		background-position:right 10px center;
	}
	.mVisionWr .visConBox .iptBox .ipt { 
		padding:20px;
		font-size: 21px;
	}
	.mVisionWr .visConBox .iptBox .iptArea .ipt { 
		padding-right:40px;
	}
	.mVisionWr .visConBox .iptBox .iptArea .iptTxt { 
		right:20px;
		font-size:21px;  
	}
	.mVisionWr .visConBox .iptBox .iptBtn { 
		width: 100%;
		padding:15px;
	}
	.mVisionWr .visConBox .iptBox .iptBtn .btnIco { 
		width: 29px; 
	}
	.mVisionWr .visConBox .iptBox .iptBtn .btnTxt { 
		font-size: 22px; 
	}
}
@media all and (max-width:599px){
	.mComTit01 { 
		font-size: 18px; 
	}
	.mBannerWr { 
		margin:0 0 69px;
	}
	.mBannerWr .swiper-slide { 
		height: 600px; 
	}
	.mBannerWr .swiper-slide .conBox .tit { 
		margin:0 0 8px;
		font-size: 24px;
	}
	.mBannerWr .swiper-slide .conBox .txt { 
		margin:0 0 19px;
		font-size: 14px;
	}
	.mBannerWr .swiper-slide .conBox .lnk { 
		width: 136px; 
		height: 42px;
		border-width:1px;
		font-size: 16px;
	}
	.mBannerWr .mBnrGaugeBox { 
		max-width: calc(100% - 40px);
		bottom:122px;
	}
	.mBannerWr .mBnrGaugeBox .mBnrNum { 
		width: 40px;
		font-weight: 400;
		font-size: 12px;
	}
	.mBannerWr .mBnrBtmBox .lnkNow { 
		height: 52px;
		border-radius: 10px 10px 0 0;
	}
	.mBannerWr .mBnrBtmBox .lnkNow .lnkTxt { 
		padding:0 16px 0 0;
		font-size: 16px; 
	}
	.mBannerWr .mBnrBtmBox .lnkNow .lnkTxt:after { 
		width: 8px; 
		height: 8px;
		margin:-4px 0 0;
		border-width:1px;
	}
	.mBannerWr .mBnrBtmBox .lnkLst .lnk { 
		height: 52px;
	}
	.mBannerWr .mBnrBtmBox .lnkLst .lnk .lnkIco { 
		width: 20px; 
	}
	.mBannerWr .mBnrBtmBox .lnkLst .lnk .lnkTxt { 
		font-size: 14px; 
	}
	.mBannerWr .mBnrArrowBox { 
		bottom:159px; 
	}
	.mBannerWr .mBnrArrow { 
		width: 32px; 
		height: 32px;
		margin:-16px 0 0;
	}
	.mBannerWr .mBnrArrow img { 
		width: 14px; 
	}
	.mBannerWr .mBnrLnkBox .lnk { 
		width: 46px; 
		height: 46px;
		margin:0 0 8px;
	}
	.mBannerWr .mBnrLnkBox .lnk .ico { 
		width: 25px; 
	}
	.mBannerWr .mBnrLnkBox .lnk .txt { 
		display:none;
		/* font-size: 7px;  */
	}
	.mSupportWr { 
		margin:0 0 43px;
	}
	.mSupportWr .mComTit01 { 
		margin:0 0 12px;
	}
	.mSupportWr .mSptTxt01 { 
		margin:0 0 26px;
		font-size: 13px; 
	}
	.mSupportWr .lst { 
		gap:8px; 
	}
	.mSupportWr .lst li { 
		width: calc((100% - 8px)/2);
		border-radius: 10px;
	}
	.mSupportWr .lst .lstConBox { 
		padding:15px 11px;
	}
	.mSupportWr .lst .lstTit { 
		font-size: 14px; 
	}
	.mSupportWr .lst .lstTxt { 
		font-size: 11px; 
	}
	.mSupportWr .lst .lstTxt br { 
		display:none; 
	}
	.mSupportWr .lst .hidBox { 
		padding:0 20px;
	}
	.mSupportWr .lst .hidTit { 		
		margin:0 0 11px;
		font-size: 14px;
	}
	.mSupportWr .lst .hidTxt { 
		margin:0 0 15px;
		font-size: 12px;
	}
	.mSupportWr .lst .hidLnk { 
		width: 70px; 
		height: 20px;
		border-radius: 6px;
		font-size: 8px;
	}
	.mPictureWr { 
		margin:0 0 30px;
	}
	.mPictureWr .mComTit01 { 
		margin:0 0 21px;
	}
	.mPictureWr .picTopBox { 
		margin:0 0 4px;
	}
	.mPictureWr .picTopBox .picBox { 
		margin:0 0 12px;
	}	
	.mPictureWr .picTopBox .tit { 
		margin:0 0 12px;
		padding:0 10px;
	}
	.mPictureWr .picTopBox .tit:before { 
		height: 6px; 
	}
	.mPictureWr .picTopBox .tit span { 
		font-size: 16px; 
	}
	.mPictureWr .picTopBox .txt01 { 
		margin:0 0 12px;
		font-size: 12px; 
	}
	.mPictureWr .picTopBox .txt02 { 
		gap:6px;
		padding:4px 6px;
	}
	.mPictureWr .picTopBox .txt02 .ico { 
		width: 18px; 
	}
	.mPictureWr .picTopBox .txt02 .txt { 
		font-size: 12px; 
	}
	.mPictureWr .picBtmBox .swiper-wrapper { 
		margin:0 0 10px;
	}
	.mPictureWr .picBtmBox .picControlBox .swiper-pagination { 
		margin:0 10px 0 0;
	}
	.mPictureWr .picBtmBox .picControlBox .picArrow { 
		width: 35px; 
	}
	.mPictureWr .picBtmBox .picControlBox .picArrow + .picArrow { 
		margin-left:10px;
	}
	.mGraphWr { 
		padding:50px 20px 63px;
	}
	.mGraphWr .mGraphTop { 
		gap:8px;
		margin:0 0 11px;
	}
	.mGraphWr .mGraphTop .lBox { 
		padding:13px;
		border-radius: 10px;
	}
	.mGraphWr .mGraphTop .lBox > img { 
		width: 213px; 
	}
	.mGraphWr .mGraphTop .lBox .txtBox .num { 
		font-size: 68px; 
	}
	.mGraphWr .mGraphTop .lBox .txtBox .txt { 
		font-size: 12px; 
	}
	.mGraphWr .mGraphTop .rBox .conBox { 
		margin:0 0 8px;
		border-radius: 10px;
	}
	.mGraphWr .mGraphTop .rBox .titBox { 
		margin:0 0 8px;
	}
	.mGraphWr .mGraphTop .rBox .titBox .ico { 
		width: 30px;
		margin:0 10px 0 0;
	}
	.mGraphWr .mGraphTop .rBox .titBox .num { 
		font-size: 28px; 
	}
	.mGraphWr .mGraphTop .rBox .txt { 
		font-size: 12px; 
	}
	.mGraphWr .mGraphBtm { 
		gap:6px; 
	}
	.mGraphWr .mGraphBtm .tit { 
		font-size: 14px; 
	}
	.mGraphWr .mGraphBtm .tit .line { 
		font-size: 1.29em; 
	}
	.mGraphWr .mGraphBtm .tit .line:before { 
		height: 6px; 
		margin:-3px 0 0;
	}
	.mGraphWr .mGraphBtm .lnkBox .lnk { 
		height: 40px;
		font-size: 14px; 
	}
	.mLetterWr { 
		padding:56px 0 62px;
	}
	.mLetterWr .mComTit01 { 
		margin:0 0 14px;
	}
	.mLetterWr .txtBox { 
		gap:14px;
		margin:0 0 20px;
	}
	.mLetterWr .txtBox .txt { 
		font-size: 12px;
		line-height: 1.9;
	}
	.mLetterWr .txtBox .lnk { 
		width: 130px; 
		height: 42px;
		border-radius: 10px;
		font-size: 14px;
	}
	.mLetterWr .letterBox { 
		flex-wrap:wrap; 
		align-items:stretch; 
	}
	.mLetterWr .letterBox .lBox,
	.mLetterWr .letterBox .rBox { 
		width: 100%; 
	}
	.mSponWr { 
		padding:40px 0 50px;
	}
	.mSponWr .inner { 
		gap:40px; 
	}
	.mSponWr .titBox .tit { 
		margin:0 0 11px;
		font-size: 18px;
	}
	.mSponWr .titBox .lnk { 
		width: 130px; 
		height:42px;
		font-size: 14px;
	}
	.mSponWr .lstBox ul { 
		gap:8px; 
	}
	.mSponWr .lstBox ul li { 
		width: 100%; 
	}
	.mSponWr .lstBox .lnk { 
		padding:14px 18px;
	}
	.mSponWr .lstBox .lnk .tit { 
		margin:0 0 7px;
		font-size: 14px; 
	}
	.mSponWr .lstBox .lnk .txt,
	.mSponWr .lstBox .lnk .info { 
		font-size: 12px; 
	}
	.mSponWr .lstBox .lnk .txt { 
		margin:0 0 10px;
	}
	.mNewsWr { 
		padding:52px 20px;
	}
	.mNewsWr .mComTit01 { 
		margin:0 0 19px;
	}
	.mNewsWr .mNewsTit { 
		margin:0 0 51px;
		font-size: 12px; 
	}
	.mNewsWr .mNewsCon { 
		padding:24px 20px;
	}
	.mNewsWr .mNewsCon dl { 
		gap:9px;
		margin:0 0 8px;
		padding:0 0 8px;
	}
	.mNewsWr .mNewsCon dt { 
		gap:6px;
		width: auto;
		height: 24px; 
		padding:0 11px;
	}
	.mNewsWr .mNewsCon dt:before { 
		width: 12px; 
		height: 12px;
	}
	.mNewsWr .mNewsCon dt span { 
		font-size: 12px; 
	}
	.mNewsWr .mNewsCon dd { 
		max-width: calc(100% - 90px); 
	}
	.mNewsWr .mNewsCon dd .lnk {
		padding:0 15px 0 0;
		font-size: 12px;
	}
	.mNewsWr .mNewsCon dd .lnk:after { 
		width: 8px; 
		height: 7px;
	}
	.mPartnerWr .txt { 
		font-size: 12px;
	}
	.mPartnerWr .mPartnerCon { 
		padding:30px 20px;
	}
	.mPartnerWr .mPartnerSwipe .imgBox { 
		padding:45.36% 0 0;
	}
	.mPartnerWr .mPartnerSwipe .lnk { 
		padding:5px 25px 4px 12px;
		font-size: 12px; 
	}
	.mPartnerWr .mPartnerSwipe .lnk:after { 
		width: 8px; 
		height: 7px;
		right:12px;
		margin:-4px 0 0;
	}
	.mVisionWr .visTit { 
		margin:0 0 10px;
		font-size: 18px;
	}
	.mVisionWr .visTxt { 
		margin:0 0 16px;
		font-size: 12px; 
	}
	.mVisionWr .visConBox { 
		padding:20px;
		border-radius: 20px;
	}
	.mVisionWr .visConBox .chkLst { 
		margin:0 0 18px;
	}
	.mVisionWr .visConBox .chkLst li .chkLbl { 
		padding:0 0 0 24px;
		font-size: 14px; 
	}
	.mVisionWr .visConBox .chkLst li .chkLbl .circle { 
		width: 14px; 
		height: 14px;
		top:2px;
	}
	.mVisionWr .visConBox .chkLst li .chkLbl .circle:before { 
		width: 8px; 
		height: 8px;
	}
	.mVisionWr .visConBox .iptBox { 
		gap:8px; 
	}
	.mVisionWr .visConBox .iptBox .ipt { 
		padding:13px 7px 12px;
		border-radius: 10px;
		font-size: 14px;
	}
	.mVisionWr .visConBox .iptBox select.ipt, 
	.mVisionWr .visConBox .iptBox .iptArea { 
		width: 100%; 
	}
	.mVisionWr .visConBox .iptBox select.ipt { 
		padding-right:20px;
		background-size:12px auto;
		background-position:right 7px center;
	}
	.mVisionWr .visConBox .iptBox .iptArea .ipt { 
		padding-right:35px;
	}
	.mVisionWr .visConBox .iptBox .iptArea .iptTxt { 
		font-size: 14px; 
	}
	.mVisionWr .visConBox .iptBox .iptBtn { 
		gap:5px;
		border-radius: 10px;
	}
	.mVisionWr .visConBox .iptBox .iptBtn .btnIco { 
		width: 14px; 
	}
	.mVisionWr .visConBox .iptBox .iptBtn .btnTxt { 
		font-size: 14px; 
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 로그인, 회원가입 공통 시작
------------------------------------------------------ */
.memberComWr .bannerBox { 
	max-width: 1920px;
	height: 700px; 
	margin:0 auto 80px;
	padding:0 20px;
	background:url(/Form/_guest/basic/images/mbrComBnr01.png) no-repeat center center;
	background-size:1920px auto;
}
.memberComWr .bannerBox .conBox { 
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	height: 100%;
	max-width: 1330px; 
	margin:0 auto;
	padding:0 0 91px;
}
.memberComWr .bannerBox .tit { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 60px;
	line-height: 1.2;
	color: #FFF;
	text-shadow:3px 3px 6px rgba(0,0,0,.25);
}
.memberComWr .bannerBox .tit span { 
	line-height: 1.2;
	color: #BDA4DD; 
}
.memberComWr .bannerBox .txt { 
	font-size: 32px; 
	color: #FFF;
}
.memberComWr .mbrComCon01 { 
	max-width: 1330px; 
	margin:0 auto;
	padding:75px 20px;
	border:1px solid #774CAC;
	border-radius: 20px;
}
.memberComWr .mbrComCon02 { 
	max-width: 1060px; 
	margin:0 auto;
}
@media all and (max-width:1370px){
	.memberComWr .mbrComCon01 { 
		margin:0 20px;
	}
}
@media all and (max-width:1100px){
	.memberComWr .mbrComCon02 { 
		margin:0 20px;
	}
}
@media all and (max-width:999px){
	.memberComWr .bannerBox { 
		height: 560px;
		margin:0 auto 40px;
		background-size:1536px auto;
	}
	.memberComWr .bannerBox .conBox { 
		padding:0 0 40px;
	}
	.memberComWr .bannerBox .tit { 
		margin:0 0 5px;
		font-size: 48px;
	}
	.memberComWr .bannerBox .txt { 
		font-size: 26px; 
	}
	.memberComWr .mbrComCon01 { 
		padding:40px 20px;
		border-radius: 10px;
	}
}
@media all and (max-width:599px){
	.memberComWr .bannerBox { 
		height: 420px; 
		margin:0 auto 20px;
		background-size:1152px auto;
	}
	.memberComWr .bannerBox .conBox { 
		padding:0 0 20px;
	}
	.memberComWr .bannerBox .tit { 
		margin:0 0 3px;
		font-size: 30px; 
	}
	.memberComWr .bannerBox .txt { 
		font-size: 16px; 
	}
	.memberComWr .mbrComCon01 { 
		padding:20px;
	}
}
/* 로그인, 회원가입 공통 끝
------------------------------------------------------ */
/* 로그인 시작
------------------------------------------------------ */
.loginWr { 
	width: 520px; 
	max-width: 100%;
	margin:0 auto;
}
.loginWr .loginTit { 
	margin:0 0 44px;
	font-weight: 600;
	font-size: 30px;
	letter-spacing: -.5px;
	color: #373737;
	text-align: center;
}
.loginWr .loginIpt { 
	width: 100%;
	padding:26px 10px;
	border-bottom:1px solid #E0E0E0;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: -.5px;
	color: #373737;
}
.loginWr .loginIpt::placeholder { 
	color: #999; 
}
.loginWr .loginIpt + .loginIpt { 
	margin-top:21px;
}
.loginWr .saveIdBox { 
	position:relative;
	margin:13px 0 44px;
}
.loginWr .saveIdBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size: 0;
	overflow:hidden;
}
.loginWr .saveIdBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 28px;
	font-size: 18px;
	color: #999;
}
.loginWr .saveIdBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:1px;
	left:0;
	background: #E0E0E0 url(/Form/_guest/basic/images/loginChk01.svg) no-repeat center center;
}
.loginWr .saveIdBox .chkIpt:checked + .chkLbl:before { 
	background-color:#774CAC; 
}
.loginWr .loginBtn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 70px;
	background: #774CAC;
	border-radius: 10px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -.5px;
	color: #FFF;
}
.loginWr .extraLst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	margin:25px 0 55px;
}
.loginWr .extraLst li { 
	position:relative; 
	padding:0 31px;
}
.loginWr .extraLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 14px;
	top:50%;
	right:0;
	margin:-7px 0 0;
	background: #ADB5BD;
}
.loginWr .extraLst li:last-child:after { 
	display:none; 
}
.loginWr .extraLst .lnk { 
	display:block; 
	font-size: 18px;
	letter-spacing: -.5px;
	color: #999;
}
.loginWr .snsBox { 
	text-align: center;  
}
.loginWr .snsBox .tit { 
	position:relative;
	margin:0 0 16px;
}
.loginWr .snsBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
	background: #E0E0E0;
}
.loginWr .snsBox .tit span { 
	position:relative; 
	padding:0 10px;
	background: #FFF;
	font-size: 15px;
	color: #999;
}
.loginWr .snsBox .snsBtn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:8px;
	width: 100%;
	height: 60px;
	border-radius: 10px;
}
.loginWr .snsBox .snsBtn span { 
	display:block; 
}
.loginWr .snsBox .snsBtn .btnIco { 
	font-size: 0; 
}
.loginWr .snsBox .snsBtn .btnIco img { 
	max-width: 100%; 
}
.loginWr .snsBox .snsBtn .btnTxt { 
	font-size: 17px;
	letter-spacing: -.5px;
	color: #373737;
}
.loginWr .snsBox .snsBtn.stKakao { 
	background: #FEE500; 
}
.loginWr .snsBox .snsBtn.stNaver { 
	border:1px solid #E0E0E0;
}
.loginWr .snsBox .snsBtn + .snsBtn { 
	margin-top:11px;
}
.loginWr .snsBox  .infoTxt { 
	position:relative; 
	display:inline-block; 
	margin:9px 0 0;
	padding:0 0 0 21px;
	font-size: 14px;
	color: #868E96;
	text-align: left;
}
.loginWr .snsBox  .infoTxt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top:1px;
	left:0;
	background:url(/Form/_guest/basic/images/loginInfo01.svg) no-repeat;
	background-size:cover;
}
@media all and (max-width:999px){
	.loginWr .loginTit { 
		margin:0 0 30px;
		font-size: 24px;
	}
	.loginWr .loginIpt { 
		padding:15px 10px;
		font-size: 16px;
	}
	.loginWr .loginIpt + .loginIpt { 
		margin-top:15px;
	}
	.loginWr .saveIdBox { 
		margin:10px 0 30px;
	}
	.loginWr .saveIdBox .chkLbl { 
		padding:0 0 0 20px;
		font-size: 15px;
	}
	.loginWr .saveIdBox .chkLbl:before { 
		width: 15px; 
		height: 15px;
		background-size:10px auto;
		background-position:center center;
	}
	.loginWr .loginBtn { 
		height: 60px; 
		font-size: 16px;
	}
	.loginWr .extraLst { 
		margin:20px 0 30px;
	}
	.loginWr .extraLst li { 
		padding:0 20px;
	}
	.loginWr .extraLst li:after { 
		height: 8px; 
		margin:-4px 0 0;
	}
	.loginWr .extraLst .lnk { 
		font-size: 15px; 
	}
	.loginWr .snsBox .tit { 
		margin:0 0 10px;
	}
	.loginWr .snsBox .tit span { 
		font-size: 13px; 
	}
	.loginWr .snsBox .snsBtn { 
		height: 50px; 
	}
	.loginWr .snsBox .snsBtn .btnIco { 
		width: 10px; 
	}
	.loginWr .snsBox .snsBtn .btnTxt { 
		font-size: 15px; 
	}
	.loginWr .snsBox .snsBtn + .snsBtn { 
		margin-top:8px;
	}
	.loginWr .snsBox .infoTxt { 
		margin:5px 0 0;
		padding:0 0 0 17px;
		font-size: 13px;
	}
	.loginWr .snsBox .infoTxt:before { 
		width: 14px; 
		height: 14px;
	}
}
@media all and (max-width:599px){
	.loginWr .loginTit { 
		margin:0 0 15px;
		font-size: 15px;
	}
	.loginWr .loginIpt { 
		padding:10px;
		font-size: 14px;
	}
	.loginWr .loginIpt + .loginIpt { 
		margin-top:10px;
	}
	.loginWr .saveIdBox { 
		margin:8px 0 15px;
	}
	.loginWr .saveIdBox .chkLbl { 
		font-size: 14px; 
	}
	.loginWr .saveIdBox .chkLbl:before { 
		width: 12px; 
		height: 12px;
		background-size:8px auto;
	}
	.loginWr .loginBtn { 
		height: 40px;
		font-size: 15px;
	}
	.loginWr .extraLst li { 
		padding:0 10px;
	}
	.loginWr .extraLst .lnk { 
		font-size: 14px; 
	}
	.loginWr .snsBox .tit { 
		margin:0 0 8px;
	}
	.loginWr .snsBox .snsBtn { 
		gap:5px;
		height: 40px; 
	}
	.loginWr .snsBox .snsBtn .btnIco { 
		width: 8px; 
	}
	.loginWr .snsBox .snsBtn .btnTxt { 
		font-size: 14px; 
	}
	.loginWr .snsBox .snsBtn + .snsBtn { 
		margin-top:5px;
	}
}
/* 로그인 끝
------------------------------------------------------ */
/* 회원가입 시작
------------------------------------------------------ */
.joinComTit01 { 
	margin:0 0 34px;
	font-weight: 700;
	font-size: 42px;
	letter-spacing: -.5px;
	text-align: center; 
	color: #373737;
}
.joinComTit02 { 
	margin:0 0 58px;
	padding:16px 0 0;
	border-top:1px solid #DEE2E6;
	font-size: 18px;
	letter-spacing: -.5px;
	text-align: center; 
	color: #ADB5BD;
}
.joinWr { 
	max-width: 790px; 
	margin:0 auto;
}
.joinCateBox { 
	margin:0 0 20px;
}
.joinCateBox ul { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
}
.joinCateBox ul li { 
	position:relative; 
	width: calc((100% - 20px)/2);
}
.joinCateBox ul li .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size: 0;
	overflow:hidden;
}
.joinCateBox .chkLbl { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	width: 100%;
	height: 93px;
	padding:0 40px;
	border:1px solid #DEE2E6;
	border-radius: 20px;
	transition:all .3s ease;
}
.joinCateBox .chkLbl:before { 
	content:"";
	flex-shrink:0;
	box-sizing:border-box;
	display:block;
	width: 42px;
	height: 42px;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.joinCateBox .chkLbl .btnTxt { 
	font-weight: 700; 
	font-size: 24px;
	letter-spacing: -.5px;
	color: #868E96;
	transition:all .3s ease;
}
.joinCateBox .chkLbl.stPer:before { 
	background-image: url(/Form/_guest/basic/images/joinCateIco01_off.svg); 
}
.joinCateBox .chkLbl.stGrp:before { 
	background-image: url(/Form/_guest/basic/images/joinCateIco02_off.svg); 
}
.joinCateBox .chkIpt:checked + .chkLbl { 
	background: #774CAC;
	border-color:#774CAC;
}
.joinCateBox .chkIpt:checked + .chkLbl .btnTxt { 
	color: #FFF; 
}
.joinCateBox .chkIpt:checked + .chkLbl.stPer:before { 
	background-image: url(/Form/_guest/basic/images/joinCateIco01_on.svg); 
}
.joinCateBox .chkIpt:checked + .chkLbl.stGrp:before { 
	background-image: url(/Form/_guest/basic/images/joinCateIco02_on.svg); 
}
.joinInfo01 { 
	margin:0 0 39px;
	padding:17px 10px 16px;
	border:1px solid #774CAC;
	border-radius: 20px;
	text-align: center;
}
.joinInfo01 .info {  
	position:relative; 
	display:inline-block; 
	padding:0 0 0 30px;
	font-size: 22px;
	letter-spacing: -.5px;
	color: #774CAC;
	word-break:break-all;
}
.joinInfo01 .info:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:4px;
	left:0;
	background:url(/Form/_guest/basic/images/joinInfo01.svg) no-repeat;
	background-size:cover;
	text-align: left;
}
.joinIptBox { 
	margin:0 0 30px;
	padding:0 0 40px;
	border-bottom:1px solid #E0E0E0;
}
.joinIptTit01 { 
	margin:0 0 37px;
	font-weight: 500; 
	font-size: 16px;
	color: #999;
}
.joinIptTit02 { 
	margin:0 0 36px;
	font-weight: 500;
	font-size: 26px;
	letter-spacing: -.5px;
	text-align: center; 
	color: #2B3034;
}
.joinIptDl { 
	display:flex;
	gap:10px;
}
.joinIptDl dt { 
	flex-shrink:0; 
	width: 125px;
	padding:11px 0 0;
	font-size: 22px;
	letter-spacing: -.5px;
	color: #373737;
}
.joinIptDl dt span { 
	color: #FF5B48; 
}
.joinIptDl dd { 
	flex-grow:1; 
}
.joinIptDl dd .joinIpt { 
	padding:12px 19px;
	border:1px solid #E0E0E0;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: -.5px;
	color: #373737;
}
.joinIptDl dd .joinIpt::placeholder { 
	color: #999; 
}
.joinIptDl dd .joinIpt.fullWid { 
	width: 100%; 
}
.joinIptDl dd .hasBtnBox { 
	display:flex;
	gap:12px;
}
.joinIptDl dd .hasBtnBox .joinIpt { 
	flex-grow:1; 
}
.joinIptDl dd .hasBtnBox .hasBtn { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 135px;
	border:1px solid #774CAC;
	font-weight: 500;
	font-size: 18px;
	color: #774CAC;
}
.joinIptDl dd .callBox { 
	display:flex;
	align-items:center; 
	gap:8px;
}
.joinIptDl dd .callBox .joinIpt { 
	width: calc((100% - 52px)/3); 
}
.joinIptDl dd .callBox .midBar { 
	flex-shrink:0;
	display:block; 
	width: 10px;
	height: 1px;
	background: #E0E0E0;
}
.joinIptDl dd .chkLst01 { 
	display:flex;
	align-items:center; 
	flex-wrap:wrap;
	gap:40px;
	height: 100%;
}
.joinIptDl dd .chkLst01 li { 
	position:relative; 
}
.joinIptDl dd .chkLst01 li .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.joinIptDl dd .chkLst01 li .chkLbl { 
	position:relative; 
	display:block; 
	padding:0 0 0 27px;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: -.5px;
	color: #999;
}
.joinIptDl dd .chkLst01 li .chkLbl .circle { 
	position:absolute; 
	display:block; 
	width: 16px;
	height: 16px;
	top:2px;
	left:0;
	border:2px solid #999;
	border-radius: 50%;
}
.joinIptDl dd .chkLst01 li .chkIpt:checked + .chkLbl .circle { 
	border-color:#774CAC;
}
.joinIptDl dd .chkLst01 li .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background: #774CAC;
	border-radius: 50%;
}
.joinIptDl dd .addrBox > * { 
	margin:0 0 13px;
}
.joinIptDl dd .addrBox > *:last-child { 
	margin:0;
}
.joinIptDl dd .addrBox .addrTop { 
	display:flex;
	flex-wrap:wrap; 
	gap:10px;
}
.joinIptDl dd .addrBox .addrTop .joinIpt { 
	width: 173px; 
}
.joinIptDl dd .addrBox .addrTop .addrBtn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 135px;
	border:1px solid #774CAC;
	font-weight: 500;
	font-size: 18px;
	color: #774CAC;
}
.joinIptDl dd.hasChk { 
	min-height: 52px; 
}
.joinIptDl + .joinIptDl { 
	margin-top:24px;
}
.joinTermBox { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:10px;
	padding:19px 18px;
	border:1px solid #DEE2E6;
}
.joinTermBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size: 0;
	overflow:hidden;
}
.joinTermBox .chkLbl { 
	position:relative;
	padding:0 0 0 37px;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -.5px;
	color: #373737;
}
.joinTermBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/joinTermChk_off.svg) no-repeat center center;
	border:1px solid #999;
	transition:all .3s ease;
}
.joinTermBox .chkLbl span { 
	letter-spacing: -.5px;
	color: #FF5B48;
}
.joinTermBox .chkIpt:checked + .chkLbl:before { 
	background-color:#774CAC;
	background-image:url(/Form/_guest/basic/images/joinTermChk_on.svg)
	border-color:#774CAC;
}
.joinTermBox .termPopOn { 
	display:block; 
	font-weight: 600;
	font-size: 18px;
	color: #774CAC;
	text-decoration:underline;
}
.joinTermBox.on { 
	background: #F3EFF8;
	border-color:#774CAC;
}
.joinBtmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:20px;
	margin:80px 0 0;
}
.joinBtmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 250px;
	height: 66px;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: -.5px;
}
.joinBtmBox .btn.st01 { 
	border:1px solid #868E96;
	color: #868E96;
}
.joinBtmBox .btn.st02  { 
	background: #774CAC;
	color: #FFF;
}
.termPopWr .popConBox { 
	position:absolute; 
	width: 1200px;
	max-width: 80%;
	top:50%;
	left:50%;
	padding:80px 70px;
	transform:translate(-50%, -50%);
	background: #FFF;
}
.termPopWr .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 47px;
}
.termPopWr .topBox .tit { 
	position:relative;
	padding:14px 0;
	font-weight: 700;
	font-size: 34px;
	color: #373737;
}
.termPopWr .topBox .tit:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 3px;
	bottom:0;
	left:0;
	background: #774CAC;
}
.termPopWr .topBox .popClose { 
	position:relative; 
	display:block; 
	width: 54px;
	height: 54px;
}
.termPopWr .topBox .popClose:before,
.termPopWr .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 40px;
	height: 4px;
	top:50%;
	left:50%;
	margin:-2px 0 0 -20px;
	background: #323232;
}
.termPopWr .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.termPopWr .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.termPopWr .conBox { 
	max-height: 400px;
	overflow-y:auto;
}
.termPopWr .termBox .tit { 
	margin:0 0 27px;
	font-weight: 600;
	font-size: 26px;
	text-align: center;
	color: #000;
}
.termPopWr .termBox .ipt { 
	display:block; 
	width: 100%;
	margin:0 0 18px;
	padding:40px 30px;
	background:#F8F9FA;
	border:1px solid #DEE2E6;
	font-size: 18px;
	line-height: 1.1;
	color: #373737;
}
.termPopWr .termBox .chkBox { 
	position:relative;
}
.termPopWr .termBox .chkBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.termPopWr .termBox .chkBox .chkLbl { 
	position:relative; 
	display:block; 
	padding:0 0 0 29px;
	font-size: 18px;
	color: #999;
}
.termPopWr .termBox .chkBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:2px;
	left:0;
	background: #E0E0E0 url(/Form/_guest/basic/images/termPopChk01.svg) no-repeat center center;
}
.termPopWr .termBox .chkBox .chkIpt:checked + .chkLbl:before { 
	background-color: #774CAC;	 
}
.termPopWr .termBox + .termBox { 
	margin-top:43px;
}
@media all and (max-width:999px){
	.joinComTit01 { 
		margin:0 0 20px;
		font-size: 34px;
	}
	.joinComTit02 { 
		margin:0 0 30px;
		padding:10px 0 0;
		font-size: 15px;
	}
	.joinIptTit02 { 
		margin:0 0 20px;
		font-size: 21px; 
	}
	.joinCateBox { 
		margin:0 0 10px;
	}
	.joinCateBox ul { 
		gap:10px; 
	}
	.joinCateBox ul li { 
		width: calc((100% - 10px)/2); 
	}
	.joinCateBox .chkLbl { 
		height: 70px;
		padding:0 20px;
	}
	.joinCateBox .chkLbl:before { 
		width: 34px; 
		height: 34px;
	}
	.joinCateBox .chkLbl .btnTxt { 
		font-size: 19px; 
	}
	.joinInfo01 { 
		margin:0 0 20px;
		padding:15px 10px 14px;
	}
	.joinInfo01 .info { 
		padding:0 0 0 20px;
		font-size: 18px; 
	}
	.joinInfo01 .info:before { 
		width: 16px; 
		height: 16px;
	}
	.joinIptBox { 
		margin:0 0 20px;
		padding:0 0 20px;
	}
	.joinIptTit01 { 
		margin:0 0 20px;
		font-size: 14px; 
	}
	.joinIptDl { 
		flex-wrap:wrap; 
		gap:5px;
	}	
	.joinIptDl dt { 
		width: 100%;
		padding:0;
		font-size: 18px;
	}
	.joinIptDl dd .joinIpt { 
		padding:10px 15px;
		font-size: 16px;
	}
	.joinIptDl dd .hasBtnBox { 
		gap:10px; 
	}
	.joinIptDl dd .hasBtnBox .hasBtn { 
		width: 120px; 
		font-size: 15px;
	}
	.joinIptDl dd .callBox { 
		gap:6px;
	}
	.joinIptDl dd .callBox .joinIpt { 
		width: calc((100% - 36px)/3); 
	}
	.joinIptDl dd .callBox .midBar { 
		width: 6px; 
	}
	.joinIptDl dd .chkLst01 { 
		gap:10px; 
	}
	.joinIptDl dd .chkLst01 li .chkLbl { 
		padding:0 0 0 20px;
		font-size: 15px; 
	}
	.joinIptDl dd .chkLst01 li .chkLbl .circle { 
		width: 14px; 
		height: 14px;
		border-width:1px;
	}
	.joinIptDl dd .chkLst01 li .chkIpt:checked + .chkLbl .circle:before { 
		width: 6px; 
		height: 6px;
	}
	.joinIptDl dd .addrBox > * { 
		margin:0 0 10px;
	}
	.joinIptDl dd .addrBox .addrTop { 
		gap:8px; 
	}
	.joinIptDl dd .addrBox .addrTop .joinIpt,
	.joinIptDl dd .addrBox .addrTop .addrBtn { 
		width:calc((100% - 8px)/2);
	}
	.joinIptDl dd .addrBox .addrTop .addrBtn { 
		font-size: 15px;
	}
	.joinIptDl dd.hasChk { 
		min-height: 43px; 
	}
	.joinIptDl + .joinIptDl { 
		margin-top:15px;
	}
	.joinTermBox { 
		padding:15px;
	}
	.joinTermBox .chkLbl { 
		padding:0 0 0 23px;
		font-size: 15px; 
	}
	.joinTermBox .chkLbl:before { 
		width: 19px; 
		height: 19px;
		background-size:11px auto;
	}
	.joinTermBox .termPopOn { 
		font-size: 15px; 
	}
	.joinBtmBox { 
		margin:40px 0 0;
		gap:10px;
	}
	.joinBtmBox .btn { 
		width: 150px;
		height: 45px;
		font-size: 19px; 
	}
	.termPopWr .popConBox { 
		padding:40px;
	}
	.termPopWr .topBox { 
		margin:0 0 20px;
	}
	.termPopWr .topBox .tit { 
		padding:10px 0;
		font-size: 27px;
	}
	.termPopWr .topBox .popClose { 
		width: 43px; 
		height: 43px;
	}
	.termPopWr .topBox .popClose:before, 
	.termPopWr .topBox .popClose:after { 
		width: 30px; 
		height: 2px;
		margin:-1px 0 0 -15px;
	}
	.termPopWr .conBox { 
		max-height: 200px; 
	}
	.termPopWr .termBox .tit { 
		margin:0 0 20px;
		font-size: 21px;
	}
	.termPopWr .termBox .ipt { 
		margin:0 0 10px;
		padding:20px;
		font-size: 15px;
	}
	.termPopWr .termBox .chkBox .chkLbl { 
		padding:0 0 0 20px;
		font-size: 15px; 
	}
	.termPopWr .termBox .chkBox .chkLbl:before { 
		width: 14px; 
		height: 14px;
		background-size:10px auto;
	}
	.termPopWr .termBox + .termBox { 
		margin-top:20px;
	}
}
@media all and (max-width:599px){
	.joinComTit01 { 
		margin:0 0 10px;
		font-size: 21px;
	}
	.joinComTit02 { 
		margin:0 0 20px;
		padding:8px 0 0;
		font-size: 14px;
	}
	.joinIptTit02 { 
		margin:0 0 15px;
		font-size: 17px; 
	}
	.joinCateBox { 
		margin:0 0 8px;
	}
	.joinCateBox ul { 
		gap:8px;
		border-radius: 10px;
	}
	.joinCateBox ul li { 
		width: 100%; 
	}
	.joinCateBox .chkLbl { 
		height: 60px; 
	}
	.joinCateBox .chkLbl:before { 
		width: 21px; 
		height: 21px;
	}
	.joinCateBox .chkLbl .btnTxt { 
		font-size: 17px; 
	}
	.joinInfo01 { 
		margin:0 0 10px;
		padding:10px 10px 9px;
		border-radius: 10px;
	}
	.joinInfo01 .info { 
		padding:0 0 0 18px;
		font-size: 14px; 
	}
	.joinInfo01 .info:before { 
		width: 14px; 
		height: 14px;
		top:2px;
	}
	.joinIptBox { 
		margin:0 0 15px;
		padding:0 0 15px;
	}
	.joinIptTit01 { 
		margin:0 0 15px;
		font-size: 13px; 
	}
	.joinIptDl dt { 
		font-size: 14px; 
	}
	.joinIptDl dd .joinIpt { 
		padding:8px;
		font-size: 14px; 
	}
	.joinIptDl dd .hasBtnBox { 
		flex-wrap:wrap; 
		gap:8px; 
	}
	.joinIptDl dd .hasBtnBox .hasBtn { 
		width: 100%;
		padding:8px;
		font-size: 13px;
	}
	.joinIptDl dd .chkLst01 { 
		gap:8px; 
	}
	.joinIptDl dd .chkLst01 li .chkLbl { 
		padding:0 0 0 15px;
		font-size: 13px; 
	}
	.joinIptDl dd .chkLst01 li .chkLbl .circle { 
		width: 12px; 
		height: 12px;
	}
	.joinIptDl dd .chkLst01 li .chkIpt:checked + .chkLbl .circle:before { 
		width: 4px; 
		height: 4px;
	}
	.joinIptDl dd .addrBox .addrTop { 
		gap:5px; 
	}
	.joinIptDl dd .addrBox .addrTop .joinIpt,
	.joinIptDl dd .addrBox .addrTop .addrBtn { 
		width:100%;
	}
	.joinIptDl dd .addrBox .addrTop .addrBtn { 
		padding:8px;
		font-size: 13px;
	}
	.joinIptDl dd.hasChk { 
		min-height: 36px; 
	}
	.joinTermBox { 
		padding:10px;
	}
	.joinTermBox .chkLbl { 
		font-size: 13px; 
	}
	.joinTermBox .chkLbl:before { 
		width: 15px; 
		height: 15px;
		background-size:8px auto;
	}
	.joinTermBox .termPopOn { 
		font-size: 13px; 
	}
	.joinBtmBox { 
		margin:20px 0 0;
		gap:8px;
	}
	.joinBtmBox .btn { 
		width: calc((100% - 8px)/2);
		height: 40px;
		font-size: 17px; 
	}
	.termPopWr .popConBox { 
		padding:20px;
	}
	.termPopWr .topBox { 
		margin:0 0 15px;
	}
	.termPopWr .topBox .tit { 
		padding:8px 0;
		font-size: 20px;
	}
	.termPopWr .topBox .popClose { 
		width: 27px; 
		height: 27px;
	}
	.termPopWr .topBox .popClose:before, 
	.termPopWr .topBox .popClose:after { 
		width: 20px; 
		margin:-1px 0 0 -10px;
	}
	.termPopWr .termBox .tit { 
		margin:0 0 10px;
		font-size: 17px; 
	}
	.termPopWr .termBox .ipt { 
		padding:10px;
		font-size: 13px;
	}
	.termPopWr .termBox .chkBox .chkLbl { 
		padding:0 0 0 15px;
		font-size: 13px;
	}
	.termPopWr .termBox .chkBox .chkLbl:before {
        width: 12px;
        height: 12px;
        background-size: 8px auto;
    }
}
/* 회원가입 끝
------------------------------------------------------ */
/* 회원가입 완료 시작
------------------------------------------------------ */
.joinCptLst li { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 25px;
	padding:30px 50px;
	border:1px solid #DEE2E6;
	border-radius: 20px;
	transition:all .3s ease; 
}
.joinCptLst li .tit { 
	font-size: 30px;
	letter-spacing: -.5px;
	color: #000;
	transition:all .3s ease;
}
.joinCptLst li .lnk { 
	position:relative; 
	display:inline-block;
	padding:18px 91px 19px 28px;
	border:1px solid #774CAC;
	border-radius: 10px;
	font-size: 26px;	
	color: #774CAC;
	transition:all .3s ease;
}
.joinCptLst li .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top:50%;
	right:41px;
	margin:-8px 0 0;
	transform:rotate(45deg);
	border-top:3px solid #774CAC;
	border-right:3px solid #774CAC;
	transition:all .3s ease;
}
.joinCptLst li:last-child { 
	margin:0;
}
.joinCptLst li:hover { 
	background: #774CAC;
	border-color:#DEE2E6;
}
.joinCptLst li:hover .tit { 
	color: #FFF; 
}
.joinCptLst li:hover .lnk { 
	border-color:#FFF;
	color: #FFF;
}
.joinCptLst li:hover .lnk:after { 
	border-color:#FFF;
}
.joinCptBtm { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	margin:80px 0 0;	
}
.joinCptBtm .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 250px;
	height: 66px;
	background: #CDD1D4;
	font-weight: 500;
	font-size: 24px;
	color: #FFF;
	transition:all .3s ease;
}
.joinCptBtm .btn:focus,
.joinCptBtm .btn:hover { 
	background: #774CAC; 
}
@media all and (max-width:999px){
	.joinCptLst li { 
		flex-wrap:wrap;
		margin:0 0 15px;
		padding:20px;
		border-radius: 10px;
	}
	.joinCptLst li .tit { 
		width: 100%;
		font-size: 24px;
	}
	.joinCptLst li .lnk { 
		width: 100%;
		padding:13px 25px 12px 13px;
		font-size: 21px; 
	}
	.joinCptLst li .lnk:after { 
		width: 12px; 
		height: 12px;
		right:15px;
		margin:-6px 0 0;
	}
	.joinCptBtm { 
		margin:40px 0 0;
	}
	.joinCptBtm .btn { 
		width: 150px; 
		height: 50px;
		font-size: 19px;
	}
}
@media all and (max-width:599px){
	.joinCptLst li { 
		gap:8px;
		margin:0 0 10px;
		padding:15px;
	}
	.joinCptLst li .tit { 
		font-size: 15px;
	}
	.joinCptLst li .lnk { 
		padding:10px 25px 9px 10px;
		font-size: 17px;
	}
	.joinCptLst li .lnk:after { 
		width: 10px; 
		height: 10px;
		margin:-5px 0 0;
		border-width:1px;
	}
	.joinCptBtm { 
		margin:20px 0 0;
	}
	.joinCptBtm .btn { 
		width: 100%; 
		height: 40px;
		font-size: 17px;
	}
}
/* 회원가입 완료 끝
------------------------------------------------------ */
/* 아이디, 비밀번호 찾기 공통 시작
------------------------------------------------------ */
.findComWr { 
	padding:60px 20px 0;
}
.findComBox { 
	max-width: 1330px; 
	margin:0 auto;
	padding:75px 20px 80px;
	border:1px solid #774CAC;
	border-radius: 20px; 
}
.findComCon { 
	max-width: 520px; 
	margin:0 auto;
}
.findComTit01 { 
	margin:0 0 43px;
	font-weight: 600;
	font-size: 30px;
	letter-spacing: -.5px;
	text-align: center; 
	color: #373737;
}
.findComTxt01 { 
	margin:0 0 48px;
	font-weight: 600; 
	font-size: 22px;
	line-height: 1.4;
	letter-spacing: -.5px;
	color: #373737;
	text-align: center;
}
.findComTxt01 span { 
	color: #774CAC;
}
.findCateBox { 
	display:flex;
	margin:0 0 45px;
}
.findCateBox .btnCate { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 50%;
	height: 62px;
	font-weight: 500;
	font-size: 22px;
	letter-spacing: -.5px;
	color: #999;
	transition:all .3s ease;
}
.findCateBox .btnCate:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1px;
	bottom:0;
	left:0;
	background: #E0E0E0;
	transition:all .3s ease;
}
.findCateBox .btnCate.on { 
	color: #774CAC; 
}
.findCateBox .btnCate.on:after { 
	height: 2px;
	background: #774CAC;
}
.findIptBox { 
	display:none; 
}
.findIptBox dl + dl { 
	margin-top:45px;
}
.findIptBox dt { 
	margin:0 0 12px;
	font-weight: 600; 
	font-size: 22px;
	letter-spacing: -.5px;
	color: #373737;
}
.findIptBox dd > * { 
	margin:0 0 14px;
}
.findIptBox dd > *:last-child { 
	margin:0;
}
.findIptBox dd .ipt { 
	padding:15px 19px;
	border:1px solid #E0E0E0; 
	font-size: 20px;
	color: #373737;
}
.findIptBox dd .ipt::placeholder { 
	color: #868E96; 
}
.findIptBox dd .ipt.fullWid { 
	width: 100%; 
}
.findIptBox dd select.ipt { 
	padding-right:40px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/findSel01.svg);
	background-repeat:no-repeat;
	background-position:right 15px center; 	 
}
.findIptBox dd .chkLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.findIptBox dd .chkLst01 li { 
	position:relative; 
}
.findIptBox dd .chkLst01 li .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.findIptBox dd .chkLst01 li .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 31px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.5px;
	color: #999;
}
.findIptBox dd .chkLst01 li .chkLbl .circle { 
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top:2px;
	left:0;
	border:2px solid #999;
	border-radius: 50%;
	transition:all .3s ease;
}
.findIptBox dd .chkLst01 li .chkIpt:checked + .chkLbl .circle { 
	border-color:#774CAC;
}
.findIptBox dd .chkLst01 li .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background: #774CAC;
	border-radius: 50%;
}
.findIptBox dd .callBox { 
	display:flex;
	align-items:center; 
	gap:8px;
}
.findIptBox dd .callBox .ipt { 
	width: calc((100% - 52px)/3);
}
.findIptBox dd .callBox .midBar { 
	display:block;
	width: 10px;
	height: 1px;
	background: #E0E0E0;
}
.findIptBox .btmBox { 
	margin:48px 0 0;	
}
.findIptBox .btmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 70px;
	background: #774CAC;
	border-radius: 10px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -.5px;
	color: #FFF;
}
.findIptBox.on { 
	display:block; 
}
.findRstBox { 
	margin:0 0 48px;
	padding:26px 30px;
	border:1px solid #DEE2E6;
}
.findRstBox dl { 
	display:flex;
	gap:37px;
	font-weight: 600;
	font-size: 22px;
}
.findRstBox dl + dl { 
	margin-top:28px;
}
.findRstBox dt { 
	flex-shrink:0;
	color: #868E96;
}
.findRstBox dd { 
	color: #373737; 
}
.findRstBox .resultBox { 
	margin:24px 0 0;
	padding:24px 0 0;
	border-top:1px solid #DEE2E6;
}
.findRstBox .resultBox ul li { 
	position:relative; 
}
.findRstBox .resultBox ul li .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.findRstBox .resultBox ul li .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 34px;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: -.5px;
	color: #373737;
}
.findRstBox .resultBox ul li .chkLbl .circle { 
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top:5px;
	left:0;
	border:2px solid #774CAC;
	border-radius: 50%;
}
.findRstBox .resultBox ul li .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background: #774CAC;
	border-radius: 50%;
}
.findBtmBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.findBtmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: calc((100% - 12px)/2);
	height: 70px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 20px;
}
.findBtmBox .btn:nth-child(odd) { 
	background: #774CAC; 
	color: #FFF;
}
.findBtmBox .btn:nth-child(even) { 
	border:1px solid #774CAC; 
	color: #774CAC;
}
@media all and (max-width:999px){
	.findComWr { 
		border-radius: 10px;
	}
	.findComBox { 
		padding:40px 20px;
	}
	.findComTit01 { 
		margin:0 0 20px;
		font-size: 24px; 
	}
	.findComTxt01 { 
		margin:0 0 20px;
		font-size: 18px;
	}
	.findCateBox { 
		margin:0 0 30px;
	}
	.findCateBox .btnCate { 
		height: 50px;
		font-size: 18px; 
	}
	.findIptBox dl + dl { 
		margin-top:30px;
	}
	.findIptBox dt { 
		margin:0 0 10px;
		font-size: 18px;
	}
	.findIptBox dd > * { 
		margin:0 0 10px;
	}
	.findIptBox dd .ipt { 
		padding:13px 15px;
		font-size: 16px;
	}
	.findIptBox dd select.ipt { 
		padding-right:30px;
		background-size:16px auto;
		background-position:right 10px center;
	}
	.findIptBox dd .callBox .ipt { 
		width: calc((100% - 48px)/3); 
	}
	.findIptBox dd .callBox .midBar { 
		width: 8px; 
	}
	.findIptBox dd .chkLst01 li .chkLbl { 
		padding:0 0 0 20px;
		font-size: 15px; 
	}
	.findIptBox dd .chkLst01 li .chkLbl .circle { 
		width: 16px; 
		height: 16px;
		top:1px;
	}
	.findIptBox dd .chkLst01 li .chkIpt:checked + .chkLbl .circle:before { 
		width: 8px; 
		height: 8px;
	}
	.findIptBox .btmBox { 
		margin:30px 0 0;
	}
	.findIptBox .btmBox .btn { 
		height: 50px; 
		font-size: 16px;
	}
	.findRstBox { 
		margin:0 0 30px;
		padding:20px;
	}
	.findRstBox dl { 
		flex-wrap:wrap; 
		gap:5px;
		font-size: 18px;
	}
	.findRstBox dl + dl { 
		margin-top:15px;
	}
	.findRstBox dt { 
		width: 100%; 
	}
	.findRstBox .resultBox { 
		margin:15px 0 0;
		padding:15px 0 0;
	}
	.findRstBox .resultBox ul li .chkLbl { 
		padding:0 0 0 25px;
		font-size: 18px; 
	}
	.findRstBox .resultBox ul li .chkLbl .circle { 
		width: 16px; 
		height: 16px;
		top:4px;
	}
	.findRstBox .resultBox ul li .chkLbl .circle:before { 
		width: 8px; 
		height: 8px;
	}
	.findBtmBox { 
		gap:10px;
	}
	.findBtmBox .btn { 
		width: calc((100% - 10px)/2); 
		height: 50px;
		font-size: 16px;
	}
}
@media all and (max-width:599px){
	.findComBox { 
		padding:20px;
	}
	.findComTit01 { 
		margin:0 0 15px;
		font-size: 18px; 
	}
	.findComTxt01 { 
		margin:0 0 15px;
		font-size: 14px;
	}
	.findCateBox { 
		margin:0 0 20px;
	}
	.findCateBox .btnCate { 
		height: 40px;
		font-size: 14px; 
	}
	.findIptBox dl + dl { 
		margin-top:20px;
	}
	.findIptBox dt { 
		margin:0 0 8px;
		font-size: 14px;
	}
	.findIptBox dd > * { 
		margin:0 0 8px;
	}
	.findIptBox dd .ipt { 
		padding:10px;
		font-size: 14px;
	}
	.findIptBox dd select.ipt { 
		background-size:12px auto; 
	}
	.findIptBox dd .chkLst01 li .chkLbl { 
		padding:0 0 0 18px;
		font-size: 14px; 
	}
	.findIptBox dd .chkLst01 li .chkLbl .circle { 
		width: 14px; 
		height: 14px;
	}
	.findIptBox dd .chkLst01 li .chkIpt:checked + .chkLbl .circle:before { 
		width: 6px;
		height: 6px;
	}
	.findIptBox .btmBox { 
		margin:20px 0 0;
	}
	.findIptBox .btmBox .btn { 
		height: 40px; 
		font-size: 14px;
	}
	.findRstBox { 
		margin:0 0 20px;
		padding:15px;
	}
	.findRstBox dl { 
		font-size: 14px; 
	}
	.findRstBox dl + dl { 
		margin-top:10px;
	}
	.findRstBox .resultBox ul li .chkLbl { 
		padding:0 0 0 18px;
		font-size: 14px; 
	}
	.findRstBox .resultBox ul li .chkLbl .circle { 
		width: 12px; 
		height: 12px;
		top:3px;
	}
	.findRstBox .resultBox ul li .chkLbl .circle:before { 
		width: 6px; 
		height: 6px;
	}
	.findBtmBox { 
		gap:8px; 
	}
	.findBtmBox .btn { 
		width: 100%;
		height: 40px;
		font-size: 14px;
	}
}
/* 아이디, 비밀번호 찾기 공통 끝
------------------------------------------------------ */
/* 커뮤니티 공통 시작
------------------------------------------------------ */
.cmntWr .subComBanner { 
	background-image: url(/Form/_guest/basic/images/cmntBanner01.png);
}
.cmntWr .cmntBox { 
	padding:143px 0 0;
}
.cmntWr .cmntBox .cmntTit01 { 
	position:relative;
	margin:0 0 68px;
	padding:0 0 21px;
	font-weight: 700;
	font-size: 52px;
	color: #774CAC;
	text-align: center;
}
.cmntWr .cmntBox .cmntTit01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 90px;
	height: 2px;
	bottom:0;
	left:50%;
	margin:0 0 0 -45px;
	background: #774CAC;
}
.cmntWr .cmntCateBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:20px;
	margin:0 0 60px;
}
.cmntWr .cmntCateBox .btnCate { 
	display:flex;
	align-items:center; 
	justify-content:center;
	min-width: 84px;
	height: 46px;
	padding:0 26px;
	border:1px solid #CDCDCD;
	border-radius: 60px;
	font-weight: 500;
	font-size: 18px;
	color: #999;
}
.cmntWr .cmntCateBox .btnCate.on { 
	background: #774CAC;
	border-color:#774CAC;
	font-weight: 600;
	color: #FFF;
}
.cmntNoData { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	padding:109px 20px 106px;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	text-align: center;
}
.cmntNoData .imgBox { 
	margin:0 auto 23px;
	font-size: 0;
}
.cmntNoData .imgBox img { 
	max-width: 100%; 
}
.cmntNoData .txt { 
	font-weight: 500; 
	font-size: 20px;
	color: #CDCDCD;
}
.cmntSchBox { 
	position:relative; 
	width: 520px; 
	max-width: 100%;
	margin:68px auto 35px;
}
.cmntSchBox form { 
	width: 100%; 
}
.cmntSchBox .ipt { 
	width: 100%;
	padding:15px 50px 15px 20px;
	border:1px solid #DEE2E6;
	font-size: 20px;
	color: #373737;
}
.cmntSchBox .ipt::placeholder { 
	color: #ADB5BD; 
}
.cmntSchBox .btn { 
	position:absolute; 
	display:block;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	font-size: 0;
}
.cmntSchBox .btn img { 
	max-width: 100%; 
}
.cmntPagingBox { 
	text-align: center;
}
.cmntPagingBox .pagingBox { 
	display:inline-flex;
	border:1px solid #DEE2E6;
	border-radius: 5px;
}
.cmntPagingBox .pagingBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 40px;
	height: 40px;
	border-right:1px solid #DEE2E6;
	font-size: 14px;
	color: #343E48;
}
.cmntPagingBox .pagingBox .btn img { 
	max-width: 100%; 
}
.cmntPagingBox .pagingBox .btn.on { 
	background: #DEE2E6; 
}
.cmntPagingBox .pagingBox .btn:last-child { 
	border-right:none;
}
@media all and (max-width:999px){
	.cmntWr .cmntBox { 
		padding:40px 0 0;
	}
	.cmntWr .cmntBox .cmntTit01 { 
		margin:0 0 40px;
		padding:0 0 15px;
		font-size: 42px;
	}
	.cmntWr .cmntBox .cmntTit01:after { 
		width: 72px;
		margin:0 0 0 -36px;
	}
	.cmntWr .cmntCateBox { 
		gap:10px;
		margin:0 0 40px;
	}
	.cmntWr .cmntCateBox .btnCate { 
		min-width: 75px;
		height: 40px;
		padding:0 15px;
		font-size: 15px;
	}
	.cmntNoData { 
		padding:40px 20px;
	}
	.cmntNoData .imgBox { 
		width: 72px;
		margin:0 auto 15px;
	}
	.cmntNoData .txt { 
		font-size: 16px;
	}
	.cmntSchBox { 
		width: 416px; 
		margin:40px auto 20px;
	}
	.cmntSchBox .ipt { 
		padding:13px 40px 13px 13px;
		font-size: 16px;
	}
	.cmntSchBox .btn { 
		width: 19px;
		right:15px;
	}
	.cmntPagingBox .pagingBox .btn { 
		width: 32px; 
		height: 32px;
		font-size: 13px;
	}
	.cmntPagingBox .pagingBox .btn img { 
		width: 16px; 
	}
}
@media all and (max-width:599px){
	.cmntWr .cmntBox { 
		padding:20px 0 0;
	}
	.cmntWr .cmntBox .cmntTit01 { 
		margin:0 0 20px;
		padding:0 0 10px;
		font-size: 26px;
	}
	.cmntWr .cmntBox .cmntTit01:after { 
		width: 54px;
		margin:0 0 0 -27px;
	}
	.cmntWr .cmntCateBox { 
		gap:8px;
		margin:0 0 20px;
	}
	.cmntWr .cmntCateBox .btnCate { 
		min-width: 70px;
		height: 35px;
		font-size: 14px;
	}
	.cmntNoData { 
		padding:20px;
	}
	.cmntNoData .imgBox { 
		width: 54px;
		margin:0 auto 10px;
	}
	.cmntNoData .txt { 
		font-size: 14px;
	}
	.cmntSchBox { 
		width: 100%; 
		margin:20px auto;
	}
	.cmntSchBox .ipt { 
		padding:10px 35px 10px 10px;
		font-size: 14px;
	}
	.cmntSchBox .btn { 
		width: 17px;
		right:10px;
	}
	.cmntPagingBox .pagingBox .btn { 
		width: 28px; 
		height: 28px;
		font-size: 12px;
	}
	.cmntPagingBox .pagingBox .btn img { 
		width: 14px; 
	}
}
/* 커뮤니티 공통 끝
------------------------------------------------------ */
/* 커뮤니티 공지사항 시작
------------------------------------------------------ */
.cmntNoticeBox { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.cmntNoticeBox .lnk { 
	position:relative; 
	display:block;
	width: calc((100% - 40px)/3);
	padding:40px 30px;
	background: #FFF;
	border-radius: 20px;
	border:1px solid #DACDE8;
	transition:all .3s ease;
}
.cmntNoticeBox .lnk > span { 
	display:block; 
}
.cmntNoticeBox .lnk .cate { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:14px;
	width: 162px;
	height: 60px;
	margin:0 0 37px;
	background: #FFF;
	border-radius: 20px;
	box-shadow:2px 2px 10px 0 rgba(169,169,169,.25);
}
.cmntNoticeBox .lnk .cate .cateIco { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 40px;
	height: 40px;
	font-size: 0;
	background: #F3EFF8;
	border-radius: 50%;
}
.cmntNoticeBox .lnk .cate .cateIco img { 
	max-width:100%;
}
.cmntNoticeBox .lnk .cate .cateTxt { 
	font-weight: 600;
	font-size: 22px;
	color: #2B3034;
}
.cmntNoticeBox .lnk .date { 
	position:absolute; 
	top:46px;
	right:30px;
	font-weight: 500;
	font-size:20px;
	color: #ADB5BD;
}
.cmntNoticeBox .lnk .tit { 
	margin:0 0 27px;
	font-weight: 600; 
	font-size: 28px;
	color: #2B3034;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.cmntNoticeBox .lnk .txt { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 24px;
	line-height: 1.4;
	color: #2B3034;
	text-overflow: ellipsis;
	overflow: hidden;
}
.cmntNoticeBox .lnk:focus,
.cmntNoticeBox .lnk:hover { 
	border-color:#774CAC;
	box-shadow:2px 2px 10px 0 rgba(169,169,169,.25);
}
@media all and (max-width:1199px){
	.cmntNoticeBox .lnk .cate { 
		margin:0 0 15px;
	}
	.cmntNoticeBox .lnk .date { 
		position:relative; 
		top:auto;
		right:auto;
		margin:0 0 10px;
	}
}
@media all and (max-width:999px){
	.cmntNoticeBox { 
		gap:10px; 
	}
	.cmntNoticeBox .lnk { 
		width: calc((100% - 10px)/2);
		padding:20px;
	}
	.cmntNoticeBox .lnk .cate { 
		gap:10px; 
		width: 140px;
		height: 50px;
		margin:0 0 10px;
	}
	.cmntNoticeBox .lnk .cate .cateIco { 
		width: 32px;
		height: 32px;	
	}	
	.cmntNoticeBox .lnk .cate .cateIco img { 
		width: 18px; 
	}
	.cmntNoticeBox .lnk .cate .cateTxt { 
		font-size: 18px; 
	}
	.cmntNoticeBox .lnk .date { 
		margin:0 0 8px;
		font-size: 16px;
	}
	.cmntNoticeBox .lnk .tit { 
		margin:0 0 15px;
		font-size: 22px;
	}
	.cmntNoticeBox .lnk .txt { 
		font-size: 19px; 
	}
}
@media all and (max-width:599px){
	.cmntNoticeBox .lnk { 
		width: 100%;
		padding:15px;
	}
	.cmntNoticeBox .lnk .cate { 
		gap:5px;
		width: 120px; 
		height: 35px;
		margin:0 0 8px;
	}
	.cmntNoticeBox .lnk .cate .cateIco { 
		width: 24px; 
		height: 24px;
	}
	.cmntNoticeBox .lnk .cate .cateIco img { 
		width: 14px; 
	}
	.cmntNoticeBox .lnk .cate .cateTxt { 
		font-size: 14px; 
	}
	.cmntNoticeBox .lnk .date { 
		margin:0 0 5px;
		font-size: 14px;
	}
	.cmntNoticeBox .lnk .tit { 
		margin:0 0 10px;
		font-size: 19px; 
	}
	.cmntNoticeBox .lnk .txt { 
		font-size: 17px; 
	}
}
/* 커뮤니티 공지사항 끝
------------------------------------------------------ */
/* 커뮤니티 사업보고 시작
------------------------------------------------------ */
.cmntReportBox { 
	max-width: 1330px; 
	margin:0 auto;
}
.cmntReportBox .reportTop { 
	margin:0 0 20px;
	padding:36px 30px;
	background: #F3EFF8; 
	border-radius: 20px;
}
.cmntReportBox .reportTop ul li { 
	margin:0 0 32px;
}
.cmntReportBox .reportTop ul li:last-child { 
	margin:0;
}
.cmntReportBox .reportTop .lnk { 
	display:flex;
	align-items:center; 
	width: 100%;
}
.cmntReportBox .reportTop .lnk .cate {
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:14px;
	width: 162px;
	height: 60px;
	margin:0 54px 0 0;
	background: #FFF;
	border-radius: 20px;
	box-shadow:2px 2px 10px 0 rgba(169,169,169,.25);
}
.cmntReportBox .reportTop .lnk .cate .cateIco { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 40px;
	height: 40px;
	background: #F3EFF8;
	border-radius: 50%;
	font-size: 0; 
}
.cmntReportBox .reportTop .lnk .cate .cateIco img { 
	max-width: 100%; 
}
.cmntReportBox .reportTop .lnk .cate .cateTxt { 
	font-weight: 600; 
	font-size: 22px;
	color: #2B3034;
}
.cmntReportBox .reportTop .lnk .tit { 
	flex-grow:1;
	margin:0 20px 0 0;
	font-weight: 600;
	font-size: 26px;
	color: #2B3034;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.cmntReportBox .reportTop .lnk .date { 
	flex-shrink:0;
	font-weight: 500; 
	font-size: 24px;
	color: #ADB5BD;
}
.cmntReportBox .reportCon { 
	overflow-x:auto; 
}
.cmntReportBox .reportCon .hidTxt { 
	display:none;
	margin:0 5px 0 0;
	font-size: 1em;
}
.cmntReportBox .reportCon table { 
	min-width: 1300px;
	text-align: center; 
}
.cmntReportBox .reportCon thead { 
	background: #F1F3F5;	
}
.cmntReportBox .reportCon thead th { 
	padding:13px 10px 12px;
	font-weight: 600;
	font-size: 24px;
	color: #868E96;
}
.cmntReportBox .reportCon tbody tr { 
	border-bottom:1px solid #DEE2E6;
}
.cmntReportBox .reportCon tbody td { 
	padding:26px 30px;
	font-weight: 500; 
	font-size: 24px;
	color: #ADB5BD;
}
.cmntReportBox .reportCon tbody td .cate { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:14px;
	width: 100%;
	padding:10px 20px;
	background: #FFF;
	border-radius: 40px;
	box-shadow:2px 2px 10px 0 rgba(169,169,169,.25);
}
.cmntReportBox .reportCon tbody td .cate .cateIco { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 40px;
	height: 40px;
	padding:5px;
	background: #F3EFF8;
	border-radius: 50%;
	font-size: 0;
}
.cmntReportBox .reportCon tbody td .cate .cateIco img { 
	max-width: 100%; 
}
.cmntReportBox .reportCon tbody td .cate .cateTxt { 
	font-weight: 600; 
	font-size: 22px;
	color: #2B3034;
}
.cmntReportBox .reportCon tbody td .td_lnk { 
	display:block; 
	font-size: 1.083em; 
	color: #2B3034;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
@media all and (max-width:999px){
	.cmntReportBox .reportTop { 
		margin:0 0 15px;
		padding:20px;
	}
	.cmntReportBox .reportTop ul li { 
		margin:0 0 20px;
	}
	.cmntReportBox .reportTop .lnk .cate { 
		gap:10px; 
		width: 140px;
		height: 50px;
		margin:0 15px 0 0;
	}
	.cmntReportBox .reportTop .lnk .cate .cateIco { 
		width: 32px;
		height: 32px;
	}
	.cmntReportBox .reportTop .lnk .cate .cateIco img { 
		width: 18px; 
	}
	.cmntReportBox .reportTop .lnk .cate .cateTxt { 
		font-size: 18px; 
	}
	.cmntReportBox .reportTop .lnk .tit { 
		margin:0 15px 0 0;
		font-size: 21px;
	}
	.cmntReportBox .reportTop .lnk .date { 
		font-size: 19px;		 
	}
	.cmntReportBox .reportCon .hidTxt { 
		display:inline-block; 
	}
	.cmntReportBox .reportCon table { 
		min-width: 0;
		border-top:1px solid #2B3034;
	}
	.cmntReportBox .reportCon thead { 
		display:none; 
	}
	.cmntReportBox .reportCon tbody tr { 
		display:flex;
		flex-wrap:wrap; 
		border-bottom:1px solid #2B3034;
	}
	.cmntReportBox .reportCon tbody td { 
		order:2;
		position:relative; 
		display:flex;
		align-items:center; 
		justify-content:center; 
		padding:15px;
		font-size: 19px;
	}
	.cmntReportBox .reportCon tbody td:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 1px;
		height: 8px;
		top:50%;
		right:0;
		margin:-4px 0 0;
		background: #ADB5BD;
	}
	.cmntReportBox .reportCon tbody td .cate { 
		gap:10px;
		padding:0;
		border-radius: 0;
		box-shadow:none;
	}
	.cmntReportBox .reportCon tbody td .cate .cateIco { 
		width: 32px;
		height: 32px;
	}
	.cmntReportBox .reportCon tbody td .cate .cateIco img { 
		width: 18px;
	}
	.cmntReportBox .reportCon tbody td .cate .cateTxt { 
		font-size: 18px;
	}
	.cmntReportBox .reportCon tbody td .td_lnk { 
		font-size:1em; 
	}
	.cmntReportBox .reportCon tbody td.brdTit { 
		order:1;
		justify-content:flex-start; 
		width: 100%;
		border-bottom:1px solid #ADB5BD;
	}
	.cmntReportBox .reportCon tbody td.brdTit:after { 
		display:none; 
	}
}
@media all and (max-width:599px){
	.cmntReportBox .reportTop { 
		margin:0 0 10px;
		padding:15px;
	}
	.cmntReportBox .reportTop ul li { 
		margin:0 0 10px;
	}
	.cmntReportBox .reportTop .lnk { 
		flex-wrap:wrap; 
	}
	.cmntReportBox .reportTop .lnk .cate { 
		gap:8px;
		width: 100%;
		height: 35px;
		margin:0 0 5px;
		border-radius: 10px;
	}
	.cmntReportBox .reportTop .lnk .cate .cateIco { 
		width: 24px; 
		height: 24px;
	}
	.cmntReportBox .reportTop .lnk .cate .cateIco img { 
		width: 14px; 
	}
	.cmntReportBox .reportTop .lnk .cate .cateTxt { 
		font-size: 14px; 
	}
	.cmntReportBox .reportTop .lnk .tit { 
		width: 100%;
		margin:0 0 5px;
		font-size: 17px;
	}
	.cmntReportBox .reportTop .lnk .date { 
		width: 100%;
		text-align: right;
		font-size: 15px;
	}
	.cmntReportBox .reportCon tbody td { 
		padding:10px;
		font-size: 16px;
	}
	.cmntReportBox .reportCon tbody td .cate { 
		gap:8px; 
	}
	.cmntReportBox .reportCon tbody td .cate .cateIco { 
		width: 24px; 
		height: 24px;	
	}
	.cmntReportBox .reportCon tbody td .cate .cateTxt { 
		font-size: 14px; 
	}
}
/* 커뮤니티 사업보고 끝
------------------------------------------------------ */
/* 커뮤니티 Q&A 시작
------------------------------------------------------ */
.cmntQnaBox { 
	max-width: 1330px; 
	margin:0 auto;
}
.cmntQnaBox .qnaQue { 
	position:relative; 
	display:block;
	width: 100%;
	padding:26px 100px 26px 117px;
	border:2px solid #DEE2E6;
	border-radius: 20px;
	font-weight: 500;
	font-size: 34px;
	color: #2B3034;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:all .3s ease;
}
.cmntQnaBox .qnaQue:before,
.cmntQnaBox .qnaQue:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.cmntQnaBox .qnaQue:before { 
	width: 36px;
	height: 36px;
	top:50%;
	left:50px;
	margin:-18px 0 0;
	background:url(/Form/_guest/basic/images/cmntQnaQue01.svg) no-repeat;
	background-size:cover;
}
.cmntQnaBox .qnaQue:after { 
	width: 20px; 
	height: 20px;
	top:50%;
	right:58px;
	margin:-15px 0 0;
	transform:rotate(45deg);
	border-bottom:4px solid #ADB5BD;
	border-right:4px solid #ADB5BD;
}
.cmntQnaBox .qnaAnw + .qnaQue { 
	margin-top:40px;
}
.cmntQnaBox .qnaAnw { 
	display:none; 
	padding:40px 40px 0;
}
.cmntQnaBox .qnaAnw .conBox { 
	max-width: 1106px; 
	margin:0 auto;
	padding:60px;
	background: #F4F0F0;
}
@media all and (max-width:999px){
	.cmntQnaBox .qnaQue { 
		padding:20px 60px 20px 60px;
		font-size: 27px; 
	}	
	.cmntQnaBox .qnaQue:before { 
		width: 28px; 
		height: 28px;
		left:20px;
		margin:-14px 0 0;
	}
	.cmntQnaBox .qnaQue:after { 
		width: 16px; 
		height: 16px;
		right:30px;
		margin:-13px 0 0;
		border-width:2px;
	}
	.cmntQnaBox .qnaAnw + .qnaQue { 
		margin-top:20px;
	}
	.cmntQnaBox .qnaAnw { 
		padding:20px 20px 0;
	}
	.cmntQnaBox .qnaAnw .conBox { 
		padding:20px;
	}
}
@media all and (max-width:599px){
	.cmntQnaBox .qnaQue { 
		padding:15px 50px;
		font-size: 20px;
	}
	.cmntQnaBox .qnaQue:before { 
		width: 18px; 
		height: 18px;
		margin:-9px 0 0;
	}
	.cmntQnaBox .qnaQue:after { 
		width: 12px; 
		height: 12px;
		right:20px;
		margin:-8px 0 0;
	}
	.cmntQnaBox .qnaAnw + .qnaQue { 
		margin-top:15px;
	}
	.cmntQnaBox .qnaAnw { 
		padding:15px 15px 0;;
	}
	.cmntQnaBox .qnaAnw .conBox { 
		padding:15px;
	}
}
/* 커뮤니티 Q&A 끝
------------------------------------------------------ */
/* 갤러리 시작
------------------------------------------------------ */
.cmntGalBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
}
.cmntGalBox .lnk { 
	display:block; 
	width: calc((100% - 40px)/3);
	border:2px solid #DEE2E6;
	border-radius: 20px;
	transition:all .3s ease;
	overflow:hidden;
}
.cmntGalBox .lnk > span { 
	display:block; 
}
.cmntGalBox .lnk .imgBox { 
	position:relative;
	padding:54.26% 0 0;
	background: #E0E0E0;
	font-size: 0;
	overflow:hidden;
}
.cmntGalBox .lnk .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.cmntGalBox .lnk .conBox { 
	padding:35px 40px 30px;
}
.cmntGalBox .lnk .conBox span { 
	display:block; 
}
.cmntGalBox .lnk .tit,
.cmntGalBox .lnk .txt { 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.cmntGalBox .lnk .tit { 
	margin:0 0 12px;
	font-weight: 700;
	font-size: 32px;
	color: #2B3034;
}
.cmntGalBox .lnk .txt { 
	margin:0 0 10px;
	font-size: 24px;
	color: #2B3034; 
}
.cmntGalBox .lnk .date { 
	text-align: right;
	font-size: 20px;
	color: #ADB5BD;
}
.cmntGalBox .lnk:focus,
.cmntGalBox .lnk:hover { 
	border-color:#774CAC;
}
@media all and (max-width:999px){
	.cmntGalBox { 
		gap:15px; 
	}
	.cmntGalBox .lnk { 
		width: calc((100% - 15px)/2);
		border-radius: 10px;
	}
	.cmntGalBox .lnk .conBox { 
		padding:20px;
	}
	.cmntGalBox .lnk .tit { 
		margin:0 0 10px;
		font-size: 26px;
	}
	.cmntGalBox .lnk .txt { 
		margin:0 0 8px;
		font-size: 19px;
	}
	.cmntGalBox .lnk .date { 
		font-size: 16px; 
	}
}
@media all and (max-width:599px){ 
	.cmntGalBox { 
		gap:10px; 
	}
	.cmntGalBox .lnk { 
		width: 100%; 
	}
	.cmntGalBox .lnk .conBox { 
		padding:15px;
	}
	.cmntGalBox .lnk .tit { 
		margin:0 0 5px;
		font-size: 19px;
	}
	.cmntGalBox .lnk .txt { 
		margin:0 0 5px;
		font-size: 17px;
	}
	.cmntGalBox .lnk .date { 
		font-size: 14px; 
	}
}
/* 갤러리 끝
------------------------------------------------------ */
/* 후원 스토리 공통 시작
------------------------------------------------------ */
.sponsorComWr .subComBanner { 
	background-image:url(/Form/_guest/basic/images/sponsorBanner01.png); 
}
.sponsorComWr .spsConBox { 
	padding:80px 0 0;
}
.sponsorComWr .picTopBox { 
	display:flex;
	align-items:flex-end;
	gap:60px;
	margin:0 0 80px;
	padding:94px 139px 94px 0;
	background: url(/Form/_guest/basic/images/mPicBg01.png) no-repeat; 
	background-size:cover;
}
.sponsorComWr .picTopBox .picBox { 
	flex-shrink:0;
	position:relative;
	width: 925px;
	height: 552px;
}
.sponsorComWr .picTopBox .picBox iframe { 
	position:absolute; 
	display:block; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: #E0E0E0;
}
.sponsorComWr .picTopBox .conBox { 
	flex-grow:1;
	padding:0 0 72px;
}
.sponsorComWr .picTopBox .tit { 
	position:relative;
	margin:0 0 46px;
	padding:0 0 10px 9px;
}
.sponsorComWr .picTopBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 31px;
	bottom:0;
	left:0;
	background: #DACDE8;
}
.sponsorComWr .picTopBox .tit span { 
	position:relative; 
	font-family: Noto Serif KR, serif; 
	font-weight: 700;
	font-size: 52px;
	color: #2B3034;
}
.sponsorComWr .picTopBox .txt01 { 
	margin:0 0 46px;
	font-weight: 500;
	font-size: 28px;
	line-height: 1.5;
	color: #774CAC;
}
.sponsorComWr .picTopBox .txt02 { 
	display:inline-flex;
	gap:17px;
	padding:10px 16px;
	align-items:center; 
	background: #FFF;
	border-radius: 20px;
}
.sponsorComWr .picTopBox .txt02 span { 
	display:block; 
}
.sponsorComWr .picTopBox .txt02 .ico { 
	font-size: 0; 
}
.sponsorComWr .picTopBox .txt02 .ico img { 
	max-width: 100%; 
}
.sponsorComWr .picTopBox .txt02 .txt { 
	font-size: 20px;
	color: #868E96;
}
.sponsorComWr .picBtmBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
}
.sponsorComWr .picBtmBox .lnk { 
	display:block; 
	width: calc((100% - 40px)/3);
	border:2px solid #DEE2E6;
	border-radius: 20px;
	transition:all .3s ease;
	overflow:hidden;
}
.sponsorComWr .picBtmBox .lnk span { 
	display:block; 
}
.sponsorComWr .picBtmBox .lnk .imgBox { 
	position:relative; 
	padding:54.46% 0 0;
	background: #E0E0E0;		
	font-size: 0; 
	overflow:hidden;
}
.sponsorComWr .picBtmBox .lnk .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.sponsorComWr .picBtmBox .lnk .imgBox.noImg:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 90px;
	height: 90px;
	top:50%;
	left:50%;
	margin:-45px 0 0 -45px;
	background:url(/Form/_guest/basic/images/comNodata01.svg) no-repeat;
	background-size:cover;
}
.sponsorComWr .picBtmBox .lnk .conBox { 
	padding:35px 40px 30px;
}
.sponsorComWr .picBtmBox .lnk .name { 
	margin:0 0 14px;
	font-weight: 700; 
	font-size: 32px;
	color: #2B3034;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.sponsorComWr .picBtmBox .lnk .name em { 
	font-style: normal; 
	color: #774CAC;
}
.sponsorComWr .picBtmBox .lnk .txt { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:0 0 12px;
	font-size: 24px;	
	line-height: 1.5;
	color: #2B3034;
	text-overflow: ellipsis;
	overflow: hidden; 
}
.sponsorComWr .picBtmBox .lnk .date { 
	text-align: right;
	font-size: 20px;
	color: #ADB5BD;
}
.sponsorComWr .picBtmBox .lnk:focus,
.sponsorComWr .picBtmBox .lnk:hover { 
	border-color:#BDA4DD;
}
.sponsorComWr .spsStoryBox { 
	display:flex;
	flex-direction:column;
	gap:34px;
}
.sponsorComWr .spsStoryBox .lnk { 
	position:relative; 
	display:flex; 
	border:2px solid #DEE2E6;
	border-radius: 20px;
	transition:all .3s ease;
	overflow:hidden;
}
.sponsorComWr .spsStoryBox .lnk span { 
	display:block; 
}
.sponsorComWr .spsStoryBox .lnk .imgBox { 
	flex-shrink:0;
	position:relative; 
	width: 790px;
	background: #E0E0E0;
	overflow:hidden;
}
.sponsorComWr .spsStoryBox .lnk .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.sponsorComWr .spsStoryBox .lnk .imgBox.noImg:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 90px;
	height: 90px;
	top:50%;
	left:50%;
	margin:-45px 0 0 -45px;
	background:url(/Form/_guest/basic/images/comNodata01.svg) no-repeat;
	background-size:cover;
}
.sponsorComWr .spsStoryBox .lnk .conBox { 
	width: calc(100% - 790px);
	padding:87px 50px;
}
.sponsorComWr .spsStoryBox .lnk .name { 
	margin:0 0 38px;
	font-weight: 700; 
	font-size: 40px;
	color: #774CAC;
}
.sponsorComWr .spsStoryBox .lnk .tit { 
	margin:0 0 30px;
	font-weight: 600;
	font-size: 30px;
	color: #000;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.sponsorComWr .spsStoryBox .lnk .txt { 
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	font-size: 28px;
	line-height: 1.5;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sponsorComWr .spsStoryBox .lnk .date { 
	text-align: right;
	font-size: 24px;
	color: #ADB5BD;
}
.sponsorComWr .spsStoryBox .lnk:focus,
.sponsorComWr .spsStoryBox .lnk:hover { 
	border-color:#BDA4DD;
}
@media all and (max-width:1599px){	
	.sponsorComWr .picTopBox .picBox { 
		width: 832px;
		height: 497px;
	}
}
@media all and (max-width:1399px){
	.sponsorComWr .picTopBox { 
		gap:40px;
		padding:80px 20px 80px 0;
	}
	.sponsorComWr .picTopBox .picBox { 
		width: 740px;
		height: 442px;
	}
	.sponsorComWr .picTopBox .conBox { 
		padding:0 0 40px;
	}
	.sponsorComWr .spsStoryBox .lnk .imgBox,
	.sponsorComWr .spsStoryBox .lnk .conBox { 
		width: 50%;
	}
}
@media all and (max-width:1199px){
	.sponsorComWr .picTopBox { 
		gap:20px;
	}
	.sponsorComWr .picTopBox .picBox {
		width: 648px;
		height: 386px;
	}
	.sponsorComWr .picTopBox .conBox { 
		padding:0 0 20px;
	}
}
@media all and (max-width:999px){
	.sponsorComWr .spsConBox { 
		padding:40px 0 0;
	}
	.sponsorComWr .picTopBox { 
		display:block; 
		margin:0 0 40px;
		padding:20px;
		text-align: center;
	}
	.sponsorComWr .picTopBox .picBox { 
		width: 100%;
		height: 0;
		margin:0 0 20px;
		padding:52.19% 0 0;
	}
	.sponsorComWr .picTopBox .conBox { 
		padding:0;
	}
	.sponsorComWr .picTopBox .tit { 
		display:inline-block; 
		margin:0 0 30px;
		padding:0 0 10px;
	}
	.sponsorComWr .picTopBox .tit:before { 
		height: 24px; 
	}
	.sponsorComWr .picTopBox .tit span { 
		font-size: 42px; 
	}
	.sponsorComWr .picTopBox .txt01 { 
		margin:0 0 30px;
		font-size: 22px;
	}
	.sponsorComWr .picTopBox .txt02 { 
		gap:10px; 
	}
	.sponsorComWr .picTopBox .txt02 .ico { 
		width: 30px; 
	}
	.sponsorComWr .picTopBox .txt02 .txt { 
		font-size: 16px; 
	}
	.sponsorComWr .picBtmBox { 
		gap:15px;
	}
	.sponsorComWr .picBtmBox .lnk { 
		width: calc((100% - 15px)/2);
		border-radius: 10px;
	}
	.sponsorComWr .picBtmBox .lnk .imgBox.noImg:before { 
		width: 72px;
		height: 72px;
		margin:-36px 0 0 -36px;
	}
	.sponsorComWr .picBtmBox .lnk .conBox { 
		padding:20px;
	}
	.sponsorComWr .picBtmBox .lnk .name { 
		margin:0 0 10px;
		font-size: 26px;
	}
	.sponsorComWr .picBtmBox .lnk .txt { 
		margin:0 0 10px;
		font-size: 19px;
	}
	.sponsorComWr .picBtmBox .lnk .date { 
		font-size: 16px; 
	}
	.sponsorComWr .spsStoryBox { 
		gap:20px; 
	}
	.sponsorComWr .spsStoryBox .lnk { 
		border-radius: 10px;
	}
	.sponsorComWr .spsStoryBox .lnk .imgBox.noImg:before { 
		width: 72px;
		height: 72px;
		margin:-36px 0 0 -36px;
	}
	.sponsorComWr .spsStoryBox .lnk .conBox { 
		padding:40px;
	}
	.sponsorComWr .spsStoryBox .lnk .name { 
		margin:0 0 20px;
		font-size: 32px;
	}
	.sponsorComWr .spsStoryBox .lnk .tit { 
		margin:0 0 15px;
		font-size: 24px;
	}
	.sponsorComWr .spsStoryBox .lnk .txt { 
		-webkit-line-clamp:3; 
		font-size: 22px;
	}
	.sponsorComWr .spsStoryBox .lnk .date { 
		font-size: 19px; 
	}
}
@media all and (max-width:599px){
	.sponsorComWr .spsConBox { 
		padding:20px 0 0;
	}
	.sponsorComWr .picTopBox { 
		margin:0 0 20px;
	}
	.sponsorComWr .picTopBox .picBox { 
		margin:0 0 12px;
	}	
	.sponsorComWr .picTopBox .tit { 
		margin:0 0 12px;
		padding:0 10px;
	}
	.sponsorComWr .picTopBox .tit:before { 
		height: 6px; 
	}
	.sponsorComWr .picTopBox .tit span { 
		font-size: 16px; 
	}
	.sponsorComWr .picTopBox .txt01 { 
		margin:0 0 12px;
		font-size: 12px; 
	}
	.sponsorComWr .picTopBox .txt02 { 
		gap:6px;
		padding:4px 6px;
	}
	.sponsorComWr .picTopBox .txt02 .ico { 
		width: 18px; 
	}
	.sponsorComWr .picTopBox .txt02 .txt { 
		font-size: 12px; 
	}
	.sponsorComWr .picBtmBox { 
		gap:10px; 
	}
	.sponsorComWr .picBtmBox .lnk { 
		width: 100%; 
	}
	.sponsorComWr .picBtmBox .lnk .imgBox.noImg:before { 
		width: 30px;
		height: 30px;
		margin:-15px 0 0 -15px;
	}
	.sponsorComWr .picBtmBox .lnk .conBox { 
		padding:15px;
	}
	.sponsorComWr .picBtmBox .lnk .name { 
		margin:0 0 5px;
		font-size: 20px; 
	}
	.sponsorComWr .picBtmBox .lnk .txt { 
		margin:0 0 5px;
		font-size: 17px;
	}
	.sponsorComWr .picBtmBox .lnk .date { 
		font-size: 14px; 
	}
	.sponsorComWr .spsStoryBox { 
		gap:10px; 
	}
	.sponsorComWr .spsStoryBox .lnk { 
		flex-wrap:wrap; 
	}
	.sponsorComWr .spsStoryBox .lnk .imgBox, 
	.sponsorComWr .spsStoryBox .lnk .conBox { 
		width: 100%; 
	}	
	.sponsorComWr .spsStoryBox .lnk .imgBox { 
		padding:56.25% 0 0;
	}	
	.sponsorComWr .spsStoryBox .lnk .imgBox.noImg:before { 
		width: 30px;
		height: 30px;
		margin:-15px 0 0 -15px;
	}
	.sponsorComWr .spsStoryBox .lnk .conBox { 
		padding:15px;
	}
	.sponsorComWr .spsStoryBox .lnk .name { 
		margin:0 0 10px;
		font-size: 20px;
	}
	.sponsorComWr .spsStoryBox .lnk .tit { 
		margin:0 0 10px;
		font-size: 17px;
	}
	.sponsorComWr .spsStoryBox .lnk .txt { 
		-webkit-line-clamp:2;
		margin:0 0 5px;
		font-size: 15px; 
	}
	.sponsorComWr .spsStoryBox .lnk .date { 
		font-size: 14px; 
	}
}
/* 후원 스토리 공통 끝
------------------------------------------------------ */
/* 마이실버비전 시작
------------------------------------------------------ */
.myVisComWr .subComBanner { 
	padding:0 20px;
	background-image: url(/Form/_guest/basic/images/myVisBanner01.png);
}
.myVisComWr .myVisBnrBox { 
	position:relative;
	display:flex;
	align-items:center; 
	max-width: 1330px;
	height: 100%;
	margin:0 auto;
}
.myVisComWr .myVisBnrBox .conBox { 
	width: 100%;
	text-align: left;
}
.myVisComWr .myVisBnrBox .bnrTit { 
	margin:0 0 8px;
	font-size: 28px;
	color: #FFF;
}
.myVisComWr .myVisBnrBox .bnrTxt { 
	margin:0 0 39px;
	font-weight: 700;
	font-size: 60px;
	line-height: 1.2;
	color: #FFF;
	text-shadow:3px 3px 6px rgba(0,0,0,.25);
}
.myVisComWr .myVisBnrBox .bnrTxt span { 
	line-height: 1.2;
	color: #DACDE8;
}
.myVisComWr .myVisBnrBox .bnrDate { 
	position:relative;
	display:inline-block; 
	padding:15px 30px 14px 65px;
	background: #774CAC;
	border-radius: 10px;
	font-size: 32px;
	color: #FFF;
}
.myVisComWr .myVisBnrBox .bnrDate:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:23px;
	left:29px;
	background:url(/Form/_guest/basic/images/myVisBnrHeart01.svg) no-repeat;
	background-size:cover;
}
.myVisComWr .myVisBnrBox .bnrDate span { 
	font-weight: 700; 
}
.myVisComWr .myVisBox { 
	position:relative; 
	max-width: 1330px;
	min-height: 400px;
	margin:80px auto 0;
	padding:0 0 0 365px;
}
.myVisComWr .myVisMenu { 
	position:absolute; 
	width: 325px;
	top:0;
	left:0;
	transition:all .3s ease;
	z-index:1;
}
.myVisComWr .myVisMenu .visMenuToggle { 
	position:absolute; 
	display:none; 
	width: 30px;
	height: 30px;
	top:50%;
	left:100%;
	margin:-15px 0 0;
	background: #DACDE8;
}
.myVisComWr .myVisMenu .visMenuToggle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top:50%;
	left:50%;
	margin:-7px 0 0 -9px;
	transform:rotate(45deg);
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
}
.myVisComWr .myVisMenu .depth1Lst .depth1 { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:11px 21px 12px;
	background: #FFF;
	border-radius: 10px;
	font-weight: 600;
	font-size: 18px;
	letter-spacing:-.5px;
	color: #373737;
	transition:all .3s ease;
}
.myVisComWr .myVisMenu .depth1Lst .depth1:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:none;
	width: 10px;
	height: 10px;
	top:50%;
	right:23px;
	margin:-8px 0 0;
	transform:rotate(45deg);
	border-bottom:2px solid #BDA4DD;
	border-right:2px solid #BDA4DD;
}
.myVisComWr .myVisMenu .depth1Lst .depth1.on { 
	background: #DACDE8; 
}
.myVisComWr .myVisMenu .depth2Lst { 
	margin:0 0 9px;
	padding:0 0 9px;
	border-bottom:1px solid #DEE2E6;
}
.myVisComWr .myVisMenu .depth2Lst .depth2 { 
	display:block;
	width: 100%;
	padding:11px 11px 11px 30px;
	font-size: 18px; 
	letter-spacing: -.5px;
	color: #373737;
	transition:all .3s ease;
}
.myVisComWr .myVisMenu .depth2Lst .depth2:focus,
.myVisComWr .myVisMenu .depth2Lst .depth2:hover { 
	color: #774CAC;
}
.myVisComWr .myVisCon .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 29px;
	padding:0 0 15px;
	border-bottom:2px solid #774CAC;
	overflow:hidden;
}
.myVisComWr .myVisCon .topBox .tit { 
	font-weight: 600; 
	font-size: 32px;
	letter-spacing: -.5px;
	color: #373737;
}
.myVisComWr .myVisCon .topBox .btnBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.myVisComWr .myVisCon .topBox .btnBox .btnCate { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	min-width: 140px;
	height: 38px;
	padding:0 20px;
	border:1px solid #CDCDCD;
	border-radius: 60px;
	font-weight: 500;
	font-size: 18px;
	color: #999;
	transition:all .3s ease;
}
.myVisComWr .myVisCon .topBox .btnBox .btnCate.on { 
	background: #774CAC;
	font-weight: 600;
	color: #FFF;
}
.myVisComWr .myVisCon .topBox .lnk01 { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	width: 188px;
	height: 50px;
	background: #774CAC;
	border-radius: 10px;
}
.myVisComWr .myVisCon .topBox .lnk01:before { 
	flex-shrink:0;
	content:"";
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	background:url(/Form/_guest/basic/images/myVisWrite01.svg) no-repeat;
	background-size:cover;
}
.myVisComWr .myVisCon .topBox .lnk01 .lnkTxt { 
	font-weight: 600; 
	font-size: 18px;
	color: #FFF;
}
.myVisComWr .myVisCon .infoTxt { 
	position:relative; 
	display:inline-block;
	margin:0 0 30px;
	padding:9px 9px 7px 47px;
	background: #F8F9FA;
	border-radius: 20px;
	font-size: 16px;
	color: #868E96;
}
.myVisComWr .myVisCon .infoTxt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:6px;
	left:12px;
	background:url(/Form/_guest/basic/images/myVisInfo01.svg) no-repeat;
	background-size:cover;
}
.myVisComWr .myVisCon .myVisSchBox { 
	display:flex;
	gap:20px;
	margin:0 0 30px;
}
.myVisComWr .myVisCon .myVisSchBox .ipt { 
	padding:13px 19px;
	border:1px solid #DEE2E6;
	font-size: 17px;
	letter-spacing: -.5px;
	color: #2B3034;
}
.myVisComWr .myVisCon .myVisSchBox .ipt::placeholder { 
	color: #ADB5BD; 
}
.myVisComWr .myVisCon .myVisSchBox select.ipt { 
	flex-shrink:0;
	width: 155px;
	padding-right:40px;
	appearance: none;
	background: #F3EFF8 url(/Form/_guest/basic/images/myVisSel01.svg) no-repeat right 22px center; 	
	border-color:#DACDE8;
}
.myVisComWr .myVisCon .myVisSchBox input.ipt { 
	flex-grow:1; 
}
.myVisComWr .myVisCon .myVisTblBox { 
	overflow-x:auto;
}
.myVisComWr .myVisCon .myVisTblBox .st01 { 
	color: #774CAC; 
}
.myVisComWr .myVisCon .myVisTblBox .st02 { 
	color: #ADB5BD; 
}
.myVisComWr .myVisCon .myVisTblBox .stBold { 
	font-weight: 600;
}
.myVisComWr .myVisCon .myVisTblBox .stEll { 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.myVisComWr .myVisCon .myVisTblBox .btn { 
	display:block; 
	width: 100%;
	padding:6px;
	background: #BDA4DD;
	font-weight: 500;
	font-size: 17px;
	color: #FFF;
}
.myVisComWr .myVisCon .myVisTblBox table { 
	min-width: 900px;
	text-align: center;
}
.myVisComWr .myVisCon .myVisTblBox thead { 
	background: #F8F9FA;
	border-bottom:1px solid #E0E0E0;
}
.myVisComWr .myVisCon .myVisTblBox thead th { 
	padding:15px 10px 10px;
	text-align: center;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: -.5px;
	color: #999;
}
.myVisComWr .myVisCon .myVisTblBox tbody tr { 
	border-bottom:1px solid #F1F3F5;
}
.myVisComWr .myVisCon .myVisTblBox tbody td { 
	padding:14px 10px 13px;
	font-size: 17px;
	letter-spacing: -.5px;
	word-break:break-all;
	color: #2B3034;
}
.myVisComWr .myVisCon .cmntPagingBox { 
	margin-top:30px;
}
.myVisComWr .myVisWriteBox dl { 
	display:flex;
	gap:10px;
}
.myVisComWr .myVisWriteBox dl + dl { 
	margin-top:24px;
}
.myVisComWr .myVisWriteBox dl.stAlic { 
	align-items:center; 
}
.myVisComWr .myVisWriteBox dl.stAlic dt { 
	padding:0;
}
.myVisComWr .myVisWriteBox dt { 
	flex-shrink:0;
	width: 165px;
	padding:11px 0 0 12px;
	font-size: 22px; 
	letter-spacing: -.5px;
	color: #373737;
}
.myVisComWr .myVisWriteBox dt span { 
	color: #FF5B48; 
}
.myVisComWr .myVisWriteBox dd { 
	flex-grow:1;
	min-height: 52px;
}
.myVisComWr .myVisWriteBox dd .ipt { 
	display:block; 
	padding:12px 19px;
	border:1px solid #E0E0E0;
	font-size: 20px;
	letter-spacing: -.5px;
	color: #2B3034;
}
.myVisComWr .myVisWriteBox dd .ipt::placeholder { 
	color: #868E96;
}
.myVisComWr .myVisWriteBox dd .ipt.fullWid { 
	width: 100%; 
}
.myVisComWr .myVisWriteBox dd .chkLst01 { 
	display:flex;
	flex-wrap:wrap;
	align-items:center; 
	gap:70px;
	height: 100%;
}
.myVisComWr .myVisWriteBox dd .chkLst01 li { 
	position:relative; 
}
.myVisComWr .myVisWriteBox dd .chkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.myVisComWr .myVisWriteBox dd .chkLst01 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 26px;
	font-weight: 500;
	font-size: 17px;
	color: #999;
}
.myVisComWr .myVisWriteBox dd .chkLst01 .chkLbl .circle { 
	position:absolute; 
	display:block; 
	width: 16px;
	height: 16px;
	top:3px;
	left:0;
	border:2px solid #999;
	border-radius: 50%;
	transition:all .3s ease;
}
.myVisComWr .myVisWriteBox dd .chkLst01 .chkIpt:checked + .chkLbl .circle { 
	border-color:#774CAC;
}
.myVisComWr .myVisWriteBox dd .chkLst01 .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background:#774CAC;
	border-radius: 50%;
}
.myVisComWr .myVisWriteBox dd .addrBox > * { 
	margin:0 0 13px;
}
.myVisComWr .myVisWriteBox dd .addrBox > *:last-child { 
	margin:0;
}
.myVisComWr .myVisWriteBox dd .addrBox .schBox { 
	display:flex;
	gap:10px;
}
.myVisComWr .myVisWriteBox dd .addrBox .schBox .ipt { 
	width: 173px; 
}
.myVisComWr .myVisWriteBox dd .addrBox .schBox .addrBtn { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 135px;
	border:1px solid #774CAC;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.5px;
	color: #774CAC;
}
.myVisComWr .myVisWriteBox dd .snsBox { 
	text-align: center; 
}
.myVisComWr .myVisWriteBox dd .snsBox .snsLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
	width: 100%;
	margin:0 0 9px;
}
.myVisComWr .myVisWriteBox dd .snsBox .snsLst > li { 
	width: calc((100% - 8px)/2); 
}
.myVisComWr .myVisWriteBox dd .snsBox .snsBtn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	width: 100%;
	height: 60px;
	border-radius: 10px;
}
.myVisComWr .myVisWriteBox dd .snsBox .snsBtn span { 
	display:block; 
}
.myVisComWr .myVisWriteBox dd .snsBox .snsBtn .btnIco { 
	font-size: 0; 
}
.myVisComWr .myVisWriteBox dd .snsBox .snsBtn .btnIco img { 
	max-width: 100%; 
}
.myVisComWr .myVisWriteBox dd .snsBox .snsBtn .btnTxt { 
	font-size: 17px; 
	color: #373737;
}
.myVisComWr .myVisWriteBox dd .snsBox .snsBtn.stKakao { 
	background: #FEE500; 
}
.myVisComWr .myVisWriteBox dd .snsBox .snsBtn.stNaver { 
	border:1px solid #E0E0E0;
}
.myVisComWr .myVisWriteBox dd .snsBox .snsInfo { 
	position:relative; 
	display:inline-block;
	padding:0 0 0 22px;
	font-size: 14px;
	color: #868E96;
}
.myVisComWr .myVisWriteBox dd .snsBox .snsInfo:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/myVisSnsInfo01.svg) no-repeat;
	background-size:cover;
}
.myVisComWr .myVisWriteBox .btmBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
	margin:40px 0 0;
	padding:40px 0 0 135px;
	border-top:1px solid #E0E0E0;
}
.myVisComWr .myVisWriteBox .btmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 250px;
	height: 66px;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: -.5px;
}
.myVisComWr .myVisWriteBox .btmBox .btn:nth-child(odd) { 
	border:1px solid #868E96;
	color: #868E96;
}
.myVisComWr .myVisWriteBox .btmBox .btn:nth-child(even) { 
	background:#774CAC;
	color: #FFF;
}
.myVisComWr .myVisGradeBox .gradeTop { 
	position:relative;
	min-height: 106px;
	margin:0 0 46px;
	padding:8px 0 0 137px;
}
.myVisComWr .myVisGradeBox .gradeTop .imgBox { 
	position:absolute; 
	top:0;
	left:0;
	font-size: 0;
}
.myVisComWr .myVisGradeBox .gradeTop .imgBox img { 
	max-width: 100%; 
}
.myVisComWr .myVisGradeBox .gradeTop .txt { 
	font-weight: 500; 
	font-size: 30px;
	line-height: 1.5;
	color: #000;
}
.myVisComWr .myVisGradeBox .gradeTop .txt .st01,
.myVisComWr .myVisGradeBox .gradeTop .txt .st02 { 
	font-weight: 700;
	line-height: 1.5; 
}
.myVisComWr .myVisGradeBox .gradeTop .txt .st02 { 
	color: #774CAC;
}
.myVisComWr .myVisGradeBox .gradeInfo { 
	padding:30px 20px;
	border:1px solid #E0E0E0;
	border-radius: 10px;
}
.myVisComWr .myVisGradeBox .gradeInfo ul { 
	display:flex;
	flex-wrap:wrap; 
	text-align: center;
}
.myVisComWr .myVisGradeBox .gradeInfo ul li { 
	position:relative; 
	width: 33.333%;
}
.myVisComWr .myVisGradeBox .gradeInfo ul li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 80px;
	top:50%;
	right:0;
	margin:-40px 0 0;
	background: #E0E0E0;
}
.myVisComWr .myVisGradeBox .gradeInfo ul li span { 
	display:block; 
}
.myVisComWr .myVisGradeBox .gradeInfo ul li:last-child:after { 
	display:none; 
}
.myVisComWr .myVisGradeBox .gradeInfo .ico { 
	margin:0 auto 5px;
	font-size: 0; 
}
.myVisComWr .myVisGradeBox .gradeInfo .ico img { 
	max-width: 100%; 
}
.myVisComWr .myVisGradeBox .gradeInfo .tit { 
	margin:0 0 6px;
	font-weight: 500;
	font-size: 22px;
	color: #999;
}
.myVisComWr .myVisGradeBox .gradeInfo .txt01 { 
	font-weight: 600; 
	font-size: 22px;
	color: #373737;
}
.myVisComWr .myVisGradeBox .gradeInfo .txt01 em { 
	font-style: normal; 
	font-size: 1.545em;
	color: #774CAC;
}
.myVisComWr .myVisGradeBox .gradeInfo .txt02 { 
	font-weight: 300; 
	font-size: 28px;
	color: #868E96;
}
.myVisComWr .rcpTit { 
	margin:0 0 12px;
	padding:5px 20px;
	background: #F1F3F5;
	font-weight: 700;
	font-size: 20px;
	color: #2B3034;
}
.myVisComWr .rcpInfoBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:9px;
	margin:0 0 40px;
}
.myVisComWr .rcpInfoBox dl { 
	display:flex;
	width: calc((100% - 9px)/2);
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	color: #2B3034;
}
.myVisComWr .rcpInfoBox dl > * { 
	padding:7px 7px 6px;
}
.myVisComWr .rcpInfoBox dl.fullWid { 
	width: 100%; 
}
.myVisComWr .rcpInfoBox dt { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 240px;
	background: #F3EFF8;
}
.myVisComWr .rcpInfoBox dd { 
	flex-grow:1;
	border:1px solid #F1F3F5;
	word-break:break-all;
}
.myVisComWr .rcpTblBox { 
	overflow-x:auto;
	margin:0 0 40px;
}
.myVisComWr .rcpTblBox table { 
	min-width: 960px;
	border:1px solid #F1F3F5; 
	font-size: 18px;
	color: #2B3034;
	text-align: center;
}
.myVisComWr .rcpTblBox thead { 
	background: #F3EFF8; 
}
.myVisComWr .rcpTblBox thead th { 
	padding:7px 7px 6px;
	font-weight: 500; 
}
.myVisComWr .rcpTblBox thead th.hasLine { 
	border-bottom:1px solid #DACDE8;
}
.myVisComWr .rcpTblBox tbody tr { 
	border-bottom:1px solid #F1F3F5;
}
.myVisComWr .rcpTblBox tbody tr > *,
.myVisComWr .rcpTblBox tfoot tr > * { 
	padding:7px 7px 6px;
	border-right:1px solid #F1F3F5;
}
.myVisComWr .rcpTblBox tbody tr > *:last-child,
.myVisComWr .rcpTblBox tfoot tr > *:last-child { 
	border-right:none;
}
.myVisComWr .rcpTblBox tfoot th { 
	font-weight: 400; 
}
.myVisComWr .rcpSignBox { 
	margin:0 0 40px;
	border:1px solid #F1F3F5;
}
.myVisComWr .rcpSignBox .txt { 
	padding:14px 9px;
	font-size: 18px;
	color: #2B3034;
}
.myVisComWr .rcpSignBox .signDl { 
	display:flex;
	border-top:1px solid #F1F3F5;
	border-bottom:1px solid #F1F3F5;
	font-size: 20px;
	color: #2B3034;
}
.myVisComWr .rcpSignBox .signDl dt { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 240px;
	padding:26px 10px;
	border-right:1px solid #F1F3F5;
	font-weight: 700;
	text-align: center;
}
.myVisComWr .rcpSignBox .signDl dd { 
	flex-grow:1;
	display:flex;
}
.myVisComWr .rcpSignBox .signDl dd .nameArea {
	flex-grow:1; 
	display:flex;
	align-items:center;
	padding:26px 20px;
	border-right:1px solid #F1F3F5;
}
.myVisComWr .rcpSignBox .signDl dd .name { 
	width: 100%;
	font-weight: 700;
	text-align: right;
}
.myVisComWr .rcpSignBox .signDl dd .sign,
.myVisComWr .rcpSignBox .signDl dd .stamp { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 180px; 
	padding:26px 10px;
}
.myVisComWr .rcpSignBox .date { 
	padding:12px 10px 13px;
	font-weight: 500;
	font-size: 18px;
	color: #2B3034;
	text-align: right;
}
.myVisComWr .rcpSignBox .signDl dd .stamp { 
	font-size: 0; 
}
.myVisComWr .rcpSignBox .signDl dd .stamp img { 
	max-width: 100%; 
}
.myVisComWr .rcpBtmBox { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center; 
	gap:20px;
}
.myVisComWr .rcpBtmBox .btn { 
	display:block; 
	padding:17px 104px 16px;
	font-weight: 500;
	font-size: 24px;
	border-width:1px;
	border-style:solid;
	text-align: center;
}
.myVisComWr .rcpBtmBox .btn:nth-child(odd) { 
	background: #774CAC;
	border-color:#774CAC;
	color: #FFF;
}
.myVisComWr .rcpBtmBox .btn:nth-child(even) { 
	border-color:#868E96;
	color: #868E96;
}
@media all and (max-width:1370px){
	.myVisComWr .myVisBox { 
		margin:80px 20px 0;
	}
	.myVisComWr .rcpInfoBox dl:not(.fullWid) { 
		flex-wrap:wrap; 
	}
	.myVisComWr .rcpInfoBox dl:not(.fullWid) > * { 
		width: 100%; 
	}
}
@media all and (max-width:1199px){
	.myVisComWr .myVisCon .topBox { 
		flex-wrap:wrap;
	}
	.myVisComWr .myVisCon .topBox .tit { 
		width: 100%; 
	}
	.myVisComWr .myVisCon .topBox .btnBox { 
		width: 100%;
		justify-content:flex-end;
	}
}
@media all and (max-width:999px){
	.myVisComWr .myVisBnrBox .bnrTit { 
		margin:0 0 5px;
		font-size: 21px; 
	}
	.myVisComWr .myVisBnrBox .bnrTxt { 
		margin:0 0 20px;
		font-size: 48px;
	}
	.myVisComWr .myVisBnrBox .bnrDate { 
		padding:13px 20px 11px 40px;
		font-size: 26px; 
	}
	.myVisComWr .myVisBnrBox .bnrDate:before { 
		width: 19px; 
		height: 19px;
		top:20px;
		left:13px;
	}
	.myVisComWr .myVisBox { 
		margin:40px 20px 0;
		padding:0;
	}
	.myVisComWr .myVisMenu { 
		width: 270px;
		height: calc(100% + 40px);
		left:-290px;
		padding:10px;
		background: #FFF;
		border:1px solid #DACDE8;
		border-bottom:none;
		border-left:none;
	}
	.myVisComWr .myVisMenu .visMenuToggle { 
		display:block; 
	}
	.myVisComWr .myVisMenu .depth1Lst .depth1 { 
		font-size: 15px; 
	}
	.myVisComWr .myVisMenu .depth1Lst .depth1:after { 
		width: 8px; 
		height: 8px;
		right:15px;
		margin:-6px 0 0;
	}
	.myVisComWr .myVisMenu .depth2Lst { 
		margin:0;
		padding:0;
	}
	.myVisComWr .myVisMenu .depth2Lst .depth2 { 
		padding:9px 9px 9px 20px;
		font-size: 15px; 
	}
	.myVisComWr .myVisMenu.on { 
		left:-20px; 
	}
	.myVisComWr .myVisCon .topBox { 
		gap:5px;
		margin:0 0 20px;
		padding:0 0 10px;
	}
	.myVisComWr .myVisCon .topBox .tit { 
		font-size: 26px; 
	}
	.myVisComWr .myVisCon .topBox .btnBox { 
		gap:10px; 
	}
	.myVisComWr .myVisCon .topBox .btnBox .btnCate { 
		min-width: 100px;
		height: 35px;
		font-size: 15px;		
	}
	.myVisComWr .myVisCon .topBox .lnk01 { 
		gap:8px;
		width: 100%;
		height: 40px;
	}
	.myVisComWr .myVisCon .topBox .lnk01:before { 
		width: 15px;
		height: 15px;
	}
	.myVisComWr .myVisCon .topBox .lnk01 .lnkTxt { 
		font-size: 15px;
	}
	.myVisComWr .myVisCon .infoTxt { 
		margin:0 0 20px;
		padding:9px 9px 7px 35px;
		font-size: 14px;
	}
	.myVisComWr .myVisCon .infoTxt:before { 
		width: 19px; 
		height: 19px;
		top:8px;
		left:10px;
	}
	.myVisComWr .myVisCon .myVisSchBox { 
		flex-wrap:wrap;
		gap:10px;
		margin:0 0 20px;
	}
	.myVisComWr .myVisCon .myVisSchBox .ipt { 
		padding:10px 15px;
		font-size: 14px; 
	}
	.myVisComWr .myVisCon .myVisSchBox select.ipt { 
		width: calc((100% - 10px)/2);
		padding-right:30px;
		background-size:10px auto;
		background-position:right 15px center;
	}
	.myVisComWr .myVisCon .myVisSchBox input.ipt { 
		width: 100%; 
	}
	.myVisComWr .myVisCon .myVisTblBox .btn { 
		font-size: 14px; 
	}
	.myVisComWr .myVisCon .myVisTblBox thead th,
	.myVisComWr .myVisCon .myVisTblBox tbody td { 
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.myVisComWr .myVisCon .cmntPagingBox { 
		margin-top:20px;
	}
	.myVisComWr .myVisWriteBox dl { 
		flex-wrap:wrap; 
		gap:8px;
	}
	.myVisComWr .myVisWriteBox dl + dl { 
		margin-top:20px;
	}
	.myVisComWr .myVisWriteBox dt { 
		width: 100%;
		padding:0;
		font-size: 18px;
		text-align: left;
	}
	.myVisComWr .myVisWriteBox dd { 
		min-height: 0; 
	}
	.myVisComWr .myVisWriteBox dd .ipt { 
		padding:10px 15px;
		font-size: 16px; 
	}
	.myVisComWr .myVisWriteBox dd .chkLst01 { 
		gap:20px; 
	}
	.myVisComWr .myVisWriteBox dd .chkLst01 .chkLbl { 
		padding:0 0 0 17px;
		font-size: 15px; 
	}
	.myVisComWr .myVisWriteBox dd .chkLst01 .chkLbl .circle { 
		width: 12px; 
		height: 12px;
		top:2px;
	}
	.myVisComWr .myVisWriteBox dd .chkLst01 .chkIpt:checked + .chkLbl .circle:before { 
		width: 4px; 
		height: 4px;
	}
	.myVisComWr .myVisWriteBox dd .addrBox > * { 
		margin:0 0 10px;
	}
	.myVisComWr .myVisWriteBox dd .addrBox .schBox { 
		width:	100%; 
	}
	.myVisComWr .myVisWriteBox dd .addrBox .schBox .ipt { 
		flex-grow:1;
		width: auto; 
	}
	.myVisComWr .myVisWriteBox dd .addrBox .schBox .addrBtn { 
		width: 100px;
		font-size: 15px; 
	}
	.myVisComWr .myVisWriteBox dd .snsBox .snsLst { 
		margin:0 0 5px;
	}
	.myVisComWr .myVisWriteBox dd .snsBox .snsBtn { 
		height: 50px; 
	}
	.myVisComWr .myVisWriteBox dd .snsBox .snsBtn .btnIco { 
		width: 12px; 
	}
	.myVisComWr .myVisWriteBox dd .snsBox .snsBtn .btnTxt { 
		font-size: 14px; 
	}
	.myVisComWr .myVisWriteBox dd .snsBox .snsInfo { 
		padding:0 0 0 18px;
		font-size: 13px;
	}
	.myVisComWr .myVisWriteBox dd .snsBox .snsInfo:before { 
		width: 14px; 
		height: 14px;
	}
	.myVisComWr .myVisWriteBox .btmBox { 
		justify-content:center; 
		gap:10px;
		margin:20px 0 0;
		padding:20px 0 0;
	}
	.myVisComWr .myVisWriteBox .btmBox .btn { 
		width: 150px; 
		height: 50px;
		font-size: 19px;
	}
	.myVisComWr .myVisGradeBox .gradeTop { 
		min-height: 85px;
		margin:0 0 20px;
		padding:11px 0 0 100px;
	}
	.myVisComWr .myVisGradeBox .gradeTop .imgBox { 
		width: 85px;
	}
	.myVisComWr .myVisGradeBox .gradeTop .txt { 
		font-size: 24px;
		line-height: 1.4;
	}
	.myVisComWr .myVisGradeBox .gradeTop .txt .st01,
	.myVisComWr .myVisGradeBox .gradeTop .txt .st02 { 
		line-height: 1.4; 
	}
	.myVisComWr .myVisGradeBox .gradeInfo { 
		padding:20px;
	}
	.myVisComWr .myVisGradeBox .gradeInfo .ico { 
		width: 27px; 
		margin:0 auto 3px;
	}
	.myVisComWr .myVisGradeBox .gradeInfo .tit { 
		margin:0 0 3px;
		font-size: 18px;
	}
	.myVisComWr .myVisGradeBox .gradeInfo .txt01 { 
		font-size: 18px; 
	}
	.myVisComWr .myVisGradeBox .gradeInfo .txt02 { 
		font-size: 20px; 
	}
	.myVisComWr .rcpTit { 
		margin:0 0 10px;
		padding:5px 15px;
		font-size: 16px;
	}
	.myVisComWr .rcpInfoBox { 
		margin:0 0 30px;
	}
	.myVisComWr .rcpInfoBox dl { 
		font-size: 15px; 
	}
	.myVisComWr .rcpInfoBox dt { 
		width: 200px; 
	}
	.myVisComWr .rcpTblBox { 
		margin:0 0 30px;
	}
	.myVisComWr .rcpTblBox table { 
		font-size: 15px; 
	}
	.myVisComWr .rcpSignBox { 
		margin:0 0 30px;
	}
	.myVisComWr .rcpSignBox .txt { 
		padding:12px 9px;
		font-size: 15px;
	}
	.myVisComWr .rcpSignBox .signDl { 
		font-size: 16px;
	}
	.myVisComWr .rcpSignBox .signDl dt { 
		width: 200px;
		padding:15px 10px;
	}
	.myVisComWr .rcpSignBox .signDl dd .nameArea {
		padding:15px 10px;
	}
	.myVisComWr .rcpSignBox .signDl dd .sign,
	.myVisComWr .rcpSignBox .signDl dd .stamp { 
		width: 130px; 
		padding:15px 10px;
	}
	.myVisComWr .rcpSignBox .date { 
		padding:10px 10px 11px;
		font-size: 15px;
	}
	.myVisComWr .rcpBtmBox { 
		gap:15px;
	}
	.myVisComWr .rcpBtmBox .btn { 
		padding:13px 60px 12px;
		font-size: 19px;
	}
}
@media all and (max-width:599px){
	.myVisComWr .myVisBnrBox .conBox { 
		text-align: center; 
	}
	.myVisComWr .myVisBnrBox .bnrTit { 
		margin:0 0 3px;
		font-size: 17px; 
	}
	.myVisComWr .myVisBnrBox .bnrTxt { 
		margin:0 0 10px;
		font-size: 30px;
	}
	.myVisComWr .myVisBnrBox .bnrDate { 
		padding:11px 15px 9px 35px;
		font-size: 20px;
	}
	.myVisComWr .myVisBnrBox .bnrDate:before { 
		width: 17px; 
		height: 17px;
		top:15px;
		left:12px;
	}
	.myVisComWr .myVisMenu { 
		height: calc(100% + 20px); 
	}
	.myVisComWr .myVisCon .topBox { 
		margin:0 0 15px;
	}
	.myVisComWr .myVisCon .topBox .tit { 
		font-size: 21px; 
	}
	.myVisComWr .myVisCon .topBox .btnBox { 
		gap:5px; 
	}
	.myVisComWr .myVisCon .topBox .btnBox .btnCate { 
		width: 100%; 
		height: 30px;
		font-size: 14px;
	}
	.myVisComWr .myVisCon .topBox .lnk01 { 
		gap:5px;
		height: 35px;
	}
	.myVisComWr .myVisCon .topBox .lnk01:before { 
		width: 14px;
		height: 14px;
	}
	.myVisComWr .myVisCon .topBox .lnk01 .lnkTxt { 
		font-size: 14px;
	}
	.myVisComWr .myVisCon .infoTxt { 
		margin:0 0 15px;
		padding:9px 9px 7px 30px;
		font-size: 13px;
	}
	.myVisComWr .myVisCon .infoTxt:before { 
		width: 17px; 
		height: 17px;
		top:7px;
	}
	.myVisComWr .myVisCon .myVisSchBox { 
		gap:8px;
		margin:0 0 15px;
	}
	.myVisComWr .myVisCon .myVisSchBox .ipt { 
		padding:8px 10px;
		font-size: 13px; 
	}
	.myVisComWr .myVisCon .myVisSchBox select.ipt { 
		width: 100%;
		padding-right:25px;
		background-size:8px auto;
		background-position:right 10px center;
	}
	.myVisComWr .myVisCon .myVisTblBox .btn { 
		font-size: 13px; 
	}
	.myVisComWr .myVisCon .myVisTblBox thead th,
	.myVisComWr .myVisCon .myVisTblBox tbody td { 
		font-size: 13px;
	}
	.myVisComWr .myVisCon .cmntPagingBox { 
		margin-top:15px;
	}
	.myVisComWr .myVisWriteBox dl { 
		gap:5px; 
	}
	.myVisComWr .myVisWriteBox dl + dl { 
		margin-top:15px;
	}
	.myVisComWr .myVisWriteBox dt { 
		font-size: 14px; 
	}
	.myVisComWr .myVisWriteBox dd .ipt { 
		padding:10px;
		font-size: 14px;
	}
	.myVisComWr .myVisWriteBox dd .chkLst01 { 
		gap:10px; 
	}
	.myVisComWr .myVisWriteBox dd .chkLst01 .chkLbl { 
		font-size: 14px; 
	}
	.myVisComWr .myVisWriteBox dd .chkLst01 .chkLbl .circle { 
		top:3px;
	}
	.myVisComWr .myVisWriteBox dd .addrBox > * { 
		margin:0 0 8px;
	}
	.myVisComWr .myVisWriteBox dd .addrBox .schBox { 
		flex-wrap:wrap; 
		gap:8px;
	}
	.myVisComWr .myVisWriteBox dd .addrBox .schBox .ipt { 
		width: 100%; 
	}
	.myVisComWr .myVisWriteBox dd .addrBox .schBox .addrBtn { 
		width: 100%;
		padding:10px;
		font-size: 14px; 
	}
	.myVisComWr .myVisWriteBox dd .snsBox .snsLst > li { 
		width: 100%; 
	}
	.myVisComWr .myVisWriteBox dd .snsBox .snsBtn { 
		height: 40px;
		border-radius: 0;
	}
	.myVisComWr .myVisWriteBox .btmBox { 
		margin:15px 0 0;
		padding:15px 0 0;
	}
	.myVisComWr .myVisWriteBox .btmBox .btn { 
		width: calc((100% - 10px)/2);
		height: 40px;
		font-size: 17px;
	}
	.myVisComWr .myVisGradeBox .gradeTop { 
		min-height: 64px;
		margin:0 0 15px;
		padding:8px 0 0 75px;
	}
	.myVisComWr .myVisGradeBox .gradeTop .imgBox { 
		width: 64px;
	}
	.myVisComWr .myVisGradeBox .gradeTop .txt { 
		font-size: 18px;
		line-height: 1.3;
	}
	.myVisComWr .myVisGradeBox .gradeTop .txt .st01,
	.myVisComWr .myVisGradeBox .gradeTop .txt .st02 { 
		line-height: 1.3; 
	}
	.myVisComWr .myVisGradeBox .gradeInfo { 
		padding:0 15px;
	}
	.myVisComWr .myVisGradeBox .gradeInfo ul li { 
		width: 100%; 
		padding:15px 0;
		border-bottom:1px solid #E0E0E0;
	}
	.myVisComWr .myVisGradeBox .gradeInfo ul li:after { 
		display:none; 
	}
	.myVisComWr .myVisGradeBox .gradeInfo .ico { 
		width: 20px; 
		margin:0 auto 2px;
	}
	.myVisComWr .myVisGradeBox .gradeInfo .tit { 
		margin:0 auto 2px;
		font-size: 14px; 
	}
	.myVisComWr .myVisGradeBox .gradeInfo .txt01 { 
		font-size: 14px; 
	}
	.myVisComWr .myVisGradeBox .gradeInfo .txt02 { 
		font-size: 16px; 
	}
	.myVisComWr .rcpTit { 
		padding:5px 10px;
		font-size: 15px;
	}
	.myVisComWr .rcpInfoBox { 
		margin:0 0 20px;
	}
	.myVisComWr .rcpInfoBox dl { 
		flex-wrap:wrap; 
		width: 100%;
		font-size: 14px;
	}	
	.myVisComWr .rcpInfoBox dt,
	.myVisComWr .rcpInfoBox dd { 
		width: 100%; 
	}
	.myVisComWr .rcpTblBox { 
		margin:0 0 20px;
	}
	.myVisComWr .rcpTblBox table { 
		font-size: 14px; 
	}
	.myVisComWr .rcpSignBox { 
		margin:0 0 20px;
	}
	.myVisComWr .rcpSignBox .txt { 
		padding:9px;
		font-size: 14px;
	}
	.myVisComWr .rcpSignBox .signDl { 
		flex-wrap:wrap; 
		font-size: 15px;
	}
	.myVisComWr .rcpSignBox .signDl dt { 
		width: 100%;
		padding:9px;
	}
	.myVisComWr .rcpSignBox .signDl dd { 
		flex-wrap:wrap; 
	}
	.myVisComWr .rcpSignBox .signDl dd .nameArea,
	.myVisComWr .rcpSignBox .signDl dd .sign,
	.myVisComWr .rcpSignBox .signDl dd .stamp { 
		width: 100%;
		padding:9px;
	}
	.myVisComWr .rcpSignBox .date { 
		padding:9px;
		font-size: 14px;
	}
	.myVisComWr .rcpBtmBox { 
		gap:10px;
	}
	.myVisComWr .rcpBtmBox .btn { 
		width: calc((100% - 10px)/2);
		padding:10px 10px 9px;
		font-size: 17px;
	}
}
/* 마이실버비전 끝
------------------------------------------------------ */
/* 의료지원 사업 시작
------------------------------------------------------ */
.medicalWr .subComBanner { 
	background-image: url(/Form/_guest/basic/images/medicalBanner01.png);
}
.medicalBox { 
	padding:133px 0 0;
}
.medicalBox .mdcTit01 { 
	margin:0 0 77px;
	padding:0 20px;
	font-weight: 700;
	font-size: 52px;
	color: #774CAC;
	text-align: center;
}
.medicalBox .mdcTopBox { 
	margin:0 0 140px;
}
.medicalBox .mdcTopBox .inner { 
	display:flex;
}
.medicalBox .mdcTopBox .imgBox { 
	flex-shrink:0;
	max-width: 100%;
	font-size: 0;
}
.medicalBox .mdcTopBox .imgBox img { 
	max-width: 100%; 
}
.medicalBox .mdcTopBox .txtBox { 
	flex-grow:1;
	padding:84px 73px;
	background:#F7F7F7; 
	background-size:100% 100%;
}
.medicalBox .mdcTopBox .txtBox .letter { 
	max-width: 100%;
	margin:0 0 47px;
	font-size: 0;
}
.medicalBox .mdcTopBox .txtBox .letter img { 
	max-width: 100%; 
}
.medicalBox .mdcTopBox .txtBox .txt { 
	font-weight: 500; 
	font-size: 24px;
	line-height: 1.6;
	color: #000;
}
.medicalBox .mdcTopBox .txtBox .txt span { 
	font-weight: 700;
	line-height: 1.6; 
}
.medicalBox .mdcTopBox .txtBox .txt + .txt { 
	margin-top:37px;
}
.medicalBox .mdcGraphBox { 
	margin:0 0 144px;
	padding:144px 0 151px;
	background:#F8F9FA;
	text-align: center; 
}
.medicalBox .mdcGraphBox .graphTit01 { 
	margin:0 0 110px;
	font-weight: 700;
	font-size: 52px;
	color: #774CAC;
}
.medicalBox .mdcGraphBox .graphBox { 
	display:flex;
	gap:20px;
	margin:0 0 80px;
}
.medicalBox .mdcGraphBox .graphBox .tit { 
	font-weight: 600;
	font-size: 36px;
	color: #2B3034;
}
.medicalBox .mdcGraphBox .graphBox .per { 
	font-weight: 900; 
	font-size: 50px;
	color: #BDA4DD;
}
.medicalBox .mdcGraphBox .graphBox .per span { 
	font-style:normal;
	font-size: 2.28em; 
}
.medicalBox .mdcGraphBox .graphBox .imgBox { 
	max-width: 100%; 
	font-size: 0;
}
.medicalBox .mdcGraphBox .graphBox .imgBox img { 
	max-width: 100%; 
}
.medicalBox .mdcGraphBox .graphBox .lBox,
.medicalBox .mdcGraphBox .graphBox .rBox { 
	width: calc((100% - 20px)/2); 
}
.medicalBox .mdcGraphBox .graphBox .lBox { 
	padding:63px 36px;
	background: #FFF;
}
.medicalBox .mdcGraphBox .graphBox .lBox .tit { 
	margin:0 0 33px;
}
.medicalBox .mdcGraphBox .graphBox .rBox { 
	padding:60px 36px;
	background: #F3EFF8;
}
.medicalBox .mdcGraphBox .graphBox .rBox .tit { 
	margin:0 0 27px;
}
.medicalBox .mdcGraphBox .graphBox .rBox .per { 
	margin:0 0 30px;
}
.medicalBox .mdcGraphBox .graphTxt01 { 
	text-align: center; 
	font-size: 28px;
	line-height: 1.6;
	color: #2B3034;
}
.medicalBox .mdcGraphBox .graphTxt01 span { 
	font-weight: 600;	
	line-height: 1.6;
	color: #774CAC;
}
.medicalBox .mdcGraphBox .graphTxt01 + .graphTxt01 { 
	margin-top:45px;
}
.medicalBox .mdcGraphBox .graphTxt02 { 
	position:relative; 
	display:inline-block; 
	margin:54px 0 0;
}
.medicalBox .mdcGraphBox .graphTxt02:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 20px;
	bottom:0;
	left:0;
	background: #DACDE8;
}
.medicalBox .mdcGraphBox .graphTxt02 .line { 
	position:relative; 
	font-weight: 600;
	font-size: 34px;
	color: #2B3034;
}
.medicalBox .mdcGraphBox .graphTxt02 .line span { 
	color: #774CAC;
}
.medicalBox .mdcPresentBox .tit { 
	margin:0 0 112px;
	font-weight: 700; 
	font-size: 52px;
	color: #774CAC;
	text-align: center;
}
.medicalBox .mdcPresentBox .lnkLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
	margin:0 0 72px;
}
.medicalBox .mdcPresentBox .lnkLst li {
	width: calc((100% - 40px)/3); 
}
.medicalBox .mdcPresentBox .lnkLst .imgBox { 
	position:relative; 
	padding:70.58% 0 0;
	border-radius: 20px;
	box-shadow:4px 4px 20px 0 rgba(0,0,0,.25);
	overflow:hidden;
}
.medicalBox .mdcPresentBox .lnkLst .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.medicalBox .mdcPresentBox .lnkLst .lnk { 
	position:relative; 
	display:block; 
	margin:47px 0 0;
	padding:67px 95px 68px 135px;
	background: #FFF;
	border:1px solid #DEE2E6;
	border-radius: 20px;
	transition:all .3s ease; 
}
.medicalBox .mdcPresentBox .lnkLst .lnk span { 
	display:block; 
}
.medicalBox .mdcPresentBox .lnkLst .lnk .lnkIco,
.medicalBox .mdcPresentBox .lnkLst .lnk .lnkArrow { 
	position:absolute; 
	top:50%;
	transform:translateY(-50%);
	font-size: 0; 
}
.medicalBox .mdcPresentBox .lnkLst .lnk .lnkIco img,
.medicalBox .mdcPresentBox .lnkLst .lnk .lnkArrow img { 
	max-width: 100%; 
}
.medicalBox .mdcPresentBox .lnkLst .lnk .lnkIco { 
	left:36px;
}
.medicalBox .mdcPresentBox .lnkLst .lnk .lnkTit { 
	margin:0 0 11px;
	font-weight: 600; 
	font-size: 34px;
	color: #2B3034;
}
.medicalBox .mdcPresentBox .lnkLst .lnk .lnkTxt { 
	font-weight: 500; 
	font-size: 26px;
	color: #868E96;
}
.medicalBox .mdcPresentBox .lnkLst .lnk .lnkArrow { 
	right:38px;
}
.medicalBox .mdcPresentBox .lnkLst .lnk:focus,
.medicalBox .mdcPresentBox .lnkLst .lnk:hover { 
	border-color:#774CAC;
	box-shadow:4px 4px 20px 0 rgba(0,0,0,.25);
}
.medicalBox .mdcPresentBox .btmBox { 
	display:flex;
	justify-content:center; 
}
.medicalBox .mdcPresentBox .btmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:10px;
	width: 520px;
	max-width: 100%;
	height: 92px;
	background: #774CAC;
	border-radius: 20px;
}
.medicalBox .mdcPresentBox .btmBox .btn span { 
	display:block; 
}
.medicalBox .mdcPresentBox .btmBox .btn .btnIco { 
	font-size: 0; 
}
.medicalBox .mdcPresentBox .btmBox .btn .btnIco img { 
	max-width: 100%; 
}
.medicalBox .mdcPresentBox .btmBox .btn .btnTxt { 
	font-weight: 600; 
	font-size: 28px;
	letter-spacing: -.5px;
	color: #FFF;
}
@media all and (max-width:1599px){
	.medicalBox .mdcTopBox .inner { 
		align-items:center; 
	}
	.medicalBox .mdcTopBox .imgBox { 
		width: 590px; 
	}
	.medicalBox .mdcTopBox .txtBox { 
		padding:50px;
	}
	.medicalBox .mdcTopBox .txtBox .letter { 
		width: 542px;
		margin:0 0 40px;
	}
	.medicalBox .mdcTopBox .txtBox .txt + .txt { 
		margin-top:35px;
	}
}
@media all and (min-width:1400px){
	.medicalBox .mdcPresentBox .lnkLst .lnk:focus,
	.medicalBox .mdcPresentBox .lnkLst .lnk:hover { 
		margin:30px 0 0;
	}
}
@media all and (max-width:1399px){
	.medicalBox .mdcTopBox .imgBox { 
		width: 524px; 
	}
	.medicalBox .mdcTopBox .txtBox { 
		padding:40px;
	}
	.medicalBox .mdcTopBox .txtBox .letter { 
		width: 482px; 
		margin:0 0 30px;
	}
	.medicalBox .mdcTopBox .txtBox .txt + .txt { 
		margin-top:30px;
	}
	.medicalBox .mdcPresentBox .lnkLst li { 
		display:flex;
		width: 100%;
	}	
	.medicalBox .mdcPresentBox .lnkLst .imgBox { 
		flex-shrink:0;
		width: 300px;
		padding:0;
		border-radius:10px 0 0 10px;
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk { 
		flex-grow:1;
		margin:0;
		padding:60px 75px 60px 100px;
		border-radius: 0 10px 10px 0;
		border-left-width:0;
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkIco { 
		width: 68px;
		left:20px;
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkArrow { 
		width: 45px; 
		right:20px;
	}
}
@media all and (max-width:1199px){
	.medicalBox .mdcTopBox .imgBox { 
		width: 459px; 
	}
	.medicalBox .mdcTopBox .txtBox .letter { 
		width: 421px; 
		margin:0 0 20px;
	}
	.medicalBox .mdcTopBox .txtBox .txt + .txt { 
		margin-top:20px;
	}
}
@media all and (max-width:999px){
	.medicalBox { 
		padding:40px 0 0;
	}
	.medicalBox .mdcTit01 { 
		margin:0 0 30px;
		font-size: 42px;
	}
	.medicalBox .mdcTopBox { 
		margin:0 0 40px;
	}
	.medicalBox .mdcTopBox .inner { 
		flex-direction:column;
	}
	.medicalBox .mdcTopBox .imgBox { 
		margin:0 auto;
	}
	.medicalBox .mdcTopBox .txtBox { 
		width: 459px;
		max-width: 100%;
		padding:30px;
		background:#F7F7F7;
	}
	.medicalBox .mdcTopBox .txtBox .letter { 
		width: 361px;
		margin:0 auto 15px;
	}
	.medicalBox .mdcTopBox .txtBox .txt { 
		font-size: 19px; 
		text-align: center;
	}
	.medicalBox .mdcTopBox .txtBox .txt + .txt { 
		margin-top:15px;
	}
	.medicalBox .mdcGraphBox { 
		margin:0 0 40px;
		padding:40px 0;
	}
	.medicalBox .mdcGraphBox .graphTit01 { 
		margin:0 0 30px;
		font-size: 42px;
	}
	.medicalBox .mdcGraphBox .graphBox { 
		flex-wrap:wrap; 
		gap:10px;
		margin:0 0 30px;
	}
	.medicalBox .mdcGraphBox .graphBox .tit { 
		font-size: 29px; 
	}
	.medicalBox .mdcGraphBox .graphBox .per { 
		font-size: 25px; 
	}
	.medicalBox .mdcGraphBox .graphBox .per span { 
		font-size: 2em; 
	}
	.medicalBox .mdcGraphBox .graphBox .lBox, 
	.medicalBox .mdcGraphBox .graphBox .rBox { 
		width: 100%;
		padding:30px;
	}
	.medicalBox .mdcGraphBox .graphBox .lBox .tit,
	.medicalBox .mdcGraphBox .graphBox .rBox .tit,
	.medicalBox .mdcGraphBox .graphBox .rBox .per { 
		margin:0 0 10px;
	}
	.medicalBox .mdcGraphBox .graphTxt01 { 
		font-size: 22px; 
		line-height: 1.3;
	}
	.medicalBox .mdcGraphBox .graphTxt01 + .graphTxt01 { 
		margin-top:20px;
	}
	.medicalBox .mdcGraphBox .graphTxt02 { 
		margin:30px 0 0;
	}
	.medicalBox .mdcGraphBox .graphTxt02 .line { 
		font-size: 27px; 
	}
	.medicalBox .mdcPresentBox .tit { 
		margin:0 0 40px;
		font-size: 42px;
	}
	.medicalBox .mdcPresentBox .lnkLst { 
		margin:0 0 40px;
	}
	.medicalBox .mdcPresentBox .lnkLst .imgBox { 
		width: 200px; 
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk { 
		padding:35px 75px 35px 100px;
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkIco { 
		width: 61px; 
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkTit { 
		margin:0 0 8px;
		font-size: 27px; 
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkTxt { 
		font-size: 18px; 
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkArrow { 
		width: 40px; 
	}
	.medicalBox .mdcPresentBox .btmBox .btn { 
		gap:8px;
		width: 300px; 
		height: 60px;
		border-radius: 10px;
	}
	.medicalBox .mdcPresentBox .btmBox .btn .btnIco { 
		width: 29px; 
	}
	.medicalBox .mdcPresentBox .btmBox .btn .btnTxt { 
		font-size: 21px; 
	}
}
@media all and (max-width:599px){
	.medicalBox { 
		padding:20px 0 0;
	}
	.medicalBox .mdcTit01 { 
		margin:0 0 15px;
		font-size: 26px;
	}
	.medicalBox .mdcTopBox { 
		margin:0 0 20px;
	}
	.medicalBox .mdcTopBox .imgBox,
	.medicalBox .mdcTopBox .txtBox { 
		width: 393px; 
	}
	.medicalBox .mdcTopBox .txtBox { 
		padding:20px;
	}
	.medicalBox .mdcTopBox .txtBox .letter { 
		width: 301px; 
		margin:0 auto 10px;
	}
	.medicalBox .mdcTopBox .txtBox .txt { 
		font-size: 17px;
	}
	.medicalBox .mdcTopBox .txtBox .txt + .txt { 
		margin-top:10px;
	}
	.medicalBox .mdcGraphBox { 
		margin:0 0 20px;
		padding:20px 0;
	}
	.medicalBox .mdcGraphBox .graphTit01 { 
		margin:0 0 20px;
		font-size: 26px; 
	}
	.medicalBox .mdcGraphBox .graphBox .tit,
	.medicalBox .mdcGraphBox .graphBox .per { 
		font-size: 20px; 
	}
	.medicalBox .mdcGraphBox .graphBox .per span { 
		font-size: 1.5em; 
	}
	.medicalBox .mdcGraphBox .graphBox .lBox, 
	.medicalBox .mdcGraphBox .graphBox .rBox { 
		padding:20px;
	}
	.medicalBox .mdcGraphBox .graphBox .lBox .tit, 
	.medicalBox .mdcGraphBox .graphBox .rBox .tit, 
	.medicalBox .mdcGraphBox .graphBox .rBox .per { 
		margin:0 0 5px;
	}
	.medicalBox .mdcGraphBox .graphTxt01 { 
		font-size: 18px; 
	}
	.medicalBox .mdcGraphBox .graphTxt01 br { 
		display:none; 
	}
	.medicalBox .mdcGraphBox .graphTxt01 + .graphTxt01 { 
		margin-top:15px;
	}
	.medicalBox .mdcGraphBox .graphTxt02 { 
		margin:20px 0 0;
	}
	.medicalBox .mdcGraphBox .graphTxt02:before { 
		height: 50%; 
	}
	.medicalBox .mdcGraphBox .graphTxt02 .line { 
		font-size: 20px; 
	}
	.medicalBox .mdcPresentBox .tit { 
		margin:0 0 20px;
		font-size: 26px; 
	}
	.medicalBox .mdcPresentBox .lnkLst { 
		gap:10px;
		margin:0 0 20px;
	}
	.medicalBox .mdcPresentBox .lnkLst li { 
		flex-wrap:wrap; 
	}
	.medicalBox .mdcPresentBox .lnkLst li .imgBox { 
		width: 100%;
		padding:56.25% 0 0;
		border-radius: 10px 10px 0 0;
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk { 
		padding:20px 50px 20px 70px;
		border-radius: 0 0 10px 10px;
		border-top-width:0;
		border-left-width:1px;
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkIco { 
		width: 46px;
		left:10px;
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkTit { 
		margin:0 0 5px;
		font-size: 17px; 
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkTxt { 
		font-size: 15px; 
	}
	.medicalBox .mdcPresentBox .lnkLst .lnk .lnkArrow { 
		width: 30px; 
		right:10px;
	}
	.medicalBox .mdcPresentBox .btmBox .btn { 
		width: 100%;
		height: 45px;
	}
	.medicalBox .mdcPresentBox .btmBox .btn .btnIco { 
		width: 22px; 
	}
	.medicalBox .mdcPresentBox .btmBox .btn .btnTxt { 
		font-size: 17px; 
	}
}
/* 의료지원 사업 끝
------------------------------------------------------ */
/* 실버비전 소개 공통 시작
------------------------------------------------------ */
.visionWr .subComBanner { 
	background-image: url(/Form/_guest/basic/images/visionBanner01.png);
}
.visionWr .visionBox { 
	max-width: 1600px;
	margin:80px auto 0;
	background: #FFF;
	border:1px solid #DACDE8;
	border-radius: 20px;
	box-shadow:4px 4px 20px 0 rgba(157,157,157,.25);
}
@media all and (max-width:1640px){
	.visionWr .visionBox { 
		margin:80px 20px 0;
	}
}
@media all and (max-width:999px){
	.visionWr .visionBox { 
		margin:40px 20px 0;
		border-radius: 10px;
	}
}
@media all and (max-width:599px){
	.visionWr .visionBox { 
		margin:20px 20px 0;
	}
}
/* 실버비전 소개 공통 끝
------------------------------------------------------ */
/* 인사말 시작
------------------------------------------------------ */
.visionWr .greetingBox { 
	padding:150px 135px;
	background:url(/Form/_guest/basic/images/visGreetBg01.png) no-repeat right 0 top 40px;
}
.visionWr .greetingBox .tit01 { 
	margin:0 0 31px;
	font-weight: 700;
	font-size: 50px;
	color: #774CAC;
}
.visionWr .greetingBox .txt01 { 
	margin:0 0 56px;
	font-weight: 500; 
	font-size: 36px;
	color: #774CAC;
}
.visionWr .greetingBox .txt02 { 
	font-size: 28px;
	line-height: 1.5;
	color: #2B3034;
}
.visionWr .greetingBox .txt02 + .txt02 { 
	margin-top:42px;
}
@media all and (max-width:999px){
	.visionWr .greetingBox { 
		padding:40px 40px 100px;
		background-size:594px auto;
		background-position:right 0 bottom 0;
	}
	.visionWr .greetingBox .tit01 { 
		margin:0 0 30px;
		font-size: 40px; 
	}
	.visionWr .greetingBox .txt01 { 
		margin:0 0 30px;
		font-size: 29px;
	}
	.visionWr .greetingBox .txt02 { 
		font-size: 22px; 
	}
	.visionWr .greetingBox .txt02 + .txt02 { 
		margin-top:20px;
	}
}
@media all and (max-width:599px){
	.visionWr .greetingBox { 
		padding:30px 30px 100px;
		background-size:371px auto;
	}
	.visionWr .greetingBox .tit01 { 
		margin:0 0 20px;
		font-size: 25px; 
	}
	.visionWr .greetingBox .txt01 { 
		margin:0 0 20px;
		font-size: 20px; 
	}
	.visionWr .greetingBox .txt02 { 
		font-size: 17px; 
	}
	.visionWr .greetingBox .txt02 + .txt02 { 
		margin-top:10px;
	}
}
/* 인사말 끝
------------------------------------------------------ */
/* 설립취지 시작
------------------------------------------------------ */
.visionWr .purposeBox { 
	padding:88px 20px;
	text-align: center;
}
.visionWr .purposeBox .lst { 
	counter-reset: purpLst 0;
}
.visionWr .purposeBox .lst li { 
	position:relative;
	margin:0 0 55px;
}
.visionWr .purposeBox .lst li:before { 
	counter-increment: purpLst 1;
	content: counter(purpLst);	
	box-sizing:border-box;
	display:inline-flex;
	align-items:center; 
	justify-content:center; 
	width: 56px;
	height: 56px;
	margin:0 0 9px;
	background: #F3EFF8;
	border-radius: 50%;
	font-weight: 700;
	font-size: 30px;
	color: #FFF;
}
.visionWr .purposeBox .lst li:last-child { 
	margin:0;
}
.visionWr .purposeBox .lst .lstTit { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 44px;
	color: #2B3034;
}
.visionWr .purposeBox .lst .lstTit span { 
	color: #774CAC;
}
.visionWr .purposeBox .lst .lstTxt { 
	font-size: 28px;
	color: #868E96;
}
.visionWr .purposeBox .imgBox { 
	font-size: 0; 
}
.visionWr .purposeBox .imgBox img { 
	width: 100%; 
}
.visionWr .purposeBox .tit { 
	margin:0 0 74px;
	font-weight: 700;
	font-size: 44px;
	color: #774CAC;
}
.visionWr .purposeBox .txt { 
	font-size: 28px;	 
	line-height: 1.5;
	color: #2B3034;
}
.visionWr .purposeBox .txt + .txt { 
	margin-top:42px;
}
@media all and (max-width:999px){
	.visionWr .purposeBox { 
		padding:40px 20px;
	}
	.visionWr .purposeBox .lst li { 
		margin:0 0 30px;
	}
	.visionWr .purposeBox .lst li:before { 
		width: 46px; 
		height: 46px;
		margin:0 0 5px;
		font-size: 24px;
	}
	.visionWr .purposeBox .lst .lstTit { 
		margin:0 0 5px;
		font-size: 35px; 
	}
	.visionWr .purposeBox .lst .lstTxt { 
		font-size: 22px; 
	}
	.visionWr .purposeBox .tit { 
		margin:0 0 30px;
		font-size: 35px;
	}
	.visionWr .purposeBox .txt { 
		font-size: 22px;
	}
	.visionWr .purposeBox .txt + .txt { 
		margin-top:20px;
	}
}
@media all and (max-width:599px){
	.visionWr .purposeBox { 
		padding:20px;
	}
	.visionWr .purposeBox .lst li { 
		margin:0 0 15px;
	}
	.visionWr .purposeBox .lst li:before { 
		width: 28px; 
		height: 28px;
		margin:0 0 3px;
		font-size: 15px;
	}
	.visionWr .purposeBox .lst .lstTit { 
		margin:0 0 3px;
		font-size: 22px; 
	}
	.visionWr .purposeBox .lst .lstTxt { 
		font-size: 17px; 
	}
	.visionWr .purposeBox .tit { 
		margin:0 0 20px;
		font-size: 22px;
	}
	.visionWr .purposeBox .txt { 
		font-size: 17px;
	}
	.visionWr .purposeBox .txt + .txt { 
		margin-top:15px;
	}
}
/* 설립취지 끝
------------------------------------------------------ */
/* 협력기관 시작
------------------------------------------------------ */
.visCoopWr { 
	margin:104px 0 0;
}
.visCoopWr .coopCateBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:16px;
	margin:0 0 60px;
}
.visCoopWr .coopCateBox .btnCate {
	display:flex;
	align-items:center; 
	justify-content:center; 
	min-width: 90px;
	height: 50px;
	padding:0 20px;
	background: #F1F3F5;
	border:1px solid #F1F3F5;
	border-radius: 30px;
	font-size: 22px;
	color: #5C6775;
	transition:all .3s ease;
}
.visCoopWr .coopCateBox .btnCate.on { 
	border-color:#774CAC;
	color: #2B3034;
}
.visCoopWr .coopBrdBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
}
.visCoopWr .coopBrdBox .lnk { 
	display:block; 
	width: calc((100% - 60px)/4);
	text-align: center;
}
.visCoopWr .coopBrdBox .lnk span { 
	display:block; 
}
.visCoopWr .coopBrdBox .lnk .imgBox { 
	position:relative; 
	margin:0 0 29px;
	padding:50.65% 0 0;
	background: #FFF;
	border:2px solid #FFF;
	border-radius: 20px;
	box-shadow:2px 2px 10px rgba(134,134,134,.25);
	font-size: 0;
	transition:all .3s ease;
	overflow:hidden;
}
.visCoopWr .coopBrdBox .lnk .imgBox img { 
	position:absolute; 
	width: 80%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.visCoopWr .coopBrdBox .lnk .name { 
	margin:0 0 17px;
	font-weight: 600;
	font-size: 24px;
	color: #774CAC;
}
.visCoopWr .coopBrdBox .lnk .txt { 
	font-size: 20px; 
	color: #868E96;
}
.visCoopWr .coopBrdBox .lnk:focus .imgBox,
.visCoopWr .coopBrdBox .lnk:hover .imgBox { 
	border-color:#BDA4DD;
}
@media all and (max-width:999px){
	.visCoopWr { 
		margin:40px 0 0;
	}
	.visCoopWr .coopCateBox { 
		gap:10px;
		margin:0 0 30px;
	}
	.visCoopWr .coopCateBox .btnCate {
		min-width: 80px;
		height: 40px;
		font-size: 18px;
	}
	.visCoopWr .coopBrdBox { 
		gap:15px; 
	}
	.visCoopWr .coopBrdBox .lnk { 
		width: calc((100% - 15px)/2); 
	}
	.visCoopWr .coopBrdBox .lnk .imgBox { 
		margin:0 0 15px;
	}
	.visCoopWr .coopBrdBox .lnk .name { 
		margin:0 0 5px;
		font-size: 19px;
	}
	.visCoopWr .coopBrdBox .lnk .txt { 
		font-size: 16px; 
	}
}
@media all and (max-width:599px){
	.visCoopWr { 
		margin:20px 0 0;
	}
	.visCoopWr .coopCateBox { 
		gap:8px;
		margin:0 0 20px;
	}
	.visCoopWr .coopCateBox .btnCate {
		height: 35px;
		font-size: 14px;
	}
	.visCoopWr .coopBrdBox .lnk { 
		width: 100%; 
	}
	.visCoopWr .coopBrdBox .lnk .imgBox { 
		margin:0 0 10px;
	}
	.visCoopWr .coopBrdBox .lnk .name { 
		margin:0;
		font-size: 17px; 
	}
	.visCoopWr .coopBrdBox .lnk .txt { 
		font-size: 14px; 
	}
}
/* 협력기관 끝
------------------------------------------------------ */
/* 함께하기 공통 시작
------------------------------------------------------ */
.donationWr .subComBanner { 
	background-image: url(/Form/_guest/basic/images/donationBanner01.png);
}
/* 함께하기 공통 끝
------------------------------------------------------ */
/* 후원 안내 시작
------------------------------------------------------ */
.donaSponsWr { 
	padding:100px 0 0;
}
.donaSponsWr .dsTopBox { 
	position:relative; 
	margin:0 0 85px;
	padding:97px 70px 104px;
	background:url(/Form/_guest/basic/images/donaSponsTop01.png) no-repeat;
	background-size:100% 100%;
	border-radius: 20px;
	overflow:hidden;
}
.donaSponsWr .dsTopBox .tit { 
	margin:0 0 20px;
	font-weight: 700;
	font-size: 52px;
	color: #FFF;
}
.donaSponsWr .dsTopBox .tit span { 
	color: #BDA4DD; 
}
.donaSponsWr .dsTopBox .txt { 
	font-size: 30px;
	line-height: 1.4;
	color: #FFF;
}
.donaSponsWr .dsTopBox .lnk { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 300px;
	height: 76px;
	top:104px;
	right:57px;
	background: #774CAC;
	border-radius: 20px;
	box-shadow:4px 4px 10px 0 rgba(0,0,0,.25);
	font-weight: 600;
	font-size: 28px;
	color: #FFF;
	transition:all .3s ease;
}
.donaSponsWr .dsTopBox .lnk:focus,
.donaSponsWr .dsTopBox .lnk:hover { 
	background: #FFF; 
	color: #774CAC;
}
.donaSponsWr .dsLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:72px;
	margin:0 0 100px;
}
.donaSponsWr .dsLst li { 
	position:relative; 
	width: calc((100% - 216px)/4); 
	padding:59px 20px;
	background: #FFF;
	border:1px solid #F8F9FA;
	border-radius: 20px;
	box-shadow:4px 5px 20px 0 rgba(225,225,225,.25);
	text-align: center;
}
.donaSponsWr .dsLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:50%;
	left:calc(100% + 25px);
	margin:-12px 0 0;
	background:url(/Form/_guest/basic/images/dsLstArrow01.svg) no-repeat;
	background-size:cover;
	z-index:1;
}
.donaSponsWr .dsLst li:last-child:after { 
	display:none; 
}
.donaSponsWr .dsLst .imgBox { 
	margin:0 auto 32px;
	font-size: 0;
}
.donaSponsWr .dsLst .imgBox img { 
	max-width: 100%; 
}
.donaSponsWr .dsLst .tit { 
	margin:0 0 20px;
	font-weight: 700; 
	font-size: 36px;
	color: #774CAC;
}
.donaSponsWr .dsLst .txt { 
	font-size: 24px; 
	line-height: 1.5;
	color: #2B3034;
}
.donaSponsWr .dsBtmBox { 
	padding:100px 0;
	background: #F3EFF8;
}
.donaSponsWr .dsBtmBox .inner { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
}
.donaSponsWr .dsBtmBox .inner .lnk { 
	position:relative; 
	display:block; 
	width: calc((100% - 20px)/2);
	padding:58px 50px;
	background:#FFF url(/Form/_guest/basic/images/dsBtmLnkBg01.png) no-repeat right 0 bottom 0;
	border-radius: 20px;
	transition:all .3s ease;
	overflow:hidden;
}
.donaSponsWr .dsBtmBox .inner .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100px;
	height: 100px;
	top:50%;
	right:50px;
	margin:-50px 0 0;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.donaSponsWr .dsBtmBox .inner .lnk span { 
	display:block; 
}
.donaSponsWr .dsBtmBox .inner .lnk .tit { 
	margin:0 0 22px;
	font-weight: 700;
	font-size: 40px;
	color: #2B3034;
	transition:all .3s ease; 
}
.donaSponsWr .dsBtmBox .inner .lnk .txt { 
	position:relative;
	display:inline-block;
	padding:0 35px 0 0;
	font-weight: 500;
	font-size: 26px;
	color: #BDA4DD;
}
.donaSponsWr .dsBtmBox .inner .lnk .txt:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 23px;
	height: 20px;
	top:50%;
	right:0;
	margin:-10px 0 0;
	background:url(/Form/_guest/basic/images/dsBtmLnkArrow01.svg) no-repeat;
	background-size:cover;
}
.donaSponsWr .dsBtmBox .inner .lnk:first-child:after { 
	background-image:url(/Form/_guest/basic/images/dsBtmLnk01_off.png);
}
.donaSponsWr .dsBtmBox .inner .lnk:last-child:after { 
	background-image:url(/Form/_guest/basic/images/dsBtmLnk02_off.png);
}
.donaSponsWr .dsBtmBox .inner .lnk:focus,
.donaSponsWr .dsBtmBox .inner .lnk:hover { 
	background-color: #774CAC; 
}
.donaSponsWr .dsBtmBox .inner .lnk:focus .tit,
.donaSponsWr .dsBtmBox .inner .lnk:hover .tit { 
	color: #FFF; 
}
.donaSponsWr .dsBtmBox .inner .lnk:first-child:focus:after, 
.donaSponsWr .dsBtmBox .inner .lnk:first-child:hover:after {
	background-image:url(/Form/_guest/basic/images/dsBtmLnk01_on.png);
}
.donaSponsWr .dsBtmBox .inner .lnk:last-child:focus:after,
.donaSponsWr .dsBtmBox .inner .lnk:last-child:hover:after {
	background-image:url(/Form/_guest/basic/images/dsBtmLnk02_on.png);
}
@media all and (max-width:1199px){
	.donaSponsWr .dsLst { 
		gap:30px; 
	}
	.donaSponsWr .dsLst li { 
		width: calc((100% - 90px)/4); 
		padding:40px 20px;
	}
	.donaSponsWr .dsLst li:after { 
		width: 22px;
		height: 22px;
		margin:-11px 0 0;
		left:calc(100% + 7px); 
	}
	.donaSponsWr .dsLst .imgBox { 
		width: 108px; 
	}
}
@media all and (max-width:999px){
	.donaSponsWr { 
		padding:40px 0 0;
	}
	.donaSponsWr .dsTopBox { 
		margin:0 0 40px;
		padding:40px 20px;
		border-radius: 10px;
		text-align: center;
	}
	.donaSponsWr .dsTopBox .tit { 
		margin:0 0 15px;
		font-size: 42px; 
	}
	.donaSponsWr .dsTopBox .txt { 
		margin:0 0 20px;
		font-size: 24px; 
	}
	.donaSponsWr .dsTopBox .lnk { 
		position:relative;
		width: 250px;
		height: 60px;
		top:auto;
		right:auto;
		margin:0 auto;
		border-radius: 10px;
		font-size: 22px;
	}
	.donaSponsWr .dsLst { 
		gap:20px; 
		margin:0 0 40px;
	}
	.donaSponsWr .dsLst li { 
		width: 100%;
		padding:20px;
	}
	.donaSponsWr .dsLst li:after { 
		width: 18px;
		height: 18px;
		top:calc(100% + 5px);
		left:50%;
		margin:0 0 0 -9px;
		transform:rotate(90deg);
	}
	.donaSponsWr .dsLst .imgBox { 
		width: 96px; 
		margin:0 auto 20px;
	}
	.donaSponsWr .dsLst .tit { 
		margin:0 0 10px;
		font-size: 29px;		
	}
	.donaSponsWr .dsLst .txt { 
		font-size: 19px; 
	}
	.donaSponsWr .dsBtmBox { 
		padding:40px 0;
	}
	.donaSponsWr .dsBtmBox .inner { 
		gap:15px; 
	}
	.donaSponsWr .dsBtmBox .inner .lnk { 
		width: calc((100% - 15px)/2);
		padding:40px;
	}
	.donaSponsWr .dsBtmBox .inner .lnk:after { 
		width: 80px; 
		height: 80px;
		right:20px;
		margin:-40px 0 0;
	}
	.donaSponsWr .dsBtmBox .inner .lnk .tit { 
		margin:0 0 15px;
		font-size: 32px;
	}
	.donaSponsWr .dsBtmBox .inner .lnk .txt { 
		padding:0 25px 0 0;
		font-size: 21px; 
	}
	.donaSponsWr .dsBtmBox .inner .lnk .txt:after { 
		width: 18px; 
		height: 16px;
		margin:-8px 0 0;
	}
}
@media all and (max-width:799px){
	.donaSponsWr .dsBtmBox .inner .lnk { 
		width: 100%; 
	}
}
@media all and (max-width:599px){
	.donaSponsWr { 
		padding:20px 0 0;
	}
	.donaSponsWr .dsTopBox { 
		margin:0 0 20px;
		padding:20px;
	}
	.donaSponsWr .dsTopBox .tit { 
		margin:0 0 10px;
		font-size: 26px;
	}
	.donaSponsWr .dsTopBox .txt { 
		margin:0 0 15px;
		font-size: 18px;
	}
	.donaSponsWr .dsTopBox .lnk { 
		width: 180px; 
		height: 45px;
		font-size: 19px;
	}
	.donaSponsWr .dsLst { 
		margin:0 0 20px;
	}
	.donaSponsWr .dsLst .imgBox { 
		width: 60px; 
		margin:0 auto 10px;
	}
	.donaSponsWr .dsLst .tit { 
		margin:0 0 5px;
		font-size: 20px; 
	}
	.donaSponsWr .dsLst .txt { 
		font-size: 17px; 
	}
	.donaSponsWr .dsBtmBox { 
		padding:20px 0;
	}
	.donaSponsWr .dsBtmBox .inner .lnk { 
		padding:20px 65px 20px 20px;
	}
	.donaSponsWr .dsBtmBox .inner .lnk .tit { 
		margin:0 0 5px;
		font-size: 20px; 
	}
	.donaSponsWr .dsBtmBox .inner .lnk .txt { 
		padding:0 20px 0 0;
		font-size: 17px; 
	}
	.donaSponsWr .dsBtmBox .inner .lnk .txt:after { 
		width: 12px;
		height: 10px;
		margin:-5px 0 0;
	}
	.donaSponsWr .dsBtmBox .inner .lnk:after {
		width: 30px;
		height: 30px;
		margin:-15px 0 0;
	}
}
/* 후원 안내 끝
------------------------------------------------------ */
/* 아너스클럽 시작
------------------------------------------------------ */
.donaHonorsWr { 
	padding:130px 0 0;
}
.dnHnrTopBox { 
	margin:0 0 125px;
	text-align: center;
}
.dnHnrTopBox .imgBox { 
	max-width: 100%;
	margin:0 auto 30px;
	font-size: 0;
}
.dnHnrTopBox .imgBox img { 
	max-width: 100%;
}
.dnHnrTopBox .tit { 
	margin:0 0 27px;
	font-weight: 700; 
	font-size: 52px;
	color: #774CAC;
}
.dnHnrTopBox .txt { 
	font-size: 38px; 
	color: #2B3034;
}
.dnHnrBnrBox { 
	font-size: 0; 
}
.dnHnrBnrBox img { 
	width: 100%; 
}
.dnHnrIntroBox { 
	margin:0 0 140px;
	padding:100px 0;
	background: #F4EEFB url(/Form/_guest/basic/images/dnHnrIntroBg01.png) no-repeat center bottom 0;
}
.dnHnrIntroBox .logo { 
	max-width: 100%;
	margin:0 0 73px;
	font-size: 0;
}
.dnHnrIntroBox .logo img { 
	max-width: 100%; 
}
.dnHnrIntroBox .txt { 
	font-size: 32px; 
}
.dnHnrReaderBox { 
	margin:0 0 140px;
}
.dnHnrReaderBox .inner { 
	display:flex;
	gap:83px;
}
.dnHnrReaderBox .imgBox { 
	flex-shrink:0;
	font-size: 0;
}
.dnHnrReaderBox .imgBox img { 
	width: 100%; 
}
.dnHnrReaderBox .conBox { 
	position:relative; 
	padding:117px 0;
}
.dnHnrReaderBox .conBox .pnt { 
	position:absolute; 
	display:block; 
	font-size: 0;
}
.dnHnrReaderBox .conBox .pnt img { 
	max-width: 100%; 
}
.dnHnrReaderBox .conBox .pnt.pntTop { 
	top:0;
	left:0;
}
.dnHnrReaderBox .conBox .pnt.pntBtm { 
	bottom:0;
	right:0;
}
.dnHnrReaderBox .conBox .txt { 
	font-size: 32px;
	line-height: 1.7;
}
.dnHnrReaderBox .conBox .txt span { 
	font-weight: 700; 
	color: #774CAC;
}
.dnHnrReaderBox .conBox .txt + .txt { 
	margin-top:53px;
}
.dnHnrCdtBox { 
	margin:0 0 92px;
	padding:130px 0;
	background: #F8F9FA;
}
.dnHnrCdtBox .tit { 
	margin:0 0 71px;
	font-weight: 700; 
	font-size: 54px;
	color: #2B3034;
}
.dnHnrCdtBox .lst { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
}
.dnHnrCdtBox .lst li { 
	width: calc((100% - 40px)/3);
	padding:55px 47px;
	background: #FFF;
	border:4px solid #774CAC;
	border-radius: 20px;
}
.dnHnrCdtBox .lst .lstTit { 
	margin:0 0 26px;
	font-weight: 700; 
	font-size: 36px;
	color: #774CAC;
}
.dnHnrCdtBox .lst .lstTxt { 
	font-size: 28px;
	color: #000;
}
.dnHnrCdtBox .lst .lstTxt .line { 
	position:relative; 
	display:inline-block; 
}
.dnHnrCdtBox .lst .lstTxt .line:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 16px;
	top:50%;
	left:0;
	margin:-8px 0 0;
	background: #DACDE8;
}
.dnHnrCdtBox .lst .lstTxt .line span { 
	position:relative; 
}
.dnHnrCrsBox { 
	margin:0 0 192px;
	text-align: center; 
}
.dnHnrCrsBox .tit { 
	margin:0 0 72px;
	font-weight: 700;
	font-size: 54px;
	color: #2B3034;
}
.dnHnrCrsBox .lstBox {
	padding:65px 0;
	background: #F4EEFB; 
	border-radius: 20px;
}
.dnHnrCrsBox .lstBox .lst { 
	display:flex;
	flex-wrap:wrap; 
}
.dnHnrCrsBox .lstBox .lst li { 
	position:relative; 
	width: 25%;
	padding:0 20px;
}
.dnHnrCrsBox .lstBox .lst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 110px;
	height: 3px;
	top:135px;
	right:-44px;
	background:url(/Form/_guest/basic/images/dnHnrCrs01.png) no-repeat;
	background-size:cover;
}
.dnHnrCrsBox .lstBox .lst li:last-child:after { 
	display:none; 
}
.dnHnrCrsBox .lstBox .lst .ico { 
	margin:0 auto 57px;
	font-size: 0; 
}
.dnHnrCrsBox .lstBox .lst .ico img { 
	max-width: 100%; 
}
.dnHnrCrsBox .lstBox .lst .num { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 46px;
	height: 46px;
	margin:0 auto 28px;
	background: #FFF;
	border-radius: 15px;
	font-weight: 700;
	font-size: 30px;
	color: #774CAC;
}
.dnHnrCrsBox .lstBox .lst .txt { 
	font-size: 28px;
	line-height: 1.5;
	color: #2B3034;
}
.dnHnrBrdBox .tit { 
	margin:0 0 72px;
	font-weight: 700;
	font-size: 54px;
	color: #2B3034;
	text-align: center;
}
.dnHnrBrdBox .qnaQue { 
	position:relative; 
	display:block;
	width: 100%;
	padding:26px 100px 26px 117px;
	border:2px solid #DEE2E6;
	border-radius: 20px;
	font-weight: 500;
	font-size: 34px;
	color: #2B3034;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:all .3s ease;
}
.dnHnrBrdBox .qnaQue:before,
.dnHnrBrdBox .qnaQue:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.dnHnrBrdBox .qnaQue:before { 
	width: 36px;
	height: 36px;
	top:50%;
	left:50px;
	margin:-18px 0 0;
	background:url(/Form/_guest/basic/images/cmntQnaQue01.svg) no-repeat;
	background-size:cover;
}
.dnHnrBrdBox .qnaQue:after { 
	width: 20px; 
	height: 20px;
	top:50%;
	right:58px;
	margin:-15px 0 0;
	transform:rotate(45deg);
	border-bottom:4px solid #ADB5BD;
	border-right:4px solid #ADB5BD;
}
.dnHnrBrdBox .qnaQue.on { 
	background: #F3EFF8; 
}
.dnHnrBrdBox .qnaAnw + .qnaQue { 
	margin-top:40px;
}
.dnHnrBrdBox .qnaAnw { 
	display:none; 
	padding:40px 40px 0;
}
.dnHnrBrdBox .qnaAnw .conBox { 
	max-width: 1106px; 
	margin:0 auto;
	padding:60px;
	background: #F4F0F0;
}
.dnHnrBrdBox .btmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	margin:60px 0 0;
}
.dnHnrBrdBox .btmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:15px;
	width: 250px;
	height: 66px;
	max-width: 100%;
	border:1px solid #DEE2E6;
}
.dnHnrBrdBox .btmBox .btn .btnTxt { 
	font-size: 26px;
	color: #ADB5BD;
}
.dnHnrBrdBox .btmBox .btn .plus { 
	position:relative; 
	display:block;
	width: 16px;
	height: 16px;
}
.dnHnrBrdBox .btmBox .btn .plus:before,
.dnHnrBrdBox .btmBox .btn .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;	
	background: #ADB5BD;
}
.dnHnrBrdBox .btmBox .btn .plus:before { 
	width: 100%; 
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.dnHnrBrdBox .btmBox .btn .plus:after { 
	width: 2px; 
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1px;
}
@media all and (max-width:1399px){
	.dnHnrReaderBox .inner { 
		gap:40px; 
	}
	.dnHnrReaderBox .imgBox { 
		width: 711px; 
	}
}
@media all and (max-width:1199px){
	.dnHnrReaderBox .inner { 
		gap:30px; 
	}
	.dnHnrReaderBox .imgBox { 
		width: 632px; 
	}
}
@media all and (max-width:999px){
	.donaHonorsWr { 
		padding:40px 0 0;
	}
	.dnHnrTopBox { 
		margin:0 0 40px;
	}
	.dnHnrTopBox .imgBox { 
		width: 336px; 
		margin:0 auto 20px;
	}
	.dnHnrTopBox .tit { 
		margin:0 0 20px;
		font-size: 42px;
	}
	.dnHnrTopBox .txt { 
		font-size: 30px; 
	}
	.dnHnrIntroBox { 
		margin:0 0 40px;
		padding:40px 0;
		background-size:999px auto;
	}
	.dnHnrIntroBox .logo { 
		width: 540px;
		margin:0 0 30px;
	}
	.dnHnrIntroBox .txt { 
		font-size: 26px; 
	}
	.dnHnrReaderBox { 
		margin:0 0 40px;
	}
	.dnHnrReaderBox .inner { 
		flex-wrap:wrap; 
		gap:20px;
	}
	.dnHnrReaderBox .inner .imgBox { 
		width: 100%; 
	}
	.dnHnrReaderBox .conBox { 
		padding:70px 0;
	}
	.dnHnrReaderBox .conBox .pnt { 
		width: 80px; 
	}
	.dnHnrReaderBox .conBox .txt { 
		font-size: 26px; 
		line-height: 1.5;
	}
	.dnHnrReaderBox .conBox .txt + .txt { 
		margin-top:30px;
	}
	.dnHnrCdtBox { 
		margin:0 0 40px;
		padding:40px 0;
	}
	.dnHnrCdtBox .tit { 
		margin:0 0 30px;
		font-size: 43px;
	}
	.dnHnrCdtBox .lst { 
		gap:15px;
	}
	.dnHnrCdtBox .lst li { 
		width: calc((100% - 30px)/3);
		padding:30px;
		border-radius: 10px;
	}
	.dnHnrCdtBox .lst .lstTit { 
		margin:0 0 20px;
		font-size: 28px;
	}
	.dnHnrCdtBox .lst .lstTxt { 
		font-size: 22px;
	}
	.dnHnrCdtBox .lst .lstTxt .line:before { 
		height: 10px;
		margin:-5px 0 0;
	}
	.dnHnrCrsBox { 
		margin:0 0 40px;
	}
	.dnHnrCrsBox .tit { 
		margin:0 0 20px;
		font-size: 43px;
	}
	.dnHnrCrsBox .lstBox { 
		padding:40px 0;
	}
	.dnHnrCrsBox .lstBox .lst li:after { 
		width: 88px; 
		height: 2px;
		top:50%;
		right: -35px;
		margin:-1px 0 0;
	}
	.dnHnrCrsBox .lstBox .lst .ico { 
		width: 80px; 
		margin:0 auto 20px;
	}
	.dnHnrCrsBox .lstBox .lst .num { 
		width: 36px;
		height: 36px;
		margin:0 auto 10px;
		border-radius: 10px;
		font-size: 24px;
	}
	.dnHnrCrsBox .lstBox .lst .txt { 
		font-size: 22px; 
	}
	.dnHnrBrdBox .tit { 
		margin:0 0 20px;
		font-size: 43px;
	}
	.dnHnrBrdBox .qnaQue { 
		padding:20px 60px 20px 60px;
		border-radius: 10px;
		font-size: 27px; 
	}	
	.dnHnrBrdBox .qnaQue:before { 
		width: 28px; 
		height: 28px;
		left:20px;
		margin:-14px 0 0;
	}
	.dnHnrBrdBox .qnaQue:after { 
		width: 16px; 
		height: 16px;
		right:30px;
		margin:-13px 0 0;
		border-width:2px;
	}
	.dnHnrBrdBox .qnaAnw + .qnaQue { 
		margin-top:20px;
	}
	.dnHnrBrdBox .qnaAnw { 
		padding:20px 20px 0;
	}
	.dnHnrBrdBox .qnaAnw .conBox { 
		padding:20px;
	}
	.dnHnrBrdBox .btmBox {
		margin:40px 0 0;
	}
	.dnHnrBrdBox .btmBox .btn { 
		gap:10px;
		width: 200px;
		height:50px;
	}
	.dnHnrBrdBox .btmBox .btn .btnTxt { 
		font-size: 18px;
	}
	.dnHnrBrdBox .btmBox .btn .plus { 
		width: 12px;
		height: 12px;
	}
}
@media all and (max-width:799px){
	.dnHnrCrsBox .lstBox .lst li { 
		width: 50%; 
	}
	.dnHnrCrsBox .lstBox .lst li:nth-child(2n):after { 
		display:none; 
	}
}
@media all and (max-width:599px){
	.donaHonorsWr { 
		padding:20px 0 0;
	}
	.dnHnrTopBox { 
		margin:0 0 20px;
	}
	.dnHnrTopBox .imgBox { 
		width:210px; 
		margin:0 auto 10px;
	}
	.dnHnrTopBox .tit { 
		margin:0 0 10px;
		font-size: 21px;
	}
	.dnHnrTopBox .txt { 
		font-size: 19px; 
	}
	.dnHnrIntroBox { 
		margin:0 0 20px;
		padding:20px 0;
		background-size:cover;
		background-position:right -30px bottom 0;
	}
	.dnHnrIntroBox .logo { 
		width: 338px;
		margin:0 0 20px;
	}
	.dnHnrIntroBox .txt { 
		font-size: 20px; 
	}
	.dnHnrReaderBox { 
		margin:0 0 20px;
	}
	.dnHnrReaderBox .inner { 
		gap:15px;
	}
	.dnHnrReaderBox .conBox { 
		padding:45px 0;
	}
	.dnHnrReaderBox .conBox .pnt { 
		width: 50px; 
	}
	.dnHnrReaderBox .conBox .txt { 
		font-size: 20px; 
		line-height: 1.3;
	}
	.dnHnrReaderBox .conBox .txt + .txt { 
		margin-top:15px;
	}
	.dnHnrCdtBox { 
		margin:0 0 20px;
		padding:20px 0;
	}
	.dnHnrCdtBox .lst { 
		gap:10px;
	}
	.dnHnrCdtBox .lst li { 
		width:100%;
		padding:20px;
	}
	.dnHnrCdtBox .lst .lstTit { 
		margin:0 0 15px;
		font-size: 20px;
	}
	.dnHnrCdtBox .lst .lstTxt { 
		font-size: 17px;
	}
	.dnHnrCdtBox .lst .lstTxt .line:before { 
		height: 8px;
		margin:-4px 0 0;
	}
	.dnHnrCrsBox { 
		margin:0 0 20px;
	}
	.dnHnrCrsBox .tit { 
		margin:0 0 10px;
		font-size: 27px;
	}
	.dnHnrCrsBox .lstBox { 
		padding:20px;
	}
	.dnHnrCrsBox .lstBox .lst li { 
		width: 100%;
		margin:0 0 10px;
		padding:0 0 10px;
		border-bottom:1px solid #D2CADA;
	}
	.dnHnrCrsBox .lstBox .lst li:after { 
		display:none; 
	}
	.dnHnrCrsBox .lstBox .lst li:last-child { 
		margin:0;
		padding:0;
		border-bottom:none;
	}
	.dnHnrCrsBox .lstBox .lst .ico { 
		width: 40px; 
		margin:0 auto 5px;
	}
	.dnHnrCrsBox .lstBox .lst .num { 
		width: 30px; 
		height: 30px;
		margin:0 auto 5px;
		font-size: 15px;
	}
	.dnHnrCrsBox .lstBox .lst .txt { 
		font-size: 17px;
		line-height: 1.3;		
	}
	.dnHnrBrdBox .tit { 
		margin:0 0 10px;
		font-size: 27px;
	}
	.dnHnrBrdBox .qnaQue { 
		padding:15px 50px;
		font-size: 20px;
	}
	.dnHnrBrdBox .qnaQue:before { 
		width: 18px; 
		height: 18px;
		margin:-9px 0 0;
	}
	.dnHnrBrdBox .qnaQue:after { 
		width: 12px; 
		height: 12px;
		right:20px;
		margin:-8px 0 0;
	}
	.dnHnrBrdBox .qnaAnw + .qnaQue { 
		margin-top:15px;
	}
	.dnHnrBrdBox .qnaAnw { 
		padding:15px 15px 0;
	}
	.dnHnrBrdBox .qnaAnw .conBox { 
		padding:15px;
	}
	.dnHnrBrdBox .btmBox {
		margin:20px 0 0;
	}
	.dnHnrBrdBox .btmBox .btn { 
		gap:5px;
		width: 100%;
		height:40px;
	}
	.dnHnrBrdBox .btmBox .btn .btnTxt { 
		font-size: 14px;
	}
	.dnHnrBrdBox .btmBox .btn .plus { 
		width: 10px;
		height: 10px;
	}
}
/* 아너스클럽 끝
------------------------------------------------------ */
/* 기부내역 시작
------------------------------------------------------ */
.dnHistoryWr { 
	padding:130px 0 0;
	background: #F8F9FA;
}
.dnHisLstBox { 
	margin:0 0 123px;
	padding:0 0 100px;
	background:url(/Form/_guest/basic/images/dnHisLstBg01.png) no-repeat center bottom 0;
	text-align: center;
}
.dnHisLstBox .lst { 
	display:flex;
	flex-wrap:wrap; 
	gap:20px;
	margin:0 0 70px;
}
.dnHisLstBox .lst li { 
	width: calc((100% - 40px)/3);
	padding:77px 20px 65px;
	background: #FFF;
	border:2px solid #DEE2E6;
	border-radius: 20px;
	transition:all .3s ease; 
}
.dnHisLstBox .lst li:hover { 
	background: #FCF9FF;
	border-color:#774CAC;
}
.dnHisLstBox .imgBox { 
	max-width: 100%;
	margin:0 auto 31px;
	font-size: 0;
}
.dnHisLstBox .imgBox img { 
	max-width:100%
}
.dnHisLstBox .lstTit { 
	margin: 0 0 41px;
	font-weight: 600;
	font-size: 36px;
	color: #2B3034;
}
.dnHisLstBox .lstTit span { 
	display:block; 
	color: #774CAC;
}
.dnHisLstBox .lstLnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 250px;
	height: 62px;
	margin:0 auto;
	border:1px solid #774CAC;
	border-radius: 20px;
	font-weight: 700;
	font-size: 24px;
	color: #774CAC;
}
.dnHisLstBox .tit { 
	margin:0 0 34px;
	font-weight: 700; 
	font-size: 54px;
	color: #FFF;
}
.dnHisLstBox .txt { 
	font-weight: 500;
	font-size: 32px;
	color: #FFF;
}
.dnHisBrdBox { 
	position:relative;
	max-width: 1330px;
	margin:0 auto;
}
.dnHisBrdBox .HisBrdTit { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 385px;
	height: 90px;
	top:-45px;
	left:0;
	background: #774CAC;
	border-radius: 20px;
	font-weight: 600;
	font-size: 36px;
	color: #FFF;
}
.dnHisBrdBox .HisBrdCon { 
	padding:90px 50px;
	background: #FFF; 
}
.dnHisBrdBox .HisBrdCon .btnQue { 
	position:relative; 
	display:block;
	width: 100%;
	padding:30px 50px;
	background: #FFF;
	border-bottom:1px solid #DEE2E6;
	border-radius: 20px 20px 0 0;
	font-size: 28px;
	color: #000;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:all .3s ease;
}
.dnHisBrdBox .HisBrdCon .btnQue:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:50%;
	right:60px;
	margin:-15px 0 0;
	transform:rotate(45deg);
	border-bottom:3px solid #ADB5BD;
	border-right:3px solid #ADB5BD;
}
.dnHisBrdBox .HisBrdCon .btnQue.on { 
	background: #F3EFF8;
	border-bottom-color:#F3EFF8;
}
.dnHisBrdBox .HisBrdCon .ansBox { 
	display:none; 
	padding:40px;
	border-radius: 0 0 20px 20px;
	background: #F3EFF8;
	word-break:break-all;
}
.dnHisBrdBox .HisBrdCon .ansBox img { 
	max-width: 100%; 
}
.dnHisBrdBox .HisBrdCon .ansBox .btnBox { 
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end; 
	gap:15px;
}
.dnHisBrdBox .HisBrdCon .ansBox .btnBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	min-width: 296px;
	height: 76px;
	padding:0 20px;
	background: #FFF;
	border:1px solid #774CAC;
	border-radius: 20px;
	font-weight: 600;
	font-size: 24px;
	color: #774CAC;
}
.dnHisBrdBox .HisBrdCon .hisBtmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	margin:60px 0 0;
}
.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:15px;
	width: 250px;
	height: 66px;
	max-width: 100%;
	border:1px solid #DEE2E6;
}
.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .lnkTxt { 
	font-size: 26px;
	color: #ADB5BD;
}
.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .plus { 
	position:relative; 
	display:block;
	width: 16px;
	height: 16px;
}
.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .plus:before,
.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;	
	background: #ADB5BD;
}
.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .plus:before { 
	width: 100%; 
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .plus:after { 
	width: 2px; 
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1px;
}
.dnHisBrdBox + .dnHisBrdBox { 
	margin-top:205px;
}
@media all and (max-width:1340px){
	.dnHisBrdBox { 
		margin:0 20px;
	}
}
@media all and (max-width:999px){
	.dnHistoryWr { 
		padding:40px 0 0;
	}
	.dnHisLstBox { 
		margin:0 0 40px;
		padding:0 0 40px;
	}
	.dnHisLstBox .lst { 
		gap:15px;
		margin:0 0 40px;
	}
	.dnHisLstBox .lst li { 
		width: calc((100% - 30px)/3);
		padding:40px 20px;
	}
	.dnHisLstBox .imgBox { 
		width: 144px;
		margin:0 auto 20px;
	}
	.dnHisLstBox .lstTit { 
		margin:0 0 20px;
		font-size: 29px;
	}
	.dnHisLstBox .lstLnk { 
		width: 100%; 
		height: 50px;
		border-radius: 10px;
		font-size: 19px;
	}
	.dnHisLstBox .tit { 
		margin:0 0 20px;
		font-size: 43px;
	}
	.dnHisLstBox .txt { 
		font-size: 26px; 
	}
	.dnHisBrdBox .HisBrdTit { 
		position:relative; 
		width: 200px;
		height: 45px;
		top:auto;
		left:auto;
		margin:0 0 15px;
		border-radius: 10px;
		font-size: 18px;
	}
	.dnHisBrdBox .HisBrdCon { 
		padding:40px;
	}
	.dnHisBrdBox .HisBrdCon .btnQue { 
		padding:20px;
		font-size: 22px;
	}
	.dnHisBrdBox .HisBrdCon .btnQue:after { 
		width: 16px; 
		height: 16px;
		right:30px;
		margin:-12px 0 0;
		border-width:2px;
	}
	.dnHisBrdBox .HisBrdCon .ansBox { 
		padding:20px;
	}
	.dnHisBrdBox .HisBrdCon .ansBox .btnBox { 
		gap:10px; 
	}
	.dnHisBrdBox .HisBrdCon .ansBox .btnBox .btn { 
		width: 200px; 
		height: 50px;
		font-size: 19px;
	}
	.dnHisBrdBox .HisBrdCon .hisBtmBox { 
		margin:40px 0 0;
	}
	.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk { 
		gap:10px;
		width: 200px;
		height:50px;
	}
	.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .lnkTxt { 
		font-size: 18px;
	}
	.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .plus { 
		width: 12px;
		height: 12px;
	}
	.dnHisBrdBox + .dnHisBrdBox { 
		margin-top:40px;
	}
}
@media all and (max-width:799px){
	.dnHisLstBox .lst li { 
		width: 100%; 
	}
}
@media all and (max-width:599px){
	.dnHistoryWr { 
		padding:20px 0 0;
	}	
	.dnHisLstBox { 
		margin:0 0 20px;
		padding:0 0 20px;
	}
	.dnHisLstBox .lst { 
		margin:0 0 20px;
	}
	.dnHisLstBox .lst li { 
		padding:20px;
	}
	.dnHisLstBox .imgBox { 
		width: 90px;
		margin:0 auto 5px;
	}
	.dnHisLstBox .lstTit { 
		margin:0 0 5px;
		font-size: 20px; 
	}
	.dnHisLstBox .lstLnk { 
		height: 40px; 
		font-size: 17px;
	}
	.dnHisLstBox .tit { 
		margin:0 0 10px;
		font-size: 27px; 
	}
	.dnHisLstBox .txt { 
		font-size: 20px; 
	}
	.dnHisBrdBox .HisBrdTit { 
		width: 150px;
		height: 40px;
		margin:0 0 10px;
		font-size: 16px; 
	}
	.dnHisBrdBox .HisBrdCon { 
		padding:20px;
	}
	.dnHisBrdBox .HisBrdCon .btnQue { 
		padding:15px;
		font-size: 17px;
	}
	.dnHisBrdBox .HisBrdCon .btnQue:after { 
		width: 12px; 
		height: 12px;
		right:20px;
		margin:-8px 0 0;
	}
	.dnHisBrdBox .HisBrdCon .ansBox .btnBox { 
		gap:8px; 
	}
	.dnHisBrdBox .HisBrdCon .ansBox .btnBox .btn { 
		width: 100%; 
		height: 45px;
		font-size: 17px;
	}
	.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk { 
		gap:5px;
		width: 100%;
		height:40px;
	}
	.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .lnkTxt { 
		font-size: 14px;
	}
	.dnHisBrdBox .HisBrdCon .hisBtmBox .lnk .plus { 
		width: 10px;
		height: 10px;
	}
	.dnHisBrdBox + .dnHisBrdBox { 
		margin-top:20px;
	}
}
/* 기부내역 끝
------------------------------------------------------ */
/* 후원하기 시작
------------------------------------------------------ */
.donateWr .subComBanner {
    background-image: url(/Form/_guest/basic/images/donateBanner01.png);
} 
.donateWr .donateIptBox {
	max-width: 710px;
	margin:0 auto;
	padding:66px 20px;
}
.donateWr .topBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 60px;
}
.donateWr .topBox .tit { 
	font-weight: 700; 
	font-size: 28px;
	color: #373737;
}
.donateWr .topBox .txt { 
	padding:4px 0 0;
	font-size: 20px;
	line-height: 1.4;
	text-align: right;
	color: #774CAC;
}
.donateWr .iptBox { 
	border-top:4px solid #774CAC;
	padding:45px 0 50px;
}
.donateWr .iptBox .tit { 
	margin:0 0 36px;
	font-weight: 500;
	font-size: 16px;
	color: #999;
}
.donateWr .iptBox dl { 
	display:flex;
	gap:10px;
}
.donateWr .iptBox dl + dl { 
	margin-top:36px;
}
.donateWr .iptBox dl.off { 
	display:none; 
}
.donateWr .iptBox dt { 
	flex-shrink:0;
	width: 116px;
	padding:14px 0 0;
	font-weight: 500;
	font-size: 18px;
	color: #373737;
}
.donateWr .iptBox dt .extra { 
	font-size: 14px; 
	color: #774CAC;
}
.donateWr .iptBox dd { 
	flex-grow:1; 
}
.donateWr .iptBox dd .cateBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:16px;
}
.donateWr .iptBox dd .cateBox .btnCate { 
	display:block; 
	width: calc((100% - 16px)/2);
	padding:12px 10px 13px;
	border:1px solid #774CAC;
	font-weight: 600;
	font-size: 18px;
	color: #774CAC;
	text-align: center;
}
.donateWr .iptBox dd .cateBox .btnCate.on { 
	background: #774CAC;
	color: #FFF;
}
.donateWr .iptBox dd .chkLst li { 
	position:relative; 
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0 0 24px;
	color: #212121;
}
.donateWr .iptBox dd .chkLst li:last-child { 
	margin:0;
}
.donateWr .iptBox dd .chkLst .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.donateWr .iptBox dd .chkLst .chkLbl { 
	flex-shrink:0;
	position:relative;
	width: 200px;
	padding:0 0 0 29px;
	font-weight: 500;
	font-size: 16px;
}
.donateWr .iptBox dd .chkLst .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:0;
	left:0;
	background: url(/Form/_guest/basic/images/donateChk01_off.svg) no-repeat;
	background-size:cover;
	border-radius: 50%;
}
.donateWr .iptBox dd .chkLst .chkIpt:checked + .chkLbl:before { 
	background-image: url(/Form/_guest/basic/images/donateChk01_on.svg); 
}
.donateWr .iptBox dd .chkLst .chkCon { 
	flex-grow:1;
	display:flex;
	align-items:center; 
}
.donateWr .iptBox dd .chkLst .num { 
	font-weight: 500; 
	font-size: 18px;
}
.donateWr .iptBox dd .chkLst .txt01 { 
	font-weight: 500; 
	font-size: 16px;
}
.donateWr .iptBox dd .chkLst .iptSel { 
	padding:7px 20px 7px 0;
	appearance: none;
	background:#FFF url(/Form/_guest/basic/images/donateSel01.svg) no-repeat right 0 center; 
	border-bottom:1px solid #9E9E9E;
	font-weight: 500;
	font-size: 18px;
}
.donateWr .iptBox dd .chkLst li > .iptSel { 
	flex-grow:1; 
}
.donateWr .iptBox dd .chkLst .chkCon .iptSel { 
	width: 132px;
	margin:0 12px 0 113px;
}
.donateWr .iptBox dd .iptArea { 
	padding:12px 19px;
	border:1px solid #E0E0E0;
	font-weight: 500; 
	font-size: 18px;
	color: #212121;
}
.donateWr .iptBox dd .iptArea::placeholder { 
	color: #9E9E9E; 
}
.donateWr .iptBox dd select.iptArea { 
	padding-right:45px;
	appearance: none;
	background:#FFF url(/Form/_guest/basic/images/donateSel01.svg) no-repeat right 20px center;  
}
.donateWr .iptBox dd .iptArea.fullWid { 
	width: 100%; 
}
.donateWr .iptBox dd .hasHid { 
	position:relative;
	display:inline-flex;
	align-items:center; 
	gap:16px;
}
.donateWr .iptBox dd .hasHid .iptArea { 
	width: 264px; 
}
.donateWr .iptBox dd .hasHid .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.donateWr .iptBox dd .hasHid .chkLbl { 
	position:relative; 
	display:inline-block; 
	padding:0 20px;
	font-size: 15px;
	color: #999;
}
.donateWr .iptBox dd .hasHid .chkLbl:before,
.donateWr .iptBox dd .hasHid .chkLbl:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.donateWr .iptBox dd .hasHid .chkLbl:before { 
	width: 16px;
	height: 16px;
	top:1px;
	left:0;
	border-radius: 2px;
	border:1px solid #E0E0E0;
}
.donateWr .iptBox dd .hasHid .chkIpt:checked + .chkLbl:before { 
	background: #774CAC url(/Form/_guest/basic/images/donateChk02.svg) no-repeat right 2px center;
	border-color:#774CAC;
}
.donateWr .iptBox dd .hasHid .chkLbl:after { 
	width: 14px; 
	height: 14px;
	top:1px;
	right:0;
	background:url(/Form/_guest/basic/images/donateHidTxt01.svg) no-repeat;
	background-size:cover;
}
.donateWr .iptBox dd .hasHid .hidTxt { 
	position:absolute;
	display:none; 
	width: 237px;
	top:50%;
	left:calc(100% + 26px);
	padding:19px 21px;
	transform:translateY(-50%); 
	background: #424242;
	font-size: 14px;
	color: #FFF;
}
.donateWr .iptBox dd .hasHid .hidTxt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 0;
	top:50%;
	right:100%;
	margin:-6px 0 0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-right:13px solid #424242;
}
.donateWr .iptBox dd .hasHid .chkLbl:hover .hidTxt { 
	display:block; 
}
.donateWr .iptBox dd .callBox { 
	display:flex;
	align-items:center;
	gap:8px;
}
.donateWr .iptBox dd .callBox .iptArea { 
	width: calc((100% - 52px)/3);
}
.donateWr .iptBox dd .callBox .midBar { 
	display:block; 
	width: 10px;
	height: 1px;
	background: #E0E0E0;	
}
.donateWr .iptBox dd .hasIptBtn { 
	display:flex;
	gap:12px;
}
.donateWr .iptBox dd .hasIptBtn .btn { 
	display:block;
	padding:12px 37px;
	background: #774CAC;
	font-weight: 500;
	font-size: 18px;
	color: #FFF;
	text-align: center;
}
.donateWr .iptBox dd .cateLst { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.donateWr .iptBox dd .cateLst li { 
	position:relative; 
	width: calc((100% - 24px)/3);
}
.donateWr .iptBox dd .cateLst .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.donateWr .iptBox dd .cateLst .chkLbl { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 100%;
	padding:12px 10px 13px;
	border:1px solid #E0E0E0;
	font-weight: 600;
	font-size: 18px;
	color: #666;
	text-align: center;
}
.donateWr .iptBox dd .cateLst .chkIpt:checked + .chkLbl { 
	background:#EEE0FF;
	border-color:#774CAC;
	color: #774CAC;
}
.donateWr .iptBox dd .cateLst .chkLbl.noTxt { 
	font-size:0;
}
.donateWr .iptBox dd .dateBox { 
	display:flex;
	align-items:center; 
	gap:8px;
}
.donateWr .iptBox dd .dateBox .iptArea { 
	width: calc((100% - 26px)/2);
}
.donateWr .iptBox dd .dateBox .midBar { 
	flex-shrink:0;
	display:block; 
	width: 10px;
	height: 1px;
	background: #E0E0E0;
}
.donateWr .iptBox .infoBox { 
	background: #F7F7F9;
	margin:50px 0 0;
	padding:26px 21px;
}
.donateWr .iptBox .infoBox .lst li { 
	position:relative;
	margin:0 0 7px;
	padding:0 0 0 20px;
	font-weight:500;
	font-size: 15px;
	color: #999;
}
.donateWr .iptBox .infoBox .lst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top:1px;
	left:0;
	background:url(/Form/_guest/basic/images/donateInfo01.svg) no-repeat;
	background-size:cover;
}
.donateWr .iptBox .infoBox .lst li:last-child { 
	margin:0;
}
.donateWr .iptBox.off { 
	display:none;   
}
.donateWr .termBox { 
	padding:46px 0 0;
	border-top:4px solid #E0E0E0;
}
.donateWr .termBox .termTop { 
	position:relative;
	margin:0 0 40px;
}
.donateWr .termBox .termTop .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.donateWr .termBox .termTop .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 36px;
	font-weight: 600;
	font-size: 18px;
	color: #373737;
}
.donateWr .termBox .termTop .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/donateTermAllChk_off.svg) no-repeat center center;
	border:1px solid #999;
}
.donateWr .termBox .termTop .chkIpt:checked + .chkLbl:before { 
	background-color: #ECDAFF;
	background-image:url(/Form/_guest/basic/images/donateTermChk_on.svg);
	border-color:#774CAC;
}
.donateWr .termBox .termLst li { 
	position:relative;
	margin:0 0 16px;
	padding:0 0 0 33px;
}
.donateWr .termBox .termLst li:last-child { 
	margin:0;
}
.donateWr .termBox .termLst .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.donateWr .termBox .termLst .chkLbl { 
	position:absolute; 
	display:block; 
	width: 14px;
	height: 12px;
	top:3px;
	left:1px;
	background:url(/Form/_guest/basic/images/donateTermChk_off.svg) no-repeat center center;
	background-size:cover;
	font-size: 0;
}
.donateWr .termBox .termLst .chkIpt:checked + .chkLbl { 
	background-image:url(/Form/_guest/basic/images/donateTermChk_on.svg); 
}
.donateWr .termBox .termLst .termBtn { 
	position:relative; 
	display:block;
	width: 100%;
	padding:0 20px 0 0;
	font-weight: 500;
	font-size: 15px;
	color: #999;
}
.donateWr .termBox .termLst .termBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top:50%;
	right:8px;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.donateWr .btmBtn { 
	display:block; 
	width: 100%;
	margin:47px 0 0;
	padding:27px 10px;
	background: #774CAC;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	color: #FFF;
}
.donatePop .popBox { 
	position:absolute;
	width: 1200px;
	max-width: 90%;		
	top:50%;
	left:50%;
	padding:80px 70px;
	transform:translate(-50%, -50%);
	background: #FFF;
}
.donatePop .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 50px;
}
.donatePop .topBox .tit { 
	padding:12px 0;
	border-bottom:3px solid #774CAC;
	font-weight: 700; 
	font-size: 34px;
	color: #373737;
}
.donatePop .topBox .popClose { 
	flex-shrink:0;
	position:relative; 
	display:block; 
	width: 54px;
	height: 54px;
}
.donatePop .topBox .popClose:before,
.donatePop .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 40px;
	height: 4px;
	top:50%;
	left:50%;
	margin:-2px 0 0 -20px;
	background: #323232;
}
.donatePop .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.donatePop .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.donatePop .termTxt { 
	max-height: 500px;
	padding:37px 29px;
	background: #F8F9FA;
	border:1px solid #DEE2E6; 
	overflow:auto;
}
.donatePop .termTxt p {
	font-size: 18px;
	line-height: 1.1;
	color: #373737;
	word-break:break-all;
}
.donatePop .btnBox { 
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:16px;
	margin:20px 0 0;
}
.donatePop .btnBox .btn { 
	display:block; 
	padding:12px 43px;
	border:1px solid #774CAC;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
}
.donatePop .btnBox .btn.st01 { 
	background: #774CAC;
	color: #FFF;
}
.donatePop .btnBox .btn.st02 { 
	color: #774CAC;
}
.donatePop .overlayPop { 
	position:absolute; 
	width: 368px;
	max-width: 90%;
	top:50%;
	left:50%;
	padding:30px;
	transform:translate(-50%, -50%);
	background: #FFF;
	text-align: center;
}
.donatePop .overlayPop .imgBox { 
	position:relative; 
	width: 60px; 
	height: 60px;
	margin:0 auto 12px;
	font-size: 0;
}
.donatePop .overlayPop .imgBox img { 
	position:absolute;
	top:50%;
	left:50%;
	margin:-23px 0 0 -23px;
	animation:rotateAni01 1s infinite linear;
}
@keyframes rotateAni01 { 
	0% { 
		transform:rotate(0);
	}
	100% { 
		transform:rotate(360deg); 
	}
}
.donatePop .overlayPop .txt { 
	margin:0 0 20px;
	font-weight: 500; 
	font-size: 18px;
	line-height: 1.5;
	color: #2B3034;
}
.donatePop .overlayPop .overlayConfirm { 
	display:inline-block; 
	width: 200px;
	max-width: 100%;
	padding:13px 10px 12px;
	background: #774CAC;
	font-weight: 600;
	font-size: 20px;
	color: #FFF;
	text-align: center;
}
@media all and (max-width:999px){
	.donateWr .donateIptBox { 
		padding:40px 20px 0;
	}
	.donateWr .topBox { 
		margin:0 0 40px;
	}
	.donateWr .topBox .tit { 
		font-size: 22px; 
	}
	.donateWr .topBox .txt { 
		padding:0;
		font-size: 16px; 
		line-height: 1.3;
	}
	.donateWr .iptBox { 
		padding:30px 0;
		border-top-width:3px;
	}
	.donateWr .iptBox .tit { 
		margin:0 0 20px;
		font-size: 14px;
	}
	.donateWr .iptBox dl { 
		flex-wrap:wrap; 
		gap:8px;
	}
	.donateWr .iptBox dl + dl { 
		margin-top:30px;
	}
	.donateWr .iptBox dt { 
		width: 100%; 
		padding:0;
		font-size: 15px;
	}
	.donateWr .iptBox dt .extra { 
		font-size: 13px; 
	}
	.donateWr .iptBox dd .cateBox { 
		gap:10px;
	}
	.donateWr .iptBox dd .cateBox .btnCate { 
		width: calc((100% - 10px)/2);
		padding:10px 10px 9px;
		font-size: 15px;
	}
	.donateWr .iptBox dd .chkLst li { 
		flex-wrap:wrap; 
		align-items:stretch;
		margin:0 0 15px;
	}
	.donateWr .iptBox dd .chkLst .chkLbl { 
		width: 100%;
		margin:0 0 8px;
		padding:0 0 0 20px;
		font-size: 14px;
	}
	.donateWr .iptBox dd .chkLst .chkLbl:before { 
		width: 16px;
		height: 16px;
	}
	.donateWr .iptBox dd .chkLst .num { 
		font-size: 15px; 
	}
	.donateWr .iptBox dd .chkLst .txt01 { 
		font-size: 14px; 
	}
	.donateWr .iptBox dd .chkLst .iptSel { 
		padding:5px 20px 5px 0;
		background-size:16px auto;
		font-size: 15px;
	}
	.donateWr .iptBox dd .chkLst .chkCon .iptSel { 
		flex-grow:1;
		width: auto; 
		margin:0 10px 0 80px;
	}
	.donateWr .iptBox dd .iptArea { 
		padding:10px 15px;
		font-size: 15px;
	}
	.donateWr .iptBox dd select.iptArea { 
		padding-right:30px;
		background-size:16px auto;
		background-position:right 10px center;  
	}
	.donateWr .iptBox dd .hasHid { 
		display:block; 
	}
	.donateWr .iptBox dd .hasHid .iptArea { 
		width: 100%;
		margin:0 0 5px;
	}
	.donateWr .iptBox dd .hasHid .chkLbl { 
		padding:0 16px 0 18px;
		font-size: 14px;
	}
	.donateWr .iptBox dd .hasHid .chkLbl:before { 
		width: 14px; 
		height: 14px;
		top:2px;
	}
	.donateWr .iptBox dd .hasHid .chkLbl:after { 
		width: 12px;
		height: 12px;
	}
	.donateWr .iptBox dd .hasHid .hidTxt { 
		width: 200px; 
		left:calc(100% + 15px);
		padding:15px;
		font-size: 13px;
	}
	.donateWr .iptBox dd .hasHid .hidTxt:before { 
		margin:-4px 0 0;
		border-top-width:4px;
		border-bottom-width:4px;
		border-right-width:10px;
	}
	.donateWr .iptBox dd .callBox { 
		gap:5px;
	}
	.donateWr .iptBox dd .callBox .iptArea { 
		width: calc((100% - 36px)/3);
	}
	.donateWr .iptBox dd .callBox .midBar { 
		width: 8px;
	}
	.donateWr .iptBox dd .hasIptBtn { 
		gap:10px;
	}
	.donateWr .iptBox dd .hasIptBtn .btn { 
		padding:10px 20px;
		font-size: 15px;
	}
	.donateWr .iptBox dd .cateLst { 
		gap:10px;
	}
	.donateWr .iptBox dd .cateLst li { 
		width: calc((100% - 20px)/3);
	}
	.donateWr .iptBox dd .cateLst .chkLbl { 
		padding:10px;
		font-size: 15px;
	}
	.donateWr .iptBox dd .cateLst .chkLbl.noTxt img { 
		width: 96px; 
	}
	.donateWr .iptBox dd .dateBox {
		gap:5px;
	}
	.donateWr .iptBox dd .dateBox .iptArea { 
		width: calc((100% - 18px)/2);
	}
	.donateWr .iptBox dd .dateBox .midBar { 
		width: 8px;
	}
	.donateWr .iptBox .infoBox { 
		margin:30px 0 0;
		padding:20px;
	}
	.donateWr .iptBox .infoBox .lst li { 
		margin:0 0 5px;
		padding:0 0 0 18px;
		font-size: 14px;
	}
	.donateWr .iptBox .infoBox .lst li:before { 
		width: 12px;
		height: 12px;
		top:3px;
	}
	.donateWr .termBox { 
		padding:30px 0 0;
		border-top-width:3px;
	}
	.donateWr .termBox .termTop { 
		margin:0 0 30px;
	}
	.donateWr .termBox .termTop .chkLbl { 
		padding:0 0 0 30px;
		font-size: 15px;
	}
	.donateWr .termBox .termTop .chkLbl:before { 
		width: 20px;
		height: 20px;
		background-size:12px auto;
	}
	.donateWr .termBox .termLst li { 
		margin:0 0 10px;
		padding:0 0 0 25px;
	}
	.donateWr .termBox .termLst .termBtn { 
		padding:0 15px 0 0;
		font-size: 14px;
	}
	.donateWr .termBox .termLst .termBtn:after { 
		width: 8px;
		height: 8px;
		right:5px;
		margin:-4px 0 0;
	}
	.donateWr .btmBtn { 
		margin:30px 0 0;
		padding:20px 10px;
		font-size: 16px;
	}
	.donatePop .popBox { 
		padding:30px;
	}
	.donatePop .topBox { 
		margin:0 0 20px;
	}
	.donatePop .topBox .tit { 
		padding:10px 0;
		border-bottom-width:2px;
		font-size: 27px;
	}
	.donatePop .topBox .popClose { 
		width: 30px;
		height: 30px;
	}
	.donatePop .topBox .popClose:before,
	.donatePop .topBox .popClose:after {
		width: 20px;
		height: 2px;
		margin:-1px 0 0 -10px;
	}
	.donatePop .termTxt { 
		max-height: 300px;
		padding:20px;
	}
	.donatePop .termTxt p {
		font-size: 15px;
	}
	.donatePop .btnBox { 
		gap:10px;
		margin:15px 0 0;
	}
	.donatePop .btnBox .btn { 
		padding:10px 30px;
		font-size: 15px;
	}
	.donatePop .overlayPop { 
		padding:20px;
	}
	.donatePop .overlayPop .imgBox { 
		width: 48px; 
		height: 48px;
		margin:0 auto 10px;
	}
	.donatePop .overlayPop .imgBox img { 
		width: 30px;
		margin:-15px 0 0 -15px;
	}
	.donatePop .overlayPop .txt { 
		margin:0 0 15px;
		font-size: 15px;
		line-height: 1.4;
	}
	.donatePop .overlayPop .overlayConfirm { 
		width: 100%;
		padding:10px 10px 9px;
		font-size: 16px;
	}
}
@media all and (max-width:599px){
	.donateWr .donateIptBox { 
		padding:20px 20px 0;
	}
	.donateWr .topBox { 
		display:block;
		margin:0 0 20px;
	}
	.donateWr .topBox .tit { 
		margin:0 0 8px;
		font-size: 19px;
	}
	.donateWr .topBox .txt { 
		font-size: 15px;
		text-align: left;
	}
	.donateWr .topBox .txt br { 
		display:none; 
	}
	.donateWr .iptBox { 
		padding:20px 0;
		border-top-width:2px;
	}
	.donateWr .iptBox .tit { 
		margin:0 0 15px;
		font-size: 13px;
	}
	.donateWr .iptBox dl { 
		gap:5px; 
	}
	.donateWr .iptBox dl + dl { 
		margin-top:20px;
	}
	.donateWr .iptBox dt { 
		font-size: 14px;
	}
	.donateWr .iptBox dd .cateBox { 
		gap:8px;
	}
	.donateWr .iptBox dd .cateBox .btnCate { 
		width: calc((100% - 8px)/2);
		padding:8px 10px 7px;
		font-size: 14px;
	}
	.donateWr .iptBox dd .chkLst li { 
		margin:0 0 10px;
	}
	.donateWr .iptBox dd .chkLst .chkLbl { 
		margin:0 0 5px;
		padding:0 0 0 18px;
		font-size: 13px; 
	}
	.donateWr .iptBox dd .chkLst .chkLbl:before { 
		width: 14px;
		height: 14px;
	}
	.donateWr .iptBox dd .chkLst .chkCon { 
		flex-wrap:wrap; 
	}
	.donateWr .iptBox dd .chkLst .num { 
		width: 100%;
		font-size: 14px; 
	}
	.donateWr .iptBox dd .chkLst .txt01 { 
		font-size: 13px; 
	}
	.donateWr .iptBox dd .chkLst .iptSel { 
		background-size:14px auto;
		font-size: 14px;
	}
	.donateWr .iptBox dd .chkLst .chkCon .iptSel { 
		width: calc(100% - 27px);
		margin:0 10px 0 0;
	}
	.donateWr .iptBox dd .iptArea { 
		padding:10px;
		font-size: 14px;
	}
	.donateWr .iptBox dd select.iptArea { 
		background-size:14px auto; 
	}
	.donateWr .iptBox dd .hasHid .chkLbl { 
		font-size: 13px; 
	}
	.donateWr .iptBox dd .hasHid .chkLbl:before { 
		top:1px; 
	}
	.donateWr .iptBox dd .hasHid .hidTxt { 
		top:calc(100% + 8px);
		left:18px;
		padding:10px;
		transform:translateY(0);
	}
	.donateWr .iptBox dd .hasHid .hidTxt:before { 
		top:auto;
		bottom:100%;
		right:auto;
		left:10px;
		margin:0;
		border-top-width:0;
		border-bottom:10px solid #424242;
		border-right:4px solid transparent;
		border-left:4px solid transparent;
	}
	.donateWr .iptBox dd .hasIptBtn { 
		flex-wrap: wrap;
		gap:5px;
	}
	.donateWr .iptBox dd .hasIptBtn .iptArea, 
	.donateWr .iptBox dd .hasIptBtn .btn { 
		width: 100%; 
	}
	.donateWr .iptBox dd .hasIptBtn .btn {
		padding:10px;
		font-size: 14px;
	}
	.donateWr .iptBox dd .cateLst { 
		gap:8px;
	}
	.donateWr .iptBox dd .cateLst li { 
		width: calc((100% - 16px)/3);
	}
	.donateWr .iptBox dd .cateLst .chkLbl { 
		padding:8px;
		font-size: 14px;
	}
	.donateWr .iptBox dd .cateLst .chkLbl.noTxt img { 
		width: 72px; 
	}
	.donateWr .iptBox .infoBox { 
		margin:20px 0 0;
		padding:15px;
	}
	.donateWr .iptBox .infoBox .lst li { 
		font-size: 13px;
	}
	.donateWr .iptBox .infoBox .lst li:before { 
		top:1px;
	}
	.donateWr .termBox { 
		padding:20px 0 0;
		border-top-width:2px;
	}
	.donateWr .termBox .termTop { 
		margin:0 0 20px;
	}
	.donateWr .termBox .termTop .chkLbl { 
		padding:0 0 0 25px;
		font-size: 14px;
	}
	.donateWr .termBox .termTop .chkLbl:before { 
		width: 18px;
		height: 18px;
		background-size:10px auto;
	}
	.donateWr .termBox .termLst li { 
		margin:0 0 8px;
		padding:0 0 0 20px;
	}
	.donateWr .termBox .termLst .termBtn { 
		padding:0 15px 0 0;
		font-size: 13px;
	}
	.donateWr .termBox .termLst .termBtn:after { 
		width: 6px;
		height: 6px;
		margin:-3px 0 0;
	}
	.donateWr .btmBtn { 
		margin:20px 0 0;
		padding:10px;
		font-size: 15px;
	}
	.donatePop .popBox { 
		padding:15px;
	}
	.donatePop .topBox { 
		margin:0 0 15px;
	}
	.donatePop .topBox .tit { 
		padding:8px 0;
		border-bottom-width:1px;
		font-size: 20px;
	}
	.donatePop .topBox .popClose { 
		width: 20px;
		height: 20px;
	}
	.donatePop .topBox .popClose:before,
	.donatePop .topBox .popClose:after {
		width: 16px;
		margin:-1px 0 0 -8px;
	}
	.donatePop .termTxt { 
		max-height: 200px;
		padding:10px;
	}
	.donatePop .termTxt p {
		font-size: 14px;
	}
	.donatePop .btnBox { 
		gap:8px; 
	}
	.donatePop .btnBox .btn { 
		width: calc((100% - 8px)/2);
		padding:10px;
		font-size: 14px;
	}
	.donatePop .overlayPop { 
		padding:15px;
	}
	.donatePop .overlayPop .imgBox { 
		margin:0 auto;
	}
	.donatePop .overlayPop .txt { 
		margin:0 0 10px;
		font-size: 14px;
		line-height: 1.3;
	}
	.donatePop .overlayPop .overlayConfirm { 
		padding:8px 8px 7px;
		font-size: 15px;
	}
}
/* 후원하기 끝
------------------------------------------------------ */