/* 서브 배너 */
.sub-banner {width: 100%; padding-top:20rem;  width: 100%; position: relative;}
.sub-banner .cont-1600 h2 {font-weight: 800; 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; margin-bottom: 5rem;}
.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(/DONGKWANG/public/img/arrow_forward_ios.svg);  background-repeat: no-repeat; background-position: center;}


.side-btn {cursor: pointer; transition: all 0.5s; gap:2rem; display: inline-block; padding:2rem; background-color: #22288D; color:#fff; position: fixed; top:50%; right:0%; transform: translate(calc(50% - 3rem),-50%) rotate(90deg); z-index: 2; display: flex; justify-content: center; 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: 3;}
.side-btn>p {line-height: 1;}
.side-btn>img {rotate: -90deg;}
.side-btn:hover {background-color: #0b0e44;}
/*로딩 관련*/


@-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%; }
.no-results>p {font-size:1.6rem;}

.no-results .return-btn { padding:10px; color:#fff; background-color: #0c2340; 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%; 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;}
.menu-line>li:hover a {color:#22288D;}
.menu-line>li>a {font-size:1.6rem; text-align: center; padding:1rem 2.5rem; vertical-align: middle; height: 100%; display: flex; justify-content: center; align-items: center; border-bottom: 4px transparent; }
.menu-line .active>a {color:#22288D; font-size:1.6rem; font-weight: bold; width:100%; height:100%; border-bottom:4px solid #22288D; }

.menu-line {width:100%; height:5.4rem; border-bottom:1px solid #ddd; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; background-color:#fff; overflow-x: auto; overflow-y: hidden;}
.menu-line>li {text-align: center;  white-space: nowrap;}
.menu-line>li {text-align: center;  white-space: nowrap;}


.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(/DONGKWANG/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(/DONGKWANG/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(/DONGKWANG/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>.flex-2ea {gap:2rem; align-items: flex-start;}
#company>.cont-1600>.content.img-wrap {position: relative; display: flex; align-items: flex-start; justify-content: flex-start;}
#company>.cont-1600>.content.text-wrap {position: relative; padding:5rem;}
#company>.cont-1600>.content.text-wrap .map {position: relative; overflow: hidden; margin-top:5rem;}
#company>.cont-1600>.content.text-wrap .map .dot-wrap {position: absolute; top:48%; right:58%; transform: translate(50%,-50%); z-index: 2;}
#company>.cont-1600>.content.text-wrap .map .dot-wrap .ft-14 {color:#fff; }
#company>.cont-1600>.content.text-wrap .map .dot-wrap .dot {width: 14px; height: 14px; background-color: #22288D; border-radius: 50%; position: relative; margin : 0 auto; margin-bottom: 1rem; z-index: 1;}
#company>.cont-1600>.content.text-wrap .map .dot-wrap .dot::before {content:''; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:30px; height: 30px; background-color: rgb(34, 40, 141,0.2); border-radius: 50%; animation: loca_ani 2.5s infinite linear;}
#company>.cont-1600>.content.text-wrap .map .arrow {position: absolute; top:50%; left:50%; transform: translate(-75%,-61%); width: 60%; }

#company-product-list {padding-top:10rem; padding-bottom: 10rem; position: relative; z-index: 1; overflow: hidden;}
#company-product-list::before,
#company-product-list::after {
  content: '';
  position: absolute;
  top: 0;
  width: 20rem;
  height: 100%;
  z-index: 2;
}

#company-product-list::before {
  left: 0;
  background: linear-gradient(to right, #080A10 0%, transparent 100%);
}

#company-product-list::after {
    /*  */
  right: 0;
  background: linear-gradient(to left, #080A10 0%, transparent 100%);
}

#company-product-list .partners-wrap {margin-top:3rem; overflow: visible;  }
#company-product-list .partners-wrap ul {display: flex; justify-content: start; align-items: center; flex-wrap: nowrap; transition-timing-function: linear;}
#company-product-list .partners-wrap ul li {padding:2rem; background-color: rgba(255,255,255,0.05); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; border-radius: 1rem; width:18rem; height: 18rem; border-radius: 1.5rem;  display: flex; justify-content: center;}
#company-product-list .partners-wrap ul li>img {filter: grayscale(100%); transition: all 0.4s cubic-bezier(.23,1,.32,1);}
#company-product-list .partners-wrap ul li:hover img {filter: grayscale(0);}
#atoz .content .ft-50 {font-weight: bold; text-align: center; line-height: 1.2;}
#atoz .content .ft-24 {text-align: center;}



/*제품소개 중고부품*/
.product-banner .item {position: relative; width: 100%; aspect-ratio: 16 / 4 ;}
.product-banner .item img {width: 100%; height: 100%;  }
.product-banner .item .title {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: calc(100% - 12rem)}
.product-banner .item .title div {line-height: 1.2; text-align: center; font-weight: 300;}
.ment-wrap .title-wrap {line-height: 1.2;}

.st-wrap {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.st-wrap .title-wrap {flex-basis: 30%; max-width: 30%; position: sticky; top:12rem; left:0;}
.st-wrap>.content {flex-basis: 70%; max-width: 70%; }
.st-wrap>.content .item {width: 100%; padding-bottom: 8rem; padding-top:8rem; opacity: 0.25; transition: all 1.2s;}
.st-wrap>.content .item .title {display: flex; justify-content: flex-start; gap:3rem; }
.st-wrap>.content .item .title .icon {flex-basis: 10.8rem; max-width: 10.8rem; height:10.8rem; background-color: rgba(255,255,255,0.1); border-radius: 1.5rem; flex-shrink: 0;}
.st-wrap>.content .item .title .ft-36 {line-height: 1.2; font-weight: 600;}
.st-wrap>.content .item .sub-contents {padding-left:13.8rem; width: 100%; max-width: 80rem; margin-top:1rem;}

.st-wrap>.content .item.active .title .icon {background-color: #22288D;}
.st-wrap>.content .item.active {opacity: 1;}



@keyframes loca_ani {
  0%{
    transform: translate(-50%,-50%)scale(1);
    background-color: rgb(34, 40, 141,0.2);
  }
  100% {
    transform: translate(-50%,-50%)scale(2);
    background-color: rgb(34, 40, 141,0.5);
  }
}



#main-sub-banner {align-items: stretch; overflow: hidden;}
#main-sub-banner .content {padding:10rem 4rem; position: relative; gap:2rem; overflow: hidden;}
#main-sub-banner .content .pd {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%; pointer-events : none;  }
#main-sub-banner .content .item {position: relative; z-index: 2; flex-basis: calc(100% - 17rem); max-width: calc(100% - 17rem); transform: translateY(20px); transition: all 0.8s; }
#main-sub-banner .content .item .ft-40 {line-height: 1.2;}
#main-sub-banner .content .item .sub-name {visibility: hidden; opacity: 0; transition: all 0.8s; position: relative; transform: translateY(20px); z-index: 2;}
#main-sub-banner .content:hover .item .sub-name {visibility: visible; opacity: 1;}
#main-sub-banner .content:hover .item {transform: translateY(0);}
#main-sub-banner .content .actionBtn24-wrap {z-index: 2;}
#main-sub-banner .content::before {content:''; position: absolute; top:0; left:0; width: 100%; height: 0%; background-color: rgba(0,0,0,0.3); z-index: 1; transition: all 0.4s;}
#main-sub-banner .content:hover::before {height: 100%;}

#main-sub-banner .content.export {background-color: #22288D;}
#main-sub-banner .content.export .pd {width: auto; height: auto; top:0%; left:0%; transform: translate(0%,0%);}












#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;}
.yuwon-table {border-top:3px solid #000; width: 100%;  }
.yuwon-table tr th {font-weight: bold; padding:1.6rem; vertical-align: middle;} 
.yuwon-table tr th p {word-break: break-all;}
.yuwon-table tr td { vertical-align: middle; padding:1.6rem;} 
.yuwon-table tr td a {word-break: break-all;}
.yuwon-table tr td a {word-break: break-all;}
.yuwon-table tr {border-bottom: 1px solid #ddd;}
/* .yuwon-table tr:hover  {background-color: #22288D; color:#fff; transition: all 0.4s;} */
/* .yuwon-table tr:hover p {color:#fff;} */
.yuwon-table a {color:#000;}



/*오시는길 */
#location .yuwon-table tr th {width:14rem;}
#location .yuwon-table tr td {color:#fff;}
#location .yuwon-table tr {border:none;}
#location .yuwon-table a {color:#fff !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 .yuwon-table {border-top:0;}

.map-wrap { width: 100%; max-width: 100%; /* 필요하면 제한 */ aspect-ratio: 4 / 3; /* 핵심: 16:9 비율 유지 */ overflow: hidden;}
.map-wrap iframe {width: 100%;height: 100%;border: 0;display: block;}

/*원료특징*/
#ch-wrap {width: 100%; height:100%; flex-wrap: nowrap;  background-image: url(/DONGKWANG/public/img/ch-01.jpg); background-position: center; background-size: cover; color:#fff; background-color: #22288D;}
#ch-wrap .cont-1600 {display: flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom: 3rem;}
#ch-wrap .cont-1600:first-child {border-bottom:3px solid #fff;}
#ch-wrap .text-wrap {flex-basis: 30%; max-width: 30%; padding-right:6rem;}
#ch-wrap .text-wrap h3 {margin-bottom: 2rem;}
#ch-wrap .tab-wrap {flex-basis: 70%; max-width: 70%; gap:2rem; }
#ch-wrap .tab-wrap .content {border-radius: 1.5rem; padding-top:5rem; padding-block-end: 5rem;}
#ch-wrap .tab-wrap .content img {display: block; margin: 0 auto; margin-bottom: 2rem;}
#ch-wrap .tab-wrap .content.active {background-color: #22288D;}
#ch-wrap .tab-wrap .content p {text-align: center;}

#ch-wrap .cont-1600.pd-detail {padding-top:5rem;}
#ch-wrap .cont-1600.pd-detail .flex-2ea {align-items: flex-start; }
#ch-wrap .cont-1600.pd-detail .flex-2ea .content {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content:first-child {padding-right: 8rem;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content div:first-child {flex-basis: 15rem; max-width: 15rem; flex-shrink: 0; margin-right: 2rem;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content div:first-child span {line-height: 1.2;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content div span {color:rgba(255,255,255,0.6);}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents {flex-direction: column;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents>div {flex-basis: 100%; max-width: 100%;  flex-wrap: nowrap; margin-bottom: 2rem;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents>div .ft-36 {line-height: 1.2;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents>div .ft-30 {line-height: 1.2;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents>ul {flex-basis: 100%; max-width: 100%; }
#ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents>ul li {padding:1rem 0; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 1rem; background-color: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: 0.3rem; border:1px solid transparent; transition: all 0.4s;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents>ul li:hover {border:1px solid #fff;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents>ul li p {padding:0.5rem 3rem;}
#ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents>ul li p:first-child {border-right:1px solid rgba(255,255,255,0.3); }

#section_05 .cont-1600 .icon-wrap#product-banner {justify-content: flex-end;}


/*공장갤러리*/
#factory-gallery {width: 100%; }
#factory-gallery .flex-4ea {gap:2rem;}
#factory-gallery .flex-4ea .text-wrap {padding:1rem;}
#factory-gallery .flex-4ea .img-wrap {border-radius: 0.5rem; overflow: hidden;}


.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%;}
  /*타이틀*/

.search-line {width:100%; max-width: 35rem; border:1px solid #fff; margin-bottom:5rem; border-radius: 0.5rem; border-radius: 0.3rem; }
.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"; border-radius: 0.5rem; background-color: #121212; color:#fff;}
.search-line>ul>li:last-child {width:5rem; flex-basis: 5rem; max-width: 20%;  cursor: pointer; display: flex; justify-content: center; align-items: center;}
.search-line>ul>li:last-child img {width: 100%; max-width: 2rem;}
.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 rgba(255,255,255,0.3); transition: all 0.8s;}
.gallery-wrap .thumbnails-list .content:hover {background-color: rgb(34, 40, 141, 0.3);}
.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:#fff; padding:1rem; width: 100%;}
.gallery-wrap .thumbnails-list .content>a>.text-wraps>ul>.category {padding:0.5rem; border-radius: 3rem; background-color: #fff;}
.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:#22288D; text-align: center;}



 
.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: #121212;}
.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: rgba(255,255,255,0.5);
    white-space: nowrap;        /* 한 줄만 표시 */
    overflow: hidden;           /* 넘치는 부분 숨김 */
    text-overflow: ellipsis;    /* ... 표시 */
}

.downloads-list {border-top:3px solid #fff;}
.downloads-list .content { border-bottom: 1px solid rgba(255,255,255,0.1); gap:0;}
.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;}
.downloads-list .content .text-wraps .name p {
    width: 100%;            /* 필요 시 조정 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    /* 한 줄 고정 */
    display: block;
    color:#fff;
}


.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: #22288D; 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; border-bottom:1px solid rgba(255,255,255,0.1);}
.faq-list>li {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size:2rem; border-top:1px solid rgba(255,255,255,0.1); padding:1.6rem 3rem; position: relative; cursor: pointer; }  
.faq-list>li.on {background-color: rgb(34, 40, 141, 0.3);}
.faq-list>li::before {content:''; position: absolute; left:0; top:0; width: 100%; height: 0%; background-color: rgb(34, 40, 141, 0.3); transition: all 0.4s; z-index: -1;}
.faq-list>li:hover::before {height: 100%;}
.faq-list>li.on .title {color:#fff; 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%); filter: invert(100%); }
.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%;  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;  padding-left:1.5rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>li:first-child h2 {padding-top:0.5rem; padding-bottom: 0.5rem;}
.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; padding-left:1rem; }
.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;  border-bottom:1px solid #fff; 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 {width:100%; padding:10px; border-bottom:1px solid #fff; text-align: left; display:none; 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;}
.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 a:hover {text-decoration: underline;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas {width:100%; padding:10px; border-bottom:1px solid #fff;}
.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; filter:invert(100%)}
.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:#fff;}

.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; background-color: #151B7C;}
#inquiry-wrap .i-wrap {flex-basis: calc(70% - 2rem); max-width: calc(70% - 2rem);}
#inquiry-wrap h3 {margin-top:2rem;}
.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: #22288D;
  margin-left: 0.5rem;
}
.inquiry .i-wrap .i-info .i-form .check-box .c-list{
  justify-content: flex-start;
  background: #121212;
  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: #121212;
}
.inquiry .i-wrap .i-info .i-form .check-box .c-list li input[type="radio"]:checked {
  background-color: #22288D;
  /* box-shadow: inset 0 0 0 3px #fff; */
  border: 1px solid #22288D;
}
.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: #22288D;
  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;
  background: #121212;
  font-family: "Pretendard";
  color:#fff;
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box input:focus {
  border: 1px solid #fff;
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box textarea {
  padding: 20px 25px;
  margin: 0;
  box-shadow: none;
  background: #121212;
  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 #fff;
  color:#fff;

}
.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: #121212 url("/DONGKWANG/public/img/select.svg") no-repeat 95% 50%;
  height: 5rem;
  font-size: 1.6rem;
  color: #fff;
  cursor: pointer;
  position: relative;
  border-radius: 0.3rem;
  border:1px solid #fff;
}
.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: #121212;
  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;
  background-color:#121212;
}

.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 #fff;

  color: #fff;
  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: #22288D;
  border:1px solid #22288D;
}



.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; border-top:1px solid rgba(255,255,255,0.2); background-color:#0000;  font-weight: 300; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding-top:5rem; padding-bottom:5rem;}
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: 3rem;}

footer ul .logo-wraps .menu-list {display: flex; justify-content: center; align-items: center; gap:3rem;}
footer ul .logo-wraps .menu-list>a {color:#fff; 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; display: flex; justify-content: flex-start; align-items: center;}
footer ul .contact-wraps .item .list a {color:#d0d0d0;}
footer ul .contact-wraps .item .list b {margin-right: 1rem; 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;
}