@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

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

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

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

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

html {overflow-x: hidden;overflow-y: scroll;}
#site {background-color: #fff;word-break: keep-all !important;padding-top: 100px;}
#site > .container{width: 100%;padding: 0;}
/* 폰트 설정 */
#site, h1, h2, h3, h4, h5, h6, input, textarea, button {font-family: 'Pretendard', 'notokr', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;}

.jp{
    word-break: break-all;
}

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

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

ol, ul{padding: 0;margin: 0;list-style: none;list-style-position: inside;}
.content ol > li:nth-child(1)::before{content: '1';}
.content ol > li:nth-child(2)::before{content: '2';}
.content ol > li:nth-child(3)::before{content: '3';}
.content ol > li:nth-child(4)::before{content: '4';}
.content ol > li:nth-child(5)::before{content: '5';}
.content ol > li:nth-child(6)::before{content: '6';}
.content ol > li:nth-child(7)::before{content: '7';}
.content ol > li:nth-child(8)::before{content: '8';}
.content ol > li:nth-child(9)::before{content: '9';}
.content ol > li:nth-child(10)::before{content: '10';}
.content ol > li:nth-child(11)::before{content: '11';}
.content ol > li:nth-child(12)::before{content: '12';}
.content ol > li:nth-child(13)::before{content: '13';}
.content ol > li:nth-child(14)::before{content: '14';}
.content ol > li:nth-child(15)::before{content: '15';}
/* 닷홈 빌더 설정
.navbar .caret,
.navbar .divider-vertical,
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {display: none;}
 */

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

/* 상단 네비게이션 */

.navbar.navbar-inverse{background-color: #000;border-bottom: 0;margin-bottom: 0;}
.navbar-header .navbar-brand{display: block;padding: 0;font-size: 20px;margin-top: 0px;margin-left: 0 !important;height: auto;width: 190px;}
.navbar-header .navbar-brand img{margin-top: 0;display: inline-block;}

.nav.navbar-nav > li > a{display: block;height: 100%;padding: 40px 25px;font-size: 17px;color: #fff;text-transform: uppercase;font-weight: 500;}
.nav.navbar-nav > li > a .caret{display: none;}
.nav.navbar-nav > li:hover > a,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li:focus > a,
.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:focus,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li.open > a:hover,
.nav.navbar-nav > li.open > a:focus{color: #12c982;background: none;}
.nav.navbar-nav li .dropdown-menu{left: 50%;right: auto;border-radius: 0;border: 0;padding: 0;transform: translateX(-50%);background: rgba(0, 0, 0, 0.75);}
.nav.navbar-nav li .dropdown-menu li a{padding: 10px 15px;text-align: center;color: #fff;}
.nav.navbar-nav li .dropdown-menu li a:hover{
    background: #128d5d;
    color: #fff;
}


@media (max-width: 767px){
    #site{}

    
    .navbar-header .navbar-brand {
        margin-top: 5px;
        margin-left: 15px !important;
    }

    /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
    .navbar-inverse .navbar-toggle {
        border: 0;
        padding: 9px 0;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff;
        transition: ease-in-out .15s all;
        opacity: 1;
        position: relative;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: none;
        border-color: #222;
    }

    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: #fff;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: transparent;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(1) {
        transform: rotate(45deg);
        top: 6px;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(2) {
        opacity: 0;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(3) {
        transform: rotate(-45deg);
        top: -6px;
    }
    
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #272727;
    }

    .nav.navbar-nav > li > a {
        padding: 14px 25px;
        font-size: 16px;
        text-align: center;
    }
    .nav.navbar-nav li .dropdown-menu {
        transform: translateX(0%);
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #site{}
    .navbar-header .navbar-brand {
        display: block;
        padding: 0;
        font-size: 20px;
        margin-top: 11px;
        margin-left: 0 !important;
        height: auto;
        width: 150px;
    }
    .nav.navbar-nav > li > a {
        display: block;
        height: 100%;
        padding: 40px 12px;
        font-size: 13px;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #site{}
    .navbar-header .navbar-brand {
        width: 170px;
    }
    .nav.navbar-nav > li > a {
        padding: 40px 17px;
        font-size: 15px;
    }
}

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

/* 슬라이드 영역 */
#mainCarousel .carousel-inner .item{
    height: calc(100vh - 98px);
}
#mainCarousel .carousel-inner .item::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.2;
}
#mainCarousel .carousel-inner .item .carousel-caption{padding: 0;left: calc((100% - 1140px) / 2);right: calc((100% - 1140px) / 2);text-align: left;text-shadow: none;}
#mainCarousel .carousel-inner .item h1{
    font-size: 62px;
    font-weight: 900;
    margin: 0 0 30px;
}
#mainCarousel .carousel-inner .item P{
    font-size: 28px;
    letter-spacing: 0.01em;
    font-weight: 300;
}
#mainCarousel .carousel-inner .item P a{
    display: block;
    width: 255px;
    font-size: 20px;
    line-height: 62px;
    text-align: center;
    border-radius: 50px;
    margin: 37px 0 0;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.02em;
    background: linear-gradient(51deg, #4ce98f 0%, #0f9157 100%);
}
#mainCarousel .carousel-inner .item P a:hover,
#mainCarousel .carousel-inner .item P a:focus{
    text-decoration: none;
    background: #0fb369;
}
#mainCarousel .carousel-indicators li,
#mainCarousel .carousel-indicators li.active{
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    margin: 0 2px;
}
#mainCarousel .carousel-indicators li.active{}
@media (max-width: 767px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: 15px;right: 15px;}
    #mainCarousel .carousel-inner .item h1 {
        font-size: 29px;
    }
    #mainCarousel .carousel-inner .item P {
        font-size: 18px;
    }
    #mainCarousel .carousel-inner .item P a {
        width: 205px;
        font-size: 17px;
        line-height: 43px;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 750px) / 2);right: calc((100% - 750px) / 2);}
    #mainCarousel .carousel-inner .item h1 {
        font-size: 53px;
    }
    #mainCarousel .carousel-inner .item P{
        font-size: 25px;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 970px) / 2);right: calc((100% - 970px) / 2);}
}
/* //슬라이드 영역 */

