@charset "utf-8";

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

.noticeContents{padding:16px 20px 15px 20px;margin:20px 10px 54px 10px;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3;background:#eee;line-height:1.6;font-size:14px;}
.noticeContents h2{font-size:14px;}
.noticeContents table{border:1px solid #000;}
.noticeContents table th{border:1px solid #000;background-color:none;}
.noticeContents table td{border:1px solid #000;}
.noticeContents img{width:100%;}
.noticeContents .attachment{margin-top:15px}
.noticeContents .attachment dt{font-weight:600;}
.noticeContents .attachment dd{text-decoration:underline;}

.popupClose{position:fixed;bottom:0;width:100%;height:24px;padding-top:10px;background:#fff;border-top:1px solid #f0f0f0;}
.popupClose label{margin-left:10px;}
.popupClose input[type="checkbox"]{margin-left:6px;vertical-align:middle;}
.popupClose a{position:absolute;top:0;right:0;width:36px;height:35px;border-left:1px solid #f0f0f0;}


 /*도서예약신청*/
.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{font-weight: 600}

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

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

/*button*/



/*
#divWrapper {background:#fff}
.header {padding:50px 20px 0 20px;border-top:3px solid #0067b3}
.header h1 {height:20px;padding-left:10px;border-left:5px solid #248bd8;color:#1a1a1a;font-size:20px}

.contents {padding:20px}
.content {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}

.buttons a {margin:0 5px;padding:0 20px;border:1px solid #014099;color:#014099}
.buttons a:first-child {border-color:#014099;background:#014099;color:#fff}

.header {padding:50px 10px 0 10px}
.contents {padding:20px 10px}
.loginTitle {width:auto}
}
*/