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

body,tr,td { font-size:12px;
font-family:dotum;
color:#333333;
line-height:18px;
	/*margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;*/
}

a:link {	color:#444444; font-size:12px;line-height: 18px;text-decoration:none;}
a:visited {	color:#444444; font-size:12px;line-height: 18px;text-decoration:none;}
a:hover {	color:#444444;font-size:12px; text-decoration:underline; }

a.bo:link {	color:#3774B1; font-weight:bold; text-decoration:none;}
a.bo:visited {	color:#3774B1; font-weight:bold; text-decoration:none;}
a.bo:hover {	color:#3774B1; font-weight:bold; text-decoration:underline;}

a.bs:link {	color:#3774B1;  text-decoration:none; line-height:16px}
a.bs:visited {	color:#3774B1; text-decoration:none; line-height:16px}
a.bs:hover {	color:#3774B1; text-decoration:underline; line-height:16px}

a.bo2:link {	color:#3774B1; font-weight:bold; text-decoration:none; font-size: 14px;}
a.bo2:visited {	color:#3774B1; font-weight:bold; text-decoration:none; font-size: 14px;}
a.bo2:hover {	color:#3774B1; font-weight:bold; text-decoration:underline; font-size: 14px;}

a.bo22:link {	color:#444444; font-weight:bold; text-decoration:none; font-size: 14px;line-height:24px;}
a.bo22:visited {	color:#444444; font-weight:bold; text-decoration:none; font-size: 14px;line-height:24px;}
a.bo22:hover {	color:#3774B1; font-weight:bold; text-decoration:underline; font-size: 14px;line-height:24px;}

a.gr9:link {	color:#999999; text-decoration:none;}
a.gr9:visited {	color:#999999; text-decoration:none;}
a.gr9:hover {	color:#999999; text-decoration:underline;}

a.gr6c:link {	color:#6c6c6c; text-decoration:none;}
a.gr6c:visited {	color:#6c6c6c; text-decoration:none;}
a.gr6c:hover {	color:#6c6c6c; text-decoration:underline;}

a.gr66:link {	color:#666666; text-decoration:none;}
a.gr66:visited {	color:#666666; text-decoration:none;}
a.gr66:hover {	color:#666666; text-decoration:underline;}

a.rebl:link {	color:#5e8bc3; text-decoration:none;}
a.rebl:visited {	color:#5e8bc3; text-decoration:none;}
a.rebl:hover {	color:#5e8bc3; text-decoration:underline;}

a.rebc:link {	color:#444444; text-decoration:none;}
a.rebc:visited {	color:#444444; text-decoration:none;}
a.rebc:hover {	color:#444444; text-decoration:underline;}

ul,li,dl,dt,dd	{ list-style:none; margin:0px; padding:0px; }
img {border:0;}
.tc {text-align:center;}

.right_pd20 {padding-right:20px;}
.P_box1 {padding-top:10px;margin:0px; }
.P_box2 {padding-top:18px;margin:0;}
.P_box3 {padding-top:8px;margin:0px; font-size:11px;color:#5e8bc3;}
.s_pd5 {clear:both;padding-top:5px}
.s_pd3 {clear:both;padding-top:3px}
.s_pd11 {clear:both;padding-top:11px}
.re_brbox {border:1px solid #CCCCCC;}

.fr {float:right;}

/*main*/
#re_header {}
#re_header ul {list-style:none; margin:0px; padding:0px;}
#re_header li {display:inline;}
#re_mainbox {margin-left:15px;}

.re_mainT {border-bottom:1px solid #ededed;padding-bottom:6px;}
.re_mainT2 {border-bottom:1px solid #ededed;padding-bottom:3px;}

.re_mbook {text-align:center;padding:10px 10px 0 10px;font-weight:bold;font-size:12px;}
.re_mbook img {padding:2px 0 5px 0;}
.re_notice {border:1px solid #e9e9e9;background:#f3f3f3;letter-spacing:-1px;}
.re_mbook .ibox {margin:2px 0 5px 0;}

.re_book2 dl {/*background:#99CC33;*/clear:both;width:237px;float:left;display: inline;margin:10px 0 0 0; padding:0;}
.re_book2 dt {/*background:#FF6600;*/width:142px;float:right;margin:0; padding:0;color:#333333; }
.re_book2 dd {/*background:#FFCC00;*/float:left;margin:0; padding:0;}
.re_mlayer {background:url(//image.aladin.co.kr/img/recommend/2010/main_layer01.gif) no-repeat;padding:33px 19px 0 19px;}
.re_book2 .ibox {margin:2px 0 5px 0;}

.re_essaybox {/*border:1px solid #ededed;background:url(//image.aladin.co.kr/img/recommend/2010/main_essaybg.gif) repeat-x;*/padding:9px 9px 3px 9px;float:left;}
.re_book3 dl {/*background:#99CC33;*/clear:both;width:217px;float:left;display: inline;margin:0; padding:0 0 10px 0;}
.re_book3 dt {/*background:#FF6600;*/width:124px;float:right;margin:0; padding:0;color:#333333; }
.re_book3 dd {/*background:#FFCC00;*/float:left;margin:0; padding:0;}
.re_essaysb {float:left;font-size:11px;margin-right:10px;width:65px;}
.re_essaysb .ibox {margin-bottom:5px;}
.re_essaysb img {padding-bottom:5px;}
.re_essaysb2 {float:left;font-size:11px;width:65px;}
.re_essaysb2 .ibox {margin-bottom:5px;}
.re_essaysb2 img {padding-bottom:5px;}

#re_mrightbox {float:right;width:238px;border:1px solid #ededed;}
.re_mrightbox2 {border-bottom:1px solid #e8e8e8;}

.re_rbox { padding:11px 11px 12px 11px;}
#re_kidbn {border-bottom:1px solid #e8e8e8;width:238px;}

.re_book dl {/*background:#99CC33;*/clear:both;width:216px;float:left;display: inline;margin:10px 0 0 0; padding:0;}
.re_book dt {/*background:#FF6600;*/width:143px;float:right;margin:0; padding:0;color:#333333; }
.re_book dd {/*background:#FFCC00;*/float:left;margin:0; padding:0;}

/*메인-명사추천 책*/
.re_maintopT {/*background:url(//image.aladin.co.kr/img/recommend/2010/main_top_tbg.gif) no-repeat;*/text-align:center;padding-top:11px;}
.re_maintopB {background:url(//image.aladin.co.kr/img/recommend/2010/main_top_bbg.gif) bottom;}
.re_maintopB2 {width:149px;float:left;}

/*100대 200대 인기 분야*/
#sub_contentsbox {margin:0 21px 0 21px; padding-bottom:30px;}
#sub_contentsbox h1 {font-size:20px; font-weight:bold;margin:0;padding:0; float:left;line-height:24px;}
.subtit_bar {clear:both;border-bottom:2px solid #c8c8c8;padding:0 0 8px 0;}

.re_bodycate {float:left;}
.re_bodycate dl {/*background:#99CC33;*/width:278px;float:left;display: inline;margin:0; padding:0;}
.re_bodycate dt {/*background:#FF6600;*/width:121px;float:right;margin:0; padding:0;color:#666666; }
.re_bodycate dd {/*background:#FFCC00;*/float:left;margin:0; padding:0;}

#re_cetabox {border:1px solid #e8e8e8;padding:10px;}
#re_cetabox h2 {font-size:12px; font-weight:bold;margin:0;padding:0; }
#re_cetabox ul {margin:9px 10px 10px 10px; }
#re_cetabox li {padding:0 0 3px 0; }
#re_cetabox .se {border-top:1px solid #e8e8e8;padding:1px;margin:3px 0 3px 0; }

/*좌측 메뉴바*/
#re_menubar {padding:0 14px 0 14px;letter-spacing:-1px;}
#re_menubar h2 {font-size:12px; font-weight:bold;margin:0;padding:0; }
#re_menubar ul {margin:9px 10px 18px 0; }
#re_menubar li {padding:0 0 3px 0; }
#re_menubar ul.pd5 {margin:9px 10px 5px 0; }

/*독서 대상별 찾기*/
#sub_contentsbox2 {margin:0 0 0 21px; padding-bottom:30px;}
.re_target {background:url(//image.aladin.co.kr/img/recommend/2010/tap_bg.gif) repeat-x;margin-bottom:11px;}
.result_info {margin-bottom:3px; }

.re_paging {color:#dcdcdc;text-align:center;}
.re_paging2 {color:#dcdcdc;text-align:center;margin-top:6px;}

.re_line {border-top:1px solid #e6e6e6;margin:10px 0 10px 0;padding-top:2px;}
.re_book1 {float:left;width:85px;margin-right:10px;}
.re_book2 {float:left;width:85px;}
.re_book1 img {padding-bottom:5px;}
.re_book2 img {padding-bottom:5px;}
.re_book1 .ibox {margin:2px 0 5px 0;}

/*독서 대상별 찾기 끝*/

.re_spc {color:#f46516}
.re_spc2 {color:#f79638;font-weight:bold;}
.re_navi {color:#cccccc; padding:12px 0 10px 0;}
.author {color:#919191;}
.votebox {padding:10px 0 0 0; }
.linebox {clear:both; width:576px;}

/**/
.re_type_on {background:#f3aa0c;height:2px;}
.re_type_off {background:#dadada;height:2px;}
.re_type_dot { background:url(//image.aladin.co.kr/img/recommend/2010/type_dot.gif) no-repeat 2px 50%;padding:6px 0 4px 11px;width:25%; }

/*미디어*/
.re_media {float:left;background:url(//image.aladin.co.kr/img/recommend/2010/media_box01.gif) no-repeat;padding:10px 10px 0 10px;}
.re_mediabook {float:left;width:119px;text-align:center;margin:18px 10px 5px 10px;}
.re_mediabook img {padding:0 0 5px 0;}
.re_mediabook .ibox {margin:2px 0 5px 0;}

/*에세이*/
.re_essay {}
.re_essay dl {/*background:#99CC33;*/width:430px;float:left;display: inline;margin:0; padding:0;}
.re_essay dt {/*background:#FF6600;*/width:272px;float:right;margin:0; padding:0;color:#666666; }
.re_essay dd {/*background:#FFCC00;*/float:left;margin:0; padding:0;}
.re_essayline {border-top:1px solid #e6e6e6;margin:15px 0 15px 0;padding-top:2px;}

.re_essaytop {background:url(//image.aladin.co.kr/img/recommend/2010/essay_box01.gif) no-repeat;padding:16px 16px 0 16px;}

/*유아.어린이 키워드별 책 찾기*/
#re_kidtap {background:url(//image.aladin.co.kr/img/recommend/2010/kid_box04.gif) no-repeat; height:32px;}
#re_kidbox {background:url(//image.aladin.co.kr/img/recommend/2010/kid_box01.gif) no-repeat;padding:25px 15px 0 15px; }
.re_kidbu {text-align:center;padding-top:5px;}
.re_kidt {padding-top:7px;color:#7a9fd4;font-weight:bold;}
.re_kidon {color:#eb640b;font-weight:bold;}

/*레이어*/
.re_layer {}
.re_layer li {padding:2px 4px 2px 4px; /*border-bottom:1px solid #CCCCCC;*/}
.re_layer li.last {padding:4px; /*border-bottom:0px solid #CCCCCC; */}

.award_em {backgroud:url(//image.aladin.co.kr/img/recommend/2010/award_bg3.gif) no-repeat;padding:2px 0 0 26px;color:#c95101;}

/* 101103_신간평가단 추천 도서 */
.r_p_box { padding: 0 0 0 15px;}
.r_p_title { padding:0 0 15px 0; background:url(//image.aladin.co.kr/img/recommend/p_title_bg.jpg) top left repeat-x;  }
.r_propose ul{ float:left; list-style: none; margin: 0px; padding: 0px;}
.r_propose li{padding:0 0 0 12px;	background:url(//image.aladin.co.kr/img/recommend/rcenter_dot.gif) no-repeat 0px 4px;	}

.recommend_media_tab {text-align:center; background-color:#ffffff; float:left; width:100%; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; font-size:15px;box-sizing:border-box;  text-align:center; margin-bottom:20px;   }
.recommend_media_tab li { float:left; display:inline; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;background:#656565; }
.recommend_media_tab li.on {background:#38abee; } 
.recommend_media_tab li p { width:123px}	
.recommend_media_tab li p a { display:block; text-decoration:none; color:#ffffff!important;  }

.re_meun_wrap {border:1px #e8e8e8 solid; padding:15px 0 10px 0; border-radius:5px;}
.top_banner_wrap {margin-bottom:10px; margin-left:20px;}

.recommend_top {width: 930px; height: 57px; border-bottom: 1px solid #d9d9d9; margin: 0 auto 12px auto ; display: flex; align-items: center;}
.recommend_tit {margin: 0; margin: 0 50px 0 35px; }
.recommend_tit a {display: inline-block;  font-size: 25px!important; font-family: 'Noto Sans KR'; font-weight: bold; line-height: 1.2; margin-top: -4px; color: #222;}
.recommend_tit a:hover, .recommend_tit a:visited {text-decoration: none; color: #222;}
.recommend_tit a em {color: #2c80bb; font-style: normal;}
.recommend_top ul {display: flex;}
.recommend_top ul li {margin-right: 30px;}
.recommend_top ul li a {font-size: 13px; font-weight: bold;}
.recommend_top ul li a:hover {text-decoration: none; color: #2c80bb;}

#re_menubar h4 {font-size: 13px; color: #333; margin: 0;}
#banner_115_naviContainer {width: 100%; display: flex;}
#banner_115_naviContainer > div {height: 27px; line-height: 27px; flex: 1; text-align: center; color: #fff; opacity: 0.6; font-size: 11px;}
#banner_115_naviContainer > div.on {opacity: 1;}

.re_mainT_new {border-bottom: 1px #eeeeee solid; padding:0 0 8px 0;}
.re_mainT_new a {display: flex; justify-content: space-between; align-items: center;}
.re_mainT_new a:hover {text-decoration: none;}
.re_mainT_new .tit {font-weight: bold; font-size: 12px;}
.re_mainT_new .tit em {font-style: normal; color: #5e8bc3;}
.re_mainT_new .more {font-size:11px; color: #797979;}

.re_rbox_tit a {display: flex; justify-content: space-between; align-items: center;}
.re_rbox_tit a:hover {text-decoration: none;}
.re_rbox_tit .tit {font-weight: bold; font-size: 12px;}
.re_rbox_tit .tit em {font-style: normal; color: #5e8bc3;} 
.re_rbox_tit a .more {font-size:11px; color: #797979; flex-shrink: 0;}

.recommend_top_bn {width: 745px; height: 270px;}
.recommend_top_bn .swiper-slide a {display: block; height: 100%;}
.recommend_top_bn .swiper-slide a:hover {text-decoration: none;}
.recommend_top_bn .swiper-slide .banner_box {height: 100%; display: flex; align-items: center; position: relative; background-color: #fff;}
.recommend_top_bn .swiper-slide .banner_box::after {content: ''; display:block; width: 25px; height: 25px; background: url(//image.aladin.co.kr/img/recommend/bn_icon_go.png) no-repeat center; position: absolute; right: 20px; bottom: 25px;}
.recommend_top_bn .swiper-slide .banner_box .cover {width: 152px; height: 220px; display: flex; align-items: center; margin:0 40px; flex-shrink: 0;}
.recommend_top_bn .swiper-slide .banner_box .cover img {width: 100%;}
.recommend_top_bn .swiper-slide .banner_box .cover {width: 152px;}
.recommend_top_bn .swiper-slide .banner_box .txt {font-family: 'Noto Sans KR';}
.recommend_top_bn .swiper-slide .banner_box .txt .txt1 {font-size: 18px; line-height: 1.2; color: #2c82bd; margin-bottom: 10px;}
.recommend_top_bn .swiper-slide .banner_box .txt .txt2 {font-size: 36px; line-height: 1.2; color: #2c82bd; margin-bottom: 20px; font-weight: bold; letter-spacing: -1.9px;}
.recommend_top_bn .swiper-slide .banner_box .txt .txt3 {font-size: 26px; line-height: 1.2; color: #333; font-weight: bold; letter-spacing: -0.75px;}

.recommend_top_bn_tab {height: 27px; background-color: #242424;}
.recommend_top_bn_tab .swiper-wrapper {display: flex;}
.recommend_top_bn_tab .swiper-wrapper .swiper-slide {flex: 1; position: relative;}
.recommend_top_bn_tab .swiper-wrapper .swiper-slide ~ .swiper-slide::before {content: ''; display: inline-block; width: 1px; height: 13px; background-color: rgba(255, 255, 255, 0.2); position: absolute; left: 0; top: 7px;}
.recommend_top_bn_tab .swiper-wrapper .swiper-slide a {display: inline-block; width: 100%; height: 100%; line-height: 27px; color: rgba(255, 255, 255, 0.6);  text-align: center;}
.recommend_top_bn_tab .swiper-wrapper .swiper-slide a:hover {text-decoration: none;}
.recommend_top_bn_tab .swiper-wrapper .swiper-slide-thumb-active a {color: rgba(255, 255, 255, 1);}


/* 목록 상단 버튼 */
.list_add_btn_box {display: flex; justify-content: flex-end; padding: 10px 0;}
.list_add_btn {height: 24px; line-height: 22px; padding: 0 7px; border: solid 1px #c8c8c8; background-color: #fff; font-size: 11px; color: #3e3e3e; border-radius: 3px; box-sizing: border-box; cursor: pointer; margin-left: 5px;}
.list_add_btn:hover {border: solid 1px #c8c8c8; background-color: #f3f3f3;}
.list_add_btn_box > div {position: relative;}
.add_basket_layer_out {position: relative;}
.button_search_cart_new ~ .add_basket_layer_out .add_basket_layer {top: 0;}
.add_basket_layer {width: 175px; background-color: #fff; border: 2px #2c98d9 solid; padding: 16px 0; position: absolute; left:50%; top: 5px; z-index: 19; transform: translateX(-50%);}
.add_basket_layer p {font-size: 13px; font-weight: bold; text-align: center; margin: 0 0 10px 0; }
.add_basket_layer .btn {display: flex; justify-content: center;}
.add_basket_layer .btn .go_btn {height: 20px; line-height: 22px; background-color: #2e9bdb; color: #fff; font-size: 12px; padding: 0 8px; margin-right: 5px; border: 0; border-radius: 3px; letter-spacing: -0.5px; cursor: pointer;}
.add_basket_layer .btn .close_btn {height: 20px; line-height: 22px; background-color: #a4a4a4; color: #fff; font-size: 12px; padding: 0 8px;  border: 0; border-radius: 3px; letter-spacing: -0.5px;  cursor: pointer;}