@charset "utf-8";
/* CSS Document */
/*-----------------
    게시판 영역 css
-------------------*/

/*통합검색어 */
mark{font-weight:700; color:#9716B4; background:rgba(151, 22, 180, 0.08)}

/*좋아요*/
.btn-like:after{content: ""; display: block; width: 3.2rem; height: 3.2rem; mask-repeat:no-repeat; -webkit-mask-size: cover; mask-size: cover; mask-position:center center; -webkit-mask-image :url("../../img/frt/content/icon-star.svg"); mask-image :url("../../img/frt/content/icon-star.svg");background-image :url("../../img/frt/content/icon-star.svg");  background-color:#CDD1D5 }
.btn-like.active:after{ -webkit-mask-image :url("../../img/frt/content/icon-star_fill.svg"); mask-image :url("../../img/frt/content/icon-star_fill.svg"); background-image :url("../../img/frt/content/icon-star_fill.svg");background-color:#FFB114;  }

/*첨부파일*/
ul.file-list{ display: flex; display: -webkit-flex; justify-content: flex-start; flex-flow: row wrap; gap:1rem 0;}
ul.file-list li{ display: flex; display: -webkit-flex; align-items: center; }
ul.file-list li:after{content: ""; display: flex; display: -webkit-flex; width: 1px; height: 16px; background: #CDD1D5; margin: 0 0.8rem;}
ul.file-list li:last-child:after{display: none}
ul.file-list li a{font-size: 1.7rem; font-weight: 400; color:#464c53; display:flex; display: -webkit-flex; align-items: center;}
ul.file-list li a:before{ content: ""; display:flex; display: -webkit-flex; width: 2.4rem; height:2.4rem; mask-repeat:no-repeat; -webkit-mask-size: cover; mask-size: cover; mask-position:center center; -webkit-mask-image :url("../../img/frt/content/attach.svg"); mask-image :url("../../img/frt/content/attach.svg"); background-image: none; background-color:#33363d; margin: 0 0.8rem 0 0;}

/*갤러리 리스트 - 기업리스트 */
.card-list{ display: grid; gap:2.4rem 2rem; grid-template-columns:repeat(5, 1fr); }
.card-list>li{border: 1px solid #B1B8BE; background: #fff; border-radius: 1.2rem; padding: 2.4rem; margin: 0;}
.card-list>li:last-child{margin-right: 0;}
.card-list>li div.card-wrap{ display: grid; row-gap: 1.6rem;}
.card-list>li div.card-wrap div.card-img{width: 100%; height: 14.1rem; border: 0.4px solid #B1B8BE;  display: flex; position: relative; align-items: center; justify-content: center;}
.card-list>li div.card-wrap div.card-img a{display: flex; display: -webkit-flex;height: 100%; width: 100%; align-items: center; object-fit: cover; justify-content: center; padding: 2.4rem;  }
.card-list>li div.card-wrap div.card-img a img{ object-fit: cover; max-width: 100%; max-height: 100%;}
.card-list>li div.card-wrap div.card-img p.flag{position: absolute; top: 0; right: 0; width: 4rem; height: 3rem;  margin: 0.3rem; mask-repeat:no-repeat; mask-size:contain; mask-position:center center; }
.card-list>li div.card-wrap dl{display: grid; grid-auto-columns: auto;  gap:1.2rem}
.card-list>li div.card-wrap dt{font-size: 1.9rem; font-weight: 700; color:#1E2124;  }
.card-list>li div.card-wrap dt a{display: block;  overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.card-list>li div.card-wrap dd ul{display: grid; }
.card-list>li div.card-wrap dd ul li{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.7rem; font-weight: 400; color:#464C53; }
.card-list>li div.card-wrap .btn-box{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.card-list>li div.card-wrap .btn-box .btn-like{}
.card-list>li div.card-wrap .btn-box .btn-like:after{content: ""; display: block; width: 3.2rem; height: 3.2rem; mask-repeat:no-repeat; -webkit-mask-size: cover; mask-size: cover; mask-position:center center; -webkit-mask-image :url("../../img/frt/content/icon-star.svg"); mask-image :url("../../img/frt/content/icon-star.svg");background-image :url("../../img/frt/content/icon-star.svg");  background-color:#CDD1D5 }
.card-list>li div.card-wrap .btn-box .btn-like.active:after{ -webkit-mask-image :url("../../img/frt/content/icon-star_fill.svg"); mask-image :url("../../img/frt/content/icon-star_fill.svg"); background-image :url("../../img/frt/content/icon-star_fill.svg");background-color:#FFB114;  }
.card-list>li div.card-wrap .btn-box .btn-contact{padding: 0 1rem; }
     /*콘텐츠 리스트 이미지*/
    .card-list.con-list>li div.card-wrap div.card-img{padding: 0;}
    .card-list.con-list>li div.card-wrap div.card-img a{padding:0; overflow: hidden;}
    .card-list.con-list>li div.card-wrap div.card-img a img{width:100%; height: auto; max-height: none; min-height: 100%;}

.card-list>li div.card-wrap a{display:block; }

.card-list>li.textc{grid-column:1 / span 5;}

.card-list>li.no-data{grid-column: 1 / span 5; text-align:center; border:0; border-top:0.2rem solid #782f89;  border-bottom: 0.1rem solid #B1B8BE; padding:2.4rem;  }

/*게시판 리스트*/
.des-list{display: grid; }
.des-list>li{ border: 1px solid #B1B8BE; background: #fff; border-radius: 1.2rem; padding: 3rem 0.8rem 3rem 3rem; margin: 0 0 2rem 0;;}
.des-list>li:last-child{margin-bottom: 0;}
.des-list>li .card-wrap{display: flex; display: -webkit-flex; justify-content: flex-start; column-gap: 2.4rem}
.des-list>li .card-wrap .card-img{width: 24.9rem; height: 14rem; border: 0.04rem solid #B1B8BE;  padding: 0; display: flex; position: relative; align-items: center; justify-content: center; overflow: hidden;}
.des-list>li .card-wrap .card-img.comp{}
.des-list>li .card-wrap .card-img p{ width: 100%; height: 100%; object-fit: cover; background:#F4F5F6 url(../../img/frt/content/noImg.svg) no-repeat; background-position:center;}
/*.des-list>li .card-wrap .card-img p a{display:block; width:100%; height:100%; }*/
.des-list>li .card-wrap .card-img p img{ object-fit: cover; width: 100%; height: 100%;}
.des-list>li .card-wrap .card-img.comp p{display:flex; align-itemcs:center; justify-content:center; background:#fff; padding: 3rem; display:block;}

.des-list>li .card-wrap .card-img.comp p img{height: auto;}
.des-list>li .card-wrap .info-box{width: calc(100% - 32rem);  }
.des-list>li .card-wrap .info-box dt{font-size: 2.4rem; font-weight: 700; color: #1e2124; display: flex; display: -webkit-flex; gap:0 1.2rem; margin-bottom: 1.2rem;}
.des-list>li .card-wrap .info-box dt a{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.des-list>li .card-wrap .info-box dt a .flag{width:4rem; height:3rem; margin-left:1.2rem} 
.des-list>li .card-wrap .info-box dd > ul{display: grid; }
.des-list>li .card-wrap .info-box dd > ul > li{display: block; margin-bottom: 1.3rem;}
.des-list>li .card-wrap .info-box dd > ul > li:last-child{margin-bottom:0;}
.des-list>li .card-wrap .info-box dd li.sub-tit{font-size: 1.9rem; }
.des-list>li .card-wrap .info-box dd li p{}
.des-list>li .card-wrap .info-box dd li p a{font-size:1.7rem; font-weight: 400; color:#464C53; display:block; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.des-list.search-total > li .card-wrap .card-img p a:has(img) { width: 100%; height:100%; display: flex; align-items:center; justify-content:center; }
/*.des-list>li .card-wrap .card-img.comp p a{width:100%; height:100%;}
.des-list>li .card-wrap .card-img.comp p a img{object-fit:contain; }*/

/*opportunities 이미지*/
.des-list.oppo-list>li .card-wrap .card-img.comp{background:#F4F5F6 url(../../img/frt/content/noImg2.svg) no-repeat; background-position:center;}




/*게시물 상단 총 갯수*/
.sch-info{ display:flex;align-items:flex-end; justify-content:space-between; flex-direction:row-reverse; align-items:center; margin-top:6rem;}
.sch-info p{font-size:1.9rem; font-weight:700; color:#1E2124}
.sch-info p span{color:#9716B4}

/*통합 검색 화면*/
/*통합검색 상단 검색 영역*/
.total-search-top-box .sch-input{max-width: 80rem; margin: 0 auto; }
.total-search-top-box .sch-input input{border: 1px solid #58616a; width: 100%; height:7rem; border-radius: 1rem; padding: 0 7.4rem 0 2.4rem !important; box-sizing: content-box; font-size:1.9rem; font-weight: bold;}
.total-search-top-box .sch-input button.btn-search{position: absolute; top:50%; right: 2.4rem; transform: translateY(-50%); width: 4rem; height: 4rem; padding-top: 0.3rem;}
/*최근 키워드 */
.recent-search{width:100%; max-width: 800px; margin: 1.2rem auto 0 auto; }
.recent-search dl {display: flex;  justify-content: flex-start; flex-direction: row; align-items: flex-start}
.recent-search dl dt{margin: 1rem var(--krds-number-6) 0 0; font-weight: 700; display: flex; align-items: center; width: 22rem;  }
.recent-search dl dt span{color: #9716b4; }
.recent-search dl dd{display: flex; }
.recent-search dl dd .recent-chip {display: flex; display: -webkit-flex; flex-flow: row wrap; flex: 1; gap:0.8rem 0 }
.recent-search dl dd .recent-chip span{  border: 1px solid #CDD1D5; background: #fff; margin: 0 0.5rem 0 0;  border-radius: 2rem; display: flex; display: -webkit-flex; align-items: center; padding: 0 1.2rem 0 0; }
.recent-search dl dd .recent-chip span a{display: block; padding: 0.7rem 0.2rem 0.6rem 1.2rem;  color: #1E2124; font-size: 1.7rem; max-width: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.recent-search dl dd .recent-chip span button.btn-delete{ width: 1.6rem; height: 1.6rem; mask-repeat: no-repeat;  -webkit-mask-repeat: no-repeat; mask-position: center center; -webkit-mask-position: center center; mask-size: contain; -webkit-mask-size: contain; -webkit-mask-image: url("../../libs/krds/img/component/icon/ico_delete_fill.svg"); mask-image: url("../../libs/krds/img/component/icon/ico_delete_fill.svg"); background-image: url("../../libs/krds/img/component/icon/ico_delete_fill.svg"); background-color: transparent !important; background-size: contain; background-repeat: no-repeat; -webkit-mask: none; mask: none;}

/*검색 결과 영역*/
.search-conts {position: relative; margin-top:4.8rem; display:flex; align-items:flex-start; width:100%; margin-left:0; }
.search-conts:has(.aside){ width:calc(100% + 12rem); margin-left:-6rem;}

/*통합검색 좌측 사이드 메뉴*/
.search-conts .aside{/*position: fixed; left: 50%; top: 41rem; bottom:auto; margin-left: -93.6rem; display: block; transition:0.4s ease-in-out;*/position:sticky; left:0; top:15rem; bottom:auto; margin:0;}
.search-conts .scroll_aside{/*top:auto; bottom:25.5rem; transition:0.4s ease-in-out;*/}
.search-conts .aside dt{font-size: 0; line-height: 0; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; }
/*.search-conts .aside dd button.tab-btn {display: none; width: 100%; border-radius: 1.2rem; background:#611183; color:#fff; text-align: left; height: 4.8rem; padding: 0 1.6rem; position: relative;}
.search-conts .aside dd button.tab-btn:after{display: inline-flex; display:-webkit-inline-flex; content: ""; width: 2.4rem; height: 2.4rem; background-color:#fff; mask-repeat:no-repeat; mask-size:contain; mask-position:center center; -webkit-mask-image :url("../../libs/krds/img/component/icon/ico_angle.svg"); mask-image :url(../../libs/krds/img/component/icon/ico_angle.svg); transform:rotate(0deg); position: absolute; top: 50%; right: 1.6rem; margin-top: -1.2rem; }
.search-conts .aside dd button.tab-btn span{ background: #fff; color:#611183; border-radius: 1rem; height: 2rem; width: auto; display: inline-block; text-align: center; font-weight: 400; margin-top:0.4rem; padding: 0 1rem; font-size: 1.5rem;}*/
.scroll-btn{ position:absolute; top:0; width:8rem; height:3.1rem; background:linear-gradient(90deg,rgba(255,255,255,0.30) 3.12%,#fff 46.25%); z-index:1; display:none;}
.scroll-btn.scroll-btn-prev{left:0; padding-left:0;transform:scaleX(-1);}
.scroll-btn.scroll-btn-next{right:0; padding-right:0; }
.scroll-btn .btn{position:absolute; top:0; width:3.2rem; height:3.2rem; padding:0; border:0.1rem solid #CDD1D5; border-radius:50%;right:0;  }
.scroll-btn .btn:after{display: block; content: ""; width: 1rem; height: 1rem; position: absolute; top: 50%; left:50%; border-top: 0.1rem solid #33363D; margin-left:-0.7rem;}
.scroll-btn .btn.prev:after{border-left: 0.1rem solid #33363D;  transform: translateY(-50%) rotate(135deg);  }
.scroll-btn .btn.next:after{border-right: 0.1rem solid #33363D;  transform: translateY(-50%) rotate(45deg);}
.search-conts .aside ul:after{display: none; background: #b1b8be; position: absolute; bottom: 0; left: 50%;  z-index: -1; transform: translateX(-50%); content: ""; width: 100vw; height: 1px;}
.search-conts .aside li{border: 1px solid #B1B8BE; border-top: 0; height: 10.4rem; width: 12rem; overflow: hidden;background: #fff;}
.search-conts .aside li:first-child{border-top: 1px solid #B1B8BE; border-radius: 1.2rem 1.2rem 0 0}
.search-conts .aside li:last-child{border-radius: 0 0 1.2rem 1.2rem}
.search-conts .aside li a{display: flex; justify-content: center; flex-direction: column; align-items: center; font-size:1.3rem; font-weight: 700; height: 10.4rem; color: #464C53; }
.search-conts .aside li a:before{display: block; content: ""; width: 2.4rem; height: 2.4rem; margin-bottom: 0.4rem; background:#464C53; }
.search-conts .aside li a span{background: #6D7882; color:#fff; border-radius: 1rem; height: 2rem; width: auto; display: block; text-align: center; font-weight: 400; margin-top:0.4rem; padding: 0 1rem;}
.search-conts .aside li.search-all a:before{background: url("../../img/frt/content/icon-category.svg") no-repeat;}
.search-conts .aside li.search-comp a:before{background: url("../../img/frt/content/icon-corporate_fare.svg") no-repeat;}
.search-conts .aside li.search-cont a:before{background: url("../../img/frt/content/icon-newsmode.svg") no-repeat;}
.search-conts .aside li.search-feat a:before{background: url("../../img/frt/content/icon-dataset.svg") no-repeat;}
.search-conts .aside li.search-busi a:before{background: url("../../img/frt/content/icon-quick_reference.svg") no-repeat;}
.search-conts .aside li.search-webi a:before{background: url("../../img/frt/content/icon-cast.svg") no-repeat;}
.search-conts .aside li.search-arch a:before{background: url("../../img/frt/content/icon-home_storage.svg") no-repeat;}
.search-conts .aside li.search-oppor a:before{background: url("../../img/frt/content/icon-approval_delegation.svg") no-repeat;}
.search-conts .aside li:hover, .search-conts .aside li.active{background: #611183}
.search-conts .aside li:hover a, .search-conts .aside li.active a{color:#fff;}
.search-conts .aside li:hover a:before, .search-conts .aside li.active a:before{ background-color: #fff; -webkit-mask-size: cover; mask-size: cover; background-image: none}
.search-conts .aside li:hover a span, .search-conts .aside li.active a span {background: #fff; color:#611183;}
.search-conts .aside li.search-all:hover a:before, .search-conts .aside li.search-all.active a:before{ -webkit-mask-image: url("../../img/frt/content/icon-category.svg"); mask-image: url("../../img/frt/content/icon-category.svg");}
.search-conts .aside li.search-comp:hover a:before, .search-conts .aside li.search-comp.active a:before{ -webkit-mask-image: url("../../img/frt/content/icon-corporate_fare.svg"); mask-image: url("../../img/frt/content/icon-corporate_fare.svg");}
.search-conts .aside li.search-cont:hover a:before, .search-conts .aside li.search-cont.active a:before{ -webkit-mask-image: url("../../img/frt/content/icon-newsmode.svg"); mask-image: url("../../img/frt/content/icon-newsmode.svg");}
.search-conts .aside li.search-feat:hover a:before, .search-conts .aside li.search-feat.active a:before{ -webkit-mask-image: url("../../img/frt/content/icon-dataset.svg"); mask-image: url("../../img/frt/content/icon-dataset.svg");}
.search-conts .aside li.search-busi:hover a:before, .search-conts .aside li.search-busi.active a:before{ -webkit-mask-image: url("../../img/frt/content/icon-quick_reference.svg"); mask-image: url("../../img/frt/content/icon-quick_reference.svg");}
.search-conts .aside li.search-webi:hover a:before, .search-conts .aside li.search-webi.active a:before{ -webkit-mask-image: url("../../img/frt/content/icon-quick_reference.svg"); mask-image: url("../../img/frt/content/icon-quick_reference.svg");}
.search-conts .aside li.search-arch:hover a:before, .search-conts .aside li.search-arch.active a:before{ -webkit-mask-image: url("../../img/frt/content/icon-cast.svg"); mask-image: url("../../img/frt/content/icon-cast.svg");}
.search-conts .aside li.search-oppor:hover a:before, .search-conts .aside li.search-oppor.active a:before{ -webkit-mask-image: url("../../img/frt/content/icon-approval_delegation.svg"); mask-image: url("../../img/frt/content/icon-approval_delegation.svg");}


/*검색영역 타이틀*/
.search-conts .search_result{margin-right:0; flex-grow:1; min-width:0; padding-left:0; max-width: 160rem; width: auto;}
.search-conts .aside + .search_result{padding-left:2rem;}
.search_result .search-tit:first-child{margin-top:0;}

.search_result{/* padding: 0; margin: 0 auto; transition:0.4s ease-in-out; */}
.search_result .search-tit {display: flex; display: -webkit-flex; align-items: center; justify-content:space-between; margin:4.8rem 0 2.4rem 0;}

/*no result*/
.search_result .no_result{display:block; text-align:center; font-size:4.8rem; letter-spacing:0.01rem; font-weight:700; color:#727c86; padding:4.8rem 1.6rem;}

.search_result .search-tit h4{font-size:1.9rem; color:#1e2124; font-weight: 700;}
.search_result .search-tit h4 span{color:#9716B4;}
.search_result .search-tit a.more-btn{font-size: 1.7rem; font-weight: 700; color:#1e2124; display: flex; display: -webkit-flex; align-items: center; position: relative; padding-right: 3.8rem;}
.search_result .search-tit a.more-btn:after{display: block; content: ""; width: 1.3rem; height: 1.3rem; margin-right: 1.2rem; position: absolute; right: 0; top: 50%; border-top: 2px solid #1E2124; border-right: 2px solid #1E2124; transform: translate(-50%,-50%) rotate(45deg); }

/*company, contents top search*/
.search-panel-wrapper{ overflow: hidden; border-radius: 0.8rem; background: #fff; }
.search-panel-wrapper.mb_ver {display: none !important; border-radius: 0;}
.search-panel-wrapper.pc_ver h4{border-radius:0.8rem 0.8rem 0 0; border: 1px solid #b1b8be; border-bottom:0; text-align:center; background: #e6e8ea; font-weight: 700; color: #464c53; font-size: 1.7rem; padding: 0.8rem 0; }
.search-panel-wrapper .main-optoin{display: grid; grid-template-columns: 2fr 3fr; align-items: stretch; align-content: space-around;}
.search-panel-wrapper .main-optoin>dl{border: 1px solid #b1b8be; border-top:0; overflow: hidden}
.search-panel-wrapper .main-optoin>dl.partition1{border-bottom-left-radius: 0.8rem}
.search-panel-wrapper .main-optoin>dl.partition2{border-bottom-right-radius: 0.8rem; border-left:0;}
.search-panel-wrapper .main-optoin.active>dl.partition1, .search-panel-wrapper .main-optoin.active>dl.partition2{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.search-panel-wrapper .main-optoin>dl dt{text-align: center; background: #e6e8ea; font-weight: 700; color: #464c53; font-size: 1.7rem; padding: 0.8rem 0;}
.search-panel-wrapper .main-optoin>dl.partition1 dt{border-left: 0;}
.search-panel-wrapper .main-optoin>dl.partition2 dt{border-right: 0;}
.search-panel-wrapper .main-optoin>dl dd{display: grid; grid-template-columns: 1fr 1fr;  align-items: flex-start; justify-content: space-around; border-top: 1px solid #b1b8be; }
.search-panel-wrapper .main-optoin>dl.partition2 dd{grid-template-columns: 1fr 1fr 1fr;}
.search-panel-wrapper .main-optoin>dl dd div button.btn-open-layer {display: block; width: 100%; height: 5.4rem; padding: 0 4.4rem 0 1.6rem; border-left: 1px solid #b1b8be; color: #464C53; font-size: 1.9rem; font-weight: 700; text-align: left; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.search-panel-wrapper .main-optoin>dl dd div button.btn-open-layer:after{ display: block; content: ""; width: 2rem; height: 2rem; position: absolute; right: 1.6rem; top: 1.6rem; mask-repeat: no-repeat;  -webkit-mask-repeat: no-repeat; mask-position: center center; -webkit-mask-position: center center; mask-size: cover; -webkit-mask-size: cover; 
-webkit-mask-image: url("../../libs/krds/img/component/icon/ico_angle.svg"); mask-image: url("../../libs/krds/img/component/icon/ico_angle.svg");  background-color: #33363D; }
.search-panel-wrapper .main-optoin>dl.partition1 dd div.depth1 button.btn-open-layer, .search-panel-wrapper .main-optoin>dl.partition2 dd div.depth1 button.btn-open-layer{border-left: 0}
.search-panel-wrapper .main-optoin>dl dd div button.btn-open-layer.active{background: #611183; color: #fff;}
.search-panel-wrapper .main-optoin>dl dd div button.btn-open-layer.active:after{background-color: #fff; mask-size: cover; transform: rotate(-180deg); }
.search-panel-wrapper .main-optoin.active>dl dd div button.btn-open-layer{border-bottom: 1px solid #b1b8be}
.search-panel-wrapper .main-optoin>dl dd div div.wrap-list{height:20rem; padding: 0.8rem 1.2rem;  border-right:1px solid #b1b8be; overflow-y: auto; display: none; }
.search-panel-wrapper .main-optoin>dl dd div button.btn-open-layer.active+div.wrap-list{display: block; }
.search-panel-wrapper .main-optoin>dl dd div div.wrap-list ul{}
.search-panel-wrapper .main-optoin>dl dd div div.wrap-list::-webkit-scrollbar{width:1.6rem; background-color: #fff;}
.search-panel-wrapper .main-optoin>dl dd div div.wrap-list::-webkit-scrollbar-track{ background-color: #F4F0F7; border: 0.4rem solid #fff;}
.search-panel-wrapper .main-optoin>dl dd div div.wrap-list::-webkit-scrollbar-thumb{background-color:#E5DCEB; border-radius: 0.2rem; border-left: 0.4rem solid #fff;  border-right: 0.4rem solid #fff;}
.search-panel-wrapper .main-optoin>dl dd div div.wrap-list ul li{margin: 0.2rem 0 0.6rem 0; }
.search-panel-wrapper .main-optoin>dl dd div div.wrap-list ul li label {display: block; position: relative; }
.search-panel-wrapper .main-optoin>dl dd div div.wrap-list ul li label span{display: block; padding: 1rem 0.8rem;  border-radius: 0.6rem; font-size: 1.7rem; line-height: 1.1; }
.search-panel-wrapper .main-optoin>dl dd div div.wrap-list ul li label input[type=checkbox]:checked+span{background: #F4F5F6; color:#500E6A; font-weight: 700}
.search-panel-wrapper .search-pannel-bottom{background: #E6E8EA; border: 1px solid #b1b8be; border-top: 0; border-radius: 0 0 0.8rem 0.8rem; padding: 2rem 2.4rem; flex-direction: row; flex-wrap: wrap; justify-content: space-between; flex-flow: nowrap; align-items: flex-start; display: none; }
.search-panel-wrapper .main-optoin.active + div.search-pannel-bottom{display: flex;}
.search-keyword{width:  calc(100% - 25.6rem); position: relative; }
.search-keyword dd{overflow: hidden;  }
.search-keyword .keyword-chip.swiper{width:100%; height: 100%; position: static;}
.search-keyword .keyword-chip li{/*display: inline-block; width: auto !important*/ display: flex; justify-content: center; align-items: center; width: auto; }
.search-keyword .keyword-chip span{ border: 1px solid #CDD1D5; background: #fff; margin: 0 0.5rem 0 0;  border-radius: 2rem; display: flex; display: -webkit-flex; align-items: center; padding: 0 1.2rem 0 0; }
.search-keyword .keyword-chip span a{display: block; padding: 0.7rem 0.2rem 0.6rem 1.2rem;  color: #1E2124; font-size: 1.7rem; max-width: 23rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.search-keyword .keyword-chip span button.btn-delete{ width: 1.6rem; height: 1.6rem; mask-repeat: no-repeat;  -webkit-mask-repeat: no-repeat; mask-position: center center; -webkit-mask-position: center center; mask-size: contain; -webkit-mask-size: contain; -webkit-mask-image: url("../../libs/krds/img/component/icon/ico_delete_fill.svg"); mask-image: url("../../libs/krds/img/component/icon/ico_delete_fill.svg"); background-image: url("../../libs/krds/img/component/icon/ico_delete_fill.svg"); background-color: transparent !important; background-size: contain; background-repeat: no-repeat; -webkit-mask: none; mask: none;}
.search-keyword .swiper-scrollbar{position: absolute; bottom:-1rem !important; left: 0 !important; width: 100% !important;  }
.search-pannel-bottom .search-btn-box{display: flex; width: 24rem; gap: 0 2rem;  align-items: center;  }
.search-pannel-bottom .search-btn-box > button{font-size: 1.7rem; height: 4.8rem;  }
.search-pannel-bottom .search-btn-box .btn-reset{ display: flex;  align-items: center;}
.search-pannel-bottom .search-btn-box .btn-reset .ico-reset{display: inline-flex ;width: 3.6rem; height: 3.6rem; border-radius: 50%; border: 1px solid #CDD1D5; background: #fff; margin-right: 1rem;  align-items: center; justify-content: center}
.search-pannel-bottom .search-btn-box .btn-reset .ico-reset:before{content: ""; display: block; width: 1.6rem; height: 1.6rem; mask-repeat: no-repeat;  -webkit-mask-repeat: no-repeat; mask-position: center center; -webkit-mask-position: center center;  mask-size: cover; -webkit-mask-size: cover;  -webkit-mask-image: url("../../libs/krds/img/component/icon/ico_reset.svg"); mask-image: url("../../libs/krds/img/component/icon/ico_reset.svg"); background-color: #33363D;  }
.search-pannel-bottom .search-btn-box .btn-search{background: #B534D2; border-radius: 0.6rem; color: #fff; width: 12.8rem;  }


    /*모바일 검색 - 모달창 */
    .search-panel-modal{padding-top:2rem;}
    .search-panel-modal .main-optoin{display: flex; align-items: stretch; align-content: space-around; gap: 0 1rem;}
    .search-panel-modal .main-optoin>dl{display:flex; flex-direction:column; overflow: hidden; gap:2rem 0;  flex: 1 1 auto;}
    .search-panel-modal .main-optoin>dl:first-child{ width:30rem; flex:none;}
    .search-panel-modal .main-optoin>dl dt{ font-size: 2.4rem; font-weight: 700; }
    .search-panel-modal .main-optoin>dl dd{}
    .search-panel-modal .main-optoin div.wrap-list{height: 32rem; padding: 0.8rem 1.2rem; overflow-y: auto; }
    .search-panel-modal .main-optoin div.wrap-list ul{}
    .search-panel-modal .main-optoin div.wrap-list::-webkit-scrollbar{width:1.6rem; background-color: #fff;}
    .search-panel-modal .main-optoin div.wrap-list::-webkit-scrollbar-track{ background-color: #F4F0F7; border: 0.4rem solid #fff;}
    .search-panel-modal .main-optoin div.wrap-list::-webkit-scrollbar-thumb{background-color:#E5DCEB; border-radius: 0.2rem; border-left: 0.4rem solid #fff;  border-right: 0.4rem solid #fff;}
    .search-panel-modal .main-optoin div.wrap-list ul li{margin: 0.2rem 0 0.6rem 0; }
    .search-panel-modal .main-optoin div.wrap-list ul li label {display: block; position: relative; }
    .search-panel-modal .main-optoin div.wrap-list ul li label span{display: block; padding: 1.4rem 0.8rem;  border-radius: 0.6rem; font-size: 1.7rem; line-height: 1.1; }
    .search-panel-modal .main-optoin div.wrap-list ul li label input[type=checkbox]:checked+span{background: #F4F5F6; color:#500E6A; font-weight: 700}
    
    .search-panel-modal .main-optoin .tab-navigation-section{display:inline-flex; flex: 1 1 auto; flex-direction: column; margin:0;}
    .search-panel-modal .main-optoin .tab-navigation-section .tab-navigation{ align-items:center;}
    .search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn{border:0; border-radius:0; font-weight:400; color:#464C53; padding:0;}
    .search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn.active{background:none; font-weight: 700; }
    .search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn:first-child:after{content:""; width:0.1rem; height:1.8rem; background:#58616A; display:inline-flex; margin:0.4rem 1rem 0 1rem} 
	.search-panel-modal .main-optoin .tab-navigation-section .tab-content{padding:0; border:0; border-radius:0; margin-top:2.4rem }
	.search-panel-modal .main-optoin .tab-navigation-section .tab-content .tab-panel{max-height:none} 
	
    .modal-bottom.search-pannel-bottom{background: #E6E8EA; padding: 2rem 0; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between !important; flex-flow: nowrap; align-items: flex-start; position: relative}
    .modal-bottom.search-pannel-bottom:after{display: block; background: #E6E8EA; position: absolute; top: 0; left: 50%;  z-index: -1; transform: translateX(-50%); content: ""; width: 100vw; height: 100%;}


/*모달 - inquire 폼*/
.modal-wrap .modal-dialog .modal-conts .form-wrap{display: flex; display: -webkit-flex; }
.modal-wrap .modal-dialog .modal-conts .form-wrap .form-tit{display: none; opacity: 0; visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -1000px;}
.modal-wrap .modal-dialog .modal-conts .form-wrap .form-conts{gap:0 !important}
.modal-wrap .modal-dialog .modal-conts .form-wrap.col-2 {gap:0 1.2rem;}
.modal-wrap .modal-dialog .modal-conts .form-wrap.col-2 .form-conts {flex:1;}
.modal-wrap .modal-dialog .modal-conts .form-wrap .form-conts .form-select, .modal-wrap .modal-dialog .modal-conts .form-wrap .form-conts .form-input, .modal-wrap .modal-dialog .modal-conts .form-wrap .form-conts .form-textarea {width: 100%; }
.modal-wrap .modal-dialog .modal-conts .form-wrap .form-conts .form-textarea{height: 14.4rem;}
.modal-wrap .modal-dialog .modal-conts .form-wrap .form-conts .textarea-count{margin: 0.8rem 0 0 0; font-size: 1.5rem; font-weight: 400; color:#464c53;}
.modal-wrap .modal-dialog .modal-conts .form-wrap .form-conts .textarea-count .count-now{color:#9716b4;}
.modal-wrap .modal-dialog .modal-conts .content-info{/*display: flex; display: -webkit-flex; gap:0 1.2rem;*/ margin-bottom: 2rem;}

.modal-wrap .modal-dialog .modal-conts .content-info div.card-img{ width: 37rem; height: 27.7rem; display: flex; display: -webkit-flex; align-items: center; object-fit: cover; border-radius: 1.2rem; overflow: hidden; float:left; margin-right:1.2rem;}
.modal-wrap .modal-dialog .modal-conts .content-info div.card-img img{ object-fit: cover; min-width:100%; min-height: 100%;}
.modal-wrap .modal-dialog .modal-conts .content-info .info-box{/*display: grid; gap:2.4rem 0;*/ padding: 0.8rem 0; /*width: calc(100% - 38.6rem);*/ width:100%; }
.modal-wrap .modal-dialog .modal-conts .content-info .info-box dt{margin-bottom:2.4rem;}
.modal-wrap .modal-dialog .modal-conts .content-info .info-box dt span{font-weight: 700; color:#1e2124; display:block;}
.modal-wrap .modal-dialog .modal-conts .content-info .info-box dt span.com-name{ font-size:1.5rem;  }
.modal-wrap .modal-dialog .modal-conts .content-info .info-box dt span.con-tit{font-size:2.4rem; }
.modal-wrap .modal-dialog .modal-conts .content-info .info-box dd .info-list li dl{display:flex; display:-webkit-flex; color:#464c53; flex-flow: row wrap; flex-wrap: nowrap}
.modal-wrap .modal-dialog .modal-conts .content-info .info-box dd .info-list li dl dt{display: inline-flex; width:12rem; padding:0.8rem 0; font-size:1.7rem; font-weight:400;   }
.modal-wrap .modal-dialog .modal-conts .content-info .info-box dd .info-list li dl dd{ display:inline-flex; flex:1; padding:0.8rem 0; font-size:1.9rem; font-weight:700;}
.modal-wrap .modal-dialog .modal-conts .content-info .info-box dd .info-list li dl dd p{display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; }


/*content 최신 기업*/
.recently_card{border-radius: 1.2rem; background: #F4F0F7; border: 1px solid #E5DCEB; padding: 4rem; margin:0 0 4.8rem 0; display: grid; gap:2.4rem 0; }

.recently_card .tit-box h4{font-size: 3.2rem; font-weight: 700; color:#1e2124;}
.recently_card>.card-list{ grid-template-columns:repeat(4, 1fr); }

/*검색결과 재검색*/
.research-container{border-radius: 1.2rem; background:#F4F5F6; border: 1px solid #E6E8EA; padding: 4rem; margin: 0 0 4.8rem 0; display: flex; justify-content: space-between;align-items: center}
.research-container > div{display: flex; justify-content: flex-start; align-items: center; gap:0 2.4rem;}
.research-container .left-box {gap:0 1.2rem}
.research-container .sch-input{width: 48rem; position:relative;}
.research-container .sch-input input[type=text].form-input{width: 100%; padding-right:4.8rem !important;  height: 4.8rem; font-size: 1.9rem; color:#8a949e;}
 .research-container .sch-input button.btn-search{position: absolute; top:50%; right:2rem; transform: translateY(-50%); width: 2rem; height:2rem; }
.research-container .sch-input button.ico-search{width: 2.4rem; height: 2.4rem; }
.research-container .sch-input button.ico-search .ico-sch{background-color: #33363d;}
.research-container .recent-search{width: auto; min-width:inherit; max-width: inherit; margin:0;}
.research-container .sort-select{width: 21rem;}
.research-container .view-select{width: 12rem;}
.research-container .right-box .form-select{width: 100%; height: 4.8rem; padding:0 1.6rem; border: 1px solid #58616a; font-size: 1.7rem; font-weight: 400; color:#8a949e; }

/*company - view*/
/* 회사 프로필 섹션 */
.company-profile-content { display: flex;/*display: grid;grid-template-columns: 1fr 1fr;min-height: 30rem; */}

/* 왼쪽: 로고 영역 */
.company-logo-area {max-width:60rem; margin-right: 4rem; gap: 0.8rem; /*flex-direction: column; */align-items:flex-start; justify-content: center;padding: 0 0; position: relative; }
.company-logo {display: flex; width:60rem; height:40rem; background:#fff;flex-direction: column; align-items: center;justify-content: center;margin-bottom:0;border:1px solid #B1B8BE;border-radius:1.2rem; padding:5rem; box-sizing: border-box;}
.company-logo>img {width:100%; height:100%; max-width:100%; object-fit: contain;}
.company-logo:has(iframe) {position:relative;padding:0; padding-top:56.25%; height:0; width:60rem; overflow:hidden;}
.company-logo>iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
/* 소셜 미디어 링크 */
.social-links {display: flex; align-items: center;  justify-content: center; gap:0 0.8rem;margin-top: 1.6rem;}
.social-links a {width: 4.8rem;height: 4.8rem;border-radius: 50%;border: 1px solid #CDD1D5;display: flex;align-items: center;justify-content: center;text-decoration: none;transition: all 0.3s ease; }
.social-links .krds-btn.icon.border {background:none;}

.svg-icon.ico-youtube { -webkit-mask-image: none !important; mask-image: none !important; background-image :url("../../img/frt/content/ico_youtube.svg"); background-position: center center; background-repeat: no-repeat;}
.svg-icon.ico-facebook {-webkit-mask-image: none !important; mask-image: none !important;background-image :url("../../img/frt/content/icon-facebook.svg"); background-position: center center; background-repeat: no-repeat;}
.svg-icon.ico-instagram {-webkit-mask-image: none !important; mask-image: none !important;background-image :url("../../img/frt/content/icon-instagram.svg"); background-position: center center; background-repeat: no-repeat;}
.svg-icon.ico-linkdin { -webkit-mask-image: none !important; mask-image: none !important; background-image :url("../../img/frt/content/ico-linkdin.svg"); background-position: center center; background-repeat: no-repeat;}
.svg-icon.ico-etc { -webkit-mask-image: none !important; mask-image: none !important; background-image :url("../../img/frt/content/ico_etc.png"); background-position: center center; background-repeat: no-repeat;}
.social-links .krds-btn.icon .svg-icon.ico-youtube {background-color:transparent; width:2rem; height:2rem; }
.social-links .krds-btn.icon .svg-icon.ico-facebook {background-color:transparent;width:4rem; height:4rem; }
.social-links .krds-btn.icon .svg-icon.ico-instagram {background-color:transparent;width:4rem; height:4rem; }
.social-links .krds-btn.icon .svg-icon.ico-linkdin {background-color:transparent; width:2rem; height:2rem; }
.social-links .krds-btn.icon .svg-icon.ico-etc {background-color:transparent; width:2.8rem; height:2.8rem; }

/* 오른쪽: 회사 정보 영역 */
.company-info-area { flex-grow: 1;padding:0 0; gap:0.8rem 0;/* display: flex;flex-direction: column; justify-content:flex-start;*/}
.company-info-area p.company-header {margin-bottom: 0.8rem;}
.company-info-area .company-name {font-size: 4rem;font-weight: 700;color: #1E2124;line-height: 1.2; margin-bottom: 1rem;}
.company-info-area .company-country {font-size:1.9rem; font-weight:400; color: #464C53; display: flex;align-items: center;gap:0.8rem 0; margin-bottom: 4rem;}
.company-country .flag-icon {width: 4rem; height: 3rem;background-size: cover; border-radius: 0.2rem;}
.company-country .location-text {font-size: 1.9rem;color: #6c757d; font-weight: 400; padding: 0.4rem 0.8rem 0 0; }

.company-info-area .company-details {display: flex;flex-direction: column;gap: 1.5rem; }
.company-info-area .company-details .detail-item {display: flex;align-items: flex-start;gap: 1rem;}
.company-info-area .company-details .detail-label {font-size: 1.7rem;color: #464C53;font-weight: 400;min-width: 16rem;flex-shrink: 0; padding:0.4rem 1.6rem;}
.company-info-area .company-details .detail-value {font-size: 1.9rem;color: #464C53; font-weight: 700; padding:0.4rem 1.6rem;line-height: 1.4;}
.company-info-area .company-details .detail-value02 {font-size: 1.9rem;color: #464C53; font-weight: 700; padding:0.4rem 1.6rem;line-height: 1.4;}
.company-info-area .company-details .detail-value02 a {word-break:break-all;}
.company-info-area .company-details .detail-value02 a:hover {color: #611183;}
.company-info-area .company-details .detail-value02 a:active {color: #611183;}

/* 탭 네비게이션 섹션 */
.tab-navigation-section {margin:6.4rem 0 0 0;overflow: hidden;}
.tab-navigation {display: flex;}

.tab-btn {display:inline-flex;padding: 1.5rem 8rem;font-size: 1.9rem;font-weight: 400; background: #fff; color:#1E2124;cursor: pointer; position: relative; border-radius:0; border:#B1B8BE solid 1px;border-bottom: 0; border-right:0;box-sizing: border-box;}
.tab-btn:first-child {border-top-left-radius: 0.8rem;}
.tab-btn:last-child {border-top-right-radius: 0.8rem; border-right:#B1B8BE solid 1px;}

.tab-btn.active {background: #611183; border:#611183 solid 1px;color: #fff;border-radius:0 0 0 0;}
.tab-btn:first-child.active {border-top-left-radius: 0.8rem;}
.tab-btn:last-child.active {border-top-right-radius: 0.8rem;}
.tab-btn:hover:not(.active) {background: #e9ecef;color: #495057;}

.tab-content {border:#B1B8BE solid 1px;border-radius:0 1.2rem 1.2rem 1.2rem;  background: #fff; padding: 4rem; box-sizing: border-box; }
.tab-content .tab-panel {display: none; overflow-y: auto;max-height: 23rem;}
.tab-panel::-webkit-scrollbar {width: 0.8rem;}
.tab-panel::-webkit-scrollbar-track {background: #F4F0F7;border-radius: 0.8rem;}
.tab-panel::-webkit-scrollbar-thumb {background: #E5DCEB;border-radius: 0.8rem;}
.tab-panel::-webkit-scrollbar-thumb:hover {background: #dcd1e4;}
.tab-panel.active {display: block;font-size: 1.9rem; font-weight: 400; color:#1E2124; }

/* Content 캐러셀 섹션 */
.content-carousel-section { padding:0; gap:2.4rem 0; margin-top: 5rem;}
.content-carousel-section .content-box {position: relative; padding: 0 0rem;}
.content-carousel-section .section-title {font-size: 4rem;font-weight: 700;color:#1E2124;margin-bottom: 2.4rem; line-height: 1.3;}

/* Swiper 컨테이너 */
.content-swiper .swiper-wrapper {align-items: stretch; width:100%;}
.content-swiper.swiper {z-index: 0;  margin: 0 6rem;transition: padding 0.3s ease; }
.content-swiper.swiper.is-locked {margin: 0;}
.content-carousel-section .content-swiper .card-list {display:flex; gap:0; }
.content-carousel-section .content-swiper .card-list.swiper-wrapper {z-index: 0;}

/* Swiper 네비게이션 버튼 */
.content-carousel-section .swiper-button-next,
.content-carousel-section .swiper-button-prev {width: 4rem;height: 4rem;transform: translateY(-50%);z-index: 10; width: 4rem; height: 4rem;background: rgba(255, 255, 255, 0.9); border: 1px solid #CDD1D5; border-radius: 50%;
    margin: 0;}
.content-carousel-section .swiper-button-next:hover,
.content-carousel-section .swiper-button-prev:hover {box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);}
.content-carousel-section .swiper-button-prev {left: 0;}
.content-carousel-section .swiper-button-next {right: 0;}
/* 버튼이 비활성화(숨김) 될 때 Swiper가 자동으로 부여하는 클래스 처리 */
.swiper-button-lock {display: none !important;}
/* Swiper 페이지네이션 */
.content-carousel-section .swiper-pagination {position: static;margin-top:2.4rem;}
.content-carousel-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #B534D2;transform: scale(1.2);}
.content-carousel-section .swiper-pagination-bullet-active {background: #B534D2;transform: scale(1.2);}
.content-carousel-section .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {background: #adb5bd;}

/* Contact 섹션 */
.contact-section {margin-top: 6.4rem; }
.contact-section .section-title {font-size: 4rem;font-weight: 700;color:#1E2124;margin-bottom: 2.4rem; line-height: 1.3;}
/* 연락처 정보 */
.contact-cards {display: grid;grid-template-columns: repeat(3, 1fr); gap: 1.6rem;}
.contact-card {display: flex;background: #EDF6F8; border-radius: 1.2rem;padding:3.2rem;}
.contact-icon {width:4rem;margin:0 2.4rem 0 0;}
.contact-icon .icon-phone { display: block; width:4rem; height:4rem;background-image :url("../../img/frt/content/icon-call.svg"); background-position: center center; background-repeat: no-repeat; }
.contact-icon .icon-email { display: block; width:4rem; height:4rem;background-image :url("../../img/frt/content/icon-mail.svg"); background-position: center center; background-repeat: no-repeat; }
.contact-icon .icon-address { display: block; width:4rem; height:4rem;background-image :url("../../img/frt/content/icon-map.svg"); background-position: center center; background-repeat: no-repeat; }
.contact-details {flex-grow: 1;}
.contact-details h4 {font-size: 3.2rem;font-weight: 700;color:#464C53; margin-bottom: 0.8rem;}
.contact-details p {font-size: 2.4rem;color: #1E2124; font-weight: 700; line-height: 1.4; margin-bottom: 0.5rem;}
.contact-details p:last-child {margin-bottom: 0;}


/* 지도 폼입력 */
.contact-info-area {display: flex; flex-direction: row; margin-top: 2.4rem;}
.map-container {width:100%; max-width:78.8rem; margin-right: 2.4rem; align-items:flex-start; justify-content: center;padding: 0 0; position: relative; overflow: hidden;border:#B1B8BE solid 1px; border-radius: 1.2rem; }
.map-container img {object-fit: cover;width: 100%; height: 100%;}
.map-container iframe {/*height: 57.5rem;*/border: none;border-radius: 1.2rem;object-fit: cover; }
.contact-form-area { flex-grow: 1;  gap:3.2rem 0; padding: 4rem; background: #F4F5F6; border-radius:1.2rem;overflow: hidden;}

/*Contact - inquire폼(로그인 후)*/
.contact-form .form-group {gap:3.2rem 0;}
.contact-form .form-group .form-wrap {display: flex; display: -webkit-flex; }
.contact-form .form-group .form-wrap .form-tit {display: none; opacity: 0; visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -1000px;}
.contact-form .form-group .form-wrap .form-conts {gap:0 !important}
.contact-form .form-group .form-wrap.col-2 {gap:0 1.2rem;}
.contact-form .form-group .form-wrap.col-2 .form-conts {width: 37rem; }
.contact-form .form-group .form-wrap .form-conts .form-select, 
.contact-form .form-group .form-wrap .form-conts .form-input, 
.contact-form .form-group .form-wrap .form-conts .form-textarea {width: 100%; }
.contact-form .form-group .form-wrap .form-conts .form-textarea {height: 14.4rem;}
.contact-form .form-group .form-wrap .form-conts .textarea-count {margin: 0.8rem 0 0 0; font-size: 1.5rem; font-weight: 400; color:#464c53;}
.contact-form .form-group .form-wrap .form-conts .textarea-count .count-now {color:#9716b4;}

.contact-form-area .form-bottom { display: flex; justify-content: flex-end; margin-top: 3.2rem; }
.contact-form-area .form-bottom .submit-btn {background: #B534D2;color: #fff;border: none;padding: 1.2rem 1.6rem;border-radius: 0.6rem;font-size: 1.7rem; font-weight: 400; cursor: pointer;transition: all 0.3s ease;  min-width:16rem;}
.contact-form-area .form-bottom .submit-btn:hover {box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);}

/* 비활성화된 입력 필드의 스타일 변경 */
.contact-form .form-group .form-wrap input[type="text"]:disabled {background: #d5d8db;color:#6D7882;border:#B1B8BE solid 1px;}
.contact-form .form-group .form-wrap textarea:disabled {background: #d5d8db;color:#6D7882;border:#B1B8BE solid 1px;}
.contact-form .form-group .form-wrap select:disabled {background: #CDD1D5; opacity: 0.8; color:#6D7882;border:#B1B8BE solid 1px; cursor: not-allowed;background-image: url("../../libs/krds/img/component/icon/ico_angle.svg"); background-repeat:no-repeat; background-position: center right 1.6rem;/* appearance: auto;-webkit-appearance: auto;*/}
.contact-form-area .form-bottom button:disabled {background: #CDD1D5; color:#6D7882;}
.contact-form-area .form-bottom button:disabled:hover {box-shadow:none;}

/* Contents Distribution 섹션 251028추가수정사항 */
.contents-distribution-section {width: 100%; padding-top:3.5rem;}
.distribution-card { list-style: none; padding: 0; margin: 0 -10px; display: flex; -webkit-flex; flex-wrap: wrap; }
/* 3개 이상일 때의 너비 (100% / 3) */
.distribution-card > li {width: 33.333%; padding: 0 1rem; margin-bottom: 2rem; box-sizing: border-box;}
/* 자식 요소가 2개 미만이 아닐 때 (즉, 2개 이상일 때) 적용 */
.distribution-card:not(:has(li:nth-child(3))) li { width: 50%;}
/* li 개수가 1개 또는 2개일 때: .person-image 크기 증가 */
.distribution-card:not(:has(li:nth-child(3))) li .person-profile {padding:3rem 5rem;}
.distribution-card:not(:has(li:nth-child(3))) li .person-image {width: 15rem; height: 15rem;  margin-top: 1rem;}
.distribution-card:not(:has(li:nth-child(3))) li .person-details {margin-left:6rem;}
.distribution-title {font-size: 2.3rem; font-weight: 700; color: #1E2124; margin-bottom: 1.6rem; line-height: 1.3;}
.person-profile {display: flex; align-items: flex-start; border: 1px solid #B1B8BE; border-radius:1.2rem; padding:3.5rem 3rem;height: 100%; box-sizing: border-box;}
.person-image {flex-shrink: 0; width: 10rem; height: 10rem; border-radius: 50%; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 0.2rem 1.8rem rgba(0, 0, 0, 0.18);border:0.1rem solid #fff;}
.no-sample {background-image :url("../../img/frt/content/distribution-sample.png"); background-position: center center; background-repeat: no-repeat; background-size: contain;}
.person-image img {width: 100%; height: 100%; object-fit: contain;}
.person-details {flex: 1; min-width: 0; margin-left:3.5rem;}
.person-details .detail-item {display: flex; flex-wrap:wrap; align-items: center; margin-bottom: 0.8rem;}
.person-details .detail-item:last-child {margin-bottom: 0;}
.detail-label {font-size: 1.7rem; color: #464C53; font-weight: 600; min-width: 12rem; flex-shrink: 0;}
.detail-value {font-size: 1.6rem; color: #464C53; font-weight: 300; display: flex; align-items: center; gap: 0.6rem; word-break:break-all;}
.detail-value .detal-telbox {display: flex;align-items: center; background-color:#F4F5F6; padding: 0.3rem 0.8rem;}
.detail-value .detal-telbox .detail-tel {font-size:1.4rem; display: inline-block; padding-left: 0.3rem;}
.detail-value .flag-icon {width: 2.4rem; height: 1.6rem; }

/*혜진 작업 251001*/
/* content-view 영역 */
.content-view {width:100%; padding:6.4rem 0 0 0;max-width:160rem; margin:0 auto; }

/* 회사 정보 */
.content-overview .content-info-header { display: flex; align-items: flex-start; gap:0 2.4rem; margin-bottom: 6.4rem; padding:1.6rem; background: #fff; border-radius: 1rem; box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1); border:1px solid #CDD1D5; position: relative; overflow: hidden;  }
.content-overview .content-info-header .company-logo { flex-shrink: 0; }
.content-overview .content-info-header .logo-container { width:13rem; height:9.8rem; background: #fff; border:1px solid #B1B8BE; border-radius: 0.8rem; display: flex; align-items: center; justify-content: center;padding:1rem; overflow:hidden;}

.content-overview .logo-text {text-align: center;}
.content-overview .company-details { flex: 1; }
.content-overview .company-name { display: flex; align-items: center; gap:0.8rem;}
.content-overview .company-text { font-size: 1.9rem; color: #464C53; font-weight: 400; }
.content-overview .content-title { font-size: 4rem; font-weight: 700; color:#1E2124; margin-top:0.8rem; line-height: 1.2;}
.content-overview .company-name .flag-icon {width: 4rem; height: 3rem;}

/* 콘텐츠 디스플레이 */
.content-overview .main-content-display { display: grid; grid-template-columns: 1fr 0.2fr 1.5fr; gap: 0.8rem; align-items: start;}
.content-overview .main-image-panel { position: relative;}
.content-overview .main-image-panel .main-poster { max-width: 60rem; height:45rem;border-radius: 1.2rem; overflow: hidden; position: relative;border:0.1rem solid #b1b8be; }

/* 썸네일 갤러리 */
.content-overview .thumbnail-gallery-wrap { display: flex; flex-direction: column; align-items: center; height:45rem;  }
.content-overview .thumbnail-gallery { display: flex; flex-direction: column;overflow-y: auto; flex: 1; min-height: 0; }
.content-overview .thumbnail-gallery::-webkit-scrollbar { width: 0.4rem; }
.content-overview .thumbnail-gallery::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.2rem; }
.content-overview .thumbnail-gallery::-webkit-scrollbar-thumb { background: #888; border-radius: 0.2rem; }
.content-overview .thumbnail-gallery::-webkit-scrollbar-thumb:hover { background: #555; }
.content-overview .thumbnail-gallery-swiper { flex: 1; min-height: 0; width: 100%; height: 100%;margin:0.8rem 0 0 0; padding-top:0.2rem; }
.content-overview .thumbnail-gallery-swiper .swiper-wrapper { display: flex; flex-direction: column; }
.content-overview .thumbnail-gallery-swiper .swiper-slide { width: 100%; height: auto !important; }
.thumbnail-nav-btn { width:100%; height: 1.7rem;  flex-shrink: 0; border: none; background: #d9d9d9; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; padding: 0; margin:0;}
.thumbnail-nav-btn.thumbnail-prev-btn {border-radius:0.3rem 0.3rem 0 0;}
.thumbnail-nav-btn.thumbnail-next-btn {border-radius:0 0 0.3rem 0.3rem; }
.thumbnail-nav-btn .svg-icon { font-size: 1.6rem; color: #464C53; transition: color 0.3s ease; width: 1.3rem; height: 0.8rem; display: block; }
.thumbnail-nav-btn .svg-icon.ico-angle02.up { transform: rotate(0deg);background-image :url("../../img/frt/content/slide-up.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
.thumbnail-nav-btn .svg-icon.ico-angle02.down { transform: rotate(180deg); background-image :url("../../img/frt/content/slide-up.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
.main-image-panel .poster-image {width:100%; height:100%; object-fit: cover; display: block; transition: opacity 0.3s ease;}
.content-overview .thumbnail-item {width: 12rem; border-radius:1.2rem; overflow: hidden;cursor: pointer;border:0.1rem solid #b1b8be;background-color:#fff; }
.content-overview .thumbnail-item img { width: 100%; height:9rem; object-fit: cover; display: block; }


/* 텍스트 패널 */
.main-content-display .text-panel { padding:0; display: flex; flex-direction: column; justify-content: space-between; min-height: 44rem; padding-left:4rem;}
.main-content-display .text-panel .text-panel-list { flex: 1; }
.main-content-display .text-panel .text-panel-list .text-panel-item { display: flex; justify-content: space-between; align-items: flex-start; padding: 0.8rem 0; }
.main-content-display .text-panel .text-panel-list .text-panel-tit { font-size: 1.7rem; color:#464C53; font-weight: 400; flex-shrink: 0;min-width: 17.4rem; }
.main-content-display .text-panel .text-panel-list .text-panel-value { font-size:1.9rem; color:#464C53; font-weight: 700; text-align: left; flex: 1; }

.main-content-display .text-panel .contact-btn { width: auto; min-width: 30rem; background:#B534D2; color: #fff; border: none; border-radius: 0.8rem; padding: 1.6rem 2rem 1.5rem 2rem; font-size: 1.9rem; font-weight: 400; cursor: pointer; margin-right: auto; margin-top: auto; display: block; }
.main-content-display .text-panel .contact-btn:hover { box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1);}
.main-content-display .text-panel .contact-btn:active {box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1); }

.content-btn-mobile {display:flex; flex-direction: row;  justify-content: space-between; }
.main-content-display .text-panel .companyinfo-mbtn { display:none; width: auto; min-width: 30rem; background:#268097; color: #fff; border: none; border-radius: 0.8rem; padding: 1.6rem 2rem 1.5rem 2rem; font-size: 1.9rem; font-weight: 400; cursor: pointer; margin-right: auto; margin-top: auto; }
.main-content-display .text-panel .companyinfo-mbtn:hover { box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1);}
.main-content-display .text-panel .companyinfo-mbtn:active {box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1); }

/* 컨텐츠 설명 */
.content-description-section { margin-top:5.4rem; }
.content-description-section .description-box { background: #fff; border-radius: 1.2rem; padding:4rem; Border: 1px solid #B1B8BE; }
.content-description-section .description-box p { margin: 0; font-size: 1.9rem; line-height: 1.6; font-weight: 400; color:#1E2124; text-align: left; }

/* 동영상 플레이어 섹션 */
.video-player-section { margin: 6.4rem 0; }
.video-player-section .video-player-container { width: 100%;position: relative;}

.video-player-section .video-player-container .video-placeholder {position: relative; width: 100%;min-height: 90rem;  aspect-ratio: 16/9; background: #1a1a1a; border-radius:1.2rem; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.video-player-section .video-player-container .youtube-play-btn { position: absolute;top:50%;left:50%;  background: #ff0000; border: none; border-radius: 8px; width: 80px; height: 60px;display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.3); }
.video-player-section .video-player-container .youtube-play-btn:hover { background: #e60000; transform: scale(1.05); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4); }
.video-player-section .video-player-container .play-icon { width: 0; height: 0;  border-left: 20px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; margin-left: 0.6rem; }

/* 관련 콘텐츠 섹션 */
.related-content-section {position: relative;}
.related-content-section .related-content-container { display: flex; flex-direction: row; gap:0 4rem;}
.company-othcontent-section { background: #EDF6F8; border:solid 1px #D8EEDD;border-radius: 1.2rem; padding: 4rem; /*display: flex; */flex-direction: column; overflow: visible; flex:1; min-width:0;}
.company-othcontent-section .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.4rem; }
.company-othcontent-section .section-title { font-size: 3.2rem; font-weight: 700; color: #1E2124; }
.company-othcontent-section .section-navigation { display: flex; gap: 0 0.8rem }
/* Swiper 컨테이너 */
.othcontent-swiper, .recommended-swiper { width: 100%; height: auto;}
.othcontent-swiper .swiper-wrapper {align-items: stretch; width:100%;}
.othcontent-swiper.swiper {z-index: 0;}
.related-content-section .othcontent-swiper .card-list {display:flex; gap:0;}
.related-content-section .othcontent-swiper .card-list>li div.card-wrap div.card-img {/*height:auto;*/}
.related-content-section .othcontent-swiper .card-list.swiper-wrapper {z-index: 0;}
.recommended-swiper .swiper-wrapper {align-items: stretch; width:100%;}
.recommended-swiper.swiper {z-index: 0;}
.related-content-section .recommended-swiper .card-list {display:flex; gap:0; }
.related-content-section .recommended-swiper .card-list>li div.card-wrap div.card-img {/*height:auto;*/}
.related-content-section .recommended-swiper .card-list.swiper-wrapper {z-index: 0;}
/* Swiper 네비게이션 버튼 */
.company-othcontent-section .swiper-button-next,
.company-othcontent-section .swiper-button-prev { position: static; width: 4rem;height: 4rem;border-radius: 50%;background: #f8f9fa; border: 1px solid #CDD1D5;color: #6c757d; transition: all 0.3s ease;margin-top:0; }
.company-othcontent-section .swiper-button-next:hover,
.company-othcontent-section .swiper-button-prev:hover {box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);}
.company-othcontent-section .swiper-button-prev {left: 0;}
.company-othcontent-section .swiper-button-next {right: 0;}

/* Swiper 페이지네이션 */
/* 슬라이드가 부족해서 lock 클래스가 붙으면 내비게이션 전체를 숨김 */
.company-othcontent-section .swiper-pagination.swiper-pagination-lock,
.company-othcontent-section .section-navigation:has(.swiper-button-lock) {display: none !important;}
.company-othcontent-section .swiper-pagination {display: none;}
.company-othcontent-section .swiper-pagination {position: relative; bottom: initial; left: initial; padding: 1rem 0; margin-top: 1rem; }
.company-othcontent-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #B534D2;transform: scale(1.2);}
.company-othcontent-section .swiper-pagination-bullet-active {background: #B534D2;transform: scale(1.2);}
.company-othcontent-section .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {background: #adb5bd;}

/* Company profile 버튼 */
.krds-help-panel {width:52.8rem;}
.krds-help-panel .help-panel-wrap .help-conts-area {padding:14rem 6.4rem 6.4rem 6.4rem;}
.krds-help-panel .help-panel-wrap .help-conts-area::-webkit-scrollbar{}
.krds-help-panel .help-panel-wrap .help-conts-area::-webkit-scrollbar-track{ background-color: #F4F0F7; }
.krds-help-panel .help-panel-wrap .help-conts-area::-webkit-scrollbar-thumb{background-color:#E5DCEB;}

.company-profile-open {position:fixed;top:19rem;right:0; margin-top:0; z-index:10;} 
.profile-tab-btn {background: #FAEEFC;color:#9716B4;border:solid 1px #B534D2;border-left:0;border-radius:0 0.8rem 0.8rem 0; padding:0;direction: rtl; writing-mode: vertical-lr;text-orientation: mixed; cursor: pointer;transition: all 0.2s ease; box-shadow: 0 2px 8px rgba(107, 70, 193, 0.3); flex-direction: column; align-items: center; min-height:24rem; width: 5rem; padding-bottom:4rem; padding-top: 2rem; transform: scale(-1);}
.profile-tab-btn:hover {box-shadow: 0 4px 12px rgba(107, 70, 193, 0.4);}
.company-profile-open .profile-tab-btn .tab-text {font-size: 1.9rem; color:#9716B4; font-weight:400;letter-spacing:0.1rem; text-align: center; line-height: 1.4; padding:0 0 0.5rem 0; }
.company-profile-open .profile-tab-btn .tab-text::after { position: absolute; bottom:1.5rem;left:25%; content: "";background-image:url("../../img/frt/content/profile-btn.svg"); background-repeat:no-repeat; background-position: center center;width: 2.4rem; height:2.4rem;transform:rotate(270deg);}


/* Company profile 버튼 (모달창 바깥쪽)  */
.company-profile-close { /*transform: translateX(-50%); */}
.company-profile-close .profile-tab-btn.btn-help-panel { position: fixed;top:19rem; left:-5rem;z-index:75; }

.company-profile-close .profile-tab-btn .tab-text {font-size: 1.9rem; color:#9716B4; font-weight:400;letter-spacing:0.1rem; text-align: center; line-height: 1.4; padding:0 0 0.5rem 0; }
.company-profile-close .profile-tab-btn .tab-text::after { position: absolute; bottom:1.5rem;left:25%; content: "";background-image:url("../../img/frt/content/profile-btn.svg"); background-repeat:no-repeat; background-position: center center;width: 2.4rem; height:2.4rem;transform:rotate(90deg);}

/* 모달 회사 정보 */
.company-info-modal {padding:6.4rem 0;position: relative;width: 100%;margin: 0 auto;}

/* 모달 X 버튼 */
.modal-close-btn {position: absolute;top:0.5rem;right:0;background: none; border: none; font-size: 24px; color: #6B7280; cursor: pointer; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;border-radius: 50%; transition: all 0.2s ease;}


/* 모달 로고 */
.company-info-modal .modal-logo-section { display: flex; text-align: center;align-items: center;  justify-content: center;  margin-bottom: 2.4rem;max-width:40rem; min-height:24rem; background: #fff;border: 1px solid #B1B8BE;border-radius:0.8rem; padding: 0; }
.company-info-modal .modal-logo-section .company-logo-text img { min-width: 36rem; min-height: 20rem; }

/* 모달 회사 정보 */
.company-info-modal .modal-company-info .country-info {display: flex;gap:1.2rem; margin-bottom: 16px; }
.company-info-modal .modal-company-info .country-info .flag-icon {width:4rem; height:3rem;}
.company-info-modal .modal-company-info .country-info .country-name {font-size:1.9rem; color: #464C53; font-weight: 400;}

.modal-companyname-section {margin-bottom: 2.4rem;}
.modal-companyname-section .company-name { font-size: 3.2rem; font-weight: 700; color: #1E2124; margin: 0; line-height: 1.3;}

.modal-company-info .modal-company-details { display: flex; flex-direction: column; gap:2rem 0;}
.modal-company-info .modal-company-details .detail-item { display: flex; flex-direction: column; gap:0.8rem;}
.modal-company-info .modal-company-details .detail-item .detail-label { font-size: 1.7rem; color: #464C53; font-weight:400;}
.modal-company-info .modal-company-details .detail-item .detail-value { font-size: 1.9rem; color: #464C53; font-weight: 700; line-height: 1.4;}

/* 모달 액션 버튼 */
.modal-action-section { margin-top: 2.4rem;}
.modal-action-section .company-info-btn { width: 100%; background:#B534D2; color: #fff; border: none; border-radius: 8px; padding: 1.6rem 2.4rem; font-size: 1.9rem; font-weight: 400; cursor: pointer; display: flex; align-items: center; justify-content: center;  box-shadow: 0 2px 4px rgba(107, 70, 193, 0.2);}
.modal-action-section .company-info-btn:hover { box-shadow: 0 4px 8px rgba(107, 70, 193, 0.3);}
.modal-action-section .company-info-btn:active { transform: translateY(0);}
.modal-action-section .btn-text { flex: 1;text-align: center; padding:0.2rem 0; position: relative;}
.modal-action-section .btn-text::after { position: absolute; top:0.6rem;right:5rem; content: "";background-image:url("../../img/frt/content/new-window.svg"); background-repeat:no-repeat; background-position: center center;width: 2.2rem; height:2.2rem;}

/* 게시판 공통 */
.sub-top-box.bbs-con-top .inner{display:flex;}
.sub-top-box.bbs-con-top .inner .left-box{width:40rem; height:23.5rem;display:inline-flex; margin-right:3.6rem;}
.sub-top-box.bbs-con-top .inner .left-box div.img-wrap{border-radius:1.2rem; overflow:hidden; width:100%; height:100%; border:1px solid #B1B8BE; background:#F4F5F6 url(../../img/frt/content/noImg.svg) no-repeat; background-position:center; position:relative;}
.sub-top-box.bbs-con-top .inner .left-box div.img-wrap .img-box{width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; object-fit:contain;  }
.sub-top-box.bbs-con-top .inner .left-box div.img-wrap .img-box img{width:100%; height:100%; object-fit:cover;}
.sub-top-box.bbs-con-top .inner .left-box div.img-wrap:has(.img-box > img){background:#fff; }
.sub-top-box.bbs-con-top .inner .left-box div.img-wrap.oppo-img{ background:#F4F5F6 url(../../img/frt/content/noImg2.svg) no-repeat; background-position:center;}
.sub-top-box.bbs-con-top .inner .left-box div.img-wrap.oppo-img .img-box{display: flex; display: -webkit-flex;height: 100%; width: 100%; align-items: center; object-fit: cover; justify-content: center; padding: 4.8rem; background:#fff; }
.sub-top-box.bbs-con-top .inner .left-box div.img-wrap.oppo-img .img-box img{object-fit: cover; width:auto; height:auto; max-width: 100%; max-height: 100%;}
.sub-top-box.bbs-con-top .inner .left-box div.img-wrap p.flag{position: absolute; top: 0; right: 0; width: 4rem; height: 3rem;  margin: 0.3rem; mask-repeat:no-repeat; mask-size:contain; mask-position:center center; }
.sub-top-box.bbs-con-top .inner .right-box{width:calc(100% - 43.6rem); display:grid; align-items:stretch; align-content:space-between; }
.sub-top-box.bbs-con-top .inner .right-box h2{font-size:3.2rem; font-weight:700; color:#1e2124; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space:normal; margin-bottom:2rem; word-break:break-all;}
.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info{display:block;}
.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li{font-size:1.9rem; font-weight:400; color:#464C53; margin-bottom:0.8rem; overflow:hidden; text-overflow:ellipsis; }
.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.info{white-space:normal; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.company{display:flex; font-weight:700; align-items:center; margin-bottom:0; color:#1E2124;}
.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.company.light{display:block; font-weight:400; color:#464C53; margin-bottom:0.8rem;}
.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.company .btn-like{margin-left:0.4rem;}
.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.company .btn-like:after{display:inline-flex; margin-top:0.3rem;}
.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.btn-line{margin:0; overflow:visible;}
.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.btn-line .btn{width:32rem;}

.bbs_con{margin:2.4rem 0; border-bottom:1px solid #E5DCEB;}
.bbs_con>div{ border-top:1px solid #E5DCEB;}
.bbs_con>div:first-child{border-top:0;}
.bbs_con .detail-box{font-size:1.7rem; color:#464C53; line-height:1.5; padding: 4rem 0; /*border-bottom:1px solid #E5DCEB;*/}
.bbs_con .tag-box{ padding:3rem 0;}
.bbs_con .tag-box dl{display:flex; gap:0 2.4rem; align-items:center;}
.bbs_con .tag-box dl dt{color:#464C53; display:inline-flex; font-weight:700; font-size:1.7rem; }
.bbs_con .tag-box dl dd ul{display:flex; gap:0.6rem 1.2rem; flex-wrap:wrap; }
.bbs_con .tag-box dl dd ul li {display:inline-flex;}
.bbs_con .tag-box dl dd ul li a{border:1px solid #CDD1D5; border-radius:1.6rem; color:#1E2124; font-size:1.5rem; padding:0.6rem 1rem; }
.bbs_con:has(.file-box) .tag-box{border-bottom:0;}
.bbs_con .file-box{padding:0;  border-top:0;}
.bbs_con .file-box:has(dl dd ul li a){padding:3rem 0; border-top:1px solid #E5DCEB;}
.bbs_con .title-box{text-align:center; margin:4.2rem 0 0 0; padding:0 0 3.2rem 0;/* border-bottom:1px solid #E5DCEB;*/ display:grid; gap:0.8rem 0;}
.bbs_con .title-box .cate{font-size:2.4rem; color:#464C53; font-weight:300; }
.bbs_con .title-box .tit{font-size:3.2rem; font-weight:700;}


/*웨비나*/
.sub-top-box.Webinar{background:transparent; min-height:279px; display:flex; align-items:center;}
.sub-top-box.Webinar:after{background-image:url(../../img/frt/content/webinar_bg.svg); background-size:cover;}
.sub-top-box.Webinar h2{font-size:5rem; font-weight:700;  color:#fff;}
.sub-top-box.Webinar p{ font-size:1.9rem; font-weight:400; color:#fff; }
.card-list.webinar_list{margin-top:2.4rem; grid-template-columns:repeat(3, 1fr)}
.card-list.webinar_list>li{padding:3rem; }
.card-list.webinar_list > li{border:0; padding:0; border-radius: 0; }
.card-list.webinar_list > li div.card-wrap {display:block; }
.card-list.webinar_list > li div.card-wrap a{display:grid; row-gap:1.6rem; border: 1px solid #B1B8BE; background: #fff; border-radius: 1.2rem; padding: 3rem; }
.card-list.webinar_list>li div.card-wrap div.card-img{ display:block; width:100%; height:0; padding:56.2% 0 0 0; overflow:hidden;}
.card-list.webinar_list>li div.card-wrap div.card-img p{position:absolute;top:0;left:0;width:100%;height:100%;}
.card-list.webinar_list>li div.card-wrap div.card-img img{object-fit: cover; width:100%; height: 100%; max-width: 100%;  max-height: 100%; }
.card-list.webinar_list>li div.card-wrap dt{height:9rem; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space:normal; word-break:break-all;}
.card-list.webinar_list>li div.card-wrap dd p.date{font-size:1.7rem; color:#464c53;}



.sub-top-box.webinar_view h2{font-size:3.2rem; font-weight:700;  color:#1e2124; margin-bottom:0.8rem;}
.sub-top-box.webinar_view p.date{ font-size:1.9rem; font-weight:400; color:#464c53; }
.sub-top-box.webinar_view .video-wrap{/*margin:6.4rem 0 0 0; width:100%; height:90rem;*/margin-top:6.5rem; position:relative; padding-top:56.25%; height:0; width:100%; background:#000; border-radius:1.2rem !important; overflow:hidden;}
.sub-top-box.webinar_view .video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.sub-top-box.webinar_view .file-box{margin-top:2rem;}

/*features*/
.sub-top-box.features{background:transparent; min-height:279px; display:flex; align-items:center;}
.sub-top-box.features:after{background-image:url(../../img/frt/content/features_bg.svg); background-size:cover;}
.sub-top-box.features h2{font-size:6rem; font-weight:700;  color:#1E2124;}
.sub-top-box.features p{ font-size:1.9rem; font-weight:400; color:#1E2124; }
.card-list.features_list{ margin-top:2.4rem; grid-template-columns:repeat(4, 1fr); }
.card-list.features_list > li{border:0; padding:0; border-radius: 0; }
.card-list.features_list > li div.card-wrap {display:block; height:100%; }
.card-list.features_list > li div.card-wrap a{display:grid; row-gap:1.6rem; border: 1px solid #B1B8BE; background: #fff; border-radius: 1.2rem; padding: 2.4rem; height:100%; }
.card-list.features_list>li div.card-wrap div.card-img{height:18rem; padding:0; overflow:hidden; margin-bottom:2.4rem; background:#F4F5F6 url(../../img/frt/content/noImg.svg) no-repeat; background-position:center;}
.card-list.features_list>li div.card-wrap div.card-img img{object-fit: cover; width:100%; height: 100%; max-width: 100%;  max-height: 100%; }
.card-list.features_list>li div.card-wrap dd p.date{font-size:1.7rem; color:#464c53; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/  overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space:normal;}
.card-list.features_list>li div.card-wrap dl{gap:inherit; display:block;}
.card-list.features_list>li div.card-wrap dl dt{margin-bottom:2rem; height:5.7rem; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal; word-break:break-all;}


/*features 탭메뉴*/
.tab-navigation.features_tab{display:block;}
.tab-navigation.features_tab ul.tablist {display:flex;}
.tab-navigation.features_tab ul.tablist li{display:inline-flex;position:relative;border-radius:0; border:#B1B8BE solid 1px; border-left:0; box-sizing: border-box; width:100%; padding:0; justify-content:space-around; overflow:hidden; }
.tab-navigation.features_tab ul.tablist li:first-child{border-radius:0.8rem 0 0 0.8rem ;border-left:#B1B8BE solid 1px;}
.tab-navigation.features_tab ul.tablist li:last-child{border-radius:0 0.8rem 0.8rem 0;}
.tab-navigation.features_tab ul.tablist li.active{border-color:#611183}
.tab-navigation.features_tab ul.tablist li button{width:100%; font-size:1.9rem; font-weight:700; background:#fff; color:#1E2124;cursor: pointer; border:0;padding:1.5rem 1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tab-navigation.features_tab ul.tablist li.active button{background:#611183; color:#fff; }
.tab-navigation.features_tab .mb_btn{display: none; width: 100%; border-radius: 1.2rem; background:#611183; color:#fff; text-align: left; height: 4.8rem; padding: 0 1.6rem; position: relative;}
.search_result.feature_con{margin-left:0 !important;}

/*Business Info*/
.sub-top-box.business{background:transparent; min-height:279px; display:flex; align-items:center;}
.sub-top-box.business:after{background-image:url(../../img/frt/content/business_bg.svg); background-size:cover;}
.sub-top-box.business h2{font-size:6rem; font-weight:700;  color:#1E2124;}
.sub-top-box.business p{ font-size:1.9rem; font-weight:400; color:#1E2124; }


/*archive*/
.sub-top-box.archive{background:transparent; min-height:279px; display:flex; align-items:center;}
.sub-top-box.archive:after{background-image:url(../../img/frt/content/archive_bg.svg); background-size:cover;}
.sub-top-box.archive h2{font-size:6rem; font-weight:700;  color:#1E2124;}
.sub-top-box.archive p{ font-size:1.9rem; font-weight:400; color:#1E2124; }

/*Opportunities*/
.sub-top-box.opportu{background:transparent; min-height:279px; display:flex; align-items:center;}
.sub-top-box.opportu:after{background-image:url(../../img/frt/content/opportunities_bg.svg); background-size:cover;}
.sub-top-box.opportu h2{font-size:6rem; font-weight:700;  color:#1E2124;}
.sub-top-box.opportu p{ font-size:1.9rem; font-weight:400; color:#1E2124; }
.card-list.oppo_list{margin-top:2.4rem; grid-template-columns:repeat(4, 1fr)}
.card-list.oppo_list > li{border:0; padding:0; border-radius: 0; }
.card-list.oppo_list > li div.card-wrap {display:block; }
.card-list.oppo_list > li div.card-wrap a{display:grid; row-gap:1.6rem; border: 1px solid #B1B8BE; background: #fff; border-radius: 1.2rem; padding: 2.4rem; }
.card-list.oppo_list >li div.card-wrap div.card-img{height:18rem; padding:0; overflow:hidden; background:#F4F5F6 /*url(../../img/frt/content/noImg2.svg) no-repeat*/; background-position:center;}
.card-list.oppo_list >li div.card-wrap div.card-img p.imgBox{display: flex; display: -webkit-flex;height: 100%; width: 100%; align-items: center; object-fit: cover; justify-content: center; padding: 2.4rem; background:#fff; }
.card-list.oppo_list >li div.card-wrap div.card-img p.imgBox img{object-fit: cover; max-width: 100%; max-height: 100%; }
.card-list.oppo_list >li div.card-wrap dl{gap:inherit; display:block;}
.card-list.oppo_list >li div.card-wrap dl dt{margin-bottom:2rem; height:5.7rem; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal; word-break:break-all; }
.card-list.oppo_list >li div.card-wrap dd{margin-bottom:0.8rem;}
.card-list.oppo_list >li div.card-wrap dd:last-child{margin-bottom:0;}
.card-list.oppo_list >li div.card-wrap dd p{/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space:normal;}
.card-list.oppo_list >li div.card-wrap dd p.date.sm-txt{font-size:1.2rem;}


.card-list.features_list > li.textc, .card-list.oppo_list > li.textc{grid-column:1 / span 4;}

.card-list.webinar_list>li.no-data{grid-column: 1 / span 3; text-align:center; border:0; border-top:0.2rem solid #782f89;  border-bottom: 0.1rem solid #B1B8BE; padding:2.4rem;  }
.card-list.features_list>li.no-data{grid-column: 1 / span 4; text-align:center; border:0; border-top:0.2rem solid #782f89;  border-bottom: 0.1rem solid #B1B8BE; padding:2.4rem;  }
.card-list.oppo_list>li.no-data{grid-column: 1 / span 4; text-align:center; border:0; border-top:0.2rem solid #782f89;  border-bottom: 0.1rem solid #B1B8BE; padding:2.4rem;  }


.modal-wrap[data-type=right-sheet] .modal-dialog .modal-content .company-info-modal{padding:10rem 6.4rem 6.4rem 6.4rem;}

.company-info-panel{z-index:1000; width:100%;}
.company-info-panel .modal-back{position: fixed; top: 0; right: 0;  bottom: 0;  left: 0; width:100%; height:100vh; visibility: hidden; z-index: -1; background-color: rgba(0,0,0,0.75);}
.company-info-panel.expand .modal-back {display: block; z-index: 1100; visibility: visible;}
.company-info-panel .help-panel-wrap{width:52.8rem; z-index:1200; left:auto;}
/*.company-info-panel .help-panel-wrap .help-conts-area{padding-top:6.4rem;}*/
.company-info-panel .company-info-modal .modal-logo-section{overflow:hidden;}
.company-info-panel .help-panel-wrap .help-conts-area::-webkit-scrollbar{width:0.8rem;}
.company-info-panel .help-panel-wrap .help-conts-area::-webkit-scrollbar-track{ background-color: #F4F0F7; }
.company-info-panel .help-panel-wrap .help-conts-area::-webkit-scrollbar-thumb{background-color:#E5DCEB; border-radius: 0.8rem;}

/* krds-help-panel 배경 오버레이 스타일 추가 */
.modal-back {position: fixed; top: 0; right: 0;  bottom: 0;  left: 0; width:100%; height:100vh; visibility: hidden; z-index: -1; background-color: rgba(0,0,0,0.75);}
.modal-back.show {display: block; z-index: 1100; visibility: visible;}

/* krds-help-panel이 오버레이 위에 나타나도록 z-index 설정 */
.krds-help-panel {z-index: 1200;}

/*251201 About Marketplace*/
.about-txt-cont {margin:6rem 0 0 0; padding:0; color:#464c53; }
.about-imgbox { float: left; max-width:52rem; margin-right:10rem; margin-bottom: 5rem;}
.about-imgbox img {max-width:100%; height:auto; box-shadow: 30px 30px 0 rgba(0, 0, 0, 0.1);}
.about-txt-cont .about-txt .tit a {text-decoration: underline;}
.about-txt-cont .about-txt .tit { font-size: 2.8rem; line-height: 1.4; font-weight: 700; margin-bottom: 3.5rem;}
.about-txt-cont .about-txt .tit:last-child {margin-top:5rem;}
.about-txt-cont .about-txt .tit strong {font-size:4rem;}
.about-txt-cont .about-txt p { font-size:2.2rem; line-height: 1.6; margin-bottom:3rem;}

/*미디어쿼리*/
@media (max-width:1920px){
    /*.search-conts .aside{margin-left:-86.8rem; transition:0.4s ease-in-out;}
    .search-conts .aside + .search_result{margin-right:-6.8rem; transition:0.4s ease-in-out;}*/
}

/*높이 1208 이하의 pc 해상도*/
@media (max-height:1200px){
	.search-conts .aside li{height: 8.4rem; width: 11rem; }
	.search-conts .aside li a{ height: 8.4rem; color: #464C53; }
	.search-conts .aside li a:before{margin-bottom: 0; background:#464C53; }
	.search-conts .aside li a span{height: 1.8rem; margin-top:0.2rem;}
	
}
@media (max-height:1100px){


}

@media (max-width:1800px){
	.search-conts{display:block; width:100%; margin-left:0;}
	.search-conts:has(.aside){width:100%; margin-left:0; }
    .search-conts .aside{ position: static; width:100%; max-width: 160rem; margin: 6.4rem auto 0 auto;}
    
    .search-conts .aside ul{display: flex; align-items:stretch; flex-wrap:nowrap; overflow-x:auto; width:100%; scrollbar-width:none; gap:0; }
    .search-conts .aside ul li{  border: 0;  padding:0; width:auto; height: auto; transition:0.4s ease-in-out; position:relative; display:inline-flex; align-items:center; justify-content:center; flex-direction:row; flex:1 0 auto; white-space:nowrap; position:relative;}
    .search-conts .aside ul li:first-child, .search-conts .aside ul li:last-child{border:0; border-radius:0;/* border-bottom:0.2rem solid #b1b8be; */}
    .search-conts .aside li:before{}
    .search-conts .aside li:hover, .search-conts .aside li.active{background:none; color:#464C53}
    .search-conts .aside li.active:before, .search-conts .aside li:hover:before{}    
    
    .search-conts .aside li a{ position: relative; height: auto;  padding: 0 2rem 0.6rem 2rem; width:100%; font-size:1.5rem; color:#464C53; border-bottom:0.2rem solid #b1b8be; }
    .search-conts .aside li a:before{background:none; }
    .search-conts .aside li a:before{display:inline-flex; content:""; position:absolute; bottom:-0.6rem; left:0; width:0; height:0.3rem; background-color:#1e2124 !important; transition:0.4s ease-in-out;}
    .search-conts .aside li.search-all:hover a:before, .search-conts .aside li.search-all.active a:before { mask-image:none; -webkit-mask-image:none; mask-size:inherit; -webkit-mask-size:inherit; background-color:#1e2124;}
    .search-conts .aside li.search-all:hover a:before, .search-conts .aside li.search-all.active a:before{  mask-image:none; -webkit-mask-image:none; mask-size:inherit; -webkit-mask-size:inherit; background-color:#1e2124;}
	.search-conts .aside li.search-comp:hover a:before, .search-conts .aside li.search-comp.active a:before{  mask-image:none; -webkit-mask-image:none; mask-size:inherit; -webkit-mask-size:inherit; background-color:#1e2124;}
	.search-conts .aside li.search-cont:hover a:before, .search-conts .aside li.search-cont.active a:before{  mask-image:none; -webkit-mask-image:none; mask-size:inherit; -webkit-mask-size:inherit; background-color:#1e2124;}
	.search-conts .aside li.search-feat:hover a:before, .search-conts .aside li.search-feat.active a:before{  mask-image:none; -webkit-mask-image:none; mask-size:inherit; -webkit-mask-size:inherit; background-color:#1e2124;}
	.search-conts .aside li.search-busi:hover a:before, .search-conts .aside li.search-busi.active a:before{  mask-image:none; -webkit-mask-image:none; mask-size:inherit; -webkit-mask-size:inherit; background-color:#1e2124;}
	.search-conts .aside li.search-webi:hover a:before, .search-conts .aside li.search-webi.active a:before{  mask-image:none; -webkit-mask-image:none; mask-size:inherit; -webkit-mask-size:inherit; background-color:#1e2124;}
	.search-conts .aside li.search-arch:hover a:before, .search-conts .aside li.search-arch.active a:before{  mask-image:none; -webkit-mask-image:none; mask-size:inherit; -webkit-mask-size:inherit; background-color:#1e2124;}
	.search-conts .aside li.search-oppor:hover a:before, .search-conts .aside li.search-oppor.active a:before{ mask-image:none; -webkit-mask-image:none; mask-size:inherit; -webkit-mask-size:inherit; background-color:#1e2124;}
    .search-conts .aside li a:hover:before, .search-conts .aside li.active a:before{left:0; width:100%;}
    
    .search-conts .aside li a span{ display: none;}    
    .search-conts .aside li:hover a, .search-conts .aside li.active a{ color:#464C53 }
    
    .search_result{ margin: 0 auto;}
    .search-conts .aside + .search_result{margin-right:auto; padding-left:0;}
    .search_result .search-tit:first-child{margin-top:4.8rem;}
}

@media (max-width:1600px){
    .recent-search{width: auto; /*min-width: inherit; border-top: 1px solid #b1b8be; margin-top: 2.4rem; padding-top: 2.4rem;*/}
    .recent-search dl dd{width: calc(100% - 22rem);}
    
    .research-container {gap:0 1.2rem; align-items: flex-start; position: relative; padding: 2.4rem; }
    .research-container .left-box {display: block; width: calc(100%); }
    .research-container .left-box .sch-input{width: 100%; margin-bottom: 1.2rem}
    .research-container .left-box .sch-input input[type=text].form-input{height: 4.8rem;}
    .research-container .recent-search{border-top:0; margin-top: 0; padding-top: 0; width: calc(100% + 35.4rem)}
    .research-container .recent-search dl{justify-content:flex-start;}
    .research-container .recent-search dl dd{width: auto; }
    .research-container .recent-search dl dd .recent-chip span a{font-size: 1.5rem; max-width: 1.rem; }
    .research-container .right-box{gap:0 1.2rem;}
    
    .card-list{ grid-template-columns:repeat(4, 1fr); }
    .card-list.search-total li:nth-child(5){display: none}
    
    /* 관련 콘텐츠 섹션 */
    .company-othcontent-section .section-title {font-size:3rem;}
    
    /*웨비나*/
    .sub-top-box.webinar_view .video-wrap{margin-top:3.2rem;}
    
    .sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.btn-line{margin:0;}
	.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.btn-line .btn{width:auto;}
    
    /* Contents Distribution 섹션*/
    .distribution-card > li {width: 50%; padding: 0 1rem;margin-bottom: 1.8rem;}
    .person-profile {padding: 2.5rem 5rem;}    
    .person-image {margin-top: 0;}
    .distribution-card:not(:has(li:nth-child(3))) li .person-profile {padding:3rem 3rem;}
    .distribution-card:not(:has(li:nth-child(3))) li .person-image {width: 11rem; height: 11rem;}
    .distribution-card:not(:has(li:nth-child(3))) li .person-details {margin-left:3rem;}
    .distribution-card:not(:has(li:nth-child(3))) li {width: 50%;}    
}

@media (max-width:1200px){
    .recently_card{padding: 2.4rem;}
    .recently_card>.card-list{grid-template-columns: repeat(3, 1fr);}
    .recently_card .card-list>li:nth-child(4){display: none}  
    
    /* conts-area 영역 스타일 */
    .company-view {padding:4rem 0;max-width:none; margin:0 auto;}
   
    /* 왼쪽: 로고 영역 */
    .company-logo-area {max-width:35rem; margin-right: 3rem;}
    .company-logo {width:35rem; height:40rem;padding:0 2rem;}
    .company-logo:has(iframe){width:35rem; height: 0; padding-top:56.2%;}
    .company-logo>img, .company-logo>iframe {width:100%; height: 100%; max-width:none; }  
    .company-info-area .company-name {font-size:3.2rem;}
    
    /* 탭 네비게이션 섹션 */
    .tab-navigation-section {margin:4rem 0 0 0;}    
    .tab-btn {padding: 1.5rem 5rem;font-size: 1.7rem;}
    .tab-content .tab-panel {font-size:1.7rem;}
    .tab-content {padding: 3rem; }
   
    /* Content 캐러셀 섹션 */
    .content-carousel-section {gap:2.4rem 0; }
    .content-carousel-section .section-title {font-size:3.2rem;}
    
    /* Swiper 스타일 */
    .content-swiper {padding: 0 3rem;}
	.content-carousel-section .content-box .content-swiper {padding: 0;}
	
    /* Contact 섹션 */
    .contact-section {margin-top:4rem;}
    .contact-section .section-title {font-size:3.2rem;}
    
    /* 연락처 정보 */
    .contact-details h4 {font-size:2.6rem;}
    .contact-details p {font-size: 2rem;}     
    .contact-card {padding: 1.5rem;}
       
    .content-overview .main-content-display {grid-template-columns:1fr 0.2fr 1.3fr}
    .main-content-display .text-panel {padding-left:3rem;}
    .main-image-panel .poster-image { min-height:35rem;}
    
    .content-overview .content-title {font-size:3rem; margin-top:1.2rem;}
   
    .video-player-section {margin:3.5rem 0;}
    .video-player-section .video-player-container .video-placeholder {min-height:auto;}
    
    
    /*웨비나*/
    .sub-top-box.Webinar{min-height:auto; padding:3.6rem 0;}
    .sub-top-box.webinar_view h2{font-size:3.6rem;}
    .sub-top-box.Webinar h2{font-size:3.6rem;}
    .sub-top-box.webinar_view .video-wrap{width:100%;}
    .card-list.webinar_list{grid-template-columns:repeat(2, 1fr)}
    .card-list.webinar_list>li div.card-wrap dt{height:6rem; -webkit-line-clamp: 2;}
	
	/*features*/
	.sub-top-box.features{min-height:auto; padding:3.6rem 0; }
    .sub-top-box.features h2{font-size:3.6rem;}
    .card-list.features_list{ grid-template-columns:repeat(3, 1fr);}
    /*.card-list.features_list li{width:32%}*/
    
    /*business info*/
	.sub-top-box.business{min-height:auto; padding:3.6rem 0; }
    .sub-top-box.business h2{font-size:3.6rem;}
    
    /*archive*/
	.sub-top-box.archive{min-height:auto; padding:3.6rem 0; }
    .sub-top-box.archive h2{font-size:3.6rem;}
    
    /*Opportunities*/
	.sub-top-box.opportu{min-height:auto; padding:3.6rem 0; }
	.sub-top-box.opportu h2{font-size:3.6rem;}
		
	.sch-info{margin-top:3.6rem}
	
	/*.card-list.oppo_list li{width:32%}*/    
	.card-list.oppo_list { grid-template-columns:repeat(3, 1fr); }
	
	
	.card-list.webinar_list>li.no-data{grid-column: 1 / span 2;}
	.card-list.features_list>li.no-data{grid-column: 1 / span 3;}
	.card-list.oppo_list>li.no-data{grid-column: 1 / span 3;}
	
        
    /* Contents Distribution 섹션*/
    .distribution-card > li {width: 50%; padding: 0 1rem;margin-bottom: 1.8rem;}
    .person-profile {padding: 1rem 1rem 2.5rem 3rem; flex-direction: column; align-items: center;}    
    .person-image {margin-top: 0;}
    .person-details {margin-left:0; text-align: center;}
    .distribution-card:not(:has(li:nth-child(3))) li .person-profile {padding:2rem 2rem;}
    .distribution-card:not(:has(li:nth-child(3))) li .person-image {width: 11rem; height: 11rem;}
    .distribution-card:not(:has(li:nth-child(3))) li .person-details {margin-left:2rem;}
    .distribution-card:not(:has(li:nth-child(3))) li {width: 50%;}
    .distribution-title {margin:1rem 0}
    
     /*251201 About Marketplace*/
    .about-txt-cont {margin:3rem 0 0 0; }
    .about-imgbox { float: left; max-width:30%; margin-right:8rem; margin-bottom: 5rem;}
    .about-imgbox img {max-width:100%; height:auto; box-shadow: 30px 30px 0 rgba(0, 0, 0, 0.1);}
    .about-txt-cont .about-txt .tit { font-size: 2.4rem; margin-bottom: 2.5rem;}
    .about-txt-cont .about-txt .tit:last-child {margin-top:0;}
    .about-txt-cont .about-txt .tit strong {font-size:3.2rem;}
    .about-txt-cont .about-txt p { font-size:1.9rem; }
        
}

@media screen and (max-width:1024px){
    .des-list>li{padding: 2.4rem 0 2.4rem 2.4rem;}
    .des-list>li .card-wrap{flex-flow: row wrap; position:relative}
    .des-list>li .card-wrap .info-box dt{font-size: 1.9rem;}
    .des-list>li .card-wrap .info-box dt a{ -webkit-line-clamp: 2;  padding-right:4.2rem;}
    .des-list>li .card-wrap .info-box dt a .flag{margin-left:0; position:absolute; top:0; right:2.4rem;}
    .des-list>li .card-wrap .info-box dd li.sub-tit{font-size: 1.7rem; }
    .des-list>li .card-wrap .info-box dd li p{font-size: 1.5rem;}
    .des-list>li .card-wrap .info-box dd li ul.file-list li a{font-size: 1.5rem}
    .des-list>li .card-wrap .info-box dd li ul.file-list li a:before{width: 1.9rem; height: 1.9rem; margin-right: 0.4rem;}
    
    .card-list{ grid-template-columns:repeat(3, 1fr); }
    .card-list.search-total>li:nth-child(4){display: none}
    .search-panel-wrapper .main-optoin>dl dd div button.btn-open-layer{padding-right: 3.2rem}
    .search-panel-wrapper .main-optoin>dl dd div button.btn-open-layer:after{right: 0.8rem;}
    
    .search-panel-wrapper.pc_ver {display: none !important}
    .search-panel-wrapper.mb_ver {display: block !important; background: none; }
    .search-panel-wrapper.mb_ver::-webkit-scrollbar {height:0.2rem; background-color: #E6E8EA;}
    .search-panel-wrapper.mb_ver::-webkit-scrollbar-track{ background-color: #E6E8EA;}
    .search-panel-wrapper.mb_ver::-webkit-scrollbar-thumb{background-color:#b1b8be; border-radius: 1.5rem; }
    .search-panel-wrapper.mb_ver .main-optoin{display: flex !important; grid-template-columns: none; gap:0 0.8rem; position: relative; }
    .search-panel-wrapper.mb_ver .main-optoin button.btn-reset{width: 3.6rem; height: 3.6rem;}
    .search-panel-wrapper.mb_ver .main-optoin button.btn-reset .ico-reset{display: flex ;width: 3.6rem; height: 3.6rem; border-radius: 50%; border: 1px solid #CDD1D5; background: #fff; align-items: center; justify-content: center}
    .search-panel-wrapper.mb_ver .main-optoin button.btn-reset .ico-reset:before{content: ""; display: block; width: 1.6rem; height: 1.6rem; mask-repeat: no-repeat;  -webkit-mask-repeat: no-repeat; mask-position: center center; -webkit-mask-position: center center;  mask-size: cover; -webkit-mask-size: cover;  -webkit-mask-image: url("../../libs/krds/img/component/icon/ico_reset.svg"); mask-image: url("../../libs/krds/img/component/icon/ico_reset.svg"); background-color: #33363D;  }
    .search-panel-wrapper.mb_ver .main-optoin div.swiper{width: 100%; height: 100%; position: static; }
    .search-panel-wrapper.mb_ver .main-optoin div.swiper ul.swiper-wrapper{gap:0 0.8rem;}
    .search-panel-wrapper.mb_ver .main-optoin li.swiper-slide{width: auto; display: flex; align-items: center;}
    .search-panel-wrapper.mb_ver .main-optoin li.swiper-slide:nth-child(2):after{ content: "";  display:inline-flex; width: 0.2rem; height:1rem;  margin-left: 0.8rem;  background:#CDD1D5;}
    .search-panel-wrapper.mb_ver .main-optoin li.swiper-slide button.btn-open-layer{border: 1px solid #CDD1D5; background: #fff; margin: 0;  border-radius: 2rem; display: flex; display: -webkit-flex; align-items: center; padding: 0 1.6rem; height: 3.6rem;}
    .search-panel-wrapper.mb_ver .main-optoin div button.btn-open-layer:active, .search-panel-wrapper.mb_ver .main-optoin div button.btn-open-layer:focus, .search-panel-wrapper.mb_ver .main-optoin div button.btn-open-layer.active{background:#611183; color: #fff;}
    .search-panel-wrapper.mb_ver .main-optoin div.swiper div.swiper-scrollbar{width: calc(100% - 4.4rem); left: 4.4rem;}
    .search-panel-wrapper.mb_ver .main-optoin.active + div.search-pannel-bottom{display: block; border:0;  border-top:1px solid #b1b8be; background-color:inherit; padding: 1.2rem 0 0 0; margin-top:1.2rem; }
    .search-panel-wrapper.mb_ver .main-optoin.active + div.search-pannel-bottom .search-keyword{width: 100%; padding-bottom: 1rem;}
    .search-panel-wrapper.mb_ver .main-optoin.active + div.search-pannel-bottom .search-keyword dt{line-height: 1.5; font-weight: 700; display: flex; align-items: center; gap:0 0.5rem; margin-bottom: 0.4rem;}
    .search-panel-wrapper.mb_ver .main-optoin.active + div.search-pannel-bottom .search-keyword dt:before{content: ""; display: inline-flex; width: 2rem; height: 2rem; background-image: url("../../libs/krds/img/component/icon/ico_sch.svg"); background-size: contain; }
    .search-panel-wrapper.mb_ver .main-optoin.active + div.search-pannel-bottom .search-keyword .swiper-scrollbar{bottom: 0 !important;}
    
     /* 관련 콘텐츠 섹션 */
    .company-othcontent-section .section-title {font-size:2.6rem;}
    
     /* 콘텐츠 디스플레이 */
    .content-overview .main-content-display {display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: flex-start; justify-content: space-between;}
    .main-content-display >.main-image-panel {width: calc(80% - 0.4rem); /* 50%씩 차지 (총 100% + gap만큼) */}
    .content-overview .main-image-panel .main-poster {max-width:100%;}
    .main-content-display >.thumbnail-gallery {width: calc(15rem - 0.4rem);}
    .content-overview .thumbnail-item {width:15rem;}
    .main-content-display >.text-panel {width: 100%; padding-left: 0; margin-top:2rem; min-height:auto; }
    .main-content-display .text-panel .contact-btn {margin-top:2rem; }
   
    .content-description-section {margin-top:3.5rem;}
    .content-overview .content-info-header {margin-bottom:3.5rem;}


    
}

@media (max-width: 1023px) {
    .company-info-modal {padding:3.5rem 0;}
    .krds-help-panel .help-panel-wrap{padding-left:0; padding-right:0;}
    .krds-help-panel {width:39rem;}
    .krds-help-panel::after {left:-50rem;}
    .krds-help-panel .help-panel-wrap .help-conts-area .btn-help-panel {background-color:transparent  !important; top:2rem;}
    .krds-help-panel .help-panel-wrap .help-conts-area {padding:2.5rem 4rem;}
    
    .company-info-modal .modal-logo-section {min-height:16rem;}
    .modal-companyname-section .company-name {font-size:2.8rem;}
    
    .modal-action-section .btn-text::after {right:0;}
    .company-profile-close .profile-tab-btn.btn-help-panel { background-color:#FAEEFC !important;}
    
    .content-overview .content-title {font-size:3.2rem;}
    
    .modal-wrap[data-type=right-sheet] .modal-dialog .modal-content .company-info-modal {padding:6rem 4rem;}    
    
    .company-info-panel{width:100%;}
    .company-info-panel::after {display:none}
	.company-info-panel .help-panel-wrap{width:39rem; z-index:1200; left:auto; padding:0;}
    
    /* Contents Distribution 섹션*/
    .person-profile {padding:2.5rem 1.5rem;}
    .person-image {width: 9rem;height: 9rem; }
    .person-details {margin-left:2rem;}
    
    /*krds-help-panel*/
    .krds-help-panel.expand::after { background:none;}
}

@media (max-width:900px) { 
    /* 탭 네비게이션 섹션 */
    .tab-btn {padding: 1.5rem 2rem;}
    
    /* Content 캐러셀 섹션 */
    .content-carousel-section {margin-top:4rem;}
    
    /* Contact 섹션 */
    .contact-section {margin-top:2rem; }
    
    .content-overview .content-info-header {margin-bottom:3rem;}    
    
    /*features*/
    .sub-top-box.bbs-con-top .inner{display:block;}
	.sub-top-box.bbs-con-top .inner .left-box{display:block; margin:0 auto 2rem auto; height:auto;}
	.sub-top-box.bbs-con-top .inner .left-box div.img-wrap {border:0; height:auto; border-radius:0;}
	.sub-top-box.bbs-con-top .inner .left-box div.img-wrap .img-box{width:100%; height:auto;}
	.sub-top-box.bbs-con-top .inner .left-box div.img-wrap.oppo-img .img-box{width:100%; height:20rem; border:1px solid #B1B8BE; margin:0; border-radius:1.2rem; padding:3.6rem;}
	.sub-top-box.bbs-con-top .inner .left-box div.img-wrap .img-box img{width:100%; height:auto; border:1px solid #B1B8BE; margin:0; border-radius:1.2rem; }
	.sub-top-box.bbs-con-top .inner .left-box div.img-wrap.oppo-img .img-box img{border:0; object-fit:contain; height:100%;}
	
	.sub-top-box.bbs-con-top .inner .right-box{width:100%;}
	.sub-top-box.bbs-con-top .inner .right-box h2{-webkit-line-clamp:none; font-size:2.4rem}
	.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li{font-size:1.7rem;}
	.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.btn-line{margin:0; display:flex; justify-content:space-between; align-items:center; }
	.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.btn-line .btn{width:49%; display:inline-flex; justify-content:center; align-items:center; height:4.8rem; font-size:1.7rem;}
	
	
	/*aside*/
	.scroll-btn{display:block; }
	.search-conts .aside{padding-right:5rem; padding-left:5rem;}
	.search-conts .aside li a{font-size:1.7rem;}
        
     /* Contents Distribution 섹션*/
    .contents-distribution-section {padding-top: 2rem;}
    .distribution-card {margin: 0;flex-direction: column;}
    .distribution-card > li {width: 100%; padding: 0;margin-bottom: 1.5rem; }
    .person-profile {padding: 2rem;  flex-direction: column; align-items: center;}
    .distribution-card:not(:has(li:nth-child(3))) li { width: 100%;}
    .distribution-card:not(:has(li:nth-child(3))) li .person-profile { padding: 2rem;}
    .person-image {width: 10rem;height: 10rem; margin-bottom: 1.5rem; margin-top: 0 !important;}
    .person-details { margin-left: 0 !important; text-align: center;}
    .distribution-title {font-size: 1.8rem;margin-bottom: 1.2rem;}
    .person-details .detail-item {margin-bottom: 0.6rem; justify-content: center; flex-wrap: wrap;}
    .detail-label {font-size: 1.5rem;min-width: auto; padding-right: 1rem;}
    .detail-value {font-size: 1.4rem;}    
    .detail-value .detal-telbox {padding: 0.2rem 0.6rem;}
    .detail-value .detal-telbox .detail-tel {font-size: 1.3rem;}
    .detail-value .flag-icon {width: 1.8rem;height: 1.2rem;}
}

@media (max-width:899px) {   
    /* conts-area 영역 스타일 */
    .company-view {padding:3rem 0;}
    
    /* 회사 프로필 섹션 */
    .company-profile-content {flex-flow: column; }
   
    /* 왼쪽: 로고 영역 */
    .company-logo-area {max-width:100%; margin-right: 0; gap: 0.8rem; }
    .company-logo { width:100%; height: auto; padding: 2rem;}
    .company-logo:has(iframe){width:100%; }
    .company-logo>img, .company-logo>iframe {width:100%; max-width:none;}
    .social-links {margin-bottom:2rem;}
    .company-info-area .company-name {font-size:2.4rem;}
    .company-info-area .company-country {margin-bottom:2rem;}
    .company-details {gap:0.8rem 0;}
    .detail-value {font-size:1.6rem;}
    
    /* 탭 네비게이션 섹션 */
    .tab-navigation-section {margin:2rem 0 0 0;}    
    .tab-btn {padding: 1.3rem 1rem; font-size:1.4rem;}
    
    /* Content 캐러셀 섹션 */
    .content-carousel-section {margin-top:3rem;}
    .content-carousel-section .section-title {font-size:2.8rem;}
    
    /* Contact 섹션 */
    .contact-section {margin-top:2rem;}
    .contact-section .section-title {font-size:2.8rem;}
    .contact-cards {grid-template-columns:repeat(1, 1fr); gap:0.8rem 0;}
    .contact-details h4 {font-size:2rem;}
    .contact-details p {font-size:1.5rem;}
    
    /* 지도 폼입력 */
    .contact-info-area {flex-direction: column;}
    .map-container {max-width:none; margin-right:0; margin-bottom:2rem;}
    .contact-form-area {padding:2.5rem;}
    .contact-form-area .form-bottom {justify-content:center;margin-top:2rem;}
    .contact-form-area .form-bottom .submit-btn {min-width:100%;}
    .contact-form .form-group {gap:2rem 0;}  
    
    .search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn{font-size:1.9rem}
}

@media (max-width:810px){
    .modal-wrap .modal-dialog .modal-conts .form-wrap.col-2 .form-conts{width: 50%;}
    .modal-wrap .modal-dialog .modal-conts .content-info .info-box{width:auto; gap:1.6rem;}
    .modal-wrap .modal-dialog .modal-conts .content-info .info-box dd .info-list li dl dt{padding-left:0; width:13rem;}
    
    
   /* 콘텐츠 디스플레이 */
    .content-overview .main-content-display {display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: flex-start; justify-content: space-between;}
    .main-content-display >.main-image-panel {width: calc(80% - 0.4rem); /* 50%씩 차지 (총 100% + gap만큼) */}
    .content-overview .main-image-panel .main-poster {max-width:100%;}
    .main-content-display >.thumbnail-gallery-wrap {/*width: calc(12rem - 0.4rem);*/}
    .content-overview .thumbnail-item {width:12rem;}
    .main-content-display >.text-panel {width: 100%; padding-left: 0; margin-top:2rem; min-height:auto; }
   
    .content-description-section {margin-top:3.5rem;}    
    
    /*features*/
	.card-list.features_list { grid-template-columns:repeat(2, 1fr); }
	
	/*opportunities*/
	.card-list.oppo_list { grid-template-columns:repeat(2, 1fr); }
	
	.card-list.features_list>li.no-data{grid-column: 1 / span 2;}
	.card-list.oppo_list>li.no-data{grid-column: 1 / span 2;}
}

@media screen and (max-width:768px){
    .total-search-top-box .sch-input input{height:6rem;}
    
    .recent-search{width: auto; min-width: inherit; }
    .recent-search dl {flex-direction: column}
    .recent-search dl dt{width: 100%; margin-bottom: 1rem;}
    .recent-search dl dd{width: 100%}
    
    .card-list{ grid-template-columns:repeat(2, 1fr); }
    .card-list.search-total>li:nth-child(3){display: none}
    .card-list>li div.card-wrap dt{font-size: 1.7rem;}
    .card-list>li div.card-wrap dd ul li span.cate-tit{font-size: 1.4rem; color:#A4A4A4; }
    
    .des-list>li{padding-right: 2.4rem;}
    .des-list>li .card-wrap{display: block; }
    .des-list>li .card-wrap:after{content: ""; display: block; clear:both; width:0; height: 0; padding: 0; margin: 0;}
    .des-list>li .card-wrap .card-img{float: left; margin-right: 1.2rem;}
    .des-list>li .card-wrap .info-box {display: block; width: auto; padding: 0}
    .des-list>li .card-wrap .info-box dd ul{display: block; }
    .search-panel-wrapper.mb_ver .main-optoin{padding-bottom: 1rem;}
    
    .recently_card{padding: 1.6rem; margin-bottom: 4.8rem;}
    .recently_card>.card-list{grid-template-columns: repeat(2, 1fr);}
    .recently_card .card-list>li:nth-child(3){display: none}
    
    .research-container{display: grid; padding: 1.6rem; justify-content:normal; margin-bottom: 4.8rem;}
    .research-container .recent-search{display: none}
    .research-container .right-box{justify-content:space-between; gap:initial;}
    .research-container .right-box .sort-select{width: calc(100% - 13rem);}
    
    .search-tit{margin-top: 4.8rem;}
    
    /* 관련 콘텐츠 섹션 */
    .related-content-section .related-content-container {flex-direction: column; gap:2rem 4rem;}  
    .company-othcontent-section .section-title {font-size:2.3rem; }
    .company-othcontent-section {padding:2.5rem;}
    
    /* 컨텐츠 설명 */
    .content-description-section { margin-top:3rem; }
    .content-description-section .description-box {padding:2.5rem; }
    .content-description-section .description-box p {font-size:1.7rem;}    

    .company-info-area .company-details .detail-item {display: block; width: 100%;}
    .company-info-area .company-details .detail-label { display: block;min-width:100%;}
    .company-info-area .company-details .detail-value { display: block;min-width:100%;}
        
    /* Swiper 페이지네이션 */
    .company-othcontent-section .section-navigation {display:none;}
    .company-othcontent-section .swiper-pagination {display: block;}
    /* 페이지네이션 스타일 조정 */
    .company-othcontent-section .swiper-pagination {display: flex; align-items: center; justify-content: center; flex-direction: row;background-color:#fff; border-radius: 100rem;height: 4rem; padding: 1.2rem; margin-top: 1.5rem; width: fit-content; margin-left: auto; margin-right: auto; }
    .company-othcontent-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #B534D2;transform: scale(1.2);}
    .company-othcontent-section .swiper-pagination-bullet-active {background: #B534D2;transform: scale(1.2);}
    .company-othcontent-section .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {background: #adb5bd;}    
    
     /* 텍스트 패널 */
    .main-content-display .text-panel .text-panel-list .text-panel-tit { display: block;min-width:100%;  }
    .main-content-display .text-panel .text-panel-list .text-panel-value {  display: block;min-width:100%;}
    .main-content-display .text-panel .text-panel-list .text-panel-item {display:block; width:100%;}
    
    /* 동영상 플레이어 섹션 */
    .video-player-section { margin: 3rem 0; }
    .video-player-section .video-player-container .video-placeholder {min-height:inherit; }
    
    /* 모달 회사 정보 */
    .modal-companyname-section .company-name {font-size:2.4rem;}
    .modal-company-info .modal-company-details .detail-item .detail-value {font-size:1.7rem;} 
    
    .company-profile-open {display:none;}
    .content-btn-mobile { gap:0 2rem;}
    .main-content-display .text-panel .contact-btn {width: calc(50% - 2rem); }
    .main-content-display .text-panel .companyinfo-mbtn { display:block; width: calc(50% - 2rem); }
 
	/*모달 content inquiry*/
    .modal-wrap .modal-dialog .modal-conts .content-info div.card-img{width:100%; max-width:37rem; height:auto; min-height:16rem; max-height:27.7rem; float:none; margin:0 auto; }
    .modal-wrap .modal-dialog .modal-conts .content-info .info-box dt{margin-bottom:1.6rem;}
    .modal-wrap .modal-dialog .modal-conts .content-info .info-box dd .info-list li dl dt{padding:0;}
    .modal-wrap .modal-dialog .modal-conts .content-info .info-box dd .info-list li dl dd{padding:0;}
     /*251201 About Marketplace*/
    .about-txt-cont {margin:3rem 0 0 0; }
    .about-imgbox { float: none; max-width:50%; margin-right:0;  margin:0 auto;margin-bottom: 5rem;}
    .about-imgbox img {max-width:100%; height:auto; box-shadow: 20px 20px 0 rgba(0, 0, 0, 0.1);}
    .about-txt-cont .about-txt .tit { font-size: 2rem; margin-bottom: 2rem;}
    .about-txt-cont .about-txt .tit:last-child {margin-top:0;}
    .about-txt-cont .about-txt .tit strong {font-size:2.8rem;}fc
    .about-txt-cont .about-txt p { font-size:1.7rem; }
    
    
}
@media screen and (max-width:700px){
	.search-panel-modal .main-optoin>dl:first-child{ width:40%;}
	.search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn{font-size:1.9rem}
	
    .modal-bottom.search-pannel-bottom{display: block !important;  }
    .modal-bottom.search-pannel-bottom .search-keyword{width: 100%; }
    
    .search-pannel-bottom .search-btn-box{display: flex; justify-content: flex-end; width: 24rem; gap: 0 2rem;  align-items: center; width: 100%; margin-top: 2rem;  }
    .search-pannel-bottom .search-btn-box > button{font-size: 1.7rem; height: 4.8rem;  }
    .search-pannel-bottom .search-btn-box .btn-reset{ display: flex;  align-items: center;}
    .search-pannel-bottom .search-btn-box .btn-reset .ico-reset{display: inline-flex ;width: 3.6rem; height: 3.6rem; border-radius: 50%; border: 1px solid #CDD1D5; background: #fff; margin-right: 1rem;  align-items: center; justify-content: center}
     .search-pannel-bottom .search-btn-box .btn-reset .ico-reset:before{content: ""; display: block; width: 1.6rem; height: 1.6rem; mask-repeat: no-repeat;  -webkit-mask-repeat: no-repeat; mask-position: center center; -webkit-mask-position: center center;  mask-size: cover; -webkit-mask-size: cover;  -webkit-mask-image: url("../../libs/krds/img/component/icon/ico_reset.svg"); mask-image: url("../../libs/krds/img/component/icon/ico_reset.svg"); background-color: #33363D;  }
    .search-pannel-bottom .search-btn-box .btn-search{background: #B534D2; border-radius: 0.6rem; color: #fff; width: 12.8rem;  }
    
    .recently_card .tit-box h4{font-size: 2.4rem;}
    
    /*웨비나*/
    .card-list.webinar_list{grid-template-columns:repeat(1, 1fr)}
    .card-list.webinar_list>li div.card-wrap dt{height:auto; -webkit-line-clamp: 1;}
    .card-list.webinar_list > li div.card-wrap a{padding:1.6rem;}
    .sub-top-box.Webinar h2{font-size:2.8rem;}
    .sub-top-box.webinar_view h2{font-size:1.9rem;}
    .sub-top-box.webinar_view p.date{font-size:1.5rem;}
    
    .card-list.webinar_list>li.no-data{grid-column: 1 / span 1;}
    
    
}

@media screen and (max-width:640px){	
	/*첨부파일*/
	ul.file-list, .des-list>li .card-wrap .info-box dd ul.file-list{ display:block; }
	ul.file-list li, .des-list>li .card-wrap .info-box dd ul.file-list li{ display: block; border-bottom: 0.1rem solid #CDD1D5;  }
	ul.file-list li:last-child, .des-list>li .card-wrap .info-box dd ul.file-list li:last-child{border-bottom:0;}
	ul.file-list li:after{display:none;}
	ul.file-list li a{padding:1rem 0}
	
    
    .des-list{display: block;}
    .des-list>li .card-wrap .card-img{display:none;}
    .des-list>li .card-wrap .info-box dt{justify-content: space-between}
    .des-list>li .card-wrap .info-box dt a .flag{right:0;}
    .des-list>li .card-wrap .info-box dd ul{display: block; }
    .des-list>li .card-wrap .info-box dd li p{-webkit-line-clamp: 3;}
    
    /*웨비나 검색리스트*/
    .des-list.webinar_list>li .card-wrap .card-img{display:block; float: none; margin: 0 auto 1.2rem auto;  width: 100%; height: 0; padding-top:56.25%; overflow:hidden }
    .des-list.webinar_list>li .card-wrap .card-img p{position:absolute;top:0;left:0;width:100%;height:100%;}
    .des-list.webinar_list>li .card-wrap .card-img p a{display:block; width:100%; height:100%;}
    
        
	.search-panel-wrapper.mb_ver .main-optoin li.swiper-slide button.btn-open-layer{font-size: 1.5rem}
	.search-keyword .keyword-chip span a{font-size:1.3rem;}
    
    /*모바일 모달창 */
    .modal-conts{ overflow-x: auto}
    .search-panel-modal .main-optoin{display: flex; align-items: stretch; align-content: space-around; gap: 0 0.6rem;}
    .search-panel-modal .main-optoin>dl{min-width: 10rem;}
    .search-panel-modal .main-optoin>dl dt{/* font-size: 1.7rem;*/ }
    .search-panel-modal .main-optoin div.wrap-list{height: 24rem; padding: 0.8rem 0; overflow-y: scroll; }
    .search-panel-modal .main-optoin div.wrap-list ul li{margin: 0.2rem 0 0.6rem 0; }
    .search-panel-modal .main-optoin div.wrap-list ul li label span{padding: 1.4rem 0.8rem; line-height: 1.5; }
    .modal-bottom.search-pannel-bottom{padding: 1.6rem 0;}
    .search-pannel-bottom .search-btn-box .btn-search{height: 3.6rem}
    
    .modal-wrap[data-type=bottom-sheet] .modal-dialog .modal-content{padding:1.6rem 1.6rem 0 1.6rem;}
    
      /* 콘텐츠 디스플레이 */
    .main-content-display >.main-image-panel {width: calc(100% - 0.4rem); }
    .content-overview .main-image-panel .main-poster {max-width:100%;}
    .main-content-display >.thumbnail-gallery-wrap {width: calc(100% - 0.4rem); flex-direction: row; align-items: center; gap: 0.8rem; height:100px; }
    .content-overview .thumbnail-gallery {flex-direction:row; flex: 1; gap: 0.8rem; overflow-x: auto; }
    .content-overview .thumbnail-gallery-swiper { height: auto; }
    .content-overview .thumbnail-gallery-swiper .swiper-wrapper { flex-direction: row; }
    .content-overview .thumbnail-gallery-swiper .swiper-slide { width: clamp(6rem, 22vw, 10rem);}
	.content-overview .thumbnail-item { width:auto; max-width:100%; flex-shrink:0; }
	.content-overview .thumbnail-item img { width: 100%; height: 9.2rem; }

    .thumbnail-nav-btn {display: flex;width:1.6rem; height: 100%; flex-shrink: 0; }
    .thumbnail-nav-btn .svg-icon {width0.6rem; height:1rem;}
    .thumbnail-nav-btn .svg-icon.ico-angle02.up {transform: rotate(0deg); background-color: transparent;background-image :url("../../img/frt/content/slide-pre.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
    .thumbnail-nav-btn .svg-icon.ico-angle02.down {transform: rotate(180deg); background-color: transparent;background-image :url("../../img/frt/content/slide-pre.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; }

    .thumbnail-nav-btn.thumbnail-prev-btn {border-radius:0.3rem 0 0 0.3rem;}
    .thumbnail-nav-btn.thumbnail-next-btn {border-radius:0 0.3rem 0.3rem 0;}
    .main-content-display >.text-panel {width: 100%; padding-left: 0; margin-top:2rem; min-height:auto; }        
    
    .content-overview .content-info-header {margin-bottom:3rem;}
    .content-overview .content-info-header .logo-container {height:8rem;}
    .content-overview .logo-text img { width:100%;height:auto;}
    .content-overview .content-title { font-size:2.3rem;margin-top:0.8rem;}
    .main-content-display .text-panel .contact-btn {margin-top: 2rem; min-width:100%; }   
  
    
    .company-profile-open {display:none;}
    .content-btn-mobile { gap:0 1rem;}
    .main-content-display .text-panel .contact-btn {width: calc(50% - 1rem);min-width:auto; font-size: 1.7rem; }
    .main-content-display .text-panel .companyinfo-mbtn { display:block; width: calc(50% - 1rem); min-width:auto; font-size: 1.7rem; }
    
    /*게시판 상세화면*/
    .bbs_con .detail-box{padding: 0 0 3rem 0;}
    .bbs_con .tag-box{padding: 2rem 0;}
    .bbs_con .tag-box dl dt{display:none;}
    .bbs_con .tag-box dl dd ul li a{font-size:1.3rem;}
    .bbs_con .file-box{padding:0;}
    .bbs_con .file-box ul.file-list li a{font-size:1.3rem;}
    .bbs_con .file-box ul.file-list li a:before{width:2rem; height:2rem}
    
    .bbs_con .title-box{margin-bottom:3rem;}
    
    
    /*웨비나 리스트*/
    .card-list.webinar_list>li{padding:2.4rem; }
    
   
    
}

@media screen and (max-width:560px){
    

    
    .card-list {gap:1.6rem 1.2rem;}
    .card-list>li, .des-list>li{padding: 1.6rem;}
	
	.modal-wrap .modal-dialog .modal-conts .content-info .info-box dd .info-list li dl{display:grid; gap:0.4rem; margin-bottom:1.6rem; }
    .modal-wrap .modal-dialog .modal-conts .content-info .info-box dd .info-list li dl dt{margin:0;}
    
    .modal-wrap .modal-dialog .modal-conts .form-wrap{display: grid;}
    .modal-wrap .modal-dialog .modal-conts .form-wrap.col-2 {gap:0.8rem 0;}
    .modal-wrap .modal-dialog .modal-conts .form-wrap.col-2 .form-conts {width: 100% }
    
    .recently_card>.card-list{grid-template-columns: auto;}

    /* Company profile 버튼 */
    .company-profile-open {top:19.5rem;} 
    .profile-tab-btn {min-height:22rem; width: 3rem; padding-bottom:3rem; padding-top: 2rem;}
    .company-profile-open .profile-tab-btn .tab-text {font-size: 1.6rem; padding:0 0 0.5rem 0; }
    .company-profile-open .profile-tab-btn .tab-text::after { position: absolute; bottom:1rem;left:15%;}
    
    /* Company profile 버튼 (모달창 바깥쪽)  */
    .company-profile-close {display:none;}
    .company-profile-close .profile-tab-btn.btn-help-panel { position: fixed;top:19.5rem; left:-3.2rem; }
    .company-profile-close .profile-tab-btn .tab-text {font-size: 1.6rem; padding:0 0 0.5rem 0; }
    .company-profile-close .profile-tab-btn .tab-text::after { bottom:1rem;left:15%;}  
    
    
    /*features*/
    .card-list.features_list {gap:2.4rem 0; grid-template-columns:repeat(1, 1fr); }
	.card-list.features_list>li div.card-wrap dl dt{height:auto; }
	
	/*opportunities*/
	.card-list.oppo_list {gap:2.4rem 0; grid-template-columns:repeat(1, 1fr); }
	
	
	.card-list.features_list>li.no-data{grid-column: 1 / span 1;}
	.card-list.oppo_list>li.no-data{grid-column: 1 / span 1;}
	
	
    
}
@media screen and (max-width:500px){
    .card-list{ grid-template-columns:auto; }
    
    /* 오른쪽: 회사 정보 영역 */
    .company-info-area .company-details .detail-label {font-size: 1.7rem;min-width: 14rem;}
    .company-info-area .company-details .detail-value {font-size: 1.6rem;}
    
}

@media (max-width:480px) {    
    /* 탭 네비게이션 섹션 */
    .tab-btn {padding: 1.3rem 0.3rem; font-size:1.2rem;}
    
    /* 관련 콘텐츠 섹션 */
    .company-othcontent-section .section-title {font-size:2.1rem; line-height: 1.3;}
    
    
    /*게시판 공통*/
	.sub-top-box.bbs-con-top .inner .left-box{width:100%; height:auto;}
	.sub-top-box.bbs-con-top .inner .right-box h2{font-size:1.9rem;}
	.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li{font-size:1.5rem;}
	.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.btn-line{margin:0; gap:1rem; flex-wrap:wrap;}
	.sub-top-box.bbs-con-top .inner .right-box ul.bbs-top-info li.btn-line .btn{width:100%;}
	
	.bbs_con .title-box{margin-top:0; padding-bottom:2.4rem; gap:0.4rem 0;}
	.bbs_con .title-box .cate{font-size:1.9rem;}
	.bbs_con .title-box .tit{font-size:2.4rem;}
	
	.company-info-panel .help-panel-wrap{width:80%;}
	
}

@media (max-width: 475px) {
	.modal-wrap[data-type=bottom-sheet] .modal-dialog .modal-content{padding:0.6rem 0.6rem 0 0.6rem;}
	.search-panel-modal .main-optoin>dl:first-child{width:35%;}
	.search-panel-modal .main-optoin>dl dt{font-size:1.9rem;}
	
	.tab-navigation{display:block; padding-right:1.2rem; }
	.tab-navigation:after{clear:both; width:0; height:0; content:"";}
	.search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn{display:block; float:left; width:50%; padding:0 0.6rem;
		font-size:1.7rem; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; /* display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;*/
	}
	.search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn:first-child:after{display:none; }
	.search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn.active{background:#500E6A; color:#fff; font-weight:400;}
	
	.search-panel-modal .main-optoin div.wrap-list ul li label span{font-size:1.4rem; padding:0.8rem 0 0.8rem 0.4rem; word-break:break-all;}
	.search-keyword .keyword-chip span a{font-size: 1.3rem;}
    .search-pannel-bottom .search-btn-box > button{font-size: 1.3rem;}
	
	
}

@media (max-width: 440px) {
	.search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn{width:55%; padding:0;}
	.search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn:first-child{width:45%;}
}

@media (max-width: 420px) {
    
    .krds-help-panel {width:95%;}
    .krds-help-panel.company-info-panel{width:100%}
    .company-info-panel .help-panel-wrap{width:100%;}
    
      .search-panel-modal .main-optoin{gap:0;}
    .search-panel-modal .main-optoin .tab-navigation-section .tab-navigation .tab-btn{padding:0.4rem 1rem; line-height:1.2; white-space:normal;}
    .search-panel-modal .main-optoin .tab-navigation-section .tab-content{margin-top:0;}
    .search-panel-modal .main-optoin div.wrap-list ul li{margin:0;}    
}

@media (max-width: 370px) {
	/*.search-panel-modal .main-optoin .tab-navigation-section .tab-content .tab-panel:before{content:attr(id); font-weight:700; color:#000; font-size:1.9rem;  }*/
	
	.search-panel-modal .main-optoin>dl:first-child{width:40%;}
}