@charset "utf-8";

@import url("base.css");

/* font */
@font-face {
	font-family:'Cafe24Ssurround';
	font-weight:400;
	font-style:normal;
	src:url('../font/Cafe24Ssurround-v2.0.woff2') format('woff2'),
	url('../font/Cafe24Ssurround-v2.0.woff') format('woff'),
	url('../font/Cafe24Ssurround-v2.0.otf') format('opentype');
}

body {min-width:360px;max-width:768px;margin:0 auto!important;}
.main .box {border-radius:20px;box-shadow:0px 6px 6px 0px #c3c9d345;background-color:#fff;}
.main .box > a {border-radius:20px;border:1px solid #c3c9d3;transition:.4s ease;}
.inwrap {width:100%;padding:0 20px;margin:0 auto;}

/* --------------------------------------------
 * section1
/* ------------------------------------------ */
.s1 {background:#f8f8f8;}
.s1_box {display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:20px 0;}

/* main-visual */
.mv {border-radius:20px;overflow:hidden;}
.mv_swiper_wrap {position:relative;width:100%;height:0;padding-bottom:51.0204%;}
.mv_swiper {position:absolute;width:100%;height:100%;left:0;top:0;}
.mv_swiper .swiper-slide a {display:block;position:relative;width:100%;height:100%;}
.mv_swiper .swiper-slide a img {width:100%;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);}
.mv_swiper .mv_swiper_control {position:relative;bottom:10px;}
.mv_swiper .mv_swiper_control .swiper-pagination {background:rgba(0,0,0,.6);border-radius:30px;padding:8px 10px;width:65px;font-size:11px;font-weight:500;color:#fff;position:absolute;left:auto;right:48px;bottom:0;}
.mv_swiper .mv_swiper_control .swiper-button-pause {background-color:rgba(0,0,0,.6);border-radius:30px;width:33px;height:33px;background-image:url('../image/main/mv_pause.png');background-position:center center;background-repeat:no-repeat;position:absolute;right:10px;bottom:0;z-index:1;cursor:pointer;background-size:8px;}
.mv_swiper .mv_swiper_control .swiper-button-pause.play {background-image:url('../image/main/mv_play.png');}

.shortcut {display:flex;flex-direction:column;gap:20px;}
.shortcut .shortcut1 {display:flex;justify-content:center;gap:20px;}
.shortcut .shortcut1 .rental {width:100%;height:220px;}
.shortcut .shortcut1 .equip {width:100%;height:220px;}
.shortcut .shortcut1 a {display:flex;flex-direction:column;height:100%;justify-content:center;align-items:center;background-color:#fff;padding:110px 20px 15px;background-position:center 20px;background-repeat:no-repeat;}
.shortcut .shortcut1 .rental a {background-image:url('../image/main/shortcut_rental.png');}
.shortcut .shortcut1 .rental a:hover {border-color:#002172;box-shadow: 0px 0px 0px 1px #002172 inset;background-color:#ecf5f954;}
.shortcut .shortcut1 .equip a {background-image:url('../image/main/shortcut_equip.png');}
.shortcut .shortcut1 .equip a:hover {border-color:#900050;box-shadow: 0px 0px 0px 1px #900050 inset;background-color:#f9eef454;}
.shortcut .shortcut1 a strong {font-family:'Cafe24Ssurround';font-size:28px;color:#002172;}
.shortcut .shortcut1 .equip a strong {color:#900050;}
.shortcut .shortcut1 a p {font-size:15px;font-weight:500;color:#7a98bd;text-align:center;background:#f2f5f9;padding:7px;border-radius:25px;width:150px;margin-top:5px;}
.shortcut .shortcut1 .rental a:hover p {background:#e1eef4;color:#5f7da1;}
.shortcut .shortcut1 .equip a:hover p {background:#f9eef4;color:#5f7da1;}
.shortcut .shortcut2 {display:flex;justify-content:center;gap:20px;}
.shortcut .shortcut2 .youtube {width:100%;height:160px;}
.shortcut .shortcut2 .insta {width:100%;height:160px;}
.shortcut .shortcut2 a {display:block;width:100%;height:100%;font-size:16px;font-weight:600;color:#515962;text-align:center;background-color:#fff;padding-top:95px;background-position:center 35px;background-repeat:no-repeat;}
.shortcut .shortcut2 .youtube a {background-image:url('../image/main/shortcut_youtube.png');}
.shortcut .shortcut2 .insta a {background-image:url('../image/main/shortcut_insta.png');}
.shortcut .shortcut2 a:hover {background-color:#f9f9f9;color:#000;}
.shortcut .shortcut2 .youtube a:hover {border-color:#d2111d;box-shadow: 0px 0px 0px 1px #d2111d inset;}
.shortcut .shortcut2 .insta a:hover {border-color:#4c48e8;box-shadow: 0px 0px 0px 1px #4c48e8 inset;}

/* --------------------------------------------
 * section2
/* ------------------------------------------ */

.s2_box {display:flex;flex-direction:column;align-items:center;gap:30px;padding:25px 0 50px;}
.s2_box .box {width:100%;border-radius:20px;border:1px solid #c3c9d3;padding:30px 25px;position:relative;}
.s2_box .box > strong {font-family:'Cafe24Ssurround';font-size:30px;color:#002172;letter-spacing:-0.05em;display:block;margin-bottom:15px;}
.s2_box .more {position:absolute;right:30px;top:45px;background:url('../image/main/more.svg') center center no-repeat;width:14px;height:14px;border:none!important;font-size:0;}
.s2_box .s2_list {}
.s2_box .s2_list > li:not(:last-of-type) {border-bottom:1px solid #d9dde4;}
.s2_box .s2_list > li a {display:flex;align-items:center;padding:10px 0;transition:.4s ease;}
.s2_box .s2_list > li a:hover {background:#ecf5f980;}
.s2_box .s2_list > li a .img_wrap {width:80px;height:80px;border:1px solid #eee;border-radius:50%;position:relative;overflow:hidden;flex-shrink:0;}
.s2_box .s2_list > li a .img_wrap img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.4s ease;}
.s2_box .s2_list > li a:hover .img_wrap img {transform:translate(-50%, -50%) scale(1.2);}
.s2_box .s2_list > li a .info_wrap {margin-left:15px;width:calc(100% - 95px);}
.s2_box .s2_list > li a .info_wrap p {font-size:17px;font-weight:500;color:#3c434d;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s2_box .s2_list > li a:hover .info_wrap p {color:#007fcb;}
.s2_box .s2_list > li a .info_wrap em {font-size:13px;font-weight:600;color:#1b9582;background:#def4f3;padding:5px 10px;border-radius:15px;display:inline-block;margin-right:5px;}
.s2_box .s2_list > li a .info_wrap span {font-size:16px;color:#3c434d;display:inline-block;}
.s2_box .emo .info_wrap span {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.notice_swiper_wrap {position:relative;width:100%;height:0;padding-bottom:125%;}
.notice_swiper {overflow:hidden;border:1px solid #ccc;border-radius:15px;position:absolute;width:100%;height:100%;left:0;top:0;}
.notice_swiper .swiper-slide a {display:block;width:100%;height:100%;position:relative;}
.notice_swiper .swiper-slide a img {width:100%;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);}
.notice_swiper_control {position:absolute;right:55px;top:32px;width:90px;display:flex;align-items:center;}
.notice_swiper_control .swiper-pagination {position:static;font-weight:500;}
.notice_swiper_control .swiper-button-pause {position:static;width:40px;height:40px;background-image:url('../image/main/mv_pause_black.png');background-position:center center;background-repeat:no-repeat;flex-shrink:0;cursor:pointer;}
.notice_swiper_control .swiper-button-pause.play {background-image:url('../image/main/mv_play_black.png');}

/* --------------------------------------------
 * main_banner
/* ------------------------------------------ */
.main_banner2 { width:100%; overflow:hidden; border-top:1px solid #ccd1d9; padding:15px 0;}
.main_banner2 .banner_slide .swiper-slide a {display:block;border:1px solid #d2d2d2;}
.main_banner2 .banner_slide .swiper-slide a img {display:block;margin:0 auto;width:100%;}

/* footer */
.copyright.wrap {background:#f9f9f9;padding:30px 0 40px;}
.copyright ul {display:flex;flex-wrap:wrap;justify-content:center;}
.copyright ul li::after {content:'ㆍ';display:inline-block;margin:0 5px;}
.copyright ul li:last-of-type::after {content:none;}
.copyright ul li a {font-size:15px;font-weight:500;color:#000;}
.copyright ul li.pp a {color:#0475f4!important;}
.copyright address {font-size:13px;color:#5d6369;text-align:center;letter-spacing:-0.025em;margin:20px 0 25px;}
.copyright .sns {display:flex;justify-content:center;}
.copyright .sns li {margin:0 5px;}
.copyright .sns li a {width:45px;height:45px;display:block;background:url('../image/common/footer_sns.png') 0 0 no-repeat;font-size:0;background-color:#e6e9ed;border-radius:50%;}
.copyright .sns .blog a {background-position:12px 9px;}
.copyright .sns .insta a {background-position:-38px 10px;}
.copyright .sns .youtube a {background-position:-93px 10px;}


@media (max-width: 480px) {
	.mv_swiper .swiper-button-prev {background-size:40px;left:10px;}
	.mv_swiper .swiper-button-next {background-size:40px;right:10px;}

	.s1_box {gap:20px;}
	.shortcut .shortcut1 .rental {height:180px;}
	.shortcut .shortcut1 .equip {height:180px;}
	.shortcut .shortcut1 a {background-size:80px;padding-top:85px;}
	.shortcut .shortcut1 a strong {font-size:22px;}
	.shortcut .shortcut1 a p {font-size:12px;width:100px;padding:5px;}

	.s2_box {gap:20px;}
	.s2_box .box > strong {font-size:24px;}
	.s2_box .more {right:25px;top:37px;}
	.s2_box .s2_list > li a .img_wrap {width:60px;height:60px;}
	.s2_box .s2_list > li a .info_wrap p {font-size:15px;margin-bottom:5px;}
	.s2_box .s2_list > li a .info_wrap em {font-size:12px;padding:3px 10px;}
	.s2_box .s2_list > li a .info_wrap span {font-size:14px;}
	.notice_swiper_control {right:45px;top:25px;}
}