@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

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

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

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


/* 메인 애니메이션 */
.ani{
    opacity: 0;
    animation-duration: 1s;
	animation-fill-mode: both;
}
.ani-wrap{overflow: hidden;}
.active .ani.fi-in{animation-name:fadeIn;}
.active .ani.fi-up{animation-name:fadeInUp;}
.active .ani.fi-up2{animation-name:fadeInUp2;position: relative;}
.active .ani.fi-down{animation-name:fadeInDown;}
.active .ani.fi-left{animation-name:fadeInLeft;}
.active .ani.fi-right{animation-name:fadeInRight;}
.active .ani.fi-right2{animation-name:fadeInRight2;}
@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        top: 20px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        right: -20px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

.active .ani.t1{animation-delay: 0.1s;}
.active .ani.t2{animation-delay: 0.2s;}
.active .ani.t3{animation-delay: 0.3s;}
.active .ani.t4{animation-delay: 0.4s;}
.active .ani.t5{animation-delay: 0.5s;}
.active .ani.t6{animation-delay: 0.6s;}
.active .ani.t7{animation-delay: 0.7s;}
.active .ani.t8{animation-delay: 0.8s;}
.active .ani.t9{animation-delay: 0.9s;}
.active .ani.t10{animation-delay: 1.0s;}
.active .ani.t11{animation-delay: 1.1s;}
.active .ani.t12{animation-delay: 1.2s;}
.active .ani.t13{animation-delay: 1.3s;}
.active .ani.t14{animation-delay: 1.4s;}
.active .ani.t15{animation-delay: 1.5s;}
.active .ani.t16{animation-delay: 1.6s;}
.active .ani.t17{animation-delay: 1.7s;}
.active .ani.t18{animation-delay: 1.8s;}
.active .ani.t19{animation-delay: 1.9s;}

.active .ani.t55{animation-delay: 5.5s;}

/* 메인 - It begins with you, it ends with you. */
.ani.fi-left2 {
    animation-name: fadeInLeft2;
    animation-duration: 2s;
}
@keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        width: 0;
    }
    100% {
        opacity: 1;
        width: 630px;
    }
}

/* 서브 타이틀 하단 텍스트 */
.ani.fi-left3 {
    animation-name: fadeInLeft3;
    animation-duration: .7s;
}
@keyframes fadeInLeft3 {
    0% {
        opacity: 0;
        width: 0;
    }
    100% {
        opacity: 1;
        width: 120px;
    }
}

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


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

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

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

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

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

/* 상단 네비게이션 */

.lang-wrap{
    padding: 0;
    background: #f0f0f0;
}
.lang-wrap ul{
    display: flex;
    justify-content: flex-end;
}
.lang-wrap ul > li{}
.lang-wrap ul > li button{
    padding: 4px 0 5px;
    border: 0;
    line-height: 1;
    background: 0;
    font-size: 12px;
    font-weight: 500;
    color: #999;
    display: block;
    letter-spacing: 0.05em;
    width: 42px;
}
.lang-wrap ul > li button img {
    margin: auto;
}
.lang-wrap ul > li button:hover,
.lang-wrap ul > li button:focus{}
.lang-wrap ul > li button.active, .lang-wrap ul > li button.active:hover{
    font-weight: 400;
    color: #fff;
}
.lang-wrap ul > li:last-child button {
}
.lang-wrap ul > li button:hover {
    background: #e0e0e0;
    color: #fff;
}

.lang-dropdown{
    position: absolute;
    top: 0;
    right: 30px;
    min-width: 118px;
}
.lang-dropdown .lang-btn{
    background: none;
    border: 0;
    padding: 5px;
    display: block;
    line-height: 1;
    width: 100%;
    height: 84px;
    font-weight: 600;
}
.lang-dropdown .lang-btn > span{
    line-height: 24px;
    /* display: block; */
    vertical-align: middle;
    margin-right: 5px;
}
.lang-dropdown .lang-btn:hover,
.lang-dropdown .lang-btn:focus{
    border: 0;
    outline: 0;
}
.lang-dropdown.open .lang-btn{
    color: #e00d14;
}
.lang-dropdown ul{
    display: none;
}
.lang-dropdown ul{
    background: #fff;
    position: absolute;
    top: calc(100% + 1px);
    border: 1px solid #eee;
    border-top: 0;
    padding: 5px 0;
}
.lang-dropdown ul > li{}
.lang-dropdown ul > li .lang{
    display: block;
    width: 100%;
    border: 0;
    background: none;
    line-height: 1;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
}
.lang-dropdown ul > li .lang:hover{
    color: #e11118;
}
.lang-dropdown ul > li .lang.active{
    color: #e11118;
    font-weight: 500;
}

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

.nav.navbar-nav > li{
    margin: 32px 30px;
}
[lang="es"] .nav.navbar-nav > li{
    margin: 32px 22px;
}
[lang="pt"] .nav.navbar-nav > li{
    margin: 32px 22px;
}
.nav.navbar-nav > li > a{display: block;height: 100%;/* padding: 32px 30px; */padding: 0;font-size: 17px;color: #333;font-weight: 700;letter-spacing: 0;text-transform: uppercase;}
.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: #e21a21;background: none;}
.nav.navbar-nav li .dropdown-menu{left: 50%;right: auto;border-radius: 0;border: 0;padding: 0;background: rgba(0,0,0,0.8);transform: translateX(-50%);}
.nav.navbar-nav li .dropdown-menu li a{padding: 12px 15px;color: #fff;text-align: center;letter-spacing: 0.02em;}
.nav.navbar-nav li .dropdown-menu li a:hover,
.nav.navbar-nav li .dropdown-menu li a:focus{
    background: #e1131a;
}

#menu-bottom{
    display: none;
    border-top: 1px solid transparent;
    height: 300px;
    overflow: hidden;
}
#menu-bottom.on{border-color: #eee;}
#menu-bottom .inner{
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
#menu-bottom .inner .left{
    padding-left: 150px;
}
.menu-wrap{
    display: none;
}
.menu-wrap::after{
    content: '';
    display: table;
    clear: both;
}
.menu-wrap .menu-list{
    background: #fafafa;
    width: 350px;
    height: 300px;
    float: left;
    padding-top: 20px;
}
.menu-wrap .menu-list > li{
    /* margin: 5px 0; */
}
.menu-wrap .menu-list > li > a{
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    padding: 7px 35px;
}
.menu-wrap .menu-list > li > a:hover,
.menu-wrap .menu-list > li > a:focus,
.menu-wrap .menu-list > li.on > a{
    color: #fff;
    background: #db3c3d;
    text-decoration: none;
}
.biosensor-list{
    float: left;
    padding: 15px;
}
.biosensor-list > li{
    margin-top: 5px;
}
.biosensor-list > li > a{
    display: block;
    font-size: 15px;
    color: #555;
    /* font-weight: 300; */
    padding: 7px 15px;
}
.biosensor-list > li > a:hover,
.biosensor-list > li > a:focus{
    color: #e21a21;
}

#menu-bottom .inner .right{
    padding-top: 30px;
    padding-right: 30px;
}
.menu-thumb{
    display: block;
}
.menu-thumb:hover,
.menu-thumb:focus{
    text-decoration: none;
}
.menu-thumb .tit{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 10px;
}
.menu-thumb .tit .text{
    font-size: 25px;
    color: #333;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
    font-weight: 300;
    letter-spacing: -0.02em;
}
.menu-thumb .tit .material-icons{
    color: #333;
    font-size: 34px;
    margin-right: -10px;
}
.menu-thumb img{
    width: 350px;
    height: 190px;
    background: #666;
}



@media (max-width: 767px){
    #site{
        padding-top: 90px;
    }
    .lang-dropdown {
        position: relative;
        top: auto;
        right: auto;
        min-width: auto;
        display: flex;
        align-items: center;
        padding: 5px 15px;
        justify-content: flex-end;
        border-bottom: 1px solid #eee;
    }
    .lang-dropdown .lang-btn {
        display: none;
    }
    .lang-dropdown ul{
        display: flex !important;
        position: static;
        border: 0;
        padding: 0;
        overflow: hidden;
        gap: 0 10px;
    }
    .lang-dropdown ul > li{}
    .lang-dropdown ul > li .lang {
        padding: 0;
        font-size: 12px;
    }
    
    .navbar-header .navbar-brand {
        margin-top: 10px;
        margin-left: 15px !important;
        width: 70px;
    }

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

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

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

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

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

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

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

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

    .nav.navbar-nav > li {
        margin: 0;
    }
    .nav.navbar-nav > li > a {
        padding: 11px 15px;
        font-size: 16px;
        text-align: center;
    }
    .nav.navbar-nav li .dropdown-menu {
        transform: translateX(0%);
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #site{}

    .lang-dropdown {
        position: static;
        min-width: auto;
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
    }
    .lang-dropdown .lang-btn{display: none;}
    
    .lang-dropdown ul{
        display: flex !important;
        position: static;
        border: 0;
        padding: 0;
        overflow: hidden;
        gap: 0 10px;
        justify-content: flex-end;
    }
    .lang-dropdown ul > li{}
    .lang-dropdown ul > li .lang {
        padding: 0;
        font-size: 13px;
    }
    
    .navbar-header .navbar-brand {
        width: 70px;
    }
    .nav.navbar-nav > li {
        margin: 32px 10px;
    }
    .nav.navbar-nav > li > a{
        font-size: 14px;
    }
    #menu-bottom .inner .left {
        padding-left: calc((100% - 750px) / 2);;
    }
    #menu-bottom .inner .right {
        padding-right: calc((100% - 750px) / 2);;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #site{}
    .navbar-nav{float: right !important;}
    .nav.navbar-nav > li {
        margin: 32px 14px;
    }
    .nav.navbar-nav > li > a {
        display: block;
        height: 100%;
        /* padding: 32px 30px; */
        padding: 0;
        font-size: 15px;
    }
    .lang-dropdown {
        right: 10px;
        min-width: 100px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        display: flex !important;
        padding-left: 45px;
    }
}

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

/* 슬라이드 영역 */
#mainCarousel .carousel-inner .item{
    height: 745px;
}
#mainCarousel .carousel-inner .item::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .2;
}
#mainCarousel {
    margin-top: 85px;
}
#mainCarousel .carousel-inner .item .carousel-caption{padding: 0;left: calc((100% - 1140px) / 2);right: 40%;text-align: left;text-shadow: none;top: 49%;}
#mainCarousel .carousel-inner .item h1{
    font-weight: 600;
    font-size: 52px;
    margin-bottom: 0;
}
#mainCarousel .carousel-inner .item p{
    font-size: 20px;
    letter-spacing: 0;
}
#mainCarousel .carousel-inner .item p a{
    display: block;
    border-radius: 50px;
    background: #fff;
    text-align: center;
    color: #000;
    line-height: 1;
    padding: 15px 15px 14px;
    width: 130px;
    font-size: 14px;
    margin: 45px 0 0;
    font-weight: 500;
    display: none;
}
#mainCarousel .carousel-inner .item p a:hover,
#mainCarousel .carousel-inner .item p a:focus{
    color: #fff;
    text-decoration: none;
    background: #d81317;
}
#mainCarousel .carousel-control > span{display: none;}
#mainCarousel .carousel-control.left{
    background: url(/public/img/slide/arrow_prev.png) no-repeat center;
    opacity: 1;
}
#mainCarousel .carousel-control.right{
    background: url(/public/img/slide/arrow_next.png) no-repeat center;
    opacity: 1;
}
#mainCarousel .carousel-indicators > li,
#mainCarousel .carousel-indicators > li.active{}
#mainCarousel .carousel-indicators > li.active{}


