@charset "utf-8";
.swiper-button-prev:after, .swiper-button-next:after{display:none !important;}
.swiper-button-prev, .swiper-button-next{position:relative !important;left:auto !important;right:auto !important;top:auto !important;margin:0 !important;}
:root {
    --vh: 100vh;
  }

/* 레이아웃 공통 */
html, body{position:relative; width:100%;}
body{color:#000;font-size:16px; line-height:1.6;font-family:'Pretendard' ,"Apple SD Gothic Neo","Noto Sans", "Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif;word-break:break-all;letter-spacing:-0.5px;max-width:1920px;margin:0 auto;}
main{display:block;}
.confirmIframe body{overflow:hidden;}
#progressScroll{display:none;}
#wrapper{overflow:hidden;} 

/* 본문바로가기 */
.skipnav{position:absolute;z-index:2999;top:-100px;width:100%;padding:0;list-style:none;font-size:14px;}
.skipnav li{position:relative;top:0;left:0;width:100%}
.skipnav li a{display:block;position:absolute;top:0;width:100%;padding:15px 0;background:#000;color:#fff;text-align:center;text-decoration:none}
.skipnav li a:focus,.skipnav li a:active{top:100px}

/* slick 플러그인 */
.slick-slider .slick-list{display:block; overflow-x:hidden; overflow-y:hidden; position:relative}
.slick-slider .slick-list.dragging{cursor:pointer}
.slick-slider .slick-list .slick-track{display:block; position:relative; top:0; left:0}
.slick-slider .slick-list .slick-track:before, .slick-slider .slick-list .slick-track:after{display:table; content:''}
.slick-slider .slick-list .slick-track:after{clear:both}
.slick-slider .slick-list.slick-loading .slick-track{visibility:hidden}
.slick-slider .slick-list .slick-track .slick-slide{display:none; float:left}
.slick-slider[dir='rtl'] .slick-list .slick-track .slick-slide{float:right}
.slick-slider .slick-list .slick-track .slick-slide img{display:block;width:100%;}
.slick-slider .slick-list .slick-track .slick-slide.slick-loading img{display:none}
.slick-slider.slick-initialized .slick-list .slick-track .slick-slide{display:block}
.slick-slider .slick-list .slick-track.slick-loading .slick-slide{visibility:hidden}
.slick-slider .slick-arrow.slick-hidden{display:none}
.slick-dots{display:flex;justify-content:center;align-items:center;}
.slick-dots li a{display:block;width:70px;height:70px;}
.slick-dots img{display:block;width:100%;height:100%;object-fit:cover;}

/* 공통 */
main{position: relative;}
.inner{max-width:1680px;position:relative;margin:0 auto;padding:0 20px;}

@media (max-width:716px) {
  .inner{padding:0 16px;}
}

#header{position:fixed;z-index:2000;top:0;max-width:1920px;margin:0 auto;width:100%;transition:top .3s .1s ease-out;  top:0;background:#fff;height:auto;}
#header .search-bg.on{border-top: 1px solid #e6e6e6;}
#header .hearder-top{display: flex; gap: 20px; justify-content: flex-end; padding-top: 20px;}
#header .hearder-top a{color: #696969;}
#header .header-wrap{position:relative;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
#header h1{position: relative;z-index:1;margin-top:-10px;}
#header h1 img{display:block;width:83px;}


#header.fixed.active{background:#fff;}

#header{transition: all .3s;}
#header.fixed{top: -150px; transition: all .5s;}
#header .nav-bx{display:flex;justify-content:flex-end;flex:1;padding: 0 0px 0 50px;}

#header nav{width:100%;}
#header .nav-bx .Hdepth01{display:flex;align-items:center;justify-content:center;width:100%;}
#header a[target=_blank]:after{content:'';margin-left:10px;display:inline-block;width:12px;height:12px;background:url(/page/common/images/sp_dq.png) no-repeat -54px -94px /520px 1500px;}

#header .nav-bx .Hdepth01 > li{position: relative;}
#header .nav-bx .Htlv01 a{display:flex; position:relative; align-items:center; color: #000; font-weight:700; height:100px; font-size:20px; transition:all .5s; position: relative; z-index:0; line-height:1.4; word-break:keep-all; padding:0 56px;}
#header.active .nav-bx .Htlv01 a{color:#000;text-shadow:none;}
#header .nav-bx .Htlv01.active a{color:#00ada9;}
#header.active .nav-bx .Htlv01 a{padding: 0 56px;}
#header .nav-bx .Htlv01 a{padding: 0 30px;}
#header .nav-bx .Htlv01 a:after{content:'';display:block;background:#00ada9;height:2px;position:absolute;bottom:0;transition:all .2s;left:51%;right:51%}
#header .nav-bx .Htlv01.active a:after{left:0px;right:0px;}
#header .nav-bx .Hdepth02{width:100%; padding: 30px 0; display: none; 
 flex-direction: column; position: absolute; left:50%; z-index: 1; transform: translateX(-50%);}
#header .nav-bx .Hdepth02::after{content: ''; width: 1px;  background: #e6e6e6; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2;}
#header .nav-bx .Hdepth01 > li:last-child .Hdepth02::after{display: none;}
#header .nav-bx .Hdepth02 > li{animation:gnb1 .6s 0s 1 cubic-bezier(.22,1,.36,1) both;}
#header .nav-bx .Hdepth02 > li:nth-child(2){animation-delay:.1s;}
#header .nav-bx .Hdepth02 > li:nth-child(3){animation-delay:.2s;}
#header .nav-bx .Hdepth02 > li:nth-child(4){animation-delay:.3s;}
#header .nav-bx .Hdepth02 > li:nth-child(5){animation-delay:.4s;}
#header .nav-bx .Hdepth02 > li:nth-child(6){animation-delay:.5s;}
#header .nav-bx .Hdepth02 > li:nth-child(7){animation-delay:.6s;}
#header .nav-bx .Hdepth02 > li:nth-child(8){animation-delay:.7s;}
#header .nav-bx .Hdepth02 > li:nth-child(9){animation-delay:.8s;}
#header .nav-bx .Hdepth02 > li:nth-child(10){animation-delay:.9s;}
#header .nav-bx .Hdepth02 > li:nth-child(11){animation-delay:1s;}
#header .nav-bx .Hdepth02 > li:nth-child(12){animation-delay:1.1s;}
#header .nav-bx .Hdepth02 > li:nth-child(13){animation-delay:1.2s;}
#header .nav-bx .Hdepth02 > li:nth-child(14){animation-delay:1.3s;}
#header .nav-bx .Hdepth02 > li:nth-child(15){animation-delay:1.4s;}
#header .nav-bx .Hdepth02 > li:nth-child(16){animation-delay:1.5s;}
#header .nav-bx .Htlv02 a{display:flex;line-height:1.3; font-weight: 500; justify-content: center; align-items:center;  height:40px; font-size:18px; color:#121212; transition:all .2s;}
#header .nav-bx .Htlv02 a:hover{color:#019995;} 

#header .nav-bx .Hdepth03{margin-top:13px;display:none;}
#header .Htlv03 a{display:flex;align-items:flex-start;padding:5px 0 5px 30px;color:#333;font-size:17px;font-weight:500;gap:0 5px;line-height:1.3;word-break:keep-all;}
#header .Htlv03 a:before{content:'';display:block;width:5px;height:5px;background:#333;border-radius:50%;margin-top:8px;}

#header .btn-bx{align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:1;display:flex;gap:0 30px}
#header .btn-bx button{display:flex;align-items:center;justify-content:center; position: relative;}
#header .btn-bx .language-bx{position: relative;}
#header .btn-bx .language-bx .lang-view{ position: absolute; left: 50%; top: 33px; width: 50px; border-radius: 5px;  background: rgba(255,255,255,.3); transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all .3s; align-items: center; flex-direction: column;}
#header .btn-bx .language-bx .lang-view a:hover{color: #fff;}
#header .btn-bx .language-bx .lang-view a{display: block; text-align: center;}
#header .btn-bx .language-bx.active .lang-view{ opacity: 1; visibility: visible;}
#header .btn-bx .lang-view.active{display: flex;}
#header .btn-bx .search.close img,
#header .btn-bx .sitemap.close01 img{ content:url('/page/keli/images/common/utils_close.png');}
#header .btn-bx button img{width:26px;display:block;}
#header .btn-bx .alram-open em{font-size: 12px; font-weight: 500; position: absolute; right: 0; top: -2px; background: #019995; color: #fff; width: 14px; height: 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#header .gnb-bg,
#header .search-bg{position:absolute;top:99px;height:0; background: #fff; z-index:-1;overflow:hidden;pointer-events:none;width:1920px;left:50%;margin-left:-960px; box-shadow: 1px 5px 8px rgba(0,0,0,.1);}
#header.active::after{content: ''; width: 100%; height: 1px; background: #e6e6e6; position: absolute; bottom: 0; left: 0; z-index: -1;}
#header .search-bg{z-index: -2; }

#header .nav-bx .Hdepth02 > li{margin-bottom:10px}

#header .btn-bx{gap:0 30px}
#header .btn-bx > a{width:40px}
#header .btn-bx > a img{width:18px;display:block;}

html:not([lang="ko"]) #header{top:40px;}
font{font-size:.9em;}

@media (max-width:1400px) {
  #header{background: #fff !important; box-shadow: 1px 1px 8px rgba(0,0,0,.2) !important;}
  #header h1 img, #header .btn-bx button img{filter: none !important;}
  #header .header-wrap{padding:0 16px;height:64px;border-bottom:0 !important;}
  #header .hearder-top a{color: #696969 !important;}
  #header h1{margin-top:-5px;}
  #header h1 img{width:221px;}
  #header.fixed{top:0px;}

  #header .nav-bx{position:fixed;background:url(../images/common/sitemap_bg.jpg) no-repeat center center /cover;width:100vw;padding:70px 10px 64px;box-shadow:inset -5px 3px 6px 0px rgba(0,0,0,.03);max-width:500px;right:0;top:0px;height:calc(100vh + 64px);bottom:0;border-left: 1px solid #e3ecf1;
    transform: perspective(800px) rotateY(30deg) translateX(120%);
    transition: transform 0.6s cubic-bezier(0.25, 1.2, 0.5, 1), opacity 0.6s;
  }
  html:not([lang="ko"]) #header .nav-bx{top:104px;height:calc(100vh - 104px);}
  #header.sitemap-on .nav-bx{ transform: perspective(800px) rotateY(0deg) translateX(0);}

  #header .nav-bx nav{width:100%;}
  #header .nav-bx .Hdepth01{display:flex;flex-direction:column;width:100%;padding:15px 0;overflow-y:auto;height:100%;justify-content:flex-start;}
  #header .nav-bx .Hdepth01 > li{position: relative;width:100%;flex:initial;margin-bottom: 20px;}
  #header .nav-bx .Htlv01 a{height: 60px;font-size: 22px;width:100%;justify-content:center;}
  #header .nav-bx .Htitle-bx{display:none;}
  #header .nav-bx .Hdepth02{
    display:block !important;
    overflow:hidden;
    max-height:0;
    opacity:0;
    transform:translateY(-8px);
    padding:0 10px 0 !important;
    transition:
      max-height .45s cubic-bezier(0.22, 1, 0.36, 1),
      opacity .25s ease,
      transform .35s ease,
      padding .35s ease;
  }

  #header .nav-bx .Htlv01.active + .Hdepth02{
    max-height:500px;
    opacity:1;
    transform:translateY(0);
    padding:8px 10px 10px !important;
  }
}

