@import url('common.css');
.v-mobile {display:none}
/*메인비주얼*/
/* mainVisual */
.mainVisual {overflow:hidden;width:100%;height:100%;/*background:url('../img/main/visual.jpg') #fdd000 center center no-repeat; background-size:cover;*/ /*background-attachment:fixed;*/ box-sizing:border-box; z-index:9;}
.mainVisual .mainTxt {position:absolute; top:35%; left:22%; width:100%; text-align:center;font-family: 'Poppins', sans-serif;font-size:80px;color:#000000;font-weight:600; line-height:100%;z-index:99;}
.mainVisual .mainTxt02 {position:absolute; top:28%;left:22%; width:100%; text-align:center;font-family: 'Poppins', sans-serif;font-size:24px;color:#000000;font-weight:500; line-height:200%;z-index:99;}
.mainVisual .mainTxt03{position:absolute;bottom:-9%;left:0; width:39%; text-align:center;font-family: 'Poppins', sans-serif;font-size:18px;color:#000000;font-weight:600; line-height:150%;z-index:99;}
.mainVisual .mainTxt03 span{font-weight:400;}
.mainVisual .mainTxt04{text-align:left;position:absolute;top:28%;left:6%; width:39%;font-family: 'Poppins', sans-serif;font-size:18px;color:#000000;font-weight:600; line-height:150%;z-index:99;}
.mainVisual .mainTxt04 span{font-weight:400;}
.mainVisual_img{position:relative;z-index:10;overflow:hidden;width:100%;height:100%;background:#f37f97}
.mainVisual_img img{width:100%}
.v-mobile {display:none}
.caption {font-size:11px}
.visual_img{width: 100%;height: 1080px;background: url(../img/main/visual.jpg)center top no-repeat;background-size: cover;}
.visual_text{background-color: #f37f97;padding: 100px 0;}
.visual_text p{font-size: 20px;color: #4f3118;max-width: 1200px;margin: 0 auto;font-weight: 500;line-height:1.8;}

.special{overflow: hidden;}
.special .wrap, .event .wrap{max-width: 1640px;margin: 0 auto;}
.special .wrap>div{position: relative;}
.special .textarea{position: relative;z-index: 2;}
.special .imgarea{position: relative;}

.inner01{text-align: center;margin-top: 170px;}
.inner01 .textarea{position: absolute;left: 0;width: 100%;}
.inner01 .imgarea{padding:180px 0 150px 0;}
.inner01 .img-01{position: relative;display: inline-block;z-index: 1;}
.inner01 .img-01:before{content: '';width: 894px;height: 950px;background: url(../img/main/special-img01-2.png)center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition:opacity 1s;transition-delay: 1s;}
.inner01 .img-01.aos-animate:before{opacity: 1;}
.inner01 .img-02{position: absolute;right:0;top:110px;}
.inner01 .img-03{position: absolute;left: 0;bottom: -37px;}

.inner02, .inner04, .inner07{max-width: 1334px;margin: 0 auto;align-items: flex-end;}
.inner02 .textarea{padding-right: 10%;}

.inner03{margin: 5% 0;background: url(../img/main/trand-bg.png);background-size:auto 100%;padding: 5% 0 0% 0;width: 90%;border-radius: 0 580px 580px 0;overflow: hidden;}
.inner03 .circle-text{color: #4f3118;border-color: #4f3118;}
.inner02 .bold-text, .inner03 .bold-text, .inner04 .bold-text, .inner05 .bold-text,{font-size: 24px; line-height:180%;}
.inner03 .flex{justify-content: flex-end;}
.inner03 .textarea{padding:0% 18% 0 0;margin-top:-2%}
.inner03 .imgarea{padding-right: 0%;margin:-60px 25% 0 0;}
.big-title a.white {color:#fff !important;}
.bold-text a.white {color:#fff !important;}

.inner04{padding-bottom: 230px;}
.inner04 .textarea{padding-left: 10%;}
.inner04 .img-01{position: relative;display: inline-block;}
.inner04 .img-01:before{content: '';width: 628px;height: 695px;background: url(../img/main/view-img02.png)center no-repeat;background-size: 100%;position: absolute;left: -15%;top: 13%;opacity: 0;transition:opacity 1s;transition-delay: 1s;}
.inner04 .aos-animate .img-01:before{opacity: 1;}

.inner05{text-align: center;padding-bottom: 140px;}
.inner05 .big-title, .inner07 .big-title{font-size: 55px;}
.inner05 .imgarea{margin-top: 40px;position: relative;display: flex;justify-content: center;}
.inner05 .imgarea>div{position: relative;}
.inner05 .img-01{display: inline-block;}
.inner05 .img-01:before{content: '';width: 755px;height: 516px;background: url(../img/main/movie-img03.png)center no-repeat;background-size: 100%;position: absolute;left: -7%;top: 3%;opacity: 0;transition:opacity 1s;transition-delay: 1s;}
.inner05 .aos-animate .img-01:before{opacity: 1;}
.inner05 .img-02{position: absolute;left: -130px;bottom: -137px}
.inner05 .mini-text{padding-left: 3%;position: absolute;right: 0;top:350px;width: 30%;text-align: left;}

.inner06{margin: 100px 0;position: relative;height: 490px;align-items: center;}
.inner06 .big-title{font-size: 50px;}
.inner06 .imgarea{border-radius:580px 0 0 580px;overflow: hidden;margin-left: 5%;position: absolute;right: 0;top: 0;}
.inner06 .textarea{max-width: 1640px;margin: 0 7%;}
.inner06 .textarea .mini-text{width: 40%;}

.inner07 .imgarea{padding-left:34px;position: relative;}
.inner07 .img-01{display: inline-block;}
.inner07 .img-01:before{content: '';width: 496px;height: 615px;background: url(../img/main/interview-img02.png)center no-repeat;background-size: 100%;position: absolute;left: 0;bottom: -30px;opacity: 0;transition:opacity 1s;transition-delay: 1s;}
.inner07 .aos-animate .img-01:before{opacity: 1;}
.inner07 .textarea{padding-left: 8%;}

.inner08{margin: 200px 0 170px 0;text-align: center;justify-content: space-between;}
.inner08>div{max-width: 457px;}
.inner08 .big-title{font-size: 34px;}
.inner08 .imgarea{margin-bottom: 40px;}

.event{background: #f37f97;padding: 90px 0;}
.event .flex{justify-content: space-between;align-items: center;}
.event .left{padding-right: 30px;}
.event .left .title{font-size: 100px;font-weight: 600;line-height: 1;position: relative;}
.event .left .title:before{content: '';width: 64px;height: 51px;background: url(../img/main/eye01.png)center no-repeat;position: absolute;left: -20px;top:-80px;}
.event .left .text{font-size: 45px;font-weight: 500;margin: 5px 0 15px 0;}
.event .left .p{font-size: 25px;line-height: 1.5;}
.event .right{background:#4f3118;text-align: center;padding: 68px 133px;width:890px;box-sizing: border-box;border-radius: 420px;display: flex;justify-content: center;align-items: center;position: relative;}
.event .right:before{content: '';width: 111px;height: 112px;background: url(../img/main/eye02.png)center no-repeat;position: absolute;left: -65px;bottom:-12px;}
.event .right .title{font-size: 50px;color:#f37f97;}
.event .right .text{font-size: 20px;color:#f37f97;margin-top: 15px;}
.event .right .btnarea{display: flex;margin-top: 45px;justify-content: space-around;}
.btn_yellow{width:60%;background:#4f3118;border:1px solid #f37f97;color:#fff;font-size: 18px;display: inline-block;padding:17px 30px;border-radius: 50%;text-align: center;margin-right: 70px;transition: .4s;}
.btn_yellow:hover{background: #f37f97;color: #4f3118;}
.btn_yellow:last-child{margin-right: 0;}

.maintop{position: fixed;bottom:8%; right:3%;z-index:9999}
.book {position:fixed;bottom:13%; right:3%;z-index:9999}

@media screen and (max-width: 1730px) {
	.mainVisual .mainTxt {top:27%;}
	.mainVisual .mainTxt02 {top:20%;}
	.mainVisual .mainTxt03{bottom:0%;right:0; width:39%}
    .special .wrap, .event .wrap{width: 100%;margin: 0;padding: 0 50px;}
    .event .wrap{padding: 0 !important;}
    /*.inner03{padding: 80px 50px;}*/
	.inner03 {background-size:auto 100%;background-position:right top;padding:0}
	.inner03 .flex {margin:5% 0 0 0}
	.inner03 .imgarea {margin:-6% 5% 0 0}
    .inner06{padding-left: 50px;height: auto;}
    .inner08{padding: 0 50px;}
    .event{padding: 90px 50px;}
}
@media screen and (max-width: 1700px) {
	.mainVisual .mainTxt {font-size:80px }
	.inner03 .textarea{padding:0% 25% 0 0;}
    .inner05 .mini-text{position: relative;top:0;left: 50%;width: 60%;margin-left: -30%;text-align: center;}
    .inner05 .imgarea{flex-wrap: wrap;}
	.event{padding: 5% 6%;}

}
@media screen and (max-width: 1600px) {
	.mainVisual .mainTxt {font-size:60px}
	.mainVisual .mainTxt03 {top:80%;font-size:16px;}
	.mainVisual .mainTxt04 {top:26%;font-size:16px;}
    .visual_text p{padding: 0 50px;width: 100%;margin: 0 auto;}
	.inner03 .textarea{padding:0% 20% 0 0;}
    .inner08>div{margin-right: 20px;width: calc((100% - 40px) / 3);}
    .inner08>div:last-child{margin-right: 0;}
    .inner08 .imgarea img{width: 100%;}
    .inner06 .textarea{margin: 0;width: 40%;}
    .inner06 .textarea .mini-text{width: 100%;}
    .inner06 .imgarea{margin-left:30px;position: relative;width: 60%;}

}
@media screen and (max-width: 1400px) {
    .btn_yellow{width:45%;font-size: 18px;margin-right: 20px;}
	/*Trend*/
	.inner03 .textarea .big-title {font-size:55px}
	/**/
    .event .left{width: 40%;}
    .event .left .title {font-size: 80px;}
    .event .left .text {font-size: 35px;}
    .event .left .p {font-size: 21px;}
    .event .right{width: 60%;padding: 68px 90px;}
    .event .right .title {font-size: 45px;}
    .event .right .text {font-size: 19px;}
    .event .right .btnarea .btn_yellow{margin-right: 0;}
}
@media screen and (max-width: 1200px) {
	.mainVisual .mainTxt {font-size:48px;}
	.mainVisual .mainTxt04{font-size:14px;}
    .visual_text{padding: 70px 0;}
    .visual_text p {font-size: 18px;}
    .imgarea img{width: 100%;}
    .inner01{margin-top: 100px;}
    .inner01 .imgarea {padding: 155px 0 100px 0;}
    .inner01 .img-01{width: 50vw;}
    .inner01 .img-01:before{width: 55vw;}
    .inner01 .img-02, .inner01 .img-03{display: none;}
    .inner02 .textarea{padding-right: 30px;width:60%;}
    .inner02 .imgarea{width: 40%;}
    .inner03{margin: 100px 0;width: 100%;}
    .inner03 .textarea{padding-right: 20px;width: 50%;}
    .inner03 .imgarea{width: 40%;display: flex;align-items: center;margin:0 0 0 0}
    /*.inner03 .bold-text, .inner04 .bold-text {font-size: 20px;}*/
    .inner04{padding-bottom: 140px;}
    .inner04 .imgarea{width:40%;}
    .inner04 .img-01:before{width: 40vw;left: -35px;top: -20px;height: 60vw;}
    .inner04 .textarea{width: 60%;padding-left: 50px;}
    .inner05 .big-title, .inner07 .big-title {font-size: 45px;}
    .inner05 .img-01{width: 53vw;}
    .inner05 .img-01:before{width: 59vw;left: -3px;top: 0;}
    .inner05 .img-02{width: 22vw;}
    .inner06 .big-title {font-size: 40px;}
    .inner07 .textarea{padding-left: 30px;width:60%;}
    .inner07 .imgarea{width: 40%;}
    .inner07 .img-01:before{width: 90%;bottom: -88px;}
    .inner08{padding: 0;margin: 150px 0 100px 0;}
    .inner08>div {margin-right: 40px;width: calc((100% - 80px) / 3);}
    .inner08 .imgarea {margin-bottom: 25px;}
    .inner08 .big-title {font-size: 26px;}

	 .btn_yellow{width:45%;font-size: 16px;margin-right: 20px;}
}
@media screen and (max-width: 1024px) {
	.mainVisual .mainTxt {font-size:45px;top:19%}
	.mainVisual .mainTxt02 {top:13%;}
	.mainVisual .mainTxt04{bottom:40%;font-size:12px}
	.inner03 .textarea {margin:1% 20% 0 5% }
    .event .wrap{display: block;}
    .event .left, .event .right{width: 100%;margin-top: 40px;}
    .event .left .title:before{top: -58px;}
    .event .right{padding: 45px 90px;}
    .event .right:before{left: auto;right: 0;transform: rotate(-90deg);bottom: -42px;background-size: 100%;width: 80px;height: 84px;}
}
@media screen and (max-width: 960px) {
	.mainVisual .mainTxt {font-size:45px;}
	.mainVisual .mainTxt02 {font-size:20px;}
    .special .wrap>div.flex{flex-wrap: wrap;}
    .special .flex .textarea{text-align: center;width: 100%;padding: 0;}
    .special .flex .imgarea{width: 100%;text-align: center;margin-top: 30px;}
    .inner01 .img-01 { width: 59vw;}
    .inner01 .img-01:before {width: 61vw;}
    /*.inner03{border-radius: 0;margin: 50px 0;}
    .inner03 .flex{display: block;}
    .inner03 .imgarea{right: -50px; margin-bottom:-10%}*/
    .inner04{flex-direction: column-reverse;padding-bottom: 100px;}
    .inner04 .img-01:before { width: 100%;left: -50px;top: 100px;height: 100%;}
    .inner05 .img-01 {width: 100%;padding: 0 50px;}
    .inner05 .img-01:before {width: 90%;left: 5%;height: 120%;}
    .inner05 .img-02 {width: 32%;left: 0;}
    .inner06{flex-wrap: wrap;margin: 50px 0 100px 0;}
    .inner06 .textarea{width: 100%;}
    .inner06 .imgarea{margin-left: 0;}
    .inner07{flex-direction: column-reverse;padding-bottom: 100px;}
    .inner07 .img-01{position: relative;}
    .inner07 .img-01:before {width: 100%;bottom: -30px;left: -30px;height: 100%;}
    .inner08{background-color: #eaeaea;margin: 0 -50px;padding: 50px 50px;flex-wrap: wrap;justify-content: center;}
    .inner08>div{width: 100%;margin: 0 0 10% 0;}
    .inner08>div:last-child{margin-bottom:0}
    .inner08 .imgarea{margin-top:0 !important}
}
@media screen and (max-width: 870px) {

}
@media screen and (max-width: 768px) {
	.mainVisual .mainTxt{top:22%;font-size:40px}
	.mainVisual .mainTxt02{top:17%;font-size:16px}
	.mainVisual .mainTxt04{top:25%;font-size:10px}
	.mainVisual_img{margin:8% 0 0 0 }
    .visual_img{height: 700px;}
    .visual_text {padding: 50px 0;}
    .visual_text p {padding: 0 30px;font-size: 16px;}
    .special .wrap, .event .wrap{padding: 0 30px;}
    .inner01 {margin-top: 60px;}
    .inner01 .imgarea {padding: 155px 0 70px 0;}
    .inner01 .img-01{width: 90%;}
    .inner01 .img-01:before {width: 100%;height: 100%;}
	.inner03 {background-position:right 20% top;}
	.inner03 .flex {margin:5% 0;}
	.inner03 .flex .imgarea{right: -10%;margin-top:0;}
	.inner03 .flex .textarea {margin:5% 0 0 7%;text-align:left}
	.inner03 .flex .textarea .big-title {font-size:45px} 
    .inner05 .big-title, .inner07 .big-title {font-size: 35px;}
    .inner03 {padding: 0;border-radius:0}
    .inner05 .mini-text{width: 100%;margin-left: 0;left: 0;}
    .inner06 {padding-left: 30px;}
    .inner06 .textarea{padding-right: 30px !important;}
    .inner06 .big-title {font-size: 30px;}
    .inner08{margin: 0 -30px;padding: 50px 30px;}
    .event{padding: 60px 30px;}
    .event .left, .event .right{margin-top: 25px;}
    .event .left .title {font-size: 60px;}
    .event .left .title:before {top: -46px;background-size: 100%;left: -10px;width: 50px;height: 43px;}
    .event .left .text {font-size: 27px;}
    .event .left .p {font-size: 18px;}
    .event .right {padding: 35px 30px;}
    .event .right:before{width: 60px;height: 63px;bottom: -24px;}
    .event .right .title {font-size: 40px;}
    .event .right .text {font-size: 16px;}
    .event .right .btnarea{margin-top: 35px;}
    .event .right .btnarea .btn_yellow {width: 40%;}

	.btn_yellow{font-size: 14px;}
}
@media screen and (max-width: 600px) {
	.v-pc {display:none}
	.v-mobile {display:block}
	.none570 {display:none}
	.br570 {display:block}
	a .br570 {display:block}
	.mainVisual_img{margin:20% 0 0 0 }
	.mainVisual .mainTxt {text-align:center;font-size:55px;top:23%;left:17%;}
	.mainVisual .mainTxt02 {text-align:center;font-size:25px;top:17%;left:17%;}
	.mainVisual .mainTxt04{display:none}
	.inner01 .big-title {font-size: 36px;}
	.inner03 {background-position:right 30% top}
	.inner03 .flex .textarea .big-title {font-size:35px} 
	.inner03 .flex .textarea {margin:5% 0 0 5%}
	/*.inner03 .imgarea{right: -60px; margin-bottom:-15%}*/
    .event{padding-bottom: 0;}
    .event .right{border-radius: 0;margin: 0 -30px;width: calc(100% + 60px);margin-top: 30px;}
    .event .right:before{display: none;}
}
/*아이폰 13 ~ 9 */
@media screen and (max-width: 500px) {
	.br428 {display:block}
	.inner01 .big-title, .inner02 .big-title, .inner03 .big-title, .inner04 .big-title, .inner05 .big-title, .inner06 .big-title, .inner07 .big-title {font-size: 30px;}
	.inner03 .flex .textarea .big-title {font-size:25px} 
	.inner05{padding-bottom: 50px;}
    .inner05 .imgarea {margin-top: 20px;}
    .inner05 .img-01{padding: 0;}
    .inner05 .img-01:before{width: 100%;}
    .inner05 .img-02 {left: -15px;bottom: -12vw;}
	.event .right .btnarea{display:block}
	.event .right .btnarea .btn_yellow {width: 80%; margin:3% auto}
	.inner08>div{margin: 0 0 18% 0;}
}
@media screen and (max-width: 475px) {
	.mainVisual .mainTxt {font-size:44px;top:20%}
	.mainVisual .mainTxt02 {font-size:22px;top:15%}
}
@media screen and (max-width: 428px) {
	.inner03 {background-position:right 35% bottom}
	.inner03 .flex .textarea {width:100%}
	.inner03 .flex .imgarea {display:none;}

}
@media screen and (max-width: 414px) {
	.mainVisual_img{margin:12% 0 0 0 }
	.mainVisual .mainTxt {font-size:34px;top:17%}
	.mainVisual .mainTxt02 {font-size:14px;top:13%}
    .visual_text {padding: 30px 0;}
    .visual_text p{font-size: 14px;}
	/*.inner05 .big-title, .inner07 .big-title {font-size: 25px;}
	.inner06 .big-title, .inner08 .big-title {font-size: 20px;}*/
    .inner01 {margin-top: 40px;}
    .inner01 .imgarea {padding: 155px 0 40px 0;}
    .inner03{margin: 40px 0;padding: 30px;}
    .inner04 .img-01:before{left: -20px;top: 15vw;}
    .inner04{padding-bottom: 50px;}
    .inner06 {margin: 20px 0 40px 0;}
    .inner06 .img-01 img{display: block;}
    .inner07{padding-bottom: 80px;}
    .event{padding-top: 39px;}
    .event .left .title {font-size: 40px;}
    .event .left .text {font-size: 22px;}
    .event .left .p {font-size: 16px;}
    .event .right .title {font-size: 26px;}
    .event .right .text {font-size: 14px;}
}
@media screen and (max-width: 390px) {
}
@media screen and (max-width: 375px) {
	.mainVisual .mainTxt {top:13%;left:18%}
	.mainVisual .mainTxt02 {top:10%;left:18%}
	.inner08>div{margin: 0 0 25% 0;}
}