@charset "utf-8";

#divWrapper {background:#fff}
.header {padding:40px 20px 0 20px;border-top:3px solid #1866b6}
.header h1 {height:20px;padding-left:15px;background:url(../../../../image/ko/solution/common/subTitleBg.gif) no-repeat 0 3px;color:#1a1a1a;font-size:20px}
.content {padding:20px}

 /*도서예약신청*/
.reservation  {padding:16px 20px 15px 20px;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3;background:#eee;line-height:1.6}
.reservation span.highlight {color:#f15d15}

.periodSet{border-bottom:1px solid #fff;margin-top:10px; margin-bottom:5px;padding-bottom:5px; }
.availablePeriod {margin-right: 10px;margin-bottom: 10px;}
.availablePeriod label, .periodSet label{font-weight: 600}

/*button*/
.buttons a, .buttons input {margin:0 5px;padding:0 20px;border:1px solid #585858;color:#1a1a1a!important;}
.buttons a:first-child, .buttons input:first-child {border-color:#33477b;background:#33477b;color:#fff!important;}

/* 매체정보 */
/* .media {display:inline-block;width:36px;height:16px;margin-right:5px;background:#9cafb8;color:#fff;text-align:center;font-size:12px;line-height:18px} */

@media screen and (min-width:0px) and (max-width:767px){
.header {padding:20px 10px 0 10px}
.content {padding:20px 10px}

/*font*/
.reservation span.highlight{color:#f15d15}

/*button*/
.buttons a {margin:0 5px;padding:0 20px;border:1px solid #585858;color:#1a1a1a}
.buttons a:first-child {border-color:#33477b;background:#33477b;color:#fff !important;}
}

/* 디지콜 순서변경 */
#sortable li{
	border: 1px solid #c8c8c8;
	margin: 0 3px 3px 3px;
	padding: 8px 15px;
	color:#626262;
	font-size:13px;
	line-height:13px;
	cursor: pointer;
}
#sortable .dragged {
	position: absolute;
	height:auto !important;
	left:0 !important;
	z-index: 2000;
	border: 1px solid #c8c8c8;
	background-color:#dbdbdb;
	padding: 8px 15px;
	color:#626262;
	font-size:13px;
	line-height:13px;
	cursor: pointer;
}
#sortable .placeholder {
	height:13px;
	border:1px solid #fcefa1;
	background-color:#fbf9ef
}

#sortable .list div {
    float: right;
}

#sortable .list div input {
    vertical-align: middle;
    margin-left: 5px;
}

/* 테이블 목록 */
/* table */
table{width:100%;border:none;border-collapse:collapse;}
table th{border:none;background-color:#f3f3f3;color:#727272}
table td{border:none}

/* list */
.listTable{clear:both;border-top:1px solid #b3b3b3;border-bottom:1px solid #e6e6e6;text-align:center}
.listTable tr:hover{background-color:#fcf9ce}
.listTable tr:hover td{background-color:#fcf9ce}
.listTable th{padding:20px 0;border-bottom:1px solid #e6e6e6}
.listTable td{padding:14px 10px;border-top:1px solid #e6e6e6}
.listTable .footable-row-detail-inner{padding:0 20px;text-align:left}
.listTable tr th{height:40px;padding:10px 8px}
.listTable .title{text-align:left}

/* Table */
.guideContent{padding: 29px 20px 0;}
.guideTable{padding-left:9px;margin-bottom: 10px;}
.guideTable table{width:100%;border-top:3px solid #b2bcc5;border-collapse:collapse;word-break:keep-all;border-left: 1px solid #ced5dd;border-right: 1px solid #ced5dd;}
.guideTable table.bdn{border-top:none;}
.guideTable table.wb{word-break:break-all}
.guideTable thead th{padding: 10px 10px;color:#434343;font-size:15px;background-color:#f2f6fa;border-left:1px solid #ced5dd;border-bottom:1px solid #ced5dd;font-weight: bold;text-align: center;}
.guideTable thead th:first-child{border-left:none;background-image:none;}
.guideTable thead th.bdL{border-left:1px solid #ced5dd}
.guideTable tbody th{padding:8px 10px;background-color:#f9f9f9;border-left:1px solid #ced5dd;border-bottom:1px solid #ced5dd;font-weight:normal;}
.guideTable tbody th:first-child{padding:10px 20px;color:#545454;font-size:14px;font-weight:normal;border-left:none;background-image:none;}
.guideTable tbody th.bdL{border-left:1px solid #ced5dd}
.guideTable tbody th.thBg1{padding:14px 10px;background-color:#f2f6fa;}
.guideTable td{padding:10px 15px;color:#545454;font-size:14px;border-left:1px solid #ced5dd;border-bottom:1px solid #ced5dd;text-align:center;}
.guideTable td:first-child{border-left:none;}
.guideTable td.taR{text-align:right;}
.guideTable td.taL{text-align:left;padding:10px 30px}
.guideTable td.bdL{border-left:1px solid #ced5dd;}
.guideTable td.tdBg1{background-color:#f9f9f9;font-family:NotoSansKRM;}
.guideTable td.tdBg2{background-color:#fff7f7;}
.guideTable .guideList2 li{margin-top:0;font-size:14px;}
.tableList li{margin-top:15px;font-size:15px;font-family:NotoSansKR;}
.tableList .dCollstep li{margin-top:0;}
.tableList li:first-child{margin-top:0;}
.tableList li p.mt{margin-top:15px;}
.guideTable td .shortCut{display:block;text-indent:-9999px;background:url(../../../image/ko/local/guide/goLink.png) no-repeat center center;background-size:15px 15px}
.guideTable td .email{padding-left:40px;color:#1f60a2;text-decoration:underline;background:url(../../../image/ko/local/guide/email.png) no-repeat left center;} 
.guideTable td .email2{padding-left:0;background-image:none;color:#545454;}
.guideTable td .email2:hover{color:#1f60a2;text-decoration:underline;}
.guideTable.mt{margin-top:25px;}
/* 태블릿사이즈 */
@media screen and (min-width:768px) and (max-width:1024px) {
	.tableList li p.mt{margin-top:10px;}
	p.menual a.goLink2{display:inline-block;}
	.refWorks a.goLink2{display:inline-block;margin-top:0!important}
	.guideTable.ofT{overflow:auto;}
	.guideTable.ofT table{min-width:1024px;}
}
/* 모바일사이즈 */
@media screen and (min-width:320px) and (max-width:767px) {
	.guideTable.of{overflow:auto;}
	.guideTable.of table{min-width:767px;}
	.guideTable tbody th:first-child{padding: 8px 10px;}
	.guideTable td{padding: 10px;}
	.guideTable td.taL{padding:14px;}
	.tableList li p.mt{margin-top:10px;}
	.guideTable.of .mobileTable{min-width:auto}
	.guideTable .mobileTable td{font-size:13px;}
	.guideTable .mobileTable > thead{display:table-header-group}
	.guideTable .mobileTable.breakpoint > tbody > tr > td.expand{background-color:#f9f9f9!important;}
	.guideTable .footable-row-detail-inner > div{text-align:left}
	.guideTable .footable-row-detail-inner > div > div{padding:0 10px;text-align:center;}
}
/* 모바일사이즈 */
@media screen and (min-width:320px) and (max-width:415px) {
	table p.menual{margin-top:10px;margin-left:0;}
	table p.menual{margin-top:10px;margin-left:0;}
}

.guideTitle{padding-left:9px;margin-bottom: 2px;font-size:14px;font-weight:normal;background: url(../../../image/ko/local/guide/dot.png) no-repeat left 6px;}
.guideTitle:not(:first-of-type) {margin-top: 12px;}
.guideList{margin-left:13px;margin-bottom: 23px;}
.guideList li{margin-top:7px;padding-left:13px;line-height:24px;}
.guideList li:first-child{margin-top:0;}
.point{color:#ff6f6f;}
.ment{padding-left:9px}