/* 헤더 */
#header.on h1 a, #header.mh h1 a {filter: brightness(0) saturate(100%);}
#header{ position: fixed; width: 100%; left: 0; top: 0; z-index: 999; height: 90px; transition: background .3s; background: rgba(0,0,0,0.2)}
#header .h_bg{position:absolute;width: 100%;height: 240px;background: rgba(255,255,255,0.9);top:90px;display: none;border-top: 1px solid #DDDDDD}
#header:hover .h_bg{display:block}
#header.on{ background-color:rgba(255,255,255,1); border-bottom: 1px solid #ddd; }
#header.mh{ background-color:rgba(255,255,255,1); border-bottom: 1px solid #ddd; }
#header .wrap{ max-width: 1920px; margin: 0 auto; position: relative; height: 100%; width: auto;}
#header h1{ position: absolute; left: 50px; top: 50%; transform: translate(0,-50%);}
#header h1 a{ display: block ;width: 100%; height: 100%; position: relative; }
#header h1 a img{width:90%;}

#header .gnb{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#header .gnb > ul { display: flex; }
#header .gnb > ul > li{  width: 150px; position: relative; }
#header .gnb > ul > li > a{ font-size: 18px; font-weight: 400; color: #fff; line-height:90px; display: block; text-align: center; transition: color 0.3s; position: relative; }
#header .gnb > ul > li > ul{ position: absolute;  width: 100%;padding-top: 20px;height: 240px;transition: 0.6s;display: none}
#header:hover .gnb > ul > li > ul{display: block}
#header .gnb > ul > li > ul:hover{background: #F9F9F9}
#header .gnb > ul > li > ul li a{display: block;line-height: 40px;color: #666666;font-size: 18px;text-align: center}
#header .gnb > ul > li > ul li:hover a{color: #333}
#header .gnb > ul > li > a:after{ content: ""; display: block; width: 0; height: 2px; background-color:var(--primary); position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); transition: width .3s; }
#header .gnb > ul > li:hover > a:after{ width: 100%; }
#header .gnb > ul > li.on > a:after{ width: 100%; }

#header.on .gnb > ul > li > a{ color: #000000; }
#header.on .gnb > ul > li:hover > a{ color: var(--primary); }
#header.mh .gnb > ul > li > a{ color: #000000; }
#header.mh .gnb > ul > li:hover > a{ color: var(--primary); }

#header .lang { position: absolute; right: 50px; top: 50%; transform: translate(0,-50%);display: flex;align-items: center;justify-content: center;}
#header .lang ul{ display: flex; }
#header .lang ul:nth-child(1){margin-right: 50px;}
#header .lang ul li svg rect{opacity: 0.25}
#header .lang ul li:hover svg rect{opacity: 0.5}
#header .lang ul li{ margin-right: 15px; }
#header .lang ul li:last-child{ margin-right: 0; }
#header .lang ul li a{ font-size: 16px; color: rgba(255,255,255,0.5); display: block; position: relative; }
#header .lang ul li.on a{ color: #fff; }
#header .lang ul li.on a:after{ content:""; display: block; width: 100%; height: 2px; background-color: #fff; margin-top: 2px; position: absolute; left: 0; bottom: -3px; }

header.on .logo use {fill: black;}
#header.on .lang ul li a, #header.mh .lang ul li a{ color: rgba(48,48,48,0.5); }
#header.on .lang ul li.on a, #header.mh .lang ul li.on a{ color:var(--primary); }
#header.on .lang ul li.on a:after, #header.mh .lang ul li.on a:after{ background-color: var(--primary); }


