@charset "UTF-8";

@media all and (min-width:320px){
[contenteditable=true]:empty:before{
	content: attr(placeholder);
	display: block;
	font-size:16px;
	font-size:5vw;
	color:#979797;
}
#body{
	display:flex;
	flex-flow: column nowrap;
	width:320px;
	width:100vw;
	background-color:#ffffff;
	margin:0px auto;
	padding:0px;
}

#body>.designVR{
	flex-flow:column nowrap;
	margin-top:80px;
	margin-top:25vw;
}


#body>.designVR>.text{
	font-size:24px;
	font-size:7.5vw;
	font-weight:bold;
	margin-left:27px;
	margin-left:8.4375vw;
}

#body>.designVR>.flex{
	flex-flow:column nowrap;
}

#body>.designVR>.flex>.flex.order{
	display:none;
}

#body>.designVR>.flex>.flex.step{
	flex-flow:column nowrap;
	margin-top:40px;
	margin-top:12.5vw;
}

#body>.designVR>.flex>.flex.step.first{
	margin-top:32px;
	margin-top:10vw;
}

#body>.designVR>.flex>.flex.step.first>.image{
	width:167px;
	width:52.1875vw;
	height:212px;
	height:66.25vw;
	margin:0 auto;
	margin-top:12px;
	margin-top:3.75vw;
}

#body>.designVR>.flex>.flex.step.second>.image{
	width:210px;
	width:65.625vw;
	height:202px;
	height:63.125vw;
	margin:0 auto;
	margin-top:12px;
	margin-top:3.75vw;
}

#body>.designVR>.flex>.flex.step.third>.image{
	width:203px;
	width:63.4375vw;
	height:203px;
	height:63.4375vw;
	margin:0 auto;
	margin-top:12px;
	margin-top:3.75vw;
}

#body>.designVR>.flex>.flex.step.fourth>.image{
	width:198px;
	width:61.875vw;
	height:208px;
	height:65vw;
	margin:0 auto;
	margin-top:12px;
	margin-top:3.75vw;
}

#body>.designVR>.flex>.flex.step>.flex{
	flex-flow:column nowrap;
}

#body>.designVR>.flex>.flex.step>.flex>.modal{
	display:none;
}

#body>.designVR>.flex>.flex.step>.flex>.text.first{
	font-size:16px;
	font-size:5vw;
	text-align:center;
	margin:0 auto;
}

#body>.designVR>.flex>.flex.step>.flex>.text.second{
	font-size:16px;
	font-size:5vw;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	margin-top:4px;
	margin-top:1.25vw;
}

#body>.designVR>.flex>.flex.step>.flex>.text.third{
	display:none;
}

#body>.designVR>.flex>.flex.step>.flex>.image{
	display:none;
}

#body>.designVR>.flex>.flex.step>.flex>.text.endnote{
	display:none;
}

#body>.form{
	width:320px;
	width:100vw;
	height:1039px;
	height:324.6875VW;
	position:relative;
	padding:0;
	border:none;
	margin:0 auto;
	margin-top:80px;
	margin-top:25vw;
}

#body>.form>.image{
	width:320px;
	width:100vw;
	height:1039px;
	height:324.6875VW;
	position:absolute;
	top:0;
	left:0;
	right:0;
}

#body>.form>.flex{
	flex-flow:column nowrap;
	width:320px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

#body>.form>.flex>.text{
	width:266px;
	width:83.125vw;
	color:#ffffff;
	margin:0 auto;
}

#body>.form>.flex>.text.first{
	font-size:16px;
	font-size:5vw;
	text-align:center;
	color:#ffffff;
	margin-top:40px;
	margin-top:12.5vw;
}

#body>.form>.flex>.text.category{
	height:32px;
	height:10vw;
	line-height:1.86;
	font-size:14px;
	font-size:4.375vw;
	color:#ffffff;
	margin-top:20px;
	margin-top:6.25vw;
}

#body>.form>.flex>.text.input{
	height:32px;
	height:10vw;
	line-height:1.63;
	font-size:16px;
	font-size:5vw;
	border-bottom:solid 1px #d8d8d8;
	border-bottom:solid 0.3125vw #d8d8d8;
}

#body>.form>.flex>.text.input:focus{
	border-bottom:solid 1px #ff7721;
	border-bottom:solid 0.3125vw #ff7721;
}

