.t_color {color:var(--sub) }
b.t_color {font-weight:800}


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

.flex.col-2 > li {width:50%}
.flex.col-3 > li {width:33%}
.flex.col-4 > li {width:25%}
.flex.col-5 > li {width:20%}

.flex.col-2 > div {width:50%}
.flex.col-3 > div {width:33%}
.flex.col-4 > div {width:25%}
.flex.col-5 > div {width:20%}

.flex.col-4 > ul {width:25%}


.flex.wrap {flex-wrap:wrap}
.flex.gap10 {gap:10px}
.flex.gap20 {gap:20px}

.flex.col-2.gap20 > li {width:calc(50% - 10px)}
.flex.col-2.gap20 > div {width:calc(50% - 10px)}

.flex img {max-width:100%}


@media all and (max-width:800px) {
		.flex {flex-wrap:wrap}
		.flex.no_w {flex-wrap:nowrap}
		.flex.col-2 > li {width:100%}
		.flex.col-3 {gap:20px 0 !important; justify-content:space-between }
		.flex.col-3 > li {width:48%;}
		.flex.col-4 {gap:20px 0 !important; justify-content:space-between }
		.flex.col-4 > li {width:48%;}

		.m_100 {width:100%; display:block}
		.m_tm10 {margin-top:10px}
}
 

.table_scroll { width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.table_scroll table { width: 100%; border-collapse: collapse; }
 

table.basic {width:100%; position:relative}
table.basic th {padding:12px; font-size:.95em;  background:rgba(255,255,255,.07); border:2px solid #fff}
table.basic td {padding:12px; font-size:.95em; text-align:center;  border:1px solid rgba(255,255,255,.4)}

dl.basic {display:flex; align-items:flex-start; padding:20px 0;  border-top:1px solid rgba(255,255,255,.2)}
dl.basic:last-child {border-bottom:1px solid rgba(255,255,255,.2)}
dl.basic dt {width:200px; flex-shrink:0; font-weight:700; display:flex; gap:10px; font-size:1.2em;   align-items:center}
dl.basic dd {margin-top:5px; color:#eee; font-size:.97em; line-height:1.4}
dl.basic dd b {font-weight:500} 

.rgba_box {background: linear-gradient(146deg, rgba(255, 255, 255, 0.16) 0%, transparent 60%, transparent 100%); box-sizing:border-box; padding:30px 25px }
.icon_one {width:70px; height:70px; display:flex; align-items:Center; justify-content:center;    }

.s_t {font-size:.9em; opacity:.9}

 

.btn { display: inline-block; padding: 15px 28px; border-radius: 999px; font-size: 17px; font-weight: 600; transition: .2s ease; }

.basic_btn { display: inline-block; padding: 12px 40px; border: 1px solid #fff; color: #fff; font-weight: 600; }

.tab li {border:1px solid #fff; font-weight:400;  color:#fff; padding:5px 30px; cursor:pointer}
.tab li.ov {background-color:#fff; color:#000;  }


@media all and (max-width:800px) {
	dl.basic {flex-wrap:wrap}
	dl.basic dt  {width:100%; margin-bottom:5px}
	.table_wrap {width:100%; overflow-x:auto}

}
 


.business8 .in {  max-width:970px; }
.tab2{
	display:flex;
	padding:0;
	margin:0;
	list-style:none;
 	max-width:calc(100% - 1px);
	gap:40px; 
	 
}

.tab2 li{
	 width:calc(50% - 40px); 
	position:relative;
}

 
.tab2 li a{
	--tab-bg:#f9f9f9;
 
	position:relative;
	display:block;
	height:52px;
	line-height:52px;
	padding:0 20px;
	box-sizing:border-box;
	text-align:center;
	text-decoration:none;
	font-size:17px;
	font-weight:400;
	color:#555;
	background:var(--tab-bg);
	 
	border-bottom:none;
	z-index:1;
}

/* 오른쪽 사선 */
.tab2 li a::after{
	content:"";
	position:absolute;
	top:0;
	right:0px;
	width:52px;
	height:calc(100% + 1px);
	background:#f9f9f9;
	
 	transform:skewX(38deg);
	transform-origin:top right;
	box-sizing:border-box;
	z-index:-1;
}
 
.tab2 li.active{
	z-index:2;
}

.tab2 li.active a{
	--tab-bg:var(--sub);
	--tab-bd:var(--sub);
	color:#fff;
}
.tab2 li.active a::after{
  	background:var(--sub);
 
}
.business8 .content {
	display: none;
}

.business8 .content.active {
	display: block;
}

.business8 .iframe_wrap {
		width: 100%;
		height: 800px;
		position:Relative;
		z-index:9; 
		overflow: hidden;
}

.business8 .iframe_wrap iframe {
	width:100%; 
 	border:1px solid #ddd; 
	box-sizing:border-box;  
	height:800px; 
	display: block;
}

 
 @media all and (max-width:800px) {
 .tab2 li a {font-size:1em; padding:0 10px}

}