@charset "UTF-8";


  
.sub-vis {position:relative; width:100%; height:calc(100vh - 78px); z-index:1;overflow:hidden;}
.sub-vis .content {position:absolute; top:50%; transform:translateY(-50%); color:var(--white-color); text-align:center; left:0; width:100%; z-index:10}
.sub-vis .content h2 {position: relative; padding-top:76px; font-size:var(--font-size-90); line-height:1.4em; font-weight: 700;  opacity:0; transform: translateX(-50px); animation: slideInRightEm 0.8s ease-out 0.4s forwards;}
.sub-vis .content h2:after {content:""; position:absolute; top:0; left:50%; width:1px; height:56px; background:var(--white-color); margin-left:-.5px;}
.sub-vis .content .cnt {font-size:var(--font-size-20); line-height:1.5em; font-weight: 300; opacity:.80; opacity:0; transform: translateX(-50px); animation: slideInLeft 0.8s ease-out 0.6s forwards;}
.sub-vis .background {position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transform:scale(1.09); -ms-transform:scale(1.09); -moz-transform:scale(1.09); -webkit-transform:scale(1.09); -o-transform:scale(1.09); transition: all 2s ease-out 0s; transition-delay: 0.1s; z-index:0;}
.sub-vis.load .background {transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1);}
.sub-vis.bg1 .background {background-image:url('../img/common/vis1.jpg');}
.sub-vis.bg2 .background {background-image:url('../img/common/vis2.jpg');}
.sub-vis.bg3 .background {background-image:url('../img/common/vis3.jpg');}
.sub-vis.bg4 .background {background-image:url('../img/common/vis2.jpg');}
.sub-vis.privacy .background {background-image:url('../img/common/vis2.jpg');}


@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInLeftEm {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 0.80;
        transform: translateX(0);
    }
}

@keyframes slideInRightEm {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 0.80;
        transform: translateX(0);
    }
}





#lnb {position:relative; background:#fff; border-bottom: 1px solid var(--border-color); margin-bottom:100px; z-index:102 !important;}
.lnb {max-width:1440px; margin:0 auto; padding:0 20px;}
.lnb .swiper-container {overflow:visible}
.lnb ul {display:flex;}
.lnb ul li {flex:1; width:auto; position: relative; text-align:center;}
.lnb ul li:after {content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:var(--primary-color); z-index:1; opacity:0;}
.lnb ul li a {display:flex; align-items:center; justify-content: center; height:78px; color:var(--dark-color); opacity:.80; font-size:var(--font-size-18); line-height:1.4em; padding:0 10px;}
.lnb ul li.active a {color:var(--primary-color); font-weight: 700; opacity:1;}
.lnb ul li.active:after {opacity:1;}

.dep1-policy--fc #lnb,
.dep1-about--fc #lnb {display:none;}



.lnb-menu {margin-bottom: 60px; margin-top:-50px;}
.lnb-menu ul {display:flex; justify-content: center;}
.lnb-menu ul li {padding:0 16px; position: relative; text-align:center;}
.lnb-menu ul li:after {content:""; position: absolute; top:50%; left:0; width:1px; height:20px; background:var(--border-color); margin-top:-10px;}
.lnb-menu ul li:first-child:after {display:none;}
.lnb-menu ul li a {display:block; font-size:var(--font-size-18); line-height: 1.4em; padding:11px 0; font-weight: 700; color:var(--dark-color); opacity:.56;}
.lnb-menu ul li.on a {color:var(--primary-color); opacity:1;}




.privacy-cont {margin-top:5em;}

/* content */
#contArea {position:relative; max-width:1440px; width:100%; padding:0 20px; margin:0 auto;}
#contArea.wide {max-width:100%; padding:0;}

.real-cont {padding-bottom:150px;}
.real-cont.none {padding-bottom:0;}