#body>.form>.flex>.text.input_full:focus{
	border:solid 1px #ff7721;
	border:solid 0.3125vw #ff7721;
}

#body>.form>.flex>.text.tenth:lang(ko){
	width:280px;
	width:87.5vw;
	margin:20px 0px 0px 27px;
	margin:6.25vw 0vw 0vw 8.4375vw;
}

#body>.form>.flex>.text.eleventh{
	line-height:1.86;
	font-size:14px;
	font-size:4.375vw;
	font-weight:normal;
	color:#ffffff;
}


#body>.form>.flex>.text.eleventh:lang(ko){
	width:280px;
	width:87.5vw;
	margin:0px 0px 0px 27px;
	margin:0vw 0vw 0vw 8.4375vw;
}

#body>.form>.flex>.text.twelfth{
	width:234px;
	width:73.125vw;
	height:270px;
	height:84.375vw;
	line-height:30px;
	line-height:9.375vw;
	font-size:16px;
	font-size:5vw;
	overflow:auto;
	padding:14px 16px 16px 16px;
	padding:4.375vw 5vw 5vw 5vw;
	border:solid 1px #d8d8d8;
	border:solid 0.3125vw;
	border-radius:6px;
	border-radius:1.875vw;
	margin-top:8px;
	margin-top:2.5vw;
}

#body>.form>.flex>.text.thirteenth{
	width:131px;
	width:40.9375vw;
	height:44px;
	height:13.75vw;
	line-height:44px;
	line-height:13.75vw;
	font-size:20px;
	font-size:6.25vw;
	text-align:center;
	color:#ffffff;
	background-color:#ff7721;
	border-radius:29px;
	border-radius:9.0625vw;
	margin-top:20px;
	margin-top:6.25vw;
	margin-left:162px;
	margin-left:50.625vw;
}
}

@media all and (min-width:768px){
[contenteditable=true]:empty:before{
	font-size:16px;
	font-size:2vw;
}

#body{
	width:768px;
	width:100vw;
}

#body>.designVR{
	flex-flow:column nowrap;
	margin:80px 0px 0px 42px;
	margin:10.417vw 0vw 0vw 5.46875vw;
}

#body>.designVR>.text{
	font-size:32px;
	font-size:4.17vw;
	font-weight:bold;
	margin:0px;
	margin:0vw;
}

#body>.designVR>.flex{
	flex-flow:column nowrap;
}

#body>.designVR>.flex>.flex.order{
	display:none;
}

#body>.designVR>.flex>.flex.step{
	flex-flow:row nowrap;
	width:684px;
	width:89.0625vw;
	height:294px;
	height:38.28125vw;
	margin-top:40px;
	margin-top:5.2083vw;
	border-radius:6px;
	border-radius:0.78125vw;
	box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.1);
	box-shadow:0vw 0.260417vw 1.0417vw 0vw rgba(0, 0, 0, 0.1);
}

#body>.designVR>.flex>.flex.step.first{
	margin-top:40px;
	margin-top:5.2083vw;
}

#body>.designVR>.flex>.flex.step.first>.image{
	width:167px;
	width:21.7447917vw;
	height:212px;
	height:27.60417vw;
	margin:82px 0px 0px 97px;
	margin:10.677083vw 0vw 0vw 12.6302083vw;
}

#body>.designVR>.flex>.flex.step.second>.image{
	width:210px;
	width:27.34375vw;
	height:202px;
	height:26.302083vw;
	margin:92px 0px 0px 54px;
	margin:11.97917vw 0vw 0vw 7.03125vw;
}

#body>.designVR>.flex>.flex.step.third>.image{
	width:203px;
	width:26.4322917vw;
	height:203px;
	height:26.4322917vw;
	margin:91px 0px 0px 62px;
	margin:11.8489583vw 0vw 0vw 8.072917vw;
}

#body>.designVR>.flex>.flex.step.fourth>.image{
	width:198px;
	width:25.78125vw;
	height:208px;
	height:27.083vw;
	margin:87px 0px 0px 66px;
	margin:11.328125vw 0vw 0vw 8.59375vw;
}

#body>.designVR>.flex>.flex.step>.flex{
	flex-flow:row wrap;
	width:372px;
	width:48.4375vw;
	position:relative;
	margin:32px 0px 0px 24px;
	margin:4.17vw 0vw 0vw 3.125vw;
}

