@charset "utf-8";
 
/* API 센터 홈 */
#header.apiCenter{background-color:#f5f5f5;}
#header.apiCenter > ul.globalMenu > li > a{color:#262626;}

/* Left Menu */
.apiMenu{margin-top:-28px;}
.apiMenu > div{padding-bottom:28px;}


#apiMenu{height:78px;}
#apiMenu > div{width:1300px;margin:0 auto;}
#apiMenu > div > ul{padding:31px 0 30px;overflow:hidden;}
#apiMenu > div > ul > li{float:left;margin-left:126px;}
#apiMenu > div > ul > li:first-child{margin-left:0;}
#apiMenu > div > ul > li a{display:block;color:#121212;font-size:16px;font-family:NotoSansKRM;}


.apiTopTitW{height:320px;background:url(../images/topTitBg.jpg) no-repeat center center #1e2c5d;}
.apiTopTitW .ttW{display:block;overflow:hidden;}
.apiTopTitW > div{width:1300px;margin:0 auto;padding:74px 0 0;}
.apiTopTitW > div h2.title{opacity:0;transform:translateY(50px);color:#fff;font-size:46px;font-family:NanumSquare;line-height:48px;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
.apiTopTitW .ttW1{margin-bottom:25px;}
.apiTopTitW .ttW2{margin-bottom:15px;}
.apiTopTitW.active > div h2.title{opacity:1;transform:translateY(0);-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
.apiTopTitW > div p{opacity:0;transform:translateY(50px);color:#fff;font-size:15px;font-family:NotoSansKR;line-height:22px;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
.apiTopTitW > div p.tt{opacity:0;transform:translateY(50px);color:#fff;font-size:18px;font-family:NotoSansKR;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
.apiTopTitW.active > div p.tt{opacity:1;transform:translateY(0);-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;transition-delay:.3s}
.apiTopTitW.active > div p.txt{opacity:1;transform:translateY(0);-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;transition-delay:.6s}
div#contentWrap > .apiCenter.locationW{margin-bottom:0;padding:22px 0 21px;border-bottom:1px solid #e7e7e7;}
.apiCenter .location > ul > li{margin-left:20px;}
.apiCenter .location > ul > li:first-child{margin-left:0;}
.apiCenter .location > ul > li > a{padding-left:25px;color:#7c7c7c;font-size:15px;font-family:NotoSansKR;background: url(../images/locationArrow.png) no-repeat left center;}
.apiCenter .location > ul > li.point > a{color:#f26522;}
.apiCenter .location > ul > li:first-child > a{width:auto;padding-left:0;text-indent:0;background:none;}
.apiCont .apiCurrent{padding:54px 0 65px;background-color:#f6f6f6;}
.apiCont .apiCurrent > div{width:1300px;margin:0 auto;overflow:hidden;}
.apiCont .current{float:left;}
.apiCont .utilize{width:590px;}
.apiCont .part{width:630px;margin-left:80px;}
.apiCont .current h3.tit{margin-bottom:62px;padding-top:19px;color:#101010;font-size:30px;font-family:NanumSquare;line-height:25px;background:url(../images/titBg.png) no-repeat left 0;}
.apiCont .current > ul{overflow:hidden;}
.apiCont .current > ul > li{float:left;margin-left:8px;margin-bottom:9px;}
.apiCont .utilize > ul > li{width:190px;height:145px;margin-left:10px;margin-bottom:10px;background-color:#fff;border:2px solid #3f59b2;box-sizing:border-box;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.apiCont .current > ul > li:nth-child(3n+1){margin-left:0;}
.apiCont .utilize > ul > li div{height:82px;padding:30px 0;text-align:center;}
/* RINFO API 추가 되면서 이부분은 사용하지 않으니 주석 처리 (23.02.10)
 .apiCont .utilize > ul > li:first-child div{text-indent:-9999px;background:url(../images/currentBg.png) no-repeat center center;} 
 */
.apiCont .utilize > ul > li span{display:block;color:#3e58b2;font-size:16px;font-family:NotoSansKRM;}
.apiCont .utilize > ul > li span.num{margin-top:33px;font-size:45px;font-family:Calibri;font-weight:bold;}
.apiCont .utilize > ul > li:hover{background-color:#3f59b2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.apiCont .utilize > ul > li:hover span{color:#fff;}
/* .apiCont .utilize > ul > li:hover:first-child div{text-indent:-9999px;background:url(../images/currentBg2.png) no-repeat center center;} */
.apiCont .part > ul > li{width:204px;height:65px;border:1px solid #e6e6e6;box-sizing:border-box;text-align:center;line-height:65px;background-color:#fff;}
.apiCont .part > ul > li img{width:100%;height:100%;}
.apiCont .part .more{display:block;width:200px;height:40px;margin:34px auto 0;color:#484897;font-size:18px;font-family:NotoSansKR;text-align:center;line-height:40px;border:2px solid #484897;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.apiCont .part .more:hover{color:#fff;background-color:#484897;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

/* RISS 제공 API 서비스 */
.apiService{width:1300px;margin:0 auto;padding-top:48px;padding-bottom:95px;}
.apiService h3.tit{margin-bottom:25px;padding-top:25px;color:#0f0f0f;font-size:34px;font-family:NanumSquare;text-align:center;line-height:33px;background:url(../images/titBg.png) no-repeat center 0;}
.apiService .subTit{color:#727272;font-size:15px;font-family:NotoSansKR;text-align:center;line-height:22px;}
.apiService .serviceList{margin-top:60px;}
.apiService .serviceList ul{width:1300px;height: 430px;}
.apiService .serviceList ul li{float:left;width: 206px;height: 430px;margin-left:12px;background-color:#fff;-webkit-box-shadow: 0px 1px 7px 3px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 7px 3px rgba(0, 0, 0, 0.1);}
.apiService .serviceList ul li:first-child{margin-left:0;}
.apiService .serviceList ul li:hover{-webkit-box-shadow: 0px 5px 7px 3px rgba(0, 0, 0, 0.1);box-shadow: 0px 5px 7px 3px rgba(0, 0, 0, 0.1);}
.apiService .serviceList ul li p.name{padding:40px 0 30px;color:#2a2a2a;font-size:36px;font-family:NotoSansKRM;text-align:center;line-height:33px;font-weight:bold;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.apiService .serviceList ul li p.name span{display:block;font-size:24px;font-family:NotoSansKR;font-weight:normal;}
.apiService .serviceList ul li:hover p.name{color:#fff;background-color:#f26522;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.apiService .serviceList ul li .txtBox{height: 165px;padding: 20px 24px 34px;}
.apiService .serviceList ul li .txtBox p{color:#676767;font-size:14px;font-family:NotoSansKR;line-height:24px;letter-spacing:-0.5px;}
.apiService .serviceList ul li .detailView{display:block;width:175px;height:40px;margin:0 auto;color:#f26522;font-size:15px;font-family:NotoSansKR;line-height:40px;text-align:center;border:2px solid #f26522;}

/* 서브템플릿 */
.subCont #apiMenu{height:85px;background-color:#1e2c5d;}
.subCont #apiMenu > div > ul{padding:35px 0;}
.subCont #apiMenu ul li a{color:#fff;}
.subCont #apiMenu ul li.on a{color:#f26522;}
.apiIntroW .contentTopInfo2 > div{padding-left:145px;background-image:url(../images/apiIco1.png);}
.apiIntroW .innerCont h3.title{margin-bottom:12px;color:#141414;font-size:16px;font-family:NotoSansKR;}
.apiIntroW .innerList{margin:0 10px;}
.apiIntroW .innerList li{padding-left:7px;color:#787878;font-size:14px;line-height:22px;background:url(../images/listBar.png) no-repeat left 10px;}
.apiIntroW table td .btnType{display:inline-block;padding:1px 10px;font-size:13px;color:#f26522;border:1px solid #f26522;}
.apiIntroW table td .btnType:hover{background-color:#f26522;color:#fff;}
.apiInfoW ul.innerTab.type2 > li > a{min-width:57px;padding:11px 18px 6px;}
.apiInfoW ul.innerTab.type2 > li.on > a{padding:10px 18px 6px}
.apiInfoW .contentTopInfo2 > div{padding-left:145px;background-image:url(../images/apiIco1.png);}
.apiInfoW .innerCont h3.title{margin-bottom:12px;color:#141414;font-size:16px;font-family:NotoSansKR;}
.apiInfoW .innerList{margin:0 10px;}
.apiInfoW.innerList li{padding-left:7px;color:#787878;font-size:14px;line-height:22px;background:url(../images/listBar.png) no-repeat left 10px;}
.apiInfoW table td span.bold{display:inline-block;margin-right:4px;color:#1f1f1f;}
.apiInfoW table td .btnType{display:inline-block;padding:1px 10px;font-size:13px;color:#f26522;border:1px solid #f26522;}
.apiInfoW table td .btnType:hover{background-color:#f26522;color:#fff;}
.apiInfoW .topW{overflow:hidden;}
.apiInfoW .topW h3.title{float:left;margin-bottom:0;}
.apiInfoW .btnR{float:right;}
.apiInfoW .btnR a{display:inline-block;padding: 3px 10px;font-size: 13px;color: #f26522;border: 1px solid #f26522;}
.apiInfoW .txtR{float:right;}
.apiInfoW .txtR span.essentail{color:#ff4031;font-size:14px;}
.apiInfoW .legendBtm{margin:30px 13px 0;}
.apiInfoW .legendBtm .tit{margin-bottom:5px;font-size:14px;color:#1a1a1a;}
.apiInfoW .legendBtm ul{margin:0 6px;}
.apiInfoW .legendBtm ul li{line-height:20px;color:#787878;font-size:14px;}

/* 이용신청 */
.guideStep{margin:22px 0 0 13px;}
.guideStep > ul{text-align:center;font-size:0;}
.guideStep > ul > li{display:inline-block;width:217px;padding-left:22px;background:url(../images/stepArrow.png) no-repeat 5px 82px;vertical-align:top}
.guideStep > ul > li:first-child{padding-left:0;background:none;}
.guideStep > ul > li .stepBox{position:relative;border:1px solid transparent;box-sizing:border-box}
.guideStep > ul > li .stepBox .num{display:block;position:absolute;left:50%;top:0;width:51px;height:51px;margin-left:-25px;color:#fff;font-size:18px;font-family:RobotoB;text-align:center;line-height:50px;background:url(../images/circleBg.png) no-repeat center center;}
.guideStep > ul > li .stepBox > div{margin-top:22px;padding:43px 24px 18px;text-align:left;border:2px solid #e5e5e5;}
.guideStep > ul > li .stepBox p.sn{color:#3e58b2;font-size:14px;font-family:RobotoB;}
.guideStep > ul > li .stepBox p.txt1{margin-top:4px;color:#232323;font-size:15px;font-family:RobotoM, NotoSansKR;}
.guideStep > ul > li .stepBox p.txt2{margin-top:8px;color:#838383;font-size:14px;font-family:NotoSansKR;line-height:16px;}
.guideStep > .caution{margin-top:22px;}
.guideStep > .caution p{color:#4e4e4e;font-size:14px;line-height:22px;font-family:NotoSansKR;}
.btnBunch a{width: 197px;height: 53px;padding: 0;text-align: center;line-height: 53px;}
.btnBunch2{text-align:center;}
.btnBunch2 a{display:inline-block;padding:0 28px;height:53px;line-height: 53px;}
.btnBunch2 a.btnStyle2{background-color:#f26522;text-align:center;color:#fff;font-size:15px;}
.inputType1.wdOpt1{width:309px;}
.inputType1.wdOpt2{width:590px;}
.inputType1.wdOpt3{width:134px;}
.apiInfoW table tbody td .chckList > li{margin-left:20px;}
.apiInfoW table tbody td .chckList > li:first-child{margin-left:0;}
.topMent{margin-top:15px;color:#686868;font-size:14px;line-height:22px;}
.divApiSrch{margin-top:17px;padding-bottom:19px;border-bottom:1px solid #dbdbdb;}
.divApiSrch .btnSrch{display:inline-block;margin-bottom:17px;padding:6px 28px 6px 10px;color:#fff;font-size:14px;background:url(../images/apiSrchArrow.png) no-repeat right 12px center #353535;}
.apiSrchW{display:none;}
.apiSrchW.on{display:block;}
.apiSrchW div.apiSrch{position:relative;width:329px;height:35px;border:1px solid #c4c4c4;}
.apiSrchW div.apiSrch p{height:35px;margin-right:42px;padding:0 12px;}
.apiSrchW div.apiSrch p > input[type="text"]{width:100%;padding:8px 0 7px;border:none;font-size:14px;font-family:NotoSansKR;background-color:transparent;}
.apiSrchW div.apiSrch input[type="image"]{position:absolute;right:14px;top:9px;width:19px;height:18px;}
.apiSrchW p.txt{margin-top:17px;padding:0 3px;color:#4e4e4e;font-size:14px;line-height:22px;}
table td.selBox .boardSelect{width:331px;}
#divOrgList{margin:15px 8px 0;padding:15px 12px 20px;border:1px solid #e5e5e5;}
#divOrgList .totalT{margin-right:10px;color:#787878;text-align:right;font-family:NotoSansKR;font-size:13px;}
.orgList{margin-top:15px;overflow:hidden;}
.orgList li{float:left;width:30%;margin-bottom:10px;padding:0 13px;color:#4e4e4e;font-size:14px;overflow:hidden;}
.orgList li span{float:right;color:#f26522;font-size:13px;}
.orgList li span.impossible{color:#9c9c9c;}
.ttArea.wdOpt7{width:80%;}


/* 활용현황 */
.utilizeCont{margin-top:30px;}
.utilizeCont > ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;height:145px;overflow:hidden;text-align:center;}
.utilizeCont > ul > li{display:inline-block;}
.utilizeCont > ul > li{width:150px;height:122px;background-color:#fff;border:2px solid #3f59b2;box-sizing:border-box;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.utilizeCont > ul > li a{display:block;height:82px;padding:18px 0;text-align:center;}
.utilizeCont > ul > li span{display:block;color:#3e58b2;font-size:15px;font-family:NotoSansKRM;}
.utilizeCont > ul > li span.num{margin-top:28px;font-size:40px;font-family:Calibri;font-weight:bold;}
.utilizeCont > ul > li:hover{background-color:#3f59b2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.utilizeCont > ul > li:hover span{color:#fff;}
.utilizeCont > ul > li.on{background-color:#3f59b2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.utilizeCont > ul > li.on span{color:#fff;}
/* 참여현황 */
.partTop {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;padding-top:10px}
.partTop .libSearch2 {position:relative;margin-top:-40px;width:320px;height:60px;background:#f5f5f5;border:1px solid #cbcbcb;}
.partTop .libSearch2 input[type="text"] {position:absolute;width:100%;height:100%;padding:0 50px 0 16px;background:transparent;color:#585858;font-size:16px;font-family:Pretendard,sans-serif;border:none;outline:none;box-sizing: border-box;}
.partTop .libSearch2 input[type="text"]::placeholder {color:#585858;font-size:16px;font-family:Pretendard,sans-serif}
.partTop .libSearch2 input[type="submit"] {position:absolute;top:0;right:18px;width:18px;height:100%;background:url(../images/tabSearchBtn.png) no-repeat center;text-indent: -9999px;border:none;cursor: pointer;}
.partCont ul.innerTab.type2 > li > a{min-width:120px}

#apiMenu > div > ul > li{float:left;margin-left:65px;}