/* 메인 중단영역 */

#main_wrapper > section{padding: 120px 0;}

@media (max-width: 767px){}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}

/* //메인 중단영역 */

/* 서브페이지 */

.subHeader {height: 240px;background-image: url(/public/img/sub/sub_title.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #333;position: relative;}
.subHeader::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.3;
}
.subHeader .container{height: 100%;position: relative;}
.subHeader .container h2{text-align: center;color: #fff;font-size: 45px;font-weight: 800;margin: 0;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
.subHeader .container .breadcrumb{padding: 0; margin: 0; background: none; position: absolute; bottom: 10px; right: 15px;}
.subHeader .container .breadcrumb > li > a,
.subHeader .container .breadcrumb > li.active{color:#fff; opacity: 0.7;}

.subMenu{
    background: #32b16d;
    padding: 15px 0;
}
.subMenu .nav{
    display: flex;
    /* gap: 40px; */
    /* align-items: center; */
    /* justify-content: flex-start; */
}
.subMenu .nav > li{
    float: none;
    margin: 0 50px 0 0;
}
.subMenu .nav > li:before{
    display: none;
}
.subMenu .nav > li > a{
    color: #fff;
    font-weight: 500;
    font-size: 19px;
    padding: 0;
    background: none;
    opacity: 0.7;
}
.subMenu .nav > li > a:hover,
.subMenu .nav > li > a:focus{
    background: none;
    opacity: 1;
}
.subMenu .nav > li.active > a{
    font-weight: 500;
    opacity: 1;
}

.subContent{padding-top: 90px;}
.subContent_title{}
.subContent_title h3{
    text-align: center;
    font-size: 38px;
    font-weight: 800;
    margin: 0 0 90px;
    letter-spacing: -0.02em;
}
.subContent .content, .bbs-section{padding-bottom: 100px;}
.subContent .content:last-child {
    padding-bottom: 120px;
}
.bbs-area .board_wrapper{margin-top: 0;}
.content .container h4{
    font-size: 27px;
    font-weight: 700;
    margin: 0 0 30px;
    padding-left: 10px;
    position: relative;
}
.content .container h4::before{content: '';display: block;width: 3px;height: 22px;background: #0a995b;position: absolute;top: 4px;left: 0;box-shadow: 7px 7px 0 -2px #000;}

.table-style{
    width: 100%;
    border-top: 1px solid #333;
    margin-bottom: 30px;
}
.table-style tr{
    border-bottom: 1px solid #ddd;
}
.table-style tr th,
.table-style tr td{
    font-size: 14px;
    padding: 10px 24px;
    border-left: 1px solid #ddd;
}
.table-style tr th:last-child,
.table-style tr td:last-child{
    border-right: 1px solid #ddd;
}
.table-style tr th{
    font-size: 15px;
}
.table-style thead tr th{
    background: #ececec;
}
.table-style tbody tr th{
    background: #f8f8f8;
    font-size: 15px;
}
.table-style tbody tr th.over-tit{background: transparent;width: 180px;position: relative;padding-left: 15px;}
.table-style tbody tr th.over-tit::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #333;
    position: absolute;
    top: 22px;
    left: 0;
}
.table-style tr td{}
#about01 .subContent {
    background: #fafafa;
}
.greeting{}
.greeting .image{}
.greeting .image img{
    border-radius: 10px 10px 0 0;
}
.greeting .text{
    padding: 80px 80px 240px;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.02);
    position: relative;
    background: #fff;
    margin: -150px 100px 0;
}
.greeting .text p{
    font-size: 17px;
    color: #000;
    margin: 0 0 33px;
}
.greeting .text p.epil{
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
.greeting .text .greet-logo{
    position: absolute;
    left: 80px;
    bottom: 80px;
}
.greeting .text .greet-logo img{
    width: 240px;
}

.overview-wrap{}
.overview-wrap .image{
    width: 30%;
    padding-right: 40px;
}
.overview-wrap .image img{
}
.overview-wrap .text{
    padding-left: 70px;
    width: 70%;
}
.overview-wrap .table-style tr th,
.overview-wrap .table-style tr td{
    border-left: 0;
    padding: 14px 0;
    font-size: 15px;
    background: transparent;
}
.overview-wrap .table-style tr th:last-child,
.overview-wrap .table-style tr td:last-child{
    border-right: 0
}

.history{
    padding: 40px 60px;
    background: #f6f6f6;
    position: relative;
}
.history::before {
    content: '';
    display: block;
    width: 1px;
    height: 79%;
    background: #ddd;
    position: absolute;
    left: 189px;
}
.history .timline{
    line-height: 1;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 8px 0;
    position: relative;
    display: flex;
}
.history .timline::before{
    content: '';
}
.history .timline .date{
    color: #0a995b;
    margin-right: 21px;
    font-weight: 900;
    font-size: 20px;
    width: 140px;
}
.history .timline .issue{
    position: relative;
}
.history .timline .issue::before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    background: #76c795;
    border-radius: 50%;
    position: absolute;
    left: -36px;
    top: 4px;
}
.li-corporate{
    display: flex;
    gap: 20px;
}
.li-corporate > li, .li-strategy > li{
    font-size: 16px;
    font-weight: 400;
    position: relative;
    border: 1px solid #b5e1c6;
    padding: 30px 30px 30px 60px;
    flex: 1 1 33.333333333%;
}
.li-corporate > li::before, .li-strategy > li::before{
    display: block;
    line-height: 30px;
    width: 30px;
    font-size: 32px;
    text-align: center;
    color: #2ca350;
    font-weight: 900;
    position: absolute;
    top: 28px;
    left: 12px;
    font-family: 'Roboto Condensed';
}

.li-strategy{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.li-strategy > li {
    flex: 1 1 49%;
}
.li-strategy > li::before{
    content: '1';
}
.li-strategy > li:nth-child(2)::before {
    content: '2';
}

.li-strategy > li:nth-child(3)::before {
    content: '3';
}

.li-strategy > li:nth-child(4)::before {
    content: '4';
}
[id^="about"] .content h4 + p{
    font-size: 17px;
    margin: 0 0 20px;
}

.policy-wrap{
    padding: 45px 60px;
    background: #f6f6f6;
}
.policy-wrap h5{
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 10px;
}
.policy-wrap p{
    font-size: 16px;
    margin: 0 0 15px;
}
.policy-wrap h6 + p{}
.policy-wrap p:last-child{}
.policy-wrap .li-policy{}
.policy-wrap .li-policy > li{
    margin-top: 5px;
    font-size: 16px;
    padding-left: 35px;
    position: relative;
}
.policy-wrap .li-policy > li::before{
    line-height: 22px;
    width: 22px;
    display: block;
    background: #79bccb;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0;
    font-weight: 600;
    font-size: 12px;
}
.policy-wrap .li-env{
    margin: 30px 0;
}
.policy-wrap .li-env > li{
    font-size: 16px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.policy-wrap .li-env > li:last-child{
    margin-bottom: 0;
}
.policy-wrap .li-env > li .tit{
    font-weight: 600;
    width: 100px;
    color: #1589a9;
    line-height: 1.24em;
}
.policy-wrap .li-env > li .des{
    width: calc(100% - 100px);
    font-size: 15px;
    position: relative;
    padding-left: 10px;
}
.policy-wrap .li-env > li .des::before {
    content: '';
    display: block;
    width: 6px;
    height: 2px;
    background: #666;
    position: absolute;
    top: 9px;
    left: -4px;
}
.policy-wrap .li-env > li::before{}


[id^="product"] .prod-intro{
    margin-bottom: 45px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 45px;
    padding: 45px;
    border: 10px solid #eee;
}
[id^="product"] .prod-intro .text{
    padding-left: 0;
}
[id^="product"] .prod-intro .text h4{font-size: 32px;color: #009b63;padding: 0;font-weight: 800;}
[id^="product"] .prod-intro .text h4::before{
    content: '';
    width: 22px;
    height: 32px;
    background: #00c47e;
    box-shadow: none;
    top: 2px;
    left: -54px;
    border-radius: 0 20px 20px 0;
}
[id^="product"] .prod-intro .text p{
    font-size: 16px;
    margin: 0 0 0;
}
[id^="product"] .prod-intro .text .li-prod{}
[id^="product"] .prod-intro .text .li-prod > li{
    font-size: 16px;
    margin-top: 3px;
    padding-left: 10px;
    position: relative;
}
[id^="product"] .prod-intro .text .li-prod > li::before{
    content: '';
    display: block;
    width: 5px;
    height: 1px;
    background: #999;
    position: absolute;
    top: 11px;
    left: 0;
}
[id^="product"] .prod-intro .image{
    padding-right: 0;
}
[id^="product"] .prod-intro .image img{
    background: #aaa;
}

.micro-info{}
.micro-info img{
    margin-bottom: 20px;
    background: #ddd;
}
.micro-info img:last-child{
    margin-bottom: 0;
}

.slim-spec{}
.slim-spec .table-style{
    margin-bottom: 30px;
}
.slim-spec h5{
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding-left: 12px;
}
.slim-spec h5::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #0a995b;
    border-radius: 50%;
    box-shadow: 0px 8px #000;
    position: absolute;
    top: 4px;
    left: 0;
}
.slim-spec .caption{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0;
    margin: 0;
}
.slim-spec img{
    background: #aaa;
}

#product02 .con2 img,
#product02 .con3 img,
#product02 .con4 img,
#product02 .con5 img{
    height: 300px;
    padding: 0 0 20px 0;
}
#product02 .con6 img{margin-top: 20px;}
#product02 .con6 p.intro{
    font-size: 27px;
    font-weight: 700;
    margin: 0 0 30px;
}


#product03 .con1 .prod-intro p.jp{
    margin: 15px 0 0;
    font-size: 15px;
}
#product03 .con1 .prod-intro .image{
    margin-top: 60px;
}

