@charset "UTF-8";
@font-face {
    font-family: 'ONE-Mobile-POP';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*인사말*/
.greeting{font-family: GmarketSans;   background:#f1f3fd url(/hadanlib/images/contents/greeting_bg.gif) no-repeat 0 bottom; margin-right:90px; border-radius:500px 80px 80px 0; padding:85px 0 85px 400px;}
.greeting div{position:relative; background:#fff; border-radius:30px; padding:60px; margin-right:-90px; box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);}
.greeting div:before{content:''; display:block; position: absolute; right:30px; top:-30px; width:116px; height:116px; background:url(/hadanlib/images/contents/greeting_img02.png) no-repeat 0 bottom;}
.greeting div:after{content:''; display:block; position: absolute; left:-400px; top:0px; width:456px; height:567px; background:url(/hadanlib/images/contents/greeting_img01.png) no-repeat 0 bottom;}
.greeting .bxt{font-family: 'ONE-Mobile-POP'; font-size:42px; color:#bb0c51;}
.greeting .sbxt{font-size:22px; color:#000;  font-weight: 700; margin:20px 0; }
.greeting .sbxt span{color:#e63355;}
.greeting .memo{font-size:15px;}
.greeting .sain{text-align: right; font-size:14px;}

@media(max-width:1048px){
	
	.greeting{ padding: 85px 0 85px 80px; border-radius: 80px 80px 80px 0;}
	.greeting div:after{display:none;}
		
}

@media(max-width:768px){
	
	.greeting{padding:30px; margin-right:0px;     border-radius: 0;}
	.greeting div{margin-right:0px; padding: 30px; word-break: keep-all;}
	.greeting div:before{top: -10px;  width: 80px;  height: 80px; background-size: contain;} 
	.greeting .memo br.di{display: none !important;}
	.greeting .bxt{font-size:30px; line-height: 30px; }
	.greeting .sbxt{font-size:20px; margin: 20px 0; line-height: 25px; }
	
		
}

@media(max-width:580px){
	.greeting div:before{display:none;}		
}



/*연혁*/
.history_wrap{background:url(/hadanlib/images/contents/history_bg.jpg) no-repeat 0 bottom; border-radius:30px; padding:130px 88px 50px 88px; display: flex; justify-content: space-between; flex-wrap: wrap;     background-size: cover;}
.history_wrap div{width:50%; font-family: GmarketSans; }
.history_wrap .tit{background:url(/hadanlib/images/contents/history_tit_icon.png) no-repeat 0 bottom; padding-bottom:330px;}
.history_wrap .btxt{line-height: 45px; font-size:42px; color:#b138a5; font-weight: 700;} 
.history_wrap .stxt{font-size:16px; color:#bababa;}

.history_wrap .history_con{margin-top:-55px; }
.history_wrap .history_con dl{display: flex; justify-content: space-between; flex-wrap: wrap; margin:55px 0; border-bottom:3px dotted #d3d3d3; padding-bottom:25px;} 
.history_wrap .history_con dl:last-child{border-bottom:none;}
.history_wrap .history_con dl dt{width:115px; font-size:20px; color:#000;  font-weight: 700;}
.history_wrap .history_con dl dd{width:calc(100% - 115px); }
.history_wrap .history_con dl dd li{display: flex;  flex-wrap: wrap; margin-bottom:35px;}
.history_wrap .history_con dl dd li .h_day{font-weight: 700; font-size:17px; color:#6f1daf; width:75px;}
.history_wrap .history_con dl dd li .h_con{width:calc(100% - 75px); color:#444444; font-family: 'Pretendard';}

@media(max-width:900px){
	.history_wrap{padding: 130px 50px 50px 50px;}	
	.history_wrap .btxt{font-size:35px;}
}

@media(max-width:750px){
	.history_wrap{padding: 50px 30px 0 30px;}	
	.history_wrap div{width:100%;}	
	.history_wrap .tit{background:none; padding-bottom:50px;}

	
}
@media(max-width:450px){
	.history_wrap{border-radius: 10px;}	
	.history_wrap .history_con dl{margin: 35px 0;}
	.history_wrap .history_con dl dt,
	.history_wrap .history_con dl dd{width:100%;}
	.history_wrap .history_con dl dt{margin-bottom: 10px;}
	.history_wrap .history_con dl dd li{margin-bottom: 5px;}
}

/*시설안내*/
.facilities { padding-top:65px; }
.facilities ul{position: relative;display:flex; flex-wrap: wrap; background:#f1f3fd url(/hadanlib/images/contents/facilities.png) no-repeat right bottom; border-radius:20px 20px 80px 20px;  padding:0 50px 40px 50px;}
.facilities ul li{width:25%;  text-align: center; margin-top:-64px;}
.facilities ul span{display:block;}
.facilities ul span.tumb{width:163px; height:163px; border-radius:50%; background:#fff; line-height: 163px; margin:0 auto;     box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);}
.facilities ul span.btxt{margin:18px 0 10px 0; font-weight:700; font-family: GmarketSans;}
.facilities ul span.stxt{font-family: GmarketSans; font-size:14px; line-height: 22px;}

@media(max-width:830px){
	
	.facilities{ padding: 0px;}
	.facilities ul{padding: 40px;}
	.facilities ul li{margin-top: 0px;  width:50%; padding-bottom:20px;}
	.facilities ul span.tumb{width: 100px; height: 100px; line-height: 100px;}
	.facilities ul span.tumb img{width: 80px; }
	
}

@media(max-width:500px){
	
	.facilities ul{padding: 20px; border-radius:20px;}
	.facilities ul span.tumb img { width: 60px;}
	
}



/* 층별도면 */
.dadaelib-floor-guide{position:relative;}
.dadaelib-floor-guide .dadaelib-floor-guide-tab{margin-bottom: 40px; width: 100%; text-align: center; border: 1px solid #ddd; border-radius: 10px; display: flex;}
.dadaelib-floor-guide .dadaelib-floor-guide-tab button{border-left:1px solid #ddd; width:25%; font-size: 17px; display: block; text-align: center; font-family: GmarketSans; padding: 20px 0;}
.dadaelib-floor-guide .dadaelib-floor-guide-tab button.active{ background: #6a3fa0; box-shadow: 3px 3px 10px rgb(36 44 107 / 50%);  color:#fff; }
.dadaelib-floor-guide .dadaelib-floor-guide-tab button:first-child.active {border-radius: 10px 0 0 10px; border-left: 0; }
.dadaelib-floor-guide .dadaelib-floor-guide-tab button:last-child.active {border-radius: 0 10px 10px 0px;}

.dadaelib-floor-guide .dadaelib-floor-guide-tab button.active + button {border-left: 0;}

.dadaelib-floor-guide .dadaelib-floor-guide-map{display:none; border: 1px solid #ddd; border-radius: 10px;}
.dadaelib-floor-guide .dadaelib-floor-guide-map img{border-radius: 10px;}
.dadaelib-floor-guide .dadaelib-floor-guide-map#b1{display:block;}

.floor-mobile{display:none;}
.floor-pc{display:block;}

@media (max-width: 680px){
	
	.dadaelib-floor-guide .dadaelib-floor-guide-tab button {padding: 10px 0; font-size: 15px;}
	
}

/*자료실*/
.imgflex{display:flex; flex-wrap:wrap; justify-content:space-between;}
.imgflex div {word-break:keep-all;}

.imgflex .imgSlide2 {width:516px; overflow:hidden; position: relative;}
.imgflex .imgSlide2 img {width:100%; border-radius:10px 10px 100px 10px;}
.imgflex .imgSlide2 .controll {position: absolute;  bottom: 27px;  left: 50%;  z-index: 50; width:100px;  background:#000; justify-content:center; margin-left: -50px;
    border-radius: 30px;}
.imgflex .imgSlide2 .controll * {width:auto;}

.controll {display:flex; align-items:center; justify-content:flex-end; }
.controll * {width:auto;}
.controll .swiper-pagination1 {font-size:14px; font-weight:600; color:#fff; margin-right:1rem;}
.controll .swiper-pagination1 .swiper-pagination-current {  color:#fff;}
.controll .swiper-pagination1 .swiper-pagination-current:after {content:'/'; display:inline-block; margin:0 5px; color:#fff;}

.controll_arr{ position:absolute; left:475px;  top: 250px;  z-index: 999999; width:60px;}
.controll_arr .swiper-prev,
.controll_arr .swiper-next {width:60px; height:60px; overflow:hidden; text-indent:-9999px; border-radius:50%;}
.controll_arr .swiper-prev {background:url(/hadanlib/images/contents/arrow2.png); background-size:contain;}
.controll_arr .swiper-next {background:#000 url(/hadanlib/images/contents/arrow1.png); background-size:contain; }

.controll .btn_play,
.controll .btn_stop {width:35px!important; height:35px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%;  text-indent:-9999px;}
.controll .btn_play {background-image:url('/hadanlib/images/contents/play.png');}
.controll .btn_stop {background-image:url('/hadanlib/images/contents/stop.png');}



.imgflex .Coninfo {width:calc(100% - 572px);}
.imgflex .Coninfo p.tit {border-bottom: 2px solid #000; padding: 15px 0; font-size:26px; font-family: 'GmarketSans'; font-weight:bold;}
.imgflex .Coninfo ul {padding:30px 13px; font-size:17px; border-bottom: 1px solid #ddd;}
.imgflex .Coninfo ul li {position:relative; display:flex; flex-wrap:wrap; padding-bottom:5px;}
.imgflex .Coninfo ul li strong {width:110px; position:relative; color:#333; padding-left:10px;}
.imgflex .Coninfo ul li strong:before {content:''; display:block; width:4px; height:4px; border-radius:50%; background:#ff0000; position:absolute; top:10px; left:0;}
.imgflex .Coninfo ul li span {width:calc(100% - 110px); position:relative; color:#555;}

@media(max-width:1000px){
	.imgflex .Coninfo,
	.imgflex .imgSlide2 {width:100%;}
	
	.controll_arr{left: auto; right: 10px;  display: flex;}
	.controll_arr .swiper-prev, .controll_arr .swiper-next{width:30px; height:30px;}
}



/*자료검색*/

.search_top {position:relative; background:url(/hadanlib/images/sub/guidebg.jpg) no-repeat right bottom; background-size:cover; display:flex; flex-direction: column; justify-content: center; margin-bottom:40px; padding:40px 50px 40px 220px; border-radius:20px 20px 80px 20px;}
.search_top * {position:relative; z-index:1;}
.search_top img {position:absolute; top:calc(50% - 56px); left:60px;}
.search_top .tit {font-size:22px; font-family: GmarketSans; color:#333;}
.search_top .tit span {color:#4b40b5; font-weight:700;}

.search_top .search_wrap{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.search_top .search_input{ width:calc(100% - 245px);}
.search_top .search_input input{width:calc(100% - 190px);}
.search_top .search_input select{width:180px;}

.search_top .search_btn{width:240px;}
.search_top .search_btn input[type='button']{height: 55px !important;}
.search_top .search_btn .btn_search{color:#fff; background: linear-gradient(137deg, rgba(188,55,163,1) 0%, rgba(89,63,179,1) 100%);     padding: 10px 35px; border-radius: 5px; box-sizing:border-box;}

@media(max-width:1024px){
	.search_top img {position:absolute; top:-20px; left:30px; width:60px;}
	.search_top {padding:40px 30px 40px 30px;}
}

@media(max-width:680px){
	
	.search_top{border-radius: 20px 20px 20px 20px;}
	.search_top .search_input,
	.search_top .search_btn,
	.search_top .search_input select,
	.search_top .search_input input,
	.search_top .search_btn input[type='button']{width:100%;}
	
	.search_top .search_input select,
	.search_top .search_input input{ margin:1.5px 0;}
	.search_top .search_btn {margin-top:3px;}
	.search_top .search_btn .HDbtn{margin: 0px; margin-top:3px;}
	
	.tbl.search_tbl colgroup{display:none;}
	.tbl.search_tbl th,
	.tbl.search_tbl td{width:100%; display:block; padding: 10px;}
	
	.tbl.search_tbl th{border-right:0; border-left:0; text-align:left; border-top: 0;}
	.tbl.search_tbl td{border-left:0; border-right:0; border-top:0;}

}

.search_top2{text-align: right; margin-bottom:15px;}
.search_top2 .hasDatepicker{height:54px; border-radius:5px; border:1px solid #ddd; width:90px; padding:5px; font-size:14px; box-sizing:border-box; }
.search_top2 + .edu_list{margin-top:0;}


.dadaelib-total-search{margin-top:30px;}
.total_num {display:block; position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.total_num:after {content:""; display:block; clear:both;}
.total_num .page_num {display:block; float:right; padding:58px 0 0rem 0; font-size:18px; }
.total_num .page_num span{position:relative; padding-right:15px; margin-right:15px; }
.total_num .page_num span:after{content:""; display:block; position: absolute; height:17px; width:1px; background:#d2d2d2; right:0; top:50%; margin-top:-8px;}
.total_num .page_num span em{font-size:26px; color:#6a3fa0; font-weight: 700; }

ul.book_list {margin-top:40px}
ul.book_list > li {border:1px solid #dedede; border-radius:20px; margin-bottom:30px; padding:40px; display:flex; flex-wrap:wrap; justify-content:space-between;}
ul.book_list > li.list_link{padding:0px;  display:block;}
ul.book_list > li.list_link:hover{box-shadow: 3px 3px 10px rgb(36 44 107 / 50%);  outline: 2px solid #9f0d2a;}
ul.book_list > li a{display:block; display:flex; flex-wrap:wrap; justify-content:space-between; padding:40px; }
ul.book_list > li a .itemCon .tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.book_list > li .itemthum {position:relative; overflow:hidden; width:15%;}
ul.book_list > li .itemthum img {width:100%; /*height:100%;*/ object-fit:cover;}
ul.book_list > li .itemCon {width:80%;}
ul.book_list > li .itemCon .tit {font-size:24px; font-weight:700; color:#333; font-family: GmarketSans; margin-bottom:30px; line-height: 30px;}
ul.book_list > li .itemCon .sub_tit{padding: 0px 20px; border-radius: 30px; background: #00aec8; display: inline-block; margin-bottom: 10px; color: #fff; font-weight: 700; font-size:16px;}
ul.book_list > li .itemCon .sub_tit[data-type="child"]{background:#ffa800;}
ul.book_list > li .itemCon .sub_tit[data-type="ebook"]{background:#6a3fa0;}
ul.book_list > li .itemCon .sub_tit[data-type="boy"]{background:#496fdf;}
ul.book_list > li .itemCon .sub_tit[data-type="child"]{background:#056ee3;}

ul.book_list > li .itemCon .sub_cctit{    padding: 0px 20px;
    border-radius: 30px;
    background: #a6a6a6;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;}

ul.book_list > li .itemCon ul {display:flex; flex-wrap:wrap; font-size:18px;}
ul.book_list > li .itemCon ul li { position:relative; width:50%; display: flex; align-items:flex-start; justify-content: space-between; margin-bottom:10px;}
ul.book_list > li .itemCon ul li strong {width:130px; position:relative; color:#333; padding-left:18px; }
ul.book_list > li .itemCon ul li strong:before {content:''; display:block; width:9px; height:9px; background:#cfcfcf; border-radius:50%; position:absolute; top:11px; left:0;}
ul.book_list > li .itemCon ul li span {color:#555; width:calc(100% - 140px); display: inline-block;}
ul.book_list > li .itemCon ul li.summary{width:100%;}

ul.book_list > li .btn_wrap{width:100%; box-sizing:border-box; padding:15px 30px; text-align: right; background:#f6f5fa;  border-radius:0 0 20px 20px;}
ul.book_list > li .btn_wrap  .HDbtn{color:#bc37a3; border:2px solid #bc37a3;}
ul.book_list > li .btn_wrap  .HDbtn.point{color:#fff; background: linear-gradient(137deg, rgba(188,55,163,1) 0%, rgba(89,63,179,1) 100%); border:0;}

ul.book_list > li .itemCon ul.info_list li strong{width:100px;}
ul.book_list > li .itemCon ul.info_list li span{width:calc(100% - 100px);}

.story{padding:30px; background:#f7f7f7;}

@media (max-width:780px){
	
	ul.book_list > li {padding:15px;}
	ul.book_list > li a {gap:30px; padding:15px;}
	ul.book_list > li .itemthum {width:30%;}
	ul.book_list > li .itemCon {width:calc(70% - 30px);}
	ul.book_list > li .itemCon ul li{width:100%;}
	ul.book_list > li .itemCon .tit{margin-bottom: 20px; font-size: 20px; line-height: 24px;}
	
}
@media (max-width:480px){
	ul.book_list > li a {gap:10px; }
	ul.book_list > li .itemthum {width:100%;}
	ul.book_list > li .itemCon {width:100%;}
	ul.book_list > li .btn_wrap .HDbtn{width:100%;}
	ul.book_list > li .itemCon ul li{margin-bottom: 0;font-size:16px;}
	ul.book_list > li .itemCon ul li strong{ width: 100px;}
	ul.book_list > li .itemCon ul li span{width: calc(100% - 110px);}
	
	
}

/*** tab ***/
.dadaelib-tab ul{border:1px solid #ddd; border-radius:10px; display:flex; margin-bottom:40px; flex-wrap: wrap;}
.dadaelib-tab ul li{border-left:1px solid #ddd;}
.dadaelib-tab ul li:first-child{border-left:0; }
.dadaelib-tab ul li a{font-size:17px; display:block; text-align: center; font-family: GmarketSans; padding:20px 0;}
.dadaelib-tab ul li.active{background:#6a3fa0; box-shadow: 3px 3px 10px rgb(36 44 107 / 50%);}
.dadaelib-tab ul li.active a{color:#fff;}
.dadaelib-tab ul li:first-child.active{border-radius:10px 0 0 10px;}
.dadaelib-tab ul li:last-child.active{border-radius:0px 10px 10px 0px;}
.dadaelib-tab ul li.active + li{border-left:0;}

.dadaelib-tab.six ul li{width:16.66666666%; }
.dadaelib-tab.five ul li{width:20%; }
.dadaelib-tab.four ul li{width:25%; }


@media (max-width:680px){
	
	.dadaelib-tab{overflow: hidden;}
	.dadaelib-tab ul{margin-top: -1px; overflow: hidden;}
	.dadaelib-tab ul li{border-top: 1px solid #ddd;}
	.dadaelib-tab ul li a{padding:10px 0; font-size:15px;}
	
	.dadaelib-tab.six ul li{width:33.33333%; }
	.dadaelib-tab.five ul li{width:33.3333%; }
	.dadaelib-tab.four ul li{width:33.3333%; }
}

/*온라인 신청*/
.edu_list{font-size:16px; margin-top: 50px;}
.edu_list th, .edu_list td{border:0; border-bottom:1px solid #e2e2e2}
.edu_list .state{ font-family: GmarketSans; display:block; border-radius:10px; padding:10px 0px;  color:#fff;}
.edu_list .state.view{font-size:12px; padding:3px 5px;  border:3px solid #4b40b5; color:#4b40b5;}	

.edu_list .state.start{background:#5272cc;}
.edu_list .state.waiting{background:#fc0;}
.edu_list .state.end{background:#555a69;}
.edu_list .state.wait2{background:#00c4ff;}
.edu_list td strong{display:none;}

.dadaelib-board table tbody td .state{ font-family: GmarketSans; display:block; border-radius:10px; padding:8px 10px 5px 10px; color:#fff; font-size:15px; display:block;}
.dadaelib-board table tbody td .state[data-type="신청완료"]{background:#5272cc;}
.dadaelib-board table tbody td .state[data-type="대기중"]{background:#ccc;}
.dadaelib-board table tbody td .state[data-type="완료"]{background:#52bccc;}
.dadaelib-board table tbody td .state[data-type="신청중"]{background:#777;}
.dadaelib-board table tbody td .state[data-type="취소"]{background:#d93b6e;}


.dadaelib-online-education-view table tbody td .state[data-type="신청완료"]{background:#5272cc;}
.dadaelib-online-education-view table tbody td .state[data-type="대기중"]{background:#ccc;}
.dadaelib-online-education-view table tbody td .state[data-type="완료"]{background:#52bccc;}
.dadaelib-online-education-view table tbody td .state[data-type="신청중"]{background:#777;}
.dadaelib-online-education-view table tbody td .state[data-type="취소"]{background:#d93b6e;}

.dadaelib-online-education-view table tbody td .state{display:inline-block; width:80px; height:40px; line-height:40px; border-radius:40px; color:#fff; font-size:15px; text-align:center; font-weight:400; box-sizing:border-box;}
.dadaelib-online-education-view table tbody td .state span{display:inline-block; line-height:1;}
.dadaelib-online-education-view table tbody td .state.start{background:#5272cc;}
.dadaelib-online-education-view table tbody td .state.waiting{background:#fc0;}
.dadaelib-online-education-view table tbody td .state.end{background:#555a69;}
.dadaelib-online-education-view table tbody td .state.wait2{background:#00c4ff;}
.dadaelib-online-education-view table tbody td .state.view{width:100px; border:2px solid #5272cc; color:#5272cc; font-weight:700; line-height:36px;}





@media (max-width:1000px){
	
	.edu_list td strong{position: relative; display: inline-block; margin-right:15px; padding-left:10px;}
	.edu_list td strong:before{content:''; width:3px; height:3px; background:#000; border-radius:50%; display: block; position: absolute; left: 0; top: 12px;}
	
	.edu_list{border-top: 2px solid #2b2471;}
	.edu_list colgroup,
	.edu_list thead{display:none;}
	.edu_list tr{border-bottom:1px solid #ddd; padding:20px 10px;     display: block;}
	.edu_list td{width:100%; display:block; border-bottom:0; text-align: left; padding:0px;}
	.edu_list .state{margin:5px 0;  text-align: center;}
	.edu_list .state.view{font-size:16px;}
	
}


/**달력***/
.dadaelib-event-calendar-header{border-top:1px solid #000; padding:20px 0; text-align: center; font-size:32px; font-family: GmarketSans; display: flex; justify-content: space-between; flex-wrap: wrap;}
.dadaelib-event-calendar-header mark{color:#623eb1;}
.dadaelib-event-calendar-header button{font-size:17px;}
.dadaelib-event-calendar-header button.prev{padding-left:25px; background:url('/hadanlib/images/common/calendar_pre.png') no-repeat 0 center;}
.dadaelib-event-calendar-header button.next{padding-right:25px; background:url('/hadanlib/images/common/calendar_next.png') no-repeat right center;}

.dadaelib-event-calendar table{width:100%; table-layout:fixed; border-collapse:initial;}
.dadaelib-event-calendar table th,
.dadaelib-event-calendar table td{}

.dadaelib-event-calendar table thead tr{background-image: linear-gradient(to left, #4b40b5, #bc37a3); }
.dadaelib-event-calendar table thead th{height:90px; color:#fff; font-size:19px; font-weight:700;  vertical-align:middle;}
.dadaelib-event-calendar table tbody td{height:150px; padding:10px; box-sizing:border-box; vertical-align:top; border-bottom:1px solid #dedede;}


.dadaelib-event-calendar table tbody td.fc_sun span{color:#e70000;}
.dadaelib-event-calendar table tbody td.fc_sat span{color:#4d36ff;}

.dadaelib-event-calendar table tbody td div{height: 100%;  padding: 10px; border-radius: 5px;}
.dadaelib-event-calendar table tbody td span{display:block; text-align: right; font-weight: 700; font-size:16px; color:#333; line-height:1;}
.dadaelib-event-calendar table tbody td span.end{text-align: left;}
.dadaelib-event-calendar table tbody td.Holidays div{background:url(/hadanlib/images/contents/Holidays_bg.jpg) 0 0;}
.dadaelib-event-calendar table tbody td.Holidays div span{color:#878787;}
.dadaelib-event-calendar table tbody td.Today div{background:#f5f6fa;}
.dadaelib-event-calendar table tbody td ul li a mark{margin-top:5px;border-radius:30px; font-size:14px;padding:2px 10px; display:inline-block; color:#4b40b5; border:1px solid #4b40b5;}

.dadaelib-event-calendar table tbody td ul{margin-top:10px;}
.dadaelib-event-calendar table tbody td ul li{margin-bottom:3px; font-size:15px;}


@media(max-width:1024px){

	.dadaelib-event-calendar-header{padding: 15px 0;     font-size: 20px;}
	
	.dadaelib-event-calendar table thead,
	.dadaelib-event-calendar table colgroup,
	.dadaelib-event-calendar table tbody td.fc_empty{display:none;}
	.dadaelib-event-calendar table{border-top: 2px solid #2b2471;}
	.dadaelib-event-calendar table tbody td{display:block; width:100%; height: auto;}
	.dadaelib-event-calendar table tbody td span{text-align: left;}
	.dadaelib-event-calendar table tbody td span.end{width: auto; display: inline-block; margin-right: 10px;}
	
	.dadaelib-event-calendar table tbody td.Holidays div,
	.dadaelib-event-calendar table tbody td.Today div{width:100%;}
	
}



.dadaelib-event-pop-wrap{display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); z-index:99;}
.dadaelib-event-pop-wrap .dadaelib-event-pop{position:absolute; width:100%; max-width:828px; left:50%; top:50%; background: #fff; border-radius: 30px; padding: 30px 40px; box-sizing: border-box; }
.dadaelib-event-pop-wrap .dadaelib-event-pop button{position:absolute; right:30px; top:30px;}
.dadaelib-event-pop-wrap .dadaelib-event-pop p.title{font-size:35px; padding-bottom:20px; border-bottom:2px solid #000; margin-bottom:20px; font-family: GmarketSans; font-weight: 700;}
.dadaelib-event-pop-wrap .dadaelib-event-pop ul li div{padding:20px; background:#f8f8f8; margin:10px 0;}

@media(max-width:680px){
	
	.dadaelib-event-pop-wrap .dadaelib-event-pop{width:95%; border-radius: 10px; padding: 20px;}
	.dadaelib-event-pop-wrap .dadaelib-event-pop p.title{font-size:20px;}
	
}


/* 이달의 행사 상세보기 */

.dadaelib-event-view{}
.dadaelib-event-view table{width:100%; margin-bottom:50px; border-collapse:initial;}
.dadaelib-event-view table thead th{height:90px; border:1px solid #dcdcdc; border-top:1px solid #2952c5; background:#f4f6f9; font-size:25px; font-weight:400; line-height:1.25; vertical-align:middle;}

.dadaelib-event-view table tbody th,
.dadaelib-event-view table tbody td{height:50px; border:1px solid #dcdcdc; border-top:0; vertical-align:middle; font-size:16px;}

.dadaelib-event-view table tbody th{width:150px; border-right:0; background:#f4f6f9;  font-weight:400;}
.dadaelib-event-view table tbody td{padding:0 20px; color:#666;}

.dadaelib-event-view a.back{display:block; width:130px; height:50px; line-height:50px; margin:0 auto; font-size:17px; color:#fff; border-radius:5px; background:#4b505c; text-align:center;}
.dadaelib-event-view a.back span{}

@media(max-width:1024px){
	.dadaelib-event-view table thead th{font-size:23px;}
	
	.dadaelib-event-view table tbody th,
	.dadaelib-event-view table tbody td{font-size:14px;}
}


/*강좌안내*/
.Course-Guide{display:flex; justify-content: space-between; flex-wrap: wrap;}
.Course-Guide .Course{width:49%; background:#f4f4f8; border-radius:15px; padding:25px 30px 30px 30px;}
.Course-Guide .Course .tit{font-family: GmarketSans; background:#b54082; border-radius:30px 30px 30px 0; padding:8px 30px 5px 30px; display:inline-block; color:#fff; font-family: GmarketSans; }
.Course-Guide .Course:last-child .tit{background:#1c4abf;} 
.Course-Guide .Course div{background:#fff; padding:40px 30px 30px 30px; margin-top:-20px;word-break: keep-all;}
.Course-Guide + .Course-Guide{margin-top:20px;}

@media(max-width:900px){	
	.Course-Guide .Course{width:100%;}
	.Course-Guide .Course + .Course,
	.Course-Guide + .Course-Guide{margin-top:10px;}
}
@media(max-width:768px){	
	.Course-Guide .Course {padding:15px 15px 15px 15px;}
}


/*개인정보처리방침*/
.dadaelib-reading-class-terms{display: block; position: relative; border: 1px solid #ddd; border-radius: 15px; background: #fff;}
.dadaelib-reading-class-terms .minGuide{padding:30px;}
.dadaelib-reading-class-terms .dadaelib-reading-class-agreement{display: block; position: relative; margin-top: 0em;  padding: 1em 30px;  background: #f8f8fc; border-radius: 0 0 15px 15px;}
.dadaelib-reading-class-terms .dadaelib-reading-class-agreement div{display:flex; justify-content: space-between;  align-items: flex-start; flex-wrap: wrap;}
.dadaelib-reading-class-terms .dadaelib-reading-class-agreement div p{margin:5px 0;}

@media(max-width:768px){
	.dadaelib-reading-class-terms .dadaelib-reading-class-agreement div + div{margin-top:20px;}
	.dadaelib-reading-class-terms .dadaelib-reading-class-agreement div p{width:100%; margin:0;}
}


/*찾아오시는길 */
.map_wrap{border:1px solid #ddd; border-radius:15px; }
.map_wrap .map_info{padding:15px 40px;     position: relative; }
.map_wrap .map_info dl{ background:url(/hadanlib/images/contents/location.jpg) no-repeat 0 0; line-height: 1.5; padding:13px 0; padding-left:105px;}
.map_wrap .map_info dt{ font-family: 'GmarketSans'; font-size:22px; font-weight: 700; }
.map_wrap .map_info dd span{display:inline-block;}
.map_wrap .map_info dd span strong{font-weight: 700; color:#623eb1; margin-right:10px;}
.map_wrap .map_info dd span.tel{ margin-right:30px;}

.map_wrap .map_info .sch_map{position: absolute; right: 30px;  top: -20px;  z-index: 999; background:#4b40b5; color:#fff; font-family: 'GmarketSans'; font-size:17px; font-weight: 700; width:157px; display:flex; display: flex;
    align-items: center; justify-content: center; border-radius: 5px 20px;  line-height: 50px;}
    
.map_wrap .map_info .sch_map span{display:inline-block; width:22px; height:24px; background:url(/hadanlib/images/contents/sch_map_bg.png) no-repeat 0 0; margin-right: 10px;     }


.map_box{background:#f6f5fa; border-radius:20px; padding:30px; margin-top:50px; position: relative;}
.map_box .tit{background:#4b40b5; color:#fff; font-family: 'GmarketSans'; padding:10px 25px 10px 90px; border-radius: 70px 50px 50px 50px; display: inline-block; font-weight: 600; position: absolute; left: 0; top: -20px;}
.map_box .tit:after{content:''; display:block; position: absolute; left: 0; bottom: 0; width:72px; height:56px; }
.map_box .tit.bus:after{background:url(/hadanlib/images/contents/bus_icon.png)no-repeat 0 0;}
.map_box .tit.subway:after{background:url(/hadanlib/images/contents/subway_icon.png)no-repeat 0 0;}

@media(max-width:600px){
	
	.map_wrap .map_info dl{padding-left:0px; background:none;}
	.map_wrap .map_info dt{font-size: 18px;}
	.map_wrap .map_info .sch_map{position: relative; top: auto; left: 0px; margin-top: 20px;} 

}       

/**/
.Donation-box{margin:30px 0; border: 1px solid #ddd; border-radius:30px; padding:0 70px 70px 70px;  position: relative; background:url(/hadanlib/images/contents/Donation-box-icon01.jpg) no-repeat  right 100px top 100px}
.Donation-box .tit{margin-left: -70px; display: inline-block;  padding: 15px 70px; background: #4b75d2;  color:#fff; font-weight: 600; font-family: GmarketSans; font-size: 26px;   border-radius: 0 0 30px 0;}
.Donation-box .tit span{color:#98b7fd; margin-right:10px; }

.Donation-box + .Donation-box {background:url(/hadanlib/images/contents/Donation-box-icon02.jpg) no-repeat  right 100px top 100px}
.Donation-box + .Donation-box .tit{background:#048666;}
.Donation-box + .Donation-box .tit span{color:#60d2b6;}

@media(max-width:768px){
	
	
.Donation-box{padding:0 30px 30px 30px; background:none;}
.Donation-box .tit{margin-left: -30px; padding: 5px 30px; font-size: 20px;}
.Donation-box + .Donation-box{background:none;}

}       

.call-box {padding:45px 65px; border-radius:5px;  background-color:#f6f5fa;}
.call-box ul{display:flex; width:100%; vertical-align:top; align-items: center; justify-content: center;     flex-wrap: wrap;}
.call-box ul li{box-sizing: border-box; width: 30%; border: 1px solid #ddd;  background: #fff;  border-radius: 10px;  margin: 0 10px;  padding: 20px;}
.call-box ul li span{position:relative; display:block; height:71px; line-height:71px; padding-left:90px; font-size:17px;}
.call-box ul li span::before{content:''; display:inline-block; width:71px; height:71px;     position: absolute; left:0; top:0; background-repeat:no-repeat; background-position:center;}
.call-box ul li:nth-child(1) span::before{background-image:url(/hadanlib/images/contents/call01.png);}
.call-box ul li:nth-child(2) span::before{background-image:url(/hadanlib/images/contents/call02.png);}
.call-box ul li span{line-height: 1.5;  font-weight: 700;  color: #000;  display: flex;  flex-wrap: wrap;  align-items: center;  align-content: center;}
.call-box ul li span mark{display:block; font-size:20px; font-weight:700; color:#4d80de;     width: 100%;}

@media(max-width:700px) {
	
	.call-box {padding:30px;}
	.call-box ul li{width:100%; margin: 0 0px;}
	.call-box ul li a::before{width:95px; height:95px; border-radius:95px;}
   .call-box ul li + li{margin-top:10px;}
	
}

.pageing{margin-top:50px;    text-align: center; }
.pageing strong{width:40px; height:40px; border-radius:50%; background:#000; color:#fff; display: inline-block; line-height: 40px;} 

.box_page{margin-top:50px; padding:0;}
.box_page>span,
.box_page>a.btn_10next,
.box_page>a.btn_end,
.box_page>a.btn_frist,
.box_page>a.btn_10prev,
.box_page>a{width:40px; height:40px; border-radius:50%; background:#000; color:#fff; display: inline-block; line-height: 40px; margin:0 3px;}
.box_page>a{ background:#f8f7fc; color:#a5a5a5;}

.box_page>a.btn_10next,
.box_page>a.btn_end,
.box_page>a.btn_frist,
.box_page>a.btn_10prev{background:#fff; width:20px; border-radius:0;}

.box_page>a.btn_10next{background:#fff url(/hadanlib/images/contents/btn_pg_next.png) no-repeat 50% 50%;}
.box_page>a.btn_end{background:#fff url(/hadanlib/images/contents/btn_pg_last.png) no-repeat 50% 50%;}
.box_page>a.btn_frist{background:#fff url(/hadanlib/images/contents/btn_pg_first.png) no-repeat 50% 50%;}
.box_page>a.btn_10prev{background:#fff url(/hadanlib/images/contents/btn_pg_prev.png) no-repeat 50% 50%;}


/*로그인*/
.inner .login-box .login-tit{font-size:26px; color:#333; font-family: 'GmarketSans'; font-weight:700; }
	
	
   /* .inner {
        text-align: center;
    }*/

    .inner .login-box {
        display: inline-block;
        margin: 50px 0;
        padding: 30px 50px 30px 50px;
        box-sizing: border-box;
        background-color: #f6f5fa;
        width: 100%;
        min-width: 300px;
		text-align: center;
        border-radius:10px;
    }

    .inner .login-box .login-box-inner {
    
        width: 400px;
        margin: 0 auto;
       
    }
    
   

    .inner .login-box .login-input-wrap {
        display: table-cell;
        width: 80%;
    }

    .inner .login-box .login-input-wrap .login-input-row {
        text-align: left;
        width: 100%;
    }

    .inner .login-box .login-input-wrap .login-input-row input {
        height: 54px;
        width: 100%;
        margin:3px 0;
    }

    .inner .login-box .login-input-wrap .login-input-label {
        margin-top: 3px;
        display:none;
    }

    .inner .login-box .login-input-wrap .login-input-label label{
        margin-left: 3px;
        font-weight: bold;
        font-size: 15px;
    }

    .inner .login-box .login-btns {
        width: 100%;
        vertical-align: bottom;
        text-align: center;
        margin-top:10px;
        font-size: 20px;
    }
	
	
    .inner .login-box .login-btns .login-btn {
        background-image: linear-gradient(to left, #4b40b5, #bc37a3);
        padding:15px 0;
        width: 100%;
        font-weight: bold;
        color: #ffffff;
        border-radius:5px;
    }

    .inner .login-box .login-btns .login-btn:hover,
    .inner .login-box .login-btns .login-btn:focus {
        background-color: #006D6D;
    }

    .inner .login-box .forgot-user-info {
        padding: 15px 15px 0 15px;
    }

    .inner .login-box .forgot-user-info *:hover ,
    .inner .login-box .forgot-user-info *:focus {
        color: #0B76BA;
    }
    
    @media(max-width:800px){
		.inner .login-box { min-width: 100%; width: 50%; margin: 10px 0; padding: 30px 20px; }
	}
	
	@media(max-width:500px){
		.inner .login-box .login-box-inner{width:95%;}
	}
	
	
    
	@media(max-width:400px){
		.inner .login-box { padding: 30px 10px; }
		.inner .login-box .login-btns {font-size: 18px; }
	}