@charset "utf-8";

header{background: url('/images/07_library/main/gnb_bg.gif')no-repeat;}
.top_login{display:none;}
.lang{display:none;}

@media all and (min-width:1024px){
.menu{width: 865px !important;}
}
.top_link button{background:#1a5eaf;}

.top_library{width: 36.59%;}
.top_library button{background:#083366;width: 100%;height:45px;padding:0 0 0 10px;color:#fff;line-height:1em;letter-spacing:-0.05em;text-align:left;position:relative;}
.top_library button span{display:block;width:8px;height:0;padding: 4px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat;position:absolute;top: 22px;right: 10px;z-index: 3;}
.top_library>button span{background-position:center -240px}
.top_library div{display:none;box-sizing: border-box;position: absolute;top: 45px;right: 0;padding: 20px;background: #fff;width: 100%;border: 1px solid #56575c;}
.top_library div.on{display:block;}
.top_library div ul{overflow:hidden;}
.top_library div ul li{float:left;width:33.33%;}
.top_library div ul li a{display:block;padding: 0 0 0 12px;background: url('/images/07_library/main/blit.png') center left no-repeat;}

.top_library div button{position:absolute;top: -45px;left: 30.55555555555556%;width: 36.59%;}
.top_library div button span{background-position:center -260px}

.search>button{background-color: #10498d;}


@media all and (min-width:768px) {
.top_library{width:auto;}
.top_library div{display:block;padding:0;top: 0;right: 45px;width: 45%;border: none;}
.top_library button{display:none;}
.top_library div ul{display:block;overflow:hidden;background: #083366;padding: 0 10px;}
.top_library div ul li{float:left;width: auto;}
.top_library div ul li a{box-sizing: border-box;height: 45px;padding: 16px 0 0 28px !important;margin: 0 10px;color:#fff;background:url('/images/07_library/main/gnb.png')left center no-repeat;}
.top_library div ul li.gnb_icon01 a{background-position: -10px -2px;}
.top_library div ul li.gnb_icon02 a{background-position: -10px -41px;}
.top_library div ul li.gnb_icon03 a{background-position: -10px -79px;}
.top_library div ul li a:hover{text-decoration:underline;}

.search{float: right !important;}

    .menu>ul>li>a:before {display:none}
}

@media all and (min-width:1024px) {
.top_link ul{border-left: 1px #1074c5 solid;}
.top_link li a{border-right: 1px #1074c5 solid;}

.top_library div{width: auto;}

}

/*menu-set*/
@media all and (min-width:768px) {
    .menu>ul>li{width: 12% !important;}
    .menu>ul>.menu8{width: 15% !important;}
}
@media all and (min-width:1024px) {
.menu>ul>li {width:auto !important;padding:0 11px}
.menu>ul>.menu8{width: auto !important}
}



.m1{background: url('/images/07_library/main/visual.jpg') top center no-repeat; background-size:cover;}
.m1 .m_con{padding: 30px 0;}
.visual_tit{ /* font-family: 'NanumMyeongjo'; */ font-size: 27px;margin: 0 20px 30px 20px;padding: 20px 0 0 0;background: url('/images/07_library/main/visual_tit.jpg') top left no-repeat;}
.visual_tit span.green{color:#007c28;}
.visual_tit span.blue{display: block;color:#1a5eaf;font-size:32px;}

.icon{background:rgba(255,255,255,0.6);padding: 30px 0 0 0;}
.icon ul{overflow:hidden;}
.icon ul li{float:left;width: 25.33%;min-height: 93px;margin: 0 4% 20px;text-align: center;font-size: 14px;}
.icon ul li a{display:block;padding: 60px 0 0 0;background:url('/images/07_library/main/icon_list.png') top center no-repeat;word-break: keep-all;}
.icon ul li a:hover{text-decoration: underline;}
.icon ul li.icon01 a{background-position: center -42px;}
.icon ul li.icon02 a{background-position: center -174px;}
.icon ul li.icon03 a{background-position: center -304px;}
.icon ul li.icon04 a{background-position: center -429px;}
.icon ul li.icon05 a{background-position: center -562px;}
.icon ul li.icon06 a{background-position: center -692px;}
.icon ul li.icon07 a{background-position: center -825px;}
.icon ul li.icon08 a{background-position: center -952px;}


.m2{background:#f1f5fa; display:none;}
.m2 .m_con{padding: 20px 0;}

.guide{margin: 20px 0;}
.guide .library{box-sizing: border-box;padding: 25px 15px;background: #ffffff91;margin: 10px 0 10px 0;border: 1px solid gainsboro;}
.guide .library .tit{margin: 0 0 5px 0;font-size:18px;font-weight: 600;color:#007b33;}
.guide .library ul li{background: url('/images/07_library/main/blit.png') 0 4px no-repeat;padding: 0 0 0 12px;margin: 0 0 2px 0;font-size: 14px;}

.calendar_wrap .cal_box{position:relative;padding: 30px 20px;background:#1a5eaf url('/images/07_library/main/cal_back.jpg')bottom left no-repeat;color: #fff;}
.calendar_wrap .cal_box .date{font-size: 28px; margin:0 0 28px;}
.calendar_wrap .cal_box .date strong{display:inline-block; padding:0 0 0 10px; margin: 0 0 0 4px; font-weight:300; background:url('/images/07_library/main/cal_blit.png') left bottom 4px no-repeat}

.calendar_wrap .cal_box .btn_set{position:absolute; top: 30px; right:20px;}
.calendar_wrap .cal_box .btn_set a{display:inline-block;width:32px;height:0;padding-top:32px;overflow:hidden;background: url('/images/07_library/main/cal_btn.png') no-repeat;}
.calendar_wrap .cal_box .btn_set a.prev{background-position:0 0;}
.calendar_wrap .cal_box .btn_set a.next{background-position: -38px 0;}
.ddinfo{background:#244c96;padding:5px 20px;margin:0 0 10px 0}
.ddinfo li{margin:5px 0}
.ddinfo li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;border:2px solid #f7941d;border-radius:4px;vertical-align:middle}
.ddinfo li:first-child:before{border-radius:100%}

.calendar_wrap .cal_box table{width:100%;}
.calendar_wrap .cal_box table thead th{width: 14.2%;height: 30px;color:#fff;font-size: 14px;font-weight:400;}
.calendar_wrap .cal_box table tbody td{text-align: center;vertical-align: middle;height: 32px;}
.calendar_wrap .cal_box table tbody td a{color:#fff;}
.calendar_wrap .cal_box table tbody td.sun a{color:#fff568}
.calendar_wrap .cal_box table tbody td.off1{background: url('/images/07_library/main/off.png') no-repeat center;}
.calendar_wrap .cal_box table tbody td.off2{background: url('/images/07_library/main/off2.png') no-repeat center;}
.calendar_wrap .cal_box table tbody td.today{background: url('/images/07_library/main/today.png') no-repeat center;}
.calendar_wrap .cal_box table tbody td.today a{color:#fff;}

.calendar_wrap .list_box{box-sizing: border-box;height: 290px;padding: 30px 20px 80px 20px;background:#fff;}
.calendar_wrap .list_box h3{border: 2px #f7941d solid;font-size: 18px;padding: 8px 20px; margin:0 0 20px 0;}
.calendar_wrap .list_box ul li{margin:0 0 10px 0; background:url('/images/07_library/main/blit.png') center left no-repeat;padding: 0 0 0 12px;}
.calendar_wrap .list_box ul li a{display:block;width: 99%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.calendar_wrap .list_box ul li a:hover{text-decoration:underline;}

.m3{display:none;}
.m3 .m_con{padding: 30px 0;}
/*공지사항*/
.notice_bbs{position:relative;box-sizing: border-box;height: 370px;border-top:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea;padding: 26px 0 0 0;overflow:hidden;background: #ffffff91;}
.notice_bbs h2{float:left;font-size: 20px;color:#000;padding-left: 20px;}
.notice_bbs h2.on a{color: #007c28;font-size:18px;}
.notice_bbs h2.on a span{display:inline-block;border-bottom: solid 3px #007c28;padding-bottom: 10px;}
.notice_bbs .list{position:absolute;top: 66px;width: 87%;padding: 0 20px;}
.notice_bbs .list .mb_date{display:none;}
.notice_bbs .list li{padding: 17px 0;border-bottom:dashed 1px #bfbfbf;}
.notice_bbs .list li:nth-of-type(4){border:none;}
.notice_bbs .list li a{display:block;}
.notice_bbs .list li a span.mb_con{display:block;}
.notice_bbs .list li .mb_con strong{font-size: 16px;font-weight: 600;}
.notice_bbs .list li .mb_con em{font-style: normal;}
.notice_bbs .list li .mb_con strong,.notice_bbs .list .mb_con em{display:block;width: 95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom: 6px;} 
.notice_bbs .more_btn{position:absolute;top: -48px;right: 9px;}
.notice_bbs .more_btn a{display:block;width: 33px;height:0;padding-top: 33px;overflow: hidden;background:url('/images/07_library/main/book_btn.png') no-repeat;background-position: -69px 0;}

.book{padding:0 20px; overflow:hidden; position:relative;}
.book h2{color: #007c28;font-size:18px;margin: 26px 0;}
.book .book_con{width: 280px;margin: 0 auto;overflow:hidden;}
.book ul{width: 1000px;}
.book ul li{float:left;width: 135px;margin: 0 2px;text-align:center;}
.book ul li a{display:block; padding:20px 0; border:1px #ededed solid;}
.book ul li a strong{display:block; font-size:16px;}
.book ul li a span{display:block;font-size:14px;margin: 0 0 10px 0;}
.book ul li a img{display:block;border:1px #f1f1f1 solid;margin: 0 auto;width: 118px;height: 158px;}
.book .btn_set{position:absolute;top: 20px;right: 20px;}
.book .btn_set p{display:inline-block;}
.book .btn_set p a{display:block;width: 33px;height:0;padding-top: 33px;overflow: hidden;background:url('/images/07_library/main/book_btn.png') no-repeat;}
.book .btn_set p.prev a{background-position:0 0}
.book .btn_set p.next a{background-position: -35px 0;}
.book .btn_set p.more a{background-position: -69px 0;}

/* Tablet */
@media all and (min-width:768px) {
.notice_bbs .list{margin: 0auto; width: 95%;}
.notice_bbs .list li{overflow:hidden;}
.notice_bbs .list li a span.mb_date{display:block; float:left; color:#707070;text-align:center;margin-right:15px;}
.notice_bbs .list li a span.mb_date u{color:#007c28;font-size:30px;text-decoration:none;}
.notice_bbs .list li a span.mb_con{float:left; width:80%;}
.notice_bbs .more_btn{position:absolute;top: -50px;right: 19px;}
.notice_bbs{height: 430px;}

.guide .library ul li .pl160{display: inline-block;padding-left: 158px;}
}



@media (min-width: 1024px) {
    
.main_container{min-width:1200px;}    
.m_con{width:1200px;margin: 0 auto !important;overflow:hidden;}

.m1{background-position: center;min-width: 1200px;}

.guide{float:left; margin: 0 20px 0 0;}
.guide .library{float:none;width: 456px;margin: 10px 0 !important;}

.m2 .m_con{padding:0;}
.calendar_wrap{float:left;}
.calendar_wrap .cal_box{width: 500px;padding: 40px 30px;}
.calendar_wrap .list_box{width:300px;padding: 30px 26px 80px 26px;background:#fff url('/images/07_library/main/arrow.png') left center no-repeat;}
.ddinfo{width: 44%;right: -56%;}


.m3 .m_con{padding:40px 0;}
.notice_bbs{width:550px; float:left;height: 416px;}
.notice_bbs h2{padding-left:30px;}
.notice_bbs .list{padding:0 30px;box-sizing: border-box;margin-top: 10px;}
.notice_bbs .more_btn{right: 9px;top: -37px;}
.notice_bbs .list{width: 523px;top: 42px;left: 50%;transform: translateX(-50%);}
.notice_bbs .list li{overflow:hidden;}



.book{width: 650px;padding: 0 30px;}
.book .book_con{width: 590px;}
.book ul li{width: 176px;margin: 0 15px;}
.book ul li:nth-of-type(1){margin: 0 15px 0 0;}
.book .btn_set{right:30px;}



    
/*2차메뉴 위치 조정*/
.subsite_head .menu1 .depth_boxcon>ul {left: 20%;}
.subsite_head .menu2 .depth_boxcon>ul {left: 27%;}
.subsite_head .menu3 .depth_boxcon>ul {left: 31%;}
.subsite_head .menu4 .depth_boxcon>ul {left: 10%;}
.subsite_head .menu4 .depth_boxcon>ul>li {margin-left: 0;}
.subsite_head .menu5 .depth_boxcon>ul {left: 19%;}
.subsite_head .menu6 .depth_boxcon>ul {left: 40%;}

/*도서관 정보*/
.library_info{position:relative;top: -10px;right: -10px;}

}

/* Desktop */
@media all and (min-width:1200px) {

}