.uhr-compare{
    margin: 0 0 45px;
    display: flex;
    gap: 30px;
}
.uhr-compare::before,
.uhr-compare::after{
  display: none;
}
.uhr-compare > .col-sm-6{
    width: calc(50% - 15px);
    padding: 30px 40px;
    background: #00c47e;
    border-radius: 10px;
}
.uhr-compare > .col-sm-6.left{}
.uhr-compare > .col-sm-6.right{}
.uhr-compare h5{
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 20px;
    color: #fff;
    line-height: 1.3em;
}
.uhr-compare .dl-uhr-compare{}
.uhr-compare .dl-uhr-compare:last-child{
    margin: 0;
}
.uhr-compare .dl-uhr-compare dt{
    margin: 0 0 5px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}
.uhr-compare .dl-uhr-compare dd{
    margin-top: 3px;
    font-size: 16px;
    padding-left: 18px;
    position: relative;
    color: #c8ffe1;
}
.uhr-compare .dl-uhr-compare dd .num{
    font-weight: 500;
    position: absolute;
    left: 0;
}
.uhr-compare p{
    margin: 0;
    font-size: 16px;
}

.uhr-contact{
    margin: 0 0 45px;
}
.uhr-contact > div{
    padding: 0;
    width: calc(100% / 3);
}
.uhr-contact .left{}
.uhr-contact .left .apply-langs{
    padding: 25px 30px 29px;
    background: #222;
}
.uhr-contact .left .apply-langs p{
    font-size: 16px;
    margin: 8px 0;
    font-weight: 500;
    color: #fff;
}
.uhr-contact .left .apply-langs p::before{
    content: '';
}
.uhr-contact .left .apply-langs p:last-child{
    margin: 0;
}

