@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
 .eng { font-family: "Montserrat" }
 .s_t {font-size:18px; font-weight:400; color:#818181}

.flex {display:flex; }
.flex.gap10 {gap:10px}
.flex.gap20 {gap:20px}
.flex.gap30 {gap:30px}

.ac {align-items:center !important; }
.as {align-items:flex-start !important; }
.ad {align-items:flex-end !important; }
.jt {justify-content:flex-start !important; }
.jc {justify-content:center !important; }
.js {justify-content:space-between !important; }

.flex.col-4 > li {width:25%}
.flex.col-2 > li {width:50%}
.flex.col-2 > div {width:50%}
.flex.wrap {flex-wrap:wrap}


@media all and (max-width:900px) {
		.flex {flex-wrap:wrap}
		.flex.no_w {flex-wrap:nowrap}
		.flex.col-2 li {width:100%}
		.flex.col-4 li {width:48%}
 
}


.t_color {color:var(--main_c) !important; }
 
.box_100 {width:100%; display:inline-block}
.in {width:100%;max-width:1560px; margin:0 auto; box-sizing:border-box}

@media all and (max-width:1560px) {

 .in {padding-left:4%; padding-right:4%}

}


.border_10 {border-radius:10px}
.border_20 {border-radius:20px}

.border_box {border:1px solid #ddd; box-sizing:border-box; padding:15px; border-radius:10px}
.p_re {position:relative}

.rgba_bg {background:rgba(0,0,0,.7); width:100%; height:100%; position:absolute; left:0; top:0;}
.rgba_bg  + .in {position:relative; z-index:9}

.label_h5 {font-size:20px; font-weight:400; color:#fff; padding:5px 20px; background-color:var(--main_c); display:inline-block; border-radius:50px; margin-bottom:15px}
hr.line_hr {border-bottom:1px solid #777; width:100%; margin:35px 0 45px 0}

.t_ani_box {overflow: hidden; }
.cm-overflow-box {overflow: hidden;   display: block;}
.cm-overflow-inner {display: block; font-size:inherit; font-weight:inherit; color:inherit; opacity:0; filter:Alpha(opacity=0); transform: translateY(100%);}

 .cm-overflow-box .cm-overflow-inner{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
 
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		transform: translateY(100%); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		transform: translateY(0); 
	}
}

 @media all and (max-width:900px) {

  .label_h5 {font-size:12px;  }

}

.tab {width:100%; display:flex; margin-bottom:50px; gap:20px}
.tab li { }
.tab li a { font-weight:600; padding-bottom:10px; font-size:20px;  color:#999; display:inline-block}
.tab li.ov {border-bottom:1px solid var(--main_c) }
.tab li.ov a {color:var(--main_c) }


.tab2 {width:100%; display:flex;  }
.tab2 li { margin-right:10px; }
.tab2 li a  { border:1px solid #dbdbdb; color:#dbdbdb;  border-radius:50px; padding:5px 20px;  display:inline-block}
.tab2 li a:hover {background-color: var(--main_c); border:1px solid var(--main_c);  color:#fff;  }
.tab2 li.ov a {background-color: var(--main_c); border:1px solid var(--main_c);  color:#fff;  }
 
a.basic_btn {display:inline-block; padding:0 50px; line-height:65px; white-space:nowrap;  background-color:var(--main_c); color:#fff; border-radius:50px}
a.basic_btn:hover {color:var(--main_c); background-color:#000;}

ul.basic_list {  width:100%}
ul.basic_list li {display:flex; width:100%; gap:10px; font-size:1em; color:#3F3F3F}
ul.basic_list li:before {content:''; width:5px; height:5px; margin-top:10px; flex-shrink:0;  background-color:#3F3F3F; border-radius:50%; display:inline-block; }

.more_btn {font-size:16px; color:#333;  display:flex; margin-bottom:5px;  align-items:center; gap:5px}
.more_btn.w_type {  color:#fff;  }
.more_btn.w_type svg path {stroke:#fff }

/* 크롬/엣지/사파리(웹킷) */

.scrollbar-line { }
.scrollbar-line::-webkit-scrollbar {
  height: 6px;   /* 가로 스크롤바 두께 */
}
.scrollbar-line::-webkit-scrollbar-track {
  background: #e9ecef;       /* 연회색 트랙 */
  border-radius: 9999px;
}
.scrollbar-line::-webkit-scrollbar-thumb {
  background: #000;          /* 검정 막대 */
  border-radius:0;
  /* 트랙 가장자리 여백을 주면 ‘짧은 막대’ 느낌이 강해짐 */
  /* 필요 시 아래 패딩/보더로 더 얇게 보이도록 조절 가능 */
}
.scrollbar-line::-webkit-scrollbar-thumb:hover {
  background: #222;
}
/* 스크롤 버튼/코너 숨김 */
.scrollbar-line::-webkit-scrollbar-button { display:none }
.scrollbar-line::-webkit-scrollbar-corner { background: transparent; }


 @media all and (max-width:900px) {
		.more_btn {font-size:10px; }
		.tab li a {font-size:1em}

		.tab2 {flex-wrap:wrap; gap:10px}
		.tab2 li {margin-right:0}
		.tab2 li  a { font-size:12px }


		ul.basic_list li:before {margin-top:7px }


}