@charset "utf-8";

/* 서브 콘텐츠 영역 공통 wrap */
.sub_container .wrap {

}




/* 라이트박스 */
#lightbox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); -webkit-filter: none !important; z-index:1000000; cursor: pointer;}
#lightbox img{display: block; position: absolute;}
.lightbox-button{position: absolute; z-index: 9999; background: no-repeat center center; opacity: 0.7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.lightbox-button:hover,
.lightbox-button:focus{opacity: 1;}
.lightbox-close{width: 40px; height: 40px; top: 20px; right: 20px; background: url("/assets/site/img/common/lightbox_close.png") no-repeat;}
.lightbox-next {width: 40px; height: 78px; top: 48%; right: 20px; background-image: url('../img/common/lightbox_next.png');}
.lightbox-previous{width: 40px; height: 78px; top: 48%; left: 20px; background-image: url('../img/common/lightbox_prev.png');}









.sub_contents p.tit {position:relative; font-size:1.75rem; font-weight:700;}
.sub_contents p.tit small {font-size:1.05rem; color:#a51516;}
.sub_contents .lar {font-size:1.5rem; font-weight:700; display:block; }
.sub_contents .con-tit {position:relative; font-size:1.5rem; font-weight:700; margin-bottom:1rem;}
.sub_contents .con-tit:before {content:''; display:inline-block; vertical-align:middle; width:10px; height:10px; background:#fff; border:4px solid #a51516; margin-top:-3px; margin-right: 5px;}
.sub_contents .con-tit small {font-weight:500;}

.c-section {position:relative; width:100%; margin-bottom:6rem; }
.c-section .wrap {display:flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
.c-section p.tit {width:25%;}
.c-section.w100 p.tit {width: 100%; margin-bottom: 1rem;}
.c-section .c-section-con {width:75%;}
.c-section.w100 .c-section-con {width:100%;}
.c-section .con-group {margin-bottom:3rem;}
.c-section .con-group:last-child {margin-bottom:0;}
.c-section ~ .note{ display: block; width: 100%; max-width: 1600px; margin: 0 auto; text-align: center; font-size: 1rem;}
.c-section ~ .note > p{position: relative; display: inline-block; padding: 0 0 0 0.8rem; font-size: 1.1rem; font-weight: 600;}
.c-section ~ .note > p:before{content: ""; position: absolute; top: 9px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: var(--theme);}


.sub_contents a.common-btn {display: inline-block; cursor: pointer; padding: 0 4rem; font-size: 0.95rem; font-weight: 600; line-height: 3.5rem; background-color: #a51516; border:1px solid #a51516; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.sub_contents a.common-btn:hover {background-color: #fff;color: #a51516;}

.sub_contents p.dotlist:before {content:''; width:5px; height:5px; background:#ddd; border-radius:50%; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:0.5rem;}
p.dotlist.red:before {background:#a51516;}
p.dotlist.blue:before {background:#0c3465;}

.sub_contents em.dotlist{display: block;}
.sub_contents em.dotlist:before {content:''; width:5px; height:5px; background:#ddd; border-radius:50%; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:0.5rem;}
em.dotlist.red:before {background:#a51516;}
em.dotlist.blue:before {background:#0c3465;}

.sub_contents .c-section lord-icon {width:72px; height:72px;}


.sub_contents ul.kds-boxgrid {display:flex;flex-wrap: wrap; /* justify-content: space-between; flex-direction: row; align-items: flex-start; */gap:1.5%;}
.sub_contents ul.kds-boxgrid li {border: 1px solid #e9e9e9; box-sizing: border-box;}
.sub_contents ul.kds-boxgrid li dl {/*border:1px solid #ddd;*/}
.sub_contents ul.kds-boxgrid li dl dt {padding:1rem 2rem; border-bottom:1px solid #e9e9e9; text-align:center;}
.sub_contents ul.kds-boxgrid li dl dt strong {display:block; font-size:1.25rem;}
.sub_contents ul.kds-boxgrid li dl dt em {display:block; font-size:0.725rem; text-transform: uppercase; letter-spacing:1px; color:#777;}
.sub_contents ul.kds-boxgrid li dl dd {padding:1rem 2rem; border-bottom:1px dashed #e9e9e9;}
.sub_contents ul.kds-boxgrid li dl dd:last-child {border-bottom:0px;}
.sub_contents ul.kds-boxgrid li dl dd strong {display:block; font-size:1.035rem; margin-bottom:0.25rem;}
.sub_contents ul.kds-boxgrid li dl dd span {display:inline-block; font-size:0.85rem; line-height:1.75rem; padding:0.0125rem 0.5rem; border-radius:20px; background:#f5f5f5; margin-bottom:0.5rem;}
.sub_contents ul.kds-boxgrid li dl dd span:last-child {margin-bottom:0;}
.sub_contents ul.kds-boxgrid li dl dd > div {margin-bottom:1rem;}
.sub_contents ul.kds-boxgrid li dl dd > div:last-child {margin-bottom:0;}

.sub_contents ul.kds-boxgrid.box3 li {width:32%;}
.sub_contents ul.kds-boxgrid.box5 li {width:18.8%;}
@media (max-width: 1024px){
    .c-section .wrap{flex-direction: column;}
    .c-section p.tit{width: 100%;}
    .c-section .c-section-con {width:100%; margin-top: 1rem;}
}
@media (max-width: 860px){
    .sub_contents p.tit{font-size: 1.5rem;}
    .sub_contents .lar{font-size: 1.35rem; line-height: 140%;}
    .sub_contents .con-tit {font-size: 1.35rem; line-height: 140%;}
}
@media (max-width: 640px){
    .sub_contents p.tit{font-size: 1.35rem;}
    .sub_contents .lar{font-size: 1.1rem;}
    .sub_contents .con-tit {font-size: 1.1rem;}

    .sub_contents .c-section lord-icon{width: 50px; height: 50px;}
}





/*사업소개 > 인사말*/
.greeting .wrap {position:relative; display:flex; align-items: center;flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.greeting .img-area {position:relative; width:42%;}
.greeting .img-area em {display:block; position:absolute; z-index:2; color:#fff; font-size:1.15rem; font-weight:600; bottom:2rem; left:2rem; letter-spacing:0.35px;}
.greeting .img-area em::after {content:''; display:inline-block; position:relative; width:72px; height:1px; background:#fff; margin-left: 0.75rem; vertical-align: middle;}
.greeting .img-area::before {content:''; display:block; position:absolute; z-index:1; width:22%; height:42%; border:1px solid #122133; bottom:-2.75rem; right:-1.25rem; display:none;}
.greeting .img-area img {position:relative; width:100%; z-index:0;}
.greeting .txt-area {width:52%; }
.greeting .txt-area strong {display:block; font-size:1.975rem; line-height:2.75rem; margin-bottom:2.5rem;}
.greeting .txt-area p {margin-bottom:0.75rem;}
.greeting .txt-area .bottom {margin-top:2.5rem; text-align:right;}
.greeting .txt-area .bottom small {font-size:0.925rem; line-height:1.5rem; display:block;}
.greeting .txt-area .bottom img {margin-top:0.5rem; width:92px;}
@media (max-width: 1400px){
    .greeting .wrap{align-items: flex-start;}
}
@media (max-width: 860px){
    .greeting .txt-area strong{font-size: 1.5rem; line-height: 140%; margin-bottom: 1.5rem;}
    .greeting .txt-area strong br{display: none;}
}
@media (max-width: 640px){
    .greeting .wrap{flex-direction: column; gap: 2rem;}
    .greeting .img-area{width: 100%;}
    .greeting .txt-area{width: 100%;}
    .greeting .txt-area strong{font-size: 1.25rem;}
    .greeting .img-area em {left: 1.2rem; bottom: 1.2rem; font-size: 1rem;}
}
@media (max-width: 460px){
    .greeting .img-area{ max-height: 350px; overflow: hidden;}
}




/*사업소개 > 컨소시엄*/
/* .consortium .wrap {display:flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: flex-start;} */
.consortium .sub_tit .wrap {display:block;}

.consortium .c-section1 strong {margin:2.5rem 0 0.75rem 0;}
.consortium .c-section1 strong .lc{display: none;}

.consortium .c-section2 ul {position:relative; display:flex; align-items: stretch;flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.consortium .c-section2 ul li {width:31%; border:1px solid #e9e9e9;}
.consortium .c-section2 ul li dl {padding:2rem; text-align:center;}
.consortium .c-section2 ul li dl dd {}
.consortium .c-section2 ul li dl dd em {font-size:0.725rem; text-transform: uppercase; letter-spacing:1px; color:#777;}
.consortium .c-section2 ul li dl dd p {margin-top:0.75rem;}

.consortium .c-section3 {padding:6rem 0; background:#f7f7f7;}
.consortium .c-section3::before {content:'Strategy'; display:block; position:absolute; font-size:8.75rem; font-weight:800; color:rgba(0,0,0,.05); top: -8rem; right: -2rem; z-index: 0;}
.consortium .c-section3 ul {position:relative; display:flex; align-items: stretch;flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.consortium .c-section3 ul li {position:relative; width:33.3333%; text-align:center; box-sizing: border-box; padding: 0 10px;}
.consortium .c-section3 ul li::after {content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:0; width:1px; height:80px; background:#e9e9e9;}
.consortium .c-section3 ul li:last-child::after {content:none;}
.consortium .c-section3 ul li strong {display:block; font-size:5.25rem; line-height:normal; margin-bottom:0.75rem; font-weight:900;}
.consortium .c-section3 ul li:first-child strong {color:#a51516;}
.consortium .c-section3 ul li:nth-child(2) strong {color:#122133;}
.consortium .c-section3 ul li:last-child strong {color:#0c3465;}
.consortium .c-section3 ul li em {display:block; font-size:0.725rem; text-transform: uppercase; letter-spacing:1px; color:#777;}
.consortium .c-section3 ul li span {display:block; margin-top:0.75rem;}

.consortium .c-section4 ul li {position:relative; margin-bottom:2.75rem;}
.consortium .c-section4 ul li:last-child {margin-bottom:0;}
.consortium .c-section4 ul li dl {position:relative; display:flex; align-items: center;flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.consortium .c-section4 ul li:nth-child(even) dl{flex-direction: row-reverse;}
.consortium .c-section4 ul li dl dt {width:50%;}
.consortium .c-section4 ul li dl dd {width:45%;}
.consortium .c-section4 ul li dl dd em {display:block; font-size:0.725rem; text-transform: uppercase; letter-spacing:1px; color:#777;}
.consortium .c-section4 ul li dl dd p {margin-top:0.75rem;}
@media (max-width: 860px){
    /* .consortium .wrap{flex-direction: column;} */

    .consortium .c-section1 strong{margin: 1rem 0 0.5rem 0;}

    .consortium .c-section3{padding: 4rem 0;}
    .consortium .c-section3::before{font-size: 6rem; top: -5.5rem;}
    .consortium .c-section3 ul li strong{font-size: 4.5rem;}
    .consortium .c-section3 ul li em{line-height: 130%; font-size: 11px; padding: 5px 0 0;}
}
@media (max-width: 640px){
    .consortium .c-section1 strong .lc{display: inline;}

    .consortium .c-section2 ul{flex-direction: column; gap: 1rem;}
    .consortium .c-section2 ul li{width: 100%; box-sizing: border-box;}
    .consortium .c-section2 ul li dl{padding: 1rem;}
    .consortium .c-section2 ul li dl dd p{margin-top: 0; text-wrap: balance;}

    .consortium .c-section3{padding: 3rem 0;}
    .consortium .c-section3::before{font-size: 5rem; top: -4.5rem;}
    .consortium .c-section3 ul{flex-direction: column;}
    .consortium .c-section3 ul li{width: 100%; padding: 0 10px 15px;}
    .consortium .c-section3 ul li::after{position: absolute; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); right: auto; width: 100%; height: 1px;}
    .consortium .c-section3 ul li strong{font-size: 4rem;}
    .consortium .c-section3 ul li span{text-wrap: balance; -webkit-text-wrap: balance;}

    .consortium .c-section4 ul li dl{align-items: flex-start; flex-direction: column;}
    .consortium .c-section4 ul li:nth-child(even) dl{flex-direction: column;}
    .consortium .c-section4 ul li dl dt,
    .consortium .c-section4 ul li dl dd{width: 100%;}
    .consortium .c-section4 ul li dl dd{margin-top: 1rem;}
}






/*사업소개 > 참여대학*/
.participate ul {position:relative; display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:6rem;}
.participate ul li {width:49%; margin-bottom:2.75rem;}
.participate ul li:last-child {margin-bottom:0;}
.participate ul li dl {}
.participate ul li dt {}
.participate ul li dd {margin-top:1.5rem;}
.participate ul li dd p {}
.participate ul li dd span {display:block; margin-bottom:0.25rem; font-weight:700; font-size:1.35rem;}
.participate ul li dd .info {border:1px solid #ddd; margin:1.5rem 0; padding:0.5rem 1rem; font-size:0.95rem;}
.participate ul li dd .info dl {display:flex; border-bottom:1px dashed #e9e9e9; padding:0.725rem 1rem;}
.participate ul li dd .info dl:last-child {border-bottom:0px;}
.participate ul li dd .info dl dt {width:20%;}
.participate ul li dd .info dl dd {width:75%; margin-top:0;}
@media (max-width: 640px){
    .participate ul{flex-direction: column; gap: 4rem;}
    .participate ul li{width: 100%; margin: 0; }
    .participate a.common-btn{width: 100%; box-sizing: border-box; text-align: center;}

    .participate ul li dd > p{min-height: auto !important;}
    .participate ul li dd > .info{min-height: auto !important; padding: 0;}
}




/*사업소개 > confederacy*/
.confederacy .wrap {display:flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}

.confederacy .conlist {position:relative; width:100%; margin-bottom:3rem;}
.confederacy .map {position:relative;}
.confederacy .map .mappin {position:absolute; z-index:2; font-weight:700; text-align:center;}
.confederacy .map .dot {border-radius: 50%;  width: 12px; height: 12px; position: relative; margin: auto;display:block; background: #a51516; margin-top:0.5rem;}
.confederacy .map .dot::after{ content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; margin: auto; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; -moz-animation: zoomIn 1.6s linear infinite; -webkit-animation: zoomIn 1.6s linear infinite; animation: zoomIn 1.6s linear infinite; pointer-events: none !important;background: rgba(165, 21, 22, 0.6);}
.confederacy .map .dot.dim {background: #555;}
.confederacy .map .dot.dim::after{background: rgba(0, 0, 0, 0.2);}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
    transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
    transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
  }
}



.confederacy .c-section1 ul.kds-boxgrid.box5 {display: flex; flex-wrap: wrap; gap: 20px; flex-direction: row;}
.confederacy .c-section1 ul.kds-boxgrid.box5 li {width: calc( (100% - 30px) / 2 );}
.confederacy .c-section1 ul.kds-boxgrid.box5 li dt {display: flex; align-items: center; justify-content: center;}
.confederacy .c-section1 ul.kds-boxgrid.box5 li dt div {text-align: left;}
.confederacy .c-section1 ul.kds-boxgrid.box5 li.confederacy5 {width: 100%;}
.confederacy .c-section1 ul.kds-boxgrid.box5 li.confederacy5 dl {display:flex; flex-wrap: wrap;}
.confederacy .c-section1 ul.kds-boxgrid.box5 li.confederacy5 dl dt {width: 100%;}
.confederacy .c-section1 ul.kds-boxgrid.box5 li.confederacy5 dl dd {width: 50%; box-sizing: border-box;}
.confederacy .c-section1 ul.kds-boxgrid.box5 li.confederacy5 dl dd:nth-child(2n) {border-right: 1px dashed #e9e9e9;}

@media (max-width: 860px) {
    .confederacy .c-section1 ul.kds-boxgrid.box5 li {width: 100%;}
    .confederacy .c-section1 ul.kds-boxgrid.box5 li dt {gap: 5px;}
    .confederacy .c-section1 ul.kds-boxgrid.box5 li dl dd {padding: 1rem;}
    .confederacy .c-section1 ul.kds-boxgrid.box5 li.confederacy5 dl dd {width: 100%;}
}


.confederacy .c-section2 .c-section-con {display:flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: center; gap:5%;}
.confederacy .c-section2 .map {width:520px;}
.confederacy .c-section2 .map img {position:relative; z-index:0; opacity:.25;}
.confederacy .c-section2 .map .mappin.mappin1 {top:16.5%; left:29%;}
.confederacy .c-section2 .map .mappin.mappin2 {top:40%; left:22%;}
.confederacy .c-section2 .map .mappin.mappin3 {top:44.5%; left:37%;}
.confederacy .c-section2 .map .mappin.mappin4 {top:13%; right:20%;}
.confederacy .c-section2 .map .mappin.mappin5 {top:55%; right:26%;}
.confederacy .c-section2 .map .mappin.mappin6 {bottom:20%; right:16%;}
.confederacy .c-section2 .map .mappin.mappin7 {bottom:22.5%; left:16%;}
.confederacy .c-section2 .map .mappin em {display:block; font-size:0.725rem; text-transform: uppercase; letter-spacing:1px; color:#a51516; line-height:normal;}

.confederacy .c-section2 .map-list {position:relative; width:auto; flex-grow:1;}
.confederacy .c-section2 .map-list li {border:1px solid #ddd;}
.confederacy .c-section2 .map-list li:first-child {margin-bottom:2rem; border:1px solid #a51516;}
.confederacy .c-section2 .map-list li:last-child {}
.confederacy .c-section2 .map-list li dl {}
.confederacy .c-section2 .map-list li dl dt {background:#e9e9e9; padding:0.5rem 2rem;}
.confederacy .c-section2 .map-list li:first-child dl dt {background:#a51516; color:#fff;}
.confederacy .c-section2 .map-list li dl dd {margin:1rem 2rem 0 2rem; padding-bottom:1rem; border-bottom:1px dashed #e9e9e9;}
.confederacy .c-section2 .map-list li dl dd:last-child {border-bottom:0px;}
.confederacy .c-section2 .map-list li dl dd p span {display:inline-block; margin-left:0.5rem; padding-left:0.5rem; border-left:1px solid #e9e9e9; font-size:0.875rem; font-weight:700;}

@media (max-width: 1500px) {
    .confederacy .c-section2 .map {width: 450px;}
    .confederacy .c-section2 .map-list {}
}
@media (max-width: 1280px) {
    .confederacy .c-section2 .map {margin: 0 auto 3rem;}
    .confederacy .c-section2 .map-list {width: 100%;}
}
@media (max-width: 860px) {
    .confederacy .c-section2 .map-list li dl dt {padding: 0.8rem 1rem;}
    .confederacy .c-section2 .map-list li dl dd {margin: 1rem 1rem 0 1rem;}

    .confederacy .c-section2 .map .mappin.mappin1 {top:17.5%; }
    .confederacy .c-section2 .map .mappin.mappin2 {top:41%; left:25%;}
    .confederacy .c-section2 .map .mappin.mappin3 {top:45%; left:37%;}
    .confederacy .c-section2 .map .mappin.mappin4 {top:17%; right:20%;}
    .confederacy .c-section2 .map .mappin.mappin5 {top:56%; right:25%;}
    .confederacy .c-section2 .map .mappin.mappin6 {bottom:20%; right:16%;}
    .confederacy .c-section2 .map .mappin.mappin7 {bottom:23%; left:15%;}
}
@media (max-width: 400px) {
    .confederacy .c-section2 .map .mappin.mappin1 {top:16%; }
    .confederacy .c-section2 .map .mappin.mappin2 {top:41%; left:25%;}
    .confederacy .c-section2 .map .mappin.mappin3 {top:44%; left:37%;}
    .confederacy .c-section2 .map .mappin.mappin4 {top:13%; right:20%;}
    .confederacy .c-section2 .map .mappin.mappin5 {top:54%; right:23%;}
    .confederacy .c-section2 .map .mappin.mappin6 {bottom:20.5%; right:13%;}
    .confederacy .c-section2 .map .mappin.mappin7 {bottom:23%; left:13.5%;}
}



.confederacy .c-section3 .map .mappin.mappin1 {top:18%; left:18%;}
.confederacy .c-section3 .map .mappin.mappin2 {top:30%; left:20%;}
.confederacy .c-section3 .map .mappin.mappin3 {bottom:32%; left:30%;}
.confederacy .c-section3 .map .mappin.mappin4 {top:26.5%; left:45.5%;}
.confederacy .c-section3 .map .mappin.mappin5 {top:36.5%; left:46%;}
.confederacy .c-section3 .map .mappin.mappin6 {top:28.5%; left:46.5%;}
.confederacy .c-section3 .map .mappin.mappin7 {top:32%; left:49%;}
.confederacy .c-section3 .map .mappin.mappin8 {top:40%; left:48%;}
.confederacy .c-section3 .map .mappin.mappin9 {top:30%; right:23%;}
.confederacy .c-section3 .map .mappin.mappin10 {top:39%; right:22%;}
.confederacy .c-section3 .map .mappin.mappin11 {top:46.5%; right:19%;}
.confederacy .c-section3 .map .mappin.mappin12 {top:36%; right:12%;}
.confederacy .c-section3 .map .mappin.mappin13 {bottom:39%; right:20%;}
.confederacy .c-section3 .map .mappin.mappin14 {bottom:33%; right:19%;}
.confederacy .c-section3 .map .mappin.mappin15 {bottom:27%; right:17%;}
.confederacy .c-section3 .map .mappin.mappin16 {bottom:22%; right:12%;}

.confederacy .c-section3 .map .mapbox {position:absolute; z-index:2; width:360px; line-height:normal; background:rgba(171,176,181,.25); color:; font-size:0.875rem; padding:1.25rem;}
.confederacy .c-section3 .map .mapbox span {display:block; font-size:0.975rem; font-weight:600; margin-bottom:0.5rem;}
.confederacy .c-section3 .map .mapbox1 {bottom:40%; left:8%;}
.confederacy .c-section3 .map .mapbox2 {top:4%; left:30%;}
.confederacy .c-section3 .map .mapbox3 {top:14%; right:2%;}
.confederacy .c-section3 .map .mapbox4 {bottom:0; right:8%;}

.confederacy .c-section3 .map .guide {position:absolute; z-index:2; font-size:0.785rem; color:#555; bottom:0; left:0;}

.confederacy .c-section3 .map.mobile {display: none;}
.confederacy .c-section3 .map.mobile .mapbox {position: relative; top: auto; right: auto; bottom: auto; left: auto;}

@media (max-width: 1280px) {
    .confederacy .map .dot {width: 8px; height: 8px;}
    .confederacy .map .dot::after {}
    .confederacy .map .mappin {font-size: 0.8rem;}

    .confederacy .c-section3 .map .mapbox {display: none;}
    .confederacy .c-section3 .map.mobile {display: block; margin-top: 1.5rem;}
    .confederacy .c-section3 .map.mobile .mapbox {display: block; width: 100%; box-sizing: border-box; margin-bottom: 10px;}
}
@media (max-width: 860px) {
    .confederacy .c-section3 .map .mappin {font-size: 0;}
    .confederacy .map .dot {width: 6px; height: 6px;}
    .confederacy .map .dot::after {width: 20px; height: 20px; margin: -10px 0 0 -10px;}
}







/*교육과정 > 방향 및 전략*/
.strategy .wrap {display:flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}

.strategy .c-section1 {position:relative; }
.strategy .c-section1:after {content:''; display:block; position:absolute; z-index:0; top:0; left:0; width:100%; height:320px; background: url('../img/contents/strategy-bg.jpg')center center no-repeat; background-size:cover;}
.strategy .c-section1 .wrap {display:block; position:relative; z-index:1;}
.strategy .c-section1 p {text-align:center; margin-bottom:4.5rem; padding-top:4.5rem; color:#fff; font-size:2.25rem;}
.strategy .c-section1 ul {width:70%; margin:0 auto; margin-top:; background:#02142b; color:#fff; display:flex;}
.strategy .c-section1 ul li {width:50%;}
.strategy .c-section1 ul li dl {margin:2.25rem; text-align:center;}
.strategy .c-section1 ul li:first-child dl {border-right:1px solid #061f3f;}
.strategy .c-section1 ul li dl strong {display:block;}
.strategy .c-section1 ul li dl dt {}
.strategy .c-section1 ul li dl dt em {display:block; font-size:0.725rem; text-transform: uppercase; letter-spacing:1px; color:rgba(255,255,255,.5);}
.strategy .c-section1 ul li dl dd {margin-top:1rem;}

.strategy .c-section3 {padding:6rem 0; background:#f7f7f7;}
.strategy .c-section3 img {margin-bottom:3rem;}

.strategy .c-section4 .con-group.text-c {text-align:center;}


@media (max-width: 1280px) {
    .strategy .c-section1 ul {width: 100%;}
}

@media (max-width: 860px) {
    .strategy .c-section1 p { font-size: 1.8rem;}
    .strategy .c-section1 p strong {display: block;}
    .strategy .c-section1 ul {flex-direction: column;}
    .strategy .c-section1 ul li {width: 100%;}
    .strategy .c-section1 ul li dl {margin: 1.25rem;}
    /* .strategy .c-section1 ul li dl dt {display: flex; align-items: center; justify-content: center; gap: 15px;}
    .strategy .c-section1 ul li dl dt div {text-align: left;} */
    .strategy .c-section1 ul li dl strong {display: inline-block;}
    .strategy .c-section1 ul li:first-child dl {border-right: 0;}
    .strategy .c-section1 ul li:first-child {border-bottom: 1px solid #1c395e;}

    .strategy .c-section2 .kds-boxgrid {gap: 20px;}
    .strategy .c-section2 .kds-boxgrid li {width: 100% !important;}
    .strategy .c-section2 .kds-boxgrid li dl dt {padding: 1rem;}
    .strategy .c-section2 .kds-boxgrid li dl dd {padding: 1rem;}

    .strategy .c-section4 .kds-boxgrid {gap: 20px;}
    .strategy .c-section4 .kds-boxgrid li {width: 100% !important;}
    .strategy .c-section4 .kds-boxgrid li dl dt {padding: 1rem;}
    .strategy .c-section4 .kds-boxgrid li dl dd {padding: 1rem;}
}

@media (max-width: 640px) {
    .strategy .c-section1 p { font-size: 1.5rem;}
}







/*교육과정 > 교육과정개발*/
.develop .wrap {display:flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
.develop table tr td:first-child {border-left:none;}

.develop .c-section1 .table_info_side {margin-top:1rem;}
.develop .c-section1 .table_info_side span {display:inline-block; font-size:0.825rem; color:#555; border-right:1px solid #e9e9e9; padding-right:0.75rem; margin-right:0.75rem;}
.develop .c-section1 .table_info_side span:last-child {border-right:none; padding-right:0; margin-right:0;}

.develop .c-section2 table {margin-top:2rem;}
.develop .c-section2 table td {text-align:left;}
.develop .c-section2 table td p.dotlist.red {color:#a51516; font-weight:500;}
.develop .c-section2 table td p.dotlist.blue {color:#0c3465; font-weight:500;}


@media (max-width: 1280px) {

}
@media (max-width: 860px) {
    .develop .c-section1 .table_wrap {overflow-x: auto; overflow-y: hidden;}
    .develop .c-section1 table {width: 800px;}


    .develop .c-section2 table {border-top: 0;}
    .develop .c-section2 table colgroup {display: none;}
    .develop .c-section2 table thead {display: none;}
    .develop .c-section2 table tr {display:block;}
    .develop .c-section2 table td {display: block; width: 100%; padding: 0 5px 15px; box-sizing: border-box; border: 0px; border-bottom: 1px solid #dbdbdb;}
    .develop .c-section2 table td::before {display: block; padding: 10px 0; margin-bottom: 15px; border-top: 1px solid #222; font-weight: 600; width: calc( 100% + 10px ); margin-left: -5px; text-align: center; background: #f5f5f5; border-bottom: 1px solid #dbdbdb;}
    .develop .c-section2 table tbody tr td:nth-of-type(1)::before {content: '공통';}
    .develop .c-section2 table tbody tr td:nth-of-type(2)::before {content: '필수';}
    .develop .c-section2 table tbody tr td:nth-of-type(3)::before {content: '도메인';}
}






/*교육과정 > 특성화체계*/
.system .c-section1 .step {}
.system .c-section1 .step > ul {display: flex; flex-wrap: wrap; gap: 30px;}
.system .c-section1 .step > ul > li {width: calc( (100% - 30px) / 2);  border: 1px solid #dbdbdb; box-sizing: border-box;}
.system .c-section1 .step > ul > li > div {background: #222; color: #fff; font-size: 20px; font-weight: 600; line-height: 50px; text-align: center;}
.system .c-section1 .step > ul > li > dl {display: flex; flex-direction: row; padding: 30px; gap: 30px; box-sizing: border-box;}
.system .c-section1 .step > ul > li > dl dt {text-align: center;}
.system .c-section1 .step > ul > li > dl dt div {display: flex; justify-content: center; align-items: center; padding: 10px;}
.system .c-section1 .step > ul > li > dl dt div img {width: 75px; height: 75px;}
.system .c-section1 .step > ul > li > dl dd {flex: 1;}
.system .c-section1 .step > ul > li > dl dd .tit {font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.system .c-section1 .step > ul > li > dl dd {}
.system .c-section1 .step > ul > li > dl dd ul.list li {padding-left: 10px; position: relative;}
.system .c-section1 .step > ul > li > dl dd ul.list li::before {display: inline-block; content: ''; width: 3px; height: 3px; background: #ccc; position: absolute; top: 11px; left: 0;}
.system .c-section1 .step > ul > li > dl dd .mean {margin-top: 10px;}
.system .c-section1 .step > ul > li > dl dd .mean > * {display: inline-block; font-weight: 600;}
.system .c-section1 .step > ul > li > dl dd .mean span {background: var(--theme); color: #fff; padding: 0 10px; border-radius: 5px; margin-right: 5px;}

.system .c-section1 .basic_table td:first-child {border-left: none;}
.system .c-section1 .basic_table td ul li {background: #f5f5f5; border-radius: 5px; margin-bottom: 10px; padding: 10px; font-weight: 500;}
.system .c-section1 .basic_table td ul li:last-child {margin-bottom: 0;}
.system .c-section1 .basic_table td ul.deep li {background: #eadadb;}

@media (max-width: 1024px) {
    .system .c-section1 p.tit br {display: none;}
}

@media (max-width: 860px) {
    .system .c-section1 .step > ul {}
    .system .c-section1 .step > ul > li {width: 100%;}
    .system .c-section1 .step > ul > li > div {font-size: 1.1rem; line-height: 1rem; padding: 10px 0;}
    .system .c-section1 .step > ul > li > dl {padding: 1rem;}
    .system .c-section1 .step > ul > li > dl dd .tit {font-size: 1.15rem; margin-bottom: 5px;}

    .system .c-section1 table {border: 0;}
    .system .c-section1 table colgroup {display: none;}
    .system .c-section1 table thead {display: none;}
    .system .c-section1 table tr {display: block;}
    .system .c-section1 table td {display: block; width: 100%; box-sizing: border-box; border: 0px; border-bottom: 1px solid #dbdbdb;}

    .system .c-section1 table td::before {display: block; padding: 10px 0; margin-bottom: 15px; border-top: 1px solid #222; font-weight: 600; width: calc( 100% + 10px ); margin-left: -5px; text-align: center; background: #f5f5f5; border-bottom: 1px solid #dbdbdb;}
    .system .c-section1 table tbody tr td:nth-of-type(1)::before {content: '기초';}
    .system .c-section1 table tbody tr td:nth-of-type(2)::before {content: '핵심';}
}
@media (max-width: 460px) {

}





/*교육과정 > 교육과정개발*/








/*컨퍼런스 - 프로그램*/
.program .c-section .wrap {display: block;}
.program .c-section p.tit {width: 100%; margin-bottom: 1rem;}
.program .c-section .c-section-con {width: 100%;}
.program .c-section .c-section-con .basic_table tbody tr td:first-of-type {text-align: left; padding: 15px;}







/*콜로퀴움 리스트*/
.colloquium-list .overview {
    text-align: center;
    margin-bottom: 6rem; position: relative;
}
.colloquium-list .overview::before {
    content: ''; width: 100%; height: 325px;
    background: url("/assets/site/img/contents/colloquium-overview-bg.jpg") no-repeat;
    position: absolute; top: 0; left: 0;
}
.colloquium-list .overview .title {
    padding: 4.5rem 0 3rem 0; color: #fff;
}
.colloquium-list .overview .title span {
    font-size: 0.95rem; font-weight: 800; letter-spacing: 1.2px;
    text-transform: uppercase;
}
.colloquium-list .overview .title p {
    font-size: 36px; font-weight: 700;
}
.colloquium-list .overview .desc {
    background: #fff; padding: 3rem;
    display: flex; flex-direction: row;
    align-items: flex-start; justify-content: center;
    gap: 50px;
}
.colloquium-list .overview .desc .image {
    text-align: center;

}
.colloquium-list .overview .desc .image img {
    width: 110px; border: 1px solid #dbdbdb;  padding: 10px;
}
.colloquium-list .overview .desc .image > div {

}
.colloquium-list .overview .desc .image > div span {
    background: #222; color: #fff; margin-top: 5px;
    line-height: 30px; display: inline-block;
    padding: 0 15px; border-radius: 15px; font-size: 0.9rem;
}


.colloquium-list .overview .desc .txt {
    text-align: left;
}

.colloquium-list .c-section .c-section-con .dotlist {
    font-size: 1.1rem;
}

.colloquium-list .c-section .c-section-con .box {
    display: flex; flex-direction: row; gap: 40px;
    margin-top: 2rem;
}
.colloquium-list .c-section .c-section-con .box .image {
    width: 147px;
}
.colloquium-list .c-section .c-section-con .box .info {
    flex: 1;
}
.colloquium-list .c-section .c-section-con .box .info .txt {
    display: flex; gap: 10px; flex-direction: column;
}
.colloquium-list .c-section .c-section-con .box .info .txt div {
    display: flex; gap: 5px; flex: 1;
}
.colloquium-list .c-section .c-section-con .box .info .txt div span {
    display: inline-block; width: 50px; font-weight: 800; flex: 0 0 auto;
}
.colloquium-list .c-section .c-section-con .box .info .txt div ul li {
    position: relative; padding: 0 0 0 13px;
}
.colloquium-list .c-section .c-section-con .box .info .txt div ul li::before {
    content: ''; margin: 0 5px 0 0; display: inline-block;
    width: 5px; height: 5px; background: #ccc; border-radius: 50%;
    position: absolute; top: 10px; left: 0;
}
.colloquium-list .c-section .c-section-con .box .btn {
    display: block; line-height: 52px; height: 52px; width: 101px;
    background: #222; color: #fff; padding: 0 15px; box-sizing: border-box;
}
.colloquium-list .c-section .c-section-con .box .btn a {
    display: block;
    white-space: nowrap;
}
@media (max-width: 1320px) {
    .colloquium-list .c-section .c-section-con .box {
        gap: 25px;
    }
    .colloquium-list .c-section .c-section-con .box .image {
        width: 100px;
    }
    .colloquium-list .c-section .c-section-con .box .btn {
        line-height: 45px; height: 45px;
    }
}
@media (max-width: 1280px) {
    .colloquium-list .overview .title {
        padding: 3rem 0 2rem 0;
    }
    .colloquium-list .overview .title span {
        font-size: 0.8rem;
    }
    .colloquium-list .overview .title p {
        font-size: 1.75rem;
    }
    .colloquium-list .overview .desc {
        padding: 2.2rem; gap: 25px;
    }
    .colloquium-list .overview .desc .image img {
        width: 100px;
    }
    .colloquium-list .overview .desc .txt {
        flex: 1;
    }
    .colloquium-list .overview .desc .txt br {
        display: none;
    }
}
@media (max-width: 860px) {
    .colloquium-list .c-section .c-section-con .box .tit {
        font-size: 1.2rem; padding: 0 0 0.5rem 0;
    }
}
@media (max-width: 768px) {
    .colloquium-list .c-section .c-section-con .box {
        flex-wrap: wrap;
    }
    .colloquium-list .c-section .c-section-con .box .btn {
        width: 100%; text-align: center;
    }
}
@media (max-width: 568px) {
    .colloquium-list .overview {
        margin-bottom: 3rem;
    }
    .colloquium-list .overview .title p {
        font-size: 1.35rem;
    }
    .colloquium-list .overview .desc {
        flex-direction: column; align-items: center;
    }
    .colloquium-list .c-section .c-section-con .box {
        flex-direction: column; align-items: center;
    }
    .colloquium-list .c-section .c-section-con .box .image {
        width: auto;
    }
    .colloquium-list .c-section .c-section-con .box .info {
        width: 100%;
    }
    .colloquium-list .c-section .c-section-con .box .info .txt div {
        flex-direction: column;
    }
}

.colloquium-detail section {
    display: none;
}
.colloquium-detail .convention dl dd div.title {
    background-position: 100% 110px;
}
.colloquium-detail .convention dl dd ul li {
    font-size: 1.1rem;
}
.colloquium-detail .c-section .c-section-con .dotlist {
    position: relative; padding: 0 0 0 10px;
}
.colloquium-detail .c-section .c-section-con .dotlist::before {
    position: absolute; top: 11px; left: 0;
}
@media (max-width: 1500px) {
    .colloquium-detail .convention dl dd div.title p br {
        display: none;
    }
}
@media (max-width: 1024px) {
    .colloquium-detail .convention dl dd {
        padding: 0;
    }
}




.challenger .overview {

}
.challenger .overview .wrap {
    background: #f5f5f5; border: 1px solid #e9e9e9; padding: 20px;
}
.challenger .overview::before {
    content: none;
}

.challenger .basic_table tr td:first-child{
    border-left: none;
}
.challenger .basic_table tr td a:hover {
    color: #7f7f7f;
}
.challenger .basic_table tr td a i {
    margin-left: 5px;
}
.challenger .basic_table tr td a:hover i {
    color: #ccc !important;
}

.lb_list{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto-fill, minmax(50px, auto)); grid-row-gap: 20px; /* grid-column-gap: 4.375rem; */ grid-column-gap: 20px; }
.lb_list > li{}
.lb_list > li a{position: relative; display: block;}
.lb_list > li .thumb{display: block;}
.lb_list > li .txt{display: flex; justify-content: center; padding: 1.25rem 0 0;}
.lb_list > li .txt .name{padding: 0.25rem 1rem; border-radius: 40px; font-size: 1.125rem; color: #fff; background-color: #222; text-align: center;}
@media (max-width: 1024px) {
    .lb_list{grid-row-gap: 10px;  grid-column-gap: 10px; }
    .lightbox-previous, .lightbox-next {display: none;}
}