@import "reset.css";

@font-face {
    font-family: "NotoKR-Regular";
    src: url("https://db.onlinewebfonts.com/t/3a8ef215f4437b176fe0901f44ffbab0.eot");
    src: url("https://db.onlinewebfonts.com/t/3a8ef215f4437b176fe0901f44ffbab0.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/3a8ef215f4437b176fe0901f44ffbab0.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/3a8ef215f4437b176fe0901f44ffbab0.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/3a8ef215f4437b176fe0901f44ffbab0.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/3a8ef215f4437b176fe0901f44ffbab0.svg#NotoKR-Regular Regular")format("svg");
    font-display: swap;
}

body { 
    font-family: NotoKR-Regular;
}

/* header */
.site-header { background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); position: fixed; width: 100%; top: 0; z-index: 100; }
.site-header .site-header-wrap { position: relative; justify-content: space-between; display: flex; height: 100px; transition: height .3s ease; }
.site-header .site-header-wrap .site-logo-wrap .site-logo { position: absolute; top: 50%;transform: translateY(-50%); margin-bottom: 0; line-height: 0; }
.site-header .site-header-wrap .site-logo-wrap .site-logo a { background-image: url(../image/logo/curotek-logo.png); width: 200px; height: 40px; display: inline-block; background-position: center center;background-repeat: no-repeat; background-size: contain; transition: .3s ease; }
.site-navigation { display: flex; align-items: center; }
.site-navigation .nav-primary { display: flex; }
/* .site-navigation .nav-primary .main-menu-item { opacity: .5; transition: opacity .3s ease; } */
.site-navigation .nav-primary .main-menu-item:hover { opacity: 1; }
.site-navigation .nav-primary .menu-link { font-size: 18px; font-size: 1.125rem; font-weight: bold; color: #212757; text-decoration: none; line-height: 100px; }
.site-navigation .nav-primary .menu-link .span { position: relative; text-transform: uppercase; padding-left: 25px; padding-right: 25px; display: block; }
.site-navigation .nav-primary .menu-link .span:hover { color: #18c6e9; transition: all 0.3s ease;}
.site-navigation .nav-primary .main-menu-item.active .span { color: #18c6e9 !important; }
.site-navigation .menu-toggle { position: absolute; width: 23px; height: 23px; text-indent: -9999rem; background-color: transparent; right: 15px; top: 50%; transform: translateY(-50%); display: none; border: none; cursor: pointer;}
.site-navigation .menu-toggle em { position: absolute; display: block; width: 23px; height: 2px; background-color: black; left: 0; pointer-events: none; }
.site-navigation .menu-toggle em:first-child { top: 7px; }
.site-navigation .menu-toggle em:last-child { top: 15px; }

/* footer */
footer { position: relative; height: 580px; background: #0F2531 url(../image/bg/footer_bg.png) bottom / cover no-repeat; }
footer #footer-wrap { max-width: 940px; width: 100%; margin: 0 auto 40px; display: flex; justify-content: space-between; padding-top: 80px; }
footer #footer-wrap address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; }
footer #footer-wrap address div { margin-bottom: 35px; }
footer #footer-wrap address div p { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 5px; line-height: 1; }
footer #footer-wrap address div a { font-size: 16px; color: #E5E5E5; font-weight: 300; line-height: 24px; display: block; word-break: keep-all;}
footer #footer-nav { margin-top: 0; margin-bottom: 10px; list-style: none; }
footer #footer-nav li { list-style: none; }
footer #footer-nav li a { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 32px; display: block; line-height: 1; }
footer .copy { max-width: 940px; width: 100%; margin: 0 auto; }
footer .copy .company { font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 10px; }
footer .copy .company p { margin: 0; }
footer .copy .copyright { height: 30px; }
footer .copy .copyright img { vertical-align: middle; border: 0; height: 100%; }
footer .copy .copyright span { color: #999; font-size: 14px; margin-left: 24px; font-weight: 300; }


/* container */
.container-center { max-width: 1270px; padding-left: 15px; padding-right: 15px; width: 100%; margin-left: auto; margin-right: auto; }
.main-container { width: 100%; height: calc(100vh - 100px); transition: opacity .25s ease; overflow: hidden; }

.about-wrap .desc::before { content: ''; position: absolute; top: 5px; left: 0; width: 80px; height: 1px; background-color: #7eb6cd; }

.main-body { width: 100%; padding-top: 100px; }
.main-body .main-container img { width: 100%; height: 100%; object-fit: cover; position: relative;}
.main-body .about-wrap { padding: 8rem 0; word-break: keep-all; }
.main-body .about-wrap .container { max-width: 1270px; margin:0 auto; }
.main-body .about-wrap .container .rows { display: flex; }
.main-body .about-wrap .container .rows .cols { width: 50%; }
.main-body .about-wrap .container .rows .cols .img-wrap img { width: 70%; display: block; margin: 0 auto; }
.main-body .about-wrap .container .rows .cols2 { position:relative; padding: 0 15px 0 15px; }

.main-body .about-wrap .container .rows .cols2 h4 { position: relative; font-size: 18px; font-size: 1.125rem; color: #F8A51C; margin-bottom: 1.5rem; line-height: 1.2; font-weight: bold; }
.main-body .about-wrap .container .rows .cols2 .d-block { font-size: 2.5rem; font-weight: 300; }
.main-body .about-wrap .container .rows .cols2 .d-block strong { font-weight: 600; }
.main-body .about-wrap .container .rows .cols2 .desc { position: relative; padding-left: 100px; margin-top: 3.5rem; font-size: 1.125rem; opacity: 0.75; }
.main-body .about-wrap .container .rows .cols2 .desc p { margin-bottom: 1.5em; }

.main-body .main-container .main-bg-title { transition: all .3s ease;font-size: 2rem;color: #212757; margin-bottom: 1rem; word-break: keep-all; }
.main-body .main-container .main-bg-info { transition: all .3s ease;font-size: 4.375rem;color: black;line-height: 1.25;margin-bottom: 1.5rem; font-weight: bold; word-break: keep-all; }
.main-body .swiper-container .swiper-wrapper .swiper-slide .main-info-wrap { max-width: 1000px; height: 200px; position: absolute; top:30%; left:20%; }

.main-icon-wrap { background-color: #b9ab93;padding: 5rem 0; }
.main-icon-wrap .container { max-width: 1270px; margin: 0 auto; }
.main-icon-wrap .container .row { display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px; }
.container .row .col { flex-basis: 0;flex-grow: 1;max-width: 100%; }
.main-icon-wrap .container .row .col .ul-icon-wrap { display: flex; }
.main-icon-wrap .container .row .col .ul-icon-wrap li { flex: 1 1 auto; width: 33.3333%; text-align: center; color:white; }
.main-icon-wrap .container .row .col .ul-icon-wrap li div .figure { width: 200px; height: 200px; background-color: white; border-radius: 100%; margin: 0 auto; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; }
.main-icon-wrap .container .row .col .ul-icon-wrap li div h5 { font-size: 1.375rem;margin-bottom: 0.5rem; }
.main-icon-wrap .container .row .col .ul-icon-wrap li div .lead { font-weight: 300;font-size: 1rem;margin-bottom: 1.75rem; word-break: keep-all; width: 70%; margin:0 auto;}

.bg-image::before { content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 10; }
.page-sub-list>li::before { content: ''; position: absolute; width: 1px; height: 15px; top: calc(50% - 7px); left: 0; background-color: white; opacity: .3; }
.page-sub-list>li:nth-child(1):before { content: ''; position: absolute; width: 1px; height: 15px; top: calc(50% - 7px); left: 0; background-color: white; opacity: 0; }
.page_item > .active { opacity: 1 !important; }
.page-title::before { content: ''; width: 10px; height: 10px; position: absolute; left: calc(50% - 5px); bottom: -25px; display: block; background-color: #18c6e9; border-radius: 10px; }
.ul-image-list>li .desc ol li::before { content: ''; width: 8px; height: 8px; display: inline-block; position: absolute; left: 0; border: 2px solid #3a3e43; border-radius: 10px; top: 12px; }

.site-main { padding-top: 100px; }
.site-main .entry-header {position: relative;min-height: 350px;overflow: hidden;transition: all .3s ease, opacity .2s ease;}
.site-main .entry-header .bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover; }
.site-main .entry-header .bg-about { background-image: url(../image/bg/bg-top-about.jpg); }
.site-main .entry-header .bg-contact { background-image: url(../image/bg/bg-top-contact.jpg); }
.site-main .entry-header .bg-partner { background-image: url(../image/bg/bg-top-fpartner.jpg); }
.site-main .entry-header .bg-business { background-image: url(../image/bg/bg-top-business.jpg); }
.site-main .entry-header .entry-header-title { position: absolute; z-index: 20; font-size: 36px; font-size: 2.25rem; margin-bottom: 0; color: white; text-transform: uppercase; top: 50%; left: 50%; opacity: 1; transform: translate(-50%, -50%); transition: opacity 0.3s ease, font-size 0.3s ease, top 0.45s cubic-bezier(0.66, 0.51, 0.02, 0.98); }
.site-main .container-center { max-width: 1270px; padding-left: 15px; padding-right: 15px; width: 100%; margin-left: auto; margin-right: auto; }
.site-main .container-center .page-sub-list { display: flex; background-color: #212757; position: relative; transform: translateY(-50%); z-index: 70; flex-flow: row wrap; }
.site-main .container-center .page-sub-list .page_item { flex: 1 1 1%; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; }
.site-main .container-center .page-sub-list .page_item a { color: #18c6e9; font-size: 1rem; font-weight: 600; text-transform: uppercase; text-decoration: none; line-height: 70px; opacity: 0.5; letter-spacing: normal; transition: height .3s ease, opacity .3s ease; cursor: pointer; }
.site-main .container-center .page-sub-list .page_item a:hover { opacity: 1; }


.kakao-map-marker-text { background: #2A6DB9; border-radius: 10px 100px / 120px; padding: 5px 10px 5px 10px; color: #ffffff; font-weight: bold; box-shadow: 2px 2px 2px 1px rgba(20, 20, 20, .2); font-size:13px; }
.button__naver::after, .button__google::after { position: absolute; right: 20px; top: calc(50% - 11px); content: ''; display: block; width: 22px; height: 22px; background-image: url(../image/icon/map-point.svg); background-position: center center; background-size: cover; }    

.custom-control-label::before { border-color: #7b7b7b; width: 16px; height: 16px; top: calc(50% - 8px); left: 0; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; position: absolute; display: block; width: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; }
.custom-control-label::after { left: 3px; width: 10px; height: 10px; top: calc(50% - 5px); position: absolute; content: ""; background: no-repeat 50% / 50% 50%; }
.inquiry-site-main::before { position: absolute;content: '';width: 50vw;height: calc(100% + 500px);background-color: #fafafa; }

.container .row .zeff-up { transform: translate(0px, 0px); opacity: 1; visibility: inherit; }
.container-fluid { width: 100%; margin-right: auto; margin-left: auto;}
.container-fluid .page-title { font-size: 1.875rem;font-weight: 500;position: relative;margin-bottom: 4rem; }
.container-fluid .row { display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px; }
.container-fluid { width: 100%;margin-right: auto;margin-left: auto }
.text-center { text-align: center; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.col-50 { flex: 0 0 50%;max-width: 50%; }
.ul-image-list li { display: flex;justify-content: space-between; }
.ul-image-list li .figure-wrap { opacity: 1; visibility: inherit; transform: translate(0px, 0px); overflow: hodden; flex: 0 0 auto; width: 48%; }
.ul-image-list li .figure-wrap img { transform: translate(0px, 0px); display: block; height: auto; max-width: 100%; vertical-align: middle; border-style: none; }
.ul-image-list li .desc { display: flex; flex-direction: column; justify-content: center;text-align: left; flex: 0 0 auto; width: 48%; }
.ul-image-list li .desc .zeff-up-h4 { font-size: 2.25rem; margin-bottom: 1.625rem; font-weight: 500; word-break: keep-all;}
.ul-image-list li .desc .zeff-up-h4 em { font-weight: 600; font-style: normal; color: #18c6e9; }
.ul-image-list li .desc .zeff-up-ol { font-size: 1.0625rem; line-height: 1.8; }
.ul-image-list li .desc .zeff-up-ol li { position: relative; padding-left: 18px; word-break: keep-all;}
.site-main .container { max-width: 1270px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.site-main .container .row { display: flex; flex-wrap: wrap; }
.site-main .container .col { flex-basis: 0;flex-grow: 1; max-width: 100%; }
.ul-history li { display: flex; padding-bottom:5rem; }
.ul-history li strong { font-size: 2.5rem; min-width: 280px;font-weight: bolder; }
.ul-history li strong em { font-style: normal; position: relative; display: inline-block; border-top: 1px solid #f2f2f2;padding-top: 1.5rem; color: #18c6e9; }
.ul-history .ol-history-wrap { width: calc(100% - 280px); }
.ul-history .ol-history-details { border-bottom: 1px solid #f2f2f2; }
.ul-history .ol-history-details .item { display: flex; padding: 0.875rem 0; border-top: 1px solid #f2f2f2; }
.ul-history .ol-history-details .item .date { min-width: 80px; font-size: 14px; font-size: 0.875rem; color: #7eb6cd; display: inline-block; }
.ul-history .ol-history-details .item .group { display: inline-block; }
.ul-history .ol-history-details .item span { min-width: 20px;  }
.ul-history .ol-history-details .item span i { width: 12px;height: 12px;border: 3px solid transparent;border-radius: 10px;border-color: #7bd5ff; }

.updated-wrap { background-color: #f2f2f2; padding: 5rem 2rem; text-align: center; margin-bottom: 5rem; }
.updated-wrap .figure { margin: 0 auto; background-color: white; display: inline-block; padding: 1rem;border-radius: 100%;margin-bottom: 2rem; }
.updated-wrap .figure img { width: 80px; }
.updated-wrap h3 { font-size: 3.125rem; margin-bottom: 1.5rem; }
.updated-wrap h4 { font-size: 1.5625rem; }

.ul-certification { display: flex; margin-left: -8px; margin-right: -8px; flex-flow: row nowrap; }
.ul-certification li { flex: 1 1 auto; width: 16.6666%; padding: 8px; text-align: center; word-break: keep-all; }
.ul-certification li .figure { margin-bottom: 2rem; display: block; }
.ul-certification li .figure img { display: block; height: auto; max-width: 100%; border: 1px solid #dadada; margin-bottom: 1rem; vertical-align: middle; width: 595px; height: 841;}

.map-wrap .map { width: 100%; height: 500px; }
.ul-map .ul-map-wrap { display: flex; flex-flow: row wrap; flex-direction: row; padding: 2.25rem 0; }
.ul-map .ul-map-wrap .ul-map-comp-nm { width: 180px; font-weight: 600; }
.ul-map .ul-map-wrap .map-info-wrap { width: calc(100% - 340px); }
.ul-map .ul-map-wrap .map-info-wrap .addr-kr { line-height: 1.8; }
.ul-map .ul-map-wrap .map-info-wrap .addr-en { line-height: 1.8; color: #a9a9a9; }
.ul-map .ul-map-wrap .map-button-wrap { width: 160px; }
.map-button { position: relative; display: block; color: white !important; height: 50px; line-height: 50px; border-radius: 100px; padding-left: 25px; max-width: 160px; margin-bottom: 0.5rem; }
.button__google { background-color: #5384eb; }
.button__naver { background-color: #19CE60; }

.container .row .zeff-up-h3 { font-size: 1.875rem; margin-bottom: 1.5rem; }
.container .row .zeff-up-p { font-size: 1.125rem; font-weight: 300; margin-top: 0; margin-bottom: 1.5em; }
.ul-contact-list li:first-child { line-height: 1.5; padding: 0.25rem 0; }
.ul-contact-list li span:first-child { width: 150px; }
.ul-contact-list li span { display: inline-block; }
.ul-contact-list li span em { display: inline-block; width: 20px; height: 1rem; position:relative; } 
.ul-contact-list li span a { color: inherit; text-decoration: underline; background-color: transparent; }
.col-50 .form-row { display: flex;flex-wrap: wrap;margin-right: -5px;margin-left: -5px; }
.form-row .input-label { font-size: 0.875rem; letter-spacing: normal; display: inline-block; margin-bottom:0.5rem; }
.form-row .form-control { border-radius: 0; border-color: transparent; border-bottom: 1px solid #7b7b7b; display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); font-size: 1rem; font-weight: 400; line-height: 1.5; background-color: #fff; background-clip: padding-box; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; outline: none; }
.form-row .form-textarea { border-radius: 0; border:1px solid #7b7b7b; min-height: 200px;height: auto;display: block;width: 100%;height: calc(1.5em + 0.75rem + 2px);font-size: 1rem;font-weight: 400;line-height: 1.5;background-color: #fff;background-clip: padding-box;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;resize: vertical;outline: none; }
.custom-control-input { box-sizing: border-box; padding: 0; position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; color: #111; font-size: 1rem; line-height: normal; margin: 0; overflow: visible; }
.custom-control-label { font-size: 0.875rem; letter-spacing: normal; padding-left:25px; box-shadow: none; position: relative; margin-bottom:0; vertical-align: top; display: inline-block; }
.invalid-feedback { position:absolute; display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; }
.button__secondary { color: white; background-color: #3AAA35; border: 2px solid transparent; border-radius: 100px; cursor: pointer; font-size:1.125rem; font-weight: 500; padding:17px 40px; line-height: normal; text-decoration: none; transition: .3s ease; text-align: center; }

.partners-wrap { width: 100%; display: flex;flex-wrap: wrap; }
.partners-wrap .partner-wrap .partner { height:150px; border:1.5px solid #212757; border-radius: 10%; display: flex; justify-content: center; align-items: center; }
.partners-wrap .partner-wrap .partner-nm { text-align: center; padding-top: 15px; }
.partners-wrap .partner-wrap .partner-nm span { font-size: 16px; } 
.row .desc-wrap { width: 1240px; margin: 0 auto; }
.row .desc-wrap .desc { width: 100%; padding:1.5rem;background-color: #fafafa; text-align: center; margin-bottom: 4rem }
.product-img-wrap { width: 100%; }
.product-img-wrap img { width: 100%; max-height: 600px; object-fit: contain; }
.menu-toggle .em__up { transform: translate(0px, 0px); transition: .3s ease; }
.menu-toggle .em__down { transform: translate(0px, 0px); transition: .3s ease; }

.site-navigation .active .em__up { transform: translate(0px, 4px) rotate(-45deg); transition: .3s ease; }
.site-navigation .active .em__down { transform: translate(0px, -4px) rotate(45deg); transition: .3s ease; }


.pr-15 { padding-right: 15px; }
.pl-15 { padding-left: 15px; }
.pr-5 { padding-right: 5px; }
.pl-5 { padding-left: 5px; }
.mr-15 { margin-right: 15px; }
.ml-15 { margin-left: 15px; }
.mb-100 { margin-bottom: 100px; }
.pt-3r { padding-top: 3rem; }
.pb-3r { padding-bottom: 3rem; }
.pr-3r { padding-right: 3rem; }
.pl-3r { padding-left: 3rem; }
.py-3r { padding: 3rem 0 3rem 0 }
.mt-3r { margin-top: 3rem; }
.mb-3r { margin-bottom: 3rem; }
.pd-15 { padding: 15px; }
.flex-25 { flex: 0 0 25%; max-width: 25%; }
.flex-50 { flex: 0 0 50%; max-width: 50%; }
.flex-100 { flex: 0 0 100%; max-width: 100%; }



.header-mini .site-header-wrap { height: 60px; }
.sticky { transition: .3s ease; position: fixed !important; top: 85px; left: 0; height: 65px; width: 100%; }

.site-header .site-header-wrap .menu-primary-container { top: 100%; position: fixed; margin-top: 60px; left: 0; background-color: white; width: 100%; z-index: 10; height: calc(100% - 60px); display: flex; align-items: center; justify-content: center; transition: .3s ease; }
.site-header .site-header-wrap .menu-primary-container .nav-menu-primary { display: flex; margin-bottom: 70px; flex-direction: column; text-align: center; }
.site-header .site-header-wrap .menu-primary-container .nav-menu-primary .main-menu-item { opacity: .5; transition: opacity .3s ease; }
.site-header .site-header-wrap .menu-primary-container .nav-menu-primary .main-menu-item .menu-link { line-height: 2; font-size: 30px; }
.site-header .site-header-wrap .menu-primary-container .nav-menu-primary .main-menu-item .menu-link .span { padding-left: 15px; padding-right: 15px; position: relative; text-transform: uppercase; display: block; font-weight: 500; color: black; text-decoration: no }
.site-header .site-header-wrap .menu-active { top: 0%; transition: .3s ease; }





@media all and (max-width: 1200px){
    .container-center { max-width: 960px;}
    .main-body .main-container .main-bg-title { font-size: 1.5rem; }
    .main-body .main-container .main-bg-info { font-size: 3.5rem;}
}

@media all and (max-width: 1000px) {
    .container-center { max-width: 720px; }
    .main-body .main-container .main-bg-title { font-size: 1rem; }
    .main-body .main-container .main-bg-info { font-size: 3rem;}
    .about-wrap .container .rows .cols1 { display: none; }
    .about-wrap .container .rows .cols2 { margin: 0 auto; }
    .main-body .about-wrap .container .rows .cols { width: 80%; }
    footer { height: 540px; }
    footer #footer-wrap { max-width: 740px; }
    footer .copy { max-width: 740px; }
}

@media all and (max-width: 767px){
    .main-container { height: calc(100vh - 60px); }
    .site-navigation .nav-primary { display: none; }
    .site-navigation .mobile { display: block; }
    .site-header .site-header-wrap { height: 60px; }
    .main-body .main-container .main-bg-info { font-size: 2rem;}
    .main-body { padding-top: 60px; }
    .main-body .swiper-container .swiper-wrapper .swiper-slide .main-info-wrap { left: 5%; }    
    .swiper-button-prev, .swiper-button-next { display: none !important; }
    .main-body .about-wrap .container .rows .cols2 .d-block { font-size: 2rem; }
    .main-body .about-wrap .container .rows .cols2 .desc p { font-size: 1rem; }
    .main-body .about-wrap .container .rows .cols2 .desc { display: flex; padding-left: 0; flex-direction: column;}
    .about-wrap .desc::before { position: static; margin-bottom: 30px; }
    .main-body .about-wrap { padding: 5rem 0; }
    .main-icon-wrap .container .row .col .ul-icon-wrap { flex-direction: column; align-items: center; }
    .main-icon-wrap .container .row .col .ul-icon-wrap li { width: 100%; padding-bottom: 30px; }
    .site-main { padding-top: 60px; }
    .site-main .entry-header { min-height: 200px;}
    .site-main .container-center .page-sub-list .page_item a { font-size: 0.65rem; }
    .site-main .container-center .page-sub-list .page_item { height: 50px; }
    .ul-image-list li { flex-direction: column; }  
    .ul-image-list li .figure-wrap { width: 70%; margin: 0 auto; margin-bottom: 20px; }
    .ul-image-list li .desc { width: 70%; margin: 0 auto; }
    .container-fluid { padding-top: 0; } 
    .container-fluid .row { padding-right: 15px; padding-left: 15px; margin-right: 0; margin-left: 0; padding-top: 0; padding-bottom: 0;}
    .site-main .container .row { margin-right: 0; margin-left: 0; }
    .ul-image-list li .desc .zeff-up-ol { padding-bottom: 10px; font-size: 0.8rem; }
    .ul-image-list li .desc .zeff-up-h4 { font-size: 1.3rem; word-break: keep-all;}
    .ul-image-list>li .desc ol li::before { top: 7px; }
    .ul-history li { flex-direction: column; padding-bottom: 0; }
    .ul-history .ol-history-wrap { width: 100%; }
    .ul-history .ol-history-details .item { flex-direction: row;}
    .ul-history li strong em { padding-top: 0; padding-bottom: 1.5rem; }
    .about-menu { margin-bottom: 50px; }
    .updated-wrap { margin-bottom: 0;}
    .ul-certification { flex-direction: column; }
    .ul-certification li { width: 70%; margin: 0 auto; }
    .partners-wrap { flex-wrap: unset; flex-direction: column; align-items: center;}
    .partner-wrap { max-width: 100%; flex: 0;}
    .ul-map .ul-map-wrap { flex-direction: column; }
    .ul-map .ul-map-wrap .map-info-wrap { width: 100%; padding-bottom: 10px; }
    .ul-map .ul-map-wrap .ul-map-comp-nm { padding-bottom: 10px; }
    .partners-wrap .partner-wrap .partner { width: 250px; } 
    .sticky { height: 50px; }
    footer #footer-wrap { max-width: 540px; }
    footer .copy { max-width: 540px; }
}
@media all and (max-width: 575px){
    .site-main .container-center .sticky.many-menu { height: 100px; top: 110px; }
    .site-main .container-center .many-menu .page_item { flex: 0 1 50%; }
    footer #footer-wrap { width: 90%; }
    footer .copy { width: 90%; }
    footer #footer-wrap address div p { font-size: 18px; }
    footer #footer-wrap address div a { font-size: 14px; }
    footer #footer-nav li a { font-size: 18px; } 
    footer #footer-wrap { margin: 0 auto; }
    footer .copy { display: flex; flex-direction: column; align-items: center; }
    footer .copy .copyright { display: flex; flex-direction: column; align-items: center; height: 35px; }
    footer .copy .company p { font-size: 12px; }
    footer .copy .copyright span { font-size: 12px; margin-left: 0; margin-top: 10px; }
    footer #footer-wrap address { margin-bottom: 0;}
    .container-fluid .page-title { font-size: 24px; }
    .logo-text { width: 90%; }
}