@charset "UTF-8";


  
.sub-vis {position:relative; width:100%; margin-bottom:90px;}
.sub-vis .bg {position:relative; height:700px; overflow:hidden;}
.sub-vis .content {position:absolute; top:50%; transform:translateY(-75%); color:var(--white-color); text-align:center; left:0; width:100%; z-index:10}
.sub-vis .content h2 {font-size:var(--font-size-80); line-height:1.4em; font-weight: 700;}
.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/vis1.jpg');}
.sub-vis.bg3 .background {background-image:url('../img/common/vis3.jpg');}
.sub-vis.bg4 .background {background-image:url('../img/common/vis1.jpg');}
.sub-vis.bg5 .background {background-image:url('../img/common/vis_contact.jpg');}
.sub-vis.bg6 .background {background-image:url('../img/common/vis6.jpg');}
.sub-vis.privacy .background {background-image:url('../img/common/vis1.jpg');}

.sub-vis.bg5 #lnb-toggle,
.sub-vis.bg6 #lnb-toggle {display:none}


@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 {display:none;}

#lnb-toggle {position:absolute; bottom:60px; left:0; width:100%; z-index:50; text-align:center;}
.lnb-toggle {display:inline-block; background:rgba(0,0,0,.60); padding: 0 40px; border-radius: 40px; text-align:left;}
.lnb-toggle ul {display:flex; margin:0 -30px;}
.lnb-toggle ul > li {padding:0 30px; min-width:220px; position: relative;}
.lnb-toggle ul > li:after {content:""; position:absolute; top:50%; left:0; transform: translateY(-50%); width:1px; height:15px; background:var(--white-color); opacity:.40;}
.lnb-toggle ul > li:first-child:after {display:none;}
.lnb-toggle ul > li.location-home {min-width:auto; display:flex; align-items: center;}
.lnb-toggle ul > li.location-home a {display:flex; align-items: center; text-indent:-9999em; width:17px; height: 14px; background:url('../img/common/home.png') 50% 50% no-repeat; background-size:contain;}
.lnb-toggle ul > li.location-home a:after {display:none;}
.lnb-toggle ul > li > a {display:block; position: relative; color:var(--white-color); font-size:var(--font-size-18); line-height:60px; padding-right:30px;}
.lnb-toggle ul > li > a:after {content:""; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(45deg); width:8px; height:8px; border-right:2px solid var(--white-color); border-bottom:2px solid var(--white-color); opacity:.80;}
.lnb-toggle ul > li.open > a:after {transform:translateY(-50%) rotate(-135deg);}
/* .lnb-toggle ul > li:nth-child(5) {display:none;} */
.lnb-toggle .depth2 {display:none; position:absolute; top:60px; left:12px; width:90%; background:rgba(0,0,0,.60); padding:20px; margin:0; border-radius: 0 0 16px 16px; z-index:20;}
.lnb-toggle .depth2 li {padding:0; margin-bottom:10px;}
.lnb-toggle .depth2 li:after {display:none;}
.lnb-toggle .depth2 li > a:after {display:none;}
.lnb-toggle .depth2 li > a {font-size:var(--font-size-16); line-height:1.4em; font-weight: 400;}
.lnb-toggle .depth2 li > a:hover {color:var(--primary-color)}

#subWrap {overflow:visible}

.dep1-product_solution--fc .lnb-menu3 {display:none;}


