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

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	width: 100%; 
	overflow-x:hidden;
}
body { 
	font-family: "Noto Sans KR", sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;	 
}
button, input, textarea { 
	border:none;
	font-family: "Noto Sans KR", sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:-.03px;
	word-break:keep-all;
}
label, button { 
	cursor:pointer; 
}
button { 
	background:transparent;
}
li { 
	list-style:none; 
}
a {	
	text-decoration:none;
	cursor:pointer;
}
table { 
	table-layout:fixed;
	width: 100%;
	border-spacing:0;
	border-collapse:collapse;
}
textarea { 
	resize:none;
}
.inner { 
	max-width: 1200px; 
	margin:0 auto;
}
.gap { 
	height: 50px; 
	font-size:0;
}
.sgap { 
	height: 30px; 
	font-size:0;
}
.ssgap { 
	height: 15px; 
	font-size:0;
}
.fw_500 { 
	font-weight:500 !important; 
}
.fw_700 { 
	font-weight:700 !important; 
}
.clrTxt01 { 
	color: #0067FF !important; 
}
.clrTxt02 { 
	color: #E9523E !important; 
}
.mg5t { 
	margin-top:5px !important;
}
.mg10t { 
	margin-top:10px !important;
}
.cTit01 { 
	margin:0 0 30px;
	font-weight:700;
	font-size:32px;
	line-height:1.3;
	color:#111;
	text-align: center;
}
.cTit01 .extraTit { 
	display:block; 
	margin:9px 0 0;
	font-weight:400;
	font-size:18px;
	color:#666;
}
.cTit02 { 
	margin:0 0 50px;
	font-weight:700;
	font-size:26px;
	color:#111;
	text-align: center;
}
.cTit02 .extraTit { 
	display:block; 
	margin:10px 0 0;
	font-weight:500;
	font-size:18px;
	color:#666;
}
.cTit03 { 
	margin:0 0 47px;
	font-weight:700;
	font-size:22px;
	line-height:1.33;
	color:#111;
	text-align: center;
}
.cTit03 .extraTit { 
	display:block; 
	margin:9px 0 0;
	font-weight:500;
	font-size:18px;
	color:#666;
}
.comBtnBox { 
	display:flex; 
	flex-wrap:wrap; 
}
.comBtnBox > * { 
	flex-grow:1;
	display:flex; 
	justify-content:center; 
	align-items:center; 
	gap:3px;
	height: 56px;	
	padding:0 10px;
	background: #0067FF;
	border-radius: 5px;
	font-weight:700;
	font-size:20px;
	color: #FFF; 
}
.comBtnBox > *:after { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	background: #0067FF;
	transform:rotate(-45deg);
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
}
.comBtnBox.has2 > * { 
	width: 49%; 
	margin:2% 2% 0 0;
}
.comBtnBox.has2 > *:nth-child(odd) { 
	background:#999;
}
.comBtnBox.has2 > *:nth-child(even) { 
	background: #0067FF;
}
.comBtnBox.has2 > *:nth-child(2n) { 
	margin-right:0;
}
.comBtnBox.has2 > *:nth-child(-n+2) { 
	margin-top:0;
}
.comBtnBox.noArrow > *:after { 
	display:none; 
}
.comPopBlackBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0,.5);
	font-size:0;
	z-index:2;
}
.inputArea { 
	padding:18px 15px;
	border:1px solid #DDD;
	border-radius: 5px;
	font-weight:500;
	font-size:20px;
}
.inputArea::placeholder { 
	color: #DDD; 
}
.inputArea.fullWid { 
	width: 100% !important; 
}
.comIptBtnBox { 
	display:flex; 
}
.comIptBtnBox .inputArea { 
	flex-grow:1;
	border-radius:5px 0 0 5px;
}
.comIptBtnBox .comIptBtn { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	min-width: 64px;
	padding:0 10px;
	background: #0067FF;
	border-radius: 0 5px 5px 0;
	font-weight:500;
	font-size:24px;
	color:#FFF;
}
.infoEx01,
.infoEx02 { 
	position:relative; 
	font-weight:500;
	font-size:13px;
	color:#999;
}
.infoEx01.hasMark { 
	padding:0 0 0 13px;
}
.infoEx01.hasMark:before { 
	content:"!";
	position:absolute;
	box-sizing:border-box;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 10px;
	height: 10px;
	top:2px;
	left:0;
	border-radius: 50%;
	border:1px solid #999;
	font-size:8px;
}
.infoEx02 { 
	color: #E9523E;
}
@media all and (max-width:1199px){
	.gap { 
		height: 40px; 
	}
	.cTit01 { 
		margin:0 0 25px;
		font-size:29px;
	}
	.cTit02 { 
		margin:0 0 40px;
		font-size:23px; 
	}
	.cTit03 { 
		margin:0 0 30px;
		font-size:20px;
	}
	.cTit01 .extraTit,
	.cTit02 .extraTit,
	.cTit03 .extraTit { 
		font-size:17px; 
	}
	.comBtnBox > * { 
		height: 50px;
		font-size:18px;
	}
	.inputArea { 
		padding:15px;
		font-size:18px; 
	}
	.comIptBtnBox .comIptBtn { 
		font-size:22px; 
	}
}
@media all and (max-width:999px){
	.gap { 
		height: 30px; 
	}
	.sgap { 
		height: 20px; 
	}
	.cTit01 { 
		margin:0 0 20px;
		font-size:26px;
	}
	.cTit02 { 
		margin:0 0 30px;
		font-size:21px; 
	}
	.cTit03 { 
		margin:0 0 20px;
		font-size:18px; 
	}
	.cTit01 .extraTit,
	.cTit02 .extraTit,
	.cTit03 .extraTit { 
		font-size:16px;
	}
	.comBtnBox > * { 
		height: 45px;
		font-size:16px;
	}
	.inputArea { 
		padding:12px;
		font-size:16px; 
	}
	.comIptBtnBox .comIptBtn { 
		font-size:20px; 
	}
}
@media all and (max-width:599px){
	.gap { 
		height: 20px; 
	}
	.cTit01 { 
		margin:0 0 15px;
		font-size:19px;
	}
	.cTit02 { 
		margin:0 0 20px;
		font-size:18px; 
	}
	.cTit03 { 
		margin:0 0 15px;
		font-size:17px; 
	}
	.cTit01 .extraTit,
	.cTit02 .extraTit,
	.cTit03 .extraTit { 
		font-size:15px;
	}
	.cTit02 .extraTit { 
		margin:8px 0 0;
	}
	.comBtnBox > * { 
		height: 40px;
		font-size:15px;
	}
	.comBtnBox.has2 > * { 
		width: 100%; 
		margin:0 0 10px;
	}
	.comBtnBox.has2 > *:last-child { 
		margin:0;
	}
	.inputArea { 
		padding:10px;
		font-size:14px; 
	}
	.comIptBtnBox { 
		flex-wrap:wrap; 
	}
	.comIptBtnBox .inputArea { 
		width: 100%;
		border-radius: 5px;
		margin:0 0 10px;
	}
	.comIptBtnBox .comIptBtn { 
		width: 100%;
		padding:8px;
		border-radius: 5px;
		font-size:18px; 
	}
}
/* 헤더 시작
------------------------------------------------------ */
header { 
	position:fixed; 
	width: 100%;
	top:0;
	left:0;
	background: #FFF;
	z-index:2;
}
header .inner { 
	position:relative; 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center;
	justify-content:center; 
	padding:0 380px 0 170px;
}
header .hTopBox { 
	position:relative; 
}
header .hTopBox .swiper-wrapper { 
	max-width: 1920px;
	height: 43px;
	margin:0 auto;
}
header .hTopBox .swiper-wrapper .swiper-slide { 
	max-width: 100%;
	text-align: center;
}
header .hTopBox .swiper-wrapper .swiper-slide a { 
	display:block; 
	height: 100%;
	font-size:0;
}
header .hTopBox .swiper-wrapper .swiper-slide img { 
	max-width:100%;
	height: 100%;
}
header .hTopBox .hTopNavi { 
	position:absolute; 
	display:block; 
	width: 30px;
	height: 30px;
	top:50%;
	z-index:1;
	overflow:hidden;
}
header .hTopBox .hTopNavi:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top:50%;
	left:50%;
	border-top:2px solid #666;
	border-right:2px solid #666;
}
header .hTopBox .hTopNavi.hTopPrev { 
	left:50%;
	margin:-15px 0 0 -950px;
}
header .hTopBox .hTopNavi.hTopPrev:before { 
	margin:-8px 0 0 -5px;
	transform:rotate(-135deg); 
}
header .hTopBox .hTopNavi.hTopNext { 
	right:50%;
	margin:-15px -950px 0 0;
}
header .hTopBox .hTopNavi.hTopNext:before { 
	margin:-10px 0 0 -13px;
	transform:rotate(45deg); 
}
header .hBtmBox { 
	position:relative; 
	max-width: 1920px;
	margin:0 auto;
}
header .hLogo { 
	position:absolute; 
	top:50%;
	left:0;
	transform:translateY(-50%);
}
header .hLogo a { 
	display:block; 
	font-size:0; 
}
header .hLogo a img { 
	max-width: 100%; 
}
header .hMenuBox ul { 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	gap:15px;
	height: 64px;
}
header .hMenuBox ul li a { 
	display:block; 
	text-align: center;
	font-size:16px;
	color:#666;
	transition:all .3s ease;
}
header .hMenuBox ul li a.on,
header .hMenuBox ul li a:hover,
header .hMenuBox ul li a:focus { 
	color: #0067FF; 
}
header .rBox { 
	position:absolute; 
	top:50%;
	right:0;
	transform:translateY(-50%);
}
header .rBox > ul { 
	position:relative; 
	display:flex; 
	flex-wrap:wrap; 
	gap:7px;
}
header .rBox > ul > li { 
	position:relative; 
}
header .rBox > ul > li .joinFloat { 
	position:absolute;
	display:flex; 
	align-items:center; 
	justify-content:center;
	gap:4px;
	width: 180px;
	height: 27px;
	top:calc(100% + 15px);
	left:50%;
	margin:0 0 0 -90px;
	background: #0067FF;
	border-radius: 75px;
	animation:hFloatAni 1s infinite ease alternate;
}
header .rBox > ul > li .joinFloat:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 0;
	bottom:100%;
	left:50%;
	margin:0 0 0 -6px;
	border-bottom:8px solid #0067FF;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
}
header .rBox > ul > li .joinFloat .floatIco { 
	display:block; 
	width: 9px;
	font-size:0; 
}
header .rBox > ul > li .joinFloat .floatIco img { 
	max-width: 100%; 
}
header .rBox > ul > li .joinFloat .floatTxt { 
	font-size:12px;
	color:#FFF;
}
header .rBox > ul > li .joinFloat .floatTxt span { 
	font-weight:500; 
}
@keyframes hFloatAni { 
	0% { 
		transform:translateY(0);
	}
	100% { 
		transform:translateY(5px);
	}
}
header .rBox > ul > li .hLogout { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	gap:4px;
	height: 30px;
	padding:0 10px;
	border-radius: 50px;	
}
header .rBox > ul > li .hLogout:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	background-repeat:no-repeat;
	background-size:cover;
}
header .rBox > ul > li .hLogout span { 
	font-size:14px;
	color:#FFF; 
	line-height:1;
}
header .rBox > ul > li .hLogout.st_login { 
	background: #0067FF; 
}
header .rBox > ul > li .hLogout.st_login:before { 
	background-image: url(/Form/_guest/lang_ko/images/hIco_logIn.png);
}
header .rBox > ul > li .hLogout.st_join { 
	background: #5ECCFF; 
}
header .rBox > ul > li .hLogout.st_join:before {
	background-image: url(/Form/_guest/lang_ko/images/hIco_join.png);
}
header .rBox > ul > li .hLogout.st_reward { 
	background: #DFF0FF;	
}
header .rBox > ul > li .hLogout.st_reward:before {
	background-image: url(/Form/_guest/lang_ko/images/hIco_reward.png);
}
header .rBox > ul > li .hLogout.st_reward span { 
	color: #0067FF; 
}
header .rBox > ul > li .statWithdraw { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	gap:4px;
	height: 40px;
	padding:0 10px;
	background: #0067FF; 
	border-radius: 50px;
	font-size:16px;
	color:#FFF;
}
header .rBox > ul > li .statWithdraw:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	background:url(/Form/_guest/lang_ko/images/hIco_withdraw.png) no-repeat;
	background-size:cover;
}
header .rBox > ul > li .hUserInfo { 
	display:flex;
	align-items:center;
	gap:13px;
	height: 100%;	
	font-size:18px;
	color:#666;
}
header .rBox > ul > li .hUserInfo .imgBox { 
	position:relative; 
	display:block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size:0;
	overflow:hidden;
}
header .rBox > ul > li .hUserInfo .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
header .rBox > ul > li .hUserInfoBox { 
	position:absolute; 
	display:none; 
	min-width: 250px;
	top:calc(100% + 25px);
	left:-60px;
	padding:15px;
	border-radius: 5px;
	background: #FFF;
	box-shadow:1px 2px 6px 0 rgba(0,0,0,.15);
}
header .rBox > ul > li .hUserInfoBox .topBox { 
	position:relative; 
	padding:0 0 0 60px;
	margin:0 0 15px;
}
header .rBox > ul > li .hUserInfoBox .topBox > span { 
	display:block; 
}
header .rBox > ul > li .hUserInfoBox .topBox .thumb { 
	position:absolute; 
	width: 50px; 
	height: 50px;
	top:0;
	left:0;
	background: url(/Form/_guest/lang_ko/images/hIco_info.png) no-repeat;
	background-size:cover;
	border-radius: 50%;
	font-size:0;
	overflow:hidden;
}
header .rBox > ul > li .hUserInfoBox .topBox .thumb img { 
	position:absolute; 
	width: 100%; 
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
header .rBox > ul > li .hUserInfoBox .topBox .thumb.on { 
	background-image: none; 
	border:1px solid #E0E0E0;
}
header .rBox > ul > li .hUserInfoBox .topBox .tit { 
	margin:0 0 5px;
	font-weight:500;
	font-size:16px;
	color:#111;
}
header .rBox > ul > li .hUserInfoBox .topBox .mail { 
	margin:0 0 3px;
	font-size:16px;
	color:#111;
}
header .rBox > ul > li .hUserInfoBox .topBox .uidCopy { 
	position:relative; 
	display:inline-flex; 
	align-items:center; 
	min-height: 16px;
	padding:0 18px 0 0;
	font-size:14px;
	color:#666;
}
header .rBox > ul > li .hUserInfoBox .topBox .uidCopy:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top:0;
	right:0;
	background:url(/Form/_guest/lang_ko/images/comIcoCopy) no-repeat;
	background-size:cover;
}
header .rBox > ul > li .hUserInfoBox .topBox #uidInfoIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
header .rBox > ul > li .hUserInfoBox .btmBox > * { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 100%;
	height: 36px;
	margin:0 0 7px;
	border-radius: 5px;
	font-weight:500;
	font-size:13px;
}
header .rBox > ul > li .hUserInfoBox .btmBox > *:nth-child(odd) { 
	background: #0067FF; 
	color:#FFF;
}
header .rBox > ul > li .hUserInfoBox .btmBox > *:nth-child(even) { 
	background: #F1F3F4; 
	color:#606367;
}
header .rBox > ul > li .hUserInfoBox .btmBox > *:last-child { 
	margin:0;
}
header .mbMenuOn { 
	display:none;
	position:absolute;
	width: 30px;
	height: 30px;
	top:50%;
	right:0;
	margin:-15px 0 0;
	overflow:hidden;
}
header .mbMenuOn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -10px;
	background: #111;
	transition:all .3s ease;
}
header .mbMenuOn span { 
	position:absolute; 
	display:block; 
	width: 20px;
	height: 2px;
	left:50%;
	margin:0 0 0 -10px;
	background: #111;
	transition:all .3s ease;
}
header .mbMenuOn span:first-child { 
	top:8px; 
}
header .mbMenuOn span:last-child { 
	bottom:8px; 
}
header .mbMenuOn.on:before { 
	left:-100%; 
}
header .mbMenuOn.on span { 
	margin:0;
}
header .mbMenuOn.on span:first-child { 
	top:50%;
	transform:translate(-50%, -50%) rotate(45deg);
}
header .mbMenuOn.on span:last-child { 
	bottom:50%;
	transform:translate(-50%, 50%) rotate(-45deg);
}
header .hInviteBox { 
	padding:0 20px;
	background: #DFF0FF;
}
header .hInviteBox a { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	gap:5px;
	height: 43px;
}
header .hInviteBox a span { 
	display:block; 
}
header .hInviteBox a .ico { 
	font-size:0; 
}
header .hInviteBox a .ico img { 
	max-width: 100%; 
}
header .hInviteBox a .txt { 
	font-weight:500;
	font-size: 20px;
	color:#0067FF;
}
header .comGlobalBox { 
	position:absolute; 
	height: 64px;
	top:0;
	right:29px;
}
header .comGlobalBox .langBlackBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.5);
	z-index:1;
}
header .comGlobalBox .gloSelBtn { 
	position:relative; 
	display:flex; 
	align-items:center; 
	height: 100%;
	padding:0 20px 0 0;
	z-index:2;
}
header .comGlobalBox .gloSelBtn:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 26px;
	height: 26px;
	background:url(/Form/_guest/lang_ko/images/comIcoGlobal.svg) no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