#mainCarousel .carousel-inner .item h1 span {
    font-size: 22px;
    display: block;
}

#mainCarousel .carousel-inner .item h1,
#mainCarousel .carousel-inner .item p{
    opacity: 0;
    transition: all .6s ease;
    position: relative;
    right: -15px;
    line-height: 1.25;
}
#mainCarousel .carousel-inner .item h1{
    transition-delay: 0.2s;
}
#mainCarousel .carousel-inner .item p{
    transition-delay: 0.5s;
}
#mainCarousel .carousel-inner .item.active h1,
#mainCarousel .carousel-inner .item.active p{
    opacity: 1;
    right: 0;
}

@media (max-width: 767px){
    #mainCarousel {
        margin-top: 0;
    }
    #mainCarousel .carousel-inner .item{
        height: calc(100vh - 90px)
    }
    #mainCarousel .carousel-inner .item .carousel-caption{
        left: 10%;
        right: 10%;
    }
    #mainCarousel .carousel-inner .item h1 {
        font-weight: 600;
        font-size: 28px;
    }
    #mainCarousel .carousel-inner .item h1 span {
        font-size: 16px;
        display: block;
    }
    #mainCarousel .carousel-inner .item p {
        font-size: 16px;
    }
    .carousel-control {
        width: 5%;
    }
    #mainCarousel .carousel-control.left,
    #mainCarousel .carousel-control.right{
        background-size: contain;
    }
    #mainCarousel .carousel-control.left{
        background-position-x: 5px;
    }
    #mainCarousel .carousel-control.right{
        background-position-x: -5px;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #mainCarousel .carousel-inner .item .carousel-caption{
        left: 10%;
        right: 10%;
    }
    #mainCarousel .carousel-inner .item h1 {
        font-weight: 600;
        font-size: 42px;
    }
    .carousel-control {
        width: 5%;
    }
    #mainCarousel .carousel-control.left,
    #mainCarousel .carousel-control.right{
        background-size: contain;
    }
    #mainCarousel .carousel-control.left{
        background-position-x: 5px;
    }
    #mainCarousel .carousel-control.right{
        background-position-x: -5px;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #mainCarousel .carousel-inner .item .carousel-caption{
        left: 10%;
        right: 10%;
    }
    .carousel-control {
        width: 5%;
    }
    #mainCarousel .carousel-control.left{
        background-position-x: 15px;
    }
    #mainCarousel .carousel-control.right{
        background-position-x: -15px;
    }
}
/* //슬라이드 영역 */

/* 메인 중단영역 */

#main_wrapper > section{padding: 80px 0 100px;}
#main_wrapper > section > .container {
    text-align: center;
}
#main02 > .container {
    position: relative;
}
#main_wrapper #main01 {
    position: relative;
    background: url(/public/img/main/main-ptn.png) repeat-x bottom;
    padding-bottom: 150px;
}

#main_wrapper #main02::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    /* opacity: .9; */
}
#main_wrapper > #main02{background: #f8f8f8;background: center / cover no-repeat url(/public/img/main/main-bg.jpg);position: relative;display: none;}
#main_wrapper > #main02 h3 {
}
#main_wrapper > section h3{
    font-size: 25px;
    text-align: center;
    margin: 0 auto 50px;
    letter-spacing: 0;
    font-weight: 900;
    color: #000;
    border: 1px solid #999;
    display: inline-block;
    padding: 12px 60px;
    border-radius: 50px;
    background: #fff;
    position: relative;
    z-index: 2;
}
#main_wrapper > section h3::before, #main_wrapper > section h3::after{
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: #999;
    position: absolute;
    z-index: -2;
    left: -100px;
    top: 29px;
}
#main_wrapper > section h3::after {
    right: -100px;
    left: auto;
}
#main01 .view{
    display: block;
    margin: -30px auto 50px;
    text-align: center;
    width: 80px;
    color: #333;
    text-decoration: underline;
    font-size: 14px;
}
#main01 .view:hover,
#main01 .view:focus{
    color: #e21a21;
}
.main-prod-wrap{
    width: 1000px;
    margin: auto;
}
.main-prod-wrap .grid-container{
    /* display: grid;
    align-items: start;
    justify-items: center;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; */
    position: relative;
    margin: 0 auto 130px;
    display: flex;
    flex-wrap: wrap;
}
.main-prod-wrap .item{
    width: 380px;
    height: 330px;
    margin: 0px 0 -155px;
    color: #000;
    position: relative;
    overflow: hidden;
    float: left;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.main-prod-wrap .item:first-child{
}
.main-prod-wrap .item:nth-child(6n+1),
.main-prod-wrap .item:nth-child(6n+4) {
    margin-left: 310px;
    margin-right: 310px;
}
.main-prod-wrap .item:nth-child(6n+2),
.main-prod-wrap .item:nth-child(6n+5) {margin-left: 10px;}
.main-prod-wrap .item:nth-child(6n+3),
.main-prod-wrap .item:nth-child(6n+6) {
    margin-left: 220px;
}
/* .main-prod-wrap .item:nth-child(3n), .main-prod-wrap .item:nth-child(3n+1){
    position: relative;
    top: -190px;
} */
.main-prod-wrap .item.fake{
    width: 225px;
}
.main-prod-wrap .item .hex1, .main-prod-wrap .item .hex2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform-origin: 190px 165px;
    -moz-transform-origin: 190px 165px;
    -webkit-transform-origin: 190px 165px;
    -o-transform-origin: 190px 165px;
    -ms-transform-origin: 190px 165px;
}
.main-prod{
    /* display: block;
    position: relative;
    overflow: hidden; */
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
    transform: rotate(240deg);
    -moz-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    -o-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform-origin: 190px 165px;
    -moz-transform-origin: 190px 165px;
    -webkit-transform-origin: 190px 165px;
    -o-transform-origin: 190px 165px;
    -ms-transform-origin: 190px 165px;
}
.main-prod::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/public/img/main/main-prod-bg.png);
}
.main-prod:hover,
.main-prod:focus{}
.main-prod-wrap .item:nth-child(1) .main-prod {
    background: #65ada6;
}
.main-prod-wrap .item:nth-child(2) .main-prod {
    background: #ef9200;
}
.main-prod-wrap .item:nth-child(3) .main-prod {
    background: #eee;
    /* border: 1px solid #ccc; */
}
.main-prod-wrap .item:nth-child(4) .main-prod {
    background: #7a4baf;
}
.main-prod-wrap .item:nth-child(5) .main-prod {
    background: #204ea3;
}
.main-prod-wrap .item:nth-child(6) .main-prod {
    background: #333;
}
.main-prod-wrap .item:nth-child(7) .main-prod {
    background: #fff;
}
.main-prod-wrap .item:nth-child(4) .main-prod::before, .main-prod-wrap .item:nth-child(5) .main-prod::before {
    opacity: 0.4;
}

