@charset "utf-8";

@media print {  
    * {
        /* Chrome, Safari 6 – 15.3, Edge */
        -webkit-print-color-adjust: exact !important;   
        /* Firefox 48 – 96 */
        color-adjust: exact !important;
        /* Firefox 97+, Safari 15.4+ */
        print-color-adjust: exact !important;
    }
}


/*@page{  size:auto; margin:0px !important;  }*/


/* w-sub.css 서브비쥬얼 */
 .wrap-sub-visual { background:url('/sites/eist/images/sub-visual.jpg'); }							/* 본부소개 서브비쥬얼 */
 .eQ02 .wrap-sub-visual { background:url('/images/guide/templet/univ_subject_sub_visual.jpg'); }				/* 정보서비스*/
 .eQ03 .wrap-sub-visual { background:url('/images/guide/templet/univ_learning_sub_visual.jpg'); }		      /*커뮤니티 */
 .eQ04 .wrap-sub-visual { background:url('/images/guide/templet/univ_student_sub_visual.jpg'); }			/* 사이트맵 */
 .eQ05 .wrap-sub-visual { background:url('/images/guide/templet/univ_department_sub_visual.jpg'); } 		/* 기타1 */
 .eQ06 .wrap-sub-visual { background:url('/images/guide/templet/univ_sitemap_sub_visual.jpg'); }	 /			/* 기타2*/



