@charset "utf-8";

.body_hidden {height:100%; min-height:100%; overflow:hidden; touch-action:none; }
#wrap { position:relative; }


body,html { min-height:100%; font-size:62.5%; background:#fff; }
@media screen and (max-width:1440px){
	body,html { font-size:60%; }
}
@media screen and (max-width:1024px){
	body,html { font-size:55%; }
}
@media screen and (max-width:640px){
	body,html { font-size:54%; }
}

.innerP20 { padding:0 20px; }

.innerP50 { padding:0 50px; }
@media screen and (max-width:1440px){
	.innerP50 { padding:0 20px; }
}

.innerP100 { padding:0 100px; }
@media screen and (max-width:1440px){
	.innerP100 { padding:0 20px; }
}

.innerP100 { padding:0 100px; }
@media screen and (max-width:1440px){
	.innerP100 { padding:0 20px; }
}

.inner1600 { max-width:1600px; width:100%; margin:0 auto; }
@media screen and (max-width:1640px){
	.inner1600 { padding:0 20px; }
}
:root { 
    --mainFont:Pretendard;
    --subFont:Poppins;
    --mainColor:#eb2d2e; 
    --main2Color:#3e3a39; 
    --subColor:#111;
	--color-orange:#ef5e07;
	--color-green:#92de05;
	--color-pink:#e63c73;
	--color-skyblue:#105ae3;
	--color-blue:#08096c;
	--color-purple:#910ff4;
}
:root { 
    --borderR80:80px;
    --borderR70:70px;
    --borderR60:60px;
    --borderR50:50px;
    --borderR40:40px;
    --borderR30:30px;
    --borderR20:20px;
    --borderR15:15px;
    --borderR10:10px;
    --borderR8:8px;
    --borderR5:5px;
    --borderR4:4px;
	
	--font260:26.0rem;
	--font200:20.0rem;
	--font180:18.0rem;
	--font140:14.0rem;
	--font120:12.0rem;
	--font110:11.0rem;
	--font100:10.0rem;
	--font90:9.0rem;
	--font80:8.0rem;
	--font70:7.0rem; 
	--font66:6.6rem;
	--font64:6.4rem;
	--font60:6.0rem;
	--font54:5.4rem;
	--font52:5.2rem;
	--font50:5.0rem;
	--font48:4.8rem;
	--font46:4.6rem;
	--font44:4.4rem;
	--font40:4.0rem;
	--font36:3.6rem; 
	--font34:3.4rem;
	--font32:3.2rem;
	--font30:3.0rem;
	--font28:2.8rem;
	--font26:2.6rem;
	--font24:2.4rem;
	--font22:2.2rem;
	--font21:2.1rem;
	--font20:2.0rem;
	--font19:1.9rem;
	--font18:1.8rem;
	--font17:1.7rem;
	--font16:1.6rem;
	--font14:1.4rem;
}
@media screen and (max-width:1600px){
	:root {
		--font260:23.0rem;
		--font180:15.0rem;
		--font140:13.0rem;
		--font120:10.0rem;
		--font110:9.3rem;
		--font90:8.5rem;
		--font80:7.0rem;
		--font70:6.0rem;
		--font66:5.6rem;
		--font64:5.5rem;
		--font60:5.0rem;
		--font52:4.7rem;
		--font50:4.6rem;
		--font48:4.4rem;
		--font46:4.2rem;
		--font44:4.1rem;
		--font40:3.8rem;
		--font30:2.8rem;
	}
}
@media screen and (max-width:1440px){
	:root {
		--font260:21.0rem;
		--font200:18.0rem;
		--font180:13.0rem;
		--font140:11.5rem;
		--font120:9.0rem;
		--font110:8.4rem;
		--font100:7.8rem;
		--font90:7.0rem;
		--font80:6.4rem;
		--font70:5.2rem;
		--font66:4.8rem;
		--font64:4.75rem;
		--font60:4.6rem;
		--font54:4.35rem;
		--font52:4.3rem;
		--font50:4.2rem;
		--font48:4.0rem;
		--font46:3.8rem;
		--font44:3.7rem;
		--font40:3.4rem;
		--font36:3.2rem;
		--font34:3.1rem;
		--font32:2.9rem; 
		--font30:2.8rem;
		--font28:2.6rem;
		--font26:2.4rem;
		--font24:2.3rem;
		--font22:2.1rem;
		--font21:2.0rem;
		--font20:1.9rem;
		--font19:1.8rem; 
		--font18:1.7rem;
		--font17:1.6rem;
		--font16:1.5rem;
		--font14:1.3rem;
	}
}
@media screen and (max-width:1280px){
	:root { 
		--font260:19.0rem;
		--font200:15.0rem;
		--font180:11.0rem;
		--font140:9.5rem;
		--font120:8.0rem;
		--font110:7.5rem;
		--font100:6.8rem;
		--font90:6.2rem;
		--font80:5.6rem;
		--font70:5.0rem;
		--font66:4.4rem;
		--font64:4.38rem;
		--font60:4.2rem;
		--font54:3.9rem;
		--font52:3.85rem;
		--font50:3.8rem;
		--font48:3.5rem;
		--font46:3.3rem;
		--font44:3.2rem;
		--font40:3.0rem;
		--font36:2.8rem;
		--font34:2.7rem;
		--font32:2.65rem; 
		--font30:2.6rem;
		--font28:2.4rem;
		--font26:2.3rem;
		--font24:2.2rem;
		--font22:2.0rem;
		--font21:1.9rem;
		--font20:1.8rem; 
		--font19:1.7rem; 
		--font18:1.6rem;
		--font17:1.5rem;
		--font16:1.45rem;
		--font14:1.25rem;
	}
}
@media screen and (max-width:1024px){
	:root { 
		--borderR80:calc(80px / 2);
		--borderR70:calc(70px / 2);
		--borderR60:calc(60px / 2);
		--borderR50:calc(50px / 2);
		--borderR40:calc(40px / 2);
		--borderR30:calc(30px / 2);
		--borderR20:calc(20px / 2);
		--borderR15:calc(15px / 2);
		--borderR10:calc(10px / 2);
		--borderR8:calc(8px / 2);
		--borderR5:calc(5px / 2);
		--borderR4:calc(4px / 2);
		
		--font260:16.0rem;
		--font200:12.0rem;
		--font180:9.0rem;
		--font140:6.5rem;
		--font120:5.8rem;
		--font110:5.65rem;
		--font100:5.5rem;
		--font90:5.4rem;
		--font80:4.8rem;
		--font70:4.1rem;
		--font66:3.7rem;
		--font64:3.68rem;
		--font60:3.4rem;
		--font54:3.1rem;
		--font52:3.05rem;
		--font50:3.0rem;
		--font48:2.85rem;
		--font46:2.7rem;
		--font44:2.6rem;
		--font40:2.5rem;
		--font36:2.4rem;
		--font34:2.35rem;
		--font32:2.32rem; 
		--font30:2.3rem;
		--font28:2.2rem;
		--font26:2.15rem;
		--font24:2.1rem;
		--font22:1.9rem;
		--font21:1.8rem;
		--font20:1.7rem;
		--font19:1.65rem;  
		--font17:1.5rem;
		--font16:1.4rem;
		--font14:1.2rem;
	}
}
@media screen and (max-width:860px){
	:root { 
		--font260:14.0rem;
	}
}
@media screen and (max-width:640px){
	:root { 
		--font260:10.0rem;
		--font200:6.5rem;
		--font180:5.8rem;
		--font140:5.0rem;
		--font120:4.5rem;
		--font110:4.35rem;
		--font100:4.2rem;
		--font90:4.0rem;
		--font80:3.4rem;
		--font70:3.15rem;
		--font66:2.96rem;
		--font64:2.94rem;
		--font60:2.85rem;
		--font54:2.65rem;
		--font52:2.62rem;
		--font50:2.6rem;
		--font48:2.5rem;
		--font46:2.3rem;
		--font44:2.25rem;
		--font40:2.2rem;
		--font36:2.15rem;
		--font34:2.13rem;
		--font32:2.10rem; 
		--font30:2.05rem;
		--font28:2.0rem;
		--font26:1.95rem;
		--font24:1.9rem;
		--font22:1.8rem;
		--font21:1.7rem;
	}
}
@media screen and (max-width:480px){
	:root { 
		--font260:7.0rem;
	}
}

.gap60 { margin-top:60px; }
@media screen and (max-width:1024px){
	.gap60 { margin-top:30px; }
}
@media screen and (max-width:640px){
	.gap60 { margin-top:15px; }
}

.gap100 { margin-top:100px; }
@media screen and (max-width:1440px){
	.gap100 { margin-top:80px; }
}
@media screen and (max-width:1280px){
	.gap100 { margin-top:60px; }
}
@media screen and (max-width:1024px){
	.gap100 { margin-top:50px; }
}
@media screen and (max-width:640px){
	.gap100 { margin-top:30px; }
}

.gap120 { margin-top:120px; }
@media screen and (max-width:1440px){
	.gap120 { margin-top:100px; }
}
@media screen and (max-width:1280px){
	.gap120 { margin-top:80px; }
}
@media screen and (max-width:1024px){
	.gap120 { margin-top:60px; }
}
@media screen and (max-width:640px){
	.gap120 { margin-top:30px; }
}

.gap160 { margin-top:160px; }
@media screen and (max-width:1440px){
	.gap160 { margin-top:130px; }
}
@media screen and (max-width:1280px){
	.gap160 { margin-top:110px; }
}
@media screen and (max-width:1024px){
	.gap160 { margin-top:80px; }
}
@media screen and (max-width:640px){
	.gap160 { margin-top:40px; }
}

.gap200 { margin-top:200px; }
@media screen and (max-width:1440px){
	.gap200 { margin-top:180px; }
}
@media screen and (max-width:1280px){
	.gap200 { margin-top:140px; }
}
@media screen and (max-width:1024px){
	.gap200 { margin-top:100px; }
}
@media screen and (max-width:640px){
	.gap200 { margin-top:50px; }
}

.gap250 { margin-top:250px; }
@media screen and (max-width:1440px){
	.gap250 { margin-top:220px; }
}
@media screen and (max-width:1280px){
	.gap250 { margin-top:180px; }
}
@media screen and (max-width:1024px){
	.gap250 { margin-top:120px; }
}
@media screen and (max-width:640px){
	.gap250 { margin-top:80px; }
}

#wrap { font-size:1.6rem; }

/* privacy */
.privacy * { font-family:var(--mainFont); }
.privacy .pv-list .ptxt { color:#333; font-size:var(--font22); font-weight:400; line-height:1.6; }
.privacy .pv-list:not(:last-child) { margin-bottom:60px; }
.privacy .pv-list h4 { color:#111; font-size:var(--font28); font-weight:500; line-height:1.3; }
.privacy .pv-list > dl { margin-top:40px; }
.privacy .pv-list > dl > dt { color:#111; font-size:var(--font20); font-weight:400; line-height:1.66; }
.privacy .pv-list > dl > dd { margin-top:15px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.66; }
.privacy .pv-list > dl > dd > p { margin-top:10px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.66; }
.privacy .pv-list > dl > dd > p strong { font-weight:500; }
.privacy .pv-list > dl > dd > ul { margin-top:10px; }
.privacy .pv-list > dl > dd li:not(:last-child) { margin-bottom:10px; }
.privacy .pv-list > dl > dd li { position:relative; padding-left:15px; color:#333; font-size:var(--font18); font-weight:300; line-height:1.6; }
.privacy .pv-list > dl > dd li:before { content:''; display:block; width:4px; height:4px; background:#333; position:absolute; left:0; top:13px; border-radius:4px; }
.privacy .pv-list table { margin-top:20px; background:#fff; border:1px solid #ddd; }
.privacy .pv-list table thead th,
.privacy .pv-list table tbody th { border:1px solid #ddd; text-align:center; color:#111; font-size:var(--font18); font-weight:400; line-height:1.3;  }
.privacy .pv-list table thead th { height:60px; }
.privacy .pv-list table tbody td { padding:15px 30px; border:1px solid #ddd; text-align:center; color:#333; font-size:var(--font18); font-weight:300; line-height:1.6;  }
@media screen and (max-width:1440px){
	.privacy .p-list:not(:last-child) { margin-bottom:50px; }
}
@media screen and (max-width:1280px){
	.privacy .pv-list > dl > dd li:before { top:10px; }
}
@media screen and (max-width:1024px){
	.privacy .pv-list:not(:last-child) { margin-bottom:40px; }
	.privacy .pv-list > dl { margin-top:30px; }
	.privacy .pv-list > dl > dd { margin-top:10px; }
	.privacy .pv-list > dl > dd > ul { margin-top:5px; }
	.privacy .pv-list > dl > dd li:not(:last-child) { margin-bottom:5px; }
	.privacy .pv-list > dl > dd li { padding-left:10px; }
	.privacy .pv-list > dl > dd li:before { top:11px; width:3px; height:3px; }
	.privacy .pv-list table thead th { height:50px; }
	.privacy .pv-list table tbody td { padding:10px 20px; }
}
@media screen and (max-width:640px){
	.privacy .pv-list:not(:last-child) { margin-bottom:20px; }
	.privacy .pv-list > dl { margin-top:20px; }
	.privacy .pv-list > dl > dd > ul > li:not(:last-child) { margin-bottom:8px; }
	.privacy .pv-list > dl > dd li { padding-left:9px; }
	.privacy .pv-list > dl > dd li:before { top:10px; width:2px; height:2px; }
	.privacy .pv-list table thead th { height:45px; }
	.privacy .pv-list table tbody td { padding:10px 5px; }
}


/* 게시글 동영상 반응형 */
.video-container { position:relative; overflow:hidden; max-width:1000px; margin:0 auto; }
.video-container:before { content:''; display:block; padding-bottom:56.25%; /* 16:9 비율 */ }
.video-container video,
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }


.btnMore { display:flex; align-items:center; justify-content:center; }
.btnMore img { max-width:none !important;  }
.btnMore a { position:relative; width:100px; height:100px; border-radius:100px; display:flex; align-items:center; justify-content:center; background:var(--mainColor); }
.btnMore a span { position:relative; width:22px; height:22px; display:block; transition:all 0.3s; }
.btnMore a span:before { content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:3px; background:#fff; }
.btnMore a span:after { content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:3px; height:100%; background:#fff; }
.btnMore a:hover span { transform:rotate(180deg); }
@media screen and (max-width:1024px){
	.btnMore a { width:80px; height:80px; }
	.btnMore a span { width:20px; height:20px; }
	.btnMore a span:before { height:2px; }
	.btnMore a span:after { width:2px; }
}
@media screen and (max-width:640px){
	.btnMore a { width:60px; height:60px; }
	.btnMore a span { width:18px; height:18px; }
}

.btn-link a,
.btn-link span { padding:0 20px; height:45px; color:#111; font-size:var(--font20); font-weight:500; line-height:1.3; display:inline-flex; align-items:center; justify-content:center; gap:7px; border-radius:2px; border:1px solid rgba(17, 17, 17, 0.40); transition:all 0.4s; }
.btn-link img { transition:all 0.4s; }
.btn-link.fw a,
.btn-link.fw span { color:#fff; border:1px solid rgba(255, 255, 255, 0.40); }
.btn-link.fw img { filter:brightness(0) invert(1); }
.btn-link :hover { border-color:var(--mainColor); background:var(--mainColor); color:#fff; }
.btn-link :hover img { filter:brightness(0) invert(1); }
.btn-link.fw_w :hover { border-color:#fff; background:#fff; color:#111; }
.btn-link.fw_w :hover img { filter:brightness(0) invert(0); }
@media screen and (max-width:1024px){
	.btn-link a,
	.btn-link span { padding:0 15px; height:40px; }
}
@media screen and (max-width:640px){
	.btn-link a,
	.btn-link span { padding:0 12px; height:35px; }
}

.slick-slide img {
	-webkit-user-drag:none; /* 이미지 드래그 방지 */
}


.zoom-box { position:relative; }
.zoom-box .btn-z { position:absolute; right:10px; bottom:10px; display:none; z-index:2; }
.zoom-box .btn-z a { text-indent:-9999em; overflow:hidden; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:var(--borderR30); background:rgba(237, 108, 0, 0.7) url(/img/svg/search_icon.svg) center no-repeat; background-size:18px auto;}
@media screen and (max-width:1024px){
	.zoom-box .btn-z { display:block; }
}

.aniTxt { position:relative; overflow:hidden; display:flex; flex-direction:column; }
.aniTxt strong { transition:all 0.5s; transform:translateY(-50%); display:block; }