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

html { font-size:62.5%; }
#wrap {min-width:100%; margin:0 auto;}




/* common */
.section,
.box {width:100%; margin:0 auto;}


/* section - main */
.section.main .box {position:relative; text-align:center; overflow:hidden;}


/* section - event_01 */
.section.event_01 {position:relative; text-align:center; overflow:hidden;}
.section.event_01 .box {position:relative; overflow:hidden;}



/* section - event_02 */
.section.event_02 {position:relative; text-align:center; overflow:hidden;}
.section.event_02 .box {position:relative; overflow:hidden;}


/* section - event_03 */
.section.event_03 {position:relative; text-align:center; overflow:hidden;}
.section.event_03 .box {position:relative; overflow:hidden;}

	.info_01 {position:absolute;top: 15.6%;left: 27%;width:30%;height: 2.3%;}
	.info_01 .name{width:100%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw; letter-spacing:-0.3vw;}


	.info_02 {position:absolute;top: 18.7%;left: 27%;width:30%;height: 2.3%;}
	.info_02 .sort{width:100%; height:100%;padding:3%; border:0; background:#fff; font-size:2.5vw; line-height:2.5vw;
	appearance:none; background: url(../images/arrow_down.svg) no-repeat right 50% #fff; /* 화살표 위치 */ background-size: 10%; letter-spacing:-0.3vw;}
	

	.info_04 {position:absolute;top: 21.8%;left: 27%;width:47.5%;height: 2.3%;}
	.info_04 .post_01 {width:63%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw; margin-right:2%;}
	.info_04 .post_02 {width:35%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw; letter-spacing:-0.3vw; float:right; background:#276ff1; color:#fff;}
	
	.info_05 {position:absolute;top: 24.5%;left: 27%;width:60%;height: 2.3%;}
	.info_05 .post_03 {width:100%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw; letter-spacing:-0.3vw;}

	.info_06 {position:absolute;top: 27.2%;left: 27%;width:60%;height: 2.3%;}
	.info_06 .post_04 {width:50%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw; letter-spacing:-0.3vw; margin-right:1.5%;}
	.info_06 .post_05 {width:48.5%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw; letter-spacing:-0.3vw; float:right;}
	
	
	.info_07 {position:absolute;top: 32.2%;left: 27%;width:60%;height: 2.3%;}
	.info_07 .tel1{width:30%; height:100%;padding:2%; border:0; background:#fff; font-size:2.5vw; line-height:2.5vw;
	appearance:none; background: url(../images/arrow_down.svg) no-repeat right 50% #fff; /* 화살표 위치 */ background-size: 20%;  float:left;}
	.info_07 .tel2{width:30%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw;  float:left;}
	.info_07 .tel3{width:30%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw;  float:left;}
	.info_07 .dash{width:5%; height:100%; display:inline-block; color:#ffff;font-size:2.5vw;  float:left;}

	.info_08 {position:absolute;top: 42.6%;left: 24%;width:22%;height: 2.3%;}
	.info_08 .name2{width:100%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw; letter-spacing:-0.3vw;}
	
	.info_09 {position:absolute;top: 45.7%;left: 24%;width:22%;height: 2.3%;}
	.info_09 .bank{width:100%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw; letter-spacing:-0.3vw;}
	
	.info_10 {position:absolute;top:48.8%;left: 24%;width:50%;height: 2.3%;}
	.info_10 .account{width:100%; height:100%;padding:3%; border:0; background:#fff;  font-size:2.5vw; line-height:2.5vw; }
	
	.info_11{position:absolute;top:60%;left: 12%;width:76%;height: 10%; text-align:left;}
	.info_11 .box_ok{border:1px solid #d1d1d1;overflow:auto; height:100%;padding:5%;background:#fff; font-size:1.5vw;  }
	.info_11 .box_ok ul li{padding-bottom:10px;}
	.info_11 .input_chb {position:absolute;top:140%;left:0;display: block;height: 10%; width:5%;}
	.info_11 .input_chb input{ width:100%; height:100%;}


	.btn_01{position:absolute; width:34%; top:80%; left:33%; font-size:0; animation:link01 .8s linear infinite;}
	.btn_01 img{width:100%;}
	

	


@keyframes link01{
    0%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); }
    50%{ transform:scale(1.05); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);  }
    100%{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
}