@charset "utf-8";

/* 메인 시작
------------------------------------------------------ */
.mBnrWr { 
	position:relative;
	margin:90px 0 88px;
	padding:308px 0 0;
	background:url(/Form/_web/images/mBnrBg01.png) no-repeat center / cover;
}
.mBnrWr:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 32px;
	bottom: 0;
	left: 0;
	background: #0A0A0A;
	z-index: 0;
}
.mBnrWr .tit01 { 
	margin:0 0 275px;
	font-family: SBAggro;
	font-weight: 500;
	font-size: 64px;
	line-height: 1.4;
	letter-spacing: 0;
	color: #FFF;
	text-shadow:0 2px 6px rgba(0,0,0,.24);
}
.mBnrWr .btnBox { 
	position:relative;
	display:flex;
	gap:24px;
	z-index: 1;
}
.mBnrWr .btnBox .btn { 
	position:relative;
	display:block; 
	width: calc((100% - 24px)/2);
	background: #FFF;
	border-radius: 1000px;
	box-shadow:0 2px 6px 0 rgba(191, 191, 191, .25);
	overflow: hidden;
}
.mBnrWr .btnBox .btn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	opacity: 0;
	transition:all .3s ease;
}
.mBnrWr .btnBox .btn span {
	position:relative;
	display:block;
	width: 100%;
	padding:19px;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #121520;
	z-index: 1;
}
.mBnrWr .btnBox .btn:focus:before,
.mBnrWr .btnBox .btn:hover:before,
.mBnrWr .btnBox .btn.on:before {
	opacity: 1;
}
.mEventWr { 
	margin:0 0 105px;
}
.mEventWr .inner { 
	display:flex;
	flex-wrap:wrap;
}
.mEventWr .lnk { 
	position:relative;
	display:block;
	width: 33.333%;
	padding:32px 65px 29px 32px;
	background-repeat:no-repeat;
	background-size:cover;
	overflow: hidden;
}
.mEventWr .lnk:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:1px;
	background:rgba(255,255,255,.3);
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
	transition:all .3s ease;	
}
.mEventWr .lnk span { 
	position:relative;
	display:block;
	z-index: 1;
}
.mEventWr .lnk .lnkIco { 
	margin:0 0 21px;
	font-size: 0;
}
.mEventWr .lnk .lnkIco img { 
	max-width: 100%;
}
.mEventWr .lnk .lnkTxt01 { 
	font-weight: 500;
	font-size: 20px;
	color: #FFF;
}
.mEventWr .lnk .lnkArrow { 
	position:absolute;
	top: 50%;
	right: 33px;
	transform:translateY(-50%);
	font-size: 0;
	transition:all .3s ease;
}
.mEventWr .lnk .lnkArrow img { 
	max-width: 100%;
}
.mEventWr .lnk:focus:before,
.mEventWr .lnk:hover:before { 
	padding:4px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
}
.mEventWr .lnk:focus .lnkArrow,
.mEventWr .lnk:hover .lnkArrow { 
	right: 28px;
}
.mEventWr .lnk:first-child { 
	background-image:url(/Form/_web/images/mEventLnk01_bg01.png);
}
.mEventWr .lnk:nth-child(2) { 
	background-image:url(/Form/_web/images/mEventLnk01_bg02.png);
}
.mEventWr .lnk:last-child { 
	background-image:url(/Form/_web/images/mEventLnk01_bg03.png);
}
.mScheduleWr .cateBox01 {
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	margin:0 0 40px;
}
.mScheduleWr .cateBox01 .btnCate { 
	flex-shrink:0;
	display:block;
	min-width: 80px;
	padding:7px 7px 8px;
	border-radius: 100px;
	background: #262940;
	font-weight: 500;
	font-size: 15px;
	color: #EDEDED;
}
.mScheduleWr .cateBox01 .btnCate.on { 
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	font-weight: 700;
	color: #212121;
}
.mScheduleWr .scheduleSwipeBox { 
	position:relative;
}
.mScheduleWr .schduleSwipe { 
	overflow: hidden;
}
.mScheduleWr .swiper-slide { 
	padding:21px 24px 22px;
	background: linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 35px;
	box-shadow:0 2px 6px 0 rgba(191, 191, 191, .25);
}
.mScheduleWr .swiper-slide:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    inset: 2px;
    background: #171622;
    border-radius: 33px;
}
.mScheduleWr .swiper-slide > * { 
	position:relative; 
	z-index: 1;
}
.mScheduleWr .tit01 { 
	margin:0 0 9px;
	font-weight: 700;
	font-size: 18px;
	color: #FFF;
	word-break:break-all;
}
.mScheduleWr .date01 { 
	position:relative;
	margin:0 0 11px;
	padding:0 0 0 21px;
	font-weight: 500;
	font-size: 15px;
	color: #CCD1F2;
}
.mScheduleWr .date01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 3px;
	left: 1px;
	background:url(/Form/_web/images/mScheduleDate01.svg) no-repeat center / cover;
}
.mScheduleWr .numBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:5px;
	margin:0 0 24px;
	padding:10px 17px 11px;
	background:linear-gradient(to right, #421C61, #2B5A60);
	border-radius: 5px;
}
.mScheduleWr .num01 { 
	position:relative;
	padding:0 0 0 25px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.mScheduleWr .num01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 15px;
	height: 15px;
	top: 3px;
	left: 0;
	background:url(/Form/_web/images/mScheduleNum01.svg) no-repeat center / cover;
}
.mScheduleWr .eng01 { 
	font-size: 13px;
	color: #DBDBDB;
}
.mScheduleWr .lnk01 { 
	position:relative; 
	display:block;
	width: 100%;
	padding:11px 10px 10px;
	background:linear-gradient(to bottom, #2F2E3E, #272345);
	border-radius: 5px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
	overflow: hidden;
}
.mScheduleWr .lnk01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:1px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 5px;
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.mScheduleWr .lnk01:focus,
.mScheduleWr .lnk01:hover {
	color: #CAC0F5;
}
.mScheduleWr .schduleArrow { 
	position:absolute; 
	display:block;
	width: 42px;
	height: 42px;
	top: 50%;
	margin:-21px 0 0;
	background: #010717;
	border:1px solid #333437;
	border-radius: 50%;
	box-shadow:0 2px 6px 0 rgba(191, 191, 191, .25);
	z-index: 1;
}
.mScheduleWr .schduleArrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
}
.mScheduleWr .schduleArrow.stPrev { 
	left: -21px;
}
.mScheduleWr .schduleArrow.stPrev:before { 
	margin:-6px 0 0 -3px;
	transform:rotate(-135deg);
}
.mScheduleWr .schduleArrow.stNext { 
	right: -21px;
}
.mScheduleWr .schduleArrow.stNext:before { 
	margin:-6px 0 0 -9px;
	transform:rotate(45deg);
}
.mRankingWr {
	position:relative;
	padding:202px 0 0;
	overflow: hidden;
}
.mRankingWr .opaTit01,
.mRankingWr .opaTit02 {
	position:absolute;
	left: 50%;
	transform:translateX(-50%);
	font-size: 0;
}
.mRankingWr .opaTit01 { 
	top: 167px;
}
.mRankingWr .opaTit02 { 
	top: 255px;
}
.mRankingWr .rankTit01 {	
	padding:0 16px;
	font-weight: 700;
	font-size: 64px;
	text-align: center;	
}
.mRankingWr .rankTit01 span { 
	background: linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.mRankingWr .rankBox {
	padding:206px 0 120px;
	background:url(/Form/_web/images/mRankingBg01.png) no-repeat center bottom / cover;
	text-align: center;
}
.mRankingWr .rankTit02 { 
	position:relative;
	display:inline-block;
	margin:0 0 60px;
	padding:0 0 26px;
	font-family: GangwonEducationTteontteon;
	font-weight: 400;
	font-size: 40px;
	color: #FFF;
}
.mRankingWr .rankTit02:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
}
.mRankingWr .rankTit02 .titIco {
	display:block;
	margin:0 0 25px;
	font-size: 0;
}
.mRankingWr .rankTit02 .titIco img { 
	max-width: 100%;
}
.mRankingWr .cateBox01 { 
	display:flex;
	gap:24px;
	margin:0 0 40px;
}
.mRankingWr .cateBox01 .btnCate { 
	position:relative;
	display:block; 
	width: calc((100% - 24px)/2);
	padding:20px;
	background:rgba(255,255,255,.4);
	border-radius: 1000px;
	box-shadow:0 2px 6px 0 rgba(191, 191, 191, .25);
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;	
	color: #FFF;
	overflow: hidden;
}
.mRankingWr .cateBox01 .btnCate.on { 
	background:linear-gradient(to right, #4F3770, #506574, #832D4F);
}
.mRankingWr .cateBox01 .btnCate.on:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:3px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 1000px;
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.mRankingWr .cateBox02 {
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	margin:0 0 40px;
}
.mRankingWr .cateBox02 .btnCate { 
	flex-shrink:0;
	display:block;
	min-width: 80px;
	padding:7px 7px 8px;
	border-radius: 100px;
	background: #262940;
	font-weight: 500;
	font-size: 15px;
	color: #EDEDED;
}
.mRankingWr .cateBox02 .btnCate.on { 
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	font-weight: 700;
	color: #212121;
}
.mRankingWr .rankLst01 { 
	margin:0 0 60px;
}
.mRankingWr .rankLst01 > li { 
	display:flex;
	background: #141414;
	margin:0 0 12px;
	text-align: left;
}
.mRankingWr .rankLst01 > li:last-child { 
	margin:0;
}
.mRankingWr .rankLst01 .lstTxtBox { 
	width: 345px;
}
.mRankingWr .rankLst01 .lstImgBox { 
	flex-shrink:0;
	position:relative;
	width: 164px;
	height: 250px;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
}
.mRankingWr .rankLst01 .lstImgBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:3px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 5px 0 0 5px;
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
	z-index: 1;
}
.mRankingWr .rankLst01 .lstImgBox img { 
	position:absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.mRankingWr .rankLst01 .lstCon { 
	flex-grow:1;
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	min-width: 0;
	padding:24px 0 0 24px;
}
.mRankingWr .rankLst01 .lstGrade01 { 
	display:inline-block;
	margin:0 0 9px;
	padding:6px 14px 5px;
	background:linear-gradient(45deg, #403772, #3F6672, #71284C);
	font-weight: 500;
	font-size: 14px;
	color: #FFF;
}
.mRankingWr .rankLst01 .lstName01 { 
	margin:0 0 20px;
	font-weight: 700;
	font-size: 18px;
	color: #FFF;
}
.mRankingWr .rankLst01 .lstName01 span { 
	margin:0 0 0 20px;
	font-weight: 500;
	font-size: 15px;
	color: #CAC0F5;
}
.mRankingWr .rankLst01 .lstTit01 { 
	margin:0 0 8px;
	font-size: 14px;
	color: #FFFB92;
}
.mRankingWr .rankLst01 .sLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.mRankingWr .rankLst01 .sLst01 li { 
	position:relative;
	width: calc((100% - 8px)/2);
	padding:0 0 0 6px;
	font-size: 14px;
	color: #CDCDCD;
}
.mRankingWr .rankLst01 .sLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 9px;
	left: 0;
	background: #CDCDCD;
	border-radius: 50%;
}
.mRankingWr .rankLst01 .lstGradeDl { 
	flex-shrink:0;
	width: 230px;
	padding:12px;
	background:rgba(98, 54, 255, .2);
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	color: #FFF;
}
.mRankingWr .rankLst01 .lstGradeDl dt { 
	margin:0 0 18px;
}
.mRankingWr .rankLst01 .lstGradeDl dd span { 
	font-weight: 500;
}
.mRankingWr .rankMoreView {
	position:relative; 
	display:inline-block;
	padding:10px 56px 12px 23px;
	border:1px solid #FFF;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 16px;
	color: #FFF;
}
.mRankingWr .rankMoreView:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 15px;
	right: 32px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	transform:rotate(45deg);
	transition:all .3s ease;
}
.mRankingWr .rankMoreView:focus:after,
.mRankingWr .rankMoreView:hover:after { 
	right: 27px;
}
.mRankingWr .rankBtmBox { 
	margin:120px 0 0;
	text-align: center;
}
.mRankingWr .rankBtmBox .viewMore { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:14px;
	padding:15px 31px 14px;
	border:1px solid #FFF;
	border-radius: 100px;
	transition:all .3s ease;
}
.mRankingWr .rankBtmBox .viewMore span { 
	display:block;
}
.mRankingWr .rankBtmBox .viewMore .plus { 
	position:relative; 
	width: 18px;
	height: 18px;
}
.mRankingWr .rankBtmBox .viewMore .plus:before,
.mRankingWr .rankBtmBox .viewMore .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;
	border-radius: 4px;
}
.mRankingWr .rankBtmBox .viewMore .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.mRankingWr .rankBtmBox .viewMore .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.mRankingWr .rankBtmBox .viewMore .btnTxt01 { 
	font-weight: 700;
	font-size: 18px;
	color: #FFF;
}
.mRankingWr .rankBtmBox .viewMore:focus,
.mRankingWr .rankBtmBox .viewMore:hover { 
	background: #7C63DE;
	border-color:#7C63DE;
}
.mInterviewWr { 
	padding:123px 0 120px;
	background: url(/Form/_web/images/mInterviewBg01.png) no-repeat center / cover;
}
.mInterviewWr .ivTit01 { 
	margin:0 0 26px;
	padding:0 16px;
	font-family: GangwonEducationTteontteon;
	font-weight: 400;
	font-size: 40px;
	text-align: center;
	color: #FFF;
}
.mInterviewWr .ivSwipeBox {
	position:relative;
}
.mInterviewWr .ivSwipe { 
	overflow: hidden;
}
.mInterviewWr .ivSwipe .arrowBox { 
	position:relative;
}
.mInterviewWr .ivSwipe .imgBox {
	position:relative;
	padding:54.29% 0 0;
	border-radius: 40px;
	font-size: 0;
	overflow: hidden;
}
.mInterviewWr .ivSwipe .imgBox:before,
.mInterviewWr .ivSwipe .conBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:4px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 40px;
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.mInterviewWr .ivSwipe .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.mInterviewWr .ivSwipe .ivSwipeArrow {
	position:absolute;
	display:none;
	width: 54px;
	height: 54px;
	top: 50%;
	margin:-27px 0 0;
	border-radius: 50%;
	background: #FFF;
	border:1px solid #F0F0F0;
	box-shadow:0 2px 6px rgba(191, 191, 191, .25);
}
.mInterviewWr .ivSwipe .ivSwipeArrow:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	border-top:3px solid #303F9F;
	border-right:3px solid #303F9F;
}
.mInterviewWr .ivSwipe .ivSwipeArrow.stPrev { 
	left: -27px;
}
.mInterviewWr .ivSwipe .ivSwipeArrow.stPrev:before { 
	margin:-8px 0 0 -5px;
	transform:rotate(-135deg);
}
.mInterviewWr .ivSwipe .ivSwipeArrow.stNext { 
	right: -27px;
}
.mInterviewWr .ivSwipe .ivSwipeArrow.stNext:before { 
	margin:-8px 0 0 -11px;
	transform:rotate(45deg);
}
.mInterviewWr .ivSwipe .conBox { 
	position:relative;
	display:none;
	margin:40px 0 0;
	padding:29px 33px 32px;
	background:#010717;
	border-radius: 40px;
}
.mInterviewWr .ivSwipe .tit01 { 
	display:inline-block;
	margin:0 0 10px;
	background: linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 500;
	font-size: 18px;
	color: transparent;
}
.mInterviewWr .ivSwipe .name01 { 
	margin:0 0 13px;
	font-weight:	700;
	font-size: 24px;
	color: #FFF;
}
.mInterviewWr .ivSwipe .txt01 { 
	margin:0 0 23px;
	font-size: 15px;
	line-height: 1.6;
	color: #FFF;
	word-break:break-all;
}
.mInterviewWr .ivSwipe .lnk01 { 
	position:relative; 
	display:block;
	padding:0 20px 0 31px;
	font-weight: 500;
	font-size: 16px;
	color: #CAC0F5;
}
.mInterviewWr .ivSwipe .lnk01:before,
.mInterviewWr .ivSwipe .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.mInterviewWr .ivSwipe .lnk01:before { 
	width: 12px;
	height: 16px;
	top: 3px;
	left: 4px;
	background:url(/Form/_web/images/mInterviewLnk01.svg) no-repeat center / cover;
}
.mInterviewWr .ivSwipe .lnk01:after { 
	width: 10px;
	height: 10px;
	top: 6px;
	right: 6px;
	border-top:2px solid #888A99;
	border-right:2px solid #888A99;
	transform:rotate(45deg);
	transition:all .3s ease;
}
.mInterviewWr .ivSwipe .lnk01:focus:after,
.mInterviewWr .ivSwipe .lnk01:hover:after { 
	right: 0;
}
.mInterviewWr .ivSwipe .swiper-slide-active .conBox { 
	display:block;
}
.mInterviewWr .ivArrowBox { 
	display:none;
}
.mContactWr .contactBox { 
	display:flex;	
	max-width:1920px;
	margin:0 auto;
}
.mContactWr .contactBox .mapBox,
.mContactWr .contactBox .contactCon { 
	width: 50%;
}
.mContactWr .contactBox .mapBox { 
	height: 1080px;
	background:#E0E0E0;
	font-size: 0;
}
.mContactWr .contactBox .contactCon { 
	display:flex;
	align-items:center;
	padding:60px;
}
.mContactWr .contactSchBox01 { 
	width: 540px;
	max-width: 100%;
}
.mContactWr .schBox01 { 
	position:relative;
	margin:0 0 24px;
}
.mContactWr .schBox01 .ipt { 
	width: 100%;
	padding:15px 40px 15px 15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 20px;
	font-size: 14px;
	color: #424242;
}
.mContactWr .schBox01 .ipt::placeholder { 
	color: #424242;
}
.mContactWr .schBox01 .btn { 
	position:absolute; 
	display:block; 
	top: 17px;
	right: 17px;
	font-size: 0;
}
.mContactWr .schBox01 .btn img { 
	max-width: 100%;
}
.mContactWr .contactSwipeBox { 
	position:relative;
}
.mContactWr .contactSwipe {
	background: #010717;
	border-radius: 35px;
	box-shadow:0 2px 7px 0 rgba(173, 173, 173, .25);
	overflow: hidden;
}
.mContactWr .contactSwipe .imgBox { 
	position:relative;
	padding:58.333% 0 0;
	background:#E0E0E0;
	font-size: 0;
	overflow: hidden;
}
.mContactWr .contactSwipe .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.mContactWr .contactSwipe .name01 { 
	position:absolute;
	bottom: 29px;
	left: 33px;
	font-weight: 700;
	font-size: 24px;
	color: #FFF;
}
.mContactWr .contactSwipe .conBox {	
	padding:29px 32px 32px;
}
.mContactWr .contactSwipe .tit01 { 
	margin:0 0 13px;
	font-weight: 500;
	font-size: 20px;
	color: #AEB6E3;
	word-break:break-all;
}
.mContactWr .contactSwipe .infoDl01 { 
	display:flex;
	gap:10px;
}
.mContactWr .contactSwipe .infoDl01 dt { 
	flex-shrink:0;
	padding:3px 12px;
	background: #3B2C58;
	border-radius: 5px;
	font-size: 14px;
	color: #FFF;
}
.mContactWr .contactSwipe .infoDl01 dd { 
	flex-grow:1;
	min-width: 0;
}
.mContactWr .contactSwipe .infoDl01 .btnInfo { 
	position:relative; 
	display:inline-block;
	padding:0 27px 0 0;
	font-size: 14px;		
	color: #EDEDED;
	word-break:break-all;
}
.mContactWr .contactSwipe .infoDl01 .btnInfo:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 1px;
	right: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.mContactWr .contactSwipe .infoDl01 .btnInfo.stCopy:after { 
	background-image: url(/Form/_web/images/mContactBtn_copy01.svg);	
}
.mContactWr .contactSwipe .infoDl01 .btnInfo.stCall:after { 
	background-image: url(/Form/_web/images/mContactBtn_call01.svg);	
}
.mContactWr .contactSwipe .infoDl01 + .infoDl01 { 
	margin-top:16px;
}
.mContactWr .contactSwipe .btmBox { 
	margin:24px 0 0;
	text-align: center;
}
.mContactWr .contactSwipe .btmBox .lnk01 { 
	position:relative; 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	padding:12px 40px 13px;
	background: #FEE500;
	border-radius: 15px;
	box-shadow:0 2px 6px 0 rgba(191, 191, 191, .25);
}
.mContactWr .contactSwipe .btmBox .lnk01 span { 
	display:block;
}
.mContactWr .contactSwipe .btmBox .lnk01 .lnkIco { 
	font-size: 0;
}
.mContactWr .contactSwipe .btmBox .lnk01 .lnkIco img { 
	max-width: 100%;
}
.mContactWr .contactSwipe .btmBox .lnk01 .lnkTxt01 { 
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #212121;
}
.mContactWr .contactPage { 
	position:absolute; 
	top: 32px;
	bottom: auto;
	left: 32px;
	z-index: 1;
}
.mContactWr .contactPage .swiper-pagination-bullet { 
	width: 12px;
	height: 12px;
	margin:0 6px;
	background: #ADADAD;
	border:1px solid #FFF;
	opacity: 1;
}
.mContactWr .contactPage .swiper-pagination-bullet-active { 
	background: #7C63DE;
}
@media all and (min-width:1000px){
	.mInterviewWr .ivSwipe .swiper-slide-active .ivSwipeArrow { 
		display:block;
	}
}
@media all and (max-width:999px){
	.mBnrWr { 
		margin:56px 0 36px;
		padding:70px 0 0;
	}
	.mBnrWr:after { 
		height: 20px;
	}
	.mBnrWr .tit01 { 
		margin:0 0 36px;
		font-size: 24px;
	}
	.mBnrWr .btnBox { 
		gap:8px;
	}
	.mBnrWr .btnBox .btn { 
		width: calc((100% - 8px)/2);
	}
	.mBnrWr .btnBox .btn span {
		padding:8px;
		font-size: 13px;
	}
	.mEventWr { 
		margin:0 0 36px;
	}
	.mEventWr .lnk {
		width: 100%;
		padding:16px 45px 14px 16px;
	}
	.mEventWr .lnk .lnkIco { 
		width: 24px;
		margin:0 0 5px;
	}
	.mEventWr .lnk .lnkTxt01 {
		font-size: 14px;
	}
	.mEventWr .lnk .lnkArrow {
		width: 16px;
		right: 20px;
	}
	.mEventWr .lnk:focus:before,
	.mEventWr .lnk:hover:before { 
		padding:2px;
	}
	.mEventWr .lnk:focus .lnkArrow,
	.mEventWr .lnk:hover .lnkArrow { 
		right: 16px;
	}	
	.mScheduleWr .cateBox01 {
		flex-wrap:nowrap;
		gap:8px;
		margin:0 0 16px;
		overflow-x:auto;
	}
	.mScheduleWr .cateBox01 .btnCate {
		font-size: 13px;
	}
	.mScheduleWr .swiper-slide { 
		padding:16px 16px 15px;
		border-radius: 5px;
	}
	.mScheduleWr .swiper-slide:before {
		inset: 1px;
		border-radius: 4px;
	}
	.mScheduleWr .tit01 { 
		margin:0 0 4px;
		font-size: 13px;
	}
	.mScheduleWr .date01 {
		margin:0 0 6px;
		padding:0 0 0 16px;
		font-size: 13px;
	}
	.mScheduleWr .date01:before {
		width: 12px;
		height: 12px;
		top: 3px;
		left: 0;
	}
	.mScheduleWr .numBox01 {
		margin:0 0 8px;
		padding:10px 10px 9px;
	}
	.mScheduleWr .num01 {
		padding:0 0 0 16px;
		font-size: 13px;
	}
	.mScheduleWr .num01:before {
		width: 12px;
		height: 12px;
		top: 3px;
		left: 0;
	}
	.mScheduleWr .lnk01 {
		padding:10px 10px 9px;
		font-size: 13px;
	}
	.mScheduleWr .schduleArrow {
		width: 28px;
		height: 28px;
		margin:-14px 0 0;
	}
	.mScheduleWr .schduleArrow:before {
		width: 8px;
		height: 8px;
	}
	.mScheduleWr .schduleArrow.stPrev { 
		left: -10px;
	}
	.mScheduleWr .schduleArrow.stPrev:before { 
		margin:-4px 0 0 -2px;
	}
	.mScheduleWr .schduleArrow.stNext { 
		right: -10px;
	}
	.mScheduleWr .schduleArrow.stNext:before { 
		margin:-4px 0 0 -6px;
	}
	.mRankingWr {
		padding:36px 0 0;
	}
	.mRankingWr .opaTit01 { 
		width: 1036px;
		top: 0;
	}
	.mRankingWr .opaTit02 { 
		width: 1152px;
		top: 48px;
	}
	.mRankingWr .opaTit01 img,
	.mRankingWr .opaTit02 img { 
		max-width: 100%;
	}
	.mRankingWr .rankTit01 {
		font-size: 20px;
	}
	.mRankingWr .rankBox {
		padding:36px 0;
	}
	.mRankingWr .rankTit02 {
		margin:0 0 20px;
		padding:0 0 4px;
		font-size: 18px;
	}
	.mRankingWr .rankTit02:after {
		height: 2px;
	}
	.mRankingWr .rankTit02 .titIco {
		width: 80px;
		margin:0 auto;
	}
	.mRankingWr .cateBox01 {
		gap:8px;
		margin:0 0 16px;
	}
	.mRankingWr .cateBox01 .btnCate {
		width: calc((100% - 8px)/2);
		padding:10px;
		font-size: 14px;
	}
	.mRankingWr .cateBox01 .btnCate.on:before {
		padding:2px;
	}
	.mRankingWr .cateBox02 {
		flex-wrap:nowrap;
		gap:8px;
		margin:0 0 16px;
		overflow-x:auto;
	}
	.mRankingWr .cateBox02 .btnCate {
		font-size: 13px;
	}	
	.mRankingWr .rankLst01 { 
		margin:0 0 16px;
	}
	.mRankingWr .rankLst01 > li {
		margin:0 0 10px;
	}
	.mRankingWr .rankLst01 .lstImgBox {
		width: 98px;
		height: 150px;
		border-radius: 0;
	}
	.mRankingWr .rankLst01 .lstImgBox:before { 
		border-radius: 0;
	}
	.mRankingWr .rankLst01 .lstCon { 
		flex-wrap:wrap;
		padding:16px;
	}
	.mRankingWr .rankLst01 .lstTxtBox { 
		width: 100%;
	}
	.mRankingWr .rankLst01 .lstGrade01 { 
		margin:0 0 4px;
		padding:6px 10px 5px;
		font-size: 13px;
	}
	.mRankingWr .rankLst01 .lstName01 { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.mRankingWr .rankLst01 .lstName01 span { 
		margin:0 0 0 8px;
		font-size: 13px;
	}
	.mRankingWr .rankLst01 .lstTit01 { 
		margin:0 0 5px;
		font-size: 13px;
	}
	.mRankingWr .rankLst01 .sLst01 li { 
		width: auto;
		font-size: 13px;
	}
	.mRankingWr .rankLst01 .sLst01 li:before { 
		top: 8px;
	}
	.mRankingWr .rankLst01 .lstGradeDl { 
		display:inline-flex;
		gap:8px;
		width: auto;
		padding:8px;
		font-size: 14px;
	}
	.mRankingWr .rankLst01 .lstGradeDl dt { 
		margin:0;
	}
	.mRankingWr .rankMoreView {
		padding:8px 40px 7px 16px;
		font-size: 14px;
	}
	.mRankingWr .rankMoreView:after {
		width: 8px;
		height: 8px;
		top: 13px;
		right: 20px;
	}
	.mRankingWr .rankMoreView:focus:after,
	.mRankingWr .rankMoreView:hover:after { 
		right: 15px;
	}	
	.mRankingWr .rankBtmBox { 
		margin:16px 0 0;
	}
	.mRankingWr .rankBtmBox .viewMore {
		gap:8px;
		padding:10px 20px 9px;
	}
	.mRankingWr .rankBtmBox .viewMore .plus {
		width: 14px;
		height: 14px;
	}
	.mRankingWr .rankBtmBox .viewMore .btnTxt01 {
		font-size: 13px;
	}
	.mInterviewWr { 
		padding:36px 16px;
	}
	.mInterviewWr .ivTit01 { 
		margin:0 0 10px;
		padding:0;
		font-size: 20px;
	}
	.mInterviewWr .ivSwipe .imgBox,
	.mInterviewWr .ivSwipe .imgBox:before,
	.mInterviewWr .ivSwipe .conBox:before {
		border-radius: 5px;
	}
	.mInterviewWr .ivSwipe .conBox { 
		display:block;
		margin:10px 0 0;
		padding:16px 16px 14px;
		border-radius: 5px;
	}
	.mInterviewWr .ivSwipe .tit01 { 
		margin:0 0 3px;
		font-size: 13px;
	}
	.mInterviewWr .ivSwipe .name01 { 
		margin:0 0 3px;
		font-size: 14px;
	}
	.mInterviewWr .ivSwipe .txt01 { 
		margin:0 0 10px;
		font-size: 13px;
	}
	.mInterviewWr .ivSwipe .lnk01 { 
		padding:0 20px 0 16px;
		font-size: 13px;
	}
	.mInterviewWr .ivSwipe .lnk01:before { 
		width: 10px;
		height: 13px;
		top: 2px;
		left: 0;
	}
	.mInterviewWr .ivSwipe .lnk01:after { 
		width: 8px;
		height: 8px;
		top: 4px;
		right: 4px;
	}
	.mInterviewWr .ivArrowBox { 
		position:absolute; 
		display:block;
		width: 100%;
		height: 0;
		top: 50%;
		left: 0;
		z-index: 1;
	}
	.mInterviewWr .ivArrowBox .ivSwipeArrow {
		position:absolute;
		display:block;
		width: 28px;
		height: 28px;
		top: 50%;
		margin:-14px 0 0;
		border-radius: 50%;
		background: #FFF;
		border:1px solid #F0F0F0;
		box-shadow:0 2px 6px rgba(191, 191, 191, .25);		
	}
	.mInterviewWr .ivArrowBox .ivSwipeArrow:before {
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 8px;
		height: 8px;
		top: 50%;
		left: 50%;
		border-top:2px solid #303F9F;
		border-right:2px solid #303F9F;
	}
	.mInterviewWr .ivArrowBox .ivSwipeArrow.stPrev { 
		left: -16px;
	}
	.mInterviewWr .ivArrowBox .ivSwipeArrow.stPrev:before { 
		margin:-4px 0 0 -2px;
		transform:rotate(-135deg);
	}
	.mInterviewWr .ivArrowBox .ivSwipeArrow.stNext { 
		right: -16px;
	}
	.mInterviewWr .ivArrowBox .ivSwipeArrow.stNext:before { 
		margin:-4px 0 0 -6px;
		transform:rotate(45deg);
	}
	.mContactWr .contactBox { 
		flex-wrap:wrap;
	}
	.mContactWr .contactBox .mapBox,
	.mContactWr .contactBox .contactCon { 
		width: 100%;
	}
	.mContactWr .contactBox .mapBox { 
		height: 0;
		padding:56.25% 0 0;
	}
	.mContactWr .contactBox .contactCon {
		padding:36px 16px;
	}
	.mContactWr .contactSchBox01 { 
		width: 100%;
	}
	.mContactWr .schBox01 {
		margin:0 0 10px;
	}
	.mContactWr .schBox01 .ipt {
		padding:10px 20px 9px 10px;
		border-radius: 5px;
		font-size: 13px;
	}
	.mContactWr .schBox01 .btn {
		width: 14px;
		top: 10px;
		right: 10px;
	}
	.mContactWr .contactSwipe {
		border-radius: 5px;
	}
	.mContactWr .contactSwipe .name01 {
		bottom: 8px;
		left: 8px;
		font-size: 13px;
	}
	.mContactWr .contactSwipe .conBox {
		padding:16px 16px 15px;
	}
	.mContactWr .contactSwipe .tit01 { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.mContactWr .contactSwipe .infoDl01 {
		flex-wrap:wrap;
		gap:3px;
	}
	.mContactWr .contactSwipe .infoDl01 dt {
		padding:3px 10px;
		font-size: 13px;
	}
	.mContactWr .contactSwipe .infoDl01 dd { 
		width: 100%;
	}
	.mContactWr .contactSwipe .infoDl01 .btnInfo {
		padding:0 20px 0 0;
		font-size: 13px;
	}
	.mContactWr .contactSwipe .infoDl01 .btnInfo:after {
		width: 14px;
		height: 14px;
		top: 1px;
		right: 0;
	}
	.mContactWr .contactSwipe .infoDl01 + .infoDl01 { 
		margin-top:8px;
	}
	.mContactWr .contactSwipe .btmBox { 
		margin:16px 0 0;
		text-align: center;
	}
	.mContactWr .contactSwipe .btmBox .lnk01 {
		gap:8px;
		padding:10px 20px 9px;
		border-radius: 5px;
	}
	.mContactWr .contactSwipe .btmBox .lnk01 .lnkIco { 
		width: 16px;
	}
	.mContactWr .contactSwipe .btmBox .lnk01 .lnkTxt01 { 
		font-size: 13px;
	}
	.mContactWr .contactPage {
		top: 4px;
		left: 6px;
	}
	.mContactWr .contactPage .swiper-pagination-bullet { 
		width: 10px;
		height: 10px;
		margin:0 3px;
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 점주&예비 점주 시작
------------------------------------------------------ */
.shopOwnerWr .systemBox { 
	padding:120px 0;
	background:linear-gradient(to bottom, #0A0A0A, #1C1942);
}
.shopOwnerWr .systemBox .inner { 
	display:flex;
	align-items:flex-start;
	gap:275px;
}
.shopOwnerWr .systemBox .tit01 { 
	flex-shrink:0;
	position:relative;
	padding:0 0 25px;
	font-family: GangwonEducationTteontteon;
	font-weight: 400;
	font-size: 40px;
	color: #FFF;
}
.shopOwnerWr .systemBox .tit01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
}
.shopOwnerWr .systemBox .lst01 { 
	flex-grow:1;
	min-width: 0;
}
.shopOwnerWr .systemBox .lst01 li {
	position:relative;
	margin:0 0 38px;
	padding:0 0 39px 110px;
	border-bottom:1px solid rgba(255,255,255,.3);
}
.shopOwnerWr .systemBox .lst01 li:last-child { 
	margin:0;
	padding-bottom:0;
	border-bottom:none;
}
.shopOwnerWr .systemBox .lst01 .lstNum01 { 
	position:absolute; 
	top: -8px;
	left: 0;
	font-weight: 300;
	font-size: 64px;
	color: rgba(255,255,255,.3);
}
.shopOwnerWr .systemBox .lst01 .lstTit01 { 
	margin:0 0 22px;
	font-weight: 700;
	font-size: 18px;
	color: #DBDBDB;
}
.shopOwnerWr .systemBox .lst01 .lstTxt01 { 
	font-size: 15px;
	line-height: 1.6;	
	color: #DBDBDB;
	word-break:break-all;
}
.shopOwnerWr .comIvBox01 { 
	background:linear-gradient(to bottom, #1C1942, #200D46);
}
@media all and (max-width:999px){
	.shopOwnerWr .systemBox { 
		padding:36px 0;
	}
	.shopOwnerWr .systemBox .inner { 
		flex-wrap:wrap;
		gap:20px;
	}
	.shopOwnerWr .systemBox .tit01 {
		display:inline-block;
		padding:0 0 5px;
		font-size: 20px;
	}
	.shopOwnerWr .systemBox .tit01:after {
		height: 2px;
	}
	.shopOwnerWr .systemBox .lst01 { 
		width: 100%;
	}
	.shopOwnerWr .systemBox .lst01 li {
		margin:0 0 16px;
		padding:0 0 16px 40px;
	}
	.shopOwnerWr .systemBox .lst01 .lstNum01 {
		top: -9px;
		font-size: 24px;
	}
	.shopOwnerWr .systemBox .lst01 .lstTit01 { 
		margin:0 0 8px;
		font-size: 14px;
	}
	.shopOwnerWr .systemBox .lst01 .lstTxt01 { 
		font-size: 13px;
		line-height: 1.3;	
	}
}
/* 점주&예비 점주 끝
------------------------------------------------------ */
/* contact 시작
------------------------------------------------------ */
.contactWr .subComBox01 { 
	background-image:url(/Form/_web/images/contactBnr01.png);
}
.contactWr .cttPointBox {
	padding:105px 0 120px;
}
.contactWr .cttPointBox .cTit01 { 
	padding:0;
	border-bottom:none;
	text-align: center;
}
.contactWr .cttPointBox .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.contactWr .cttPointBox .lst01 li { 
	position:relative;
	width: calc((100% - 80px)/3);
	padding:23px 0 0;
	border-top:1px solid #FFF;
}
.contactWr .cttPointBox .lst01 .lstImgBox { 
	margin:0 0 37px;
	font-size: 0;
	text-align: right;
}
.contactWr .cttPointBox .lst01 .lstImgBox img { 
	max-width: 100%;
}
.contactWr .cttPointBox .lst01 .lstNum01 { 
	position:absolute;
	top: 63px;
	left: 0;
	font-family: Binggre;
	font-size: 96px;
	color: rgba(223, 228, 243, .1);
}
.contactWr .cttPointBox .lst01 .lstTxt01 { 
	font-weight: 700;
	font-size: 20px;
	color: #FFF;
}
.contactWr .cttGraphBox {
	padding:120px 0;
	background:url(/Form/_web/images/cttGraphBg01.png) no-repeat center / cover;
}
.contactWr .cttGraphBox .cTit01 { 
	padding:0;
	border-bottom:none;
	text-align: center;
}
.contactWr .cttGraphBox .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.contactWr .cttGraphBox .lst01 li { 
	position:relative;
	width: calc((100% - 40px)/2);
	padding:28px 16px 32px;
	border-radius: 46px;
	background: #150D1C;
	text-align: center;
}
.contactWr .cttGraphBox .lst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:2px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 46px;
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.contactWr .cttGraphBox .lst01 .lstTit01 { 
	margin:0 0 37px;
	font-weight: 700;
	font-size: 24px;
	color: #FFF;
}
.contactWr .cttGraphBox .lst01 .lstImgBox { 
	font-size: 0;
}
.contactWr .cttGraphBox .lst01 .lstImgBox img { 
	max-width: 100%;
}
.contactWr .cttAnalysisBox { 
	position:relative;
	padding:120px 0;
}
.contactWr .cttAnalysisBox:before,
.contactWr .cttAnalysisBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 50%;
	height: 100%;
	top: 0;
}
.contactWr .cttAnalysisBox:before { 
	background: #1C1820;
	left: 0;
}
.contactWr .cttAnalysisBox:after {
	background: #4D06B1; 
	right: 0;
}
.contactWr .cttAnalysisBox .inner { 
	position:relative;
	z-index: 1;
}
.contactWr .cttAnalysisBox .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.contactWr .cttAnalysisBox .lst01 > li { 
	position:relative;
	width: calc((100% - 40px)/2);
	padding:27px;
	border-radius: 16px;
}
.contactWr .cttAnalysisBox .lst01 > li:last-child { 
	background:rgba(255,255,255,.2);
}
.contactWr .cttAnalysisBox .lst01 > li:last-child:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:4px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 16px;
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.contactWr .cttAnalysisBox .lst01 .lstTit01 { 
	margin:0 0 43px;
	font-weight: 700;
	font-size: 32px;
	text-align: center;
	color: #FFF;
}
.contactWr .cttAnalysisBox .lst01 .sLst01 li { 
	position:relative;
	margin:0 0 16px;
	padding:17px 32px;
	background: rgba(66, 60, 81, 0.3);
	border-radius:10px;
	font-weight: 500;
	font-size: 16px;
	color: #DBDBDB;
}
.contactWr .cttAnalysisBox .lst01 .sLst01 li:last-child { 
	margin:0;
}
.contactWr .cttAnalysisBox .lst01 .sLst01.stChk li { 
	padding-left: 65px;
}
.contactWr .cttAnalysisBox .lst01 .sLst01.stChk li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 10px;
	top: 24px;
	left: 38px;
	background:url(/Form/_web/images/cttAnalysisChk01.svg) no-repeat center / cover;
}
.contactWr .cttSystemBox { 
	padding:120px 0;
}
.contactWr .cttSystemBox .cTit01 { 
	padding:0;
	text-align: center;
	border-bottom:none;
}
.contactWr .cttSystemBox .tit01 { 
	margin:0 0 36px;
	font-weight: 400;
	font-size: 18px;
	color: #AEB6E3;
	text-align: center;
}
.contactWr .cttSystemBox .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.contactWr .cttSystemBox .lst01 li { 
	position:relative;
	background: #16151A;
	border-top:1px solid rgba(255,255,255,.3);
}
.contactWr .cttSystemBox .lst01 .lstTit01 { 
	margin:0 0 19px;
	font-size: 15px;
	color: #CAC0F5;
}
.contactWr .cttSystemBox .lst01 .lstTxt01 { 
	font-weight: 700;
	font-size: 20px;
	color: #FFF;
}
.contactWr .cttSystemBox .lst01 .lstImgBox { 
	font-size: 0;
}
.contactWr .cttSystemBox .lst01 .lstImgBox img { 
	max-width: 100%;
}
.contactWr .cttSystemBox .lst01 li:nth-child(-n+4) { 
	width: calc((100% - 72px)/4);
	padding:29px 33px 32px;
}
.contactWr .cttSystemBox .lst01 li:nth-child(-n+4) .lstImgBox { 
	margin:21px 0 0;
	text-align: right;
}
.contactWr .cttSystemBox .lst01 li:nth-child(n+5) { 
	width: calc((100% - 48px)/3);
	padding:48px 120px 46px 32px;
}
.contactWr .cttSystemBox .lst01 li:nth-child(n+5) .lstImgBox { 
	position: absolute;
	top: 31px;
	right: 32px;
}
.contactWr .cctCourseBox { 
	padding:120px 0;
	background:url(/Form/_web/images/cctCourseBg01.png) no-repeat center / cover;
}
.contactWr .cctCourseBox .courseBox { 
	display:flex;
	gap:24px;
}
.contactWr .cctCourseBox .courseBox .imgBox { 
	flex-shrink:0;
	font-size: 0;
}
.contactWr .cctCourseBox .courseBox .imgBox img { 
	max-width: 100%;
}
.contactWr .cctCourseBox .courseBox .lst01 { 
	flex-grow:1;
	min-width: 0;
}
.contactWr .cctCourseBox .courseBox .lst01 li { 
	position:relative;
	margin:0 0 24px;
	padding:21px 25px 24px;
	background: #0A0A0A;
	border-radius: 16px;
}
.contactWr .cctCourseBox .courseBox .lst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:1px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 16px;
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.contactWr .cctCourseBox .courseBox .lst01 li:last-child {
	margin:0;
}
.contactWr .cctCourseBox .courseBox .lst01 .courseToggle { 
	position:relative;
	display:block; 
	width: 100%;
	padding:0 10px 0 0;
	font-weight: 700;
	font-size: 18px;
	color: #FFF;
	text-align: left;
}
.contactWr .cctCourseBox .courseBox .lst01 .courseToggle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 4px;
	right: 2px;
	transform:rotate(45deg);
	border-bottom:2px solid #FFF;
	border-right:2px solid #FFF;
	transition:all .3s ease;
}
.contactWr .cctCourseBox .courseBox .lst01 .courseToggle.on:after { 
	top: 7px;
	transform:rotate(-45deg);
}
.contactWr .cctCourseBox .courseBox .lst01 .lstTxtBox01 { 
	display:none;
	padding:19px 0 0;
}
.contactWr .cctCourseBox .courseBox .lst01 .lstTit01 { 
	margin:0 0 22px;
	font-weight: 700;
	font-size: 18px;
	color: #CAC0F5;
}
.contactWr .cctCourseBox .courseBox .lst01 .lstTxt01 { 
	font-size: 14px;
	line-height: 1.5;
	color: #FFF;
	word-break:break-all;
}
.contactWr .cctInquiryBox { 
	padding:120px 0;
}
.contactWr .cctInquiryBox .inner { 
	display:flex;
	justify-content:space-between;
	gap:222px;
}
.contactWr .cctInquiryBox .txtBox01 { 
	flex-shrink:0;
}
.contactWr .cctInquiryBox .formBox01 { 
	flex-grow:1;
	min-width: 0;
}
.contactWr .cctInquiryBox .sTit01 { 
	margin:0 0 23px;
	font-size: 20px;
	color: #D6CFFF;
}
.contactWr .cctInquiryBox .txt01 { 
	margin:0 0 41px;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.4;
	color: #C9C7D4;
}
.contactWr .cctInquiryBox .txt02 { 
	font-size: 14px;
	color: #797979;
}
.contactWr .cctInquiryBox .num01 { 
	font-weight: 900;
	font-size: 28px;
	color: #FFF;
}
.contactWr .cctInquiryBox .iptTit01 { 
	display:block;
	margin:0 0 13px;
	font-weight: 500;
	font-size: 15px;
	color: #FFF;
}
.contactWr .cctInquiryBox .iptTit01 .pnt01 { 
	color: #F44336;
}
.contactWr .cctInquiryBox * + .iptTit01 { 
	margin-top:22px;
}
.contactWr .cctInquiryBox .ipt { 
	padding:17px 12px;
	background: #1D1E24;
	border:1px solid #2E2F38;
	border-radius: 10px;
	font-size: 14px;
	color: #FFF;
}
.contactWr .cctInquiryBox .ipt::placeholder { 
	color: #999;
}
.contactWr .cctInquiryBox .ipt.fullWid { 
	width: 100%;
}
.contactWr .cctInquiryBox .termBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:23px 0 10px;
	padding:24px 4px 0;
	border-top:1px solid #2E2F38;
}
.contactWr .cctInquiryBox .chkBox01 { 
	position:relative;
}
.contactWr .cctInquiryBox .chkBox01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.contactWr .cctInquiryBox .chkBox01 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 30px;
	font-size: 15px;
	color: #FFF;
}
.contactWr .cctInquiryBox .chkBox01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 21px;
	height: 21px;
	top: -1px;
	left: 0;
	border:1px solid #7C63DE;
	border-radius: 5px;
}
.contactWr .cctInquiryBox .chkBox01 .chkLbl span { 
	font-weight: 500;
	color: #7C63DE;
}
.contactWr .cctInquiryBox .chkBox01 .chkIpt:checked + .chkLbl:before { 
	background: #7C63DE url(/Form/_web/images/cctInquiryChk01.svg) no-repeat center left 4px;
}
.contactWr .cctInquiryBox .termLnk01 { 
	position:relative; 
	display:block;
	padding:7px 34px 8px 17px;
	background: #2E2F38;
	border-radius: 100px;
	font-size: 14px;
	color: #999;
	transition:all .3s ease;
}
.contactWr .cctInquiryBox .termLnk01:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 12px;
	right: 19px;
	transform:rotate(45deg);
	border-top:1px solid #797979;
	border-right:1px solid #797979;
	transition:all .3s ease;
}
.contactWr .cctInquiryBox .termLnk01:focus,
.contactWr .cctInquiryBox .termLnk01:hover { 
	background: #7C63DE;
	color: #FFF;
}
.contactWr .cctInquiryBox .termLnk01:focus:after,
.contactWr .cctInquiryBox .termLnk01:hover:after { 
	border-color:#FFF;
}
.contactWr .cctInquiryBox .btmBox { 
	margin:18px 0 0;
	text-align: center;
}
.contactWr .cctInquiryBox .btmBox .btn { 
	display:inline-block;
	padding:15px 90px 14px;
	background:linear-gradient(to bottom, #7C63DE, #CAC0F5);
	border-radius: 12px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}




@media all and (max-width:999px){
	.contactWr .cttPointBox {
		padding:36px 0;
	}
	.contactWr .cttPointBox .lst01 {
		gap:16px;
	}
	.contactWr .cttPointBox .lst01 li {
		width: 100%;
		padding:10px 0 0;
	}
	.contactWr .cttPointBox .lst01 .lstImgBox {
		margin:0 0 3px;
	}
	.contactWr .cttPointBox .lst01 .lstImgBox img { 
		width: 60px;
	}
	.contactWr .cttPointBox .lst01 .lstNum01 {
		top: 50px;
		font-size: 30px;
	}
	.contactWr .cttPointBox .lst01 .lstTxt01 {
		font-size: 14px;
	}
	.contactWr .cttGraphBox {
		padding:36px 0;
	}
	.contactWr .cttGraphBox .lst01 {
		gap:16px;
	}
	.contactWr .cttGraphBox .lst01 li { 
		width: 100%;
		padding:16px;
		border-radius: 5px;
	}
	.contactWr .cttGraphBox .lst01 li:before {
		border-radius: 5px;
	}
	.contactWr .cttGraphBox .lst01 .lstTit01 { 
		margin:0 0 8px;
		font-size: 14px;
	}
	.contactWr .cttAnalysisBox {
		padding:36px 0;
	}
	.contactWr .cttAnalysisBox:before,
	.contactWr .cttAnalysisBox:after { 
		display:none;
	}
	.contactWr .cttAnalysisBox .lst01 {
		gap:10px;
	}
	.contactWr .cttAnalysisBox .lst01 > li {
		width: 100%;
		padding:16px;
		border-radius: 5px;
	}
	.contactWr .cttAnalysisBox .lst01 > li:last-child { 
		background:transparent;
	}
	.contactWr .cttAnalysisBox .lst01 > li:last-child:before {
		padding:2px;
		border-radius: 5px;
	}
	.contactWr .cttAnalysisBox .lst01 .lstTit01 { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.contactWr .cttAnalysisBox .lst01 .sLst01 li {
		margin:0 0 8px;
		padding:16px;
		border-radius:5px;
		font-size: 13px;
	}
	.contactWr .cttAnalysisBox .lst01 .sLst01.stChk li { 
		padding-left: 32px;
	}
	.contactWr .cttAnalysisBox .lst01 .sLst01.stChk li:before {
		width: 8px;
		height: 6px;
		top: 18px;
		left: 14px;
	}
	.contactWr .cttSystemBox { 
		padding:36px 0;
	}
	.contactWr .cttSystemBox .tit01 { 
		margin:0 0 10px;
		font-size: 16px;
	}
	.contactWr .cttSystemBox .lst01 {
		gap:8px;
	}
	.contactWr .cttSystemBox .lst01 .lstTit01 { 
		margin:0 0 8px;
		font-size: 13px;
	}
	.contactWr .cttSystemBox .lst01 .lstTxt01 {
		font-size: 14px;
	}
	.contactWr .cttSystemBox .lst01 .lstImgBox img { 
		max-width: 100%;
	}
	.contactWr .cttSystemBox .lst01 li:nth-child(-n+4),
	.contactWr .cttSystemBox .lst01 li:nth-child(n+5) { 
		width: 100%;
		padding:16px 70px 16px 16px;
	}
	.contactWr .cttSystemBox .lst01 li:nth-child(-n+4) .lstImgBox,
	.contactWr .cttSystemBox .lst01 li:nth-child(n+5) .lstImgBox { 
		position: absolute;
		width: 60px;
		top: 10px;
		right: 10px;
		margin:0;
	}
	.contactWr .cctCourseBox { 
		padding:36px 0;
	}
	.contactWr .cctCourseBox .courseBox {
		flex-wrap:wrap;
		gap:16px;
	}
	.contactWr .cctCourseBox .courseBox .imgBox,
	.contactWr .cctCourseBox .courseBox .imgBox img { 
		width: 100%;
	}
	.contactWr .cctCourseBox .courseBox .lst01 { 
		width: 100%;
	}
	.contactWr .cctCourseBox .courseBox .lst01 li {
		margin:0 0 10px;
		padding:16px;
		border-radius: 5px;
	}
	.contactWr .cctCourseBox .courseBox .lst01 li:before {
		border-radius: 5px;
	}
	.contactWr .cctCourseBox .courseBox .lst01 .courseToggle {
		font-size: 14px;
	}.contactWr .cctCourseBox .courseBox .lst01 .courseToggle:after {
	
		width: 8px;
		height: 8px;
	}
	.contactWr .cctCourseBox .courseBox .lst01 .courseToggle.on:after { 
		top: 7px;
	}
	.contactWr .cctCourseBox .courseBox .lst01 .lstTxtBox01 {
		padding:10px 0 0;
	}
	.contactWr .cctCourseBox .courseBox .lst01 .lstTit01 { 
		margin:0 0 5px;
		font-size: 14px;
	}
	.contactWr .cctCourseBox .courseBox .lst01 .lstTxt01 { 
		font-size: 13px;
		line-height: 1.3;
	}
	.contactWr .cctInquiryBox { 
		padding:36px 0;
	}
	.contactWr .cctInquiryBox .inner { 
		flex-wrap:wrap; 
		gap:10px;
	}
	.contactWr .cctInquiryBox .txtBox01,
	.contactWr .cctInquiryBox .formBox01 { 
		width: 100%;
	}
	.contactWr .cctInquiryBox .sTit01 { 
		margin:0 0 8px;
		font-size: 13px;
	}
	.contactWr .cctInquiryBox .txt01 { 
		margin:0 0 16px;
		font-size: 13px;
		line-height: 1.3;
	}
	.contactWr .cctInquiryBox .txt01 br { 
		display:none;
	}
	.contactWr .cctInquiryBox .txt02 { 
		font-size: 13px;
	}
	.contactWr .cctInquiryBox .num01 {
		font-size: 16px;
	}
	.contactWr .cctInquiryBox .iptTit01 {
		margin:0 0 5px;
		font-size: 13px;
	}
	.contactWr .cctInquiryBox * + .iptTit01 { 
		margin-top:10px;
	}
	.contactWr .cctInquiryBox .ipt { 
		padding:10px 10px 9px;
		border-radius: 5px;
		font-size: 13px;
	}
	.contactWr .cctInquiryBox .termBox01 {
		flex-wrap:wrap;
		gap:5px;
		margin:16px 0;
		padding:10px 0 0;
	}
	.contactWr .cctInquiryBox .chkBox01 { 
		width: 100%;
	}
	.contactWr .cctInquiryBox .chkBox01 .chkLbl {
		padding:0 0 0 20px;
		font-size: 13px;
	}
	.contactWr .cctInquiryBox .chkBox01 .chkLbl:before {
		width: 16px;
		height: 16px;
	}
	.contactWr .cctInquiryBox .chkBox01 .chkIpt:checked + .chkLbl:before { 
		background-size: 9px auto;
		background-position:center left 3px;
	}
	.contactWr .cctInquiryBox .termLnk01 {
		width: 100%;
		font-size: 13px;
	}
	.contactWr .cctInquiryBox .termLnk01:after {
		top: 12px;
		right: 19px;
	}
	.contactWr .cctInquiryBox .btmBox { 
		margin:10px 0 0;
	}
	.contactWr .cctInquiryBox .btmBox .btn {
		width: 100%;
		padding:10px 10px 9px;
		border-radius: 5px;
		font-size: 13px;
	}
}
/* contact 끝
------------------------------------------------------ */
/* 지점 소개 시작
------------------------------------------------------ */
.placeWr .subComBox01 { 
	background-image: url(/Form/_web/images/placeBnr01.png);
}
/* 지점 소개 끝
------------------------------------------------------ */
/* 회사소개 시작
------------------------------------------------------ */
.companyWr .subComBox01 { 
	background-image: url(/Form/_web/images/companyBnr01.png);
}
.companyWr .comBrandBox01 { 
	margin:120px 0 0;
}
.companyWr .cpGalBox { 
	padding:102px 0;
}
.companyWr .cpGalBox .lst01 { 
	max-width: 960px;
	margin:0 auto;
}
.companyWr .cpGalBox .lst01 li { 
	position:relative;
	margin:0 0 625px;
}
.companyWr .cpGalBox .lst01 li:last-child { 
	margin:0;
}
.companyWr .cpGalBox .lst01 .lstTit01 {
	border-bottom:11px solid rgba(215, 81, 248, .1);
	font-size: 24px;
	color: #C0B9C9;
}
.companyWr .cpGalBox .lst01 .lstImgBox { 
	position:absolute;
	width: 918px;
	height: 605px;
	background: #E0E0E0;
	font-size: 0;
	overflow: hidden;
}
.companyWr .cpGalBox .lst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.companyWr .cpGalBox .lst01 li:nth-child(odd) { 
	padding:0 0 0 440px;
}
.companyWr .cpGalBox .lst01 li:nth-child(odd) .lstTit01 { 
	padding:0 0 20px 80px;
}
.companyWr .cpGalBox .lst01 li:nth-child(odd) .lstImgBox { 
	top: 0;
	right: 523px;
	border-radius: 0 0 35px 0;
}
.companyWr .cpGalBox .lst01 li:nth-child(even) { 
	padding:0 440px 0 0;
	text-align: right;
}
.companyWr .cpGalBox .lst01 li:nth-child(even) .lstTit01 { 
	padding:0 80px 20px 0;
}
.companyWr .cpGalBox .lst01 li:nth-child(even) .lstImgBox { 
	bottom: 0;
	left: 523px;
	border-radius: 35px 0 0 0;
}
.companyWr .cpTeamBox { 
	padding:120px 0;
	background:url(/Form/_web/images/companyTeamBg01.png) no-repeat center / cover;
}
.companyWr .cpTeamBox .lst01 { 
	display:flex;
	flex-wrap:wrap;
}
.companyWr .cpTeamBox .lst01 li { 
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width: 25%;
	min-height: 506px;
	padding:32px;
	background:#000;
	overflow: hidden;
}
.companyWr .cpTeamBox .lst01 li:before,
.companyWr .cpTeamBox .lst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition:all .3s ease;	
}
.companyWr .cpTeamBox .lst01 li:before {
	padding:3px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
	z-index: 2;
}
.companyWr .cpTeamBox .lst01 li:after { 
	background: rgba(32, 19, 42, .8);
	z-index: 1;
}
.companyWr .cpTeamBox .lst01 li img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.companyWr .cpTeamBox .lst01 .lstTxtBox01,
.companyWr .cpTeamBox .lst01 .lstTxtBox02 { 
	position:relative; 
	z-index: 2;
}
.companyWr .cpTeamBox .lst01 .lstTxtBox01 { 
	opacity: 0;
	transition:all .3s ease;
}
.companyWr .cpTeamBox .lst01 .lstTit01 { 
	display:inline-block;
	margin:0 0 12px;
	padding:2px 13px;
	border-radius: 1000px;
	background:linear-gradient(45deg, #816BFF, #7EE3FF, #FF48A1);
	font-weight: 500;
	font-size: 14px;
	color: #FFFF;
}
.companyWr .cpTeamBox .lst01 .lstTit02 { 
	position:relative;
	margin:0 0 7px;
	padding:0 0 12px;
	font-weight: 500;
	font-size: 16px;
	color: #CAC0F5;
}
.companyWr .cpTeamBox .lst01 .lstTit02:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 92px;
	height: 2px;
	bottom: 0;
	left: 0;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
}
.companyWr .cpTeamBox .lst01 .lstName01 { 
	font-weight: 700;
	font-size: 28px;
	color: #FFF;
}
.companyWr .cpTeamBox .lst01 .lstTxt01 { 
	font-size: 14px;
	line-height: 1.4;
	color: #FFF;
	word-break:break-all;
}
.companyWr .cpTeamBox .lst01 li:hover:before,
.companyWr .cpTeamBox .lst01 li:hover:after,
.companyWr .cpTeamBox .lst01 li:hover .lstTxtBox01 { 
	opacity: 1;
}
@media all and (max-width:999px){
	.companyWr .comBrandBox01 { 
		margin:36px 0 0;
	}
	.companyWr .cpGalBox { 
		padding:36px 0;
	}
	.companyWr .cpGalBox .lst01 { 
		max-width: 100%;
	}
	.companyWr .cpGalBox .lst01 li {
		margin:0 0 16px;
	}
	.companyWr .cpGalBox .lst01 .lstTit01 {
		margin:0 0 8px;
		border-bottom-width:2px;
		font-size: 14px;
	}
	.companyWr .cpGalBox .lst01 .lstImgBox {
		position:relative;
		width: 100%;
		height: 0;
		padding:65.90% 0 0;
	}
	.companyWr .cpGalBox .lst01 li:nth-child(odd) { 
		padding:0;
	}
	.companyWr .cpGalBox .lst01 li:nth-child(odd) .lstTit01,
	.companyWr .cpGalBox .lst01 li:nth-child(even) .lstTit01 { 
		padding:0 0 3px;
	}
	.companyWr .cpGalBox .lst01 li:nth-child(odd) .lstImgBox { 
		top: auto;
		right: auto;
		border-radius: 0;
	}
	.companyWr .cpGalBox .lst01 li:nth-child(even) { 
		padding:0;
		text-align: left;
	}
	.companyWr .cpGalBox .lst01 li:nth-child(even) .lstImgBox { 
		bottom: auto;
		left: auto;
		border-radius: 0;
	}
	.companyWr .cpTeamBox { 
		padding:36px 0;
	}
	.companyWr .cpTeamBox .lst01 li {
		gap:16px;
		width: 50%;
		min-height: 0;
		padding:16px;
	}
	.companyWr .cpTeamBox .lst01 .lstTit01 {
		margin:0 0 6px;
		padding:2px 10px;
		font-size: 14px;
	}
	.companyWr .cpTeamBox .lst01 .lstTit02 {
		margin:0 0 5px;
		padding:0 0 6px;
		font-size: 14px;
	}
	.companyWr .cpTeamBox .lst01 .lstTit02:after {
		width: 80px;
	}
	.companyWr .cpTeamBox .lst01 .lstName01 {
		font-size: 16px;
	}
	.companyWr .cpTeamBox .lst01 .lstTxt01 { 
		font-size: 13px;
		line-height: 1.3;
	}
}
/* 회사소개 끝
------------------------------------------------------ */
/* 대회 일정 시작
------------------------------------------------------ */
.scheduleWr .subComBox01 { 
	background-image:url(/Form/_web/images/scheduleBnr01.png);
}
.scheduleWr .mScheduleWr {
	padding:105px 0 120px;
}
.scheduleWr .schdJoinBox { 
	position:relative; 
	max-width: 1920px;
	margin:0 auto;
	padding:0 0 0 752px;
	overflow: hidden;
}
.scheduleWr .schdJoinBox .imgBox { 
	position:absolute; 
	top: 0;
	left: 0;
	font-size: 0;
}
.scheduleWr .schdJoinBox .imgBox img { 
	max-width: 100%;
}
.scheduleWr .schdJoinBox .conBox { 
	position:relative;
	padding:120px 16px 123px 100px;
	z-index: 1;
}
.scheduleWr .schdJoinBox .txtBox01 { 
	max-width: 708px;
}
.scheduleWr .schdJoinBox .cTit01 { 
	text-align: right;
}
.scheduleWr .schdJoinBox .btnBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.scheduleWr .schdJoinBox .btnBox01 .btn { 
	position:relative;
	display:block; 
	width: calc((100% - 24px)/2);
	padding:23px;
	background: #0A0A0A;
	border-radius: 15px;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	color: #FFF;
}
.scheduleWr .schdJoinBox .btnBox01 .btn:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:2px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 15px;
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
	z-index: 2;
}
@media all and (max-width:1599px){
	.scheduleWr .schdJoinBox { 
		padding:0 0 0 602px;
	}
	.scheduleWr .schdJoinBox .imgBox { 
		width: 602px;
		top: 50%;
		transform:translateY(-50%);
	}
	.scheduleWr .schdJoinBox .conBox {
		padding: 113px 16px 130px 80px;
	}
}
@media all and (max-width:999px){
	.scheduleWr .mScheduleWr { 
		padding:36px 0;
	}
	.scheduleWr .schdJoinBox {
		padding:0;
	}
	.scheduleWr .schdJoinBox .imgBox {
		width: 100%;
		height: 100%;
		top: 0;
		transform:translateY(0);
		opacity: .6;
	}
	.scheduleWr .schdJoinBox .imgBox img { 
		width: 100%;
		height: 100%;
	}
	.scheduleWr .schdJoinBox .conBox { 
		padding:60px 16px;
	}
	.scheduleWr .schdJoinBox .txtBox01 { 
		max-width: 100%;
	}
	.scheduleWr .schdJoinBox .cTit01 { 
		text-align: center;
	}
	.scheduleWr .schdJoinBox .btnBox01 { 
		gap:8px;
	}
	.scheduleWr .schdJoinBox .btnBox01 .btn { 
		width: calc((100% - 8px)/2);
		padding:12px;
		font-size: 14px;
	}
}
/* 대회 일정 끝
------------------------------------------------------ */
/* 우승자 인터뷰 시작
------------------------------------------------------ */
.interviewWr .subComBox01 { 
	background-image:url(/Form/_web/images/interviewBnr01.png);
}
.interviewWr .ivGalBox { 
	padding:104px 0 120px;
}
.interviewWr .ivGalBox .cTit01 { 
	padding:0;
	border-bottom:none;
	text-align: center;
}
.interviewWr .ivGalBox .ivGalSwipeBox { 
	position:relative;
}
.interviewWr .ivGalBox .ivGalSwipe { 
	overflow: hidden;
}
.interviewWr .ivGalBox .ivGalSwipe .swiper-slide { 
	padding:386px 33px 30px;
	background: rgba(255,255,255,.5);
}
.interviewWr .ivGalBox .ivGalSwipe .imgBox { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.interviewWr .ivGalBox .ivGalSwipe .imgBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:linear-gradient(to bottom, rgba(10, 10, 10, 0), rgba(10, 10, 10, 1));
	box-shadow:0 2px 5px 0 rgba(40, 38, 48, .25);
	z-index: 1;
}
.interviewWr .ivGalBox .ivGalSwipe .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.interviewWr .ivGalBox .ivGalSwipe .infoBox01 { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	z-index: 1;
}
.interviewWr .ivGalBox .ivGalSwipe .txtBox01 { 
	flex-grow:1;
	min-width: 0;
}
.interviewWr .ivGalBox .ivGalSwipe .name01 { 
	position:relative;
	margin:0 0 15px;
	padding:0 0 16px;
	font-weight: 700;
	font-size: 28px;
	color: #FFF;
}
.interviewWr .ivGalBox .ivGalSwipe .name01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 92px;
	height: 2px;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,.3);
}
.interviewWr .ivGalBox .ivGalSwipe .txt01 { 
	font-size: 18px;
	color: #FF8C62;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.interviewWr .ivGalBox .ivGalSwipe .lnk { 
	flex-shrink:0;
	position:relative; 
	display:block;
	padding:19px 22px;
	background:rgba(255,255,255,.1);
	border-radius: 15px;
	font-weight: 700;
	font-size: 20px;
	color: #FFF;
}
.interviewWr .ivGalBox .ivGalSwipe .lnk:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:2px;
	background:linear-gradient(to right, #816BFF, #7EE3FF, #FF48A1);
	border-radius: 15px;
	inset: 0;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.interviewWr .ivGalBox .ivGalPaging { 
	position:absolute;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:24px;
	width: 12px;
	height: 100%;
	top: 0;
	bottom: auto;
	right: -68px;
	left: auto;
	font-size: 0;
}
.interviewWr .ivGalBox .ivGalPaging .swiper-pagination-bullet { 
	margin:0;
	background:#FFF;
	opacity: .3;
}
.interviewWr .ivGalBox .ivGalPaging .swiper-pagination-bullet-active { 
	background: #FFF;
	opacity: 1;
}
.interviewWr .comMapBox01 { 
	background:url(/Form/_web/images/interviewMapBg01.png) no-repeat center / cover;
}
.interviewWr .comMapBox01 .conBox { 
	background:transparent;
}
.interviewWr .mRankingWr .rankBox {
	padding:120px 0;
	background:transparent;
}
@media all and (max-width:999px){
	.interviewWr .ivGalBox { 
		padding:36px 0;
	}
	.interviewWr .ivGalBox .ivGalSwipe .swiper-slide { 
		padding:232px 20px 18px;
	}
	.interviewWr .ivGalBox .ivGalSwipe .infoBox01 { 
		flex-wrap:wrap;
		gap:5px;
	}
	.interviewWr .ivGalBox .ivGalSwipe .txtBox01 { 
		width: 100%;
	}
	.interviewWr .ivGalBox .ivGalSwipe .name01 {
		margin:0 0 8px;
		padding:0 0 9px;
		font-size: 14px;
	}
	.interviewWr .ivGalBox .ivGalSwipe .name01:after {
		width: 80px;
	}
	.interviewWr .ivGalBox .ivGalSwipe .txt01 { 
		font-size: 13px;
	}
	.interviewWr .ivGalBox .ivGalSwipe .lnk { 
		width: 100%;
		padding:10px 10px 9px;
		border-radius: 5px;
		font-size: 13px;
	}
	.interviewWr .ivGalBox .ivGalPaging { 
		position:relative;
		display:block; 
		width: 100%;
		height: auto;
		top: auto;
		right: auto;
		margin:16px 0 0;
		text-align: center;
	}
	.interviewWr .ivGalBox .ivGalPaging .swiper-pagination-bullet { 
		margin:0 4px;
	}
	.interviewWr .mRankingWr .rankBox { 
		padding:36px 0;
	}
}
/* 우승자 인터뷰 끝
------------------------------------------------------ */