@charset "utf-8";

.main-slider-wrap {position: relative; width: 100%; padding: 100px 20px; margin-top: 100px; box-sizing: border-box;}
.main-slider-wrap .inner-cont {position: relative; width: 100%; max-width: 1280px; margin: 0 auto; display: flex; gap: 20px;}
.main-slider-wrap .inner-cont .main-slider {height: 500px; max-height: 500px;}
.main-slider-wrap .inner-cont .main-slider .slick-list {margin: 0 -10px}
.main-slider-wrap .inner-cont .main-slider .slick-slide {margin: 0 10px;}
.main-slider-wrap .inner-cont .main-slider div {height: 100%;}
.main-slider-wrap .inner-cont .main-slider .slider-wrap {position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 18px; overflow: hidden;}
.main-slider-wrap .inner-cont .main-slider .slider-wrap .slider-box {position: absolute; margin-top: 0; padding: 0 40px; box-sizing: border-box; inset: 0; display: flex; flex-direction: column; justify-content: center;}
.main-slider-wrap .inner-cont .main-slider .slider-wrap .slider-box h2 {font-size: 40px; margin: 0;}
.main-slider-wrap .inner-cont .main-slider .slider-wrap .slider-box pre {line-height: 34px;}
.main-slider-wrap .inner-cont .slider-btn {width: calc(100% - 430px); padding-left: 40px; margin: 0; bottom: 40px; box-sizing: border-box;}