/* 검색창 */
#header .modal-search{position:absolute;top:180px;left:0; z-index: -1; display:none; width: 100%;}
#header .modal-search .bx{max-width:1400px; animation:search .35s .1S 1 both ease-out; margin:0 auto; padding:0 20px; border-radius: 0 0 20px 20px;overflow:hidden;position:relative;z-index:1;;display:flex;align-items:center;justify-content:center;}
#header .modal-search .bx:before{content:'';display:block;position:absolute;top:0;left:109px;background:url(/page/scholar/images/common/bg-mainsearch.png) center center /cover;width:103px;height:200px;}
#header .modal-search #search-header::placeholder{color:transparent;font-size:0;}
#header .modal-search .close{display:flex;position:absolute;bottom:38px;right:38px;width:47px;height:47px;border-radius:50%;align-items:center;justify-content:center;border:1px solid #d2d2d2;box-shadow:3px 3px 5px 0px rgba(0,0,0,.2); background: #fff;}
#header .modal-search .close img{width:15px;height:15px;}
#header .modal-search .search-form{width:100%;background:#fff;max-width:100%;height:68px;border-radius:5px;position:relative;display:flex;align-items:center; border: 1px solid #000;}
#header .modal-search .place-holder{position:absolute;top:0;left:0;bottom:0;display:flex;align-items:center;pointer-events:none;color:#666;font-size:16px; padding-left: 20px;}
#header .modal-search .place-holder img{width:15px;margin:-13px 10px 0 0}
#header .modal-search input[type=search]{flex:1;height:100%;padding-left:25px;background:transparent;font-size:16px;-webkit-appearance: textfield;}
#header .modal-search input[type=search]:focus + span.place-holder,
#header .modal-search input[type=search].active + span.place-holder{opacity:0;}
#header .modal-search button{height:100%;width:80px;flex-shrink:0;position:relative; }
#header .modal-search button img{width:26px;margin:0 auto;}