#body>.designVR>.flex>.flex.step>.flex>.modal.on{
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	width:684px;
	width:89.0625vw;
	height:294px;
	height:38.28125vw;
	position:absolute;
	z-index:1000;
	background-color:#000000;
	border-radius:6px;
	border-radius:0.78125vw;
	top:-32px;
	top:-4.166667vw;
	left:-24px;
	left:-3.125vw;
}

#body>.designVR>.flex>.flex.step>.flex>.modal.on>.button{
	display:flex;
	width:48px;
	width:6.25vw;
	height:48px;
	height:6.25vw;
	position:absolute;
	top:11px;
	top:1.432292vw;
	left:623px;
	left:81.119792vw;
}

#body>.designVR>.flex>.flex.step>.flex>.modal.on>.button{
	width:16px;
	width:2.083333vw;
	height:16px;
	height:2.083333vw;
	margin:16px 16px 16px 16px;
	margin:2.083333vw 2.083333vw 2.083333vw 2.083333vw;
}

#body>.designVR>.flex>.flex.step>.flex>.modal.on>.endnote{
	display:block;
	width:623px;
	width:81.119792vw;
	line-height:2;
	font-size:14px;
	font-size:1.822917vw;
	font-weight:normal;
	color:#ffffff;
	margin-left:34px;
	margin-left:4.427083vw;
}

#body>.designVR>.flex>.flex.step>.flex>.modal.on>.endnote::before{
	display:inline-block;
	content:'';
	width:4px;
	width:0.520833vw;
	height:4px;
	height:0.520833vw;
	background-color:#ffffff;
	margin:0px 4px 2px 0px;
	margin:0px 0.520833vw 0.260417vw 0px;
}

#body>.designVR>.flex>.flex.step>.flex>.text.first{
	width:372px;
	width:48.4375vw;
	font-size:16px;
	font-size:2.083vw;
	text-align:left;
	margin:0px 8px 0px 0px;
	margin:0vw 1.0417vw 0vw 0vw;
}

#body>.designVR>.flex>.flex.step>.flex>.text.second{
	font-size:16px;
	font-size:2.083vw;
	font-weight:bold;
	text-align:left;
	position:absolute;
	margin:0;
	left:59px;
	left:6.797235vw;
}

#body>.designVR>.flex>.flex.step>.flex>.text.third{
	display:block;
	width:372px;
	width:48.4375vw;
	height:138px;
	height:17.96875vw;
	font-size:20px;
	font-size:2.60417vw;
	font-weight:normal;
	margin:20px 0px 0px 0px;
	margin:2.60417vw 0vw 0vw 0vw;
}

#body>.designVR>.flex>.flex.step>.flex>.image{
	display:block;
	width:20px;
	width:2.60417vw;
	height:20px;
	height:2.60417vw;
	margin:21px 0px 40px 0px;
	margin:2.734375vw 0vw 5.208333vw 0vw;
}

#body>.designVR>.flex>.flex.step>.flex>.text.endnote{
	display:none;
}

#body>.form{
	width:768px;
	width:100vw;
	height:1133px;
	height:147.526042vw;
	position:relative;
	padding:0;
	margin:0 auto;
	margin-top:60px;
	margin-top:7.5vw;
}


#body>.form>.image{
	width:768px;
	width:100vw;
	height:1133px;
	height:147.526042vw;
}

#body>.form>.flex{
	flex-flow:column nowrap;
	width:768px;
	width:100vw;
	position:absolute;
}

#body>.form>.flex>.text{
	width:504px;
	width:65.625vw;
	height:32px;
	height:4.166667vw;
	margin:0 auto;
}

#body>.form>.flex>.text.first{
	font-size:28px;
	font-size:3.645833vw;
	margin-top:80px;
	margin-top:10.416667vw;
	margin-bottom:20px;
	margin-bottom:2.604167vw;
}

#body>.form>.flex>.text.category{
	height:32px;
	height:4.166667vw;
	font-size:14px;
	font-size:1.822917vw;
	color:#ffffff;
	margin-top:20px;
	margin-top:2.604167vw;
}

