@charset "utf-8";
html body { font-family:var(--f_base1), sans-serif; font-size:var(--fs16); font-weight:400; line-height:1.6; color:#666; word-break:keep-all; overflow-x:hidden; }
html body * {box-sizing:border-box;}
a,img,i,button { transition:all .3s ease; }

.hidden {display:none;}

.ellipsis {text-overflow: ellipsis; white-space:nowrap;}
.ellipsis2 {text-overflow: ellipsis; display: -webkit-box; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.sub-visual {position:relative; width:100%; height:500px; background:#000 center /cover no-repeat;}
.sub-visual {background-image:url(/images/common/bg_sub.png);}           /* ✅ 이미지 경로 교체 허용 */

.tabWrap {}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}
.tabWrap {display:flex; gap:10px; background:#fff;}
.tabBtn {width:calc((100% - 20px)/3); padding:10px 20px; background:#f7f7f7; border-radius:7px; font-size:var(--fs18); font-weight:500; color:#999; cursor:pointer; position:relative; transition:all .25s;}
.tabBtn.on {background:var(--c_base1); color:#fff;}

@media screen and (min-width: 1200px), print {
	.mobile {display:none !important;}
	.page_box {margin-top:100px; line-height:1; font-size:14px; text-align:center; position:relative;}
	.page_box .pagination.pc {display:flex; align-items:center; justify-content:center;}
	.page_box .pagination.pc>li {margin-left:-1px;}
	.page_box .pagination.pc>li>a {font-size:var(--fs18); font-weight:700; color:#666; width:40px; height:40px; line-height:1; display:flex; align-items:center; justify-content:center;}
	.page_box .pagination.pc>li>a.active {color:#111;}
	.page_box .pagination.pc>li>a.first {background-image:url(/images/common/icon_page_first.svg);}
	.page_box .pagination.pc>li>a.prev {background-image:url(/images/common/icon_page_prev.svg); margin:0 25px 0 10px;}
	.page_box .pagination.pc>li>a.next {background-image:url(/images/common/icon_page_next.svg); margin:0 10px 0 25px;}
	.page_box .pagination.pc>li>a.last {background-image:url(/images/common/icon_page_last.svg);}
	.page_box .pagination.pc>li>a.first:hover {background-image:url(/images/common/icon_page_first_on.svg);}
	.page_box .pagination.pc>li>a.prev:hover {background-image:url(/images/common/icon_page_prev_on.svg);}
	.page_box .pagination.pc>li>a.next:hover {background-image:url(/images/common/icon_page_next_on.svg);}
	.page_box .pagination.pc>li>a.last:hover {background-image:url(/images/common/icon_page_last_on.svg);}
	.page_box .btn.write {margin-left:20px;}
	.contents {padding:0 0 100px;}
	.w90vw { width:90vw; margin:0 auto!important; max-width:100%; }
	.w1400 { max-width:1400px; margin:0 auto!important; width:100%; }
	.w1600 { max-width:1600px; margin:0 auto!important; width:100%; }
}
@media screen and (max-width: 1199px) {
	.pc { display:none !important; }
	.w90vw { padding:0!important; max-width:100%; }
	.page_box {position:relative; margin-top:50px; text-align:center;}
	.page_box .mobile {gap:10px; display:flex !important; align-items:center; justify-content:center;}
	.page_box .mobile label {display:none;}
	.page_box .mobile>li {margin-left:-1px;}
	.page_box .mobile>li>a {border:0; padding:0; color:#666; width:40px; height:40px; line-height:1; display:flex; align-items:center; justify-content:center;}
	.page_box .mobile>li>a img {height:10px;}
	.page_box .mobile>li>a:hover {background:#f0f0f0;}
	.page_box .mobile>li>a.active {color:#fff; background:var(--c_base1); border:1px solid var(--c_base1); font-weight:normal;}
	.page_box .mobile>li>a.prev {background:url(/images/common/icon_page_prev.svg)center no-repeat;}
	.page_box .mobile>li>a.next {background:url(/images/common/icon_page_next.svg)center no-repeat;}
	.page_box .btn.write {width:auto; padding:10px 20px;}
	.contents {padding:80px 30px;}
}
@media screen and (max-width: 767px) {
	.tabWrap {flex-wrap:wrap;}
	.tabBtn {width:100%;}
	.contents {padding:50px 20px;}
}
@media screen and (max-width:500px) {}