#header .mobile-menu{margin-left:15px;display:none;}
#header .mobile-menu img{width:25px;}
#header .mobile-close{display:none;}
#header .modal-search form{width: 100%; display: flex; justify-content: center;}

@media (max-width:1740px) {
  #header .header-wrap{padding:0 20px;}
  #header .nav-bx .Htlv02 a{font-size:15px;}
  #header .btn-bx .sitemap-btn{display: none;}
  #header .btn-bx .m-sitemap-btn{display: block;}

  #header .modal-search .bx:before{left: 60px;}
  #header .modal-search .place-holder{font-size: 16px;}
  #header .btn-bx a.logout-btn img{height: 25px;}

  #header .search-bg{top: 99px;}
  #header .modal-search{top: 190px;}
}

@media (max-width:1400px) {
  #header .header-wrap{padding:0 16px;height:60px;}
  #header h1 img{width:70px;}

  #header .search-bg{top: 60px;}
  #header .modal-search{top: 120px;}
  #header.active + main{filter:brightness(.3);}

  #header .nav-bx .Hdepth02::after,
  #header .nav-bx .Htlv01 a:after{display: none;}
  #header .nav-bx .Htlv01.active a{color: #000;}
  #header.active .nav-bx .Htlv01 a{padding: 0; border-bottom: 1px solid #000; position: relative;}
  #header.active .nav-bx .Htlv01 a::before{content: ''; transition: all .3s;  filter: brightness(0); background: url(/page/keli/images/sub/ico_arr_drop.svg) no-repeat; width: 12px; height: 12px;
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
  #header.active .nav-bx .Htlv01.active a::before{transform: translateY(-80%)rotate(180deg); transition: all .3s;}
  #header .nav-bx{position:fixed;background:#fff;width:100vw;padding:0 20px;max-width:500px;right:0;top:106px;bottom:0;transition:all 1.5s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%);transform:translateX(100%);border-top: 1px solid #e3ecf1;border-left: 1px solid #e3ecf1;}
  #header.active .nav-bx{transform: none;}
  #header .nav-bx nav{width:100%;}
  #header .nav-bx .Hdepth01{display:flex;flex-direction:column;width:100%;padding: 20px 0;overflow-y:auto;height:100%;}
  #header .nav-bx .Hdepth01 > li{position: relative;width:100%;flex:initial;}
  #header .nav-bx .Htlv01 a{height: 44px;font-size: 22px;width:100%;}

  #header .nav-bx .Hdepth02{position:relative;width:100%; background: transparent; transform: none; left:0px;right:0;border:0;border-width:0px;height:auto !important}
  #header .nav-bx .Htlv02 a{height: 32px;font-size: 16px; padding: 0;}
  #header .nav-bx .Htlv02 + .Htlv02{margin-top:5px;}

  #header .btn-bx{display:flex;}
  #header .btn-bx a img{height:18px;}
  #header.active .btn-bx a.menu-btn img{display:none;}
  #header.active .btn-bx a.menu-btn img:last-child{display:block;}

  #header .gnb-bg{display:none !important;}
} 

