@charset "UTF-8";
/*@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');*/
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../fontsPretendard/Pretendard-Black.woff2') format('woff2'), url('../fontsPretendard/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../fontsPretendard/Pretendard-ExtraBold.woff2') format('woff2'), url('../fontsPretendard/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../fontsPretendard/Pretendard-Bold.woff2') format('woff2'), url('../fontsPretendard/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../fontsPretendard/Pretendard-SemiBold.woff2') format('woff2'), url('../fontsPretendard/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../fontsPretendard/Pretendard-Medium.woff2') format('woff2'), url('../fontsPretendard/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../fontsPretendard/Pretendard-Regular.woff2') format('woff2'), url('../fontsPretendard/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../fontsPretendard/Pretendard-Light.woff2') format('woff2'), url('../fontsPretendard/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../fontsPretendard/Pretendard-ExtraLight.woff2') format('woff2'), url('../fontsPretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('Pretendard-Thin.woff2') format('woff2'), url('Pretendard-Thin.woff') format('woff');
}
@font-face {
    font-family: 'NexonLv2Gothic';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'NexonLv2Gothic';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicRegular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicRegular.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicRegular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicRegular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicRegular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'NexonLv2Gothic';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'NexonLv2Gothic';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NexonLv2Gothic/NexonLv2GothicBold.ttf') format("truetype");
    font-display: swap;
}
#container.main-container {min-width:1116px}
.main-container * {/*font-family:'NexonLv2Gothic';*/box-sizing: border-box;}
.main-container article {max-width:1116px;margin:0 auto;}
.main-container .row:after {content:'';display:table;clear:both}
.main-container img {height:100%}
.s_txt1 {font-size:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.s_txt2 {width:100%;font-size:1em;overflow:hidden;text-overflow:ellipsis;line-height:1.5 !important;height:3em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.s_txt3 {width:100%;font-size:1em;overflow:hidden;text-overflow:ellipsis;line-height:1.5 !important;height:4.5em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.main-container .sec1 {padding-top:30px}
.main-container .sec1 .col3 {float:left;height:410px}
.main-container .sec1 a {display:block}
.main-container .sec1-1 {width:487px} 
.main-container .sec1-2 {width:314px;background:#f0eaff;padding:30px 25px 18px;border:1px solid #f0eaff} 
.main-container .sec1-3 {width:314px;background:#fff;padding:30px 25px 18px;border:1px solid #f0eaff} 
.main-container h2 {color:#4f2a7f;font-size:22px;line-height:28px;font-weight:700}
.main-container p.sub-tit {color:#000;font-size:18px;line-height:28px;font-weight:400;margin-top:8px}
.main-container .sec1 h3 {color:#000;font-size:20px;line-height:30px;font-weight:500;word-break:keep-all;text-align:right}
.main-container .sec1 p {color:#000;font-size:18px;line-height:28px;font-weight:700}
.main-container .sec1 time {display:block;color:#000;font-size:13px;line-height:28px;font-weight:500;text-align:right}
.main-container .sec1 span {width:262px;height:197px;overflow:hidden;display:block;margin:15px 0}
.main-container .sec1-1 .swiper-pagination {bottom: 25px}
.main-container .sec1-1 .swiper-pagination span {display: inline-block;width:10px;height:10px;border-radius:50%;margin: 0;background-color:#fff;opacity:1}
.main-container .sec1-1 .swiper-pagination span+span {margin-left:8px}
.main-container .sec1-1 .swiper-pagination .swiper-pagination-bullet-active {background-color:rgba(256,256,256,0.4)}
.main-container .sec1-2 img,
.main-container .sec1-3 img {width: 262px;height: 197px;}
.main-container aside {position:fixed;top:325px;left:50%;margin-left:648px;width:230px;}
.main-container aside .quick-menu {background:#f8f8f8;border:1px solid #ddd;padding:25px 10px 10px}
.main-container aside .quick-info {font-size:16px;line-height:22px;color:#000;font-weight:500;text-align:center}
.main-container aside .quick-info b {font-weight:500;border-bottom:2px solid #ddd}
.main-container aside .quick-info a {font-size:12px;line-height:22px;color:#666;display:inline-block;font-weight:500;position:relative}
.main-container aside .quick-info a+a {margin-left:20px}
.main-container aside .quick-info a+a:before {content:'';position:absolute;left:-13px;top:8px;height:7px;width:1px;background-color:#ddd}
.main-container aside .quick-info a:hover {color:#4f2a7f;transition:0.3s;-webkit-transition:0.3s}
.main-container aside ul {margin-top:10px;margin-bottom:3px}
.main-container aside li {width:calc((100% - 6px)/2);margin-bottom:6px;float:left;display:table;background-color:#fff;height:60px}
.main-container aside li+li {margin-left:6px;}
.main-container aside li:nth-child(2n+1) {margin-left:0}
.main-container aside li a {display:table-cell;color:#4f2a7f;font-size:14px;line-height:24px;font-weight:500;text-align:center;vertical-align:middle;border:1px solid #4f2a7f}
.main-container aside li a:hover {color:#fff;background-color:#4f2a7f;transition:0.3s;-webkit-transition:0.3s}
/*
.main-container aside .btn-sns {display:block;width:125px;height:42px;font-size:15px;font-weight:700;line-height:42px;color:#4f2a7f;text-align:center;border:1px solid #4f2a7f;}
.main-container aside .sns-wrap div {width:125px;height:42px;border:1px solid #4f2a7f;position:relative;padding:10px 15px;position:absolute;left:100%; top:0; bottom:0; right:-100%;background:#fff;transform-origin:50% 50%;transition:0.5s;}
.main-container aside .sns-wrap.hover div{left:0; right:0;} 
*/
.main-container aside .sns-wrap {width:100%;height:42px;border:1px solid #4f2a7f;position:relative;padding:0px 15px;background:#fff;margin:5px 0 5px auto;color:#4f2a7f;font-weight:700;font-size:15px;line-height:40px}
.main-container aside .sns-wrap a {width:20px;height:20px;display:inline-block;font-size:0;vertical-align:top;position:absolute;top:10px}
.main-container aside .sns-wrap .btn-youtube {background:url(../images/main/ic_youtube.png) no-repeat;right:40px;}
.main-container aside .sns-wrap .btn-instagram {margin-left:5px;background:url(../images/main/ic_instargram.png) no-repeat;right:10px}
.main-container aside .btn-up {display:block;width:45px;height:45px;font-size:0;background:url(../images/main/btn_up.png) no-repeat center;background-color:#4f2a7f;margin:0 0 0 auto}
.main-container aside .btn-up:hover {background-color:rgba(79,42,127,0.8);transition:0.3s;-webkit-transition:0.3s}
.main-container aside.login .quick-menu {padding: 10px;position:relative}
.main-container aside.login .login-wrap .btn-wrap {position:relative;margin-top:15px}
.main-container aside.login input[type="text"], 
.main-container aside.login input[type="text"]:focus,
.main-container aside.login input[type="password"] {border: 1px solid #ddd;outline: none;padding: 6px 10px;background: #fff;font-size: 14px;box-sizing: content-box;letter-spacing: -1px;color:#666;height:30px;box-sizing: border-box;width:100%}
.main-container aside.login p+p {margin-top:10px}
.main-container aside.login .btn-login {display:block;width:100px;height:35px;line-height:35px;text-align:center;font-size:15px;font-weight:400;color:#fff;background-color:#4f2a7f}
.main-container aside.login .btn-join {display:block;width:auto;height:auto;line-height:22px;text-align:right;font-size:12px;font-weight:500;color:#4f2a7f;background:none;border:0;position:absolute;top:0;right:0}
.main-container aside.login .quick-login {margin-top:18px}
.main-container aside.login .quick-login a {display:block;float:left;font-size:0;border-radius:50%;border:1px solid #ddd;width:30px;height:30px;}
.main-container aside.login .quick-login a+a {margin-left:8px}
.main-container aside.login .quick-login:after {content:'';display:table;clear:both}
.main-container aside.login .quick-login .naver {background:url(../images/main/ic_sns_01.png) no-repeat center}
.main-container aside.login .quick-login .kakao {background:url(../images/main/ic_sns_02.png) no-repeat center}
.main-container aside.login .quick-login .facebook {background:url(../images/main/ic_sns_03.png) no-repeat center}
.main-container aside.login .quick-login .ios {background:url(../images/main/ic_sns_04.png) no-repeat center}
.main-container aside .btn-close {display:block;width:30px;height:30px;background:url(../images/main/ic_close.png) no-repeat center;position:absolute;right:20px;bottom:20px;right: 8px;bottom: 6px;outline:none;border: 0;font-size: 0;}
.main-container aside.login-off .quick-menu {height:190px;border:0;background:none;border:0;position:relative}
.main-container aside.login-off .quick-menu .btn-login {color:#4f2a7f;font-weight:700;font-size:15px;width:125px;height:44px;background:#f8f8f8 url(../images/main/ic_person.png) no-repeat 93px center;border:1px solid #ddd;padding-left:19px;line-height:44px;display:block;position:absolute;bottom:0;right:0}

@media (max-width: 1760px) {
	.main-container aside {margin-left:575px;}
}
@media (max-width: 1630px) {
	.main-container aside {display:none}
}
.main-container .sec2 {padding-top:50px}
.main-container .sec2 ul {margin-top:15px}
.main-container .sec2 li {width:calc((100% - 80px)/5);float:left}
.main-container .sec2 li+li {margin-left:20px}
.main-container .sec2 h3 {font-size:18px;line-height:26px;color:#000;font-weight:500;word-break:keep-all}
.main-container .sec2 span {display:block;width:200px;height:150px;overflow:hidden;margin-bottom:8px}
.main-container .sec3 {padding-top:50px}
.main-container .sec3 ul {margin-top:15px}
.main-container .sec3 li {width:calc((100% - 80px)/5);float:left}
.main-container .sec3 li+li {margin-left:20px}
.main-container .sec3 h3 {font-size:18px;line-height:26px;color:#000;font-weight:500;word-break:keep-all}
.main-container .sec3 span {display:block;width:200px;height:150px;overflow:hidden;margin-bottom:8px}
.main-container .sec4 {padding-top:50px}
.main-container .sec4 .cat-wrap {background-color:#4f2a7f;margin-top:15px;padding-left:30px;padding-right:30px;position:relative;overflow:hidden}
.main-container .sec4 .svCategory a {color:#fff;font-size:16px;line-height:48px;font-weight:400;height:48px;width:auto !important}
.main-container .sec4 .svCategory a.on {font-weight:700}
.main-container .sec4 .svCategory .swiper-button-prev {left:auto;right:25px;margin:0;top:0;width:48px;height:48px;background: #4f2a7f url(../images/main/btn_left.png) no-repeat 20px center} 
.main-container .sec4 .svCategory .swiper-button-next {left:auto;right:0px;margin:0;top:0;width:30px;height:48px;background: #4f2a7f url(../images/main/btn_right.png) no-repeat center}
.main-container .sec4 .svCategory .swiper-button-prev.off {background: #4f2a7f url(../images/main/btn_left_off.png) no-repeat 20px center} 
.main-container .sec4 .svCategory .swiper-button-next.off {background: #4f2a7f url(../images/main/btn_right_off.png) no-repeat center}
.main-container .sec4 .svCategory .swiper-button-prev:after {display:none} 
.main-container .sec4 .svCategory .swiper-button-next:after {display:none} 
.main-container .sec4 h4 {font-size:22px;line-height:28px;color:#4f2a7f;font-weight:500;word-break:keep-all;margin-top:25px;padding-left:30px}
.main-container .sec4 h4.new {background:url(../images/main/ic_new.png) no-repeat 0 center;background-size:25px 24px;}
.main-container .sec4 h4.pop {background:url(../images/main/ic_fire.png) no-repeat 2px center;background-size:17px 24px;}
.main-container .sec4 h4.rec {background:url(../images/main/ic_planet-earth.png) no-repeat 0 center;background-size:23px 23px;}
.main-container .sec4 h5 {font-size:18px;line-height:26px;color:#000;font-weight:500;word-break:keep-all}
.main-container .sec4 span {display:block;width:200px;height:113px;overflow:hidden;margin-bottom:8px}
.main-container .sec4 ul {margin-top:15px}
.main-container .sec4 li {width:calc((100% - 80px)/5);float:left}
.main-container .sec4 li+li {margin-left:20px}
.main-container .sec5 article {border:1px solid #cabfd8;padding:28px 19px 28px 220px;position:relative;margin-top:50px}
.main-container .sec5 .tit {position:absolute;left:20px;top:40px}
.main-container .sec5 li {width:calc((100% - 60px)/4);float:left;display:table}
.main-container .sec5 li+li {margin-left:20px}
.main-container .sec5 span {display:block;width:200px;height:60px;overflow:hidden;border:1px solid #ddd;text-align:center;}
.main-container .sec5 h3 {font-size:13px;line-height:21px;color:#000;font-weight:400;word-break:keep-all;margin-top:8px}
.main-container .sec6 {padding-top:50px}
.main-container .sec6 ul {margin-top:15px}
.main-container .sec6 li {width:calc((100% - 60px)/3);float:left;}
.main-container .sec6 li+li {margin-left:30px}
.main-container .sec6 li a {display:block;border:1px solid #ddd;padding:20px;position:relative}
.main-container .sec6 li a:after {content:'';display:table;clear:both}
.main-container .sec6 h4 {font-size:16px;line-height:26px;color:#4f2a7f;font-weight:700;margin-bottom:10px}
.main-container .sec6 h3 {font-size:18px;line-height:26px;color:#000;font-weight:500;word-break:keep-all;margin-bottom:20px;padding-right:160px}
.main-container .sec6 span {display:block;width:100px;height:100px;overflow:hidden;position:absolute;right:20px;top:20px}
.main-container .sec6 li p {font-size:12px;line-height:21px;color:#000;font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis;height:105px !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.main-container .sec7 {padding-top:50px;padding-bottom:50px}
.main-container .sec7 ul {margin-top:15px}
.main-container .sec7 li {width:calc((100% - 90px)/4);float:left;}
.main-container .sec7 li+li {margin-left:30px}
.main-container .sec7 li a {display:block;border:1px solid #ddd;padding:20px;position:relative}
.main-container .sec7 h3 {font-size:18px;line-height:26px;color:#000;font-weight:500;word-break:keep-all;margin-bottom:10px;margin-top:10px}
.main-container .sec7 span {display:block;width:216px;height:216px;overflow:hidden;text-align:center}
.main-container .sec7 span img {height:auto;width:100%}
.main-container .sec7 li p {font-size:12px;line-height:21px;color:#000;font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis;height:84px !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.main-container .sec8 {padding-top:50px;padding-bottom:50px;background-color:#faf4ff}
.main-container .sec8 ul {margin-top:30px}
.main-container .sec8 li {width:calc((100% - 90px)/4);float:left;}
.main-container .sec8 li+li {margin-left:30px}
.main-container .sec8 li a {display:block;position:relative}
.main-container .sec8 h3 {font-size:18px;line-height:34px;color:#000;font-weight:500;word-break:keep-all;margin-bottom:15px;margin-top:10px}
.main-container .sec8 h4 {font-size:16px;line-height:22px;color:#000;font-weight:400;word-break:keep-all;margin-bottom:15px;}
.main-container .sec8 h6 {font-size:14px;line-height:22px;color:#4f2a7f;font-weight:500;word-break:keep-all;}
.main-container .sec8 p {font-size:14px;line-height:24px;color:#444;font-weight:400;}
.main-container .sec8 span {display:block;width:256px;height:256px;overflow:hidden;text-align:center}
.main-container .sec8 li div {background:rgba(0,0,0,0.8);padding:20px;position:absolute;left:0;top:0;height:100%;width:100%;display:none}
.main-container .sec8 li div time {color:#fff;display:block;text-align:right;font-size:10px;font-weight:300}
.main-container .sec8 li div p {color:#fff;font-size:12px;font-weight:400;line-height:22px;word-break:keep-all}
.main-container .sec8 li div h3 {color:#fff;font-size:12px;font-weight:400;line-height:28px;margin-bottom:20px}
.main-container .sec8 li div p.name {font-size:14px;font-weight:500;line-height:28px;margin-bottom:20px}
.main-container .sec8 li div .react-wrap {text-align:right;margin-top:40px}
.main-container .sec8 li div .react-wrap em {display:inline-block;padding-left:15px}
.main-container .sec8 li div .react-wrap em.like {background:url(../images/main/ic_heart.png) no-repeat 0 center;background-size:10px 9px}
.main-container .sec8 li div .react-wrap em.comm {margin-left:5px;background:url(../images/main/ic_message.png) no-repeat 0 center;background-size:10px 9px}
.main-container .sec8 li a:hover div {display:block;transition:0.3s;-webkit-transition:0.3s}

/*main auto login 2023-03-28*/
.main-container aside .quick-menu .btn-wrap input {width: calc(100% - 30px);box-sizing:border-box;height: 52px;}
.main-container aside .quick-menu .btn-wrap label {display:block;width:auto;height:auto;line-height:22px;font-size:12px;font-weight:500;color:#4f2a7f;background:none;border:0;position: relative;}
.main-container aside .quick-menu label+a{position: absolute;right:0;top:8px;}
.main-container aside .quick-menu .btn-wrap.full a {display:block}
.main-container aside .quick-menu .btn-login {width:100%}
.main-container aside .quick-menu label input+i{display:inline-block;width:20px;height:20px;margin:-3px 10px 0 0;border:1px solid transparent;background:url(../images/member/checkbox.png) no-repeat;background-size: 100%;vertical-align:middle;z-index:1}
.main-container aside .quick-menu label input[type="checkbox"]:checked+i{background-image:url(../images/member/checkbox_on.png)}

/***************
   2023 SOVAC
***************/

/*main outbanner*/
.outbanner-wrap a {display: block;line-height: 0;margin-bottom: 5px;}

/*main sovac club*/
.sec9 {margin-top: 50px;}
.sec9 .all-club-list {margin-top: 15px;}
.sec9 .all-club-list li {width: calc((100% - 60px)/3);height: 413px;padding: 0;margin-bottom: 0;}
.sec9 .all-club-list li+li {margin-left: 30px;}
.sec9 .all-club-list li a {padding: 24px;display: block;}
.sec9 .all-club-list li h3 {font-size: 19px;}
.sec9 .all-club-list li p {font-size: 14px;line-height: 21px !important;white-space: nowrap;height: auto !important;display: inherit;}
.sec9 .all-club-list li p+p {margin-top: 6px;}

/*replace section */
.main-container .sec7 {padding-bottom: 0px;}
.main-container .sec6 {padding-bottom: 0px;padding-top: 50px;}

/*main challenge*/
@font-face {
	font-family: 'GmarketSans';
	font-weight: 300;
	font-style: normal;
	src: url('./fontsGmarketSans/GmarketSansLight.eot');
	src: url('./fontsGmarketSans/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
		url('./fontsGmarketSans/GmarketSansLight.woff2') format('woff2'),
		url('./fontsGmarketSans/GmarketSansLight.woff') format('woff'),
		url('./fontsGmarketSans/GmarketSansLight.ttf') format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'GmarketSans';
	font-weight: 500;
	font-style: normal;
	src: url('./fontsGmarketSans/GmarketSansMedium.eot');
	src: url('./fontsGmarketSans/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
		url('./fontsGmarketSans/GmarketSansMedium.woff2') format('woff2'),
		url('./fontsGmarketSans/GmarketSansMedium.woff') format('woff'),
		url('./fontsGmarketSans/GmarketSansMedium.ttf') format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'GmarketSans';
	font-weight: 700;
	font-style: normal;
	src: url('./fontsGmarketSans/GmarketSansBold.eot');
	src: url('./fontsGmarketSans/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
		url('./fontsGmarketSans/GmarketSansBold.woff2') format('woff2'),
		url('./fontsGmarketSans/GmarketSansBold.woff') format('woff'),
		url('./fontsGmarketSans/GmarketSansBold.ttf') format("truetype");
	font-display: swap;
}
.main-challenge-wrap {height: 390px;max-width: 1116px;margin: 30px auto 0;}
.main-challenge-wrap .challenge-banner {height: 350px;background: #6EC36B url(../images/challenge/main_bg.svg) no-repeat 495px 92px;background-size: 321px 246px;padding: 50px 40px 0;position: relative;}
.main-challenge-wrap .challenge-banner h3 {font-size: 0px;max-width: 600px;}
.main-challenge-wrap .challenge-banner p {font-size: 18px;font-family: 'NotoKr-Medium';font-weight: 500;line-height: 28px;letter-spacing: -0.03em;text-align: left;}
.main-challenge-wrap .challenge-banner .btn-apply {font-size: 0;width: 250px;height: 70px;background: url(../images/challenge/btn-apply.svg) no-repeat;background-size: 100%;position: absolute;right: 40px;bottom: 50px;display: block;}
.counting-wrap {position: absolute;z-index: 2;top: 0px;right: 54px;width: 170px;height: 190px;background: url(../images/challenge/bg_count.svg) no-repeat;background-size: 100%;padding-top: 120px;text-align: center;font-size: 20px;font-weight: 700;line-height: 26px;letter-spacing: -0.02em;color: #050505;font-family: 'GmarketSans';}
.counting-wrap span {vertical-align: top;display: inline-block;font-family: 'GmarketSans';color: #050505;font-size: 27px;font-weight: 700;}
.main-challenge-wrap .challenge-list {background: #D2F570;height: 40px;}
.main-challenge-wrap .challenge-list li {padding: 6px 120px 10px 86px;position: relative;background: #D2F570;font-size: 14px;}
.main-challenge-wrap .challenge-list li time {position: absolute;left: 40px;top: 6px;}
.main-challenge-wrap .challenge-list li .react-wrap {position: absolute;right: 50px;top: 6px;}
.main-challenge-wrap .challenge-list li time,
.main-challenge-wrap .challenge-list li p {font-size: 14px;font-weight: 400;line-height: 30px;letter-spacing: -0.02em;text-align: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.main-challenge-wrap .challenge-list li p b {font-weight: 400;color: #9428FF;}
.main-challenge-wrap .challenge-list li .btn-like {font-size: 14px;font-weight: 600;line-height: 30px;letter-spacing: -0.02em;text-align: left;}
.main-challenge-wrap .challenge-list .react-wrap .btn-like {padding-left: 26px;background: url(../images/challenge/ic_like2.svg) no-repeat 0 center;background-size: 20px 20px;width: auto;height: auto;vertical-align: top;}
.main-challenge-wrap .challenge-list .react-wrap .btn-like.on {background: url(../images/challenge/ic_like2_on.svg) no-repeat 0 center;background-size: 20px 20px;transition: .3s;-webkit-transition: .3s;}
.main-challenge-wrap .challenge-list li.no-data {text-align: center;padding: 0;line-height: 38px;}

/*stibee*/
#stb_subscribe .stb_form_policy label button {line-height: inherit;}

/*2024-04-04*/
.sec1 .row {display: flex; list-style: none; flex-wrap: wrap; justify-content: space-between;}
.sec1 .row .col2.sec1-2 {width: calc(100% - 487px);height: 410px;overflow: hidden;} 
.sec1 .row .col2.sec1-2 h6 {text-align: left;font-size: 18px;font-weight: bold;color: #47008c;margin-bottom: 10px;}
.sec1 .row .col2.sec1-2 h3 {text-align: left;font-size: 22px;font-weight: bold;color: #000;letter-spacing: -0.55px;margin-bottom: 15px;}
.sec1 .row .col2.sec1-2 p {line-height: 1.6em !important;letter-spacing: -0.5px;font-size: 20px;text-align: left;color: #151515;overflow:hidden;text-overflow:ellipsis;height:3.2em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight: 400;word-break: keep-all;}
.sec1 .row .col2.sec1-2 .swiper {margin-top: 25px;}
.sec1 .row .col2.sec1-2 li p.cat {font-size: 14px;text-align: left;height: auto !important;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 8px;color: #666;}
.sec1 .row .col2.sec1-2 li p.cat b {color: #773dbe;font-weight: 700;letter-spacing: -0.4px;font-size: 16px;}
.sec1 .row .col2.sec1-2 li div {position: relative;padding: 25px 20px 20px 308px;display: block;background-color: #fff;height: 158px;}
.sec1 .row .col2.sec1-2 span {width: auto;height: auto;display: inline-block;margin: 0;}
.sec1 .row .col2.sec1-2 .img {position: absolute;left: 0;top: 0;width: 286px;height: 158px;max-width: 286px;max-height: 158px;}
.sec1 .row .col2.sec1-2 .img img {width: 100%;height: 100%;object-fit: cover;}
.sec1 .row .col2.sec1-2 li h5 {font-size: 22px;line-height: 1.36em !important;color: #151515;text-align: left;overflow:hidden;text-overflow:ellipsis;height:4.08em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight: 400;word-break: keep-all;}
.sec1 .row .col2.sec1-2 .swiper-pagination {padding-left: 286px;}
.sec1 .row .col2.sec1-2 .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background-color: #f0eaff;opacity: 1;}
.sec1 .row .col2.sec1-2 .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {margin-left: 8px;}
.sec1 .row .col2.sec1-2 .swiper-pagination .swiper-pagination-bullet-active {background-color: #84679c;}

.sec1 h1.txt-slogan {margin-bottom: 30px;font-size: 18px;line-height: 1.44;letter-spacing: -0.45px;text-align: center;color: #000;font-weight: 400;}
.sec1 h1.txt-slogan b {font-weight: 700;}
.main-container .sec4 h4 {font-size: 18px;line-height:26px;color:#000;font-weight:400;padding-left:14px;position: relative;}
.main-container .sec4 h4.new,
.main-container .sec4 h4.pop,
.main-container .sec4 h4.rec {background: none}
.main-container .sec4 h4::before {content: '';position: absolute;left: 0;top: 3px;width: 5px;height: 20px;background-color: #4f2a7f;}
.main-container .sec4 h4 b {font-weight: 700;}