html { will-change: scroll-position}
[data-catagory=index] .container { width: 100%; margin: 0 auto; padding-top: 0; position: relative}
[data-catagory=index] .container .panel { position: relative; z-index: 10}
[data-catagory=index] .contents { width: 1280px; margin: 0 auto; position: relative}
[data-catagory=index] .contents h2 { position: absolute; top: 135px; left: 50%; transform: translateX(-50%); font-size: 96px; line-height: 100px; color: #ccc; text-align: center; padding: 0}
[data-catagory=index] .contents h2.fix { position: fixed; top: 56px}
@media screen and (max-width: 768px) { [data-catagory=index] .contents { width: 100%; padding: 0 20px}
 [data-catagory=index] .contents h2 { font-size: 48px; line-height: 48px; top: 60px}
 }
[data-catagory=index] .modal-pop .contents { width: auto; max-width: 1280px}
[data-catagory=index] .more { position: absolute; right: 0; top: 217px}
[data-catagory=index] .more a { font-size: 18px; line-height: 18px; position: relative; z-index: 10}
[data-catagory=index] .more::before { content: ""; border-top: 6px #33aeb6 solid; position: absolute; left: 0; right: 0; bottom: -5px}
@media screen and (max-width: 768px) { [data-catagory=index] .more { right: 20px; top: 140px}
 [data-catagory=index] .more a { font-size: 12px; line-height: 12px}
 [data-catagory=index] .more::before { content: ""; border-top: 4px #33aeb6 solid; bottom: -4px}
 }
[data-catagory=index] .swiper-container { width: 100%; height: 100%}
[data-catagory=index] #swiper-event .swiper-container { display: none}
[data-catagory=index] #swiper-event .swiper-container.active { display: block}
[data-catagory=index] .swiper-slide { display: flex; justify-content: center; align-items: center}
[data-catagory=index] .modal-pop-area-new .modal-pop { max-width: 580px}
[data-catagory=index] .modal-pop-area-new .modal-pop>p { color: #da291c; text-align: center; font-size: 16px; font-weight: bold}
[data-catagory=index] .modal-pop-area-new .modal-pop .modal-title { font-weight: bold; text-align: center; padding-top: 6px; font-size: 25px; margin-bottom: 26px; padding-bottom: 10px; color: #7f7f7f; font-family: SpoqaHanSans-bold}
[data-catagory=index] .modal-pop-area-new .modal-pop .modal-close { right: 17px}
[data-catagory=index] .modal-pop-area-new .modal-pop .modal-close:before { height: 30px; width: 2px}
[data-catagory=index] .modal-pop-area-new .modal-pop .modal-close:after { height: 30px; width: 2px}
[data-catagory=index] .modal-pop-area-new .templ-type-infolist-2 { margin-bottom: 32px}
[data-catagory=index] .modal-pop-area-new .templ-type-infolist-2 p { line-height: 1.75; font-size: 17px; color: #111}
[data-catagory=index] .modal-pop-area-new .templ-type-infolist-2 strong { font-weight: bold}
[data-catagory=index] .modal-pop-area-new .btn-area { display: flex; justify-content: center; align-items: center}
[data-catagory=index] .modal-pop-area-new .btn-area button { border-radius: 30px; min-height: 60px; padding: 10px 30px}
[data-catagory=index] .modal-pop-area-new .btn-area button em { font-size: 18px; font-weight: bold}
@media screen and (max-width: 768px) { [data-catagory=index] .modal-pop-area-new .modal-pop { padding-top: 40px}
 [data-catagory=index] .modal-pop-area-new .modal-pop>p { font-size: 14px; margin-bottom: 5px}
 [data-catagory=index] .modal-pop-area-new .modal-pop .modal-title { padding: 10px 20px; font-size: 21px; line-height: 1}
 [data-catagory=index] .modal-pop-area-new .modal-pop .btn-area { display: block; margin-bottom: 0px}
 [data-catagory=index] .modal-pop-area-new .modal-pop .btn-area button { margin: 0 auto; display: block; padding: 8px 35px !important; min-height: 52px; min-width: 182px}
 [data-catagory=index] .modal-pop-area-new .modal-pop .btn-area button em { font-size: 14px}
 [data-catagory=index] .modal-pop-area-new .modal-pop .btn-area .submit-medium:first-child { margin-bottom: 20px}
 [data-catagory=index] .modal-pop-area-new .modal-pop .modal-close { top: 15px; right: 15px}
 [data-catagory=index] .modal-pop-area-new .modal-pop .templ-type-infolist-2 p { font-size: 14px; word-break: keep-all; word-wrap: break-word}
 [data-catagory=index] .modal-pop-area-new .modal-pop .templ-type-infolist-2 strong { font-size: 14px}
 }
.banner .container { padding-top: 100px}
.banner .container section.visual { height: calc(100vh - 100px)}
.banner .container section.visual #swiper-visual .swiper-slide { height: calc(100vh - 100px)}
@media screen and (max-width: 768px){
 .banner .container { padding-top: 150px}
 .banner .container section.visual { height: calc(100vh - 150px)}
 .banner .container section.visual #swiper-visual .swiper-slide { height: calc(100vh - 150px)}
 }
.mobile section.visual .date-select-area .scroll-area { overflow-x: auto; overflow-y: hidden; white-space: nowrap}
section.visual { height: 100vh; position: relative}
section.visual #swiper-visual .swiper-slide { width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center top}
section.visual #swiper-visual .swiper-slide.imgload::after { content: ""; background: url(../image/main-visual-bg.png) no-repeat center top; background-size: cover; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; z-index: 2}
@media screen and (max-width: 768px) { section.visual #swiper-visual .swiper-slide { background-position: center bottom}
 section.visual #swiper-visual .swiper-slide .txt03 { opacity: 0}
 }
section.visual #swiper-visual .swiper-slide .img { display: block}
section.visual #swiper-visual .swiper-slide .contents { position: absolute; left: 0; right: 0; top: 20%; z-index: 3}
section.visual #swiper-visual .swiper-slide .contents span { display: block; font-size: 86px; line-height: 86px; color: #fff; font-family: "lato"; font-style: italic; padding-bottom: 5px}
section.visual #swiper-visual .swiper-slide .contents p { padding-top: 20px; font-size: 24px; line-height: 24px; color: #fff}
section.visual #swiper-visual .swiper-slide .contents .txt01, section.visual #swiper-visual .swiper-slide .contents .txt02, section.visual #swiper-visual .swiper-slide .contents .txt03 { opacity: 0}
section.visual #swiper-visual .swiper-button-next { top: 20%; bottom: initial; left: 50%; right: inherit; z-index: 11; margin-left: -560px; margin-top: 284px}
section.visual #swiper-visual .swiper-button-next::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='43px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.975,39.054 L22.025,21.456 L2.975,2.915 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 30px; height: 55px; opacity: .8}
section.visual #swiper-visual .swiper-button-prev { top: 20%; bottom: initial; left: 50%; right: inherit; z-index: 11; margin-left: -640px; margin-top: 284px}
section.visual #swiper-visual .swiper-button-prev::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='42px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M20.998,38.997 L2.001,21.454 L20.998,2.973 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 30px; height: 55px; opacity: .8}
section.visual #swiper-visual .playBtn { position: absolute; top: 22%; left: 50%; z-index: 11; margin-left: -512px; margin-top: 285px; display: inline-block; width: 30px; height: 30px; background: url("../image/btn_pause.png") no-repeat center center; background-size: 100% 100%}
section.visual #swiper-visual .playBtn.on { background: url("../image/btn_play.png") no-repeat center center; background-size: 100% 100%}
section.visual .date-select-area { position: absolute; left: 0; right: 0; bottom: 50px; z-index: 10; width: 1280px; margin: 0 auto}
section.visual .date-select-area .data-cal { position: absolute; left: 0; bottom: 80px}
section.visual .date-select-area .data-cal a { width: 25px; height: 25px; vertical-align: -6px; display: inline-block; margin: 0 5px; position: relative}
section.visual .date-select-area .data-cal a.prev::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='14px'%3e%3cpath fill-rule='evenodd' opacity='0.502' fill='rgb(255, 255, 255)' d='M6.849,0.867 L1.218,6.499 L6.849,12.130 C7.050,12.331 7.050,12.656 6.849,12.857 C6.648,13.058 6.323,13.058 6.122,12.857 L0.141,6.876 C0.089,6.824 0.052,6.764 0.027,6.700 L0.027,6.700 C0.027,6.699 0.027,6.699 0.027,6.698 L0.027,6.698 C0.002,6.634 -0.009,6.566 -0.007,6.499 L-0.007,6.499 L-0.007,6.499 C-0.010,6.362 0.037,6.225 0.141,6.121 L6.122,0.140 C6.323,-0.061 6.648,-0.061 6.849,0.140 C7.050,0.341 7.050,0.666 6.849,0.867 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 8px; height: 14px; position: absolute; left: 8px; top: 6px}
section.visual .date-select-area .data-cal a.next::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='14px'%3e%3cpath fill-rule='evenodd' opacity='0.502' fill='rgb(255, 255, 255)' d='M6.974,6.695 C6.974,6.695 6.974,6.695 6.974,6.695 C6.974,6.695 6.974,6.695 6.974,6.695 C6.973,6.695 6.973,6.696 6.973,6.696 L6.973,6.696 C6.948,6.762 6.911,6.823 6.859,6.876 L0.878,12.857 C0.677,13.058 0.351,13.058 0.150,12.857 C-0.050,12.656 -0.050,12.331 0.150,12.130 L5.782,6.499 L0.150,0.867 C-0.050,0.666 -0.050,0.341 0.150,0.140 C0.351,-0.061 0.677,-0.061 0.878,0.140 L6.859,6.121 C6.963,6.225 7.010,6.362 7.006,6.499 L7.006,6.499 L7.006,6.499 C7.008,6.565 6.998,6.632 6.974,6.695 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 8px; height: 14px; position: absolute; left: 8px; top: 6px}
section.visual .date-select-area .data-cal span { font-size: 18px; line-height: 18px; color: #fff}
section.visual .date-select-area .cc-tab { position: absolute; left: 157px; bottom: 85px}
section.visual .date-select-area .cc-tab:after { content: ""; display: block; clear: both}
section.visual .date-select-area .cc-tab li { float: left; margin-right: 25px; position: relative}
section.visual .date-select-area .cc-tab li::after { content: ""; content: ""; position: absolute; right: -13px; top: 3px; border-left: 1px #eee solid; height: 13px; opacity: .4}
section.visual .date-select-area .cc-tab li:last-child::after { display: none}
section.visual .date-select-area .cc-tab li a { color: #fff; font-size: 16px; line-height: 16px; position: relative}
section.visual .date-select-area .cc-tab li a.active { opacity: 1}
section.visual .date-select-area .cc-tab li a.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; border-bottom: 2px #da291c solid}
section.visual .date-select-area .scroll-area { transform: translate3d(0, 0, 0); will-change: transform}
section.visual .date-select-area .scroll-area>div { display: inline-block}
section.visual .date-select-area .scroll-area>div ul li { display: inline-block; text-align: center; vertical-align: top}
section.visual .date-select-area .scroll-area>div ul li:first-child { padding-left: 0}
section.visual .date-select-area .scroll-area>div ul li>em { font-size: 11px; line-height: 11px; color: #fff; display: block; margin-bottom: 8px}
section.visual .date-select-area .scroll-area>div ul li.active div { color: #fff; background-color: #da291c}
section.visual .date-select-area .scroll-area>div ul li.disabled>em { opacity: .5}
section.visual .date-select-area .scroll-area>div ul li.disabled div * { opacity: .5}
section.visual .date-select-area .scroll-area>div ul li div { border-radius: 2px; width: 38px; padding: 6px 0; cursor: pointer}
section.visual .date-select-area .scroll-area>div ul li div span { color: #fff; font-weight: bold; font-size: 15px; line-height: 15px; padding-bottom: 6px; display: block}
section.visual .date-select-area .scroll-area>div ul li div em { display: block; font-size: 12px; line-height: 12px; color: #fff}
section.visual .date-select-area .reservation-btn { position: absolute; right: 0; bottom: 0; width: 92px; height: 65px; background-color: #33aeb6; border-radius: 3px}
section.visual .notice-area { position: absolute; right: 0; bottom: 0; z-index: 10; overflow: hidden}
section.visual .notice-area #swiper-notice { max-width: 1280px}
section.visual .notice-area[data-state=active] .btn-notice-toggle i::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M20.167,1.040 L11.212,9.514 L20.011,18.313 L19.313,19.011 L10.495,10.193 L1.540,18.667 L0.833,17.960 L9.788,9.486 L0.989,0.687 L1.687,-0.011 L10.505,8.807 L19.460,0.333 L20.167,1.040 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: block; width: 21px; height: 19px; margin: 0 auto}
section.visual .notice-area .btn-notice-toggle { position: absolute; right: 0; bottom: 290px; background-color: #000; width: 50px; height: 140px; z-index: 20}
section.visual .notice-area .btn-notice-toggle i { display: block; height: 36px}
section.visual .notice-area .btn-notice-toggle i::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30.5px' height='28.5px'%3e%3cpath fill-rule='evenodd' fill='rgb(218, 41, 28)' d='M13.998,9.500 C11.784,9.500 9.990,11.289 9.990,13.495 C9.990,15.701 11.784,17.490 13.998,17.490 C16.212,17.490 18.006,15.701 18.006,13.495 C18.006,11.289 16.212,9.500 13.998,9.500 Z'/%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M26.590,10.782 L13.127,1.232 L13.127,26.612 L26.590,17.062 L26.590,10.782 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M27.000,8.500 L29.000,8.500 C29.552,8.500 30.000,8.948 30.000,9.500 L30.000,17.500 C30.000,18.052 29.552,18.500 29.000,18.500 L27.000,18.500 C26.448,18.500 26.000,18.052 26.000,17.500 L26.000,9.500 C26.000,8.948 26.448,8.500 27.000,8.500 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M-0.000,12.500 L8.000,12.500 L8.000,13.500 L-0.000,13.500 L-0.000,12.500 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M7.475,17.818 L1.818,23.475 L2.525,24.182 L8.182,18.525 L7.475,17.818 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M7.329,8.495 L2.005,3.171 L2.671,2.505 L7.995,7.829 L7.329,8.495 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: block; width: 30px; height: 28px; margin: 0 auto}
section.visual .notice-area .btn-notice-toggle em { display: block; font-size: 14px; line-height: 14px}
section.visual .notice-area #swiper-notice { margin-right: 50px; transition: .4s ease-in-out; transform: translateX(0); opacity: 1; z-index: 10}
section.visual .notice-area #swiper-notice.on { opacity: 0; transform: translateX(120%)}
section.visual .notice-area .swiper-slide { width: 470px; height: 430px; background-color: #eee; display: block; border-right: 1px #ddd solid; padding: 30px 20px 0; text-align: center}
section.visual .notice-area .swiper-slide>em { display: block; font-weight: bold; color: #da291c; padding-bottom: 15px; text-align: left}
section.visual .notice-area .swiper-slide span { display: block; font-size: 20px; line-height: 20px; font-weight: bold; padding-bottom: 20px; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
section.visual .notice-area .swiper-slide p { font-size: 16px; line-height: 26px; color: #555; overflow: hidden; height: 260px; background-color: #fff; padding: 30px 20px; position: relative; text-align: left}
section.visual .notice-area .swiper-slide p.imgContent { position: relative; padding: 0}
section.visual .notice-area .swiper-slide p.imgContent a { position: inherit; display: block; margin-top: 0}
section.visual .notice-area .swiper-slide p.imgContent a::before { display: none}
section.visual .notice-area .swiper-slide p.imgContent img { position: absolute; top: 0; left: 0; width: 100%}
section.visual .notice-area .swiper-slide p.imgContent::before { display: none}
section.visual .notice-area .swiper-slide div.imgContent img { width: 100%}
section.visual .notice-area .swiper-slide div+a.notice-link { text-align: center; display: inline-block; position: relative; margin-top: 25px}
section.visual .notice-area .swiper-slide div+a.notice-link em { font-size: 16px; position: relative; z-index: 1}
section.visual .notice-area .swiper-slide div+a.notice-link:before { content: ""; border-top: 6px #33aeb6 solid; position: absolute; left: 0; right: 0; bottom: -4px}
@media screen and (max-width: 768px) { section.visual { height: 100vh}
 section.visual #swiper-visual { position: relative}
 section.visual #swiper-visual .swiper-slide { height: 100vh}
 section.visual #swiper-visual .swiper-slide .contents { position: absolute; left: 0; right: 0; top: 16%}
 section.visual #swiper-visual .swiper-slide .contents span { display: block; font-size: 43px; line-height: 43px; padding-bottom: 5px}
 section.visual #swiper-visual .swiper-slide .contents p { padding-top: 12px; font-size: 16px; line-height: 24px}
 section.visual #swiper-visual .swiper-slide .contents p.txt03 { word-break: break-word; display: none}
 section.visual #swiper-visual .swiper-button-next { top: 13%; bottom: initial; left: 60px; right: inherit; z-index: 11; margin-left: 0; margin-top: 165px}
 section.visual #swiper-visual .swiper-button-next::before { width: 18px; height: 30px; opacity: .8}
 section.visual #swiper-visual .swiper-button-prev { top: 13%; bottom: initial; left: 20px; right: inherit; z-index: 11; margin-left: 0; margin-top: 165px}
 section.visual #swiper-visual .swiper-button-prev::before { width: 18px; height: 30px; opacity: .8}
 section.visual #swiper-visual .playBtn { position: absolute; top: 13.5%; left: 91px; z-index: 11; margin-left: 0; margin-top: 166px; display: inline-block; width: 18px; height: 18px; background: url("../image/btn_pause.png") no-repeat center center; background-size: 100% 100%}
 section.visual #swiper-visual .playBtn.on { background: url("../image/btn_play.png") no-repeat center center; background-size: 100% 100%}
 section.visual .date-select-area { padding: 0 20px; bottom: 30px; width: 100%}
 section.visual .date-select-area .data-cal { position: absolute; left: 20px; bottom: 160px}
 section.visual .date-select-area .data-cal a { width: 25px; height: 25px; vertical-align: -7px; display: inline-block; margin: 0 5px; position: relative}
 section.visual .date-select-area .data-cal a.prev::before { width: 8px; height: 14px; position: absolute; left: 8px; top: 6px}
 section.visual .date-select-area .data-cal a.next::before { width: 8px; height: 14px; position: absolute; left: 8px; top: 6px}
 section.visual .date-select-area .data-cal span { font-size: 14px; line-height: 14px}
 section.visual .date-select-area .cc-tab { position: absolute; left: 157px; bottom: 166px}
 section.visual .date-select-area .cc-tab:after { content: ""; display: block; clear: both}
 section.visual .date-select-area .cc-tab li { float: left; margin-right: 25px; position: relative}
 section.visual .date-select-area .cc-tab li::after { content: ""; position: absolute; right: -13px; top: 3px; border-left: 1px #eee solid; height: 13px; opacity: .4}
 section.visual .date-select-area .cc-tab li:last-child::after { display: none}
 section.visual .date-select-area .cc-tab li a { font-size: 13px; line-height: 13px}
 section.visual .date-select-area .scroll-area { margin: 0 -20px; padding-left: 20px}
 section.visual .date-select-area .scroll-area>div { display: inline-block}
 section.visual .date-select-area .scroll-area>div ul li>em { display: block; margin-bottom: 8px}
 section.visual .date-select-area .scroll-area>div ul li div { border-radius: 2px; width: 38px; padding: 6px 0; cursor: pointer}
 section.visual .date-select-area .scroll-area>div ul li div span { font-weight: bold; font-size: 13px; line-height: 13px}
 section.visual .date-select-area .scroll-area>div ul li div em { font-size: 11px; line-height: 11px}
 section.visual .date-select-area .reservation-btn { position: static; width: 100%; height: 45px; border-radius: 100px; margin-top: 30px}
 section.visual .date-select-area .reservation-btn em { font-size: 15px; line-height: 15px}
 section.visual .notice-area { right: 0; bottom: 15%}
 section.visual .notice-area #swiper-notice { width: 260px}
 section.visual .notice-area[data-state=active] .btn-notice-toggle i::before { width: 21px; height: 19px; margin: 0 auto}
 section.visual .notice-area .btn-notice-toggle { right: 0; bottom: 210px; width: 45px; height: 110px}
 section.visual .notice-area .btn-notice-toggle i { display: block; height: 36px}
 section.visual .notice-area .btn-notice-toggle i::before { width: 30px; height: 28px; margin: 0 auto}
 section.visual .notice-area .btn-notice-toggle em { font-size: 13px; line-height: 13px}
 section.visual .notice-area #swiper-notice { margin-right: 45px}
 section.visual .notice-area .swiper-slide { width: 260px; height: 320px; border-right: none; padding: 30px 15px 0}
 section.visual .notice-area .swiper-slide>em { font-size: 13px; line-height: 13px}
 section.visual .notice-area .swiper-slide span { font-size: 15px; line-height: 15px; padding-bottom: 15px}
 section.visual .notice-area .swiper-slide p { height: 140px; font-size: 12px; line-height: 1.4; padding: 10px}
 section.visual .notice-area .swiper-slide div::before { height: 15px}
 section.visual .notice-area .swiper-slide div.imgContent { padding: 0; background-color: rgba(0, 0, 0, 0)}
 section.visual .notice-area .swiper-slide div.imgContent img { width: 100%}
 section.visual .notice-area .swiper-slide div.imgContent::before { display: none}
 section.visual .notice-area .swiper-slide div+a.notice-link em { font-size: 12px}
 section.visual .notice-area .swiper-pagination { left: 0; right: 0; bottom: 13px}
 section.visual .notice-area .swiper-pagination .swiper-pagination-bullet { background-color: #ccc; opacity: 1; width: 10px; height: 10px; margin: 0 3px}
 section.visual .notice-area .swiper-pagination .swiper-pagination-bullet-active { background-color: #da291c}
 }
.notice-area.notice-visual .textContent { width: 100%}
body.app .notice-area.notice-visual .textContent p { padding: 0 2rem; min-height: 20rem; aspect-ratio: 71/43; overflow: hidden; margin-top: 1.6rem}
section.event.active { height: 970px}
section.event .contents { width: 1320px}
section.event .contents .more { top: 321px; right: 19px}
section.event .contents .more.active { top: -65px}
section.event .contents .templ-type-tab-button-main { position: relative; top: 305px}
section.event .contents .templ-type-tab-button-main.active { top: -120px}
section.event .contents .templ-type-tab-button-main ul { margin: 0 auto}
section.event .contents .templ-type-tab-button-main a { background: #fff}
section.event .contents .templ-type-tab-button-main a.active { background-color: #33aeb6}
section.event #swiper-event { margin-top: 385px}
section.event #swiper-event.active { margin-top: 420px}
section.event #swiper-event .swiper-wrapper { padding-bottom: 151px}
section.event #swiper-event .swiper-pager { text-align: center}
section.event #swiper-event-mobile { display: none}
section.event .swiper-slide { position: relative; height: 655px}
section.event .swiper-slide ul { padding: 0 20px}
section.event .swiper-slide ul li { position: absolute}
section.event .swiper-slide ul li:nth-child(1) { top: 16px; left: 20px}
section.event .swiper-slide ul li:nth-child(2) { top: 16px; left: 210px}
section.event .swiper-slide ul li:nth-child(3) { top: 278px; left: 20px}
section.event .swiper-slide ul li:nth-child(4) { top: 278px; left: 210px}
section.event .swiper-slide ul li:nth-child(5) { top: 16px; left: 960px}
section.event .swiper-slide ul li:nth-child(6) { top: 16px; left: 1150px}
section.event .swiper-slide ul li:nth-child(7) { top: 278px; left: 960px}
section.event .swiper-slide ul li:nth-child(8) { top: 278px; left: 1150px}
section.event .swiper-slide ul li a { display: block; width: 150px; height: 210px}
section.event .swiper-slide ul li a:hover img { transform: scale(1.1)}
@media screen and (max-width: 768px) { section.event .swiper-slide ul li a:hover img { transform: none; transition: none}
 }
section.event .swiper-slide ul li a.active .event-thumbnail::before { opacity: .5}
section.event .swiper-slide ul li a.active .event-flag { background-color: #da291c !important}
section.event .swiper-slide ul li a.active .event-flag::before { background-color: #da291c !important}
section.event .swiper-slide ul li a .no { position: absolute; left: 0; top: 0; color: #999; font-size: 16px}
section.event .swiper-slide ul li a .event-thumbnail { width: 150px; height: 150px; border-radius: 100px; overflow: hidden; position: relative}
section.event .swiper-slide ul li a .event-thumbnail::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #da291c; opacity: 0; transition: .3s ease-in-out; z-index: 10}
section.event .swiper-slide ul li a .event-thumbnail img { width: 100%; transition: all .3s ease-out}
section.event .swiper-slide ul li a .event-info { position: relative; width: 150px; padding: 15px 0 0 0}
section.event .swiper-slide ul li a .event-info .event-flag { left: 0; top: -25px; background-color: #888; z-index: 11}
section.event .swiper-slide ul li a .event-info .event-flag::before { background-color: #888}
section.event .swiper-slide ul li a .event-info .title { font-size: 16px; line-height: 22px; text-align: center; display: block; color: #777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
section.event .swiper-slide ul li a .event-info .etc { display: none}
section.event .swiper-slide ul li a .event-info .date { display: none}
section.event .swiper-slide .cont { position: absolute; left: 400px; top: 0}
section.event .swiper-slide .cont a { position: relative}
section.event .swiper-slide .cont a::after { position: absolute; top: 382px; left: 0; content: ""; display: inline-block; width: 632px; height: 220px; background: url("./../image/event-shadow.png") no-repeat 0 0; background-size: 100%; z-index: -1}
section.event .swiper-slide .cont a .event-thumbnail { width: 500px; height: 500px; border-radius: 500px; overflow: hidden}
section.event .swiper-slide .cont a .event-thumbnail img { width: 100%}
section.event .swiper-slide .cont a .event-info { position: relative; padding: 0; width: 430px; margin: 0 auto; padding-top: 30px; text-align: center}
section.event .swiper-slide .cont a .event-info .event-flag { padding: 8px 18px; border-radius: 0 6px 6px 0; position: relative; top: -45px}
section.event .swiper-slide .cont a .event-info .event-flag::before { height: 53px}
section.event .swiper-slide .cont a .event-info .title { font-size: 24px; line-height: 24px; font-weight: bold; display: block; height: 33px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
section.event .swiper-slide .cont a .event-info .etc { font-size: 18px; line-height: 18px; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; padding: 13px 0 20px}
section.event .swiper-slide .cont a .event-info .date { display: block; font-size: 16px; line-height: 16px; color: #777}
section.event .swiper-slide .cont a .event-info .all { font-size: 14px; line-height: 14px; border: 1px #da291c solid; display: inline-block !important; border-radius: 20px; color: #da291c; padding: 9px 20px; margin-top: 20px; min-width: 110px}
section.event .swiper-slide .cont a .event-info .all.deActive { display: none !important}
section.event .swiper-button-next { top: inherit; bottom: 173px; left: 50%; margin-left: 220px; z-index: 11}
section.event .swiper-button-next::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='43px'%3e%3cpath fill-rule='evenodd' stroke='rgb(153, 153, 153)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.975,39.054 L22.025,21.456 L2.975,2.915 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 24px; height: 42px}
section.event .swiper-button-prev { top: inherit; bottom: 173px; left: 50%; margin-left: -260px; z-index: 11}
section.event .swiper-button-prev::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='42px'%3e%3cpath fill-rule='evenodd' stroke='rgb(153, 153, 153)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M20.998,38.996 L2.001,21.454 L20.998,2.973 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 24px; height: 42px}
section.event .swiper-button-prev.swiper-button-disabled, section.event .swiper-button-next.swiper-button-disabled { opacity: 1}
section.event .swiper-pagination { bottom: 60px; left: -8px; right: 0}
section.event .swiper-pagination .swiper-pagination-bullet { background-color: #ccc; opacity: 1; width: 12px; height: 12px; margin: 0 4px}
section.event .swiper-pagination .swiper-pagination-bullet-active { background-color: #da291c}
@media screen and (max-width: 768px) { section.event { height: 685px}
 section.event .contents { width: 100%; padding: 0; overflow: hidden}
 section.event .contents h2 { top: 0; padding-top: 60px}
 section.event .contents .more { top: 200px}
 section.event .contents .templ-type-tab-button-main { position: static; margin: 0 -5px; padding: 145px 20px 0}
 section.event #swiper-event { display: none}
 section.event #swiper-event-mobile { margin-top: 83px; display: block}
 section.event .swiper-container { display: none; padding-bottom: 100px}
 section.event .swiper-container.active { display: block}
 section.event .swiper-wrapper { min-height: 380px}
 section.event .swiper-slide { position: relative; width: 100px; height: 150px; margin-top: 60px}
 section.event .swiper-slide a { display: block; width: 100px; height: 150px}
 section.event .swiper-slide a.active .event-flag { background-color: #da291c !important}
 section.event .swiper-slide a.active .event-flag::before { background-color: #da291c !important}
 section.event .swiper-slide a .no { position: absolute; left: 0; top: 0; color: #999; font-size: 16px}
 section.event .swiper-slide a .event-thumbnail { width: 100px; height: 100px; border-radius: 100px; overflow: hidden; position: relative}
 section.event .swiper-slide a .event-thumbnail img { width: 100%}
 section.event .swiper-slide a .event-info { position: relative; width: 100px; padding: 10px 0 0 0}
 section.event .swiper-slide a .event-info .event-flag { left: 0; top: -25px; background-color: #888}
 section.event .swiper-slide a .event-info .event-flag::before { background-color: #888}
 section.event .swiper-slide a .event-info .event-flag span { max-width: 45px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
 section.event .swiper-slide a .event-info .title { font-size: 16px; line-height: 22px; text-align: center; display: block; color: #777; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
 section.event .swiper-slide a .event-info .etc { font-size: 16px; line-height: 22px; text-align: center; display: block; color: #777; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
 section.event .swiper-slide a .event-info .date { display: none}
 section.event .swiper-slide a .event-info .all { display: none}
 section.event .swiper-slide.swiper-slide-active { margin-top: 60px}
 section.event .swiper-slide.swiper-slide-active .event-thumbnail { box-shadow: 0 10px 10px rgba(0, 0, 0, .2); transform: scale(2.2); transition: .3s all}
 section.event .swiper-slide.swiper-slide-active .event-info { position: relative; width: 200px; padding: 80px 0 0 0; margin-left: -49px; text-align: center}
 section.event .swiper-slide.swiper-slide-active .event-info .event-flag { top: -40px; padding: 9px 12px; background-color: #e63333; position: relative}
 section.event .swiper-slide.swiper-slide-active .event-info .event-flag span { max-width: 100px}
 section.event .swiper-slide.swiper-slide-active .event-info .event-flag::before { background-color: #e63333; height: 50px}
 section.event .swiper-slide.swiper-slide-active .event-info .title { font-size: 16px; color: #000; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; margin-bottom: 10px}
 section.event .swiper-slide.swiper-slide-active .event-info .etc { font-size: 14px; line-height: 22px; text-align: center; display: block; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; margin-bottom: 15px}
 section.event .swiper-slide.swiper-slide-active .event-info .date { font-size: 12px; line-height: 22px; text-align: center; display: block; color: #777; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
 section.event .swiper-slide.swiper-slide-active .event-info .all { font-size: 12px; line-height: 12px; border: 1px #da291c solid; display: inline-block; border-radius: 20px; color: #da291c; padding: 7px 20px; margin-top: 10px}
 section.event .swiper-button-next { top: inherit; bottom: 140px; left: 50%; margin-left: 130px}
 section.event .swiper-button-next::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='43px'%3e%3cpath fill-rule='evenodd' stroke='rgb(153, 153, 153)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.975,39.054 L22.025,21.456 L2.975,2.915 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 24px; height: 42px}
 section.event .swiper-button-prev { top: inherit; bottom: 140px; left: 50%; margin-left: -150px}
 section.event .swiper-button-prev::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='42px'%3e%3cpath fill-rule='evenodd' stroke='rgb(153, 153, 153)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M20.998,38.996 L2.001,21.454 L20.998,2.973 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 24px; height: 42px}
 section.event .swiper-pagination { bottom: 40px; left: 0; right: 0}
 section.event .swiper-pagination .swiper-pagination-total { color: #999}
 }
section.package { height: 1180px; background: url(../image/main-package-bg.jpg) no-repeat center bottom; background-size: cover}
section.package h2 { color: #fff !important}
section.package .contents .more { top: 340px}
section.package .contents .templ-type-tab-button-main { padding-top: 325px; position: relative; z-index: 1}
section.package .contents .templ-type-tab-button-main ul { margin: 0 auto}
section.package .contents .templ-type-tab-button-main ul li a { border-color: #fff; background: #9cd7d1; color: #fff}
section.package .contents .templ-type-tab-button-main ul li a.active { background-color: #33aeb6}
section.package #swiper-package .swiper-container { padding-top: 60px; padding-bottom: 100px; display: none}
section.package #swiper-package .swiper-container.active { display: block}
section.package .swiper-slide { width: 305px; margin-right: 20px}
section.package .swiper-slide:nth-child(1) { top: 100px}
section.package .swiper-slide:nth-child(2) { top: 100px}
section.package .swiper-slide:nth-child(3) { top: 100px}
section.package .swiper-slide:nth-child(4) { top: 100px}
section.package .swiper-slide:last-child { margin-right: 0}
section.package .swiper-slide:nth-of-type(even) { padding-top: 80px}
section.package .swiper-slide a { display: block; width: 305px; height: 420px; background-color: #fff}
section.package .swiper-slide a .event-info { position: relative; padding: 37px 30px 0; text-align: right}
section.package .swiper-slide a .event-info .event-flag { left: 37px}
section.package .swiper-slide a .event-info .title { font-size: 22px; line-height: 30px; font-weight: bold; display: block; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
section.package .swiper-slide a .event-info .date { display: block; font-size: 16px; line-height: 16px; color: #777; padding: 14px 0 20px; text-align: left}
section.package .swiper-slide a .event-info .date em { font-size: 16px; line-height: 16px; color: #777}
section.package .swiper-slide a .event-info .price-in { color: #777}
section.package .swiper-slide a .event-info .price { display: inline-block; text-align: right; font-size: 22px; line-height: 22px; color: #da291c; padding-left: 10px}
section.package .swiper-button-next { top: inherit; bottom: 17px; left: 50%; margin-left: 120px; z-index: 11}
section.package .swiper-button-next::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='43px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.975,39.054 L22.025,21.456 L2.975,2.915 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 24px; height: 42px}
section.package .swiper-button-prev { top: inherit; bottom: 17px; left: 50%; margin-left: -140px; z-index: 11}
section.package .swiper-button-prev::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='42px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M20.998,38.997 L2.001,21.454 L20.998,2.973 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 24px; height: 42px}
section.package .swiper-button-prev.swiper-button-disabled, section.package .swiper-button-next.swiper-button-disabled { opacity: 1}
section.package .swiper-pagination { bottom: 30px; left: 0; right: 0}
section.package .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: 1; width: 12px; height: 12px; margin: 0 4px}
section.package .swiper-pagination .swiper-pagination-bullet-active { background-color: #da291c}
@media screen and (max-width: 768px) { section.package { height: 720px; background: url(../image/main-package-bg-m.jpg) no-repeat center bottom; background-size: cover}
 section.package h2 { color: #fff !important}
 section.package .contents .more { top: 230px}
 section.package .contents .templ-type-tab-button-main { position: static; margin: 50px -5px 85px; padding-top: 145px}
 section.package #swiper-package { margin: 0 -20px 0 0; padding-top: 0}
 section.package #swiper-package .swiper-container { padding-top: 0}
 section.package .swiper-slide { width: 165px; margin-right: 5px}
 section.package .swiper-slide:nth-child(1) { top: 0}
 section.package .swiper-slide:nth-child(2) { top: 0}
 section.package .swiper-slide:nth-child(3) { top: 0}
 section.package .swiper-slide:nth-child(4) { top: 0}
 section.package .swiper-slide:last-child { margin-right: 0}
 section.package .swiper-slide:nth-of-type(even) { padding-top: 35px}
 section.package .swiper-slide .event-thumbnail img { width: 100%}
 section.package .swiper-slide a { display: block; width: 165px; height: 265px; background-color: #fff}
 section.package .swiper-slide a .event-info { position: relative; padding: 25px 15px 0}
 section.package .swiper-slide a .event-info .event-flag { left: 15px}
 section.package .swiper-slide a .event-info .title { font-size: 14px; line-height: 19px}
 section.package .swiper-slide a .event-info .date { font-size: 12px; line-height: 12px; padding: 10px 0 12px}
 section.package .swiper-slide a .event-info .date em { display: none}
 section.package .swiper-slide a .event-info .price-in { position: static; display: block; font-size: 11px; line-height: 11px; text-align: right; padding-bottom: 7px}
 section.package .swiper-slide a .event-info .price { font-size: 15px; line-height: 15px}
 section.package .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px}
 }
section.club { height: 1027px}
section.club::before { content: ""; background: url(../image/main-club-l-bg.png) no-repeat center top; width: 469px; height: 427px; position: absolute; left: 0; top: 0}
section.club::after { content: ""; background: url(../image/main-club-r-bg-2023.png) no-repeat center top; width: 493px; height: 390px; position: absolute; top: 0; right: 0}
section.club #swiper-club { padding-top: 308px}
section.club #swiper-club .swiper-container { padding-bottom: 140px}
section.club #swiper-club .swiper-wrapper { padding-bottom: 113px}
section.club .swiper-slide { position: relative; margin-top: 115px}
section.club .swiper-slide.swiper-slide-active { margin-top: 116px}
section.club .swiper-slide.swiper-slide-active span.img { width: 100%; transform: scale(1.66) rotate(0.001deg); transition: .4s all; box-shadow: 0px 25px 35px 0px rgba(0, 0, 0, .25); will-change: transform}
section.club .swiper-slide.swiper-slide-active span.img img { width: 100%}
section.club .swiper-slide.swiper-slide-active div { padding: 0; margin: 0 -50px -50px 0}
section.club .swiper-slide.swiper-slide-active div span a { display: block; font-size: 54px; line-height: 54px; margin-top: 15px}
section.club .swiper-slide span.img { display: block; width: 100%; cursor: pointer}
section.club .swiper-slide span.img img { display: block; width: 100%}
section.club .swiper-slide div { position: absolute; right: 0; bottom: 0; z-index: 1; padding: 40px; text-align: right}
section.club .swiper-slide div * { color: #fff}
section.club .swiper-slide div em { display: block; font-size: 18px; line-height: 18px}
section.club .swiper-slide div span { display: block}
section.club .swiper-slide div span a { display: block; font-size: 28px; line-height: 28px; margin-top: 10px}
section.club .swiper-slide div ul { margin-top: 30px}
section.club .swiper-slide div ul:after { content: ""; display: block; clear: both}
section.club .swiper-slide div ul li { float: left; margin-left: 30px; position: relative}
section.club .swiper-slide div ul li::after { content: ""; position: absolute; right: -17px; top: 1px; border-right: 1px #4b4b49 solid; height: 17px}
section.club .swiper-slide div ul li:last-child::after { display: none}
section.club .swiper-slide div ul li a { font-size: 18px; line-height: 18px}
section.club .swiper-slide.swiper-slide-prev em, section.club .swiper-slide.swiper-slide-next em { font-size: 16px; line-height: 16px}
section.club .swiper-slide.swiper-slide-prev span, section.club .swiper-slide.swiper-slide-next span { font-size: 28px; line-height: 28px}
section.club .swiper-slide.swiper-slide-prev ul, section.club .swiper-slide.swiper-slide-next ul { display: none}
section.club .clubWrap { padding-top: 308px}
section.club .clubContainer { padding-bottom: 140px; display: flex; justify-content: center}
section.club .clubContainer .swiper-wrapper { padding-bottom: 113px}
section.club .clubContainer .swiper-slide { display: inline-block; max-width: 580px; max-height: 580px; margin: 0 22px; box-shadow: 0px 50px 70px 0px rgba(0, 0, 0, .25)}
section.club .clubContainer .swiper-slide span.img { cursor: auto}
@media screen and (max-width: 768px) { section.club { height: auto}
 section.club::before { content: ""; background: url(../image/main-club-l-bg.png) no-repeat center top; background-size: 100% 100%; width: 210px; height: 200px; position: absolute; left: 0; top: 0}
 section.club::after { display: none}
 section.club #swiper-club { padding: 0}
 section.club #swiper-club .swiper-container { padding: 90px 0 20px}
 section.club #swiper-club .swiper-wrapper { margin-top: 142px}
 section.club .contents { padding: 0}
 section.club .swiper-slide { position: relative; z-index: 1; margin-top: 0}
 section.club .swiper-slide span.img { width: 100%}
 section.club .swiper-slide span.img img { width: 100%}
 section.club .swiper-slide.swiper-slide-active { margin-top: 0; z-index: 2}
 section.club .swiper-slide.swiper-slide-active span.img { width: 100%; transform: scale(2.16); transition: .4s all; box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, .25)}
 section.club .swiper-slide.swiper-slide-active span.img img { width: 100%}
 section.club .swiper-slide.swiper-slide-active div { display: block !important}
 section.club .swiper-slide.swiper-slide-active div ul li::after { right: -11px; height: 15px}
 section.club .swiper-slide div { padding: 0 20px 25px 0; text-align: right; display: none !important}
 section.club .swiper-slide div * { color: #fff}
 section.club .swiper-slide div em { font-size: 13px; line-height: 13px}
 section.club .swiper-slide div span { display: block; margin-top: 10px}
 section.club .swiper-slide div span a { font-size: 28px !important; line-height: 28px !important}
 section.club .swiper-slide div ul { margin-top: 22px; margin-left: -23px}
 section.club .swiper-slide div ul li { margin-left: 18px}
 section.club .swiper-slide div ul li::after { content: ""; position: absolute; right: -12px; top: 1px; border-right: 1px #4b4b49 solid; height: 17px}
 section.club .swiper-slide div ul li:last-child::after { display: none}
 section.club .swiper-slide div ul li a { font-size: 13px; line-height: 13px}
 section.club .swiper-slide.swiper-slide-prev em, section.club .swiper-slide.swiper-slide-next em { font-size: 16px; line-height: 16px}
 section.club .swiper-slide.swiper-slide-prev span, section.club .swiper-slide.swiper-slide-next span { font-size: 28px; line-height: 28px}
 section.club .swiper-slide.swiper-slide-prev ul, section.club .swiper-slide.swiper-slide-next ul { display: none}
 section.club .swiper-slide.swiper-slide-active div { display: block}
 section.club .clubWrap { padding: 0}
 section.club .clubContainer { padding: 137px 0 60px; flex-direction: column}
 section.club .clubContainer .swiper-wrapper { padding-bottom: 0; flex-direction: column}
 section.club .clubContainer .swiper-slide { width: 90.6%; margin: 0; box-shadow: 19px 16px 35px 0px rgba(0, 0, 0, .25)}
 section.club .clubContainer .swiper-slide:nth-child(2) { margin-top: 22px; margin-left: auto}
 section.club .clubContainer .swiper-slide div { display: block !important}
 }
section.notice { border-top: 1px #eee solid; padding: 50px 0 100px}
@media screen and (max-width: 768px) { section.notice { padding: 50px 0}
 }
section.notice h3 { font-size: 46px; line-height: 46px}
section.notice .templ-type-tab-button-main { position: absolute; right: 0; top: 33px}
section.notice .more { top: 113px}
section.notice .notice-area { display: none; margin-top: 68px}
section.notice .notice-area ul:after { content: ""; display: block; clear: both}
section.notice .notice-area ul li { float: left; width: 285px; height: 210px; margin: 0 0 10px 10px; overflow: hidden}
section.notice .notice-area ul li:first-child { width: 640px; height: 430px; margin: 0 50px 0 0}
section.notice .notice-area ul li:first-child a { border: none}
section.notice .notice-area ul li:first-child div { background-color: #fff; top: 222px; right: 120px; padding: 20px 20px 10px}
section.notice .notice-area ul li:first-child div strong { font-size: 22px; line-height: 22px; height: 64px; white-space: nowrap; text-overflow: ellipsis; -webkit-line-clamp: inherit; display: block}
section.notice .notice-area ul li:first-child div strong em { font-size: 22px; line-height: 22px; margin-bottom: 15px}
section.notice .notice-area ul li:first-child div span { margin-top: 20px}
section.notice .notice-area ul li:nth-child(3) a, section.notice .notice-area ul li:nth-child(4) a { background-color: #f5f5f5}
section.notice .notice-area ul li .new { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='26px'%3e%3cpath fill-rule='evenodd' fill='rgb(218, 41, 28)' d='M13.000,-0.000 C20.180,-0.000 26.000,5.820 26.000,13.000 C26.000,20.180 20.180,26.000 13.000,26.000 C5.820,26.000 -0.000,20.180 -0.000,13.000 C-0.000,5.820 5.820,-0.000 13.000,-0.000 Z'/%3e%3ctext kerning='auto' font-family='Gulim' fill='rgb(0, 0, 0)' font-size='16px' x='8px' y='18px'%3e%3ctspan font-size='16px' font-family='SpoqaHanSans' font-weight='bold' fill='%23FFFFFF'%3eN%3c/tspan%3e%3c/text%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 18px; height: 18px; margin-left: 5px; vertical-align: -12px}
section.notice .notice-area ul li a { border: 1px #eee solid; display: block; height: 100%; position: relative}
section.notice .notice-area ul li a img { display: block}
section.notice .notice-area ul li a div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 45px 20px 0 30px}
section.notice .notice-area ul li a div strong { display: block; overflow: hidden; text-overflow: clip; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 75px; font-size: 18px; line-height: 25px; margin-bottom: 25px}
section.notice .notice-area ul li a div strong * { font-size: 18px; line-height: 18px}
section.notice .notice-area ul li a div strong em { color: #da291c; display: block; margin-bottom: 10px}
section.notice .notice-area ul li a div p { font-size: 16px; line-height: 26px; color: #555; overflow: hidden; height: 55px; overflow: hidden; text-overflow: clip; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -1px}
section.notice .notice-area ul li a div span { display: block; font-size: 16px; line-height: 16px; color: #777}
section.notice .notice-area.active { display: block}
@media screen and (max-width: 768px) { section.notice h2 { font-size: 12px; line-height: 12px; padding-bottom: 15px}
 section.notice h3 { font-size: 28px; line-height: 28px}
 section.notice .templ-type-tab-button-main { position: static; margin: 30px -5px 30px}
 section.notice .more { top: 143px}
 section.notice .notice-area { display: none; margin-top: 65px}
 section.notice .notice-area ul { margin: -5px}
 section.notice .notice-area ul li { width: 50%; height: 140px; margin: 0; padding: 5px}
 section.notice .notice-area ul li:first-child { width: 100%; height: inherit; margin: 0 0 20px 0}
 section.notice .notice-area ul li:first-child img { display: block; width: 100%}
 section.notice .notice-area ul li:first-child .new { margin-top: 1px}
 section.notice .notice-area ul li:first-child div { top: auto; right: 75px; padding: 15px}
 section.notice .notice-area ul li:first-child div strong { font-size: 15px; line-height: 15px; height: auto; margin-bottom: 5px}
 section.notice .notice-area ul li:first-child div strong em { font-size: 15px; line-height: 15px; margin-bottom: 8px}
 section.notice .notice-area ul li:first-child div p { height: 40px; line-height: 19px; overflow: hidden; text-overflow: clip; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
 section.notice .notice-area ul li:first-child div span { margin-top: 5px; padding-top: 0}
 section.notice .notice-area ul li .new { width: 13px; height: 13px; margin-top: 2px}
 section.notice .notice-area ul li a { display: block; height: 100%; position: relative}
 section.notice .notice-area ul li a div { padding: 15px 10px}
 section.notice .notice-area ul li a div strong { font-size: 14px; line-height: 19px; height: 60px; margin-bottom: 25px}
 section.notice .notice-area ul li a div strong * { font-size: 14px; line-height: 14px}
 section.notice .notice-area ul li a div strong em { color: #da291c; margin-bottom: 8px}
 section.notice .notice-area ul li a div p { font-size: 13px; line-height: 23px; height: 65px; display: none}
 section.notice .notice-area ul li a div span { font-size: 12px; line-height: 12px}
 section.notice .notice-area.active { display: block}
 }
[data-catagory=index] .panel.notice .contents h2 { position: unset; top: 0; left: 0%; transform: none; color: #aaa; text-transform: uppercase; text-align: left; font-weight: bold; padding-bottom: 15px; font-size: 22px; line-height: 22px}
@media screen and (max-width: 768px) { [data-catagory=index] .panel.notice .contents h2 { position: unset; top: 0; left: 0%; transform: none; color: #aaa; text-transform: uppercase; text-align: left; font-weight: bold; padding-bottom: 15px; font-size: 12px; line-height: 12px}
 }
[data-catagory=index] .panel.membership .contents h2 { position: unset; top: 0; left: 0%; transform: none; color: #000; text-align: left; padding: 0; font-size: 46px; line-height: 1}
@media screen and (max-width: 768px) { [data-catagory=index] .panel.membership .contents h2 { position: unset; top: 0; left: 0%; transform: none; color: #000; text-align: left; padding: 0; font-size: 28px; line-height: 1}
 }
section.place { background-color: #3c3c3c; padding: 80px 0; overflow: hidden}
section.place .contents dl:after { content: ""; display: block; clear: both}
section.place .contents dl+dl { margin-top: 50px}
section.place .contents dl dt { float: left; width: 320px; font-size: 24px; line-height: 24px; color: #fff}
section.place .contents dl dd { float: left; width: calc(100% - 320px)}
section.place .contents dl dd .place-container { position: relative}
section.place .contents dl dd .place-container .swiper-container { overflow: visible}
section.place .contents dl dd .place-container .swiper-container .swiper-wrapper .swiper-slide { display: block; width: 25%; max-width: 24rem}
section.place .contents dl dd .place-container .swiper-container .swiper-wrapper .swiper-slide .box { display: block; padding: 0 5px}
section.place .contents dl dd .place-container .swiper-container .swiper-wrapper .swiper-slide .box span { display: block; color: #fff; width: 100%}
section.place .contents dl dd .place-container .swiper-container .swiper-wrapper .swiper-slide .box span.img img { width: 100%}
section.place .contents dl dd .place-container .swiper-container .swiper-wrapper .swiper-slide .box span.title { margin-top: 25px; font-size: 18px; line-height: 18px}
section.place .contents dl dd .place-container .swiper-container .swiper-wrapper .swiper-slide .box span.text { margin-top: 15px; color: #aaa}
section.place .contents dl dd .place-container .swiper-pagination { width: 100%; bottom: -30px}
section.place .contents dl dd .place-container .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; background-color: #777; opacity: 1}
section.place .contents dl dd .place-container .swiper-pagination .swiper-pagination-bullet-active { background-color: #da291c}
@media screen and (max-width: 768px) { section.place { padding: 50px 0; border-bottom: 1px solid #373737}
 section.place .contents dl:after { content: ""; display: block; clear: both}
 section.place .contents dl+dl { margin-top: 80px}
 section.place .contents dl dt { float: none; width: 100%; font-size: 18px; line-height: 18px}
 section.place .contents dl dd { float: none; margin-top: 20px; width: 100%}
 section.place .contents dl dd .place-container .swiper-container .swiper-wrapper .swiper-slide { display: flex; width: auto}
 section.place .contents dl dd .place-container .swiper-container .swiper-wrapper .swiper-slide .box { width: 230px}
 section.place .contents dl dd .place-container .swiper-container .swiper-wrapper .swiper-slide .box span.title { margin-top: 15px; font-size: 15px; line-height: 15px}
 }
.membership+section.notice { border-top: none}
.membership { padding: 100px 0 50px; border-top: 1px solid #eee}
.membership .membershipBox { margin-top: 68px; padding: 60px 0 70px; border: 1px solid #eee}
.membership .list { display: flex; align-items: center; justify-content: space-between; padding: 0 100px}
.membership .list li { display: flex; position: relative; padding: 0 0 0 120px; height: 100px; box-sizing: border-box; align-items: center}
.membership .list li p { margin-bottom: 5px; font-size: 22px; font-weight: 700; line-height: 160%; color: #222}
.membership .list li span { display: inline-block; font-size: 18px; line-height: 135%; color: #777}
.membership .list li::before { position: absolute; top: 0; left: 0; content: ""; width: 100px; height: 100px; display: inline-block}
.membership .list li.item01::before { background: url(../image/sky_member04.png) no-repeat center center}
.membership .list li.item02::before { background: url(../image/sky_member05.png) no-repeat center center}
.membership .list li.item03::before { background: url(../image/sky_member06.png) no-repeat center center}
.membership .list li em.text-point { font-size: 18px; color: #33aeb6}
.membership .infoTxt { margin-top: 40px; font-size: 18px; line-height: 20px; color: #222; text-align: center}
.membership .infoTxt b { font-weight: 700}
.membership .btn-wrap { margin-top: 38px; text-align: center}
.membership .btn-wrap .submit-complete { min-width: 430px; padding: 23.5px 30px}
.membership .btn-wrap .submit-complete::before { height: 68px}
.membership .btn-wrap .submit-complete::after { top: 24px}
@media screen and (max-width: 768px){
 .membership+section.notice { border-top: 1px solid #eee}
 .membership { padding: 60px 0}
 .membership .membershipBox { margin-top: 10px; padding: 0; border: none}
 .membership .list { display: block; margin-bottom: 18px; padding: 0 0}
 .membership .list li { float: none; position: relative; padding: 36px 0 32px 120px; height: auto; box-sizing: border-box; border-bottom: 1px solid #eee}
 .membership .list li p { margin-bottom: 8px; font-size: 14px; line-height: 15px}
 .membership .list li span { display: inline-block; font-size: 12px; line-height: 14px; color: #777}
 .membership .list li::before { position: absolute; top: 20px; left: 20px; content: ""; width: 80px; height: 80px; display: inline-block}
 .membership .list li.item01::before { background: url(../image/sky_member04.png) no-repeat center center; background-size: 100%}
 .membership .list li.item02::before { background: url(../image/sky_member05.png) no-repeat center center; background-size: 100%}
 .membership .list li.item03 { padding-bottom: 45px}
 .membership .list li.item03::before { background: url(../image/sky_member06.png) no-repeat center center; background-size: 100%}
 .membership .list li em.text-point { font-size: 12px; color: #da291b}
 .membership .infoTxt { margin-top: 18px; font-size: 15px; line-height: 22px; text-align: left}
 .membership .btn-wrap { margin-top: 28px; text-align: center}
 .membership .btn-wrap .submit-complete { padding: 16px 58px 16px 25px; margin-left: 0 !important; min-width: auto}
 .membership .btn-wrap .submit-complete::before { height: 55px}
 .membership .btn-wrap .submit-complete::after { top: 18px}
 }
[data-catagory=index] .panel.membership .contents h2 { position: unset; top: 0; left: 0%; transform: none; color: #000; text-align: left; padding: 0; font-size: 46px; line-height: 1}
@media screen and (max-width: 768px) { [data-catagory=index] .panel.membership .contents h2 { position: unset; top: 0; left: 0%; transform: none; color: #000; text-align: left; padding: 0; font-size: 28px; line-height: 1}
 }
[data-catagory=register] .templ-type-title { margin-bottom: 65px}
[data-catagory=register] .templ-type-title .sub-text { font-size: 24px; line-height: 24px; color: #555}
[data-catagory=register] .templ-type-header { margin-top: 50px; line-height: 58px}
@media screen and (max-width: 768px) { [data-catagory=register] .templ-type-header { margin-top: 0; line-height: 33px}
 }
[data-catagory=register] .templ-type-tab-medium { margin: 50px 0}
@media screen and (max-width: 768px) { [data-catagory=register] .templ-type-tab-medium { margin: 0 0 35px 0}
 }
[data-catagory=register] .templ-type-infolist-1 { margin-top: 60px}
[data-catagory=register] .templ-type-infolist-1.border { padding-top: 30px; border-top: 1px solid #eee}
@media screen and (max-width: 768px) { [data-catagory=register] .templ-type-infolist-1.border { padding-top: 20px}
 }
@media screen and (max-width: 768px) { [data-catagory=register] .templ-type-infolist-1 { margin-top: 40px}
 }
[data-catagory=register] .templ-type-infolist-2.register { margin: 15px 0 0 0}
[data-catagory=register] .templ-type-infolist-2.register ul { margin: 0}
[data-catagory=register] .templ-type-infolist-2.register ul li { padding: 0 0 0 9px; text-indent: -9px}
[data-catagory=register] .register-box { margin-bottom: 22px; padding-bottom: 57px; border-bottom: 1px solid #eee}
[data-catagory=register] .register-box:after { content: ""; display: block; clear: both}
[data-catagory=register] .register-box>ul { margin: 52px -10px 0 -10px}
[data-catagory=register] .register-box>ul:after { content: ""; display: block; clear: both}
[data-catagory=register] .register-box>ul>li { float: left; padding: 0 10px; width: 50%}
[data-catagory=register] .register-box>ul>li>a { position: relative; display: block; padding: 40px 40px; height: 260px; border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box}
[data-catagory=register] .register-box>ul>li>a:hover { border-color: #000; box-shadow: 0 16px 14px rgba(0, 0, 0, .1)}
[data-catagory=register] .register-box>ul>li>a>span { position: relative; line-height: 38px; font-size: 28px; font-family: SpoqaHanSans-Light}
[data-catagory=register] .register-box>ul>li>a>span:after { content: ""; margin: -6px 0 0 5px; display: inline-block; width: 15px; height: 15px; vertical-align: middle; border-top: 2px solid #ccc; border-right: 2px solid #ccc; transform: rotate(45deg)}
[data-catagory=register] .register-box>ul>li>a .templ-type-infolist-2 ul { margin: 25px 0 0 0}
[data-catagory=register] .register-box>ul>li>a .templ-type-infolist-2 ul li { padding: 0 0 0 8px; font-size: 14px; line-height: 14px; color: #555; line-height: 22px; text-indent: -4px; word-break: keep-all}
[data-catagory=register] .register-box>ul>li>a .templ-type-infolist-2 ul li span { font-size: 14px; color: #555}
[data-catagory=register] .register-box>ul>li>a .templ-type-infolist-2 ul li .text-red { font-size: 14px; line-height: 14px; color: #da291c}
[data-catagory=register] .register-box>ul>li>a .templ-type-infolist-2 ul li:before { display: inline-block; vertical-align: middle}
@media screen and (max-width: 768px) { [data-catagory=register] .register-box>ul>li>a .templ-type-infolist-2 ul { margin-top: 15px}
 [data-catagory=register] .register-box>ul>li>a .templ-type-infolist-2 ul li { padding-left: 0; font-size: 13px; line-height: 19px}
 [data-catagory=register] .register-box>ul>li>a .templ-type-infolist-2 ul .mo { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden}
 }
[data-catagory=register] .register-box>ul>li>a i { position: absolute; right: 40px; top: 55px}
[data-catagory=register] .register-box .text-button { position: relative; margin-top: 30px; float: right; padding: 0; width: auto; color: #000; font-size: 16px; line-height: 16px; font-weight: bold}
@media screen and (max-width: 768px) { [data-catagory=register] .register-box .text-button { font-size: 14px; line-height: 14px}
 }
[data-catagory=register] .register-box .text-button:after { content: ""; display: block; margin-top: 2px; width: 100%; height: 2px; background: #000}
@media screen and (max-width: 768px) { [data-catagory=register] .register-box .text-button { margin-top: 20px}
 }
@media screen and (max-width: 768px) { [data-catagory=register] .register-box { margin-bottom: 15px; padding-bottom: 40px}
 [data-catagory=register] .register-box>ul { margin: 0}
 [data-catagory=register] .register-box>ul>li { float: none; padding: 0; width: 100%}
 [data-catagory=register] .register-box>ul>li>a { padding: 25px 30px; height: auto}
 [data-catagory=register] .register-box>ul>li>a>span { line-height: 26px; font-size: 20px}
 [data-catagory=register] .register-box>ul>li>a>span:after { margin-top: -4px; width: 10px; height: 10px}
 [data-catagory=register] .register-box>ul>li>a i { top: 35px; height: 30px}
 [data-catagory=register] .register-box>ul>li>a i.icon-c-x1 { right: 30px; width: 38.5px}
 [data-catagory=register] .register-box>ul>li>a i.icon-c-x3 { right: 34px; width: 31px}
 [data-catagory=register] .register-box>ul>li>a:hover { border-color: #ccc; box-shadow: none}
 [data-catagory=register] .register-box>ul li+li { margin-top: 10px}
 }
[data-catagory=register] .corp-info-list { padding: 20px; background-color: #f5f5f5}
[data-catagory=register] .corp-info-list ul { font-size: 0}
[data-catagory=register] .corp-info-list ul li { display: inline-block; margin: 0 20px; width: calc(50% - 40px); vertical-align: top}
[data-catagory=register] .corp-info-list ul li span { display: inline-block; padding: 15px 0}
[data-catagory=register] .corp-info-list ul li span.title { width: 70px; color: #999}
[data-catagory=register] .corp-info-list ul li span.title.wide { width: 90px}
[data-catagory=register] .corp-info-list ul li span.text { font-weight: bold}
[data-catagory=register] .corp-info-list ul li:nth-child(n+3) { border-top: 1px solid #ddd}
[data-catagory=register] .corp-info-list ul li.col-half { width: calc(25% - 20px); margin-right: 0; padding-right: 20px}
[data-catagory=register] .corp-info-list ul li.col-half span.title.wide { width: 100px}
[data-catagory=register] .corp-info-list ul li.col-half+.col-half { margin-left: 0; margin-right: 20px; padding-right: 0}
[data-catagory=register] .corp-info-list ul+ul { margin-top: 10px}
[data-catagory=register] .corp-info-list ul+ul li:nth-child(n+3) { border-top: none}
[data-catagory=register] .corp-info-list ul+ul li:nth-child(n+4) { border-top: 1px solid #ddd}
@media screen and (max-width: 768px) { [data-catagory=register] .corp-info-list { padding: 10px 20px}
 [data-catagory=register] .corp-info-list ul li { margin: 0; width: 100%; border-top: 1px solid #ddd}
 [data-catagory=register] .corp-info-list ul li:after { content: ""; display: block; clear: both}
 [data-catagory=register] .corp-info-list ul li span { padding: 15px 0}
 [data-catagory=register] .corp-info-list ul li span.title { float: left; width: 90px}
 [data-catagory=register] .corp-info-list ul li span.title.wide { width: 90px}
 [data-catagory=register] .corp-info-list ul li span.text { display: block; padding-left: 90px}
 [data-catagory=register] .corp-info-list ul li:first-child { border-top: none}
 [data-catagory=register] .corp-info-list ul li.col-half { width: 100%}
 [data-catagory=register] .corp-info-list ul li.col-half span.title.wide { width: 90px}
 [data-catagory=register] .corp-info-list ul li.col-half+.col-half { margin: 0}
 [data-catagory=register] .corp-info-list ul+ul li:first-child { border-top: none}
 [data-catagory=register] .corp-info-list ul+ul li:nth-child(n+3) { border-top: 1px solid #ddd}
 }
[data-catagory=register] .detail-list { margin-top: 30px; padding: 40px; background: #f5f5f5}
[data-catagory=register] .detail-list:after { content: ""; display: block; clear: both}
[data-catagory=register] .detail-list h3 { margin-bottom: 15px; font-size: 18px; line-height: 18px; color: #555; font-weight: bold}
[data-catagory=register] .detail-list ul { font-size: 0}
[data-catagory=register] .detail-list ul li { display: inline-block; padding: 8px 0; vertical-align: top}
[data-catagory=register] .detail-list ul li:after { content: ""; display: block; clear: both}
[data-catagory=register] .detail-list ul li .title { color: #555}
[data-catagory=register] .detail-list ul li .text { margin-left: 10px; font-weight: bold; word-break: break-word}
[data-catagory=register] .detail-list ul li:first-child { margin-left: 0}
[data-catagory=register] .detail-list ul li:nth-child(3n+1) { width: 20%}
[data-catagory=register] .detail-list ul li:nth-child(3n+2) { width: 30%}
[data-catagory=register] .detail-list ul li:nth-child(3n+3) { width: 50%}
[data-catagory=register] .detail-list.type2 ul { font-size: 0}
[data-catagory=register] .detail-list.type2 ul li { width: 50%}
[data-catagory=register] .detail-list.type2 ul li .title { float: left}
[data-catagory=register] .detail-list.type2 ul li .text { display: block; margin: 0; padding-left: 85px}
[data-catagory=register] .detail-list+.detail-list { margin-top: 10px}
@media screen and (max-width: 768px) { [data-catagory=register] .detail-list { margin-top: 25px; padding: 20px}
 [data-catagory=register] .detail-list h3 { margin-bottom: 10px; font-size: 15px}
 [data-catagory=register] .detail-list ul li { display: block; width: 100% !important}
 [data-catagory=register] .detail-list ul li .title { float: left}
 [data-catagory=register] .detail-list ul li .text { display: block; margin: 0; padding-left: 90px}
 [data-catagory=register] .detail-list ul+ul { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd}
 [data-catagory=register] .detail-list.type2 h3 { margin-bottom: 10px}
 [data-catagory=register] .detail-list.type2 ul { font-size: 0}
 [data-catagory=register] .detail-list.type2 ul li { width: 100%; margin: 0}
 [data-catagory=register] .detail-list.type2 ul li .text { padding-left: 90px}
 [data-catagory=register] .detail-list+.detail-list { margin-top: 10px}
 }
[data-catagory=register] .login-certify .form-wrap .input-box { width: 23%}
[data-catagory=register] .login-certify .form-wrap .input-box:first-child { width: 37%}
[data-catagory=register] .login-certify .form-wrap .input-box:nth-child(3) { width: 23%}
[data-catagory=register] .login-certify .form-wrap .btn-box { width: 17%}
@media screen and (max-width: 768px) { [data-catagory=register] .login-certify .form-wrap .input-box { width: 33.33334%}
 [data-catagory=register] .login-certify .form-wrap .input-box:first-child { width: 33.33334%}
 [data-catagory=register] .login-certify .form-wrap .input-box:nth-child(3) { width: 33.33334%}
 [data-catagory=register] .login-certify .form-wrap .btn-box { width: 100%}
 }
.terms-box.web-view-cont .terms-list dt:first-child { padding-top: 0; margin-top: 0}
.scrollbar-inner>.scroll-element.scroll-y { top: 8px; right: 8px; width: 4px}
.scrollbar-inner>.scroll-element .scroll-element_track { background-color: #f5f5f5; opacity: 1}
.scrollbar-inner>.scroll-element .scroll-bar { background-color: #ddd; opacity: 1}
.modal-pop-area .pop-text-area { margin-top: 0}
.form-wrap.finish label { color: #777; font-weight: normal}
.form-wrap.float:after { content: ""; display: block; clear: both}
.form-wrap.float>* { float: left; width: 50%}
.form-wrap.float>*.type2:after { content: ""; display: block; clear: both}
.form-wrap.float>*.type2 .inner { float: left; width: calc(50% - 10px); vertical-align: middle}
.form-wrap.float>*.type2 .inner:last-child { float: right}
.form-wrap.float>*:last-child { float: right; width: 50%}
.form-wrap.float.type2>*:first-child { width: 40%}
@media screen and (max-width: 768px){
 .form-wrap.float.type2>*:first-child { width: calc(100% + 10px)}
 }
.form-wrap.float.type2>*:last-child { width: calc(60% - 10px)}
@media screen and (max-width: 768px){
 .form-wrap.float.type2>*:last-child { margin-top: 10px; width: 100%}
 }
.form-wrap.float.num2 { margin: 0 -10px}
.form-wrap.float.num2>* { padding: 0 10px; width: 50%}
@media screen and (max-width: 768px){
 .form-wrap.float.num2>*.float-box { margin-top: 25px; width: 100%}
 .form-wrap.float.num2>*.float-box:first-child { margin-top: 0}
 }
.form-wrap.float.num3 { margin: 0 -10px}
.form-wrap.float.num3>* { float: left; padding: 0 10px; width: 33.3334%}
@media screen and (max-width: 768px){
 .form-wrap.float.num3>*.float-box { margin-top: 25px; width: 50%}
 .form-wrap.float.num3>*.float-box:first-child { width: 100%}
 }
@media screen and (max-width: 768px)and (max-width: 768px){
 .form-wrap.float.num3>*.float-box:first-child { margin-top: 0}
 }
.form-wrap.float .radio-wrap { padding: 12px 0; height: 44px; font-size: 0; border-bottom: 1px solid #eee}
.form-wrap.float .radio-wrap .radio-box { margin-left: 40px}
.form-wrap.float .radio-wrap .radio-box:first-child { margin-left: 0}
@media screen and (max-width: 768px){
 .form-wrap.float .radio-wrap { padding: 5px 0; height: 33px}
 .form-wrap.float .radio-wrap .radio-box { margin-left: 20px}
 .form-wrap.float .radio-wrap .radio-box:first-child { margin-left: 0}
 }
.form-wrap+.form-wrap { margin-top: 40px}
@media screen and (max-width: 768px){
 .form-wrap+.form-wrap { margin-top: 25px}
 }
.input-wrap { position: relative}
.input-wrap:after { content: ""; display: block; clear: both}
.input-wrap .left-box { float: left; width: calc(50% - 40px); position: relative}
.input-wrap .left-box .radio-wrap-ln { position: absolute; left: 0; top: 35px}
.input-wrap .left-box .radio-wrap-ln .radio-box { margin-right: 20px}
.input-wrap .left-box .radio-wrap-ln+.input-box { margin-left: 300px}
@media screen and (max-width: 768px){
 .input-wrap .left-box { float: none; width: 100%}
 .input-wrap .left-box .radio-wrap-ln { position: static; margin: 10px 0}
 .input-wrap .left-box .radio-wrap-ln+.input-box { margin-left: 0}
 }
.input-wrap .left-box .table-box { font-size: 0}
.input-wrap .left-box .table-box:after { content: ""; display: block; clear: both}
.input-wrap .left-box .table-box>.form-wrap { float: left; width: 22%}
.input-wrap .left-box .table-box .box { display: table; width: 78%; padding-left: 20px}
.input-wrap .left-box .table-box .box .form-wrap { display: block; width: 100%}
.input-wrap .left-box .table-box .box .btn-box { display: table-cell; padding-left: 20px; width: 1%; white-space: nowrap; vertical-align: bottom}
.input-wrap .left-box .table-box .box .btn-box .bt-small { width: auto}
@media screen and (max-width: 768px){
 .input-wrap .left-box .table-box>.form-wrap { width: 100%; margin-bottom: 25px}
 .input-wrap .left-box .table-box .box { width: 100%; padding-left: 0}
 }
.input-wrap .right-box { float: right; width: calc(50% - 40px)}
@media screen and (max-width: 768px){
 .input-wrap .right-box { float: none; margin-top: 25px; width: 100%}
 }
.input-wrap .right-box.type2 { margin-top: 23px}
@media screen and (max-width: 768px){
 .input-wrap .right-box.type2 { margin-top: 5px}
 }
@media screen and (max-width: 768px){
 .input-wrap .right-box.none .float.num2>*.float-box { width: 50%; margin-top: 0}
 }
.input-wrap .radio-wrap { line-height: 44px; border-bottom: 1px solid #eee}
.input-wrap .radio-wrap .radio-box { margin-left: 20px}
.input-wrap .radio-wrap .radio-box:first-child { margin-left: 0}
.input-wrap .radio-wrap .form-wrap { margin-top: 8px; margin-bottom: 0}
.input-wrap .radio-wrap .form-wrap.float { margin-top: 8px}
.input-wrap .radio-wrap .left-button-box { margin-top: 20px}
@media screen and (max-width: 768px){
 .input-wrap .radio-wrap { line-height: 33px; border: none}
 }
.input-wrap+.input-wrap { margin-top: 20px}
@media screen and (max-width: 768px){
 .input-wrap+.input-wrap { margin-top: 25px}
 }
.input-wrap .text-right { position: absolute; top: 35px; right: 0; color: #777}
@media screen and (max-width: 768px){
 .input-wrap .text-right { position: static; margin-top: 10px}
 }
.input-wrap.triple { position: relative; margin: 0 -40px}
.input-wrap.triple:after { content: ""; display: block; clear: both}
.input-wrap.triple+.input-wrap { margin-top: 30px}
@media screen and (max-width: 768px){
 .input-wrap.triple+.input-wrap { margin-top: 25px}
 }
@media screen and (max-width: 768px){
 .input-wrap.triple { margin: 0 -20px}
 }
.input-wrap.triple>li { float: left; width: 33.33334%; padding: 0 40px}
@media screen and (max-width: 1024px){
 .input-wrap.triple>li { width: 50%}
 }
@media screen and (max-width: 768px){
 .input-wrap.triple>li { padding: 0 20px; width: 100%}
 }
.input-wrap.triple .form-wrap { margin-top: 30px; font-size: 0}
@media screen and (max-width: 768px){
 .input-wrap.triple .form-wrap { margin-top: 25px}
 }
.input-wrap.triple .form-wrap label, .input-wrap.triple .form-wrap .label { margin: 0; padding: 12px 0; width: 80px; vertical-align: top}
@media screen and (max-width: 1024px){
 .input-wrap.triple .form-wrap label, .input-wrap.triple .form-wrap .label { width: 125px}
 }
@media screen and (max-width: 768px){
 .input-wrap.triple .form-wrap label, .input-wrap.triple .form-wrap .label { width: auto; padding: 0; font-size: 15px}
 }
.input-wrap.triple .form-wrap .input-box { display: inline-block; width: calc(100% - 80px)}
@media screen and (max-width: 1024px){
 .input-wrap.triple .form-wrap .input-box { width: calc(100% - 125px)}
 }
@media screen and (max-width: 768px){
 .input-wrap.triple .form-wrap .input-box { display: block; width: 100%}
 }
.input-wrap.triple .form-wrap .select-box { display: inline-block; width: calc(100% - 80px)}
@media screen and (max-width: 1024px){
 .input-wrap.triple .form-wrap .select-box { width: calc(100% - 125px)}
 }
@media screen and (max-width: 768px){
 .input-wrap.triple .form-wrap .select-box { display: block; width: 100%}
 }
.input-wrap.triple .form-wrap.wide label, .input-wrap.triple .form-wrap.wide .label { width: 125px}
@media screen and (max-width: 768px){
 .input-wrap.triple .form-wrap.wide label, .input-wrap.triple .form-wrap.wide .label { width: auto}
 }
.input-wrap.triple .form-wrap.wide .input-box { width: calc(100% - 125px)}
.input-wrap.triple .form-wrap.wide .select-box { width: calc(100% - 125px)}
@media screen and (max-width: 768px){
 .input-wrap.triple .form-wrap.wide .input-box { width: 100%}
 .input-wrap.triple .form-wrap.wide .select-box { width: 100%}
 }
@media screen and (max-width: 768px){
 .input-wrap.triple .form-wrap.double { width: 50%; padding: 0 10px 0 20px}
 .input-wrap.triple .form-wrap.double+.double { padding: 0 20px 0 10px}
 }
.input-wrap.full+.input-wrap { margin-top: 40px}
.input-wrap.full+.input-wrap .form-wrap { font-size: 0}
.input-wrap.full+.input-wrap .form-wrap label { width: 80px; vertical-align: top}
@media screen and (max-width: 1024px){
 .input-wrap.full+.input-wrap .form-wrap label { width: 125px}
 }
@media screen and (max-width: 768px){
 .input-wrap.full+.input-wrap .form-wrap label { width: auto}
 }
.input-wrap.full+.input-wrap .form-wrap .textarea-box { display: inline-block; width: calc(100% - 80px)}
@media screen and (max-width: 1024px){
 .input-wrap.full+.input-wrap .form-wrap .textarea-box { width: calc(100% - 125px)}
 }
@media screen and (max-width: 768px){
 .input-wrap.full+.input-wrap .form-wrap .textarea-box { display: block; width: 100%}
 }
.input-wrap.full+.input-wrap .form-wrap .textarea-box textarea { margin: 0}
@media screen and (max-width: 768px){
 .input-wrap.full+.input-wrap { margin-top: 25px}
 .input-wrap.full+.input-wrap .form-wrap label { margin-bottom: 10px}
 }
.input-wrap .clause-box { margin-top: 12px; background: #f5f5f5}
.input-wrap .clause-box .scroll-area { padding: 30px 20px; max-height: 150px; overflow: auto; box-sizing: border-box !important}
@media screen and (max-width: 768px){
 .input-wrap .clause-box .scroll-area { padding: 20px; max-height: 175px}
 }
.input-wrap .type2.form-wrap { font-size: 0}
.input-wrap .type2.form-wrap>label { width: 80px; padding: 12px 0; vertical-align: top}
@media screen and (max-width: 1024px){
 .input-wrap .type2.form-wrap>label { width: 125px}
 }
@media screen and (max-width: 768px){
 .input-wrap .type2.form-wrap>label { padding: 0; width: auto}
 }
.input-wrap .type2.form-wrap .input-box { display: inline-block; width: calc(100% - 80px)}
.input-wrap .type2.form-wrap .input-box .table-box { position: relative; display: table; width: 45%}
@media screen and (max-width: 1024px){
 .input-wrap .type2.form-wrap .input-box .table-box { width: 100%}
 }
.input-wrap .type2.form-wrap .input-box .table-box input { display: inline-block; width: 100%; position: relative}
.input-wrap .type2.form-wrap .input-box .table-box .file-box { display: table-cell; padding-left: 20px; width: 1%; white-space: nowrap; vertical-align: middle}
.input-wrap .type2.form-wrap .input-box .table-box .file-box label { margin: 0; padding: 11px 30px; width: auto; font-size: 16px; line-height: 16px; color: #000; text-align: center; font-weight: normal; border: 1px solid #ccc; background: #fff; border-radius: 200px; cursor: pointer}
@media screen and (max-width: 768px){
 .input-wrap .type2.form-wrap .input-box .table-box .file-box label { font-size: 14px; line-height: 14px}
 }
@media screen and (max-width: 768px){
 .input-wrap .type2.form-wrap .input-box .table-box .file-box label { padding: 8.5px 25px}
 }
.input-wrap .type2.form-wrap .input-box .table-box .file-box input { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden}
@media screen and (max-width: 1024px){
 .input-wrap .type2.form-wrap .input-box { width: calc(100% - 125px)}
 }
@media screen and (max-width: 768px){
 .input-wrap .type2.form-wrap .input-box { width: 100%}
 }
.input-wrap .type2.form-wrap .text-info { margin-top: 5px; padding-left: 80px; font-size: 14px; line-height: 14px; color: #777; line-height: 17px}
@media screen and (max-width: 1024px){
 .input-wrap .type2.form-wrap .text-info { padding-left: 125px}
 }
@media screen and (max-width: 768px){
 .input-wrap .type2.form-wrap .text-info { margin: 0; padding-left: 0; font-size: 12px}
 }
@media screen and (max-width: 768px){
 .input-box input { height: 33px}
 .input-box input.password { font-size: inherit; letter-spacing: inherit}
 }
.input-box.confirm { position: relative; display: table; width: 100%}
.input-box.confirm input { display: inline-block; width: 100%; position: relative}
.input-box.confirm .btn-box { display: table-cell; padding-left: 20px; width: 1%; white-space: nowrap; vertical-align: top}
.input-box.confirm .btn-box .button-small { width: auto}
.input-box.confirm .btn-box .bt-small { width: auto}
.input-box.confirm .btn-box .submit-small { width: auto}
@media screen and (max-width: 768px){
 .input-box.confirm .btn-box.block { display: block; width: 100%; margin: 15px 0 0 0; padding: 0}
 }
.input-box.confirm .num3 { font-size: 0}
.input-box.confirm .num3 input { display: inline-block}
.input-box.confirm .num3 input:nth-child(1) { width: 30%}
.input-box.confirm .num3 input:nth-child(2) { margin: 0 10px; width: calc(28% - 20px)}
.input-box.confirm .num3 input:nth-child(3) { width: 42%}
.input-box.confirm .address { display: block; font-size: 0}
.input-box.confirm .address input { width: 75%; vertical-align: middle}
.input-box.confirm .address input:first-child { margin-right: 20px; width: calc(25% - 20px)}
@media screen and (max-width: 768px){
 .input-box.confirm .address input { width: 100%}
 .input-box.confirm .address input:first-child { margin-right: 0; padding-right: 120px; width: 100%}
 .input-box.confirm .address input+input { margin-top: 5px}
 .input-box.confirm .address+.btn-box { position: absolute; top: 0; right: 0; width: auto; background: #fff; padding-bottom: 1px}
 }
.input-box.confirm .num { font-size: 0}
.input-box.confirm .num input { display: inline-block; width: calc(50% - 20px)}
.input-box.confirm .num em { display: inline-block; width: 40px; text-align: center; font-weight: bold}
.input-box.table { position: relative; display: table; width: 100%; border-top: none}
.input-box.table .box { display: inline-block; width: 100%}
.input-box.table .select-wrap { display: table-cell; padding-left: 20px; width: 50%; vertical-align: top}
.input-box.table.corp-cert-number .select-wrap { width: 200px}
@media screen and (max-width: 768px){
 .input-box.table .box { padding-right: 10px}
 .input-box.table .select-wrap { padding-left: 10px; width: 50%}
 .input-box.table.corp-cert-number .select-wrap { width: 110px}
 }
.form-box { margin: 60px 0 0 0}
.form-box legend { position: absolute; left: -99999px; display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -99999px}
.form-box .login-check { margin-top: 20px}
.form-box .login-check:after { content: ""; display: block; clear: both}
.form-box .login-check .login-link-box { float: right; font-size: 0}
.form-box .login-check .login-link-box .text-button { position: relative; font-size: 16px; line-height: 16px; color: #555; vertical-align: -10px}
@media screen and (max-width: 768px){
 .form-box .login-check .login-link-box .text-button { font-size: 14px; line-height: 14px}
 }
.form-box .login-check .login-link-box>*+*:before { content: ""; display: inline-block; margin: 0 10px; width: 1px; height: 16px; vertical-align: -3px; background: #eee}
@media screen and (max-width: 768px){
 .form-box .login-check { margin-top: 10px}
 }
.form-box .login-check .checkbox-box [type=checkbox]+label { margin-left: 0}
@media screen and (max-width: 768px){
 .form-box { margin: 40px 0 0 0}
 .form-box .form-wrap+.form-wrap { margin-top: 25px}
 .form-box:first-child { margin-top: 0}
 }
[data-catagory=saleInformation] .templ-type-title { margin-bottom: 65px}
[data-catagory=saleInformation] .templ-type-tab-medium { margin-bottom: 40px}
@media screen and (max-width: 768px) { [data-catagory=saleInformation] .transfer-guide-indent-1 { padding-left: 78px; text-indent: -78px}
 }
[data-catagory=saleInformation] .transfer-guide-indent-2 { padding-left: 40px; text-indent: -40px}
@media screen and (max-width: 768px) { [data-catagory=saleInformation] .transfer-guide-indent-2 { padding-left: 34px; text-indent: -34px}
 }
[data-catagory=saleInformation] .account-number-box { padding: 23px 0; background-color: #f5f5f5; font-size: 18px; line-height: 18px; text-align: center}
[data-catagory=saleInformation] .account-number-box .account-number { font-weight: 700; font-size: 18px; line-height: 18px}
@media screen and (max-width: 768px) { [data-catagory=saleInformation] .account-number-box { padding: 12px 0; font-size: 15px; line-height: 20px}
 [data-catagory=saleInformation] .account-number-box .account-number { font-size: inherit; line-height: inherit}
 }
.membershiop-visual { width: 100%; height: 634px; background: url(../image/img_visual_membership.jpg) no-repeat center center}
.membershiop-visual .txt-wrap { margin: 0 auto; padding-top: 407px; max-width: 1280px}
.membershiop-visual .txt-wrap .tit { margin-bottom: 33px; font-size: 50px; line-height: 1; font-weight: 700; color: #fff}
.membershiop-visual .txt-wrap .txt { display: inline-block; font-size: 20px; word-break: keep-all; line-height: 30px; color: #fff}
.membershiop-contain { padding-bottom: 130px}
.membershiop-contain .membershiop-box { margin: 0 auto; max-width: 1280px}
.membershiop-contain .bg-box { background: #f8f8f8}
.membershiop-contain .box1 { text-align: center; padding: 90px 0 100px}
.membershiop-contain .box1 .txt { font-size: 32px; line-height: 50px; font-weight: 700; text-align: center}
.membershiop-contain .box1 .sub-txt { margin-top: 28px; display: inline-block; font-family: SpoqaHanSans-Light; font-size: 22px; line-height: 1}
.membershiop-contain .box1 .point-list { margin-top: 60px}
.membershiop-contain .box1 .point-list .list { display: flex}
.membershiop-contain .box1 .point-list .list li { flex: 1; width: 16.6666666667%}
.membershiop-contain .box1 .point-list .list li img { width: 160px; height: 160px}
.membershiop-contain .box1 .point-list .list li span { margin-top: 30px; display: block; font-size: 18px; font-weight: 700; line-height: 1; text-align: center; color: #000}
.membershiop-contain .membership-info-box { background: #f8f8f8}
.membershiop-contain .membership-info-box .inner { padding: 95px 0 100px}
.membershiop-contain .membership-info-box .inner dl { float: none; width: 100%}
.membershiop-contain .membership-info-box .inner dl dt { text-align: center}
.membershiop-contain .membership-info-box .inner ul { margin-top: 60px; float: none; width: 100%; text-align: center}
.membershiop-contain .membership-info-box .inner .btn-wrap { margin-top: 60px; text-align: center}
.membershiop-contain .membership-info-box .inner .btn-wrap .submit-complete { min-width: 360px; padding: 21.5px 120px 21.5px 30px; margin-left: 0 !important}
.membershiop-contain .membership-info-box .inner .btn-wrap .submit-complete::after { top: 24.5px}
.membershiop-contain .membership-info-box .inner .btn-wrap .submit-complete::before { width: 96px; height: 70px}
.membershiop-contain .membership-info-box .inner .btn-wrap .submit-complete em { font-size: 23px; line-height: 25px}
.membershiop-contain .box2 { margin-top: 110px}
.membershiop-contain .box2 .txt-box { float: left; padding-top: 105px}
.membershiop-contain .box2 .txt-box p { font-size: 32px; line-height: 44px; font-family: SpoqaHanSans-Light}
.membershiop-contain .box2 .txt-box p em { font-size: 32px; line-height: 44px; font-weight: 700; color: #000}
.membershiop-contain .box2 .txt-box .bt-small { margin-top: 34px; padding: 16.5px 30px; min-width: 315px; background: #eee; border: 1px solid #ccc}
.membershiop-contain .box2 .txt-box .bt-small em { font-size: 18px; line-height: 25px; color: #000}
.membershiop-contain .box2 .img-box { width: calc(100% - 485px); float: right; text-align: right}
.membershiop-contain .box2 .img-box img { display: block}
@media screen and (max-width: 768px){
 .membershiop-visual { min-height: 280px; height: auto; background: url(../image/m_img_visual_membership.jpg) no-repeat center center; background-size: cover}
 .membershiop-visual .txt-wrap { padding: 166px 20px 35px}
 .membershiop-visual .txt-wrap .tit { margin-bottom: 15px; font-size: 24px}
 .membershiop-visual .txt-wrap .txt { font-size: 13px; line-height: 20px; word-break: keep-all}
 .membershiop-contain { padding-bottom: 0}
 .membershiop-contain .box1 { padding: 45px 20px 0}
 .membershiop-contain .box1 .txt { font-size: 17px; line-height: 24px; word-break: keep-all}
 .membershiop-contain .box1 .sub-txt { margin-top: 12px; font-family: SpoqaHanSans-Light; font-size: 14px; line-height: 21px}
 .membershiop-contain .box1 .point-list { margin-top: 25px}
 .membershiop-contain .box1 .point-list .list { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center}
 .membershiop-contain .box1 .point-list .list li { flex: none; width: 33.3333333333%}
 .membershiop-contain .box1 .point-list .list li img { width: 89px; height: 89px}
 .membershiop-contain .box1 .point-list .list li span { margin-top: 10px; display: block; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; color: #000; word-break: keep-all}
 .membershiop-contain .box1 .point-list .list li:nth-child(n+4) { margin-top: 27px}
 .membershiop-contain .membership-info-box { margin-top: 37px; background: #f8f8f8}
 .membershiop-contain .membership-info-box .inner { padding: 35px 0 40px 0}
 .membershiop-contain .membership-info-box .inner dl { width: 100%}
 .membershiop-contain .membership-info-box .inner ul { margin-top: 25px; width: auto}
 .membershiop-contain .membership-info-box .inner .btn-wrap { margin-top: 25px}
 .membershiop-contain .membership-info-box .inner .btn-wrap .submit-complete { padding: 0 65px 0 30px; min-width: 225px}
 .membershiop-contain .membership-info-box .inner .btn-wrap .submit-complete::after { top: 14.5px}
 .membershiop-contain .membership-info-box .inner .btn-wrap .submit-complete::before { width: 60px; height: 50px}
 .membershiop-contain .membership-info-box .inner .btn-wrap .submit-complete em { font-size: 16px; line-height: 48px}
 .membershiop-contain .box2 { margin-top: 35px}
 .membershiop-contain .box2 .txt-box { float: none; padding: 0 20px; text-align: center}
 .membershiop-contain .box2 .txt-box p { font-size: 17px; line-height: 25px}
 .membershiop-contain .box2 .txt-box p em { font-size: 17px; line-height: 25px}
 .membershiop-contain .box2 .txt-box .bt-small { margin-top: 15px; padding: 0 30px; min-width: 100%}
 .membershiop-contain .box2 .txt-box .bt-small em { font-size: 15px; line-height: 41px}
 .membershiop-contain .box2 .img-box { width: 100%; margin-top: 30px; float: none; max-width: 100%; text-align: center}
 .membershiop-contain .box2 .img-box img { display: block; width: 100%}
 }
.membership-wrap .content .title-sub-area .sub-title.point { color: #000; font-family: "SpoqaHanSans-Regular", sans-serif; font-size: 32px; font-style: normal; font-weight: 500; letter-spacing: -1.6px}
.membership-wrap .content .title-sub-area .sub-title.point em { font-family: "SpoqaHanSans-Regular", sans-serif; font-weight: 700}
.membershiop-contain .membership-point { width: 100%; max-width: 885px; margin: 80px auto}
.membershiop-contain .membership-point .point-tit { text-align: center}
.membershiop-contain .membership-point .point-tit span { color: #000; font-size: 32px; font-style: normal; font-weight: 500; line-height: 160%; letter-spacing: -1.6px}
.membershiop-contain .membership-point .point-tit span em { color: #000; font-size: 32px; font-style: normal; font-weight: 700; line-height: 160%; letter-spacing: -1.6px}
.membershiop-contain .membership-point .point-tit p { color: #000; font-size: 20px; font-style: normal; font-weight: 500; line-height: 160%; letter-spacing: -1px; margin-top: 3px}
.membershiop-contain .membership-point .point-content { display: flex; align-items: center; justify-content: space-between; margin-top: 37px}
.membershiop-contain .membership-point .point-content .lpoint, .membershiop-contain .membership-point .point-content .rewards { display: flex; width: 100%; max-width: 360px; padding: 40px 0; align-items: center; flex-direction: column; border-width: 1px 0 1px 0; border-style: solid; border-color: #000}
.membershiop-contain .membership-point .point-content .img i { display: inline-block; width: 146px; height: 33px; background-position: center; background-repeat: no-repeat; background-size: auto}
.membershiop-contain .membership-point .point-content .center .img i { width: 70px; height: 70px}
.membershiop-contain .membership-point .point-content .lpoint .txt, .membershiop-contain .membership-point .point-content .rewards .txt { padding: 17px 0; text-align: center}
.membershiop-contain .membership-point .point-content .lpoint .txt .saving, .membershiop-contain .membership-point .point-content .rewards .txt .saving { color: #555; text-align: center; font-style: normal; font-weight: 400; line-height: 135%; letter-spacing: -0.72px}
.membershiop-contain .membership-point .point-content .txt em.text-blue { color: #33aeb6}
.membershiop-contain .membership-point .point-content .img .point-01 { background-image: url("../image/point_01.png")}
.membershiop-contain .membership-point .point-content .img .point-02 { background-image: url("../image/point_02.png")}
.membershiop-contain .membership-point .point-content .img .point-plus { background-image: url("../image/point_plus.png")}
.membership-point .btn-area { position: relative; width: 100%; text-align: center}
.membership-point .btn-area .btn.point-btn { display: block; padding: 11px 42px; height: 42px; margin: 0; font-size: 15px; color: #000; border: 1px solid #000; font-family: Noto Sans KR}
.membershiop-contain .membership-point .membership-info ul { margin-top: 20px}
.membershiop-contain .membership-point .membership-info ul li { color: #656565; font-size: 12px; font-style: normal; font-weight: 400; line-height: 160%; letter-spacing: -0.96px}
.membershiop-contain .btn-bottom-area .member-btn { width: 100%; height: 60px; line-height: 60px; padding: 0 20px; font-size: 18px; font-weight: 400; max-width: 404px}
@media(max-width: 1280px){
 .membership-wrap.ico-list .content { padding: 30px 0 5px 0}
 .membership-wrap .cont-wrap ul li:first-child .txt { border: none}
 .membership-wrap .cont-wrap ul li:first-child .img { border: none}
 .membership-wrap .cont-wrap .tit { font-weight: 700; line-height: 160%; letter-spacing: -0.56px}
 .membership-wrap .cont-wrap .cont { margin-top: 9px; line-height: 179%; letter-spacing: -1.32px}
 .membership-wrap .content .title-sub-area .sub-title.point { color: #343434; font-size: 20px}
 .membershiop-contain .membership-point .point-content .lpoint, .membershiop-contain .membership-point .point-content .rewards { padding: 34px 0}
 .membershiop-contain .membership-point { padding: 0 24px}
 .membershiop-contain .membership-point .point-content { margin-top: 30px}
 .membershiop-contain .membership-point .point-tit span { font-size: 20px}
 .membershiop-contain .membership-point .point-tit span em { font-size: 20px}
 .membershiop-contain .membership-point .point-content .img i { width: 116px; height: 22px; background-size: contain}
 .membershiop-contain .membership-point .point-content .img .point-02 { width: 88px}
 .membershiop-contain .membership-point .point-content .center .img i { width: 35px; height: 35px}
 .membershiop-contain .membership-point .point-content .center { padding: 0 9px}
 .membershiop-contain .membership-point .point-content .lpoint .txt, .membershiop-contain .membership-point .point-content .rewards .txt { padding: 20px 0}
 .membershiop-contain .membership-point .point-content .lpoint .txt .saving, .membershiop-contain .membership-point .point-content .rewards .txt .saving { font-size: 12px; line-height: 179%; letter-spacing: -0.96px}
 .membership-point .btn-area .btn.point-btn { padding: 6px 19px; height: 28px; font-size: 12px}
 .membershiop-contain .membership-point .membership-info ul li { font-size: 10px; line-height: 179%; letter-spacing: -0.96px}
 .membershiop-contain .membership-point .point-tit p { font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -1.28px}
 .membershiop-contain .btn-bottom-area .member-btn { max-width: 320px}
 .membershiop-contain .btn-bottom-area .member-btn span { font-size: 16px}
 .membershiop-contain .membership-info-box ul li { width: 100%; display: flex; align-items: center}
 .membershiop-contain .membership-info-box ul li .text-box { display: flex; width: 65%; text-align: left; justify-content: center; flex-direction: column; min-height: 133px}
 .membershiop-contain .membership-info-box .inner ul { padding: 0 25px}
 .membershiop-contain .membership-info-box ul li:nth-child(2) { border-width: 1px 0 1px 0; border-style: solid; border-color: rgba(150, 150, 150, .1803921569)}
 .membershiop-contain .membership-point .point-content .txt em.text-blue { font-size: 12px; color: #33aeb6}
 .membership-info-box .inner ul li:last-child { border-left: 0}
 .membership-info-box .inner ul li .text-box span.title { line-height: 160%; margin-top: 10px}
 .membership-info-box .inner ul li .text-box span.text { line-height: 179%; margin-top: 11px}
 }