@media (max-width:991px) {
    #header .modal-search .close{bottom:15px;right:15px;width:35px;height:35px;}
    #header .modal-search .close img{width: 15px; height: 15px;}
    #header .modal-search .search-form{height: 53px;}
    #header .modal-search button{width: 70px;}
    #header .modal-search .bx:before{transform: scale(.6); transform-origin: 0% 0%; left: 30px;}
    #header .modal-search .close{width:24px;height:24px;}
    #header .modal-search .close img{width: 10px; height: 10px;}
    #footer .address-home-bx .address_wrap{flex-direction: column; gap: 30px;}
    #footer .address-home-bx .address_wrap .address-bx{order: 2;}
    #footer .link-wrap{justify-content: space-between; width: 100%; gap: 0;}
     #header .btn-bx{gap: 20px;}
}

@media (max-width:760px) {
  #header .hearder-top{padding-top: 10px; gap: 10px;}
  #header .hearder-top a{font-size: 13px;}
 #header.active + main{filter:brightness(100%);}
  #header .nav-bx{top: 90px;}
  
  #header h1 img{width:60px;}
  #header .btn-bx{gap: 10px;}
  #header .btn-bx a{margin: 0 8px; font-size: 13px;}

  #header .btn-bx button img{width: 20px;}

  #header .modal-search input[type=search]{font-size: 13px; padding-left: 10px;}
  #header .modal-search button img{width: 18px; margin: 0 auto;}
  #header .modal-search button{width: 46px; filter: invert(0);}
  #header .modal-search .place-holder{font-size: 13px; padding-left: 10px;}
}