.lnb-menu {margin-bottom: 80px; position: relative; margin-top:-90px;}
.lnb-menu:after {content:""; position:absolute ;bottom:0; left:0; width:100%; height: 1px; background:#e1e1e1; z-index:-1;}
.lnb-menu ul {display:flex; justify-content: center;}
.lnb-menu ul li {padding:0 10px; width:auto; position: relative;}
.lnb-menu ul li a {display:flex; align-items: center; justify-content: center; height:100px; font-size:var(--font-size-20); color:#b0b0b0; line-height: 1.4em; font-weight: 700; padding:0 30px;}
.lnb-menu ul li a:after {content:""; position: absolute; bottom:0; left:0; width:100%; height:3px; background:var(--primary-color); opacity:0;}
.lnb-menu ul li.on a {color:var(--gray-color-22);}
.lnb-menu ul li.on a:after {opacity:1;}


/* 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-title {text-align:center; margin-bottom: 70px;}
.sub-title h2 {font-size:var(--font-size-48); line-height:1.4em; font-weight: 800; color:var(--dark-color-22);}

.product-cnt-inner {margin-bottom:140px;}
.product-cnt-inner .group {display:flex; align-items: center; margin-bottom:90px;}
.product-cnt-inner .group:last-child {margin-bottom:0;}
.product-cnt-inner .group .photo {width:50%; padding-right:40px;}
.product-cnt-inner .group .photo img {width:100%;}
.product-cnt-inner .group .info {padding-left:40px; width:50%; color:var(--dark-color-22);}
.product-cnt-inner .group .info .tit {margin-bottom: 25px; font-size:var(--font-size-24); line-height:1.25em; font-weight: 700; }
.product-cnt-inner .group .info .cnt {margin-bottom:25px; font-size:var(--font-size-18); line-height:1.67em;}
.product-cnt-inner .group .info .cnt:last-child {margin-bottom:0;}
.product-cnt-inner .group:nth-child(even) .photo {order:2; padding-right:0; padding-left:40px;}
.product-cnt-inner .group:nth-child(even) .info {order:1; padding-left:0; padding-right:40px;}

.product-list-inner {background:#f1f1f1; padding:5rem 0;}
.product-list-inner ul {display:flex; flex-wrap:wrap; margin-left:-40px; margin-bottom:-40px;}
.product-list-inner ul li {width:calc(33.333333% - 40px); margin-left:40px; margin-bottom:40px; background:#fff;  border-radius: 14px;  transition: 0.3s;}
.product-list-inner ul li a {display:block; padding-bottom:40px; position: relative; border-radius: 14px;}
.product-list-inner ul li a:after {content:""; position:absolute; top:0; left:0; width:100%;  height: 100%; border:2px solid var(--primary-color); border-radius: 14px; opacity:0; transition: 0.3s;}
.product-list-inner ul li .pic {border-radius: 14px; overflow:hidden;}
.product-list-inner ul li .pic img {width:100%;}
.product-list-inner ul li .title {display:flex; align-items: center; justify-content: center; }
.product-list-inner ul li .title .tit {font-size:var(--font-size-36); line-height:1.4em; font-weight: 800; margin-right:22px;}
.product-list-inner ul li .title .more {position: relative; width:50px; height: 50px; border-radius: 100%; border:1px solid var(--gray-color-95); transition: 0.3s;}
.product-list-inner ul li .title .more:after {content:""; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(-45deg); width:8px; height:8px; border-right:2px solid #4a4a4a; border-bottom:2px solid #4a4a4a; transition: 0.3s;}
.product-list-inner ul li:hover {box-shadow:10px 15px 21px rgba(0,0,0,0.15);}
.product-list-inner ul li a:hover .title .more:after {border-color:var(--white-color) !important}
.product-list-inner ul li a:hover .title .more {background: var(--primary-color); border-color:var(--primary-color);}
.product-list-inner ul li a:hover:after {opacity:1;}

.product-list {margin-top:30px;}
.product-list .item-box {background:#f1f1f1; border-radius: 16px; margin-bottom: 45px; display:flex; padding:30px; border:1px solid #ebebeb;}
.product-list .item-box:last-child {margin-bottom:0;}
.product-list .item-box .photo {width:440px; margin-right: 40px;}
.product-list .item-box .photo .pic {position:relative; padding-bottom: 72.7%; background:#fff; border-radius: 16px; overflow:hidden;}
.product-list .item-box .photo .pic img {position:absolute; top:50%; left:50%; width:100%; height: 100%; transform: translate(-50%, -50%); object-fit: contain;}
.product-list .item-box .info {flex:1 1 auto; min-width:0; width:1%; padding-top:20px;}
.product-list .item-box .info .title {display:flex; align-items: center; margin-bottom:16px; }
.product-list .item-box .info .title h2 {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-48); line-height:1.4em; font-weight: 800;}
.product-list .item-box .info .btns {margin-left:40px;}
.product-list .item-box .info .btns a {display:inline-flex; height:34px; border-radius: 34px; align-items: center; justify-content: center; font-size:var(--font-size-14); line-height:1.4em; color:var(--white-color); background:#333; margin-left: 16px; padding:0 17px;}
.product-list .item-box .info .btns a:first-child {margin-left:0;}
.product-list .item-box .info .btns a .ico {width:13px; height: 17px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; margin-right:6px;}
.product-list .item-box .info .btns a:hover {background:var(--primary-color);}
.product-list .item-box .info .btns a.contact .ico {background-image:url('../img/bbs/ico_contact.png');}
.product-list .item-box .info .btns a.download .ico {background-image:url('../img/bbs/ico_down.png');}
.product-list .item-box .info .txt {font-size:var(--font-size-18); line-height:1.4em; color:var(--primary-color); margin-bottom: 30px;}
.product-list .item-box .info ul {display:flex; flex-wrap:wrap; margin-left:-20px;}
.product-list .item-box .info ul li {width:calc(25% - 20px); margin-left:20px; background:rgba(255,255,255,.50); border-radius: 16px; padding: 28px 22px; color:var(--gray-color-22); transition: 0.3s;}
.product-list .item-box .info ul li .tit {font-size:var(--font-size-17); line-height:1.4em; margin-bottom:14px;}
.product-list .item-box .info ul li .cnt {font-size:var(--font-size-18); line-height:1.67em; font-weight: 600;}
.product-list .item-box .info ul li:hover {background:rgba(255,255,255,1);}


.location-inner .item-box {border-bottom: 1px solid #e1e1e1; padding-bottom:42px; margin-bottom:42px; display:flex; color:var(--gray-color-22);}
.location-inner .item-box:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.location-inner .item-box .title {width:315px; font-size:var(--font-size-30); line-height:1.4em; font-weight: 700; }
.location-inner .item-box .info {flex:1 1 auto; min-width:0; width:1%;}
.location-inner .item-box .info ul li {margin-bottom: 30px; display:flex; align-items: center; font-size:var(--font-size-18); line-height:1.4em;}
.location-inner .item-box .info ul li:last-child {margin-bottom:0;}
.location-inner .item-box .info ul li .icon {width:70px; height: 70px; background-color:#f1f1f1; background-position: 50% 50%; background-size:contain; background-repeat: no-repeat; border-radius: 100%; overflow:hidden; margin-right:20px;}
.location-inner .item-box .info ul li dl {flex:1 1 auto; min-width:0; width:1%;}
.location-inner .item-box .info ul li dl dt {font-weight: 700; margin-bottom:8px;}
.location-inner .item-box .info ul li.addr .icon {background-image:url('../img/sub/ico_addr.png');}
.location-inner .item-box .info ul li.tel .icon {background-image:url('../img/sub/ico_tel.png');}
.location-inner .item-box .info ul li.email .icon {background-image:url('../img/sub/ico_email.png');}

.location-bg {position:absolute;bottom:0; left:0; width:100%; height: 100%; z-index:-1; background:url('../img/sub/location_bg.jpg') 50% 100% no-repeat;}

.haptic-head {margin-bottom:150px;}
.haptic-head .inner {display:flex; align-items: center;}
.haptic-head .photo {width:50%; padding-right:40px;}
.haptic-head .photo img {width:100%}
.haptic-head .info {width:50%; padding-left:40px; font-size:var(--font-size-18); line-height:1.67em; color:var(--dark-color-44);}

.doc-title {text-align:center; margin-bottom:30px;}
.doc-title h3 {font-size:var(--font-size-36); line-height:1.4em; font-weight: 700; color:var(--dark-color-22);}

.haptic-tech {margin-bottom:120px;}
.haptic-tech ul {display:flex; margin-left:-66px;}
.haptic-tech ul li {width:calc(25% - 66px); margin-left:66px; background:#f1f1f1; border-radius: 30px; padding: 52px 20px 60px; text-align:center;}
.haptic-tech ul li .tit {font-size:var(--font-size-20); line-height:1.5em; color:var(--gray-color-44); font-weight: 700; min-height:calc(1.5em * 1 * 2); margin-bottom: 24px;}
.haptic-tech ul li .icon {width:140px; height: 140px; margin:0 auto; background:var(--primary-color); border-radius: 100%; overflow:hidden;}
.haptic-tech ul li .icon img {object-fit: contain;}

.haptic-app {background:#f1f1f1; padding:120px 0;}
.haptic-app ul {display:flex; margin-left:-40px;}
.haptic-app ul li {width:calc(33.333333% - 40px); margin-left:40px; text-align:center;}
.haptic-app ul li .pic {background:#fff; border-radius: 20px; padding: 20px; margin-bottom:20px;}
.haptic-app ul li .tit {font-size:var(--font-size-24); line-height:1.4em; font-weight: 500; color:var(--dark-color-22);}

.dep1-product_solution--fc .board-wrap {display:none;}
.fueling-inner {background:#f1f1f1; padding: 30px; border-radius: 12px; display:flex;}
.fueling-inner .photo {width:440px; margin-right: 50px; }
.fueling-inner .photo .pic {border-radius: 12px; position: relative; padding-bottom:73%; overflow: hidden;}
.fueling-inner .photo .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.fueling-inner .info {padding-top:40px; padding-right:50px; flex:1 1 auto; min-width:0; width:1%;}
.fueling-inner .info .sub-title {text-align:left; margin-bottom:36px;}
.fueling-inner .info .sub-title h2 {margin-bottom: 8px;}
.fueling-inner .info .sub-title .txt {font-size:var(--font-size-18); line-height:1.4em; color:var(--primary-color);}
.fueling-inner .info .item {margin-bottom:30px;}
.fueling-inner .info .item:last-child {margin-bottom:0;}
.fueling-inner .info .item .label {min-width:200px; height:40px; margin-bottom:14px; background:rgba(255,255,255,.50); display:inline-flex; align-items: center; border-radius: 16px; padding:0 24px; font-size:var(--font-size-18); line-height:1.4em;font-weight: 600; color:var(--dark-color-22)}
.fueling-inner .info .item .cnt {padding-left:24px;}
.fueling-inner .info .item .cnt ul br {display:none;}
.fueling-inner .info .item ul li {position: relative; padding-left:12px; font-size:var(--font-size-17); line-height:1.76em; color:var(--gray-color-22);}
.fueling-inner .info .item ul li:before {content:""; position: absolute; top:10px; left:0; width:6px; height: 6px; border-radius: 100%; background:var(--gray-color-33);}
.fueling-inner .info .item.type2 ul li {font-weight: 600; margin-bottom: 30px;}
.fueling-inner .info .item.type2 ul li:last-child {margin-bottom:0;}
.fueling-inner .info .item.type2 ul li .content {font-weight: 400;}

.cobot-head {position:realtive; background:#f1f1f1; padding-top: 80px; margin-bottom:120px;}
.cobot-head .inner {display:flex;}
.cobot-head .photo {width:600px; margin-right:100px; margin-bottom:-80px;}
.cobot-head .photo .pic {border-radius: 16px; overflow:hidden;}
.cobot-head .photo .pic img {width:100%;}
.cobot-head .info {flex:1 1 auto; min-width:0; width:1%; padding-top:40px;}
.cobot-head .info .sub-title {text-align:left; margin-bottom:40px;}
.cobot-head .info .cnt {font-size:var(--font-size-17); line-height:1.7em; color:var(--gray-color-22);}

.location-cont {margin-bottom: 44px;}
.location-cont .inner {display:flex;}
.location-cont .location-logo {width:300px;}
.location-cont .info {flex:1 1 auto; min-width:0; width:1%;}
.location-cont .info ul li {margin-bottom:20px; font-size:var(--font-size-18); line-height:1.4em;}
.location-cont .info ul li:last-child {margin-bottom:0;}
.location-cont .info ul li dl {display:flex; align-items: center; margin-bottom:10px;}
.location-cont .info ul li dl dt {font-weight: 800; color:var(--dark-color-22); width:100px;}
.location-cont .info ul li dl dd {flex:1 1 auto; min-width:0; width:1%; color:var(--gray-color-44);}
.location-cont .info ul li.flex {display:flex; flex-wrap:wrap; margin-left:-110px; margin-bottom:-10px;}
.location-cont .info ul li.flex dl {margin-left:110px;}

.location-maps {overflow: hidden;}
.location-maps iframe {width:100% !important; height:670px !important;}
 
/* board */
.basic-board-list--fc, .webzine-board-list--fc {border-top: 2px solid #747474;}
.basic-board-list--fc thead th, .webzine-board-list--fc thead th {background:#fff; font-size:var(--font-size-18); line-height:1.4em;font-weight: 500; border-bottom: 1px solid #adadad;}
.basic-board-list--fc thead th:before, .webzine-board-list--fc thead th:before {display:none;}
.basic-board-list--fc td, .webzine-board-list--fc td {font-size:var(--font-size-18); line-height:1.4em; color:var(--gray-color-66); border-bottom-color: #e1e1e1;}
.basic-board-list--fc tbody td.board-subject--fc a, .webzine-board-list--fc tbody td.board-subject--fc a {color:var(--gray-color-15);}
.btn-file-down--fc {display:inline-flex !important; align-items: center; position: relative; background:#333; font-size:var(--font-size-14) !important; font-weight: 300 !important; line-height:1.4em; color:var(--white-color) !important; height:34px; border-radius: 34px; padding:0 20px;}
.btn-file-down--fc:before {content:""; display:inline-flex; align-items: center; width:13px; height: 100%; background:url('../img/bbs/board_ico_list_file.png') 50% 50% no-repeat; background-size:contain; margin-right:5px;}
.basic-board-list--fc.manual-board tbody td.board-subject--fc a {pointer-events: none !important; cursor: default !important; }
.basic-board-list--fc .notice {background: var(--primary-color); color: #fff; height: 32px; border-radius: 32px; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; padding: 0 16px;}

.board-wrap--fc .board-view--fc {border-top:1px solid #666; border-bottom: 0;}
.board-wrap--fc .board-view--fc header {position:relative; display:flex; background:#fff; text-align:left; padding:30px; border-bottom:1px solid #dedede;} 
.board-wrap--fc .board-view--fc header h1 {float:none; flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-24); line-height:1.3em;font-weight:500; color:#333;}
.board-wrap--fc .board-view--fc header address {float:none; display:flex; align-items: center; justify-content: center; font-size:var(--font-size-18); line-height:1.4em; color:#666; margin-left:20px;}
.board-wrap--fc .board-view--fc header address p:nth-child(4) {display:none;}
.board-wrap--fc .board-view--fc header address p {float:none; background:none; padding:0 6px;}
.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; }
.board-wrap--fc .board-view--fc .board-view-file--fc img {margin-right:10px; vertical-align: middle;}
.board-wrap--fc .board-view--fc .board-view-file--fc  a {color:#666; font-weight: 400;}

.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc {position:relative; padding:0 30px; background:#222; color:#fff; border:1px solid #151515; height:52px; font-size:var(--font-size-18) ; line-height:50px; font-weight: 700; border-radius: 50px;}
.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%; font-weight: 400;}
.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:var(--font-size-18) ;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:var(--font-size-18) ; line-height:1.4em; color:rgba(21,21,21,.80);}
.board-wrap--fc .board-view--fc .post-navi--fc li a, .board-wap--fc .board-view--fc .post-navi--fc li span, .board-wrap--fc .board-view--fc .post-navi--fc li strong {font-size:var(--font-size-18) ; line-height:1.4em; font-weight: 600; color:var(--dark-color);}
.board-wrap--fc .board-view--fc .post-navi--fc li span {opacity:.80; font-size:var(--font-size-18); margin-left:2rem;}





 /* contact us */
 /* 검색 */
.board-search-wrap--fc {margin-bottom:30px; display:flex; justify-content: space-between; align-items: flex-end;}
.board-search-wrap--fc > .board_list_total--fc {color:#666;font-size:var(--font-size-18); line-height:1.4em;  order:1;}
.board-search-wrap--fc form {order:2;}
.board-search-wrap--fc fieldset {display:flex;}
.board_list_total--fc {font-size:var(--font-size-18); line-height:1.4em; color:var(--gray-color-66);}
.board_list_total--fc span {font-weight: 700; padding-left:5px; color:var(--gray-color-22);}
.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) {display:none;}
.board-search-wrap--fc p:nth-of-type(2) {width:420px;}
.board-search-wrap--fc input[type="text"] {height:50px; background:#fff; color:var(--dark-color); border:1px solid #b7b7b7; border-radius: 25px; padding:0 60px 0 20px; font-size:var(--font-size-18); line-height:1.4em;}
.search-input-wrap--fc a {width:28px; height:100%; right:20px; 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;}


.page-url-cobot--fc .category-tab--fc {display:none;}


.movie-list ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.movie-list ul li {width:25%; padding:0 20px; margin-bottom:50px;}
.movie-list ul li a {display:block;}
.movie-list ul li .thumb {position:relative; height:0; padding-bottom:68.8%; border-radius: 14px; overflow:hidden;}
.movie-list ul li .thumb iframe,
.movie-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;}
.movie-list ul li .thumb:after {content:""; position:absolute; top:50%; left:50%; width:67px; height: 47px; transform: translate(-50%,-50%); background:url('../img/main/video_btn.png') 50% 50% no-repeat; background-size:contain}
.movie-list ul li .tit {font-size:var(--font-size-18); line-height:1.45em; font-weight:700; color:var(--dark-color); margin-top:12px;}


.movie-modal { display:none; position:fixed; inset:0; z-index:9999; background:rgba(0,11,28,0.80); align-items:center; justify-content:center; padding:20px; box-sizing:border-box;}
.movie-modal__inner {position:relative; width:100%; max-width:900px;}
.movie-modal.is-open { display: flex !important; }
.movie-modal__close {position:absolute; top:-60px; right:-60px; width:60px; height: 60px; border-radius: 100%; background:#e4e4e4 url('../img/bbs/close.png') 50% 50% no-repeat; z-index:10;}
.movie-modal__close:focus {outline: 0;}
.movie-modal__video {position:relative; padding-bottom:56.25%; border-radius: 30px; border:2px solid var(--primary-color); height:0; overflow:hidden;}
.movie-modal__content {position:absolute; top:0; left:0; width:100%; height:100%;}
.movie-modal__content iframe,
.movie-modal__content video { position:absolute; top:0; left:0; width:100%; height:100%; }

.required {color:#d01a24; padding-left:6px;}

.mailform-inner {background:#f6f6f6; padding:2rem 0 4rem; margin-bottom:6rem;}
.mailform-head {display:flex; align-items: flex-end;}
.mailform-head .tit-box { flex:1 1 auto; min-width:0; width:1%;}
.mailform-head .tit { font-size:var(--font-size-30); line-height:1.4em; color:var(--primary-color); font-weight: 700; margin-bottom:10px;}
.mailform-head .logos {font-size:var(--font-size-120); line-height:1.4em; color:#fff; font-weight: 800; margin-bottom:-50px;}

 
.mailform {border-top: 2px solid #444; padding-top:30px; background:#f6f6f6;  position: relative; z-index:2;}
.mailform .input {height:50px; width:100%; border:0; border-bottom: 1px solid #444; padding:0;background-color:transparent; color:var(gray-color-22); font-size:var(--font-size-18);}
.mailform textarea.input {border:0; height:170px; padding:20px 20px; background-color:#f9f9f9; border:1px solid #444;}
.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:var(--gray-color-22); font-size:var(--font-size-18); line-height:1.4em; margin-bottom:10px; font-weight: 700;}
.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:1px solid #444; font-size:var(--font-size-18); line-height:1.4em; display:flex; align-items: center; color:var(--gray-color-22); height:140px; padding:20px 40px; background:#f9f9f9;}
.mailform .privacy_box--fc pre {font-family: "Pretendard", sans-serif !important;}
.mailform input[type="checkbox"] + label {font-size:var(--font-size-16); padding-left:40px; line-height:1.4em;  color:var(--gray-color-22); opacity:1;}
.mailform input[type="checkbox"] + label:before {content:""; top:-3px; background-color:#fff; width:26px; height:26px; border:1px solid #ccc; 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:#ccc}
.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 #444;  background:#f6f6f6; color:#000; font-size:var(--font-size-18); padding-left:0;}
.mailform span.txt {font-size:var(--font-size-18); opacity:.80; font-weight: 300; padding-left:5px;}

.filebox {position:relative; display:flex;}
.filebox label {width:180px; margin-right:20px; height:100%; background: #b7b7b7; color:#fff; 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:#f6f6f6; border:0; border-bottom: 1px solid #444;  width:100%; padding:0; font-size:18px; line-height:1.4em;}
.mailform + .buttons {margin-top:60px;}

.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:220px; height:50px; border:0; justify-content:center;background:var(--gray-color-22); font-size:var(--font-size-18); line-height:1.3em; color:#fff;font-weight:700; padding:0 30px; border-radius: 50px;}


.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(--gray-color-22); color:#fff;  border:0;}




/***************** 2026.09.07 스타일 추가 *******************/

.category-none .board-wrap--fc .category-tab--fc { 
    display: none !important;
}

.product-area {

}

.product-area .product-list .item-box {
    padding: 2.8125rem 3.4375rem;
}

.product-area .product-list .item-box .box-inner {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.product-area .product-list .item-box .left {
    
}

.product-area .product-list .item-box .left .tit {
    text-align: center;
}

.product-area .product-list .item-box .left .tit h2 {
    font-size: var(--font-size-44);
    font-weight: 800;
    color: #0a0a0a;
}

.product-area .product-list .item-box .left .photo {
    width: 100%;
    margin-right: 0;
    margin-top: 2.1875rem;
}

.product-area .product-list .item-box .left .photo .pic {
    background-color: transparent;
    padding-bottom: 0;
    padding: 2.5rem;
    width: 100%;
    height: auto;
    aspect-ratio : 530 / 295;
}

.product-area .product-list .item-box .left .photo .pic img {
    max-width: calc(100% - 5rem);
    max-height: calc(100% - 5rem);
}

.product-area .product-list .item-box .btns {
    display: -ms-flexbox;
    display: flex;
    gap: 0.625rem;
    margin-top: 2.1875rem;
}

.product-area .product-list .item-box .btns > a {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    height: 3.4375rem;
    border-radius: 1.6875rem;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;   
    gap: 0.75rem; 
    background-color: #333;
    transition: all 0.6s ease;
}

.product-area .product-list .item-box .btns > a:hover {
    opacity: 0.8;
}

.product-area .product-list .item-box .btns > a.base {
    background-color: var(--primary-color);
}

.product-area .product-list .item-box .btns > a .ico {
    font-size: 0;
    text-indent: -9999px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.product-area .product-list .item-box .btns > a .ico.edit {
    width: 0.8125rem;
    height: 1rem;
    background-image: url('../img/bbs/ico_contact.png');
}

.product-area .product-list .item-box .btns > a .ico.download {
    width: 0.8125rem;
    height: 0.875rem;
    background-image: url('../img/bbs/ico_down.png');
}

.product-area .product-list .item-box .btns > a span {
    font-size: var(--font-size-16);
    font-weight: 300;
    color: #fff;
}


.product-area .product-list .item-box .txts {
    background-color: #fff;
    border-radius: 0.9375rem;
    padding: 2.5rem 3.4375rem;
    height: 100%;
}

.product-area .product-list .item-box .txts .txt-box + .txt-box {
    margin-top: 2.1875rem;   
}

.product-area .product-list .item-box .txts .tit,
.product-area .product-list .item-box .txts .desc > b,
.product-area .product-list .item-box .txts .desc > p > b,
.product-area .product-list .item-box .txts .desc > strong,
.product-area .product-list .item-box .txts .desc > p > strong  {
    color: #222222;
    font-weight: 700;
    font-size: var(--font-size-22);
    display: block;
    margin-bottom: .625rem;
}

.product-area .product-list .item-box .txts .desc ul {
    color: #222222;
    font-weight: 400;
    font-size: var(--font-size-18);
    list-style: disc;
    margin-left: 1rem;
}

.product-area .product-list .item-box .txts .desc ul > li  {
    list-style: disc;
}

/* .product-area .product-list .item-box .txts .desc ul > li {
    position: relative;
    padding-left: 1.125rem;
}

.product-area .product-list .item-box .txts .desc ul > li::before {
    content: '';
    display: block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0.6875rem;
} */

.product-area .product-list .item-box .txts .desc ul b,
.product-area .product-list .item-box .txts .desc ul strong {
    font-weight: 700;
}

.product-area .product-list .item-box .txts .spec {
    overflow-x: scroll;
}

.product-area .product-list .item-box .txts .spec::-webkit-scrollbar {  width: 2px;  height: 1px;}
.product-area .product-list .item-box .txts .spec::-webkit-scrollbar-track { background: transparent;}
.product-area .product-list .item-box .txts .spec::-webkit-scrollbar-thumb {  background: var(--primary-color);}

.product-area .product-list .item-box .txts .spec table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem; /* 14px */
    color: #333;
    min-width: 25rem;
}

.product-area .product-list .item-box .txts .spec table td {
    height: 2.25rem;
    vertical-align: middle;
    padding: 0.625rem; /* 12px 10px */
    text-align: center;
    border-bottom: 0.0625rem solid #e5e5e5; /* 1px */
    border-right: 0.0625rem solid #e5e5e5; /* 1px */
}

.product-area .product-list .item-box .txts .spec table td:first-child {
    border-right: 0.0625rem solid #000;
}

.product-area .product-list .item-box .txts .spec table td:last-child {
    border-right: none;
}

.product-area .product-list .item-box .txts .spec table tr:first-child td {
    font-weight: 700;
    color: #000;
    border-top: 0.0625rem solid #000;
    background-color: #f0f0f0;
}

.real-cont.product-overview {
    padding-bottom: 0;
}



.spec-table-area {
    position: relative;
    margin-top: 7.1875rem;
}

.spec-table-area::before {
    content: '';
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #f8f8f8;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
}

.spec-table-area .inner-body {
    padding: 7.1875rem 0px;
    position: relative;
    z-index: 10;
}

.spec-table-area .tit {
    margin-bottom: 2.8125rem;
}

.spec-table-area .tit b {
    font-size: var(--font-size-35);
    font-weight: 800;
    color: #222222;
}


.spec-table-wrap {
    overflow-x: scroll;
}

.spec-table-wrap::-webkit-scrollbar {  width: 2px;  height: 1px;}
.spec-table-wrap::-webkit-scrollbar-track { background: transparent;}
.spec-table-wrap::-webkit-scrollbar-thumb {  background: var(--primary-color);}

.spec-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background-color: #fff;
    min-width: 56.25rem;
}

.spec-table td {
    padding: 0.75rem 0.5rem; /* 12px 8px */
    text-align: center;
    vertical-align: middle;
    border: 0.0625rem solid #ddd; /* 1px */
    line-height: 1.4;
    font-size: var(--font-size-16);
    color: #111111;
    vertical-align: middle;
    height: 2.8125rem;
}

.spec-table .row-head td {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 700;      
    height: 4.375rem;
}

.spec-table .col-category {
    background-color: #a0a0a0;
    color: #fff;
    font-weight: 700;
    /*white-space: nowrap;*/
}

.spec-table .bg-color {
    background-color: #f0f4f8;
}

/* .spec-table .row-head td:not(.col-category):not(.col-unit) {
    font-size: 0.875rem; 
} 
*/

.spec-table .row-image td {
    padding: 1.25rem 0.5rem; /* 20px 8px */
}

.spec-table .row-image img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.spec-table td {
    font-weight: 400;
}

@media (min-width: 1200px) {

    .product-area .product-list .item-box .left {
        width: calc(50% - 55px);
        padding-right: 55px;
    }

    .product-area .product-list .item-box .right {
        width: calc(50% + 55px);
    }

}

@media (max-width: 1199px) {
    /* .product-area .product-list .item-box {
        padding: 2.8125rem 3.4375rem;
    } */

    .product-area .product-list .item-box .box-inner {
        -ms-flex-direction: column  !important;
        flex-direction: column !important;
        gap: 2.5rem;
    }

    .product-area .product-list .item-box .left {
        width: 100%;
    }

    .product-area .product-list .item-box .right {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .product-area .product-list .item-box {
        padding: 2rem;
    }

    .product-area .product-list .item-box .txts {
        padding: 2rem;
    }

    .product-area .product-list .item-box .txts .desc ul {
        margin-left: calc(2rem * 0.8);
    }

    /* .product-area .product-list .item-box .txts .desc ul > li::before {
        top: 0.75rem;
    } */
}

@media (max-width: 480px) {
    .product-area .product-list .item-box .btns {
        -ms-flex-direction: column  !important;
        flex-direction: column !important;        
    }

    .product-area .product-list .item-box .btns > a {
        min-height: 40px;
    }
}


.faq-area .board-wrap--fc .category-tab--fc ul {
    background-color: #eeeeee;
    border-radius: 3.125rem;
    padding: 1.125rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 0.625rem;
}

.faq-area .board-wrap--fc .category-tab--fc ul > li {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
}

.faq-area .board-wrap--fc .category-tab--fc ul > li a {
    color: #b0b0b0;
    font-size: var(--font-size-18);
    font-weight: 700;
    height: 4.0625rem;
    text-align: center;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
    line-height: 1.3;
    padding: 0 0.625rem;
}

.faq-area .board-wrap--fc .category-tab--fc ul > li a::before {
    display: none;
}

.faq-area .board-wrap--fc .category-tab--fc ul > li.on a {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 2rem;

}

.faq-area .board-search-wrap--fc {
    display: none;
}

.faq-wrap--fc .f-wrap--fc a {
    background-color: #fff;
    padding: 1.5625rem 3.75rem 1.5625rem 8.4375rem;
    font-size: var(--font-size-20);
    font-weight: 600;
    color: #151515;
}

.faq-wrap--fc .f-wrap--fc a strong {
    display: none;   
}

.faq-wrap--fc .f-wrap--fc a .num {
    display: block;
    width: 3rem;
    height: 3rem;
    background-color: #000000;
    border-radius: 50%;
    line-height: 3rem;
    text-align: center;
    font-size: var(--font-size-18);
    font-weight: 700;
    color: #fff !important;
    left: 1.5625rem;
    position: absolute;
    top : 1rem;
}

.faq-wrap--fc .f-wrap--fc a::before {
    display: none !important;
}

.faq-wrap--fc .f-wrap--fc a::after {
    content: '' !important;
    width: 1.4375rem;
    height: 1.5rem;
    background: url(/html/_skin/img/common/ico_faq_arrow_down.png) no-repeat center / contain;
    right: 2.375rem;
    top: 1.8125rem;
}

.faq-wrap--fc .f-wrap--fc.on a {

}

.faq-wrap--fc .f-wrap--fc.on a::before {

}

.faq-wrap--fc .f-wrap--fc.on a::after {
    background-image: url(/html/_skin/img/common/ico_faq_arrow_up.png);
}

.faq-wrap--fc .q-wrap--fc {
    padding: 2.5rem 2.5rem 2.5rem 8.4375rem;
    font-size: var(--font-size-20);
    font-weight: 300;
    border-top: 1px solid #d7d7d7;
}

.faq-wrap--fc .q-wrap--fc > p {
    padding: 0;
    border-top: 0;
    font-size: initial;
}

.faq-wrap--fc .q-wrap--fc > p::before {
    display: none !important;
}


@media (min-width: 992px) {
    .faq-area .board-wrap--fc .category-tab--fc ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}


@media (max-width: 991px) {
    .faq-wrap--fc .f-wrap--fc a {
        padding-left: 6.25rem;
    }

    .faq-wrap--fc .q-wrap--fc {
        padding-left: 6.25rem;
    }
}


.sub-vis.bg7 .background {background-image:url('../img/common/vis7.jpg');}

.aboutus .sub-con-section article {
    padding: 6.25rem 0;
}


.aboutus .about-boxs {
    row-gap: 2.5rem;
}

.aboutus .about-boxs .box {
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    padding: 3.75rem 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.aboutus .about-boxs .box .box-inner > b {
    width: 14.0625rem;
}

.aboutus .about-boxs .box .box-inner > p {
    width: calc(100% - 14.0625rem);   
}

.aboutus .history-boxs {

}

.aboutus .history-boxs > ul {
    
}

.aboutus .history-boxs > ul > li {
    padding-bottom: 5.625rem;
}

.aboutus .history-boxs > ul > li:last-child {
    padding-bottom: 0;
}

/* .aboutus .history-boxs > ul > li:last-child .desc::before {
    display: none !important;
} */

.aboutus .history-boxs .year {
    position: relative;
    width: 32.50rem;
    padding: 0 1.25rem;
}

.aboutus .history-boxs .year::before,
.aboutus .history-boxs .year::after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    z-index: 20;
}

.aboutus .history-boxs .year::before {   
    width: 4.0625rem;
    height: 4.0625rem;    
    background-color: rgba(230, 0, 19, 0.1);    
    right: -2.03125rem;   /* -32.5px */
    top: 0.4375rem;       /* 7px */
    
}

.aboutus .history-boxs .year::after {
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--primary-color);
    top: 1.75rem;    /* 28px */
    right: -0.625rem; /* -10px */
}

.aboutus .history-boxs .year > b {
    background-color: var(--primary-color);
    border-radius: 2.5rem;
    text-align: center;
    display: block;
    margin: 0 auto;
    line-height: 4.875rem;
    width: 14.375rem;
}

.aboutus .history-boxs .desc {
    width: calc(100% - 32.50rem);
    padding-left: 7.1875rem;
    position: relative;
}

.aboutus .history-boxs .desc::before {
    content: '';
    display: block;
    height: calc(100% + 5.625rem);
    border-left: 1px solid #d2d2d2;
    position: absolute;
    left: 0;
    top: 1.75rem;
}


.aboutus .history-boxs .desc .img {
    border: 1px solid var(--primary-color);
    border-radius: 1.25rem;
    width: 15.625rem;
    height: auto;
    aspect-ratio : 250 / 210;
    overflow: hidden;
}


.aboutus .history-boxs .desc .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.aboutus .history-boxs .desc .txts {
    margin-top: 1.875rem;
}

.aboutus .history-boxs .desc .txt + .txt {
    margin-top: 1.25rem;
}

.aboutus .history-boxs .desc .txt > b {
    
}

.aboutus .history-boxs .desc .txt > ul {
    margin-top: 5px;
}

.aboutus .history-boxs .desc .txt > ul p {
    padding-left: .75rem;
}

@media (min-width: 992px) {
    .aboutus .about-boxs .col:nth-child(odd) { padding-right: 1.25rem;} 
    .aboutus .about-boxs .col:nth-child(even) { padding-left: 1.25rem;} 

    .aboutus .about-img-txt-boxs > .f-row {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    
    .aboutus .about-img-txt-boxs > .f-row:not(.flex-row-reverse-lg-min) .imgs { padding-right: 2.5rem; }
    .aboutus .about-img-txt-boxs > .f-row:not(.flex-row-reverse-lg-min) .txts { padding-left: 2.5rem; }

    .aboutus .about-img-txt-boxs > .f-row.flex-row-revers-lg-min .imgs { padding-left: 2.5rem; }
    .aboutus .about-img-txt-boxs > .f-row.flex-row-reverse-lg-min .txts { padding-right: 2.5rem; }

    .flex-row-reverse-lg-min {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
}

@media (min-width: 768px) {
    .aboutus .about-boxs .box .box-inner {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
}

@media (max-width: 1440px) {
    .aboutus .history-boxs .year {
        width: 15.625rem;
        padding-left: 0;
        padding-right: 5rem;
    }

    .aboutus .history-boxs .year > b {
        width: 12.5rem;
        margin: 0;
        max-width: 100%;
    }

    .aboutus .history-boxs .desc {
        width: calc(100% - 15.625rem);
        padding-left: 5rem;
    }
}

@media (max-width: 991px) {
    .aboutus .about-img-txt-boxs > .f-row {
        gap: 2.5rem;
    }

    .aboutus .about-img-txt-boxs > .f-row .imgs img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .aboutus .about-boxs .box .box-inner {
        -ms-flex-direction: column  !important;
        flex-direction: column !important;
        gap: 1.25em;
    }

    .aboutus .about-boxs .box .box-inner > b, 
    .aboutus .about-boxs .box .box-inner > p {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .aboutus .history-boxs > ul > li {
        -ms-flex-direction: column  !important;
        flex-direction: column !important;
        gap: 2.5rem;
    }

    .aboutus .history-boxs .year {
        width: 100%;
        padding-right: 0;
    }

    .aboutus .history-boxs .year::before,
    .aboutus .history-boxs .year::after {
        display: none;
    }

    .aboutus .history-boxs .desc {
        width: 100%;
        padding-left: 0;
    }

    .aboutus .history-boxs .desc::before {
        display: none;
    }
}

.location-inner .item-box .info ul li.name .icon {
    background-image: url(../img/sub/ico_name.png);
}


/***********************************************************/


.board-wrap--fc .board-view--fc .board-conts--fc,
.board-wrap--fc .board-view--fc .board-conts--fc div, 
.board-wrap--fc .board-view--fc .board-conts--fc p {
    font-size: initial;
    line-height: 1.7;
    color: initial;
}