@charset "utf-8";

:root {--spacing :30rem; --border-radius:10rem;}
.flex50 {display:flex; flex-wrap:wrap; margin:-10rem;}
.flex50 > * {width:calc(50% - 20rem); margin:10rem;}
@media all and (max-width:768px){
    .flex50 {margin:0;}
    .flex50 > * {width:100%; margin:0 0 20rem 0;}
    .flex50 > *:last-child {margin-bottom:0;}
}
@media all and (max-width:376px){
    :root {--spacing : 25rem;}
    .flex50 {margin:0;}
    .flex50 > * {width:100%; margin:0 0 20rem 0;}
    .flex50 > *:last-child {margin-bottom:0;}
}

.flex33 {display:flex; flex-wrap:wrap; margin:-10rem;}
.flex33 > * {width:calc(33.3333% - 20rem); margin:10rem;}
@media all and (max-width:768px){
    .flex33 {margin:0;}
    .flex33 > * {width:100%; margin:0 0 20rem 0;}
    .flex33 > *:last-child {margin-bottom:0;}
}
@media all and (max-width:376px){
    :root {--spacing : 25rem;}
    .flex33 {margin:0;}
    .flex33 > * {width:100%; margin:0 0 20rem 0;}
    .flex33 > *:last-child {margin-bottom:0;}
}