@media (max-width:500px) {
  #header-top ul{justify-content: flex-start;}
}
/* 알림창 */
#header .alram-pop{position:fixed;height:100vh; transition: opacity .3s ease;  visibility: hidden; align-items:center;justify-content:center;flex-direction:column;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.7);z-index:100;}
#header .alram-pop.active{display:flex; visibility: visible; animation: popmove .35s cubic-bezier(.22, 1, .36, 1) both;}
#header .alram-pop img{filter:none !important;}
#header .alram-pop .slick-wrap { position: relative; max-width: 1500px; width: 100%; display: flex; justify-content: center; margin: 0 auto;}
#header .alram-pop .slick {max-width: 1400px; width: auto; padding-bottom: 20px; animation: popmove1 .3s 1 both ease-out;}
#header .alram-pop .slick .slick-list {margin: 0 60px;}
#header .alram-pop .slick .slick-track {display: flex !important;}
#header .alram-pop .slick a{height:380px;display:flex; padding: 0 26px;}
#header .alram-pop .slick a[href="#nolink"] {pointer-events: none;   cursor: default;}
#header .alram-pop .control{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
#header .alram-pop .control button{position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(/page/keli/images/main/sp_new.png)no-repeat -10px -90px; background-size: 960px 320px; width: 60px; height: 60px;}
#header .alram-pop .control .prev{left: 0;}
#header .alram-pop .control .next{right: 0; left: auto; background-position-x: -90px;}
#header .alram-pop .slick a img{width: 380px; height:100%; object-fit: cover;}
#header .alram-pop .close-bx{margin-top:80px;display:flex;align-items:center;justify-content:center;}
#header .alram-pop .close-bx span{height:42px;border-radius:21px;background:#005bac;font-weight:500;color:#fff;padding:0 30px;display:flex;align-items:center;}
#header .alram-pop .close-bx a{height:42px;border-radius:21px;background:#00ada9;font-weight:500;color:#fff;padding:0 30px;display:flex;align-items:center;margin-left:15px;}
#header .alram-pop .close-bx a:last-child{background:#464646;}
#header .alram-pop .close-bx a img{width:14px;margin-left:15px}