.main-prod-wrap .item:nth-child(6) .main-prod::before {
    opacity: 0.4;
}
.main-prod img{
    width: 330px;
    height: 330px;
    /* transform: scale(1); */
    transition: all cubic-bezier(0.27, 0.51, 0.38, 1.01) 0.35s;
    position: relative;
}
.main-prod:hover img {
/*     transform: scale(1.1); */
    width: 360px;
    height: 360px;
}
.main-prod .caption{
    position: absolute;
    top: 57px;
    left: 77px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
[lang="kr"] .main-prod .caption{
    top: 41px;
    left: 84px;
    font-size: 20px;
}
[lang="es"] .main-prod .caption{
    top: 27px;
    left: 98px;
    font-size: 20px;
    width: 50%;
    text-align: left;
}
[lang="cn"] .main-prod .caption{
    top: 35px;
    left: 80px;
    font-size: 20px;
}
[lang="cn"] .main-prod-wrap .item:nth-child(5) .main-prod .caption, 
[lang="cn"] .main-prod-wrap .item:nth-child(6) .main-prod .caption{left: 100px}
[lang="pt"] .main-prod .caption{
    top: 27px;
    left: 98px;
    font-size: 20px;
    width: 50%;
    text-align: left;
}
.main-prod-wrap .item:nth-child(3) .main-prod .caption, .main-prod-wrap .item:nth-child(7) .main-prod .caption {
    color: #333;
}
.main-empecs{
    display: block;
    color: #000;
}
.main-empecs:hover,
.main-empecs:focus{
    color: #e21920;
    text-decoration: none;
}
.main-empecs img{
    height: 280px;
}
.main-empecs .img-wrap{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}
.main-empecs .img-wrap .more{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    transition: all .3s ease;
    opacity: 0;
    text-decoration: underline;
}
.main-empecs:hover .img-wrap .more{opacity: 1;padding-top: 130px;}
.main-empecs .caption{
    display: block;
    text-align: center;
    padding: 15px 0;
    font-size: 22px;
    font-weight: 600;
}

@media (max-width: 767px){
    #main_wrapper #main01 {
        padding-bottom: 0px;
    }
    #main_wrapper > section h3 {
        font-size: 21px;
        text-align: center;
        margin: 0 auto 50px;
        letter-spacing: 0;
        font-weight: 900;
        color: #000;
        border: 1px solid #999;
        display: inline-block;
        padding: 6px 30px;
        border-radius: 50px;
        background: #fff;
        position: relative;
        z-index: 2;
    }
    #main_wrapper > section h3::before, #main_wrapper > section h3::after {
        top: 17px;
    }
    .main-prod-wrap{
        width: 100%;
    }
    .main-prod-wrap .grid-container{}
    .main-prod-wrap .item{
        width: 130px;
        height: 112px;
        margin: 0 0 -55px;
    }
    .main-prod-wrap .item:first-child{
    }
    .main-prod-wrap .item:nth-child(6n+1),
    .main-prod-wrap .item:nth-child(6n+4) {
        margin-left: 100px;
        margin-right: 100px;
    }
    .main-prod-wrap .item:nth-child(6n+2),
    .main-prod-wrap .item:nth-child(6n+5) {margin-left: 0;}
    .main-prod-wrap .item:nth-child(6n+3),
    .main-prod-wrap .item:nth-child(6n+6) {
        margin-left: 70px;
    }
    .main-prod img {
        width: 150px;
        height: 150px;
    }
    .main-prod:hover img {
        width: 150px;
        height: 150px;
    }
    .main-prod-wrap .item .hex1, .main-prod-wrap .item .hex2 {
        transform-origin: 65px 56px;
        -moz-transform-origin: 65px 56px;
        -webkit-transform-origin: 65px 56px;
        -o-transform-origin: 65px 56px;
        -ms-transform-origin: 65px 56px;
    }
    .main-prod{
        transform-origin: 65px 56px;
        -moz-transform-origin: 65px 56px;
        -webkit-transform-origin: 65px 56px;
        -o-transform-origin: 65px 56px;
        -ms-transform-origin: 65px 56px;
    }
    .main-prod .caption {
        position: absolute;
        top: 23px;
        left: 23px;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        text-align: left;
    }
    .main-prod-wrap .item:nth-child(6) .main-prod img{
        position: absolute;
        bottom: 7px;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    .main-prod-wrap {
        width: 720px;
    }
    .main-prod img {
        width: 250px;
        height: 216px;
    }
    .main-prod:hover img {
        width: 250px;
        height: 216px;
    }
    .main-prod-wrap .item .hex1, .main-prod-wrap .item .hex2 {
        transform-origin: 125px 108px;
        -moz-transform-origin: 125px 108px;
        -webkit-transform-origin: 125px 108px;
        -o-transform-origin: 125px 108px;
        -ms-transform-origin: 125px 108px;
    }
    .main-prod{
        transform-origin: 125px 108px;
        -moz-transform-origin: 125px 108px;
        -webkit-transform-origin: 125px 108px;
        -o-transform-origin: 125px 108px;
        -ms-transform-origin: 125px 108px;
    }
    .main-prod-wrap .grid-container{}
    .main-prod-wrap .item{
        width: 250px;
        height: 216px;
        margin: 00 0 -107px;
    }
    .main-prod-wrap .item:first-child{}
    .main-prod-wrap .item:nth-child(6n+1),
    .main-prod-wrap .item:nth-child(6n+4) {
        margin-left: 235px;
        margin-right: 235px;
    }
    .main-prod-wrap .item:nth-child(6n+2),
    .main-prod-wrap .item:nth-child(6n+5) {
        margin-left: 45px;
    }
    .main-prod-wrap .item:nth-child(6n+3),
    .main-prod-wrap .item:nth-child(6n+6) {
        margin-left: 130px;
    }
    .main-prod .caption {
        top: 20px;
        left: 58px;
        font-size: 20px;
        text-align: left;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    .main-prod-wrap {
        width: 940px;
    }
    .main-prod img {
        width: 300px;
        height: 260px;
    }
    .main-prod:hover img {
        width: 310px;
        height: 270px;
    }
    .main-prod-wrap .grid-container{}
    .main-prod-wrap .item{
        width: 300px;
        height: 260px;
        margin: 0 0 -120px;
    }
    .main-prod-wrap .item .hex1, .main-prod-wrap .item .hex2 {
        transform-origin: 150px 130px;
        -moz-transform-origin: 150px 130px;
        -webkit-transform-origin: 150px 130px;
        -o-transform-origin: 150px 130px;
        -ms-transform-origin: 150px 130px;
    }
    .main-prod{
        transform-origin: 150px 130px;
        -moz-transform-origin: 150px 130px;
        -webkit-transform-origin: 150px 130px;
        -o-transform-origin: 150px 130px;
        -ms-transform-origin: 150px 130px;
    }
    .main-prod-wrap .item:first-child{}
    .main-prod-wrap .item:nth-child(6n+1),
    .main-prod-wrap .item:nth-child(6n+4) {
        margin-left: 320px;
        margin-right: 320px;
    }
    .main-prod-wrap .item:nth-child(6n+2),
    .main-prod-wrap .item:nth-child(6n+5) {margin-left: 80px;}
    .main-prod-wrap .item:nth-child(6n+3),
    .main-prod-wrap .item:nth-child(6n+6) {
        margin-left: 180px;
    }
    .main-prod .caption {
        top: 30px;
        left: 70px;
        text-align: left;
    }
}

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

/* 서브페이지 */

.subHeader {height: 360px;background-image: url(/public/img/sub/sub_title.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #333;position: relative;}
#about .subHeader{background-image: url(/public/img/sub/sub_title1.jpg);}
#manufacture .subHeader{background-image: url(/public/img/sub/sub_title2.jpg);}
[id^="product"] .subHeader{background-image: url(/public/img/sub/sub_title.jpg);/* height: 220px; */}
#product_overview .subHeader {
    background-image: url(/public/img/sub/sub_title3.jpg);
    height: 360px;
}

header.subHeader {}
#news .subHeader{background-image: url(/public/img/sub/sub_title4.jpg);}
[id^="support"] .subHeader{background-image: url(/public/img/sub/sub_title5.jpg);}
#recruit .subHeader{background-image: url(/public/img/sub/sub_title6.jpg);}
.subHeader::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
}
.subHeader .container{position: absolute;top: 61%;left: 50%;transform: translate(-50%, -50%);}
.subHeader .container h2{text-align: center;color: #fff;font-size: 45px;margin: 0;}
.subHeader .container h2 span {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}
.subHeader .container .breadcrumb{padding: 0;margin: 5px 0 0;background: none;text-align: center;}
.subHeader .container .breadcrumb > li > a,
.subHeader .container .breadcrumb > li.active{color:#fff;opacity: 0.7;font-size: 13px;letter-spacing: 0.02em;font-weight: 300;}

.subMenu{
    border-bottom: 1px solid #eee;
    background: #fff;
}
.subMenu.fixed{
    top: 84px;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 1;
}
.subMenu .nav{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.subMenu .nav > li{
    margin: 0;
}
.subMenu .nav > li > a{
    display: block;
    background: none;
    color: #999;
    font-size: 17px;
    border-radius: 0;
    border: 0;
    border-bottom: 3px solid transparent;
    padding: 20px 0;
    font-weight: 500;
    min-width: 90px;
    text-align: center;
    transition: all .3s ease;
}
.subMenu .nav > li > a:hover,
.subMenu .nav > li > a:focus{
    color: #000;
    background: none;
}
.subMenu .nav > li.active > a{
    color: #e21920;
    font-weight: 700;
    border-color: #e21920;
    /* font-size: 18px; */
    font-size: 17px;
}

.subContent{}
.subContent.addPadding{padding-top: 69px;}
.subContent_title{
    padding: 60px 0 40px;
}
.subContent_title h3{
    margin: 0;
    font-size: 40px;
    font-weight: 700;
}
.subContent .content, .bbs-section{
    padding: 100px 0 150px;
}
.subContent .content h3,
.subContent .bbs-section .container > h3{
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 40px;
    position: relative;
}
.subContent .content h3::before{content: '';}
.subContent .content h3 small{
    font-size: 20px;
    color: #00417f;
    font-weight: 700;
    display: block;
    margin-top: 15px;
}
#product01 .subContent .content h3{
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
    position: relative;
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 0;
}
#product01 .subContent .content h3::before{
    content: '';
    display: block;
    width: 340px;
    height: 1px;
    /* background: #e21a21; */
    position: absolute;
    bottom: -1px;
}


#about .content, #manufacture .content {
    padding: 100px 0 120px;
}
#about .subContent .content#sec01{background: #fff;}
.about-intro{}
.about-intro img{
    margin-bottom: 30px;
}
.about-intro p{
    font-size: 16px;
    margin: 0 0 30px;
}
.about-intro p.intro{
    font-size: 24px;
    font-weight: 600;
    margin-top: 50px;
}
.about-intro img {
    display: none;
}

#about .subContent .content#sec02{/* background: url(/public/img/sub/history-bg.jpg) no-repeat bottom; */position: relative;}
#about #sec02::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/public/img/sub/history-bg.jpg) no-repeat bottom;
    top: 0;
    left: 0;
    position: fixed;
    z-index: -1;
    opacity: 0.6;
}
#about .subContent .content#sec02 .greeting .row > div:nth-child(2) {
    padding-left: 60px;
}
.greeting{}
.greeting img{
    height: 260px;
    background: #ccc;
}
.greeting p{
    font-size: 16px;
    margin: 0 0 30px;
}
.greeting p.intro{
    font-size: 22px;
    font-weight: 600;
}

#about .subContent .content#sec03{background: #fff;}
.history{
    position: relative;
}
.history::before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #bbb;
    position: absolute;
    top: 0;
    left: calc(50% - 2px);
    /* transform: translate(-50%); */
}
.history .timeline{/* display: flex; *//* align-items: flex-start; */padding: 20px 0;/* border-bottom: 1px solid #ddd; */}
.history .timeline:nth-child(2n-1){
    justify-content: flex-end;
    padding-right: calc(50% + 60px);
    flex-direction: row-reverse;
    text-align: right;
}
.history .timeline:nth-child(2n){
    /* justify-content: flex-start; */
    padding-left: calc(50% + 60px);
    /* flex-direction: row; */
    text-align: left;
}
.history .timeline .year{
    margin: 0 0 15px;
    font-size: 30px;
    font-weight: 700;
    color: #d32023;
    line-height: 1;
    letter-spacing: -0.02em;
    position: relative;
    color: #333;
}
.history .timeline .year::before{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #ff4346;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    /* border: 3px solid #e21a21; */
}
.history .timeline:nth-child(2n-1) .year{}
.history .timeline:nth-child(2n-1) .year::before{
    right: -64px;
}
.history .timeline:nth-child(2n) .year{}
.history .timeline:nth-child(2n) .year::before{
    left: -68px;
}
.history .timeline .issue{
    /* width: calc(100% - 200px); */
}
.history .timeline .issue > li{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-top: 7px;
}
.history .timeline .issue > li:first-child{
	margin-top: 0;
}
.history .timeline .issue > li > .cert{color: #333;/* font-weight: 700; */}
#about .subContent .content#sec04{background: center / cover no-repeat url(/public/img/sub/location_bg.jpg);position: relative;}
#about #sec04::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .4;
}
#about #sec04 h3 {
    color: #fff;
    position: relative;
}
.location-box-wrap{
    margin-top: 60px;
    position: relative;
    }
.location-box-wrap:first-of-type{
    margin-top: 0;
}
.location-box{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-end;
    /* background: #003568; */
}
.location-box .text{
    padding: 0 50px;
    width: 420px;
    /* border: 1px solid #ccc; */
    height: 280px;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: 2px solid #333;
    background: #F8F8F8;
}
.location-box .text h4{
    font-size: 25px;
    font-weight: 700;
}
.location-box .text h4::after {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #6ea9a3;
    margin: 10px 0 10px;
    display: none;
}
.location-box .text ul{}
.location-box .text ul > li{
    font-size: 16px;
    margin-top: 17px;
    display: flex;
    align-items: center;
    font-weight: 700;
    flex-direction: column;
}
.location-box .text ul > li:nth-child(2), .location-box .text ul > li:nth-child(3) {
    display: none;
}
.location-box .text ul > li > .material-icons{
    color: #fff;
    margin-bottom: 5px;
    background: #9eadc9;
    border-radius: 50%;
    padding: 5px;
    font-size: 11px;
    text-align: center;
}
.location-box .text ul > li.addr{
    font-size: 15px;
    align-items: flex-start;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 1.6em;
}
.location-box .text ul > li.addr > .material-icons{}
.location-box .map{width: calc(100% - 320px);}
.location-box .map iframe {
    height: 280px !important;
    margin-bottom: -6px;
}

#manufacture #sec01{background: #FFF}
#manufacture #sec02{position: relative;}
#manufacture #sec02::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/public/img/sub/factory-bg.jpg) no-repeat bottom;
    top: 0;
    left: 0;
    position: fixed;
    z-index: -1;
    opacity: 0.4;
}
#manufacture #sec03{background: #fff url(/public/img/sub/site-bg.jpg) no-repeat bottom right;padding-top: 150px;}
#manufacture #sec04{background: #fafafa;padding-top: 120px;}
#manufacture .subContent .content  p{
    font-size: 16px;
    margin-bottom: 30px;
    color: #000;
}
#manufacture .manu-intro{
    padding-top: 17px;
}
#manufacture .manu-intro::before{
    content: '';
}
#manufacture .manu-intro h4{
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 15px;
    letter-spacing: -0.023em;
}
#manufacture .manu-intro h4::before {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #999;
    margin-bottom: 16px;
}
#manufacture .subContent .content .manu-intro p{
    color: #000;
}
#manufacture .subContent .content .manu-intro p:last-child {
    margin-bottom: 60px;
}
#manufacture .manu-intro img{
    height: 240px;
    background: #ccc;
}

