/* 01독서인_01독서인이란 */
.sub1_1_section01{overflow: hidden}
.sub1_1_section01 ul{display:inline-block; width:100%;}
.sub1_1_section01 ul li{width:50%; float:left;}
.sub1_1_section01 ul li .txt_box{padding-left:10px;}
.sub1_1_section01 ul li .txt_box .txt01{color:#333; font-size:32px; font-weight:bold; margin:35px 0 75px; line-height: 150%;}
.sub1_1_section01 ul li .txt_box .txt01 span{color:#ff6600; font-weight:bold;}
.sub1_1_section01 ul li .txt_box .txt02{font-size:17px; color:#999; line-height: 155%;}

.sub1_1_section02{overflow: hidden; margin-top:70px;}
.sub1_1_section02 ul{display:inline-block; width:100%;}
.sub1_1_section02 ul.m_list01,
.sub1_1_section02 ul.m_list02,
.sub1_1_section02 ul.m_list03{display:none;}
.sub1_1_section02 ul li{width:33.33%; float:left;}
.sub1_1_section02 ul.list01{background:url('../images/01/sub01_1_8.png') no-repeat;}
.sub1_1_section02 ul.list02{background:url('../images/01/sub01_1_9.png') no-repeat;}
.sub1_1_section02 ul li a{}
.sub1_1_section02 ul li a dl{text-align:center;}
.sub1_1_section02 ul li a dl dt{font-size:24px; font-weight:500; color:#333; padding:50px 0;}
.sub1_1_section02 ul li a dl dt span{display:block; margin-bottom:15px;}
.sub1_1_section02 ul li a dl dd{font-size:16px; color:#999; line-height:155%; margin:25px 0 60px;}
.sub1_1_section02 .txt{text-align:center; font-size:14px; color:#b2b2b2; margin-bottom:65px}


/* 01독서인_02독서인캘린더 */
.sub1_2 .board_search_box{border-top:2px solid #333; text-align:left;}
.sub1_2 .board_search_box dl{position:relative; padding:10px 0 15px; text-align:left;}
.sub1_2 .board_search_box .search_box dl:first-child{padding-top:20px;}
.sub1_2 .board_search_box .search_box dl:first-child dt{line-height:80px}
.sub1_2 .board_search_box .search_box dl:last-child{padding-bottom:20px;}
.sub1_2 .board_search_box .search_box dl:last-child dt{line-height:55px;}
.sub1_2 .board_search_box dl dt{width:130px; position:absolute; left:0; color:#333; font-size:18px; font-weight:500; background:#f5f5f5; height:100%; top:0; line-height:42px; padding-left:30px;}
.sub1_2 .board_search_box dl dd{padding-left:180px; padding-right:20px; display:block;}
.sub1_2 .board_search_box dl dd span.input_t{display:block;}
.sub1_2 .board_search_box dl dd span.input_t input{border:1px solid #eee; line-height:40px; height:40px; width:100%; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none;  }
.sub1_2 .board_search_box dl dd.radio_list input{opacity: 0;}
.sub1_2 .board_search_box dl dd.radio_list input + label{font-size:16px; color:#777; position:relative; margin-left:17px;}
.sub1_2 .board_search_box dl dd.radio_list input + label:before{content:''; width:1px; height:10px; background:#e5e5e5; position:absolute; left:-17px; top:50%; margin-top:-5px;}
.sub1_2 .board_search_box dl dd.radio_list input:first-child + label{margin-left:-10px}
.sub1_2 .board_search_box dl dd.radio_list input:first-child + label:before{content:none;}
.sub1_2 .board_search_box dl dd.radio_list input[type=radio]:checked + label{color:#ff6600; font-weight:500;}
.sub1_2 .board_search_box dl dd span.input_select select{border:1px solid #eee; line-height:40px; height:40px; width:290px; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; color:#b2b2b2; background:url('../images/common/arrow_b.png') no-repeat; background-position:center right 17px}
.sub1_2 .board_search_box .search_box2{position:relative; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:5px;}
.sub1_2 .board_search_box .search_box2 dl{padding:17px 0;}
.sub1_2 .board_search_box .search_box2 dl dt{line-height:60px;}
.sub1_2 .board_search_box .search_box2 dl dd{padding-right:130px; min-height:25px;}
.sub1_2 .board_search_box .search_box2 dl dd p{display:inline-block; color:#999; font-size:15px; margin-right:20px;}
.sub1_2 .board_search_box .search_box2 dl dd p span{display:inline-block; margin-left:10px; vertical-align:middle; cursor: pointer}
.sub1_2 .board_search_box .search_box2 .submit_btn{display:inline-block; border:none; height:46px; position:absolute; right:0; top:6px; cursor: pointer; background: #333; font-size:14px; color:#fff; width:120px; line-height:46px; font-family: 'Noto Sans KR',SansSerif; border-radius:5px;}
.sub1_2 .board_search_box .ps_txt{color:#777; font-size:14px; line-height:180%;}

.sub1_2 .board_list_box{margin-top:40px; position:relative}
.sub1_2 .board_list_box .board_list{border-top:2px solid #ff6600; margin-top:20px;}
.sub1_2 .board_list_box .board_list table{margin-top:0;}
.sub1_2 .board_list_box .term_box{text-align:right;}
.sub1_2 .board_list_box .term_box input{line-height:40px; padding:0 15px; border:1px solid #eee; color:#b2b2b2; font-size:15px; font-family: 'Noto Sans KR', sans-serif; width:195px; position:relative}
.sub1_2 .board_list_box .term_box input[type="date"]::-webkit-calendar-picker-indicator {background: url('../images/01/btn_calendar_b.png') no-repeat;  background-position:center right; }
.sub1_2 .board_list_box .term_box input[type="date"]:before{content:''; width:2px; height:16px; background:#e5e5e5; position:absolute; top:50%; margin-top:-8px; right:46px;}
.sub1_2 .board_list_box .term_box span{display:inline-block; margin:0 10px;}
.sub1_2 .board_list_box .term_box .submit_btn{display:inline-block; border:none; height:42px; background:#333; font-size:14px; color:#fff; width:80px; line-height:42px; font-family: 'Noto Sans KR', sans-serif; vertical-align: middle; border-radius: 5px; cursor: pointer}


/* 01독서인_03추천도서_01책나눔위원회추천도서 */
.sub1_3_1 .board_search_box{position:absolute; right:0; top:-20px;}
.sub1_3_1 .board_search_box dl{text-align:right;}
.sub1_3_1 .board_search_box dl dt{display:inline-block; vertical-align: middle}
.sub1_3_1 .board_search_box dl dd{display:inline-block; vertical-align: middle}
.sub1_3_1 .board_search_box dl dd span.input_t{display:inline-block; position:relative}
.sub1_3_1 .board_search_box dl dd span.input_t input{color:#bbb; border:1px solid #e5e5e5; line-height:42px; height:42px; box-sizing: border-box; padding:0 45px 0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none;  }
.sub1_3_1 .board_search_box dl span.input_select select{width:130px; border:1px solid #e5e5e5; line-height:42px; height:42px; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; color:#b2b2b2; background:url('../images/common/arrow_b.png') no-repeat; background-position:center right 17px}
.sub1_3_1 .board_search_box dl dd span.input_t .submit{background:url('../images/common/search_ico.svg') no-repeat; background-position:center; width:42px; height:42px; position:absolute; right:0; top:0; border:none;background-size:auto 20px;}
.sub1_3_1 .board_search_box dl dd span.input_t .submit:before{content:''; width:2px; height:16px; position:absolute; top:50%; margin-top:-8px; background:#e5e5e5; left:0;}
.sub1_3_1 .board_list_box{padding-top:30px;}
.sub1_3_1 .board_list_box .board_list{position:relative}
.sub1_3_1 .board_list_box .board_list > p{color:#999; font-size:16px;}
.sub1_3_1 .board_list_box .board_list > p span{color:#333; font-weight:bold;}
.sub1_3_1 .board_list_box .board_list table{margin-top:20px; width:100%;}
.sub1_3_1 .board_list_box .board_list table th{color:#333; font-size:15px; font-weight:500;line-height:60px;}
.sub1_3_1 .board_list_box .board_list table th.mobile{display:none;}
.sub1_3_1 .board_list_box .board_list table thead tr{border-bottom:none}
.sub1_3_1 .board_list_box .board_list table tr{border-bottom:1px solid #e5e5e5}
.sub1_3_1 .board_list_box .board_list table tr td{font-size:16px; color:#777; text-align:center; line-height:70px; }
.sub1_3_1 .board_list_box .board_list table tr td.subject{text-align:left;}
.sub1_3_1 .board_list_box .board_list table tr td.mobile{display:none;}


/* 01독서인_03추천도서_02공공도서관인기도서 */
.sub1_3_2 .board_search_box{border-top:2px solid #333}
.sub1_3_2 .board_search_box dl{position:relative; text-align:left;}
.sub1_3_2 .board_search_box dl.w_50{width:50%; float:left;}
.sub1_3_2 .board_search_box dl.w_100{width:100%; display:inline-block; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.sub1_3_2 .board_search_box dl.w_100 dt{line-height:75px;}
.sub1_3_2 .board_search_box dl dt{width:130px; position:absolute; left:0; color:#333; font-size:18px; font-weight:500; background:#f5f5f5; height:100%; top:0; line-height:60px; padding-left:30px;}
.sub1_3_2 .board_search_box dl dd{padding-left:180px; padding-right:20px; line-height:60px; display:block;}
.sub1_3_2 .board_search_box dl dd span.input_t{display:block;}
.sub1_3_2 .board_search_box dl dd span.input_t input{border:1px solid #eee; line-height:40px; height:40px; width:100%; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none;  }
.sub1_3_2 .board_search_box dl dd.radio_list input{opacity: 0;}
.sub1_3_2 .board_search_box dl dd.radio_list input + label{font-size:16px; color:#777; position:relative; margin-left:17px;}
.sub1_3_2 .board_search_box dl dd.radio_list input + label:before{content:''; width:1px; height:10px; background:#e5e5e5; position:absolute; left:-17px; top:50%; margin-top:-5px;}
.sub1_3_2 .board_search_box dl dd.radio_list input:first-child + label{margin-left:-10px}
.sub1_3_2 .board_search_box dl dd.radio_list input:first-child + label:before{content:none;}
.sub1_3_2 .board_search_box dl dd.radio_list input[type=radio]:checked + label{color:#ff6600; font-weight:500;}
.sub1_3_2 .board_search_box dl dd span.input_select select{border:1px solid #eee; line-height:40px; height:40px; width:100%; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; color:#b2b2b2; background:url('../images/common/arrow_b.png') no-repeat; background-position:center right 17px}
.sub1_3_2 .board_search_box dl dd.term_box{line-height:100px;}
.sub1_3_2 .board_search_box dl dd.term_box .term_link{margin-right:10px; display:inline-block;}
.sub1_3_2 .board_search_box dl dd.term_box .term_link a{display:inline-block; width:60px; height:40px; line-height:40px; text-align:center; color:#777; font-size:15px; border:1px solid #eee; box-sizing: border-box; margin-left:-4px; vertical-align:middle}
.sub1_3_2 .board_search_box dl dd.term_box .term_link a.on{color:#fff; background:#ff6600;}
.sub1_3_2 .board_search_box dl dd.term_box input{line-height:36px; padding:0 15px; border:1px solid #eee; color:#b2b2b2; font-size:15px; font-family: 'Noto Sans KR', sans-serif; width:200px; box-sizing: border-box; position:relative}
.sub1_3_2 .board_search_box dl dd.term_box input[type="date"]::-webkit-calendar-picker-indicator {background: url('../images/01/btn_calendar_b.png') no-repeat;  background-position:center right; }
.sub1_3_2 .board_search_box dl dd.term_box input[type="date"]:before{content:''; width:2px; height:16px; background:#e5e5e5; position:absolute; top:50%; margin-top:-8px; right:46px;}
.sub1_3_2 .board_search_box dl dd.term_box span{display:inline-block; margin:0 10px;}
.sub1_3_2 .board_search_box dl dd.term_box .btn_search{position:absolute; right:0; top:50%; margin-top:-20px; background:#333; color:#fff; font-size:14px; text-align:center; border-radius: 5px; width:120px; height:46px; line-height:46px;}
.sub1_3_2 .board_search_box .btn_search.display_mo{display:none;}

.sub1_3_2 .board_list_box{padding-top:40px;}
.sub1_3_2 .board_list_box .board_list > p{color:#999; font-size:16px;}
.sub1_3_2 .board_list_box .board_list > p span{color:#333; font-weight:bold;}
.sub1_3_2 .board_list_box .board_list .list_wrap{overflow: hidden; margin-top:20px;}
.sub1_3_2 .board_list_box .board_list .list_wrap ul{margin:-10px;}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li{width:50%; float:left;}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li > div{margin:10px;}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a{border:1px solid #e5e5e5; display:inline-block; width:100%; box-sizing: border-box}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl{position:relative}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dt{width:200px; text-align:center; position:absolute; left:0; padding:40px 0; }
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dt .num{position:absolute; top:0; left:0; color:#fff; font-size:16px; font-weight:bold; width:36px; height:36px; background:#b2b2b2; line-height:36px; border-bottom-right-radius: 10px;}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a:hover dl dt .num{background:#ff6600}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dt .img{width:120px; display:inline-block;}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dt .img > img{max-width:100%; display:block; max-height:168px;}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dd{padding:40px 40px 40px 200px;}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dd p{text-overflow:ellipsis; word-wrap:break-word; position:relative; color:#333; font-size:20px; font-weight:500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.2em;
    height:2.4em; overflow: hidden;
    margin-bottom:20px;
    width:90%;
}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dd span{display:block; padding-left:10px; position:relative; color:#777; font-size:15px; line-height:174%; text-overflow: ellipsis; white-space: nowrap; width:100%; overflow: hidden}
.sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dd span:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; top:50%; margin-top:-1.5px; left:0;}


/* 01독서인_03추천도서_03기관별추천도서 */

.sub1_3_3 .board_search_box{border-top:2px solid #333; margin-top:25px;}
.sub1_3_3 .board_search_box .search_box{border-bottom:1px solid #e5e5e5; margin-bottom:10px; position:relative}
.sub1_3_3 .board_search_box dl{position:relative; text-align:left;}
.sub1_3_3 .board_search_box dl:first-child{padding-top:10px;}
.sub1_3_3 .board_search_box dl:first-child dt{line-height:80px}
.sub1_3_3 .board_search_box dl:last-child{padding-bottom:10px;}
.sub1_3_3 .board_search_box dl:last-child dt{line-height:55px;}
.sub1_3_3 .board_search_box dl dt{width:130px; position:absolute; left:0; color:#333; font-size:18px; font-weight:500; background:#f5f5f5; height:100%; top:0; line-height:60px; padding-left:30px;}
.sub1_3_3 .board_search_box dl dd{padding-left:180px; padding-right:20px; line-height:60px;}
.sub1_3_3 .board_search_box dl dd span.input_t{display:block;}
.sub1_3_3 .board_search_box dl dd span.input_t input{border:1px solid #eee; line-height:40px; height:40px; width:100%; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none;  }
.sub1_3_3 .board_search_box dl dd span.input_select select{border:1px solid #eee; line-height:40px; height:40px; width:100%; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; color:#b2b2b2; background:url('../images/common/arrow_b.png') no-repeat; background-position:center right 17px}
.sub1_3_3 .board_search_box dl dd span.select_160{width:160px; display:inline-block; vertical-align: middle;}
.sub1_3_3 .board_search_box dl dd span.select_280{width:280px; display:inline-block; margin-left:6px; vertical-align: middle;}
.sub1_3_3 .board_search_box dl dd span.text_450{width:450px; display:inline-block; margin-left:6px; vertical-align: middle;}
.sub1_3_3 .board_search_box .submit_btn{display:inline-block; border:none; height:46px; position:absolute; right:0; bottom:5px; cursor: pointer; background:#333; color:#fff; font-size:14px; width:120px; line-height:46px; text-align:center; border-radius: 5px; text-align:center;}
.sub1_3_3 .board_search_box .ps_txt{color:#777; font-size:14px; line-height:180%;}

.sub1_3_3 .board_list_box{padding-top:40px;}
.sub1_3_3 .board_list_box .board_list{position:relative}
.sub1_3_3 .board_list_box .board_list > p{color:#999; font-size:16px;}
.sub1_3_3 .board_list_box .board_list > p span{color:#333; font-weight:bold;}
.sub1_3_3 .board_list_box .board_list .sort_list{position:absolute; top:-6px; right:120px;}
.sub1_3_3 .board_list_box .board_list .sort_list span{color:#999; font-size:15px; display:inline-block; position:relative; padding:0 15px; line-height:36px;}
.sub1_3_3 .board_list_box .board_list .sort_list span:before{content:''; width:1px; height:8px; background:#e5e5e5; position:absolute; top:50%; margin-top:-4px; left:0;}
.sub1_3_3 .board_list_box .board_list .sort_list span:first-child:before{content:none;}
.sub1_3_3 .board_list_box .board_list .sort_list span.on a{color:#ff6600}
.sub1_3_3 .board_list_box .board_list .btn_down{margin-left:15px; display:inline-block; vertical-align: middle; width:120px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#fca313; border:1px solid #fca313; border-radius: 5px; box-sizing:border-box; position:absolute; top:-5px; right:0}
.sub1_3_3 .board_list_box .board_list .sort_list select{display:none;}
.sub1_3_3 .board_list_box .board_list .list_wrap{overflow: hidden; margin-top:20px;}
.sub1_3_3 .board_list_box .board_list .list_wrap ul{margin:-10px;}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li{width:50%; float:left;}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li > div{margin:10px;}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a{border:1px solid #e5e5e5; display:inline-block; width:100%; box-sizing: border-box}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl{position:relative}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dt{width:200px; text-align:center; position:absolute; left:0; padding:40px 0; }
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dt .num{position:absolute; top:0; left:0; color:#fff; font-size:16px; font-weight:bold; width:36px; height:36px; background:#b2b2b2; line-height:36px; border-bottom-right-radius: 10px;}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a:hover dl dt .num{background:#ff6600}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dt .img{}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dd{padding:40px 40px 40px 200px;}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dd p{text-overflow:ellipsis; word-wrap:break-word; position:relative; color:#333; font-size:20px; font-weight:500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.2em;
    height:2.4em; overflow: hidden;
    margin-bottom:20px;
    width:90%;
}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dd span{display:block; padding-left:10px; position:relative; color:#777; font-size:15px; line-height:174%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:98%; overflow:hidden;}
.sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dd span:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; top:50%; margin-top:-1.5px; left:0;}


/* 01독서인_03추천도서_04내가권하는한권의책 */

.board_common .board_list_box{margin-top:50px;} /* 210905 수정 */
.board_common .board_list_box .board_list{position:relative} /* 210905 수정 */
.board_common .ps_txt{color:#777; font-size:14px; line-height:180%;}/* 210905 수정 */
.board_common .board_list_box .board_list .list_wrap{margin-top:15px; overflow: hidden}/* 210905 수정 */
.board_common .board_list_box .board_list .list_wrap ul{margin:-10px;}/* 210905 수정 */
.board_common .board_list_box .board_list .list_wrap ul li{width:33.33%; float:left;}/* 210905 수정 */
.board_common .board_list_box .board_list .list_wrap ul li div{margin:10px;}/* 210905 수정 */
.board_common .board_list_box .board_list .list_wrap ul li div dl{border:1px solid #e5e5e5; display:inline-block; width:100%; box-sizing: border-box}/* 210905 수정 */
.board_common .board_list_box .board_list .list_wrap ul li div dl dt{text-align:center; background:#f5f5f5; border-bottom:1px solid #e5e5e5; height:230px; line-height:230px; overflow:hidden; box-sizing: border-box}/* 210907 수정 */
.board_common .board_list_box .board_list .list_wrap ul li div dl dt img{vertical-align: middle; max-width:100%; margin:0 auto; max-height:100%}/* 210907 수정 */
.board_common .board_list_box .board_list .list_wrap ul li div dl dd{padding:30px 25px;}/* 210905 수정 */
.board_common .board_list_box .board_list .list_wrap ul li div dl dd p{text-overflow:ellipsis; word-wrap:break-word; position:relative; color:#333; font-size:20px; font-weight:500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.2em;
    height:2.4em; overflow: hidden;
    margin-bottom:20px;
    width:90%;}/* 210905 수정 */
.board_common .board_list_box .board_list .list_wrap ul li div dl dd span{display:block; padding-left:10px; position:relative; color:#777; font-size:15px; line-height:174%;
    text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:85%; overflow:hidden;}/* 210905 수정 */
.board_common .board_list_box .board_list .list_wrap ul li div dl dd span:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; top:50%; margin-top:-1.5px; left:0;}
/* 210905 수정 */

/* 01독서인_06한도시한책읽기 */
.sub1_6 .content{margin:10px 0 120px; text-align: center;}
.sub1_6 .content > img{max-width:100%;}


/* 01독서인_06한도시한책읽기_02참여도시 */
.sub1_6_2 .board_list_box .board_list .list_wrap{}
.sub1_6_2 .board_list_box .board_list .list_wrap ul{margin:-10px; display:inline-block;}
.sub1_6_2 .board_list_box .board_list .list_wrap ul li{width:50%; float:left;}
.sub1_6_2 .board_list_box .board_list .list_wrap ul li a{margin:10px; display:block;}
.sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl{position:relative; display:table; table-layout: fixed; width:100%; border: 1px solid #e5e5e5;}
.sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dt{width:150px; height:150px; }
.sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dt,
.sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dd{display:table-cell; vertical-align: middle;}
.sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dt > img{display:block; max-width:100%;}
.sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dd{padding-left:30px;}
.sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dd p{text-overflow:ellipsis; word-wrap:break-word; position:relative; color:#333; font-size:20px; font-weight:500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.2em;
    height:2.4em; overflow: hidden;
    width:90%;}
.sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dd span{color:#777; font-size:15px; font-weight:normal; display:block; margin-top:20px;}


@media (max-width:1240px) {
    .sub1_1_section02 {max-width: 940px; margin: 40px auto;  }
    .sub1_1_section02 ul{background-size:100% !important;}
    .sub1_2 .board_search_box dl dd span.input_select select{width:100%;}
    .sub1_3_3 .board_search_box dl dd span.select_160{width:100px;}
    .sub1_3_3 .board_search_box dl dd span.select_280{width:200px;}
    .sub1_3_3 .board_search_box dl dd span.text_450{width:300px;}
}


@media (max-width:980px) {
    .sub1_1_section01 ul li > img{width:330px;}
    .sub1_1_section01 ul li .txt_box{padding-left:0; text-align:center;}
    .sub1_1_section01 ul li .txt_box .txt01{font-size:22px; margin:25px 0 15px;}
    .sub1_1_section01 ul li .txt_box .txt02{font-size:16px;}
    .sub1_1_section01 ul li .txt_box .txt02 em{display:block;}
    .sub1_1_section02 ul li a dl dt{padding:30px 0; font-size:20px;}
    .sub1_1_section02 ul li a dl dd{font-size:15px;}
    .sub1_1_section02{max-width:768px;}
    .sub1_3_2 .board_search_box dl.w_50{width:100%; float:none;}
    .sub1_3_2 .board_search_box dl dd.term_box .btn_search.display_pc{display:none;}
    .sub1_3_2 .board_search_box .btn_search.display_mo{display:block; background:#333; color:#fff; font-size:14px; text-align:center; border-radius: 5px; width:100%; height:44px; line-height:44px; margin-top:10px;}
    .sub1_3_2 .board_search_box dl dt{width:70px; font-size:14px; line-height:42px; padding-left:10px;}
    .sub1_3_2 .board_search_box dl dd{padding-left:90px; padding-right:5px; }
    .sub1_3_2 .board_search_box dl dd span.input_t input,
    .sub1_3_2 .board_search_box dl dd span.input_select select,
    .sub1_3_2 .board_search_box .search_box2 dl dd p{line-height:35px; height:35px; font-size:14px;}
    .sub1_3_2 .board_search_box dl{padding:10px 0;}
    .sub1_3_2 .board_search_box dl dd{line-height:150%;}
    .sub1_3_2 .board_search_box dl dd.term_box{line-height:150%; padding-top:10px; padding-bottom:10px;}
    .sub1_3_2 .board_search_box dl dd.term_box .term_link{display:inline-block; margin-bottom:10px; width:100%;}
    .sub1_3_2 .board_search_box dl dd.term_box .term_link a{margin-left:0; float:left;}
    .sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dt{width:150px; padding:30px 0;}
    .sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dt .img{width:90px;}
    .sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dt .num{font-size:12px; width:28px; height:28px; line-height:28px;}
    .sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dd{padding:30px 30px 30px 150px;}
    .sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dd p{font-size:16px;}
    .sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dd span{font-size:12px;}
    .sub1_3_2 .board_search_box dl dd.term_box input{width:45%;}

    .sub1_3_3 .board_search_box dl{ padding:10px 0;}
    .sub1_3_3 .board_search_box dl dt{width:70px; font-size:14px; line-height:50px; padding-left:10px;}
    .sub1_3_3 .board_search_box dl:first-child dt{line-height:55px;}
    .sub1_3_3 .board_search_box dl dd{padding-left:90px; padding-right:5px; line-height:150%; display:block; width:auto;}
    .sub1_3_3 .board_search_box dl dd span.input_t input,
    .sub1_3_3 .board_search_box dl dd span.input_select select,
    .sub1_3_3 .board_search_box .search_box2 dl dd p{line-height:35px; height:35px; font-size:14px;}
    .sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dt{width:150px; padding:30px 0;}
    .sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dt .img > img{width:90px;}
    .sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dt .num{font-size:12px; width:28px; height:28px; line-height:28px;}
    .sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dd{padding:30px 30px 30px 150px;}
    .sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dd p{font-size:16px;}
    .sub1_3_3 .board_list_box .board_list .list_wrap ul li a dl dd span{font-size:12px;}
    .board_common .board_list_box .board_list .list_wrap ul li div dl dd{padding:15px;}/* 210905 수정 */
    .board_common .board_list_box .board_list .list_wrap ul li div dl dd p{font-size:16px; width:90%;}/* 210905 수정 */
    .board_common .board_list_box .board_list .list_wrap ul li div dl dd span{font-size:12px; width:90%}/* 210905 수정 */
    .sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dt{width:100px;}
    .sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dt > img{width:100%;}
    .sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dd{padding-left:20px;}
    .sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dd p{font-size:16px;}
    .sub1_6_2 .board_list_box .board_list .list_wrap ul li a dl dd span{font-size:14px; margin-top:10px;}
}

@media (max-width:768px) {
    .sub1_1_section01 ul li{width:100%; text-align:center}
    .sub1_1_section01 ul li .txt_box .txt01{font-size:20px;}
    .sub1_1_section01 ul li .txt_box .txt02{font-size:14px;}
    .sub1_1_section02 ul{display:none;}
    .sub1_1_section02 ul.m_list01,
    .sub1_1_section02 ul.m_list02,
    .sub1_1_section02 ul.m_list03{display:inline-block;}
    .sub1_1_section02 ul li{width:50%;}
    .sub1_1_section02 ul.m_list01,
    .sub1_1_section02 ul.m_list03{background:url('../images/01/m_sub01_1_8.png') no-repeat; }
    .sub1_1_section02 ul.m_list02{background:url('../images/01/m_sub01_1_9.png') no-repeat; }
    .sub1_1_section02{max-width:480px;}
    .sub1_1_section02 ul li a dl dt{padding:40px 0;}
    .sub1_1_section02 ul li a dl dd{margin:5px 0 20px;}
    .sub1_2 .board_search_box dl dd{width:auto;}
    .sub1_2 .board_search_box .search_box2{border-bottom:none;}
    .sub1_2 .board_search_box .search_box2 dl{border-bottom:1px solid #e5e5e5;}
    .sub1_2 .board_search_box .search_box2 dl dd{padding-right:0;}
    .sub1_2 .board_search_box .search_box2 .submit_btn{width:100%; position:relative; margin-bottom:20px;}
    .sub1_2 .board_list_box .term_box{text-align:center;}
    .sub1_2 .board_list_box .term_box input{width:39%;}
    .sub1_2 .board_list_box .term_box .submit_btn{width:100%; margin-top:10px;}
    .sub1_2 .board_list_box .btn_write{position:relative; width:100%; margin-top:10px; display:block;}
    .sub1_2 .board_list_box .board_list table tr td.mobile{padding:15px 10px;}
    .sub1_2 .board_list_box .board_list table tr td.mobile .tit{width:100%; display:block; line-height:145%;}
    .sub1_2 .board_list_box .board_list table tr td.mobile span.f_o{display:block; width:auto; float:none; padding:0; line-height:155%;}
    .sub1_2 .board_list_box .board_list table tr td.mobile span.f_o::before{display:none;}
    .sub1_2 .board_list_box .board_list table tr td.mobile .write{width:100%; text-align:left; color: #999; font-size: 14px;}
    .sub1_2 .board_list_box .board_list table tr td.mobile .write em{padding-left:20px; position:relative;}
    .sub1_2 .board_list_box .board_list table tr td.mobile .write em:before{content:''; width:1px; height:8px; position:absolute; top:50%; margin-top:-4px; left:10px; background:#ccc}

    .sub1_3_1 .board_list_box .board_list table colgroup,
    .sub1_3_1 .board_list_box .board_list table th,
    .sub1_3_1 .board_list_box .board_list table tr td{display:none;}
    .sub1_3_1 .board_list_box .board_list table{}
    .sub1_3_1 .board_list_box .board_list table th.mobile{display:inline-block; color:#333; font-size:16px; font-weight:500; width:100%;line-height:45px;}
    .sub1_3_1 .board_list_box .board_list table th.mobile span{display:inline-block; float:left; line-height:45px;}
    .sub1_3_1 .board_list_box .board_list table th.mobile .tit{width:80%;}
    .sub1_3_1 .board_list_box .board_list table th.mobile .write{width:20%;}
    .sub1_3_1 .board_list_box .board_list table tr td.mobile{display:block; color:#777; font-size:16px; font-weight:500; text-align:left; }
    .sub1_3_1 .board_list_box .board_list table tr td.mobile span{display:inline-block; float:left; line-height:45px;}
    .sub1_3_1 .board_list_box .board_list table tr td.mobile .tit{width:80%;}
    .sub1_3_1 .board_list_box .board_list table tr td.mobile .tit em{padding-left:8px;}
    .sub1_3_1 .board_list_box .board_list table tr td.mobile .write{width:20%; text-align:center;}

    .sub1_3_1 .board_search_box dl span.input_select select{width:120px; line-height:35px; height:35px; font-size:14px;}
    .sub1_3_1 .board_search_box dl dd span.input_t input{line-height:35px; height:35px; font-size:14px;}
    .sub1_3_1 .board_search_box dl dd span.input_t .submit{width:35px; height:35px;}
    .sub1_3_1 .board_search_box{position:relative; top:auto; right:auto;}
    .sub1_3_1 .board_list_box{padding-top:0;}
    .sub1_3_1 .board_list_box .board_list > p{margin:15px 0 10px; font-size:14px;}

    .sub1_3_1 .board_search_box dl{width:100%; text-align:center;}
    .sub1_3_1 .board_search_box dl dt{width:30%;}
    .sub1_3_1 .board_search_box dl span.input_select select{width:100%;}
    .sub1_3_1 .board_search_box dl dd{width:69%;}
    .sub1_3_1 .board_search_box dl dd span.input_t,
    .sub1_3_1 .board_search_box dl dd span.input_t input{width:100%;}

    .sub1_3_2 .board_list_box .board_list .list_wrap ul li,
    .sub1_3_3 .board_list_box .board_list .list_wrap ul li{width:100%;}

    .sub1_3_3 .board_search_box .search_box{border-bottom:0;}
    .sub1_3_3 .board_search_box dl{border-bottom:1px solid #e5e5e5;}
    .sub1_3_3 .board_search_box dl:first-child{border-bottom:none;}
    .sub1_3_3 .board_search_box .submit_btn{height:44px; line-height:44px; width:100%; display:block; position:relative; margin-top:10px;}
    .sub1_3_3 .board_list_box .board_list .sort_list span{display:none;}
    .sub1_3_3 .board_list_box .board_list .sort_list select{display:block; color:#999; font-size:14px; border:none; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; background:url('../images/common/arrow_b.png') no-repeat; background-position:center right; padding-right:20px;}

    .sub1_3_3 .board_search_box dl dd span.select_160{width:100%;}
    .sub1_3_3 .board_search_box dl dd span.select_280{width:100%; margin-left:0; margin-top:5px;}
    .sub1_3_3 .board_search_box dl dd span.text_450{width:100%; margin-left:0; margin-top:5px;}
    .sub1_3_3 .board_search_box .ps_txt{color:#909090; font-size:12px;}
    .sub1_3_3 .board_list_box .board_list > p{font-size:14px;}
    .sub1_3_3 .board_list_box .board_list .sort_list{right:0;}
    .sub1_3_3 .board_list_box .board_list .btn_down{position:relative; top:auto; right:auto; margin-left:0; width:100%; margin-top:10px; height:40px; line-height:40px;}

    .board_common .ps_txt{color:#909090; font-size:12px;}/* 210905 수정 */
    .board_common .board_list_box .board_list .list_wrap ul li{width:50%;}/* 210905 수정 */
    .board_common .board_list_box .board_list .list_wrap ul li div dl dt{height:170px; line-height:170px;}/* 210907 수정 */
    .board_common .board_list_box .board_list .list_wrap ul li div dl dt > img{height:100%; display:block;}/* 210907 수정 */

    .sub1_6_2 .board_list_box .board_list .list_wrap ul li{width:100%;}

}

@media (max-width:640px) {
    .sub1_2 .board_search_box .ps_txt{font-size:12px;}
    .sub1_2 .board_search_box dl{padding:5px 0;}
    .sub1_2 .board_search_box .search_box dl:first-child{padding-top:10px;}
    .sub1_2 .board_search_box .search_box dl:first-child dt{line-height:60px}
    .sub1_2 .board_search_box .search_box dl:last-child{padding-bottom:10px;}
    .sub1_2 .board_search_box .search_box dl:last-child dt{line-height:55px;}
    .sub1_2 .board_search_box dl dt{width:70px; font-size:14px; line-height:42px; padding-left:10px;}
    .sub1_2 .board_search_box dl dd{padding-left:90px; padding-right:5px;}
    .sub1_2 .board_search_box dl dd span.input_t input,
    .sub1_2 .board_search_box dl dd span.input_select select,
    .sub1_2 .board_search_box .search_box2 dl dd p{line-height:35px; height:35px; font-size:14px;}
    .sub1_2 .board_search_box .search_box2 dl{padding:10px 0;}
}

@media (max-width:480px) {
    .sub1_1_section02{max-width:330px;}
    .sub1_1_section02 ul li a dl dt{padding:25px 0; font-size:14px;}
    .sub1_1_section02 ul li a dl dt span{margin-bottom:10px;}
    .sub1_1_section02 ul li a dl dt span > img{width:30px;}
    .sub1_1_section02 ul li a dl dd{margin:10px 5px 25px; font-size:12px; }
    .sub1_1_section02 ul li a dl dd > br{display:none;}
    .sub1_1_section02 .txt{font-size:12px;}
    .sub1_2 .board_list_box .term_box input{width:35%;}
    .sub1_3_2 .board_search_box dl dd{width:auto;}
    .sub1_3_2 .board_search_box dl dd.term_box input{width:42%;}
    .sub1_3_2 .board_list_box .board_list .list_wrap ul li a dl dd{padding-left:136px;}

    /*.board_common .board_list_box .board_list .list_wrap ul li{width:100%;}!* 210907 수정 *!*/
}