/*공통*/
.em-color{color: #f44336;}
.sub-padding{padding-bottom: 60px;}
.txt-keep-all{word-break: keep-all;}
.sub-con-title{margin-bottom: 5px; padding-left: 14px; position: relative; word-break: keep-all;}
.sub-con-title:before{ content: ""; position: absolute; top: 8px; left: 0; width: 3px; height: 18px; background: #008c9a;}
.before-circle li{ padding-left: 14px; position: relative;}
.before-circle li:before{ content: ""; position: absolute; top: 9px; left: 0; width: 2px; height: 2px; border-radius: 50%; background: #888;}
.before-circle li + li{margin-top: 4px;}
.con-bg-bnt{ background: #fff; transition: 0.5s; min-width: 130px; font-weight: 400; border-color: rgba(1, 1, 1, .8); color: #008c9a; border: 1px solid #008c9a!important; padding: 0.9em 2em 0.9em; border-radius: 5px; overflow: hidden;}
.con-bg-bnt:hover { border: 1px solid #03363b!important; color: #03363b;}
.sub-content-box .sub-content-bg{position: absolute; z-index: 1; width: 100%;background: linear-gradient(166deg, #ffefe1 10%, #fffcfa 40%, #ffffff 50%); height: 600px;}
.sub-content-box .wrap{position: relative; z-index: 2;}
.br-txt br{display: none;}
.br-no-txt br{display: block;}
.keep-txt{word-break: keep-all;}
.overflow-hid{overflow: hidden;}
.color-red{ color: red;}
.color-blue{ color: #005fe0;}
.table-scroll{width: 100%; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; margin: 10px 0;}
@media (min-width: 992px) {
    .sub-padding{padding-bottom: 120px;}
    .sub-con-title{ margin-bottom: 14px; padding-left: 20px;}
    .sub-con-title:before{ content: ""; position: absolute; top: 11px; left: 0; width: 6px; height: 26px;}
    .con-bg-bnt { padding: 16px 20px; min-width: 180px; min-height: 66px;}
    .before-circle li:before{ top: 12px; left: 0; width: 3px; height: 3px;}
    .br-txt br{display: block;}
    .br-no-txt br{display: none;}
}

/* 백신제품 리스트*/
.vaccine-product-search.right-align { display: flex; justify-content: flex-end;}
.search-box { display: flex;  background-color: #ffffff; width: 100%; max-width: 100%; position: relative;}
.search-box input { flex: 1; border: none; outline: none; background: transparent; padding: 15px 40px 10px 10px; overflow: hidden; border-bottom: 2px solid rgba(1, 1, 1, 0.8); font-weight: 500; border-radius: 0;}
.search-box button { border: none; cursor: pointer; position: absolute; right: 0; top: 0; line-height: 45px; text-align: center; background: none; width: 45px;}
.search-box input::placeholder { font-weight: 500; color: #bbb;}
/* 반응형 스타일 */
@media (min-width: 768px) {
  .search-box input { padding: 10px 40px 10px 5px; border-bottom: 2px solid rgba(1, 1, 1, 0.8);}
  .search-box button { line-height: 43px;}
}

@media (min-width: 992px) {
  .search-box { max-width: 370px;}
  .search-box button {line-height: 43px;}
}

/* 백신 상단 탭 */
.vpc-tabs { display: flex; flex-wrap: nowrap; margin-bottom: 15px; font-weight: 500;}
.ezsboard5 .vpc-tab { flex: 1; text-align: center; padding: 26px 0; color: #aaa; background: #f7f7f7; border: none; cursor: pointer; white-space: nowrap; position: relative; font-weight: 500;}
.ezsboard5 .vpc-tab[data-tab="pps"] {background-color: #efefef;}
.ezsboard5 .vpc-tab[data-tab="pps"]:before{content: none;}
.ezsboard5 .vpc-tab[data-tab="pps"].active{border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; background: #fff; color: #aaa;}
.vpc-tab.active { border-top: 1px solid #008c9a; border-left: 1px solid #008c9a; border-right: 1px solid #008c9a; background: linear-gradient(to bottom, #fff 0%, #fff 60%, rgba(255, 255, 255, 0) 100%); color: #008c9a;}
.vpc-tab:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background: #ccc;}
.vpc-tabs .vpc-tab:first-child:before,
.vpc-tab.active:before,
.vpc-tabs .vpc-tab.active + .vpc-tab:before { content: none;}
.vpc-tabs-select { display: none; margin-bottom: 15px;}
#vpcTabSelect { width: 100%; padding: 10px 12px; font-size: 16px; border-radius: 8px; border: 1px solid #ccc; background: #fff;}
.vpc-tabs-select{ position: relative;}
.vpc-tabs-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 12px 40px 12px 16px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px;}
.vpc-tabs-select::after { content: "\f107"; font-family: "FontAwesome"; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 16px; color: #777; pointer-events: none;}
@media screen and (max-width: 768px) {
  .vpc-tabs { display: none; }
  .vpc-tabs-select { display: block; }

}

/* 백신 동물 체크 박스 */
.vaccine-product-con { margin-top: 20px; }
.vpc-animals-wrap { margin: 20px 0; overflow: hidden; }
.vpc-animals-group { display: flex; flex-wrap: wrap; gap: 0; }
.vpc-animals-group input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; }
.vpc-animals-group label { /*flex: 1 1 25%;*/ min-width:33.33%; padding: 10px; cursor: pointer; font-weight: 400; text-align: center; box-sizing: border-box; color: #aaa; margin: 0; }
.vpc-animals-group label.active { color: #444; font-weight: 500;}
.vpc-animals-group label .vpc-animals-ck-img { width: 50px; height: 50px; margin: 0 auto; background-repeat: no-repeat; transition: 0.5s; background-position: 0 0; background-size: 50px; }
.vpc-animals-group label.active .vpc-animals-ck-img { background-position: 0px -50px; background-size: 50px; }
.vpc-animals-group label:nth-child(1) .vpc-animals-ck-img { background: url(../images/content/product-livestock-icon-00.png); background-size: 50px; }
.vpc-animals-group label:nth-child(1).active .vpc-animals-ck-img {background-position: 0px -50px; background-size: 50px; }
.vpc-animals-group label[data-animal="pig"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-01.png); }
.vpc-animals-group label[data-animal="chicken"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-02.png); }
.vpc-animals-group label[data-animal="duck"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-03.png); }
.vpc-animals-group label[data-animal="cow"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-04.png); }
.vpc-animals-group label[data-animal="rabbit"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-05.png); }
.vpc-animals-group label[data-animal="fish"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-06.png); }
.vpc-animals-group label[data-animal="dog"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-07.png); }
.vpc-animals-group label[data-animal="cat"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-08.png); }
.vpc-animals-group label[data-animal="boar"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-09.png); }
.vpc-animals-group label[data-animal="raccoon"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-10.png); }
.vpc-animals-group label[data-animal="goat"] .vpc-animals-ck-img { background-image: url(../images/content/product-livestock-icon-11.png); }
.ezsboard5 .vpc-reset-btn { background-color: transparent; border: 1px solid #ccc; border-radius: 60px; padding: 10px 20px; cursor: pointer; color: #aaa; margin-top: 20px; float: right; font-weight: 400; transition: 0.5s; }
.ezsboard5 .vpc-reset-btn .Initialization-icon { display: inline-block; margin-right: 5px; }
.ezsboard5 .vpc-reset-btn .Initialization-icon img { max-width: 15px; }

@media (min-width: 768px) {
  .vpc-animals-group label { flex: 1 1 25%; min-width: 20%; padding: 20px; }
  .vpc-animals-group label .vpc-animals-ck-img { width: 100px; height: 100px; background-size: 100px; }
  .vpc-animals-group label.active .vpc-animals-ck-img { background-position: 0px -100px; background-size: 100px; }
  .vpc-animals-group label:nth-child(1) .vpc-animals-ck-img { background-size: 100px; }
  .vpc-animals-group label:nth-child(1).active .vpc-animals-ck-img { background-size: 100px; background-position: 0px -100px;}
  .ezsboard5 .vpc-reset-btn .Initialization-icon { margin-right: 10px; }
  .ezsboard5 .vpc-reset-btn .Initialization-icon img { max-width: 20px; }
  .ezsboard5 .vpc-reset-btn { font-size: 14px; }
}

@media (min-width: 992px) {
  .vaccine-product-con { margin-top: 50px; }
  .vpc-animals-wrap { margin: 20px 0; }
}

@media (min-width: 1400px) {
  .vpc-animals-group { display: flex; flex-wrap: wrap; gap: 0; justify-content: flex-start;}
  .vpc-animals-group label {
    flex: 1 1 20%;
    min-width: 142px;
    max-width: 11.1%; /*제품갯수에 맞춰서 조절*/
    padding: 20px;
  }
}


/* 백신 제품리스트 */
.vpc-list{margin: 0 -10px; font-size: 0;}
.vpc-list .vpc-card{width: 100%;}
.vpc-list .vpc-card .vpc-card-lnk{background: #f7f7f7; border: 2px solid #f7f7f7; border-radius: 5px; padding: 40px 20px; margin: 10px; display: block; transition: 0.5s;}
.vpc-list .vpc-card .vpc-card-lnk:hover{border: 2px solid #3a3a3a;}
.vpc-list .vpc-card .vpc-card-lnk .vpc-card-left{display: inline-block; vertical-align: middle; width: 120px; height: 140px; text-align: center; line-height: 140px; }
.vpc-list .vpc-card .vpc-card-lnk .vpc-card-left img{max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; transition: transform 0.3s ease; vertical-align: middle;}
.vpc-list .vpc-card .vpc-card-lnk .vpc-card-right{width: calc(100% - 120px - 14px); margin-left: 10px; display: inline-block; vertical-align: middle;}
.vpc-list .vpc-card .vpc-card-lnk .vpc-card-right .shot-txt{margin-bottom: 10px; color: #a8a8a8;}
.vpc-list .vpc-card .vpc-card-lnk .vpc-card-right .title{font-weight: 600; transition: 0.5s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.vpc-list .vpc-card .vpc-card-lnk .vpc-card-right .desc{font-weight: 300; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;     word-break: keep-all;}
.vpc-card-no .exclamation-mark-icon{max-width: 80px; margin: 0 auto;}
@media (min-width: 768px) {
    .vpc-list .vpc-card{width: calc(100% / 2 - 4px);}
}
@media (min-width: 992px) {
    .vpc-list .vpc-card .vpc-card-lnk .vpc-card-left{ width: 180px; height: 200px; line-height: 200px; }
    .vpc-list .vpc-card .vpc-card-lnk .vpc-card-right{width: calc(100% - 180px - 14px);}
    .vpc-card-no .exclamation-mark-icon{max-width: 100%;}
}
@media (min-width: 1440px) {
    .vpc-list .vpc-card{width: calc(100% / 3 - 4px);}
}

/* 백신 제품 뷰 */
.product-view-con{ overflow: hidden;}
.product-view-con .product-view-top{font-size: 0; position: relative;}
.product-view-con .product-view-top .view-livestock{position: absolute; right: 0; bottom:0; opacity: 0.5;}
.product-view-con .product-view-top .view-livestock img{max-width: 110px;}
.product-view-con .product-view-top .product-view-left{background: #f7f7f7; border-radius: 5px; padding: 30px; text-align: center;}
.product-view-con .product-view-top .product-view-left span{display: block; width: 300px; height: 210px; line-height: 210px; margin: 0 auto;}
.product-view-con .product-view-top .product-view-left span img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; vertical-align: middle;}
.product-view-con .product-view-top .product-view-right{margin-top: 20px;}
.product-view-con .product-view-top .product-view-right .product-view-txt{position: relative; z-index: 1; word-break: keep-all;}
.product-view-con .product-view-top .product-view-right .view-shot-box { display: flex; justify-content: space-between; align-items: center; width: 100%;}
.product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a{ font-weight: 600; color: #a8a8a8; padding-right: 35px; position: relative; display: block; transition: 0.5s; }
.product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a:before{content: ""; position: absolute; right: 0; top: 50%; transform: translate(0%, -50%); width: 25px; height: 25px; border-radius: 50%; background: #ddd;}
.product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a:after{ content: ""; position: absolute; right: 11px; top: 6px; width: 7px; height: 7px; border-color: #fff; border-top: 1px solid #a5a5a5; border-left: 1px solid #a5a5a5; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a:hover{color: #3a3a3a;}
.product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a:hover:before{background: #3a3a3a;}
.product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a:hover:after{border-color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.product-view-con .product-view-top .product-view-right .view-shot-box .shot-txt {color: #a8a8a8; border: 1px solid #aaa; border-radius: 5px; padding: 0px 10px;}
.product-view-con .product-view-top .product-view-right .title { font-weight: 600;}
.product-view-con .product-view-top .product-view-right .desc { font-weight: 500; color: #999;}
.product-view-con  .identification-number{font-weight: 500; margin-bottom: 20px; text-align: right;}
.product-view-con  .identification-number span{display: inline-block; background: #008c9a; padding: 6px 20px; border-radius: 5px; color: #fff; margin-right: 10px; font-weight: 400;}
.product-view-con .product-view-top {padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #dfdfdf;}
.detailed-page-image{max-width: 1000px; margin: 0 auto;}
.border-btn{ background: #fff; transition: 0.5s; min-width: 130px; font-weight: 400; border-color: rgba(1, 1, 1, .8); color: #008c9a; border: 1px solid #008c9a !important; padding: 0.9em 3em 1.05em; border-radius: 5px; overflow: hidden;}
.border-btn:hover { border: 1px solid #03363b!important; color: #03363b;}
.product-description-box dl {overflow: hidden;}
.product-description-box dl dd{margin-top: 2px;}
/* 제품 뷰 색상 */
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="x-series"] .view-shot-box .shot-txt{color: #e3007f; border: 1px solid #e3007f;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="x-series"] .product-description-box .product-description-title{color: #e3007f;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="pig"] .view-shot-box .shot-txt{color: #ce121b; border: 1px solid #ce121b;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="pig"] .product-description-box .product-description-title{color: #ce121b;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="chicken"] .view-shot-box .shot-txt{color: #00508c; border: 1px solid #00508c;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="chicken"] .product-description-box .product-description-title{color: #00508c;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="duck"] .view-shot-box .shot-txt{color: #00508c; border: 1px solid #00508c;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="duck"] .product-description-box .product-description-title{color: #00508c;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="cow"] .view-shot-box .shot-txt{color: #4d7b2d; border: 1px solid #4d7b2d;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="cow"] .product-description-box .product-description-title{color: #4d7b2d;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="rabbit"] .view-shot-box .shot-txt{color: #80766f; border: 1px solid #80766f;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="rabbit"] .product-description-box .product-description-title{color: #80766f;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="fish"] .view-shot-box .shot-txt{color: #00a1d9; border: 1px solid #00a1d9;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="fish"] .product-description-box .product-description-title{color: #00a1d9;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="dog"] .view-shot-box .shot-txt{color: #671c7a; border: 1px solid #671c7a;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="dog"] .product-description-box .product-description-title{color: #671c7a;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="cat"] .view-shot-box .shot-txt{color: #ed7000; border: 1px solid #ed7000;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="cat"] .product-description-box .product-description-title{color: #ed7000;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="cat"] .view-shot-box .shot-txt{color: #ce121b; border: 1px solid #ce121b;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="cat"] .product-description-box .product-description-title{color: #ce121b;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="raccoon"] .view-shot-box .shot-txt{color: #671c7a; border: 1px solid #671c7a;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="raccoon"] .product-description-box .product-description-title{color: #671c7a;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="goat"] .view-shot-box .shot-txt{color: #4d7b2d; border: 1px solid #4d7b2d;}
.product-view-con .product-view-top .product-view-right .product-view-txt[data-animal="goat"] .product-description-box .product-description-title{color: #4d7b2d;}

.product-view-con .product-description-txt {  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.6em; max-height: calc(1.6em * 3); transition: all 0.3s ease;}
.product-view-con .product-description-txt.expanded { -webkit-line-clamp: unset; max-height: none;}
.product-view-con .pd-more-btn-box{ width: 100%; padding: 6px 10px; float: right; margin-top: 6px; text-align: center;}
.product-view-con .pd-more-btn {cursor: pointer; color:#a8a8a8; transition: 0.5s;}
.product-view-con .pd-more-btn:hover{ color: #3a3a3a;}
.product-view-con .pd-more-btn-box .more-arrows{position: relative; display: inline-block; margin-right: 15px;}
.product-view-con .pd-more-btn-box .more-arrows:before{ content: ""; position: absolute; right: -15px; top: 6px; width: 6px; height: 6px; border-top: 1px solid #a5a5a5; border-left: 1px solid #a5a5a5;
    -webkit-transform: rotate(224deg);
    -moz-transform: rotate(224deg);
    -ms-transform: rotate(224deg);
    -o-transform: rotate(224deg);
    transform: rotate(224deg);
    transition: 0.5s;
}
.product-view-con .pd-more-btn:hover .more-arrows:before{border-top: 2px solid #3a3a3a; border-left: 2px solid #3a3a3a; transition: 0.5s;}

@media (min-width: 992px) {
    .product-view-con .product-view-top .product-view-right .view-shot-box{margin-top: 20px;}
    .product-view-con .product-view-top .product-view-left{width: calc(40%); display: inline-block; border-radius: 5px; padding: 40px; height: 350px; vertical-align: top;}
    .product-view-con .product-view-top .product-view-left .product-view-img{height: 100%; display: flex; justify-content: center; align-items: center;}
    .product-view-con .product-view-top .product-view-right{width: calc(60% - 44px); margin-left: 40px; display: inline-block; vertical-align: top; margin-top: 0;}
    .product-view-con  .identification-number{ margin-bottom: 30px;}
    .product-view-con .product-view-top .view-livestock img{max-width: 100%;}
    .product-view-con .product-view-top .product-view-left span{display: block; width: 400px; height: 300px; line-height: 300px; margin: 0 auto;}
    .border-btn{padding: 16px 20px; min-height: 66px; min-width: 180px;}
    .border-btn span{ width: 16px; height: 2px; margin: 0 10px 4px 0;}
    .border-btn span:before{width: 16px; height: 2px; top: -6px;}
    .border-btn span:after{width: 16px; height: 2px; top: 6px;}
    .product-description-box dl dt{width: calc(25% - 20px); margin-right: 20px; display: inline-block; vertical-align: top;}
    .product-description-box dl dd{width: calc(75% - 6px); display: inline-block; word-break: keep-all; vertical-align: top; margin-top: 0;}
    .product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a{ padding-right: 45px;}
    .product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a:before{width: 35px; height: 35px;}
    .product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a:after{ position: absolute; right: 15px; top: 10px; width: 9px; height: 9px; border-top: 2px solid #a5a5a5; border-left: 2px solid #a5a5a5; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
    .product-view-con .product-view-top .product-view-right .view-shot-box .sample-application-txt a:hover:after{border-color: #fff; border-top: 2px solid #fff; border-left: 2px solid #fff;}
    .product-view-con .pd-more-btn-box{ width: calc(85% - 5px);}
    .product-view-con .pd-more-btn {width: auto;}
    .product-view-con .pd-more-btn-box .more-arrows{ margin-right: 20px;}
    .product-view-con .pd-more-btn-box .more-arrows:before{ content: ""; position: absolute; right: -20px; top: 9px; width: 9px; height: 9px; border-top: 2px solid #a5a5a5; border-left: 2px solid #a5a5a5;}
    .product-view-con .pd-more-btn:hover .more-arrows:before{border-top: 2px solid #3a3a3a; border-left: 2px solid #3a3a3a;}
}

/* 제품상세정보*/
.detailed-page-box .product-bottom-details + .product-bottom-details{margin-top: 20px;}
.detailed-page-box .product-bottom-details .pbd-title:before {content: ""; position: absolute; top:5px; left: 0; width:3px; height: 12px; background: #a8a8a8;}
.detailed-page-box .product-bottom-details .pbd-title{position: relative; padding-left: 10px;}
.detailed-page-box .product-bottom-details .pbd-txt{ word-break: keep-all; margin-top: 2px;}
@media (min-width: 992px) {
    .detailed-page-box .product-bottom-details + .product-bottom-details{margin-top: 60px;}
    .detailed-page-box .product-bottom-details .pbd-title:before {content: ""; position: absolute; top:8px; left: 0; width:4px; height: 16px;}
    .detailed-page-box .product-bottom-details .pbd-title{width: 20%; display: inline-block; vertical-align: top; position: relative; padding-left: 16px;}
    .detailed-page-box .product-bottom-details .pbd-txt{width: calc(80% - 6px); display: inline-block; vertical-align: top; margin-top: 0;}
}

/* 연혁 */
.history-box .year-menu {display: none;}
.history-box .year-menu ul { list-style: none; padding: 0; margin: 0;}
.history-box .year-menu li { margin: 30px 0; cursor: pointer; font-weight: 600; color: #aaa;}
.history-box .year-menu li.active { color: #008c9a;}
.history-box .year-menu li.visited { color: #008c9a;}
.history-box .timeline { position: relative; padding-left: 20px;}
.history-box .timeline::before { content: ''; position: absolute; top: 14px; bottom: 14px; left: -1px; width: 2px; background-color: #eee; z-index: 0;}
.history-box .timeline-progress { position: absolute; top: 14px; left: -1px; width: 2px; background-color: #008c9a; border-radius: 10px; z-index: 1; transition: height 0.6s ease-in-out; opacity: 0;}
.history-box .timeline-item { position: relative; padding-left: 40px; z-index: 1;}
.history-box .timeline-item::before {content: ''; position: absolute; left: -7px; top: 14px; width: 14px; height: 14px; border-radius: 50%; transition: border-color 0.3s ease, background-color 0.3s
ease; background: #aaa; overflow: hidden;}
.history-box .timeline-item.active { color: #008c9a;}
.history-box .timeline-item.active::before { border-color: #008c9a; background-color:#008c9a;}
.history-box .content {padding: 20px 0; overflow: hidden;}
.history-box .year-title { margin-bottom: 10px;}
.timeline-item.visited::before { background-color: #008c9a; border-color: #008c9a;}
.year-section .history-list + .history-list {padding-top: 10px; margin-top: 10px;}
.year-section .history-list .year-title{width: 80px; display: inline-block;}
.year-section .history-list .history-detail{width: calc(100% - 105px); margin-left: 20px; display: inline-block; vertical-align: top; margin-top: 8px;}
.year-section .history-list .history-detail .entry:before{ content: "";  width: 4px; height: 4px; background: #999; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.year-section .history-list .history-detail .entry .month{ display: inline-block; background: #eff6ff; padding: 4px 12px; border-radius: 10px; margin-right: 15px; color: #008c9a; font-weight: 700;}
.year-section .history-list .history-detail .entry .month-history{word-break: keep-all; margin-top: 10px;}
.year-section .history-list .history-detail .entry .month-history li + li{ padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ddd;}
.year-section .history-list .history-detail .entry{font-weight: 500; position: relative; padding-left: 15px;}
.year-section .history-list .history-detail .entry:first-child{margin-top: 0px;}
.year-section .history-list .history-detail .entry + .entry{margin-top: 15px;}
.year-section + .year-section{padding-top: 10px; margin-top: 10px;}
@media (min-width: 768px) {
    .year-section .history-list .year-title{width: 150px;}
    .year-section .history-list .history-detail{width: calc(100% - 176px); margin-left: 20px;}
}
@media (min-width: 992px) {
    .year-section{ min-height: 500px;}
    .year-section + .year-section{padding-top: 40px; margin-top: 40px;}
    .history-box .content { padding: 42px 0;}
    .history-box .year-menu {width: 22%; padding: 20px; position: sticky; top: 150px; display: inline-block;}
    .history-box .content {width: calc(100% - 22% - 10px); display: inline-block; vertical-align: top;}
    .year-section .history-list + .history-list {padding-top: 30px; margin-top: 30px;}
    .year-section .history-list .history-detail {margin-top: 0;}
    .year-section .history-list .history-detail .entry{padding-left: 25px;}
    .year-section .history-list .history-detail .entry .month-history{  margin-top: 5px; display: inline-block; width: calc(100% - 90px); vertical-align: top;}
    .year-section .history-list .history-detail .entry:first-child{margin-top: 13px;}
    .year-section .history-list .history-detail .entry:before{width: 6px; height: 6px; top: 14px;}
    .history-box .year-section[data-year="1991"]{min-height: auto;}
    .history-box .year-section[data-year="1968"]{min-height: auto;}
    .history-box .year-section:first-child{min-height: auto;}
}

/*탭*/
.tabmenuBox .list-inline-box{display: flex; flex-wrap: nowrap; margin-bottom: 15px; font-weight: 500;}
.tabmenuBox .list-inline-box .list-inline-item { flex: 1; text-align: center; white-space: nowrap; position: relative;}
.tabmenuBox .list-inline-box .list-inline-item .tab-item{    display: block; padding: 16px 0; text-align: center; color: #aaa; background: #f7f7f7; border: none; cursor: pointer;  white-space: nowrap;
 position: relative; font-weight: 500;}
.tabmenuBox .list-inline-box .list-inline-item.on .tab-item{border-top: 1px solid #008c9a; border-left: 1px solid #008c9a; border-right: 1px solid #008c9a; background: #fff; color: #008c9a;}
.tabmenuBox .list-inline-box .list-inline-item .tab-item:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background: #ccc;}
.tabmenuBox .list-inline-box .list-inline-item:first-child .tab-item:before,
.tabmenuBox .list-inline-box .list-inline-item.on + .list-inline-item .tab-item:before { content: none;}
.tabmenuBox .list-inline-box .list-inline-item.on .tab-item:before{ content: none;}
@media (min-width: 992px) {
    .tabmenuBox .list-inline-box .list-inline-item .tab-item{padding: 26px 0;}
}


/*스크롤시 이미지 커지게*/
.top-bg-box .sub-top-video{ position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%;}
.spreadImageBox {box-sizing:inherit !important; -webkit-box-sizing:inherit !important; position:relative; height:410px}
.spreadImageBox .spreadImage.typeEdgeL {display:block;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;transition:width .9s ease}
.spreadImageBox .spreadImage.typeEdgeL img {display:block;position:absolute;left:0;top:0; max-width:inherit}
.spreadImageBox .spreadImage.typeEdgeR {display:block;position:absolute;width:100%;height:100%;right:0;top:0;overflow:hidden;transition:width .9s ease;}
.spreadImageBox .spreadImage.typeEdgeR img {display:block;position:absolute;right:0;top:0; max-width:inherit}
.spreadImageBox .spreadImage.typeFull {display:block;position:absolute; width:1290px;height:100%;left:50%;transform:translateX(-50%);top:0;overflow:hidden;transition:width .9s ease;}
.spreadImageBox .spreadImage.typeFull:before{content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
.spreadImageBox .spreadImage.typeFull img {display:block;position:absolute;left:50%;top:0;margin:0 0 0 -1000px; max-width:inherit; filter: grayscale(0%);}

@media all and (max-width:999px) {
   .spreadImageBox {height:415px}
   .spreadImageBox .spreadImage.typeFull {width:1120px}
}
@media all and (max-width:799px) {
   .spreadImageBox {min-height:250px; max-height:100%; height:100%;}
   .spreadImageBox .spreadImage.typeFull {width:100% !important}
   .spreadImageBox .spreadImage.typeEdgeR {position:unset;}
   .spreadImageBox .spreadImage.typeEdgeR img {display:block;position:absolute;left:0;top:0; max-width:100%}
   .spreadImageBox .spreadImage.typeEdgeL {position:unset;}
   .spreadImageBox .spreadImage.typeEdgeL img {display:block;position:absolute;left:0;top:0; max-width:100%}
   .spreadImageBox .spreadImage.typeFull img{display: block; position: absolute; top: 50%;left: 50%; width: 100%;  height: 250px; transform: translate(-50%, -50%); object-fit: cover;max-width: 100%; filter: grayscale(0%); margin: inherit;}
}

/*윤리경영*/
.spread-box{ font-size: 26px; background: #fff; padding: 20px; position: relative; z-index: 1; max-width: 100%; margin: 0px auto; line-height: inherit; overflow: hidden;}
.top-bg-box{margin: 40px 0 0 0; position: relative;}
.top-bg-box-txt{position: absolute; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; color: #fff; padding: 20px; word-break: keep-all; z-index: 2;}
.top-bg-box-txt .op-bg-box-title{font-size: 30px; padding-bottom: 20px; margin-bottom: 30px; position: relative;}
.top-bg-box-txt .op-bg-box-title:before{content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); width: 40px; height: 1px; background: #fff;}
.top-bg-box-txt .top-bg-box-stxt br{display: none;}
.left-title-layout .ltl-right-txt{margin-top: 20px; text-align: center; word-break: keep-all; color: #777;}
.left-title-layout .ltl-right-txt br{display: none;}
@media (min-width: 768px) {
    .spread-box{ font-size: 30px; padding: 30px;}
    .top-bg-box-txt .top-bg-box-stxt br{display: block;}
    .left-title-layout .ltl-title{display: inline-block; width: 35%; word-break: keep-all;}
    .left-title-layout .ltl-right-txt{display: inline-block; width: calc(65% - 25px); margin-left: 20px; margin-top: 0; vertical-align: top;text-align: left;}
    .left-title-layout .ltl-right-txt br{display: block;}
}
@media (min-width: 992px) {
    .top-bg-box-txt .op-bg-box-title{font-size: 45px;}
    .top-bg-box-txt{top: calc(50% - 20px);}
    .top-fff-box{padding: 60px 30px; margin: -100px 0 40px 0;}
}
@media (min-width: 1240px) {
    .spread-box{ font-size: 50px; padding: 60px 40px; max-width: 1440px; margin: -100px auto 0;}
}

/*윤리강령*/
.ethics-code-section  ul{color: #777;}
.ethics-code-section .ethics-code-con + .ethics-code-con{margin-top: 30px;}
.ethics-code-section .ethics-code-more { max-height: 0; overflow: hidden; transition: max-height 1.5s ease;}
.ethics-code-more.open { max-height: 5000px; /*큰값으로 예비 씀*/}
.ethics-code-section .before-number li{position: relative; padding: 0 0 0 24px;}
.ethics-code-section .before-number li + li{margin-top: 5px;}
.ethics-code-section .before-number li:nth-child(1)::before{position:absolute;left:0;content:'①';}
.ethics-code-section .before-number li:nth-child(2)::before{position:absolute;left:0;content:'②';}
.ethics-code-section .before-number li:nth-child(3)::before{position:absolute;left:0;content:'③';}
.ethics-code-section .before-number li:nth-child(4)::before{position:absolute;left:0;content:'④';}
.ethics-code-section .before-number li:nth-child(5)::before{position:absolute;left:0;content:'⑤';}
.ethics-code-section .before-number li:nth-child(6)::before{position:absolute;left:0;content:'⑥';}
@media (min-width: 992px) {
    .ethics-code-section .ethics-code-con + .ethics-code-con{margin-top: 60px;}
}

/*사이버 신고*/
.basicSet .red-bg-box{ background: #ffefef; padding: 30px !important; border-radius: 5px; color: #ee6868; text-align: center;}
.four-ul{font-size: 0; margin: 0 -10px!important;}
.four-ul li{display: inline-block; width: calc(100% / 5 - 20px); margin: 0 10px;}
.cyber-report-page{overflow: hidden;}
.cyber-report-page .sub-con-title:before{top: 1px;}
.cyber-report-page .more-content { transition: all 0.3s ease;}
.cyber-report-page .privacy-policy-box{ border: 1px solid #d7dde3; padding: 10px;border-radius: 5px; overflow: hidden;}
.cyber-report-page .privacy-policy-box .report-txt{overflow-x: hidden;  height: 200px;}
.cyber-report-page .privacy-policy-box .report-txt .service_agree { width: calc(100% - 10px); word-break: keep-all;}
.basicSet .cyber-report-page .privacy-policy-box dl{margin-top: 20px!important;}
.form-table .select-div{display: inline-block; position: relative; flex: 1; width: 80px;}
.form-table .select-div select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-table .select-div::after { content: "\f107"; font-family: "FontAwesome"; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 16px; color: #777; pointer-events: none;}
@media (min-width: 992px) {
    .cyber-report-page .privacy-policy-box{padding: 40px;}
    .basicSet .cyber-report-page .privacy-policy-box dl{margin-top: 40px!important;}
    .form-table .select-div{ min-width: 100px;}
}


/* 체크박스*/
.custom-checkbox { display: inline-flex; align-items: center; cursor: pointer; color: #333; gap: 10px; user-select: none;}
.custom-checkbox input[type="checkbox"] { display: none;}
.custom-checkbox .box { width: 24px; height: 24px; background: #ddd; border-radius: 4px; position: relative; transition: all 0.2s;}
.custom-checkbox input[type="checkbox"]:checked + .box { background: #222; border-color: #222;}
.custom-checkbox input[type="checkbox"] + .box::after { content: ""; position: absolute; left: 9px; top: 4px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}

/* 제보방법*/
.cyber-report-con .contact-boxes { display: flex; justify-content: space-between; gap: 0px; margin-top: 20px;flex-wrap: wrap; border: 1px solid #d7dde3; border-radius: 5px; }
.cyber-report-con .contact-box { flex: 1 1 calc(33.333% - 11px);  display: flex; align-items: center; padding: 10px 10px; box-sizing: border-box; min-width: 200px; color: #777;}
.cyber-report-con .contact-box .icon { width: 30px; height: 30px; border-radius: 50%; background: #ccc; display: flex; align-items: center; justify-content: center; margin-right: 12px; color: #fff;}
@media (min-width: 992px) {
    .cyber-report-con .contact-boxes{ gap: 16px;}
    .cyber-report-con .contact-box {padding: 20px;}
    .cyber-report-con .contact-box .icon { width: 40px; height: 40px;}
}
/* 폼 */
.form-table { width: 100%; border-top: 2px solid #222; border-collapse: collapse; margin-bottom: 30px;}
.form-table th,
.form-table td { border-bottom: 1px solid #ddd; padding: 16px 20px; vertical-align: top;}
.form-table th { background: #f9f9f9; text-align: left; width: 170px; font-weight: 400; }
.form-table input[type="text"], .form-table select, .form-table textarea { width: 100%; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #ccc; border-radius: 5px; }
.form-table input[type="text"], .form-table select { height: 50px; padding: 8px 10px; }
.form-table textarea { height: 180px; resize: vertical; }
.form-note { color: #777; margin-top: 8px; line-height: 1.5; }
.form-required::after { content: " *"; color: red; }
.form-inline { display: flex; gap: 6px; align-items: center; width: 100%; }
.form-inline.form-inline-email { max-width: 800px; }
.form-inline.form-inline-phone { max-width: 600px; }
.form-inline input[type="text"], .form-inline select { height: 50px; padding: 8px 10px; border: 1px solid #ccc; border-radius: 5px; background: #fff; box-sizing: border-box; }
.form-inline input[name="email_id"] { flex: 1; }
.form-inline input[name="email_domain"] { flex: 1; }
.form-inline select[name="email_select"] { flex: 1; min-width: 100px; }
.form-inline span { flex: 0 0 auto; }
.form-inline select[name="phone1"] { flex: 1; min-width: 80px; }
.form-inline input[name="phone2"], .form-inline input[name="phone3"] { flex: 1; }
.form-inline.form-inline-phone select{padding-right: 27px;}
@media (max-width: 992px) {
    .form-inline {flex-direction: column; align-items: stretch;}
    .form-inline.form-inline-email{max-width: 100%; display: inline-block;}
    .form-inline.form-inline-email input{ width: 40%!important; display: inline-block;}
    .form-inline.form-inline-email span{ width: 10%!important; display: inline-block; text-align: center;}
    .form-inline.form-inline-email select{margin-top: 5px;}
    .form-inline.form-inline-phone{max-width: 100%; display: inline-block;}
    .form-inline.form-inline-phone input{width: 26%!important; display: inline-block;}
    .form-inline.form-inline-phone select{width: 100%!important; display: inline-block; padding-right: 40px;}
    .form-table th{width: 85px;}
    .form-table input[type="text"], .form-table select {height: 40px;}
    .form-inline input[type="text"], .form-inline select {height: 40px;}
    .form-table th, .form-table td{padding: 10px;}
}

/* 파일 업로드 */
.file-input-wrap { display: flex; align-items: center; gap: 10px; color: #777;}
.custom-file-input { display: none;}
.custom-file-label { display: inline-block; background: #fff; padding: 8px 16px; border-radius: 4px; cursor: pointer; border: 1px solid #008c9a; color: #008c9a; font-weight: 500;}
#file-name { margin-left: 12px;}
.visually-hidden { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

/* 공시정보*/
.ifContent {position:relative; width:100%; height:100%;}
.iframBox {overflow-x:auto; padding:20px; width:780px; max-width:100%; margin:auto}
.ifContent .iframeWrap {margin:0 auto; text-align:center; box-shadow:none; padding:0}
.ifContent .iframeWrap > iframe {margin:0 auto; width:720px; min-height:700px; height:100%}

/*재무정보*/
.financial {overflow: hidden;}
.financial .list-inline-item {width:100%; }
.financial .total-col td {font-weight:500; }
@media (min-width: 992px) {
}

/* 주식정보 */
.stock-container { display: flex; flex-direction: row; gap: 40px; box-sizing: border-box; width: 100%; flex-wrap: wrap; overflow: hidden;}
.stock-container .box-bg { background: #fff; padding: 20px;}
.stock-container .stock-title-box {padding: 0; border-radius: 0; background: none; margin-bottom: 0;}
.stock-container .stock-title-area { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; margin-bottom:0px; border-top: 2px solid #222;}
.stock-container .stock-title-area .stock-title { font-weight: 400; margin: 0; color: #222;}
.stock-container .stock-title-area .stock-price { font-weight: 400; color: #222; text-align: right; margin: 0;}
.stock-container .stock-title-area .stock-price .up { color: red; margin-left: 5px;}
.stock-container .stock-title-area .stock-price .down { color: #005fe0; margin-left: 5px;}
.stock-container .stock-title-area .stock-price .gray { margin-left: 5px; vertical-align: middle; color: #3a3a3a;}
.stock-container .stock-info-box { width: 100%; border-top: 2px solid #222; display: flex; flex-direction: column; margin: 0; padding: 0;}
.stock-container .stock-left .stock-info-box{border-top: 1px solid #ddd;}
.stock-container .stock-row { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd;}
.stock-container .stock-label { width: 25%; background: #f7f7f7; text-align: center; padding: 25px 15px; font-weight: 400; box-sizing: border-box; border-right: 1px solid #ddd; border-bottom: none;}
.stock-container .stock-value { width: 25%; padding: 25px 15px; text-align: right; font-weight: 400; box-sizing: border-box; border-right: 1px solid #ddd; border-bottom: none;}
.stock-container .stock-value:last-child { border-right: none;}
.stock-container .stock-row.last-row { border-bottom: 1px solid #ddd;}
.stock-container .stock-value.up { color: red;}
.stock-container .stock-value.down { color: #005fe0;}
.stock-container .stock-left { width: 100%;}
.stock-container .stock-right { width: 100%;}

@media (min-width: 1200px) {
  .stock-container .stock-left {flex: 1; max-width: 100%;}
  .stock-container .stock-right {flex: 1; max-width: 100%;}
  .stock-container .stock-title-box { padding: 0;}
  .stock-container .stock-title-area{ padding: 40px 0; margin-bottom: 5px;}
}

@media (max-width: 768px) {
  .stock-container .stock-container { flex-direction: column; gap: 20px;}
  .stock-container .stock-row { border-bottom: 0px solid #ddd;}
  .stock-container .stock-label,
  .stock-container .stock-value { width: 50%; text-align: left; padding: 15px; border-right: none; border-top: 1px solid #ddd;}
  .stock-container .stock-label{text-align: center;}
  .stock-container .stock-value{text-align: right;}
  .stock-container .stock-left .stock-info-box{border-top: 0px solid #ddd; border-bottom: 1px solid #ddd;}
}

/* 고객지원 문의하기 */
.contact-section{border-top: 2px solid #3A3A3A;}
.contact-section .contact-card{padding: 30px 0px 32px;}
.contact-section .contact-card + .contact-card {border-top: 1px solid #ddd;}
.contact-card-con .contact-card-right{ margin-top: 10px;}
.contact-card-con .contact-card-right .time i{margin-right: 4px; color: #bbb;}
@media (min-width: 768px) {
    .contact-section .contact-card{padding: 40px 0 44px;}
    .contact-card-con .contact-card-left{width: 30%; display: inline-block;}
    .contact-card-con .contact-card-right{width: calc(70% - 24px); display: inline-block; vertical-align: top; margin-top: 3px;}
}
@media (min-width: 1280px) {
    .contact-section .contact-card{padding: 60px 0px 64px;}
    .contact-card-con .contact-card-left{width: 29%;}
    .contact-card-con .contact-card-right{width: calc(71% - 24px); margin-top: 4px;}

}

/* 공지사항 */
.notice-con .notice-list { width: 100%; display: flex; flex-direction: column; border-top: 1px solid #ddd;}
.notice-con .notice-item {text-decoration: none; color: #111; border-bottom: 1px solid #ddd; padding: 20px 0px; transition: background-color 0.2s;}
.notice-con .notice-tag { color: #008c9a; font-weight: 600; margin-bottom: 10px;}
.notice-con .notice-content { max-width: 100%;}
.notice-content-top { display: flex; align-items: center;}
.notice-con .notice-title { display: flex; align-items: center; overflow: hidden; gap: 6px;}
.notice-con .notice-title .title-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0;}
.notice-con .notice-title .clip-icon{display: none;}
.notice-con .clip-con .notice-title .clip-icon,
.notice-con .notice-title .on-notice-new .notice-new { flex-shrink: 0; display: inline-flex; align-items: center; vertical-align: middle;}
.notice-con .notice-title  .clip-icon img { max-width: 16px; display: block;}
.notice-con .notice-title { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #3a3a3a;}
.notice-con .notice-new { background-color: #f5821f; color: #fff; padding: 6px 6px; border-radius: 3px; flex-shrink: 0; line-height: initial; display: none;}
.notice-con .notice-date { color: #aaa; font-weight: 300;}
.notice-con .notice-meta { display: none;}
.notice-con .notice-meta .notice-icon{display: none;}
.notice-con .notice-meta .notice-icon img{ max-width: 20px;}
.notice-con .notice-tag .notice-icon {display: none;}
.notice-con .notice-tag .notice-icon img{max-width: 14px;}
.common-board .ezsboard5 .board-header .board_search_box .search-text{width: 100%; margin-top: 10px;}
.common-board .ezsboard5 .board-header .board_search_box .search-select{width: calc(33.3% - 5px);}
.common-board .ezsboard5 .board-header .board_search_box{max-width: 100%;}
.common-board .ezsboard5 .board-header .board_search_box .search-text > input::placeholder { font-weight: 500; color: #bbb;}
.common-board .ezsboard5 .board-page-num{margin-bottom: 20px;}
.common-board .ezsboard5 .board-page-num .page-num-select.search-select{border: 1px solid rgba(1, 1, 1, 0.3); border-radius: 5px;}
.common-board .ezsboard5 .board-page-num .page-num-select.search-select > select{padding: 10px 10px;}
.notice-con .notice-item.on-notice-new .notice-new{display: inline-block;}
.notice-con .notice-item.on-pin .notice-meta .notice-icon{display: block;}
.notice-con .notice-item.on-pin .notice-tag .notice-icon{display: inline-block;}

@media (min-width: 992px) {
    .notice-con .notice-tag .notice-icon {display: none;}
    .common-board .ezsboard5 .board-header .board_search_box .search-text{width: calc(40% - 5px); margin-top: 0;}
    .common-board .ezsboard5 .board-header .board_search_box .search-select{width: calc(20% - 5px);}
    .common-board .ezsboard5 .board-header .board_search_box{max-width: 600px;}
    .notice-con .notice-item { display: flex; justify-content: space-between; padding: 40px 0px;}
    .notice-con .notice-meta { display: flex; align-items: center; gap: 30px; flex-shrink: 0; width: 100px; justify-content: flex-end;}
    .notice-con .notice-content { flex-grow: 1; padding: 0 10px; max-width: 88%;}
    .notice-con .notice-tag {width: 150px; flex-shrink: 0; margin-bottom: 0;}
    .ezsboard5 .notice-header .board-page-num{position: absolute; left: 0; top: 75%; transform: translateY(-50%); margin-bottom: 0;}
    .common-board .ezsboard5 .board-page-num .page-num-select.search-select > select{padding: 10px 15px;}
    .notice-con .notice-item.on-pin .notice-tag .notice-icon{display: none;}
    .notice-con .notice-title  .clip-icon img { max-width: 20px;}
}

/* 회사소개 0101*/
.com-info-1{font-size: 0; overflow: hidden;}
.com-info-1 .com-info-left{word-break: keep-all;}
.com-info-1 .com-info-right{margin-top: 20px;}
.com-info-interval{word-break: keep-all;}
.com-info-interval + .com-info-interval{margin-top: 70px;}
.com-info-3 .com-info-3-con{font-size: 0;}
.com-info-3 .com-info-3-con .com-info-top{text-align: center; margin-bottom: 15px;}
.com-info-3 .com-info-3-con .com-info-top img{max-width: 65px;}
.com-info-3 .com-info-3-con .com-info-3-list{background: #fff; overflow: hidden; padding: 0px 10px 30px;}
.com-info-3 .com-info-3-con .com-info-3-list{width: 100%;}
.com-info-3 .com-info-3-con .com-info-3-list:last-child{border-bottom: 0px;}
.border-txt-bottom{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.before-line li{position: relative;text-align: center;}
.com-info-2 .com-info-txt-width{max-width: 1460px; margin: 0 auto;}
.com-info-4-list{font-size: 0; overflow: hidden; display: flex; flex-direction: column; margin-bottom: 60px;}
.com-info-4-list .com-info-4-img{border-radius: 5px; overflow: hidden; vertical-align: middle;}
.com-info-4-list .com-info-right{margin-top: 20px;}
.com-info-4-list ul li{word-break: keep-all;}
.com-info-4-list ul li br{display: none;}

.com-info-5 .product-short-box{background: #f3fafc; padding: 40px 20px; border-radius: 5px; position: relative; text-align: center; word-break: keep-all;}
.com-info-5 .product-short-box .product-short-icon{display: none;}
@media (min-width: 768px) {
     .com-info-interval + .com-info-interval{margin-top: 250px;}
}
@media (min-width: 992px) {
    .com-info-1 .com-info-left{width: 50%; display: inline-block; vertical-align: middle;}
    .com-info-1 .com-info-right{width: calc(50% - 41px); margin-left: 40px; display: inline-block; vertical-align: middle; margin-top: 0;}
    /* .com-info-3 .com-info-3-con { display: flex; justify-content: space-between; flex-wrap: wrap;} */
    .com-info-4-list{overflow: hidden;  flex-direction: row; justify-content: space-between; align-items: center; gap: 0;}
    .com-info-4-list .com-info-left{width: calc(100% / 2 - 80px); display: inline-block;}
    .com-info-4-list .com-info-right{width: calc(100% / 2 - 80px); display: inline-block; vertical-align: middle;}
    .com-info-4-list:nth-child(odd) {flex-direction: row;}
    .com-info-4-list:nth-child(even) {flex-direction: row-reverse;}
    .com-info-4-img,
    .com-info-4-txt {width: calc(50% - 40px);}
    .com-info-4-list ul li br{display: block;}
    .com-info-5 .product-short-box{padding: 60px; text-align: left;}
    .com-info-5 .product-short-box .product-short-icon{ position: absolute; bottom: -20px; right: 100px; display: block;}
    /* .com-info-3 .com-info-3-con .com-info-top{margin-bottom: 30px;} */
    .com-info-3 .com-info-3-con .com-info-top img{max-width: 130px;}
    /* .com-info-3 .com-info-3-con .com-info-3-list{border-left: 1px solid #ccc; border-bottom: 0;} */
    /* .com-info-3 .com-info-3-con .com-info-3-list:first-child{border-left: 0;} */
}
@media (min-width: 1367px) {
    .com-info-interval + .com-info-interval{margin-top: 200px;}
}
@media (min-width: 1440px){
    .com-info-3 .com-info-3-con .com-info-3-list {padding: 30px 10px;} 
}
/*인사말*/
.greeting-con { display: flex; flex-direction: column;  gap: 30px; word-break: keep-all; margin: 0 auto; overflow: hidden;}
.greeting-right { width: 100%;}
.greeting-right img { width: 100%; height: 200px;  object-fit: cover; object-position: center;  border-radius: 5px; display: block;}

@media (min-width: 600px) {
    .greeting-con { display: flex; flex-direction: row-reverse; gap: 40px; align-items: flex-start;}
    .greeting-right {flex: 0 0 40%;}
    .greeting-right img {height: auto;}
    .greeting-left {flex: 1;}
}

@media (min-width: 992px) {
}
@media (min-width: 1440px) {
    .greeting-con { gap: 80px;}
}


/* 회사소개 */
.scroll-text-box{margin-top: 80px;}
.scroll-text { font-weight: 700; display: flex; flex-wrap: wrap; gap: 2px; font-size: 1.6em; justify-content: center;}
.scroll-text div:first-child{ padding-left: 0;}
.scroll-text div{ padding-left: 4px;}
.scroll-text .char { color: #ccc; transition: color 0.4s ease;}
@media (min-width: 620px) {
    .scroll-text {font-size: 3em;}
}
@media (min-width: 768px) {
    .scroll-text-box{margin-top: 50px;}
}
@media (min-width: 992px) {
    .scroll-text-box{margin: 230px 0 50px;}
}
@media (min-width: 1050px) {
    .scroll-text {font-size: 70px;}
    .scroll-text div{ padding-left: 20px;}
}

/* 회사 소개 글씨 색상 들어오는 효과*/
.scroll-text-wrapper { position: relative; display: inline-block; font-size: 2.1rem; font-weight: 700; white-space: nowrap; color: #ccc;}
.scroll-text-wrapper .base-text { position: relative; z-index: 1; color: #ccc;}
.scroll-text-wrapper .color-layer { position: absolute; top: 0; left: 0; white-space: nowrap; width: 100%; height: 100%; background-size: 0% 100%; background-repeat: no-repeat; background-position: left top; -webkit-background-clip: text; -webkit-text-fill-color: transparent; pointer-events: none;}
.scroll-text-wrapper .gray-layer { background-image: linear-gradient(to right, #777, #777); z-index: 2;}
.scroll-text-wrapper .green-layer { background-image: linear-gradient(to right, #008c9a, #008c9a); z-index: 3; margin-left: 0px;}
.scroll-text-wrapper .green-cut { color: transparent; -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.scroll-text-wrapper .gray-cut {visibility: hidden;}
@media(min-width:992px) {
    .scroll-text-wrapper .green-layer { background-image: linear-gradient(to right, #008c9a, #008c9a); z-index: 3; margin-left: 0px;}
    .scroll-text-wrapper {font-size: 3rem;}
}
@media(min-width:1200px) {
    .scroll-text-wrapper {font-size: 70px;}
}

/* 비젼*/
.vision-box .bg-txt-box{background: #008c9a; color: #fff; padding: 0 4px;}
.vision-box .bg-txt-box .vision-txt-con span{vertical-align: middle;}
@media (min-width: 768px) {
    .vision-box .vision-bg-txt{display: inline-block;}
}

.com-info-line .com-info-line-point{width: 2px; height: 60px; background: #ccc; display: inline-block; margin: 30px 0; position: relative; overflow: hidden;}
.com-info-line .com-info-line-point:before{content: ""; position: absolute; top: 0; left: 0; width: 6px; background: #008c9a; height: 30px;}
.core-value-ul { border-top: 2px solid #3a3a3a;}
@media (min-width: 768px) {
    .com-info-line .com-info-line-point{height: 100px; margin: 40px 0;}
    .com-info-line .com-info-line-point:before{height: 50px;}
}
@media (min-width: 992px) {
    .com-info-line .com-info-line-point{height: 170px; margin: 80px 0; }
    .com-info-line .com-info-line-point:before{height: 85px;}
}

.core-value-ul .core-value-list {position: relative;}
.core-value-ul .core-value-list:last-child .core-value-txt{border-bottom: 0;}
.core-value-ul .core-value-list .core-value-txt { padding: 30px 0px 40px; position: relative; border-bottom: 1px solid #ddd; z-index: 1;}
.core-value-ul .core-value-list .core-value-txt .core-value-detail{width: 100%;}
.core-value-ul .core-value-list .core-value-img {margin: 20px 0 0;}
.core-value-ul .core-value-list:hover .core-value-img { opacity: 1; pointer-events: auto;}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
    .core-value-ul .core-value-list .core-value-txt { padding: 60px 0px 80px;}
    .core-value-ul .core-value-list .core-value-txt .core-value-detail{width: 65%;}
    .core-value-ul .core-value-list .core-value-img { position: absolute; top: 50%; right: -1px; transform: translateY(-50%); width: 35%; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; z-index: 10; border-radius: 5px; overflow: hidden; margin: 0;}
}

/* 회사소개 지도*/
.com-info-map { margin-top: 60px; word-break: keep-all;}
.com-info-map-con { font-size: 0; overflow: hidden; text-align: center;}
.com-info-map-con .com-info-map-txt { width: 100%; display: inline-block; vertical-align: middle; text-align: left;}
.com-info-map-con .com-info-map-img { width: calc(100%); display: inline-block; position: relative; vertical-align: middle;}
.com-info-map-con .com-info-map-img .com-info-map-bg img { width: 100%; display: block;}
.com-info-map-con .com-info-map-img .com-info-map-point { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transform: scale(0.2) rotate(15deg); transform-origin: 74.5% 25.5%; transition: all 0.8s ease-in-out; will-change: transform, opacity; pointer-events: none;}
.com-info-map-con .com-info-map-img .com-info-map-point.active { opacity: 1; transform: scale(1) rotate(0deg);}
@media(min-width:992px) {
}

/* 대학 및 연구기관 목록 로고*/
.m-client-box{padding: 40px 0 80px;}
.client-container {  overflow: hidden; display: flex; flex-direction: column; gap: 20px;}
.client-container .roller { display: flex; overflow: hidden; position: relative;}
.client-container .rolling_list { display: flex; white-space: nowrap; position: relative; animation: scroll 30s linear infinite;}
.client-container .rolling_list .item { width:140px; height: 62px; border-radius: 20px;display: flex; align-items: center; justify-content: center;flex-shrink: 0; margin-right: 30px;}
.roller .rolling_list.odd { animation: rollLeft 30s linear infinite;}
.roller .rolling_list.even { animation: rollRight 30s linear infinite;}
.client-container .rolling_list .item img{border-radius: 5px;}
@keyframes rollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes rollRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0%); }
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media(min-width:992px) {
    .client-container {gap: 40px;}
    .client-container .rolling_list .item {width:300px; height: 130px;}
}

/* 공시정보*/
.calendar-search-box { display: flex; gap: 10px; align-items: center; background: #f9f9f9; padding: 20px; border-radius: 5px;}
.calendar-search-box input[type="date"],
.calendar-search-box select { padding: 10px; border: 1px solid rgba(1, 1, 1, 0.3); border-radius: 5px; min-width: 160px; height: 48px!important;}
.calendar-search-box button.calendar-search-button { width: 48px; height: 48px; background: black; color: white; border: none; border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0;}
.calendar-search-box button i.fa { line-height: 1;}

@media (max-width: 768px) {
  .calendar-search-box { flex-wrap: wrap;}
  .calendar-search-box input[type="date"] { width: calc(50% - 5px); text-align: left!important; direction: ltr;}
  .calendar-search-box input[type="date"]::-webkit-date-and-time-value {
    text-align: left;
   }
  .calendar-search-box .board-page-num { flex: 1; max-width: calc(100% - 58px); margin-top: 0px;}
  .calendar-search-box .calendar-search-button { width: 48px; height: 48px; margin-top: 0px;}
}
.common-board .ezsboard5 .disclosure-data-header .board-page-num{background: #fff; margin-bottom: 0;}
.common-board{font-size: 12px;}


@media(min-width:992px) {
    .common-board{font-size: 20px;}
}

/* 페이징 */
.list_paging_Inline{text-align: center;}
.list_paging_Inline .list_paging{display: inline-block;}
.list_paging_Inline .board-page-num{display: inline-block;}
.common-board .ezsboard5 .list_paging_Inline .board-page-num .search-select .select-item{padding: 0 6px;}
.common-board .ezsboard5 .list_paging_Inline .board-page-num .page-num-select.search-select > select{padding: 5.5px 10px;}
.common-board .ezsboard5 .list_paging_Inline .board-page-num{margin-bottom: 0; vertical-align: middle;}
@media(min-width:992px) {
    .common-board .ezsboard5 .list_paging_Inline .board-page-num .page-num-select.search-select > select{padding: 8px 15px; margin-top: 1px;}
    .common-board .ezsboard5 .list_paging_Inline .board-page-num .search-select .select-item{padding: 0 1em;}
}

/* 회사소개 > 지도 색상 퍼지게 */
.map-wrapper { width: 100%; max-width: 1552px; aspect-ratio: 2; margin: 0 auto; z-index: 10;}
.map-wrapper { position: relative; overflow: hidden;}
.map-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 0; transition: opacity 0.8s ease; pointer-events: none;}
.map-wrapper img.active { opacity: 1; z-index: 2;}
.map-wrapper img.default-visible { opacity: 1;  z-index: 0;}


/* 백신 > 상세뷰 >  표 and 관리자 */
.detailed-table{overflow-x:auto; padding: 10px 0 10px; margin: 10px 0 10px;}
.detailed-table .basic-table{width:100%; min-width:600px;}
.detailed-table .basic-table thead th:first-child { border-right: 0px solid #ddd;}
.detailed-table input{width: 100%;}


/* 관리자일때만 */
.detailed-table.adm-detailed-table input{width: 75%; display: inline-block;}
.detailed-page-box .basic-table thead th:first-child{border: 0;}