@charset "utf-8";
/***************************************************** common *****************************************************/
@media (min-width:1200px){
  .pc-gap{height:10px}
}

/***************************************************** greet - sub0101 *****************************************************/
.greet{word-break:keep-all}
/* greet-main */
.greet .greet-main{padding:30px;position:relative;text-align:center}
.greet .greet-main::before{display:block;content:"";width:100%;height:400px;background:var(--gray-color01) url(/site/resource/inje/glocal/images/greet-bg.png) no-repeat top 24px center;position:absolute;border-radius:16px;z-index:-1;left:0;top:0}
.greet .greet-heading{margin-bottom:20px}
.greet .greet-tit{font-family:var(--font-type01);font-size:24px;line-height:1}
.greet .greet-txt{font-weight:600;font-size:18px}
.greet .greet-txt.small{font-size:16px}
.greet-link{display:flex;flex-direction:column}
.greet .greet-img{border-radius:16px;overflow:hidden;box-shadow:4px 8px 20px rgba(0,0,0,.16)}
.greet .greet-img img{width:100%;height:100%;object-fit:cover}
.greet .greet-btn{background:var(--main-color03);color:#fff;font-weight:600;border-radius:100px;margin:0 auto;display:inline-block;padding:6px 16px;margin-top:-17px}

/* greet-sub */
 .greet .greet-sub{margin-top: 30px;}

@media (min-width:1200px){
  .greet .greet-row{display:flex}
  .greet .greet-main{flex:0 1 calc(50% - 30px);margin-right:30px;padding:40px;text-align:left}
  .greet .greet-main::before{background-size:auto;background-position:right 40px top 24px}
  .greet .greet-heading{margin-bottom:34px}
  .greet .greet-tit{font-size:32px;margin-bottom:20px}
  .greet .greet-txt{font-size:20px}
  .greet .greet-txt.small{font-size:18px}
  .greet .greet-btn{padding:12px 34px;margin-top:-23px;transition:.3s}
  .greet .greet-btn:focus,.greet .greet-btn:hover{animation:popdownAni .5s}
  .greet .greet-sub{flex:0 1 50%;margin-top:40px}
  .greet .greet-sub strong{font-size:18px}
  .greet .greet-sub p{line-height:1.6}
}
@media (min-width:1600px){
  .greet .greet-row{display:flex}
  .greet .greet-main{flex:0 1 calc(50% - 65px);margin-right:65px;padding:50px}
  .greet .greet-tit{font-size:36px}
  .greet .greet-sub{margin-top:50px}
}

/***************************************************** propel - sub0103 *****************************************************/
/*  org list */
.org-item{margin-bottom: 20px;}
.org-tit{text-align: center; background-color: #F9F9F9;font-weight: 600;border-radius: 6px;margin-bottom: 4px;padding:10px 20px;}
.org-img{display: flex;border: 1px solid #E4E4E4;border-radius: 6px;gap: 10px 30px;padding: 10px;text-align: center;justify-content: center;align-items: center;flex-wrap: wrap;}
.org-img img{max-height: 30px; }

/* map */
.root_daum_roughmap{width: 100% !important; height: 240px !important;border-radius: 16px;}
.root_daum_roughmap .wrap_map{height: 100% !important;}
.root_daum_roughmap .wrap_controllers{display: none}
.root_daum_roughmap .cont{display: none;}
.map-info{width: 100%;background: var(--main-color03); color: #fff;padding: 20px 30px;border-radius: 16px; margin: 10px 0 20px;}
.map-info .addr{font-weight: 600;font-size: 18px;word-break: keep-all;margin-bottom: 12px;}
.map-btn {margin-top: 30px;}
.map-btn a{border: 1px solid rgba(255,255,255,.5);border-radius:50px;font-weight: 500;display: inline-block;text-align: center; padding:8px 10px; width: 48.5%;font-size: 14px;}
.map-btn a:hover, .map-btn a:focus{color: inherit;animation: popupAni .5s linear;}
.map-btn span::before{display: inline-block; content: '';width: 20px; height: 20px; background: no-repeat left center; margin-right: 10px;vertical-align: middle; background-size: contain;}
.map-btn .btn-naver {margin-right: 1%;}
.map-btn .btn-naver span::before{background-image: url(/site/resource/inje/glocal/images/map-icon01.svg);}
.map-btn .btn-kakao span::before{background-image: url(/site/resource/inje/glocal/images/map-icon02.svg);}

@media (min-width:992px){
  .org-list{display: grid;gap:20px 10px;grid-template-columns: repeat(2, auto)}
  .org-item{margin-bottom: 0;}
  .org-tit{font-size: 18px;border-radius: 13px;margin-bottom: 10px;}
  .org-img{border-radius: 13px;}
  .root_daum_roughmap{height: 500px !important;width: 60% !important;}
  .map-box{display: flex;}
  .map-info{box-shadow: 4px 8px 24px rgba(46, 61, 173, .2);width: 40%;padding: 40px 30px;display: flex;flex-direction: column;align-items: stretch;justify-content: space-between;border-radius: 16px; margin: 0;}
  .map-info .addr{margin-bottom: 20px; font-size: 20px;}
  .map-btn{text-align: right;margin-top: 40px;}
  .map-btn a{padding: 10px;width: 100%; font-size: inherit;}
  .map-btn .btn-naver {margin-bottom: 10px;}
  .map-btn span::before{width: 22px; height: 20px;margin-right: 12px;}
}
@media (min-width:1600px){
  .org-list{gap: 20px; grid-template-columns: repeat(3, auto)}
  .org-tit{padding: 14px 20px;}
  .org-img{padding: 20px;}
  .root_daum_roughmap{width: 68% !important;}
  .map-info{padding: 40px; width: 32%;}
  .map-btn{margin-top: 50px;}
}

/***************************************************** ci- sub0104 *****************************************************/
/* signature */
.ci-box{background: url(/site/resource/inje/glocal/images/ci-bg.png) center;border-radius: 16px;border: 1px solid #EAEAEA;display: flex;flex-wrap: wrap;padding: 24px 20px;align-items: center;gap: 20px;justify-content: space-evenly}
.ci-box.type01 img{width: calc(30% - 20px)}
.ci-box.type02 img {height: 60px;}

/* color system */
.color-main{background: linear-gradient(to bottom, #1BA7AB, #5F96A1);border-radius: 16px;color: #fff;display: flex;justify-content: space-between;align-items: center; flex-direction: column; padding: 20px; row-gap: 30px;}
.color-main .ci-txt{text-align: center;}
.ci-color{row-gap: 10px;}
.ci-color .color-item{display: flex;flex-direction: row;align-items: center;justify-content: center; height: 100%;justify-content: flex-start; column-gap: 20px; border-bottom: 1px dashed #cfcfcf; padding-bottom: 10px;}
.ci-color .ci-txt{flex: 1 1 10%;}
.ci-color .ci-dot{width: 50px; height: 50px; border-radius: 50%;}
.ci-color .c-type03 .ci-dot{background-color: #AD9066;}
.ci-color .c-type04 .ci-dot{background-color: #59C1AE;}
.ci-color .c-type05 .ci-dot{background-color: #B0DFD6;}
.ci-color .c-type06 .ci-dot{background-color: #A4D3D7;}
.ci-color .c-type07 .ci-dot{background-color: #464648;}

@media (min-width:768px){
  .ci-box{padding: 40px 30px}
  .ci-box.type01 img{width: auto}
  .ci-box.type02 img {height: auto}
  .color-main{background: linear-gradient(to right, #1BA7AB, #5F96A1);    flex-direction: row; padding: 34px 40px;}
  .color-main .ci-txt{text-align: left;}
  .color-main .ci-txt strong{font-size: 18px;}
  .color-main .ci-txt:last-of-type{text-align: right;}
  .ci-color .color-item{height: 100%; border-bottom: 0;padding-bottom: 0;}
}
@media (min-width:1400px){
  .ci-color .ci-dot{width: 80px; height: 80px;}
  .ci-color{row-gap: 30px;}
}

/***************************************************** campus- sub0301*****************************************************/
/*  .icon-box01 */
.icon-box01 .ico-box+.ico-box{margin-top:20px}
.icon-box01 .ico-box .top{display:flex;flex-direction: row;align-items:center;justify-content: center; column-gap: 10px; margin-bottom: 16px;}
.icon-box01 .ico-box .top .icon{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--main-color01)}
.icon-box01 .ico-box .top p{color:var(--main-color01);font-weight:700;}
.icon-box01 .ico-box .top .icon img{height: 40%;}
.icon-box01 .ico-box .list-style01 li{word-break:keep-all}
.icon-box01 .ico-box .bottom{display:flex;justify-content:center;background-color:#f8faff;border-radius:16px;position:relative;padding: 36px 20px 12px;}
.icon-box01 .ico-box .bottom::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:var(--main-color01);position:absolute;top:14px;left:50%;transform:translateX(-50%)}
.icon-box01 .ico-box .bottom::after{content:"";display:block;width:1px;height:20px;background-color:var(--main-color01);position:absolute;top:-10px;left:50%;transform:translateX(-50%)}
.icon-box01 .ico-box .bottom p{text-align:center;word-break:keep-all}

/* .icon-box02 */
.icon-box02 .ico-box{display: flex}
.icon-box02 .ico-box+.ico-box{margin-top:20px}
.icon-box02 .ico-box .top{position:relative;}
.icon-box02 .ico-box .icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.1);position:relative}
.icon-box02 .ico-box .icon img{max-width: 80%;}
.icon-box02 .ico-box .bottom{padding-left: 20px}
.icon-box02 .ico-box .bottom p{color:var(--main-color01);font-weight:700;margin-bottom:10px}
.icon-box02.ver2 .ico-box .icon{width:100px;height:170px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.icon-box02.ver2 .ico-box .icon p{padding:2px 16px;display:flex;align-items:center;justify-content:center;border-radius:15px;background-color:var(--gray-color01);font-weight:500}

/* .step-box01 */
.step-box01{margin-top:30px}
.step-box01 .box{padding:20px 40px;border-radius:10px;background-color:#f8faff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;z-index:1;word-break:keep-all;overflow: hidden;}
.step-box01 .box+.box{margin-top:20px}
.step-box01 .box::before{content:"";display:block;width:30px;height:30px;border-radius:10px 0 0 0;border-top:3px solid var(--main-color01);border-left:3px solid var(--main-color01);position:absolute;top:0;left:0}
.step-box01 .box p{color:#444;font-weight:500}
.step-box01 .box span{color:#555;font-size:16px}
.step-box01 .box img{position:absolute;top:50%;right:-8px;transform:translateY(-50%);z-index:-1}
.img-wrap .img-box{display:flex;flex-direction:column;align-items:center;padding:28px 22px 20px;border-radius:16px;background-color:#f9f9f9}
.img-wrap .img-box+.img-box{margin-top:20px}
.img-box p{margin-top:20px; font-weight: 500;}

@media (min-width:576px){
 .step-box01{max-width:576px;width:100%;margin-top:30px}
  .icon-box02.ver2{display:flex;flex-wrap:wrap;gap:30px}
  .icon-box02.ver2 .ico-box{width:calc((100% / 2) - 15px)}
}
@media (min-width:768px){
  .icon-box01,.icon-box02,.step-box01{max-width:unset;display:flex;flex-wrap:wrap;gap:30px}
  .icon-box01 .ico-box,.icon-box02 .ico-box,.step-box01 .box{width:calc((100% / 2) - 15px)}
  .icon-box01 .ico-box+.ico-box,.icon-box02 .ico-box+.ico-box,.step-box01 .box+.box{margin-top:0}
  .icon-box01 .ico-box .top p,.icon-box02 .ico-box .bottom p{font-size:18px}
  .icon-box02 .ico-box{display: block;}
  .icon-box02 .ico-box .icon{width: 70px; height: 70px; border-radius: 16px;}
  .icon-box02 .ico-box .icon img{width: auto;}
  .icon-box02 .ico-box .top{margin-bottom: 20px;}
  .icon-box02 .ico-box .top::before{content:"";display:block;width:100%;height:1px;background-color:#dbdbdb;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.icon-box02 .ico-box .top::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#dbdbdb;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.icon-box02 .ico-box .bottom{padding:0 20px}
.step-box01 .box{border-radius: 16px;}
.step-box01 .box p{font-size: 18px;}
.step-box01 .box::before{width: 40px;height: 40px;border-top-left-radius: 16px;border-width: 4px;}
.icon-box02.ver2 .ico-box .icon{width:160px;height:180px;}
}
@media (min-width:992px){
  .icon-box01 .ico-box .top{flex-direction: column;margin-bottom: 0;}
  .icon-box01 .ico-box .top .icon{width: 70px; height: 70px;border-radius: 16px;}
  .icon-box01 .ico-box .top .icon img{width: auto; height: auto;}
  .icon-box01 .ico-box .top p{font-size:20px;margin:17px 0 24px}
  .icon-box01 .ico-box .bottom{padding:48px 28px 20px; min-height:120px;}
  .icon-box01 .ico-box .bottom::before{width:8px;height:8px;top:24px;}
  .icon-box01 .ico-box .bottom::after{width:1px;height:30px;top:-13px;}
  .step-box01 .box{min-height: 120px;}
  .img-wrap{display:flex;gap:30px;flex-wrap:wrap}
  .img-wrap .img-box{width:calc(50% - 20px);justify-content:center}
  .img-wrap .img-box+.img-box{margin-top:0}
}
@media (min-width:1200px){
  .icon-box01 .ico-box,.icon-box02 .ico-box,.step-box01 .box{width:calc((100% / 3) - 20px)}
  .icon-box02.ver2 .ico-box{width:calc((100% / 4) - 23px)}
  .icon-box02 .ico-box .top{margin-bottom:30px}
  .step-box01 .box{padding:24px 28px}
}
@media (min-width:1600px){
  .step-box01 .box{padding-left:40px}
}