@media (max-width:1440px) {
  #header .alram-pop .slick{width: 100%; max-width: 1100px;}

  #header .alram-pop .slick a{height: 280px;}
  #header .alram-pop .control button{width: 30px; height: 30px; background-position: -5px -45px; background-size: 480px 160px;}
  #header .alram-pop .control .prev{left: 15px;}
  #header .alram-pop .control .next{right: 15px; background-position-x: -45px;}


  #header .alram-pop .img-bx{max-width:100%;padding:20px;}
  #header .alram-pop .img-bx a{height:290px;}
  #header .alram-pop .img-bx a + a{margin-left:30px;}
  #header .alram-pop .close-bx{margin-top:50px;display:flex;align-items:center;justify-content:center;}
  #header .alram-pop .close-bx span{height:36px;padding:0 20px;font-size:14px;}
  #header .alram-pop .close-bx a{height:36px;padding:0 20px;margin-left:10px;font-size:14px;}
  #header .alram-pop .close-bx a img{width:12px;margin-left:15px; height: auto;}

  #header .alram-pop .slick a img{width: 100%;}
}

@media (max-width:991px) {
  #header .alram-pop .slick{padding: 0 45px; max-width: 750px;}
  #header .alram-pop .slick a{padding: 0 21px;}
  #header .alram-pop .slick .slick-list{margin: 0 22px;}
}

@media (max-width:760px) {
  #header .alram-pop .slick{display: flex; justify-content: center;}
  #header .alram-pop .slick .slick-list{margin: 0 12px;}
  #header .alram-pop .slick a{height: auto; }
  #header .alram-pop .slick a img{width: 100%;}
  #header .alram-pop .close-bx{margin-top:35px;display:flex;align-items:center;justify-content:center;}
  #header .alram-pop .close-bx span{height:32px;padding:0 15px;font-size:12px;}
  #header .alram-pop .close-bx a{height:36px;padding:0 15px;margin-left:10px;font-size:12px;}
  #header .alram-pop .close-bx a img{width:10px;margin-left:15px}
  #header .language-bx button{width: auto;}
  #header .language-bx button span{font-size: 14px;}
}

