@charset "utf-8";
/**********************************************************
 * 파일명      : layout.css
 * 설명        : 레이아웃
 * 작성자      : 채지은
 * 최종작성일      : 2010.04.22
***********************************************************/

@import "common.css";
@import "topmn.css";
@import "customer.css";
 
/* 공통레이아웃*/
/* div#wrap {margin:0; background:url(../img/common/bg_topline.gif) repeat-x 0 105px;}*/
div#topWrap{width:1000px; height:105px; }
div#topmn{ float:left; width:100%;}
/*.add{float:left; width:90px; margin-top:5px;}*/
.myinfo{ float:right; margin:4px 10px; font-size:11px; letter-spacing:-0.5px; text-align:right;} /*.myinfo{ float:left; margin:4px 0 0 140px; _margin:4px 0 0 120px ; font-size:11px; letter-spacing:-0.5px;}*/
.myinfo strong{color:#ff6600; font-weight:bold;font-size:11px; letter-spacing:-0.5px;}
.tmn{ float:right}
.tmn li {display:inline; list-style-type:none; margin-top:4px; border-right:#d8d8d8 1px solid; float:left; padding:2px 6px;}
.tmn li img{ filter:alpha(opacity=100);-moz-opacity:1; opacity:1;*padding-top:4px;}
.tmn li img:hover{ filter:alpha(opacity=60);-moz-opacity:0.6; opacity:.60;}
.logo{float:left; width:200px; margin-top:10px; text-align:left; padding-left:20px;}
.search{ float:left; width:750px; margin:20px 0 0 10px; color:#9d9d9d; position:relative;} 
.search input{ border:#0e6baf solid 4px; padding:5px 4px 3px 42px; width:400px; height:18px; color:#333333;}
.search_arw { color:#5d9cc9; font-size:11px; letter-spacing:-0.5px; top:7px; margin-left:11px; vertical-align:middle; width:80px; position:absolute;}
:root .search_arw{line-height:20px;}
/*:root .search_arw img{margin-top:-8px;float:right;}*/
#search_tg { position:absolute; border:#0e6baf solid 1px; left:-2px; top:39px; width:60px;  z-index:1;display: inline;  margin-top:-5px; margin-left:3px; padding:4px 0px 3px 8px; width:60px; background-color:white;}
#tsFName td, #search_tg > ul > li {color:#5d9cc9; font-size:11px; letter-spacing:-0.5px; padding-top: 0px; cursor:pointer;}
#tsFName { z-index:2000;  cursor:pointer;}
.search_txt{ margin:4px 0 0 12px; background:url('/img/common/txt_search.gif') 5px 1px no-repeat;float:left; width:400px;}
.search_txt ul{margin-left:60px; *margin-top:-1px; _margin-top:0;}
.search_txt li{display:inline; list-style-type:none; border-right:#d8d8d8 1px solid; float:left; padding:0px 8px; color:#9d9d9d; font-size:11px; letter-spacing:-0.5px;}
.search_txt .rn {border-right:none;}


/*카테고리*/
#btn_category{float:left; margin:10px 0 0 30px; width:160px; _margin:10px 0 0 15px; position:relative;}
/*#categoryOpen{position:absolute; top:-10px; left:-20px; background:transparent url(../img/common/bg_category.gif) no-repeat 8px 0; _left:-13px; width:800px; height:226px; z-index:100; text-align:left; float:left; visibility:hidden;}*/
#categoryOpen{position:absolute; margin: 37px 0 0 10px; *margin: 37px 0 0 -991px; background:transparent url(../img/common/bg_category3.gif) no-repeat 8px -37px; width:990px; height:220px; z-index:200; text-align:left; float:left; display:none}
#categoryOpen .categoryClose {position:absolute; display:block; width:210px; height:37px; margin:-37px 0 0 8px; background:transparent url('../img/common/bg_category3.gif') no-repeat;}
#categoryOpen .cateClose{margin:10px 0 15px 45px; _margin:10px 0 15px 37px;}
#categoryOpen #mn_subject{ position:absolute; left:0; top:0;}
#categoryOpen #mn_kdc{ position:absolute; left:0; top:0;}
#categoryOpen .submn{float:left; width:40px; display:inline; padding-top:8px;}
#categoryOpen .cmn1{float:left; width:200px; margin-left:5px; padding-top:8px;}/*#categoryOpen .cmn1{float:left; width:205px; margin-left:5px; padding-top:8px;}*/
#categoryOpen .cmn1 h2{ background-color:#8ab8e6; padding-left:10px;}/*#categoryOpen .cmn1 h2{ background-color:#8ab8e6; padding:1px 0 1px 10px;}*/
#categoryOpen .cmn2{float:left; width:230px; margin-left:5px; padding-top:8px;}/*#categoryOpen .cmn2{float:left; width:175px; margin-left:5px; padding-top:8px;}*/
#categoryOpen .cmn2 h2{ background-color:#94d1d7; padding-left:10px;}/*#categoryOpen .cmn2 h2{ background-color:#94d1d7; padding:1px 0 1px 10px;}*/
#categoryOpen .cmn3{float:left; width:180px; margin-left:5px; padding-top:8px;}/*#categoryOpen .cmn3{float:left; width:225px; margin-left:5px; padding-top:8px;}*/
#categoryOpen .cmn3 h2{background-color:#549cd1; padding:1px 0 1px 10px;}
#categoryOpen .cmn4{float:left; width:220px; margin-left:5px; padding-top:8px;}
#categoryOpen .cmn4 h2{background-color:#99cc99; padding:1px 0 1px 10px;}
#categoryOpen .cmargin{float:left; margin:10px 0 0 10px;}/*#categoryOpen .cmargin{float:left; margin:10px 0 0 10px; *margin:5px 0 0 8px; _margin:3px;}*/
#categoryOpen .kdcmn{float:left; margin-left:3px; padding-top:8px;}/*#categoryOpen .kdcmn{float:left; margin-left:4px; padding-top:8px;}*/
#categoryOpen .kdcmn h2{ background-color:#1c61a4; padding:1px 0 1px 7px;}
#categoryOpen .kdcmargin{float:left; margin:7px 0 0 7px; *margin:5px 0 0 7px; _margin:5px 2px 2px 2px;}/*#categoryOpen .kdcmargin{float:left; margin:7px 0 0 7px; *margin:5px 0 0 7px; _margin:3px;}*/
#categoryOpen ul{float:left; }
#categoryOpen li {margin:1px; *margin:0px; _margin:0px; line-height:11px;}
#categoryOpen li img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; cursor:pointer;position:relative;}
#categoryOpen li img:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:.80;}
#categoryOpen #subdepth{position:absolute; left:80px; top:30px; z-index:500; background:url(../img/common/arw_category.gif) no-repeat 0 5px; visibility:hidden;}
#categoryOpen #subdepth ul{ background-color:#fff; border:#3875b2 solid 2px; width:80px; padding:5px 10px; margin-left:5px;}
#categoryOpen #subdepth li a{ font-family:dotum; font-size:11px; letter-spacing:-0.05em; color:#3875b2; padding:1px 0;}
#categoryOpen #subdepth li a:hover{ font-family:dotum; font-size:11px; letter-spacing:-0.05em; color:#333; padding:1px 0;}
.subdepth {position:absolute; z-index:500; background:url(../img/common/arw_category.gif) no-repeat 0 5px; _background-position: 5px 5px; display:none;}
.subdepth ul{background-color:#fff; border:#3875b2 solid 2px; padding:5px 10px; margin-left:5px; text-align:left;}
.subdepth li a{font-family:dotum; font-size:11px; letter-spacing:-0.05em; color:#3875b2; padding:1px 0;}
.subdepth li a:hover{color:#333;}
.btnClose{position:absolute; bottom:6px; right:0px; z-index:0;}/*.btnClose{position:absolute; bottom:7px; right:0px; z-index:300;}*/

/*네비메뉴*/
#navi{ background:url(../img/common/bg_navi.gif) no-repeat center top; height:38px; float:left; width:100%;}
#naviMn{float:left; margin:3px 0 0 35px; width:520px;}/*#naviMn{float:left; margin:3px 0 0 40px; _margin:3px 0 0 50px; width:540px;}*/
#naviMn ul{}
#naviMn li{display:inline; list-style-type:none; float:left; padding:0 20px;}/*#naviMn li{display:inline; list-style-type:none; float:left; width:20%;}*/
#naviMn span{display:inline; list-style-type:none; padding:23px 20px;}/*#naviMn li{display:inline; list-style-type:none; float:left; width:20%;}*/
#naviMn .line{ background:url(../img/common/menu_line.gif) no-repeat right top;}
#naviMn img{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; cursor:pointer;}
#naviMn img:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:.80;}
#naviSmn{float:right; margin:10px 10px 0 0;}/*#naviSmn{float:right; margin:5px 25px 0 0; _margin:5px 10px 0 0;}*/
#naviSmn p{float:left; padding:0 10px; border-right:#ddd solid 1px;}
#naviSmn img{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; cursor:pointer;}
#naviSmn img:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:.80;}

/*서브페이지공통*/
div#subWrap{width:100%;}
div#container{width:1000px;}
div#sub_left3{float:left; width:790px; margin-left:15px;}
div#sub_left2{float:left; width:580px; margin-left:15px;}
div#sub_left1{float:left; width:780px; _width:770px; }
div#sub_content{float:left; margin-bottom:30px; width:1000px;}
div#sub_content2{float:left; margin:0 10px 30px 10px; text-align:left;}
div#sub_content2 h1{color:#578089; font-weight:bold; font-family:dotum; font-size:12px; padding-bottom:5px;}
div#sub_toptit{border-bottom:#e2e2e2 1px solid; padding:0 15px 0 20px; height:45px; position:relative;}
div#sub_toptit2{height:45px; position:relative; text-align:left;}
.subTit{ padding:10px; text-align:left;}
.location{position:absolute; right:20px; top:20px; font-size:11px; font-family:dotum; color:#919090;}
.bookListBox{ float:left; width:97%; margin:10px 0px 0 0;}/*.bookListBox{ float:left; margin:10px 0 0 0;}*/
.bookListBoxmargin{margin:10px 40px 0 0;}/*.bookListBox{ float:left; margin:10px 0 0 0;}*/
.bookListBox .bookImg{float:left; }
.bookListBox .bookDetail{float:left; margin-left:10px; text-align:left;}

.undown{float:left; margin-top:5px; width:100%;}
.undown .num{float:left; width:30%; margin-left:10px; color:#12537d; font-family:tahoma; font-size:11px; text-align:left;}
.undown span{color:#12537d; font-family:tahoma; font-size:11px;}
.undown .udbtn{float:right; width:30%; text-align:right; margin-right:10px;}

.flaotBox{float:left; width:100%;}
.flaotBox .listbunch{float:left; width:48%; margin-right:10px; margin-top:5px;}
.flaotBox .listbunch dl{margin:0 10px 0 10px; clear:both;}
.flaotBox .listbunch dt{float:left; margin:0; }
.flaotBox .listbunch dd{float:right; width:135px; margin:0;}
.flaotBox .hover { background-color: #D7F1FA; }

.btnCart{position:absolute; right:10px; top:5px; z-index:100; width:85px;}
.btnCart img{margin-bottom:2px;}
.selebook{padding:3px 5px 0 100px; width:100px; background:#e6edf4 url(../img/common/sbt_bg.gif) 10px 3px no-repeat; height:21px; margin-top:15px;}
.selebook_eng{padding:3px 5px 0 100px; width:100px; background:#e6edf4 url(../img/eng/common/sbt_bg.png) 10px 3px no-repeat; height:21px; margin-top:15px;}

/*우측컨텐츠*/
div#sub_right1{float:left; width:205px; margin-left:15px; _width:201px; _margin-left:9px;}
div#preview{ width:198px; text-align:left; float:right; margin-top:17px;}
div#preview .btn{text-align:right; margin-top:5px; clear:both;}
div#preview .title{background:url(../img/common/right_preview.gif) no-repeat; height:18px; text-align:right; vertical-align:middle; padding:10px 10px 0 0;}
div#weekBest{background:url(../img/common/right_weekbest.gif) no-repeat top left; margin-top:20px; padding:25px 5px 5px 15px;}
div#weekBest td{ color:#4d4d4d; font-family:dotum; font-size:12px; padding:2px;}
div#weekBest a{ color:#4d4d4d;}
div#weekBest table{margin-top:15px;}
div#subMaster{ margin-top:20px; border:#e2e2e2 solid 1px; width:198px; float:right; text-align:left;}
div#subHistory{ margin-top:20px; border:#e2e2e2 solid 1px; width:198px; float:right; text-align:left;}

/*기획이북*/
div#sub_left_planmn{float:left; width:175px; margin-left:10px; background:url(../img/sub/title_plan.gif) no-repeat top left;}
div#sub_left_planmn_eng{float:left; width:175px; margin-left:10px; background:url(../img/eng/sub/title_plan.png) no-repeat top left;}
.ebookmn{background:url(../img/best/bg_mnmid.gif) repeat-y top left; padding:0 5px; text-align:left;}
.ebookmn_tab{text-align:center; margin:0 5px 10px;}
.ebookmn .mn2dp{margin:0 7px 0 18px;}
.ebookmn .mn2dp div{color:#626262; border-bottom:#e5e5e5 solid 1px; background:url(../img/sub/icon.gif) no-repeat 0 10px; padding:5px 3px 5px 8px; line-height:110%; }
.ebookmn .mn2dp div .sub{color:#626262; border-bottom:#e5e5e5 solid 1px; background:url() no-repeat 0 0px; padding:0px 0px 0px 0px; line-height:110%; }
.ebookmn .mn2dp div a{color:#626262;line-height:110%; letter-spacing:-0.1em;}
.ebookmn .mn2dp div a:hover{color:#1d6fb6;}
.ebookmn .mn3dp{margin:5px; }
.ebookmn .mn3dp li{color:#8e8e8e; font-size:11px; font-family:dotum; letter-spacing:-0.05em;background:url(../img/sub/icon2.gif) no-repeat 0 10px; padding:2px 2px 1px 7px;}
.ebookmn .mn3dp li a{color:#8e8e8e; font-size:11px; font-family:dotum; letter-spacing:-0.05em;}
.ebookmn .mn3dp li a:hover{color:#1d6fb6;}
.ebookList{}
.pBox{ width:780px;}
.pBox .ptop{background:url(../img/sub/box_top.gif) no-repeat 0 0; height:15px;}
.pBox .pmid{background:url(../img/sub/box_mid.gif) repeat-y; float:left; width:780px;}
.pBox .pmid .txtList{float:left; background:url(../img/sub/box_tit.gif) no-repeat 35px 10px; width:300px; padding:60px 10px 10px 30px;}/*.pBox .pmid .txtList{float:left; background:url(../img/sub/box_tit.gif) no-repeat 30px 15px; width:480px; padding:60px 10px 10px 30px;}*/
.pBox .pmid .txtList li{background:url(../img/sub/icon_chk.gif) no-repeat 0 7px; padding:7px 0 0 20px; text-align:left;}
.pBox .pmid .planebook{float:left; width:400px; margin-left:20px;}/*.pBox .pmid .planebook{float:left; width:210px; margin-left:20px;}*/
.pBox .pmid .planebook .img img{border:#d6d6d6 solid 1px;}
.pBox .pbott{background:url(../img/sub/box_bottom.gif) no-repeat 0 0; height:15px; clear:both;}

/*서브리스트-기획,단행본,다문화 리스트*/
.selectSort{float:right; margin-top:7px; color:#73a9d0; font-family:dotum; font-size:11px;}
.selectSort strong{color:#1170b5; font-size:11px;}
.selectSort a{color:#1170b5; font-size:11px;}
.selectSort a:hover{color:#73a9d0;}
.subList{float:left; width:790px; margin-top:15px; border-bottom:#c0d2e3 1px dotted; padding-bottom:15px;}
.subList .chk{ float:left; margin-left:10px; _margin-left:5px;}
.subList .img{float:left; margin-left:10px;_margin-left:10px;}
.subList .img p{margin-top:5px;}
.subList .bookListTit{float:left; margin-left:30px; width:520px; text-align:left; position:relative;}
.subList .bookListTit .btn{position:absolute; top:0; left:530px; _left:550px;}
.subList .bookListTit .btn p{margin-top:3px;}
.subList .bookListTit .booktxt{margin-top:15px;}
.subList .bookListTit .booktxt h3{/*border:#c0d2e3 solid 1px; padding:0 8px 0 6px;*/color:#66a2cd; background:url(../img/sub/icon.gif) no-repeat 0 7px; padding-left:7px; font-size:11px; margin-top:10px; letter-spacing:-0.1em; font-family:dotum;}
.subList .bookListTit .booktxt p{padding-left:10px;}
.imgList{float:left; border:#c0d2e3 solid 1px; margin:5px 0 5px 10px; _margin:5px 0 5px 5px; padding:5px 10px 5px 5px; _padding:5px 10px;}/*.imgList{float:left; border:#c0d2e3 solid 1px; margin:5px 0 5px 10px; _margin:5px 0 5px 5px; padding:5px 10px;}*/
.imgList .btn_left{background:url(../img/sub/btn_left.gif) left no-repeat; display:block; margin-top:15px; width:5px; height:20px; cursor:pointer;}
.imgList .btn_right{background:url(../img/sub/btn_right.gif) right no-repeat; display:block; margin-top:15px; width:5px; height:20px; cursor:pointer;}
.imgList ul{ margin:15px 0 0 5px; _margin:15px 0 0 0;}
.imgList li{padding:0 7px 7px 10px; float:left; display:inline; list-style-type:none;}

/*매거진*/
.titmgz{padding-left:25px; font-family:dotum; font-size:14px; font-weight:bold; color:#0956a1; letter-spacing:-0.1em; background:url(../img/sub/icon_arw.gif) no-repeat 10px 4px; margin-top:15px;}
.mgz_bookList{float:left; width:780px; border-bottom:#c0d2e3 1px dotted;}
.mgz_bookList ul{ margin:5px 0 0 15px; _margin:5px 0 0 10px;}
.mgz_bookList li{padding:0 10px 10px 10px; float:left; display:inline; list-style-type:none; width:130px; }
.mgz_bookList li p{margin-left: 5px;}
.mgz_bookList li a{font-family:dotum; font-size:12px; color:#4d4d4d; line-height:110%;}
.mgz_bookList li .line {border:#e2e2e2 1px solid;}

.mgz_list{float:left; width:770px; border-bottom:#c0d2e3 1px dotted; position:relative; padding:10px 0 10px 15px;}
.mgz_list .btn{position:absolute; right:0; top:0;padding:10px 0px}
.mgz_list .detail{margin-left:20px; float:left; width:650px;}

/*북리스트*/
.ebook_bookList{float:left; background:url(../img/sub/bg_best2.png) no-repeat 10px 27px;height: 250px;width: 800px;}
.ebook_bookList ul{ margin:5px 0 0 38px; _margin:5px 0 0 10px;}
.ebook_bookList li{padding:0 10px 10px 10px; float:left; display:inline; list-style-type:none; width:100px; margin-top: 70px;}
.ebook_bookList li p{margin-top:5px;}
.ebook_bookList li a{font-family:dotum; font-size:12px; color:#4d4d4d; line-height:110%;}
.ebook_bookList li .line {border:#e2e2e2 1px solid;}

/*북리스트 영문*/
.ebook_bookList_eng{float:left; background:url(../img/eng/sub/bg_best2.png) no-repeat 10px 27px;height: 250px;width: 800px;}
.ebook_bookList_eng ul{ margin:5px 0 0 38px; _margin:5px 0 0 10px;}
.ebook_bookList_eng li{padding:0 10px 10px 10px; float:left; display:inline; list-style-type:none; width:100px; margin-top: 70px;}
.ebook_bookList_eng li p{margin-top:5px;}
.ebook_bookList_eng li a{font-family:dotum; font-size:12px; color:#4d4d4d; line-height:110%;}
.ebook_bookList_eng li .line {border:#e2e2e2 1px solid;}

/*단행본이북*/
div#sub_left_ebookmn{float:left; width:175px; margin-left:10px; background:url(../img/sub/title_ebook.gif) no-repeat top left;}
div#sub_left_ebookmn_eng{float:left; width:175px; margin-left:10px; background:url(../img/eng/sub/title_ebook.png) no-repeat top left;}
.ebook_top{background:url(../img/sub/bg_ebook.gif) no-repeat 50% 15px; height:220px;  _width:785px;}/*.ebook_top{background:url(../img/sub/bg_ebook.gif) no-repeat top; height:220px;  _width:785px;}*/
.ebook_List{width:480px; right:65px; top:40px; float:right; text-align:left; position:relative;}


/*다문화*/
div#sub_left_culturemn{float:left; width:175px; margin-left:10px; background:url(../img/sub/title_multi.gif) no-repeat top left;}
/*매거진*/
div#sub_left_magazine{float:left; width:175px; margin-left:10px; background:url(../img/sub/title_magazine.gif) no-repeat top left;}
.magazine_top{background:url(../img/sub/bg_magazine.gif) no-repeat 50% 15px; height:220px;  _width:785px;}
.magazine_List{width:460px; right:90px; top:30px; _top:40px; float:right; text-align:left; position:relative;}
.box_List{ color:#cecece;word-break:keep-all;height:43px;width:440px}
.box_List a:hover{color:#1d6fb6;}
.box_event{margin-top:6px; float:left; padding-top:8px; border-top:#d5d5d5 dashed 2px;width:460px;}
.box_event p{float:left;}
.box_event a{color:#e3604b; font-size:12px; font-family:dotum; font-weight:bold; padding:3px 5px;}
.box_event a:hover{color:#333;}
.box_title{ position:relative; padding-left:210px; color:#585858; font-size:14px; font-family:dotum; font-weight:bold; text-align:left; }

/*리뷰어의선택*/
div#reviewer_top{background:url(../img/reviewer/bg_visual.gif) no-repeat top; height:577px; _width:780px;}
div#reviewer_top .bestReview{width:630px; margin:100px 90px 0 60px; float:left; display:inline;}
div#reviewer_top .bestReviewLeft{float:left; width:280px; text-align:left; margin-left:10px;}
.reviewTit{color:4d4d4d; font-size:14px; font-weight:bold; font-family:dotum;float:left;}
div#reviewer_top .bestReviewRight{float:right; width:280px; text-align:left; color:#595959;}
div#reviewer_top .line{background:url(../img/reviewer/line_jum.gif) repeat-x bottom; margin:10px 0; height:2px; clear:both;}
div#reviewer_con{ margin:0 12px 0 0; text-align:left;float:left; width:750px;}

/*베스트이북*/
div#sub_left_bestmn{float:left; width:175px; margin-left:10px; background:url(../img/best/title.gif) no-repeat top left;}
div#sub_left_bestmn_eng{float:left; width:175px; margin-left:10px; background:url(../img/eng/best/title.png) no-repeat top left;}
.bestsubmnTop{background:url(../img/best/bg_mntop.gif) no-repeat top left; height:38px; margin-top:47px; }
.bestsubmnFoot{background:url(../img/best/bg_mnfoot.gif) no-repeat top left; height:79px;}
.bestsubmn{background:url(../img/best/bg_mnmid.gif) repeat-y top left; padding:5px;}
.bestsubmn ul{ margin:0 8px 0 5px;}
.bestsubmn ul li{ padding:5px 0 0 30px; _padding:1px 0 2px 30px; text-align:left;}
.bestsubmn li img{cursor:pointer;}

#bestList{width:580px;text-align:left; float:left;}
#bestList .best1{background:url(../img/best/bg_best1.gif) no-repeat top left; text-align:left; float:left; height:220px; width:575px; margin-top:5px; padding-top:10px;}
#bestList .listmg{ margin:5px 0 0 15px; _margin:5px 0 0 5px; float:left; width:550px; position:relative; padding-bottom:20px;}
#bestList .bestnumber{float:left; text-align:left; margin-top:30px; width:35px;}/*#bestList .bestnumber{float:left; text-align:left; margin-top:30px; width:35px;}*/
#bestList .bestnumber p{margin-top:10px;}

/*신간이북*/
div#newmain_top{background:url(../img/new/bg_visual2.gif) no-repeat top left; height:585px;float:left; margin-left:10px; _margin-left:5px;_width:770px;}
div#newmain_top_eng{background:url(../img/eng/new/bg_visual2.png) no-repeat top left; height:585px;float:left; margin-left:10px; _margin-left:5px;_width:770px;}
div#newmain_top .bookimgBack{background:url(../img/new/imgBack.gif) no-repeat center top; padding:4px; float:left;}
.newmain_top1{width:610px; margin:35px 20px 10px 125px; _margin:35px 0 10px 60px; float:left; text-align:left; position:relative;}
.newmain_topList{width:590px; margin:100px 30px 0 60px; _margin:0 0 0 60px; float:left; text-align:left; /*background:url(../img/new/line_jum.gif) top repeat-x;*/ padding-top:5px;}

/*체험이북*/
div#expmain_top{background:url(../img/exp/bg_visual.gif) no-repeat top; height:290px;  _width:785px;}
.expmain_top1{width:480px; right:65px; top:30px; float:right; text-align:left; position:relative;}/*.expmain_top1{width:480px; right:65px; top:30px; float:right; text-align:left; position:relative;;}*/

/*스마트이북*/
div#smartmain_top{background:url(../img/smart/bg_visual.gif) no-repeat top; height:360px;  _width:785px;}
.smartmain_top1{width:400px; right:100px; top:35px; float:right; text-align:left; position:relative;}


/*탭메뉴*/
.tab{width:97%; padding:0 10px; float:left; background:url(../img/search/tab_line.gif) repeat-x; text-align:left; height:37px;}
.tab ul{float:left;}
.tab li{float:left;background:url(../img/search/tab_back2.gif) no-repeat top; width:123px; margin:0 3px;  height:35px;letter-spacing:-0.1em;}
.tab li a{ color:#09497f; font-size:14px; font-weight:bold; background:url(../img/search/tab_back2.gif) no-repeat top; width:123px; display:block; text-align:center; padding-top:13px; height:22px; font-family:dotum; letter-spacing:-0.1em;}
.tab li a:hover{ color:#3880bc;}
.tab ul li.tabs-selected{color:#09497f; background:url(../img/search/tab_back1.gif) no-repeat top; width:123px; font-size:14px; font-weight:bold; display:block; text-align:center; padding-top:10px; height:25px; font-family:dotum;}

/*검색페이지*/
.rightAlign{position:absolute; right:10px; top:8px; color:#1170b5; font-size:11px;font-family:dotum;}
.rightTop{position:absolute; top:5px; right:10px;}
.search_result{text-align:left; padding:10px; font-family:dotum; font-size:12px; color:#4d4d4d; position:relative;}
.search_result strong{font-weight:bold; color:#4d4d4d;}
.searchList{float:left; padding:5px 0 5px 0; position:relative; }
.listjumLine{border-bottom:#c0d2e3 dotted 1px; padding-bottom:10px; *padding-bottom:0px; margin-bottom:10px;}
.searchList{ padding:0;}
.searchList .bookImg{float:left; width:86px; margin-left:10px; text-align:center;}
.searchList .detail{float:left; width:770px; margin-left:25px; text-align:left;}
.searchList .detail2{float:left; width:895px; *margin-left:10px; text-align:left;}
.searchList .title{font-size:14px; letter-spacing:-0.05em; font-family:dotum; color:#4d4d4d;}
.searchList .detail strong{color:#f55c42;}
.searchList .btn{ position:absolute; right:0; top:0;}
.searchList .btn p{margin-top:3px;}
.searchInside{background:url(../img/search/txt_searchinside.gif) no-repeat 10px 3px; border:#c0d2e3 dotted 1px; border-left:none; border-right:none; padding:5px 0 5px 100px; margin-top:10px;}
.searchInside input{ border:#0e6baf solid 1px; width:230px; height:15px; color:#333333;}
.searchReview{ margin-top:15px; color:#4d4d4d; font-family:dotum; font-size:12px;}
.searchReview strong{font-weight:bold;color:#4d4d4d; }
.txtBox{border:#c0d2e3 solid 1px; background-color:#f3f7fb; margin:8px 8px 0 0; line-height:170%; color:#818181;}
.txtWhiteBox{border:#c0d2e3 solid 1px; margin:8px 10px 0 0; line-height:170%; color:#818181;}
.blueBack{ background-color:#73a9d0; font-family:dotum; font-size:11px;color:#fff; padding:2px 10px; font-weight:bold; margin-right:10px;}
.starback{background-color:#fff; padding:5px; color:#4d4d4d; font-family:dotum; font-size:11px; border-top:#c0d2e3 dotted 1px; position:relative;}
.searchBox{border:#c0d2e3 solid 2px; float:left; padding:20px; width:938px; margin-left:10px;_margin-left:3px;}
.searchBox2{border-top:#c0d2e3 solid 2px;float:left; padding:20px; width:938px; margin-left:10px;_margin-left:3px;}
.search_container{}
.search_container h2{ text-align:left; margin-left:10px;}
.listBtn{margin:10px 0 15px; padding-right:20px;}
.listBtn1{margin:0 0 20px; padding-right:20px;}
.listBtn2{margin-left:30px; clear:both; padding:10px 0 10px;}
.highlight{color:#f55c42;}

/*검색탭*/
.searchtab{margin-top:5px; width:97%; padding:0 10px; float:left; background:url(../img/search/tab_line.gif) repeat-x; text-align:left; height:37px;}
.searchtab ul{float:left;}
.searchtab li{float:left;background:url(../img/search/tab_back2.gif) no-repeat top; width:185px; margin:0 3px;  height:35px;letter-spacing:-0.1em;}
.searchtab li a{ color:#09497f; font-size:14px; font-weight:bold; background:url(../img/search/tab_back2.gif) no-repeat top; width:185px; display:block; text-align:center; padding-top:13px; height:22px; font-family:dotum; letter-spacing:-0.1em;}
.searchtab li a:hover{ color:#3880bc;}
.searchtab ul li.tabs-selected{color:#09497f; background:url(../img/search/tab_back1.gif) no-repeat top; width:185px; font-size:14px; font-weight:bold; display:block; text-align:center; padding-top:10px; height:25px; font-family:dotum;}

/*상세검색
.dsearch{float:left; padding:5px 0 10px 0; border-bottom:#c0d2e3 solid 1px;  border-top:#c0d2e3 solid 1px;position:relative;}
.dsearch .step1{float:left; padding:10px; width:170px; height:250px;}
.dsearch .step2{float:left; padding:10px; background:url(../img/search/bg_arw.gif) 0 0 no-repeat; width:200px; height:250px;}
.dsearch .step3{float:left; padding:10px; background:url(../img/search/bg_arw.gif) 0 0 no-repeat; width:260px; height:250px;}
.dsearch .step4{float:left; padding:10px; background:url(../img/search/bg_arw.gif) 0 0 no-repeat; width:280px; height:250px;}
.dsearch .title{ background-color:#e0eaf4; padding:7px;}
.dsearch div{padding:10px 0 0 35px; margin-top:20px;}
.dsearch p{padding:4px 0; color:#558bc2; font-family:dotum; font-size:12px;}
.dsearch .step4 div img{padding-top:10px;}
.dsearch td input{border:#c0d2e3 1px solid;}
.dsearch td{padding:3px 0;}
.dsearchImg{background:url(../img/search/dsearch_img.gif) no-repeat; width:130px; height:72px; position:absolute; right:20px; bottom:-8px; padding:0; margin:0;}*/

/*상세검색*/
.detail_search{padding:10px 0 10px 30px; border:#c0d2e3 solid 2px; text-align:left; margin:10px;}
.detail_search .stitle{color:#558bc2; font-size:12px; background:url(../img/sub/icon1.gif) no-repeat 0 5px; padding:0 0 5px 10px; margin:5px 0;}
.detail_search .grp1{background:url(../img/search/dsearch_stit1.gif) no-repeat 0px 3px; padding-left:100px; margin:10px 0; padding-bottom:20px;}
.detail_search .grp1_eng{background:url(../img/eng/search/dsearch_stit1.png) no-repeat 0px 3px; padding-left:100px; margin:10px 0; padding-bottom:20px;}
.detail_search .grp1 input{border:#c0d2e3 2px solid; width:200px; height:16px;}
.detail_search .grp2{background:url(../img/search/dsearch_stit2.gif) no-repeat 0px 2px; padding-left:100px; margin:10px 0; padding-bottom:20px;}
.detail_search .grp2_eng{background:url(../img/eng/search/dsearch_stit2.png) no-repeat 0px 2px; padding-left:100px; margin:10px 0; padding-bottom:20px;}
.detail_search .grp3{background:url(../img/search/dsearch_stit3.gif) no-repeat 0px 1px; padding-left:100px; margin:10px 0;}
.detail_search .grp3_eng{background:url(../img/eng/search/dsearch_stit3.png) no-repeat 0px 1px; padding-left:100px; margin:10px 0;}

/*오늘검색한 단어*/
.todaySearch{ text-align:left; margin:20px;}
.todaySearch .title{border-bottom:#c0d2e3 solid 1px; padding-bottom:10px;}
.todaySearch .todayList{border-bottom:#c0d2e3 dotted 1px; padding:5px 10px; float:left; width:940px;}



.search_noresult{border-bottom:#c0d2e3 solid 1px; padding:50px 0 50px 250px; background:url(../img/search/img_noresult.gif) 50px 30px no-repeat; margin-bottom:100px;}
.search_noresult p{ font-family:dotum; font-size:12px; font-weight:bold; color:#4d4d4d; letter-spacing:-0.05em;}


/*상세보기페이지*/
div#sub_detailTop{border-bottom:#c0d2e3 1px solid; height:45px; position:relative; }
.detail_location{position:absolute; left:10px; top:20px; font-size:11px; font-family:dotum;}
.detail_location select{border:#cdcdcd solid 1px; font-size:11px; font-family:dotum; color:#3875b2; }
div#product_view{background:url(../img/view/top_gra.gif) no-repeat top center;float:left;}
.product_book{float:left; width:150px; margin:25px 35px 0 20px;}
.product_book .bookBox{ background:url(../img/view/gra.gif) repeat-x bottom; padding-bottom:27px; width:149px;}
.product_detail{float:left; width:560px; _width:540px; margin-top:30px; text-align:left;}
.product_detail h2{ border-bottom:#c0d2e3 dotted 1px; margin:10px 0;}
.product_detail .bookdetail{position:relative;}
.product_detail .bookdetail ul{margin:5px 0;}
.product_detail .bookdetail li{ padding:1px 0 1px 5px; font-size:11px; color:#a1a1a1;}
.product_detail .bookdetail strong{ font-weight:bold; font-size:11px; letter-spacing:-0.05em;}
.product_detail .reviewStar{position:absolute; right:60px; top:0; width:150px;}
.product_detail ul{margin:15px 0 0 0;}
.product_detail li{ padding:1px 0 2px 90px;}

.product_detail .txt1{background:url(../img/view/txt1.gif) no-repeat 0 2px;}
.product_detail .txt1_eng{background:url(../img/eng/view/txt1.png) no-repeat 0 2px;}
.product_detail .txt2{background:url(../img/view/txt2.gif) no-repeat 0 2px;}
.product_detail .txt2_eng{background:url(../img/eng/view/txt2.png) no-repeat 0 2px;}
.product_detail .txt3{background:url(../img/view/txt3.gif) no-repeat 0 2px;}
.product_detail .txt4{background:url(../img/view/txt4.gif) no-repeat 0 2px;}
.product_detail .txt5{background:url(../img/view/txt5.gif) no-repeat 0 2px;}
.product_detail .txt6{background:url(../img/view/txt6.gif) no-repeat 0 2px;}
.product_detail .txt6_eng{background:url(../img/eng/view/txt6.png) no-repeat 0 2px;}
.product_detail .txt7{background:url(../img/view/txt7.gif) no-repeat 0 2px;}
.product_detail .txt7_eng{background:url(../img/eng/view/txt7.png) no-repeat 0 2px;}
.product_detail .txt7_1{background:url(../img/view/foruse_01.gif) no-repeat 0 0px;}
.product_detail .txt7_2{background:url(../img/view/foruse_02_01_.gif) no-repeat 0 0px;}
.product_detail .txt7_2_eng{background:url(../img/eng/view/foruse_02_01_.png) no-repeat 0 0px;}
.product_detail .txt9{background:url(../img/view/txt9.gif) no-repeat 0 2px;}

.product_detail .mgzdetail{margin-top:20px; float:left; width:500px;}
.product_detail .mgzdetail .dl{ float:left; clear:both; padding:4px 0;}
.product_detail .mgzdetail .tit{ float:left; width:80px; font-weight:bold; font-size:12px; letter-spacing:-0.1em; font-family:dotum; color:#598bbc; background:url(../img/sub/icon1.gif) no-repeat 0 5px; padding-left:7px;}
.product_detail .mgzdetail .txt{ float:left; width:150px; font-size:11px; color:#a1a1a1; font-family:dotum;}

.product_searchInside{ border:#c0d2e3 solid 1px; background:url(../img/view/img_search.gif) no-repeat 15px 2px; padding:12px 5px 12px 130px; margin:20px 0;}
.search_blueLineBox{ border:#0e6baf solid 3px; width:150px; height:15px; color:#333333;}
.product_searchList{ margin-top:5px; padding:10px; color:#4d4d4d; border-bottom:#c0d2e3 dotted 1px;}
div#foruser{position:absolute; top:155px; right:90px;visibility:hidden; cursor:pointer;}
.product_aboutBook{ text-align:left; margin:15px 15px 10px 15px;}
.product_aboutBook .Dtxt{ margin:15px 3px; line-height:160%; color:#818181;}
.product_bookList{float:left; border:#c0d2e3 solid 2px;}
.product_bookList .btn_left{background:url(../img/main/btn_arw_left.gif) no-repeat; display:block; margin:40px 0 0 15px; _margin:40px 0 0 10px; width:5px; height:20px; cursor:pointer;}
.product_bookList .btn_right{background:url(../img/main/btn_arw_right.gif) right no-repeat; display:block; margin-top:40px; width:5px; height:20px; cursor:pointer;}
.product_bookList .btn_left2{background:url(../img/common/btn_arw_left.gif) no-repeat; display:block; margin:40px 0 0 15px; _margin:40px 0 0 10px; width:5px; height:20px; cursor:pointer;}
.product_bookList .btn_right2{background:url(../img/common/btn_arw_right.gif) right no-repeat; display:block; margin-top:40px; width:5px; height:20px; cursor:pointer;}
.product_bookList ul{ margin:15px 0 0 5px; _margin:15px 0 0 0;}
.product_bookList li{padding:0 7px 7px 10px; float:left; display:inline; list-style-type:none;}
.product_bookList li p{margin-top:5px; font-family:dotum; font-size:12px; color:#4d4d4d;}
.product_bookList li .line {border:#e2e2e2 1px solid;}

/*매거진뷰어*/
.mgzviewerBg{width:934px; background:url(../img/sub/bg_mgzviewer.jpg) repeat-y 0 0; float:left;}
.mgzviewerBg .viewer{background:transparent url(../img/sub/bg_mgzviewer_top.jpg) no-repeat 0 0; float:left; width:934px;}
.viewerLeft{float:left; width:235px; background:url(../img/sub/mgz_tit.gif) no-repeat 25px 100px;}
.viewerLeft ul{ margin:140px 10px 10px 25px;}
.viewerLeft li{ background:url(../img/sub/mgz_cong.gif) no-repeat 0 8px; padding:2px 0 2px 8px;}
.viewerCon{float:left; width:620px; margin:15px 0 30px 25px; _margin:15px 0 30px 20px; *padding-bottom:30px; position:relative;}
.viewerCon .mgzCon{ margin:0 45px 10px 0;}
.viewerCon .mgztit{font-family:dotum; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-0.1em; padding:10px 5px;}
.viewerCon .nextmn{color:#fff5a4; font-family:dotum; font-size:12px; font-weight:bold; position:absolute; right:65px; _right:75px; top:12px;}
.viewerCon .nextmn a{color:#fff5a4; font-family:dotum; font-size:12px;}
.viewerCon .nextmn a:hover{color:#fff;}
.viewerCon .close{position:absolute; right:15px; top:8px;}
.viewerCon .stit{color:#2a2a2a; font-weight:bold; font-size:12px; font-family:dotum; border-bottom:#d5d5d5 1px solid; padding:8px;}
.viewerCon table{margin:20px 0 10px 10px;}
.viewerCon td{padding:5px;}
.writerinfo{background-color:#ededed; padding:1px 10px; border:#d3d3d3 solid 1px; font-family:dotum; font-size:11px; letter-spacing:-0.05em; margin-top:10px; color:#747474; float:left;}
.mgzphoto{float:left; margin-top:10px;}
.mgzphoto p{float:left;}
.mgzphoto .num{ width:20px; height:26px; text-align:center; font-family:arial; font-size:18px; font-weight:bold; color:#fff; background-color:#ff6d0d;}


div#weekly_view0{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}
div#weekly_view1{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}
div#weekly_view2{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}
div#weekly_view3{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}
div#weekly_view4{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}
div#weekly_view5{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}
div#weekly_view6{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}
div#weekly_view7{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}
div#weekly_view8{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}
div#weekly_view9{position:absolute; left:0; top:0; width:100; padding:10px; background-color:#eeeeee; layer-background-color:yellow; visibility:hidden;}


.nb_no { color:#12537d; font-family:tahoma; font-size:11px; text-align:left; }
.pa-bo-20{padding-bottom: 20px;}
.bookImgBack{background:url(../img/new/back.gif) no-repeat 0 0; width: 150px; height: 200px;}
.bookImgBack a img{width:137px;height:193px; overflow: hidden; border: 1px solid #d6d6d6;}
.planView{position: relative; top: -180px; right: -60px; cursor:pointer;}
.bookImgBack2{background:url(../img/new/back.gif) no-repeat 0 0; background-size: 90px 130px;    height: 130px;    width: 100px;position: absolute;}
.bookImgBack2 img{cursor: pointer; position: relative; left: -7px; width: 84px;    height: 123px;    overflow: hidden;}
.borderLine{border: #e2e2e2 1px solid;}
.bookImgBack3{background:url(../img/new/back.gif) no-repeat 0 0; background-size: 90px 130px;    height: 130px;    width: 100px;position: absolute;}
.bookImgBack3 img{cursor: pointer; position: relative; left: -7px; width: 84px;    height: 123px;    overflow: hidden;}
.pa-le-25{padding-left:30px !important;}


.bookListBox .snip1384 {
  font-family: dotum, Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 130px;
  max-width: 155px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  height:200px;
}
.bookListBox .snip1384 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.bookListBox .snip1384 p a img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
.bookListBox .snip1384:after,
.bookListBox figcaption {
  position: relative;
  top: -180px;
  bottom: 0;
  right: 0;
  width: 120px;
  height: 165px; 
  opacity: 0;
  overflow: hidden;
  padding-bottom: 10px;
}
.bookListBox .snip1384:after,
.bookListBox .snip1384 figcaption:after{
  content: '';
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
.bookListBox .snip1384:hover figcaption {
  z-index: 1;
  opacity: 1;
}
.bookListBox .snip1384 .bookTit,
.bookListBox .snip1384 figcaption .links {
  width: 100%;
  margin: 5px 0;
  padding: 0;
}

.bookListBox .snip1384 figcaption p {
  font-size: 0.9em;
  font-family: dotum;
  color: #cac7c7;
  font-weight: 300;
  letter-spacing: 1px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  padding:5px;
}
.bookListBox .snip1384 figcaption .bookTit {
  font-size: 1.0em;
  font-family: dotum;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 1px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  padding: 0px 5px 3px 5px;
}
.bookListBox .snip1384 figcaption i {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 20px 25px;
  font-size: 34px;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.bookListBox .snip1384 figcaption a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.bookListBox .snip1384:hover p a img,
.bookListBox .snip1384.hover p a img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.bookListBox .snip1384:hover:after,
.bookListBox .snip1384.hover:after {
  opacity: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.bookListBox .snip1384:hover figcaption .bookTit,
.bookListBox .snip1384.hover figcaption .bookTit,
.bookListBox .snip1384:hover figcaption p,
.bookListBox .snip1384.hover figcaption p,
.bookListBox .snip1384:hover figcaption i,
.bookListBox .snip1384.hover figcaption i,
.bookListBox .snip1384.hover figcaption{
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}