/* 서브 배너 */
.sub-banner { width: 100%;  position: relative;  aspect-ratio: 96 / 25; display: flex; justify-content: flex-start; align-items: center;}
.sub-banner .pd {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%; transition: 6s ease-out;  animation: test 5s both; }

/* .sub-banner.support {height: 30rem;} */
.sub-banner.support .cont-1600 h2 {color:#000;}
.sub-banner.support .cont-1600 .bc>li>a {color:#000;}
.sub-banner.support .cont-1600 .bc>li>a>img {filter: invert(0);}
.sub-banner.support .cont-1600 .bc>li::after {filter: invert(0);}


@-webkit-keyframes test {
  0% {transform: translate(-50%,-50%) scale(1.2);}
  100% {transform: translate(-50%,-50%) scale(1.0);}
} 
@keyframes test {
  0% {transform: translate(-50%,-50%) scale(1.2);}
  100% {transform: translate(-50%,-50%) scale(1.0);}
}
 @-moz-keyframes test {
  0% {transform: translate(-50%,-50%) scale(1.2);}
  100% {transform: translate(-50%,-50%) scale(1.0);}
}

.sub-banner .cont-1600 {height: auto;}
.sub-banner .cont-1600 h2 {font-weight: 500; color:#fff;}
/* .sub-banner .img-wrap {position: absolute; top:50%; right:0%; transform: translate(0%,-50%); width: 40rem;} */

/*브레드크럼*/
.bc {gap:4rem; align-items: center; color:#fff; }
.bc>li {position: relative;}
.bc>li a {color:#fff;}
.bc>li a>img {filter: invert(1);}
.bc>li:last-child:after {display: none;}
.bc>li::after {content:'';  filter: invert(1);  position: absolute; top:50%; transform: translate(-50%,-50%); right: -2rem; width:0.5rem; height: 3rem; background-image: url(/HANJU/public/img/arrow_forward_ios.svg);  background-repeat: no-repeat; background-position: center;}


.side-btn {cursor: pointer; transition: all 0.5s; border-radius: 0 0 2rem 2rem; gap:2rem; display: inline-block; padding:2rem; width:30rem; background-color: #6ABA50; color:#fff; position: fixed; top:50%; right:0%; transform: translate(calc(50% - 3rem),-50%) rotate(90deg); z-index: 2; display: flex; justify-content: space-between; align-items: center; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;  z-index: 5;}
.side-btn>p {line-height: 1;}
.side-btn>img {rotate: -90deg;}
.side-btn:hover {background-color: #3f8029;}
/*로딩 관련*/


@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}





.no-results{width:100%; text-align: center; margin-top:50px; padding: 50px 0; display: none; margin-bottom:50px;}  
.no-results>h3 {font-size:2.4rem; font-weight:bold; width:100%; color:#000;}
.no-results>p {font-size:1.6rem;}

.no-results .return-btn { padding:10px; color:#fff; background-color: #000; width:100%; max-width: 200px; margin: 20px auto; cursor: pointer; font-size:1.8rem;}
.no-results .return-btn:hover {opacity: 0.7;}




/* body,html {min-width:100% !important; overflow-x:auto;} */

.title-wrpas {font-size:1.6rem; color:#333333; line-height: 1.6em; margin-top:40px;}
.tab-btn-wraps .cont_1200 {width:100%; max-width:1200px; margin:0 auto;  display: flex; justify-content: center; align-items: center; flex-wrap: wrap; box-shadow:0 5px 14px 0 rgba(61,82,96,0.15);}
.tab-btn-wraps .cont_1200 .content {flex-basis: 50%; max-width:50%;}
.tab-btn-wraps .cont_1200 .content a{ padding:20px; background-color:#fafafa; font-family: "Play"; transition: all 0.4s;}
.tab-btn-wraps .cont_1200 .content a:hover {opacity: 0.8;}
.tab-btn-wraps .cont_1200 .content.active a{color:#fff; font-weight: bold; background-color:#4382dd;}


.wrap{width:100%; height:100%; margin:0 auto;}
.menu-line {width:100%; max-width: 100%; margin: 0 auto; height:5.4rem; border-bottom:1px solid #ddd; display: flex; justify-content: center; align-items: stretch; flex-wrap: nowrap; background-color:#fff; overflow-x: auto; overflow-y: hidden; position: absolute; bottom:0; left:50%; transform: translateX(-50%); }
.menu-line>li:hover a {color:#6ABA50;}
.menu-line>li>a {font-size:1.6rem; text-align: center; padding:1rem 4rem; vertical-align: middle; height: 100%; display: flex; justify-content: center; align-items: center; border-bottom: 4px transparent;  white-space: nowrap; }
.menu-line .active>a {color:#6ABA50; font-size:1.6rem; font-weight: bold; width:100%; height:100%; border-bottom:4px solid #6ABA50; }
.menu-line.active {top:calc(8rem + 1px); position: fixed; z-index: 1; transition: all 0.4s; border-top:1px solid #ddd;}

.wrap .banner-wraps .title-container .nav-list {width:100%; color:rgba(0,0,0,0.5); font-size:1.6rem; padding-left:1.6rem; padding-right:1.6rem; margin-top:3rem;}
.wrap .banner-wraps .title-container .nav-list>li {text-align: right;}

.wrap-bg {position: absolute; width: 50rem; top:0%; right:2rem; transform: translate(0%,25%); z-index: 1; opacity: 0.1;  pointer-events: none;}


/*공통 섹션 */
/* .wrap .section_inner {padding-top:10rem; padding-bottom: 10rem;} */
.wrap .section_inner .section-bg {background-image:url(/HANJU/public/img/company_bg_01.jpg); background-size: cover; background-repeat: no-repeat;  width: 100%;  height:100vh; display: flex; justify-content: center; align-items: flex-end;}
.wrap .section_inner#section_bg_03 .section-bg {background-image:url(/HANJU/public/img/sees_bg_01.jpg); background-size: cover; background-repeat: no-repeat;  background-position: center center; width: 100%;  height:100vh; display: flex; justify-content: center; align-items: flex-end;}
.wrap .section_inner .section-bg .title-container {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.wrap .section_inner { width:100%; max-width:100%;}
.wrap .section_inner .bg-wraps {width:100%;}
.wrap .section_inner .bg-wraps img {width:100%;}
.section-cont {width:100%; max-width:1550px; background:#fff; position: relative; margin:0 auto;}
.wrap .section_inner .section-cont {width:100%; max-width:1400px; background:transparent; position: relative; margin:0 auto;}
.wrap .section_inner .section-cont .cont_1400 {width:100%; max-width:1400px; margin:0 auto; padding-left:16px; padding-right:16px;}

.mini-banner {height: 40rem; overflow: hidden; position: relative; background-position: center;  background-image:url(/HANJU/public/img/ceo-bg.jpg); }
.mini-banner .cont-1600 .ft-36 {font-weight: 300;}
.mini-banner .cont-1600 .text {line-height: 1.2; width: 100%; }
/* .mask {position: absolute; top:0; left:0; width:100%;  height: 100%; background-color: #fff;} */
/* .mini-banner .pd {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height: 100%;} */

/*1. 회사개요 */
#company .hanju-table {width: 100%; max-width: 85rem; margin: 0 auto;}
#company .hanju-table th {width: 30%; text-align: center;}
#company .company-contents {display: flex; justify-content: space-between; margin-top: 10rem; margin-bottom: 10rem;}
#company .company-contents .img-wrap {width:auto; flex-shrink: 0;}
#company .company-contents .text-wrap {width: 100%; padding:10rem; display: flex; justify-content: flex-start; align-items: center;}
#company .flex-3ea {gap:2rem; width: 100%; max-width: 85rem; margin: 0 auto; margin-bottom: 2rem;}


#ceo {position: relative;}
#ceo .content {width: 100%; max-width: 100rem; margin: 0 auto;}
#ceo .img-01 {position: absolute; top:50%; left:0%; transform: translate(0%,-50%); pointer-events : none;}
#ceo .img-02 {position: absolute; top:50%; right:0%; transform: translate(0%,-50%); pointer-events : none;}

#philosophy .vision-wrap {padding-top:20rem; padding-bottom: 20rem; background-image:url(/HANJU/public/img/vision-wrap.jpg); background-repeat: no-repeat;  background-size: cover; background-attachment: fixed  ; }
#philosophy .vision-wrap .flex-3ea {gap:2rem; align-items: center;}
#philosophy .vision-wrap .flex-3ea .content {border:1px solid rgba(255,255,255,0.5); aspect-ratio: 1 / 1; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
#philosophy .vision-wrap .flex-3ea .content>div {width: calc(100% - 8rem);}
#philosophy .vision-wrap .flex-3ea .content:nth-child(1) {position: relative; left:6rem;}
#philosophy .vision-wrap .flex-3ea .content:nth-child(3) {position: relative; right:6rem;}
#philosophy .vision-wrap .flex-3ea .content:hover {border:1px solid rgba(255,255,255,1); transition: all 1.2s cubic-bezier(.23,1,.32,1);}
#core-values .flex-3ea {gap:2rem;}
#core-values .flex-3ea .content {aspect-ratio: 1 / 1; padding:2rem;  background-color: #f9f9f9; position: relative; border-radius: 2rem; overflow: hidden;} 
#core-values .flex-3ea .content::before {content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(106, 186, 80, 0.9); opacity: 0; transition: all 1.2s cubic-bezier(.23,1,.32,1); z-index: 1;}
#core-values .flex-3ea .content .pd {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; transition: all 1.2s cubic-bezier(.23,1,.32,1);}
#core-values .flex-3ea .content>div {z-index: 1; position: relative;  }
#core-values .flex-3ea .content .title-contents {color:#fff; display: flex; justify-content: flex-start; align-items: center; border-bottom:1px solid rgba(255,255,255,0.3);}
#core-values .flex-3ea .content .title-contents .num-wrap {border-right:1px solid rgba(255,255,255,0.3); padding:3rem;}
#core-values .flex-3ea .content .title-contents .title-wrap {padding:3rem;}
#core-values .flex-3ea .content .sub-contents {position: absolute; top:50%; left:50%; transform: translate(-50%,-30%); opacity: 0; z-index: 1; width: 100%; padding:6rem; transition: all 1.2s cubic-bezier(.23,1,.32,1); }
#core-values .flex-3ea .content:hover .pd {transform: translate(-50%,-50%) scale(1.2);}
#core-values .flex-3ea .content:hover .sub-contents {opacity: 1; transform: translate(-50%,-50%);}
#core-values .flex-3ea .content:hover::before {opacity: 1;}


#family-site-wrap .flex-3ea {gap:2rem; align-items: stretch; justify-content: flex-start;}
#family-site-wrap .flex-3ea .content {border:1px solid #ddd; transition: all 0.6s; flex-wrap: wrap; align-items: stretch; padding:3rem;   border-radius: 1rem;  background-color: #fff;}
#family-site-wrap .flex-3ea .content .img-wrap {border-radius: 1rem; overflow: hidden;  flex-basis: 100%; max-width: 100%; padding-top:2rem; padding-bottom: 2rem;}
#family-site-wrap .flex-3ea .content .img-wrap img {padding-left:1rem; padding-right: 1rem;}
#family-site-wrap .flex-3ea .content .text-wrap {padding: 3rem 1.5rem; flex-basis: 100%;}
#family-site-wrap .flex-3ea .content .text-wrap table tr th {padding:0.25rem 1rem;}
#family-site-wrap .flex-3ea .content .text-wrap table tr th p {font-weight: bold; color:#333; }
#family-site-wrap .flex-3ea .content .text-wrap table tr td a { color:#333; font-weight: 300;}
#family-site-wrap .flex-3ea .content:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}



#process-swiper .swiper-wrapper .swiper-slide {position: relative; margin-bottom: 4rem;}
#process-swiper .swiper-wrapper .swiper-slide .img-wrap {width: 100%; border-radius: 0.5rem 0.5rem 0 0 ; overflow: hidden;}
#process-swiper .swiper-wrapper .swiper-slide .img-wrap img {width: 100%;}
#process-swiper .swiper-wrapper .swiper-slide .text-wrap {background-color: #f8f8f8; display: flex; gap:1rem; padding:2rem; justify-content: center; align-items: flex-start; border-radius: 0 0 0.5rem 0.5rem;}
#process-swiper .swiper-wrapper .swiper-slide .text-wrap .num {line-height: 1; width: 3.4rem; height: 3.4rem; display: flex; justify-content: center; align-items: center; color:#fff; background-color: #6ABA50; border-radius: 50%; font-size: 1.6rem;}
#process-swiper .swiper-wrapper .swiper-slide::before {display: none; content:''; position: absolute; top:calc(50% - 3.4rem); right: -0.3rem; transform: translate(100%,-50%); z-index: 1; width:4.4rem; height: 4.4rem; background-image: url(/HANJU/public/img/swiper-arrow.png); background-size: contain; background-repeat: no-repeat;}
#process-swiper .swiper-wrapper .swiper-slide:last-child::before {display: none;}
#process .swiper-control {
    display: flex;
    margin: 0 auto;
    width:100%; max-width: 70rem;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

}

/* 진행 게이지 영역 */
#process .swiper-progress-wrap {
    flex: 1;
}

/* Swiper 기본 progressbar */
#process .swiper-pagination {
    position: relative;
    width: 100%;
}

#process .swiper-pagination-progressbar {
    height: 2px;
    background: #e5e5e5;
}

#process .swiper-pagination-progressbar-fill {
    background: #2fa36b;
}

/* 네비게이션 버튼 */
#process .swiper-nav {
    display: flex;
    gap: 8px;
}

#process .swiper-prev,
#process .swiper-next {
    width: 36px;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}



.product-wrap>.cont-1600>.content {margin-bottom: 10rem;}
.product-wrap .img-wrap {aspect-ratio: 4 / 3; position: relative; overflow:hidden; border-radius: 1rem; }
.product-wrap .img-wrap>img {width: 100%; height: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 0; } 
.product-wrap .text-wrap {padding:8rem;}
.product-wrap .text-wrap .button-wrap {width: 100%;}
.product-wrap .text-wrap .button-wrap .button {padding:1rem 4rem; border:1px solid #6ABA50; background-color: #6ABA50; font-size: 1.6rem; margin-top:3rem; display: inline-block; color:#fff; transition: all 0.4s cubic-bezier(.23,1,.32,1);}
.product-wrap .text-wrap .button-wrap .button:hover {background-color: #4c853a; color:#fff;}
.product-wrap .fe-wrap {width: 100%; margin-bottom: 5rem; filter: grayscale(100%); transition: all 0.8s cubic-bezier(.23,1,.32,1); }
.product-wrap .fe-wrap .title-wrap {width: 100%; padding:1rem 1rem; background-color: #6ABA50; color:#fff; text-align: center; border-radius: 1rem 1rem 0 0;}
.product-wrap .fe-wrap .content-wrap {border:1px solid #ddd; border-radius: 0 0 1rem 1rem; padding:6rem; background-color: #fff;}
.product-wrap .fe-wrap .content-wrap .flex-3ea {gap:2rem;}
.product-wrap .fe-wrap .content-wrap .flex-3ea .content {padding:3rem;}
.product-wrap .fe-wrap .content-wrap .flex-3ea .content .icon-wrap {width: 7.5rem; height: 7.5rem; background-color: rgba(106, 186, 80,0.05); display: flex; justify-content: center; align-items: center; border-radius: 0.5rem;}

.product-wrap .fe-wrap .content-wrap .flex-4ea {gap:2rem;}
.product-wrap .fe-wrap .content-wrap .flex-4ea .content {display: flex;  padding:3rem; justify-content: flex-start; align-items: center; gap:2rem;}
.product-wrap .fe-wrap .content-wrap .flex-4ea .content .icon-wrap {flex-shrink: 0; width: 7.5rem; height: 7.5rem; background-color: rgba(106, 186, 80,0.05); display: flex; justify-content: center; align-items: center; border-radius: 0.5rem;}
.fe-wrap:hover {filter: grayscale(0%);}

.product-wrap .fe-wrap .content-wrap .hanju-table {border-top:0;}
.product-wrap .fe-wrap .content-wrap .hanju-table thead tr {border-bottom: 1px solid #000;}
.product-wrap .fe-wrap .content-wrap .hanju-table thead tr th {text-align: center;}




#company .spec {flex-wrap: nowrap; gap:3rem; margin-top:7rem; align-items: stretch;}
#company .spec .img-wrap {width: 30rem; max-width: 30rem; flex-basis: 30rem; flex-shrink: 0;  background-color: #F9F9F9; border-radius: 1.5rem;}
#company .spec .img-wrap>img {width: 100%; max-width: 16.2rem;}
#company .spec>.text-wrap {width: 100%; max-width: 100%; padding-right: 0;}
.table-container {width: 100%; overflow-x: auto;}
.hanju-table {border-top:3px solid #000; width: 100%;  }
.hanju-table tr th {font-weight: bold; padding:1.6rem; vertical-align: middle;} 
.hanju-table tr th p {word-break: break-all;}
.hanju-table tr td { vertical-align: middle; padding:1.6rem;} 
.hanju-table tr td a {word-break: break-all;}
.hanju-table tr td a {word-break: break-all;}
.hanju-table tr {border-bottom: 1px solid #ddd;}
/* .yuwon-table tr:hover  {background-color: #6ABA50; color:#fff; transition: all 0.4s;} */
/* .yuwon-table tr:hover p {color:#fff;} */
.hanju-table a {color:#000;}



/*오시는길 */
#location .hanju-table tr th {width:10rem;}
#location .hanju-table tr td {color:#666;}
#location .hanju-table tr td p {display: inline-block;}
#location .hanju-table a {color:#666 !important;}
#location .flex-2ea {align-items: stretch;}
#location .flex-2ea .content {padding:2rem;}
#location .flex-2ea .content:nth-child(1) {border-radius: 1rem; overflow: hidden; padding:0;}
#location .flex-2ea .content:nth-child(2) {display: flex; justify-content: center; align-items: center; padding:5rem;}
#location .flex-2ea .content .item {width: 100%;}
#location .flex-2ea .content .img-wrap {margin-bottom: 3rem;}
#location .flex-2ea .content .hanju-table {border-top:0;}


.map-wrap {
    position: relative;
    width: 100%;
    padding-top: 35%; /* 16:9 비율 */
    overflow: hidden;
}

.map-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.family-banner-wrap {border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
#family-banner {margin: 0 auto;  max-width: 1600px; overflow: hidden;   background-color: #fff; height: 8rem; padding-left:5rem; padding-right: 5rem; position: relative;}
#family-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15rem;
    height: 100%;
    pointer-events: none;
    background-color: #fff; /* 흰색에서 시작 */
    
    -webkit-mask-image: linear-gradient(to right, #000 0%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right, #000 0%, rgba(0,0,0,0) 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    z-index: 2;
}

#family-banner::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0; /* 왼쪽 대신 오른쪽으로 위치 변경 */
    width: 15rem;
    height: 100%;
    pointer-events: none;
    background-color: #fff;

    -webkit-mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,0) 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    z-index: 2;
}
#family-banner {padding:1rem; padding-left:10rem; padding-right: 10rem;}
#family-banner .swiper-button { z-index: 3; cursor: pointer; border:1px solid #ddd; background-color: #fff;  width:5rem; height: 5rem; border-radius: 50%;  position: absolute; top:50%; transform: translate(0%,-50%);}
#family-banner .swiper-button.prev {left:2rem;}
#family-banner .swiper-button.next {right:2rem;}
/* #family-banner .swiper-wrapper {width: calc(100% - 60rem); } */
#family-banner .swiper-wrapper .swiper-slide {display: flex; justify-content: center; align-items: center;  background-color: #fff;}
#family-banner .swiper-wrapper .swiper-slide img {padding:1rem;}


.product-wrap .yuwon-table {width: 100%; min-width: 70rem;}
.product-wrap .yuwon-table tr th:first-child {width: 30rem;}
#product-wrap .product-3d-wrap iframe {position: absolute; top:0; left:0; height:100%; width:1px; min-width: 100%;}
  /*타이틀*/



 #quality .flex-6ea {gap:2rem; display: flex; justify-content: flex-start;  } 
 #quality .flex-6ea .content .img-wrap {position: relative;}
 #quality .flex-6ea .content .img-wrap img {width: 100%;}
 #quality .flex-6ea .content .img-wrap::before {content:''; position: absolute; top:0; left:0; width:100%; height: 100%; border:5px solid; border-image: linear-gradient(to bottom, #DBC48D, #B89B5E) 1; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
 #quality .flex-6ea .content .text-wrap {padding:1rem;}

 .search-line {width:100%; max-width: 35rem;  margin-bottom:5rem; border-radius: 0.5rem; border-radius: 0.3rem; border:1px solid #ddd; }
.search-line>ul {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; width:100%;}
.search-line>ul>li:first-child {width: calc(100% - 5rem); flex-basis: calc(100% - 5rem); max-width: calc(100% - 5rem);}
.search-line>ul>li:first-child>input {width:100%; height: 4.5rem; border:0; padding:0.5rem 1rem; font-size:1.4rem; font-family: "pretendard";  background-color: #fff; color:#000; }
.search-line>ul>li:last-child {width:5rem; flex-basis: 5rem; max-width: 20%;  cursor: pointer; display: flex; justify-content: center; align-items: center; background-color: transparent;}
.search-line>ul>li:last-child img {width: 100%; max-width: 2rem; filter: invert(100%);}
.search-line>ul>li:last-child:hover {transition: all 0.6s;}


.gallery-list {gap:2rem; justify-content: flex-start !important;}
.gallery-list .content .img-wraps {position: relative; aspect-ratio: 5 / 3; overflow: hidden; margin-bottom: 1rem;}
.gallery-list .content .date-wrap p {color:rgba(255,255,255,0.5);}

.gallery-wrap {width:100%;}
.gallery-wrap .thumbnails-list {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-bottom:3rem;}
.gallery-wrap .thumbnails-list .content {border:1px solid #ddd; transition: all 0.8s;}
.gallery-wrap .thumbnails-list .content:hover {background-color: #6ABA50;}
.gallery-wrap .thumbnails-list .content>a>.img-wraps {position: relative; width:100%;  transition: all 0.4s; padding-bottom:70%; height:0;}
.gallery-wrap .thumbnails-list .content>a>.img-wraps>img:not(.yotubue-icon) {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%; }
.gallery-wrap .thumbnails-list .content>a>.text-wraps {width:100%;}
.gallery-wrap .thumbnails-list .content>a>.text-wraps>ul>.name {color:#000; padding:1rem; width: 100%;}
.gallery-wrap .thumbnails-list .content>a>.text-wraps>ul>.category {padding:0.5rem; border-radius: 3rem; background-color: #000;}
.gallery-wrap .thumbnails-list .content>a>.text-wraps>ul>.name p{line-height: 1.3;}
.gallery-wrap .thumbnails-list .content>a>.text-wraps>ul>.detail-view{font-size:1.8rem; text-decoration: underline; color:#6ABA50; text-align: center;}
.gallery-wrap .thumbnails-list .content:hover .name .ft-20 {color:#fff;}
.gallery-wrap .thumbnails-list .content:hover .name .ft-16 {color:#fff;}
.gallery-wrap .thumbnails-list .content:hover .name .ft-13 {color:#fff;}


 
.gallery-title {display: flex; justify-content: space-between;}
.gallery-title .result-text .ft-16 b {padding-right: 0.5rem;}

.notice-list  {align-items: stretch;}
.notice-list .content {background-color: #fff;}
.notice-list .text-wraps {padding:3rem 2rem; }
.notice-list .text-wraps .ft-20 {
    width: 100%;
    font-weight: bold;
    display: -webkit-box;        /* Flexbox 기반 박스 설정 */
    -webkit-line-clamp: 2;       /* 표시할 줄 수 */
    -webkit-box-orient: vertical;/* 수직 방향 박스 */
    overflow: hidden;            /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis;     /* ... 표시 */
    line-height: 1.4;            /* 줄 높이 (선택) */
    max-height: calc(1.4em * 2); /* 2줄 높이 제한 (선택) */
}
.notice-list .text-wraps .ft-16 {
    color: #666;
    white-space: nowrap;        /* 한 줄만 표시 */
    overflow: hidden;           /* 넘치는 부분 숨김 */
    text-overflow: ellipsis;    /* ... 표시 */
}

.downloads-list {border-top:3px solid #fff;}
.downloads-list .content { border: 1px solid #ddd; gap:0.5rem; border-radius: 1rem;}
.downloads-list .content:hover {background-color: rgba(34, 40, 141,0.05);}
/* .downloads-list .content:hover:not(.date) {text-decoration: underline;} */
.downloads-list .content .name>p{    white-space: nowrap;        /* 한 줄만 표시 */
    overflow: hidden;           /* 넘치는 부분 숨김 */
    text-overflow: ellipsis;    /* ... 표시 */}
.downloads-list .content .text-wraps ul {flex-wrap: nowrap;}

/* .downloads-list .content .text-wraps ul .name {margin-right: 3rem;} */
.downloads-list .content .text-wraps ul .name>p {margin-bottom: 0;}
.downloads-list .content .text-wraps ul .file {margin-left:2rem; margin-right: 2rem; width:4rem; border-radius: 50%; background-color: #f9f9f9; height: 4rem; display: flex; justify-content: center; align-items: center; border:1px solid #ddd;}
.downloads-list .content .text-wraps .name p {
    width: calc(100% - 8rem);          /* 필요 시 조정 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    /* 한 줄 고정 */
    display: block;
    color:#000;
}


.downloads-list .content>a {padding:3rem 2rem;}
.downloads-list .content>a>.text-wraps {display: flex; justify-content: space-between; align-items: center; }
.downloads-list .content>a>.text-wraps>ul>.name {flex-basis: calc(100% - 16rem); max-width: calc(100% - 16rem);}
.downloads-list .content>a>.text-wraps>ul>.num {flex-basis: 5rem; max-width: 5rem; flex-shrink: 0; margin-right: 1rem;}
.downloads-list .content>a>.text-wraps>ul>.num .notice-p { background-color: #6ABA50; color:#fff; border-radius: 5rem; width: 5rem; max-width: 5rem; display: flex; justify-content: center; align-items: center;}
.downloads-list .content>a>.text-wraps>ul>.date {flex-basis: 10rem; max-width: 10rem; flex-shrink: 0; }
.downloads-list .content>a>.text-wraps>ul>.date p {text-align: right;}


/*faq*/
.faq-list {width: 100%; border-top:3px solid #fff; margin-top:2rem; }
.faq-list>li {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom:0.5rem;  font-size:2rem; border:1px solid #ddd; border-radius: 1rem; padding:1.6rem 3rem; position: relative; cursor: pointer; }  
.faq-list>li.on {background-color: #f9f9f9;}
.faq-list>li::before {content:''; position: absolute; left:0; top:0; width: 100%; height: 0%; background-color: #f9f9f9; transition: all 0.4s; z-index: -1;}
.faq-list>li:hover::before {height: 100%;}
.faq-list>li.on .title {color:#6ABA50; transition: all 0.4s;}
.faq-list>li.on .inner-contents {display: flex; opacity: 1; transition: all 0.4s; height: auto; visibility: visible; padding-top:2rem; padding-bottom: 2rem;}
.faq-list>li.on .arrow-wrap {transform: rotate(180deg); }
.faq-list>li>.arrow-wrap {position: relative; flex-basis: 2.5rem; height: 2.5rem; background-color: rgba(255,255,255,0.1); border-radius: 50%; padding:0; transition: all 0.4s cubic-bezier(.23,1,.32,1); }
.faq-list>li>.arrow-wrap>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);  }
.faq-list>li>.title {padding-top:1rem; padding-bottom:1rem;  flex-basis: calc(100% - 2.5rem); max-width: calc(100% - 2.5rem); display: flex; justify-content: flex-start; align-items: flex-start;}
.faq-list>li>.title>div {padding-right:1rem;}

.faq-list>li>div>span {font-weight: bold; padding-right:2rem; flex-basis: 3.38rem; }
.faq-list>li>.inner-contents {visibility: hidden; flex-basis: 100%; height: 0; max-width: 100%; justify-content: flex-start; align-items: stretch;  opacity: 0; padding:0; flex-wrap: nowrap; }
.faq-list>li>.inner-contents>span {flex-basis: 3.38rem;}
.faq-list>li>.inner-contents>div {flex-basis: calc(100% - 5.88rem); }



.icon_set {position: relative; display: none;}
.icon_set span {display:inline-block; cursor:pointer; }
.icon_set span + span {margin-left:10px;}
.icon_set span img {width:20px; height:22px;}

.icon_set .print {position: relative; }
.icon_set .print .p_hover { position: absolute; top:25px; right: -35px; text-align: center;  font-size: 13px; background: #fff; border:1px solid #999999; width:100px; padding:10px 0; visibility: hidden;}
.icon_set .print:hover .p_hover {visibility: visible;}


.icon_set .share_wrap {display:none; position:absolute; right:0; top:48px; background: #fff; border:1px solid #dddddd; transition: all 0.5s; width:333px;}
.icon_set .share_wrap .share_t {width:100%; background: #f5f5f5; display: flex; justify-content: space-between;}
.icon_set .share_wrap .share_t .main_p {font-size: 14px; font-weight: 400; padding:10px 15px; }
.icon_set .share_wrap .share_t img { cursor:pointer; height:16px; margin:10px 15px; display: inline-block;} 

.icon_set .share_wrap .s_list {background: #fff; padding:10px;}
.icon_set .share_wrap .s_list .share_list {overflow: hidden; padding:10px 15px;}
.icon_set .share_wrap .s_list .share_list li {float:left;}
.icon_set .share_wrap .s_list .share_list li + li {margin-left:15px;}
.icon_set .share_wrap .s_list .share_list li a img {width:35px; height:35px;}


/*고객지원 (공지사항-세부페이지)*/
.wrap .section_inner .section-cont .container.notice-wrap-view {width:100%; max-width:1200px; margin:50px auto;}
.wrap .section_inner .section-cont .container.notice-wrap-view >.main-nav-sub {border-top:0;}
.wrap .section_inner .section-cont .container.notice-wrap-view>.go-list-wrap {display:flex; justify-content: flex-end; align-items: flex-end; list-style:none;}
.wrap .section_inner .section-cont .container.notice-wrap-view>.go-list-wrap a {padding:10px 20px; color:#fff; background-color:#121212; border:2px solid #fff; margin-bottom:1rem; font-size:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>.go-list-wrap a:hover {opacity: 0.7;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul {width:100%; text-align: center; border-top:5px solid #fff;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>li:first-child {font-size:2.4rem; margin-top:10px; margin-bottom:10px; text-align: left; }
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>li:first-child h2 {padding-top:0.5rem; padding-bottom: 0.5rem; color:#000;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title {border-bottom:1px solid #ddd;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title>ul {display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom:10px;  }
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title>ul>li {padding:5px; font-size:1.6rem;} 
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title>ul>li .bold {padding-left:.5rem;}


.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.contents-wraps {width:100%; padding:5px; min-height:400px; text-align: left; border-bottom:1px solid #ddd; font-size:1.6rem;}
/* 초기화 */
.wrap .section_inner .section-cont .container.notice-wrap-view > ul > .contents-wraps ul,
.wrap .section_inner .section-cont .container.notice-wrap-view > ul > .contents-wraps ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 정상화: 기본 들여쓰기 + 점/숫자 다시 적용 */
.wrap .section_inner .section-cont .container.notice-wrap-view > ul > .contents-wraps ul {
    list-style: disc;
    margin-left: 1.2rem; /* 기본 들여쓰기 */
}

.wrap .section_inner .section-cont .container.notice-wrap-view > ul > .contents-wraps ol {
    list-style: decimal;
    margin-left: 1.2rem;
}

.wrap .section_inner .section-cont .container.notice-wrap-view > ul > .contents-wraps li {
    margin: 0.3rem 0; /* 기본 라인 간격 */
}

.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps {position: relative; margin-left:3rem; width:100%; padding:10px;  text-align: left; display:flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; font-size:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps a {display: inline-block; text-decoration: underline; color:#000;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps a>img {max-width: 25px; display: inline-block; vertical-align: middle; position: relative; top:-3px;} 
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps::before {content:''; position: absolute; top:0%; left:-3rem; width:3rem; height: 3rem;  top:50%; transform: translateY(-50%); background-image: url(/HANJU/public/img/file_download_black_24dp.svg); background-repeat: no-repeat; background-size: cover;}

.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas {width:100%; padding:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li {display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child {padding:10px; opacity: 0.6; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size:1.6rem; max-width: 30%; flex-basis: 30%;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child img {max-width:24px; display:flex; justify-content: flex-start; align-items: flex-start;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child {font-size: 1.6rem; padding:10px; display: flex; justify-content: flex-start; align-items: center;  max-width: 70%; flex-basis: 70%; text-align: left;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child>p {  width: 100%; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child a {color:#666;}

.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start {cursor: pointer;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start:hover {text-decoration: underline;}
/* .wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas>ul> */


.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.contents-wraps {width:100%; padding:5px; min-height:400px; text-align: left; border-bottom:1px solid #000; font-size:1.6rem;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas {width:100%; padding:10px; border-bottom:1px solid #fff; width:100%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child {padding:10px; opacity: 0.6; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size:1.6rem; width:20%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child img {max-width:24px;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child {cursor: pointer; font-size:1.6rem; width:80%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child>p {width:100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } 
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child:hover {text-decoration: underline;}
/* .wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas>ul> */


/*문의하기*/
#inquiry-wrap {display: flex; justify-content: flex-start; align-items: flex-start; gap:4rem;}
#inquiry-wrap .info-wrap {word-break:keep-all; position: sticky; top:12rem; left:0; flex-basis: calc(30% - 2rem); border-radius: 1rem; padding:3rem 5rem; border:1px solid #ddd; }
#inquiry-wrap .i-wrap {flex-basis: calc(70% - 2rem); max-width: calc(70% - 2rem);}
#inquiry-wrap h3 {margin-top:2rem; text-align: left;}
.inquiry .i-wrap .i-info {padding-left:1.6rem; padding-right:1.6rem;}

.inquiry .i-wrap .i-info .i-form .check-box {
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 4rem;
}
.inquiry .i-wrap .i-info .i-form .check-box .title {
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1.8rem;
}
.inquiry .i-wrap .i-info .i-form .check-box .title::after {
  content: "*";
  color: #6ABA50;
  margin-left: 0.5rem;
}
.inquiry .i-wrap .i-info .i-form .check-box .c-list{
  justify-content: flex-start;
  padding-left:1.5rem; padding-right: 1.5rem;

  height: 5.0rem;
  border:1px solid #ddd;
}
.inquiry .i-wrap .i-info .i-form .check-box .c-list li + li {
  margin-left: 2.5rem;
}
.inquiry .i-wrap .i-info .i-form .check-box .c-list li label {
  cursor: pointer;
  font-size:1.6rem;
}
.inquiry .i-wrap .i-info .i-form .check-box .c-list li input[type="radio"] {
  border: 1px solid #999;
  cursor: pointer;
  height: 1.6rem;
  outline: none;
  width: 1.6rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  vertical-align: top;
  margin-top: 0.4rem;
  margin-left: 0;
  margin-right: 0.5rem;
  background: #fff;
}
.inquiry .i-wrap .i-info .i-form .check-box .c-list li input[type="radio"]:checked {
  background-color: #6ABA50;
  /* box-shadow: inset 0 0 0 3px #fff; */
  border: 1px solid #6ABA50;
}
.inquiry .i-wrap .i-info .i-form .form-box {
  width: 100%;
  justify-content: space-between;
}
.inquiry .i-wrap .i-info .i-form .form-box li {
  margin-bottom: 5.0rem;
}
.inquiry .i-wrap .i-info .i-form .form-box_top li{
  flex-basis: 48%;
  max-width: 48%;
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-tit{
  margin-bottom: 0.5rem;
  margin-top:2rem;
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-tit .tit {
  font-size: 1.8rem;
  font-weight: 600;
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-tit .tit::after {
  content: "*";
  color: #6ABA50;
  margin-left: 5px;
}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-tit .tit::after {
  content: "";
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box input {
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  height: 5rem;
  font-size: 1.6rem;
  color: #333;
  padding-left: 1.5rem;
  font-family: "Pretendard";
  color:#000;
  background-color: transparent;
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box input:focus {
  border: 1px solid #6ABA50;
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box textarea {
  padding: 20px 25px;
  margin: 0;
  box-shadow: none;
  background: transparent;
  font-size: 1.6rem;
  color: #333;
  border:1px solid #ddd;
  width: 100%;
  font-family: "Pretendard";
  font-weight: 300;
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box textarea:focus {
  border: 1px solid #6ABA50;
  color:#000;

}
.inquiry .i-wrap .i-info .i-form .form-box .name .i-box input {
  width: 100%;
  
}
.inquiry .i-wrap .i-info .i-form .form-box .company .i-box input {
  width: 100%;
}
.inquiry .i-wrap .i-info .i-form .form-box .tel .i-box input {
  width: 100%;
}
.inquiry .i-wrap .i-info .i-form .form-box .tel .i-box span {
  display: inline-block;
  width: 12px;
  height: 1px;
  background: #666;
  margin: 0 5px;
}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box input {
  width: 100%;
}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box select {
  width: 100%;
  padding: 8px 18px;
  margin: 0 0 0 5px;
  border-radius: 0;
  box-shadow: none;
  background: transparent url("/HANJU/public/img/select.svg") no-repeat 95% 50%;
  height: 5rem;
  font-size: 1.6rem;
  color: #666;
  cursor: pointer;
  position: relative;
  border-radius: 0.3rem;
  border:1px solid #ddd;
}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box_mail{
  justify-content: space-between;
  width:100%;
}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box_mail> div:nth-child(1){
  flex-basis: 30%;
  max-width: 30%;
}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box_mail> div:nth-child(2){
  flex-basis: 2.5%;
  max-width: 2.5%;
}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box_mail> div:nth-child(3){
  flex-basis: 30%;
  max-width: 30%;
}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box_mail> div:nth-child(4){
  flex-basis: 30%;
  max-width: 30%;
}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box label {
  display: inline-block;
  background: #666;
  color: #fff;
  height: 5.0rem;
  width:100%;
  cursor: pointer;

  text-align: center;
  font-size: 1.6rem;
  line-height: 5.0rem;
  transition: all 0.5s;
  vertical-align: middle;
}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box label:hover {
  background: #333;
  transition: all 0.5s;
}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box .f-name {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  font-size: 1.6rem;
  color: #999;
  width:100%;
  border:1px solid #ddd; 
  border-right:0;
}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box_file{
  justify-content: space-between;
}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box_file> div:first-child{
  flex-basis: calc(100% - 20rem);
  max-width: calc(100% - 20rem);
}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box_file> div:last-child{
  flex-basis: 20rem;
  max-width: 20rem;
  justify-content: flex-end;
}

.inquiry .i-wrap .i-info .i-form .form-box .file .i-box #file-select {
  flex-basis: 20rem;
  max-width: 20rem;
}


.inquiry .i-wrap .i-info .i-form .agree-wrap .a-title {
  display: flex;
  justify-content: center;
  font-size: 2.0rem;
  margin-top: 5.0rem;
}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-title input[type="checkbox"] {
  width: 2.0rem;
  height: 2.0rem;
  vertical-align: middle;
  border: none;
  margin: 0.5rem 1.2rem 0 0;
  -webkit-appearance: checkbox;
  font-weight: 400;
  cursor: pointer;
}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-title .option {
  font-size: 1.5rem;
  color: #707070;
  margin-top: 1px;
  margin-left: 5px;
  transition: all 0.3s;
}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-title .option:hover {
  text-decoration: underline;
  transition: all 0.3s;
}

.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner {
  width: 100%;
  border: 1px solid #ddd;
  height: 250px;
  overflow-y: auto;
  margin-top: 20px;
  padding: 30px 40px;

}

.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner p {font-size: 1.6rem; margin-bottom: 0.5rem;}

.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .title {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 40px;
}

.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .a-list li + li {
  margin-top: 30px;
}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .a-list li .sub_title {
  font-size: 1.7rem;
  margin-bottom: 15px;
  font-weight: bold;
}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .a-list li .main {
  font-size: 1.5rem;
  color: #666;
}

.inquiry .i-wrap .i-info .i-form .form-btn .submit_btn {
  width: 20rem;
  border:1px solid #000;


  color: #000;
  font-size: 1.8rem;
  float: none;
  margin: 5.0rem auto 0;
  box-shadow: none;
  border-radius: 1000px;
  padding: 15px 20px;
  font-weight: 400;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  text-align: center;
}
.inquiry .i-wrap .i-info .i-form .form-btn .submit_btn:hover {
  transition: all 0.4s ease-in-out;
  background-color: #6ABA50;
  border:1px solid #6ABA50;
  color:#fff;
}



.embed-youtube {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.embed-youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*공통 페이지네이션*/
.pagination {width:100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top:25px; margin-bottom:100px;}
.pagination>li {cursor: pointer; width:40px; height:40px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border:1px solid #ddd; margin-right:2px; font-size:1.4rem;} 
.pagination>li.active {font-weight: bold; color:#4382dd; background-color:#fafafa; }
.pagination>li:hover {background-color:#fafafa;}



footer {width:100%; height:100%; padding-left:1rem; padding-right: 1rem;  font-weight: 300; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding-top:5rem; padding-bottom:5rem; background-color: #fff;}
footer ul {flex-basis: 100%; max-width: 1600px;}
footer ul .logo-wraps { max-width:100%; padding:1rem 0; display: flex; justify-content: space-between; margin-bottom: 1rem;}

footer ul .logo-wraps .menu-list {display: flex; justify-content: center; align-items: center; gap:3rem;}
footer ul .logo-wraps .menu-list>a {color:#000; font-weight: bold;}
footer ul .logo-wraps a {max-width: 32rem; margin-bottom: 2rem;}
footer ul .logo-wraps img {width: 100%;;}

footer ul .menu-wraps {border-bottom:1px solid rgba(0,0,0,0.1);}
footer ul .menu-wraps ul {display:flex; justify-content: flex-start;}
footer ul .menu-wraps .menu-list li {padding:15px 10px; font-size:1.4rem;}
footer ul .menu-wraps .menu-list li a {color:rgba(255,255,255,0.6); transition: all 0.4s;}
footer ul .menu-wraps .menu-list li a:hover {opacity: 0.5;}

footer ul .contact-wraps {border-bottom:1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; padding-bottom:2rem;}
footer ul .contact-wraps .item {margin-right: 2rem; width: 50%; max-width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
footer ul .contact-wraps .item .list {margin-right: 2rem; margin-bottom: 0.5rem;}
footer ul .contact-wraps .item .list b {margin-right: 0.5rem; font-weight: bold;}
/* footer ul .contact-wraps .item span */

footer ul .mail-wraps {width:100%; border-bottom:1px solid rgba(255,255,255,0.1);}
footer ul .mail-wraps p {font-size:2rem; color:rgba(255,255,255,0.7); text-align: center; padding-top:2rem; padding-bottom:2rem;}
footer ul .mail-wraps p>b {margin-right:2rem;}

footer> ul .copyright-wraps .content .ft-16 {color:#666; text-align: center; padding-top:0.5rem; padding-bottom:0.5rem;}

/*****탑버튼*****/
.topbtn {position: fixed; right:2rem; bottom:3rem;  z-index: 999; width:50px; height:50px; border:3px solid #fff;  cursor:pointer;  text-align: center;}
.topbtn img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 2rem;}






/*CK에디터 초기화 */
/* CKEditor 내부 콘텐츠 스타일 복구 (Reset 무력화) */

/* 1. 기본 리스트 스타일 복구 (가장 중요한 부분) */
.contents-wraps ul {
    display: block;
    list-style-type: disc !important;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px !important;
}

.contents-wraps ol {
    display: block;
    list-style-type: decimal !important;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px !important;
}

.contents-wraps li {
    display: list-item;
    text-align: -webkit-match-parent;
}

/* 중첩된 리스트 스타일 지정 (ul 안에 ul, ol 안에 ol 등) */
.contents-wraps ul ul,
.contents-wraps ol ul {
    list-style-type: circle !important;
}

.contents-wraps ol ol,
.contents-wraps ul ol {
    list-style-type: lower-alpha !important;
}

/* 2. 제목 태그 스타일 복구 (폰트 크기 및 굵기) */
.contents-wraps h1 { font-size: 2em; margin: 0.67em 0; font-weight: bold; }
.contents-wraps h2 { font-size: 1.5em; margin: 0.83em 0; font-weight: bold; }
.contents-wraps h3 { font-size: 1.17em; margin: 1em 0; font-weight: bold; }
.contents-wraps h4 { font-size: 1em; margin: 1.33em 0; font-weight: bold; }
.contents-wraps h5 { font-size: 0.83em; margin: 1.67em 0; font-weight: bold; }
.contents-wraps h6 { font-size: 0.67em; margin: 2.33em 0; font-weight: bold; }

/* 3. 기본 텍스트 서식 복구 */
.contents-wraps p {
    margin-bottom: 1em;
    line-height: 1.6; /* 가독성을 위해 권장 */
}

.contents-wraps strong, 
.contents-wraps b {
    font-weight: bold !important;
}

.contents-wraps em, 
.contents-wraps i {
    font-style: italic !important;
}

.contents-wraps a {
    text-decoration: underline;
    color: #0000EE; /* 기본 링크 색상 혹은 사이트 테마색 */
    cursor: pointer;
}

.contents-wraps blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    padding: 10px;
    background: #f9f9f9;
    border-left: 5px solid #ccc;
}

/* 4. 테이블 스타일 복구 */
.contents-wraps table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1em;
    width: 100%; /* 필요 시 조절 */
}

.contents-wraps table td, 
.contents-wraps table th {
    border: 1px solid #ccc; /* 테두리가 보여야 관리하기 편함 */
    padding: 8px;
}

/* 5. 이미지 반응형 처리 */
.contents-wraps img {
    max-width: 100%;
    height: auto;
}