.uhr-contact .center{
    position: relative;
}
.uhr-contact .center img{
    /* height: 190px; */
    background: #055e3a;
}
.uhr-contact .center ul{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    padding: 30px;
}
.uhr-contact .center ul > li{
    font-size: 18px;
    color: #fff;
    margin: 10px 0 0;
}
.uhr-contact .center ul > li:first-child{
}
.uhr-contact .center ul > li b{
    display: inline-block;
    width: 100px;
    position: relative;
}
.uhr-contact .center ul > li b::after{
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background: #fff;
    position: absolute;
    top: 6px;
    right: 12px;
    opacity: 0.4;
}

.uhr-contact .right{}
.uhr-contact .right img{
    /* height: 190px; */
    background: #055e3a;
}

.uhr-test-site{}
.uhr-test-site h5{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 25px;
}
.uhr-test-site h5::before{
    content: '';
}
.uhr-test-site .video{position: relative;}
.uhr-test-site .video a{
    font-size: 15px;
    position: relative;
    color: #292929;
    font-weight: 400;
    border: 1px solid #ddd;
    display: block;
    width: 90px;
    margin: 15px auto 0;
    padding: 6px 0 4px;
    text-align: center;
    border-radius: 30px;
}
.uhr-test-site .video a:hover,
.uhr-test-site .video a:focus{
    text-decoration: none;
    background: #f0f0f0;
    border-color: #f0f0f0;
}


.li-mst-intro{}
.li-mst-intro > li{
    font-size: 16px;
    margin-top: 5px;
    position: relative;
    padding-left: 13px;
}
.li-mst-intro > li::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #50b577;
    position: absolute;
    top: 8px;
    left: 0;
}
.li-mst-intro.jp li {
    font-size: 15px;
}
.mst-info{
    margin: 80px 0;
}
.mst-info h5{
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    padding-left: 15px;
}
.mst-info h5::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #0a995b;
    border-radius: 50%;
    box-shadow: 0px 8px #000;
    position: absolute;
    top: 6px;
    left: 0;
}
.mst-info img{
    background: #ddd;
}

.li-mst{
    padding: 31px;
    margin: 0 0 30px;
    background: #f6f6f6;
}
.li-mst > li{
    font-size: 16px;
    margin-top: 5px;
    position: relative;
    padding-left: 12px;
    font-size: 17px;
    font-weight: 500;
}
.li-mst > li:first-child{
    margin-top: 0;
}
.li-mst > li::before{
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border-top: 4px solid transparent;
    border-left: 4px solid #0a995b;
    border-right: 0;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 7px;
    left: 0;
}

.mst-adv-wrap{}
.mst-adv-wrap .mst-adv{}
.mst-adv-wrap .mst-adv img{margin-bottom: 25px;}
.mst-adv-wrap .mst-adv dl{
    margin: 0;
}
.mst-adv-wrap .mst-adv dl dt{
    font-size: 20px;
    letter-spacing: -0.023em;
    line-height: 1.3em;
    margin-bottom: 10px;
}
.mst-adv-wrap .mst-adv dl dd{
    font-size: 16px;
    color: #999;
    line-height: 1.3em;
}

.mst-info.prod-spec{}
.mst-info.prod-spec h5{}
.mst-info.prod-spec .wire-imgbox {
    display: flex;
    border: 5px solid #eee;
    align-items: center;
    justify-content: center;
}
.mst-info.prod-spec .wire-imgbox img{
    height: 240px;
}
.spec-box{
    border: 1px solid #ddd;
    padding: 30px;
    margin:  30px 0 0;
}
.spec-box h6{
    margin: 0 0 15px;
    color: #0a995b;
    font-size: 19px;
    font-weight: 600;
}
.spec-box .li-spec{}
.spec-box .li-spec > li{
    font-size: 16px;
    margin-top: 5px;
    position: relative;
    padding-left: 12px;
}
.spec-box .li-spec > li:first-child{
    margin: 0;
}
.spec-box .li-spec > li::before{
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border-top: 4px solid transparent;
    border-left: 4px solid #ffb600;
    border-right: 0;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 7px;
    left: 0;
}
.mst-info.prod-spec .spec-box h6 {
    color: #333;
}
.mst-info.prod-spec .spec-box {
    background: #f6f6f6;
    border: 0;
    padding: 25px 30px;
    margin-top: 15px;
}
.mst-info.versus{
    margin-bottom: 0;
}
.mst-info.versus h6{
    margin: 0 0 20px;
    font-size: 27px;
    font-weight: 700;
    color: #2b88bd;
}
.mst-info.versus .row > div {
    width: 100%;
}

.mst-info.versus .row > div + div {
    padding-top: 80px;
}
.mst-info.versus img{
    width: 750px;
    margin-left: 0;
}

