@charset "utf-8";
.camp_cont {max-width:128rem; margin:auto;}
.camp_cont .cont img {max-width:100%;}

.camp_cwrap {display:flex; gap:4rem; padding-top:7rem; margin:auto;}
.camp_cwrap .cont {flex:1; min-width:0;}
.camp_cwrap .rcont {width:41rem;}

.camp_cont {padding-top:70px; padding-bottom:20rem;}
.has_ban .camp_cont {padding-top:130px;}

.camp_cwrap .cont .camp_info {display:none;}
.rcont .rbox {position:sticky; top:100px;}
.camp_info {padding:3rem; border: 1px solid #E0E0E0}
.camp_info h3 {font-size:2.4rem; font-weight:600;letter-spacing: -0.04em;}
.camp_info .tag {display:flex; flex-wrap:wrap; margin-right:-1rem; gap:0.6rem; margin-top:1rem;}
.camp_info .tag span {padding:0 1.2rem; border-radius:0.5rem; border: 1px solid #E0E0E0; font-size:1.6rem; white-space:nowrap; line-height:1.7857; letter-spacing:-0.05em;}
.camp_info .line {margin:2rem 0; border-top:1px solid #E0E0E0;}
.camp_info .camp_date strong,
.camp_info .camp_target strong {display:block; margin-bottom:0.5rem; padding-left:3.2rem; font-size:1.7rem; font-weight:600; line-height:1.4; background:no-repeat 0 center; background-size:2.2rem auto;}
.camp_info .camp_date strong {background-image:url('../images/sub/icon_camp_calendar.svg');}
.camp_info .camp_target strong {background-image:url('../images/sub/icon_camp_mem.svg');}
.camp_info .camp_target {margin-top:2rem;}
.camp_info .stxt {font-size:1.7rem; line-height:1.4; color:#666;}
.camp_info .bottom {margin-top:3rem;}
.camp_info .bottom a {display:flex; align-items:center; justify-content:center; gap:1rem; height:6rem; border-radius:0.6rem; font-size:1.8rem; color:#fff; font-weight:600; background:#484D4E; transition:all 0.4s;}
.camp_info .bottom a+a {margin-top:1rem;}
.camp_info .bottom a:hover {background:#2A3235;}
.camp_info .bottom a.kakao {color:#392020; background:#FFE600;}
.camp_info .bottom a.kakao::before {width:2.4rem; height:2.2rem; background:url('../images/sub/icon_kakao.svg') no-repeat center/contain; content:'';}
.camp_info .bottom a.kakao:hover {background:#EDD500;}

.movie_box {position:relative; margin-top:10%;}
.movie_box::before {display:block; padding-bottom:56.25%; content:'';}
.movie_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}



.camp_tab1 {margin-bottom:3rem; padding-top:10rem;}
.camp_tab1 ul {display:flex; justify-content:center; gap:1rem;}
.camp_tab1 ul a {display:block; padding:0 4rem; border: 1px solid #E0E0E0; border-radius:3.2rem; font-size:2.2rem; line-height:6.1rem; transition:all 0.4s;}
.camp_tab1 ul a:hover {color:#fff; background:#00BABB;}
.camp_tab1 li.on a {color:#fff; font-weight:700; background:#00BABB;}

.camp_tab2 {position:sticky; top:70px; margin-top:2rem; background:#fff;}
.camp_tab2 ul {display:flex; border-bottom:1px solid #E0E0E0;}
.camp_tab2 li {flex:1; position:relative;}
.camp_tab2 li+li::before {position:absolute; top:50%; left:0; width:1px; height:2rem; margin-top:-1rem; opacity:0.2; background:#A7A7A7; content:'';}
.camp_tab2 a {display:block; position:relative; font-size:2rem; line-height:5.8rem; text-align:center; transition:all 0.4s;}
.camp_tab2 a::before {position:absolute; left:0; right:0; bottom:-1px; border-bottom:0.4rem solid #00BABB; content:''; opacity:0; transition:all 0.4s;}
.camp_tab2 li.on a::before {opacity:1;}
.camp_tab2 li a:hover {color:#00BABB; font-weight:700;}
.camp_tab2 li.on a {font-weight:600; color:#00BABB;}

.camp_tab3 {display:none; margin-top:0.5rem;}
.camp_tab3 ul {display: grid; grid-template-columns: repeat(3, 1fr); gap:0.5rem;}
.camp_tab3 a {display:block; border:1px solid #E0E0E0; font-size:1.5rem; color:#111; line-height:4.3rem; text-align:center; transition:all 0.4s;}
.camp_tab3 li.on a {border-color:#00BABB; color:#fff; background:#00BABB;}

@media screen and (max-width:1400px){
	.camp_cont .cont img {width:100%;}
}
@media screen and (max-width:1024px){
	.camp_cont {padding-top:60px; padding-bottom:0;}
	.has_ban .camp_cont {padding-top:100px;}
	
	.camp_cwrap {flex-direction:column-reverse; gap:0rem; padding-top:3rem; margin:0;}
	.camp_cwrap .rcont .camp_info {padding:0;}
	.camp_cwrap .rcont .camp_info .tcont {display:none;}
	.camp_cwrap .rcont .camp_info {border:0;}
	.camp_cwrap .rcont .camp_info .bottom {display:flex; position:fixed; left:0; right:0; bottom:0; z-index:1000; gap:0.7rem; padding:1rem 1.7rem; background:#fff;}
	.camp_cwrap .rcont .camp_info .bottom a {width:38%;}
	.camp_cwrap .rcont .camp_info .bottom a.kakao {flex:1; min-width:0; margin:0;}
	
	.btn_top {bottom:10rem;}
	
	.camp_tab1 {margin-bottom:0; padding:5rem 0 0;}	
	.camp_tab1 {}
	.camp_tab1 ul {flex-wrap:wrap; white-space:nowrap; gap:0.8rem; padding:0 4% 2rem;}
	.camp_tab1 ul a {padding:0 3rem; font-size:2rem; line-height:5.5rem;}
	.camp_tab2 {position:sticky; top:59px; z-index:100; margin-top:0;}
	
	
	
	.camp_cwrap .cont .camp_info {display:block; position:relative; top:auto; padding:4rem 3rem; border:0; border-bottom:1px solid #E0E0E0;}
	.camp_info h3 {font-size:2.4rem;}
	.camp_info .tag span {font-size:1.8rem;}
	.camp_info .camp_date strong,
	.camp_info .camp_target strong  {font-size:1.9rem;}
	.camp_info .stxt {font-size:1.8rem;}
	
	.camp_tab3 {display:none !important;}
}