@charset "utf-8";

@import url("/_res/kibo/main/css/pretendard.css");
@import url("/_res/kibo/main/css/alimjang.css");

/***************************************************** 
    common
*****************************************************/
:root {
	/* font */
    --font-type01: 'Pretendard';
    --font-type02: 'Alimjang';
    
    /* main */
    --main-color01: #2B3370;
    --main-color01-hover: #2e6df4;

    /* point */
    --point-color01: #20CA6E;
    --point-color01-hover: #80cf09;
}
html, body {overflow-x: hidden;}
::selection {background-color: var(--point-color01);color: #FFF;}
::-webkit-scrollbar {width:12px; height:12px;}
::-webkit-scrollbar-thumb {background-color:var(--main-color01); border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}
/***************************************************** 
    header
*****************************************************/
#header {position: absolute;top: 0;width: 100%;font-family: var(--font-type01);z-index: 100;}
.top-sub {border-bottom: 1px transparent;}
.top-sub-search-box .search-btn {background: url(/_res/kibo/main/img/top-search-white.png) no-repeat;}
.top-sub-layout .ly-item .right-list > li {position: relative;}
.top-sub-layout .ly-item, .top-sub-layout .ly-item .list, .top-sub-layout .ly-item .list > li {height: auto;}
.top-sub-layout .ly-item:first-child .list > li:last-child {border-right: 0;}
.top-sub-layout .right-list > li:not(:nth-last-child(-n + 2)) {display: block;}
.top-sub-layout .right-list > li:not(.top-sub-item-lang):not(.top-sub-item-search)::after {content: "";position: absolute;top: 50%;right: -10.5px;transform: translateY(-50%);display: inline-block;width: 1px;height: 10px;background-color: #ccc;height: 16px;background: rgba(255,255,255,.2);}
.top-sub-lang-box {display: flex;align-items: center;background-image: url(/_res/kibo/main/img/langico-white.png);background-position: left center;background-repeat: no-repeat;padding-left: 17px;}
.top-sub-layout .ly-item .right-list > li {margin-left: 22px;}
.top-sub-layout .right-list {position: relative;top: 5px;}
.top-sub-layout .right-list > li.top-sub-item-search {margin-left: 20px;}
.top-sub-item {font-size: 15px;}
.top-sub-item a {color: #FFF;padding: 8px 0 5px;}
.top-sub-lang {color: #FFF;background: url(/_res/kibo/main/img/lang-dropdown-white.png) right center no-repeat;padding: 6px 25px 5px 3px;}
.top-sub-lang option {color: #333;}
.top-sub-search-box .search-input {color: #FFF;background-color: rgba(255,255,255,.15);border: 1px solid rgba(255,255,255,.15);border-radius: 15px;height: 32px;padding-left: 15px;padding-bottom: 3px;}
.top-sub-search-box .search-input::placeholder {color: #FFF;}
.top-sub-search-box .search-btn {width: 32px;height: 32px;background: url(/_res/kibo/main/img/top-search-white.png) no-repeat center right 12px;}
.top-main-layout {height: 4rem;}
.top-main {border-bottom: 1px solid transparent;}
.top-main .gnb {overflow: inherit;}
.top-main-dummy {display: none;}
.top-main.fixed {position: relative;top: auto;background: transparent;}
.top-main .gnb-close-btn {right: 10px;width: 44px;height: 44px;border-radius: 50%;background: #08B155 url(/_res/kibo/main/img/sitemap-close.png) no-repeat center;}
.top-main .top-main-logo {display: none;}
.top-main .top-main-logo-white {display: block;width: 180px;}
.top-main .gnb-header-layout {margin-top: 10px;}
#gnb-list [role="menuitem"] {padding: 0 12px 0 18px;}
#gnb-list > li > [role="menuitem"] {font-weight: 600;}
#gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"].new-win span {position: relative;padding-right: 22px;}
#gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"].new-win span:after {content: '';position: absolute;top: 3px;right: 0;display: block;width: 14px;height: 14px;background: url('/_res/kibo/main/img/h-nwindow.png') no-repeat;background-size: 14px;}
#gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li > [role="menuitem"].new-win span {position: relative;padding-right: 19px;}
#gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li > [role="menuitem"].new-win span:after {content: '';position: absolute;top: 3px;right: 0;display: block;width: 12px;height: 12px;background: url('/_res/kibo/main/img/h-nwindow.png') no-repeat;background-size: 12px;}
#gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li > [role="menuitem"].new-win:hover span:after {right: 1px;}
#gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li::before {width: 4px;height: 4px;border-radius: 50%;background-color: #4D4D4D;}
.top-main .sitemap-btn {width: 44px;height: 44px;border-radius: 50%;background-color: #08B155;}
@media (min-width: 992px) {
    #header.openmenu {background: #FFF;}
    #header.openmenu #gnb-list > li > [role="menuitem"] {color: #191919;}
    .top-main .top-main-logo, .top-main .top-main-logo-white {width: 220px;}
    #header.openmenu .top-main-logo-white {display: none;}
    #header.openmenu .top-main-logo {display: block;}
    .top-sub-layout .right-list > li:not(.top-sub-item-lang):not(.top-sub-item-search)::after {height: 16px;background: rgba(255,255,255,.2);}
    .top-sub-lang-box {background-image: url(/_res/kibo/main/img/langico-white.png);}
    #header.openmenu .top-sub-lang-box {background-image: url(/_res/kibo/main/img/langico.png);}
    .top-sub-layout .ly-item, .top-sub-layout .ly-item .list, .top-sub-layout .ly-item .list > li {height: 100%;}
    .top-sub-layout .ly-item .right-list > li {margin-left: 22px;}
    .top-sub-layout .right-list {position: relative;top: 5px;}
    .top-sub-layout .right-list > li.top-sub-item-search {margin-left: 20px;}
    .top-sub-item {font-size: 15px;}
    .top-sub-item a {color: #FFF;padding: 8px 0 5px;}
    .top-sub-lang {color: #FFF;background: url(/_res/kibo/main/img/lang-dropdown-white.png) right center no-repeat;padding: 6px 25px 5px 3px;}
    .top-sub-lang option {color: #333;}
    .top-sub-search-box .search-input {color: #FFF;background-color: rgba(255,255,255,.15);border: 1px solid rgba(255,255,255,.15);border-radius: 15px;height: 32px;padding-left: 15px;padding-bottom: 3px;}
    .top-sub-search-box .search-input::placeholder {color: #FFF;}
    .top-sub-search-box .search-btn {width: 32px;height: 32px;background: url(/_res/kibo/main/img/top-search-white.png) no-repeat center right 12px;}
    #header.openmenu .top-sub-layout .right-list > li:not(.top-sub-item-lang):not(.top-sub-item-search)::after {background: #DDD;}
    #header.openmenu .top-sub-item a {color: #555;}
    #header.openmenu .top-sub-search-box .search-btn {background: url(/_res/kibo/main/img/top-search.png) no-repeat center right 12px;}
    #header.openmenu .top-sub-lang {color: #555;background: url(/_res/kibo/main/img/lang-dropdown.png) right center no-repeat;}
    #header.openmenu .top-sub-search-box .search-input {position: relative;color: #333;background-color: rgba(255,255,255,.15);border: 1px solid #DDD;border-radius: 15px;height: 32px;padding-left: 15px;}
    #header.openmenu .top-sub-search-box .search-input::placeholder {color: #555;}
    .top-main.fixed #gnb-list > li > [role="menuitem"] {color: #FFF;}
    .top-main-layout {height: 5rem;}
    .top-main-logo, .top-main-logo-white {width: 220px;}
    .top-main .gnb {background-color: transparent;}
    #gnb-list > li {padding: 0;}
    #gnb-list > li > [role="menuitem"] {font-size: 18px;font-weight: 600;color: #FFF;background-color: transparent;padding: 0 15px;}
    #gnb-list > li > [role="menuitem"].active {background-color: transparent;color: #FFF;}
    #header.openmenu #gnb-list > li > [role="menuitem"]:hover, #header.openmenu #gnb-list > li > [role="menuitem"]:focus {color: var(--main-color01);}
    #header.openmenu #gnb-list > li:hover > [role="menuitem"], #header.openmenu #gnb-list > li:focus > [role="menuitem"] {color: var(--main-color01);}
    #gnb-list > li > [role="menuitem"] > .menuitem-text::after {width: 6px;height: 6px;border-radius: 50%;left: calc(100% + 5px);bottom: 30px;background: var(--point-color01);transform: translateX(100%);opacity: 0;transition: all .3s ease-in-out;}
    #gnb-list > li:hover > [role="menuitem"] > .menuitem-text::after, #gnb-list > li:focus > [role="menuitem"] > .menuitem-text::after {width: 6px;left: calc(100% + 5px);transform: translateX(0);opacity: 1;}
    #gnb-list > li > [role="menuitem"]:hover > .menuitem-text::after, #gnb-list > li > [role="menuitem"]:focus > .menuitem-text::after {width: 6px;left: calc(100% + 5px);transform: translateX(0);opacity: 1;}
    #gnb-list .menubox {top: 100%;background: #FFF;}
    #gnb-list .menubox::before {display: none;}
    #gnb-list .menubox::after {background: url(/_res/kibo/main/img/menubox-bg.png) no-repeat right center;background-size: 78% auto;bottom: 20px;z-index: 1;}
    #gnb-list .menubox-dummy-1, #gnb-list .menubox-inner > .menu-deco {display: flex;justify-content: end;flex: 0 0 22%;max-width: 22%;padding: 0;}
    #gnb-list .menubox-inner > .menu-deco:before {content: "";position: absolute;width: calc((100vw - 100%) / 2);height: 100%;left: auto;bottom: 0;border-radius: 0 30px 15px 0;background: url(/_res/kibo/main/img/menu-deco-bg.png) no-repeat;background-size: cover;}
    #gnb-list .menubox-inner > .menu-deco:after {content: "";position: absolute;width: calc((100vw - 100%) / 2);height: 100%;left: auto;bottom: 0;background: url(/_res/kibo/main/img/menu-deco-obj.png) left bottom no-repeat;background-size: 350px;}
    #gnb-list .menubox-inner .menu-deco-inner {width: 100%;padding: 20px 40px 0 0;}
    #gnb-list .menu-deco-title {color: #FFF;font-weight: 700;}
    #gnb-list .menu-deco-text {font-size: 16px;color: #FFF;font-weight: 400;line-height: 1.4;margin-top: 5px;}
    #gnb-list .menubox-dummy-1 {background-color: transparent;}
    #gnb-list .menubox-dummy::before {}
    #gnb-list .menubox-dummy::before {background: #FFF;}
    #gnb-list .menubox-dummy::after {background: #FFF;}
    #gnb-list .menubox-dummy-2, #gnb-list .menubox-inner > [role="menu"] {background-color: transparent;padding: 22px 15px 20px 25px;}
    #gnb-list .menubox-inner > [role="menu"] > li {padding-left: 12px;}
    #gnb-list .menubox-inner > [role="menu"] > li:nth-child(4n+1) {padding-left: 0;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"] {border: 1px solid #E5E5E5;border-radius: 8px;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"]:hover, #gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"]:focus {color: #FFF;border: 1px solid var(--main-color01);background: var(--main-color01);}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li::before {top: 8px;left: 0;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li:hover::before, #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li:focus::before {background: var(--point-color01);}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li > [role="menuitem"] {padding-top: 2px;padding-bottom: 2px;padding-left: 12px;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li > [role="menuitem"]:hover, #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li > [role="menuitem"]:focus {font-weight: 600;color: var(--main-color01);background-color: transparent;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"].new-win span:after {top: 4px;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"].new-win:hover span:after, #gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"].new-win:focus span:after {background-position-y: -24px;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li > [role="menuitem"].new-win span:after {top: 4px;}
}
@media (min-width: 1200px) {
    .top-main .top-main-logo, .top-main .top-main-logo-white {width: auto;}
    .top-main .sitemap-btn {width: 50px;height: 50px;}
    #gnb-list > li > [role="menuitem"] {font-size: 22px;padding: 0 24px;}
    #gnb-list .menubox-dummy::before {background: #FFF;}
    #gnb-list .menubox-dummy-2, #gnb-list .menubox-inner > [role="menu"] {flex: 0 0 76%;max-width: 76%;gap: 0 32px;padding: 40px 0 40px 50px;}
    #gnb-list .menubox-inner > .menu-deco {padding: 0;}
    #gnb-list .menubox-inner > .menu-deco:after {background-size: 520px;background-position: -80px calc(100% + 220px);}
    #gnb-list .menubox-inner .menu-deco-inner {width: 100%;padding: 50px 50px 0 0;}
    #gnb-list .menu-deco-text {font-size: 17px;margin-top: 10px;}
    #gnb-list .menubox-inner > [role="menu"] > li {flex: 0 0 calc(calc(100% - 96px) / 4);max-width: calc(calc(100% - 96px) / 4)}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"] {font-size: 1.125em;font-weight: 500;padding: 10px 5px 10px;} 
    #gnb-list > li > [role="menuitem"] > .menuitem-text::after {width: 8px;height: 8px;border-radius: 50%;left: calc(100% + 7px);bottom: 30px;background: var(--point-color01);transform: translateX(100%);opacity: 0;transition: all .3s ease-in-out;}
    #gnb-list > li:hover > [role="menuitem"] > .menuitem-text::after, #gnb-list > li:focus > [role="menuitem"] > .menuitem-text::after {width: 8px;left: calc(100% + 7px);transform: translateX(0);opacity: 1;}
    #gnb-list > li > [role="menuitem"]:hover > .menuitem-text::after, #gnb-list > li > [role="menuitem"]:focus > .menuitem-text::after {width: 8px;left: calc(100% + 7px);transform: translateX(0);opacity: 1;}
    #gnb-list .menubox-dummy-2, #gnb-list .menubox-inner > [role="menu"] {gap: 0 20px;background-color: transparent;} 
    #gnb-list .menubox-inner > [role="menu"] > li {flex: 0 0 calc(calc(100% - 60px) / 4);max-width: calc(calc(100% - 60px) / 4);padding-left: 0;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li::before {top: 9px;left: 5px;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li > [role="menuitem"] {padding-top: 3px;padding-bottom: 3px;padding-left: 18px;}
}
@media (min-width: 1500px) {
    .top-sub > .container, .top-main > .container {max-width: 1430px;}
    #gnb-list .menubox-inner > .menu-deco:before {border-radius: 0 90px 30px 0;}
    #gnb-list .menubox .menubox-inner > .menu-deco:after {background-size: auto;background-position: -683px calc(100% + 220px);transform: scale(0) skew(45deg);opacity: 0;transition: all .8s ease;transition-delay: .1s;}
    #gnb-list .menubox.on .menubox-inner > .menu-deco:after {background-position: calc(100% - 100px) calc(100% + 220px);transform: scale(1) skew(0deg);opacity: 1;}
    #gnb-list .menubox-dummy, #gnb-list .menubox-inner {max-width: 1600px;}
    #gnb-list .menu-deco-title {font-size: 40px;}
    #gnb-list .menu-deco-text {font-size: 19px;padding-right: 20px;margin-top: 10px;}
    #gnb-list > li > [role="menuitem"] {font-size: 24px;padding: 0 35px;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menuitem"] {border-radius: 10px;padding: 13px 5px 14px;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li::before {top: 13px;left: 5px;}
    #gnb-list .menubox-inner > [role="menu"] > li > [role="menu"] > li > [role="menuitem"] {font-size: 17px;padding-top: 4px;padding-bottom: 4px;padding-left: 18px;}
}
@media (min-width: 1700px) {
    .top-sub > .container, .top-main > .container {max-width: 1630px;}
    #gnb-list > li > [role="menuitem"] {padding: 0 45px;}
}
@media (min-width: 2560px) {
    .top-sub > .container, .top-main > .container {max-width: 1830px;}
}

/***************************************************** 
    footer
*****************************************************/
#footer {font-family: var(--font-type01);line-height: 1.5;}
#footer .footer-main {padding-bottom: 0;background: #1C1C1C;}
.container.footer-main-container {padding: 0;}
.ft-inner {display: flex;flex-direction: column}
.ft-info {padding: 15px 0;}
.ft-info .ft-link {display: inline-flex;flex-wrap: wrap;justify-content: center;gap: 3px 0;width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);padding-bottom: 14px;}
.ft-info .ft-link > li {position: relative;padding: 0 8px 0 11px;}
.ft-info .ft-link > li:before {content: '';position: absolute;top: 12px;left: 0;display: block;width: 4px;height: 4px;border-radius: 50%;background: rgba(255,255,255,.4);}
.ft-info .ft-link > li:first-child {padding: 0 8px 0 0;}
.ft-info .ft-link > li:first-child:before {display: none;}
.ft-info .ft-link > li:last-child {padding: 0 0 0 11px;}
.ft-info .ft-link > li > a {color: #FFF;}
.ft-info .ft-link > li > a:hover, .ft-info .ft-link > li > a:focus {color: var(--point-color01-hover);text-decoration: underline;text-underline-offset: 5px;}
.ft-info .ft-link > li > a.privacy {font-weight: 700;color: var(--point-color01);transition: .3s all;}
.ft-info .ft-link > li > a.privacy:hover, .ft-info .ft-link > li > a.privacy:focus {color: var(--point-color01-hover);}
.ft-info .ft-kibo {display: flex;flex-direction: column;align-items: center;gap: 20px 0;text-align: center;padding: 20px 15px 10px;}
.ft-info .ft-kibo .ft-logo {display: block;width: 140px;}
.ft-info .ft-kibo .ft-logo .logo-img {display: block;width: 100%;}
.ft-info .ft-kibo .ft-address {line-height: 1.4;color: #FFF}
.ft-info .ft-kibo .ft-address .ft-copyright {display: inline-block;color: rgba(255,255,255,.5);margin-top: 5px;}
.ft-family {position: relative;background: #222;padding: 0 15px;}
.ft-family .ft-site {position: relative;width: 100%;display: flex;flex-wrap: wrap;gap: 5px;padding: 10px 0 20px;}
.ft-family .ft-item {position: relative;flex: 1 1 100%;}
.ft-family .ft-item .family-select {position: relative;display: block;width: 100%;color: rgba(255,255,255,.7);border-bottom: 2px solid rgba(255,255,255,.5);text-align: left;padding: 8px;transition: .3s all ease;}
.ft-family .ft-item .family-select:after {content: '';position: absolute;top: calc(50% - 3px);right: 5px;border-top: 6px solid rgba(255,255,255,0.7);border-bottom: 6px solid transparent;border-left: 5px solid transparent;border-right: 5px solid transparent;transform: translateY(-50%) rotate(180deg);}
.ft-family .ft-item .family-select:hover, .ft-family .ft-item .family-select:focus {color: #FFF;border-bottom-color: #FFF;}
.ft-family .ft-item .family-select:hover:after, .ft-family .ft-item .family-select:focus:after {border-top-color: var(--point-color01);}
.ft-family .ft-item .family-list {position: absolute;right: 0;bottom: calc(100% + 5px);width: 100%;background: #FFF;border-radius: 30px 10px 10px 10px;border: 1px solid #DDD;box-shadow: 0 10px 20px 0 rgba(0,0,0,.15);transition: all .3s ease-out;z-index: 10;padding: 20px 12px 15px 25px;visibility: hidden;opacity: 0;}
.ft-family .ft-item .family-list .family-inner .item a {position: relative;display: inline-block;font-size: 15px;padding: 6px 20px 5px 13px;transition: .3s ease all;}
.ft-family .ft-item .family-list .family-inner .item a:before {content: '';position: absolute;top: 14px;left: 0;display: block;width: 5px;height: 5px;background: #B5B5B5;border-radius: 50%;transition: .3s ease all;}
.ft-family .ft-item .family-list .family-inner .item a[target=_blank]:after {content: '';position: absolute;top: 11px;right: 0;display: block;width: 12px;height: 12px;background: url('/_res/kibo/main/img/nwindow.png') no-repeat;background-size: 12px;} 
.ft-family .ft-item .family-list .family-inner .item a:hover, .ft-family .ft-item .family-list .family-inner .item a:focus {color: var(--main-color01);font-weight: 600;padding: 6px 20px 5px 20px;}
.ft-family .ft-item .family-list .family-inner .item a:hover:before, .ft-family .ft-item .family-list .family-inner .item a:focus:before {width: 12px;border-radius: 5px;background: var(--point-color01);}
.ft-family .ft-item .family-list .family-inner .item a[target=_blank]:hover:after, .ft-family .ft-item .family-list .family-inner .item a[target=_blank]:focus:after {background-position-y: -19.5px;}
.ft-family .ft-item.on .family-select {color: #FFF;border-bottom-color: #FFF}
.ft-family .ft-item.on .family-select:after {border-top-color: var(--point-color01);top: calc(50% + 4px);transform: translateY(-50%) rotate(0);}
.ft-family .ft-item.on .family-list {opacity: 1;visibility: visible;}
.ft-family .ft-call {position: relative;flex: 1 1 100%;justify-content: center;align-self: center;padding: 0 0 30px;}
.ft-family .ft-call .ft-call-inner {padding: 0 0 0 60px;background: url(/_res/kibo/main/etc/ft-call-icon.svg) left center no-repeat;background-size: 48px;}
.ft-family .ft-call .tit-box {display: flex;align-items: baseline;gap: 0 8px;line-height: 1.2;}
.ft-family .ft-call .tit-box span {font-size: 17px;font-weight: 700;color: #FFF;}
.ft-family .ft-call .tit-box .number {font-size: 24px;}
.ft-family .ft-call .memo {color: rgba(255,255,255,.8);}

/* top */
.go-to-top {bottom: 30px;font-size: 14px;font-weight: 400;letter-spacing: 0;color: #FFF;background: #333 url('/_res/kibo/main/img/gotop-arrow.png') no-repeat center 15px;border-radius: 24px;opacity: 1;padding-top: 28px;transition: background .3s ease-in;}
.go-to-top:hover, .go-to-top:focus {background-color: var(--main-color01);box-shadow: 0 0px 15px rgba(0,0,0,.07);}
@media (min-width: 400px) {
    .ft-family .ft-site {gap: 0 12px;}
    .ft-family .ft-item {flex: 0 1 calc(50% - 12px);position: static;}
    .ft-family .ft-item .family-list {bottom: calc(100% - 5px);}
    .ft-family .ft-call {padding: 10px 0 30px;}
}
@media (min-width: 992px) {
    .ft-inner {flex-direction: row;}
    .ft-info {flex: 0 0 calc(100% - 330px);}
    .ft-info .ft-link {position: relative;justify-content: flex-start;border-bottom: none;padding-bottom: 15px;}
    .ft-info .ft-link:before {content: '';position: absolute;right: 0;bottom: 0;display: block;width: 100vw;height: 1px;background: rgba(255,255,255,.2);z-index: 0;}
    .ft-info .ft-kibo {align-items: flex-start;text-align: left;padding: 30px 0 0;}
    .ft-family {flex: 0 0 330px;position: static;padding: 0;z-index: 1;}
    .ft-family:before {content: '';position: absolute;left: 100%;width: calc(((100vw - 100%) / 2) - 11px);height: 100%;background: #222;}
    .ft-family .ft-family-inner {padding: 10px 0 15px;}
    .ft-family .ft-item {position: relative;flex: 0 0 70%;}
    .ft-family .ft-site {justify-content: flex-end;}
    .ft-family .ft-item .family-select {padding: 12px 8px 10px;}
    .ft-family .ft-item .family-list {width: 480px;}
    .ft-family .ft-item .family-list .family-inner {display: flex;flex-wrap: wrap;background-size: 40px;}
    .ft-family .ft-item .family-list .family-inner .item {flex: 0 0 50%}
    .ft-family .ft-item .family-list .family-inner .item a {font-size: 16px;padding: 5px 22px 5px 12px;}
    .ft-family .ft-item .family-list .family-inner .item a[target=_blank]:after {top: 8px;width: 14px;height: 14px;background-size: 14px;}
    .ft-family .ft-item .family-list .family-inner .item a:hover, .ft-family .ft-item .family-list .family-inner .item a:focus {padding: 5px 22px 5px 20px;}
    .ft-family .ft-item .family-list .family-inner .item a:before {top: 12px;}
    .ft-family .ft-item .family-list .family-inner .item a[target=_blank]:hover:after, .ft-family .ft-item .family-list .family-inner .item a[target=_blank]:focus:after {background-position-y: -23px;}
    .ft-family .ft-call {display: flex;justify-content: flex-end;}
    .ft-family .ft-call .memo {font-size: 15px;}
}
@media (min-width: 1630px) {
    .container.footer-main-container {max-width: 1630px;}
    .ft-info {flex: 0 0 calc(100% - 410px);padding: 20px 0;}
    .ft-info .ft-link {font-size: 18px;padding-bottom: 20px;}
    .ft-info .ft-link > li {padding: 0 10px 0 14px;}
    .ft-info .ft-link > li:first-child {padding: 0 10px 0 0;}
    .ft-info .ft-kibo {padding: 45px 0 0;gap: 30px 0;}
    .ft-info .ft-kibo .ft-logo {width: 158px;}
    .ft-info .ft-kibo .ft-address {font-size: 18px;}
    .ft-info .ft-kibo .ft-address .ft-copyright {font-size: 17px;}
    .ft-family {flex: 0 0 410px;}
    .ft-family .ft-family-inner {padding: 30px 0 45px}
    .ft-family .ft-site {padding: 0;margin-bottom: 45px;}
    .ft-family .ft-item {flex: 0 0 60%;}
    .ft-family .ft-item .family-select {font-size: 18px;}
    .ft-family .ft-item .family-list {width: 550px;bottom: 100%;}
    .ft-family .ft-call {padding: 0;}
    .ft-family .ft-call .tit-box span {font-size: 19px;}
    .ft-family .ft-call .tit-box .number {font-size: 32px;}
    .ft-family .ft-call .memo {font-size: 16px;}
    .go-to-top {right: calc(50% - (1500px / 2) - 50px);}
}
@media (min-width: 1800px) {
    .go-to-top {right: calc(50% - (1600px / 2) - 120px);}
}
@media (min-width: 2560px) {
    .container.footer-main-container {max-width: 1800px;}
    .go-to-top {right: calc(50% - (1800px / 2) - 120px);}
}
/* popupLayer */
#popupLayer, #popupLayer2 {
    position: absolute;
    max-width: 100%;
    border-radius: 15px;
    font-family: var(--font-type01);
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    overflow: hidden;
    z-index: 101;
}

/* 이미지 및 링크 스타일 공통 */
#popupLayer > a, #popupLayer2 > a,
#popupLayer > a > img, #popupLayer2 > a > img {
    max-width: 100%;
    display: block;
}

/* 버튼 영역 공통 */
#popupLayer .popup-btn, #popupLayer2 .popup-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
}

#popupLayer .popup-btn button, #popupLayer2 .popup-btn button {
    position: relative;
    display: block;
    width: 50%;
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
    background: #333;
    padding: 15px 0;
    border: none; 
    cursor: pointer;
}

/* 버튼 사이 구분선 */
#popupLayer .popup-btn button:before, #popupLayer2 .popup-btn button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,.1);
}

#popupLayer .popup-btn button:last-child:before, 
#popupLayer2 .popup-btn button:last-child:before {
    display: none;
}

/* 개별 위치 설정 (PC 기준) */
@media (min-width: 992px) {
    #popupLayer {
        top: 310px;
        left: 300px;
        margin: 0;
    }
    #popupLayer2 {
        top: 310px;
        left: 610px; 
        margin: 0;
    }
}

/* 모바일 대응 (반응형) */
@media (max-width: 480px) {
    #popupLayer, #popupLayer2 {
        width: 70% !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
    }
    #popupLayer2 {
        top: 55% !important; 
    }
}
/***************************************************** 
    Main
*****************************************************/
@keyframes visual-slogani{
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes visual-textani{
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.cont-main {font-family: var(--font-type01);}
.scroll-nav {display: none;position: fixed;bottom: 3%;left: 0;font-family: var(--font-type01);z-index: 10;}
.scroll-nav.white .nav-menu .dot span {color: rgba(255,255,255,.4);}
.scroll-nav.white .nav-menu .dot.active span {color: #FFF;}
.scroll-nav.white .nav-menu .dot.active:before {background: #FFF;}
.scroll-nav .nav-menu .dot {position: relative;display: block;color: #FFF;padding: 2px 0;}
.scroll-nav .nav-menu .dot span {display: inline-block;opacity: 1;font-size: 16px;font-weight: 500;letter-spacing: -.5px;color: rgba(0,0,0,.4);padding: 0 0 0 45px;transition: all .3s ease;}
.scroll-nav .nav-menu .dot.active span {font-weight: 700;color: var(--main-color01);opacity: 1;}
.scroll-nav .nav-menu .dot:before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: block;width: 0;height: 2px;background: var(--main-color01);transition: all .3s ease;opacity: .7;}
.scroll-nav .nav-menu .dot.active:before {width: 32px;background: var(--main-color01);opacity: 1;}
.control-btn .prev-btn {position: relative;padding: 0;}
.control-btn .prev-btn:before {content: '';position: absolute;top: 0;left: 0px;display: inline-block;width: 8px;height: 8px;border-style: solid;border-width: 2px 2px 0 0;border-color: #333;transform: rotate(-135deg);}
.control-btn .next-btn {position: relative;padding: 0;}
.control-btn .next-btn:before {content: '';position: absolute;top: 0;right: 0px;display: inline-block;width: 8px;height: 8px;border-style: solid;border-width: 2px 2px 0 0;border-color: #333;transform: rotate(45deg);}
.control button.play-pause {position: relative;width: 16px;height: 16px;border: none;background: transparent;padding: 0;margin: 0 3px;}
.control button.play-pause.stop:before {content: '';position: absolute;left: 50%;top: 50%;display: inline-block;width: 8px;height: 14px;border-width: 0 2px;border-color: #333;border-style: solid;transform: translate(-50%, -50%);}
.control button.play-pause.play:before {content: '';position: absolute;left: 50%;top: 50%;border-width: 6px 0 6px 10px;border-style: solid;border-color: transparent;border-left-color: #333;transform: translate(-50%, -50%);}
.m-tit01 {position: relative;text-align: center;color: #191919;}
.m-tit01 .deco {position: relative;display: inline-block;font-family: var(--font-type02);font-size: 28px;font-weight: 400;padding-bottom: 28px;overflow: hidden;}
.m-tit01.splitting .char {display: inline-block;position: relative;transform: translateY(-100%);transition: all .5s ease-in-out;transition-property: opacity, transform;}
.m-tit01:before {content: '';position: absolute;left: 50%;bottom: -40px;transform: translateX(-50%);display: block;width: 1px;height: 16px;background: #ccc;opacity: 0;transition: all 0.3s ease-in-out;}
.m-tit01:after {content: '';position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);display: block;width: 9px;height: 9px;background: #20CA6E;border-radius: 50%;opacity: 0;transition: all 0.3s ease-in-out;}
.non-info {position: relative;font-size: 15px;color: #191919;text-align: center;padding-top: 70px;}
.non-info:before {content: '';position: absolute;left: 50%;top: 0;width: 60px;height: 60px;border-radius: 50%;background: #FFF url('/_res/kibo/main/img/non-info.png') center no-repeat;background-size: 24px;transform: translateX(-50%);}
.no-list > li {padding: 40px 0;}
.page-on .m-tit01:before {opacity: 1;bottom: 18px;}
.page-on .m-tit01:after {opacity: 1;bottom: 0;}
.page-on .m-tit01.splitting .char {transform: translateY(0);opacity: 1;}
/* visual */
#visual {position: relative;width: 100%;height: 1px;}
.visual-wrap {position: fixed;top: 0;left: 0;width: 100%;}
.visual-wrap:before {content: '';position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);width: 50px;height: 50px;background: url(/_res/kibo/main/img/visual-scroll-btn.png);z-index: 10;}
.visual-wrap {width: 100%;}
.visual-wrap .swiper-slide .inner {position: relative;display: block;padding-top: 100dvh;overflow: hidden;}
.visual-wrap .swiper-slide .visual-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(1.1);background-repeat: no-repeat;background-position: center center;background-size: cover;transition: transform 8s ease;}
.visual-wrap .swiper-slide .visual-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.visual-wrap .swiper-slide .visual-video:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);}
.visual-wrap .swiper-slide .visual-video video {width: 100%;height: 100%;object-fit: cover;}
.visual-wrap .swiper-slide .txt-wrap {position: absolute;top: 0;display: flex;flex-direction: column;width: 100%;height: 100%;text-align: center;justify-content: center;align-items: center;padding: 120px 0 130px;}
.visual-wrap .swiper-slide .txt-wrap .container {position: relative;}
.visual-wrap .swiper-slide .txt-wrap .slogan,
.visual-wrap .swiper-slide .txt-wrap .visual-tit,
.visual-wrap .swiper-slide .txt-wrap .visual-txt {color: #FFF;}
.visual-wrap .swiper-slide .txt-wrap .slogan {font-size: 15px;font-weight: 600;margin-bottom: 5px;}
.visual-wrap .swiper-slide .txt-wrap .visual-tit {font-size: 30px;line-height: 1.2;overflow: hidden;}
.visual-wrap .swiper-slide .txt-wrap .visual-tit .char {display: inline-block;position: relative;transform: translateY(100%);transition: all .5s ease-in-out;transition-property: opacity, transform;transition-delay: .5s;}
.visual-wrap .swiper-slide .txt-wrap .visual-txt {font-size: 15px;line-height: 1.3;margin-top: 20px;}
.visual-wrap .swiper-slide-active .visual-img {transform: scale(1);}
.visual-wrap .swiper-slide-active .txt-wrap .slogan {animation-name: visual-slogani;animation-duration: 1s;animation-fill-mode: both;animation-delay: .5s;}
.visual-wrap .swiper-slide-active .txt-wrap .visual-tit .char {transform: translateY(0);opacity: 1;}
.visual-wrap .swiper-slide-active .txt-wrap .visual-txt {animation-name: visual-textani;animation-duration: 1s;animation-fill-mode: both;animation-delay: 1s;}
.visual-wrap .control-btn {display: flex;align-items: center;gap: 0 15px;position: absolute;left: 50%;bottom: 30%;transform: translateX(-50%);z-index: 1;}
.visual-wrap .control-btn .control {display: flex;align-items: center;gap: 0 15px;}
.visual-wrap .control-btn .prev-btn, .visual-wrap .control-btn .next-btn {width: 10px;height: 30px;}
.visual-wrap .control-btn .prev-btn:before {top: 50%;left: 4px;transform: translateY(-50%) rotate(-135deg);border-color: #FFF;}
.visual-wrap .control-btn .next-btn:before {top: 50%;right: 4px;transform: translateY(-50%) rotate(45deg);border-color: #FFF;}
.visual-wrap .control-btn .visual-timer {position: relative;width: 30px;height: 30px;margin: 0;}
.visual-wrap .control-btn .visual-timer .btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.visual-wrap .control-btn .visual-timer .pause {display: flex;justify-content: center;}
.visual-wrap .control-btn .visual-timer .pause .ico img {position: relative;top: -2px;}
.visual-wrap .control-btn .visual-timer .play {display: flex;justify-content: center;}
.visual-wrap .control-btn .visual-timer .play .ico img {position: relative;top: -2px;}
.visual-wrap .control-btn .visual-timer .off {display: none;}
.visual-wrap .control-btn .visual-fraction {position: relative;display: flex;justify-content: space-between;align-items: center;gap: 0 16px;font-size: 15px;bottom: 0;}
.visual-wrap .control-btn .visual-fraction:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 14px;background: rgba(255,255,255,.5);}
.visual-wrap .control-btn .visual-fraction .swiper-pagination-current {padding-top: 1px;color: #FFF;}
.visual-wrap .control-btn .visual-fraction .swiper-pagination-total {position: relative;padding-top: 1px;color: rgba(255,255,255,.5);}
/* mission */
#mission {position: relative;width: 100%;background: #FFF;padding: 50px 20px;margin-top: 100dvh;}
.mission-tit {position: relative;width: 100%;font-size: 22px;text-align: center;line-height: 1.3;color: #191919;padding: 0 0 70px;overflow: hidden;}
.mission-tit:before {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 1px;height: 16px;background: #CCC;opacity: 0;transition: .3s ease-in-out;}
.mission-tit:after {content: '';position: absolute;bottom: -28px;left: 50%;transform: translateX(-50%);width: 28px;height: 28px;background: url(/_res/kibo/main/etc/mission-bi.svg) no-repeat;background-size: 28px;transition: .3s ease-in-out;}
.page-on .mission-tit:before {bottom: 42px;opacity: 1;}
.page-on .mission-tit:after {bottom: 0;opacity: 1;}
.mission-tit span {display: block;font-weight: 400;}
.mission-tit .point {display: block;font-weight: 700;}
/* news */
#news {position: relative;background: #FFF;overflow: hidden;}
#news .news-inner {background: url('/_res/kibo/main/img/news-bg.png') no-repeat center top;background-size: cover;padding: 40px 0;clip-path: circle(0% at center);transition: clip-path 1.2s;}
#news.page-on .news-inner {clip-path: circle(100% at center);}
#news.page-on .m-tit01:before, #news.page-on .m-tit01:after {transition-delay: .8s;}
.news-wrap {display: flex;flex-wrap: wrap;width: 100%;}

#notice {width: 100%;opacity: 0;transform: translateY(100%);transition: all .6s;transition-delay: .7s;}
.page-on #notice {opacity: 1;transform: translateY(0);}
.notice-wrap {width: 100%;margin-top: 20px;}
.notice-wrap .notice-tab {position: relative;margin-bottom: 10px;}
.notice-wrap .notice-tab [role=tablist] {display: inline-block;padding: 0 0 5px 0;margin-bottom: auto;}
.notice-wrap .notice-tab [role=tablist] a {position: relative;display: inline-block;flex: none;max-width: none;min-height: auto;font-size: 14px;font-weight: 500;color: #686868;border-bottom: 0;border-right: 0;background: transparent;padding: 4px 5px 3px 6px;transition: .3s font-size;}
.notice-wrap .notice-tab [role=tablist] a:hover, .notice-wrap .notice-tab [role=tablist] a:focus {color: var(--main-color01);transition: .3s all;}
.notice-wrap .notice-tab [role=tablist] a:after {content: '';position: absolute;bottom: 14px;right: -4px;width: 4px;height: 4px;border-radius: 50%;background: #CCC;}
.notice-wrap .notice-tab [role=tablist] a:first-child {padding: 4px 5px 3px 0;}
.notice-wrap .notice-tab [role=tablist] a:last-child:after {display: none;}
.notice-wrap .notice-tab [role=tablist] a[aria-selected=true] {font-size: 17px;font-weight: 700;color: var(--main-color01);background: transparent;}
.notice-wrap .notice-tab [role=tablist] a[aria-selected=true]:after {bottom: 15px;}
.notice-wrap .notice-tab [role=tablist] a:first-child, .notice-wrap .notice-tab [role=tablist] a:nth-child(2n+1) {border-left: none;}
.notice-wrap .notice-tab .more-link {position: absolute;top: 0;right: 0;display: inline-block;width: 32px;height: 32px;border-radius: 50%;background: #FFF;transition: .3s all;}
.notice-wrap .notice-tab .more-link:before {content: '';position: absolute;top: 50%;left: 50%;width: 2px;height: 12px;background: #333;transform: translate(-50%, -50%);}
.notice-wrap .notice-tab .more-link:after {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background: #333;transform: translate(-50%, -50%);}
.notice-wrap .notice-tab .more-link:hover, .notice-wrap .notice-tab .more-link:focus {background: var(--main-color01);transform: rotate(90deg);}
.notice-wrap .notice-tab .more-link:hover:before, .notice-wrap .notice-tab .more-link:hover:after,
.notice-wrap .notice-tab .more-link:focus:before, .notice-wrap .notice-tab .more-link:focus:after {background: #FFF;}
.notice-wrap .notice-tab [role="tabpanel"] {padding-bottom: 0;}
.notice-wrap .notice-list {width: 100%;border-top: 2px solid #111;}
.notice-wrap .notice-list > li {position: relative;}
.notice-wrap .notice-list > li:before {content: '';position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 1px;background: #DDD;}
.notice-wrap .notice-list .title {display: flex;justify-content: space-between;align-items: center;gap: 0 25px;padding: 4px 0 6px 5px;}
.notice-wrap .notice-list .title > div {width: 100%;}
.notice-wrap .notice-list .title .board-title {position: relative;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;min-height: 20px;overflow: hidden;font-size: 14px;font-weight: 500;color: #191919;transition: .3s all;}
.notice-wrap .notice-list .title .board-title:before {content: '';position: absolute;left: -10px;top: 9px;display: block;width: 6px;height: 6px;border-radius: 50%;background: var(--point-color01);opacity: 0;transition: .3s all;}
.notice-wrap .notice-list .title .board-date {display: flex;flex-direction: column;align-items: center;}
.notice-wrap .notice-list .title .board-date .day {display: block;font-size: 18px;font-weight: 700;color: #191919;line-height: 1.3;transition: .2s all ease;}
.notice-wrap .notice-list .title .board-date .month {font-size: 13px;line-height: 1;color: #999;transition: .2s all ease;}
.notice-wrap .notice-list .title:hover .board-title, .notice-wrap .notice-list .title:focus .board-title {padding-left: 13px;color: var(--main-color01);}
.notice-wrap .notice-list .title:hover .board-title:before, .notice-wrap .notice-list .title:focus .board-title:before {left: 0;opacity: 1;}
.notice-wrap .notice-list .title:hover .board-date .day {color: var(--point-color01);}
.notice-wrap .notice-list .title:hover .board-date .month {color: var(--point-color01);}
.sns-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 15px;}
.sns-wrap .loc-box {flex: 0 0 50%;}
.sns-wrap .loc-box .loc-btn {position: relative;display: inline-flex;align-items: center;width: 100%;font-size: 15px;border-radius: 40px;min-height: 40px;color: #FFF;background: var(--main-color01);overflow: hidden;}
.sns-wrap .loc-box .loc-btn .arr {position: relative;width: 100%;padding: 7px 30px 6.5px 15px;z-index: 1;}
.sns-wrap .loc-box .loc-btn .arr:before {content: '';position: absolute;width: 18px;height: 20px;right: 12px;background: url('/_res/kibo/main/etc/locbtn-ico.svg') 0 1px no-repeat;background-size: 18px;z-index: 1;}
.sns-wrap .loc-box .loc-btn:after {content: '';position: absolute;top: 0;right: -50px;display: block;width: 0;height: 100%;background: #171d52;border-radius: 50px;transition: .4s all ease;z-index: 0;}
.sns-wrap .loc-box .loc-btn:hover:after, .sns-wrap .loc-box .loc-btn:focus:after {left: -50px;right: auto;width: calc(100% + 100px);}
.sns-wrap .sns-list {display: inline-flex;gap: 0 5px;}
.sns-wrap .sns-list a {position: relative;display: inline-block;border-radius: 50%;padding: 40px 20px 0;overflow: hidden;}
.sns-wrap .sns-list .sns-youtube {background: url(/_res/kibo/main/img/ico-youtube.png) center center no-repeat;background-size: 20px;}
.sns-wrap .sns-list .sns-youtube:before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: #EB0011;z-index: -1;}
.sns-wrap .sns-list .sns-youtube:after {content: '';position: absolute;top: 0;left: -250%;display: block;width: 100%;height: 100%;background: rgba(255,255,255,.12);border-radius: 50%;transition: .4s all;z-index: 0;}
.sns-wrap .sns-list .sns-youtube:hover:after, .sns-wrap .sns-list .sns-youtube:focus:after {left: 0;}
.sns-wrap .sns-list .sns-insta {background: url(/_res/kibo/main/img/ico-insta.png) center center no-repeat;background-size: 20px;}
.sns-wrap .sns-list .sns-insta:before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: linear-gradient(135deg, #515BD4, #DD2A7B, #F58529);z-index: -1;}
.sns-wrap .sns-list .sns-insta:after {content: '';position: absolute;top: 0;left: -250%;display: block;width: 100%;height: 100%;background: rgba(255,255,255,.12);border-radius: 50%;transition: .4s all;z-index: 0;}
.sns-wrap .sns-list .sns-insta:hover:after, .sns-wrap .sns-list .sns-insta:focus:after {left: 0;}
.sns-wrap .sns-list .sns-blog {background: url(/_res/kibo/main/img/ico-blog.png) center center no-repeat;background-size: 14px;}
.sns-wrap .sns-list .sns-blog:before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: #2DB400;z-index: -1;}
.sns-wrap .sns-list .sns-blog:after {content: '';position: absolute;top: 0;left: -250%;display: block;width: 100%;height: 100%;background: rgba(255,255,255,.12);border-radius: 50%;transition: .4s all;z-index: 0;}
.sns-wrap .sns-list .sns-blog:hover:after, .sns-wrap .sns-list .sns-blog:focus:after {left: 0;}

#gallery {width: 100%;margin-top: 20px;opacity: 0;transform: translateY(100%);transition: all .6s;transition-delay: 1.4s;}
.page-on #gallery {opacity: 1;transform: translateY(0);}
.gallery-wrap {position: relative;width: 100%;}
.gallery-wrap .sub-tit {position: absolute;display: none;font-size: 15px;font-weight: 400;color: #A5A5A5;left: -57px;bottom: 83px;transform: rotate(90deg);}
.gallery-wrap .gallery-swiper {position: relative;text-align: center;}
.gallery-wrap .swiper-slide {padding: 15px 18px 20px;}
.gallery-wrap .swiper-slide .inner {position: relative;display: block;width: 100%;padding-top: 64.28571%;border-radius: 12px;background: #F5F5F5 url(/_res/kibo/main/etc/kibo-logo-gray.svg) center no-repeat;background-size: 60%;box-shadow: 0 8px 18px rgba(0,0,0,.15);transition: .3s all;overflow: hidden;}
.gallery-wrap .swiper-slide .inner .gall-con {position: absolute;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.8));transition: .4s all ease;z-index: 1;}
.gallery-wrap .swiper-slide .inner .gall-con .gall-tit {position: absolute;left: 0;bottom: 0;width: 100%;font-weight: 600;text-align: left;color: #FFF;padding: 0 12px 14px 14px;}
.gallery-wrap .swiper-slide .inner .gall-con .gall-tit .tit {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 14px;font-weight: 500;line-height: 1.3;overflow: hidden;}
.gallery-wrap .swiper-slide .inner .gall-con .more-ico {position: relative;top: 70%;left: 50%;display: block;width: 0;height: 0;transform: translate(-50%, -50%);opacity: 0;transition: .6s all ease;transition-delay: .1s;}
.gallery-wrap .swiper-slide .inner .gall-con .more-ico:before {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 2px;height: 14px;background: #FFF;transform: translate(-50%, -50%);}
.gallery-wrap .swiper-slide .inner .gall-con .more-ico:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 14px;height: 2px;background: #FFF;transform: translate(-50%, -50%);}
.gallery-wrap .swiper-slide .inner .gall-thum {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;}
.gallery-wrap .swiper-slide .inner:hover, .gallery-wrap .swiper-slide .inner:focus {border-radius: 200px;}
.gallery-wrap .swiper-slide .inner:hover .gall-con, .gallery-wrap .swiper-slide .inner:focus .gall-con {background: rgba(43,51,112,.65);}
.gallery-wrap .swiper-slide .inner:hover .gall-con .gall-tit, .gallery-wrap .swiper-slide .inner:focus .gall-con .gall-tit {width: 100%;text-align: center;left: 50%;bottom: 50%;transform: translate(-50%, 50%);padding: 0 30px;}
.gallery-wrap .swiper-slide .inner:hover .gall-con .more-ico, .gallery-wrap .swiper-slide .inner:focus .gall-con .more-ico {width: 16px;height: 16px;top: 50%;opacity: 1;}
.gallery-wrap .gallery-dots {position: relative;display: flex;justify-content: center;/*position: absolute;bottom: 0;transform: translateX(-50%);*/}
.gallery-wrap .gallery-dots .swiper-pagination-bullet {width: 9px;height: 9px;margin: 0 3px;border-radius: 50%;background: #555;padding: 0;}
.gallery-wrap .gallery-dots .swiper-pagination-bullet-active {position: relative;width: 36px;background: #CCC;border-radius: 8px;overflow: hidden;}
.gallery-wrap .gallery-dots .swiper-pagination-bullet-active .progress {position: absolute;top: 0;left: 0;display: block;width: 0;height: 100%;border-radius: 20px;background: var(--main-color01);}
/* media */
#media {position: relative;background: #FFF;overflow: hidden;}
.media-inner {position: relative;;padding: 40px 0;}
.media-inner .container {position: relative;z-index: 1;}
.media-bg {position: absolute;bottom: 0;right: -300px;width: 600px;height: 600px;z-index: 0;}
.media-bg:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;width: 100%;padding-top: 100%;border-radius: 50%;background: linear-gradient(180deg, #f5f5f5, transparent);}
.media-bg:after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;width: 300px;height: 300px;border-radius: 50%;background: #FFF;}
.media-wrap .control-btn {display: inline-flex;justify-content: center;align-items: center;gap: 0 8px;background: #FFF;box-shadow: 0 0 12px rgba(0,0,0,.15);border-radius: 20px;padding: 6px 15px;margin-top: 8px;}
.media-wrap .control-btn .swiper-pagination {position: relative;display: inline-flex;gap: 0 3px;bottom: 0;font-size: 14px;font-weight: 500;color: rgba(118,118,118,.5);}
.media-wrap .control-btn .swiper-pagination-current {font-weight: 700;color: var(--main-color01);}
.media-wrap .control-btn .swiper-pagination-total {}
.media-wrap .control-btn .control {display: flex;}
.media-wrap .control-btn .control button {width: 16px;height: 16px;}
.media-wrap .control-btn .prev-btn:before {top: 3px;left: 6px;width: 10px;height: 10px;}
.media-wrap .control-btn .next-btn:before {top: 3px;right: 6px;width: 10px;height: 10px;}
.media-wrap .control-btn {margin: 15px 0 0;}
#banner {opacity: 0;transform: translateX(-100%);transition: all .6s;transition-delay: .6s;}
.page-on #banner {opacity: 1;transform: translateX(0);}
.banner-wrap {text-align: center;margin-top: 20px;}
.banner-wrap .banner-swiper {padding: 0 0 15px;}
.banner-wrap .swiper-slide .inner {position: relative;display: block;padding-top: 66.66667%;border-radius: 12px;overflow: hidden;}
.banner-wrap .swiper-slide .inner .banner-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;}
#service {position: relative;text-align: center;opacity: 0;transform: translateX(100%);transition: all .6s;transition-delay: 1.2s;}
.page-on #service {opacity: 1;transform: translateX(0);}
.service-wrap {width: calc(((100vw - 100%) / 2 + 100%) + 70px);text-align: center;margin-top: 20px;}
.service-wrap .service-swiper {padding:  0 0 55px;}
.service-wrap .swiper-slide .inner {position: relative;display: block;padding-top: 138.888888%;border-radius: 12px;overflow: hidden;}
.service-wrap .swiper-slide .inner .service-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;}
.service-wrap .swiper-slide .inner .service-con {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .7);}
.service-wrap .swiper-slide .inner .service-con .service-tit {position: absolute;width: 100%;left: 50%;bottom: 10%;transform: translateX(-50%);text-align: center;opacity: 0;transition: all .5s;}
.service-wrap .swiper-slide .inner .service-con .service-tit .tit {font-size: 15px;color: #FFF;}
.service-wrap .swiper-slide .inner .service-con .service-tit .sub-tit {font-size: 14px;line-height: 1.2;color: rgba(255,255,255,.7);}
.service-wrap .swiper-slide-active .inner .service-con .service-tit {opacity: 1;}
.service-wrap .swiper-slide-active .inner .service-con .service-tit .tit {font-size: 18px;}
.service-wrap .swiper-slide .inner {border-radius: 12px;box-shadow: none;transition: .3s all;}
.service-wrap .swiper-slide-active .inner {border-radius: 200px;box-shadow: 0 0 20px -5px rgba(0,0,0,.5);}
.service-wrap .swiper-slide-active .inner .service-con {background: rgba(43,51,112,.65);}
.service-wrap .swiper-slide-active .inner .service-con .service-tit {bottom: 55%;}
.service-wrap .swiper-slide-active+.swiper-slide:hover .inner, .service-wrap .swiper-slide-active+.swiper-slide:focus .inner {border-radius: 200px;box-shadow: 0 0 20px -5px rgba(0,0,0,.5);}
.service-wrap .swiper-slide-active+.swiper-slide:hover .inner .service-con, .service-wrap .swiper-slide-active+.swiper-slide:focus .inner .service-con {background: rgba(43,51,112,.65);}
.service-wrap .swiper-slide-active+.swiper-slide:hover .inner .service-con .service-tit,
.service-wrap .swiper-slide-active+.swiper-slide:focus .inner .service-con .service-tit {bottom: 55%;}
.service-wrap .control-btn {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 1;}
/* report */
#report {position: relative;background: #FFF;padding: 50px 0;overflow: hidden;}
.report-wrap .report-swiper {overflow: visible;margin-top: 20px;transform: translateY(100%);opacity: 0;transition: 0.8s all ease-in-out;transition-delay: .5s;}
.page-on .report-wrap .report-swiper {transform: translateY(0);opacity: 1;}
.report-wrap .report-swiper .swiper-wrapper {align-items: flex-start;}
.report-wrap .swiper-slide {display: flex;justify-content: center;align-items: center;transition: .3s all ease-in-out;}
.report-wrap .swiper-slide.swiper-slide-prev {justify-content: flex-start;}
.report-wrap .swiper-slide.swiper-slide-next {justify-content: flex-end;}
.report-wrap .swiper-slide .inner {flex: 0 0 70%;max-width: 70%;}
.report-wrap .swiper-slide.swiper-slide-active .inner {flex: 0 0 70%;max-width: 70%;}
.report-wrap .swiper-slide .inner .report-thum {position: relative;display: block;width: 100%;padding-top: 125%;border-radius: 8px;background: #F5F5F5 url(/_res/kibo/main/etc/kibo-logo-gray.svg) center no-repeat;background-size: 80%;overflow: hidden;}
.report-wrap .swiper-slide .inner .report-thum:before {content: '';position: absolute;display: block;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border-radius: 8px;border: 1px solid #DDD;z-index: 1;}
.report-wrap .swiper-slide.swiper-slide-active .inner .report-thum {box-shadow: 0 15px 20px rgba(0,0,0,.2);}
.report-wrap .swiper-slide.swiper-slide-active .inner:hover .report-thum:before, .report-wrap .swiper-slide.swiper-slide-active .inner:focus .report-thum:before {border-color: transparent;}
.report-wrap .swiper-slide .inner .report-thum .report-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.report-wrap .swiper-slide .inner .report-thum .report-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;clip-path: circle(0% at center);border-radius: 50%;background: linear-gradient(180deg, rgba(43,51,112,0), rgba(43,51,112,1));transition: .3s all;}
.report-wrap .swiper-slide .inner .report-thum .report-bg .more-ico {position: absolute;top: 70%;left: 50%;display: block;width: 0;height: 0;transform: translate(-50%, -50%);opacity: 0;transition: .3s all ease;}
.report-wrap .swiper-slide .inner .report-thum .report-bg .more-ico:before {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 2px;height: 18px;background: #FFF;transform: translate(-50%, -50%);}
.report-wrap .swiper-slide .inner .report-thum .report-bg .more-ico:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 18px;height: 2px;background: #FFF;transform: translate(-50%, -50%);}
.report-wrap .swiper-slide .inner .report-tit {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;width: 100%;font-size: 18px;text-align: center;line-height: 1.3;color: #333;margin-top: 15px;padding: 0 5px;}
.report-wrap .swiper-slide.swiper-slide-active .inner .report-tit {color: #191919;min-height: 42px;}
.report-wrap .swiper-slide .inner:hover .report-thum .report-bg, .report-wrap .swiper-slide .inner:focus .report-thum .report-bg {width: 100%;height: 100%;top: 0;border-radius: 0;clip-path: circle(100% at center);}
.report-wrap .swiper-slide .inner:hover .report-thum:before, .report-wrap .swiper-slide .inner:focus .report-thum:before {border: 1px solid transparent;}
.report-wrap .swiper-slide .inner:hover .report-tit, .report-wrap .swiper-slide .inner:focus .report-tit {color: var(--main-color01);}
.report-wrap .swiper-slide.swiper-slide-active .inner:hover .report-tit, .report-wrap .swiper-slide.swiper-slide-active .inner:focus .report-tit {color: var(--main-color01);}
.report-wrap .swiper-slide .inner:hover .report-thum .report-bg .more-ico, .report-wrap .swiper-slide .inner:focus .report-thum .report-bg .more-ico {width: 18px;height: 18px;top: 50%;opacity: 1;}
.report-wrap .control-btn {position: relative;display: flex;gap: 0 5px;align-items: center;justify-content: center;margin-top: 25px;}
.report-wrap .control-btn .prev-btn, .report-wrap .control-btn .next-btn {display: inline-block;width: 36px;height: 36px;background: #F5F5F5;border-radius: 50%;transition: .3s all;}
.report-wrap .control-btn .prev-btn:hover, .report-wrap .control-btn .next-btn:hover,
.report-wrap .control-btn .prev-btn:focus, .report-wrap .control-btn .next-btn:focus {background: var(--main-color01);}
.report-wrap .control-btn .prev-btn:before {top: calc(50% - 4px);left: calc(50% - 2px);}
.report-wrap .control-btn .next-btn:before {top: calc(50% - 4px);right: calc(50% - 2px);}
.report-wrap .control-btn .prev-btn:hover:before, .report-wrap .control-btn .next-btn:hover:before,
.report-wrap .control-btn .prev-btn:focus:before, .report-wrap .control-btn .next-btn:focus:before {border-color: #FFF;}
.report-wrap .control-btn .more-link {position: relative;display: inline-block;width: 36px;height: 36px;border-radius: 50%;background: var(--main-color01);transition: .3s all;}
.report-wrap .control-btn .more-link:before {content: '';position: absolute;top: 50%;left: 50%;width: 2px;height: 12px;background: #FFF;transform: translate(-50%, -50%);}
.report-wrap .control-btn .more-link:after {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 2px;background: #FFF;transform: translate(-50%, -50%);}
.report-wrap .control-btn .more-link:hover, .report-wrap .control-btn .more-link:focus {background: var(--main-color01-hover);transform: rotate(90deg);}
.report-wrap .control-btn .more-link:hover:before, .report-wrap .control-btn .more-link:hover:after,
.report-wrap .control-btn .more-link:focus:before, .report-wrap .control-btn .more-link:focus:after {background: #FFF;}

@media (min-width: 480px) {
    .notice-wrap .notice-tab [role=tablist] a {font-size: 16px;}
    .notice-wrap .notice-tab [role=tablist] a[aria-selected=true] {font-size: 18px;}
    .notice-wrap .notice-list .title {padding: 6px 0 8px 5px}
    .notice-wrap .notice-list .title .board-title {font-size: 16px;}
    .gallery-wrap .sub-tit {display: block;right: -54px;left: auto;bottom: 100px;}
    .gallery-wrap .gallery-swiper {margin-left: -20px;}
    .gallery-wrap .swiper-wrapper {padding: 0 0 20px;}
    .gallery-wrap .swiper-slide {padding: 0 30px 0 20px;}
    .gallery-wrap .swiper-slide .inner {border-radius: 15px;}
    .gallery-wrap .swiper-slide .inner .gall-con .gall-tit {padding: 0 20px 18px 20px;}
    .gallery-wrap .swiper-slide .inner .gall-con .gall-tit .tit {font-size: 16px;line-height: 1.4;}
    .gallery-wrap .swiper-slide .inner .gall-con .more-ico:before {width: 2px;height: 18px;}
    .gallery-wrap .swiper-slide .inner .gall-con .more-ico:after {width: 18px;height: 2px;}
    .gallery-wrap .swiper-slide .inner:hover .gall-con .more-ico, .gallery-wrap .swiper-slide .inner:focus .gall-con .more-ico {width: 18px;height: 18px;margin-bottom: 8px;}
    .banner-wrap .banner-swiper {margin: 0 50px 0;}
    .service-wrap .swiper-slide-next .inner .service-con {background: transparent;}
    .service-wrap .swiper-slide-next .inner .service-con .service-tit {opacity: 1;}
    .report-wrap .report-swiper {margin-top: 25px;}
    .report-wrap .report-swiper .swiper-wrapper {align-items: center;}
    .report-wrap .swiper-slide .inner {flex: 0 0 80%;max-width: 80%;}
    .report-wrap .swiper-slide.swiper-slide-active .inner {flex: 0 0 120%;max-width: 120%;}
    .report-wrap .swiper-slide .inner .report-thum {transition: transform .3s ease;}
    .report-wrap .swiper-slide .inner .report-thum:before {border: 2px solid #EEE}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-thum {box-shadow: 0 15px 20px rgba(0,0,0,.2);}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-thum:before {border: 2px solid #DDD;}
    .report-wrap .swiper-slide .inner .report-tit {font-size: 14px;font-weight: 500;margin-top: 8px;}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-tit {font-size: 16px;font-weight: 700;margin-top: 18px;}
    .report-wrap .control-btn {margin-top: 30px;}
}
@media (min-width: 768px) {
    .m-tit01 .deco {font-size: 32px;}
    .notice-wrap .notice-tab [role=tablist] {border-top: 0;}
    .notice-wrap .notice-tab [role=tablist] a {padding: 4px 8px 3px 8px;}
    .notice-wrap .notice-tab [role=tablist] a:first-child {padding: 4px 8px 3px 0;}
    .notice-wrap .notice-tab [role=tablist] a[aria-selected=true] {font-size: 20px;}
    .notice-wrap .notice-tab [role=tablist] a:after {bottom: 15px;}
    .notice-wrap .notice-tab [role=tablist] a[aria-selected=true]:after {bottom: 18px;}
    .notice-wrap .notice-tab [role=tablist] [role="tab"]:not(:last-child):not(:nth-child(5n))[aria-selected="true"]::after {display: block;}
    .notice-wrap .notice-list .title {padding: 10px 0 11px 8px;}
    .notice-wrap .notice-list .title .board-title {font-weight: 600;}
    .notice-wrap .notice-list .title .board-title:before {top: 10px;}
    .sns-wrap .loc-box .loc-btn {font-size: 16px;font-weight: 500;min-height: 48px;}
    .sns-wrap .loc-box .loc-btn .arr {padding: 10px 30px 10px 20px;}
    .sns-wrap .loc-box .loc-btn .arr:before {width: 20px;height: 22px;right: 20px;background-size: 20px;}
    .sns-wrap .sns-list a {padding: 48px 24px 0;}
    .gallery-wrap .sub-tit {font-size: 16px;right: -50px;bottom: 110px;}
    .gallery-wrap .gallery-swiper {margin-left: -25px;}
    .gallery-wrap .swiper-slide {padding: 0 45px 0 25px;}
    .gallery-wrap .swiper-slide .inner .gall-con .gall-tit {padding: 0 30px 28px 30px;}
    .gallery-wrap .swiper-slide .inner .gall-con .gall-tit .tit {font-size: 18px;}
    .banner-wrap .banner-swiper {margin: 0;}
    .service-wrap .swiper-slide .inner .service-con .service-tit {bottom: 40px;}
    .service-wrap .swiper-slide .inner {border-radius: 15px;}
    .service-wrap .swiper-slide-active .inner {border-radius: 150px;}
    .service-wrap .swiper-slide-active .inner .service-con .service-tit {bottom: 56%;}
    .service-wrap .swiper-slide .inner .service-con .service-tit .tit {font-size: 20px;}
    .service-wrap .swiper-slide .inner .service-con .service-tit .sub-tit {font-size: 15px;}
    .service-wrap .swiper-slide-next .inner .service-con {background: transparent;}
    .service-wrap .swiper-slide-active .inner .service-con .service-tit .tit {font-size: 22px;}
    .service-wrap .swiper-slide-active .inner .service-con .service-tit .sub-tit {font-size: 17px;}
    .report-wrap .swiper-slide .inner .report-tit {font-size: 15px;min-height: 40px;margin-top: 10px;}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-tit {font-size: 18px;min-height: 50px;margin-top: 18px;padding: 0 5px;}
}
@media (min-width: 992px) {
    /* .container {padding: 0;} */
    .m-tit01 .deco {font-size: 40px;}
    .non-info {font-size: 18px;font-weight: 600;padding-top: 80px;}
    .non-info:before {width: 70px;height: 70px;background-size: 28px;}
    .no-list > li {padding: 60px 0;}
    #visual {height: 1px;}
    .visual-wrap:before {display: none;}
    .visual-wrap .swiper-slide .inner {padding-top: 100dvh;}
    .visual-wrap .swiper-slide .txt-wrap {padding: 100px 0 150px;}
    .visual-wrap .swiper-slide .txt-wrap .slogan {font-size: 20px;margin-bottom: 8px;}
    .visual-wrap .swiper-slide .txt-wrap .visual-tit {font-size: 52px;}
    .visual-wrap .swiper-slide .txt-wrap .visual-txt {font-size: 20px;line-height: 1.4;margin-top: 22px;}
    .visual-wrap .control-btn {bottom: 22%;gap: 0 30px;}
    .visual-wrap .control-btn .control {gap: 0 28px;margin-top: -3px;}
    .visual-wrap .control-btn .visual-fraction {font-size: 18px;}
    .visual-wrap .control-btn .visual-fraction .swiper-pagination-current {padding-top: 0;}
    .visual-wrap .control-btn .visual-fraction .swiper-pagination-total {padding-top: 0;}
    .visual-wrap .control-btn .prev-btn, .visual-wrap .control-btn .next-btn {height: 40px;}
    .visual-wrap .control-btn .visual-timer {width: 42px;height: 42px;}
    #mission {padding: 70px 0;margin-top: 100dvh;}
    .mission-tit {font-size: 28px;}
    .mission-tit:after {bottom: -32px;width: 32px;height: 32px;background-size: 32px;}
    #news {}
    #news .news-inner {padding: 70px 0;}
    .news-wrap {gap: 3%;align-items: center;margin-top: 30px;}
    #notice {flex: 1 0 47%;max-width: 47%;}
    #gallery {flex: 1 0 50%;max-width: 50%;}
    .notice-wrap {margin-top: 0;}
    .notice-wrap .notice-tab [role=tablist] a {font-size: 20px;padding: 4px 12px 3px 12px;}
    .notice-wrap .notice-tab [role=tablist] a[aria-selected=true] {font-size: 24px;}
    .notice-wrap .notice-tab [role=tablist] a:first-child {padding: 4px 12px 3px 0;}
    .notice-wrap .notice-tab [role=tablist] a:after {width: 6px;height: 6px;bottom: 19px;}
    .notice-wrap .notice-list .title {gap: 0 100px;}
    .notice-wrap .notice-list .title .board-title {font-size: 18px;}
    .notice-wrap .notice-list .title .board-title:before {top: 12px;}
    .notice-wrap .notice-list .title .board-date {margin-top: -3px;}
    .notice-wrap .notice-list .title .board-date .day {font-size: 24px;}
    .notice-wrap .notice-list .title .board-date .month {font-size: 15px;}
    .notice-wrap .notice-tab .more-link {width: 44px;height: 44px;}
    .sns-wrap {margin-top: 20px;}
    .gallery-wrap {margin-top: 0;}
    .gallery-wrap .sub-tit {display: none;}
    .gallery-wrap .gallery-swiper {margin-left: 0;}
    .gallery-wrap .swiper-wrapper {padding: 0 0 25px;}
    .gallery-wrap .swiper-slide {padding: 0;}
    .gallery-wrap .swiper-slide .inner {border-radius: 18px;box-shadow: none;}
    .gallery-wrap .gallery-dots .swiper-pagination-bullet {width: 10px;height: 10px;}
    .gallery-wrap .gallery-dots .swiper-pagination-bullet-active {width: 40px;}
    #media .media-inner {padding: 70px 0;}
    .media-bg {width: 700px;height: 700px;bottom: -150px;}
    .media-bg:after {width: 450px;height: 450px;}
    .media-wrap {display: flex;flex-wrap: wrap;gap: 0 4%;margin-top: 50px;}
    .media-wrap .control-btn {margin-top: 25px;}
    .media-wrap .control-btn .swiper-pagination {font-size: 16px;align-items: center;gap: 0 4px;}
    .media-wrap .control-btn .swiper-pagination-current {font-size: 18px;margin-right: 4px;}
    #banner {flex: 0 0 40%;max-width: 40%;}
    .banner-wrap {margin-top: 0;}
    .banner-wrap .banner-swiper {padding: 20px 0;}
    #service {flex: 0 0 56%;max-width: 56%;}
    .service-wrap {margin-top: 0;width: calc(100% + 80px);}
    .service-wrap .service-swiper {padding: 20px 6px 25px 17px;}
    .service-wrap .swiper-slide .inner .service-con .service-tit .tit {font-size: 18px;}
    .service-wrap .swiper-slide-active .inner .service-con .service-tit .tit {font-size: 20px;}
    .service-wrap .control-btn {bottom: auto;margin-top: 5px;}
    #report {padding: 70px 0;}
    .report-wrap .report-box {padding: 0 40px;}
    .report-wrap .report-swiper {overflow: hidden;margin-top: 30px;}
    .report-wrap .swiper-slide .inner .report-thum .report-bg .more-ico:before {width: 2px;height: 22px;}
    .report-wrap .swiper-slide .inner .report-thum .report-bg .more-ico:after {width: 22px;height: 2px;}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-thum .report-bg .more-ico:before {width: 4px;height: 28px;}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-thum .report-bg .more-ico:after {width: 28px;height: 4px;}
    .report-wrap .swiper-slide .inner:hover .report-thum .report-bg .more-ico, .report-wrap .swiper-slide .inner:focus .report-thum .report-bg .more-ico {width: 32px;height: 32px;}
    .report-wrap .control-btn {margin-top: 35px;}
    .report-wrap .control-btn .more-link {width: 44px;height: 44px;}
    .report-wrap .control-btn .prev-btn, .report-wrap .control-btn .next-btn {width: 44px;height: 44px;}
}
@media (min-width: 1200px) {
    .scroll-nav {display: block;bottom: 5%;transform: translateY(0);}
    .m-tit01 .deco {font-size: 44px;}
    .visual-wrap .swiper-slide .txt-wrap .slogan {font-size: 20px;}
    .visual-wrap .swiper-slide .txt-wrap .visual-tit {font-size: 72px;}
    .visual-wrap .swiper-slide .txt-wrap .visual-txt {font-size: 22px;margin-top: 32px;}
    #mission {padding: 80px 0;}
    .mission-tit {font-size: 40px;line-height: 1.4;padding: 0 0 120px;}
    .mission-tit:before {bottom: 0;height: 30px;}
    .mission-tit:after {bottom: -50px;width: 50px;height: 50px;background-size: 50px;}
    .page-on .mission-tit:before {bottom: 70px;}
    #news .news-inner {padding: 90px 0;}
    .news-wrap {gap: 4%;}
    .notice-wrap .notice-list .title {padding:  12px 0 12px 10px;}
    .sns-wrap .loc-box .loc-btn {font-size: 18px;font-weight: 600;min-height: 60px;}
    .sns-wrap .loc-box .loc-btn .arr {padding: 7px 30px 6.5px 25px;}
    .sns-wrap .loc-box .loc-btn .arr:before {width: 26px;height: 28px;right: 20px;background-size: 26px;}
    .sns-wrap .sns-list {gap: 0 8px;}
    .sns-wrap .sns-list a {padding: 60px 30px 0;}
    .sns-wrap .sns-list .sns-youtube, .sns-wrap .sns-list .sns-insta {background-size: 24px;}
    .sns-wrap .sns-list .sns-blog {background-size: 18px;}
    #gallery {flex: 1 0 49%;max-width: 49%;margin-top: 0}
    .gallery-wrap {padding: 0;}
    .gallery-wrap .sub-tit {display: block;right: -55px;bottom: 140px;}
    .gallery-wrap .swiper-wrapper {padding: 0 0 30px;}
    .gallery-wrap .swiper-slide {padding: 20px 40px 0 10px;}
    .gallery-wrap .swiper-slide.swiper-slide-active .inner {box-shadow: 10px 20px 40px rgba(0,0,0,.12);}
    #media .media-inner {padding: 90px 0;}
    .media-wrap .control-btn {gap: 0 15px;border-radius: 50px;padding: 8px 20px;}
    #banner {flex: 0 480px;max-width: 480px;}
    .banner-wrap {margin-top: 0;}
    .banner-wrap .swiper-slide .inner {border-radius: 30px;}
    #service {flex: 0 0 52%;max-width: 52%;}
    .service-wrap {width: calc(100% + (calc((100vw - 181.8%) / 2) + 60px));margin-right: calc(((-100vw + 181.8%) / 2) - 60px);overflow: hidden;margin-top: 0;}
    .service-wrap .swiper-slide {margin: 0;}
    .report-wrap .report-box {padding: 0 50px;}
}
@media (min-width: 1500px) {
    .container {max-width: 1430px;}
    .m-tit01 .deco {font-size: 52px;}
    .control-btn .prev-btn:before {width: 12px;height: 12px;}
    .control-btn .next-btn:before {width: 12px;height: 12px;}
    .non-info {font-size: 20px;padding-top: 95px;}
    .non-info:before {width: 80px;height: 80px;background-size: 32px;}
    .visual-wrap .swiper-slide .txt-wrap .slogan {font-size: 22px;}
    .visual-wrap .swiper-slide .txt-wrap .visual-tit {font-size: 80px;}
    .visual-wrap .swiper-slide .txt-wrap .visual-txt {font-size: 30px;line-height: 1.4;margin-top: 35px;}
    #mission {padding: 150px 0;}
    #news .news-inner {padding: 160px 0 170px;}
    .news-wrap {gap: 0 60px;margin-top: 40px;}
    #notice {flex: 1 0 calc(100% - 780px);}
    .notice-wrap .notice-tab [role=tablist] {padding: 0 0 10px 0;}
    .notice-wrap .notice-tab [role=tablist] a {font-size: 24px;padding: 4px 15px 3px 15px;}
    .notice-wrap .notice-tab [role=tablist] a:first-child {padding: 4px 15px 3px 0;}
    .notice-wrap .notice-tab [role=tablist] a[aria-selected=true] {font-size: 28px;}
    .notice-wrap .notice-tab [role=tablist] a:after {bottom: 24px;}
    .notice-wrap .notice-tab .more-link {width: 54px;height: 54px;}
    .notice-wrap .notice-tab .more-link:before {width: 2px;height: 16px;}
    .notice-wrap .notice-tab .more-link:after {width: 16px;height: 2px;}
    .notice-wrap .notice-list .title {padding: 15px 0 14px 10px;}
    .notice-wrap .notice-list .title .board-title {font-size: 20px;}
    .notice-wrap .notice-list .title .board-title:before {top: 12px;width: 7px;height: 7px;}
    .notice-wrap .notice-list .title .board-date {margin-top: 0;}
    .notice-wrap .notice-list .title .board-date .day {font-size: 26px;}
    .notice-wrap .notice-list .title .board-date .month {font-size: 16px;margin-top: 2px;}
    .sns-wrap .sns-list {gap: 0 8px;}
    #gallery {flex: 1 0 720px;max-width: 720px;}
    .gallery-wrap .swiper-slide .inner {border-radius: 25px;}
    .gallery-wrap .swiper-slide .inner .gall-con .gall-tit .tit {font-size: 20px;}
    .gallery-wrap .swiper-slide .inner .gall-con .more-ico:before {width: 3px;height: 21px;}
    .gallery-wrap .swiper-slide .inner .gall-con .more-ico:after {width: 21px;height: 3px;}
    .gallery-wrap .swiper-slide .inner:hover, .gallery-wrap .swiper-slide .inner:focus {border-radius: 300px;}
    .gallery-wrap .gallery-dots .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 5px;}
    .gallery-wrap .gallery-dots .swiper-pagination-bullet-active {width: 50px;height: 12px;}
    #media .media-inner {padding: 140px 0 100px;}
    .media-bg {width: 1600px;height: 1600px;bottom: -640px;right: -720px;}
    .media-bg:before {background: linear-gradient(180deg, #F5F5F5 0, transparent 30%);}
    .media-bg:after {width: 1100px;height: 1100px;}
    .media-wrap {gap: 0 60px;}
    .media-wrap .control-btn {width: 194px;gap: 0 20px;border-radius: 50px;padding: 9px 28px 10px;margin-top: 30px;}
    .media-wrap .control-btn .control {gap: 0 5px;}
    .media-wrap .control-btn .prev-btn:before {width: 12px;height: 12px;top: 2px;}
    .media-wrap .control-btn .next-btn:before {width: 12px;height: 12px;top: 2px;}
    .media-wrap  .control button.play-pause.stop:before {height: 16px;}
    #banner {flex: 0 0 520px;max-width: 520px;}
    #service {flex: 0 0 calc(100% - 580px);max-width: calc(100% - 580px);}
    .service-wrap {width: calc(100% + 262px);}
    .service-wrap .swiper-slide .inner {border-radius: 30px;}
    .service-wrap .swiper-slide-active .inner {border-radius: 250px;}
    .service-wrap .swiper-slide .inner .service-con .service-tit .tit {font-size: 20px;}
    .service-wrap .swiper-slide .inner .service-con .service-tit .sub-tit {font-size: 16px;margin-top: 2px;}
    .service-wrap .swiper-slide-active .inner .service-con .service-tit {bottom: 60%;}
    .service-wrap .swiper-slide-active .inner .service-con .service-tit .tit {font-size: 24px;}
    .service-wrap .swiper-slide-next+.swiper-slide .inner .service-con {background: transparent;}
    .service-wrap .swiper-slide-next+.swiper-slide .inner .service-con .service-tit {opacity: 1;}
    .service-wrap .swiper-slide-next+.swiper-slide:hover .inner, .service-wrap .swiper-slide-next+.swiper-slide:focus .inner {border-radius: 200px;box-shadow: 0 0 20px -5px rgba(0,0,0,.5);}
    .service-wrap .swiper-slide-next+.swiper-slide:hover .inner .service-con,
    .service-wrap .swiper-slide-next+.swiper-slide:focus .inner .service-con {background: rgba(43,51,112,.65);}
    .service-wrap .swiper-slide-next+.swiper-slide:hover .inner .service-con .service-tit,
    .service-wrap .swiper-slide-next+.swiper-slide:hover .inner .service-con .service-tit {bottom: 55%;}
    .service-wrap .control-btn {margin-top: 5px;}
    #report {padding: 140px 0;}
    .report-wrap .report-box {padding: 0;}
    .report-wrap .report-swiper {padding: 20px 0 0;}
    .report-wrap .report-swiper .swiper-wrapper {align-items: flex-end;}
    .report-wrap .swiper-slide {transform: translateY(-60px);}
    .report-wrap .swiper-slide.swiper-slide-active {transform: translateY(0);}
    .report-wrap .swiper-slide .inner .report-tit {font-size: 18px;font-weight: 600;min-height: 48px;margin-top: 15px;}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-tit {font-size: 24px;min-height: 65px;padding-top: 0;margin-top: 28px;}
    .report-wrap .swiper-slide .inner .report-thum {border-radius: 12px;}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-thum {box-shadow: 5px 12px 30px rgba(0,0,0,.12)}
    .report-wrap .swiper-slide .inner .report-thum:before {border-radius: 12px;}
    .report-wrap .swiper-slide .inner .report-thum .report-bg .more-ico:before {width: 3px;height: 25px;}
    .report-wrap .swiper-slide .inner .report-thum .report-bg .more-ico:after {width: 25px;height: 3px;}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-thum .report-bg .more-ico:before {width: 4px;height: 36px;}
    .report-wrap .swiper-slide.swiper-slide-active .inner .report-thum .report-bg .more-ico:after {width: 36px;height: 4px;}
    .report-wrap .swiper-slide .inner:hover .report-thum .report-bg .more-ico, .report-wrap .swiper-slide .inner:focus .report-thum .report-bg .more-ico {width: 36px;height: 36px;}
    .report-wrap .control-btn {gap: 0 8px;margin-top: 45px;}
    .report-wrap .control-btn .prev-btn:before {top: calc(50% - 6px);left: calc(50% - 3px);}
    .report-wrap .control-btn .next-btn:before {top: calc(50% - 6px);right: calc(50% - 3px);}
    .report-wrap .control-btn .more-link {width: 54px;height: 54px;}
    .report-wrap .control-btn .more-link:before {width: 2px;height: 16px;}
    .report-wrap .control-btn .more-link:after {width: 16px;height: 2px;}
    .report-wrap .control-btn .prev-btn, .report-wrap .control-btn .next-btn {width: 54px;height: 54px;}
}
@media (min-width: 1700px) {
    .container {max-width: 1630px;}
    .m-tit01 .deco {font-size: 58px;}
    .m-tit01:before {bottom: 28px;height: 24px;}
    .m-tit01:after {width: 13px;height: 13px;}
    .news-wrap {margin-top: 70px;}
    #notice {flex: 1 0 calc(100% - 830px);max-width: calc(100% - 830px);}
    .notice-wrap .notice-list .title .board-title {font-size: 22px;}
    .notice-wrap .notice-list .title .board-title:before {top: 14px;width: 8px;height: 8px;}
    .notice-wrap .notice-list .title:hover .board-title, .notice-wrap .notice-list .title:focus .board-title {padding-left: 18px;}
    .sns-wrap {margin-top: 40px;}
    .sns-wrap .loc-box .loc-btn {font-size: 22px;min-height: 70px;}
    .sns-wrap .loc-box .loc-btn .arr {padding: 16px 70px 15px 40px;}
    .sns-wrap .loc-box .loc-btn .arr:before {width: 30px;height: 32px;right: 32px;background-size: 30px;}
    .sns-wrap .sns-list a {padding: 70px 35px 0;}
    .sns-wrap .sns-list .sns-youtube, .sns-wrap .sns-list .sns-insta {background-size: 26px;}
    .sns-wrap .sns-list .sns-blog {background-size: 20px;}
    #gallery {flex: 1 0 770px;max-width: 770px;}
    .gallery-wrap .sub-tit {font-size: 17px;right: -60px;bottom: 145px;}
    .gallery-wrap .swiper-wrapper {padding: 0 0 32px 20px;}
    .gallery-wrap .swiper-slide {padding: 0 60px 0 10px;}
    .gallery-wrap .swiper-slide .inner {border-radius: 30px;}
    .gallery-wrap .swiper-slide .inner .gall-con .gall-tit {padding: 0 40px 36px 40px;}
    .gallery-wrap .swiper-slide .inner .gall-con .gall-tit .tit {font-size: 22px;}
    .gallery-wrap .swiper-slide .inner:hover .gall-con .more-ico, .gallery-wrap .swiper-slide .inner:focus .gall-con .more-ico {width: 30px;height: 30px;}
    .gallery-wrap .swiper-slide .inner .gall-con .more-ico:before {width: 4px;height: 30px;}
    .gallery-wrap .swiper-slide .inner .gall-con .more-ico:after {width: 30px;height: 4px;}
    .gallery-wrap .gallery-dots .swiper-pagination-bullet-active {width: 56px;}
    #media .media-inner {padding: 160px 0 150px;}
    .media-wrap {gap: 0 60px;margin-top: 90px;}
    .media-wrap .control-btn {margin: 30px 0 0;}
    #banner {flex: 0 0 600px;max-width: 600px;}
    #service {flex: 0 0 calc(100% - 660px);max-width: calc(100% - 660px);}
    .service-wrap {width: calc(100% + 316px);}
    .service-wrap .service-swiper {padding: 20px 0 25px 20px;}
    .service-wrap .swiper-slide-active .inner {box-shadow: 10px 10px 21px 0 rgba(0,0,0,.2);}
    .service-wrap .swiper-slide .inner .service-con .service-tit .tit {font-size: 26px;}
    .service-wrap .swiper-slide-active .inner .service-con .service-tit .tit {font-size: 26px;}
    .service-wrap .control-btn {margin-top: 5px;}
    .report-wrap .report-box {padding: 0 40px;}
    .report-wrap .swiper-slide .inner {flex: 0 0 240px;max-width: 240px;}
    .report-wrap .swiper-slide.swiper-slide-active .inner {flex: 0 0 360px;max-width: 360px;}
}
@media (min-width: 2560px) {
    .cont-main .container {max-width: 1830px;}
    .news-wrap {gap: 0 4%;}
    #notice {flex: 1 0 48%;max-width: 48%;}
    #gallery {flex: 1 0 48%;max-width: 48%;}
    #banner {flex: 0 0 650px;max-width: 650px;}
    #service {flex: 0 0 calc(100% - 710px);max-width: calc(100% - 710px);}
}
/***************************************************** 
    Sub
*****************************************************/
@keyframes animate_background {
	0% {margin-top:0}
	50%  {margin-top:-20px}
	100% {margin-top:0}
}
.sub-visual {height: 200px;}
.sub-visual .sv-inner .sv-img {width: 100%;height: 100%;transform: translate(-50%, -50%) scale(1.1)}
.sub-visual .sv-inner .sv-img.on {transform: translate(-50%, -50%) scale(1.1);animation:animate_background 2s linear;} 
.sub-visual + .main-container > .row > [class|="col"]:first-child {top: -3rem;}
.sub-visual + .main-container > .row #main-section {margin-top: -3rem;}
#side > header {height: 3rem;border-bottom: 0;}
.sub-visual .sv-footer-box {max-width: 100%;background: rgba(255,255,255,1);}
#main-section {padding: 0;}
.side-contact {border: none;background: #F7F7F7;}
.side-contact-time, .side-contact-desc {font-size: 1rem;font-weight: 400;color: #555;line-height: 1.4;}
.breadcrumb > ol > li::after {height: 20px;background-color: #DDD;}
.zoom-box .zoom-in::before, .zoom-box .zoom-out::before {background-color: #333}
.zoom-box .zoom-in::after {background-color: #333;}
.zoom-box .curr-zoom {color: #191919;}
@media (min-width: 992px) {
    .sub-visual {height: 250px;margin-bottom: 0;}
    .sub-visual .sv-inner .sv-img {height: 100%;transform: translate(-50%, -50%) scale(1.15)}
    .sub-visual .sv-inner .sv-img.on {transform: translate(-50%, -50%) scale(1.15)}
    .sub-visual + .main-container > .row #main-section {padding-top: 0;margin-top: 50px;}
    .main-container > .row > [class|="col"]:first-child {top: -120px;}
    #side > header {height: 100px;border-radius: 20px 20px 0 0;background-color: rgba(43,51,112,.95);}
    #side > header .sec-title button {font-weight: 700;letter-spacing: -.9px;text-shadow: none;}
    #side .side-menu {border: 1px solid #DDD;border-radius: 0 0 20px 20px;padding: 5px 8px 8px;margin: 0 0 25px;}
    #side .side-menu-list {border-top: 1px solid #EEE;padding: 16px 8px;margin-top: -1px;}
    #side .side-menu-list > li {margin-bottom: 9px;}
    #side .side-menu-list > li [role="menuitem"] {color: #191919;padding-left: 12px;}
    #side .side-menu-list > li [role="menuitem"].active {font-weight: 600;color: #191919;}
    #side .side-menu-list > li [role="menuitem"].active:before {background: #2E6DF4;}
    #side .side-menu-list > li [role="menuitem"]::before {top: 7px;width: 4px;height: 4px;background: #888;}
    #side .side-menu.accordion > * {border-left: 0;border-right: 0;border-bottom: 1px solid #EEE;}
    #side .side-menu.accordion > *:last-of-type {border-bottom: 0;}
    .acc-title {padding-right: .5em;}
    [aria-haspopup="true"] .acc-icon {right: .75em;}
    .acc-trigger {padding: 10px 0;}
    .acc-trigger[aria-expanded="true"] {background-color: transparent;font-weight: 700;color: #2B3370;border-bottom: 1px solid #2B3370;}
    .acc-trigger[aria-expanded="true"][aria-haspopup="true"] .acc-icon {border-color: #1A1F60;}
    .acc-panel {background: transparent;background-color: transparent;}
    .sub-visual + .main-container > .row > [class|="col"]:first-child {top: -100px;}
    .sub-visual .sv-footer-box {display: flex;justify-content: flex-end;max-width: 960px;bottom: -28px;left: 50%;background: transparent;margin: auto;transform: translateX(-50%);}
    .sv-footer-layout > .ly-item:first-child {left: 0;}
    .sub-visual .sv-footer-box .container {flex: 0 0 75%;max-width: 75%;background: rgba(255,255,255,1);border-radius: 30px;margin-right: 0;}
    .sub-visual .sv-footer-box .container > .row > [class|="col"] {padding: 0 10px;}
    .breadcrumb .dropdown-toggle {color: #686868;}
    .breadcrumb > ol > li:first-child {padding-right: 5px;}
    .breadcrumb > ol > li:nth-child(5) .dropdown-toggle, .breadcrumb > ol > li:nth-child(5) .dropdown-toggle::after, .breadcrumb > ol > li:last-child .dropdown-toggle, .breadcrumb > ol > li:last-child .dropdown-toggle::after {color: #191919;}
    .breadcrumb > ol > li:nth-child(5) .dropdown-toggle, .breadcrumb > ol > li:nth-child(5) .dropdown-toggle::after, .breadcrumb > ol > li:last-child .dropdown-toggle, .breadcrumb > ol > li:last-child .dropdown-toggle::after {border-color: #191919;}
    .breadcrumb .dropdown-menu a {padding: 8px 12px;}
    .breadcrumb > ol > li:first-child a .white {display: none;}
    .breadcrumb > ol > li:not(:first-child) {width: 140px;}
    .breadcrumb .dropdown-menu > li:first-child a {border-top: 1px solid #ccc;}
    .breadcrumb .dropdown-menu a.active {font-weight: 700;}
    .breadcrumb .dropdown-menu a.active span::after {background: var(--point-color01);}
    .sub-visual .sv-footer-box.fixed {max-width: 100%;background: rgba(43,51,112,1);top: 0;transform: none;margin: 0;}
    .sub-visual .sv-footer-box.fixed .container {flex: none;max-width: 960px;background: transparent;border-radius: 0;margin-right: auto;}
    .sub-visual .sv-footer-box.fixed .breadcrumb .dropdown-toggle {color: rgba(255,255,255,.8);}
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:nth-child(5) .dropdown-toggle, 
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:nth-child(5) .dropdown-toggle::after, 
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:last-child .dropdown-toggle, 
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:last-child .dropdown-toggle::after {color: #FFF;}
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li::after {background-color: rgba(255,255,255,.1);}
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:nth-child(5) .dropdown-toggle,
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:nth-child(5) .dropdown-toggle::after,
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:last-child .dropdown-toggle,
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:last-child .dropdown-toggle::after {border-color: #FFF;}
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:first-child a .default {display: none;}
    .sub-visual .sv-footer-box.fixed .breadcrumb > ol > li:first-child a .white {display: block;}
    .sub-visual .sv-footer-box.fixed .zoom-box .zoom-in::before, .sub-visual .sv-footer-box.fixed .zoom-box .zoom-out::before {background-color: #FFF}
    .sub-visual .sv-footer-box.fixed .zoom-box .zoom-in::after {background-color: #FFF;}
    .sub-visual .sv-footer-box.fixed .zoom-box .curr-zoom {color: #FFF;}
    #main-section {padding: 35px 0 50px;}
    .side-contact {border-radius: 20px;}
    .side-contact-title {font-size: 1.125rem;font-weight: 600;background: url(/_res/kibo/main/img/contact-call.png) no-repeat left center;background-size: 30px;padding-left: 37px;}
    .side-contact-tel a {font-family: var(--font-type01);font-weight: 700;color: var(--main-color01);}
}
@media (min-width: 1200px) {
    #side > header {height: 120px;}
    .sub-visual {max-width: 100%;height: 300px;}
    .sub-visual .sv-inner .sv-img {height: auto;transform: translate(-50%, -50%) scale(1.1)}
    .sub-visual .sv-inner .sv-img.on {transform: translate(-50%, -50%) scale(1.1)}
    .sub-visual + .main-container > .row > [class|="col"]:first-child {top: -120px;}
    .sub-visual .sv-footer-box {max-width: 1140px;padding: 0 15px;}
    .sub-visual .sv-footer-box .container {flex: 0 0 860px;max-width: 860px;}
    .sub-visual .sv-footer-box.fixed .container {max-width: 1140px;}
    #side .side-menu {padding: 8px 15px 15px;}
    .side-contact {padding: 28px 25px;}
    .breadcrumb > ol > li:not(:first-child) {width: 170px;}
    .breadcrumb .dropdown-menu a {padding: 10px 12px;}
}
@media (min-width: 1300px) {
    .sub-visual .sv-footer-box {max-width: 1230px;padding: 0 15px;}
    .sub-visual .sv-footer-box .container {flex: 0 0 940px;max-width: 940px;}
    .sub-visual .sv-footer-box.fixed .container {max-width: 1230px;}
    #side > header .sec-title button {font-size: 28px;}
}
@media (min-width: 1600px) {
    .sub-visual .sv-inner .sv-img {height: auto;transform: translate(-50%, -50%) scale(1)}
    .sub-visual .sv-inner .sv-img.on {transform: translate(-50%, -50%) scale(1)}
}