@import url('base.css'); /* 공통적용 */ /* 페이징 */ .paging {overflow:hidden; text-align:center; padding:16px 0 50px;} .paging a {display:inline-block; overflow:hidden; padding:0 7px 0 8px; height:16px; background:url(http://menu.mt.co.kr/bil/bg_paging_bar.gif) no-repeat 0 2px; font-family:Tahoma; font-size:11px; font-weight:bold; vertical-align:top; line-height:15px; color:#666;} .paging a strong {color:#ff3333;} .paging a.first-child {background:none;} .paging a.first {padding:0; background:none; line-height:0px;} .paging a.prev {margin:0 8px 0 -1px; padding:0; background:none;} .paging a.next {margin:0 -1px 0 8px; padding:0; background:none;} .paging a.end {padding:0; background:none;} .paging span.first {padding:0; background:none; line-height:0px;} .paging span.prev {margin:0 8px 0 -1px; padding:0; background:none;} .paging span.next {margin:0 -1px 0 8px; padding:0; background:none;} .paging span.end {padding:0; background:none;} /* 레이어_날짜선택 */ #date_layer {position:absolute; width:195px; height:192px; background:#fff; border:1px solid #787b85;} #date_layer h3 {display:none;} #date_layer .mlv {position:relative; overflow:hidden; padding:0 10px; height:41px;} #date_layer .mlv h4 {overflow:hidden; margin-top:13px; padding-left:2px;} #date_layer .mlv h4 img {float:left;} #date_layer .mlv .month {position:relative; margin-top:-9px; text-align:center;} #date_layer .mlv .month .date {display:inline-block; width:37px; vertical-align:middle;} #date_layer .mlv .month .back {width:10px; height:18px; background:url(http://menu.mt.co.kr/new_starnews/images/button/btn_prev6.gif) no-repeat 3px 5px; vertical-align:middle;} #date_layer .mlv .month .next {width:10px; height:18px; background:url(http://menu.mt.co.kr/new_starnews/images/button/btn_next6.gif) no-repeat 4px 5px; vertical-align:middle;} #date_layer .calendar {margin:0 10px; background:url(http://menu.mt.co.kr/new_starnews/images/etc/s_calendarDay.gif) no-repeat center 0;} #date_layer .calendar table {} #date_layer .calendar th {height:24px; text-indent:-9999px;} #date_layer .calendar td {height:24px; font-family:Tahoma; font-size:11px; text-align:center; color:#000;} #date_layer .calendar td a {display:block; margin:4px 1px; height:16px; font-family:Tahoma; font-size:11px; color:#000; text-decoration:none; line-height:16px;} #date_layer .calendar td a.sat {margin-right:3px; color:#3366cc;} #date_layer .calendar td a.sun {margin-left:3px; color:#ef7050;} #date_layer .calendar td a:hover {background:#ffe6df; font-family:Tahoma; font-size:11px; color:#000; text-decoration:none;} #date_layer .calendar td a.sat:hover {color:#3366cc;} #date_layer .calendar td a.sun:hover {color:#ef7050;} /* 버튼 */ .btn_area {text-align:center;} .btn_area .l_group {float:left;} .btn_area .l_group a {float:left; margin-right:4px;} .btn_area .l_group a img {float:left;} .btn_area .l_group input {float:left; margin-right:3px;} .btn_area .l_group button {float:left; margin-right:3px;} .btn_area .r_group {float:right;} .btn_area .r_group a {float:left; display:inline;} .btn_area .r_group a img {float:left;} .btn_area .r_group input {float:left; display:inline;} .btn_area .r_group button {float:left; display:inline;} .btn_all {position:absolute; top:21px; right:15px;} /* 전체보기 */ .btn_more {position:absolute; top:13px; right:8px;} /* 더보기 */ .btn_folding {margin-right:10px; color:#566d8e;} /* 접기, 펼침 */ .btn_folding span {float:left; margin-top:1px;} :root .btn_folding span {margin-top:0;} .btn_folding img {float:right; margin-left:3px;} /* 라인 */ .p_line {border-top:1px solid #d5d5d5;} .h_line {border-top:1px solid #d9dfc3;} .l_line {border-top:1px solid #eee;} .b_line {border-top:1px solid #efefef;} /* wrap */ #wrap {position:relative; margin:0 auto; width:980px;} /* skip */ #wrap a.skip {position:absolute; top:-100px; display:block; z-index:999;} #wrap a.skip:focus {top:0; background:yellow;} /* header */ #header {position:relative;} /* login */ #header .util_area {overflow:hidden; height:54px;} #header .util_area .link {float:left; margin:12px 0 0 4px;} #header .util_area .link li {float:left; padding:0 8px 0 9px; background:url(http://menu.mt.co.kr/new_navi/bg_link_bar.gif) no-repeat 0 1px; font-size:11px; letter-spacing:-1px;} #header .util_area .link li:first-child {padding-left:0px; background:none;} #header .util_area .link li a {color:#84888e;} #header .util_area .member {float:right; margin-top:12px;} #header .util_area .member li {float:left; padding:0 8px 0 9px; background:url(http://menu.mt.co.kr/new_navi/bg_link_bar.gif) no-repeat 0 1px; font-size:11px; letter-spacing:-1px;} #header .util_area .member li:first-child {padding-left:0px; background:none;} #header .util_area .member li a {color:#84888e;} #header .logo_gnb {overflow:hidden; height:37px;} #header .logo_gnb h1 {float:left; padding-left:8px; width:167px;} /* gnb */ #header .logo_gnb .gnb_area {float:left; width:805px; height:37px; background:url(http://menu.mt.co.kr/book/images/etc/bg_gnb.gif) no-repeat 0 0;} #header .logo_gnb .gnb_area .gnb {float:left; margin-top:1px;} #header .logo_gnb .gnb_area .gnb li {float:left;} #header .logo_gnb .gnb_area .gnb li a {display:block; height:35px; font-size:0; text-indent:-9999px;} #header .logo_gnb .gnb_area .gnb li.today_book a {width:131px; background:url(http://menu.mt.co.kr/book/images/etc/gnb_today.gif) no-repeat 0 0;} /* 오늘의 책 */ #header .logo_gnb .gnb_area .gnb li.best_seller a {width:130px; background:url(http://menu.mt.co.kr/book/images/etc/gnb_best.gif) no-repeat 0 0;} /* 베스트셀러 */ #header .logo_gnb .gnb_area .gnb li.classify a {width:130px; background:url(http://menu.mt.co.kr/book/images/etc/gnb_classify.gif) no-repeat 0 0;} /* 분류별보기 */ #header .logo_gnb .gnb_area .gnb li.publication_news a {width:130px; background:url(http://menu.mt.co.kr/book/images/etc/gnb_news.gif) no-repeat 0 0;} /* 출판뉴스 */ #header .logo_gnb .gnb_area .gnb li a.on, #header .logo_gnb .gnb_area .gnb li a:hover {background-position:0 -35px;} /* search */ #header .gnb_area .search {float:right; margin:7px 14px 0 0;} #header .gnb_area .search input[type="text"] {padding:4px 0 0 6px; width:184px; height:18px; background:#5d5d5d; color:#bab2aa; border:0;} #header .gnb_area .search input[type="image"] {margin-left:1px;} /* container */ #container {} /* main - top_area */ #container .top_area {overflow:hidden; width:980px; height:307px; background:url(http://menu.mt.co.kr/book/images/etc/bg_mainTop.gif) no-repeat 0 0;} #container .top_area .l_area {float:left; overflow:hidden; padding:14px 0 0 19px; width:474px;} #container .top_area .r_area {position:relative; float:left; overflow:hidden; padding-top:41px; width:487px;} #container .top_area .r_area .today_list {} #container .top_area .r_area .today_list li {float:left; padding:13px 0 0 35px; width:195px;} /* main - nav_area */ #container .nav_area {overflow:hidden; border:1px solid #eaeaea;} /* nav */ #container .nav_area .nav {float:left;overflow:hidden; width:110px; border-right:1px solid #eaeaea;} #container .nav_area .nav ul {} #container .nav_area .nav ul li {float:left; overflow:hidden; border-top:1px solid #eaeaea;} #container .nav_area .nav ul li:first-child {border-top:0;} #container .nav_area .nav ul li a {display:block; width:110px; height:32px; font-size:0; text-indent:-9999px;} #container .nav_area .nav ul li.nav_general a {background:url(http://menu.mt.co.kr/book/images/etc/nav_general.gif) no-repeat 0 0;} /* 국내종합 */ #container .nav_area .nav ul li.nav_self_management a {background:url(http://menu.mt.co.kr/book/images/etc/nav_selfManagement.gif) no-repeat 0 0;} /* 자기관리 */ #container .nav_area .nav ul li.nav_children a {background:url(http://menu.mt.co.kr/book/images/etc/nav_children.gif) no-repeat 0 0;} /* 어린이 */ #container .nav_area .nav ul li.nav_literature a {background:url(http://menu.mt.co.kr/book/images/etc/nav_literature.gif) no-repeat 0 0;} /* 문학 */ #container .nav_area .nav ul li.nav_economic a {background:url(http://menu.mt.co.kr/book/images/etc/nav_businessEconomic.gif) no-repeat 0 0;} /* 비지니스와 경제 */ #container .nav_area .nav ul li.nav_life a {background:url(http://menu.mt.co.kr/book/images/etc/nav_life.gif) no-repeat 0 0;} /* 건강/취미/실용 */ #container .nav_area .nav ul li.nav_travel a {background:url(http://menu.mt.co.kr/book/images/etc/nav_travel.gif) no-repeat 0 0;} /* 여행 */ #container .nav_area .nav ul li.nav_computer a {background:url(http://menu.mt.co.kr/book/images/etc/nav_computer.gif) no-repeat 0 0;} /* 컴퓨터와 인터넷 */ #container .nav_area .nav ul li.nav_society a {background:url(http://menu.mt.co.kr/book/images/etc/nav_society.gif) no-repeat 0 0;} /* 사회 */ #container .nav_area .nav ul li.nav_science a {background:url(http://menu.mt.co.kr/book/images/etc/nav_science.gif) no-repeat 0 0;} /* 자연과 과학 */ #container .nav_area .nav ul li.nav_art a {background:url(http://menu.mt.co.kr/book/images/etc/nav_art.gif) no-repeat 0 0;} /* 예술/대중문화 */ #container .nav_area .nav ul li.nav_culture a {background:url(http://menu.mt.co.kr/book/images/etc/nav_culture.gif) no-repeat 0 0;} /* 역사와 문화 */ #container .nav_area .nav ul li a.on, #container .nav_area .nav ul li a:hover {background-position:0 -32px;} /* content */ #content {} /* 메인 */ #content .introduction {overflow:hidden; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;} #content .introduction .section {float:left;} #content .introduction .section.pd_size {width:284px; padding:17px 22px 0 20px; height:216px;} #content .introduction .section.pd_size2 {width:296px; padding:17px 12px 0 15px; height:216px; border-left:1px solid #ebebeb;} #content .introduction .section.pd_size3 {width:284px; padding:17px 22px 0 20px; height:163px; border-top:1px solid #ebebeb;} #content .introduction .section.pd_size4 {width:609px; padding:17px 22px 0 15px; height:163px; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb;} #content .introduction .section h3 {height:13px;} /* 서브 */ #content #con_area {float:left; width:650px;} #content #con_area h2 {margin:4px 0 0 8px; height:17px;} #content #con_area h2 span {margin-top:6px; margin-left:10px;} #content #aside {float:right; width:283px; background:#fafafa; border:1px solid #eaeaea;} /* 메인 - 베스트 셀러 */ #container .nav_area .best_list {position:relative; float:left; padding-left:6px; width:626px; height:395px; border-right:1px solid #eaeaea;} #container .nav_area .best_list h3 {padding:16px 0 5px 15px; height:15px;} #container .nav_area .best_list h3 img {display:block; height:15px;} #container .nav_area .best_list .best_num {overflow:hidden;} #container .nav_area .best_list .best_num li {position:relative; float:left; padding:6px 0 0 26px; width:99px; height:169px;} /* 메인 - 새로나온 책 */ #container .nav_area .new_book {float:left; padding-left:15px; width:203px;} #container .nav_area .new_book h3 {padding:17px 0; height:12px;} #container .nav_area .new_book h3 img {display:block; height:12px;} #container .nav_area .new_book .new_area {overflow:hidden; margin-left:1px;} #container .nav_area .new_book .new_area li {float:left; width:203px; height:122px;} #container .nav_area .new_book .new_line {padding-top:17px; margin-left:1px; background:url(http://menu.mt.co.kr/book/images/etc/bg_dotLine.gif) repeat-x 0 0;} #container .nav_area .new_book .new_line li {margin:9px 0 0 2px; padding-left:9px; background:url(http://menu.mt.co.kr/book/images/bl/bl_square.gif) no-repeat 0 5px;} #container .nav_area .new_book .new_line li:first-child {margin-top:0;} #container .nav_area .new_book .new_line li a {font-weight:bold; letter-spacing:-1px;} #container .nav_area .new_book .new_line li .bar {padding:0 3px 0 4px; color:#ccc;} #container .nav_area .new_book .new_line li .name {font-size:11px; color:#666; letter-spacing:-1px;} /* 메인 - 우수 리뷰 */ #content .best_review {overflow:hidden;} #content .best_review .thum_list_1 {width:440px;} #content .best_review .thum_list_3 {width:121px;} /* 메인 - 만나고 싶었어요, 현장취재 */ .box1 {overflow:hidden;} .box1 .photo {float:left; margin-right:11px;} .box1 .photo a {overflow:hidden; display:block; width:104px; height:73px; border:1px solid #c8c8c8;} .box1 .photo a img {display:block; width:104px; height:73px;} .box1 .txt {float:left; width:175px;} .box1 .txt .tit {margin-top:2px; font-size:14px; font-weight:bold; line-height:18px;} .box1 .txt .tit a {color:#000;} .box1 .txt .b_area {margin-top:6px; font-size:11px; line-height:15px; letter-spacing:-1px;} .box1 .txt .con_area a {color:#acacac;} /* thum_list */ /* thum_list_1 - thum_float */ .thum_list_1 {float:left; overflow:hidden;} .thum_list_1 .thum {float:left;} .thum_list_1 .thum a {} .thum_list_1 .thum a img {display:block;} .thum_list_1 .thum .best_tit {overflow:hidden; width:92px; max-height:34px;} .thum_list_1 .thum .best_tit a {display:block; margin-top:5px; padding:0 3px; text-align:center; letter-spacing:-1px; color:#333;} .thum_list_1 .thum2 {float:left;} .thum_list_1 .thum2 a {display:block;} .thum_list_1 .thum2 a img {display:block;} .thum_list_1 .thum2 a.on .t_line, .thum_list_1 .thum2 a:hover .t_line {width:64px; height:96px; border:2px solid #ffc000; z-index:2;} /* thum_list_2 - thum_no_float */ .thum_list_2 {float:left; overflow:hidden;} .thum_list_2 .thum {} .thum_list_2 .thum a {} .thum_list_2 .thum a img {display:block;} .thum_list_2 .thum .best_tit {overflow:hidden; margin-top:5px; max-height:34px; text-align:center;} .thum_list_2 .thum .best_tit a {display:block; color:#333;} .thum_list_2 .thum .tit {margin-top:4px; width:53px; font-size:11px; text-align:center; letter-spacing:-1px;} .thum_list_2 .thum .tit a {color:#707070;} .thum_list_2 .thum .tit2 {margin-top:7px; padding:0 2px; width:71px; font-size:11px; text-align:center; letter-spacing:-1px;} .thum_list_2 .thum .tit2 a {color:#333;} .thum_list_2 .rank_view {position:absolute; top:0; left:0; z-index:2;} /* thum_list_3 - right_float */ .thum_list_3 {float:right; overflow:hidden;} .thum_list_3 .thum {} .thum_list_3 .thum a {} .thum_list_3 .thum a img {display:block;} /* thum_list_4 - no_float */ .thum_list_4 {overflow:hidden;} .thum_list_4 .thum {float:left;} .thum_list_4 .thum a {} .thum_list_4 .thum a img {display:block;} /* thum_size */ /* size1 */ .size1 {position:relative; width:55px; height:79px;} .size1 a {} .size1 a img {width:55px; height:79px;} .size1 a .t_line {position:absolute; top:0; left:0; width:53px; height:77px; border:1px solid #c8c8c8;} .size1 .new {position:absolute; top:0; left:0;} .size1 .new img {width:46px; height:48px;} /* size1_1 */ .size1_1 {position:relative; margin-left:17px;} .size1_1 a {display:block; width:55px; height:79px; text-align:center; border:3px solid #c8c8c8;} .size1_1 a img {width:55px; height:79px;} .size1_1 a .t_line {position:absolute; top:0; left:0; width:53px; height:77px; border:1px solid #c8c8c8;} /* size2 */ .size2 {position:relative; width:68px; height:100px;} .size2 a {} .size2 a img {width:68px; height:100px;} .size2 a .t_line {position:absolute; top:0; left:0; width:66px; height:98px; border:1px solid #c8c8c8;} .size2 .gradation {position:absolute; top:0; left:0; width:11px; height:102px; background:url(http://menu.mt.co.kr/book/images/etc/bg_graSize2.png) no-repeat 0 0;} .size2 .new {position:absolute; top:0; left:0;} .size2 .new img {width:46px; height:48px;} /* size3 */ .size3 {position:relative; width:85px; height:128px;} .size3 a {} .size3 a img {width:85px; height:128px;} .size3 a .t_line {position:absolute; top:0; left:0; width:83px; height:126px; border:1px solid #c8c8c8;} .size3 .gradation {position:absolute; top:0; left:0; width:11px; height:126px; background:url(http://menu.mt.co.kr/book/images/etc/bg_graSize2.png) repeat-y 0 1px;} /* size4 */ .size4 {position:relative; width:150px; height:220px;} .size4 a {} .size4 a img {width:150px; height:220px;} .size4 a .t_line {position:absolute; top:0; left:0; width:148px; height:218px; border:1px solid #c8c8c8;} .size4 .gradation {position:absolute; top:0; left:0; width:22px; height:220px; background:url(http://menu.mt.co.kr/book/images/etc/bg_graSize4.png) no-repeat 0 0;} .size4 .today {position:absolute; top:0; left:0;} .size4 .today img {width:49px; height:49px;} /* txt_list */ /* txt_list */ .txt_list {overflow:hidden;} .txt_list li {margin:8px 0 0 1px; padding-left:9px; background:url(http://menu.mt.co.kr/book/images/bl/bl_square.gif) no-repeat 0 5px;} .txt_list li:first-child {margin-top:0;} .txt_list li a {overflow:hidden; display:block; height:14px; color:#474747;} .txt_list li .area {width:245px; padding:5px 0 8px; font-size:11px; line-height:14px;} .txt_list li .area a {height:100%; color:#acacac;} /* txt_list_2 */ .txt_list_2 {overflow:hidden;} .txt_list_2 li {margin:8px 0 0 1px;} .txt_list_2 li:first-child {margin-top:14px;} .txt_list_2 li img {vertical-align:top;} :root .txt_list_2 li img {margin-top:1px;} .txt_list_2 li a {overflow:hidden; padding-left:5px; color:#474747;} /* book_area */ /* book_area */ .book_area {float:left; width:284px;} .book_area .tit {margin-top:6px;} .book_area .tit a {font-size:18px; font-weight:bold; color:#000;} .book_area .name {margin-top:6px; color:#222;} .book_area .name .bar {coolor:#ccc;} .book_area .b_area {margin-top:14px;} .book_area .b_area .intro {display:block;} .book_area .b_area .intro a {overflow:hidden; display:block; height:32px; line-height:16px; color:#000;} .book_area .b_area .area {display:block; margin-top:4px;} .book_area .b_area .area a {line-height:19px; *vertical-align:middle; color:#8d8d8d;} .book_area .b_area .area a.more {} .book_area .b_area .area a.more img {margin-top:2px; *margin-top:0; *vertical-align:middle;} /* book_area2 */ .book_area2 {float:left; width:115px;} .book_area2 .tit {overflow:hidden; margin-top:5px; max-height:28px;} .book_area2 .tit a {font-weight:bold; color:#91551f;} .book_area2 .name {overflow:hidden; margin-top:7px; height:14px; color:#333;} .book_area2 .publisher {overflow:hidden; margin-top:9px; height:14px; font-size:11px; color:#a0978e;} /* book_area3 */ .book_area3 {float:left; width:122px;} .book_area3 .tit {overflow:hidden; margin-top:3px; max-height:28px; font-weight:bold;} .book_area3 .tit a {display:block; color:#333;} .book_area3 .name {overflow:hidden; margin-top:5px; height:14px; color:#333;} .book_area3 .b_area {overflow:hidden; margin-top:8px; max-height:60px; font-size:11px; line-height:15px; letter-spacing:-1px;} .book_area3 .b_area a {color:#acacac;} /* book_area4 */ .book_area4 {float:left; width:355px;} .book_area4 .tit {overflow:hidden; margin-top:2px; font-size:13px; font-weight:bold; letter-spacing:-1px;} .book_area4 .tit a {display:block; color:#333;} .book_area4 .con_tit {overflow:hidden; margin-top:11px; height:14px; font-size:14px; font-weight:bold; letter-spacing:-1px;} .book_area4 .con_tit a {color:#91551f;} .book_area4 .b_area {overflow:hidden; margin-top:8px; max-height:60px;font-size:12px; line-height:19px; letter-spacing:-1px;} .book_area4 .b_area a { color:#777;} /* book_area5 */ .book_area5 {float:left; width:150px;} .book_area5 .tit {overflow:hidden; margin-top:3px; max-height:28px;} .book_area5 .tit a {font-weight:bold; color:#333;} .book_area5 .name {overflow:hidden; margin-top:5px; height:14px; color:#333;} .book_area5 .publisher {overflow:hidden; margin-top:9px; height:14px; font-size:11px; color:#a0978e;} /* aside */ /* aside - side_list */ .side_list {overflow:hidden; padding-left:26px; padding-right:21px; padding-bottom:20px;} .side_list.a_line {border-top:1px solid #eaeaea;} .side_list h3 {height:12px;} .side_list .side_thum {margin-left:1px;} .side_list .side_thum li {float:left; width:256px;} /* aside - 만나고싶어요 & 현장취재 */ .side_list .writer_interview {} .side_list .writer_interview .w_img {overflow:hidden; display:block; margin-left:27px; width:162px; height:115px; border:6px solid #eee;} .side_list .writer_interview .w_img a {display:block; width:160px; height:113px; border:1px solid #fafafa;} .side_list .writer_interview .w_txt {padding:15px 4px 0;} .side_list .writer_interview .w_txt dt {overflow:hidden; height:30px; font-weight:bold; line-height:15px;} .side_list .writer_interview .w_txt dt a {color:#000;} .side_list .writer_interview .w_txt dd {overflow:hidden; padding-top:4px; height:51px; line-height:17px; letter-spacing:-1px;} .side_list .writer_interview .w_txt dd a {color:#777;} /* content */ /* con_area - 분류별보기 */ #con_area .category {overflow:hidden; background:#fafafa; border:1px solid #dfdfdf;} #con_area .category.box_1 {padding:25px 0 23px;} #con_area .category.box_2 {padding:25px 0 10px;} #con_area .category .sort_list {float:left; overflow:hidden; width:100px;} #con_area .category .sort_list li {float:left; padding-top:9px; width:100px; height:16px;} #con_area .category .sort_list li:first-child {padding-top:0;} #con_area .category .sort_list li a {display:block; width:100px; height:16px;} #con_area .category .sort_list li a span {font-size:0; text-indent:-9999px;} #con_area .category .sort_list li.sort_00 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_00.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_01 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_01.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_02 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_02.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_03 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_03.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_04 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_04.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_05 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_05.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_06 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_06.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_07 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_07.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_08 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_08.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_09 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_09.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_10 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_10.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_11 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_11.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_12 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_12.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_13 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_13.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_14 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_14.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_15 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_15.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_16 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_16.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_17 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_17.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_18 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_18.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_19 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_19.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_20 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_20.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_21 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_21.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_22 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_22.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_23 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_23.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_24 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_24.gif) no-repeat 0 0;} #con_area .category .sort_list li.sort_25 a {background:url(http://menu.mt.co.kr/book/images/etc/sort_1_25.gif) no-repeat 0 0;} #con_area .category .sort_list li a.on, #con_area .category .sort_list li a:hover {background-position:0 -16px;} /* con_area - con_top */ #con_area .con_top {padding:4px 0 0 3px; width:633px; height:156px; border:7px solid #edeee7;} #con_area .con_top .thum_list_2 {position:relative; padding:10px 0 0 14px;} #con_area .con_top .info {float:left; margin-left:16px; padding-top:13px; width:475px;} #con_area .con_top .info .cate {display:block; letter-spacing:-1px; color:#a05803;} #con_area .con_top .info .tit {display:block; margin-left:1px; padding-top:12px; font-size:14px;} #con_area .con_top .info .tit a {color:#333;} #con_area .con_top .info .name {display:block; margin-left:1px; padding-top:5px; color:#333;} #con_area .con_top .info .name .bar {padding:0 4px 0 5px; color:#ccc;} #con_area .con_top .info .name .publisher {color:#a0978e;} #con_area .con_top .info p {margin-left:1px; padding-top:11px; letter-spacing:-1px; line-height:19px;} #con_area .con_top .info p a {color:#7d7d7d;} /* con_area - view */ #con_area .view_way {overflow:hidden;} #con_area .view_way .r_search {float:left; margin-left:9px;} #con_area .view_way ul {float:right; padding-right:4px;} #con_area .view_way ul li {float:left; padding:0 6px 0 7px; background:url(http://menu.mt.co.kr/book/images/etc/bg_bar.gif) no-repeat 0 2px;} #con_area .view_way ul li:first-child {background:none;} #con_area .view_way ul li a {display:block; height:11px;} #con_area .view_way ul li a span {font-size:0; text-indent:-9999px;} #con_area .view_way ul li.p_day a {width:41px; background:url(http://menu.mt.co.kr/book/images/title/title_p_day.gif) no-repeat 0 0;} #con_area .view_way ul li.slaes a {width:40px; background:url(http://menu.mt.co.kr/book/images/title/title_sales.gif) no-repeat 0 0;} #con_area .view_way ul li a.on, #con_area .view_way ul li a:hover {background-position:0 -11px;} /* con_list */ .con_list {overflow:hidden;} .con_list li {overflow:hidden; padding:18px 0 19px 10px; width:630px; background:url(http://menu.mt.co.kr/book/images/etc/bg_dotLine2.gif) repeat-x 0 0;} .con_list li:first-child {background:none;} .con_list li .thum {float:left; margin-right:16px;} .con_list li .area {float:left; width:530px;} .con_list li .area .tit {padding-top:4px; font-weight:bold;} .con_list li .area .tit a {color:#333;} .con_list li .area .name {padding-top:5px; color:#333;} .con_list li .area .name .bar {color:#ccc;} .con_list li .area .name .publisher {color:#a0978e;} .con_list li .area .b_area {overflow:hidden; padding-top:9px; height:55px; line-height:19px; letter-spacing:-1px;} .con_list li .area .b_area a {color:#7d7d7d;} /* con_list_2 */ .con_list_2 {overflow:hidden;} .con_list_2 li {position:relative; overflow:hidden; padding:18px 0 19px 40px; width:600px; background:url(http://menu.mt.co.kr/book/images/etc/bg_dotLine2.gif) repeat-x 0 0;} .con_list_2 li:first-child {background:none;} .con_list_2 li .thum {float:left; margin-right:16px;} .con_list_2 li .area {float:left; width:500px;} .con_list_2 li .area .tit {padding-top:4px; font-weight:bold;} .con_list_2 li .area .tit a {color:#333;} .con_list_2 li .area .name {padding-top:5px; color:#333;} .con_list_2 li .area .name .bar {color:#ccc;} .con_list_2 li .area .name .publisher {color:#a0978e;} .con_list_2 li .area .b_area {padding-top:9px; line-height:19px; letter-spacing:-1px;} .con_list_2 li .area .b_area a {color:#7d7d7d;} .con_list_2 li .rank_view {position:absolute; top:11px; left:10px; z-index:2;} .con_list_2 li .rank_view2 {position:absolute; top:15px; left:3px; width:30px; font-family:verdana; font-size:14px; text-align:right; color:#765c51; z-index:2;} /* 책 검색 */ #content .search_view {} #content .search_view .view_list {overflow:hidden;} #content .search_view .view_list li {padding:21px 15px 0 11px; width:299px; height:100px;} #content .search_view .view_list li .thum {} #content .search_view .view_list li .area {float:left; margin-top:4px; margin-left:17px; width:214px;} #content .search_view .view_list li .area .tit {overflow:hidden; height:14px; font-weight:bold; line-height:15px;} /* 수정 130305 해리 */ #content .search_view .view_list li .area .tit a {} #content .search_view .view_list li .area .name {margin-top:5px; color:#8c8c8c;} #content .search_view .view_list li .area .name .bar {padding:0 3px; color:#ccc;} #content .search_view .view_list li .area .price {overflow:hidden; margin-top:13px; color:#d10202;} /* 수정 130305 해리 */ .ie9 #content .search_view .view_list li .area .price {margin-top:9px;} /* 추가 130305 해리 */ /* 책 상세보기 */ #content .book_detail {border:5px solid #f2f2f2;} #content .book_detail .box {overflow:hidden; padding:20px 0 15px 21px; border:1px solid #e5e5e5;} #content .book_detail .thum_list_1 {width:150px;} #content .book_detail .area {float:left; margin-top:9px; margin-left:24px;} #content .book_detail .area .tit {font-size:18px;} #content .book_detail .area .tit a {color:#000;} #content .book_detail .area table {margin-top:21px;} #content .book_detail .area table th {} #content .book_detail .area table td {padding:4px 0;} #content .book_detail .area table td.price {font-weight:bold; color:#d10202;} #content .book_detail .area table th img {margin-top:-3px; *margin-top:-1px;} #content .book_detail .area table td .bar {padding:0 4px; color:#ccc;} #content .book_txt {} #content .book_txt .detail {overflow:hidden; padding:26px 0 0 19px; background:url(http://menu.mt.co.kr/book/images/etc/bg_dotLine2.gif) repeat-x 0 0;} #content .book_txt .first {padding-top:28px; background:none;} #content .book_txt .detail h4 {margin-bottom:11px; height:12px;} #content .book_txt .detail p {padding-right:19px; line-height:20px; color:#464646;} #content .book_txt .detail .btn_area {overflow:hidden;} /* 기사 리스트 */ #content .artcle_list {width:650px; padding:0 10px;} #content .artcle_list .alist {margin:0; padding-bottom:20px; clear:both;} #content .artcle_list .alist li {overflow:hidden; height:1%; padding:0 5px; margin-top:17px; word-break:break-all;} #content .artcle_list .alist li:first-child {margin-top:0 !important;} #content .artcle_list .alist dl {display:inline; height:1%;} #content .artcle_list .alist .title {margin:1px 0 5px 0; letter-spacing:-1px; line-height:20px;} #content .artcle_list .alist .title a {font-size:14px; font-weight:bold; color:#000e55;} #content .artcle_list .alist .title a:visited {color:#57699f;} #content .artcle_list .alist .title .relay {padding:0 0 0 5px; font:12px 돋움,dotum; letter-spacing:normal;} #content .artcle_list .alist .title .group {padding-left:7px; font-size:11px; font-weight:normal; color:#dd6b6b;} #content .artcle_list .alist .text {display:inline; line-height:130%;} #content .artcle_list .alist .text a {color:#555;} #content .artcle_list .alist .text a:visited {color:#57699f;} #content .artcle_list .alist .etc {display:inline; font:11px 돋움,dotum; color:#ddd;} #content .artcle_list .alist .date {font:normal 11px tahoma; color:#999;letter-spacing:0;} #content .artcle_list .alist img {vertical-align:top;} #content .artcle_list .alist img.ico {padding:0; margin:1px 0 0 4px; vertical-align:baseline;} #content .artcle_list .alist li.l_line {padding-top:20px; margin-top:20px; border-top:1px solid #f0f0f0;} #content .artcle_list .alist li p {float:left; margin-right:9px; padding-bottom:3px;} #content .artcle_list .alist li p img {padding:0; border:1px solid #d7d7d7;} /* 기사 본문 */ #content .article_body {padding:0 5px;} #content .article_body h1 {margin:19px 0 0 0; font-size:24px; font-weight:bold; color:#000;} #content .article_body h2 {margin:7px 0 0 0 !important; font-size:14px; font-weight:bold; color:#666;} #content .article_body .info {position:relative; overflow:hidden; *zoom:1; margin:5px 0 15px 0; padding:9px 0; font-size:dotum; font-size:11px; color:#777; border-top:1px solid #eee; border-bottom:1px solid #eee;} #content .article_body .info .hotissue {float:left; width:60px; height:37px; margin:0 10px 0 0; padding:0 0 3px 0; background:url(http://menu.mt.co.kr/bil/ico_hotissue.gif) no-repeat 0 0; text-indent:-9999px;} #content .article_body .info .img {float:left; margin:0 10px 0 0;} #content .article_body .info .img img {width:57px; height:34px; border:1px solid #d7d7d7;} #content .article_body .info > ul {float:right; margin:0; padding:0;} #content .article_body .info > ul li {float:left; height:12px; vertical-align:top;} #content .article_body .info > ul li a {color:#999;} #content .article_body .info > ul li a.other {margin:0 0 0 5px; padding:0 0 0 5px; background:url(http://menu.mt.co.kr/bil/bl_arrow.gif) no-repeat 0 3px; text-decoration:underline; color:#6276b1;} #content .article_body .info > ul li a.link {margin:0 5px 0 0; padding:0 0 0 5px; background:url(http://menu.mt.co.kr/bil/bl_arrow.gif) no-repeat 0 3px; text-decoration:underline; color:#457dd0;} #content .article_body .info > ul li span.recommend {padding:1px 0 0 16px; background:url(http://menu.mt.co.kr/bil/ico_recommand.gif) no-repeat 0 0; text-decoration:underline;} #content .article_body .info > ul li span.comment {padding:0 0 0 20px; background:url(http://menu.mt.co.kr/bil/ico_comment.gif) no-repeat 0 0; text-decoration:underline;} #content .article_body .info > ul li span.num {font-family:tahoma; font-size:11px;} #content .article_body .info > ul li span#twreply_cnt {font:10px tahoma; letter-spacing:normal;} #content .article_body .info > ul li span.bar {padding:0 4px; color:#dfddde;} #content .article_body .info > ul li span.articopy {background:url(http://menu.mt.co.kr/bil/ico_articopy.gif) no-repeat 0 0; padding:0 0 0 16px;} #content .article_body .info > ul li span.articopy a {color:#6276b1; text-decoration:underline; } #content .article_body .info .scrap_box {overflow:hidden; zoom:1; width:235px; height:15px;} #content .article_body .info .detail {position:absolute; top:48px; left:0; width:555px;} #content .article_body .info .detail h4 {widht:555px; height:22px; background:url(http://menu.mt.co.kr/common/bg_info_detailtop.gif) no-repeat 0 0; text-indent:-9999px;} #content .article_body .info .detail .box {height:1%; padding:0 15px 15px 12px; background:url(http://menu.mt.co.kr/common/bg_info_detailbody.gif) no-repeat 0 bottom;} #content .article_body .info .detail .box dl {margin:0; padding:0;} #content .article_body .info .detail .box dl dd.photo {float:left; height:70px; margin:0 10px 0 0; background:url(http://menu.mt.co.kr/common/bg_info_shadow.gif) no-repeat 0 0;} #content .article_body .info .detail .box dl dd.photo img {border:1px solid #d7d7d7;} #content .article_body .info .detail .box dl dt.title {margin:0 0 0 80px; padding:0 0 7px 0;} #content .article_body .info .detail .box dl dt.title a {font:bold 12px 돋움,dotum; color:#2651a4;} #content .article_body .info .detail .box dl dd.desc {width:435px; margin:0 0 0 80px; padding:0; line-height:130%; color:#777; letter-spacing:normal;} #content .article_body .info .detail .box p.btn_textall {clear:both; float:right; margin:-10px 0 0 0; padding:0 5px 0 0; background:url(http://menu.mt.co.kr/bil/bl_arrow.gif) no-repeat right 3px;} #content .article_body .info .detail .box p.btn_textall a {font:11px 돋움,dotum; color:#85888f!important; letter-spacing:-1px; text-decoration:underline!important;} #content .article_body .editor {height:1%; margin:0 0 20px 0; padding:10px; border:1px solid #f3f3f3; background:#f7f7f7; color:#666; line-height:130%;} #content .article_body .editor span.title {font-size:11px; font-family:돋움,dotum; letter-spacing:-1px; color:#c48637;} #content .article_body .editor span.bar {padding:0 4px; color:#dfddde;} #content .article_body .content_area {font-family:gulim; font-size:14px; line-height:26px;} #content .article_body .content_area .insert_banner {float:right;} #content .article_body .content_area #textBody {font-family:Gulim; font-size:14px; min-height:1%; line-height:170%; width:99.9%; color:#303642;} #content .article_body .content_area #textBody a {color:#0b09cb;} #content .article_body .content_area #textBody span {_display:inline-block; _padding-top:7px;} #content .article_body .content_area #textBody span.item {padding:0 3px 0 0; color:#0b09cb;} #content .article_body .content_area #textBody span.item a {padding:0 3px 0 0; color:#0b09cb;} #content .article_body .content_area .mobile {clear:both; padding:30px 0 0 0; font:12px 돋움,dotum;} #content .article_body .content_area .mobile strong {font:bold 14px 돋움,dotum;} #content .article_body .content_area .copyright {margin:10px 0 0 0; font:12px 돋움,dotum; color:#666;} /* 기사본문 사진 */ #content .article_body .content_area .article_photo {width:100px !important;} #content .article_body .content_area .article_photo img {display: block; margin-bottom: 5px;} #content .article_body .content_area .article_photo .img img {display: block; margin:0; padding:6px; border:1px solid #e6e6e6;} #content .article_body .content_area .article_photo .desc {color:#888; font:11px dotum; letter-spacing:-1px; line-height:130%; padding:7px 0 7px 0;} #content .article_body .content_area .article_photo .tagbtn {background:#f6f6f6; padding:3px 3px 0 0; margin:0;} #content .article_body .content_area .article_photo .tagbtn ul {margin:0; padding:0;} #content .article_body .content_area .article_photo .tagbtn ul li.tag {float:left; padding: 2px 0 0 32px; background:url(http://menu.mt.co.kr/common/icon/icon_pictag.gif) no-repeat 3px 4px; color:#328db7;} #content .article_body .content_area .article_photo .tagbtn ul li.tag a {color:#328db7; font:11px dotum; letter-spacing:-1px; padding:0 0 0 4px;} #content .article_body .content_area .article_photo .tagbtn ul li.btn {float:right; width:54px} #content .article_body .content_area .article_photo.left {float:left; margin:5px 20px 10px 0; padding:0;} #content .article_body .content_area .article_photo.right {float:right; margin:5px 0 10px 20px; padding:0;} #content .article_body .content_area .article_photo.center {margin:0 auto; min-width:40px; margin-bottom:20px;} #content .article_body .content_area .article_photo .scrap_info {} #content .article_body .content_area .article_photo .scrap_info a {float:left; overflow:hidden; width:121px; height:30px; background:url(http://menu.mt.co.kr/common/button/btn_scrapInfo.gif) no-repeat 0 0; text-indent:-9999px;} /* footer */ #footer {clear:both; padding-top:24px; height:100px; border-top:1px solid #ebebeb;} #footer .rel_link {} #footer .rel_link .link {float:left; margin-left:263px; padding-top:5px;} #footer .rel_link .link li {float:left; padding:0 5px 0 7px; background:url(http://menu.mt.co.kr/book/images/bl/bl_square.gif) no-repeat 0 4px;} #footer .rel_link .link li:first-child {padding-left:0; background:none;} #footer .rel_link .link li a {display:block;} /* 미디어그룹 */ #footer .rel_link .groupsite {position:relative; float:right;} #footer .rel_link .groupsite dt {float:left;} #footer .rel_link .groupsite dt strong {float:left; padding:5px 0 0; width:63px;} #footer .rel_link .groupsite dt strong img {display:block;} #footer .rel_link .groupsite dt button {overflow:hidden; border:none; cursor:pointer;} #footer .rel_link .groupsite dt button span {visibility:hidden; font-size:0px; line-height:0px;} #footer .rel_link .groupsite dt button.tit_mt {float:left; width:78px; height:20px; background:url(http://menu.mt.co.kr/book/images/etc/bg_mtFooter.gif) no-repeat 0 0;} #footer .rel_link .groupsite dd {position:absolute; top:0; right:0; float:left; width:226px; height:50px; background:#fff url(http://menu.mt.co.kr/common/etc/bg_gsiteList3.gif) no-repeat 0 0;} /* 수정 110721 세종 */ #footer .rel_link .groupsite dd ul {overflow:hidden; zoom:1; padding:0 0 0 11px; height:10px;} #footer .rel_link .groupsite dd ul.gs1 {margin-top:9px;} #footer .rel_link .groupsite dd ul.gs2 {margin-top:7px;} #footer .rel_link .groupsite dd ul li {float:left; padding-left:10px; background:url(http://menu.mt.co.kr/bil/bl_square16.gif) no-repeat 4px 4px;} #footer .rel_link .groupsite dd ul li.first {padding-left:0px; background:none;} #footer .rel_link .groupsite dd ul li a {float:left;} #footer .rel_link .groupsite dd ul li a img {float:left;} /* copyright */ #footer .copyright {margin-top:12px; text-align:center;} /* 좌측 날개배너 추가 120614 세종 */ .flbn_left {position:absolute; top:165px; left:-96px; overflow:hidden; width:86px; height:130px;} .flbn_left a {float:left;}