@charset "utf-8";

/* sub-visual gnb */
.sub-visual {height:100vh; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative;}
.sub-visual01 {background-image:url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image:url('../img/sub/sub-visual02.jpg');}
.sub-visual03 {background-image:url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image:url('../img/sub/sub-visual04.jpg');}
.sub-visual05 {background-image:url('../img/sub/sub-visual05.jpg');}
.sub-visual .visual-title {width:100%; height:100%; max-width:1610px; padding:0 15px; margin:0 auto; display:flex; align-items:flex-end;}
.sub-visual .tit-box {padding:130px 0; color:#fff;}
.sub-visual .tit-box h2 {font-size:72px; line-height:1.2em; margin-bottom:18px;}
.sub-visual .tit-box p {font-size:22px; line-height:1.6em; color:rgba(255,255,255,0.8);}

.sub-visual04 .tit-box p, 
.sub-visual05 .tit-box p {margin-bottom:74px;}

.sub-visual .gnb {margin-top:60px;}
.sub-visual .gnb ul {display:flex; flex-wrap:wrap; margin:0 -4px -8px;}
.sub-visual .gnb ul li {padding:0 4px; margin-bottom:8px;}
.sub-visual .gnb ul li a {min-width:200px; border:1px solid transparent; white-space:nowrap; padding:5px 32px; height:58px; font-weight:500; font-size:18px; border-radius:8px; line-height:1.5em; display:flex; align-items:center; justify-content:center; text-align:center; background: rgba(255, 255, 255, 0.10); transition:all 0.4s; backdrop-filter:blur(5px);}
.sub-visual .gnb ul li a:hover {background:#0036aa;}
.sub-visual .gnb ul li.active a {background:#0036aa; font-weight:600; border-color:rgba(255,255,255,0.3);}
.sub-visual .gnb ul li a span {display:none;}
.sub-visual .sub-scroll {position:absolute; bottom:20px; left:50%; margin-left:-35px; z-index:10; height:60px; padding-bottom:40px; display:flex; align-items:center;}
.sub-visual .sub-scroll span {display:block; width:8px; height:40px; position:absolute; bottom:0; left:50%; margin-left:-4px; overflow:hidden; border-radius:4px 4px 0 0;}
.sub-visual .sub-scroll span:after {content:''; width:8px; height:36px; top:0; left:50%; margin-left:-4px; position:absolute; background:url('../img/main/scrolldown-icon.png') no-repeat; background-size:cover; animation: scrolldownIcon 1.4s linear infinite;}
@keyframes scrolldownIcon {0% {transform:translateY(-30px);} 100% {transform:translateY(100%);}}
/* sub-title */
.sub-title {text-align:center; padding:145px 0 70px;}
.sub-title040 h3 {display:none;}
.sub-title h3 {font-size:52px; padding-top:38px; font-weight:600; line-height:1.26em; color:#111; position:relative; font-family:'Poppins';}
.sub-title h3:before {content:''; width:52px; height:8px; position:absolute; top:0; left:50%; margin-left:-26px; background:linear-gradient(90deg, #2A9931 0%, #0036AA 100%); border-radius:4px;}
/* sub */
.real-cont {padding-bottom:180px;}
/* sub 01 01 */
.greeting .img-box {border-radius:20px; overflow:hidden; margin-bottom:100px;}
.greeting .col {display:flex; margin-bottom:100px;}
.greeting .tit-box {width:100%; max-width:520px;}
.greeting .tit-box h4 {font-size:38px; line-height:1.4em; color:#222;}
.greeting .tit-box h4 strong {color:#0036aa; display:block;}
.greeting .txt-box {width:1%; flex:1 1 auto;}
.greeting .txt-box p {font-size:24px; color:#444; line-height:1.6em; margin-bottom:38px;}
.greeting .txt-box p:last-child {margin-bottom:0;}
.greeting .txt-box p strong {color:#222; font-weight:500;}
.greeting .ceo {padding-top:30px; border-top:1px solid #ddd; position:relative; display:flex; align-items:center; justify-content:flex-end;}
.greeting .ceo:after {content:''; width:72px; height:2px; background:#0036AA; position:absolute; top:-1px; right:0; z-index:1;}
.greeting .ceo p {font-size:18px; line-height:1.6em; color:#222; margin-right:30px;}
.greeting .ceo .name {font-size:26px; line-height:1.6em; color:#111; font-weight:700;}
/* sub 01 02 */
.sub-title0102 {background:#F5F5F5;}
.profile .cnt01 {padding-bottom:280px; background:#f5f5f5; position:relative; overflow:hidden;}
.profile .cnt01 .col {display:flex; margin:0 -20px;}
.profile .cnt01 .col .row {width:33.33333%; padding:0 20px;}
.profile .cnt01 .inner {background:#fff; padding:60px 60px 70px; border-radius:20px; transition:all 0.4s; height:100%; z-index:1; position:relative; overflow:hidden;}
.profile .cnt01 .inner:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; background:linear-gradient(144deg, #033FC0 12.76%, #002D8D 88.33%); transition:all 0.4s; z-index:2;}
.profile .cnt01 .inner:hover:before {opacity:1;}
.profile .cnt01 .inner .txt {position:relative; z-index:3;}
.profile .cnt01 .inner .icon {width:60px; height:60px; background-repeat:no-repeat; transition:all 0.4s; margin-bottom:80px; background-size:cover;}
.profile .cnt01 .inner .icon01 {background-image:url('../img/sub/profile01-icon01.png');}
.profile .cnt01 .inner .icon02 {background-image:url('../img/sub/profile01-icon02.png');}
.profile .cnt01 .inner .icon03 {background-image:url('../img/sub/profile01-icon03.png');}
.profile .cnt01 .inner:hover .icon01 {background-image:url('../img/sub/profile01-icon01-on.png');}
.profile .cnt01 .inner:hover .icon02 {background-image:url('../img/sub/profile01-icon02-on.png');}
.profile .cnt01 .inner:hover .icon03 {background-image:url('../img/sub/profile01-icon03-on.png');}
.profile .cnt01 .inner p {font-size:22px; line-height:1.4em; font-weight:600; color:#0036AA; transition:all 0.4s; margin-bottom:18px;}
.profile .cnt01 .inner:hover p {color:#fff;}
.profile .cnt01 .inner h4 {font-size:38px; line-height:1.4em; color:#111; font-family:'Poppins'; transition:all 0.4s;}
.profile .cnt01 .inner:hover h4 {color:#fff;}
.profile .cnt01 .inner h4 span {font-size:20px; line-height:1.4em; font-weight:600; color:#444; display:inline-block; vertical-align:bottom; transition:all 0.4s; margin-bottom:8px;}
.profile .cnt01 .inner:hover h4 span {color:#fff;}
.profile .cnt01 .tt {position:absolute; bottom:0; left:0; opacity:0.03;}
.profile .cnt02 {padding:240px 0 320px; text-align:center; background:url('../img/sub/profile02bg.jpg') center center no-repeat; background-size:cover;}
.profile .cnt02 .tit-box {margin-bottom:40px; font-family:'Poppins';}
.profile .cnt02 .tit-box p {font-size:24px; line-height:1.6em; color:#0036aa; font-weight:600; margin-bottom:4px;}
.profile .cnt02 .tit-box h4 {font-size:52px; font-weight:600; line-height:1.26em; color:#111}
.profile .cnt02 .txt-box p {font-size:22px; line-height:1.6em; color:#666; line-height:1.6em;}
.profile .cnt03 {padding:240px 0 180px; background:url('../img/sub/profile03bg.jpg') center center no-repeat; background-size:cover;}
.profile .cnt03 .col {display:flex; margin-bottom:370px; justify-content:space-between;}
.profile .cnt03 .col:last-child {margin-bottom:0;}
.profile .cnt03 .col:nth-child(even) {flex-direction:row-reverse;}
.profile .cnt03 .tit-box {width:1%; flex:1 1 auto;}
.profile .cnt03 .col:nth-child(odd) .tit-box {padding-right:30px; text-align:left;}
.profile .cnt03 .col:nth-child(even) .tit-box {padding-left:30px; text-align:right;}
.profile .cnt03 .tit-box h4 {font-size:52px; font-weight:600; line-height:1.26em; color:#fff; margin-bottom:40px;}
.profile .cnt03 .tit-box p {font-size:22px; line-height:1.6em; color:rgba(255,255,255,0.8);}
.profile .cnt03 .txt-box {width:100%; max-width:820px;}
.profile .cnt03 .txt-box ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.profile .cnt03 .txt-box ul li {width:33.33333%; padding:0 10px; margin-bottom:20px;}
.profile .cnt03 .txt-box ul li p {width:100%; height:124px; display:flex; justify-content:center; align-items:center; text-align:center; padding:5px; background:rgba(255,255,255,0.08); position:relative; z-index:1; border-radius:14px; overflow:hidden;}
.profile .cnt03 .txt-box ul li p:before {content:''; background:linear-gradient(144deg, #033FC0 12.76%, #002D8D 88.33%); width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition:all 0.4s;}
.profile .cnt03 .txt-box ul li p:hover:before {opacity:1;}
.profile .cnt03 .txt-box ul li p span {display:block; font-size:18px; font-weight:600; line-height:1.4em; position:relative; z-index:3; transition:all 0.4s; color:rgba(255,255,255,0.6);}
.profile .cnt03 .txt-box ul li p:hover span {color:#fff;}
/* sub 01 03 */
.history .real-cont {padding-bottom:0;}
.history .col {display:flex;}
.history .tit-box {width:1%; flex:1 1 auto; position:relative; padding:0 60px 180px;}
.history .tit-box .tit {width:100%; max-width:600px; position:sticky; top:155px; text-align:right;}
.history .tit-box .tit h4 {font-size:38px; font-weight:600; line-height:1.7em; color:#0036AA; margin-bottom:14px; font-family:'Poppins';}
.history .tit-box .tit p {font-size:20px; line-height:1.8em; color:#333; margin-bottom:32px;}
.history .tit-box .tit img {border-radius:20px; overflow:hidden;}
.history .txt-box {width:100%; max-width:800px; position:relative; padding-bottom:180px;}
.history .txt-box:before {content:''; width:1px; height:calc(100% - 23px); background:#ddd; position:absolute; top:23px; left:5px;}
.history .txt-box .box {margin-bottom:40px; position:relative; padding-left:130px;}
.history .txt-box .box:last-child {margin-bottom:0;}
.history .txt-box .box:before {content:''; width:12px; height:12px; background:#0036AA; position:absolute; top:23px; left:0; border-radius:50%; z-index:2;}
.history .txt-box .box:after {content:''; width:100px; height:1px; background:#ddd; position:absolute; top:28px; left:4px;}
.history .txt-box .year {margin-bottom:20px; font-size:40px; font-weight:500; color:#0036aa; font-family:'Poppins'; line-height:1.5em;}
.history .txt-box .txt dl {margin-bottom:4px; display:flex;}
.history .txt-box .txt dl:last-child {margin-bottom:0;}
.history .txt-box .txt dt {width:100%; max-width:48px; font-size:20px; font-weight:600; line-height:1.9em; color:#000;}
.history .txt-box .txt dd {width:1%; flex:1 1 auto; font-size:18px; line-height:2.1em; color:#666;}
/* sub 01 04 */
.organization {background:url('../img/sub/organization-bg.jpg') center bottom no-repeat; background-size:contain;}
/* sub 01 05 */
.location .tab-menu {margin-bottom:40px;}
.location .tab-menu ul {display:flex; justify-content:center;}
.location .tab-menu ul li {padding:0 6px;}
.location .tab-menu ul li a {display:block; width:200px; line-height:64px; border-radius:32px; background:#f5f5f5; text-align:center; font-size:20px; font-weight:600; color:#333; transition:all 0.4s;}
.location .tab-menu ul li.active a {color:#fff; background:#0036aa;}
.location .tab-menu ul li a:hover {color:#fff; background:#0036aa;}
.location .maps {height:420px; overflow:hidden; border-radius:20px; margin-bottom:60px;}
.location .maps iframe {width:100%; height:100%;}
.location .col {display:flex; position:relative; padding-right:300px;}
.location .btn-box {position:absolute; top:0; right:0;}
.location .btn-box ul {display:flex; margin:0 -6px;}
.location .btn-box ul li {padding:0 6px;}
.location .btn-box ul li a {display:flex; font-size:16px; line-height:1.4em; font-weight:600; color:#fff; width:120px; height:120px; padding:25px; align-items:flex-end; justify-content:center; text-align:center; background:#161616; border-radius:12px; transition:all 0.4s; position:relative;}
.location .btn-box ul li a:hover {background:#0036aa;}
.location .btn-box ul li a .icon {position:absolute; left:50%; margin-left:-20px; top:25px;}
.location .tit-box {width:100%; max-width:200px;}
.location .tit-box h4 {font-size:44px; line-height:1.4em; color:#222;}
.location .txt-box {width:1%; flex:1 1 auto;}
.location .txt-box dl {display:flex; font-size:20px; line-height:1.8em;}
.location .txt-box dt {width:100%; max-width:140px; color:#222; font-weight:600;}
.location .txt-box dd {width:1%; flex:1 1 auto; color:#666;}
.location .txt-box dd a {display:inline-block;}
/* sub 02 */
.sub-title02,
.sub-title03 {padding-bottom:50px;}
.sub-title p {font-size:28px; line-height:1.28em; color:#333; margin-top:24px;}

.overview {padding:250px 0 60px; margin-bottom:80px; background:url('../img/sub/overview-bg.jpg') center bottom no-repeat; background-size:cover;}
.overview .col {padding:80px; background:#f7f7f7; border-radius:20px; display:flex;}
.overview .col .tit-box {width:100%; max-width:330px;}
.overview .col .tit-box h4 {font-size:44px; font-weight:600; line-height:1.5em; color:#111; position:relative; padding-right:20px; display:inline-block;}
.overview .col .tit-box h4:after {content:''; width:12px; height:12px; background:#0036AA; position:absolute; top:10px; right:0; border-radius:50%;}
.overview .col .txt-box {width:1%; flex:1 1 auto;}
.overview .col .txt-box p {font-size:26px; line-height:1.8em; color:#666;}

.cnt-tit {margin-bottom:60px; font-family:'Poppins';}
.cnt-tit p {font-size:22px; line-height:1.6em; font-weight:600; color:#0036AA;}
.cnt-tit h4 {font-size:44px; line-height:1.6em; color:#111; font-weight:600;}

#sub .cnt {margin-bottom:140px;}
#sub .cnt:last-child {margin-bottom:0;}

.ol-wrap .col {margin-bottom:60px; padding:40px; border-radius:20px; display:flex; align-items:center;}
.ol-wrap .col:nth-child(odd) {border:1px solid #ddd;}
.ol-wrap .col:nth-child(even) {background:#F7F7F7; flex-direction:row-reverse;}
.ol-wrap .col:last-child {margin-bottom:0;}
.ol-wrap .col > div {width:50%;}
.ol-wrap .col .img-box img {border-radius:12px;}
.ol-wrap .col .txt-box {text-align:center;}
.ol-wrap .col .txt-box .num {font-size:60px; margin-bottom:20px; line-height:1.3em; font-weight:600; font-family:'Poppins'; color:rgba(0, 54, 170, 0.13);}
.ol-wrap .col:nth-child(even) .txt-box .num {color:rgba(34,34,34,0.18);}

.ol-wrap .col .txt-box p {font-size:32px; font-weight:500; line-height:1.6em; color:#333;}

.cnt-txt {padding:50px 60px 60px; background:#f7f7f7; border-radius:20px; margin-bottom:40px;}
.cnt-txt:last-child {margin-bottom:0;}
.cnt-txt p {font-size:24px; line-height:1.8em; color:#666;}

.cnt-img {padding:60px; border-radius:20px; border:1px solid #ddd; text-align:center;}

.child-wrap .col {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.child-wrap .col .row {width:33.33333%; padding:0 10px; margin-bottom:20px;}
.child-wrap .inner {background:#fff; border:1px solid #ddd; border-radius:20px; height:100%; padding:20px; display:flex; align-items:center;}
.child-wrap .row:nth-child(6n+1) .inner,
.child-wrap .row:nth-child(6n+3) .inner,
.child-wrap .row:nth-child(6n+5) .inner {background:#F4F4F4; border:0;}
.child-wrap .inner p {font-size:24px; line-height:1.4em; font-weight:500; color:#333; width:1%; flex:1 1 auto; padding-right:10px; padding-left:20px;}
.child-wrap .inner p span {display:block; font-size:20px; line-height:1.4em; color:#666; font-weight:500;}
.child-wrap .inner .icon {width:100%; max-width:110px; height:110px; background:#F4F4F4; border-radius:50%;}
.child-wrap .row:nth-child(6n+1) .inner .icon,
.child-wrap .row:nth-child(6n+3) .inner .icon,
.child-wrap .row:nth-child(6n+5) .inner .icon {background:#fff;}

/* sub 03 */
/* .sys-wrap .col {display:flex; flex-wrap:wrap; margin:0 -20px -80px;}
.sys-wrap .col .row {padding:0 20px; margin-bottom:80px;}
.sys-wrap .col .row25 {width:25%;}
.sys-wrap .col .row50 {width:50%;}
.sys-wrap .col .row100 {width:100%;}
.sys-wrap .txt-box {padding:40px 40px 50px; background:#f7f7f7; border-radius:20px; margin-bottom:40px;}
.evaporation .sys-wrap .txt-box {min-height:470px;}
.mvr .sys-wrap .txt-box {min-height:310px;}
.sys-wrap .txt-box h5 {font-size:32px; line-height:1.8em; font-weight:600; color:#0036AA; margin-bottom:12px;}
.sys-wrap .txt-box p {font-size:20px; line-height:1.8em; color:#666 ;}
.sys-wrap .img-box {height:840px; border:1px solid #ddd; border-radius:20px; display:flex; align-items:center; justify-content:center; padding:20px;}

.mvr .child-wrap .row {width:50%;}
.mvr .child-wrap .row .inner {background:#ffffff; border:1px solid #ddd;}
.mvr .child-wrap .row:nth-child(4n+1) .inner,
.mvr .child-wrap .row:nth-child(4n+4) .inner {background:#F4F4F4; border:0;}
.mvr .child-wrap .row .inner .icon {background:#F4F4F4;}
.mvr .child-wrap .row:nth-child(4n+1) .inner .icon,
.mvr .child-wrap .row:nth-child(4n+4) .inner .icon {background:#ffffff;} */

/* 2026-06-11 수정 */
.sys-wrap .col {display:flex; flex-wrap:wrap; margin:0 -20px -80px;}
.sys-wrap .col .row {padding:0 20px; margin-bottom:80px;}
.sys-wrap .col .row25 {width:25%;}
.sys-wrap .col .row50 {width:50%;}
.sys-wrap .col .row100 {width:100%;}
.sys-wrap .txt-box {padding:40px 40px 50px; background:#f7f7f7; border-radius:20px; margin-bottom:40px;}
.sys-wrap .row50 .txt-box {padding:50px 60px; background:#f7f7f7; border-radius:20px; margin-bottom:40px;}
.evaporation .sys-wrap .txt-box {min-height:470px;}
.mvr .sys-wrap .txt-box {min-height:310px;}
.sys-wrap .txt-box h5 {font-size:32px; line-height:1.8em; font-weight:600; color:#0036AA; margin-bottom:12px;}
.sys-wrap .txt-box p {font-size:24px; line-height:1.8em; color:#666 ;}
.sys-wrap .row50 .img-box {height:410px; border:1px solid #ddd; border-radius:20px; display:flex; align-items:center; justify-content:center; padding:24px;}
.sys-wrap .row50 img {max-width: none; max-height: 100%;}

.sys-wrap .row25 .txt-box h5 {font-size:28px; line-height:1.4em; font-weight:600; color:#0036AA; margin-bottom:12px;}
.sys-wrap .row25 .txt-box p {font-size:20px; line-height:1.8em; color:#666 ;}
.sys-wrap .row25 .img-box {height:500px; border:1px solid #ddd; border-radius:20px; display:flex; align-items:center; justify-content:center; padding:24px;}


.mvr .child-wrap .row {width:50%;}
.mvr .child-wrap .row .inner {background:#ffffff; border:1px solid #ddd;}
.mvr .child-wrap .row:nth-child(4n+1) .inner,
.mvr .child-wrap .row:nth-child(4n+4) .inner {background:#F4F4F4; border:0;}
.mvr .child-wrap .row .inner .icon {background:#F4F4F4;}
.mvr .child-wrap .row:nth-child(4n+1) .inner .icon,
.mvr .child-wrap .row:nth-child(4n+4) .inner .icon {background:#ffffff;}



.zld-wrap .col {display:flex; margin:0 -10px;}
.zld-wrap .col .row {width:25%; padding:0 10px;}
.zld-wrap .inner {padding:40px; border-radius:20px; background:#f7f7f7; text-align:center; height:100%;}
.zld-wrap .inner .icon {margin-bottom:20px;}
.zld-wrap .inner p {font-size:20px; line-height:1.6em; font-weight:500; color:#333;}

.app-wrap .col {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.app-wrap .col .row {width:50%; padding:0 20px; margin-bottom:40px;}
.app-wrap .img-box {margin-bottom:20px;}
.app-wrap .img-box img {border-radius:20px;}
.app-wrap .txt-box {background:#F4F4F4; padding:24px; border-radius:20px; text-align:center;}
.app-wrap .txt-box p {font-size:22px; font-weight: 500; line-height:1.6em; color:#333;}
/* 일반게시판 뷰 페이지 */
.custum-view {border-top:1px solid #111; border-bottom:1px solid #ddd; padding:90px 0 110px;}
.custum-view .wrap {width:100%; max-width:1350px; padding:0 15px; margin:0 auto;}
.custum-view .title {text-align:center; margin-bottom:50px;}
.custum-view .title h4 {font-size:40px; line-height:1.35em; color:#111;}
.custum-view .cols {margin-bottom:30px;}
.custum-view .col {margin-bottom:8px; display:flex;}
.custum-view .col:last-child {margin-bottom:0;}
.custum-view .col .tit {width:100%; max-width:360px; margin-right:8px; padding:15px; text-align:center; background:#F9F9F9; border-radius:12px;}
.custum-view .col .tit h5 {font-size:22px; line-height:1.5em; color:#333; font-weight:600;}
.custum-view .col .txt {width:1%; flex:1 1 auto; border:1px solid #ddd; padding:15px 40px; border-radius:12px;}
.custum-view .col .txt p {font-size:20px; line-height:1.7em; color:#666;}
.custum-view .txt-box p {font-size:20px; line-height:1.7em; color:#666;}