@charset "utf-8";
/* 메인 페이지 시작
------------------------------------------------------ */
.mainSlide { 
	padding:148px 0 0;
}
.mainSlide .swiper-slide { 
	opacity:0; 
}
.mainSlide .swiper-slide .tit { 
	font-size:42px;
	line-height:1.3;
	letter-spacing:-.01em;
	color:#FFF;
	margin:0 0 33px;
}
.mainSlide .swiper-slide .tit span { 
	display:block;
}
.mainSlide .swiper-slide .tit span em { 
	font-style:normal;
	color:#1F8EFA;
}
.mainSlide .swiper-slide .tit .titBold { 
	font-family:"no500"
}
.mainSlide .swiper-slide .txt { 
	font-size:20px;
	line-height:1.24;
	color:#A3A8BF; 
}
.mainSlide .swiper-slide { 
	opacity:0 !important; 
}
.mainSlide .swiper-slide.swiper-slide-active { 
	opacity:1 !important; 
}
.mainServiceBox { 
	margin:57px 0 60px;
}
.mainServiceBox .mainSvcTit { 
	margin:0 0 8px;
	font-weight:500;
	font-size:32px;
	text-align: center;
	color:#212121;
}
.mainServiceBox .mainSvcTit span { 
	color: #1F8EFA;
}
.mainServiceBox .mainSvcStit { 
	margin:0 0 70px;
	font-size:18px;
	text-align: center;
	color:#666;
}
.mainServiceBox .mainSvcLst { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
}
.mainServiceBox .mainSvcLst .mainSvcLi { 
	position:relative; 
	width: 24%; 
	padding:28px 50px;
	background: #F5F6FA;
	border-radius: 18px;
	border:1px solid #E0E0E0;
	transition:all .3s ease;
}
.mainServiceBox .mainSvcLst .mainSvcLi .tit { 
	margin:0 0 20px;
	font-size:20px;
	line-height:1.45;
	color:#9E9E9E;
	text-align: center;
	transition:all .3s ease;
}
.mainServiceBox .mainSvcLst .mainSvcLi .discount { 
	position:absolute; 
	display:inline-block; 
	top:-25px;
	right:25px;
	padding:5px 8px 8px;
	border-radius: 10px;
	background: #24F5F0;
	font-weight:700;
	font-size:20px;
	color:#212121;
}
.mainServiceBox .mainSvcLst .mainSvcLi .discount:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 0;
	bottom:-10px;
	left:50%;
	margin:0 0 0 -12px;
	transform:rotate(15deg);
	border-top:24px solid #24F5F0;
	border-right:12px solid transparent;
	border-left:12px solid transparent;
}
.mainServiceBox .mainSvcLst .mainSvcLi .discount:after { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle; 
	width: 10px;
	height: 18px;	
	margin:0 0 0 4px;
	background:url(/Form/_guest/basic/images/mainSvcLstIco_dc.png) no-repeat;
	background-size:cover;
}
.mainServiceBox .mainSvcLst .mainSvcLi .discount span { 
	position:relative; 
	display:inline-block; 
	vertical-align:middle;
}
.mainServiceBox .mainSvcLst .mainSvcLi .optionLst { 
	margin:0 0 18px;
}
.mainServiceBox .mainSvcLst .mainSvcLi .optionLst > li { 
	position:relative;
	display:flex; 
	justify-content:center; 
	align-items:center; 
	margin:0 0 10px;
}
.mainServiceBox .mainSvcLst .mainSvcLi .optionLst > li input { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
.mainServiceBox .mainSvcLst .mainSvcLi .optionLst > li .mainSvcOption { 
	position:relative;
	min-height: 24px;
	padding:2px 0 0 32px;
	font-weight:500;
	font-size:16px;
	letter-spacing:-.02em;
	color:#9E9E9E;
	transition:all .3s ease;
}
.mainServiceBox .mainSvcLst .mainSvcLi .optionLst > li .mainSvcOption:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px; 
	height: 24px;
	top:0;
	left:0;
	border:3px solid #9E9E9E;
	border-radius: 50%;
	transition:all .3s ease;
}
.mainServiceBox .mainSvcLst .mainSvcLi .totalBox { 
	padding:24px 0 0;
	border-top:1px solid #E0E0E0;
	text-align: center;
	transition:all .3s ease; 
}
.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .price_won { 
	margin:0 0 2px;
	font-family: 'GmarketSansBold';
	font-size:30px;
	line-height:1.15;
	color: #9E9E9E;
	transition:all .3s ease;
}
.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .price_won .sign { 
	display:inline-block; 
	vertical-align:middle; 
	margin:0 2px 0 0;
	font-family: 'GmarketSansMedium';
	font-size:.533em;
}
.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .price_ext { 
	margin:0 0 22px;
	font-size:20px;
	color:#9E9E9E;
	transition:all .3s ease;
}
.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .btnPur { 
	display:block; 
	width: 100%;
	padding:12px 10px;
	background: #9E9E9E;
	border-radius: 30px;
	text-align: center;
	font-size:18px;
	color:#FFF;
	transition:all .3s ease;
}
.mainServiceBox .mainSvcLst .mainSvcLi.on { 
	background: #262C3C;
	border-color:#262C3C;
}
.mainServiceBox .mainSvcLst .mainSvcLi.on .tit,
.mainServiceBox .mainSvcLst .mainSvcLi.on .optionLst > li input:checked + .mainSvcOption { 
	color: #FFF; 
}
.mainServiceBox .mainSvcLst .mainSvcLi.on .optionLst > li input:checked + .mainSvcOption:before { 
	background: #FFF;
	border-width:6px;
	border-color:#24F5F0; 
}
.mainServiceBox .mainSvcLst .mainSvcLi .optionLst > li:last-child { 
	margin:0;
}
.mainServiceBox .mainSvcLst .mainSvcLi.on .totalBox { 
	border-top-color:#616776;
}
.mainServiceBox .mainSvcLst .mainSvcLi.on .totalBox .price_won { 
	color: #42B1FE; 
}
.mainServiceBox .mainSvcLst .mainSvcLi.on .totalBox .price_ext { 
	color: #FFF; 
}
.mainServiceBox .mainSvcLst .mainSvcLi.on .totalBox .btnPur { 
	background: #42B1FE;
}
.mainMidSldBox { 
	background: #E9EEF4;
	font-size:0; 
}
.mainMidSldBox .inner { 
	position:relative; 
}
.mainMidSldBox .swiper-slide { 
	display:flex; 
	flex-wrap:wrap;
	align-items:center; 
	background: #E9EEF4;
}
.mainMidSldBox .imgBox { 
	width: 46%; 
	text-align: center;
}
.mainMidSldBox .imgBox img { 
	max-width: 100%; 
}
.mainMidSldBox .conBox { 
	padding:12px 0 0;
}
.mainMidSldBox .conBox .sTit { 
	margin:0 0 3px;
	font-size:18px;
	letter-spacing:-.04em;
	color:#424242;
}
.mainMidSldBox .conBox .tit { 
	margin:0 0 10px;
	font-weight:500;
	font-size:26px;
	letter-spacing:-.05em;
	color: #424242;
}
.mainMidSldBox .conBox .tit span { 
	font-weight:700;
	color: #1F8EFA;
}
.mainMidSldBox .conBox .txt { 
	font-size:17px;
	letter-spacing:-.04em;
	color:#616776;
}
.mainMidSldBox .mainMidSldPaging { 
	position:absolute; 
	height: 8px;
	top:21px;
	text-align: center;
	z-index:1;
}
.mainMidSldBox .mainMidSldBtn { 
	position:absolute; 
	display:block; 
	width: 60px;
	height: 60px;
	top:50%;
	margin:-30px 0 0;
	border:3px solid #A6ADCA;
	border-radius: 50%;
	z-index:1;
}
.mainMidSldBox .mainMidSldBtn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:50%;
	left:50%;
	border-left:3px solid #A6ADCA;
	border-bottom:3px solid #A6ADCA;
}
.mainMidSldBox .mainMidSldBtn.mainMidSldPrev { 
	left:0; 
}
.mainMidSldBox .mainMidSldBtn.mainMidSldPrev:before { 
	margin:-9px 0 0 -5px;
	transform:rotate(45deg); 
}
.mainMidSldBox .mainMidSldBtn.mainMidSldNext { 
	right:0; 
}
.mainMidSldBox .mainMidSldBtn.mainMidSldNext:before { 
	margin:-9px 0 0 -13px;
	transform:rotate(225deg); 
}
.mainNoticeBox { 
	padding:60px 0;
	background: #F5F6F9;
}
.mainNoticeBox .inner { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
}
.mainNoticeBox .noticeArea { 
	position:relative; 
	width: 49%;
	height: 204px;
	padding:25px 18px 25px 208px;
	background: #FFF; 
	border-radius: 18px;
	border:1px solid #E0E0E0;
}
.mainNoticeBox .noticeArea .lBox { 
	position:absolute; 
	width: 180px; 
	top:25px;
	left:18px;
}
.mainNoticeBox .noticeArea .lBox .tit { 
	margin:0 0 10px;
	font-weight:500;
	font-size:24px;
	color:#212121;
}
.mainNoticeBox .noticeArea .lBox .txt { 
	margin:0 0 10px;
	font-size:14px; 
	line-height:1.34;
	color:#424242;
}
.mainNoticeBox .noticeArea .lBox .lnk { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 130px;
	height: 34px;
	border:1px solid #E0E0E0;
	font-size:14px;
	letter-spacing:-.04em;
	color:#9E9E9E;
	transition:all .3s ease;
}
.mainNoticeBox .noticeArea .lBox .lnk .plus { 
	position:relative; 
	display:block; 
	width: 10px;
	height: 10px;
	margin:0 0 0 4px;
	transition:all .3s ease;
}
.mainNoticeBox .noticeArea .lBox .lnk .plus:before,
.mainNoticeBox .noticeArea .lBox .lnk .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #9E9E9E;
	transition:all .3s ease;
}
.mainNoticeBox .noticeArea .lBox .lnk .plus:before { 
	width: 100%; 
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.mainNoticeBox .noticeArea .lBox .lnk .plus:after { 
	width: 2px; 
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1px;
}
.mainNoticeBox .noticeArea .lBox .lnk:hover,
.mainNoticeBox .noticeArea .lBox .lnk:focus { 
	border-color: #42B1FE;
	color: #42B1FE; 
	font-weight:500;
}
.mainNoticeBox .noticeArea .lBox .lnk:hover .plus,
.mainNoticeBox .noticeArea .lBox .lnk:focus .plus { 
	transform:rotate(90deg); 
}
.mainNoticeBox .noticeArea .lBox .lnk:hover .plus:before,
.mainNoticeBox .noticeArea .lBox .lnk:focus .plus:before,
.mainNoticeBox .noticeArea .lBox .lnk:hover .plus:after,
.mainNoticeBox .noticeArea .lBox .lnk:focus .plus:after { 
	background: #42B1FE; 
}
.mainNoticeBox .noticeArea .rBox { 
	height: 100%; 
}
.mainNoticeBox .noticeArea .rBox ul li { 
	padding:8px 0;
	border-bottom:1px solid #E0E0E0; 
}
.mainNoticeBox .noticeArea .rBox ul li a { 
	display:block; 
	font-size:16px;
	letter-spacing:-.02em;
	color:#424242;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:all .3s ease;
}
.mainNoticeBox .noticeArea .rBox ul li a:hover,
.mainNoticeBox .noticeArea .rBox ul li a:focus { 
	color: #42B1FE; 
}
.mainNoticeBox .noticeArea .rBox ul li:last-child { 
	border-bottom:none;
}
.mainNoticeBox .noticeArea .rBox .noData { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 100%; 
	height: 100%;
	font-size: 16px;
    letter-spacing: -.02em;
    color: #424242;
}
@media all and (max-width:1199px){
	.mainSlide .swiper-slide .tit { 
		font-size:34px; 
	}
	.mainSlide .swiper-slide .txt { 
		font-size:16px; 
	}
	.mainServiceBox .inner { 
		padding:0 20px;
	}
	.mainServiceBox { 
		margin:40px 0 50px;
	}
	.mainServiceBox .mainSvcTit { 
		font-size:29px; 
	}
	.mainServiceBox .mainSvcStit { 
		margin:0 0 50px;
		font-size:17px; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi { 
		padding:20px;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .tit { 
		font-size:18px; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .discount { 
		font-size:18px; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .discount:after { 
		width: 9px; 
		height: 16px;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .optionLst > li .mainSvcOption { 
		min-height: 20px;
		padding:2px 0 0 26px;
		font-size:15px; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .optionLst > li .mainSvcOption:before { 
		width: 20px; 
		height: 20px;
		border-width:2px;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi.on .optionLst > li input:checked + .mainSvcOption:before { 
		border-width:4px; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .totalBox { 
		padding:15px 0 0;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .price_won { 
		font-size:27px; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .price_won .sign { 
		font-size:.7em; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .price_ext { 
		margin:0 0 15px;
		font-size:18px;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .btnPur { 
		padding:10px;
		font-size:17px; 
	}
	.mainMidSldBox .inner { 
		padding:0 20px;
	}
	.mainMidSldBox .conBox .sTit { 
		font-size:17px; 
	}
	.mainMidSldBox .conBox .tit { 
		font-size:23px; 
	}
	.mainMidSldBox .conBox .txt { 
		font-size:16px; 
	}
	.mainMidSldBox .mainMidSldBtn { 
		width: 54px; 
		height: 54px;
	}
	.mainMidSldBox .mainMidSldBtn:before { 
		width: 16px; 
		height: 16px;
	}
	.mainMidSldBox .mainMidSldBtn.mainMidSldPrev { 
		left:20px; 
	}
	.mainMidSldBox .mainMidSldBtn.mainMidSldPrev:before { 
		margin:-8px 0 0 -5px;
	}
	.mainMidSldBox .mainMidSldBtn.mainMidSldNext { 
		right:20px; 
	}
	.mainMidSldBox .mainMidSldBtn.mainMidSldNext:before { 
		margin:-8px 0 0 -11px;
	}
	.mainNoticeBox { 
		padding:50px 20px;
	}
	.mainNoticeBox .noticeArea { 
		height: auto;
		padding:20px 15px 20px 200px;
	}
	.mainNoticeBox .noticeArea .lBox { 
		width: 170px; 
	}
	.mainNoticeBox .noticeArea .lBox .tit { 
		font-size:22px; 
	}
	.mainNoticeBox .noticeArea .lBox .lnk { 
		width: 120px; 
	}
	.mainNoticeBox .noticeArea .rBox ul li a,
	.mainNoticeBox .noticeArea .rBox .noData { 
		font-size:15px; 
	}
}
@media all and (max-width:999px){
	.mainSlide { 
		padding:120px 0 0;
	}
	.mainSlide .swiper-slide .tit { 
		margin:0 0 25px;
		font-size:29px; 
	}
	.mainSlide .swiper-slide .txt { 
		font-size:15px;
	}
	.mainServiceBox { 
		margin:30px 0;
	}
	.mainServiceBox .mainSvcTit { 
		font-size:26px; 
	}
	.mainServiceBox .mainSvcStit { 
		margin:0 0 40px;
		font-size:16px;
	}
	.mainServiceBox .mainSvcLst { 
		justify-content:flex-start; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi { 
		width: 49%; 
		margin:2% 2% 0 0;
		padding:15px;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .tit { 
		margin:0 0 15px;
		font-size:17px; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .price_won { 
		font-size:24px; 
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .price_ext { 
		margin:0 0 10px;
		font-size:17px;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .btnPur { 
		padding:8px;
		font-size:16px;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi:nth-child(-n+2) { 
		margin-top:0;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi:nth-child(2n) { 
		margin-right:0;
	}
	.mainMidSldBox .imgBox { 
		width: 100%; 
	}
	.mainMidSldBox .conBox { 
		width: 100%;
		padding:10px 0;
		text-align: center; 
	}
	.mainMidSldBox .conBox .sTit { 
		font-size:16px; 
	}
	.mainMidSldBox .conBox .tit { 
		margin:0 0 8px;
		font-size:21px; 
	}
	.mainMidSldBox .conBox .txt { 
		font-size:15px; 
	}
	.mainMidSldBox .mainMidSldPaging { 
		top:10px; 
	}
	.mainMidSldBox .mainMidSldBtn { 
		width: 48px; 
		height: 48px;
		border-width:2px;
	}
	.mainMidSldBox .mainMidSldBtn:before { 
		width: 14px; 
		height: 14px;
		border-width:2px;
	}
	.mainMidSldBox .mainMidSldBtn.mainMidSldPrev:before { 
		margin:-7px 0 0 -4px;
	}
	.mainMidSldBox .mainMidSldBtn.mainMidSldNext:before { 
		margin:-7px 0 0 -10px;
	}
	.mainNoticeBox { 
		padding:40px 20px;
	}
	.mainNoticeBox .noticeArea { 
		display:flex; 
		flex-direction:column;
		padding:20px 15px;
	}
	.mainNoticeBox .noticeArea .lBox { 
		position:relative; 
		gap:5px;
		width: 100%;
		top:auto;
		left:auto;
		margin:0 0 8px;
		padding:0 25px 0 0;
	}
	.mainNoticeBox .noticeArea .lBox .tit { 
		margin:0 0 5px;
		font-size:19px; 
	}
	.mainNoticeBox .noticeArea .lBox .txt { 
		margin:0;
	}
	.mainNoticeBox .noticeArea .lBox .txt br { 
		display:none; 
	}
	.mainNoticeBox .noticeArea .lBox .lnk { 
		position:absolute; 
		width: 20px;
		height: 20px;
		top:0;
		right:0;
		font-size:0;
	}
	.mainNoticeBox .noticeArea .lBox .lnk .plus { 
		margin:0;
	}
	.mainNoticeBox .noticeArea .rBox { 
		flex-grow:1;
		height: auto; 
	}
}
@media all and (max-width:599px){
	.mainSlide { 
		padding:90px 0 0;
		margin:0 0 20px;
	}
	.mainSlide .swiper-slide .tit { 
		margin:0 0 20px;
		font-size:25px;
	}
	.mainServiceBox { 
		margin:20px 0;
	}
	.mainServiceBox .mainSvcTit { 
		font-size:19px; 
	}
	.mainServiceBox .mainSvcStit { 
		margin:0 0 20px;
		font-size:15px;
	}
	.mainServiceBox .mainSvcLst .mainSvcLi .totalBox .price_won { 
		font-size:21px; 
	}
	.mainMidSldBox .conBox .sTit { 
		font-size:15px; 
	}
	.mainMidSldBox .conBox .tit { 
		font-size:18px; 
	}
	.mainMidSldBox .conBox .txt { 
		font-size:14px; 
	}
	.mainMidSldBox .mainMidSldPaging { 
		top:8px; 
	}
	.mainMidSldBox .mainMidSldBtn { 
		width: 42px; 
		height: 42px;
	}
	.mainMidSldBox .mainMidSldBtn:before { 
		width: 12px; 
		height: 12px;
	}
	.mainMidSldBox .mainMidSldBtn.mainMidSldPrev:before { 
		margin:-6px 0 0 -4px;
	}
	.mainMidSldBox .mainMidSldBtn.mainMidSldNext:before { 
		margin:-6px 0 0 -9px;
	}
	.mainNoticeBox { 
		padding:30px 20px;
	}
	.mainNoticeBox .noticeArea { 
		width: 100%; 
		margin:0 0 10px;
		padding:15px;
	}
	.mainNoticeBox .noticeArea .lBox .tit { 
		font-size:17px; 
	}
	.mainNoticeBox .noticeArea .rBox ul li a, 
	.mainNoticeBox .noticeArea .rBox .noData { 
		font-size:14px; 
	}
	.mainNoticeBox .noticeArea .rBox .noData { 
		min-height: 80px; 
	}
	.mainNoticeBox .noticeArea:last-child { 
		margin:0;
	}
}
/* 메인 페이지 끝
------------------------------------------------------ */
/* 회원가입(join01, join02, join03) 공통 시작 
------------------------------------------------------ */
.joinWr .subDepthBox .inner,
.joinWr .subConBox .inner { 
	max-width: 674px; 
}
.joinWr .joinCrs { 
	display:flex; 
	flex-wrap:wrap;
	gap:27px;
}
.joinWr .joinCrs > li { 
	position:relative; 
	padding:17px 0 15px;
	font-size:18px;
	color:#9E9E9E;
}
.joinWr .joinCrs > li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	right:-15px;
	margin:-4px 0 0;
	border-right:1px solid #9E9E9E;
	border-bottom:1px solid #9E9E9E;
	transform:rotate(-45deg);
}
.joinWr .joinCrs > li:last-child:after { 
	display:none; 
}
.joinWr .joinCrs > li.on { 
	font-weight:500;
	color: #212121;
}
.joinWr .joinCrs > li.on:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 3px;
	bottom:-1px;
	left:0;
	background: #1F8EFA;
}
.joinWr .subConBox .grayBox { 
	padding:70px 92px;
}
.joinWr .joinTit { 
	margin:0 0 45px;
	font-weight:500;
	font-size:38px;
	color:#212121;
	text-align: center; 
}
.joinWr .joinAgreeBox .joinAllChk { 
	position:relative; 
	margin:0 0 30px;
	padding:0 0 28px;
	border-bottom:2px solid #E8E8E8;
}
.joinWr .joinAgreeBox .joinAllChk input { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
.joinWr .joinAgreeBox .joinAllChk label { 
	position:relative; 
	min-height: 24px;
	padding:0 0 0 45px;
	font-weight:500;
	font-size:20px;
	color:#212121;
}
.joinWr .joinAgreeBox .joinAllChk label:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:3px;
	left:0;
	background:url(/Form/_guest/basic/images/comIcoChk_off.png) no-repeat;
	background-size:cover;
}
.joinWr .joinAgreeBox .joinAllChk input:checked + label:before { 
	background-image: url(/Form/_guest/basic/images/comIcoChk_on.png);
}
.joinWr .joinAgreeBox .joinChkLst > li { 
	position:relative; 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	margin:0 0 18px;
}
.joinWr .joinAgreeBox .joinChkLst > li .joinChkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
.joinWr .joinAgreeBox .joinChkLst > li .joinChkLbl { 
	position:relative; 
	min-height: 24px;
	padding:0 0 0 45px;
	font-size:18px;
	color:#424242;
}
.joinWr .joinAgreeBox .joinChkLst > li .joinChkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/comIcoChk_off.png) no-repeat;
	background-size:cover;
}
.joinWr .joinAgreeBox .joinChkLst > li .joinChkLbl span { 
	text-decoration:underline; 
}
.joinWr .joinAgreeBox .joinChkLst > li .joinChkIpt:checked + .joinChkLbl:before { 
	background-image: url(/Form/_guest/basic/images/comIcoChk_on.png);
}
.joinWr .joinAgreeBox .joinChkLst > li .joinChkBtn { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 57px;
	height: 24px;
	margin:0 0 0 10px;
	border:1px solid #9E9E9E;
	border-radius: 4px;
	font-size:12px;
	color:#9E9E9E;
}
.joinWr .joinAgreeBox .joinChkLst > li:last-child { 
	margin:0;
}
.joinWr .joinInputBox .tit { 
	margin:0 0 11px;
	font-weight:500;
	font-size:20px;
	color:#424242;
}
.joinWr .joinInputBox .conBox { 
	position:relative; 
}
.joinWr .joinInputBox .conBox .conBtn { 
	position:absolute; 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	height: 36px;
	top:50%;
	right:12px;
	margin:-18px 0 0;
	padding:0 11px;
	background: #1f8df8;
	border-radius: 5px;
	font-weight:500;
	font-size:16px;
	color:#FFF;
}
.joinWr .joinInputBox .conBox .btnBox { 
	position:absolute; 
	display:flex; 
	flex-wrap:wrap;
	gap:10px;
	top:50%;
	right:12px;
	transform:translateY(-50%);
}
.joinWr .joinInputBox .conBox .btnBox > * { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 70px;
	height: 36px;
	border-radius: 5px;
	font-weight:500;
	font-size:16px;
}
.joinWr .joinInputBox .conBox .btnBox > *:nth-child(odd) { 
	border:1px solid #1F8EFA;
	color:#1F8EFA;
}
.joinWr .joinInputBox .conBox .btnBox > *:nth-child(even) { 
	background:#1F8EFA;
	color:#FFF;
}
.joinWr .joinInputBox .conBox.conBoxId .inputArea { 
	padding-right:100px;
}
.joinWr .joinInputBox .conBox.conBoxMail { 
	padding:0 0 0 167px;
}
.joinWr .joinInputBox .conBox.conBoxMail select.inputArea { 
	position:absolute; 
	width: 157px; 
	top:0;
	left:0;
	padding-right:20px;
}
.joinWr .joinInputBox .conBox.conBoxMail .inputArea { 
	padding-right:130px;
}
.joinWr .joinInputBox .conBox.conBoxCode .inputArea { 
	padding-right:170px;
}
.joinWr .joinInputBox .infoEx01 a { 
	text-decoration:underline; 
}
.joinWr .joinFinalBox .imgBox { 
	margin:0 0 26px;
	text-align: center;
	font-size:0;
}
.joinWr .joinFinalBox .imgBox img { 
	max-width: 100%; 
}
.joinWr .joinFinalBox .tit { 
	text-align: center;
	font-size:30px;
	letter-spacing:-.02em;
	color:#212121;
}
.joinWr .joinFinalBox .tit span { 
	display:block; 
	font-weight:700;
}
.joinWr .joinFinalBox .tit span em { 
	font-style:normal;
	color: #1F8EFA;
}
.joinWr .joinFinalBox .txt { 
	margin:48px 0 0;
	text-align: center;	
	font-size:15px;
	letter-spacing:-.8px;
	color:#9E9E9E;
}
.joinWr .joinLnkBtn { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 100%;
	max-width: 300px;
	height: 65px;
	margin:50px auto 0;
	background: #979797;
	border-radius: 10px;
	font-weight:500;
	font-size:24px;
	color:#FFF;
}
@media all and (max-width:1199px){
	.joinWr .joinCrs { 
		gap:20px;
	}
	.joinWr .joinCrs > li { 
		padding:15px 0 13px;
		font-size:17px; 
	}
	.joinWr .joinCrs > li:after { 
		width: 6px; 
		height: 6px;
		right:-12px;
		margin:-3px 0 0;
	}
	.joinWr .subConBox .grayBox { 
		padding:60px;
	}
	.joinWr .joinTit { 
		margin:0 0 30px;
		font-size:34px; 
	}
	.joinWr .joinAgreeBox .joinAllChk { 
		margin:0 0 20px;
		padding:0 0 20px;
	}
	.joinWr .joinAgreeBox .joinAllChk label { 
		padding:0 0 0 35px;
		font-size:18px; 
	}
	.joinWr .joinAgreeBox .joinAllChk label:before { 
		top:2px; 
	}
	.joinWr .joinAgreeBox .joinChkLst > li { 
		margin:0 0 15px;
	}
	.joinWr .joinAgreeBox .joinChkLst > li .joinChkLbl { 
		padding:0 0 0 35px;
		font-size:17px; 
	}
	.joinWr .joinInputBox .tit { 
		font-size:18px; 
	}
	.joinWr .joinInputBox .conBox .conBtn,
	.joinWr .joinInputBox .conBox .btnBox > * { 
		font-size:15px; 
	}
	.joinWr .joinFinalBox .imgBox { 
		margin:0 0 20px;
	}
	.joinWr .joinFinalBox .tit { 
		font-size:27px; 
	}
	.joinWr .joinLnkBtn { 
		max-width: 270px; 
		height: 55px;
		font-size:22px;
	}
}
@media all and (max-width:999px){
	.joinWr .joinCrs > li { 
		padding:13px 0 11px;
		font-size:16px;
	}
	.joinWr .subConBox .grayBox { 
		padding:40px;
	}
	.joinWr .joinTit { 
		font-size:30px; 
	}
	.joinWr .joinInputBox .conBox.conBoxMail { 
		padding:0 0 0 140px;
	}
	.joinWr .joinInputBox .conBox.conBoxMail select.inputArea { 
		width: 130px; 
		padding-right:10px;
	}
	.joinWr .joinAgreeBox .joinAllChk label { 
		min-height: 22px;
		padding:0 0 0 30px;
		font-size:17px; 
	}
	.joinWr .joinAgreeBox .joinAllChk label:before { 
		width: 22px; 
		height: 22px;
	}
	.joinWr .joinAgreeBox .joinChkLst > li .joinChkLbl { 
		min-height: 22px;
		padding:0 0 0 30px;
		font-size:16px; 
	}
	.joinWr .joinAgreeBox .joinChkLst > li .joinChkLbl:before { 
		width: 22px; 
		height: 22px;
	}
	.joinWr .joinFinalBox .tit { 
		font-size:24px; 
	}
	.joinWr .joinFinalBox .txt { 
		margin:30px 0 0;
	}
	.joinWr .joinLnkBtn { 
		max-width: 200px; 
		height: 45px;
		margin:30px auto 0;
		font-size:19px;
	}
}
@media all and (max-width:674px){
	.joinWr .subDepthBox .inner { 
		padding:0 20px;
	}
}
@media all and (max-width:599px){
	.joinWr .joinCrs > li { 
		font-size:15px; 
	}
	.joinWr .subConBox .grayBox { 
		padding:20px;
	}
	.joinWr .joinTit { 
		margin:0 0 20px;
		font-size:24px; 
	}
	.joinWr .joinInputBox .conBox.conBoxMail { 
		padding:00;
	}
	.joinWr .joinInputBox .conBox.conBoxMail select.inputArea { 
		position:relative; 
		width: 100%;
		top:auto;
		left:auto;
		margin:0 0 8px;
	}
	.joinWr .joinAgreeBox .joinAllChk { 
		margin:0 0 15px;
		padding:0 0 15px;
	}
	.joinWr .joinAgreeBox .joinAllChk label { 
		padding:0 0 0 25px;
		font-size:16px; 
	}
	.joinWr .joinAgreeBox .joinAllChk label:before { 
		width: 19px; 
		height: 19px;
	}
	.joinWr .joinAgreeBox .joinChkLst > li .joinChkLbl { 
		width: 100%;
		padding:0 0 0 25px;
		font-size:15px; 
	}
	.joinWr .joinAgreeBox .joinChkLst > li .joinChkLbl:before { 
		width: 19px; 
		height: 19px;
	}
	.joinWr .joinAgreeBox .joinChkLst > li .joinChkBtn { 
		width: 100%;
		margin:5px 0 0;
	}
	.joinWr .joinInputBox .conBox .conBtn { 
		position:relative; 
		width: 100%;
		top:auto;
		right:auto;
		margin:8px 0 0;
	}
	.joinWr .joinInputBox .conBox .btnBox { 
		position:relative; 
		justify-content:space-between; 
		gap:0;
		top:auto;
		right:auto;
		margin:8px 0 0;
		transform:translateY(0);
	}
	.joinWr .joinInputBox .conBox .btnBox > * { 
		width: 49%; 
	}
	.joinWr .joinFinalBox .imgBox { 
		margin:0 0 15px;
	}
	.joinWr .joinFinalBox .tit { 
		font-size:18px; 
	}
	.joinWr .joinFinalBox .txt { 
		margin:15px 0 0;
		font-size:14px; 
	}
	.joinWr .joinLnkBtn { 
		max-width: 100%; 
		margin:25px auto 0;
		font-size:17px;
	}
}
/* 회원가입(join01, join02, join03) 공통 끝 
------------------------------------------------------ */
/* 이메일 전송 완료 시작
------------------------------------------------------ */
.mailSFWr .grayBox { 
	max-width: 674px;
	margin:0 auto;
	padding:70px;
}
.mailSFWr .grayBox .imgBox { 
	margin:0 0 17px;
	text-align: center;
	font-size:0;
}
.mailSFWr .grayBox .imgBox img { 
	max-width: 100%; 
}
.mailSFWr .grayBox .txt { 
	text-align: center;
	font-size:30px;
	letter-spacing:-.02em;
	color:#212121;
}
.mailSFWr .grayBox .txt span { 
	display:block; 
	font-weight:700;
}
.mailSFWr .grayBox .txt span em { 
	font-style:normal; 
	color: #1F8EFA;
}
.mailSFWr .grayBox .lnk { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 100%;
	max-width: 300px;
	height: 65px;
	margin:50px auto 0;
	background: #1F8EFA;
	border-radius: 10px;
	font-weight:500;
	font-size:24px;
	color:#FFF;	 
}
.mailSFWr .grayBox .sTxt { 
	font-size:15px;
	letter-spacing:-.8px;
	color:#9E9E9E;
	text-align: center;
}
@media all and (max-width:1199px){
	.mailSFWr .grayBox {
		padding:50px;
	}
	.mailSFWr .grayBox .imgBox { 
		margin:0 0 15px;
	}
	.mailSFWr .grayBox .txt { 
		font-size:27px;
	}
	.mailSFWr .grayBox .lnk { 
		height: 60px;
		margin:40px auto 0;
		font-size:22px;
	}
}
@media all and (max-width:999px){
	.mailSFWr .grayBox {
		padding:30px;
	}
	.mailSFWr .grayBox .txt { 
		font-size:24px;
	}
	.mailSFWr .grayBox .lnk { 
		height: 50px;
		margin:30px auto 0;
		font-size:19px;
	}
}
@media all and (max-width:599px){
	.mailSFWr .grayBox {
		padding:20px;
	}
	.mailSFWr .grayBox .txt { 
		font-size:18px;
	}
	.mailSFWr .grayBox .lnk { 
		height: 40px;
		margin:20px auto 0;
		font-size:17px;
	}
	.mailSFWr .grayBox .sTxt { 
		font-size:14px;
	}
}
/* 이메일 전송 완료 끝
------------------------------------------------------ */
/* 비밀번호 찾기 시작
------------------------------------------------------ */
.findPwWr { 
	padding:47px 0;
}
.findPwWr .inner { 
	max-width: 520px; 
}
@media all and (max-width:1199px){
	.findPwWr { 
		padding:30px 20px;
	}
}
@media all and (max-width:599px){
	.findPwWr { 
		padding:20px;
	}
}
/* 비밀번호 찾기 끝
------------------------------------------------------ */
/* 주요공지 리스트 스킨 시작
------------------------------------------------------ */
.noticeWr { 
	max-width: 1200px; 
	margin:0 auto;
}
.noticeWr .noticeTblBox { 
	max-width: 1024px; 
	margin:0 auto;
}
.noticeWr .noticeTblBox .hidTxt { 
	display:none; 
	font-weight:500;
	font-size:1em;
	color:#212121;
}
.noticeWr .noticeTblBox .noticeLnk { 
	position:relative; 
	display:inline-block; 
	vertical-align:middle; 
	max-width: 100%;
	font-size:1.059em;
	letter-spacing:-.01em;
	color:#212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:all .3s ease;
	/*float:left;*/
	overflow:hidden;
}
.noticeWr .noticeTblBox a.noticeLnk:hover,
.noticeWr .noticeTblBox a.noticeLnk:focus { 
	color: #1F8EFA; 
}
.noticeWr .noticeTblBox .noticeLnk.new { 
	padding:0 25px 0 0;
}
.noticeWr .noticeTblBox .noticeLnk.new:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:50%;
	right:0;
	margin:-10px 0 0;
	background:url(/Form/_guest/basic/images/comIcoNew.png) no-repeat;
	background-size:cover;
}
.noticeWr .noticeTblBox table { 
	text-align: center; 
}
.noticeWr .noticeTblBox table thead { 
	background: #EEE;
	border-top:1px solid #E0E0E0;  
}
.noticeWr .noticeTblBox table thead tr th { 
	padding:16px 10px;
	font-weight:500;
	font-size:18px;
	letter-spacing:-.02em;
	color:#9E9E9E;
}
.noticeWr .noticeTblBox table tbody { 
	border-top:1px solid #E0E0E0;	 
}
.noticeWr .noticeTblBox table tbody tr { 
	position:relative; 
	border-bottom:1px solid #E0E0E0;
	overflow:hidden;
}
.noticeWr .noticeTblBox table tbody tr td { 
	padding:25px 10px 24px;
	font-size:17px; 
	letter-spacing:-.02em;
	color:#9E9E9E;
	overflow:hidden;
}
.noticeWr .noticeTblBox table tbody tr td a { 
	display:block; 
	font-weight:500;
	color:#424242;
	transition:all .3s ease;
}
.noticeWr .noticeTblBox table tbody tr td a:hover,
.noticeWr .noticeTblBox table tbody tr td a:focus { 
	color: #1F8EFA; 
}
.noticeWr .noticeBtmBox { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:flex-end; 
	gap:8px;
	margin:20px 0 0;
}
.noticeWr .noticeBtmBox > * { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	min-width: 150px;
	height: 50px;
	padding:0 8px;
	border-radius: 10px;
	font-weight:500;
	font-size:18px;
}
.noticeWr .noticeBtmBox > *:nth-child(odd) { 
	background: #1F8EFA; 
	color:#FFF;
}
.noticeWr .noticeBtmBox > *:nth-child(even) { 
	border:1px solid #1F8EFA; 
	color:#1F8EFA;
}
@media all and (max-width:1199px){
	.noticeWr { 
		padding:0 20px;
	}
	.noticeWr .noticeTblBox table thead tr th { 
		padding:14px 10px;
		font-size:17px; 
	}
	.noticeWr .noticeBtmBox { 
		justify-content:center; 
	}
	.noticeWr .noticeBtmBox > * { 
		min-width: 120px;
		font-size:17px; 
	}
}
@media all and (max-width:999px){
	.noticeWr .noticeTblBox .hidTxt { 
		display:block; 
		margin:0 5px 0 0;
	}
	.noticeWr .noticeTblBox .noticeNum { 
		position:absolute; 
		justify-content:center; 
		width: 100px;
		top:0;
		left:0;
	}
	.noticeWr .noticeTblBox .noticeTit { 
		width: 100%;
		text-align: left;
	}
	.noticeWr .noticeTblBox .noticeLnk { 		
		width: 100%;
		font-size:1em;
		float:none; 
	}
	.noticeWr .noticeTblBox table thead { 
		display:none; 
	}	
	.noticeWr .noticeTblBox table tbody tr { 
		display:block; 
		padding:0 0 0 100px;
	}
	.noticeWr .noticeTblBox table tbody tr td { 		
		display:flex; 
		flex-wrap:wrap; 
		align-items:center; 
		padding:8px 10px;
		font-size:16px;
		float:left;
	}
	.noticeWr .noticeBtmBox { 
		margin:15px 0 0;
	}
	.noticeWr .noticeBtmBox > * { 
		min-width: 100px;
		height: 40px;
		font-size:16px; 
	}
}
@media all and (max-width:599px){
	.noticeWr .noticeTblBox table tbody tr td { 
		padding:5px;
		font-size:15px; 
	}
	.noticeWr .noticeBtmBox { 
		margin:10px 0 0;
	}
	.noticeWr .noticeBtmBox > * { 
		min-width: 80px;
		height: 35px;
		font-size:15px; 
	}
}
/* 주요공지 리스트 스킨 끝
------------------------------------------------------ */
/* 주요공지 보기 스킨 시작
------------------------------------------------------ */
.noticeViewWr { 
	max-width: 1023px; 
	margin:0 auto;
}
.noticeViewWr .nvTitBox { 
	padding:19px 40px 15px;
	background: #FAFAFA;
	border-top:1px solid #E0E0E0;
}
.noticeViewWr .nvTitBox .tit { 
	position:relative; 
	display:inline-block; 
	max-width: 100%;
	font-weight:500;
	font-size:24px;
	letter-spacing:-.01em;
	color:#212121;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.noticeViewWr .nvTitBox .tit.new { 
	padding:0 30px 0 0;
}
.noticeViewWr .nvTitBox .tit.new:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:50%;
	right:0;
	margin:-10px 0 0;
	background:url(/Form/_guest/basic/images/comIcoNew.png) no-repeat;
	background-size:cover;
}
.noticeViewWr .nvInfoBox { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:space-between; 
	gap:10px;
	padding:2px 40px 19px;
	background: #FAFAFA;
	border-bottom:1px solid #E0E0E0; 
}
.noticeViewWr .nvInfoBox > * { 
	display:flex; 
	flex-wrap:wrap;
	gap:20px;
}
.noticeViewWr .nvInfoBox dl { 
	display:flex; 
	flex-wrap:wrap;
	align-items:center; 
	gap:10px;
	font-size:18px;
	letter-spacing:-.01em;
	color:#424242;
}
.noticeViewWr .nvInfoBox dl dt { 
	font-weight:500; 
}
.noticeViewWr .nvAttachBox { 
	padding:21px 42px 19px;
	border-bottom:1px solid #E0E0E0; 	 
}
.noticeViewWr .nvAttachBox dl { 
	display:flex; 
	flex-wrap:wrap;
	align-items:center; 
	gap:10px;
	font-size:18px;
	letter-spacing:-.01em;
	color:#424242;
}
.noticeViewWr .nvAttachBox dl dt { 
	display:flex; 
	align-items:center; 
	gap:3px;
	font-weight:500; 
}
.noticeViewWr .nvAttachBox dl dt:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	background:url(/Form/_guest/basic/images/comIcoAttach.png) no-repeat;
	background-size:cover;
}
.noticeViewWr .nvConBox { 
	padding:50px 40px;
	border-bottom:1px solid #E0E0E0;
}
.noticeViewWr .nvConBox > img { 
	display:block; 
	max-width: 100%;
}
.noticeViewWr .nvConBox p { 
	font-size:16px;
	line-height:1.45;
	letter-spacing:-.01em;
	color:#424242;
}
@media all and (max-width:1199px){
	.noticeViewWr { 
		padding:0 20px;
	}
	.noticeViewWr .nvTitBox { 
		padding:17px 20px 15px;
	}
	.noticeViewWr .nvTitBox .tit { 
		font-size:22px; 
	}
	.noticeViewWr .nvInfoBox { 
		padding:2px 20px 15px;
	}
	.noticeViewWr .nvInfoBox > * { 
		gap:15px; 
	}
	.noticeViewWr .nvInfoBox dl,
	.noticeViewWr .nvAttachBox dl { 
		gap:8px;
		font-size:17px; 
	}
	.noticeViewWr .nvAttachBox { 
		padding:15px 20px;
	}
	.noticeViewWr .nvAttachBox dl dt:before { 
		width: 18px; 
		height: 18px;
	}
	.noticeViewWr .nvConBox { 
		padding:40px 20px;
	}
}
@media all and (max-width:999px){
	.noticeViewWr .nvTitBox { 
		padding:15px 15px 13px;
	}
	.noticeViewWr .nvTitBox .tit { 
		font-size:19px; 
	}
	.noticeViewWr .nvTitBox .tit.new { 
		padding:0 25px 0 0;
	}
	.noticeViewWr .nvTitBox .tit.new:after { 
		width: 18px; 
		height: 18px;
		margin:-9px 0 0;
	}
	.noticeViewWr .nvInfoBox { 
		padding:2px 15px 13px;
	}
	.noticeViewWr .nvInfoBox dl,
	.noticeViewWr .nvAttachBox dl { 
		font-size:16px; 
	}
	.noticeViewWr .nvAttachBox { 
		padding:15px 15px 13px;
	}
	.noticeViewWr .nvAttachBox dl dt:before { 
		width: 16px; 
		height: 16px;
	}
	.noticeViewWr .nvConBox { 
		padding:30px 20px;
	}
	.noticeViewWr .nvConBox p { 
		font-size:15px; 
	}
}
@media all and (max-width:599px){
	.noticeViewWr .nvTitBox { 
		padding:13px 10px 9px;
	}
	.noticeViewWr .nvTitBox .tit { 
		font-size:17px; 
	}	
	.noticeViewWr .nvTitBox .tit.new { 
		padding:0 20px 0 0;
	}
	.noticeViewWr .nvTitBox .tit.new:after { 
		width: 16px; 
		height: 16px;
		margin:-8px 0 0;
	}
	.noticeViewWr .nvInfoBox { 
		padding:2px 10px 10px;
	}
	.noticeViewWr .nvInfoBox dl,
	.noticeViewWr .nvAttachBox dl { 
		gap:5px;
		font-size:15px;
	}
	.noticeViewWr .nvInfoBox > * { 
		width: 100%;
		gap:10px;
	}
	.noticeViewWr .nvAttachBox { 
		padding:10px;
	}
	.noticeViewWr .nvAttachBox dl dt:before { 
		width: 14px; 
		height: 14px;
	}
	.noticeViewWr .nvConBox { 
		padding:20px;
	}
	.noticeViewWr .nvConBox p { 
		font-size:14px; 
	}
}
/* 주요공지 보기 스킨 끝
------------------------------------------------------ */
/* FAQ 게시판 스킨 시작
------------------------------------------------------ */
.faqWr { 
	max-width: 1024px; 
	margin:0 auto;
}
.faqWr .faqLstBox { 
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
.faqWr .faqLstBox .faqTit { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:24px 70px 24px 100px;
	text-align: left;
	font-size:18px;
	letter-spacing:-.01em;
	color:#212121;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	transition:all .3s ease;
}
.faqWr .faqLstBox .faqTit:before,
.faqWr .faqLstBox .faqTit:after { 
	position:absolute;
	display:block; 
	box-sizing:border-box;
	top:50%;
	transition:all .3s ease;
}
.faqWr .faqLstBox .faqTit:before { 
	content:"Q";
	width: 22px;
	height: 22px;
	left:38px;
	margin:-11px 0 0;
	background: #9E9E9E;
	border-radius: 50%;
	text-align: center;
	font-weight:500;
	font-size:15px;
	letter-spacing:-.02em;
	color:#FFF;
}
.faqWr .faqLstBox .faqTit:after { 
	content:"";
	width: 12px; 
	height: 12px;
	right:38px;
	margin:-9px 0 0;
	border-bottom:2px solid #9E9E9E;
	border-right:2px solid #9E9E9E;
	transform:rotate(45deg);
}
.faqWr .faqLstBox .faqTit:hover,
.faqWr .faqLstBox .faqTit:focus { 
	color: #1F8EFA; 
}
.faqWr .faqLstBox .faqTit.on:after { 
	margin:-5px 0 0;
	transform:rotate(225deg); 
}
.faqWr .faqLstBox .conBox { 
	display:none; 
	padding:30px 40px;
	background: #e9e9e9;
}
.faqWr .faqLstBox .conBox .txt { 
	font-size:15px;
	line-height:1.45;
	letter-spacing:-.01em;
	color:#424242;
}
.faqWr .faqLstBox + .faqLstBox { 
	border-top:none;
}
@media all and (max-width:1199px){
	.faqWr { 
		padding:0 20px;
	}
	.faqWr .faqLstBox .faqTit { 
		padding:20px 50px;
		font-size:17px;
	}
	.faqWr .faqLstBox .faqTit:before { 
		width: 20px;
		height: 20px;
		left:20px; 
		margin:-10px 0 0;
		font-size:14px;
	}
	.faqWr .faqLstBox .faqTit:after { 
		right:20px; 
	}
	.faqWr .faqLstBox .conBox { 
		padding:20px 25px;
	}
}
@media all and (max-width:999px){
	.faqWr .faqLstBox .faqTit { 
		padding:20px 40px;
		font-size:16px; 
	}
	.faqWr .faqLstBox .faqTit:before { 
		width: 18px;
		height: 18px;
		left:15px; 
		margin:-9px 0 0;
		font-size:13px;
	}
	.faqWr .faqLstBox .faqTit:after { 
		width: 10px;
		height: 10px;
		right:15px; 
		margin:-7px 0 0;
	}
	.faqWr .faqLstBox .conBox { 
		padding:20px;
	}
}
/* FAQ 게시판 스킨 끝
------------------------------------------------------ */
/* 결제하기 페이지 시작
------------------------------------------------------ */
.purchaseWr .inner { 
	max-width: 874px; 
}
.purchaseWr .purchaseBox dl { 
	position:relative; 
	padding:0 0 0 170px;
	border-bottom:1px solid #E0E0E0;
}
.purchaseWr .purchaseBox dl dt { 
	position:absolute; 
	max-width: 160px;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-weight:500;
	font-size:22px;
	color:#212121;
}
.purchaseWr .purchaseBox dl dd { 
	padding:25px 0;
}
.purchaseWr .purchaseBox dl dd .txt01 { 
	font-size:18px;
	color:#424242;
}
.purchaseWr .purchaseBox dl dd .txt01 span { 
	font-size:.889em;
	color:#9E9E9E;
}
.purchaseWr .purchaseBox dl dd .txt02 { 
	font-size:24px;
	color: #1F8EFA;
}
.purchaseWr .purchaseBox dl dd .txt02 span { 
	font-weight:500;
	font-size:1.125em; 
}
.purchaseWr .purchaseBox dl dd .wayLst { 
	display:flex; 
	flex-wrap:wrap;
}
.purchaseWr .purchaseBox dl dd .wayLst > li { 
	width: 24%; 
	margin:1.333% 1.333% 0 0;
	text-align: center;
}
.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn { 
	display:block; 
	width: 100%;
	height: 100%;
	padding:18px 10px;
	border:2px solid #E0E0E0;
	border-radius: 10px;
	transition:all .3s ease;
}
.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn > * { 
	display:block; 
}
.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn .imgBox { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	min-height: 32px;
	margin:0 0 10px;
	text-align: center;
	font-size:0; 
}
.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn .imgBox img { 
	max-width: 100%; 
}
.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn .txt { 
	font-weight:500;
	font-size:16px;
	color:#424242;
}
.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn.on,
.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn:focus,
.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn:hover { 
	border-color:#1F8EFA;
}
.purchaseWr .purchaseBox dl dd .wayLst > li:nth-child(4n) { 
	margin-right:0;
}
.purchaseWr .purchaseBox dl dd .wayLst > li:nth-child(-n+4) { 
	margin-top:0;
}
.purchaseWr .purchaseBox dl:last-child { 
	border-bottom:none;
}
.purchaseWr .purchaseBox dl:last-child dd { 
	padding-bottom:0;
}
.purchaseWr .agreeBox { 
	position:relative; 
	margin:40px 0 35px;
	text-align: center;
}
.purchaseWr .agreeBox input { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
}
.purchaseWr .agreeBox .agreeLbl { 
	position:relative; 
	display:inline-block; 
	min-height: 24px;
	padding:2px 0 0 33px;
	text-align: left;
	font-size:17px;
	letter-spacing:-.02em;
	color:#424242;
}
.purchaseWr .agreeBox .agreeLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/comIcoChk_off.png) no-repeat;
	background-size:cover;
}
.purchaseWr .agreeBox input:checked + .agreeLbl { 
	color: #1F8EFA; 
}
.purchaseWr .agreeBox input:checked + .agreeLbl:before { 
	background-image: url(/Form/_guest/basic/images/comIcoChk_on.png);
}
@media all and (max-width:1199px){
	.purchaseWr .inner { 
		padding:0;
	}
	.purchaseWr .purchaseBox dl { 
		padding:0 0 0 140px;
	}
	.purchaseWr .purchaseBox dl dt { 
		max-width: 130px;
		font-size:20px; 
	}
	.purchaseWr .purchaseBox dl dd .txt01 { 
		font-size:17px;
	}
	.purchaseWr .purchaseBox dl dd .txt02 { 
		font-size:22px;
	}
	.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn { 
		padding:15px 10px;
	}
	.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn .txt { 
		font-size:15px; 
	}
	.purchaseWr .agreeBox { 
		margin:50px 0 20px;
	}
}
@media all and (max-width:999px){
	.purchaseWr .purchaseBox dl { 
		margin:0 0 15px;
		padding:0;
	}
	.purchaseWr .purchaseBox dl dt { 
		position:relative; 
		max-width: 100%;
		left:auto;
		top:auto;
		margin:0 0 10px;
		transform:translateY(0);
		font-size:18px; 
	}
	.purchaseWr .purchaseBox dl dd { 
		padding:0 0 15px;
	}
	.purchaseWr .purchaseBox dl dd .txt01 { 
		font-size:16px; 
	}
	.purchaseWr .purchaseBox dl dd .txt02 { 
		font-size:19px;
	}
	.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn { 
		padding:10px;
	}
	.purchaseWr .purchaseBox dl:last-child { 
		margin:0;
	}
	.purchaseWr .agreeBox { 
		margin:30px 0 15px;
	}
	.purchaseWr .agreeBox .agreeLbl { 
		min-height: 22px;
		padding:1px 0 0 28px;
		font-size:16px; 
	}
	.purchaseWr .agreeBox .agreeLbl:before { 
		width: 22px; 
		height: 22px;
	}
}
@media all and (max-width:875px){
	.purchaseWr .inner { 
		padding:0 20px;
	}
}
@media all and (max-width:599px){
	.purchaseWr .purchaseBox dl dt { 
		font-size:17px; 
	}
	.purchaseWr .purchaseBox dl dd .txt01 { 
		font-size:15px; 
	}
	.purchaseWr .purchaseBox dl dd .txt02 { 
		font-size:18px; 
	}
	.purchaseWr .purchaseBox dl dd .wayLst > li { 
		width: 49%; 
		margin:2% 2% 0 0;
	}
	.purchaseWr .purchaseBox dl dd .wayLst > li .wayBtn .txt { 
		font-size:14px; 
	}
	.purchaseWr .purchaseBox dl dd .wayLst > li:nth-child(4n) { 
		margin-right:2%;
	}
	.purchaseWr .purchaseBox dl dd .wayLst > li:nth-child(-n+4) { 
		margin-top:2%;
	}
	.purchaseWr .purchaseBox dl dd .wayLst > li:nth-child(2n) { 
		margin-right:0;
	}
	.purchaseWr .purchaseBox dl dd .wayLst > li:nth-child(-n+2) { 
		margin-top:0;
	}
	.purchaseWr .agreeBox .agreeLbl { 
		min-height: 19px;
		padding:1px 0 0 25px;
		font-size:15px; 
	}
	.purchaseWr .agreeBox .agreeLbl:before { 
		width: 19px; 
		height: 19px;
	}
}
/* 결제하기 페이지 끝
------------------------------------------------------ */
/* 다운로드 페이지 시작
------------------------------------------------------ */
.downloadWr .dlProductLst { 
	display:flex; 
	flex-wrap:wrap; 
}
.downloadWr .dlProductLst > li { 
	position:relative; 
	display:flex; 
	align-items:center; 
	width: 49%; 
	margin:50px 2% 0 0;
	padding:32px 250px 33px 42px;
	border-radius: 20px;
	background: #F5F6FA;
	overflow:hidden;
}
.downloadWr .dlProductLst > li .txtBox .tit { 
	margin:0 0 9px;
	font-size:26px;
	letter-spacing:-.02em;
	color:#9E9E9E;
}
.downloadWr .dlProductLst > li .txtBox .tit.st01 { 
	margin:0 0 14px;
	font-size:38px;
	line-height:1.26;
	color:#212121;
}
.downloadWr .dlProductLst > li .txtBox .logo { 
	display:block; 
	margin:0 0 26px;
	font-size:0;
	text-align: center;
}
.downloadWr .dlProductLst > li .txtBox .logo img { 
	max-width: 100%; 
}
.downloadWr .dlProductLst > li .txtBox .down { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	gap:12px;
	width: 270px;
	height: 60px;
	border-radius: 10px;
	font-size:21px;
	letter-spacing:-.02em;
	color:#FFF;
}
.downloadWr .dlProductLst > li .txtBox .down:after { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 22px;
	height: 22px;
	background:url(/Form/_guest/basic/images/comIcoDown.png) no-repeat;
	background-size:cover;
}
.downloadWr .dlProductLst > li .txtBox .down.st_bc { 
	background: #000;
}
.downloadWr .dlProductLst > li .txtBox .down.st_gr { 
	background: #3BA962;
}
.downloadWr .dlProductLst > li .txtBox .down.st_bl { 
	background: #1F8EFA;
}
.downloadWr .dlProductLst > li .imgBox { 
	position:absolute; 
	bottom:0;
	right:0;
	font-size:0;
}
.downloadWr .dlProductLst > li .imgBox img { 
	max-width: 100%; 
}
.downloadWr .dlProductLst > li:nth-child(2n) { 
	margin-right:0;
}
.downloadWr .dlProductLst > li:nth-child(-n+2) { 
	margin-top:0;
}
@media all and (max-width:1199px){
	.downloadWr .dlProductLst > li { 
		padding:25px 210px 25px 30px;
	}
	.downloadWr .dlProductLst > li .txtBox .tit { 
		margin:0 0 5px;
		font-size:23px; 
	}
	.downloadWr .dlProductLst > li .txtBox .tit.st01 { 
		margin:0 0 10px;
		font-size:34px;
	}
	.downloadWr .dlProductLst > li .txtBox .logo { 
		margin:0 0 20px;
	}
	.downloadWr .dlProductLst > li .txtBox .down { 
		gap:8px;
		width: 250px;
		height: 50px;
		font-size:19px; 
	}
	.downloadWr .dlProductLst > li .txtBox .down:after { 
		width: 20px; 
		height: 20px;
	}
	.downloadWr .dlProductLst > li .imgBox { 
		width: 214px; 
	}
}
@media all and (max-width:999px){
	.downloadWr .dlProductLst > li { 
		justify-content:center; 
		margin:2% 2% 0 0;
		padding:20px;
	}
	.downloadWr .dlProductLst > li .txtBox { 
		width: 100%;
		text-align: center; 
	}
	.downloadWr .dlProductLst > li .txtBox .tit { 
		font-size:21px; 
	}
	.downloadWr .dlProductLst > li .txtBox .tit br { 
		display:none; 
	}
	.downloadWr .dlProductLst > li .txtBox .tit.st01 { 
		font-size:30px; 
	}
	.downloadWr .dlProductLst > li .txtBox .logo { 
		max-width: 70%; 
		margin:0 auto 15px;
	}
	.downloadWr .dlProductLst > li .txtBox .down { 
		width: 100%;
		font-size:17px; 
	}
	.downloadWr .dlProductLst > li .txtBox .down:after { 
		width: 18px; 
		height: 18px;
	}
	.downloadWr .dlProductLst > li .imgBox { 
		display:none; 
	}
}
@media all and (max-width:599px){
	.downloadWr .dlProductLst > li { 
		width: 100%; 
		margin:0 0 15px;
	}
	.downloadWr .dlProductLst > li .txtBox .tit { 
		font-size: 16px; 
	}
	.downloadWr .dlProductLst > li .txtBox .tit.st01 { 
		font-size:23px; 
	}
	.downloadWr .dlProductLst > li .txtBox .down { 
		height: 40px;
		font-size:15px; 
	}
	.downloadWr .dlProductLst > li .txtBox .down:after { 
		width: 13px; 
		height: 13px;
	}
	.downloadWr .dlProductLst > li:last-child { 
		margin:0;
	}
}
/* 다운로드 페이지 끝
------------------------------------------------------ */
/* 결제완료 페이지 시작
------------------------------------------------------ */
.buyFinishWr .inner { 
	max-width: 730px; 
}
.buyFinishWr .bfTopBox { 
	position:relative; 
	margin:0 0 63px;
	text-align: center;
}
.buyFinishWr .bfTopBox .imgBox { 
	margin:0 auto 17px;
	font-size:0; 
}
.buyFinishWr .bfTopBox .imgBox img { 
	max-width: 100%; 
}
.buyFinishWr .bfTopBox .txt { 
	font-weight:500;
	font-size:22px;
	line-height:1.36;
	color: #212121;
}
.buyFinishWr .bfMidBox { 
	margin:0 0 30px;
	border-top:1px solid #212121;
	border-bottom:1px solid #212121;
}
.buyFinishWr .bfMidBox dl { 
	position:relative; 
	padding:0 0 0 170px;
	border-bottom:1px solid #E0E0E0;
}
.buyFinishWr .bfMidBox dl dt { 
	position:absolute; 
	max-width: 160px;
	top:50%;
	left:24px;
	transform:translateY(-50%);
	font-weight:500;
	font-size:22px;
	color:#212121;
}
.buyFinishWr .bfMidBox dl dd { 
	padding:22px 0;
}
.buyFinishWr .bfMidBox dl dd .txt01 { 
	font-size:18px;
	color:#424242;
}
.buyFinishWr .bfMidBox dl dd .txt01 span { 
	font-size:.889em;
	color:#9E9E9E;
}
.buyFinishWr .bfMidBox dl dd .txt02 { 
	font-size:24px;
	color: #1F8EFA;
}
.buyFinishWr .bfMidBox dl dd .txt02 span { 
	font-weight:500;
	font-size:1.125em; 
}
.buyFinishWr .bfMidBox dl dd .txt03 { 
	font-size:22px;
	color:#424242;
}
.buyFinishWr .bfMidBox dl dd .txt03 span { 
	color: #212121;
}
.buyFinishWr .bfCrs { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 
	max-width: 600px;
	margin:0 auto 30px;
}
.buyFinishWr .bfCrs > li { 
	position:relative; 
	margin:0 7px 0 0;
	padding:0 0 0 12px;
	font-size:16px;
	line-height:1.56;
	color:#9E9E9E;
}
.buyFinishWr .bfCrs > li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	left:-2px;
	margin:-4px 0 0;
	transform:rotate(-45deg);
	border-right:1px solid #9E9E9E;
	border-bottom:1px solid #9E9E9E;
}
.buyFinishWr .bfCrs > li:first-child { 
	padding:0;
}
.buyFinishWr .bfCrs > li:first-child:before { 
	display:none; 
}
.buyFinishWr .bfCrs > li:last-child { 
	margin:0;
}
.buyFinishWr .bfBtmTxt { 
	margin:0 0 30px;
	font-size:16px;
	line-height:1.3;
	color:#212121;
	text-align: center;
}
@media all and (max-width:1199px){
	.buyFinishWr .inner { 
		padding:0;
	}
	.buyFinishWr .bfTopBox { 
		margin:0 0 50px;
	}
	.buyFinishWr .bfTopBox .txt { 
		font-size:20px; 
	}
	.buyFinishWr .bfMidBox dl { 
		padding:0 0 0 140px;
	}
	.buyFinishWr .bfMidBox dl dt { 
		max-width: 130px;
		font-size:20px; 
	}
	.buyFinishWr .bfMidBox dl dd .txt01 { 
		font-size:17px;
	}
	.buyFinishWr .bfMidBox dl dd .txt02 { 
		font-size:22px;
	}
	.buyFinishWr .bfMidBox dl dd .txt03 { 
		font-size:20px; 
	}
}
@media all and (max-width:999px){
	.buyFinishWr .bfTopBox { 
		margin:0 0 30px;
	}
	.buyFinishWr .bfTopBox .imgBox { 
		width: 110px;
		margin:0 auto 15px;
	}
	.buyFinishWr .bfTopBox .txt { 
		font-size:18px; 
	}
	.buyFinishWr .bfMidBox { 
		margin:0 0 20px;
	}
	.buyFinishWr .bfMidBox dl { 
		padding:15px 0;
	}
	.buyFinishWr .bfMidBox dl dt { 
		position:relative; 
		max-width: 100%;
		left:auto;
		top:auto;
		margin:0 0 10px;
		transform:translateY(0);
		font-size:18px; 
	}
	.buyFinishWr .bfMidBox dl dd { 
		padding:0;
	}
	.buyFinishWr .bfMidBox dl dd .txt01 { 
		font-size:16px; 
	}
	.buyFinishWr .bfMidBox dl dd .txt02 { 
		font-size:19px;
	}
	.buyFinishWr .bfMidBox dl dd .txt03 { 
		font-size:18px;
	}
	.buyFinishWr .bfMidBox dl:last-child { 
		margin:0;
	}
	.buyFinishWr .bfCrs > li { 
		padding:0 0 0 9px;
		font-size:15px; 
	}
	.buyFinishWr .bfCrs > li:before { 
		width: 6px; 
		height: 6px;
		margin:-3px 0 0;
	}
	.buyFinishWr .bfBtmTxt { 
		margin:0 0 20px;
	}
}
@media all and (max-width:730px){
	.buyFinishWr .inner { 
		padding:0 20px;
	}
}
@media all and (max-width:599px){
	.buyFinishWr .bfTopBox { 
		display:block; 
		margin:0 0 20px;
	}
	.buyFinishWr .bfTopBox .lBox { 
		text-align: center;
		margin:0 0 15px;
	}
	.buyFinishWr .bfTopBox .imgBox { 
		width: 97px;
		margin:0 auto 10px;
	}
	.buyFinishWr .bfTopBox .txt { 
		font-size:16px; 
	}
	.buyFinishWr .bfMidBox dl { 
		padding:10px 0;
	}
	.buyFinishWr .bfMidBox dl dt { 
		margin:0 0 8px;
		font-size:16px; 
	}
	.buyFinishWr .bfMidBox dl dd .txt01 { 
		font-size:15px; 
	}
	.buyFinishWr .bfMidBox dl dd .txt02 { 
		font-size:18px; 
	}
	.buyFinishWr .bfMidBox dl dd .txt03 { 
		font-size:15px; 
	}
	.buyFinishWr .bfCrs { 
		margin:0 auto 20px;
	}
	.buyFinishWr .bfCrs > li { 
		font-size:14px; 
	}
}
/* 결제완료 페이지 끝
------------------------------------------------------ */
/* 마이페이지 공통 시작
------------------------------------------------------ */
.myPageWr .inner { 
	max-width: 870px; 
}
.myPageWr .grayBox { 
	padding:28px 50px;
}
.myPageWr .grayBox .myInfoLst > li { 
	position:relative; 
	margin:0 0 20px;
	padding:0 0 0 60px;
}
.myPageWr .grayBox .myInfoLst > li .tit { 
	position:absolute; 
	top:2px;
	left:0;
	font-size:16px;
	color:#212121;
}
.myPageWr .grayBox .myInfoLst > li .txt { 
	font-size:20px;
	color:#424242;
	margin-left:15px;
}
.myPageWr .grayBox .myInfoLst > li:last-child { 
	margin:0;
}
.myPageWr .stat { 
	display:inline-flex; 
	justify-content:center; 
	align-items:center; 
	min-width: 64px;
	height: 32px;
	border-radius: 5px;
	font-size:12px;
	letter-spacing:-.02em;
}
.myPageWr .stat.st01 { 
	border:1px solid #1F8EFA;
	color: #1F8EFA;
}
.myPageWr .stat.st02 { 
	background:#1F8EFA;
	color: #FFF;
}
.myPageWr .tblBox table { 
	min-width: 0; 
}
.myPageWr .tblBox .hidTxt { 
	display:none; 
	margin:0 0 5px;
	font-weight:700;
	font-size:1em;
	color:#212121;
}
.myPageWr .joinInputBox .conBox.conBoxMail {
	position:relative;
	padding:0 0 0 167px;
}
.myPageWr .joinInputBox .conBox.conBoxMail select.inputArea {
	position:absolute;
	width: 157px;
	top:0;
	left:0;
	padding-right:20px;
}
.myPageWr .joinInputBox .conBox.conBoxMail .inputArea {
	padding-right:130px;
}
.myPageWr .joinInputBox .conBox .conBtn {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	height: 36px;
	top:50%;
	right:12px;
	margin:-18px 0 0;
	padding:0 11px;
	background: #1f8df8;
	border-radius: 5px;
	font-weight:500;
	font-size:16px;
	color:#FFF;
}
.myPageWr .joinInputBox .infoEx01 a {
	text-decoration:underline;
}

@media all and (max-width:1199px){
	.myPageWr .inner { 
		padding:0;
	}
	.myPageWr .grayBox { 
		padding:25px 30px;
	}
	.myPageWr .grayBox .myInfoLst > li { 
		margin:0 0 15px;
		padding:0 0 0 50px;
	}
	.myPageWr .grayBox .myInfoLst > li .tit { 
		font-size:15px; 
	}
	.myPageWr .grayBox .myInfoLst > li .txt { 
		font-size:18px; 
	}
	.myPageWr .joinInputBox .conBox .conBtn { 
		font-size:15px; 
	}
}
@media all and (max-width:999px){
	.myPageWr .joinInputBox .conBox.conBoxMail { 
		padding:0 0 0 140px;
	}
	.myPageWr .joinInputBox .conBox.conBoxMail select.inputArea { 
		width: 130px; 
		padding-right:10px;
	}
}
@media all and (max-width:869px){
	.myPageWr .inner { 
		padding:0 20px;
	}
}
@media all and (max-width:599px){
	.myPageWr .grayBox { 
		padding:15px 20px;
	}
	.myPageWr .grayBox .myInfoLst > li { 
		margin:0 0 10px;
		padding:0;
	}
	.myPageWr .grayBox .myInfoLst > li .tit { 
		position:relative; 
		display:block; 
		top:auto;
		left:auto;
		margin:0 0 5px;
		font-size:14px; 
	}
	.myPageWr .grayBox .myInfoLst > li .txt { 
		display:block; 
		font-size:16px; 
	}
	.myPageWr .tblBox .hidTxt { 
		display:inline-block; 
	}
	.myPageWr .tblBox table thead { 
		display:none; 
	}
	.myPageWr .tblBox table tbody tr { 
		border-bottom:1px solid #424242;
	}
	.myPageWr .tblBox table tbody tr td { 
		display:block; 
		border-bottom:1px solid #E0E0E0;
		text-align: left;
	}
	.myPageWr .tblBox table tbody tr:last-child,
	.myPageWr .tblBox table tbody tr td:last-child { 
		border-bottom:none;
	}
	.myPageWr .joinInputBox .conBox.conBoxMail { 
		padding:00;
	}
	.myPageWr .joinInputBox .conBox.conBoxMail select.inputArea { 
		position:relative; 
		width: 100%;
		top:auto;
		left:auto;
		margin:0 0 8px;
	}	
	.myPageWr .joinInputBox .conBox .conBtn { 
		position:relative; 
		width: 100%;
		top:auto;
		right:auto;
		margin:8px 0 0;
	}
}
/* 마이페이지 공통 끝
------------------------------------------------------ */
/* qna 게시판 리스트 스킨 시작
------------------------------------------------------ */
.noticeWr.qnaWr { 
	max-width: 870px; 
}
@media all and (max-width:1199px){
	.noticeWr.qnaWr { 
		padding:0; 
	}
}
@media all and (max-width:869px){
	.noticeWr.qnaWr { 
		padding:0 20px; 
	}
}
/* qna 게시판 리스트 스킨 끝
------------------------------------------------------ */
/* qna 게시판 쓰기 스킨 시작
------------------------------------------------------ */
.qnaWriteWr { 
	max-width: 870px;
	margin:0 auto;
}
.qnaWriteWr .qnaBox { 
	display:flex; 
	flex-wrap:wrap;
	margin:0 0 23px;
}
.qnaWriteWr .qnaBox dl { 
	position:relative; 
	width: 100%;
	padding:0 0 0 52px;
}
.qnaWriteWr .qnaBox dl dt { 
	position:absolute; 
	top:18px;
	left:0;
	font-weight:500;
	font-size:18px;
	letter-spacing:-.02em;
	color:#212121;
}
.qnaWriteWr .qnaBox dl dd { 
	display:block; 
}
.qnaWriteWr .qnaBox.has2 > * { 
	width: 48%; 
	margin:2% 4% 0 0;
}
.qnaWriteWr .qnaBox.has2 > *:nth-child(2n) { 
	margin-right:0;
}
.qnaWriteWr .qnaBox.has2 > *:nth-child(-n+2) { 
	margin-top:0;
}
@media all and (max-width:1199px){
	.qnaWriteWr .qnaBox dl dt { 
		top:16px;
		font-size:17px; 
	}
	.qnaWriteWr .qnaBox.has2 > * { 
		width: 49%; 
		margin:2% 2% 0 0;
	}
}
@media all and (max-width:999px){
	.qnaWriteWr .qnaBox { 
		margin:0 0 15px;
	}
	.qnaWriteWr .qnaBox dl { 
		padding:0 0 0 45px;
	}
	.qnaWriteWr .qnaBox dl dt { 
		top:15px;
		font-size:16px; 
	}
}
@media all and (max-width:869px){
	.qnaWriteWr { 
		padding:0 20px;
	}
}
@media all and (max-width:599px){
	.qnaWriteWr .qnaBox dl dt { 
		top:12px;
		font-size:15px; 
	}
	.qnaWriteWr .qnaBox.has2 > * { 
		width: 100%; 
		margin:0 0 15px;
	}	
	.qnaWriteWr .qnaBox.has2 > *:last-child { 
		margin:0;
	}
}
/* qna 게시판 쓰기 스킨 끝
------------------------------------------------------ */
/* qna 게시판 보기 스킨 시작
------------------------------------------------------ */
.qnaViewWr { 
	max-width: 870px;
	margin:0 auto;
}
.qnaViewWr .qnaTitBox { 
	position:relative; 
	padding:21px 190px 21px 30px;
	background: #FAFAFA;
	border-top:1px solid #E0E0E0; 
	border-bottom:1px solid #E0E0E0; 
}
.qnaViewWr .qnaTitBox .tit { 
	position:relative; 
	padding:0 0 0 40px;
}
.qnaViewWr .qnaTitBox .tit:before { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle; 
	width: 0;
	height: 100%;
	min-height: 28px;
}
.qnaViewWr .qnaTitBox .tit:after { 
	content:"Q";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 28px;
	height: 28px;
	top:0;
	left:0;
	background: #9E9E9E;
	border-radius: 50%;
	font-weight:500;
	font-size:19px;
	letter-spacing:-.02em;
	color: #FFF;
	text-align: center;
}
.qnaViewWr .qnaTitBox .tit span {
	display:inline-block; 
	vertical-align:middle; 
	max-width: 100%;
	font-weight:500;
	font-size:18px;
	letter-spacing:-.02em;
	color:#424242;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.qnaViewWr .qnaTitBox .date { 
	position:absolute; 
	top:50%;
	right:31px;
	transform:translateY(-50%);
	font-size:18px;
	letter-spacing:-.02em;
	color:#9E9E9E;
}
.qnaViewWr .qnaTitBox .date span { 
	font-weight:500;
	margin:0 10px 0 0;
}
.qnaViewWr .qnaConBox { 
	padding:30px;
	margin:0 0 42px;
	border-bottom:1px solid #E0E0E0;
}
.qnaViewWr .qnaConBox .txt { 
	font-weight:300;
	font-size:15px; 
	line-height:1.867;
	letter-spacing:-.02em;
	color:#424242;
}
.qnaViewWr .qnaConBox .replyArea { 
	margin:30px 0 0;
	padding:30px;
	background: #F5F5F5;
	border-radius: 15px;
}
.qnaViewWr .qnaConBox .replyArea .replyCate { 
	display:inline-flex; 
	justify-content:center; 
	align-items:center; 
	min-width: 72px;
	height: 32px;
	padding:0 8px;
	margin:0 0 26px;
	border:1px solid #1F8EFA;
	border-radius: 5px;
	font-weight:500;
	font-size:12px;
	letter-spacing:-.02em;
	color:#1F8EFA;
}
.qnaViewWr .qnaConBox .replyArea .replyTxt { 
	font-size:15px;
	line-height:1.467;
	letter-spacing:-.5px;
	color:#616161;
}
@media all and (max-width:1199px){
	.qnaViewWr .qnaTitBox { 
		padding:18px 170px 18px 20px;
	}
	.qnaViewWr .qnaTitBox .tit { 
		padding:0 0 0 30px;
	}
	.qnaViewWr .qnaTitBox .tit:before { 
		min-height: 24px; 
	}
	.qnaViewWr .qnaTitBox .tit:after { 
		width: 24px; 
		height: 24px;
		font-size:16px;
	}
	.qnaViewWr .qnaTitBox .tit span { 
		font-size:17px; 
	}
	.qnaViewWr .qnaTitBox .date { 
		right:20px;
		font-size:17px; 
	}
	.qnaViewWr .qnaTitBox .date span { 
		margin:0 8px 0 0;
	}
	.qnaViewWr .qnaConBox { 
		margin:0 0 20px;
		padding:20px;
	}
	.qnaViewWr .qnaConBox .replyArea { 
		margin:20px 0 0;
		padding:20px;
	}
	.qnaViewWr .qnaConBox .replyArea .replyCate { 
		margin:0 0 15px;
	}
}
@media all and (max-width:999px){
	.qnaViewWr .qnaTitBox { 
		padding:15px 20px;
	}
	.qnaViewWr .qnaTitBox .tit { 
		margin:0 0 15px;
		padding:0 0 0 30px;
	}
	.qnaViewWr .qnaTitBox .tit:before { 
		min-height: 22px; 
	}
	.qnaViewWr .qnaTitBox .tit:after { 
		width: 22px; 
		height: 22px;
		font-size:14px;
	}
	.qnaViewWr .qnaTitBox .tit span { 
		font-size:16px; 
	}
	.qnaViewWr .qnaTitBox .date { 
		position:relative; 
		top:auto;
		right:auto;
		transform:translateY(0);
		font-size:16px; 
	}
	.qnaViewWr .qnaTitBox .date span { 
		margin:0 5px 0 0;
	}
	.qnaViewWr .qnaConBox { 
		margin:0 0 15px;
		padding:15px;
	}
	.qnaViewWr .qnaConBox .replyArea { 
		margin:15px 0 0;
		padding:15px;
	}
}
@media all and (max-width:869px){
	.qnaViewWr { 
		padding:0 20px;
	}
}
/* qna 게시판 보기 스킨 끝
------------------------------------------------------ */