@charset "utf-8";
/* CSS Document */
.main-section .main-visual-wrap{width:100%;  background-color: #EBEBEB; position:relative;}
.main-visual-wrap > .arrow-right{position:absolute; top:50%; right:30px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); z-index: 5; cursor: pointer;}
.main-visual-wrap > .arrow-left{position:absolute; top:50%; left:30px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); z-index: 5; cursor: pointer;}
.main-visual-wrap > .controller-wrap{position:absolute; bottom:30px; left:50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); z-index: 5; display:flex; }
.main-visual-wrap > .controller-wrap > .btn{width:5px; height: 30px; background-color:#fff; transform: rotate(40deg); -webkit-transform: rotate(40deg); margin-right:15px; cursor:pointer;}
.main-visual-wrap > .controller-wrap > .btn:last-child{margin-right:0;}
.main-visual-wrap > .controller-wrap > .btn.on{background-color:#FF704F;}
.main-visual-wrap .banner-wrap{position:relative; top:0; left:0; width:100%; height: 100vh; overflow: hidden;}
.main-visual-wrap .banner-wrap > div{position:absolute; top:0; left:0; width:100%; height: 100%;}
.main-visual-wrap .banner-wrap > div > .inner-wrap{width:calc(100% - 216px); max-width:1280px; margin:0 auto; position:relative; z-index: 10; display:flex; flex-wrap: wrap; justify-content: space-between; top:55%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.main-visual-wrap .background-patterns {position:absolute; width:1920px; height: 1080px; top:0; left:50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); z-index: 0;}
.main-visual-wrap .background-patterns > .inner-wrap{width:100%; height: 100%; position:relative;}
.main-visual-wrap .banner-wrap > .visual01{background-color: #445CB4;}
.main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap{width:100%; max-width:570px;}
.main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap > h1{font-size:3.4375rem; color:#fff; font-weight:800; word-break: keep-all; opacity:0;}
.main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap > p{font-size:1.5rem; color:#fff; width:100%; max-width:497px; margin-top:0.625rem; opacity:0;}
.main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap > a.seeMore-btn{border:1px solid #fff; padding:10px 20px; border-radius: 5px; text-align: center; display: inline-block; margin-top:1.875rem; color:#fff; opacity:0;}
.main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap > a:hover{background-color:#63BFF3; transition:all .5s; border-color:#445CB4}
.main-visual-wrap .banner-wrap > .visual01 .girl{width:calc(100% - 590px); margin-left:20px; max-width:466px; opacity:0;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img{opacity:0;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns .wave-wrap{position:absolute; width:100%; top:525px; left:0px; opacity:0;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img:nth-child(2){position:absolute; top:575px; left:758px;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img:nth-child(3){position:absolute; top:678px; left:861px;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img:nth-child(4){position:absolute; top:286px; left:1147px;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img:nth-child(5){position:absolute; top:174px; left:1223px;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img:nth-child(6){position:absolute; top:309px; left:1157px;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img:nth-child(7){position:absolute; top:832px; left:422px;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img:nth-child(8){position:absolute; top:452px; left:1041px;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img:nth-child(9){position:absolute; top:216px; left:693px;}
.main-visual-wrap .banner-wrap > .visual01 .background-patterns img:nth-child(10){position:absolute; top:788px; left:372px;}

.main-visual-wrap .banner-wrap > .visual02{background-color: #63BFF3;}
.main-visual-wrap .banner-wrap > .visual02 > .inner-wrap{align-items: center;}
.main-visual-wrap .banner-wrap > .visual02 .txt-wrap > h1{color:#31323B; font-size:3.4375rem; font-weight:800; word-break: keep-all; opacity:0;}
.main-visual-wrap .banner-wrap > .visual02 .txt-wrap > p{color:#31323B; font-size:1.5rem; width:100%; max-width:397px; margin-top:0.625rem; opacity:0;}
.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn{width:150px; height: 150px; text-align: center; border-radius: 50%; box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, .2);  display:block;}
.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn > img{margin:24px auto 5px auto;}
.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn > p{font-size:1.125rem; width:78px; margin:0 auto;}
.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn.parent{background-color:#445CB4; color:#fff;}
.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn.child{background-color:#FFCC41; color:#31323B;}
.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn-wrap{width:100%; max-width:340px; display:flex; justify-content: space-between; margin-top:3.125rem;}
.main-visual-wrap .banner-wrap > .visual02 .testImg{width:calc(100% - 417px); max-width:661px;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns img{opacity:0;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns .wave-wrap{position:absolute; width:100%; top:525px; left:0px; opacity:0;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns img:nth-child(2){position:absolute; top:243px; left:360px;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns img:nth-child(3){position:absolute; top:281px; left:1003px;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns img:nth-child(4){position:absolute; top:867px; left:352px;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns img:nth-child(5){position:absolute; top:823px; left:367px;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns img:nth-child(6){position:absolute; top:777px; left:898px;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns img:nth-child(7){position:absolute; top:162px; left:1322px;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns img:nth-child(8){position:absolute; top:213px; left:1307px;}
.main-visual-wrap .banner-wrap > .visual02 .background-patterns img:nth-child(9){position:absolute; top:471px; left:873px;}


.main-visual-wrap .banner-wrap > .visual03{background-color: #FFCC41;}
.main-visual-wrap .banner-wrap > .visual03 > .inner-wrap{display:block;}
.main-visual-wrap .banner-wrap > .visual03 .txt-wrap{margin:0 auto; text-align: center;}
.main-visual-wrap .banner-wrap > .visual03 .txt-wrap > h1{color:#31323B; font-size:3.4375rem; font-weight:800; word-break: keep-all; opacity:0;}
.main-visual-wrap .banner-wrap > .visual03 .txt-wrap > p{color:#fff;  font-size:1.5rem; width:100%; margin-top:0.625rem; opacity:0;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap{margin-top:4.375rem; display:flex; justify-content: space-between;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon{width:358px; display:inline-block; text-align: center; color:#fff; position:relative; margin-right:15px;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon:last-child{margin-right:0;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon > .inner-wrap{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width:calc(100% - 40px); max-width:238px;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.age{font-size:1.25rem;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon h3{font-size:2.1875rem; margin-top:14%;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.cont{font-size:1.25rem; margin-top:5px;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.btn_detail_view{font-size:1.125rem; margin-top:19%;}

.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon:before{content:""; display:block; clear:both; padding-top:111%;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon:nth-child(1){background-image: url("/image/main/hexagon01.png"); background-size: contain;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon:nth-child(2){background-image: url("/image/main/hexagon02.png"); background-size: contain;}
.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon:nth-child(3){background-image: url("/image/main/hexagon03.png"); background-size: contain;}


.main-visual-wrap .banner-wrap > .visual03 .background-patterns img{opacity:0;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns .wave-wrap{position:absolute; width:100%; top:525px; left:0px; opacity:0;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns img:nth-child(2){position:absolute; top:701px; left:1700px;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns img:nth-child(3){position:absolute; top:668px; left:141px;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns img:nth-child(4){position:absolute; top:773px; left:1196px;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns img:nth-child(5){position:absolute; top:282px; left:410px;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns img:nth-child(6){position:absolute; top:843px; left:380px;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns img:nth-child(7){position:absolute; top:395px; left:799px;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns img:nth-child(8){position:absolute; top:118px; left:1449px;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns img:nth-child(9){position:absolute; top:339px; left:1486px;}
.main-visual-wrap .banner-wrap > .visual03 .background-patterns img:nth-child(10){position:absolute; top:169px; left:1434px;}


.waves {
    position: relative;
    width: 100%;
    height: 100vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}
/* Animation */
.parallax > use {
    animation: move-forever 25s cubic-bezier(0.55,.5,0.45,.5) infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}
/*Shrinking for mobile*/
@media(max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
}

.main-section .section1-wrap{width:100%; background:url("/image/main/section1_background.jpg") no-repeat center; padding:8.75rem 0;}
.main-section .section1-wrap > .inner-wrap{width:calc(100% - 60px); margin:0 auto; max-width:1280px;}
.main-section .section1-wrap .pr-test-wrap{display:flex; flex-wrap: wrap; justify-content: space-between;}
.main-section .section1-wrap .pr-test-wrap .txt-wrap > p.title{font-family: 'Binggrae','Noto Sans KR', sans-serif; color:#31323B; font-size:1.5625rem; }
.main-section .section1-wrap .pr-test-wrap .txt-wrap > h1{font-family: 'Binggrae','Noto Sans KR', sans-serif; color:#31323B; font-size:2.8125rem; font-weight: 600; margin-bottom:15px; }
.main-section .section1-wrap .pr-test-wrap .txt-wrap > p.cont{font-family: 'Binggrae','Noto Sans KR', sans-serif; color:#93949C; font-size:1.25rem;}
.main-section .section1-wrap .pr-test-wrap .button-type-blue{margin-top:7.6875rem;}
.main-section .section1-wrap .ch-test-wrap{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:17.5rem;}
.main-section .section1-wrap .ch-test-wrap .txt-wrap{text-align: right;}
.main-section .section1-wrap .ch-test-wrap .txt-wrap > p.title{font-family: 'Binggrae','Noto Sans KR', sans-serif; color:#31323B; font-size:1.5625rem; text-align: right; }
.main-section .section1-wrap .ch-test-wrap .txt-wrap > h1{font-family: 'Binggrae','Noto Sans KR', sans-serif; color:#31323B; font-size:2.8125rem; font-weight: 600; margin-bottom:15px; text-align: right;}
.main-section .section1-wrap .ch-test-wrap .txt-wrap > p.cont{font-family: 'Binggrae','Noto Sans KR', sans-serif; color:#93949C; font-size:1.25rem; text-align: right;}
.main-section .section1-wrap .ch-test-wrap .button-type-blue{margin-top:140px;}
.main-section .section1-wrap .ch-test-wrap .image-wrap > img{width:100%; max-width:700px;}
.main-section .section1-wrap .movie-wrap{background-color: #DDDDDD; width:569px; border-radius:20px; overflow: hidden; position:relative;}
.main-section .section1-wrap .movie-wrap:before{content:""; display:block; clear:both; padding-top:56%;}
.main-section .section1-wrap .movie-wrap > img{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width:100%;}
.main-section .section1-wrap .movie-wrap > iframe{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}


.main-section .section2-wrap{background-color:#DFF4FF; padding:8.75rem 0; font-family: 'Binggrae','Noto Sans KR', sans-serif;}
.main-section .section2-wrap p, .main-section .section2-wrap h1, .main-section .section2-wrap h2, .main-section .section2-wrap a{font-family: 'Binggrae','Noto Sans KR', sans-serif;}
.main-section .section2-wrap > .inner-wrap{width:calc(100% - 60px); max-width:1280px; margin:0 auto;}
.main-section .section2-wrap > .inner-wrap > p.title{color:#31323B;  font-size:1.5625rem; text-align: center; word-break: keep-all;}
.main-section .section2-wrap > .inner-wrap > h1{color:#31323B;  font-size:2.8125rem; text-align: center; font-weight: 600; word-break: keep-all;}
.main-section .section2-wrap > .inner-wrap > .cont-wrap{margin-top:6.25rem; display:flex; flex-wrap: wrap; }
.main-section .section2-wrap > .inner-wrap  .cr-wrap{padding:2.5rem 0; width:calc(50% - 24px); margin-right:48px; border-radius: 30px; min-height: 229px; position:relative;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap:nth-child(even){margin:0;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap > .inner-wrap{width:calc(100% - 6.25rem); margin:0 auto; display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: flex-start;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap:nth-child(1){background:url("/image/main/section2-background01.png") no-repeat center #fff; margin-bottom:6.25rem;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap:nth-child(2){background:url("/image/main/section2-background02.png") no-repeat center #fff; margin-bottom:6.25rem;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap:nth-child(3){background:url("/image/main/section2-background03.png") no-repeat center #fff;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap:nth-child(4){background:url("/image/main/section2-background04.png") no-repeat center #fff;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap .title-wrap{max-width:150px; width:100%;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap .title-wrap > p{ color:#445CB4; font-size:1.125rem; }
.main-section .section2-wrap > .inner-wrap  .cr-wrap .title-wrap > h2{ color:#445CB4; font-size:1.875rem; font-weight: 600;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap .button-type-blue-round{background-color: #445CB4; text-align: center; color:#fff; border-radius: 25px; padding:0.625rem 1.875rem; transition: all .5s; display:inline-block;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap .button-type-blue-round:hover{transition: all .5s; background-color: #63BFF3;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap p.cont{width:100%; max-width:265px; font-size:1.125rem; margin-top:15px; line-height: 150%;}
.main-section .section2-wrap > .inner-wrap  .cr-wrap img{position:absolute; bottom:-2.1875rem; right:2.5rem;}


.main-section .section3-wrap{background-color:#445CB4; padding:8.75rem 0; overflow-x: hidden; position:relative;}
.main-section .section3-wrap p, .main-section .section3-wrap h1, .main-section .section2-wrap a{font-family: 'Binggrae','Noto Sans KR', sans-serif;}
.main-section .section3-wrap > .bg-wrap{width:1920px; height:606px; bottom:0; left:50%; position:absolute; transform: translate(-50%,0); -webkit-transform:translate(-50%,0); background-image: url("/image/main/section3-background.jpg"); z-index: 0;}
.main-section .section3-wrap > .bg-wrap > .inner-wrap{position:relative; width:100%; height: 100%; overflow: hidden;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(1){position:absolute; top:172px; left:69px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(2){position:absolute; top:67px; right:286px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(3){position:absolute; top:221px; left:118px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(4){position:absolute; top:233px; right:211px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(5){position:absolute; bottom:0; right:236px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(6){position:absolute; bottom:115px; left:700px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(7){position:absolute; bottom:208px; left:640px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(8){position:absolute; bottom:0px; left:923px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(9){position:absolute; bottom:0; left:965px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(10){position:absolute; bottom:0; left:511px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(11){position:absolute; bottom:0; left:456px;}
.main-section .section3-wrap > .bg-wrap .particle:nth-child(12){position:absolute; bottom:111px; left:783px;}
.main-section .section3-wrap > .inner-wrap{position:relative; width:calc(100% - 60px); max-width:1280px; margin:0 auto; z-index: 1; display:flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}
.main-section .section3-wrap > .inner-wrap > .txt-wrap > h1{font-size:2.8125rem; color:#fff; font-weight: 600; }
.main-section .section3-wrap > .inner-wrap > .txt-wrap > p{font-size:1.25rem; color:#fff; margin-top:1rem; }
.main-section .section3-wrap > .inner-wrap > .txt-wrap > a{position:absolute; left:0; bottom:0;}
.main-section .section3-wrap .movie-wrap{background-color: #DDDDDD; width:calc(100% - 298px); margin-left:
	20px; max-width:579px; border-radius:20px; overflow: hidden; position:relative;}
.main-section .section3-wrap .movie-wrap:before{content:""; display:block; clear:both; padding-top:56%;}
.main-section .section3-wrap .movie-wrap > iframe{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}


.main-section .section4-wrap{width:100%; padding:8.75rem 0;}
.main-section .section4-wrap > .inner-wrap{width:calc(100% - 60px); max-width:1280px; margin:0 auto; display:flex; justify-content: space-between; flex-wrap: wrap;}
.main-section .section4-wrap .title-wrap{position:relative;}
.main-section .section4-wrap .title-wrap > h1{font-size:2.8125rem; font-weight: 600; color:#31323B; font-family: 'Binggrae','Noto Sans KR', sans-serif;}
.main-section .section4-wrap .title-wrap > a{color:#445CB4; font-size:1.25rem; width:124px; display: flex; justify-content: space-between; align-items: center; position:absolute; top:calc(100% - 27px); right:calc(100% - 124px); font-family: 'Binggrae','Noto Sans KR', sans-serif;}
.main-section .section4-wrap .recent-wrap{display:flex; justify-content: space-between; width:calc(100% - 328px); margin-left:50px; max-width:684px;}
.main-section .section4-wrap .recent-wrap .notice-wrap{width:100%; max-width:292px; margin-right:20px;}
.main-section .section4-wrap .recent-wrap .notice-wrap:last-child{margin-right:0;}
.main-section .section4-wrap .recent-wrap .notice-wrap > .s-title{color:#31323B; font-size:1.125rem; font-weight: 700;}
.main-section .section4-wrap .recent-wrap .notice-wrap > .title{color:#31323B; font-size:1.5625rem; font-weight: 700; margin-top:1.875rem;  white-space: normal; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden;}
.main-section .section4-wrap .recent-wrap .notice-wrap > .cont{font-size:1.125rem; margin-top:1.5625rem; color:#93949C; white-space: normal; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow: hidden; line-height: 130%;}
.main-section .section4-wrap .recent-wrap .notice-wrap > .cont > img{max-width:100%;}
.main-section .section4-wrap .recent-wrap .notice-wrap > .date{font-sie:1rem; margin-top:1.875rem;}

.section5-wrap{width:100%; height: auto;}
.section5-wrap > a > img{width:100%; max-width:1280px; margin:0 auto; display:block;}
.section5-wrap  > a:nth-child(2) > img{display:none;}

.quick-bar-wrap{width:100%; max-width:1280px; padding:1.25rem 0; background-color:#6D44B4; border-top-left-radius: 100px; border-top-right-radius: 100px; position:fixed; bottom:0; left:50%; transform: translate(-50%,0); font-family: 'Binggrae','Noto Sans KR', sans-serif; z-index: 11; min-height:30px; }
.quick-bar-wrap p, .quick-bar-wrap h2, .quick-bar-wrap a, .quick-bar-wrap div{font-family: 'Binggrae','Noto Sans KR', sans-serif;}
.quick-bar-wrap > .inner-wrap{position:relative;}
.quick-bar-wrap  .topBtn {width:131px; height: 131px; position:absolute; z-index: 0; background-color:#6D44B4; text-align: center; top:-41px; font-size:12px; color:#fff; border-radius: 50%; left:50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); padding:10px 0; cursor:pointer;}
.quick-bar-wrap > .inner-wrap > .inner-wrap{width:calc(100% - 40px); margin:0 auto; max-width:830px; display:flex; align-items: center; justify-content: space-between; position:absolute; left:50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);}
.quick-bar-wrap > .inner-wrap > .inner-wrap > .img-wrap{position:relative; width:229px;}
.quick-bar-wrap > .inner-wrap > .inner-wrap > .img-wrap > img{position:absolute; bottom:-2.2rem; left:0;}
.quick-bar-wrap > .inner-wrap > .inner-wrap > .txt-wrap{display:flex; align-items: center; height: 100%;}
.quick-bar-wrap > .inner-wrap > .inner-wrap > .txt-wrap > p{color:#D7C8EE; margin-right:37px;}
.quick-bar-wrap > .inner-wrap > .inner-wrap > .txt-wrap > h2{color:#fff; font-weight: 600; font-size:1.5625rem;}
.quick-bar-wrap > .inner-wrap > .inner-wrap > .txt-wrap > h2 > img{margin-left:15px; vertical-align: middle;}

footer{padding:65px 0 141px 0;}
@media only screen and (max-width:1070px){
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap{width:280px;}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap > h1{font-size:2.1875rem;}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap > p{font-size:1.125rem;}
	.main-visual-wrap .banner-wrap > .visual02 .testImg{width:calc(100% - 300px); max-width:661px;}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn{width:120px; height: 120px;}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn > p{font-size:1rem;}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn > img{width:20px; margin:10px auto;}
}

@media only screen and (max-width:1065px){
	.main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap{max-width:362px;}
	.main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap > h1{font-size:2.1875rem; color:#fff; font-weight:800;}
    .main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap > p{font-size:1.125rem; color:#fff; width:100%; max-width:362px; margin-top:0.625rem;}
	.main-visual-wrap .banner-wrap > .visual01 .girl{width:calc(100% - 382px); margin-left:20px; max-width:366px;}
}

@media only screen and (max-width:1030px){
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.age{font-size:1.125rem;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon h3{font-size:1.5625rem; margin-top:14%;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.cont{font-size:1.125rem; margin-top:5px;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.btn_detail_view{font-size:1rem; margin-top:19%;}
}

@media only screen and (max-width:1023px){
	.main-section .section1-wrap .pr-test-wrap .txt-wrap{width:100%;}
	.main-section .section1-wrap .movie-wrap{margin-top:3.125rem;}
	.main-section .section1-wrap .pr-test-wrap .button-type-blue{margin-top:1.875rem;}
	.main-section .section1-wrap .ch-test-wrap .image-wrap{margin-bottom:3.125rem;}
	.main-section .section1-wrap .ch-test-wrap .button-type-blue{margin-top:1.875rem;}
	.main-section .section1-wrap .ch-test-wrap .txt-wrap{text-align: left;}
	.main-section .section1-wrap .ch-test-wrap .txt-wrap > p.title{text-align: left; }
	.main-section .section1-wrap .ch-test-wrap .txt-wrap > h1{text-align: left;}
	.main-section .section1-wrap .ch-test-wrap .txt-wrap > p.cont{text-align: left;}
	
	
}

@media only screen and (max-width:957px){
	.quick-bar-wrap > .inner-wrap > .inner-wrap > .img-wrap{display:none;}
	.quick-bar-wrap > .inner-wrap > .inner-wrap{max-width:539px;}
}

@media only screen and (max-width:920px){
	.main-section .section2-wrap > .inner-wrap  .cr-wrap .title-wrap{max-width:100%; margin-bottom:1rem;}
	.main-section .section2-wrap > .inner-wrap  .cr-wrap img{right:50%; bottom:-70px; transform: translate(-50%,0); -webkit-transform: translate(50%,0); }
	.main-section .section2-wrap > .inner-wrap  .cr-wrap {height:330px; }
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap{flex-wrap:wrap;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon{width:calc(50% - 7.5px); margin-right:15px;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon:nth-child(2){margin:0;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon:nth-child(3){margin:-10% auto 0 auto;}
}

@media only screen and (max-width:835px){
	.main-visual-wrap .banner-wrap > .visual02 > .inner-wrap{display:block;}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap{width:100%; max-width:280px; margin:0 auto;}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap > h1{font-size:2.1875rem;}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap > p{font-size:1.125rem;}
	.main-visual-wrap .banner-wrap > .visual02 .testImg{width:100%; margin:30px auto 0 auto; max-width:400px; display:block;}
}

@media only screen and (max-width:822px){
	.main-visual-wrap > .arrow-right{width:25px;}
	.main-visual-wrap > .arrow-left{width:25px;}
	.main-visual-wrap .banner-wrap > div > .inner-wrap{width:calc(100% - 198px); align-items: center;}
	
	
}

@media only screen and (max-width:768px){
	.main-section .section3-wrap .movie-wrap{width:100%; max-width:100%; margin-left:0; margin-top:3.125rem;}
	.main-section .section3-wrap > .inner-wrap > .txt-wrap{width:100%; position:relative;}
	.main-section .section3-wrap > .inner-wrap > .txt-wrap > a{position:absolute; left:calc(100% - 170px) ; bottom:calc(100% - 38px);}
	.main-section .section4-wrap .recent-wrap{width:100%; margin-left:0; margin-top:3.125rem;}
	.main-section .section4-wrap .title-wrap{width:100%;}
	.main-section .section4-wrap .title-wrap > a{top:0; right:0;}
	.quick-bar-wrap > .inner-wrap > .inner-wrap{max-width:509px;}
    .main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap{margin:0 auto;}
	.main-visual-wrap .banner-wrap > .visual01 .girl{width:100%; margin:30px auto 0 auto; max-width:266px;}
}

@media only screen and (max-width:640px){
	.main-section .section3-wrap > .inner-wrap > .txt-wrap > a{position:absolute; left:calc(100% - 154px) ; bottom:calc(100% - 36px);}
	.quick-bar-wrap > .inner-wrap > .inner-wrap{max-width:480px;}
	.main-visual-wrap .banner-wrap > .visual01 > .inner-wrap .txt-wrap{width:317px;}
	.section5-wrap  > a:nth-child(1) > img{display:none;}
	.section5-wrap  > a:nth-child(2) > img{display:block;}
}

@media only screen and (max-width:600px){
    .main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.age{font-size:0.875rem; margin-bottom:14%;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon h3{font-size:1.125rem; margin-top:0;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.cont{font-size:0.875rem; margin-top:5px;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.btn_detail_view{font-size:0.875rem; margin-top:19%;}
}

@media only screen and (max-width:580px){
	.quick-bar-wrap > .inner-wrap > .inner-wrap > .txt-wrap > p{display:none;}
	.quick-bar-wrap > .inner-wrap > .inner-wrap{max-width:204px;}
	.quick-bar-wrap > .inner-wrap > .inner-wrap > .txt-wrap > h2 > img{width:12px;}
}

@media only screen and (max-width:541px){
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.age{display:none;}
	.main-section .section2-wrap > .inner-wrap  .cr-wrap .title-wrap{max-width:150px; margin-bottom:1rem;}
	.main-section .section2-wrap > .inner-wrap  .cr-wrap{width:100%; margin-right:0; margin-bottom:6.25rem; height:290px;}
	.main-section .section2-wrap > .inner-wrap  .cr-wrap:last-child{margin-bottom:0;}
	.main-section .section2-wrap > .inner-wrap  .cr-wrap img{right:2.5rem; bottom:-2.1875rem;  transform: translate(0,0); -webkit-transform: translate(0,0);}
}

@media only screen and (max-width:520px){
	.main-section .section3-wrap > .inner-wrap > .txt-wrap > a{position:static; margin-top:1rem;}
	.main-section .section4-wrap .title-wrap > a{display:none;}
	
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn > p{font-size:1rem;}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn > img{width:20px; margin:5px auto;}
	.main-visual-wrap .banner-wrap > .visual03 .class-wrap .box_hexagon p.btn_detail_view{display:none;}
}

@media only screen and (max-width:425px){
	.main-visual-wrap .banner-wrap > div > .inner-wrap{width:calc(100% - 60px);}
	.main-visual-wrap .banner-wrap > .visual02 .txt-wrap .testBtn > img{width:20px; margin:10px auto;}
	.main-visual-wrap > .arrow-right{display:none;}
	.main-visual-wrap > .arrow-left{display:none;}
}

@media only screen and (max-width:392px){
	.main-section .section2-wrap > .inner-wrap > p.title{width:185px; margin:0 auto 10px auto;}
}

@media only screen and (max-width:370px){
	.main-section .section2-wrap > .inner-wrap  .cr-wrap img{right:50%; bottom:-2.1875rem;  transform: translate(50%,0); -webkit-transform: translate(50%,0);}
}