/* 정보화현황1 */
.condBox{box-sizing:border-box;font-family:'Noto DemiLight';color:#FFF;font-size:18px;text-align:center;line-height:1.2;word-break:break-all;}
.condBox.space1 {margin-top: 49px}
.condBox.space2 {margin-top: 74px}
.condBox span{display:block;color:#FFF;position:relative; font-family: 'Noto DemiLight';}
/*.condBox span:after{content:"";display:block;background:#FFF;width:100%;height:1px;position:absolute;left:0;bottom:-6px;transform:scale(0);}
.condBox_6 li a:after,
.condBox_7 li a:after{background:#5374ab;width:calc(100% - 40px);left:40px;bottom:-1px;}
.condBox a:hover:after{transform:scale(1);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
.condBox_6 li a:hover,
.condBox_7 li a:hover{font-family:'Noto Medium';}*/

.condBox_1,
.condBox_2,
.condBox_3{width:100%;margin: 0 auto;}
.condBox_1 span{background:url(/html/func-organ/images/back_1.png);padding:19.5px 0;}
.condBox_2 span{background:#7f8da4;padding:19.5px 0;padding:19.5px 0;font-family:'Noto DemiLight';color:#FFF;font-size:18px;text-align:center; }
.condBox_3 span{background:url(/html/func-organ/images/back_3.png);padding:19.5px 0;font-family:'Noto DemiLight';color:#FFF;font-size:18px;text-align:center; }
.condBox_4 span{background:url(/html/func-organ/images/back_4.png);padding:10px 0;font-family:'Noto DemiLight';color:#FFF;font-size:18px;text-align:center;}
.condBox_5 span{background:#3bbeef url(/html/func-organ/images/back_6.png);padding:14.5px 0;}
.condBox_5 span.merge {position: absolute; width: 38.8%;}
.condBox_5,
.condBox_6,

.condBox_7{font-family:'Noto Light';font-size:17px;}


.condBox_6{}
.condBox_6 dl{padding-top:10px;}
.condBox_6 dt{background:#1d3e8f;padding:11px 0;}
.condBox_6 dt span{color:#FFF; font-family: 'Noto DemiLight'; text-align:center;}
.condBox_6 ul,
.condBox_7 ul{border:1px solid #1d3e8f;background:#f5fafb;text-align:left;}
.condBox_6 ul{border-top:0;}
.condBox_6 li span,
.condBox_7 li span{color:#2d5a9e;text-align:left;padding:7px 5px 7px 40px;}
.condBox_6 li span:before,
.condBox_7 li span:before{content:"";display:block;width:6px;height:6px;background:#1d3e8f;border-radius:100%;position:absolute;left:20px;top:14px;}


.condBox_6 ul,
.condBox_7 ul{padding:7px 0;}
.condGup{overflow:hidden;}
.condGup > li{float:left;margin-left:2%;width:18.4%;}
.condGup > li:first-child{margin-left:0;}
.condGup_1 .etc_1{width:38.8%;}
.condGup_1 .etc_1 dl{width:48%;}
.condGup_1 .etc_1 .dl_1,
.condGup_1 .etc_1 .dl_3{float:left;}
.condGup_1 .etc_1 .dl_2,
.condGup_1 .etc_1 .dl_4{float:right;}
.condGup_3 .etc_2{width:38.8%;}
.condGup_3 .etc_3{width:100%;margin-left:0;}
.condGup_1 .etc_1,
.condGup_3 .etc_2 ul,
.condGup_3 .etc_3 ul{overflow:hidden;}
.condGup_3 .etc_2 li,
.condGup_3 .etc_3 li{float:left;}
.condGup_3 .etc_2 li{width:33.3%;}
.condGup_3 .etc_3 li{width:16.6%;line-height:1.2;word-break:break-all;}
.condGup_3 .etc_3 .condBox_4{margin-top:13px;}
.condBox p{color:#FFF;display:inline-block;position:relative; font-family: 'Noto Regular';}
/*.condBox p:after{content:"";display:block;background:#FFF;width:100%;height:1px;position:absolute;left:0;bottom:-6px;transform:scale(0);}*/
.condBox_6 li p,
.condBox_7 li p {color:#2d5a9e;text-align:left;padding:7px 5px 7px 40px; line-height:1.2;word-break:break-all;}
.condBox_6 li p:before,
.condBox_7 li p:before{content:"";display:block;width:6px;height:6px;background:#1d3e8f;border-radius:100%;position:absolute;left:20px;top:14px}

@media all and (max-width:768px){
  .condBox_1,
  .condBox_2{width:250px;}
  .condBox_3{}
  .condGup > li{float:none;margin-left:0;width:100% !important;}
  .condGup_1 .etc_1 dl{width:100% !important;float:none !important;}
  .condBox_6 ul,
  .condBox_7 ul{overflow:hidden;}
  .condBox_6 ul li,
  .condBox_7 ul li{float:left;width:33.3% !important;}
  .condGup_3 .etc_3 .condBox_4{margin-top:13px;}
  .condBox_5 span.merge {position: static; width: 100%;}
  .condBox.space1,
  .condBox.space2 {margin-top:0px;}
}
@media all and (max-width:500px){
  .condBox_6 ul li,
  .condBox_7 ul li{width:50% !important;}
}
@media all and (max-width:320px){
  .condBox_1,
  .condBox_2,
  .condBox_3{width:100%;}
  .condBox_6 ul li,
  .condBox_7 ul li{width:100% !important;}
}

.condGup:before,
 /* .condBox_1:after,
.condBox_2:after,
.condBox_3:after,*/
.condBox_4:before,
.condBox_5:before,
.condBox_6:before,
.condBox_6 dl:before,
.condBox_7:before{}
 /* .condBox_1:after,
.condBox_2:after,
.condBox_3:after,*/
.condBox_4:before{width:2px;height:30px;margin: 0 auto;}
.condBox_5:before{width:0;height:25px;}
.condBox_6:before{width:0;height:12px;}
.condBox_6 dl:before{width:0;height:13px;}
.condBox_7:before{width:0;height:25px;}
.condGup_2 .condBox_7:before,
.condGup_3 .condBox_7:before,
.condGup_3 .etc_3 .condBox_4:before{display:none;}
.condGup:before{width:81.75%;height:2px;margin: 0 auto;}
@media all and (max-width:768px){
  .condGup_3 .etc_3 .condBox_4:before{display:block;}
  .condGup:before,
 /* .condBox_3:after{display:none;}
  .condBox_1:after,
  .condBox_2:after,*/
  .condBox_4:before{height:20px;}
}
/* 정보화현황1 */


/* 정보화현황2 */
.condition-arrow {overflow: hidden;}
.condition-arrow-inner {width: 100%;background: url("/sites/eist/images/arrow_updown.png") no-repeat center; height: 90px; }
@media all and (max-width: 1023px) {
.condition-arrow-inner {float: none; width: 100%;}
}
/* 정보화현황 2*/


/* 비전*/

/*
#menu10261_obj122 .vision-first {overflow: hidden; margin-bottom: 25px;}
#menu10261_obj122 .vision-first .vision-bg-title {float: left; position: relative; padding-right: 70px;}
#menu10261_obj122 .vision-first .vision-bg-title::after {content: ""; position: absolute; width: 48px; height: 18px; background: url("/images/guide/sub/arrow_dot.png") no-repeat center; right: 15px; top: 50px;}
#menu10261_obj122 .vision-first .vision-bg-title p {width: 110px; height: 110px; background: url("/images/guide/sub/title_bg.png") no-repeat center; text-align: center; line-height: 110px; font-size: 20px; letter-spacing: -0.5px; color: #fff;} 

#menu10261_obj122 .vision-arrow {overflow: hidden;}
#menu10261_obj122 .vision-arrow-inner {float: right; width: calc(100% - 180px); background: url("/images/guide/sub/arrow_up.png") no-repeat center; height: 90px; }

#menu10261_obj122 .vision-represent {float: left; width: calc(100% - 184px); border: 2px solid #1C7DD7; padding: 27px 0; background: url("/sites/eist/images/eist_content_bg.jpg") no-repeat center; text-align: center;}
#menu10261_obj122 .vision-represent p {font-family: 'Noto DemiLight'; font-size: 27px; letter-spacing: -0.5px; color: #1e2e55;}

#menu10261_obj122 .vision-title {float: left; width: 180px; padding-left: 20px; box-sizing: border-box;}
#menu10261_obj122 .vision-title p {display: inline-block; font-family: 'Noto Medium'; font-size: 20px; line-height: 30px; letter-spacing: -0.5px; color: #002761; padding-bottom: 5px; border-bottom: 1px solid #959DB1;}


#menu10261_obj122 .vision-list {overflow: hidden; margin-top: 35px; margin-bottom: 35px;}
#menu10261_obj122 .vision-list .vision-info {float: left; width: calc(100% - 180px);}
#menu10261_obj122 .vision-list .vision-info ul {margin: 0 -2%;}
#menu10261_obj122 .vision-list .vision-info li {float: left; width: 21%; margin: 0 2%; padding: 20px 0; box-sizing: border-box; border: 3px solid #333; text-align: center;}
#menu10261_obj122 .vision-list .vision-info li span {font-size: 18px; line-height: 25px; color: #000; font-weight: 600;}
#menu10261_obj122 .vision-list .vision-info li span span {font-size: 25px;}
#menu10261_obj122 .vision-list .vision-info li p {font-size: 17px; line-height: 25px; color: #000; letter-spacing: -0.5px; font-weight: 500;}

#menu10261_obj122 .vision-list .vision-info li.list1 {border-color: #20C1F5; }
##menu10261_obj122 .vision-list .vision-info li.list1 span span {color: #20C1F5;}

#menu10261_obj122 .vision-list .vision-info li.list2 {border-color: #1C7DD7; }
#menu10261_obj122 .vision-list .vision-info li.list2 span span {color: #1C7DD7;}

#menu10261_obj122 .vision-list .vision-info li.list3 {border-color: #1B60C6; }
#menu10261_obj122 .vision-list .vision-info li.list3 span span {color: #1B60C6;}

#menu10261_obj122 .vision-list .vision-info li.list4 {border-color: #1F48AB; }
#menu10261_obj122 .vision-list .vision-info li.list4 span span {color: #1F48AB;}

#menu10261_obj122 .vision-bg-list {overflow: hidden; margin: 35px 0;}
#menu10261_obj122 .vision-bg-list .vision-title {margin-top: 115px;}
#menu10261_obj122 .vision-bg-list .vision-info {float: left; width: calc(100% - 180px);}
#menu10261_obj122 .vision-bg-list .vision-info li {float: left; width: 24%; height: 240px; margin-left: 1%; text-align: center;}
#menu10261_obj122 .vision-bg-list .vision-info li:first-child {margin-left: 0;}
#menu10261_obj122 .vision-bg-list .vision-info li p {display: table; width: 100%; height: 100%;}
#menu10261_obj122 .vision-bg-list .vision-info li p span {display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 21px; line-height: 30px; letter-spacing: -0.5px; color: #fff; font-weight: 500;}
#menu10261_obj122 .vision-bg-list .vision-info li:nth-child(2n) {margin-top: 115px;}
#menu10261_obj122 .vision-bg-list .vision-info li.info1 {background: url("/images/guide/sub/direction_img_1.png") no-repeat center; background-size: contain;}
#menu10261_obj122 .vision-bg-list .vision-info li.info2 {background: url("/images/guide/sub/direction_img_2.png") no-repeat center; background-size: contain;}
#menu10261_obj122 .vision-bg-list .vision-info li.info3 {background: url("/images/guide/sub/direction_img_3.png") no-repeat center; background-size: contain;}
#menu10261_obj122 .vision-bg-list .vision-info li.info4 {background: url("/images/guide/sub/direction_img_4.png") no-repeat center; background-size: contain;}
#menu10261_obj122 .vision-bg-list .vision-info li.info5 {background: url("/images/guide/sub/direction_img_5.png") no-repeat center; background-size: contain;}
#menu10261_obj122 .vision-bg-list .vision-info li.info6 {background: url("/images/guide/sub/direction_img_6.png") no-repeat center; background-size: contain;}

#menu10261_obj122 .vision-txt-list {overflow: hidden; margin-top: 35px;}
#menu10261_obj122 .vision-txt-list .vision-title {margin-top: 50px;}
#menu10261_obj122 .vision-txt-list .vision-info {float: left; width: calc(100% - 180px);}
#menu10261_obj122 .vision-txt-list .vision-info ul {overflow: hidden; padding: 20px 1%; background: #F7F7F7;}
#menu10261_obj122 .vision-txt-list .vision-info li {float: left; width: 25%; padding: 0 1%; box-sizing: border-box;}
#menu10261_obj122 .vision-txt-list .vision-info li p {position: relative; font-size: 17px; line-height: 20px; letter-spacing: -0.5px; color: #000; padding-left: 30px; margin-top: 10px;}
#menu10261_obj122 .vision-txt-list .vision-info li p:first-child {margin-top: 0;}
#menu10261_obj122 .vision-txt-list .vision-info li p .num {position: absolute; left: 0; top: 0px; border-radius: 50%; text-align: center; line-height: 20px; width: 20px; height: 20px; font-size: 12px; color: #fff;}

#menu10261_obj122 .vision-txt-list .vision-info li.txt1 .num {background: #5DD6D2;}
#menu10261_obj122 .vision-txt-list .vision-info li.txt2 .num {background: #20C1F5;}
#menu10261_obj122 .vision-txt-list .vision-info li.txt3 .num {background: #328FE5;}
#menu10261_obj122 .vision-txt-list .vision-info li.txt4 .num {background: #1B60C6;}
#menu10261_obj122 .vision-txt-list .vision-info li.txt5 .num {background: #1F48AB;}
#menu10261_obj122 .vision-txt-list .vision-info li.txt6 .num {background: #1E2E55;}

@media all and (max-width: 1023px) {
 #menu10261_obj122 .vision-first .vision-bg-title {float: none; text-align: center; padding-right: 0; padding-bottom: 70px;}
 #menu10261_obj122 .vision-first .vision-bg-title::after {transform: rotate(90deg); bottom: 30px; top: auto; left: 50%; margin-left: -24px;}
 #menu10261_obj122 .vision-first .vision-bg-title p {display: inline-block;}
 #menu10261_obj122 .vision-represent {float: none; width: 100%; box-sizing: border-box;}

#menu10261_obj122 .vision-arrow-inner {float: none; width: 100%;}

#menu10261_obj122 .vision-title {float: none; width: 100%; margin-bottom: 20px; text-align: center; padding-left: 0;}
#menu10261_obj122 .vision-bg-list .vision-title {margin-top: 15px;}
#menu10261_obj122 .vision-txt-list .vision-title {margin-top: 15px;}
#menu10261_obj122 .vision-list .vision-info {float: none; width: 100%;}

#menu10261_obj122 .vision-bg-list .vision-info {float: none; width: 100%;}

#menu10261_obj122  .vision-txt-list .vision-info {float: none; width: 100%;}
}

@media all and (max-width: 767px){
 #menu10261_obj122 .vision-represent {background-size: cover; margin: 0 1%; width: 98%;}
 #menu10261_obj122 .vision-represent p {font-size: 25px;}

 #menu10261_obj122 .vision-list .vision-info ul {margin: 0;}
 #menu10261_obj122 .vision-list .vision-info li {width: 48%; margin: 0 1%; margin-top: 10px;}

 #menu10261_obj122 .vision-bg-list .vision-title {margin-top: 0;}
 #menu10261_obj122 .vision-bg-list .vision-info li {height: auto; padding: 15px 0; float: none; width: 98%; margin: 0 1%; margin-bottom: 10px;}
 #menu10261_obj122 .vision-bg-list .vision-info li:first-child {margin-left: 1%;;}
 #menu10261_obj122 .vision-bg-list .vision-info li:nth-child(2n) {margin-top: 0;}

  #menu10261_obj122  .vision-bg-list .vision-info li.info1 {background: #5DD6D2;}
  #menu10261_obj122 .vision-bg-list .vision-info li.info2 {background: #20C1F5;}
  #menu10261_obj122 .vision-bg-list .vision-info li.info3 {background: #328FE5;}
 #menu10261_obj122 .vision-bg-list .vision-info li.info4 {background: #1B60C6;}
 #menu10261_obj122 .vision-bg-list .vision-info li.info5 {background: #1F48AB;}
 #menu10261_obj122 .vision-bg-list .vision-info li.info6 {background: #1E2E55;}
  #menu10261_obj122.vision-bg-list .vision-info li p span br {display: none;}

#menu10261_obj122  .vision-txt-list .vision-title {margin-top: 0;}
#menu10261_obj122  .vision-txt-list .vision-info li {float: none; width: 100%; padding: 10px 1%;}
}*/
/*비전2023 */



.vision-represent {float: left; width: calc(100% - 184px); border: 2px solid #1C7DD7; padding: 27px 0; background: url("/sites/eist/images/eist_content_bg.jpg") no-repeat center; text-align: center;}
.vision-represent p {font-family: 'Noto DemiLight'; font-size: 27px; letter-spacing: -0.5px; color: #1e2e55;}
/*.vision-bg-list .vision-info li {margin-left: 2% !important; }
.vision-bg-list .vision-info li p span {letter-spacing: -2px !important; line-height: 25px; !important;}
.vision-txt-list .vision-info li {width: 50% !important;}*/
/*.vision-bg-list .vision-info li {margin-left: 0.5% !important;}*/
 .vision-txt-list .vision-info li {float: left; width: 16%; padding: 0 1%; box-sizing: border-box;}   



.vision-bg-list02 {overflow: hidden; margin-top: 35px; margin-bottom: 35px;}
.vision-bg-list02 .vision-value {float: left; width: calc(100% - 180px);}
.vision-bg-list02 .vision-value ul {margin: 0 -2%;}
.vision-bg-list02 .vision-value li {float: left; width: 21%; margin: 0 2%; padding: 110px 0;border-radius: 50%; text-align: center; height: 255px;}
.vision-bg-list02 .vision-value li span {font-size: 18px; line-height: 25px; color: #fff; font-weight: 600;}
.vision-bg-list02 .vision-value li span span {font-size: 25px;}
.vision-bg-list02 .vision-value li p {font-size: 17px; line-height: 25px; color: #fff; letter-spacing: -0.5px; font-weight: 500;}

.vision-bg-list02 .vision-value li.list1 {background: #20C1F5; }
.vision-bg-list02 .vision-value li.list2 {background: #1C7DD7; }
.vision-bg-list02 .vision-value li.list3 {background: #1B60C6; }
.vision-bg-list02 .vision-value li.list4 {background: #1F48AB; }

@media (max-width: 1023px){
   .vision-represent {float: none; width: 100%; box-sizing: border-box;}
  .vision-bg-list02 .vision-value{width: 100%; }
  .vision-bg-list02 .vision-value li {float: left; width: 21%; margin: 0 2%; padding:80px 0;border-radius: 50%; text-align: center; height: 190px;}
  .vision-bg-list02 .vision-value li span {font-size: 16px; line-height: 20px;  font-weight: 600;}
  .vision-bg-list02 .vision-value li span span {font-size: 20px;}
}

@media (max-width: 767px){
.vision-txt-list .vision-info li {width:100% !important;}

  .vision-bg-list02 .vision-title {margin-top: 0;}
  .vision-bg-list02 .vision-value{width: 100%; }
  .vision-bg-list02 .vision-value li {height: auto; padding: 15px 0; float: none; width: 98%; margin: 0 1%; border-radius: 0%; margin-bottom: 10px;}
  .vision-bg-list02 .vision-value li:first-child {margin-left: 1%;;}
  .vision-bg-list02 .vision-value li:nth-child(2n) {margin-top: 0;}
  .vision-bg-list02 .vision-value li p span br {display: none;}
    .vision-bg-list02 .vision-value li span span {font-size: 20px;}
  
  .vision-represent {background-size: cover; margin: 0 1%; width: 98%;}
 .vision-represent p {font-size: 25px;}

}
.vision-txt-list .vision-info li p  {font-size: 15px !important;}




/* 비전 끝*/

/*테이블 반응형 UI 수정 */
@media all and (max-width:960px) {
/*  .wrap-contents .con-table table {width:100% !important;}*/
.wrap-contents .con-table:after {width:auto !important; background:none !important;}
}