@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%; }
}

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

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

.inner1500 { max-width:1500px; width:100%; margin:0 auto; }
@media screen and (max-width:1540px){
	.inner1500 { padding:0 20px; }
}
.inner1000 { max-width:1000px; width:100%; margin:0 auto; }
@media screen and (max-width:1040px){
	.inner1000 { padding:0 20px; }
}
:root { 
    --mainFont:Pretendard;
    --subFont:Poppins;
    --mainColor:#e31810; 
    --main2Color:#3e3a39; 
    --subColor:#111;
	--color-orange:rgba(227, 24, 16, 1);
	--color-green:rgba(92, 136, 218, 1);
	--color-pink:rgba(191, 77, 165, 1);
	--color-skyblue:rgba(255, 181, 0, 1);
	--color-blue:rgba(66, 85, 99, 1);
	--color-purple:rgba(0, 186, 179, 1);
}
:root { 
    --borderR80:80px;
    --borderR70:70px;
    --borderR60:60px;
    --borderR50:50px;
    --borderR40:40px;
    --borderR30:30px;
    --borderR20:20px;
    --borderR15:15px;
    --borderR10:10px;
    --borderR8:8px;
    --borderR5:5px;
	
	--font260:26.0rem;
	--font240:24.0rem;
	--font220:22.0rem;
	--font200:20.0rem;
	--font180:18.0rem;
	--font120:12.0rem;
	--font100:10.0rem;
	--font90:9.0rem;
	--font80:8.0rem;
	--font70:7.0rem; 
	--font66:6.6rem;
	--font64:6.4rem;
	--font60:6.0rem;
	--font50:5.0rem;
	--font48:4.8rem;
	--font46:4.6rem;
	--font40:4.0rem;
	--font36:3.6rem; 
	--font32:3.2rem;
	--font30:3.0rem;
	--font28:2.8rem;
	--font26:2.6rem;
	--font24:2.4rem;
	--font22:2.2rem;
	--font20:2.0rem;
	--font18:1.8rem;
	--font17:1.7rem;
	--font16:1.6rem;
	--font15:1.5rem;
	--font14:1.4rem;
}
@media screen and (max-width:1600px){
	:root {
		--font260:23.0rem;
		--font240:22.0rem;
		--font220:20.0rem;
		--font180:15.0rem;
		--font120:10.0rem;
		--font90:8.5rem;
		--font80:7.0rem;
		--font70:6.0rem;
		--font66:5.6rem;
		--font64:5.5rem;
		--font60:5.0rem;
		--font50:4.6rem;
		--font48:4.4rem;
		--font46:4.2rem;
		--font40:3.8rem;
		--font30:2.8rem;
	}
}
@media screen and (max-width:1440px){
	:root {
		--font260:21.0rem;
		--font240:20.0rem;
		--font220:19.0rem;
		--font200:18.0rem;
		--font180:13.0rem;
		--font120:9.0rem;
		--font100:7.8rem;
		--font90:7.0rem;
		--font80:6.4rem;
		--font70:5.2rem;
		--font66:4.8rem;
		--font64:4.75rem;
		--font60:4.6rem;
		--font50:4.2rem;
		--font48:4.0rem;
		--font46:3.8rem;
		--font40:3.4rem;
		--font36:3.2rem;
		--font32:2.9rem; 
		--font30:2.8rem;
		--font28:2.6rem;
		--font26:2.4rem;
		--font24:2.3rem;
		--font22:2.1rem;
		--font20:1.9rem; 
		--font18:1.7rem;
		--font17:1.6rem;
		--font16:1.5rem;
		--font15:1.4rem;
		--font14:1.3rem;
	}
}
@media screen and (max-width:1280px){
	:root { 
		--font260:19.0rem;
		--font240:18.0rem;
		--font220:16.5rem;
		--font200:15.0rem;
		--font180:11.0rem;
		--font120:8.0rem;
		--font100:6.8rem;
		--font90:6.2rem;
		--font80:5.6rem;
		--font70:5.0rem;
		--font66:4.4rem;
		--font64:4.38rem;
		--font60:4.2rem;
		--font50:3.8rem;
		--font48:3.5rem;
		--font46:3.3rem;
		--font40:3.0rem;
		--font36:2.8rem;
		--font32:2.65rem; 
		--font30:2.6rem;
		--font28:2.4rem;
		--font26:2.3rem;
		--font24:2.2rem;
		--font22:2.0rem;
		--font20:1.8rem; 
		--font18:1.6rem;
		--font17:1.5rem;
		--font16:1.45rem;
		--font15:1.4rem;
		--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);
		
		--font260:16.0rem;
		--font240:15.0rem;
		--font220:13.5rem;
		--font200:12.0rem;
		--font180:9.0rem;
		--font120:5.8rem;
		--font100:5.5rem;
		--font90:5.4rem;
		--font80:4.8rem;
		--font70:4.1rem;
		--font66:3.7rem;
		--font64:3.68rem;
		--font60:3.4rem;
		--font50:3.0rem;
		--font48:2.85rem;
		--font46:2.7rem;
		--font40:2.5rem;
		--font36:2.4rem;
		--font32:2.32rem; 
		--font30:2.3rem;
		--font28:2.2rem;
		--font26:2.15rem;
		--font24:2.1rem;
		--font22:1.9rem;
		--font20:1.7rem; 
		--font17:1.5rem;
		--font16:1.4rem;
		--font15:1.3rem;
		--font14:1.2rem;
	}
}
@media screen and (max-width:860px){
	:root { 
		--font260:14.0rem;
	}
}
@media screen and (max-width:640px){
	:root { 
		--font260:10.0rem;
		--font240:8.5rem;
		--font220:7rem;
		--font200:6.5rem;
		--font180:5.8rem;
		--font120:4.5rem;
		--font100:4.2rem;
		--font90:4.0rem;
		--font80:3.4rem;
		--font70:3.15rem;
		--font66:2.96rem;
		--font64:2.94rem;
		--font60:2.85rem;
		--font50:2.6rem;
		--font48:2.5rem;
		--font46:2.3rem;
		--font40:2.2rem;
		--font36:2.15rem;
		--font32:2.12rem; 
		--font30:2.1rem;
		--font28:2.0rem;
		--font26:1.95rem;
		--font24:1.9rem;
		--font22:1.8rem;
	}
}
@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; }
}

