@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* 스마트폰 (세로) */
@media all and (max-width : 480px), (orientation : portrait){
  #main_wrap { width:98% !important; margin:0 auto; padding:1.5em 0 1.5em 0; clear:both; box-sizing:border-box}
  /* 로그인 */
  .login_wrap { width:100%; height:45px; float:left; border-bottom:1px solid #c7c7c7 !important; text-align:center !important } 
  .slogin_wrap { width:100%; height:45px; float:left; border-bottom:1px solid #c7c7c7 !important; text-align:center !important } 
  .rlogin_wrap { display:none;}
  .line03 { display:none; }
  /* 카테고리 리스트 */
 .category_list { width:100%; float:left; padding:0 1%}
 .clist { width:100%; height:auto; display:block; margin:0 auto; margin-top:10px; border-top:1px solid #c4c4c4;}
 .clist li { width:50%; border-bottom:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; float:left; text-align:center; box-sizing: border-box; background:#fff; font-size:13px}
 .clist li a {padding:0.4em 0; text-align:center; display:block; color:#3a3a3a;}
 .clist li:nth-child(2n) { border-left:none; box-sizing: border-box;}
 .clist li:nth-child(4n-1) { background:#fbfbfb}
 .clist li:nth-child(4n) { background:#fbfbfb}
  /* 서브 리스트 */ 
 .booklist01 { width:100%; float:left; }
 .booklist02 { width:100%; float:left; }
 .cover { float:left; width:35%; text-align:center}
 .cover img { border:1px solid #c4c4c4; clear:both; width:90%; }
 .cover .bookc { width:auto; padding:5px 20px; background:#c6b100; font-size:13px; position:relative; top:-4px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; font-weight:600;}
 .binfo { float:left; width:62%; margin-left:3%;}
 .binfo .text01, .binfo .text03, .binfo .text04, .binfo .text05 { font-size:14px;}
 .booklist02 > binfo > .text01, .booklist02 > binfo > .text03, .booklist02 > binfo > .text04, .booklist02 > binfo > .text05 { font-size:12px; line-height:2}
 .booklist02 > binfo > .text02 { font-size:15px; line-height:2; font-weight:600;}
 .binfo .text02 { font-size:15px; font-weight:600;}
 .line01, .line02 { float:left; width:100%; height:10px; margin-bottom:10px; border-bottom:1px solid #e1e1e1;}
 
 
}


/* 스마트폰 (가로) */
@media only screen and (min-width : 481px) and (max-width : 767px) and (orientation : landscape){
  #main_wrap { width:67% !important; margin-top:1.5em; padding:0 1%; float:left; border-right:1px solid #e1e1e1}
  /* right login */
 .login_wrap { display:none;}
 .rlogin_wrap { width:31% !important; float:right !important; height:auto !important; min-height:80px; margin-right:1%; padding:20px; margin-top:1.5em; display:block !important; border:1px solid #b7b7b7; box-sizing: border-box; color:#606060; text-align:center !important }
 .line03 { width:31% !important; float:right !important; height:1px; background:#e1e1e1; margin-top:10px; box-sizing: border-box; margin-right:1%;}
 .slogin_wrap { width:100%; height:45px; float:left; border-bottom:1px solid #c7c7c7 !important; text-align:center !important } 
 .latest03 span.text01, .latest03 span.text03, .latest03 span.text04, .latest03 span.text05 { font-size:10px !important}
  /* 카테고리 리스트 */
 .category_list { width:31%; float:right; margin-right:1%; padding:0;}
 .clist { height:auto; display:block; margin:0 auto; margin-top:10px; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4 ;}
 .clist li { width:100%; border-left:1px solid #c4c4c4 !important; border-right:1px solid #c4c4c4; float:left; text-align:center; box-sizing: border-box; background:#fff; font-size:13px}
 .clist li a {padding:0.4em 0; text-align:center; display:block; color:#3a3a3a; border-bottom:1px solid #c4c4c4 }
 .clist li:nth-child(2n) { box-sizing: border-box; background:#fbfbfb !important}
 .clist li:nth-child(4n-1) { background:#fff}
 .ctitle { display:none;}
 .latest03 p {float:right; font-size:13px !important; width:50%;}
  /* 서브 리스트 */ 
 .booklist01 { width:48% !important; float:left !important; box-sizing:border-box; }
 .booklist02 { width:48% !important; float:left !important; box-sizing:border-box; }
 .cover { float:left; width:35%; text-align:center}
 .cover img { border:1px solid #c4c4c4; clear:both; width:90%; }
 .cover .bookc { width:auto; padding:5px 20px; background:#c6b100; font-size:13px; position:relative; top:-4px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; font-weight:600;}
 .binfo { float:left; width:62%; margin-left:3%;}
 .binfo .text01, .binfo .text03, .binfo .text04, .binfo .text05 { font-size:14px;}
 .binfo .text02 { font-size:13px; font-weight:600;}
 .line01 { float:left !important; width:1px; margin:3% 1%; background:#e1e1e1; border-bottom:none !important}
 .line02 { float:left; width:100%; height:5px; margin-bottom:5px; border-bottom:1px solid #e1e1e1;}
}

 
/* 아이패드 가로 */
@media all and (min-device-width : 768px) and (max-device-width : 1024px)  {
 #main_wrap { width:67% !important; margin-top:1.5em; padding:0 1%; float:left; border-right:1px solid #e1e1e1}
 /* right login */
 .login_wrap { display:none;}
 .rlogin_wrap { width:31% !important; float:right !important; height:auto !important; min-height:80px; margin-right:1%; padding:20px; margin-top:1.5em; display:block !important; border:1px solid #b7b7b7; box-sizing: border-box; color:#606060; text-align:center !important; }
 .line03 { width:31% !important; float:right !important; height:1px; background:#e1e1e1; margin-top:10px; box-sizing: border-box; margin-right:1%; display:block}
 .slogin_wrap { width:100%; height:45px; float:left; border-bottom:1px solid #c7c7c7 !important; text-align:center !important } 
 .meminfo_btn {}
 .latest03 span.text02 { font-weight:bold; color:#4165ad !important; font-size:14px !important;}
 /* 카테고리 리스트 */
 .category_list { width:31%; float:right; margin-right:1%; padding:0; }
 .clist { height:auto; display:block; margin:0 auto; margin-top:10px; border-top:1px solid #c4c4c4; }
 .clist li { width:100%; border-left:1px solid #c4c4c4 !important; border-right:1px solid #c4c4c4; float:left; text-align:center; box-sizing: border-box; background:#fff; font-size:13px}
 .clist li a {padding:0.4em 0; text-align:center; display:block; color:#3a3a3a; border-bottom:1px solid #c4c4c4 ;}
 .clist li:nth-child(2n) { box-sizing: border-box; background:#fbfbfb !important; border-top:none}
 .clist li:nth-child(4n-1) { background:#fff}
 .ctitle { display:none;}
 .latest03 p {float:right; font-size:13px !important; width:50%;}
  /* 서브 리스트 */ 
 .booklist01 { width:48% !important; float:left !important; box-sizing:border-box; }
 .booklist02 { width:48% !important; float:left !important; box-sizing:border-box; }
 .cover { float:left; width:35%; text-align:center}
 .cover img { border:1px solid #c4c4c4; clear:both; width:90%; }
 .cover .bookc { width:auto; padding:5px 20px; background:#c6b100; font-size:13px; position:relative; top:-7px; color:#fff; font-weight:600;}
 .binfo { float:left; width:62%; margin-left:3%;}
 .binfo .text01, .binfo .text03, .binfo .text04, .binfo .text05 { font-size:14px;}
 .binfo .text02 { font-size:15px; font-weight:600;}
 .line01 { float:left !important; width:1px; margin:3% 1%; background:#e1e1e1; border-bottom:none !important}
 .line02 { float:left; width:100%; height:5px; margin-bottom:5px; border-bottom:1px solid #e1e1e1;}
}


/* common */
* {margin:0; padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;-webkit-appearance:none;}
html, body { height: 100%;}
body {font-family: "Nanum Gothic", sans-serif; font-size:16px; line-height:1.5; background:#f1f5f5; letter-spacing:-0.08em}
ul li { list-style:none;}
a:link, a:hover, a:visited { color:#706f6f; text-decoration:none}
.searchinput { width:80%;}
.searchinput placeholder { font-size:12px !important;}
.fright { float:right;}


/* layout */
#wrap { width:100%; min-height: 100%; height:100% !important; display:block;}
#swrap { width:100% !important; min-height: 100%; height:100% !important; display:block; }
#header_wrap { width:100%;}
.head { width:100%; height:55px; background:#33afe9; float:left}

.lmenu_btn { float:left; margin-left:2%; line-height:55px;}
.head h1.logo { margin:0 auto; text-align:center; width:50%; line-height:55px; position:absolute; left:50%; margin-left:-25%;} 
.head h1.logo img { max-height:35px; width:auto; vertical-align:middle; margin-top:-5px}
.sch_bth { float:right; margin-right:1%; line-height:55px;}
.sch_bth img { width:75%; height:auto; vertical-align:middle;}
.lmenu_btn img { max-height:19px; width:79%; height:auto; vertical-align:middle;}

nav .gnb { width:100%; height:45px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background:#fff; float:left; text-align:center; }
nav .gnb li { display:inline-block; line-height:45px; font-size:1em; background:url(../img/menu_line01.png) no-repeat right center; padding-right:6px; }
nav > .gnb > li.actived > a { color:#4565ad; border-bottom:3px solid #4565ad; box-sizing:border-box}
nav .gnb li:first-child { padding-left:0 !important;}
nav .gnb li:last-child { background:none}
nav .gnb li a { display:block; height:42px; font-weight:600; padding:0 0.3em;}

#sub_wrap { width:100% !important; padding:1.5em 1%; float:left;}


/* 서브 탭 메뉴 */
.infotab { width:100%; float:left; border-bottom:1px solid #a1a1a1; position:relative; top:-2px; margin-top:10px;}
.tapOn { padding:10px 20px; float:left; border:1px solid #a1a1a1; border-left:none !important; border-bottom:1px solid #f1f5f5 !important; z-index:9999; color:#0076be; font-weight:600; position:relative; top:1px; background:#f1f5f5}
.tapOn #sub01Tap { border-left:1px solid #f1f5f5 !important;}
#sub01Tap { border-left:1px solid #a1a1a1 !important;}
.tapOff { padding:10px 20px; float:left; border-top:1px solid #a1a1a1; border-right:1px solid #a1a1a1; ground:#e1e1e1; position:relative; top:1px; background:#e1e1e1}
.tapDetail { width:100%; display:block; font-size:14px; -webkit-text-size-adjust:none; line-height:1.5; padding:20px 5px; float:left}


/* 로그인 */
.logininput { width:35%; border:1px solid #ccc; font-size:14px; margin:2px 1px 0 2px; padding:10px; }
.loginbtn { border-radius:5px; text-align:center; font-size:15px; font-weight:600; width:25%; color:#fff; padding:9px; border:1px solid #ccc; background:#32c5f4}
.logininfo { line-height:45px; color:#989fa9; font-size:15px;}
.logininfo strong { font-weight:600; color:#606060} 
.logoutbtn { border-radius:3px; text-align:center; font-size:15px; font-weight:600; /*width:25%;*/ color:#fff; padding:9px; border:1px solid #ccc; background:#e8308a}
a.logoutbtn { border-radius:3px; text-align:center; font-size:15px; font-weight:600; /*width:25%;*/ color:#fff; padding:10px 9px; border:1px solid #ccc; background:#e8308a}


/* 가로 로그인 */
.rlogininput { width:99%; border:1px solid #ccc; font-size:14px; margin:2px 1px 0 2px; padding:10px; }
.rloginbtn { border-radius:5px; text-align:center !important; font-size:15px; font-weight:600; width:99%; color:#fff; padding:9px; border:1px solid #ccc; background:#32c5f4; margin-top:5px; margin-left:2px;}
.rlogininfo { color:#989fa9; font-size:13px;}
.rlogininfo strong { font-weight:600; color:#606060} 
.rlogoutbtn { border-radius:5px; text-align:center; font-size:15px; font-weight:600; width:99%; color:#fff; padding:9px; border:1px solid #ccc; background:#e8308a; margin-top:5px; margin-left:2px;}


/* 메인 최근 도서 새로나온 책, 월간베스트 */
.latest01 { background:#fff; width:100%; height:auto; display:block; float:left; clear:both; margin-top:5px; margin-bottom:20px; padding:20px 0 0 0;}
.latest02 { background:#fff; width:100%; height:auto; display:block; float:left; clear:both; margin-top:5px; margin-bottom:20px; padding:20px 0 10px 0;}
.latest02 .content-slider li { position:relative;}
.latest02 .content-slider li .bestbg { position:absolute; top:1px; left:12%; background:url(../img/bestbg.png) no-repeat; background-size:100%; width:30%; height:30%; z-index:999; color:#fff; text-align:center; line-height:1.2 !important; padding-top:3px}
.content-slider li {text-align:center !important;}
.content-slider li img {border:1px solid #c4c4c4; width:75%; height:auto;}


/* 메인 최근 도서 추천도서 */
.latest03 { width:100%; height:auto; display:block; float:left; clear:both; margin-top:5px; margin-bottom:20px; padding:20px 5px 10px 5px; box-sizing: border-box;}
.latest03 li { float:left; width:48%; display:inline-block; margin-bottom:20px;height:100px}
.latest03 li:nth-child(2n) { float:right;}
.latest03 li:nth-child(2n) p { clear:both;}
.latest03 p {float:right; font-size:11px; width:53%;}
.latest03 span { color:#706f6f; -webkit-text-size-adjust:none }
.latest03 span.text02 { font-weight:bold; color:#4165ad !important}
.latest03 li img {border:1px solid #c4c4c4; width:45%; height:auto; float:left}


/* 서브페이지 도서목록 */
h2.pagetitle { text-align:center; border-bottom:1px solid #000; border-top:3px solid #000; width:100%; padding:8px 0}
.booklist01 { height:auto; display:block; float:left; box-sizing: border-box; padding:10px 5px 10px 5px; }


/* 검색창 */
.search-area {height:55px; background:#fff; display:none; position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.search-area #search-box {padding-left:10px;padding-right:80px; position:absolute; left:5px; width:92%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.search-area #search-box input {height:55px;width:100%;background:none;padding:0;margin:0;border:none; font-size:16px; color:#999}
.search-area #search-box-btn {position:absolute;top:0;right:40px;height:55px;width:55px;line-height:55px;
	background:url(../img/sch_btn3.png) 5px center no-repeat;
	-webkit-background-size:25px auto;
	-moz-background-size:25px auto;
	-o-background-size:25px auto;
	background-size:25px auto;
}
.search-area #close-box-btn {position:absolute;top:0;right:0;height:55px;width:55px;line-height:55px;
	background:#444 url(../img/sch_btn_close.png) 20px center no-repeat;
	-webkit-background-size:18px auto;
	-moz-background-size:18px auto;
	-o-background-size:18px auto;
	background-size:18px auto;
}


/* main wrap */
#main_wrap { }
.category_box { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%; height:auto; clear:both}
.category_box h2 { padding:0.5em 1em; font-size:1.3em; width:70%; display:inline-block}
.category_box .more_btn { float:right; display:inline-block;}
.category_box .more_btn img { width:50%; height:auto; text-align:right; margin-top:0.94em}


/* notice */
.notice_wrap { width:100%; height:40px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fff; float:left; margin-top:40px;}
.notice_wrap h3 { font-size:1em; float:left; width:auto; line-height:40px; padding:0 10px 0 5px;}
.notice_wrap .latest { font-size:1em; float:left; line-height:40px; color:#706f6f; }
.notice_wrap .more_btn2 { line-height:40px; height:40px; width:auto; float:right; text-align:right; margin-right:1%;}
.notice_wrap .more_btn2 img { max-height:15px; width:auto; vertical-align:middle; margin-top:-2px}


/* bottom */
.bottom_wrap { width:100%; height:140px !important; background:#706f6f; float:left; padding:30px 0 70px 0; }
.bottom_wrap .bottom_link, .bottom_wrap .bottom_link2 { width:100%; text-align:center; margin:0 auto;}
.bottom_wrap .bottom_link li { display:inline-block; margin-right:7px;}
.bottom_wrap .bottom_link li:last-child { margin-right:0 !important}
.bottom_wrap .bottom_link li a { color:#fff; padding:0.3em 0.7em; font-size:0.8em; border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.bottom_wrap .bottom_link li a:visited { color:#fff;}
.bottom_wrap .bottom_link2 li { display:inline-block; margin-top:15px; background:url(../img/menu_line02.png) no-repeat right center; padding-right:6px;}
.bottom_wrap .bottom_link2 li:last-child { background:none; padding-right:0}
.bottom_wrap .bottom_link2 li a { color:#fff; font-size:0.8em;}
.bottom_wrap .bottom_link2 li a:visited { color:#fff;}


/* color */
.color01 { color:#f9b000;}
.color02 { color:#4165ad;}
.color03 { color:#e8308a;}


/* bgcolor */
.bgcolor01 { background:#f9b000; color:#fff !important}
.bgcolor02 { background:#4165ad; color:#fff !important}
.bgcolor03 { background:#e8308a; color:#fff !important}
.bgcolor04 { background:#4165ad; color:#fff !important; border:1px solid #26478a}
.bgcolor05 { background:#ededed; color:#707070 !important; border:1px solid #bababa}
.bgcolor01 a { color:#fff !important;}
.bgcolor02 a { color:#fff !important;}
.bgcolor03 a { color:#fff !important;}
.bgcolor04 a { color:#fff !important;}
.bgcolor05 a { color:#707070 !important;}


/* btn */
.btn01 { border-radius:5px; text-align:center; font-size:17px; font-weight:600; width:80%;}
.btn01 a { padding:10px 0; width:100%; display:block;}
.btn02 { border-radius:5px; text-align:center; font-size:17px; font-weight:600; width:80%;}
.btn02 a { padding:10px 0; width:100%; display:block;}
.btn03 { border-radius:5px; text-align:center; font-size:17px; font-weight:600; width:30%;}
.btn03 a { padding:10px 0; width:100%; display:block;}

button.btn01 { border-radius:3px; text-align:center; font-size:16px; font-weight:600; width:30%; margin-left:1%; border:1px solid; padding:8px 0}



/* margin */
.mt20 { margin-top:20px !important;}


/* slideMenu */
.mm-navbar { display:none !important;}
.mbookinfo { float:left; margin-left:2%; width:68% !important; display:block !important; font-weight:normal; font-size:12px; line-height:1.5;}
.mbookcover img { border:1px solid #e5e5e5 !important; float:left !important; width:28%; height:auto; background:#000000}
a.mbookcover { display:inline-block;}
.mbookinfo .mbooktitle { color:#4165ad !important; font-size:15px !important;}


/* pagination */
.pageNum { width:100%; text-align:center; float:left;}
.pagination { margin-top: 10px; }
.pagination { display: inline-block; padding-left: 0px; margin: 20px 0; border-radius: 4px; }
.pagination > li {display: inline;}
.pagination-sm { text-align:center;}
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 13px; display:inline-block}
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 8px 12px; margin-left: -1px; line-height: 1.4285; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; color: #7a7a7a; margin-right:5px }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0px;  }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #000; cursor: default; background-color: #e1e1e1;  font-weight:bold; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {  }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #c9c9c9; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }


/* 대출내역 */
.btngroup { width:100%; float:left; box-sizing:border-box; text-align:center; display:block; margin-bottom:10px; margin-left:0.5%; margin-top:20px;}
.btngroup2, .btngroup3 { width:100%; float:left; box-sizing:border-box; text-align:center; display:block; margin-bottom:0; margin-left:0.5%; margin-top:5px;}
.booklist02 { margin-top:10px;}
.btngroup > .btn01, .btngroup2 > .btn01 { border-radius:5px; text-align:center; font-size:15px; font-weight:600; width:24%; float:left; margin-right:1%; }
.btngroup > .btn02, .btngroup2 > .btn02 { border-radius:5px; text-align:center; font-size:15px; font-weight:600; width:24%; float:left; }
.btngroup3 > .btn01 { border-radius:5px; text-align:center; font-size:15px; font-weight:600; width:32%; float:left; margin-right:1%; }

.tabmenu { margin-bottom:20px; display:block; float:left; width:100%}
.pagetab { width:32%; float:left; margin-right:2%; text-align:center; box-sizing:border-box;}
.pagetab a { padding:15px 16%; font-size:15px; background:#e1e1e1; border:1px solid #707070; display:block; color:#706f6f}
.pagetab.active a { background:#0076be; border:1px solid #4565ad; color:#fff }
.pagetab.last { float:right !important; margin-right:0 !important}
.nolist {font-size:14px; font-weight:600; text-align:center; width:100%; height:200px; line-height:200px;}


/* 카테고리 */
.pathWrap {width:100%; height:60px; background:#fff; border-bottom:1px solid #c7c7c7; float:left; line-height:60px;}
.pathWrap img { width:34px; height:auto; margin-left:5px; position:relative; top:8px}
.pathWrap ul li { float:left; background:url(../img/arrowicon.png) no-repeat right center; padding:0 30px 0 10px; text-align:center; font-size:16px;}
.pathWrap ul li.on { font-weight:600; color:#0076be;}
.catelist li { width:100%; height:60px; border-bottom:1px solid #c7c7c7; display:block; line-height:60px; float:left; box-sizing:border-box; padding-left:10px;}
.catelist li a { width:100%; height:60px; display:block; background:url(../img/arrowicon2.png) no-repeat 95% center; background-size:7px auto}


.companyWOORI{width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#00a0c6;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companyKYOBO{width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#f77575;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companyTOPIA{width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#b251db;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companyOPMS{width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#b251db;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companyBARO{width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#55c889;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companyBOOKCUBE{width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#fb7fb6;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companyYES24{width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#c6b100;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companynuri{width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#95c600;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companyBOOKRAIL{width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#95c600;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companyY2BOOK {width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:12px;color:#ffffff;background:#757bf6;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}
.companyALADIN {width:auto; margin-right:5px;padding:5px 20px;text-align:center;font-size:13px;color:#ffffff;background:#0073bc;display:inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-weight:600;
}

 -moz-border-radius:3px; 
 -webkit-border-radius:3px; 
 color:#fff; font-weight:600;}
.com {width:100%; text-align:center}


.btn_bg.blue_v1				{height:35px;line-height:35px;background-position:0 0px}
.btn_bg.blue_v1	*			{height:35px;line-height:35px;background-position:100% 0px}
.btn_bg.blue_v1:hover		{background-position:0 -40px !important;text-decoration:none;}
.btn_bg.blue_v1:hover *		{background-position:100% -40px !important;text-decoration:none;}
.btn_bg.gray_v1				{height:35px;line-height:35px;background-position:0 -80px}
.btn_bg.gray_v1	*			{height:35px;line-height:35px;background-position:100% -80px}
.btn_bg.gray_v1:hover		{background-position:0 -120px !important;text-decoration:none;}
.btn_bg.gray_v1:hover *		{background-position:100% -120px !important;text-decoration:none;}
.btn_bg.gray_v2				{height:35px;line-height:35px;background-position:0 -225px}
.btn_bg.gray_v2	*			{height:35px;line-height:35px;background-position:100% -225px;}
.btn_bg.gray_v2:hover		{text-decoration:none;color:#555;}
.btn_bg.gray_v2:hover *		{text-decoration:none;color:#555;}
.btn_bg.gray_v12			{height:30px;line-height:30px;background-position:0 -160px}
.btn_bg.gray_v12 *			{height:30px;line-height:30px;background-position:100% -160px}
.btn_bg.gray_v12:hover		{text-decoration:none;color:#555;}
.btn_bg.gray_v12:hover *	{text-decoration:none;color:#555;}

.txt_gray_v1		{width:120px;text-align:center;font-size:14px;font-weight:bold;letter-spacing:-2px;}/* view렌트버튼 */
.txt_blue_v1		{width:120px;text-align:center;font-size:14px;font-weight:bold;letter-spacing:-2px;color:#fff !important;}/* view렌트버튼 */
.txt_gray_v12		{width:80px;text-align:center;font-size:12px;font-weight:bold;letter-spacing:-1px;}/* list렌트버튼 */
.txt_blue_v12		{width:80px;text-align:center;font-size:12px;font-weight:bold;letter-spacing:-1px;color:#fff !important;}/* list렌트버튼 */
.txt_gray_v13		{width:64px;text-align:center;font-size:12px;font-weight:bold;letter-spacing:-1px;}/* list렌트버튼-imgtype */
.txt_blue_v13		{width:64px;text-align:center;font-size:12px;font-weight:bold;letter-spacing:-1px;color:#fff !important;}/* list렌트버튼-imgtype */
.txt_gray_v2		{padding:0 15px;text-align:center;font-size:12px;letter-spacing:-1px;color:#fff !important;}



/* 공지사항 뷰 */
.width25p { width:25%;}
.width75p { width:75%;}
.space20 { width:100%; height:20px; float:left; clear:both;}
.tableview { width:100%; height:auto; box-sizing:border-box; border-spacing: 0; border-collapse: collapse;}
.tableview td, .tableview th { border-top:1px solid #000; border-bottom:1px solid #000; padding:10px 5px; font-size:14px;}
.tableview th { background:#e1e1e1;}




.list-goods {-moz-box-sizing: border-box;}
.list-goods .simple .middle > li { width: 33%;}

.slidings {position: relative; overflow: hidden; margin: 0; width:100%}
.slidings .wrap:after {content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.space_L6 {clear:both; padding:0 3px 15px 0;}
.book_L2 {float:left; width:33.3%; text-align:center; position:relative;}
.abs_book_out {width: 100%; height:150px; padding: 0; text-align: center; position: relative; }
.abs_book_out_t {width: 100%; padding-bottom: 20px; text-align: center; position: relative;}
.abs_book_out_t p { display:inline-block; height:auto; line-height:1.3;}
.abs_book_in { position: absolute; bottom: 2px; padding: 5px; width:90%; margin: 0 auto;}
.abs_book_in_t { position: absolute; padding:0; width:90%; margin: 0 auto; line-height: 1em;}
.abs_book_img { margin: 0 auto; width: 95px !important; display:block}

.b_black1 { font-size:14px; line-height:1.2; color:#706f6f; letter-spacing:-1px }



.f_author_little { color:#999999; padding:5px 0 0 0; font-size:0.8em;line-height:1.2em ;margin:0; text-align:center; display:inline-block; letter-spacing:-1px;}

.paging { clear: both; height: 24px; margin: 0 auto 0 auto; position: relative; text-align: center; width: 130px;}
.paging a.selected { background: none repeat scroll 0 0 #33afe9; border: 1px solid #33afe9;}
.paging a { background: none repeat scroll 0 0 #E2E4E9; border: 1px solid #E2E4E9; border-radius: 4px; display: inline-block; height: 6px; margin: 2px;   overflow: hidden; width: 6px; line-height: 6px; vertical-align: bottom;}


/* 새로나온책 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{float:left;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container{
}.swiper-slide{
}.swiper-slide-active{
}.swiper-slide-visible{}

.swiper-pagination-switch {display:inline-block; padding:0px 3px; margin:0 5px 4px 0px; border:none; width:6px;height:6px;font-weight:bolder;border-radius:30px;background:#d1d1d1;text-indent:9999px;opacity: 0.8;cursor: pointer}
.swiper-visible-switch {background: #e1e1e1}
.swiper-active-switch {border:none;background:#33AFEE}

.swiper-container .prod_best_list{padding-right:0;height:auto}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,0.1)
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
}
.swiper-scrollbar-cursor-drag {
	cursor: move;
}


.main_tem .main_tem_list{position:relative;margin-top:1px;line-height:1.3em;overflow:hidden;clear:both;background:#FFF}
.main_tem .main_tem_list .no_line{border-bottom:none}
.main_tem .main_tem_list img{line-height:0}
.main_tem .main_tem_list:last-child{margin-bottom:10px}


.main_tem .col3_type_list  .swiper-slide{position:relative;text-align:center;width:100%}
.main_tem .col3_type_list  .swiper-container{overflow:hidden;margin:1px 12px 10px 12px}
.main_tem .col3_type_list  .prod_link {display:table; float:left;width:33.2%; overflow:hidden;vertical-align:top;overflow:hidden} 
.main_tem .col3_type_list  .prod_link .p_img {display:block;overflow:hidden;}
.main_tem .col3_type_list  .prod_link .p_img_w{display:inline-block;position:relative;width:auto}
.main_tem .col3_type_list  .prod_link .p_img_w img{width:95%;max-width:296px;border:1px solid #e1e1e1}
.main_tem .col3_type_list  .prod_link .p_img_w .p_rank{position:absolute;top:0;left:0;width:25px;height:22px;color:#FFF;background:#ed797a;text-align:center;padding-top:3px;}
.main_tem .col3_type_list  .prod_link .p_name { font-size:14px; line-height:1.2; color:#706f6f; letter-spacing:-1px}
.w100{width:100%}
.mt10{margin-top:10px}
.t_a_c {text-align:center}

.sortview				{height:30px;background:#33afe9;letter-spacing:-1px;font-size:0.9em;width:100%}
.sortview ul.tab 		{float:left;padding:0;margin:0;}
.sortview ul.tab li		{float:left;width:100px;padding:0;margin:0;text-align:center;border-right:1px solid #888;line-height:30px;}
.sortview ul.tab li.on	{background:#666;font-weight:bold;border-right:none;}
.sortview ul.tab li a	{display:block;color:#fff !important;}
.view_type				{float:right;padding:5px;}
.view_type a			{display:block;}