#body>.form>.flex>.text.input{
	height:32px;
	height:4.166667vw;
	font-size:16px;
	font-size:2.083333vw;
	border-bottom:solid 1px #d8d8d8;
	border-bottom:solid 0.130208vw #d8d8d8;
}

#body>.form>.flex>.text.input:focus{
	border-bottom:solid 1px #ff7721;
	border-bottom:solid 0.130208vw #ff7721;
}

#body>.form>.flex>.text.input_full:focus{
	border:solid 1px #ff7721;
	border:solid 0.130208vw #ff7721;
}


#body>.form>.flex>.text.tenth:lang(ko){
	width:504px;
	width:65.625vw;
	margin:0 auto;
	margin-top:20px;
	margin-top:2.604167vw;
}

#body>.form>.flex>.text.eleventh{
	height:104px;
	height:13.541667vw;
	line-height:1.86;
	font-size:14px;
	font-size:1.822917vw;
	font-weight:normal;
	color:#ffffff;
}


#body>.form>.flex>.text.eleventh:lang(ko){
	width:504px;
	width:65.625vw;
	margin:0 auto;
}

#body>.form>.flex>.text.twelfth{
	width:472px;
	width:61.458333vw;
	height:270px;
	height:35.15625vw;
	line-height:1.63;
	font-size:16px;
	font-size:2.083333vw;
	overflow:auto;
	padding:14px 16px 16px 16px;
	padding:1.822917vw 2.083333vw 2.083333vw 2.083333vw;
	border:solid 1px #d8d8d8;
	border:solid 0.130208vw;
	border-radius:6px;
	border-radius:0.78125vw;
	margin-top:8px;
	margin-top:1.041667vw;
}

#body>.form>.flex>.text.thirteenth{
	width:178px;
	width:23.177083vw;
	height:48px;
	height:6.25vw;
	line-height:48px;
	line-height:6.25vw;
	font-size:16px;
	font-size:2.083333vw;
	text-align:center;
	color:#ffffff;
	background-color:#ff7721;
	border-radius:29px;
	border-radius:3.776042vw;
	margin-top:40px;
	margin-top:5.208333vw;
	margin-left:458px;
	margin-left:59.635417vw;
}
}


@media all and (min-width:1440px){
[contenteditable=true]:empty:before{
	font-size:16px;
}

#body{
	width:1440px;
}

#body>.designVR{
	flex-flow:column nowrap;
	margin:80px 0px 0px 130px;
}

#body>.designVR>.text{
	font-size:32px;
	font-weight:bold;
	margin:0px;
	margin:0vw;
}

#body>.designVR>.flex{
	flex-flow:column nowrap;
}

#body>.designVR>.flex>.flex.order{
	display:flex;
	flex-flow:column nowrap;
	width:1180px;
	height:108px;
	margin:60px 130px 0px 0px;
}

#body>.designVR>.flex>.flex.order>.flex.graph{
	flex-flow:row nowrap;
}

#body>.designVR>.flex>.flex.order>.flex.graph>.bar{
	width:260px;
	height:4px;
	background-color:#bbbbbb;
	margin:18px 0px 0px 0px;
}

#body>.designVR>.flex>.flex.order>.flex.graph>.bar.end{
	width:120px;
}

#body>.designVR>.flex>.flex.order>.flex.graph>.bar.on{
	background-color:#0d0d0d;
}

#body>.designVR>.flex>.flex.order>.flex.graph>.circle{
	width:32px;
	height:32px;
	line-height:32px;
	font-size:16px;
	font-weight:900;
	text-align:center;
	color:#979797;
	background-color:#d8d8d8;
	border-radius:40px;
	border:solid 4px #bbbbbb;
}


#body>.designVR>.flex>.flex.order>.flex.graph>.circle.on{
	color:#ffffff;
	background-color:#000000;
	border:solid 4px #000000;
}
	

#body>.designVR>.flex>.flex.order>.flex.step{
	flex-flow:row nowrap;
	margin:11px 0px 0px 0px;
}

#body>.designVR>.flex>.flex.order>.flex.step>.text{
	width:160px;
	font-size:14px;
	text-align:center;
	margin:0px 70px 0px 70px;
}

#body>.designVR>.flex>.flex.order>.flex.step>.text.first{
	margin:0px 70px 0px 60px; 
}

