@charset "utf-8";

:root {--navy:#171C61; --red:#D35D5D; --blue:#003EA1; --yellow:#EDAE55; --green:#00A13E;}
body.m-menu-active {overflow:hidden;}

/* 공통 */
#wrap {position:relative;width:100%;overflow-x:hidden;}
#wrap.sub-page {padding:100px 0 0;}

/* main */
#header {position:absolute;left:0;top:0;z-index:99;width:100%;height:100px;border-bottom:1px solid rgba(229,229,236,.1);}
.sub-page #header {border-color:rgba(229,229,236,.9);}
#header.fixed {position:fixed !important;background:#FFF;box-shadow:2px 2px 15px 0 rgba(0,0,0,0.13);}
#header .header-inner {display:flex;gap:7.9%;width:1720px;height:100%;color:#fff;margin:0 auto;}
#header .logo {margin: auto 0;}
#header .logo a {display:block;width:233px;height:40px;color:transparent;background:url('../images/logo_white.svg') no-repeat center/100% auto;}
#header.fixed .logo a,
.sub-page #header .logo a {background-image:url('../images/logo.svg');}
#header .m-header .logo a {width:180px;background-image:url('../images/logo.svg');}

#gnb ul {display:flex;gap:60px;}
#gnb ul li a {position:relative;display:flex;height:99px;align-items:center;font-weight:500;line-height:1.4;color:#fff;}
#gnb ul li.on a {font-weight:600;}
#gnb ul li a::after {content:"";position:absolute;left:50%;bottom:-1px;display:block;width:0;border-bottom:2.5px solid #fff;transition:all 0.25s ease-out;}
#gnb ul li a:hover::after,
#gnb ul li.on a::after {left:0;width:100%;}

#header.fixed #gnb ul li a,
.sub-page #gnb ul li a {color:#333;}
#header.fixed #gnb ul li:hover a,
#header.fixed #gnb ul li.on a,
.sub-page #gnb ul li:hover a,
.sub-page #gnb ul li.on a {color:#376DB5;}
#header.fixed #gnb ul li a::after,
.sub-page #gnb ul li a::after {border-color:#376DB5;}

#header .m-menu-btn {display:none;right:-25px;position:relative;width:80px;height:80px;font-size:1px;color:transparent;background:none;border:0;overflow:hidden;}
#header .m-menu-btn .icon {position:absolute;left:25px;top:50%;margin-top:-1px;width:30px;height:2px;background:#fff;border-radius:2px;}
#header .m-menu-btn .icon::before {content:"";position:absolute;left:0;top:-7px;width:100%;height:2px;background:#fff;border-radius:2px;}
#header .m-menu-btn .icon::after {content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:#fff;border-radius:2px;}
#header.fixed .m-menu-btn .icon,
.sub-page #header .m-menu-btn .icon,
#header.fixed .m-menu-btn .icon::before,
.sub-page #header .m-menu-btn .icon::before,
#header.fixed .m-menu-btn .icon::after,
.sub-page #header .m-menu-btn .icon::after {background:#1C1C1C;}
#header .m-header .m-menu-btn .icon {background:none !important;}
#header .m-header .m-menu-btn .icon::before {top:0;background:#1C1C1C !important;transform:rotate(-45deg);}
#header .m-header .m-menu-btn .icon::after {bottom:-1px;background:#1C1C1C !important;transform:rotate(45deg);}

.menu-area,
.menu-area .menu-wrap {width:100%;}
.menu-wrap .menu-inner {display:flex;width:100%;justify-content:space-between;}
.menu-wrap .m-header {width:100%;height:80px;padding:0 15px;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;display:none;}
#header .m-header .m-menu-btn {margin:0;}


.lang-select {display:flex;margin-right:-16px;}
.lang-select li {position:relative;display:inline-flex;align-items:center;padding:0 16px 0 17px;}
.lang-select li + li::before {content:"";position:absolute;left:0;top:50%;margin:-5px 0 0;width:1px;height:10px;background:#ccc;}
.lang-select li a {display:block;line-height:30px;font-size:16px;color:#ccc;}
.lang-select li.on a {color:#fff;}
#header.fixed .lang-select li.on a,
.sub-page .lang-select li.on a {color:#666;}

#container > section {padding:60px 0 0;}
.sub-page #container > section {padding:85px 0 0;}
.intro-sec.contents-sec.board-sec {padding-inline:0 !important;}
#container > section .sec-tit {padding:0 0 40px;display:flex;font-family:"DM Serif Text", serif;font-size:56px;}
#container > section .sec-tit .text {text-align:left;font-family:"DM Serif Text", serif;white-space:nowrap;}
#container > section .sec-tit .line {position:relative;display:flex;width:100%;}
#container > section .sec-tit .line::after {content:"";position:absolute;left:80px;right:0;top:50%;height:1px;background:#E5E5EC;}

#container .main-visual {position:relative;padding:140px 0 60px;width:100%;background:url('../images/main_bg.jpg') no-repeat center/cover;overflow:hidden;}
.main-visual::before {content:"";position:absolute;left:0;top:0;z-index:2;width:calc(50% - 700px);height:100%;background:linear-gradient(270deg, rgba(0,0,0,0) 19.29%, #000 90.48%);}
.main-visual::after {content:"";position:absolute;right:0;top:0;z-index:2;width:calc(50% - 500px);height:100%;background:linear-gradient(90deg, rgba(0,0,0,0) 19.29%, #000 90.48%);}
.main-visual:has(.swiper-button-prev.swiper-button-disabled)::before,
.main-visual:has(.swiper-button-next.swiper-button-disabled)::after {content:none;}
.main-visual .main-swiper {position:relative;width:1770px;margin:0 auto;}
.main-swiper .swiper-slide {padding:0 25px;}
.main-swiper .slide-box {position:relative;display:flex;width:100%;padding:0 0 140%;justify-content:center;align-items:center;background-position:center;background-size:cover;border-radius:30px;overflow:hidden;}
.main-swiper .slide-box .over-layer {position:absolute;left:0;top:0;padding:40px 35px;display:flex;flex-wrap:wrap;align-items:flex-end;width:100%;height:100%;background:linear-gradient(180deg, rgba(56,110,182,0) 38.56%, #386EB6 91.51%);opacity:0;transition:.3s;}
.main-swiper .slide-box:hover .over-layer {opacity:1;}
.main-swiper .slide-box .over-layer .label {display:inline-flex;padding:0 5px;line-height:25px;font-weight:700;font-size:15px;color:#376DB5;background:#fff;border-radius:5px;box-shadow:0 4px 10px 0 rgba(0,0,0,.05);}
.main-swiper .slide-box .over-layer .title {margin:10px 0 0;font-family:"DM Serif Text", serif;font-style:italic;font-size:40px;color:#fff;line-height:40px;}
.main-visual [class^="swiper-button-"] {width:55px;height:55px;color:transparent;background:url('../images/slide_btn.svg') no-repeat center;border:0;user-select:none;}
.main-visual [class^="swiper-button-"].swiper-button-prev {transform:rotate(180deg);}
.main-visual [class^="swiper-button-"].swiper-button-disabled {display:none;}
.main-visual [class^="swiper-button-"]::after {content:none;}

.intro-sec {text-align:center;}
.intro-sec .sec-tit {justify-content:center;}
.intro-sec .desc {margin:0 0 40px;}
.intro-sec .desc p {line-height:1.7;color:#767676;}
.intro-sec .desc p.black {font-size:1.1em;color:#1c1c1c;}
.intro-sec .desc .point {color:#376DB5;}
.desc .line-ani {color:#376DB5;background-size:0 1px;background-image:linear-gradient(#376DB5, #376DB5);background-repeat:no-repeat;background-position:left bottom;transition:background-size 1s;}
.desc .line-ani.ani-show {background-size:100% 1px;}
.intro-sec .desc .down-line {position:absolute;right:0;top:-130px;text-align:right;}
.intro-sec .desc .down-line a {position:relative;display:inline-flex;justify-content:space-between;align-items:center;padding:10px 20px;height:46px;border:1px solid #E5E5EC;overflow:hidden;}
.intro-sec .desc .down-line img {vertical-align:top;}
.intro-sec .desc .down-line a .text {display:flex;line-height:26px;font-weight:500;transition:all .2s ease-in-out;}
.intro-sec .desc .down-line a .icon {display:flex;width:20px;height:26px;background:url('../images/icon_doc2.png') no-repeat 0 2px/auto 20px;margin-right:5px;}
.intro-sec .desc .down-line a .bg {background:#444;width:100%;height:100%;position:absolute;left:0;bottom:0;transform:translateX(-101%);z-index:-1;transition:all .2s ease-in-out;}
.intro-sec .desc .down-line a:hover .text {color:#fff;}
.intro-sec .desc .down-line a:hover .icon {background-position:100% 2px;}
.intro-sec .desc .down-line a:hover .bg {transform:translateX(0);}

.gall-area {margin:30px 0 0;position:relative;height:569px;overflow:hidden;transition:all .2s ease-in-out;}
.gall-area::after {content:"";position:absolute;left:0;bottom:0;z-index:2;width:100%;height:229px;background:linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 63.37%);}
.gall-area ul {position:absolute;left:50%;top:0;z-index:1;transform:translateX(-50%);display:flex;align-content:space-around;flex-flow:column wrap;gap:30px 25px;width:2075px;height:706px;margin:0 auto;transition:all .2s ease-in-out;}
.gall-area li {width:275px;height:274px;background-position:center;background-size:cover;border-radius:30px;overflow:hidden;opacity:0;transition:width .2s ease-in-out,height .2s ease-in-out;}
.gall-area li:first-child,
.gall-area li:nth-child(9) {margin-top:33px;}
.gall-area li:nth-child(3),
.gall-area li:nth-child(7),
.gall-area li:nth-child(11) {margin-top:128px;}

.news-sec {position:relative;overflow:hidden;}
.news-sec .sec-tit {width:1420px;border-bottom:1px solid #E5E5EC;margin:0 auto 40px;}
.news-sec .more-btn {position:absolute;right:50%;top:162px;margin-right:-710px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;width:145px;height:60px;border:1px solid #E5E5EC;overflow:hidden;}
.news-sec .more-btn .text {display:flex;line-height:27px;font-weight:500;transition:all .2s ease-in-out;}
.news-sec .more-btn .icon {display:flex;width:16px;height:27px;background:url('../images/icon_arrow.svg') no-repeat center;}
.news-sec .more-btn .bg {background:#444;width:100%;height:100%;position:absolute;left:0;bottom:0;transform:translateX(-101%);z-index:-1;transition:all .2s ease-in-out;}
.news-sec .more-btn:hover .text {color:#fff;}
.news-sec .more-btn:hover .icon {background-image:url('../images/icon_arrow_white.svg');}
.news-sec .more-btn:hover .bg {transform:translateX(0);}
.news-area {display:flex;justify-content:space-between;width:1420px;margin:0 auto 70px;}
.news-area li {width:408px;}
.news-area a {display:flex;flex-direction:column;gap:16px;}
.news-area .tit {line-height:34px;height:68px;font-weight:500;font-size:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-area .cont {line-height:31px;height:93px;color:#767676;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-area .date {line-height:1.5;color:#767676;}

.marquee-slide {width:100%;height:80px;overflow:hidden;}
body:has(.history-sec) .marquee-slide {height:100px;}
.marquee-slide .simply-scroll {width:100%;height:auto;margin:0;}
.marquee-slide .simply-scroll .simply-scroll-clip {width:100%;height:auto;}
.marquee-slide .marquee-container {display:flex;height:100px;line-height:100px;font-weight:900;font-size:100px;color:#f8f8f8;}
.marquee-slide .marquee-container .slide-box {width:auto;height:auto;white-space:nowrap;will-change:transform;transform:translateX(0);animation:marquee 12s linear infinite;}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.go-top {position:fixed;right:42px;bottom:40px;z-index:99;width:50px;height:50px;font-size:1px;color:transparent;background:#333 url('../images/icon_arrow_up.svg') no-repeat center;overflow:hidden;border:0;border-radius:50%;display:none;}

#footer {display:flex;align-items:center;width:100%;height:186px;background:#1C1C1C;}
#footer .footer-inner {display:flex;width:1720px;margin:0 auto;overflow:hidden;}
.footer-inner .address {display:flex;gap:4px 0;flex-wrap:wrap;width:870px;}
.footer-inner .address .line {display:flex;align-items:center;height:23px;}
.footer-inner .address p {display:flex;gap:8px;margin-left:20px;}
.footer-inner .address p:first-child {margin-left:0;}
.footer-inner .address p b,
.footer-inner .address p span {display:flex;font-size:15px;color:#fff;white-space:nowrap;}
.footer-inner .copyright {margin-left:auto;line-height:1.5;font-size:14px;color:#fff;}

/* ===================================================== SUB ===================================================== */

.sub-visual {padding:0 !important;display:table;width:100%;height:250px;background:url('../images/main_bg.jpg') no-repeat 50% 0/cover;}
.sub-visual .table-cell {display:table-cell;text-align:center;vertical-align:middle;width:100%;height:100%;}
.sub-visual span {padding:0 0 1px;font-family:"DM Serif Text", serif;line-height:1.25;font-size:45px;color:#fff;}
.sub-visual span {background-size:100% 1px;background-image:linear-gradient(#fff, #fff);background-repeat:no-repeat;background-position:0 100%;}

.sub-page .intro-sec .sec-tit {position:relative;padding:0 !important;width:1420px;margin:0 auto 40px;}
.sub-page .intro-sec .desc {width:1420px;margin:0 auto 50px;}
.sub-page .intro-sec .desc strong {display:block;margin:0 0 24px;font-weight:500;font-size:22px;line-height:1.7;color:#333;}
.intro-sec .sub-img {width:100%;height:400px;background:url('../images/sub_about.jpg') no-repeat 100% 100%/cover;}

.history-sec {width:1420px;margin:0 auto;}
.history-sec .sec-tit {justify-content:center;}
.history-cont {position:relative;}
.history-cont .timeline {position:absolute;left:50%;margin-left:-0.5px;top:0;width:1px;height:100%;background:#E5E5EC;}
.history-cont li {min-height:60px;}
.history-cont li:first-child {margin:0;}
.history-cont li .month {position:relative;}
.history-cont li:nth-child(2n+1) .month {padding-right:calc(50% + 84px);}
.history-cont li:nth-child(2n) .year,
.history-cont li:nth-child(2n) .month {padding-left:calc(50% + 84px);}
.history-cont li .img {display:flex;width:100%;overflow:hidden;margin-bottom:5px;}
.history-cont li .month img {filter:grayscale(100%);transition:all .2s ease-in-out;}
.history-cont li .month:hover img {filter:grayscale(0);}
.history-cont li .year {float:left;font-family:"DM Serif Text", serif;font-style:italic;font-size:40px;line-height:60px;color:#333;}
.history-cont li .event {margin-left:120px;padding:4px 0;line-height:26px;color:#767676;}
.history-cont li .event .line-ani {background-size:0 1px;background-image:linear-gradient(#767676, #767676);background-repeat:no-repeat;background-position:left bottom;transition:background-size 1s;}
.history-cont li .event .line-ani.ani-show {background-size:100% 1px;}
.history-cont li .img + .event {margin-left:0;}
.history-cont li .month + .month {margin-top:20px;}
.history-cont li .month::after {content:"";position:absolute;left:50%;top:50%;margin:-5.5px 0 0 -5.5px;display:block;width:10px;height:10px;background:#1C1C1C;border-radius:50%;}
.history-cont li:nth-child(2n) .month::after {background:#555;}

.direction-sec {padding:100px 0 !important;width:1420px;margin:0 auto;}
.direction-sec .map-box {position:relative;width:100%;height:480px;background:#E5E5EC;overflow:hidden;margin:40px 0 0;}
.direction-sec .map-box > * {position:absolute !important;left:0;top:0;width:100% !important;height:100% !important;}
.direction-sec .flex-box {display:flex;justify-content:space-between;}
.direction-sec .sec-tit {position:relative;padding:0 !important;width:45.8%;height:72px;}
.direction-sec .address {display:flex;gap:17px;flex-wrap:wrap;width:48.6%;}
.direction-sec .address .line {display:flex;align-items:center;width:100%;}
.direction-sec .address p {display:flex;gap:16px;margin-left:40px;}
.direction-sec .address p:first-child {margin-left:0;}
.direction-sec .address p b {display:flex;line-height:1.7;color:#1C1C1C;}
.direction-sec .address p span {display:flex;line-height:1.7;color:#767676;white-space:unset;}

.member-list {display:flex;gap:25px 30px;flex-wrap:wrap;width:1420px;margin:0 auto 100px;}
.member-list li {padding:20px;width:calc((100% - 90px)/4);border:1px solid #eee;border-radius:30px;overflow:hidden;box-shadow:0 4px 20px 0 rgba(0,0,0,.05);}
.member-list .img {position:relative;width:140px;height:180px;background:#E5E5EC;border-radius:15px;overflow:hidden;margin:0 auto 15px;}
.member-list .txt-inner {text-align:center;}
.member-list .intro {font-weight:500;}
.member-list .intro .job {font-weight:400;font-size:16px;}
.member-list .intro .name {font-size:24px;white-space:nowrap;}
.member-list .work {margin:20px 0 0;}
.member-list .work dt {font-size:0.9em;color:#767676;margin:0 0 3px;} 
.member-list .work dd {position:relative;font-size:18px;} 

.contents-sec {width:1420px;margin:0 auto;font-size:20px;}
.contents-sec .subject {position:relative;display:block;padding-left:25px;text-align:left;font-family:"DM Serif Text", serif;font-weight:500;font-size:40px;}
.contents-sec .subject + * {margin-top:35px;}
.contents-sec .subject::before {content:"";position:absolute;left:0;top:18px;display:block;width:10px;height:11px;background:#376DB5;}
.contents-sec > .desc {line-height:1.5;}
.contents-sec > * + .desc {margin-top:35px;}
.contents-sec > .desc .sub {font-size:0.9em;color:#767676;}
.contents-sec .img-slider {overflow:visible;}
.contents-sec .img-slider .swiper-slide {display:inline-flex;width:auto;min-width:406px;height:390px;}
.contents-sec .img-slider .swiper-wrapper {transition-timing-function:linear !important;}
.contents-sec .trust-img-box {text-align:center;}
.contents-sec .trust-img {margin:15px 0 0;width:300px;box-shadow:2px 2px 15px 0 rgba(0,0,0,0.13);transition:.2s;}
.contents-sec .trust-img:hover {transform:scale(1.1);}
.contents-sec .right-list {display:flex;flex-wrap: wrap;justify-content: center;padding:20px 0;width: 1200px;margin-inline: auto;}
.contents-sec .right-list li {display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 30px;width: 33%;height: 340px;text-align:center;line-height:1.3;box-shadow: 0 4px 20px 0 rgba(0,0,0,.05);}
.contents-sec .right-list li .ico {display:block;height:80px;background-repeat:no-repeat;background-position:center;background-size:contain;}
.contents-sec .right-list li .ico.right1 {background-image:url('../images/icon_right01.svg');}
.contents-sec .right-list li .ico.right2 {background-image:url('../images/icon_right02.svg');}
.contents-sec .right-list li .ico.right3 {background-image:url('../images/icon_right03.svg');}
.contents-sec .right-list li .ico.right4 {background-image:url('../images/icon_right04.svg');}
.contents-sec .right-list li .ico.right5 {background-image:url('../images/icon_right05.svg');}
.contents-sec .right-list li .tit {position:relative;display:block;font-weight:600;font-size:20px;}
.contents-sec .right-list li .tit .num {position:absolute;left:0;top:0;font-style:normal;}
.contents-sec .right-list li .desc {display:block;font-size:18px;color:#767676;}
.contents-sec .graph-list {margin:20px 0 0;display:flex;justify-content:space-between;}
.contents-sec .graph-list li {width:calc((100% - 80px)/3);text-align:center;box-shadow:0 4px 20px 0 rgba(0,0,0,.05);}
.contents-sec .graph-list li .statis {padding:60px 0;display:flex;flex-direction:column;gap:24px;}
.contents-sec .graph-list .name {font-weight:500;font-size:16px;line-height:1.4;color:#376DB5;}
.contents-sec .graph-list .num {font-family:"DM Serif Text", serif;font-size:60px;line-height:1.2;color:#111;}
.contents-sec .graph-list .num * {vertical-align:top;font-family:"DM Serif Text", serif;}
.contents-sec .graph-list .unit {font-size:16px;line-height:1.2;color:#767676;}
.contents-sec .item-list li {margin-top:15px;}
.contents-sec .icon-list {display:flex;flex-wrap:wrap;gap:20px 0;justify-content:space-between;}
.contents-sec .icon-list li {display:flex;gap:20px;align-items:center;padding:15px;width:32%;font-size:0.9em;background:linear-gradient(90deg, rgba(241,241,241,.2) 10%, #F1F1F1 90.48%);border-radius:10px;margin:0;}
.contents-sec .icon-list.num4 li {width:24%;}
.contents-sec .icon-list.num2 li {width:49%;}
.contents-sec .icon-list .text {display:inline-flex;flex-wrap:wrap;width:calc(100% - 80px);}
.contents-sec .icon-list .text .tit {display:block;width:100%;margin:0 0 2px;}
.contents-sec [class^="icon-"] {display:inline-block;width:60px;height:60px;background-position:center;background-size:100% auto;background-repeat:no-repeat;}
.icon-protect {background-image:url('../images/icon_protect.svg');background-size:80% auto !important;}
.icon-trust {background-image:url('../images/icon_trust.svg');}
.icon-law {background-image:url('../images/icon_law.svg');background-size:80% auto !important;}
.icon-lawmaking {background-image:url('../images/icon_lawmaking.svg');}
.icon-government {background-image:url('../images/icon_government.svg');}
.icon-policy {background-image:url('../images/icon_policy.svg');}
.icon-labor {background-image:url('../images/icon_labor.svg');}
.icon-guarantee {background-image:url('../images/icon_guarantee.svg');background-size:90% auto !important;}
.icon-raise {background-image:url('../images/icon_raise.png');background-size:90% auto !important;}
.icon-checkup {background-image:url('../images/icon_checkup.png');}
.icon-event {background-image:url('../images/icon_event.png');}
.icon-lawsupport {background-image:url('../images/icon_lawsupport.png');}
.icon-sprout {background-image:url('../images/icon_sprout.png');}
.icon-welfare {background-image:url('../images/icon_welfare.png');}
.icon-other {background-image:url('../images/icon_other.png');}
.contents-sec .diagram {padding:30px 0 0;width:100%;text-align:center;}
.contents-sec .diagram ul {display:flex;width:1320px;margin:0 auto;}
.contents-sec .diagram ul li {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;width:360px;height:360px;color:#eee;background:#386EB6;mix-blend-mode:multiply;border-radius:50%;}
.contents-sec .diagram ul li:nth-child(2n) {background:#A1C1E6;color:#fff;}
.contents-sec .diagram ul li + li {margin-left:-40px;}
.contents-sec .diagram ul li .num {font-family:"DM Serif Text", serif;font-style:italic;font-weight:400;font-size:45px;line-height:1.2;color:#fff;}
.contents-sec .diagram ul li .con {position:relative;width:66.6%;height:140px;font-size:20px;line-height:1.5;letter-spacing:-0.5px;margin:0 auto;}
.contents-sec .diagram ul li .con::before {content:"";position:absolute;left:50%;margin-left:-50px;top:-20px;display:block;width:100px;height:1px;background:rgba(255,255,255,.9);}

.contents-sec.board-sec {padding-bottom:100px !important;}
.board-top {display:flex;flex-direction:row-reverse;justify-content:space-between;margin:0 0 12px;}
.board-top .total {display:flex;align-items:flex-end;}
.board-top .total .num {margin-left:5px;}
.search-box {display:flex;justify-content:space-between;width:510px;}
.search-box .srh-option {padding:0 5px;width:100px;height:46px;font-size:16px;border:1px solid #888;border-radius:3px;}
.search-box .srh-input {padding:0 10px;width:calc(100% - 164px);height:46px;border:1px solid #888;border-radius:3px;}
.search-box .srh-btn {width:50px;height:46px;background:#376DB5 url('../images/icon_search.svg') no-repeat center;font-size:1px;color:transparent;border:0;border-radius:3px;overflow:hidden;}
.com-table {width:100%;border-top:1px solid #19223F;margin:0 auto;}
.com-table thead th {padding:12px 15px;background:#f9f9f9;border-bottom:1px solid #ccc;text-align:center;color:#333;}
.com-table.th-left thead th {text-align:left;}
.com-table th,
.com-table td {padding:10px;text-align:center;font-size:0.9em;color:#777;background:#fff;border-bottom:1px solid #e1e1e0;}
.com-table th {background:#f5f5f5}
.com-table tbody td + th {border-left:1px solid #ededed;}
.com-table td .tit {display:none;}
.com-table td.title a {display:block;padding:4px 5px 3px;text-align:left;line-height:1.4;}
.com-table td.title a:hover {text-decoration:underline;}
.table-scrl {width:1000px;margin:0 auto;}
.table-scrl .com-table img {width:80px;}
.table-scrl .com-table td + td {border-left:1px solid #e1e1e0;}

.company-list li {display:flex;width:100%;border-bottom:1px solid #CCC;}
.company-list li .link {display:flex;gap:30px;width:100%;}
.company-list li .link .url {margin:15px 0 0;word-break:break-all;overflow:hidden;}
.company-list li .link:hover .url {text-decoration:underline;}
.company-list li .logo {display:flex;justify-content:center;align-items:center;width:40%;height:140px;}
.company-list li .logo img {width:290px;height:auto;}
.company-list li .intro {display:flex;align-items:center;width:calc(60% - 30px);}
.company-list .txt-inner {text-align:left;}
.company-list .txt-inner .name {font-weight:500;font-size:1.2em;}
.company-list .txt-inner .name .full {display:block;font-weight:400;font-size:0.7em;color:#767676;}
.logo-list {display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center;padding:0 0 15px;margin:25px 0 0 !important;}
.logo-list li {display:flex;align-items:center;}
.logo-list li img {width:auto;height:74px;}
.logo-list + .subject {margin-top:50px;}


@media screen and (max-width: 1820px) {
    #header .header-inner {padding:0 25px;width:100%;}
    
    .sub-page #container > section {padding:75px 0 0;}
    .direction-sec,
    .contents-sec.board-sec {padding-block:70px !important;}
    #container > section .sec-tit {padding:0 0 30px;}
    
    #container .main-visual {padding:150px 0 70px;}
    .main-visual::before,
    .main-visual::after {width:140px;}
    .main-visual .main-swiper {width:100%;}

    .intro-sec .desc {margin:0 0 35px;}

    .news-sec .sec-tit {margin-bottom:30px;}
    .news-sec .more-btn {top:142px;}

    #footer .footer-inner {padding:0 25px;width:100%;}
}
@media screen and (max-width: 1650px) {
    body {font-size:16px;}
    #wrap.sub-page {padding:80px 0 0}

    #header {height:80px;}
    #header .logo a {width:200px;height:40px;}
    #gnb ul {gap:50px;}
    #gnb ul li a {height:79px;}
    .lang-select li a {font-size:15px;}
    
    #container > section .sec-tit {font-size:55px;}
    #container > section .sec-tit .line::after {left:60px;}

    #container .main-visual {padding:120px 0 60px;}

    .gall-area {height:480px;}
    .gall-area::after {height:180px;}
    .gall-area ul {width:1660px;gap:20px;}
    .gall-area li {width:220px;height:220px;}
    .gall-area li:first-child,
    .gall-area li:nth-child(9) {margin-top:24px;}
    .gall-area li:nth-child(3),
    .gall-area li:nth-child(7),
    .gall-area li:nth-child(11) {margin-top:90px;}

    .sub-visual {height:200px;}
    .sub-visual span {font-size:36px;}

    .history-cont li .year {font-size:36px;}
    .history-cont li .event {margin-left:110px;}
    .history-cont li:nth-child(2n+1) .month {padding-right:calc(50% + 60px);}
    .history-cont li:nth-child(2n) .year,
    .history-cont li:nth-child(2n) .month {padding-left:calc(50% + 60px);}

    .contents-sec .subject {padding-left:22px;font-size:39px;}
    .contents-sec .subject + * {margin-top:30px;}
}
@media screen and (max-width: 1480px) {
    body {font-size:15px;}
    #wrap.sub-page {padding:80px 0 0}
    #header {height:80px;}
    #header .header-inner {gap:5%;}
    #gnb ul {gap:45px;}
    #gnb ul li a {height:79px;}
    .lang-select li a {font-size:15px;}

    #footer {padding:30px 0;height:auto;}
    #footer .footer-inner {flex-direction:column;}
    .footer-inner .address {width:100%;}
    .footer-inner .copyright {margin:25px 0 0;}

    .contents-sec.board-sec {padding-bottom:40px !important;}
    .news-sec .sec-tit,
    .intro-sec .sec-tit,
    .intro-sec .desc p,
    .sub-page .intro-sec .sec-tit,
    .sub-page .intro-sec .desc,
    .history-sec,
    .direction-sec,
    .member-list,
    .contents-sec {position:relative;padding-inline:25px !important;width:100%;border-bottom:0;}
    .intro-sec.contents-sec.board-sec .subject {margin-inline:25px !important;}
    .contents-sec:has(.fair-img) {padding-top:50px !important;}
    
    .sub-page .intro-sec .sec-tit {margin-bottom:24px;}
    .sub-page .intro-sec .desc strong {font-size:18px;line-height:1.5;margin-bottom:15px;}
    .intro-sec .desc .down-line {top:-112px;}

    .news-sec .sec-tit::after {content:"";position:absolute;left:25px;right:25px;bottom:0;height:1px;background:#E5E5EC;}
    .news-sec .more-btn {top:108px;right:25px;margin-right:0;}
    .news-area {padding:0 25px;width:100%;gap:25px;}
    .news-area .tit {line-height:30px;height:60px;font-size:22px;}
    .news-area .cont {line-height:26px;height:78px;}

    .direction-sec .map-box {width:auto;margin-inline:-25px !important;}

    .member-list {gap:20px;margin:0 0 80px;}
    .member-list li {width:calc((100% - 60px)/4);}

    .contents-sec {font-size:18px;}
    .contents-sec .subject {padding-left:18px;font-size:36px;}
    .contents-sec .subject + * {margin-top:25px;}
    .contents-sec .icon-list.num4 {flex-wrap:wrap;}
    .contents-sec .icon-list.num4 li {width:49.5%;}
}
@media screen and (max-width: 1410px) {
    .contents-sec .right-list {flex-direction:column;padding:15px;width:100%;}
    .contents-sec .right-list li {flex-direction:row;align-items:center;padding:10px 20px;width:100%;height:auto;text-align:left;}
    .contents-sec .right-list li .ico {width:50px;}
    .contents-sec .right-list li .tit {width:calc(35% - 50px);}
    .contents-sec .right-list li .desc {padding-left:10px;width:65%;}

    .contents-sec .diagram ul {display:flex;justify-content:center;padding:0 25px;width:100%;}
    .contents-sec .diagram ul li {gap:40px;width:25vw;height:25vw;}
    .contents-sec .diagram ul li + li {margin-left:-3vw;}
    .contents-sec .diagram ul li .num {font-size:3vw;}
    .contents-sec .diagram ul li .con {width:70%;height:8.4vw;font-size:1.4vw;}
    .contents-sec .diagram ul li .con::before {margin-left:-3.5vw;width:7vw;}
}
@media screen and (max-width: 1320px) {
    #header .header-inner {gap:0;justify-content:space-between;}
    .menu-area {width:80px;}
    .menu-area .menu-wrap {position:fixed;top:0;right:0;z-index:100;width:100%;height:100%;visibility:hidden;transition:.5s;}
    #header .m-menu-btn {display:block;}
    .menu-area .menu-wrap.active {visibility:visible;}
    .menu-area .menu-wrap.active .dimmed {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.6);cursor:pointer;}
    .menu-wrap .menu-inner {position:absolute;right:-75%;top:0;z-index:2;flex-direction:column;justify-content:flex-start;width:75%;height:100%;background:#fff;transition:right .5s;}
    .menu-wrap.active .menu-inner {right:0;}
    .menu-wrap .m-header {display:flex;}
    #gnb ul {flex-direction:column;gap:0;}
    #gnb ul li {position:relative;width:100%;}
    #gnb ul li::after {content:"";position:absolute;left:15px;right:15px;bottom:1px;height:1px;background:#DDD;}
    #gnb ul li a {height:auto;padding:16px 15px;}
    #gnb ul li a::after {content:none;}
    #gnb ul li a {color:#333 !important;}
    #gnb ul li:hover a,
    #gnb ul li.on a {color:#376DB5 !important;}
    .lang-select {margin:20px 0 0;}
    .lang-select li.on a {color:#666;}

    .intro-sec .sub-img {height:300px;}

    .history-cont li .event {margin-left:85px;}
    .history-cont li:nth-child(2n+1) .month {padding-right:calc(50% + 40px);}
    .history-cont li:nth-child(2n) .year,
    .history-cont li:nth-child(2n) .month {padding-left:calc(50% + 40px);}

    .contents-sec .graph-list li {width:calc((100% - 60px)/3);}

    .search-box .srh-option {width:90px;height:42px;font-size:15px;}
    .search-box .srh-input {width:calc(100% - 142px);height:42px;font-size:15px;}
    .search-box .srh-btn {width:42px;height:42px;background-size:24px auto;}
}
@media screen and (max-width: 1210px) {
    .main-visual .main-swiper {margin-inline:10px 0;width:calc(100% - 10px);}
    .main-swiper .swiper-slide {padding:0 15px;}
    .direction-sec .map-box {margin:25px 0 0;}
    .direction-sec .flex-box {flex-wrap:wrap;}
    .direction-sec .sec-tit {width:100%;height:auto;margin:0 0 20px;}
    .direction-sec .address {gap:10px;width:100%;}
    .direction-sec .address p br {display:none;}
    .member-list li {width:calc((100% - 40px)/3);}
    .contents-sec .graph-list li .statis {padding:3.2vw 0;gap:2vw;}
    .contents-sec .graph-list .name,
    .contents-sec .graph-list .unit {font-size:1.4vw;}
    .contents-sec .graph-list .num {font-size:5vw;}
}
@media screen and (max-width: 1040px) {
    #container > section .sec-tit {font-size:48px;}
    #container > section .sec-tit .text {white-space:normal;}
    #container > section .sec-tit .line::after {left:40px;}
    .intro-sec .desc .down-line {top:-108px;}
    .marquee-slide {height:64px;}
    .marquee-slide .marquee-container {height:80px;line-height:80px;font-size:80px;}
    .news-sec .more-btn {top:96px;}
    .sub-page .intro-sec .desc br {display:none;}
    .direction-sec .map-box {height:300px;}
    .contents-sec .graph-list li {width:calc((100% - 30px)/3);box-shadow:0 4px 12px 0 rgba(0,0,0,.05);}
    .contents-sec .icon-list {flex-direction:column;}
    .contents-sec .icon-list li {width:100% !important;box-shadow:0 4px 12px 0 rgba(0,0,0,.05);}
    .contents-sec .diagram ul {flex-wrap:wrap;padding:0;width:500px;}
    .contents-sec .diagram ul li {gap:30px;width:260px;height:260px;}
    .contents-sec .diagram ul li + li {margin-left:-30px;}
    .contents-sec .diagram ul li:nth-child(3) {margin:-30px 0 0;}
    .contents-sec .diagram ul li:nth-child(4) {margin:-30px 0 0 -30px;}
    .contents-sec .diagram ul li .num {font-size:30px;}
    .contents-sec .diagram ul li .con {height:90px;font-size:15px;}
    .contents-sec .diagram ul li .con::before {top:-15px;margin-left:-35px;width:70px;}
    .search-box {width:460px;}
    .com-table colgroup,
    .com-table thead {display:none;}
    .com-table tr {position:relative;display:block;background:#fff;border-bottom:1px solid #e1e1e0;}
    .com-table td {padding:0;display:block;background:none;text-align:right;line-height:20px;font-size:0.7em;border:0;}
    .com-table td.num {position:absolute;left:5px;top:5px;}
    .com-table td.title {width:100%;}
    .com-table td.title a {padding:30px 160px 30px 5px;font-size:1.1em;}
    .com-table td.writer {position:absolute;right:0;bottom:50px;white-space:nowrap;}
    .com-table td.date {position:absolute;right:0;bottom:30px;white-space:nowrap;}
    .com-table td.view {position:absolute;right:0;bottom:10px;white-space:nowrap;}
    .com-table td .tit {display:inline;font-weight:300;font-size:0.9em;color:#999;}
    .table-scrl {width:calc(100% - 50px);margin:0 auto;}
    .table-scrl .swiper-slide {width:auto;}
    .table-scrl .com-table {width:750px;}
    .table-scrl .com-table colgroup {display:table-column-group;}
    .table-scrl .com-table thead {display:table-header-group;}
    .table-scrl .com-table tr {display:table-row;border:0;}
    .table-scrl .com-table td {padding:10px;display:table-cell;text-align:center;font-size:0.9em;background:#fff;border-bottom:1px solid #e1e1e0;}

    .footer-inner .address .line {flex-wrap:wrap;padding-right:50px;width:100%;height:auto;}
    .footer-inner .address p b, 
    .footer-inner .address p span,
    .footer-inner .copyright {font-size:13px;}
}
@media screen and (max-width: 910px) {
    .main-visual::before,
    .main-visual::after {width:90px;}
    .main-visual .main-swiper {margin-inline:18px 0;width:calc(100% - 18px);}
    .main-swiper .swiper-slide {padding:0 7px;}
    .main-swiper .slide-box {border-radius:15px;}

    .member-list {gap:15px;}
    .member-list li {width:calc((100% - 15px)/2);}
    
    .contents-sec .subject {font-size:32px;}
    .contents-sec .subject::before {top:15px;width:9px;height:10px;}
    .contents-sec .diagram {padding:10px 0 0;}
    .contents-sec .img-slider .swiper-slide {min-width:54vw;height:52vw;}
    .contents-sec .img-slider .swiper-slide img {height:52vw;}
    .footer-inner .address p {margin-left:15px;}
    .footer-inner .address .line:first-child p:last-child {width:100%;margin-left:0;}
    .footer-inner .address p b, 
    .footer-inner .address p span,
    .footer-inner .copyright {font-size:12px;}
}
@media screen and (max-width: 840px) {
    .contents-sec .right-list li {flex-direction:column;align-items:center;padding:15px;width:100%;text-align:left;}
    .contents-sec .right-list li + li {border-left:0;border-top:1px dashed #E5E5EC;}
    .contents-sec .right-list li .ico {width:80px;}
    .contents-sec .right-list li .tit {width:100%;}
    .contents-sec .right-list li .desc {padding:0;width:100%;}
}
@media screen and (max-width: 760px) {
    .news-sec .sec-tit,
    .intro-sec .sec-tit,
    .intro-sec .desc p,
    .sub-page .intro-sec .sec-tit,
    .sub-page .intro-sec .desc,
    .history-sec,
    .direction-sec,
    .member-list,
    .contents-sec {padding-inline:15px !important;}
    .intro-sec.contents-sec.board-sec .subject {margin-inline:15px !important;}
    .direction-sec .map-box {margin-inline:-15px !important;}
    #container > section .sec-tit {padding:0 0 24px;font-size:40px;}
    #container > section .sec-tit .line::after {left:20px;}
    .marquee-slide {height:50px;}
    .marquee-slide .marquee-container {height:60px;line-height:60px;font-size:60px;}
    .intro-sec .desc {margin:0 0 30px !important;}
    .intro-sec .desc p br {display:none;}
    .intro-sec .desc .down-line {top:-102px;}
    .intro-sec .sub-img {height:170px;}

    .news-area {display:block;margin:0 auto 40px;}
    .news-area li {border-top:1px solid #ccc;padding:14px 0;width:100%;}
    .news-area li:first-child {border-top:0;padding-top:0;}
    .news-area a {gap:10px;}
    .news-area .tit,
    .news-area .cont {display:block;height:auto;-webkit-line-clamp:none;}
    .news-sec .more-btn {top:87px;justify-content:center;padding:0;width:50px;height:50px;}
    .news-sec .more-btn .text {display:none;}

    .history-cont .timeline {display:none;}
    .history-cont li {margin:15px 0 0;}
    .history-cont li:nth-child(2n+1) .month,
    .history-cont li:nth-child(2n) .year,
    .history-cont li:nth-child(2n) .month {padding:0;}
    .history-cont li .month::after {content:none;}
    .history-cont li .month img {filter:none;}

    .member-list .intro .job {font-size:14px;}
    .member-list .intro .name {font-size:20px;}
    .member-list .work {margin:15px 0 0;}
    .member-list .work dt {margin:0 0 2px;} 
    .member-list .work dd {font-size:16px;}

    .contents-sec .graph-list {flex-wrap:wrap;gap:15px;}
    .contents-sec .graph-list li {width:100%;text-align:center;}
    .contents-sec .graph-list li .statis {padding:40px 0;gap:15px;}
    .contents-sec .graph-list .name,
    .contents-sec .graph-list .unit {font-size:15px;}
    .contents-sec .graph-list .num {font-size:55px;}

    .board-top {flex-direction:column;margin-bottom:5px;}
    .board-top .total {justify-content:flex-end;padding:15px 0 0;font-size:0.8em;}
    .search-box {width:100%;}

    .go-top {bottom:25px;right:25px;}
    
    #footer .footer-inner {padding:0 15px;}
    .footer-inner .address .line {line-height:1.4;}
    .footer-inner .address .line:last-child {margin-top:-2px;}
    .footer-inner .address .line:first-child p:last-child,
    .footer-inner .address .line:last-child p:last-child {width:100%;margin:1px 0 0;}
}
@media screen and (max-width: 687px) {
    .footer-inner .address p {margin-left:10px;}
    .footer-inner .address p b, 
    .footer-inner .address p span,
    .footer-inner .copyright {font-size:11px;}
    .footer-inner .address p span {white-space:unset;}

    .direction-sec .sec-tit {margin:0 0 20px;}
    .direction-sec .address {gap:5px;}

    .com-table td.title a {padding:30px 5px 80px;}
}
@media screen and (max-width: 627px) {
    .sub-visual {padding:0 25px;}
    .sub-visual span {text-align:center;font-size:32px;}
    .company-list li .link .url {font-size:0.9em;}
    .company-list .txt-inner .name {font-size:1.1em;}
    .logo-list li img {height:54px;}
    .footer-inner .address .line p {width:100%;margin:0 !important;}
    .footer-inner .address .line:nth-child(2) {margin-top:-2px;}
    .footer-inner .address .line:nth-child(2) p + p {margin-top:3px !important;width:auto;}
    .footer-inner .address .line:nth-child(2) p:last-child {margin-left:10px !important;}
}
@media screen and (max-width: 540px) {
    #container > section .sec-tit {font-size:32px;}
    .intro-sec .desc .down-line {top:-116px;}
    .contents-sec .subject {padding-left:16px;font-size:28px;}
    .contents-sec .subject::before {top:13px;width:7px;height:8px;}
    
    .news-sec .sec-tit {padding-right:80px !important;}
    .news-sec .sec-tit br {display:none;}

    .member-list li {width:100%;}

    .contents-sec .diagram ul {width:100%;}
    .contents-sec .diagram ul li {gap:4px;width:45vw;height:45vw;}
    .contents-sec .diagram ul li + li {margin-left:-3vw;}
    .contents-sec .diagram ul li:nth-child(3) {margin:-3vw 0 0;}
    .contents-sec .diagram ul li:nth-child(4) {margin:-3vw 0 0 -3vw;}
    .contents-sec .diagram ul li .num {font-size:20px;}
    .contents-sec .diagram ul li .con {width:80%;height:72px;font-size:13px;line-height:1.4;}
    .contents-sec .diagram ul li .con::before {top:-3px;margin-left:-20px;width:40px;}
}
@media screen and (max-width: 516px) {
    #header .m-header .logo a {width:160px;}
    .main-swiper .slide-box .over-layer {padding:20px;}
    .main-swiper .slide-box .over-layer .title {line-height:35px;font-size:33px;}
    .news-sec .more-btn {top:98px;}
    .direction-sec .address .line {flex-wrap:wrap;}
    .direction-sec .address p {flex-wrap:wrap;gap:0;width:100%;margin:7px 0 0;}
    .direction-sec .address p b {width:100%;line-height:1.2;}
    .company-list li .link {padding:20px 0;flex-direction:column;gap:15px;}
    .company-list li .logo,
    .company-list li .intro,
    .company-list .txt-inner {display:block;width:100%;height:auto;text-align:center;}
    .company-list li .logo img {width:70%;}
}