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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:'굴림',Gulim,dotum,'돋움','Segoe WPC','Segoe UI','Apple SD Gothic Neo',Helvetica,AppleGothic,Sans-serif;
    font-size: 12px;
    line-height: 20px;	
}

ul, li, dt, dd, dl { list-style:none; margin:0; padding:0;}

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

.ml5 {margin-left:5px;}
.clear {clear:both;}
.noScroll {overflow:hidden;}

.cardreview_tab { background:url(//image.aladin.co.kr/img/shop/2016/cardreview_tab_bg.jpg) repeat-x; height:66px; margin-top:-8px;}
.cardreview_tab ul { width:930px; margin:0 auto;}
.cardreview_tab li { float:left; width:50%; font-size:20px; font-weight:bold; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; text-align:center; box-sizing:border-box; line-height:66px; position: relative; letter-spacing:-1px;}
.cardreview_tab li a { display: block; width:100%; height:100%; color: #444;}
.cardreview_tab li a:hover {text-decoration: none;}
.cardreview_tab li:first-child {background:url('https://image.aladin.co.kr/img/shop/2019/tab_line.gif') no-repeat right;}
.cardreview_tab li.on a {color: #df307f;}
.cardreview_tab li.on:after { content:''; display: block; position: absolute; background:url('https://image.aladin.co.kr/img/shop/2019/on_arrow.gif') no-repeat; background-size:100% auto; height: 13px; width: 24px; bottom:0; left:50%; transform: translateX(-50%);}
.cardreview_tab::after { content:''; display: block; clear: both;}

.cardreview_tab2 { background:url(//image.aladin.co.kr/img/shop/2016/cardreview_tab_bg.jpg) repeat-x; height:66px; margin-top:-8px;}
.cardreview_tab2 ul { width:930px; margin:0 auto;}
.cardreview_tab2 li { float:left; width:310px;}

.cardreview_wrap { width:930px; margin:0 auto 30px auto; text-align:left;}

.list_sort_wrap {width:930px; margin:0 auto; position:relative; height:55px;}
.list_sort_wrap2 {width:700px; margin:0 auto; position:relative; height:30px;}

.list_sort { border-radius:3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px; color:#006699; border-color:#5397d0; border:1px solid #5397d0; width:130px;  background:url(//image.aladin.co.kr/img/megaseller/megaseller_ar2.gif) no-repeat right top; background-color:#ffffff; z-index:100;}
.list_sort a:link { color:#006699; display:block;padding:2px 0 2px 12px ; }
.list_sort a:visited { color:#006699; }
.list_sort a:hover { color:#006699; text-decoration:none; background-color:#f2f2f2 }
.list_sort:hover .viewbox {display:block;}

.list_sort1:link {color:#006699; display:block;padding:2px 0 2px 12px ; background:url(//image.aladin.co.kr/img/megaseller/megaseller_ar2.gif) no-repeat right top;}
.list_sort1:visited {color:#006699; display:block;padding:2px 0 2px 12px ; background:url(//image.aladin.co.kr/img/megaseller/megaseller_ar2.gif) no-repeat right top;}
.list_sort1:hover {color:#006699; display:block;padding:2px 0 2px 12px ; background:url(//image.aladin.co.kr/img/megaseller/megaseller_ar2.gif) no-repeat right top;}

.viewbox {display:none; max-height:370px; overflow-y:scroll;}

.sort_box1 {position:absolute; right:276px; top:12px;}
.sort_box2 {position:absolute; right:138px; top:12px;}
.sort_box3 {position:absolute; right:0; top:12px;}

.cardreview_box {clear:both; background-color:#f3f3f3; padding:20px; overflow:auto; margin-bottom:40px;}
.cardreview_box dl {}
.cardreview_box dt {float:left; width:630px; position:relative;}
.cardreview_box dt .card_img img { width:630px;}
.cardreview_box dt .icon_play { position:absolute; left:43%; top:43%;}
.cardreview_box dd {float:left; width:240px; padding-left:20px;}
.cardreview_box dd .book_cover_bg {background:url(//image.aladin.co.kr/img/shop/2016/cardreview_book.jpg) no-repeat bottom; height:230px; position:relative;}
.cardreview_box dd .book_cover { position:absolute; bottom:30px; left:55px;}
.cardreview_box dd .book_cover img { width:130px;}
.cardreview_box dd .book_text {height:260px;overflow-y:auto;}
.cardreview_box dd .btn_area { text-align:center; border-bottom:1px #c2c2c2 solid; padding-bottom:12px;}
.cardreview_box dd .btn_area2 { text-align:center; padding-top:7px;}

.book_tt {font-size:16px; color:#333; font-weight:bold; line-height:24px; display:block;}
.book_info { color:#777777;}
.book_info a:link , .book_info a:hover , .book_info a:visited {color:#777777!important;}

.button_cart {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #c82370;text-align: center;overflow: hidden;
text-decoration: none!important;cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background-color: #df307f;}
.button_cart a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;line-height:16px;display: block;white-space: nowrap;background-color: transparent;border-color:#c82370;margin: 0;border: 0;padding:12px 0 13px 0; width:112px;}
.button_cart a:hover { text-decoration: none!important; background: #c82370!important}
.button_cart a:visited { text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;display: block;white-space: nowrap;background-color: transparent;border-color:#c82370;margin: 0;border: 0;}

.button_more {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #c8c8c8;text-align: center;overflow: hidden;
text-decoration: none!important;cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background-color: #ffffff;}
.button_more a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #5b5b5b!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;line-height:16px;display: block;white-space: nowrap;background-color: transparent;border-color:#c8c8c8;margin: 0;border: 0;padding:12px 0 13px 0; width:112px;}
.button_more a:hover { text-decoration: none!important; background: #f7f7f7!important}
.button_more a:visited { text-decoration: none!important; outline: 0;color: #5b5b5b!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;display: block;white-space: nowrap;background-color: transparent;border-color:#c8c8c8;margin: 0;border: 0;}

.button_review {float:left; margin-left:5px; display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; text-align: center;overflow: hidden; text-decoration: none!important;cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #3b3a48; margin-top:7px;}
.button_review a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #fff!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;line-height:16px;display: block;white-space: nowrap;background-color: transparent; margin: 0;border: 0;padding:6px 0 8px 0; width:112px;}
.button_review a:hover { text-decoration: none!important; background: #2f2e39!important}
.button_review a:visited { text-decoration: none!important; outline: 0;color: #fff!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;display: block;white-space: nowrap;background-color: transparent;border-color:#c8c8c8;margin: 0;border: 0;}


.cr_layer_bg { position:fixed; background:rgba(0,0,0, 0.9); width:100%; height:100%; z-index:10000; margin-top:-9px; padding-bottom:20px;top:0;}

.cr_layer_cont { position:absolute; z-index:10001; width:100%; height:100%; top:0; overflow-x:hidden; overflow-y:scroll;}
.cr_layer_cont .cont_wrap {width:700px; margin:70px auto 0 auto;}
.cr_layer_cont .cont_wrap .close_btn { float:right; padding-top:10px;}
.cr_layer_cont .cont_wrap .view_btn { float:left; padding-top:25px;}
.cr_layer_cont .cont_wrap .cr_img { position:relative;}
.cr_layer_cont .cont_wrap .cr_img li { padding-bottom:15px;}
.cr_layer_cont .cont_wrap .cr_img2 { clear:both;  position:relative; padding-bottom:15px;}
.cr_layer_cont .cont_wrap .cr_sns { float: right; padding:5px 0 30px 0;}
.cr_layer_cont .cont_wrap .cr_sns li { float:left; padding-right:6px;}
.cr_layer_cont .cont_wrap .cr_like { float:right; padding:10px 0px 0 15px; color:#fff; font-size:14px;}

.cr_layer_tt1 {float:left; padding:20px 0 10px 0; color:#36d2ff; font-size:20px; font-weight:bold;}
.cr_layer_more { float:right; padding:25px 0 0 0;}
.cr_layer_more a:link { color:#FFFFFF; text-decoration:none;}
.cr_layer_more a:hover { color:#FFFFFF; text-decoration:underline;}
.cr_layer_more a:visited { color:#FFFFFF; text-decoration:none;}

.other_cr { margin-top:10px;}
.other_cr li { float:left; margin-right:20px;}
.other_cr li:last-child { margin:0;}
.other_cr li img { width:220px;}

.cr_nav_pre { position:absolute; left:0px; top:0; z-index:9;}
.cr_nav_next { position:absolute; right:0px; top:0; z-index:9;}
.view_guide_fold {position:absolute; top:280px; left:240px; z-index:10;}
.view_guide_unfold {position:absolute; top:280px; left:285px; z-index:10;}
.endPage_guide {position:absolute; top:280px; left:240px; z-index:10;}

.video_wrap { border-bottom:1px #dddddd solid; overflow:auto; padding-top:30px; padding-bottom:40px; text-align:left;}
.video_box { width:700px; margin:0 auto; position:relative;}
.video_book_cover { float:left; width:120px; padding-right:20px; margin-top:20px;}
.video_book_cover img { width:120px; border: 1px solid #ddd;}
.video_book_info { float:left;  margin-top:20px; width:560px;}
.video_book_info ul { float:right;}
.video_book_info li {float:left; margin-left:5px;}

.video_like {position:absolute; right:35px; top:405px; color:#333; font-size:14px;}
.video_sns {position:absolute; right:0px; top:405px;}

.book_like {position:absolute; right:55px; top:15px; color:#333; font-size:14px;}
.book_sns {position:absolute; right:20px; top:15px;}

.letslook_box {clear:both; background-color:#f3f3f3; padding:20px; overflow:auto; margin-bottom:30px; position:relative;}
.letslook_box dl {}
.letslook_box dt {float:left; width:150px; margin-right:20px;}
.letslook_box dt img { width:150px;}
.letslook_box dd {float:left; width:720px;}
.letslook_box dd p { line-height:20px;}
.letslook_box li { float:left; padding-right:5px;}
.letslook_box li img { width:65px; border:1px #dddddd solid;}

.serial_box {clear:both; background-color:#f3f3f3; padding:20px; overflow:auto; margin-top:30px; position:relative;}
.serial_box dl {}
.serial_box dt {float:left; width:150px; margin-right:20px;}
.serial_box dt img { width:150px;}
.serial_box dd {float:left; width:720px;}
.serial_box .book_tt1 { font-size:12px; color:#333;}
.serial_box .book_tt1 a { font-size:12px; color:#333;}
.serial_box .book_tt2 {font-size:16px; color:#333; font-weight:bold; line-height:24px; display:inline-block; margin-right:5px;}
.serial_box .book_tt2 a {font-size:16px; color:#333; font-weight:bold;;}
.serial_box .book_info1 { margin-top:-4px; color:#777777;}
.serial_box .book_info1 a { color:#777777;}
.serial_box dd p { line-height:20px;}
.serial_box ul { margin-top:10px;}
.serial_box li { float:left; padding-right:10px;}
.serial_box li img { width:120px; border:1px #dddddd solid;}

.button_serial {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #c8c8c8;text-align: center;overflow: hidden; text-decoration: none!important;cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background-color: #ffffff; margin-left:5px; margin-bottom:5px;}
.button_serial a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #000!important;font-size: 12px;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;line-height:16px;display: block;white-space: nowrap;background-color: transparent;border-color:#c8c8c8;margin: 0;border: 0;padding:4px 10px 5px 10px;}
.button_serial a:hover { text-decoration: none!important; background: #f7f7f7!important}
.button_serial a:visited { text-decoration: none!important; outline: 0;color: #000!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;display: block;white-space: nowrap;background-color: transparent;border-color:#c8c8c8;margin: 0;border: 0;}

.serial_blog_top_wrap { background:url(//image.aladin.co.kr/img/shop/2016/serial_top_bg.jpg) repeat-x bottom; margin-bottom:20px; padding:20px 0;}
.serial_blog_top { width:940px; margin:0 auto;}
.serial_blog_top dt {float:left; width:200px;}
.serial_blog_top dt img { width:200px;}
.serial_blog_top dd {float:left; width:712px; margin-left:28px; margin-top:10px;}
.serial_blog_top .serial_book_tt { font-size:33px; font-weight:bold; font-family:malgun gothic; line-height:38px; letter-spacing:-1px;}
.serial_blog_top .serial_book_tt a:link {font-size:33px; color:#333; font-weight:bold; font-family:malgun gothic; line-height:38px; letter-spacing:-1px; text-decoration:none;}
.serial_blog_top .serial_book_tt a:hover {font-size:33px; color:#333; font-weight:bold; font-family:malgun gothic; line-height:38px; letter-spacing:-1px;  text-decoration:none;}
.serial_blog_top .serial_book_tt a:visited {font-size:33px; color:#333; font-weight:bold; font-family:malgun gothic; line-height:38px; letter-spacing:-1px;  text-decoration:none;}
.serial_blog_top .serial_author {color:#777777; padding-top:8px;}
.serial_blog_top .btn_box {float:right; padding-top:10px;}

.serial_blog_area {padding:10px 0 5px 0;}
.button_serial_blog {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #0d97ab;text-align: center;overflow: hidden;
text-decoration: none!important;cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background-color: #1aafc4;}
.button_serial_blog a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;line-height:16px;display: block;white-space: nowrap;background-color: transparent;border-color:#0d97ab;margin: 0;border: 0;padding:5px 0  7px 0; width:120px;}
.button_serial_blog a:hover { text-decoration: none!important; background: #0d97ab!important}
.button_serial_blog a:visited { text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;display: block;white-space: nowrap;background-color: transparent;border-color:#0d97ab;margin: 0;border: 0;}


.serial_blog_contents { width:940px; margin:30px auto;}

.cardreview_none {clear:both; background-color:#f3f3f3; padding:250px 20px; overflow:auto; margin-bottom:40px; font-size:16px; text-align:center; font-weight:bold;}


.button_bookinfo {float:left; padding: 0; vertical-align: middle; border: 1px solid; border-color: #0fa2e3;text-align: center;overflow: hidden;
text-decoration: none!important;cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
background-color: #1cb0f2; text-align:center; margin-top:5px;}
.button_bookinfo a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;line-height:16px;display: block;white-space: nowrap;background-color: transparent;border-color:#0fa2e3;margin: 0;border: 0;padding:12px 0 13px 0; width:150px;}
.button_bookinfo a:hover { text-decoration: none!important; background: #0fa2e3!important}
.button_bookinfo a:visited { text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;display: block;white-space: nowrap;background-color: transparent;border-color:#0fa2e3;margin: 0;border: 0;}


<!--버튼 css추가-->
.button_cart2 {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle;text-align: center;overflow: hidden;
text-decoration: none!important;cursor: pointer;background: #df307f;}
.button_cart2 a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;line-height:16px;display: block;white-space: nowrap;background: #df307f;margin: 0;border: 0;padding:14px 0 15px 0; width:100%;text-align: center}
.button_cart2 a:hover { text-decoration: none!important; background: #c82370!important}
.button_cart2 a:visited { text-decoration: none!important; outline: 0;color: #FFF!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;display: block;white-space: nowrap;background-color: transparent;border-color:#c82370;margin: 0;border: 0;}

.button_more2 {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #c8c8c8;text-align: center;overflow: hidden;
text-decoration: none!important;cursor: background-color: #ffffff; float:left; margin-top:3px}
.button_more2 a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #5b5b5b!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;line-height:16px;display: block;white-space: nowrap;background-color:#fff;margin: 0;border: 0;padding:12px 0 13px 0; width:114px}
.button_more2 a:hover { text-decoration: none!important; background: #f7f7f7!important}
.button_more2 a:visited { text-decoration: none!important; outline: 0;color: #5b5b5b!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;display: block;white-space: nowrap;background-color: transparent;border-color:#c8c8c8;margin: 0;border: 0;}

.button_more3 {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #c8c8c8;text-align: center;overflow: hidden;
text-decoration: none!important;cursor: background-color: #ffffff; float:left}
.button_more3 a:link {white-space: nowrap; text-decoration: none!important; outline: 0;color: #5b5b5b!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;line-height:16px;display: block;white-space: nowrap;background-color:#fff;margin: 0;border: 0;padding:7px 0 8px 0; width:90px}
.button_more3 a:hover { text-decoration: none!important; background: #f7f7f7!important}
.button_more3 a:visited { text-decoration: none!important; outline: 0;color: #5b5b5b!important;font-size: 14px; font-weight:bold;  font-family:malgun, "Malgun Gothic",Dotum, 돋움, sans-serif;display: block;white-space: nowrap;background-color: transparent;border-color:#c8c8c8;margin: 0;border: 0;}

.video_like2 {position:absolute; right:0px; top:405px; color:#333; font-size:14px;}

.ml7 {margin-left:8px;}