#body>.designVR>.flex>.flex.order>.flex.step>.text.fourth{
	margin:0px 50px 0px 70px; 
}

#body>.designVR>.flex>.flex.step{
	display:none;
	flex-flow:row nowrap;
	width:1180px;
	height:345px;
	margin:0;
	border-radius:6px;
	box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}

#body>.designVR>.flex>.flex.step.on{
	display:flex;
	margin:0;
}

#body>.designVR>.flex>.flex.step.first>.image{
	width:238px;
	height:312px;
	padding:0;
	margin:33px 0px 0px 114px;
}

#body>.designVR>.flex>.flex.step.second>.image{
	width:300px;
	height:288px;
	padding:0;
	margin:57px 0px 0px 52px;
}

#body>.designVR>.flex>.flex.step.third>.image{
	width:288px;
	height:290px;
	padding:0;
	margin:55px 0px 0px 64px;
}

#body>.designVR>.flex>.flex.step.fourth>.image{
	width:282px;
	height:296px;
	padding:0;
	margin:49px 0px 0px 70px;
}

#body>.designVR>.flex>.flex.step>.flex{
	flex-flow:row wrap;
	width:724px;
	padding:0px 0px 40px 0px;
	margin:40px 0px 0px 48px;
}

#body>.designVR>.flex>.flex.step>.flex>.modal{
	display:none;
}

#body>.designVR>.flex>.flex.step>.flex>.text.first{
	width:51px;
	font-size:16px;
	text-align:left;
	margin:0px 8px 0px 0px;
}

#body>.designVR>.flex>.flex.step>.flex>.text.second{
	width:663px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	position:static;
	margin:0;
	left:0;
}

#body>.designVR>.flex>.flex.step>.flex>.text.third{
	display:block;
	width:623px;
	height:112px;
	font-size:20px;
	margin:20px 0px 0px 0px;
}

#body>.designVR>.flex>.flex.step>.flex>.image{
	display:none;
}

#body>.designVR>.flex>.flex.step>.flex>.text.endnote{
	display:block;
	align-self:flex-end;
	width:724px;
	height:28px;
	line-height:28px;
	font-size:14px;
	font-weight:normal;
}

#body>.designVR>.flex>.flex.step>.flex>.text.endnote::before{
	display:inline-block;
	content:'';
	width:4px;
	height:4px;
	background-color:#000000;
	margin:0px 4px 2px 0px;
}

#body>.form{
	width:1440px;
	height:1141px;
	position:relative;
	margin-top:162px;
}


#body>.form>.image{
	width:1440px;
	height:1141px;
}

#body>.form>.flex{
	flex-flow:column nowrap;
	width:1440px;
	position:absolute;
}

#body>.form>.flex>.text{
	width:680px;
	height:32px;
	line-height:32px;
	margin:0 auto;
}

#body>.form>.flex>.text.first{
	height:40px;
	line-height:40px;
	font-size:28px;
	padding-bottom:28px;
	margin-top:64px;
}

#body>.form>.flex>.text.category{
	height:32px;
	font-size:14px;
	color:#ffffff;
	margin-top:20px;
}

#body>.form>.flex>.text.input{
	height:32px;
	font-size:16px;
	border-bottom:solid 1px #d8d8d8;
}

#body>.form>.flex>.text.input:focus{
	border-bottom:solid 1px #ff7721;
}

#body>.form>.flex>.text.input_full:focus{
	border:solid 1px #ff7721;
}


#body>.form>.flex>.text.tenth:lang(ko){
	width:680px;
	margin-top:20px;
}

#body>.form>.flex>.text.eleventh{
	height:104px;
	line-height:26px;
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
}

#body>.form>.flex>.text.eleventh:lang(ko){
	width:680px;
	margin:0 auto;
}

#body>.form>.flex>.text.twelfth{
	width:648px;
	height:270px;
	line-height:30px;
	font-size:16px;
	overflow:auto;
	padding:14px 16px 16px 16px;
	border:solid 1px #d8d8d8;
	border-radius:6px;
	margin-top:8px;
}

#body>.form>.flex>.text.thirteenth{
	width:180px;
	height:56px;
	line-height:56px;
	font-size:24px;
	text-align:center;
	color:#ffffff;
	background-color:#ff7721;
	border-radius:29px;
	margin-top:40px;
	margin-left:879px;
}

}