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

@font-face {
    font-family: 'LABDigital';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/fontlab/LABDigital.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/fontlab/LABDigital.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/fontlab/LABDigital.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/fontlab/LABDigital.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/fontlab/LABDigital.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Noto Sans KR', sans-serif;background:#fff; min-width:360px}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2 {font-size:1em;font-family: 'Noto Sans KR', sans-serif}
h3 {font-family: 'LABDigital'}
h4 {font-family: 'GmarketSansLight', sans-serif}
h5 {font-family: 'GmarketSansMedium', sans-serif}
h6 {font-family: 'GmarketSansBold', sans-serif}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}



.placeholdersjs {color:#aaa !important}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

.area {width:1200px; margin:0 auto; position:relative}
.mrs {display:none}
.ulct {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.mr10 {margin-right:10px}

#container {position:relative; max-width:1920px; margin:0 auto; overflow:hidden; zoom:1}

/*230515 정원추가*/
.top {position:fixed; top:0; left:0; width:100%; height:80px; line-height:80px; text-align:center; background:#fff; box-shadow:1px 1px 5px #ccc; padding-top:0; z-index:999}
.top .logo {float:left}
.top .gnb {float:right}
.top .gnb:after {display:block;visibility:hidden;clear:both;content:""}
.top .gnb li {float:left; margin-right:125px}
.top .gnb li:last-child {margin-right:0}
.top .gnb li a {display:inline-block; font-size:32px; color:#323232; font-weight:400; font-family: 'GmarketSansMedium', sans-serif}
.top .gnb .on a {position:relative; font-weight:600; color:#222}
.top .gnb .on a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; 
  height: 5px;
  background: #bd1b21;
}


.top img {height: 36px; width:auto}
.visual {position:relative; left:50%; margin-left:-960px; width:1920px; overflow:hidden; margin-top:80px; background: linear-gradient(to bottom,  #ffe1e1 0%,#ffffff 20%, #ffffff 100%); text-align:center; padding:100px 0}
.visual .vm .cp2 {margin:50px 0}
.visual .vm .cp4 {margin-top:50px}
.visual .vcar {position:relative; top:-275px; text-align: center } /*230627 정원추가*/ 


/*230515 정원추가*/
/* 230515 정원 삭제
.visual {position:relative; background:#ffcc00; padding:150px 0 0 0; height:700px; width:100%; text-align:center}
.visual .logo {position:absolute; left:60px; top:60px}
.visual .hot {width:900px; margin:-40px auto 0; background:#000; border-radius:10px} 
.visual .hot ul:after {display:block;visibility:hidden;clear:both;content:""}
.visual .hot li {float:left; line-height:70px; height:70px; padding:0 20px}
.visual .hot li:nth-child(2) {padding-right:0}
.visual .hot li:nth-child(2) img {margin-top:-20px}
.visual .hot li:nth-child(3) {border-radius:10px; border-top-left-radius:0; border-bottom-left-radius:0}
.visual .hot h3 {display:inline-block; font-size:50px; color:#fff; font-weight:300}
.visual .hot h4 {display:inline-block; font-size:50px; color:#fff; font-weight:300}
.visual .hot h5 {display:inline-block; font-size:50px; color:#fff; font-weight:300; margin-left: 10px}
*/

@media screen and (max-width:1200px) {
.mr10 {margin-right:5px}
#container {max-width:100%}
.top {padding:0 20px; height:55px; line-height:55px}
.top img {height:22px; width:auto}


.top .gnb {margin-top:-3px}
.top .gnb .ulct {width:100%}
.top .gnb li { text-align:center; margin-right:20px}
.top .gnb li a {font-size:1.25em}
.top .gnb .on a::after {
  height: 3px;
  bottom:-1px
}


/*.visual {left:0; margin-left:0; width:100%; margin-top: 22px; height: 650px} 240605 height 삭제 */
.visual {left:0; margin-left:0; width:100%; margin-top: 5px; padding:100px 50px} 
.visual .mrs {margin-top: 50px; margin-bottom: 50px}
.visual .vcar {position:relative; text-align: center; width: 70%; left:15%; top:-150px;}


.visual .vm .cp2 {margin:30px 0}
.visual .vm .cp4 {margin-top:30px}



/*230515 정원 삭제
.visual {background: #ffcc00; background-size:cover; min-height:268px; max-height:300px; padding:50px 0 0 0; border-bottom-left-radius:15px; ; border-bottom-right-radius:15px}
.visual .logo {width:100px; left:10px; top:20px}
.visual .title {padding:0 10px}
.visual .hot {width:90%; margin-top:-10px; padding:0 10px}
.visual .hot .ulct {max-width: 390px; min-width: 250px} 
.visual .hot ul {width:100%; background:#000; border-radius:10px}
.visual .hot li {float:left; width:35%; line-height:50px; height:50px; padding:0 10px}
.visual .hot li:nth-child(2) {width:20%; text-align:center}
.visual .hot li:nth-child(2) img {margin-top:-10px; width:100%; height:80%}
.visual .hot li:nth-child(3) {width:45%; padding-left:5px}
.visual .hot h3 {display:inline-block; font-size:1.5em; color:#fff; font-weight:300}
.visual .hot h4 {display:inline-block; font-size:1.5em; color:#fff; font-weight:300; letter-spacing:-1px}
.visual .hot h5 {display:inline-block; font-size:1.5em; color:#fff; font-weight:300; letter-spacing:-1px}*/
}*/

.object {width:100%; height:100%; /*padding-top:50px; background:url('../img/bg.jpg') center repeat-y;*/ background-size:inherit; text-align:center; top: -350px}
.object:after {display:block;visibility:hidden;clear:both;content:""}

.form {width:100%; margin-top:0; padding:100px 0; text-align:center; background: linear-gradient(to right,  #b01314 0%,#f33131 100%)}
.form:after {display:block;visibility:hidden;clear:both;content:""}
.form .title {margin-bottom:50px}
.form .title h6 {font-size:80px; color:#fff; letter-spacing:-5px; line-height:80px}
.form .title span {font-family: 'GmarketSansLight', sans-serif}

.form .slide-3-box {width:614px; margin:0 auto}
.form .sop {width:614px; margin:0 auto}
.form .sop button {border:0; background:none}
.form .sop img {width:80%; margin:0 auto}
.form .sop .ipfull {display:inline-block; width:100%; height:70px; line-height:70px; padding:0 20px; font-family: 'GmarketSansMedium', sans-serif; font-size:30px; color:#000}
.form .sop input::placeholder {color:#fff; border-radius:5px}
.form .sop dt {display:block; margin-bottom:10px}
.form .sop dt:last-child {margin-top:50px; margin-bottom:0}
.form .sop .agrees {text-align:left}
.form .so .agrees span {font-size:17px; color:#5c503c}	
.form .sop .agrees a {display:inline-block; padding:3px 5px; background:#5c503c; font-size:15px; color:#fff; font-weight:600; border-radius:5px}
.form .sop .agrees input {width:20px; height:20px; margin-top:-5px}
.form .sop  input::placeholder {color:#878787; font-weight:400}
.form .sop2 {width:950px; margin:0 auto}
.form .sop2:after {display:block;visibility:hidden;clear:both;content:""}
.form .sop2 .cp1:after {display:block;visibility:hidden;clear:both;content:""}
.form .sop2 .cp1 {margin-bottom:10px}
.form .sop2 .cp1:last-child {margin-bottom:0}
.form .sop2 .cp1 dt {float:left; width:270px; margin-right:10px; }
.form .sop2 .cp1 dt:last-child {width:670px; margin-right:0}
.form .sop2 .cp1 .ipfull {display:inline-block; width:100%; height:100px; line-height:100px; padding:0 20px; font-family: 'GmarketSansMedium', sans-serif; font-size:30px; color:#111; border-radius:10px; background:#fff; border:0}
.form .sop2 .cp1 h1 {display:inline-block; width:100%; height:100px; line-height:100px; color:#fff; background:#434343; font-family: 'GmarketSansMedium', sans-serif; font-size:40px; border-radius:10px; border:0}
.form .sop2 .agrees {margin:20px 0}
.form .sop2 .agrees:after {display:block;visibility:hidden;clear:both;content:""}
.form .sop2 .agrees dt {float:left; margin-right:20px}
.form .sop2 .agrees dt:last-child {margin-right:0}
.form .sop2 .agrees span {font-size:17px; color:#fff}	
.form .sop2 .agrees a {display:inline-block; padding:3px 5px; background:#5c503c; font-size:15px; color:#fff; font-weight:600; border-radius:5px}
.form .sop2 .agrees input {width:20px; height:20px; margin-top:-5px}
.form .sop2 .btns {width:75%; margin:0 auto}
.form .sop2 .btns button {display:inline-block; width:100%; height:100px; line-height:100px; padding:0; font-family: 'GmarketSansBold', sans-serif; font-size:50px; color:#fff; border-radius:50px; letter-spacing:-5px; background:#323232; border:0}
.form .sop2 .btns button:hover {color:#fcff00}

@media screen and (max-width:1200px) {
.object {padding-top:-20px}
.form {padding:20px 0 50px; margin-top:0px}
.form .title {margin-bottom:10px}
.form .slide-3-box {width:100%}
.form .sop {width:100%; padding:20px}
.form .sop .ipfull {height:50px; line-height:50px; padding:0 10px; font-size:1.25em}
.form .sop dt {margin-bottom:5px}
.form .sop dt:last-child {margin-top:0px}
.form .sop .agrees span {font-size:0.75em; color:#5c503c}
.form .sop .agrees a {font-size:0.95em}
.form .sop .agrees input {width:17px; height:17px; margin-top:-3px}
.form .sop img {margin-top: 20px}


.form .title h6 {font-size:2em; letter-spacing:-2px; line-height:normal}
.form .sop2 {width:100%; padding:0 20px}
.form .sop2 .cp1 {margin-bottom:2%}
.form .sop2 .cp1 dt {width:28%; margin-right:2%}
.form .sop2 .cp1 dt:last-child {width:70%}
.form .sop2 .cp1 .ipfull {height:50px; line-height:50px; padding:0 10px; font-size:1.25em}
.form .sop2 .cp1 h1 {height:50px; line-height:50px; font-size:1.25em}
.form .sop2 .agrees dt {float:none; display:block; text-align:left; margin-bottom:5px; margin-right:0}
.form .sop2 .agrees dt:last-child {margin-bottom:0}
.form .sop2 .agrees span {font-size:1.05em}	
.form .sop2 .agrees a {font-size:0.95em}
.form .sop2 .agrees input {width:17px; height:17px; margin-top:-3px}
.form .sop2 .btns {width:100%; margin:0 auto}
.form .sop2 .btns button {height:60px; line-height:60px; font-size:2em; letter-spacing:-2px}
}


#quick {position:fixed; left:0; width:100%; padding:20px 0; bottom:0; z-index:999; background:#252525; text-align:center}
#quick ul:after {display:block;visibility:hidden;clear:both;content:""}
#quick li {float:left; width:24.25%; margin-right:1%; line-height:55px}
#quick li:last-child {margin-right:0}
#quick button {border:0; background:#ff0202; font-family: 'GmarketSansBold', sans-serif; display:inline-block; width:100%; color:#fff; height:55px; line-height:55px; border-radius:10px; font-size:30px}
#quick .ipfull {display:inline-block; width:100%; height:55px; line-height:55px; border-radius:10px; border:0; padding:0 20px; font-family: 'GmarketSansLight', sans-serif; font-weight:400; font-size:30px; color:#000; background:#f4f4f4}
#quick input::placeholder {color:#878787}
#quick .title {text-align:left}
#quick .title h1 {font-size:45px; color:#fff; font-family: 'GmarketSansBold', sans-serif}
#quick .title span {color:#ff0202}
#quick .box:after {display:block;visibility:hidden;clear:both;content:""}
#quick .agrees {margin:15px auto 0}
#quick .agrees:after {display:block;visibility:hidden;clear:both;content:""}
#quick .agrees span {font-size:17px; color:#fff}	
#quick .agrees a {display:inline-block;font-size:15px; color:#fff; font-weight:600}
#quick .agrees input {width:20px; height:20px; margin-top:-5px; margin-right:5px}
#quick .agrees dt {float:left; margin-right:50px}
#quick .agrees dt:last-child {margin-right:0}

#quick .nums {
  position: absolute;
  right: 0;
  top: 10px;
  background: #fff;
  color: #323232;
  font-size: 24px;
  font-weight: 500;
  border-radius: 30px;
  padding: 3px 15px;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

#quick .nums b {
  color: #ff0202;
  font-weight: 700;
}


.img {position:relative; left:50%; margin-left:-960px; width:1920px; overflow:hidden}
.editimg {position:relative; margin-top:30px; margin-bottom:130px}

.notice {padding:20px 200px; background:#fff; text-align:left}
.ft {padding:20px 0 220px; background:#ebeeef; text-align:center}
.ft h4 {font-size:12px; color:#8c8c8c}
.ft p {font-size:12px; color:#8c8c8c}

@media screen and (max-width:1200px) {
.area {width:100%}
.brs {display:none}
.mrs {display:block}
.img {left:0; margin-left:0; width:100%}
.editimg {left: 0; margin-left:0; width:115%; margin-top:30px; margin-bottom:30px}
img {width:100%; height:auto}

.notice {padding:10px 10px}
.ft {padding:10px 20px 150px}
.ft h4 {font-size:1.05em}
.ft p {font-size:0.75em}

#quick {padding:5px 10px 0 10px}
#quick li {line-height:30px}
#quick .title {margin-bottom:2px}
#quick .title h1 {font-size:1.5em}

#quick .ipfull {height:30px; line-height:30px; padding:0 10px; font-size:1.05em; border-radius:3px}
#quick .agrees {margin:5px 0}
#quick .agrees span {font-size:0.75em}
#quick .agrees a {font-size:0.5em; padding:1px 4px}
#quick .agrees input {width:15px; height:15px; margin-top:-1px; margin-right:0}
#quick .agrees dt {float:left; margin-right:0}
#quick button {font-size:1.25em; line-height:30px; height:30px; border-radius:3px}
#quick .nums {
  top: 5px;
  font-size: 1.05em;
  padding: 0px 10px;
  gap: 3px;
}
#quick .nums img {height:15px; width:auto}
}

.cars {background:url('../img/bgs.jpg') center no-repeat; background-size:cover; width:100%; padding:100px 0; margin-top:80px}
.cars:after {display:block;visibility:hidden;clear:both;content:""}
.cars .c_title {text-align:center}
.car_list {width:1080px; margin:50px auto}
.car_list:after {display:block;visibility:hidden;clear:both;content:""}
.car_list li {float:left; margin-right:0px; margin-bottom:10px}
.car_list li:nth-child(4n) {margin-right:0}
.car_list img {width:270px; height:316px}
@media screen and (max-width:1200px) {
.cars {padding:50px 20px; margin-top:55px}
.car_list {width:100%; margin:20px auto}
.car_list li {width:49%; margin-right:2%; margin-bottom:2%}
.car_list li:nth-child(2n) {margin-right:0}
.car_list img {width:100%; height:auto}
}




.slide-3-box {padding:15px; background:#ffcc00}
.slide-3-box:after {display:block;visibility:hidden;clear:both;content:""}
.slide-3-box .ntp {margin-top:20px}
.slide-3-box .ntp:after {display:block;visibility:hidden;clear:both;content:""}
.slide-3-box .ntp h5 {font-size:17px; color:#5c503c; font-weight:300}
.slide-3-box .ntp h6 {font-size:30px; color:#5c503c}


@media screen and (max-width:700px) {
.slide-3-box {padding:50px 20px}
.slide-3-box .ntp {margin-top:10px}
.slide-3-box .ntp h5 {font-size:1.05em}
.slide-3-box .ntp h6 {font-size:1.5em}
}

		.success-text {
			color: #96cce7;
			font-size: 34px;
			letter-spacing: -3px;
			font-weight: normal;
			display: none;
		}

		.wrap_in ul {
			width: 600%;
			height: 100%;
			transition: 0.2s;
		}

			.wrap_in ul:after {
				content: "";
				display: block;
				clear: both;
			}

		.wrap_in li {
			float: left;
			width: 16.666666666%;
			height: 100%;
			list-style: none;
		}

		.wrap_in ul.page-1 {
			margin-left: 0px;
		}

		.wrap_in ul.page-2 {
			margin-left: -100%;
		}

		.wrap_in ul.page-3 {
			margin-left: -200%;
		}

		.wrap_in ul.page-4 {
			margin-left: -300%;
		}

		.wrap_in ul.page-5 {
			margin-left: -400%;
		}

		.wrap_in ul.page-6 {
			margin-left: -500%;
		}

		.wrap_in ul.page-7 {
			margin-left: -600%;
		}

        .progress-wrap:after {display:block;visibility:hidden;clear:both;content:""}
        .progress-wrap {
            margin: auto;
            width: 100% ;
            padding:20px;
            border-radius:0; 
			border:1px solid #5c503c
        }
			.progress-wrap .progress-bar:after {display:block;visibility:hidden;clear:both;content:""}
			.progress-wrap .progress-bar {
				background: none;
				border:1px solid #7a7a7a;
				width: 100%;
				height: 40px;
				margin: auto;
				padding:0 5px;
				border-radius:20px
			}

			.progress-wrap .progress-bar-over {
				background: linear-gradient(90deg,#fa0000,#fa0000);
				height: 28px;
				margin-top:5px;
				width: 0.1%;
				transition: 3.5s;
				border-radius:20px
			}

		.page-3 .slide-3 .progress-bar-over, .page-4 .slide-4 .progress-bar-over, .page-5 .slide-5 .progress-bar-over {
			width: 100%;
		}

@media screen and (max-width:1200px) {

}



		/* Overlay, Mask */
		#overlay-mask {
			display: none;
			position: fixed;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			width: 100%;
			height: 100%;
			z-index: 1000;
			background: #000;
		}

		#overlay-contents {
			display: none;
			position: fixed;
			background: #fff;
			z-index: 1003;
			overflow: hidden;
			padding: 10px;
			left: 50%;
			margin-left: -170px;
			top: 5%;
		}

			#overlay-contents textarea {
				width: 320px;
				height: 400px;
				font-size: 12px;
				padding: 5px;
				resize: none;
			}

			#overlay-contents .close-btn {
				float: right;
				display: block;
				border: 1px solid #000001;
				padding: 3px 5px;
				color: #000001;
				font-size: 12px;
			}

				#overlay-contents .close-btn:hover, #overlay-contents .close-btn:active {
					color: #000001;
				}

        .spinner {
            width: 7em;
            height: 7em;
            font-size: 10px;
            display: inline-block;
        }

		.piece {
			background: #000;
			width: 40%;
			height: 14%;
			position: relative;
		}

		.spinner div {
			opacity: 0.2;
		}

  
		@-webkit-keyframes fade {

			5% {
				opacity: 0.8;
			}

			30% {
				opacity: 0.5;
			}
		}

		@-ms-keyframes fade {

			5% {
				opacity: 0.8;
			}

			30% {
				opacity: 0.5;
			}
		}

		@-moz-keyframes fade {

			5% {
				opacity: 0.8;
			}

			30% {
				opacity: 0.5;
			}
		}



		.a, .p {
			background: #fa0000;
			height: 50%;
			width: 14%;
			left: 99%;
		}

		.a {
			background: #fa0000;
			top: 5%;
			-webkit-animation: fade 3.2s ease-in infinite;
			-moz-animation: fade 3.2s ease-in infinite;
			-ms-animation: fade 3.2s ease-in infinite;
		}

		.b {
			background: #fa0000;
			bottom: 21%;
			left: 50%;
			-webkit-animation: fade 3.2s ease-in-out 3s infinite;
			-moz-animation: fade 3.2s ease-in-out 3s infinite;
			-ms-animation: fade 3.2s ease-in-out 3s infinite;
		}

		.c {
			background: #fa0000;
			bottom: 34%;
			left: 120%;
			-webkit-animation: fade 3.2s ease-in-out 0.2s infinite;
			-moz-animation: fade 3.2s ease-in-out 0.2s infinite;
			-ms-animation: fade 3.2s ease-in-out 0.2s infinite;
		}

		.d {
			background: #fa0000;
			bottom: 31%;
			left: 27%;
			-webkit-animation: fade 3.2s ease-in-out 2.8s infinite;
			-moz-animation: fade 3.2s ease-in-out 2.8s infinite;
			-ms-animation: fade 3.2s ease-in-out 2.8s infinite;
		}

		.e {
			background: #fa0000;
			bottom: 43%;
			left: 144%;
			-webkit-animation: fade 3.2s ease-in-out 0.4s infinite;
			-moz-animation: fade 3.2s ease-in-out 0.4s infinite;
			-ms-animation: fade 3.2s ease-in-out 0.4s infinite;
		}

		.f {
			background: #fa0000;
			bottom: 32%;
			left: 11%;
			-webkit-animation: fade 3.2s ease-in-out 2.6s infinite;
			-moz-animation: fade 3.2s ease-in-out 2.6s infinite;
			-ms-animation: fade 3.2s ease-in-out 2.6s infinite;
		}

		.g {
			background: #fa0000;
			bottom: 45%;
			left: 159%;
			-webkit-animation: fade 3.2s ease-in-out 0.6s infinite;
			-moz-animation: fade 3.2s ease-in-out 0.6s infinite;
			-ms-animation: fade 3.2s ease-in-out 0.6s infinite;
		}

		.h {
			background: #fa0000;
			bottom: 30%;
			left: 6%;
			-webkit-animation: fade 3.2s ease-in-out 2.4s infinite;
			-moz-animation: fade 3.2s ease-in-out 2.4s infinite;
			-ms-animation: fade 3.2s ease-in-out 2.4s infinite;
		}

		.i {
			background: #fa0000;
			bottom: 43%;
			left: 165%;
			-webkit-animation: fade 3.2s ease-in-out 0.8s infinite;
			-moz-animation: fade 3.2s ease-in-out 0.8s infinite;
			-ms-animation: fade 3.2s ease-in-out 0.8s infinite;
		}

		.j {
			background: #fa0000;
			bottom: 29%;
			left: 12%;
			-webkit-animation: fade 3.2s ease-in-out 2.2s infinite;
			-moz-animation: fade 3.2s ease-in-out 2.2s infinite;
			-ms-animation: fade 3.2s ease-in-out 2.2s infinite;
		}

		.k {
			background: #fa0000;
			left: 159%;
			bottom: 41%;
			-webkit-animation: fade 3.2s ease-in-out 1s infinite;
			-moz-animation: fade 3.2s ease-in-out 1s infinite;
			-ms-animation: fade 3.2s ease-in-out 1s infinite;
		}


		.l {
			background: #fa0000;
			bottom: 30%;
			left: 28%;
			-webkit-animation: fade 3.2s ease-in-out 2s infinite;
			-moz-animation: fade 3.2s ease-in-out 2s infinite;
			-ms-animation: fade 3.2s ease-in-out 2s infinite;
		}

		.m {
			background: #fa0000;
			bottom: 43%;
			left: 144%;
			-webkit-animation: fade 3.2s ease-in-out 1.2s infinite;
			-moz-animation: fade 3.2s ease-in-out 1.2s infinite;
			-ms-animation: fade 3.2s ease-in-out 1.2s infinite;
		}

		.n {
			background: #fa0000;
			bottom: 40%;
			left: 50%;
			-webkit-animation: fade 3.2s ease-in-out 1.8s infinite;
			-moz-animation: fade 3.2s ease-in-out 1.8s infinite;
			-ms-animation: fade 3.2s ease-in-out 1.8s infinite;
		}

		.o {
			background: #fa0000;
			left: 120%;
			bottom: 52%;
			-webkit-animation: fade 3.2s ease-in-out 1.4s infinite;
			-moz-animation: fade 3.2s ease-in-out 1.4s infinite;
			-ms-animation: fade 3.2s ease-in-out 1.4s infinite;
		}

		.p {
			background: #fa0000;
			bottom: 78%;
			-webkit-animation: fade 3.2s ease-in-out 1.6s infinite;
			-moz-animation: fade 3.2s ease-in-out 1.6s infinite;
			-ms-animation: fade 3.2s ease-in-out 1.6s infinite;
		}

		.b, .o {
			background: #fa0000;
			-webkit-transform: rotate(67.5deg);
			-moz-transform: rotate(67.5deg);
			-ms-transform: rotate(67.5deg);
			-o-transform: rotate(67.5deg);
		}

		.d, .m {
			background: #fa0000;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
		}

		.f, .k {
			background: #fa0000;
			-webkit-transform: rotate(22.5deg);
			-moz-transform: rotate(22.5deg);
			-ms-transform: rotate(22.5deg);
			-o-transform: rotate(22.5deg);
		}

		.n, .c {
			background: #fa0000;
			-webkit-transform: rotate(-67.5deg);
			-moz-transform: rotate(-67.5deg);
			-ms-transform: rotate(-67.5deg);
			-o-transform: rotate(-67.5deg);
		}

		.l, .e {
			background: #fa0000;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
		}

		.j, .g {
			background: #fa0000;
			-webkit-transform: rotate(-22.5deg);
			-moz-transform: rotate(-22.5deg);
			-ms-transform: rotate(-22.5deg);
			-o-transform: rotate(-22.5deg);
		}

		.mid {
			margin-top: 15%;
		}







.pop_content5 {
	display:block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:0;
	padding:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    pointer-events: none;
	z-index:99999999999999999;
	background:rgba(0,0,0,0.5)
}
.pop_content5:target {
    opacity:1;
    pointer-events: auto;
}
.pop_content5 .pop_wrap5 {
	position:absolute;
	z-index:99999999999999999;
	padding:50px;
	background:#f9f9f9;
	width: 768px;
	left:50%;
	top:50%;
transform:translate(-50%, -50%)
}
.pop_content5 .pop_wrap5 .close {position:absolute; font-size:3em; font-weight:300; right:20px; top:0; z-index:999}
.pop_content5 .pop_wrap5 .close a:link,.pop_content5 .pop_wrap5 .close a:visited {color:#333}
.pop_content5 .pop_wrap5 textarea {padding:20px; border:0; font-size:15px; color:#878787; width:100%; height:500px}
@media screen and (max-width:700px) {
.pop_content5 .pop_wrap5 {
	padding:50px	20px;
	width: 90%;
	height:550px;
	left:50%;
	top:50%;
	}
	.pop_content5 .pop_wrap5 textarea {padding:10px; height:460px}
}