@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

@font-face {font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');}
.material-icons {font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';}
.material-symbols-outlined {font-variation-settings: 'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
  font-size: 65px;
  position: relative;
  z-index: 1;}

html {overflow-x: hidden;overflow-y: scroll;}
#site {background-color: #fff;word-break: keep-all !important;padding-top: 117px;}
#site > .container{width: 100%;padding: 0;}

:root{--page-point-color: #1b62c9;
  --page-point-color-on: #08429b;
--page-point-color-light: #006ee7;}
.btn{transition: all 0.2s ease;}
/* 폰트 설정 */
#site, h1, h2, h3, h4, h5, h6, input, textarea, button {font-family: 'Montserrat', 'notokr', sans-serif;letter-spacing: -0.03em;}


/* 구글 아이콘 가변 폰트
span.material-symbols-outlined {transition: font-variation-settings .3s;font-variation-settings: var(--gms200_Out);}

.item:hover span.material-symbols-outlined {font-variation-settings: var(--gms300_Fill);} 
*/

ol, ul{padding: 0;margin: 0;list-style: none;list-style-position: inside;}

/* 닷홈 빌더 설정
.navbar .caret,
.navbar .divider-vertical,
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {display: none;}
 */

@media (min-width: 768px){.col-sm-20{width: 20%;}
    .col-sm-40{width: 40%;}
    .col-sm-60{width: 60%;}
    .col-sm-80{width: 80%;}
}
@media (min-width: 992px){.col-md-20{width: 20%;}
    .col-md-40{width: 40%;}
    .col-md-60{width: 60%;}
    .col-md-80{width: 80%;}
}
@media (min-width: 1200px){.col-lg-20{width: 20%;}
    .col-lg-40{width: 40%;}
    .col-lg-60{width: 60%;}
    .col-lg-80{width: 80%;}
}

/* 상단 네비게이션 */

.all_menu_wrap{position: fixed;top: 0;left: -100%;opacity: 0;display: block;width: 100vw;height: 100vh;background: #183c70;transition: all .5s cubic-bezier(0.5, 1, 0.89, 1);z-index: 100000;}
.all_menu_wrap.on{left: 0;opacity: 0.95;}
.all_menu{position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);transition: all .7s ease;width: 55%;opacity: 0;padding: 60px 0 0;transition-delay: 0.5s;}
.all_menu.on{position: fixed;top: 50%;opacity: 1;z-index: 100000;}
.btn_close{position: absolute;top: 0;right: 0;font-size: 30px;color: #fff;opacity: 0.7;background: none;border: 0;padding: 0;width: 46px;height: 46px;}
.btn_close:hover{opacity: 1;}
.btn_close .material-symbols-outlined {font-size: 46px;font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48;}
.all_menu .all_main .row {margin: 0;display: flex;flex-wrap: wrap;}
.all_menu .all_main .row > div {margin-bottom: 50px;padding: 5px 0 5px 25px;border-left: 1px solid rgba(255,255,255,0.2);transition: all 0.25s;}
.all_menu .all_main .row > div:hover {border-color: #fff;}
.all_menu a{color: #fff;}
.all_menu .all_main .li_menu > li > a:hover{text-decoration: underline;text-underline-position: under;text-decoration-thickness: 1px;opacity: 1;}
.all_menu h1{margin: 0 0 115px;font-size: 76px;font-weight: 900;}
.all_menu .all_main{}
.all_menu .all_main .tit_menu{display: block;font-size: 32px;font-weight: 600;margin-bottom: 30px;transition: none;line-height: 1.25;}
.all_menu .all_main .tit_menu:hover {opacity: 1;}
.all_menu .all_main .tit_menu::after {content: '';}
.all_menu .all_main .li_menu{padding: 0;margin: 0;}
.all_menu .all_main .li_menu > li{}
.all_menu .all_main .li_menu > li > a{display: block;font-size: 18px;font-weight: 300;padding: 5px 3px 5px;font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;transition: none;letter-spacing: -0.04em;opacity: 0.8;}
.all_menu .all_main .li_menu > li > a .material-symbols-outlined {font-size: 20px;margin-left: 6px;font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48;vertical-align: text-top;}
.navupper{padding: 12px 0 0;background: #fff;}
.navupper .container{display: flex;justify-content: flex-end;align-items: center;gap: 0 5px;}
.navupper .container::before,
.navupper .container::after{display: none;}
.navupper .container .download{display: flex;align-items: center;font-weight: 500;font-size: 12px;border: 1px solid #ccc;color: #333;padding: 3px 12px;letter-spacing: -0.035em;border-radius: 3px;}
.navupper .container .download:hover {background: #1571cf;border-color: #1571cf;color: #fff;}
.navupper .container .download > span,
.navupper .container .download > i{margin-right: 8px;font-size: 14px;font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 48;color: #1571cf;}
.navupper .container .download:hover span,
.navupper .container .download:hover i{color:#fff;}
.navupper .container .download:hover{text-decoration: none;opacity: 1;}
.navupper .container .login-li{display: flex;justify-content: flex-end;align-items: center;}
.navupper .container .login-li::after{content: '';display: table;clear: both;}
.navupper .container .login-li > li{margin-left: 8px;}
.navupper .container .login-li > li a{color: #777;font-size: 12px;}
.navupper .container .login-li > li a:hover{text-decoration: none;opacity: 1;}

.navbar.navbar-inverse{background-color: #fff;border-bottom: 0;transition: all 0.25s ease;}
.navbar-inverse.on{}

.navbar-inverse.on.opened {box-shadow: 0 6px 20px rgba(0,0,0,0.15);}

@media (min-width: 768px){.navbar.navbar-inverse > .container{display: flex;justify-content: space-between;align-items: center;position: relative;}
    .navbar.navbar-inverse > .container::before,
    .navbar.navbar-inverse > .container::after{display: none;}
    .navbar.navbar-inverse > .container .navbar-header{margin-top: 0px;}
    .navbar.navbar-inverse > .container .navbar-collapse{margin-right: -8px;}
    .navbar.navbar-inverse > .container .hamburger{background: none;border: 0;padding: 0;margin: 0;width: 25px;height: 18px;position: absolute;right: 15px;top: 51%;transform: translateY(-50%);}
}

#navbar-bg{background: #fff;transition: all .3s ease;border-top: 1px solid #eee;}
.navbar-inverse.on #navbar-bg{}
.navbar-header .navbar-brand{display: block;padding: 0;font-size: 20px;margin-left: 0 !important;height: auto;width: 274px;}
.navbar-header .navbar-brand img{margin-top: 0;display: inline-block;}

.nav.navbar-nav{}
.nav.navbar-nav > li{}
.nav.navbar-nav > li > a{display: block;height: 100%;padding: 30px 24px 28px;font-size: 17px;color: #2f2f2f;font-weight: 700;}
.logined .nav.navbar-nav > li > a{padding: 30px 20px 28px;}
.nav.navbar-nav > li > a img{width: 139px;}
.nav.navbar-nav > li > a::after {content: '';position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);width: 0;height: 3px;background: #195ec3;transition: all 0.3s ease;opacity: 0;}
.nav.navbar-nav > li:hover > a::after {width: calc(100% - 54px);opacity: 1;}
.nav.navbar-nav > li#gnb_64:hover > a::after {width: 0;}
.nav.navbar-nav > li#gnb_69 > a::after{display: none}
.nav.navbar-nav > li#gnb_69 > a{padding: 0;}
.nav.navbar-nav > li#gnb_69 > a .ham-bar{display: block;width: 25px;height: 18px;margin: 30px 24px;}
.nav.navbar-nav > li#gnb_69 > a .ham-bar::before,
.nav.navbar-nav > li#gnb_69 > a .ham-bar::after{content: '';display: block;width: 25px;height: 2px;background: #222;border-radius: 10px;transition: all .3s ease;position: absolute;}
.nav.navbar-nav > li#gnb_69 > a .ham-bar::before{}
.nav.navbar-nav > li#gnb_69 > a .ham-bar::after{margin-top: 8px;box-shadow: 0px 8px #222;}
.on .nav.navbar-nav > li > a{}
.nav.navbar-nav > li > a .caret{display: none;}
.nav.navbar-nav > li:hover > a,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li:focus > a,
.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:focus,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li.open > a:hover,
.nav.navbar-nav > li.open > a:focus{color: #1b62c9;background: none;}
.nav.navbar-nav li .dropdown-menu{left: 50%;right: auto;border-radius: 0;border: 0;padding: 22px 0px 0px;box-shadow: none;background: none;transform: translateX(-50%);}
.nav.navbar-nav li .dropdown-menu li a{padding: 6px 15px;background: none;text-align: center;font-size: 14px;color: #222;letter-spacing: -0.04em;}
.nav.navbar-nav li .dropdown-menu li a .material-icons {font-size: 15px;vertical-align: middle;margin-left: 5px;font-weight: lighter;}
.nav.navbar-nav li .dropdown-menu li a:hover{color: #1b62c9;text-decoration: underline;text-underline-position: under;}

.hamburger{padding: 0;margin: 0 0 0 7px;border: 0;background: none;display: flex;align-items: center;color: #1571cf;}
.hamburger span,
.hamburger i{font-size: 16px;}
.hamburger .ham-bar{display: block;width: 25px;height: 2px;background: #222;border-radius: 10px;transition: all .3s ease;position: absolute;}

.hamburger .ham-bar:nth-child(1){top: 0;left: 0;}
.hamburger .ham-bar:nth-child(2){top: calc(50% - 1px);opacity: 1;}
.hamburger .ham-bar:nth-child(3){bottom: 0;}
.on.hamburger .ham-bar:nth-child(1){transform: rotate(45deg);top: 7px;}
.on.hamburger .ham-bar:nth-child(2){opacity: 0;}
.on.hamburger .ham-bar:nth-child(3){transform: rotate(-45deg);bottom: 9px;}

@media (max-width: 767px){#site{padding-top: 81px;}
.hamburger{display: none;}
    .navupper {padding: 6px 0 0;background: #fff;}
    .navbar.navbar-inverse {border-bottom: 1px solid #e6e6e6;}
    .navbar-header .navbar-brand {margin-top: 12px;margin-left: 15px !important;width: 170px}
    .navbar-inverse .navbar-toggle {border: 0;padding: 9px 0;}
    .navbar-inverse .navbar-toggle .icon-bar {background-color: #666;transition: ease-in-out .15s all;opacity: 1;position: relative;}
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {background: none;border-color: #222;}
    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {background-color: #222;}
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {border-color: transparent;}
    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(1) {transform: rotate(45deg);top: 6px;}
    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(2) {opacity: 0;}
    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(3) {transform: rotate(-45deg);top: -6px;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #e6e6e6;}
    .nav.navbar-nav > li > a {display: block;height: 100%;padding: 15px 24px;font-size: 16px;color: #2f2f2f;font-weight: 700;text-align: center;}
    .nav.navbar-nav li .dropdown-menu{transform: translate(0);padding: 10px 0;background: #f8f8f8;}
}
@media (min-width: 768px) and  (max-width: 991px){#site{}
    .navbar-header .navbar-brand {width: 154px;}
    .nav.navbar-nav > li > a {padding: 30px 12px 28px;font-size: 14px;}
    .logined .nav.navbar-nav > li > a{padding: 30px 12px 28px;}
    .nav.navbar-nav li .dropdown-menu li a {padding: 5px 0px;background: none;text-align: center;font-size: 10px;color: #222;letter-spacing: -0.04em;}
    .nav.navbar-nav li .dropdown-menu {min-width: auto;}
    .all_menu h1 {font-size: 26px;margin: 0 0 25px;}
    .all_menu .all_main .row > div {margin-bottom: 30px;padding: 5px 0 5px 25px;border-left: 1px solid rgba(255,255,255,0.2);transition: all 0.25s;}
    .all_menu .all_main .tit_menu {font-size: 17px;margin-bottom: 10px;}
    .all_menu .all_main .li_menu > li > a {display: block;font-size: 13px;}
}
@media (min-width: 992px) and  (max-width: 1199px){#site{}
    .navbar-header .navbar-brand {width: 184px;}
    .nav.navbar-nav li .dropdown-menu li a{font-size: 13px;}
    .all_menu h1 {margin: 0 0 44px;font-size: 63px;font-weight: 900;}
    .all_menu .all_main .tit_menu {display: block;font-size: 21px;}
}

/* //상단 네비게이션 */

/* 슬라이드 영역 */
#mainCarousel .carousel-inner .item{height: 740px;}
#mainCarousel .carousel-inner .item.left{}
#mainCarousel .carousel-inner .item.next{}
#mainCarousel .carousel-inner .item.active{}
#mainCarousel .carousel-inner .item .carousel-caption{padding: 0;left: calc((100% - 1140px) / 2);right: calc((100% - 1140px) / 2);text-align: left;text-shadow: none;top: 49%;}
#mainCarousel .carousel-inner .item h1{font-size: 28px;margin: 0 0 25px;font-weight: 600;letter-spacing: 0;}
#mainCarousel .carousel-inner .item P{font-size: 47px;font-weight: 300;line-height: 1.45;}
#mainCarousel .carousel-control{display: none;}
#mainCarousel .carousel-indicators li,
#mainCarousel .carousel-indicators li.active{width: 10px;height: 10px;margin: 0 5px;}
#mainCarousel .carousel-indicators li.active{}

@media (max-width: 767px){#mainCarousel .carousel-inner .item {height: 500px;}
    #mainCarousel .carousel-inner .item .carousel-caption{left: 15px;right: 15px;}
    #mainCarousel .carousel-inner .item h1 {font-size: 12px;}
    #mainCarousel .carousel-inner .item P {font-size: 20px;}
}
@media (min-width: 768px) and  (max-width: 991px){#mainCarousel .carousel-inner .item {height: 660px;}
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 750px) / 2);right: calc((100% - 750px) / 2);}
    #mainCarousel .carousel-inner .item h1 {font-size: 20px;margin: 0 0 10px;}
    #mainCarousel .carousel-inner .item P{font-size: 27px;}
}
@media (min-width: 992px) and  (max-width: 1199px){#mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 970px) / 2);right: calc((100% - 970px) / 2);}
    #mainCarousel .carousel-inner .item P{font-size: 31px;}
}
/* //슬라이드 영역 */


/* hero-slider */
.hero-slider {width: 100%;height: 700px;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 0;}
@media (max-width: 991px) {.hero-slider {  height: 600px;}}
@media (max-width: 767px) {.hero-slider {  height: 500px;}}

.hero-slider .swiper-slide {overflow: hidden;color: #fff;}
.hero-slider .swiper-container {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.hero-slider .slide-inner {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-size: cover;background-position: center;text-align: left;}
.hero-slider .swiper-slide.swiper-slide-prev .slide-inner{}
.hero-slider .swiper-slide.swiper-slide-active .slide-inner{}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {background: transparent;width: 60px;height: 60px;line-height: 53px;margin-top: -30px;text-align: center;border: 1px solid #fff;border-radius: 55px;opacity:0;visibility:hidden;transition:all .3s ease;}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {transform:translateX(0);opacity:1;visibility:visible;}

@media (max-width: 767px) {
    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next {  display: none;}
}

.hero-slider .swiper-button-prev {left: 35px;transform:translateX(50px);}
.hero-slider .swiper-button-prev:before {font-family: "Material Symbols Outlined";content: "\f1e6";font-size: 30px;color: #fff;font-style: normal;display: inline-block;vertical-align: middle;font-weight: 100;}
.hero-slider .swiper-button-next {right: 35px;transform:translateX(-50px);}
.hero-slider .swiper-button-next:before {font-family: "Material Symbols Outlined";content: "\f1df";font-size: 30px;color: #fff;font-style: normal;display: inline-block;vertical-align: middle;font-weight: 100;}
.hero-slider .swiper-pagination-bullet {width: 10px;height: 10px;text-align: left;line-height: 10px;font-size: 12px;opacity: 0.8;border: 1px solid #fff;transition:all .2s ease;background: transparent;transform: scale(1) !important;}
.hero-slider .swiper-pagination-bullet-active {opacity:1;background: #fff;}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {bottom: 30px;}

@media screen and (min-width: 992px) {
    .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
    .hero-slider .swiper-pagination-custom,
    .hero-slider .swiper-pagination-fraction {}
    .swiper-pagination {  transform: translate(0) !important;  left: calc((100% - 1140px) / 2) !important;  right: calc((100% - 1140px) / 2) !important;}
}
.swiper-pagination {text-align: left !important;bottom: 70px !important;}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{bottom:50px;  max-width: 1200px;  padding: 0 15px;  margin: 0 auto;  left: 50%;  transform: translateX(-50%);}
@media (min-width: 767px) {
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;}
}
/*--------------------------------------------------------------
    #hero-style
--------------------------------------------------------------*/
.hero-style {height: 850px;height: calc(100vh - 117px);transition:all .4s ease;}

@media (max-width: 991px) {.hero-style {  height: 600px;}}

@media (max-width: 767px) {.hero-style{  height: 500px;}}

@media screen and (min-width: 992px) {.hero-style .container {position: absolute;left: calc((100% - 1140px) / 2);right: calc((100% - 1140px) / 2);top: 30%;text-shadow: 2px 3px 25px rgba(0,0,0,0.1);}}

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {max-width: 730px;}
.hero-style .slide-title h2 {font-size: 82px;font-weight: 700;line-height: 1;color: #ffffff;margin: 0 0 63px;text-transform: capitalize;transition:all .4s ease;letter-spacing: -0.015em;}
.hero-style .slide-title h2 span {display: block;font-size: 44px;letter-spacing: -0.025em;margin-bottom: 25px;}

@media (max-width: 1199px) {.hero-style .slide-title h2 {  font-size: 75px;}}

@media (max-width: 991px) {.hero-style .slide-title h2 {  font-size: 50px;  margin: 0 0 35px;}}

@media (max-width: 767px) {.hero-style .slide-title h2 {  font-size: 35px;  margin: 0 0 30px;}}

.hero-style .slide-text p {font-size: 23px;font-weight: 350;line-height: 1.6;color: #ffffff;margin: 0 4px 0;transition:all .4s ease;letter-spacing: -0.05em;}

@media (max-width: 767px) {.hero-style .slide-text p {  font-size: 16px;  font-size: 1rem;  font-weight: normal;  margin: 0 0 30px;}}

.hero-style .slide-btns > a:first-child {margin-right: 10px;}


/*--------------------------------------------------------------
    #button-style
--------------------------------------------------------------*/
.theme-btn, .theme-btn-s2{  background-color: #ffffff;  font-size: 20px;font-weight: 500;line-height: 1.4;text-align: center;color:#2b3b95;  padding: 9px 32px;  border: 0;border-radius: 3px;  text-transform: uppercase;  display: inline-block;  line-height: initial;transition:all .4s ease;}
a {  text-decoration: none;  transition: all 0.2s ease;}
.theme-btn-s2{  background-color: rgba(255, 255, 255, 0.9);  color: #131e4a;}
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {  background-color:#2b3b95 ;  color: #fff;}
.theme-btn-s3{font-size: 16px;font-weight: 500;line-height: 1.5;color: #ffffff;text-transform: uppercase;}
i.fa-chevron-circle-right{height:22px;width:22px;}
a:hover {  text-decoration: none;}
@media (max-width: 991px){.theme-btn, .theme-btn-s2, .theme-btn-s3 {  font-size: 13px;  padding: 15px 25px;}}
@media (max-width: 767px){.theme-btn, .theme-btn-s2{  padding: 13px 20px;  font-size: 13px;}}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}

/* hero end */  

/* 메인 중단영역 */

#main_wrapper > section{padding: 130px 0;background-image: url(/public/img/main/main-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.main-bbs{margin: 0;padding-right: 65px;}
.main-bbs .board_box_list{margin-bottom: 0 !important;/* border-left: 1px solid #555; */
    border-top: 2px solid #555;padding: 45px 20px 35px 20px;border-bottom: 1px solid #bbb;}
.main-bbs .page-header{margin: 0 0 30px;padding: 0;border-bottom: none;}
.main-bbs .page-header h4{font-size: 27px;margin: 0;letter-spacing: -0.034em;}

.main-bbs .page-header a{margin-top: 0px !important;font-size: 20px;}

.main-bbs .page-header a:hover {color: var(--page-point-color);}
.main-bbs ul{}
.main-bbs ul > li{padding: 7px 0;}
.main-bbs ul > li .info{}
.main-bbs ul > li .info .writer,
.main-bbs ul > li .info .hits{display: none;}
.main-bbs ul > li .info .regdate{opacity: 0.65;letter-spacing: 0;}
.main-bbs ul > li a{font-size: 16px;color: #333;}

.main-bbs ul > li a .subject:hover {text-decoration: underline;}
.main-section .container > .row > .col-xs-12:nth-child(2) .row {margin: 0px -8px;}

.main-section .container > .row > .col-xs-12:nth-child(2) .row > div {padding: 0 8px;}
.main-link{display: block;position: relative;overflow: hidden;}
.main-link.prod .txt-area{color: #222;}
.main-link.sppt{}
.main-link img{transform: scale(1);transition: all .3s ease;width: 100%;height: 340px;object-fit: cover;}
.main-link .txt-area{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0);padding: 52px 32px;color: #fff;border: 3px solid transparent;transition: all 0.3s ease;}

.main-link:hover .txt-area {border-color: #1e6ddf;}
.main-link .txt-area .tit{display: block;font-size: 27px;font-weight: 700;margin: 0 0 10px;letter-spacing: -0.034em;line-height: 1;}
.main-link .txt-area .des{display: block;font-size: 13px;font-weight: 400;letter-spacing: 0;}
.main-link .txt-area .view{display: block;color: #fff;text-decoration: none;position: absolute;bottom: 30px;right: 30px;border: 1px solid rgba(255, 255, 255, 0.33);padding: 7px 14px;font-size: 13px;transition: all 0.3s ease;display: none;}


.main-link:hover img{transform: scale(1.1);}
.main-link:hover .txt-area .view{background: #1e6ddf;border-color: #1e6ddf;}
.main-link:hover .view {background:rgba(255, 255, 255, 0.27);}

@media (max-width: 767px){.hero-style {height: 500px;overflow: hidden;}
    .hero-style .slide-title h2 {font-size: 25px;margin: 180px 0 10px;}
    .hero-style .slide-title h2 span{font-size: 30px;margin-bottom: 5px;}
    .swiper-pagination{    text-align: center !important;}
    #main_wrapper > section {padding: 50px 0;}
    #main_wrapper .col-xs-12.col-sm-6{width: 100%;padding: 0 15px;}
    .main-bbs {margin: 0;padding-right: 15px;}
    .main-bbs .board_box_list {margin-bottom: 30px !important;padding-right: 0;padding-left: 0;padding-top: 20px;padding-bottom: 20px;}
    .main-link.prod {margin: 0 0 30px;}
    .main-link img{width: 100%;}
    .main-bbs ul > li a {font-size: 13px;color: #000;}
    .main-bbs ul > li .info{font-size: 10px;}
    .main-link .txt-area .tit {display: block;font-size: 25px;margin: 0 0 5px;}
    .main-bbs .page-header h4{margin-bottom: 10px;}
    .main-bbs ul > li {padding: 0;margin: 10px 0;}
    .main-bbs ul > li a {font-size: 15px;}
    .hero-style .slide-text p {font-size: 16px;font-size: 1.4rem;}
    .logined .nav.navbar-nav > li > a {padding: 20px 20px;}
    .nav.navbar-nav li .dropdown-menu li a{padding: 0;margin: 15px 0;}
}
@media (min-width: 768px) and  (max-width: 991px){.hero-style{overflow: hidden;}
    #main_wrapper .col-xs-12.col-sm-6{width: 100%;}
    #main_wrapper .col-xs-12.col-sm-6 .col-xs-12.col-sm-6{width: 50%;}
    .main-link img{width: 100%;}
    .hero-style .slide-title h2 {font-size: 34px;margin: 0 0 35px;}
    .hero-style .slide-title h2 span {display: block;font-size: 34px;letter-spacing: -0.025em;margin-bottom: 9px;}
    .hero-style .slide-text p {font-size: 16px;}
    .hero-slider .slide-inner{}
    .hero-slider .slide-inner .container{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    #main_wrapper .swiper-horizontal>.swiper-pagination-bullets, #main_wrapper .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 10px;left: 50%;width: auto;transform: translateX(-50%);text-align: center;}
    #main_wrapper > section {padding: 80px 0;background-image: url(/public/img/main/main-bg.jpg);background-repeat: no-repeat;background-size: cover;}
    .main-bbs {margin: 0;padding-right: 0;}
    .main-bbs .board_box_list {margin-bottom: 30px !important;padding-right: 15px;padding-left: 15px;padding-top: 15px;padding-bottom: 15px;}
    .main-bbs .page-header h4 {font-size: 22px;margin: 0;letter-spacing: -0.034em;}
    .main-bbs .page-header {margin: 0 0 15px;padding: 0;border-bottom: none;}
    .main-bbs ul > li {padding: 5px 0;}
    .main-bbs ul > li a {font-size: 14px;color: #333;}
    .hero-slider .swiper-slide {overflow: hidden;color: #fff;width: 100% !important;}
    .main-link .txt-area {padding: 22px 22px;}
}
@media (min-width: 992px) and  (max-width: 1199px){.hero-style{overflow: hidden;}
    #main_wrapper .swiper-horizontal>.swiper-pagination-bullets, #main_wrapper .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 10px;left: 3% !important;width: auto;transform: translateX(0%);text-align: center;}
    .main-bbs {margin: 0;padding-right: 0;}
    .main-bbs .board_box_list {padding: 22px 15px 18px 15px;}
    .main-bbs .page-header {margin: 0 0 20px;padding: 0;}
    .main-link .txt-area {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0);padding: 30px 32px;}
    .main-link img {transform: scale(1);transition: all .3s ease;width: 100%;height: 287px;}
}

/* 서브페이지 */

.subHeader {height: 330px;background-image: url(/public/img/sub/sub_title.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #000;}
.subHeader .container{height: 100%;position: relative;}
.subHeader .container h2{color: #fff;font-size: 49px;margin: 14px 0 0;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);font-weight: 700;}

.subHeader .container h2::after {content: 'COMPANY';display: block;font-size: 17px;font-weight: 500;letter-spacing: 0;opacity: 0.675;margin-top: 24px;}
.subHeader .container .breadcrumb{padding: 0;margin: 0;background: none;position: absolute;bottom: 47px;right: 15px;font-size: 12px;font-weight: 400;letter-spacing: 0;opacity: 0.85;}

.breadcrumb > li + li::before {content: '\e5cc';font-family:  'Material Symbols Outlined';font-weight: 900;padding: 0 8px 0;font-size: 15px;vertical-align: sub;}
.subHeader .container .breadcrumb > li > a,
.subHeader .container .breadcrumb > li.active{color:#fff;}

.subMenu{background: #f9f9f9;box-shadow: inset 0 10px 35px #eee;}
.subMenu .nav{display: flex;}
.subMenu .nav > li{margin-right: 65px;}
.subMenu .nav > li > a{font-size: 17px;border-radius: 0;border-bottom: 3px solid transparent;color: #777;padding: 22px 0;font-weight: 500;line-height: 1;}
.subMenu .nav > li > a:hover,
.subMenu .nav > li > a:focus{background: none;color: #1b62c9
}
.subMenu .nav > li.active > a{background: none;border-color: #1b62c9;color: #1b62c9;font-weight: 500;}

.subContent{padding-top: 100px;}
.subContent_title{margin-bottom: 90px;}
.subContent_title h3{margin: 0;font-size: 40px;text-align: center;font-weight: 700;color: #222;line-height: 1;}

.subContent_title h3::after {content: '';width: 68px;height: 1px;background: #333;display: block;margin: 23px auto 0;}
.subContent .content, .bbs-section{padding-bottom: 120px;}
.bbs-area .board_wrapper{margin-top: 0;}
.subContent .content h4{font-size: 34px;font-weight: 600;margin: 0 0 30px;position: relative;letter-spacing: -0.05em;}
.board_pd_view .contents_wrap img{min-width: 100% !important;}

.greeting{}
.greeting .text{padding-left: 70px;padding-top: 55px;}
.greeting .text p{font-size: 17px;margin: 0 0 30px;line-height: 1.75;}
.greeting .text p.intro{font-size: 34px;font-weight: 700;color: #333;letter-spacing: -0.044em;line-height: 1.4;margin-bottom: 50px;}
.greeting .image{position: relative;padding: 0px 25px 0 55px;}

.greeting .image::before {content: '';width: 100px;aspect-ratio: 1/1;background: #195ec3;position: absolute;left: 30px;top: -25px;z-index: -1;}
.greeting .image img{background: #333;}

.greeting .image span {font-weight: 500;font-size: 14px;color: #bfbfbf;letter-spacing: 0px;transform: rotate(-90deg);display: inline-block;position: absolute;left: -15px;top: 180px;}

.root_daum_roughmap{width: 100% !important;}
.location{display: flex;align-items: center;justify-content: center;gap: 0 50px;padding: 34px 0;margin: 10px 0 0;background: #f5f5f5;}

.location li:nth-child(1) {letter-spacing: -0.034em;}

.root_daum_roughmap_landing {border-bottom: 1px solid #ddd;}
.location > li{display: flex;align-items: center;font-size: 18px;letter-spacing: 0;}
.location > li > .material-icons{color: #1d63c9;margin-right: 13px;}

#business .content p{font-size: 16px;margin:  0 0 30px;line-height: 1.68;color: #444;letter-spacing: -0.034em;}

#business .content h4 + p {font-size: 18px;color: #222;line-height: 1.7;margin-top: 40px;}

#business .content h4 + p::before {content: '';width: 68px;height: 1px;background: #333;display: block;margin: 0px 0 40px;}
.key-biz-wrap{display: flex;align-items: flex-start;gap: 0 20px;margin: 50px 0 70px;}
.key-biz-wrap .key-biz{flex: 1;padding: 35px 35px;background: #f5f5f5;min-height: 260px;}
.key-biz-wrap .key-biz dt{font-size: 20px;margin: 0 0 20px;position: relative;letter-spacing: -0.05em;color: #195ec3;}
.key-biz-wrap .key-biz dd{font-size: 16px;/* color: #444; */
    letter-spacing: -0.034em;}

.key-biz-wrap .key-biz dd li + li {margin-top: 6px;}

.key-biz-wrap .key-biz dd li {position: relative;padding-left: 12px;}

.key-biz-wrap .key-biz dd li::before {content: '';width: 3px;height: 3px;background: #5a5a5a;position: absolute;left: 1px;top: 10px;}

.biz-info{padding-left: 100px;position: relative;display: flex;border-top: 1px solid #eaeaea;padding-top: 70px;margin-bottom: 70px;}

.biz-info + .biz-info {}

.biz-info .num {position: absolute;left: 0;top: 77px;width: 60px;aspect-ratio: 1/1;background: #195EC3;text-align: right;color: #fff;font-size: 17px;font-weight: 600;padding: 8px 9px;/* text-align: center; */
    letter-spacing: 1px;}
.biz-info h5{font-size: 24px;margin: 0 0 23px;font-weight: 600;display: inline-block;line-height: 1;letter-spacing: -0.06em;width: 40%;padding-right: 0;line-height: 1.65;color: #3a3a3a;}
.biz-info h5::before{content: '';}
.biz-info .text{width: 80%;padding-left: 70px;}
#business .biz-info .text p{margin: 0;line-height: 1.6;font-size: 16px;}
#business .img-wrap{display: flex;gap: 0 40px;flex-wrap: wrap;margin-top: 120px;}

#business .img-wrap > div {flex: 1;}
#business .img-wrap img{}

.inquiry-box{display: flex;position: relative;border-top: 1px solid #e3e3e3;padding: 42px 60px 50px;background: #f6f6f6;}

.inquiry-box + .text-center {margin-top: 0;border-top: 1px solid #555;padding-top: 60px;}
.inquiry-box.check {border-bottom: 1px solid #555;padding-bottom: 45px;margin-bottom: 55px;}
#inquiry fieldset > .inquiry-box:first-child {border-top: 1px solid #555;}
.inquiry-box h5{margin: 0;font-size: 24px;font-weight: 700;width: 25%;position: relative;letter-spacing: -0.06em;}
.inquiry-box .inquiry-info{width: 75%;display: flex;flex-wrap: wrap;gap: 20px 30px;}
.inquiry-box .inquiry-info .box{width: calc(50% - 15px);/* width: 50%; */
}
.inquiry-box .inquiry-info .box.half{width: calc(50% - 15px);}
.inquiry-box .inquiry-info .box.full{width: 100%;}
.inquiry-box .inquiry-info .box.qt1{width: calc(50% - 15px);/* width: 50%; */
}
.inquiry-box .inquiry-info .box.qt2{}
.inquiry-box .tit{position: relative;font-size: 15px;font-weight: 500;margin: 0 0 5px;padding-left: 7px;}

#captcha {width: 120px;display: inline-block;border-color: #ccc !important;}

#wr_captcha {display: inline-block;margin-left: 3px;}

#item_agree .checkbox {margin-top: 15px;font-size: 15px;letter-spacing: -0.034em;}

.custom_checkbox+span::before {font-size: 1.3em;vertical-align: middle;}

#item_agree .checkbox a {/* text-decoration: underline; */
    /* text-underline-position: under; */
    color: var(--page-point-color-light);}

#item_agree .checkbox a:hover {text-decoration: underline;text-underline-position: under;}

#captcha + br {display: none;}
.inquiry-box .tit .required_text{position: absolute;top: 0px;left: -2px;color: #f00;}
.inquiry-box .inquiry-info .box .input-area{}
.inquiry-box .inquiry-info .box .input-area > .form-control{width: 100%;height: 44px;border-color: #ccc;color: #333;font-size: 14.5px;letter-spacing: 0;}

.form-control:not([readonly]):focus {border-color: var(--page-point-color)!important;}
.inquiry-box .inquiry-info .box .input-area a{}
.inquiry-box .inquiry-info .box .input-area a:hover,
.inquiry-box .inquiry-info .box .input-area a:focus{text-decoration: underline;}
#inquiry #write_btn{width: 200px;line-height: 55px;padding: 0;font-size: 16px;letter-spacing: 0;}
#inquiry #write_btn:hover,
#inquiry #write_btn:focus{background: var(--page-point-color-on);
  border-color: var(--page-point-color-on);}

.board_pd_view .pd_slider_wrap :where(.pd_img_main, .pd_img_main .thumb, .pd_img_sub .thumb){aspect-ratio: 4/3}

.board_pd_view .pd_top_wrap .pd_col_rgt{padding-top: 0;}
.board_pd_view .pd_title_wrap .title{font-size: 42px;font-weight: 600;color: #000;}
.board_pd_view .pd_preview_wrap #pd_preview_text >b{font-size: 24px;line-height: 1.33;font-weight: 500;letter-spacing: -0.04em;}
.board_pd_view .pd_preview_wrap #pd_preview_text >b+b{font-size: 20px;}

.board_pd_view .pd_title_wrap {border-color: #555;margin-bottom: 30px;margin-top: 15px;}
.board_pd_view .pd_preview_wrap #pd_preview_text > p{color: #444;letter-spacing: -0.034em;}
.board_pd_view .pd_preview_wrap #pd_preview_text > p.intro{line-height: 1.45;white-space: normal;font-size: 20px;font-weight: 600;color: #1b62c9;margin-top: 5px;}
.board_pd_view .pd_preview_wrap #pd_preview_text > p > b{}

.table_pd{gap: 60px 0;
}

.table_pd .inner .bottom{}

.table_pd .inner .top a .thumb {aspect-ratio: 4/3;position: relative;transition: all 0.3s ease;}

.table_pd .inner:hover .top a .thumb {transform: scale(1.1);}

.table_pd .inner .top a::before {content: '';width: calc(100% + 2px);height: calc(100% + 2px);border: 3px solid transparent;position: absolute;left: -1px;top: -1px;z-index: 999;transition: all 0.3s ease;}

.table_pd .inner:hover .top a::before {border: 3px solid #1e6ddf;}

.table_pd .inner .top {border: none;}

.table_pd .inner .top a {border: 1px solid #ddd;}

.table_pd .inner:hover .top {}
.table_pd .inner .bottom .title{margin-right: 15px;}
.table_pd .inner .bottom .title a{font-size: 28px;font-weight: 600;/* line-height: 1; */
    letter-spacing: 0;}
.table_pd .inner .bottom .pd_preview{}
.table_pd .inner .bottom .pd_preview #pd_preview_text{white-space: normal;text-overflow: initial;}
.table_pd .inner .bottom .pd_preview #pd_preview_text b{display: block;color: #777;font-weight: 500;font-size: 14px;line-height: 1.4;letter-spacing: -0.06em;}

.table_pd .inner .bottom .pd_preview #pd_preview_text p{display: none;}
.table_pd .inner .bottom .pd_preview #pd_preview_text p.intro{}
#form_contact #list_btn{display: none;}

.table_default {border-top: 1px solid #555;}
.table.table_default tbody .subject a {font-size: 16px;letter-spacing: -0.034em;}
.table.table_default tbody .subject a:hover {text-decoration: underline;}
.table.table_default tr th, 
.table.table_default tr td {}
.table.table_default thead th {border-bottom: 1px solid #ccc;}
.board_data_view {border-top: 1px solid #555;}

.board_data_view .header_wrap .title {font-size: 24px;font-weight: 700;letter-spacing: -0.06em;}

.board_data_view .header_wrap {padding: 40px 0;border-bottom: 1px solid #ddd;}

.board_data_view .header_wrap .info {margin-top: 22px;}

@media (max-width: 767px){.subHeader {height: 190px;}
    .subHeader .container h2 {color: #fff;font-size: 29px;margin: 0;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);font-weight: 700;}
    .subHeader .container h2::after {font-size: 14px;margin-top: 1px;}
    .subHeader .container .breadcrumb {bottom: 7px;}
    .subMenu .nav > li {margin-right: 25px;}
    .subMenu .nav > li > a {font-size: 15px;padding: 13px 0;}
    .subContent {padding-top: 50px;}
    .subContent_title {margin-bottom: 40px;}
    .subContent_title h3 {margin: 0;font-size: 27px;}
    .subContent_title h3::after {content: '';width: 48px;height: 1px;background: #333;display: block;margin: 15px auto 0;}
    .greeting .text {padding-left: 15px;padding-top: 35px;}
    .greeting .text p {font-size: 15px;margin: 0 0 15px;}
    .greeting .text p.intro {font-size: 20px;font-weight: 700;color: #333;letter-spacing: -0.044em;line-height: 1.4;margin-bottom: 20px;}

    .location {display: flex;align-items: flex-start;justify-content: center;gap: 15px 0px;padding: 15px 15px;margin: 10px 0 0;background: #f5f5f5;flex-direction: column;}
    .location > li {display: flex;align-items: flex-start;font-size: 16px;letter-spacing: 0;}

    .subContent .content h4 {font-size: 26px;font-weight: 600;margin: 0 0 10px;}

    #business .content p {font-size: 14px;margin: 0 0 15px;line-height: 1.68;color: #444;letter-spacing: -0.034em;}
    #business .content h4 + p {font-size: 16px;color: #222;line-height: 1.5;margin-top: 15px;}
    .key-biz-wrap {display: flex;align-items: flex-start;gap: 0 20px;margin: 30px 0;flex-direction: column;}
    .key-biz-wrap .key-biz {flex: 1;padding: 20px;background: #f5f5f5;min-height: auto;width: 100%;}
    .key-biz-wrap .key-biz dt {font-size: 18px;margin: 0 0 10px;}
    .key-biz-wrap .key-biz dd {font-size: 14px;/* color: #444; */
        letter-spacing: -0.034em;}

    .biz-info {padding-left: 0px;position: relative;display: flex;border-top: 1px solid #eaeaea;padding-top: 30px;margin-bottom: 30px;flex-direction: column;}
    .biz-info .num {position: static;width: 50px;}
    .biz-info h5 {font-size: 20px;margin: 10px 0 15px;font-weight: 600;display: inline-block;line-height: 1;letter-spacing: -0.06em;width: 100%;padding-right: 0;line-height: 1.65;color: #3a3a3a;}
    .biz-info .text {width: 100%;padding-left: 0;}
    #business .biz-info .text p{font-size: 16px;}

    #business .img-wrap {display: flex;gap: 20px 0;flex-wrap: wrap;margin-top: 120px;flex-direction: column;}
    .board_pd_view .pd_title_wrap .title {font-size: 30px;font-weight: 600;color: #000;}
    .board_pd_view .pd_preview_wrap #pd_preview_text > p{font-size: 13px;}
    .board_pd_view .pd_preview_wrap #pd_preview_text >b {font-size: 20px;}
    
    .board_pd_view .pd_preview_wrap #pd_preview_text > p.intro {line-height: 1.45;white-space: normal;font-size: 14px;font-weight: 600;color: #1b62c9;margin-top: 5px;}

    .inquiry-box {display: flex;position: relative;border-top: 1px solid #e3e3e3;padding: 25px 15px;background: #f6f6f6;flex-direction: column;}
    .inquiry-box .inquiry-info {width: 100%;display: flex;flex-wrap: wrap;gap: 10px;flex-direction: column;}
    .inquiry-box h5 {margin: 0 0 10px;font-size: 18px;font-weight: 700;width: 100%;position: relative;letter-spacing: -0.06em;}
    .inquiry-box .inquiry-info .box {width: 100%;}
    .inquiry-box .inquiry-info .box.half {width: 100%;}

    .table.table_default tr .num,
    .table.table_default tr .regdate,
    .table.table_default tr .hits{display: none;}

    .board_wrapper .table.board_write_table tbody tr td .btn,
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .input-group.input-group-big,
    .board_wrapper .table.board_write_table .form-control.form-control-big{width: 100%;}

    #list_btn{display: none;}
    #write_btn{margin: 0;}
}
@media (min-width: 768px) and  (max-width: 991px){.subHeader {height: 250px;}
    .subHeader .container h2 {color: #fff;font-size: 37px;margin: 7px 0 0;}
    .subHeader .container h2::after {margin-top: 12px;}
    .subMenu .nav > li{margin-right: 30px;}
    .subMenu .nav > li > a {font-size: 15px;}
    .subContent_title h3 {margin: 0;font-size: 31px;}
    .greeting .text p.intro {font-size: 26px;margin-bottom: 30px;}
    .location {display: flex;align-items: center;justify-content: flex-start;gap: 10px 10px;padding: 34px 50px;margin: 10px 0 0;background: #f5f5f5;flex-wrap: wrap;}
    .location > li {display: flex;align-items: center;font-size: 16px;letter-spacing: 0;width: 24%;}
    .location li:nth-child(1) {letter-spacing: -0.034em;width: 100%;}
    .subContent .content h4 {font-size: 24px;font-weight: 600;margin: 0 0 10px;}
    #business .content h4 + p {font-size: 16px;color: #222;line-height: 1.7;margin-top: 40px;}
    #business .content h4 + p::before {content: '';width: 68px;height: 1px;background: #333;display: block;margin: 0px 0 20px;}
    .key-biz-wrap .key-biz dt {font-size: 18px;margin: 0 0 10px;}
    .key-biz-wrap .key-biz dd {font-size: 14px;}
    .biz-info h5 {font-size: 18px;}
    .inquiry-box {display: flex;position: relative;border-top: 1px solid #e3e3e3;padding: 32px 30px 30px;background: #f6f6f6;flex-direction: column;}
    .inquiry-box h5 {margin: 0 0 10px;font-size: 24px;font-weight: 700;width: 100%;position: relative;letter-spacing: -0.06em;}
    .inquiry-box .inquiry-info {width: 100%;display: flex;flex-wrap: wrap;gap: 20px 30px;}
    #wr_captcha {width: 188px;}
}
@media (min-width: 992px) and  (max-width: 1199px){.location {display: flex;align-items: center;justify-content: center;gap: 0 22px;}
}
/* //서브페이지 */

/* 푸터 */

footer {text-align: left;padding: 60px 0;background: #1a1a1a;color: #999;}
footer .footer-logo{}
footer .footer-logo h1{margin: 0;}
footer .footer-logo h1 > a{display: block;}
footer .footer-logo h1 > a > img{display: block;}
footer .footer-text{}
footer .footer-text p{}
footer .footer-text ul{padding-left: 0;margin-bottom: 0;}

footer .footer-text img {width: 220px;margin-bottom: 25px;opacity: 0.9;}
footer .footer-text ul:after{content: '';clear: both;display: table;}
footer .footer-text ul li{float: left;margin-right: 20px;line-height: 1.5;}
footer .footer-text ul li address{margin-bottom: 0;line-height: 1.4;}
footer .footer-text .copyrights{display: block;font-size: 11px;margin-top: 12px;letter-spacing: 0;opacity: 0.55;}

footer .footer-btn{display: flex;flex-direction: column;align-items: flex-end;}
footer .footer-btn a.download{border: 1px solid #5a5a5a;color: #eee;font-size: 14px;padding: 14px 15px 0;/* float: right; */
    display: block;width: 110px;height: 110px;text-align: center;line-height: 1.32;margin-top: 5px;}

footer .footer-btn a span {display: block;font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 100, 'opsz' 48;font-size: 30px;margin-bottom: 8px;color: #ccc;}
footer .footer-btn a:hover,
footer .footer-btn a:focus{opacity: 1;text-decoration: none;background: #000;color: #fff;border-color: #000;}
footer .login-li{margin-top: 85px;display: flex;gap: 5px;justify-content: end;}
footer .login-li:before{content: '';display: table;clear: both;}
footer .login-li li{text-align: right;margin-top: 5px;}
footer .login-li li a{color: #fff;opacity: 0.4;border: 1px solid #aaa;padding: 5px 15px;font-size: 12px;letter-spacing: 0;}
footer .login-li li a:hover{opacity: 0.7;text-decoration: none;background: none;}
@media (max-width: 767px){footer .login-li:before{display: none;}
    footer .login-li {margin-top: 0;display: flex;gap: 5px;justify-content: flex-start;margin-bottom: 25px;}
    footer .footer-text img {width: 220px;margin-bottom: 15px;opacity: 0.9;}
    footer .footer-text ul li {float: left;margin-right: 20px;line-height: 1.5;font-size: 12px;}
}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //푸터 */


.maintenance {margin-top: 5px;border: 7px solid #E5E5E5;padding: 50px 25px;text-align: center;}
.maintenance .icon {display: block;line-height: 1;font-size: 64px;margin-bottom: 10px;}
.maintenance .big-cont {display: block;line-height: 1;font-size: 22px;font-weight: bold;letter-spacing: -0.05em;margin-bottom: 20px;}
.maintenance .small-cont {display: block;line-height: 1.5;font-size: 14px;letter-spacing: -0.03em;color: #818181;margin-bottom: 20px;}
.member_wrapper {max-width: 1170px;}