@charset "utf-8";
.btnBlank{background:url("../images/blank.png");overflow:hidden;text-indent:-14285.571vw;position:absolute;	z-index:1;}
.hiddenText{
    overflow:hidden;
    position:absolute;
    left:-1428.429vw;
    top:-1428.429vw;
    font-size:0;
}

@media (max-width: 1024px) {
    .pcOnly{display:none;}
    .mainSection{
        position:relative;
    }
    .mainSection .inner{
        position:relative;
        margin:0 auto;
    }
    .mainSection img{
        width:100%;
    }
    .mainSection.tab{}
    .mainSection.tab.fixed{
		position:fixed;
		top:0;
		z-index:9999;
	}
	.mainSection.tab .tab2,	.mainSection.tab .tab3 {display:none;}

	.mainSection.tab .btnMenuTab1{
		position:absolute;
        top: 0%;
        left: 0%;
        height: 100%;
        width: 33%;
	}
	.mainSection.tab .btnMenuTab2{
		position:absolute;
        left: 33.3%;
        top: 0%;
        height: 100%;
        width: 33%;
	}
	.mainSection.tab .btnMenuTab3{
		position:absolute;
        left: 66.6%;
        top: 0%;
        height: 100%;
        width: 33%;
	}

    .mainSection.main2{
   /*    padding-top:14.063vw;*/
    }
    .mainSection.main2 .playerArea{
        width: 85.5vw;
        position: absolute;
        left: 50%;
        top:50%;
        transform:translate(-50%,-50%);
    }
    .mainSection.main2 .playerArea .player{
        width:100%;
        height:47.95vw;
    }
    .mainSection.main2 .playerArea .player ~ .player{
        border-top:1.25vw solid #1a2753;
    }
    .mainSection.main2 .eventTab{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        z-index:1;
    }
    .mainSection.main2 .eventTab ul{
        position:absolute;
        left:0;
        top:0;
        z-index:1;
        height:100%;
        width:100%;
        display:flex;
    }
    .mainSection.main2 .eventTab ul li{
        flex:1;
        position:relative;
    }
    .mainSection.main2 .eventTab ul li a{
        display:block;
        height:100%;
        width:100%;
    }
    .mainSection.main3{
        /* background: url("../images/main_img_03.png") no-repeat center top; */
        /* height:514.219vw; */
        /* max-height:514.219vw; */
    }
    .mainSection.main4 .playerArea1{
        position: absolute;
		left: 8.7%;
        top: 32.87%;
        width: 82.7%;
        height: 37%;
    }
    .mainSection.main4 .playerArea2{
        position: absolute;
		left: 8.7%;
        top: 70.4%;
        width: 40.7%;
        height: 18.38%;
    }
    .mainSection.main4 .playerArea3{
       position: absolute;
		left: 50.5%;
        top: 70.4%;
        width: 40.7%;
        height: 18.38%;
    }


    .mainSection.main2 .popupPhoto{
        left: 25%;
        top: 84.5%;
        width: 49%;
        height: 6%;
    }
    .mainSection.main4_2 .popupTagCopy{
        left: 56.969vw;
        top: 85.219vw;
        width: 35.844vw;
        height: 9vw;
    }
    .mainSection.main4_2 .popupQuiz{
        left: 25%;
        top: 44.5%;
        width: 50%;
        height: 6%;
    }
    .mainSection.main4_4 .btnBuyProduct{
        left: 24%;
        top: 36%;
        width: 52%;
        height: 16.4%;
    }
    .mainSection.main4{
        /* background: url("../images/main_img_04.png") no-repeat center top; */
        /* height:378.906vw; */
        /* max-height:378.906vw; */
    }
    .mainSection .btnBuy{
        left: 23%;
        top: 9.5%;
        width: 54%;
        height: 5.4%;
    }
    .mainSection.main5{
        background:#1882e6;
        /* padding-bottom:15.625vw; */
        text-align:center;
    }
    .mainSection.main4_3 .guideSlide{
        padding: 0 7.5vw;
        position: absolute;
        left: 0;
        top: 35vw;
        width:100%;
    }
    .mainSection.main4_3 .guideSlide .swiper-slide img{
        width:100%;
    }
    .mainSection.main5 .title{
	    width: 100% !important;

    }
    .mainSection.main4_3 .btnGoInsta{
        left: 14%;
        top: 81%;
        width: 72%;
        height: 10%;
    }
    .dim_bg{
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:10;
        background:rgba(0,0,0,0.5);
        display:none;
    }
    .popupWrap{
        position:absolute;
        left:50%;
        top:0;
        transform:translate(-50%,0);
        z-index:11;
        display:none;
    }
    .popupWrap.alert{
        position:fixed;
        left:50%;
        top:50%;
        width:81.25vw;
        transform:translate(-50%,-50%);
        z-index:11;
        display:none;
    }
    .popupWrap img{
        width:100%;
    }
    .popupWrap .btnOk{
        position: absolute;
		left: 10.375vw;
        top: 35.281vw;
        z-index: 11;
        width: 29vw;
        height: 12.031vw;
    }
    .popupWrap .btnOk.wide{
		left: 10.375vw;
        width: 61vw;
	}
    .popupWrap .btnNo{
        position: absolute;
		left: 42vw;
        top: 35.281vw;
        z-index: 11;
        width: 29vw;
        height: 12.031vw;
    }
    .popupWrap .btnClose{
        position: absolute;
        right: 2.031vw;
        top: 3.125vw;
        z-index: 11;
        width: 7.813vw;
        height: 7.813vw;
    }
    .popupWrap.popupPhoto{
        top: 408.063vw;
    }
    .popupWrap.popupQuiz{
        top: 623.063vw;
    }
    .popupWrap.popupEvent{
        width:81.406vw;
    }
    .popupWrap.popupEvent .btnClose{
        position: absolute;
        right: 3%;
        top: 1.7%;
        z-index: 11;
        width: 10%;
        height: 5.5%;
    }
    .popupWrap.popupEvent .popupContent{
        position: absolute;
        left: 5.938vw;
		top:17.906vw;
        z-index: 11;
        width: 68.75vw;
    }
    .popupWrap.popupEvent.popupQuiz .popupContent{
        top: 29.906vw;
	}
    .popupWrap.popupEvent .uploadArea{
	    position: relative;
        margin-bottom: 1.563vw;
    }
    .popupWrap.popupEvent .uploadArea .label{
        width: 49.375vw;
        margin-bottom: 3.906vw;
    }
    .popupWrap.popupEvent .uploadArea > a{
		position:absolute;
        top: 55%;
        left: 33%;
        width: 33%;
        display: inline-block;
    }
    .popupWrap.popupEvent .quizArea{
        display: flex;
		align-items: center;
        justify-content: center;
        flex-direction: column;
        background: #e0f1e3;
        padding: 0 1vw;
        height: 15vw;
        margin-bottom: 10px;
    }
    .popupWrap.popupEvent .quizArea .label{
    }
    .popupWrap.popupEvent .quizArea img{
        margin-left: 1%;
        width: 14.6%;
	}
    .popupWrap.popupEvent .quizArea .quiz{
        position: absolute;
        top: 1.9%;
        left: 3.4%;
        letter-spacing: 3vw;
        background-color: transparent;
        height: 12.1%;
        font-size: 9vw;
        width: 100%;
        border-width: 0;
        outline: none;
		text-decoration: none;
/*		caret-color: transparent;*/
    }

    .popupWrap.popupEvent .urlArea .url::-webkit-input-placeholder{color:#c6c9d4}
    .popupWrap.popupEvent .urlArea .url::-moz-placeholder{color:#c6c9d4}
    .popupWrap.popupEvent .urlArea .url:-ms-input-placeholder{color:#c6c9d4}
    .popupWrap.popupEvent .urlArea .url:-moz-placeholder{color:#c6c9d4}
    .popupWrap.popupEvent .agreeWrap{
        display: block;
    }
    .popupWrap.popupEvent .agreeWrap .inputArea{
        /* flex:1; */
        /* margin-right:2.344vw; */
		margin-bottom: 1.563vw;
    }
    .popupWrap.popupEvent .agreeWrap .inputArea .input input{
        height: 9.063vw;
        background:#e0f1e3;
        border:0;
        width:100%;
        font-size: 3.438vw;
        font-weight:bold;
        padding: 0 3.125vw;
        text-align: center;
    }

    .popupWrap.popupEvent .inputArea .input input::-webkit-input-placeholder{color:#89bb92}
    .popupWrap.popupEvent .inputArea .input input::-moz-placeholder{color:#89bb92}
    .popupWrap.popupEvent .inputArea .input input::-ms-input-placeholder{color:#89bb92}
    .popupWrap.popupEvent .inputArea .input input::-moz-placeholder{color:#89bb92}


    .popupWrap.popupEvent .agreeWrap .inputArea .input ~ .input{
        margin-top: 1.563vw;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea{
        flex:1;        ;
        margin-top: 1.563vw;
        position: relative;
    }

    .popupWrap.popupEvent .agreeWrap .agreeScroll{
        overflow:auto;
        height:21.875vw;
        border:0.469vw solid #bedec3;
        padding:2.656vw;
        font-size:2.719vw;
        color:#0e3d1e;
        line-height:1.4;
    }
    .popupWrap.popupEvent .agreeWrap .agreeScroll .label{
        text-align:center;
        margin-bottom:3.125vw;
    }
    .popupWrap.popupEvent .agreeWrap .agreeScroll .label img{
        width:24.219vw;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea .checkbox{
        margin-top:2.344vw;
        text-align:center;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea .checkbox input{
        opacity:0;
        position:absolute;
        left:0;
        top:0;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea .checkbox input + label{
        background:url("../images/checkbox_mo.png") no-repeat;
        height:3.75vw;
        background-size:auto 7.5vw;
        padding-left:4.688vw;
        display:inline-block;
    }
	.ml2{
	     margin-left: 2vw;
	}
    .popupWrap.popupEvent .agreeWrap .agreeArea .checkbox input + label img{
        height:3.75vw;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea .checkbox input:checked + label{
        background-position:0 -3.75vw;
    }
    .popupWrap.popupEvent .btnArea{
        text-align:center;
        margin-top: 5.906vw;
    }
    .popupWrap.popupEvent .btnArea img{
        width:42.313vw;
    }
}
@media (min-width: 1025px) {
    .mobileOnly{display:none;}

    .mainSection{
        position:relative;
		min-width:1600px;
    }
    .mainSection .inner{
        position:relative;
        max-width:1920px;
        margin:0 auto;
        height: 100%;
    }
    .mainSection.main1{
        background: url("../images/01_KV.png") no-repeat center top;
        height:1285px;
        max-height:1285px;
    }
    .mainSection.tab .inner{
        max-width: 1920px;
        margin: 0 auto;
        height: 100%;
        left: 50%;
        margin-left: -960px;
	}
    .mainSection.tab.fixed{
		position:fixed;
		top:0;
		z-index:9999;
	}
	.mainSection.tab .tab2,	.mainSection.tab .tab3 {display:none;}

	.mainSection.tab .btnMenuTab1{
		position:absolute;
        top: 0px;
        left: 195px;
        height: 138px;
        width: 483px;
	}
	.mainSection.tab .btnMenuTab2{
		position:absolute;
        top: 0px;
        left: 719px;
        height: 138px;
        width: 483px;
	}
	.mainSection.tab .btnMenuTab3{
		position:absolute;
        top: 0px;
        left: 1230px;
        height: 138px;
        width: 483px;
	}


    .mainSection.main2{
        background: url("../images/03_event_01.png") no-repeat center top;
        height:2210px;
        max-height:2210px;
		/*
        display:flex;
        align-items:center;
        justify-content:center;
        padding-top:0px;*/
    }
    .mainSection.main2 .playerArea{
		margin-top:440px;
    }
    .mainSection.main2 .player{
        width:1040px;
        height:585px;
    }
    .mainSection.main2 .player ~ .player{
        border-top:11px solid #1a2753;
    }
    .mainSection.main2 .eventTab{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:114px;
        min-width:1173px;
        background: url("../images/event_tab.png") no-repeat center top;
    }
    .mainSection.main2 .eventTab ul{
        height:114px;
        width:1173px;
        margin:0 auto;
        display:flex;
    }
    .mainSection.main2 .eventTab ul li{
        flex:1;
        position:relative;
    }
    .mainSection.main2 .eventTab ul li a{
        display:block;
        height:114px;
        width:100%;
    }
    .mainSection.main3{
        background: url("../images/04_event_01_2.png") no-repeat center top;
        height:2206px;
        max-height:2206px;
    }
    .mainSection.main4 .playerArea1{
        position: absolute;
        left: 50%;
        top: 567px;
        width: 1040px;
        height: 585px;
        margin-left: -520px;
    }
    .mainSection.main4 .playerArea2{
        position: absolute;
        left: 50%;
        top: 1165px;
        width: 511px;
        height: 287px;
        margin-left: -520px;
    }
    .mainSection.main4 .playerArea3{
        position: absolute;
        left: 50%;
        top: 1165px;
        width: 511px;
        height: 287px;
        margin-left: 7px;
    }
    .mainSection.main2 .popupPhoto{
        left: 50%;
        top: 1931px;
        width: 502px;
        height: 95px;
        margin-left: -252px;
    }
    .mainSection.main4_2 .popupQuiz{
        left: 50%;
        margin-left: -252px;
        top: 1044px;
        width: 499px;
        height: 95px
    }
    .mainSection.main4_3 .btnGoInsta{
        left: 50%;
        top: 820px;
        width: 760px;
        height: 95px;
        margin-left: -380px;
    }
    .mainSection.main4_4 .btnBuyProduct{
        left: 50%;
        top: 298px;
        width: 541px;
        height: 96px;
        margin-left: -700px;
    }
    .mainSection.main4{
        background: url("../images/05_event_02.png") no-repeat center top;
        height:1619px;
        max-height:1619px;
    }
    .mainSection.main4_2{
        background: url("../images/06_event_02_2.png") no-repeat center top;
        height:2392px;
        max-height:2392px;
    }
    .mainSection.main4_3{
        background: url("../images/07_IG_clean.png") no-repeat center top;
        height:1046px;
        max-height:1046px;
		text-align:center;
    }
    .mainSection.main4_4{
        background: url("../images/08_mall.png") no-repeat center top;
        height:521px;
        max-height:521px;
    }
    .mainSection .btnBuy{
        left: 0;
        top: 325px;
        width: 442px;
        height: 79px;
    }
    .mainSection.main5{
        background:#1882e6;
        padding-top:115px;
        text-align:center;
    }
    .mainSection.main4_3 .guideSlide{
    margin-top: 0px;
	}
    .mainSection.main4_3 .guideSlide .swiper-slide img{
        width:100%;
    }
    .mainSection.main5 .title{
        width:520px;
    }
    .mainSection.main5 .btnInstar{
		left: 50%;
        bottom: 93px;
        width: 520px;
        height: 79px;
        margin-left: -260px;
    }
    .mainSection.footer{
        background: url("../images/09_footer.png") no-repeat center top;
        height:675px;
        max-height:675px;
    }
    .dim_bg{
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:10;
        background:rgba(0,0,0,0.5);
        display:none;
    }
    .popupWrap{
        position:absolute;
        left:50%;
        top:0;
        transform:translate(-50%,0);
        z-index:11;
        display:none;
    }
    .popupWrap.alert{
        position:fixed;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        z-index:11;
        display:none;
    }
    .popupWrap .btnOk{
        position: absolute;
        left: 56px;
        top: 234px;
        z-index: 11;
        width: 199px;
        height: 77px;
    }
	.popupWrap .btnOk.wide{
        left: 59px;
        width: 410px;
	}
    .popupWrap .btnNo{
        position: absolute;
        left: 270px;
        top: 234px;
        z-index: 11;
        width: 199px;
        height: 77px;
    }
    .popupWrap .btnClose{
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 11;
        width: 55px;
        height: 55px;
    }
    .popupWrap.popupPhoto{
        top: 2900px;
    }
    .popupWrap.popupQuiz{
        top: 7500px;
    }
    .popupWrap.popupEvent .btnClose{
        position: absolute;
        right: 30px;
        top: 28px;
        z-index: 11;
        width: 85px;
        height: 85px;
    }
    .popupWrap.popupEvent .popupContent{
        position: absolute;
        left: 144px;
        top: 300px;
        z-index: 11;
        width: 917px;
    }
    .popupWrap.popupEvent.popupQuiz .popupContent{
		top:385px;
	}
    .popupWrap.popupEvent .uploadArea{
	    position: relative;
		margin-bottom: 15px;
	/*
        display:flex;
        align-items:center;
        justify-content:space-between;
        background:#f9f3eb;
        padding:0 70px;
        height:140px;
        margin-bottom:15px;
		*/
    }
    .popupWrap.popupEvent .uploadArea .btnFile{
		position: absolute;
		top: 25px;
		left: 635px;
	}
    .popupWrap.popupEvent .quizArea{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        background:#e0f1e3;
        padding:0 35px;
        height:170px;
        margin-bottom:10px;
    }
    .popupWrap.popupEvent .quizArea .label{
    }
    .popupWrap.popupEvent .quizArea img{
		margin-left:10px;
	}
    .popupWrap.popupEvent .quizArea .quiz{
		position:absolute;
		top: 28px;
		left:143px;
		letter-spacing:42px;
		background-color: transparent;
		height: 120px;
        font-size: 80px;
        width: 700px;
		border-width:0;
		outline:none;
		line-height:85px;
		text-decoration: none;
/*		caret-color: transparent;*/
    }

    .popupWrap.popupEvent .inputArea .input input::-webkit-input-placeholder{color:#89bb92}
    .popupWrap.popupEvent .inputArea .input input::-moz-placeholder{color:#89bb92}
    .popupWrap.popupEvent .inputArea .input input::-ms-input-placeholder{color:#89bb92}
    .popupWrap.popupEvent .inputArea .input input::-moz-placeholder{color:#89bb92}

    .popupWrap.popupEvent .urlArea .url::-webkit-input-placeholder{color:#c6c9d4}
    .popupWrap.popupEvent .urlArea .url::-moz-placeholder{color:#c6c9d4}
    .popupWrap.popupEvent .urlArea .url:-ms-input-placeholder{color:#c6c9d4}
    .popupWrap.popupEvent .urlArea .url:-moz-placeholder{color:#c6c9d4}
    .popupWrap.popupEvent .agreeWrap{
        /*display:flex;*/
		display: block;
	    overflow: hidden;
    }
    .popupWrap.popupEvent .agreeWrap .inputArea{
/*        flex:1;
        margin-right:15px;*/
		width:50%;
		float:left;
	    margin-bottom: 10px;
    }
    .popupWrap.popupEvent .agreeWrap .inputArea.sec{
		padding-left:5px
	}
    .popupWrap.popupEvent .agreeWrap .inputArea2{
/*        flex:1;
        margin-right:15px;*/
	    margin-bottom: 15px;
    }
    .popupWrap.popupEvent .agreeWrap .inputArea .input input{
        height:70px;
        background:#e0f1e3;
        border:0;
        width:100%;
        font-size:28px;
        font-weight:bold;
        padding:0 35px;
    }
    .popupWrap.popupEvent .agreeWrap .inputArea .input ~ .input{
        margin-top:15px;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea{
        flex:1;
    }
    .popupWrap.popupEvent .agreeWrap .agreeScroll{
        overflow:auto;
        height:170px;
        border:3px solid #bedec3;
        padding:20px;
        font-size:20px;
        color:#0e3d1e;
        line-height:1.4;
    }
    .popupWrap.popupEvent .agreeWrap .agreeScroll .label{
        text-align:center;
        margin-bottom:20px;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea .checkbox{
        margin-top:15px;
        overflow:hidden;
        position:relative;
        text-align:center;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea .checkbox input{
        opacity:0;
		position: absolute;
		left: 32px;
		top: 0;
		width: 32px;
		height: 32px;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea .checkbox input + label{
        background:url("../images/checkbox.png") no-repeat;
        height:32px;
        background-size:32px auto;
        padding-left: 40px;
        display: inline-block;
        line-height: 32px;
        margin-left: 10px;
    }
    .popupWrap.popupEvent .agreeWrap .agreeArea .checkbox input:checked + label{
        background-position:0 -32px;
        margin-left: 10px;
    }
    .popupWrap.popupEvent .btnArea{
        text-align:center;
        margin-top:25px;
    }
}