@charset "utf-8";

/*도서관행사 공통상단박스*/
.event_box{display:table;position: relative;width:100%;min-height:150px;margin-bottom:30px;padding:50px 0;text-align:left;border:2px solid #dfdfdf;border-top:2px solid #222;border-radius:0 0 20px 20px;}
.event_box .ver{display:table-cell;vertical-align:middle;padding:0 30px 0 240px;}
.event_box .bx_tit{display:inline-block;padding-bottom:10px;font-size:30px;font-family:'NotoKrB', sans-serif;color:#333;letter-spacing:-0.05em;word-break:keep-all;border-bottom:2px solid #333;}
.event_box ul li{margin-top:20px;padding-left:15px;font-size:15px;font-family:'NotoKrR', sans-serif;color:#555;letter-spacing:-0.05em;line-height:24px;word-break:keep-all;background:url(/nanum/site/builder/dir/yclib/img/menu3781/event_list_dot.gif) no-repeat left 8px;}
.event_box.icon3{background:url(/nanum/site/builder/dir/yclib/img/menu3781/event_icon_icon3.gif) no-repeat left 60px center !important;}/*한책읽기*/
.event_box.icon4{background:url(/nanum/site/builder/dir/yclib/img/menu3781/event_icon_icon4.gif) no-repeat left 45px center !important;}/*길위의인문학*/
.event_box.icon5{background:url(/nanum/site/builder/dir/yclib/img/menu3781/event_icon_icon5.gif) no-repeat left 40px center !important;}/*인문독서아카데미*/
.event_box.icon6{background:url(/nanum/site/builder/dir/yclib/img/menu3781/event_icon_icon6.gif) no-repeat left 40px center !important;}/*서울까치서당*/
.event_box.icon7{padding: 75px 0;}/*예술로놀자*/
/**/
.event_box .event_bg{position: absolute;left: 50px;top: 50%;transform: translateY(-50%);background: no-repeat 50% / contain;text-indent: -9999px;}
.event_box.icon2 .event_bg{width: 141px;height: 108px;background-image: url(/nanum/site/builder/dir/yclib/img/menu3781/event_icon_icon2.gif);}/*독서동아리*/
.event_box.icon1 .event_bg{left: 60px;width: 117px;height: 148px;background-image: url(/nanum/site/builder/dir/yclib/img/menu3781/event_icon_icon1.gif);}/*북스타트*/
.event_box.icon7 .event_bg{left: 40px;width: 170px;height: 240px;background-image: url(/nanum/site/builder/dir/yclib/img/menu3781/event_icon_icon7.gif);}/*북스타트*//*예술로놀자*/

/*상단배경박스 공통*/
.bg_cmmn_box{position:relative;padding:60px 50px;border:1px solid #dfdfdf;background:#ebf4ff;}
.bg_cmmn_box dl dt{font-size:30px;font-family:'NotoKrL', sans-serif;color:#333;letter-spacing:-0.05em;}
.bg_cmmn_box dl dt span{font-family:'NotoKrB', sans-serif;}
.bg_cmmn_box dl dd{margin-top:20px;font-size:16px;font-family:'NotoKrM', sans-serif;color:#666;line-height:25px;letter-spacing:-0.05em;word-break:keep-all;}
.bg_cmmn_box .btn_wrap{display:inline-block;margin-top:40px;}
.bg_cmmn_box .btn_wrap a{display:inline-block;height:43px;line-height:43px;padding:0 30px;font-size:16px;font-family:'NotoKrR', sans-serif;letter-spacing:-0.05em;border:1px solid #222;}
.bg_cmmn_box .btn_wrap a:hover{color:#fff;background:#222;}
.bg_cmmn_box .bg_icon{position:absolute;}
.bg_cmmn_box.bookfesta .bg_icon{top:75px;right:25px;}
.bg_cmmn_box.kbby .bg_icon{top:50px;right:30px;}

/*북페스티벌 안내*/
.bookfesta_wrap .festa_list ul{display:inline-block;width:100%;}
.bookfesta_wrap .festa_list ul li{float:left;width:425px;min-height:260px;padding-top:45px;}
.bookfesta_wrap .festa_list ul li .img_wrap{position:absolute;width:184px;height:260px;font-size:0;line-height:0;border:1px solid #dfdfdf;}
.bookfesta_wrap .festa_list ul li dl{padding:0 10px 0 205px;margin-top:20px;}
.bookfesta_wrap .festa_list ul li dl dt{margin-bottom:15px;font-size:18px;font-family:'Roboto', 'NotoKrM', sans-serif;color:#222;letter-spacing:-0.05em;}
.bookfesta_wrap .festa_list ul li dl dd{padding-left:8px;font-size:14px;font-family:'Roboto', 'NotoKrR', sans-serif;color:#444;line-height:24px;word-break:keep-all;letter-spacing:-0.05em;background:url(/nanum/site/builder/dir/yclib/img/menu3822/bookfesta_list.gif) no-repeat left 11px;}


/******************************1023******************************/
@media all and (max-width:1023px){

/*도서관행사 공통상단박스*/
.event_box.icon3,
.event_box.icon5,
.event_box.icon6{background-size:100px auto !important;background-position:left 50px center !important;}
.event_box.icon4{background-size:110px auto !important;background-position:left 40px center !important;}
.event_box.icon7{padding:50px 0;background-size:120px auto !important;background-position:left 40px center !important;}
.event_box .ver{padding:0 30px 0 200px;}
.event_box .bx_tit{font-size:24px;}
/**/
.event_box.icon1 .event_bg{left: 50px;width: 100px;}
.event_box.icon2 .event_bg{width: 110px;}
.event_box.icon7 .event_bg{width: 120px;}

/* 상단배경박스 공통 */
.bg_cmmn_box.bookfesta .bg_icon img{width:280px;}
.bg_cmmn_box.kbby .bg_icon img{width:260px;}

/*북페스티벌 안내*/
.bookfesta_wrap .festa_list ul li{width:50%;box-sizing:border-box;}
.bookfesta_wrap .festa_list ul li .img_wrap{width:150px;height:212px;}
.bookfesta_wrap .festa_list ul li .img_wrap img{width:150px;height:212px;}
.bookfesta_wrap .festa_list ul li dl{padding:0 10px 0 170px;}

}

/**************************************** 모바일 *********************************/
@media (max-width: 768px) {

/*도서관행사 공통상단박스*/
.event_box{display:block;min-height:auto;padding:50px 10px 10px;box-sizing:border-box;}
.event_box .ver{display:block;}
.event_box,
.event_box.icon1,
.event_box.icon3{background-size:60px auto !important;background-position:top 20px center !important;}
.event_box.icon2{background-size:90px auto !important;background-position:top 20px center !important;}
.event_box.icon4{background-size:70px auto !important;background-position:top 25px center !important;}
.event_box.icon5{background-size:75px auto !important;background-position:top 25px center !important;}
.event_box.icon6{background-size:100px auto !important;background-position:top 25px center !important;}
.event_box .ver{padding:60px 0 10px 0;}
.event_box.icon5 .ver{padding-top:30px;}
.event_box.icon6 .ver{padding-top:45px;}
.event_box.icon7 .ver{padding-top:110px;}
.event_box.icon7{padding: 50px 10px 10px;background-size:90px auto !important;background-position:top 20px center !important;}
.event_box .bx_tit{width:100%;font-size:18px;text-align:center;border-bottom:0;}
.event_box ul li{font-size:14px;}
.event_box ul li:first-child{margin-top:0;}
/**/
.event_box .event_bg{top: 0;left: 50% !important;transform: translate(-50%, 0);}
.event_box.icon1 .event_bg{width: 60px;height: 118px;}
.event_box.icon2 .event_bg{width: 90px;}
.event_box.icon7 .event_bg{width: 90px;height: 170px;}

/*상단배경박스 공통*/
.bg_cmmn_box{padding:30px 20px 130px;}
.bg_cmmn_box dl dt{font-size:22px;}
.bg_cmmn_box dl dd{font-size:14px;line-height:20px;}
.bg_cmmn_box dl dd br{display:none;}
.bg_cmmn_box .btn_wrap{margin-top:15px;}
.bg_cmmn_box .btn_wrap a{margin-top:5px;padding:0 15px;height:36px;line-height:36px;font-size:14px;}
.bg_cmmn_box .bg_icon{display:none;}
.bg_cmmn_box.bookfesta{padding-bottom:200px;background:#ebf4ff url(/nanum/site/builder/dir/yclib/img/menu3822/bg_cmmn_box_bookfesta.png) no-repeat center bottom;background-size:220px auto;}
.bg_cmmn_box.kbby{padding-bottom: 160px;background: #ebf4ff url(/nanum/site/builder/dir/yclib/img/menu3822/bg_cmmn_box_kbby.png) no-repeat 50% 100%/220px;}

/*북페스티벌 안내*/
.bookfesta_wrap .festa_list ul li{float:none;width:100%;min-height:141px;padding-top:0;margin:20px 0;}
.bookfesta_wrap .festa_list ul li .img_wrap{width:100px;height:auto;}
.bookfesta_wrap .festa_list ul li .img_wrap img{width:100px;height:auto;}
.bookfesta_wrap .festa_list ul li dl{margin-top:0;padding:0 10px 0 120px;}
.bookfesta_wrap .festa_list ul li dl dt{margin-bottom:5px;font-size:15px;}

}