.main-slider-wrap .inner-cont .member-wrap {position: relative; width: 410px; min-width: 410px; height: 100%; display: flex; flex-direction: column; gap: 20px;}
.main-slider-wrap .inner-cont .member-wrap .login-box {position: relative; width: 100%; height: 290px; padding: 40px 35px; box-sizing: border-box; background: #f1f1f1; border-top-right-radius: 18px; display: flex; flex-direction: column; justify-content: space-between; transition: all .3s; overflow: hidden; }
.main-slider-wrap .inner-cont .member-wrap .login-box a {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; z-index: 2;}
.main-slider-wrap .inner-cont .member-wrap .login-box h4 .logo {width: 45px; filter: brightness(.1);}
.main-slider-wrap .inner-cont .member-wrap .login-box h4 span {padding-top: 15px; font-size: 20px; color: #212121; font-weight: 500; line-height: 30px; display: flex; align-items: center; gap: 10px;}
.main-slider-wrap .inner-cont .member-wrap .login-box h4 img {width: 20px;}
.main-slider-wrap .inner-cont .member-wrap .login-box span {font-size: 16px; color: #212121; font-weight: 500; line-height: 24px;}
.main-slider-wrap .inner-cont .member-wrap .login-box span a {position: relative; width: auto; height: auto; top: unset; left: unset;}
.main-slider-wrap .inner-cont .member-wrap .login-box:hover {background: #dfdfdf;}
.main-slider-wrap .inner-cont .member-wrap .btn-box {position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 20px;}
.main-slider-wrap .inner-cont .member-wrap .btn-box a {position: relative; width: 100%; padding: 30px 75px 30px 35px; box-sizing: border-box; background: #666; border-top-right-radius: 18px; color: #fff; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: -1.5px; display: flex; justify-content: space-between; align-items: center; transition: all .3s; cursor: pointer;}
.main-slider-wrap .inner-cont .member-wrap .btn-box a img {width: 20px;}
.main-slider-wrap .inner-cont .member-wrap .btn-box a:hover {background: #333;}

/* notice-wrap */
#container .notice-wrap {padding: 20px;}
#container .notice-wrap > h2 {margin: 0 auto 20px; font-family: 'KMA'; font-weight: 700; font-size: 36px; letter-spacing: -1px; display: flex; justify-content: space-between;}
#container .notice-wrap > h2 span {display: flex; align-items: center; gap: 10px; }
#container .notice-wrap > h2 > button {width: auto; height: auto; font-family: 'SUIT'; color: #6182bf; font-size: 18px; font-weight: 500; border: none;}
#container .notice-wrap > h2 > button:hover {background: none;}
#container .notice-wrap > ul > li {justify-content: space-between;}
#container .notice-wrap > ul > li > p.type {width: auto; min-width: 170px; text-align: left; justify-content: start; padding-left: 15px; box-sizing: border-box; font-size: 16px; color: #6182bf; font-weight: 500;}
#container .notice-wrap > ul > li > div {width: calc(100% - 380px); padding: 30px 0;}
#container .notice-wrap > ul > li > p.date { width: 210px; min-width: 95px; padding-right: 15px; justify-content: end; box-sizing: border-box; }
/* //notice-wrap */

/* mem-wrap */
#container .mem-wrap {position: relative; width: 100%; padding: 100px 20px; box-sizing: border-box;}
#container .mem-wrap .inner-cont {position: relative; width: 100%; max-width: 1280px; height: 715px; padding: 0 65px; margin: 0 auto; background-image: url('/images/main/img_main_mem.webp'); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; border-radius: 16px; }
#container .mem-wrap .inner-cont h4 {font-family: 'KMA'; font-size: 36px; color: #212121; font-weight: 700; letter-spacing: -0.72px; text-align: center;}
#container .mem-wrap .inner-cont .sub-txt {margin-top: 26px; font-size: 20px; font-weight: 400; line-height: 32px; color: #212121; text-align: center;}
#container .mem-wrap .inner-cont .flex {position: relative; width: 100%; margin-top: 56px; display: flex; justify-content: center; gap: 30px; }
#container .mem-wrap .inner-cont .flex .box {position: relative; flex: 1; aspect-ratio: 1 / 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 45px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 16px;}
#container .mem-wrap .inner-cont .flex .box .b-tit {font-family: 'SUIT'; font-size: 26px; color: #fff; font-weight: 600; line-height: normal;}
#container .mem-wrap .inner-cont .flex .box .b-txt {font-family: 'SUIT'; font-size: 18px; color: #fff; font-weight: 500; line-height: 28px; text-align: center;}
/* //mem-wrap */

/* sem-wrap */
#container .sem-wrap {position: relative; width: 100%; padding: 100px 20px; box-sizing: border-box;}
#container .sem-wrap .inner-cont {position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#container .sem-wrap .inner-cont .flex {position: relative; width: 100%; display: flex; }
#container .sem-wrap .inner-cont .flex .left {position: relative; min-width: 400px;}
#container .sem-wrap .inner-cont .flex .left h4 {font-family: 'KMA'; font-size: 36px; color: #212121; font-weight: 700; letter-spacing: -0.72px; display: flex; align-items: center; gap: 10px;}
#container .sem-wrap .inner-cont .flex .left .sub-tit {margin-top: 35px; font-family: 'KMA'; font-size: 22px; color: #212121; font-weight: 700; gap: 15px; opacity: .5; }
#container .sem-wrap .inner-cont .flex .left .sub-tit span {position: relative; display: flex; align-items: center; gap: 15px;}
#container .sem-wrap .inner-cont .flex .left .sub-tit span img {width: 18px; margin-bottom: 2px;}
#container .sem-wrap .inner-cont .flex .left .sub-txt {margin-top: clamp(18px, 2vw, 68px); font-size: 20px; color: #212121; font-weight: 300; line-height: 32px; letter-spacing: -0.98px;}
#container .sem-wrap .inner-cont .flex .left .sub-txt strong {font-weight: 700;}
#container .sem-wrap .inner-cont .flex .btn {position: relative; width: fit-content; margin-top: 48px; padding: 20px 70px 20px 35px; box-sizing: border-box; font-size: 18px; color: #fff; font-weight: 500; line-height: normal; letter-spacing: -0.68px; background: #212121; border-radius: 6px; display: block; transition: all .3s;}
#container .sem-wrap .inner-cont .flex .btn::after {content: ''; position: absolute; width: 10px; height: 10px; right: 35px; bottom: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) translate(-50%, 2px); }
#container .sem-wrap .inner-cont .flex a:hover {opacity: .7;}
#container .sem-wrap .inner-cont .flex .right {position: relative;}
#container .sem-wrap .inner-cont .flex .right img {width: 100%;}
#container .sem-wrap .inner-cont .flex .mo-btn {display: none;}
/* //sem-wrap */

/* plat-wrap */
#container .plat-wrap {position: relative; width: 100%; padding: 100px 20px; box-sizing: border-box;}
#container .plat-wrap .inner-cont {position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#container .plat-wrap .inner-cont h4 {font-family: 'KMA'; font-size: 36px; color: #212121; font-weight: 700; letter-spacing: -0.72px; display: flex; align-items: center; gap: 10px;}
#container .plat-wrap .inner-cont .sub-txt {margin-top: 25px; font-size: 20px; color: #212121; font-weight: 300; line-height: 32px; letter-spacing: -0.98px;}
#container .plat-wrap .inner-cont .sub-txt strong {font-weight: 700;}
#container .plat-wrap .inner-cont .flex {position: relative; width: 100%; margin-top: 48px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
#container .plat-wrap .inner-cont .flex .box {flex: 1; padding: 35px 45px; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; background: #f1f1f1; border-radius: 6px; transition: all .3s; }
#container .plat-wrap .inner-cont .flex .box .b-tit {font-size: 22px; color: #212121; font-weight: 600; letter-spacing: -0.84px; }
#container .plat-wrap .inner-cont .flex .box .b-txt {font-size: 16px; color: #212121; font-weight: 400; line-height: 28px; }

/* //plat-wrap */

/* md-ban */
#container .md-ban {position: relative; width: 100%; padding: 0 20px; box-sizing: border-box; background-image: url('/images/main/img_main_mdban.webp'); background-position: center; background-repeat: no-repeat; background-size: cover;}
#container .md-ban .inner-cont {position: relative; width: 100%; max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
#container .md-ban .inner-cont .el {width: 400px; }
#container .md-ban .inner-cont .txt-wrap {position: absolute; left: 50%; transform: translate(-50%, 0); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}
#container .md-ban .inner-cont .txt-wrap span {font-size: 20px; color: #fff; font-weight: 400; text-align: center;}
#container .md-ban .inner-cont .txt-wrap h4 img {width: 320px; filter: invert(1);}
#container .md-ban .inner-cont ul {display: flex; flex-direction: column; gap: 20px;}
#container .md-ban .inner-cont ul li {display: flex; gap: 20px;}
#container .md-ban .inner-cont ul li span {flex: auto; font-size: 16px; color: #212121; font-weight: 400; text-align: center; padding: 7px 15px; background: #f1f1f180; border-radius: 40px;}
#container .md-ban .inner-cont ul li:nth-last-child(1) span {padding: 10px 15px; background: #212121; font-weight: 600; transition: .3s;}
#container .md-ban .inner-cont ul li:nth-last-child(1) span:hover  {font-weight: 700; opacity: .8;}
#container .md-ban .inner-cont ul li span a {display: block; width: 100%; height: 100%; color: #f1f1f1;}
/* //md-ban */

/* part-wrap */
#container .part-wrap {position: relative; width: 100%; padding: 100px 20px; box-sizing: border-box;}
#container .part-wrap .inner-cont {position: relative; width: 100%; max-width: 1280px; margin: 0 auto; display: flex; flex-direction: column; gap: 30px;}
#container .part-wrap .inner-cont h4 {font-family: 'KMA'; font-size: 36px; color: #212121; font-weight: 700; letter-spacing: -0.72px; display: flex; align-items: center; gap: 10px;}
#container .part-wrap .inner-cont .sub-txt {font-size: 20px; color: #212121; font-weight: 500; line-height: 32px; letter-spacing: -0.98px;}
#container .part-wrap .inner-cont a {position: relative; width: fit-content; padding: 20px 70px 20px 35px; box-sizing: border-box; font-size: 18px; color: #fff; font-weight: 500; line-height: normal; letter-spacing: -0.68px; background: #212121; border-radius: 6px; display: block; transition: all .3s;}
#container .part-wrap .inner-cont a::after {content: ''; position: absolute; width: 10px; height: 10px; right: 35px; bottom: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) translate(-50%, 2px); }
#container .part-wrap .inner-cont a:hover {opacity: .7;}
/* //part-wrap */

/* loop-wrap */
#container .loop-wrap {position: relative; width: 100%;overflow: hidden;}
#container .loop-wrap .row {overflow: hidden;}
#container .loop-wrap .track {display: flex; width: max-content;}
#container .loop-wrap .track img {width: 1000px; margin-left: 15px;}
#container .loop-wrap .row-top .track {animation: loopLeft 45s linear infinite;}
#container .loop-wrap .row-bottom {margin-top: 45px;}
#container .loop-wrap .row-bottom .track {animation: loopLeft 45s linear infinite; animation-delay: -10s;}
@keyframes loopLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
/* //loop-wrap */

/* mems-wrap */
#container .mems-wrap { position: relative; width: 100%; padding: 100px 20px; margin-top: 100px; box-sizing: border-box; background: #f1f1f1;}
#container .mems-wrap .inner-cont {position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#container .mems-wrap .inner-cont h4 {font-family: 'KMA'; font-size: 36px; color: #212121; font-weight: 700; letter-spacing: -0.72px; display: flex; align-items: center; gap: 10px;}
#container .mems-wrap .inner-cont .tab-menu {position: relative; margin-top: 45px; display: flex; gap: 40px; display: inline-flex; align-items: center;}
#container .mems-wrap .inner-cont .tab-menu .tab-btn {position: relative; font-family: 'SUIT'; font-size: 24px; color: #aaa; font-weight: 500; letter-spacing: -0.88px; transition: all .2s;}
#container .mems-wrap .inner-cont .tab-menu .tab-btn.active {color: #6182bf;}
#container .mems-wrap .inner-cont .tab-menu .line {position: relative; width: 1px; height: 22px; border-right: 1px solid #aaa;}
#container .mems-wrap .inner-cont .tab-cont {position: relative; width: 100%; margin-top: 40px; display: none;}
#container .mems-wrap .inner-cont .tab-cont.active {display: block;}
#container .mems-wrap .inner-cont .tab-cont .swiper {position: relative; width: 100%;}
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide {position: relative; width: 100%; max-width: 306px; height: auto; padding: 36px 32px 50px; background: #fff; border-radius: 6px; box-sizing: border-box; font-family: 'SUIT';}
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .logo {position: relative; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #212121; }
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .logo img {width: 20px;}
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .s-tit {position: relative; width: 100%; margin-top: 15px; font-size: 20px; color: #212121; font-weight: 700; line-height: 28px; letter-spacing: -0.6px; }
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .s-txt {position: relative; width: 100%; margin-top: 16px; font-size: 16px; color: #212121; font-weight: 400; line-height: 26px; letter-spacing: -1.4px;}
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .price {position: relative; margin-top: 26px; font-size:  16px; color: #b5b5b5; font-weight: 500; letter-spacing: -0.75px; display: flex; align-items: end; gap: 10px;}
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .price span {font-size: 24px; color: #212121; font-weight: 700; letter-spacing: -0.88px; }
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide ul {position: relative; width: 100%; margin-top: 26px; }
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide ul p {font-size: 15px; color: #212121; font-weight: 600; line-height: 27px; letter-spacing: -0.45px; padding-bottom: 8px;}
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide ul li {margin-left: 15px; font-size: 14px; color: #212121; font-weight: 400; line-height: 26px; letter-spacing: -0.42px; list-style: disc;}
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide ul li span {color: #3e68a7; font-weight: 600;}
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .more {position: relative; width: 100%; margin-top: 45px; text-align: right; font-size: 16px; color: #212121; font-weight: 500; line-height: normal; letter-spacing: -0.88px; display: block;}
#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .more:hover {font-weight: 800;}
#container .mems-wrap .inner-cont .btn-wrap {position: relative; width: 100%; margin-top: 70px; display: flex; justify-content: end; gap: 20px; }
#container .mems-wrap .inner-cont .btn-wrap .btn {position: relative; width: 220px; height: 65px; padding: 20px 30px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; font-size: 18px; color: #fff; font-weight: 500; line-height: normal; letter-spacing: -0.68px; background: #212121; border-radius: 6px; transition: all .3s;}
#container .mems-wrap .inner-cont .btn-wrap .btn img {width: 20px;}
#container .mems-wrap .inner-cont .btn-wrap .btn2 img {filter: brightness(10)}
#container .mems-wrap .inner-cont .btn-wrap .btn:hover {opacity: .7;}
/* //mems-wrap */

.footer-top > ul > li img {filter: brightness(20);}



@media screen and (max-width: 1024px) {
	/* member-wrap */
	.main-slider-wrap .inner-cont .member-wrap {width: auto; min-width: 370px;}
	.main-slider-wrap .inner-cont .member-wrap .login-box {padding: 30px 35px;}
	/* //member-wrap */

	/* notice-wrap */
	#container .notice-wrap > h2 {margin: 0 auto 15px; }
	#container .notice-wrap > h2 span {font-size: 28px;}
	#container .notice-wrap > ul > li > p.type {min-width: 100px; padding-left: 0;}
	#container .notice-wrap > ul > li > div > h3 {font-size: 18px;}
	#container .notice-wrap > ul > li > p.date {padding-right: 0;}
	/* //notice-wrap */

	/* mem-wrap */
	#container .mem-wrap {padding: 60px 0;}
	#container .mem-wrap .inner-cont {height: auto; padding: 70px 20px; border-radius: 0;}
	#container .mem-wrap .inner-cont h4 {font-size: 28px;}
	#container .mem-wrap .inner-cont .sub-txt {margin-top: 16px; font-size: 18px; line-height: 28px;}
	#container .mem-wrap .inner-cont .flex {margin-top: 40px; gap: 20px;}
	#container .mem-wrap .inner-cont .flex .box {padding: 60px 20px; justify-content: start; box-sizing: border-box; aspect-ratio: unset;}
	#container .mem-wrap .inner-cont .flex .box .b-tit {min-height: 60px; font-size: 24px; text-align: center;}
	#container .mem-wrap .inner-cont .flex .box .b-txt {font-size: 16px; font-weight: 400; line-height: 26px;}
	/* //mem-wrap */

	/* sem-wrap */
	#container .sem-wrap {padding: 60px 20px;}
	#container .sem-wrap .inner-cont .flex .left {min-width: 300px;}
	#container .sem-wrap .inner-cont .flex .left h4 {font-size: 28px;}
	#container .sem-wrap .inner-cont .flex .left .sub-txt {font-size: 18px;}
	/* //sem-wrap */

	/* part-wrap */
	#container .plat-wrap {padding: 60px 20px;}
	#container .plat-wrap .inner-cont h4 {font-size: 28px;}
	#container .plat-wrap .inner-cont .sub-txt {font-size: 18px;}
	#container .plat-wrap .inner-cont .flex {margin-top: 35px;}
	#container .plat-wrap .inner-cont .flex .box {padding: 30px 35px;}
	#container .plat-wrap .inner-cont .flex .box .b-tit {font-size: 20px;}
	#container .plat-wrap .inner-cont .flex .box .b-txt {font-size: 18px; line-height: 28px;}
	/* //part-wrap */

	/* md-ban */
	#container .md-ban {height: 240px;}
	#container .md-ban .inner-cont {height: 100%; align-items: end;}
	#container .md-ban .inner-cont ul {display: none;}
	#container .md-ban .inner-cont .el {width: 250px;}
	#container .md-ban .inner-cont .txt-wrap {position: absolute; left: 50%; transform: translate(-50%, 0);}
	#container .md-ban .inner-cont .txt-wrap span {font-size: 18px;}
	#container .md-ban .inner-cont .txt-wrap h4 img {width: 280px;}
	/* //md-ban */

	/* part-wrap */
	#container .part-wrap {padding: 60px 20px;}
	#container .part-wrap .inner-cont h4 {font-size: 28px;}
	#container .part-wrap .inner-cont .sub-txt {font-size: 18px; line-height: 28px;}
	/* //part-wrap */


	/* loop-wrap */
	#container .loop-wrap .row-bottom {margin-top: 30px;}
	/* //loop-wrap */

	/* mems-wrap */
	#container .mems-wrap {padding: 60px 20px; margin-top: 60px;}
	#container .mems-wrap .inner-cont h4 {font-size: 28px;}
	#container .mems-wrap .inner-cont .tab-menu {margin-top: 28px; gap: 20px; }
	#container .mems-wrap .inner-cont .tab-menu .tab-btn {font-size: 20px; letter-spacing: -0.74px;}
	#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide {padding: 24px 28px;}
	#container .mems-wrap .inner-cont .btn-wrap {margin-top: 40px; justify-content: center; gap: 18px;}
	/* //mems-wrap */

}

@media screen and (max-width: 768px) {
	/* main-slider-wrap */
	#container .main-slider-wrap {padding: 30px 0;}
	#container .main-slider-wrap .inner-cont {flex-direction: column; gap: 35px;}
	#container .main-slider-wrap .inner-cont .main-slider .slider-wrap {border-radius: unset;}
	#container .main-slider-wrap .inner-cont .main-slider .slider-wrap .slider-box h2 {padding: 0; font-size: 28px; letter-spacing: -1.86px; line-height: 1.5;}
	#container .main-slider-wrap .inner-cont .main-slider .slider-wrap .slider-box pre {font-size: 16px; line-height: 30px; white-space: pre-wrap;}
	#container .main-slider-wrap .inner-cont .slider-btn {display: none;}
	#container .main-slider-wrap .inner-cont .member-wrap {width: 100%; min-width: unset; padding: 0 20px; box-sizing: border-box;}
	#container .main-slider-wrap .inner-cont .member-wrap .login-box {min-width: unset; height: auto; padding: 30px; gap: 15px;}
	#container .main-slider-wrap .inner-cont .member-wrap .login-box h4 .logo { width: 30px; }
	#container .main-slider-wrap .inner-cont .member-wrap .login-box h4 span {font-size: 18px; line-height: 30px;}
	#container .main-slider-wrap .inner-cont .member-wrap .login-box span {font-size: 15px; line-height: 22px;}
	#container .main-slider-wrap .inner-cont .member-wrap .btn-box {gap: 15px;}
	#container .main-slider-wrap .inner-cont .member-wrap .btn-box a {padding: 20px 30px; font-size: 16px;}
	/* //main-slider-wrap */


	/* notice-wrap */
	#container .notice-wrap > h2 {font-size: 18px; margin-bottom: 0;}
	#container .notice-wrap > h2 img {width: 20px;}
	#container .notice-wrap > h2 button {font-size: 16px;}

	#container .notice-wrap > ul > li {flex-direction: column; padding: 25px 0; gap: 15px;}
	#container .notice-wrap > ul > li > div {width: 100%; padding: 0;}
	#container .notice-wrap > ul > li > p.type {position: relative; top: unset; padding-left: 0; font-size: 15px;}
	#container .notice-wrap > ul > li > p.date {width: auto; min-width: unset; padding-right: 0; justify-content: unset;}
	/* //notice-wrap */

	/* mem-wrap */
	#container .mem-wrap {padding: 15px 0;}
	#container .mem-wrap .inner-cont {padding: 35px 20px; background: #F2F2F2;}
	#container .mem-wrap .inner-cont h4 {font-size: 18px;}
	#container .mem-wrap .inner-cont .sub-txt {font-size: 15px; line-height: 25px;}
	#container .mem-wrap .inner-cont .flex {margin-top: 20px; flex-direction: column;}
	#container .mem-wrap .inner-cont .flex .box {padding: 30px 20px; border-radius: 8px; gap: 15px;}
	#container .mem-wrap .inner-cont .flex .box .b-tit {font-size: 18px; min-height: unset;}
	#container .mem-wrap .inner-cont .flex .box .b-txt {font-size: 15px; line-height: 24px; }
	/* //mem-wrap */

	/* sem-wrap */
	#container .sem-wrap {padding: 20px 20px;}
	#container .sem-wrap .inner-cont .flex {flex-direction: column;}
	#container .sem-wrap .inner-cont .flex .left {min-width: unset; width: 100%; text-align: center;}
	#container .sem-wrap .inner-cont .flex .left h4 {font-size: 18px; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	#container .sem-wrap .inner-cont .flex .left h4 img {width: 20px;}
	#container .sem-wrap .inner-cont .flex .left .sub-tit {margin-top: 15px; font-size: 16px; }
	#container .sem-wrap .inner-cont .flex .left .sub-tit span {justify-content: center; gap: 10px;}
	#container .sem-wrap .inner-cont .flex .left .sub-tit span img {width: 12px; margin-bottom: 3px;}
	#container .sem-wrap .inner-cont .flex .left .sub-txt {font-size: 15px; line-height: 26px;}
	#container .sem-wrap .inner-cont .flex .left .btn {display: none;}
	#container .sem-wrap .inner-cont .flex .right {margin-top: 25px;}
	#container .sem-wrap .inner-cont .flex .mo-btn {display: block; margin: 30px auto 0; padding: 15px 50px 15px 20px; font-size: 16px; letter-spacing: -0.98px; }
	#container .sem-wrap .inner-cont .flex .mo-btn::after {width: 7px; height: 7px; right: 20px; }
	/* //sem-wrap */

	/* plat-wrap */
	#container .plat-wrap {padding: 30px 20px;}
	#container .plat-wrap .inner-cont h4 {font-size: 18px; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	#container .plat-wrap .inner-cont h4 img {width: 20px;}
	#container .plat-wrap .inner-cont .sub-txt {margin-top: 20px; font-size: 15px; line-height: 26px; text-align: center; }
	#container .plat-wrap .inner-cont .flex {grid-template-columns: repeat(1, 1fr); margin-top: 35px;}
	#container .plat-wrap .inner-cont .flex .box {padding: 20px; }
	#container .plat-wrap .inner-cont .flex .box .b-tit {font-size: 18px; line-height: 35px;}
	#container .plat-wrap .inner-cont .flex .box .b-txt {font-size: 15px; line-height: 24px;}
	/* //plat-wrap */
	
	/* md-ban */
	#container .md-ban {height: unset; padding: 40px 20px 0;}
	#container .md-ban .inner-cont {height: auto; flex-direction: column; align-items: center;}
	#container .md-ban .inner-cont .txt-wrap {order: 1; position: relative; left: unset; transform: unset;}
	#container .md-ban .inner-cont .txt-wrap span {font-size: 16px; line-height: normal;}
	#container .md-ban .inner-cont .txt-wrap h4 img {width: 175px;}
	#container .md-ban .inner-cont ul {order: 2; width: 80%; margin-top: 40px; gap: 15px; display: flex; }
	#container .md-ban .inner-cont ul li {gap: 15px;}
	#container .md-ban .inner-cont ul li span {background: #f1f1f1; opacity: .88;}
	#container .md-ban .inner-cont .el {order: 3; width: 80%; margin-top: 40px;}
	/* //md-ban */

	/* part-wrap */
	#container .part-wrap {padding: 30px 20px;}
	#container .part-wrap .inner-cont {gap: 20px;}
	#container .part-wrap .inner-cont h4 {font-size: 18px; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	#container .part-wrap .inner-cont h4 img {width: 20px;}
	#container .part-wrap .inner-cont .sub-txt {font-size: 15px; line-height: 26px; text-align: center;}
	#container .part-wrap .inner-cont a {padding: 15px 50px 15px 20px; font-size: 16px; letter-spacing: -0.98px; margin: 0 auto; }
	#container .part-wrap .inner-cont a::after {width: 7px; height: 7px; right: 20px; }
	/* //part-wrap */

	/* loop-wrap */
	#container .loop-wrap .row-bottom {margin-top: 10px;}
	#container .loop-wrap .track img {width: 700px;}
	/* //loop-wrap */

	/* mems-wrap */
	#container .mems-wrap {padding: 30px 20px; margin-top: 30px;}
	#container .mems-wrap .inner-cont h4 {font-size: 18px; flex-direction: column; justify-content: start; align-items: start;}
	#container .mems-wrap .inner-cont h4 img {width: 20px;}
	#container .mems-wrap .inner-cont .tab-menu { margin-top: 25px; gap: 20px;}
	#container .mems-wrap .inner-cont .tab-menu .tab-btn {font-size: 18px; letter-spacing: -0.98px;}
	#container .mems-wrap .inner-cont .tab-cont .swiper-wrapper {flex-direction: column; gap: 20px; transform: unset !important;}
	#container .mems-wrap .inner-cont .tab-cont .swiper-wrapper .swiper-slide {max-width: unset; width: 100%; padding: 20px; border-radius: 4px; }
	#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .logo {float: left; width: 18px; height: 18px; margin-top: 2.5px;}
	#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .logo img {width: 10px;}
	#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .s-tit {display: inline; padding-left: 10px; font-size: 18px; line-height: unset; }
	#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .s-txt {font-size: 15px; line-height: 24px;}
	#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .price {margin-top: 20px; font-size: 14px; gap: 7px;}
	#container .mems-wrap .inner-cont .tab-cont .swiper .swiper-slide .price span {font-size: 22px; }
	#container .mems-wrap .inner-cont .btn-wrap {margin-top: 25px; flex-direction: column; gap: 10px;}
	#container .mems-wrap .inner-cont .btn-wrap .btn {width: 100%; justify-content: center;}
	#container .mems-wrap .inner-cont .btn-wrap .btn span {min-width: 150px;}
	/* //mems-wrap */
}