/* 서브 배너 */
.sub-banner {width: 100%; padding-top:20rem;  width: 100%;}
.sub-banner .cont-1600 h2 {font-weight: 400; color:#000;}

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




/*로딩 관련*/


@-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(/YUWON/public/img/company_bg_01.webp); 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 .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:#fff; 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(/YUWON/public/img/ceo-bg.webp); }
.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>.cont-1600>.text-wrap {padding-right:8rem;}
#company .img-wrap img {width:100%;}

#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;}


/*2. 회사개요 */
#ceo .flex-2ea .content {padding-right: 5rem;}
#ceo .flex-2ea .content p {line-height: 1.8;}

/* 3.경영이념 */
.banner {position: relative; height: 55rem;}
.banner .pd {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%;}
.banner .text-wrap {width: 100%; max-width: 50%;}
.banner div {color:#fff;}


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


/*오시는길 */
#location .yuwon-table tr th {width:20rem;}

/*원료특징*/
#ch-wrap {width: 100%; height:100%; flex-wrap: nowrap;  background-image: url(/YUWON/public/img/ch-01.webp); 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); }


/*제품특징*/
.detail-icon-list {padding:0 3rem; border:1px solid #ddd; border-radius: 2rem; width: 100%;}
.detail-icon-list>li {border-bottom:1px dotted #ddd; padding-bottom: 3rem; padding-top:3rem; }
.detail-icon-list>li:last-of-type:last-child {border-bottom: 0;}
.detail-icon-list>li>.icon {width: 11rem;  height: 11rem; border-radius: 1.5rem; background-color: #F3F5F7;}
.detail-icon-list>li>.text {padding-left:3rem; padding-right:3rem; flex-basis: calc(100% - 11rem); max-width: calc(100% - 11rem);}
.detail-icon-list>li>.text h4 {color:#000;}



#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;}






/* 5.인증서 */
#certificate-wrap {width:100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-bottom:10rem;}
#certificate-wrap .content {flex-basis: 24%; max-width: 24%; margin:0.5%;}
#certificate-wrap .content>a>.c-img>img {border:4px solid #333333;}
#certificate-wrap .content>.text-wrap>p {font-size:1.6rem;}




/* 제품 */
/* #section_03 {height: 80dvh;} */
.pd-detail-wrap .cont-1600 {display: flex; justify-content: flex-start; align-items: flex-start;}
.pd-detail-wrap .cont-1600 .side-menu-wrap {flex-basis: 25%; max-width: 25%; position: sticky; top:15rem; left:0;}
.pd-detail-wrap .cont-1600 .side-menu-wrap>ul>li {margin-bottom: 2rem; line-height: 1.2;}
.pd-detail-wrap .cont-1600 .side-menu-wrap>ul>li>a {display: inline-block; transition: all 0.4s cubic-bezier(.23,1,.32,1);}
.pd-detail-wrap .cont-1600 .side-menu-wrap>ul>li>.active { font-weight: bold; color:#000;}
/* .pd-detail-wrap .cont-1600 .side-menu-wrap>ul>li.active>a{color:#000; font-weight: bold;} */
.pd-detail-wrap .cont-1600 .product-wrap {flex-basis: 75%; max-width: 75%;}
.pd-detail-wrap .cont-1600 .product-wrap>.item { padding-bottom: 10rem;}
.pd-detail-wrap .cont-1600 .product-wrap>.item .img-wrap {background-color: #F3F5F7; padding:3rem; width: 35%; max-width: 35%; border-radius: 1.5rem; flex-shrink: 0; min-height: 40rem;} 
.pd-detail-wrap .cont-1600 .product-wrap>.item .text-wrap { padding:5rem; width: 65%; max-width: 65%; }
.pd-detail-wrap .cont-1600 .product-wrap>.item .title-wrap {flex-basis: 100%; max-width: 100%; font-weight: bold; color:#000; margin-bottom: 3rem;}

.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 #000; margin-bottom:5rem; border-radius: 0.5rem;}
.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;}
.search-line>ul>li:last-child {width:5rem; flex-basis: 5rem; max-width: 20%; background-color:#000; 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 {background-color:#000;}


#process-wrap .flex-5ea {gap:2rem; align-items: flex-start;}
#process-wrap .flex-5ea .content {overflow: visible; position: relative;}
#process-wrap .flex-5ea .content .item {cursor: pointer;  flex-wrap: nowrap; position: relative; padding:0.5rem; display: flex;  justify-content: space-between; border-radius: 2rem; margin-bottom: 4rem; margin-top:4rem; transition: all 0.8s cubic-bezier(.23,1,.32,1);}
#process-wrap .flex-5ea .content .item.green {background-color: #6ABA50; color:#fff;}
#process-wrap .flex-5ea .content .item.blue {background-color: #22288D; color:#fff; }
#process-wrap .flex-5ea .content .item.yellow {background-color: #FFCC00; color:#fff; }
#process-wrap .flex-5ea .content .item .img-wrap {border-radius: 2rem; overflow: hidden; width: 10rem; flex-shrink: 0;}
#process-wrap .flex-5ea .content .item .img-wrap img {width: 100%; height: 100%;}
#process-wrap .flex-5ea .content .item .text-wrap {padding:1rem;}
#process-wrap .flex-5ea .content .item .text-wrap p {line-height: 1.3; text-align: center;}
#process-wrap .flex-5ea .content .item .btn-wrap {padding:3rem;}
#process-wrap .flex-5ea .content .item .cont-wrap {padding:2rem; opacity: 0; visibility: hidden; background-color: #000; color:#fff; flex-basis: 100%; max-width: 100%; position: absolute; top:calc(100% - 4rem); left:50%; transform: translate(-50%,0%); width: 100%; z-index: 1; border-radius: 0 0 2rem 2rem; transition: all 0.8s cubic-bezier(.23,1,.32,1);}
#process-wrap .flex-5ea .content .item .cont-wrap>p {line-height: 1.4;}
/* #process-wrap .flex-5ea .content .item .cont-wrap {display: none;} */
#process-wrap .flex-5ea .content .item:hover .btn-wrap {transition: all 0.8s;}


#process-wrap .flex-5ea .content .item.active {z-index: 3; border-radius: 2rem 2rem 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; }
#process-wrap .flex-5ea .content .item.active .btn-wrap {transform: rotate(180deg);}
#process-wrap .flex-5ea .content .item.active .cont-wrap {top:100%; visibility: visible; opacity: 1;   }

#process-wrap .flex-5ea .content .item.green .cont-wrap{background-color: #000;}
#process-wrap .flex-5ea .content .item.blue .cont-wrap{background-color: #000;}
#process-wrap .flex-5ea .content .item.yellow .cont-wrap{background-color: #000;}

#process-wrap .flex-5ea .content .item.v-hidden {visibility: hidden;}
#process-wrap .flex-5ea .content .item.t-line::before {content:''; position: absolute; top:0%; left:50%; transform: translate(-50%,-100%); width:1px; height:2rem; background-color: #666;}
#process-wrap .flex-5ea .content .item.b-line::after {content:''; position: absolute; bottom:0%; left:50%; transform: translate(-50%,100%); width:1px; height:2rem; background-color: #666;}
#process-wrap .flex-5ea .content .item.t-line-half::before {content:''; position: absolute; top:0%; left:50%; transform: translate(-50%,-100%); width:1px; height:1rem; background-color: #666;}
#process-wrap .flex-5ea .content .item.b-line-half::after {content:''; position: absolute; bottom:0%; left:50%; transform: translate(-50%,100%); width:1px; height:1rem; background-color: #666;}

#process-wrap .flex-5ea .content .item.center-item {transform: translateX(calc(-50% - 1rem)); margin-bottom: 4rem; margin-right:2rem; }

#process-wrap .flex-5ea .content .item .l-line {position: absolute; top:-2rem; left:-1rem; width:calc(50% + 1rem);  height:1px; background-color: #666;}
#process-wrap .flex-5ea .content .item .l-b-line {position: absolute; bottom: calc(-2rem - 1px); left:-1rem; width:calc(50% + 1rem);  height:1px; background-color: #666;;}
#process-wrap .flex-5ea .content .item .r-line {position: absolute; top:-2rem; right:-1rem; width:calc(50% + 1rem);  height:1px; background-color: #666;}
#process-wrap .flex-5ea .content .item .r-b-line {position: absolute; bottom: calc(-2rem - 1px); right:-1rem; width:calc(50% + 1rem);  height:1px; background-color: #666;;}

#process-wrap .flex-5ea .content .line {width: calc(100% + 2rem); height: 1px; position: absolute; top:0; left:-1rem; background-color: #666; }

#process-wrap .flex-5ea .content .item .r-c-line {position: absolute; top:50%; transform: translateY(-50%); right:-2rem; width:2rem;  height:1px; background-color: #666;}
#process-wrap .flex-5ea .content .item .r-c-line-full {position: absolute; top:50%; transform: translateY(-50%); right:calc(-50% - 4rem); width:calc(50% + 4rem); height:1px; background-color: #666;}
#process-wrap .flex-5ea .content .item .right-half {width: 1px; height: calc(50% + 2rem); top:calc(100% - 2rem + 3px); transform: translateY(-50%); background-color: #666; position: absolute; right:-1rem;}
#process-wrap .flex-5ea .content .item .l-c-line {position: absolute; top:50%; transform: translateY(-50%); left:-2rem; width:2rem;  height:1px; background-color: #666;}

#process-wrap .flex-5ea .notice-process {position: absolute; top:5rem; left:1rem; z-index: 1; padding:2rem; background-color: #f9f9f9; border-radius: 1rem;}
#process-wrap .flex-5ea .notice-process>div {margin-bottom: 0.25rem;}
#process-wrap .flex-5ea .notice-process .box {width:2rem; height: 2rem; border-radius: 0.3rem; margin-right: 1rem;}
#process-wrap .flex-5ea .notice-process .box.blue {background-color: #22288D;}
#process-wrap .flex-5ea .notice-process .box.green {background-color: #6ABA50;}
#process-wrap .flex-5ea .notice-process .box.yellow {background-color: #FFCC00;}



/*품질관리*/
#quality-01 .flex-5ea {flex-wrap: wrap;}
#quality-01 .flex-5ea .content a {position: relative;}
#quality-01 .flex-5ea .content .name-wrap {padding:1.6rem;}
#quality-01 .flex-5ea .content a::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-02 .flex-3ea .content {padding:5rem 3rem; border-radius: 3rem; overflow: hidden; background-color: #F8F8F8; align-items: flex-start;} 
#quality-02 .flex-3ea .content>div {width: 100%;}
#quality-02 .flex-3ea .content .image {width: 100%; margin-bottom: 1rem;}
#quality-02 .flex-3ea .content .text {width: 100%;  text-align: left; padding:0 2rem;}
#quality-02 .flex-3ea .content .text .ft-14 {color:#666;}
#quality-02 .flex-3ea .content .text .ft-20  {line-height: 1.4; margin-bottom: 1rem;}
/* #quality-02 .flex-3ea .content .text .ft-14 {text-align: left;} */

/*인재*/
.emp {width:100%; position: relative; margin-bottom:5rem;}
.emp .emp-notice-wrap {background-color:#ffffff; color:#333333; padding:4rem; }
.emp .emp-notice-wrap>ul {display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
.emp .emp-notice-wrap>ul>li {flex-basis: 50%; max-width: 50%;  padding:2rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.emp .emp-notice-wrap>ul>li>.img-wrap {flex-basis: 30%; max-width: 30%;}
.emp .emp-notice-wrap>ul>li>.img-wrap>img {width:50px;margin: 0 auto;}
.emp .emp-notice-wrap>ul>li>.text-wrap {flex-basis: 70%; max-width: 70%; padding:1rem;}
.emp .emp-notice-wrap>ul>li>.text-wrap>h2 {font-size:2rem;}
.emp .emp-notice-wrap>ul>li>.text-wrap>p {font-size:1.6rem;}
/* .emp .emp-notice-wrap>ul>li:hover {background-color:rgba(0,0,0,0.05);} */
.emp .emp-notice-wrap>ul>li:nth-child(1) {border-right:1px dotted rgba(0,0,0,0.1); border-bottom:1px dotted rgba(0,0,0,0.1);}
.emp .emp-notice-wrap>ul>li:nth-child(2) {border-bottom:1px dotted rgba(0,0,0,0.1);}
.emp .emp-notice-wrap>ul>li:nth-child(3) {border-right:1px dotted rgba(0,0,0,0.1);}
.emp .emp-notice-wrap>ul>li>h2 {font-size:2.4rem;}
.emp .emp-notice-wrap>ul>li>p {font-size:1.6rem; font-weight: 300;}


.em-notice-btn {width:100%; background-color:#C81D09; color:#fff; font-size:1.8rem; margin-bottom:10rem; padding:2rem 1rem; text-align: center; transition: all 0.4s; cursor: pointer;}
.em-notice-btn:hover {opacity: 0.7;}


.facility .flex-2ea {align-items: flex-start !important;}
.facility .yuwon-table thead tr th {width: 25rem;}
.facility .yuwon-table thead tr th:nth-child(2) {font-weight: 400;}
.facility .yuwon-table thead tr th p {line-height: 1.4;}




.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>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;  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:#C81D09; text-align: center;}


.gallery-wrap .thumbnails-list.gallery-style .content {background-color: transparent;}
.gallery-wrap .thumbnails-list.gallery-style .content>a>.text-wraps {background-color: transparent; padding:1rem 0;}
 
.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: #f9f9f9;}
.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(0,0,0,0.5);
    white-space: nowrap;        /* 한 줄만 표시 */
    overflow: hidden;           /* 넘치는 부분 숨김 */
    text-overflow: ellipsis;    /* ... 표시 */
}

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

/* .dataroom-list .content .text-wraps ul .name {margin-right: 3rem;} */
.dataroom-list .content .text-wraps ul .name>p {margin-bottom: 0;}
.dataroom-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;}
.dataroom-list .content .text-wraps .name p {
    width: 100%;            /* 필요 시 조정 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    /* 한 줄 고정 */
    display: block;
    color:#000;
}


.dataroom-list .content>a {padding:3rem 2rem;}
.dataroom-list .content>a>.text-wraps {display: flex; justify-content: space-between; align-items: center; }
.dataroom-list .content>a>.text-wraps>ul>.name {flex-basis: calc(100% - 16rem); max-width: calc(100% - 16rem);}
.dataroom-list .content>a>.text-wraps>ul>.num {flex-basis: 5rem; max-width: 5rem; flex-shrink: 0; margin-right: 1rem;}
.dataroom-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;}
.dataroom-list .content>a>.text-wraps>ul>.date {flex-basis: 10rem; max-width: 10rem; flex-shrink: 0; }
.dataroom-list .content>a>.text-wraps>ul>.date p {text-align: right;}


/*faq*/
.faq-list {width: 100%; border-bottom:1px solid #ddd; margin-top:2rem;}
.faq-list>li {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size:2rem; border-top:1px solid #ddd; padding:1.6rem 3rem; position: relative; cursor: pointer; }  
.faq-list>li.on {background-color: #fff;}
.faq-list>li::before {content:''; position: absolute; left:0; top:0; width: 100%; height: 0%; background-color: #fff; transition: all 0.4s; z-index: -1;}
.faq-list>li:hover::before {height: 100%;}
.faq-list>li.on .title {color:#000; 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: #E6E6E6; 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; color:#666; 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:#333333; margin-bottom:10px; 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 #333333;}
.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; 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>.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 .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 #000; 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 #000;}
.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:#000;}

.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 #0000; 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: #f9f9f9;}
#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: #C81D09;
  margin-left: 0.5rem;
}
.inquiry .i-wrap .i-info .i-form .check-box .c-list{
  justify-content: flex-start;
  background: #fafafa;
  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: #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: #fafafa;
  font-family: "Pretendard";
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box input:focus {
  border: 1px solid #22288D;
}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box textarea {
  padding: 20px 25px;
  margin: 0;
  box-shadow: none;
  background: #fafafa;
  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 #22288D;

}
.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: 0.8rem 1rem;
  margin: 0 0 0 5px;
  border-radius: 0;
  box-shadow: none;
  background: #fafafa url("/YUWON/public/img/select.svg") no-repeat 95% 50%;
  height: 5rem;
  font-size: 1.6rem;
  color: #333;
  cursor: pointer;
  position: relative;
}
.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: #fafafa;
  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:#fff;
}
.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 .agree-wrap .a-content .a-inner p {font-size: 1.6rem;}
.inquiry .i-wrap .i-info .i-form .form-btn .submit_btn {
  width: 200px;
  background: #22288D;
  color: #fff;
  font-size: 1.7rem;
  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;
  opacity: 0.5;
}



.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;  background-color:#fff; color:#666; 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: 1550px;}
footer ul .logo-wraps { max-width:100%; padding:1rem 0; display: flex; justify-content: space-between;}

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: 200px;}
footer ul .logo-wraps img {max-width:170px; margin-bottom:10px; transition: all 0.4s;}
footer ul .logo-wraps:hover img {opacity: 0.7;}

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 {font-weight: bold; margin-right: 0.5rem; color:#000;}
/* 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;}

/*****탑버튼*****/
.topbtn {position: fixed; right:2%; bottom:2%; display: none; z-index: 999; width:50px; height:50px; background:darkblue; cursor:pointer;  text-align: center;}
.topbtn p {line-height:50px; font-size:12px; font-weight:400; color:#ffffff}







/*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;
}