@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/sub-bg.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.sub-visual8::before{background-image:url('../img/sub/sub-bg08.png')}
.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 rgb(25 40 55 / 52%);font-family:var(--font-point);font-weight:100}
.sub-nav{background:linear-gradient(to right, #e92e96, #7d439d);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:80px}
.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:80px;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:80px;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:#192837;content:"";position:absolute;bottom:0;left:0;width:0;height:1px;animation:line 2s both}
#sub-wrapper .h3-tit{font-size:1.7rem;font-family:var(--font-point);font-weight:100}
.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 140px auto;color:#333;font-size:1.125rem;position:relative}
.sub-con p{line-height:1.4}
.sub-con .h4-tit{font-size:1.5rem;font-weight:100;margin-bottom:30px;font-family:var(--font-point)}
.sub-con .h4-tit span{position:relative}
.sub-con .h4-tit span:after{position: absolute;right: -15px;top:-5px;width:8px;aspect-ratio:1/1;background:var(--bg-grd);content: "";border-radius:50%}
.sub-con .h5-tit{font-size:1.3rem;font-weight:700;margin-bottom:30px;color:var(--color-m)}
.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}

.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;border-radius:20px 0 20px 0;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;border-radius:20px 0 20px 0;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-proc{display:flex;gap:50px}
.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 #FFAE82;border-radius:20px;padding:20px;width:100%}
.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:#FFAE82;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-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-one-gyo .point{font-family:var(--font-point);margin-bottom:10px;display:inline-block;font-weight:200}

.education-wrap{display:flex;gap:20px;flex-wrap:wrap}
.education-wrap .item{width:calc(50% - 10px);display:flex;gap:10px}
.education-wrap .item .subject{color:#fff;background-color:var(--color-m);padding:20px 5px;font-size:1.125rem;font-family:var(--font-point);text-align:center;border-radius:10px 0 0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.6;width:130px}
.education-wrap .item .subject strong{display:block;font-weight:500}
.education-wrap .info{display:flex;flex-grow:1;gap:10px}
.education-wrap .tit{background-color:var(--color-b);padding:10px;text-align:center;border-radius:10px 10px 0 0}
.education-wrap .con{flex:1}
.education-wrap table{width:100%;height:220px;font-size:.875em}
.education-wrap td{padding:10px;border-bottom:1px solid var(--color-b)}
.education-wrap td:not(:last-child){border-right:1px solid var(--color-b)}
.education-wrap th{padding:10px;font-weight:500;border-bottom:1px solid var(--color-b);background-color:#f9f9f9;border-right:1px solid var(--color-b)}
.education-wrap th:first-child{border-left:0}
.education-wrap th,
.education-wrap tr:last-child td,
.education-wrap th:not([rowspan]) + td,
.education-wrap tr:has(th[rowspan="2"]) + tr > td,
.education-wrap tr:has(th[rowspan="3"]) + tr + tr > td{border-bottom-color:var(--color-m)}
.education-wrap .item.color-02 .subject{background-color:#00A49F}
.education-wrap .color-02 th,
.education-wrap .color-02 tr:last-child td,
.education-wrap .color-02 th:not([rowspan]) + td,
.education-wrap .color-02 tr:has(th[rowspan="2"]) + tr > td,
.education-wrap .color-02 tr:has(th[rowspan="3"]) + tr + tr > td{border-bottom-color:#00A49F}
.education-wrap .item.color-03 .subject{background-color:#008CD6}
.education-wrap .color-03 th,
.education-wrap .color-03 tr:last-child td,
.education-wrap .color-03 th:not([rowspan]) + td,
.education-wrap .color-03 tr:has(th[rowspan="2"]) + tr > td,
.education-wrap .color-03 tr:has(th[rowspan="3"]) + tr + tr > td{border-bottom-color:#008CD6}
.education-wrap .item.color-04 .subject{background-color:#00A686}
.education-wrap .color-04 th,
.education-wrap .color-04 tr:last-child td,
.education-wrap .color-04 th:not([rowspan]) + td,
.education-wrap .color-04 tr:has(th[rowspan="2"]) + tr > td,
.education-wrap .color-04 tr:has(th[rowspan="3"]) + tr + tr > td{border-bottom-color:#00A686}
.education-wrap .item.color-05 .subject{background-color:#00A0C1}
.education-wrap .color-05 th,
.education-wrap .color-05 tr:last-child td,
.education-wrap .color-05 th:not([rowspan]) + td,
.education-wrap .color-05 tr:has(th[rowspan="2"]) + tr > td,
.education-wrap .color-05 tr:has(th[rowspan="3"]) + tr + tr > td{border-bottom-color:#00A0C1}
.education-wrap .item.color-06 .subject{background-color:#5AB655}
.education-wrap .color-06 th,
.education-wrap .color-06 tr:last-child td,
.education-wrap .color-06 th:not([rowspan]) + td,
.education-wrap .color-06 tr:has(th[rowspan="2"]) + tr > td,
.education-wrap .color-06 tr:has(th[rowspan="3"]) + tr + tr > td{border-bottom-color:#5AB655}

.con-box{margin:80px auto}

.complete{width:100%;background: #f7f7f7;border: 1px solid #e5e5e5;padding: 3em;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-column-gap: 20px;}
.complete > div{display: grid;grid-template-rows: 10% 1fr 1fr;}
.complete.grid-11-container{column-gap : 1px;
	row-gap: 1px; background: #f1f1f1;
	padding: 0; align-items: center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.complete.grid-11-container > div{justify-content: center;  grid-template-rows: auto;align-items: center; text-align: center; width: 100%; height: 100%; padding:.625rem; background: #fff; font-size: .9375rem;}
.complete.grid-11-container > div.bg01{background-color: #f9f9f9;}
.complete.grid-11-container > div.item:nth-child(1) {grid-column: 1 / span 1;	grid-row: 1 / span 3; background: #fff;}
.complete.grid-11-container > div.item:nth-child(2){grid-column: 2 / span 1;	grid-row: 1 / span 3; background: #fff; }
.complete.grid-11-container > div.item:nth-child(3){grid-column: 3 / span 6; background-color: #ffd7d7;  font-weight: bold;}
.complete.grid-11-container > div.item:nth-child(4){grid-column: 9 / span 3; background: #ffeac1;  font-weight: bold;}
.complete.grid-11-container > div.item:nth-child(5){grid-column: 3 / span 3; }
.complete.grid-11-container > div.item:nth-child(6){grid-column: 6 / span 3; }
.complete.grid-11-container > div.item:nth-child(7){grid-column: 9 / span 1;}
.complete.grid-11-container > div.item:nth-child(8){grid-column: 10 / span 2;}
.complete.grid-11-container > div.item:nth-child(9){background: #d1ebc4 ;}
.complete.grid-11-container > div.item:nth-child(10){background: #ffdd8c;}
.complete.grid-11-container > div.item:nth-child(11){background: #c9d9ff;}
.complete.grid-11-container > div.item:nth-child(12){background: #ebccf9;}
.complete.grid-11-container > div.item:nth-child(13){background: #ffd9d9;}
.complete.grid-11-container > div.item:nth-child(14){background: #ffd8c1;}
.complete.grid-11-container > div.item:nth-child(15){background: #d1ebc4}
.complete.grid-11-container > div.item:nth-child(16){background: #ffd9d9;}
.complete.grid-11-container > div.item:nth-child(17){background: #ffd8c1;}
.complete.grid-11-container > div.item:nth-child(n+18):nth-child(-n+20),.complete.grid-11-container > div.item:nth-child(22),.complete.grid-11-container > div.item:nth-child(n+24):nth-child(-n+26),.complete.grid-11-container > div.item:nth-child(28){grid-row: 4 / span 2;}
.complete.grid-11-container > div.item:nth-child(21){grid-column: 4 / span 1; grid-row: 4 / span 4;  background: #ffdd8c;}
.complete.grid-11-container > div.item:nth-child(23){grid-column: 6 / span 1; grid-row: 4 / span 2;background: #ebccf9;}
.complete.grid-11-container > div.item:nth-child(27){grid-column: 10 / span 1; grid-row: 4 / span 4;    background: #ffd9d9;}
.complete.grid-11-container > div.item:nth-child(n+29):nth-child(-n+34),.complete.grid-11-container > div.item:nth-child(n+36):nth-child(-n+37){grid-row: 6 / span 2;}
.complete.grid-11-container > div.item:nth-child(35){grid-column: 8 / span 1; grid-row: 6 / span 2;     background: #ffd8c1;}
.complete.grid-11-container > div.item:nth-child(n+38):nth-child(-n+41){grid-row: 8 / span 2;}
.complete.grid-11-container > div.item:nth-child(42){grid-row: 8 / span 4; grid-column: 5 / span 1; background: #c9d9ff;}
.complete.grid-11-container > div.item:nth-child(n+43):nth-child(-n+47){grid-row: 8 / span 2;}
.complete.grid-11-container > div.item:nth-child(48){grid-row: 8 / span 2; grid-column:11 / span 1;  background: #ffd8c1;}
.complete.grid-11-container > div.item:nth-child(n+49):nth-child(-n+50),.complete.grid-11-container > div.item:nth-child(n+52),.complete.grid-11-container > div.item:nth-child(n+54):nth-child(-n+55),.complete.grid-11-container > div.item:nth-child(n+57):nth-child(-n+58){grid-row: 10 / span 2; }
.complete.grid-11-container > div.item:nth-child(51){grid-row: 10 / span 2; background: #d1ebc4;}
.complete.grid-11-container > div.item:nth-child(53){grid-row: 10 / span 2;   grid-column:6 / span 1;background: #ebccf9;}
.complete.grid-11-container > div.item:nth-child(56){grid-column:9 / span 1; grid-row: 10 / span 4;background: #d1ebc4; }
.complete.grid-11-container > div.item:nth-child(n+59):nth-child(-n+62),
.complete.grid-11-container > div.item:nth-child(64){grid-row: 12 / span 2; }
.complete.grid-11-container > div.item:nth-child(63){grid-column:5 / span 1; grid-row: 12 / span 4;background: #c9d9ff; }
.complete.grid-11-container > div.item:nth-child(65){grid-column: 7 / span 1; grid-row: 12 / span 4;background: #ffd9d9}
.complete.grid-11-container > div.item:nth-child(n+66):nth-child(-n+68){grid-row: 12 / span 2; }
.complete.grid-11-container > div.item:nth-child(n+69):nth-child(-n+75),.complete.grid-11-container > div.item:nth-child(77){grid-row: 14 / span 2;}
.complete.grid-11-container > div.item:nth-child(76){grid-column:10 / span 1;grid-row: 14 / span 4; background: #ffd9d9;}
.complete.grid-11-container > div.item:nth-child(n+78):nth-child(-n+84),.complete.grid-11-container > div.item:nth-child(n+86):nth-child(-n+87){grid-row: 16 / span 2;}
.complete.grid-11-container > div.item:nth-child(85){grid-row: 16 / span 2;    background: #ffd8c1;}
/* type02 */
.complete.grid-11-container.type02{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.complete.grid-11-container.type02 > div.bg01 {background-color: #f9f9f9;}
.complete.grid-11-container.type02 > div.item{grid-row: auto ; grid-column: auto; }
.complete.grid-11-container.type02 > div.item:nth-child(1){grid-row: 1 / span 2;}
.complete.grid-11-container.type02 > div.item:nth-child(2){grid-row: 1 / span 2;}
.complete.grid-11-container.type02 > div.item:nth-child(3){grid-column: 3 / span 8;}
.complete.grid-11-container.type02 > div.item:nth-child(4){grid-column: 11 / span 3;}
.complete.grid-11-container.type02 > div.item:nth-child(5) {grid-column: 3 / span 4;}
.complete.grid-11-container.type02 > div.item:nth-child(6) {grid-column: 7 / span 3; }
.complete.grid-11-container.type02 > div.item:nth-child(7) {grid-column: 10 / span 1;}
.complete.grid-11-container.type02 > div.item:nth-child(8) {grid-column: 11 / span 2;}
.complete.grid-11-container.type02 > div.item:nth-child(9){grid-column: 13 / span 1;}
.complete.grid-11-container.type02 > div.item:nth-child(23) {grid-column: 2 / span 1;grid-row: 4 / span 1;}
.complete.grid-11-container.type02 > div.item:nth-child(n+18):nth-child(-n+20), .complete.grid-11-container.type02 > div.item:nth-child(22), .complete.grid-11-container.type02 > div.item:nth-child(n+24):nth-child(-n+26), .complete.grid-11-container.type02 > div.item:nth-child(28){grid-row: 4 / span 1;}

/* === 교수진 소개 === */
.profHover .txtItem{position: relative;z-index: 1;line-height: 23px;display: inline-flex;height: 23px;width: 100%;justify-content: center;}
.profHover .txtItemNone{position: relative;z-index: 1;line-height: 23px;display: inline-flex;height: 23px;width: 100%;justify-content: center;cursor:default}
.profHover .txtItemNone i{transform: rotate(45deg);font-size: 22px;vertical-align: -4px;margin-left: 4px;color: #686868;}
.profHover .txtItem:hover{z-index: 3;position: relative;color: var(--color-m);}
.profHover .txtItem i{transform: rotate(45deg);font-size: 22px;vertical-align: -4px;margin-left: 4px;color: var(--color-ww);}
.profHover .imgItem{height: 300px;width: 240px;background-size: cover;position: absolute;z-index: 2;opacity: 0;margin-top:-150px;transform: scale(0.4);margin-right: -30vw;}
.profHover .hsh1{background-image:url('../img/sub/prof_hsh_01.jpg');}
.profHover .lj4{background-image:url('../img/sub/prof_lj_04.jpg');}
.profHover .ksg7{background-image:url('../img/sub/prof_ksg_07.jpg');}
.profHover .kjh8{background-image:url('../img/sub/prof_kjh_08.jpg');}
.profHover .cjh11{background-image:url('../img/sub/prof_cjh_11.jpg');}
.profHover .sjh12{background-image:url('../img/sub/prof_sjh_12.jpg');}
.profHover .kjh13{background-image:url('../img/sub/prof_kjh_13.jpg');}
.profHover .kjs14{background-image:url('../img/sub/prof_kjs_14.jpg');}
.profHover .pwa30{background-image:url('../img/sub/prof_pwa_30.jpg');}
.profHover .kjs38{background-image:url('../img/sub/prof_kjs_38.jpg');}
.profHover .jms41{background-image:url('../img/sub/prof_jms_41.jpg');}
.profHover .ljh42{background-image:url('../img/sub/prof_ljh_42.jpg');}
.profHover .bjw46{background-image:url('../img/sub/prof_bjw_46.jpg');}
.profHover .ydi48{background-image:url('../img/sub/prof_ydi_48.jpg');}
.profHover .kcj49{background-image:url('../img/sub/prof_kcj_49.jpg');}
.profHover .idj51{background-image:url('../img/sub/prof_idj_51.jpg');}
.profHover .ljk52{background-image:url('../img/sub/prof_ljk_52.jpg');}
.profHover .csj54{background-image:url('../img/sub/prof_csj_54.jpg');}
.profHover .ksh66{background-image:url('../img/sub/prof_ksh_66.jpg');}
.profHover .lhg67{background-image:url('../img/sub/prof_lhg_67.jpg');}
.profHover .kjm68{background-image:url('../img/sub/prof_kjm_68.jpg');}
.profHover .jjk73{background-image:url('../img/sub/prof_jjk_73.jpg');}
.profHover .ksh77{background-image:url('../img/sub/prof_ksh_77.jpg');}
.profHover .kjh79{background-image:url('../img/sub/prof_kjh_79.jpg');}
.profHover .ljw82{background-image:url('../img/sub/prof_ljw_82.jpg');}

.img-album-flex{display:flex;align-items:center}
.img-album-flex .img{position:relative;flex-shrink:0;flex-grow:1;margin-right:100px}
.img-album-flex .img:before{position:absolute;width:100%;height:100%;border:1px solid #0066d8;content:"";top:15px;left:15px}
.img-album-flex .img img{position:relative}

.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;display:flex;justify-content:flex-end}
.img-bg-flex .img img{height:150px}

.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:#0066d8;padding:50px;width:660px;border-radius:20px 0;z-index:10}
.img-right-box .txt-box:before{position:absolute;width:100%;height:100%;border:1px solid #0066d8;content:"";bottom:-15px;right:-15px;border-radius:20px 0}
.img-right-box .txt-box:after{position:absolute;width:25px;height:25px;background-color:var(--color-m);right:-25px;top:-25px;content:"";border-radius:50%}
.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:15px/*padding:20px*/;text-align:center;font-weight:600;color:var(--color-m);border-bottom:0}
.tbl-basic tbody td{text-align:center;padding:15px/*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;justify-content:space-between;counter-reset: section;gap:20px;margin:10px 0}
.item-flow > li{position:relative;width:calc(20% - 30px);min-height:145px;display:flex;align-items:center;justify-content:center}
.item-flow:has(:first-child:nth-last-child(2)){justify-content:flex-start}
.item-flow:has(:first-child:nth-last-child(3)){justify-content:flex-start;gap:35px}
.item-flow:has(.subject) .dashed-box{padding-top:50px}
.item-flow .subject{position:absolute;top:0;left:45px;color:#fff;border-bottom-right-radius:20px;background-color:var(--color-m);height:40px;width:calc(100% - 45px);display:flex;justify-content:center;align-items:center}
.item-flow .info{border-top:1px solid var(--color-s);margin-top:10px;padding-top:10px;font-size:.9em;line-height:1.4}
/*.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% + 5px)}
.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);border-radius:20px 0;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;border-bottom-right-radius:20px;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}

.item-txt-btn{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
.item-txt-btn .item{position:relative;border:1px solid var(--color-m);border-top-left-radius:50px;overflow:hidden;display:flex;flex-direction:column}
.item-txt-btn .item::before{position:absolute;width:50%;aspect-ratio:1/1;background:url('../img/comm/logo-symbol.png') center/contain no-repeat;content:"";opacity:.1;top:-50px;right:-50px}
.item-txt-btn .btn-wrap{background-color:var(--color-m);display:flex}
.item-txt-btn .btn-wrap > *{flex:1}
.item-txt-btn .btn-wrap > *:nth-child(n + 2){border-left:1px solid rgba(255,255,255,.6)}
.item-txt-btn .btn-wrap .btn-bg{color:#fff}
.item-txt-btn .btn-wrap .btn-bg:hover:after{background-color:var(--color-hover)}
.item-txt-btn .subject{padding:20px;font-weight:bold;font-size:1.25rem;color:var(--color-s)}
.item-txt-btn .txt{flex-grow:1}
.item-txt-btn .con{padding:20px;background-color:var(--color-light);border-top:1px dotted rgb(233 46 46 / 20%)}

.greet-top .mblink{display:flex}
.greet-top .txt-wrap{position:relative;background-color:#a6d4e5;padding:80px;width:35%;flex-shrink:0;border-top-left-radius:20px}
.greet-top .txt-wrap .name{position:absolute;bottom:30px;right:60px;text-align:right}
.greet-top .txt-wrap .name::before{content:"\eb66";font-family:'xeicon'}
.greet-top .title{position:relative;word-break:keep-all;font-weight:800;font-size:1.5rem}
.greet-top .title::before{position:absolute;top:-30px;left:-30px;background:url('../img/sub/ico-top.png') center/contain no-repeat;width:40px;aspect-ratio:55/43;content:""}
.greet-top .s-title{position:relative;margin-top:50px;border-top:70px solid var(--color-m);border-right:70px solid var(--color-m);padding:50px}
.greet-top .s-title::after{position:absolute;width:100px;height:2px;background-color:var(--color-m);content:"";bottom:40px;left:-50px}
.greet-top .s-title::before{position:absolute;bottom:-60px;content:"";background:url('../img/sub/simg24.png') right bottom/contain no-repeat;width:200px;aspect-ratio:70/68;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)}

/* 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}
.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}
.member-wrap .flex-btn{display:flex;gap:5px}
.member-wrap .flex-btn button{flex-shrink: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 > 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 > 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:var(--color-m);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{display:block;color:#fff;border-radius:30px;width:280px;height:60px;border:5px solid #DFE9FB;background:var(--color-m);position:relative;padding:5px;margin:0 auto;display:flex;align-items:center;justify-content:center}
/*.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:var(--color-s);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(100% - 335px);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{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 .five-txt{text-align:center;display:block;font-weight:500;font-size:.875em;padding:10px}
.org-wrap > ol > li:first-child .trd-txt{border-radius:5px;background-color:var(--color-hover)}

.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}
.vision-wrap .subject{position:relative;font-size:1.875rem;color:var(--color-hover);padding:0 50px}
.vision-wrap .subject::before{color:#fff;background-color:#030086;border-radius:30px;padding:10px;text-align:center;content:"부산시 RISE VISION";font-size:1.25rem;width:200px;display:block;margin:0 auto;letter-spacing:-1px;margin-bottom:10px}
.vision-wrap .subject::after{top:22px;position:absolute;left:50%;transform:translateX(-50%);border:1px solid var(--color-hover);width:100%;content:"";height:100px;z-index:-1;box-shadow:5px 5px 5px rgba(0,0,0,.3)}
.vision-wrap .subject-con{margin:10px 0}
.vision-wrap .subject-wrap .tit-badge{color:#fff;font-size:1.25rem;background-color:#2640de;border-radius:30px;display:inline-block;padding:5px 30px;transform:translateY(17px)}
.vision-wrap .subject-wrap .subject-item{position:relative;width:100%}
.vision-wrap .subject-wrap .subject-item:nth-child(2)::before,
.vision-wrap .subject-wrap .subject-item:nth-child(3)::before{background:url('../img/sub/simg34.png') center/contain no-repeat;content:"";position:absolute;height:50px;width:100%;left:0;top:-20px}
.vision-wrap .subject-wrap .subject-item:nth-child(4)::before{background:url('../img/sub/simg34.png') center/contain no-repeat;content:"";position:absolute;height:200px;width:100%;left:0;top:-100px;z-index:-1}
.vision-wrap .subject-wrap .tit-badge-con{color:#001594;font-size:1.25rem;border:2px solid #001594;border-radius:50px; letter-spacing:-1px; box-shadow:5px 10px 20px #b3c7ef;display:block;width:600px;margin:0 auto;background-color:#fff;padding:20px 10px}
.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 .flow-top{display:flex;gap:5px}
.vision-detail .flow-top .tit{width:100px;height:85px;text-align:center;border-radius:20px 20px 0 0;background:linear-gradient(#7e439d, transparent);padding:10px;display:flex;align-items:center;justify-content:center;font-size:1rem}
.vision-detail .flow-top .tit-con-wrap{display:flex;gap:5px;font-size:1.25rem;height:85px;flex-grow:1}
.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:45px;width:100%;border-radius:40px;justify-content:center;align-items:center;border:2px solid rgba(255,255,255,1)}
.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:44px;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:last-child{background-color:#85002f;width:220px;font-weight:600}
.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}
.vision-detail .flow-bottom::before{width:100px;height:300px;text-align:center;border-radius:20px 20px 0 0;background:linear-gradient(#e52f96, transparent);display:flex;align-items:center;justify-content:center;font-size:1rem;content:"추진전략";flex-shrink:0;font-weight:600}
.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 #641bcf;color:#641bcf;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 .item:nth-child(4) .stit,
.vision-detail .flow-bottom .item:nth-child(5) .stit{color:#3c54ec;border-color:#3c54ec}
.vision-detail .flow-bottom .item:nth-child(6) .stit{color:#85002f;border-color:#85002f}
.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 #7238d6;border-radius:50%;width:14px;height:14px;background-color:#fff;left:50%;transform:translateX(-50%);top:24px;content:""}
.vision-detail .flow-bottom .item:nth-child(4) .tit-con::before,
.vision-detail .flow-bottom .item:nth-child(5) .tit-con::before{border-color:#414de8}
.vision-detail .flow-bottom .tit-con li{display:flex;gap:5px;align-items:center;border:1px solid #a077df;border-radius:5px;height:70px;display:flex;align-items:center;justify-content:center;color:#280076;background-color:#fffbfb}
.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}
.vision-detail .flow-bottom .tit-con li span:first-child::after{content:"";background:url('../img/sub/simg35.png') center/contain no-repeat;width:30px;aspect-ratio:34/15}
.vision-detail .flow-bottom .item:nth-child(4) .tit-con li,
.vision-detail .flow-bottom .item:nth-child(5) .tit-con li{color:#001976;border-color:#779cdf;background-color:#fbfeff}
.vision-detail .flow-bottom .item:nth-child(6) .tit-con li{border:0;margin-bottom:0;height:auto;color:#000;text-align:left;justify-content:flex-start;background-color:inherit}
.vision-detail .flow-bottom .item:nth-child(6) .tit-con li:not(:last-child){margin-bottom:11px}
.vision-detail .flow-bottom .item:nth-child(6) .tit-con{color:#000;border:1px solid #dbb0bf;border-radius:5px 5px 0 0;background-color:#fffbfb;text-align:left;padding:10px 20px;word-break:keep-all}
.vision-detail .flow-bottom .item .point span{font-size:13px;display:block;line-height:1.52}
.vision-detail .item-dot > li:before{background-color:#d3406a;top:8px}
.vision-detail .flow-bottom .sstit{background-color:#900033;color:#fff;padding:5px;text-align:center;transform:translateY(-10px);display:block;font-size:1rem;font-weight:500}
.vision-detail .flow-bottom .item:nth-child(6){flex:none;width:220px;flex-shrink:0}
.vision-detail .flow-bottom .item:nth-child(6) .tit-con:last-child{text-align:center;background-color:#fff2f7;border-radius:0 0 5px 5px;color:#ae003d}

@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}

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

	.org-wrap .four-ul::before{width:77%}
}

@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%}
}

@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}

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

	.item-proc{gap:20px}

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

	.img-album-flex{display:block}
	.img-album-flex .img{margin-right:0;margin-bottom:50px}
	.img-album-flex .img img{width:100%}

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

	.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)}

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

	.education-wrap .item{width:100%;flex-direction:column}
	.education-wrap .item .subject{width:100%;border-radius:10px}

	.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-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 .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}

	.vision-wrap .subject{padding:0 20px;font-size:1.25rem}
	.vision-wrap .subject-wrap{gap:40px}
	.vision-wrap .subject-wrap .tit-badge{font-size:1.125rem;padding:5px 10px;transform:translateY(15px)}
	.vision-wrap .subject-wrap .tit-badge-con{font-size:1rem;padding:20px 10px 10px 10px;width:100%}
	.vision-wrap .subject-wrap .tit-badge.none{height:50px}
	.vision-wrap .tit-badge-wrap{flex-wrap:wrap;justify-content:center}
	.vision-wrap .tit-badge-wrap .item{flex:auto;width:calc(50% - 10px)}
	.vision-wrap .tit-badge-wrap .txt-box .num{font-size:1.25rem}
	.vision-detail .flow-top{flex-direction:column}
	.vision-detail .flow-top .tit{width:100%;height:50px;background-color:#7e439d;color:#fff;border-radius:10px;display:none}
	.vision-detail .flow-top .tit-con-wrap{flex-direction:column;display:none}
	.vision-detail .flow-top .tit-con-wrap .tit-con{padding:20px;height:90px}
	.vision-detail .flow-top .tit-con-wrap .tit-con:last-child{width:100%;height:auto;display:none}
	.vision-detail .flow-bottom{flex-wrap:wrap}
	.vision-detail .flow-bottom .item:nth-child(6){width:100%}
	.vision-detail .flow-bottom .stit{margin-bottom:10px}
	.vision-detail .flow-bottom .sstit,
	.vision-detail .flow-bottom .tit-con,
	.vision-detail .flow-bottom .stit{transform:none}
	.vision-detail .flow-bottom{gap:5px;flex-direction:column}
	.vision-detail .flow-bottom .stit{border-width:1px;font-size:.935rem}
	.vision-detail .flow-bottom .tit-con li:not(:last-child){margin-bottom:5px}
	.vision-detail .flow-bottom .tit-con{font-size:14px;}
	.vision-detail .flow-bottom::before{width:100%;height:50px;border-radius:109px;color:#fff;background-color:var(--color-p);}
	.vision-detail .flow-bottom .tit-con li{padding:5px;word-break:keep-all}
	.vision-detail .item-dot > li:before{top:12px}

}

@media (max-width:720px){
	.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}

	.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}

	.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{flex-direction:column}
	.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)}

	.greet-top .mblink{flex-direction:column}
	.greet-top .txt-wrap{width:100%;padding:50px 20px 50px 30px}
	.greet-top .title{font-size:1.25rem}
	.greet-top .title::before{width:30px;top:-20px;left:-20px}
	.greet-top .s-title{margin-top:0;border-width:10px}
	.greet-top .txt-wrap .name{bottom:auto;top:20px;right:20px}
	.greet-top .s-title::after{bottom:0;width:calc(100% + 30px)}

	.member-wrap .flex-li{flex-direction:column;gap:20px}

	.item-txt-btn{grid-template-columns:repeat(1, 1fr)}
	.item-txt-btn .item{border-top-left-radius:20px}

	.education-wrap .info{flex-direction:column}

	.tbl-basic tbody td{padding:10px}
}