@charset "utf-8";


/* ===================================================== */
/* 콘텐츠 공통 */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* 콘텐츠 공통 */
/* ===================================================== */



















/* 공통 */
.txt-mint {vertical-align: baseline; color: #12b5bc;}
.txt-dkg {vertical-align: baseline; color: #018c92;}
.font-mont {font-family: 'Montserrat'; vertical-align: baseline;}



/* 1-1-1. 경영철학 */
.sub-010101 {position: relative; padding-bottom: 15rem;}
/* .sub-010101::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 43rem; background: url('../images/sub/1-1_bottom_bg.png') no-repeat bottom left / cover;} */
.sub-010101 h6, .sub-010101 .wheel p, .sub-010101 .txt-item a {font-family: 'Montserrat';} 
.sub-010101 h6 {font-size: 3.6rem; font-weight: 700; color: #222;}
.sub-010101 .cont-area {margin-top: 8.5rem; display: flex; align-items: flex-start;}
.sub-010101 .pinwheel {width: 620px; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.sub-010101 .pinwheel::before {z-index: -1; content: ''; position: absolute; width: 48rem; height: 48rem; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/sub/1-1_wheel-bg.png') no-repeat center / contain;  animation: spin-wheel 60s linear infinite;} 
.sub-010101 .pinwheel .wheel {margin: 15px; width: 280px; height: 280px; background-color: #12b5bc; border-radius: 99% 99% 0 99%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub-010101 .pinwheel .wheel p {margin-top: 1.5rem; font-size: 2.8rem; font-weight: 700; color: #fff; line-height: 1; text-align: center;}
.sub-010101 .pinwheel .wheel.nth-2 {background-color: #42d4da; border-radius: 99% 99% 99% 0;}
.sub-010101 .pinwheel .wheel.nth-3 {background-color: #42d4da; border-radius: 99% 0 99% 99%;}
.sub-010101 .pinwheel .wheel.nth-4 {border-radius: 0 99% 99% 99%;}

.sub-010101 .shortcut {width: calc(100% - 620px - 20rem); margin-left: 20rem;}
.sub-010101 .shortcut .txt-item {margin-top: 7rem;}
.sub-010101 .shortcut .txt-item:first-child {margin-top: 0;}
.sub-010101 .shortcut .txt-item a {margin-bottom: 1rem; display: inline-block; font-size: 3rem; color: #12b5bc; font-weight: 700; position: relative;}
.sub-010101 .shortcut .txt-item a::before {content: ''; position: absolute; width: 68px; height: 27px; top: 50%; right: -90px; transform: translateY(-50%); background: url('../images/sub/1-1_arrow.png') no-repeat center / contain;}
.sub-010101 .shortcut .txt-item a:hover::before {animation: arrow-move 2s ease-in-out infinite;}
.sub-010101 .shortcut .txt-item p, .sub-010101 .slogan li {font-size: 2.3rem; color: #222; font-weight: 400;}
.sub-010101 .shortcut .txt-item span {vertical-align: baseline; font-weight: 700;}
.sub-010101 .shortcut .slogan li {margin-bottom: 0.7rem;}
.sub-010101 .shortcut .list {margin-top: 1rem;}
.sub-010101 .shortcut .list li {padding-left: 20px; font-size: 2rem; color: #222; font-weight: 400; position: relative; margin-bottom: 0.5rem;}
.sub-010101 .shortcut .list li:last-child, .sub-010101 .slogan li:last-child {margin-bottom: 0;}
.sub-010101 .shortcut .list li::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 9px; background: url('../images/sub/li-ico.png') no-repeat center / contain;}

@keyframes spin-wheel {from { transform: translate(-50%, -50%) rotate(0deg);} to {transform: translate(-50%, -50%) rotate(360deg);}}
@keyframes arrow-move {0% {right: -90px; } 50% { right: -105px;} 100% {right: -90px;}}



@media (max-width: 1440px){
    .sub-010101 .shortcut {width: calc(100% - 620px - 15rem); margin-left: 15rem;}
}
@media (max-width: 1280px){
    .sub-010101 .pinwheel .wheel {margin: 10px; width: 220px; height: 220px;}
    .sub-010101 .shortcut {width: calc(100% - 480px - 15rem); margin-left: 15rem;}
    .sub-010101 .pinwheel {width: 480px;}
    .sub-010101 .pinwheel::before {width: 40rem; height: 40rem;} 
}
@media (max-width: 1024px){
    .sub-010101 .shortcut {width: calc(100% - 480px - 10rem); margin-left: 10rem;}
}
@media (max-width: 960px){
    .sub-010101 .cont-area {align-items: center; flex-direction: column;}
    .sub-010101 .shortcut {width: 80%; margin: 10rem auto 0; display: flex; flex-wrap: wrap;}
    .sub-010101 .shortcut .txt-item {width: 50%; margin-top: 8rem;}
    .sub-010101 .shortcut .txt-item:nth-child(2) {margin-top: 0; padding-left: 5%;}
    .sub-010101 .shortcut .txt-item:nth-child(4) {padding-left: 5%;}
}
@media (max-width: 768px){
    .sub-010101 .shortcut {width: 90%; margin: 10rem auto 0; display: flex; flex-wrap: wrap;}
}
@media (max-width: 650px){
    .sub-010101 .shortcut {width: 100%;}
    .sub-010101 .shortcut .txt-item {width: 80%; margin: 8rem auto 0;}
    .sub-010101 .shortcut .txt-item:nth-child(2) {margin-top: 8rem; padding-left: 0;}
    .sub-010101 .shortcut .txt-item:nth-child(4) {padding-left: 0;}
}
@media (max-width: 576px){
    .sub-010101 .pinwheel .wheel {margin: 10px; width: 180px; height: 180px;}
    .sub-010101 .pinwheel {width: 400px;}
    .sub-010101 .pinwheel::before {width: 38rem; height: 38rem;} 
    .sub-010101 .pinwheel .wheel p {font-size: 2.4rem;}
    .sub-010101 .pinwheel .wheel img {width: 25%;}
    .sub-010101 .pinwheel .wheel:nth-child(3) img {width: 20%;}
}
@media (max-width: 480px){
    .sub-010101 .pinwheel .wheel {margin: 8px; width: 150px; height: 150px;}
    .sub-010101 .pinwheel {width: 332px;}
    .sub-010101 .pinwheel::before {width: 34rem; height: 34rem;} 
}
@media (max-width: 350px){
    .sub-010101 .pinwheel .wheel {margin: 5px; width: 120px; height: 120px;}
    .sub-010101 .pinwheel {width: 260px;}
    .sub-010101 .pinwheel::before {width: 34rem; height: 34rem;} 
}




/* 1-1-2. 미션 */
.sub-010102 {margin-left: var(--inner-padding); position: relative; margin-bottom: 25rem;}
.sub-010102 .top {padding: 10rem 0 10rem 15rem; background-color: #e7f7f8; border-radius: 9999px 0 0 9999px;}
.sub-010102 .top h6 {font-size: 6rem; font-weight: 500; color: #222;}
.sub-010102 .top h6 span {font-weight: 800; vertical-align: baseline;}
.sub-010102 .bot {padding-left: 15rem; margin-top: 10rem; width: calc(100% - var(--inner-padding) - 640px); margin-right: auto;}
.sub-010102 .bot p {font-size: 3.2rem; font-weight:700; color: #222;}
.sub-010102 .bot ul li {margin-top: 3rem; font-size: 2.8rem; font-weight: 400; line-height: 1.5;}
.sub-010102 .bot ul li span {font-weight: 700; vertical-align: baseline; color: #333;}

.sub-010102 .img-pc {position: absolute; top: 28rem; right: var(--inner-padding); z-index: 1;}
.sub-010102 .img-pc img {box-shadow: 1px 1px 50px rgba(34, 34, 34, 0.2);}
.sub-010102 .img-pc::after {content: ''; position: absolute; bottom: -230px; left: 50%; transform: translateX(-50%); width: 55rem; height: 11.3rem; background: url('../images/sub/1-2_logo.png') no-repeat center / contain;}


@media (max-width: 1440px){
    .sub-010102 .top {padding: 8rem 0 8rem 8rem;}
    .sub-010102 .bot {padding-left: 8rem;}
    .sub-010102 .bot ul li:last-child br {display: none;}
}
@media (max-width: 1280px){
    .sub-010102 br {display: none;}
    .sub-010102 {margin-left: 0; min-height: 85rem; position: relative;}
    .sub-010102 .top {padding: 4rem 0 4rem 0; border-radius: 0; }
    .sub-010102 .top h6 {margin-left: var(--inner-padding); width: calc(100% - 600px);}
    .sub-010102 .bot {padding-left: 0; margin-left: var(--inner-padding); width: calc(100% - 600px); margin-top: 5rem;}
    .sub-010102 .top h6 {font-size: 5.5rem;}
    .sub-010102 .img-pc {top: 10rem;}
    .sub-010102 .img-pc img {width: 80%; margin-left: 20%;}
    .sub-010102 .img-pc::after {display: none;}
}
@media (max-width: 1024px){
    .sub-010102 {margin-left: var(--inner-padding); min-height: initial; margin-bottom: 7rem; margin-right: var(--inner-padding); text-align: center}
    .sub-010102 .img-pc {position: relative; top: initial; right: initial; margin: 5rem auto; transform: initial; width: 50%;}
    .sub-010102 .img-pc img {width: 100%; margin-left: 0;}
    .sub-010102 .top {border-radius: 9999px; display: inline-block; margin: 3rem auto 5rem; padding: 3rem 5rem;}
    .sub-010102 .top h6 {margin-left: 0; width: 100%; font-size: 3.5rem;}
    .sub-010102 .bot {margin: 0 auto; width: 100%; padding: 0 5rem 5rem;}
}

@media (max-width: 480px){
    .sub-010102 .top h6 {font-size: 3rem;}
    .sub-010102 .bot ul li {font-size: 2.6rem;}
}
@media (max-width: 350px){
    .sub-010102 .top h6 {font-size: 2.6rem;}
    .sub-010102 .bot ul li {font-size: 2.2rem;}
    .sub-010102 .bot {padding: 2rem 3rem 3rem;}
}



/* 1-1-3. 비전 */
.sub-010103 {margin-bottom: 20rem;}
.sub-010103 .top-txt {display: flex; flex-direction: column; align-items: center;}
.sub-010103 .top-txt p {position: relative; display: inline-block; font-size: 4.8rem; font-weight: 700; color: #222; text-align: center;}
.sub-010103 .top-txt p.logo-txt {display: flex; align-items: baseline; color: #00626f;}
.sub-010103 .top-txt p.logo-txt span { margin-left: 1.5rem;}
.sub-010103 .top-txt p:first-child:before {content: ''; width: 43px; height: 29px; position: absolute; top: 5px; left: -68px; background: url('../images/sub/1-3_at-01.png') no-repeat center / contain;}
.sub-010103 .top-txt p:first-child:after {content: ''; width: 43px; height: 29px; position: absolute; top: 5px; right: -68px; background: url('../images/sub/1-3_at-02.png') no-repeat center / contain;}
.sub-010103 .ico-item {display: flex; justify-content: center; margin: 5rem auto 8rem;}
.sub-010103 .cont-overlap {display: flex; justify-content: center;}
.sub-010103 .cont-overlap .item {width: calc(33.3% + 2.5rem);}
.sub-010103 .cont-overlap .item .tra {position: relative; padding: 3rem;}
.sub-010103 .cont-overlap .item .tra p {text-align: center; color: #fff; font-size: 3.6rem; font-weight: 600;}
.sub-010103 .cont-overlap .item .tra img {position: absolute; left: 50%; transform: translateX(-50%);}
.sub-010103 .cont-overlap .item .tra .axis {z-index: 5; bottom: -10px;}
.sub-010103 .cont-overlap .item .tra .arrow {z-index: 1; bottom: -40px; animation: arrow-down 2s infinite;}
.sub-010103 .cont-overlap .item .tra .arrow-mo {display: none;}
.sub-010103 .cont-overlap .item ul {margin: 8rem 12rem 0;}
.sub-010103 .cont-overlap .item ul li {position: relative; padding-left: 15px; font-size: 2.1rem; font-weight: 500; color: #777; margin-bottom: 0.8rem;}
.sub-010103 .cont-overlap .item ul li span {color: #12b5bc; vertical-align: baseline;}
.sub-010103 .cont-overlap .item ul li::before {content: ''; position: absolute; width: 4px; height: 4px; left: 0; top: 9px; background: url('../images/sub/1-3_li.png') no-repeat center / contain;}
.sub-010103 .cont-overlap .item ul li:last-child {margin-bottom: 0;}
.sub-010103 .cont-overlap .item:nth-child(1) {z-index: 2; margin-right: -5rem;}
.sub-010103 .cont-overlap .item:nth-child(2) {z-index: 3;}
.sub-010103 .cont-overlap .item:nth-child(3) {z-index: 1; margin-left: -5rem;}
.sub-010103 .cont-overlap .item:nth-child(1) .tra {border-radius: 9999px 9999px 0 9999px; background-color: rgb(136, 204, 206, 0.78);}
.sub-010103 .cont-overlap .item:nth-child(2) .tra {border-radius: 9999px; background-color: rgb(18, 181, 188, 0.78);}
.sub-010103 .cont-overlap .item:nth-child(3) .tra {border-radius: 9999px 9999px 9999px 0;  background-color: rgb(136, 204, 206, 0.78);}

@keyframes arrow-down {0% {bottom: -40px;} 50% {bottom: -60px;} 100% {bottom: -40px;}}
@keyframes arrow-down-mo {0% {bottom: -30px;} 50% {bottom: -40px;} 100% {bottom: -30px;}}


@media (max-width: 1440px){
    .sub-010103 .cont-overlap .item ul {margin: 10rem 12rem 0;}
}
@media (max-width: 1280px){
    .sub-010103 .cont-overlap .item .tra p {font-size: 3rem;}
    .sub-010103 .cont-overlap .item ul {margin: 10rem 10rem 0;}
}
@media (max-width: 1024px){
    .sub-010103 .cont-overlap .item ul {margin: 10rem 5rem 0;}
    .sub-010103 .cont-overlap .item .tra p {font-size: 2.8rem;}
    .sub-010103 .top-txt p {font-size: 4rem;}
    .sub-010103 .top-txt p.logo-txt {align-items: baseline;  line-height: 1.5;}
    .sub-010103 .top-txt p.logo-txt span {object-fit: contain; height: 4rem;}
    .sub-010103 .top-txt p.logo-txt span img {width: 100%; height: 100%;}
}
@media (max-width: 960px){
    .sub-010103 {margin-bottom: 10rem;}
    .sub-010103 .cont-overlap {flex-direction: column;}
    .sub-010103 .cont-overlap .item {width: 100%;}
    .sub-010103 .cont-overlap .item:nth-child(1) {margin-right: 0;}
    .sub-010103 .cont-overlap .item:nth-child(3) {margin-left: 0;}
    .sub-010103 .cont-overlap .item .tra {padding: 1.5rem;}
    .sub-010103 .cont-overlap .item:nth-child(1) .tra , .sub-010103 .cont-overlap .item:nth-child(3) .tra {border-radius: 9999px;}
    .sub-010103 .cont-overlap .item ul {margin: 8rem 5rem 10rem;}

    .sub-010103 .top-txt p {font-size: 3.5rem;}
    .sub-010103 .top-txt p.logo-txt span {object-fit: contain; height: 3rem;}
}
@media (max-width: 768px){
    .sub-010103 .top-txt p:first-child:before {width: 30px; height: 20px; top: 5px; left: -48px; }
    .sub-010103 .top-txt p:first-child:after {width: 30px; height: 20px;  top: 5px; right: -48px;}
}
@media (max-width: 650px){
    .sub-010103 {margin-bottom: 5rem; margin-top: 3rem;}
    .sub-010103 .cont-overlap .item .tra .arrow-mo {animation: arrow-down-mo 2s infinite; z-index: 1; bottom: -30px;display: block;}
    .sub-010103 .cont-overlap .item .tra .arrow {display: none;}
    .sub-010103 .cont-overlap .item ul li {font-size: 2.2rem;}
    .sub-010103 .top-txt p {font-size: 3.5rem;}
    .sub-010103 .top-txt p:first-child:before {display: none;}
    .sub-010103 .top-txt p:first-child:after {display: none;}
    .sub-010103 .top-txt p.logo-txt span {object-fit: contain; height: 3.5rem;}
    .sub-010103 .top-txt p.logo-txt span img {width: 100%; height: 100%;}
}
@media (max-width: 480px){
    .sub-010103 .top-txt p:first-child:before, .sub-010103 .top-txt p:first-child:after {display: none;}
}


 
/* 1-1-4. 핵심가치  &  1-5. 우리의약속 */
.cont-enum {padding: 0 0 15rem; background: linear-gradient(to bottom, #fff 0%, #e7f7f8 55%, #e7f7f8 65%, #fff 100%);}
.cont-enum h6 {text-align: center; font-size: 3rem; color: #222; font-weight: 700;}
.cont-enum .v-line {width: 1px; height: 5rem; background-color: #018c92; display: block; margin: 3.5rem auto;}
.cont-enum .flex-area {display: flex; flex-wrap: wrap;}
.cont-enum .flex-area .item {display: flex; align-items: center; margin-bottom: 3rem; width: calc(50% - 2rem); background-color: #fff; overflow: hidden; border-radius: 20px; box-shadow: -7.66px 6.45px 20px 0px rgba(34, 34, 34, 0.05);}
.cont-enum .flex-area .item:nth-child(2n) {margin-left: auto;}
.cont-enum .flex-area .item:nth-child(2n-1) {margin-right: auto;}
.cont-enum .flex-area .item .num {width: 6rem; height: 6rem; background-color: #e7f7f8; border-radius: 30px 30px 30px 0; display: flex; justify-content: center; align-items: center;} 
.cont-enum .flex-area .item .num p {font-family: 'Montserrat'; font-size: 2rem; font-weight: 700; color: #222; line-height: 1;}
.cont-enum .flex-area .item .txt small {font-size: 2rem; font-weight: 500; color: #666;}

.sub-010104 .flex-area .item {padding: 3.5rem 5.5rem;}
.sub-010104 .flex-area .item .txt {width: calc(100% - 10.5rem); margin-left: 4.5rem;}
.sub-010104 .flex-area .item .txt p {margin-bottom: 0.5rem; font-family: 'Montserrat'; font-size: 2.4rem; font-weight: 700; color: #222;}

.sub-010105 .flex-area .item {min-height: 13rem;}
.sub-010105 .flex-area .item .img {width: 17rem; height: 100%; background-color: #d9eeef; display: flex; justify-content: center; align-items: center;}
.sub-010105 .flex-area .item .txt {padding: 3.5rem 5rem; width: calc(100% - 17rem);}
.sub-010105 .flex-area .item .txt p {font-size: 2.2rem; font-weight: 500; color: #222;}
.sub-010105 .flex-area .item .txt p span {font-weight: 700; vertical-align: baseline;}


@media (max-width: 1280px){
    .sub-010105 .flex-area .item .txt {width: calc(100% - 17rem);}
    .sub-010105 .flex-area .item .txt p br {display: none;}
}
@media (max-width: 1024px){
    .cont-enum h6 {font-size: 3.8rem; padding: 0 5rem;}
    .sub-010104 .flex-area .item {padding: 3.5rem;}
    .sub-010105 .flex-area .item .img {width: 15rem;}
    .sub-010105 .flex-area .item .txt {width: calc(100% - 15rem); padding: 2.5rem 3rem;}
    .sub-010105 .flex-area .item .txt p {font-size: 2rem;}
}
@media (max-width: 960px){
    .cont-enum {background: linear-gradient(to bottom, #fff 0%, #e7f7f8 45%, #e7f7f8 75%, #fff 100%);}
    .cont-enum h6 {font-size: 3.5rem; line-height: 1.35;}
    .cont-enum h6 br {display: none;}
    .cont-enum .flex-area .item {width: 100%;}
    .sub-010105 .flex-area .item .txt p {font-size: 2.2rem;}
    .sub-010105 .flex-area .item .img {width: 18rem;}
    .sub-010105 .flex-area .item .txt {width: calc(100% - 18rem); padding: 3.5rem 5rem;}
}
@media (max-width: 480px){
    .cont-enum .flex-area .item {flex-direction: column; align-items: center;}
    .sub-010104 .flex-area .item .txt {width: 100%; margin-left: 0; text-align: center; margin-top: 3rem;}
    .sub-010105 .flex-area .item .txt {margin-top: 0; padding: 0 8rem 5rem; width: 100%; margin-left:0; text-align: center;}
    .sub-010105 .flex-area .item .img {width: 100%; padding: 5rem 5rem 3rem; background-color: #fff;}
}





/* 1-2-1. 개요 */
.sub-010201 {display: flex; margin-bottom: 12rem; align-items: center;}
.sub-010201 .img-area {width: 50%;}
.sub-010201 .img-area .img {position: relative; width: 390px; height: 390px; margin: 3rem;}
.sub-010201 .img-area .img::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 9999px 9999px 9999px 0; border: 2px dashed #71d3d7; width: calc(100% + 60px); height: calc(100% + 60px); display: block;}
.sub-010201 .img-area .img img {border-radius: 9999px 9999px 9999px 0;}
.sub-010201 .img-area .img .ab-con {position: absolute; right: -15.5rem; bottom: -3.5rem; width: 250px; height: 250px; background-color: #12b5bc; border-radius: 9999px; display: flex; justify-content: center; align-items: center;  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.sub-010201 .img-area .img .ab-con p {font-family: 'Monserrat'; font-size: 3.2rem; font-weight: 800; text-align: center; color: #fff;}
.sub-010201 .txt-area p {font-size: 2.4rem; font-weight: 500; color: #222; margin-top: 1rem;}
.sub-010201 .txt-area {width: 50%; letter-spacing: -0.02em;} 
.sub-010201 .txt-area h6 {font-size: 4rem; font-weight: 500; color: #222;}
.sub-010201 .txt-area h6 span {font-weight: 700; color: #12b5bc; vertical-align: baseline;}
.sub-010201 .txt-area .sub-01tit {font-size: 2.8rem; font-weight: 550; color: #222; margin-top: 2rem;}
.sub-010201 .txt-area .txt {font-size: 2rem; color: #666; font-weight: 400; margin-top: 3.5rem; line-height: 1.6;}
.sub-010201 .txt-area .txt span {font-weight: 700; color: #222;}
.sub-010201 .txt-area .ceo {margin-top: 6rem; text-align: right; font-size: 2rem; font-weight: 550; color: #a2a2a2;}
.sub-010201 .txt-area .ceo span {font-size: 2.6rem; color: #222; font-weight: 700;}

@media (max-width: 1440px){
    .sub-010201 .txt-area h6 {font-size: 4.4rem;}
    .sub-010201 .txt-area .sub-01tit {font-size: 2.6rem;}
    .sub-010201 .txt-area .txt .br-di {display: none;}
}
@media (max-width: 1280px){
    .sub-010201 .img-area {width: 54rem;}
    .sub-010201 .txt-area {width: calc(100% - 54rem);}
    .sub-010201 .img-area .img {width: 300px; height: 300px; margin: 3rem;}
    .sub-010201 .img-area .img .ab-con {right: -12rem; bottom: -4rem; width: 180px; height: 180px;}
    .sub-010201 .img-area .img .ab-con p {font-size: 2.5rem;}
    .sub-010201 .txt-area h6 {font-size: 4rem;}
}
@media (max-width: 1024px){
    .sub-010201 {margin-bottom: 12rem; flex-direction: column; align-items: center;}
    .sub-010201 .img-area {width: 100%;}
    .sub-010201 .txt-area {width: 100%; text-align: center; padding: 0 8rem;}
    .sub-010201 .txt-area .txt {font-size: 2rem;}
    .sub-010201 .txt-area h6 {font-size: 4.5rem;}
    .sub-010201 .txt-area .ceo {text-align: center;}
    .sub-010201 .img-area .img {margin: 0 auto 10rem;}
}
@media (max-width: 768px){
    .sub-010201 .img-area .img {width: 200px; height: 200px;}
    .sub-010201 .img-area .img::before {width: calc(100% + 36px); height: calc(100% + 36px);}
    .sub-010201 .img-area .img .ab-con {right: -9rem; bottom: -3rem; width: 120px; height: 120px;}
    .sub-010201 .img-area .img .ab-con p {font-size: 2.3rem; line-height: 1.2;}
    .sub-010201 .txt-area {width: 100%; text-align: center; padding: 0 3rem;}
    .sub-010201 .txt-area .txt {font-size: 2.2rem;}
}




/* 1-2-3. CI */
.sub-010203 .r-br {display: none;}
.sub-010203 .tit {line-height: 1; margin-bottom: 4rem;}
.sub-010203 .tit h5 {margin-bottom: 1.5rem; font-family: 'Montserrat'; color: #222; font-size: 4.2rem; font-weight: 700;}
.sub-010203 .tit p {color: #666; font-size: 2.4rem; font-weight: 500; font-weight: 500;}
.sub-010203 .tit p.font-t {font-size: 2.3rem;}
.sub-010203 .cont-bg {padding: 10rem 0; text-align: center;}
.sub-010203 .w-wrap {padding: 13rem 5rem; background-color: #fff; border-radius: 30px; box-shadow: 10px 10px 20px rgba(34, 34, 34, 0.05);}
.sub-010203 .cont-identity {width: 100%; background-color: #f9f9f9;}
.sub-010203 .cont-identity .w-wrap .logo {position: relative; display: inline-block;}
.sub-010203 .cont-identity .w-wrap .logo p {position: absolute; font-size: 1.8rem; font-weight: 400; color: #222; text-align: left; left: -245px; top: 25px;}
.sub-010203 .cont-identity .w-wrap .logo p span {color: #00626f; vertical-align: baseline; font-weight: 700;}
.sub-010203 .cont-identity .w-wrap .logo p.b-left::before {content: ''; position: absolute; width: 12rem; height: 7.5rem; right: -135px; top: -27px; background: url('../images/sub/2-3_b-left.png') no-repeat center / contain;}
.sub-010203 .cont-identity .w-wrap .logo p.b-rigth {left: initial; right: -250px; top: -10px;}
.sub-010203 .cont-identity .w-wrap .logo p.b-rigth span {color: #018c92; vertical-align: baseline; font-weight: 700;}
.sub-010203 .cont-identity .w-wrap .logo p.b-rigth::before {content: ''; position: absolute; width: 10rem; height: 4rem; left: -130px; top: -8px; background: url('../images/sub/2-3_b-right.png') no-repeat center / contain;}
.sub-010203 .cont-identity .w-wrap .slogan {margin-top: 3.5rem; font-family: 'Montserrat'; font-size: 2rem; font-weight: 800; color: #000;} 
.sub-010203 .cont-identity .w-wrap .slogan span {color: #12b5bc;} 
.sub-010203 .cont-identity .ci-down {background-color: #88ccce; border-radius: 10px; display: inline-block; padding: 2.4rem 3.2rem; margin-top: 4.5rem;}
.sub-010203 .cont-identity .ci-down:hover {background-color: #12b5bc;}
.sub-010203 .cont-identity .ci-down p {margin-right: 8rem; position: relative; color: #fff; font-size: 2rem; line-height: 1; font-weight: 700;}
.sub-010203 .cont-identity .ci-down p::after {content: ''; width: 14px; height: 18px; position: absolute; right: -8rem; top: 50%; transform: translateY(-50%); background: url('../images/sub/2-3_down.png') no-repeat center / contain;}
.sub-010203 .cont-color_system {background-color: #fff; }
.sub-010203 .cont-color_system .gray-wrap {border: 2px solid #eee; border-radius: 30px; padding: 10rem 8.5rem;}
.sub-010203 .cont-color_system .color-box {margin-bottom: 6rem;}
.sub-010203 .cont-color_system .color-box h6 {font-size: 2.8rem; font-family: 'Montserrat'; color: #222; font-weight: 700; text-align: left; line-height: 1;}
.sub-010203 .cont-color_system .color-box .flex-box {margin-top: 2rem; display: flex; min-height: 18rem;}
.sub-010203 .cont-color_system .color-box .flex-box .item {padding: 3rem; text-align: left; display: flex; justify-content: space-between; background-color: #00626f; width: 49%; border-radius: 10px; color: #fff;}
.sub-010203 .cont-color_system .color-box .flex-box .item:first-child {margin-right: auto;}
.sub-010203 .cont-color_system .color-box .flex-box .item:last-child {margin-left: auto;}
.sub-010203 .cont-color_system .color-box .flex-box .item p {font-size: 2.2rem; font-weight: 700; line-height: 1; text-align: left;}
.sub-010203 .cont-color_system .color-box .flex-box .item ul {margin-top: 25px;}
.sub-010203 .cont-color_system .color-box .flex-box .item ul li {font-size: 1.8rem; font-weight: 500; margin-bottom: 0.5rem;}
.sub-010203 .cont-color_system .color-box .flex-box .item ul li:last-child {margin-bottom: 0;}
.sub-010203 .cont-color_system .color-box .flex-box .item.c-mint {background-color: #1eb5bc;}
.sub-010203 .cont-color_system .color-box .flex-box .item.c-gray {background-color: #646363;}
.sub-010203 .cont-color_system .color-box .flex-box .item.c-lgray {background-color: #d0d0d0;}
.sub-010203 .cont-color_system .color-box .flex-box .item.c-silver {background-color: #b5b5b6;}
.sub-010203 .cont-color_system .color-box .flex-box .item.c-gold {background-color: #c9a063;}
.sub-010203 .cont-color_system .color-box:last-child {margin-bottom: 0;}
.sub-010203 .cont-color_system .color-box:last-child .flex-box .item {flex-direction: column;}
.sub-010203 .cont-color_system .color-box:last-child .flex-box .item ul {text-align: right; margin: 0;}
.sub-010203 .cont-guide_system {background-color: #f9f9f9; padding-bottom: 15rem;}
.sub-010203 .cont-guide_system .w-wrap {padding: 5rem 5rem 10rem; display: flex; align-items: flex-end; justify-content: space-around;}

@media (max-width: 1280px){
    .sub-010203 .cont-bg {padding: 8rem 0;}
    .sub-010203 .cont-identity .w-wrap .logo {width: 45rem;}
    .sub-010203 .cont-identity .w-wrap .logo p.b-rigth {right: -240px;}
    .sub-010203 .cont-guide_system .w-wrap {padding: 5rem 0 10rem;}
    .sub-010203 .cont-guide_system .w-wrap img {max-width: 45rem;}
    .sub-010203 .tit {padding: 0 10rem;}

}
@media (max-width: 1024px){
    .sub-010203 .cont-identity .w-wrap .logo {width: 38rem;}
    .sub-010203 .w-wrap {padding: 10rem 5rem;}
    .sub-010203 .cont-color_system .gray-wrap {padding: 8rem 6.5rem;}
    .sub-010203 .cont-color_system .color-box .flex-box .item ul {margin-top: 30px;}
    .sub-010203 .cont-guide_system .w-wrap {padding: 5rem 0 8rem;}
    .sub-010203 .cont-guide_system .w-wrap img {max-width: 40rem;}
    .sub-010203 .tit p br {display: none;}
}
@media (max-width: 960px){
    .sub-010203 .cont-identity .w-wrap .logo {width: 30rem;}
    .sub-010203 .cont-color_system .color-box .flex-box {flex-wrap: wrap;}
    .sub-010203 .cont-color_system .color-box .flex-box .item {width: 100%; min-height: 17.6rem;}
    .sub-010203 .cont-color_system .color-box .flex-box .item:first-child {margin-bottom: 3rem;}
    .sub-010203 .cont-guide_system .w-wrap img {max-width: 30rem;}
    .sub-010203 .r-br {display: block;}
    .sub-010203 .cont-identity .w-wrap .logo p.b-rigth {right: -225px;}
    .sub-010203 .cont-identity .w-wrap .logo p {left: -225px;}
    .sub-010203 .cont-identity .w-wrap .logo p.b-left::before {right: -120px;}
    .sub-010203 .cont-identity .w-wrap .logo p.b-rigth::before {left: -100px;}

}
@media (max-width: 880px){
    .sub-010203 .w-wrap {padding: 5rem;}
    .sub-010203 .cont-identity .w-wrap .logo {width: initial;}
    .sub-010203 .cont-identity .w-wrap .logo p.b-left::before, .sub-010203 .cont-identity .w-wrap .logo p.b-rigth::before {display: none;}
    .sub-010203 .cont-identity .w-wrap .logo p, .sub-010203 .cont-identity .w-wrap .logo p.b-rigth {position: relative; top: initial; left: initial; right: initial; display: block; text-align: center;}
    .sub-010203 .cont-identity .w-wrap .logo p br {display: none;}
    .sub-010203 .cont-identity .w-wrap .logo p.b-left {margin-top: 3rem;}
    .sub-010203 .cont-identity .w-wrap .logo img {width: 35rem; margin: auto;}
}
@media (max-width: 650px){
    .sub-010203 .cont-bg {padding: 6rem 0;}
    .sub-010203 .cont-guide_system .w-wrap {flex-direction: column; align-items: center;  justify-content: space-between;}
    .sub-010203 .cont-color_system .gray-wrap, .sub-010203 .cont-guide_system .w-wrap {padding: 5rem;}
    .sub-010203 .cont-color_system .color-box .flex-box .item {display: block;}
    .sub-010203 .cont-color_system .color-box .flex-box .item ul {margin-top: 20px;}
    .sub-010203 .cont-color_system .color-box:last-child .flex-box .item {display: flex; align-items: flex-start;}
    .sub-010203 .cont-guide_system .w-wrap img {max-width: 45rem;}
    .sub-010203 .cont-guide_system .w-wrap img:last-child {margin-top: 5rem;}
    .sub-010203 .w-wrap {padding: 5rem;}
    .sub-010203 .cont-identity .w-wrap .logo {width: initial;}
    .sub-010203 .cont-identity .w-wrap .logo p.b-left::before, .sub-010203 .cont-identity .w-wrap .logo p.b-rigth::before {display: none;}
    .sub-010203 .cont-identity .w-wrap .logo p, .sub-010203 .cont-identity .w-wrap .logo p.b-rigth {position: relative; top: initial; left: initial; right: initial; display: block; text-align: center;}
    .sub-010203 .cont-identity .w-wrap .logo p br {display: none;}
    .sub-010203 .cont-identity .w-wrap .logo p.b-left {margin-top: 3rem;}
}
@media (max-width: 480px){
    .sub-010203 .cont-color_system .gray-wrap, .sub-010203 .cont-guide_system .w-wrap {padding: 5rem 4.5rem; border-radius: 20px;}
    .sub-010203 .cont-guide_system .w-wrap img {max-width: 35rem;}
    .sub-010203 .tit {padding: 0 5rem;}
}
@media (max-width: 350px){
    .sub-010203 .cont-bg {padding: 5rem 0;}
    .sub-010203 .cont-color_system .gray-wrap, .sub-010203 .cont-guide_system .w-wrap {border-radius: 10px;}
    .sub-010203 .cont-guide_system {padding-bottom: 10rem;}
    .sub-010203 .tit {padding: 0;}
}





/* 1-2-4. 사업장 */
.sub-010204 {background-color: #e7f7f8; width: 100%; padding: 8rem 0;}
.sub-010204 .cont-map {position: relative; width: 1600px; margin: auto; height: 850px; background: url('../images/sub/2-4_map.png') no-repeat right / cover; text-align: right;}
.sub-010204 .cont-map .tit {display: inline-block; margin-top: 20rem; margin-right: 10rem;}
.sub-010204 .cont-map .tit .tit-word {font-family: 'Montserrat'; color: #222;font-size: 12rem; line-height: 1; text-align: left;} 
.sub-010204 .cont-map .tit .tit-word .txt-our {position: relative; font-weight: 200; display: inline-block;}
.sub-010204 .cont-map .tit .tit-word .txt-our .logo {position: absolute; top: 0; transform: translateY(-72%); right: -155px; box-shadow: 1px 1px 50px rgba(34, 34, 34, 0.3);  background-color: #12b5bc; width: 150px; height: 150px; border-radius: 50% 50% 50% 0; display: flex; justify-content: center; align-items: center;}
.sub-010204 .cont-map .tit .tit-word .txt-our .logo::after {content: ''; position: absolute; left: 10px; border: 1px solid #12b5bc; width: 150px; height: 150px; border-radius: 50% 50% 50% 0; }
.sub-010204 .cont-map .tit .tit-word .txt-bold {font-weight: 800; margin-left: 7.5rem;}
.sub-010204 .cont-map .tit p {font-size: 1.6rem; font-weight: 500; color: #666; margin-left: 12.5rem; margin-top: 1.5rem;}

.sub-010204 .link .item {position: absolute;}
.sub-010204 .link .item a {cursor: pointer; text-align: center; padding: 15px 22px; display: inline-block; box-shadow: 1px 1px 50px rgba(34, 34, 34, 0.3); background-color: #00626f; border-radius: 20px 20px 0 20px; font-size: 1.6rem; color: #fff; font-family: 'Montserrat'; font-weight: 700; line-height: 1;}
.sub-010204 .link .item.korea a, .sub-010204 .link .item.vietnam a  {border-radius: 20px 20px 20px 0;}
.sub-010204 .link .item span {width: 5px; height: 5px; border-radius: 99999px; background-color: #00626f; position: absolute;}

.sub-010204 .link .item.korea {left: 610px; top: 320px;}
.sub-010204 .link .item.china {left: 460px; top: 355px;}
.sub-010204 .link .item.vietnam {left: 525px; top: 455px;}
.sub-010204 .link .item span.nth-1 {top: 48px; left: -13px;}
.sub-010204 .link .item span.nth-2 {top: 54px; left: -8px;}
.sub-010204 .link .item span.nth-3 {top: 38px; right: -20px;}
.sub-010204 .link .item span.nth-4 {top: 48px; right: -16px;}
.sub-010204 .link .item span.nth-5 {top: -4px; left: -17px;}
.sub-010204 .link .item span.nth-6 {top: -10px; left: 4px;}
.sub-010204 .link .item.active a, .sub-010204 .link .item.active span  {background-color: #000;}

.sub-010204 .modal-area .modal {display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.sub-010204 .modal-content {background-color: #fff; margin: 15% auto; padding: 5rem; border: 1px solid #888; width: 80%; max-width: 840px; text-align: center; border-radius: 30px; position: relative;}
.sub-010204 .modal .item {display: flex; align-items: center; padding: 2.5rem 8rem;}
.sub-010204 .modal#modal-korea .item:last-child { border-top: 1px dashed #eee;}
.sub-010204 .modal .item .img {width: 150px; height: 150px; border: 1px solid #eeeeee; border-radius: 9999px;}
.sub-010204 .modal .item .txt {margin-left: 5rem; letter-spacing: -0.02em; text-align: left; width: calc(100% - 150px - 5rem);}
.sub-010204 .modal .item .txt .logo small {font-family: 'Montserrat'; color: #12b5bc; font-size: 1.6rem; font-weight: 550;}
.sub-010204 .modal .item .txt .logo .logo-img {margin-bottom: 1.5rem;}
.sub-010204 .modal .item .txt p {font-size: 2.4rem; font-weight: 800; color: #222; line-height: 1.3;}
.sub-010204 .modal .close {position: absolute; cursor: pointer; top: 30px; right: 30px; display: block; width: 27px; height: 27px; background: url('../images/sub/2-4_modal_close.png') no-repeat center / contain;}
.sub-010204 .modal .close:hover, .sub-010204 .modal .close:focus {animation: close-animation 0.6s ease-in-out;}
@keyframes close-animation {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}

.sub-010204 .modal .logo-img {display: flex; justify-content: flex-start; align-items: baseline;}
.sub-010204 .modal .logo-img p {font-size: 2.8rem; line-height: 1; margin-left: 0.5rem; }
.sub-010204 .modal .item .txt p.font-si {font-size: 1.8rem; font-weight: 500;}
.sub-010204 .modal .item .txt p span {font-size: 1.6rem; color: #666; font-weight: 400;}



@media (max-width: 1600px){
    .sub-010204 .cont-map .tit {margin-right: 18rem;}
    .sub-010204 .cont-map .tit .tit-word {font-size: 11rem;} 
}
@media (max-width: 1440px){
    .sub-010204 {padding: 12rem 0 3rem;}
    .sub-010204 .cont-map {text-align: left;}
    .sub-010204 .cont-map .tit {margin-top: 0; margin-right: 0; margin-left: 5rem;}
    .sub-010204 .cont-map .tit .tit-word .txt-our .logo {top: 0; transform: translateY(-65%); right: -105px; width: 100px; height: 100px;}
    .sub-010204 .cont-map .tit .tit-word .txt-our .logo::after {width: 100px; height: 100px;}
    .sub-010204 .cont-map .tit .tit-word .txt-our .logo img {width: 70px;}
}
@media (max-width: 1280px){
    .sub-010204 .modal-content {margin: 22% auto;}
    .sub-010204 .modal#modal-korea .modal-content {margin: 18% auto;}
}
@media (max-width: 1024px){
    .sub-010204 .modal-content {margin: 30% auto;}
    .sub-010204 .modal#modal-korea .modal-content {margin: 22% auto;}
}
@media (max-width: 960px){
    .sub-010204 .cont-map {width: 960px;  height: 960px; background: url('../images/sub/2-4_map_mo.png') no-repeat center / contain;}
    .sub-010204 .link .item.korea {left: 558px; top: 373px;}
    .sub-010204 .link .item.china {left: 413px; top: 408px;}
    .sub-010204 .link .item.vietnam {left: 468px; top: 508px;}

    .sub-010204 .modal-content {padding: 3rem; max-width: 650px; border-radius: 20px; margin: 35% auto;}
    .sub-010204 .modal#modal-korea .modal-content {margin: 28% auto;}
    .sub-010204 .modal .item {padding: 2.5rem 5rem;}
    .sub-010204 .modal .item .img {width: 120px; height: 120px;}
}
@media (max-width: 768px){
    .sub-010204 .cont-map {width: 768px; height: 850px; background: url('../images/sub/2-4_map_768.png') no-repeat center / contain;}
    .sub-010204 .cont-map .tit {margin-top: 3rem;}
    .sub-010204 .link .item.korea {left: 347px; top: 320px;}
    .sub-010204 .link .item.china {left: 209px; top: 354px;}
    .sub-010204 .link .item.vietnam {left: 256px; top: 454px;}
    .sub-010204 .cont-map .tit .tit-word .txt-our .logo {transform: translateY(-65%); right: -85px; width: 80px; height: 80px;}
    .sub-010204 .cont-map .tit .tit-word .txt-our .logo::after {width: 80px; height: 80px;}
    .sub-010204 .cont-map .tit .tit-word .txt-our .logo img {width: 50px;}

    .sub-010204 .modal-content {padding: 1.5rem; max-width: 500px; border-radius: 15px; margin: 45% auto;}
    .sub-010204 .modal#modal-korea .modal-content {margin: 35% auto;}
    .sub-010204 .modal .item {padding: 2.5rem 3rem;}
    .sub-010204 .modal .item .img {width: 100px; height: 100px;}
    .sub-010204 .modal .close {top: 20px; right: 20px; width: 20px; height: 20px;}
    .sub-010204 .modal .item .txt p.font-si {font-size: 17px;}
    .sub-010204 .modal .item .txt p span {font-size: 15px;}
    .sub-010204 .modal .item .txt p br.no-br {display: none;}
}
@media (max-width: 580px){
    .sub-010204 {padding: 0;}
    .sub-010204 .cont-map .tit {margin-top: 15rem;}
    .sub-010204 .cont-map {width: 580px;  height: 850px; background: url('../images/sub/2-4_map_580.png') no-repeat center / contain;}
    .sub-010204 .link .item.korea {left: 307px; top: 319px;}
    .sub-010204 .link .item.china {left: 167px; top: 354px;}
    .sub-010204 .link .item.vietnam {left: 217px; top: 455px;}
    .sub-010204 .cont-map .tit .tit-word {font-size: 8rem;}

    .sub-010204 .modal .item {padding: 5rem 3rem; display: flex; flex-direction: column;}
    .sub-010204 .modal-content {margin: 40% auto;}
    .sub-010204 .modal#modal-korea .modal-content {margin: 25% auto;}
    .sub-010204 .modal .item .img {margin-bottom: 2rem;}
    .sub-010204 .modal .close {top: 20px; right: 20px; width: 20px; height: 20px;}
    .sub-010204 .modal .item .txt { margin-left: 0; text-align: center; width: 100%;}
    .sub-010204 .modal .item .txt .logo small {font-size: 15px;}
    .sub-010204 .modal .item .txt .logo .logo-img {display: flex; justify-content: center; align-content: center; margin-top: 2rem;}
    .sub-010204 .modal .item .txt p br.nono-br {display: block;}
}
@media (max-width: 450px){
    .sub-010204 .cont-map {width: 450px;  height: 750px; background: url('../images/sub/2-4_map_450.png') no-repeat center /cover}
    .sub-010204 .link .item.korea {left: 260px; top: 269px;}
    .sub-010204 .link .item.china {left: 126px; top: 304px;}
    .sub-010204 .link .item.vietnam {left: 169px; top: 405px;}
    .sub-010204 .cont-map .tit .tit-word {font-size: 6rem;}
    .sub-010204 .cont-map .tit .tit-word .txt-bold {margin-left: 3rem;}
    .sub-010204 .cont-map .tit p { margin-left: 8.5rem;}
    .sub-010204 .cont-map .tit .tit-word .txt-our .logo {transform: translateY(-78%); right: -85px;}
    .sub-010204 .modal-content {margin: 58% auto;}
    .sub-010204 .modal#modal-korea .modal-content {margin: 38% auto;}
    .sub-010204 .modal .item .txt .logo small {font-size: 15px;}

}
@media (max-width: 350px){
    .sub-010204 .cont-map {width: 350px;  height: 650px; background: url('../images/sub/2-4_map_350.png') no-repeat center /cover}
    .sub-010204 .link .item.korea {left: 233px; top: 269px;}
    .sub-010204 .link .item.china {left: 98px; top: 303px;}
    .sub-010204 .link .item.vietnam {left: 144px; top: 405px;}
    .sub-010204 .modal-content {margin: 65% auto;}
    .sub-010204 .modal#modal-korea .modal-content {margin: 40% auto;}
}




/* 1-2-5. 연혁 */
.sub-010205 .top-bg {margin-bottom: 5rem; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; padding: 15rem var(--inner-padding); background: url('../images/sub/2-5_bg.png') no-repeat center / cover;}
.sub-010205 .top-bg .txt-box {text-align: center;}
.sub-010205 .top-bg .txt-box p:first-child {font-size: 7.2rem; font-weight: 800; color: #fff; line-height: 1;}
.sub-010205 .top-bg .txt-box p:last-child {margin-top: 1rem; font-size: 4rem; font-weight: 400; color: #fff;}
.sub-010205 .top-bg .txt-box p:last-child span {font-weight: 800; vertical-align: baseline;}

.cont-history {margin-top: 10rem;}
.cont-history .history-area {display: flex;}
.cont-history .history-area .tit-box {position: relative; width: calc(50% - 0.5px); padding-right: 13rem; text-align: right; font-weight: 700; color: #018c92; }
.cont-history .history-area .tit-box p {font-size: 4.8rem; line-height: 1;}
.cont-history .history-area .tit-box h6 {font-size: 7rem; margin-top: 1rem;}
.cont-history .history-area .tit-box span {display: block; width: 20px; height: 20px; background-color: #00626f; border-radius: 50%; position: absolute; top: 12px; right: -10.5px;}
.cont-history .history-area .tit-box span::before {animation: span-infi 2s infinite; opacity: 0.35; content: ''; width: 50px; height: 50px; background-color: #cce0e2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
@keyframes span-infi {0% {width: 20px; height: 20px;} 50% {width: 50px; height: 50px;} 100% {width: 20px; height: 20px;}}
.cont-history .history-area .contents-box {width: calc(50% - 0.5px); padding-left: 13rem; position: relative;}
.cont-history .history-area .contents-box::before {content: ''; width: 1px; height: 100%; left: 0; top: 15px; display: block; border-left: 1px solid #c9c9c9; position: absolute; z-index: -1;}
.cont-history .history-area .contents-box .item {margin-bottom: 10rem; position: relative;}
.cont-history .history-area .contents-box .item:first-child {margin-top: 5px;}
.cont-history .history-area .contents-box .item:last-child {margin-bottom: 15rem;}
.cont-history .history-area .contents-box .item .year p {font-family: 'Montserrat'; font-size: 3.6rem; color: #222; font-weight: 700; ;line-height: 1;}
.cont-history .history-area .contents-box .item ul {margin-top: 3rem;}
.cont-history .history-area .contents-box .item ul li {list-style: '- '; font-size: 1.8rem; color: #666; font-weight: 550; line-height: 1.3; margin-bottom: 1rem;}
.cont-history .history-area .contents-box .item ul li:last-child {margin-bottom: 0;}
.cont-history .history-area .contents-box .item ul li.txt-mint {color: #018c92;}
.cont-history .history-area:nth-child(2) {flex-direction: row-reverse;}
.cont-history .history-area:nth-child(2) .tit-box {padding-left : 13rem; padding-right: 0; text-align: left;}
.cont-history .history-area:nth-child(2) .contents-box {padding-right: 13rem; padding-left: 0; text-align: right;}
.cont-history .history-area:nth-child(2) .contents-box::before {left: initial; right: 0; top: 15px; border-right: 1px solid #c9c9c9; border-left: none;}
.cont-history .history-area:nth-child(2) .tit-box span {left: -10.5px; right: initial;}
.cont-history .history-area:nth-child(2) .contents-box .item ul li {list-style-position: inside;}

.cont-history .img-ab {position: absolute;}
.cont-history .y-2023 .img-ab {width: 430px; height: 300px; left: calc(-430px - 26rem); top: 0; background-color: #12b5bc; border-radius: 70px 0 70px 70px; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.cont-history .y-2023 .img-ab img {margin-top: 1.5rem;}
.cont-history .y-2023 .img-ab p {font-size: 2rem; margin-top: 1.5rem; font-weight: 600; color: #fff;}
.cont-history .y-2021 .img-ab {padding-bottom: 8rem; background-color: #9ed7d9; width: 485px; height: 485px; left: calc(-485px - 26rem); top: 0; border-radius: 9999px 9999px 9999px 0; display: flex; flex-direction: column; justify-content: center; align-items: center;} 
.cont-history .y-2021 .img-ab .txt {margin-top: 3rem; background-color: #12b5bc; border-radius: 9999px; padding: 15px 40px; box-shadow: 0px 0px 60px rgba(34, 34, 34, 0.25); }
.cont-history .y-2021 .img-ab .txt p {font-size: 2rem; line-height: 1.3; text-align: center; color: #fff; font-weight: 600;}
.cont-history .y-2017 .img-ab {top: 0; left: calc(-56rem - 26rem); width: 56rem; height: 30rem; background: url('../images/sub/2-5_img03.png') no-repeat center / cover; border-radius: 0 70px 70px 70px;}
.cont-history .y-2017 .img-ab .txt {background-color: #00626f; border-radius: 0 9999px 9999px 9999px; display: inline-block; padding: 15px 35px; position: absolute; top: 12px; left: 12px;}
.cont-history .y-2017 .img-ab .txt p {font-size: 16px; font-weight: 600; color: #fff; text-align: center; line-height: 1;}
.cont-history .y-2002 .img-ab {top: 0; left: calc(-56rem - 26rem); width: 56rem; height: 30rem; background: url('../images/sub/2-5_img04.png') no-repeat center / cover; border-radius: 70px 70px 0 70px;}
.cont-history .y-2002 .img-ab .txt {background-color: #00626f; border-radius: 9999px 9999px 0 9999px; display: inline-block; padding: 15px 35px; position: absolute; bottom: 12px; right: 12px;}
.cont-history .y-2002 .img-ab .txt p {font-size: 16px; font-weight: 600; color: #fff; text-align: center; line-height: 1;}

.sub-010205 .history-btn {background-color: #fff;}
.sub-010205 .history-btn ul {display: flex; align-items: center; justify-content: center;}
.sub-010205 .history-btn li {cursor: pointer; padding: 0.5rem 3rem; border: 1px solid #cecece; border-radius: 9999px; margin-right: 1.5rem;}
.sub-010205 .history-btn li:last-child {margin-right: 0;}
.sub-010205 .history-btn li.active,
.sub-010205 .history-btn li:hover {background-color: #00626f; border: 1px solid #00626f;}
.sub-010205 .history-btn li.active p,
.sub-010205 .history-btn li:hover p {color: #fff;}
.sub-010205 .history-btn li p {font-weight: 600; font-size: 22px; color: #484848; text-align: center;}

.sub-010205 .history-btn.fixed {position: fixed; padding: 25px 0; top: 80px; left: 0; right: 0; z-index: 1000; background-color: #fff;}


.cont-history .y-2017 .img-ab .txt {border-radius: 0 70px 0 0; top: -45px; left: 0; width: 100%; padding: 15px 35px;}
.cont-history .y-2017 .img-ab {border-radius: 0 0 70px 70px;}

.cont-history .y-2002 .img-ab .txt {border-radius: 0 70px 0 0; top: -45px; left: 0; width: 100%; padding: 15px 35px; bottom: initial; right: initial;}
.cont-history .y-2002 .img-ab {border-radius: 0 0 0 70px;}



@media (max-width: 1440px){
    .cont-history .history-area .tit-box {padding-right: 8rem;}
    .cont-history .history-area .contents-box {padding-left: 8rem;}
    .cont-history .history-area:nth-child(2) .tit-box {padding-left : 8rem;}
    .cont-history .history-area:nth-child(2) .contents-box {padding-right: 8rem;}
    .cont-history .y-2023 .img-ab {left: calc(-430px - 16rem);} 
    .cont-history .y-2021 .img-ab {left: calc(-485px - 16rem);} 
    .cont-history .y-2017 .img-ab {left: calc(-50rem - 16rem); width: 50rem;}
    .cont-history .y-2002 .img-ab {left: calc(-50rem - 16rem); width: 50rem;}
}
@media (max-width: 1280px){
    .sub-010205 .top-bg {padding: 10rem var(--inner-padding);}
    .cont-history .y-2023 .img-ab img, .cont-history .y-2023 .img-ab p {margin-top: 15px;}
    .cont-history .y-2021 .img-ab {padding-bottom: 10rem; width: 400px; height: 400px; left: calc(-400px - 16rem);} 
    .cont-history .y-2021 .img-ab img {width: 80%;}
    .cont-history .y-2017 .img-ab, .cont-history .y-2002 .img-ab {left: calc(-45rem - 16rem); width: 45rem; height: 25rem;}
    .cont-history .y-2017 .img-ab .txt, .cont-history .y-2002 .img-ab .txt  {padding: 12px 30px;}
    .cont-history .y-2023 .img-ab {border-radius: 50px 0 50px 50px;}
    .cont-history .y-2017 .img-ab {border-radius: 0 0 50px 50px;}
    .cont-history .y-2002 .img-ab {border-radius: 0 0 0 50px;}

    .cont-history .y-2002 .img-ab .txt, .cont-history .y-2017 .img-ab .txt {border-radius: 0 50px 0 0; top: -35px; left: 0; width: 100%; padding: 15px 35px;}
    .cont-history .y-2002 .img-ab .txt p {line-height: 1.3;}


}
@media (max-width: 1024px){
    .sub-010205 .top-bg {padding: 8rem var(--inner-padding);}
    .sub-010205 .top-bg .txt-box p:first-child {font-size: 7rem;}
    .cont-history .y-2023 .img-ab {width: 40rem; height: 25rem; left: calc(-40rem - 16rem);}
    .cont-history .y-2023 .img-ab img {width: 55%;}
    .cont-history .y-2023 .img-ab img, .cont-history .y-2023 .img-ab p {margin-top: 15px;}
    .cont-history .y-2021 .img-ab {padding-bottom: 5rem; width: 360px; height: 360px; left: calc(-360px - 16rem);} 
    .cont-history .y-2021 .img-ab img {width: 70%;}
    .cont-history .y-2017 .img-ab, .cont-history .y-2002 .img-ab {left: calc(-40rem - 16rem); width: 40rem; height: 25rem;}
    .cont-history .y-2017 .img-ab .txt, .cont-history .y-2002 .img-ab .txt  {padding: 12px 30px;}
    .cont-history .y-2023 .img-ab {border-radius: 40px 0 40px 40px;}
    .cont-history .y-2017 .img-ab {border-radius: 0 40px 40px 40px;}
    .cont-history .y-2002 .img-ab {border-radius: 0 0 0 40px;}

    .sub-010205 .history-btn.fixed {padding: 20px 0; top: 80px; left: 0; right: 0;}
    .sub-010205 .history-btn li {padding: 0.3rem 2rem; margin-right: 1rem;}
    .sub-010205 .history-btn li p {font-size: 20px;}

}
@media (max-width: 960px){
    .cont-history .history-area .tit-box p {font-size: 3.8rem;}
    .cont-history .history-area .tit-box h6 {font-size: 6rem;}
    .cont-history .history-area .tit-box {padding-right: 6.5rem;}
    .cont-history .history-area .contents-box {padding-left: 6.5rem;}
    .cont-history .history-area:nth-child(2) .tit-box {padding-left : 6.5rem;}
    .cont-history .history-area:nth-child(2) .contents-box {padding-right: 6.5rem;}

    .sub-010205 .top-bg .txt-box p:first-child {font-size: 6rem;}
    .sub-010205 .top-bg .txt-box p:last-child {font-size: 3rem;}

    .cont-history .y-2023 .img-ab {width: 34rem; height: 25rem; left: calc(-34rem - 13rem);}
    .cont-history .y-2023 .img-ab img {width: 55%;}
    .cont-history .y-2023 .img-ab img, .cont-history .y-2023 .img-ab p {margin-top: 15px;}
    .cont-history .y-2021 .img-ab {padding-bottom: 1.5rem; width: 280px; height: 280px; left: calc(-280px - 13rem);} 
    .cont-history .y-2021 .img-ab img {width: 65%;}
    .cont-history .y-2021 .img-ab .txt {padding: 12px 20px; margin-top: 1.5rem;}
    .cont-history .y-2017 .img-ab, .cont-history .y-2002 .img-ab {left: calc(-34rem - 13rem); width: 34rem; height: 20rem;}
    .cont-history .y-2017 .img-ab .txt, .cont-history .y-2002 .img-ab .txt  {padding: 12px 25px;}
    .cont-history .y-2023 .img-ab {border-radius: 25px 0 25px 25px;}
    .cont-history .y-2017 .img-ab {border-radius: 0 0 25px 25px;}
    .cont-history .y-2002 .img-ab {border-radius: 0 0 0 25px;}

    .cont-history .y-2002 .img-ab .txt, .cont-history .y-2017 .img-ab .txt {border-radius: 0 25px 0 0; top: -45px; left: 0; width: 100%; padding: 10px 35px;}
    .cont-history .y-2017 .img-ab .txt p {line-height: 1.3;}

    .sub-010205 .history-btn.fixed {position: fixed; padding: 15px 0; top: 80px; left: 0; right: 0;}
    .sub-010205 .history-btn li {padding: 0.5rem 2rem; margin-right: 1rem;}
    .sub-010205 .history-btn li p {font-size: 18px;}
}
@media (max-width: 768px){
    .cont-history .history-area {flex-wrap: wrap; margin-left: 15px;}
    .cont-history .history-area .tit-box {width: 100%; border-left: 1px solid #c9c9c9; text-align: left; padding-left: 10rem; padding-right: 0;}
    .cont-history .history-area .contents-box {width: 100%;position: relative; border-left: 1px solid #c9c9c9; padding-left: 10rem; padding-top: 8rem;}
    .cont-history .history-area .contents-box::before {content: none;}
    .cont-history .history-area .tit-box span {right: initial; left: -10px; top: 0;}
    .cont-history .history-area .contents-box .item:first-child {margin-top: 0;}
    .cont-history .history-area .contents-box .item {margin-bottom: 8rem;}
    .cont-history .history-area .contents-box .item .year p {font-size: 4rem;}
    .cont-history .history-area .contents-box .item ul {margin-top: 2rem;}
    .cont-history .history-area .contents-box .item ul li {font-size: 2rem;}

    .cont-history .y-2023 .img-ab, .cont-history .y-2021 .img-ab, .cont-history .y-2017 .img-ab, .cont-history .y-2002 .img-ab {margin-top: 3rem; position: relative; top: initial; left: initial; right: initial;}
    .cont-history .y-2017 .img-ab, .cont-history .y-2002 .img-ab {width: 42rem; height: 25rem; margin-top: 7rem;}
    .cont-history .y-2002 .img-ab .txt, .cont-history .y-2017 .img-ab .txt {top: -35px;}

    .cont-history .history-area:nth-child(2) .tit-box {padding-left: 10rem;}
    .cont-history .history-area:nth-child(2) .contents-box {padding-right: initial; padding-left: 10rem; text-align: left;}
    .sub-010205 .history-btn ul {justify-content: flex-start;}
    .sub-010205 .history-btn.fixed {position: fixed; padding: 30px calc(100% - 450px) 40px 0; top: 70px; left: 0; right: initial; min-width: 100%;}
    .sub-010205 .history-btn li {padding: 0.5rem 2rem; margin-right: 1rem;}
    .sub-010205 .history-btn li p {font-size: 17px;}
    .cont-history .history-area:nth-child(2) .contents-box .item ul li {list-style-position: initial;}

}
@media (max-width: 480px){
    .sub-010205 .top-bg {padding: 5rem var(--inner-padding);}
    .sub-010205 .top-bg .txt-box p:first-child {font-size: 5rem;}
    .sub-010205 .top-bg .txt-box p:last-child {font-size: 2.8rem;}
    .cont-history .history-area {margin-left: 10px;}
    .cont-history .history-area .tit-box {padding-left: 5rem;}
    .cont-history .history-area .contents-box {padding-left: 5rem;}
    .cont-history .history-area .contents-box .item ul {margin-top: 20px;}
    .cont-history .history-area .contents-box .item ul li {font-size: 15px;}
    .cont-history .y-2017 .img-ab, .cont-history .y-2002 .img-ab {width: 40rem; height: 25rem;}
    .cont-history .history-area:nth-child(2) .tit-box {padding-left: 5rem;}
    .cont-history .history-area:nth-child(2) .contents-box {padding-left: 5rem;}
    .cont-history .y-2017 .img-ab .txt p, .cont-history .y-2002 .img-ab .txt p {font-size: 14px;}
    
    .sub-010205 .history-btn.fixed {position: fixed; padding: 20px calc(100% - 450px) 30px 0; top: 60px; left: 0; right: initial;}
    .sub-010205 .history-btn li p {font-size: 14px;}
}
@media (max-width: 380px){
    .sub-010205 .history-btn {margin-right: 0;}
    .sub-010205 .history-btn li {padding: 0.3rem 1.5rem; margin-right: 0.5rem;}
    .sub-010205 .history-btn.fixed {position: fixed; padding: 20px calc(100% - 325px) 30px 0; top: 60px; left: 0; right: initial;}
    .cont-history .y-2017 .img-ab, .cont-history .y-2002 .img-ab {width: 35rem; height: 25rem;}

}



/* 2-1. 연구소 소개 */
.sub-0201 h6 {text-align: center; font-size: 3.2rem; font-weight: 700; color: #222; margin-bottom: 10rem;}
.sub-0201 .cont-lab {position: relative; display: flex; align-items: flex-end; flex-direction: row-reverse;}
.sub-0201 .cont-lab .txt-box {width: calc(100% - 70rem); margin-top: 10rem;}
.sub-0201 .cont-lab .txt-box h6 {text-align: left; font-size: 4.8rem; font-weight: 800; color: #222; margin-bottom: 7rem;}
.sub-0201 .cont-lab .mo {display: none;}
.sub-0201 .cont-lab h6 span {color: #12b5bc; vertical-align: baseline;}
.sub-0201 .cont-lab .txt-box p {font-size: 2.4rem; font-weight: 400; color: #666; }
.sub-0201 .cont-lab .txt-box p span {font-weight: 700; color: #222; vertical-align: baseline;}
.sub-0201 .cont-lab .img-box {width: 65rem; margin-left: auto;}
.sub-0201 .cont-lab .img-box .img {position: relative; width: 430px; height: 430px; border-radius: 9999px 9999px 0 9999px; margin-left: auto;}
.sub-0201 .cont-lab .img-box .img::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 9999px 9999px 0 9999px; border: 2px dashed #71d3d7; width: calc(100% + 60px); height: calc(100% + 60px); display: block;}
.sub-0201 .cont-lab .img-box .img img{border-radius: 9999px 9999px 0 9999px;}
.sub-0201 .cont-lab .img-box .img .ab-con {position: absolute; bottom: -20px; left: -180px; background-color: #00626f; width: 280px; height: 280px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.sub-0201 .cont-lab .img-box .img .ab-con p {color: #fff; font-family: 'Montserrat'; font-size: 2.1rem; font-weight: 600;}
.sub-0201 .cont-lab .img-box .img .ab-con p span {color: #9ed7d9; font-weight: 800; vertical-align: baseline;}

.sub-0201 .cont-lab-slide {margin: 10rem 0 18rem;}
.sub-0201 .cont-lab-slide .slide-btn {display: flex; align-items: center; margin-bottom: 5rem;}
.sub-0201 .cont-lab-slide .slide-btn button {font-size: 0; position: relative; width: 60px; height: 60px; border: 2px solid #12b5bc; cursor: pointer;}
.sub-0201 .cont-lab-slide .slide-btn button.prev {border-radius: 9999px 9999px 9999px 0; margin-right: 1.5rem;}
.sub-0201 .cont-lab-slide .slide-btn button.next {border-radius: 9999px 0 9999px 9999px; }
.sub-0201 .cont-lab-slide .slide-btn button.prev::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 22px; background: url('../images/sub/n_2-1_prev.png') no-repeat center / contain; }
.sub-0201 .cont-lab-slide .slide-btn button.next::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 22px; background: url('../images/sub/n_2-1_next.png') no-repeat center / contain; }
.sub-0201 .cont-lab-slide .slide-btn button.prev:hover {animation: prev-hover 1s forwards; background-color: #12b5bc;}
.sub-0201 .cont-lab-slide .slide-btn button.next:hover {animation: next-hover 1s forwards; background-color: #12b5bc;}
.sub-0201 .cont-lab-slide .slide-btn button.prev:hover::before {animation: prev-before-hover 1s forwards; filter: invert(999%) sepia(999%) saturate(0%) brightness(999%) contrast(999%);}
.sub-0201 .cont-lab-slide .slide-btn button.next:hover::before {animation: next-before-hover 1s forwards; filter: invert(999%) sepia(999%) saturate(0%) brightness(999%) contrast(999%);}
@keyframes prev-hover {0% {transform: rotate(0);} 100% {transform: rotate(45deg);}}
@keyframes next-hover {0% {transform: rotate(0);} 100% {transform: rotate(45deg);}}
@keyframes prev-before-hover {0% {transform: translate(-50%, -50%) rotate(0);} 100% {transform: translate(-50%, -50%) rotate(-45deg);}}
@keyframes next-before-hover {0% {transform: translate(-50%, -50%) rotate(0);} 100% {transform: translate(-50%, -50%) rotate(-45deg);}}
.sub-0201 .cont-lab-slide .lab-slider {margin: 0 auto 0 var(--inner-padding); display: flex; overflow: hidden; width: 100%;}
.sub-0201 .cont-lab-slide .slide-list {transition: transform 0.5s ease; width: 100%; display: flex; list-style: none; padding: 0; margin: 0;}
.sub-0201 .cont-lab-slide .slide-list li {flex: 0 0 30%; margin-right: 5rem; height: 320px; list-style: none; box-shadow: 1px 1px 5px rgba(34, 34, 34, 0.3); border-radius: 30px;}
.sub-0201 .cont-lab-slide .slide-list li:last-child {margin-right: 0;}
.sub-0201 .cont-lab-slide .slide-list li img {width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 30px;}

.sub-0201 .cont-mi_vi {background-color: #f9f9f9; width: 100%; height: auto; padding: 10rem 0 12rem;}
.sub-0201 .cont-mi_vi .item {padding: 5rem 0; display: flex; justify-content: space-between; align-items: center;}
.sub-0201 .cont-mi_vi .item.nth-1 {border-bottom: 2px dashed #dbdbdb; margin-top: 0; padding-top: 0;}
.sub-0201 .cont-mi_vi .item .txt-box {width: 60%;}
.sub-0201 .cont-mi_vi .item .txt-box .tit {font-size: 4rem; font-weight: 800; color: #018c92;}
.sub-0201 .cont-mi_vi .item .txt-box .txt {font-size: 2.6rem; font-weight: 500; color: #222;}
.sub-0201 .cont-mi_vi .item .txt-box .txt span {font-weight: 700; vertical-align: baseline;}
.sub-0201 .cont-mi_vi .item .ico {width: 250px; height: 250px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 50%; box-shadow: 1px 1px 50px rgba(34, 34, 34, 0.1);}
.sub-0201 .overlap-box {display: flex; margin-top: 8rem;}
.sub-0201 .overlap-item {display: flex;  align-items: center; justify-content: center; position: relative; width: 30%; background-color: rgb(136, 204, 206, 0.85); border-radius: 9999px; margin-left: -3%; padding: 3rem 5rem;}
.sub-0201 .overlap-item::before {content: ''; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); background: url('../images/sub/n_2-1_ico-plus.png') no-repeat center / contain; width: 18px; height: 18px;}
.sub-0201 .overlap-item:first-child:before {display: none;}
.sub-0201 .overlap-item:first-child {margin-left: 0;}
.sub-0201 .overlap-item p {text-align: center; font-size: 1.8rem; font-weight: 600; color: #fff; line-height: 1;}
.sub-0201 .overlap-item:nth-child(2) {background-color: rgb(18, 181, 188, 0.85);}
.sub-0201 .overlap-item:nth-child(3) {background-color: rgb(1, 140, 146, 0.85);}
.sub-0201 .overlap-item:nth-child(4) {background-color: rgb(0, 98, 111, 0.85);}

.sub-0201 .cont-rnd {margin: 10rem 0 40rem;}
.sub-0201 .cont-rnd .tit-box {position: relative;}
.sub-0201 .cont-rnd .tit-box .txt {display: flex; justify-content: space-between; align-items: flex-start;}
.sub-0201 .cont-rnd .tit-box p {font-size: 2.2rem; font-weight: 500; color: #222;}
.sub-0201 .cont-rnd .tit-box p span {font-weight: 700; vertical-align: baseline;}
.sub-0201 .cont-rnd .tit-box .color-box p {font-size: 1.8rem; font-weight: 700; color: #12b5bc;}
.sub-0201 .cont-rnd .tit-box .color-box p span {margin-right: 1rem; vertical-align: text-top; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #12b5bc;}
.sub-0201 .cont-rnd .tit-box .color-box p:last-child {color: #00626f; margin-top: 0.3rem;}
.sub-0201 .cont-rnd .tit-box .color-box p:last-child span {background-color: #00626f;}

.sub-0201 .cont-rnd .contents-area {margin-top: 8rem; display: flex; justify-content: center;}
.sub-0201 .cont-rnd .contents-area .center-bg {display: flex; justify-content: center; align-items: center; z-index: -2; position: relative; background-color: #f2f7f8; border-radius: 50%; width: 68rem; height: 68rem;} 
.sub-0201 .cont-rnd .contents-area .center-bg .center {display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 50%; width: 29rem; height: 29rem; position: relative; background-color: #5798a0;}
.sub-0201 .cont-rnd .contents-area .center-bg .center::before {content: ''; z-index: -1; border-radius: 50%; width: calc(100% + 10rem); height: calc(100% + 10rem); position: absolute; background-color: #d9e8ea; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub-0201 .cont-rnd .contents-area .center-bg .center p {margin-top: 2rem; font-size: 2.4rem; line-height: 1.3; font-weight: 700; color: #fff; line-height: 1; text-align: center;}
.sub-0201 .cont-rnd .contents-area .item {position: absolute;}
.sub-0201 .cont-rnd .contents-area .item.nth-1 {top: 0; left: 0; }
.sub-0201 .cont-rnd .contents-area .item.nth-2 {top: 0; right: 0;}
.sub-0201 .cont-rnd .contents-area .item.nth-3 {top: 50%; right: -7rem;}
.sub-0201 .cont-rnd .contents-area .item.nth-4 {bottom: 0; left: 50%; transform: translate(-50%, 40%);}
.sub-0201 .cont-rnd .contents-area .item.nth-5 {top: 50%; left: -7rem;}

.sub-0201 .cont-rnd .contents-area .item .img {width: 17rem; height: 17rem; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 50%; box-shadow: 1px 1px 10px rgba(34, 34, 34, 0.1);}
.sub-0201 .cont-rnd .contents-area .item .txt {position: absolute; }
.sub-0201 .cont-rnd .contents-area .item .txt p {font-size: 2.4rem; font-weight: 700; color: #12b5bc; line-height: 1.3;}
.sub-0201 .cont-rnd .contents-area .item .txt ul {margin-top: 2rem;}
.sub-0201 .cont-rnd .contents-area .item .txt ul li {list-style: '-'; margin-left: 10px; padding-left: 10px; font-size: 1.7rem; font-weight: 500; color: #666; margin-bottom: 0.5rem;}
.sub-0201 .cont-rnd .contents-area .item .txt ul li:last-child {margin-bottom: 0;}
.sub-0201 .cont-rnd .contents-area .item.nth-2 .txt p,
.sub-0201 .cont-rnd .contents-area .item.nth-3 .txt p,
.sub-0201 .cont-rnd .contents-area .item.nth-4 .txt p {color: #00626f;}
.sub-0201 .cont-rnd .contents-area .item.nth-1 .txt {top: 110%; left: -100%; transform: translate(-50%, -50%);}
.sub-0201 .cont-rnd .contents-area .item.nth-2 .txt {top: 120%; right: -150%; transform: translate(25%, -50%);}
.sub-0201 .cont-rnd .contents-area .item.nth-3 .txt {top: 140%; right: -80%; transform: translate(25%, -50%);}
.sub-0201 .cont-rnd .contents-area .item.nth-4 .txt {bottom: 0; left: 50%; transform: translate(-30%, 120%); width: 200%;}
.sub-0201 .cont-rnd .contents-area .item.nth-5 .txt {top: 140%; left: -20%; transform: translate(-50%, -50%); width: 250%;}

@media (max-width: 1600px){.sub-0201 .cont-lab .img-box .img {margin-right: 3%;}}
@media (max-width: 1440px){
    .sub-0201 .cont-lab-slide .slide-list li {height: 280px;}
    .sub-0201 .cont-lab .txt-box p {font-size: 2.2rem;}
    .sub-0201 .cont-lab .txt-box p br.bt {display: none;}
    .sub-0201 .cont-lab .img-box .img {width: 400px; height: 400px;}

    .sub-0201 .cont-rnd .contents-area .center-bg {width: 60rem; height: 60rem;}
    .sub-0201 .cont-rnd .contents-area .item .img {width: 15rem; height: 15rem;}
    .sub-0201 .cont-rnd .contents-area .item .img img {width: 45%;}
    .sub-0201 .cont-rnd .contents-area .item.nth-2 .txt {top: 130%; right: -170%; transform: translate(25%, -50%);}
    .sub-0201 .cont-rnd .contents-area .item.nth-3 .txt {top: 140%; right: -100%; transform: translate(25%, -50%); width: 200%;}
    .sub-0201 .cont-rnd .contents-area .item.nth-4 {bottom: 0; left: 50%; transform: translate(-50%, 60%);}
    .sub-0201 .cont-rnd .contents-area .item.nth-5 {top: 50%; left: -8.5rem;}
    
    .sub-0201 .cont-rnd .contents-area .center-bg .center p {font-size: 2.6rem;}
    .sub-0201 .cont-rnd .contents-area .center-bg .center img {width: 80%; margin: auto;}
}
@media (max-width: 1280px){
    .sub-0201 .cont-lab {align-items: flex-start;}
    .sub-0201 .cont-lab .txt-box {margin-top: 0;}
    .sub-0201 .cont-lab .img-box {width: 50rem;}
    .sub-0201 .cont-lab .txt-box {width: calc(100% - 55rem);}
    .sub-0201 .cont-lab .img-box .img {width: 300px; height: 300px; margin-top: 3.5rem;}
    .sub-0201 .cont-lab .img-box .img .ab-con {bottom: -50px; left: -130px; width: 200px; height: 200px;}
    .sub-0201 .cont-lab .img-box .img .ab-con p {font-size: 16px;}
    .sub-0201 .cont-lab .img-box .img::before {width: calc(100% + 40px); height: calc(100% + 40px);}
    .sub-0201 .cont-lab-slide .slide-list li {height: 260px;}

    .sub-0201 .cont-mi_vi .item .ico {width: 200px; height: 200px;}
    .sub-0201 .cont-mi_vi .item .txt-box .txt {font-size: 2.4rem;}
    .sub-0201 .overlap-item {margin-left: -3.5%;}
    .sub-0201 .overlap-item::before {left: 10px;}
    .sub-0201 .overlap-item p {font-size: 16px;}

    .sub-0201 .cont-rnd .contents-area .item.nth-2 .txt {top: 100%; right: -130%; transform: translate(25%, -50%); width: 150%;}
    .sub-0201 .cont-rnd .contents-area .item.nth-3 .txt {top: 110%; right: -50%; transform: translate(50%, 0%);}
    .sub-0201 .cont-rnd .contents-area .item.nth-5 .txt {top: 110%; left: -40%; transform: translate(-40%, 0%);}

    .sub-0201 .cont-rnd .contents-area .center-bg {width: 50rem; height: 50rem;}
}
@media (max-width: 1024px){
    .sub-0201 .cont-lab-slide .slide-list li {height: 240px;}
    .sub-0201 .cont-mi_vi .item .ico {width: 180px; height: 180px;}
    .sub-0201 .cont-mi_vi .item .ico img {width: 40%;}
    .sub-0201 .overlap-item::before {left: 8px;}

    .sub-0201 .cont-rnd .contents-area .item .img {width: 14rem; height: 14rem}

    .sub-0201 .cont-rnd .contents-area .item.nth-1 .txt {top: 110%; left: -100%; width: 150%;}
    .sub-0201 .cont-rnd .contents-area .item.nth-3 .txt {top: 110%; right: -50%; transform: translate(50%, 0%); width: 150%;}
    .sub-0201 .cont-rnd .contents-area .item.nth-5 .txt {top: 110%; left: -40%; transform: translate(-40%, 0%); width: 150%;}

}
@media (max-width: 960px){
    .sub-0201 .cont-lab {flex-direction: column;}
    .sub-0201 .cont-lab .mo {display: block; text-align: center; width: 100%; margin-bottom: 8rem;}
    .sub-0201 .cont-lab .pc {display: none;}
    .sub-0201 .cont-lab .img-box {width: 100%;}
    .sub-0201 .cont-lab .img-box .img {margin: auto;}
    .sub-0201 .cont-lab .txt-box {width: 100%; text-align: center; margin-top: 12rem; padding: 0 10rem;}
    .sub-0201 .cont-lab .txt-box br.btt {display: none;}
    .sub-0201 .cont-lab .txt-box p {font-size: 2.3rem;}
    .sub-0201 h6 {font-size: 4rem;}
    .sub-0201 .cont-lab-slide .slide-btn {justify-content: center;}
    .sub-0201 .cont-lab-slide .slide-list li {height: 220px;}
    .sub-0201 .overlap-item::before {width: 12px;  height: 12px;}

    .sub-0201 h6 {margin-bottom: 7rem;}


    .sub-0201 .cont-rnd .contents-area .center-bg {width: initial; height: initial; background-color: initial; flex-direction: column; margin-top: 5rem;}
    .sub-0201 .cont-rnd .contents-area .item.nth-1, .sub-0201 .cont-rnd .contents-area .item.nth-1 .txt,
    .sub-0201 .cont-rnd .contents-area .item.nth-2, .sub-0201 .cont-rnd .contents-area .item.nth-2 .txt,
    .sub-0201 .cont-rnd .contents-area .item.nth-3, .sub-0201 .cont-rnd .contents-area .item.nth-3 .txt,
    .sub-0201 .cont-rnd .contents-area .item.nth-4, .sub-0201 .cont-rnd .contents-area .item.nth-4 .txt,
    .sub-0201 .cont-rnd .contents-area .item.nth-5, .sub-0201 .cont-rnd .contents-area .item.nth-5 .txt, .sub-0201 .cont-rnd .contents-area .item .img {position: relative; top: initial; left: initial; right: initial; bottom: initial; transform: none; width: initial;}
    .sub-0201 .cont-rnd .contents-area .item.nth-1, 
    .sub-0201 .cont-rnd .contents-area .item.nth-2, 
    .sub-0201 .cont-rnd .contents-area .item.nth-3, 
    .sub-0201 .cont-rnd .contents-area .item.nth-4, 
    .sub-0201 .cont-rnd .contents-area .item.nth-5 {width: 100%;}
    

    .sub-0201 .cont-rnd .contents-area {display: initial;}
    .sub-0201 .cont-rnd .contents-area .center-bg .center::before {display: none;}
    .sub-0201 .cont-rnd .contents-area .item {display: flex; align-items: center; padding: 3rem 0; border-bottom: #f0f0f0 dashed 2px; width: 100%;}
    .sub-0201 .cont-rnd .contents-area .item .img {width: 80px; height: 80px; border-radius: 9999px;}
    .sub-0201 .cont-rnd .contents-area .item .txt {width: calc(100% - 110px); margin-left: 30px;}

    .sub-0201 .cont-rnd .contents-area .center-bg .center {margin-bottom: 1.5rem; width: 100%; height: 100%; border-radius: 10px; padding: 2rem 5rem; display: flex; flex-direction: row; align-items: center;}
    .sub-0201 .cont-rnd .contents-area .center-bg .center .img-cent {display: flex; justify-content: center; align-items: center;}
    .sub-0201 .cont-rnd .contents-area .center-bg .center img {width: 50%;}
    .sub-0201 .cont-rnd .contents-area .center-bg .center p {font-size: 3rem; margin-left: 25px; margin-top: 0;}

    .sub-0201 .cont-rnd {margin: 8rem 0 12rem;}
    .sub-0201 .cont-rnd .contents-area .center-bg .center p {font-size: 2.5rem;}

}
@media (max-width: 768px){
    .sub-0201 .cont-lab .txt-box {padding: 0 3em;}
    .sub-0201 .cont-lab-slide {margin: 8rem 0 14rem;}
    .sub-0201 .cont-lab-slide .slide-btn {margin-bottom: 6rem;}
    .sub-0201 .cont-lab-slide .slide-btn button {width: 45px; height: 45px;}
    .sub-0201 .cont-lab-slide .slide-list li {height: 160px; border-radius: 20px;}
    .sub-0201 .cont-lab-slide .slide-list li img {border-radius: 20px;}

    .sub-0201 .cont-mi_vi .item {flex-direction: column-reverse;}
    .sub-0201 .cont-mi_vi .item .txt-box {width: 100%; text-align: center; padding: 0 5%; margin-top: 3rem;}

    .sub-0201 .overlap-box.nth-3 {flex-direction: column; padding: 0 12%; margin-top: 3rem;}
    .sub-0201 .overlap-box.nth-3 .overlap-item {margin: 0; width: 100%;}
    .sub-0201 .overlap-item::before {display: none;}
    .sub-0201 .overlap-item p {font-size: 16px;}
    .sub-0201 .overlap-item {padding: 2.5rem;}

}
@media (max-width: 650px){
    .sub-0201 .cont-lab .img-box .img {width: 240px; height: 240px;}
    .sub-0201 .cont-lab-slide .slide-list li {height: 140px;}
    .sub-0201 .cont-lab .img-box .img .ab-con {bottom: -40px; left: -80px; width: 160px; height: 160px; }
    .sub-0201 .cont-lab .img-box .img .ab-con p {font-size: 14px;}
    .sub-0201 .cont-lab .txt-box {padding: 0;}
    .sub-0201 .cont-lab-slide .slide-btn button {width: 40px; height: 40px;}
    .sub-0201 .cont-lab-slide .slide-btn button.prev::before, .sub-0201 .cont-lab-slide .slide-btn button.next::before {width: 10px; height: 18px;}
    .sub-0201 .cont-lab-slide .slide-list li {height: 140px; margin-right: 3rem;}
    .sub-0201 .overlap-box.nth-3 {padding: 0 8%;}


}
@media (max-width: 480px){
    .sub-0201 .cont-lab-slide .slide-list li {height: 120px;}
    .sub-0201 .cont-lab-slide .slide-btn button {width: 35px; height: 35px;}
    .sub-0201 .cont-lab .img-box .img {width: 200px; height: 200px;}
    .sub-0201 .cont-lab .img-box .img::before {width: calc(100% + 30px); height: calc(100% + 30px);}  
    .sub-0201 .cont-lab .img-box .img .ab-con { bottom: -40px; left: -50px; width: 150px; height: 150px;}
    .sub-0201 .cont-lab .txt-box {margin-top: 10rem;}
    .sub-0201 .cont-lab-slide {margin: 6rem 0 10rem;}
    .sub-0201 .overlap-box.nth-3 {padding: 0 6%;}
    .sub-0201 .cont-rnd .tit-box .txt {display: initial;}
    .sub-0201 .cont-rnd .tit-box .txt .color-box {margin-top: 1rem;}
    .sub-0201 .cont-rnd .tit-box .color-box p {font-size: 16px;}

    .sub-0201 .cont-rnd .contents-area .item {flex-direction: column; padding: 5rem 0;}
    .sub-0201 .cont-rnd .contents-area .item .txt {width: 100%; margin-left: 0; margin-top: 2rem; text-align: center; }
    .sub-0201 .cont-rnd .contents-area .item .txt p {font-size: 18px;}
    .sub-0201 .cont-rnd .contents-area .item .txt ul li {list-style: '- '; list-style-position: inside; font-size: 15px; margin-left: 0; padding-left: 0;}

}
@media (max-width: 350px){
    .sub-0201 .cont-lab-slide .slide-list li {flex: 0 0 80%; height: 200px;}
    .sub-0201 .overlap-box.nth-3 {padding: 0;}
    .sub-0201 .cont-mi_vi .item .ico {width: 130px; height: 130px;}
}



/* 2-2. 개발이력 */
.sub-0202 {display: flex; position: relative; margin-top: 5rem; height: 100%; overflow: hidden; margin-bottom: 12rem;}
.sub-0202 .img-area {width: 50%; position: sticky; height: 710px; flex: 0 0 50%;}
.sub-0202 .img-area .img-box {position: relative; display: flex; justify-content: center; align-items: center; width: 500px; height: 500px; border-radius: 50% 50% 50% 0; background: url('../images/sub/2-2_img01.png') no-repeat center / cover;}
.sub-0202 .img-area .img-box::before{z-index: -1; content: ''; position: absolute; top: 50%; left: calc(50% + 3rem); transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50% 50% 50% 0; border: 1px solid #12b5bc;}
.sub-0202 .img-area p {font-size: 2rem; color: #222; font-weight: 500; letter-spacing: -0.02em; margin-top: 3rem; width: 80%; margin-right: auto;}
.sub-0202 .img-area p span {color: #018c92; font-weight: 700; vertical-align: baseline;}

.sub-0202 .txt-area {width: 50%; height: 710px; overflow-y: auto; flex: 1; }
.sub-0202 .txt-area .item {border-bottom: 1px solid #d0d0d0; margin-top: 2rem;}
.sub-0202 .txt-area .item p {font-family: 'Montserrat'; font-size: 3.6rem; font-weight: 700; color: #222;}
.sub-0202 .txt-area .item ul {margin-left: 10px; padding: 1.5rem 0 3rem;}
.sub-0202 .txt-area .item ul li {list-style: '-'; padding-left: 10px; font-size: 2rem; font-weight: 500; color: #666; margin-bottom: 0.5rem;}
.sub-0202 .txt-area .item ul li:last-child {margin-bottom: 0;}
.sub-0202 .txt-area .item:last-child {border-bottom: none;}
.sub-0202 .txt-area .item:last-child ul {padding-bottom: 1rem;}
.sub-0202 .txt-area .item p.n-txt {font-size: 2rem; font-weight: 500; color: #666; font-family: 'Pretendard';}
.sub-0202 .txt-area .item p.sp-txt {margin-top: 1rem; font-weight: 700; font-size: 2.2rem; color: #666; display: block; font-family: 'Pretendard';}
.sub-0202 .txt-area .item p.sp-txt span {font-size: 2.2rem; color: #222;}
.sub-0202 .txt-area .item p.sp-txt span.arrow {margin: 0 1rem; width: 26px; height: 16px; display: inline-block; background: url('../images/sub/2-2_arrow.png') no-repeat center / contain;}


@media (max-width: 1440px){
    .sub-0202 .img-area .img-box {width: 450px; height: 450px;}
}
@media (max-width: 1280px){
    .sub-0202 .img-area {width: 40%; height: 600px; flex: 0 0 40%; margin-right: 5%;}
    .sub-0202 .txt-area {height: 600px; width: 50%; margin-left: 5%;}
    .sub-0202 .img-area .img-box {width: 350px; height: 350px;}
    .sub-0202 .txt-area .item p.sp-txt span {font-size: 2.4rem;}
    .sub-0202 .txt-area .item p.sp-txt span.arrow {margin: 0 4px;}
    .sub-0202 .t-br {display: none;}
}
@media (max-width: 960px){
    .sub-0202 {margin-top: 0; margin-bottom: 8rem; flex-direction: column;}
    .sub-0202 .img-area {width: 100%;  height: initial; flex: initial; display: flex; flex-direction: column; align-items: center;}  
    .sub-0202 .img-area p {text-align: center; padding: 0 5%; margin-top: 5rem;}
    .sub-0202 .img-area p br {display: none;}
    .sub-0202 .txt-area {height: 100%; width: 100%; margin-left: 0; padding: 0 5%; margin-top: 8rem;}
    .sub-0202 .img-area p {width: 100%;}
}
@media (max-width: 768px){
    .sub-0202 .txt-area .item p {font-size: 30px;}
    .sub-0202 .txt-area .item ul li {font-size: 18px;}
    .sub-0202 .txt-area .item p.n-txt {font-size: 18px; margin-bottom: 0.5rem;}
}
@media (max-width: 650px){
    .sub-0202 .img-area .img-box {width: 300px; height: 300px;}
    .sub-0202 .img-area .img-box img {width: 60%;}
}
@media (max-width: 480px){
    .sub-0202 .img-area .img-box {width: 250px; height: 250px;}
    .sub-0202 .txt-area .item p {font-size: 22px;}
    .sub-0202 .txt-area .item ul li {font-size: 16px;}
    .sub-0202 .txt-area .item p.n-txt {font-size: 16px; margin-bottom: 0.5rem;}
    .sub-0202 .img-area p {padding: 0;}
    .sub-0202 .txt-area {padding: 0;}
    .sub-0202 .txt-area .item p.sp-txt span.arrow {margin: 0 10px;}
}
@media (max-width: 350px){
    .sub-0202 .img-area .img-box {width: 200px; height: 200px;}
    .sub-0202 .txt-area .item p.sp-txt {word-break: break-all;}
}


/* 2-3. 연구기자재 */
.sub-020301 {margin-bottom: 12rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6.5rem; }
.sub-020301 .item {max-height: 430px; background-color: #f7f7f7; border-radius: 30px; position: relative; cursor: pointer; padding: 5rem;}
.sub-020301 .item .cont-txt {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;} 
.sub-020301 .item .cont-txt .img {height: 21rem;}
.sub-020301 .item .cont-txt .img img {width: 100%; height: 100%; object-fit: contain;}
.sub-020301 .item .cont-txt .txt {text-align: center; margin-top: 4rem;}
.sub-020301 .item .cont-txt .txt p {font-size: 2.4rem; font-weight: 700; color: #222; margin-bottom: 0.5rem;}
.sub-020301 .item .cont-txt .txt small {font-family: 'Montserrat'; color: #888; font-size: 16px; font-weight: 400;}

.sub-020301 .item .hover-txt {z-index: 999; padding: 5rem; display: none; justify-content: center; align-items: center; flex-direction: column; position: absolute; width: 100%; height: 100%; border-radius: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; background-color: rgb(34, 34, 34, 0.8); }
.sub-020301 .item:hover .hover-txt {display: flex;}
.sub-020301 .item .hover-txt p {font-size: 2.4rem; font-weight: 700;}
.sub-020301 .item .hover-txt ul {margin-top: 1.5rem;}
.sub-020301 .item .hover-txt ul li {font-weight: 550; font-size: 18px; list-style: '- '; list-style-position: inside; margin-bottom: 0.8rem;}
.sub-020301 .item .hover-txt ul li:last-child {margin-bottom: 0;}
.sub-020301 .item .hover-txt small {margin-top: 1rem; font-weight: 550; font-size: 18px;}

@media (max-width: 1440px){
    .sub-020301 {gap: 4rem;}
}
@media (max-width: 1280px){
    .sub-020301 {gap: 3rem;}
    .sub-020301 .item .cont-txt .img {height: 15rem;}
    .sub-020301 .item .cont-txt .txt {margin-top: 2.5rem;}
    .sub-020301 .item .cont-txt .txt p {font-size: 20px;}
}
@media (max-width: 1024px){
    .sub-020301 {gap: 3rem;}
    .sub-020301 .item .cont-txt .img {height: 13rem;}
    .sub-020301 .item {padding: 3rem;}
    .sub-020301 .item .hover-txt p {font-size: 1.8rem;}
    .sub-020301 .item .hover-txt ul li, .sub-020301 .item .hover-txt small {font-size: 1.6rem; font-weight: 400;}
}
@media (max-width: 960px){
    .sub-020301 .item {padding: 2.5rem;}
    .sub-020301 .item .cont-txt .img {height: 12rem;}
    .sub-020301 .item .cont-txt .txt p {font-size: 17px; line-height: 1.2;}
    .sub-020301 .item .cont-txt .txt small {font-size: 14px;}
}
@media (max-width: 768px){
    .sub-020301 .item {border-radius: 25px;}
}
@media (max-width: 650px){
    .sub-020301 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; }
    .sub-020301 .item .cont-txt .img {height: 15rem;}
    .sub-020301 .item {padding: 3rem;}
}
@media (max-width: 480px){
    .sub-020301 {display: initial;}
    .sub-020301 .item {margin-bottom: 5rem; padding: 5rem;}
    .sub-020301 .item:last-child {margin-bottom: 0;}
    .sub-020301 .item .cont-txt .img {height: 15rem;}
}


/* 3-1. 사업소개 */
.sub-0301 .cont-ourbu {margin-bottom: 15rem; margin-top: 6rem;}
.sub-0301 .cont-ourbu h6 {color: #222; font-size: 4.8rem; font-weight: 700;}
.sub-0301 .cont-ourbu h6.mo {display: none;}
.sub-0301 .cont-ourbu .flex-area {display: flex; flex-direction: row-reverse; justify-content: space-between;}
.sub-0301 .cont-ourbu .flex-area .img-box {margin-right: 2rem; position: relative; width: 40rem; height: 40rem; border-radius: 50% 50% 0 50%; background: url('../images/sub/3-1_top_bg.png') no-repeat center / cover;}
.sub-0301 .cont-ourbu .flex-area .img-box::before {width: calc(100% + 6rem); height: calc(100% + 6rem); border-radius: 50% 50% 0 50%; border: 2px dashed #12b5bc; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: '';}
.sub-0301 .cont-ourbu .flex-area .img-box .ab-con {left: -150px; bottom: -30px; display: flex;  justify-content: center; align-items: center; position: absolute;  width: 28rem; height: 28rem; background-color: #12b5bc; border-radius: 50%; }
.sub-0301 .cont-ourbu .flex-area .txt-box {margin-top: 6rem; width: calc(100% - 65rem);}
.sub-0301 .cont-ourbu .flex-area .txt-box p {margin-top: 7rem; font-size: 2.4rem; color: #666; font-weight: 400;}
.sub-0301 .cont-ourbu .flex-area .txt-box p span {color: #222; font-weight: 700;}

.sub-0301 .cont-pcbpkg {background-color: #f5f5f5; width: 100%; padding: 15rem 0 18rem;}
.sub-0301 .cont-pcbpkg .slider {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.sub-0301 .cont-pcbpkg .slider .tit h6 {font-size: 4rem; font-weight: 700; color: #00626f; letter-spacing: -0.02em;}
.sub-0301 .cont-pcbpkg .slider .tit p {font-size: 2.4rem; font-weight: 500; color: #222; letter-spacing: -0.02em;}
.sub-0301 .cont-pcbpkg .slider .slider-box {width: 100%; margin: 0 calc(var(--inner-padding) - 1.5rem); overflow: hidden; margin-top: 3.5rem;}
.sub-0301 .cont-pcbpkg .slider .slider-wrapper {display: flex; transition: transform 0.5s ease; width: 100%;}
.sub-0301 .cont-pcbpkg .slider .slider-wrapper li {position: relative; list-style: none; flex: 0 0 calc(100% / 3); box-sizing: border-box; padding: 0 1.5rem;}
.sub-0301 .cont-pcbpkg .slider .slider-wrapper img {width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 20px;}
.sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt {background-color: #12b5bc; border-radius: 10px; padding: 14px 30px; position: absolute; bottom: 20px; left: 35px;}
.sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt p {font-size: 20px; color: #fff; text-align: center; line-height: 1; letter-spacing: -0.02em; font-weight: 600;}
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box {display: flex; align-items: center;}
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button {font-size: 0; position: relative; width: 60px; height: 60px; border: 2px solid #12b5bc; cursor: pointer;}
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button.prev {border-radius: 9999px 9999px 9999px 0; margin-right: 1.5rem;}
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button.next {border-radius: 9999px 0 9999px 9999px; }
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button.prev::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 22px; background: url('../images/sub/n_2-1_prev.png') no-repeat center / contain; }
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button.next::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 22px; background: url('../images/sub/n_2-1_next.png') no-repeat center / contain; }
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button.prev:hover {animation: prev-hover 1s forwards; background-color: #12b5bc;}
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button.next:hover {animation: next-hover 1s forwards; background-color: #12b5bc;}
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button.prev:hover::before {animation: prev-before-hover 1s forwards; filter: invert(999%) sepia(999%) saturate(0%) brightness(999%) contrast(999%);}
.sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button.next:hover::before {animation: next-before-hover 1s forwards; filter: invert(999%) sepia(999%) saturate(0%) brightness(999%) contrast(999%);}
.sub-0301 .cont-pcbpkg .slider.nth-2 {margin-top: 15rem;}

@media (max-width: 1440px){
    .sub-0301 .cont-ourbu .flex-area .img-box {width: 38rem; height: 38rem;}
    .sub-0301 .cont-ourbu .flex-area .img-box .ab-con {left: -150px; bottom: -30px; width: 24rem; height: 24rem;}
    .sub-0301 .cont-ourbu .flex-area .txt-box .s-br {display: none;}
    .sub-0301 .cont-ourbu .flex-area .txt-box {margin-top: 0;}
}
@media (max-width: 1280px){
    .sub-0301 .cont-ourbu .flex-area {align-items: center;}
    .sub-0301 .cont-ourbu .flex-area .img-box {width: 30rem; height: 30rem;}
    .sub-0301 .cont-ourbu .flex-area .img-box .ab-con {left: -100px; bottom: -25px; width: 20rem; height: 20rem;}
    .sub-0301 .cont-ourbu .flex-area .txt-box {width: calc(100% - 50rem);}
    .sub-0301 .cont-ourbu .flex-area .txt-box p {margin-top: 5rem;}
    .sub-0301 .cont-ourbu .flex-area .img-box .ab-con img {width: 70%;}
    .sub-0301 .cont-ourbu {margin-bottom: 12rem; margin-top: 3rem;}

    .sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button {width: 50px; height: 50px;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt p {font-size: 18px;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt {padding: 12px 26px; bottom: 10px; left: 25px;}

}
@media (max-width: 960px){
    .sub-0301 .cont-ourbu h6 {font-size: 34px;}
    .sub-0301 .cont-ourbu .flex-area .txt-box p {font-size: 18px; margin-top: 3rem;}
    .sub-0301 .cont-ourbu .flex-area .img-box {width: 24rem; height: 24rem;}
    .sub-0301 .cont-ourbu .flex-area .img-box .ab-con {left: -80px; bottom: -25px; width: 18rem; height: 18rem;}
    .sub-0301 .cont-ourbu .flex-area .img-box .ab-con img {width: 65%;}
    .sub-0301 .cont-ourbu .flex-area .txt-box {width: calc(100% - 40rem);}
    .sub-0301 .cont-ourbu .flex-area .txt-box br {display: none;}
    .sub-0301 .cont-ourbu .flex-area .img-box::before {width: calc(100% + 4rem); height: calc(100% + 4rem);}
    .sub-0301 .cont-ourbu {margin-bottom: 8rem;}
    .sub-0301 .cont-pcbpkg {padding: 8rem 0 14rem;}
    .sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button {width: 45px; height: 45px;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt p {font-size: 16px;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt {padding: 10px 24px;}
}
@media (max-width: 768px){
    .sub-0301 .cont-ourbu .flex-area .txt-box {width: 100%; text-align: center; padding: 0 5%;}
    .sub-0301 .cont-ourbu .flex-area .img-box {margin: 8rem auto;}
    .sub-0301 .cont-ourbu .flex-area {flex-direction: column;}
    .sub-0301 .cont-ourbu h6.mo {display: block; text-align: center;}
    .sub-0301 .cont-ourbu h6.pc {display: none;}

    .sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box button {width: 40px; height: 40px;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt p {font-size: 18px;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt {border-radius: 6px;}

    .sub-0301 .cont-pcbpkg .slider {align-items: center; flex-direction: column;}
    .sub-0301 .cont-pcbpkg .slider .tit {text-align: center;}
    .sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box {margin-top: 3rem;}
}
@media (max-width: 650px){
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li {flex: 0 0 100%; padding: 0; margin-bottom: 3rem;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li:last-child {margin-bottom: 0;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper {flex-direction: column;}
    .sub-0301 .cont-pcbpkg .slider .slider-box {margin: 3rem 0 0; padding: 0 20%;}
    .sub-0301 .cont-pcbpkg .slider.nth-1 .btn-box {display: none;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt {left: 10px; padding: 10px 18px;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper img {border-radius: 10px;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt p {font-size: 16px;}
}
@media (max-width: 480px){
    .sub-0301 .cont-pcbpkg .slider .tit h6 {font-size: 24px;}
    .sub-0301 .cont-pcbpkg .slider .tit p {font-size: 16px;}
    .sub-0301 .cont-ourbu .flex-area .img-box {width: 26rem; height: 26rem;}
    .sub-0301 .cont-ourbu .flex-area .img-box .ab-con {left: -60px; bottom: -25px; width: 15rem; height: 15rem;}
    .sub-0301 .cont-ourbu .flex-area .img-box .ab-con img {width: 60%;}
    .sub-0301 .cont-ourbu .flex-area .txt-box p {font-size: 16px;}
    .sub-0301 .cont-ourbu .flex-area .img-box {margin: 6rem auto;}
    .sub-0301 .cont-p cbpkg .slider .slider-box {padding: 0 10%;}
}
@media (max-width: 350px){
    .sub-0301 .cont-pcbpkg .slider .slider-box {padding: 0 5%;}
    .sub-0301 .cont-pcbpkg .slider .slider-wrapper li .txt p {font-size: 14px;}
}



/* 3-2. 케미칼 */
.sub-0302 h6 {font-size: 4.8rem; font-weight: 800; color: #222; text-align: center;}
.sub-0302 .cont-chemical {padding-bottom: 15rem; margin-bottom: 15rem; border-bottom: dashed #e6e6e6 2px;}
.sub-0302 .cont-chemical .contents {margin-top: 3.5rem; position: relative;}
.sub-0302 .cont-chemical .contents .arrow-tower {padding-top: 10rem; position: relative; display: flex; flex-direction: column; align-items: center; background: url('../images/sub/3-2_arrow-v.png') no-repeat center / contain; width: 33rem; height: 185rem; margin: auto;}
.sub-0302 .cont-chemical .contents .arrow-tower li {margin-bottom: 1.5rem; display: flex; position: relative; justify-content: center; align-items: center; color: #222; font-weight: 600; font-size: 1.9rem; text-align: center; list-style: none; box-shadow: 1px 1px 20px rgba(34, 34, 34, 0.2); background-color: #fff; width: 15rem; height: 15rem; border-radius: 50%;}
.sub-0302 .cont-chemical .contents .arrow-tower li:last-child {margin-bottom: 0;}
.sub-0302 .cont-chemical .contents .sub-box .item {position: absolute; width: 42rem;}
.sub-0302 .cont-chemical .contents .sub-box .item .tit {z-index: 2; position: absolute; white-space: nowrap; top: -3rem; left: 50%; transform: translateX(-50%); padding: 15px 40px; border-radius: 9999px; display: inline-block; background-color: #12b5bc; font-size: 2.4rem; color: #fff; text-align: center; font-weight: 700; line-height: 1;}
.sub-0302 .cont-chemical .contents .sub-box .item .item-inner {background-color: #fff; display: block; border: 2px solid #00626f ; border-radius: 40px; padding: 2.5rem;}
.sub-0302 .cont-chemical .contents .sub-box .item .item-inner p {margin-top: 3rem; font-size: 2.8rem; font-weight: 700; color: #222;}
.sub-0302 .cont-chemical .contents .sub-box .item .item-inner .img {margin: 2rem 0;}
.sub-0302 .cont-chemical .contents .sub-box .item .item-inner .inner-ul li {list-style: '-'; font-size: 18px; font-weight: 550; padding-left: 6px; margin-bottom: 0.5rem; margin-left: 10px; line-height: 1.4; color: #666;}
.sub-0302 .cont-chemical .contents .sub-box .item .item-inner .inner-ul li:last-child {margin-bottom: 0;}
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(7)::before {content: ''; position: absolute; left: -50%; top: -25%; transform: translate(-50%, -50%); width: 21.5rem; height: 15.5rem; background: url('../images/sub/3-2_dash01.png') no-repeat center / contain;}
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(9)::before {content: ''; position: absolute; right: -19rem; top: 50%; transform: translate(0, -50%); width: 20.2rem; height: 2.3rem; background: url('../images/sub/3-2_dash02.png') no-repeat center / contain;}
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(11)::before {content: ''; position: absolute; left: -19rem; top: 50%; transform: translate(0, -50%); width: 20.2rem; height: 2.3rem; background: url('../images/sub/3-2_dash03.png') no-repeat center / contain;}
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(13)::before {content: ''; position: absolute; right: -19rem; top: 50%; transform: translate(0, -50%); width: 20.2rem; height: 2.3rem; background: url('../images/sub/3-2_dash02.png') no-repeat center / contain;}
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(17)::before {content: ''; position: absolute; left: -19rem; top: 50%; transform: translate(0, -50%); width: 20.2rem; height: 2.3rem; background: url('../images/sub/3-2_dash03.png') no-repeat center / contain;}
.sub-0302 .cont-chemical .contents .sub-box .item.nth-1 {top: 10rem; left: 0;}
.sub-0302 .cont-chemical .contents .sub-box .item.nth-2 {top: 37%; right: 0; transform: translateY(-50%);}
.sub-0302 .cont-chemical .contents .sub-box .item.nth-3 {top: 55%; left: 0; transform: translateY(-50%);}
.sub-0302 .cont-chemical .contents .sub-box .item.nth-4 {top: 73%; right: 0; transform: translateY(-50%);}
.sub-0302 .cont-chemical .contents .sub-box .item.nth-5 {top: 88%;; left: 0; transform: translateY(-50%);}
.sub-0302 .cont-chemical .contents .sub-box .item.nth-4 .img,
.sub-0302 .cont-chemical .contents .sub-box .item.nth-5 .img {display: flex;}
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(7),
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(9),
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(11),
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(13),
.sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(17) {background-color: #12b5bc; color: #fff;}

.sub-0302 .cont-chemical .contents .sub-box .item.nth-4 .item-inner {position: relative; padding-bottom: 12rem;}
.sub-0302 .cont-chemical .contents .sub-box .item.nth-4 .item-inner::after {content: ''; position: absolute; bottom: 15px; right: 15px; width: 15rem; height: 10rem; background: url('../images/sub/3-2_img_con.png') no-repeat center / contain;}

.sub-0302 .cont-pcbmake {margin-bottom: 15rem;}
.sub-0302 .cont-pcbmake .btn-box {margin: 5rem 0; display: flex; justify-content: center; align-items: center;}
.sub-0302 .cont-pcbmake .btn-box button {font-size: 0; position: relative; width: 60px; height: 60px; border: 2px solid #222; cursor: pointer;}
.sub-0302 .cont-pcbmake .btn-box button.prev {border-radius: 9999px 9999px 9999px 0; margin-right: 1.5rem;}
.sub-0302 .cont-pcbmake .btn-box button.next {border-radius: 9999px 0 9999px 9999px; }
.sub-0302 .cont-pcbmake .btn-box button.prev::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 22px; background: url('../images/sub/2-3_prev.png') no-repeat center / contain; }
.sub-0302 .cont-pcbmake .btn-box button.next::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 22px; background: url('../images/sub/2-3_next.png') no-repeat center / contain; }
.sub-0302 .cont-pcbmake .btn-box button.prev:hover {animation: prev-hover 1s forwards; background-color: #222;}
.sub-0302 .cont-pcbmake .btn-box button.next:hover {animation: next-hover 1s forwards; background-color: #222;}
.sub-0302 .cont-pcbmake .btn-box button.prev:hover::before {animation: prev-before-hover 1s forwards; filter: invert(999%) sepia(999%) saturate(0%) brightness(999%) contrast(999%);}
.sub-0302 .cont-pcbmake .btn-box button.next:hover::before {animation: next-before-hover 1s forwards; filter: invert(999%) sepia(999%) saturate(0%) brightness(999%) contrast(999%);}
.sub-0302 .cont-pcbmake .slider-area {position: relative; margin: auto;}
.sub-0302 .cont-pcbmake .slider-box {display: flex;transition: transform 0.5s ease;}
.sub-0302 .cont-pcbmake .slider-wrapper { display: flex; padding: 0; margin: 0; list-style: none; width: 100%;}
.sub-0302 .cont-pcbmake .slider-wrapper li { flex: 0 0 33%; box-sizing: border-box; padding: 0 2.5rem; max-width: 430px;}
.sub-0302 .cont-pcbmake .slider-wrapper li .tit-box {background-color: #12b5bc; border: 2px solid #12b5bc; border-radius: 30px 30px 0 0; padding: 1.5rem;}
.sub-0302 .cont-pcbmake .slider-wrapper li .tit-box .step {font-size: 1.8rem; font-weight: 700; color: #fff; text-align: center; line-height: 1;}
.sub-0302 .cont-pcbmake .slider-wrapper li .tit-box span {display: block; margin: 1rem auto; opacity: 0.4; background-color: #fff; width: 15px; height: 2px;}
.sub-0302 .cont-pcbmake .slider-wrapper li .tit-box .tit {font-size: 2.2rem; font-weight: 700; color: #fff; text-align: center; line-height: 1;}
.sub-0302 .cont-pcbmake .slider-wrapper li .contents-box {height: 26rem; display: flex; justify-content: center; align-items: center; border: 2px solid #12b5bc; min-height: 29rem; border-radius: 0 0 30px 30px;} 
.sub-0302 .cont-chemical .contents .arrow-tower li.arrow {display: none;}
.sub-0302 .cont-pcbmake .slider-wrapper li:last-child .contents-box img {width: 70%;}

@media (max-width: 1280px){
    .sub-0302 .cont-chemical .contents .sub-box .item {width: 35rem;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-1 {top: -2%; right: 69%; left: initial;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-2 {top: 33%; left: 69%; right: initial; transform: translateY(-50%);}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-3 {top: 50.5%; right: 69%; left: initial; transform: translateY(-50%);}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-4 {top: 66%; left: 69%; right: initial; transform: translateY(-50%);}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-5 {top: 81%;; right: 69%; left: initial; transform: translateY(-50%);}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-4 .img,
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-5 .img {flex-wrap: wrap;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-4 .img img,
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-5 .img img {max-height: 90px; object-fit: contain;}
    .sub-0302 .cont-chemical .contents .arrow-tower li {font-size: 17px; width: 13rem; height: 13rem;}
    .sub-0302 .cont-chemical .contents .sub-box .item .tit {top: -22px;padding: 12px 30px; font-size: 20px;}
    .sub-0302 .cont-chemical .contents .sub-box .item .item-inner p {margin-top: 2.5rem; font-size: 2.4rem;}
    .sub-0302 .cont-chemical .contents .sub-box .item .item-inner .inner-ul li {font-size: 16px; margin-bottom: 0.4rem;}
    .sub-0302 .cont-chemical .contents .arrow-tower li:nth-child(4)::before {left: -60%; top: -35%;}
    .sub-0302 .cont-pcbmake .btn-box button {width: 50px; height: 50px;}
    .sub-0302 .cont-chemical .contents .sub-box .item .item-inner .img {margin: 1rem 0;}
}
@media (max-width: 1024px){
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-1 {right: 67.5%;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-2 {left: 67.5%;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-3 {right: 67.5%;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-4 {left: 67.5%;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-5 {right: 67.5%;}
    .sub-0302 .cont-pcbmake .slider-wrapper li {flex: 0 0 50%; max-width: 430px;}
}
@media (max-width: 960px){
    .sub-0302 .cont-chemical .contents {display: flex; flex-direction: column; align-items: center;}
    .sub-0302 .cont-chemical .contents .arrow-tower {padding-top: 0; margin-top: 0; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: initial; margin: auto; background: none;}   
    .sub-0302 .cont-chemical .contents .arrow-tower li {position: relative; margin : 3rem 1.5rem 0 ; font-size: 16px; width: 11rem; height: 11rem; box-shadow: 1px 1px 20px rgba(34, 34, 34, 0.15);}
    .sub-0302 .cont-chemical .contents .arrow-tower li::before {display: none;}
    .sub-0302 .cont-chemical .contents .arrow-tower li.arrow {width: 5rem; height: 11rem; display: flex; justify-content: center; background: none; box-shadow: none;}
    .sub-0302 .cont-chemical .contents .arrow-tower li:last-child::after {display: none;}
    .sub-0302 .cont-chemical .contents .sub-box .item .item-inner .inner-ul li {font-size: 16px; word-break: break-all;}
    .sub-0302 .cont-chemical .contents .sub-box .item .item-inner .inner-ul li br {display: none;}
    .sub-0302 .cont-chemical .contents .sub-box .item,
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-1,
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-2,
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-3,
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-4,
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-5 {margin-bottom: 6rem; position: relative; top: initial; left: initial; right: initial; bottom: initial; transform: initial; width: 100%;}
    .sub-0302 .cont-chemical .contents .sub-box .item .item-inner {display: flex; flex-direction: column;  align-items: center; }
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-5 {margin-bottom: 0;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-1 {margin-top: 10rem;}
    .sub-0302 .cont-chemical .contents .sub-box .item .item-inner .img {display: flex; justify-content: center;}
    .sub-0302 .cont-chemical .contents .sub-box .item .item-inner p {text-align: center;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-4 .img img, .sub-0302 .cont-chemical .contents .sub-box .item.nth-5 .img img {max-height: 15rem;}
    .sub-0302 .cont-pcbmake .btn-box button {width: 45px; height: 45px;}
}
@media (max-width: 650px){
    .sub-0302 .cont-pcbmake .slider-wrapper li {flex: 0 0 100%; max-width: initial;}
    .sub-0302 .cont-pcbmake .slider-wrapper li:nth-child(11) .contents-box img {width: 50%;}
    .sub-0302 .cont-pcbmake .slider-wrapper li:last-child .contents-box img {width: 40%;}
}
@media (max-width: 480px){
    .sub-0302 .cont-pcbmake .btn-box button {width: 40px; height: 40px;}
    .sub-0302 .cont-pcbmake .btn-box button.prev::before, .sub-0302 .cont-pcbmake .btn-box button.next::before {width: 10px; height: 18px;}
    .sub-0302 .cont-chemical .contents .arrow-tower {flex-direction: column;}
    .sub-0302 .cont-chemical .contents .arrow-tower li.arrow {transform: rotate(90deg);}
    .sub-0302 .cont-chemical .contents .arrow-tower li {margin : 0; width: 20rem; height: 20rem; font-size: 18px;}
    .sub-0302 .cont-pcbmake .slider-wrapper li:nth-child(11) .contents-box img {width: 50%;}
    .sub-0302 .cont-pcbmake .slider-wrapper li:last-child .contents-box img {width: 50%;}
}




/* 3-3. 미래산업 */
.sub-0303 {margin: 5rem var(--inner-padding) 15rem;}
.sub-0303 .tit-area {text-align: center;}
.sub-0303 .tit-area p {position: relative; display: inline-block; font-size: 4.8rem; font-weight: 500; color: #222;}
.sub-0303 .tit-area p span {font-weight: 700; color: #018c92;}
.sub-0303 .tit-area p::before {content: ''; width: 45px; height: 30px; position: absolute; left: -60px; top: 0; background: url('../images/sub/3-3_img01.png') no-repeat center / contain;} 
.sub-0303 .tit-area p::after {content: ''; width: 45px; height: 30px; position: absolute; right: -60px; top: 0; background: url('../images/sub/3-3_img02.png') no-repeat center / contain;}
.sub-0303 .contents-area {position: relative; margin-top: 5rem;}
.sub-0303 .contents-area::before {position: absolute; left: 50%; transform: translateX(-50%); width: 75rem; height: 75rem; display: block; content: ''; background: url('../images/sub/3-3_bg.png') no-repeat center / contain;}
.sub-0303 .contents-area .sub_tit-box {text-align: center;}
.sub-0303 .contents-area .sub_tit-box .year {font-size: 10rem; font-weight: 900; font-family: 'Montserrat'; color: #00626f;}
.sub-0303 .contents-area .sub_tit-box .tit {font-size: 4rem; font-weight: 700; color: #222; letter-spacing: -0.02em;}
.sub-0303 .contents-area .bg-tower {position: relative; margin: 5rem auto auto; width: 30rem; height: 180rem; background: url('../images/sub/3-3_v.png') no-repeat center / contain;}
.sub-0303 .contents-area .bg-tower::before {content: ''; position: absolute; top: 13rem; left: 50%; transform: translateX(-50%); width: 195px; height: 40px; background: url('../images/sub/3-3_logo.png') no-repeat center / contain;}
.sub-0303 .contents-area .bg-tower .rm-tit {position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); white-space: nowrap; font-family: 'Montserrat'; color: #fff; font-weight: 700; font-size: 10rem; }
.sub-0303 .contents-area .bg-tower .item {position: absolute; width: 150%;}
.sub-0303 .contents-area .bg-tower .item .tit { max-width: 220px; background-color: #018c92; padding: 1.5rem 6rem; border-radius: 9999px 9999px 9999px 0;}
.sub-0303 .contents-area .bg-tower .item .tit p {line-height: 1; font-size: 3.6rem; font-weight: 700; font-family: 'Montserrat'; color: #fff; text-align: center;}
.sub-0303 .contents-area .bg-tower .item .txt {margin-top: 4rem;}
.sub-0303 .contents-area .bg-tower .item .txt>li {margin-bottom: 5rem;}
.sub-0303 .contents-area .bg-tower .item .txt>li:last-child {margin-bottom: 0;}
.sub-0303 .contents-area .bg-tower .item .txt>li p {line-height: 1.3; font-size: 2.8rem; font-weight: 600; color: #222;}
.sub-0303 .contents-area .bg-tower .item .txt>li p span {font-size: 2rem; color: #666;}
.sub-0303 .contents-area .bg-tower .item .txt>li>ul {margin-top: 1rem;}
.sub-0303 .contents-area .bg-tower .item .txt>li>ul>li {list-style: '- '; list-style-position: inside; margin-bottom: 0.8rem; font-size: 2rem; font-weight: 600; color: #666;}
.sub-0303 .contents-area .bg-tower .item .txt>li>ul>li:last-child {margin-bottom: 0;}
.sub-0303 .contents-area .bg-tower .item.nth-1 {right: -55rem; top: 20%;}
.sub-0303 .contents-area .bg-tower .item.nth-2 {left: -55rem; top: 35%; text-align: right;}
.sub-0303 .contents-area .bg-tower .item.nth-3 {right: -55rem; top: 55%;}
.sub-0303 .contents-area .bg-tower .item.nth-4 {left: -55rem; top: 75%; text-align: right;}
.sub-0303 .contents-area .bg-tower .item.nth-2 .tit, .sub-0303 .contents-area .bg-tower .item.nth-4 .tit  {margin-left: auto;}

@media (max-width: 1280px){
    .sub-0303 .contents-area .bg-tower .item {width: 100%;}
    .sub-0303 .contents-area .bg-tower .item.nth-1 {right: -35rem;}
    .sub-0303 .contents-area .bg-tower .item.nth-2 {left: -35rem;}
    .sub-0303 .contents-area .bg-tower .item.nth-3 {right: -35rem;}
    .sub-0303 .contents-area .bg-tower .item.nth-4 {left: -35rem;}
    .sub-0302 .cont-chemical .contents .sub-box .item.nth-4 .item-inner::after {bottom: 15px; right: 15px; width: 10rem; height: 8rem;}

}
@media (max-width: 1024px){
    .sub-0303 .tit-area p::before, .sub-0303 .tit-area p::after {width: 40px; height: 25px;}
    .sub-0303 .tit-area p {font-size: 3.5rem;}
    .sub-0303 .contents-area .sub_tit-box .year {font-size: 9rem;}
    .sub-0303 .contents-area .sub_tit-box .tit {font-size: 3.5rem;}
    .sub-0303 .contents-area .bg-tower .item .tit p {font-size: 3.2rem;}
    .sub-0303 .contents-area .bg-tower .item .txt>li p {font-size: 22px;}
    .sub-0303 .contents-area .bg-tower .item .txt>li p span, 
    .sub-0303 .contents-area .bg-tower .item .txt>li>ul>li {font-size: 18px;}

    .sub-0303 .contents-area .bg-tower {width: 20rem; height: 180rem; background: url(../images/sub/3-3_v.png) no-repeat center / cover;}

    .sub-0303 .contents-area .bg-tower .item {width: 150%;}
    .sub-0303 .contents-area .bg-tower .item.nth-1 {right: -35rem; top: 15%;}
    .sub-0303 .contents-area .bg-tower .item.nth-2 {left: -35rem; top: 25%;}
    .sub-0303 .contents-area .bg-tower .item.nth-3 {right: -35rem; top: 45%;}
    .sub-0303 .contents-area .bg-tower .item.nth-4 {left: -35rem; top: 65%;}

    .sub-0303 .contents-area .bg-tower::before {top: 11rem; width: 135px;  height: 30px;}
    .sub-0303 .contents-area .bg-tower .rm-tit {font-size: 5rem;}
}
@media (max-width: 960px){
    .sub-0303 .contents-area .bg-tower {width: 16rem; height: 130rem; background: url(../images/sub/3-3_v.png) no-repeat center / cover;}
    .sub-0303 .contents-area .bg-tower .item.nth-1 {right: -30rem; top: 10%;}
    .sub-0303 .contents-area .bg-tower .item.nth-2 {left: -30rem; top: 20%;}
    .sub-0303 .contents-area .bg-tower .item.nth-3 {right: -30rem; top: 50%;}
    .sub-0303 .contents-area .bg-tower .item.nth-4 {left: -30rem; top: 70%;}
    .sub-0303 .contents-area .bg-tower::before {width: 110px;}
    .sub-0303 .contents-area .bg-tower .rm-tit {font-size: 4rem;}

}
@media (max-width: 768px){
    .sub-0303 .contents-area .bg-tower::before {width: 90px;}
    .sub-0303 .tit-area p::before {left: -40px;}
    .sub-0303 .tit-area p::after {right: -40px;}

    .sub-0303 .tit-area p::before, .sub-0303 .tit-area p::after {width: 28px; height: 22px;}
    .sub-0303 .tit-area p {font-size: 2.8rem;} 
    .sub-0303 .contents-area .sub_tit-box .year {font-size: 8rem;}
    .sub-0303 .contents-area .sub_tit-box .tit {font-size: 2.8rem;}
    .sub-0303 .contents-area .bg-tower .item .tit p {font-size: 22px;}
    .sub-0303 .contents-area .bg-tower .item .txt>li p {font-size: 18px;}
    .sub-0303 .contents-area .bg-tower .item .txt>li p span, 
    .sub-0303 .contents-area .bg-tower .item .txt>li>ul>li {font-size: 16px;}
    .sub-0303 .contents-area .bg-tower .item.nth-1 {right: -25rem; top: 10%;}
    .sub-0303 .contents-area .bg-tower .item.nth-2 {left: -25rem; top: 20%;}
    .sub-0303 .contents-area .bg-tower .item.nth-3 {right: -25rem; top: 50%;}
    .sub-0303 .contents-area .bg-tower .item.nth-4 {left: -25rem; top: 70%;}

    .sub-0303 .contents-area .bg-tower {width: 14rem; height: 130rem; background: url(../images/sub/3-3_v.png) no-repeat center / cover;}

    .sub-0303 .contents-area::before {width: 60rem; height: 60rem;}
}
@media (max-width: 650px){
    .sub-0303 .contents-area .bg-tower {width: 10rem; height: 120rem; background: url(../images/sub/3-3_v.png) no-repeat center / cover;}
    .sub-0303 .contents-area .bg-tower::before {width: 50px;}

    .sub-0303 .contents-area .bg-tower .item {width: 200%;}
    .sub-0303 .contents-area .bg-tower .item.nth-1 {right: -25rem; top: 15%;}
    .sub-0303 .contents-area .bg-tower .item.nth-2 {left: -25rem; top: 20%;}
    .sub-0303 .contents-area .bg-tower .item.nth-3 {right: -25rem; top: 45%;}
    .sub-0303 .contents-area .bg-tower .item.nth-4 {left: -25rem; top: 60%;}

    .sub-0303 .contents-area .bg-tower .item .txt>li {margin-bottom: 3rem;}
    .sub-0303 .contents-area .bg-tower .item .txt>li p {font-size: 16px;}
    .sub-0303 .contents-area .bg-tower .item .txt>li p span, 
    .sub-0303 .contents-area .bg-tower .item .txt>li>ul>li {font-size: 14px;}
    .sub-0303 .contents-area .bg-tower .item .tit p {font-size: 20px;}
    .sub-0303 .contents-area .bg-tower .rm-tit {font-size: 3rem;}
    .sub-0303 .contents-area .bg-tower .item .txt {margin-top: 2rem;}
    .sub-0303 .contents-area .bg-tower .item .txt>li>ul>li {margin-bottom: 0.5rem;}
    .sub-0303 .contents-area .bg-tower .item .tit {padding: 1.2rem 3rem;}
    .sub-0303 .contents-area::before {width: 45rem; height: 45rem;}

    .sub-0303 .contents-area .sub_tit-box .tit br {display: none;}
}
@media (max-width: 480px){
    .sub-0303 .contents-area::before {width: 50rem; height: 50rem;}
    .sub-0303 .contents-area .bg-tower {width: 6rem; height: 120rem; background: url(../images/sub/3-3_v.png) no-repeat center / cover;}
    .sub-0303 .contents-area .bg-tower::before {display: none;}
    .sub-0303 .contents-area .bg-tower .item.nth-1 {right: -21rem; top: 5%;}
    .sub-0303 .contents-area .bg-tower .item.nth-2 {left: -21rem; top: 10%;}
    .sub-0303 .contents-area .bg-tower .item.nth-3 {right: -21rem; top: 45%;}
    .sub-0303 .contents-area .bg-tower .item.nth-4 {left: -21rem; top: 65%;}
    .sub-0303 .contents-area .bg-tower .item {width: 300%;}
    .sub-0303 .contents-area::before {width: 40rem; height: 40rem;}
}
@media (max-width: 350px){
    .sub-0303 .contents-area .bg-tower {width: 4rem; height: 130rem; background: url(../images/sub/3-3_v.png) no-repeat center / cover;}
    .sub-0303 .contents-area .bg-tower .item.nth-1 {right: -19rem; top: 10%;}
    .sub-0303 .contents-area .bg-tower .item.nth-2 {left: -19rem; top: 15%;}
    .sub-0303 .contents-area .bg-tower .item.nth-3 {right: -19rem; top: 50%;}
    .sub-0303 .contents-area .bg-tower .item.nth-4 {left: -19rem; top: 65%;}
    .sub-0303 .contents-area .bg-tower .item {width: 400%;}
    .sub-0303 .contents-area .bg-tower .rm-tit {font-size: 2.5rem;}
    .sub-0303 .tit-area p, .sub-0303 .contents-area .sub_tit-box .tit {font-size: 18px;}
}




/* 5-1. ESG경영 - 성과 */
.sub-0501 .cont-perfor .tit-area {text-align: center; margin-bottom: 6.5rem;}
.sub-0501 .cont-perfor .tit-area h6 {font-size: 4rem; font-weight: 700; color: #222;}
.sub-0501 .cont-perfor .tit-area h6 span {color: #018c92;}
.sub-0501 .cont-perfor .contents-area .con-box {display: flex; align-items: center;}
.sub-0501 .cont-perfor .contents-area .con-box .img-item {width: 50%; border-radius: 5rem; overflow: hidden;}
.sub-0501 .cont-perfor .contents-area .con-box .img-item img {width: 100%; height: 100%; object-fit: cover;}
.sub-0501 .cont-perfor .contents-area .con-box .txt-item {width: 50%; padding-left: 10rem;}
.sub-0501 .cont-perfor .contents-area .con-box .txt-item .sub-tit p {font-size: 4rem; color: #222; font-weight: 700; display: flex; align-items: center;}
.sub-0501 .cont-perfor .contents-area .con-box .txt-item .sub-tit p span {margin-right: 1.5rem; width: 4rem; height: 4rem; background-color: #00626f; color: #fff; font-size: 2rem; text-align: center; line-height: 4rem; display: inline-block; border-radius: 9999px;}
.sub-0501 .cont-perfor .contents-area .con-box .txt-item ul{margin-top: 2.5rem; padding-left: 20px;}
.sub-0501 .cont-perfor .contents-area .con-box .txt-item ul li {margin-bottom: 1rem; padding-left: 10px; list-style: '-'; font-size: 2rem; font-weight: 500; color: #222;}
.sub-0501 .cont-perfor .contents-area .con-box .txt-item ul li:last-child {margin-bottom: 0;}
.sub-0501 .cont-perfor .contents-area .con-box .txt-item ul li span{color: #12b5bc; font-weight: 700;}
.sub-0501 .cont-perfor .contents-area .con-box .txt-item ul li span.txt-red {vertical-align: baseline; color: red;}
.sub-0501 .cont-perfor .contents-area .con-box .txt-item ul li span.txt-blue {vertical-align: baseline; color: blue;}
.sub-0501 .cont-perfor .contents-area .con-box.reverse-box {flex-direction: row-reverse;}
.sub-0501 .cont-perfor .contents-area .con-box:nth-child(1) .img-item {border-radius: 5rem  5rem  0 5rem;}
.sub-0501 .cont-perfor .contents-area .con-box:nth-child(2) .img-item {border-radius: 0 5rem 5rem 0;}
.sub-0501 .cont-perfor .contents-area .con-box:nth-child(3) .img-item {border-radius: 5rem 0  5rem  5rem;}

.sub-0501 .cont-slogan {background-color: #f5f5f5; width: 100%; margin-top: 12rem; padding: 12rem 0 16rem;}
.sub-0501 .cont-slogan .tit-area {text-align: center;}
.sub-0501 .cont-slogan .tit-area h6 {font-size: 4rem; color: #12b5bc; font-weight: 700;}
.sub-0501 .cont-slogan .tit-area p {font-size: 2.2rem; color: #222; font-weight: 700;}
.sub-0501 .cont-sheet .btn-ul {margin: 3rem 0 6rem; display: flex; justify-content: center; align-items: center;}
.sub-0501 .cont-sheet .btn-ul li {cursor: pointer; margin-right: 1.5rem; padding: 2rem 6rem; background-color: #fff; box-shadow: 1px 1px 10px rgba(34, 34, 34, 0.1); border-radius: 9999px;}
.sub-0501 .cont-sheet .btn-ul li p {line-height: 1; font-family: 'Montserrat'; font-size: 20px; font-weight: 600; color: #222;}
.sub-0501 .cont-sheet .btn-ul li:last-child {margin-right: 0;}
.sub-0501 .cont-sheet .btn-ul li.activation {background-color: #12b5bc;}
.sub-0501 .cont-sheet .btn-ul li.activation p {color: #fff; font-weight: 700;}
.sub-0501 .attribute-page .item {display: none;}
.sub-0501 .attribute-page .item.active {display: flex; align-items: center;}
.sub-0501 .attribute-page .item .img {height: 40rem; width: 50%; box-shadow: 1px 1px 25px rgba(34, 34, 34, 0.2); max-width: 65rem; margin-right: auto; background-color: #fff; border-radius: 30px; display: flex; justify-content: center; align-items: center;}
.sub-0501 .attribute-page .item .txt {width: 50%; padding-left: 5rem;}
.sub-0501 .attribute-page .item .txt p {font-size: 2.8rem; font-weight: 500; color: #666; line-height: 1.5;}
.sub-0501 .attribute-page .item .txt p span {font-weight: 700; color: #222;}

@media (max-width: 1280px){
    .sub-0501 .attribute-page .item .img {height: 35rem;}
    .sub-0501 .attribute-page .item .img img {width: 65%; height: 65%; object-fit: contain;}
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(1) .img-item {border-radius: 4rem  4rem  0 4rem;}
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(2) .img-item {border-radius: 0 4rem 4rem 0;}
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(3) .img-item {border-radius: 4rem 0  4rem  4rem;}
}
@media (max-width: 1024px){
    .sub-0501 .attribute-page .item .img {height: 30rem;}
    .sub-0501 .attribute-page .item .img img {width: 55%; height: 55%; object-fit: contain;}
    .sub-0501 .attribute-page .item .txt p {font-size: 2.6rem;}
    .sub-0501 .attribute-page .item .txt p br {display: none;}
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(1) .img-item {border-radius: 3rem  3rem  0 3rem;}
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(2) .img-item {border-radius: 0 3rem 3rem 0;}
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(3) .img-item {border-radius: 3rem 0  3rem  3rem;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item ul {margin-top: 1.5rem;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item {padding: 0 5%;}
    .sub-0501 .cont-sheet .btn-ul li {padding: 1.5rem 5rem;}
    .sub-0501 .cont-sheet .btn-ul li p {font-size: 18px;}
}
@media (max-width: 960px){
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item .sub-tit p {font-size:2.6rem; }
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item .sub-tit p span {margin-right: 1.3rem; width:2.6rem; height:2.6rem;  font-size: 18px; line-height:2.6rem; }
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item ul {margin-top: 1rem;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item ul li {font-size: 16px;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item ul {padding-left: 15px;}
    .sub-0501 .attribute-page .item .img {height: 25rem;}
    .sub-0501 .attribute-page .item .txt p {font-size: 2.4rem;}
}

@media (max-width: 768px){
    .sub-0501 .cont-perfor .contents-area .con-box {flex-direction: column; align-items: center;}
    .sub-0501 .cont-perfor .contents-area .con-box.reverse-box {flex-direction: column;}
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(1) .img-item,
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(2) .img-item,
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(3) .img-item {border-radius: 2.5rem;}
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(2) .img-item,
    .sub-0501 .cont-perfor .contents-area .con-box:nth-child(3) .img-item {margin-top: 5rem;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item {margin-top: 3rem; text-align: center;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item ul li {list-style: '- '; list-style-position: inside; padding: 0;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item ul {padding: 0;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item {width: 100%; padding: 0 10%;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item .sub-tit p {justify-content: center;}
    .sub-0501 .cont-perfor .contents-area .con-box .img-item {width: 60%;}
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item .sub-tit p {font-size: 3.5rem; }
    .sub-0501 .cont-perfor .contents-area .con-box .txt-item .sub-tit p span {margin-right: 1.3rem; width: 3.5rem; height: 3.5rem;  font-size: 18px; line-height: 3.5rem; }

    .sub-0501 .attribute-page .item.active {flex-direction: column;}
    .sub-0501 .attribute-page .item .img {margin: 0 auto 5rem; width: 60%; height: 30rem;}
    .sub-0501 .attribute-page .item .txt p {text-align: center;}
    .sub-0501 .attribute-page .item .txt {width: 80%; padding: 0;}
    .sub-0501 .cont-sheet .btn-ul li {padding: 1.3rem 4rem;}
    .sub-0501 .cont-sheet .btn-ul li p {font-size: 16px;}
}
@media (max-width: 650px){
    .sub-0501 .attribute-page .item .img {height: 25rem;}
    .sub-0501 .cont-sheet .btn-ul li {padding: 1.3rem 3.5rem;}
}
@media (max-width: 480px){
    .sub-0501 .cont-perfor .contents-area .con-box .img-item {width: 80%;}
    .sub-0501 .attribute-page .item .img { width: 80%; height: 30rem;}
    .sub-0501 .cont-sheet .btn-ul {flex-direction: column;}
    .sub-0501 .cont-sheet .btn-ul li {margin: 0.5rem 0; min-width: 25rem; text-align: center;}
}
@media (max-width: 350px){
    .sub-0501 .cont-perfor .contents-area .con-box .img-item {width: 100%;}
    .sub-0501 .attribute-page .item .img { width: 100%; height: 30rem;}
    .sub-0501 .attribute-page .item .txt {width: 100%; padding: 0;}
}




/* 6-1-1. 인사제도 */
.btn-list {margin: 5rem 0 7rem; display: flex; justify-content: center; align-items: center;}
.btn-list li {cursor: pointer; padding: 1.5rem; border: 1.5px solid #12b5bc; background-color: #fff;}
.btn-list li p {font-size: 18px; color: #666; text-align: center; font-weight: 500;}
.btn-list li.activee {background-color: #12b5bc;}
.btn-list li.activee p {color: #fff;}
.btn-list li:first-child {border-radius: 9999px 0 0 9999px;}
.btn-list li:last-child {border-radius: 0 9999px 9999px 0;}
.sub-060101 .att-wrap {display: none;}
.sub-060101 .att-wrap.active {display: block; }
.sub-060101 .att-wrap .txt-gr {vertical-align: baseline; font-weight: 700; color: #00626f;}
.sub-060101 .att-wrap .txt-bold {vertical-align: baseline; font-weight: 700; color: #222;}
.sub-060101 .att-wrap .tit-area {text-align: center;}
.sub-060101 .att-wrap .tit-area h6 {font-size: 3.6rem; line-height: 1.3; font-weight: 400; color: #222;}
.sub-060101 .att-wrap .v-line {margin: 5rem auto; display: block; width: 1px; height: 6.5rem; background-color: #018c92;}
.sub-060101 .att-wrap.nth-1 .contents-area {position: relative; margin: 15rem 0 30rem; width: 100%; height: auto;}
.sub-060101 .att-wrap.nth-1 .cen-box {margin: auto; position: relative; width: 20rem; border-radius: 99999px; height: 20rem; background-color: #018c92; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sub-060101 .att-wrap.nth-1 .cen-box::before {z-index: -2; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 20rem); height: calc(100% + 20rem); background: url('../images/sub/6-1-1_bg-after.png') no-repeat center / contain;}
.sub-060101 .att-wrap.nth-1 .cen-box::after {z-index: -1; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 144rem; height: 70rem; background: url('../images/sub/6-1-1-bg_01.png') no-repeat center / contain;}
.sub-060101 .att-wrap.nth-1 .cen-box p { color: #fff; font-size: 1.8rem; font-weight: 700; text-align: center; margin-top: 1rem;}
.sub-060101 .att-wrap.nth-1 .con-box .tit {background-color: #12b5bc; padding: 1.8rem 3rem; border: 1px solid #12b5bc; border-radius: 15px 15px 0 0;}
.sub-060101 .att-wrap.nth-1 .con-box .tit p {font-size: 2rem; font-weight: 700; color: #fff;}
.sub-060101 .att-wrap.nth-1 .con-box .txt {height: 28rem; display: flex; align-items: center; justify-content: center; border-radius: 0 0 15px 15px; border: 1px solid #12b5bc; background-color: #fff; padding: 4rem;}
.sub-060101 .att-wrap.nth-1 .con-box .txt p {font-size: 17px; color: #666; font-weight: 400;}
.sub-060101 .att-wrap.nth-1 .con-wrap {position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%;}
.sub-060101 .att-wrap.nth-1 .con-box.nth-1::before {content: ''; position: absolute; width: 54px; height: 10px; top: 50%; right: -10rem; background: url('../images/sub/6-1-1_span.png') no-repeat center / contain;}
.sub-060101 .att-wrap.nth-1 .con-box.nth-2::before {content: ''; position: absolute; width: 54px; height: 10px; top: 50%; left: -10rem; background: url('../images/sub/6-1-1_span_re.png') no-repeat center / contain;}
.sub-060101 .att-wrap.nth-1 .con-box {position: relative; width: 30%;}
.sub-060101 .att-wrap.nth-1 .con-box.nth-1 {margin-right: 20%;}
.sub-060101 .att-wrap.nth-1 .con-box.nth-2 {margin-left: 20%;}
.sub-060101 .att-wrap.nth-2 ul {display: flex; justify-content: center;}
.sub-060101 .att-wrap.nth-2 ul li {z-index: -2; width: calc((100% / 6) - 20px); margin: 0 1rem;  padding: 6rem 0; background-color: #f5f5f5; border-radius: 15px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sub-060101 .att-wrap.nth-2 ul li .year {position: relative; width: 9rem; height: 9rem; background-color: #00626f; display: flex; justify-content: center; align-items: center; border-radius: 9999px;}
.sub-060101 .att-wrap.nth-2 ul li .year p {font-size: 2rem; color: #fff; text-align: center; font-weight: 600;}
.sub-060101 .att-wrap.nth-2 ul li>p{margin-top: 3rem; text-align: center; width: 80%; font-size: 2.2rem; font-weight: 600; color: #222;}
.sub-060101 .att-wrap.nth-2 ul li:nth-child(2) .year {background-color: #147683;}
.sub-060101 .att-wrap.nth-2 ul li:nth-child(3) .year {background-color: #288a97;}
.sub-060101 .att-wrap.nth-2 ul li:nth-child(4) .year {background-color: #3c9eab;}
.sub-060101 .att-wrap.nth-2 ul li:nth-child(5) .year {background-color: #50b2bf;}
.sub-060101 .att-wrap.nth-2 ul li:nth-child(6) .year {background-color: #64c6d3;}
.sub-060101 .att-wrap.nth-2 .bg-area {position: relative; padding: 9rem 0 25rem; margin: 12rem 0 25rem; width: 100%; background: url('../images/sub/6-1-1_bg02.png') no-repeat center / cover;}
.sub-060101 .att-wrap.nth-2 .bg-area .tit p {font-size: 3rem; color: #fff; font-weight: 400; text-align: center;}
.sub-060101 .att-wrap.nth-2 .bg-area .tit p span {font-weight: 700;}
.sub-060101 .att-wrap.nth-2 .bg-area .con-box {display: flex; width: 100%; justify-content: space-between; position: absolute; bottom: 0; transform: translateY(150%);}
.sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item {display: flex; position: relative; justify-content: center; align-items: center; padding: 6rem 3rem; width: 49%; border-radius: 20px; background-color: #fff; box-shadow: 1px 1px 20px rgba(34, 34, 34, 0.1);}
.sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item:first-child {margin-right: auto;}
.sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item:last-child {margin-left: auto;}
.sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item .sub-tit {position: absolute; padding: 1rem 5rem; top: -23px; left: 50%; transform: translateX(-50%); border-radius: 9999px; background-color: #018c92;}
.sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item .sub-tit p {font-size: 2rem; font-weight: 600; color: #fff; text-align: center;}
.sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item>p {font-size: 2rem; font-weight: 500; color: #666; text-align: center;}

.sub-060101 .btn-list li {width: 34rem;}

@media (max-width: 1280px){
    
    .sub-060101 .att-wrap.nth-1 .con-box .txt {height: initial; padding: 2rem;}
    .sub-060101 .att-wrap.nth-1 .con-box .txt p {font-size: 16px;}
    .sub-060101 .att-wrap.nth-1 .con-box .txt p br {display: none;}
    .sub-060101 .att-wrap.nth-1 .con-box .tit p {font-size: 18px;}
    .sub-060101 .att-wrap.nth-1 .con-box .tit {padding: 1.5rem 2rem;}
    .sub-060101 .att-wrap.nth-2 ul li {padding: 5rem 0px;  width: calc((100% / 6) - 15px);}

    .sub-060101 .btn-list li {width: 35rem;}

}
@media (max-width: 1024px){
    .sub-060101 .att-wrap.nth-1 .cen-box {width: 17rem; height: 17rem;}
    .sub-060101 .att-wrap.nth-1 .cen-box p {font-size: 20px;}
    .sub-060101 .att-wrap.nth-2 ul li>p {font-size: 2.4rem;}
}
@media (max-width: 960px){
    .sub-060101 .att-wrap.nth-1 .con-box.nth-1::before,
    .sub-060101 .att-wrap.nth-1 .con-box.nth-2::before {display: none;}
    .sub-060101 .att-wrap.nth-1 .cen-box::after {display: none;}
    .sub-060101 .att-wrap.nth-1 .con-wrap {position: relative; top: initial; transform: initial;}
    .sub-060101 .att-wrap.nth-1 .con-box {position: relative; width: calc(50% - 5px); margin-top: 18rem;}
    .sub-060101 .att-wrap.nth-1 .con-box.nth-1 {margin-right: auto;}
    .sub-060101 .att-wrap.nth-1 .con-box.nth-2 {margin-left: auto;}
    .sub-060101 .att-wrap.nth-1 .contents-area {margin: 15rem 0 15rem;}
    .sub-060101 .att-wrap.nth-2 ul li {padding: 4.5rem 0px; width: calc((100% / 3) - 10px); margin-top: 2rem;}
    .sub-060101 .att-wrap.nth-2 ul {flex-wrap: wrap;}
    .sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item>p br {display: none;}
    .sub-060101 .att-wrap.nth-2 .bg-area .con-box {bottom: 0; transform: translateY(130%);}
}
@media (max-width: 768px){
    .sub-060101 .att-wrap .tit-area h6 {font-size: 3.2rem;}
    .sub-060101 .att-wrap.nth-1 .con-box {width: 100%;}
    .sub-060101 .att-wrap.nth-1 .con-box.nth-2 {margin-top: 3rem;}
    .sub-060101 .att-wrap.nth-1 .contents-area {margin: 15rem 0 15rem;}
    .sub-060101 .att-wrap.nth-1 .con-wrap {flex-direction: column;}
    .sub-060101 .att-wrap.nth-1 .cen-box p {font-size: 18px;}
    .sub-060101 .att-wrap.nth-1 .cen-box img {width: 30%;}
    .btn-list li {padding: 1.2rem 5rem;}
    .btn-list li p {font-size: 16px;}
    .sub-060101 .att-wrap.nth-2 ul li {padding: 4.5rem 0px; width: calc((100% / 2) - 10px); margin-top: 2rem;}
    .sub-060101 .att-wrap.nth-2 .bg-area .tit p {font-size: 2.8rem;}
    .sub-060101 .att-wrap.nth-2 .bg-area .con-box {transform: translateY(120%);}
}
@media (max-width: 650px){
    .sub-060101 .att-wrap.nth-2 .bg-area .con-box {transform: initial; flex-direction: column; position: relative; top: initial; bottom: initial;}
    .sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item:first-child {margin-top: 8rem;}
    .sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item {padding: 4rem 3rem; width: 100%; margin-top: 5rem;}
    .sub-060101 .att-wrap.nth-2 .bg-area {padding: 9rem 0; margin: 12rem 0 0;}
    
    .sub-060101 .btn-list li {width: 28rem; white-space: nowrap;}

}
@media (max-width: 480px){
    .sub-060101 .att-wrap.nth-2 .bg-area .tit p br {display: none;}
    .sub-060101 .att-wrap.nth-2 .bg-area .con-box .con-item>p {word-break: break-all;}
    .sub-060101 .btn-list {display: flex; flex-direction: column;}
    .sub-060101 .btn-list  li {border-radius: 9999px; width: 70%;}

    
}



/* 6-1-2. 인재상 */
.sub-060102 h6 {margin: 8rem 0 10rem; font-size: 5.5rem; font-weight: 400; color: #222;}
.sub-060102 h6 span {font-weight: 700;}
.sub-060102 .bg-area {background-color: #f5f5f5; width: 100%; height: auto; padding: 12rem 0;}
.sub-060102 ul {margin: 0 var(--inner-padding); display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem;}
.sub-060102 ul li {background-color: #fff; border-radius: 20px; padding: 4rem;display: flex; flex-direction: column; justify-content: center;}
.sub-060102 ul li .txt-box {margin-bottom: 4rem; display: flex; flex-direction: column-reverse;}

.sub-060102 ul li .txt-box small {color: #666; font-size: 1.8rem; font-weight: 500; margin-top: 1rem;}
.sub-060102 ul li .txt-box .tit {font-size: 2.8rem; font-weight: 700; color: #222;}
.sub-060102 ul li .txt-box .tit span {color: #12b5bc; vertical-align: baseline;}
.sub-060102 ul li .txt-box .txt {font-size: 2.2rem; font-weight: 600; color: #666; line-height: 1.3;}
.sub-060102 ul li .img-box {display: flex; justify-content: flex-end;}
.sub-060102 ul li .img-box img { max-width: 8.5rem; max-height: 10rem;}

@media (max-width: 1280px){
    .sub-060102 h6 {margin: 6rem 0 8rem; font-size: 5rem; line-height: 1.3;}
    .sub-060102 .bg-area {padding: 10rem 0;}
}
@media (max-width: 960px){
    .sub-060102 h6 {margin: 4rem 0 6rem; font-size: 4.5rem;}
    .sub-060102 .bg-area {padding: 8rem 0;}
    .sub-060102 ul li .txt-box small {font-size: 16px;}
    .sub-060102 ul li .txt-box .tit {font-size: 26px; margin: 0.2rem 0;}
    .sub-060102 ul li .txt-box .txt {font-size: 18px;}
    .sub-060102 ul {gap: 1.5rem;}
}

@media (max-width: 768px){
    .sub-060102 ul {grid-template-columns: repeat(2, 1fr); gap: 2.5rem;}
    .sub-060102 ul li .txt-box .tit {font-size: 22px; }
    .sub-060102 h6 {margin: 4rem 0 6rem; font-size: 4rem;}
}
@media (max-width: 480px){
    .sub-060102 ul {grid-template-columns: repeat(1, 1fr); gap: 2.5rem;}
    .sub-060102 ul li .txt-box .tit {font-size: 28px; }
    .sub-060102 ul li .img-box img {max-width: 12rem; max-height: 12rem;}
}



/* 6-1-3. 복지제도 */
.sub-060103 .top-bg {width: 100%; padding: 20rem 0; background: url('../images/sub/6-1-3_bg01.png') no-repeat center / cover;}
.sub-060103 .top-bg p {font-size: 3.6rem; color: #fff; font-weight: 400;}
.sub-060103 .top-bg p span {font-weight: 800;}
.sub-060103 .contents-area {margin: 10rem var(--inner-padding) 15rem;}
.sub-060103 .contents-area .cont-gridlist {margin-bottom: 10rem;}
.sub-060103 .contents-area .cont-gridlist:last-child {margin-bottom: 0;}
.sub-060103 .contents-area .cont-gridlist .tit {padding-left: 2.5rem; font-size: 4rem; font-weight: 400; color: #222; position: relative;}
.sub-060103 .contents-area .cont-gridlist .tit::before {content: ''; position: absolute; left: 0; top: 0; display: block; background-color: rgb(18, 181, 188, 0.3); width: 5rem; height: 5rem; border-radius: 9999px 9999px 9999px 0; z-index: -1;}
.sub-060103 .contents-area .cont-gridlist .tit span {font-weight: 700;}
.sub-060103 .contents-area .cont-gridlist ul {margin-top: 3.5rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem; }
.sub-060103 .contents-area .cont-gridlist ul li { border: 2px solid #d0d0d0; border-radius: 3rem; background-color: #fff; height: 30rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub-060103 .contents-area .cont-gridlist ul li .txt-box {padding: 0 3rem; text-align: center; margin-top: 3rem;}
.sub-060103 .contents-area .cont-gridlist ul li .txt-box .subtit {margin-bottom: 0.3rem; font-size: 2rem; font-weight: 700; color: #222; line-height: 1.3;}
.sub-060103 .contents-area .cont-gridlist ul li .txt-box .txt {font-size: 1.8rem; line-height: 1.2; font-weight: 400; color: #666;}

@media (max-width: 1280px){
    .sub-060103 .top-bg {padding: 15rem 0; background: url('../images/sub/6-1-3_bg01.png') no-repeat bottom / cover;}
    .sub-060103 .contents-area .cont-gridlist ul li {height: 35rem;}
    .sub-060103 .contents-area .cont-gridlist ul li .txt-box .txt {font-size: 16px;}
}
@media (max-width: 1024px){
    .sub-060103 .top-bg {padding: 12rem 0; }
    .sub-060103 .contents-area .cont-gridlist ul {gap: 2rem;}
    .sub-060103 .contents-area .cont-gridlist ul li .txt-box .subtit {font-size: 18px;}
    .sub-060103 .contents-area .cont-gridlist ul li .txt-box .txt {font-size: 15px;}
    .sub-060103 .contents-area .cont-gridlist ul li .txt-box .txt br {display: none;}
    .sub-060103 .contents-area .cont-gridlist ul li .img-box img {width: 80%; margin: auto;}

}
@media (max-width: 960px){
    .sub-060103 .top-bg p {font-size:3.5rem;}
    .sub-060103 .contents-area .cont-gridlist .tit {font-size: 3.4rem; padding-left: 15px;}
    .sub-060103 .contents-area .cont-gridlist ul {gap: 1.5rem; grid-template-columns: repeat(2, 1fr);}
    .sub-060103 .contents-area .cont-gridlist ul li .img-box img {width: 70%;}
    .sub-060103 .contents-area .cont-gridlist ul li .txt-box {margin-top: 2rem;}
    .sub-060103 .contents-area .cont-gridlist ul li {height: 30rem;}

}
@media (max-width: 768px){
    .sub-060103 .contents-area .cont-gridlist ul { grid-template-columns: repeat(2, 1fr); gap: 2.5rem;}
    .sub-060103 .contents-area .cont-gridlist ul li .img-box img {width: 80%;}
    .sub-060103 .contents-area .cont-gridlist ul li {height: 30rem;}
}
@media (max-width: 650px){
    .sub-060103 .contents-area .cont-gridlist ul li {height: auto; padding: 15% 10%;}
    .sub-060103 .contents-area .cont-gridlist ul li .img-box img {width: 65%;}
    .sub-060103 .top-bg p br {display: none;}
}
@media (max-width: 480px){
    .sub-060103 .contents-area .cont-gridlist ul li .txt-box .subtit {font-size: 16px;}
    .sub-060103 .contents-area .cont-gridlist ul li .txt-box .txt {font-size: 14px;}
    .sub-060103 .contents-area .cont-gridlist ul { grid-template-columns: repeat(1, 1fr); gap: 2.5rem;}
}



/* 6-2. 채용프로세스 */
.sub-0602 .top-bg {width: 100%; padding: 20rem 0; background: url('../images/sub/6-2_bg.png') no-repeat center / cover;}
.sub-0602 .top-bg p {font-size: 3.6rem; color: #fff; font-weight: 400;}
.sub-0602 .top-bg p span {font-weight: 800;}

.sub-0602 .cont-sheet .att-area .att-wrap {display: none;}
.sub-0602 .cont-sheet .att-area .att-wrap.active {display: block;}
.sub-0602 .cont-sheet .att-area .att-wrap ul {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; padding: 7rem var(--inner-padding); background-color: #f5f5f5;}
.sub-0602 .cont-sheet .att-area .att-wrap ul li {display: flex; width: 25%; flex-direction: column; align-items: center; justify-content: center;} 
.sub-0602 .cont-sheet .att-area .att-wrap ul li.arrow, .sub-0602 .cont-sheet .att-area .att-wrap ul li.con {width: initial;}
.sub-0602 .cont-sheet .att-area .att-wrap ul .item .img-box {margin-top: 4rem; display: flex; justify-content: center; align-items: center; width: 17rem; height: 17rem; box-shadow: 1px 1px 50px rgba(34, 34, 34, 0.2); background-color: #fff; border-radius: 9999px; }
.sub-0602 .cont-sheet .att-area .att-wrap ul .item .txt-box {text-align: center; margin-top: 3rem;}
.sub-0602 .cont-sheet .att-area .att-wrap ul .item .txt-box p {font-size: 18px; color: #222; font-weight: 700;}
.sub-0602 .cont-sheet .att-area .att-wrap ul .item .txt-box p span {color: #018c92;}
.sub-0602 .cont-sheet .att-area .att-wrap ul .arrow {margin: 0 0.5rem;}
.sub-0602 .cont-sheet .att-area .att-wrap ul .item:last-child .img-box {margin-top: 3rem; width: 19rem; height: 19rem; box-shadow: none; border: 2rem solid rgb(1, 140, 146, 0.2);}
.sub-0602 .cont-sheet .att-area .att-wrap ul .item:last-child .txt-box {margin-top: 1.5rem;}
.sub-step .cont-sheet .step-area {margin: 10rem var(--inner-padding) 20rem;}
.sub-step .cont-sheet .step-area .step-box {display: flex; align-items: flex-start; margin-bottom: 10rem;}
.sub-step .cont-sheet .step-area .step-box:last-child {margin-bottom: 0;}
.sub-step .cont-sheet .step-area .step-box .step-item {display: flex; align-items: center;}
.sub-step .cont-sheet .step-area .step-box .step-item p {padding-left: 3rem; font-size: 2.8rem; color: #018c92; font-weight: 700; font-family: 'Montserrat';}
.sub-step .cont-sheet .step-area .step-box .txt-item {width: 65%; margin-left: auto;}
.sub-step .cont-sheet .step-area .step-box .txt-item .subtit {margin-bottom: 1rem; font-size: 2.6rem; font-weight: 700; color: #222;}
.sub-step .cont-sheet .step-area .step-box .txt-item .txt {font-size: 1.8rem; font-weight: 400; color: #666;}
.sub-step .cont-sheet .step-area .step-box .txt-item .inner-box {margin-top: 1rem; background-color: #f5f5f5; padding: 5rem;}
.sub-step .cont-sheet .step-area .step-box .txt-item .inner-box .inner-tit {font-size: 2rem; font-weight: 600; color: #222;}
.sub-step .cont-sheet .step-area .step-box .txt-item .inner-box .inner-txt {margin-bottom: 5rem; font-size: 1.8rem; font-weight: 500; color: #666;}
.sub-step .cont-sheet .step-area .step-box .txt-item .inner-box .inner-txt:last-child {margin-top: 3rem;}
.sub-step .cont-sheet .step-area .step-box .txt-item .inner-box small { font-size: 1.6rem; font-weight: 600; color: #d83838; letter-spacing: -0.02em;}
.sub-step .cont-sheet .step-area .step-box .step-item .circle {width: 15px; height: 15px; border-radius: 9999px; display: block; background-color: #00626f; position: relative;}
.sub-step .cont-sheet .step-area .step-box .step-item .circle::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 2rem); height: calc(100% + 2rem); border-radius: 9999px; background-color: rgb(0, 98, 111, 0.2);}
.sub-step .cont-sheet .step-area .step-box:first-child .step-item .circle::before {content: ''; position: absolute; top: 13px; left: 50%; transform: translateX(-50%); width: 1px; height: 99999%; z-index: -10; background-color: #d0d0d0;}

.sub-0602 .reque {margin-top: 2rem; border-radius: 9999px; padding: 1rem 3rem; display: inline-block; background-color: #00626f;}
.sub-0602 .reque p {font-size: 16px; color: #fff; text-align: center; font-weight: 600;}
.sub-0602 .reque:hover {background-color: #000;}

.sub-0602 .btn-list li {width: 35rem;}

@media (max-width: 1440px){
    .sub-0602 .cont-sheet .att-area .att-wrap ul .item .img-box {margin-top: 4rem; width: 15rem; height: 15rem; }
    .sub-0602 .cont-sheet .att-area .att-wrap ul .item:last-child .img-box {margin-top: 4rem; width: 17rem; height: 17rem;  border: 2rem solid rgb(1, 140, 146, 0.2);}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .item:last-child .txt-box {margin-top: 1.5rem;}
    .sub-0602 .cont-sheet .att-area .att-wrap.nth-2 ul {justify-content: space-around;}
}
@media (max-width: 1280px){
    .sub-0602 .cont-sheet .att-area .att-wrap ul .item .img-box {margin-top: 4rem; width: 13rem; height: 13rem; }
    .sub-0602 .cont-sheet .att-area .att-wrap ul .item:last-child .img-box {margin-top: 4rem; width: 15rem; height: 15rem;  border: 2rem solid rgb(1, 140, 146, 0.2);}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .con img {width: 80%; margin: auto;}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .item .img-box img {width: 50%;}
    .sub-0602 .top-bg {padding: 15rem 0; background: url(../images/sub/6-2_bg.png) no-repeat bottom / cover;}
}
@media (max-width: 1024px){
    .sub-0602 .top-bg {padding: 10rem 0;}
    .sub-step .cont-sheet .step-area .step-box .txt-item {width: 70%;}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .con {width: 40px}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .con img {width: 100%; }
}
@media (max-width: 960px){
    .sub-0602 .cont-sheet .att-area .att-wrap ul .con {width: 65px; margin: 5rem 0;}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .con img { transform: rotate(90deg);}
    .sub-0602 .cont-sheet .att-area .att-wrap ul {flex-direction: column;}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .arrow {margin: 3rem 0;}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .arrow img {transform: rotate(90deg); width: 20px;}

    .sub-0602 .cont-sheet .att-area .att-wrap ul .item .img-box {margin-top: 0; width: 15rem; height: 15rem; }
    .sub-0602 .cont-sheet .att-area .att-wrap ul .item:last-child .img-box {margin-top: 0; width: 17rem; height: 17rem;  border: 2rem solid rgb(1, 140, 146, 0.2);}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .item:last-child .txt-box {margin-top: 1.5rem;}
    .sub-0602 .cont-sheet .att-area .att-wrap ul .item .txt-box {margin-top: 1.5rem;}
    .sub-0602 .cont-sheet .att-area .att-wrap ul li {width: 100%;}

}
@media (max-width: 650px){
    .sub-step .cont-sheet .step-area .step-box .txt-item .txt {font-size: 16px;}
    .sub-step .cont-sheet .step-area .step-box .txt-item .subtit {font-size: 18px;}
    .sub-step .cont-sheet .step-area .step-box .step-item p {font-size: 20px;}
    .sub-step .cont-sheet .step-area .step-box {flex-direction: column;}
    .sub-step .cont-sheet .step-area .step-box .txt-item {width: calc(100% - 5rem); margin-top: 2rem;}
    .sub-step .cont-sheet .step-area .step-box .txt-item .inner-box .inner-tit {font-size: 16px;}
    .sub-step .cont-sheet .step-area .step-box .txt-item .inner-box .inner-txt {font-size: 15px;}
    .sub-step .cont-sheet .step-area .step-box .txt-item .inner-box small {font-size: 15px;}
    .sub-step .cont-sheet .step-area .step-box .txt-item .inner-box {padding: 3rem;}
    .sub-0602 .reque p {font-size: 14px;}
    .sub-0602 .btn-list li {width: 25rem;}

}


/* 7-2-1. 신문고 이용안내 */
.sub-070102 .top-bg {width: 100%; padding: 20rem 0; background: url('../images/sub/7-2-1_bg01.png') no-repeat center / cover;}
.sub-070102 .top-bg p {font-size: 3.6rem; color: #222; font-weight: 400; margin-right: auto; width: 70%;}
.sub-070102 .top-bg p span {font-weight: 800;}
.sub-070102 .top-bg p span.txt-sky {color: #12b5bc;}


.sub-070102 .cont-sheet .subtit {position: relative;}
.sub-070102 .cont-sheet .subtit::before {content: ''; width: 45px; height: 45px; position: absolute; left: -55px; top: 50%; transform: translateY(-50%); background: url('../images/sub/7-2-1\(1\).svg') no-repeat center / contain;} 
.sub-070102 .cont-sheet .step-box.nth-2 .subtit::before {background: url('../images/sub/7-2-1\(2\).svg') no-repeat center / contain;} 
.sub-070102 .cont-sheet .step-box.nth-3 .subtit::before {background: url('../images/sub/7-2-1\(3\).svg') no-repeat center / contain;} 
.sub-070102 .cont-sheet .small {font-size: 1.7rem; color: #d83838; font-weight: 400; margin-top: 0.5rem; line-height: 1.5;}
.sub-070102 .cont-sheet .txt-item ul li {list-style: '-'; padding-left: 8px; margin-left: 8px; margin-bottom: 0.5rem; font-size: 1.8rem; color: #666; font-weight: 500;}
.sub-070102 .cont-sheet .txt-item ul li:last-child {margin-bottom: 0;}

@media (max-width: 960px){
    .sub-070102 .top-bg {width: 100%; padding: 10rem 0; background: url('../images/sub/7-2-1_bg01.png') no-repeat bottom / cover;}
    .sub-070102 .cont-sheet .step-area .step-box .txt-item {width: 60%;}
    .sub-070102 .top-bg p {font-size: 3rem; width: 70%; margin-right: auto;}
    .sub-070102 .top-bg p br {display: none;}
}
@media (max-width: 768px){
    .sub-070102 .cont-sheet .step-area .step-box {flex-direction: column;}
    .sub-070102 .cont-sheet .step-area .step-box .txt-item {width: calc(100% - 40px); margin-top: 2rem;}
    .sub-070102 .cont-sheet .step-area .step-box .txt-item .subtit {margin-left: 50px; margin-bottom: 2rem;}
    .sub-070102 .cont-sheet .txt-item ul li, .sub-step .cont-sheet .step-area .step-box .txt-item .txt, .sub-070102 .cont-sheet .small {font-size: 16px;}
}
@media (max-width: 650px){
    .sub-070102 .top-bg p {font-size: 3rem; width: 100%;}
}



/* 5-2. ESG 활동 */
.sub-0502 {padding-bottom: 48rem; position: relative;}
.sub-0502::before {position: absolute; content: ''; width: 100%; height: 54.5rem; bottom: 0; left: 50%; transform: translateX(-50%); background: url('../images/sub/5-2_bg.png') no-repeat top / cover;}
.sub-0502 .tit-area {text-align: center;}
.sub-0502 .tit-area h6 {margin : 3rem 0; position: relative; display: inline-block; font-size: 3.6rem; font-weight: 400; color: #54bf82;}
.sub-0502 .tit-area h6 span {font-weight: 700;}
.sub-0502 .tit-area h6::before {content: ''; position: absolute; width: 45px; height: 30px; top: 20%; left: -60px; transform: translateY(-50%); background: url('../images/sub/5-2_01.png') no-repeat center / contain;}
.sub-0502 .tit-area h6::after {content: ''; position: absolute; width: 45px; height: 30px; top: 20%; right: -60px; transform: translateY(-50%); background: url('../images/sub/5-2_02.png') no-repeat center / contain;}
.sub-0502 .contents-area .flex-box {display: flex; align-items: center; width: calc(100% - 30rem);}
.sub-0502 .contents-area .contents-list {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 7rem 0; border-bottom: 1px solid #d0d0d0;}
.sub-0502 .contents-area .contents-list:last-child {border-bottom: none;}
.sub-0502 .contents-area .contents-list .tit {margin-right: 5rem; width: 25rem; padding-right: 20px;}
.sub-0502 .contents-area .contents-list .tit p {font-size: 2.8rem; font-weight: 700; color: #222;}
.sub-0502 .contents-area .contents-list .txt {width: calc(100% - 35rem);}
.sub-0502 .contents-area .contents-list .txt>p {font-size: 2rem; font-weight: 500; color: #666;}
.sub-0502 .contents-area .contents-list .txt>p span {font-weight: 700; color: #018c92;}
.sub-0502 .contents-area .contents-list .img {margin-left: 10rem; width: 25rem; height: 25rem; border-radius: 9999px 9999px 9999px 0;overflow: hidden;}
.sub-0502 .contents-area .contents-list .txt>ul {margin: 1rem 0 0 10px;}
.sub-0502 .contents-area .contents-list .txt>ul>li {font-size: 1.8rem; font-weight: 500; color: #888; margin-bottom: 0.5rem; padding-left: 12px; position: relative;}
.sub-0502 .contents-area .contents-list .txt>ul>li:last-child {margin-bottom: 0;}
.sub-0502 .contents-area .contents-list .txt>ul>li p {position: relative; display: inline-block; padding-left: 12px;}
.sub-0502 .contents-area .contents-list .txt>ul>li p::before {content: ''; width: 14px; height: 12px; position: absolute; top: 8px; left: -10px; background: url('../images/sub/5-2_li.png') no-repeat center / contain;}
.sub-0502 .contents-area .inner-item .inner-tit {font-size: 2.2rem; color: #666; font-weight: 500; }
.sub-0502 .contents-area .inner-item .inner-list {margin: 0.5rem 0 0 10px;}
.sub-0502 .contents-area .inner-item .inner-list li {list-style: '- '; margin-bottom: 0.5rem; list-style-position: inside; font-size: 1.8rem; font-weight: 400; color: #999;}
.sub-0502 .contents-area .inner-item .inner-list li:last-child {margin-bottom: 0;}
.sub-0502 .contents-area .inner-item:last-child {margin-top: 4rem;}
.sub-0502 .contents-area .contents-list:nth-child(4) {align-items: flex-start;}
.sub-0502 .tit-area h6 br {display: none;}


@media (max-width: 1280px){
    .sub-0502 .contents-area .flex-box {width: calc(100% - 25rem);}
    .sub-0502 .contents-area .contents-list .tit {margin-right: 0; width: 25rem;}
    .sub-0502 .contents-area .contents-list .txt {width: calc(100% - 30rem);}
    .sub-0502 .contents-area .contents-list .img {margin-left: 5rem; width: 25rem; height: 25rem;}
    .sub-0502::before {height: 45rem;}
    .sub-0502 {padding-bottom: 40rem;}
}
@media (max-width: 1024px){
    .sub-0502 {padding-bottom: 30rem;}
    .sub-0502::before {height: 35rem;}
}
@media (max-width: 960px){
    .sub-0502 .contents-area .flex-box {width: 100%; flex-direction: column-reverse;}
    .sub-0502 .contents-area .contents-list .tit {width: 100%; text-align: center;}
    .sub-0502 .contents-area .contents-list .tit br {display: none;}
    .sub-0502 .contents-area .contents-list .txt {width: 70%; margin: auto; text-align: center;}
    .sub-0502 .contents-area .contents-list .img {margin: 5rem auto; width: 25rem; height: 25rem;}
    .sub-0502 .contents-area .contents-list .txt>ul>li {display: inline-block;}
    .sub-0502 .contents-area .contents-list .txt>ul {display: flex; flex-direction: column;}

    .sub-0502 .contents-area .contents-list .tit {padding: 0;}
}
@media (max-width: 768px){
    .sub-0502 .tit-area h6 {font-size: 3.8rem;}
    .sub-0502 .contents-area .contents-list .txt {width: 80%;}
    .sub-0502 .tit-area h6::before {width: 30px; top: 20%; left: -45px;}
    .sub-0502 .tit-area h6::after {width: 30px; top: 20%; right: -45px;}
    .sub-0502 {padding-bottom: 20rem;}
    .sub-0502::before {height: 25rem;}
}
@media (max-width: 480px){
    .sub-0502 .tit-area h6 {font-size: 3.6rem;}
    .sub-0502 .contents-area .contents-list .txt {width: 100%;}
    .sub-0502 .contents-area .contents-list .tit p {font-size: 3.4rem;}
    .sub-0502 .contents-area .contents-list .txt>p, .sub-0502 .contents-area .inner-item .inner-tit {font-size: 2.6rem;}
    .sub-0502 .contents-area .contents-list .txt>ul>li, .sub-0502 .contents-area .inner-item .inner-list li {font-size: 2.4rem;}
    .sub-0502 .tit-area h6::before {width: 25px; top: 20%; left: -35px;}
    .sub-0502 .tit-area h6::after {width: 25px; top: 20%; right: -35px;}
    .sub-0502 .tit-area h6 br {display: block;}
}


/* 조직도 */
.sub-org {margin-bottom: 10rem;}
.sub-org .tit {text-align: center; margin-bottom: 8rem;}
.sub-org .tit h6 {font-size: 4.2rem; font-weight: 700; color: #222; font-family: 'Montserrat'; margin-bottom: 1.5rem;}
.sub-org .tit p {font-size: 3.2rem; font-weight: 500; color: #666;}
.sub-org .mo {display: none;}

@media (max-width: 768px){
    .sub-org .pc {display: none;}
    .sub-org .mo {display: block;}
}




/* 24.09.23 추가 */
.esg-manage {background-color: #f5f5f5; padding: 5rem; margin-bottom: 5rem;}
.esg-manage ul li {margin-bottom: 18px; font-size: 2rem; font-weight: 500; color: #666;}
.esg-manage ul li:last-child {margin-bottom: 0;}
.esg-manage ul li span {font-size: 20px; margin-right: 5px; color: #fff; background-color: #12b5bc; border-radius: 9999px; text-align: center; display: inline-block; width: 35px; height: 35px; line-height: 35px; font-weight: 700;}

@media (max-width: 768px){
    .esg-manage ul li {margin-bottom: 22px; font-size: 16px; line-height: 1.6;}
    .esg-manage ul li span {font-size: 16px; width: 30px; height: 30px; line-height: 30px;}
}






/*조직도 수정 20260123*/
.org__con {padding-bottom:15rem;}
.org__con-wrap .list {position: relative;}


.org__con-row {display: flex; position: relative;}
.org__con-row::before {content:''; display: block; width:2px; height:135%; position: absolute; top:0; left:50%; background-color: #f0f0f0;transform: translate(-50%, 0);}
.org__con .item {z-index: 1; position: relative;}
.org__con .item.ceo {width:15rem; height:15rem; border-radius: 15rem; background-color: var(--color-sub); display: flex; align-items: center; justify-content: center; position: relative; color:#fff; font-weight: 700; font-size: 2.8rem; margin:0 auto;}
.org__con .item.ceo::before {content:''; display: block; width:13rem; height:13rem; border-radius: 50%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border:1px dashed rgba(255, 255, 255, 0.5);}


.org__con-row.nth-2 {display: flex; justify-content: space-around; padding:6rem 0;}
.org__con-row.nth-2 .item {width:20rem; border-radius: 2rem; background-color:#f3f3f3; padding:1rem;}
.org__con-row.nth-2 .item .title {font-size:2.2rem; font-weight: 600; color:#fff; background-color: var(--color-main); border-radius: 1rem; display: flex; height:4rem; align-items: center; justify-content: center; text-align: center; line-height: 1;}
.org__con-row.nth-2 .item .title + .title {margin-top:1rem;}

.org__con-row.nth-2 .item-1 {position:absolute; left:68%;  top:90%; width:15.5%; height:8.2rem; background-color: var(--color-sub3); border-radius: 2rem 2rem 2rem 0; flex-shrink: 0;  display: flex; align-items: center; justify-content: center; text-align: center; padding:1rem;}
.org__con-row.nth-2 .item-1::before {content:''; display: block; width:115%; left:-115%;height:2px; position: absolute; top:4.5rem;  background-color: #f0f0f0; }


.org__con-row.nth-2 .item .desc {font-size:2rem; font-weight: 500; color:#222; margin-top:2rem; text-align: center;}
.org__con-row.nth-2 .item .desc span {display: block;}
.org__con-row.nth-2 .item .desc span + span {margin-top:0.5rem;}


.org__con-row.nth-3 {display: flex;justify-content: space-between; top:15rem;}
.org__con-row.nth-3::before {width:84.5%;height:2px;top:-6rem;left:50%;transform: translate(-50%, 0);}

.org__con-row.nth-3 .item {width:15.5%; height:8.2rem; background-color: var(--color-main); border-radius: 2rem 2rem 2rem 0; flex-shrink: 0;  display: flex; align-items: center; justify-content: center; text-align: center; padding:1rem;}
.org__con-row.nth-3 .item::before {content:''; display: block; width:2px; height:6rem; position: absolute; top:-6rem; left:50%; background-color: #f0f0f0; }
.org__con-row.nth-3 .item::after, .org__con-row.nth-2 .item-1::after {content:''; display: block; width:calc(100% - 1rem); height:calc(100% - 1rem); border-radius: 1.5rem 1.5rem 1.5rem 0; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border:2px dashed rgba(255, 255, 255, 0.2);}

.org__con-row.nth-3 .item .title, .org__con-row.nth-2 .item-1 {font-size:2rem; font-weight: 700; color:#fff; line-height: 1.1;}

@media (max-width: 1024px){
    
}
@media (max-width: 768px){
	.org__con-row.nth-3 {flex-wrap: wrap;justify-content: space-around;gap:3rem;}
	.org__con-row.nth-3::before {width:2px; height:calc(100% - 2rem); transform: translate(-50%, 0);}
	.org__con-row.nth-2 .item-1 {width:90%; left:auto}
	.org__con-row.nth-3 .item {width:40%; height:8rem; flex-basis: 42%;}
	.org__con-row.nth-2 .item-1::before, .org__con-row.nth-3 .item::before {display: none;}
	.org__con-row.nth-3 .item:nth-of-type(2n-1)::before {display:block; width:10rem; height:2px; z-index: -1; top:50%; left:100%; transform: translate(0%, 0);}
    .org__con-row.nth-3 .item:last-child::before{display:none}
}
@media (max-width: 480px){
	.org__con-row.nth-2 .item {width:40%;}
}

/*영상 등록정보 숨김처리 20250403 */
.sub-visual.nth-4 + .sub-content .newBoard__gallery-item .board-info {display: none;}