@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url('https://fonts.googleapis.com/earlyaccess/hanna.css');
@import url('https://fonts.googleapis.com/css?family=Jua');
@font-face {
    font-family: 'Jua';
    src: url('/THEME_A01/Fonts/BM-JUA.woff') format('woff');
}





/* Ajax 로딩바 */
.loading_bar { position:absolute; background:#000000; z-index:999; filter:alpha(opacity=60); opacity:0.6; -moz-opcity:0.6; text-align:center; display:none; width:100%; height:100%; }
.loading_bar table { width:100%; height:100%; }

/* Ajax 로딩바2 */
.loading_bar2 { position:absolute; background:#ffffff; z-index:999; filter:alpha(opacity=90); opacity:0.9; -moz-opcity:0.9; text-align:center; display:none; width:100%; height:100%; }
.loading_bar2 table { width:100%; height:100%; }










/* ================== reset css ================== */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,
input,textarea,button,section{margin:0;padding:0;box-sizing:border-box;font-family:"NanumSquare", "나눔스퀘어", "Nanum Gothic", sans-serif;line-height:1.2;word-break: keep-all;}
body,input,textarea,select,table,button{font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
img{vertical-align: middle; border:0;}
input,select,textarea{vertical-align:top;}
address,caption,th{font-style:normal;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.hidden{font-size:0 !important;height:0 !important;left:0 !important;line-height:0 !important;margin:0 !important;overflow:hidden !important;padding:0 !important;position:absolute !important;top:0 !important;width:0 !important;z-index:-1 !important;}
a{color:#010101;text-decoration:none;}
a:link,a:hover,a:active{text-decoration:none;}








/* ================== common css ================== */


/* margin css */
.mt5 { margin-top:5px; }
.mt15 { margin-top:15px; }
.mb50 { margin-bottom:50px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml500 { margin-left:440px; }
.ml740 { margin-left:740px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }


.bold{font-weight: bold}
.bolder{font-weight: 900}

.hanna{font-family:'Hanna', sans-serif}
.jua{font-family:'Jua', sans-serif;}
.barun{font-family: "나눔바른고딕" , "NanumBarunGothic"} 
.myeongjo{font-family: "나눔명조", "NanumMyeongjo"}


.blind { font-size:1px; color:#fff;position:absolute;  top:-1000px; }


/* list float css */
.float:before, .float:after{content: ""; display: block; clear: both}
.float>*{float: left}
.float-02>*{width: 50%;}
.float-03>*{width: 33.33%;}
.float-04>*{width: 25%;}
.float-05>*{width: 20%;}
.floatleft { float:left; }
.floatright { float:right; }

/* list table css */
.table-cell{display: table; width: 100%}
.table-cell>*{display: table-cell; vertical-align: middle}
.table-cell-02>*{width: 50%;}
.table-cell-03>*{width: 33.33%;}
.table-cell-04>*{width: 25%;}
.table-cell-05>*{width: 20%;}

/* 기타 */
.italic{font-style: italic}
.text-left{text-align: left!important}
.text-right{text-align: right!important}
.text-center{text-align: center!important}

/* ================== company change css ================== */










body { background:url("/THEME_A01/Images/bg.jpg");}

/* ================== 로그인 css =========================================================================================== */

/* 로그인 */
.loginbox { width:1124px; height:922px; margin:0 auto; position:relative;  background:url("/THEME_A01/Images/img_login.png") center no-repeat;  }
	.login .tit { position:absolute; top:185px; left:400px; font-family:'Jua', sans-serif; font-size:28px; color:#706d6d; text-align:center;  line-height:20px; }
		.login .tit span { font-size:35px;  color:#333;  display:block;   }
	.login .txt { position:absolute; top:258px; left:400px; font-family:'Jua', sans-serif; font-size:18px; color:#636363; text-align:center;  line-height:24px; letter-spacing:-0.5px; }
	.login .inputbox { width:275px;  position:absolute; top:403px; left:425px;  }
		.login .inputtit { font-family:'Jua', sans-serif; font-size:28px; color:#4e4e4e; text-align:center; border-bottom:1px solid #dfdfdf; padding-bottom:10px;   }
		.login .inputtxt { font-family:'Jua', sans-serif; font-size:15px; color:#999999; text-align:center; margin-top:12px; padding-bottom:5px; letter-spacing:-1px;    }
		.login .inputbox .input { font-family:'Jua', sans-serif; width:276px; height:53px; font-size:18px; color:#999999; text-align:left; background:#efefef; border:1px solid #ebebeb; padding:25px 30px; border-radius: 10px; margin-top:8px;  }

	.login .btn4 {  position:absolute; top:620px; left:425px; width:276px; height:60px; box-shadow: 0px 8px 0px #e5e5e5; text-align:center; border-radius: 10px; padding:0 0; }
	.login .btn4 a { display:block;width:276px; height:45px; font-size:20px; padding-top:18px; color:#fff;   }


.loginbox .footer { background:none; height:180px; letter-spacing:-0.5px;text-align:right; position:absolute; top:740px; right:120px; }

	.loginbox .footer .sec3{ width:100%;  }
	.loginbox .footer .sec3 .menu-bar{ height:35px; margin:0 auto; width:500px;  }
	.loginbox .footer .sec3 .menu-bar ul{ position:absolute; top:10px; right:0; width:500px;}
	.loginbox .footer .sec3 .menu-bar li{  display:inline-block;vertical-align:top; padding-left:10px; color:#fff; padding-right:0; font-size:13px; background:none;   }
	.loginbox .footer .sec3 .menu-bar li span { display:inline-block; vertical-align:top; padding-left:10px; color:#e7cd56;   }
	
	.loginbox .footer .sec2{ margin:0 auto; margin-top:10px; padding:0;}
	.loginbox .footer .sec2 .logo{display:inline-block; }
	.loginbox .footer .sec2 .logo a{display:block;position:relative;width:100px;height:100px;overflow:hidden;}
	.loginbox .footer .sec2 .txt{font-size:13px; color:#727272;  line-height:1.5em; margin-top:5px;}
	.loginbox .footer .sec2 .copyright{font-size:13px; color:#949494; line-height:1.5em; margin-top:10px;}






/* ================== header css =========================================================================================== */

.headerWrap { width:100%;  }
	.header{ margin:0 auto; max-width: 1024px; min-width: 810px; height:170px; overflow:hidden;font-weight:bold;color:#fff; position:relative;}
	.header h1{float:left; padding-top:33px; margin-left:0px;}


/* gnb */
.gnb { position:absolute; top:33px; right:0px; }
	.gnb li { float:left; }
	.gnb li.txt { color:#474747; padding-top:10px; font-size:20px; font-family: 'Jua', sans-serif; }
	.gnb li.btn0 { background:#685b43; border:none; text-align:center; padding:8px; margin-left:8px; border-radius:25px; width:86px; height:33px; font-size:14px; box-shadow:none; }
	.gnb li.btn1 { background:#685b43; border:none; text-align:center; padding:8px; margin-left:8px; border-radius:25px; width:86px; height:33px; font-size:14px; box-shadow:none; }
	.gnb li.btn2 { background:#938365; border:none; text-align:center; padding:8px; margin-left:8px; border-radius:25px; width:86px; height:33px; font-size:14px; box-shadow:none; }
	.gnb li.btn3 { background:#938365; border:none; text-align:center; padding:8px; margin-left:8px; border-radius:25px; width:86px; height:33px; font-size:14px; box-shadow:none; }
	.gnb li.btn4 { background:#938365; border:none; text-align:center; padding:8px; margin-left:8px; border-radius:25px; width:106px; height:33px; font-size:14px; box-shadow:none; }
	.gnb li.btn0 a, .gnb li.btn1 a, .gnb li.btn2 a, .gnb li.btn3 a, .gnb li.btn4 a { color:#fff; text-shadow:none; display:block;}
	
/* 홈, 이전 버튼 */
.btn_home { position: absolute;left: 84px;top: 98px; }
.btn_prev { position: absolute;left: 144px;top: 98px; }	

/* 검색하기 */
.searchbox {width:424px; height:60px; position:absolute; left:224px; top:105px;}
	.searchbox .form{ position:relative; height:45px; border-radius: 20px;  background:#FFF; box-shadow:0px 1px 2px #ad9c77;}
	.searchbox select {  position:absolute; left:8px; top:8px;  border:0px;    padding:0px 0px 0px 5px;    font-size:14px;    color:#c3baa7;    	width: 80px;	height:30px; letter-spacing:-1.5px;}
	.searchbox label {	position: absolute;    top: 0px;    right: -1000px;}
	.searchbox .search {	display:block; width:298px;height:30px;font-size:14px;	padding:10px;border:0;	  position:absolute;  left:86px; top:8px; color:#C00; }
	.searchbox .submit {	position:absolute; right:12px; top:12px; width:24px; height:24px; border:0; color:#999999;  background:url("/THEME_A01/Images/searchbtn.png") no-repeat;}
	
/* 내용 버튼들 */
.btn_qna { width:152px; height:52px; position:absolute; left:658px; top:105px }	
.btn_guide { width:152px; height:52px; position:absolute; left:810px; top:105px }	








/* ================== contents css =============================================================================================== */

.contentsWrap { width:100%; text-align:center;  }
	.contents { font-family: "나눔스퀘어" , "NanumSquare"; color: #333333; max-width: 1024px; height:auto;  margin:0 auto;   position:relative; overflow:hidden;  }



/*-- popup --*/

.popupbox { width:500px; height:450px; background:#fc655c; box-shadow: 0px 8px 10px #3d3d3d; border-radius:30px; z-index:100; position:absolute; top:180px; right:700px;border:1px solid #df483d; text-align:center; }
.popupbox .title { margin-top:15px; color:#fff; font-size:32px; margin-bottom:5px; text-shadow: 1px 1px 1px #000; width:400px; height:75px;}
.popupbox .contbox { width:480px; height:340px; background:#fff; border-radius:20px; margin-left:10px; border:1px solid #df483d; color:#999999; padding:30px; text-align:justify; }
.popupbox .close { position:absolute; top:14px; left:448px; cursor:pointer; }
.popupbox .txt { position:absolute; top:405px; left:335px; font-size:16px; color:#fb5e53; font-family: 'Jua', sans-serif; }



/* 학년별 menu */
.menubox { width:932px; height:420px; margin:60px 0 0 47px;   font-size:20px; background:url(/THEME_A01/Images/shelf.png) 0 290px no-repeat;  }
	.menu { margin-left:50px; }
		.menu li {float:left; color:#333; font-size:30px; line-height:33px; padding-top:60px; }
		.menu li span {color:#999; font-size:22px; }
		.menu li a { color:#000; font-family: 'Jua', sans-serif; width:190px; height:321px;display:block;  }
		.menu li a:hover  { color:#434343; }

	.menu1 { width:210px; height:321px; background:url(/THEME_A01/Images/menu1.png);  }
	.menu2 { width:210px; height:321px; background:url(/THEME_A01/Images/menu2.png);  }
	.menu3 { width:210px; height:321px; background:url(/THEME_A01/Images/menu3.png);  }
	.menu4 { width:210px; height:321px; background:url(/THEME_A01/Images/menu4.png); letter-spacing:-3px;  }
	.menu4 span { width:210px; height:321px; background:url(/THEME_A01/Images/menu4.png); letter-spacing:0px;  }








/* 인기도서 등등 bmenu */
.bmenubox { width:1024px; height:280px; margin:0px 0 0 0px;   font-size:20px; background:url(/THEME_A01/Images/shelf.png) center 168px no-repeat;  }
	.bmenu { margin-left:110px; }
		.bmenu li {float:left; color:#333; font-size:30px; line-height:33px;}
		.bmenu li span {color:#999; font-size:22px; }
		.bmenu li a { color:#fff; text-shadow: 1px 1px 1px #000;  font-family: 'Jua', sans-serif;  width:182px; height:100px; display:block;padding-top:83px;   }
		.bmenu li a:hover  { color:#eee; }

	.bmenu1 { width:182px; height:194px; background:url(/THEME_A01/Images/bmenu1.png); margin:0 10px;  }
	.bmenu2 { width:182px; height:194px; background:url(/THEME_A01/Images/bmenu2.png); margin:0 10px;  }
	.bmenu3 { width:182px; height:194px; background:url(/THEME_A01/Images/bmenu3.png); margin:0 10px;  }
	.bmenu4 { width:182px; height:194px; background:url(/THEME_A01/Images/bmenu4.png); margin:0 10px;  }
	
	.bmenu3sub { width:388px; height:194px; background:url(/THEME_A01/Images/bmenu3sub.png); margin:0 10px; position:relative;  }
	.bmenu3sub ul { position:absolute; top:22px; left:220px;  }
	.bmenu3sub ul li { font-size:18px; line-height:46px; text-align:left; letter-spacing:-0.5px;  color:#3e3e3e; float:none; font-family: 'Jua', sans-serif;  }



/* 타이틀 */
.title { font-size:36px; color:#333; font-family: 'Jua', sans-serif; margin-top:34px; position:relative; display:inline-block; padding:0 5px; } 
.title .underline {  position: absolute;   top: 40px;   left: 0;   display: block;   width: 100%;   height: 4px;   background: #fb5e53;}

.title .bbmenu1 { color:#fff; text-shadow: 1px 1px 1px #000; width:390px; height:68px; padding:18px 0 0 30px; font-size:28px; background:url(/THEME_A01/Images/bbmenu1.png) no-repeat; display:block;  }
.title .bbmenu2 { color:#fff; text-shadow: 1px 1px 1px #000; width:390px; height:68px; padding:18px 0 0 30px; font-size:28px; background:url(/THEME_A01/Images/bbmenu2.png) no-repeat; display:block;  }
.title .bbmenu3 { color:#fff; text-shadow: 1px 1px 1px #000; width:390px; height:68px; padding:18px 0 0 30px; font-size:28px; background:url(/THEME_A01/Images/bbmenu3.png) no-repeat; display:block;  }
.title .bbmenu4 { color:#fff; text-shadow: 1px 1px 1px #000; width:390px; height:68px; padding:18px 0 0 30px; font-size:28px; background:url(/THEME_A01/Images/bbmenu4.png) no-repeat; display:block;  }

/* 선생님 안내글 */
.teacher { margin:0 auto; width:694px; height:269px; margin-top:0px; margin-bottom:30px; font-family: 'Jua', sans-serif;   background:url(/THEME_A01/Images/img_teacher.png); padding:100px 0 0 280px; font-size:30px; color:#706d6d; letter-spacing:-1px; } 
.teacher span { font-size:35px;  color:#333;} 
.teacher b { font-size:45px;  color:#ff5b72;} 






/* 다양한 도서 various Books  */
.cmenubox { width:1024px; height:450px; margin:30px 0 0px 0px;   font-size:20px; display:block;   }

	.cmenu { margin-left:30px; }
		.cmenu li {float:left; font-size:24px; line-height:24px; margin:0 5px; position:relative; background:url(/THEME_A01/Images/cmenubg.png)  no-repeat;  }
		.cmenu li a { color:#333;  font-family: 'Jua', sans-serif;  width:182px; height:100px; display:block; padding-top:105px;   }
		.cmenu li a span { display:block;  font-family:"나눔스퀘어" , "NanumSquare"; font-weight: bold; font-size:14px; color:#666; }

	.cmenu1 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu1.png) 60px 35px no-repeat;   }
	.cmenu2 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu2.png) 60px 35px no-repeat;  }
	.cmenu3 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu3.png) 60px 35px no-repeat;}
	.cmenu4 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu4.png) 60px 35px no-repeat;  }
	.cmenu5 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu5.png) 60px 35px no-repeat; }
	.cmenu6 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu6.png) 60px 35px no-repeat; }
	.cmenu7 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu7.png) 60px 35px no-repeat; }
	.cmenu8 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu8.png) 60px 35px no-repeat; }
	.cmenu9 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu9.png) 60px 35px no-repeat;  }
	.cmenu10 { width:182px; height:194px; background:url(/THEME_A01/Images/cmenu10.png) 60px 35px no-repeat;  }
		
.cmenusmallbox { width:1024px; height:180px; margin:30px 0 0px 0px;  display:block;   }
	.cmenusmall { margin-left:30px; }
		.cmenusmall li { float:left; font-size:20px; line-height:24px; margin:0 8px; position:relative;background:url(/THEME_A01/Images/cmenusmallbg.png) no-repeat; }
		.cmenusmall li a { color:#333;  font-family: 'Jua', sans-serif;  width:90px;height:85px;   display:block; padding-top:24px;  font-size:24px; text-align:left; }
		.cmenusmall li.on {background:url(/THEME_A01/Images/cmenusmallonbg.png) no-repeat; }
		.cmenusmall li.on a { color:#fff;  text-shadow: 1px 1px 1px #000; }

	.cmenusmall1 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall1.png) 33px 28px no-repeat;padding-left:70px; padding-right:20px;   letter-spacing:-1.5px;    }
	.cmenusmall2 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall2.png) 33px 28px no-repeat;padding-left:70px; padding-right:20px;   letter-spacing:-1.5px;    }
	.cmenusmall3 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall3.png) 33px 28px no-repeat;padding-left:70px; padding-right:20px;   letter-spacing:-1.5px;   }
	.cmenusmall4 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall4.png) 30px 28px no-repeat;padding-left:70px; padding-right:20px;   letter-spacing:-1.5px;}
	.cmenusmall5 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall5.png) 30px 28px no-repeat;padding-left:70px; padding-right:20px; letter-spacing:-1.5px;  }
	.cmenusmall6 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall6.png) 30px 28px no-repeat;padding-left:70px; padding-right:20px; letter-spacing:-1.5px;  }
	.cmenusmall7 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall7.png) 33px 28px no-repeat;padding-left:70px; padding-right:20px;   letter-spacing:-1.5px;  }
	.cmenusmall8 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall8.png) 33px 28px no-repeat;padding-left:70px; padding-right:20px;   letter-spacing:-1.5px;   }
	.cmenusmall9 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall9.png) 30px 28px no-repeat;padding-left:70px; padding-right:20px;   letter-spacing:-1.5px;    }
	.cmenusmall10 { width:176px; height:106px; background:url(/THEME_A01/Images/cmenusmall10.png) 30px 28px no-repeat;padding-left:70px; padding-right:20px;   letter-spacing:-1.5px; }




/* 내용 */
.conbox { width:1023px;  overflow:hidden; margin-top:50px; margin-bottom:50px;  float:left; text-align:left; position:relative;} 

.conbox .navi { font-size:18px; color:#999; font-weight:bold;} 
	.conbox .navi span { color:#333;} 
	
.conbox .btn_listalb { position:absolute; right:30px; top:-5px; }



/* 서브 앨범형 */
.conbox .booklistbox { margin-top:0px;  display:block; overflow:hidden; background:url(/THEME_A01/Images/shelf.png) center 190px no-repeat, url(/THEME_A01/Images/shelf.png) center 470px no-repeat; }
.conbox .booklist { position:relative; margin-left:140px; }
	.conbox .booklist li { margin-top:0px; position:relative; float:left; margin-left:10px; width:180px; height:278px; position:relative; text-align:center; }
	.conbox .booklist .book { left:0px;  width:147px; height:199px;  background:url("/THEME_A01/Images/bookbg.png") no-repeat;}
	.conbox .booklist .book img { width:135px; height:199px;  position:absolute; top:3px; left:6px; }
	.conbox .booklist .booktit { position:absolute; top:173px; left:0px; font-size:16px; color:#fff; font-weight:bold;  width:135px; margin-left:6px; padding:5px 5px; text-align:left; letter-spacing:-2px; background:url("/THEME_A01/Images/blackbg.png");  }
	.conbox .booklist .cover { width:147px; height:217px;position:absolute; top:0px; left:0px; background:url("/THEME_A01/Images/bookcover.png") no-repeat;}
	.conbox .booklist .btn { position:absolute; top:275px; left:5px; font-size:22px;}
	.conbox .booklist .btn a {  color:#fff; }
		.conbox .booklist .btn a span { padding:13px; border-radius:8px; }
		.conbox .booklist .btn span.bnta { background:#13c271; }
		.conbox .booklist .btn span.bntb { background:#e5623e; }
		.conbox .booklist .btn span.bntc { background:#f0bb36; }
	
	
	
	
	


/* 책 상세 */
.detailbox  {  width:1000px; margin:30px auto; overflow:hidden; text-align:left;  padding:0 10px 40px 10px; background:#fff; border-radius:20px;   box-shadow: 0px 5px 10px #736254;   }
.detailbox .bookbox { margin:70px 0 0 33px; width:980px;  float:left; position:relative; }
	.detailbox .bookbox .book { width:215px; height:356px;  background:url("/THEME_A01/Images/bookbg.jpg") no-repeat; position:relative; float:left;}
		.detailbox .bookbox .book img { position:absolute; top:24px; left:12px; width:190px; height:280px; border:1px solid #e1e1e1; }
	.detailbox .bookbox .nevi { font-family: 'Jua', sans-serif; float:left; margin:10px 0 0 44px; font-size:18px; color:#999; font-weight:bold; width:700px;  }
		.detailbox .bookbox .nevi span { color:#464646; }
	.detailbox .bookbox .booktit { font-family: 'Jua', sans-serif;float:left; margin:20px 0 0 44px; font-size:34px; color:#333; font-weight:bold; width:490px;  }
	.detailbox .bookbox .writer { font-family: 'Jua', sans-serif; float:left; margin:20px 0 0 44px; font-size:18px; color:#999; width:700px; }
	.detailbox .bookbox .btn { position:absolute; top:80px; right:50px; }
		.detailbox .bookbox .btn a { margin-left:3px;}
	.detailbox .bookbox .info { float:left; margin:30px 0 0 44px; width:670px; height:150px; border:4px solid #efefef; font-size:16px; }
		.detailbox .info ul { float:left; margin:25px 40px;  }
		.detailbox .info ul li { font-family: 'Jua', sans-serif; line-height:30px;}
	.detailbox .bookbox .btn6 { text-align:center;}

.detailbox .title {  border-bottom:1px solid #e7e7e7;padding-bottom:10px; margin-top:40px; float:left; width:940px; height:42px; margin-left:33px; }
	.detailbox .title .tit { font-size:20px; color:#333;  position:relative;   }
	.detailbox .title .tit .underline { position:absolute; top:29px; left:0; display:block; width:100%; height:4px; background:#fc655b;  }
.detailbox .txt { font-family: 'Jua', sans-serif; padding-bottom:10px; margin-top:24px; float:left; width:900px; margin-left:55px; font-size:18px; line-height:30px; color:#666; }




/* 리뷰 */
.reviewbox { padding-bottom:30px; margin-top:30px; float:left; width:970px; margin-left:33px; text-align:center; }
.reviewbox .stargrade { float:left;  border:1px solid #e3e5e6; background:#fafbfd; padding:50px; border-radius:30px; margin-left:25px;  }
	.reviewbox .stargrade .tit {  font-family: 'Jua', sans-serif; font-size:20px;color:#666; }
	.reviewbox .stargrade .num {  font-size:50px;color:#333; font-weight:800; letter-spacing:-5px; }
	.reviewbox .stargrade .star { margin-top:-8px; margin-left:5px;  }
	.reviewbox .stargrade .starline {margin-top:8px;  font-size:12px; }
	.reviewbox .stargrade .starline li { line-height:20px; }
		.reviewbox .stargrade .starline .score_bg {    display: inline-block;    width: 72px;    height: 8px;    background: #e8edf3;    margin-left: 4px;    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1); }
		.reviewbox .stargrade .starline .score_bg .score_bar {display: block;    width: 0;    height: 8px;    background: #7F8B95; }


.reviewbox .write { float:left; width:670px; margin-left:30px;  border:1px solid #e3e5e6; padding:50px; border-radius:30px;  }
	.reviewbox .write .tit {  font-family: 'Jua', sans-serif; font-size:24px;color:#666; margin-bottom:17px; }
	.reviewbox .write .star {  }
	.reviewbox .write .star img { margin:0 5px;  }
	.reviewbox .write .box { font-family: 'Jua', sans-serif; margin-top:18px; background:#fafbfd; border:1px solid #e3e5e6; width:570px; padding:20px 15px; height: 89px;resize: vertical ; word-wrap: break-word;   }
	.reviewbox .write .btn { margin-top:12px;  }
	.reviewbox .write .guide { margin-top:60px;  background:#fafbfd; border:1px solid #e3e5e6; width:570px; padding:24px 30px; text-align:left;  }
	.reviewbox .write .guide p { font-size:18px; color:#666;line-height:28px; }
	.reviewbox .write .guide ul { margin:15px 0; }
	.reviewbox .write .guide li { font-size:15px; color:#999;line-height:26px; }

.reviewbox .listbox { float:left; width:900px;  position:relative; margin-top:28px; margin-left:30px; }
	.reviewbox .listbox .submenu { position:absolute; right:0px; top:7px; font-size:14px; color:#333; text-align:left; }
		.reviewbox .listbox .submenu li { float:left; background:url("/THEME_A01/Images/line2.png") 0px 2px no-repeat; padding:0 10px ; }
		.reviewbox .listbox .submenu li.on { color:#fc655b; }
		.reviewbox .listbox .submenu li:first-child {background:none; }
	.reviewbox .listbox .list { border-top:2px solid #e7e7e7; margin-top:35px;  }
	.reviewbox .listbox .list li { padding:20px 0 20px 28px; text-align:left;border-bottom:1px solid #e7e7e7; display:inline-block; }
	.reviewbox .listbox .list li .name { font-family: 'Jua', sans-serif; width:200px; float:left; font-size:16px; line-height:26px; padding:0; margin:0; }
	.reviewbox .listbox .list li .text { font-family: 'Jua', sans-serif; width:650px; float:left; font-size:16px; line-height:26px; padding:0;  margin:0; }




/* 연관도서 */
.selectlist { font-size:12px; color:#ccc;  padding-left:70px; float:left;}
		.selectlist li { line-height:24px; margin-top:50px; margin-right:40px; float:left; position:relative;}
		.selectlist .book { border:1px solid #e1e1e1;}
		.selectlist .book img { width:135px; height:199px;}
		.selectlist .booktit { font-size:18px; color:#333; font-weight:bold; margin-top:12px; }
		.selectlist .writer { font-size:15px; color:#999; margin-top:5px; }
		.selectlist .cover { width:147px; height:217px; position:absolute; top:-2px; left:-5px; background:url("/THEME_A01/Images/bookcover.png") 0px 0px no-repeat;}

#div_Book_Relation_Root {width:970px; float:left; position:relative;}
        #div_Book_Relation_Root .btn_prev {width:30px;height:30px;position:absolute;top:150px;left:30px;cursor:pointer;}
        #div_Book_Relation_Root .btn_next {width:30px;height:30px;position:absolute;top:150px;right:20px;cursor:pointer;}









/* 컬러모음 */
.cobl { color:#000!important; font-weight:bold;   }
.pricered { color:#e71c1c!important;  font-weight:bold;  }





/* 버튼모음 */
.btn1 { background:#fff; border:1px solid #e3e5e6; padding:15px; display:inline-block; border-radius:9px;box-shadow: 0px 2px 1px #dbdbdb; color:#a9a9a9; font-weight:bold; }
.btn2 { background:#13c271;  padding:15px 20px; display:inline-block; border-radius:9px; color:#fff; text-shadow: 1px 1px 1px #2b7e39; font-weight:bold; box-shadow: 0px 2px 1px #d7d7d7; font-size:22px; }
.btn3 { background:#fff; border:1px solid #e3e5e6; padding:8px 15px; display:inline-block; border-radius:6px; box-shadow: 0px 2px 1px #dbdbdb; color:#999; font-weight:bold; font-size:14px;}
.btn4 { background:#fc655b; padding:8px 20px; display:inline-block; border-radius:6px; box-shadow: 0px 2px 1px #d7d7d7; color:#fff; text-shadow: 1px 1px 1px #88302b; font-weight:bold; font-size:14px;}
.btn5 { background:#fff; border:1px solid #e3e5e6; padding:5px 10px; display:inline-block; border-radius:6px; box-shadow: 0px 1px 1px #dbdbdb; color:#999; font-weight:bold; font-size:12px;}
.btn6 { background:#fc655b;  padding:15px 20px; display:inline-block; border-radius:9px; color:#fff; text-shadow: 1px 1px 1px #2b7e39; font-weight:bold;box-shadow: 0px 2px 1px #d7d7d7; font-size:22px; }



a.btn1:hover{ background:#fafafa; }
a.btn2:hover{ background:#13b66a; }
a.btn3:hover{ background:#fafafa; }
a.btn4:hover{ background:#4bc05c; }
a.btn5:hover{ background:#fafafa; }
a.btn6:hover{ background:#eb5c53; }





/* 인풋 스타일 */	

input[type=checkbox] {	margin-right: 7px;     width: 18px;    height: 18px;    border: 1px solid #b9bcc2;	background:#fff;  cursor: pointer;    border-radius: 4px;	vertical-align: top; -webkit-appearance: none;	}
	
input[type=checkbox]:checked {    background: #39b34a url("/THEME_A01/Images/icon_checked@2x.png") 0px -1px no-repeat;    background-size: 16px 16px;	border-color: #39b34a;	}

.checkbox_label {    position: relative;    color: #636c73;    font-size: 14px;    font-weight: 700;    height: 18px;}


input.checktxt_input { background: #39b34a url("/THEME_A01/Images/icon_checked@2x.png") 0px -1px no-repeat;    background-size: 16px 16px;	border-color: #39b34a;	}
label.checktxt_label {  font-size: 18px; }



input[type=text] {	  height: 40px;    border: 1px solid #b9bcc2;	background:#fff;  cursor: pointer;    border-radius: 4px;	vertical-align: top; -webkit-appearance: none;	}





/* 테이블 css */
table  { width:100%;  padding:0; border-bottom: 1px solid #dbdbdb; text-align:center; position:relative;    }
table th { background:#f5f5f5; padding:15px; border-top: 1px solid #dbdbdb; font-weight:bold; font-size:20px; color:#888; font-family: 'Jua', sans-serif;}
table th.cont { text-align:justify;padding-left:30px;  }

table th.left { background:url("/THEME_A01/Images/tableth_bg.jpg"); padding:15px; border-top: 1px solid #dbdbdb;  border-right: 1px solid #dbdbdb; }
table td.rightline { border-right: 1px solid #dbdbdb; }
table td {border-top: 1px solid #dbdbdb;  padding:15px; font-size:18px; font-family: 'Jua', sans-serif; }
table td.cont { text-align:justify; padding-left:30px; font-weight:bold;  }
table td.cont input { width:14px; height:14px; vertical-align:middle; margin-right:10px; }
		 
caption { position:absolute; top:-1000px; font-size:1px }

.buylist_table th { text-align:right; }
.buylist_table td { text-align:left; }







/* board css */
.board .tit { text-align:left; padding:20px 30px; font-size:16px;  }
.board .cont { padding:30px; line-height:24px;  }
.board .btn { text-align:center; width:100%; margin:20px 0;  }
.board .down { color: #9494FE; text-decoration:underline;  }





/* inquiry css -- 1:1문의 */
.inquiry { margin-top:40px; padding-left:30px; }
	.inquiry .title { font-size:20px; color:#333; font-weight:normal; margin-top:30px; border:0; width:200px; }
	.inquiry .title span { font-size:20px; color:#ff4106; font-weight:normal; }

	.inquiry input[type=text] {    margin: 10px 0 0 30px;     border: 1px solid #e3e5e6;     padding: 10px 15px;      resize: vertical;    word-wrap: break-word;   border-radius: 4px;	   }
	.inquiry .box {    margin: 10px 0 0 30px;     border: 1px solid #e3e5e6; width:600px; height:100px;    padding: 18px 15px;      resize: vertical;    word-wrap: break-word;   border-radius: 4px;	  }

	.inquiry .form {     margin-top: 10px;     border: 1px solid #e3e5e6; width:600px; height:40px;    padding: 5px 10px;      resize: vertical;    word-wrap: break-word;   border-radius: 4px;	}
	.inquiry .form select {   border: 1px solid #e3e5e6;  border:0px;    padding:2px;    font-size:12px;    color:#6A6A6A;    	width: 100%;	height:30px;}

	.inquiry .txt { font-size:14px;   margin-top: 15px; color:#999; line-height:24px;    }





/* 페이징 */
.paging				    {position: relative;text-align: center;overflow:hidden;vertical-align:middle;border:none;}
.paging a:link		    {display: inline-block;font-weight:bold;font-family: 'Tahoma';font-size:20px;color:#444;}
.paging a:hover		    {color:#f84450;}
.paging .on strong    	{color:#f84450;font-weight:bold;font-family: 'Tahoma';margin: 0 10px;font-size: 20px;}
.paging .off	        {display: inline-block;margin: 0 10px;}
.paging img			    {margin: 0 3px;vertical-align: middle;width:15px;height:15px;}
.paging tr td tr		{display: inline-block;vertical-align: middle;margin: 6px 5px 0 5px;}
.paging table	{border:none; }
.paging td		{display: inline-block;  border:none; padding:0;}







/* 이용가이드 */	
.guidebox  {  width:100%; overflow:hidden; text-align:left;  padding:80px 40px; background:#fff;  }


.guidebox h1 {  font-size:34px; color:#333; text-align:center; font-family: 'Jua', sans-serif;   }
.guidebox h2 { font-size:27px; color:#fc655b;  margin:40px 0 0 0px;font-family: 'Jua', sans-serif;   }
.guidebox h3 {  border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin-top:20px; height:30px; margin-left:30px; font-family: 'Jua', sans-serif; font-size:24px; font-weight:bold; color:#333;  position:relative; padding:0; width:90%;}
	.guidebox h3 .underline { position:absolute; top:25px; left:0; display:block; width:32px; height:4px; background:#fc655b;  }
	.guidebox .txt { padding-bottom:10px; margin-top:10px; margin-left:70px; font-size:20px; line-height:22px; color:#666; font-family: 'Jua', sans-serif;  }
	.guidebox .txt img {border:1px solid #e7e7e7; width:70%; margin:15px 0; }





/* 추천해주세요 */	
.bookcall  {  width:100%; overflow:hidden; text-align:center;  padding:50px 40px; }
.bookcall .title { margin:0 auto;  }
.bookcall h2 { font-size:27px; color:#fc655b;  margin:40px 0 0 0px;font-family: 'Jua', sans-serif;   }
	.bookcall .txt { padding-bottom:10px; margin-top:10px; margin-left:70px; font-size:16px; line-height:24px; color:#666;  }


.bookcall .searchbox {width:100%; height:60px; margin-top:40px; position:inherit; }
	.bookcall .searchbox .form{ position:relative; height:45px; border-radius: 20px;  background:#FFF; box-shadow:0px 1px 2px #ad9c77;}
	.bookcall .searchbox select {  position:absolute; left:8px; top:6px;  border:0px;    padding:0px 0px 0px 5px;    font-size:14px;    color:#c3baa7;    	width: 90px;	height:30px; letter-spacing:-1.5px;}
	.bookcall .searchbox label {	position: absolute;    top: 0px;    right: -1000px;}
	.bookcall .searchbox .search {	display:block; width:440px;height:30px;font-size:14px;	padding:10px; border:0;	  position:absolute;  left:96px; top:6px; color:#C00; }
	.bookcall .searchbox .submit {	position:absolute; right:12px; top:10px; width:24px; height:24px; border:0; color:#999999;  background:url("/THEME_A01/Images/searchbtn.png") no-repeat;}


.bookcall .tablebox {width:100%; background:#fff;  padding:30px 30px; background:#fff; border-radius:20px;   box-shadow: 0px 5px 10px #736254; }


.bookcall .tablebox .check { display:inline-block; width:100%; position:relative; }
.bookcall .tablebox .check .btn { position:absolute; top:-10px; right:0; }
.bookcall .tablebox .check .select { padding: 0px 0px 0px 5px; font-size: 14px; color: #c3baa7; width: 125px; height: 30px; letter-spacing: -1.5px; }


.bookcall .tablebox ul { border-top: 1px solid #e7e7e7;  margin-top:10px; }
	.bookcall .tablebox li {  position:relative; margin:20px 0; padding-bottom:20px; border-bottom: 1px solid #e7e7e7; height:180px;}
	.bookcall .tablebox .book { position:absolute; top:0px; left:30px;  }
	.bookcall .tablebox .book img { width:100px; border:1px solid #e1e1e1;}
	.bookcall .tablebox .booktit { position:absolute; top:5px; left:160px; font-size:18px; color:#333; text-align:left; font-family: 'Jua', sans-serif; }
	.bookcall .tablebox .booktxt { width:250px; font-size:14px; color:#999; position:absolute; top:40px; left:160px; border:none;  }
	.bookcall .tablebox .recombtn { position:absolute; top:55px; left:420px; }
	.bookcall .tablebox .booktxt li { height:inherit;border:none; margin:4px 0; padding:0px; text-align:left;    }
	.bookcall .tablebox .booktxt li span { margin-right:10px; color:#e75148; font-family: 'Jua', sans-serif; }









/* 서비스 이용약관, 개인정보 취급방침 */
.useguide { width:100%; height:100%; margin:0;  color:#888182;   position:relative;  }
pre {  font-family: 'Jua', sans-serif; white-space: pre-wrap; word-wrap: break-word;}







/* ================== footer css =============================================================================================== */


.footerWrap {  width:100%;  margin-top:0px; letter-spacing:-0.5px; position:relative; background:url("/THEME_A01/Images/bg_footer.png");}
.footer { max-width:1024px; min-width:560px; height:168px;  margin:0 auto; letter-spacing:-0.5px; position:relative;text-align:center; }

	.footer .sec1{ width:300px; height:20px;  position:absolute; top:14px; left:0; }
	.footer .sec1 li{display:inline-block;vertical-align:top; padding-right:10px; float:left; }
	.footer .sec1 li + li{padding-left:12px;background:url("/THEME_A01/Images/line2.png") no-repeat 0 50% ;}
	.footer .sec1 a{	display:inline-block;	line-height:normal;	vertical-align:middle;font-size:13px;color:#fff;	transition:color .3s;	font-family: 'Nanum Gothic';}
	.footer .sec1 a:hover{color:#999;}
	
	.footer .sec2{ margin:0 auto; width:1024px;  margin-top:50px;}
	.footer .sec2 .logo{display:inline-block; }
	.footer .sec2 .logo a{display:block;position:relative;width:100px;height:100px;overflow:hidden;}
	.footer .sec2 .txt{font-size:13px; color:#727272;  line-height:1.5em; margin-top:5px;}
	.footer .sec2 .copyright{font-size:13px; color:#949494; line-height:1.5em; margin-top:10px;}

	.footer .sec3 {height:20px; margin:0 auto; width:380px;  padding:15px 0px 0px 0px; }
	.footer .sec3 ul{ position:absolute; top:16px; right:0; }
	.footer .sec3 li{  display:inline-block;vertical-align:top; padding-left:10px; color:#fff; padding-right:0; font-size:13px;   }
	.footer .sec3 li span { display:inline-block; vertical-align:top; padding-left:10px; color:#e7cd56;   }










/* ================== tablet css ================== */
@media screen and (max-width: 1024px){


}

@media screen and (max-width: 768px){

    
}


/* ================== mobile css ================== */
@media screen and (max-width: 480px){
}

/* ========= ie8 css ========= */
@media \0screen {
    
}