/* @charset "utf-8"; */

/* detail */
.detailTable table{width:100%;border:none;border-collapse:collapse;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;table-layout:fixed}
.detailTable th{width:20%;padding:10px 20px;border:none;background-color:#f3f3f3;border-top:1px solid #e6e6e6;color:#727272;text-align:right;font-size:14px;}
.detailTable tr:first-child th{border-top:none}
.detailTable td{padding:10px 20px;border:none;border-top:1px solid #e6e6e6;font-size:14px;word-break:break-all}
.detailTable tr:first-child td{border-top:none}

/* 게시판 상세 */
.boardInfo{position:relative;padding:20px;background-color:#f3f3f3;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3}
.boardInfo .boardInfoTitle{padding-right:100px;color:#1a1a1a;font-size:1.429em;font-weight:600}
.boardInfo .writeInfo{position:absolute;top:20px;right:20px}
.boardInfo .writeInfo p{text-align:right;margin-top:10px}
.boardInfo .writeInfo p:first-child{margin-top:0}
.boardInfo .writeInfo span{position:absolute;top:31px;right:0}
.boardInfo .writeInfo p.status span{position:relative;top:0;right:0;}
.boardInfo .writerInfo{overflow:hidden}
.boardInfo .writerInfo dl{clear:both}
.boardInfo .writerInfo dt{float:left;margin-right:5px;margin-top:10px;font-weight:600}
.boardInfo .writerInfo dt.skip{display:none}
.boardInfo .writerInfo dd{float:left;margin-right:20px;margin-top:10px;}
.boardInfo .writerInfo dd.writer span{color:#1a1a1a}
.boardInfo .writerInfo dd.writerEmail img{width:18px;height:13px;vertical-align:middle;margin-right:5px}
.boardInfo .writerInfo dd.writerIp{margin-right:5px;}
.boardInfo .writerInfo dd.writerIp, .boardInfo .writerInfo dd.writerTime{color:#248bd8}
.additionalItems{padding: 20px;border-top: 1px solid #e6e6e6;border-top: none;border-bottom: 1px solid #b3b3b3;vertical-align: middle;}

.additionalItems div{display:inline-block;width:49%;vertical-align: top}
.additionalItems ul{min-height:72px;padding-left:80px}
.additionalItems ul.addFiles{background:url(../../../image/ko/solution/common/ico/clipL.png) no-repeat 0 0}
.additionalItems ul.addUrl{background:url(../../../image/ko/solution/common/ico/url.png) no-repeat 0 0}
.additionalItems ul.addUrl li{	font-weight:600;}
.additionalItems ul.addUrl a{margin-left:5px;font-weight:normal;text-decoration:underline}
.additionalItems ul li{padding:10px 0;font-size:0.929em}

/* 게시판 에디터 작성 영역 */
.boardContent{font-family: NotoSans, Arial, Verdana, "Trebuchet MS", sans-serif;color: #333;background-color: #fff;border-bottom: 1px solid #e6e6e6;border-top:none;padding: 20px;font-size: 15px;line-height: 1.6;}
.boardContent table{border-collapse:collapse; border-top: 2px solid #383838; font-size:1.0em;}
.boardContent table td{padding: 4px; border-color:#9e9e9e;}
.boardContent blockquote{font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}
.boardContent p,.boardContent blockquote,.boardContent ul{margin:1em 0}
.boardContent blockquote{padding-left: 20px;padding-right: 8px;border-left-width: 5px;}

.boardContent a{display:inline-block; color: #0083d9!important;}
.boardContent a span{color: #0083d9!important;}
.boardContent a[target="_blank"]{padding-right: 20px; background: url(../../../image/ko/local/guide/link2.png) no-repeat right 2px center/14px;}
.boardContent ol,.boardContent ul,.boardContent dl{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}
.boardContent h1,.boardContent h2,.boardContent h3,.boardContent h4,.boardContent h5,.boardContent h6{font-weight: normal;line-height: 1.2;}
.boardContent hr{display:block;border: 0px;border-top: 1px solid #ccc;}

img.right{border: 1px solid #ccc;float: right;margin-left: 15px;padding: 5px;}
img.left{border: 1px solid #ccc;float: left;margin-right: 15px;padding: 5px;}
.boardContent pre{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	-o-tab-size: 4;
	-webkit-tab-size: 4;
	tab-size: 4;
}
.marker{background-color: Yellow;}
.boardContent span[lang]{font-style: italic;}
.boardContent figure{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}
.boardContent figure > figcaption{
	text-align: center;
	display: block; /* For IE8 */
}
.boardContent a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}
.boardContent ul{list-style:disc}
.boardContent ul li{list-style:disc}
.boardContent ol{list-style-type:decimal}
.boardContent ol li{list-style-type:decimal}
.boardContent ul ul,.boardContent ol ul{list-style-type:circle}
.boardContent ul ul li, .boardContent ol ul li{list-style-type:circle}
.boardContent ol ol ul,.boardContent ol ul ul,.bbsInfo ul ul ul{list-style-type:square}
.boardContent ol ol ul li, .boardContent ol ul ul li, .boardContent ul ul ul li{list-style-type:square}
.boardContent em,.boardContent address{font-style:italic;}
.boardContent legend, .boardContent hr{display:block;}
.boardContent caption{display:table-caption}
.replyModify{margin-top:10px;padding:10px 0;text-align:right}

/* 답글 */
.replyDeatil{padding:10px 20px;background-color:#b3b3b3;color:#fff}
.replyDeatil span{font-weight:600}
.replyModify a{color:#4d4d4d;}

/* 댓글 */
.comments{margin-top:20px}
.commentDetail{position:relative;padding:10px 20px;background:url(../../../image/ko/solution/common/ico/textBallon.gif) no-repeat 0 0 #b3b3b3;color:#fff}
.commentDetail span.commentNum{font-weight:600}
.commentDetail span.limitByte{position:absolute;top:10px;right:20px}
.comment{position:relative;padding:20px 20px 10px;border:1px solid #e6e6e6;border-top:none}
.comment .commentModifyBtn{position:absolute;bottom:20px;right:20px;}
.comment .commentModifyBtn a{display:inline-block;height:33px;padding:0 10px;border:1px solid #808080;color:#4d4d4d;font-size:0.857em;line-height:2.8em}
.commentWriter{padding-right:100px;color:#1a1a1a}
.commentWriter img{width:18px;height:13px} 
.commentDate{position:absolute;top:20px;right:20px}
.comment form{padding-right:98px;}
.comment form p{padding:0 10px;border:1px solid #e6e6e6;}
.comment form input{width:100%;height:33px;border:none;color:#333}
.comment{position:relative;padding:20px 20px;border:1px solid #e6e6e6;border-top:none}
.comment .commentContent{padding-right:98px;}
.comment .commentContent div.commentBtn{position:absolute;top:40px;right:20px;}
.comment .commentContent div a{display:inline-block;height:23px;padding:0 10px;border:1px solid #808080;color:#4d4d4d;font-size:0.857em;line-height:2.0em}
.commentInput{position:relative;padding:10px 119px 10px 20px;background-color:#f3f3f3;border:1px solid #e6e6e6;border-top:none}
.commentInput textarea{width:100%;height:58px;border:1px solid #e6e6e6;font-size:1.0em;resize:none}
.commentInput button{position:absolute;top:11px;right:20px;width:91px;height:60px;border:1px solid #808080;background-color:#fff;color:#4c4c4c;cursor:pointer}
.boardList{margin-top:20px}
.boardList ul li{position:relative;padding:10px 103px 10px 103px;border:1px solid #e6e6e6;border-top:none}
.boardList ul li span{position:absolute;top:10px;color:#6c6c6c}
.boardList ul li:first-child{border-top:1px solid #e6e6e6}
.boardList .prevWriting, .boardList .nextWriting{left:20px;padding:0 0 0 20px;}
.boardList .prevWriting{background:url(../../../image/ko/solution/common/ico/prev.gif) no-repeat 0 50%}
.boardList .nextWriting{background:url(../../../image/ko/solution/common/ico/next.gif) no-repeat 0 50%}
.boardList .writeListDate{right:20px}

@media (min-width:0px) and (max-width:767px){
	.boardInfo .boardInfoTitle{padding-right:0}
	.boardInfo .writeInfo{position:relative;top:0;right:0}
	.boardInfo .writeInfo p{text-align:left}
	.boardInfo .writeInfo span{position:relative;top:0;left:0;margin-left:5px;}
	.boardInfo .writeInfo p.status span{margin-left:0}
	.additionalItems{padding:0}
	.additionalItems div{width:100%;padding:20px 0}
	.additionalItems div:first-child{border-bottom:1px solid #e6e6e6}
	.additionalItems div ul{min-height:50px;padding-left:78px;padding-right:20px}
	.additionalItems ul.addFiles{background-size:50px 50px;background-position:20px 50%}
	.additionalItems ul.addUrl{background-size:50px 50px;background-position:20px 50%}
	.additionalItems div ul li{padding:5px}
	.commentDetail span.limitByte{position:static;display:block;margin-top:5px}
}

/* 사용자정보 */
.userInfo{position:relative;margin:0 0 20px;padding:20px;background-color:#f3f3f3;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3;overflow:hidden}
.userInfo .writeInfo{position:absolute;top:20px;right:20px}
.userInfo .writeInfo p{text-align:right;margin-top:10px}
.userInfo .writeInfo p:first-child{margin-top:0}
.userInfo .writeInfo span{position:absolute;top:31px;right:0}
.userInfo .writeInfo p.status span{position:relative;top:0;right:0;}
.userInfo .writerInfo{overflow:hidden}
.userInfo .writerInfo dl{clear:both}
.userInfo .writerInfo dt{float:left;margin-right:5px;margin-top:10px;font-weight:600}
.userInfo .writerInfo dt.skip{display:none}
.userInfo .writerInfo dd{float:left;margin-right:20px;margin-top:10px;}
.userInfo .writerInfo dd.writer span{color:#1a1a1a}
.userInfo .writerInfo dd.writerEmail img{width:18px;height:13px;vertical-align:middle;margin-right:5px}
.userInfo .writerInfo dd.writerIp{margin-right:5px;}
.userInfo .writerInfo dd.writerIp, .boardInfo .writerInfo dd.writerTime{color:#248bd8}

/* 도서관 일정 - 상세페이지 이미지 최대 사이즈 조정 */
.imageFile{max-width:100%;max-height:700px}

/* 라이선스(CCL) */
.license{margin-top:20px}
.license .cclTitle{height:40px;padding:0 20px;background-color:#f3f3f3;border:1px solid #e6e6e6;color:#fff;font-size:16px;line-height:42px;font-weight:600;color:#4d4d4d}
.license .ccl{padding:10px 20px 13px;border:1px solid #e6e6e6;border-top:none}
.license .ccl .cclDetail{margin-top:5px}

/* imgViewer(사진첩, 갤러리) */
/* 갤러리 */
.imgViewer{background-color:#989b9c;clear:both}
.imgViewer .imageView{position:relative;padding-top:55px;background:url(../../../../image/ko/solution/common/imgViewer/imgCollectionBg.jpg) no-repeat 100% 100%;text-align:center !important}
.imgViewer .imageView .viewImg{position:relative;height:400px;margin:0;overflow:hidden}
.imgViewer .imageView .viewImg img{position:absolute !important;top:0;left:0;border:none;outline:none;width:auto !important}
.imgViewer .imageView .imgTitle{margin:0;padding:20px 0;color:#fff;font-size:14px}

.imgViewer .imgList{padding:15px 0;background-color:#a7aaab;text-align:center;overflow:hidden}
.imgViewer .imgList li{display:inline-block;margin:0 2px;vertical-align:middle}
.imgViewer .imgList li.selected{border:3px solid #fff;}

.imgViewer .imgList li a{display:block;width:60px;height:60px;}
.imgViewer .imgList li.selected a{width:54px;height:54px}
.imgViewer .imgList li a img{width:60px !important;height:60px !important;border:none;margin:0;padding:0;outline:none;vertical-align:top}
.imgViewer .imgList li.selected a img{width:54px !important;height:54px !important;}
.imgViewer .imgList li span{display:none;}

.imgViewer .prev{position:absolute;top:39%;left:45px;width:34px;height:100px;background:url(../../../image/ko/solution/common/imgViewer/prev.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}
.imgViewer .next{position:absolute;top:39%;right:45px;width:34px;height:100px;background:url(../../../image/ko/solution/common/imgViewer/next.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}

.imgViewer .viewerBtns{position:absolute;top:25px;left:25px}
.imgViewer .viewerBtns a{float:left;height:16px;margin-left:20px}
.imgViewer .viewerBtns a:first-child{margin-left:0}
.imgViewer .download{width:17px;background:url(../../../image/ko/solution/common/imgViewer/download.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden}
.imgViewer .zoomIn{width:12px;background:url(../../../image/ko/solution/common/imgViewer/expansion.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}
.imgViewer .zoomOut{width:12px;background:url(../../../image/ko/solution/common/imgViewer/reduction.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}
.imgViewer .zoomClear{width:12px;background:url(../../../image/ko/solution/common/imgViewer/change.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}

/*만족도*/
.divSatisfactionLevel { border:1px solid #d4d4d4; border-radius: 15px; padding: 30px; margin-top: 30px; word-break: keep-all; }
.divSatisfactionLevel > .question { font-size:16px; color: #333333; margin-bottom: 15px; }
.divSatisfactionLevel p { display: flex; align-items: center; flex-wrap: wrap; row-gap: 10px; margin: 0; }
.divSatisfactionLevel p > label { display: flex; align-items: center; font-size:15px; color: #333333; margin: 0 20px 0 0; cursor: pointer; line-height: normal; }
.divSatisfactionLevel input[type="radio"] { appearance: none; border: 1px solid #a6a6a6; width: 14px; height: 14px; margin: 0 5px 0 0; border-radius: 50%; cursor: pointer; }
.divSatisfactionLevel input[type="radio"]:checked { background-color: #000000; border: 3px solid white; box-shadow: 0 0 0 2px #000000; width: 14px; height: 14px; }
.divSatisfactionLevel p > input { vertical-align: middle; }
.divSatisfactionLevel .comment { display: flex; align-items: center; column-gap: 10px; margin: 15px 0 17px 0; padding: 0; border: none; }
.divSatisfactionLevel .comment > label { display: block; width:100%; }
.divSatisfactionLevel .commentWrite { display:inline-block; width:100%; border: 1px solid #d4d4d4; padding: 12px 21px; font-size: 16px; color: #787878; border-radius: 10px; box-sizing: border-box; }
.divSatisfactionLevel .commentWrite::placeholder { font-size: 16px; color: #787878; }
.divSatisfactionLevel a.writeBtn { display:inline-block; padding:0 23px; font-size: 15px; line-height: 42px; text-align: center; color: #ffffff; background-color: #000000; white-space: nowrap; box-sizing: border-box; text-decoration: none; border-radius: 10px; border:1px solid #000; }
.divSatisfactionLevel > span.point { color: #ff6f6f; font-size:15px; }
.divSatisfactionLevelW { letter-spacing: -0.2px; margin-top:30px; }
.satisfactionHeader { display: flex; justify-content: space-between; align-items: center; margin-bottom: 19px; }
.satisfactionHeader .txtLeft { display: flex; align-items: center; column-gap: 28px; }
.satisfactionHeader .txtLeft > span { font-family: 'PretendardM', sans-serif; font-size: 18px; color:#333333; }
.satisfactionHeader .txtLeft .totalCount { font-size: 16px; color: #656565; margin:0; }
.satisfactionHeader .txtLeft .totalCount span { color: #000; }
.satisfactionHeader .pageCount { display:flex; align-items: flex-end; column-gap: 5px; color: #656565; font-size:16px; }
.satisfactionHeader .pageCount strong { font-weight:normal; }
.satisfactionHeader .pageCount .currentPage { color: #000000; font-family: 'PretendardM', sans-serif; font-style: normal; }
.satisfactionHeader .pageCount > a img { display: block; }
.divList table { width:100%; border: none; border-collapse: collapse; }
.divList table thead { border-top:1px solid #000; }
.divList table thead th { background:#f3f6f9; padding: 23px 20px; font-size:16px; color: #333333; }
.divList table th, .divList table td { border: none; }
.divList table tr { border-bottom:1px solid #c9c9c9; }
.divList table td { text-align: center; padding: 23px 15px; font-size:15px; color: #767575; }
.divList table td.insert_date { white-space: nowrap; }
.tableInfo { display:block; clear: both; }
.contentTitle { display:inline; font-size: 14px; font-weight: bold; color: #000; }
.contentDate { display:inline-block; float: right; }
.txtcnt { display: flex; align-items: center; column-gap: 15px; margin-bottom:5px;}
@media screen and (max-width: 768px) {
    .divSatisfactionLevel { padding: 30px 20px; }
    .divSatisfactionLevel .comment { flex-direction: column; row-gap: 6px; }
    .divSatisfactionLevel a.writeBtn { width:100%; }
    .satisfactionHeader { align-items: flex-end; }
    .satisfactionHeader .txtLeft { flex-direction: column; align-items: flex-start; row-gap: 15px; }
    .satisfactionHeader .txtLeft > span { font-size:16px; }
    .txtcnt { align-items: flex-start; row-gap: 15px; margin-bottom:5px; }
    .satisfactionHeader .txtLeft .totalCount { font-size:15px; }
    .satisfactionHeader .pageCount { font-size:15px; }
    .divList { width:100%; overflow-x: auto; }
    .divList table { min-width: 600px; }
    .divList table thead th { font-size:15px; }
    .divList table td { font-size:14px; }
}