.rotate-center {
	-webkit-animation: rotate-center 10s ease-in-out infinite reverse both;
	        animation: rotate-center 10s ease-in-out infinite reverse both;
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

	.VisitWrap{
		display: flex;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 30%;
		left: 0%;
		color: white;
		font-size: 1.5rem;
		font-weight: normal;
		line-height: 37px;
	}
	.VisitWrap1st {
		width:15%;
	}

	.VisitWrap2nd {
		width:85%;
		padding: 0px 20px 0px 0px;
	    word-break: keep-all;
	}

	.GoQuickOder{
		cursor:pointer;
	}


	.card_list{
	    display: flex;
		flex-wrap: wrap;
	}

	.card_list li {
		position:relative;
	}

	.card_png_odd {
		position: absolute;
		top: 20%;
		left: 21%;
		cursor:pointer;
	}

	.card_png_even {
		position: absolute;
		top: 20%;
		left: 15%;
		cursor:pointer;
	}

	.heart_01, .heart_02, .heart_03, .heart_04 {
		display:none;
	}
	.heart_01 {
		position: absolute;
		top: 83.7%;
		left: 76%;		

	}
	.heart_02
	{
		position: absolute;
		top: 83.7%;
		left: 69.5%;
	}

	.heart_03 {
		position: absolute;
		top: 87% ;
		left: 76%;		

	}
	.heart_04
	{
		position: absolute;
		top: 87.7%;
		left: 69.7%;
	}

	.quiz_wrap {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;			
		padding: 0px 40px;
	}

	.quiz_list {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
	}


	.quiz_list li {
		width: 33.3%;
		cursor: pointer;
		position: relative;
		text-align: center;
	}

	.quiz_list li img {
		display: block;
		margin: 0 auto;
	}

	.quiz_checkbox {
		margin-top:20px;
	}

	.title_03{
		position: absolute;
		top: 40%;
		left: 19%;
	}

.flip-vertical-right {
	-webkit-animation: flip-vertical-right 0.4s cubic-bezier(0.860, 0.000, 0.070, 1.000) alternate ;
	        animation: flip-vertical-right 0.4s cubic-bezier(0.860, 0.000, 0.070, 1.000) alternate ;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-4-20 16:3:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/* ----------------------------------------------
 * Generated by Animista on 2024-4-20 16:6:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-vertical-right
 * ----------------------------------------
 */
@-webkit-keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
}
@keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
}

	
	.cross_log {
		position: absolute;
		top: -55%;
		left: 73%;
	}

	.cross_round  {
		position: absolute;
		top: -120%;
		left: 89.56%;
	}


	.getPoint02 {
		position: absolute;
		top: 45%;
		left: 27%;
	}

	.getPoint03 {
		position: absolute;
		top: 4%;
		left: 27%;
	}



	.getPoint04 {
		position: absolute;
		top: 15%;
		left: 27%;
	}

	.gif_3_02 {
		position: absolute;
		left: 14%;		
	}

	.gif_3_02_01 {
		top: 4px;
	}

	.gif_3_02_02 {
		top: 12px;
	}

	.gif_3_02_03 {
		top: 8px;
	}

	.gif_3_02_04 {
		top: 9px;
	}


	.gif_3_03{
		position: absolute;
		top: 60%;
		left: 80%;
		z-index: 1;
	}

	.playBtn {
		width: 36px;
		height: 37px;
		position: absolute;
		top: 20%;
		right: 3%;
	}

	.videoBtnWrap{
		width: 236px;
		position: absolute;
		top: 13%;
		left: 75%;
		height: 315px;
	}

	.video_list {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.video_list li {
		height:20%;
		cursor:pointer;
		position:relative;
	}

    /*video 있을 경우*/
	.video_wrap{
		position: absolute;
		top: 13%;
		left: 50%;
		transform: translateX(-50%);
		width: 85%;
	}
	.video_wrap video{
		width: 100%;
		border-radius: 1.5rem;
		/* box-shadow: 20px 20px 0 rgba(0,0,0,0.07); */
	}
	.volume_wrap{
		margin-top: 10px;
		text-align: right;
		cursor: pointer;
		position: absolute;
		right: 2%;
	}
	.volume img{
		display: inline !important;
		opacity: 0.5;
	}
    .volume.on img{opacity: 1;}



/* ksy1106 */

	.gif_1_01{
		position: absolute;
		top:35.5%;
		left:25%;
	}

	.gif_1_02 {
		position: absolute;
		top: -0.55%;
		right: 6%;
	}

	.gif_2_01  {
		position: absolute;
		top: 5.5%;
		left: 55.5%;		
	}

	.gif_2_02  {
		position: absolute;
		top: 5.5%;
		left: 55.5%;		
	}

	.png_1_02{
		position:absolute;
		top: 73%;
		left: 73%;
	}

	.getPoint01 {
		position: absolute;
		top: 27%;
		left: 27%;
	}
	

	.agree_info {
		background: #1d2a57;
		color: #1d2a59;
		padding: 2% 0px;
		text-align: center;
		font-size: 20px;
		display: flex;
		justify-content: center;	
	}
	.agree_info div {
		background: #40ebff;
		padding: 10px 20px;
		border-radius: 10px;
		font-weight: normal;
	}
	.tab_list {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
	}
	.tab_list li {
		width: 50%;
		cursor:pointer;
	}
    /*기본 레이아웃*/
    .SectionHead {
        display: none;
    }

	.click_wrap {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;		
	}

	.click_list {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: 100%;
	}

	.click_list li {
		width: 50%;
		height: 50%;
		cursor:pointer;
	}


    .SectionBody_event {
        border: none;
        margin-left: 94px;
    }

    html, body {
        height: auto
    }

    .clearfix:after {
        content: '';
        display: block;
        clear: both
    }

    #wrapper {
        border: 1px solid #ececec;
        width: 1001px
    }

    #wrapper * {
        box-sizing: border-box;
        outline: none;
        -webkit-tap-highlight-color: transparent;
        font-family: 'GmarketSans', sans-serif;
    }

    .eventHeader,
    .event_wrap > section, 	.Page01 > section, .Page02 > section  {
        position: relative;
    }


	/*form*/
    .submitWrap{
		background-color: #a20202;
		padding-top: 40px;
	}
    .submit_wrap{
		padding: 80px 50px;
		width: 86%;
		margin: 0 auto;
		font-size: 23px;
		background-color: #fff;
    }
    .submit_table{
        width: 100%;
    }
    .submit_table th {
        width: 20%;
        padding: 21px 0;
        font-weight: bold;
        text-align: left;
        vertical-align: top;
    }

    .submit_table input[type="text"] {
        width: 100%;
        border-radius: 0;
        height: 55px;
        padding: 0 10px;
        font-size: 20px;
        border: 2px solid #b3b3b3;
    }

    .zipcode {
        height: 55px;
        border-radius: 0;
        background-color: #302B41;
        font-size: 21px;
        padding: 0 28px;
        color: #fff;
        border:none;
        width: 40%;
        position: absolute;
        top: 0;
        right: 0;
        appearance: none;
		-webkit-appearance: none;
    }
    .zipcode_input {
        width: 58% !important;
    }


    .AddInfo td{
        padding-top: 5px;
    }
    .addr_result span{
        display:block;
        font-size: 14px;
        margin: 15px 0;
    }
    .PharmType{
        width: 30px;
        height: 30px;
        margin-top: -5px;
    }

    .agree_wrap {
        padding-top: 35px;
    }

    .agree_chk {
        display: block;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .agree_chk input {
        width: 30px;
        height: 30px;
    }

    .agree_wrap p {
        padding: 20px 0;
        color: #565656;
        line-height: 1.7em;
        font-size: 15px;
        border-top: 1px solid #b3b3b3;
        border-bottom: 1px solid #b3b3b3;
    }

	.submit_btn_wrap{
		padding: 5% 0px;
		text-align: center;
		display: flex;
		justify-content: center;
		cursor:pointer;
	}

	.submitWrapCheck {display:none;}

    @media all and (max-width: 768px) {



		.png_1_02 {
			top: 71%;
			left: 70%;
		}

		.videoBtnWrap {
			width:unset !important;
			height:unset  !important;
			left:70%;
		}

        /*layout reset*/
        html, body {
            min-width: auto;
            margin: 0;
            overflow-x: hidden;
        }

		.gif_1_02 {
			top: -9px;
			right: 1%;
		}
		.gif_1_02 img {
			width:85% !important;
		}

        header,
        .footerWrap,
        .web {
            display: none;
        }

		.getPoint01 {
			top: 15%;
			left: 28%;
		}

		.getPoint01 img, .getPoint02  img, .getPoint03  img, .getPoint04  img, .cross_log img, .gif_2_01 img{
			width:85% !important;
		}

		.cross_log {
			top: -55%;
		    left: 77%;
		}

		.getPoint02{
			top: 37%;
		}

		.getPoint03{
			top:2%;
		}

		.gif_2_01 {
			top: 5.2%;
			left: 55.5%;
		}

		.title_03  {
			top: 27%;
			left: 10%;			
		}

		.gif_3_02 img {width:80%;}

		.gif_3_02_01 {top:2px;}

		.gif_3_02_02 {
			top: 8px;
		}
		.gif_3_02_03 {
			top: 5px;
		}
		.gif_3_02_04 {
			top: 4px;
		}

		.card_list li {
			width: 50%;
		}

		.card_png_odd img {
			width:85%;
		}

		.card_png_even img {
			width:80%;
		}


		.heart_01 img, .heart_02 img, .heart_03 img, .heart_04 img {
			width:80%;
		}

		.quiz_checkbox img, .submit_btn_wrap img {
			width:unset ;
		}

        .evBody,
        .SectionBody_event,
        .Wrapper,
        #wrapper,
        .wrap {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
        }

        #wrapper {
            border: none;
        }

        .mo {
            display: block;
        }

        .width100 {
            width: 100%;
        }

        #wrap {
            width: 100% !important;
        }

        /* .Wrapper{
			padding-bottom: 90px !important
		}
		.moBanner{
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			z-index: 1;
			max-height: 80px;
			text-align: center;
			background-color: #281d52;
		}
		.moBanner img{
			width: auto !important;
			height: 100%;
			display: inline !important;
		} */
        .submitWrap {
			padding: 20px 5%;
        }

        .zipcode_input {
            width: 66.2% !important;
        }

        .radio_label {
            margin-right: 20px;
        }

        .agree_wrap p {
            padding: 0px 150px;
        }
    }

    @media all and (max-width: 430px) {


		.title_03 img {
			width:90%;
		}

		.gif_1_01 img {
			width:40%;
		}

		.playBtn {
			top: 15%;
			right: -7%;
		}
		
		

		.playBtn img {
			width:60%;
		}


		.gif_1_02 {
			top: -0.3rem;
			right: -24%;
		}

		.gif_1_02 img {
			width: 44% !important;
		}

		.getPoint01 img, .getPoint02  img, .getPoint03  img, .getPoint04  img {
			width:70% !important;
		}

		.gif_2_01 img {
			width: 43% !important;
		}
		
		.cross_log img {

		}

		.gif_3_02 img {
			width:40%;
		}

		.gif_3_02_02 {
			top: 5px;
		}

		.gif_3_02_03 {
			top: 4px;
		}

		.gif_3_03 img {
			width:60%;
		}

		.quiz_checkbox img {
			width:30%;
		}

        /* .moBanner img{
			width: 100% !important;
			height: auto;
		} */

		.volume img {
			width:85%;
		}
		.agree_info {
			font-size: 13px;
		}
		.agree_info div {
			padding: 5px 10px;
		}

        .morePop img {
            width: 90vw;
        }

        .popX {
            right: 5%;
        }

        .evt_list li {
            width: 22vw;
        }

        .evt_list li img {
            width: 100%
        }

        .submit img {
            width: 55vw;
        }

        .submitWrap,
        .zipcode,
        .agree_chk {
            font-size: 18px;
        }


		.submit_wrap {
			padding: 15px 20px;
			background-color: #fff;
			width: 100%;
			font-size: 18px;
		}

        .submit_table th {
            width: 27%;
        }

        .AddInfo td {
            padding-top: 12px;
        }

        .zipcode {
            padding: 0 10px;
            width: 55%;
            top: 12px;
        }

        .zipcode_input {
            width: 45.2% !important;
        }

        .radio_label {
            display: inline-block;
            margin: 8px 3px;
            margin-left: 0;
        }

        .agree_wrap p {
            padding: 20px 20%;
            font-size: 13px;
        }

		.heart_01 img, .heart_02 img, .heart_03 img, .heart_04 img{
			width:50%;
		}

		.quiz_wrap {
			padding: 0px 20px;
		}

		.quizImg  {
			width:85%;
		}

		.submit_btn_wrap img {
			width:85%;
		}

		.VisitWrap {

			line-height: 20px;
		}


		.VisitWrap2nd {
			font-size: 15px;
		}

		.heart_04, .heart_02 {
			width:23%;
		}
/* 
		.heart_04{
			top: 86.7%;
			left: 68.7%;
			width:26%;
		}
 */




    }

    @media all and (max-width: 320px) {

    }