#product04 .prod-intro a,
#process02 .process-intro a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px;
    background: #4ebb6b;
    border: 1px solid #4ebb6b;
    border-radius: 42px;
    color: #fff;
    margin-left: 65%;
    justify-content: center;
    font-size: 15px;
    letter-spacing: 0.02em;
    margin-bottom: -10px;
}
#product04 .prod-intro a:hover,
#product04 .prod-intro a:focus,
#process02 .process-intro a:hover,
#process02 .process-intro a:focus{
    text-decoration: none;
    color: #fff;
    background: #208d3d;
    border-color: #208d3d;
}
#product04 .prod-intro a > span{}
#product04 .prod-intro a:hover > span,
#product04 .prod-intro a:focus > span{}
#product04 .con2 h4 + .row > div:nth-child(2) {
    height: 435px;
}
#product04 .con1 {
    padding-bottom: 30px;
}
#product04 .speech .general-box{
    border: 1px solid #ddd;
    padding: 30px;
}
.general-box{
    margin: 0 0 30px;
    min-height: 410px;
}
.general-box img{
    min-height: auto;
    background: #aaa;
}
.general-box .caption{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 5px 0 0;
}

.abt-spk-text{
}
.con1 .abt-spk-text + .row::before,
.con1 .abt-spk-text + .row::after{
     display: none;
}
.con1 .abt-spk-text + .row > div{
    padding: 0;
}
#process01 .con3 .abt-spk-text .row{margin-bottom: 50px;}
.abt-spk-text .row .text{
    padding-right: 100px;
    text-align: justify;
}
#process01 .con2 .abt-spk-text .row .text:nth-child(3) {
    padding-right: 15px;
    margin-top: 35px;
}
.abt-spk-text .row .image{}
.abt-spk-text p{
    font-size: 16px;
    margin: 0 0 25px;
    line-height: 1.6em;
    text-align: justify;
}
.abt-spk-text p:last-child{margin-bottom: 0;}
#process01 .img-wrap{display: flex;gap: 50px;align-items: flex-start;margin-bottom: 10px;}
#process01 p + .img-wrap, #process01 .img-wrap + p {
    margin-top: 40px;
}
#process01 .img-wrap .image {
    width: 45%;
}
#process01 .img-wrap img{
    background: #aaa;
}
#process01 .abt-spk-text + .img-wrap {
    margin-top: -30px;
}
#process01 .img-wrap.img-link{display: block;position: relative;}
#process01 .img-wrap.img-link::before{
    content: '\f0c1';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: block;
    line-height: 30px;
    width: 30px;
    text-align: center;
    background: #ff3434;
    color: #fff;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
}
#process01 .img-wrap.img-link:hover,
#process01 .img-wrap.img-link:focus{
    text-decoration: none;
}
#process01 .img-wrap.img-link:hover::before,
#process01 .img-wrap.img-link:focus::before{
    opacity: 1;
}
.li-ab-sp{
    margin:  0 0 45px;
}
.li-ab-sp li{
    font-size: 16px;
    display: flex;
    align-items: flex-start;
    margin: 0 0 32px;
}
.li-ab-sp li .tit{
    font-weight: 700;
    width: 220px;
    border-top: 1px solid #0a995b;
    padding-top: 15px;
    font-size: 18px;
}
.li-ab-sp li .des{
    width: calc(100% - 200px);
    border-top: 1px solid #eee;
    padding-top: 25px;
    padding-left: 35px;
}
.li-classi > li .des::before {
    content: '';
    display: block;
    width: 6px;
    height: 2px;
    background: #666;
    position: absolute;
    top: 9px;
    left: -4px;
}
.abt-spk-text + .classi-box {
    margin-top: 60px;
}
.classi-box{
    margin-bottom: 60px;
}
.classi-box:last-child {
    margin-bottom: 0;
}
.classi-box p{
    font-size: 16px;
    margin: 0 0 20px;
    padding-left: 16px;
    padding-right: 15px;
}
.classi-box ul + p {
    margin-top: 20px;
}
.classi-box h5{
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding-left: 15px;
}
.classi-box h5::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #0a995b;
    border-radius: 50%;
    box-shadow: 0px 8px #000;
    position: absolute;
    top: 6px;
    left: 0;
}
.li-classi{background: #f6f6f6;padding: 20px 40px 30px;}
.li-classi > li{
    font-size: 16px;
    display: flex;
    margin: 15px 0 0;
}
.li-classi > li .tit{
    font-weight: 600;
    color: #0a995b;
    width: 180px;
    padding-right: 30px;
    line-height: 1.24em;
}
.li-classi > li .des{
    width: calc(100% - 220px);
    font-size: 15px;
    position: relative;
    padding-left: 10px;
}
.classi-box .text{}
.classi-box .image{}
.classi-box .classi-box-inner{
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #ddd;
}
.classi-box .classi-box-inner:last-child{
    margin: 0;
    padding: 0;
    border: 0;
}
#process02 .con1 {
    padding-bottom: 30px;
}
#process02 .process-intro{
    margin-bottom: 45px;
    margin-left: 0;
    margin-right: 0;
    border: 10px solid #eee;
    padding: 45px;
}
#process02 .process-intro h4{font-size: 32px;color: #008131;padding: 0;font-weight: 800;}
#process02 .process-intro h4::before{
    content: '';
    width: 22px;
    height: 32px;
    background: #0a995b;
    box-shadow: none;
    top: 2px;
    left: -54px;
    border-radius: 0 20px 20px 0;
}
#process02 .process-intro p{
    font-size: 16px;
    margin: 0 0 15px;
}
#process02 .process-intro p:last-child{
    margin: 0;
}
[id^="process"] .process-intro .li-process > li{
    font-size: 16px;
    margin-top: 11px;
    padding-left: 31px;
    position: relative;
}
[id^="process"] .process-intro .li-process > li::before{
    display: block;
    width: 22px;
    line-height: 22px;
    position: absolute;
    top: 0px;
    left: 0;
    background: #444;
    text-align: center;
    color: #fff;
    font-weight: 600;
}
#process02 .process-intro p.feel{
    text-align: center;
    margin: 30px auto;
    font-size: 30px;
    font-weight: 900;
    width: 65%;
    background: #fff;
    position: relative;
}
#process02 .process-intro p.feel::before{
    content: '';
    display: block;
    width: 132%;
    height: 2px;
    background: #0a995b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
    z-index: -1;
}

