@charset "utf-8";

/*
 *
 * file : Sub
 * date : 251117
 * writer : eun
 *
 *
 */

.sub-v{position:relative;width:100%;height:270px;overflow:hidden;display:table}
.sub-v:before{position:absolute;width:100%;height:100%;top:0;left:0;display:block;content:"";background:url('../img/sub/simg01.png') center/cover no-repeat;
	-webkit-animation: zoomout 4s linear alternate; /* Safari 4+ */
  	-moz-animation:    zoomout 4s linear alternate; /* Fx 5+ */
  	-o-animation:      zoomout 4s linear alternate; /* Opera 12+ */
  	animation:         zoomout 4s linear alternate; /* IE 10+, Fx 29+ */
}
.sub-v .txt-box{position:relative;display:table-cell;vertical-align:middle;color:#fff;text-align:center;padding-top:50px}
.sub-v .txt-box .h2-tit{display:inline-block;font-size:1.875rem;box-shadow:inset 0 -15px 0px 0 rgba(255,255,255,.2)}
.sub-nav{background:var(--bg-grd);position:relative;z-index:10}
.sub-nav .cinner{position:relative}
.sub-nav .sub-1ul{display:flex;align-items:center}
.sub-nav .sub-1li{position:relative;height:60px}
.sub-nav .sub-1li:after{position:absolute;width:1px;height:45px;content:"";background-color:rgba(255,255,255,.5);top:50%;transform:translateY(-50%);right:0}
.sub-nav .sub-1li:last-child:after{display:none}
.sub-nav .sub-1li.home:after{display:none}
.sub-nav .sub-1li.home .sub-1item{width:60px;background:url(../img/sub/ico-home.png) transparent center no-repeat;min-width:auto;overflow:hidden;text-indent:-999%}
.sub-nav .sub-1li.home .sub-1item:after{display:none}
.sub-nav .sub-1item{position:relative;display:flex;align-items:center;height:100%;color:#fff;font-size:1.125rem;padding-left:30px;min-width:300px}
.sub-nav .sub-1item:after{position:absolute;right:30px;font-family:'xeicon';content:"\e943";top:50%;transform:translateY(-50%);transition:.3s;font-size:1.2em}
.sub-nav .sub-2ul{display:none;position:absolute;top:60px;border:1px solid #cac9c9;min-width:100%;background-color:#fff;z-index:10}
.sub-nav .sub-2item{display:block;border-bottom:1px solid #f1f1f1;padding:20px 15px;font-size:1rem;color:#333}
.sub-nav .sub-2item:hover{background-color:#ebf4ff;color:#0066d8}
.sub-nav .sub-2li:last-child .sub-2item{border-bottom:0}
.sub-nav-info{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.sub-nav-info .btn{display:inline-block;color:#fff;width:30px;height:30px;overflow:hidden;text-indent:-999%;background:url('../img/sub/ico-share.png') center no-repeat;margin-right:20px}
.sub-nav-info .btn.print{background-image:url('../img/sub/ico-print.png');margin-right:0}
.sub-nav-info .btn.on,
.sub-nav-info .btn:hover{opacity:1;border-color:#949494}
.sub-nav-info .sns-share-wrap{position:relative;display:inline-block}
.sub-nav-info .sns-share{position:absolute;top:50%;right:100px;transform:translateY(-50%);width:0;height:80px;overflow:hidden;transition:.3s}
.sub-nav-info .sns-share ul{display:flex;align-items:center;justify-content:space-around;height:100%}
.sub-nav-info .sns-share a{display:flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center}
.sub-nav-info .sns-share a:hover{opacity:1}
.sub-nav-info .btn.on + .sns-share{width:160px}

#sub-wrapper .h3-wrap{margin:50px 0;display:flex;justify-content:space-between;position:relative;padding-bottom:15px}
#sub-wrapper .h3-wrap::after{background:#36516d;content:"";position:absolute;bottom:0;left:0;width:0;height:1px;animation:line 2s both}
#sub-wrapper .h3-tit{font-size:1.7rem;font-weight:600}
.sub-breadcrumbs ol{display:flex;gap:20px;align-items:center}
.sub-breadcrumbs ol > li{position:relative}
.sub-breadcrumbs ol > li:not(:last-child)::after{position:absolute;right:-20px;font-family:'xeicon';content:"\e940";font-size:.9em;top:50%;transform:translateY(-50%)}
.sub-breadcrumbs .item{font-size:1rem;opacity:.8}
.sub-breadcrumbs .item:hover{text-decoration:underline}
.sub-con{width:1400px;margin:70px auto 0 auto;color:#333;font-size:1.125rem;position:relative;padding-bottom:140px}
.sub-con::after{content:"약 없는 세상, 건강백세, 행복 코리아";position:absolute;bottom:0;right:0;opacity:.2;font-weight:900;font-size:3rem;color:var(--color-m)}
.sub-con p{line-height:1.4}
.sub-con .h4-tit{font-size:1.5rem;font-weight:600;margin-bottom:30px}
.sub-con .h4-tit span{position:relative;padding-left:20px}
.sub-con .h4-tit span:after{position:absolute;left:0;top:0;width:8px;aspect-ratio:1/1;background:var(--color-s);content:""}
.sub-con .h4-tit span:before{position:absolute;left:8px;top:-8px;width:8px;aspect-ratio:1/1;background:var(--color-m);content:""}
.sub-con .h4-tit.big{font-size:2rem;font-family:'serif';text-align:center}
.sub-con .h5-tit{font-size:1.2rem;font-weight:700;margin:10px 0;position:relative;padding-left:18px}
.sub-con .h5-tit::before{border-radius:50%;width:12px;aspect-ratio:1/1;background:var(--bg-grd);content:"";top:5px;left:0;position:absolute}
.sub-con .h5-tit::after{width:8px;aspect-ratio:1/1;background-color:#fff;border-radius:50%;content:"";position:absolute;top:7px;left:2px}
.sub-con .h6-tit{font-size:1.2rem;font-weight:700;margin:10px 0;position:relative;padding-left:18px}
.sub-con .h6-tit::before{border-radius:50%;width:12px;aspect-ratio:1/1;background:var(--bg-grd);content:"";top:5px;left:0;position:absolute}
.sub-con .h6-tit::after{width:8px;aspect-ratio:1/1;background-color:#fff;border-radius:50%;content:"";position:absolute;top:7px;left:2px}

.item-flow-column{display:flex;gap:80px;flex-direction:column;counter-reset:section}
.item-flow-column > li{position:relative;}
.item-flow-column .inner{position:relative;overflow:hidden;height:100%;;border:1px solid #D4DAE6}
.item-flow-column .inner::before{color:#fff;counter-increment:section;content:counter(section) " 단계";background-color:var(--color-m);height:50px;width:100px;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0}
.item-flow-column .txt{padding:50px 20px;text-align:center;height:calc(100% - 50px);display:flex;align-items:center;justify-content:center}
.item-flow-column .subject{font-size:1.25rem;padding:5px 5px 5px 120px;font-family:'Paperlogy';font-weight:600;height:50px;display:flex;align-items:center;background-color:#e3f1ff}
.item-flow-column > li:not(:last-child)::after{position:absolute;width:56px;height:56px;content:"";background:url('/dist/img/sub/flow-arrow.png') center no-repeat;bottom:-65px;transform:translateX(-50%) rotate(90deg);left:50%}

.depth-tabs{width:100%;margin:50px auto;border-radius:15px 0 15px 0;overflow:hidden;border:1px solid #d2d2d2}
.depth-tabs ul{display:flex}
.depth-tabs li{flex:1;height:60px;text-align:center}
.depth-tabs li:not(:last-child){border-right:1px solid #d2d2d2}
.depth-tabs .tab-item{display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;height:100%;padding:5px;font-size:1rem;word-break:keep-all}
.depth-tabs .tab-item:hover,
.depth-tabs .tab-item.on{background-color:var(--color-m);color:#fff}
.depth-tabs-wrap .depth-tabs-con:not(:first-child){display:none}
.depth-sub-tabs{width:100%;margin:20px auto;border-radius:15px 0 15px 0;overflow:hidden;border:1px solid #d2d2d2;display:flex}
.depth-sub-tabs .tab-item{flex:1;height:50px;text-align:center;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;padding:5px;font-size:.9rem;word-break:keep-all}
.depth-sub-tabs .tab-item:not(:last-child){border-right:1px solid #d2d2d2}
.depth-sub-tabs .tab-item:hover,
.depth-sub-tabs .tab-item.on{background-color:var(--color-m);color:#fff}

.item-plus-flow{position:relative;display:flex;justify-content:space-between;gap:150px;text-align:center}
.item-plus-flow::before{background-color:#D9DFEA;content:"";height:1px;width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.item-plus-flow .marker{margin-top:10px}
.item-plus-flow .marker span{color:var(--color-m)}
.item-plus-flow .item{position:relative;padding:10px;flex:1}
.item-plus-flow:has(.item:first-child:nth-last-child(6)){gap:50px;flex-wrap:wrap}
.item-plus-flow:has(.item:first-child:nth-last-child(6))::before{display:none}
.item-plus-flow .inner{background-color:#fff;border:1px solid #D4DAE6;padding:30px 10px;position:relative;min-height:100%;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}
.item-plus-flow .item::before{position:absolute;background-color:#EEF4FF;border:1px solid #1251B6;content:"";width:100%;height:calc(100% - 20px);display:block;top:0;left:0}
.item-plus-flow .subject{font-size:1.25rem;color:var(--color-m);font-weight:600;word-break:keep-all}
.item-plus-flow .item:not(:last-child)::after{position:absolute;top:50%;transform:translateY(-50%);width:40px;aspect-ratio:1/1;content:"+";border:5px solid #e7edf8;background-color:var(--color-m);color:#fff;border-radius:50%;right:-95px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:1rem;padding-bottom:2px}
.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){gap:50px}
.item-plus-flow .item:nth-child(1):nth-last-child(4)::after,
.item-plus-flow .item:nth-child(1):nth-last-child(4) ~ .item::after{right:-45px}
.item-plus-flow .item:nth-child(1):nth-last-child(6),
.item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item{flex:auto;width:calc(33.333% - 40px)}
.item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item:nth-child(3)::after{display:none}
.item-plus-flow .txt{font-size:1rem;word-break:keep-all;flex-grow:1}

.item-only-img{display:grid;gap:20px;grid-template-columns:repeat(5, 1fr)}
.item-only-img .item{width:100%;padding:2px;height:100px;border-radius:20px 0;border:1px solid transparent;background-image: linear-gradient(#fff, #fff), var(--bg-grd);background-origin:border-box;background-clip:content-box, border-box;display:flex;align-items:center;justify-content:center}
.item-only-img .item img{max-height:60%;max-width:80%}

.item-one-gyo{display:flex;justify-content:center}
.item-one-gyo .item{width:300px;border-radius:50%;display:flex;align-items:center;font-size:1.25rem;font-weight:bold;background-color:rgba(51,137,63,.5);justify-content:center;aspect-ratio:1/1;text-shadow:0 0 black;color:#fff;text-align:center}
.item-one-gyo .item:first-child{transform:translateX(50px);background-color:rgba(248,186,18,.5)}
.item-one-gyo .item:last-child{transform:translateX(-50px);background-color:rgba(238,126,25,.5)}

.item-proc{display:flex;gap:50px;margin:20px 0}
.item-proc .item{flex:1;position:relative;display:flex;flex-direction:column;gap:10px;align-items:center}
.item-proc .txt{flex-grow:1;border:1px solid #ef2551;padding:20px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}
.item-proc .txt ol{display:flex;flex-direction:column;gap:50px;align-items:center}
.item-proc .ico{width:80px;aspect-ratio:1/1;padding:20px;background-color:#fff;border-radius:20px;box-shadow:5px 5px 20px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}
.item-proc .subject-wrap{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}
.item-proc .subject{background-color:#ef2551;border-radius:5px;color:#fff;padding:10px 30px;font-weight:bold;width:100%;text-align:center}
.item-proc ol > li{position:relative}
.item-proc ol > li:not(:last-child)::after{position:absolute;content:"";background:url('../img/sub/simg39.png') center/contain no-repeat;width:20px;bottom:-30px;left:50%;transform:translateX(-50%);aspect-ratio:1/1}

.item-proc-g{display:flex;gap:20px;margin:20px 0;justify-content:space-between}
.item-proc-g .item{flex:1;position:relative;display:flex;flex-direction:column;gap:10px;align-items:center}
.item-proc-g .txt{flex-grow:1;border:1px solid var(--color-m);padding:20px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}
.item-proc-g .txt ol{display:flex;flex-direction:column;gap:50px;align-items:center}
.item-proc-g .ico{width:80px;aspect-ratio:1/1;padding:20px;background-color:#fff;border-radius:20px;box-shadow:5px 5px 20px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}
.item-proc-g .subject-wrap{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}
.item-proc-g .subject{background-color:var(--color-m);border-radius:5px;color:#fff;padding:10px 30px;font-weight:bold;width:100%;text-align:center}
.item-proc-g .item:nth-child(1) .subject{background-color:#9b9b9b}
.item-proc-g .item:nth-child(1) .txt{border-color:#9b9b9b}
.item-proc-g .item:nth-child(2) .subject{background-color:#6598e9}
.item-proc-g .item:nth-child(2) .txt{border-color:#6598e9}
.item-proc-g .item:nth-child(3) .subject{background-color:#4387f3}
.item-proc-g .item:nth-child(3) .txt{border-color:#4387f3}
.item-proc-g .item:nth-child(4) .txt{background-color:var(--color-m);color:#fff}

.con-box{margin:80px auto}

.map-wrap{background:url('../img/sub/bg-map.png') center no-repeat;width:1024px;aspect-ratio:512/721;margin:0 auto;position:relative}
.map-wrap .marker{position:absolute;background:url('../img/sub/bg-map01.png') center no-repeat;width:454px;aspect-ratio:454/377;display:flex;align-items:center;justify-content:center}
.map-wrap .marker:hover{transform:translateY(-5px);filter:drop-shadow(5px 5px 5px var(--bg-shadow))}
.map-wrap .marker.on .subject::before{width:170px}
.map-wrap .subject{position:relative;display:flex;gap:5px;flex-direction:column;align-items:center;font-size:1.25rem}
.map-wrap .subject span{color:#fff;background-color:var(--bg-);padding:10px 20px;border-radius:10px 0;font-weight:600;display:block}
.map-wrap .subject::before{position:absolute;background-color:var(--bg-);top:23px;left:-170px;width:170px;height:1px;content:"";width:0;transition:.3s}
.map-wrap .subject::after{font-family:'xeicon';content:"\eb59";font-size:2rem;filter:drop-shadow(2px 2px #333);color:#fff}
.map-wrap .info-list{position:absolute;left:-170px;padding:15px 20px;border:1px solid var(--bg-);border-radius:10px 0;border-top-width:4px;background-color:#fff;opacity:0}
.map-wrap .marker.on .info-list{animation:slideUp 0.5s ease-out both;}
.map-wrap .item-dot > li::before{background-color:var(--bg-)}
.map-wrap .idot-1{top:84px;left:91px;--bg-:var(--color-s);--bg-shadow:#ff6e70}
.map-wrap .idot-2{background-image:url('../img/sub/bg-map03.png');width:562px;aspect-ratio:562/544;left:0;bottom:244px;--bg-:#ff9800;--bg-shadow:#f7e5a4}
.map-wrap .idot-2 .subject::before{left:-275px}
.map-wrap .marker.on.idot-2 .subject::before{width:280px}
.map-wrap .idot-3{background-image:url('../img/sub/bg-map05.png');width:702px;aspect-ratio:702/343;left:65px;top:362px;--bg-:#3aa56d;--bg-shadow:#d7f9e7}
.map-wrap .idot-4{background-image:url('../img/sub/bg-map04.png');width:230px;aspect-ratio:230/97;left:74px;bottom:0;--bg-:var(--color-s);--bg-shadow:#ff6e70}
/*.map-wrap .idot-5{background-image:url('../img/sub/bg-map06.png');width:557px;aspect-ratio:557/654;right:0;top:389px;--bg-:#00BCD4;--bg-shadow:#ddf1fc}
.map-wrap .idot-5 .info-list{left:auto;right:-170px}
.map-wrap .idot-5 .subject::before{left:auto;right:-270px}
.map-wrap .marker.on.idot-5 .subject::before{width:280px}*/
.map-wrap .idot-5{background-image:url('../img/sub/bg-map06.png');width:557px;aspect-ratio:557/654;right:0;top:389px;--bg-:#00BCD4;--bg-shadow:#ddf1fc;justify-content:flex-end;padding-top:110px;padding-right:50px}
/*.map-wrap .idot-5 .info-list{left:100px}*/
/*.map-wrap .idot-5 .subject::before{left:auto;right:60px}*/
.map-wrap .idot-5 .subject::before { right: auto; left: 30px; }
.map-wrap .idot-5 .subject { top: 18%; right: 8%; }
.map-wrap .idot-5 .info-list { top: 61%; right: -43%; left: auto; }
.map-wrap .marker.on.idot-5 .subject::before{width:280px}
.map-wrap .idot-6{background-image:url('../img/sub/bg-map07.png');width:622px;aspect-ratio:622/423;right:62px;top:0;--bg-:#0a6b6a;--bg-shadow:#ddf1fc}
.map-wrap .idot-6 .info-list{left:auto;right:-170px}
.map-wrap .idot-6 .subject::before{left:auto;right:-270px}

.txt-deu-tit{position:relative;padding-right:20px;padding-bottom:20px;border-top-left-radius:50px;overflow:hidden;aspect-ratio:2/1.5}
.txt-deu-tit::after{background-color:var(--color-h);position:absolute;top:20px;left:20px;width:100%;height:100%;content:"";z-index:-1}
.txt-deu-tit .inner{padding:10px;text-align:center;background:url('../img/sub/simg44.png') top center/cover no-repeat;height:100%}
.txt-deu-tit.m .inner{background-image:url('../img/sub/simg52.png')}
.txt-deu-tit .txt-inner{position:relative;color:#fff;border:1px dashed #fff;padding:100px 50px;border-top-left-radius:50px;height:100%}
.txt-deu-tit strong{font-size:65px;font-weight:600;display:flex;align-items:center;gap:20px;justify-content:center}
.txt-deu-tit span{font-size:40px;font-weight:500;display:block;font-family:var(--font-point);text-shadow:-2px 3px #333333}

.item-img-subject{display:flex;gap:20px}
.item-img-subject .subject{border-radius:50px;color:#fff;font-size:2rem;width:100%;height:50px;background-color:var(--color-m);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.item-img-subject .item:nth-child(even) .subject{background-color:var(--color-s)}
.item-img-subject .img{border-radius:20px 0;overflow:hidden}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.img-album-flex{display:flex;align-items:center;border-bottom:1px solid var(--color-b);padding:50px 0;border-top:2px solid var(--color-m)}
.img-album-flex .img{position:relative;flex-shrink:0;flex-grow:1;margin-right:100px;max-width:370px}
.img-album-flex .img .img-png{position:relative;display:flex;width:100%;aspect-ratio:3/2;padding:20px;border:1px solid var(--color-b);align-items:center;justify-content:center;background-color:#fff}
.img-album-flex .img::before{position:absolute;width:100%;height:100%;border:1px solid var(--color-m);content:"";top:15px;left:15px}
.img-album-flex .img img{position:relative}
.img-album-flex .txt{display:flex;flex-direction:column;gap:20px}
.img-album-flex .txt .subject{position:relative;color:var(--color-m);font-size:1.3rem;font-weight:600;padding-left:20px}
.img-album-flex .txt .subject::before{position:absolute;width:20px;aspect-ratio:1/1;top:-15px;left:0;content:"";background-color:var(--color-m)}
.img-album-flex.color-sub{border-top-color:var(--color-s)}
.img-album-flex.color-sub .txt .subject{color:var(--color-s)}
.img-album-flex.color-sub .txt .subject::before{background-color:var(--color-s)}
.img-album-flex.color-sub .img::before{border-color:var(--color-s)}
.img-album-flex.color-sub .img2::before{border-color:var(--color-m)}

.img-grd-box{padding:20px;gap:20px;display:grid;grid-template-columns:repeat(4, 1fr);background:var(--bg-grd-opacity)}

.img-bg-flex{display:flex;align-items:flex-end;justify-content:center;border-top:3px solid var(--color-m);border-bottom:1px solid var(--color-b)}
.img-bg-flex .txt{padding:50px}
.img-bg-flex .subject{font-size:1.5rem;font-weight:800;margin-bottom:20px}
.img-bg-flex .img{flex-shrink:0;flex-grow:1}

.img-right-box{position:relative;padding-right:100px;padding-bottom:100px;margin:20px 0}
.img-right-box img{width:100%}
.img-right-box .txt-box{position:absolute;right:0;bottom:0;display:inline-block;color:#fff;background-color:var(--color-m);padding:50px;width:660px;z-index:10}
.img-right-box .txt-box:before{position:absolute;width:100%;height:100%;border:1px solid var(--color-m);content:"";bottom:-15px;right:-15px}
.img-right-box .txt-box:after{position:absolute;width:25px;height:25px;background-color:var(--color-m);right:-25px;top:-25px;content:""}
.img-right-box .subject{font-size:1.5rem;font-weight:bold;margin-bottom:20px}
.img-right-box a{position:absolute;bottom:50px;right:20px}

.txt-ico-tbl{display:table;width:100%;table-layout:fixed;border:1px solid var(--color-m);border-radius:20px 0;padding:20px}
.txt-ico-tbl .txt-cell{display:table-cell;vertical-align:top;padding-right:50px}
.txt-ico-tbl .txt-cell:nth-child(2),
.txt-ico-tbl .txt-cell:nth-child(3){border-left:1px solid #d2d2d2;padding-left:50px}
.txt-ico-tbl .txt-cell:last-child{padding-right:0}
.txt-ico-tbl .txt-cell .flex{display:flex;align-items:center}
.txt-ico-tbl .ico{display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;background-color:var(--color-m);margin-right:20px;flex-shrink:0}
.txt-ico-tbl .tit{display:block;margin-bottom:15px}
.txt-ico-tbl dl{display:flex;align-items:center}
.txt-ico-tbl dt{flex-shrink:0}
.txt-ico-tbl dt .tit{position:relative;padding-right:25px;margin-right:25px;margin-bottom:0}
.txt-ico-tbl dt .tit:after{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background-color:#d2d2d2;content:""}

.txt-quote{text-align:center;font-size:40px;font-family:'paybooc';font-weight:bold}
.txt-quote p{line-height:1.4}
.txt-quote p:before{display:block;max-height:50px;line-height:1;content:"“";font-size:135px;font-family:'GmarketSansMedium';color:#d5d5d5;font-weight:normal}
.txt-quote p:after{display:block;max-height:50px;line-height:1.4;content:"”";font-size:135px;font-family:'GmarketSansMedium';color:#d5d5d5;font-weight:normal}

.txt-dot-box{margin:50px auto}
.txt-dot-box + .txt-dot-box{padding-top:50px;border-top:1px solid #d5d5d5}
.txt-dot-box .tit-dot{position:relative;font-size:1.625rem;padding-left:20px;margin-bottom:30px}
.txt-dot-box .tit-dot:before{position:absolute;content:"";width:8px;height:8px;border-radius:50%;background-color:#0066d8;left:0;top:16px}
.txt-dot-box .tit-ico{position:relative;font-size:1.625rem;padding-left:80px;margin-bottom:30px;border-bottom:1px solid #d2d2d2;padding-bottom:20px}
.txt-dot-box .tit-ico:before{position:absolute;content:"";left:0;top:0;background:url('../img/sub/ico-comment.png') center/contain no-repeat;width:60px;height:50px}
.txt-dot-box .con-dot{padding-left:20px}
.txt-dot-box .con-dot p{margin:30px auto}

.item-hipen > li{position:relative;padding-left:15px;margin:5px 0}
.item-hipen > li:last-child{margin-bottom:0}
.item-hipen > li:before{display:block;content:"";position:absolute;top:10px;left:0;width:6px;height:1px;background-color:#333}

.txt-dashed-tblbox{border:1px dashed #d2d2d2;padding:50px;display:table;width:100%;table-layout:fixed}
.txt-dashed-tblbox .txt-cell{display:table-cell;vertical-align:top;padding-right:50px}
.txt-dashed-tblbox .txt-cell:nth-child(2),
.txt-dashed-tblbox .txt-cell:nth-child(3){border-left:1px solid #d2d2d2;padding-left:50px}
.txt-dashed-tblbox .txt-cell:last-child{padding-right:0}

.item-num{counter-reset: section}
.item-num > li{position:relative;padding-left:50px;margin:15px 0}
.item-num > li::before{position:absolute;top:-4px;left:0;border:1px solid var(--color-m);background-color:var(--color-m);color:#fff;display:flex;align-items:center;justify-content:center;counter-increment:section;content: "0" counter(section);width:32px;aspect-ratio:1/1;border-radius:10px 0}

.tbl-basic{width:100%;border-top:3px solid var(--color-m);margin:10px 0}
.tbl-basic .tit{color:var(--color-s);font-weight:bold;margin:10px 0 5px 0;display:inline-block;border-left:3px solid var(--color-s);padding-left:10px}
.tbl-basic th,
.tbl-basic td{border:1px solid #d5d5d5}
.tbl-basic tr td:first-child,
.tbl-basic tr th:first-child{border-left:0}
.tbl-basic tr th:last-child,
.tbl-basic tr td:last-child{border-right:0}
.tbl-basic thead th{background-color:#e8f0fc;padding:20px;text-align:center;font-weight:600;color:var(--color-m);border-bottom:0}
.tbl-basic tbody td{text-align:center;padding:20px}
.tbl-basic tbody td.cell-color{background-color:#f7f9fb}
.tbl-basic tbody th{font-weight:normal;padding:20px;background-color:#f7f9fb}
.tbl-basic tfoot td{background-color:#f7f9fb;text-align:center;padding:10px}
.tbl-basic tfoot th{font-weight:normal;padding:20px;background-color:#f7f9fb}

.item-flow{overflow:hidden;display:flex;counter-reset: section;gap:20px;margin:10px 0;flex-wrap:wrap}
.item-flow.space{justify-content:space-between}
.item-flow > li{position:relative;width:calc(20% - 30px);height:145px;display:flex;align-items:center;justify-content:center}
/*.item-flow > li:after{position:absolute;width:30px;content:"\e940";font-family:'xeicon';top:50%;transform:translateY(-50%);color:#0066d8;font-size:1.2rem;right:-40px}*/
.item-flow > li:after{position:absolute;width:10px;content:"";background:url('../img/sub/flow-arrow.png') center/contain no-repeat;top:50%;transform:translateY(-50%);aspect-ratio:12/20;right:calc(-10% + 10px)}
.item-flow > li:last-child:after{display:none}
.item-flow > li:first-child:nth-last-child(4)::after,
.item-flow > li:first-child:nth-last-child(4) ~ li::after{right:-30%}
.item-flow .dashed-box{position:relative;border:1px solid var(--color-m);overflow:hidden;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:5px}
.item-flow .dashed-box:before{position:absolute;top:0;left:0;color:#fff;counter-increment: section;content: "0" counter(section);background-color:var(--color-m);height:40px;width:65px;display:flex;justify-content:center;align-items:center}
.item-flow .dashed-box ul{text-align:left}

.img-great .inner{display:flex}
.img-great .img{position:relative;padding:20px;width:35%;flex-shrink:0}
.img-great .img::before{position:absolute;width:var(--btn-height);aspect-ratio:1/1;content:"";top:0;left:0;background-color:var(--color-m)}
.img-great .img .name{position:absolute;bottom:30px;right:60px;text-align:right}
.img-great .img::after{position:absolute;width:100px;height:2px;background-color:var(--color-m);content:"";top:610px;right:-30px}
.img-great .subject{position:relative;word-break:keep-all;font-weight:800;font-size:1.5rem;margin-bottom:50px;line-height:1.6}
.img-great .sign{font-family:var(--font-sign);font-size:3rem}
.img-great .txt{position:relative;margin-top:50px;border-top:70px solid var(--color-m);border-right:70px solid var(--color-m);padding:50px}
.img-great .txt::before{position:absolute;bottom:0;content:"";background:url('../img/comm/logo-tsymbol.png') right bottom/contain no-repeat;width:50%;aspect-ratio:1/1;right:-40px;opacity:.3}

.txt-subject-item{background:url('../img/sub/simg24.png') var(--color-m) right center/contain no-repeat;color:#fff;font-family:var(--font-point);text-align:center;padding:50px 20px;border-top-left-radius:50px;overflow:hidden;font-weight:500;font-size:1.875rem}
.txt-subject-item span{font-size:1.25rem}
.txt-subject-item .boadSearchA fieldset{justify-content:center}

.item-arrow{margin:20px 0}
.item-arrow > li{position:relative;margin:10px 0;padding-left:25px;font-weight:bold}
.item-arrow > li::before{position:absolute;top:2px;left:0;background:url('../img/sub/flow-arrow.png') center/contain no-repeat;width:12px;aspect-ratio:12/20;content:""}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:0;right:0;width:40px;height:40px;overflow:hidden;background:rgba(0,0,0,0.4);border-radius:50%;text-align:center;color:#fff;line-height:40px}

/* sitemap */
.sitemap{padding:50px 0;overflow:hidden}
.sitemap > ul{display:flex;flex-wrap:wrap;}
.sitemap > ul > li{margin-bottom:40px;padding:0 35px;width:20%}
.sitemap > ul > li .tit{margin-bottom:30px;padding-bottom:20px;font-size:24px;font-weight:700;line-height:1.4;border-bottom:2px solid var(--color-m)}
.sitemap > ul > li .tit span{display:block;font-size:12px;color:var(--color-m);font-weight:500}
.sitemap > ul > li ul li{margin-bottom:5px}
.sitemap .sitemap-2item{display:block;font-size:1rem;padding:2px 0}
.sitemap .sitemap-2item:hover{color:var(--color-m)}
.sitemap .sitemap-3item{display:block;font-size:.875rem;padding:2px 0 2px 10px;opacity:.8}

.box-dotted{border:1px solid var(--color-m);padding:20px;background-color:#f9f9f9}
.box-dotted .subject{font-weight:bold;margin-bottom:10px;font-size:1.05em;color:var(--color-m); display: flex; justify-content: space-between;}

/* login 240319 */
.member-wrap{border:1px solid #ddd;padding:50px 20px;max-width:500px;margin:0 auto;text-align:center}
.member-wrap .login-wrap{max-width:300px;margin:20px auto 0 auto}
.member-wrap .btn-center-wrap{display:flex;gap:5px;flex-wrap:wrap}
.member-wrap .btn-center-wrap .login-idpw{display:flex;gap:5px;width:100%}
.member-wrap .btn-center-wrap .login-idpw > *{flex:1;font-size:.87em}
.member-wrap .flex-li{display:flex;gap:5px;width:100%;margin:20px 0;align-items:center}
.member-wrap .flex-item{flex:1}
.member-wrap .flex-item .radio-box{margin-top:10px}
.member-wrap .flex-li .label-txt{text-align:left;margin-bottom:5px;display:block;font-weight:500;flex-shrink:0;min-width:100px}
.member-wrap .flex-btn{display:flex;gap:5px}
.member-wrap .flex-btn button{flex-shrink:0}
.member-wrap .flex-btn .btn-download{margin-left: auto;color:#666}
.member-wrap .btn-center-ck{display:flex;justify-content:space-between;align-items:center;margin:20px 0}

.tbl-education{font-size:.87em}
.tbl-education .bg-pink{background-color:#dbdbdb}
.tbl-education .bg-org{background-color:#ffeac1}
.tbl-education .bg-orgd{background-color:#ffd8c1}
.tbl-education .bg-blue{background-color:#c9d9ff}
.tbl-education .bg-blued{background-color:#819fe6}
.tbl-education .bg-bluedd{background-color:#4974d6}
.tbl-education .bg-grn{background-color:#d1ebc4}
.tbl-education .bg-grnd{background-color:#79c59b}
.tbl-education .bg-grndd{background-color:#4f916c}
.tbl-education .bg-gray{background-color:#dddddd}
.tbl-education th,
.tbl-education td{padding:15px 5px;border:1px solid #e5e5e5;text-align:center;word-break:keep-all}

/* 조직도 */
.org-wrap{position:relative;margin:0 auto}
.org-wrap::before{position:absolute;width:1px;height:100%;top:0;left:50%;transform:translateX(-50%);content:"";background-color:#ddd}
.org-wrap.sub-org .four-ul::before{width:calc(100% - 330px)}
.org-wrap.exam-org .four-ul::before{width:var(--line-width, calc(50% + 10px))}
.org-wrap > ol{display:flex;flex-direction:column;gap:50px;align-items:center}
.org-wrap > ol > li{width:100%}
.org-wrap > ol > li.half .trd-ul{width:calc(50% + 100px)}
.org-wrap .sub-org{position:relative;transform:translateX(200px);display:flex;flex-direction:column;gap:20px}
.org-wrap .sub-org::before{position:absolute;top:30px;height:1px;background-color:#ddd;width:200px;content:"";left:50%;transform:translateX(-200px)}
.org-wrap .sec-li{display:flex;justify-content:center;gap:50px}
/*.org-wrap > ol > li:first-child{width:850px}*/
.org-wrap .first-txt{display:block;color:#fff;border-radius:50%;width:180px;aspect-ratio:1/1;border:10px solid #DFE9FB;background:#0f49a5;position:relative;padding:10px;margin:0 auto}
/*.org-wrap .first-txt::before{position:absolute;background:url('../img/sub/simg33.png') center/contain no-repeat;content:"";width:130px;aspect-ratio:1/1;top:-50px;left:-50px;z-index:-1;animation:spin 10s linear infinite;opacity:.6}*/
.org-wrap .first-txt span{border-radius:50%;width:100%;aspect-ratio:1/1;display:flex;align-items:center;border:1px dashed #fff;justify-content:center;font-family:var(--font-point);font-size:1.5rem;font-weight:400;z-index:10}
.org-wrap .sec-txt{position:relative;display:block;color:#fff;border-radius:30px;width:280px;height:60px;border:5px solid #DFE9FB;background:var(--color-m);padding:5px;margin:0;display:flex;align-items:center;justify-content:center}
.org-wrap .sec-txt:first-child{background-color:#ff1a1e;border-color:#ffd2c4}
.org-wrap .sec-li .sec-txt:not(:last-child)::after{position:absolute;width:50px;height:1px;background-color:#DFE9FB;content:"";transform:translateY(-50%);top:50%;right:-50px}
/*.org-wrap .trd-ul{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;max-width:1000px;margin:0 auto}*/
.org-wrap .trd-ul{position:relative;display:flex;gap:100px;align-items:flex-start}
/*.org-wrap .trd-ul::before{position:absolute;top:30px;height:1px;background-color:#ddd;width:100%;content:""}*/
.org-wrap .trd-ul > li:last-child{margin-left:auto}
.org-wrap .trd-txt{display:block;color:#fff;border-radius:30px;width:200px;height:60px;background:#75a0e7;position:relative;padding:5px;margin:0 auto;align-items:center;justify-content:center;display:flex}
.org-wrap .trd-txt.point{left:250px;position:absolute;border-radius:5px}
.org-wrap .etc-txt{border:1px solid var(--color-b);width:200px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:30px;margin:10px 0;background-color:#fff}
.org-wrap .four-ul{position:relative;display:flex;gap:20px;background-color:#fff;padding-top:20px}
.org-wrap .four-ul::before{position:absolute;top:0;width:calc(50% + 10px);height:1px;background-color:#ddd;content:"";left:50%;transform:translateX(-50%)}
.org-wrap .four-ul > li{position:relative;flex:1/*;border-bottom:1px solid var(--color-b)*/}
.org-wrap .four-ul > li::before{position:absolute;bottom:100%;width:1px;height:20px;content:"";background-color:#ddd;left:50%;transform:translateX(-50%)}
.org-wrap .four-ul .four-txt{position:relative;display:flex;border-radius:30px;width:200px;height:50px;background:var(--color-b);position:relative;padding:5px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.org-wrap .four-ul .four-txt + ul{padding:10px}
.org-wrap .four-ul .four-txt::after{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;border:5px solid #cdcdcd;content:"";top:-10px}
.org-wrap .five-ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;padding:0 40px}
.org-wrap .four-ul .five-txt{text-align:center;display:block;font-weight:500;font-size:.875em;padding:10px;border-radius:30px;border:1px solid #e7e4e4}
.org-wrap > ol > li:first-child .trd-txt{border-radius:5px;background-color:var(--color-hover)}
.org-wrap-txt{margin-top:100px}
.org-wrap-txt .subject{font-size:2rem;margin-bottom:20px}

.item-box-wrap{display:flex;gap:50px}
.item-box-wrap .img-box{position:relative;flex-shrink:0;padding-left:20px;padding-top:20px;max-width:40%;width:100%}
.item-box-wrap .img-box img{width:100%}
.item-box-wrap .img-box::before{position:absolute;width:var(--btn-height);aspect-ratio:1/1;content:"";top:0;left:0;background-color:var(--color-m);z-index:-1}
.item-box-wrap .subject{background:var(--bg-grd);color:#fff;font-size:1.25rem;font-weight:bold;padding:20px}
.item-box-wrap .item-box {width: 100%}

.btn-bg{position:relative;cursor:pointer;display:inline-block;border:1px solid var(--color-m);padding:10px 15px;color:#004b9f;font-size:1rem;overflow:hidden;transition:.2s}
.btn-bg:after{position: absolute;transition: all .2s;height: 100%;left:-15%;top: 0;transform: skew(-50deg);transition-duration:.4s;transform-origin: top left;width: 0;content: ''}
.btn-bg:hover span{position:relative;z-index:1;color:#fff}
.btn-bg:hover:after{background:var(--color-m);height:120%;width:185%}
.btn-bg span{display:flex;align-items:center;gap:5px;justify-content:center}
.btn-big{font-size:1.25rem;font-weight:bold;padding:20px 45px}
.btn-bg.btn-cancel{background-color:#babdbf;color:#fff;border-color:#babdbf}
.btn-bg.btn-cancel:hover::after{background-color:#9d9fa1}
.btn-bg.btn-main{background-color:var(--color-s);color:#fff;border-color:var(--color-s)}
.btn-bg.btn-main:hover::after{background-color:#b9072e}
.btn-bg.bg-white{background-color:#fff}
.btn-grd{background:var(--bg-grd);color:#fff;border:1px solid #fff}

.item-txtbox{border-top: 2px solid var(--color-s);position: relative;padding: 50px 100px 50px 50px;display: flex;gap: 50px;align-items: center;border-bottom:1px solid var(--color-b)}
.item-txtbox.top{padding-top:0;border-top:0}
.item-txtbox.top::before{top:70px}
.item-txtbox::before{background:var(--bg-grd);color:#fff;content:"MEPORTS";transform:rotate(90deg);position:absolute;right:20px;top:120px;transform-origin:top right;padding:10px 20px}
.item-txtbox .img{flex-shrink: 0;width:180px;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;background: #f7f7f7;border-radius:50%;padding:15px}
.item-txtbox .img-big {flex-shrink: 0}
.item-txtbox .txt {flex-grow: 1}
.item-txtbox .txt .subject {font-family: var(--font-spoint);font-size: 1.5rem;font-weight: 700;margin-bottom: 20px}

/* 260226 css listup */
.section-con { display: none; }
.apply.section-con { display: block; }

/*footer.jsp*/
.js-btn-top.academy::before {content: none;}
.academy {background-color: var(--color-s); bottom: 140px;}

/*class.jsp*/
.class-item { display: flex; justify-content: space-between; align-items: center; padding: 20px; border: 1px solid #d5d5d5; margin-bottom: 10px; border-radius: 5px; }
.class-item .class-info { display: flex; flex-direction: column; }
.class-item .class-info .status-tag { font-weight: bold; margin-bottom: 5px; font-size: 14px; color: #95a5a6; }
.class-item .class-info .status-tag.attendance { color: var(--color-m); }
.class-item .class-info .status-tag.absent { color: var(--color-s); }
.class-item .video-btn { background: white; border: 1px solid #d5d5d5; padding: 8px 15px; border-radius: 4px; cursor: pointer; }

/*registration.jsp*/
.payment-options { display: flex; gap: 20px; flex-wrap: wrap; }
.payment-options .pay-label { display: flex; align-items: center; cursor: pointer; padding: 8px 15px; border: 1px solid #d5d5d5; border-radius: 20px; background: #fff; transition: all 0.2s; font-size: 14px; }
.payment-options .pay-radio { display: none; }
.payment-options .pay-radio:checked + .pay-label { border-color: var(--color-m); background-color: var(--color-m); color: white; }

/*leader-management.jsp*/
.step-container { display: flex; justify-content: space-around; align-items: center; margin-bottom: 40px; padding: 20px 0; position: relative; }
.step-container::after { content: ""; position: absolute; top: 50%; left: 10%; right: 10%; height: 2px; background: #eee; z-index: 1; }
.step-container .step-item { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.step-container .step-item .step-circle { width: 40px; height: 40px; border-radius: 50%; background: white; border: 2px solid #ddd; display: flex; justify-content: center; align-items: center; font-weight: bold; color: #999; transition: all 0.3s; }
.step-container .step-item .step-text { font-size: 14px; color: #999; font-weight: 500; }
.step-container .step-item.active .step-circle { background: var(--color-m); border-color: var(--color-m); color: white; }
.step-container .step-item.active .step-text { color: var(--color-m); font-weight: bold; }

.btn-back { background: #666; color: white; border: none; padding: 12px 30px; border-radius: 4px; cursor: pointer; font-size: 16px; margin-top: 20px; }
.btn-next { background: var(--color-m); color: white; border: none; padding: 12px 30px; border-radius: 4px; cursor: pointer; float: right; font-size: 16px; margin-top: 20px; }

.photo-preview-wrap { display: flex; align-items: flex-end; gap: 15px; }
.photo-preview-wrap .preview-img { width: 113px; height: 151px; display: none; border: 1px solid #ddd; margin-bottom: 10px; object-fit: cover; }
.photo-preview-wrap .input-group { display: flex; flex-direction: column; gap: 8px; flex: 1; }
.photo-preview-wrap .p-information { font-size: 12px; color: #666; }

.section .h5-subtitle { font-size: 18px; margin: 25px 0 15px; border-left: 5px solid var(--color-m); padding-left: 10px; }
.payment-option .method-container { background: #eef2f8; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.payment-option .method-container .payment-method-item { display: flex; align-items: center; padding: 12px 15px; cursor: pointer; border-radius: 6px; }
.payment-option .method-container .payment-method-item:hover { background: rgba(0, 58, 120, 0.05); }
.payment-option .method-container .payment-method-item .radio-style { margin-right: 12px; width: 18px; height: 18px; cursor: pointer; }
.payment-option .method-container .payment-method-item .label-style { cursor: pointer; font-size: 15px; width: 100%; }

/*.exam-notice-box { padding: 30px; border: 2px solid var(--color-m); border-radius: 8px; text-align: center; background: var(--secondary-color); margin-bottom: 30px; }*/
/*.notice-text { color: var(--color-m); font-size: 18px; font-weight: bold; margin-bottom: 15px; }*/

/*home-popup.jsp*/
.home-notice-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; min-width: 400px; max-width: 80vw; background-color: #fff; border-radius: 20px; box-shadow: 0 20px 50px rgba(0,0,0,0.3); z-index: 10000; display: none; flex-direction: column; overflow: hidden; }
.home-notice-popup .popup-header { position: relative; width: 100%; }
.home-notice-popup .popup-header .btn-close-icon { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; background-color: rgba(220, 220, 220, 0.7); border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: background 0.2s; padding: 0; }
.home-notice-popup .popup-header .btn-close-icon:hover { background-color: rgba(200, 200, 200, 0.9); }
.home-notice-popup .popup-header .btn-close-icon span { font-size: 20px; color: #444; font-weight: bold; line-height: 1; margin-top: -2px; }
.home-notice-popup .popup-content { display: flex; justify-content: center; align-items: center; background-color: #f9f9f9; }
.home-notice-popup .popup-content .img-data { display: block; width: 100%; height: auto; max-height: calc(90vh - 200px); object-fit: contain; }
.home-notice-popup .popup-footer { padding: 20px; background-color: #fff; display: flex; flex-direction: column; gap: 10px; }
.home-notice-popup .popup-footer .btn-today-close { background: none; border: none; color: #888; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.home-notice-popup .popup-footer .btn-apply { display: block; width: 80%; margin: 10px auto 10px; padding: 15px; background-color: var(--color-m); color: white; text-align: center; text-decoration: none; font-weight: bold; font-size: 16px; border-radius: 12px; transition: background 0.2s; }

/*class.jsp, leader-management.jsp*/
.blue-item-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border: 1px solid var(--color-m); margin-bottom: 10px; border-radius: 4px; background: white; }
.blue-item-box .naming-label { font-size: 17px; font-weight: 500; }
.blue-item-box .btn { width: 250px; }

.blue-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; }
.blue-modal .modal-content { background-color: #fff; padding: 0; border-radius: 8px; width: 80%; max-width: 800px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.3); overflow: hidden; }
.blue-modal .modal-header { background: var(--color-m); color: white; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }
.blue-modal .modal-header .close-btn { font-size: 28px; font-weight: bold; cursor: pointer; color: white; line-height: 1; }
.blue-modal .modal-body .content{ padding: 20px; }
.blue-modal .modal-body .class { width: 100%; display: block; background: #000; }
.blue-modal .modal-body .portfolio-list { line-height: 2; }

/*class.jsp, curriculum.jsp, leader-management.jsp*/
.tab { display: flex; border-bottom: 2px solid var(--color-m); margin-bottom: 30px; }
.tab .tab-button { flex: 1; padding: 15px; }

/*curriculum-detail.jsp, leader-management.jsp*/
.vertical-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.vertical-table td { padding: 15px; border-bottom: 1px solid #d5d5d5; }
.vertical-table td:first-child { width: 20%; background: #f7f9fb; font-weight: bold; text-align: center;}

/*curriculum-detail.jsp, registration.jsp, leader-management.jsp*/
.table-full-width { flex: 1; padding: 10px; border: 1px solid #d5d5d5; border-radius: 4px; width: 100%; }

/*registration.jsp, leader-management.jsp*/
.subject-info-group { display: flex; gap: 10px; align-items: center; }

.amount-color { color:var(--color-s); font-size: 1.2em; }

/*미리보기*/
.prewView {width: 100%;height: 240px;display: flex;overflow: hidden;align-items: center;justify-content: center;background-size: contain;background-position: center;background-repeat: no-repeat;background-color: #f7f7f7;color: #aaa;border: 1px dashed #ddd;}
.prewView.has-image {background-color: #ffffff;border: none;}

/*align*/
.center-align { text-align: center; }
.left-align { text-align: left; }
.right-align { text-align: right; }

.flex-half{display:flex;gap:20px;align-items:flex-start}
.flex-half .item-flow-column{width:calc(60% - 50px)}
.flex-half .map-wrap-inner{width:40%}
.flex-half .map-wrap{background:url('../img/sub/sample-01.JPG') center/contain no-repeat;aspect-ratio:407/453;width:100%}


/*홈페이지 모달*/
#homeModal { display: none; position: fixed; width: 80vw; height: 80vh; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url('../img/main/main22.png') center/cover no-repeat; border: solid 1px #333; border-radius: 10px; padding: 20px; z-index: 1000; overflow: hidden; }
#homeModal .modal-view{ height: calc(100% - 70px); overflow: auto; padding: 15px; max-width: 100%; }
.homeModalTitle { display: flex; align-items: center; justify-content: space-between; font-size: 1.25rem; font-weight: bold; padding: 15px 20px; border-bottom: 1px solid #b9b9b9; }
#homeModal-back { display: none; position: fixed; width: 100vw; height: 100vh; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #3333337a; z-index: 100;}

/*모달 닫기*/
.homeModalClose { cursor: pointer; font-size: 20px; line-height: 1; padding: 5px 8px; border-radius: 4px; }
.homeModalClose:hover{ background: rgba(0,0,0,0.1); }

/*모달 스크롤*/
#homeModal .modal-view {scrollbar-color: #2563eb #eef6f4;}
#homeModal .modal-view::-webkit-scrollbar { width: 10px; height: 8px; }
#homeModal .modal-view::-webkit-scrollbar-track { background: #2563eb; border-radius: 10px; }
#homeModal .modal-view::-webkit-scrollbar-thumb { background-color: #2f8f7a; border-radius: 10px; border: 2px solid #2563eb; }
#homeModal .modal-view::-webkit-scrollbar-thumb:hover { background-color: #5687f3; }

.txt-sm{opacity:.8;font-size:.875em;display:block;margin:10px 0}
.history-wrap {display:flex;gap:50px;}
.history-wrap .left {width:40%;}
.history-wrap .right {position:relative;width:calc(60% - 50px);}
.history-wrap .an-line {width:1px;height:0;animation:line 3s both 1s;background-color:#0767ca;position:absolute;left:7px;top:17px;}
.history-wrap .right::before {position:absolute;left:7px;width:1px;background-color:var(--color-border);height:calc(100% - 15px);content:"";top:15px;}
.history-wrap .right::after {position:absolute;left:3px;width:10px;height:10px;background-color:var(--color-border);content:"";bottom:0;border-radius:50%;}
.history-wrap .right ul {padding-left:50px;}
.history-wrap .right ul>li {display:block;gap:20px;align-items:flex-start;font-size:1.125rem;margin:20px 0;}
.history-wrap .right .date {font-weight:bold;font-family:var(--font-spoint);}
.history-wrap .right .item {position:relative;margin-bottom:50px;}
.history-wrap .img-wrap {position:relative;box-shadow:-40px 40px var(--color-m);border-radius:0 150px 150px 0;}
.history-wrap .img-wrap img {border-radius:0 50px 50px 0;}
.history-wrap .img-wrap::before {background-color:#fbf1f1;border-radius:0 150px 150px 0;content:"";width:100%;height:100%;position:absolute;top:40px;left:-40px;z-index:-1;}
.history-wrap .subject {position:relative;display:inline-block;padding-left:20px;margin:10px 0;font-weight:bold;font-size:1.5rem;}
.history-wrap .subject span::before {position:absolute;left:0;background:linear-gradient(to top,#0767ca,#349ab1);width:15px;border-radius:5px;aspect-ratio:1/1;content:"";display:block;top:.25em;}
.history-wrap .subject span::after {position:absolute;left:5px;background-color:#fff;width:5px;aspect-ratio:1/1;content:"";display:block;top:.45em;}
/*.history-wrap .subject span::before{position:absolute;top:2px;left:0;background:url('../img/sub/flow-arrow.png') center/contain no-repeat;width:12px;aspect-ratio:12/20;content:""}*/
.history-wrap .right:not(:has(.subject)) .item::before {position:absolute;left:0;background:linear-gradient(to top,#0767ca,#349ab1);width:15px;border-radius:5px;aspect-ratio:1/1;content:"";display:block;top:-5px;}
.history-wrap .right:not(:has(.subject)) .item::after {position:absolute;left:5px;background-color:#fff;width:5px;aspect-ratio:1/1;content:"";display:block;top:0;}
.history-wrap .txt-copyright {top:60px;}
.history-wrap .left .img {opacity:.1;max-height:200px;text-align:center}
.history-img-wrap {width:100%;height:300px;border-radius:0 60px 60px 0;overflow:hidden;position:relative;margin:50px 0;background:url('/dist/img/sub/simg39.png') center/cover no-repeat;box-shadow:4px 5px 20px rgba(0,0,0,.3);}
.history-img-wrap .subject {background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:1.5rem;display:inline-block;font-weight:800;color:var(--color-mm);border-radius:0 30px 30px 0;overflow:hidden;left:0;top:50%;padding:20px;position:absolute;}
.history-img-wrap .subject p {display:flex;gap:10px;}

@keyframes line {
    0% {
        height: 0
    }

    100% {
        height: calc(100% - 17px)
    }
}


@media (max-width:1400px){
    .sub-nav .cinner{width:100%;padding:0}
    .sub-nav-info{right:50px}
    .sub-nav .sub-1item{min-width:250px}
    .sub-nav .sub-1item:after{right:20px;font-size:1em}

    .sub-con{width:100%;padding:0 20px 80px 20px}

    .item-plus-flow{gap:80px}
    .item-plus-flow .item:not(:last-child)::after{right:-70px}
    .item-plus-flow .subject{font-size:1.4rem}
}

@media (max-width:1200px){
	.sub-v .cinner .txt-box h2{font-size:2.6rem}
    .sub-nav .sub-1li{height:60px}
    .sub-nav .sub-1item{font-size:1rem;padding-left:20px;min-width:205px}
    .sub-nav .sub-1item:after{right:15px}
    .sub-nav .sub-1li.home .sub-1item{width:60px}
    .sub-nav .sub-2ul{top:55px}
    .sub-nav .sub-2item{font-size:.9rem}
    .sub-nav-info{right:20px}
    .sub-nav-info .sns-share{height:60px}

	.sub-con .h4-tit{font-size:1.35rem;margin-bottom:20px}
	.sub-con .h5-tit{font-size:1.125rem;margin-bottom:20px}

	.con-box{margin:50px auto}
	.con-pbox-line{padding:50px}
	.con-box-tline{padding-top:50px;margin:50px 0}

	.img-album-flex .img{margin-right:80px}

	.img-bg-flex .txt{padding:30px}

	.txt-dashed-box{padding:30px}

	.txt-ico-tbl .ico{width:60px;height:60px;padding:15px}
	.txt-ico-tbl .txt-cell{padding-right:30px}
	.txt-ico-tbl .txt-cell:nth-child(2),
	.txt-ico-tbl .txt-cell:nth-child(3){padding-left:30px}

	.txt-quote{font-size:1.875rem}
	.txt-quote p:before,
	.txt-quote p:after{font-size:6.25rem;max-height:40px}

	.txt-dot-box .tit-dot{font-size:1.5rem;margin-bottom:20px}
	.txt-dot-box .tit-dot:before{width:6px;height:6px;top:15px}
	.txt-dot-box .tit-ico{font-size:1.5rem;margin-bottom:20px;padding-left:60px}
	.txt-dot-box .tit-ico:before{width:50px;height:30px}
	.txt-dot-box .con-dot p{margin:20px auto}

	.item-hipen > li{margin:8px 0}
	.item-hipen > li:before{width:8px;height:2px;top:10px}

	.item-square > li{margin:8px 0}
	.item-square > li:before{top:8px}

	.txt-dashed-tblbox{padding:30px}
	.txt-dashed-tblbox .txt-cell{padding-right:30px}
	.txt-dashed-tblbox .txt-cell:nth-child(2),
	.txt-dashed-tblbox .txt-cell:nth-child(3){padding-left:30px}

	.item-flow .dashed-box:before{width:40px;height:35px}

	.sitemap{padding:40px 0}
	.sitemap > ul > li{padding:0 15px;width:25%}

	.map-wrap .info-list{left:0;opacity:0}
	.map-wrap .idot-1 .info-list{left:-20px}
	.map-wrap .idot-5 .info-list{right:0}
	/*.map-wrap .marker.idot-5 .subject::before,*/
	.map-wrap .marker.on.idot-5 .subject::before{width:170px;right:-170px}
	/*.map-wrap .idot-2 .subject::before,*/
	.map-wrap .marker.on.idot-2 .subject::before{width:150px;left:-150px}
	.map-wrap .marker.on.idot-1 .subject::before{display:none}
	/*.map-wrap .idot-3 .subject::before{width:170px}*/
}

@media (min-width:1025px){
	.mb_scroll .mbtb_quide{display:none}
}

@media (max-width:1024px){
	.mb_scroll{position:relative}
	.mb_scroll .mbtb_quide{position:absolute;top:20px;left:50%;width:60px;height:60px;background:url('../img/sub/ico-mb.png') no-repeat;background-size:contain;transform:translateX(-50%);-webkit-transform:translateX(-50%);}

	.tbl-scroll{width:100%;overflow:hidden;overflow-x:scroll;position:relative}
	.tbl-scroll table{width:1000px}

	.sub-v{height:200px}
	.sub-v .txt-box{padding-top:0}
	.sub-nav .cinner{padding:0}
    .sub-nav .sub-1item{min-width:200px}
    .sub-nav-info .btn{margin-right:0}
    .sub-nav-info .btn.print{display:none}
    .sub-nav-info .sns-share{top:47px;right:50%;transform:translateX(50%);width:auto;height:0;transition:.1s}
    .sub-nav-info .sns-share ul{display:block}
    .sub-nav-info .btn.on + .sns-share{width:auto;height:auto;background: none;}

    #sub-wrapper .h3-wrap{gap:10px}
    #sub-wrapper .h3-tit{font-size:1.25rem}
    .sub-breadcrumbs ol{gap:10px}
    .sub-breadcrumbs ol > li:not(:last-child)::after{right:-12px;font-size:.875em}

	.depth-tabs{margin:50px auto}
	.depth-tabs ul{flex-wrap:wrap}
	.depth-tabs li{flex:auto;width:33.333%}
	.depth-tabs li:nth-child(3n){border-right:0}
	.depth-tabs li:nth-child(n + 4){border-top:1px solid #d2d2d2}
	.depth-sub-tabs{flex-wrap:wrap}
	.depth-sub-tabs .tab-item{flex:auto;width:33.333%}
	.depth-sub-tabs .tab-item:nth-child(3n){border-right:0}
	.depth-sub-tabs .tab-item:nth-child(n + 4){border-top:1px solid #d2d2d2}

	.item-plus-flow{gap:20px}
	.item-plus-flow .inner{min-height:100%}
	.item-plus-flow .subject{font-size:1.125rem}
	.item-plus-flow .item:nth-child(1):nth-last-child(6), .item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item{width:100%}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(2))::before,
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4))::before{display:none}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(2)),
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){flex-wrap:wrap}
	.item-plus-flow .item:nth-child(1):nth-last-child(2),
	.item-plus-flow .item:nth-child(1):nth-last-child(2) ~ .item{flex:auto}
	.item-plus-flow .item:nth-child(1):nth-last-child(4),
	.item-plus-flow .item:nth-child(1):nth-last-child(4) ~ .item{width:calc(50% - 25px);flex:auto}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(2)),
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){gap:20px}
	.item-plus-flow .item:not(:last-child)::after{transform:translate(-50%, 0);left:50%;top:auto;width:24px;height:24px;right:auto}

	.item-proc{gap:20px}

	.item-txtbox .img{width:140px}
    .item-txtbox{padding: 20px 60px 20px 20px;flex-direction: column;background-position-x: calc(100% - 20px);align-items: flex-start}
	.item-txtbox::before{top:110px}

	.img-great .txt-wrap{padding:80px 50px;width:50%}
	.img-great .s-title{padding:30px;border-width:40px}
	.img-great .s-title::after{width:60px;left:-30px}

	.item-only-img{grid-template-columns: repeat(2, 1fr);gap:10px}
	.item-only-img .item{height:80px}

	.img-bg-flex{display:block}
	.img-bg-flex .txt{padding:20px}
	.img-bg-flex .subject{font-size:1.25rem}

	.txt-ico-tbl{display:block}
	.txt-ico-tbl dl{flex-wrap:wrap;gap:10px}
	.txt-ico-tbl .txt-cell{display:block}
	.txt-ico-tbl .txt-cell:nth-child(2), .txt-ico-tbl .txt-cell:nth-child(3){padding-left:0;border-left:0;margin-top:20px}
	.txt-ico-tbl .btn{display:flex;align-items:center}
	.txt-ico-tbl .tit{margin-bottom:0;margin-right:15px}

	.txt-dashed-tblbox{display:block}
	.txt-dashed-tblbox .txt-cell{display:block}
	.txt-dashed-tblbox .txt-cell:nth-child(2),
	.txt-dashed-tblbox .txt-cell:nth-child(3){padding-left:0;border-left:0;margin-top:20px}

	.item-one-gyo .item{width:37%;font-size:1rem;padding:10px;word-break:keep-all;text-align:center;flex-shrink:0}
    .item-one-gyo .item:first-child{transform:translateX(20px)}
    .item-one-gyo .item:last-child{transform:translateX(-20px)}

	.img-great .txt{margin-top:20px;padding:50px 20px;border-width:20px}
	.img-great .subject{font-size:1.25rem;margin-bottom:20px}
	.img-great .img::after{top:20vw}

	.map-wrap{background-size:contain;width:100%}
	.map-wrap .marker{background-size:contain}
	.map-wrap .marker.on{z-index:1000}
	.map-wrap .subject{font-size:.875rem;gap:0}
	.map-wrap .idot-1{top:6%;left:9%;width:44%}
	.map-wrap .subject::before{display:none}
	.map-wrap .subject span{padding:5px 10px}
	.map-wrap.on .subject::before{display:none}
	.map-wrap .idot-1 .info-list{right:-130px;left:auto}
	.map-wrap .info-list{padding:10px 15px}
	.map-wrap .idot-2{bottom:17.1%;left:0;width:54.5%}
	.map-wrap .idot-3{top:25%;left:6%;width:69%}
	.map-wrap .idot-4{bottom:-2%;left:7%;width:23%}
	.map-wrap .idot-4.on .info-list{bottom:0;right:-150px;left:auto}
	.map-wrap .idot-5{top:27%;right:0;width:54.5%}
	.map-wrap .idot-6{right:6%;width:61%}
	.map-wrap .idot-6 .info-list{right:0}

	.flex-half{flex-direction:column;align-items:center}
	.flex-half .item-flow-column{width:100%}
	.flex-half .map-wrap-inner{width:100%}

	.history-wrap {flex-direction:column;margin-bottom:50px;}
	.history-wrap .left {width:100%;}
	.history-wrap .right {width:100%;}
	.history-wrap .img-wrap {border-radius:0 50px 50px 0;}
	.history-wrap .img-wrap::before {border-radius:0 50px 50px 0;}
	.history-wrap .right .item {margin-bottom:0;}
	.history-wrap .right ul>li {flex-direction:column;gap:5px;}
	.history-wrap .left:has(.img) {display:none;}

	.txt-deu-tit .txt-inner{padding:50px 20px}
	.txt-deu-tit strong{font-size:40px}
	.txt-deu-tit strong::before{width:20px;height:20px;transform:translateY(-20px)}
	.txt-deu-tit strong::after{width:20px;height:20px;transform:translateY(10px) rotate(180deg)}
	.txt-deu-tit span{font-size:1rem}
}

@media (max-width:720px){
	.sub-con::after{font-size:1.875rem}

	.sub-nav .sub-1li{display:none;height:50px}
    .sub-nav .sub-1li.home .sub-1item{width:50px;height:50px;margin-top:0;background-size: 40%;}
    .sub-nav .sub-1li:first-child{display:block}
    .sub-nav .sub-1li:last-child{display:block}
    .sub-nav-info .btn{width:20px;height:20px;background-size:contain}
    .sub-nav .sub-2ul{top:50px;padding:10px;border-radius:0 0 10px 10px}
    .sub-nav .sub-2item{padding:10px}

	.depth-tabs li{width:50%;height:50px}
	.depth-tabs li:nth-child(3n){border-right:1px solid #d2d2d2}
	.depth-tabs li:nth-child(even){border-right:0}
	.depth-tabs li:nth-child(n + 3){border-top:1px solid #d2d2d2}

	.con-pbox-line{padding:20px}
	.con-box-tline{padding-top:20px;margin:20px 0}

	.item-proc{flex-direction:column}
	.item-proc-g{flex-direction:column}

	.img-right-box{padding:0}
	.img-right-box .txt-box{position:relative;margin-top:50px;width:calc(100% - 20px);padding:20px}
	.img-right-box .txt-box::after{width:20px;height:20px;top:-20px;right:-20px}
	.img-right-box .txt-box:has(a){padding-bottom:80px}
	.img-right-box a{bottom:20px}
	.img-right-box .subject{font-size:1.25rem}

	.txt-dashed-box{padding:20px}

	.txt-ico-tbl .ico{flex-shrink:0;width:40px;height:40px;padding:10px;margin-right:10px}
	.txt-ico-tbl .btn{display:block}
	.txt-ico-tbl .tit{margin-bottom:10px;margin-right:0}
	.txt-ico-tbl dt .tit{padding-right:10px;margin-right:10px}

	.txt-quote{font-size:1.4rem}
	.txt-quote p:before,
	.txt-quote p:after{font-size:4rem;max-height:25px}

	.txt-dot-box .tit-dot{font-size:1.2rem;padding-left:15px}
	.txt-dot-box .tit-dot:before{width:5px;height:5px;top:10px}
	.txt-dot-box .tit-ico{font-size:1.2rem}
	.txt-dot-box .con-dot{padding-left:15px}

	.item-hipen > li{margin:5px 0;padding-left:15px}
	.item-hipen > li:before{width:6px}

	.item-square > li{margin:5px 0}
	.item-square > li:before{top:9px}

	.item-num > li{padding-left:40px;margin:12px 0}

	.tbl-basic{font-size:.9rem}

	.item-flow{display:block}
	.item-flow > li{width:100%;height:auto;display:block;padding-bottom:15px}
	.item-flow .dashed-box{min-height:100px}
	.item-flow > li:after{top:auto;bottom:0;left:50%;transform:translate(-50%,0) rotate(90deg);right:auto}

	.mblink a{display:block}

	.sitemap{padding:0}
	.sitemap > ul > li{margin-bottom:30px;padding:0 10px;width:50%}
	.sitemap > ul > li .tit{margin-bottom: 15px;padding-bottom: 10px;font-size: 18px;}
	.sitemap > ul > li .tit span{font-size:10px}
	.sitemap > ul > li ul li a{font-size:14px}

	.item-plus-flow .item:nth-child(1):nth-last-child(2), .item-plus-flow .item:nth-child(1):nth-last-child(2) ~ .item,
	.item-plus-flow .item:nth-child(1):nth-last-child(4), .item-plus-flow .item:nth-child(1):nth-last-child(4) ~ .item{width:100%}

    .item-one-gyo .item:first-child{transform:translateX(10px)}
    .item-one-gyo .item:last-child{transform:translateX(-10px)}

	.img-great .inner{flex-direction:column;align-items:center}
	.img-great .img{width:80%}
	.img-great .txt{margin-top:0;border:5px solid var(--color-m)}

	.member-wrap{padding:20px}
	.member-wrap .flex-li{flex-direction:column;gap:20px}
	.member-wrap .flex-li:has(> .label-txt){gap:5px}
	.member-wrap .flex-li > .label-txt{width:100%;margin-bottom:0}
	.member-wrap .flex-item{width:100%}

	.img-album-flex{flex-direction:column;align-items:center;gap:50px}
	.img-album-flex .img{margin-right:0}
	.img-album-flex .txt .subject{padding-left:15px}
	.img-album-flex .txt .subject::before{width:10px;top:-5px}

	.img-grd-box{grid-template-columns:repeat(2, 1fr)}

	.org-wrap > ol{gap:30px}
	.org-wrap .first-txt{width:120px;border-width:5px}
	.org-wrap .first-txt span{font-size:1rem}
	.org-wrap .sec-li{gap:20px}
	.org-wrap .sec-txt{width:240px;height:50px}
	.org-wrap .trd-txt{width:180px;height:40px}
	.org-wrap > ol > li.half .trd-ul{width:auto}
	.org-wrap .trd-ul{flex-direction:column;align-items:center;gap:20px}
	.org-wrap .trd-ul::before{display:none}
	.org-wrap .trd-ul > li:last-child{margin-left:0}
	.org-wrap .four-ul{flex-wrap:wrap}
	.org-wrap .four-ul > li{flex:auto;width:calc(50% - 10px)}
	.org-wrap .four-ul .four-txt{width:100%;height:40px}
	.org-wrap .five-ul{grid-template-columns:repeat(1,1fr);padding:0 5px}
	.org-wrap .trd-txt.point{position:relative;left:auto}
	.org-wrap .etc-txt{height:40px}
	.org-wrap .four-ul::before{width:54%}
	.org-wrap .four-ul .five-txt{padding:5px 0}
	.org-wrap .sub-org{transform:none}
	.org-wrap .sub-org::before{display:none}

	.item-box-wrap{flex-direction:column;gap:20px}

	.btn-big{padding:10px 15px;font-size:1rem}

	.map-wrap .idot-5 .subject { top: 2%; right: -7%; }
	.map-wrap .idot-5 .info-list { top: 90%; }

	#homeModal { width: 100vw !important; height: 100vh !important; }

	.item-img-subject{display:grid;grid-template-columns:repeat(2,1fr)}
	.item-img-subject .subject{font-size:1.25rem}
}


/* File Upload */
.file-input-wrap {margin-bottom: 4px;}
.file-con { display: none; margin-top: 2px; padding: 6px 10px; border: 1px solid #e3e6ea; border-radius: 6px; background: #fafbfc; max-height: 140px; overflow-y: auto;}
.file-item { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; border: 1px solid #eee; border-radius: 6px; margin-bottom: 6px; background: #fafafa;}
.file-item:last-child { margin-bottom: 0; }
.file-item:hover { background-color: #f3f8ff; border-color: #4b8cf7; box-shadow: 0 0 0 1px rgba(75, 140, 247, 0.15);}
.file-main { display: flex; align-items: center; gap: 8px;}
.file-icon { font-size: 18px; color: #4a8cf7;}
.file-name { font-size: 14px; `color: #333; }
.file-item a { font-size: 13px; color: #007bff; text-decoration: none; word-break: break-all; }
.file-item a:hover { text-decoration: underline;}
.file-actions { display: flex; align-items: center; gap: 4px;}
.btn-file-del { padding: 2px 6px; font-size: 11px; line-height: 1.2;}
.btn-file-del i { font-size: 12px; vertical-align: middle; margin-right: 2px;}
.file-actions button,
.file-actions a { margin-left: 4px; font-size: 13px; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); line-height: unset; }

/* show loading */
#js-loading{position:fixed;background-color:rgba(0,0,0,0.4);font-size:3rem;color:#fff;width:100vw;height:100vh;top:0;left:0;z-index:1000;display:none;}
#js-loading .inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}