#manufacture .manu-patent{}
#manufacture .manu-patent .image{
    /* width: 40%; */
}
#manufacture .manu-patent img{
    height: 400px;
    background: #ccc;
}
#manufacture .manu-patent .text{
    /* width: 60%; */
}
#manufacture .subContent .content .manu-patent p{
    font-size: 18px;
    margin-left: 60px;
    /* padding-top: 50px; */
    /* border-top: 1px solid #ddd; */
}
#manufacture .manu-patent p::before{
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: #e21a21;
    margin: 45px 0 40px;
}
#manufacture .location-box .text {
    background: #fff;
}
#manufacture .website{margin-top: 50px;position: relative;}
#manufacture .subContent .content .website p{
    margin: 0;
    background: #fff;
    display: flex;
    align-items: center;
    line-height: 1;
}
#manufacture .subContent .content .website p .tit{
    padding: 18px 37px;
    margin-right: 31px;
    color: #fff;
    background: #333;
    font-weight: 900;
    font-size: 15px;
    letter-spacing: 0.02em;
}
#manufacture .website a{
    color: #333;
    font-size: 18px;
}
#manufacture .website a:hover,
#manufacture .website a:focus{
    color: #e21a21;
}

#manufacture .site-info{}
#manufacture .site-info .text{
    width: 40%;
}
#manufacture .site-info .image {
    width: 40%;
    display: none;
}
#manufacture .subContent .content .site-info .text p{line-height: 1.6em;}
#manufacture .site-info .text .li-site{
    padding: 20px 30px;
    background: #f1f6fb;
    margin-top: -15px;
    margin-bottom: 11px;
}
#manufacture .site-info .text .li-site > li{
    font-size: 15px;
    color: #000;
    padding-left: 10px;
    position: relative;
    font-weight: 500;
}
#manufacture .site-info .text .li-site > li::before{
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #e21a21;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}
#manufacture .site-info .image img{
    /* height: 400px; */
    background: #aaa;
}

#manufacture .quality{}
#manufacture .quality .text{
    width: 45%;
    padding-right: 50px;
}
#manufacture .subContent .content .quality .text p{}
#manufacture .subContent .content .quality .text p.text-right{
    font-size: 14px;
    color: #666;
    margin-top: -20px;
}
#manufacture .quality .image{
    width: 55%;
    padding-left: 100px;
}
#manufacture .quality .image img{
}

[id^="support"] .subContent .content, [id^="support"] .bbs-section{
	padding-top: 0;
}
#support01 .contact{
    align-items: center;
    font-size: 20px;
    margin: 0 0 30px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    padding: 10px 25px 10px 10px;
    border-radius: 35px;
    color: #333;
    background: #f6f6f6;
}
#support01 .contact .material-icons{
    color: #fff;
    font-size: 20px;
    margin-right: 15px;
    background: #f34547;
    border-radius: 50%;
    padding: 10px;
}
#support01 .contact .tit {
    font-size: 18px;
    letter-spacing: -0.06em;
    font-weight: 500;
    margin-right: 15px;
}

#support04 .content{}
#support04 .content h4{margin: 0 0 40px;font-size: 28px;padding-top: 30px;border-top: 1px solid #999;position: relative;letter-spacing: -0.02em;font-weight: 900;}
#support04 .content h4::before{
    content: '';
    display: block;
    width: 200px;
    height: 4px;
    background: #e21920;
    border-bottom-right-radius: 12px;
    position: absolute;
    top: -1px;
    z-index: 1;
}
#support04 .content.con1 h4::before{left: 0;}
#support04 .content.con2 h4::before{left: 200px;
    border-bottom-left-radius: 12px;}
#support04 .content.con3 h4::before{left: 400px;
    border-bottom-left-radius: 12px;}
#support04 .content .process-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    margin: 0 0 45px;
}
#support04 .content .process-wrap .item{}
#support04 .content.con1 .process-wrap .item{
    width: calc((100% / 6) - 17px);
}
#support04 .content.con2 .process-wrap .item{
    width: calc((100% / 5) - 16px);
}
#support04 .content.con3 .process-wrap .item{
    width: calc((100% / 4) - 16px);
}
#support04 .content .process-wrap .item img{
    height: 180px;
    margin: 0 auto;
}

#support04 .content .li-testing{
    margin: 0 0 45px;
}

#support04 .content .li-testing li{
    font-size: 16px;
    color: #000;
    position: relative;
    padding-left: 34px;
    margin: 10px 0 0;
}
#support04 .content .li-testing li:first-child{
    margin: 0;
}
#support04 .content .li-testing li::before{
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    line-height: 20px;
    width: 23px;
    text-align: center;
    background: #777;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding-top: 2px;
    border-radius: 3px;
}
#support04 .content .li-testing li:nth-child(1):before{content: '1';}
#support04 .content .li-testing li:nth-child(2):before{content: '2';}
#support04 .content .li-testing li:nth-child(3):before{content: '3';}
#support04 .content .li-testing li:nth-child(4):before{content: '4';}
#support04 .content .li-testing li:nth-child(5):before{content: '5';}
#support04 .content .li-testing li:nth-child(6):before{content: '6';}
#support04 .content .li-testing li:nth-child(7):before{content: '7';}
#support04 .content .li-testing li:nth-child(8):before{content: '8';}
#support04 .content .li-testing li:nth-child(9):before{content: '9';}
#support04 .content .li-testing li:nth-child(10):before{content: '10';}
#support04 .content .li-testing li:nth-child(11):before{content: '11';}
#support04 .content .li-testing li:nth-child(12):before{content: '12';}
#support04 .content .quation{
}
#support04 .content .quation > p{
    font-size: 18px;
}
#support04 .content .quation > p b{}
#support04 .content .quation .quation-img {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 60px;
    margin: 0 0 45px;
}

#support04 .content .quation .quation-img .item {
    position: relative;
}

#support04 .content .quation .quation-img .item + .item::before {
    content: '';
    display: block;
    width: 1px;
    height: 130px;
    background: #ddd;
    position: absolute;
    left: -32px;
}
#support04 .content.con1 .quation .quation-img .item{
}
#support04 .content.con2 .quation .quation-img .item{}
#support04 .content.con3 .quation .quation-img .item{}
#support04 .content.con3 .quation .quation-img .item{}
#support04 .content.con3 .quation .quation-img .item:last-child{}
#support04 .content .quation .quation-img img{
}

.bbs-area .board_wrapper{margin-top: 0;}
.board_wrapper{margin-top: 0;}
.table.table_default thead th {
    border-bottom-color: #ddd;
}
.table_custom :where(thead,tbody) tr{
    display: flex;
}
.table.table_default .wr_id{
  width: 80px;
  flex: auto;
}
.table.table_default .wr_cate{
    width: 110px;
    flex: auto;
}
.table.table_default .wr_subject{
    width: 470px;
    flex: auto;
}
.table.table_default .wr_hits{
    width: 120px;
  flex: auto;
}
.table.table_default .wr_attach{
    width: 120px;
  flex: auto;
    display: none;
}

.table.table_default tbody .subject {
    font-size: 17px;
    padding: 17px 15px;
}
.board_data_view .header_wrap {
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding-left: 15px;
}

.board_data_view .header_wrap .title {
    font-size: 26px;
}
.board_wrapper .table.board_write_table tbody tr th {
    width: 220px;
}
.btn.btn-primary {
    background: #333;
    border-color: #333;
}

.btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #000;
    border: 1px solid #000;
}
.table.table_custom tr th, .table.table_custom tr td {
    padding: 19px 15px 15px;
}

.table.table_custom tr td .file_inner {
    font-size: 17px;
}
.table.table_custom tr td .file_inner > i{display: none;}
.table_custom .file [id^="file_list"]{display: block;position: static;transform: translate(0);width: auto;padding: 0;background: none;box-shadow: none;text-align: center;width: 100%;margin: 0;max-width: none;}
.table_custom .file [id^="file_list"]::before{
    display: none;
}
.table_custom .file [id^="file_list"] a{
    font-size: 17px;
    color: #000;
}
#item_agree{}
#item_agree .agree-tit{}
#item_agree .privacy-box{
    padding: 15px 0 0;
}
#item_agree .privacy-box > p{
    font-size: 15px;
    margin: 0 0 15px;
    letter-spacing: -0.034em;
}
#item_agree .privacy-box > p.note{
    font-size: 13px;
    text-align: right;
    margin: 10px 0 0;
    color: #333;
}
#item_agree .privacy-box .table-privacy{
    width: 100%;
    border-top: 1px solid #ddd;
}
#item_agree .privacy-box .table-privacy tr{
    border-bottom: 1px solid #ddd;
}
#item_agree .privacy-box .table-privacy tr th,
#item_agree .privacy-box .table-privacy tr td{
    padding: 8px;
    text-align: center;
    border-left: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.35em;
}
#item_agree .privacy-box .table-privacy tr th:last-child,
#item_agree .privacy-box .table-privacy tr td:last-child{
    border-right: 1px solid #ddd;
}
#item_agree .privacy-box .table-privacy tr th{
    border-bottom: 0;
}
#item_agree .privacy-box .table-privacy tr td{}
#item_agree .checkbox{
    /* text-align: center; */
    font-size: 15px;
    margin-top: 20px;
}
#item_agree .checkbox label {
    margin-bottom: 15px;
}

#item_agree .checkbox label span {
    font-weight: 500;
}
.wrap-faq{}
.subContent .wrap-faq{
  border-top: 2px solid #333;
}
.wrap-faq .panel-group{}
.wrap-faq .panel-default{
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}
.wrap-faq .panel-default .panel-heading{
    border: 0;
    background: none;
    box-shadow: none;
    padding: 0;
}
.wrap-faq .panel-default .panel-heading a{
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    display: block;
    padding: 22px 30px 22px 0;
    display: flex;
    align-items: center;
}
.wrap-faq .panel-default .panel-heading a:hover,
.wrap-faq .panel-default .panel-heading a:focus{
    text-decoration: none;
}
.wrap-faq .panel-default .panel-heading a .q{display: block;/* position: absolute; *//* top: 0; *//* left: 0; */font-size: 20px;font-weight: 500;background: #e21920;color: #fff;line-height: 38px;width: 38px;text-align: center;margin-right: 15px;border-radius: 50%;}
.wrap-faq .panel-default .panel-collapse{
    border-top:  0;
}
.wrap-faq .panel-default .panel-collapse.in{}
.wrap-faq .panel-default .panel-collapse .panel-body{
    padding: 0px 0 40px 65px;
    border: 0;
}
.wrap-faq .panel-default .panel-collapse .panel-body .a{}
.wrap-faq .panel-default .panel-collapse .panel-body p{
    margin: 0 0 15px;
    color: #666;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5em;
}
.wrap-faq .panel-default .panel-collapse .panel-body p:last-child{
    margin-bottom: 0;
}

#news .con1 {
    background: #f8f8f8;
    padding-bottom: 100px;
}
#news .content.con1.hide{display: none;}
#news .content.con1 h3{position: relative;}
#news .content.con1 h3 .more{
    padding: 0;
    margin: 0;
    line-height: 1;
    border: 0;
    background: none;
    font-size: 14px;
    position: absolute;
    bottom: -10px;
    right: 0;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #999;
}
#news .content.con1 h3 .more:hover{
    color: #e21920;
}
#news .content.con1 h3 .more > .material-icons{}

