@charset "utf-8";

:root {--main-color:#e60022;}

* {letter-spacing: -0.2px;}

body.m-active {overflow-y: hidden;}
body.header-active::before {content: ""; position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000;}



/* wrap */
#wrap {position: relative; width: 100%;}



/* popup */
.pi-popup-btn { display: flex; justify-content: end; align-items: center; padding: 5px; width: 100%; padding: 5px; background: #F6F6F6; }
.pi-popup-btn label { padding: 0 10px 0 5px; }



/* skip-navigation */
.skip-navigation {position:absolute;}
.skip-navigation a {position:absolute;top:-200px;}
.skip-navigation a:focus,
.skip-navigation a:active {display:block; position: fixed; top:0px; left:0;  width:100%; height:50px; text-align:center; font-size:14px; font-weight:bold; line-height: 50px; color:#fff; background:#ff4964; text-decoration:none; z-index:9999;}



/* header */
.header {position: fixed; top: 0; width: 100%; height: 90px; background-color: transparent; border-bottom: 1px solid rgba(365,365,365,0.2); z-index: 1000; }
body.header-active .header {min-height:90px; height:auto; overflow:hidden;}
.header .header-inner {display: flex; justify-content: space-between; max-width: 1920px; height: 100%; padding: 0 100px; margin: 0 auto;}
.header .logo {height:90px;}
.header .logo a {position: relative; display: flex; width: 240px; height: 100%;}
.header .logo a img {margin: auto;}

/* header 1차 메뉴 */
.gnb {display: flex; }
.gnb .menu {display: flex;}
.gnb > .menu > li {width:220px; text-align:center; line-height: 90px; /*padding: 0 10px !important;*/}
.gnb > .menu > li:nth-child(2) {width:285px;}
.gnb > .menu > li > a {display:block; font-size: 20px; font-weight: 400; color: #fff; transition: .3s;}
.gnb .menu li:hover > a {color: #e60122; transition: .3s;}



/* header 2차 메뉴 */
.two-depth-list {display:none; position: relative; top:1px; padding:20px 23px; z-index:1005;}
body.header-active .gnb .menu:hover .two-depth-list {display: block;}

.two-depth-list:first-of-type::after {content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100vw; height:1px; background-color: #000; opacity:0.05;}
.two-depth-list li {display:none; margin-bottom:15px; text-align:left; line-height:22px;}
/* 시설안내 */
.gnb > .menu > li:nth-of-type(4) .two-depth-list li {text-align:left;}

body.header-active .gnb .menu:hover .two-depth-list li {display:block;}
.gnb > .menu > li:nth-of-type(2n-1) .two-depth-list::before {content:""; position:absolute; top:0; left:0; width:100%; height:0; background-color:#F4F7F8; z-index:-1;}
body.header-active .gnb .menu:hover li:nth-of-type(2n-1) .two-depth-list::before {height:100vh;}
.two-depth-list li a {font-size: 15.5px; word-break: keep-all;}



/* header 웹접근성 */
.gnb .menu li a:focus .two-depth-list,
.gnb .menu li a:focus-within .two-depth-list {display: block;}
.gnb .menu li a:focus .two-depth-list li,
.gnb .menu li a:focus-within .two-depth-list li{display:block;}

/*
nav.gnb li.sub_dropdown:focus div.dropdown-content,
nav.gnb li.sub_dropdown:focus-within div.dropdown-content {display: block;}
*/
.header .right-menu {display: flex; justify-content: space-between; height:90px;}
.search-btn {position: relative; width: 45px; height: 45px; margin: auto 15px auto 0; border: none; background-color: transparent;}
.ham-btn {display: none; position: relative; width: 45px; height: 45px; margin: auto 25px auto 0; border: none; background-color: transparent;}
.sitemap-btn {position: relative; width: 45px; height: 45px; margin: auto 25px auto 0; border: none; background-color: transparent;}
.sns-btn-wrap {display: flex; justify-content: space-between;}
.sns-btn-wrap li {margin: auto 0;}
.sns-btn-wrap li:not(:last-of-type) {margin: auto 8px auto 0;}
.sns-btn {position: relative; display: inline-block; width: 32px; height: 32px; background-color: transparent; border: none;}

/* header - scroll / focus / scroll-on */
.header:hover,
.header.scroll-on,
.header.search-active,
body.menu-active .header {background-color: #fff; border-bottom: 1px solid #ddd; transition: .3s;}

.header:hover .logo a img,
.header.scroll-on .logo a img,
.header.search-active .logo a img {display: none;}
body.menu-active .header .logo a img {display: none;}

.header:hover .logo a::before,
.header.scroll-on .logo a::before,
.header.search-active .logo a::before,
body.menu-active .header .logo a::before {content:""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 240px; height: 30px; background: url(/assets/images/logo_color.png) no-repeat;}

.header:hover .gnb > .menu > li > a,
.header.scroll-on .gnb > .menu > li > a,
.header.search-active .gnb > .menu > li > a,
body.menu-active .header .gnb > .menu > li > a {color: #000; transition: .3s;}

.header:hover .gnb > .menu > li:hover > a {color: #e60122;}
.header:focus .gnb > .menu > li:focus > a {color: #e60122;}

.header:hover .search-btn img,
.header.scroll-on .search-btn img,
.header.search-active .search-btn img,
body.menu-active .header  .search-btn img {display: none;}

.header:hover .search-btn::before,
.header.scroll-on .search-btn::before,
body.menu-active .header .search-btn::before {content:""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 29px; height: 29px; padding-bottom:4px; background: url(/assets/images/search_icon_black.png) no-repeat;}

.header.search-active .search-btn::before {content:""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 29px; height: 29px; padding-bottom:4px; background: url(/assets/images/search_icon_color.png) no-repeat;}

.header:hover .ham-btn img,
.header.scroll-on .ham-btn img,
.header.search-active .ham-btn img,
body.menu-active .header .ham-btn img {display: none;}

.header:hover .ham-btn::before,
.header.scroll-on .ham-btn::before,
.header.search-active .ham-btn::before,
body.menu-active .header .ham-btn::before {content:""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 25px; height: 23px; padding-bottom:4px; background: url(/assets/images/ham_btn_black.png) no-repeat;}


.header:hover .sitemap-btn img,
.header.scroll-on .sitemap-btn img,
.header.search-active .sitemap-btn img,
body.menu-active .header .sitemap-btn img {display: none;}

.header:hover .sitemap-btn::before,
.header.scroll-on .sitemap-btn::before,
.header.search-active .sitemap-btn::before,
body.menu-active .header .sitemap-btn::before {content:""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 25px; height: 23px; padding-bottom:4px; background: url(/assets/images/ham_btn_black.png) no-repeat;}


.header:hover .sns-btn img,
.header.scroll-on .sns-btn img,
.header.search-active .sns-btn img,
body.menu-active .header .sns-btn img {display: none;}

.header:hover .sns-btn.insta::before,
.header.scroll-on .sns-btn.insta::before,
.header.search-active .sns-btn.insta::before,
body.menu-active .header .sns-btn.insta::before {content: ""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: url(/assets/images/sns_icon_black_01.png) no-repeat;}

.header:hover .sns-btn.facebook::before,
.header.scroll-on .sns-btn.facebook::before,
.header.search-active .sns-btn.facebook::before,
body.menu-active .sns-btn.facebook::before {content: ""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: url(/assets/images/sns_icon_black_02.png) no-repeat;}

.header:hover .sns-btn.youtube::before,
.header.scroll-on .sns-btn.youtube::before,
.header.search-active .sns-btn.youtube::before,
body.menu-active .header .sns-btn.youtube::before {content: ""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: url(/assets/images/sns_icon_black_03.png) no-repeat;}



/* header - search */
.search-area {display: none; position: absolute; top: 90px; left: 0; width: 100%; height: 150px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1); background-color: #fff; z-index: -99;}
.header.search-active .search-area {display: flex; z-index:1005;}
.search-area .search-box {display: flex !important; justify-content: space-between !important; width: 600px !important; min-height:auto !important; height: 50px !important; margin: auto !important; border-radius: 50px !important; background-color: #e7e7e7 !important; overflow:hidden !important;}
.search-area .search-box form {display: flex; width: 100%; min-height:50px; height:100%;}
.search-area .search-box input {width: calc(100% - 70px); height: 100% !important; padding: 10px 20px !important; font-size: 15px; border: none; border-radius: 100px 0 0 100px !important; background-color: transparent; border:none !important;}
.search-area .search-box a {position: relative; display: flex; width: 70px; height: 50px; border-radius: 0 100px 100px 0;}
.search-area .search-box a img {margin: auto; width: 24px; height: auto;}
.search-box .category {font-size:2.4rem !important;}


/* mobile - header */
.m-header {width: 100%; height: 70px; padding: 0 15px; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd;}
.m-header .m-logo a {display: flex; justify-content: space-between; width: 100%; height: 70px;}
.m-header .m-logo a img {width: 170px; margin: auto;}
.m-header .ham-btn {position: relative; width: 32px; background-color: transparent; border: none;}
.m-header .ham-btn::before {display: none;}
.m-header .ham-btn div {position: absolute; width: 24px; height: 3px; top: 50%; left:50%; background-color: #000;}
.m-header .ham-btn.active div:first-of-type {transform: translate(-50%,-50%) rotate(45deg);}
.m-header .ham-btn.active div:last-of-type {transform: translate(-50%,-50%) rotate(-45deg);}

.m-menu-wrap {position:fixed; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0); visibility:hidden; transition: .5s;}
.m-menu-wrap.active {background-color:rgba(0,0,0,0.6); visibility:visible;}

.m-menu {position:fixed; top:0; right:-75%; width:75%; height:100%; padding-bottom:15px; background-color:#fff;  transition:right .5s; }
.m-menu-wrap.active .m-menu {right:0;}

.m-menu .m-inner {height: calc(100% - 70px); overflow-y: auto;}

.m-menu .menu-wrap ul > li.active > a {position: relative; font-weight: 700;}
.m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::before {content: ''; position: absolute; top: 50%; right: 4px; transform: translateY(-50%); width: 16px; height: 2px; background-color: #616161; transition: .3s;}
.m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::after {content: ''; position: absolute; top: 50%; right: 11.5px; transform: translateY(-50%); width: 2px; height: 16px; background-color: #616161; transition: .3s;}
.m-menu .menu-wrap ul > li.active > a:not(:only-child)::after {opacity: 0; transition: .3s;}
.m-menu .menu-wrap .one-depth-menu > li > a:only-child::before {content: ""; position: absolute; right: 9px; top: 13.5px; width: 10px; height: 10px; border-top: 2px solid #616161; border-right: 2px solid #616161; transform: rotate(45deg);}

.m-menu .menu-wrap .one-depth-menu {width: 100%; padding: 0 10px;}
.m-menu .menu-wrap .one-depth-menu > li {padding: 5px 10px; font-weight: 500;}
.m-menu .menu-wrap .one-depth-menu > li:not(:last-of-type) {border-bottom:1px solid #E0E0E0;}
.m-menu .menu-wrap .one-depth-menu > li > a {display: block; position: relative; width: 100%; padding: 8px 0; font-size: 16px;}
.m-menu .menu-wrap .two-depth-menu {display:none; width: 100%; padding: 10px 0; margin-top: 5px;}
.m-menu .menu-wrap .one-depth-menu li.active .two-depth-menu {display:block; border-top: 1px dotted #b3b3b3;}
.m-menu .menu-wrap .two-depth-menu > li {padding: 12px 10px!important;}
.m-menu .menu-wrap .two-depth-menu > li > a {font-size: 15px; line-height: 19px; color: #737373;}
.m-menu .menu-wrap .mobile-sns-list {display: flex; padding-top: 10px;}
.m-menu .menu-wrap .mobile-sns-list li:not(:last-of-type) {margin-right: 7px;}



/* popupzone */
.popup-area {position: absolute; top: 130px; right: 50px; width: 490px; z-index: 900; background-color:gray; box-shadow:2px 2px 6px 3px rgba(0, 0, 0, 0.1); overflow:hidden;}
.popup-area .popup-banner {width:100%;}
.popup-slider .swiper-slide {width:100% !important; height:auto;}
.popup-slider .swiper-slide img {width:100%;}

.popup-bottom-bar {display:flex; justify-content:space-between; width:100%; height:50px; padding:0 15px 0 0; margin-top:-4px; background-color:#1D1D1D;}
.popup-btn-wrap {height:100%;}
.popup-navigation {display: flex; position: relative; height:100%;}
.popup-nav-box {position: relative; width: 32px; height: 50px;}
.popup-stop-btn {width: 32px; height: 50px; background-color: transparent; border: none; background: url(/assets/images/stop_icon.png) center no-repeat; background-size: 7px 12px;}
.popup-stop-btn.on {width: 32px; height: 50px; background-color: transparent; border: none; background: url(/assets/images/play_icon.png) center no-repeat; background-size: 7px 12px;}

.popup-btn-prev {top:50%; transform:translateY(-50%); margin-top:0; color:#fff; border:none; background-color:transparent;}
.popup-btn-prev::after {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:15px;}
.popup-btn-next {top:50%; transform:translateY(-50%); margin-top:0; margin:0; color:#fff; border:none; background-color:transparent;}
.popup-btn-next::after {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:15px;}

.bottom-right-menu {display:flex;}
.chk-box {display: block; position: relative; padding-left: 25px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color:#fff;}
.chk-box input[type="checkbox"] {position:absolute; top:0; left:0; width:18px; height:18px; border:none;}
.chk-box .on {position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: #fff;}
.chk-box input[type="checkbox"]:checked + .on {background: #007aff;}
.chk-box .on:after {content: ""; position: absolute; display: none;}
.chk-box input[type="checkbox"]:checked + .on:after {display: block;}
.chk-box .on:after {width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 6px; top: 3px;}
.agree-chk-box{margin-top: 15px; line-height: 18px;}
.popup-close-btn {position:relative; display:block; width:53px; height:50px; margin-left:40px; font-size:15px; line-height:50px; color:#fff;}
.popup-close-btn::after {content: "\00d7"; position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:22px; font-weight:400;}




/* main content */
.main-content {position: relative; width: 100%;}
.visual-text {position: absolute; top: 160px; left:50%; width:100%; max-width:1240px; transform:translateX(-50%); color: #fff; z-index: 10;}
.visual-text p {font-size: 16px; font-weight: 200; letter-spacing: -0.2px; padding-bottom: 10px;}
.visual-text h3 {font-size: 45px; font-weight: 200; line-height: 55px; letter-spacing: -0.2px;}
.visual-text h3 .point-text {font-weight: 700;}
.visual-text h6 {padding-top: 20px; font-size: 28px; font-weight: 300; line-height: 40px;}



/* main banner */
.main-banner {position: relative; width:100%; height:660px; overflow:hidden;}
.main-banner-nav-wrap {position:absolute; width:100%; max-width:1240px; left:50%; bottom:255px; transform:translateX(-50%); z-index:10;}
.main-banner-nav {display: flex; justify-content: space-between; position: absolute; left:0; top:0; width: 140px; height: 36px; padding: 0 10px; color: #fff; background-color:rgba(5,45,68,0.7); border-radius: 100px; z-index: 2;}
.main-banner-nav > div {position: relative; width: 25px;}
.main-banner-nav div {color: #A3C7D6;}

.main-banner-slider {width:100%;  height:100%;}
.main-banner-slider .swiper-slide img {width:100%; min-height:680px; object-fit:cover;}
.main-banner-nav .swiper-pagination-current {color: #fff;}

.main-banner-nav a {position: relative; display: inline-block; width: 20px; height: 36px;}
.main-banner-nav a.stop-btn {position: relative; display: flex; background: url(/assets/images/stop_icon.png) center no-repeat; background-size: 7px 12px; transition: .3s;}
.main-banner-nav a.stop-btn.on {background: url(/assets/images/play_icon.png) center no-repeat; background-size: 7px 12px; transition: .3s;}

.main-banner-nav .main-banner-page {position: relative; width: 35px;}
.main-banner-nav .swiper-button-prev {top: 0; left: 50%; transform: translateX(-50%); height: 36px; margin: 0; border: none; background-color: transparent;}
.main-banner-nav .swiper-button-next {top: 0; left: 50%; transform: translateX(-50%); height: 36px; margin: 0; border: none; background-color: transparent;}
.main-banner-nav .swiper-button-prev:after {content: "";}
.main-banner-nav .swiper-button-next:after {content: "";}



/* main - 공통 */
.content-title {padding-bottom:15px;}
.content-title.none-padding {padding: 0;}
.content-title span {display: inline-block; font-size: 16px; font-weight: 300; padding-bottom: 10px;}
.content-title h3 {font-size: 30px; line-height: 50px; font-weight: 700; letter-spacing: -0.2px; padding-bottom: 15px;}
.content-title p {font-size: 16px; color: #929292;}



/* main - 고시/공고 */
.notice-inner {max-width: 1240px; padding: 35px 0 45px; margin: 0 auto;}
.notice-inner .content-title {position: relative;}
.notice-banner {}
.notice-slider {padding:0 1px;}
.notice-slider .swiper-slide {position:relative; display:flex; justify-content:space-between; flex-direction:column; width: calc(100% / 3 ); height:180px; padding:35px 35px 40px; border:1px solid #C9CECF;}
.notice-slider .swiper-slide .notice-title {font-size: 20px; line-height: 30px; letter-spacing: -0.2px; color:#000;}
.notice-slider .swiper-slide .notice-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width:100%; text-overflow: ellipsis;  transition:.3s; overflow: hidden;}
.notice-slider .swiper-slide .notice-title a:hover {color:var(--main-color); transition:.3s;}
.notice-slider .swiper-slide .notice-date {font-size:16px; color:#929292;}
.notice-state {position:absolute; bottom:0; right:0; width:120px; height:40px; text-align:center; font-size:16px; font-weight:500; line-height:40px; color:#fff; background-color:#002885;}
.notice-state.over {background-color:#8D9597;}

.notice-nav-wrap {display:flex; position:relative; margin-top:20px;}
.notice-nav {position:relative; width:200px; height:50px; margin: 0 auto;}
.notice-navigation {display: flex; justify-content: space-between; position: relative; width: auto; height: 50px;}
.notice-navigation .notice-nav-box {display: block; position: relative; width: 50px;}
.notice-navigation .notice-nav-box.page {display: flex; justify-content: center; flex-direction: column; width: auto;}

.notice-nav .notice-btn-next {left: auto; right:0; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #e4e4e4; background-color: #fff; z-index:10;}
.notice-nav .notice-btn-next::after {font-size: 15px; font-weight:900;}
.notice-nav .notice-btn-prev {left: 0; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #e4e4e4; background-color: #fff; z-index:10;}
.notice-nav .notice-btn-prev::after {font-size: 15px; font-weight:900;}
.notice-pagination {z-index:-1;}
.notice-pagination .swiper-pagination-bullet {width:12px; height:12px; background-color: #fff; top:50%; transform:translateY(-50%); border: 1px solid #8D9597; opacity:1;}
.notice-pagination .swiper-pagination-bullet-active {background-color: #007aff; border: none;}



/* main - 퀵메뉴 */
.quick-inner {max-width: 1240px; padding: 60px 0 70px; margin: 0 auto 50px; background-color:#F4F7F8;}
.quick-wrap {display:flex; justify-content:end; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); width:100%; max-width: 1240px; z-index:5;}
.quick-list {display:flex; gap:10px; margin: 0 auto;}
.quick-list li {width :145px; height:72px; background-color:rgba(255,255,255,0.9); border-radius:10px;}
.quick-list li:not(:last-of-type) {margin-bottom:10px;}
.quick-list li a {display:flex; justify-content:center; gap:10px; width:100%; height:100%; padding:15px;}
.quick-icon {display:flex;}
.quick-icon img {max-width:30px; margin:auto;}
.quick-title {margin:auto 0; font-size:16.5px; font-weight:600; line-height:21px; color:#002885;}



/* main - 포토뉴스/뉴스레터 */
.info-inner {display:flex; justify-content:space-between; border:1px solid #C9CECF; max-width: 1240px; margin: 0 auto;}
.info-left {width:62%; padding:35px 45px; border-right:1px solid #C9CECF;}
.info-title {display:flex; justify-content:space-between;}
.photo-slider .swiper-slide {display:flex; flex-wrap:wrap; column-gap:22px; row-gap:30px;}
.photo-content {width:calc(100% / 2 - 11px);}
.photo-content a {display:block; width:100%; height:100%;}

.photo-content a .photo-img,
.photo-content .photo-img{position:relative; min-height:164px; max-height:164px; overflow:hidden;}
.photo-content a .photo-img img,
.photo-content .photo-img img{position:absolute; width:100%; height:100%; object-fit:cover;}
.info-mid .photo-content a .photo-img img,
.info-mid .photo-content .photo-img img{object-position:top;}
.photo-content a .photo-title,
.photo-content .photo-title{width:100%; padding-top:6px; font-size: 19px; line-height: 30px; letter-spacing: -0.3px; color:#000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:.3s;}
.photo-content a:hover .photo-title {color:var(--main-color); transition:.3s;}

.photo-page {position:relative; width:60px; height:50px;}
.photo-page .swiper-pagination {bottom:auto; top:50%; transform:translateY(-50%);}
.info-inner .swiper-pagination-bullet {width:12px; height:12px; background-color:#fff; border:1px solid #8D9597; opacity:1;}
.info-inner .swiper-pagination-bullet-active {background-color: #007aff; border: none;}
.info-right {width:38%; padding:35px 45px;}
.more-btn {position:relative; width:33px; height:50px; border:none; background-color:transparent;}
.more-btn::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:22px; height:2px; background-color:#C9CECF;}
.more-btn::after {content:""; position:absolute; width:2px; height:22px; transform:translate(-50%, -50%); background-color:#C9CECF;}
.newsletter-img {}
.newsletter-img a {display:block; width:100%; height:100%;}



/* main - 관계사 */
.relation-inner {max-width: 1240px; padding: 60px 0 65px; margin: 0 auto;}
.relation-list {display:flex; flex-wrap:wrap; gap: 30px;}
.relation-list li {width:calc(100% / 4 - 23px); height:83px; border:1px solid #E3E7E8;}
.relation-list li a {position:relative; display:flex; width:100%; height:100%;}
.relation-list li a img {margin:auto;}



/* main - SNS */
.main-content.sns {background: url(../images/sns_bg.png) center no-repeat; background-size: cover;}
.main-content.sns .content-title { padding-bottom: 0; }
.main-content.sns .content-title h3 {font-size:45px;}
.main-content.sns .content-title big { font-size: 30px; line-height:40px; color: #4A515B; }
.sns-inner {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 1240px; padding: 100px 0 110px; margin: 0 auto;}
.sns-right-area {display: flex; }
.sns-right-area .sns-box {margin-left: 30px; width: 225px; height: 175px;}
.sns-right-area .sns-box:first-child { margin-left: 0; }
.sns-right-area .sns-box a {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width:100%; height:100%;}
.sns-right-area .sns-icon {position:relative; width:77px; height:77px; background-color:#fff; border:1px solid #E3E7E8; border-radius:77px; transition:.3s;}
.sns-right-area .sns-box a:hover .sns-icon {width:80px; height:80px; border:1px solid #fff; box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.1); transition:.3s;}
.sns-right-area .sns-icon img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.sns-right-area .txt { display: block; width: 100%; text-align: center; }
.sns-right-area .txt span { color: #929292; }
.sns-right-area .txt p {padding-top:5px;}




/* footer */
.footer {width: 100%; color: #ccc; background-color: #111;}
.footer-top {width: 100%; height: 100px; margin: 0 auto; border-bottom:1px solid #23272D;}
.footer-top-inner {display: flex; justify-content: space-between; width: 100%; max-width: 1240px; margin: 0 auto;}
.footer-top-inner ul {display: flex; line-height: 100px;}
.footer-top-inner ul li:not(:last-of-type) {margin-right: 30px;}

.mobile-sns-menu {display: none; justify-content: center; padding-top: 20px;}
.mobile-sns-menu li:not(:last-of-type) {margin-right: 20px;}

.footer-top-inner .footer-menu li {font-weight: 300;}
.footer-top-inner .footer-menu li a {font-size:18px; color: #929292;}
.footer-top-inner .footer-menu li.on a {color: #C9CECF;}

.footer-inner .footer-sns-menu li {margin-left: 30px;}
.footer-inner .footer-top ul li a {color: #ccc;}

.footer-bottom {display: flex; justify-content: space-between; width: 100%; padding: 100px 0 110px; margin: 0 auto;}
.footer-bottom-inner {width: 100%; max-width: 1240px; margin: 0 auto;}
.footer-bottom-text {margin-top: 25px;}

.footer-logo {margin: auto 35px auto 0; margin-right: 35px;}
.footer-icon {width: 71px; height: 71px; margin-right: 20px;}

.footer-bottom .footer-info {margin: auto 0;}
.footer-bottom .footer-info br {display: none;}
.footer-bottom .footer-info li {font-weight: 300; line-height: 30px; color: #929292;}
.footer-bottom .site-link-wrap { margin: auto 0;}

.site-link-list {display: flex;}
.site-link-list > li {margin-left: 40px;}
.site-link-list li dl {position: relative;}
.link-btn {position: relative; width: 200px; padding:10px 0; text-align: left; font-size: 15px; font-weight: 600; color: #929292; border:none; border-bottom:1px solid #ccc; background-color: transparent;}
.link-btn::after {content: ''; position: absolute; right: 0; top: 35%; content: ''; width: 6px; height: 6px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; transform: rotate(135deg); transition: .3s;}
.site-link-list > li.on .link-btn::after {top: 45%; transform: rotate(315deg); transition: .3s;}

.site_list {display: none; position: absolute; bottom: 40px; width: 100%; max-width: 100%; max-height: 400px; padding: 10px 15px; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.9); overflow-y: auto; z-index: 100;}
.site_list li {padding: 10px 0; line-height: 22px;}
.site_list li a {font-size: 15px; font-weight: 400; color: #fff; word-break: keep-all;}
.site_list::-webkit-scrollbar {width: 12px;}
.site_list::-webkit-scrollbar-thumb {background-color: #797979; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.site_list::-webkit-scrollbar-track {background: transparent;}



/* main 반응형 */
@media screen and (min-width: 1921px) {
    .main-banner::before {top: 250px; background-size: cover;}
    .main-banner .main-banner-slider .swiper-slide img {width: 100%;}

    .visual-text {width: 1240px; left: 50%; transform: translateX(-50%); text-shadow: 2px 2px 6px gray;}



    .popup-area {right:12%;}



    .main-content.foot-banner {background-size: cover;}
}


@media screen and (max-width: 1900px) {
    .visual-text {text-shadow: 2px 2px 6px gray;}
}

@media screen and (max-width: 1750px) {
	.header .header-inner {padding: 0 70px;}
	.gnb > .menu > li:nth-child(2) {width:270px;}
	.gnb > .menu > li {width:175px;}
	.gnb > .menu > li > a {font-size:18.5px;}
	.two-depth-list {padding:15px 20px;}
	.two-depth-list li {margin-bottom:13px;}


    .visual-text h3 {font-size: 40px; line-height: 55px;}
}


@media screen and (max-width: 1655px) {
	.gnb > .menu > li {width:170px;}
	.gnb > .menu > li > a {font-size: 19px;}
	.two-depth-list li a {font-size:14.5px;}



    .popup-inner {max-width: 1240px; margin: 0 auto;}
    .popup-banner {width: 835px;}
}

@media screen and (max-width: 1460px) {
    .header .header-inner {padding: 0 30px;}
	.gnb {display: none;}
    .search-btn {margin: auto 0;}
    .search-btn img {width: 23px;}
    .header:hover .search-btn::before, .header:focus .search-btn::before, .header.scroll-on .search-btn::before, .header.search-active .search-btn::before {width: 23px; height: 23px; background-size: 100%;}
    .ham-btn {display: block;}
    .sitemap-btn {display: none;}
    .ham-btn {margin: auto 0;}
    
	.sns-btn-wrap {display: none;}



	.notice-slider .swiper-slide {padding:35px 30px;}

    

	.quick-list {width:85%;}




	.info-left {padding:35px;}
	.info-mid {padding:35px;}
	.info-right {padding:35px;}



	.top-btn {bottom: 130px;}



	.footer-top {height:85px;}
	.footer-top-inner ul {line-height:85px;}
	.footer-top-inner .footer-menu li a {font-size:16px;}	
}

@media screen and (max-width: 1350px) {
	.visual-text {max-width:none; left:0; transform:translateX(0); padding: 0 30px;}
	.main-banner-nav-wrap {max-width:none; left:0; transform:translateX(0); padding: 0 30px;}
	.main-banner-nav {left:30px;}



    .notice-inner {max-width:none; padding:35px 30px 45px;}
	


	.quick-inner {max-width:none; padding:60px 30px 70px;}



	.info-inner {max-width:none; margin: 0 30px;}



	.relation-inner {max-width:none; padding:60px 30px 65px;}



	.sns-inner {max-width:none; padding:100px 30px 110px;}

    
	
	.footer-top-inner {max-width: none; padding: 0 30px;}
    .footer-bottom-inner {max-width: none; padding: 0 30px;}
}

@media screen and (max-width: 1200px) {
	/*
	.header {height: 70px;}
    .header .header-inner {padding: 0 15px;}
    .header .logo a {width: 190px;}
    .header:hover .logo a::before, .header:focus .logo a::before, .header.scroll-on .logo a::before, .header.search-active .logo a::before {width: 190px; height: 23.75px; background-size: 100%;}
	
	.ham-btn img {width: 21px;}
    .header:hover .ham-btn::before, .header:focus .ham-btn::before, .header.scroll-on .ham-btn::before, .header.search-active .ham-btn::before {width: 23px; height: 19.31px; background-size: 100%;}
    .search-area {top: 70px; height: 110px;}
    .search-box {width: 80%; max-width: 300px; height: 40px;}
    .search-box a {width: 40px; height: 40px;}
    .search-box a img {width: 18px;}
    .search-box input {font-size: 14px;}
    */


    .content-title h3 {font-size: 27px;}
/*

    .main-banner::before {top: 37%; left: 50%; transform: translateX(-50%); width: 104%; background-size: cover;}
    .visual-text {width: 100%; top: 110px; left: 50%; transform: translateX(-50%); padding: 0 90px;}
    .visual-text p {font-size: 14px;}
    .visual-text h3 {font-size: 26px; line-height: 38px;}
        */

	.notice-slider .swiper-slide {height:200px; padding:30px;}
	.notice-slider .swiper-slide .notice-title {font-size:20px; line-height:33px;}



	.quick-inner {padding:60px 30px;}
	.quick-list {width:100%;}
	.quick-title {font-size:15.5px;}


	
	.info-inner .swiper-slide .photo-content a .photo-title,
	.info-inner .swiper-slide .photo-content .photo-title {font-size:17px;}



	.relation-list {gap:20px;}
	.relation-list li {width:calc(100% / 3 - 14px);}



	.sns-inner {flex-direction: column;}
	.main-content.sns .content-title { padding-bottom: 40px; text-align: center; }
	.sns-left-area, .sns-right-area { width: 100%; }
	.sns-right-area { justify-content: center; }
    .sns-left-area .content-title big br {display: none;}


    .footer-top-inner ul li:not(:last-of-type) {margin-right: 25px;}
    .footer-bottom {padding: 75px 0 70px;}
    .footer-bottom-text {flex-direction: column;}
    .footer-bottom .site-link-wrap {margin: 30px 0 0;}
    .site-link-list > li {margin-left: 20px;}
    .site-link-list > li:first-of-type {margin-left: 0;}


    .top-btn {right: 30px; bottom: 30px;}
}

@media screen and (max-width: 900px) {
    .content-title {padding-bottom: 20px;}



    .main-banner-slider .swiper-slide img {width: 100%; height: 485px; object-fit: cover;}
	.visual-text {top:140px;}
	.visual-text p {font-size:13px;}
	.visual-text h3 {font-size: 33px; line-height: 43px;}
	.main-banner-nav-wrap {bottom:310px;}


	.notice-nav {width:250px;}


	.quick-list {gap:10px;}
	.quick-list li {width:105px;}
	.quick-icon {width:100px; height:100px; padding:25px;}
	.quick-title {font-size:15px;}


	
	.info-inner {flex-direction:column;}
	.info-left {border-right:none; border-bottom:1px solid #C9CECF;}
	.info-left,
	.info-right {width:100%; padding:30px;}
	.newsletter-banner {box-shadow:none;}
	.newsletter-img a {text-align:center;}
	.newsletter-img a img {box-shadow:2px 2px 6px 3px rgba(0, 0, 0, 0.1);}

	

	.relation-inner {padding:60px 0 50px 30px;}
	.relation-list {flex-wrap:nowrap; padding-bottom:15px; overflow-x:auto; padding-right:30px;}
	.relation-list li {min-width:210px;}


	.main-content.sns .content-title h3 {font-size:35px;}
	.main-content.sns .content-title big {font-size:24px; line-height:24px;}
	.sns-right-area .sns-box {margin-left: 20px; padding-top: 20px; width: 140px; height:145px; border-radius: 10px; }

}

@media screen and (max-width: 700px) {
	.notice-slider .swiper-slide {padding:25px 25px 60px 25px;}



	.quick-inner {padding: 60px 0 35px 30px;}
	.quick-list {padding-right:30px; padding-bottom:15px; gap:15px; overflow-x: auto;}
	.quick-list li {min-width:131px;}
	.quick-title {font-size:14px;}


	
	.search-area {height:125px;}
	.search-area  .search-box {width:80% !important; height:45px !important;}
	.search-area  .search-box a {width:50px; height:45px;}
	.search-area .search-box input {width:calc(100% - 50px);}
	.search-area .search-box form {min-height:45px;}
	.search-area .search-box a img {width:19px;}
}

@media screen and (max-width: 600px) {
	body.popup-active {overflow-y:hidden;}
	body.popup-active::before {content: ""; position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000;}
	.popup-area {position:fixed; top:100px; left:50%; right:auto; transform:translateX(-50%); z-index:1005;}


	.header {height:65px;}
	.header .logo {height:65px;}
	.header .logo a {width:175px;}
	.header:hover .logo a::before, .header.scroll-on .logo a::before, .header.search-active .logo a::before, body.menu-active .header .logo a::before {width:175px; height:21.88px; background-size:contain;}
    .header .right-menu {height:65px;}
	.ham-btn {width: 35px;}



    .content-title {padding-bottom: 20px;}
	.content-title h3 {font-size:22px; padding-bottom:0;}
    .content-title p {word-break: keep-all;}
    .content-title span {font-size: 14px;}


	
	.main-banner {height:600px;}
    .main-banner-slider .swiper-slide::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2;}
	.visual-text {top:120px;}
	.visual-text h3 {font-size:28px; line-height:38px;}
    .main-banner-nav-wrap {bottom:100px;}



	.notice-inner {padding:35px 20px 45px;}
	.notice-slider .swiper-slide {height:165px; padding: 15px 15px 60px 15px;}
	.notice-slider .swiper-slide .notice-title {font-size:15px; line-height:27px;}
	.notice-slider .swiper-slide .notice-date {font-size:13px;}
	.notice-state {font-size:14px;}
	.notice-nav {width:190px;}
	.notice-pagination {top: 50% !important; transform: translateY(-50%);}
	.notice-pagination .swiper-pagination-bullet {width:10px; height:10px;}
	.notice-nav .notice-btn-prev {width:40px; height:40px;}
	.notice-nav .notice-btn-next {width:40px; height:40px;}



	.quick-inner {padding: 45px 0 35px 20px;}
	.quick-list {padding-right:20px;}



	.info-inner {margin:0 20px;}
	.info-left, .info-mid .info-right {padding:20px;}
	.info-inner .swiper-slide {column-gap: 10px; row-gap: 20px;}
	.info-inner .photo-content a .photo-img,
	.info-inner .photo-content .photo-img{min-height:130px; max-height:130px;}
	.info-inner .swiper-slide .photo-content a .photo-title,
	.info-inner .swiper-slide .photo-content .photo-title{font-size:14.5px;}
	.info-inner .swiper-pagination-bullet {width:10px; height:10px;}



	.relation-inner {padding:45px 0 45px 20px;}
	.relation-list {padding-right:20px; gap:15px;}
	.relation-list li {height:65px;}



    .sns-inner { padding: 65px 20px; }
	.main-content.sns .content-title {padding-bottom:15px;}
	.main-content.sns .content-title big {font-size: 15px; line-height:26px; padding-top:10px;}
	.sns-right-area .sns-box {width:80px; margin-left: 20px; padding-top: 0;}
	.sns-right-area .txt { display: none; }
	.sns-right-area .sns-box {height:100px;}



    .footer-top {position: relative; height: auto; border: none;}
    .footer-top::before {content: ""; position: absolute; top:50%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; border-bottom: 1px solid #23272D;}
    .footer-top-inner {flex-direction: column; padding: 0 20px;}
    .footer-top-inner ul {line-height: 60px;}
    .footer-top-inner ul li:not(:last-of-type) {margin-right: 15px; font-size: 13px;}
    .footer-bottom {padding: 20px 0 30px;}
	.footer-bottom-inner {max-width: none; padding: 0 20px;}
	.footer-top-inner .footer-menu li a {font-size:13px; line-height:23px;}
    .footer-bottom .footer-info li {font-size: 13px;}
    .footer-bottom .footer-info br {display: block;}
    .footer-bottom .site-link-wrap {display: none;}



	.popup-area {width:370px;}
	.popup-bottom-bar {height:45px;}
	.popup-nav-box,
	.popup-stop-btn,
	.popup-nav-box {height:45px;}
	.popup-stop-btn.on {height:45px;}
	.chk-box {font-size:13.5px;}
	.chk-box input[type="checkbox"] {width:15px; height:15px;}
	.chk-box .on {width:15px; height:15px;}
	.chk-box .on:after {left: 5px; top: 2px;}
	.agree-chk-box {margin-top:14px; line-height: 15px;}
	.popup-close-btn {height:45px; margin-left:25px; font-size:13.5px; line-height:45px;}
	.popup-close-btn::after {top: 48%;}



	.search-area {top:64px;}
}

@media screen and (max-width: 400px) {
	.visual-text h3 {font-size:24px; line-height:35px;}
	
	
	
	.popup-area {width:300px; height:auto;}
	.popup-area .popup-banner {height:440px;}
	.popup-slider {height:395px;}
	.popup-close-btn {width:23px; margin-left:5px; color:transparent;}
	.popup-close-btn::after {font-size:20px; color:#fff;}



	.notice-slider .swiper-slide {height:165px; padding:15px 15px 50px 15px;}
	.notice-slider .swiper-slide .notice-title a {-webkit-line-clamp: 3; line-height:22px;}
	.notice-state {width:100px; height:35px; font-size:13px; line-height:35px;}
	.notice-nav-wrap {margin-top:20px;}
}

@media screen and (max-width: 340px) {
    .popup-inner .content-title::after {top: -13px; left: 15px; width: 205px; height: 33px; background-size: 205px}
    

    .sns-left-area .content-title big br {display: block;}

    .footer-top-inner ul li:not(:last-of-type) {margin-right: 8px;}
    .footer-top-inner .footer-menu li a {font-size: 11px;}
}



/* sub */
/* 3depth, tab menu */
.tab-area-inner {max-width:1240px; padding-top:85px; margin: 0 auto -30px;}
.tab-btn-wrap {display: flex; justify-content: center; padding-bottom: 20px; margin-bottom: 3px; border-bottom: 1px solid #e4e4e4;}
.tab-btn {position:relative; font-size:20px; color:#6d6d6d;}
.tab-btn.on {font-weight:500; color:var(--main-color);}
.tab-btn.on::before {content: ""; position: absolute; left: 50%; bottom: -22.5px; transform: translateX(-50%); width: 100%; height: 5px; background-color: var(--main-color); z-index:1;}
.tab-swiper .swiper-slide {width:auto; min-width:125px;}

.sub-detail-inner {max-width: 1240px; padding: 85px 0 80px; margin: 0 auto;}
.sub-title {width: 100%; height: 335px; padding-top: 90px; overflow: hidden;}
.sub-title.visual1 {background: url(/assets/images/sub_visual_5.png) center no-repeat; background-size: cover; background-position:right;}
.sub-title.visual2 {background: url(/assets/images/sub_visual_1.png) center no-repeat; background-size: cover; background-position:left;}
.sub-title.visual3 {background: url(/assets/images/sub_visual_3.png) center no-repeat; background-size: cover;}
.sub-title.visual4 {background: url(/assets/images/sub_visual_4.png) center no-repeat; background-size: cover; background-position:left;}
.sub-title.visual5 {background: url(/assets/images/sub_visual_2.png) center no-repeat; background-size: cover;}

.sub-title.visual6 {background: url(/assets/images/sub_visual_5.png) center no-repeat; background-size: cover;}

.sub-title-inner {width: 100%; max-width: 1240px; padding-top: 100px; margin: 0 auto;}
.sub-title-inner .navigator {display: flex;}
.sub-title-inner .navigator li { color: #fff; font-size: 16px; }
.sub-title-inner .navigator li:not(:last-of-type) {position: relative; padding-right: 20px; color: #fff; }
.sub-title-inner .navigator li:not(:last-of-type)::after {content: ""; position: absolute; top: 2px; right: 7px; width: 5px; height: 20px; background: url(/assets/images/nav_arro_icon.png) center no-repeat; background-size: 5px 8px; vertical-align:top;}
.sub-title-inner .navigator li a {font-size: 14px; font-weight: 300; color: #fff; vertical-align:top;}
.sub-title-inner .navigator li a img { vertical-align:top; padding-top: 5px; }
.sub-title-inner h3 {padding-top: 20px; font-size: 43px; font-weight: 700; color: #fff; text-shadow: 2px 2px 6px rgba(0,0,0,0.15);}
.detail-bottom {padding-top: 80px;}
.detail-bottom.center {text-align: center;}

.detail-more-btn {width: 200px; height: 60px; font-size: 18px; line-height: 60px; background-color: #ffff; border-radius: 5px; border: 1px solid #C9CECF; transition: .3s;}
.detail-more-btn:hover {background-color: #C9CECF; transition: .3s;}



/* sub - 공통 */
.sub-title {font-size: 2.8rem; padding: 5.5rem 0 2.5rem;}



/* sub - 기업안내 */
.sub-deatil-title {margin-bottom: 50px;}
.sub-deatil-title .detail-category {display: flex; flex-wrap: wrap; gap: 10px; /* max-width: 510px; */ max-width: 550px;}
.sub-deatil-title .detail-category li a {display: inline-block; min-width: 90px; height: 45px; padding: 0 25px; font-size: 18px; text-align: center; line-height: 43px; color: #4A515B; border-radius: 100px; background-color: #fff; border: 1px solid #C9CECF; transition: .3s;}
.sub-deatil-title .detail-category li a:hover {color: #fff; background-color: #2E2E2E; border-color: #2E2E2E;}
.sub-deatil-title .detail-category li.on a {color: #fff; background-color: #2E2E2E; border-color: #2E2E2E; transition: .3s;}

.sub-deatil-title .detail-search-box {display: flex; justify-content: space-between; width: 487px; height: 60px; border-radius: 100px; background-color: #F4F7F8;}
.sub-deatil-title .detail-search-box input {width: calc(100% - 60px); height: 100%; padding: 10px 15px; font-size: 15px; border-radius: 100px 0 0 100px; border: none; background-color: transparent;}
.sub-deatil-title .detail-search-box a {position: relative; display: flex; width: 80px; height: 60px; border-radius: 0 100px 100px 0;}
.sub-deatil-title .detail-search-box a img {margin: auto; width: 24px; height: 24px;}

.detail-info-wrap {padding-bottom: 30px;}
.detail-info {display: flex;}
.detail-info li {margin-right: 30px; font-size: 16px; color: #848484;}
.detail-info li span {padding-left: 5px; font-weight: 700; color: #3B4867;}

.grid-content {display: grid; grid-template-columns: repeat(3, 387px); gap: 39px;}
.grid-box {display: flex; justify-content: space-between; flex-direction: column; height: 438px; border-radius: 20px; box-shadow: 2px 2px 6px 5px rgba(0, 0, 0, 0.1); overflow: hidden;}
.grid-box.is-hidden {display: none; opacity: 0; height: 0; margin: 0;}
.grid-box-head {padding: 30px;}
.grid-box-head .category-list {display: flex; flex-wrap: wrap; gap: 5px;}
.grid-box-head .category-list .category {min-width: 50px; height: 25px; padding: 0 12px; font-size: 14px; color: #4A515B; text-align: center; border: 1px solid #8D9597; border-radius: 50px; background-color: #fff;}
.grid-box-head .link-text {padding-top: 8px; word-break: break-word;}
.grid-box-head .link-text a {font-size: 15px; color: #929292;}
.grid-box-head h6 {padding-top: 10px; font-size: 22px; font-weight: 500; color: #000;}
.grid-box-body {position:relative; margin-bottom: -4px; overflow:hidden;}
.grid-box-body img {width: 100%;}

/* 페이징 */
.paging {display: none; padding-top: 50px;}
.paging.active {display: block; padding-top: 50px;}
.paging .paging-inner {margin: 0 auto;}
.paging .paging-inner ul {display: flex; justify-content: center;}
.paging .paging-inner ul li:not(:last-of-type) {margin-right: 5px;}
.paging .paging-inner ul li button {width: 40px; height: 40px; font-size: 16px; line-height: 33px; border: 1px solid #cacaca; border-radius:40px; background-color: #fff; transition: .3s;}
.paging .paging-inner ul li button:hover {background-color: #000; color: #fff; transition: .3s;}
.paging .paging-inner ul li .paging-btn.on {background-color: #000; color: #fff; transition: .3s;}

/*	sub - 기업안내 내부 탭메뉴 */
.sub-detail-inner.company {padding:0 0 80px; margin-top:-40px;}

.sub-tab-area {padding-bottom:20px; margin-bottom:70px; border-bottom:1px solid #e4e4e4;}
.sub-tab-menu {display:flex; padding:0 25px;}
.sub-tab-menu li {margin-right:32px;}
.sub-tab-menu li a {font-size:18.5px; color:#898989;}
.sub-tab-menu li.on a {color:#212121; font-weight:600;}

/*	sub - 기업안내 기업 타입 */
.company-type {position:absolute; bottom:30px; left:30px;}
.company-type .type-icon {display:inline-block; height:30px; padding: 0 15px; font-size:13px; line-height:30px; color:#fff; background-color:rgba(0, 0, 0, 0.6); border-radius:50px;}



/*	sub - 뉴스레터 */
.newsletter-btn {float:right; height:32px !important; padding:0 20px; margin-left:5px; font-size:14px; color:#fff; background-color:var(--main-color); border:none;}

.newsletter-popup {display:none; position:fixed; top:55%; left:50%;transform:translate(-50%, -50%); min-width:38rem; max-width:82rem; height:auto; padding:4rem 2.5rem; background-color:#fff; box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.1); z-index:100;}
.newsletter-pop-head {display:flex; justify-content:space-between;}
.newsletter-pop-title h6 {padding-bottom:1rem; font-size:1.7rem; font-weight:700;}
.newsletter-pop-title p {padding-bottom:2rem; font-size:1.4rem;}

.newsletter-pop-close {position:relative; width:25px; height:25px;}
.newsletter-pop-close::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); width:23px; height:2px; background-color:#000;}
.newsletter-pop-close::after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); width:2px; height:23px; background-color:#000;}

.newsletter-pop-inner {padding:2rem 1.5rem; margin-bottom:1rem; background-color:#f1f1f1;}
.newsletter-pop-inner > ul:not(:last-of-type) {padding-bottom:2rem;}
.newsletter-pop-inner ul li {font-size:1.4rem; line-height:2.2rem;}
.newsletter-pop-inner ul li b {padding-bottom:1rem;}

.newsletter-pop-agree {text-align:right;}
.newsletter-pop-agree label {padding-left:0.8rem; font-size:1.4rem;}
.newsletter-pop-agree input {font-size:1.4rem;}

.newsletter-pop-form {display:flex; justify-content:center; gap:1rem; padding-top:2rem; margin-top:2rem; border-top:1px solid #a5a5a5;}
.newsletter-pop-info:not(:last-of-type) {margin-bottom:1rem;}
.newsletter-pop-info label {display:inline-block; width:5rem; font-size:1.4rem;}
.newsletter-pop-info input {width:18rem;}
.newsletter-pop-btn button {height:100%; padding:1rem 2.2rem; font-size:1.5rem; color:#fff; background-color:#000;}



/* sub */
@media screen and (min-width: 1921px) {
    .sub-title {}
}

@media screen and (max-width: 1460px) {
    .sub-title-inner {max-width: none; padding: 85px 80px 0;}
}

@media screen and (max-width: 1350px) {
    .tab-area-inner {padding:85px 50px 0;}

	.sub-detail-inner {padding: 65px 50px 80px;}

    .grid-content {grid-template-columns:repeat(3, auto); gap: 25px;}
    .grid-box {height: 100%;}    
}

@media screen and (max-width: 1200px) {
	.tab-btn {font-size:18px;}

	.sub-title {height: 340px; padding-top: 70px;}
    .sub-title-inner {padding: 85px 50px 0;}
    .sub-title-inner h3 {padding-top: 10px; font-size: 33px;}

    .sub-detail.corperate .sub-deatil-title {flex-direction: column-reverse;}
    .sub-deatil-title .detail-search-box {width: 100%;}
    .sub-detail.corperate .sub-deatil-title .detail-category {max-width: none; padding-top: 40px;}

    .detail-more-btn {width: 160px; height: 50px; font-size: 15px; line-height: 50px;}
}

@media screen and (max-width: 950px) {
	.tab-swiper .swiper-slide {min-width:115px;}

    .sub-deatil-title .detail-category {gap: 8px;}
    .sub-deatil-title .detail-category li a {font-size: 16px; padding: 0 20px;}

    .grid-content {grid-template-columns:repeat(2, auto); gap: 40px;}
    .detail-bottom {padding-top: 45px;}



	.sub-detail-inner.company {padding:20px 0 80px;}
	.sub-tab-area {position:relative; padding:15px 0; margin-bottom:35px; border:1px solid #e4e4e4; border-radius:5px;}
	.sub-tab-area::after {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:1px; height:100%; background-color: #e4e4e4;}
	.sub-tab-menu {padding:0;}
	.sub-tab-menu li {width:50%; margin-right:0; text-align:center;}
	.sub-tab-menu li a {font-size:16.5px;}
	
	
	
	.newsletter-pop-form {flex-direction:column;}
	.newsletter-pop-info {text-align:center;}
	.newsletter-pop-info label {text-align:left;}
	.newsletter-pop-btn {text-align:center;}
	.newsletter-pop-btn button {padding:1rem 6rem;}
}

@media screen and (max-width: 800px) {
	.tab-area-inner {padding: 45px 0 0;}
	.tab-swiper {padding: 0 50px !important;}
	.tab-btn-wrap.large-menu {justify-content:unset; padding-bottom:15px; border-bottom:none;}
	.tab-btn-wrap.large-menu .tab-btn::after {content: ""; position: absolute; left: 50%; bottom: -15.5px; transform: translateX(-50%); width: 100%; height: 1px; background-color: #e4e4e4;}
	.tab-btn-wrap.large-menu .tab-btn.on::before {bottom:-18px;}
	.tab-swiper .tab-btn-wrap.large-menu .swiper-slide {min-width:150px;}
	.tab-swiper .tab-btn-wrap.small-menu .swiper-slide {width:calc(100% / 2 ); min-width:110px;}
}

@media screen and (max-width: 700px) {
	.tab-area-inner {margin:0 auto -20px;}
	.tab-swiper .tab-btn-wrap.large-menu .swiper-slide {min-width:130px;}


	.sub-detail-inner {padding: 45px 50px 60px;}
    .sub-deatil-title {margin-bottom: 45px;}
    .sub-deatil-title .detail-category li a {min-width: 80px; height: 40px; padding: 0 20px; font-size: 16px; line-height: 38px;}
    .detail-info li {margin-right: 20px;}
    .grid-content {gap: 25px; column-gap:18px;}
    .grid-box-head {padding: 22px;}
    .grid-box-head .category-list .category {min-width: none; font-size: 13px;}
    .grid-box-head .link-text a {font-size: 14px;}
    .grid-box-head h6 {font-size: 17px;}

    .paging .paging-inner ul li button {width: 32px; height: 32px; font-size: 14px; line-height: 30px;}



	.sub-detail-inner.company {padding:40px 0px 60px;}
	.sub-tab-area {position:relative; padding:15px 0; margin-bottom:30px; border:1px solid #e4e4e4; border-radius:5px;}
	.sub-tab-area::after {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:1px; height:100%; background-color: #e4e4e4;}
	.sub-tab-menu {padding:0;}
	.sub-tab-menu li {width:50%; margin-right:0; text-align:center;}
	.sub-tab-menu li a {font-size:16.5px;}

	.company-type {bottom:22px; left:22px;}
}

@media screen and (max-width: 600px) {
	.tab-area-inner {padding:35px 0 0; margin:0 auto;}
	.tab-swiper {padding: 0 15px !important;}
	.tab-swiper .tab-btn-wrap.large-menu .swiper-slide {min-width:120px;}
	.tab-btn {font-size:17px;}


	.sub-title {height: 280px;}
    .sub-title-inner {padding: 55px 35px 0; }
	.sub-title-inner .navigator li { font-size: 14px; }
    .sub-title-inner h3 {font-size: 28px; padding-top: 5px;}

    .sub-detail-inner {padding: 25px 25px 60px;}
    .sub-deatil-title {margin-bottom: 30px;}
    .sub-deatil-title .detail-search-box {width: 100%; height: 50px;}
    .sub-deatil-title .detail-search-box a {width: 70px; height: 50px;}
    .sub-deatil-title .detail-category {gap: 5px; row-gap: 10px;}
    .sub-detail.corperate .sub-deatil-title .detail-category {padding-top: 30px;}
    .sub-deatil-title .detail-category li a {min-width: 70px; padding: 0 15px; font-size: 14px; line-height: 36px;}

    .detail-info-wrap {padding-bottom: 20px;}
    .detail-info li {font-size: 14px; margin-right: 15px;}
    .detail-info li span {padding-left: 3px;}

    .grid-box-head {padding: 15px;}
    .grid-box-head h6 {font-size: 15px;}



	.sub-tab-area {padding:13px 0;}
	.sub-tab-menu li a {font-size:14px;}

	.company-type {bottom:15px; left:15px;}
}

@media screen and (max-width: 500px) {
	.tab-swiper .tab-btn-wrap.large-menu .swiper-slide {min-width:100px;}
	.tab-btn {font-size:16px;}

    .sub-title-inner h3 {font-size: 26px;}
    .grid-content {grid-template-columns:repeat(1, auto);}
    .grid-box {max-height: 300px;}
    .grid-box-head {padding: 22px;}



	.company-type {bottom:22px; left:22px;}



	.newletter-input {width:100%; height:35px !important;}
	.newsletter-btn {width:100%; height:35px !important; margin: 5px 0 0 0;}
	.newsletter-info {flex-direction:column;}
	.newsletter-info li:not(:last-of-type) {padding-right:0; padding-bottom:3px;}
	.newsletter-info li:not(:last-of-type)::after {display:none;}
}



/* sub - 연혁 */
/*
.history-list {position: relative;}
.history-list::after {content: ""; position: absolute; top: 0; left: 135px; width:2px; height:100%; background-color: #e60022;;}
.history-list > li {position: relative; display:flex; padding-top:60px; font-weight:700; color:#e60022;}
.history-list > li::before {content: ""; position: absolute; top: 73.5px; left: 131px; width:10px; height:10px; border-radius: 10px; background-color: #e60022;}
.history-list > li::after {content: ""; position: absolute; top: 68px; left: 125px; width:22px; height:22px; border-radius: 22px; background-color: #e60022; opacity: 0.3;}
.history-list > li:last-of-type {padding-bottom: 60px;}
.history-list > li > p {font-family: 'pretendard', sans-serif !important; padding-right: 105px; font-size:33px; font-weight:900; font-variant-numeric: tabular-nums;}
  
.history-detail-list {position: relative; padding-top: 5px;}
.history-detail-list > li {display: flex; font-family: 'pretendard', sans-serif !important; line-height: 24px; margin-bottom: 20px;}
.history-detail-list::after {content: ""; position: absolute; bottom:-20px; left:0; width: 535px; height:1px; background-color: #B5B5B5;}
.history-detail-list .history-number {position: relative; display: inline-block; margin-right: 25px; font-family: 'pretendard', sans-serif !important; font-size: 18px; font-weight:600; font-variant-numeric: tabular-nums;}
.history-list > li:not(:last-of-type) .history-number::after {content: ""; position: absolute; top: 24px; left: 50%; transform: translateX(-50%); width: 23px; height: 1px; background-color: #e60022;}
.history-detail-list .history-txt {font-size: 18px; font-weight: 500; color:#494949;}
.history-detail-list .history-txt li:not(:last-of-type) {margin-bottom: 20px;}
 

 
@media screen and (max-width: 800px) {
	.history-detail-list::after {width:calc(100vw - 285px);}
	.history-list > li {padding-top:45px;}
	.history-list > li:first-of-type {padding-top:25px;}
	.history-list > li:last-of-type {padding-bottom:25px;}
	.history-list > li::after {top:36px;}
	.history-list > li::before {top:41.5px;}
	.history-detail-list .history-txt li:not(:last-of-type) {margin-bottom:15px;}
}
  
@media screen and (max-width: 600px) {
	.history-list {padding-left:60px;}
	.history-list::after {width:1px; left:22px;}
	.history-list > li {flex-direction:column;}
	.history-list > li::after {top:46px; left:-49px;}
	.history-list > li::before {top:51.5px; left:-43px;}
	
	.history-list > li:first-of-type::after {top:26px;}
	.history-list > li:first-of-type::before {top:31.5px;}
	.history-list > li > p {font-size:20px; padding-right:0; padding-bottom:15px;}
 
	.history-detail-list {padding-top:0;}
	.history-detail-list > li {margin-bottom:10px;}
	.history-detail-list::after {width:calc(100vw - 110px);}
	.history-detail-list .history-number {font-size:15px; margin-right:18px;}
	.history-list > li:not(:last-of-type) .history-number::after {width:17px;}
	.history-detail-list .history-txt {font-size:15px;}
}
*/

.history-wrap {position: relative;}
.history-wrap::after {content: ""; position: absolute; top: 60px; left: 0; width:120%; height:2px; background-color: #e60022;}
        
.history-inner {position: relative;}

.history-list {display:flex; gap:20px;}
.history-list > li {position: relative; width:100%; padding-bottom: 30px; font-weight:700; color:#e60022;}
.history-list > li:last-of-type {padding-bottom: 20px;}
.history-list > li > p {padding-bottom: 50px; font-size:28px; font-weight:900; font-variant-numeric: tabular-nums;}
.history-list > li > p::before {content: ""; position: absolute; top: 56px; left: 28px; width:10px; height:10px; border-radius: 12px; background-color: #e60022;}

.history-detail-list {position: relative; padding-left: 25px;}
.history-detail-list > li {display: flex; line-height: 23px; margin-bottom: 25px;}
.history-detail-list .history-number {position: relative; display: inline-block; margin-right: 15px; font-size: 16px; font-weight:600; font-variant-numeric: tabular-nums;}
.history-list > li .history-number::after {content: ""; position: absolute; top: 24px; left: 50%; transform: translateX(-50%); width: 23px; height: 1px; background-color: #e60022;}
.history-detail-list .history-txt {font-size: 14px; font-weight: 500; color:#494949;}
.history-detail-list .history-txt li {word-break:keep-all;}
.history-detail-list .history-txt li:not(:last-of-type) {margin-bottom: 15px;}

@media screen and (max-width: 1350px) {
	.history-wrap::after {top:0; width:2px; height:100%;}

	.history-list {flex-direction:column; padding-left:30px;}
	.history-detail-list .history-txt {font-size:16px;}
	.history-list > li:first-of-type {margin-top:25px;}
	.history-list > li > p {padding-bottom:25px;}
	.history-list > li > p::before {top:16px; left: -34px; width:10px; height:10px;}
	.history-list > li > p::after {content: ""; position: absolute; top: 10px; left: -40px; width: 22px; height: 22px; border-radius: 22px; background-color: #e60022; opacity:0.3;}

	.history-detail-list {padding-left:0;}
}

@media screen and (max-width: 800px) {
	.history-list > li > p {padding-bottom:20px; font-size:26px;}
}

@media screen and (max-width: 500px) {
	.history-list {gap:30px;}
	.history-list > li {padding-bottom:15px; border-bottom:1px solid #ededed;}
	.history-list > li:first-of-type {margin-top:20px;}
	.history-list > li > p {padding-bottom:15px; font-size:22px;}
	.history-list > li > p::before {top:13px;}
	.history-list > li > p::after {top:7px;}
	
	.history-detail-list > li {margin-bottom: 20px;}
	.history-detail-list .history-txt {font-size:14px;}
	.history-detail-list .history-txt li:not(:last-of-type) {margin-bottom:10px;}
}


/* 기업 홍보 */
.sub-info-box {padding:3rem; margin-bottom:5rem; background-color:#F4F7F8; border-radius:2rem;}
.sub-info-inner h6 {padding-bottom:1rem; font-size:2rem; font-weight:500;}
.sub-info-inner ul {padding-bottom:2rem;}
.sub-info-inner ul li {padding-left:1.65rem; font-size:1.65rem;}
.sub-info-inner ul li::before {content:"-"; margin-left:-1rem; margin-right:1rem;}
.sub-info-inner ul li a {font-weight:700;}

.sub-info-btn-wrap {display:flex; gap:0.8rem;}
.down-icon-btn {position:relative; padding:1.2rem 2.7rem 1.2rem 4.7rem; font-size:1.5rem; color:#fff; background-color:#2E2E2E; border-radius:1rem;}
.down-icon-btn::before {content:""; position:absolute; top:50%; left:2.7rem; transform:translateY(-50%); width:1.4rem; height:1.4rem; background:url(/assets/images/down_icon.png) center no-repeat; background-size:contain;}
.down-icon-btn br {display:none;}

.link-icon-btn {position:relative; padding:1.2rem 2.7rem 1.2rem 4.7rem; font-size:1.5rem; color:#fff; background-color:#2E2E2E; border-radius:1rem;}
.link-icon-btn::before {content:""; position:absolute; top:50%; left:2.7rem; transform:translateY(-50%); width:1.2rem; height:1.2rem; background:url(/assets/images/link_icon.png) center no-repeat; background-size:contain;}
.link-icon-btn br {display:none;}

@media screen and (max-width: 450px) {
	.down-icon-btn,
	.link-icon-btn {width:50%;}

	.down-icon-btn br,
	.link-icon-btn br{display:block;}
}