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

/*조직도*/
.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);}
.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:250rem;}

/*미션비전*/
.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 {background:#df614b; font-weight:500; color:#fff; font-size:14rem; border-radius:40rem; padding:1rem 10rem; margin-left:10rem; border:2px solid #df614b;}
.campusMap .list .tit .type2 {background:#fff; border-color:#df614b; color:#df614b;}
.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;}
}

/*폼*/
.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 a {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;}
/*마이페이지*/
.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 {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 {display:inline-block; background:#275cab; color:#fff; padding:0 15rem; font-size:16rem; border:0;}
.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 #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 dd input[type="text"] {width:100%;}
.class-lst.half.even dl:nth-last-child(2) {border-bottom:0;}
#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;}
@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;}
}
@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;}
}
@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;}
}
/*라디오버튼/체크박스*/
.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;}
}
/*캠퍼스강좌*/
.class-lst2 {border-top:2px solid var(--p_color); border-bottom:1px solid #ddd;}
.class-lst2 h5, 
.class-lst2 dl {padding:0 15rem;}
.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;}
}
.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; }
.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%;}
}