.headlines-wrap{
    display: flex;
}
.headlines-wrap .left{width: 60%;padding-right: 15px;}
.headlines-wrap .right{
    width: 40%;
    padding-left: 10px;
}
.headlines-wrap .headline{
}
.headlines-wrap .headline.main{
}
.headlines-wrap .headline.top{
    margin-bottom: 20px;
}

.headlines-wrap .headline{
    display: block;
    color: #000;
    padding: 30px 30px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
}
.headlines-wrap .headline:hover,
.headlines-wrap .headline:focus{
	text-decoration: none;
	border: 1px solid #f3494f;
}
.headlines-wrap .headline .image{
    display: block;
}
.headlines-wrap .headline .image img{
    background: #333;
    /* height: 150px; */
    width: 100%;
}
.headlines-wrap .right .headline .image{
    overflow: hidden;
    height: 150px;
}
.headlines-wrap .right .headline .image img{
    /* width: 100%; */
}
.headlines-wrap .headline .text{
    display: block;
}
.headlines-wrap .headline .text .tit{
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0 10px;
}
.headlines-wrap .right .headline:nth-child(2) .text .tit{}
.headlines-wrap .headline .text .des{
    display: block;
    font-size: 17px;
    margin-bottom: 30px;
}
.headlines-wrap .headline .text .regdate{
    display: block;
    color: #aaa;
    font-size: 14px;
    font-weight: 300;
}
.headlines-wrap .headline.main{
    /* height: 571px; */
}
.headlines-wrap .headline.main .image{}
.headlines-wrap .headline.main .image img{
    height: 350px;
    background: #333;
    margin-bottom: 40px;
}
.headlines-wrap .headline.main .text{}
.headlines-wrap .headline.main .text .tit{
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.036em;
}
.headlines-wrap .headline:hover .text .tit, .headlines-wrap .headline:focus .text .tit {
    color: #df383e;
}
.headlines-wrap .headline.main .text .des{}
.headlines-wrap .headline.main .text .regdate{}

#news .bbs-section {
    padding-bottom: 100px;
}
.search_wrap {
    margin-bottom: 50px;
}
.recruit-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-evenly;
}
.recruit-wrap .box{
    /* width: calc(20% - 8px); */
    padding: 0px 0px;
    text-align: center;
    /* background: #f5f5f5; */
    letter-spacing: -0.034em;
    flex-basis: 17%;
}
.recruit-wrap .box .material-icons{
    color: #d40004;
    display: block;
    margin: 0 auto 25px;
    font-size: 62px;
    line-height: 180px;
    text-align: center;
    width: 180px;
    background: #fff url(/public/img/sub/bg-ptn1.png);
    border-radius: 50%;
    position: relative;
    z-index: 0;
}
.recruit-wrap .box .material-icons::after {
    content: '';
    display: block;
    width: 160px;
    height: 160px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
    box-shadow: 4px 6px 10px -10px #000;
}
.recruit-wrap .box dl{
    margin: 0;
}
.recruit-wrap .box dl dt{
    font-size: 20px;
    margin: 0 0 25px;
    font-weight: 700;
    color: #000;
}
.recruit-wrap .box dl dt .en{
    display: block;
    font-weight: 300;
    font-size: 17px;
    opacity: .7;
}
.recruit-wrap .box dl dd{
    font-size: 15px;
    min-height: 140px;
    line-height: 1.5;
    text-align: center;
    background: #fafafa;
    padding: 25px 15px;
    color: #000;
}
.recruit-wrap .box dl dd::after{
    content: '';
}
.recruit-wrap .box dl dd.en{
    font-size: 15px;
    opacity: 0.7;
    background: #f4f4f4;
    padding: 15px;
    letter-spacing: 0;
    min-height: 120px;
    border-radius: 2px;
}
[lant="pt"] .recruit-wrap .box dl dt{}
[lang="kr"] .recruit-wrap .box dl dd.en{min-height: 150px;}
[lang="cn"] .recruit-wrap .box dl dd.en{min-height: 120px;}
[lang="pt"] .recruit-wrap .box dl dd.en{min-height: 120px;}
#product_overview .content .row {
    margin-left: -10px;
    margin-right: -10px;
}

#product_overview .content .row > div {
    padding: 0 10px;
}
.overview-title{
    border: 20px solid #f2f2f2;
    position: relative;
    height: 366px;
    background: #fff;
    margin-bottom: 20px;
}
.overview-title img{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 150px;
    display: none;
}
.overview-title .caption{
    display: flex;
    align-items: center;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    position: absolute;
    top: 44%;
    left: 27%;
}
.overview-title .caption .material-icons{
    font-size: 44px;
}

a.overview-box{
    display: block;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
a.overview-box::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/public/img/sub/prod00-bg.png);
}
a.overview-box:hover{
    text-decoration: none;
}
div:nth-child(2)  .overview-box {
    background: #65ada6;
}

div:nth-child(3) .overview-box {
    background: #ef9200;
}

div:nth-child(4) .overview-box {
    background: #7a4baf;
}

div:nth-child(5) .overview-box {
    background: #fff;
    border: 1px solid #ccc;
}

div:nth-child(6) .overview-box {
    background: #204ea3;
}

div:nth-child(7) .overview-box {
    border: 1px solid #ccc;
}

div:nth-child(8) .overview-box {
    background: #333;
}
div:nth-child(4) .overview-box::before, div:nth-child(6) .overview-box::before {
    opacity: 0.4;
}
div:nth-child(8) .overview-box::before {
    opacity: 0.4;
}
div:nth-child(5) .overview-box .caption, div:nth-child(7) .overview-box .caption {
    color: #333;
}

a.overview-box img{transform: scale(1);transition: all cubic-bezier(0.27, 0.51, 0.38, 1.01) 0.35s;}
a.overview-box:hover img {
    transform: scale(1.1);
}
a.overview-box .caption{
    position: absolute;
    top: 35px;
    left: 35px;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3em;
}

.prod-lineup{
    margin-bottom: 80px;
}
.prod-lineup:last-of-type{
	margin-bottom: 0;
}
.prod-lineup h4{
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 25px;
    color: #fff;
    position: relative;
    transition: all .3s ease;
    padding: 15px 20px;
    letter-spacing: 0.02em;
}
.prod-lineup h4:before{
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: #e21a21;
    position: absolute;
    top: 26px;
    border-radius: 0 10px 10px 0;
    left: 0;
    transition: all .3s ease;
}
.prod-lineup h4.active{
    padding-left: 60px;
}
.prod-lineup h4.active:before{
    width: 40px;
    background: #fff;
}
.prod-lineup#lineup01 h4.active{background: linear-gradient(90deg, #32b5ab 0%, #52c8df 100%);}
.prod-lineup#lineup01 h4.active::before{
}
.prod-lineup#lineup02 h4.active{background: linear-gradient(90deg, #44b2e4 0%, #00afff 100%);}
.prod-lineup#lineup02 h4.active::before{
}
.prod-lineup#lineup03 h4.active{background: linear-gradient(90deg, #875ea3 0%, #7d73d9 100%);}
.prod-lineup#lineup01 h4 {
    background: linear-gradient(90deg, #3dc5bb 0%, #ffffff 100%);
}
.prod-lineup#lineup02 h4 {
    background: linear-gradient(90deg, #7cd1f8 0%, #ffffff 100%);
}
.prod-lineup#lineup03 h4 {
    background: linear-gradient(90deg, #9c76b6 0%, #fff 100%);
}
.prod-lineup#lineup04 h4 {
    background: linear-gradient(90deg, #c957a2 0%, #ffffff 100%);
    color: #fff;
}
.prod-lineup#lineup05 h4 {
    background: linear-gradient(90deg, #ee295e 0%, #ffffff 100%);
    color: #fff;
}
.prod-lineup#lineup03 h4.active::before{
}
.prod-lineup#lineup04 h4.active{
    background: linear-gradient(90deg, #b32f7f 15%, #a57dc5 100%);
    color: #fff;
}
.prod-lineup#lineup04 h4.active::before{
    background: #fff;
}
.prod-lineup#lineup05 h4.active{
    color: #fff;
    background: linear-gradient(90deg, #db184c 0%, #c570b2 100%);
}
.prod-lineup#lineup05 h4.active::before{
}

.prod-lineup .prod-list{
    margin-bottom: 30px;
}
.prod-lineup .prod-list:last-of-type{
    margin-bottom: 0;
}
.prod-lineup .prod-list h5{
    display: inline-block;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 16px;
    background: #e1f1ef;
    padding: 10px 20px 9px;
    border-radius: 5px 5px 0 0;
    font-weight: 500;
    /* color: #333; */
    color: #fff;
    letter-spacing: 0;
}
.prod-lineup#lineup01 .prod-list h5{background: #3dc5bb;}
.prod-lineup#lineup02 .prod-list h5{background: #6dd0f6;}
.prod-lineup#lineup03 .prod-list h5{background: #9f76b4;}
.prod-lineup#lineup04 .prod-list h5{background: #d058a1;}
.prod-lineup#lineup05 .prod-list h5{background: #ee295e;}
.prod-lineup .prod-list .row{}
.prod-lineup .prod-list .row > div{}
.prod-lineup .prod-list .prod-detail{
    display: block;
    border: 1px solid #ddd;
    overflow: hidden;
}
.prod-lineup .prod-list .prod-detail:hover,
.prod-lineup .prod-list .prod-detail:focus{
    text-decoration: none;
    border-color: #8ac9c0;
}
.prod-lineup#lineup01 .prod-list .prod-detail:hover,
.prod-lineup#lineup01 .prod-list .prod-detail:focus{
    text-decoration: none;
    border-color: #3dc5bb;
}
.prod-lineup#lineup02 .prod-list .prod-detail:hover,
.prod-lineup#lineup02 .prod-list .prod-detail:focus{
    text-decoration: none;
    border-color: #6dd0f6;
}
.prod-lineup#lineup03 .prod-list .prod-detail:hover,
.prod-lineup#lineup03 .prod-list .prod-detail:focus{
    text-decoration: none;
    border-color: #9f76b4;
}
.prod-lineup#lineup04 .prod-list .prod-detail:hover,
.prod-lineup#lineup04 .prod-list .prod-detail:focus{
    text-decoration: none;
    border-color: #d058a1;
}
.prod-lineup#lineup05 .prod-list .prod-detail:hover,
.prod-lineup#lineup05 .prod-list .prod-detail:focus{
    text-decoration: none;
    border-color: #ee295e;
}
.prod-lineup .prod-list .prod-detail img{
    height: 320px;
    background: #e0e0e0;
    margin-bottom: 10px;
    transition: all .3s ease;
    position: relative;
    top: 0;
}
.prod-lineup .prod-list .prod-detail:hover img{
    top: -5px;
}
.prod-lineup .prod-list .prod-detail .caption{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px 25px;
}
.prod-lineup .prod-list .prod-detail .caption .material-icons{}
.prod-lineup .prod-list .prod-detail:hover .caption{
	color: #379186;
}
.prod-lineup#lineup01 .prod-list .prod-detail:hover .caption{
    color: #3dc5bb;
}
.prod-lineup#lineup02 .prod-list .prod-detail:hover .caption{
    color: #6dd0f6;
}
.prod-lineup#lineup03 .prod-list .prod-detail:hover .caption{
    color: #9f76b4;
}
.prod-lineup#lineup04 .prod-list .prod-detail:hover .caption{
    color: #d058a1;
}
.prod-lineup#lineup05 .prod-list .prod-detail:hover .caption{
    color: #ee295e;
}
.prod-lineup .prod-list .prod-detail:hover .caption .material-icons{}

