

/*통합검색*/
.total_search_top {position: relative;display: block;overflow: hidden;}
.total_search_top .search_chang {position: relative;display: block;width: 500px;margin: 0 auto 20px;border: 2px solid #333;color: #333;overflow: hidden}
.total_search_top .search_chang input[type=text] {width: 440px;margin: 0;border: none;height: 45px;line-height: 45px;float: left;}
.total_search_top .search_chang button {position: absolute;top: 0;right: 0;width: 60px;height: 45px;border: none;background: none;text-indent: -99999px;}
.total_search_top .search_chang button:after {position: absolute;top: 0;left: 0;width: 60px;height: 45px;line-height: 45px;font-family: FontAwesome,LineAwesome;text-align: center;font-size: 27px;text-indent: 0;
    content: "\f2eb";transform:rotate(-90deg);z-index: 0}

.total_search_top .search_keyword {position: relative;display: block;text-align: center;font-size: 16px;font-weight: 600;color: #222;margin: 30px 0}

.total_search_tab {position: relative;display: block;overflow: hidden;height: 45px;border-bottom: 1px solid #ddd;}
.total_search_tab ul {display: block;}
.total_search_tab li {float: left;width: 150px;margin: 0 -1px -1px 0}
.total_search_tab li a {display: block;line-height: 45px;border: 1px solid #ddd;text-align: center;font-size: 14px;font-weight: 600;color: #333;background: #fafafa}
.total_search_tab li.active a {background: #333;color: #fff}

.total_search_list {position: relative;display: block;padding: 25px;background: #f6f6f6;border: 1px solid #ddd;margin-top: 15px}
.total_search_list dl {display: block;overflow: hidden}
.total_search_list dt {display: block;font-size: 15px;color: #222;font-weight: 600;margin-bottom: 10px}
.total_search_list dt span {color: #333;font-size: 13px}
.total_search_list dd {float: left;width: 16.66%;line-height: 30px}
.total_search_list dd a {display: inline-block;padding-left: 14px;background: url("/re_images/common/etc/search_list_ico.png") no-repeat left center}

.total_search_cont {position: relative;display: block;padding: 35px 0;}
.total_search_cont.bline {padding: 35px 0;background: url("/re_images/common/etc/line-dia.png") repeat-x bottom; }
.total_search_cont:last-child {background: none;padding-bottom: 0}
.total_search_cont .c_tit {position: relative;display: block;overflow: hidden;margin-bottom: 15px;font-size: 17px;color: #222;font-weight: 600}
.total_search_cont .c_tit span {font-size: 13px;color: #333;}
.total_search_cont .moreBtn {position: relative;display: block;margin-top: 20px;text-align: right}
.total_search_cont .moreBtn .more {position: relative;display: inline-block;font-weight: 600;color: #333;text-decoration: underline}

.total_search_noData {position: relative;display: block;margin-top: 40px;text-align: center;}
.total_search_noData .box {max-width: 500px;display: inline-block;text-align: left;padding-left: 180px;background: url("/re_images/common/etc/search_noData.png") no-repeat left center;}
.total_search_noData .btit {display: block;color: #222;font-weight: 600;line-height: 150%;font-size: 25px;}
.total_search_noData .stit {display: block;color: #555;font-weight: 600;line-height: 150%;font-size: 18px;margin: 10px 0}
.total_search_noData .dg-list01 li {font-size: 14px}

.listArea .itemBox {position: relative;display: block;border-top: 1px solid #ddd}
.listArea .item {position: relative;display: block;overflow: hidden;padding: 15px 0 15px 128px;border-bottom: 1px solid #ddd}
.listArea .item .img {position: absolute;top: 18px;left: 0;width: 114px;height: 70px;}
.listArea .item .img img {width: 114px;height: 70px;}
.listArea .item .img a {display: block;}
.listArea .item .title {position: relative;display: block;overflow: hidden}
.listArea .item .title a {display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: -0.05em}
.listArea .item .title .item_type {display: inline-block;}
.listArea .item .title .item_type span {position: relative;display: inline-block;line-height: 18px;font-family: "돋움", Dotum;font-size: 11px;color: #fff;text-align: center;padding: 0 5px;border-radius: 3px;vertical-align: middle}
.listArea .item .price {display: block;font-size: 17px;font-weight: 600;color: #111;margin: 3px 0;line-height: 120%}
.listArea .item .info {display: block;overflow: hidden;font-size: 12px}
.listArea .item .info ul {display: block;overflow: hidden;height: 22px}
.listArea .item .info li {position: relative;float: left;margin-right: 15px;color: #666;line-height: 22px;}
.listArea .item .info li .homepi { display: inline-block;color: #333;max-width: 360px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-right: 13px;line-height: 20px;background: url("/re_images/tv/pc/contents/channel-go.png") no-repeat right center;}
.listArea .item .info li .rating {position: relative;display: inline-block;width: 120px;text-align: left;}
.listArea .item .info li .rating i {position: relative;display: inline-block;width: 8px;vertical-align: top;color: #cbcbcb}
.listArea .item .info li .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 22px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 12px;display: block}
.listArea .item .info li .rating i.on {color: #ef5350}
.listArea .item .info li .rating span {display: inline-block;vertical-align: top;font-size: 12px;color: #777;line-height: 22px;margin-left: 2px}
.listArea .item .info li:after {position: absolute;top: 50%;right: -8px;width: 1px;height: 10px;margin-top: -5px;background: #ccc;content: "";}
.listArea .item .info li:last-child {margin-right: 0}
.listArea .item .info li:last-child:after {display: none;}

.item_type .package {background: #3f51b5}
.item_type .event {background: #df3764}
.item_type .dangoll {background: #ed283b}
.item_type .channel {background: #f66516}

.srch-channelLst {position: relative;display: block;overflow: hidden;}
.srch-channelLst .item {position: relative;display: block;padding: 20px;border: 1px solid #ddd;float: left;width: 170px;height: 156px;margin: 10px 0;margin-right: 10px}
.srch-channelLst .item li {display: block;text-align: center}
.srch-channelLst .item:nth-child( 5n) {margin-right: 0}
.srch-channelLst .item .channelImg span {display: inline-block;width: 80px;height: 80px;overflow: hidden;border: 1px solid #eee;border-radius: 50%}
.srch-channelLst .item .channelImg span img {width: 80px;height: 80px;display: block}
.srch-channelLst .item .channelNmae {font-size: 14px;color: #333;font-weight: 600;margin: 10px 0;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;letter-spacing: -0.05em}
.srch-channelLst .item .channelInfo span {display: block;height: 40px;overflow: hidden}
.srch-channelLst .item:hover {border: 1px solid #333}

.book_list {position: relative;display: block;border-top: 1px solid #ddd;}
.book_list > ul > li {position: relative;display: block;padding: 15px 15px 15px 130px;height: 138px;border-bottom: 1px solid #ddd}
.book_list > ul > li .bookCoverBox {position: absolute;top: 15px;left: 15px;}
.book_list > ul > li .bookinfoText .title {display: block;height: auto;font-size: 15px;line-height: 130%}

/*책커버*/
.bookCoverBox {position: relative;overflow: hidden;background: #fff;border: 1px solid #c6c6c6}
.bookCoverBox .bookCoverTop {position: absolute;display: block;top: -5px;left: -1px;width: 100%;height: 5px;padding: 0 1px;background: url("/re_images/books/pc/cover/bookCoverTop.png") repeat-x bottom}
.bookCoverBox .bookCoverRight {position: absolute;display: block;top:0;right: -5px;width: 5px;height: 100%;background: url("/re_images/books/pc/cover/bookCoverRight.png") repeat-y right}
.bookCoverBox .bookCoverBottom {position: absolute;display: block;bottom: -5px;left: -1px;width: 100%;height: 5px;padding: 0 1px;background: url("/re_images/books/pc/cover/bookCoverBottom.png") repeat-x top}
.bookCoverBox .bookCoverLeft {position: absolute;display: block;top:0;left: -5px;width: 5px;height: 100%;background: url("/re_images/books/pc/cover/bookCoverLeft.png") repeat-y left}

.bookCoverBox .book {position: relative;}
.bookCoverBox .book a {position: relative;display: block;width: 100%;height: 100%;}
.bookCoverBox .book img {display: block;z-index: 0}
.bookCoverBox .book .coverSdLeft {position: absolute;display: block;top: 0;left: 0;width: 14px;height: 100%;background: url("/re_images/books/pc/cover/coverSdLeft.png") repeat-y left;z-index: 10}
.bookCoverBox .book .coverSdRight {position: absolute;display: block;top: 0;right: 0;width: 14px;height: 100%;background: url("/re_images/books/pc/cover/coverSdRight.png") repeat-y right;z-index: 10}

.bookCoverBox:hover .book a:after {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;background: rgba(12,35,57,0.6);content: "";z-index: 50}
.bookCoverBox:hover .book a:before {position: absolute;display: block;top: 50%;left: 50%;width: 70px;height: 28px;line-height: 26px;margin: -14px 0 0 -35px;content: "more +";
    text-align: center;font-size: 12px;color: #fff;border: 1px solid #fff;border-radius: 30px;z-index: 55}

.setBook .book {display: table;}
.setBook .book a {display: table-cell;vertical-align: middle}
.setBook img {width: 100% !important;height: auto !important;}

.BookTpye_box {position: absolute;bottom: 0;left: -1px;width: 102%;height: 25px;margin-top: -12px;background: rgba(255,255,255,0.9);text-align: center;border-top: 1px solid #ddd;}
.BookTpye_box span { position: relative;display: inline-block;line-height: 25px;color: #333;font-size: 12px;z-index: 2}
.BookTpye_box:after {position: absolute;top: 50%;left: 0;width: 25px;height: 2px;margin-top: -1px;content: "";z-index: 0}
.BookTpye_box:before {position: absolute;top: 50%;right: 0;width: 25px;height: 2px;margin-top: -1px;content: "";z-index: 0}
.BookTpye_box.set:after {background: rgba(242,32,32,0.7);content: "";}
.BookTpye_box.set:before {background: rgba(242,32,32,0.7);content: "";}
.BookTpye_box.reserve:after {background: rgba(22,58,172,0.7);content: "";}
.BookTpye_box.reserve:before {background: rgba(22,58,172,0.7);content: "";}

.bookCoverBox.small {width: 94px;height: 136px;}
.bookCoverBox.small .book {width: 94px;height: 136px;}
.bookCoverBox.small .book img {width: 94px;height: 136px}
.bookCoverBox.small .BookTpye_box:after {width: 15px;}
.bookCoverBox.small .BookTpye_box:before {width: 15px;}

.bookinfoText {position: relative;display: block;padding: 10px 0 0}
.bookinfoText .stext {position: relative;display: block;font-size: 14px;}
.bookinfoText .red {color: #f22020}
.bookinfoText .title {position: relative;display: block;font-size: 14px;line-height: 140%;height: 38px;overflow: hidden;}
.bookinfoText .title a {color: #333;font-weight: 600}
.bookinfoText .stitle {display: block;margin-bottom: 3px}
.bookinfoText .stitle a {display: inline-block;color: #333;line-height: 130%;font-size: 13px}
.bookinfoText .txt {position: relative;display: block;font-size: 12px;color: #555;height: 38px;overflow: hidden;margin: 5px 0}
.bookinfoText .name {display: block;font-size: 12px;color: #888}
.bookinfoText .price {display: block;color: #333;font-size: 13px;font-weight: 500;font-family: 'Spoqa Han Sans', 'Sans-serif';}
.bookinfoText .price i {display: inline-block;margin-right: 3px;color: #f22020;font-weight: normal;font-style: normal;font-size: 11px}
.bookinfoText .gr_txt {position: relative;display: block;padding: 15px;background: #f6f6f6;font-size: 12px;line-height: 150%;margin-top: 10px;}
.bookinfoText .rating {display: block;}
.bookinfoText .bookdtl {display: block;overflow: hidden;margin: 5px 0}
.bookinfoText .bookdtl li {position: relative;display: inline-block;float: left;padding: 0 20px 0 0;color: #777;line-height: 25px;height: 25px;}
.bookinfoText .bookdtl li:after {position: absolute;top: 50%;right: 10px;width: 1px;height: 10px;margin-top: -5px;background: #bbb;content: "";}
.bookinfoText .bookdtl li:last-child:after {display: none}
.bookinfoText .reserve_book_text {position: relative;display: block;color: #f22020}

.purchase_price {position: relative;display: block;overflow: hidden;}
.purchase_price span {display: inline-block;float: left;line-height: 30px;vertical-align: bottom}
.purchase_price span i {font-style: normal}
.purchase_price .price {color: #222;font-size: 17px;margin-right: 3px;font-family: 'Spoqa Han Sans', 'Sans-serif';}
.purchase_price .price i {display: inline-block;font-size: 13px;color: #f22020;margin-right: 3px}
.purchase_price .point {font-size: 12px;color: #888;margin-left: 7px;}
.purchase_price .point i {color: #0277bd;font-weight: 600}
.purchase_price .delivery {border: 1px solid #00acc1;background: #fff;line-height: 19px;height: 18px;font-size: 11px;color: #00acc1;padding: 0 5px;border-radius: 2px;margin: 6px 0 6px 3px;font-family: Dotum;letter-spacing: -0.03em}
.purchase_price .stock_out {border: 1px solid #f22020;background: #fff;line-height: 19px;height: 18px;font-size: 11px;color: #f22020;padding: 0 5px;border-radius: 2px;margin: 6px 0 6px 3px;font-family: Dotum;letter-spacing: -0.03em}

.BookTpye_box {position: absolute;bottom: 0;left: -1px;width: 102%;height: 25px;margin-top: -12px;background: rgba(255,255,255,0.9);text-align: center;border-top: 1px solid #ddd;}
.BookTpye_box span { position: relative;display: inline-block;line-height: 25px;color: #333;font-size: 12px;z-index: 2}
.BookTpye_box:after {position: absolute;top: 50%;left: 0;width: 25px;height: 2px;margin-top: -1px;content: "";z-index: 0}
.BookTpye_box:before {position: absolute;top: 50%;right: 0;width: 25px;height: 2px;margin-top: -1px;content: "";z-index: 0}
.BookTpye_box.set:after {background: rgba(242,32,32,0.7);content: "";}
.BookTpye_box.set:before {background: rgba(242,32,32,0.7);content: "";}
.BookTpye_box.reserve:after {background: rgba(22,58,172,0.7);content: "";}
.BookTpye_box.reserve:before {background: rgba(22,58,172,0.7);content: "";}


.examinerLst {position: relative;display: block;overflow: hidden;width: 1112px;margin-left: -6px}
.examinerLst .item {position: relative;display: block;border: 1px solid #ddd;padding: 25px 15px 21px 100px;float: left;width: 427px;margin: 6px;}
.examinerLst .item:hover {border: 1px solid #b3b3b3}
.examinerLst .item .logo {position: absolute;display: block;top: 50%;left: 15px;margin-top: -35px;width: 70px;height: 70px;border-radius: 50%;overflow: hidden}
.examinerLst .item .logo img {width: 70px;}
.examinerLst .item .examiner_name {display: block;}
.examinerLst .item .examiner_name a {display: inline-block;max-width: 90%;font-size: 17px;color: #222;font-weight: 600;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.examinerLst .item .examiner_name .favorite_btn {position: relative;display: inline-block;width: 20px;max-width: 20px;height: 19px;vertical-align: top}
.examinerLst .item .examiner_name .favorite_btn span {display: none}
.examinerLst .item .examiner_name .favorite_btn:before {position: absolute;top: 0;left: 0;width: 20px;height: 19px;font-size: 21px;font-weight: normal;font-family: FontAwesome,LineAwesome;content: "\f31b";color: #999;}
.examinerLst .item .examiner_name .favorite_btn.on:before{color: #f56e13;content: "\f318"}
.examinerLst .item .examiner_subscribe {position: absolute;top: 20px;right: 20px;}
.examinerLst .item .examiner_subscribe a {display: inline-block;padding: 0 8px;line-height: 22px;font-size: 13px;color: #444;border: 1px solid #ddd;background: #fafafa;border-radius: 3px}
.examinerLst .item .examiner_subscribe a span {display: inline-block;padding-left: 18px;background: url("/re_images/moi/pc/contents/examiner_subscribe_off.png") no-repeat left center}
.examinerLst .item .examiner_subscribe a.on {color: #fff;border: 1px solid #ff4d30;background: #ff4d30;}
.examinerLst .item .examiner_subscribe a.on span {background: url("/re_images/moi/pc/contents/examiner_subscribe_on.png") no-repeat left center}
.examinerLst .item .examiner_info {position: relative;display: block;margin: 5px 0;overflow: hidden}
.examinerLst .item .examiner_info li {position: relative;float: left;padding-right: 15px;color: #3995f3}
.examinerLst .item .examiner_info li:before {position: absolute;top: 5px;right: 6px;width: 1px;height: 10px;background: #bbb;content: ""}
.examinerLst .item .examiner_info li:last-child {padding-right: 0;color: #ff715a}
.examinerLst .item .examiner_info li:last-child:before {display: none}
.examinerLst .item .examiner_tag {position: relative;display: block;overflow: hidden;min-height: 20px;height: 20px;}
.examinerLst .item .examiner_tag a {display: inline-block;vertical-align: top;margin: 0 4px 4px 0;color: #777;}



.moiLst_table {width: 100%;border-top: 2px solid #585858;}
.moiLst_table th {font-size: 13px;text-align: center;padding: 10px 0;color: #3d434c;border-bottom: 1px solid #ddd;background: #fafafa;font-weight: 600}
.moiLst_table td {font-size: 13px;text-align: center;padding: 7px 5px;border-bottom: 1px solid #ddd;color: #7f7f7f;}
.moiLst_table td .title {max-width: 430px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-weight: 600}
.moiLst_table td .title:hover {text-decoration: underline}
.moiLst_table td .cate_txt {font-size: 12px;position: relative;display: inline-block;padding-right: 25px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.moiLst_table td .cate_txt .all_cate {position: absolute;top: 50%;right: 0;display: inline-block;width: 20px;height: 12px;margin-top: -5px;background: url("/re_images/moi/pc/contents/all_cate.png") no-repeat center;}
.moiLst_table td .channel {font-size: 12px;color: #555;max-width: 110px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 12px;background: url("/re_images/common/etc/new-winG.png") no-repeat right center}
.moiLst_table td .nochannel {font-size: 12px;color: #555;max-width: 110px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.moiLst_table td .price {display: inline-block;font-weight: 600;color: #222;font-size: 14px}
.moiLst_table td .price del {display: block;font-size: 12px;color: #888;font-weight: normal;}
.moiLst_table td .price.free {color: #1e88e5}

.moiLst_table td .type {float: left;margin-right: 5px;display: inline-block;padding: 0 5px;min-width: 35px;text-align: center;font-size: 11px;height: 18px;line-height: 18px;border: 1px solid #ccc;border-radius: 3px;letter-spacing: 0}

.moiLst_table td .type.free {color: #1e88e5}
.moiLst_table td .type.event {color: #f56e13}
.moiLst_table td .type.single {color: #3745c6}
.moiLst_table td .type.package {color: #e91e63}
.moiLst_table td .type.brand {color: #57a22f}
.moiLst_table td .type.dangoll {color: #009e95}
.moiLst_table td .type.problem {color: #a227dc}
.moiLst_table td .type.essay {color: #f56e13}
.moiLst_table td .type.self {color: #0e9ed3}


/*인폼뉴스리스트*/
.inform_news_list {width: 100%; display: block; padding: 25px 0 25px 0; overflow: hidden; border-bottom: 1px solid #e2e2e2;}
.inform_news_list:nth-child(2) {padding-top: 30px;}
.inform_news_img {width: 200px; height: 130px; float: left; background-color: #0b6e7a; margin-right: 20px; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box; position: relative;}
.inform_news_img img {width: 200px; height: 130px;}
.inform_news_txt {overflow: hidden; padding: 0 13px 0 0; text-align: left;}
.inform_news_txt p {line-height: 150%}
.inform_news_txt p:nth-child(1) {font-size: 15px; font-weight: 600; color: #121212; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inform_news_txt p:nth-child(2) {height: 38px; font-size: 13px; color: #666666; overflow: hidden; margin: 12px 0 11px 0;}

.inform_news_txt div {width: 100%; overflow: hidden;}
.inform_news_txt div .news_day_write {overflow: hidden; float: left; margin-right: 12px; line-height: 12px;}
.inform_news_txt div .news_day_write li{font-size: 12px; color: #b8b8b8; float: left; position: relative; padding-right: 13px;}
.inform_news_txt div .news_day_write li:after {position: absolute; content: 'l'; right: 5px;}
.inform_news_txt div .news_day_write li:nth-child(2) {padding-right: 0;}
.inform_news_txt div .news_day_write li:nth-child(2):after {display: none;}

.inform_news_txt div .inform_category {overflow: hidden; float: left; line-height: 12px;}
.inform_news_txt div .inform_category li {position: relative;font-size: 12px; color: #28579c; float: left; margin-right: 8px; position: relative;}
.inform_news_txt div .inform_category li:last-child {font-weight: 600; margin-right: 0;}
.inform_news_txt div .inform_category li:after {position: absolute; right: -10px; top: 50%; margin-top: -6px; content: '>';}
.inform_news_txt div .inform_category li:last-child:after {display: none;}