@charset "utf-8";

:root {--blue:#034589; --purple:#6872D4; --point-font: 'SCDream'; --basic-font: 'Pretendard';}


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%; overflow-x:hidden;}



/* 팝업존 */
.popup-wrap {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1200; background: rgba(0, 0, 0, 0.8);}
.popup-modal {display: flex; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%;}
.popup-modal-inner {width:100%; margin: auto;}

.popup {position: relative; z-index: 1300; margin: auto; max-width: 1080px; overflow: hidden;}
.popup-wrap.youtube-ver .popup {width: 720px;}
.popup-head {}
.popup-title-list li {text-align: center; color: #fff;}
.popup-title-list li p {font-family: var(--basic-font) !important; font-size: 20px; font-weight: 500; color: #fff;}
.popup-title-list li h1 {font-family: var(--point-font) !important; font-size: 50px; font-weight: 800; color: #fff;}
.popup-body {padding: 30px 0;}
.popup-body-inner {position: relative;}
.popup-banner {max-width: 920px; margin: 0 auto;}
.popup-swiper .swiper-wrapper {justify-content:center; gap:20px;}
.popup-swiper .swiper-slide {width: 450px !important; height: 450px !important; border-radius: 20px; overflow: hidden;}
.popup-text {margin-bottom:20px; color:#666; word-break:keep-all;}
.popup-text span {display:inline-block; padding-bottom:5px; font-size:18px; color:#ddd;}
.popup-scroll-box-wrap {background-color:#F9F9F9; border-radius:15px; padding:20px;}
.popup-scroll-box {padding-right:10px; overflow-y:auto; max-height:215px;}
.popup-scroll-box::-webkit-scrollbar {width: 7px;}
.popup-scroll-box::-webkit-scrollbar-thumb {background-color: #797979; border-radius: 10px;}
.popup-scroll-box::-webkit-scrollbar-track {background: #dddddd; border-radius: 10px; }
.popup-scroll-box * {word-break:keep-all; font-size:15px; line-height:25px; color:#555;}
.popup-scroll-box h6 {color:#111;}

.popup-btns {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 100px;}
.popup-btn-next {width: 44px; height: 44px; border-radius: 44px; border: 1px solid #E5E5EC; background: transparent;}
.popup-btn-prev {width: 44px; height: 44px; border-radius: 44px; border: 1px solid #E5E5EC; background: transparent;}
.popup-btn-next::after {font-size: 14px; color: #fff;}
.popup-btn-prev::after {font-size: 14px; color: #fff;}


.popup-btn-wrap {text-align: center;}
.popup-btn {width: 140px; height: 55px; padding-bottom: 5px; font-size: 16px; font-weight: 600; color: #fff; border-radius: 6px; background-color: #111;}
.popup-btn i {position: relative; top: 2.5px; font-size: 22px;}

.popup-foot {display: flex; justify-content: center; gap: 10px;}
.popupzone-count {position: relative; height: 48px; padding: 0 20px 0 40px; border-radius: 50px; font-family: var(--basic-font) !important; text-align: center; line-height: 44px; color: #fff; border: 1px solid #fff;}
.popupzone-count::before {content: ""; position: absolute; top:50%; left:15px; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/popup_icon.svg) center no-repeat;}
.popupzone-btn {position: relative; height: 48px; padding: 0 40px 0 20px; border-radius: 50px; font-family: var(--basic-font) !important; font-size: 16px; color: #fff; border: 1px solid #fff; background-color: transparent;}
.popupzone-btn::after {content: ""; position: absolute; top:50%; right:15px; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/close_icon.svg) center no-repeat;}
.popupzone-btn:focus-visible {outline: 2px dotted red;outline-offset: -2px;}



@media screen and (max-width: 1200px) {
    .popup-banner {max-width: 450px;}
    .popup-title-list li h1 {font-size: 40px;}
    .popup-btns {max-width: 630px; left: 50%; transform: translate(-50%, -50%)}
}

@media screen and (max-width: 800px) {
    .popup-btns {max-width: calc(100% - 40px);}
    .popup-swiper .swiper-slide {border-radius: 15px;}
}

@media screen and (max-width: 630px) {
    .popup-title-list li h1 {font-size: 35px;}
    .popup-banner {max-width: calc(100% - 180px);}
    .popup-swiper .swiper-slide {display: flex; width: 100% !important; height: auto !important;}
    .popup-foot {flex-direction: column;}
    .popup-foot > * {width: 210px; margin: 0 auto;}
    .popup-btns {max-width: calc(100% - 40px);}
}

@media screen and (max-width: 500px) {
    .popup-title-list li h1 {font-size: 30px;}
    .popup-body {padding: 20px 0 25px;}
    .popup-banner {max-width: calc(100% - 80px);}
    .popup-foot > * {width: 165px; margin: 0 auto; height: 40px; font-size: 14px; line-height: 40px;}
    .popup-btns {max-width: calc(100% - 10px);}
    .popupzone-count::before {background-size: 18px;}
    .popup-btn-next {width: auto; height: auto; border: none;}
    .popupzone-btn::after {background-size: 16px;}
    .popup-btn-prev {width: auto; height: auto; border: none;}
    
}




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



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

.header .header-top {width: 100%; height: 83px; border-bottom:1px solid #ddd;}
.header .header-top .header-top-inner {display: flex; justify-content: space-between; width: 100%; max-width: 1510px; 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: 1510px; 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: 140px;}

/* 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:var(--point-font) !important; font-size: 18px; font-weight: 500; color: #505050; 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: 143px; 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: 1510px; 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:var(--point-font) !important; font-size: 28px; line-height: normal; padding-bottom: 10px;}
.two-depth-menu .two-depth-title h6 {font-family:var(--point-font) !important; 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.else-ver {column-count: 1;}
.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:flex;padding-bottom: 5px;width:100%;font-family:var(--point-font) !important;font-size: 17px; word-break: auto-phrase; border-bottom: 1px solid #DDD; font-size: 1rem; color: #222;}
.two-depth-menu .two-depth-list > li:has(ul) > a::after {content:"+";display:inline-flex;margin-left:auto;}
.two-depth-menu .two-depth-list > li.active > a::after {content:"-";}
.two-depth-menu .two-depth-list > li > a:hover{ position: relative; color:var(--blue); }
.two-depth-menu .two-depth-list > li > ul {display:none;}
.two-depth-menu .two-depth-list > li.active > ul {display:block;}

/* header 3차 메뉴 */
.three-depth-list { padding: 15px 10px 5px; background: #F9F9F9 }
.two-depth-list.else-ver .three-depth-list {column-count: 3;}
.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-family:var(--point-font) !important; font-size: 15px; color:#444; } /*2차*/
.three-depth-list > li:first-child > a { margin-top: 0; } 

/* header 4차 메뉴 */
.four-depth-list {padding-top: 10px;}
.four-depth-list > li {position: relative; padding-left: 10px;}
.four-depth-list > li:not(:last-of-type) {padding-bottom: 5px;}
.four-depth-list > li > a {font-family:var(--point-font) !important; font-size: 14px; color: var(--blue);}
.four-depth-list > li::before {content:""; position: absolute; top: 6px; left: 0; width: 4px; height: 4px; border-radius: 4px; background: var(--blue);}

.header .right-menu {display: flex; justify-content: space-between;}
.ham-btn {display: flex; position: relative; width: 60px; height: 69px; border: none; background-color: #fff;}
.right-menu > .ham-btn {height: 59px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.ham-btn img {margin: auto;}
.ham-btn img.mobile-ver {display: none;}

/* header - search */
.search-area {display: flex; 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; opacity: 0; visibility: hidden; transition: .3s;}
.header.search-active .search-area {display: flex; opacity: 1; visibility: visible; transition: .3s;}
.search-box {display: flex; justify-content: space-between; width: 600px; height: 50px; margin: auto; 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: 70px;}
.m-header .m-logo a img {width: 150px; margin: auto;}

.m-menu-right-wrap {display: flex; gap: 15px;}
.selectBox.mobile-ver {margin: auto 0; background-color: transparent;}
.selectBox.mobile-ver .selectLabel {padding: 0 35px 0 10px;}

.m-header .ham-btn {position: relative; width: 20px; 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; color: var(--blue); transition: .3s;}
.m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::before {content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 14px; height: 1px; border-radius: 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: 21px; transform: translateY(-50%); width: 1px; height: 14px; border-radius: 2px; background-color: #616161; transition: .3s;}
.m-menu .menu-wrap ul > li.active > a:not(:only-child)::before {opacity: 0; transition: .3s;}
.m-menu .menu-wrap ul > li.active > a:not(:only-child)::after {background-color: var(--blue); transform: translateY(-50%) rotate(90deg); 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%;}
.m-menu .menu-wrap .one-depth-menu > li {display: flex; font-weight: 500;}
.m-menu .menu-wrap .one-depth-menu > li > a {display: block; position: relative; width: 35%; height: 60px; padding: 0 15px; font-size: 16px; line-height: 60px; color: #111; border-bottom:1px solid #E0E0E0; transition: .3s;}

.m-menu .menu-wrap .two-depth-menu {display:none; position: absolute; left: 35%; top: 70px; width: 65%; padding: 15px 0; height: 100%; max-height: calc(100vh - 70px); overflow-y: auto; overflow-x: hidden;}
.m-menu .menu-wrap .one-depth-menu li.active .two-depth-menu {display:block;}
.m-menu .menu-wrap .two-depth-menu > li {padding: 5px 15px !important;}
.m-menu .menu-wrap .two-depth-menu > li > a {font-size: 15px; line-height: 19px; color: #111;}
.m-menu .menu-wrap .three-depth-menu {padding-top: 5px;}
.m-menu .menu-wrap .three-depth-menu > li {position: relative; padding-left: 10px;}
.m-menu .menu-wrap .three-depth-menu > li:not(:last-of-type) {margin-bottom: 5px;}
.m-menu .menu-wrap .three-depth-menu > li::before {content: ""; position: absolute; top: 7px; left:0; width: 3px; height: 3px; background-color: #444; border-radius: 4px;}
.m-menu .menu-wrap .three-depth-menu > li > a {font-size: 14px; line-height: 19px; color: #444; word-break: keep-all;}

.m-menu .menu-wrap .four-depth-menu {padding: 5px 0;}
.m-menu .menu-wrap .four-depth-menu > li {position: relative; padding-left: 12px;}
.m-menu .menu-wrap .four-depth-menu > li:not(:last-of-type) {margin-bottom: 5px;}
.m-menu .menu-wrap .four-depth-menu > li::before {content: ""; position: absolute; top: 7px; left:0; width: 6px; height: 1px; background-color: #444;}
.m-menu .menu-wrap .four-depth-menu > li > a {color: #444; font-size: 14px;}
/*
.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;}
*/

.header-top-menu {display: flex; gap: 10px;}
.option-wrap {display: flex; gap: 13px;}
.option-title {margin: auto 0; font-family: var(--basic-font) !important; font-size: 16px;}
.option-btn {display: flex; margin: auto 0; border: 1px solid #E5E5EC; border-radius: 5px;}
.option-btn a {display: block; width: 42px; height: 42px;}
.option-btn a.plus-ver {background: url(../images/plus_icon.svg) center no-repeat; border-right: 1px solid #E5E5EC;}
.option-btn a.minus-ver {background: url(../images/minus_icon.svg) center no-repeat;}
.select-wrap {margin: auto 0;}



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

.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: #9b9b9b; padding-bottom: 10px;}
.sitemap-three-depth > li > a {font-size: 14px; color: #9b9b9b;}

.sitemap-four-depth {padding: 5px 0 0 20px;}
.sitemap-four-depth > li:not(:last-of-type) {padding-bottom: 5px;}
.sitemap-four-depth > li > a {position: relative; color: #9b9b9b; font-size: 14px;}
.sitemap-four-depth > li > a::before {content: "-"; padding-right: 8px;}


/* 셀렉트 */
.selectBox {position: relative; width: auto; height: 42px; background-size: 15px; cursor: pointer; border:1px solid #E5E5EC; border-radius:4px; background-color: #fff; z-index: 1200;}
.selectBox:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; background:url(../images/lang_arrow.png) no-repeat; width:12px; height:12px; transition:.3s; z-index: -1;}
.selectBox.active:before {transform: translateY(-50%) rotate(180deg); transition:.3s;}
.selectBox .selectLabel {display: flex; align-items: center; width: inherit; height: inherit; background: transparent; cursor: pointer; padding: 0 35px 0 15px; font-family: var(--basic-font) !important; font-size: 13px; 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-family: var(--basic-font) !important; font-size: 13px;}
.selectBox .optionItem a:focus-visible {outline: 2px solid #000;outline-offset: -2px;}



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


/* main banner */
.visual-banner {position: relative;}
.visual-banner .swiper-slide {display: flex;}
.visual-banner .swiper-slide a {display: flex; width:100%; height:100%;}

.visual-nav-wrap {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 1;width: 100%;padding: 16px 0;background-color: rgba(41, 51, 78, .9);backdrop-filter: blur(10px);}
.visual-nav {display: flex;justify-content: center;column-gap: 10px;align-items: center;}
.visual-btn-prev {position: inherit;width: 24px;height: 24px;border: none;background-color: #fff;border-radius: 50%;margin-top: 0;}
/* .visual-btn-prev {position: relative; top: auto; left: auto; width: 24px; min-width: 24px; height: 24px; margin: 0; margin-right: 6px; border: none; background-color: #fff; border-radius: 30px;} */
.visual-btn-next {position: inherit;width: 24px;height: 24px;border: none;background-color: #fff;border-radius: 50%;margin-top: 0;}
/* .visual-btn-next {position: relative; top: auto; right: auto; width: 24px; min-width: 24px; height: 24px; margin: 0; margin-left: 6px; border: none; background-color: #fff; border-radius: 30px;} */
.visual-btn-prev:after {font-size: 12px; color: #111;}
.visual-btn-next:after {font-size: 12px; color: #111;}
/* .visual-pagination-wrap {position: relative; width: 100%; margin: auto 0; z-index: 2;} */
.visual-pagination-wrap .swiper-pagination-bullets {position: inherit;}
/* .visual-pagination-wrap .swiper-pagination-bullets {position: relative; bottom: auto;} */
.visual-pagination-wrap .swiper-pagination-bullet {background-color: #B1B0BB;opacity: 1;}
.visual-pagination-wrap .swiper-pagination-bullet-active {background-color: #fff;}

.visual-play-wrap {display: flex; gap: 8px;}
.slide-btn {display: flex;border: none;background: transparent;font-size: 16px;color: #fff;}
/* .slide-btn {display: flex; width: 9px; min-width: 9px; border: none; background: transparent; font-size: 8px; color: #fff;} */
/* .slide-btn svg {margin: auto 0;font-size: 10px;} */
/* .slide-play-btn svg.play-ver {display: none;} */
/* .slide-play-btn.on svg.play-ver {display: block;} */
/* .slide-play-btn svg.stop-ver {font-size: 10px;} */
/* .slide-play-btn.on svg.stop-ver {display: none;} */


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


/* main 1sec - visual */
.main-visual {background: url(../images/visual_bg.png) no-repeat; background-size: cover;}
.visual-inner {max-width: 1510px; padding: 70px 0; margin: 0 auto;}
.visual-grid {/*display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; gap: 30px; border:1px solid red;*/}
.visual-grid {gap: 25px; display: flex; flex-direction:row; flex-wrap:nowrap;}
.smallbox { gap: 25px; display: flex; flex-direction:row; flex-wrap:wrap; width:892px; justify-content: space-between;}


.visual-item1 {border-radius: 20px; transition: .3s; overflow: hidden; } /*비주얼*/

.visual-item {width: 270px; height: 235px; padding: 30px 35px; border-radius: 20px; transition: .3s; overflow: hidden; }
.visual-item.large-ver {display: flex; justify-content: space-between; width: 418px; flex-direction: column;} 
.visual-item.small-ver {display: flex; justify-content: space-between; flex-direction: column;}
.visual-item.banner-ver {padding: 0;}

/*위에 2개*/

.visual-item:first-of-type {background: url(../images/visual_objet_03.png) top 35px right 40px no-repeat #07857D;}/*간편진료*/
.visual-item:nth-of-type(2) {    background: url(../images/visual_objet_06.png) top 24px right 11px no-repeat #412593; background-size: 21%;}
	
	
	/*종합검진*/

/* 네이버 
.naver_btn{background:#049954; color:#fff; border:1px solid #049954; width: auto;}
.naver_btn img{width: 28px;margin-right:10px;}*/

/*아래3개*/
.visual-item2:nth-of-type(3) {background: url(../images/visual_objet_01.png) top 35px right 40px no-repeat #233259; background-size:18%;}/*의료진*/
.visual-item2:nth-of-type(4) {background: url(../images/visual_objet_02.png) top 35px right 20px no-repeat #597CC1; background-size:23%;} /*진료시간*/
.visual-item2:nth-of-type(5) {background: url(../images/visual_objet_04.png) top 35px right 20px no-repeat #034589; background-size:25%;}/*휴진일*/

.visual-item2 {width: 270px; height: 150px; padding: 40px 35px 30px; border-radius: 20px; transition: box-shadow .3s; overflow: hidden; }
.visual-item2:focus-visible {outline: 2px dotted black;outline-offset: 1px;}
.visual-item2.small-ver {display: flex; justify-content: space-between; flex-direction: column;}
.visual-item2.banner-ver {padding: 0;}


/*클리닉~칭찬~맞춤형*/
.visual-item2.box6 {background: url(../images/visual_objet_07.png) top 37px right 30px no-repeat #1B5E71; background-size:22%; } /*클리닉*/
.visual-item2.box7 {background: url(../images/visual_objet_09.png) top 37px right 25px no-repeat #29334E; background-size:30%;}/*단일*/
.visual-item2.box8 {background: url(../images/visual_objet_08.png) top 33px right 25px no-repeat #494F60; background-size:22%;}/*칭찬*/
.visual-item2:hover {box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.2); transition: box-shadow .3s;}

.visual-item2 p {font-family: var(--point-font) !important; font-size: 27px; font-weight: 400; color: #fff; line-height:1.2;}
.visual-item2 p .m-br {display: none;}



/*.visual-item:nth-of-type(4) {grid-row: span 2; width: 618px; height: 100%; background-color: #fff;}
.visual-item:nth-of-type(5) {background: url(../images/visual_objet_03.png) bottom 35px left 140px no-repeat #0EB5AA;}
.visual-item:nth-of-type(6) {background: url(../images/visual_objet_06.png) bottom 35px right 40px no-repeat #412593;}
*/
.big_be{width: 618px; display: flex; justify-content: space-between; }
.visual-item1.be {grid-row: span 2; width: 618px; height: 100%; background-color: #fff; }
.visual-item1.be img { /*height:607px!important;*/ display: block;width: 100%;height: 100%;object-fit: cover;}


/*아래2개*/
/*.visual-item:nth-of-type(4) {background: url(../images/visual_objet_03.png) bottom 35px left 140px no-repeat #0EB5AA;} 진료시간*/
/*.visual-item:nth-of-type(5) {background: url(../images/visual_objet_06.png) bottom 35px left 140px no-repeat #412593;}휴진일*/


.visual-item:hover {box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.2); transition: .3s;}

.visual-item h3 {font-family: var(--point-font) !important; font-size: 27px; font-weight: 600; color: #fff; line-height:1.2;}
.visual-item .be_tle {font-size:40px; color:#fff; margin-top:20px; font-weight:800; margin-bottom:10px;}
.tle_blue{color:#EBFFFE;}
.tle_pur{color:#E4CDFF;}
.visual-item h3 .m-br {display: none;}
.viual-btn-wrap {display: flex; flex-direction: column; gap: 10px; margin: auto 0; flex-direction: row;}
.viual-btn-wrap .viual-btn {display:inline-flex;align-items:center;/*width: 200px;*/width: 150px;}
.viual-btn {position: relative; width: 180px; height: 46px; padding: 0 15px; text-align: left; font-family: var(--basic-font) !important; font-size: 14px; font-weight: 600; color:#fff; border: 1px solid #E5E5EC; background: url(../images/visual_arrow.svg) center right 15px no-repeat transparent; transition: .3s;}
.viual-btn:hover {background: url(../images/visual_arrow_hover.svg) center right 15px no-repeat #fff; border-color: #fff; color:#233259; transition: .3s;}

.naver_grp .viual-btn {    background-image: none;position: relative; width: 180px; height: 46px; padding: 0 15px; text-align: left; font-family: var(--basic-font) !important; font-size: 14px; font-weight: 600; color:#fff; border: 1px solid #E5E5EC; background-color:#372288; transition: .3s;}
.viual-btn-wrap .viual-btn span{position: absolute;
    right: 4px;
    top: 52%;
    transform: translateY(-50%);font-weight: 400;}

.naver_grp .viual-btn-wrap > a:nth-child(1){width:46%;    padding: 0 5px;}
.naver_grp .viual-btn-wrap > a:nth-child(2){width: 54% !important;    padding: 0 5px;}

.visual-menu-wrap {margin-top: 30px;}
.visual-menu-wrap .visual-menu-inner {display: flex; gap: 30px;}
.visual-menu {width: calc(100% / 7); /*height: 164px;*/ height: 150px; background-color: #fff; border-radius: 20px; transition: .3s;}
.visual-menu:hover {box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.1); transition: .3s;}
.visual-menu a {display: flex; flex-direction: column; justify-content: center; gap: 12px; width: 100%; height: 100%; text-align: center;}
.visual-menu a p {font-family:var(--basic-font) !important; font-weight: 500; font-size: 20px;}

.visual-icon {margin: 0 auto;}



/* main 2sec - 알림마당 */
.content-title {display: flex; justify-content: space-between; margin-bottom: 30px;}
.content-title h3 {margin: auto 0; font-family:'GmarketSans', sans-serif !important; font-size: 30px; font-weight: 500;}

.content-title .news-tab {overflow: hidden; margin: auto 0;}

.news-inner {max-width: 1510px; padding: 60px 0 50px; margin: 0 auto;}


.news-tab-wrap {padding-top: 10px;}
.news-tab {display: flex; gap: 30px;}
.news-tab li:not(:last-of-type) {position: relative;}
.news-tab li a:focus-visible {outline: 2px solid #000;outline-offset: -2px;}
.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 #aaa;}
.news-tab li a {font-family:var(--point-font) !important; font-size: 20px; font-weight: 500; color: #333333; transition: .3s;}
.news-tab li a:hover {color: var(--blue); transition: .3s;}
.news-tab li.on a {color: var(--blue); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; transition: .3s;}
.news-btn-menu {display: none;}

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

.more-btn {width: 160px; height: 48px; font-family: var(--basic-font) !important; font-size: 18px; font-weight: 600; color: #111; border: 1px solid rgba(17, 17, 17, 0.5); background-color: #fff; border-radius: 50px; transition: .3s;}
.more-btn:hover {background-color: #111; color: #fff; 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: #32A6FD;}
.news-icon.icon-navy {background: #102048;}
.news-icon.icon-orange {background: #FF904A;}
.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: #999;}

/* .news-wrap {display: flex; flex-wrap: wrap; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;} */
.news-item-wrap {display: flex; flex-wrap: wrap; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
.news-item {display: flex; flex-direction: column; justify-content: space-between; position: relative; width: calc(100% / 4); height: 200px; padding:65px 40px 30px; transition: .3s;}
.news-item:hover {background-color: #f4f9ff; transition: .3s;}
.news-item:not(:nth-of-type(4n)) {border-right: 1px solid #ddd;}
.news-item:not(:nth-last-child(-n+4)) {border-bottom: 1px solid #ddd;}
.news-categroy {position: absolute; left: 0; top: 0; width: 61px; height: 33px; text-align: center; line-height: 33px; font-size: 18px; font-weight: 700; color: #fff; font-family: var(--basic-font) !important; background-color: #087f5b;}
.news-categroy.type-navy {background-color: #364fc7;}
.news-categroy.type-blue {background-color: #1864ab;}
.news-categroy.type-purple {background-color: #5f3dc4;}
.news-item a {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 22px; line-height: 30px; color: #111; font-family: var(--basic-font) !important; transition: .3s;}
.news-item a:hover {color: #035A96; transition: .3s;}
.news-item p {font-size: 15px; font-weight: 300; color: #999; font-family: var(--basic-font) !important;}



.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 3sec - 관계사 로고 */
.main-logo {height: 110px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.logo-inner {max-width: 1510px; height: 100%; margin: auto;}
.logo-img-wrap {display: flex; justify-content: space-between; height: 100%;}
.logo-img {margin: auto 0;}
.logo-img a {display: block; width: 100%; height: 100%;}

/* quick menu */
.quick-menu {/*display:none;*/ position: fixed; right: 40px; bottom: 10%; z-index: 100;}
.quick-list {display: flex; flex-direction: column; gap: 12px;}
.quick-list li {}
.quick-list li a {display: block; width: 45px; height: 45px; margin: 0 auto; border-radius: 50px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.quick-list li a.popup-open-btn {display: flex; flex-direction: column; justify-content: center; width: 94px; height: 94px; margin-top: 155px; text-align: center; background: linear-gradient(130deg, rgba(76,132,189,1) 0%, rgba(3,69,137,1) 100%);}
.quick-list li a.popup-open-btn img {margin: 0 auto;}
.quick-list li a.popup-open-btn p {font-family: var(--basic-font) !important;}
.quick-list li a.popup-open-btn .popup-link-title {margin-top: 5px; font-size: 16px; font-weight: 700; color: #fff;}
.quick-list li a.popup-open-btn .popup-link-txt {font-size: 16px; font-weight: 600; color: #fff;}
.quick-list li a.popup-open-btn .popup-link-txt span {color: #70FFF6;}

/* footer */
.footer {width: 100%; color: #ccc; background-color: #1F2840;}
.footer-top {width: 100%; height: 65px; margin: 0 auto; border-bottom:1px solid #3A435C;}
.footer-top-inner {display: flex; justify-content: space-between; width: 100%; max-width: 1510px; margin: 0 auto;}
.footer-top-inner ul {display: flex; gap: 20px; line-height: 65px;}
.footer-sns-menu li {display: flex;}
.footer-sns-menu li a {margin: auto;}

.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 {font-size: 14px; color: #F1F1F5; font-family: var(--basic-font) !important;}
.footer-top-inner .footer-menu li.point a {color: #fff; font-weight: 600;}

.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: 20px 0 90px; margin: 0 auto;}
.footer-bottom-inner {display: flex; justify-content: space-between; width: 100%; max-width: 1510px; margin: 0 auto;}
.footer-logo {margin-bottom: 15px;}
.footer-list .footer-text {display: flex; gap: 20px; color: #eee; padding-top: 10px;}
.footer-list .footer-text p {font-size: 13px; color: #eee; font-family: var(--basic-font) !important;}
.footer-list .footer-copy {font-size: 13px; font-weight: 300; color: #aaa; padding-top: 10px; font-family: var(--basic-font) !important;}


.footer-info {}
.footer-mark-list {display: flex; justify-content: end; gap: 10px; margin-bottom: 15px;}
.footer-mark-list.mobile-ver {display: none;}
.footer-info-list {text-align: right;}
.footer-info-tell {display: flex; gap: 15px; padding-bottom: 5px; color: #fff; font-size: 24px; font-weight: 500; font-family: var(--basic-font) !important;}
.footer-info-tell p {display: flex; gap: 10px;}
.point-box {display: inline-block; padding: 5px 8px; margin: auto 0; background: #1B84CC; font-size: 12px; font-family: var(--basic-font) !important; border-radius: 4px;}
.footer-info-time {padding-bottom: 10px; color: #E5E5EC; font-size: 14px; font-weight: 300; font-family: var(--basic-font) !important;}

	.visual-item h3 .m-br {display:block;}
	.visual-item2 p .m-br {display:block;}

/* 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;}
	.visual-item h3 .m-br {display:block;}
	.visual-item2 p .m-br {display:block;
	
	
	.visual-item2.small-ver {width:100%; height: 160px; }
	.smallbox a {width:30%;}
	.visual-item2 { width:100%; height: 200px; padding:20px;}
}

}


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

	.visual-grid {gap: 25px; display: flex; flex-direction:row; flex-wrap:nowrap; width:100%}
	.smallbox {gap: 25px; display: flex; flex-direction:row; flex-wrap:wrap; width:100%; justify-content: space-between;}

    .visual-item:first-of-type {background: url(../images/visual_objet_03.png) top 30px right 35px no-repeat #07857D; background-size: 48px; }
    .visual-item:nth-of-type(2) {background: url(../images/visual_objet_06.png) top 30px right 30px no-repeat #412593; background-size: 45px;}
	.visual-item .be_tle {font-size:35px;}

    .visual-inner {max-width: none; padding: 70px 50px;}
    .visual-grid {gap: 25px;}
    .visual-item.large-ver {width: 48%;}
    .visual-item1 {}
	.visual-item {width: 30%; padding: 35px 30px;}
    .visual-item1.be  {grid-row: span 2; /*width: 618px;*/width: 100%; height: 100%; background-color: #fff;}
	.visual-item2 {/*width: 30%;*/ width: 100%; padding: 35px 30px;}


    .visual-item h3 {font-size: 28px;}
    .visual-item2 p {font-size: 28px;}
    .visual-menu-wrap {margin-top: 25px;}
	.visual-menu-wrap .visual-menu-inner {gap: 25px;}
    .viual-btn-wrap {margin: 0; margin-top: 5px;}
    .viual-btn-wrap .viual-btn {width: 170px;}
    .viual-btn {width: 170px; font-size: 15px;}



    .news-inner {max-width: none; padding:  60px 50px 50px;}
    .logo-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;}
		.visual-item h3 .m-br {display:block;}


	.visual-item2.small-ver {width:30%; height: 130px; }
	.smallbox a {width:30%;}
	.visual-item2 { width:100%; height: 200px; padding:20px;}



}

@media screen and (max-width: 1500px) {
    .visual-item {padding: 30px; height: 204px;}        
    .visual-item1 {}        
    .visual-item2 {padding: 30px; height: 204px;}        

    .content-title h3 {font-size: 28px;}



	/*.visual-item2.small-ver {width:100%; height: 160px;}*/
	.smallbox a {width:30%;}
	.visual-item2 { width:100%; height: 200px; padding:20px;}


}

@media screen and (max-width: 1460px) {
    .visual-grid {gap: 20px;}
    .visual-item {padding: 30px 25px;}
    .visual-item2 {padding: 30px 25px;}

    /*.visual-item:first-of-type {background: url(../images/visual_objet_01.png) bottom 30px left 35px no-repeat #233259; background-size: 40px;}
    .visual-item:nth-of-type(2) {background: url(../images/visual_objet_02.png) top 28px right 30px no-repeat #597CC1; background-size: 45px;}
    .visual-item:nth-of-type(3) {background: url(../images/visual_objet_04.png) top 28px right 30px no-repeat #034589; background-size: 45px;}*/
    .visual-item:nth-of-type(4) {background: url(../images/visual_objet_03.png) bottom 30px left 35px no-repeat #0EB5AA; background-size: 48px;}
    .visual-item:nth-of-type(5) {background: url(../images/visual_objet_06.png) bottom 30px left 30px no-repeat #412593; background-size: 45px;}
    .visual-item h3 {font-size: 27px; line-height: 35px;}
    .visual-item h3 .m-br {display: block;}

	.visual-item2 p {font-size: 27px; line-height: 35px;}
    .visual-item2 p .m-br {display: block;}
    .viual-btn-wrap {margin: auto 0 0;}
	.naver_grp .viual-btn{width: 43% !important;}
	.naver_grp .viual-btn:nth-child(2){width:57% !important; white-space:nowrap;}
	
    .viual-btn {height: 45px; width: 100%; padding: 0 12px; font-size: 14px; background: url(../images/visual_arrow.svg) center right 10px no-repeat transparent;}
    .visual-menu-wrap .visual-menu-inner {gap: 20px;}
    .visual-menu {height: 140px;}
    .visual-menu a {gap: 8px;}
    .visual-menu a p {font-size: 16px;}
    .visual-icon img {max-width: 55px;}
	.visual-item h3 .m-br {display:block;}


    .news-item {padding: 55px 30px 30px;}
    .news-categroy {font-size: 16px;}


	/*.visual-item2.small-ver {width:100%; height: 160px; }*/
	.smallbox a {width:30%;}
	/*.visual-item2 { width:100%; height: 200px; padding:20px;}*/



}

@media screen and (max-width: 1415px) { 
    .visual-item.large-ver {width: 47%;}
    .visual-item2:first-of-type {background: url(../images/visual_objet_01.png) top 30px right 25px no-repeat #233259; background-size: 35px;}
    .visual-item2:nth-of-type(2) {background: url(../images/visual_objet_02.png) top 30px right 25px no-repeat #597CC1; background-size: 35px;}
    .visual-item2:nth-of-type(3) {background: url(../images/visual_objet_04.png) top 30px right 25px no-repeat #034589; background-size: 35px;}
    .visual-item2:nth-of-type(4) {background: url(../images/visual_objet_03.png) bottom 30px left 25px no-repeat #0EB5AA; background-size: 38px;}
    .visual-item2:nth-of-type(5) {background: url(../images/visual_objet_06.png) bottom 30px left 25px no-repeat #412593; background-size: 35px;}

    .visual-item h3 {font-size: 24px; line-height: 33px; }
    .viual-btn-wrap .viual-btn {width: 150px;}
	.visual-item h3 .m-br {display:block;}


	/*.visual-item2.small-ver {width:100%; height: 160px; }*/
	.smallbox a {width:30%;}
	.visual-item2 { width:100%; height: 200px; padding:20px;}


}

/*@media screen and (max-width: 1260px) {
    .visual-grid {grid-template-columns: repeat(2, 1fr);}
    .visual-item {padding: 35px; height: auto;}
    .visual-item:first-of-type {background: url(../images/visual_objet_01.png) bottom 30px left 35px no-repeat #233259; background-size: 35px;}
    .visual-item:nth-of-type(2) {background: url(../images/visual_objet_02.png) top 30px right 35px no-repeat #597CC1; background-size: 35px;}
    .visual-item:nth-of-type(3) {background: url(../images/visual_objet_04.png) top 30px right 35px no-repeat #034589; background-size: 35px;}
    .visual-item.be  {width: 100%;}
    .visual-item:nth-of-type(5) {background: url(../images/visual_objet_03.png) bottom 30px left 35px no-repeat #0EB5AA; background-size: 38px;}
    .visual-item:nth-of-type(6) {background: url(../images/visual_objet_06.png) top 30px right 35px no-repeat #412593; background-size: 35px;}

    .visual-item.large-ver {width: 100%;}
    
   visual-item h3 .m-br {display: none;}


    .visual-menu {height: 120px;}
    .visual-icon img {max-width: 45px;}
}*/





@media screen and (max-width: 1410px) {
    .header {height: 65px;}
    .header .header-top {display: none;}
    .header .header-bottom {height: 65px;}
    .select-wrap {display: none;}
    .gnb {display: none;}
    .header .header-bottom .header-bottom-inner {padding: 0 0 0 20px;}
    .header .mv-logo {display: block;}
    .right-menu > .ham-btn {width:65px; height: 63px; border-right: none;}
    .ham-btn img.sitemap-ver {display: none;}
    .ham-btn img.mobile-ver {display: block;}
    .m-menu {background-color: rgb(255 255 255 / 95%);}
    .m-menu .m-inner.sitemap {display: none;}
    .m-menu .m-inner.mobile {display: block;}
    .m-header {display: flex; height: 70px;}
    .menu-wrap::before {content: ""; position: absolute; left: 35%; top: 70px; width: 1px; height: calc(100% - 70px); background-color: #E0E0E0;}



    .container {margin-top: 65px;}



    .content-title h3 {margin: auto 0; font-size: 24px;}
    .news-item {width: calc(100% / 2);}
    .news-item:not(:nth-last-child(-n+2)) {border-bottom: 1px solid #ddd;}
    .news-item:not(:nth-of-type(4n)) {border-right: none;}
    .news-item:not(:nth-of-type(2n)) {border-right: 1px solid #ddd;}



    .logo-inner {padding: 0;}
    .logo-img-wrap {gap: 35px; padding: 0 25px; overflow-x: auto; overflow-y: hidden;}
    .logo-img-wrap::-webkit-scrollbar {display: none;}
    .logo-img {min-width: 120px;}
    
    

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

    .footer-sns-menu.pc-ver {display: none !important;}
    .footer-sns-menu.mobile-ver {display: flex; gap: 10px; padding-top: 30px;}

    .quick-menu {bottom: 30px;}
    .quick-menu li:not(:last-of-type) {display: none;}



	.visual-grid {gap: 12px; display: flex; flex-direction:row; flex-wrap:nowrap; /*width:100%*/}
	.smallbox {gap: 12px; display: flex; flex-direction:row; flex-wrap:wrap; width:100%; justify-content: space-between; /*order:1;*/}
	.big_be {width:50%;}
	.visual-item.large-ver {width:48%; }
	.visual-item.small-ver {width:31%; height: 160px;}

	.visual-item {height: 200px; padding:20px;}
	.visual-item1 {}

    .visual-item.large-ver {flex-direction: column;}
    .visual-item2:first-of-type {background: url(../images/visual_objet_03.png) top 30px right 10px no-repeat #0EB5AA; background-size: 50px;}
    .visual-item2:nth-of-type(2) {background: url(../images/visual_objet_06.png) top 30px right 20px no-repeat #412593; background-size: 50px;}
	.visual-item2:nth-of-type(3) {background: url(../images/visual_objet_01.png) top 30px right 10px no-repeat #233259;background-size: 30px;}
    .visual-item2:nth-of-type(4) {background: url(../images/visual_objet_02.png) top 30px right 8px no-repeat #597CC1; background-size: 33px;}
    .visual-item2:nth-of-type(5) {background: url(../images/visual_objet_04.png) top 30px right 10px no-repeat #034589; background-size: 38px;}
	.viual-btn-wrap .viual-btn {width:100%;}
	.visual-item h3 .m-br {display:none;}


/*	.visual-item2.small-ver {width:100%; height: 160px; }*/
	.smallbox a {width:31.3%;}
	/*.visual-item2 { width:100%; height: 200px; padding:20px;}*/

	.visual-item2.box6 {background: url(../images/visual_objet_07.png) top 30px right 10px no-repeat #1B5E71;background-size: 35px;}
	.visual-item2.box7 {background: url(../images/visual_objet_08.png) top 30px right 8px no-repeat #29334E; background-size: 33px;}
	.visual-item2.box8 {background: url(../images/visual_objet_09.png) top 30px right 10px no-repeat #494F60; background-size: 38px;}


}



@media screen and (max-width: 1100px) {
    .visual-inner {padding: 50px 0;}
    .visual-grid {padding: 0 50px;}
    .visual-item:nth-of-type(4) {grid-column: span 2; /*order: 1;*/ height: auto;}
    .visual-swiper .swiper-slide img {width: 100%; height: 100%; object-fit: contain;}
    .visual-menu-wrap {padding: 0 50px; overflow-x: auto;}
    .visual-menu {min-width: 120px;}

	.visual-grid { gap: 25px; display: flex; flex-direction:column; flex-wrap:nowrap; width:100%}
	.smallbox {gap: 25px; display: flex; flex-direction:row; flex-wrap:wrap; width:100%; justify-content: space-between; order:1;}
	.big_be {width:100%; }
	.big_be .visual-banner {width:100%;}
	.visual-item.large-ver {width:48%; flex-direction: column;}

	.visual-item, .visual-item1 {height: 240px;}
    .visual-item.banner-ver {background:none;}



    .visual-item2:first-of-type {background: url(../images/visual_objet_03.png) top 30px right 35px no-repeat #0EB5AA; background-size: 50px;}
	.visual-item2:nth-of-type(2) {background: url(../images/visual_objet_06.png) top 30px right 35px no-repeat #412593; background-size: 35px;}
	.visual-item2:nth-of-type(3) {background: url(../images/visual_objet_01.png) top 30px right 35px no-repeat #233259;background-size: 35px; }
    .visual-item2:nth-of-type(4) {background: url(../images/visual_objet_02.png) top 35px right 20px no-repeat #597CC1; background-size: 38px;}
    .visual-item2:nth-of-type(5) {background: url(../images/visual_objet_04.png) top 35px right 20px no-repeat #034589; background-size: 35px;}

	.viual-btn-wrap .viual-btn {width:100%;}
	.visual-item h3 br{display:none;}


	/*.visual-item2.small-ver {width:100%; height: 160px; }*/
	.smallbox a {width:31.3%;}
	.visual-item2 { width:100%; height: 200px; padding:20px;}

	.visual-item2.box6 {background: url(../images/visual_objet_07.png) top 30px right 10px no-repeat #1B5E71;background-size: 35px;}
	.visual-item2.box7 {background: url(../images/visual_objet_08.png) top 30px right 8px no-repeat #29334E; background-size: 33px;}
	.visual-item2.box8 {background: url(../images/visual_objet_09.png) top 30px right 10px no-repeat #494F60; background-size: 38px;}






}




@media screen and (max-width: 920px) {

	
	.visual-item {height: 240px;}
    .visual-item.large-ver {flex-direction: column;}
    .visual-item2:first-of-type {background: url(../images/visual_objet_03.png) top 30px right 35px no-repeat #0EB5AA; background-size: 50px;}
	.visual-item2:nth-of-type(2) {background: url(../images/visual_objet_06.png) top 30px right 35px no-repeat #412593; background-size: 35px;}
	.visual-item2:nth-of-type(3) {background: url(../images/visual_objet_01.png) top 30px right 35px no-repeat #233259;background-size: 35px; }
    .visual-item2:nth-of-type(4) {background: url(../images/visual_objet_02.png) top 35px right 20px no-repeat #597CC1; background-size: 38px;}
    .visual-item2:nth-of-type(5) {background: url(../images/visual_objet_04.png) top 35px right 20px no-repeat #034589; background-size: 35px;}

    .viual-btn-wrap .viual-btn {width: 100%;}

	/*.visual-item2.small-ver {width:100%; height: 160px;}*/
	.smallbox a {width:31%;}
	.visual-item2 { width:100%; height: 200px; padding:20px;}


}

@media screen and (max-width: 820px) {

	.visual-item.small-ver {width:100%; }

	.visual-item.large-ver {width:100%;}
    .visual-inner {padding: 40px 0;}
    .visual-grid {padding: 0 25px; gap:15px;}

    .visual-menu-wrap {padding: 0 25px; gap:15px}
    .visual-menu {border-radius: 15px;}


    .news-inner {padding: 55px 0 40px;}
    .content-title {flex-direction: column; gap: 25px;}
    .content-title h3 {padding: 0 25px;}
    .content-title .news-tab {padding: 0 25px; overflow-x: auto; overflow-y: hidden;}
    .content-title .news-tab::-webkit-scrollbar {display: none;}
    .news-tab li a {white-space: nowrap;}
    .news-item-wrap {margin: 0 25px;}
    /* .news-wrap {margin: 0 25px;} */
    .news-item {height: 155px; padding: 42px 25px 25px;}
    .news-item a {font-size: 18px; line-height: 27px;}
    .news-categroy {font-size: 14px; width: 55px; height: 30px;}



    .quick-menu {right: 20px; bottom: 25px;}
    .quick-list li a.popup-open-btn {width: 75px; height: 75px; margin: 0;}
    .quick-list li a.popup-open-btn .popup-link-title {margin-top: 3px; font-size: 14px;}
    .quick-list li a.popup-open-btn .popup-link-txt {font-size: 14px;}

	.visual-item h3 br {display:none;}
	.visual-item h3 .m-br {display:none;}
	.big_be{width:100%!important;}
	.visual-banner {width:100%!important; }
	.visual-banner img{width:100%!important; }


	.visual-item2.small-ver {width:47%; height: 110px;}
	.smallbox a {width:100%;}
	.visual-item2 { width:100%; height: 200px; padding:20px;}
	.visual-item2 p {font-size:24px; line-height:1.3;}


}

@media screen and (max-width: 600px) {
    .visual-inner {padding: 30px 0;}
    .visual-grid {grid-template-columns: repeat(1, 1fr);}
    .visual-item {width: 100%; height: auto; padding: 30px; border-radius: 15px;}
/*    .visual-item:first-of-type {order: 2;}
    .visual-item:nth-of-type(2) {order: 3;}
    .visual-item:nth-of-type(3) {grid-column: span 1;}
    .visual-item:nth-of-type(4) {order: 4;}
    .visual-item:nth-of-type(5) {order: 5;}*/
    .visual-item h3 {padding-bottom: 20px;}
    .visual-nav {left: 50%; bottom: 25px; transform: translateX(-50%);}
    .visual-btn-prev,
    .visual-btn-next {display: none;}
	.visual-item.large-ver {width:100%;}

    .visual-menu a p {font-size: 15px;}



    .news-item {padding: 40px 20px 20px;}
	.visual-item h3 br {display: none;}
    

    .main-logo {height: 90px;}
    .logo-img {min-width: 100px;}
	.visual-item2.small-ver {width:100%; height: 110px;}
}



@media screen and (max-width: 500px) {
    .header .mv-logo a img {max-width: 150px;}
    .menu-wrap::before {left: 48%;}
    .m-menu .menu-wrap .one-depth-menu > li > a {width: 48%; height: 50px; font-size: 14.5px; line-height: 50px; padding: 0 10px;}
    .m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::before {right: 10px; width: 11px;}
    .m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::after {right: 15px; height: 11px;}
    .m-menu .menu-wrap .two-depth-menu {width: 52%; left: 48%; padding: 10px 0;}
    .m-menu .menu-wrap .two-depth-menu > li {padding: 4px 12px !important;}
    .m-menu .menu-wrap .two-depth-menu > li > a {font-size: 14px;}


    .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;}
	.visual-item h3 .m-br {display:none;}
}