/* ************************ 데스크탑(992~) ************************ */

body .img img {width:100%; height:100%; object-fit:cover; transition:var(--ani);}
body .c_red {color: var(--base2);}
body .c_green {color: var(--base3);}


/*** 탭 공통 ***/
.tabWrap .tabBtn {cursor:pointer;}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}

.scroll-tab .scrollable {display:flex; justify-content:center; gap:5px;}
.scroll-tab .scrollable::-webkit-scrollbar {display:none;}

.scroll-tab .scrollable li {cursor:pointer; line-height:1; text-align:center; font-weight:700; font-size:var(--fontSize20); padding:15px 50px; border-radius:100px; border:2px solid var(--base3); color:var(--base3); transition:.3s;}

.scroll-tab .scrollable li.on,
.scroll-tab .scrollable li:hover {color:#fff; background:var(--base3);}

.tabItemI {display:block; padding:30px 0;}
.tabItemIn.two-cols {display:grid; grid-template-columns:600px auto; align-items:start;}
.tabItemIn p {margin-bottom:30px; line-height:1.8;}


/*** 스크롤 테이블 ***/
body .tableWrap.type4 {background:#fff; width:100%; max-width:100%;}
body .tableWrap.type4 table {width:100%; text-align:center; color:#666;}
body .tableWrap.type4 thead {background:#edf0f2;}
body .tableWrap.type4 thead th {line-height:1.6; color: #fff; background: var(--base2); border-radius: 20px 20px 0 0; border: 0;}
body .tableWrap.type4 tr {border-bottom:1px solid #e5e5e5;}
body .tableWrap.type4 tr>* {font-size:var(--fs16); font-weight:300;}
body .tableWrap.type4 th {padding:10px 20px; border:1px solid #ddd; text-align:center; font-weight:500; color:#333; background:#F7F7F7;}
body .tableWrap.type4 th:nth-child(1) {border-left:0;}
body .tableWrap.type4 th:last-child {border-right:0;}
body .tableWrap.type4 td {padding:15px 20px; border-right:1px solid #ddd;}
body .tableWrap.type4 td:last-child {border-right:0;}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {



}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {

    /*** 스크롤 테이블 ***/
    body .tableWrap.type4{display:block; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; width:100%; max-width:100%;}
	body .tableWrap.type4 table{width:auto; min-width:1000px; border-collapse:collapse;}
	body .tableWrap.type4 th, .tableWrap.type4 td{white-space:nowrap;}
    

}


/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {



}
