.sub-v{height:500px;padding-top:130px;text-align:center;position:relative;background:url('/_res/yonam/www/img/sub/simg-02.png') top right no-repeat;padding-bottom:45px;display:flex;align-items:center;justify-content:center}
.sub-v::after{position:absolute;bottom:0;left:0;background:url('/_res/yonam/www/img/sub/simg-01.png') bottom left no-repeat;content:"";width:100%;height:100%}
.sub-v::before{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, #fbefef, #fafeff);content:"";z-index:-1}
.sub-v .h2-subject{font-size:40px;font-family:var(--font-point);font-weight:500}
.sub-v .h2-subject span::after{content:"Yonam Institute of Technology";color:var(--color-m);font-size:1rem;display:block;margin-top:10px}
.sub-v .cinner{position:relative;z-index:10}

.sub-nav{position:relative;z-index:100;transform:translateY(-60px)}
.sub-nav .cinner{position:relative;display:flex;justify-content:space-between;gap:10px}
.sub-nav .sub-1ul{display:flex;align-items:center;background-color:#fff;border-radius:12px 0}
.sub-nav .sub-1li{position:relative}
.sub-nav .sub-1li:not(:last-child, :first-child)::after{position:absolute;top:50%;transform:translateY(-50%);width:1px;height:24px;background-color:var(--color-border);content:"";right:0}
.sub-nav .sub-1li:last-child .sub-1item{color:var(--color-m)}
.sub-nav .sub-1li:first-child .sub-1item{min-width:auto;text-indent:-999%;padding:0;width:60px;;border-top-left-radius:12px;overflow:hidden}
.sub-nav .sub-1li:first-child .sub-1item::before{position:absolute;content:"";background:url('/_res/yonam/_share/img/ico-home.png') var(--color-m) center no-repeat;width:100%;aspect-ratio:1/1;left:0;top:50%;transform:translateY(-50%)}
.sub-nav .sub-1li:first-child .sub-1item:after{display:none}
.sub-nav .sub-1li:nth-child(2){min-width:140px}
.sub-nav .sub-1li:nth-child(3){min-width:240px}
.sub-nav .sub-1li:nth-child(4){min-width:240px}
.sub-nav .sub-1item{position:relative;display:flex;align-items:center;height:60px;color:#333;font-size:1rem;padding-left:15px;font-weight:600;padding-right:40px;width:100%}
.sub-nav .sub-1item::after{position:absolute;right:10px;font-family:'xeicon';content:"\e942";top:50%;transform:translateY(-50%);transition:.3s}
.sub-nav .sub-2ul{display:none;position:absolute;top:70px;border:1px solid #eef3fe;background-color:#fff;z-index:10;width:100%;border-bottom-right-radius:20px;overflow:hidden}
.sub-nav .sub-2item{display:flex;gap:5px;align-items:center;padding:15px;font-size:.975rem;color:#333;white-space:nowrap}
.sub-nav .sub-2item:focus-visible{position:relative}
.sub-nav .sub-2item:focus-visible::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;border:1px solid #000}
.sub-nav .sub-2li:not(:last-child) .sub-2item{border-bottom:1px solid #f1f1f1}
.sub-nav .sub-2item.active,
.sub-nav .sub-2item:hover{background-color:#f6f9ff;color:vaR(--color-m)}
.sub-nav .sub-1li:nth-child(n + 2) .sub-1item.on:after{transform:rotate(180deg) translateY(50%)}
.sub-nav-info{display:flex;background-color:#D86788;border-radius:12px 0}
.sub-nav-info .item{position:relative;display:block;aspect-ratio:1/1;height:60px;border-top-left-radius:20px;background:url('/_res/yonam/_share/img/ico-s01.png') center no-repeat;text-indent:-999%;overflow:hidden;transition:.3s}
.sub-nav-info .item:nth-child(2){background-image:url('/_res/yonam/_share/img/ico-s02.png')}
.sub-nav-info .item:nth-child(3){background-image:url('/_res/yonam/_share/img/ico-s03.png')}
.sub-nav-info .item:not(:last-child)::after{position:absolute;top:50%;transform:translateY(-50%);width:1px;height:24px;background-color:var(--color-border);content:"";right:0}
.sub-nav-info .sns-share-wrap{position:relative;display:inline-block}
.sub-nav-info .sns-share{position:absolute;display:none;background-color:#fff;border:1px solid var(--color-m);padding:15px;top:60px;right:0;z-index:10;width:max-content;border-radius:12px 0}
.sub-nav-info .sns-share ul{display:flex;align-items:center;justify-content:center;gap:10px}
.sub-nav-info .sns-share li{flex-shrink:0}
.sub-nav-info .sns-share a{display:flex;align-items:center;gap:5px;width:24px;transition:.3s;overflow:hidden}
.sub-nav-info .sns-share a img{height:24px}
.sub-nav-info .sns-share a span{flex-shrink:0}
.sub-nav-info .sns-share li:nth-child(2) a:hover{width:125px}
.sub-nav-info .sns-share li:last-child a:hover{width:115px}
.sub-nav-info .sns-share a:hover{width:150px}
.sub-nav-info .item.on + .sns-share{display:block}

.sub-con{position:relative;width:100%;max-width:1400px;margin:50px auto 100px auto;font-size:1.125rem}
#aside-nav{position:absolute;top:0;left:calc((1400px - 100vw) / 2);display:flex;flex-direction:column;gap:10px;transition:position .3s}
#aside-nav.fixed{position:fixed;left:0;top:20px}
#aside-nav .item{position:relative;background:url('/_res/yonam/www/img/comm/ico-sub.png') left center no-repeat;padding-left:30px;display:block;max-width:150px;word-break:keep-all;font-size:.875em}
#aside-nav .item.on{background:url('/_res/yonam/www/img/comm/ico-sub-on.png') left 10px center no-repeat;color:var(--color-m);padding-left:40px}
#aside-nav .item.on::before{position:absolute;top:50%;transform:translateY(-50%);left:-10px;width:20px;height:20px;background-color:var(--color-m);border-radius:50%;content:""}
.sub-con p{line-height:1.4;word-break:keep-all}
.con-box{margin:60px 0}
.con-bbox{margin:100px 0}

.ico-zoom{display:inline-flex;width:28px;aspect-ratio:1/1;background:url('/_res/yonam/www/img/sub/ico-zoom.png') var(--color-m) center no-repeat;text-indent:-999%;overflow:hidden;border-radius:50%;margin:2px}
.ico-download{display:inline-flex;width:28px;aspect-ratio:1/1;background:url('/_res/yonam/www/img/sub/ico-download.png') #2d55b2 center no-repeat;text-indent:-999%;overflow:hidden;border-radius:50%;margin:2px}
.ico-link{display:inline-flex;width:28px;aspect-ratio:1/1;background:url('/_res/yonam/www/img/sub/ico-link.png') #000000 center no-repeat;text-indent:-999%;overflow:hidden;border-radius:50%;margin:2px}

.h3-tit{font-family:var(--font-spoint);font-size:36px;font-weight:800;margin-bottom:50px;text-align:center}
.h3-tit span{position:relative}
.h3-tit span::before{position:absolute;background:url('/_res/yonam/www/img/comm/ico-arrow.png') center/contain no-repeat;width:16px;right:-10px;top:-8px;aspect-ratio:1/1;margin:0 auto 5px auto;content:""}
.h4-tit{font-family:var(--font-spoint);color:var(--color-mm);font-size:32px;font-weight:800;margin-bottom:30px}
.h4-tit span{position:relative;display:inline-block}
.h4-tit span::before{background-color:var(--color-m);width:10px;border-radius:50%;aspect-ratio:1/1;margin-left:8px;margin-bottom:4px;content:"";display:block}
.h5-tit{font-family:var(--font-spoint);color:#000;font-size:26px;font-weight:700;margin-bottom:30px}
.h6-tit{font-family:var(--font-spoint);font-size:20px;font-weight:600;margin-bottom:20px}
.h6-tit span{position:relative;display:inline-block;padding-left:20px}
.h6-tit 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:.2em}
.h6-tit span::after{position:absolute;left:5px;background-color:#fff;width:5px;aspect-ratio:1/1;content:"";display:block;top:.45em}
.h-con{margin:20px 0}

.ico-bcall{position:relative;padding-left:40px}
.ico-bcall::before{background: url('/_res/yonam/www/img/sub/ico-call.png') #000 center no-repeat;width:35px;aspect-ratio:1/1;border-radius: 50%;position:absolute;top:-7px;left:0;content:""}

.item-flow{display:flex;justify-content:space-between;gap:40px;counter-reset:section;margin:30px 0 20px 0}
.item-flow li{flex:1;border-radius:10px;border:1px solid #000;position:relative;display:flex;align-items:center}
.item-flow li::before{position:absolute;top:-19px;left:-1px;border-radius:20px 20px 20px 0;color:#fff;background-color:#000;counter-increment: section;content:"0" counter(section);padding:2px;display:flex;align-items:center;justify-content:center;width:32px;aspect-ratio:1/1;text-align:center;font-size:.8em}
.item-flow li:not(:last-child)::after{background:url('/_res/yonam/www/img/sub/ico-flow.png') center/contain no-repeat;width:42px;aspect-ratio:1/1;position:absolute;top:50%;transform:translateY(-50%);right:-22px;content:""}
.item-flow .inner{display:flex;flex-direction:column;height:100%;padding:20px;align-items:center;text-align:center;width:100%;justify-content:center}
.item-flow .ico{width:45px;height:45px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.item-flow .ico img{max-height:100%}
.item-flow .subject{font-size:1.25rem;font-weight:700;margin-bottom:20px}
.item-flow .con{border-top:1px solid #c9c9c9;padding-top:20px}

.item-box{display:grid;gap:20px;grid-template-columns:repeat(4, 1fr)}
.item-box .item{min-width:0;display:flex;align-items:center;padding:20px;border-radius:10px;background-color:#f9f9fb;height:100%;text-align:center;flex-direction:column;gap:10px;justify-content:center}
.item-box .item .subject{font-family:var(--font-spoint);font-weight:600;font-size:1.125rem}
.item-box a.item:hover{transform:translateY(-10px);box-shadow:5px 5px var(--color-border)}

.item-box-num{counter-reset:section;display:grid;gap:20px;grid-template-columns:repeat(2, 1fr)}
.item-box-num > li{min-width:0;padding:20px;border-radius:10px;background-color:#f9f9fb;}
.item-box-num .item{display:flex;flex-direction:column;gap:10px}
.item-box-num .subject{position:relative;font-family:var(--font-spoint);font-weight:600;font-size:1.125rem;padding-left:34px}
.item-box-num .subject::before{position:absolute;top:-4px;left:0;font-size:.875rem;counter-increment:section;content:counter(section);padding:2px;display:flex;align-items:center;justify-content:center;width:28px;aspect-ratio:1/1;font-family:var(--font-spoint);font-weight:600;background-color:#212b4f;color:#fff;border-radius:50%}
.item-box-num .subject + .con{padding-left:34px}

.item-vflow{background-color:rgba(114,111,150,.04);padding:50px;display:flex;flex-direction:column;gap:40px;counter-reset:section;border-radius:10px}
.item-vflow li{display:flex;align-items:center;gap:20px}
.item-vflow .inner{position:relative;display:flex;flex-direction:column;padding:20px;align-items:center;text-align:center;width:300px;justify-content:center;border:1px solid #000;border-radius:10px}
.item-vflow li .inner::before{position:absolute;top:-19px;left:-1px;border-radius:20px 20px 20px 0;color:#fff;background-color:#000;counter-increment: section;content:"0" counter(section);padding:2px;display:flex;align-items:center;justify-content:center;width:32px;aspect-ratio:1/1;text-align:center}
.item-vflow li:not(:last-child) .inner::after{background:url('/_res/yonam/www/img/sub/ico-vflow.png') center/contain no-repeat;width:42px;aspect-ratio:1/1;position:absolute;bottom:-21px;right:20px;content:""}
.item-vflow .ico{width:45px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.item-vflow .ico img{max-height:100%}
.item-vflow .subject{font-size:1.25rem;font-weight:700;margin-bottom:20px}
.item-vflow .con{border-top:1px solid #c9c9c9;padding-top:20px}

.txt-copyright{color:#F6A0B9;font-size:.875em;transform:rotate(90deg);top:60px;width:max-content;transform-origin:left center;white-space:nowrap;position:absolute;left:-20px}
.txt-copyright::after{position:absolute;width:130px;height:1px;content:"";background-color:#F6A0B9;top:50%;right:calc(-100% + 85px)}
.txt-grd{background:linear-gradient(to right, #ee426c, #f5dc62);background-clip:text;color:transparent}

.txt-box-basic{background-color:rgba(114,111,150,.04);padding:40px;border-radius:10px}
.txt-box-basic .txt{font-family:var(--font-spoint);font-weight:500;font-size:1.125rem}
.txt-box-basic .btn-wrap{padding-top:20px;border-top:1px dashed #ddd;margin-top:20px}

.txt-link{color:var(--color-m);border-bottom:1px solid var(--color-m);padding-right:20px;background:url('/_res/yonam/www/img/sub/ico-clink.png') right 3px center no-repeat}
.txt-dot{position:relative;display:inline-block;padding-left:20px;margin:10px 0;font-weight:bold}
.txt-dot 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:.05em}
.txt-dot span::after{position:absolute;left:5px;background-color:#fff;width:5px;aspect-ratio:1/1;content:"";display:block;top:.35em}

.item-dot{text-align:left}
.item-dot > li{position:relative;padding-left:15px;margin:10px 0}
.item-dot > li:before{display:block;content:"";position:absolute;top:.45em;width:4px;height:4px;background-color:#6e6e6e;left:0;border-radius:50%}

.item-odot{text-align:left}
.item-odot > li{position:relative;padding-left:15px;margin:10px 0}
.item-odot > li:before{display:block;content:"";position:absolute;top:.4em;width:8px;height:8px;background-color:var(--color-m);left:0;border-radius:50%}

.item-hipen{text-align:left}
.item-hipen > li{position:relative;padding-left:20px;margin:10px 0}
.item-hipen > li:before{display:block;content:"";position:absolute;top:.4em;left:0;width:11px;height:5px;background-color:#e3e3e3;border-radius:10px}

.item-square{text-align:left}
.item-square > li{position:relative;padding-left:10px;margin:10px 0}
.item-square > li:before{width:4px;height:4px;background-color:var(--color-m);position:absolute;display:block;content:"";left:0;top:.4em}

.item-num{counter-reset:section;text-align:left}
.item-num > li{position:relative;padding-left:35px;margin:10px 0}
.item-num > li::before{position:absolute;top:-.3em;left:0;font-size:.875rem;counter-increment:section;content: "0" counter(section) ".";padding:2px;display:flex;align-items:center;justify-content:center;width:28px;aspect-ratio:1/1;font-family:var(--font-spoint);font-weight:600}

.item-onum{counter-reset:section;text-align:left}
.item-onum > li{position:relative;padding-left:35px;margin:15px 0}
.item-onum > li::before{position:absolute;top:-4px;left:0;font-size:.875rem;background-color:#000;color:#fff;counter-increment:section;content:counter(section);padding:2px;display:flex;align-items:center;justify-content:center;width:28px;aspect-ratio:1/1;border-radius:16px 16px 16px 0;font-family:var(--font-spoint);font-weight:600}

.item-thumb-list .img-list{border-bottom:1px solid var(--color-border);padding-bottom:50px;display:flex;gap:50px;background:url('/_res/yonam/_share/img/logo-opacity.png') right 50px bottom 50px no-repeat}
.item-thumb-list .img{flex-shrink:0;border-top-left-radius:50px;overflow:hidden}
.item-thumb-list .txt{padding:50px;flex-grow:1;position:relative;border-top:2px solid #000;border-right:2px solid #000;background:url('/_res/yonam/_share/img/logo-symbol-opacity.png') right 50px center no-repeat}
.item-thumb-list .txt .subject-category{color:var(--color-m);margin-bottom:10px;font-family:var(--font-spoint)}
.item-thumb-list .txt .subject{font-family:var(--font-spoint);font-weight:700;color:#000;font-size:1.5rem;margin-bottom:20px}
.item-thumb-list .con{margin:20px 0}
.item-thumb-list .detail{margin-top:20px} 
.item-thumb-list .detail ul{display:flex;gap:16px;flex-wrap:wrap}
.item-thumb-list .detail .ico-call{position:relative;padding-left:40px}
.item-thumb-list .detail .ico-call::before{background:url('/_res/yonam/www/img/sub/ico-call.png') #000 center no-repeat;width:35px;aspect-ratio:1/1;border-radius:50%;position:absolute;top:-7px;left:0;content:""}
.item-thumb-list .detail .ico-book{position:relative;padding-left:40px}
.item-thumb-list .detail .ico-book::before{background:url('/_res/yonam/www/img/sub/ico-book.png') #000 center no-repeat;width:35px;aspect-ratio:1/1;border-radius:50%;position:absolute;top:-7px;left:0;content:""}
.item-thumb-list .detail .ico-user{position:relative;padding-left:40px}
.item-thumb-list .detail .ico-user::before{background:url('/_res/yonam/www/img/sub/ico-user.png') #000 center no-repeat;width:35px;aspect-ratio:1/1;border-radius:50%;position:absolute;top:-7px;left:0;content:""}
.item-thumb-list .btn-wrap{position:absolute;right:0;top:0;display:flex;border-bottom-left-radius:20px;overflow:hidden}
.item-thumb-list .btn-download{height:65px;padding:0 20px 0 40px;color:#fff;background:url('/_res/yonam/www/img/sub/ico-download.png') #000 20px center no-repeat;overflow:hidden;display:flex;align-items:center}
.item-thumb-list .btn-home{width:65px;aspect-ratio:1/1;text-indent:-999%;overflow:hidden;background:url('/_res/yonam/www/img/sub/ico-home.png') #000 center no-repeat}

.item-txtbox{border-top:2px solid #000;position:relative;background:url('/_res/yonam/www/img/sub/ico-badge.png') right 50px top no-repeat;padding:50px 100px 50px 50px;display:flex;gap:50px;align-items:center}
.item-txtbox .img{flex-shrink:0;width:140px;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background:#f7f7f7;clip-path: polygon(30% 12%,70% 12%,90% 50%,70% 88%,30% 88%,10% 50%);border-radius:12px}
.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}

.message-wrap{position:relative;display:flex}
.message-wrap::before{position:absolute;width:90%;height:90%;bottom:40px;border-bottom-left-radius:50px;border-left:1px solid var(--color-m);border-bottom:1px solid var(--color-m);left:-20px;content:"";z-index:-1}
.message-wrap .img{position:relative;flex-shrink:0}
.message-wrap .img .line{width:1px;height:160px;background-color:#F6A0B9;position:absolute;bottom:-40px;left:-20px}
.message-wrap .img-inner{position:relative}
.message-wrap .img-inner img{border-radius:0 150px 150px 0}
.message-wrap .img-inner::before{background-color:var(--color-m);border-radius:0 150px 150px 0;content:"";width:100%;height:100%;position:absolute;top:40px;left:-40px;z-index:-1}
.message-wrap .img-inner::after{content:"YONAM INSTITUTE OF TECHNOLOGY";color:#F6A0B9;font-size:.875em;transform:rotate(90deg);width:max-content;transform-origin:left center;white-space:nowrap;position:absolute;left:-20px;top:260px}
.message-wrap .txt{flex-grow:1}
.message-wrap .txt .subject{font-family:var(--font-spoint);font-weight:800;font-size:1.875rem;padding:50px}
.message-wrap .txt .subject::before{background:url('/_res/yonam/www/img/sub/ico-top.png') center/contain no-repeat;content:"";width:40px;aspect-ratio:55/43;display:block}
.message-wrap .txt .con{background-color:#F6F6F6;padding:50px}
.message-wrap .subject-detail{background-color:var(--color-m);color:#fff;font-family:var(--font-spoint);font-size:1.25rem;font-weight:600;padding:50px;border-radius:0 50px 50px}
.message-wrap .sign{margin-top:50px;text-align:right}
.message-wrap .sign-nm{font-family:'Yeongwol';font-size:4.5rem;font-weight:500;margin-left:20px}

.history-wrap-bg{background:url('/_res/yonam/_share/img/logo-symbol-opacity.png') right center no-repeat}
.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:flex;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 .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}
@keyframes line{
	0% {height:0}
	100% {height:calc(100% - 17px)}
}
.item-picture-wrap{display:grid;gap:30px;grid-template-columns:repeat(4, 1fr)}
.item-picture-wrap .item{position:relative;border:1px solid var(--color-border);border-radius:0 60px 60px 0;padding:20px;display:flex;gap:20px;flex-direction:column;align-items:center}
.item-picture-wrap .item .subject-wrap{display:flex;justify-content:center;border-radius:0 60px 60px 0;padding:20px;text-align:center;width:100%;gap:10px;font-family:var(--font-spoint);font-size:1.25rem;background-color:var(--color-border)}
.item-picture-wrap .item:last-child{box-shadow:5px 5px var(--color-m)}

.ui-monun-wrap{display:flex;gap:50px;flex-direction:column;border-radius:20px;margin:50px auto;padding:50px;
	--cell: 20px;            /* 한 칸 크기 */
	--line: rgba(0,0,0,.08); /* 선 색(연함) */
	--bg: #fff;              /* 바탕 */
	background-color: var(--bg);
	background-image:
		repeating-linear-gradient(0deg,  var(--line) 0 1px, transparent 1px var(--cell)),
		repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px var(--cell));}
.ui-monun-wrap.bg{background:#f9f9f9}
.ui-monun-wrap .item{border-radius:0 30px 30px 0;background-color:#fff;width:100%;padding:20px;border-top:1px solid #efefef}
.ui-monun-wrap .item .subject{transform:translateY(-40px);font-weight:bold;font-size:1.45rem;display:inline-block;background-color:#efefef;padding:10px 30px;border-radius:0 30px 30px 0}
.ui-monun-wrap .inner{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
.ui-monun-wrap .inner > *{padding:20px;text-align:center}
.ui-monun-wrap .img-limit{display:flex;flex-direction:column-reverse;align-items:center;gap:20px}
.ui-monun-wrap .img-limit .tit{border-radius:20px 0 0 20px;background-color:#efefef;padding:10px 20px;width:100%}
.ui-monun-wrap .img-org{display:flex;align-items:center;justify-content:center;flex-grow:1;width:100%}
.ui-monun-wrap.half{flex-direction:row;align-items:flex-start}
.ui-monun-wrap.half .item{display:flex;flex-direction:column;align-items:flex-start}

.phistory-wrap{position:relative;display:grid;grid-template-columns:repeat(5, 1fr);gap:20px;position:relative}
.phistory-wrap .item{min-width:0;border:1px solid #000;border-radius:0 60px 60px 0;overflow:hidden;background-color:#fff}
.phistory-wrap::before{position:absolute;background-color:#efefef;height:50px;width:100%;content:"";left:0;top:50%;transform:translateY(-50%);border-radius:0 60px 60px 0;z-index:-1}
.phistory-wrap .subject{background:linear-gradient(45deg, #116cb1, #ce263c);color:#fff;font-size:1.125rem;font-weight:bold;font-family:var(--font-spoint);padding:15px}
.phistory-wrap .txt{background-color:#fff;padding:15px}

.overview-wrap{position:relative;display:flex;align-items:flex-end}
.overview-wrap .img{position:relative;box-shadow:-40px 40px var(--color-m);flex-shrink:0;border-radius:0 100px 100px 0}
.overview-wrap .img img{border-radius:0 100px 100px 0}
.overview-wrap .txt{position:relative;font-size:1.125rem;font-family:var(--font-spoint)}
.overview-wrap .txt .con{background-color:#F6F6F6;padding:50px}
.overview-wrap .txt .subject{color:transparent;background: linear-gradient(to right, #ee426c, #f5dc62);-webkit-background-clip:text;background-clip: text;font-weight:800;font-size:1.875rem;transform:translate(50px,20px);z-index:10;position:relative}
.overview-wrap .con{position:relative}
.overview-wrap .con::before{background-color:#F6F6F6;content:"";width:80vw;height:100%;position:absolute;bottom:0;z-index:-1;right:-45vw}

.item-signbox{display:flex;border-top:2px solid #000;box-shadow:40px 40px var(--color-m)}
.item-signbox .img{flex-shrink:0;position:relative}
.item-signbox .sign{position:absolute;bottom:0;right:-160px;background-color:#fff;box-shadow:-5px -5px 10px rgba(0,0,0,.5);font-size:1.25rem;;display:flex;align-items:center;padding:0 20px;gap:10px}
.item-signbox .txt{background:url('/_res/yonam/_share/img/logo-symbol-opacity.png') right bottom no-repeat;font-size:1.125rem;font-family:var(--font-spoint);padding:50px}
.item-signbox .sign-nm{font-family:'Yeongwol';font-size:3rem}

.history-img-wrap{width:100%;height:300px;border-radius:0 60px 60px 0;overflow:hidden;position:relative;margin:50px 0;background:url('/_res/yonam/www/img/sub/simg17.png') center/cover no-repeat;box-shadow:4px 5px 20px rgba(0,0,0,.3)}
.history-img-wrap .subject{background:rgba(255,255,255,0.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}

.contact-img-wrap{width:100%;height:500px;border-radius:0 60px 60px 0;overflow:hidden;position:relative;margin:50px 0;background:url('/_res/yonam/www/img/sub/simg21.png') center/cover no-repeat;box-shadow:4px 5px 20px rgba(0,0,0,.3)}
.contact-img-wrap .txt{background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:1.125rem;display:inline-block;font-weight:600;border-radius:0 30px 30px 0;overflow:hidden;left:0;bottom:20px;padding:20px;position:absolute;max-width:40%}
.contact-img-wrap .txt .inner{display:flex;flex-wrap:wrap;gap:10px}
.contact-img-wrap .txt .inner dl{width:calc(50% - 5px)} 
.contact-img-wrap .txt .inner dt{padding-left:20px;margin-bottom:5px;background:url('/_res/yonam/www/img/sub/ico-call-sub.png') left 5px no-repeat;font-weight:bold}
.contact-img-wrap .txt .inner dl:last-child{width:100%}
.contact-img-wrap .txt .inner dl:nth-child(2) dt{padding-left:0;background:none;display:flex;gap:5px}
.contact-img-wrap .txt .inner dl:nth-child(2) dt::before{content:"\e9bc";font-family:'xeicon'}
.contact-img-wrap .txt .inner dl:nth-child(5){color:var(--color-m)}
.contact-img-wrap .txt .inner dl:nth-child(5) dt{padding-left:0;background:none;display:flex;gap:5px}
.contact-img-wrap .txt .inner dl:nth-child(5) dt::before{content:"\eb59";font-family:'xeicon'}

.organization-wrap{position:relative;margin:0 auto}
.organization-wrap::before{position:absolute;width:1px;height:100%;top:0;left:50%;transform:translateX(-50%);content:"";background-color:#ddd}
.organization-wrap .sub-btm > li{position:relative}
.organization-wrap .sub-btm > li::before{position:absolute;bottom:-580px;left:50%;transform:rotate(180deg) translateX(50%);background:url('/_res/yonam/www/img/sub/simg20.png') center/contain no-repeat;width:12px;aspect-ratio:12/35;content:""}
.organization-wrap .sub-btm .txt-trd::before{position:absolute;width:1px;content:"";background-color:#ddd;top:100px;height:480px}
.organization-wrap .sub-btm .txt-trd::after{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);background:url('/_res/yonam/www/img/sub/simg20.png') center/contain no-repeat;width:12px;aspect-ratio:12/35;content:""}
.organization-wrap .txt-one{display:block;olor:#fff;border-radius:50%;width:180px;aspect-ratio:1/1;border:10px solid #fbefef;background:url('/_res/yonam/_share/img/logo-symbol-opacity-deep.png') var(--color-m) center/60% no-repeat;position:relative;padding:10px;margin:0 auto;margin-bottom:100px;z-index:1}
.organization-wrap .txt-one + .depth01-ul{justify-content:center}
.organization-wrap .txt-one + .depth01-ul::before{display:none}
.organization-wrap .txt-one + .depth01-ul .depth02-ul{flex-direction:row}
.organization-wrap > ol{display:flex;flex-direction:column;gap:100px;align-items:center}
.organization-wrap > ol > li{width:100%}
.organization-wrap > ol > li:first-child{width:850px;position:relative}
.organization-wrap li:has(.txt-one)::before{position:absolute;background:url('/_res/yonam/www/img/main/main-img07.png') center/contain no-repeat;content:"";width:130px;aspect-ratio:1/1;top:-30px;left:50%;z-index:-1;animation:spin 10s linear infinite;z-index:-1}
.organization-wrap .txt-one span{border-radius:50%;width:100%;aspect-ratio:1/1;display:flex;align-items:center;border:1px dashed #fff;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff}
.organization-wrap .txt-two{background-color:var(--color-m);border-radius:0 30px 30px 0;width:260px;height:80px;margin:0 auto}
.organization-wrap .txt-two span{display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;background-color:#d86788;width:100%;height:100%;border-radius:0 30px 30px 0;color:#fff;box-shadow:5px 5px var(--color-m)}
.organization-wrap .depth01-ul{position:relative;display:flex;justify-content:space-between;z-index:1}
.organization-wrap .depth01-ul::before{position:absolute;top:39px;content:"";left:0;background-color:#ddd;width:100%;height:1px;z-index:-1}
.organization-wrap .depth02-ul{display:flex;flex-direction:column;gap:20px;align-items:center;padding-top:20px;position:relative}
.organization-wrap .depth02-ul::before{position:absolute;width:1px;height:100%;top:0;left:50%;transform:translateX(-50%);content:"";border:1px dashed #ddd}
.organization-wrap > ol > li:nth-child(3) .txt-two span{background-color:#fff;border:1px solid #000;color:#000}
.organization-wrap .txt-trd{width:240px;height:50px;display:flex;align-items:center;color:#fff;justify-content:center;font-size:1rem;background-color:#586C8C;z-index:1;position:relative;border-radius:30px}
.organization-wrap .detph03-ul{position:relative;display:flex;gap:20px;background-color:#f7f9fd;padding:20px;z-index:1}
.organization-wrap .detph03-ul > li{display:flex;flex-direction:column;gap:20px;flex:1;border-radius:10px}
.organization-wrap .depth03-subject{position:relative;width:100%;flex-shrink:0;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:var(--color-m);border:1px solid #586C8C;gap:10px;padding-right:50px;background-color:#fff;border-radius:10px 20px 20px 10px;overflow:hidden}
.organization-wrap .depth03-wrap{flex-grow:1}
.organization-wrap .depth03-subject .txt-finfo{color:#586C8C;font-weight:600}
.organization-wrap .depth04-ul{display:flex;gap:20px;flex-wrap:wrap;font-size:1rem}
.organization-wrap .depth04-ul > li{border:1px solid var(--color-border);width:calc(50% - 10px);background-color:#fff;border-radius:15px;overflow:hidden}
.organization-wrap .depth04-ul .subject{padding:10px;height:50px;display:flex;align-items:center;background-color:var(--color-s);color:#fff;font-weight:600}
.organization-wrap .depth04-ul .subject:only-child{height:100%}
.organization-wrap .depth04-ul .subject-finfo{color:#fff}
.organization-wrap .depth05-ul{padding:10px;display:flex;gap:10px;flex-direction:column;font-size:.9rem}
.organization-wrap .subject-finfo[target="_blank"]{display:flex;gap:5px;align-items:center}
.organization-wrap .subject-finfo[target="_blank"]::after{content:"\e980";font-family:'xeicon';font-weight:normal}
.organization-wrap .subject-finfo[target="_blank"]:hover{gap:10px}
.organization-wrap .btn-finfo{position:absolute;top:0;right:0;background:url('/_res/yonam/www/img/sub/ico-home.png') #586C8C center/20px no-repeat;width:55px;height:100%;text-indent:-999%;overflow:hidden}
.organization-wrap .btn-finfo:hover{background-color:var(--color-hover)}

.item-ico-tbl{display:flex;gap:50px;align-items:flex-start}
.item-ico-tbl .ico-wrap{position:relative;width:200px;display:flex;flex-direction:column;gap:20px;align-items:center;padding:20px 10px;border-radius:10px;border:2px solid #000}
.item-ico-tbl .ico-wrap .img{position:relative}
.item-ico-tbl .ico-wrap .img::before{position:absolute;width:32px;aspect-ratio:1/1;background-color:#FFF5F8;border-radius:12px 0;top:-5px;right:-15px;content:"";transition:.3s;z-index:-1}
.item-ico-tbl .ico-wrap img{max-height:50px}
.item-ico-tbl .ico-wrap::after {background: url('/_res/yonam/www/img/sub/ico-flow.png') center/contain no-repeat;width:42px;aspect-ratio:1/1;position:absolute;top: 50%;transform: translateY(-50%);right:-22px;content:""}
.item-ico-tbl .tbl-wrap{flex-grow:1}

.symbol-wrap{border-radius:20px;margin:50px auto;padding:50px;
	--cell: 20px;            /* 한 칸 크기 */
	--line: rgba(0,0,0,.08); /* 선 색(연함) */
	--bg: #fff;              /* 바탕 */
	background-color: var(--bg);
	background-image:
		repeating-linear-gradient(0deg,  var(--line) 0 1px, transparent 1px var(--cell)),
		repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px var(--cell));
}
.symbol-wrap .monun-wrap{position:relative;display:flex;gap:50px;justify-content:center;}
.symbol-wrap .monun-wrap .img{background-color:#fff;padding:20px;box-shadow:5px 5px 20px rgba(0,0,0,.2);border-radius:0 30px;width:30%;display:flex;align-items:center;justify-content:center}
.symbol-wrap .monun-wrap::before{position:absolute;background:url('/_res/yonam/www/img/sub/simg27.png') center no-repeat;top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:35px;aspect-ratio:1/1}

.symbol-txt-wrap{display:flex;gap:20px}
.symbol-txt-wrap .item{position:relative;flex:1;padding:50px;border-radius:0 30px;background-color:var(--color-s);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);text-align:center;color:#fff;box-shadow:5px 5px var(--color-shover)}
.symbol-txt-wrap .item:nth-child(2){background-color:var(--color-m);box-shadow:5px 5px var(--color-mhover)}
.symbol-txt-wrap .item:nth-child(3){background-color:#727171;box-shadow:5px 5px #333}
.symbol-txt-wrap .item:not(:last-child)::after{content:"";position:absolute;right:-25px;top:50%;transform:translateY(-50%);background:url('/_res/yonam/www/img/comm/ico-line.png') center/contain no-repeat;width:29px;aspect-ratio:29/8;z-index:1}

.anthem-wrap{display:flex;gap:50px;justify-content:center}
.anthem-wrap .img{flex-shrink:0}
.anthem-wrap .txt{border:1px solid var(--color-border);border-radius:0 30px;padding:50px;width:40%;box-shadow:5px 5px var(--color-m)}
.anthem-wrap .subject{position:relative;display:flex;gap:5px;align-items:center;background:linear-gradient(to right, #ee426c, #f5dc62);background-clip:text;color:transparent;font-weight:bold;font-size:1.875rem;margin-bottom:20px}
.anthem-wrap .subject::after{content:"";flex-grow:1;height:1px;background:linear-gradient(to right, #ee426c, #f5dc62)}
.anthem-wrap .txt .con{margin-bottom:50px}

.item-link-ico{display:grid;gap:30px;grid-template-columns:repeat(3, 1fr)}
.item-link-ico .item{position:relative;border:1px solid var(--color-border);border-radius:0 60px 60px 0;padding:20px;display:flex;gap:20px;align-items:center;justify-content:center;box-shadow:5px 5px var(--color-m)}
.item-link-ico .item .subject{font-size:1.25rem;font-weight:600}
.item-link-ico .item:not(:last-child)::after{position:absolute;top:50%;transform:translateY(-50%);background:url('/_res/yonam/www/img/comm/ico-line.png') center/contain no-repeat;width:29px;height:8px;content:"";right:-30px}

.item-txt-subject .h4-tit{transform:translate(0, 50px)}
.item-txt-subject .con{font-size:1.25rem;font-weight:bold;padding:50px;background-color:#F6F6F6;text-align:center}

.item-one-ico{display:grid;gap:30px;grid-template-columns:repeat(3, 1fr);margin:50px 0}
.item-one-ico .item{position:relative;border-radius:0 60px 60px 0;padding:80px 20px 50px 20px;display:flex;gap:20px;align-items:center;justify-content:center;background-color:#286FDA}
.item-one-ico .item:nth-child(2){background-color:#28AEDA}
.item-one-ico .item:nth-child(3){background-color:#28DAD4}
.item-one-ico .item .subject{font-size:1.35rem;font-weight:600;color:#fff;text-align:center}
.item-one-ico .img{position:absolute;top:-40px;left:50%;transform:translateX(-50%)}

.img-boxshadow{text-align:center;width:max-content;max-width:100%;margin:0 auto}

.vision-wrap{text-align:center;display:flex;gap:50px;flex-direction:column}
.vision-wrap .subject-wrap{display:flex;flex-direction:column;align-items:center;gap:50px;font-size:1.5rem}
.vision-wrap .subject-wrap .tit-badge{color:#fff;background-color:var(--color-m);border-radius:30px;display:inline-block;padding:10px 30px;top:-25px;left:50%;font-weight:600;transform:translateX(-50%);position:absolute}
.vision-wrap .subject-wrap .subject-item{position:relative;border-radius:0 50px;border:1px solid var(--color-m);padding:50px 100px;box-shadow:5px 5px var(--color-m)}
.vision-wrap .subject-wrap .subject-item:nth-child(2){border-color:#D86788;;box-shadow:5px 5px #D86788}
.vision-wrap .subject-wrap .subject-item:nth-child(2) .tit-badge{background-color:#D86788}
.vision-wrap .subject-wrap .subject-item:not(:first-child)::before{background:url('/_res/yonam/www/img/sub/simg44.png') center/contain no-repeat;content:"";position:absolute;height:50px;width:100%;left:0;top:-50px;opacity:.6}
.vision-wrap .subject-wrap .subject-item:not(:first-child)::after{background:url('/_res/yonam/www/img/sub/simg44.png') center no-repeat;content:"";position:absolute;height:50px;width:100%;left:0;bottom:-50px;opacity:.6}
.vision-wrap .subject-wrap .tit-badge-con{position:relative;font-weight:bold}
.vision-wrap .subject-wrap .tit-badge.none{margin-bottom:20px;transform:none;background-color:var(--color-ww);height:60px;display:flex;align-items:center;justify-content:center}
.vision-wrap .tit-badge-wrap{display:flex;gap:20px;width:100%}
.vision-wrap .tit-badge-wrap .item{flex:1;border:1px solid var(--color-ww)}
.vision-wrap .tit-badge-wrap .item-subject{display:flex;width:100%;flex-direction:column;background-color:var(--color-ww);color:#fff;height:50px;align-items:center;justify-content:center;font-size:1.125rem;font-weight:bold}
.vision-wrap .tit-badge-wrap .item-subject span{font-weight:300;font-size:.875em}
.vision-wrap .tit-badge-wrap .txt-box{padding:20px}
.vision-wrap .tit-badge-wrap .txt-box .num{font-size:1.875rem}
.vision-detail{display:flex;gap:5px}
.vision-detail .top-tit{width:200px;text-align:center;border-radius:20px 0 0 20px;color:#fff;background-color:var(--color-s);padding:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:500}
.vision-detail .flow-top{display:flex;gap:20px;flex-direction:column}
.vision-detail .flow-top .tit-con-wrap{display:flex;gap:10px;font-size:1.25rem;flex-grow:1;padding:20px;background:var(--bg-grd)}
.vision-detail .flow-top .tit-con-wrap .tit-con{color:#fff;display:flex;gap:10px;align-items:center;justify-content:center;height:100%;padding-bottom:25px;border-radius:10px}
.vision-detail .flow-top .tit-top{flex:1;position:relative;display:flex;height:60px;width:100%;border-radius:20px 0;justify-content:center;align-items:center;border:2px solid rgba(255,255,255,.8);font-weight:500;color:#fff}
.vision-detail .flow-top .tit-top::after{width:1px;height:100%;background-color:rgba(255,255,255,.6);content:"";position:absolute;left:50%;transform:translateX(-50%);top:60px;z-index:10}
.vision-detail .flow-top .tit-con-wrap .tit-con:first-child{background-color:#6021d2;background:var(--bg-grd);flex-grow:1;padding-left:5px;padding-right:5px;padding-bottom:20px}
.vision-detail .flow-top .tit-con-wrap .tit-con:first-child p{color:#bb9bff;font-size:1rem}
.vision-detail .flow-top .tit-con-wrap .tit-con strong{font-size:1.25rem;font-weight:500;color:#fff}
.vision-detail .flow-top .tit-con-wrap .tit-con .point{color:#aeff00}
.vision-detail .flow-bottom{position:relative;display:flex;gap:10px;padding:20px 20px 0 20px}
.vision-detail .flow-bottom .tit{position:absolute;top:0;left:0;font-size:0;line-height:0;border:0;overflow:hidden}
.vision-detail .flow-bottom .item{flex:1}
.vision-detail .flow-bottom .stit{border:2px solid var(--color-s);color:var(--color-s);font-size:1.125rem;font-weight:bold;height:45px;border-radius:30px;width:100%;transform:translateY(-25px);display:flex;align-items:center;justify-content:center;background-color:#fff;position:relative;z-index:10}
.vision-detail .flow-bottom .tit-con{display:flex;flex-direction:column;gap:10px;position:relative;font-size:1.05rem;transform:translateY(-10px)}
.vision-detail .flow-bottom .item .tit-con::before{position:absolute;border:3px solid var(--color-s);border-radius:50%;width:14px;height:14px;background-color:#fff;left:50%;transform:translateX(-50%);top:-15px;content:""}
.vision-detail .flow-bottom .tit-con li{display:flex;gap:5px;align-items:center;border:1px solid var(--color-s);border-radius:5px;height:70px;display:flex;align-items:center;justify-content:center;color:#2a586b;background-color:#f6fffe;padding:20px 10px;word-break:keep-all;font-size:1rem}
.vision-detail .flow-bottom .tit-con li:not(:last-child){margin-bottom:10px}
.vision-detail .flow-bottom .tit-con li span:first-child{display:flex;gap:5px;align-items:center}

.campus-map-marker{margin-bottom:50px}
.campus-map-marker .inner{position:relative;background:url('/_res/yonam/www/img/sub/simg87.png') center/contain no-repeat;width:100%;aspect-ratio:1582/807}
.campus-map-marker .tag{position:absolute;display:flex;flex-direction:column;align-items:center}
.campus-map-marker .tag span{background-color:#2b2b2b;border-radius:30px;padding:5px 15px;color:#fff;font-size:.875rem}
.campus-map-marker .tag::after{font-family:'xeicon';content:"\eb59";font-size:1.5rem}
.campus-map-marker .tag.on{color:var(--color-m)}
.campus-map-marker .tag.on span{background-color:var(--color-m)}
.campus-map-marker .tag[data-idx="1"]{top:315px;left:40px}
.campus-map-marker .tag[data-idx="2"]{top:380px;left:180px}
.campus-map-marker .tag[data-idx="3"]{top:320px;left:270px}
.campus-map-marker .tag[data-idx="4"]{top:245px;left:160px}
.campus-map-marker .tag[data-idx="5"]{top:205px;left:220px}
.campus-map-marker .tag[data-idx="6"]{top:169px;left:340px}
.campus-map-marker .tag[data-idx="7"]{top:142px;left:390px}
.campus-map-marker .tag[data-idx="8"]{top:168px;left:258px}
.campus-map-marker .tag[data-idx="9"]{top:160px;left:460px}
.campus-map-marker .tag[data-idx="10"]{top:195px;left:400px}
.campus-map-marker .tag[data-idx="11"]{top:280px;left:590px}
.campus-map-marker .tag[data-idx="12"]{top:200px;right:760px}
.campus-map-marker .tag[data-idx="13"]{top:250px;right:630px}
.campus-map-marker .tag[data-idx="14"]{top:480px;right:120px}
.campus-map-marker .tag[data-idx="15"]{top:400px;right:30px}
.campus-map-wrap{display:flex;flex-direction:row-reverse;gap:50px;align-items:flex-start}
.campus-map-wrap > *{flex:1}
.campus-map-wrap .campus-tab-con{position:relative;box-shadow:-40px 40px var(--color-m)}
.campus-map-wrap .campus-tab-con .campus-map:not(:first-child){display:none}
.campus-map-wrap .campus-tab > ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px}
.campus-map-wrap .campus-tab > ul > li{min-width:0}
.campus-map-wrap .campus-tab .item{display:flex;font-size:.9rem;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:20px 0;height:var(--btn-height);width:100%;text-align:center}
.campus-map-wrap .campus-tab .item.on,
.campus-map-wrap .campus-tab .item:hover{box-shadow:3px 3px var(--color-m);transform:translateY(-5px);border-color:var(--color-m)}
.campus-map-wrap .campus-map .img{border-radius:30px 0;overflow:hidden}

.item-org{border:1px solid var(--color-border);border-top-right-radius:50px;border-bottom-left-radius:50px;overflow:hidden;text-align:center;padding:50px;background-color:#F6F9FFCC}
.item-org > ul{position:relative}
.item-org > ul::before{position:absolute;background-color:#999;width:1px;content:"";height:calc(100% - 40px);left:50%;transform:translateX(-50%)}
.item-org > ul::after{position:absolute;background-color:#999;width:16px;content:"";height:16px;left:50%;bottom:40px;transform:translateX(-50%);border:5px solid #D4D4D4;border-radius:50%}
.item-org li{position:relative}
.item-org:has(.employ-wrap > li:first-child:nth-last-child(even)) > ul::after{bottom:30px}
.item-org .employ-wrap{display:flex;gap:10px;justify-content:space-between}
.item-org .employ-wrap.wrap-column{flex-wrap:wrap;gap:40px}
.item-org .employ-wrap.wrap-small-column{flex-wrap:wrap;gap:10px;padding:20px} /* 지역콜라보 > 추진조직 */
.item-org .employ-wrap.wrap-small-column > li:not(:last-child)::before{display:none}
.item-org .employ-wrap > li:not(:last-child, :nth-child(6))::before{position:absolute;width:100%;height:1px;background-color:#999;content:"";left:100%;top:50%;transform:translateY(-50%)}
.item-org .employ{display:flex;align-items:center;justify-content:center;color:#fff;background-color:#333;border-radius:50px;width:160px;height:50px;box-shadow:6px 6px 0px #ffe3eb;font-size:.875rem}
.item-org .top-owner{background:url('/_res/yonam/_share/img/logo-symbol-opacity-deep.png') var(--color-m) center no-repeat;width:200px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff;text-align:center;border:10px solid #d86788;border-radius:50%;margin:0 auto}
.item-org .sec-owner{display:flex;align-items:center;justify-content:center;background-color:#d86788;border-radius:50px;width:220px;height:70px;box-shadow:6px 6px 0px var(--color-m);position:relative;color:#fff}
.item-org .sec-owner-multi{position:relative;display:flex;gap:20px;flex-direction:column;align-items:flex-end;margin-top:50px;margin-bottom:50px}
.item-org .sec-owner-multi-txt{display:flex;align-items:center;justify-content:center;background-color:#d3e0f5;border-radius:50px;width:220px;height:70px;box-shadow:6px 6px 0px var(--color-m);position:relative}
.item-org .sec-owner-multi::before{position:absolute;top:35px;height:1px;background-color:#999;content:"";width:50%;right:0}
.item-org li:has(.sec-owner){display:flex;justify-content:space-between;padding:50px 50px 100px 50px}
.item-org li:has(.sec-owner)::before{position:absolute;background-color:#999;width:calc(100% - 400px);content:"";height:1px;left:200px;transform:translateY(-50%);top:calc(50% - 25px)}
.item-org .sec-owner:first-child::after{right:auto;left:215px}
.item-org .sec-owner::after{position:absolute;background-color:#999;width:16px;content:"";height:16px;right:210px;top:50%;transform:translateY(-50%);border:5px solid #D4D4D4;border-radius:50%}
.item-org .trd-owner{display:flex;align-items:center;justify-content:center;background-color:#3467B9;border-radius:50px;width:220px;height:70px;box-shadow:6px 6px 0px var(--color-m);position:relative;margin:0 auto;color:#fff;z-index:1}
.item-org .fur-ul{position:relative;display:flex;justify-content:space-between;padding:0 50px}
.item-org .fur-ul::before{position:absolute;top:50%;transform:translateY(-50%);content:"";background-color:#999;width:calc(100% - 100px);height:1px;left:50px}
.item-org .fur-owner{display:flex;align-items:center;justify-content:center;background-color:#414141;border-radius:50px;width:220px;height:70px;position:relative;color:#fff}
.item-org .trd-owner-txt{background-color:#fff;display:inline-block;padding:20px;border:1px solid #efefef;margin-top:20px;text-align:left}

.full-search-inner{background-color:#fafafa;padding:45px 90px}
.full-search-inner ul{display:flex;align-items:center;justify-content:center}
.full-search-inner li:first-child{position:relative;width:750px;margin-right:10px;display:flex;align-items:center;flex-shrink:0}
.full-search-inner .input-select{width:100%}
.full-search-inner .frm-keyword{position:absolute;top:60px;width:100%;left:0;background-color:#fff;padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:150px;box-shadow:5px 5px 8px rgba(0,0,0,.2)}
.full-search-wrap .search-result{margin:30px auto;border:1px solid #ccc;text-align:center;padding:45px;font-size:1.375rem;font-weight:500}
.full-search-wrap .search-result .subject{font-size:1.5rem;font-weight:bold}
.full-search-wrap .search-result-detail{margin-top:20px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.full-search-wrap .keyword-wrap{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;justify-content:center}
.full-search-wrap .keyword-wrap .keyword{display:inline-block;border-radius:0 5px 0 0;padding:5px 10px;color:#fff;font-size:.875rem;background-color:var(--color-s)}
.full-search-wrap .search-head{font-size:1.875rem;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #636363}
.full-search-wrap .search-head span{font-weight:normal}
.full-search-wrap .search-con{border-bottom:1px solid #636363}
.full-search-wrap .search-news li{padding:20px 0;border-bottom:1px solid #d2d2d2}
.full-search-wrap .search-news .item{display:flex;justify-content:space-between}
.full-search-wrap .search-news .img{width:300px;height:200px;overflow:hidden;margin-right:50px;flex-shrink:0}
.full-search-wrap .search-news .img img{width:100%}
.full-search-wrap .board-subject{font-size:1.5rem;font-weight:500}
.full-search-wrap .board-con{-webkit-line-clamp:2;margin:20px 0;max-height:2.5em;overflow:hidden;line-height:1.2}
.full-search-wrap .board-info{color:#8b8b8b}
.full-search-wrap .board-category{position:relative;padding-left:10px;margin-left:10px}
.full-search-wrap .board-category:after{position:absolute;left:0;top:55%;transform:translateY(-50%);width:1px;height:15px;background-color:#dee2e4;content:""}
.full-search-wrap .search-notice li{padding:20px 0;border-bottom:1px solid #d2d2d2}
.full-search-wrap .search-notice li:last-child{border-bottom:0}
.full-search-wrap .search-call .search-head{border-bottom:0}
.full-search-wrap .search-call .search-con{border-bottom:0}
.full-search-wrap .search-list{position:relative}
.full-search-wrap .search-list .mkeyword{color:var(--color-point);background-color:#ffffcc;font-weight:600}
.full-search-wrap .search-list li{margin-bottom:20px}
.full-search-wrap .search-list li:last-child{margin-bottom:0}
.full-search-wrap .search-list .item{display:block;padding:20px 0;border-bottom:1px solid var(--color-border)}
.full-search-wrap .search-list .board-subject{font-size:1.25rem;font-weight:bold;width:auto;margin-right:20px;color:var(--color-h)}
.full-search-wrap .search-list .board-date{color:#8b8b8b}
.full-search-wrap .btn-full-search{width:var(--btn-height);height:var(--btn-height);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:#333;border-radius:5px}
.full-search-wrap li:has(.btn-full-search-detail){margin-left:10px}
.full-search-wrap .btn-full-search-detail{width:100px;height:var(--btn-height);display:flex;align-items:center;transition:.3s;justify-content:center;border:1px solid var(--color-s);background-color:var(--color-s);color:#fff;border-radius:5px;gap:10px}
.full-search-wrap .btn-full-search-detail:hover{background-color:var(--color-sd)}
.full-search-wrap .detail-frm{max-width:930px;margin:20px auto 0 auto;padding:10px;overflow:hidden;border-radius:5px;background-color:var(--color-s);color:#fff}
.full-search-wrap .detail-frm .detail-frm-li:first-child{border-top:1px solid var(--color-s)}
.full-search-wrap .detail-frm .detail-frm-li{display:flex;align-items:center;gap:10px;height:65px;border-bottom:1px solid var(--color-s)}
.full-search-wrap .detail-frm .detail-frm-subject{position:relative;font-weight:bold;flex-basis:120px;height:100%;padding:10px;flex-shrink:0;background-color:var(--color-s);color:#fff;display:flex;align-items:center}
.full-search-wrap .detail-frm .detail-frm-subject::after{position:absolute;right:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:20px;background-color:rgba(255,255,255,.2)}
.full-search-wrap .detail-frm .detail-frm-con{flex-grow:1;display:flex;align-items:center;gap:10px}
.full-search-wrap .detail-frm .detail-frm-item{flex:1;display:flex;align-items:center;gap:10px;height:100%}

@media (max-width:1400px){
	#aside-nav{display:none}
	.sub-con{padding:0 20px;margin:50px auto}

	.history-wrap .left{padding-left:40px}

	.overview-wrap{padding-left:40px}
	.overview-wrap .img{max-width:40%;border-radius:0 60px 60px 0}
	.overview-wrap .img img{border-radius:0 60px 60px 0}
	.overview-wrap .txt{font-size:1rem}
	.overview-wrap .txt .subject{font-size:1.5rem;transform:translate(50px,15px)}

	.item-signbox{margin-right:40px}
	.item-signbox .txt{padding:20px}
	.item-signbox .con-box{margin:20px 0}
	
	.campus-map-marker .tag[data-idx="1"]{top:22vw;left:1vw}
	.campus-map-marker .tag[data-idx="2"]{top:25vw;left:10vw}
	.campus-map-marker .tag[data-idx="3"]{top:26vw;left:16vw}
	.campus-map-marker .tag[data-idx="4"]{top:16vw;left:10vw}
	.campus-map-marker .tag[data-idx="5"]{top:11vw;left:12vw}
	.campus-map-marker .tag[data-idx="6"]{top:10vw;left:21vw}
	.campus-map-marker .tag[data-idx="7"]{top:8vw;left:27vw}
	.campus-map-marker .tag[data-idx="8"]{top:13vw;left:16vw}
	.campus-map-marker .tag[data-idx="9"]{top:11vw;left:34vw}
	.campus-map-marker .tag[data-idx="10"]{top:13vw;left:27vw}
	.campus-map-marker .tag[data-idx="11"]{top:18vw;left:40vw}
	.campus-map-marker .tag[data-idx="12"]{top:13vw;right:51vw}
	.campus-map-marker .tag[data-idx="13"]{top:16vw;right:40vw}
	.campus-map-marker .tag[data-idx="14"]{top:32vw;right:7vw}
	.campus-map-marker .tag[data-idx="15"]{top:27vw}
	.campus-map-wrap{gap:20px}
	.campus-map-wrap .campus-tab-con{box-shadow:-20px 20px var(--color-m)}
	.campus-map-wrap .txt-copyright{left:-10px;top:40px}
	.campus-map-wrap .txt-copyright::after{top:10%}
}

@media (min-width:1025px){
	.item-picture-wrap .item:not(:nth-child(4n), :last-child)::after{position:absolute;top:50%;transform:translateY(-50%);background:url('/_res/yonam/www/img/comm/ico-line.png') center/contain no-repeat;width:29px;height:8px;content:"";right:-30px}
}

@media (max-width:1024px){
	.con-bbox{margin:60px auto}

	.sub-v{height:350px;padding-top:115px}
	.sub-v .h2-subject{font-size:30px}

	.sub-nav{transform:translateY(-40px)}
	.sub-nav .cinner{padding:0}
	.sub-nav .sub-1li:first-child .sub-1item{width:40px}
	.sub-nav .sub-1li:first-child .sub-1item::before{background-size:20px}
	.sub-nav .sub-1item{height:40px;min-width:auto;font-size:.9rem}
	.sub-nav .sub-2ul{min-width:auto;top:40px;width:100%}
	.sub-nav .sub-2item{font-size:.9rem;padding:10px}
	.sub-nav-info .item{height:40px;background-size:20px}
	.sub-nav-info .sns-share{top:40px}

	.h3-tit{font-size:28px}
	.h4-tit{font-size:24px}
	.h5-tit{font-size:22px}
	.h6-tit{font-size:18px}

	.item-flow{flex-direction:column}
	.item-flow li:not(:last-child)::after{top:auto;right:20px;transform:none;background:url('/_res/yonam/www/img/sub/ico-vflow.png') center/contain no-repeat;bottom:-21px}

	.item-vflow{padding:50px 20px}
	.item-vflow li{flex-direction:column}
	.item-vflow .inner{width:100%}

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

	.btn-bg{min-width:100px;padding:0 10px}

	.item-txtbox{padding:20px 60px 20px 20px;flex-direction:column;background-position-x:calc(100% - 20px);align-items:flex-start}
	.item-thumb-list .img-list{flex-direction:column;gap:0;background-position:right bottom}
	.item-thumb-list .btn-home{width:45px;background-size:20px}
	.item-thumb-list .btn-download{height:45px}
	.item-thumb-list .img{width:100%}
	.item-thumb-list .img img{width:100%}
	.item-thumb-list .txt{padding:45px 20px}
	.item-thumb-list .detail ul{flex-wrap:wrap;gap:20px}

	.message-wrap{flex-direction:column;gap:50px;padding:0 20px}
	.message-wrap::before{left:0}
	.message-wrap .img-inner img{width:100%}
	.message-wrap .txt .subject{padding:20px;font-size:1.25rem}
	.message-wrap .txt .subject::before{width:30px;margin-bottom:10px}
	.message-wrap .txt .con{padding:20px}
	.message-wrap .subject-detail{padding:20px;font-size:1.125rem}
	.message-wrap .sign-nm{font-size:2.5rem}

	.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}
	.history-wrap:has(.img) .right{background:url('/_res/yonam/www/img/sub/simg19.png') center/contain no-repeat}

	.item-picture-wrap{grid-template-columns:repeat(3, 1fr)}
	.item-picture-wrap .item:not(:nth-child(3n),:last-child)::after{position:absolute;top:50%;transform:translateY(-50%);background:url('/_res/yonam/www/img/comm/ico-line.png') center/contain no-repeat;width:29px;height:8px;content:"";right:-30px;aspect-ratio:29/8}

	.txt-copyright::after{display:none}

	.phistory-wrap{grid-template-columns:repeat(2, 1fr)}
	.phistory-wrap::before{width:30%;height:100%;left:50%;transform:translate(-50%,-50%);border-radius:50px}

	.overview-wrap{flex-direction:column;gap:30px;padding-left:20px;align-items:center}
	.overview-wrap .img{max-width:100%;box-shadow:-20px 20px var(--color-m)}
	.overview-wrap .txt-copyright{left:-10px}
	.overview-wrap .txt{transform:translateX(-20px);width:100%}
	.overview-wrap .txt .con{padding:50px 0 50px 20px}
	.overview-wrap .txt .subject{font-size:1.3rem;transform:translate(20px,15px)}

	.organization-wrap .depth01-ul::before{top:29px}
	.organization-wrap > ol > li:first-child{width:100%}
	.organization-wrap .txt-two{width:200px;height:60px}
	.organization-wrap .detph03-ul > li{gap:10px}
	.organization-wrap .depth04-ul{gap:10px}
	.organization-wrap .depth04-ul > li{width:100%}

	.contact-img-wrap .txt{max-width:90%;font-size:1rem}

	.symbol-txt-wrap .item{padding:20px}

	.ui-monun-wrap{padding:20px}
	.ui-monun-wrap .inner{grid-template-columns:repeat(1,1fr)}
	.ui-monun-wrap.half{gap:20px;flex-direction:column}

	.item-one-ico .item .subject{font-size:1.125rem}
	
	.campus-map-marker .inner{width:1024px}
	.campus-map-marker{overflow-x:auto}
	.campus-map-marker .tag[data-idx="1"]{top:47%;left:1%}
	.campus-map-marker .tag[data-idx="2"]{top:52%;left:10%}
	.campus-map-marker .tag[data-idx="3"]{top:49%;left:16%}
	.campus-map-marker .tag[data-idx="4"]{top:33%;left:10%}
	.campus-map-marker .tag[data-idx="5"]{top:26%;left:12%}
	.campus-map-marker .tag[data-idx="6"]{top:18%;left:21%}
	.campus-map-marker .tag[data-idx="7"]{top:19%;left:30%}
	.campus-map-marker .tag[data-idx="8"]{top:22%;left:16%}
	.campus-map-marker .tag[data-idx="9"]{top:25%;left:34%}
	.campus-map-marker .tag[data-idx="10"]{top:26%;left:28%}
	.campus-map-marker .tag[data-idx="11"]{top:37%;left:42%}
	.campus-map-marker .tag[data-idx="12"]{top:25%;right:53%}
	.campus-map-marker .tag[data-idx="13"]{top:33%;right:44%}
	.campus-map-marker .tag[data-idx="14"]{top:32%;right:7%}
	.campus-map-marker .tag[data-idx="15"]{top:55%}
	
	.item-org .employ-wrap{flex-wrap:wrap}
	.item-org .employ-wrap.wrap-column{gap:20px}
	.item-org .employ-wrap > li{width:calc(25% - 15px)}
	.item-org .employ{width:100%}
	.item-org .employ-wrap > li:not(:last-child)::before{width:120%}
	.item-org .employ-wrap > li:nth-child(4n)::before{display:none}
	.item-org .employ-wrap > li:nth-child(6)::before{position:absolute;width:120%;height:1px;background-color:#999;content:"";left:100%;top:50%;transform:translateY(-50%)}
	
	.full-search-inner{padding:20px}
	.full-search-inner li:first-child{width:calc(100% - 105px);margin-right:5px}
	.full-search-wrap .btn-full-search{width:45px;height:45px}
	.full-search-wrap .search-result{font-size:1.125rem;padding:20px}
	.full-search-wrap .search-result-detail{margin-top:10px;gap:10px}
	.full-search-wrap .search-head{font-size:1.25rem}
	.full-search-inner .frm-keyword{top:50px}
	.full-search-wrap li:has(.btn-full-search-detail){margin-left:5px}
	.full-search-wrap .btn-full-search-detail{height:45px;width:75px}
	.full-search-wrap .detail-frm .detail-frm-li{height:45px}
	.full-search-wrap .detail-frm .detail-frm-li:has(.detail-frm-item){height:auto;flex-wrap:wrap}
	.full-search-wrap .detail-frm .detail-frm-item{flex:auto;width:100%}
}

@media (max-width:720px){
	.sub-v .h2-subject{font-size:20px}
	.sub-nav .sub-1li:nth-child(n + 3){display:none}
	.h3-tit{font-size:26px}
	.h4-tit{font-size:1.25rem}
	.h5-tit{font-size:1.125rem}
	.h6-tit{font-size:1.1rem}

	.message-wrap .img-inner::before{top:20px;left:-20px}
	.message-wrap .img-inner::after{left:-10px;top:50px}
	.message-wrap .sign{display:flex;flex-direction:column}

	.item-picture-wrap{grid-template-columns:repeat(2, 1fr);gap:10px}
	.item-picture-wrap .item{gap:10px}
	.item-picture-wrap .item:nth-child(2n)::after{display:none}
	.item-picture-wrap .item:not(:nth-child(2n),:last-child)::after{width:11px;right:-11px}
	.item-picture-wrap .item:nth-child(3)::after{position:absolute;top:50%;transform:translateY(-50%);background:url('/_res/yonam/www/img/comm/ico-line.png') center/contain no-repeat;width:11px;height:8px;content:"";right:-11px;aspect-ratio:29/8}
	.item-picture-wrap .item .subject-wrap{font-size:.9rem;padding:20px 10px;gap:5px}

	.item-signbox{box-shadow:20px 20px var(--color-m);flex-direction:column;margin-right:20px;align-items:center}
	.item-signbox .con-box{text-align:center}
	.item-signbox .sign{right:-20px}

	.history-img-wrap .subject{font-size:1.25rem}

	.organization-wrap > ol{gap:50px}
	.organization-wrap .depth01-ul::before{top:20px}
	.organization-wrap .txt-one::before{top:-20px}
	.organization-wrap .txt-two{width:160px;height:50px}
	.organization-wrap .txt-two span{font-size:1rem}
	.organization-wrap .sub-depth{gap:5px;flex-wrap:wrap}
	.organization-wrap .sub-depth li{gap:5px}
	.organization-wrap .sub-depth .txt-sub{width:80px;height:40px;font-size:.8rem;padding:2px;text-align:center}
	.organization-wrap .txt-trd{width:160px;height:40px;font-size:.875rem}
	.organization-wrap .depth02-ul{padding-top:10px;gap:10px}
	.organization-wrap .detph03-ul{flex-direction:column}
	.organization-wrap .detph03-ul > li{width:100%;flex-direction:column}
	.organization-wrap .depth03-subject::after{right:auto;left:50%;transform:translateX(-50%) rotate(90deg);bottom:-44px;top:auto}
	.organization-wrap .depth03-subject{width:100%;height:40px}
	.organization-wrap .txt-finfo{font-size:1rem}
	.organization-wrap .detph03-ul::before{display:none}
	.organization-wrap .depth04-ul{gap:10px}
	.organization-wrap .depth04-ul > li{width:calc(50% - 5px)}
	.organization-wrap .sub-btm > li::before{z-index:10;bottom:-98vw}

	.item-ico-tbl{flex-direction:column;align-items:center}
	.item-ico-tbl .ico-wrap::after{background: url('/_res/yonam/www/img/sub/ico-vflow.png') center/contain no-repeat;top:auto;bottom: -21px;right:50%;transform:translateX(50%)}
	.item-ico-tbl .tbl-wrap{width:100%}

	.symbol-txt-wrap{flex-direction:column}
	.symbol-txt-wrap .item:not(:last-child)::after{right:auto;transform:translateX(30%) rotate(90deg);top:auto;bottom:-17px}
	.symbol-wrap{padding:20px}

	.anthem-wrap{flex-direction:column}
	.anthem-wrap .txt{width:100%;padding:50px 30px}
	.anthem-wrap .subject{font-size:1.5rem}

	.item-link-ico{grid-template-columns:repeat(1,1fr)}
	.item-link-ico .item:not(:last-child)::after{top:auto;bottom:-24px;right:auto;transform:translateX(-50%) rotate(90deg)}

	.item-one-ico{grid-template-columns:repeat(1,1fr);gap:50px}
	.item-one-ico .img{width:60px;top:-30px}
	.item-one-ico .item{padding:40px 20px 30px 20px}

	.vision-wrap .subject-wrap{font-size:1.25rem}
	.vision-wrap .subject-wrap .subject-item{padding:30px 50px}
	.vision-detail{flex-direction:column}
	.vision-detail .top-tit{width:100%;border-radius:20px;margin-bottom:20px}
	.vision-detail .flow-top .tit-con-wrap{display:none}
	.vision-detail .flow-bottom{flex-direction:column;gap:50px}

	.campus-map-wrap{flex-direction:column}
	
	.item-org{padding:50px 20px}
	.item-org .top-owner{width:140px}
	.item-org > ul::after{right:auto;left:50%;transform:translateX(-50%);top:135px}
	.item-org li:has(.sec-owner){padding:50px 0;justify-content:center;gap:20px}
	.item-org .sec-owner::after{display:none}
	.item-org .employ-wrap{flex-direction:column;gap:10px;align-items:center}
	.item-org .employ-wrap > li:not(:last-child)::before{display:none}
	.item-org li:has(.sec-owner)::after{right:auto;left:50%;transform:translateX(-50%);top:140px;z-index:10}
	.item-org li:has(.sec-owner)::before{display:none}
	.item-org .employ-wrap.wrap-column li:nth-child(4n)::before{display:none}
	.item-org .sec-owner{width:160px;height:60px}
	.item-org .employ-wrap.wrap-column{gap:10px}
	.item-org .employ-wrap > li{width:50%}
	
	.item-plus-flow{flex-direction:column}
	.item-plus-flow::before{width:1px;height:calc(100% - 20px);left:50%;transform:translateX(-50%);top:0}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){gap:20px}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4))::before{display:block}
	.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%}
}