#product01 .subContent {
    /* background: #f2f2f2; */
}

#product01 .con2, #product01 .con3 {
    padding-top: 0;
}

#product06 .subContent .content + .content{
    padding-top: 0;
}
#product06 .con2 img {
    display: none;
}
#product06 .subContent .content h3{}
#product06 .subContent .content h3 > span{
    color: #e21a21;
}
#product06 .intro{
	margin-bottom: 0;
}
#product06 .intro p{
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 30px;
}
#product06 .intro img{
    background: #333;
}
#product06 .app-info{
    /* border-top: 1px solid #ddd; */
    /* padding-top: 30px; */
}
#product06 .app-info > li{
    display: flex;
    align-items: flex-start;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}
#product06 .app-info > li .tit{
    font-size: 18px;
    font-weight: 600;
    width: 200px;
    color: #747c8b;
    line-height: 1.2;
    position: relative;
}
#product06 .app-info > li .tit::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #9ba6bd;
    position: absolute;
    top: -16px;
}
#product06 .app-info > li .des{
    font-size: 16px;
    color: #000;
    width: calc(100% - 200px);
    padding-left: 20px;
}
#product06 .app-info .inner{}
#product06 .app-info .inner > li{margin-top: 5px;padding-left: 10px;position: relative;}
#product06 .app-info .inner > li::before{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}
#product06 .app-info .sys-req{
    /* border-top: 1px solid #ddd; */
}
#product06 .app-info .sys-req > li{
    display: flex;
    border-bottom: 1px solid #ddd;
    align-items: center;
}
#product06 .app-info .sys-req > li:last-child {
    border-bottom: none;
}
#product06 .app-info .sys-req > li b{
    width: 200px;
    padding: 15px 15px;
    background: #f8f8f8;
    margin-right: 15px;
    font-size: 14px;
}
.row.screenshot{
    margin-top: 45px;
}
.row.screenshot img{
    background: #333;
    margin-bottom: 30px;
}

.detail-wrap{
    padding: 80px 50px 150px;
    margin-top: -100px;
    margin-bottom: -150px;
    box-shadow: 0px 0px 30px 2px rgb(0 0 0 / 10%);
}
.detail-wrap .top{
    display: flex;
    margin-bottom: 80px;
    justify-content: space-between;
}
#product02 .detail-wrap .top{
    flex-direction: column;
    align-items: center;
}
.detail-wrap .top .left{
    width: 58%;
}

.detail-wrap .slider-for{}
.detail-wrap .slider-for .slick-prev,
.detail-wrap .slider-for .slick-next{
    z-index: 1;
}
.detail-wrap .slider-for .slick-prev{
    left: 30px;
}
.detail-wrap .slider-for .slick-prev::before{
    content: '\f104';
    color: #ccc;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 45px;
    opacity: 0.3;
}
.detail-wrap .slider-for .slick-prev:hover::before{
    opacity: 1;
}
.detail-wrap .slider-for .slick-next{
    right: 30px;
}
.detail-wrap .slider-for .slick-next::before{
    content: '\f105';
    color: #ccc;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 45px;
    opacity: 0.3;
}
.detail-wrap .slider-for .slick-next:hover::before{
    opacity: 1;
}
.detail-wrap .slider-for .item{}
.detail-wrap .slider-for .item img{
    height: 400px;
    background: #333;
    cursor: pointer;
}
.detail-wrap .slider-nav{}
.detail-wrap .slider-nav .slick-track {
    display: flex;
    gap: 0 10px;
    justify-content: center;
    width: 600px !important;
}
.detail-wrap .slider-nav .item{
    padding: 10px 0;
    border: 1px solid #eee;
    width: 160px !important;
}
.detail-wrap .slider-nav .item:hover {
    cursor: pointer;
}
.detail-wrap .slider-nav .item img{
    height: 100px;
    background: #333;
}