.sub-head {margin-bottom:74px;}
.sub-head .tit {font-size:var(--font-size-40); line-height:1.13em; font-weight: 700; color:var(--dark-color); }
.sub-head .txt {margin-top:10px; font-size:var(--font-size-18); line-height:1.5em; color:var(--dark-color); opacity:.80; font-weight: 300;}

.buy-vis {margin-bottom:115px; height: 700px; text-align:center; color:var(--white-color); background:url('../img/sub/buy_bg.jpg') 50% 50% no-repeat; background-size:cover; display:flex; align-items: center; justify-content: center; font-size:var(--font-size-70); line-height:1.4em; font-weight: 700;}

.total-search-inner {margin-bottom: 24px; display:flex; justify-content: space-between; align-items: center;}
.total-search-inner .total {font-size:var(--font-size-18); line-height:1.4em; color:var(--dark-color); opacity:.80;}
.total-search-inner .total strong {font-weight: 700;}
.total-search-inner .select-group {width:210px;}
.total-search-inner .select-group select {width:100%; height: 45px; border:1px solid var(--border-color); padding:0 16px;}

.table-list table {width:100%; border-collapse:collapse; border-spacing:0px; border:0 !important; border-top:2px solid var(--dark-color) !important; width:100% !important}
.table-list table thead th {height:53px; padding:9px 5px; vertical-align: middle; background:#f7f7f7; color:var(--dark-color); text-align: center; font-size:var(--font-size-18) !important; font-weight:700; line-height:1.5em !important; border:1px solid var(--border-color) !important;}
.table-list table tbody tr {height:auto !important;}
.table-list table tbody th {height:auto !important; padding:9px 5px; vertical-align: middle; background:#f7f7f7; color:var(--secondary-color) !important; text-align: center; font-size:var(--font-size-18) !important; font-weight:700; line-height:1.5em !important; border:1px solid var(--border-color) !important;}
.table-list table tbody td {height:auto !important; width:auto !important; padding:9px 5px !important; vertical-align: middle; color:var(--secondary-color) !important; font-size:var(--font-size-18) !important; font-weight:300; line-height:1.5em; text-align:center; border:1px solid var(--border-color) !important;}
.table-list table th:first-child,
.table-list table td:first-child {border-left:0 !important;}
.table-list table th:last-child,
.table-list table td:last-child {border-right:0 !important;}
.table-list span {font-size:var(--font-size-18) !important;}
.table-list.table-left table tbody th {text-align:left;  padding:9px 23px !important; color:var(--secondary-color) ;}
.table-list.table-left table tbody td {text-align:left;  padding:9px 40px !important;}
.table-list.table-left table tbody td:first-child { width:30% !important;}

.page-url-buy--fc .board-wrap {display:none;}




/* board */
.board-wrap--fc .board-view--fc {border-top:1px solid #151515; border-bottom: 0;}
.board-wrap--fc .board-view--fc header {position:relative; background:#fff; text-align:center; padding:50px 0; border-bottom:1px solid #dedede;} 
.board-wrap--fc .board-view--fc header h1 {float:none; font-size:var(--font-size-24); line-height:1.3em;font-weight:700; color:var(--dark-color);}
.board-wrap--fc .board-view--fc header address {float:none;  align-items: center; justify-content: center; font-size:var(--font-size-18); line-height:1.4em; margin-top:25px;}
.board-wrap--fc .board-view--fc header address p:nth-child(1),
.board-wrap--fc .board-view--fc header address p:nth-child(3) {display:none;}
.board-wrap--fc .board-view--fc header address p {float:none; background:none;}
.board-wrap--fc .board-view--fc .board-conts--fc {padding-bottom:100px; position:relative; font-size:18px; line-height:1.67em; text-align:center;} 
.board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:18px; line-height:1.67em;}
.board-wrap--fc .board-view--fc .board-conts--fc figure {max-width:100%}
.board-wrap--fc .board-view--fc .board-conts--fc img {width:auto !important; height: auto !important;}


.board-wrap--fc .board-view--fc .board-view-file--fc {border-bottom:1px solid #dedede; margin:20px 0; padding:25px 0;}
.board-wrap--fc .board-view--fc .board-view-file--fc img {margin-left:10px;}

.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc {position:relative; padding:0 30px; background:#fff; color:#151515; border:1px solid #151515; height:52px; font-size:18px; line-height:50px; font-weight: 700; border-radius: 50px;}
.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc:before {content:""; display:inline-block; vertical-align: top; margin-right:12px;width:28px; height:100%; background:url('../img/bbs/ico_list.png') 50% 50% no-repeat; background-size:contain;}
.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-del--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-modify--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-reply--fc {padding:0 30px; background:#fff; color:#151515; border:1px solid #151515; height:52px; font-size:18px; line-height:50px; font-weight: 700; border-radius: 50px;}

.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc {position:relative; background:none; padding-left:50px; display:flex; align-items: center;}
.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc:after {content:""; position:absolute; top:50%; left:20px; transform:translateY(-50%) rotate(-135deg); width:10px; height:10px; border-right:2px solid #000; border-bottom:2px solid #000;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc  {position:relative; background:none; padding-left:50px;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc:after {content:""; position:absolute; top:50%; left:20px; transform:translateY(-75%) rotate(45deg); width:10px; height:10px; border-right:2px solid #000; border-bottom:2px solid #000;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc  {position:relative; background:none; padding-left:50px; display:flex; align-items: center;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a, .board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a {display:block; flex:1 1 auto; min-width:0; width:1%; max-width: 100%;}
.board-wrap--fc .board-view--fc .post-navi--fc li:first-child {border-top: 1px solid #151515;  }
.board-wrap--fc .board-view--fc .post-navi--fc li {border-bottom: 1px solid #151515; }
.board-wrap--fc .board-view--fc .post-navi--fc li strong {margin-right:0; width:100px; font-size:18px ;line-height:1.4em; color:#151515; float:none;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a,
.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a {font-size:18px; line-height:1.4em; color:rgba(21,21,21,.80);}
.board-wrap--fc .board-view--fc .post-navi--fc li a, .board-wrap--fc .board-view--fc .post-navi--fc li span, .board-wrap--fc .board-view--fc .post-navi--fc li strong {font-size:18px; line-height:1.4em; color:var(--dark-color);}
.board-wrap--fc .board-view--fc .post-navi--fc li span {opacity:.80;}

.page-url-portfolio--fc .board-wrap--fc {padding-bottom:100px;}

.dep1-products--fc #subWrap {background:#f7f7f7;}

/* LNB 고정 시 컨텐츠 영역 조정 */
/* #subConts {padding-top:78px;} */

.product-title {font-size:var(--font-size-48); line-height:1.4em; color:var(--dark-color); font-weight: 700; margin-bottom: 36px;}

.product-list-group .inner:last-child .b-line {padding-bottom:0; border-bottom:0;}
.product-list-group .b-line {padding-bottom:120px; margin-bottom:120px; border-bottom: 1px solid var(--border-color);}

.product-list ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.product-list ul li {width:25%; padding:0 15px; margin-bottom:30px; text-align: center;}
.product-list ul li a {display:block; padding: 0 !important; /*padding: 50px 63px;*/ position:relative;  background:#fff; box-shadow:17px 0 38px rgba(0,0,0,.08);  }
.product-list ul li a:after {content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border:4px solid var(--primary-color); opacity:0; transition:all .3s ease-out;}
.product-list ul li .thumb {position:relative; height: auto; aspect-ratio : 345 / 295; /*height:0; padding-bottom:80%;*/ overflow:hidden;}
.product-list ul li .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:100% !important;  object-fit:cover; transition:0.3s;}
.product-list ul li a:hover .thumb img {transform:translateY(-50%) scale(1.04,1.04); -ms-transform:translateY(-50%) scale(1.04,1.04); -webkit-transform:translateY(-50%) scale(1.04,1.04);}
.product-list ul li a:hover:after {opacity:1;}
.product-list ul li .tit {font-size:var(--font-size-20); line-height:1.2em; font-weight:700; color:var(--dark-color); padding: 10px 0; /*margin:10px 0 10px;*/}



.product-head {margin-bottom:120px;}
.product-head .inner {display:flex;}
.product-photo {width:647px; height: auto; aspect-ratio : 647 / 395; background:#fff; box-shadow:17px 0 38px rgba(0,0,0,.08);  /*padding:35px 20px;*/ margin-right:97px;}
/*.product-photo .photo-wrap {max-width:335px; width:100%; margin:0 auto;}*/
.product-photo .thumb {position:relative; width: 100%; height: auto; aspect-ratio : 647 / 395; /*height:0;  padding-bottom:96.7%;*/ overflow:hidden;}
.product-photo .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:100% !important;  object-fit:cover; transition:0.3s;}



@media (min-width: 901px) {
    .product-photo {
        height: fit-content !important;
    }
}

.product-info {flex:1 1 auto; min-width:0; width:1%; padding-top:40px;}
.product-info .category-title {font-size:var(--font-size-18); line-height:1.4em; color:var(--dark-color); margin-bottom:10px;}
.product-info h2 {font-size:var(--font-size-46); line-height:1.3em; font-weight: 700; margin-bottom: 24px;}
.product-info .cnt {font-size:var(--font-size-18); line-height:1.67em; opacity:.70; color:var(--dark-color); margin-bottom:45px;}
.product-info .btns ul {display:flex; margin:0 -11px;}
.product-info .btns ul li {width:50%; padding:0 11px;}
.product-info .btns ul li a {display:flex; align-items: center; justify-content: center; text-align: center; height:57px; font-size:var(--font-size-18); line-height:1.4em; color:var(--white-color);}
.product-info .btns ul li.list a {background:#000;}
.product-info .btns ul li.inquiry a {background:var(--primary-color);}

.product-detail {background:#fff; padding-top:120px;}


.prod-menu ul {display:flex;}
.prod-menu ul li {flex:1; width:auto; text-align:center;}
.prod-menu ul li:first-child a {border-left: 1px solid var(--border-color);}
.prod-menu ul li a {display:flex;align-items: center; justify-content: center; color:var(--secondary-color); background:#fff; height:60px; border:1px solid var(--border-color); border-left:0; position: relative;}
.prod-menu ul li a:after {content:""; position:absolute; top:0; left:0; width:100%; height: 100%; border:2px solid var(--dark-color); opacity:0; }
.prod-menu ul li.active a { font-weight: 700; color:var(--dark-color);}
.prod-menu ul li.active a:after {opacity:1;}
.prod-menu.about {margin-top:100px;}
.prod-menu.fixed {position:fixed; top:0; left:0; width:100%; z-index:90; background:#fff; margin-top:0 !important;} 
.dep1-products--fc .prod-menu.fixed {top:77px;} 


.product-detail .section {padding-bottom:100px;}
.product-detail .section:first-child {padding-top:87px;}
.product-detail .section#spec .table-list{ overflow-x: auto;}

.product-detail-title {font-size:var(--font-size-46); font-weight: 700; color:var(--dark-color); margin-bottom:30px;}
.doc-title {font-size:var(--font-size-40); line-height:1.4em; font-weight: 700; color:var(--dark-color); margin-bottom:30px;}
.detail-top-img {margin-bottom: 120px;}
.detail-top-img .wide-image img {width:100%;}

.detail-inner .group {position: relative; margin-bottom:120px;}
.detail-inner .group:last-child {margin-bottom:0;}
.detail-inner .group .inner {display:flex; align-items: center; position: relative; z-index:2;}
.detail-inner .group .info {flex:1 1 auto; min-width:0; width:1%;}
.detail-inner .group .info dl dt {font-size:var(--font-size-46); font-weight: 700; line-height:1.4em; margin-bottom:15px; color:var(--dark-color);}
.detail-inner .group .info dl dd {font-size:var(--font-size-18); line-height:1.67em; color:var(--dark-color); opacity:.70;}
.detail-inner .group .photo {width:574px; margin-left: 100px;}
.detail-inner .group .photo img {width:100%;}
.detail-inner .group:nth-child(even) .info {order:2;}
.detail-inner .group:nth-child(even) .photo {order:1; margin-left:0; margin-right: 100px;}
.detail-inner .background-txt {position:absolute; top:50%; transform: translateY(-50%); left:0; height:40%; width:100%;  overflow:hidden; z-index:0;}
.detail-inner .background-txt ul { display:flex; animation: scrollLeft 10s linear infinite; will-change: transform;}
.detail-inner .background-txt ul li {font-size:237px; line-height:1.1em; font-weight: 700; color:var(--dark-color); opacity:.05; white-space:nowrap; padding-right:100px; flex-shrink:0;}
@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.table-group {margin-bottom:64px;}
.table-group:last-child {margin-bottom:0;}

.app-list ul {display:flex; flex-wrap:wrap; margin-left:-23px; margin-bottom:-23px;}
.app-list ul li {width:calc(16.66666% - 23px); margin-left:23px; margin-bottom:-23px; padding:18px; text-align:center; background:#f7f7f7; border:1px solid var(--border-color); border-radius:30px 0 30px 0}
.app-list ul li .ico {width:89px; margin:0 auto 10px; height:89px; background:#fff; border-radius: 100%; overflow:hidden;}
.app-list ul li .tit {font-size:var(--font-size-18); line-height:1.4em; color:var(--dark-color);}

#company.section {padding-bottom:0; padding-top:100px;}
#film.section {padding-top:100px;}

.company-wrap .section {padding-bottom:100px;}
.company-wrap .section:last-child {padding-bottom:0;}
.company-title {font-size:var(--font-size-50); line-height:1.4em; color:var(--dark-color); font-weight: 700; margin-bottom:40px;}
.company-inner .group {padding-bottom:100px;}
.company-inner .group.bg {padding:100px 0; background:#f7f7f7;}
.company-inner .video-wrap {margin-bottom:85px;}
.company-inner .about-cnt {display:flex;}
.company-inner .about-cnt .title {width:50%; }
.company-inner .about-cnt .title .company-title{margin-bottom:0;}
.company-inner .about-cnt .info {width:50%; font-size:var(--font-size-20); line-height:1.4em; color:var(--secondary-color);}
.company-inner .about-cnt .info .cnt {margin-bottom:26px;}
.company-inner .about-cnt .info .cnt:last-child {margin-bottom:0;}
.about-image {height: 950px; display:flex; align-items: center; background:url('../img/sub/about_bg.jpg') 50% 50% no-repeat; background-size:cover; color:#fff; font-size:var(--font-size-60); line-height:1.4em; font-weight: 700; text-align:center;}
.about-image.patent {background-image:url('../img/sub/patent_bg.jpg')}
.about-image.location {background-image:url('../img/sub/location_bg.jpg')}

.vision-inner {background:#fff; box-shadow:11px 0 49px rgba(0,0,0,.08); padding:78px 20px; text-align:center;}


.film-inner {display:flex; align-items: center;}
.film-inner .photo {width:50%; padding-right: 80px;}
.film-inner .info {width:50%;}
.film-inner .info ul li {border-bottom: 1px solid var(--border-color); padding-bottom: 30px; margin-bottom:30px; display:flex; align-items: center;}
.film-inner .info ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom:0;}
.film-inner .info ul li .text {flex:1 1 auto; min-width:0; width:1%;}
.film-inner .info ul li .text dl dt {font-size:var(--font-size-22); line-height:1.4em; font-weight: 700;margin-bottom:10px; color:var(--dark-color);}
.film-inner .info ul li .text dl dd {font-size:var(--font-size-20); line-height:1.4em; color:var(--secondary-color);}
.film-inner .info ul li .ico-wrap {margin-left:40px;}
.film-inner .info ul li .ico-wrap .ico {width:154px; height: 154px; background:#f3f3f3; border-radius: 100%; overflow:hidden;}

.patent-inner .board-wrap {display:none;}
.patent-inner .group.bg {padding:100px 0; background:#f7f7f7;}
.patent-slider { height: 460px !important; }
.patent-slider .slick-list {margin:0 -16px;}
.patent-slider .item {padding:0 16px;}
.patent-slider .item .photo {background:#fefefe; padding: 35px; margin-bottom:24px;}
.patent-slider .item .thumb {position:relative; height:0; padding-bottom:131.4%; box-shadow:16px 0 40px rgba(0,0,0,.10); overflow:hidden;}
.patent-slider .item .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:100% !important;  object-fit:contain; transition:0.3s;}
.patent-slider .item .tit {text-align:center; font-size:var(--font-size-20); line-height:1.4em; color:var(--secondary-color);}
.patent-slider .slick-arrow {position:absolute; top:50%; width:60px; height: 60px; border-radius: 100%; background-color:#000; transition: all 0.3s ease-in-out; background-position: 50% 50%; background-repeat: no-repeat; z-index:10}
.patent-slider .slick-arrow:before {display:none;}
.patent-slider .slick-arrow:hover {background-color:#d71820;}
.patent-slider .slick-arrow.slick-prev {background-image:url('../img/sub/cert_bt_prev.png'); left:-30px;}
.patent-slider .slick-arrow.slick-next {background-image:url('../img/sub/cert_bt_next.png'); right:-30px;}
.patent-slider .slick-dots {position: relative; bottom:0; margin-top:40px; display:flex; align-items: center; justify-content: center;}
.patent-slider .slick-dots li {width:auto; height: auto;}
.patent-slider .slick-dots li button {width:12px; height: 12px; background:#999; border-radius: 100%;}
.patent-slider .slick-dots li.slick-active button {background:var(--primary-color);}


.patent-cnt-inner {display:flex; align-items: center; background:#fff; overflow:hidden;}
.patent-cnt-inner .photo {width:50%;}
.patent-cnt-inner .photo .pic {position:relative; height: 950px; overflow:hidden;}
.patent-cnt-inner .photo .pic img {position:absolute; top:0; left:0; width:100%; height: 100%; object-fit: cover;}
.patent-cnt-inner .info {width:50%; padding-left: 185px; }
.patent-cnt-inner .info .wrap {max-width:520px; width:100%;}

.text-zone dl {margin-bottom:30px;}
.text-zone dl dt {font-size:var(--font-size-22); line-height:1.4em; font-weight: 700;margin-bottom:10px; color:var(--dark-color);}
.text-zone dl dd {font-size:var(--font-size-20); line-height:1.4em; color:var(--secondary-color); text-indent:-0.8em; padding-left:0.8em;}

#location.section {padding-bottom:0;}

.location-inner {margin-bottom:120px;}
.location-inner .group {margin-bottom: 70px;}
.location-inner .group:last-child {margin-bottom:0;}
.location-maps {display:flex; margin:0 -20px;}
.location-maps .loca-col {width:50%; padding:0 20px;}
.location-maps .maps {margin-bottom: 30px;}
.location-maps .maps iframe {width:100% !important; height:430px !important;}
.location-maps .text-zone dl dd {text-indent:0; padding-left:0;}
.location-image ul {display:flex; margin:0 -15px;}
.location-image ul li {width:25%; padding:0 15px;}
.location-image ul li .pic img {width:100%;}


.distri-map {text-align:center; padding:120px 0; background:#f0f7fe;}

.brand-inner {padding:120px 0;}
.brand-inner ul {display:flex; margin-left:-32px;}
.brand-inner ul li {position: relative; width:calc(33.333333% - 32px); overflow: hidden; margin-left:32px; border:1px solid var(--border-color); background:#fff; box-shadow:22px 0 24px rgba(0,0,0, .07); padding:35px 40px 64px;}
.brand-inner ul li p {font-size:var(--font-size-22); line-height:1.4em; color:var(--secondary-color);}
.brand-inner ul li .num {position: absolute; bottom:-40px; right:20px;font-size:97px; line-height:1.2em; font-weight: 700; color:var(--primary-color); opacity: .11;}

 /* contact us */
 /* 검색 */
.board-search-wrap--fc {margin-bottom:40px; display:flex; justify-content: space-between; align-items: flex-end;}
.board-search-wrap--fc > .board_list_total--fc {color:var(--dark-color);font-size:var(--font-size-18); line-height:1.4em; font-weight: 700; order:1;}
.board-search-wrap--fc form {order:2;}
.board-search-wrap--fc fieldset {display:flex; border-bottom: 2px solid var(--dark-color);}
.board_list_total--fc {font-size:var(--font-size-20); line-height:1.4em; font-weight: 700;}
.board_list_total--fc span {color:var(--primary-color);}
.board-search-wrap--fc p select {width:120px; border:0; height:46px; font-size:var(--font-size-18); line-height:1.4em;}
.board-search-wrap--fc p:nth-of-type(1) {width:120px;}
.board-search-wrap--fc p:nth-of-type(2) {width:360px;}
.board-search-wrap--fc input[type="text"] {height:46px; background:#fff; color:var(--dark-color); padding:0 40px 0 14px; border:0; font-size:var(--font-size-18); line-height:1.4em;}
.search-input-wrap--fc a {width:24px; height:100%; right:0; background:url('../img/bbs/btn_search.png') 50% 50% no-repeat; background-size:contain;}

.gallery-list {border-top: 3px solid var(--dark-color); padding-top:40px; border-bottom: 1px solid var(--border-color);;}
.gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -19px;}
.gallery-list ul li {width:33.333333%; padding:0 19px; margin-bottom:50px;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {position:relative; height:0; padding-bottom:65.8%; box-shadow:22px 0 49px rgba(0,0,0,.03); overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:100% !important;  object-fit:contain; transition:0.3s;}
.gallery-list ul li .thumb:after {content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border:1px solid var(--border-color); transition:all .3s ease-out;}
.gallery-list ul li a:hover .thumb img {transform:translateY(-50%) scale(1.04,1.04); -ms-transform:translateY(-50%) scale(1.04,1.04); -webkit-transform:translateY(-50%) scale(1.04,1.04);}
.gallery-list ul li a:hover .thumb:after {border:4px solid var(--primary-color);}
.gallery-list ul li .tit {font-size:var(--font-size-24); line-height:1.45em; font-weight:700; color:var(--dark-color); margin-top:20px;}


.required {color:#f90000; padding-left:4px;}
.required-green {color:#308f67; padding-left:4px;}

.mailform-head {font-size:var(--font-size-40); line-height:1.13em; font-weight: 700; color:var(--dark-color); margin-bottom:40px;}
.mailform-head .txt {margin-top:10px; font-size:var(--font-size-18); line-height:1.5em; color:var(--dark-color); opacity:.80; font-weight: 300;}

.mailform-title {position:relative; padding-left:12px; font-size:var(--font-size-24); line-height:1.4em; font-weight: 700; color:var(--dark-color); margin-bottom:30px;}
.mailform-title:before {content:""; position: absolute; top:.4rem; left:0; width:3px; height: 1.2rem; background:var(--primary-color);}
.mailform  {border-bottom: 1px solid var(--border-color); padding-bottom:30px;}
.mailform .wrap {margin-bottom:90px;}
.mailform .wrap:last-child {margin-bottom:0;}
.mailform .input {height:50px; width:100%; border:0; border-bottom: 1px solid #000; padding:0;background-color:#fff; color:var(--dark-color); font-size:var(--font-size-18);}
.mailform textarea.input {border:0; height:200px; padding:20px 20px; background-color:#fff; border:1px solid #000;}
.mailform .form-group {display:flex; align-items:center; margin:0 -25px 30px; }
.mailform .form-group:last-child {margin-bottom:0;}
.mailform .form-group .form-col {position:relative; width:50%; padding:0 25px;}
.mailform .form-group.wide {display:block;}
.mailform .form-group.wide .form-col {width:100%;}
.mailform .form-group .tit {color:#111; font-size:var(--font-size-22); line-height:1.4em; margin-bottom:10px; font-weight: 600;}
.mailform .form-group .tit .small {font-size:var(--font-size-18); opacity:.80; font-weight: 300; padding-left:5px;}
.mailform .form-group.code .form-col {width:50%;}
.mailform .required {vertical-align:middle;}
.mailform .privacy_box--fc {margin-bottom:10px; border:0; font-size:18px; line-height:1.4em; display:flex; align-items: center; color:rgba(0,0,0,.80); height:140px; padding:20px 40px; background:#f5f5f5;}
.mailform .privacy_box--fc pre {font-family: "Pretendard", sans-serif !important;}
.mailform input[type="checkbox"] + label {font-size:18px; padding-left:40px; line-height:1.4em;  color:#000; font-weight: 600;}
.mailform input[type="checkbox"] + label:before {content:""; top:-1px; background-color:#fff; width:28px; height:28px; border:1px solid var(--border-color); background-position:50% 50%; background-repeat: no-repeat;}
.mailform input[type="checkbox"]:checked  + label:before {background-image:url('../img/bbs/check_on.png'); border-color:var(--border-color)}
.mailform .captcha_box--fc {display:flex; align-items: center;}
.mailform .captcha_box--fc a {border:0; margin: 0 10px;}
.mailform .captcha_box--fc input { flex:1 1 auto; min-width:0; width:1%; height:52px; border:0; border-bottom: 1px solid #000;  color:#000; font-size:18px; padding-left:20px;}
.mailform span.txt {font-size:18px; opacity:.80; font-weight: 300; padding-left:5px;}

.filebox {position:relative; display:flex;}
.filebox label {width:180px; margin-right:20px; height:100%; background: #dedede; color:var(--dark-color); text-align:center; font-size:1.2rem; line-height:44px; transition: .3s;}
.filebox label:hover {background:var(--primary-color); color:#fff;}
.filebox .upload-name {height:44px; background:#fff; border:0; border-bottom: 1px solid #000;  width:100%; padding:0 20px 0; font-size:18px; line-height:1.4em;}
.mailform + .buttons {margin-top:60px;}

:lang(ru) .filebox label {width:220px;}

.radiobox {display:flex; align-items: center; flex-wrap:wrap; color:var(--secondary-color); margin-bottom:-10px;}
.radiobox p {margin-right:20px; margin-bottom:10px;}

.radiobox input[type="radio"] + label {color:var(--secondary-color);}
.radiobox input[type="radio"] + label:before {width:19px; height: 19px; background-position: 50% 50%; background-repeat:no-repeat;}
.radiobox input[type="radio"]:checked + label:before { content: ""; display: inline-block; width: 19px;  height: 19px; background-color:#fff;  background-image:url('../img/bbs/radio_on.png');  font-size: 0;line-height: 0; text-align: center;}


.buttons {margin:30px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:20px;}

.btn-pack {display:inline-flex !important; align-items:center; position:relative;margin:0;padding:0 10px;background:#fff;color:#151515;border:1px solid #000;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.medium {width:158px; height: 50px; padding:0 20px; font-size:18px; line-height:1.4em; font-weight: 700;}
.btn-pack.form-submit {width:224px; height:68px; border:0; justify-content:center;background:var(--primary-color); font-size:var(--font-size-22); line-height:1.3em; color:#fff;font-weight:700; padding:0 30px;}


.board-wrap--fc .board-paging {margin:50px auto 0;}
.board-paging ol {display:flex; justify-content: center;}
.board-paging li > a {width:44px; height: 44px; display:flex; align-items: center; justify-content: center; line-height:1.4em; border-radius: 100%; border:0;}
.board-paging li.on > a {background:var(--primary-color); color:#fff;  border:0;}