.proc-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 80px;
    margin-top: 50px;
}
.proc-core{
    width: calc(50% - 40px );
    padding-left: 90px;
    position: relative;
}
.proc-core dt{
    font-size: 20px;
    margin: 0 0 10px;
    position: relative;
}
.proc-wrap > dl::before {
    content: '\e9e4';
    display: block;
    font-family: 'Material Icons';
    position: absolute;
    left: 0;
    color: #1ca548;
    font-size: 55px;
    line-height: 1em;
}
.proc-wrap > dl:nth-child(2)::before {
    content: '\e2e6';
}
.proc-wrap > dl:nth-child(3)::before {
    content: '\e2eb';
}
.proc-wrap > dl:nth-child(4)::before {
    content: '\e024';
}

.proc-core dd{
    font-size: 16px;
}

#process02 .con3 h4 + p{
    font-size: 18px;
    margin: 0 0 25px;
}

.process-wrap{
    margin-left: -10px;
    margin-right: -10px;
}
.process-wrap > div {
    padding-left: 10px;
    padding-right: 10px;
}
.process-wrap .process{
    position: relative;
    margin: 0 0 20px;
    border: 1px solid #b5e1c6;
    padding: 30px 30px 30px 60px;
    min-height: 245px;
}
.process-wrap .process .num{
    display: block;
    line-height: 30px;
    width: 30px;
    font-size: 32px;
    text-align: center;
    color: #2ca350;
    font-weight: 300;
    position: absolute;
    top: 28px;
    left: 12px;
    font-family: 'Roboto Condensed';
}
.process-wrap .process dl{
    margin: 0;
}
.process-wrap .process dl dt{
    font-size: 20px;
    margin: 0 0 15px;
    color: #0a995b;
    line-height: 1.3em;
}
.process-wrap .process dl dd{
    font-size: 16px;
    color: #333;
    font-weight: 300;
}

#service01 .con1 p{
    font-size: 18px;
    margin: 0;
    padding: 15px 20px 30px 32px;
    font-weight: 600;
    color: #000;
    position: relative;
}
#service01 .con1 p b,
#service02 .con1 p b{
    color: #1a7e35;
}
#service01 .content img{
}

#service02 .con1 p {
    font-size: 18px;
    margin: 0;
    padding: 15px 20px 20px 32px;
    font-weight: 600;
    color: #06872f;
    position: relative;
}

#service01 .con1 p::before, #service02 .con1 p::before {
    display: block;
    font-family: 'Material Icons';
    content: '\e8b6';
    width: 26px;
    height: 26px;
    background: #1ca548;
    position: absolute;
    left: 0;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 3px;
    font-size: 15px;
    top: 16px;
}
#service02 .img-box {
    display: flex;
    gap: 30px;
}
#service02 .content img{
}

#service03 .content p.customer{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin: 0 0 80px;
}
#service03 .content img{
    margin-bottom: 30px;
    height: 400px;
    background: #ddd;
}
#service03 .content img:last-child{
    margin-bottom: 0;
    height: 500px;
}
#service04 .con1 {
    padding-bottom: 30px;
}
#service04 .cert-intro{
    margin-bottom: 45px;
    margin-left: 0;
    margin-right: 0;
    padding: 45px;
    border: 10px solid #eee;
}
#service04 .cert-intro h4{font-size: 32px;color: #008131;padding: 0;font-weight: 800;}
#service04 .cert-intro h4::before{
    content: '';
    width: 22px;
    height: 32px;
    background: #0a995b;
    box-shadow: none;
    top: 2px;
    left: -54px;
    border-radius: 0 20px 20px 0;
}
#service04 .cert-intro p{
    font-size: 16px;
    margin: 0 0 20px;
}
#service04 .cert-intro p:last-child{
    margin: 0;
}
#service04 .con2 h4 + p{
    font-size: 18px;
    margin: 0 0 20px;
}
.dl-cert{
    padding: 45px 60px;
    background: #f6f6f6;
}
.dl-cert dt{
    font-size: 17px;
    padding-bottom: 10px;
}
.dl-cert dd{
    font-size: 16px;
    margin: 5px 0 0;
    position: relative;
    padding-left: 35px;
}
.dl-cert dd .num{
    line-height: 22px;
    width: 22px;
    display: block;
    background: #999;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0;
    font-weight: 600;
    font-size: 12px;
}
.cert-wrap{}
.cert-wrap .cert-box{}
.cert-wrap .cert-box img{
}
.cert-wrap .cert-box .caption{
    margin: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    padding: 15px 0;
}

#inquiry .inquiry-text{
    font-size: 19px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 50px;
    margin-top: -10px;
}