/*HAMBURGER MENU*/
.hamburger-menu {position: fixed;top: 16px;right: 20px;padding-top: 20px;padding-left: 15px;height: 43px;cursor: pointer;z-index: 9999;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);display: none;}
.bar,
.bar:after,
.bar:before {width: 30px; height: 3px;}
.bar {position: relative; transform: translateY(10px);background: black;transition: all 0ms 300ms;}
.bar.animate {background:rgba(255, 255, 255, 0);}
.bar:before {content:"";position: absolute;right: 0;bottom: 10px;background: black;transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.bar:after {content: "";position: absolute;right: 0;top: 10px;background: black;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
/*Mobiles Menu*/
.mobile-menu *{font-family: var(--font-primary)}
.mobile-menu ul {margin: 0;padding: 0;}
.mobile-menu li {font-size: 20px;line-height: 30px;margin: 0;overflow: hidden;padding: 10px;position: relative;text-align: left;
	text-transform: uppercase;padding-left:25px;}
.mobile-menu li ul{padding:10px 0}
.mobile-menu li ul li{padding: 7px 0px;font-size: 18px;}
.mobile-menu li:first-child {margin-top: 70px;}
.mobile-menu li:hover {background: #eee;}
.mobile-menu li a {display: block;text-decoration: none;color: black;}
/*Mobiles Menu - Slide IN*/
.mobile-menu {
  top: 0;
  max-width: 250px;
  right: -100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  color: black;
  height: 100%;
  position: fixed;
  z-index: 9997;
  overflow-y: auto;
  -webkit-transform: translate3d(0, 0, 205px);
  -moz-transform: translate3d(0, 0, 205px);
  transform: translate3d(0, 0, 205px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mobile-menu.active {
  right: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
/*Mobiles Menu - Dropdown Submenu*/
.has-children:hover{cursor:hand;}
.children {display:none;}
.mobile-menu .children li:first-child {margin-top: 0px;}
.icon-arrow {
	position: absolute;
    display: block;
    font-size: 0.5em;
    color: #999;
    top: 10px;
    right: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
}
.icon-arrow:after {content: "\25BC";}
.icon-arrow.open {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg); transition: .6s;
	-webkit-transition: .6s;-moz-transition: .6s; }

#section1, #section2, #section4 {width: 100%;min-height: 100vh;box-sizing: border-box;}


/* section0 */
#section0 .b_txt{margin-bottom:30px;font-family:var(--e-font)}
#section0 .b_txt .r_txt{margin-left:100px}
#section0 .main_txt .txt{font-size:20px;opacity:.7;line-height:1.5;white-space:pre-line;word-break:keep-all}
#section0 .controls{position:absolute;align-items:center;left:250px;bottom:100px;z-index:2;display:flex}
#section0 .controls>span{display:flex;opacity:.5;cursor:pointer;color:#fff;transition:all .2s}
#section0 .controls>span+span{margin-left:6px}
#section0 .controls>span svg{width:25px;height:25px;stroke-width:1.5px}
#section0 .controls>span:hover{opacity:1}
#section0 .controls .pager{padding:0 20px;font-weight:700;color:#fff;font-family:var(--e-font)}
#section0 .scroll {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);z-index: 11;}
#section0 .ment, #section0 .swiper-button-next, #section0 .swiper-button-prev {color: #222222;}
#section0 ul:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0)}
#section0 ul li .bg{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:center no-repeat;background-size:cover;transition:all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)}
#section0 ul li .bg01{background-image:url("../images/custom/main_visual01.jpg")}
#section0 ul li .bg02{background-image:url(../images/custom/main_visual02.jpg)}
#section0 ul li.on .bg{width:101%;height:101%;opacity:1}
#section0 .ment {left: auto;margin-left: auto;padding-left: 0em;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* section1 */
#section1 {background: url("../images/custom/about_bg.jpg") no-repeat center / cover;color: #222;position: relative;width: 100%;
	min-height: 100vh;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
#section1 .ment {position: relative;top: 50%;transform: translateY(-50%);width: 100%;}
#section1 .ment > div {margin: auto 0;}
#section1 ul.counter {display: flex;justify-content: flex-start;list-style: none;padding: 0;margin: 0;gap: 50px; position:relative;}
#section1 ul.counter li {position: relative;  text-align: center;width: auto;}
#section1 ul.counter li:not(:last-child)::after {content: "";position: absolute;top: 0;bottom: 0;right: -25px; width: 1px;background: #ccc;}
#section1 ul.counter li:first-child {margin-left: 0;}
#section1 ul.counter li h4 {font-size: 3.3rem;margin: 0;}
#section1 ul.counter li h4 span {color: var(--primary);}
#section1 ul.counter li dl {margin-top: 0px;}
#section1 ul.counter li dl dt {white-space: unset;}
#section1 ul.counter li:nth-child(2n) {padding-top: 0;margin: 0;width: auto;}
#section1 ul li h4 span {line-height: 1.2;}
@media (max-width: 768px) {
    #section1 ul.counter {flex-wrap: nowrap;justify-content: space-between; gap: 10px;}
    #section1 ul.counter li { flex: 1; min-width: 0;}
    #section1 ul.counter li h4 {font-size: 2rem;}
    #section1 ul.counter li dl {font-size: 0.9rem;}
    #section1 ul.counter li:not(:last-child)::after {display: none;}
}

/* section2/product */
.product{position: relative;overflow: hidden; cursor: pointer; height: 100vh; width: 100%;}
.product .bg_base{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.product .list ul{display: flex;position: relative;z-index: 2;height: 100%; width: 100%;color: #ffffff;text-align: center;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}
.product .list ul li{width: 16.666666%;position: relative;position: relative;height: auto;transition: all 0.3s ease;border: 1px solid rgba(255,255,255,0.3);}
.product .list ul li:hover {border-color: var(--primary);}
.product .list ul li * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.45s ease-in-out;transition: all 0.45s ease-in-out;}
.product .list{ height: 100%;}
.product ul{display: flex; flex-wrap: wrap; justify-content: space-around;}
.product ul li{color: white;flex: 1 1 calc(33.333% - 40px);box-sizing: border-box;border: 1px solid #fff;text-align: center;margin: 0 auto;}
.product .card {position: relative;display: -webkit-box;display: flex;-webkit-box-align: end;align-items: flex-end;overflow: hidden;
  width: 100%;text-align: center;}
.product .card:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;
  -webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.product .card:nth-child(1):hover:before {background-image: url("../images/custom/item02.jpg");}
.product .card:nth-child(2):hover:before {background-image: url("../images/custom/item01.jpg");}
.product .card:nth-child(3):hover:before {background-image: url("../images/custom/item03.jpg");}
.product .card:nth-child(4):hover:before {background-image: url("../images/custom/item04.jpg");}
.product .card:nth-child(5):hover:before {background-image: url("../images/custom/item05.jpg");}
.product .card:nth-child(6):hover:before {background-image: url("../images/custom/item06.jpg");}
.product .content {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.product .card:hover .content {-webkit-transform: translateY(130%);transform: translateY(130%);}
.product .card:after {-webkit-transform: scale(1.05);transform: scale(1.05);}
.product .card:hover:before {-webkit-transform: scale(1.05);transform: scale(1.05);}
.product .card h4 {font-size: 1.3rem;font-weight: bold;line-height: 1.4;color: #fff;}
.product .card:hover h4 {color: #222;}

#section4 .w_notice .more {right: 0;font-size: 1rem;color: #222;position: absolute;margin-left: auto;top: 50%;bottom: 50%;transform: translateY(-50%);}


/* 컨텐츠 */
.hero-title h2 {font-size: 5rem;font-family: var(--font-heading);font-weight: 600;line-height: 1;margin-bottom: 0.3em;}
.hero-title p, .section-title p, #section1 ul li dl dt {font-size: 1.1rem;font-weight: 500;line-height: 1.6}
.section-title, .section-title h1 {font-size: 4.5rem;font-family: var(--font-heading);font-weight: 600;line-height: 1;position: relative;}
.y-center{position: absolute;margin-left: auto;padding-left: 0em;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index: 10;}
.primary, .btitle{ color: var(--primary);}
.title{font-size: 30px;}
.counter{display: flex;text-align: center;}
.bg-img{padding: var(--sp-11); text-align: center;margin: 0 auto;}

.card_list {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, 0.125);overflow: hidden;border: 0px;}
.card-body{position: relative;padding: 1.6em 2em 2em;text-align: center;font-size: var(--fs-h6) !important;background-color: #F9F9F9;}
.card-body .card-title{font-size: var(--fs-h3) !important; font-weight: 600; padding: .2em 0;}

.global div.row {flex-wrap: wrap;}
.global div.row > div {
  position: relative;
  max-width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 15px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(135deg, #6ADCDC, #35A6E0) border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.global div.row > div:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6ADCDC, #35A6E0);
    z-index: -1;
}
.global {background: #ffffff;}
#sub3_1 figure img{float: left;width: 100%;height: 100%;/* border: 1px solid #ddd; */box-sizing: border-box; margin-right: auto;}

/* 연혁 */
.history_intro {margin-bottom: clamp(35px, 9.722vw * 0.5, 50px);}
.history_intro .bg {background-image: url(../../images/img/page_intro_history.jpg);}
.is-mobile .history_intro .bg {background-image: url(../../images/img/page_intro_history_mo.webp);}
.history_tit {font-size: var(--fs-50); font-weight: var(--font-bd); line-height: 1; text-align: center; margin-bottom: 40px; margin-top: clamp(47px, 13.056vw * 0.6, 72px);}
.history_content {display: flex; flex-direction: column; position: relative; gap: clamp(50px, 13.889vw * 0.6, 92px); padding-top: 55px;}
.history_content .line {display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: var(--primary);}
.history_content .line .h_bar {position: absolute; left: 0; top: 0; width: 100%; background: var(--primary); transform-origin: 0 0; z-index: 1; transition: height .2s ease;}
.history_content .item {position: relative; z-index: 2;}
.history_content .year {font-size: var(--fs-50); line-height: 1; font-weight: var(--fs-bd); letter-spacing: -0.025em; color: var(--primary);}
.history_content .month {font-size: var(--font-18-16); position: relative;}
.history_content .date,
.history_content .txt {letter-spacing: -0.025em;}
.history_content .date {font-weight: var(--font-bd);}
.history_content .txt {color: var(--color-dark);}
.history_content .txt .sub {font-size: 0.889em;}
.history_content .img {width: 370px; margin-top: var(--sp-3); margin-bottom: 5px; border: 1px solid var(--color-line4);}
.history_content .img img{max-width: 100%;border: 0;vertical-align: top;}
.history_content .month::before {content: ""; display: block; width: 9px; aspect-ratio: 1; background: var(--primary); border-radius: 50%; position: absolute; left: 0; top: .95em; transform: translate(-50%, -50%); z-index: 5;}
.history_content .month::before {background: var(--primary);}
.history_content .item > .month:not(:first-of-type) {margin-top: clamp(18px, 5vw * 0.6, 49px);}
.history_content .item:last-of-type > .month:last-of-type::after {content: ""; display: block; width: 5px; position: absolute; left: -2px; top: 1em; bottom: -2px; background: #fff; z-index: 1;}

.history_content .anchor {margin-top: calc(var(--space-60) * -1)}

body,html {height:100%;margin:0;padding:0;font-family:'Pretendard'}
ul, li, dl, dt, dd, p, span{margin:0;padding:0}
a{text-decoration:none}
li{list-style:none}
a{text-decoration:none}
*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.tab{display:none; }
.tab.on{display:block}
.tab-container{display:flex;justify-content:center;font-size:18px}
.tabs{padding:10px 20px;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s;color:#ccc;font-size: var(--fs-h1);position: relative;}
.tabs:hover, .tabs.on:hover{color: var(--primary) !important;}
.tabs.on{color:#222 !important;background:#fff}
.tab_wrap{margin-top:5px;padding:50px;margin-bottom: var(--sp-11);}

/* 선택 된 탭 콘텐츠를 표시 */
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item {
  background-color: #333333;
  color: #fff;
}

.tab-container .tabs:first-child::before {
	content: "";
	display: block;
	width: 1px;
	height: 0.8183em;
	background: #ccc;
	position: absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 993px) {
	.history_content .month {display: flex; gap: 30px; position: relative; padding-left: 45px; line-height: 1.556;}
	.history_content .year {position: absolute; left: -45px; top: 0; transform: translate(-100%, -12%);text-align: right;}
	.history_content .item {flex: 0 0 auto; width: 50%;}
	.history_content .item:nth-child(odd) {margin-left: auto;}
	.history_content .item:nth-child(even) {text-align: right; padding-left: 0;}
	.history_content .item:nth-child(even) .year {left: auto; right: -45px; transform: translate(100%, -12%);text-align: left;}
	.history_content .item:nth-child(even) .month {justify-content: flex-end; padding-right: 45px; padding-left: 0;}
	.history_content .item:nth-child(even) .date {order: 2;}
	.history_content .item:nth-child(even) .img {margin-left: auto;}
	.history_content .item:nth-child(even) .month::before {left: auto; right: 0; transform: translate(50%, -50%);}
}

@media (max-width: 992px) {
	.history_tit {margin-bottom: 1.306em;}
	.history_content {padding-top: 0;}
	.history_content .line {left: 4px;}
	.history_content .month {line-height: 1.5; padding-left: 23px; gap: 1.75em;}
	.history_content .month::before {transform: translate(0, -50%);}
	.history_content .item:first-of-type .month:first-of-type::after {content: ""; display: block; position: absolute; left: 0; /*width: 9px;*/ background: var(--primary); top: -60px; bottom: 10px;} 
	.history_content .txt {padding-left: 5.438em;}
	.history_content .txt .sub {font-size: 0.875em; line-height: 1.572;} 
	.history_content .date {position: absolute; left: 23px;}
	.history_content .year {margin-left: 23px; margin-bottom: 0.654em;}
	.history_content .img {width: calc(89% + 5.438em); max-width: 280px; margin-left: -5.438em; margin-bottom: 1.313em;}
	.history_content .year .img {
        width: calc(89% + 5.438em);
        max-width: 280px;
        margin-left: 0;
        margin-bottom: 1.313em;
    }
	.history_content .item > .month:last-of-type .img {margin-bottom: 0;}
}




#w_footer address p {margin-top: 20px;font: 13px / 1.6 nsr !important;}


/* 서브탭 */
.sm { height: 70px; border-bottom:1px solid #eee; }
.sm ul{ display: flex;height: 100%;display: flex;justify-content: flex-start;align-items: center; list-style: none;padding: 0;}
.sm ul li {display: inline-block;color: #666;font-size: 1rem;font-family:var(--font-primary)}
.sm ul li a {display: block; text-decoration: none;color: #333;}
.sm ul li:after {display: none}
.sm ul li:first-child {border-left: 1px solid #ddd;}
.sm ul li { display: inline-block; color:#666; font-size:1.1rem; flex: 0 0 150px;text-align: center; border-right: 1px solid #ddd;}
.sm ul li:after { content:"|"; color:#999; margin:0 30px; }
.sm ul li:last-child:after { display: none; }
.sm ul li a { position: relative;display: block;}
.sm ul li.select a { color:#3dbfef; }
.sm ul li:hover a{ color:var(--primary); transition: 0.3s; }
.sm ul li:hover a:after, .sm ul li.select a:after{ content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; /* border 두께 */ background:var(--primary); }

#sub1_1:before {background: url("../images/custom/sub_bg1.jpg") no-repeat center / cover;}
#sub1_2:before {background: url("../images/custom/sub_bg2.jpg") no-repeat center / cover;}
#sub1_3:before {background: url("../images/custom/sub_bg3.jpg") no-repeat center / cover;}
#sub1_4:before {background: url("../images/custom/sub_bg4.jpg") no-repeat center / cover;}
#sub1_5:before {background: url("../images/custom/sub_bg5.jpg") no-repeat center / cover;}
#sub3:before {background: url("../images/custom/sub_bg5.jpg") no-repeat center / cover;}
#sub4:before {background: url("../images/custom/sub_bg5.jpg") no-repeat center / cover;}
#sub5:before {background: url("../images/custom/sub_bg5.jpg") no-repeat center / cover;}
.sv {height: 420px;position: relative;overflow: hidden;padding-top: 90px;}
.sv h2 {color: #222;font: 50px nsl;position: relative;font-weight: bolder;font-family:var(--font-primary)}

#sub1_4 .cont3 .nara li span {background: var(--primary);}
#sub1_4 .cont3 .nara li a {color: #111;}
#sub3_1 article h2 {margin: 0 0 10px 0;}

/* 페이지 */
.content-title{/*padding-top: var(--sp-8);padding-bottom: var(--sp-8);*/text-align: center}
.content-title small{font-size:1rem; color: var(--primary); font-family:var(--font-primary);padding-bottom:var(--sp-3);display: block;font-weight: 600;}
.content-title h2{font-size:var(--fs-h2);}
.bg-overlay, .bg-overlay-bg, .bg-overlay-content {position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}

#sub3_1 article table {width: 100%;border-top: 2px solid #777;border-bottom: 2px solid #777;border-collapse: collapse;}
#sub3_1 article table th {background: #F9F9F9; border-right: 1px solid #ddd;}
#sub3_1 article table th, #sub3_1 article table td {padding: 1.4em 1em;}
/*#sub3_1 article table tr:last-child td, #sub3_1 article table tr:nth-child(3) th {border-bottom: 0px}*/
#sub3_1 article table tr:nth-child(3) td:last-child,
#sub3_1 article table tr:nth-child(4) td:last-child,
#sub3_1 article table tr:nth-child(5) td:last-child {border-left: 1px solid #ddd;}
#sub3_1 article table td {color: #333;}
#sub3_1 figure {height: 100% !important;}

article table tr.t_icon img{ height: 28px;}
article table tr.t_icon div {display: flex; align-items: end; gap: 8px;}
.w-100{width: 100%;}
.w-50{width: 50%}

@media(max-width:1024px){
  #section0 .main_txt{top:42%;left:60px;}
  #section0 .main_txt p{font-size:45px;}
  #section0 .main_txt .txt{font-size:15px;}
  #section0 .controls{left:60px;}
}