@charset "UTF-8";
html {overflow-y: auto;}
html:has(.menu-wrap.on) {overflow-y: hidden;}
h1 {font-size:70px;font-weight:700;min-width:fit-content;line-height:90px;}
h2 {font-size:60px;font-weight:700;min-width:fit-content;line-height:150%;}
h3 {font-size:36px;font-weight:700;min-width:fit-content;line-height:46px;}
h3 span {font-size:28px;}
h4 {font-size:24px;font-weight:700;}
h5 {font-size:22px;font-weight:700;}

*::-webkit-scrollbar {
    width: 0.6rem; 
    height:0.6rem; 
}
*::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
*::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #9e9e9e, #696969);
    border-radius: 4px;
}

/* short */
.pc {display:block !important;}
.mo {display:none !important;}
.sb {font-weight:600 !important;}
.b {font-weight:bold !important;}
strong span, p span {font-size:inherit;font-weight:inherit;color:inherit;}
.red {color:rgb(255, 0, 0) !important;font-weight:bold;}
.green {color:green !important;font-weight:bold;}
.gray {color:rgb(102, 102, 102) !important;font-weight:bold;}
.blue {color:rgb(4, 0, 255) !important;font-weight:bold;}
.flex {display:flex;gap:10px;}
.flex.center {align-items:center;justify-content:center;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.w100 {width:100px !important;min-width:100px !important;}
.w200p {width:200% !important;}
.wfit {width:fit-content !important;min-width:fit-content !important;}
.m-t0 {margin-top:0px !important;}
.m-t2 {margin-top:20px;}
.m-b0 {margin-bottom:0px !important;}
.m-b2 {margin-bottom:20px;}
.m-b3 {margin-bottom:30px;}
.m-b5 {margin-bottom:50px;}
.f-right {float:right !important;}

/* button */
a.pub {position: absolute;top: -9px;right: -50px;background-color: #E60012;padding: 5px;color: #fff;display:block;font-size:12px;font-weight:700;}
button.small {padding:4px 8px;border-radius:6px;width:fit-content;min-width:fit-content;display:inline-block;height:fit-content;}
button.gray {background-color:#707070;color:#fff !important;}
.partner-btn {display:inline-flex;align-items:center;gap:6px;}
.partner-btn img {width:130px;}
.arw-btn.rotate {transform: rotate(-45deg);}
.arw-btn , .plus-btn {width:32px;height:32px;display:inline-block;border-radius:50%;background-color:#121212;background-repeat:no-repeat;background-position:center;background-size:41%;transition:all 0.2s;}
.arw-btn {background-image:url(/images/common/arrow-w.svg);}
.plus-btn {background-image:url(/images/common/plus-w.svg);}
.arw-btn.w {background-color:#fff;background-image:url(/images/common/arrow.svg);}
a:hover .arw-btn, a:focus .arw-btn, a:hover .plus-btn, a:focus .plus-btn {background-color:#E60012;}
a:hover .arw-btn.rotate, a:focus .arw-btn.rotate {transform: rotate(0deg);}
a.link {text-indent:-9999%;}
.ico {background-repeat:no-repeat;background-position:center;background-color:#121212;}
.close-btn {display:block;width:24px;height:24px;background:url(/images/common/close.svg)center / 100% no-repeat;}
.file.icon {display:block;width:21px;height:21px;min-width:21px;background:url(/images/common/file.svg)center / 100% no-repeat;}
.download.ico {display:block;width:32px;height:32px;border-radius:50%;background-image: url(/images/common/download.svg);transform:rotate(-90deg);background-size:13px;transition:all 0.3s;}
.download.ico:hover {background-color:#E60012;}
.btn-type1 {width:fit-content;background-color:#fff;padding:16px 33px;color:#121212;border:1px solid #C3C3C3;display:block;}
a.btn-type1 {display:flex;align-items:center;min-width:220px;justify-content:space-between;padding:20px 25px;}

/* input */
.search-wrap input[type="text"] {max-width:270px;width:100%;color:#000;background:inherit;font-size:16px;}
.search-wrap input[type="text"] + label {display:block;width:22px;height:22px;background:url(/images/common/search.svg)center / 100% no-repeat;cursor:pointer;border-radius:4px;}
.search-wrap {width:100%;display:flex;justify-content:flex-end;}
.search-wrap .input-b {width:300px;display:flex;align-items:flex-end;border-bottom:1px solid #000;padding:10px;transition:all 0.3s;}

/* box */
section {width:100%;margin:50px 0;}
.wrap {min-height:calc(100vh - 175px);}
.container {padding-top:82px;max-width:none;padding-left:0;padding-right:0;}
.content {max-width:1200px;width:100%;margin:0 auto 100px;}
.content2 {max-width:1440px;width:100%;margin:0 auto 100px;}
.title {margin:100px 0;}
.title h2{display:inline-flex;}
.title p {margin-top:30px;word-break: auto-phrase;font-size:20px;line-height:150%;}
.title h2::after {content:'';width:20px;height:20px;display:inline-block;background-color:#E60012;position:relative;border-radius:50%;}
.content:has(.view-tit) {max-width:1000px;}
.info3 .content {margin:0 auto 220px;}
.sub .benner {height:300px;text-align:center;}
.box1 {position:relative;display:block;width:100%;padding:20px;background-color:#F2F2F2;}
.box1 p {font-size:14px;}
.box1 strong {font-size:24px;word-break:auto-phrase;display:block;width:82%;font-weight:700;}
.box1 strong.big {font-size:70px;line-height:70px;}
.box1.red {background-color:#E60012;color:#fff;}
.box2 {margin-top:220px;}
.box2 h3 {text-align:center;}
.box3 {background:#F2F2F2;padding:20px;width:100%;}
.box4 {margin-top:100px;display:flex;justify-content:space-between;gap:100px;}
.box4 h3 {text-align:left;min-width:300px;}
.box4 > div {width:calc(100% - 300px);}
.box4 strong.tit {display:block;font-size:28px;line-height:150%;font-weight:700;margin-bottom:20px;}
.btn-wrap {width:100%;}
.btn-wrap:has(.btn-type1.t-center) {display:flex;justify-content: center;}
.view-tit {border-bottom:1px solid #C3C3C3;padding:50px 0 20px;}
.view-tit h2 {font-weight:700;margin-bottom:60px;font-size:32px;line-height:48px;}
.view-tit .date {color:#9D9D9D;font-weight:600;font-size:16px;width:fit-content;min-width:fit-content;}
.editor-wrap {padding:50px 0;border-bottom:1px solid #C3C3C3;}
.editor-wrap p {font-size:16px;color:#000;}
.editor, .editor p, .editor span {color:#000;font-size:16px;}
.editor a {text-decoration:underline;}
.file-down {border:1px solid #C3C3C3;padding:14px 20px;width:fit-content;}
.file-down a {text-decoration:underline;color:#0077FF;font-size:16px;display:inline-flex;gap:20px;align-items:center;}
.file-down a::after {content:'';display:block;width:32px;height:32px;border-radius:50%;background-image: url(/images/common/download.svg);background-repeat:no-repeat;background-position:center;background-color:#121212;transform:rotate(-90deg);background-size:50%;}
.editor-wrap .file-down a::after {width:26px;height:26px;}
.list-shortcut {margin:50px 0;}
.list-shortcut li div.th {width:100px;}
.tit-wrap {padding:50px 0 20px;}
.con {padding:50px 0;border:1px solid #C3C3C3;border-width:1px 0 1px 0;}

/* list */
.line-list1 li {width:100%;padding:32px 30px;border-bottom:1px solid #C3C3C3;}
.line-list1 li:last-child {border-bottom:0;}
.line-list1 li a {display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;transition:all 0.3s;color:#000000;}
.line-list1 li a:hover, .line-list1 li a:focus {color:#E60012;}
.line-list2 {width:100%;}
.line-list2 > li {border-bottom:1px solid #EDEDED;width:100%;padding-bottom:40px;margin-bottom:40px;display:flex;align-items:center;}
.line-list2 > li:last-child {padding-bottom:0;margin-bottom:0;border-bottom:0;}
.line-list2 > li .text-box {display:flex;align-items:center;justify-content: space-between;width:100%;}
.line-list2 > li strong {font-size:30px;min-width:fit-content;}
.line-list2 > li p {font-size:18px;line-height:150%;width:65%;}
.line-list2:has(.icon) > li {gap:60px;align-items:center;}
.line-list2 .icon {width:100px;height:100px;min-width:fit-content;}
.line-list2.row > li{flex-direction:column;align-items: flex-start;gap:20px;}
.line-list3 {display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;justify-content:space-between;width:100%;}
.line-list3.start li {align-items:flex-start;text-align:left;}
.line-list3 li {display:flex;flex-direction:column;text-align:center;align-items:center;gap:20px;width:100%;border-bottom:1px solid #dedede;padding-bottom:40px;;}
.line-list3 li:last-child, .line-list3 li:nth-last-child(2) {border:0;}
.line-list3 li img{width: 80px;height:80px;}
.line-list3 li strong {font-size:24px;display:block;}
.line-list3 li p {font-size:18px;line-height:150%;word-break:keep-all;color:#616161;}
.line-list4 {display:flex;flex-direction:column;gap:40px;}
.line-list4 li {border-bottom:1px solid #DEDEDE;padding-bottom:40px;}
.line-list4 li:last-child {padding-bottom:0;margin-bottom:0;border:0;}
.line-list4 li strong {font-size:26px;line-height:150%;color:#111;margin-bottom:20px;display:block;}
.line-list4 li p {font-size:18px;line-height:150%;color:#616161;font-weight:500;}
.card-list {display:grid;grid-template-columns: 1fr 1fr 1fr;gap:20px;margin-top:30px;}
.card-list li a {border-bottom:1px solid #C3C3C3;padding:30px 20px;display:block;width:100%;height:100%;display:flex;flex-direction:column;justify-content: space-between;}
.card-list li div {display:flex;justify-content:space-between;align-items: flex-end;}
.card-list li .date {color: #9D9D9D;font-weight: 600;font-size:14px;width: fit-content;min-width: fit-content;padding: 0;}
.card-list li strong {font-size:20px;font-weight:800;width:80%;display:block;margin-bottom:40px;word-break: auto-phrase;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
.card-list:has(.no-data) {display:block;padding:2rem 0;}
.card-list .no-data {font-weight:600;text-align:center;}
.card-list2 {display:grid;grid-template-columns: 1fr 1fr 1fr;gap:20px;margin-top:100px;}
.card-list2 li {border:1px solid #DEDEDE;border-radius:20px;background-color:#fff;}
.card-list2 li .box {padding:10px 30px 30px;}
.card-list2 li .box strong {font-size:24px;line-height:150%;font-weight:700;margin-bottom:8px;display: flex;align-items: center;justify-content: space-between;}
.card-list2 li .box p {color:#616161;font-weight:500;}
.card-list3 {display:flex;flex-direction:column;gap:60px;margin-top:100px;}
.card-list3 > li {display:flex;align-items:center;justify-content:space-between;gap:40px;}
.card-list3 > li:nth-child(even) {flex-direction:row-reverse;}
.card-list3 > li img {width:calc(50% - 20px);}
.card-list3 > li .txt {display:flex;flex-direction:column;width:50%;}
.card-list3 > li strong {font-size:30px;line-height:150%;font-weight:700;display:block;margin-bottom:50px;}
.card-list3 > li .dot-list li {font-size:18px;line-height:150%;font-weight:500;}
.card-list3 > li .dot-list li::before {margin-bottom: 2px;margin-right:10px;}
.mo-list {display:none;}
.mo-list h3 {margin-bottom:2rem;}
.mo-list ul {display:block;border-top:1px solid #000;}
.mo-list ul li {display:flex;flex-direction:column;padding:2rem 1rem;border-bottom:1px solid #C3C3C3;gap:1.85rem;}
.mo-list ul li strong {font-size:1.65rem;font-weight:700;}
.mo-list ul li p {font-size:1.65rem;}
.mo-list ul li p:last-child {font-size:1.55rem;color: #a2a2a2;font-weight: 600;}
.num-list > li {position:relative;padding-left:20px;color:#000;font-size:16px;line-height:24px;word-break: keep-all;}
.num-list > li div.box3 {margin-left:-20px;width:calc(100% + 20px);}
.num-list > li::after {display:block;position:absolute;top:0px;left:0;width:fit-content;}
.num-list.dep1 > li:nth-child(1)::after {content:'1.';}
.num-list.dep1 > li:nth-child(2)::after {content:'2.';}
.num-list.dep1 > li:nth-child(3)::after {content:'3.';}
.num-list.dep1 > li:nth-child(4)::after {content:'4.';}
.num-list.dep1 > li:nth-child(5)::after {content:'5.';}
.num-list.dep1 > li:nth-child(6)::after {content:'6.';}
.num-list.dep1 > li:nth-child(7)::after {content:'7.';}
.num-list.dep1 > li:nth-child(8)::after {content:'8.';}
.num-list.dep1 > li:nth-child(9)::after {content:'9.';}
.num-list.dep1 > li:nth-child(10)::after {content:'10.';}
.num-list.dep1 > li:nth-child(11)::after {content:'11.';}
.num-list.dep1 > li:nth-child(12)::after {content:'12.';}
.num-list.dep1 > li:nth-child(13)::after {content:'13.';}
.num-list.dep1 > li:nth-child(14)::after {content:'14.';}
.dash-list li {position:relative;font-size:15px;line-height:24px;padding-left:15px;color:#000;}
.dash-list li::before {content:'-';position:absolute;left:0;font-size:inherit;line-height:inherit;}
.dot-list li {position:relative;font-size:15px;line-height:24px;padding-left:15px;color:#000;text-indent:-15px;}
.dot-list li::before {content:'';margin-right:5px;display:inline-block;width:5px;height:5px;background-color:#000;border-radius:50%;transform: translateY(-50%);}

/* tab */
.menu-tab {margin:50px auto 100px;text-align:center;}
.menu-tab ul {display:flex;align-items:center;justify-content:center;gap:50px;}
.menu-tab ul a {position:relative;color:#C3C3C3;font-size:20px;font-weight:700;transition: all 0.3s;}
.menu-tab ul a:hover {color:#767676;}
.menu-tab ul a.active {color:#000;}
.menu-tab ul a::after {content:'';position:absolute;display:block;top: -3.5px;right: -6.5px;width:5px;height:5px;background-color:none;border-radius:50%;}
.menu-tab ul a.active::after {background-color:#E60012;}
.tab1 {margin:0 auto 80px;width:fit-content;text-align:center;gap:10px;}
.tab1 ul {margin:0 auto;display:flex;align-items:center;}
.tab1 li a {display:flex;width:80px;height:80px;border-radius:50%;color:#707070;align-items:center;justify-content:center;font-weight:800;font-size:20px;}
.tab1 li a.active {background-color:#111111;color:#fff;}

/* table */
.tit {font-weight:600;}
.table-box {margin-bottom:200px;}
.table-wrap {margin-bottom:200px;}
.table-box div.table {margin-top:30px;margin-bottom:0;}
div.table {margin-top:100px;border-top:1px solid #121212;width:100%;}
.thead li {align-items:center;display:flex;justify-content:space-between;width:100%;border-bottom:1px solid #C3C3C3;border-color:#c3c3c3 !important;padding:0;}
.thead li .th, .tbody li .th {font-weight:700;padding:20px;width:100%;color:#000000;font-size:16px;}
.tbody li a, .tbody li {width:100%;align-items:center;display:flex   ;justify-content:space-between;position:relative;}
.tbody li {padding:0;border-bottom:1px solid #C3C3C3;}
.tbody li .td {width:100%;padding:20px;color:#000000;font-size:16px;text-align:center;}
.tbody li .td:has(.icon) {display:inline-flex;gap:5px;align-items: flex-end;}
div.table li p.date, div.table li p.date.th {width:10%;min-width:130px;text-align:center;}
table {margin-top:100px;border-top:1px solid #121212;width:100%;}
table tr {border-bottom:1px solid #C3C3C3;}
table td, table th {color:#000;font-size:16px;text-align:center;padding:20px;}
table th {font-weight:700;}
.chart-wrap + .right-table-wrap {margin-top:80px;}
.right-table-wrap {display:flex;flex-direction:column;gap:50px;}
.right-table {display:flex;align-items:flex-start;width:100%;justify-content:space-between;gap:30px;}
.right-table .right {width:1040px;}
.right-table .scroll {width:100%;}
.right-table .cap {font-size:16px;color:#9D9D9D;margin-top:20px;text-align:right;font-weight:600;}
.right-table table, .right-table div.table {margin-top:0;}
.right-table table td, .right-table table th {word-break:keep-all;}

.pagination {
    display: block; /* 또는 display: inline-block, display: none 등 */
    padding-left: 0;
    list-style: none;
}

/* nav */
.nav-wrap {margin-top:30px;}
.nav-wrap .pagination {margin:0 auto;justify-content:center;align-items:center;display:flex;gap:20px;}
.nav-wrap a, .nav-wrap  a {color:#121212;font-weight:600;border:0;border-color:unset;font-size:16px;background-color:unset !important;box-shadow:none;}
.nav-wrap a:hover,.nav-wrap a:focus {color:inherit;border:0;box-shadow: none;}
.nav-wrap .page-item.active a {font-weight:800;color:#121212;}
.nav-wrap .page-item.disabled a {color:#C3C3C3;}
.nav-wrap .page-item a.prev, .nav-wrap .page-item a.next {display:block;width:10px;height:16px;background-image:url("/images/common/page.svg");filter:invert(1);background-position:center;background-size:10.5px;background-repeat:no-repeat;border:0;}
.nav-wrap .page-item a.prev-end, .nav-wrap .page-item a.next-end {display:block;width:16px;height:16px;background:url("/images/common/page-end.svg");filter:invert(1);background-position:center;background-size:16px;background-repeat:no-repeat;border:0;}
.nav-wrap .page-item a.prev-end, .nav-wrap .page-item a.prev {transform:rotate(180deg);}
.nav-wrap .page-item.disabled a.prev-end, .nav-wrap .page-item.disabled a.prev, .nav-wrap .page-item.disabled a.next-end, .nav-wrap .page-item.disabled a.next 
{filter:none;}

/* main */ 
main .benner {position:relative;margin:0;height:625px;overflow:hidden;}
main .benner .box {z-index:2;position:relative;text-align:center;}
.video-banner {position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.video-banner::after {content:'';position:absolute;width:100%;height:100%;bottom: 0;left:0;background-color:rgba(17, 17, 17, 0.6);z-index: 1;}
.video-banner video {position: absolute;bottom:50%;left: 50%;min-width: 100%;min-height: 100%;transform: translate(-50%, 40%);object-fit: cover;z-index: -1;}
main .benner p {color:#fff;font-size:30px;font-weight:500;margin-bottom:30px;}
main .benner h2 {color:#fff;font-size:60px;font-weight:700;}
main .section1 .content {display:flex;gap:10px;flex-direction:column;}
main .section1 .info1, main .section1 .info2 {display:flex;gap:10px;width:100%;}
main .section1 .box1 {width:100%;height:200px;box-sizing: border-box;}
main .section1 .box1 > p {margin-bottom:25px;}
main .section1 .box1 .num {color:#666;display:flex;align-items:center;gap:5px;}
main .section1 .box1 .num.up {color:#FF0000;}
main .section1 .box1 .num.down {color:#0004ff;}
main .section1 .box1 span.plus-btn, main .section1 .box1 span.arw-btn {position:absolute;bottom:20px;right:20px;}
main .section1 .info1 .half {display:flex;gap:10px;width:calc(50% - 5px);}
main .section1 .info1 > .box1 {width:calc(50% - 5px);}
main .section1 .info2 > .box1 {width:calc(50% - 5px);}
main .section1 .info2 div strong {margin-bottom:10px;color:#000;font-size:40px;line-height:150%;}
.box1.eyes {background:#111111;color:#fff;}
.box1.red p, .box1.red strong, .box1.eyes strong, .box1.eyes p, main .info2 .box1.eyes strong {color:#fff;}

/* info */
/* 아이즈비전 */
.sub .benner  .content {display:flex;gap:30px;height:100%;justify-content:center;flex-direction: column;}
.sub .benner h3 {color:#fff;word-break:auto-phrase;font-size:32px;line-height:150%;}
.sub .benner p {color:#fff;font-size:24px;line-height:34px;font-weight:500;}
.info2 .benner {background: url("/images/info/benner2.png") center / cover no-repeat;}
.info3 .benner {background:#0A1A2D;}
.info3 .benner img {width:300px;margin-bottom:40px;}
.info3 div.benner p {font-size:20px;word-break: auto-phrase;line-height:150%;}
.info1 .box2 h3 {margin-bottom:40px;}
.vision1 p {font-size:28px;line-height:42px;font-weight:500;}
.info1 .line-list3 strong {margin-bottom:20px;}
.info1 .line-list3 p {color:#111;}
.info1 .vision2 img {width:100%;max-width:100%;margin:0 auto;}
.info1 .vision4 ul {margin-top:90px;display:flex;width:100%;flex-direction:column;gap:100px;}
.info1 .vision4 ul li {width:100%;display:flex;justify-content:space-between;gap:60px;}
.info1 .vision4 ul li .img {background-position:100%;background-size:cover;}
.info1 .vision4 ul li:nth-child(1) .img {background-image:url("/images/info//eyes.jpg");}
.info1 .vision4 ul li:nth-child(2) .img {background-image:url("/images/info/device.jpg");}
.info1 .vision4 ul li:nth-child(3) .img {background-image:url("/images/info/iot.jpg");}
.info1 .vision4 ul li:nth-child(4) .img {background-image:url("/images/info/b2b.jpg");}
.info1 .vision4 ul li:nth-child(even) {flex-direction:row-reverse;}
.info1 .vision4 ul li > div {width:50%;padding:20px 0;text-align:left;}
.info1 .vision4 ul li div .t {font-size:40px;display:block;line-height:normal;}
.info1 .vision4 ul li div > p {font-weight:600;word-break: keep-all;font-size:18px;margin-top:10px;}
.info1 .vision4 ul li .total {display:flex;align-items:flex-end;gap:10px;margin:15px 0 0;}
.info1 .vision4 ul li .total span {font-weight:600;font-size:14px;color:#9D9D9D;}
.info1 .vision4 ul li .total strong {font-size:20px;}
.info3 .card-list2 li .img {padding:30px 30px 0px;}

/* 연혁 */
.history {margin-top:100px;}
.history2 h1 {text-align:right;}
.history > div {display:flex;justify-content:space-between;margin-top:150px;gap:170px;}
.history > div:nth-child(even) {flex-direction:row-reverse;}
.history ul {width:100%;}
.history li {display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #DDDDDD;gap:15px;}
.history li:last-child {border-bottom:0;}
.history li p {font-weight:600;font-size:16px;word-break: keep-all;padding-left: 15px;text-indent: -10px;line-height:150%;}
.history li p::before {content:'';margin-right:8px;display:inline-block;width:4px;height:4px;background-color:#000;border-radius:50%;transform: translateY(-50%);margin-top:-2px;}
.history li span {font-size:18px;color:#9D9D9D;min-width:fit-content;}
/* 자율준수 */
.info4 .benner {height:400px;background: url("/images/info/benner3.png") center / cover no-repeat;}
.info4 .box4:first-child {margin-bottom:150px;}
.info4 .box4 strong.tit {margin-bottom:40px;}
.info4 p {font-size:18px;line-height:150%;}
.info4 .line-list2 > li {gap:60px;}
.info4 .line-list2 > li strong {width:320px;min-width:320px;}
.info4 .line-list2 .dot-list li {font-size:18px;line-height:150%;}

/* brand */
.sub .brand .benner {height:400px;}
.brand .benner > .content2 {height:100%;}
.brand .box4 {border-bottom:1px solid #EDEDED;padding-bottom:100px;margin-bottom:100px;}
.brand .box4:last-child {border-bottom:0;padding-bottom:0;margin-bottom:100px;}
.brand1 .benner {background: url("/images/brand/brand_banner1.png") center / cover no-repeat;}
.brand2 .benner {background: url("/images/brand/brand_banner2.png") center / cover no-repeat;}
.brand3 .benner {background: url("/images/brand/brand_banner3.png") top center / cover no-repeat;}
.brand .benner .flex {justify-content:space-between;height: 100%;align-items: center;gap:0;}
.brand .benner h3 {text-align:left;font-size:50px;line-height:150%;}
.brand .benner p {text-align:right;font-size:20px;line-height:150%;}
.brand .slogan p {color:#616161;font-size:18px;line-height:150%;}
.brand .symbol .img {border:1px solid #EDEDED;min-width:350px;width:350px;height:246px;display:flex;align-items:center;justify-content:center;}
.brand .symbol ul {width:100%;margin-left:40px;display:flex;flex-direction:column;gap:30px;justify-content:center;}
.brand .symbol li {width:100%;}
.brand .symbol strong, .brand .symbol p {font-size:16px;line-height:150%;}
.brand .btn-wrap {display:flex;gap:14px;justify-content: center;max-width:710px;align-items:center;margin:60px auto 0;}
.brand .btn-wrap a {width:100%;}

/* business */
.business .img-wrap {margin-top:100px;}
.business .img-wrap img {max-width:100%;height:auto;}

/* invest */
.list-shortcut li div.td {text-align:left;padding:20px 20px 20px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.management .council {display:flex;}
.management .doughnut {width:350px;height:350px;margin:0 auto;}
.finance canvas {height:500px !important;}
.notice .tbody a::after {content:'';display:none;width:2.45rem;height:2.45rem;background-color:#000;background-image:url("/images/common/arrow-w.svg");background-position:center;background-size:50%;background-repeat:no-repeat;border-radius:50%;position:absolute;bottom:2rem;right:1rem;transition:all 0.3s;}
.notice .tbody a:hover::after {background-color:#E60012;}
.notice .tbody li p {overflow: hidden;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color:#000;}
.disclo_box {text-align:center;}
.disclo_box iframe {width:100%;max-width:735px;max-height:960px;height:100vh;margin:0 auto;}

/* employ */
.employment1 .benner {background: url("/images/employ/benner4.png") center / cover no-repeat;height:400px;text-align: left;margin-top:100px;}
.employment1 .benner h3 {font-size:40px;line-height:150%;}
.employment1 .benner p {font-size:20px;line-height:150%;}
.employment2 .benner {position:relative;height:auto;margin-top:150px;}
.employment .img-list {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;}
.employment .img-list strong {text-align: center;width: 100%;display: block;margin-top:40px;font-size:26px;font-weight:700;line-height:150%;}
.employment .benner p {font-size:20px;line-height:150%;font-weight:600;}
.employment .benner .box {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;box-sizing: border-box;}
.employment .link-wrap {display:flex;gap:10px;justify-content: center;align-items:center;margin-top:40px;}
.employment .link-wrap a {background-color:#CFCFCF80;backdrop-filter:blur(10px);color:#fff;line-height:150%;width:340px;display:flex;justify-content: space-between;align-items: center;padding-right:20px;}
.employment .link-wrap a div {font-size:18px;}
.employment .link-wrap img {width:110px;}

/* rule */
.rule p {font-size:16px;display:block;color:#000;font-weight:600;}
.rule strong {font-size:18px;margin-bottom:20px;display:block;}
.rule li {font-weight:600;}

/* header */
header {z-index:99;position:fixed;top:0;left:0;width:100%;height:auto;transition:all 0.3s ease-in-out;background-color:#fff;border-bottom:1px solid #F2F2F2;}
header::after {content:'';position:absolute;display:block;height:1px;background:#F2F2F2;width:0;left:0;top:81px;transition:all 0.3s ease-in-out;}
header.on::after {width:100%;}
header.on {box-shadow:0 0 5px 6px #00000008;}
header .content {display:flex;justify-content:space-between;max-width:1440px;padding:27px 0;margin:0 auto;}
header .logo-wrap {display:block;width:150px;height:26px;position:relative;}
header .logo {background:url("/images/logo.png")center / 97% no-repeat;display:block;height:100%;transition:all 0.2s;min-height:25px;}
header ul a {position:relative;color:#000;font-weight:600;transition: all 0.3s;font-size:18px;}
header ul.dep1 {display:flex;gap:80px;text-align:center;}
header ul.dep1 li {min-width:110px;position:relative;}
header ul.dep1 > li > a::after {content:'';display:block;position:absolute;top:-3px;right:-10px;width:5px;height:5px;background-color:none;border-radius:50%;transition:all 0.3s ease-in-out;}
header ul.dep1 > li:hover > a::after {background-color:#E60012;}
header .dep2 {position:relative;z-index:98;padding-top:60px;display:none;}
header .dep2 ul {display:flex;flex-direction:column;gap:20px;padding-bottom:30px;}
header .dep2 ul a:hover, header .dep2 ul a:focus {color:#E60012;}
header.main ul a {color:#fff;}
header.w {background:none;box-shadow:none;border-bottom:0;}
header.w .mo-menu {filter:none;}
header.w.on {background-color:#000000bb;box-shadow:none;}
header.w .content > .logo-wrap .logo {background:url("/images/logo_w.png")center / 97% no-repeat;}
header.w ul a {color:#fff;font-weight:600;transition:all 0.3s;}
header .mo-menu {display:none;text-indent:-9999%;width:2.2rem;padding:0.5rem;height:2.2rem;background:url("/images/common/menu.svg")center / 100% no-repeat;filter: invert(1);cursor:pointer;transition:all 0.3s ease-in-out;}
header .menu-wrap {transition:all 0.3s ease-in-out;}
header .menu-wrap.on {left:0;}
header .mo-menu-wrap {display:none;}

/* footer */
footer {background-color:#222222;padding:40px 0;width:100%;}
footer .logo {width:200px;}
footer .content2 {display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1440px;margin:0 auto;}
footer .left {display:flex;flex-direction:column;align-items:flex-start;gap:30px;}
footer .right {min-width:fit-content;}
footer .footer-menu ul {width:100%;max-width:820px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px;}
footer .footer-menu ul li {display:flex;align-items:center;}
footer .footer-menu ul li::after {content:'';display:block;margin-left:10px;background:#707070;width:1px;height:11px;margin-top:2.5px;}
footer .footer-menu ul li:last-child:after {display:none;}
footer .footer-menu ul a {color:#fff;font-weight:700;font-size:16px;}
footer .bottom {border-top:1px solid #585858;padding-top:40px;margin-top:40px;}
.footer-p {font-size:14px;color:#aaa;font-weight:500;line-height:150%;}
footer li button {display:inline-block;}

@media all and (max-width:1440px) {
    /* box */
    header .content {width:calc(100% - 4.16rem);margin:0 auto;}
    .content2 {width:calc(100% - 4.16rem);margin:3.91rem auto 13.02rem;}
}

@media all and (max-width:1280px) {
    /* button */
    .btn-type1 {font-size:1.65rem;padding:1.65rem 3.35rem;}
    a.btn-type1 {font-size:1.65rem;padding:1.45rem 2.05rem;}

    /* box */
    .wrap {min-height:calc(100vh - 16.2rem);} 
    section {margin:5rem 0;}
    body.sub .wrap {margin-top: 5.05rem;}
    .content {padding:0;width:calc(100% - 4rem);margin:0 auto 6.85rem;}
    .title {margin:3.91rem 0 6.51rem;}
    .title p {margin-top:2.6rem;font-size:1.82rem}
    .info1 .content {max-width:1440px;}
    .info1 .content, 
    .info3 .content {margin:0 auto 20rem;}
    .box1 {padding:2rem;}
    .box1 strong.big {font-size:2.75rem;line-height:2.75rem;}
    .box4 {flex-direction:column;gap:3.91rem;margin-top:6.51rem;}
    .box4 > div {width:100%;}
    .box4 strong.tit {font-size:2.08rem;}
    .list-shortcut {margin:5rem 0;}
    .list-shortcut li div.th {width:fit-content;min-width:fit-content;font-size:1.65rem;}
    .list-shortcut li div.td {padding:2rem 2rem 2rem 0;font-size:1.65rem;}
    .view-tit {padding:6rem 0 3rem;}
    .view-tit h2 {margin-bottom:4rem;font-size:2.4rem;line-height:3.85rem;}
    .view-tit .date {font-size:1.65rem;}
    .editor-wrap {margin:3rem 0;padding: 0 0 3rem 0;}
    .editor , .editor p, .editor span {font-size:1.65rem;}
    .file-down {padding:1.45rem 2rem;}
    .file-down a {font-size:1.65rem;gap:2rem;}
    .file-down a::after {width:3.2rem;height:3.2rem;min-width:3.2rem;}
    .editor-wrap .file-down a::after {width:2.6rem;height:2.6rem;min-width:2.6rem;}
    .tit-wrap {padding-top:20px;}

    /* list */
    .line-list1 li {padding:2rem 0;width:100%;}
    .line-list1 li a {font-size:1.65rem;}
    .line-list2 > li {flex-direction:column;align-items: flex-start;padding-bottom:2.6rem;margin-bottom:2.6rem;}
    .line-list2:has(.icon) > li {flex-direction:row;align-items:center;padding-bottom:5.21rem;margin-bottom:5.21rem;gap:1.3rem;}
    .line-list2:has(.icon) > li:last-child {padding-bottom:0;margin-bottom:0;}
    .line-list2 .icon {width:6.51rem;height:6.51rem;min-width:6.51rem;}
    .line-list2 > li strong {width:100%;font-size:2.08rem;}
    .line-list2 > li p {font-size:1.82rem;width:100%;}
    .line-list2 > li .text-box {display:flex;flex-direction:column;align-items: flex-start;gap:1.3rem;}
    .line-list3  {margin-top:2rem;gap:1.3rem 2.08rem;}
    .line-list3 li {width:100%;min-width:auto;padding:0 0.65rem 2.6rem 0.65rem;gap:0;}
    .line-list3 li img {width:5.21rem;height:5.21rem;margin-bottom:1.3rem;}
    .line-list3 li strong {font-size:2.05rem;margin-bottom:1.3rem;}
    .line-list3 li p {font-size:1.85rem;line-height:2.45rem;}
    .line-list4 {gap:5.21rem;}
    .line-list4 li {padding-bottom:5.21rem;}
    .line-list4 li:last-child {padding-bottom:0;margin-bottom:0;border:0;}
    .line-list4 li strong {font-size:2.08rem;margin-bottom:1.3rem;}
    .line-list4 li p {font-size:1.82rem;}
    .card-list {grid-template-columns:1fr 1fr;margin-top:3rem;border-top:0.1rem solid #121212;}
    .card-list li a {padding:3rem 2rem;}
    .card-list li strong {font-size:2rem;margin-bottom:4rem;}
    .card-list li .date {font-size:1.45rem;}
    .card-list2 {display:grid;grid-template-columns: 1fr 1fr;gap:20px;margin-top:100px;}
    .num-list > li {padding-left:2rem;font-size:1.65rem;line-height:2.45rem;}
    .num-list > li .div.box3 {margin-left:-2rem;width:calc(100% + 2rem);}
    .num-list > li:after {top:0.1rem;}
    .dash-list > li {font-size:1.55rem;line-height:2.45rem;padding-left:1.5rem;}
    .dot-list li::before {width:0.45rem;height:0.45rem;min-width:0.45rem;}

    /* tab */
    .menu-tab {margin:3rem auto 4rem;}
    .menu-tab ul {gap:3.5rem;}
    .tab1 {margin:0 auto 5rem;}
    .tab1 ul {gap:3rem;}
    .tab1 li a {font-size:2rem;width:8rem;height:8rem;}

    /* table */
    .table-box {margin-bottom:2rem;}
    .table-box div.table {margin-top:2rem;}
    table td, table th, table td p {font-size:1.65rem;}
    table td, table th {padding:2rem 1rem;}
    .nav-wrap {margin-top:3rem;}
    .chart-wrap + .right-table-wrap {margin-top:5rem;}
    .right-table {flex-direction: column;gap:2.6rem;}
    .right-table .right {max-width:100%;width:100%;}

    /* main */
    main .benner {height:62.5rem;}
    main .benner p {font-size:1.65rem;margin-bottom:3rem;}
    main .benner h2 {font-size:3.6rem;}
    .box1 strong {font-size:2rem;}
    main .section1 .info2 div strong {font-size:3.35rem;}

    /* info */
    .sub .info2 .benner {height:52.09rem;}
    .history h1 {font-weight:7.05rem;}
    .history > div {gap:8rem;}
    .history li {padding:2.6rem 0;}
    .history li p , .history li span {font-size:1.82rem;}
    .info1 .line-list3 strong {margin-bottom:1.3rem;}
    .info4 .box4 strong.tit {margin-bottom:2.6rem;}
    .info4 .box4:first-child {margin-bottom:6.51rem;}
    .info4 .line-list2 > li {gap:10px;}
    .info4 .line-list2 > li strong {width:100%;min-width:100%;font-size:2.08rem;}
    .info4 .line-list2 .dot-list li {font-size:1.82rem;}

    /* brand */
    .brand .benner .flex {align-items: flex-start;justify-content: flex-end;flex-direction: column;padding:3.91rem 0;}
    .brand .benner .h3, .brand .benner p {text-align:left;}
    .brand .symbol {flex-direction:column;gap:0;}
    .brand .symbol ul {margin-left:0;margin-top:3.91rem;}
    .brand .symbol ul li {border-bottom:1px solid #EDEDED;padding-bottom:2.6rem;}
    .brand .symbol ul li:last-child {border-bottom:0;padding-bottom:0;}
    .brand .symbol strong {display:block;font-size:2.08rem;margin-bottom:1.3rem;}
    .brand .symbol p {font-size:1.82rem;}
    .brand .symbol .img {height:auto;padding:3.91rem;}
    .brand .symbol .img img {width:14.33rem;}
    .card-list3 > li strong {font-size:2.34rem;margin-bottom:2.08rem;}
    .card-list3 > li .dot-list li {font-size:1.82rem;}

    /* employ */
    .employment1 .benner {height:52.09rem;margin-top:6.51rem;}
    .employment1 div.benner h3 {font-size:3.13rem;}
    .employment1 div.benner p {font-size:2.08rem;}
    .employment2 .benner {margin-top:6.51rem;}
    .employment .img-list {display:grid;grid-template-columns:1fr 1fr;gap:2.08rem;}
    .employment .img-list strong {font-size:2.34rem;margin-top:2.08rem;}
    .employment .benner p {font-size:2.08rem;}
    .employment .box ul {grid-template-columns:1fr 1fr 1fr;gap:3rem 1rem;}
    .employment1 .line-list3 {grid-template-columns:1fr;gap:5.21rem;}
    .employment1 .line-list3 li {padding:0 0.65rem 5.21rem 0.65rem;}
    .employment1 .line-list3 li:nth-last-child(2) {border-bottom:3px solid #F0F0F0;}

    /* header */
    header ul.dep1 {gap:4rem;}

    /* footer */
    footer{padding:4.75rem 0;}
}

@media all and (max-width:768px) {
    /* short */
    h2 {font-size:3.91rem;}
    h3 {font-size:2.85rem;line-height:4.4rem;}
    h3 span {font-size:3.25rem;}
    h4 {font-size:2.45rem;}
    h5 {font-size:2.25rem;}
    p {font-size:1.65rem;line-height:2.4rem;}
    p.num-p {padding-left:2rem;}
    .tit {font-weight:700;}
    .pc {display:none !important;}
    .mo {display:block !important;}
    .m-t2 {margin-top:2rem;}
    .m-b2 {margin-bottom:2rem;}
    .m-b3 {margin-bottom:3rem;}
    .m-b5 {margin-bottom:5rem;}
    
    /* button */
    .partner-btn {display:inline-flex;}
    .partner-btn img {width:13rem;}
    .arw-btn , .plus-btn {width:2.45rem;height:2.45rem;}
    .close-btn {width:2.85rem;height:2.85rem;}
    .file.icon {width:1.85rem;height:1.85rem;min-width:1.85rem;}
    .download.ico {width:2.45rem;height:2.45rem;background-size:45%;}

    /* input */
    .search-wrap input[type="text"] {font-size:1.65rem;max-width:100%;}
    .search-wrap input[type="text"] + label {width:2.2rem;height:2.2rem;}
    .search-wrap .input-b {border-width:0.1rem;width:100%;}
    
    /* box */
    .wrap {min-height:calc(100vh - 30.25rem);}
    body.sub .wrap {margin-top: 6.25rem;}
    .sub .benner h3 {font-size: 2.08rem;}
    .sub .benner .content {margin:0 auto;}
    .sub .benner p {font-size:2.05rem;line-height:3.4rem;}
    .container {padding-top:5.35rem;}
    .title h2::after {width:1.04rem;height:1.04rem;}
    .box1 {padding:2rem;}
    .box1 p {font-size:1.45rem;}
    .box2 {margin-top:12rem;}
    .box3 {padding:1rem;}
    .chart-wrap {display:none !important;}
    .tit-wrap {padding-top:2rem;}
    
    /* list */
    .card-list {grid-template-columns: 1fr;gap:0;}
    .card-list2 {margin-top:6.51rem;grid-template-columns: 1fr;gap:2.6rem;}
    .card-list2 li {border:1px solid #DEDEDE;border-radius:20px;}
    .card-list2 li .box {padding:1.3rem 2.08rem 2.08rem;}
    .card-list2 li .box strong {font-size:2.6rem;margin-bottom:1.3rem;}
    .card-list2 li .box p {font-size:1.82rem;}
    .card-list3 {margin-top:6.51rem;gap:6.51rem;}
    .card-list3 > li, .card-list3 > li:nth-child(even) {flex-direction:column;}
    .card-list3 > li img, .card-list3 > li .txt {width:100%;}
    .menu-tab ul{gap:2rem;}
    .menu-tab ul a {font-size:1.65rem;}
    .mo-list {display:block;}

    /* table */
    table {border-width:0.1rem;}
    table tr {border-bottom-width:0.1rem;}
    div.thead {display:none;}
    div.table li .td {margin:0;padding:0;}
    div.table div.tbody li a {flex-direction:column;align-items:flex-start;padding:2rem 1rem;gap:3rem;}
    div.table div.tbody .tit {font-size:1.65rem;}
    div.table div.tbody .date {color:#9D9D9D;font-weight:600;font-size:1.45rem;width:fit-content;min-width:fit-content;padding:0;}
    .nav-wrap .pagination {gap:2rem;}
    .nav-wrap a, .nav-wrap a {font-size:1.65rem;}
    .thead li .th, .tbody li .th {padding:2rem;font-size:1.65rem;}
    .right-table {flex-direction: column;gap:0;}
    .right-table .right {width:100%;margin:2rem 0 0rem;}
    .right-table div.scroll {width:100%;overflow-x:auto;}
    .right-table .tbody li {padding:2rem 1rem;flex-direction:column;}
    .right-table .tbody li p {text-align:left;}
    .right-table .tbody li p:first-child {font-weight:800;margin-bottom:2rem;}
    .right-table .cap {margin-top:1rem;text-align:right;width:100%;font-size:1.65rem;}
    .no-data {padding:2rem !important;}

    /* main */
    main .benner {height:50.5rem;min-height:450px;}
    main .section1 .box1 {height:20.5rem;}
    .box1 strong {font-size:2rem;line-height:2.65rem;}
    main .section1 .box1 > p {margin-bottom:3.5rem;}
    main .section1 .info1, main .section1 .info2 {flex-direction:column;}
    main .section1 .box1, main .section1 .info1 > .box1, main .section1 .info1 .half, main .section1 .info2 > .box1 {max-width:100%;width:100%;}
    main .section1 .info1, main .section1 .info2, main .section1 .info1 .half, main .section1 .content {gap:1rem;}
    main .section1 .box1 span.plus-btn, main .section1 .box1 span.arw-btn {bottom:2rem;right:2rem;}
    main .section1 .info2 div strong {margin-bottom:1.5rem;}

    /* info */
    .info3 .benner {height:32.56rem;}
    .info3 .benner img {width:24rem;}
    .info3 div.benner p {font-size:1.82rem;}
    .info4 .benner {height:20.84rem;}
    .info4 p {font-size:1.69rem;}
    .info1 .vision4 ul {margin-top:2rem;gap:8rem;}
    .info1 .vision4 ul li {gap:2rem;flex-direction:column;}
    .info1 .vision4 ul li:nth-child(even) {flex-direction:column;}
    .info1 .vision4 ul li .img {max-width:100%;height:20rem;}
    .info1 .vision4 ul li > div {padding:0;width:100%;}
    .info1 .vision4 ul li div > p {font-size: 1.85rem;line-height: 2.7rem;margin-top:1.65rem;}
    .info1 .vision4 ul li div .t {font-size:3.05rem;}
    .info1 .vision4 ul li .total {gap:1rem;margin:1rem 0;}
    .info1 .vision4 ul li .total span {font-size:1.45rem;}
    .info1 .vision4 ul li .total strong {font-size:2rem;}
    .info1 a.btn-type1 {width:100%;min-width:auto;font-weight:600;}
    .info3 .card-list2 li .img {padding:2.08rem 2.08rem 0;}
    .info3 .card-list2 .arw-btn {width:3.91rem;height:3.91rem;}
    .history > div {flex-direction:column;gap:2rem;margin-top:10.42rem;}
    .history > div:nth-child(even) {flex-direction:column;}
    .history h1 {font-size:4.25rem;line-height:normal;}
    .history2 h1 {text-align:left;}

    /* brand */
    .brand .box4 {border-bottom:0;padding-bottom:0;margin-bottom:0;}
    .sub .brand .benner {height:53.13rem;}
    .brand .benner h3 {font-size:3.13rem;margin-bottom:2.6rem;}
    .brand .benner p {font-size:1.82rem;}
    .brand .slogan > div{flex-direction:column;}
    .brand .slogan p {font-size:1.69rem;}
    .brand .btn-wrap {width:100%;max-width:none;font-weight:600;flex-direction:column;gap:1.82rem;margin:2.6rem auto 0;}
    .brand .btn-wrap a {width:100%;max-width:none;font-weight:600;}
    .brand .symbol .img {width:100%;}
    .brand h1 {font-size:3.91rem;line-height:150%;}
    .business .img-wrap {margin-top:6.51rem;}

    /* invest */
    .management .council {display:none;}
    .management .tbody p {display:inline-flex;font-size:1.65rem;}
    .notice .tbody a::after {display:block;}
    .disclo_box iframe {max-height:calc(100vh - 19rem);}

    /* employ */
    .employment1 .benner {background-size:150%;background-position: bottom center;}
    .employment .benner .box {height:100%;width:100%;padding:6.51rem 2rem;display:flex;flex-direction:column;justify-content: space-between;}
    .employment .img-list {margin-top:2.6rem;}
    .employment .link-wrap {margin-top:0;gap:1.3rem;flex-direction:column;}
    .employment .link-wrap p {padding:0 2rem;border-width:0.1rem;}
    .employment .link-wrap a {width:100%;max-width:100%;}
    .employment .link-wrap a div {font-size:1.82rem;}
    .employment .link-wrap a img {width:13.02rem;}
    .employment .link-wrap .arw-btn.w {width: 3.91rem;height: 3.91rem;}

    /* rule */
    .rule strong {font-size:1.85rem;}
    .rule p {font-size:1.65rem;}
    
    /* header */
    header .content {padding:1.5rem 0;align-items:center;}
    header .logo-wrap {width:10rem;height:auto;min-width:100px;}
    header .mo-menu {display:block;}
    header .menu-wrap {position:fixed;;top:0;left:100%;background-color:#fff;width:100%;height:100%;}
    header .menu-wrap .mo-menu-wrap {display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.6rem;}
    header .menu-wrap .logo {width:10rem;min-width:130px;}
    header .menu-wrap .dep1 {flex-direction: column;}
    header .menu-wrap ul.dep1 {gap:1.65rem;text-align:left;padding:1.5rem 1.6rem;}
    header .menu-wrap ul.dep1 > li {width:100%;padding:0 0 1.8rem;border-bottom:1px solid #C3C3C3;position:relative;}
    header ul.dep1 > li:hover > a::after {display:none;}
    header .menu-wrap ul.dep1 > li::after {content:'';display:block;background-color:#121212;width:2.45rem;height:2.45rem;border-radius:50%;background-image:url("/images/common/drop.svg");background-position:center;background-repeat:no-repeat;background-size:48%;position:absolute;right:0;top:0.35rem;transform:rotate(180deg);transition:all 0.3s ease-in-out;}
    header .menu-wrap ul.dep1 > li.active::after {transform:rotate(0deg);}
    header .menu-wrap ul.dep1 > li:last-child {border-bottom:0;}
    header .menu-wrap ul.dep1 > li > a {font-size:2.05rem;color:#000;font-weight:700;}
    header .menu-wrap .dep2 {padding-top:0 !important;}
    header .menu-wrap .dep2 ul {gap:1.65rem;padding-bottom:0;padding-top:1.65rem;}
    header .menu-wrap .dep2 a {font-size:1.85rem;color:#707070;font-weight:700;}

    /* footer */
    footer .content2 {flex-direction: column;gap:2.08rem;align-items: end;}
    footer .bottom .content2 {align-items:flex-start;}
    footer .left {width:100%;flex-direction: column;align-items:flex-start;gap:1.5rem;}
    footer .logo {width:13.5rem;}
    footer .footer-p ul {gap:0.5rem;}
    footer .footer-menu ul a, .footer-p li {font-size:1.45rem;}
}

/* animate */
.fade-up {opacity: 0;transform: translateY(30px);animation: fadeUp 1s ease forwards;}
main .fade-up:nth-child(1) {animation-delay: 0.3s;}
main .fade-up:nth-child(2) {animation-delay: 0.6s;}
main .content.fade-up {animation-delay:1s;}
.sub .fade-up {animation-delay: 0.6s;}
.info1 .fade-up1 {animation-delay: 0.3s;}
.info1 .fade-up2 {animation-delay: 0.6s;}
.info1 .fade-up3 {animation-delay: 0.9s;}
.employment .img-list li:nth-child(1) {animation-delay: 0.3s;}
.employment .img-list li:nth-child(2) {animation-delay: 0.6s;}
.employment .img-list li:nth-child(3) {animation-delay: 0.9s;}
.employment .img-list li:nth-child(4) {animation-delay: 1.2s;}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}