* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-moz-selection {background: #000000; /*메인색*/ color: #fff;text-shadow: none;}
::selection {background: #7e64c8; color: #fff; text-shadow: none;}
html, body, div, span, object, iframe, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, legend, caption, table, tbody, thead, tfoot, tr, th, td, summary, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, b, i, a, small, menu, nav, section, time, mark, audio, video, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, button {margin:0;padding:0; border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;color:inherit;vertical-align: middle}
dl,ul,ol,menu,li {list-style:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
input,select,textarea,button {background:none}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000;}
select {border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
option {font-family: ScoreR; font-size: 0.8em;}
pre {white-space: pre-wrap;}
img {border:0; max-width:100%}
table {border-collapse:collapse; table-layout: fixed;}
a {text-decoration:none;}
a:hover {transition:.2s all ease}
span {vertical-align:top}
blockquote {font-size:1.1em;font-style:italic;border-left:5px #000 solid; padding-left:20px;margin:40px 20px;}
div,p {word-break:keep-all;}
b, strong {font-weight:400;}

body {
	color:#333; 
	font-size:16px; 
	font-family:"Lato","ScoreR","Apple SD Gothic NEO",dotum,sans-serif; 
	width: 1920px;
	margin: 0 auto;
	background:#fff;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

/************* layout *************/
.font-scoreL {font-family:ScoreL}
.font-scoreR {font-family:ScoreR}
.font-scoreB {font-family:ScoreB}
.font-scoreM {font-family:ScoreM}
.font-scoreEB {font-family:ScoreEB;}

.white {color: #fff !important;}
.purple {color: #7e64c8;}
.pink {color: #b97aa9;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}
.ta-c {text-align: center;}

.containerWrap {width: 100%;padding: 4vw 3vw;}
.container {max-width:1320px;margin: 0 auto;}
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction:row;
	text-align:center;	
}

.row h1 {font-size:250%;font-family:"ScoreEB";color: #3b393b;margin-bottom: 1.4%;}
.row h2 {font-size:100%;font-family:"Lato";font-weight: 900;color: #ac7ab9;margin-bottom: 1.4%;opacity: 0.57;letter-spacing:6px;}
.row h3 {font-size:140%;font-family:"Noto Sans KR";font-weight:500;color: #120e0f;letter-spacing: -1.5px;margin-bottom:4%;}

.row-sub h1 {font-size: 210%;margin-bottom: 1%;}
.row-sub h2 {margin-bottom:1%;}
.row-sub h3 {font-family: ScoreEL;font-size: 90% !important;letter-spacing:4px}

.row-board h1 {font-size: 200%;color: #fff;margin-bottom: 1%;}
.row-board h2 {margin-bottom:1%;}
.row-board h3 {font-family: ScoreEL;font-size: 90% !important;letter-spacing:1px;color: #fff;margin-bottom: 1%;}

.col-3 {width: 25%;}
.col-5 {width: calc(125%/3);}
.col-6 {width: 50%;}
.col-7 {width: calc(175%/3);}

.flex {display: flex;}
.flex-wrap {flex-wrap:wrap}
.justfy_between {justify-content: space-between}
.direction-col {	flex-direction:column;}
.align-center {align-items: center;}

.bg_skyblue {background-color: #e0f0ff}
.bg_pink {background-color: #e7d3e2;}
.bg_lightgray {background-color: #f3f3f3}
.bg_white {background: #fff !important;}

.pc_none {display: none;}
.pc_none_flex {display: none;}
.mo_none {display: block;}
.mo_none_flex {display: flex;}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:checked + label:before {
	background-image: url('/images/common/icon_check.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
input[type="radio"]:checked + label:before {
	background-image: url('/images/common/icon_check.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;	
}

/************** pop *************/
#overlay_t {
	position: fixed; right: 0; top: 0; bottom: 0; left: 0; 
	opacity: 0.7; 
	filter: alpha(opacity = 50); /* IE7 & 8 */ 
	background-color: #000; 
	z-index: 99; 
	display:none;
}
 .popup_layer {
	position:absolute; top:100px; left:0; right: 0;
	display:none;
	width:90vw; 
	max-width:1200px;
	border:solid 1px #ccc; 
	box-shadow: 0px 1px 20px #333; 
	padding: 10vw 5vw 10vw;
	margin: 0 auto;
	background-color: #fff;
	z-index:100;
}
.popup_layer input::-moz-placeholder {color: #000;}
.popup_layer .close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	width: 20px;
}
 .popup_layer2 {
	position:absolute; top:100px; left:0; right: 0;
	display:none;
	width:733px; 
	box-shadow: 0px 1px 20px #333; 
	padding: 0;
	margin: 0 auto;
	z-index:100;
}
.popup_layer2 input::-moz-placeholder {color: #000;}



/************** main *************/
#index {margin: 0 auto;}
#index #privacy_content {display: none;}
#index .imageLine {
	position: relative;
}
#index .layer {
	position: absolute;top:100vw;left: 0;right: 0;
	width: 90.714%;
	margin: 0 auto;
}

#index .form {
	padding-left: 729px;
	padding-top: 474px;
	height: 989px;
	background: url('/event/images/pc2.jpg') no-repeat;
}
#index .form .title {
	padding-top: 10%;
	padding-bottom: 5%;;
}

#index #rsvCounsel .form_name {margin-bottom: 1%;}
#index #rsvCounsel .form_name img{width: 66px;}
#index #rsvCounsel .form_phone {margin-bottom: 1%;}
#index #rsvCounsel .form_phone img{width: 88px;}
#index #rsvCounsel .form_sgr {margin-bottom: 1%;}
#index #rsvCounsel .form_sgr img{width: 131px;}
#index #rsvCounsel h1 {text-align: center;	font-size: 200%;	margin-bottom: 2vw;}
#index #rsvCounsel input[type='text'], 
#index #rsvCounsel input[type='tel'], 
#index #rsvCounsel select, 
#index #rsvCounsel textarea {
	color: #333;	
	font-size: 1.2em;
	font-family: ScoreEB;
	border:2px solid #b46dff;
	padding: 5px 0 5px 10px;
	margin-bottom: 13px;
	background-color:#fff;
}
#index #rsvCounsel input[type='text'] {width: 310px;}
#index #rsvCounsel input[type='tel'] {
	width: 101px;
	margin-right: 4px;
}
#index #rsvCounsel select {
	width:310px;
	margin-bottom: 10px !important;
	background: url('../images/common/btn_down.png') #fff no-repeat 95% center;
}
#index #rsvCounsel h3.type {font-size: 1.4em;margin: 6% 0;}
#index #rsvCounsel h3.type span {
	font-size: 0.6em;
	vertical-align: bottom;
	color: #b46dff;
}
#index #rsvCounsel .icheckbox_square-blue {margin-right: 7px !important;}

#index #rsvCounsel .privacy {
	color: #ffa23c;
	text-align: left;
	padding-left: 41px;
	margin-top: 6px;
}
#index #rsvCounsel .privacy input {margin-right: 10px;}
#index #rsvCounsel .privacy a{font-size: 90%;text-decoration: underline;}

.btn_box {padding-left:12px}

#index .slider {
	padding: 0 5%;
	background: #fff;
}
#index .slider .title {
	padding: 20% 10% 12%;
}
#index .slider .bottom_logo {text-align: center;margin: 10% 0;}
#index .slider .bottom_logo img {width:45%;}

#index .contact {text-align: center;padding: 3% 5%;background-color: #ebebeb;}

#index .links a {width: 31%;}


@media screen and (max-width: 768px) {
	body {width: 100%;}
	.pc_none {display: block; width: inherit;} 
	.mo_none {display: none !important;}

	.popup_layer2 {width: 100%;}
	.popup_layer2 .img2 {
		width: 100%;
	}

	#index .form {
		width: 100%;
		padding-left: 0;
		padding-top: 0;
		height: auto;
		background: url('/event/images/mo2.png') #aaf3fd no-repeat;
		background-size: 100%;
	}
	#index #rsvCounsel {width: 53%;margin: 0 auto;padding-top: 57%;}
	#index #rsvCounsel .form_name {margin-bottom: 8px;}
	#index #rsvCounsel .form_name img{width: 22%;}
	#index #rsvCounsel .form_phone {margin-bottom: 8px;}
	#index #rsvCounsel .form_phone img{width: 30%;}
	#index #rsvCounsel .form_sgr {margin-bottom: 8px;}
	#index #rsvCounsel .form_sgr img{width: 45%;}
	#index #rsvCounsel input[type='text'], 
	#index #rsvCounsel input[type='tel'], 
	#index #rsvCounsel select, 
	#index #rsvCounsel textarea {
		color: #333;	
		font-size: 1.2em;
		font-family: ScoreEB;
		border:2px solid #b46dff;
		padding: 1vw 0 0.5vw 2vw;
		margin-bottom: 13px;
		background-color:#fff;
	}
	#index #rsvCounsel input[type='text'] {width: 100%;}
	#index #rsvCounsel input[type='tel'] {
		width: 33.4%;
		margin-right: 0.8%;
	}
	#index #rsvCounsel select {
		width:100%;
		margin-bottom: 4% !important;
		background: url('../images/common/btn_down.png') #fff no-repeat 95% center;
	}
	#index #rsvCounsel .privacy {
		color: #b46dff;
		font-size: 0.9em;
		text-align: center;
		padding-left: 0;
		margin-top: 10vw;
		margin-bottom: 3vw;
	}
	.btn_box {text-align: center;padding-left: 0;}
}

@media screen and (max-width: 640px) {
	#index #rsvCounsel input[type='text'], 
	#index #rsvCounsel input[type='tel'], 
	#index #rsvCounsel select, 
	#index #rsvCounsel textarea {
		margin-bottom: 8px;
	}
	#index #rsvCounsel .privacy {
		margin-top: 8vw;
		margin-bottom: 4vw;
	}
	.btn_box {
		width: 100%;
	}
}

@media screen and (max-width: 512px) {
	#index #rsvCounsel input[type='text'], 
	#index #rsvCounsel input[type='tel'], 
	#index #rsvCounsel select, 
	#index #rsvCounsel textarea {
		margin-bottom: 8px;
		padding:0.7vw 0 0.5vw 2vw;
	}
}

@media screen and (max-width: 448px) {
	#index #rsvCounsel input[type='text'], 
	#index #rsvCounsel input[type='tel'], 
	#index #rsvCounsel select, 
	#index #rsvCounsel textarea {
		margin-bottom: 6px;
		padding:0.5vw 0 0.5vw 1vw;
	}
}