.diffused{
    margin: 0 0 60px;
    border-bottom: 1px solid #999;
}
.diffused ol{
}
.diffused ol > li{
    margin: 0 0 0 3px;
    width: calc(25% - 3px);
}
.diffused ol > li > a{
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    color: #555;
    padding: 14px 15px 11px;
    border-radius: 5px 5px 0 0;
    background: #dfdfdf;
    font-weight: 600;
}
.diffused ol > li > a:hover{
    background: #333;
    color: #fff;
}
.diffused ol > li.active > a, .diffused ol > li.active > a:hover{
    background: #333333;
    font-weight: 600;
}
.diffused ol > li.active > a:hover{
}

#form_contact #list_btn{display: none;}
@media (max-width: 767px){

    .subHeader {
        height: 160px;
    }
    .subHeader .container h2 {
        font-size: 29px;
    }
    .subMenu {
        display: none;
    }
    .subContent {
        padding-top: 60px;
    }
    .subContent_title h3 {
        text-align: center;
        font-size: 32px;
    }
    .greeting .text {
        padding: 15px;
        margin: 0px 0px 0;
    }
    .greeting .text p {
        font-size: 14px;
        margin: 0 0 17px;
    }
    .greeting .text .greet-logo {
        position: static;
    }
    .greeting .text .greet-logo img {
        width: 170px;
        margin-top: 30px;
    }

    .overview-wrap .text {
        padding-left: 15px;
        width: 100%;
    }

    .overview-wrap .image {
        width: 100%;
        padding-right: 15px;
    }
    .overview-wrap .table-style tr th, .overview-wrap .table-style tr td {
        border-left: 0;
        padding: 10px 0;
        font-size: 10px;
        background: transparent;
    }
    .table-style tbody tr th.over-tit {
        background: transparent;
        width: 115px;
        vertical-align: top;
    }
    .table-style tbody tr th.over-tit::before {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        background: #333;
        position: absolute;
        top: 16px;
        left: 0;
    }

    .content .container h4 {
        font-size: 25px;
    }
    .content .container h4::before {
        height: 19px;
    }

    [id^="about"] .content h4 + p {
        font-size: 14px;
        margin: 0 0 20px;
    }

    .history {
        padding: 10px;
    }
    .history .timline {
        line-height: 1;
        font-size: 14px;
    }
    .history .timline .issue {
        position: relative;
        width: calc(100% - 140px);
    }
    .history .timline .date {
        color: #0a995b;
        margin-right: 21px;
        font-weight: 900;
        font-size: 18px;
    }
    .history::before {
        content: '';
        display: block;
        width: 1px;
        height: 79%;
        background: #ddd;
        position: absolute;
        left: 130px;
    }
    .li-corporate {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    .policy-wrap {
        padding: 15px;
        background: #f6f6f6;
    }
    .policy-wrap .li-policy > li {
        margin-top: 10px;
        font-size: 14px;
        padding-left: 31px;
        position: relative;
    }

    [id^="product"] .prod-intro {
        margin-bottom: 45px;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 45px;
        padding: 15px;
        border: 10px solid #eee;
    }
    [id^="product"] .prod-intro .text h4 {
        font-size: 21px;
    }
    [id^="product"] .prod-intro .text h4::before {
        width: 17px;
        height: 19px;
        left: -25px;
    }
    [id^="product"] .prod-intro .image {
        padding-right: 15px;
    }
    [id^="product"] .prod-intro .image img {
        background: #aaa;
        width: 100%;
        margin-top: 12px;
    }
    [id^="product"] .prod-intro .text .li-prod > li {
        font-size: 13px;
    }
    .table-style tr th, .table-style tr td {
        font-size: 12px;
        padding: 10px 24px;
        border-left: 1px solid #ddd;
    }
    .table-style tbody tr th {
        background: #f8f8f8;
        font-size: 13px;
    }

    #product02 .con2 img, #product02 .con3 img, #product02 .con4 img, #product02 .con5 img {
        height: auto;
        padding: 0 0 10px 0;
    }
    .uhr-compare {
        margin: 0 0 45px;
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
    .uhr-compare > .col-sm-6 {
        width: 100%;
        padding: 15px;
    }
    .uhr-compare h5 {
        font-size: 18px;
    }
    .uhr-compare .dl-uhr-compare dt {
        margin: 0 0 5px;
        font-size: 15px;
    }
    .uhr-compare .dl-uhr-compare dd {
        margin-top: 3px;
        font-size: 13px;
    }
    .uhr-contact > div {
        padding: 0;
        width: 100%;
    }
    .uhr-contact .left .apply-langs {
        padding: 10px;
    }
    .uhr-contact .left .apply-langs p {
        font-size: 14px;
    }
    .uhr-contact .center ul {
        padding: 10px;
    }
    .uhr-contact .center ul > li {
        font-size: 14px;
    }
    .uhr-contact .center ul > li b {
        display: inline-block;
        width: 80px;
    }
    .uhr-contact .center ul > li b::after {
        right: 11px;
    }
    .uhr-test-site .video {
        position: relative;
        margin: 0 0 30px;
    }
    .li-mst-intro > li {
        font-size: 13px;
    }
    .li-mst-intro > li::before {
        width: 4px;
        height: 4px;
        top: 6px;
    }
    .li-mst-intro.jp li {
        font-size: 12px;
    }

    .mst-adv-wrap .mst-adv{
        margin-bottom: 30px;
    }
    .mst-adv-wrap .mst-adv img {
        margin-bottom: 15px;
    }
    .mst-adv-wrap .mst-adv dl dt {
        font-size: 16px;
    }
    .mst-adv-wrap .mst-adv dl dd {
        font-size: 13px;
    }

    .mst-info.prod-spec .wire-imgbox img {
        height: auto;
    }

    #product04 .prod-intro a, #process02 .process-intro a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px;
        background: #4ebb6b;
        border: 1px solid #4ebb6b;
        border-radius: 42px;
        color: #fff;
        margin-top: 12px;
        margin-left: 0;
        justify-content: center;
        font-size: 15px;
        letter-spacing: 0.02em;
        margin-bottom: 0;
    }
    .general-box img {
        min-height: auto;
        background: #aaa;
    }
    .abt-spk-text .row .text {
        padding-right: 15px;
        text-align: justify;
    }
    .abt-spk-text p {
        font-size: 14px;
        margin: 0 0 15px;
        line-height: 1.6em;
        text-align: justify;
    }
    #process01 p + .img-wrap, #process01 .img-wrap + p {
        margin-top: 15px;
    }
    .li-ab-sp li {
        font-size: 16px;
        display: block;
        margin: 0 0 32px;
    }
    .li-ab-sp li .tit {
        font-weight: 700;
        width: 100%;
        border-top: 1px solid #0a995b;
        padding-top: 15px;
        font-size: 18px;
        display: block;
    }
    .li-ab-sp li .des {
        width: 100%;
        border-top: 0;
        padding-top: 5px;
        padding-left: 0;
        display: block;
    }

    .li-classi {
        background: #f6f6f6;
        padding: 15px;
    }
    .li-classi > li {
        font-size: 16px;
        display: flex;
        margin: 15px 0 0;
        flex-direction: column;
    }
    .li-classi > li .tit {
        font-weight: 600;
        color: #0a995b;
        width: 100%;
        padding-right: 0;
    }
    .li-classi > li .des {
        width: 100%;
        font-size: 13px;
        position: relative;
        padding-left: 10px;
    }

    [id^="process"] .process-intro .li-process > li {
        font-size: 13px;
    }
    [id^="process"] .process-intro .li-process > li::before {
        display: block;
        width: 17px;
        line-height: 17px;
    }
    #process02 .process-intro p.feel {
        text-align: center;
        margin: 30px auto;
        font-size: 17px;
        font-weight: 900;
        width: 90%;
    }

    .proc-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 50px;
        flex-direction: column;
    }
    .proc-core {
        width: 100%;
    }

    #service02 .con1 p {
        font-size: 15px;
        margin: 0;
    }
    #service02 .img-box {
        display: flex;
        gap: 30px;
        flex-direction: column;
    }

    #service03 .content img {
        margin-bottom: 30px;
        height: auto;
    }
    #service03 .content img:last-child {
        height: auto;
    }

    .dl-cert {
        padding: 15px;
        background: #f6f6f6;
    }
    .dl-cert dd {
        font-size: 13px;
    }

    .diffused {border: 0;}
    .diffused ol > li {
        margin: 0 0 3px;
        width: 100%;
    }
    .diffused ol > li > a {
        font-size: 14px;
        padding: 8px 15px 8px;
        border-radius: 5px;
    }

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

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

    #list_btn{display: none;}
    #write_btn{margin: 0;}
}
@media (min-width: 768px) and  (max-width: 991px){
    .subMenu .nav > li > a {
        font-size: 14px;
    }
    .greeting .text {
        padding: 50px 50px 240px;
        box-shadow: 3px 3px 5px 0 rgb(0 0 0 / 2%);
        position: relative;
        background: #fff;
        margin: -150px 40px 0;
    }
    .overview-wrap .text {
        padding-left: 15px;
        width: 70%;
    }
    .overview-wrap .table-style tr th, .overview-wrap .table-style tr td {
        font-size: 13px;
    }
    .table-style tbody tr th.over-tit {
        width: 139px;
        padding-left: 15px;
        vertical-align: top;
    }
    .history .timline .issue {
        position: relative;
        width: calc(100% - 140px);
    }
    .history .timline {
        line-height: 1;
        font-size: 15px;
    }
    .history::before {
        left: 184px;
    }
    .policy-wrap {
        padding: 15px 30px;
        background: #f6f6f6;
    }
    [id^="product"] .prod-intro .image img {
        background: #aaa;
        width: 100%;
    }
    #product04 .con2 h4 + .row > div:nth-child(2) {
        height: 285px;
    }
    .general-box img{
        height: auto;
        min-height: auto;
    }
    #product04 .prod-intro a, #process02 .process-intro a {
        margin-left: 40%;
    }
    .process-wrap .process dl dd {
        font-size: 15px;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //서브페이지 */

/* 푸터 */

footer {text-align: left;padding: 45px 0 45px;background: #f5f5f5;}
footer .footer-logo{
    padding-right: 50px;
    width: 22%;
}
footer .footer-logo img {
}
footer .footer-logo h1{margin: 0;}
footer .footer-logo h1 > a{display: block;}
footer .footer-logo h1 > a > img{display: block;}
footer .footer-text{
    padding-top: 0;
    width: 78%;
}
footer .footer-text p{}
footer .footer-text ul{padding-left: 0;margin-bottom: 0;}
footer .footer-text ul:after{content: '';clear: both;display: table;}
footer .footer-text ul li{float: left;margin-right: 15px;line-height: 1.5;font-size: 14px;color: #666;}
footer .footer-text ul li b {
    font-weight: 600;
    color: #555;
}
footer .footer-text ul:nth-child(1) li:nth-child(1) {
    margin-bottom: 3px;
    font-size: 17px;
}
footer .footer-text ul:nth-child(4) {
    margin-top: 5px;
}
footer .footer-text ul li address{margin-bottom: 0;line-height: 1.4;}
footer .footer-text .copyrights{display: block;font-size: 12px;margin-top: 15px;color: #999;}

@media (max-width: 767px){
    footer .footer-logo {
        padding-right: 15px;
        width: 50%;
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    footer .footer-logo {
        padding-right: 25px;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //푸터 */

.btn.btn-primary {
    background: #333;
    border-color: #333;
}

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