.gap150 { margin-top:150px; }
@media screen and (max-width:1440px){
	.gap150 { margin-top:130px; }
}
@media screen and (max-width:1280px){
	.gap150 { margin-top:110px; }
}
@media screen and (max-width:1024px){
	.gap150 { margin-top:80px; }
}
@media screen and (max-width:640px){
	.gap150 { 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; }


.bg-orange { background:var(--color-orange); }
.bg-green { background:var(--color-green); }
.bg-pink { background:var(--color-pink); }
.bg-skyblue { background:var(--color-skyblue); }
.bg-blue { background:var(--color-blue); }
.bg-purple { background:var(--color-purple); }
.txt-orange { color:var(--color-orange); }
.txt-green { color:var(--color-green); }
.txt-pink { color:var(--color-pink); }
.txt-skyblue { color:var(--color-skyblue); }
.txt-blue { color:var(--color-blue); }
.txt-purple { color:var(--color-purple); }


.like-icon { display:flex; align-items:center; }
.like-icon span { width:20px; height:20px; background:url(/img/svg/like_icon.svg) no-repeat center / cover; text-indent:-9999em; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.like-icon.line span { background:url(/img/svg/like_line_icon.svg) no-repeat center / cover; }
.like-icon.line-w span { background:url(/img/svg/like_line_w_icon.svg) no-repeat center / cover; }
.like-icon.active span { background:url(/img/svg/like_on_icon.svg) no-repeat center / cover; }
@media screen and (max-width:1024px){
	.like-icon span,
	.like-icon.line span,
	.like-icon.line-w span,
	.like-icon.active span { width:16px; height:16px; background-size:cover; }
}

.comment-icon span { width:20px; height:20px; background:url(/img/svg/comment_icon.svg) no-repeat center / cover; }
.comment-icon.line-w span { background:url(/img/svg/comment_w_icon.svg) no-repeat center / cover; }
.view-icon span { width:20px; height:20px; background:url(/img/svg/view_icon.svg) no-repeat center / cover; }
.view-icon.line-w span { background:url(/img/svg/view_w_icon.svg) no-repeat center / cover; }
@media screen and (max-width:1024px){
	.comment-icon span,
	.comment-icon.line-w span,
	.view-icon span,
	.view-icon.line-w span { width:16px; height:16px; background-size:cover; }
}

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


/* 게시글 동영상 반응형 */
.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; }
}


.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; }
}