@charset "utf-8";
body {-webkit-text-size-adjust: 100%;}
*{margin:0; padding:0;}
body {background:#ffffff;}
html,body{width:100%;height:50%}
html{font-size:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'맑은고딕','malgun gothic', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:14px;color:#383d41}
body{*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#222;text-decoration:none}
a:hover{color:#390;text-decoration:none}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
input::-ms-clear{display:none}



/* float */
.fl {float:left !important}
.fr {float:right !important}

/* margin-top */
.mt10 {margin-top:10px !important; }
.mt7 {margin-top:7px !important; }
.mt20 {margin-top:16px !important; }
/* margin-top */
.mt1 {margin-top:0px !important; }

/* padding-top */
.pt10 {padding-top:10px !important; }

/* margin-left */
.ml5{margin-left:5px !important}




p.pageTop {position:fixed; right:-13px; bottom:10px; width:74px;}
p.pageTop img {width:100% !important;}
.m_warp img {width:100%; }
/*------------------------------------------
buttom setting (버튼설정-a태크로 이우어진 기본버튼)
------------------------------------------*/
a.btn {display:inline-block; padding:8px; background:#ffae00; border: 1px solid #ffae00; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff;}
a.btn1 {display:inline-block; padding:8px; background:#05b3b9; border: 1px solid #039499; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff}
a.btn2 {display:inline-block; padding:8px; background:#2662a8; border: 1px solid #2662a8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff;}
a.btn3 {display:inline-block; padding:8px; background:#ffac4f; border: 1px solid #fc9928; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff;}
a.btn4 {display:inline-block; padding:8px; background:#84898e; border: 1px solid #8c929a; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff;}
a.btnelearning {display:inline-block; padding:4px; background:#05b3b9; border: 1px solid #039499; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:#fff}
a.btnread {display:inline-block; padding:8px; background:#70be3b; border: 1px solid #70be3b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff;}
a.btnreturn {display:inline-block; padding:8px; background:#dd8426; border: 1px solid #dd8426; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff;}
a.btnext {display:inline-block; padding:8px; background:#678dbf; border: 1px solid #678dbf; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff;}

a.btn > input[type="button"] {width:100%; padding:0; background:none; border:none;  vertical-align: top; text-align:center;  line-height: 16px; color:#1f5aa0;}


/*========== leftArea ==========*/
.leftArea {display:none; position:fixed; left:0; top:0; right:0;  width:100%; height:100%; z-index:99999; width:100%; height:100%; background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);}
.leftArea .leftMenu {overflow:scroll; position:absolute; left:-250px; top:0; width:250px; height:100%; background:#fff;}
.leftArea .leftMenu p.leftTitle {display:block; height:58px; padding-left:15px; background:#1aa3c8;}/*background:#e8e8e8*/
.leftArea .leftMenu p.leftTitle img {width:35%; padding-top:20px;}

.leftArea .leftMenu ul.menuLists > li { }
.leftArea .leftMenu ul.menuLists > li > a { display:block;  padding:10px 0 10px 10px; line-height:18px; font-size:15px; background:url("../images/mobile/menuListsIcon2.png") no-repeat 222px 11px; border-bottom:1px solid #dde6f0;background-color:#769ad3;color:#fff;}
.leftArea .leftMenu ul.menuLists > li.active > a {background:#3ba1d2; color:#fff;}/*background:#1f5aa0;*/
.leftArea .leftMenu ul.depth02 {display:none;}
.leftArea .leftMenu ul.depth02 li a {display:block;  padding:10px 0 10px 20px; line-height:15px; font-size:12px; background:#fafcfd; border-bottom:1px solid #dde6f0;}

.leftArea .leftMenu p.closeBtn {position:absolute; right:10px; top:10px; display:block; width:37px; cursor: pointer; z-index:99999;}
.leftArea .leftMenu p.closeBtn img {width:100%; }



/*========== gnbTabArea ==========*/
.leftArea .gnbTabArea {background:#fff; border-top:2px solid #1aa3c8;}/*border-top:2px solid #1f5aa0;*/
/* tabs */
.leftArea .gnbTabArea ul.gnbTabs {}
.leftArea .gnbTabArea ul.gnbTabs:after{content:"";display:block;clear:both;}
.leftArea .gnbTabArea ul.gnbTabs li {position:relative; float:left; width:32.7%; height:36px; background:#fafcfd; font-size:15px; line-height:36px; font-weight:bold; text-align:center; color:#93acc7; border-bottom:1px solid #dde6f0; border-left:1px solid #dde6f0;}/*width:49.8%;*/
.leftArea .gnbTabArea ul.gnbTabs li:first-child {border-left:0px solid #dde6f0;}
.leftArea .gnbTabArea ul.gnbTabs li span.title {}
.leftArea .gnbTabArea ul.gnbTabs li span.page {position:absolute; right:10px; top:0px; font-weight:normal;}
/* tabs_active */
.leftArea .gnbTabArea ul.gnbTabs li.active {color:#000;  background:#fff; border-bottom:1px solid #fff; }
.leftArea .gnbTabArea ul.gnbTabs li.active  span.page {color:#1f5aa0;}
/* gnbTab_content */
.leftArea .gnbTabArea .gnbTab_content {overflow:hidden; position:relative;  }

/* 2016.08.17_추가사항 */
.leftArea .gnbTabArea #gnbTab1 div{padding: 9px 7px 10px 7px;text-align: center;border-bottom: 1px solid #dde6f0;}
.leftArea .gnbTabArea #gnbTab1 div ul li{border-radius:2px;border:1px solid #cddbeb;border-top:none;padding:7px 0;background-color:#e8eef6;}
.leftArea .gnbTabArea #gnbTab1 div ul li a{color:#93acc7;font-size:13px;}
.leftArea .gnbTabArea #gnbTab1 div ul li:hover{border:1px solid #1f5aa0;background-color:#fff;}
.leftArea .gnbTabArea #gnbTab1 div ul li:hover a{color: #1f5aa0;}
.leftArea .gnbTabArea #gnbTab1 div ul li.on{border:1px solid #93acc7;background-color:#fff;}/*border:1px solid #1f5aa0;*/
.leftArea .gnbTabArea #gnbTab1 div ul li.on a{color: #1f5aa0;font-size:14px;}

.leftArea .gnbTabArea #gnbTab2 div{padding: 9px 7px 10px 7px;text-align: center;border-bottom: 1px solid #dde6f0;}
.leftArea .gnbTabArea #gnbTab2 div ul li{border-radius:2px;border:1px solid #cddbeb;border-top:none;padding:7px 0;background-color:#e8eef6;}
.leftArea .gnbTabArea #gnbTab2 div ul li a{color:#93acc7;font-size:13px;}
.leftArea .gnbTabArea #gnbTab2 div ul li:hover{border:1px solid #1f5aa0;background-color:#fff;}
.leftArea .gnbTabArea #gnbTab2 div ul li:hover a{color: #1f5aa0;}
.leftArea .gnbTabArea #gnbTab2 div ul li.on{border:1px solid #93acc7;background-color:#fff;}/*border:1px solid #769ad3*/
.leftArea .gnbTabArea #gnbTab2 div ul li.on a{color: #1f5aa0;font-size:14px;}

.leftArea .gnbTabArea #gnbTab3 div{padding: 9px 7px 10px 7px;text-align: center;border-bottom: 1px solid #dde6f0;}
.leftArea .gnbTabArea #gnbTab3 div ul li{border-radius:2px;border:1px solid #cddbeb;border-top:none;padding:7px 0;background-color:#e8eef6;}
.leftArea .gnbTabArea #gnbTab3 div ul li a{color:#93acc7;font-size:13px;}
.leftArea .gnbTabArea #gnbTab3 div ul li:hover{border:1px solid #1f5aa0;background-color:#fff;}
.leftArea .gnbTabArea #gnbTab3 div ul li:hover a{color: #1f5aa0;}
.leftArea .gnbTabArea #gnbTab3 div ul li.on{border:1px solid #93acc7;background-color:#fff;}/*border:1px solid #1f5aa0;*/
.leftArea .gnbTabArea #gnbTab3 div ul li.on a{color: #1f5aa0;font-size:14px;}


/*========== top_area ==========*/
.top_area {overflow:hidden;   position:relative; }/*padding: 10px; background:#1aa3c8;  */
.top_area:after{content:"";display:block;clear:both;}



/*========== navi_area ==========*/
.navi_area {height:34px;padding: 20px;background: #0974e6;}/*margin:0 0px 10px 0px;*/
.navi_area p a {display:block;}
.navi_area p.catego {position:absolute; left:10px; top:11px; width:60px;}/*top:10px;*/
.navi_area p.login {position:absolute; left:80px; top:11px; width:60px;}/*top:10px;*/
.navi_area p.logo {width:205px;  margin:0 auto 0 auto; }/*width:200px;padding:7px 0 0 0;*/
.navi_area p.logo a {display:block;  }
.navi_area p.mylib {position:absolute; right:85px; top:11px; width:60px;}/*top:10px;*/
.navi_area p.menu {position:absolute; right:10px; top:11px; width:60px;}/*top:10px;*/
.navi_area p a img{width:85%;}
.navi_area p.logo a img{width:110%;}

/*========== search_area ==========*/
.search_area {position:relative;overflow:hidden;width:500px;margin:auto;background-color:#fff;margin-top: 35px;}/*width:90%;*/
.search_area:after{content:"";display:block; clear:both;}
.search_area span.search {display:block;overflow:hidden;border: 3px solid #3677e0;height: 38px;box-sizing: border-box;padding-right: 45px;}
.search_area span.search input[type="text"] {width:100%;padding:1px;background:#fff;height: 32px;border:none;border-radius:0;}/*height:29px;*/
.search_area a.schBtn {display:block;position:absolute;right:0px;top: 8px;width: 40px;}/*width:75px;*/

/*========== want_area ==========*/
.want_area {position:relative; overflow:hidden; width:100%;margin:auto; background-color:#fff;margin-top:10px;}/*width:90%;*/
.want_area:after{content:"";display:block; clear:both;}
.want_area span.want {display:block;width:80%;  margin-left:10px; overflow:hidden; padding:0 27px 0 0; border:2px solid #05b3b9; border-radius:3px; moz-border-radius: 3px; -webkit-border-radius: 3px; }/*border:#205ea9;*/
.want_area span.want input[type="text"] {width:100%; padding:1px; background:#fff; height:25px; border:none;  border-radius:0;}/*height:29px;*/



/*========== contant ==========*/
.contant {margin-top:10px;}



/*========== notice_area ==========*/
.notice_area {padding:15px;   background:#ffffff;}
.notice_area ul li {margin:0 0 8px 0;}
.notice_area ul li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; height:16px; padding:0 0 0 11px; font-weight:bold; font-size:15px; line-height:16px; color:#313131; background:url('../images/mobile/notice_dot.png') no-repeat 0 4px;}
.notice_area ul li span{font-size:12px;color:#313131;display:block;float:right; padding-right:100px;}
.notice_area a.more {position:absolute; right:15px; top:12px;  font-size:11px; }

/*========== faq_area ==========*/
.faq_area {padding:15px; }
.faq_area ul li {margin:0 0 8px 0;}
.faq_area ul li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; height:16px; padding:0 0 0 15px; font-weight:bold; font-size:15px; line-height:16px; color:#313131; background:url('../images/mobile/notice_dot.png') no-repeat 0 4px;}




/*========== 공지 리스트,뷰 ==========*/
.notice {position:relative;}
.notice p.noticeListBtn {position:relative;bottom:-3px;float:right; padding-right:15px;}/*bottom:-5px;*/
.notice p.noticeListBtn a {display:block; width:45px; height:40px;}
.notice p.noticeListBtn a img {width:100%;}

.notice.view p.noticeTitle {font-size:15px; font-weight:bold; margin-bottom:10px; border-top:2px solid #1f5aa0;}
.notice.view p.noticeInfo {color:#9d9d9d;}
.notice.view p.noticeInfo span {margin:0 2px; }
.notice.view .noticeTxt {padding:10px;}

.notice.list a.listBox {display:block; padding:5px; background:url('../images/mobile/listBoxArrow.png') no-repeat 97% 10px; border-top:1px solid #dde6f0;}
.notice.list a.listBox p.noticeTitle {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; font-size:15px; font-weight:bold; margin-bottom:1px; }
.notice.list a.listBox p.noticeInfo {color:#9d9d9d;}
.notice.list a.listBox p.noticeInfo span {margin:0 2px; }



/*========== best_book ==========*/
.best_bookArea {position:relative; text-align:center;}
.best_bookArea p.title {padding:10px 0 10px 40px; text-align:left; font-size:15px; line-height:17px;  font-weight:bold; }
.best_bookArea p.title span {color:#1f5aa0;}
.best_bookArea p.best_icon {position:absolute; left:1px; top:-33px;  width:20px; z-index:-1;}
.best_bookArea a.more {position:absolute; right:15px; top:2px;  font-size:22px;}



/*========== best_bookList ==========*/
.best_bookList { padding:10px 40px;text-align:center;}
.best_bookList .bx-wrapper {position:relative; z-index:1;}
.best_bookList .bxslider_best {margin:0 auto;}
.best_bookList .bxslider_best li {position:relative; padding:4px;height:200px; }
.best_bookList .bxslider_best li a.book {display:block; color:#313131; width:110px;  text-align:center;}
.best_bookList .bxslider_best li a.book span {display:block; text-align:left; }
.best_bookList .bxslider_best li a.book span.book_img {position:relative; overflow:hidden;  margin:0 auto 10px auto; width:110px;height:149px;}
.best_bookList .bxslider_best li a.book span.book_img:before {position:absolute; left:0; top:0; content:""; width:98.5%; height:99%; border:1px solid #ddd;}
.best_bookList .bxslider_best li a.book span.book_title {font-size:13px;  line-height:14px; letter-spacing:-0.1em;}
.best_bookList .bx-controls {position:absolute; right:0; left:0; bottom:0px;  }
.best_bookList .bx-controls .bx-controls-direction {display:none;}
.best_bookList .bx-controls .bx-pager {display:inline-block; margin:0 auto;}
.best_bookList .bx-controls .bx-pager .bx-pager-item {float:left; margin:0 0 0 10px;}
.best_bookList .bx-controls .bx-pager .bx-pager-item a {display:block;outline:0; width:10px; height:10px; background:#dde6f0; text-indent:-9999px;
border-radius:5px; moz-border-radius: 5px; -webkit-border-radius: 5px; }
.best_bookList .bx-controls .bx-pager .bx-pager-item a.active {background:#1f5aa0;}



/*========== 신간/추천 tabArea  ==========*/
.tabArea {background:#fff; box-shadow:0 0 5px #d3d7db;border-radius:3px; moz-border-radius:3px; -webkit-border-radius: 3px;  border-top:2px solid #1f5aa0;}

/* tabs */
.tabArea ul.tabs {}
.tabArea ul.tabs:after{content:"";display:block;clear:both;}
.tabArea ul.tabs li {position:relative; float:left; width:49.8%; height:36px; background:#fafcfd; font-size:15px; line-height:36px; font-weight:bold; text-align:center; color:#93acc7; border-bottom:1px solid #dde6f0; border-left:1px solid #dde6f0;}
.tabArea ul.tabs li:first-child {border-left:0px solid #dde6f0;}
.tabArea ul.tabs li span.title {}
.tabArea ul.tabs li span.page {position:absolute; right:10px; top:0px; font-weight:normal;}
.tabArea.tab3 ul.tabs li {width:24.7%; font-size:12px; }
.tabArea.tab4 ul.tabs li {width:33.1%; font-size:12px; }
/* tabs_active */
.tabArea ul.tabs li.active {color:#fff;  background:#205ea9; border-bottom:1px solid #fff; }
.tabArea ul.tabs li.active  span.page {color:#1f5aa0;}

/* tab_content */
.tabArea .tab_content {overflow:hidden; position:relative; min-height:290px; }
.schBtn img{
    width: 22px;
}/*width: 75px;height: 27px;*/
.view_box{margin-top:5px;margin-bottom:5px;border:1px solid #fff} 
.view_box .cont{position:relative;padding:14px 1px 19px 24px;}
.view_box .cont span{font-size:13px;color:#1f5aa0;text-align:center; padding:1px 5px 10px 0;}


/*========== 공지사항/FAQ tabArea  ==========*/
.tabArea_notice {background:#ffffff;}

/* tabs */
.tabArea_notice ul.tabs_notice {}
.tabArea_notice ul.tabs_notice:after{content:"";display:block;clear:both;}
.tabArea_notice ul.tabs_notice li {position:relative; float:left; width:100%; height:36px; background:#ececec; font-size:15px; line-height:36px; font-weight:bold; text-align:center; color:#93acc7;}
 
.tabArea_notice ul.tabs_notice li span.title {font-size:15px;}
.tabArea_notice ul.tabs_notice li span.page {position:absolute; top:0px; font-weight:normal;}
.tabArea_notice.tab3_notice ul.tabs_notice li {width:50%; font-size:12px; }

/* tabs_active */
.tabArea_notice ul.tabs_notice li.active1 {color:#ffffff;  background:#205ea9; font-size:15px;border-bottom:1px solid #fff; }
.tabArea_notice ul.tabs_notice li.active1  span.page {color:#1f5aa0;}

/* tab_content */
.tabArea_notice .tab_content_notice {overflow:hidden; position:relative; min-height:100px;border-bottom:2px solid #144190; }
.tabArea_notice a.more {position:absolute; right:10px; color:#ffffff; font-size:20px; font-weight:bold;}


/* tabBookArea */
.tabBookArea { padding:20px 10px; text-align:center;}
.tabBookArea .bx-wrapper {margin:0 auto;}
.tabBookArea ul {}
.tabBookArea ul li a {display:block;}
.tabBookArea ul li a span {display:block; text-align:left;}
.tabBookArea ul li a span.book_img {position:relative; overflow:hidden;  margin:0 auto 10px auto; width:110px;height:149px;}
.tabBookArea ul li a span.book_img:before {position:absolute; left:0; top:0; content:""; width:97.5%; height:98.5%; border:1px solid #ddd;}
.tabBookArea ul li a span.book_title {font-size:13px;  line-height:14px; letter-spacing:-0.1em;}

 

/* bx-pager */
.tabBookArea .bx-controls .bx-pager {padding-top:12px; font-size:15px; color:#93acc7; text-align: center;}

/* bx-prev, bx-next */
.tabBookArea .bx-controls {position:absolute; left:0; bottom:0px; width:100%; height:46px; border-top:1px solid #dde6f0;}
.tabBookArea .bx-controls .bx-controls-direction a {position:absolute;  display:block; width:40px; height:19px;  padding:28px 5px 5px 5px;  font-size:11px; text-align:center; color:#93acc7;
background-image:url('../images/mobile/bx_PrevNext.png'); background-repeat:no-repeat;}
.tabBookArea .bx-controls .bx-controls-direction a.bx-prev {left:0; top:0; background-position: 18px 5px; border-right:1px solid #dde6f0;}
.tabBookArea .bx-controls .bx-controls-direction a.bx-next {right:51px; top:0; background-position: -50px 5px; border-left:1px solid #dde6f0;}
.tabBookArea p.bxMore {position:absolute; right:0; bottom:0; display:block;  text-align:center;  background:url('../images/mobile/bxMore.png') no-repeat 15px 5px; border-left:1px solid #dde6f0;}
.tabBookArea p.bxMore a {display:block; color:#93acc7;width:40px; height:13px;  padding:28px 5px 5px 5px;  font-size:11px;}




/*========== subPageArea ==========*/
.subPageArea {background:#fff; border-radius:3px; moz-border-radius:3px; -webkit-border-radius: 3px;}/*border-top:3px solid #1f5aa0;box-shadow:0 0 5px #d3d7db;*/

/*이용안내 select박스*/
.subPageArea1 div.site_list{margin: 0 5px;background:url('../images/mobile/useguide.png') no-repeat 10px 5px;}
.subPageArea1 div.site_list a{color: #111; display: block;padding: 8px 4px 0 39px; border: 2px solid #2fa439;height: 28px;font-size: 14px;background:url('../images/mobile/arrow_top_n_g.png') no-repeat right center;}
.subPageArea1 div#site_list a{color: #111; display: block;padding: 8px 4px 0 39px; border: 2px solid #2fa439;height: 28px;font-size: 14px;background:url('../images/mobile/arrow_top_n_g.png') no-repeat right center;}
.subPageArea1 div.site_list div{border: 1px solid #cbcbcb;}
.subPageArea1 div.site_list div ul{padding: 5px 0;}
.subPageArea1 div.site_list div ul li{margin: 0 0 5px 0;font-size: 14px;line-height: 15px;}
.subPageArea1 div.site_list div ul li a{border: 1px solid #ccc;padding: 8px 10px 0 10px;height: 24px;background: #fff;margin: 0 5px;  color: #666;}
.subPageArea1 div.site_list div ul li a:hover{background: #2fa439;border: 1px solid #2fa439;color:#fff;}
.subPageArea1 div.site_list div ul li a.on{background: #2fa439;border: 1px solid #2fa439;color:#fff;}




/* top2016-07-03*/ 
.subPageArea ul.topNavi,.subPageArea .pageTop {right:0;padding:10px;  background:#fafcfd; border-bottom:1px solid #dde6f0;}
.subPageArea ul.topNavi:after {content:""; display:block; clear:both;}
.subPageArea ul.topNavi li {color:#999; font-size:12px;text-align:right;line-height:13px;background:url('/img/location_kan.gif') no-repeat right center; float:right; padding:0 10px}
.subPageArea ul.topNavi li:first-child {background:none;}
.subPageArea ul.topNavi li.nobu {padding-left:0px; margin-right:0px;  background:none;}
.subPageArea ul.topNavi li.icon a{display:block;width:13px;height:13px;text-indent:-999px;overflow:hidden;background:url('/img/ic_home.gif') no-repeat left center}

.subPageArea ul.topNavi1,.subPageArea .pageTop {padding:10px;  background:#fafcfd; border-bottom:1px solid #dde6f0;border-top:3px solid #1f5aa0;}
.subPageArea ul.topNavi1:after {content:""; display:block; clear:both;}
.subPageArea ul.topNavi1 li {float:left; padding-left:10px; margin-right:10px; font-size:13px; line-height:17px; font-weight:bold; color:#313131; background:url('../images/mobile/topNaviBg.png') no-repeat 0 2px; }
.subPageArea ul.topNavi1 li:first-child {padding-left:0px; margin-right:10px;  background:none;}
.subPageArea ul.topNavi1 li.nobu {padding-left:0px; margin-right:0px;  background:none;}

.subPageArea ul.topNavi2,.subPageArea .pageTop {right:0;padding:10px;  background:#fff; border-bottom:1px solid #dde6f0;}
.subPageArea ul.topNavi2:after {content:""; display:block; clear:both;}
.subPageArea ul.topNavi2 li {color:#999; font-size:12px;text-align:left;line-height:13px;float:left; padding:0 0}
.subPageArea ul.topNavi2 li:first-child {background:none;}


/*========== bookInfoArea ==========*/
.bookInfoArea {position:relative; padding:10px; min-height:137px; border-bottom:1px solid #dde6f0;}
.bookInfoArea p.bookImg {position:absolute; left:10px; top:10px; display:block;  overflow:hidden; width:100px; border:1px solid #dde6f0;}
.bookInfoArea p.bookImg a {display:block; }
.bookInfoArea p.bookImg img {width:100%;  height:137px;}
.bookInfoArea dl.bookInfo {margin-left:110px;  overflow:hidden; width:50%; color:#313131;position: relative;padding-bottom: 15px;}
.bookInfoArea dl.bookInfo dt {margin-bottom:5px; line-height:18px; font-size:16px; font-weight:bold; }
.bookInfoArea dl.bookInfo dd {line-height:14px; margin-bottom:10px;}
.bookInfoArea dl.bookInfo dd:last-child{margin-bottom:0px;}
/*.bookInfoArea p.btnArea {padding:15px 5px 1px 10px;height:10px;}*/
.bookInfoArea p.btnArea ul li{padding:0 10px;}
.bookInfoArea p.btnArea:after {content:""; display:block; clear:both;}
.bookInfoArea p.btnArea a {padding-bottom:5px;display:block;float:left;margin-right:5px;}
.bookInfoArea p.nobook {display:none;}
/* 정보없을경우 */
.bookInfoArea.nolibrary {text-align:center; font-size:22px; line-height:135px;font-weight:bold;}
.bookInfoArea.nolibrary p.noBook {display:block;}
/* 경우에수 */
.bookInfoArea.dlw60 dl.bookInfo {width:62%;}



/*========== detailViewArea_상세정보 ==========*/
/* bookInfoArea */
.detailViewArea .bookInfoArea dl.bookInfo {width:60%; color:#313131;padding-bottom:15px;min-height:137px;}
.detailViewArea .bookInfoArea dl.bookInfo dd.spot {font-weight:bold;}
/*.detailViewArea .bookInfoArea p.btnArea {top:auto; bottom:10px;left:115px;}*/
/* bookInfoTab*/
.detailViewArea .bookInfoTab {}
.detailViewArea .bookInfoTab ul.tabs { background:url('../images/mobile/bookInfoTabBg.png') repeat-x 0 36px #fbfcfe; }
.detailViewArea .bookInfoTab ul.tabs:after {content:""; display:block; clear:both; }
.detailViewArea .bookInfoTab ul.tabs li {float:left; padding:10px; color:#93abc7; }
.detailViewArea .bookInfoTab ul.tabs li.active { color:#000; border-bottom:1px solid #1f5aa0;}
.detailViewArea .bookInfoTab .tab_container {padding:10px; }



/*========== pbook_list_상단검색영역 ==========*/
.bookListTopArea {margin:10px 0; }
.bookListTopArea .btnArea {float:right; margin-bottom:5px;}
.bookListTopArea .btnArea img {width:100% !important;}
.bookListTopArea .btnArea a.alignBtn {float:left; display:block; width:87px ; margin-right:10px;}
.bookListTopArea .btnArea a.searchBtn {float:left;display:block; width:30px ;}
.bookListTopArea .search_area { clear:both; }
.bookListTopArea .search_area select {height:25px; margin-right:5px;}
.bookListTopArea .search_area span.search {padding: 0 45px 0 0;border:none;  border-radius:0px; moz-border-radius: 0px; -webkit-border-radius: 0px;}
.bookListTopArea .search_area span.search input[type="text"] {height:22px; border:1px solid #aaa; }
.bookListTopArea .search_area a.btn {position:absolute; right:0; top:0; padding:4px 5px 4px 5px;}
.bookListTopArea .search_area a.btn input[type="button"] {width:100%; padding:0; background:none; border:none;  vertical-align: top; text-align:center;  line-height: 13px; color:#1f5aa0;}
.bookListTopArea .btnArea,
.bookListTopArea .search_area:after {content:""; display:block; clear:both; }



/*========== 로그인 ==========*/
.loginBoxArea {position:relative; overflow:hidden; height:240px; padding:5px 30px 0 30px;}
.loginBoxArea p.title {display:block; font-size:16px; font-weight:bold;  margin-bottom:10px; }
.loginBoxArea .loginBox {padding:30px 0; border-top:2px solid #1f5aa0; text-align:center; border-bottom:1px solid #e7e7e6; margin-bottom:10px;}/*background:url('/img/loginBg.png') no-repeat 174px 101px;*/
.loginBoxArea .loginBox .login {position:relative; display:inline-block; text-align:left;}
.loginBoxArea .loginBox .login:after {content:""; display:block; clear:both;}
.loginBoxArea .loginBox .login ul {float:left;}
.loginBoxArea .loginBox .login ul li {overflow:hidden; margin-bottom:5px; }
.loginBoxArea .loginBox .login ul li label > span {display:block; float:left; width:60px; line-height:28px; }
.loginBoxArea .loginBox .login ul li input.inp_login {float:left; width:242px; height:28px; border:1px solid #e7e7e6;}/*width:121px;height:21px;*/
.loginBoxArea .loginBox .login input.loginBtnBig {float:left; margin-left:5px; }
.loginBoxArea .loginBox .login p.idCheck {margin-left:61px; clear:both;}

.loginBoxArea p.btns:after {content:""; display:block; clear:both;}
.loginBoxArea .btns li{background:url('/img/login_dot.png') no-repeat 0px 5px;padding-left:10px;padding-bottom:5px;line-height: 18px;font-size:12px;}

.subPageArea nav.location{position:absolute; z-index:10; top:130px; right:0;}
.subPageArea nav.location ul::after{display:block;clear:both;content:''}
.subPageArea nav.location ul li {line-height:13px;background:url('/img/location_kan.gif') no-repeat left center; float:left; padding:0 10px}
.subPageArea nav.location li:first-child{background:none}
.subPageArea nav.location li.icon a{display:block;width:13px;height:13px;text-indent:-999px;overflow:hidden;background:url('/img/ic_home.gif') no-repeat left center}
.subPageArea nav.location ul li a{color:#999; font-size:12px}
.subPageArea nav.location ul li a.current{font-weight:800}

/* 2016.08.17_셀렉트박스 추가 */
.subPageArea .top_list_box{padding:5px 0 15px 0;height:21px; border-top:1px solid #dde6f0;border-bottom:1px solid #dde6f0;}
.subPageArea .top_list_box ul{float:left;width:100%;}
.subPageArea .top_list_box ul li{float:left;margin-left:7px;width:47.9%;}
.subPageArea .top_list_box ul li.list_sec{float:right;margin-left:0px;margin-right:7px;}
.subPageArea .top_list_box ul li select{
  font-family: inherit;  /* 폰트 상속 */
  width:100%;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #f2f2f2;
  font-size:15px;color:#dc6c37;
  font-weight:bold;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  background-color:#ffffff !important;
  background: url('/img/select_arr.png') no-repeat 95% 50%;  /* 화살표 모양의 이미지 */ 
  background-size:14px;
  padding:6px 2px 6px 5px;
  }
  /* IE 10, 11의 네이티브 화살표 숨기기 */
.subPageArea .top_list_box ul li select::-ms-expand { display: none;}

/*오른쪽 탑이미지*/
.gotop {position:fixed; _position:absolute; left:87%; top:90%; width:38px; height:38px; background-color:#56a2df; z-index:3; 
	/* firefox's individual border radius properties */
	-moz-border-radius:19px; 

	/* webkit's individual border radius properties */
	-webkit-border-radius:19px;

	border-radius:19px;
}
.gotop div {z-index:4; display:block; position:relative; width:38px; height:38px; background:url("/img/top_scroll.png") no-repeat 7px 10px;}

/* 2016.08.24 푸터 주소  */
.footer_text_u{text-align:center;margin-top: 30px;}
.footer_text_u li{font-size:10px;}
legend{display:none}
.tbl_type,.tbl_type th,.tbl_type td{border:0;width:300%;}
.tbl_type{width:100%;border-top:1px solid #999;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed}
.tbl_type caption{display:none}
.tbl_type th{padding:5px 0 4px;border-bottom:solid 1px #d2d2d2;background-color:#f1f1f4;color:#333;font-weight:bold;line-height:18px;vertical-align:top}
.tbl_type td{padding:8px 0 5px 10px;border-bottom:solid 1px #d2d2d2;text-align:left}
.tbl_type td.cont{padding:20px;line-height:1.4em}

#footer{clear:both;margin:0;padding:13px 0 0px;margin-top: 30px;border-top:1px solid #dedede;text-align:center}
#footer ul,#footer li,#footer a,#footer strong,#footer img,#footer em,#footer address,#footer span{margin:0;padding:0;color:#333;font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px;line-height:normal;list-style:none;font-style:normal}
#footer a{color:#444;text-decoration:none}
#footer a:visited{color:#666;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer ul{margin:0 0 10px}
#footer ul li a:hover,#footer ul li a:hover strong{color:#438a01}
#footer ul li.frst{padding:0 3px 0 0;background:none}

#footer address{font-family:Verdana;font-size:9px;line-height:14px}
#footer address img{vertical-align:middle}
#footer address a{color:#444;font-family:Tahoma;font-size:9px;font-weight:bold}
#footer address a:hover{color:#009bc8}
#footer address span{padding-left:2px;font-family:Verdana;font-size:9px;line-height:14px}
#footer address em{padding-left:6px;font-family:Verdana;font-size:10px}
#footer address .logo{display:inline-block;*display:inline;vertical-align:top;*vertical-align:baseline}
#footer address .logo_v1{position:relative;top:-2px}
.paging { text-align: center; margin-top:10px;margin-bottom:30px;}
.paging span { padding:0 3px; }
.paging span a {  color:#545765; font-family: sans-serif; }
.paging span a:hover { color: #000; }
.paging .sel { color: #000;font-weight:bold; }

#page_navi{margin-top:30px;text-align:center}
#page_navi .btn{display:block;float:left;padding:5px 11px 5px 10px;margin-left:10px}
#page_navi .btn:first-child{margin-left:0}
 
#page_navi .btn span{font-size:13px;line-height:22px}
#page_navi a:after{clear:both;display:block;content:'';*zoom:1}
#page_navi .page_num{display:inline-block;*display:inline;}
#page_navi .page_num li{float:left;margin:0 0 0 4px}
#page_navi .page_num li.n .sel{display:block;padding:5px 11px 5px 10px;font-size:15px;font-weight:bold;line-height:20px;color:##5a5a5a;border:1px solid #959595}
#page_navi .page_num li.n a{display:block;padding:5px 11px 5px 10px;font-size:15px;line-height:20px;border:1px solid #ddd;background-color:#fff}
#page_navi .page_num li.n a:hover{background:#eee;color:##5a5a5a;border:1px solid #959595}
#page_navi .page_num ul:after{clear:both;display:block;content:'';*zoom:1}

.tbl_type1,.tbl_type1 th,.tbl_type1 td{border:0}
.tbl_type1{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse}
.tbl_type1 caption{display:none}
.tbl_type1 tfoot{background-color:#f5f7f9;font-weight:bold}
.tbl_type1 th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
.tbl_type1 td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}