<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* 도서관 안내 &gt; 도서관 현황 &gt; 인사말 */
h4.bg_none{ padding-left: 0; }
h4.bg_none::before { background: none; }

/* 기본 박스 스타일 */
.bg_box { min-height: 120px; box-sizing: border-box; border: 1px solid #e2e5eb; padding: 30px 160px 30px 30px; margin-bottom: 30px; background-color: #f0f4fa; }
.bg_box p { padding: 5px 0 20px; }


/* 기본 사각형 박스 */
.box_basic_color { padding: 60px 70px; box-sizing: border-box; background: #F6F8FA; text-align: center; }
.box_basic_round { padding: 60px 70px; box-sizing: border-box; background: #F6F8FA; border:1px solid #dedede; border-radius: 5px; }
.box_basic_border { padding: 30px; margin-bottom: 30px; box-sizing: border-box; background: #F6F8FA; border:1px solid #dedede; }
@media(max-width:800px) {
	.box_basic_color, .box_basic_round { padding: 30px; }	
}	
@media(max-width:640px) {
	.box_basic_color, .box_basic_round, .box_basic_border { padding: 15px 20px; }	
}

.bg_notice .icon_notice {position:relative; display:block; padding-left:130px; box-sizing: border-box; }
.bg_notice .icon_notice::before{display:inline-block; width:98px; height:98px; border-radius:98px; left:0; top:0; background-color:#fff; background-image:url(/dadaelib/images/lsb/time01.png); background-repeat:no-repeat; background-position:center; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
@media(max-width:480px) {
	.bg_notice .icon_notice { padding-left: 0; padding-top: 130px; }
	.bg_notice .icon_notice::before { left: 40%; }
}


/* 전자민원창구 */
.img_minwon { padding: 40px; background: #F5F8FC url(/dadaelib/images/sub/img_eminwon.png) 98% 50% no-repeat; }
.img_minwon h3 span { background: none; margin: 0; padding-left: 0; color: #2459B8; }
@media(max-width:1080px) {
	.img_minwon { background-image: none; }	
}
@media(max-width:640px) {
	.img_minwon { padding: 30px;  }	
	.img_minwon h3 span { display: inline!important; }
}

/* 반반 구역 나누기 */
.half_area { overflow: hidden; }
.half_area div.half_left { width: 49%; float: left; margin-right: 1%; }
.half_area div.half_right { width: 49%; float: left; margin-left: 1%; }
@media(max-width:640px) {
	.half_area div.half_left, .half_area div.half_right { width: 100%; clear: both; margin: 0 0 0 0; }
}	

/* 20 : 80 비율로 구역 나누기*/
.explanation { overflow: hidden; } 
.explanation dt { width: 18%; float: left; font-size: 18px; font-weight: 500; color: #000; }
.explanation dd { width: 82%; float: left; }
.explanation span { font-size: 15px; color: #666; }
@media(max-width:640px) {
	.explanation dt, .explanation dd { width: 100%; clear: both; }
	.explanation dt br { display: none; padding-left: 10px; }
}	
/* line 넣기 */
ul.unnderline&gt;li { padding: 50px 0; border-top: 1px solid #dedede; }
ul.unnderline&gt;li:first-child { padding-top: 0; border-top: none; }
ul.unnderline&gt;li:last-child { padding-bottom: 0; }
@media(max-width:640px) {
	ul.unnderline&gt;li { padding: 30px 0;}
}	
/* p 등에 블릿 */
.bg_dot { position: relative; padding-left:8px; font-size:16px; color:#333;}
.bg_dot::before {display:inline-block; top: 50%; left:0; width:2px; height:2px; background-color:#636872;}

/* 기본 사각 버튼 */
.btn_field {}
.btn_big_blue { display:inline-block; padding:0 40px; height:65px; line-height: 65px; background:#636871; font-size:17px; color:#fff!important;}
.btn_big_blue:hover { background: #5485e0; }
.frmt { float: right; margin-top: -60px; }

.btn_mblue { display:inline-block; padding:0 70px 0 40px; height:55px; line-height: 55px; background:#2459B8 url(/portal/images/sub/btn_link.png) 88% 50% no-repeat; font-size:17px; color:#fff!important; }
.btn_big_blue:hover { background: #063891; }

.newhome .btn_big_blue { border-radius: 100px; padding:0 70px 0 40px; background: #D83B6D url(/portal/images/sub/btn_link.png) 87% 50% no-repeat; }
.newhome .btn_big_blue:hover { background-color: #B11547; }

@media(max-width:480px) {
	.btn_field { padding: 30px 0;}
	.btn_field .btn_big_blue { padding: 0 25px; margin-right: 10px; height: 55px; line-height: 55px; }
}	

/* 도서관 - 도서관현황 - 주요연혁 */
.bg_history { position:relative; display:inline-block; width:100%; vertical-align:top; background-position:center; background-image: url(/dadaelib/images/contents/bg_history.jpg); background-size:cover; background-repeat:no-repeat; height: 330px; text-align: center; }
.history_txt {display:inline-block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.history_txt p {font-family: 'AritaBuri'; font-size: 45px; font-weight:400; color:#fff; margin-bottom:40px; letter-spacing: -2px;}
.history_txt sub {font-size: 16px; color:#fff; line-height:2;}

.history_content { padding: 60px 0; }
.history_content h3 { font-family: 'Montserrat', sans-serif; display: block; font-size: 40px; text-align: center; }

.history_content .history_list { padding: 30px 0; }
.history_content .history_list li { position: relative; width: 100%;}
.history_content .history_list li::before { display: none; }
.history_content .history_list li.history_left dl { width: 45%; padding: 10px 5% 10px 0; border-right: 2px solid #52bfec; text-align: right; }
.history_content .history_list li.history_right dl { width: 45%; padding: 10px 0 10px 5%; margin-left: 50%; border-left: 2px solid #dedede; }
.history_content .history_list li dl dt .year { display: block; font-size: 24px; color: #333; font-family: 'Montserrat', sans-serif; }
.history_content .history_list li dl dt .date { display: block; font-size: 16px; line-height: 16px; color: #666; font-family: 'Montserrat', sans-serif; }

.history_content .history_prev { position:relative; background-position:center; background-image: url(/dadaelib/images/contents/bg_history_before.jpg); background-size:cover; background-repeat:no-repeat; height: 222px; text-align: center; }
.history_content .history_prev h3 { padding-top: 70px; color: #fff; }
.history_content .history_prev sub { font-family: 'Montserrat', sans-serif; color: #fff; letter-spacing: 10px; font-size: 15px; opacity: .5; }

@media(max-width:640px) {
	.history_content .history_list li.history_left dl, 
	.history_content .history_list li.history_right dl { width: 100%; padding: 10px 0 10px 5%; margin-left:0; text-align: left; }
	.history_content .history_list li.history_left dl { border-right: none; border-left: 2px solid #52bfec; }
}	

/* 도서관 안내 - 찾아오시는 길 */
.traffic_txt { padding: 35px 0; }
.traffic_txt .add { font-size: 24px; color: #000; padding: 10px 0 10px 90px; background: url(/dadaelib/images/contents/icon_location.png) no-repeat 7% 50%; }
.traffic_txt .add_detail { display: inline-block; padding: 5px 20px; margin: 0 0 0 30px; border: 1px solid #637abc; border-radius: 50px; color: #2952c5; font-size: 15px; }
.traffic_txt .tel { padding-left: 90px; font-family: 'Montserrat', sans-serif; font-size: 18px; }
.traffic_txt .fax { padding-left: 30px; font-family: 'Montserrat', sans-serif; font-size: 18px; }
.traffic_txt strong { padding-right: 5px; color: #2952c5; }

.traffic { overflow: hidden; border-top: 1px solid #dedede;}
.traffic&gt;li { width: 50%; float: left; margin: 80px 0; box-sizing: border-box; }
.traffic&gt;li:nth-child(1) { padding: 0 5% 0 7%; border-right: 1px solid #dedede; background: url(/dadaelib/images/contents/icon_traffic_01.png) no-repeat 0px 0; }
.traffic&gt;li:nth-child(2) { padding: 0 5% 0 10%; background: url(/dadaelib/images/contents/icon_traffic_02.png) no-repeat 50px 0; }
.traffic&gt;li strong { font-size: 20px; }

@media(max-width:880px) {
	.traffic_txt .add{ display: block; padding-left: 50px; background-position: 10px 50%; }
	.traffic_txt sub { display: block; }
	.traffic_txt .add_detail{ margin-left: 50px; margin-bottom: 10px; }
	.traffic_txt .tel { padding-left: 50px; }
	.traffic { margin-top: 0px; }
	.traffic&gt;li { width: 100%; clear: both; margin: 0;}
	.traffic&gt;li:nth-child(1) { padding: 40px 0 40px 12%; background-position: 0px 40px; border-right: none; }
	.traffic&gt;li:nth-child(2) { padding: 40px 0 40px 12%; background-position: 0px 40px; border-top: 1px solid #dedede;}
	
}	

/* 도서관 안내 - 이용안내 - 열람실 이용시간 */
.table_color { min-width: 768px; text-align: center; border-collapse: separate; border-spacing: 15px; }
.table_color thead { padding-bottom: 10px; }
.table_color thead th { padding: 10px 0 10px; font-size: 20px; color: #000; background: url(/dadaelib/images/contents/icon_line.gif) no-repeat left 50%; }
.table_color thead th:last-child { color: #cc4634; }
.table_color thead th:first-child { background: none; }
.table_color tbody th { padding: 20px 12px; font-size: 26px; font-family: 'Montserrat', sans-serif; color: #fff; border-radius: 5px; }
.table_color tbody tr:nth-child(1) th { background-color: #5272CC; }
.table_color tbody tr:nth-child(2) th { background-color: #5280CC; }
.table_color tbody tr:nth-child(3) th { background-color: #2B91CC; }
.table_color tbody tr:nth-child(4) th { background-color: #52BCCC; }
.table_color tbody td { font-size: 18px; border-radius: 5px; border: 1px solid #dedede; }
.table_color tbody td:nth-child(2) { background-color: #ECEFF7; }
.table_color tbody td:nth-child(3), .table_color tbody td:nth-child(4), .table_color tbody td:nth-child(5) { background-color: #F6F8FA; }


/* 도서관 서비스 - 상호대차 서비스 */
.mutual_service { position: relative; }
.mutual_service .book_sea_step { overflow: hidden; margin-top: 20px; border: 1px solid #dedede; border-width: 1px 1px 1px 0px; }
.mutual_service .book_sea_step li { width:16.666666666%; height: 260px; float: left; border-left: 1px solid #dedede; text-align: center; padding-top: 120px; box-sizing: border-box; }
.mutual_service .book_sea_step li:nth-child(1), 
.mutual_service .book_sea_step li:nth-child(2), 
.mutual_service .book_sea_step li:nth-child(3), 
.mutual_service .book_sea_step li:nth-child(4) { border-bottom: none; }
.mutual_service .book_sea_step li:nth-child(1) { background: url(/dadaelib/images/contents/icon_mutual_02.png) no-repeat 50% 25%; }
.mutual_service .book_sea_step li:nth-child(2) { background: url(/dadaelib/images/contents/icon_mutual_03.png) no-repeat 50% 25%; }
.mutual_service .book_sea_step li:nth-child(3) { background: url(/dadaelib/images/contents/icon_mutual_04.png) no-repeat 50% 25%; }
.mutual_service .book_sea_step li:nth-child(4) { background: url(/dadaelib/images/contents/icon_book_sea_06.png) no-repeat 50% 25%; }
.mutual_service .book_sea_step li:nth-child(5) { background: url(/dadaelib/images/contents/icon_mutual_04.png) no-repeat 50% 25%; }
.mutual_service .book_sea_step li:nth-child(6) { background: url(/dadaelib/images/contents/icon_mutual_05.png) no-repeat 50% 25%; }

@media(max-width:980px) {
	.mutual_service .book_sea_step li { width: 33.33333333%; }
	.mutual_service .book_sea_step li:nth-child(1), 
	.mutual_service .book_sea_step li:nth-child(2), 
	.mutual_service .book_sea_step li:nth-child(3) { border-bottom: 1px solid #dedede; }
}
@media(max-width:640px) {
	.mutual_service .book_sea_step li { width: 50%; height: 200px; padding-top: 90px; background-position: 50% 12%!important; }
	.mutual_service .book_sea_step li:nth-child(4) { border-bottom: 1px solid #dedede; }
}
.mutual_service .half_bg .box_basic_round { width: 55%; padding: 40px 50px; }
.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:first-child { padding: 0 0 20px 0; border-bottom: 1px solid #dedede; font-size: 16px; color: #000; font-weight: 500; }
.mutual_service .half_bg .box_basic_round&gt;ul&gt;li&gt;ul { padding: 20px 0 0 0; }
.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li { display: inline-block; width: 15.5%; height: 18px; padding: 0 12px 0 5px; margin: 10px 0 5px 1%; box-sizing: border-box; font-weight: 400; font-size: 16px; border-right: 1px solid #dedede; line-height: 18px; text-align: center; }
.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:nth-child(6n),
.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:last-child { border-right: none; margin-right: 0; }
.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:nth-child(1),
.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:nth-child(7),
.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:nth-child(13) { margin-left: -1%; }
.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:hover a { background: #5469cf; color: #fff; }

.mutual_service .bg_mutual_01 {background: url(/dadaelib/images/contents/bg_mutual_01.jpg) no-repeat 95% 50%; border-bottom: none; }
.mutual_service .bg_mutual_02 {background: url(/dadaelib/images/contents/bg_mutual_02.jpg) no-repeat 95% 50%; border-bottom: none; }

@media(max-width:1280px) {
	.mutual_service .half_bg .box_basic_round { width: 100%; }
	.mutual_service .bg_mutual_01, .mutual_service .bg_mutual_02 { background: none;}
}	
@media(max-width:768px) {
	.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li { width: 32%; border-right: none; }
	.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:nth-child(1),
	.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:nth-child(7),
	.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:nth-child(13) { margin-left: 0%; }
}	
@media(max-width:480px) {
	.mutual_service .half_bg .box_basic_round { padding: 20px; }
	.mutual_service .half_bg .box_basic_round&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li { width: 48%;}
}
/* 도서관 서비스 - 지역서점 바로대출 */
.bg_bookstore&gt;li:nth-child(1) { background: url(/dadaelib/images/contents/icon_bookstore_01.png) no-repeat 98% 50%; }
.bg_bookstore&gt;li:nth-child(2) { background: url(/dadaelib/images/contents/icon_bookstore_02.png) no-repeat 98% 50%; }
.bg_bookstore&gt;li:nth-child(3) { background: url(/dadaelib/images/contents/icon_bookstore_03.png) no-repeat 98% 50%; }
@media(max-width:1080px) {
	.bg_bookstore&gt;li:nth-child(1), .bg_bookstore&gt;li:nth-child(2), .bg_bookstore&gt;li:nth-child(3) { background: none;}
	
}
/* 도서관 서비스 - 책나래 서비스 */
.book_step { overflow: hidden; }
.book_step&gt;li { position: relative; width: 50%; float: left; background-color: #f6f8fa; line-height: 60px; border-radius: 5px; font-size: 16px; text-align: center; }
.book_step&gt;li:nth-child(1) { width: 45%; margin-right: 5%; }
.book_step&gt;li:nth-child(1)::after{ display: inline-block; width: 20px; height: 20px; left: 103%; top: 18px; background: url(/dadaelib/images/contents/icon_arrow.png) no-repeat 100% 50%; }
@media(max-width:640px) {
	.book_step&gt;li:nth-child(1)::after { background-position: 20% 50%; }
}	
.book_wing_step{margin-top:10px;}
.book_wing_step ul{display:inline-block; width:100%; vertical-align:top; padding:50px 0; background:#f6f8fa; border-radius:5px; border:1px solid #dedede; text-align:center; box-sizing:border-box;}
.book_wing_step ul li{position:relative; float:left; width:33.33333%;}
.book_wing_step ul li::after{display:inline-block; width:12px; height:100%; left:0; top:0; background:url(/dadaelib/images/ydk/icon_guide_arrow.png) no-repeat center;}
.book_wing_step ul li:first-child::after{display:none;}
.book_wing_step ul li span{display:block; padding-top: 230px; font-size:15px; background-repeat:no-repeat; background-position:center top; font-weight:700;}
.book_wing_step ul li:nth-child(1) span{background-image:url(/dadaelib/images/contents/icon_book_wing_01.png);}
.book_wing_step ul li:nth-child(2) span{background-image:url(/dadaelib/images/contents/icon_book_wing_02.png);}
.book_wing_step ul li:nth-child(3) span{background-image:url(/dadaelib/images/contents/icon_book_wing_03.png);}
@media(max-width:800px) {
	.book_wing_step ul { padding: 30px 0;}
	.book_wing_step ul li::after { display: none; }
	.book_wing_step ul li span { padding-top: 170px; background-size: 100%; }
}
@media(max-width:480px) {
	.book_wing_step ul li span { padding-top: 120px; background-size: 100%; }
}
/* 도서관 서비스 - 책바다서비스 - 대출/반납  */
.book_sea_week { overflow: hidden; }
.book_sea_week&gt;li { width: 50%; float: left; margin: 0 -1px; padding-left: 0!important; text-align: center; font-size: 16px; color: #333; }
.book_sea_week&gt;li::before { display: none!important; }
.book_sea_week&gt;li dl dt { width: 90%; font-weight: 500; line-height: 60px; }
.book_sea_week&gt;li dl dd { position: relative; width: 90%; background-color: #f6f8fa; line-height: 60px; margin-bottom: 20px; border-radius: 5px; }
.book_sea_week&gt;li:nth-child(1) dl dd::after{ display: inline-block; width: 20px; height: 20px; left: 103%; top: 18px; background: url(/dadaelib/images/contents/icon_arrow.png) no-repeat 100% 50%; }
@media(max-width:640px) {
	.book_sea_week&gt;li:nth-child(1) dl dd::after { background-position: 20% 50%; }
}	
.book_sea_step { overflow: hidden; margin-top: 20px; border: 1px solid #dedede; border-width: 1px 1px 1px 0px; }
.book_sea_step li { width: 25%; height: 260px; float: left; border-left: 1px solid #dedede; text-align: center; padding-top: 120px; box-sizing: border-box; }
.book_sea_step li:nth-child(1), .book_sea_step li:nth-child(2), .book_sea_step li:nth-child(3), .book_sea_step li:nth-child(4) { border-bottom: 1px solid #dedede; }
.book_sea_step li:nth-child(1) { background: url(/dadaelib/images/contents/icon_book_sea_01.png) no-repeat 50% 25%; }
.book_sea_step li:nth-child(2) { background: url(/dadaelib/images/contents/icon_book_sea_02.png) no-repeat 50% 25%; }
.book_sea_step li:nth-child(3) { background: url(/dadaelib/images/contents/icon_book_sea_03.png) no-repeat 50% 25%; }
.book_sea_step li:nth-child(4) { background: url(/dadaelib/images/contents/icon_book_sea_04.png) no-repeat 50% 25%; }
.book_sea_step li:nth-child(5) { background: url(/dadaelib/images/contents/icon_book_sea_05.png) no-repeat 50% 25%; }
.book_sea_step li:nth-child(6) { background: url(/dadaelib/images/contents/icon_book_sea_06.png) no-repeat 50% 25%; }
.book_sea_step li:nth-child(7) { background: url(/dadaelib/images/contents/icon_book_sea_07.png) no-repeat 50% 25%; }
.book_sea_step li:nth-child(8) { background: url(/dadaelib/images/contents/icon_book_sea_08.png) no-repeat 50% 25%; }
.book_sea_step li span.num { font-family: 'Montserrat', sans-serif; display: block; font-size: 30px; color: #5485E0; line-height: 50px; }
.book_sea_step li span.text { font-size: 16px; color: #000; line-height: 16px; }

/* 도서관 서비스 - 책바다서비스 - 대출신청방법  */
.book_sea_service .book_sea_img { margin-top: 20px; text-align: center; }
.book_sea_service .bg_color { background-color: #f6f8fa; }
.book_sea_service .bg_color img { margin-bottom: 15px; }
.book_sea_service .bg_color, .book_sea_service .bg_area{ padding: 80px 0; }

@media(max-width:880px) {
	.book_sea_service .bg_color, .book_sea_service .bg_area{ padding: 40px 0; }
	.book_sea_service .book_sea_step li { width: 50%; }
	.book_sea_service .book_sea_step li:nth-child(5), .book_sea_service .book_sea_step li:nth-child(6) { border-bottom: 1px solid #dedede; }
}	
@media(max-width:880px) {
	.book_sea_step li span.text { font-size: 15px;}
}
/* 독서문화프로그램 - 일일독서교실안내 */
.box_vacation_class { padding:60px 0px; border-radius:5px; border:1px solid #dedede; background-color:#f6f8fa; }
.vacation_class_icon ul {display:inline-block; width:100%; vertical-align:top;}
.vacation_class_icon ul li {float:left; width:25%; height:170px; box-sizing:border-box; position:relative; text-align:center; border-left:1px solid rgba(150,150,150,0.2);}
.vacation_class_icon ul li:nth-child(1) {border-left:none;}
.vacation_class_icon ul li strong { display: inline-block; margin-top: 80px; font-size: 18px; color: #000; }
.vacation_class_icon ul li strong::before{display:inline-block; width:63px; height:57px; left:50%; top:0px; transform:translateX(-50%); background-repeat:no-repeat;}
.vacation_class_icon ul li:nth-child(1) strong::before{background-image:url(/dadaelib/images/contents/icon_vacation_class_01.png);}
.vacation_class_icon ul li:nth-child(2) strong::before{background-image:url(/dadaelib/images/contents/icon_vacation_class_02.png);}
.vacation_class_icon ul li:nth-child(3) strong::before{background-image:url(/dadaelib/images/contents/icon_vacation_class_03.png);}
.vacation_class_icon ul li:nth-child(4) strong::before{background-image:url(/dadaelib/images/contents/icon_vacation_class_04.png);}
.vacation_class_icon ul li span {display:block; font-size:15px; }
.vacation_class_icon ul li span mark {font-size:14px; color:#f2f2f2;}

.list_table_style { width: 100%; margin-top: 10px; }
.list_table_style&gt;ul { width: 100%; }
.list_table_style&gt;ul&gt;li { display: inline-block; margin: 0 -1px 20px; height: 90px; box-sizing: border-box; vertical-align: middle; }
.list_table_style&gt;ul&gt;li:nth-child(1) { width: 20%; padding-right: 2%; }
.list_table_style&gt;ul&gt;li:nth-child(2) { width: 55%; padding-right: 4%; background: url(/dadaelib/images/contents/icon_arrow.png) no-repeat 97% 50%; }
.list_table_style&gt;ul&gt;li:nth-child(3) { width: 25%; border-radius: 5px; }
.list_table_style&gt;ul&gt;li strong { display: block; padding: 30px 0; background: #5485e0; border-radius: 5px; font-size: 17px; text-align: center; color: #fff; }
.list_table_style&gt;ul&gt;li:nth-child(2) dl { height: 90px; overflow: hidden; border-radius: 5px; background: #f6f8fa; border: 1px solid #dfe2ea; }
.list_table_style&gt;ul&gt;li:nth-child(2) dl dt { float: left; width: 36%; box-sizing: border-box; padding: 30px 60px 30px 40px; font-size: 16px; color: #333; text-align: center; background: url(/dadaelib/images/contents/bg_vertical_line.gif) no-repeat 85% 50%; }
.list_table_style&gt;ul&gt;li:nth-child(2) dl dd:nth-child(2) { float: left; width: 32%; box-sizing: border-box; padding: 30px 10px; font-size: 16px; color: #333; text-align: left; }
.list_table_style&gt;ul&gt;li:nth-child(2) dl dd:nth-child(3) { float: left; width: 30%; box-sizing: border-box; padding: 30px 10px; font-size: 16px; color: #333; text-align: left; }
.list_table_style&gt;ul&gt;li:nth-child(2) span { display: block; height: 90px; border-radius: 5px; background: #f6f8fa; border: 1px solid #dfe2ea; font-size: 16px; color: #333; text-align: center; line-height: 90px; }
.list_table_style&gt;ul&gt;li:nth-child(3) span { display: block; height: 90px; border-radius: 5px; background: #f6f8fa; border: 1px solid #dfe2ea; font-size: 16px; color: #333; text-align: center; line-height: 90px; }  


@media(max-width:1024px) {
	.vacation_class_icon {padding: 30px 0;}	
	.list_table_style&gt;ul&gt;li:nth-child(1) { width: 20%; float: left; }
	.list_table_style&gt;ul&gt;li:nth-child(2) { width: 80%; height: 90px; padding-right: 0%; float: left; }
	.list_table_style&gt;ul&gt;li:nth-child(3) { width: 80%; height: 90px; float: left; }
	.list_table_style&gt;ul&gt;li:nth-child(2) dl dt { width: 28%; }
	.list_table_style&gt;ul&gt;li:nth-child(2) dl dt, .list_table_style&gt;ul&gt;li:nth-child(2) dl dd:nth-child(2), .list_table_style&gt;ul&gt;li:nth-child(2) dl dd:nth-child(3) { padding: 0 0 0 30px; line-height: 90px; text-align: left; }
	.list_table_style&gt;ul&gt;li, .list_table_style&gt;ul&gt;li strong { height: 130px; margin-bottom: 10px; line-height: 130px;}
	.list_table_style&gt;ul&gt;li:nth-child(2) span, .list_table_style&gt;ul&gt;li:nth-child(3) span { text-align: left; padding-left: 30px;}
}
@media(max-width:880px) {	
	.vacation_class_icon {padding:30px 0 40px 0;}	
	.vacation_class_icon ul li {width:50%; }
	.vacation_class_icon ul li:nth-child(1), .vacation_class_icon ul li:nth-child(2) { margin-bottom: 40px; }
	.list_table_style&gt;ul&gt;li:nth-child(1) { width: 30%; }
	.list_table_style&gt;ul&gt;li:nth-child(2), .list_table_style&gt;ul&gt;li:nth-child(3) { width: 70%; }
	.list_table_style&gt;ul&gt;li:nth-child(2) dl dt, .list_table_style&gt;ul&gt;li:nth-child(2) dl dd:nth-child(2), .list_table_style&gt;ul&gt;li:nth-child(2) dl dd:nth-child(3) { width: 100%; line-height: 30px; }
	.list_table_style&gt;ul&gt;li:nth-child(2) dl dt { background: none; }
	.list_table_style&gt;ul&gt;li:nth-child(2) dl dd:nth-child(2), .list_table_style&gt;ul&gt;li:nth-child(2) dl dd:nth-child(3) { padding-left: 30px; }
	.list_table_style&gt;ul&gt;li:nth-child(2) dl dd.bg_dot::before { left: 20px; }
}

@media(max-width:480px) {	
	.list_table_style&gt;ul&gt;li:nth-child(2) span, .list_table_style&gt;ul&gt;li:nth-child(3) span { padding: 0 20px; line-height: 30px; }
}
/* 독서문화프로그램 - 독서문화행사 */
.readingculture-img {display:inline-block; position:relative; background-image:url(/dadaelib/images/contents/bg_reading_culture.jpg); width:100%; vertical-align:top; background-position:center; background-size:cover; background-repeat:no-repeat; height: 570px; text-align: center;}
.readingculture-txt {display:inline-block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.readingculture-txt p { font-size: 24px; font-weight:500; color:#fff; margin-bottom:20px; }
.readingculture-txt sub {font-size: 16px; color:#fff; line-height:1.8em;}
.readingculture-txt ul { position: relative; width: 100%; max-width: 850px; margin: 0 auto; vertical-align: middle; }
.readingculture-txt ul li { width: 24%; padding: 40px 0; margin: 0 3.5%; display: inline-block; color: #dcdcdc; border-style: solid; border-color: rgb(255, 255, 255, 0.3); border-width: 12px; border-radius: 100%; box-sizing: border-box; }
.readingculture-txt ul li:nth-child(2) { width: 30%; padding: 70px 0; position: relative; }
.readingculture-txt ul li:nth-child(2)::before {display:inline-block; width: 22px; height: 20px; left: -23%; top:50%; background:url(/dadaelib/images/contents/icon_plus_shape.png) no-repeat left 50%; }
.readingculture-txt ul li:nth-child(2)::after {display:inline-block; width: 22px; height: 20px; right: -23%; top:50%; background:url(/dadaelib/images/contents/icon_plus_shape.png) no-repeat right 50%; }
.readingculture-txt ul li span.title { display: block; font-size: 18px; color: #fff; line-height: 2.5em; }

.readingculture-box {padding:45px 65px; border-radius:5px; border:1px solid #dedede; background-color:#f6f8fa;}
.readingculture-box ul{display:inline-block; width:100%; vertical-align:top;}
.readingculture-box ul li{float:left; width:50%; box-sizing:border-box;}
.readingculture-box ul li a{position:relative; display:block; height:98px; line-height:98px; padding-left:130px;}
.readingculture-box ul li a::before{display:inline-block; width:98px; height:98px; border-radius:98px; left:0; top:0; background-color:#fff; background-repeat:no-repeat; background-position:center; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.readingculture-box ul li:nth-child(1) a::before{background-image:url(/dadaelib/images/lsb/call01.png);}
.readingculture-box ul li:nth-child(2) a::before{background-image:url(/dadaelib/images/lsb/call02.png);}
.readingculture-box ul li a span{display:inline-block; line-height:1; font-size:15px; font-weight:700; color:#000;}
.readingculture-box ul li a span mark{margin-left:10px; font-size:17px; font-weight:700; color:#4d80de; font-family: 'Montserrat', sans-serif;}

.readingculture-icon { position: relative; max-width: 60%; margin: 0 auto; }
.readingculture-icon li { position: relative; display: inline-block; width: 40%; padding: 230px 4.5% 0; text-align: center; }
.readingculture-icon li:nth-child(1)::before { display:inline-block; width: 220px; height: 220px; left: 21%; top:0; box-sizing: border-box; border-style: solid; border-width: 12px; border-color: #c1dffa; border-radius: 100%; background: url(/dadaelib/images/contents/icon_readingculture_01.png) no-repeat 50% 50%; }
.readingculture-icon li:nth-child(1)::after { display:inline-block; width: 22px; height: 22px; left: 98%; top: 50%; background: url(/dadaelib/images/contents/icon_plus_shape_blue.png) no-repeat 100% 50%; }
.readingculture-icon li:nth-child(2)::before { display:inline-block; width: 220px; height: 220px; right: 20%; top:0; box-sizing: border-box; border-style: solid; border-width: 12px; border-color: #c1dffa; border-radius: 100%; background: url(/dadaelib/images/contents/icon_readingculture_02.png) no-repeat 50% 50%; }
.readingculture-icon li .title { display: block; font-size: 18px; }

@media(max-width:1280px) {
	.readingculture-icon { max-width: 100%; }

}	
@media(max-width:980px) {
	.readingculture-box {padding:30px 40px;}
	.readingculture-box ul li{float:none; width:100%;}
	.readingculture-box ul li a::before{width:95px; height:95px; border-radius:95px;}
	.readingculture-box ul li:nth-child(1) {margin-bottom:30px;}
}	
@media(max-width:880px){
	.readingculture-txt ul li { border-width: 5px; width: 25%; margin: 0 1%; }
	.readingculture-txt ul li:nth-child(2) { width: 40%; }
	.readingculture-txt ul li:nth-child(2)::before, .readingculture-txt ul li:nth-child(2)::after { display: none; }
}	

@media(max-width:640px){
	.readingculture-box {padding:30px;}
	.readingculture-icon li { padding: 10px 0px 0px 110px; width: 100%; height: 100px; text-align: left; }
	.readingculture-icon li:nth-child(1)::before, .readingculture-icon li:nth-child(2)::before { width: 100px; height: 100px; left: 0px; border: none; }
	.readingculture-icon li:nth-child(1)::after { display: none; }
	
}
@media(max-width:480px){
	.readingculture-img { height: 450px; }
	.readingculture-txt ul.mt60 { margin-top: 30px!important; }
	.readingculture-txt ul li, .readingculture-txt ul li:nth-child(2) { width: 90%; margin: 0px auto 5px; padding: 5px; border-radius: 10px; }
	.readingculture-txt ul li br { display: none; }
	.readingculture-txt ul li span.title { display: inline-block; padding-right: 10px; line-height: 1.6em; }
	
}
/* 참여마당 - 관련사이트 */
.box_site_img { padding: 80px 0; background-image:url(/dadaelib/images/contents/bg_site.jpg); }
.box_site_txt h3 { font-size: 30px; }
.box_site_txt p {font-size: 16px; color:#fff; line-height:2; text-align: center; }

.site_list { margin-top: 25px; overflow: hidden; }
.site_list li { position: relative; display: inline-block; float: left; width: 32.5%; padding-left: 0!important; margin-right: 1%; margin-bottom: 18px; }
h3 + ul.site_list &gt; li::before { display: none!important; width: 0px; height: 0px; overflow: hidden;}
.site_list li:nth-child(3n) { margin-right: 0; }
.site_list li a { display: block; width: 100%; height: 120px; box-sizing: border-box; padding: 30px 40px; border: 1px solid #DEDEDE; }
.site_list li a sub { font-size: 18px; color: #000; }
.site_list li a sub.tel_number { font-size: 16px; color: #333; }
.site_list li a sub.site_url { font-size: 16px; letter-spacing: -1px; }
.site_list li a span.num { font-family: 'Montserrat', sans-serif; display: block; font-size: 25px; color: #5485E0; line-height: 25px; }
.site_list li a span.name { display: block; color: #000; font-size: 18px; font-weight: 500; }
.site_list li a span.tel { padding-left: 10px; font-family: 'Montserrat', sans-serif; }
.site_list li a span.go_link { position: absolute; top: 60%; right: 6%; padding-right: 25px; background: url(/dadaelib/images/contents/icon_go_link.png) no-repeat right 40%; color: #666; font-weight: 500; }
.site_list li a:hover { border: 1px solid #5485e0; }
.site_list li a:hover span.go_link { background-image: url(/dadaelib/images/contents/icon_go_link_hover.png); }

.site_banner_list { margin-top: 55px; overflow: hidden; }
.site_banner_list li { position: relative; display: inline-block; width: 24%; margin-right: 1%; margin-bottom: 18px; padding-left: 0; }
.site_banner_list li:nth-child(4n) { margin-right: 0; }
.site_banner_list li a { display: block; width: 100%; height: 100px; line-height: 100px; border: 1px solid #DEDEDE; text-align: center;}
.site_banner_list li a:hover { border: 1px solid #5485e0; }
.site_banner_list li a img { max-width: 100%; }
.site_banner_list li::before { display: none; }

@media(max-width:980px) {
	.site_list li { width: 48%; }
	.site_list li:nth-child(3n) { margin-right: 1%; }
	.site_list li:nth-child(2n) { margin-right: 1%; }
	.site_banner_list li { width: 48%; }
}
@media(max-width:780px){
	.site_list li { width: 100%; } 
	.site_banner_list li { width: 99.5%; } 
	
}	

/* 기타 - 뷰어다운로드 상단 */
.icon_viewer p span{position:relative; display:block; height:98px; line-height:30px; padding-top: 20px; padding-left:130px;}
.icon_viewer p span::before {display:inline-block; width:98px; height:98px; border-radius:98px; left:0; top:0; background-color:#fff; background-image:url(/dadaelib/images/contents/icon_vewer.png); background-repeat:no-repeat; background-position:center; box-shadow:5px 5px 10px rgba(0,0,0,0.2); }

/* 기타 - 뷰어다운로드 목록 */
.list_banner { border-top: 1px solid #000; }
.list_banner li { padding: 30px 10px 30px; border-bottom: 1px solid #dedede; overflow: hidden; }
.list_banner li::before { background: none; }
.list_banner li .banner_viewer { display: inline-block; width: 15%; float: left; border-right: 1px solid #dedede; box-sizing: border-box; }
.list_banner li .banner_viewer img { border: 1px solid #dedede; } 
.list_banner li dl { width: 83%; float: left; padding-left: 2%; box-sizing: border-box; }
.list_banner li dl dt { font-weight: 600; }



/* 기타 - 사이트맵 */
.sitemap { max-width: 1280px; margin: 0 auto; }
.sitemap h3 { display: inline-block; padding: 10px 0; border-top: 2px solid #134E87; margin-top: -2px; }
.sitemap&gt;.st_box { border-top: 2px solid #dedede; margin-bottom: 55px; }
.sitemap&gt;.st_box&gt;ul.st_list { overflow: hidden; }
.sitemap&gt;.st_box&gt;ul.st_list&gt;li { width: 25%; float: left; padding-left: 0; margin-bottom: 20px; }
.sitemap&gt;.st_box&gt;ul.st_list&gt;li::before { display: none; }
.sitemap&gt;.st_box&gt;ul.st_list&gt;li&gt;a { width: 90%; display: block; border: 1px solid #dedede; line-height: 40px; text-align: center; font-size: 18px; font-weight: 500; color: #000; } 
.sitemap&gt;.st_box&gt;ul.st_list&gt;li&gt;ul { padding: 20px 0; box-sizing: border-box; }
.sitemap&gt;.st_box&gt;ul.st_list&gt;li&gt;ul&gt;li { position: relative; line-height: 30px; padding: 0 20px; }
.sitemap&gt;.st_box&gt;ul.st_list&gt;li&gt;ul&gt;li&gt;a::before { display: inline-block; width: 4px; height: 1px; left: 10px; top: 15px; background: #333; }

@media(max-width:780px){
	.sitemap&gt;.st_box&gt;ul.st_list&gt;li { width: 50%; }
	
}


/* 설문조사 */
.title_poll{
	margin-top:20px;
	background:url(../images/application/bg_poll_title.png) repeat 0 0;
	padding:20px;
	font-weight: bold;
	}
.title_poll h5{
	margin-left:0px !important;
	margin-top:25px !important;
	}
.poll_list{
	margin-top:20px;
	}
.poll_list &gt; dt {
	margin-top:20px;
	padding-top:10px;
	border-top:1px dotted #cccccc;
	font-weight: bold;
	}
.poll_list &gt; dt &gt; span{
	border-radius:3px;
	background:url(../images/application/icon_q.png) no-repeat 0 50%;
	padding-left:30px;
	padding-right:10px;
	display:inline-block;
	line-height:35px;
	font-weight:bold;
	color:#111111;
	}
.footer_poll{
	border-top:1px dotted #cccccc;
	margin-top:20px;
	padding-top:10px;
	}
.poll_list .box{
	position:relative;
	margin-top: 10px;
	}
.poll_list .box .count{
	position:absolute;
	left:10px;
	top: 27px;
	color:#111111;
	}
.poll_list .graph{
	width:100%;
	position:relative;
	border: 1px solid #cccccc;
    border-radius: 3px;
    height: 30px;
    box-shadow:0px 2px 4px #cccccc inset;
	}
.poll_list .graph &gt; span{
	position:absolute;
	left: -1px;
    top: -1px;
	display:block;
	height:30px;
	border-radius: 3px;
	border:1px solid #FEC514;
	background:#F9D35C;
	opacity:0.8;
	box-shadow:2px 0px 4px #cccccc;
	}
.poll_list li{
	margin-top: 20px;
}
</pre></body></html>