@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { position: fixed; display: flex; justify-content: space-between; align-items: center; min-width: 1200px; height: 100px; padding: 0 32px; left: 0; top: 0; right: 0; background-color: #ffffff; z-index: 11; }
#container { min-width: 1200px; padding-top:100px; -webkit-transition:all 0.3s ease; }
#footer { min-width: 1200px; margin:0 auto 0; padding: 60px 80px; background-color: #1E1F23; }

.transition03 { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }

#header > h1 { margin: 0; padding: 0; line-height: 0; }

#header > .gnb { padding: 0; }
#header > .gnb ul { display: flex; gap: 20px; position: relative; margin: 0; padding: 0; }
#header > .gnb li { position: relative; list-style:none; border-bottom:2px solid #fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .gnb li:hover { border-bottom:2px solid #0FA05F; }
#header > .gnb a,
#header > .gnb a:hover { display:block; padding: 0 24px; font-weight: 700; font-size:18px; line-height:88px; color:#202020; letter-spacing:-0.5px; }
#header > .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .gnb .sub_menu { position: absolute; width: 180px; left: 50%; top: 90px; margin-left: -90px; background-color: #fff; z-index: 1; display: none; }
#header > .gnb .sub_menu.v1 { margin-left: -34px; }
#header > .gnb .sub_menu ul { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 10px 0; }
#header > .gnb .sub_menu li { list-style: none; margin: 0; padding: 0; border:none; }
#header > .gnb .sub_menu a,
#header > .gnb .sub_menu a:hover { display: block; font-size: 17px; line-height: 36px; font-weight: 500; color: #202020; letter-spacing: -0.5px; text-align: center; }



/* 모바일버튼 */
#header > .gnb_btn { z-index: 12; position:absolute; top:20px; right:3.5%; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .gnb_btn .btn_nav { position:relative; width:26px; height:20px; cursor:pointer; }
#header > .gnb_btn .btn_nav span { display:block; position:absolute; width:100%; height:3px; left:0; background:#333; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header > .gnb_btn .btn_nav span.ico1 { top:0px; }
#header > .gnb_btn .btn_nav span.ico2,
#header > .gnb_btn .btn_nav span.ico3 { top:8px; }
#header > .gnb_btn .btn_nav span.ico4 { top:16px; }
#header > .gnb_btn .btn_nav.open span.ico1 { width:0%; left:50%; top:18px; }
#header > .gnb_btn .btn_nav.open span.ico2 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .gnb_btn .btn_nav.open span.ico3 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }
#header > .gnb_btn .btn_nav.open span.ico4 { width:0%; top:18px; left:50%;}


/* 모바일 메뉴영역 */
.gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999999; display:none; }
.gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999999; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:none; 
background: #1BA79B; /* Old browsers */
background: -moz-linear-gradient(left,  #1BA79B 0%, #48C5D7 50% #39C476 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left, right, color-stop(0%,#1BA79B), color-stop(50%,#48C5D7), color-stop(100%,#39C476)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #1BA79B 0%,#48C5D7 50%,#39C476 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #1BA79B 0%,#48C5D7 50%,#39C476 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #1BA79B 0%,#48C5D7 50%,#39C476 100%); /* IE10+ */
background: linear-gradient(to right,  #1BA79B 0%,#48C5D7 50%,#39C476 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1BA79B', endColorstr='#39C476',GradientType=0 ); /* IE6-9 */ 
}
.gnb_m .head { height:55px; background-color:#fff; }

.gnb_m .head .member_message { display: inline-block; vertical-align: middle; margin: 10px 30px 10px; font-family:'Pretendard'; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }
.gnb_m .head .member_message ul { margin: 0; padding: 0; }
.gnb_m .head .member_message li { list-style: none; float: left; margin-left: 15px; }
.gnb_m .head .member_message li:first-child { margin-left: 0; }
.gnb_m .head .member_message:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
.gnb_m .head .member_message a,
.gnb_m .head .member_message a:hover { display: block; font-family:'Pretendard'; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }

.gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
.gnb_m .head .gnb_btn_close img { width:100%; }

.gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .list ul { margin:0; padding:0; }
.gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid rgba(255, 255, 255, 0.5); cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Pretendard'; color:#ffffff; font-size:16px; line-height:56px; font-weight:500; letter-spacing:1px; }


.gnb_m .list .sub_list { background-color:#fff; display:none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition:none; }
.gnb_m .list .sub_list ul { margin:0; padding:0; }
.gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #ccc; border-bottom:none; font-family:'Pretendard'; color:#666666; font-size:13px; line-height:50px; font-weight:500; letter-spacing:0; }
.gnb_m .list .sub_list a,
.gnb_m .list .sub_list a:hover { display: block; font-family:'Pretendard'; color:#666666; font-size:16px; line-height:56px; font-weight:500; letter-spacing:0; }
.gnb_m .list .sub_list li.select { }
.gnb_m .list .sub_list li.select a,
.gnb_m .list .sub_list li.select a:hover { color:#0FA05F; }

.gnb_m .list:after { content:""; clear:both; display:block; }

.gnb_m .list li.on { background-color:#0FA05F; }
.gnb_m .list li.on .list_title { color:#fff; }
.gnb_m .list li.select .sub_list { display:block; }


/* CONTAINER */
#container .main_outer { display: flex; flex-direction: column; gap: 80px; width:1100px; margin:0 auto; padding-bottom:80px; }

#container .slide { position: relative; height:320px; }
#container .slide .slide_logo { opacity: 0; position:absolute; left:20px; top:20px; line-height:0; }
#container .slide .slide_date { opacity: 0; position:absolute; left:320px; top:105px; font-weight:700; font-size: 32px; line-height:130%; color:#169C98; }
#container .slide .ca2 { opacity: 0; position:absolute; right:-120px; top:100px; line-height:0; }

#container .slogan_box { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 0; position: relative; height:200px; padding: 0 60px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;-webkit-box-show:-6px 6px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow:-6px 6px 6px rgba(0, 0, 0, 0.1); box-shadow:-6px 6px 6px rgba(0, 0, 0, 0.1); 
background: #1BA79B; /* Old browsers */
background: -moz-linear-gradient(left,  #1BA79B 0%, #48C5D7 50% #39C476 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left, right, color-stop(0%,#1BA79B), color-stop(50%,#48C5D7), color-stop(100%,#39C476)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #1BA79B 0%,#48C5D7 50%,#39C476 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #1BA79B 0%,#48C5D7 50%,#39C476 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #1BA79B 0%,#48C5D7 50%,#39C476 100%); /* IE10+ */
background: linear-gradient(to right,  #1BA79B 0%,#48C5D7 50%,#39C476 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1BA79B', endColorstr='#39C476',GradientType=0 ); /* IE6-9 */ 
font-family: 'yg-jalnan'; font-size: 36px; line-height:150%; color:#ffffff;
}
#container .slogan_box span { display:block; color:#C1ED5A; }
#container .slogan_box .ca1 { opacity: 0; position:absolute; right:110px; top:-202px; line-height:0; }
#container .slogan_box i { display:none; }


.slide_1{
	animation-name: slide_fade1; /* 이름 */ /* 키프레임을 두개지정하고 두개선언할 수 있다. */
	animation-duration: 0.8s; /* 속도 */
	animation-delay: 0.1s; /* 대기시간 */
	animation-iteration-count: 1; /* 반복 횟수 (숫자) 또는 infinite(계속) */
	animation-fill-mode: forwards; /* 애니메이션이 끝난 후의 상태를 설정. forwards(애니메이션 마지막 상태 유지), backwards(애니메이션 첫 상태 유지), both(애니메이션 첫 상태와 마지막 상태 모두 유지) */
	animation-timing-function: linear; /* 모션방법 linear , ease , ease-in , ease-out , ease-in-out */
	animation-direction: alternate; /* 애니메이션 루프 방향은 alternate 번갈아가며 변경되며 시작에서 끝 그리고 끝에서 시작 형태로 반복됩니다.*/
}

@keyframes slide_fade1 {
	0% { opacity: 0; left:50px; } /* 0% 대신 from 으로 대체가능 */
	100% { opacity: 1; left:20px; } /* 100% 대신 to 로 대체가능 */
}

.slide_2{
	animation-name: slide_fade2;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-direction: alternate;
}

@keyframes slide_fade2 {
	0% { opacity: 0; left:260px; }
	100% { opacity: 1; left:320px; }
}

.slide_3{
	animation-name: slide_fade3;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-direction: alternate;
}

@keyframes slide_fade3 {
	0% { opacity: 0; right:-80px; }
	100% { opacity: 1; right:-120px; }
}

.slide_4{
	animation-name: slide_fade4;
	animation-duration: 0.6s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-direction: alternate;
}

@keyframes slide_fade4 {
	0% { opacity: 0; right:80px; }
	100% { opacity: 1; right:110px; }
}



/* BANNER */
#container .banner { opacity: 0; display:flex; gap:2.5%; }
#container .banner .banner_item { position: relative; flex-grow: 1; display: flex; flex-direction: column; gap: 15px; width: 31.66666%; height: 340px; padding: 44px 36px 0; background: url(/images/main/banner_bg.svg); background-color: #F5F6F8; background-size: cover; background-position: right bottom; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#container .banner .banner_item .banner_title { font-family: 'yg-jalnan'; font-size: 24px; line-height:100%; color:#222222; letter-spacing:0; }
#container .banner .banner_item .banner_info { font-weight:300; font-size: 16px; line-height:160%; color:#333333; letter-spacing:0; }
#container .banner .banner_item .banner_info i { display:block; }
#container .banner .banner_item .ca { position:absolute; left:0; right:0; bottom:0; text-align:center; }
#container .banner .banner_item .more { position:absolute; right:0; bottom:0; }


.any_1{
	animation-name: any_fade1;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-direction: alternate;
}

@keyframes any_fade1 {
	0% { opacity: 0; padding-top:80px; } /* 0% 대신 from 으로 대체가능 */
	100% { opacity: 1; padding-top:0; } /* 100% 대신 to 로 대체가능 */
}

/* 영상 */
#container .youtube { opacity: 0; overflow: hidden; height:616px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

.any_2 {
	animation-name: any_fade2;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-direction: alternate;
}

@keyframes any_fade2 {
	0% { opacity: 0; }
	100% { opacity: 1; } 
}


/* 참여사 기획전 */
#container .plan { opacity: 0; display:flex; flex-direction:column; gap:60px; }
#container .plan .plan_head { display:flex; flex-direction:column; gap:8px; }
#container .plan .plan_head .plan_title { font-family: 'yg-jalnan'; font-size: 28px; line-height:150%; color:#1D1A1A; text-align:center; }
#container .plan .plan_head .plan_info { font-weight:400; font-size: 16px; line-height:150%; color:#666666; text-align:center; word-break: keep-all; }


#container .plan .plan_list { display:flex; flex-direction:row; flex-wrap: wrap; gap:60px 3.63%; }
#container .plan .plan_list .plan_item { cursor: pointer; display: flex; flex-direction: column; gap: 10px; align-items: center; width:22.2775%; }
#container .plan .plan_list .plan_item .thum { display: flex; justify-content: center; align-items: center; width: 100%; height: 140px; border:1px solid #E3E3E3; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#container .plan .plan_list .plan_item .thum_name { font-weight:400; font-size: 16px; line-height:150%; color:#5F5F5F; text-align:center; word-break: keep-all; }


#container .plan .plan_default { width:100%; }
#container .plan .plan_default ul { margin:0; padding:0; }
#container .plan .plan_default li { }
#container .plan .plan_default .row { display:flex; flex-direction:column; gap:10px; }
#container .plan .plan_default .item { display: flex; justify-content: center; align-items: center; width:150px; height:150px; background-color: #FBFCFD; border: 1px solid #E3E3E3; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container .plan .plan_default .item img { height:30px; }


.any_3 {
	animation-name: any_fade3;
	animation-duration: 0.8s;
	animation-delay: 0.6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-direction: alternate;
}

@keyframes any_fade3 {
	0% { opacity: 0; }
	100% { opacity: 1; } 
}


/* FOOTER */
#footer > .footer_menu { }
#footer > .footer_menu ul { margin: 0; padding: 0; }
#footer > .footer_menu li { position: relative; list-style: none; float: left; margin-right: 15px; }
#footer > .footer_menu li a,
#footer > .footer_menu li a:hover { font-size: 16px; line-height: 40px; color: #ffffff; letter-spacing: 0; }
#footer > .footer_menu:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer .copyright { position: relative; margin: 10px 0 0; }
#footer .copyright ul { margin: 0; padding: 0; }
#footer .copyright li { list-style: none; float: left; margin: 0 15px 0 0; font-weight: 300; font-size: 14px; line-height: 200%; color: #9C9C9C; letter-spacing: -0.5px; }
#footer .copyright li.v1 { margin: 0; content:""; display:block; clear:both; /* height:0; visibility:hidden; */ }
#footer .copyright:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* SUB */
#spot { height:200px; }
#spot.about { background-color:#00B1F4; }
#spot.business { background-color:#CEF5EB; }
#spot.info { background-color:#4DBDCD; }
#spot.store { background-color:#0FA05F; }
#spot.communication { background-color:#FFDA51; }

#spot .spot_outer { position: relative; display: flex; align-items: center; width:1200px; height:100%; margin:0 auto; }
#spot .spot_outer .title { font-family: 'yg-jalnan'; font-size:40px; line-height:130%; color:#fff; }
#spot.business .spot_outer .title { color:#058B80; }
#spot .spot_outer .thumb { position: absolute; right: 0; bottom: 0; line-height:0; }

.sub_tab { border-bottom:1px solid #EEEEEE; }
.sub_tab .tab_outer { display: flex; align-items: center; width:1200px; height:100%; margin:0 auto; }
.sub_tab .tab_outer .tab_item { position: relative; flex-grow:1; }
.sub_tab .tab_outer .tab_item a { display:block; padding: 20px 0; font-weight: 500; font-size: 16px; color: #777777; letter-spacing: 0; text-align:center; }
.sub_tab .tab_outer .tab_item a:hover { font-weight: 600; color: #008ABE; }
.sub_tab .tab_outer .tab_item:hover:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; bottom: 0; background-color:#008ABE; }
.sub_tab .tab_outer .tab_item.select a,
.sub_tab .tab_outer .tab_item.select a:hover { font-weight: 600; color: #008ABE; }
.sub_tab .tab_outer .tab_item.select:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; bottom: 0; background-color:#008ABE; }


#sub_container { opacity: 0; padding:80px 0 0; }
#sub_container.v1 { width: 1200px; margin: 0 auto; padding:60px 0; }
#sub_container.v2 { padding:0; }
#sub_container.v3 { padding:60px 0; }


.sub1 {
	animation-name: any_sub;
	animation-duration: 1s;
	animation-delay: 0.1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-direction: alternate;
}

@keyframes any_sub {
	0% { opacity: 0; margin-top:100px; }
	100% { opacity: 1; margin-top:0; } 
}


/* STORE */
#store { position: relative; display:flex; flex-direction: column; height:800px; }

#store .store_side { order: 1; position: relative; width:360px; }
#store .store_tab { display: flex; align-items: center; border-bottom:1px solid #EEEEEE; }
#store .store_tab .tab_item { position: relative; flex-grow:1; }
#store .store_tab .tab_item a { position: relative; display:block; padding: 20px 0; font-weight: 400; font-size: 16px; color: #777777; letter-spacing: 0; text-align:center; }
#store .store_tab .tab_item a:hover { font-weight: 500; color: #0FA05F; }
#store .store_tab .tab_item:hover:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; bottom: 0; background-color:#0FA05F; }
#store .store_tab .tab_item.select a,
#store .store_tab .tab_item.select a:hover { font-weight: 500; color: #0FA05F; }
#store .store_tab .tab_item.select:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; bottom: 0; background-color:#0FA05F; }

#store .store_search { display: flex; justify-content: space-between; padding: 18px 24px; border-bottom:3px solid #EEEEEE; }
#store .store_search .input { flex-grow:1; font-weight: 400; font-size: 16px; line-height: 100%; color: #777777; letter-spacing: -0.5px; border:none; }
#store .store_search .btn_search { line-height:0; }

#store .store_local { display: flex; align-items: center; gap: 8px; padding: 20px 24px; font-weight: 400; font-size: 16px; color: #777777; letter-spacing: -0.5px; border-bottom:3px solid #EEEEEE; }
#store .store_local.select { cursor: pointer; font-weight: 500; color: #333333; }


#store .store_search_result { padding: 18px 24px; font-weight: 400; font-size: 16px; line-height: 100%; color: #202020; letter-spacing: -0.5px; border-bottom:1px solid #DDDDDD; }
#store .store_search_result span { color: #0FA05F; }

#store .store_list { overflow-y: auto; order: 2; display:flex; flex-direction:column; width:360px; }
#store .store_list .list_item { cursor: pointer; display: flex; flex-direction: column; gap: 8px; padding: 32px 24px; border-bottom:1px solid #EEEEEE; }
#store .store_list .list_item.selected { border:2px solid #0FA05F; }
#store .store_list .list_item .item_title { display:flex; align-items: center; gap:8px; font-weight: 500; font-size: 16px; line-height: 100%; color: #202020; letter-spacing: -0.5px; }
#store .store_list .list_item .item_title .no { display: flex; justify-content: center; align-items: center; width:24px; height:24px; font-weight: 500; font-size: 14px; line-height: 100%; color: #FFFFFF; letter-spacing: -0.5px; background-color: #0FA05F; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#store .store_list .list_item .item_info { font-weight: 300; font-size: 16px; line-height: 150%; color: #777777; letter-spacing: -0.5px; word-break: keep-all; }

#store .store_map { order: 3; overflow: hidden; position: absolute; left: 360px; top: 0; right: 0; bottom: 0; flex-grow:1; height:100%; }
#store .store_map::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  box-shadow: inset 10px 0 10px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  z-index: 10;
}

#store .store_local_list { overflow: hidden; order: 2; display:flex; flex-direction:row; flex-wrap: wrap; width:360px; }
#store .store_local_list .list_item { cursor: pointer; flex-grow: 1; display: flex; flex-direction: column; gap: 8px; width: 50%; padding: 14px 24px; font-weight: 400; font-size: 16px; color: #555555; letter-spacing: -0.5px; border-bottom:1px solid #EEEEEE; }
#store .store_local_list .list_item:nth-child(even) { border-left:1px solid #EEEEEE; }


#store_bg { z-index: 11; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); }
#store_popup { z-index: 12; display: flex; justify-content: center; align-items: center; position:fixed; left:0; top:0; right:0; bottom:0; }
#store_popup .popup_outer { width:480px; background-color: #fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#store_popup .popup_outer .popup_head { padding: 20px 24px; font-weight: 400; font-size: 16px; color: #202020; letter-spacing: -0.5px; border-bottom:1px solid #EDEDED; }
#store_popup .popup_outer .popup_body { display: flex; flex-direction: column; gap: 32px; padding: 32px; }
#store_popup .popup_outer .popup_body .info { display:flex; flex-direction: column; gap: 16px; align-items:center; }
#store_popup .popup_outer .popup_body .info .icon { line-height:0; }
#store_popup .popup_outer .popup_body .info .text { font-weight: 400; font-size: 16px; line-height: 140%; color: #404040; letter-spacing: 0; text-align:center; }
#store_popup .popup_outer .popup_body .btn_area { display:flex; gap: 6px; }
#store_popup .popup_outer .popup_body .btn_area .btn_item { flex-grow: 1; background-color: #fff; border: 1px solid #D9D9D9; border-radius:4px; }
#store_popup .popup_outer .popup_body .btn_area .btn_item a,
#store_popup .popup_outer .popup_body .btn_area .btn_item a:hover { display: block; font-weight: 500; font-size: 16px; line-height: 46px; color: #5F5F5F; letter-spacing: 0; text-align:center; }
#store_popup .popup_outer .popup_body .btn_area .btn_item.v1 { background-color: #0FA05F; border: 1px solid #0FA05F; }
#store_popup .popup_outer .popup_body .btn_area .btn_item.v1 a,
#store_popup .popup_outer .popup_body .btn_area .btn_item.v1 a:hover { font-weight: 400; color: #ffffff; }



/* 개요 */
#about { display:flex; flex-direction: column; gap:80px; padding-bottom:120px; }

#about .row1 { display: flex; flex-direction: column; gap: 36px; width:1200px; margin:0 auto; }
#about .row1 .title { display: flex; flex-direction: column; gap: 16px; font-weight: 700; font-size: 40px; line-height: 130%; color: #202020; letter-spacing: 0; }
#about .row1 .title .date { font-weight: 600; font-size: 26px; line-height: 160%; color: #128746; letter-spacing: 0; }
#about .row1 p { margin: 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 180%; color: #333333; letter-spacing: -0.5px; word-break: keep-all; }
#about .row1 p strong { display: block; font-weight: 600; font-size: 22px; line-height: 180%; color: #202020; letter-spacing: -0.5px; }
#about .row1 p i { display: none; }

#about .row2 { padding: 60px 0; background-color:#FAFAFA; }
#about .row2 .outer { display: flex; flex-direction: row; gap: 32px; width:1200px; margin:0 auto; }
#about .row2 .outer .item { flex-grow:1; display: flex; flex-direction: column; gap: 16px; align-items: center; width: 33.33333%; padding: 48px 20px; background-color: #30AEC0; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.06); }
#about .row2 .outer .item.v1 { background-color: #058B80; }
#about .row2 .outer .item.v2 { background-color: #33AD69; }
#about .row2 .outer .item .icon { line-height:0; }
#about .row2 .outer .item .info { font-weight: 600; font-size: 24px; line-height: 150%; color: #FFFFFF; letter-spacing: -0.5px; text-align:center; }

#about .row3 { display: flex; flex-direction: row; justify-content: space-between; gap: 36px; align-items: center; width:1200px; margin:0 auto; }
#about .row3 .outer { display: flex; flex-direction: column; gap: 36px; }
#about .row3 .outer .title { display: flex; flex-direction: column; gap: 16px; font-weight: 700; font-size: 40px; line-height: 130%; color: #202020; letter-spacing: 0; }
#about .row3 .outer p { margin: 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 180%; color: #333333; letter-spacing: -0.5px; word-break: keep-all; }
#about .row3 .outer p i { display:block; }
#about .row3 .side { display: flex; flex-direction: row; gap: 40px; }
#about .row3 .side .item { line-height:0; }

#about .row4 { padding: 60px 0; background-color:#FAFAFA; }
#about .row4 .outer { width:1200px; margin:0 auto; }

#about .row4 .outer .table { width: 100%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#about .row4 .outer .table th { padding: 16px 0; font-weight: 500; font-size: 18px; line-height: 140%; color: #ffffff; letter-spacing: 0; text-align: center; background-color: #33AD69; }
#about .row4 .outer .table td { padding: 20px 10px; font-weight: 400; font-size: 16px; line-height: 150%; color: #333333; letter-spacing: 0; text-align: center; border-bottom: 1px solid #EDEDED; word-break: keep-all; }
#about .row4 .outer .table td.v1 { color: #058B80; }
#about .row4 .outer .table td i { display:block; }
#about .row4 .outer .table tr:nth-child(odd) { background-color: #F8F9FB; }

#about .row5 { display: flex; flex-direction: column; gap: 36px; width:1200px; margin:0 auto; }
#about .row5 .head { display: flex; flex-direction: column; gap: 36px; }
#about .row5 .head .title { display: flex; flex-direction: column; gap: 16px; font-weight: 700; font-size: 40px; line-height: 130%; color: #202020; letter-spacing: 0; }
#about .row5 .head p { margin: 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 180%; color: #333333; letter-spacing: -0.5px; word-break: keep-all; }
#about .row5 .head p i { display:block; }

#about .row5 .info { display: flex; flex-direction: row; justify-content: space-between; align-items: start; gap: 40px; }
#about .row5 .info .mark_area { flex-grow:1; display:flex; flex-direction:column; gap:52px; padding:40px 24px; background-color:#FAFAFA; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; box-shadow:0 0 10px rgba(0, 0, 0, 0.06); }
#about .row5 .info .mark_area .green { display:flex; flex-direction:row; gap:20px; }
#about .row5 .info .mark_area .green .item { flex-grow: 1; display:flex; flex-direction:column; gap:20px; }
#about .row5 .info .mark_area .green .item .green_title { padding: 4px 0; font-weight: 500; font-size: 16px; line-height: 160%; color: #ffffff; letter-spacing: 0; text-align: center; background-color:#47A734; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#about .row5 .info .mark_area .green .item .green_logo { line-height:0; text-align:center; }

#about .row5 .info .mark_area .similar { display:flex; flex-direction:column; gap:20px;  }
#about .row5 .info .mark_area .similar .similar_option { font-weight: 500; font-size: 22px; line-height: 150%; color: #FF0707; letter-spacing: 0; text-align: center; word-break: keep-all; }
#about .row5 .info .mark_area .similar .similar_option i { display:none; }
#about .row5 .info .mark_area .similar .outer { display:flex; flex-direction:column; gap:28px; }
#about .row5 .info .mark_area .similar .outer .similar_title { padding: 4px 0; font-weight: 500; font-size: 16px; line-height: 160%; color: #ffffff; letter-spacing: 0; text-align: center; background-color:#60665F; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#about .row5 .info .mark_area .similar .outer .similar_list { display:flex; flex-direction:row; justify-content:space-between; gap:10px; }
#about .row5 .info .mark_area .similar .outer .similar_item { line-height:0; }


#about .row5 .info .side { display:flex; flex-direction:column; gap:20px; }
#about .row5 .info .side .thumb { line-height:0; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; box-shadow:0 0 10px rgba(0, 0, 0, 0.06); }
#about .row5 .info .side .thumb img { -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#about .row5 .info .side .thumb_info { font-weight: 500; font-size: 16px; line-height: 150%; color: #333333; letter-spacing: -0.5px; text-align: center; word-break: keep-all; }
#about .row5 .info .side .thumb_info i { display:none; }


/* 인센티브 */
#incentive { display:flex; flex-direction: column; gap:80px; }

#incentive .row1 { display: flex; flex-direction: column; gap: 40px; width:1200px; margin:0 auto; }
#incentive .row1 .subject { display: flex; flex-direction: column; gap: 16px; font-family: 'yg-jalnan'; font-weight: 700; font-size: 40px; line-height: 130%; color: #128746; letter-spacing: -0.5px; }

#incentive .row1 .head { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; }
#incentive .row1 .head .col { display: flex; flex-direction: column; gap: 20px; }
#incentive .row1 .head .col.v1 { gap: 40px; }
#incentive .row1 .head .col .title { font-weight: 700; font-size: 40px; line-height: 130%; color: #202020; letter-spacing: -0.5px; }
#incentive .row1 .head .col p { margin: 0; padding: 0; font-weight: 600; font-size: 20px; line-height: 160%; color: #128746; letter-spacing: 0; word-break: keep-all; }
#incentive .row1 .head .btn { cursor: pointer; display: flex; gap: 4px; align-items: center; padding: 12px 36px; font-weight: 500; font-size: 26px; line-height: 130%; color: #ffffff; letter-spacing: 0; background-color:#0082DA; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; }


#incentive .row2 { padding: 60px 0; background-color:#FAFAFA; }
#incentive .row2 .outer { display: flex; flex-direction: column; gap: 20px; width:1200px; margin:0 auto; }
#incentive .row2 .outer .subject { display: flex; flex-direction: column; gap: 12px; font-weight: 700; font-size: 24px; line-height: 160%; color: #202020; letter-spacing: 0; }
#incentive .row2 .outer .subject .subject_info { font-weight: 400; font-size: 16px; line-height: 180%; color: #333333; letter-spacing: 0; word-break: keep-all; }
#incentive .row2 .outer .list { display:flex; flex-direction:row; flex-wrap:wrap; gap: 36px 2.6%; }

#incentive .row2 .outer .list .item { display: flex; flex-direction: row; gap: 20px; width:48.7%; }
#incentive .row2 .outer .list .item .item_outer { display:flex; flex-direction:column; gap:20px; width:100%; }
#incentive .row2 .outer .list .item .item_outer .inner { display: flex; flex-direction: row; gap: 20px; padding:40px; background-color:#fff; border:1px solid #E3E3E3; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.06); }
#incentive .row2 .outer .list .item .item_outer .inner.v1 { height:100%; }
#incentive .row2 .outer .list .item .item_outer .inner .icon { line-height:0; }
#incentive .row2 .outer .list .item .item_outer .inner .info { display:flex; flex-direction:column; gap:12px; }
#incentive .row2 .outer .list .item .item_outer .inner .info .info_title { font-weight: 600; font-size: 20px; line-height: 150%; color: #333333; letter-spacing: -0.5px; }
#incentive .row2 .outer .list .item .item_outer .inner .info p { margin: 0; padding: 0; font-weight: 400; font-size: 16px; line-height: 180%; color: #333333; letter-spacing: -0.5px; word-break: keep-all; }
#incentive .row2 .outer .list .item .item_outer .inner_option { font-weight: 400; font-size: 16px; line-height: 180%; color: #FF0707; letter-spacing: -0.5px; text-align: center; word-break: keep-all; }

#incentive .row2 .outer .option_go { display:flex; flex-direction:row; align-items: center; gap:36px; margin-top:10px; }
#incentive .row2 .outer .option_go.v1 { margin-top:-10px; }
#incentive .row2 .outer .option_go .go_title { cursor: pointer; padding: 9px 24px; font-weight: 400; font-size: 16px; line-height: 130%; color: #ffffff; letter-spacing: -0.5px; text-align: center; background-color:#333333; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#incentive .row2 .outer .option_go .go_info { cursor: pointer; font-weight: 400; font-size: 16px; line-height: 140%; color: #333333; }
#incentive .row2 .outer .option_go .go_info span { font-weight: 400; font-size: 16px; line-height: 140%; color: #128746; }

#incentive .row3 { padding: 60px 0; background-color:#FAFAFA; }
#incentive .row3 .outer { display: flex; flex-direction: column; gap: 32px; width:1200px; margin:0 auto; }
#incentive .row3 .outer .subject { display: flex; flex-direction: column; gap: 12px; font-weight: 700; font-size: 24px; line-height: 160%; color: #202020; letter-spacing: 0; }
#incentive .row3 .outer .list { display:flex; flex-direction:row; gap: 32px; }

#incentive .row3 .outer .item { flex-grow:1; display: flex; flex-direction: column; gap: 16px; align-items: center; width: 33.33333%; padding: 48px 20px; background-color: #30AEC0; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.06); }
#incentive .row3 .outer .item.v1 { background-color: #058B80; }
#incentive .row3 .outer .item.v2 { background-color: #33AD69; }
#incentive .row3 .outer .item .icon { line-height:0; }
#incentive .row3 .outer .item .info { font-weight: 600; font-size: 24px; line-height: 150%; color: #FFFFFF; letter-spacing: -0.5px; text-align:center; }


/* 참여사 */
#business { display:flex; flex-direction: column; gap:60px; width:1200px; margin:0 auto; padding-bottom:120px; }
#business .business_item { display:flex; flex-direction:column; gap:24px; }
#business .business_item .subject { font-weight: 700; font-size: 24px; line-height: 130%; color: #202020; letter-spacing: -0.5px; }
#business .business_item .list { display:flex; flex-direction:row; flex-wrap:wrap; gap: 24px 3%; }
#business .business_item .list .item { cursor: pointer; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; width:22%; height: 140px; line-height: 0; border:1px solid #E3E3E3; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#business .business_item .list .item img { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }

#business .business_item .list .item .item_bg { opacity:0; position: absolute; display: flex; justify-content: center; align-items: center; left: 0; right: 0; top: 0; bottom: 0; background-color:rgba(0, 0, 0, 0.4); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#business .business_item .list .item .item_bg img { rotate:-40deg; }
#business .business_item .list .item:hover img { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); } 
#business .business_item .list .item:hover .item_bg { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }


/* 참여사 */
#business1 { display:flex; flex-direction: column; gap:60px; width:1200px; margin:0 auto; padding-bottom:120px; }
#business1 .business_item { display:flex; flex-direction:column; gap:24px; }
#business1 .business_item .subject { font-weight: 700; font-size: 24px; line-height: 130%; color: #202020; letter-spacing: -0.5px; }
#business1 .business_item .list { display:flex; flex-direction:row; flex-wrap:wrap; gap: 40px 3%; }
#business1 .business_item .list .outer { display:flex; flex-direction:column; gap:10px; width:22%; }
#business1 .business_item .list .item { cursor: pointer; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; height: 140px; line-height: 0; border:1px solid #E3E3E3; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
#business1 .business_item .list .item img { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }

#business1 .business_item .list .item .item_bg { opacity:0; position: absolute; display: flex; justify-content: center; align-items: center; left: 0; right: 0; top: 0; bottom: 0; background-color:rgba(0, 0, 0, 0.4); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#business1 .business_item .list .item .item_bg img { rotate:-40deg; }
#business1 .business_item .list .item:hover img { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); } 
#business1 .business_item .list .item:hover .item_bg { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
#business1 .business_item .list .item_text { font-weight: 600; font-size: 16px; line-height: 160%; color: #555; word-break: keep-all; text-align:center; }





@media screen and (max-width:1200px) {

	/* LAYOUT */
	#header { min-width: 320px; padding: 0 20px; }
	#container { min-width: 320px; }
	#footer { min-width: 320px; }

	#header > .gnb ul { gap: 0; }

	/* CONTAINER */
	#container .main_outer { width:auto; margin:0 auto; padding:0 3.5% 80px; }

	#container .slide .slide_logo { position:absolute; left:0; top:60px; }
	#container .slide .slide_logo img { width:280px; }
	#container .slide .slide_date { position:absolute; left:240px; top:90px; font-size: 32px; }
	#container .slide .ca2 { right:-100px; top:120px; }
	#container .slide .ca2 img { width:280px; }

	#container .slogan_box { flex-direction: column; align-items: start; justify-content: center; gap: 0; height:200px; padding: 0 40px; font-size: 30px; }
	#container .slogan_box span { font-weight:700; }
	#container .slogan_box .ca1 { right:110px; top:-160px; }
	#container .slogan_box .ca1 img { width:280px; }


	.slide_1{
		animation-name: slide_fade1;
		animation-duration: 0.8s;
		animation-delay: 0.1s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-direction: alternate;
	}

	@keyframes slide_fade1 {
		0% { opacity: 0; left:30px; }
		100% { opacity: 1; left:0; }
	}

	.slide_2{
		animation-name: slide_fade2;
		animation-duration: 1s;
		animation-delay: 0.5s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-direction: alternate;
	}

	@keyframes slide_fade2 {
		0% { opacity: 0; left:200px; }
		100% { opacity: 1; left:240px; }
	}

	.slide_3{
		animation-name: slide_fade3;
		animation-duration: 1s;
		animation-delay: 0.5s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-direction: alternate;
	}

	@keyframes slide_fade3 {
		0% { opacity: 0; right:-60px; }
		100% { opacity: 1; right:-100px; }
	}

	.slide_4{
		animation-name: slide_fade4;
		animation-duration: 0.6s;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-direction: alternate;
	}

	@keyframes slide_fade4 {
		0% { opacity: 0; right:80px; }
		100% { opacity: 1; right:110px; }
	}


	/* SUB */
	#spot .spot_outer { width:auto; padding:0 20px; }
	.sub_tab .tab_outer { width:auto; }

	#sub_container.v1 { width: auto; padding:60px 3.5%; }


	/* 개요 */
	#about .row1 { width:auto; margin:0 3.5%; }
	#about .row2 .outer { width:auto; margin:0 3.5%; }
	#about .row3 { width:auto; margin:0 3.5%; }
	#about .row4 .outer { width:auto; margin:0 3.5%; }
	#about .row5 { width:auto; margin:0 3.5%; }
	#about .row5 .info .side .thumb img { width: 100%; }



	/* 인센티브 */
	#incentive .row1 { width:auto; margin:0 3.5%; }
	#incentive .row2 .outer { width:auto; margin:0 3.5%; }
	#incentive .row3 .outer { width:auto; margin:0 3.5%; }


	/* 참여사 */
	#business { width:auto; margin:0 3.5%; }


	/* 참여사 */
	#business1 { width:auto; margin:0 3.5%; }

}


@media screen and (max-width:994px) {

	/* HEADER - GNB */
	#header > .gnb { display: none; }
	#header > .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }


	/* BANNER */
	#container .banner .banner_item { padding: 44px 20px 0; }
	#container .banner .banner_item .banner_title { font-size: 24px; }
	#container .banner .banner_item .ca img { height:160px; }
	#container .banner .banner_item .banner_info i { display:none; }


	/* 영상 */
	#container .youtube { height:500px; }


	/* 참여사 기획전 */
	#container .plan .plan_list .plan_item { width:30.91%; }


	/* STORE */
	#store { height:auto; }

	#store .store_side { width:auto; }

	#store .store_list { order: 3; width:auto; }

	#store .store_map { order: 2; overflow: hidden; position: relative; left: auto; top: auto; right: auto; bottom: auto; height:340px; }
	#store .store_map::after { display: none; }

	#store .store_local_list { order: 3; width:auto; }


	/* 참여사 */
	#business .business_item .list .item { width:31.33333%; }


	/* 참여사 */
	#business1 .business_item .list .outer { width:31.33333%; }


}


@media screen and (max-width:780px) {

	/* LAYOUT */
	#header { height: 60px; }
	#container { padding-top:60px; }
	#footer { padding: 20px; }

	#header > h1 img { height:40px; }


	/* CONTAINER */
	#container .main_outer { gap: 50px; }
	#container .slide { height:220px; margin-top:50px; }
	#container .slide .slide_logo { position:absolute; left:0; top:0; }
	#container .slide .slide_logo img { width:180px; }
	#container .slide .slide_date { left:auto; right: 0; top:20px; font-size: 24px; }
	#container .slide .ca2 { right:auto; left: 0; top:80px; }
	#container .slide .ca2 img { width:200px; }

	#container .slogan_box { height:160px; padding: 0 30px; font-size: 20px; }
	#container .slogan_box .ca1 { right:-20px; top:-100px; }
	#container .slogan_box .ca1 img { width:180px; }
	#container .slogan_box i { display:block; }

	.slide_1{
		animation-name: slide_fade1;
		animation-duration: 0.8s;
		animation-delay: 0.1s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-direction: alternate;
	}

	@keyframes slide_fade1 {
		0% { opacity: 0; left:20px; }
		100% { opacity: 1; left:0; }
	}

	.slide_2{
		animation-name: slide_fade2;
		animation-duration: 1s;
		animation-delay: 0.5s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-direction: alternate;
	}

	@keyframes slide_fade2 {
		0% { opacity: 0; left:auto; right:30px; }
		100% { opacity: 1; left:auto; right:0 }
	}

	.slide_3{
		animation-name: slide_fade3;
		animation-duration: 1s;
		animation-delay: 0.5s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-direction: alternate;
	}

	@keyframes slide_fade3 {
		0% { opacity: 0; right:auto; left:30px; }
		100% { opacity: 1; right:auto; left:0; }
	}

	.slide_4{
		animation-name: slide_fade4;
		animation-duration: 0.6s;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-timing-function: linear;
		animation-direction: alternate;
	}

	@keyframes slide_fade4 {
		0% { opacity: 0; right:0; }
		100% { opacity: 1; right:-20px; }
	}


	/* BANNER */
	#container .banner { display:flex; flex-direction: column; gap:20px; }
	#container .banner .banner_item { width: 100%; height: 260px; padding: 30px 24px 0; }
	#container .banner .banner_item .banner_title { font-size: 20px; }
	#container .banner .banner_item .banner_info { font-size: 14px; }
	#container .banner .banner_item .banner_info i { display:block; }
	#container .banner .banner_item .ca img { height:140px; }


	/* 영상 */
	#container .youtube { height:240px; }


	/* 참여사 기획전 */
	#container .plan { gap:40px; }
	#container .plan .plan_head .plan_title { font-size: 24px; }
	#container .plan .plan_head .plan_info { font-size: 14px; }


	#container .plan .plan_list { gap:40px 4%; }
	#container .plan .plan_list .plan_item { width:48%; }
	#container .plan .plan_list .plan_item .thum_name { font-size: 14px; }


	/* SUB */
	#spot { height:160px; }

	#spot .spot_outer { position: relative; display: flex; align-items: center; height:100%; margin:0 auto; }
	#spot .spot_outer .title { font-size:24px; }
	#spot .spot_outer .thumb { width: 150px; right: 0; bottom: 0; line-height:0; }
	#spot .spot_outer .thumb img { width:100%; }

	.sub_tab { display:none; }

	#sub_container { padding:50px 0 0; }



	/* 개요 */
	#about { gap:60px; }

	#about .row1 .title { font-size: 30px; }
	#about .row1 .title .date { font-size: 22px; }
	#about .row1 p strong { font-size: 18px; }
	#about .row1 p i { display: block; }

	#about .row2 .outer { display: flex; flex-direction: column; gap:20px; }
	#about .row2 .outer .item { flex-direction: column; gap: 10px; width: 100%; padding: 30px 20px; }
	#about .row2 .outer .item .info { font-size: 18px; }

	#about .row3 { flex-direction: column; }
	#about .row3 .outer .title { font-size: 30px; }
	#about .row3 .outer p i { display:none; }
	#about .row3 .side { gap: 20px; }
	#about .row3 .side .item img { width:100% }

	#about .row4 .outer { overflow-x:auto; }
	#about .row4 .outer .table { width: auto; }

	#about .row5 .head .title { font-size: 30px; }
	#about .row5 .head p i { display:none; }

	#about .row5 .info { flex-direction: column; }

	#about .row5 .info .mark_area { gap:40px; padding:40px 24px; }
	#about .row5 .info .mark_area .green .item .green_logo img { width:130px; }

	#about .row5 .info .mark_area .similar .similar_option { font-size: 16px; }
	#about .row5 .info .mark_area .similar .similar_option i { display:block; }
	#about .row5 .info .mark_area .similar .outer .similar_list { gap:20px; text-align:center; }
	#about .row5 .info .mark_area .similar .outer .similar_item img { width:100%; }
	#about .row5 .info .side .thumb_info i { display:block; }


	/* 인센티브 */
	#incentive { gap:60px; }

	#incentive .row1 { width:auto; margin:0 3.5%; }
	#incentive .row1 .subject { font-size: 30px; }

	#incentive .row1 .head { flex-direction: column; align-items: start; gap: 20px; }

	#incentive .row1 .head .col.v1 { gap: 20px; }

	#incentive .row1 .head .col .title { font-size: 30px; }
	#incentive .row1 .head .col p { font-size: 18px; }
	#incentive .row1 .head .btn { font-size: 18px; }


	#incentive .row2 .outer .subject { font-size: 20px; }
	#incentive .row2 .outer .list { display:flex; flex-direction:column; flex-wrap:wrap; gap: 20px; }

	#incentive .row2 .outer .list .item { display: flex; flex-direction: row; gap: 20px; width:100%; }
	#incentive .row2 .outer .list .item .item_outer .inner { padding:30px 20px; }
	#incentive .row2 .outer .list .item .item_outer .inner_option { padding: 0 10px; text-align: left; }

	#incentive .row2 .outer .option_go { flex-direction:column; align-items: start; gap:12px; }
	#incentive .row2 .outer .option_go.v1 { margin-top:10px; }


	#incentive .row3 .outer { display: flex; flex-direction: column; gap:20px; }
	#incentive .row3 .outer .item { flex-direction: column; gap: 10px; width: 100%; padding: 30px 20px; }
	#incentive .row3 .outer .item .info { font-size: 18px; }

	#incentive .row3 .outer .subject { font-size: 20px; }
	#incentive .row3 .outer .list { display:flex; flex-direction:column; flex-wrap:wrap; gap: 20px; }


	/* 참여사 */
	#business .business_item .subject { font-size: 20px; }
	#business .business_item .list .item { width:48.5%; }
	#business .business_item .list .item img { height:30px; }



	/* 참여사 */
	#business1 .business_item .subject { font-size: 20px; }
	#business1 .business_item .list .outer { width:48.5%; }
	#business1 .business_item .list .item img { height:30px; }
	#business1 .business_item .list .item_text { font-size: 15px; }

}