@charset "utf-8";

/* Animation */
#wrar > header,
.top_util,
.top_sch,
.menu_area .hope_book,
.top_sticky
{
	transition:all ease 0.4s ;
    -webkit-transition:all ease 0.4s;
}


html, body, #wrap{/*min-width:320px;*/height:100%;}
#container{margin:-140px 0 -102px 0;min-height:100%;}
#container .con_posi{padding:140px 0 102px 0;}
#container .con_posi.main{padding-bottom:102px;}

body.on{overflow:hidden;position:fixed;width:100%;}

/* header */
header{position:relative;z-index:99;width:100%;background-color:#fff;}
.top_util.off{display:none;}
.top_util{height:49px;box-sizing:border-box;display:block;clear:both;}
.top_util:after{content:'';display:block;clear:both;}
.top_util a{display:block;}

.top_util h1{float:left;}
.top_util h1 > a{display:inline-block;width:auto;margin:8px 0 0 7px;height:30px;overflow:hidden;vertical-align:middle;}
.top_util > ul{float:right;margin-top:6px;}
.top_util h1 img{width:auto;height:auto;max-height:30px;}

.top_util > ul li{float:left;margin-right:10px;font-size:12px;}
.top_util > ul li a:before{content:'';display:block;width:26px;height:19px;margin:0 auto 3px auto;background:url('../../../images/front/mobile/icon_login.png') no-repeat 0 0;background-size:cover;}
.top_util > ul li:last-child a:before{width:27px;height:19px;background:url('../../../images/front/mobile/icon_my.png') no-repeat 0 0;background-size:cover;}
.top_util > ul li:first-child a.out:before{background-image:url('../../../images/front/mobile/icon_logout.png');}

/* 상단검색 */
.top_sch{margin-top:12px;padding:0 41px 0 10px;background-color:#fff;}
.sch_area{position:relative;width:100%;height:34px;box-sizing:border-box;}
.sch_area label{font-size:0;text-indent:-9999px;position:absolute;top:-100px;left:-1000px;}
.sch_area input[type="text"]{padding:0 10px;width:90%;line-height:32px;height:32px;border:none;box-sizing:border-box;}
.sch_area placeholder{font-size:13px;color:#666;}
.sch_area input[type="submit"]{position:absolute;top:0;right:0;}

/* 전체메뉴 */
.allmenu_btn{z-index:968;position:absolute;top:61px;right:0px;width:40px;height:34px;font-size:0;text-indent:-9999px;background:url('../../../images/front/mobile/icon_all.png') no-repeat -224px 0;}

.m_top_login{ display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;padding:0px 10px 0 0;height:40px;box-sizing:border-box;border-bottom:1px solid #c1c1c1;background-color:#f1f1f1;}
.m_top_login > ul{margin-left:auto;padding-top:7px;}
.m_top_login > ul > li{display:inline-block;}
.m_top_login > ul > li > a{padding:5px;color:#333;letter-spacing:-1px;border:1px solid #aaa;background-color:#fff;}
.m_top_login > p > a{padding-top:10px;text-indent:-9999px;font-size:0;width:34px;height:100%;border-left:1px solid #aaa;border-right:1px solid #aaa;}
.m_top_login > p > a:before{content:'';display:block;margin:0 auto;width:19px;height:18px;background:url('../../../images/front/mobile/icon_home.png') no-repeat 0px 0px;background-size:cover;}

#m_menuAll{z-index:969;position:fixed;top:0px;left:100%;right:-100%;width:100%;height:100%;}
#m_menuAll .aside{z-index:969;position:fixed;right:-100%;overflow:auto;width:calc(100% - 34px);height:100%;background:#fff url('../../../images/front/mobile/gnb_line.png') repeat-y 110px 0;}
#m_menuAll .aside.in{display:block;right:0}
#m_menuAll .backdrop{display:none;z-index:900;position:fixed;top:0;left:0;width:100%;height:100%;background-color: #000;transition: 0.2s opacity ease;opacity: 0.7;}
#m_menuAll .backdrop.in{display:block;}

#m_nav a{display:block;position:relative;}
#m_nav .th1{position:relative;margin-top:10px;}
#m_nav .th1 > li > a{width:110px;letter-spacing:-1px;}
#m_nav .th2{z-index:970;position:absolute;top:0;left:111px;width:calc(100% - 111px);}

#m_nav .th1>li>a{padding:15px;font-size:17px;}
#m_nav .th1>li>a.active{font-weight:600;}

#m_nav .th2{display:none;padding:5px 0 10px 0;}
#m_nav .th2>li{background-color:#fff;}
#m_nav .th2>li>a{padding:10px 0 10px 9px;font-size:15px;font-weight:500;}
#m_nav .th2>li:last-child>a{border-bottom:none;}
#m_nav .th2>li>a.active,#m_nav .th2>li>a:hover,#m_nav .th2>li>a:focus,#m_nav .th2>li>a:active{font-weight:600;}

#m_nav .th2>li.under>a:after{content:"";display:block;position:absolute;top:12px;right:10px;width:14px;height:8px;background:url('../../../images/front/mobile/icon_all.png') no-repeat -285px -50px;}
#m_nav .th2>li.under>a.active:after{background-position:-270px -50px;}
#m_nav .th3{display:none;padding-bottom:10px;border-bottom:1px solid #c1c1c1;}
#m_nav .th3>li>a{padding:9px;color:#555;}
#m_nav .th3>li>a:before{content:"·";display:inline-block;margin-right:5px;width:6px;vertical-align:top;}
#m_nav .th3>li>a:hover,#m_nav .th3>li>a:focus,#m_nav .th3>li>a:active{font-weight:600;}

#m_menuAll .etc_menu {position:absolute;bottom:20px;left:20px;}
#m_menuAll .etc_menu li{margin-bottom:20px;}
#m_menuAll .etc_menu li a{display:block;text-align:center;}
#m_menuAll .etc_menu li a:before{content:'';display:block;margin:0 auto 7px auto;width:60px;height:60px;border-radius:50%;border:1px solid #bcbcbc;background:#f5f5f5 url('../../../images/front/mobile/icon_hope.png') no-repeat 10px center;background-size:37px 33px;}
#m_menuAll .etc_menu li:first-child a:before{background-image:url('../../../images/front/mobile/icon_use.png');background-size:28px 33px;background-position:center center;}

.close{display:none;z-index:969;position:absolute;top:0px;left:0px;font-size:0;width:34px;height:40px;background-color:#000;}
.close:before{content:'';display:block;margin:11px auto 0 auto;width:18px;height:18px;background:url('../../../images/front/mobile/icon_all.png') no-repeat -240px -50px;}
.close.in{display:block;}

/* GNB */
.menu_area{z-index:9;position:relative;top:0;left:0;border-bottom:1px solid #d4d4d4;background-color:#fff;}
.menu_area .gnb_area{z-index:9;padding-right:65px;box-sizing:border-box;}
.menu_area .hope_book{z-index:9;position:absolute;top:5px;right:10px;}
.menu_area .hope_book a{display:block;font-size:12px;}
.menu_area .hope_book a:before{content:'';display:block;margin:0 auto 3px auto;width:24px;height:19px;background:url('../../../images/front/mobile/icon_hope_s.png') no-repeat 0px 0;background-size:cover;}

#gnb li{width:auto !important;}
#gnb li a{display:block;padding:16px 0 0 0;text-align:center;height:44px;box-sizing:border-box;font-size:17px;font-weight:600;}
#gnb li.on a, #gnb li a:hover{border-bottom:2px solid #545454;}

.gnb_area{padding-left:10px;box-sizing:border-box;}

/* sticky */
.top_sticky.move{top:0px;}
.top_sticky{z-index:950;position:fixed;top:-50px;left:0;width:100%;}
.allmenu_btn.all_sticky{top:5px;display:block;}
.top_sticky .gnb_area{width:100%;padding-right:65px;background-color:#fff;border-bottom:1px solid #5e5e5e;box-shadow:0px 0px 5px 2px #d2d2d2;box-sizing:border-box;}
.top_sticky .sch_open{z-index:99;position:absolute;top:5px;right:40px;}
.top_sticky .sch_open a{display:block;}
.top_sticky .sch_open a img{width:32px;height:32px;}

.top_sticky .top_sch, .top_sticky.move .top_sch{position:absolute;top:-50px;width:100%;}
.top_sticky.move .top_sch.on{top:45px;left:0px;width:100%;margin-top:0;padding:10px;border-bottom:1px solid #1a1a1a;}

#container.move{margin:0;min-height:auto;}
#container.move .con_posi{padding:0 0 0px 0;}
#container.move .con_posi.main{padding-bottom:0px;}
/**/


.con_wrap h4{margin-bottom:10px;font-size:16px;font-weight:500;font-family:'NotoSans-Regu','본고딕';}

/* quick */
.quick{z-index:90;position:fixed;right:10px;bottom:90px;padding-bottom:50px;font-size:13px;}
.quick > p{position:absolute;bottom:0px;right:0;}
.quick > p > a{display:block;padding-top:8px;color:#fff;font-size:24px;width:36px;height:36px;text-align:center;border-radius:50%;box-sizing:border-box;border:2px solid #d4dcf9;background-color:#4c5d9d;box-shadow:0px 0px 5px 2px #bbb;}
.quick > p > a:before{content:'';display:block;margin:0 auto;width:15px;height:17px;background:url('../../../images/front/mobile/icon_all.png') no-repeat 0px -300px;}
.quick > p > a.on:before{background-position:-50px -300px;}

.quick > ul{border:1px solid #b0b0b0;border-bottom:none;background-color:#fff;}
.quick > ul > li{border-bottom:1px solid #b0b0b0;}
.quick > ul > li > a{display:block;padding:8px 20px 7px 12px;}
.quick > ul > li > a:before{content:'';display:inline-block;margin-right:12px;width:20px;height:21px;vertical-align:middle;background-position:0 0;background-size:cover;}
.quick > ul > li:nth-child(1) > a:before{background-image:url('../../../images/front/mobile/icon_quick01.png');}
.quick > ul > li:nth-child(2) > a:before{background-image:url('../../../images/front/mobile/icon_quick02.png');}
.quick > ul > li:nth-child(3) > a:before{background-image:url('../../../images/front/mobile/icon_quick03.png');}
.quick > ul > li:nth-child(4) > a:before{background-image:url('../../../images/front/mobile/icon_quick04.png');}
.quick .point{font-weight:500;}

.bg_back{display:none;z-index:80;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.4;}
.bg_back.on{display:block;}

/* Top */
.topBtnM{display:none;position:fixed;z-index:80;right:10px;bottom:30px;width:42px;height:42px;text-align:center;font-size:12px;border:1px solid #b0b0b0;background-color:#f1f1f1;box-sizing:border-box;}
.topBtnM:before{content:'';display:block;margin:6px auto 2px auto;width:15px;height:14px;background:url('../../../images/front/mobile/icon_all.png') no-repeat -190px 0;}

/* footer */
footer{font-size:13px;color:#fff;text-align:center;font-weight:400;background-color:#666;}
footer > ul{border-bottom:1px solid #898989;}
footer > ul:after{content:'';display:block;clear:both;}
footer > ul > li{float:left;width:calc(100% / 3);box-sizing:border-box;}
footer > ul > li > a{display:block;padding:10px 0;color:#fff !important;}
footer > p{padding:15px 0;line-height:1.5em;}
footer > p > a {color:#fff;} /* 2020-06-09 */

/* path */
.con_top{margin-bottom:20px; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;padding:4px 10px 0 10px;height:44px;border-bottom:1px solid #d4d4d4;box-sizing:border-box;}
.con_top .right{margin-left:auto;}
.con_top .right p a.btn_sub{margin-top:2px;min-width:113px;}

/* 2020-12-15 */
.con_top .sel_box{display:inline-block; width:auto;}

.path {display:table;table-layout:fixed;height:34px;vertical-align:middle;}
.path > ul {display:table-cell;table-layout:fixed;vertical-align:middle;}
.path > ul > li{display:inline-block;vertical-align:middle;}
.path > ul > li a{display:inline-block;font-size:13px;color:#666;vertical-align:middle;}
.path > ul > li:first-child a{text-indent:-9999px;font-size:0;width:15px;height:14px;background:url('../../../images/front/mobile/icon_all.png') no-repeat 0px -100px;}
.path > ul > li:after{content:'>';display:inline-block;margin:0 2px 0 7px;vertical-align:middle;}
.path > ul > li:last-child:after{content:'';display:none;margin:0;}
.path > ul > li select{vertical-align:middle;}
.path.last_sel{padding:0;}

.sel_width{width:80px;}

.sub_con{padding:0 10px;box-sizing:border-box;}
.contents{padding-bottom:30px;}
.contents h3{margin-bottom:15px;line-height:1.5em;font-size:17px;font-family:'NotoSans-Regu','본고딕';font-weight:600;}

/* 책 리스트 정보 */
.book_info{position:relative;text-align:center;box-sizing:border-box;}
.book_info > a{display:block;padding-bottom:36px;}
.book_info > a > strong{display:block;margin-bottom:7px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1em;font-size:14px;font-weight:600;/*font-family:'NotoSans-Regu','본고딕';*/}
.book_info > a > strong:hover{text-decoration:underline;}
.book_info .writer{display:inline-block;font-size:13px;color:#444;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.book_info .kinds{display:inline-block;position:absolute;left:0;bottom:0;width:100%;text-align:center;}
.img{display:block;margin-bottom:10px;text-align:center;width:100%;height:100%;border:1px solid #ddd;box-sizing:border-box;}
.img a{display:block;}
.img img{width:100%;height:100%;}

/* 분야별자료 */
#part_nav {position:relative;height:100%;overflow:hidden;width:100%;box-sizing:border-box;}
#part_nav > div{float:left;overflow:auto;padding-top:10px;height:100%;min-height:100%;vertical-align:top;box-sizing:border-box;}
.part_content{overflow:hidden;}
.part_content.off{display:none;}
.part_content.on{display:block;}
.part_tit a{display:block;padding:10px;font-size:15px;}
.part_tit.active a{font-weight:600;} 

#part_nav .th1{width:130px;border-right:1px solid #ddd;}
#part_nav .th2 {width:calc(100% - 130px)}
#part_nav .th2 ul li a{display:block;position:relative;padding:7px 0 7px 9px;font-size:14px;color:#555;}
#part_nav .th2 ul li a:active{color:#000;}

#part_nav .th2 ul li a:before{content:'';display:inline-block;margin-left:5px;color:#828282;vertical-align:2px;}
#part_nav .th2 ul li a:after{content:'';display:inline-block;width:8px;height:12px;position:absolute;top:8px;right:12px;background:url('../../../images/front/mobile/bul_all.png') no-repeat 0 0;}

/* 책 종류 표시 */
.small{display:inline-block;padding:4px 10px 0 10px;height:24px;text-align:left !important;font-size:13px;border-radius:12px;box-sizing:border-box;}
.small:before{display:inline-block;content:'';margin-right:2px;vertical-align:-2px;background-size:contain !important;}
.audio{border:1px solid #734fa0;}
.ebook{border:1px solid #366db8;}
.paper{padding:5px 8px 0 8px;letter-spacing:-2px;border:1px solid #2898b4;}
.seminar{border:1px solid #4fa12b;}
.kids_book{border:1px solid #df0083;}

.audio.small:before{width:14px;height:14px;background:url('../../../images/front/mobile/icon_audio.png') no-repeat 0 0;}
.ebook.small:before{width:18px;height:14px;background:url('../../../images/front/mobile/icon_ebook.png') no-repeat 0 0;}
.paper.small:before{margin-right:1px;width:17px;height:14px;background:url('../../../images/front/mobile/icon_paper.png') no-repeat 0 0;}
.seminar.small:before{width:13.5px;height:13.5px;background:url('../../../images/front/mobile/icon_movie.png') no-repeat 0 0;}
.kids_book.small:before{width:14.5px;height:13.5px;background:url('../../../images/front/mobile/icon_kids.png') no-repeat 0 0;}

.store{display:inline-block;padding:5px 13px 0 13px;height:25px;color:#5e6b9f;font-size:13px;text-align:center;border:1px solid #5e6b9f;border-radius:15px;background-color:#fff;box-sizing:border-box;}

/* 순위표시 */
.rank{z-index:9;display:block;position:absolute;top:0;left:0;text-align:center;box-sizing:border-box;color:#fff !important;font-weight:600;font-size:18px;border:1px solid #dbdbdb;background:rgba(0,0,0,0.6);}

/* tab */
.tab_content{overflow:hidden;}
.tab_content.off{visibility:hidden;height:0;opacity:0;padding-top:0 !important;}
.tab_content.on{visibility:visible;height:auto;opacity:1;}
.tab_content.off.on{padding-top:60px !important;}

/* 메인 */
.visual{position:relative;}
.tit_area h3{font-size:17px;font-weight:600;/*font-family:'NotoSans-Regu','본고딕';*/}

/* 추천자료 */
.recomm_wrap{position:relative;margin-bottom:15px;padding:0 10px;box-sizing:border-box;}
.recomm_wrap .tit_area h3{padding-left:10px;}
.recomm_wrap > ul:after{content:'';display:block;clear:both;}
.recomm_wrap > ul{width:100%;}
.recomm_wrap > ul > li{float:left;margin-bottom:15px;width:calc(100% / 3);}
.recomm_wrap > ul > li > a{margin:0 auto;width:80px;}
.recomm_wrap .btn_more{position:absolute;top:-5px;right:20px;}

.recomm_wrap .book_info .img{height:117px;}

/* 2020-12-15 */
.recomm_sort_wrap {margin-bottom:20px; padding:0 10px 0 10px;}
.recomm_sort_wrap .sel_box .toogle_con li a {display:block;}

/* 베스트자료 */
.best_wrap{position:relative;margin-bottom:30px;}
.best_wrap .tit_area{padding-left:20px;}
.best_wrap .book_info .img{height:117px;}

.best_area .tab_tit{position:absolute;top:34px;width:calc(100% / 3);border:1px solid #dbdbdb;border-left:none;box-sizing:border-box;}
.best_area .tab_tit a{display:block;text-align:center;height:40px;line-height:40px;font-size:15px;font-weight:400;box-sizing:border-box;}
.best_area .tab_tit.active, .best_area .tab_tit.active a{border-bottom:1px solid #000000;}
.best_area .tab_tit.active a{font-weight:600;/*font-family:"NotoSans-Regu", "본고딕";*/}
.best_area  article:nth-of-type(1) .tab_tit{left:0px;}
.best_area  article:nth-of-type(2) .tab_tit{left:33.33333%;}
.best_area  article:nth-of-type(3) .tab_tit{left:66.66666%;border-right:none;}

.best_area .tab_content{padding-top:60px;}

.best_area .slides li{width:100%;}
.best_area .slides li a{display:block;}

.best_area .num1{position:relative;padding:0 20px;margin-bottom:15px;box-sizing:border-box;}
.best_area .num1 > a{ display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;padding:0px;}
.best_area .num1 > a .img{margin-bottom:0;width:130px;height:194px;text-align:center;}
.best_area .num1 > a > div{-webkit-flex:1;flex:1;padding-left:15px;text-align:left;box-sizing:border-box;}

.best_area .num1 .rank{position:absolute;top:0px;left:20px;width:28px;height:28px;line-height:28px;}
.best_area .num1 .kinds{position:relative;top:0px;left:0px;text-align:left;}

.best_area .num1.book_info strong{display:block;margin-bottom:10px;width:auto;white-space:normal;line-height:1.3em;}
.best_area .num1.book_info .writer{margin-bottom:15px;font-size:13px;color:#444;}
.best_area .num1.book_info .txt{margin-bottom:17px;font-size:13px;color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	height:3.2em;
	line-height:1.5em;
}
.best_area .num1 > a:hover .book_info > div strong{text-decoration:underline;}

.best_area .book_list{box-sizing:border-box;}
.best_area .book_list .rank{margin:0;width:25px;height:25px;line-height:25px;}
.best_area .btn_more{position:absolute;top:-5px;right:20px;}

/* 신착자료 */
.new_wrap{position:relative;margin:0px 0 15px 0;padding:0 10px;box-sizing:border-box;}
.new_wrap .tit_area h3{padding-left:10px;}

.new_wrap > ul:after{content:'';display:block;clear:both;}
.new_wrap > ul{width:100%;}
.new_wrap > ul > li{float:left;margin-bottom:15px;width:calc(100% / 2);}
.new_wrap > ul > li > a{position:relative;margin:0 auto;width:120px;}
.new_wrap .btn_more{position:absolute;top:-5px;right:20px;}

.new_wrap .book_info .img{height:179px;}

/* 공지사항 */
.noti_wrap{ display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;padding:13px 20px;width:100%;border-top:1px solid #b6b6b6;box-sizing:border-box;}

.noti_wrap h3{padding-top:3px;width:40px;}
.noti_wrap p:nth-of-type(1){padding-top:4px;font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;vertical-align:middle;box-sizing:border-box;}
.noti_wrap .btn_more{text-align:right;width:80px;margin-left:auto;}


/* flexslider and swiper */
html[xmlns] .flexslider .slides {display: block;}
.slider, .flexslider{z-index:9;position:relative;}
.flexslider .slides > li {display:none; -webkit-backface-visibility: hidden;}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.carousel li{margin-right: 5px;}

/* 좌우 */
.flex-direction-nav {display:none;}

/* 재생/멈춤 */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.8;	
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:hover {opacity:1;}

/* paging */
.flex-control-nav {
  width: 100%;
  position: absolute;  
  text-align: center;
  z-index:9;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

/* GNB */
.gnb_area .flex-direction-nav, .gnb_area .flex-control-nav{display:none;}

/* visual */
.visual{position:relative;top:0;margin-bottom:30px;border-bottom:1px solid #d4d4d4;}
.visual .slides >  li {width:100%;}
.visual .slides >  li > a{display:block;width:100%;height:179px;overflow:hidden;}
.visual .slides >  li > a img{width:auto;height:100%;
	position:relative;top:0;left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.visual .flex-control-nav {margin-right:20px;top:10px;right:0;text-align:right;}
.visual .flex-control-nav li{margin:0 0px 0 6px;}
.visual .flex-control-nav li:last-child{padding-right:10px;}
.visual .flex-control-nav a{text-align:left;width:11px;height:11px;border:1px solid #717171;background-color:transparent;}
.visual .flex-control-nav li a.flex-active{background-color:#717171;}

.visual .flex-pauseplay{z-index:9;position:absolute;top:10px;right:10px;width:10px;}
.visual .flex-pauseplay a{text-indent:-9999px;font-size:0;line-height:0;width:6px;height:11px;background:url('../../../images/front/mobile/btn_visual_control.png') no-repeat -6px 0;}
.visual .flex-pauseplay a.flex-play{background-position:0 0;}

.visual .slides.no_touch{width:100% !important;height:179px !important;overflow:hidden !important;transform:translate3d(0px, 0px, 0px) !important;}

/* swiper  */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden; 
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
   width:80px !important;
}

.indi_library, .total_library, .e-kyobo{padding-left:20px;}
.indi_library .swiper-wrapper li:last-child, .total_library .swiper-wrapper li:last-child, .e-kyobo .swiper-wrapper li:last-child {width:80px !important;}

/* // */


/* 공통 */
.point{color:#4c5d9d !important;}
.mB30{margin-bottom:30px !important;}
.mB20{margin-bottom:20px !important;}
.block_in{display:block !important;}
.block_in2{display:block !important;}
.mB5{margin-bottom:5px;}

.txt_red{color:#e33500 !important;}
.txt_blue{color:#0045a2 !important;}
input::placeholder{font-size:13px;letter-spacing:-1px;}

.ok_txt{display:inline-block;color:#0045a2;font-weight:400;}
.no_txt{display:inline-block;color:#e33500;font-weight:400;}
.sub_txt{font-size:13px;color:#444;}
.detailT.thNone .sub_txt{margin-top:5px;}

.data_no{margin-bottom:30px;padding:68px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

/* 버튼 */
.btn{display:inline-block;text-align:center;cursor:pointer;box-sizing:border-box;}
.btn_sch{width:32px !important;height:32px;font-size:0;border:0;background:url('../../../images/front/mobile/btn_sch.png') no-repeat 0 0;background-size:contain;}
.btn_more a{display:inline-block;padding:3px 6px 0 6px;height:22px;font-size:12px;color:#666;border:1px solid #aaa;box-sizing:border-box;}
.btn_more a:after{content:'+';display:inline-block;margin-left:3px;vertical-align:top;}

.btn_s{padding:0 20px;height:30px;}
.btn_m{padding:0 15px;height:34px;}
.btn_l{padding:0 15px;height:42px;}

a.btn_s{padding-top:7px;;}
a.btn_m{padding-top:8px;}
a.btn_l{padding-top:12px;}

.btn_lineD{border:1px solid #aaa;background-color:#fff;}
.btn_lineD:hover{border:1px solid #aaa;box-shadow:inset 0 0 1px 1px #aaa;}

.btn_green{border:1px solid #527c00;color:#527c00;background-color:#fff;}
.btn_green:hover{border:1px solid #527c00;box-shadow:inset 0 0 1px 1px #527c00;}

.btn_Dgreen{color:#277e20;border:1px solid #277e20;background-color:#fff;}
.btn_Dgreen:hover{border:1px solid #277e20;box-shadow:inset 0 0 1px 1px #277e20;}

.btn_blueL{color:#45558e;border:1px solid #45558e;background-color:#fff;}
.btn_blueL:hover{border:1px solid #45558e;box-shadow:inset 0 0 1px 1px #45558e;}

.btn_blueD{color:#004fb0;border:1px solid #004fb0;background-color:#fff;}
.btn_blueD:hover{border:1px solid #004fb0;box-shadow:inset 0 0 1px 1px #004fb0;}

.btn_skyblue{color:#006d9a;border:1px solid #006d9a;background-color:#fff;}
.btn_skyblue:hover{border:1px solid #006d9a;box-shadow:inset 0 0 1px 1px #006d9a;}

.btn_bgreen{color:#26308f;border:1px solid #26308f;background-color:#fff;}
.btn_bgreen:hover{border:1px solid #26308f;box-shadow:inset 0 0 1px 1px #26308f;}

.btn_Dorg{color:#d23b00;border:1px solid #d23b00;background-color:#fff;}
.btn_Dorg:hover{border:1px solid #d23b00;box-shadow:inset 0 0 1px 1px #d23b00;}

.btn_line{border:1px solid #aaa;background-color:#f3f3f3;}
.btn_line:hover{border:1px solid #222;}

.btn_gray{border:1px solid #aaa;color:#fff;background-color:#555;}
.btn_gray:hover{border:1px solid #aaa;background-color:#333;}

.btn_blue{color:#3f34cf;border:1px solid #3f34cf;background-color:#fff;}
.btn_blue:hover{border:1px solid #3f34cf;box-shadow:inset 0 0 1px 1px #3f34cf;}

.btn_check{padding-left:20px !important;text-align:left;border:1px solid #aaa;background:#f3f3f3 url('../../../images/front/mobile/bul_ch.png') no-repeat 5px center;}
.btn_check:hover{border:1px solid #222;}

.btn_sel{display:inline-block;padding-left:10px;padding-right:10px;width:100%;color:#b90057;border:1px solid #b90057;background-color:#fff;box-sizing:border-box;}
.btn_sel:before{content:'';display:inline-block;margin-right:3px;vertical-align:-1px;width:15px;height:13px;background:url('../../../images/front/mobile/bul_check.png') no-repeat 0 0;background-size:cover;}
.btn_sel.on{box-shadow:inset 0 0 1px 1px #b90057;}
.btn_sel.on:before{content:'';display:inline-block;background:url('../../../images/front/mobile/bul_check_on.png') no-repeat 0 0;background-size:cover;}

.btn_sub{padding:7px 14px 0 14px !important;border:1px solid #333;}
.btn_sub:after{content:'';display:inline-block;margin-left:8px;width:10px;height:14px;vertical-align:-1px;background:url('../../../images/front/mobile/icon_all.png') no-repeat -30px -100px;}

.btn_hope:before{content:'';display:inline-block;margin-right:8px;width:16px;height:16px;vertical-align:middle;background:url('../../../images/front/mobile/bul_all.png') no-repeat -60px -50px;}
.btn_arrow{position:relative;text-align:left;border:1px solid #aaa;background-color:#f3f3f3;}
.btn_arrow:after{content:'';position:absolute;top:14px;right:9px;display:inline-block;width:8px;height:12px;background:url('../../../images/front/mobile/bul_all.png') no-repeat -30px 0px;}

.btn_area{display:table;table-layout:fixed;width:100%;}
.btn_area span{display:table-cell;table-layout:fixed;padding:0 5px;box-sizing:border-box;vertical-align:top;}
.btn_area span:first-of-type{padding-left:0;}
.btn_area span:last-of-type{padding-right:0;}
.btn_area span input[type="button"], .btn_area span a{width:100%;}

/* input text */
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"]{
	padding:0 5px;height:30px;line-height:30px;border:1px solid #aaa;background-color:#fff !important;
}
input[type="checkbox"]{width:18px;height:18px;border:1px solid #aaa;background-color:#fff;}
input[disabled]{border:1px solid #aaa;color:#ccc;background-color:#555;}
input[readonly], select[disabled], textarea[readonly]{border:1px solid #aaa;background-color:#ededed;}
input[type="text"]:focus{border:1px solid #175aa0;}
textarea{width:100%;padding:10px;border:1px solid #aaa;background-color:#fff;}

.check_box{margin-bottom:10px;}
.check_box label{display:inline-block;margin-left:7px;vertical-align:middle;}

/* box_style */
.box_area{margin-bottom:20px; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;padding:0 10px 10px 10px;border-bottom:1px solid #d4d4d4;}
.box_area .right{margin-left:auto;}
.box_sty01{margin-bottom:20px;line-height:1.5em;}
.box_sty02{margin-bottom:15px;padding:15px;line-height:1.5em;overflow:auto;border:1px solid #ababab;box-sizing:border-box;}
.box_sty03{margin-bottom:30px;text-align:center;line-height:1.5em;box-sizing:border-box;}
.box_sty04{margin-bottom:15px;line-height:1.5em;}

.list_st01{padding:5px 10px;border:1px solid #acacac;}
.list_st01 li{padding:7px 0 7px 8px;text-indent:-4px;line-height:1.5em;}
.list_st01 li:before{content:'·';display:inline-block;}

.info_noti{margin-bottom:10px;}
.info_noti:before{content:'';display:inline-block;margin-right:5px;width:23px;height:23px;vertical-align:-6px;background:url('../../../images/front/mobile/bul_all.png') no-repeat -60px 0;}

.font_s{margin-bottom:20px;font-size:13px;color:#333;line-height:1.5em;}
.font_c{margin-bottom:15px;font-size:14px;color:#333;}

.tit_area{margin-bottom:15px;display:table;table-layout:fixed;width:100%;}
.tit_area .left, .tit_area .right{display:table-cell;table-layout:fixed;vertical-align:bottom;}
.tit_area .right{text-align:right;}
.tit_area .font_s{margin-bottom:0px;line-height:1em;}
.tit_area.noti_top .right{width:80px;}

.point_big{padding:0 50px;margin-bottom:20px;text-align:center;color:#273d93;font-size:20px;font-weight:500;line-height:1.5em;box-sizing:border-box;}

/* 더보기 */
.sub_con .paging{padding:0;}
.paging{padding:0 10px;}
.paging > a{display:block;padding-top:7px;height:30px;font-size:13px;text-align:center;border:1px solid #d4d4d4;box-sizing:border-box;}
.paging > a:after{content:'+';display:inline-block;margin-left:5px;vertical-align:-3px;font-size:20px;}

/* toogle 형식 */
.toogle_area .toogle_con{display:none;}
.toogle_area .toogle_con.down{display:block;}
.toogle_area .toogle_btn.on{}

/* table */
table select{height:30px;}
.dataT{margin-bottom:20px;width:100%;}
.dataT th, .dataT td{padding:10px;text-align:left;border:1px solid #d5d5d5;box-sizing:border-box;}
.dataT th{background-color:#f3f3f3;}

.phoneT{ display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;flex-wrap:wrap;}
.phoneT > p{display:inline-block;width:48%;box-sizing:border-box;}
.phoneT > p:nth-of-type(1){width:100%;padding-bottom:5px;}
.phoneT > p input[type="text"], 
.phoneT > p input[type="tel"], 
.phoneT > p input[type="password"], .phoneT > p select{width:100%;}
.phoneT .line{width:4%;text-align:center;height:30px;line-height:26px;}
.off_on{display:none;}

.displayT{display:table;table-layout:fixed;width:100%;}
.displayT > p{display:table-cell;table-layout:fixed;box-sizing:border-box;}
.displayT > p:nth-of-type(1){padding-right:5px;}
.displayT > p input[type="text"], .displayT > p select{width:100%;}
.displayT > p .btn_s{padding:0 5px;}

.inT_txt{margin-top:5px;font-size:13px;color:#333;line-height:1.5em;}

.listT{margin-bottom:20px;width:100%;border-top:1px solid #6d6d6d;}
.listT th, .listT td{padding:10px;text-align:center;border-bottom:1px solid #c5c5c5;}
.listT th{background-color:#fafafa;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}
.listT .subject{text-align:left;}
.listT .subject a{display:inline-block;vertical-align:middle;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 전자책 목록 */
.book_resultList.no_btn > li{padding:20px 10px;}
.book_resultList.no_btn .list_info{margin-bottom:0px;}
.book_resultList{margin-bottom:20px;}
.book_resultList > li:first-child{padding-top:0;}

.book_resultList > li{position:relative;padding:20px 10px 54px 10px;border-bottom:1px solid #ddd;}
.book_resultList > li > .btn_area{position:absolute;bottom:20px;left:10px;width:calc(100% - 20px)}

.book_resultList .list_info .rank{top:-1px;left:-1px;width:25px;height:25px;line-height:25px;font-size:14px;}
.list_info{margin-bottom:10px;display:table;table-layout:fixed;width:100%;}
.list_info .img, .list_info .info{display:table-cell;table-layout:fixed;vertical-align:top;}
.list_info .img{position:relative;width:70px;border:none;}
.list_info .img > a{position:relative;width:100%;height:102px;border:1px solid #dedede;box-sizing:border-box;}
.list_info .info{padding:4px 0 0 15px;width:auto;box-sizing:border-box;}
.list_info .tit{margin-bottom:6px;width:100%;box-sizing:border-box;}
.list_info .tit > a{display:block;box-sizing:border-box;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.3em;}
.list_info .tit_eng{margin-bottom:10px;font-size:16px;font-weight:500;width:100%;min-height:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.list_info .writer{margin-bottom:8px;color:#444;}
.list_info .writer span:before{content:'|';display:inline-block;margin:0 10px;vertical-align:top;}
.list_info .writer span{display:inline-block;}

.list_info .writer_paper li{margin-bottom:8px;color:#444;width:100%;line-height:1.4em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list_info .writer_paper li:first-child{margin-bottom:0px;}

.list_info .info .kinds{margin-bottom:10px;}
.list_info .info .kinds span{vertical-align:middle;margin-right:3px;}
.list_info .info .kinds.paper_icon{margin-bottom:5px;}
.use strong{color:#5668ae;}
.use span:before{content:'|';display:inline-block;margin:0 10px;vertical-align:top;}
.use span{display:inline-block;}

.adult{z-index:97;position:absolute;top:0;left:0;width:100%;height:102px;text-align:center;text-decoration:underline;background:rgba(0,0,0,0.7);}
.adult strong{position:absolute;top:50%;left:50%;margin:-21px 0 0 -20px;display:inline-block;padding:0 3px 9px 3px;font-size:30px;color:#fff;border-bottom:2px solid #e50000;}

.recomm_wrap .adult{left:50%;margin-left:-40px;width:80px;height:117px;}
.best_area .num1 .adult{left:20px;width:130px;height:194px;}
.best_area .book_list .adult{height:117px;}
.new_wrap .book_info .adult{width:120px;height:179px;}

.book_sort{margin-bottom:20px;padding:0 10px 10px 10px;border-bottom:1px solid #d4d4d4;}
.book_sort:after{content:'';display:block;clear:both;}
.book_sort .left{float:left;}
.book_sort .right{float:right;}
.book_sort .left span{float:left;margin-right:3px;}
.book_sort .left span:nth-last-child(1){margin-right:0px;}

.no_borrow{margin-top:2px;color:#e33500 !important;line-height:1.5em;}
.return_d{padding-left:10px;color:#e33500;height:25px;display:block;} 

/* 전자책 상세 */
.detail_info{margin-bottom:15px;display:table;table-layout:fixed;width:100%;}
.detail_info > div{display:table-cell;table-layout:fixed;vertical-align:top;}
.detail_info > div:nth-of-type(1){padding-right:15px;width:125px;}
.detail_info .img{width:110px;height:164px;margin-bottom:0;}

.detail_info .detail li{padding:4px 0;line-height:1.3em;}
.detail_info .detail li:last-child{text-indent:-95px;padding-left:95px;line-height:1.5em;letter-spacing:-1px;}
.detail_info .detail p{margin-top:4px;}
.detail_info .detail p span{display:inline-block;}
.detail_info .detail p span:before{content:'|';display:inline-block;margin:0 10px;vertical-align:middle;}

.book_detail{position:relative;}
.book_detail  h4{margin-bottom:0;}
.book_detail > div{position:absolute;top:0;border:1px solid #dbdbdb;border-left:none;box-sizing:border-box;}
.book_detail > div h4 a{display:block;padding:11px 0;font-size:15px;font-weight:400;text-align:center;box-sizing:border-box;}
.book_detail > div.active{border-bottom:1px solid #000;}
.book_detail > div.active h4 a{font-family:'NotoSans-Regu','본고딕';font-weight:600;border-bottom:1px solid #000;}
.book_detail .step5{border-right:none;}
.book_detail .tab_content{padding-top:60px;}

.book_detail.paper_view > div h4 a {height:54px;}
.book_detail.paper_view > div h4.tab3 a {padding-top:20px;}
.book_detail.paper_view .tab_content.off.on{padding-top:75px !important;}
.book_detail.paper_view .tab_content{padding-top:75px;}

/* 연관자료 */
.recomm_list {position:relative;padding:15px 0px;border:1px solid #d9d9d9;}
.recomm_list .book_list{text-align:center;}
.recomm_list .book_list .book_info{display:inline-block;width:160px;margin:18px 31px;}
.recomm_list .book_list .book_info > a{display:block;}
.recomm_list .book_list .book_info .scale{margin-bottom:10px;width:160px;height:239px;}
.recomm_list .book_list .book_info .scale img{width:auto;height:auto;max-width:100%;max-height:237px;}
.recomm_list .book_paging{margin-top:-5px;}

.recomm_list .book_info .kinds{width:160px;}

/*갯수에 따른 width 값 */
.book_detail > div:nth-of-type(1):nth-last-of-type(1) {width: 100%;}

.book_detail > div:nth-of-type(1):nth-last-of-type(2), 
.book_detail > div:nth-of-type(2):nth-last-of-type(1){width:50%;}
.book_detail > div:nth-of-type(2):nth-last-of-type(1){left:50%;border-right:none;}

.book_detail > div:nth-of-type(1):nth-last-of-type(3), 
.book_detail > div:nth-of-type(2):nth-last-of-type(2),
.book_detail > div:nth-of-type(3):nth-last-of-type(1) {width:calc(100% / 3);}

.book_detail > div:nth-of-type(2):nth-last-of-type(2) {left:33.33333%}
.book_detail > div:nth-of-type(3):nth-last-of-type(1) {left:66.66666%;border-right:none;}

.book_detail > div:nth-of-type(1):nth-last-of-type(4), 
.book_detail > div:nth-of-type(2):nth-last-of-type(3),
.book_detail > div:nth-of-type(3):nth-last-of-type(2),
.book_detail > div:nth-of-type(4):nth-last-of-type(1) {width: 25%;}

.book_detail > div:nth-of-type(2):nth-last-of-type(3){left:25%}
.book_detail > div:nth-of-type(3):nth-last-of-type(2){left:50%}
.book_detail > div:nth-of-type(4):nth-last-of-type(1){left:75%;border-right:none;}

.book_detail > div:nth-of-type(1):nth-last-of-type(5), 
.book_detail > div:nth-of-type(2):nth-last-of-type(4),
.book_detail > div:nth-of-type(3):nth-last-of-type(3),
.book_detail > div:nth-of-type(4):nth-last-of-type(2),
.book_detail > div:nth-of-type(5):nth-last-of-type(1) {width:20%;}

.book_detail > div:nth-of-type(2):nth-last-of-type(4){left:20%}
.book_detail > div:nth-of-type(3):nth-last-of-type(3){left:40%}
.book_detail > div:nth-of-type(4):nth-last-of-type(2){left:60%}
.book_detail > div:nth-of-type(5):nth-last-of-type(1){left:80%}

/**/

.thNone th{visibility:hidden;overflow:hidden;line-height:0;width:0;height:0;margin:0;padding:0 !important;text-indent:-99999px;font-size:0;border:none !important;}
.detailT.thNone tr:nth-child(1) td{border-top:1px solid #6d6d6d !important;}
.detailT{width:100%;table-layout:fixed;border-top:1px solid #6d6d6d;}
.detailT th, .detailT td{padding:10px;text-align:center;border-bottom:1px solid #ddd;}
.detailT .subject{padding:10px;text-align:left;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;}

.sub_conTxt{padding:0 10px;line-height:1.5em;}

.related{margin-top:20px;padding-left:0 !important;}
.related .flex-control-nav{display:none;}
.related .book_info .img{width:80px;height:117px;}

.re_top{margin-bottom:10px;}
.re_top strong, .re_top span, .re_top img{display:inline-block;vertical-align:middle;}
.re_top strong:before{content:'|';display:inline-block;font-size:10px;margin:0 10px;vertical-align:top;}
.re_top > p, .re_top > div{display:inline-block;}
.re_top > p{margin-right:20px;}
.star_sel {margin-bottom:20px;}
.star_sel select{color:#eb8100;}
.star_sel span{display:inline-block;}
.star_sel span:after{content:'|';display:inline-block;font-size:10px;margin:0 10px;vertical-align:top;}

.re_txt{margin-bottom:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;}
.re_txt > div{width:100%;border:1px solid #ababab;border-right:none;box-sizing:border-box;}
.re_txt > div textarea{width:100%;height:63px;border:none;}
.re_txt > p{margin-left:auto;}
.re_txt > p input[type="button"]{width:70px;height:67px;}

.review_list li{margin-bottom:20px;}
.review_list .reply_tit, .review_list .reply_txt{color:#666;}
.review_list .reply_tit span{display:inline-block;vertical-align:top;}
.review_list .reply_tit img{vertical-align:top;}
.review_list .reply_tit span:before, .review_list .reply_tit span:after{content:'|';display:inline-block;font-size:10px;margin:0 5px;vertical-align:top;}

.review_list .reply_txt{margin-top:10px;line-height:1.5em;}
.review_list .btn_area{margin-top:15px;}

/* 성인인증 */
.adult_txt{padding:30px 10px 35px 10px;text-align:center;}
.adult_txt > span, .adult_txt > strong{display:block;margin:0 auto;}
.adult_txt > strong{margin-bottom:15px;padding-top:32px;width:106px;height:106px;font-size:40px;border-radius:50%;border:5px solid #e50000;box-sizing:border-box;}
.adult_txt > span{margin-bottom:20px;font-size:25px;}
.adult_txt p{margin-bottom:35px;line-height:1.5em;}

/* 내서재 */
.tab_area{margin-bottom:20px;display:table;table-layout:fixed;width:100%;}
.tab_area li{display:table-cell;table-layout:fixed;width:calc(100% / 5);text-align:center;vertical-align:middle;box-sizing:border-box;border-right:1px solid #dbdbdb;border-top:1px solid #dbdbdb;background:url('../../../images/front/mobile/tab_bg.png') repeat-x 0 bottom;}
.tab_area li:last-child{border-right:none;}
.tab_area li > a{display:inline-block;padding:10px 0;font-size:15px;font-weight:400;line-height:1.3em;box-sizing:border-box;}
.tab_area li.on, .tab_area li:hover{background:url('../../../images/front/mobile/tab_bg_on.png') repeat-x 0 bottom;}
.tab_area li.on > a{font-family:'NotoSans-Regu','본고딕';font-weight:600;}
           
.use_info li{padding-bottom:8px;}
.use_info span{display:inline-block;width:85px;}
.use_info strong{font-weight:400;}

/* 검색 */
.sch_con{margin-bottom:25px;position:relative;padding:7px 10px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background-color:#f3f3f3;box-sizing:border-box;}
.sch_con table{margin-bottom:10px;width:100%;text-align:left;}
.sch_con table input[type="text"]{height:34px;line-height:34px;}
.sch_con table td{padding:3px 0;}
.sch_con table tr:first-child td input[type="text"]{width:100%;}
.sch_con table tr:nth-child(2) td input[type="text"]{margin:2px 0;width:80%;}

.sch_con .btn_posi{text-align:center;}

/* 등록한 리뷰 */
.my_review .reply_subject{margin-bottom:10px;line-height:1.3em;font-size:15px;font-family:'NotoSans-Regu','본고딕';font-weight:500;}
.my_review.review_list .reply_tit span:before{content:'';margin:0;}

/* 회원 */
.login_area{padding:0 10px;box-sizing:border-box;}
.login{position:relative;margin-bottom:30px;}
.login > ul{margin-bottom:15px;padding-right:10px;width:calc(100% - 75px);box-sizing:border-box;}
.login > ul li:first-child{margin-bottom:6px;}
.login > ul li input[type="text"], .login > ul li input[type="password"]{padding:0 10px;width:100%;height:40px;line-height:40px;box-sizing:border-box;}
.login > .region {margin:0 85px 6px 0;}/* 2020-04-10 추가 */
.login > .region select {padding:0 10px;width:100%;height:40px;line-height:40px;box-sizing:border-box;}/* 2020-04-10 추가 */
.login > .region ~ .btn_posi {top:46px;}/* 2020-04-10 추가 */
.login .btn_posi{position:absolute;top:0;right:0;}
.btn_login{width:75px;height:86px;}
.login > div span{display:inline-block;margin-right:20px;}
.login > div span label{display:inline-block;margin-left:5px;}

.terms_info{margin-bottom:30px;position:relative;width:100%;}
.terms_info h4{margin-bottom:0 !important;}
.terms_info .toogle_btn > a{position:relative;display:block;height:34px;line-height:34px;padding:0px 0 0px 10px;font-size:14px;border:1px solid #aaa;box-sizing:border-box;}
.terms_info .toogle_btn > a:after{position:absolute;top:0;right:0;content:'';display:block;width:28px;height:32px;border-left:1px solid #aaa;background:url('../../../images/front/mobile/bul_all.png') no-repeat -120px 0px;}
.terms_info .toogle_btn.on > a:after{background-position:-90px 0px;}
.terms_info .toogle_con{overflow-y:auto;padding:15px 10px;height:160px;line-height:1.5em;border:1px solid #aaa;border-top:none;background-color:#fff;}
.terms_info .toogle_con > p{line-height:1.5em;}
.terms_info .toogle_con.join{top:33px;}

.repeat_id{width:80px;}
.repeat_id input[type="button"]{width:100%;}

/* 게시판 - 검색 */
.sch_wrap{margin-bottom:20px;width:100%;padding:7px 10px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background-color:#f3f3f3;box-sizing:border-box;}
.sch_wrap > div{display:table;table-layout:fixed;width:100%;padding:3px 0;box-sizing:border-box;}
.sch_wrap span{display:table-cell;table-layout:fixed;padding:0 3px;width:auto;box-sizing:border-box;}
.sch_wrap span:nth-of-type(1){width:100px;}
.sch_wrap span:nth-of-type(3){width:60px;}
.sch_wrap span input[type="text"], .sch_wrap span input[type="submit"], .sch_wrap span select{width:100%;}
.sch_wrap span input[type="text"], .sch_wrap span input[type="submit"]{height:34px;}

.sch_wrap.sch_top > div > span:nth-of-type(1){width:110px;}

.total_upT{margin-bottom:15px;}

.listT{margin-bottom:20px;border-top:1px solid #ddd;}
.listT > li{padding:13px 0;border-bottom:1px solid #ddd;}
.listT li p{margin-bottom:5px;}
.listT li p .txt a, .listT li p > span{vertical-align:middle;}
.listT li p .txt a{display:inline-block;max-width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:15px;line-height:1.4em;}
.newT li p.new .txt a{max-width:88%;}
.listT .date{display:block;text-align:right;}
.listT.newT .date strong{font-weight:400;}
.listT .writer:after{content:'|';display:inline-block;margin:0 8px;color:#999;font-size:10px;vertical-align:2px;}

.viewT{table-layout:fixed;width:100%;margin-bottom:20px;}
.viewT th, .viewT td{padding:15px 7px;text-align:left;border:1px solid #ddd;box-sizing:border-box;}
.viewT th{background-color:#f3f3f3;}
.viewT .con_txt{line-height:1.5em;}
.viewT .edit{padding:0 !important;}
.viewT td.inputT{padding:7px;}

.txt_upT{margin-bottom:10px;font-size:13px;text-align:right;}

.listT.freeT li{padding:0px;}
.listT.freeT > li > div{padding:13px 0;}
.listT.freeT strong{font-weight:400;}

.freeT .reply > li:first-child{border-top:1px solid #ddd;}
.freeT .reply li{padding:10px 0;border-bottom:1px solid #ddd;}

.freeT .reply li p{display:table;table-layout:fixed;width:100%;box-sizing:border-box;}
.freeT .reply li p > span{display:table-cell;table-layout:fixed;vertical-align:middle;}
.freeT .reply li p .tit{width:55px;}
.freeT .reply li p .txt{width:auto;}
.freeT .reply li .date{display:block;padding-left:15px;}
.freeT .reply li ul{margin-top:10px;border-top:1px solid #ddd;}
.freeT .reply li div{padding-left:10px;}
.freeT .reply li ul li div{padding-left:20px;}
.freeT .reply li ul li ul li div{padding-left:30px;}
.freeT .reply li ul li ul li ul li div{padding-left:40px;}
.freeT .reply li ul li ul li ul li ul li div{padding-left:50px;}

.freeT .reply li:last-child{border-bottom:none;}
.freeT .reply li ul li:last-child{padding-bottom:0px;border-bottom:none;}

.freeT .reply .txt a{max-width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:top;box-sizing:border-box;}
.freeT .reply .txt a img{vertical-align:top;}
.freeT .reply .tit{font-size:15px;}
.freeT .reply .tit:before, .freeT .reply .tit:after{display:inline-block;vertical-align:middle;}
.freeT .reply .tit:before{margin-right:5px;content:'';width:7px;height:7px;vertical-align:top;background:url('../../../images/front/mobile/bul_all.png') no-repeat 0 -50px;}
.freeT .reply .tit:after{margin:0 5px 0 2px;content:'';width:8px;height:7px;vertical-align:2px;background:url('../../../images/front/mobile/bul_all.png') no-repeat -30px -50px;}

.freeT .reply .reply_step01{padding-left:10px;}
.freeT .reply .reply_step02{padding-left:20px;}
.freeT .reply .reply_step03{padding-left:30px;}
.freeT .reply .reply_step04{padding-left:40px;}
.freeT .reply .reply_step05{padding-left:50px;}


/* 검색 */
.sch_result{padding-top:10px;text-align:center;}
.sch_result > p{margin-bottom:10px;}
.sch_result > p:nth-of-type(1){margin-bottom:30px;font-size:16px;}
.sch_result > p:nth-of-type(1) strong{text-decoration:underline;}

/* 알림 */
.txt_cancel{color:#d23b00;}
.txt_return{color:#00908e;}
.txt_autoUse{color:#277e20;}
.txt_use{color:#1153b7;}

.notiT{margin-bottom:20px;border-top:1px solid #ddd;}
.notiT li{display:table;table-layout:fixed;width:100%;padding:10px 0;border-bottom:1px solid #ddd;}
.notiT li > div{display:table-cell;table-layout:fixed;width:auto;box-sizing:border-box;vertical-align:middle;}
.notiT li > div:nth-of-type(1){width:30px;}
.notiT li > div p{width:100%;margin-bottom:5px;font-size:15px;}
.notiT li > div p strong, .notiT li > div p a, .notiT li > div p span{display:inline-block;box-sizing:border-box;vertical-align:middle;}
.notiT li > div p strong{width:75px;}

.notiT li > div p a{max-width:60%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.notiT.newT li p.new > a{max-width:60%;}

/* 에러페이지 */
.error{margin-bottom:30px;padding:30px 20px 0 20px;font-size:16px;text-align:center;line-height:1.5em;}
.error span{font-size:14px;}
.error:before{content:'';display:block;margin:0 auto 25px auto;width:122px;height:106px;background:url('../../../images/front/mobile/icon_all.png') no-repeat 0 -150px;}
.error strong{display:block;padding:10px 0;font-size:18px;font-weight:500;font-family:'NotoSans-Regu','본고딕';}

.error_wrap{position:absolute;top:50%;margin-top:-200px;}

/* select box */
.sel_box{position:relative;width:100%;}
.sel_box .toogle_btn > a{position:relative;display:block;height:34px;line-height:34px;padding:0px 45px 0px 10px;font-size:14px;border:1px solid #aaa;box-sizing:border-box;}
.sel_box .toogle_btn > a:after{position:absolute;top:0;right:0;content:'';display:block;width:28px;height:32px;border-left:1px solid #aaa;background:url('../../../images/front/mobile/bul_all.png') no-repeat -120px 0px;}
.sel_box .toogle_btn.on > a:after{background-position:-90px 0px;}
.sel_box .toogle_con{z-index:99;position:absolute;top:34px;left:0;width:100%;padding:5px 10px;line-height:1.5em;border:1px solid #aaa;border-top:none;box-sizing:border-box;background-color:#fff;}
.sel_box .toogle_con li{padding:5px 0;}

/* 희망도서신청 */
.hope_list li{margin-bottom:8px;}
.hope_list li a{width:100%;}

/* 이용안내 */
.use_area > li{box-sizing:border-box;}
.use_area > li > p{margin-bottom:15px;font-size:17px;font-weight:700;color:#000;}
.use_area > li > div, .use_area > li > div p {line-height:1.5em;}
.use_area > li > div{margin-bottom:30px;}
.use_area > li > div strong{display:inline-block;color:#000;font-weight:700;}
.use_area > li > div .img_capture{margin:20px 0 0 0;text-align:center;}
.use_area > li > div .img_capture img{margin-bottom:15px;vertical-align:top;width:auto;max-width:100%;}

.use_area .point_box{margin:15px 0;padding:10px;background-color:#ebeff4;box-sizing:border-box;}
.use_area .point_box dt{margin-bottom:10px;font-weight:700;}
.use_area .point_box dd{line-height:1.5em;}

.use_area  > li > div ol{margin:10px 0;}
.use_area  > li > div ol li{line-height:1.5em;}
.use_area  > li > div ol ol{margin:5px 0 5px 15px;}
.use_area  .s_tit{margin-bottom:5px;}
.use_area  .use_inT {margin:20px 0 15px 0;width:100%;}
.use_area  .use_inT th, .use_area  .use_inT td{padding:10px 6px;border:1px solid #ddd;}
.use_area  .use_inT th{border-left:none;}
.use_area  .use_inT td{border-right:none;line-height:1.5em;}

/* === 팝업 === */
#pop_wrap{height:100%;min-height:100%;}
.pop_top{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;border-bottom:1px solid #c1c1c1}
.pop_top h1{padding:10px;font-size:17px;}
.pop_top > p{padding-top:2px;width:36px;margin-left:auto;box-sizing:border-box;}

.pop_con.pdNone{padding:0;}
.pop_con{padding:10px;box-sizing:border-box;height:100%;min-height:100%;}
.pop_con #m_nav{padding:10px 0;min-height:100%;box-sizing:border-box;background:url('../../../images/front/mobile/gnb_line.png') repeat-y 110px 0;}

.pop_con #m_nav .th2{padding:0;}
.pop_con #m_nav .th1>li>a{padding:10px;font-size:15px;}
.pop_con #m_nav .th2>li>a{position:relative;padding:7px 0 7px 9px;font-size:14px;color:#555;}
.pop_con #m_nav .th2>li>a:active{color:#000;}

.pop_con #m_nav .th2>li>a:before{content:'·';display:inline-block;margin-left:5px;color:#828282;vertical-align:2px;}
.pop_con #m_nav .th2>li>a:after{content:'';display:inline-block;width:8px;height:12px;position:absolute;top:8px;right:12px;background:url('../../../images/front/mobile/bul_all.png') no-repeat 0 0;}
.pop_con #m_nav .th2>li>a:active:after{background-position:-30px 0;}

.pop_con .reply_tit select{height:24px;}
.pop_con .reply_tit .star_sel{margin:10px 0;}
.pop_con .reply_tit .star_sel span{text-align:left;vertical-align:middle;margin:0 5px 0 0 !important;}
.pop_con .reply_tit span:after, .pop_con .reply_tit .star_sel span:before{content:'';margin:0 !important;}

.pop_con .my_review .reply_tit{margin-bottom:10px;}
.pop_con .my_review .reply_tit .star_sel{display:inline-block;vertical-align:middle;margin:0;}
.pop_con .my_review.review_list .reply_tit span{vertical-align:middle;}

.pop_con .my_review.review_list .reply_tit .star_sel span:before{content:'|';display:inline-block;font-size:10px;margin:0 5px 0 0 !important;}
.pop_con .free_del{margin-bottom:20px;min-height:50px;}
.pop_con .free_del > div{margin:10px 0;}

/* 제이쿼리 ui 팝업 */
/* iframe#iframe_reviewPopup{height:280px !important;} */
#ui-datepicker-div.ui-datepicker{height:auto !important;}

.ui-widget.ui-widget-content{padding:0;border-radius:0;/*height:70% !important;*/}
.ui-widget-header{background-color:#fff;border:none;border-bottom:1px solid #c1c1c1;border-radius:0;}
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:"NotoSans", "본고딕", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial}
.ui-dialog .ui-dialog-titlebar-close{right:0;width:28px;height:28px;margin-top:-14px;border:none;background-color:#fff;}
.ui-button .ui-icon, .ui-button:active .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{background:url('../../../images/front/mobile/btn_pop_clo.png') no-repeat center center;}

.ui-dialog .ui-dialog-content{padding:0;height:calc(100% - 29px) !important;box-sizing:border-box;-webkit-overflow-scrolling:touch;}
.pop_con .daContentForm{height:100%;min-height:100%;}
.ui-widget.ui-widget-content.alert_pop{height:240px !important;}

/* 메인 공지팝업 */
.layerPopup{padding:10px;background-color:#fff;box-shadow:0px 0px 8px 5px #333;box-sizing:border-box;}
#main_pop .main_pop_tit{margin-bottom:20px;padding:20px 20px 0 20px;font-size:17px;box-sizing:border-box;}
#main_pop .main_pop_con{padding:0px 20px 0 20px;box-sizing:border-box;}
#main_pop .main_pop_con #pop_contentsDiv{line-height:1.5em;}

#main_pop .btn_bottom{padding-bottom:10px;text-align:center;border-top:1px solid #4c5d9d;box-sizing:border-box;}
#main_pop .btn_bottom > p{display:inline-block;padding:10px 0;width:50%;box-sizing:border-box;}
#main_pop .btn_bottom > p.limited{border-right:1px solid #4c5d9d;box-sizing:border-box;}
#main_pop .btn_bottom .btn_ok{border:none;background:none;width:90%;height:20px;}

#main_pop .btn_bottom .check_wrap{position:relative;padding-left:30px;}
#main_pop .btn_bottom .check_wrap input {position: absolute;opacity: 0;cursor: pointer;width:0;height:0;}
#main_pop .btn_bottom .mark {position: absolute;top:1px;left: 0;height:18px;width:18px;border:1px solid #aaa;box-sizing:border-box;background-color:#fff;}
#main_pop .btn_bottom .check_wrap input:checked ~ .mark {background-color: #fff;}
#main_pop .btn_bottom .check_wrap input:disabled ~ .mark {border:1px solid #aaa;background-color:#ededed;}
#main_pop .btn_bottom .check_wrap .mark:after {content: "";position: absolute;display: none;}
#main_pop .btn_bottom .check_wrap input:checked ~ .mark:after {display: block;}
#main_pop .btn_bottom .check_wrap .mark:after{left:5px;top:-2px;width: 7px;height: 12px;border: solid #3b3b3b;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);}

/*
#mobile_pop{min-height:100%;position:relative;}
.btn_bottom{position:absolute;bottom:0;left:0;overflow:hidden;padding:10px;width:100%;text-align:right;border-top:2px solid #444;box-sizing:border-box;}
.btn_bottom label{display:inline-block;margin-left:5px;}
.btn_bottom .btn_pop{margin-left:20px;padding:0 30px;height:42px;line-height:42px;color:#fff;font-size:15px;background-color:#555;box-sizing:border-box;}
*/


/* ===== 반응형 ===== */

/* ios 체크 */
@media screen and (orientation:landscape) {

	body.ios .top_sticky.move{top:-50px;}

	.quick{bottom:80px;}

	.pop_con .reply_tit .star_sel{display:inline-block;vertical-align:middle;}
	.pop_con .reply_tit span{text-align:center;vertical-align:middle;}
	.pop_con .reply_tit span:before{margin:0 10px;}
	.pop_con .reply_tit .star_sel span:before{content:'|';display:inline-block;font-size:10px;margin:0 5px 0 0 !important;}

	#m_menuAll .etc_menu{bottom:0px;}
	#m_menuAll .etc_menu li{margin-bottom:10px;}

}

@media screen and (orientation:landscape)and (max-height:340px) {
	#m_menuAll .etc_menu{left:0;width:110px;padding-top:10px;border-top:1px solid #c0c0c0;box-sizing:border-box;}
	#m_menuAll .etc_menu li a:before{border:none;border-radius:0;width:37px;height:33px;background:#fff url('../../../images/front/mobile/icon_hope.png') no-repeat 0px center;background-size:37px 33px;}
	#m_menuAll .etc_menu li:first-child a:before{width:38px;height:33px;background-position:10px center;}	
}

@media screen and (orientation:landscape) and (max-height:500px) {	
	.ui-widget.ui-widget-content #iframe_popSubMenuCtgr{height:340px !important;}	
}

@media screen and (orientation:landscape) and (max-height:400px) {	
	.ui-widget.ui-widget-content #iframe_popHopeList, .ui-widget.ui-widget-content #iframe_popSubMenuCtgr{height:300px !important;}	
}


@media screen and (orientation:landscape) and (max-height:350px) {	
	.ui-widget.ui-widget-content #iframe_popHopeList, .ui-widget.ui-widget-content #iframe_popSubMenuCtgr{height:260px !important;}
}

@media screen and (min-width:340px){	
	input::placeholder{font-size:14px;letter-spacing:0px;}
	input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"]{padding:0 10px;}

	.book_sort .left span{float:left;margin-right:10px;}

	/*.sch_con table tr:first-child td input[type="text"]{width:90%;}*/
	.sch_con table tr:nth-child(2) td input[type="text"]{width:95px;}

	.off_on{display:inline-block;}
	.phoneT > p{width:calc(92% / 3) !important;}
	
	.m_top_login > ul > li{margin-left:3px;}

	.notiT li > div p a{max-width:65%;}


}
@media screen and (min-width:360px){	
	.sel_width{width:auto;}

}

@media screen and (min-width:380px){	
	.m_top_login > ul > li{margin-left:5px;}
	.m_top_login > ul > li > a{padding:5px 7px;letter-spacing:0px;}
}

@media screen and (min-width:390px){
	.sch_con .btn_posi{position:absolute;top:52px;right:10px;}	  
}
@media screen and (min-width:400px){
	.notiT.newT li p.new > a{max-width:70%;}
	.notiT li > div p a{max-width:70%;}

}

@media screen and (min-width:480px){	

	.recomm_wrap > ul > li{width:calc(100% / 4);}
	.new_wrap > ul > li{width:calc(100% / 3);}

	.btn_sel{padding-left:7px;padding-right:7px;}
	.block_in{display:inline-block !important;}	
	.tab_area .block_in{padding-left:5px;}

	.phoneT > p{width:calc(72% / 2) !important;}
	.phoneT > p:nth-of-type(1){width:20% !important;}

	
	.viewT th, .viewT td{padding:15px 10px;}
	.viewT th:nth-child(1),.viewT th:nth-child(3){width:15% !important;}
	.viewT td:nth-child(2), .viewT td:nth-child(4){width:35% !important;}

	.notiT li > div p a{max-width:75%;}
	.notiT.newT li p.new > a{max-width:75%;}

	.freeT .reply .txt a{max-width:90%;}
}

@media screen and (min-width:550px){
	.notiT li > div p a{max-width:80%;}

}

@media screen and (min-width:640px){	
	
	.recomm_wrap > ul > li{width:calc(100% / 5);}	
	.new_wrap > ul > li{width:calc(100% / 4);}

	.freeT .reply a{max-width:90%;}

	.notiT.newT li p.new > a{max-width:80%;}
	.block_in2{display:inline-block !important;}	

	.book_detail.paper_view .tab_content.off.on{padding-top:60px !important;}
	.book_detail.paper_view .tab_content{padding-top:60px;}
	.book_detail.paper_view > div h4 a {height:38px;}
	.book_detail.paper_view > div h4.tab3 a {padding-top:11px;}

	.newT li p.new .txt a{max-width:93%;}
	
	/* 레이어팝업 - width */
	.ui-widget.ui-widget-content{width:500px !important;}
}


@media screen and (min-width:710px) {
	
	/* 전자책 목록 */	
	.book_resultList{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;
	flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;}
	.book_resultList > li{width:50%;box-sizing:border-box;}
	.book_resultList > li:nth-child(2){padding-top:0;}
	.book_resultList > li:nth-child(odd){padding-right:20px;}
	.book_resultList > li:nth-chidl(even){padding-left:20px;}

}

@media screen and (min-width:768px){	
	
	/* 메인팝업 */
	.layerPopup{width:350px !important;height:450px !important;}
	.main_pop_con{height:340px !important;}
	
	/**/
	.recomm_wrap > ul > li{width:calc(100% / 6);}

	.notiT li > div p a{max-width:90%;}
	.notiT.newT li p.new > a{max-width:85%;}


	/* 전자책 목록 */
	.book_resultList:after{content:'';display:block;clear:both;}
	.book_resultList > li{float:left;width:50%;box-sizing:border-box;}
	.book_resultList > li:nth-child(2){padding-top:0;}
	.book_resultList > li:nth-child(odd){padding-right:20px;}
	.book_resultList > li:nth-chidl(even){padding-left:20px;}
	
	.use_area.first > li{width:100%;border:none;}
	.use_area{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
	.use_area > li{width:calc(100% / 2);padding:20px;border-bottom:1px solid #ddd;}
	.use_area > li:last-child{border-bottom:none;}
	.use_area > li:nth-child(odd){border-right:1px solid #ddd;}
	.use_area > li > div{margin:0;}	
}

@media screen and (min-width:1024px){		
	
	.use_area > li{width:calc(100% / 3);border-bottom:1px solid #ddd;}
	.use_area > li:nth-child(odd){border-right:none;}
	.use_area > li:nth-child(3n-1){border:1px solid #ddd;border-top:none;}
	.use_area > li:last-child, .use_area > li:nth-last-child(2){border-bottom:none !important;}


}


@media screen and (min-width:1200px){	

	/* 전자책 목록 */
	.book_resultList > li{width:calc(100% / 3)}
	.book_resultList > li:nth-child(3){padding-top:0;}

}

/*CKEDITOR에서 사용하는 CSS추가*/
.marker
{
	background-color: Yellow;
}
cite {
    font-style: italic;
}

/* 2020-09-03 */
.subTxt {margin-top:-5px;margin-bottom:10px;}

/* 로그인 - 북클럽 계정 연결  */
.login_wrap {max-width:320px;margin:0 auto;}
.login_wrap h2 {margin:25px 0 20px; font-size:22px; line-height:1.2; color:#555; text-align:center;}
.login_wrap .txt_box {margin-top:10px;}
.login_wrap .txt_box input[type="text"],
.login_wrap .txt_box input[type="password"]{width:100%;border:1px solid #cccccc;height:40px;line-height:40px;padding:0 5px;font-size:14px; color:#999999;box-sizing:border-box;background-color:#fff;}
.login_wrap .check_area {margin:10px 0;}
.login_wrap .check_area label{padding-left:5px; font-size:12px; color:#1a1a1a;}
.login_wrap .check_area input[type="checkbox"] {width:19px; height:19px;}
.login_wrap .btn_login{width:100%; height:50px; font-size:19px; line-height:50px; color:#fff; background-color:#51b848; border:none;}
.login_wrap .btn_login02{width:100%; height:50px; font-size:19px; line-height:50px; color:#fff; background-color:#003874; margin-top:15px; ; border:none;}
.login_wrap .info_noti {margin-top:38px; color:#333333; font-size:14px; line-height:1.2; font-weight:600;}
.login_wrap .info_noti:before {background:url('../../../images/front/mobile/bul_login_info.png') no-repeat left center;}
.login_wrap .terms_info {width:100%;} 
.login_wrap .terms_info .toogle_con {width:100%; height:180px;}
.login_wrap h2.login_logo {width:100%;height:62px;font-size:0;line-height:0;color:transparent; background:url('../../../images/front/mobile/login_logo.png') no-repeat center center; background-size:140px auto;}
.login_wrap .user_svc{margin-top:20px; text-align:center;}
.login_wrap .user_svc a{position:relative; display:inline-block; padding:0 10px;margin: 0 0 0 0; font-size:14px; line-height:1.2; color:#666666;}
.login_wrap .user_svc a:first-child{margin:0;}
.login_wrap .user_svc a:after{position:absolute;top:5px;left:0;width:1px;height:14px;content:'';border-left:1px solid #cccccc;}
.login_wrap .user_svc a:first-child:after{display:none;}
.login_wrap .box_info{padding:10px 15px; font-size:13px;line-height:17px; color:#333333; border:1px solid #ababab; box-sizing:border-box;}
.login_wrap .btn_area {display:flex; margin-top:20px; }
.login_wrap .btn_area .btn_login03{flex:1; height:50px; font-size:19px; line-height:48px; color:#333333; background-color:#f3f3f3; border:1px solid #aaaaaa;}
.login_wrap .btn_area .btn_login04{flex:1;  height:50px; font-size:19px; line-height:48px; color:#fff; background-color:#51b848; border:1px solid #51b848; margin-left:20px;}

@media screen and (min-width:480px){
	.login_wrap {max-width:400px;margin:0 auto;}
}



/* 검색 기능개선 (2023-01-31) */
.sch_area select {height:32px;border-style:solid;border-width:0 1px 0 0;}
.sch_area select + input[type="text"] {width:66%;width:calc(100% - 115px);}

.result_title {display:flex;align-items:center;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #d4d4d4;}
.result_title.top {margin-top:-15px;}
.result_title .total_upT {margin:7px 0;line-height:1.35;}
.result_title .right {margin:0 10px 0 auto;}
.result_title .btn_filter {width:34px;height:34px;font-size:0;border:1px solid #ababab;background:#fff url('../../../images/front/mobile/btn_filter.png') no-repeat center;}
.result_title .btn_filter.on {background-color:#175aa0;background-image:url('../../../images/front/mobile/btn_filter_on.png ');}

.result_filter {position:relative;z-index:10;}
.result_filter .layer {position:absolute;left:0;top:0;width:100%;border-bottom:1px solid #d4d4d4;background-color:#f3f3f3;box-sizing:border-box;}
.result_filter .row {display:flex;gap:10px;padding:9px 10px;border-top:1px solid #d4d4d4;}
.result_filter .col {box-sizing:border-box;}
.result_filter .col.label {}
.result_filter .col.label:before{content:'·';display:inline-block;}
.result_filter .col input[type="text"],
.result_filter .col input[type="submit"] {width:100%;}
.result_filter .col input[type="text"],
.result_filter .col input[type="submit"] {height:34px;}

.result_filter .row.keyword {}
.result_filter .row.keyword .col {flex:1;}
.result_filter .row.keyword .col.label {flex:none;line-height:34px;}

.result_filter .row.option {flex-wrap:wrap;gap:12px 0;padding-bottom:15px;}
.result_filter .row.option .col {padding-left:35px;width:50%;}
.result_filter .row.option .col.label {padding-left:0;width:100%;margin-bottom:3px;}
.result_filter .row.option .col input[type="checkbox"] {margin-right:3px;}

.result_filter .row.button {}
.result_filter .row.button .col.right {margin-left:auto;}