@charset "utf-8";

/* font */
@font-face{
    font-family:NanumBarunGothic;
    src:url(../../../style/font/NanumBarunGothic.eot);
    src:local('※'), url(../../../style/font/NanumBarunGothic.woff) format('woff');
}

/* base */
html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body{font-family:NanumBarunGothic,sans-serif;font-size:14px;-webkit-text-size-adjust:none;color:#4d4d4d;word-wrap: break-word;}
em,address{font-style:normal;}
dl, dt, dd, ul{list-style:none;margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,pre,input,p{margin:0;padding:0}
img{border:none}
div, span, ul, li{margin:0;padding:0}
form, fieldset, blockquote{margin:0;padding:0;border:0}
legend, caption, hr{position:absolute;width:1px;height:1px;text-indent:-9999px;overflow:hidden}
caption{position:static;height:0}
textarea{overflow:auto;-webkit-appearance:none;border-radius:0}
input{font-family:NanumBarunGothic,sans-serif;}
input[type="image"]{-webkit-appearance:none;border-radius:0}
input[type="submit"]{-webkit-appearance:none;border-radius:0}
input[type="text"]{-webkit-appearance:none;border-radius:0}
input[type="password"]{-webkit-appearance:none;border-radius:0}
input[type="checkbox"]{border-radius:0}
input[type="reset"]{border-radius:0}
select{border-radius:0}
input::placeholder {
  color: #757575;
}
input::-webkit-input-placeholder {
  color: #757575;
}
/* ANCHOR */
a{color:#4c4c4c;text-decoration:none}

a:link{color:#4c4c4c;text-decoration:none}
a:visited{color:#4c4c4c}
a:hover{color:#0084d8;text-decoration:none}
a:active{color:#0084d8;text-decoration:none}

/* 숨김영역 */
.skip{display:none;width:0;height:0;font-size:0;line-height:0;overflow:hidden;border:0;visibility:hidden}

/* 건너뛰기 */
#divAccessibility{position:absolute;left:0;top:0;z-index:1}
#divAccessibility li{float:left}
#divAccessibility a{position:absolute;width:1px;height:1px;top:-50px;overflow:hidden;text-align:center}
#divAccessibility a:focus, #divAccessibility a:active{position:absolute;top:32px;width:200px;height:auto;padding:5px;background-color:#fff;border:solid 1px #0079c6;color:#0079c6;z-index:2} 

/* buttons(하단버튼) */
.buttons{margin:40px 0 0;text-align:center}
.buttons input, .buttons input[type=button]{
	height:40px;margin:0 5px;padding:0 19px;border:1px solid #006EAF;background: none;color:#006EAF;cursor:pointer;vertical-align:top;line-height:1.0em;font-size:15px;font-weight:600;overflow:visible;box-sizing: border-box}
.buttons input.searchBtn{padding:0 21px 0 46px;background:url(../../../image/ko/solution/common/ico/searchBtnBg.png) no-repeat 20px 50% #006EAF;border:none;color:#fff}
.buttons a{height:38px;display:inline-block;margin:0 5px;padding:0 19px;border:1px solid #d9d9d9;color:#505050;font-size:15px;line-height:2.5em;vertical-align:top}

.tempPopup {
	position: absolute;
    width: 545px;
    top: 208px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1000;
    text-align: center;
    /*background: rgb(244,255,249);*/
}

.tempPopup img {
	width: 100%;
}

.tempPopup button {
	background: url('https://lib.seoul.go.kr/image/ko/local/close_img.png');
    width: 65px;
    height: 25px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 15px;
    margin-top: 20px;
    cursor: pointer;
}

.tempPopup .main_popup_checkbox_wrap {
	position: absolute;
	right: 8px;
	bottom: 25px;
}
	
		
.sub-tab.box {
    margin-top: 10px;
}
.sub-tab li.on a{
    border-bottom: 3px solid #0092d0;
}
.sub-tab li:hover a{
		border-bottom: 3px solid #0092d0;
		background: #dbf4ff;
		color: #0092d0;
		font-weight:bold;
}
.sub-tab li a {
    font-size: 14px;
    color: #000;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
     border-bottom: 2px solid #cfcfcf;
}
.sub-tab li {
    display: inline-block;
    text-align: center;
    width: 155px;
   
    box-sizing: border-box;
}

.sub-tab li.selected a{
	background: #dbf4ff;
    border-bottom: 3px solid #0092d0;
    color: #0092d0;
    font-weight: bold;
    font-size: 15px;
}

@media (min-width:768px) and (max-width:1024px) {
	.tempPopup {
	    position: absolute;
	    width: 369px;
	    right: 0;
	    left: 0;
	    margin: 0 auto;
	    z-index: 1000;
	    background: none;
	    top: 136px;
	    text-align: center;
	    background: none;
	}
	
	.tempPopup img {
		width: 100%;
	}
	
	.tempPopup button {
		background: url('https://lib.seoul.go.kr/image/ko/local/close_img.png');
	    width: 65px;
	    height: 25px;
	    border: none;
	    position: absolute;
	    top: 0;
	    right: 0;
	    margin-right: 10px;
	    margin-top: 20px;
	    cursor: pointer;
	}
	
	.tempPopup .main_popup_checkbox_wrap {
		position: absolute;
		bottom: 18px;
	}
}

@media (min-width:0) and (max-width:767px){
	.buttons a,.buttons input{margin:0 2px 5px;padding:0 14px}
	.buttons input.searchBtn{padding:0 14px 0 39px;background-position:14px 50%}
	
	.tempPopup {
	    position: absolute;
	    width: 345px;
	    z-index: 1000;
	    background: none;
	    top: 108px;
	    z-index: 1000;
	    text-align: center;
	    background: none;
	}
	
	.tempPopup img {
		width: 100%;
	}
	
	.tempPopup button {
		background: url('https://lib.seoul.go.kr/image/ko/local/close_img.png');
	    width: 65px;
	    height: 25px;
	    border: none;
	    position: absolute;
	    top: 0;
	    right: 0;
	    margin-right: 10px;
	    margin-top: 7px;
	    cursor: pointer;
	}
	
	.tempPopup .main_popup_checkbox_wrap {
		bottom: 18px;
	}
}
/* paging */
.paging{clear:both;margin:40px 0 0;text-align:center;}
.paging a{padding:0 10px}
.paging > a{display:inline-block;padding:0;border:1px solid #e6e6e6;vertical-align: middle}
.paging > a img{width:28px;height:28px;vertical-align: middle}
.paging > a.firstPage{border-right:none}
.paging > a.lastPage{border-left:none}
.paging > span{margin:0 10px}
.paging > span span{padding:0 10px;color:#000;text-decoration:underline}
.paging > span a{color:#747474}

/* 총 건수, 현재 페이지, 파일다운로드 등 */
.listInfo{position:relative;margin-bottom:10px;line-height:2.3em;}
.listInfo > div.listInfo1{float:left;margin-bottom:10px;color:#666}
.listInfo p{float:left}
.listInfo .point1{color:#006EAF}
.listInfo > div.listInfo1 > div{float:left}
.listInfo > div.listInfo1 .totalCnt{color:#000}
.listInfo > div.listInfo1 .totalCnt span{font-weight:600}
.listInfo > div.listInfo1 .pageNum span{font-weight:600}
.listInfo > div.listInfo2{float:right;margin-bottom:10px}
.listInfo > div.listInfo2 > div{float:left;margin-left:10px;}
.listInfo > div.listInfo2 div.fileSend li {float:left;border:1px solid #e6e6e6;border-left:0 none}
.listInfo > div.listInfo2 div.fileSend li:first-child {border-left:1px solid #e6e6e6}
.listInfo > div.listInfo2 div.fileSend li a {position:relative;display:block;}
.listInfo > div.listInfo2 div.fileSend li img {width:38px;height:33px;vertical-align:top}

/* selectBox1 */
.selectBox1{height:35px;border:1px solid #d1d0cf;background-color:#fff;line-height:29px;}

/* 검색 사용 select */
/* searchOpt1 */
.searchOpt1{min-width:90px;height:33px;position:relative;font-size:14px;line-height:13px !important;text-decoration:none;text-align:left;color:#555;vertical-align:middle;background:#fff;display:inline-block;cursor:default;border:1px solid #d1d0cf;padding-right:10px} /* futurenuri */
.searchOpt1:focus .selectBox-arrow {border-color: #d1d0cf;}
.searchOpt1 .selectBox-label {height:33px !important;display:inline-block;white-space:nowrap;overflow:hidden;line-height:2.5em;padding-left:10px;padding-right:10px}
.searchOpt1 .selectBox-arrow {position:absolute;top:0;right:0;width:34px;height:33px;background:url(../../../image/ko/solution/common/ico/selectOpt.png) no-repeat 100% 0;}
.selectBox-dropdown-menu {position:absolute;z-index:99999;max-height:150px;border:1px solid #bbb;background: #fff;overflow:auto;}
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {list-style:none;display:block;cursor:default;padding:0;margin:0;font-size:14px;color:#919191;}
.selectBox-options li a {line-height:18px;padding:0 .5em;white-space:nowrap;overflow:hidden;}
.selectBox-options li.selectBox-hover a {background-color:#eee;}
.selectBox-options li.selectBox-disabled a {color:#888;background-color:transparent;}
.selectBox-options li.selectBox-selected a {background-color:#c8def4;}
.selectBox-options .selectBox-optgroup {color:#666;background:#eee;font-weight:bold;line-height:18px;padding:0 .5em;white-space:nowrap;}
.selectBox.selectBox-disabled {color: #888 !important;}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {border-color: #666;}
.selectBox-inline.selectBox-disabled {color: #888 !important;}
.selectBox-inline.selectBox-disabled .selectBox-options A {background-color: transparent !important;}

/* searchOpt2 */
.searchOpt2{position:relative;height:33px;font-size:14px;line-height:13px !important;text-decoration:none;text-align:left;color:#555;vertical-align:middle;background:#fff;display:inline-block;cursor:default;border:1px solid #e6e6e6;padding-left:5px}
.searchOpt2:focus .selectBox-arrow {border-color: #d1d0cf;}
.searchOpt2 .selectBox-label {display:inline-block;white-space:nowrap;overflow:hidden;line-height:2.5em;padding-left:5px}
.searchOpt2 .selectBox-arrow {position:absolute;top:0;right:0;width:18px;height:33px;background:url(../../../image/ko/solution/common/ico/selectOpt2.png) no-repeat 0 50%;}

/* contentMessage   --  message로  divContents 안 divTabMenu 아래 위치  */
.contentMsg{margin:20px 0;padding:20px;background-color:#eee;border:1px solid #e6e6e6;color:#333}
@media screen and (min-width:0px) and (max-width:767px){
	.contentMsg{margin:0 0 20px}
}
.contentMsg img{vertical-align:middle}

/* contentHeader  --  divContent 안에 위치 */
.contentHeader{margin:20px 0;padding:20px;background-color:#eee;border:1px solid #e6e6e6;color:#333}
/* contentHeader-모바일 */
@media screen and (min-width:0px) and (max-width:767px){
	.contentHeader{margin:0 0 20px}
}

/* 제한검색 */
.searchArea{margin:20px 0 30px 0;background-color:#f6f6f6;text-align:center}
.searchArea input{margin:5px 4px;vertical-align:middle !important}
.searchArea .typeSelect{margin:0 4px}
.searchArea .selectBox1{margin:5px 4px}
.searchArea .limitSearchBtn{display:none;text-align:left}
.searchArea .limitSearch{display:inline-block;padding:0 20px;background-color:#fff;border:1px solid #808080;height:33px;color:#4c4c4c;vertical-align:top;line-height:2.3em}

/* contentFooter */
.contentFooter{margin:20px 0;padding:20px;background-color:#eee;border:1px solid #e6e6e6;color:#333}

/* 버튼, input, select, checkBox, 라디오버튼(공통) */
a.btnType1{display:inline-block;padding:0 20px;background-color:#fff;border:1px solid #808080;height:33px;color:#4c4c4c;vertical-align:top;line-height:2.3em}
a.btnType2{display:inline-block;font-size:12px;padding:0 7px;border:1px solid #808080;height:23px;color:#4c4c4c;vertical-align:top;line-height:1.7em}
a.btnType3{display:inline-block;padding:0 20px;border:1px solid #1c7fca;background-color:#248bd8;height:33px;color:#fff;vertical-align:top;line-height:2.3em}
a.btnType4{display:inline-block;height:33px;padding:0 20px;border:1px solid #0067b3;color:#0067b3;vertical-align:top;line-height:2.3em}
a.btnType5{display:inline-block;height:33px;border:1px solid #585858;background:url(../../../image/ko/solution/common/ico/limitSearch.gif) no-repeat 15px 50%;line-height:2.3em;color:#4d4d4d;padding:0 20px 0 45px;vertical-align:top;}
a.btnType6{display:inline-block;padding:0 10px;background-color:#fff;border:1px solid #ccc;height:33px;color:#666;vertical-align:top;line-height:2.3em}
a.btnType7{padding:0 10px;height:33px;border:1px solid #ccc;background-color:#fff;color:#666;font-size:13px}
a.btnType8{display:inline-block;padding:0 20px;background-color:#fff;border:1px solid #808080;height:33px;color:#4c4c4c;vertical-align:top;line-height:2.3em}
a.btnType9{padding:0 10px;border:1px solid #1c7fca;background-color:#248bd8;color:#fff;font-size:13px} /*검색창 작은 버튼*/
a.btnType10{display:inline-block;height:23px;padding:0 15px;border:1px solid #0067b3;color:#0067b3;vertical-align:top;line-height:24px;} /*모달전용 희망도서신청, 지정도서 신청버튼에 사용*/
a.btnType11{display:inline-block;height:40px;margin:0 5px;padding:0 40px;background-color:#006EAF;border:none;color:#fff;font-size:15px;line-height:2.8em;vertical-align:top}
a.btnType12{display:inline-block;height:35px;padding:0 20px;background-color:#006EAF;color:#fff;vertical-align:top;line-height:2.5em}

input.btnType1{font-size:14px;height:35px;padding:0 20px;border:1px solid #808080;color:#4c4c4c;vertical-align:top;background-color:#fff;overflow:visible;}
input.btnType2{height:33px;padding:0 20px;vertical-align:top;padding:0 7px;border:1px solid #808080;height:23px;color:#4c4c4c;background-color:#fff;font-size:12px;overflow:visible}
input.btnType3{font-size:14px;height:35px;padding:0 20px;border:1px solid #1c7fca;background-color:#248bd8;color:#fff;overflow:visible;vertical-align:top}
input.btnType4{font-size:14px;height:35px;padding:0 20px;vertical-align:top;border:1px solid #0067b3;color:#0067b3;background-color:#fff;overflow:visible}
input.btnType5{height:37px;vertical-align:top;border:none;background:#006EAF;padding:0 50px 0 50px;color:#fff;overflow:visible;cursor:pointer}
input.btnType6{display:inline-block;padding:0 10px;background-color:#fff;border:1px solid #ccc;height:35px;color:#666;vertical-align:top;line-height:2.3em}
input.btnType7{padding:0 10px;height:35px;border:1px solid #ccc;background-color:#fff;color:#666;font-size:13px}
input.btnType8{height:37px;vertical-align:top;border:none;background:#006EAF;padding:0 30px 0 30px;color:#fff;overflow:visible;cursor:pointer}



input.inputBasic{height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;padding:0 5px}

input.inputTextType1{width:210px;height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;padding:0 5px}
input.inputTextType1:focus{border:1px solid #2ed8de}

input.datePicker{width:80px;height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:middle;color:#4c4c4c;padding:0 5px}
span.divide{display:inline-block;padding:10px 0;}

input.inputTextType2{width:125px;height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;padding:0 5px}
input.inputTextType2:focus{border:1px solid #2ed8de}


p.inputTextType3 input{border:none;width:100%;color:#4c4c4c;height:33px;line-height:2.1em}
input.inputTextType3{width:300px;height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;padding:0 5px}
input.inputTextType3:focus{border:1px solid #2ed8de}

input.inputTextType4{width:42px;height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;vertical-align:top;color:#4c4c4c;padding:0 5px}

p.readonly{background-color:#f7f7f7}

input.inputTextType6{width:auto;height:33px;border:1px solid #d1d0cf;padding:0 10px;background-color:#fff;color:#4c4c4c;line-height:2.1em;vertical-align:top}

textarea.txtArea{width:100%;height:70px;border:1px solid #d1d0cf;resize:none}

span.bunch{display:inline-block;margin-right:10px;vertical-align:middle}

input.inputFileType1{height:35px;}
@media screen and (min-width:0) and (max-width:767px){
	input.inputTextType1{width:190px;padding:0}
	input.inputFileType1{width:100%}
	a.btnType8{display:none}
}

.accessibility {
	width: 0; 
	height: 0;
	font-size: 0;
	line-height: 0;
}