/*조직도*/
.org2 {margin:0 -5rem; text-align:center;}
.org2 .col3 a,
.org2 .col3 span {display:block; border:2px solid; padding:9rem 15rem; margin:0 auto; line-height:1.5; border-radius:3rem;}
.org2 .col3 > li > span,
.org2 .col3 > li > a {width:24.2%; color:#fff;}
.org2 .col3 > li > a.edu {border-color:#8d1c73; background:#8d1c73;}
.org2 .col4 {padding-top:10rem;}
.org2 .col4 > li > a {width:24.2%; border-color:#8d1c73; background:#fff;}
.org2 .team {display:flex;}
.org2 .team.pos {padding-top:28rem; margin-top:20rem;}
.org2 .team.center > li > span,
.org2 .team.center > li > a {background:#248490; border-color:#248490 !important; color:#fff  !important;}
.org2 .team > li {width:25%; padding:0 5rem;}
.org2 .team > li > a,
.org2 .team > li > span {font-weight:400; background:#fff;}
.org2 .edu+ul .team > li > a {color:#541345; border-color:#8c1a72}
/*선*/
.org2 {position:relative;}
.org2:after {content:''; position:absolute; bottom:0; left:50%; width:1px; height:77rem; background:#fff; z-index:-1;}
.org2 .col3 > li:before {content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#b4b4b4; z-index:-1;}
.org2 .col3 > li > a.edu {position:relative;}
.org2 .col3 > li > a.edu:before {content:''; position:absolute; top:50%; right:-107%; width:107%; height:1px; background:#b4b4b4; z-index:-1;}
.org2 .col3 > li > a.edu:after {content:''; position:absolute; top:50%; right:-107%; width:1px; height:500%; background:#b4b4b4; z-index:-1}
.org2 .col4 > li > a {position:relative;}
.org2 .col4 > li > a:before {content:''; position:absolute; top:50%; left:-107%; width:107%; height:1px; background:#b4b4b4; z-index:-1;}
.org2 .col4 > li > a:after {content:''; position:absolute; top:50%; left:-107%; width:1px; height:100%; background:#b4b4b4; z-index:-1;}
.org2 .team.pos {position:relative;}
.org2 .team.pos:before,
.org2 .team.pos:after {content:''; position:absolute; top:0; width:50%; height:1px; background:#b4b4b4;}
.org2 .team.pos:before {left:12.5%; }
.org2 .team.pos:after {right:12.5%;}
.org2 .team > li > a {position:relative;}
.org2 .team > li > a:before {content:''; position:absolute; top:-30rem; left:50%; width:1px; height:30rem; background:#b4b4b4; z-index:-1;}
.org2 .edu+ul .team > li:last-child > a:before {display:none;}
.org2 .edu+ul .team:after {display:none;}
@media all and (max-width:1023px){
	.org2 .col3 > li > span,
	.org2 .col3 > li > a {width:calc(50% - 10rem);}
	.org2 .col4 > li > a {width:calc(50% - 10rem); margin-bottom:20rem;}
	.org2 .team {flex-wrap:wrap;}
	.org2 .team > li {width:33.333%;}
	.org2 .team > li > a {margin-bottom:10rem;}
	/*선*/
	.org2 .col3 > li > a.edu:before {display:none;}
	.org2 .col3 > li > a.edu:after {display:none;}
	.org2 .col4 > li > a:before {left:-20%; width:20%;}
	.org2 .col4 > li > a:after {left:-20%;}
	.org2 .team.pos:before,
	.org2 .team.pos:after {width:33.333%}
	.org2 .team.pos:before {left:16.7%;}
	.org2 .team.pos:after {right:16.6%;}
	.org2 .edu+ul .team > li:nth-child(2) > a:before {display:none;}
	.org2 .edu+ul .team:after {display:block;}
}
@media all and (max-width:599px){
	.org2 .col3 > li > span,
	.org2 .col3 > li > a {width:calc(60% - 10rem);}
	.org2 .col4 > li > a {width:calc(60% - 10rem);}
	.org2 .team.center {justify-content:center;}
	.org2 .team.center > li {width:60%;}
	/*선*/
	.org2 .col4 > li > a:before {display:none;}
	.org2 .col4 > li > a:after {display:none;}
}
@media all and (max-width:376px){
	.org2 .col3 > li > span,
	.org2 .col3 > li > a {width:calc(100% - 10rem);}
	.org2 .col4 > li > a {width:calc(100% - 10rem);}
	.org2 .team.center > li {width:100%;}
	.org2 .team > li {width:100%;}
	/*선*/
	.org2 .team.pos:before,
	.org2 .team.pos:after {display:none !important;}
}


/*ui*/
.ui {display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #ddd; margin-top:20rem; padding:60rem; border-radius:6rem;}

/*학사일정*/
.cal {borer-top:2px solid #a9218a;}
.cal > div {display:flex; border-bottom:1px solid #ddd; padding:20rem;}
.cal > div > .month {font-weight:600; width:100rem; margin-top:5rem;}
.cal > div > .week li {display:flex; padding:5rem 0;}
.cal > div > .week li > span {font-weight:500; width:200rem;}

/*캠퍼스현황*/
.org {text-align:center;}
.org .list > li > span {display:block; padding-bottom:20rem; background:#fff;}
.org .list > li > span strong {display:block; width:250rem; height:98rem; margin:0 auto; background:url('/design/edu/img/content/org1.png') no-repeat center/contain; text-indent:-9999rem;}
.org .head > li > span,
.org .comm > li > span {display:block; width:calc(20% - 10rem); margin:0 auto; border:3px solid var(--p_color); padding:10rem; line-height:1.5; font-weight:500; position:relative; background:#fff; z-index:1;}
.org .head {margin:20rem 0 0 0;}
.org .head > li > span {border:3px solid #b2d234; color:#4a5b07;}
.org .comm {margin:20rem 0 60rem;}
.org .comm > li {display:flex; flex-direction:column; align-items:flex-end;}
.org .comm > li > span {margin:0 5rem 0 0; border:3px solid #f7816f; color:#c03b27;}
.org .campus {display:flex; flex-wrap:wrap;}
.org .campus > li {width:20%; padding:5rem; }
.org .campus > li > a {display:block; border:1px solid #4d57a6; font-size:17rem;}
.org .campus > li > a > span {display:block; color:#fff;}
.org .campus > li > a > strong {display:block; font-weight:400; background:#fff; position:relative; z-index:1;}
.org .campus > li > a > span,
.org .campus > li > a > strong {padding:3rem;}
.org .campus2 {margin:20rem 0;}
.org .campus1 > li > a > span {background:#687e18;}
.org .campus2 > li > a > span {background:#4d57a6;}
.org .campus3 > li > a > span {background:#5a1fca;}
.org .campus1 > li > a:hover > strong {background:#eff9cc;}
.org .campus2 > li > a:hover > strong {background:#e4e6f4;}
.org .campus3 > li > a:hover > strong {background:#d8caf0;}
/*선*/
.org {position:relative;}
.org:before {content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#a2a2a2; z-index:-1;}
.org:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:50%; background:#fff; z-index:-1;}
.org .comm {position:relative;}
.org .comm:before {content:''; position:absolute; top:50%; right:5rem; width:calc(50% - 5rem); height:1px; background:#a2a2a2;}
.org .campus1 {position:relative;}
.org .campus1:before,
.org .campus1:after {content:''; position:absolute; top:-20rem; width:50%; height:1px; background:#a2a2a2;}
.org .campus1:before {left:10%; }
.org .campus1:after {right:10%;}
.org .campus1 > li > a {position:relative;}
.org .campus1 > li > a:before {content:''; position:absolute; top:-25rem; left:50%; width:1px; height:25rem; background:#a2a2a2;}
@media all and (max-width:1240px){
	.org .head > li > span,
	.org .comm > li > span {width:calc(33.333% - 10rem);}
	.org .campus > li {width:33.333%;}
	/*선*/
	.org .campus1:before {left:16.666%;}
	.org .campus1:after {right:16.666%;}
}
@media all and (max-width:768px){
	.org .head > li > span,
	.org .comm > li > span {width:calc(40% - 10rem);}
	.org .campus > li {width:50%;}
	/*선*/
	.org:after {height:calc(100% - 334rem);}
	.org .comm:before {right:20rem; width:calc(50% - 20rem);}
	.org .campus1:before {left:25%;}
	.org .campus1:after {right:25%;}
}
@media all and (max-width:599px){
	.org .head > li > span,
	.org .comm > li > span {width:calc(100% - 10rem);}
	.org .comm > li {align-items:center;}
	.org .comm > li > span {margin:0;}
	/*선*/
	.org:after {height:calc(100% - 334rem);}
	.org .comm:before {right:20rem; width:calc(50% - 20rem);}
	.org .campus1:before {left:25%;}
	.org .campus1:after {right:25%;}
}

/*청년센터*/
.ci {margin-top:20rem;}
.ci > ul > li {border:1px solid #ddd; border-radius:var(--border-radius); padding:var(--spacing); margin-bottom:20rem;}
.ci > ul > li > h5 {margin:0 !important; font-size:22rem !important;}
.ci .block {display:flex; flex-direction:column; justify-content:center; align-items:center; height:200rem;}
.ci.mascot .block {height:323rem;}


/*구성원소개*/
.profiles { margin: 50rem 0; } 
.profiles ul { display: grid; grid-template-columns: repeat(20, minmax(0, 1fr)); column-gap: 30rem; row-gap: 40rem; align-items: start; } 
.profiles ul li { grid-column: span 4; width: auto; text-align: center; } 
/* 첫 줄: 센터장, 팀장, 선임매니저 2명 - 가운데 정렬 
.profiles ul li:nth-child(1) { grid-column: 3 / span 4; } 
.profiles ul li:nth-child(2) { grid-column: 7 / span 4; } 
.profiles ul li:nth-child(3) { grid-column: 11 / span 4; } 
.profiles ul li:nth-child(4) { grid-column: 15 / span 4; } 
.profiles ul li:nth-child(5) { grid-column: 1 / span 4; } 
.profiles ul li:nth-child(6) { grid-column: 5 / span 4; } 
.profiles ul li:nth-child(7) { grid-column: 9 / span 4; } 
.profiles ul li:nth-child(8) { grid-column: 13 / span 4; } 
.profiles ul li:nth-child(9) { grid-column: 17 / span 4; } */
.profiles .portrait { margin-bottom: 20rem; } 
.profiles .portrait img { display: block; width: 100%; height: auto; } 
/* 태블릿 이하: 일반 4열 */
@media all and (min-width: 641px) and (max-width: 768px){
	.profiles ul { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); column-gap: 30rem; row-gap: 40rem; } 
	.profiles ul li,
	.profiles ul li:nth-child(n) { grid-column: span 6; width: auto; } 
	/* 첫 줄: 구성원 4명 */
	.profiles ul li:nth-child(1) { grid-column: 1 / span 6; } 
	.profiles ul li:nth-child(2) { grid-column: 7 / span 6; } 
	.profiles ul li:nth-child(3) { grid-column: 13 / span 6; } 
	.profiles ul li:nth-child(4) { grid-column: 19 / span 6; } 
	.profiles ul li:nth-child(5) { grid-column: 1 / span 6; } 
	.profiles ul li:nth-child(6) { grid-column: 7 / span 6; } 
	.profiles ul li:nth-child(7) { grid-column: 13 / span 6; }
	.profiles ul li:nth-child(8) { grid-column: 19 / span 6; } 
	/* 셋째 줄: 매니저 2명 */
	.profiles ul li:nth-child(9) { grid-column: 7 / span 6; } 
	.profiles ul li:nth-child(10) { grid-column: 13 / span 6; } 
	.profiles .portrait { margin-bottom: 20rem; } 
	.profiles .portrait img { display: block; width: 100%; height: auto; } 
 }
@media all and (max-width: 640px){
	.profiles ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 30rem 20rem; } 
	.profiles ul li,
	.profiles ul li:nth-child(n) { grid-column: auto; width: calc((100% - 40rem) / 3); } 
}

/*미션비전*/
.dig {text-align:center;}
.dig .tit dt {display:inline-block; padding:5rem; background:#d1d2e7; border-radius:40rem;}
.dig .tit dt span {display:inline-block; min-width:160rem; padding:10rem 0; background:#2e3192; color:#fff; font-size:20rem; font-weight:600; text-transform:uppercase; letter-spacing:1rem; border-radius:40rem; }
.dig .tit:nth-of-type(2) dt {background:#dee7dc;}
.dig .tit:nth-of-type(2) dt span {background:#6a915e;}
.dig .tit.st1 dd {display:flex; align-items:center; justify-content:center; font-size:36rem; font-weight:600;  line-height:1.4;}
.dig .tit.st1 dd:before,
.dig .tit.st1 dd:after {color:#d3d3d3;  font-size:70rem;}
.dig .tit.st1 dd:before {content:'['; margin-right:40rem;}
.dig .tit.st1 dd:after {content:']'; margin-left:40rem;}
.dig .tit.st1 dd > span > span {color:#2e3192; font-weight:700;}
.dig .tit2 dt,
.dig .tit2 {font-size:32rem; font-weight:600;}
.dig .value {padding-bottom:80rem; background:url('/design/main/img/content/vision2.png') no-repeat center bottom;}
.dig .value ul {margin:20rem 0; display:flex; align-items:center; justify-content:center;}
.dig .value ul li {display:flex; align-items:center; justify-content:center;}
.dig .value ul li:after {content:''; display:block; width:26rem; height:10rem; margin:0 40rem; background:url('/design/main/img/content/vision.png') no-repeat center/contain;}
.dig .value ul li:last-child:after {display:none;}
.dig .value ul li > div {width:160rem; height:160rem; background:#8fc1c8; border-radius:50%; padding:5rem;}
.dig .value ul li > div > span {display:flex; flex-direction:column; align-items:center; justify-content:center; background:#1f8491; width:100%; height:100%; border-radius:50%;  color:#fff; font-size:22rem; font-weight:600; }
.dig .value ul li > div > span > span {font-size:17rem; font-weight:400;}
.dig .value ul li:nth-child(2) > div{background:#b4c8ae}
.dig .value ul li:nth-child(2) > div > span {background:#6a915e;}
.dig .value ul li:nth-child(3) > div {background:#a9cdf2;}
.dig .value ul li:nth-child(3) > div > span {background:#549be5}
.youth .pur2 {margin-top:10rem;}
.youth .pur2 dd {margin:20rem 0 40rem;}
.youth .pur2 dd p {background:#f6f6f6; margin:10rem 0; border-radius:40rem; padding:15rem; font-size:20rem; font-weight:500; max-width:1200rem; margin:10rem auto;}
.youth .value ul {padding:0 150rem;}
.youth .value ul li {width:33.333%; flex-direction:column;}
.youth .value ul li:after {display:none;}
.youth .value ul li .aka {margin:20rem 0 15rem; border:1px solid #ddd; border-radius:var(--border-radius); padding:10rem 20rem;}
.youth .value ul li .aka + p {padding:0 25rem;}
.youth .value ul li:nth-child(1) .aka { border-color:#248490; color:#1d5f67;}
.youth .value ul li:nth-child(2) .aka { border-color:#6b915f; color:#39612d;}
.youth .value ul li:nth-child(3) .aka {border-color:#579be3; color:#275586;}
.youth .str {margin:30rem -5rem;}
.youth .str dd {display:flex; margin-top:20rem;}
.youth .str dd ul {width:calc(33.333% - 10rem); margin:0 5rem !important; text-align:left; border:1px solid #ddd; border-radius:var(--border-radius); padding:var(--spacing);}
@media all and (max-width:1640px){
  .youth .pur2 dd p {border-radius:var(--border-radius);}
  .youth .value ul {padding:0 50rem;}
}
@media all and (max-width:1023px){
  .dig .tit.st1 dd {margin:15rem 0 30rem;}
  .dig .tit.st1 dd:before,
  .dig .tit.st1 dd:after {display:none;}
  .youth .value ul {padding:0;}
}
@media all and (max-width:1023px){
	.dig .value {padding-bottom:60rem; background-size:200rem;}
	.dig .value ul li {width:33.333%;}
	.dig .value ul li:after {display:none;}
	.dig .value ul li > div {width:100%; height:100rem;}
}
@media all and (max-width:768px){
  .dig .value ul {flex-wrap:wrap;}
  .dig .value ul li {width:100%;}
  .dig .value ul li > div {width:50%; height:100rem;}
  .youth .value ul li:nth-child(2) {padding:20rem 0;}
  .youth .str {margin:30rem 0;}
  .youth .str dd {flex-wrap:wrap; }
  .youth .str dd ul {width:100%; margin:5rem 0 !important;}
}
@media all and (max-width:376px){
  .dig .value ul li > div {width:100%;}
}

/*찾아오시는길*/
.location_map .cont {display:none;}

/*캠퍼스지도*/
.campusMap {display:flex; justify-content:space-between; flex-wrap:wrap;}
.campusMap .map_img {flex-shrink:0; flex-grow:0; order:2;}
.campusMap .list {width:50%; order:1;}
.campusMap .list ul {display:flex; flex-wrap:wrap;}
.campusMap .list ul li {width:50%; margin-bottom:30rem;}
.campusMap .list .tit {display:flex; align-items:center;}
.campusMap .list .tit .local {font-size:20rem; font-weight:500;}
.campusMap .list .tit .type1,
.campusMap .list .tit .type2,
.campusMap .list .tit .type3,
.campusMap .list .tit .type4 {background:#29681a; font-weight:500; color:#fff; font-size:14rem; border-radius:40rem; padding:1rem 10rem; margin-left:10rem; border:2px solid #29681a;}
.campusMap .list .tit .type2 {background:#fff; border-color:#29681a; color:#29681a;}
.campusMap .list .tit .type3 {background:#1b2266; border-color:#1b2266; color:#fff;}
.campusMap .list .tit .type4 {background:#962914; border-color:#962914; color:#fff;}

.campusMap .list p {font-size:17rem; color:#4d4d4d; margin-top:5rem; line-height:1.5;}
.campusMap .full {width:100%; order:3}
.campusMap .full ul li {width:25%;}
@media all and (max-width:1240px){
	.campusMap .map_img {margin:0 auto 60rem; flex-shrink:1; order:1;}
	.campusMap .list {order:2; width:100%; padding:0 30rem;}
	.campusMap .list ul  {margin:0 -15rem; justify-content:space-between;}
	.campusMap .list ul li {width:calc(25% - 15rem);}
}
@media all and (max-width:1023px){
	.campusMap .list ul li {width:calc(33.333% - 15rem);}
}
@media all and (max-width:768px){
	.campusMap .list ul li {width:calc(50% - 15rem);}
}
@media all and (max-width:376px){
	.campusMap .list {padding:0 20rem;}
	.campusMap .list .tit {flex-wrap:wrap;}
	.campusMap .list .tit .local {width:100%;}
	.campusMap .list .tit .type1,
	.campusMap .list .tit .type2 {border-radius:0; margin:5rem 0;}
}
.campusLegend {border:1px solid #aa238b; border-radius:6rem; background:#fff; padding:20rem; display:inline-flex; margin-bottom:40px;}
.campusLegend > li { display:flex; align-items:center; margin:0 10rem;}
.campusLegend > li:before {content:''; display:block; width:21rem; height:27rem; background:url('/design/edu/img/content/campus_map3.png') no-repeat 0 0/400% auto; margin-right:10px; flex-shrink:0; flex-grow:0;}
.campusLegend > li.icon1:before {background-position: 0 0;}
.campusLegend > li.icon2:before {background-position: 99.999% 0;}
.campusLegend > li.icon3:before {background-position: 33.333% 0;}
.campusLegend > li.icon4:before {background-position: 66.666% 0;}
.campusLegend > li.icon1 span {color:#29681a; font-weight:500;}
.campusLegend > li.icon2 span {color:#29681a; font-weight:500;}
.campusLegend > li.icon3 span {color:#1b2266; font-weight:500;}
.campusLegend > li.icon4 span {color:#962914; font-weight:500;}
@media all and (max-width:1023px){
	.campusLegend {display:flex; flex-wrap:wrap;}
	.campusLegend > li {flex:1; margin:10rem;}

}

/*폼*/
.lecture_list .board_search+span { display:block; text-align:right; margin:0 0 20rem 0;}
.applyList strong {font-weight:500;}
.applyList .info {margin:0 0 20rem 5rem;}
.applyList .info > li {position:relative; margin:7rem 0; padding:0 0 0 18rem}
.applyList .info > li:before {content:''; position:absolute; top:11rem; left:0; width:4px; height:4px; background:#3f4e63; border-radius: 50rem}
/*리스트*/
.applyList > ul {display:flex; flex-wrap:wrap; margin:-10rem;}
.applyList > ul > li {width:calc(33.333% - 20rem); margin:10rem; border:1px solid #ddd; position:relative; padding:25rem 25rem 80rem 25rem; border-radius:10px;}
.applyList > ul > li > a {display:block; /*margin:-1rem;*/}
.applyList .div {justify-content:space-between; display:flex;}
.applyList .div span {display:inline-block; margin:3rem 1rem; font-weight:500; color:#575757; background:#e0f5e9; padding:3rem 9rem; border-radius:6px; font-size:15rem; border:2px solid;}
.applyList .div span:last-child {background:#edeeff; border-color:#edeeff}
.applyList .div .view {display:inline-block; margin:3rem 1rem; font-weight:500; color:var(--p_color); border:2px solid var(--p_color); background:#fff; padding:3rem 9rem; border-radius:6px; font-size:15rem;}

.applyList .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:2.8em; margin:7rem 0 10rem 3rem; font-size:27rem; font-weight:600; line-height:1.4em; word-wrap:break-word; text-overflow:ellipsis;}
.applyList .info {font-size:16rem; margin:15rem 0 0 8rem;}
.applyList .info > li {font-size:16rem; margin:5rem 0; padding-left:15rem; letter-spacing:-0.2rem; line-height:1.5;}
.applyList .info > li:before {top:9rem;}
.applyList .info > li:nth-child(1) {color:#5d0b0b; font-weight:500; }
.applyList .info > li:nth-child(2) {color:#28548a; font-weight:500; }
.applyList .num {margin:20rem 8rem 0; min-height:54rem;}
.applyList .num li {position:relative; padding-left:75rem;}
.applyList .num li b {position:absolute; left:0;}
.applyList .status {position:absolute; bottom:25rem; left:50%; width:calc(100% - 50rem); transform:translateX(-50%); }
.applyList .status span,
.applyList .status a,
.applyList .status button {display:block; text-align:center; background:#287ce5; color:#fff; border-radius:6rem; padding:6rem 20rem; font-family:'NEXONLv1', 'Pretendard'; transform:rotate(0.04deg);}
.applyList .status span.status_2 {background:#127211;}
.applyList .status span.status_3 {background:#484848;}
/*마이페이지*/
.att_go {display:block;}
.att_go:hover {background:var(--p_color); color:#fff;}
.applyList .status.mypage {display:flex; margin:0 -3rem;}
.applyList .status.mypage > * {flex:1 1 auto; margin:0 3rem; padding:4rem; font-weight:500; border:2px solid #287ce5;}
.applyList .status.mypage .default {background:#ececec; color:#727272; border-color:#ececec;}
.applyList .status.mypage .mod {background:#fff;  color:#287ce5;}
/**/
.applyList.ins > ul > li {padding-bottom:25rem;}
.clubList select {height:40rem; padding:0 5rem;}

@media all and (max-width:1023px){
  .applyList > ul > li {width:calc(50% - 20rem);}
}
@media all and (max-width:599px){
  .applyList > ul {margin:-10rem 0;}
  .applyList > ul > li {width:100%; margin:10rem 0;}
}
/*기본 쓰기/보기*/
.class-tit span {display:inline-block; margin:3rem 1rem; font-weight:500; color:#575757; background:#e0f5e9; padding:3rem 9rem; border-radius:6px; font-size:15rem;}
.class-tit span:last-of-type {background:#edeeff;}
.class-tit h4 {margin-top:10rem;}
.class-lst {margin:10rem 0;}
.class-lst .img_box {border:0; padding:0 10rem;}
.class-lst .img_box img {display:block; margin:0 auto;}
.class-lst {border:5px solid #f4f4f4; padding:10rem 0;}
.class-lst dl {display:flex; align-items:center; border-bottom:1px dashed #ddd; padding:25rem 40rem;}
.class-lst dl:last-child {border-bottom:0;}
.class-lst dl dt {width:200rem; font-weight:600;}
.class-lst dl dd {display:flex; align-items:center; flex-wrap:wrap; width:calc(100% - 200rem);}
.class-lst dl dd input[type="text"],
.class-lst dl dd input[type="password"],
.class-lst dl dd input[type="file"],
.class-lst dl dd input[type="button"],
.class-lst dl dd select,
.class-lst dl dd a,
.class-lst dl dt a:not(.blank) {height:45rem; line-height:45rem; padding:0 10rem; margin:3rem; border:1px solid #a9a9a9; border-radius:3px;}
.class-lst dl dd input[type="text"],
.class-lst dl dd input[type="password"],
.class-lst dl dd input[type="file"] {width:200rem;}
.class-lst dl dd input[type="button"] {border:0; background:#444; color:#fff; padding:0 15rem; display:inline-block; cursor:pointer;}
.class-lst dl dd a,
.class-lst dl dt a:not(.blank) {display:inline-block; background:#275cab; color:#fff; padding:0 15rem; font-size:16rem; border:0; font-weight:400;}
.class-lst dl dt a:not(.blank) {margin:10rem 0 0 0 !important;}
.class-lst dl dd a.del {background:#a02525;}
.class-lst dl dd input[type="radio"],
.class-lst dl dd input[type="checkbox"] {display:inline-block; vertical-align:middle;}
.class-lst dl dd label {vertical-align:middle; display:inline-block;}
.class-lst dl dd input[type="radio"] {margin-left:3rem;}
.class-lst dl dd input[type="radio"]+label {margin-left:7rem;}
.class-lst dl dd input[type="checkbox"] {margin-left:3rem}
.class-lst dl dd input[type="checkbox"]+label {margin-left:7rem;}
.class-lst dl dd input[type="radio"]:first-child+label {margin-right:14rem;}
.class-lst dl dd input[type="checkbox"]:first-child+label {margin-right:14rem;}
.class-lst dl dd p {margin-left:3rem; width:100%; margin-top:6rem;}
.class-lst dl dd.divided {display:flex;}
.class-lst dl dd.divided p {margin-bottom:15rem;}
.class-lst dl dd.divided p ~ * {width:100%;}
.class-lst #daddr,
.class-lst textarea {width:calc(100% - 6rem);}
.class-lst textarea {height:150rem; padding:10rem;  margin:3rem;  border:1px solid #a9a9a9; border-radius:3px;}
.class-lst .div_list {width:100%;}
.class-lst.half {display:flex; flex-wrap:wrap;}
.class-lst.half dl {width:50%;}
.class-lst.half dl.full {width:100%;}
.class-lst.half dl dd input[type="text"] {width:100%;}
.class-lst.half.even dl:nth-last-child(2) {border-bottom:0;}
.class-lst .bt2_wrap {width:100%; margin-top:10rem; margin-bottom:10rem;}
#fileUpload {width:100% !important;}
#fileUpload > div {line-height:inherit !important;}
#fileUpload > div input[type=file] {width:calc(100% - 6rem) !important;}
#fileUpload > div a.del {width: auto;}
/*행복대학강사신청*/
#consentArea table {font-size:15rem;}
#consentArea table strong {font-weight:600;}
#consentArea table tbody th,
#consentArea table tbody td {padding:15rem !important;}
#consentArea .confirm {text-align: center; font-weight:600; margin:40rem 0;}
#consentArea .caution {margin:5rem 0;}
.course {width:100%; flex-direction:column;}
.course-all-wrap {display:flex;justify-content:space-between;background:#f7f7f7;padding:12rem 25rem;border-radius:3px;}
.course-all-wrap div label {margin-right:0 !Important; }
.course-group {width:100%; /*border-bottom:1px solid #ddd; */}
.course-group:first-child {/*border-top:1px solid #ddd;*/}
.course-list {display:flex; flex-wrap:wrap; padding:12rem 3rem;}
.course-list li {margin:5rem 0; width:20%;}
.class-lst .blank {background:#dce5ff; display:inline-block; width:24rem; height:24rem; display:inline-flex; margin:10rem; justify-content:center; align-items:center; border-radius:6rem; font-size:14rem; line-height:normal; color:#3f6db2;}
#acbg_Div > div {display:flex;}
#acbg_Div > div input[type="text"] {width:100% !important;}
@media all and (max-width:1240px){
	.class-lst dl dt {width:150rem;}
	.class-lst dl dd {width:calc(100% - 150rem);}
	.class-lst dl {padding:30rem 25rem;}
	.class-lst.half dl {width:100%;}
	.class-lst.half.even dl:nth-last-child(2) {border-bottom:1px dashed #ddd;}
	.course-list li {width:33.333%;}
}
@media all and (max-width:768px){
  .class-lst dl {flex-wrap:wrap;}
  .class-lst dl dt {width:100%; margin-bottom:15rem; padding-left:3rem;}
  .class-lst dl dd {width:100%; word-break: break-all; padding-left:3rem;}
  .course-list li {width:50%;}
#acbg_Div > div {flex-wrap:wrap;}
}
@media all and (max-width:599px){
	.class-lst dl {padding:30rem 25rem;}
	.class-lst dl dd input[type="text"],
	.class-lst dl dd input[type="password"],
	.class-lst dl dd input[type="file"],
	.class-lst dl dd input[type="button"],
	.class-lst dl dd select,
	/*.class-lst dl dd a {width:calc(100% - 6rem);}
	.class-lst dl dd a {text-align:center;}*/
	/*
	.class-lst dl dd input[type="checkbox"] {margin-left:1rem}
	.class-lst dl dd input[type="radio"] {margin-left:1rem;}
	*/
	/*.class-lst .div_list {margin-top:10rem;}*/
	.class-lst .div_list label {margin-bottom:5rem;}
}
@media all and (max-width:480px){
	.course-list li {width:100%;}
}
/*라디오버튼/체크박스*/
.checkbox-lst {display:flex; flex-wrap:wrap;}
/*기타쓰기폼*/
.align {display:flex; align-items:center; justify-content:space-between;}
.align p {margin-top:40rem;}
.table_form input[type="text"] {height:45rem; line-height:45rem; padding:0 10rem; margin:3rem; border:1px solid #a9a9a9; border-radius:3px;}
.tbl_st_write {border:5px solid #f4f4f4;}
.tbl_st_write th {background: #f7f7f7; border-left:1px dashed #d2d3d9; border-bottom:1px dashed #ddd; padding:14rem;}
.tbl_st_write td {padding:7rem 14rem; border-bottom:1px dashed #ddd; border-left:1px dashed #ddd;}
.tbl_st_write tr td:nth-child(1) {text-align:center;}
.tbl_st_write tr td:nth-child(3) {padding:7rem}
.tbl_st_write tr td input[type="text"] {width:calc(100% - 6rem); height:45rem; line-height:45rem; padding:0 10rem; margin:3rem; border:1px solid #a9a9a9; border-radius:3px;}
.tbl_st_write tr td input[type="checkbox"] {margin-right:7rem;}
.table_form.row4 td input[type="radio"] {margin-left:3rem;}
.table_form.row4 td input[type="radio"]+label {margin-left:7rem;}
.table_form.row4 td input[type="checkbox"] {margin-left:3rem}
.table_form.row4 td input[type="checkbox"]+label {margin-left:7rem;}
.table_form.row4 td input[type="radio"]:first-child+label {margin-right:7rem;}
.table_form.row4 td input[type="checkbox"]:first-child+label {margin-right:7rem;}
@media all and (max-width:1023px){
	.table_form.row4 tr {display:flex; flex-wrap:wrap;}
	.table_form.row4 th {width:50%;}
	.table_form.row4 td {width:50%; flex:1 1 auto; display:flex; align-items:center; justify-content:center;}
	.table_form.row4 td input[type="text"] {width:calc(100% - 6rem);}
	.table_form.row4 colgroup {display:none;}
	.tbl_st_write colgroup {display:none;}
	.tbl_st_write thead {display:none;}
	.tbl_st_write tr {display:flex; flex-wrap:wrap; width:100%;}
	.tbl_st_write tr td:nth-child(1) {width:50px; border-left:0; padding:14rem; background:#f7f7f7;}
	.tbl_st_write tr td:nth-child(2) {width:calc(100% - 50px); padding:14rem;  background:#f7f7f7;}
	.tbl_st_write tr td:nth-child(3) {width:100%; border-left:0; padding:14rem}
}
@media all and (max-width:599px){
	.align {flex-wrap:wrap;}
	.align h4 {margin-bottom:0 !important;}
	.align p {width:100%; margin-top:10rem; margin-bottom:20rem;}
}
.tbl_st_write2 {border:5px solid #f4f4f4;}
.tbl_st_write2 th {background: #f7f7f7; border-left:1px dashed #d2d3d9; border-bottom:1px dashed #ddd; padding:14rem; font-weight:500;}
.tbl_st_write2 td {padding:7rem 14rem; border-bottom:1px dashed #ddd; border-left:1px dashed #ddd; background:#fff;}
.tbl_st_write2 tr td a,
.tbl_st_write2 tr td input[type="text"],
.tbl_st_write2 tr td select,
.tbl_st_write2 tr td textarea {width:auto; height:45rem; line-height:45rem; padding:0 10rem; margin:3rem; border:1px solid #a9a9a9; border-radius:3px;}
.tbl_st_write2 tr td textarea {width:100%; height:150px; line-height:1.5;}
.tbl_st_write2 tr td a {display:inline-block; border:0; background:#6d6d6d; color:#fff; font-size:16px;}
.tbl_st_write2 .horizontal .radio-wrap {display:inline-block; min-width:100rem;}
.tbl_st_write2 .radio-wrap {margin:3rem 5rem;}
.tbl_st_write2 .radio-wrap input[type="radio"] {margin-right:7rem;}
.tbl_st_write2 .caution {display: none;}
#fileUpload input[type="file"] {height:45rem; line-height:45rem; padding:0 6rem; margin:3rem; border:1px dashed #a9a9a9; border-radius:3px;}
#fileUpload .bt2 {background:#fff; border-color:#bc7373; color:#bc7373;}
@media all and (max-width:1023px){
	.tbl_st_write2 colgroup {display:none;}
	.tbl_st_write2 thead {display:none;}
	.tbl_st_write2 tr {display:flex; flex-wrap:wrap; width:100%; text-align:left;}
	.tbl_st_write2 th {width:100%; border-left:0;}
	.tbl_st_write2 td {width:100%; border-left:0; padding:10rem 13rem}
	.tbl_st_write2 tr td input[type="text"],
	.tbl_st_write2 tr td select,
	.tbl_st_write2 tr td textarea {width:100% !important;}
	.tbl_st_write2 .horizontal .radio-wrap { float:none;}
}
.campus_tit_wrap { font-weight:500;  padding:15rem; border-top:2px solid var(--p_color); border-bottom:1px solid #ddd;  }
.apply_list_tbl {border-bottom:1px solid #ddd;}
.apply_list_tbl thead td,
.apply_list_tbl tbody td {border-left:1px solid #ddd; text-align:center; border-bottom:1px solid #ddd;}
.apply_list_tbl thead tr:first-child td:first-child {border-left:0;}
.apply_list_tbl tbody tr:first-child td:first-child {border-left:0;}
.apply_list_tbl thead td {font-size:16rem; padding:15rem; }
.apply_list_tbl tbody td {padding:15rem; }
.apply_list_tbl tbody td input[type="text"] {height:45rem; line-height:45rem; padding:0 10rem; margin:3rem; border:1px solid #a9a9a9; border-radius:3px; width:100% !important;}
.apply_list_tbl  #td_1 {border-left:0;}
.apply_list_tbl  #td_2 {border-left:0;}
.apply_list_tbl  #td_3 {border-left:0;}
.apply_list_tbl  #td_4 {border-left:0;}
.apply_list_tbl  #td_5 {border-left:0;}
.apply_list_tbl  input[type="button"] { background:var(--p_color); color:#fff; border:0; padding:0 10rem; border-radius:3rem; margin:3rem; height:45rem; line-height:45rem; }
@media all and (max-width:768px){
	.apply_list_tbl thead td {display:none;}
	.apply_list_tbl tbody td {display:flex; align-items:center; text-align:left; border:0; background:none; padding-bottom:0;}
	.apply_list_tbl tbody td::before {content:attr(data-label); font-weight:600; width:120rem; text-align:left; flex-grow:0; flex-shrink:0;}
	.apply_list_tbl  #td_1,
	.apply_list_tbl  #td_2,
	.apply_list_tbl  #td_3,
	.apply_list_tbl  #td_4,
	.apply_list_tbl  #td_5 {padding-bottom:15rem; display:flex; justify-content:center;}
	.apply_list_tbl  #td_1:before,
	.apply_list_tbl  #td_2:before,
	.apply_list_tbl  #td_3:before,
	.apply_list_tbl  #td_4:before,
	.apply_list_tbl  #td_5:before {display:none;}
}



/*캠퍼스강좌*/
.class-lst2 {border-top:2px solid var(--p_color); border-bottom:1px solid #ddd;}
.class-lst2-top {display:flex; align-items:center; margin-bottom:20rem;}
.class-lst2-top > .class-lst2 {flex:1;}
.class-lst2-top > .class-img {position:relative; width:420rem; flex-shrink:0; margin-left:30rem;}
.class-lst2-top > .class-img .class-swiper {width:100%; overflow:hidden;}
.class-lst2-top > .class-img .class-swiper .swiper-slide img {display:block; width:100%; height:auto; border-radius:15rem;}
.class-lst2-top > .class-img .class-swiper .swiper-pagination {position:absolute; bottom:10rem;}
.class-lst2-top > .class-img .class-swiper .swiper-pagination-bullet {width:12rem; height:12rem; margin:0 3rem !important;}
.class-lst2 h5,
.class-lst2 dl {padding:0 15rem; flex-wrap:wrap;}
.class-lst2 h5 {margin:0 !important; border-bottom:1px solid #ddd; padding-top:10rem; padding-bottom:10rem;}
.class-lst2 dl {display:flex; margin:10rem 0;}
.class-lst2 dl:first-of-type {padding-top:10rem;}
.class-lst2 dl:last-of-type {padding-bottom:10rem;}
.class-lst2 dt {font-weight:500; width:100rem;}
.class-lst2 dd {width:calc(100% - 100rem);}
.class-lst2.flex {display:flex;}
.class-lst2.flex .row {width:50%; border-left:1px solid #ddd;}
.class-lst2.flex .row:first-of-type {border-left:0;}
.class-lst2.flex .row dt {font-weight:400; color:var(--p_color);}
@media all and (max-width:1023px){
    .class-lst2.flex {flex-wrap:wrap;}
    .class-lst2.flex .row {width:100%; border-left:0;}
    .class-lst2.flex .row dl {margin-bottom:0;}
    .class-lst2.flex .row:nth-child(1) dl:last-of-type {padding-bottom:0;}
    .class-lst2.flex .row:nth-child(2) dl:first-of-type {padding-top:0;}
    .class-lst2.flex .row:nth-child(2) dl:last-of-type {margin-bottom:10rem;}
}
@media (max-width: 768px) {
    .class-lst2-top {flex-direction:column; align-items:stretch;}
    .class-lst2-top > .class-img {order:-1; width:100%; margin:0 0 20rem;}
    .class-lst2-top > .class-lst2 {order: 0;}
}
.first_term {background:#aa238b; border-color:#aa238b  !important; color:#fff !important;}
.second_term {background:#889543; border-color:#889543  !important; color:#fff !important;}
.first_term.btn_tab.on {background:#aa238b; border-color:#aa238b  !important; color:#fff !important; text-decoration:underline;}
.second_term.btn_tab.on {background:#889543; border-color:#889543  !important; color:#fff !important;  text-decoration:underline;}


/*강좌정보*/
.org_detail .view {margin-top:40rem;}
#org_info ul {display:flex; flex-wrap:wrap; justify-content:space-between; border-top:2px solid var(--p_color); border-bottom:1px solid #ddd; padding:25rem;}
#org_info ul li {display:flex; width:calc(50% - 20rem); margin:5rem 0;}
#org_info ul li strong {font-weight:500; width:200rem; flex-shrink:0; flex-grow:0;}
#org_info ul li span {width:clac(100% - 200rem);}
#org_info .location_map {margin-bottom:20rem;}
#org_info .content_box {border-radius:0;}
@media all and (max-width:1023px){
	#org_info ul li strong {width:150rem;}
	#org_info ul li span {width:clac(100% - 150rem);}
}
@media all and (max-width:599px){
	#org_info ul li {flex-wrap:wrap; margin:10rem 0;}
	#org_info ul li strong {width:100%; margin-bottom:5rem;}
}
@media all and (max-width:321px){
	#org_info ul li {width:100%;}
	#org_info ul li strong {width:100%; margin-bottom:5rem;}
}

/*버튼*/
.btn_wrap {text-align: center; margin-top:60rem;}
.btn_wrap a {display:inline-block; margin:3rem; padding:10rem 20rem; }
.btn_wrap a.second {background:var(--p_color); color:#fff; }
.btn_wrap a.prim {background:#323232; color:#fff;}
.btn_tab {display:inline-block; margin:3rem; padding:7rem 20rem; font-size:16rem; border:2px solid var(--p_color); color:var(--p_color);}
.btn_tab:first-of-type {margin-left:0 !important;}
.btn_tab.on {background:var(--p_color); color:#fff;}
.total-view a {display:inline-block; margin:3rem; padding:7rem 20rem; font-size:16rem; border:2px solid var(--p_color); color:var(--p_color);}
.total-view a:first-of-type {margin-left:0 !important;}
.total-view a:hover {background:var(--p_color); color:#fff;}
/*
.bt2 {display:inline-block; margin:3rem; padding:10rem 20rem; }
.bt2.mod {background:#323232; color:#fff;}
*/
td .bt2 {display:inline-block; margin:2rem; padding:6rem 17rem 5rem; border-radius:40rem; font-size:16rem; border:1px solid #275cab;}
td .bt2.mod {background:#275cab; color:#fff;}
td .bt2.del {border:1px solid #275cab; color:#275cab;}

.btn-list {text-align:right; margin-bottom:40rem;}
.btn-list a {display:inline-block; margin:3rem; padding:10rem 20rem; background:#127211; color:#fff;}
.btn-list a:first-child {background:var(--p_color); color:#fff; }
.btn-list a:last-child {background:#323232; color:#fff;}

.btn_wrap.flex {display:flex; justify-content:space-between; align-items:center; text-align:left;}

/*tab*/
.tab_menu ul {display:flex; flex-wrap:wrap; margin-bottom:40rem; }
.tab_menu ul li { width:calc(25% + 1px); margin:-1px 0 0 -1px; border:1px solid #ddd; background:#fafafa; }
.tab_menu ul li a { display:flex; align-items:center; justify-content:space-between; padding:0 20rem; height:50rem; }
.tab_menu ul li.on a,
.tab_menu ul li a:hover { background:#fff; color:var(--p_color); font-weight:600; }
.tab_menu ul li.on a::after,
.tab_menu ul li a:hover::after {content:''; display:block; width:6rem; height:9rem; border-right:2px solid var(--p_color); border-bottom:2px solid var(--p_color); transform:rotate(45deg); margin-bottom:5rem; }
.tab_menu ul li.on {border-color:var(--p_color); box-shadow:0 0 3rem rgba(0,0,0,0.5); z-index:1; }

/*개인정보이용동의*/
.terms {background:#f7f7f7; font-size:16rem; height:200rem; overflow-y:auto;}
.terms ul {padding:20rem; }
.terms ul li .th {font-weight:500}
.terms ul li .td {margin:5rem 0 15rem;}
.terms ul li:last-child td {margin-bottom:0;}
.inp_agree {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:8rem 20rem; margin:25rem 0 0 0; text-align:right;}
.inp_agree input[type="checkbox"] {margin-right:10rem;}

/*주요사업*/
.bis .list {display:flex; margin:-10rem; flex-wrap: wrap;}
.bis .list > li {display:flex; flex-direction:column; background:#fff; border:1px solid #b7d4b7; border-radius:10rem; width:calc(33.333% - 20rem); margin:10rem; flex-grow:0; overflow:hidden; position:relative;}
.bis .list > li::before {content:""; width:150rem; height:150rem; margin:0 auto; border-radius:50%; background:url('/design/edu/img/content/bis.png') no-repeat 0 0/600% auto; flex-shrink:0; flex-grow:0; margin-bottom:-30px; margin-top:10px;}
.bis .list .tit {text-align:center; padding:0 30rem; font-size:20rem; font-weight:500; line-height:1.6; height:130px; display:flex; justify-content:center; align-items:center; flex-shrink:0; flex-grow:0;}
.bis .depth1 {background:#f3f9f3; margin:0 !important; padding:25px; height:100%;}
.bis .depth1 > li {font-size:17rem;}
.bis.uni .list > li {border: 1px solid #dad3f0;}
.bis.dom .list > li {border: 1px solid #c9d4e3;}
.bis.youth .list > li {border: 1px solid #edd9d9;}
.bis.uni .depth1 {background:#f5f3fb}
.bis.dom .depth1 {background:#F8FBFF}
.bis.youth .depth1 {background:#fff8f8}
.bis.edu .list > li.icon1::before {background-position:0 0;}
.bis.edu .list > li.icon2::before {background-position:20% 0;}
.bis.edu .list > li.icon3::before {background-position:40% 0;}
.bis.edu .list > li.icon4::before {background-position:60% 0;}
.bis.edu .list > li.icon5::before {background-position:80% 0;}
.bis.uni .list > li.icon1::before {background-position:100% 0;}
.bis.uni .list > li.icon2::before {background-position:0 50%;}
.bis.uni .list > li.icon3::before {background-position:20% 50%;}
.bis.uni .list > li.icon4::before {background-position:40% 50%;}
.bis.uni .list > li.icon5::before {background-position:60% 50%;}
.bis.dom .list > li.icon1::before {background-position:80% 50%;}
.bis.dom .list > li.icon2::before {background-position:100% 50%;}
.bis.dom .list > li.icon3::before {background-position:0 100%;}
.bis.youth .list > li.icon1::before {background-position:20% 100%;}
.bis.youth .list > li.icon2::before {background-position:40% 100%;}
.bis.youth .list > li.icon3::before {background-position:60% 100%;}
.bis.youth .list > li.icon4::before {background-position:80% 100%;}
@media all and (max-width:1023px){
	.bis .list > li {width:calc(50% - 20rem);}
	.bis .list > li::before {width:120rem; height:120rem;}
}
@media all and (max-width:599px){
	.bis .list {margin:-10rem 0;}
	.bis .list > li {width:100%; margin:10rem 0;}
	.bis .list > li::before {width:120rem; height:120rem; margin-bottom:-25px;}
	.bis .depth1 > li {font-size:16rem;}
	.bis .list .tit {padding:30px; height:auto;}
}

.org-chart {display:flex; flex-direction:column; align-items:center; gap:0;}
.org-chart .level {display:flex; justify-content:space-between; align-items:flex-start; gap:0; width:100%;}
.org-chart .box {background: white; border-radius:15rem; padding:25rem; position:relative; width:calc(50% - 30rem); margin:30rem 0; align-self:stretch;}
.org-chart .education-dept {border-left:5rem solid #B8D4F0; background:linear-gradient(135deg, #f8fbff 0%, #f0f8ff 100%); }
.org-chart .support-center {border-left:5rem solid #F0B8D4; background:linear-gradient(135deg, #fff8fb 0%, #fdf2f8 100%); }
.org-chart .regional-center {border-left:5rem solid #D4F0B8; background:linear-gradient(135deg, #f8fff0 0%, #f0fff8 100%); }
.org-chart .box-title {font-size:1.1em; font-weight:600; margin-bottom:15rem;  text-align:center;}
.org-chart .sub-txt {text-align:center; margin-bottom:15px; font-weight:500; margin-top:-10rem;}
.org-chart .box-content {font-size:0.9em; color: #4A5568;}
.org-chart .box-content li {margin-bottom:8px; padding-left:15px; position:relative;}
.org-chart .box-content li:before {content: '•'; position:absolute; left:0; color: #718096;}
.org-chart .level-3 {justify-content:flex-end;}
.org-chart .level-2 .box,
.org-chart .level-3 .box {position:relative;}
.org-chart .level-2 .box:before,
.org-chart .level-3 .box:before {content:''; position:absolute; top:-44rem; left:50%; width:12rem; height:28rem; background:url('/design/edu/img/content/arrow.png') no-repeat 0 0/contain;}
.org-chart .level {position:relative;}
.org-chart .level-2:before {
	content:''; position:absolute; top:50%; left:50%; width:12rem; height:28rem; background:url('/design/edu/img/content/arrow.png') no-repeat 0 0/contain;
	transform:translate(-50%, -50%) rotate(90deg);
}

.card-view {display:flex; margin:-10rem;}
.card-view li {display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#f7f7f7; width:calc(25% - 20rem); margin:10rem; padding:40rem; border-radius:15rem;}
.card-view li p {height:100%;}
.card-view li:before {content:''; width:100rem; height:100rem;  margin-bottom:35rem; flex-shrink:0;}
.card-view.task li:before { background:url('/design/edu/img/content/sprite1.png') no-repeat 0 0/400% auto; }
.card-view.task li.icon2:before {background-position:33.333% 0;}
.card-view.task li.icon3:before {background-position:66.666% 0;}
.card-view.task li.icon4:before {background-position:99.999% 0;}
.card-view.bisiness li:before {content:''; background:url('/design/edu/img/content/sprite2.png') no-repeat 0 0/400% auto;}
.card-view.bisiness li.icon2:before {background-position:33.333% 0;}
.card-view.bisiness li.icon4:before {background-position:66.666% 0;}
.card-view.bisiness li.icon3:before {background-position:99.999% 0;}
@media all and (max-width:1023px){
	.card-view {flex-wrap:wrap;}
	.card-view li {width:calc(50% - 20rem);}
}
@media all and (max-width:599px){
	.card-view li:before {width:80rem; height:80rem ;}
}
@media all and (max-width:480px){
	.card-view {margin:-10rem 0;}
	.card-view li {width:100%; margin:10rem 0;}
}

.step3 {display:flex; flex-direction:column;}
.step3 .level {display:flex; }
.step3 .level > div {margin:0 7px;}
.step3 .group {width:25%; position:relative; flex-grow:1; background:#ebf3fe; border:1px solid #dfe8ff; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.step3 .group .tit {padding:15rem; line-height:1.5; color:#263173; font-weight:600; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-height:auto;}
.step3 .arrow {position:relative; font-size:14px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#696969;}
.step3 .arrow:before {content:'→';}
.step3 .depth3 {background:#ffffff; margin:0; padding:25rem; border:1px solid #dfe8ff; border-top:0; margin:0 !Important; font-size:16px; width:100%; height:100%;}
.step3 .second {justify-content:flex-end; padding:10rem 0;}
.step3 .second .arrow {width:25%; }
.step3 .second > div:nth-child(1) {order:2}
.step3 .second > div:nth-child(2) {order:1}
.step3 .third > div:nth-child(1) {order:5}
.step3 .third > div:nth-child(2) {order:4}
.step3 .third > div:nth-child(3) {order:3}
.step3 .third > div:nth-child(4) {order:2}
.step3 .third > div:nth-child(5) {order:1}
.step3 .arrow.left:before {transform:rotate(180deg);}
.step3 .arrow.down {flex-direction:row; align-items:center;}
.step3 .arrow.down:before {transform:rotate(90deg); margin-right:3px;}
@media all and (max-width:1023px){
    .step3 {overflow-x:auto; }
    .step3 .scroll {width:1023px;}
}

/*인사말*/
.greeting .bg_top {background: url('/design/edu/img/content/greeting1.jpg') no-repeat right center/cover; border-radius: 10rem;padding: 60rem; }
.greeting .tit {display: flex;flex-direction: column;font-family: var(--gmark);font-size: 34rem;transform: rotate(0.04deg);color: #343e12;font-weight: 500;line-height: 1.45}
.greeting .tit:before {content: '';width: 100rem;height: 1px;background: #343e12;margin-bottom: 40rem; }
.greeting .txt p {margin-top: 30rem; }
.greeting .sign {display:flex; align-items:center ; justify-content:flex-end; margin-top:60rem; }
.greeting .sign .group {font-weight:500}
.greeting .sign .name {display:block; width:120rem; height:36rem; background: url('/design/edu/img/content/greeting2.png') no-repeat center/contain; margin-left:20rem; text-indent:-9999rem;}
@media all and (max-width:1023px) {
	.greeting {position:relative; padding-top:260rem; padding-left:10rem; padding-right:10rem;}
	.greeting:before {content:''; position:absolute; top:0; left:0; width:100%; height:200px; background: url('/design/edu/img/content/greeting3.jpg') no-repeat center/cover; border-radius:10rem;}
	.greeting .bg_top {background:none; padding:0;}
}
@media all and (max-width:599px) {
	.greeting .tit {font-size:28rem;}
}


.youth_center {}
.youth_center .scroll {position:relative;}
.youth_center .scroll:before {content:''; position:absolute; top:50%; left:50%; width:442rem; height:172rem; background:url('/design/edu/img/content/arrow.png') no-repeat 0 0/contain; transform:translate(-50%, -50%);}
.youth_center .circle {display:flex; justify-content:cneter; align-items:center; flex-direction:column;}
.youth_center .circle li:not(.arrow) {display:flex; align-items:center; justify-content:center; border:2px solid #9b3388; width:200rem; height:100rem; border-radius:50%;}
.youth_center .circle li span {font-size:20rem; font-weight:500;}
.youth_center .circle li.second {border-color:#889543;}
.youth_center .circle li.third {border-color:#2e3192;}
.youth_center .block {position:absolute; top:50%; transform:translateY(-50%); border:1px solid #ddd; border-radius:10rem; width:30%; padding:20rem; text-align:center; background:#f7f7f7;}
.youth_center .block.left {left:0;}
.youth_center .block.right {right:0;}
.youth_center .block.left:after {right:-20%; }
.youth_center .block.right:after {left:-20%; }
@media all and (max-width:1440px){
	.youth_center .scroll:before {display:none;}
	.youth_center .block:before {content:'↔'; position:absolute; font-weight:500; transform:translateY(-50%); color:#636363; font-size:30rem;}
	.youth_center .block:after {content:'↔'; position:absolute; font-weight:500; transform:translateY(-50%); color:#636363; font-size:30rem;}
	.youth_center .block.left:before {top:-40rem; right:-70rem; transform:rotate(-45deg);}
	.youth_center .block.left:after {bottom:-40rem; right:-70rem; transform:rotate(45deg);}
	.youth_center .block.right:before {top:-40rem; left:-70rem; transform:rotate(45deg);}
	.youth_center .block.right:after {bottom:-40rem; left:-70rem; transform:rotate(-45deg);}
}
@media all and (max-width:900px){
    .youth_center {overflow-x:auto; }
    .youth_center .scroll {width:900px;}
}


.bi_color {margin-top:30rem;}
.bi_color > ul {display:flex; flex-wrap:wrap; margin:-10rem;}
.bi_color > ul >li {width:calc(33.333% - 20rem); margin:10rem; position:relative; padding-top:120rem; font-size:14rem; letter-spacing:0.1rem; text-transform:uppercase; box-shadow:3rem 3rem 3rem rgba(0,0,0,0.1); }
.bi_color > ul > li:before {content:''; position:absolute; top:0; left:0; width:100%; height:120rem; background:rgb(111,186,31);}
.bi_color > ul > li.c80:before {background:#4753a2;}
.bi_color > ul > li.c39:before {background:#adcf3c;}
.bi_color > ul > li.c0:before {background:#eb6142;}
.bi_color .sum {background:#fff; padding:15rem;}
.bi_color .sum p {color:#6d6d6d; margin:3rem 0;}
.bi_color .sum span {font-weight:600; font-size:18rem;}
.bi_color > ul > li.c80 .sum span {color:#4753a2;}
.bi_color > ul > li.c39 .sum span {color:#adcf3c;}
.bi_color > ul > li.c0 .sum span {color:#eb6142;}

@media all and (max-width:768px){
    .bi_color > ul >li {width:calc(50% - 20rem);}
}
@media all and (max-width:599px){
    .bi_color > ul {margin:0 0 -20rem 0;}
    .bi_color > ul >li {width:100%; margin:0 0 20rem 0;}
}

.bi_grid {margin:30rem 0 30rem 0; background:url('/design/edu/img/content/grid.gif') repeat center; border:1px solid #ededed; padding:0 20rem;}
.bi_grid .block {display:flex; flex-direction:column; justify-content:center; align-items:center; height:250rem;}
.bi_uni > ul {margin:30rem 0 0 0 !important; border:1px solid #ededed; border-bottom:0; border-right:0;}
.bi_uni > ul > li {border-bottom:1px solid #ededed; width:50%; padding:var(--spacing); border-right:1px solid #ededed; margin:0;}
.bi_uni > ul > li > h5 {margin:0 !important; font-size:22rem !important;}
.bi_uni .block {display:flex; flex-direction:column; justify-content:center; align-items:center; height:250rem;}
@media all and (max-width:768px){
.bi_uni .block {height:150rem;}
}
@media all and (max-width:321px){
.bi_uni > ul > li {width:100%;}
}



/* 명예도민학위제 */
.primary_box {border:1rem solid var(--p_color); border-radius:20rem; box-shadow:10rem 10rem 10rem rgba(248,227,243,0.42); background:#fff; padding:50rem;}
.primary_box dl {display:flex; flex-wrap:wrap; justify-content:space-between; }
.primary_box dt {width:340rem; font-size: 32rem; font-family:var(--gmark); font-weight:500; color:var(--p_color); line-height:1.4}
.primary_box dd {width:calc(100% - 340rem);}
.primary_box dd p.last {font-weight:500; margin-top:20rem; margin-left:1rem;}
@media all and (max-width:1280px){
	.primary_box {padding:40rem}
	.primary_box dt {width:100%; margin-bottom:20rem;}
	.primary_box dd {width:100%;}
}
@media all and (max-width:768px){
	.primary_box {padding:30rem}
}
.grade .tit {font-size:22rem; font-weight:600; }
.grade .list {display:flex;}
.grade .standard {margin-top:50rem;}
.grade .standard .tit {font-weight:500;}
.grade .standard .list > li {width:33.333%; position:relatvie;}
.grade .standard .group {background:#def6ff; border-radius:20rem 20rem 0 0; padding:10rem; position:relative}
.grade .standard .group::before {content:''; position:absolute; top:-28rem; right:40rem; width:90rem; height:38rem; background:url('/design/edu/img/content/grade1.png') no-repeat 0 0/300% auto;}
.grade .standard .group .tit {background:#41a5c9; border-radius:20rem 20rem 0 0; text-align:center; color:#fff; padding:7rem 0;}
.grade .standard .detail {text-align:center; display:flex; justify-content:center; align-items:center; padding:10rem 0 3rem 0;}
.grade .standard .detail span {display:flex; align-items:center;}
.grade .standard .detail span::after {content:'+'; font-weight:700; font-size:20rem; margin:0 10rem; color:#8fbccd;}
.grade .standard .detail em {display:block; margin:0 3rem; font-size:21rem; font-weight:600;}
.grade .standard .detail sup {font-size:14rem;}
.grade .standard .detail .attend {margin-left:0;}
.grade .standard .detail .service {margin-right:0;}
.grade .standard .detail .service:after {display:none;}
/**/
.grade .standard .second {margin-top:-40px;}
.grade .standard .second .group {background:#e0f5d5;}
.grade .standard .second .group::after {content:''; position:absolute; bottom:-40rem; left:0; width: 0; height: 0; border-style: solid; border-width: 40rem 30rem 0px 0px; border-color: #d0e7c4 transparent transparent transparent;}
.grade .standard .second .group::before {background-position:50% 0;}
.grade .standard .second .group .tit {background:#77bc51;}
.grade .standard .second .group .detail span::after {color:#a4c294;}
.grade .standard .third {margin-top:-80px;}
.grade .standard .third .group::before {background-position:100% 0;}
.grade .standard .third .group::after {content:''; position:absolute; bottom:-40rem; left:0; width: 0; height: 0; border-style: solid; border-width: 40rem 30rem 0px 0px; border-color: #eedade transparent transparent transparent;}
.grade .standard .third .group {background:#ffe5ea;}
.grade .standard .third .group .tit {background:#eb677f;}
.grade .standard .third .group .detail span::after {color:#e0adb7;}
@media all and (max-width:1280px){
	.grade .standard .detail {flex-direction:column;}
	.grade .standard .group::before  {width:80rem; height:340rem; top:-24rem;}
}
@media all and (max-width:768px){
	.grade .standard  {margin-top:0;}
	.grade .standard .list {flex-wrap:wrap;}
	.grade .standard .list > li {width:100%;}
	/**/
	.grade .standard .second {margin-top:0;}
	.grade .standard .second .group::after {display:none;}
	.grade .standard .third {margin-top:0;}
	.grade .standard .third .group::after {display:none;}
}
@media all and (max-width:599px){
	.grade .standard .group::before {display:none;}

}
.grade .how .tit {font-size:23rem;}
.grade .how .list {margin:-15rem;}
.grade .how .list> li {width:calc(33.333%  - 30rem); margin:15rem; display:flex; flex-direction:column;}
.grade .how .detail {border:5px solid #def6ff; border-radius:20rem; padding:30rem; flex:1; }
.grade .how .detail ul {margin-top:10rem;}
.grade .how .detail ul > li {display:flex; border-bottom:1px solid #ddd; padding:15rem 3rem;}
.grade .how .detail ul > li > span {font-weight:500; display:block; width:100rem;}
.grade .how .detail ul > li > div {width:calc(100% - 100rem);}
.grade .how .detail ul > li > div span {color:#393997; font-weight:500;}
.grade .how .adventage { display:none; position:relative; background:#def6ff; border-radius:20rem; padding:25rem 30rem; margin-top:30rem;}
.grade .how .adventage::before {content:''; position:absolute; top:-55rem; left:50%; transform:translateX(-50%); width:80rem; height:80rem; background:#fff url('/design/edu/img/content/grade2.png') no-repeat center/contain; border-radius:50%; z-index:1;}
.grade .how .adventage .tit {font-size:20rem; color:#134a5f; margin-bottom:10rem;}
.grade .more {text-align:center; margin-top:40rem;}
.grade .more a {display:inline-block; font-family:var(--gmark); font-size:20rem; background:#f6f6f6; border-radius:100rem; padding:12rem 30rem; font-weight:400;}
.grade .modal_popup { display:none; position:fixed; left:0; top:0; width:100%; height:100%; align-items:center; justify-content:center; z-index:100; text-align:left; }
.grade .modal_popup::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:1; opacity:0.5; }
.grade .modal_popup .modal_wrap { position:relative; height:90vh; z-index:2; background:#fff; box-shadow:0 0 10rem rgba(0,0,0,0.2); padding:30rem; border-radius:20rem; overflow-y:auto; }
.grade .modal_popup .modal_close { display:flex; align-items:center; justify-content:center; position:absolute; right:0; top:0; width:60rem; height:60rem; border-radius:0 0 0 20rem; background:#333; color:#fff; padding:0; }
.grade .modal_popup .modal_close::before {content:'X'; }
.grade .modal_popup .modal_close span {position:absolute; left:-99999rem; top:-9999rem; }
/**/
.grade .how .second .detail {border-color:#e0f5d5;}
.grade .how .second .adventage {background:#e0f5d5;}
.grade .how .second .adventage .tit {color:#3a6e1d;}
.grade .how .third .detail {border-color:#ffe5ea;}
.grade .how .third .adventage {background:#ffe5ea;}
.grade .how .third .adventage .tit {color:#642431;}
@media all and (max-width:1280px){
	.grade .how .list {margin:-7rem;}
	.grade .how .list> li {width:calc(33.333%  - 14rem); margin:7rem; display:flex; flex-direction:column;}
	.grade .how .detail ul > li {flex-wrap:wrap;}
	.grade .how .detail ul > li > span {width:100%; margin-bottom:7rem;}
	.grade .how .detail ul > li > div {width:100%; margin-left:1rem;}
}
@media all and (max-width:768px){
	.grade .how .list {flex-wrap:wrap;}
	.grade .how .list> li {width:calc(50%  - 14rem); flex:1 1 auto;}
}
@media all and (max-width:599px){
	.grade .how .list {margin:0 0 -14rem 0;}
	.grade .how .list > li {width:100%; margin:0 0 14rem 0;}
}
.grade .seven {margin-top:40rem;}
.grade .seven .tit {position:relative; color:#fff; background:#8f7f51; text-align:center; padding:9rem 0; border-radius:0 0 20rem 20rem; max-width:390rem; margin:-20rem auto 0; font-weight:500;}
.grade .seven .tit:before,
.grade .seven .tit:after {content:''; position:absolute; top:0; left:-20rem; width: 0; height: 0; border-style: solid; border-width: 0px 0px 20rem 20rem; border-color: transparent transparent #5E512D transparent;}
.grade .seven .tit:after {left:inherit; right:-20rem; transform:scaleX(-1)}
.grade .seven .txt {color:#3c2f0a; text-align:center; margin:30rem 0;}
.grade .seven .list {margin:-15rem;}
.grade .seven .list > li {width:calc(50%  - 30rem); margin:15rem; background:#f9f1da; border-radius:20rem; padding:30rem; padding-top:0;}
.grade .seven .detail {display:flex; flex-wrap:wrap; margin:-10rem;}
.grade .seven .detail > li {width:calc(50%  - 20rem); margin:10rem; border:3px solid #fff; background:#fff; border-radius:10rem; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; overflow:hidden; cursor:pointer;}
.grade .seven .detail > li:before {content:''; flex-shrink:0; flex-grow:0; width:100rem; height:100rem; background:url('/design/edu/img/content/grade3.png') no-repeat 0 0/600% auto; margin:15rem 0;}
.grade .seven .detail > li > p {font-weight:500; padding:0 0 20rem 0;}
.grade .seven .detail .hover {transition:all 0.3s; position:absolute; bottom:-100%; left:0; width:100%; height:100%; z-index:1; background:#fff; border-radius:8rem; padding:20rem; display:flex; flex-direction:column; justify-content:space-between; align-items:center; }
.grade .seven .detail .hover > p:first-child {text-align:center; font-size:20rem; color:#684f3b; font-weight:600;}
.grade .seven .detail .hover > p:last-child {font-size:16rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow:hidden; height:4.8em; color:#565656; line-height:1.6em; word-wrap:break-word; text-overflow:ellipsis; text-align:left; width:100%;}
/**/
.grade .seven .detail > li:hover {border-color:#684f3b}
.grade .seven .detail > li:hover .hover {bottom:0;}
/**/
.grade .seven .detail > li.icon1:before {background-position:0 0;}
.grade .seven .detail > li.icon2:before {background-position:20% 0;}
.grade .seven .detail > li.icon3:before {background-position:40% 0;}
.grade .seven .detail > li.icon4:before {background-position:60% 0;}
.grade .seven .detail > li.icon5:before {background-position:80% 0;}
.grade .seven .detail > li.icon6:before {background-position:100% 0;}
.grade .seven .detail > li.icon7:before {background-position:0 100%;}
/**/
.grade .seven .list .special {background:#f9e8da;}
.grade .seven .list .special .tit {background:#684f3b; }
.grade .seven .list .special .tit:before,
.grade .seven .list .special .tit:after {border-color: transparent transparent #493626 transparent;}
@media all and (max-width:1280px){
	.grade .seven .list {margin:-7rem;}
	.grade .seven .list > li {width:calc(50%  - 14rem); margin:7rem;}
	.grade .seven .detail { margin:-5rem;}
	.grade .seven .detail > li {width:calc(50%  - 10rem); margin:5rem;}
	.grade .seven .detail > li:before {width:80rem; height:80rem;}
}
@media all and (max-width:768px){
	.grade .seven .list {margin:0 0 -14rem 0; flex-wrap:wrap;}
	.grade .seven .list > li {width:100%; margin:0 0 14rem 0;}
}
@media all and (max-width:321px){
	.grade .seven .detail { margin:0 0 -14rem 0;}
	.grade .seven .detail > li {width:100%; margin:0 0 14rem 0;}
}


/*캐릭터소개*/
.character h6 {margin-top:-5rem !important; margin-left:1rem !important;}
.character .char_top {display:flex; margin:0 0 80rem; position: relative;}
.character .char_top::before {position: absolute; content:""; background: #f7f7f7; height:77%; width:91%; right:0; top:120rem; z-index:-1; border-radius:0 30rem;}
.character .char_top .left {width:445rem; margin-right:90rem; text-align:center;}
.character .char_top .left .img {width:100%; display:flex; align-items:center; justify-content:center; padding:50rem 0; box-shadow:3px 3px 12px rgba(0,0,0,0.1); border-radius:30rem 30rem 0 30rem; background:#fff;}
.character .char_top .left .img img {width:30%;}
.character .char_top .right {width:calc(100% - 570rem);}
.character .char_top .right h4 {margin-top:30rem !important; margin-bottom:80rem !important;}
.char_detail {padding:0 0 20rem 2rem;}
.char_color {margin-bottom:60rem;}
.char_color span {display:inline-block; background:#889543; color:#fff; font-weight:500; padding:10rem 40rem; border-radius:20rem 20rem 0 0;}
.char_color > div {border:1px solid #ddd; border-radius:0 20rem 20rem 20rem; display:flex; padding:30rem;}
.char_color > div dl {width:33.333%; padding-left:116rem ;position: relative;}
.char_color > div dl::before{position: absolute;content: "";width: 90px;height: 90px;left: 0;top: 0;}
.char_color > div dl:nth-child(1)::before{background:#ffde00}
.char_color > div dl:nth-child(2)::before{background:#f7941d;}
.char_color > div dl:nth-child(3)::before{background:#000;}
.char_color > div dl dt{font-size:16rem; font-weight:600; letter-spacing:0.3rem; margin-top:2rem;}
.char_color > div dl dd{font-size:15rem; color:#666; margin-top:12rem; letter-spacing:0.1rem;}
.char_list {display:flex; flex-wrap:wrap; margin:-10rem;}
.char_list li {width:50%; padding:10rem; position:relative;}
.char_list li span {display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:10rem; padding:60rem;}
.char_list li span img {width:30%;}
.char_list li strong {display:block; position:absolute; top:35rem; left:35rem; font-size:20rem; font-weight:600; color:#555;}
.char_list li.grid span {background:url('/design/edu/img/content/grid.gif') repeat 0 0/12px}
.char_list.vari li {width:33.333%;}
.char_list.vari li img {height:150px; width:auto;}
.char_list.vari.basic {  margin-top:20rem; }
@media all and (max-width:1440px){
	.character .char_top .left {margin-right:50rem;}
}
@media all and (max-width:1023px){
	.character .char_top {flex-wrap:wrap; margin-bottom:30rem;}
	.character .char_top::before {display:none;}
	.character .char_top .left {width:100%; margin-right:0;}
	.character .char_top .left .img { box-shadow:none; padding:0;}
	.character .char_top .left .img img {width:150rem;}
	.character .char_top .right {width:100%; background:#f7f7f7; padding:30rem; border-radius:20rem; margin-top:50rem;}
	.character .char_top .right h4 {margin:10rem 0 20rem 0 !important;}
	.char_detail {padding:0 0 0 2rem;}
	.char_detail br {display:none;}
	.char_color > div dl {width:50%;}
	.char_list.vari li img {height:120px;}
}
@media all and (max-width:768px){
	.char_list.vari li img {height:90px;}
}
@media all and (max-width:599px){
	.char_color > div {flex-wrap:wrap;}
	.char_color > div dl {padding-left:70rem;}
	.char_color > div dl:first-child {margin-top:0;}
	.char_color > div dl:last-child {margin-bottom:0;}
	.char_color > div dl::before{width:50rem; height:50rem;}
	.char_color > div dl dt {margin-top:0;}
	.char_list li {width:100%;}
	.char_list li span img {width:150rem;}
	.char_list.vari li {width:50%;}
}
@media all and (max-width:480px){
	.char_color > div dl {width:100%; margin:15rem 0;}
	.char_list.vari li {width:100%;}
	.char_list.vari li img {height:auto; width:150rem;}
}

.instructor {position:relative; width:100%; text-align:center;}
.instructor p {display:inline-block; padding:30rem; border-radius:20rem; overflow:hidden; background:#fdd1a4;}
.instructor p img {display:block; max-width:100%; height:auto; border-radius:10rem; box-shadow:0 10rem 30rem rgba(0, 0, 0, 0.2); border:3px solid #fff;}
.instructor a {display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:12%; background:#c95b20; border-radius:30rem; color:#fff; padding:10rem 50rem; font-weight:600;}
@media all and (max-width:768px){
    .instructor p {padding:20rem;}
}
@media all and (max-width:480px){
    .instructor a {padding:5rem 25rem; font-size:13rem; bottom:40rem;}
}


.operation-system {
	--os-point: #b32694;
	--os-point-dark: #85206f;
	--os-point-light: #f9edf7;
	--os-blue: #5278b8;
	--os-ink: #29232a;
	--os-muted: #746d75;
	--os-line: #e8dfe7;
	--os-bg: #fffcff;
	color: var(--os-ink);
} 
.operation-system__diagram { width: 100%; box-sizing: border-box; /* padding: 20px 0; */
 overflow: hidden; border: 1px solid var(--os-line); border-radius: 16px; background:
 linear-gradient(135deg, rgba(179, 38, 148, .025), transparent 42%),
 var(--os-bg); } 
.operation-system__scroll { width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-color: #d9c6d6 transparent; scrollbar-width: thin; } 
.operation-system__scroll::-webkit-scrollbar { height: 7px; } 
.operation-system__scroll::-webkit-scrollbar-thumb { border-radius: 10px; background: #d9c6d6; } 
.operation-system__canvas { position: relative; display: grid; grid-template-columns: minmax(220px, 1fr) 118px 340px 118px minmax(220px, 1fr); align-items: center; gap: 0; width: 1240px; /* min-height: 440px; */
 box-sizing: border-box; margin: 0 auto; padding: 30px; overflow: hidden; } 
.operation-system__deco { position: absolute; z-index: 0; width: 230px; height: 230px; border: 1px solid rgba(179, 38, 148, .09); border-radius: 50%; pointer-events: none; } 
.operation-system__deco::before,
.operation-system__deco::after { content: ""; position: absolute; border: inherit; border-radius: inherit; } 
.operation-system__deco::before { inset: 20px; } 
.operation-system__deco::after { inset: 48px; } 
.operation-system__node,
.operation-system__core,
.operation-system__connector { position: relative; z-index: 1; } 
.operation-system__node { min-height: 315px; box-sizing: border-box; padding: 33px 24px 24px; border: 1px solid var(--os-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 30px rgba(63, 30, 57, .06); } 
.operation-system__node::before { content: ""; position: absolute; top: 0; right: 24px; left: 24px; height: 3px; border-radius: 0 0 3px 3px; background: var(--os-point); } 
.operation-system__node--city::before { background: var(--os-blue); } 
.operation-system__node-title { margin: 0 0 18px; font-size: 22px; font-weight: 600; line-height: 1.3; word-break: keep-all; } 
.operation-system__node-title small { color: var(--os-muted); font-size: 16px; font-weight: 400; } 
.operation-system__list { margin: 0; padding: 17px 0 0; border-top: 1px solid #eee9ed; list-style: none; } 
.operation-system__list li { position: relative; padding-left: 11px; color: #4f4850; font-size: 16px; font-weight: 400; line-height: 1.65; word-break: keep-all; } 
.operation-system__list li + li { margin-top: 7px; } 
.operation-system__list li::before { content: ""; position: absolute; top: .72em; left: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--os-point); } 
.operation-system__node--city .operation-system__list li::before { background: var(--os-blue); } 
.operation-system__core { min-height: 330px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: 35px 22px; border: 1px solid #ebd3e6; border-radius: 50%; background: #fff; text-align: center; box-shadow: 0 12px 34px rgba(133, 32, 111, .1); } 
.operation-system__core-ring { position: absolute; inset: 10px; border: 1px dashed rgba(179, 38, 148, .28); border-radius: 50%; pointer-events: none; } 
.operation-system__core-kicker { margin: 0 0 5px; color: var(--os-point); font-size: 14px; font-weight: 600; letter-spacing: .08em; } 
.operation-system__core-title { margin: 0; color: var(--os-point-dark); font-size: 26px; font-weight: 700; line-height: 1.25; } 
.operation-system__core-subtitle { margin: 7px 0 18px; color: var(--os-muted); font-size: 14px; font-weight: 400; } 
.operation-system__core-tasks { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; max-width: 205px; } 
.operation-system__core-tasks span { padding: 5px 9px; border-radius: 99px; background: var(--os-point-light); color: var(--os-point-dark); font-size: 14px; font-weight: 500; } 
.operation-system__connector { display: grid; gap: 15px; padding: 0 13px; } 
.operation-system__connector-line { display: grid; grid-template-columns: auto minmax(24px, 1fr); align-items: center; gap: 6px; color: var(--os-muted); font-size: 14px; font-weight: 500; text-align: center; white-space: nowrap; } 
.operation-system__connector-line::after { content: ""; position: relative; height: 1px; background: var(--os-point); } 
.operation-system__connector-line::before { content: ""; position: absolute; right: 11px; width: 7px; height: 7px; border-top: 1px solid var(--os-point); border-right: 1px solid var(--os-point); transform: rotate(45deg); } 
.operation-system__connector-line--reverse { grid-template-columns: minmax(24px, 1fr) auto; } 
.operation-system__connector-line--reverse span { grid-column: 2; } 
.operation-system__connector-line--reverse::after { grid-column: 1; grid-row: 1; } 
.operation-system__connector-line--reverse::before { right: auto; left: 11px; transform: rotate(-135deg); } 
@media (min-width: 1240px){
 .operation-system__scroll { scrollbar-width: none; } 
 .operation-system__scroll::-webkit-scrollbar { display: none; } 
}


.video video.shorts { display:block; margin:0 auto; width:100%; max-width:400px; height:auto; }

.system { display:flex; flex-direction:column; align-items:stretch; text-align:center; }
.system .box { border:1px solid #dfe2f0; border-radius:10px; padding:30px; }
.system .box strong,
.system .box span { display:block; }
.system .box strong { font-size:25px; font-weight:600; }
.system .arrow { display:flex; flex-direction:column; align-items:center; padding:20px 0; }
.system .arrow:before { content:'↕'; font-size:25px; color:var(--p_color); }
.system .gtlef { background:#e8ebfa; border-color:#2f3f9e; }
.system .gtlef strong { color:#2f3f9e; }
.system .gtlef > div { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:15px; }
.system .gtlef > div span { background:#fff; padding:10px; border-radius:7px; }
.system .partner > div { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; margin-top:15px; }
.system .partner > div span { border:1px solid #dfe2f0; background:#fff; padding:10px; border-radius:7px; font-weight:600; }
.system .youth { background:#dff3ef; border-color:#0e8577; }
.system .youth strong { color:#0e8577; }
@media all and (max-width:768px){
	.system .box { padding:20px; }
	.system .box strong { font-size:20px; }
	.system .partner > div { grid-template-columns:1fr;}
}
@media all and (max-width:480px){
	.system .arrow { padding:10px; }
	.system .gtlef > div { grid-template-columns:1fr; }
}

.vision { border:1px solid #dfe2f0; border-radius:10px; padding:30px; }
#content.ver1 .vision h5 { margin:0 0 15px 0; }
.vision > div { display:flex; flex-direction:column; align-items: center; text-align:center; padding:30px 0; }
.vision > div:first-child { padding-top:0; }
.vision > div:last-child { padding-bottom:0; }
.vision > div + div { border-top:1px dotted #dfe2f0; }
.vision > div .tit {display:flex; align-items:center; justify-content:center; font-size:36rem; font-weight:600; line-height:1;}
.vision > div .tit:before,
.vision > div .tit:after {color:#d3d3d3;  font-size:70rem;}
.vision > div .tit:before {content:'['; margin-right:40rem;}
.vision > div .tit:after {content:']'; margin-left:40rem;}
.vision > div .tit strong { color:#2e3192; }
.vision > div .txt { margin-top:10px; font-size:19px; }
.vision > div .mission { font-size:25px; font-weight:600; }
.vision .goals { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:15px; width:100%; }
.vision .goals dl { display:flex; flex-direction:column; gap:10px; background:#f5f6fb; padding:20px; border-radius:10px; }
.vision .goals dt { font-size:20px; font-weight:600; }
.vision .goals dd { font-size:16px; line-height:1; }
@media all and (max-width:768px){
	.vision > div .tit { font-size:26px; line-height:1.3; }
	.vision > div .mission { font-size:20px; }
	.vision .goals { grid-template-columns:1fr; }
	.vision .goals dt { font-size:18px; }
}
@media all and (max-width:480px){
	.vision > div .tit { font-size:20px; }
	.vision > div .mission { font-size:18px; }
}

.values { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:15px; }
.values > div {display:flex; flex-direction:column; gap:10px; border:1px solid #dfe2f0; border-radius:10px; padding:30px; }
.values span { color:var(--p_color); font-size:15px; }
.values dt { font-size:20px; font-weight:600; margin-bottom:10px; }
.values dd { font-size:16px; line-height:1; }
@media all and (max-width:768px){
	.values { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media all and (max-width:480px){
	.values { grid-template-columns:1fr; }
	.values > div { padding:20px; }
}

.strats { display:flex; flex-direction:column; gap:15px; }
.strats .box { display: grid; grid-template-columns:100px minmax(0, 1fr); border:1px solid #dfe2f0; border-radius:10px; }
.strats .no { background:#2f3f9e; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:15x; border-radius:10px 0 0 10px;}
.strats .no small { font-size:16px; opacity:0.7; }
.strats .no span { font-size:30px; line-height:1; }
.strats .txt { padding:30px; display: flex; flex-direction: column; gap:10px; min-width:0; }
.strats .txt dt { font-size:20px; font-weight:600; }
.strats .txt ul { margin:5px 0; display:flex; flex-direction:column; gap:10px; }
.strats .txt li { background:#f5f6fb; border-radius:5px; padding:10px 20px;}
.strats .txt span { display:inline-block; margin-right:10px; color:var(--p_color);}
@media all and (max-width:768px){
	.strats .box { grid-template-columns:1fr; }
	.strats .no { flex-direction:row; justify-content:flex-start; gap:10px; padding:10px 20px; border-radius:10px 10px 0 0; }
	.strats .no span { font-size:23px; }
	.strats .txt { padding:20px; line-height:1.3; }
	.strats .txt dt { font-size:18px; margin-bottom:5px; }
}

.img_wrap { text-align:center; }
.img_wrap img { border:1px solid #DDD; padding:10rem; border-radius:20rem; max-width:100%; border-radius:15rem; }