@charset "utf-8";


.noTab{padding-top: 40px; border-top: 1px solid #c9c9c9;}

.guide{font-family: "GmarketSans";}

/* margin */
.mb0{margin-bottom: 0px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mt10{margin-top: 10px !important;}
.pl0{padding-left: 0 !important;}
/* 텍스트 */
.guide .ex{padding-left: 20px; margin-top: 5px; color: #5f5f5f;}
.guide .ex *{font-size:inherit}
.guide .ex2{margin-top: 5px; color: #5f5f5f;}
.guide .ex2 *{font-size:inherit}
/* 링크 */
.guide .link1{color: #008be5; text-decoration: underline; text-underline-offset: 3px;}
.guide .link1[target="_blank"]{padding-right: 20px; background: url(../../../image/ko/local/guide/link2.png) no-repeat right 2px center/14px;}
.guide .link2{color: #0083d9; text-decoration: underline; text-underline-offset: 3px; font-size: 16px; padding-right: 20px; background: url(../../../image/ko/local/guide/link2.png) no-repeat right 2px center/14px;}
/* 강조 */
.guide .point1{color: #ea1a1f;}
/* 출처표기 */
.guide .origin{font-size: 15px; color: #636363; font-style: italic; text-align: right; line-height: 1.2em;}
/* 버튼 */
.guide .down1{display: inline-block; font-size: 14px; color: #fff; border-radius: 14px; padding: 3px 30px 4px 15px; background:#4c4c4c url(../../../image/ko/local/guide/down1.png) no-repeat right 13px center; word-break: keep-all; margin-left: 4px;}
/*  */
.guide table{width: 100%;}
.guide table .h70{height: 70px;}
.guide table .h60{height: 60px;}
.guide .alignL{text-align: left;}
.guide .alignC{text-align: center;}
.guide .alignR{text-align: right;}

@media screen and (max-width:1024px){
    .guide .link2{font-size: 15px;}
    .guide .origin{font-size: 14px;}
    .guide .down1{font-size: 13px;padding: 3px 26px 4px 12px; background-position: right 11px center;}
}
@media screen and (max-width:768px){
    .guide .ex{font-size: 14px;}
    .guide .ex2{font-size: 14px;}
    .guide .link2{font-size: 14px;}
    .guide .origin{font-size: 13px;}
    
}
/* guideBox */
.guideBox{margin-bottom: 45px;}
.guideBox2{background: #f4f4f4; border-radius: 12px; padding: 35px 40px; margin: 15px 0 10px;}
.guideBox3{border: 1px solid #d5d5d5; border-radius: 18px; padding: 35px; margin-bottom: 65px; font-size: 16px; color: #545454; line-height: 1.8em; letter-spacing: -0.025em;}
@media screen and (max-width:1024px){
    .guideBox2{padding: 25px 30px;}
    .guideBox3{padding: 25px; margin-bottom: 50px; font-size: 15px;}
}
@media screen and (max-width:768px){
    .guideBox{margin-bottom: 60px;}
    .guideBox2{padding: 15px 20px;}
    .guideBox3{padding: 15px; margin-bottom: 40px; font-size: 14;}
}

/* intro */
.intro{padding: 26px 40px 22px 40px; background: #f2f6f9; color: #000; border-radius: 18px; font-size: 15px;line-height: 1.6em;}
.intro .link{color: #2080ed;}
.intro .guideList3 > li{color: #000;}
@media screen and (max-width:1024px){
  .intro{padding: 20px 30px 16px 30px;}
}
@media screen and (max-width:768px){
    .intro{padding: 20px 25px 16px 25px;font-size: 14px;}
}

/* info */
.infoWrap{padding-top: 12px;}
.infoWrap>span{color: #ff6f6f;}
.infoWrap .intro{margin-top: 8px;background: #ffeeee;}
.info{color: #ff6f6f;margin-top: 8px;}
.infoWrap .guideList3>li{color: #5f5f5f;}
.infoWrap .guideList3>li::before{top: 0.5em;}


/* goLink */
.goLink{padding: 7px 20px 5px 20px;border-radius: 25px; border: 1px solid #dcdcdc;transition: all .3s;}
.goLink:hover{border: 1px solid #1955a6;color: #fff;background: #1955a6;}
.goLink span{ display: inline-block; padding-right: 21px; font-size: 14px; background: url(../../../image/ko/local/guide/ico-link.png) no-repeat 100% 0px;background-size: 15px 15px; }
.goLink:hover span{background: url(../../../image/ko/local/guide/ico-link_on.png) no-repeat 100% 0px;}
.goLink2{color: #1955a6;}
.goLink2 span{position: relative;display: inline-block; padding-right: 21px; margin-left: 10px; font-size: 15px;color: #1955a6;background: url(../../../image/ko/local/guide/ico-link.png) no-repeat 100% 3px;background-size: 15px 15px; }
.goLink2 span::after{content: '';position: absolute;bottom: 5px;left: 0;right: 0;width: 75%;height: 1px;opacity: 0;visibility: hidden; background: #1955a6; transition: all .3s;}
.goLink2:hover span::after{opacity: 1;visibility: visible;}
@media screen and (max-width:768px){
    .goLink2 span::after{bottom: 3px;}
}

/* guideTit */
.guideTit1{font-size: 20px; color: #1955a6; line-height: 1.3em; letter-spacing: -0.025em; font-weight: 700; padding-left: 30px; background: url(../../../image/ko/local/guide/tit1.png) no-repeat left top 0px; margin-bottom: 15px;}
.guideTit1 span.point2{color: #0091d5;}
.guideTit2{font-size: 18px; color: #555555;}
.guideTit3{font-size: 16px; color: #243a72; margin-bottom: 5px;}
.guideTit4{font-size: 18px; color: #000000; margin-bottom: 5px;}
@media screen and (max-width:1024px){
    .guideTit1{font-size: 21px;}
    .guideTit2{font-size: 17px;}
    .guideTit3{font-size: 15px;}
    .guideTit4{font-size: 17px;}
}
@media screen and (max-width:768px){
    .guideTit1{font-size: 19px;}
    .guideTit2{font-size: 16px;}
    .guideTit3{font-size: 14px;}
    .guideTit4{font-size: 16px;}
}

/* guideList */
.guideList1{margin-top: 10px; padding-left: 20px; text-align: left;}
.guideList1>li{position: relative; font-size: 15px; color: #5f5f5f; margin-bottom: 12px; padding-left: 15px; line-height: 1.4em;}
.guideList1>li::before{content: ""; display: inline-block; width: 3px; height: 3px; background: #0091d0; position: absolute; left: 0; top: 0.4em;border-radius: 20px;}
.guideList1>li em{color: #2c2c2c;}
.guideList2{margin-top: 10px; text-align: left;}
.guideList2>li{position: relative; padding-left: 9px; font-size: 15px; color: #5f5f5f; line-height: 1.6em;}
.guideList2>li::before{content: ""; display: inline-block; width: 6px; height: 2px; background: #5f5f5f; position: absolute; left: -4px; top: 0.6em;}
.guideList3>li{position: relative;color: #5f5f5f;padding-left: 12px;line-height: 1.3em;}
.guideList3>li::before{content: ""; display: inline-block; width: 3px; height: 3px; background: #8d8d8d; position: absolute; left: 3px; top: 0.5em;border-radius: 20px;}
@media screen and (max-width:1024px){
    .guideList1>li{font-size: 15px;}
    .guideList2>li{font-size: 15px;}
    .guideList3>li{font-size: 15px;}
}
@media screen and (max-width:768px){
    .guideList1{padding-left: 10px;}
    .guideList1>li{padding-left: 10px;font-size: 14px;}
    .guideList2>li{padding-left: 6px;font-size: 14px;line-height: 1.5em;}
    .guideList2>li::before{top: 0.5em;}
    .guideList3>li{font-size: 14px;}
}



/* guideTable */
.guideTable1{overflow-x: auto; margin-top: 10px; margin-bottom: 30px;}
.guideTable1 > table{width: 100%; min-width: 600px; border-collapse: collapse; border-bottom: 1px solid #9a9a9a;border-top: 2px solid #0b489b;font-size: 15px;}
/* .guideTable1 > table table tr:last-child td{border-bottom: none;} */
.guideTable1 thead th{height: 60px; font-size: 16px; color: #191919; font-weight: bold; background: #f0f7fe; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;  padding: 5px 15px; box-sizing: border-box; text-align: center;}
.guideTable1 tbody th{height: 45px; color: #2c2c2c; font-weight: normal; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #dcdcdc; padding: 5px 15px; box-sizing: border-box; text-align: center;background: #f8f8f8;}
.guideTable1 tbody td{height: 45px;color: #616161;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;/*text-align: center;*/padding: 5px 60px;box-sizing: border-box;}
.guideTable1 tbody td.catCell{height: 45px; color: #2c2c2c; font-weight: normal; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #dcdcdc; padding: 5px 15px; box-sizing: border-box; text-align: center;background: #f8f8f8;}
.guideTable1 thead th:last-child{border-right: 0;}
.guideTable1 tbody th:last-child{border-right: 0;}
.guideTable1 tbody td:last-child{border-right: 0;}
.guideTable1 tbody td:first-child{border-left: 0;}
.guideTable1 .alignL{text-align: left;}
.guideTable1 .bb{border-bottom: 1px solid #9a9a9a;}
.guideTable1 ul li{color: inherit;}

.guideTable1 tbody td.categoryell{text-align: center;}

.guideTable2{overflow-x: auto; margin-top: 10px; margin-bottom: 30px;}
.guideTable2 table{width: 100%; min-width: 600px; border-collapse: collapse; border-bottom: 1px solid #9a9a9a;border-top: 2px solid #0b489b;}
.guideTable2 th{height: 48px; font-size: 16px; color: #191919; font-weight: normal; background: #f0f7fe; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;  padding: 5px 15px; box-sizing: border-box; text-align: center;}
.guideTable2 td{height: 45px; color: #7b7b7b; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-align: center; padding: 5px 15px; box-sizing: border-box;}
.guideTable2 th:last-child{border-right: 0;}
.guideTable2 td:last-child{border-right: 0;}
.guideTable2 td:first-child{border-left: 0;}
.guideTable2 tr:last-child th{border-bottom: 1px solid #9a9a9a;}
.guideTable2 tr:last-child td{border-bottom: 1px solid #9a9a9a;}
.guideTable2 .alignL{text-align: left;}
.guideTable2 .bb{border-bottom: 1px solid #9a9a9a;}

@media screen and (max-width:1024px){

}
@media screen and (max-width:768px){
    .guideTable1 thead th{height: 58px;font-size: 15px; padding: 5px 15px;}
    .guideTable1 tbody th{font-size: 14px; padding: 5px;}
    .guideTable1 tbody td{font-size: 14px; padding: 10px 15px;}

    .guideTable2 th{font-size: 14px; padding: 5px;}
    .guideTable2 td{font-size: 14px; padding: 5px;}
}

/* 웹 DB Table */
.webTable tbody td{padding: 20px 40px;vertical-align: top;}
.webTable tbody td.catCell{vertical-align: middle;}
.webTable tbody td:nth-of-type(2){padding: 20px 30px;}
.webTable .guideList3{margin-top: 5px;}
.webTable .imgArea{ padding: 18px 25px;}
.webTable .imgWrap{display: flex;align-items: center;justify-content: center;min-width: 220px;max-height: 64px;padding: 10px 13px;border-radius: 5px; border: 1px solid #bdbcbc;background: #fff;box-sizing: border-box;}
@media screen and (max-width:1024px){
    .webTable tbody td{padding: 25px 20px;}
}

/* Open Access Table */
.oaTable tbody td{padding: 20px 24px;}
.oaTable tbody td:nth-child(3),.oaTable tbody td:nth-child(5){text-align: center;}
.oaTable tbody td:nth-child(4){padding: 20px;vertical-align: top;}
.oaTable tbody td > span{display: block;padding-top: 5px;font-size: 12px;color: #909091;}
.oaTable .guideList3 li+li{margin-top: 7px;}

/* ODA 관련사이트 Table */
.odaTable tbody td.catCell{text-align: left;padding: 5px 40px;}
.odaTable tbody td > span{display: block;padding-top: 5px;font-size: 12px;color: #909091;}
@media screen and (max-width:768px){
    .odaTable tbody td.catCell{padding: 15px 40px;}
    .odaTable tbody td > span{padding-top: 3px;}
}

/* 나의도서관 */
.libGuide .guideList1{padding-left: 0;}
.libGuide .guideList3>li{line-height: 1.6em;}
.libGuide .guideList3>li::before{top: 0.6em;}
.procList{margin: 10px 0 15px;padding: 20px 30px;border: 1px solid #c1d8f6;border-radius: 10px;}
.procList>li:nth-child(2){margin-top: 30px;}
.procList .item:nth-child(2){padding-top: 20px;}
.procList .item>span{display: block;padding: 0 0 5px 10px;color: #2c2c2c;}
.procList>li>span{display: block;padding-bottom: 10px;color: #1955a6;}
.procList .procArea{display: flex;flex-wrap: wrap; gap: 20px 3.5vw;}
.procList .procWrap{position: relative;min-width: 230px;padding: 24px 20px 20px;text-align: center;border: 1px solid #ebeff2;border-radius: 10px;background: #f0f7fe;box-sizing: border-box;}
.procList.type1 .procWrap{min-width: 180px;}
.procWrap::after { content: ''; display: flex; position: absolute; right: -2.3vw; top: 50%; width: 16px; height: 19px; transform: translateY(-50%); background: url(../../../image/ko/local/guide/ico-proc_arr.png) no-repeat; }
.procWrap:last-child::after { content: none; }
.procList .procWrap span{color: #2c2c2c;}

@media screen and (max-width:1200px){
    .procWrap::after{right: -2.6vw;}
}
@media screen and (max-width:850px){
    .procList.type1 .procArea{flex-direction: column;gap: 25px;}  
    .procList.type1 .procWrap::after{top: auto; left: 50%; right: auto; bottom: -23px;transform: translateX(-50%); transform: rotate(90deg);}

}
@media screen and (max-width:835px){
    .procList{padding: 20px 20px 20px 15px;}
    .procList.type1{padding: 20px;}
    .procList .procArea{flex-direction: column;gap: 25px;}
    .procList .procWrap{flex: 1;}
    .procWrap::after{top: auto; left: 50%; right: auto; bottom: -23px;transform: translateX(-50%); transform: rotate(90deg);}
}

/* 이용자별안내 */
.userGuide .intro{margin-left: 20px;}
.userGuide .info{margin-top: 0;}

/* guideInquiry */
.guideInquiry{margin-bottom: 30px;}
.guideInquiry .guideTit1{color: #2c2c2c;background: url(../../../image/ko/local/guide/ico-inquiry.png) no-repeat left top 0px;}
.guideInquiry .inquiryCont{border-radius: 12px; border: 2px solid #d5d5d5; overflow: hidden; padding: 28px 40px 23px 40px; box-sizing: border-box;}
.guideInquiry .inquiryCont ul li{position: relative; color: #191919; padding-left: 30px;}
.guideInquiry .inquiryCont ul li:nth-child(1){background: url(../../../image/ko/local/guide/ico-tel.png) no-repeat left top 1px; margin-bottom: 10px;}
.guideInquiry .inquiryCont ul li:nth-child(2){background: url(../../../image/ko/local/guide/ico-mail.png) no-repeat left top 1px;}
.guideInquiry .inquiryCont ul li span{margin-right: 15px;}
.guideInquiry .inquiryCont ul li a[href^="mailto:"]{color: #3879d7;text-decoration: underline;}
.guideInquiry .inquiryCont ul li a[href^="tel:"],
.guideInquiry .inquiryCont ul li a[href^="mailto:"]{display: inline-block;}

@media screen and (max-width:768px){
    .guideInquiry .inquiryCont{padding: 25px 30px 20px 30px;}
}