@charset "utf-8";

:root {--blue:#2E6ADF;}


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%;}
/*#wrap.popup-on {margin-top: 100px;}
#wrap.popup-on .header {top: 100px;}
#wrap.popup-on .container {margin-top: 240px;}*/



/* popup */
.main_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 1000;}
.main_popup.on {display: block;}
.popup_inner {position: relative; width: 100%; height: 100%; margin: auto;}

.popup-img {width:100%; height:100%;}
.popup-img img {width: 100%; height: 100%; object-fit: cover;}

.btn_today_close {position: absolute; top:50%; right: 200px; transform: translateY(-50%); display: block; width: 20px; height: 20px; border: none; background-color: transparent;}

@media screen and (max-width: 1800px) {
	.btn_today_close {right: 150px;}
}
@media screen and (max-width: 1700px) {
	.btn_today_close {right: 100px;}
}
@media screen and (max-width: 1600px) {
    .btn_today_close {right: 50px;}
}


/* skip-navigation */
.skip-navigation {position:absolute;}
.skip-navigation a {position:absolute;top:-200px; opacity:0;}
.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:#333; text-decoration:none; opacity:100; z-index:9999;}



/* header */
.header {position: fixed; top: 0; width: 100%; height: 140px; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 1000; transition: .3s;}

