/*main_visual*/
html,body {background:#888c8d;width: 100%;overflow-x: hidden;}
.main_visual {position: relative;}
.main_visual {background: #888c8d;padding-bottom:0px;}
.main_visual .inner {text-align: center;margin: auto;}
.main_visual .inner > div {text-align: center;}
/*.main_visual .cd_line1 {position:absolute;right: -160px;top: 120px;}
.main_visual .cd_line2 {position:absolute;left:-150px;top: 740px;}*/
.main_visual .m_tit1 { width:55%;margin:10% auto 0 auto;}
.main_visual .m_tit2 {overflow: hidden;width:39%;margin:-9% auto 0 auto;z-index:999}
.main_visual .m_tit3 {width:85%;margin:-5% auto 0 auto;z-index:9}
.main_visual div h2 {font-size: 14vw;font-weight:700;line-height: 0.8;letter-spacing: 0;color:#fff;text-transform: uppercase;}

#aside {position: fixed;display: flex;right: -150px;top: 10px;background: transparent; height: 95vh;margin: auto;flex-direction: column;z-index: 100;align-items: center;justify-content: flex-end;transition: .4s;overflow:hidden;}
#aside a {display: block; text-align: center;padding: 0px; transition: .3s;}
#aside a.sns {/*margin-bottom: 10px;border: 1px solid;border-radius: 100px;*/width: 42px;height: 42px;}
#aside a.icon_cir {margin-top:20px;border: 2px solid #d27aff;border-radius: 50%;width:90px;height: 90px;overflow: hidden;}
#aside .icon:hover {box-shadow: 1px 3px 5px #00000033; transition: .3s;}
 #aside a.icon_cir img {width:100%;}
#aside.show {right: 10px;transition: .5s}

/*main_content*/
.main_content {position: relative;width: 100%;overflow: hidden;text-align: center;padding-top:2%;}
.main_content > div {position: relative;}
.main_content > div p {color:#fff;}
.main_content div > img {max-width: 100%;}
.main_content .cir_line {display:inline-block; font-family: 'futura-pt', sans-serif; padding:15px 20px;margin-bottom: 50px;color:#fff;border:1px solid #fff; text-align: center;min-width: 150px;height: 66px; font-size:22px; font-weight: 600;border-radius: 50%;
/*border-top-left-radius:    70px 33px;
border-top-right-radius:   70px 33px;
border-bottom-right-radius:70px 33px;
border-bottom-left-radius: 70px 33px;*/}
.main_content .cir_line_b {display:inline-block; font-family: 'futura-pt', sans-serif; padding:15px 20px;margin-bottom: 50px;color:#000;border:1px solid #000; text-align: center;min-width: 150px;height: 66px; font-size:22px; font-weight: 600;border-radius: 50%;
/*border-top-left-radius:    70px 33px;
border-top-right-radius:   70px 33px;
border-bottom-right-radius:70px 33px;
border-bottom-left-radius: 70px 33px;*/}
.main_content div .text a {display: block;font-family: 'Roboto Condensed', sans-serif;font-weight: bold;text-transform: uppercase;color:#000;font-size:140px;letter-spacing:-0.02em;line-height: 1.1;background: url(../img/main/text_bg.png) 50% bottom;-webkit-text-fill-color:transparent;-webkit-background-clip:text;transition:0.5s;}
.main_content div .text a:hover {background: url(../img/main/text_bg.png) 50% 50%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;transition: 2.5s;}
.main_content div .text p { font-family: 'futura-pt', sans-serif; font-size:36px;margin-left:3px;margin-top: 3vw;letter-spacing: 0;line-height: 1.2;}
.main_content .cont1 {width: 1680px;max-width: 100%;margin: 5% auto;}
.main_content .cont1 img{width:95%; margin:0 auto;}
.main_content .cont1 .text {position: absolute;width: 100%;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.main_content div.c_left {text-align:right;width: 1450px;max-width: 90%;margin:150px auto;}
.main_content div.c_left img{width:70%;}
.main_content div.c_left .text {position:absolute; text-align: left; left:0; top: 50%; transform:translateY(-50%);}
.main_content div.c_right {text-align:left;width: 1450px;max-width: 90%;margin:150px auto;}
.main_content div.c_right img{width:40%;}
.main_content div.c_right .text {position:absolute;text-align: left;right:50px;top: 50%;transform:translateY(-50%);}
.main_content div.c_left.cont4 {width:1800px;}
.main_content div.c_left.cont4 img{width:70%;}
.main_content div.c_left.cont4 .text {left:170px;}
.main_content div.c_right.cont5 {width: 1640px;}
.main_content div.c_right.cont5 .text {right: auto;left: 50%;margin-left: -80px;}
.main_content div.c_right.cont5 .main_video {width:35%;margin-left:5%; }
.vimeoWrap02{position:relative; padding-bottom:177.77%; /* 16/9 ratio */padding-top:10px;/* IE6 workaround*/height:0;overflow:hidden;margin:5% 0;}
.vimeoWrap02 iframe, .vimeoWrap02 object, .vimeoWrap02 embed {position: absolute;top: 0;left: 0;width: 100%; height:100%;border:0px;border-radius:20px;}

.event {width: 1800px;max-width:94%;margin:0 auto 8% auto}
.event .event1 {width:100%;}
.event .event1 img {max-width:100%;border-radius: 10px;}
.event .e_card {margin-top:40px;padding: 37px;}
.event .e_card li {display:flex;gap: 50px; margin-top:48px;}
.event .e_card li.e_right { justify-content: flex-end;}
.event .e_card li.e_left { justify-content: flex-start;}
.event .e_card li a {display:block;position:relative;width:540px;max-width: 45vw;height: 525px;max-height: 40vw;border-radius: 10px;overflow: hidden}
.event .e_card li a.card1 {background:url(../img/main/card1.png) no-repeat 50%; background-size:100%; transition:0.4s;}
.event .e_card li a.card2 {background:url(../img/main/card2.png) no-repeat 50%; background-size:100%; transition:0.4s;}
.event .e_card li a.card3 {background:url(../img/main/card3.png) no-repeat 50%; background-size:100%; transition:0.4s;}
.event .e_card li a.card4 {background:url(../img/main/card4.png) no-repeat 50%; background-size:100%; transition:0.4s;}
.event .e_card li a.card5 {background:url(../img/main/card5.png) no-repeat 50%; background-size:100%; transition:0.4s;}
.event .e_card li a.card6 {background:url(../img/main/card6.png) no-repeat 50%; background-size:100%; transition:0.4s;}

.event .e_card li a:hover {background-size:110%; transition:.6s;}
.event .e_card li h3 {position:absolute;left: 24px;top: 24px;font-size: 40px;font-family: 'Roboto Condensed', sans-serif;color:#000;text-align: left;line-height: 1.1;text-transform: uppercase;}
.event .e_card li h3.fc_w{color:#fff}
.event .e_card li p { font-family: 'futura-pt', sans-serif; position:absolute;left:20px;bottom: 20px;font-size:22px;color: #fff;text-align: left;}
.event .e_card li p.fc_b{color:#000}


/*RW*/
@media screen and (max-width:1680px) {
    .main_content div > img {max-width: 96%;}
    .main_content div.cont2  > img {max-width: 70%;}
    .main_content div.cont3  > img {max-width: 45%;}
    .main_content div.cont5  > img {max-width: 45%;}
    .main_content div.c_right .text{right:0;}
    .main_content div.cont4  > img {max-width: 100%;}
    .main_content div.c_left.cont4 .text {left: 8vw;top: 22vw;}
    .main_content div.c_right.cont5 .text {margin-left:0;}
}
@media screen and (max-width:1440px) {
    .main_content div .text a {font-size: 8vw;}
    .event .e_card {padding:0}
    .event .e_card li {gap: 3vw;}
    .event .e_card li h3 {font-size: 3vw;left: 0;top: 0;padding: 3vw 2.8vw;}
    .event .e_card li p {font-size: 2.5vw;}
    .main_content div .text p {font-size:24px;}
	#aside a.icon_cir {width:80px;height: 80px;}
}

@media screen and (max-width: 1366px) {
#aside.show {transform:scale(0.85);justify-content: flex-end;height: auto;bottom: 2%;top: auto;}
}
/*¾ÆÀÌÆеå ÇÁ·Î*/
@media screen and (max-width: 1180px) {
	.main_visual .m_tit1 {margin:13% auto 0 auto;}
	.main_content {padding-top:10%;}
}
/*¾ÆÀÌÆÐµå ¿¡¾î*/
@media screen and (max-width:1024px) {
    
    .main_content .cir_line, .main_content .cir_line_b {margin-bottom: 20px;font-size: 16px;width: 100px;height: 45px;padding: 9px;text-align: center;}
    .main_content div .text p {font-size:3vw;}
}
@media screen and (max-width:980px) {
    .main_visual {padding-bottom: 10vw}
    .main_content div.c_left {}
    #aside.show {transform:scale(0.7);right:5px;}
    .event .e_card li.e_left,
    .event .e_card li.e_right {justify-content: center;margin-top: 5vw;gap: 5vw;}
    .event .e_card li h3 {font-size: 3vw;}
    .main_content div .text p {font-size:4vw;}
	.main_visual .m_tit1 {margin:15% auto 0 auto;}
	.main_content {padding-top:13%;}
}
@media screen and (max-width: 768px) {
    #aside.show {right: -1vw;}
    .pc {display: none;}
	.main_content {padding-top:18%;}
}
@media screen and (max-width: 600px) {
    #aside a.icon_cir {width: 75px;height: 75px;}
    #aside a.icon_cir img {width:100%;}
    .main_content .cir_line, .main_content .cir_line_b {font-size:13px;width: 80px;height: 35px;padding: 6px;}
    .main_content .cont1 {margin: 10vw auto;}
	.main_content .cont1 img{width:90%;}
    .main_content div.c_left .text,
    .main_content div.c_right .text {position: static;transform: translateY(10px);text-align: center;}
    .main_content div.c_left,
    .main_content div.c_right {text-align:center;margin: 20vw auto;}
    .main_content div.cont2 > img,
    .main_content div.cont3 > img,
    .main_content div.cont4 > img,
    .main_content div.cont5 > img {width:90%; max-width:90%}
    .event .e_card li { flex-direction: column;}
    .event .e_card li h3 {font-size: 5vw;}
    .event .e_card li p {font-size:3.5vw}
    .event .e_card li a {max-width: 86%;max-height: 71vw;margin: 0 auto;}
	.main_content div.c_right.cont5 .main_video{width:50%;margin: 0 auto;}
	.main_visual .m_tit1 {margin:20% auto 0 auto;}
	.main_content div.c_left img, .main_content div.c_right img, .main_content div.c_left.cont4 img{width:95%;}
}
/*°¶·°½Ã µà¿À */
@media screen and (max-width: 540px) {
	.main_content div.c_right.cont5 .main_video{width:75%; margin: 0 auto;}
	#aside.show {transform:scale(0.6);}
	#aside a.icon_cir {border:0;transform:scale(0.6);margin-top:5px;}
}
/*¾ÆÀÌÆù Ç÷¯½º, °¶·°½Ã ¿ïÆ®¶ó */
@media screen and (max-width: 414px) {
	.main_visual .m_tit1 {width:65%;margin:25% auto 0 auto;}
	.main_visual .m_tit3 {width:90%;margin:-36% auto 0 auto;}
	.main_visual .m_tit2 {margin:10% auto 0 auto;}
}
/*¾ÆÀÌÆù 12 ÇÁ·Î */
@media screen and (max-width: 390px) {
}
/*¾ÆÀÌÆù*/
@media screen and (max-width: 375px) {
}