header .comGlobalBox .gloSelBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 0;
	top:50%;
	right:0;
	margin:-3px 0 0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid #666;
	transition:all .3s ease;
}
header .comGlobalBox .gloSelBtn.on:before { 
	background-image:url(/Form/_guest/lang_ko/images/comIcoGlobal_on.svg);
}
header .comGlobalBox .gloSelBtn.on:after { 
	transform:rotate(180deg); 
	border-top-color:#FFF;
}
header .comGlobalBox .langSelBox { 
	position:absolute; 
	display:none; 
	width: 200px;
	top:calc(100% + 10px);
	right:0;
	padding:23px 21px;
	background: #FFF;
	border-radius: 10px;
	z-index:2;
}
header .comGlobalBox .langSelBox .tit { 
	margin:0 0 18px;
	font-weight:500;
	font-size:18px;
	color:#111;
}
header .comGlobalBox .langSelBox .btnLst li { 
	margin:0 0 4px;
}
header .comGlobalBox .langSelBox .btnLst li .lanSelBtn { 
	position:relative; 
	width: 100%;
	text-align: left;
	font-size:0;
}
header .comGlobalBox .langSelBox .btnLst li .lanSelBtn:before { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle; 
	width: 0;
	height: 100%;
	min-height: 18px;
	transition: all .3s ease;
}
header .comGlobalBox .langSelBox .btnLst li .lanSelBtn span { 
	display:inline-block; 
	vertical-align:middle; 
	font-size:16px;
	line-height:1.4;
	color:#666;	 
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
header .comGlobalBox .langSelBox .btnLst li .lanSelBtn.on { 
	padding:0 20px 0 0;
}
header .comGlobalBox .langSelBox .btnLst li .lanSelBtn.on:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:50%;
	right:0;
	margin:-9px 0 0;
	background:url(/Form/_guest/lang_ko/images/comIcoChk01.png) no-repeat;
	background-size:cover;
}
header .comGlobalBox .langSelBox .btnLst li .lanSelBtn.on span { 
	color: #0067FF; 	 
}
header .comGlobalBox .langSelBox .btnLst li:last-child { 
	margin-bottom:0;
}
header.verLogin .inner { 
	padding:0 290px 0 220px;
}
/* -------- IOS 임시 로그인 버튼 시작 -------- */
header .iosTestLogin { 
	position:absolute; 
	display:none; 
	top:50%;
	right:10px;
	padding:8px 10px 8px;
	transform:translateY(-50%);
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-size:13px;
}
/* -------- IOS 임시 로그인 버튼 끝 -------- */
@media all and (max-width:1919px){
	header .hTopBox .hTopNavi.hTopPrev { 
		left:10px;
		margin:-15px 0 0;
	}
	header .hTopBox .hTopNavi.hTopNext { 
		right:10px;
		margin:-15px 0 0;
	}
}
@media all and (max-width:1399px){
	header .inner { 
		margin-right:70px;
	}
	header .comGlobalBox { 
		right:10px; 
	}
	header .rBox > ul > li .hUserInfoBox { 
		left:auto;
		right:-10px;
	}
}
@media all and (max-width:1299px){
	header .inner { 
		padding:0 380px 0 170px;
	}
	header .hLogo { 
		width: 135px;
		left:20px; 
	}
	header .hMenuBox ul { 
		gap:10px; 
	}
	header .hMenuBox ul li a { 
		font-size:15px; 
	}
	header .rBox { 
		right:0; 
	}
	header .rBox > ul > li .statWithdraw { 
		padding:0 8px;
		font-size:15px; 
	}
	header .rBox > ul > li .hUserInfo { 
		gap:8px; 
		font-size:15px;
	}
	header .hInviteBox a .ico { 
		width: 16px; 
	}
	header .hInviteBox a .txt { 
		font-size:16px; 
	}
	header.verLogin .inner { 
		padding:0 260px 0 170px;
	}
}
@media all and (max-width:1199px){
	header .inner { 
		height: 50px; 
		padding:0 50px 0 150px;
	}
	header .hLogo { 
		width: 120px; 
	}
	header .mobileMenuBox { 
		position:fixed; 
		width: 100%;
		height: 0;
		top:50px;
		left:0;
		background: #FFF;
		transition:all .3s ease;
		overflow:hidden;
	}
	header .mobileMenuBox.on { 
		height: calc(100% - 50px); 
	}
	header .hMenuBox ul { 
		align-items:flex-start;
		gap:0;
		height: auto;
		margin:0 0 10px;
	}
	header .hMenuBox ul li { 
		width: 100%; 
	}
	header .hMenuBox ul li a { 
		padding:20px 0;
		font-weight:700;
		font-size:25px; 
	}
	header .rBox { 
		position:relative; 
		top:auto;
		right:auto;
		transform:translateY(0);
	}
	header .rBox > ul { 
		gap:10px;
	}
	header .rBox > ul > li { 
		width: 100%; 
		padding:0 20px;
	}
	header .rBox > ul > li .joinFloat { 
		display:none; 
	}
	header .rBox > ul > li .hLogout { 
		width: 100%; 
		height: auto;
		padding:20px 10px;
	}
	header .rBox > ul > li .hLogout:before { 
		display:none; 
	}
	header .rBox > ul > li .hLogout span {
		font-size:20px;
	}
	header .rBox > ul > li .statWithdraw,
	header .rBox > ul > li .hUserInfo { 
		gap:0;
		width: 100%;
		height: auto; 
		padding:12px 10px 14px;
		border-radius: 100px;
		font-size:25px;
	}
	header .rBox > ul > li .statWithdraw:before,
	header .rBox > ul > li .hUserInfo .imgBox { 
		display:none; 
	}
	header .rBox > ul > li .hUserInfo { 
		justify-content:center; 
		border:1px solid #0067FF;
		color: #0067FF;
	}
	header .rBox > ul > li .hUserInfoBox { 
		position:relative; 
		top:auto;
		right:auto;
		transform:translateX(0);
		border:1px solid #E0E0E0;
		border-radius: 5px;
		box-shadow:none;
	}
	header .rBox > ul > li .hUserInfoBox .topBox { 
		margin:0 0 10px;
		padding:0 0 0 50px;
	}
	header .rBox > ul > li .hUserInfoBox .topBox .thumb { 
		width: 40px;
		height: 40px;
	}
	header .rBox > ul > li .hUserInfoBox .topBox .tit { 
		margin:0;
		font-size:15px; 
	}
	header .rBox > ul > li .hUserInfoBox .topBox .mail { 
		font-size:15px; 
	}
	header .rBox > ul > li:last-child { 
		margin:0;
	}
	header .rBox > ul.verLoginUl { 
		gap:0; 
		padding:0 0 15px;
	}
	header .mbMenuOn { 
		display:block; 
	}
	header.verLogin .inner { 
		padding:0 50px 0 150px;		 
	}
	header .hInviteBox a .ico { 
		width: 15px; 
	}
	header .hInviteBox a .txt { 
		font-size:15px; 
	}
	header .comGlobalBox { 
		height: 50px; 
	}
	header .comGlobalBox .gloSelBtn { 
		padding:0 18px 0 0;
	}
	header .comGlobalBox .gloSelBtn:after { 
		margin:-2px 0 0;
	}
	header .comGlobalBox .gloSelBtn img { 
		width: 23px;
	}
	header .comGlobalBox .langSelBox { 
		width: 180px;
		padding:15px;
	}
	header .comGlobalBox .langSelBox .tit { 
		margin:0 0 10px; 
		font-size:17px;
	}
	header .comGlobalBox .langSelBox .btnLst li .lanSelBtn:before { 
		min-height: 16px; 
	}
	header .comGlobalBox .langSelBox .btnLst li .lanSelBtn span { 
		font-size:15px; 
	}
	header .comGlobalBox .langSelBox .btnLst li .lanSelBtn.on:after { 
		width: 16px; 
		height: 16px;
	}
}
@media all and (max-width:599px){
	header .inner { 
		height: 40px; 
		padding:0 50px 0 120px;
	}
	header .hTopBox .swiper-wrapper { 
		height: 30px; 
	}
	header .hTopBox .hTopNavi { 
		width: 20px; 
		height: 20px;
	}
	header .hTopBox .hTopNavi:before { 
		width: 12px; 
		height: 12px;
	}
	header .hTopBox .hTopNavi.hTopPrev,
	header .hTopBox .hTopNavi.hTopNext { 
		margin:-10px 0 0;
	}
	header .hTopBox .hTopNavi.hTopPrev:before { 
		margin:-6px 0 0 -3px;
	}
	header .hTopBox .hTopNavi.hTopNext:before { 
		margin:-6px 0 0 -9px;
	}
	header .hLogo { 
		width: 90px; 
	}
	header .mobileMenuBox { 
		top:40px; 
	}	
	header .mobileMenuBox.on {
		height: calc(100% - 40px);
	}
	header .hMenuBox ul { 
		margin:0;
	}
	header .hMenuBox ul li a { 
		padding:10px 0;
		font-size:18px;
	}
	header .rBox > ul > li .statWithdraw, 
	header .rBox > ul > li .hUserInfo { 
		padding:10px;
		font-size:18px; 
	}
	header .rBox > ul > li .hUserInfoBox { 
		padding:10px;
	}
	header .rBox > ul > li .hLogout { 
		padding:10px;
	}
	header .rBox > ul > li .hLogout span { 
		font-size:18px;
	}
	header .hInviteBox a .ico { 
		width: 14px; 
	}
	header .hInviteBox a .txt { 
		font-size:14px; 
	}
	header .comGlobalBox { 
		height: 40px; 
	}
	header.verLogin .inner { 
		padding:0 50px 0 120px;
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	padding:78px 0;
	background: #F3F3F3; 
}
footer .inner { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:space-between; 
	gap:10px;
}
footer .lBox .logo { 
	margin:0 0 59px;
	font-size:0; 
}
footer .lBox .logo img { 
	max-width: 100%; 
}
footer .lBox .midBox { 
	margin:0 0 28px;
}
footer .lBox .midBox ul { 
	display:flex; 
	flex-wrap:wrap; 
	gap:10px;
	margin:0 0 7px;
}
footer .lBox .midBox ul li { 
	position:relative; 
	padding:0 11px 0 0;
	font-size:13px;
	color:#999;
}
footer .lBox .midBox ul li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 10px;
	top:50%;
	right:0;
	margin:-5px 0 0;
	background: #999;
}
footer .lBox .midBox ul li:last-child { 
	padding:0;
}
footer .lBox .midBox ul li:last-child:after { 
	display:none; 
}
footer .lBox .midBox ul:last-child { 
	margin:0;
}
footer .lBox .btmBox ul { 
	display:flex; 
	flex-wrap:wrap; 
	gap:3px;
}
footer .lBox .btmBox ul li { 
	position:relative; 
	padding:0 4px 0 0;
}
footer .lBox .btmBox ul li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 10px;
	top:50%;
	right:0;
	margin:-5px 0 0;
	background:#666;
}
footer .lBox .btmBox ul li .termBtn { 
	display:block; 
	font-weight:500; 
	font-size:13px;
	color:#666;
}
footer .lBox .btmBox ul li:last-child { 
	padding:0;
}
footer .lBox .btmBox ul li:last-child:after { 
	display:none; 
}
footer .rBox { 
	position:relative; 
	padding:24px 61px 35px 0;
}
footer .rBox .txt { 
	margin:0 0 26px;
	font-weight:500;
	font-size:16px;
	line-height:1.3;
	color:#666;
	text-align: center; 
}
footer .rBox .downLst { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 
	gap:9px;
	font-size:0;
}
footer .rBox .downLst li { 
	display:none; 
}
footer .rBox .downLst li a { 
	display:block; 
}
footer .rBox .downLst li a img { 
	max-width: 100%; 
}
footer .rBox .lnkLst { 
	position:fixed; 
	bottom:78px;
	right:50%;
	margin:0 -685px 0 0;
	font-size:0;
	transition:all .3s ease;
	z-index:1;
}
footer .rBox .lnkLst li { 
	margin:0 0 24px;
	border-radius:50%; 
	box-shadow:1px 2px 6px rgba(0,0,0,.15);
}
footer .rBox .lnkLst li img { 
	display:block; 
	max-width: 100%;
}
footer .rBox .lnkLst li:last-child { 
	margin:0;
}
@media all and (max-width:1399px){
	footer .rBox { 
		padding:20px 80px 20px 0;
	}
	footer .rBox .lnkLst { 
		bottom:15px;
		right:15px; 
		margin:0;
	}
}
@media all and (max-width:1199px){
	footer { 
		padding:50px 20px;
	}
	footer .lBox .logo { 
		width: 135px;
		margin:0 0 30px;
	}
	footer .lBox .midBox { 
		margin:0 0 20px;
	}
	footer .rBox { 
		padding:0 70px 20px 0;
	}
	footer .rBox .txt { 
		margin:0 0 15px;
		font-size:15px; 
	}
	footer .rBox .downLst li { 
		width: 117px; 
	}
	footer .rBox .lnkLst li { 
		width: 50px;
		margin:0 0 15px;
	}
}
@media all and (max-width:999px){
	footer { 
		padding:20px;
	}
	footer .inner { 
		gap:15px; 
	}
	footer .lBox,
	footer .rBox { 
		width: 100%; 
	}
	footer .lBox .logo { 
		width: 120px; 
		margin:0 auto 20px;
	}
	footer .lBox .midBox { 
		margin:0 0 15px;
	}
	footer .lBox .midBox ul { 
		justify-content:center; 
		gap:8px;
		margin:0 0 5px;
	}
	footer .lBox .midBox ul li { 
		padding:0 9px 0 0;
	}
	footer .lBox .btmBox ul { 
		justify-content:center; 
	}
	footer .rBox { 
		padding:0;
	}
	footer .rBox .txt { 
		font-size:14px; 
	}
	footer .rBox .txt br { 
		display:none; 
	}
	footer .rBox .downLst { 
		margin:0 0 15px;
	}
	footer .rBox .downLst li { 
		width: 103px;
	}
	footer .rBox .lnkLst li { 
		width: 45px; 
		margin:0 0 10px;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 이용약관, 개인정보처리방침 팝업 시작
------------------------------------------------------ */
.termPopCon { 
	position:fixed;
	display:none; 
	width: 500px;
	max-width: 90%;	
	top:50%;
	left:50%;
	padding:20px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 10px;
	transition:all .3s ease;
	z-index:3;
}
.termPopCon .termTit { 
	margin:0 0 18px;
	font-weight:700;
	font-size:24px; 
	color:#111;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.termPopCon .conBox { 
	height: 430px;
	margin:0 0 20px;
	padding:8px;
	border:1px solid #DDD;
	border-radius: 5px;
	font-size:16px;
	color:#333;
	overflow:auto;
}
.termPopCon .conBox .conTit { 
	margin:0 0 6px;
	font-weight:500; 
}
.termPopCon .termPopClose { 
	display:flex; 
	justify-content:center; 
	align-items:center;
	width: 100%;
	height: 64px;
	background: #0067FF;
	border-radius: 5px;
	font-weight:700;
	font-sizE:20px;
	color:#FFF;
}
.termPopCon.on { 
	display:block; 
}
@media all and (max-width:1199px){	
	.termPopCon .termTit { 
		margin:0 0 15px;
		font-size:22px; 
	}
	.termPopCon .conBox { 
		height: 300px; 
		font-size:15px;
	}
	.termPopCon .termPopClose { 
		height: 50px; 
		font-size:18px;
	}
}
@media all and (max-width:999px){
	.termPopCon .termTit { 
		margin:0 0 10px;
		font-size:19px; 
	}
	.termPopCon .conBox { 
		height: 200px; 
		margin:0 0 10px;
		font-size:14px;
	}
	.termPopCon .termPopClose { 
		height: 40px; 
		font-size:16px;
	}
}
@media all and (max-width:599px){
	.termPopCon .termTit { 
		font-size:17px; 
	}
	.termPopCon .conBox { 
		height: 150px;
	}
	.termPopCon .termPopClose { 
		font-size:14px;
	}
}
/* 이용약관, 개인정보처리방침 팝업 끝
------------------------------------------------------ */
/* wrapper 시작
------------------------------------------------------ */
.wrapper { 
	margin:107px 0 0;
}
.wrapper.noTopSilde { 
	margin:64px 0 0;
}
@media all and (max-width:1199px){
	.wrapper { 
		margin:93px 0 0;
	}
	.wrapper.noTopSilde {
		margin:50px 0 0;
	}
}
@media all and (max-width:599px){
	.wrapper { 
		margin:70px 0 0;
	}
	.wrapper.noTopSilde {
		margin:40px 0 0;
	}
}
/* wrapper 끝
------------------------------------------------------ */
/* 공통 카드 리스트 시작
------------------------------------------------------ */
.comCardWr { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 	
}
.comCardWr .comCardBox { 
	position:relative; 
	width: 32%;
	margin:2% 2% 0 0;
	padding:2px;
	border-radius: 5px;
	box-shadow:1px 2px 7px 0 rgba(0,0,0,.1);
}
.comCardWr .comCardBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	border-radius: 5px;
	background: linear-gradient(135deg, #0067FF 0%, #0067FF 76%, #5ECCFF 82%, #0067FF 88%, #0067FF 100%) 0 0 / 400% 100%;	
	animation: borderAni 4s linear infinite;
}
.comCardWr .comCardBox .cate { 
	position:absolute; 
	display:block; 
	width: 118px;
	height: 32px;
	top:10px;
	left:-6px;
	padding:7px 0 0 25px;
	background:url(/Form/_guest/lang_ko/images/comIcoCardCate.png) no-repeat;
	background-size:cover;
	font-weight:500;
	font-size:14px;
	color:#FFF;
	z-index:1;
}
.comCardWr .comCardBox .cate .icoCoin { 
	position:absolute; 
	display:block; 
	top:9px;
	left:4px;
	font-size:0;
}
.comCardWr .comCardBox .cate .icoCoin:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 13px;
	height: 13px;
	top:-5px;
	right:-3px;
	background:url(/Form/_guest/lang_ko/images/comIcoCardLight.png) no-repeat;
	background-size:cover;
	animation:rightBling .8s infinite alternate;
	z-index:1;
}
@keyframes rightBling { 
	0% { 
		opacity:0; 
	}
	100% { 
		opacity:1; 
	}
}
.comCardWr .comCardBox .cate .icoCoin img { 
	max-width: 100%; 
}
.comCardWr .comCardBox .imgBox { 
	position:relative; 
	padding:48% 0 0;
	background: #15192A;
	border-radius: 4px 4px 0 0;
	font-size:0;
	overflow:hidden;
}
.comCardWr .comCardBox .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.comCardWr .comCardBox .cardsPric { 
	padding:12px 16px 11px;
	background: #ECF4FF; 
}
.comCardWr .comCardBox .cardsPric p { 
	font-weight:500;
	font-size:14px;
	color:#111;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;	
}
.comCardWr .comCardBox .conBox { 
	position:relative; 
	padding:15px;
	background: #FFF;
	border-radius: 0 0 4px 4px;
}
.comCardWr .comCardBox .conBox .cardTit,
.comCardWr .comCardBox .conBox .cardsTit { 
	margin:0 0 12px;
	font-weight:500;
	font-size:14px;
	color:#111;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.comCardWr .comCardBox .conBox .cardTit.hasIco { 
	position:relative;
	min-height: 20px;
	padding:1px 0 0 24px;
}
.comCardWr .comCardBox .conBox .cardTit.hasIco .ico { 
	position:absolute; 
	width: 20px;
	height: 20px;
	top:0;
	left:0;
	font-size:0; 
}
.comCardWr .comCardBox .conBox .cardsTit .clrTxt01 { 
	font-weight:700; 
}
.comCardWr .comCardBox .conBox .cardsGauge { 
	position:relative; 
	margin:0 0 10px;
	padding:6px 0;
}
.comCardWr .comCardBox .conBox .cardsGauge .lineBase { 
	display:block; 
	height: 4px;
	background: #DDD;
	border-radius: 5px;
}
.comCardWr .comCardBox .conBox .cardsGauge .lineActive { 
	position:absolute;
	width: 0;
	height: 4px;
	top:50%;
	left:0;
	margin:-2px 0 0;	
	border:1px solid #DDD;
	transition:all .5s ease;
}
.comCardWr .comCardBox .conBox .cardsGauge .lineActive.st01 { 
	background:linear-gradient(to right, #0067FF, #DEEBFF); 
}
.comCardWr .comCardBox .conBox .cardsGauge .lineActive.st02 { 
	background:#44628F;
}
.comCardWr .comCardBox .conBox .cardsGauge .lineActive.st03 { 
	background:linear-gradient(to right, #E9523E, #FFE4E0); 
}
.comCardWr .comCardBox .conBox .cardsGauge .gauge { 
	position:absolute; 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	gap:2px;
	width: 60px;
	height: 18px;
	top:50%;
	right:calc(100% - 60px);
	margin:-9px 0 0;
	background: #FFF;
	border-radius: 20px;
	border:1px solid #0067FF;
	font-size:12px;
	color:#111;
	transition:all .5s ease;
}
.comCardWr .comCardBox .conBox .cardsGauge .gauge:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	background-repeat:no-repeat;
	background-size:cover;
}
.comCardWr .comCardBox .conBox .cardsGauge .gauge.st01 { 
	border-color:#0067FF;
}
.comCardWr .comCardBox .conBox .cardsGauge .gauge.st01:before { 
	background-image: url(/Form/_guest/lang_ko/images/comIcoCardGau01.png);
}
.comCardWr .comCardBox .conBox .cardsGauge .gauge.st02 { 
	border-color:#44628F;
}
.comCardWr .comCardBox .conBox .cardsGauge .gauge.st02:before { 
	background-image: url(/Form/_guest/lang_ko/images/comIcoCardGau02.png);
}
.comCardWr .comCardBox .conBox .cardsGauge .gauge.st03 { 
	border-color:#E9523E;
}
.comCardWr .comCardBox .conBox .cardsGauge .gauge.st03:before { 
	background-image: url(/Form/_guest/lang_ko/images/comIcoCardGau01.png);
}
.comCardWr .comCardBox .conBox .cardExt { 
	display:inline-block; 
	margin:0 0 16px;
	padding:5px 7px 4px;
	background: #ECF4FF;
	border-radius: 5px;
	font-size:13px;
	color:#333;
}
.comCardWr .comCardBox .conBox .cardLnk { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	height: 42px;
	border-radius: 5px;	
	font-weight:700;
	font-size:16px;
	color:#FFF;
}
.comCardWr .comCardBox .conBox .cardLnk.st01 { 
	background: #0067FF; 
}
.comCardWr .comCardBox .conBox .cardLnk.st02 { 
	background: #44628F; 
}
.comCardWr .comCardBox .conBox .cardLnk.st03 { 
	background: #888; 
}
.comCardWr .comCardBox:nth-child(3n) { 
	margin-right:0;
}
.comCardWr .comCardBox:nth-child(-n+3) { 
	margin-top:0;
}
.comCardWr.noBorder .comCardBox { 
	padding:0;
	border:1px solid #DDD;
}
.comCardWr.noBorder .comCardBox:before { 
	display:none; 
}
.comCardWr.st01 { 
	justify-content:flex-start; 
}
@keyframes borderAni {
	from {
		background-position: 400% 0;
	}
}
@media all and (max-width:999px){
	.comCardWr .comCardBox .cardsPric { 
		padding:10px 10px 9px;
	}
	.comCardWr .comCardBox .cardsPric p { 
		font-size:13px;
	}
	.comCardWr .comCardBox .conBox { 
		padding:10px;
	}
	.comCardWr .comCardBox .conBox .cardTit,
	.comCardWr .comCardBox .conBox .cardsTit { 
		margin:0 0 8px;
		font-size:13px; 
	}
	.comCardWr .comCardBox .conBox .cardExt { 
		margin:0 0 10px;
	}
	.comCardWr .comCardBox .conBox .cardLnk { 
		height: 35px;
		font-size:15px; 
	}
}
@media all and (max-width:799px){
	.comCardWr .comCardBox { 
		width: 49%; 
	}
	.comCardWr .comCardBox:nth-child(3n) { 
		margin-right:2%;
	}
	.comCardWr .comCardBox:nth-child(-n+3) { 
		margin-top:2%;
	}
	.comCardWr .comCardBox:nth-child(2n) { 
		margin-right:0;
	}
	.comCardWr .comCardBox:nth-child(-n+2) { 
		margin-top:0;
	}
}
@media all and (max-width:599px){
	.comCardWr .comCardBox { 
		width: 100%; 
		margin:0 0 10px;
	}
	.comCardWr .comCardBox:nth-child(3n) { 
		margin-right:0;
	}
	.comCardWr .comCardBox:nth-child(-n+3) { 
		margin-top:0;
	}
	.comCardWr .comCardBox:last-child { 
		margin:0;
	}
	.comCardWr .comCardBox .conBox .cardLnk { 
		height: 30px;
		font-size:14px; 
	}
}
/* 공통 카드 리스트 끝
------------------------------------------------------ */
/* 서브 공통 시작
------------------------------------------------------ */
.subConWr { 
	min-height: 600px;
	padding:50px 0;
}
@media all and (max-width:1199px){
	.subConWr .inner { 
		padding: 0 20px;
	}
}
@media all and (max-width:999px){
	.subConWr { 
		padding:30px 0;
	}
}
/* 서브 공통 끝
------------------------------------------------------ */
/* 테이블 관련 시작
------------------------------------------------------ */
.tblBox { 
	overflow-x:auto; 
}
.tblBox::-webkit-scrollbar {
    width: 3px;
    height:3px;
}
.tblBox::-webkit-scrollbar-thumb {
    background: #a9a9a9;
}
.tblBox table { 
	min-width: 740px;
	border:1px solid #E0E0E0;
	text-align: center;
}
.tblBox table thead { 
	background: #F5F5F5; 
}
.tblBox table thead tr th { 
	padding:20px 10px;
	border-right:1px solid #E0E0E0;
	font-weight:500;
	font-size:16px;
	color:#666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.tblBox table thead tr th:last-child { 
	border-right:none;
}
.tblBox table tbody { 
	border-top:1px solid #E0E0E0;
}
.tblBox table tbody tr { 
	border-bottom:1px solid #E0E0E0;
}
.tblBox table tbody tr > * { 
	padding:15px 10px;
	border-right:1px solid #E0E0E0;
	font-size:14px;
	color:#666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.tblBox table tbody tr td:last-child { 
	border-right:none;
}
@media all and (max-width:999px){
	.tblBox table thead tr th { 
		padding:15px 10px;
		font-size:15px; 
	}
}
@media all and (max-width:599px){
	.tblBox table thead tr th { 
		padding:12px 10px;
		font-size:14px; 
	}
	.tblBox table tbody tr > * { 
		padding:12px 10px;
		font-size:13px;
	}
}
/* 테이블 관련 끝
------------------------------------------------------ */
/* 게시판 글쓰기 스킨 시작
------------------------------------------------------ */
.boardWriteWr { 
	max-width: 900px; 
	margin:0 auto;
}
.boardWriteWr .brdwTit { 
	margin:0 0 50px;
	padding:0 0 6px;
	border-bottom:1px solid #DDD;
	font-weight:500;
	font-size:32px;
	color: #000;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
} 
.boardWriteWr .brdwConBox > * { 
	margin:0 0 10px;
}
.boardWriteWr .brdwConBox > *:last-child { 
	margin:0;
}
.boardWriteWr .brdwConBox .brdwInputArea { 
	position:relative; 
	width: 100%;
	border:1px solid #DDD;
	border-radius: 5px;
	transition:border-color .3s ease;
}
.boardWriteWr .brdwConBox .brdwInputArea.selArea .selTxt { 
	position:relative; 
	width: 100%; 
	padding:20px 25px;
	font-weight:500;
	font-size:16px;
	color:#111;
	text-align: left;
}
.boardWriteWr .brdwConBox .brdwInputArea.selArea .selTxt:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 0;
	top:50%;
	right:30px;
	margin:-3px 0 0;
	border-top:5px solid #666;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	transition:all .3s ease;
}
.boardWriteWr .brdwConBox .brdwInputArea.selArea .selTxt.on:after { 
	transform:rotate(180deg); 
}
.boardWriteWr .brdwConBox .brdwInputArea.selArea .optionBox { 
	position:absolute; 
	display:none; 
	width: calc(100% + 2px);
	top:calc(100% - 2px);
	left:-1px;
	padding:0 25px;
	background: #FFF;	
	border:1px solid #DDD;
	border-top:none;	
	border-radius: 0 0 5px 5px;
	z-index:1;
	transition:border-color .3s ease;
}
.boardWriteWr .brdwConBox .brdwInputArea.selArea .optionBox > ul { 
	border-top:1px solid #DDD; 
}
.boardWriteWr .brdwConBox .brdwInputArea.selArea .optionBox .optVal { 
	display:flex; 
	align-items:center; 
	width: 100%;
	height: 52px;
	padding:0 0 0 18px;
	font-size:16px;
	color: #666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	transition:all .3s ease;
}
.boardWriteWr .brdwConBox .brdwInputArea.selArea .optionBox .optVal:hover,
.boardWriteWr .brdwConBox .brdwInputArea.selArea .optionBox .optVal:focus { 
	background: #F8F8F8;
	font-weight:500;
	color: #0067FF;
}
.boardWriteWr .brdwConBox .brdwInputArea.selArea.on,
.boardWriteWr .brdwConBox .brdwInputArea.selArea .optionBox.on { 
	border-color:#0067FF;	 
}
.boardWriteWr .brdwConBox input.brdwInputArea { 
	padding:20px 25px;
	font-weight:500;
	font-size:16px;
	color:#111;	 
}
.boardWriteWr .brdwConBox input.brdwInputArea::placeholder { 
	color: #999; 
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox { 
	margin:0 0 16px;
	padding:0 0 17px;
	border-bottom:1px solid #DDD;
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul { 
	display:flex; 
	flex-wrap:wrap; 
	gap:10px;
	font-size:0;
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li { 
	position:relative; 
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .brdwFile { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	overflow:hidden;
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 24px; 
	height: 24px;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn.st_file:before { 
	background-image: url(/Form/_guest/lang_ko/images/brdwIcoUpload_off.png);
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn.st_file:hover:before,
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn.st_file:focus:before { 
	background-image: url(/Form/_guest/lang_ko/images/brdwIcoUpload_on.png);
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn.st_emo:before { 
	background-image: url(/Form/_guest/lang_ko/images/brdwIcoEmo_off.png);
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn.st_emo:hover:before,
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn.st_emo:focus:before { 
	background-image: url(/Form/_guest/lang_ko/images/brdwIcoEmo_on.png);
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn.st_vote:before { 
	background-image: url(/Form/_guest/lang_ko/images/brdwIcoVote_off.png);
}
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn.st_vote:hover:before,
.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn.st_vote:focus:before { 
	background-image: url(/Form/_guest/lang_ko/images/brdwIcoVote_on.png);
}
.boardWriteWr .brdwConBox .brdwInputArea.txtArea { 
	padding:16px 23px;
}
.boardWriteWr .brdwConBox .brdwInputArea.txtArea textarea { 
	width: 100%; 
	padding:5px;
	font-size:16px;
	line-height:1.3;
	color: #111;
}
.boardWriteWr .brdwConBox .brdwInputArea.txtArea textarea::placeholder { 
	color: #999; 
}
.boardWriteWr .brdwVoteBox { 
	display:none; 
	padding:23px 25px;
	background: #F8F8F8;
	border-radius: 10px
}
.boardWriteWr .brdwVoteBox .brdwVoteTit { 
	margin:0 0 7px;
	font-size:16px;
	color:#111;
}
.boardWriteWr .brdwVoteBox .voteInputBox { 
	position:relative; 
}
.boardWriteWr .brdwVoteBox .voteInputBox .brdwInputArea { 
	padding-right:55px;
}
.boardWriteWr .brdwVoteBox .voteInputBox .voteFile { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
.boardWriteWr .brdwVoteBox .voteInputBox .voteLbl { 
	position:absolute; 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width: 22px;
	height: 22px;
	top:50%;
	right:25px;
	margin:-11px 0 0;
	font-size:0; 
}
.boardWriteWr .brdwVoteBox .voteInputBox .voteLbl img { 
	max-width: 100%; 
}
.boardWriteWr .brdwVoteBox .voteInputBox + .voteInputBox { 
	margin:10px 0 0;
}
.boardWriteWr .brdwVoteBox .voteInputBox.st_add { 
	padding:0 30px 0 0;
}
.boardWriteWr .brdwVoteBox .voteInputBox.st_add .voteLbl { 
	right:55px; 
}
.boardWriteWr .brdwVoteBox .voteInputBox.st_add .addDelBtn { 
	position:absolute; 
	width: 14px;
	height: 14px;
	top:50%;
	right:5px;
	margin:-7px 0 0;
	font-size:0;
	overflow:hidden;
}
.boardWriteWr .brdwVoteBox .voteInputBox.st_add .addDelBtn:before,
.boardWriteWr .brdwVoteBox .voteInputBox.st_add .addDelBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -10px;
	background: #999;
}
.boardWriteWr .brdwVoteBox .voteInputBox.st_add .addDelBtn:before { 
	transform:rotate(45deg); 
}
.boardWriteWr .brdwVoteBox .voteInputBox.st_add .addDelBtn:after { 
	transform:rotate(-45deg); 
}
.boardWriteWr .brdwVoteBox .voteAddBtn { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	gap:7px;
	width: 100%;
	height: 60px;
	margin:10px 0 0;
	background: #EFEFEF;
	font-size:16px;
	color:#999;
}
.boardWriteWr .brdwVoteBox .voteAddBtn .plus { 
	position:relative; 
	display:block; 
	width: 16px;
	height: 16px;
	font-size:0;
}
.boardWriteWr .brdwVoteBox .voteAddBtn .plus:before,
.boardWriteWr .brdwVoteBox .voteAddBtn .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #999;
}
.boardWriteWr .brdwVoteBox .voteAddBtn .plus:before { 
	width: 100%; 
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.boardWriteWr .brdwVoteBox .voteAddBtn .plus:after { 
	width: 2px; 
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1px;
}
.boardWriteWr .comBtnBox { 
	max-width: 260px; 
	margin:0 auto;
}
@media all and (max-width:1199px){
	.boardWriteWr .brdwTit { 
		margin:0 0 40px;
		font-size:29px;
	}
	.boardWriteWr .brdwConBox input.brdwInputArea,
	.boardWriteWr .brdwConBox .brdwInputArea.selArea .selTxt { 
		padding:15px 25px;
		font-size:15px;
	}
	.boardWriteWr .brdwConBox .brdwInputArea.selArea .optionBox { 
		padding:0 15px;
	}
	.boardWriteWr .brdwConBox .brdwInputArea.selArea .optionBox .optVal { 
		height: 54px;
		padding:0 0 0 10px;
		font-size:15px; 
	}
	.boardWriteWr .brdwConBox .brdwInputArea .cateBox { 
		margin:0 0 10px;
		padding:0 0 10px;
	}
	.boardWriteWr .brdwConBox .brdwInputArea .cateBox ul li .cateBtn:before { 
		width: 22px; 
		height: 22px;
	}
	.boardWriteWr .brdwConBox .brdwInputArea.txtArea { 
		padding:15px 25px;
	}
	.boardWriteWr .brdwConBox .brdwInputArea.txtArea textarea { 
		font-size:15px; 
	}
	.boardWriteWr .brdwVoteBox { 
		padding:20px;
	}
	.boardWriteWr .brdwVoteBox .brdwVoteTit { 
		font-size:15px; 
	}
	.boardWriteWr .brdwVoteBox .voteAddBtn { 
		height: 54px; 
		font-size:15px;
	}
	.boardWriteWr .brdwVoteBox .voteAddBtn .plus { 
		width: 14px; 
		height: 14px;
	}
}
@media all and (max-width:999px){
	.boardWriteWr .brdwTit { 
		margin:0 0 30px;
		font-size:26px;
	}
	.boardWriteWr .brdwConBox input.brdwInputArea, 
	.boardWriteWr .brdwConBox .brdwInputArea.selArea .selTxt { 
		padding:15px 20px;
	}
}
@media all and (max-width:940px){
	.boardWriteWr { 
		margin:0 20px;
	}
}
@media all and (max-width:599px){
	.boardWriteWr .brdwTit { 
		margin:0 0 20px;
		font-size:22px;
	}
	.boardWriteWr .brdwConBox input.brdwInputArea, 
	.boardWriteWr .brdwConBox .brdwInputArea.selArea .selTxt { 
		padding:15px;
		font-size:14px;
	}
	.boardWriteWr .brdwConBox .brdwInputArea.selArea .optionBox .optVal,
	.boardWriteWr .brdwVoteBox .voteAddBtn { 
		height: 42px; 
		font-size:14px;
	}
	.boardWriteWr .brdwConBox .brdwInputArea.txtArea textarea,
	.boardWriteWr .brdwVoteBox .brdwVoteTit { 
		font-size:14px; 
	}
	.boardWriteWr .brdwVoteBox { 
		padding:15px;
	}
}
/* 게시판 글쓰기 스킨 끝
------------------------------------------------------ */
/* 게시판 보기 스킨 시작
------------------------------------------------------ */
.boardViewWr { 
	max-width: 900px; 
	margin:0 auto;
}
.boardViewWr .brdvTit { 
	margin:0 0 50px;
	padding:0 0 6px;
	border-bottom:1px solid #DDD;
	font-weight:500;
	font-size:32px;
	color: #000;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.boardViewWr .writerInfo { 
	position:relative; 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	gap:10px;
	min-height: 28px;
	margin:0 0 30px;
	padding:0 0 0 36px;
}
.boardViewWr .writerInfo .imgBox { 
	position:absolute; 
	width: 28px;
	height: 28px;
	top:0;
	left:0;
	border-radius: 50%;
}
.boardViewWr .writerInfo .imgBox img { 
	max-width: 100%; 
}
.boardViewWr .writerInfo > * { 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	gap:8px;
}
.boardViewWr .writerInfo .name { 
	display:block; 
	font-weight:500;
	font-size:18px;
	color:#333;
}
.boardViewWr .writerInfo .time { 
	position:relative; 
	padding:0 0 0 10px;
	font-weight:500;
	font-size:16px;
	color: #666;
}
.boardViewWr .writerInfo .time:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
	background: #666;
}
.boardViewWr .writerInfo .stat { 
	display:block; 
	font-weight:500;
	font-size:14px;
	color:#999;
}
.boardViewWr .writerInfo .notifyBtn { 
	position:relative; 
	display:block; 
	width: 4px;
	height: 14px;
	font-size:0;
}
.boardViewWr .writerInfo .notifyBtn:before,
.boardViewWr .writerInfo .notifyBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	left:0;
	border-radius: 50%;
	background: #666;
}
.boardViewWr .writerInfo .notifyBtn:before { 
	top:0; 
}
.boardViewWr .writerInfo .notifyBtn:after { 
	bottom:0; 
}
.boardViewWr .writerInfo .notifyBtn .circle { 
	position:absolute; 
	display:block; 
	width: 4px;
	height: 4px;
	top:50%;
	left:0;
	margin:-2px 0 0;
	background: #666;
	border-radius: 50%;
}
.boardViewWr .writerInfo .notifyTxt { 
	position:absolute; 
	display:none; 
	top:100%;
	right:0;
	padding:8px;
	border-radius: 5px;
	background: #FFF;
	border:1px solid #E0E0E0;
} 
.boardViewWr .writerInfo .notifyTxt .notifyTxtBtn { 
	font-size:14px;
	color: #333;
}
.boardViewWr .brdvConBox > .tit { 
	margin:0 0 12px;
	font-weight:500;
	font-size:26px;
	color:#000;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;	 
}
.boardViewWr .brdvConBox > .txt { 
	font-weight:500;
	font-size:18px;
	color:#666;
}
.boardViewWr .brdvConBox .voteBox { 
	padding:23px;
	border-radius: 10px;
	border:1px solid #DDD;
}
.boardViewWr .brdvConBox .voteBox .voteTit { 
	margin:0 0 18px;
	padding:0 0 18px;
	border-bottom:1px solid #DDD;
	font-size:18px;
	color: #111;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;	 	 
}
.boardViewWr .brdvConBox .voteBox .voteStit { 
	margin:0 0 8px;
	font-size:16px;
	color:#666;
}
.boardViewWr .brdvConBox .voteBox .voteArea { 
	position:relative;
	width: 100%;
	padding:32px 24px;
	border:1px solid #DDD;
	border-radius: 5px;
	font-size:18px;
	transition:all .3s ease;
}
.boardViewWr .brdvConBox .voteBox .voteArea .voteIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
}
.boardViewWr .brdvConBox .voteBox .voteArea .imgBox { 
	position:absolute; 
	width: 60px;
	height: 60px;
	top:50%;
	right:23px;
	margin:-30px 0 0;
	border-radius: 5px;
	overflow:hidden;
}
.boardViewWr .brdvConBox .voteBox .voteArea .imgBox img { 
	position:absolute; 	
	max-width: 80%; 
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.boardViewWr .brdvConBox .voteBox .voteArea + .voteArea { 
	margin:10px 0 0;
}
.boardViewWr .brdvConBox .voteBox .voteArea.on { 
	background: #ECF4FF;
	border-color:#0067FF;	
}
.boardViewWr .brdvConBox .voteBox .voteBtn { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 60px;
	margin:20px 0 0;
	background: #EFEFEF;
	border-radius: 5px;
	font-weight:500;
	font-size:16px;
	color:#999;
	transition:all .3s ease;
}
.boardViewWr .brdvConBox .voteBox .voteBtn.on { 	 
	background: #0067FF;
	color:#FFF;
}
.boardViewWr .brdvConBox .voteBox .voteNum { 
	margin:20px 0 0;
	font-size:16px;
	color:#666;
}
.boardViewWr .brdvConBox .brdvImgBox { 
	padding:20px;
	border:1px solid #DDD;
	border-radius: 5px;
	font-size:0; 
	text-align: center;
}
.boardViewWr .brdvConBox .brdvImgBox img { 
	width: 100%; 
}
.boardViewWr .replyBox .topBox { 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 50px;
}
.boardViewWr .replyBox .replyBtnLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:21px;
}
.boardViewWr .replyBox .replyBtnLst .replyBtn { 
	display:flex; 
	align-items:center; 
	gap:7px;
	font-weight:500;
	font-size:18px;
	color:#999;
}
.boardViewWr .replyBox .replyBtnLst .replyBtn:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	background-repeat:no-repeat;
	background-size:cover;
}
.boardViewWr .replyBox .replyBtnLst .replyBtn.st_good:before { 
	background-image: url(/Form/_guest/lang_ko/images/replyIcoGood.png);
}
.boardViewWr .replyBox .replyBtnLst .replyBtn.st_bad:before { 
	background-image: url(/Form/_guest/lang_ko/images/replyIcoBad.png);
}
.boardViewWr .replyBox .replyBtnLst .replyBtn.st_reply:before { 
	background-image: url(/Form/_guest/lang_ko/images/replyIcoReply.png);
}
.boardViewWr .replyBox .shareBtnLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:8px;
	font-size:0;
}
.boardViewWr .replyBox .shareBtnLst li { 
	position:relative; 
}
.boardViewWr .replyBox .shareBtnLst .shareBtn:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.boardViewWr .replyBox .shareBtnLst .shareBtn.st_bm:before { 
	background-image: url(/Form/_guest/lang_ko/images/shareIcoBm_off.png);
}
.boardViewWr .replyBox .shareBtnLst .shareBtn.st_bm:hover:before,
.boardViewWr .replyBox .shareBtnLst .shareBtn.st_bm:focus:before,
.boardViewWr .replyBox .shareBtnLst .shareBtn.st_bm.on:before { 
	background-image: url(/Form/_guest/lang_ko/images/shareIcoBm_on.png);
}
.boardViewWr .replyBox .shareBtnLst .shareBtn.st_sh:before { 
	background-image: url(/Form/_guest/lang_ko/images/shareIcoSh_off.png);
}
.boardViewWr .replyBox .shareBtnLst .shareBtn.st_sh:focus:before,
.boardViewWr .replyBox .shareBtnLst .shareBtn.st_sh:hover:before,
.boardViewWr .replyBox .shareBtnLst .shareBtn.st_sh.on:before { 
	background-image: url(/Form/_guest/lang_ko/images/shareIcoSh_on.png);
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox { 
	position:absolute; 
	display:none; 
	width: 263px;
	top:100%;
	right:0;
	background: #FFF;
	border-radius: 5px;
	border:1px solid #DDD;
	z-index:2;
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox { 
	position:relative; 
	padding:23px 40px 23px 23px;
	border-bottom:1px solid #DDD;
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox .smbTit { 
	font-weight:500;
	font-size:14px;
	color: #666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox .smbClose { 
	position:absolute; 
	display:block; 
	width: 12px;
	height: 12px;
	top:50%;
	right:23px;
	margin:-6px 0 0;
	font-size:0;
	overflow:hidden;
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox .smbClose:before,
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox .smbClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -10px;
	background: #666;
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox .smbClose:before { 
	transform:rotate(45deg); 
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox .smbClose:after { 
	transform:rotate(-45deg); 
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbLstBox ul { 
	display:flex; 
	flex-wrap:wrap; 
	padding:18px 23px 15px;
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbLstBox ul li { 
	width: 33.333%; 
	text-align: center;
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbLstBox ul li .ico { 
	display:inline-block; 
	width: 34px;
	margin:0 auto 4px;
	font-size:0;
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbLstBox ul li .ico img { 
	max-width: 100%; 
}
.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbLstBox ul li .txt { 
	font-size:14px;
	color:#666;
}
.boardViewWr .replyBox .replyNum { 
	margin:0 0 16px;
	padding:0 0 18px;
	border-bottom:1px solid #DDD;
	font-weight:500;
	font-size:16px;
	color:#111;
}
.boardViewWr .replyBox .replyArea { 
	position:relative; 
	margin:0 0 18px;
	padding:0 0 16px 37px;
	border-bottom:1px solid #DDD;
}
.boardViewWr .replyBox .replyArea .imgBox { 
	position:absolute; 
	width: 28px;
	height: 28px;
	top:0;
	left:0;
	border:1px solid #DDD;
	border-radius: 50%;
	font-size:0;
	overflow:hidden;
}
.boardViewWr .replyBox .replyArea .imgBox img { 
	max-width: 100%; 
}
.boardViewWr .replyBox .replyArea .userInfo { 
	position:relative; 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	gap:8px;
	margin:0 0 10px;
	padding:0 10px 0 0;
}
.boardViewWr .replyBox .replyArea .userInfo .name { 
	font-weight:500;
	font-size:18px;
	color: #333;
}
.boardViewWr .replyBox .replyArea .userInfo .time { 
	position:relative; 
	padding:0 0 0 9px;
	font-weight:500;
	font-size:16px;
	color:#666;
}
.boardViewWr .replyBox .replyArea .userInfo .time:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
	background: #666;
}
.boardViewWr .replyBox .replyArea .userInfo .replyNotifyBtn { 
	position:absolute; 
	display: block;
    width: 4px;
    height: 14px;
	top:50%;
	right:0;
	margin:-7px 0 0;
    font-size: 0;
}
.boardViewWr .replyBox .replyArea .userInfo .replyNotifyBtn:before,
.boardViewWr .replyBox .replyArea .userInfo .replyNotifyBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;	
	left:0;
	background: #666;
	border-radius: 50%;
}
.boardViewWr .replyBox .replyArea .userInfo .replyNotifyBtn:before { 
	top:0; 
}
.boardViewWr .replyBox .replyArea .userInfo .replyNotifyBtn:after { 
	bottom:0; 
}
.boardViewWr .replyBox .replyArea .userInfo .replyNotifyBtn span { 
	position:absolute; 
	display:block; 
	width: 4px;
	height: 4px;
	top:50%;
	left:0;
	margin:-2px 0 0;
	background: #666;
	border-radius: 50%;
}
.boardViewWr .replyBox .replyArea .userInfo .replyNotifyBox { 
	position: absolute;
    display: none;
    top: 100%;
    right: 0;
    padding: 8px;
    border-radius: 5px;
    background: #FFF;
    border: 1px solid #E0E0E0; 
}
.boardViewWr .replyBox .replyArea .userInfo .replyNotifyBox .replyNotifyCon { 
	font-size: 14px;
    color: #333; 
}
.boardViewWr .replyBox .replyArea .replyCon { 
	margin:0 0 13px;
	font-weight:500;
	font-size:14px;
	color:#666;
}
.boardViewWr .replyBox .replyArea .replyInfo { 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	gap:20px;
}
.boardViewWr .replyBox .replyArea .replyInfo .heart { 
	display:block; 
	width: 18px;
	height: 18px;
	background:url(/Form/_guest/lang_ko/images/comIcoHeart_off.png) no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.boardViewWr .replyBox .replyArea .replyInfo .heart.on { 
	background-image: url(/Form/_guest/lang_ko/images/comIcoHeart_on.png);
}
.boardViewWr .replyBox .replyArea .replyInfo .txt { 
	display:block; 
	font-weight:500;
	font-size:14px;
	color:#999;
}
.boardViewWr .replyBox .replyArea.noreply { 
	padding-top:4px;
}
.boardViewWr .replyBox .replyArea.noreply .replyCon { 
	margin:0;
}
.boardViewWr .replyBox .rereplyArea { 
	margin:0 0 18px;
	padding:0 0 0 36px;
}
.boardViewWr .replyBox .rereplyArea .rereplyBox { 
	padding:16px 24px;
	border:1px solid #DDD;
	border-radius: 5px;
}
.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyTit { 
	margin:0 0 11px;
	font-weight:500;
	font-size:18px;
	color:#000;
}
.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyInput { 
	display:block; 
	width: 100%;
	padding:8px;
	font-weight:500;
	font-size:14px;
	color:#111;
}
.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyInput::placeholder { 
	color: #999; 
}
.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra { 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
}
.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .lBox { 
	position:relative; 
}
.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .rereplyFile { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .rereplyLbl { 
	display:block; 
	width: 24px; 
	height: 24px;
	background:url(/Form/_guest/lang_ko/images/comIcoCamera.png) no-repeat;
	background-size:cover;
}
.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .rereplyBtnLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:20px;
}
.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .rereplyBtnLst .rereplyBtn { 
	font-weight:500;
	font-size:16px;
	color:#666;
}
.boardViewWr .replyBox .rereplyArea.noPadding { 
	padding:0;
}
@media all and (max-width:1199px){
	.boardViewWr .brdvTit { 
		margin:0 0 40px;
		font-size:29px;
	}
	.boardViewWr .writerInfo { 
		min-height: 25px; 
		margin:0 0 25px;
	}
	.boardViewWr .writerInfo .imgBox { 
		width: 25px; 
		height: 25px;
	}
	.boardViewWr .writerInfo .name { 
		font-size:17px; 
	}
	.boardViewWr .writerInfo .time { 
		font-size:15px; 
	}
	.boardViewWr .brdvConBox > .tit { 
		margin:0 0 10px;
		font-size:23px;	 
	}
	.boardViewWr .brdvConBox > .txt { 
		font-size:17px;
	}
	.boardViewWr .brdvConBox .voteBox { 
		padding:20px;
	}
	.boardViewWr .brdvConBox .voteBox .voteTit { 
		margin:0 0 15px;
		padding:0 0 15px;
		font-size:17px;
	}
	.boardViewWr .brdvConBox .voteBox .voteStit { 
		font-size:15px; 
	}
	.boardViewWr .brdvConBox .voteBox .voteArea { 
		padding:20px;
		font-size:17px;
	}
	.boardViewWr .brdvConBox .voteBox .voteBtn { 
		height: 50px;
		margin:15px 0 0;
		font-size:15px;
	}
	.boardViewWr .brdvConBox .voteBox .voteArea .imgBox { 
		width: 40px; 
		height: 40px;
		right:15px;
		margin:-20px 0 0;
	}
	.boardViewWr .brdvConBox .voteBox .voteNum { 
		margin:15px 0 0;
		font-size:15px;
	}
	.boardViewWr .replyBox .topBox { 
		margin:0 0 40px;
	}
	.boardViewWr .replyBox .replyBtnLst .replyBtn:before,
	.boardViewWr .replyBox .shareBtnLst .shareBtn:before { 
		width: 18px; 
		height: 18px;
	}
	.boardViewWr .replyBox .replyBtnLst { 
		gap:15px; 
	}
	.boardViewWr .replyBox .replyBtnLst .replyBtn { 
		gap:5px;
		font-size:17px;
	}
	.boardViewWr .replyBox .shareBtnLst { 
		gap:5px; 
	}
	.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox { 
		padding:15px 30px 15px 15px;
	}
	.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox .smbClose { 
		right:15px; 
	}
	.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbLstBox ul { 
		padding:15px;
	}
	.boardViewWr .replyBox .replyNum { 
		margin:0 0 15px;
		padding:0 0 15px;
		font-size:15px; 
	}
	.boardViewWr .replyBox .replyArea { 
		margin:0 0 15px;
		padding:0 0 15px 32px;
	}
	.boardViewWr .replyBox .replyArea .imgBox { 
		width: 25px; 
		height: 25px;
	}
	.boardViewWr .replyBox .replyArea .userInfo { 
		margin:0 0 8px;
	}
	.boardViewWr .replyBox .replyArea .userInfo .name { 
		font-size:17px; 
	}
	.boardViewWr .replyBox .replyArea .userInfo .time { 
		font-size:15px; 
	}
	.boardViewWr .replyBox .replyArea .replyCon { 
		margin:0 0 10px;
	}
	.boardViewWr .replyBox .replyArea .replyInfo { 
		gap:10px; 
	}
	.boardViewWr .replyBox .replyArea .replyInfo .heart { 
		width: 16px; 
		height: 16px;
	}
	.boardViewWr .replyBox .replyArea.noreply { 
		padding-top:3px;
	}
	.boardViewWr .replyBox .rereplyArea { 
		margin:0 0 15px;
		padding:0 0 0 32px;
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox { 
		padding:15px 20px;
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyTit { 
		margin:0 0 8px;
		font-size:17px;
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .rereplyLbl { 
		width: 22px; 
		height: 22px;
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .rereplyBtnLst { 
		gap:10px; 
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .rereplyBtnLst .rereplyBtn { 
		font-size:15px; 
	}
}
@media all and (max-width:999px){
	.boardViewWr .brdvTit { 
		margin:0 0 30px;
		font-size:26px;
	}
	.boardViewWr .writerInfo { 
		min-height: 22px; 
		margin:0 0 20px;
		padding:0 0 0 30px;
	}
	.boardViewWr .writerInfo .imgBox { 
		width: 22px; 
		height: 22px;
	}
	.boardViewWr .writerInfo .name { 
		font-size:16px; 
	}
	.boardViewWr .writerInfo .time { 
		font-size:14px; 
	}
	.boardViewWr .brdvConBox > .tit { 
		font-size:21px;	 
	}
	.boardViewWr .brdvConBox > .txt { 
		font-size:16px;
	}
	.boardViewWr .brdvConBox .voteBox .voteTit { 
		font-size:16px; 
	}
	.boardViewWr .brdvConBox .voteBox .voteStit { 
		font-size:14px; 
	}
	.boardViewWr .brdvConBox .voteBox .voteArea { 
		padding:15px;
		font-size:16px;
	}
	.boardViewWr .brdvConBox .voteBox .voteBtn { 
		height: 40px; 
		font-size:14px;
	}
	.boardViewWr .brdvConBox .voteBox .voteArea .imgBox { 
		width: 30px; 
		height: 30px;
		right:10px;
		margin:-15px 0 0;
	}
	.boardViewWr .brdvConBox .voteBox .voteNum { 
		font-size:14px; 
	}
	.boardViewWr .replyBox .topBox { 
		margin:0 0 30px;
	}
	.boardViewWr .replyBox .replyBtnLst .replyBtn:before,
	.boardViewWr .replyBox .shareBtnLst .shareBtn:before { 
		width: 16px; 
		height: 16px;
	}
	.boardViewWr .replyBox .replyBtnLst { 
		gap:10px; 
	}
	.boardViewWr .replyBox .replyBtnLst .replyBtn { 
		font-size:16px;
	}
	.boardViewWr .replyBox .replyNum { 
		margin:0 0 10px;
		padding:0 0 10px;
		font-size:14px; 
	}
	.boardViewWr .replyBox .replyArea .imgBox { 
		width: 22px; 
		height: 22px;
	}
	.boardViewWr .replyBox .replyArea .userInfo .name { 
		font-size:16px; 
	}
	.boardViewWr .replyBox .replyArea .userInfo .time { 
		font-size:14px; 
	}
	.boardViewWr .replyBox .replyArea.noreply { 
		padding-top:1px;
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox { 
		padding:15px;
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyTit { 
		font-size:16px; 
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .rereplyLbl { 
		width: 20px; 
		height: 20px;
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyExtra .rereplyBtnLst .rereplyBtn { 
		font-size:14px; 
	}
}
@media all and (max-width:940px){
	.boardViewWr { 
		margin:0 20px;
	}
}
@media all and (max-width:599px){
	.boardViewWr .brdvTit { 
		margin:0 0 20px;
		font-size:22px;
	}
	.boardViewWr .writerInfo { 
		gap:8px; 
	}
	.boardViewWr .writerInfo > * { 
		width: 100%; 
	}
	.boardViewWr .writerInfo .rBox { 
		justify-content:space-between; 
	}
	.boardViewWr .writerInfo .notifyTxt { 
		top:100%; 
	}
	.boardViewWr .brdvConBox > .tit { 
		font-size:18px;	 
	}
	.boardViewWr .brdvConBox > .txt { 
		font-size:15px;
	}
	.boardViewWr .brdvConBox .voteBox { 
		padding:15px;
	}
	.boardViewWr .brdvConBox .voteBox .voteTit { 
		margin:0 0 10px;
		padding:0 0 10px;
		font-size:15px;
	}
	.boardViewWr .brdvConBox .voteBox .voteArea { 
		padding:10px;
		font-size:15px;
	}
	.boardViewWr .brdvConBox .voteBox .voteArea .imgBox { 
		width: 20px; 
		height: 20px;
		margin:-10px 0 0;
	}
	.boardViewWr .brdvConBox .voteBox .voteBtn,
	.boardViewWr .brdvConBox .voteBox .voteNum { 
		margin:10px 0 0;
	}
	.boardViewWr .replyBox .topBox { 
		margin:0 0 20px;
	}
	.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox { 
		padding:10px 20px 10px 10px;
	}
	.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbTopBox .smbClose { 
		width: 10px;
		height: 10px;
		right:10px; 
		margin:-5px 0 0;
	}
	.boardViewWr .replyBox .shareBtnLst .shareMenuBox .smbLstBox ul { 
		padding:10px;
	}
	.boardViewWr .replyBox .replyBtnLst .replyBtn { 
		font-size:14px;
	}
	.boardViewWr .replyBox .replyArea .imgBox { 
		width: 19px; 
		height: 19px;
	}
	.boardViewWr .replyBox .replyArea .userInfo .name {  
		font-size:15px; 
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox { 
		padding:10px;
	}
	.boardViewWr .replyBox .rereplyArea .rereplyBox .rereplyTit { 
		margin:0 0 5px;
		font-size:15px; 
	}
}
/* 게시판 보기 스킨 끝
------------------------------------------------------ */
/* 공통 페이징 시작
------------------------------------------------------ */
.comPaging { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:center; 
	gap:8px;
}
.comPaging > * { 
	position: relative;
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width: 36px;
	height: 36px;
	background: #FFF;
	border-radius: 5px;
	border:1px solid #E0E0E0;
	font-weight:500;
	font-size:14px;
	color:#111;
}
.comPaging .active { 
	color: #0067FF; 
}
.comPaging .arrow:before { 
	position:absolute;
	box-sizing:border-box;
	display:block;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:12px;
}
.comPaging .arrow.first:before { 
	content:"<<" 
}
.comPaging .arrow.prev:before { 
	content:"<" 
}
.comPaging .arrow.next:before { 
	content:">" 
}
.comPaging .arrow.last:before { 
	content:">>" 
}
@media all and (max-width:999px){
	.comPaging > * { 
		width: 32px; 
		height: 32px;
		font-size:13px;
	}
	.comPaging .arrow:before { 
		font-size:11px; 
	}
}
@media all and (max-width:599px){
	.comPaging { 
		gap:5px; 
	}
	.comPaging > * { 
		width: 30px; 
		height: 30px;
		font-size:12px;
	}
	.comPaging .arrow:before { 
		font-size:10px; 
	}
}
/* 공통 페이징 끝
------------------------------------------------------ */