.detail-wrap .top .right{position: relative;}
.detail-wrap .top .icon-wrap{
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    /* height: 402px; */
    width: 380px;
}
.detail-wrap .top .icon-wrap + .icon-wrap {
    border-top: 1px solid #eee;
    padding-top: 12px;
}
.detail-wrap .top .icon-wrap .inner{
    display: flex;
    flex-wrap: wrap;
    /* gap: 20px 15px; */
    justify-content: flex-start;
    width: 400px;
}
.detail-wrap .top .icon-wrap .inner + .inner{
    padding-top: 12px;
    border-top: 1px solid #eee;
    /* gap: 0 15px; */
    align-items: center;
}
.detail-wrap .top .icon-wrap .icon-tit{
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1;
    width: 95px;
    color: #76787b;
    padding-right: 20px;
}
.detail-wrap .top .icon-wrap .icon{
    display: block;
    width: 95px;
    height: 55px;
    background-color: #aaa;
    background-size: contain !important;
    margin-bottom: 10px;
}
.detail-wrap .top .icon-wrap .icon.small{
    background: url(/public/img/sub/icon/icon-small.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.auto-coding{
    background: url(/public/img/sub/icon/icon-ac.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.new-req{
    background: url(/public/img/sub/icon/icon-nr15197.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.pc-down{
    background: url(/public/img/sub/icon/icon-pd.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.testrange-20600{
    background: url(/public/img/sub/icon/icon-test20600.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.memory300{
    background: url(/public/img/sub/icon/icon-memory300.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.memory500{
    background: url(/public/img/sub/icon/icon-memory500.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.ejector{
    background: url(/public/img/sub/icon/icon-ejector.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.back-light{
    background: url(/public/img/sub/icon/icon-backlight.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.wireless{
    background: url(/public/img/sub/icon/icon-wireless.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.enzyme-gox{
    background: url(/public/img/sub/icon/icon-gox.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.hctrange-2060{
    background: url(/public/img/sub/icon/icon-hct2060.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.hctrange-3555{
    background: url(/public/img/sub/icon/icon-hct3055.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.enzyme-gdh{
    background: url(/public/img/sub/icon/icon-gdh.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.hctrange-2070{
    background: url(/public/img/sub/icon/icon-hct2070.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.enzyme-hbdh{
    background: url(/public/img/sub/icon/icon-hbdh.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.testrange-0008{
    background: url(/public/img/sub/icon/icon-test0008.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.voice{
    background: url(/public/img/sub/icon/icon-voice.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.alarm{
    background: url(/public/img/sub/icon/icon-alarm.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.testtime-5{
    background: url(/public/img/sub/icon/icon-time5.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.testtime-6{
    background: url(/public/img/sub/icon/icon-time6.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.testtime-8{
    background: url(/public/img/sub/icon/icon-time8.png) no-repeat;
}
.detail-wrap .top .icon-wrap .icon.hctrange-1065{
    background: url(/public/img/sub/icon/icon-hct1065.png) no-repeat;
}

.detail-wrap .top .download-wrap,
#product06 .download-wrap{
    margin-top: 0;
    width: 380px;
    position: absolute;
    bottom: 45px;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}
#product02 .detail-wrap .top .download-wrap,
#product05 .detail-wrap .top .download-wrap{
    position: static;
    border: 0;
    text-align: center;
    margin: 15px auto 0;
}
#product06 .download-wrap{
    position: static;
    width: 100%;
    border: 0;
    margin-top: 35px;
    text-align: center;
}
.detail-wrap .top .download-wrap:nth-child(3), .detail-wrap .top .download-wrap:nth-child(4) {
    margin-top: 0;
}
#product06 .download-wrap a, .detail-wrap .top .download-wrap a, .detail-wrap .top .to-inquiry{
    line-height: 1;
    font-size: 15px;
    padding: 13px 0;
    background: #333;
    color: #fff;
    font-weight: 500;
    border: 1px solid #333;
    display: inline-block;
    border-radius: 30px;
    margin-top: 15px;
    width: 140px;
    text-align: center;
}
#product06 .download-wrap a{text-transform: uppercase;}
.detail-wrap .top .download-wrap a + a,
#product06 .download-wrap a + a {
    margin-left: 3px;
}
.detail-wrap .top .download-wrap a:hover,
.detail-wrap .top .download-wrap a:focus,
#product06 .download-wrap a:hover,
#product06 .download-wrap a:focus{
    text-decoration: none;
    color: #fff;
    background: #000;
    border-color: #000;
}
.detail-wrap .top .download-wrap a:last-child,
#product06 .download-wrap a:last-child {
    background: #2d9b90;
    border-color: #2d9b90;
}
.detail-wrap .top .download-wrap a:last-child:hover, .detail-wrap .top .download-wrap a:last-child:focus,
#product06 .download-wrap a:last-child:hover,
#product06 .download-wrap a:last-child:focus {
    text-decoration: none;
    color: #fff;
    background: #0e897c;
    border-color: #0e897c;
}
.detail-wrap .top .to-inquiry {
    background: #2d9b90;
    border-color: #2d9b90;
    margin-top: 30px;
}

.detail-wrap .top .to-inquiry:hover, .detail-wrap .top .to-inquiry:focus {
    text-decoration: none;
    color: #fff;
    background: #0e897c;
    border-color: #0e897c;
}
.detail-wrap .bottom{}
.detail-wrap .bottom h5{
    font-size: 20px;
    margin: 0 0 15px;
    font-weight: 900;
    letter-spacing: 0;
}

.table-em-prod{
    width: 100%;
    border-top: 1px solid #858a95;
}
.table-em-prod tr{
}
.table-em-prod tr th,
.table-em-prod tr td{
    font-size: 14px;
    padding: 10px 0px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}
.table-em-prod tr th:last-child,
.table-em-prod tr td:last-child{border-right: 0;}
.table-em-prod tr th{
    padding-left: 20px;
    background: #fafafa;
    color: #747c8b;
    border-right: 1px solid #ddd;
}
.table-em-prod tr th.bigth{
    background: #f4f4f4;
    color: #333;
    padding: 15px 20px;
    font-size: 16px;
}
.table-em-prod thead tr th{
    color: #333;
    background: #f0f0f0;
}
.table-em-prod tbody tr th{
    width: 280px;
}
.table-em-prod tr td{
    padding-left: 15px;
}
.table-em-prod tr td:hover{
    background: #f3f7fb;
}
.table-em-prod + .note {
    margin-top: 15px;
    letter-spacing: 0;
}
.detail-wrap.another{
    margin-top: -215px;
    padding-top: 140px;
    padding-bottom: 300px;
}
#product02 .detail-wrap.another{
    margin-top: -100px;
}
#product02 .con1, #product05 .con1 {
    padding: 0;
}
 #product02 .subContent,
 #product05 .subContent{overflow: hidden;}
#product02 .content h3, #product05 .content h3 {
    padding: 50px 50px 60px;
    font-size: 32px;
}
#product05 .detail-wrap.another .top{
    display: block;
    text-align: center;
}
.detail-wrap.another .top .image{
    width: 624px;
    margin: 0 auto;
    position: relative;
}
.detail-wrap.another .top .image .em-icon{
    position: absolute;
    top: 0;
    right: -100px;
}
.detail-wrap.another .top .image .em-icon img{
    width: 70px;
    height: 70px;
    background: #aaa;
    margin: 0px auto 12px;
}

.detail-wrap.another .left{
    padding-right: 0;
}
.detail-wrap.another .right .li-asure{padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 60px;}
.detail-wrap.another .right .li-asure > li{
    font-size: 18px;
    margin-top: 5px;
    padding-left: 24px;
    position: relative;
    font-weight: 500;
    color: #000;
}
.detail-wrap.another .right .li-asure > li::before{
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #e21a21;
    position: absolute;
    left: 0;
}
.detail-wrap.another .right img{
    height: 350px;
    background: #ddd;
}

.to-inquiry{
    padding: 20px 35px;
    background: #e21a21;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin: 40px 0 0;
    font-weight: 500;
    text-transform: uppercase;
    box-shadow: 3px 3px 10px -8px rgba(0,0,0,0.6);
    display: block;
    width: 170px;
    text-align: center;
    margin: 100px auto 0;
}
#about .to-inquiry{width: 190px}
.to-inquiry:hover,
.to-inquiry:focus{
    text-decoration: none;
    color: #fff;
    background: #be080f;
}

#product07 .content .row{
    margin: 0;
    display: flex;
    align-items: center;
}
#product07 .content img{
    height: 290px;
    background: #000;
}
.accessory-list{
    border-top: 2px solid;
}
.accessory-list > li{
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding: 20px 15px 20px 30px;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.accessory-list > li:first-child{
    margin-top: 0;
}
.accessory-list > li::before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #e21a21;
    border-radius: 50%;
    position: absolute;
    top: 29px;
    left: 12px;
}

#myModal{
    padding-right: 0 !important;
    /* position: relative; */
}
#myModal .modal-dialog{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1140px;
    width: auto;
}
#myModal .modal-content{
    border-radius: 10px;
}
#myModal .modal-content .modal-body{
}
#myModal .modal-content .modal-body .close{
    font-size: 30px;
    position: absolute;
    top: 3px;
    right: 10px;
}
#myModal .modal-content .modal-body img{
    width: 100%;
}


#product03 #accordion{}
#product03 #accordion{
  border-top: 2px solid #333;
}
#product03 #accordion .panel-group{}
#product03 #accordion .panel-default{
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}
#product03 #accordion .panel-default .panel-heading{
    border: 0;
    background: none;
    box-shadow: none;
    padding: 0;
}
#product03 #accordion .panel-default .panel-heading a{
    position: relative;
    font-size: 22px;
    font-weight: 500;
    color: #000;
    display: block;
    padding: 30px 30px 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#product03 #accordion .panel-default .panel-heading a .material-icons{
    color: #e21a21;
    transform: rotate(45deg);
    transition: all .3s ease;
}
#product03 #accordion .panel-default .panel-heading a.collapsed .material-icons{transform: rotate(0);}
#product03 #accordion .panel-default .panel-heading a:hover,
#product03 #accordion .panel-default .panel-heading a:focus{
    text-decoration: none;
}
#product03 #accordion .panel-default .panel-heading a .q{display: block;/* position: absolute; *//* top: 0; *//* left: 0; */font-size: 25px;font-weight: 500;background: #e21920;color: #fff;line-height: 46px;width: 46px;text-align: center;margin-right: 15px;border-radius: 50%;}
#product03 #accordion .panel-default .panel-collapse{
    border-top:  0;
}
#product03 #accordion .panel-default .panel-collapse.in{}
#product03 #accordion .panel-default .panel-collapse .panel-body{
    padding: 0px 0 30px;
    border: 0;
}
#product03 #accordion .panel-default .panel-collapse .panel-body .image{
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#product03 #accordion .panel-default .panel-collapse .panel-body .image img{
    margin: 0;
}
#product03 #accordion .panel-default .panel-collapse .panel-body .text{}
#product03 #accordion .panel-default .panel-collapse .panel-body .a{}
#product03 #accordion .panel-default .panel-collapse .panel-body p{
    margin: 0 0 15px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}
#product03 #accordion .panel-default .panel-collapse .panel-body p:last-child{
    margin-bottom: 0;
}

#form_contact #list_btn{display: none;}
@media (max-width: 767px){
    .subHeader {
        height: 190px;
    }
    .subHeader .container{
        width: 100%;
        top: 50%;
    }
    .subHeader .container h2 {
        font-size: 33px;
    }
    .subMenu.fixed {
        top: 89px;
    }
    .subMenu .nav {
        gap: 0;
    }
    .subMenu .nav::before,
    .subMenu .nav::after{display:none}
    .subMenu .nav > li {
        margin: 0 5px;
    }
    .subMenu .nav > li > a {
        font-size: 13px;
        padding: 10px 0;
        letter-spacing: -0.034em;
    }
    .subMenu .nav > li.active > a {
        font-size: 13px;
    }
    .subContent.addPadding {
        padding-top: 44px;
    }
    .subContent_title h3{
        font-size: 32px;
    }
    .subContent .content, .bbs-section {
        padding: 60px 0 80px;
    }
    #about .content, #manufacture .content {
        padding: 60px 0 80px;
    }
    .subContent .content h3, .subContent .bbs-section .container > h3 {
        font-size: 31px;
        margin: 0 0 30px;
    }
    .about-intro p {
        font-size: 14px;
        margin: 0 0 15px;
    }
    .about-intro p.intro {
        font-size: 22px;
        font-weight: 600;
        margin-top: 30px;
    }

    .history::before {
        left: 0px;
    }
    .history .timeline:nth-child(2n){
        padding-right: 0;
        text-align: left;
        padding-left: 30px;
    }
    .history .timeline:nth-child(2n-1){
        padding-right: 0;
        text-align: left;
        padding-left: 30px;
    }
    .history .timeline .year{}
    .history .timeline:nth-child(2n) .year::before{
        left: -35px;
    }
    .history .timeline:nth-child(2n-1) .year::before {
        right: auto;
        left: -35px;
    }
    .history .timeline .issue > li {
        font-size: 13px;
    }

    .location-box {
        display: flex;
        flex-direction: column-reverse;
    }
    .location-box .text {
        padding: 0 10px 15px;
        width: 100%;
        /* border: 1px solid #ccc; */
        height: auto;
        margin-left: 0;
    }
    .location-box .map {
        width: 100%;
    }
    .location-box .text h4 {
        font-size: 20px;
    }
    .location-box .text ul > li.addr {
        font-size: 12px;
    }
    .to-inquiry {
        padding: 13px 35px;
        background: #e21a21;
        color: #fff;
        font-size: 15px;
        margin: 40px auto 0;
    }
    #manufacture .manu-intro h4 {
        font-size: 20px;
    }
    #manufacture .subContent .content p {
        font-size: 14px;
        margin-bottom: 15px;
        color: #000;
    }
    #manufacture .manu-intro img {
        height: auto;
        background: #ccc;
        margin-bottom: 15px;
    }
    #manufacture .quality .text {
        width: 100%;
        padding-right: 15px;
    }
    #manufacture .quality .image {
        width: 100%;
        padding-left: 15px;
    }
    .prod-lineup h4 {
        font-size: 20px;
        margin: 0 0 25px;
        color: #fff;
        position: relative;
        transition: all .3s ease;
        padding: 8px 20px;
    }
    .prod-lineup h4:before {
        top: 17px;
    }
    .prod-lineup .prod-list h5 {
        font-size: 15px;
    }
    .prod-lineup .prod-list .prod-detail img {
        height: auto;
    }
    .prod-lineup .prod-list .prod-detail .caption {
        font-size: 12px;
        padding: 0 10px 0px;
    }
    .prod-lineup .prod-list .prod-detail {
        margin-bottom: 30px;
    }
    #product01 .subContent .content h3 {
        font-size: 24px;
    }

    .detail-wrap {
        padding: 60px 0 60px;
        margin-top: 0;
        margin-bottom: -10px;
    }
    .detail-wrap .top {
        display: flex;
        margin-bottom: 40px;
        flex-direction: column;
    }
    .detail-wrap .top .left {
        width: 100%;
        margin: 0 0 30px;
    }
    .detail-wrap .slider-for .item img {
        height: auto;
    }

    .detail-wrap .slider-nav .item img {
        height: 60px;
    }
    .detail-wrap .slider-nav .item {
        padding: 10px 0;
        border: 1px solid #eee;
        width: 70px !important;
    }
    .detail-wrap .slider-nav .slick-track {
        display: flex;
        gap: 0 10px;
        justify-content: center;
        width: 100% !important;
    }
    .detail-wrap .top .icon-wrap {
        width: 100%;
    }
    .detail-wrap .top .icon-wrap .inner {
        width: 100%;
    }
    .detail-wrap .top .icon-wrap .icon {
        display: block;
        width: 75px;
        height: 44px;
    }
    .detail-wrap .top .download-wrap, #product06 .download-wrap {
        margin-top: 0;
        width: auto;
        position: static;
    }
    #product06 .download-wrap a, .detail-wrap .top .download-wrap a, .detail-wrap .top .to-inquiry {
        line-height: 1;
        font-size: 15px;
        padding: 9px 0;
        background: #333;
        color: #fff;
        font-weight: 500;
        border: 1px solid #333;
        display: inline-block;
        border-radius: 30px;
        margin-top: 15px;
        width: 120px;
        text-align: center;
    }
    .detail-wrap .top .download-wrap a + a, #product06 .download-wrap a + a {
        margin-left: 10px;
    }
    .table-em-prod tr th {
        padding-left: 10px;
    }
    .table-em-prod tbody tr th {
        width: auto;
    }
    .table-em-prod tr td {
        padding-left: 10px;
    }
    .detail-wrap .bottom {
        padding: 10px;
    }

    .detail-wrap.another .top .image {
        width: 100%;
    }

    #product02 .content h3, #product05 .content h3 {
        padding: 20px 15px 20px;
        font-size: 28px;
    }
    #product03 #accordion .panel-default .panel-collapse .panel-body .image img {
        margin: 0;
        height: 130px;
    }
    #product03 #accordion .panel-default .panel-heading a {
        position: relative;
        font-size: 17px;
    }

    #product06 .intro p {
        font-size: 16px;
    }

    #product06 .app-info > li .tit {
        font-size: 16px;
        font-weight: 600;
        width: 100px;
    }
    #product06 .app-info > li .des {
        font-size: 14px;
        color: #000;
        width: calc(100% - 100px);
    }
    #product06 .app-info .sys-req > li {
        display: flex;
        border-bottom: 1px solid #ddd;
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: 5px;
    }
    #product06 .app-info .sys-req > li b {
        width: 100%;
        padding: 9px;
        background: #f8f8f8;
        margin-right: 0;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .headlines-wrap {
        display: flex;
        flex-direction: column;
        gap: 15px 0;
    }
    .headlines-wrap .left {
        width: 100%;
        padding-right: 0;
    }
    .headlines-wrap .right {
        width: 100%;
        padding-left: 0;
    }
    .headlines-wrap .headline {
        display: block;
        color: #000;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background: #fff;
    }
    .headlines-wrap .headline.main {
        height: auto;
    }
    .headlines-wrap .headline.main .image img {
        height: auto;
        margin-bottom: 20px;
    }
    .headlines-wrap .headline .text .tit {
        display: block;
        font-size: 18px;
        font-weight: 600;
        margin: 10px 0 5px;
    }
    .headlines-wrap .headline.main .text .tit {
        font-size: 22px;
        font-weight: 500;
    }
    .headlines-wrap .headline .text .des {
        display: block;
        font-size: 14px;
    }
    #news .con1 {
        background: #f8f8f8;
        padding-bottom: 40px;
    }
    #news .content.con1 h3 .more {
        bottom: 0px;
    }
    .table_custom :where(thead,tbody) {
        --wr_id: 0;
        --wr_subject: 70%;
        --wr_name: 0;
        --wr_regdate: 0;
        --wr_hits: 0;
        --wr_attach: 0;
        --wr_default: 30%;
    }
    .table.table_default tbody .subject {
        font-size: 13px;
        padding: 12px 15px;
    }
    .table.table_default tbody .subject {
        text-align: left;
    }
    .table.table_default .wr_subject {
        width: 70%;
        flex: auto;
    }
    .table.table_default .wr_attach {
        width: 30%;
        flex: auto;
    }
    .table.table_default .wr_id {
        display: none;
        width: 0;
        flex: auto;
    }
    .table.table_custom tr th, .table.table_custom tr td {
        padding: 7px 11px 8px;
    }
    .table.table_custom {
        display: table;
    }
    .wrap-faq .panel-default .panel-heading a {
        position: relative;
        font-size: 17px;
        display: block;
        padding-left: 43px;
    }
    .wrap-faq .panel-default .panel-heading a .q {
        display: block;
        position: absolute;
        top: 19px;
        left: 0;
        font-size: 16px;
        font-weight: 500;
        background: #e21920;
        color: #fff;
        line-height: 27px;
        width: 27px;
        text-align: center;
        margin-right: 15px;
        border-radius: 50%;
    }
    .wrap-faq .panel-default .panel-collapse .panel-body {
        padding: 0px 0 20px 15px;
        border: 0;
    }
    .wrap-faq .panel-default .panel-collapse .panel-body p {
        font-size: 13px;
    }
    #support04 .content h4::before{
        width: 80px;
    }
    #support04 .content.con1 h4::before{}
    #support04 .content.con2 h4::before{left: 80px;}
    #support04 .content.con3 h4::before{left: 160px;}
    #support04 .content.con1 .process-wrap .item,
    #support04 .content.con2 .process-wrap .item,
    #support04 .content.con3 .process-wrap .item {
        width: calc((100% / 2) - 17px);
    }
    #support04 .content .quation > p {
        font-size: 14px;
    }
    #support04 .content .quation .quation-img {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 15px;
    }
    #support04 .content.con1 .quation .quation-img .item,
    #support04 .content.con2 .quation .quation-img .item,
    #support04 .content.con3 .quation .quation-img .item {
        width: calc((100% / 2) - 15px);
    }
    #support04 .content h4 {
        margin: 0 0 40px;
        font-size: 24px;
    }
    .recruit-wrap{gap: 30px}
    .recruit-wrap .box {
        flex-basis: 100%;
    }
    .recruit-wrap .box dl dd.en {
        min-height: auto;
    }



    .table.table_default tr .num,
    .table.table_default tr .regdate,
    .table.table_default tr .hits,
    .table.table_default tr .writer{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.fixed {
        top: 118px;
    }
    .subContent.addPadding {
        padding-top: 92px;
    }
    .detail-wrap {
        padding: 80px 30px 150px;
    }
    .prod-lineup .prod-list .prod-detail img {
        height: auto;
    }
    .detail-wrap .slider-for .item img {
        height: auto;
    }
    .detail-wrap .top .left {
        width: 56%;
    }
    .detail-wrap .top .right {
        /* width: 50%; */
    }
    .detail-wrap .top .icon-wrap {
        width: 100%;
    }
    .detail-wrap .top .icon-wrap .inner {
        display: flex;
        flex-wrap: wrap;
        /* gap: 20px 15px; */
        justify-content: flex-start;
        width: 100%;
    }
    .detail-wrap .top .download-wrap, #product06 .download-wrap {
        margin-top: 0;
        width: 380px;
        position: absolute;
        bottom: auto;
    }
    .detail-wrap .slider-nav .item {
        padding: 10px 0;
        border: 1px solid #eee;
        width: 80px !important;
    }
    .detail-wrap .slider-nav .item img {
        height: auto;
    }
    .detail-wrap .slider-nav .slick-track {
        display: flex;
        gap: 0 10px;
        justify-content: center;
        width: 100% !important;
    }
    .detail-wrap .top .download-wrap, #product06 .download-wrap {
        margin-top: 0;
        width: auto;
        position: relative;
        bottom: auto;
        border-top: 1px solid #ccc;
        padding-top: 15px;
    }
    #product06 .download-wrap a, .detail-wrap .top .download-wrap a, .detail-wrap .top .to-inquiry {
        line-height: 1;
        font-size: 14px;
        padding: 9px 0;
        background: #333;
        color: #fff;
        font-weight: 500;
        border: 1px solid #333;
        display: inline-block;
        border-radius: 30px;
        margin-top: 15px;
        width: 117px;
        text-align: center;
    }
    #product03 #accordion .panel-default .panel-collapse .panel-body .image img {
        margin: 0;
        height: 240px;
    }
    .detail-wrap.another .top .image {
        width: 374px;
        margin: 0 auto;
        position: relative;
    }
    .recruit-wrap .box dl dt {
        font-size: 18px;
    }
    .headlines-wrap .headline {
        display: block;
        color: #000;
        padding: 20px;
    }
    .headlines-wrap .headline.main {
        height: 551px;
    }
    .headlines-wrap .headline.main .image img {
        height: auto;
        background: #333;
        margin-bottom: 40px;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    .recruit-wrap .box dl dt {
        font-size: 18px;
    }
    .detail-wrap .top .left {
        width: 50%;
    }
    .detail-wrap .slider-for .item img {
        height: auto;
    }
    .detail-wrap .slider-nav .item {
        padding: 10px 0;
        border: 1px solid #eee;
        width: 80px !important;
    }
    .detail-wrap .slider-nav .item img {
        height: auto;
    }
    .detail-wrap .slider-nav .slick-track {
        display: flex;
        gap: 0 10px;
        justify-content: center;
        width: 100% !important;
    }
    .detail-wrap .top .download-wrap, #product06 .download-wrap {
        margin-top: 0;
        width: 380px;
        position: absolute;
        bottom: -65px;
    }
}
/* //서브페이지 */

