@charset "utf-8";

/* Animation */
.top_sticky
{
	transition:all ease 0.1s ;
    -webkit-transition:all ease 0.1s;
}

.quick, .quick .use_info > ul, 
.arr_paging .flex-direction-nav a, .btn_onoff a
{
	transition:all ease 0.4s ;
    -webkit-transition:all ease 0.4s;
}
.flex-control-nav{transition:all ease 1s;-webkit-transition:all ease 1s;transition-delay:10s;-webkit-transition-delay:10s;}
#wrap{border-top:1px solid #fff;}

/* Top */
.top_wrap{z-index:990;width:100%;min-width:1200px;background-color:#fff;}

.top_wrap h1{z-index:9;display:block;position:absolute;top:70px;left:50%;margin-left:-600px;}
.top_wrap h1 a{display:inline-block;vertical-align:top;height:60px;}
.top_wrap h1 a img{width:auto;height:auto;max-height:60px;}

.top_util{margin-bottom:30px;width:100%;min-width:1200px;height:35px;border-bottom:1px solid #d7d7d7;background-color:#f8f8f8;}
.top_util > ul{width:1200px;margin:0 auto;text-align:right;}
.top_util > ul > li{display:inline-block;margin-left:22px;}
.top_util > ul > li > a{display:inline-block;height:35px;line-height:35px;font-size:13px;color:#555;}
.top_util > ul li .notifi span{display:inline-block;margin-left:5px;}
.top_util > ul li .notifi span a{color:#4c5d9d;}

.top_util .top_login .men{position:relative;}
.top_util .top_login .men .name{line-height:1.5em;background-color:transparent;}
.top_util .top_login input[type='button']{margin-left:5px;vertical-align:0px;}

.top_util .top_login .men_use_wrap{display:none;z-index:998;position:absolute;top:20px;right:60px;width:160px;text-align:left;font-size:13px;box-sizing:border-box;border-bottom:1px solid #666;background:url('../../../images/front/web/contents/men_info_top_bg.png') no-repeat 0 0;}
.top_util .top_login .men_use_wrap.on{display:block;}
.top_util .top_login .men_use{padding:16px 10px 10px 10px;box-sizing:border-box;background:url('../../../images/front/web/contents/men_info_bot_bg.png') no-repeat 0 23px;}
.top_util .top_login .men_use h2{margin-bottom:4px;padding-bottom:7px;font-weight:400;border-bottom:1px solid #c4c4c4;}
.top_util .top_login .men_use ul{color:#555;}
.top_util .top_login .men_use li{padding:3px 0;}
.top_util .top_login .men_use li:after{content:'';display:block;clear:both;}
.top_util .top_login .men_use li p:nth-of-type(1){float:left;}
.top_util .top_login .men_use li p:nth-of-type(2){float:right;}
.top_util .top_login .men_use li p strong{color:#273d93;font-weight:400;}

.top_area{margin:0 auto 36px auto;width:1200px;}
.top_area:after{content:'';display:block;clear:both;}
.top_area > fieldset{float:left;margin-left:428px;box-sizing:border-box;}
.top_area .sch_area{z-index:99;position:relative;background-color:#fff;}
.top_area .hope_book{float:right;position:relative;}

.top_area .sch_area > div{width:380px;height:55px;padding-left:10px;vertical-align:middle;border:2px solid #6e87b5;}
.top_area .sch_area > div label{position:absolute;top:-9999px;font-size:0;line-height:0;width:0;}
.top_area .sch_area > div select{height:48px;border:none;}
.top_area .sch_area > div input[type=text]{width:210px;height:49px;line-height:1em;border:none;}
.top_area .sch_area > div input[type=submit]{width:50px;height:50px;text-indent:-9999px;font-size:0;background:url('../../../images/front/web/contents/btn_sch.png') no-repeat center center;}

.top_area .hope_book li{display:inline-block;}
.top_area .hope_book .hope{display:inline-block;margin-right:10px;}
.top_area .hope_book .hope a{display:block;padding-top:45px;background:url('../../../images/front/web/contents/icon_hope_book.png') no-repeat center 0;}
.top_area .hope_book li:last-child a{display:block;padding-top:45px;width:50px;background:url('../../../images/front/web/contents/icon_my_lib.png') no-repeat center 0;}
.top_area .hope_book li a{display:block;text-align:center;}
.top_area .hope_book li a:hover{color:#4c5d9d;}

/* GNB */
.gnb:focus{outline:none;}
.gnb_area{z-index:950;position:relative;border-bottom:3px solid #4c5d9d;width:100%;min-width:1200px;height:40px;background-color:#fff;}
.gnb_area .all_menu{z-index:99;display:block;position:absolute;top:3px;left:50%;margin-left:-600px;}
/*.gnb_area .all_menu h2 input[type="button"]{...}*/
.gnb_area .all_menu p input[type="button"]{display:block;padding:0px 0 0 35px;height:24px;font-size:19px;font-weight:700;background:#fff url('../../../images/front/web/contents/bul_all_menu.png') no-repeat 0 center;}
.gnb_area  a{display:block;color:#222;}

.gnb_area .all_menu_area{display:none;z-index:99;position:absolute;top:0;left:0;width:100%;background-color:#fff;border-bottom:1px solid #4c4c4c;border-top:1px solid #4c4c4c;box-shadow:0px 5px 10px 0px #d2d2d2; }
.gnb_area .all_menu_area.on{display:block;}
.gnb_area .all_menu_area > ul{padding-left:35px;width:1200px;margin:0 auto;box-sizing:border-box;}
.gnb_area .all_menu_area > ul > li{padding:10px 15px;border-bottom:1px solid #ddd;}
.gnb_area .all_menu_area > ul > li:after{content:'';display:block;clear:both;}
.all_menu_area ul > li > a, .all_menu_area ul > li > ul, .all_menu_area ul > li > ul > li{float:left;}
.all_menu_area ul > li > a{width:170px;color:#111;font-size:16px;font-family:'Notosans-Regu','본고딕';}
.all_menu_area ul > li > ul{width:965px;}
.all_menu_area ul > li > ul > li{padding:3px 0;width:20%;}
.all_menu_area ul > li > ul > li a{font-size:14px;font-weight:500;}
.all_menu_area ul > li > ul > li a:before{content:'·';display:inline-block;margin-right:3px;}
.all_menu_area ul a{display:block;}
.all_menu_area ul a:hover, .all_menu_area ul a:focus{color:#1a1a1a;text-decoration:underline;}

.all_menu_area .btn_all_clo{position:absolute;top:0;left:50%;margin-left:-600px;}

#gnb > ul{position:relative;width:1200px;margin:0 auto;}
#gnb > ul{padding-left:150px;}
#gnb > ul > li{display:inline-block;position:relative;padding:3px 27px 0 27px;}
#gnb > ul > li:last-child{padding-right:0px;}
#gnb > ul > li a{display:block;padding:4px 15px 0 15px;height:37px;font-size:19px;font-weight:700;box-sizing:border-box;}

/* sticky */
.top_wrap.move{display:none;}
.top_sticky.move{top:0px;}
.top_sticky{z-index:950;position:fixed;top:-100px;left:0;width:100%;min-width:1200px;height:79px;border-bottom:3px solid #4c5d9d;background-color:#fff;box-sizing:border-box;}

.top_sticky > div{width:1200px;margin:0 auto;}
.top_sticky > div:after{content:'';display:block;clear:both;}
.top_sticky .gnb{float:left;}
.top_sticky .gnb li{display:inline-block;position:relative;padding:3px 3px 0 3px;}
.top_sticky .gnb li:lfirst-child{padding-left:0px;}
.top_sticky .gnb li:last-child{padding-right:0px;}
.top_sticky .gnb li a{display:block;padding:28px 14px 0 14px;height:73px;font-size:19px;font-weight:700;box-sizing:border-box;}
.top_sticky .gnb li.on a, .top_sticky .gnb li a:hover, .top_sticky .gnb li a:focus{color:#2e4391;border-bottom:3px solid #4b5d9d;}

.top_sticky .top_sch {float:right;padding-top:16px;background-color:#fff;}
.top_sticky .top_sch .sch_area > div{padding-left:10px;width:360px;height:45px;vertical-align:top;border:1px solid #919191;box-sizing:border-box;}
.top_sticky .top_sch .sch_area > div select{height:40px;border:none;}
.top_sticky .top_sch .sch_area > div label{position:absolute;top:-9999px;font-size:0;line-height:0;width:0;}
.top_sticky .top_sch .sch_area > div input[type=text]{width:200px;height:40px;border:none;}
.top_sticky .top_sch .sch_area > div input[type=submit]{width:40px;height:40px;text-indent:-9999px;font-size:0;background:url('../../../images/front/web/contents/btn_sch.png') no-repeat center center;}
.top_sticky .top_sch fieldset{float:left;}
.top_sticky .top_sch .hope_book{float:right;margin:6px 0 0 16px;}
.top_sticky .top_sch .hope_book a{display:block;padding:8px 0 0 55px;height:34px;background:url('../../../images/front/web/contents/icon_my_lib.png') no-repeat 0 center;}

/* footer */
.foot_etc{min-width:1200px;background-color:#5e5e5e;}
.foot_etc > div{width:1200px;margin:0 auto;color:#fff !important;}
.foot_etc > div a{display:block;color:#fff;}
.foot_etc > div:after{content:'';display:block;clear:both;}
.foot_etc > div .etc, .foot_etc > div .visitor, .foot_etc > div .etc li, .foot_etc > div .visitor p{float:left;}
.foot_etc > div .etc, .foot_etc > div .visitor{padding:15px 0;}
.foot_etc > div .family{float:right;position:relative;width:160px;}

.foot_etc > div .etc li{margin-right:30px;}
.foot_etc > div .visitor p{margin:0 10px;font-size:13px;}
.foot_etc > div .visitor p:before{content:'';display:inline-block;margin-right:5px;width:4px;height:7px;vertical-align:2px;background:url('../../../images/front/web/contents/bul_all.png') no-repeat -270px 0;}

.foot_etc > div .family h3{font-weight:400;background-color:#464646;}
.foot_etc > div .family h3 a{padding:15px 20px 15px 27px;}
.foot_etc > div .family h3 a:after{content:'';display:inline-block;margin-left:15px;width:14px;height:8px;vertical-align:middle;background:url('../../../images/front/web/contents/bul_all.png') no-repeat -150px 0;}
.foot_etc > div .family h3.on a:after{background-position:-180px 0;}

.foot_etc > div .family > ul{z-index:99;display:none;position:absolute;bottom:44px;padding:8px;width:160px;border:1px solid #939393;border-bottom:none;background-color:#fff;box-sizing:border-box;}
.foot_etc > div .family > ul.on{display:block;}
.foot_etc > div .family > ul li{padding:2px 0;}
.foot_etc > div .family > ul li a{display:block;color:#666;font-size:13px;}

/* 주소 */
.foot_add{min-width:1200px;background-color:#f5f5f5;}
.foot_add > div{width:1200px;margin:0 auto;padding:20px 0 25px;}
.foot_add > div:after{content:'';display:block;clear:both;}
.foot_add > div .address{float:left;line-height:1.5em;font-size:13px;color:#666;}
.foot_add > div .address p{padding:4px 0;}
.foot_add > div .ban_area{float:right;text-align:right;}
.foot_add > div .ban_area > p, .foot_add > div .ban_area .foot_banner{display:inline-block;vertical-align:bottom;}
.foot_add > div .ban_area > p{margin-right:10px;}

/* 하단배너 */
.foot_banner{position:relative;padding:0 30px;width:230px;text-align:right;box-sizing:border-box;}
.foot_banner .slider{display:inline-block;width:160px;}
.foot_banner .slides li img{max-width:160px;max-height:40px;}
.foot_banner .flex-viewport{padding-top:20px;}

/* quick s: 2020-07-08 */
.quick{z-index:999;position:fixed;top:400px;right:20px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;background-color:#fff;}
.quick > ul > li{border-right:1px solid #aaa;border-left:1px solid #aaa;;}
.quick > ul > li.item03{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.quick > ul > li.item02{border-top:1px solid #ddd;}
.quick > ul > li > a{display:block;padding:15px 0;width:80px;text-align:center;font-size:13px;box-sizing:border-box;}
.quick > ul > li > a:before{content:'';display:block;margin:0 auto 5px auto;width:30px;height:33px;background:url('../../../images/front/web/contents/icon_all.png') no-repeat;}

.quick > ul > li.item01 a:before{background-position:0px -50px;}
.quick > ul > li.item02 a:before{background-position:-30px -50px;}
.quick > ul > li.item03 a:before{background-position:-60px -50px;}
.quick > ul > li.item04 a:before{background-position:-90px -50px;}

.quick > ul > li.item01 a:hover:before{background-position:0px -200px;}
.quick > ul > li.item02 a:hover:before{background-position:-30px -200px;}
.quick > ul > li.item03 a:hover:before{background-position:-60px -200px;}
.quick > ul > li.item04 a:hover:before{background-position:-90px -200px;}

.quick .arr_btn{overflow:hidden;border-top:1px solid #aaa;background-color:#f8f8f8;}
.quick .arr_btn p{float:left;width:41px;height:21px;border-right:1px solid #aaa;box-sizing:border-box;}
.quick .arr_btn p a{display:block;text-indent:-9999px;font-size:0;}
.quick .arr_btn p a:before{content:'';display:block;width:16px;height:9px;margin:6px auto 0 auto;background:url('../../../images/front/web/contents/bul_all.png') no-repeat -210px 0px;}
.quick .arr_btn p:nth-child(1){border-left:1px solid #aaa;}
.quick .arr_btn p:nth-child(2) a:before{background-position:-240px 0px;}

.quick .use_info:hover{border:1px solid #333;}
.quick .use_info > ul.on{opacity:1;right:80px;}
.quick .use_info > ul{opacity:0;position:absolute;top:-1px;right:-300px; border:1px solid #333;border-right:1px solid #fff;background-color:#fff;box-sizing:border-box;white-space: nowrap;}
.quick .use_info > ul:after{content:'';display:inline-block;clear:both;margin-top:35px;width:8px;height:14px;background:url('../../../images/front/web/contents/bul_all.png') no-repeat 0 -30px;vertical-align:top;}
.quick .use_info > ul > li{display:inline-block;vertical-align:top;}
.quick .use_info > ul > li > a{display:block;padding:13px 10px;height:82px;box-sizing:border-box;}
.quick .use_info > ul > li > a:before{content:'';display:block;margin:0 auto 10px auto;background:url('../../../images/front/web/contents/icon_all.png') no-repeat;}
.quick .use_info > ul > li.in_item01 > a:before{width:39px;height:33px;background-position:0 -100px;}
.quick .use_info > ul > li.in_item02 > a:before{width:35px;height:33px;background-position:-50px -100px;}
.quick .use_info > ul > li.in_item03 > a:before{width:28px;height:35px;background-position:-100px -100px;}

.quick .use_info > ul > li.in_item01 > a:hover:before{background-position:-150px -100px;}
.quick .use_info > ul > li.in_item02 > a:hover:before{background-position:-200px -100px;}
.quick .use_info > ul > li.in_item03 > a:hover:before{background-position:-250px -100px;}
/* quick e: 2020-07-08 */

/* 서브레이아웃 */
#container:focus{outline:none;}
.con_wrap{z-index:9;padding-bottom:100px;position:relative;width:1200px;margin:30px auto 0 auto;background-color:#fff;}
.path{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.path li{display:inline-block;margin-right:8px;}
.path li a{display:block;font-size:13px;color:#666;}
.path li a:before{content:'>';display:inline-block;width:7px;height:20px;margin-right:8px;vertical-align:0px;}
.path li:nth-child(1) a:before{content:'';display:inline-block;width:15px;height:14px;margin-right:7px;background:url('../../../images/front/web/contents/bul_all.png') no-repeat -60px 0px;}

/**/
.con_area{display:table;table-layout:fixed;width:100%;}
.con_area .aside, .con_area .sub_con{display:table-cell;table-layout:fixed;vertical-align:top;}
.con_area .aside{padding-right:30px;width:180px;box-sizing:content-box;}
.con_area .sub_con{width:990px;}

.con_area .aside h2{height:55px;line-height:55px;text-align:center;color:#fff;background-color:#4b5d9d;font-size:18px;font-weight:500;font-family:"NotoSans-Regu","본고딕";}
.con_area .aside h2.kids{background-color:#639733;}

/* Lnb */
.aside.hidden_obj{width:0;font-size:0;text-indent:-9999px;display:none;}
.aside.hidden_obj .lnb{display:none;}

.aside .lnb a{display:block;}
.aside .lnb .th1{position:relative;}
.aside .lnb .th1 > a{position:relative;padding:13px 10px 10px 10px;border:1px solid #dcdcdc;border-top:1px solid #fff;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}
.aside .lnb .th1 > a:after{content:'';display:inline-block;position:absolute;top:12px;right:10px;width:6px;height:12px;background:url('../../../images/front/web/contents/bul_all.png') no-repeat -120px 0px;}

.aside .lnb .th1.on > a, .aside .lnb .th1.active > a{border:1px solid #989898 !important;}
.aside .lnb .th1.on > a:after, .aside .lnb .th1.active > a:after{width:6px !important;top:12px !important;background-position:-90px 0px;}
.aside .lnb.book .th1.on > a:after, .aside .lnb.book .th1.active > a:after{top:7px !important;}

.aside .lnb .th2{z-index:990;width:0;opacity:0;position:absolute;top:0px;left:179px;}
.aside .lnb .th2 > p, .aside .lnb .th2 > p span{padding:0px;border:none;width:0;font-size:0;box-sizing:border-box;}
.aside .lnb .th2 li a{font-size:0;padding:0;border:none;}

.aside .lnb .th2.on li:last-child a{padding-bottom:10px;}
.aside .lnb .th2.on{width:200px;opacity:1;border-top:1px solid #989898;border-bottom:1px solid #989898;background:#fff url('../../../images/front/web/contents/lnb_bg.png') no-repeat 0 37px;box-sizing:border-box;}
.aside .lnb .th2.on > p{padding:10px 10px 4px 10px;width:100%;border-right:1px solid #989898;box-sizing:border-box;}
.aside .lnb .th2.on > p span{display:block;width:100%;padding-bottom:8px;font-size:15px;color:#222;border-bottom:1px solid #cfcfcf;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}

.aside .lnb .th2.on li a{position:relative;display:block;padding:2px 10px 2px 20px;line-height:1.5em;font-size:13px;text-align:left;border-left:1px solid #989898;border-right:1px solid #989898;box-sizing:border-box;}
.aside .lnb .th2.on li a:before{position:absolute;top:1px;left:10px;content:'·';display:block;}
.aside .lnb .th2.on li a:hover, .aside .etc .th2 li a:focus{color:#5668b0;}

/* 전자북 - lnb */
.aside .lnb.book{border-bottom:1px solid #dcdcdc;}
.aside .lnb.book .th1 > a{padding:5px 10px 5px 10px;border-bottom:1px solid #fff;}
.aside .lnb.book .th1 > a:after{width:0;}
.aside .lnb.book .th1.on > a{border-bottom:1px solid #989898;}
.aside .lnb.book .th1.on > a:after{width:6px;top:6px;}
.aside .lnb.book .th2 > p{background:url('../../../images/front/web/contents/lnb_bg.png') no-repeat 0 24px;}
.aside .lnb.book {padding:15px 0;background-image:url('../../../images/front/web/contents/lnb_bg2.png'), url('../../../images/front/web/contents/lnb_bg2.png') ;
	background-repeat:repeat-y, repeat-y;background-position:0 0, right 0;
}

.con_area .sub_con h3, .con_area .sub_con .h3{font-size:24px;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}
.con_area .sub_con h4{margin-bottom:15px;font-size:16px;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}

.con_area .sub_con .h3_area{margin-bottom:30px;}
.con_area .sub_con .h3_area h3, .con_area .sub_con .h3_area .h3{margin-bottom:10px;}
.con_area .sub_con .h3_area p{color:#666;line-height:1.5em;}

.con_area .sub_con .h4_area{margin-bottom:15px;overflow:hidden;}
.con_area .sub_con .h4_area h4{float:left;margin-bottom:0;}
.con_area .sub_con .h4_area p{float:right;padding-top:4px;font-size:13px;}


/* 이미지 확대 */
.scale{display:inline-block;position:relative;overflow:hidden;border:1px solid #dbdbdb;box-sizing:border-box;}
.scale img{width:100% !important;height:100% !important;transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out; 
  }
.scale:hover img{ 
	transform:scale(1.2); 
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
  }
.scale:focus{padding:1px;}

/* 책 리스트 정보 */
.book_info{position:relative;padding-bottom:40px;text-align:center;color:#555;box-sizing:border-box;}
.book_info > a{display:block;}
.book_info strong{display:block;margin-bottom:3px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;line-height:1.5em;font-size:15px;color:#333;}
.book_info strong:hover{text-decoration:underline;}
.book_info .writer{display:block;padding-top:0 !important;font-size:14px;font-weight:400;width:100%;line-height:1.4em;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;box-sizing:border-box;}
.book_info .kinds{position:absolute;bottom:0;text-align:center;}
.book_info .scale{margin-bottom:10px;width:100%;height:179px;}

.book_info.large {font-size:16px;}
.book_info.large > a > div strong{font-size:17px;}
.book_info.large .txt{margin-top:10px;font-size:14px;color:#666;line-height:1.5em;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	height:3em;	
}

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

/* 책 종류 표시 */
.small{display:inline-block;padding:4px 10px 0 10px;height:24px;font-size:13px;border-radius:12px;box-sizing:border-box;color:#222;font-weight:500;font-family:'NotoSans-Regu','본고딕';}
.small:before{display:inline-block;content:'';margin-right:2px;vertical-align:-2px;background:url('../../../images/front/web/contents/icon_all.png') no-repeat;}
.audio{border:1px solid #734fa0;}
.seminar{border:1px solid #4fa12b;}
.ebook{border:1px solid #366db8;}
.learning{border:1px solid #799300;}
.paper{border:1px solid #1395b1;}
.kids_book{border:1px solid #df0083;}

.audio.small:before{width:14px;height:14px;background-position:-180px -50px;}
.seminar.small:before{width:13px;height:13px;background-position:-150px -50px;}
.ebook.small:before{width:15px;height:13px;background-position:-120px -50px;}
.learning.small:before{vertical-align:middle;width:13px;height:14px;background-position:-210px -150px;}
.paper.small:before{width:17px;height:17px;vertical-align:-5px;background-position:-180px -150px;}
.kids_book.small:before{width:16px;height:14px;background-position:-150px -150px;}

.big{display:inline-block;padding-top:18px;width:85px;height:85px;text-align:center;color:#fff;font-size:13px;box-sizing:border-box;text-align:center;border-radius:50%;}
.big:before{content:'';display:block;margin:0 auto 7px auto;background:url('../../../images/front/web/contents/icon_all.png') no-repeat;}

.audio.big{padding-top:15px;background-color:#734fa0;}
.seminar.big{background-color:#4fa12b;}
.ebook.big{background-color:#366db8;}
.learning.big{background-color:#5d7634;}
.paper.big{background-color:#00719a;}
.kids_book.big{background-color:#de0a84;}

.audio.big:before{width:30px;height:30px;background-position:-300px -50px;}
.seminar.big:before{width:24px;height:28px;background-position:-270px -50px;}
.ebook.big:before{width:35px;height:27px;background-position:-210px -50px;}
.learning.big:before{width:29px;height:29px;background-position:-50px -150px;}
.paper.big:before{width:36px;height:30px;background-position:-100px -150px;}
.kids_book.big:before{width:32px;height:30px;background-position:0px -150px;}

/* tab */
.tab_content{overflow:hidden;}
.tab_content.off{visibility:hidden;width:0px;height:0;opacity:0;}
.tab_content.on{visibility:visible;width:auto;height:auto;opacity:1;}


/* main */

/* h3 */
.tit_area{width:1200px;margin:0 auto 30px auto;}
.tit_area:after{content:'';display:block;clear:both;}
.tit_area h3{float:left;font-weight:500;font-family:'NotoSans-Regu', '본고딕';font-size:22px;color:#222;}
.tit_area p{float:right;}
.tit_area p a{display:block;padding:6px 10px;border:1px solid #aaa;}
.tit_area p a:after{display:inline-block;content:"+";padding-left:5px;}

/* 블럭별 공통간격 */
.new_wrap{margin-top:40px !important;}
.best_wrap{position:relative;width:1200px;margin:40px auto 0px auto;}
.recomm_wrap{margin-top:40px;}

/* 공지사항 */
.noti_area{margin-top:60px;min-width:1200px;border-top:1px solid #b6b6b6;}
.noti_area > div{position:relative;margin:0 auto;width:1200px;padding:20px 0 18px 0;}
.noti_area > div:after{content:'';display:block;clear:both;}
.noti_area > div .noti{float:left;padding-top:4px;}
.noti_area > div .go_dir{float:right;}

.noti_area .noti {position:relative;}
.noti_area .noti h3, .noti_area .noti p, .noti_area .noti ul{display:inline-block;vertical-align:middle;}
.noti_area .noti h3{font-size:16px;}
.noti_area .noti p a{vertical-align:0px;}
.noti_area .noti p{position:absolute;top:4px;left:80px;}
.noti_area .noti p:after{content:'';display:inline-block;margin-left:10px;width:12px;height:24px;vertical-align:middle;background:url('../../../images/front/web/contents/bul_all.png') no-repeat 0 -150px;}

.noti_area .noti ul {margin-left:110px;}
.noti_area .noti ul li:before{content:'·';margin-right:3px;font-weight:500;font-family:'NotoSans-Regu','본고딕';}
.noti_area .noti ul a, .noti_area .noti ul span{display:inline-block;vertical-align:middle;}
.noti_area .noti ul a{margin-right:70px;width:170px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.noti_area .noti ul a:hover{text-decoration:underline;}

.noti_area > div .go_dir{float:right;text-align:right;}
.noti_area > div .go_dir li{display:inline-block;margin-left:20px;}
.noti_area > div .go_dir li a{display:block;}
.noti_area > div .go_dir li a:before{content:'';display:inline-block;margin-right:10px;width:29px;height:29px;vertical-align:middle;background:url('../../../images/front/web/contents/icon_all.png') no-repeat ;}
.noti_area > div .go_dir li:nth-child(1) a:before{background-position:0px 0;}
.noti_area > div .go_dir li:nth-child(2) a:before{background-position:-30px 0;}
.noti_area > div .go_dir li:nth-child(3) a:before{background-position:-60px 0;}

.noti_area > div .go_dir li:nth-child(1) a:hover:before{background-position:-210px 0px;}
.noti_area > div .go_dir li:nth-child(2) a:hover:before{background-position:-240px 0px;}
.noti_area > div .go_dir li:nth-child(3) a:hover:before{background-position:-270px 0px;}

.con_board{min-height:200px;vertical-align:top;line-height:1.5em;}

.appli_store.on{display:block;}
.appli_store{z-index:99;display:none;position:absolute;top:-145px;right:0;width:218px;height:160px;text-align:center;background:url('../../../images/front/web/contents/appli_bg.png') no-repeat 0 0;}
.appli_store li{display:inline-block;font-size:13px;}
.appli_store li a{display:block;padding-top:11px;}
.appli_store li a span{display:block;padding-top:6px;}

/* // */


/* flexslider */
html[xmlns] .flexslider .slides {display: block;}
.slider, .flexslider{z-index:9;position:relative;}
.flexslider .slides > li {display:none; -webkit-backface-visibility: hidden;}
/* .flexslider .slides img {width:100%;height:auto;-moz-user-select: none;}*/
.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 a {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity:0;
  cursor:pointer;
}
.flex-direction-nav a.flex-prev{left:calc(50% - 630px);}
.flex-direction-nav a.flex-next{right:calc(50% - 630px);}
.flex-direction-nav .flex-disabled{opacity:0 !important;display:none !important;}

/* 재생/멈춤 */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  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;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.visual,  .new_book, .best_book{position:relative;}

/* visual*/
.visual .flex-direction-nav a{margin-top:-28px;text-indent:-9999px;font-size:0;line-height:0;width:34px;height:56px;background:url('../../../images/front/web/contents/btn_visual_dir.png') no-repeat 0 0;}
.visual .flex-direction-nav .flex-nav-next a{background-position:-34px 0;}

.visual{z-index:99;position:relative;width:100%;min-width:1200px;border-bottom:1px solid #fff;box-sizing:border-box;}
.visual .visu_btn{z-index:99;}
.visual .visu_btn a span{text-indent:-9999px;height:0;font-size:0;content:'';display:inline-block;width:14px;height:9px;margin-left:3px;vertical-align:middle;background:url('../../../images/front/web/contents/bul_all.png') no-repeat -150px 0px;}
.visual .visu_btn a{z-index:99;display:block;position:absolute;left:50%;margin-left:-50px;width:115px;;height:27px;line-height:27px;text-align:center;color:#fff;}
.visual .visu_btn a.off{top:273px;background:url('../../../images/front/web/contents/visual_btn_bg.png') no-repeat 0 -27px;}

.visual .visu_btn a.on{top:0px;background:url('../../../images/front/web/contents/visual_btn_bg.png') no-repeat 0 0px;}
.visual .visu_btn a.on span{background-position:-180px 0px;}

.visual .flexslider{z-index:99;border-bottom:1px solid #d4d4d4;background-color:#f1f9fc;}
.visual .slides >  li {width:100%;height:300px;text-align:center;}
.visual .slides >  li.off {height:0;}

.visual .slides >  li > a{display:inline-block;width:1200px;overflow:hidden;text-alogn:center;}
.visual .flex-control-nav {width:1200px;top:20px;left:50%;margin-left:-600px;padding-right:10px;text-align:right;box-sizing:border-box;}
.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:17px;height:17px;border:1px solid #717171;background-color:transparent;}
.visual .flex-control-nav li a.flex-active{background-color:#717171;}

.visual .flex-pauseplay{z-index:99;position:absolute;top:43px;left:50%;width:10px;margin-left:580px;}
.visual .flex-pauseplay a{text-indent:-9999px;font-size:0;line-height:0;width:9px;height:17px;background:url('../../../images/front/web/contents/btn_visual_control.png') no-repeat -9px 0;}
.visual .flex-pauseplay a.flex-play{background-position:0 0;}

/* 신착자료 */
.new_wrap{position:relative;padding-top:0px;margin:0 auto;width:1200px;}
.new_wrap .more{top:0;}

.more{position:absolute;top:0px;left:50%;margin-left:530px;}
.more a{display:block;width:70px;padding:6px 0px;text-align:center;border:1px solid #aaa;box-sizing:border-box;}
.more a:after{display:inline-block;content:"+";padding-left:5px;}
.more a:hover, .more a:focus{border:1px solid #333;background-color:#f3f3f3;}

.new_book .slides li{width:160px;}
.new_book .slides > li:last-child{width:120px !important;}
.new_book .slides li a{display:block;width:120px;text-align:center;}
.new_book .book_info {height:274px;}
.new_book .book_info .kinds{width:120px;}

/* 신착 롤링 */
.new_book .flex-pauseplay, .new_book .flex-control-nav{display:none;}
.new_book .flex-direction-nav a{margin-top:-65px;text-indent:-9999px;font-size:0;line-height:0;width:35px;height:50px;background:url('../../../images/front/web/contents/btn_new_dir.png') no-repeat 0px 0;}
.new_book .flex-direction-nav .flex-nav-next a{background-position:-35px 0;}

.new_book .flex-direction-nav a.flex-prev{left:50%;margin-left:-565px;}
.new_book .flex-direction-nav a.flex-next{right:50%;margin-right:-565px;}

/* 센터정렬*/
.new_wrap.arrowNone .slides{overflow:hidden;height:274px;min-width:1200px;width:100% !important;text-align:center;}
.new_wrap.arrowNone .slides > li{display:inline-block !important;float:none !important;vertical-align:top;}
.new_wrap.arrowNone .slides > li:last-child{width:120px !important;}

/* 베스트 */
.best_area .flex-control-nav, .best_area .flex-pauseplay{display:none;}
.best_area .book_paging{margin-top:-5px;}


.best_area .tab_tit{z-index:99;margin-top:-47px;}
.best_area .tab_tit a{display:block;padding-left:30px;font-weight:500;font-size:17px;font-family:"NotoSans-Regu", "본고딕";}
.best_area .tab_tit.active a{font-weight:600;background:url('../../../images/front/web/contents/check.png') no-repeat 0 center;} 

.best_area > article:nth-of-type(1) .tab_tit{margin-left:150px;}
.best_area > article:nth-of-type(2) .tab_tit{margin-left:350px;}
.best_area > article:nth-of-type(3) .tab_tit{margin-left:550px;}

.best_area .num1, .best_area .all_book, .best_area .indi_library, .best_area .total_library,  .best_area .e-kyobo{float:left;height:636px;box-sizing:border-box;}
.best_area .num1{width:300px;}
.best_area .all_book, .best_area .indi_library,  .best_area .e-kyobo, .best_area .total_library{position:relative;width:900px;}

.best_area{height:636px;}
.best_area:after{content:'';display:block;clear:both;}
.best_area > article{float:left;}
.best_area > article .tab_content{}
.best_area .tab_book{position:absolute;top:52px;left:0;width:100%;height:636px;}

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

.best_area .num1{border:1px solid #767676;}
.best_area .num1 > a > div{margin:0 auto;width:200px;}
.best_area .num1 > a{display:block;padding-top:30px;width:300px;height:100%;}
.best_area .num1 > a:hover .book_info > li:nth-child(1){text-decoration:underline;}
.best_area .num1 > a .scale{margin:0 auto 20px auto;width:198px;height:297px;}
.best_area .num1 > a .scale img{width:auto;max-width:100%;height:auto;max-height:297px;}
.best_area .num1 .rank{position:absolute;top:30px;left:50px;width:32px;height:30px;line-height:30px;}
.best_area .num1.book_info header{margin:0 auto;width:200px;}

.all_book, .indi_library, .total_library, .e-kyobo{border:1px solid #dbdbdb;border-left:none;background-color:#fff;}

.best_area .book_list{padding:17px 0px 13px 50px;box-sizing:border-box;}
.best_area .book_list > li{display:inline-block;margin:13px 20px;width:120px;height:274px;text-align:center;vertical-align:top;}
.best_area .book_list .scale{margin:0 auto 10px auto;width:100%;height:179px;box-sizing:border-box;}
.best_area .book_list .scale img{width:auto;max-width:100%;height:auto;max-height:177px;}
.best_area .book_list .rank{padding-top:2px;width:27px;height:27px;font-size:14px;}

.best_area .book_info .kinds{width:120px;}
.book_info.large.num1 .kinds{left:0;bottom:130px;width:300px;}

/* 추천 */
.recomm_list .flex-control-nav{display:none;}

.recomm_wrap{position:relative;width:1200px;margin-right:auto;margin-left:auto;}
.recomm_best{margin-bottom:30px;}
.recomm_best:after{content:'';display:block;clear:both;}
.recomm_best li{float:left;position:relative;margin-right:40px;width:270px;height:349px;box-sizing:border-box;border:3px solid #d9d9d9;}
.recomm_best li:last-child{margin-right:0;}
.recomm_best .book_info > a{display:block;padding-top:30px;}
.recomm_best .book_info > a > .scale{width:160px;height:239px;margin:0 auto 10px auto;}
.recomm_best .book_info > a > .scale img{width:auto;height:auto;max-width:100%;max-height:100%;}
.recomm_best .book_info > a > strong, .recomm_best .book_info writer{display:block;margin-left:auto;margin-right:auto;width:200px;}
.recomm_best .book_info > a > strong{font-size:15px;}

.recomm_best .book_info .big{z-index:900;position:absolute;top:19px;left:15px;}

.recomm_list {position:relative;padding:12px 0px 22px 0;border:1px solid #d9d9d9;}
.recomm_list .book_list{padding:0px 0px 0px 38px;box-sizing:border-box;}
.recomm_list .book_list .book_info{display:inline-block;width:160px;margin:18px 31px;vertical-align:top;height:334px;}
.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;}
.recomm_wrap .more{top:0px;}
.info_etc .recomm_list .book_list .book_info{padding-bottom:10px !important;/* height:auto */;}

/* s :: 메인-추천자료 2020-12-15 */
.recomm_area {position:relative; padding-top:0px; margin:40px auto 0; width:1200px; font-family:"NotoSans-Regu", "본고딕";}
.recomm_area ul.tab_recomm {*zoom:1;}
.recomm_area ul.tab_recomm:after {display:block;clear:both;content:''}
.recomm_area ul.tab_recomm li {float:left; width:20%; margin-bottom:5px;}
.recomm_area ul.tab_recomm li a {display:block; padding:10px 0; text-align:center; }
.recomm_area ul.tab_recomm li a span { display:inline-block; margin:0 auto; font-weight:500;font-size:17px; padding-left:30px; }
.recomm_area ul.tab_recomm li.on a span { font-weight:bold; background:url('../../../images/front/web/contents/check.png') no-repeat 0 center;}

.recomm_area .content_recomm {margin-top:10px;}
.recomm_area .content_recomm .recomm_wrap{display:none; position:static; }
.recomm_area .content_recomm .recomm_wrap:first-child{display:block;}
.recomm_area .content_recomm .recomm_wrap h4{display:none; font-size:0; line-height:0; color:transparent; text-indent:-9999px;}
.recomm_area .content_recomm .recomm_wrap .more{top:0;}
/* e :: 메인-추천자료 2020-12-15 */

/* 책 썸네일 navi */ 
.arr_paging .flex-direction-nav a{opacity:1;width:35px;height:50px;margin-top:-20px;font-size:0;box-sizing:border-box;border:1px solid #6a6a6a;background-color:#fff;}
.arr_paging .flex-direction-nav a:after{content:'';display:inline-block;position:absolute;top:8px;width:20px;height:32px;background:url('../../../images/front/web/contents/btn_best_direc.png') no-repeat 0 0;}
.arr_paging .flex-direction-nav a.flex-prev{left:-1px;}
.arr_paging .flex-direction-nav a.flex-prev:after{left:5px;}
.arr_paging .flex-direction-nav a.flex-next{right:-1px;}
.arr_paging .flex-direction-nav a.flex-next:after{right:5px;background-position:-20px 0;}

.arr_paging .flex-direction-nav a.flex-prev.on{width:55px;}
.arr_paging .flex-direction-nav a.flex-next.on{width:55px;}

/* 책  썸네일 paging*/
.book_paging{z-index:99;opacity:0;position:absolute;top:50%;margin-top:-25px;font-size:13px;color:#666;}
.book_paging.right{display:block;opacity:1;right:20px;}
.book_paging.left{display:block;opacity:1;left:20px;}
.book_paging.on{display:block;opacity:1;}

.recomm_list .book_paging{padding-top:3px;}
.info_etc .recomm_list .book_paging{padding-top:16px;margin-top:0;}

/* 하단배너 */
.foot_banner .flex-control-nav{display:none;}
.foot_banner .flexslider .slides > li{text-align:center;}

.foot_banner .flex-direction-nav a{opacity:1;width:24px;height:22px;font-size:0;background:url('../../../images/front/web/contents/btn_foot_control.png') no-repeat ;}
.foot_banner .flex-direction-nav a.flex-prev{left:-30px;background-position:0 0;}
.foot_banner .flex-direction-nav a.flex-next{right:-30px;background-position:-30px 0;}

.foot_banner .flex-direction-nav a.flex-prev.on{width:55px;}
.foot_banner .flex-direction-nav a.flex-next.on{width:55px;}

.foot_banner .flex-pauseplay a{bottom:auto;left:auto;top:0;right:-30px;text-indent:-9999px;font-size:0;line-height:0;width:18px;height:18px;background:url('../../../images/front/web/contents/btn_foot_control.png') no-repeat -90px 0;}
.foot_banner .flex-pauseplay a.flex-play{background-position:-60px 0;}

.foot_banner .book_paging{opacity:1;top:2px;right:0px;margin-top:0;}
.foot_banner .flex-direction-nav .flex-disabled{opacity:1 !important;display:block !important;}

/* // */


/* 공통 */
input::placeholder{color:#747474 !important;letter-spacing:-1px;}
input::-webkit-input-placeholder {color:#747474 !important;letter-spacing:-1px;}
:-ms-input-placeholder{color:#747474 !important;letter-spacing:-1px;}

.point{color:#273d93;}
.blue_txt{color:#0045a2 !important;}
.red_txt{color:#cc0000 !important;}

.Dorg_txt{color:#d23b00 !important;}
.green_txt{color:#277e20 !important;}
.bgreen_txt{color:#00908e !important;}
.Dblue_txt{color:#1153b7 !important;}

.inT_txt{display:inline-block;margin-left:5px;font-size:13px;vertical-align:middle;}
.inT_txt.block{display:block;margin-top:5px;vertical-align:middle;}
.sub_txt{display:inline-block;margin-left:5px;font-size:14px;color:#666;}

.txt_l{text-align:left !important;}

.txt_info{display:inline-block;font-size:13px;color:#666;}
.ok_txt{display:inline-block;color:#0045a2;font-weight:400;}
.no_txt{display:inline-block;color:#e33500;font-weight:400;}

.mB10{margin-bottom:10px;}
.mB30{margin-bottom:30px !important;}
.mB70{margin-bottom:70px !important;}
.blank a:before{content:'';display:inline-block;width:16px;height:15px;margin-right:5px;vertical-align:-2px;background:url('../../../images/front/web/contents/bul_all.png') no-repeat 0px 0px;}
.blank_back a:after{content:'';display:inline-block;width:16px;height:15px;margin-left:5px;vertical-align:middle;background:url('../../../images/front/web/contents/bul_all.png') no-repeat 0px 0px;}
.tbl_infotxt{display:inline-block;margin-left:10px;}

/* onoff */
.view_area.none{display:none;}
.btn_onoff a.on{display:none !important;}
.btn_onoff a.on.down{display:block !important;top:-1px;}
.btn_onoff a.off.up{top:0;opacity:0;}

/* 버튼 */
.btn{display:inline-block;text-align:center;cursor:pointer;box-sizing:border-box;}
.btn_s{padding:0 10px;height:26px;font-size:13px;}
.btn_m{padding:0 20px;height:32px;font-size:14px;}
.btn_mL{padding:0 20px;height:32px;font-size:14px;}
.btn_l{padding:0 33px;height:42px;font-size:15px;}

a.btn_s{line-height:26px;}
a.btn_m{line-height:32px;}
a.btn_mL{line-height:32px;}
a.btn_l{line-height:42px;}

.btn_un{color:#888 !important;border:1px solid #aaa !important;background-color:#f3f3f3 !important;}
.btn_un:hover{border:1px solid #aaa !important;box-shadow:inset 0 0 0px 0px #aaa !important;}

.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;padding-bottom:1px;}
.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_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_blue2{color:#3f34cf;border:1px solid #3f34cf;background-color:#fff;}
.btn_blue2:hover{border:1px solid #3f34cf;box-shadow:inset 0 0 1px 1px #3f34cf;}

.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_sel{padding-left:36px;border:1px solid #b90057;background:#fff url('../../../images/front/web/contents/bul_check.png') no-repeat 20px center;}
.btn_sel:hover, .btn_sel.on{color:#b90057;border:1px solid #e33d8b;box-shadow:inset 0 0 1px 1px #e33d8b;background:#fff url('../../../images/front/web/contents/bul_check_on.png') no-repeat 20px center;}
.btn_l.btn_sel{padding-left:50px;background-position:25px center;}

.btn_Dline{border:1px solid #232323;background-color:#f3f3f3;}
.btn_lineW{border:1px solid #232323;background-color:#fff;}
.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:#fff;background-color:#45558e;}
.btn_blue:hover{background-color:#142a79;}

.btn_Dblue{color:#fff;background-color:#45558e;}
.btn_Dblue:hover{background-color:#142a79;}

.btn_Dgray{color:#fff;background-color:#555;}
.btn_Dgray:hover{background-color:#333;}
a.btn_Dgray{color:#fff;}

.btn_off{color:#767676;border:1px solid #aaa;background-color:#fff;}

.btn_login{width:100px;height:95px;line-height:95px;text-align:center;font-size:16px;}
.btn_logout{width:57px;height:21px;text-align:center;font-size:12px;border:1px solid #aaa;background-color:#fff;box-sizing:border-box;}

.btn_area{text-align:center;}
.btn_area input[type="button"]{margin:0 3px;}

/* input text */
input[type="text"], input[type="password"]{padding:0 10px;height:26px;line-height:26px;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;}

/* toogle 형식 */
.toogle_area .toogle_con2{display:block;box-sizing:bordr-box;}
.toogle_area .toogle_con2.up{display:none;}

.toogle_area .toogle_con{display:none;box-sizing:bordr-box;}
a.cur_none{display:block !important;cursor:default !important;}
.toogle_area .toogle_con.down{display:block;}
.toogle_area .toogle_btn.on{}

/* 텍스트박스 */
.text_box{margin-bottom:15px;padding:20px;background-color:#f2f2f2;}
.text_box .in_box{overflow-y:auto;padding:20px;height:270px;line-height:1.5em;border:1px solid #aaa;background-color:#fff;box-sizing:border-box;}

.box_sty01.join > div{overflow:hidden;display:inline-block;padding:50px 0;width:490px;text-align:left;font-size:20px;;line-height:1em;}
.box_sty01.join > div:before{float:left;margin-right:20px;content:'';display:inline-block;width:107px;height:102px;background:url('../../../images/front/web/contents/bul_sub_all.png') no-repeat -100px 0;}
.box_sty01.join > div p{float:left;}
.box_sty01.join > div p:nth-of-type(1){margin-top:20px;}
.box_sty01.join > div .tit{margin-bottom:9px;font-size:24px;font-weight:500;color:#273d93;}
.box_sty01.join > div .txt{margin-top:15px;font-size:15px;font-weight:500;}

.box_sty01{margin-bottom:40px;text-align:center;border:1px solid #aaa;}
.box_sty02{padding:25px 20px;line-height:1.5em;border:1px solid #aaa;}
.box_sty03{margin-bottom:30px;text-align:center;}

.both_area{display:table;table-layout:fixed;width:100%;}
.both_area .left, .both_area .right{display:table-cell;table-layout:fixed;vertical-align:middle;}
.both_area .right{text-align:right;}

/* dataT */
.dataT{margin-bottom:20px;width:100%;}
.dataT th, .dataT td{padding:10px;border:1px solid #ddd;}
.dataT th{text-align:left;background-color:#f3f3f3;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}

/*detailT */
.detailT{margin-bottom:20px;width:100%;border-top:2px solid #333;}
.detailT th, .detailT td{padding:17px 12px;text-align:left;font-weight:400;border-bottom:1px solid #ddd;}
.detailT td, .detailT .line{border-left:1px solid #ddd;}

/* listT */
.listT.inbtn td{padding:7px;line-height:1.3em;}
.listT{margin-bottom:20px;width:100%;border-top:1px solid #6d6d6d;}
.listT th, .listT td{padding:15px 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:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.listT input[type="checkbox"]{margin:0 5px;}

.listT.noteT .subject a{padding:0 10px;max-width:85%;vertical-align:-2px;}
.listT.freeT .subject a{max-width:90%;}
.listT.freeT .subject img{margin-right:10px;}

.listT .subject.reply_step02{padding-left:30px;}
.listT .subject.reply_step03{padding-left:60px;}
.listT .subject.reply_step04{padding-left:90px;}
.listT .subject.reply_step04 a{max-width:89% !important;}
.listT .subject.reply_step05{padding-left:120px;}
.listT .subject.reply_step05 a{max-width:88% !important;}

/* paging */
.paging{text-align:center;}
.paging li{display:inline-block;margin:0px 3px;}
.paging li a{display:block;width:29px;height:28px;font-size:13px;color:#444;}
.paging li.on a{display:block;width:29px;height:28px;color:#4c5d9d;text-decoration:underline;font-weight:600;}
.paging li a:hover{color:#4c5d9d;text-decoration:underline;font-weight:600;}

/* 회원 */
.login_area{padding:100px 0 100px 210px;border:1px solid #ddd;}
.login_area:after{content:'';display:block;clear:both;}
.login_area > p, .login_area > div{float:left;}
.login_area fieldset > div, .login_area fieldset > p{display:inline-block;vertical-align:top}
.login_area .tit{margin-right:60px;font-size:30px;color:#666;}
.login_area .tit:before{content:'';display:block;margin:0 auto 12px auto;width:74px;height:101px;background:url('../../../images/front/web/contents/bul_sub_all.png') no-repeat 0 0;}

.login_area fieldset{margin-bottom:25px;}
.login_area fieldset > div label{display:inline-block;}
.login_area fieldset > div ul li{padding:5px 0;}
.login_area fieldset > div ul input[type="text"], .login_area fieldset > div ul input[type="password"]{padding:0 10px;width:250px;height:42px;line-height:42px;box-sizing:border-box;vertical-align:middle;}
.login_area fieldset > div ul label{width:70px;}
.login_area fieldset > div .region {margin:-46px 0 5px 70px;}/* 2020-04-10 추가 */
.login_area fieldset > div .region select {padding:0 10px;width:250px;height:42px;line-height:42px;box-sizing:border-box;vertical-align:middle;}/* 2020-04-10 추가 */
.login_area fieldset > div p{margin:14px 0 0 70px;}
.login_area fieldset > div p label{margin-left:10px;}
.login_area .btn_posi{margin:5px 0 0 12px;}

.terms_info{position:relative;margin-bottom:30px;width:440px;}
.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/web/contents/bul_sub_all.png') no-repeat -450px 0px;}
.terms_info .toogle_btn.on > a:after{background-position:-400px 0px;}
.terms_info .toogle_con{position:absolute;top:33px;left:0;overflow-y:auto;padding:15px 10px;width:440px;height:160px;line-height:1.5em;border:1px solid #aaa;background-color:#fff;}
.terms_info .toogle_con.join{top:33px;width:100%;}
.terms_info .toogle_con p, .terms_info .toogle_con div{line-height:1.5em;}

.terms_area{margin-bottom:30px;padding:20px;border:1px solid #ddd;background-color:#f9f9f9;}
.terms_area .terms_info{margin-bottom:0px;width:100%;background-color:#fff;}

.id_info{margin:0 0 10px 0px;padding-left:20px;text-indent:-20px;line-height:1.5em;width:440px;box-sizing:border-box;}
.terms_area .tit{margin-bottom:10px;}
.terms_area .tit:before, .id_info:before{content:'';display:inline-block;margin-right:5px;width:23px;height:23px;vertical-align:-6px;background:url('../../../images/front/web/contents/bul_sub_all.png') no-repeat -30px -150px;}

/* 전자책 - 목록 */
.cate_area{margin-bottom:30px;}
.cate_area h3.toogle_btn {font-size:14px;margin:0;border:1px solid #dcdcdc;border-bottom:none;}
/*.cate_area h4.toogle_btn {...}*/
.cate_area .toogle_btn > a{display:block;position:relative;padding:13px 15px 12px 15px;border-bottom:1px solid #dcdcdc;background-color:#f2f2f2;}
.cate_area .toogle_btn > a:after{content:'';position:absolute;top:15px;right:15px;display:block;width:19px;height:12px;background:url('../../../images/front/web/contents/bul_sub_all.png') no-repeat -230px 0;}
.cate_area .toogle_btn.on > a:after{background-position:-260px 0;}

.cate_area .toogle_con2{padding:10px 15px;border:1px solid #dcdcdc;border-top:none;}
.cate_area .toogle_con2:after{content:'';display:block;clear:both;}
.cate_area .toogle_con2 li{float:left;width:20%;padding:5px 0;box-sizing:border-box;}
.cate_area .toogle_con2 li > a{display:block;}
.cate_area .toogle_con2 li > a:before{content:'·';display:inline-block;width:5px;margin-right:5px;}
.cate_area .toogle_con2 li.on > a, .cate_area > ul li > a:hover, .cate_area > ul li > a:focus{text-decoration:underline;color:#4c5d9d;}

.book_sort {margin-bottom:30px;display:table;table-layout:fixed;width:100%;}
.book_sort > p, .book_sort > ul{display:table-cell;table-layout:fixed;vertical-align:middle;}
.book_sort > p span{display:inline-block;margin-right:5px;}
.book_sort > p span .btn_lineW{border:1px solid #aaa;}
.book_sort > p span.on .btn_lineW{border:1px solid #232323;background-color:#f3f3f3;}
.book_sort > ul{width:600px;text-align:right;}
.book_sort > ul li{display:inline-block;}
.book_sort > ul li a{display:block;padding-left:40px;font-size:15px;color:#444;}
.book_sort > ul li.on a{color:#222;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}
.book_sort > ul li.on a:before{content:'';display:inline-block;margin-right:3px;width:17px;height:17px;background:url('../../../images/front/web/contents/bul_sub_all.png') no-repeat -300px 0;}

.book_sort .sel select{height:32px;}

.book_resultTxt {margin-bottom:10px;display:table;table-layout:fixed;width:100%;}
.book_resultTxt > p, .book_resultTxt > div{display:table-cell;table-layout:fixed;vertical-align:middle;}
.book_resultTxt > p{color:#666;}
.book_resultTxt > p strong{color:#333;}
.book_resultTxt > div{text-align:right;}
.book_resultTxt > div a, .book_resultTxt > div span{display:inline-block;}
.book_resultTxt > div span{margin-right:16px;}
.book_resultTxt > div input[type="text"]{width:40px;padding:0 5px;text-align:center;vertical-align:0px;}
.book_resultTxt > div input[type="button"]{margin:0 3px;}

.book_resultList{margin-bottom:20px;border-bottom:1px solid #ddd;}
.book_resultList > li{display:table;table-layout:fixed;padding:20px 15px;width:100%;border-top:1px solid #ddd;}
.book_resultList > li > div{display:table-cell;table-layout:fixed;vertical-align:top;}

.book_resultList > li > div:nth-of-type(2){width:615px;}
.book_resultList > li .img{position:relative;padding-right:30px;width:130px;box-sizing:border-box;}
.book_resultList > li .img a{display:block;}
.book_resultList > li .img > p{margin-top:10px;}
.book_resultList > li .img > a{text-align:center;border:1px solid #ddd;width:100px;height:148px;box-sizing:border-box;}
.book_resultList > li .img .btn{width:100px;box-sizing:border-box;}
.book_resultList > li .img .rank{width:26px;height:26px;line-height:24px;font-size:16px;}

.book_resultList > li .img > a:focus{padding:1px;}

.book_resultList .tit_eng{margin-bottom:10px;line-height:1.5em;font-size:16px;font-weight:500;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.book_resultList .writer_paper li{margin-bottom:7px;line-height:1.5em;color:#666;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.book_resultList .writer_paper li:first-child{margin-bottom:13px;color:#333;}

.adult{z-index:99;position:absolute;top:0;left:0;width:100%;height:148px;text-align:center;text-decoration:underline;background:rgba(0,0,0,0.7);}
.adult strong{position:absolute;top:50%;left:50%;margin:-33px 0 0 -23px;display:inline-block;padding:0 3px 9px 3px;width:auto;font-size:36px;color:#fff;border-bottom:2px solid #e50000;box-sizing:border-box;}
.adult strong:hover{text-decoration:none;}

.new_wrap .adult{width:120px;height:179px;}
.recomm_best .adult{top:30px;left:50%;margin-left:-80px;width:160px;height:239px;}
.recomm_list .adult{height:239px;}
.best_area .num1 > a .adult{top:30px;left:50%;margin-left:-99px;width:198px;height:297px;}
.best_area .tab_content .slider .adult{height:179px;}

.store{display:inline-block;padding:4px 13px 0 13px;height:24px;color:#2e4391;font-size:13px;text-align:center;border:1px solid #5e6b9f;border-radius:15px;box-sizing:border-box;font-family:'NotoSans-Regu',"본고딕", Dotum, "돋움", Gulim, "굴림", Tahoma;background-color:#fff;}
.appendix{display:inline-block;padding:4px 13px 0 13px;height:24px;color:#0f7caa;font-size:13px;text-align:center;border:1px solid #0f7caa;border-radius:15px;box-sizing:border-box;font-family:'NotoSans-Regu',"본고딕", Dotum, "돋움", Gulim, "굴림", Tahoma;background-color:#fff;}
.book_resultList li div > p .store, .book_resultList li div > p .small, .book_resultList li div > p .appendix{margin-right:2px;}
.book_resultList li div > p span, .book_resultList li div > p strong{vertical-align:top;}

.book_resultList li .tit{margin:12px 0 3px 0 !important;line-height:1.3em;font-size:16px;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}
.book_resultList li .tit h4{margin-bottom:0px !important;}
.book_resultList li .txt{margin:15px 0;line-height:1.5em;color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	height:3em;	
}

.writer span, .use span, .use strong{display:inline-block;}
.writer span:before,  .writer span:after, .use span:after{content:'|';display:inline-block;padding:0 15px;color:#999;vertical-align:top;}
.use strong{color:#5668ae;}

.book_resultList > li > div:nth-of-type(3){width:150px;text-align:right;vertical-align:middle;}
.book_resultList > li > div:nth-of-type(3) span{display:block;}
.book_resultList > li > div:nth-of-type(3) input[type="button"]{margin:2.5px 0;width:90px;}

/* 전자책 - 상세 */

/* gnb and lnb sticky  */
.top_sticky.out{display:none;}

/**/
.line_hei{line-height:1.5em;}
.detail_info{margin-bottom:50px;display:table;table-layout:fixed;width:100%;}
.detail_info > div{display:table-cell;table-layout:fixed;vertical-align:top;}
.detail_info .img{position:relative;padding-right:50px;width:250px;box-sizing:border-box;}
.detail_info .img p{margin-bottom:5px;width:200px;height:299px;border:1px solid #ddd;box-sizing:border-box;}
.detail_info .img p a{display:block;height:297px;cursor:default;}
.detail_info .img p img{max-width:100%;height:100%;width:100%;}
.detail_info .img .btn{width:200px;}

.detail_info .detail .tit{margin-bottom:20px;font-size:26px;line-height:1.3em;}
.detail_info .writer{margin:13px 0 25px 0;}
.detail_info .use{margin-right:30px;}

.detail_info .detail > p > input[type="button"]{margin-right:5px;width:120px;}
.detail_info .detail > p > .btn_sel{background-position:35px center;}

.paper_info{margin:8px 0 20px 0;}
.paper_info li{margin-bottom:7px;}
.paper_info li:after{content:'';display:block;clear:both;}
.paper_info li strong, .paper_info li span{display:block;float:left;font-weight:400;line-height:1.3em;}
.paper_info li strong{width:80px;box-sizing:border-box;}
.paper_info li span{width:870px;text-indent:-7px;padding-left:7px;box-sizing:border-box;}

.info_etc .tit{z-index:99 !important;margin-bottom:40px;display:table;table-layout:fixed;width:100%;border-left:1px solid #aaa;background-color:#fff;box-sizing:border-box;}
.info_etc .tit li{display:table-cell;table-layout:fixed;margin-bottom:0;border:1px solid #aaa;border-left:none;box-sizing:border-box;}
.info_etc .tit li a{display:block;text-align:center;height:40px;line-height:40px;font-size:15px;box-sizing:border-box;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}
.info_etc .tit li.on, .info_etc .tit li.on a{border-bottom:1px solid #606060;}

.info_etc .etc_txt.mB20{margin-bottom:20px;}
.info_etc .etc_txt{padding-top:70px;line-height:1.5em;color:#666;}
.info_etc .etc_txt h4{margin-bottom:26px;padding-bottom:15px;font-size:18px;color:#000;border-bottom:1px solid #444;}
.info_etc .etc_txt .etc_writer{margin-bottom:10px;color:#333;}
.info_etc .etc_txt .seque{line-height:1.5em;}

.recomm_list.detail h4{margin:20px 0 0 70px;font-size:17px;font-weight:400;}
.recomm_list.detail .book_paging{padding-top:12px;}
.recomm_list.detail .book_list .book_info{padding-bottom:20px;margin-bottom:0;}
.recomm_list.detail  h5{font-size:17px;font-weight:400;padding:10px 0 0px 70px;box-sizing:border-box;}

/* 댓글 */
.detail_review .re_tit{margin-bottom:18px;}
.detail_review .re_tit span{display:inline-block;font-size:16px;}
.detail_review .re_tit span:after{content:'|';display:inline-block;margin:0 10px;color:#999;}
.detail_review .review{padding:29px 29px 9px 29px;border:1px solid #dedede;}
.detail_review .review .grade{margin-bottom:20px;}
.detail_review .review .grade strong, .detail_review .review .grade label{display:inline-block;}
.detail_review .review .grade img{display:inline-block;vertical-align:0px;}
.detail_review .review .grade strong{margin-right:20px;font-weight:400;}
.detail_review .review .grade label{margin:0 30px 0 9px;}

.detail_review .review .txtarea {position:relative;}
.detail_review .review .txtarea > div{margin-bottom:10px;padding:10px;border:1px solid #dedede;}
.detail_review .review .txtarea textarea{overflow:auto;width:980px;height:150px;line-height:1.5em;border:none;}
.detail_review .review .txtarea > p{position:absolute;top:50%;right:20px;margin-top:-59px;}
.detail_review .review .txtarea > p input[type="button"]{height:72px;}
.detail_review .review .daTxtRevwUpd{}

.detail_review .review .txtarea .txt_info{margin-bottom:20px;}
.detail_review .review .reply_tit {margin-bottom:10px;font-size:13px;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}
.detail_review .review .reply_tit img{vertical-align:0px;}
.detail_review .review .reply_tit span{display:inline-block;}
.detail_review .review .reply_tit span:before, .detail_review .review .reply_tit span:after{content:'|';display:inline-block;margin:0 15px;color:#999;}
.detail_review .review .reply_txt{padding-right:150px;line-height:1.5em;color:#666;word-break:break-all;}
.detail_review .review .reply_list > li {position:relative;padding:20px 20px 20px 0;border-top:1px solid #ddd;}
.detail_review .review .reply_list .reply_btn{position:absolute;top:15px;right:20px;}
.detail_review .review .reply_list .reply_btn input[type=button]{margin-left:5px;}

.detail_review .review .no_reply{padding:80px 0;text-align:center;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}

/* 내서재 */
.book_resultList.my_book .img > a{margin-bottom:0;}
.book_resultList.my_book > li > div:nth-of-type(2){width:auto;}
.book_date{margin-top:15px;font-size:13px;}
.book_date li{padding:3px 0;}
.book_date span, .book_date strong{display:inline-block;font-weight:400;}
.book_date strong{width:80px;}
.book_date span{padding-left:10px;}
.book_date span.red_txt.pl10{padding-left:0px;}

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

.star_sel{color:#dd5f00;}

/* 상단 검색 */
.sch_con{margin-bottom:30px;position:relative;padding:5px 10px;border-top:1px solid #8e8e8e;border-bottom:1px solid #8e8e8e;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;background-color:#f3f3f3;}
.sch_con table{width:100%;}
.sch_con table th, .sch_con table td{padding:5px 0;}
.sch_con table th{text-align:left;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}
.sch_con .btn_posi{position:absolute;top:50%;right:20px;margin-top:-13px;}
.sch_con .btn_posi.block{margin-top:-26px;}
.sch_con .btn_posi.block .btn{display:block;margin-bottom:2px;width:60px;}

.reply{padding-left:15px !important;text-align:left !important;}
.reply span{padding-left:10px;text-align:left;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.reply span, .reply img{display:inline-block;vertical-align:top;}

.book_resultList.selectList > li > div:nth-of-type(2){width:auto;}
/* .book_resultList.selectList > li .txt{margin:30px 0 0 0;} */
.book_resultList.selectList > li .img > a{margin-bottom:0;}
.book_resultList.selectList > li .writer{line-height:1.4em;}

/* 사이트맵 */
.sitemap #allSiteMapBooks, .sitemap #allSiteMapHelp, .sitemap #allSiteMapUser{border-top:none;}
.sitemap #allSiteMapBooks > li, .sitemap #allSiteMapHelp > li, .sitemap #allSiteMapUser > li{border-bottom:none;}
.sitemap h4{display:none;}
.sitemap > ul {border:1px solid #dcdcdc;border-bottom:none;}
.sitemap > ul > li a{display:block;}
.sitemap > ul > li a:hover, .sitemap > ul > li a:focus{color:#1a1a1a;text-decoration:underline;}

.sitemap > ul > li{border-bottom:1px solid #dcdcdc;background:url('../../../images/front/web/contents/sitemap_bg.png') repeat-y 0 0;}
.sitemap > ul > li:after{content:'';display:block;clear:both;}
.sitemap > ul > li > span, .sitemap > ul > li > ul{float:left;padding:15px 20px;box-sizing:border-box;}

.sitemap > ul > li > span{width:200px;}
.sitemap > ul > li > span a{font-size:16px;color:#1a1a1a;font-weight:500;font-family:"NotoSans-Regu", "본고딕";}
.sitemap > ul > li > ul{width:960px;}
.sitemap > ul > li > ul > li{float:left;width:20%;box-sizing:border-box;}
.sitemap > ul > li > ul > li a{padding:3px 0;font-size:14px;color:#555;}
.sitemap > ul > li > ul > li a:before{content:'·';display:inline-block;margin-right:3px;}

/* 이용안내 */
.use_area dt{margin-bottom:15px;font-size:17px;font-weight:700;color:#000;}
.use_area dd, .use_area dd p , .use_area dd li{line-height:1.5em;}
.use_area dd{margin-bottom:30px;color:#333;}
.use_area dd strong{display:inline-block;color:#000;font-weight:700;}
.use_area dd .img{margin:20px 0 30px 0;padding:30px 0;text-align:center;border:1px solid #ddd;}
.use_area dd .img.mb10{margin-bottom:10px;}

.use_area .txt_c{margin:20px 0;text-align:center;}

.infoT{width:100%;}
.infoT th, .infoT td{padding:15px 10px;text-align:center;border:1px solid #ddd;}
.infoT thead th{color:#000;border-top:1px solid #6d6d6d;background-color:#fafafa;}

.dataT.info{margin-bottom:10px;}
.dataT.info th{background-color:#fafafa;}

/* 검색 */
.sch_lnb{border:1px solid #dcdcdc;border-top:none;}
.sch_lnb > p{padding:10px;font-size:15px;border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;background-color:#f6f6f6;}
.sch_lnb > ul{padding:10px 0px;}
.sch_lnb > ul li{padding:5px 10px;}
.sch_lnb > ul li input[type="checkbox"]{margin-right:5px;}

.sch_nodata{padding:65px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sch_nodata p{width:260px;margin:10px auto;}

/* 에러페이지 */
.error_area{width:600px;margin:0 auto;padding:150px 0 120px 0;font-size:22px;box-sizing:border-box;}
.error_area:before{content:'';display:inline-block;width:166px;height:144px;margin-right:50px;vertical-align:middle;background:url('../../../images/front/web/contents/icon_all.png') no-repeat -350px 0;}
.error_area p{display:inline-block;vertical-align:middle;}
.error_area strong{display:block;margin:10px 0 15px;font-size:24px;}
.error_area span{display:block;margin-bottom:20px;font-size:14px;}

/* 제이쿼리 ui 팝업 */
.ui-widget.ui-widget-content{padding:0;border:2px solid #4c4c4c;box-shadow:0px 0px 8px 5px #444;border-radius:0;}
.ui-dialog .ui-dialog-titlebar{padding:0;border-radius:0;border-bottom:2px solid #4c4c4c;background-color:#f5f5f5;box-sizing:border-box;}
.ui-dialog .ui-dialog-title{margin:0;padding-left:15px;line-height:45px;font-size:18px;font-weight:400;color:#222;font-family:"NotoSans", "본고딕", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial}
.ui-dialog .ui-dialog-titlebar-close{margin:0;top:0;right:0;width:43px;height:43px;border:none;border-radius:0;}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon{width:43px;height:43px;background:url('../../../images/front/web/contents/btn_pop_clo.gif') no-repeat 0 0;}
.ui-button-icon-only .ui-icon{top:0;left:0;margin:0;width:43px;height:43px;background:url('../../../images/front/web/contents/btn_pop_clo.gif') no-repeat 0 0;}

.ui-datepicker.ui-widget select{height:auto;padding:5px 0;} 
.ui-datepicker.ui-widget select::-ms-expand{display:block;}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {}

.ui-datepicker .ui-state-hover .ui-icon-circle-triangle-w,
.ui-datepicker .ui-state-focus .ui-icon-circle-triangle-w,
.ui-datepicker .ui-button:hover .ui-icon-circle-triangle-w,
.ui-datepicker .ui-button:focus .ui-icon-circle-triangle-w
{width:16px;height:16px;background:transparent url('../../../../../images/front/web/theme/theme01/jquery/ui-icons_444444_256x240.png') no-repeat -80px -192px !important;}

.ui-datepicker .ui-state-hover .ui-icon-circle-triangle-e,
.ui-datepicker .ui-state-focus .ui-icon-circle-triangle-e,
.ui-datepicker .ui-button:hover .ui-icon-circle-triangle-e,
.ui-datepicker .ui-button:focus .ui-icon-circle-triangle-e
{width:16px;height:16px;background:transparent url('../../../../../images/front/web/theme/theme01/jquery/ui-icons_444444_256x240.png') no-repeat -48px -192px !important;}

/*.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {	top: 2px;}
.ui-datepicker .ui-datepicker-prev {left: 1px;}
.ui-datepicker .ui-datepicker-next {right: 1px;}*/

/* 메인 공지팝업 */
.layerPopup{border:2px solid #4c4c4c;background-color:#fff;box-shadow:0px 0px 8px 5px #d2d2d2;}

#main_pop{min-height:100%;position:relative;}
#main_pop .main_pop_con{padding:20px;box-sizing:border-box;}

#main_pop .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;}
#main_pop .btn_bottom label{display:inline-block;margin-left:5px;}
#main_pop .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;}

/* === 팝업 콘텐츠 === */
.pop_con{padding:20px;box-sizing:border-box;}

/* pop_tit */
.pop_tit{border-bottom:2px solid #4c4c4c;background-color:#f5f5f5;box-sizing:border-box;}
.pop_tit:after{content:'';display:block;clear:both;}
.pop_tit h1{float:left;padding-left:15px;line-height:45px;font-size:18px;font-weight:400;color:#222;}
.pop_tit p{float:right;}

.pop_con{padding:20px;box-sizing:border-box;}
.pop_con .txt_area{margin-bottom:20px;line-height:1.5em;}
.pop_con .txt_area2{margin-top:23px;font-size:13px;}
.pop_con .txt_area2 li{line-height:1.5em;}
.pop_con .free_del{margin-bottom:20px;min-height:50px;}
.pop_con .free_del > div{margin:10px 0;}

.pop_con .pw_change{margin-bottom:20px;padding:30px 0px 30px 40px;background-color:#f2f2f2;}
.pop_con .pw_change label{display:inline-block;width:115px;}
.pop_con .pw_change input{margin:4px 0;}
.pop_con .pw_change .txt_indent{display:block;padding:3px 0 10px 115px;font-size:13px;}

/* 박스 스타일 */
.pop_con .box_sty01{margin-bottom:20px;padding:30px;line-height:1.5em;text-align:left;background-color:#f2f2f2;}
.pop_con .box_sty01 strong{font-weight:400;}
.pop_con .box_sty10{margin-bottom:20px;}

.pop_con .both_area{display:table;table-layout:fixed;width:100%;}
.pop_con .both_area .left, .both_area .right{display:table-cell;table-layout:fixed;vertical-align:middle;}
.pop_con .both_area .right{text-align:right;}

/* 희망도서 */
.pop_con .hope_book .btn{position:relative;width:100%;text-align:left;}
.pop_con .hope_book .btn:after{content:'';display:block;position:absolute;top:9px;right:10px;width:8px;height:14px;background:url('../../../images/front/web/contents/bul_pop_hope.png') no-repeat right center;}
.pop_con .hope_book li{margin-bottom:10px;}
.pop_con .hope_book li .btn_m{padding-left:10px;padding-right:10px;}

/* 성인인증 */
.pop_con .certi{display:table;table-layout:fixed;}
.pop_con .certi p{display:table-cell;table-layout:fixed;vertical-align:top;}
.pop_con .certi p:nth-of-type(1){padding-right:25px;width:130px;box-sizing:border-box;}
.pop_con .certi p:nth-of-type(2){padding-top:25px;line-height:1.5em;}
.pop_con .certi strong{display:block;padding-top:27px;width:105px;height:105px;font-size:38px;font-weight:900;text-align:center;border:5px solid #e50000;border-radius:50%;box-sizing:border-box;}

/* tab */
.library .tab_title{width:50%;}
.library .step2{left:50%;}

.tab_area2{position:relative;}
.tab_tit3{position:absolute;width:33%;}
.tab_tit2{position:absolute;width:50%;}
.step1{top:0;left:0;}
.step2{top:0;left:33%;}
.step3{top:0;left:66%;}

.step4{top:0;left:0;}
.step5{top:0;left:50%;}

.tab_tit3 a{display:block;}
.tab_tit3 h2, .tab_tit3 p{padding:0 !important;text-align:center;height:45px;line-height:45px;font-size:14px;border:1px solid #f3f3f3;border-bottom:1px solid #0a325c;background-color:#f3f3f3;background:none !important;}
.tab_tit3.active h2, .tab_tit3.active p{border:1px solid #0a325c;border-bottom:1px solid #fff;background-color:#fff;}
.tab_tit3.active h2 a, .tab_tit3.active p a{color:#175aa0;}

.tab_tit2 a{display:block;}
.tab_tit2 h2, .tab_tit2 p{padding:0 !important;text-align:center;height:45px;line-height:45px;font-size:14px;border:1px solid #f3f3f3;border-bottom:1px solid #0a325c;background-color:#f3f3f3;background:none !important;}
.tab_tit2.active h2, .tab_tit2.active p{border:1px solid #0a325c;border-bottom:1px solid #fff;background-color:#fff;}
.tab_tit2.active h2 a, .tab_tit2.active p a{color:#175aa0;}

.tab_contents{padding-top:55px;overflow:hidden;}
.tab_contents.off{visibility:hidden;padding:0;width:0px;height:0;opacity:0;}
.tab_contents.on{visibility:visible;width:auto;height:auto;opacity:1;}
.tab_contents.off.on{padding-top:55px;}
.no_data{height:100px;line-height:100px;text-align:center;border:1px solid #ddd;}

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

cite {
    font-style: italic;
}

/* 로그인 - 북클럽 계정 연결  */
.login_wrap {width:460px; margin:0 auto 120px;}
.login_wrap h2 {margin:30px 0 50px; font-size:32px; line-height:1.2; letter-spacing:-1px; font-weight:400; 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:48px;line-height:48px;padding:0 5px;font-size:14px; color:#999999;box-sizing:border-box;background-color:#fff;}
.login_wrap .check_area {margin:20px 0;}
.login_wrap .check_area label{padding-left:5px; font-size:14px; color:#1a1a1a;}
.login_wrap .check_area input[type="checkbox"] {width:21px; height:21px;}
.login_wrap .btn_login{width:100%; height:60px; font-size:22px; line-height:60px; color:#fff; background-color:#51b848;}
.login_wrap .btn_login02{width:100%; height:60px; font-size:22px; line-height:60px; color:#fff; background-color:#003874; margin-top:15px;}
.login_wrap .id_info {margin-top:38px; color:#333333; font-weight:600;}
.login_wrap .id_info:before {background:url('../../../images/front/web/contents/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/web/contents/login_logo.png') no-repeat center center;}
.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:15px;content:'';border-left:1px solid #cccccc;}
.login_wrap .user_svc a:first-child:after{display:none;}
.login_wrap .box_info{padding:20px 15px; font-size:14px;line-height:20px; color:#333333; border:1px solid #ababab; box-sizing:border-box;}
.login_wrap .btn_area {margin-top:20px; }
.login_wrap .btn_area .btn_login03{width:218px;  height:50px; font-size:22px; line-height:48px; color:#333333; background-color:#f3f3f3; border:1px solid #aaaaaa;}
.login_wrap .btn_area .btn_login04{width:218px;  height:50px; font-size:22px; line-height:48px; color:#fff; background-color:#51b848; border:1px solid #51b848; margin-left:20px;}