/* 공통 */ #commonCon {width:100%;} /* yes24의 공통적인 gnb부분 */ #wrapCon {width:100%;height:100%;} #wrapCon #conWrap {position:relative;width:1000px;margin:0 auto;overflow:hidden;} #wrapCon #conWrap #topArea {height:147px;width:1000px;} #wrapCon #conWrap #conArea {margin:0 0 40px 0;padding:0 20px;overflow:hidden;} #wrapCon #conWrap #conArea #realCon {float:left;width:700px;margin:0 30px 0 0;} #wrapCon #conWrap #conArea #realCon #subCon {margin:0px 0 0 0;} #wrapCon #conWrap #conArea #rightCon {float:left;width:230px;margin-top:0px;} #wrapCon #conWrap #conArea #mLcon {float:left;width:700px;margin:0 30px 0 0;} #wrapCon #conWrap #conArea #mRcon {float:left;width:230px;} #wrapCon #conWrap #footer {clear:both;height:80px;} #wrapCon #conWrap #footer #footCont {width:960px;margin:0 auto;background-color:#ebebeb;text-align:center;color:#3b3b3b;line-height:27px;} #wrapCon #conWrap #footer .footContNavi{width:960px;margin:0 auto;text-align:center;color:#3b3b3b;line-height:28px;} #wrapCon #conWrap #footer .footContCopy{width:960px;margin:0 auto;text-align:center;color:#898989;line-height:12px;margin-bottom:10px;} #subCon h2 {width:700px;height:30px;border-bottom:2px solid #4f4f4f;font-size:18px;color:#5a5a5a;} #subCon h2.noline {border:none;} /* paging */ .paging {height:21px;margin:30px 0;text-align:center;} .paging a {display:inline-block;width:22px;height:11px;margin:0 2px;padding:4px 0;border:1px solid #c8c8c8;color:#a6a6a6;font-weight:bold;vertical-align:top} .paging a.no, .paging a.no:hover {width:26px;height:21px;border:none;padding:0;} .paging a:hover {display:inline-block;width:22px;height:11px;margin:0 2px;padding:4px 0;color:#3a85c7;font-size:12px;border:1px solid #c8c8c8;background:#e7e7e7;vertical-align:top;} .paging strong {display:inline-block;width:22px;height:11px;margin:0 2px;padding:4px 0;color:#3a85c7;font-size:12px;border:1px solid #c8c8c8;background:#e7e7e7;overflow:hidden;vertical-align:top} /* .page2 {text-align:center;margin:30px auto;} .page2 .page_num a {background:url('images/common/blt_bar.gif') no-repeat 0 50%; padding:0 5px;display:inline-block;vertical-align:middle;} .page2 .page_num a.first {background:none;} .page2 .page_num a.selected {font-weight:bold;} */ .page2 {text-align:center;margin:30px auto;clear:both;overflow:hidden;} .page2 a {display:inline-block;padding:0 5px;height:21px;line-height:16px;background:url('images/common/blt_bar.gif') no-repeat left 3px;vertical-align:middle;color:#666;} .page2 a.no {background:none;} .page2 strong {display:inline-block;padding:0 5px 0 7px;height:21px;line-height:16px;background:url('images/common/blt_bar.gif') no-repeat left 3px;vertical-align:middle;} .page2 strong.no {background:none;} /* topArea */ #topArea #tcon {height:90px;overflow:hidden;width:1000px;} #topArea #tcon .banner {float:left;width:220px;padding:0 0 0 20px;} #topArea #tcon .logo {float:left;width:479px;text-align:center;padding:20px 0px 0 0;} #topArea #tcon .tsearch {float:right;width:230px;padding:36px 21px 0 0;overflow:hidden;} #topArea #tcon .tsearch .search {float:left;width:200px;height:24px;background:url('images/common/bg_tsearch02.gif') no-repeat left top;} #topArea #tcon .tsearch .search .sort {position:relative;float:left;width:73px;padding:6px 0 0 7px;color:#418ede;} #topArea #tcon .tsearch .search .sort span {position:absolute;right:11px;top:11px;} #topArea #tcon .tsearch .search .txt {float:left;width:195px;padding:3px 0 0 0;_padding:1px 0 0 0;margin-left:2px;_display:inline;} #topArea #tcon .tsearch .search .txt input {border:1px solid #fff;background-color:#fff;width:185px;height:15px;} #topArea #tcon .tsearch .btn {float:left;width:30px;} .searchDrop{border:1px solid #3a85c7;border-top:none;width:80px;position:absolute;right:199px;top:104px;background-color:#fff;z-index:10000;display:none;} .searchDrop ul{overflow:hidden;padding:5px 0;} .searchDrop ul li{height:20px;line-height:12px;} .searchDrop ul li a{color:#828282;line-height:12px;display:block;padding-top:4px;padding-left:10px;height:16px;} .searchDrop ul li.on{background-color:#d3d3d3;} .searchDrop ul li.on a{font-weight:bold;color:#fff;} #topArea #tmenu {width:1000px;height:57px;background:url('images/common/bg_tmenu.gif') no-repeat left top;overflow:hidden;} #topArea #tmenu ul.bmenu {float:left;padding:0 0 0 23px;overflow:hidden} #topArea #tmenu ul.bmenu li {float:left;padding:2px 1px 0 0;background:url('images/common/bar_blue.gif') no-repeat right 12px;} #topArea #tmenu ul.bmenu li.last {background:none;padding-right:0;padding-left:0px;} #topArea #tmenu ul.smenu {float:right;padding:14px 28px 0 0;} #topArea #tmenu ul.smenu li {float:left;padding:0 12px;background:url('images/common/bar_white.gif') no-repeat right 50%;line-height:1.30em;} #topArea #tmenu ul.smenu li a {color:#d9e7f4;} #topArea #tmenu ul.smenu li a:hover {text-decoration:none;} #topArea #tmenu ul.smenu li.last {padding-right:4px;background:none;} /* 2depth #topArea div.menuDetail {width:140px;padding:0 0 6px 0;background-color:#3a85c7;} #topArea div.menuDetail .top {width:140px;height:10px;text-align:center;} #topArea div.menuDetail .listBox {padding:0 0 0 6px;} #topArea div.menuDetail .listBox ul {width:128px;padding:0 0 12px 0;background-color:#fff;} #topArea div.menuDetail .listBox ul li {vertical-align:top;padding:0;margin:0;} #topArea div.menuDetail .listBox ul li a {display:block;padding:5px 0;color:#828282;} #topArea div.menuDetail .listBox ul li a span {display:block;padding:0 0 0 15px;} #topArea div.menuDetail .listBox ul li a:hover {display:block;padding:5px 0;background:url('images/common/bg_menu_on.gif') repeat-x left top;font-weight:bold;color:#fff;} #topArea div.menuDetail .listBox ul li a:hover span {display:block;background:url('images/common/blt_menu_arrow.gif') no-repeat left 2px;} #topArea div.menuDetail .listBox ul li a.on {display:block;background:url('images/common/bg_menu_on.gif') repeat-x left top;font-weight:bold;color:#fff;} #topArea div.menuDetail .listBox ul li a.on span {display:block;background:url('images/common/blt_menu_arrow.gif') no-repeat left 2px;} */ #topArea div.menuDetail {width:150px;padding:0 0 0 0;_margin-top:1px;z-index:9999;background:#3a85c7;} #topArea div.menuDetail .top {width:150px;height:10px;text-align:center;display:none;} #topArea div.menuDetail .listBox {padding:0 0 0 3px;_margin-top:-2px;} #topArea div.menuDetail .listBox p{height:10px;font-size:0px;} #topArea div.menuDetail .listBox ul {width:144px;padding:0 0 12px 0;background-color:#fff;} #topArea div.menuDetail .listBox ul li {width:144px;color:#828282;vertical-align:top;line-height:100%;} #topArea div.menuDetail .listBox ul li a {display:block;padding:5px 0 5px 0;line-height:100%;} #topArea div.menuDetail .listBox ul li a span {display:block;padding:0 0 0 15px;line-height:100%;} #topArea div.menuDetail .listBox ul li a:hover {display:block;padding:5px 0 5px 0;background:url('images/common/bg_menu_on.gif') repeat-x left top;font-weight:bold;color:#fff;} #topArea .listBot {width:150px;height:5px;z-index:9999;background:url('images/common/bg_tmenu_2depth_top2.png') no-repeat 0 bottom;font-size:0px;} /* #topArea div.menuDetail .listBox ul li a:hover span {display:block;padding:0 0 0 15px;background:url('images/common/blt_menu_arrow.gif') no-repeat left 50%;} */ #menuDetail .listBox .listBot {width:150px;height:5px;z-index:9999;background:#3a85c7 url('http://image.yes24.com/images/common/bg_tmenu_2depth_top2.png') no-repeat 0 bottom;} #t_detail01 {width:140px;position:absolute;left:114px;top:128px;_top:127px;z-index:9999;} /* 문화뉴스 */ #t_detail02 {width:140px;position:absolute;left:208px;top:128px;_top:127px;z-index:9999;} /* 인터뷰 */ #t_detail03 {width:140px;position:absolute;left:285px;top:128px;_top:127px;z-index:9999;} /* 칼럼 */ #t_detail05 {width:140px;position:absolute;left:453px;top:128px;_top:127px;z-index:9999;} /* 갤러리 */ #t_detail06 {width:140px;position:absolute;left:529px;top:128px;_top:127px;z-index:9999;} /* 동화 */ #t_detail07 {width:140px;position:absolute;left:595px;top:128px;_top:127px;z-index:9999;} /* 북카페 */ #t_detail08 {width:140px;position:absolute;left:672px;top:128px;_top:127px;z-index:9999;} /* 문화행사 초대 */ /* realCon - common list */ #location {padding:0 0 0 8px;margin:8px 0 20px 0;background:url('images/common/blt_square.gif') no-repeat left 50%;color:#999;} #location span {color:#5a5a5a;} #articleList .title {width:700px;height:30px;overflow:hidden;} #articleList .title p {float:left;width:400px;font-size:18px;font-weight:bold;color:#5a5a5a;} #articleList .title p img {vertical-align:middle;} #articleList .title ul {float:right;overflow:hidden;} #articleList .title ul li {float:left;margin-left:5px;} #articleList .title ul li.last {margin-right:0;} #articleList .listBox {width:700px;border-top:2px solid #4f4f4f;border-bottom:1px solid #eee;} #articleList .listBox .article-big {width:580px;margin:30px auto 20px auto;} .article-big .tit {width:580px;font-size:14px;color:#4f4f4f;font-weight:bold;padding:0 0 7px 0;text-align:center;} .article-big .stit {width:580px;font-weight:bold;font-size:11px;color:#3a85c7;padding:0 0 11px 0;text-align:center;} .article-big .info {width:580px;overflow:hidden;padding:0 0 5px 0;} .article-big .info .writer {display:inline-block;float:left;color:#4f4f4f;} .article-big .info .date {display:inline-block;float:right;text-align:right;font-size:11px;color:#999;} .article-big .cont {text-align:justify;line-height:17px;color:#999;padding:7px 0;} .article-big .tag {color:#3a85c7;} .article-big .tag a {color:#3a85c7;text-decoration:underline;} #articleList .listBox ul li {width:700px;padding:20px 0;border-top:1px solid #eee;overflow:hidden;vertical-align:top} #articleList .listBox ul li.none {border-top:none;} #articleList .listBox ul li dl dt {float:left;width:176px;} #articleList .listBox ul li dl dd {float:left;width:524px;} #articleList .listBox ul li dl dd .tit {padding:0 0 8px 0;font-size:14px;color:#4f4f4f;font-weight:bold;} #articleList .listBox ul li dl dd .tit a {color:#4f4f4f;} #articleList .listBox ul li dl dd .stit {padding:0 0 10px 0;font-size:11px;font-weight:bold;color:#3a85c7;line-height:20px;} #articleList .listBox ul li dl dd .stit a {color:#3a85c7;} #articleList .listBox ul li dl dd .cont {height:74px;line-height:17px;color:#999;text-align:justify;} #articleList .listBox ul li dl dd .cont a {color:#999;} #articleList .listBox ul li dl dd .info {width:524px;overflow:hidden;padding:0 0 5px 0;} #articleList .listBox ul li dl dd .info span {display:inline-block;} #articleList .listBox ul li dl dd .info .txt {float:left;} #articleList .listBox ul li dl dd .info .date {float:right;color:#999;font-size:11px;} #articleList .listBox ul li dl dd .tag {color:#3a85c7;} #articleList .listBox ul li dl dd .tag a {color:#3a85c7;text-decoration:underline;} #articleList .listBox ul li dl dd .stag {float:left;color:#3a85c7;} #articleList .listBox ul li dl dd .stag a {color:#3a85c7;text-decoration:underline;} #bookshelf {width:700px;margin:0 0 30px 0;} #bookshelf .title {width:100%;border-top:2px solid #4f4f4f;} #bookshelf .title p {height:34px;border-bottom:1px solid #d8d8d7;border-left:1px solid #d8d8d7;border-right:1px solid #d8d8d7;background:#ebebeb;overflow:hidden;} #bookshelf .title p span.tit {display:inline-block;float:left;height:24px;padding:10px 20px 0 15px;background:url('images/common/bg_arrow.gif') no-repeat right top;vertical-align:top;} #bookshelf .title p span.txt {display:inline-block;float:left;height:24px;padding:10px 0 0 5px;vertical-align:top;color:#454545;} #bookshelf .bookList {width:686px;padding:14px 0 0 14px;background:url('images/common/bg_box.gif') repeat-y left top;overflow:hidden;} #bookshelf .bookList ul {float:left;width:218px;} #bookshelf .bookList ul li {width:210px;margin:0 8px 10px 0;padding:0 0 0 8px;background:url('images/common/blt_arrow2.gif') no-repeat left 5px;} #bookshelf .bookList ul li a.on {color:#3a85c7;text-decoration:underline;} #bookshelf .bookList ul li a:hover {color:#3a85c7;text-decoration:underline;} #bookshelf .bookList ul li img {display:inline-block;margin:0 0 0 5px;vertical-align:middle;} #bookshelf .listBot {width:700px;height:24px;background:url('images/common/bg_bookbox_b.gif') repeat-x left top;text-align:center;} #bestSeller-banner {width:698px;height:121px;margin:0 0 30px 0;border:1px solid #d8d8d7;text-align:center;padding:6px 0 0 0;} /* realCon - common view */ #viewSetting {width:688px;height:29px;margin:0 0 20px 0;padding:7px 10px 0 0;border:1px solid #e7e7e7;background-color:#f3f3f3;position:relative;} #viewSetting ul, #viewSetting dl {overflow:hidden;} #viewSetting .fl{margin-left:10px;margin-top:5px;} #viewSetting ul{float:right;} #viewSetting ul li {float:left;} #viewSetting ul li.font {width:106px;} #viewSetting ul li.size {width:143px;} #viewSetting ul li.size dl dt, #viewSetting ul li.size dl dd {float:left;} #viewSetting .nanumTooltip{position:absolute;right:85px;top:30px;width:205px;height:54px;} #viewSetting .nanumTooltip p{position:relative;width:205px;height:54px;} #viewSetting .nanumTooltip p span{position:absolute;right:13px;bottom:12px;width:6px;height:6px;font-size:0px;} #articleView {width:700px;border-top:4px solid #5392d8;} #articleTop {width:638px;padding:22px 30px 22px 30px;border-left:1px solid #a3c7ea;border-right:1px solid #a3c7ea;border-bottom:1px solid #a3c7ea;overflow:hidden;} #articleTop .title {font-size:20px;color:#383838;font-weight:bold;line-height:28px;padding:0 0 8px 0;} #articleTop .stitle {font-size:16px;color:#3a85c7;font-weight:bold;border-bottom:1px solid #dcdcdc;padding:0 0 19px 0;} #articleTop .snsList {width:638px;height:23px;margin:10px 0 16px 0;overflow:hidden;} #articleTop .snsList ul {float:right;} #articleTop .snsList ul li {float:left;margin-left:6px;} #articleTop .cont {line-height:20px;color:#3A85C7;text-align:justify;} #articleTop .writer {padding:15px 0 0 0;} #articleTop .writer li{float:left;margin-right:15px;color:#898989;} #articleTop .writer li strong{color:#898989;font-weight:normal;} #articleTop .writer li a{color:#373737;font-weight:bold;} #articleTop .snsBox {overflow:hidden;} #articleTop .snsBox {padding:9px 0 0 0;overflow:hidden;} #articleTop .snsBox .writer2 {float:left;width:488px;color:#373737;padding:6px 0 0 0;} #articleTop .snsBox .writer2 a {color:#898989;} #articleTop .snsBox ul {float:left;} #articleTop .snsBox ul {float:left;} #articleTop .snsBox ul li {float:left;margin-left:6px;} #articleCont {width:638px;padding:30px 30px 47px 30px;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;color:#898989;line-height:20px;} #articleCont .articleTag {color:#3a85c7;} #articleCont .articleTag a {color:#3a85c7;} #articleCont .articleTag strong {color:#999;} #articleCont .viewType01 {position:relative;width:522px;margin:0 auto 60px auto;} #articleCont .viewType01 .prev {position:absolute;left:0;top:235px;} #articleCont .viewType01 .next {position:absolute;right:0;top:235px;} #articleCont .viewType01 .info {width:400px;margin:10px 0 0 61px;overflow:hidden;} #articleCont .viewType01 .info .photo {display:inline-block;float:left;} #articleCont .viewType01 .info .writer {display:inline-block;float:right;} #articleCont .viewType01 .info .writer img {vertical-align:middle;} #articleCont .viewType01 .info .writer a {color:#3a85c7;text-decoration:underline;} #articleCont .viewType01 ul {overflow:hidden;margin:20px 0 0 20px;} #articleCont .viewType01 ul li {float:left;width:80px;height:84px;margin-right:20px;vertical-align:top;} #articleCont .viewType01 ul li p {width:70px;height:70px;padding:4px;border:1px solid #e0e0e0;} #articleCont .viewType01 ul li.on {width:80px;height:80px;border-bottom:4px solid #e7e7e7;} #articleCont .viewType01 ul li.on p {border:1px solid #999;} #articleCont .viewType02 .tit {font-size:16px;color:#3a85c7;font-weight:bold;line-height:22px;} #articleCont .viewType02 .stit {font-size:14px;color:#3b3b3b;font-weight:bold;line-height:22px;padding:0 0 12px 0;} #articleCont .viewType02 .cont {color:#898989;line-height:20px;text-align:justify;} #articleCont .viewType03 {width:559px;margin:26px auto 30px auto;} #articleCont .viewType03 .info {width:559px;margin:9px 0 6px 0;overflow:hidden;} #articleCont .viewType03 .info .txt {display:inline-block;float:left;color:#3a85c7;} #articleCont .viewType03 .info .writer {display:inline-block;float:right;} #articleCont .viewType03 .info .writer a {color:#3a85c7;text-decoration:underline;} #articleCont .viewType03 .info .writer img {vertical-align:middle;} #articleCont .viewType03 .txt2 {width:559px;color:#3b3b3b;} #articleCont .viewType03 .photo {width:559px;color:#898989;margin:10px 0 0 0;} #articleCont .viewType04 {width:638px;padding:30px 0;overflow:hidden;} #articleCont .viewType04 .imgBox {float:right;width:222px;height:348px;margin:35px 0 0 20px;border:1px solid #e0e0e0;} #articleCont .viewType04 .txtBox {line-height:20px;color:#898989;text-align:justify;} #articleCont .viewType04 .txtBox strong {display:block;padding:0 0 11px 0;font-size:16px;line-height:22px;color:#3a85c7;} #articleCont .viewType04 .txtBox .cont span {color:#3a85c7;} #articleCont .viewType05 {margin:30px 0;text-align:center;} #articleCont .viewType06 .quote {padding:30px;color:#000;} #articleCont .viewType06 span a {color:#3a85c7;} #articleCont .viewType07 {width:638px;padding:30px 0;overflow:hidden;} #articleCont .viewType07 .imgBox {float:left;width:222px;height:348px;margin:35px 20px 0 0;border:1px solid #e0e0e0;} #articleCont .viewType07 .txtBox {line-height:20px;color:#898989;text-align:justify;} #articleCont .viewType07 .txtBox strong {display:block;padding:0 0 11px 0;font-size:16px;line-height:22px;color:#3a85c7;} #articleCont .viewType07 .txtBox .cont span {color:#3a85c7;} #articleCont .viewType08 {width:636px;padding:15px 0;margin:30px 0 0 0;border:1px solid #e0e0e0;} #articleCont .viewType08 .book-4 {width:606px;margin:0 auto;} #articleCont .viewType08 .book-3 {width:525px;margin:0 auto;} #articleCont .viewType08 .book-3 ul li {margin-right:51px;} #articleCont .viewType08 .book-2 {width:333px;margin:0 auto;} #articleCont .viewType08 .book-2 ul li {margin-right:51px;} #articleCont .viewType08 .book-1 {width:141px;margin:0 auto;} #articleCont .viewType08 .book-1 ul {width:141px;} #articleCont .viewType08 .book-1 ul li {margin:0;} #articleCont .viewType08 ul {overflow:hidden;} #articleCont .viewType08 ul li {float:left;width:141px;margin-right:14px;} #articleCont .viewType08 ul li p {position:relative;} #articleCont .viewType08 ul li p .open {position:absolute;right:0;bottom:0;display:block;} #articleCont .viewType08 ul li.last {margin:0;} #articleCont .viewType08 ul li strong {display:block;color:#3a85c7;} #articleCont .viewType08 ul li dl {text-align:left;overflow:hidden;} #articleCont .viewType08 ul li dl dt {float:left;width:30px;height:20px;} #articleCont .viewType08 ul li dl dd {float:left;width:111px;height:20px;} #articleCont .viewType08 ul li dl dd.reviewNum span {text-decoration:underline;} #articleCont .viewType08 ul li ul.btnList {padding:2px 0 0 0;overflow:hidden;} #articleCont .viewType08 ul li ul.btnList li {float:left;width:28px;margin:0;} #articleCont .viewType09 {width:636px;padding:15px 0;margin:30px 0 0 0;border:1px solid #e0e0e0;} #articleCont .viewType09 .music-4 {width:606px;margin:0 auto;} #articleCont .viewType09 .music-3b {width:586px;margin:0 auto;} #articleCont .viewType09 .music-3b ul li {width:180px;margin-right:23px;} #articleCont .viewType09 .music-3s {width:469px;margin:0 auto;} #articleCont .viewType09 .music-3s ul li {width:141px;margin-right:23px;} #articleCont .viewType09 .music-2b {width:433px;margin:0 auto;} #articleCont .viewType09 .music-2b ul li {width:180px;margin-right:73px;} #articleCont .viewType09 .music-2s {width:332px;margin:0 auto;} #articleCont .viewType09 .music-2s ul li {width:141px;margin-right:50px;} #articleCont .viewType09 .music-1b {width:180px;margin:0 auto;} #articleCont .viewType09 .music-1s {width:141px;margin:0 auto;} #articleCont .viewType09 .music-1b strong, #articleCont .viewType09 .music-1s strong {color:#3a85c7;} #articleCont .viewType09 ul {overflow:hidden;} #articleCont .viewType09 ul li {float:left;width:141px;margin-right:14px;} #articleCont .viewType09 ul li p {position:relative;} #articleCont .viewType09 ul li p .open {position:absolute;right:0;bottom:0;display:block;} #articleCont .viewType09 ul li.last {margin:0;} #articleCont .viewType09 ul li strong {color:#3a85c7;} #articleCont .viewType10 {margin:30px 0 0 0;overflow:hidden;} #articleCont .viewType10 ul {width:635px;overflow:hidden;} #articleCont .viewType10 ul li {float:left;width:123px;margin-right:5px;vertical-align:top;} #articleCont .viewType10 ul li p {width:111px;height:151px;padding:6px;background:url('images/common/bg_off.gif') no-repeat left top;} #articleCont .viewType10 ul li.on {width:123px;height:163px;} #articleCont .viewType10 ul li.on p {padding:6px;background:url('images/common/bg_on.gif') no-repeat left top;} #articleCont .viewType11 {width:629px;height:285px;margin:30px 0 0 0;padding:7px 0 0 7px;border-top:2px solid #4f4f4f;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;overflow:hidden;} #articleCont .viewType11 .viewType11-cont {width:622px;height:256px;padding:22px 0 0 0;background-color:#f5f5f5;} #articleCont .viewType11 .viewType11-cont dl {width:600px;overflow:hidden;} #articleCont .viewType11 .viewType11-cont dl dt {float:left;width:192px;height:256px;padding:0 0 0 39px;background:url('images/common/bg_book.jpg') no-repeat 17px 205px;} #articleCont .viewType11 .viewType11-cont dl dd {float:left;width:369px;} #articleCont .viewType11 .viewType11-cont dl dd strong {display:block;font-size:16px;color:#383838;} #articleCont .viewType11 .viewType11-cont dl dd span {display:block;color:#898989;} #articleCont .viewType11 .viewType11-cont dl dd p {padding:15px 0 0 0;text-align:justify;color:#686868;} #articleCont .viewType12 {width:638px;margin:30px 0 0 0;} #articleCont .viewType12 dl dt {padding:0 0 10px 30px;background:url('images/common/icon_q.gif') no-repeat left top;font-weight:bold;color:#898989;text-align:justify;} #articleCont .viewType12 dl dd {padding:0 0 25px 30px;background:url('images/common/icon_a.gif') no-repeat left top;color:#3a85c7;text-align:justify;} #articleCont .viewType12 dl dd.relTag{background:none;text-align:right;padding:0 0 0 0;margin-top:-15px;margin-bottom:20px;} #articleCont .viewType12 dl dd.relTag strong{color:#444;background:url('images/common/icon_tag.gif') no-repeat 0 50%;padding-left:13px;} #articleView .replyInfo {width:638px;margin:30px 0 0 0;position:relative;margin-bottom:10px;float:left;} #articleView .replyInfo .btnList {float:left;} #articleView .replyInfo .btnList ul {overflow:hidden;} #articleView .replyInfo .btnList ul li {float:left;} #articleView .replyInfo .btnList ul li.last {margin-left:10px;} #articleView .replyInfo .reply {float:right;} #articleView .replyInfo .reply img {vertical-align:middle;} #articleView .replyInfo .reply span {display:inline-block;margin-left:7px;text-decoration:underline;color:#747474;} .replyInfo2Depth{border:1px solid #c8c8c8;width:107px;position:absolute;left:195px;top:21px;background-color:#fff;z-index:10000;} .replyInfo2Depth ul{overflow:hidden;padding:5px 0;} .replyInfo2Depth ul li{height:20px;line-height:12px;} .replyInfo2Depth ul li a{color:#828282;line-height:12px;display:block;padding-top:4px;padding-left:10px;height:16px;} .replyInfo2Depth ul li.on{background-color:#d3d3d3;} .replyInfo2Depth ul li.on a{font-weight:bold;color:#fff;} .blogLayer{position:absolute;left:75px;top:21px;} #articleView .sns {width:636px;border:1px solid #e7e7e7;margin:10px 0 0 0;clear:both;overflow:hidden;} #articleView .sns .text {height:19px;background-color:#fff;padding:9px 0 0 15px;border-bottom:1px solid #e7e7e7;} #articleView .sns .snsCont {} #articleView .sns .snsCont .snsSelectBox {background-color:#f3f3f3;padding:10px 0 10px 15px;text-align:left;} #articleView .line {margin:30px 0;} #articleView .articleBlog {width:636px;padding:10px 0 15px 0;border-top:2px solid #989896;border-left:1px solid #d8d8d7;border-right:1px solid #d8d8d7;border-bottom:1px solid #d8d8d7;background:url('images/common/bg_arblog.gif') repeat-y 317px top;margin:10px 0;} #articleView .articleBlog2{width:318px;padding:10px 0 15px 0;border-top:2px solid #989896;border-left:1px solid #d8d8d7;border-right:1px solid #d8d8d7;border-bottom:1px solid #d8d8d7;background:url('images/common/bg_arblog.gif') repeat-y 317px top;margin:5px 0 10px 0;overflow:hidden;float:left;margin-right:20px;} #articleView .articleBlog dl {width:634px;overflow:hidden;} #articleView .articleBlog dl dt {height:29px;padding-left:20px;} #articleView .articleBlog dl dd {float:left;width:297px;margin-left:20px;_display:inline;} #articleView .articleBlog dl dd strong {color:#3a85c7;font-size:12px !important;} #articleView .articleBlog dl dd strong.tit a {color:#444;} #articleView .movieBox {width:616px;margin:30px 0 0 0;padding:10px 0 10px 20px;border-top:2px solid #828281;border-left:1px solid #d8d8d7;border-right:1px solid #d8d8d7;border-bottom:1px solid #d8d8d7;} #articleView .movieBox .title {height:23px;} #articleView .movieBox ul {width:595px;} #articleView .movieBox ul li {position:relative;height:141px;padding:10px 0;background:url('images/common/bg_dot.gif') repeat-x left top;} #articleView .movieBox ul.musicList li {height:105px;} #articleView .movieBox ul.musicList li dl dd.blist {padding:20px 0 0 0;} #articleView .movieBox ul li.first {background:none;} #articleView .movieBox ul li .open {position:absolute;left:81px;bottom:10px;display:block;} #articleView .movieBox ul li dl {width:595px;overflow:hidden;} #articleView .movieBox ul li dl dt {float:left;width:124px;} #articleView .movieBox ul li dl dd.info {float:left;width:377px;} #articleView .movieBox ul li dl dd.info strong {color:#3b3b3b;} #articleView .movieBox ul li dl dd.blist {float:left;width:94px;padding:44px 0 0 0;} #articleView .movieBox ul li dl dd.blist a {display:block;margin:0 0 4px 0;} #articleView .movieBox ul li dl dd.music {float:left;width:94px;padding:20px 0 0 0;} #articleView .movieBox ul.infoList {width:377px;} #articleView .movieBox ul.infoList li {width:371px;padding:0 0 0 6px;height:20px;background:url('images/common/blt_square_black.gif') no-repeat left 50%;} #articleView .movieBox ul.infoList li a {color:#3a85c7;} #articleView .recommPhoto {width:596px;padding:10px 20px 0 20px;margin:30px 0 0 0;border-top:2px solid #828281;border-left:1px solid #d8d8d7;border-right:1px solid #d8d8d7;border-bottom:1px solid #d8d8d7;} #articleView .recommPhoto .top {width:596px;height:23px;overflow:hidden;} #articleView .recommPhoto .top span.tit {display:inline-block;float:left;} #articleView .recommPhoto .top span.viewAll {display:inline-block;float:right;padding:0 5px 0 0;background:url('images/common/blt_arrow.gif') no-repeat right 50%;} #articleView .recommPhoto .top span.viewAll a {text-decoration:underline;color:#898989;} #articleView .recommPhoto ul {overflow:hidden;} #articleView .recommPhoto ul li {float:left;width:112px;height:125px;margin-right:9px;text-align:center;} #articleView .recommPhoto ul li.last {margin:0;} #articleView .recommPhoto ul li p {padding:0 0 5px 0;} #articleView .recommPhoto ul li p a {color:#898989;} #articleView .recommMovie {width:598px;padding:10px 20px 0 18px;margin:30px 0 0 0;border-top:2px solid #828281;border-left:1px solid #d8d8d7;border-right:1px solid #d8d8d7;border-bottom:1px solid #d8d8d7;} #articleView .recommMovie .top {width:596px;height:23px;overflow:hidden;} #articleView .recommMovie .top span.tit {display:inline-block;float:left;} #articleView .recommMovie .top span.viewAll {display:inline-block;float:right;padding:0 5px 0 0;background:url('images/common/blt_arrow.gif') no-repeat right 50%;} #articleView .recommMovie .top span.viewAll a {text-decoration:underline;color:#898989;} #articleView .recommMovie ul {overflow:hidden;} #articleView .recommMovie ul li {float:left;width:299px;height:206px;text-align:center;} #articleView .recommMovie ul li p.videoClip{position:relative;} #articleView .recommMovie ul li p.videoClip span{position:absolute;left:50%;top:50%;text-indent:-9999px;background:url('images/btn/btn_play_button_off.png') no-repeat 0 0;width:74px;height:74px;margin:-37px 0 0 -37px;} #articleView .recommMovie ul li p.videoClip span:hover{background:url('images/btn/btn_play_button_on.png') no-repeat 0 0;} #articleView .recommMovie ul li p {padding:0 0 5px 0;line-height:17px;} #articleView .recommMovie ul li a:hover {color:#3c8ace;text-decoration:underline;} #articleView .recommGall {position:relative;width:634px;padding:0 0 0 2px;margin:30px 0 0 0;border-top:2px solid #828281;border-left:1px solid #d8d8d7;border-right:1px solid #d8d8d7;border-bottom:1px solid #d8d8d7;overflow:hidden;} #articleView .recommGall .top {padding:10px 0 0 0;height:23px;} #articleView .recommGall .top span.tit {height:23px;padding:0 0 0 20px;} #articleView .recommGall .top span.viewAll {position:absolute;left:183px;top:10px;padding:0 5px 0 0;background:url('images/common/blt_arrow.gif') no-repeat right 50%;} #articleView .recommGall .top span.viewAll a {text-decoration:underline;color:#898989;} #articleView .recommGall .top span.viewAll2 {position:absolute;right:20px;top:10px;padding:0 5px 0 0;background:url('images/common/blt_arrow.gif') no-repeat right 50%;} #articleView .recommGall .top span.viewAll2 a {text-decoration:underline;color:#898989;} #articleView .recommGall .Gall-movie {float:left;width:300px;height:218px;text-align:center;} #articleView .recommGall .Gall-movie p.videoClip{position:relative;} #articleView .recommGall .Gall-movie p.videoClip span{position:absolute;left:50%;top:50%;text-indent:-9999px;background:url('images/btn/btn_play_button_off.png') no-repeat 0 0;width:74px;height:74px;margin:-37px 0 0 -37px;} #articleView .recommGall .Gall-movie p.videoClip span:hover{background:url('images/btn/btn_play_button_on.png') no-repeat 0 0;} #articleView .recommGall .Gall-photo {float:left;width:321px;height:218px;} #articleView .recommGall .Gall-photo ul {overflow:hidden;} #articleView .recommGall .Gall-photo ul li {float:left;width:107px;height:104px;text-align:center;} #articleView .writerInfo {width:638px;margin:30px 0 0 0;} #articleView .writerInfo .writerTab {height:26px;overflow:hidden;background:url('images/common/bg_line_b.gif') repeat-x left bottom;} #articleView .writerInfo .writerTab li {float:left;width:143px;height:22px;padding:2px 0 0 0;_padding:5px 0 0 0;text-align:center;border-top:1px solid #e7e7e7;background-color:#f3f3f3;vertical-align:middle;color:#8c8984;} #articleView .writerInfo .writerTab li.first {border-left:1px solid #e7e7e7;} #articleView .writerInfo .writerTab li.last {border-right:1px solid #e7e7e7;} #articleView .writerInfo .writerTab li.select {height:22px;border-top:2px solid #989896;border-left:1px solid #989896;border-right:1px solid #989896;background-color:#fff;color:#444;font-weight:bold;} #articleView .writerInfo .writerCont {width:624px;padding:6px;border-left:1px solid #d8d8d7;border-right:1px solid #d8d8d7;border-bottom:1px solid #d8d8d7;} #articleView .writerInfo .writerCont .textBox {width:624px;padding:0 0 20px 0;background-color:#f6f6f6;} #articleView .writerInfo .type01 {width:596px;margin:20px 0 0 14px;overflow:hidden;} #articleView .writerInfo .type01 dt {float:left;width:124px;} #articleView .writerInfo .type01 dd {float:left;width:472px;text-align:justify;} #articleView .writerInfo .type01 dd strong {display:block;color:#3b3b3b;padding:0 0 7px 0;} #articleView .writerInfo .type02 {width:596px;margin:20px 0 0 14px;overflow:hidden;} #articleView .writerInfo .type02 li {float:left;width:298px;} #articleView .writerInfo .type03 {width:298px;overflow:hidden;} #articleView .writerInfo .type03 dt {float:left;width:124px;} #articleView .writerInfo .type03 dd {float:left;width:174px;text-align:justify;} #articleView .writerInfo .type03 dd strong {display:block;color:#3b3b3b;padding:0 0 7px 0;} #articleView .writerInfo .type04 {width:596px;margin:20px 0 0 14px;overflow:hidden;} #articleView .writerInfo .type04 dt {float:left;width:124px;} #articleView .writerInfo .type04 dd {float:left;width:472px;text-align:justify;} #articleView .writerInfo .type04 dd strong {display:inline-block;color:#3b3b3b;padding:0 30px 7px 0;} #articleView .writerInfo .contTab {margin:10px 0 0 0;overflow:hidden;} #articleView .writerInfo .contTab li {float:left;padding:0 15px;} #articleView .writerInfo .contTab li.first {background:url('images/common/blt_gray_bar.gif') no-repeat right 4px;} #articleView .writerInfo .contTab li a {color:#3a85c7;} #articleView .writerInfo .contTab li.select {font-weight:bold;} #articleView .writerInfo .type05 {width:596px;margin:15px 0 0 14px;overflow:hidden;} #articleView .writerInfo .type05 dt {float:left;width:124px;} #articleView .writerInfo .type05 dd {float:left;width:472px;text-align:justify;} #articleView .writerInfo .type05 dd strong {display:inline-block;color:#3b3b3b;padding:0 30px 7px 0;} #articleView .writerInfo .type06 {width:596px;margin:15px 0 0 14px;overflow:hidden;} #articleView .writerInfo .type06 li {float:left;width:298px;padding:10px 0 0 0;background:url('images/common/bg_line_b_dot.gif') repeat-x left top;} #articleView .writerInfo .type06 li.first {padding:0 0 10px 0;background:none;} #articleView .writerInfo .type07 {width:298px;overflow:hidden;} #articleView .writerInfo .type07 dt {float:left;width:124px;} #articleView .writerInfo .type07 dd {float:left;width:174px;text-align:justify;} #articleView .writerInfo .type07 dd strong {display:block;height:28px;color:#3b3b3b;} #articleView .writerInfo .type07 dd .text {width:160px;height:73px;} #articleView .bookInfo {width:638px;margin:30px 0 0 0;} #articleView .bookInfo .bookTab {height:26px;overflow:hidden;background:url('images/common/bg_line_b.gif') repeat-x left bottom;} #articleView .bookInfo .bookTab li {float:left;width:143px;height:22px;padding:2px 0 0 0;_padding:5px 0 0 0;text-align:center;border-top:1px solid #e7e7e7;background-color:#f3f3f3;vertical-align:middle;color:#8c8984;} #articleView .bookInfo .bookTab li.first {border-left:1px solid #e7e7e7;} #articleView .bookInfo .bookTab li.last {border-right:1px solid #e7e7e7;} #articleView .bookInfo .bookTab li.select {height:22px;border-top:2px solid #989896;border-left:1px solid #989896;border-right:1px solid #989896;background-color:#fff;color:#444;font-weight:bold;} #articleView .bookInfo .bookCont {position:relative;width:638px;padding:0 0 20px 0;border-left:1px solid #d8d8d7;border-right:1px solid #d8d8d7;border-bottom:1px solid #d8d8d7;} #articleView .bookInfo .bookCont .open {position:absolute;left:100px;bottom:20px;display:block;} #articleView .bookInfo .bookCont table {width:596px;margin:0px 0 0 20px;table-layout:fixed;} #articleView .bookInfo .bookCont table td {position:relative;vertical-align:top;padding:20px 0 0 0;} #articleView .bookInfo .bookCont table td .open {position:absolute;left:80px;top:121px;display:block;} #articleView .bookInfo .bookCont table td ul.btnList {position:absolute;left:0;top:165px;} #articleView .bookInfo .bookCont table td ul.btnList li {margin:0;padding:0;} #articleView .bookInfo .bookCont table td .type10 dt {float:left;width:124px;height:141px;} #articleView .bookInfo .bookCont table td .type10 dd {float:left;width:165px;} #articleView .bookInfo .bookCont table td .type10 dd strong {display:block;color:#3b3b3b;} #articleView .bookInfo .bookCont table td .type10 dd span {display:block;font-size:11px;color:#898989;line-height:16px;} #articleView .bookInfo .bookCont table td .type10 dd p {color:#a13b66;} #articleView .bookInfo .bookCont table td .type10 dd p strong {display:inline;color:#a13b66;} #articleView .bookInfo .bookCont table td .type10 dd ul li {margin-bottom:4px;padding:0;} #articleView .bookInfo ul.btnList {overflow:hidden;} #articleView .bookInfo ul.btnList li {float:left;width:28px;} #articleView .bookInfo .type08 {width:596px;height:141px;margin:0 0 20px 20px;overflow:hidden;padding-top:20px;} #articleView .bookInfo .type08 dt {position:relative;float:left;width:124px;height:141px;} #articleView .bookInfo .type08 dd.info {float:left;width:378px;height:141px;} #articleView .bookInfo .type08 dd.info strong.tit {display:block;width:360px;color:#3b3b3b;} #articleView .bookInfo .type08 dd.info p {width:360px;} #articleView .bookInfo .type08 dd.info .txt1 {color:#a13b66;} #articleView .bookInfo .type08 dd.info .txt1 span {display:inline-block;margin-right:17px;font-size:11px;color:#898989;} #articleView .bookInfo .type08 dd.info .txt2 {height:81px;} #articleView .bookInfo .type08 dd.btn {float:left;width:94px;height:141px;padding:44px 0 0 0;} #articleView .bookInfo .type08 dd.btn ul li {margin-bottom:4px;} #articleView .bookInfo .type09 {width:614px;margin:0px 0 0 20px;padding-top:20px;} #articleView .bookInfo .type09 li {position:relative;float:left;width:289px;margin-right:18px;padding-bottom:20px;} #articleView .bookInfo .type09 li .open {position:absolute;left:80px;top:121px;display:block;} #articleView .bookInfo .type09 li ul.btnList {position:absolute;left:0;top:145px;} #articleView .bookInfo .type09 li ul.btnList li {margin:0;padding:0;} #articleView .bookInfo .type10 {width:289px;margin-bottom:4px;} #articleView .bookInfo .type10 dt {float:left;position:relative;width:124px;height:141px;} #articleView .bookInfo .type10 dd {float:left;width:165px;overflow:hidden;} #articleView .bookInfo .type10 dd strong {display:block;color:#3b3b3b;} #articleView .bookInfo .type10 dd span {display:block;font-size:11px;color:#898989;line-height:16px;} #articleView .bookInfo .type10 dd p {color:#a13b66;} #articleView .bookInfo .type10 dd p strong {display:inline;color:#a13b66;} #articleView .bookInfo .type10 dd ul li {margin-bottom:4px;padding:0;} #articleView .bookInfo .ico_ebook { position:absolute;left:60px;top:-10px;z-index:9;width:54px;height:54px;background:url('http://image.yes24.com/sysimage/common/icon/ico_ebook.png') 0 0 no-repeat; } #articleView .bookInfo *html .ico_ebook { background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.yes24.com/sysimage/common/icon/ico_ebook.png', sizingMethod='crop') } /* rightCon */ #rightCon #sortBox {width:230px;background:url('images/common/bg_sortBox.gif') repeat-y left top;} #rightCon #sortBox ul.group1 {width:230px;height:auto;} #rightCon #sortBox ul.group1 li{background:url('images/common/bg_dep1_li_off.gif') no-repeat left bottom;} #rightCon #sortBox ul.group1 li.last{background:none;} #rightCon #sortBox ul.group1 li a {display:block;padding:5px 0 6px 24px;color:#444;text-decoration:none;} #rightCon #sortBox ul.group1 li.last a {padding-bottom:6px;} #rightCon #sortBox ul.group1 li a.on{display:block;height:auto;padding:5px 0 6px 24px;background:#434343;font-weight:bold;color:#fff;text-decoration:none;} #rightCon #sortBox ul.group2 {background:url('images/common/bg_dep2_ul.gif') repeat-y left top;} #rightCon #sortBox ul.group2 li {padding-bottom:1px;background:#ebebeb url('images/common/bg_dep2_li.gif') no-repeat left bottom;} #rightCon #sortBox ul.group2 li.last2 {background:url('images/common/bg_dep2_li_last.gif') no-repeat left bottom;} #rightCon #sortBox ul.group2 li a {display:block;height:auto;padding:5px 0 6px 41px;background:url('images/common/blt_dep2_a_off.gif') no-repeat 32px 7px;color:#5a5a5a;text-decoration:none;} #rightCon #sortBox ul.group2 li.on a {background:url('images/common/blt_dep2_a_on.gif') no-repeat 32px 7px;font-weight:bold;color:#3a85c7;text-decoration:none;} #rightCon #noticeBox {position:relative;width:230px;margin:30px 0 0 0;} #rightCon #noticeBox .tit {font-weight:bold;line-height:100%;margin-bottom:10px;} #rightCon #noticeBox .more {position:absolute;right:0;top:0px;padding:0 4px 0 0;background:url('images/common/blt_arrow.gif') no-repeat right 50%;line-height:100%;} #rightCon #noticeBox .more a {color:#898989;text-decoration:underline;} #rightCon #noticeBox .list {width:230px;padding:0 0px;border-top:2px solid #4f4f4f;border-bottom:1px solid #ababab;} #rightCon #noticeBox .list ul {padding:3px 0;} #rightCon #noticeBox .list ul li {padding:7px 0 7px 12px;background:url('images/common/blt_circle_gray.gif') no-repeat left 50%;} #rightCon #noticeBox .list ul li.new {background:url('images/common/blt_circle_blue.gif') no-repeat left 50%;line-height:100%;} #rightCon #noticeBox .list ul li a {color:#898989;text-decoration:none;} #rightCon #article {position:relative;width:230px;margin:30px 0 0 0;} #rightCon #article .tit {font-weight:bold;line-height:100%;margin-bottom:10px;} #rightCon #article .more {position:absolute;right:0;top:0;padding:0 4px 0 0;background:url('images/common/blt_arrow.gif') no-repeat right 50%;line-height:100%;} #rightCon #article .more a {color:#898989;text-decoration:underline;} #rightCon #article .list {width:230px;border-top:2px solid #4f4f4f;border-bottom:1px solid #ababab;} #rightCon #article .list ul li {width:230px;padding:10px 0;background:url('images/common/bg_dot.gif') repeat-x left bottom;} #rightCon #article .list ul li a {line-height:20px;color:#898989;} #rightCon #article .list ul li.last {background:none;} #rightCon #article .list ul li.with-photo {width:230px;overflow:hidden;} #rightCon #article .list ul li.with-photo .title{font-weight:bold;color:#555;line-height:100%;margin-bottom:8px;} #rightCon #article .list ul li.with-photo .photo {float:left;border:1px solid #898989;padding:2px;margin-right:8px;} #rightCon #article .list ul li.with-photo .photo img{width:60px;height:37px;} #rightCon #article .list ul li.with-photo .text {float:left;width:150px;line-height:16px;letter-spacing:-1px;} #rightCon #article .list ul li.with-photo .text a {color:#898989;line-height:14px;} #rightCon #opinion {position:relative;width:230px;margin:30px 0 0 0;} #rightCon #opinion .tit {font-weight:bold;line-height:100%;margin-bottom:10px;} #rightCon #opinion .more {position:absolute;right:0;top:0px;padding:0 4px 0 0;background:url('images/common/blt_arrow.gif') no-repeat right 50%;line-height:100%;} #rightCon #opinion .list {width:230px;border-top:2px solid #4f4f4f;border-bottom:1px solid #ababab;} #rightCon #opinion .list ul li {width:230px;padding:10px 0;background:url('images/common/bg_dot.gif') repeat-x left bottom;} #rightCon #opinion .list ul li a {line-height:20px;color:#676767;font-size:11px;} #rightCon #opinion .list ul li.last {background:none;} #rightCon #opinion .list ul li.with-photo {width:230px;overflow:hidden;} #rightCon #opinion .list ul li.with-photo .opinionId {font-size:11px;color:#676767;} #rightCon #opinion .list ul li.with-photo .opinionId strong{padding-right:10px;} #rightCon #review {width:230px;margin:30px 0 0 0;} #rightCon #review .tit {height:25px;} #rightCon #review .list {width:230px;border-top:2px solid #4f4f4f;border-bottom:1px solid #ababab;} #rightCon #review .list ul li {width:230px;padding:5px 2px 10px 2px;background:url('images/common/bg_dot.gif') repeat-x left bottom;font-size:11px;} #rightCon #review .list ul li img {vertical-align:middle;} #rightCon #review .list ul li.last {background:none;} #rightCon #review .list ul li span {display:inline-block;} #rightCon #review .list ul li strong {display:inline-block;margin:0 15px 0 10px;} #rightCon #review .list ul li .cont {padding:4px 0 0 0;line-height:1.2em;} #rightCon #library {position:relative;width:228px;height:340px;border:1px solid #cdcdcd;margin:30px 0 0 0;} #rightCon #library .tit {height:25px;padding:10px 0 0 10px;border-bottom:1px solid #cdcdcd;} #rightCon #library .tit .more {position:absolute;right:11px;top:11px;padding:0 4px 0 0;background:url('images/common/blt_arrow.gif') no-repeat right 50%;} #rightCon #library .tit .more a {color:#898989;text-decoration:underline;} #rightCon #library .Blib {width:208px;margin:10px 0 10px 10px;overflow:hidden;} #rightCon #library .Blib .book {float:left;width:80px;margin-right:12px;} #rightCon #library .Blib .text {float:left;width:116px;color:#676767;} #rightCon #library .Blib .text strong {display:block;font-size:12px;padding:0 0 13px 0;line-height:17px;color:#555;} #rightCon #library .Blib .text span {display:block;font-size:11px;line-height:16px;} #rightCon #library .Slib {width:208px;margin:0 0 0 10px;padding:16px 0 14px 0;background-color:#f3f3f3;overflow:hidden;} #rightCon #library .Slib ul li {float:left;width:103px;text-align:center;} #rightCon #library .Slib ul li.line {width:2px;} #rightCon #library .Slib ul li p.txt {text-align:center;margin:6px 0 0 0;font-size:11px;color:#898989;line-height:14px;} #rightCon #searchWord {width:230px;margin:30px 0 0 0;} #rightCon #searchWord .tit {font-weight:bold;line-height:100%;margin-bottom:10px;} #rightCon #searchWord ul.tab {width:230px;height:27px;overflow:hidden;} #rightCon #searchWord ul.tab li {float:left;} #rightCon #searchWord .listBox {width:212px;padding:5px 6px 0 10px;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;} #rightCon #searchWord .listBox ul li {padding:5px 0;} #rightCon #searchWord .listBox ul li img {display:inline-block;vertical-align:middle;} #rightCon #searchWord .listBox ul li span.title {display:inline-block;width:140px;} #rightCon #searchWord .listBox ul li span.icon {display:inline-block;width:14px;text-align:center;} #rightCon #searchWord .listBox ul li span.num {display:inline-block;width:30px;text-align:center;font-size:11px;} #rightCon #searchWord .listBox ul li .keep {color:#828281;} #rightCon #searchWord .listBox ul li .up {color:#c32d3b;} #rightCon #searchWord .listBox ul li .down {color:#3a85c7;} #rightCon #searchWord .listBox ul li .new {color:#c32d3b;} #rightCon #sns {width:228px;height:123px;margin:30px 0 0 0;border:1px solid #cdcdcd;} #rightCon #sns .tit {height:21px;padding:9px 0 0 10px;border-bottom:1px solid #e5e5e5;} #rightCon #sns .count {height:92px;background-color:#f3f3f3;} #rightCon #sns .count ul {padding:15px 0 0 0;overflow:hidden;} #rightCon #sns .count ul li {float:left;width:76px;text-align:center;font-size:11px;color:#747474;} #rightCon #sns .count ul li .icon {padding:0 0 5px 0;} #rightCon #sns .count ul li .num img {vertical-align:middle;} #rightCon #sns .count ul li .num .tw {color:#2bb0e6;} #rightCon #sns .count ul li .num .fb {color:#3753a1;} #rightCon #sns .count ul li .num .me {color:#7559b3;} #rightCon #recomm {position:relative;width:230px;margin:30px 0 0 0;} #rightCon #recomm .tit {font-weight:bold;line-height:100%;margin-bottom:10px;} #rightCon #recomm .more {position:absolute;right:0;top:2px;line-height:100%;} #rightCon #recomm .more li{float:left;margin-left:5px;color:#999;} #rightCon #recomm .more li.on{font-weight:bold;color:#5d5d5d;} #rightCon #recomm .more li a{padding:0 5px;} #rightCon #recomm .list {width:230px;border-top:2px solid #4f4f4f;border-bottom:1px solid #ababab;} #rightCon #recomm .list ul li {width:230px;padding:10px 0;background:url('images/common/bg_dot.gif') repeat-x left top;overflow:hidden;} #rightCon #recomm .list ul li:first-child {background:none;} #rightCon #recomm .list ul li a {line-height:20px;color:#898989;} #rightCon #recomm .list ul li.last {background:none;} #rightCon #recomm .list ul li .book {float:left;margin-right:10px;} #rightCon #recomm .list ul li .info {} #rightCon #recomm .list ul li .info strong {display:block;line-height:12px;} #rightCon #recomm .list ul li .info strong a {color:#555;} #rightCon #recomm .list ul li .info span {display:block;} #rightCon #recomm .list ul li .info .writer a {color:#3a85c7;text-decoration:underline;line-height:18px;} #rightCon #recomm .list ul li .info .price {display:block;color:#a13b66;padding:3px 0 0 0;} #rightCon #recomm .list ul li .info .price strong {display:inline;} #rightCon #recomm .list .title{font-weight:bold;color:#3a85c8;font-size:14px;line-height:20px;margin-bottom:5px;} #rightCon #recomm .list .contents{margin-bottom:10px;line-height:17px;} #rightCon #culture {width:228px;height:257px;margin:30px 0 0 0;border:1px solid #cdcdcd;text-align:center;} #rightCon #culture .tit {height:25px;padding:10px 0 0 10px;text-align:left;} #rightCon #eventBanner {width:230px;margin:30px 0 0 0;} #rightCon #eventBanner ul li {margin:0 0 8px 0;} #rightCon #etcCont {width:230px;margin:30px 0 0 0;} #rightCon #etcCont ul li .banner {width:228px;height:116px;padding:4px 0 0 0;border:1px solid #e4e4e4;background-color:#f0f0f0;text-align:center;} #rightCon #etcCont ul li .text {padding:6px 0;text-align:center;line-height:16px;color:#898989;} #rightCon #etcCont ul li .text a {color:#898989;} #rightFamous{float:left;width:230px;}