/* 푸터 */

footer {text-align: left;padding: 60px 0 0;background: #282f3a;color: #b2b2b2;}
footer .footer-logo{
    width: 13%;
}
footer .footer-logo + div {
    width: 87%;
}
footer .footer-logo h1{margin: 0;}
footer .footer-logo h1 > a{display: block;}
footer .footer-logo h1 > a > img{display: block;opacity: 0.7;}
footer .footer-text{
    padding: 45px 0 50px;
    background: #19202c;
}
footer .footer-text p{
    font-size: 15px;
    font-weight: 500;
}
footer .footer-text p.phone {
    font-size: 20px;
    color: #ff8e8e;
}
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.6;}
footer .footer-text ul li address{margin-bottom: 0;line-height: 1.4;}
footer .footer-text .copyrights{display: block;font-size: 11px;margin-top: 20px;font-weight: 300;opacity: 0.5;}
footer .footer-sitemap{
    padding-bottom: 65px;
}
footer .f-contact{}
footer .f-contact .wrap{
    display: flex;
    align-items: flex-start;
    border-left: 1px solid #373737;
    padding-left: 40px;
}
footer .f-contact .wrap .icon{}
footer .f-contact .wrap .icon span{
    display: block;
    font-size: 29px;
    margin-right: 20px;
    margin-top: 0;
    border: 2px solid #6e6e6e;
    border-radius: 50%;
    padding: 12px 12px;
}
footer .f-contact .wrap .text{}
footer .f-contact .wrap .text h5{
    font-size: 16px;
    margin: 0 0 8px;
    font-weight: 500;
    line-height: 1;
}
footer .f-contact .wrap .text .mail{font-size: 22px;color: #ff9393;margin: 0 0 10px;font-weight: 500;line-height: 1;}
footer .f-contact .wrap .text .time{}
footer .f-contact .wrap .text .time > li{
    line-height: 1.5;
}
footer .sitemap{
    display: flex;
    align-items: flex-start;
}
footer .sitemap > li{
    width: 16.66666666666667%;
}
footer .sitemap dl{
    margin: 0;
}
footer .sitemap dl dt{
    font-weight: 500;
}
footer .sitemap dl dt a{
    color: #eee;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.02em;
}
[lang="es"] footer .sitemap dl dt a{
    font-size: 14px;
}
footer .sitemap dl dt a:hover,
footer .sitemap dl dt a:focus{
    color: #eee;
}
footer .sitemap dl dd{
    margin-top: 7px;
}
footer .sitemap dl dd a{
    color: #b2b2b2;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.02em;
}
footer .sitemap dl dd a:hover,
footer .sitemap dl dd a:focus{
    color: #eee;
}

#scrolltop{
	position:fixed;
	z-index: 1000;
	right:50px;
	bottom:50px;
	display: none;
	font-size: 14px;
	letter-spacing: 0.02em;
	font-weight: 600;
	text-align:center;
	width: 65px;
	height: 65px;
	color:#fff;
	background: #e21a21;
	border-radius: 50%;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
#scrolltop .inner{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	line-height:1;
}
#scrolltop .inner i{
	font-size: 20px;
	margin-bottom: 2px;
}

#toback{
	position:fixed;
	z-index: 1000;
	left: 50px;
	top: 50%;
	display: none;
	font-size: 14px;
	text-align:center;
	width: 62px;
	height: 62px;
	color: #333;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}
#toback .inner{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	line-height:1;
}
#toback .inner i{
	font-size: 24px;
}

@media (max-width: 767px){
    footer .footer-logo {
        width: 100%;
        margin-bottom: 30px;
    }
    footer .sitemap {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }
    footer .sitemap > li {
        width: calc(50% - 10px);
    }
    footer .sitemap dl dt a {
        color: #eee;
        font-size: 16px;
    }
    footer .sitemap dl dd {
        margin-top: 0px;
    }
    footer .sitemap dl dd a {
        color: #b2b2b2;
        font-size: 12px;
    }
    footer .f-contact .wrap {
        display: flex;
        align-items: flex-start;
        border-left: 0;
        padding-left: 0;
        border-bottom: 1px solid #373737;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    #scrolltop{
        right: 15px;
        bottom: 15px;
    }
    #toback {
        left: 15px;
        top: auto;
        bottom: 15px;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    footer .footer-text ul li {
        font-size: 12px;
    }
    footer .f-contact {
        width: 40%;
        left: 60%;
    }
    footer .f-info {
        width: 60%;
        left: -40%;
    }
    footer .f-contact .wrap {
        padding-left: 20px;
    }
    footer .f-contact .wrap .text h5 {
        font-size: 14px;
    }
    footer .footer-text p.phone {
        font-size: 18px;
    }
    #toback {
        position: fixed;
        z-index: 1000;
        left: 30px;
        top: auto;
        bottom: 30px;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #scrolltop{
        right: 15px;
        bottom: 15px;
    }
}
/* //푸터 */


.maintenance {margin-top: 5px;padding: 50px 25px;text-align: center;background: #fafafa;border-radius: 10px;}
.maintenance .icon {display: block;line-height: 1;font-size: 85px;margin-bottom: 30px;color: #e21a21;}
.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;margin: 0 auto;}

/* 추가 */
.headlines-wrap .headline.bottom:hover{
    border: 1px solid #ddd;
}
.headlines-wrap .headline.bottom{
    height: 295px;
}