/* 도서관 개요 스타일 */
.guide .intro > div {float:left;width:50%}
.guide .intro > div:first-child {float:left;width:50%}
.guide .intro > div:first-child img {width:100%;height:30vw;max-height:485px}
.guide .intro > div:last-child {background:#978859;padding:20px;height:30vw;max-height:485px;position:relative}
.guide .intro > div:last-child:after {content:'SUSEONG UNIVERSITY LIBRARY';display:block;position:absolute;right:30px;bottom:20px;font-size:2vw;font-weight:bold;color:rgba(0, 0, 0, 0.2)}
.guide .intro > div:last-child > div {background:#978859;border:2px solid #fff;padding:30px;height:100%}
.guide .intro > div:last-child > div p {font-size:2.4rem;color:#fff;line-height:1.6;word-break:keep-all}
.guide .intro > div:last-child > div p:first-child:first-letter {font-size:5.4rem;line-height:76px;color:#121212;padding:0 20px 0 0;float:left}

.guide div.LibHistory > div {position:relative;border-bottom:1px solid #e9e9e9}
.guide div.LibHistory > div:hover, .guide div.LibHistory > div:focus {background:#f5f5f5}
.guide div.LibHistory > div h4 {position:absolute;left:30px;font-size:1.8rem;color:#004552;font-weight:bold;letter-spacing:0}
.guide div.LibHistory > div ul {margin-left:80px;}
.guide div.LibHistory > div ul li {margin:5px 0;position:relative;text-indent:0}
.guide div.LibHistory > div ul li span.hMonth {position:absolute;top:0;left:0;display:block;width:50px;text-align:right;font-weight:bold;font-size:1.4rem;line-height:160%}
.guide div.LibHistory > div ul li span.hText {display:block;margin-left:100px;font-size:1.5rem;line-height:160%}
.cheongguTable {
width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px !important;
    margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.guide div.LibHistory > div h4 {top:16px;left:0}
.guide div.LibHistory > div ul {margin-left:40px;padding:10px 0}
.guide div.LibHistory > div ul li {margin:10px 0}
.guide div.LibHistory > div ul li span.hText {margin-left:40px}
}


.guide .lib-intro {font-size:2.2rem}
.guide p.describe.lib-intro {font-weight:normal;border:none;border-top:1px solid #978859;margin-top:32px}
.guide p.describe.lib-intro:first-letter {color:#978859;font-size:3.2rem;font-weight:bold}
@media(max-width:1400px) {
.guide .intro > div:last-child > div {padding:10px}
.guide .intro > div:last-child > div p {font-size:1.5vw}
.guide .intro > div:last-child > div p:first-child:first-letter {font-size:3.3vw;line-height:4.8vw}
}
@media(max-width:1000px) {
.guide .intro > div:last-child > div p {font-size:1.5vw}
.guide .intro > div:last-child > div p:first-child:first-letter {font-size:3.3vw;line-height:4.8vw}
}
@media(max-width:767px) {
.guide .intro > div:first-child {width:100%}
.guide .intro > div:last-child {width:100%;height:auto}
.guide .intro > div:last-child > div {padding:0 20px 20px 20px}
.guide .intro > div:last-child > div p {font-size:1.4rem}
.guide .intro > div:last-child > div p:first-child:first-letter {font-size:2.8rem;line-height:4.4rem}
}

.guide .LibExplan {padding:20px;border:1px solid #6bb1c8;margin:20px 0;color:#121212;font-size:2rem;position:relative;}
.guide .LibExplan:before {content:'';display:block;position:absolute;top:0;right:0;width:38px;height:39px;border:10px solid #006db2;border-left:none;border-bottom:none;}
.guide .LibExplan p {font-size:1.8rem;}
.guide .LibExplan p br {display:none;}
.guide .LibExplan .FisrtLine {font-size:2.4rem;font-weight:700;}
.guide .par-div {margin-top:40px;margin-bottom:40px;border-top:1px dashed #ccc;}

.guide .outline1:before {font-family: 'Glyphicons Halflings';content: "\e292";color: #2458a3 !important;width: 18px;height: auto;left: 0;vertical-align: bottom;padding-right: 1%;}

/* 도서관 안내 스타일 */
.guide {padding:0 0 24px 0;font-size:1.6rem}
.guide h4 {font-size:0.9em;}
.guide span .btn-default {font-size:0.8em;}
.guide h2 {text-align:center;padding:40px 0px;}
.ruleRight{text-align:right;padding:20px 0px;}

/* 컨텐츠 타이틀*/
.guide h6 {font-size:2.5rem;color:#333;line-height:1;padding:20px 0 0 0;margin-bottom:16px;font-weight:normal;font-weight:bold;position:relative;}
.guide h6:after {content:'';display:block;position:absolute;top:0;left:0;width:24px;height:3px;background:#006db2;}
.guide > h6:first-child {margin-top:10px;}
.c-tit02 {position:relative;font-size:21px;font-weight:normal;color:#000;padding:0 0 0 15px;line-height:1.3;margin:0 0 15px 0;}
.c-tit03 {position:relative;font-size:19px;color:#0494a2;padding:0 0 0 15px;line-height:1;margin-bottom:10px;}
/*
.guide h6:before {content:"";display:block;position:absolute;width:8px;height:20px;background-color:#0086a0;background: linear-gradient(#cd94eb,#281630);margin-left:-25px;margin-bottom:10px;}
.guide h6:before {content:"";display:block;position:absolute;width:8px;height:8px;background-color:#05427e;transform:skew(-30deg);left:2px;bottom:28px;}
.guide h6:after {content:"";display:block;position:absolute;width:8px;height:6px;background-color:#884cd0;transform:skew(-30deg);left:6px;bottom:36px;}
*/
.guide h6 + dl.koje > dt:first-child {margin-top:0;}

.c-tit02:before {position:absolute;margin-top:2px;top:3px;left:0;content:"";display:block;width:4px;height:16px;background-color:#0086a0;background:linear-gradient(#0cb3a6,#0086a0);}
.c-tit03:before {position:absolute;top:4px;left:0;content:"";display:block;width:6px;height:6px;background-color:#0086a0;background:linear-gradient(#0cb3a6,#0086a0);border-radius:50%;}
@media all and (max-width:899px){
	.guide h6 {font-size:27px}
	.c-tit02 {font-size:18px}
	.c-tit03 {font-size:17px}
}
@media all and (max-width:699px){
	.guide h6 {font-size:24px}
}
@media all and (max-width:599px){
	.guide h6 {font-size:20px;margin-bottom:20px}
	/*.guide h6:before {width:6px;height:13px;margin-bottom:8px;margin-left:7px}*/
	.c-tit02 {font-size:17px;margin-bottom:13px}
	.c-tit03 {font-size:15px}
	.c-tit03:before {width:4px;height:4px;}
}
@media all and (max-width:399px){
	.guide h6 {font-size:17px;margin-bottom:12px}
	.c-tit02 {font-size:15px;margin-bottom:10px}
	.c-tit02:before {top:-1px;height:14px;}
	.c-tit03 {font-size:14px}
}


.guide h3 {padding:36px 0 24px 36px;position:relative;font-size:2.6rem;line-height:1;font-weight:bold;color: #004552;}
.guide h3:after {content:'';display:block;width:10px;height:20px;border: 5px solid #004552;position:absolute;top:calc(50% - 4px);left:0;}
.guide h3:not(:first-child) {margin-top:30px}

.guide dl.koje > dt {position:relative;padding-left:24px;font-size:1.8rem;margin-top:30px;color:#121212;font-weight:bold;} 
.guide dl.koje > dt:first-child {margin-top:24px;}
.guide dl.koje > dt + dt {margin-top:10px;} 
/*
.guide dl.koje > dt:before {content:'';display:block;position:absolute;top:calc(50% - 6px);left:4px;width:8px;height:8px;background: rgb(218 184 237 / 50%);}
.guide dl.koje > dt:after {content:'';display:block;position:absolute;top:calc(50% - 2px);left:0;width:8px;height:8px;background: rgb(74 6 112 / 50%);}
.guide dl.koje > dt:before {content:'';display:block;position:absolute;left:0;bottom:6px;width:16px;height:16px;border:5px solid #05427e;}
.guide dl.koje > dt:after {content:'';display:block;position:absolute;left:8px;bottom:14px;width:8px;height:8px;border-top:5px solid #158fd7;border-right:5px solid #158fd7}
*/

.guide dl.koje > dt {margin-top:30px;margin-bottom:10px;}

.guide ul.koje {list-style:disc;padding:0;}
.guide ul.koje.pl-24 {padding-left:24px}
.guide ul.koje.pl-36 {padding-left:36px}
.guide ul.koje.pl-48 {padding-left:48px}
.guide ul.koje > li {font-size:1.8rem;color:#636363;padding-left:20px;position:relative;list-style:none;text-indent:0;line-height:25px;margin-bottom:1.6rem}
.guide ul.koje > li:before {content:'';position:absolute;left:10px;top:12px;width:4px;height:4px;background-color:#05367b;border-radius:50%;overflow:hidden;}
.guide ul.koje > li > span {font-weight:500;color:#222}
.guide ul.koje > li > ul > li {display:list-item;width:100%;margin-top:4px;font-size:1.6rem;color:#666;position:relative}
.guide ul.koje > li > ul > li:before {position:absolute;display:block;content:"";height:3px;width:7px;top:11px;left:0;z-index:0;background-color:#999}

.guide .room-group {display:inline-block;padding-left:40px;text-align:center}
.guide .room-img {margin-left:40px;}
@media (max-width: 767px) {
.guide .room-group {display:block;padding-left:0}
}


.guide ul.koje li h6 {
    font-size: 2.0rem;
    padding:36px 0 0px 15px;
}
.guide ul.koje li h6:after{
    content:none;
}

/* 소개 */
.guide .bg_back1 {padding:14px;position:relative;z-index:10;margin:20px 0 30px 0;font-size:2rem;line-height:1.6}
.guide .bg_back1:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#e32333;background: repeating-linear-gradient(45deg, #005f70, #014d5a 20px, #004552 0, #00272e 40px);opacity:0.5;z-index:-2;}
.guide .bg_back1:after {content:'';display:block;position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:#fff;z-index:-1}
/*
.guide .bg_back1 > ul > li, .guide .bg_back1 > p {padding:3px 0 3px 13px;position:relative;line-height:1.4}
.guide .bg_back1 > ul > li:before,  .guide .bg_back1 > p:before {content:'';display:block;position:absolute;width:7px;height:2px;background:#cc1717;left:0;top:14px}
.guide .bg_back1 > p.noPseudo:before {display:none}
.guide .bg_back1 > strong {display:block}
.guide .bg_back1 > strong:not(:first-child) {margin-top:10px}
.guide .bg_back1 > ul > li + li {margin-top:10px}
.guide .bg_back1 .decimal {padding-left:20px}
    */
.guide .bg_btn1 {background:#f1f1f1;padding:19px 30px 20px;text-align:center}
.guide .bg_btn1 a {color:#fff;background:#0cb3a6;background:linear-gradient(#0cb3a6,#0086a0);padding:8px 20px 10px 20px;transition:all 0.3s ease-out;}
.guide .bg_btn1 a:hover, .guide .bg_btn1 a:focus {background:#004552;transition:all 0.5s ease-out;}
.guide .bg_btn1 a span {margin-left:10px;top:2px}
.guide .bg_btn2 {background:#f1f1f1;padding:19px 30px 20px;text-align:center;margin-top:20px}
.guide .bg_btn2 a {color:#30347d;font-weight:bold}
.guide .btn-download {color:#cc1717;margin-left:10px}

.guide .btn-manual {float:right;margin-right:20px;background-color:#faab39;padding:10px;color:#fff;font-size:14px;font-weight:bold}
.loan_des {display:block;font-size:1.6rem;margin-bottom:24px;margin-top:10px}
.btn_loan {margin-left:auto;margin-right:auto;display:inline-block;max-width:100%;margin-bottom:10px}
.btn_loan:nth-child(odd) {margin-left:10px}
.btn_loan_down {display:inline-block;border:1px solid #ddd;padding:10px 20px;margin-top:10px;background:#eee8d6}
.guide a.btn_loan_down {color:#121212;}
.btn_loan img {border:2px solid #ddd;transition:all 0.3s ease-out;}
.btn_loan:hover img, .btn_loan:focus img {border:2px solid #978859;transition:all 0.3s ease-out;}

.guide .enquiry {padding-left:36px}
.guide a[href^="mail"]:hover, .guide a[href^="mail"]:focus {color:#375fc0}
.guide p {font-size:1.8rem;padding-left: 5px;}
.guide p + p {margin-top:10px;}
.guide p.describe {padding:20px;border:1px solid #cacaca;/* font-weight:bold; */margin-bottom:20px}

.guideLink {border:1px solid #ddd;padding:4px 8px;border-radius:8px;margin-right:16px;display:block}
.guide-img {width:100%;height:auto}
.guide-service-img {width:200px;height:auto; padding:5px;}
.guide-imgS {margin-left:auto;margin-right:auto;display:block;max-width:100%}
.guide dd > span {display:block;margin:0 4px 0 4px}
.guide .explanation {display:block;font-size:1.4rem;margin-left:29px;line-height:2.6rem;letter-spacing:-0.5px;margin-top:14px;word-break:keep-all;margin-bottom:14px}
.guide dd span.glyphicon {display:inline;color:#337ab7}
.guide a {color:#337ab7}
.guide dd.borderRound {border:1px solid #ddd;border-radius:8px;padding-right:32px;margin-top:14px;padding:8px 0}
.guide table > tbody > tr > th {vertical-align:middle}
.guide .indent {padding-left:32px}
.guide .marker {color:#e32333}
.guide .highlight {display:block;text-align:left;font-weight:bold;padding:6px 12px;margin:6px 0;background-color:#eee8d6}
.guide .highlight2 {display:block;text-align:left;font-weight:bold;padding:4px 8px;margin:6px 0;background-color:#eee8d6;border-left:5px solid #eee8d6}
.guide .highlight2 a {display:block}
.guide .highlight2 a:hover, .guide .highlight2 a:focus {color:#a4b744}
.guide dd p.highlight2 a:hover span.glyphicon, .guide dd p.highlight2 a:focus span.glyphicon {color:#a4b744}
.guide .highlight3 {display:block;text-align:left;font-weight:bold;padding:4px 8px;margin:6px 0;background-color:#eee8d6;border-left:5px solid #eee8d6}
.guide .highlight4 {display:block;text-align:left;font-weight:bold;padding:4px 8px;margin:6px 0;background-color:#eee8d6;border-left:5px solid #eee8d6}
.guide .highlight4 a {display:block}
.guide .highlight4 a:hover, .guide .highlight4 a:focus {color:#a4b744}
.guide dd p.highlight4 a:hover span.glyphicon, .guide dd p.highlight4 a:focus span.glyphicon {color:#a4b744}
.guide .highlight5 {display:block;text-align:center;font-weight:bold;padding:6px 12px;background-color:#eee8d6}
.guide .lineHeight2x {line-height:2.2rem}
.guide .centerTable {width:200px;margin-left:auto;margin-right:auto}
.guide .centerTable table td {border:1px solid #ddd}
.guide .anchor {padding:8px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.guide .anchorAdd {padding:8px 0;border-bottom:1px solid #ddd}
.guide .anchorBtn {float:right;margin-right:16px}
.guide .high-text {font-weight:bold;background:#006db2;color:#fff;padding:4px 20px;}


.guide table {border-right:1px solid #d9d9d9}
.guide table th, .guide table > tbody > tr > td {text-align:center;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;vertical-align:middle}
.guide table > tbody.va-t > tr > td {vertical-align:top}

.guideadmin table {border-top:2px solid #978859;border-bottom:1px solid #8aacd7;border-right:1px solid #d9d9d9}
.guideadmin table th, .guideadmin table > tbody > tr > td {text-align:center;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;vertical-align:middle}
.guideadmin table > tbody.va-t > tr > td {vertical-align:top}


.copykillertbl table {border-top:0px !important;border-bottom:0px !important;border-right:0px !important;width:100%; font-size:1.8rem}
.copykillertbl table th, .copykillertbl table > tbody > tr > td {text-align:center;border-top:0px solid #d9d9d9;border-left:0px solid #d9d9d9;vertical-align:middle}
.copykillertbl table > tbody.va-t > tr > td {vertical-align:top}
.copytd{border:1px solid #ddd !important;padding:30px}

/* 들여쓰기 개요 */
.guide .outline1 {margin-top:32px;position:relative;padding-left:30px;font-size:1.6rem}
.guide .outline1:before {font-family:'Glyphicons Halflings';content:"\e292";color:#00ab4e;width:18px;height:auto;position:absolute;top:1px;left:0}
.guide .outline2 {font-size:1.6rem;margin-left:46px;line-height:2.6rem;letter-spacing:-0.5px;margin-top:22px;position:relative;padding-left:24px}
.guide .outline2:before {font-family:'Glyphicons Halflings';content:"\e282";color:#137d96;width:12px;height:auto;position:absolute;top:3px;left:0}
.guide .substance0 {font-size:1.4rem;padding-left:18px;line-height:2.6rem;letter-spacing:-0.5px;margin-top:12px;word-break:keep-all;display:block}
.guide .substance0 + .substance0 {margin-top:0}
.guide .substance1 {font-size:1.4rem;margin-left:46px;line-height:2.6rem;letter-spacing:-0.5px;margin-top:14px;word-break:keep-all;margin-bottom:14px}
.guide .substance2 {font-size:1.4rem;padding-left:74px;line-height:2.6rem;letter-spacing:-0.5px;margin-top:12px;word-break:keep-all;display:block}
.guide .substance3 {font-size:1.4rem;padding-left:32px;line-height:2.6rem;letter-spacing:-0.5px;margin-top:12px;word-break:keep-all;display:block}
.guide .substance3 + .substance3 {margin-top:0}

/* 다운로드 버튼 */
.guide .down-btn {border:1px solid #cdcdcd;padding:6px 12px 6px 6px;position:relative;border-radius:2px;color:#666;display:inline-block;margin-top:6px;font-weight:bold}
.guide .down-btn > span {margin:2px 0 0 8px}
.guide .down-btn:hover, .guide .down-btn:focus {border-color:#009b64}
.guide .anchor-btn {border:1px solid #cdcdcd;padding:6px 12px 6px 6px;position:relative;border-radius:2px;color:#666;display:inline-block;margin-top:6px;font-weight:bold}
.guide .anchor-btn > span {margin:2px 0 0 8px}
.guide .anchor-btn:hover, .guide .down-btn:focus {border-color:#009b64}

/* 들여쓰기 */
.guide dl.type1 > dd {padding-left:20px}
.guide dl.type1 > dt + dd {margin-top:10px}
.guide dl.type1 > dd + dd {margin-top:16px}
.guide dl.type1 > dd {padding-left:20px}
.guide dd > p {padding-left:30px}
.guide dd > p:first-child {margin-top:6px}
.guide dd > p a {text-indent:0}
.guide dd > ul > li > strong:first-child {margin-top:24px}
.guide ul > li {padding-left:30px;text-indent:-12px}

/* 리스트 */
.guide dd .list-tit {display:inline-block;text-indent:0;padding:6px;border:1px solid #ddd}
.guide dd > ol:first-child, .guide dd > ul:first-child {margin-top:0;}
.guide dd > ol > li {padding-left:30px;text-indent:-12px}
.guide dd > ol.decimal {padding-left:44px}
.guide dd > ol.decimal.pl-24 {padding-left:24px}
.guide dd > ol.decimal li {padding-left:14px;text-indent:-12px}
.guide ol.decimal > li {list-style-type:decimal;line-height:28px}
.guide ol.decimal > li + li {margin-top:8px}
.guide ol.circle > li {line-height:2.2rem;padding:3px 0 3px 8px;position:relative}
.guide ol.circle > li:before {content:'';display:block;width:3px;height:3px;position:absolute;background-color:#717171;top:13px;left:0}
.guide ol.circle > li + li {margin-top:16px}
.guide ul.explanation {margin-left:0}
.guide ul li {position:relative;font-size:1.4rem}
.guide ol.listStyleNone > li {list-style:none}
.guide ol.listStyleNone > li {line-height:2.2rem;padding:3px 0 3px 8px;position:relative}
.guide ol.listStyleNone > li:before {content:'';display:block;width:3px;height:3px;position:absolute;background-color:#717171;top:13px;left:0}
.guide ol.listStyleNone > li.bulletNone {padding:3px 0}
.guide ol.listStyleNone > li.bulletNone:before {display:none}
.guide ul.listStyleNone > li {list-style:none}
.guide ul.listStyleNone > li {line-height:2.2rem;padding:3px 0 3px 8px;position:relative}
.guide ul.listStyleNone > li:before {content:'';display:block;width:3px;height:3px;position:absolute;background-color:#717171;top:13px;left:0}
.guide ul.listStyleNone > li.bulletNone {padding:3px 0}
.guide ul.listStyleNone > li.bulletNone:before {display:none}
.guide dd.listStyleNone {background:none!important}
.guide .listTit {display:block}


.guide dl#accordion {position:relative}
.guide dd.panel-default {position:absolute}

.guide .panel-group {margin-bottom:0}
.guide .panel-group + .panel-group {border-top:1px solid #ddd}
.guide .panel-heading a.collapsed .glyphicon-menu-up:before {content:"\e259"}
.guide .panel-collapse {background-color:#fafafa}
.guide table {margin-top:0;text-align: left;border-bottom:1px solid #ddd;border-top:2px solid #121212;}
.guide table li{ list-style: none; font-size:1.5rem;text-indent:0;}
.guide table a {/* text-decoration:underline; *//* list-style: none; */}
.guide table td.text-left {text-align:left!important;}
.guide table th:first-child {text-align:center;background-color:#fafafa}
.guide table thead th {border-color:#fff;border-bottom:none;border-top:none}
.guide table thead th:last-child {border-right: 1px solid #ffffff;}
.guide table td[rowspan] {vertical-align:middle;border-left:1px solid #ddd;border-right:1px solid #ddd}
.guide .table-c > thead > tr > th {text-align:center;border-color:#173d96}
.guide .table > thead > tr > th {background-color:#f7f7f7;color:#333;padding:20px;border-left:1px solid #ccc;border-right:1px solid #ccc;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.guide .table > thead > tr + tr > th {border-top:1px solid #d9d9d9;background:#f7fbfa;}
.guide .table > thead > tr > th br {display:none;}
.guide .table > tbody + tbody {border-color:#b8e2f6}
.guide .table > tbody > tr > th:first-child {background:#f7fbfa;}
.guide .table > tbody > tr > th[scope]:first-child {background:#f7fbfa;}
.guide .table > tbody > tr > th, .guide .table > tbody > tr > td {padding:40px 20px;word-wrap:break-word;line-height:1.3;word-break:keep-all;font-size:1.4rem;}
.guide .faq .table > tbody > tr > th, .guide .table > tbody > tr > td {padding:8px 4px;word-wrap:break-word;line-height:1.3;word-break:keep-all;font-size:1.4rem;text-align: left;}
.guide .table > tfoot > tr > th, .guide .table > tfoot > tr > td {padding:21px 8px 18px 8px;word-wrap:break-word;line-height:1.3;word-break:keep-all;}

.indb-table thead th:first-child {width:20%;}
.indb-table thead th:nth-child(2) {width:65%;}
.outdb-table thead th:first-child {width:20%;}
.outdb-table thead th:nth-child(2) {width:65%;}

.guideadmin table {margin-top:20px;text-align:center;border-bottom:1px solid #ddd;width:100%;}
.guideadmin table th {text-align:center;background-color:#fafafa}
.guideadmin table thead th {border-color:#978859}
.guideadmin table thead th:last-child {border-right:1px solid #978859}
.guideadmin table td[rowspan] {vertical-align:middle;border-left:1px solid #ddd;border-right:1px solid #ddd}
.guideadmin .table-c > thead > tr > th {text-align:center;border-color:#173d96}
.guideadmin .table > thead > tr:first-child > th {border-top:2px solid #978859;border-bottom:1px solid #978859;background-color:#eee8d6;color:#121212}
.guideadmin .table > tbody + tbody {border-color:#b8e2f6}
.guideadmin .table > tfoot > tr > th, .guideadmin .table > tfoot > tr > td {border-color:#f36d6c;background-color:#f1f8fb}
.guideadmin button {background-color: #938557;border: 1px solid #48473B;border-radius:8px;padding:4px;color:#fff;font-weight:bold;}


.guide .pic-text {border:1px solid #ddd;margin-top:32px}
.guide .pic-text + .pic-text {border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:none;margin-top:0}
.guide .pic-text.borderF {border-radius:8px 8px 0 0}
.guide .pic-text.borderL {border-radius:0 0 8px 8px}
.guide .pic-text > div:first-child {padding:32px 16px}
.guide .pic-text > div:last-child {padding:32px 16px}
.guide .pic-text > div:last-child p {padding-left:16px}
.guide .th-bg th {border-top:2px solid #3173cd!important}
.guide .eduVideo {width:100%;height:auto}
.guide .typeVideo .panel-body {text-align:center}
.guide .typeVideo button {background-color:#61192f;border:1px solid #441121;border-radius:8px;padding:4px;color:#fff;font-weight:bold}

@media (max-width: 991px){
.cont-container {padding-left:10px;padding-right:10px}
.useProcess span {padding:3px 7px}
.guide .substance0 {padding-left:9px;padding-right:9px}
}

@media (max-width: 767px){
.mID:before, .mID:after, .mID ol:before {display:none}
.useProcess {float:none;width:100%;padding:12px 16px}
.useProcess span {width:100%;display:block;height:40px;padding:10px}
.useProcess span:after {border-bottom:none;border-right:30px solid transparent;border-left:30px solid transparent;border-top:15px solid transparent;top:inherit;bottom:-20px;left:50%;margin-left:-30px}
.useProcess:first-child span:after  {border-left-color:transparent;border-top-color:#e8e5e3}
.useProcess:nth-child(2) span:after {border-left-color:transparent;border-top-color:#d0c0b3}
.useProcess:nth-child(3) span:after {border-left-color:transparent;border-top-color:#bf0d27}
.useProcess:nth-child(4) span:after {border-left-color:transparent;border-top-color:#3161af}
.useProcess:last-child span:after   {border:none}

.guide .table > tbody > tr > th, .guide .table > tbody > tr > td {word-break:break-all;}
.guide .table > tfoot > tr > th, .guide .table > tfoot > tr > td {word-break:break-all;}
.guide-img {max-width:100%;margin-left:auto;margin-right:auto;display:block;width:auto}
.pic-text {border-radius:8px 8px 0 0}
.pic-text + .pic-text {border-radius:0}
.outline1 .pic-text:last-child {border-radius:0 0 8px 8px}
.pic-text > div:first-child {padding-bottom:0;padding-top:16px}
.pic-text > div:last-child {padding-top:8px;padding-bottom:16px}
.pic-text > div:last-child {padding-top:8px;padding-bottom:16px}
.guide {padding:0 0 24px 0}
.guide .outline1:before {top:1px}
.guide .outline2:before {top:1px}
.guide .outline2 {margin-left:8px}
.guide .substance2 {margin-left:8px;padding-left:0}
}


.guide .tapWrap {margin-top:40px}
.guide .tap {float:left}
.guide .tap button {background:none;padding:7px 8px;border:1px solid #ddd;margin:0 -1px -1px 0}
.guide .tap.active button {background:#1A6FD3;border-color:#3173dc;color:#fff;letter-spacing:-1px}

.guide section.active {display:block}
.guide section strong {background:url(../images/Sub/bu_blue.gif) 0 center no-repeat;padding:4px 16px 0 10px;font-size:2.2rem;display:inline-block;margin-top:30px;line-height:24px;padding-bottom:3px;color:#313131;border-bottom:3px solid #005baa}
.guide section strong + p {padding:8px 0 0 12px;color:#666;font-size:1.6rem;color:#3173dc}
.guide section dl {padding-left:20px}
.guide section dl dt {font-size:1.6rem;line-height:18px;margin-top:24px;margin-bottom:10px;color:#5994c8}
.guide section dl dd {background:url(../images/Sub/bu_gray.gif) 0 9px no-repeat;font-size:1.4rem;line-height:22px;margin-left:10px}
.guide section dd > ol:first-child > li {padding-left:12px}

/* Faq */
.guide .faq {word-break:break-all;margin-top:35px}
.guide .faq dt {background:#fafafa;border:1px solid #e5e5e5;border-top:none;position:relative;}
.guide .faq dt:first-child {border-top:2px solid #006db2;}
.guide .faq dt button {width:100%;display:block;padding:19px 80px 19px 100px;color:#636363;font-size:1.6rem;color:#454545;position:relative;font-weight:bold;background:none;text-align:left;}
.guide .faq dt:before {content:"Q";display:inline-block;position:absolute;left:36px;top:19px;font-weight:bold}
.guide .faq dt:after {content:"";display:block;width:1px;height:100%;background-color:#e5e5e5;position:absolute;left:79px;top:0}
.guide .faq dt button:before {content:"";display:block;width:1px;height:100%;background-color:#e5e5e5;position:absolute;right:79px;top:0}
.guide .faq dt button:after {font-family:'Glyphicons Halflings';content:'\002b';position:absolute;display:block;top:50%;right:30px;font-size:2rem;margin-top:-16px;color:#b7b7b7} 
.guide .faq dt.active button:after {font-family:'Glyphicons Halflings';content:'\2212';position:absolute;display:block;top:50%;right:30px;font-size:2rem;margin-top:-16px;color:#b7b7b7}
.guide .faq dd {border:1px solid #e5e5e5;border-top:none;line-height:18px;font-size:1.4rem;color:#454545;position:relative;display:none;}
.guide .faq .active + dd {display:block;}
.guide .faq dd:before {content:"A";display:inline-block;position:absolute;left:36px;top:50%;margin-top:-9px;font-weight:bold}
.guide .faq dd:after {content:"";display:block;width:1px;height:100%;background-color:#e5e5e5;position:absolute; left:79px; top:0}
.guide .faq dd div {padding: 26px 30px 26px 100px;color:#6b6b6b;position:relative}


/* #region 탭 style */
.subpage-tab {margin-top:28px;border: 1px solid #004552;margin-bottom:16px;}
.subpage-tab ul {width:100%;display:table;table-layout:fixed;}
.subpage-tab2 {margin-top:28px;border: 1px solid #004552;margin-bottom:16px;}
.subpage-tab > ul > li {display:table-cell;padding:0;}
.subpage-tab > ul > li + li,
.subpage-tab2 > ul > li + li {border-left:1px solid #004552}
.subpage-tab > ul > li a,
.subpage-tab2 > ul > li a  {display:block;line-height:70px;text-align:center;font-size:1.8rem;color: #004552;transition:all 0.2s ease-out;}
.subpage-tab > ul > li.active a, .subpage-tab > ul > li.active a:hover, .subpage-tab > ul > li.active a:focus,
.subpage-tab2 > ul > li.active a, .subpage-tab2 > ul > li.active a:hover, .subpage-tab2 > ul > li.active a:focus {color:#fff;background:linear-gradient(#0cb3a6,#0086a0);font-weight:bold;}
.subpage-tab > ul > li a:hover, .subpage-tab > ul > li a:focus, .subpage-tab2 > ul > li a:hover, .subpage-tab2 > ul > li a:focus {color:#333;background:#f6f6f6;transition:all 0.4s ease-out;}
.tab-page,
.tab-page2 {display:none}
.tab-page.active,
.tab-page2.active {display:block}

@media (max-width: 767px) {
.subpage-tab > ul > li + li {border-left:none;}
.subpage-tab > ul > li a, .subpage-tab2 > ul > li a {line-height:30px;font-size:1.6rem}
.guide ul.koje {padding-left:10px}
}

/* 학과도서 /  HC특성화자료 리스트 */
#serialBox {padding:48px;background:#f1f3f5}
#serialBox dl dt {margin-left:0;width:40px;height:40px;background:#978859;text-align:center;line-height:40px;color:#fff}
#serialBox dl dd {margin-left:0;height:40px;background:#eee8d6}
#serialBox dl dt:not(:first-child) {margin-top:20px}
#serialBox dl dd:not(:nth-child(2)) {margin-top:20px}

#korSerial, #korSerial2, #korSerial3 {margin: 0 auto;padding:5px 0}
#korSerial dd, #korSerial2 dd, #korSerial3 dd {padding-left:50px}
#korSerial dd a, #korSerial2 dd a, #korSerial3 dd a {height:40px;line-height:40px;font-size:1.7rem;color:#121212;padding:0 5px;margin:0 5px;border-bottom:1px dashed #978859}
#korSerial dd a:hover, #korSerial2 dd a:hover, #korSerial3 dd a:hover, #korSerial dd a:focus, #korSerial2 dd a:focus, #korSerial3 dd a:focus {color:#e32333;border-color:#e32333}
@media (max-width: 767px) {
#serialBox {padding:10px}
#serialBox dl dt {height:60px;line-height:60px;float:left}
#serialBox dl dd {height:60px}
#korSerial dd a, #korSerial2 dd a, #korSerial3 dd a {font-size:1.2rem;line-height:30px;word-break:keep-all}
}


/* 북프로파일 디자인 */
#favorLoscode .owl-prev button,
#favorNewbook .owl-prev button,
#favorAuth .owl-prev button,
#favorDVD .owl-prev button,
#favorBookmaster .owl-prev button{
    width: 44px;
    height: 80px;
    background: url(/Cheetah/Areas/koje/Content/images/Main/prev.png) 0 0 no-repeat;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    transition: all 0.5s ease-out;
}
#favorLoscode .owl-next button,
#favorNewbook .owl-next button,
#favorAuth .owl-next button,
#favorDVD .owl-next button,
#favorBookmaster .owl-next button {
    width: 44px;
    height: 80px;
    background: url(/Cheetah/Areas/koje/Content/images/Main/next.png) 0 0 no-repeat;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    transition: all 0.5s ease-out;
}

/*포인트몰*/
/*포인트몰 안내*/
button.pointmallGuide{
    padding: 7px;
    width: 150px;
    text-align: left;
    font-weight:bold;
    margin-left: 10px;
}
button.btn-danger.pointmallGuide{
    color:white!important;
}
button.btn-danger.pointmallGuide:hover{
    background-color:#973633!important;
}
button.btn-warning.pointmallGuide{
    color:black!important;
}
button.btn-warning.pointmallGuide:hover{
    background-color:#c89245!important;
}
.pointmallGuide span{
    float:left;
}
.pointmallGuide span.buttonTitle{
    margin-top: 0.1em;
    margin-left: 0.4em;
}
/*포인트몰 상품 리스트*/
.pointmallProductImage{
    width:60px;
    height:80px;
    transition: all 0.3s ease-out;
}
.pointmallProductImage img {top: 0px;left:0;width:60px;height:80px}
.pointmallProductImage:hover img{
    z-index: 100;
    transition: all 0.3s ease-out;
    position: absolute;
    width: 120px;
    top: -40px;
    left: -30px;
    height: 160px;
    border:1px solid black;
}
@media(max-width:767px){
    .pointmallProductImage{
        width:60px;
        height:80px;
    }
    .pointmallProductImage img {
        width:60px;
        height:80px;
    }
    .pointmallProductImage:hover img{
       top:0px!important;
       transition:none;
       position:unset;
    }
}

/* 책배달서비스, 비치도서서비스 */
.delivery { width:98%; margin:0 auto; }
.delivery h3 { text-align:center; margin:20px 0; font-size: 22px; font-weight: bold; font-family: initial; }
.delivery table th { text-align:center; vertical-align:middle !important; background-color:#e8f6ff; }
.delivery table td { text-align:center; vertical-align:middle !important; }
.tempdate { letter-spacing: 20px; font-size: 16px; font-weight: bold; font-family: initial; }
.pfont { font-size: 19px; font-weight: bold; font-family: initial; }
.dfont { font-size: 16px; font-weight: bold; font-family: initial; }
.sign { margin-left:200px; }
.excelDayBtn{font-weight:bold;color:black;border:2px solid #337ab7;background-color:white;padding:3px;border-radius:4px;margin-left:1%;}
.excelDayBtn:hover{font-weight:bold;color:white;border:2px solid lightgray;background-color:#337ab7;padding:3px;border-radius:4px;margin-left:1%;transition:0.2s;}
.postlentBtnDiv a{font-weight:bold;}
@media (min-width: 1200px){.col-lg-4{width:16% !important;}}
@media (max-width: 1200px){.col-lg-4{width:16% !important;}}
@media (max-width: 1100px){.col-lg-4{width:20% !important;}}
@media (max-width: 1000px){.col-lg-4{width:25% !important;}}
@media (max-width: 850px){.col-lg-4{width:30% !important;}}
@media (max-width: 767px){.excelDayBtn{margin-top:17px;}}
@media (max-width: 630px){.col-lg-4{width:54% !important;margin:3% 0% !important;} .excelDayBtn{margin-top:30px;height:60px;margin-left:4%;width:40%;font-size:18px;} .excelDayBtn:hover{margin-left:4%;}}

.furnish_warning { text-align:left; margin-left:30px; font-size:13px; }
.furnish_warning h4 { font-size:15px; }
.furnish_warning ol { margin:5px 0; padding:0; }
.furnish_warning ol li { padding:3px 0; margin:0; }
.tooltip { position: absolute; background-color: #e8f6ff; padding: 5px; color: #000; width: 115px; top:40px; left:-30px; z-index:1; display:none; } 

/*학과별 주제가이드*/
.dpClassMainDiv{overflow:auto;}
.dpChoiceTitle {font-size: 2.5rem;
    color: #333;
    line-height: 1;
    padding: 20px 0 0 0;
    margin-bottom: 16px;
    font-weight: normal;
    font-weight: bold;
    position: relative;}
.dpChoiceTitle:before { content:'';display:block;position:absolute;top:0;left:0;width:24px;height:3px;background:#006db2;}
.testSub{font-size: 1.2em;color:white;padding:2% 0;}
.colsEmptyDiv{width:100%;height:1em;float:left;}
.subContainerDiv{display:none;z-index:5;}
.helper-tit{width: calc(100% / 4);float:left;text-align:center;padding:1%;}
.testMain:hover{cursor:pointer;}
.testMain:hover .testMain p{background-color:aliceblue;z-index:-2;}
.testMain p{font-size: 1.4em;font-weight:bold;border: 3px solid #24bcec;border-radius:0.2em;line-height:3em;height:3em;}
/*.testMain{border-top: 1px solid black;margin: auto;padding: 30px 10px;background: #802438;color: white;}*/
.testDisplay .subContainerDiv{display:block;position:absolute;width: 22%;}
.testDisplay .helper-major{color:#004552;background-color:aliceblue;}
.subContainerDiv .testSub{display:block;background-color: #24bcec;opacity:0.95;z-index:2;}
.subContainerDiv .testSub:hover{border:1px solid #0391a2;font-weight:bold;}
.emptyDpCodeDiv{width:100%;text-align:center;font-size:2em;font-weight:bold;}

.dpMainPartial, .dpClassMainDiv{ border-radius:0.4em;padding:1%;margin-top:2%;}
.keywordDiv {border:1px solid #ddd;margin:30px 10px;border-radius:0.2em;padding: 1%;}
.keySubDiv{font-size:1.4em;font-weight:bold;}
.ketSubContentDiv{font-size:1.1em;margin-top:1%;}
.keySubDiv:after{content: '';display: block;width:100%;height: 1px;background: #30347d;}
.subOpacity{opacity:0.8 !important;}

.DpBook {background-color:#ddd;}
.DpNewBook {margin-top:0;}
.DpNewBook > .owl-carousel .item {display:block;text-align:center}
.DpNewBook > .owl-carousel .owl-item img {width:auto;display:inline-block;border:1px solid #ccc;border-radius:2px;padding:1px}
.DpNewBook .book_name {display:block;text-align:center;font-size:1.6rem;color:#121212;line-height:1;margin-top:15px;padding:0 10%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.DpNewBook .book_author {display:block;text-align:center;font-size:1.4rem;color:#121212;line-height:1;margin-top:14px;padding:0 10%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.DpNewBook .owl-prev button {width:24px;height:41px;white-space:nowrap;overflow:hidden;text-indent:100%;background:url(../images/Main/prev1.png) 0 0 no-repeat;position:absolute;top:100px;left:-20px}
.DpNewBook .owl-next button {width:24px;height:41px;white-space:nowrap;overflow:hidden;text-indent:100%;background:url(../images/Main/next1.png) 0 0 no-repeat;position:absolute;top:100px;right:-20px}
.DpNewBook-more {position:absolute;top:0;right:16px}


.testMain .helper-major:before {content:'\e114';display:block;position:absolute;right:2%;font-family:'GLYPHICONS Halflings';}
.testMain.active .helper-major:before {content:'\e113';display:block;position:absolute;right:2%;font-family:'GLYPHICONS Halflings';}
.helper-major {width:100%;background:none;text-align:left;position:relative;letter-spacing:-0.025em;font-stretch:95%;display:block;height:100%;padding:0 2%;padding-left:5%;}
.helper-major:hover{color:#e21738;background-color:aliceblue;}



.dpMainPartial{float:left;width:100%;}
.DpguideTitle{font-size:1.6em;font-weight:bold;}
.DpNewBookTop{float:left;font-weight:bold;font-size:1.6em;margin-bottom:1%;}
.DpNewBookTop:nth-child(1) {width:100%;text-align:left;}
.DpNewBookTop:nth-child(2) {width:100%;text-align:left;}
#owl-DpNewBook{float:left;}
.guideMoocMiddle{border:2px solid black;padding:1%;margin-top: 2%;margin-right:1%;}
.underlineDiv {}
.guideMoocTable .underlineDiv{font-weight:bold;font-size:1.4em;}
.underlineDiv:after {content: '';display: block;width: 40px;height: 3px;background: #30347d;display:none;}
.moocDiv{width: 50%;float:left;margin-top: 45px;padding: 10px;}
.moocDiv div{width:100%;float:left;}
.moocDiv div:nth-child(1){width:50%;text-align:left;font-size:1.6em;}
.moocDiv div:nth-child(2){width:50%;text-align:right;font-size:1.6em;padding-right:2%;}
.moocChildDiv{margin-top:1%;font-size:1.1em;}
.guideMoocTable{width:100%;border-collapse:collapse;margin-top: 2%;}
.guideMoocTable tr th{text-align:center;font-size:1.4em;padding:1%;background-color: #f2f2f2;border-top:2px solid lightgray;border-bottom: 3px solid black;}
.guideMoocTable tr th:nth-child(1){width:5%;min-width:5em;border-left:0px !important;}
.guideMoocTable tr th:nth-child(2){width:30%;}
.guideMoocTable tr th:nth-child(3){width:65%;}
.guideMoocTable tr td{border-bottom:1px solid lightgray;font-size:1.2em;padding:1%;}
.guideMoocTable tbody tr:hover{cursor:pointer;background-color:#f2f2f2;transition:0.1s;font-weight:bold;}
.guideMoocTable tr td a{display:block;}
.moocTableDiv{padding:1%;}
.backicon {text-align: right;font-size: 1.8rem;}
.guideMoocTable tr td:nth-child(1), .guideMoocTable tr td:nth-child(2){text-align:center;border-right:1px solid lightgray;}

.Dpguide {font-size:1.6rem;color:#444;letter-spacing:-0.08rem}
.Dpguide > h3 {font-size:3.2rem;color:#222;letter-spacing:-0.08rem;position:relative;padding-top:12px;margin-top:30px;margin-bottom:20px;font-weight:bold}
.Dpguide > h3:before {width:16px;height:16px;content:'';display:block;position:absolute;top:0px;left:0;background:url(../images/Sub/h3.png) 0 0 no-repeat}
.Dpguide > h3 span {font-size:2rem}
.Dpguide > h3 span span {color:#a50000}
.Dpguide > h4 {font-size:2.2rem;color:#222;letter-spacing:-0.08rem;position:relative;line-height:22px;font-weight:bold}
.Dpguide > h4:after {content:'';display:block;margin-top:5px;width:40px;height:3px;background:#30347d}
.Dpguide .sub-con > h4 {font-size:2.2rem;color:#222;letter-spacing:-0.08rem;position:relative;line-height:22px}
.Dpguide .sub-con > h4:after {content:'';display:block;margin-top:5px;width:40px;height:3px;background:#30347d}

.Dpguide .bg_back1 {padding:14px;position:relative;z-index:10;margin:20px 0 30px 0;font-size:2rem;line-height:1.6}
.Dpguide .bg_back1:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/Sub/bg_01.png) 0 0;z-index:-2}
.Dpguide .bg_back1:after {content:'';display:block;position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:#fff;z-index:-1}
.Dpguide .bg_back1 > ul > li, .guide .bg_back1 > p {padding:3px 0 3px 13px;position:relative;line-height:1.4}
.Dpguide .bg_back1 > ul > li:before,  .guide .bg_back1 > p:before {content:'';display:block;position:absolute;width:7px;height:2px;background:#cc1717;left:0;top:14px}
.Dpguide .bg_back1 > p.noPseudo:before {display:none}
.Dpguide .bg_back1 > strong {display:block}
.Dpguide .bg_back1 > strong:not(:first-child) {margin-top:10px}
.Dpguide .bg_back1 > ul > li + li {margin-top:10px}
.Dpguide .bg_back1 .decimal {padding-left:20px}
.Dpguide .bg_btn1 {background:#f1f1f1;padding:19px 30px 20px;text-align:center}
.Dpguide .bg_btn1 a {color:#fff;background:#337ab7;padding:8px 20px 10px 20px;transition:all 0.5s ease}
.Dpguide .bg_btn1 a:hover, .gyude .bg_btn1 a:focus {background:#860000}
.Dpguide .bg_btn1 a span {margin-left:10px;top:2px}
.Dpguide .bg_btn2 {background:#f1f1f1;padding:19px 30px 20px;text-align:center;margin-top:20px}
.Dpguide .bg_btn2 a {color:#30347d;font-weight:bold}
.Dpguide .btn-download {color:#cc1717;margin-left:10px}

.guideMoocTable tr th{border-bottom:3px solid #0391a2 !important;}


@media(max-width:991px){
    /*DpSetting*/
    .dpCodeSaveForm1 div:nth-child(1), .dpCodeSaveForm2 div:nth-child(1){width:15%;}
    .DpSettingSelect{width:100% !important; margin-bottom:1%;text-align:center;}
}

@media(max-width:767px) {
    /*Dp 이용자 페이지*/
    .helper-tit{width:calc(100% / 2);}
    .testDisplay .subContainerDiv{width:47%;}
    .moocDiv{width:100%;padding:0;}
    .moocDiv div:nth-child(1){font-size:1.8em;}
    .moocDiv div:nth-child(2){padding-right:0;}
    .DpNewBookTop:nth-child(1){width:30%;}
    .DpNewBookTop:nth-child(2){width:70%;}
    
    /*DpSetting*/
    .dpCodeSaveForm1 div:nth-child(1), .dpCodeSaveForm2 div:nth-child(1){width:100%;font-size:1.5em;}
    .dpCodeSaveForm1 div:nth-child(2), .dpCodeSaveForm2 div:nth-child(3){width:80%;}
    .dpCodeSaveForm1, .dpCodeSaveForm2{padding:2% 0;}
    .dpCodeSaveForm2 div:nth-child(2){width:100%;margin-bottom:2%;}
    .DpSettingSelect{width:100% !important; margin-bottom:1%;}

    /*DpManager*/
    .cheongInputZone .cheongKey, .DpKeywordDivZone .cheongKey, .MoocDivZone .cheongKey{width:100% !important;text-align:left !important; font-size:1.5em !important;}
    .cheongInputZone .cheongVal, .DpKeywordDivZone .cheongVal, .MoocDivZone .cheongVal{width:100% !important;}
    .DpKeywordDivZone .cheongVal input, .MoocDivZone .cheongVal input{width:100% !important;}
    #descriptionInput{width:100% !important;}
    .cheongVal select{width:100% !important;}
    .searchCode1, .searchCode2{width:45% !important;}
    .dpManagerListDiv .subjectInputZone div div:nth-child(1){width:100%;text-align:left;font-size:1.5em;line-height:inherit;}
    .dpManagerListDiv .subjectInputZone div div:nth-child(2){width:100%;}
    .DpEnterForm{float:left;width:100%;}
    .dpCodeSelectDiv select{width:40%;}
    .DpManagerFormDiv select{width:40%;}
    .parentCodeSelectDiv{width:80%;margin-bottom:2%}
    .parentCodeSelectDiv select{width:100%;}
}
/* #endregion */

.pl20 { padding-left:20px;
}
.fs14 {font-size:1.4rem}
.plawf{background-color: #eee8d6;text-align:center;padding:20px;font-size: 1.6rem;font-weight: BOLD;}


/* 도서관 알아보기 */
.dl_learn {font-family: '돋움' ,Dotum,AppleGothic,sans-serif;font-size: 20px;line-height: 14px;}
.dl_learn dt {color: #FFFFFF;font-weight: bold;display:block;background-color: #004552;width:100%;height:auto;margin-top:4px;padding-top:5px;padding-left:10px;word-break:keep-all;letter-spacing:-0.5px;}
.dl_learn a {color: #FFFFFF; font-weight: bold; }
.dl_learn dd { padding:8px 15px; color:#666; line-height:1.4em; margin:0; width:100%; height:auto;letter-spacing:-0.5px;  word-break:keep-all;}
.guide05_7Div{width:100%; text-align:center; padding:1% 0; font-size:1.4em; }
.guide05_7Div .conATag{color:black !important;font-weight:bold !important;}
.guide05_7Div .conATag:hover{color:blue !important;}

.side-menu .panel-heading {
    background-color:#ee2f2e !important;
}
.panel.panel-primary > .panel-heading { background-color:#ee2f2e !important;}

.c-left .panel-body a.active {
    border-color:#ee2f2e !important;
    color:#394019 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #0391a2 !important;
    border-color: #0391a2 !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #c51513 !important;
    border-color: #dddddd !important;
}

/**특별이용자 신청*/
.specialUserDiv{width:100%;padding:0 15%;margin:2% 0%;}
.specialUserTable{width:100%;border-collapse:collapse;margin-top:2%;}
.specialUserTable tr{width:100%;}
.specialUserTable th{border-top:2px solid #2e3233 !important;font-weight:bold;font-size:1.2em;background-color:#e3f2ef;}
.specialUserTable label{margin-bottom:0 !important;padding-left:2%;font-size:1.2em;color:black;}
.specialUserTable tr:nth-child(1) th{width:50%;}
.specialUserTable tr:nth-child(2) th{width:50%;font-size:1.4em;padding-left:2%;}
.specialUserTable tr:nth-child(2) th:nth-child(1){font-size:1.2em;padding-left:1%;}
.specialUserTable td,.specialUserTable th{border:1px solid #d9d9d9;padding:1%;}
.specialUserTable tr td{width:50%;font-size:1.2em;}
.specialUserTable tr td:nth-child(1){font-weight:bold;padding-left:4%;}
.specialUserTable tr td:nth-child(2){}
.specialUserTable #PersonTBody{display:none;}
.specialUserTable tr td:nth-child(1){}
.specialUserInput, .specialUserInput2{width:100%;border:1px solid;padding:1% 1% 1% 3%;color:black;}
#spUserTitle{font-size:1.4em;font-weight:bold;}
#spUserInfoDiv{border:1px solid #d9d9d9;padding:1%;margin-top:2%;float:left;width:100%;}
#spUserInfoDiv.userApplyForm{border:1px solid #d9d9d9;padding:1%;margin-top:2%;float:left;width:98%;}
#spUserInfoDiv dl{padding-left:2%;}
#spUserInfoDiv dt, #spUserInfoDiv dd{padding-top:0.5%;}
.userApplyForm dd{margin-left:0;}
.spUnderLine{text-decoration:underline; font-size:1.1em; font-weight:bold;text-underline-position:under;}
.spUserDD label{color:black;}
#spUserDate{width:100%;text-align:center;font-size:1.2em;padding-top:2%;float:left;width:100%;}
#spUserUsr{text-align:right;padding-right:4%;font-size:1.2em;padding-top:2%;font-weight:bold;}
#spUserFooter{font-size:1.1em;width:100%;float:left;}
#submitBtnDiv{width:100%; text-align:center;float:left;}
#submitBtnDiv button{width:12%;height:2.5em;font-weight:bold;font-size:1.4em;border-radius:2%;background-color:#e3f2ef;border:2px solid #2e3233;}
select#datafile option, select#datafile2 option{display:inline-block}
.fileDiv{border: 1px solid; padding:1%;}
.fileDiv button{font-weight:bold;}

/**특별이용자 신청리스트*/
.spListSearchBtn{background-color:#1d9dab;color:white;font-weight:bold;max-height:34px; height:34px; padding:0 10%; border-radius:0.5rem;}
.spUserListTable th, .spUserListTable td{text-align:center;}
.spUserListTable tr td{vertical-align:middle !important;}
.spUserListTable button{width:100%;background-color:#1d9dab;color:white; border-radius:0.5rem;font-weight:bold;}
.spUserListTable button:hover{background-color:#004552;transition:0.5s;}
#spUserStatus p{background-color:red;font-weight:bold;color:white;border-radius:2%;}
#spUserStatus p:hover, #spUserStatusN p:hover{cursor:default}
#spUserStatusN p{background-color:black;font-weight:bold;color:white;border-radius:2%;}
.spUserSearchDiv{width:40% !important;}
.spUserSearchDiv2{width:10%; float:left; padding-left:1%;}
.spUserSearchDiv2 input{width:100%;}

/**특별이용자 신청서 조회*/
.userApplyTable{width:100%;border-collapse:collapse;}
.userApplyTable th{border:1px solid #d9d9d9;border-top:2px solid #2e3233;font-size:1.2em;background-color:#e3f2ef;padding:1%;}
.userApplyTable td{border:1px solid #d9d9d9;font-weight:bold;padding:1%;padding-left:2%;width:50%;}
.userApplyFooter .applyUser, .userApplyFooter .applyAdmin{width:100%;float:left;}
.noticeApplyUser{width:100%;font-weight:bold;font-size:1.1em;}
.noticeApplyUser div{width:100%;float:left}
.noticeApplyUser div:nth-child(1){text-align:right;width:70%;}
.noticeApplyUser div:nth-child(2){width:15%;border:1px solid none}
.noticeApplyUser div:nth-child(3){text-align:right; padding-right:2%;width:13%;} 
.userApplyFooter .applyUser div, .userApplyFooter .applyAdmin div{float:left;margin-top:1%;} 
.userApplyFooter .applyUser div:nth-child(1), .userApplyFooter .applyAdmin div:nth-child(1){text-align:right;width:70%;}
.userApplyFooter .applyUser div:nth-child(2), .userApplyFooter .applyAdmin div:nth-child(2){width:15%;border:1px solid none}
.userApplyFooter .applyUser div:nth-child(3), .userApplyFooter .applyAdmin div:nth-child(3){text-align:right; padding-right:2%;width:10%;} 

@media(max-width:767px){
    .spUserSearchDiv{float:none; width:100% !important;}
    .spUserSearchDiv2{float:none; width:100%; text-align:center;}
    .spUserSearchDiv2 input{width:33.333%;}
}

/* #region 독서프로파일링Tab */
.Profiletab-tab-div {display: table!important;width: 100%;margin-top: 28px;border: 1px solid #6bb1c8;margin-bottom: 16px;}
.Profiletab-ul {display: table-row; border: 0;}
.Profiletab-ul > li {float: none; display: table-cell;}
.Profiletab-ul > li > a,.Profiletab-ul > li.active > a,.Profiletab-ul > li.active > a:hover,.Profiletab-ul > li.active > a:focus {border-radius: 0!important;}
.Profiletab-ul > li > a,.Profiletab-ul > li > a:hover,.Profiletab-ul > li > a:focus,.Profiletab-ul > li.active > a,.Profiletab-ul > li.active > a:hover {text-align:center; border-left: 1px solid #dadada; margin:0px;}
.Profiletab-ul > li:nth-child(4n) {border-right:none;}
#Profiletab > a { border-left: 0px;}
.Profiletab-ul > li.active > a,.Profiletab-ul > li.active > a:hover,.Profiletab-ul > li.active > a:focus {border: 1px solid #dadada;background-color: #006db2;color: #fff;font-weight: bold;border: 0px!important;margin:0px;}
.Profiletab-ul > li > a:hover {border-color: #eee #eee #ddd; margin:0px;}
.btn-success {color: #fff !important;background-color: #004552 !important;border-color: #3d8086 !important; margin-bottom:10px !important;}
.profile h6{font-size:2.5rem;color:#333;line-height:1;padding:20px 0 0 0;margin-bottom:16px;font-weight:normal;font-weight:bold;position:relative;}
.profile h6:after {content:'';display:block;position:absolute;top:0;left:0;width:24px;height:3px;background:#006db2;}
.profile h6:before{
    background: #ffffff00;
}
.profile p.describe {
    padding: 20px;
    border: 1px solid #6bb1c8;
    margin: 20px 0;
    color: #121212;
    font-size: 2rem;
    position: relative;
}
.profile p.describe:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 39px;
    border: 10px solid #006db2;
    border-left: none;
    border-bottom: none;
}
}
.profile-c-tit02:before {position:absolute;margin-top:2px;top:6px;left:15px;content:"";display:block;width:4px;height:16px;background-color:#1535af;background: linear-gradient(#ffffff,#004552);}
/* #endregion */