.header .header-top {width: 100%; height: 80px; border-bottom:1px solid #ddd;}
.header .header-top .header-top-inner {display: flex; justify-content: space-between; width: 100%; max-width: 1500px; height: 100%; margin: 0 auto;}

.header .header-bottom {width: 100%; height: 60px;}
.header .header-bottom .header-bottom-inner {display: flex; justify-content: space-between; max-width: 1500px; height: 100%; margin: 0 auto;}

.header .logo a {position: relative; display: flex; height: 100%;}
.header .logo a img {margin: auto;}
.header .mv-logo {display: none;}
.header .mv-logo a {position: relative; display: flex; height: 100%;}
.header .mv-logo a img {margin: auto; max-width: 180px;}

/* header 1차 메뉴 */
.gnb {flex:1; display: flex;}
.gnb .menu {display: flex; justify-content: space-between; width: 100%;}
.gnb > .menu > li {text-align: center; line-height: 60px; border-left: 1px solid #ddd;}

/* 01 item */
.gnb > .menu > li:first-child:nth-last-child(1) {width: 100%;}
/* 02 items */
.gnb > .menu > li:first-child:nth-last-child(2),
.gnb > .menu > li:first-child:nth-last-child(2) ~ li {width: calc(100% /2);}
/* 03 items */
.gnb > .menu > li:first-child:nth-last-child(3),
.gnb > .menu > li:first-child:nth-last-child(3) ~ li {width: calc(100% /3);}
/* 04 items */
.gnb > .menu > li:first-child:nth-last-child(4),
.gnb > .menu > li:first-child:nth-last-child(4) ~ li {width: calc(100% /4);}
/* 05 items */
.gnb > .menu > li:first-child:nth-last-child(5),
.gnb > .menu > li:first-child:nth-last-child(5) ~ li {width: calc(100% /5);}
/* 06 items */
.gnb > .menu > li:first-child:nth-last-child(6),
.gnb > .menu > li:first-child:nth-last-child(6) ~ li {width: calc(100% /6);}
/* 07 items */
.gnb > .menu > li:first-child:nth-last-child(7),
.gnb > .menu > li:first-child:nth-last-child(7) ~ li {width: calc(100% /7);}
/* 08 items */
.gnb > .menu > li:first-child:nth-last-child(8),
.gnb > .menu > li:first-child:nth-last-child(8) ~ li {width: calc(100% /8);}
/* 09 items */
.gnb > .menu > li:first-child:nth-last-child(9),
.gnb > .menu > li:first-child:nth-last-child(9) ~ li {width: calc(100% /9);}
/* 10 items */
.gnb > .menu > li:first-child:nth-last-child(10),
.gnb > .menu > li:first-child:nth-last-child(10) ~ li {width: calc(100% /10);}

.gnb > .menu > li > a {display: block; width: 100%; height: 100%; font-family:'GmarketSans', sans-serif !important; font-size: 20px; font-weight: 500; color: #111; transition: .3s;}
.gnb .menu li:hover > a {color:var(--blue); transition: .3s;}

/* header 2차 메뉴 */
.gnb .menu li .two-depth-menu {display: none; position: absolute; top: 140px; left: 0; width: 100%; height: auto; border-bottom: 1px solid #ddd; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1); background-color: #fff; z-index: 1000;}
.gnb .menu li:hover > .two-depth-menu {display: block;}
/* header 웹접근성 */
.gnb .menu li:focus .two-depth-menu,
.gnb .menu li:focus-within .two-depth-menu {display: block;}

nav.gnb li.sub_dropdown:focus div.dropdown-content,
nav.gnb li.sub_dropdown:focus-within div.dropdown-content {display: block;}

.two-depth-menu li {line-height: 20px;}
.two-depth-menu .two-depth-inner {position: relative; display: flex; width: 100%; max-width: 1500px; margin: auto;}
.two-depth-menu .two-depth-inner::before {content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 1px; height: calc(100% - 50px); border-left:1px solid #e6e6e6;}
.two-depth-menu .two-depth-inner::after {content: ""; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 1px; height: calc(100% - 50px); border-right:1px solid #e6e6e6;}
.two-depth-menu .two-depth-title {position: relative; width: 400px; padding: 40px; text-align: left;}
/* .two-depth-menu .two-depth-title::after {content: ""; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 1px; height: calc(100% - 50px); border-right:1px solid #e6e6e6;} */
.two-depth-menu .two-depth-title h3 {font-family:'GmarketSans', sans-serif !important; font-size: 28px; line-height: normal; padding-bottom: 10px;}
.two-depth-menu .two-depth-title h6 {font-size: 18px; line-height: 26px; color: #777; word-break: keep-all;}
.two-depth-menu .two-depth-title p {font-size: 16px; color:#333; line-height: normal;}
.two-depth-menu .two-depth-list {width: calc(100% - 580px); column-count: 4; text-align: left; column-gap: 0; /*column-rule: 1px solid #ddd;*/ padding: 30px 0 40px; z-index: 100;}
.two-depth-menu .two-depth-list > li {display: inline-block; position: relative; width: 100%; box-sizing: border-box; padding: 8px 20px; text-align: left; vertical-align: top; margin: 0;}
.two-depth-menu .two-depth-list > li > a {display: block; padding-bottom: 5px; font-size: 17px; word-break: auto-phrase; border-bottom: 1px solid #DDD; font-size: 1rem; color: #222;}
.two-depth-menu .two-depth-list > li > a:hover{ position: relative; color:var(--blue); }
.two-depth-menu .two-depth-list > li > a:hover:after{ width: 100%; }

/* header 3차 메뉴 */
.three-depth-list { padding: 15px 10px 5px; background: #F9F9F9 }
.three-depth-list > li {display: inline-block; position: relative; width: 100%; box-sizing: border-box; padding: 0 10px 8px; text-align: left; vertical-align: top; margin: 0;}
.three-depth-list > li > a { display: inline-block; margin-top: 5px; font-size: 15px; color:#444; } /*2차*/
.three-depth-list > li:first-child > a { margin-top: 0; } 
.three-depth-list > li > a:hover{ color:#00acff; }

.header .right-menu {display: flex; justify-content: space-between;}
.search-btn {position: relative; width: 60px; height: 60px; border: none; background-color: #0083CB;}
.ham-btn {position: relative; width: 60px; height: 60px; border: none; background-color: #273762;}

/* header - search */
.search-area {display: none; position: absolute; top: 140px; left: 0; width: 100%; height: 150px; border-bottom: 1px solid #ddd; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1); background-color: #fff; z-index: -99;}
.search-area-inner {display: flex; width:100%; height:100%;}
.search-box {display: flex; justify-content: space-between; width: 600px; height: 50px; margin: auto; background-color: #efefef;}
.search-box form {display: flex; justify-content: space-between; width: 100%; height: 50px; background-color: #efefef;}
.search-box input {width: calc(100% - 50px); height: 100%; padding: 10px 15px; font-size: 15px; border: none; background-color: transparent;}
.search-box a {position: relative; display: flex; width: 50px; height: 50px;}
.search-box a img {margin: auto; width: 24px; height: auto;}

/* mobile - header */
.m-header {display: flex; justify-content: space-between; display: none; width: 100%; height: 60px; padding: 0 15px;  border-bottom: 1px solid #ddd;}
.m-header .m-logo a {display: flex; justify-content: space-between; width: 100%; height: 60px;}
.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; z-index: 1300; transition: .5s;}
.m-menu-wrap.active {background-color:rgba(0,0,0,0.6); visibility:visible;}

.m-menu {position:fixed; top:0; right:-100%; width:100%; height:100%; padding-bottom:15px; background-color:rgba(0, 0, 0, 0.8);  transition:right .5s; }
.m-menu-wrap.active .m-menu {right:0;}

.m-menu .m-inner.mobile {display: none;}
.m-menu .m-inner.mobile {height: calc(100% - 60px); overflow-y: auto;}
.m-menu .m-inner.sitemap {height: 100%; overflow-y: auto;}

.m-menu .menu-wrap ul > li.active > a {position: relative; font-weight: 700; border: 1px solidred;}
.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: 1px; 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: 1px; 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: 5px 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: 10px 10px 5px !important;}
.m-menu .menu-wrap .two-depth-menu > li > a {font-size: 15px; line-height: 19px; color: #303030;}
.m-menu .menu-wrap .three-depth-menu {padding: 15px 0 10px; margin:10px 0; background:#fafafa;}
.m-menu .menu-wrap .three-depth-menu > li {list-style: inside; color: #505050; padding: 0 15px 5px !important;}
.m-menu .menu-wrap .three-depth-menu > li > a {font-size: 14px; line-height: 19px; color: #505050;}

.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;}

.select-wrap {display: flex; gap:8px; margin: auto 0;}



/*사이트맵*/
.sitemap-inner {padding: 30px 40px;}
.sitemap-head {display: flex; justify-content: space-between;}
.sitemap-title {margin-bottom: 50px; font-size: 35px; font-family:'GmarketSans', sans-serif !important;  color: #fff;}
.sitemap-btn {background-color: transparent;}
.sitemap-btn img {width: 120px;}
.sitemap-list {display: flex; gap: 40px; flex-wrap: wrap;}
.sitemap-list li a {color: #fff;}

.sitemap-one-depth > a {display: block; width: 140px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #474747; font-size: 18px; font-family:'GmarketSans', sans-serif !important;}
.sitemap-two-depth > li {padding-bottom: 10px;}
.sitemap-two-depth > li > a {font-size: 16px;}
.sitemap-three-depth {padding: 8px 10px 0;}
.sitemap-three-depth > li {list-style: inside; color: #fff; padding-bottom: 10px;}
.sitemap-three-depth > li > a {font-size: 14px; color: #fff;}





/* 셀렉트 */
.selectBox {position: relative; width: auto; height: 40px; background-size: 15px; cursor: pointer; border:1px solid #ddd; border-radius:4px; background-color: #fff; z-index: 1200;}
.selectBox::after {content: ''; position: absolute; right: 10px; top: 35%; content: ''; width: 6px; height: 6px; border-top: 1px solid #8d8d8d; border-right: 1px solid #8d8d8d; transform: rotate(135deg); transition: .3s;}

.selectBox.active:after {top: 45%; transform:  rotate(315deg); transition:.3s;}
.selectBox .selectLabel {display: flex; align-items: center; width: inherit; height: inherit; background: transparent; cursor: pointer; padding: 0 35px 0 15px; font-size: 14px; color: #111; border: none;}

.selectBox .optionList {display:none; position: absolute; top: 45px; left: 0; width: 100%; max-height: 367px; padding: 0; color: #333; border-radius: 5px; background-color:#fff; box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.1); overflow: hidden; z-index:10;}
.selectBox .optionList::-webkit-scrollbar {width: 5px;}
.selectBox .optionList::-webkit-scrollbar-track {background: #fff; }
.selectBox .optionList::-webkit-scrollbar-thumb {background: #797979;}

.selectBox.active .optionList {display:block; overflow-y: auto;}
.selectBox .optionItem {width: 100%; border-bottom: 1px solid #E3E7E8; transition: .1s;}
.selectBox .optionItem:last-child {border-bottom: 0 none;}
.selectBox .optionItem a {display: block; padding: 10px; font-size: 14px;}



/* main content */
.main-content {position: relative; width: 100%;}


/* main banner */
.main-banner {position: relative; overflow: hidden;}
.main-banner .swiper-slide {display: flex; border-radius: 0 0 100px 100px; overflow: hidden;}
.main-banner .swiper-slide .img-m-ver {display: none;}

.main-btn-prev.swiper-button-prev {left: 60px; width: 50px; height: 50px; border: none; background-color: transparent;}
.main-btn-next.swiper-button-next {right: 60px; width: 50px; height: 50px; border: none; background-color: transparent;}
.main-btn-prev.swiper-button-prev:after {content: "";}
.main-btn-next.swiper-button-next:after {content: "";}
.main-pagination-wrap {position: absolute; display: flex;justify-content: center;gap: 8px; width: 100%; bottom: 70px; z-index: 1;}
.main-pagination-wrap .main-pagination {position: static;width: auto;}
/* .main-pagination-wrap {position: absolute; display: block;  width: 100%; bottom: 70px; z-index: 1;} */
.main-pagination-wrap .swiper-pagination-bullet {width: 10px; height: 10px; background:#fff; opacity: 0.4;border-radius: 10px;}
.main-pagination-wrap .swiper-pagination-bullet-active {width: 30px;opacity: 1 !important;}


/* main - 공통 */
.container {margin-top: 140px;}



/* main - 1sec - menu */
.main-menu {position: relative; margin-top: -35px; z-index: 10;}
.menu-inner {max-width: 1500px; margin: 0 auto;}
.main-menu-wrap {display: flex;}
.main-menu-wrap .menu-box {position: relative; display: flex; flex-direction: column; justify-content: space-between; width: calc(100% / 4); height: 375px; padding: 40px 50px; transition: .3s;}
.main-menu-wrap .menu-box.purple {background:url(/assets/images/menu_box_icon_01.png) top 30px right 25px no-repeat #4E54B7; border-radius: 20px 0 0 20px; overflow: hidden;}
.main-menu-wrap .menu-box.purple::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to right bottom, #12188200 15%, #121882 100%); opacity: 0.5;}
.main-menu-wrap .menu-box.blue {background:url(/assets/images/menu_box_icon_02.svg) top 30px right 25px no-repeat #3977C7; overflow: hidden;}
.main-menu-wrap .menu-box.blue::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to right bottom, #ffffff00 0%, #25518A 100%); opacity: 0.2;}
/* .main-menu-wrap .menu-box.blue {background:url(/assets/images/menu_box_icon_02.svg) top 30px right 25px no-repeat #3F83D9; overflow: hidden;}
.main-menu-wrap .menu-box.blue::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to right bottom, #46C4FF 0%, #4ABEAF 84%); opacity: 0.2;} */
.main-menu-wrap .menu-box.green {background:url(/assets/images/menu_box_icon_03.svg) top 30px right 25px no-repeat #42817C; overflow: hidden;}
.main-menu-wrap .menu-box.green::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to right bottom, #ffffff00 30%, #26504C 100%); opacity: 1;}
/* .main-menu-wrap .menu-box.green {background:url(/assets/images/menu_box_icon_03.svg) top 30px right 25px no-repeat #6ECFC7; overflow: hidden;}
.main-menu-wrap .menu-box.green::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to right bottom, #009b8100 0%, #009B81 100%); opacity: 0.5;} */
.main-menu-wrap .menu-box.navy {background:url(/assets/images/menu_box_icon_04.svg) top 30px right 25px no-repeat #273762; border-radius: 0 20px 20px 0; overflow: hidden;}
.main-menu-wrap .menu-box:hover {margin-top: -20px; transition: .3s;}

.menu-head,
.menu-body {position: relative; z-index: 10;}
.menu-title {font-family:'GmarketSans', sans-serif !important; font-size: 35px; line-height: 43px; font-weight: 700; color: #fff;}
.menu-title em {display:block; font-family:'GmarketSans', sans-serif !important; }
.menu-text {padding-top:8px; color: #fff; line-height: 25px; word-break: keep-all;}

.menu-body {display: flex; flex-direction: column; row-gap: 10px;}
.src-box {display: flex; justify-content: space-between; width: 100%; height: 48px; margin-bottom:10px; color: #fff; font-size: 18px; border: 1px solid #fff;}
.src-box input {width: 100%;padding: 0 15px; font-size: 16px; font-weight: 500; color:#fff; background: transparent; border: none;}
.src-box input::placeholder {color:#fff;}
.src-box-btn {width: 48px; height: 48px; background: transparent; border: none;}
.button-box {position: relative; width: 100%; height: 48px; padding: 0 15px; font-size: 16px; font-weight: 500; text-align: left; color: #fff; border: 1px solid #fff; border-radius: 0; background-color: transparent; transition: .3s;}
.button-box::after {content: ""; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 14px; height: 14px; transform: translateY(-50%) rotate(45deg); width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transition: .3s;}
.menu-box .button-box:hover {background-color: #fff; color: #000; transition: .3s;}
.menu-box .button-box:hover::after {border-top: 1px solid #000; border-right: 1px solid #000; transition: .3s;}



/* main - 1sec - submenu */
.sub-menu-wrap {display: flex; justify-content: space-between; width: 100%; margin-top: 30px; background-image: linear-gradient(to right bottom, #f9f9f9 0%, #fff 100%); border-radius: 20px; box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.1);}
.sub-menu-box {padding: 40px 0;}
.sub-menu-box:first-of-type {padding: 40px 35px;}
.sub-menu-box:not(:last-of-type) {position: relative;}
.sub-menu-box:not(:last-of-type)::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 60%; border-right: 1px dotted #eee;}
.sub-menu-box:not(:first-of-type) {width: 132px; text-align: center;}
.sub-menu-box a {display: block;}

.sub-number {font-family:'SCDream', sans-serif !important; font-size: 16px; color: #333; font-weight: 500;}
.sub-list {display: flex; gap: 25px; font-family:'SCDream', sans-serif !important; color: #666;}
.sub-list li:not(:last-of-type) {position: relative;}
.sub-list li:not(:last-of-type)::after {content: ""; position: absolute; top: 50%; right: -15px; transform: translateY(-50%); border-right: 1px solid #D3E1E8; width: 1px; height: 80%;}
.number {display: inline-block; font-family:'SCDream', sans-serif !important; letter-spacing: -2px; font-size: 44px; font-weight: 800; background: linear-gradient(to right, #29AF9B 0%, #30369C 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.sub-menu-img {display: flex; height: 76px; padding-bottom: 5px; transition: .3s;}
.sub-menu-box:hover .sub-menu-img {margin-top: -10px; transition: .3s;}
.sub-menu-img img {margin: auto;}

.sub-menu-title {font-family:'SCDream', sans-serif !important; font-size: 15px; font-weight: 500; color: #333; transition: .3s;}
.sub-menu-box:hover .sub-menu-title {color: var(--blue); transition: .3s;}



/* main - 2sec - news(팝업존/알림마당) */
.main-content.news .content-title {display: flex;gap:25px;margin-bottom: 25px;}
.main-content.news .more-btn {position:absolute;right:0;top:0;}
.content-title h3 {font-family:'GmarketSans', sans-serif !important; font-size: 30px; font-weight: 500;}
.content-title p {font-size: 16px; color: #929292;}

.news-inner {display: flex; justify-content: space-between; gap: 55px; max-width: 1500px; padding-top: 85px; margin: 0 auto;}
.news-inner .content-title p {color: #7AA1A0;}
.news-left-area,
.news-right-area {position:relative;width:calc(100% / 2 - 2.5rem);}

/* 팝업존 */
.popup-banner {height: 400px;}
.popup-slider {overflow:hidden;}
.popup-slider .swiper-slide a {display: flex; }
.popup-slider .swiper-slide img {width:100%; height:100%; object-fit:cover; border-radius:20px;}



.popup-navigation {position: relative; display: flex; gap: 3px; padding-top: 12px;}
.popup-pagination {position: relative;}

.popup-navigation .play-btn, .popup-navigation .stop-btn {border: none;background: none;}
.popup-btn-prev.swiper-button-prev {position: relative; display: flex; width: 16px; height: 100%; left: auto; top: auto; margin: 0; border: none; background-color: transparent;}
.popup-btn-next.swiper-button-next {position: relative; display: flex; width: 16px; height: 100%; right: auto; top: auto;  margin: 0; border: none; background-color: transparent;}

.popup-btn-prev.swiper-button-prev:after {content: "";}
.popup-btn-next.swiper-button-next:after {content: "";}

.popup-btn-prev.swiper-button-prev img {margin: auto;}
.popup-btn-next.swiper-button-next img {margin: auto;}

.popup-pagination.swiper-pagination {position: relative; top: auto; bottom: auto; left: auto; line-height: 22px; color: #444;}
/* .popup-pagination.swiper-pagination {position: relative; top: auto; bottom: auto; left: auto; line-height: 22px; color: #999;} */
.swiper-pagination-current {color: #000;}



/* 알림마당 */
.news-tab-wrap {padding-top: 10px;}
.news-tab {display: flex; padding-top: 8px; gap: 30px;}
.news-tab li:not(:last-of-type) {position: relative;}
.news-tab li:not(:last-of-type)::after {content: ""; position: absolute; top: 50%; right: -15px; transform: translateY(-50%); width: 1px; height: 17px; border-right: 1px dotted #ddd;}
.news-tab li a {font-family:'GmarketSans', sans-serif !important; font-size: 20px; font-weight: 500; color: #666; transition: .3s;}
.news-tab li a:hover {color: var(--blue); transition: .3s;}
.news-tab li.activeClass a {color: var(--blue); transition: .3s;}
.news-tab li a::after {content: '';display: block;width: 0;height: 1px;background: var(--blue);transition: all 0.3s ease;}
.news-tab li a:hover::after, .news-tab li.activeClass a::after {width: 100%;}
.news-btn-menu {display: none;}

.news-content {display: none;}
.news-content.on {display: block;}

.more-btn {position:relative; display: flex; width: 34px; height: 34px; background-color: transparent; border: none;}
.more-btn::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:34px; background-color:#111; z-index:-1;}
.more-btn img {width: 18px; height: 18px; margin: auto; transition: .3s;}
.more-btn:hover img {transform: rotate(180deg); transition: .3s;}

.news-area {position: relative; min-height: 400px; padding: 15px 40px; border-top: 2px solid; background-color: #fff; border-radius:  0 0 20px 20px; box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.1); z-index: 1;}
.news-list li:not(:last-of-type) {border-bottom: 1px dotted #ddd;}
.news-list li a {position: relative; display: flex; line-height: 33px; padding: 13px 0;}
.news-icon {display: inline-block; width: 55px; min-width: 55px; height: 33px; margin-right: 20px; border-radius: 33px; text-align: center; line-height: 33px; font-size: 17px; font-weight: 700; color: #fff;}
.news-icon.icon-blue {background: #3977C7;}
/* .news-icon.icon-blue {background: #32A6FD;} */
.news-icon.icon-navy {background: #102048;}
.news-icon.icon-orange {background: #366C68;}
/* .news-icon.icon-orange {background: #FF904A;} */
.news-icon.icon-purple {background: #4E54B7;}
/* .news-icon.icon-purple {background: #535DEE;} */
.news-title {max-width: 100%; margin-right: 90px; font-size: 17px; color: #111; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .3s;}
.news-list li a:hover .news-title {color: var(--blue); transition: .3s;}
.news-date {position: absolute; top:50%; right: 0; transform: translateY(-50%); font-size: 16px; font-weight: 300; color: #767676;}
/* .news-date {position: absolute; top:50%; right: 0; transform: translateY(-50%); font-size: 16px; font-weight: 300; color: #999;} */


.big_tab ul{overflow: hidden; width: 100%;}
.sm_select {position: relative; display: none;}
.sm_select select {width:100%; height: 45px; padding: 0 10px; font-size: 14px; border: 1px solid #ddd; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.sm_select::after {content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background: url(/assets/images/select_arrow_icon.svg) center no-repeat; width: 15px; height: 15px; background-size:15px;}


/* main - youtube */
.main-youtube {margin-top: -70px;}
.main-content.youtube {width: 100%; height: 640px; padding-top: 190px; background: url(/assets/images/4sec_bg.png) center no-repeat; background-size: cover;}
.youtube-inner {display: flex; justify-content: space-between; max-width: 1500px; margin: 0 auto;}
.youtube-left-area {}
.youtube-right-area {}
.youtube-title h6 {padding-top: 10px; padding-bottom: 20px; font-family:'GmarketSans', sans-serif !important; font-size: 15px; letter-spacing: 3px; font-weight: 500; color: #FF0302;}
.youtube-title h3 {padding-bottom: 50px; font-family:'SCDream', sans-serif !important; font-size: 50px; font-weight: 300; letter-spacing: -6px; line-height: 62px; color: #494949;}
.youtube-title h3 span {font-family:'SCDream', sans-serif !important; font-size: 50px; font-weight: 700; letter-spacing: -6px; color: #000;}

.sns-list {display: flex; gap: 8px;}
.sns-list li a {display: block; width: 42px; height: 42px;}
.sns-list li a img {transition: .3s;}
.sns-list li a:hover img {margin-top: -10px; transition: .3s;}

.youtube-banner {position: relative; width: 880px;}
.youtube-slider .swiper-slide {max-height:252px; border: 5px solid #fff; display: flex; overflow: hidden; border-radius: 15px;}
.youtube-slider .swiper-slide a {display:flex;}
.youtube-slider .swiper-slide a img {width:100%; height:100%; object-fit:cover;}

.youtube-nav {display: flex; justify-content: center; padding-top: 50px;}
.youtube-nav .youtube-page-wrap {position: relative;display:inline-flex;margin-top:-2px;}
.youtube-nav .swiper-pagination {position: relative; top: 50%; transform: translateY(-50%);width:100px;}
.youtube-nav .youtube-pagination .swiper-pagination-bullet {width:10px; height: 10px; margin: 0 5px !important;background:#01719a !important;border-radius: 10px;opacity:1;transition:.3s;}
.youtube-nav .youtube-pagination .swiper-pagination-bullet-active {width: 30px;background:#00435c !important;}

.youtube-nav .stop-btn,
.youtube-nav .play-btn,
.youtube-nav .youtube-btn-prev,
.youtube-nav .youtube-btn-next {display:inline-flex;padding: 0 3px;border:0;background:none;}
.youtube-nav .stop-btn img,
.youtube-nav .play-btn img,
.youtube-nav .youtube-btn-prev img,
.youtube-nav .youtube-btn-next img {margin: auto;}


/* quick menu */
.quick-menu {/*display:none;*/ position: fixed; right: 40px; bottom: 5%; z-index: 100;}
.quick-list {display: flex; flex-direction: column; gap: 12px;}
.quick-list li {}
.quick-list li a {display: block; width: 52.5px; height: 52.5px; border-radius: 50px;}



/* footer */
.footer {width: 100%; color: #ccc; background-color: #283237;}
.footer-top {width: 100%; height: 75px; margin: 0 auto; border-bottom:1px solid #3A474E;}
.footer-top-inner {display: flex; justify-content: space-between; width: 100%; max-width: 1500px; margin: 0 auto;}
.footer-top-inner ul {display: flex; gap: 20px; line-height: 75px;}

.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 {position: relative; font-weight: 300;}
.footer-top-inner .footer-menu li:not(:last-of-type) {padding-right: 25px;}
.footer-top-inner .footer-menu li:not(:last-of-type)::after {content: ""; position: absolute; top:50%; right: 0; transform: translateY(-50%); width: 1px; height: 10px; border-right: 1px solid #fff;}
.footer-top-inner .footer-menu li a {color: #fff;}
.footer-top-inner .footer-menu li.point a {color: #6DCFC6;}

.footer-sns-menu.mobile-ver {display: none;}
.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: 40px 0 75px; margin: 0 auto;}
.footer-bottom-inner {display: flex; justify-content: space-between; width: 100%; max-width: 1500px; margin: 0 auto;}
.footer-logo {margin: auto 35px auto 0; margin-right: 35px;}
.footer-list .footer-text {display: flex; gap: 20px; color: #fff; padding-top: 10px;}
.footer-list .footer-copy {font-size: 13px; font-weight: 300; color: #aaa; padding-top: 10px;}


.footer-info {display: flex; gap: 50px;}
.footer-mark-list {display: flex; gap: 10px;}
.footer-mark-list.mobile-ver {display: none;}
.footer-info-list {text-align: right;}
.footer-info-tell {padding-bottom: 5px; color: #fff; font-size: 28px; font-weight: 500;}
.footer-info-time {padding-bottom: 25px; color: #fff; font-weight: 300;}

.site-link-list {display: flex; justify-content: end; gap: 10px;}
.site-link-list li dl {position: relative;}
.link-btn {position: relative; width: 150px; padding:10px 10px; text-align: left; font-size: 14px; font-weight: 300; color: #E5E5EC; border:1px solid #E5E5EC; background-color: transparent;}
.link-btn::after {content: ''; position: absolute; right: 10px; 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: 14px; font-weight: 300; color: #fff; word-break: keep-all;}
.site_list::-webkit-scrollbar {width: 8px;}
.site_list::-webkit-scrollbar-thumb {background-color: #ffffff3b; background-clip: padding-box;}
.site_list::-webkit-scrollbar-track {background: transparent;}



/* main 반응형 */
@media screen and (min-width: 1921px) {
    .main-banner .swiper-slide img {width: 100%; object-fit: cover;}
    
}


@media screen and (max-width: 1700px) {
    .main-banner .swiper-slide {border-radius: 0 0 70px 70px;}

    .sub-list {flex-direction: column; padding-top: 10px; gap: 5px;}
    .sub-list li:not(:last-of-type)::after {display: none;}

    .sub-menu-box:first-of-type {padding: 30px 35px;}
    .sub-menu-box:not(:first-of-type) {display: flex;}
    .sub-menu-box a {margin: auto;}
}


@media screen and (max-width: 1600px) {
    .header .header-top .header-top-inner {max-width: none; padding: 0 50px;}
    .header .header-bottom .header-bottom-inner {max-width: none; padding: 0 50px;}

    .gnb > .menu > li > a {font-size: 17px;}
    .two-depth-menu .two-depth-inner {max-width: none; padding: 0 50px;}
    .two-depth-menu .two-depth-title {position: relative; width: 300px; padding: 40px 35px; text-align: left;}
    .two-depth-menu .two-depth-title h3 {font-size: 24px;}
    .two-depth-menu .two-depth-title h6 {font-size: 15px; line-height: 22px;}
    .two-depth-menu .two-depth-title::after {display: none;}
    .two-depth-menu .two-depth-list {width: calc(100% - 300px); column-rule:none;}
    

    .menu-inner {max-width: none; padding:  0 50px;}

    .news-inner {max-width: none; padding:  85px 50px 0;}
    .news-inner {gap: 50px;}
    .news-left-area, .news-right-area {width:calc(100% / 2 - 1.5rem);}
    .popup-slider {height: 400px;}	
	.popup-slider .swiper-slide img {border-radius:0;}
    
	.youtube-inner {max-width: none; padding: 0 50px;}

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

    .quick-menu {right: 30px;}
    .quick-list {gap: 10px;}
    .quick-list li a {width: 46px; height: 46px;}
}


@media screen and (max-width: 1580px) {
	.popup-slider .swiper-slide {background-color:#e2e2e2;}
	.popup-slider .swiper-slide a {width:100%; height:100%;}
	.popup-slider .swiper-slide img {width:auto; height:auto; margin:auto;}
}


@media screen and (max-width: 1500px) {
    .main-banner .swiper-slide {border-radius: 0 0 50px 50px;}

    .main-menu-wrap .menu-box {padding: 40px 35px; height: auto;}
    .main-menu-wrap .menu-box.purple {background:url(/assets/images/menu_box_icon_01.png) top 25px right 20px no-repeat #4E54B7; background-size: 60px;}
    .main-menu-wrap .menu-box.blue {background:url(/assets/images/menu_box_icon_02.svg) top 25px right 20px no-repeat #3F83D9; background-size: 60px;}
    .main-menu-wrap .menu-box.green {background:url(/assets/images/menu_box_icon_03.svg) top 25px right 20px no-repeat #6ECFC7; background-size: 60px;}
    .main-menu-wrap .menu-box.navy {background:url(/assets/images/menu_box_icon_04.svg) top 25px right 20px no-repeat #273762; background-size: 60px;}
	.main-menu-wrap .menu-box:hover {margin-top: 0;}
    .menu-title {font-size: 28px; line-height: 35px;}
    .menu-text {font-size: 14px; line-height: 22px; padding-bottom: 20px;}

    .src-box {height: 45px;}
    .src-box input {font-size: 14px;}
    .button-box { height:45px; font-size:14px;}

    .number {font-size: 30px;}
    .sub-menu-title {font-size: 14px;}

    .content-title h3 {font-size: 28px;}
    .news-tab-wrap {padding-top: 8px;}
    .news-tab {gap: 25px;}
    .news-tab li a {font-size: 17px;}
    .news-tab li:not(:last-of-type)::after {right: -10px;}

    .youtube-title h6 {padding-bottom: 10px;}
    .youtube-title h3 {font-size: 40px; padding-bottom: 35px; line-height: 54px;}
    .youtube-title h3 span {font-size: 40px; line-height: 54px;}
}

@media screen and (max-width: 1400px) {
	.main-content.youtube {height:560px;}
    .youtube-banner{width: 710px;}
	.youtube-slider .swiper-slide {max-height:204px;}
    .news-tab {gap: 20px;}
    .news-tab li a {font-size: 15px;}
}

@media screen and (max-width: 1200px) {
    .footer-sns-menu.pc-ver {display: none !important;}
    .footer-sns-menu.mobile-ver {display: flex; gap: 10px; padding-top: 30px;}

    .main_popup {display: none !important;}
    .skip-navigation {display: none;}

    #wrap.popup-on {margin-top: 0;}
    #wrap.popup-on .container {margin-top: 60px;}

    #wrap.popup-on .header {top: 0;}
    .header {height: 60px;}
    .header .header-top {display: none;}
    .select-wrap {display: none;}
    .gnb {display: none;}
    .header .header-bottom .header-bottom-inner {padding: 0 0 0 15px;}
    .header .mv-logo {display: block;}
    .m-menu {background-color: rgb(255 255 255 / 100%);}
    .m-menu .m-inner.sitemap {display: none;}
    .m-menu .m-inner.mobile {display: block;}
    .m-header {display: flex; height: 60px;}

    .search-area {top: 60px; height: 110px;}
    .search-box {width: 85%;}

    .main-banner-slider {height: 250px;}
    .main-banner .swiper-slide {border-radius: 0 0 20px 20px;}
    .main-banner .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
    .main-btn-prev.swiper-button-prev {display: none;}
    .main-btn-next.swiper-button-next {display: none;}
    
    
    .menu-inner {padding: 0 15px;}
    .main-menu-wrap {flex-wrap: wrap;}
    .main-menu-wrap .menu-box {width: 50%; padding: 25px 20px;}
    .main-menu-wrap .menu-box.purple {background:#4E54B7; border-radius: 20px 0 0 0;}
    .main-menu-wrap .menu-box.blue {background: #3F83D9; border-radius: 0 20px 0 0;}
    .main-menu-wrap .menu-box.green {background: #6ECFC7; border-radius: 0 0 0 20px;}
    .main-menu-wrap .menu-box.navy {background: #273762; border-radius: 0 0 20px 0;}
	
    .menu-title {font-size: 22px; line-height: normal;} 
    .menu-title em {display: inline;}
    .menu-text {font-size: 14px;}
    .menu-text br {display: none;}
    
    .sub-menu-wrap {flex-wrap: wrap;}
    .sub-menu-box:first-of-type {width: 100%;}
    .sub-menu-box:first-of-type::after {top: auto; bottom: 0; right: 0; left: 50%; transform: translate(-50%, 0); width: 100%; height: 1px; border-right: none; border-bottom: 1px dotted #cdcdcd;}
    .sub-menu-box:not(:last-of-type)::after {border-color: #cdcdcd;}
    .sub-menu-box:not(:first-of-type) {width: calc(100% / 8);}
    .sub-menu-text {display: flex; justify-content: space-between;}
    .sub-list {flex-direction: row; gap:25px;}
    .sub-list li:not(:last-of-type)::after {display: block;}
    .number {padding-top: 5px; font-size: 34px;}

    .content-title h3 {margin: auto 0; font-size: 24px;}

    .news-inner {padding: 45px 15px 0;}
    .news-left-area {display: none;}
    .news-right-area {width: 100%; padding-bottom: 85px;}
    .news-tab {display: none;}
    .news-btn-menu {display: block; padding-bottom: 20px;}
    .news-area {min-height: auto; padding: 10px 20px 0;}
    
    
    .sm_select {display: block;}
    .big_tab{display: none;}

    .main-youtube {display: none;}

    .footer-top-inner {padding: 0 15px; overflow-x: auto;}
    .footer-top-inner::-webkit-scrollbar {display: none;}
    .footer-info-list {display: none;}
    .footer-top-inner ul {flex-wrap: nowrap;}
    .footer-top-inner .footer-menu li a {font-size: 14px; color:#fff; white-space: nowrap;}

    .footer-bottom {padding: 20px 0 20px;}
    .footer-bottom-inner {display: block; padding: 0 15px;}
    .footer-img-wrap {display: flex; justify-content: space-between;}
    .footer-mark-list.mobile-ver {display: flex;}
    .footer-list .footer-text {flex-direction: column; gap: 5px;}
    .footer-bottom-right {display: none;}
    .site-link-wrap {display: none;}

    .quick-menu {display: none !important;}
}

@media screen and (max-width: 900px) {
    .main-banner .swiper-slide img.img-left {object-position: top 0 left -50px;}
    .main-banner .swiper-slide img.img-left2{object-position: top 0 left -180px;}

    .sub-menu-box {position: relative; padding: 30px 0;}
    .sub-menu-box:not(:first-of-type) {width: calc(100% / 4);}
    .sub-menu-box:nth-of-type(5)::after {display: none;}
    .sub-menu-box:nth-of-type(n+6)::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; border-top: 1px dotted #cdcdcd;}
    .sub-menu-box:nth-of-type(6)::before {content: ""; position: absolute; top: 0; left: 30px; width: calc(100% - 30px); height: 1px; border-top: 1px dotted #cdcdcd;}
    .sub-menu-box:last-of-type::before {content: ""; position: absolute; top: 0; right: 30px; width: calc(100% - 30px); height: 1px; border-top: 1px dotted #cdcdcd;}
    .sub-menu-text {display: flex; justify-content: space-between;}
    .sub-list {flex-direction: row; gap:25px;}
    .sub-list li:not(:last-of-type)::after {display: block;}
    .number {padding-top: 5px; font-size: 34px;}
}
@media screen and (max-width: 820px) {
	.main-banner-slider {height: auto;}
    .main-banner .swiper-slide .img-pc-ver {display: none;}
    .main-banner .swiper-slide .img-m-ver {display: block;}
	.main-pagination-wrap {bottom: 40px;}
}

@media screen and (max-width: 750px) {
    .sub-list {flex-direction: column; gap: 5px;}
    .sub-list li:not(:last-of-type)::after {display: none;}
    .number {padding-top: 30px;}
}

@media screen and (max-width: 500px) {
    #wrap.popup-on .container {margin-top: 50px;}

    .header {height: 50px;}
    .header .header-bottom {height: 50px;}
    .header .mv-logo a img {max-width: 150px;}
    .search-btn {width: 50px; height: 50px;}
    .ham-btn {width: 50px; height: 50px;}

    .m-header {height: 50px;}
    .m-header .m-logo a {height: 50px;}
    .m-header .m-logo a img {width: 150px;}

    .search-area {top: 50px; height: 90px;}
    .search-box {height: 40px;}
	.search-box form {height: 40px;}
	.search-box input {height:40px;}
    .search-box a {width: 40px; height: 40px;}

    .main-menu-wrap {flex-direction: column;}
    .main-menu-wrap .menu-box {width: 100%;}
    .main-menu-wrap .menu-box.purple {border-radius: 20px 20px 0 0;}
    .main-menu-wrap .menu-box.blue {border-radius: 0;}
    .main-menu-wrap .menu-box.green {border-radius: 0;}
    .main-menu-wrap .menu-box.navy {border-radius: 0;}

    .sub-menu-wrap {justify-content: start;}
    .sub-menu-box:first-of-type {padding: 25px 20px;}
    .sub-menu-text {display: block;}
    .number {padding-top: 5px; font-size: 30px;}
    .sub-menu-title {font-size: 13px;}
    .sub-menu-box {position: relative; padding: 15px 0;}
    .sub-menu-box:not(:first-of-type) {width: calc(100% / 3);}
    .sub-menu-img {padding-bottom: 0; height: 65px;}
    .sub-menu-img img {max-width: 50px; max-height: 45px;}
    .sub-menu-box:not(:last-of-type, :first-of-type)::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 70%; border-right: 1px dotted #cdcdcd;}
    .sub-menu-box:nth-of-type(n+2)::before {content: ""; position: absolute; top: auto; bottom: 0; left: 0 !important; width: 100% !important; height: 1px; border-top: none; border-bottom: 1px dotted #cdcdcd;}
    .sub-menu-box:nth-of-type(n+6)::before {top: auto; bottom: 0; border-top: none; border-bottom: 1px dotted #cdcdcd;}
    .sub-menu-box:nth-of-type(2)::before {left: 20px !important; width: calc(100% - 20px) !important;}
    .sub-menu-box:nth-of-type(4)::before {left: auto !important; right: 20px; width: calc(100% - 20px) !important;}
    .sub-menu-box:nth-child(4)::after {display: none;}
    .sub-menu-box:nth-of-type(5)::before {display: block; content: ""; position: absolute; top: 50%; right: 0; left: 20px; transform: translateY(-50%); width: 1px; height: 60%; border-bottom: none; border-right: 1px dotted #cdcdcd;}
    .sub-menu-box:nth-of-type(5)::after {display: block; content: ""; position: absolute; top: auto; right: auto; bottom:-1px; left: 20px; width: calc(100% - 20px); height: 1px; border-bottom: 1px dotted #cdcdcd;}
    .sub-menu-box:nth-child(7)::after {display: none;}
    .sub-menu-box:nth-of-type(7)::before {left: auto !important; right: 20px; width: calc(100% - 20px) !important;}
    .sub-menu-box:nth-of-type(8)::before {display: none;}
    .sub-menu-box:nth-of-type(9)::before {display: none;}
    .sub-menu-box:last-of-type::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 70%; border-right: 1px dotted #cdcdcd;}
    


    .news-list li:nth-child(3) {border: none;}
    .news-list li:nth-child(n+4) {display: none;}

    .news-list li a {flex-direction: column; line-height: normal;}
    .news-title {padding-top: 10px; font-size: 16px; margin: 0;}
    .news-date {padding-top: 5px; position: relative; top: auto; transform: translateY(0); font-size: 14px;}
    .news-icon {width: 45px; min-width: 45px; height: 25px; line-height: 25px; font-size: 14px;}
	
    
    .footer-top {height: 55px;}
    .footer-top-inner ul {line-height: 55px;}
	
	
	
	
}


/* a:focus-, button:focus, input:focus {outline-offset: -2px !important;outline: 2px solid red !important;}
.swiper-slide a:focus {outline-offset: -1px;outline: 2px solid red;}
.sub-menu-box a:focus {border: 2px solid red !important;} */
a:focus-visible, input:focus-visible, button:focus-visible {outline: 2px solid red;outline-offset: -1px;}
.link-btn:focus-visible {outline: 2px dashed red !important; outline-offset: 1px !important;}
.menu-body input:focus-visible,
.menu-body button:focus-visible {outline: 2px dashed red !important; outline-offset: 2px !important;}