@keyframes gnb1{ 
   0% {
    opacity: 0;
    transform: translateY(10px) scale(.9);
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes search{ 
  0%{opacity:0;transform:rotateX(90deg);}
  100%{opacity:1;transform:rotateX(0deg);} 
}

@keyframes popmove {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


#footer{position:relative; z-index:100; background: url(/page/keli/images/main/footer.png); color:#fff;}
#footer .address-home-bx{padding:69px 20px 46px;}
#footer .address-home-bx .address_wrap{display:flex;justify-content:space-between;align-items:flex-start; padding-bottom: 60px;}
#footer .address-bx p{font-size:18px; color:#fff;display:flex; font-weight:500; flex-direction: column; align-items: first baseline;}
#footer .address-bx p span + span{margin-top:5px;}
#footer .address-bx p span{display:flex;align-items:center;gap:0 8px}
#footer .address-bx p + p{margin-top:3px;}

#footer .link-wrap{display: flex; gap: 92px;}
#footer .info-bx a{font-size:18px; font-weight: 700; position:relative;color: #fff; display: flex; flex-direction: column;}
#footer .info-bx a:first-child{color: #3AF8E2;}
#footer .info-bx a + a{margin-top: 5px;}
#footer .sns-bx{min-width: 97px;}
#footer .sns-bx a{font-size:18px; font-weight: 700; color: #fff; display: flex; justify-content: space-between;  align-items: center; position: relative;}
#footer .sns-bx a + a{margin-top: 5px;}
#footer .sns-bx a img{display: block; transition: all .3s;}
#footer .sns-bx a:hover img{transform: rotate(45deg); transition: all .3s;}
#footer .family-bx{display:flex;}
#footer .family-bx .item{flex:1;position:relative; background: transparent;}
#footer .family-bx .item + .item{margin-left:25px;}
#footer .family-bx .item button{display:flex; align-items:center; padding: 0 16px; width: 230px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.20);
 color:#fff; font-weight: 700; height:60px; font-size: 18px;}
#footer .family-bx .item button::after{content: ''; position: absolute; right: 20px; width: 16px; height: 16px; transition: all .3s; background: url(/page/keli/images/sub/plus.png) no-repeat 85% 50%;}
#footer .family-bx .item button.active::after{transform:rotate(180deg); transition: all .3s;}
#footer .family-bx .item .view-bx{display: none; position:absolute; bottom:96px; left:0; right:0; border-radius: 5px; background:#fff; border: 1px solid rgba(255, 255, 255, 0.20);  background: #050e1f; padding:8px 0;}
#footer .family-bx .item .view-bx a{display:flex;align-items:center;padding:3px 10px 3px 20px;font-size:14px; color: #fff;}

#footer .copy_right{color: #5c5c5c; border-top: 1px solid rgba(255,255,255,.2); padding-top: 28px;}

@media (max-width:1400px) {

  #footer .info-bx .inner{display:flex;flex-wrap:wrap;justify-content:center;gap:0;}
  #footer .info-bx a{font-size:13px;padding:0;margin-right:0px;height:28px;justify-content:center;}
  #footer .info-bx a:not(:last-child):after{height:10px;}
  #footer .info-bx a:first-child{color:#fff;}
  #footer .sns-bx a{font-size: 13px;}
  #footer .address-home-bx{padding:20px 20px 35px;}
  #footer .address-home-bx .inner{align-items:center;flex-direction:column;gap:20px 0}
  #footer .address-bx p{font-size:13px;}
  #footer .address-bx p span + span{margin-left:0px; margin-top: 8px;}
  #footer .home-bx a img{height:28.5px;}
  #footer .address-home-bx .address_wrap{padding-bottom: 40px;}

  #footer .link-wrap{gap: 60px;}
  #footer .family-bx .item button{font-size: 16px; width: 220px; height: 50px;}
  #footer .family-bx .item .view-bx{bottom: 93px;}
  #footer .copy_right{font-size: 13px; padding-top: 18px;}
} 

@media (max-width:760px) {
    #footer .link-wrap{flex-direction: column; align-items: center; gap: 20px;}
    #footer .family-bx .item button{width: 270px; font-size: 14px;}
    #footer .family-bx .item button::after{width: 10px; height: 10px; background-size: cover;}
    #footer .family-bx .item .view-bx{bottom: 49px;}
    #footer  .group-bx{display: flex; justify-content: space-around; width: 100%; gap: 60px;}
    #footer .address-bx p{align-items: center;}

    #footer .address-home-bx .address_wrap .address-bx{width: 100%;}
    #footer .address-bx p strong{white-space: nowrap;}
    #footer .address-bx p span{align-items: flex-start; line-height: 1.2; gap: 5px;}
}

#btn-top{width:76px;height:76px; font-size: 0; opacity: 0; background: url(/page/keli/images/sub/TOP_button.png) no-repeat; background-size: cover; transition:all .3s;position:fixed; bottom: 30px; right:44px;z-index:200;}
#btn-top.active{opacity: 1;}

@media (max-width:1180px) {
 #btn-top{width:38px;height:38px;right:10px !important;bottom:20px !important;top:auto !important;position:fixed;}
 #btn-top img{filter:drop-shadow(0px 0px 2px rgba(0,0,0,.3));}
 #btn-top:hover{width: 38px; height: 38px;}
}