@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/archives/images/sub-visual01.png'); }							/* 기록관소개 서브비쥬얼 */
 .eQ02 .wrap-sub-visual { background:url('/sites/archives/images/sub-visual02.png'); }				/* 디지털아카이브*/
 .eQ03 .wrap-sub-visual { background:url('/sites/archives/images/sub-visual03.png'); }		      /*알림마당 */
 .eQ04 .wrap-sub-visual { background:url('/sites/archives/images/sub-visual04.png'); }			/* 사이트맵 */

.wrap-sub-visual:after {
  
    background: none;
}



/*테이블 반응형 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;}
}



.board-album .list-album {

    border-top: none !important;

}


/* 주요업무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:18px;}


.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:30%;}
.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 30px; 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:15px;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*/




/* 주요연혁 */ 
.mainhistory_tit  h1 {    text-align: center;
  font-weight: bold;
      font-size: 35px; 
    background: linear-gradient(to right ,#41c6c9, #3254d9, #6e2e9f);
    color: transparent;
    -webkit-background-clip: text;
}
.mainhistory_tit  h3{  
   text-align: center;
    font-weight: bold;
    font-size: 45px; 
    color:#079c6f;
     letter-spacing: 10px;
  
}