#container-wrap {position: relative;display: block;width: 100%;}

#s-contents-wrap {position: relative;display: block;}
#s-contents {position: relative;display: block;width: 1100px;margin: 0 auto;min-height: 600px;padding: 50px 0}
.channel_width_view #s-contents {padding: 0 0 50PX}


.cont_title {position: relative;display: block;overflow: hidden;margin-bottom: 5px;}
.cont_title h2 {position: relative;display: inline-block;float: left;font-size: 19px;color: #222;font-weight: 600;line-height: 30px;letter-spacing: -0.1em}
.cont_title h3 {position: relative;display: block;font-size: 16px;color: #222;font-weight: 600;line-height: 30px;letter-spacing: -0.1em;clear: both;padding-left: 10px}
.cont_title h3:after {position: absolute;top: 13px;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #f44336;content: ""}

.cont_title .cate_tit {position: relative;display: block;overflow: hidden;clear: both;float: left;}
.cont_title .cate_tit h3 {position: relative;display: block;clear: both;padding-left: 8px;margin-bottom: 5px;line-height: 26px;font-weight: 600;color: #222;font-size: 15px}
.cont_title .cate_tit h3:after {position: absolute;top: 10px;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #333;content: ""}


.cont_title .astxt {float: left;display: inline-block;font-size: 13px;color: #666;margin-left: 10px;line-height: 30px;vertical-align: bottom;letter-spacing: -0.05em}
.cont_title .list_total {float: right;display: inline-block;padding: 4px 0 4px 19px;font-size: 12px;color: #41454c;background: url('/re_images/common/Board/icon_total.png') no-repeat 0 8px;}
.cont_title .list_total span {display: inline-block;font-size: 13px;}
.cont_title .list_total strong {color: #f44336;font-weight: 600}
.cont_title .list_total.right {float: right !important;}
.cont_title .table_search {float: right;display: inline-block;}
.cont_title .table_search select {width: 100px;line-height: 30px;height: 30px;margin: 0;vertical-align: top}
.cont_title .table_search input[type='text'] {width: 200px;line-height: 28px;height: 28px;margin: 0;vertical-align: top}
.cont_title .table_search .btn_st {line-height: 30px;height: 30px;margin: 0;vertical-align: top}
.cont_title .package_more {position: absolute;top: 0;right: 0;width: 30px;height: 30px;border: 1px solid #bbb;}
.cont_title .package_more:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 31px;text-align: center;content: "\f2c2";color: #444;font-family: FontAwesome,LineAwesome;font-style: normal;font-size: 21px;display: block}

.cont_search {position: relative;display: block;overflow: hidden;background: #f6f6f6;border: 1px solid #ddd;padding: 20px;margin-bottom: 20px;text-align: center}
.cont_search .bar {display: inline-block}
.cont_search select {width: 120px;line-height: 30px;height: 30px;margin: 0;vertical-align: top}
.cont_search input[type='text'] {width: 300px;line-height: 28px;height: 28px;margin: 0;vertical-align: top}
.cont_search .btn_st {line-height: 30px;height: 30px;margin: 0;vertical-align: top}

.package_table {position: relative;display: block;overflow: hidden;margin-bottom: 20px;}
.package_table .cont_title h2 {line-height: 35px}

.cont_listWrap {position: relative;display: block;overflow: hidden;margin-top: 30px}
.cont_listWrap .listBox {position: relative;display: block;overflow: hidden;width: 1116px;margin-left: -8px;}

.listBox .item { position: relative;display: inline-block;float: left;width: 354px;margin: 8px;height: 168px;border: 1px solid #ccc;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.listBox .item:hover, .listBox .item:focus, .listBox .item:active {box-shadow: 0 13px 13px -10px rgba(0, 0, 0, 0.5);border: 1px solid #e91e63;}

.listBox .item ul {display: block;padding: 20px;height: 82px;}
.listBox .item li {position: relative;display: block;overflow: hidden;margin-bottom: 7px;}
.listBox .item li:last-child {margin-bottom: 0}
.listBox .item .title {display: block;}
.listBox .item .title a {display: block;font-size: 14px;color: #333;font-weight: 600;line-height: 22px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.listBox .item div {position: relative;float: left;}
.listBox .item .channel, .listBox .item .date {display: inline-block;font-size: 12px;color: #777}
.listBox .item .channel a {display: inline-block;max-width: 145px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-right: 10px;background: url("/re_images/common/etc/new-winG.png") no-repeat right center}
.listBox .item .date {margin-left: 20px;}
.listBox .item .date b {color: #333}
.listBox .item .date:after {position: absolute;top: 50%;left: -10px;width: 1px;height: 10px;margin-top: -5px;background: #ccc;content: ""}

.listBox .item .item_type {position: absolute;top: 0;left: 0;padding: 1px 0;z-index: 1}
.listBox .item .item_type span {display: inline-block;padding: 0 10px;font-size: 12px;height: 18px;line-height: 18px;float: left;margin-right: 3px;border: 1px solid #ccc;}
.listBox .item .item_type .event {color: #e91e63}
.listBox .item .item_type .free {color: #1e88e5}

.listBox .item .price {display: block;text-align: right;float: none;font-family: 'Spoqa Han Sans', 'Sans-serif'}
.listBox .item .price del {display: inline-block;vertical-align: bottom;font-size: 14px;color: #888;line-height: 22px;margin-right: 5px}
.listBox .item .price b {display: inline-block;vertical-align: bottom;font-size: 19px;color: #222;font-weight: 600;line-height: 22px;}
.listBox .item .price b.free {color: #1e88e5}

.listBox .item .block {border-top: 1px solid #ddd;width: 100%;background: #f8f8f8}
.listBox .item .block div {position: relative;display: inline-block;float: left;width: 118px;text-align: center;height: 25px;padding: 10px 0}
.listBox .item .block div:after {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #ccc;content: ""}
.listBox .item .block div:last-child:after {display: none}
.listBox .item .block .rating i {position: relative;display: inline-block;width: 10px;vertical-align: top;color: #cbcbcb}
.listBox .item .block .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 25px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 12px;display: block}
.listBox .item .block .rating i.on {color: #ef5350}
.listBox .item .block .rating span {display: inline-block;vertical-align: top;font-size: 12px;color: #444;line-height: 25px;margin-left: 2px;letter-spacing: 0}
.listBox .item .block .examinee {position: relative;display: inline-block;line-height: 25px;font-weight: 600;color: #222;font-size: 13px;padding-left: 25px;}
.listBox .item .block .examinee:after {position: absolute;top: 0;left: 0;width: 25px;height: 25px;text-align: center;font-size: 21px;line-height: 25px;content: "\f364";font-weight: normal;color: #999;font-family: FontAwesome,LineAwesome}
.listBox .item .block .btn {display: block;}
.listBox .item .block .btn span {position: relative;display: inline-block;line-height: 25px;font-weight: 600;color: #222;font-size: 13px;padding-left: 25px;}
.listBox .item .block .btn span:after {position: absolute;top: 0;left: 0;width: 25px;height: 25px;text-align: center;font-size: 21px;line-height: 25px;font-weight: normal;content: "\f2b2";color: #999;font-family: FontAwesome,LineAwesome}

.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}


.moiLst_table td .btn_st span, .moiLst_table td .box_txt span {font-size: 12px}

.package_boxLst {position: relative;display: block;overflow: hidden;width: 890px;margin-left: -6px;margin-bottom: 15px}
.package_boxLst .item {position: relative;display: block;width: 399px;float: left;margin: 0 7px 15px 7px;border: 1px solid #d3d3d3;background: #fff;padding: 15px 15px 0;}
.package_boxLst .item .homepi {position: relative;display: block;color: #fe8b41;}
.package_boxLst .item .homepi a {color: #fe8b41;padding-right: 12px;background: url("/re_images/common/etc/new-winG.png") no-repeat right center}
.package_boxLst .item .title {display: block;margin: 3px 0 5px}
.package_boxLst .item .title a {display: inline-block;font-size: 15px;color: #222;line-height: 130%;height: 38px;overflow: hidden;font-weight: 600}
.package_boxLst .item .info {display: block;overflow: hidden}
.package_boxLst .item .info li {position: relative;float: left;padding-left: 14px;font-size: 12px;color: #777}
.package_boxLst .item .info li span {color: #f56e13;font-weight: bold;}
.package_boxLst .item .info li:after {position: absolute;top: 5px;left: 7px;width: 1px;height: 10px;background: #ccc;content: ""}
.package_boxLst .item .info li:first-child {padding-left: 0}
.package_boxLst .item .info li:first-child:after {display: none;}

.package_boxLst .item .bottom {position: relative;display: block;overflow: hidden;line-height: 25px;padding: 10px 0}
.package_boxLst .item .bottom .cate_txt {font-size: 12px;position: relative;display: inline-block;padding-right: 25px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.package_boxLst .item .bottom .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;}
.package_boxLst .item .bottom .price {float: right;font-size: 15px;}

.package_boxLst.item3 .item {width: 250px;border: 1px solid #ffb586;}

.info_count_wrap {position: relative;display: block;overflow: hidden;text-align: center;padding: 25px;background: #fafafa;border: 1px solid #ddd;margin-bottom: 20px;font-size: 16px;font-weight: 600;color: #444;line-height: 160%}
.info_count_wrap .txt {position: relative;display: block;overflow: hidden;font-size: 14px;color: #555;}
.info_count_wrap .stxt {position: relative;display: block;overflow: hidden;font-size: 13px;color: #777;}

.info_examiner_wrap {position: relative;display: block;overflow: hidden;margin-bottom: 20px;}
#examiner_slider {position: relative;display: block;overflow: hidden;height: 32px;}
#examiner_slider li {float: left;margin: 0 3px}
#examiner_slider li a {position: relative;display: block;border: 1px solid #ddd;background: #f6f6f6;padding: 0 20px;text-align: center;cursor: pointer;line-height: 30px;height: 30px;border-radius: 5px}
#examiner_slider li a:hover {color: #f44336;border: 1px solid #f44336}

/* Scrollbar */
.info_examiner_wrap .scrollbar {margin: 10px 0 0;height: 2px;background: #ccc;line-height: 0;}
.info_examiner_wrap .scrollbar .handle {width: 100px;height: 100%;background: #292a33;cursor: pointer;}
.info_examiner_wrap .scrollbar .handle .mousearea {position: absolute;top: -9px;left: 0;width: 100%;height: 20px;}




/*-----------------------------------------일반 리스트-----------------------------------------------*/

.listPage-Cont {position: relative;display: block;overflow: hidden}

.listPage-left {position: relative;display: block;float: left;width: 180px;}
.listPage-left h2 {display: block;font-size: 19px;color: #222;font-weight: 600;line-height: 30px;letter-spacing: -0.1em;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.listPage-left .depth1 {display: block;overflow: hidden;}
.listPage-left .depth1 .lm-l1 {display: block;}
.listPage-left .depth1 .lm-a1 {display: block;font-size: 14px;color: #555;font-weight: 600;line-height: 40px;border-bottom: 1px solid #ddd;padding: 0 10px}
.listPage-left .depth1 .active .lm-a1 {color: #b4272e;}

.listPage-left .depth2-wrap {display: none;background: #f2f2f2;border-bottom: 1px solid #ddd;padding: 10px}
.listPage-left .depth2 {display: block;overflow: hidden;}
.listPage-left .depth2 .lm-l2 {display: block;}
.listPage-left .depth2 .lm-a2 {position: relative;display: block;font-size: 13px;color: #777;line-height: 26px;padding: 0 10px 0 20px}
.listPage-left .depth2 .lm-a2:after {position: absolute;top: 50%;left: 10px;width: 5px;height: 1px;background: #999;content: ""}
.listPage-left .depth2 .active .lm-a2 {color: #b4272e;}
.listPage-left .depth2 .active .lm-a2:after {background: #b4272e}

.listPage-left  .active  .depth2-wrap {display: block !important;}

.cate_listWrap {position: relative;display: block;overflow: hidden;padding-bottom: 50px}
.cate_listWrap .listSide_wrap {position: relative;display: block;width: 180px;float: left;margin-top: 30px}
.cate_listWrap .listArea {position: relative;display: block;width: 660px;float: left;margin: 25px 40px 0}
.cate_listWrap .homepiArea {position: relative;display: block;width: 180px;float: right;background: #eee;margin-top: 30px}

.cate_listTitle {position: relative;display: block;overflow: hidden;padding-bottom: 15px;border-bottom: 2px solid #b4272e;}
.cate_listTitle h2 {display: inline-block;float: left;font-size: 30px;line-height: 35px;color: #111;letter-spacing: -0.05em;margin-bottom: 5px}

.cate_listTitle .cate_navi {display: inline-block;float: left;overflow: hidden;height: 25px;line-height: 25px;padding-top: 10px;margin-left: 13px}
.cate_listTitle .cate_navi li {position: relative;float: left;margin-right: 20px;line-height: 25px;}
.cate_listTitle .cate_navi li:after {position: absolute;top: 0;right: -14px;line-height: 25px;display: block;content: ">";font-size: 11px;color: #999}
.cate_listTitle .cate_navi li:last-child {margin-right: 0}
.cate_listTitle .cate_navi li:last-child:after {display: none;}
.cate_listTitle .cate_navi li a {display: inline-block;font-size: 14px;color: #555;}

.listSide_wrap .sideNavi {display: block;overflow: hidden;border-top: 1px solid #ddd;}
.listSide_wrap .sideNavi .sm_li1 {display: block;border-bottom: 1px solid #ddd;}
.listSide_wrap .sideNavi .sm_li1 .am_a1 {display: block;font-size: 15px;color: #333;line-height: 22px;padding: 10px 0;font-weight: 600;}
.listSide_wrap .sideNavi .sm_li1.active .am_a1 {color: #b4272e}

.listSide_wrap .sideNavi .side_dep2 {display: none;background: #eee;padding: 15px 15px}
.listSide_wrap .sideNavi .active .side_dep2 {display: block}
.listSide_wrap .sideNavi .sm_li2 {display: block;}
.listSide_wrap .sideNavi .sm_li2 .am_a2 {position: relative;display: block;font-size: 13px;color: #666;line-height: 22px;padding: 5px 0 5px 12px;}
.listSide_wrap .sideNavi .sm_li2 .am_a2:after {position: absolute;top: 50%;left: 0;width: 5px;height: 2px;background: #666;margin-top: -1px;content: "";}

.listSide_wrap .sideNavi .sm_li2.active .am_a2 {color: #b4272e;text-decoration: underline}
.listSide_wrap .sideNavi .sm_li2.active .am_a2:after {margin-top: -1px;content: "";background: #b4272e;}


.listPage-right {position: relative;display: block;float: right;width: 880px;}


.srch_cate_filterWrap {position: relative;display: block;overflow: hidden;}

.cate_filterBox_wrap {position: relative;display: block;overflow: hidden;border: 2px solid #f44336;background: #fffefe;padding: 25px 20px 20px;}

.cate_filterBox {position: relative;display: block;overflow: hidden;border-left: 1px solid #e0d1cf;}
.cate_filterBox .cate_depBox {position: relative;display: block;float: left;width: 276px;background: #fff;border: 1px solid #e0d1cf;margin-left: -1px;}
.cate_filterBox .cate_depBox:last-child {margin-right: 0}
.cate_filterBox .cate_depBox h3 {display: block;overflow: hidden;padding: 5px 20px;color: #222;font-weight: 600;border-bottom: 1px solid #e0d1cf;background: #faeeec}
.cate_filterBox .cate_depBox .cate_scroll {position: relative;display: block;height: 123px;overflow-y: scroll;overflow-x: hidden}
.cate_filterBox .cate_depBox ul {position: relative;display: block;}
.cate_filterBox .cate_depBox ul li {position: relative;display: block;padding: 0 75px 0 15px;width: 183px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;font-size: 12px;cursor: pointer;border-bottom: 1px dotted #e3e3e3}
.cate_filterBox .cate_depBox ul li.active {background: #fbf6f5;padding-left: 23px;color: #f44336;width: 183px;}
.cate_filterBox .cate_depBox ul li.active:after {position: absolute;top: 0;left: 10px;width: 18px;height: 30px;content: "\f17b";font-family: FontAwesome,LineAwesome;font-size: 10px;line-height: 30px;font-weight: 600}
.cate_filterBox .cate_depBox ul li .addBtn {position: absolute;top: 4px;right: 16px;border: 1px solid #e0d1cf;width: 45px;background: #fff;text-align: center;height: 20px;line-height: 20px;border-radius: 3px;z-index: 10;}
.cate_filterBox .cate_depBox ul li .addBtn span {display: inline-block;position: relative;font-size: 11px;line-height: 20px;padding-left: 12px;height: 20px;}
.cate_filterBox .cate_depBox ul li .addBtn span:after {position: absolute;top: 0;left: 0;width: 13px;display: block;height: 20px;line-height: 15px;font-size: 13px;font-weight: normal;content: "+";}

.cate_filterBox .no_choice {position: relative;display: block;height: 93px;padding: 15px;background: #fbf8f8;font-size: 12px}

.cate_filterBox_choice {position: relative;display: block;width: 800px;border: 1px solid #e0d1cf;background: #fff;padding: 15px;min-height: 35px;border-top: none;}
.cate_filterBox_choice .noSel {position: absolute;display: block;top: 50%;left: 20px;padding-left: 25px;height: 20px;line-height: 20px;margin-top: -10px;}
.cate_filterBox_choice .noSel:after {position: absolute;top: 0;left: 0;width: 20px;height: 20px;border-radius: 50%;background: #f44336;content: "!";color: #fff ;font-weight: 600;text-align: center}
.cate_filterBox_choice .noSel b {color: #f44336}

.cate_filterBox_choice .sel_cate_list {position: relative;display: inline-block;overflow: hidden;margin: 0;padding: 0}
.cate_filterBox_choice .sel_cate_list li {display: inline-block;overflow: hidden;padding: 5px 13px;background: #eae4e4;margin: 0 2px;border-radius: 100px;}
.cate_filterBox_choice .sel_cate_list li .ctg-txt {position: relative;font-size: 12px;line-height: 20px;margin-right: 2px}
.cate_filterBox_choice .sel_cate_list li .ctg-del {display: inline-block;background: url("/re_images/moi/pc/contents/del-btn.png") no-repeat center center;width: 20px;height: 20px;text-indent: -999999px}

.cate_filterBox_choice .resetBtn {display: inline-block;border: 1px solid #e0d1cf;text-align: center;height: 28px;padding: 0 10px;vertical-align: top;border-radius: 30px;}
.cate_filterBox_choice .resetBtn span {position: relative;display: inline-block;font-weight: 600;font-size: 12px;line-height: 28px;color: #333;padding-left: 20px;}
.cate_filterBox_choice .resetBtn span:after {position: absolute;top: 0;left: 0;width: 20px;height: 30px;line-height: 28px;font-family: FontAwesome,LineAwesome;content: "\f2e1";font-size: 17px;font-weight: normal}

.cate_filterBox_wrap .search_bar {position: relative;display: block;margin-top: 10px;overflow: hidden}
.cate_filterBox_wrap .search_bar select {width: 150px;float: left;margin: 0 4px 0 0;height: 32px;border: 1px solid #e0d1cf !important}
.cate_filterBox_wrap .search_bar input[type='text'] {width: 677px;float: left;margin: 0;border: 1px solid #e0d1cf !important}

.cate_filterBox_choice .asBox {position: absolute;top: 50%;right: 20px;width: 100px;margin-top: -36px;}
.cate_filterBox_choice .asBox a {width: 100px;display: inline-block;border: 1px solid #ccc;text-align: center;margin: 2px 0;}
.cate_filterBox_choice .asBox a span {position: relative;display: inline-block;font-weight: 600;font-size: 12px;line-height: 30px;color: #333;padding-left: 23px;}
.cate_filterBox_choice .asBox a span:after {position: absolute;top: 0;left: 0;width: 20px;height: 30px;line-height: 31px;font-family: FontAwesome,LineAwesome;font-size: 17px;font-weight: normal}
.cate_filterBox_choice .asBox a.addBtn {background: #333;border: 1px solid #333;}
.cate_filterBox_choice .asBox a.addBtn span {color: #fff}
.cate_filterBox_choice .asBox a.addBtn span:after {content: "\f2c2";}
.cate_filterBox_choice .asBox a.resetBtn span:after {content: "\f2e1";font-size: 19px}


.listPage_tab {position: relative;display: block;overflow: hidden;margin-bottom: 15px}
.listPage_tab ul {display: block;overflow: hidden;border-left: 1px solid #c3c3c3;border-bottom: 2px solid #222;}
.listPage_tab li {display: inline-block;float: left;margin-left: -1px;margin-bottom: -1px;width: 149px;}
.listPage_tab li:first-child {width: 140px;}
.listPage_tab a {display: block;padding: 0 13px;color: #111;border: 1px solid #c3c3c3;line-height: 40px;background: #eee;font-weight: 600;text-align: center}
.listPage_tab a span {display: inline-block;font-size: 12px;color: #777;margin-left: 3px}
.listPage_tab .active a {background: #222;color: #fff;border: 1px solid #222;}
.listPage_tab .active a span {color: rgba(255,255,255,0.7);}

.tip_box {position: relative;display: block;border: 1px solid #ddd;background: #f8f8f8;padding: 15px;margin-bottom: 20px}
.tip_ico1 {position: relative;display: block;padding-left: 38px}
.tip_ico1:after {position: absolute;top: 50%;left: 0;width: 30px;height: 30px;display: block;line-height: 20px;margin-top: -15px;font-size: 27px;content: "\f24b";font-family: FontAwesome,LineAwesome;color: #f44336}
.tip_ico1.big {padding-left: 45px;}
.tip_ico1.big:after {width: 50px;height: 50px;display: block;line-height: 50px;margin-top: -25px;font-size: 37px;}
.tip_img {position: relative;display: block;margin-bottom: 20px}
.tip_img .asBtn {position: absolute;top: 192px;left: 42px;display: block;}
.tip_img .asBtn .btn_st.medium {padding: 5px 18px 5px 10px;}
.tip_img .asBtn .btn_st.medium span {font-size: 15px}

.listPage-right .list_total {float: left !important;margin-left: 10px}

.listPage-right  .alignBox {position: absolute;top: 5px;right: 0;overflow: hidden}
.listPage-right  .alignBox li {position: relative;float: left;padding: 0 10px;}
.listPage-right  .alignBox li:after {position: absolute;top: 50%;right: 0;width: 1px;height: 10px;margin-top: -5px;background: #ccc;content: ""}
.listPage-right  .alignBox li:last-child {padding-right: 0}
.listPage-right  .alignBox li:last-child:after {display: none}
.listPage-right  .alignBox li a {display: inline-block;font-size: 13px}
.listPage-right  .alignBox .active a {font-weight: 600;color: #333}

.listPage-right .align_searchBox {position: absolute;top: 0;right: 0;width: 300px;height: 36px;overflow: hidden;}
.listPage-right .align_searchBox select {width: 100px;float: left;margin: 0 4px 0 0;height: 30px;line-height: 28px;border: 1px solid #e0d1cf !important}
.listPage-right .align_searchBox input[type='text'] {width: 192px;float: left;margin: 0;height: 28px;border: 1px solid #e0d1cf !important}

.chart_wrap {position: relative;display: block;overflow: hidden;border: 1px solid #ddd;padding: 20px;text-align: center;margin-bottom: 20px}
.chart_wrap h3 {display: block;font-size: 15px;color: #222;font-weight: 600;line-height: 30px;margin-bottom: 10px}
.chart_wrap .chart_slider {position: relative;display: block;overflow: hidden;padding: 0 50px}
.chart_wrap .chart_slider .slick-arrow {position: absolute;top: 50%;width: 30px;height: 44px;margin-top: -22px;display: block;border: none;text-indent: -999999px;z-index: 200}
.chart_wrap .chart_slider .slick-arrow.slick-prev {left: 5px;background: url("/re_images/moi/pc/contents/chart_prev.png") no-repeat center}
.chart_wrap .chart_slider .slick-arrow.slick-next {right: 5px;background: url("/re_images/moi/pc/contents/chart_next.png") no-repeat center}

.cont_makingWrap {position: relative;display: block;overflow: hidden;}

.making_box  {position: relative;display: block;overflow: hidden;margin: 0 0 20px;border: 1px solid #ddd;}
.making_box .top_box {position: relative;display: block;}
.making_box .title_box {position: relative;display: block;background: #44444491;padding-right: 200px}
.making_box .title_box .cate_n {display: block;color: #fff;font-weight: 600;line-height: 20px;padding : 12px 0 12px 20px}
.making_box .title_box .question {position: absolute;top: 0;right: 0;color: #fff;line-height: 46px;height: 46px;border-left: 1px solid rgba(255,255,255,0.2);padding: 0 20px}
.making_box .title_box .question input[type="text"] {width: 80px;height: 28px;line-height: 24px;margin: 0;vertical-align: inherit;border: none}

.making_box .time_table {width: 100%;}
.making_box .time_table th {font-size: 12px;text-align: center;padding: 10px 0;color: #3d434c;border-right: 1px solid #ddd;background: #fafafa;font-weight: 600}
.making_box .time_table td {font-size: 12px;text-align: left;padding: 7px 15px;color: #7f7f7f;}
.making_box .time_table td select {width: 80px !important;height: 28px;line-height: 24px;margin: 0;vertical-align: inherit;display: inline-block}

.settings_btn {position: absolute;bottom: 0;right: 0;width: 170px;background: #f3830a;border: none;color: #fff;height: 30px;line-height: 30px;}
.settings_btn span {position: relative;display: inline-block;padding-right: 15px;}
.settings_btn span:after {position: absolute;top: 0;right: 0;}
.settings_btn.on span:after {content:  "▲"}
.settings_btn.off span:after {content:"▼"}

.settings_box {position: relative;display: block}
.moiSet_table {width: 100%;border-top: 2px solid #f3830a;}
.moiSet_table th {font-size: 12px;text-align: center;padding: 10px;color: #3d434c;border-top: 1px solid #ddd;border-right: 1px solid #ddd;background: #fafafa;font-weight: 600}
.moiSet_table th:last-child {border-right: none;}
.moiSet_table td {font-size: 12px;text-align: center;padding: 7px 5px;border-top: 1px solid #ddd;color: #7f7f7f;border-right: 1px solid #ddd;}
.moiSet_table td:last-child {border-right: none;}
.moiSet_table .grayBg {background: #ccd2dbab}
.moiSet_table td input[type='number'] {padding: 0;text-align: center}

.making_ok_wrap {position: relative;display: block;border: 1px solid #ddd;}
.making_ok_wrap .title_box {position: relative;display: block;background: #f6f6f6 url("/re_images/common/etc/c_patten02.png");border-bottom: 1px solid #ddd;padding: 30px 0;text-align: center}
.making_ok_wrap .title_box p {position: relative;display: inline-block;}
.making_ok_wrap .title_box b {position: relative;display: block;font-size: 25px;color: #0d73ba;font-weight: normal;letter-spacing: -0.05em;margin-bottom: 12px;padding-left: 45px;}
.making_ok_wrap .title_box b:after {position: absolute;top: 50%;left: 0;width: 40px;height: 40px;content: "\f17c";display: block;margin-top: -18px;font-size: 38px;line-height: 38px;color: #0d73ba;font-family: FontAwesome,LineAwesome}
.making_ok_wrap .title_box span {display: block;font-size: 15px}

.making_ok_list {position: relative;display: block;padding: 10px 30px}
.making_ok_list .box {display: block;margin: 20px 0;border: 1px solid #ddd}
.making_ok_list .box b {display: block;color: #222;padding: 10px 20px;font-weight: 600;background: #faeeec;}
.moiSetOk_table {width: 100%;}
.moiSetOk_table th {font-size: 13px;text-align: center;padding: 10px 0;color: #3d434c;border-top: 1px solid #ddd;border-right: 1px solid #ddd;background: #fafafa;font-weight: 600}
.moiSetOk_table th:last-child {border-right: none;}
.moiSetOk_table td {font-size: 13px;text-align: center;padding: 7px 5px;border-top: 1px solid #ddd;color: #7f7f7f;border-right: 1px solid #ddd;}
.moiSetOk_table td:last-child {border-right: none;}



/*뷰*/
.view_contTop {position: relative;display: block;padding-bottom: 75px}
.view_contTop.smallTop {position: relative;display: block;padding-bottom: 20px}
.view_contTop:after {position: absolute;top: -50px;left: 50%;width: 2000px;height: 100%;padding-bottom: 65px;margin-left: -1000px;background: #f0eeee;content: ""}
.view_contTop.smallTop:after {padding-bottom: 120px;}
.view_contTop .moi_type {position: absolute;top: -50px;left: 0;padding: 0 25px;background: #000;color: #fff;line-height: 30px;font-size: 15px;
    border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;z-index: 10}

.moi_type.free {background: #1e88e5}
.moi_type.single {background: #3745c6}
.moi_type.package {background: #e91e63}
.moi_type.brand {background: #57a22f}
.moi_type.set {background: #528ae8}
.moi_type.dangoll {background: #009e95}
.moi_type.problem {background: #a227dc}
.moi_type.essay  {background: #f56e13}
.moi_type.self {background: #0e9ed3}


.view_contTop .title {position: relative;display: block;padding: 0 200px 0 75px;z-index: 10}
.view_contTop.smallTop .title {padding: 0 200px 0 0;}
.view_contTop .title .using {position: absolute;top: 50%;left: 0;width: 60px;height: 30px;margin-top: -30px;padding: 15px 0;display: block;line-height: 30px;background: #fff;border-radius: 60px;text-align: center;font-weight: 600}
.view_contTop .title h2 {display: block;font-size: 23px;color: #222;line-height: 32px}
.view_contTop .title h2 .type {position: relative;display: inline-block;vertical-align: top;padding: 0 15px;color: #fff;line-height: 30px;height: 30px;border-radius: 40px;font-size: 16px}
.view_contTop .title h2 .type.single {background: #3745c6}
.view_contTop .title h2 .type.package {background: #e91e63}
.view_contTop .block {position: relative;display: block;overflow: hidden;margin-top: 5px;z-index: 10}
.view_contTop .block .channel {position: relative;display: inline-block;line-height: 22px;float: left;padding-right: 20px;}
.view_contTop .block .channel:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.view_contTop .block .date {position: relative;display: inline-block;line-height: 22px;float: left;padding-right: 20px;}
.view_contTop .block .date:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.view_contTop .block .report {position: relative;display: inline-block;line-height: 22px;float: left;padding-right: 20px;}
.view_contTop .block .report:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.view_contTop .block .channel a {position: relative;display: inline-block;padding-right: 15px;background: url("/re_images/common/etc/new-winDG.png") no-repeat right center;color: #777}
.view_contTop .block .category {position: relative;display: inline-block;line-height: 22px;float: left;color: #777;padding-right: 20px;}
.view_contTop .block .category:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.view_contTop .block .rating {position: relative;display: inline-block;}
.view_contTop .block .rating i {position: relative;display: inline-block;width: 16px;height: 20px;vertical-align: top;color: #cbcbcb}
.view_contTop .block .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 20px;line-height: 20px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 15px;display: block}
.view_contTop .block .rating i.on {color: #ef5350}
.view_contTop .block .rating span {display: inline-block;vertical-align: top;font-size: 13px;color: #777;line-height: 30px;margin-left: 2px}

.view_contTop .title_btn {position: absolute;top: 50%;right: 0;margin-top: -32px}
.view_contTop .title_btn button {float: left;background: none;border: none;text-align: center;margin-left: 20px}
.view_contTop .title_btn button i {position: relative;display: inline-block;width: 45px;height: 45px;background: #fff;border: 1px solid #ccc;border-radius: 45px;font-style: normal}
.view_contTop .title_btn button i:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;font-size: 23px;line-height: 46px;font-weight: normal;color: #999;font-family: FontAwesome,LineAwesome}
.view_contTop .title_btn button span {display: block;font-size: 12px;color: #777}
.view_contTop .title_btn button span b {color: #333}
.view_contTop .title_btn button.like i:after {content: "\f234"}
.view_contTop .title_btn button.scrap i:after {content: "\f31b"}

.view_contTop .title_btn button.like.on i {border: 1px solid #FF586B}
.view_contTop .title_btn button.like.on i:after {content: "\f233";color: #FF586B}
.view_contTop .title_btn button.scrap.on i {border: 1px solid #009688}
.view_contTop .title_btn button.scrap.on i:after {content: "\f318";color: #009688}

.font_size {position: absolute;top: 50%;right: 0;margin-top: -21px;}
.font_size a {display: inline-block;vertical-align: top;width: 40px;height: 40px;background: #fff;text-align: center;line-height: 40px;border-radius: 50%;border: 1px solid #d3d3d3;}
.font_size a span {position: relative;display: inline-block;color: #555;font-weight: 600}
.font_size a span:after {position: absolute;top: 50%;right: 0;width: 10px;height: 10px;line-height: 8px;margin-top: -5px;text-align: right;font-size: 14px;display: block}
.font_size a.font_minus span {font-size: 11px;padding-right: 10px;}
.font_size a.font_minus span:after {content: "-"}
.font_size a.font_default span {font-size: 14px;}
.font_size a.font_plus span {font-size: 16px;padding-right: 12px;}
.font_size a.font_plus span:after {content: "+"}


.using_Y {color: #1e88e5;}
.using_N {color: #555;}

.view_contInfo_box {position: relative;display: block;background: #fff;border: 1px solid #ddd;padding:  20px 0;margin-top: -36px;z-index: 10}
.view_contInfo_box ul {position: relative;display: table;overflow: hidden;width: 100%}
.view_contInfo_box ul li {position: relative;display: table-cell;text-align: center;line-height: 30px;width: 25%}
.view_contInfo_box ul li:after {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #e9e9e9;content: ""}
.view_contInfo_box ul li:last-child:after {display: none;}
.view_contInfo_box ul li .title {position: relative;display: inline-block;font-size: 13px;color: #777;font-weight: 600;padding-left: 30px;margin-right: 10px;vertical-align: top}
.view_contInfo_box ul li .title:after {position: absolute;top: 0;left: 0;width: 30px;height: 30px;text-align: center;font-size: 25px;line-height: 31px;font-weight: normal;color: #f44336;font-family: FontAwesome,LineAwesome}
.view_contInfo_box ul li b {position: relative;display: block;font-size: 15px;color: #333;vertical-align: top}
.view_contInfo_box ul li b del {display: inline-block;font-size: 13px;color: #888;margin-right: 5px}

.view_contInfo_box.bottom {margin-top: -1px;background: #f6f6f6}
.view_contInfo_box.bottom li:after {background: #ccc}

.view_contInfo_box ul li .price:after {content: "￦";line-height: 29px;font-size: 21px;}
.view_contInfo_box ul li .date:after {content: "\f26e"}
.view_contInfo_box ul li .examinee:after {content: "\f364";}
.view_contInfo_box ul li .time:after {content: "\f18f"}
.view_contInfo_box ul li .repeat:after {content: "\f331"}

.view_contInfo_box ul li .exam:after {content: "\f1ec"}
.view_contInfo_box ul li .share:after {content: "\f2f2"}
.view_contInfo_box ul li .examinee:after {content: "\f369"}


.view_cont_wrap {position: relative;display: block;overflow: hidden;margin-top: 20px;background: #fff}
.view_cont_wrap .view_cont_tab {position: relative;display: block;overflow: hidden;border: 1px solid #ddd;background: #50595e;border-bottom: none !important;margin-bottom: -1px}
.view_cont_wrap .view_cont_tab li {position: relative;float: left;width: 366px;z-index: 10}
.view_cont_wrap .view_cont_tab li:after {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: rgba(255,255,255,0.3);content: ""}
.view_cont_wrap .view_cont_tab li:last-child:after {display: none;}
.view_cont_wrap .view_cont_tab li a {display: block;text-align: center;height: 45px;}
.view_cont_wrap .view_cont_tab li a span {position: relative;display: inline-block;line-height: 45px;font-size: 15px;color: #fff;}
.view_cont_wrap .view_cont_tab li.active a {background: #fff;}
.view_cont_wrap .view_cont_tab li.active a span {color: #f44336;height: 46px;font-weight: 600}
.view_cont_wrap .view_cont_tab li.active a span:after {position: absolute;top: 37px;left: 0;width: 100%;height: 2px;background: #f44336;content: ""}

.view_cont_detail {position: relative;display: block;overflow: hidden;border: 1px solid #ddd;padding: 40px 25px;}

.view_btnBox {position: relative;display: block;text-align: center;margin: 20px 0 0}

.singleLst_title {position: absolute;top: 50%;left: 0;width: 220px;text-align: center;padding-top: 55px;margin-top: -46px;}
.singleLst_title:after {position: absolute;top: 0;left: 50%;width: 50px;height: 50px;margin-left: -25px;border-radius: 50%;background: #eae7e7;text-align: center;
    content: "\f26c";font-family: FontAwesome,LineAwesome;font-size: 23px;font-weight: normal;line-height: 50px}
.singleLst_title span {display: block;font-size: 15px;line-height: 140%;font-weight: 600;color: #333;}
.singleLst_title b {display: block;font-size: 13px;font-weight: normal;color: #f44336;line-height: 130%}

.singleLst {position: relative;display: block;min-height: 100px;max-height: 200px;overflow-y: auto;}
.singleLst.open {max-height: 100%;}
.singleLst ul {position: relative;display: block;overflow: hidden;}
.singleLst ul li {position: relative;display: block;line-height: 30px;border-bottom: 1px dotted #ccc;padding: 4px 120px 4px 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.singleLst ul li.mustbuy {background: #f6f6f6}
.singleLst ul li .title {position: relative;display: block;overflow: hidden;font-weight: 600}
.singleLst ul li .r_txt {position: absolute;top: 6px;right: 0;width: 100px;line-height: 30px;display: block;text-align: center}
.singleLst ul li input[type=checkbox] {margin-right: 4px}

.package_singleLst {position: relative;display: block;overflow: hidden;border: 1px solid #ddd;padding: 20px 30px 20px 230px;border-top: none !important}
.package_singleLst .allBtnBox {position: relative;display: block;overflow: hidden;margin-top: 5px}
.package_singleLst #allBtn {position: revert;display: block;height: 26px;line-height: 26px;background: #b2b2b2;text-align: center;color: #fff;border-radius: 3px;}

.package_totalPrice {position: relative;display: block;overflow: hidden;background: #e3e3e3;padding: 15px 30px;text-align: right}
.package_totalPrice .price_text {display: inline-block}
.package_totalPrice .price_text .discount {display: block;color: #888;font-size: 17px;line-height: 140%}
.package_totalPrice .price_text .price {display: block;color: #222;font-size: 17px;line-height: 140%;font-weight: 600;letter-spacing: -0.07em}
.package_totalPrice .price_text .price b {color: #f44336;letter-spacing: 0;font-size: 23px;margin-left: 5px;display: inline-block}

.detail_nswer_wrap {position: relative;display: block;overflow: hidden;width: 600px;margin: 0 auto}

.editor_box {position: relative;display: block;overflow: hidden;}
.editor_box img {max-width: 100%;}
.editor_box .editor_question {position: relative;display: block;overflow: hidden;margin-bottom: 10px;font-size: 14px;line-height: 160%}

.editor_box.preview {margin-top: 30px}
.editor_box.preview .type_txt {position: relative;display: inline-block;height: 45px;line-height: 45px;background: #999;padding: 0 20px;color: #fff;font-size: 18px;border-top-left-radius: 5px;border-top-right-radius: 5px}
.editor_box.preview .editor_question {color: #333;font-weight: 600;border-radius: 7px;padding: 20px;border: 3px solid #999;border-top-left-radius: 0}
.editor_box.preview .control_btn {position: absolute;top: 0;right: 0;height: 30px;border-radius: 30px;overflow: hidden;padding: 5px 0}
.editor_box.preview .control_btn a {float: left;height: 30px;border-radius: 30px;background: #999;padding: 0 15px;overflow: hidden;}
.editor_box.preview .control_btn a span {position: relative;display: inline-block;font-size: 13px;line-height: 30px;color: #fff}
.editor_box.preview .control_btn a span:after {position: absolute;top: 0;width: 15px;height: 30px;line-height: 30px;color: #fff;font-family: FontAwesome,LineAwesome;font-weight: 600}

.editor_box.preview .control_btn .prev span {padding-left: 15px}
.editor_box.preview .control_btn .prev span:after {left: 0;content: "\f111"}
.editor_box.preview .control_btn .next span {padding-right: 15px}
.editor_box.preview .control_btn .next span:after {right: 0;content: "\f112"}

.editor_box.preview .control_btn .num {float: left;margin: 0 8px;line-height: 30px;font-size: 15px;letter-spacing: 0}
.editor_box.preview .control_btn .num b {color: #222}

.editor_box .editor_answer {position: relative;display: block;overflow: hidden;}
.editor_box .editor_answer li {position: relative;display:block;line-height: 160%;margin-top: 15px;padding-left: 30px;font-size: 14px}
.editor_box .editor_answer li .example_answer {position: absolute;top: 0;left: 0;display: block;width: 30px;height: 30px;text-align: center;line-height: 120%;font-weight: 600;color: #333;font-size: 15px}

.item_body {position: relative;display: block;border: 1px solid #bbb;padding: 15px;background: #f8f8f8;margin-bottom: 20px;line-height: 160%;font-size: 13px}
.item_cont {position: relative;display: block;padding: 3px 0 0 30px;}

.answer_choice {position: relative;display: block;margin: 50px 0 0;padding: 10px 0 10px 100px;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f6f6f6;}
.answer_choice b {position: absolute;display: inline-block;top: 50%;left:0;width: 100px;font-weight: 600;color: #222;margin-top: -15px;line-height: 32px;text-align: center;}
.answer_choice ul {display: block;overflow: hidden;text-align: center}
.answer_choice ul li {display: inline-block;padding: 0 15px;vertical-align: top}
.answer_choice ul li a {display: inline-block;width: 30px;height: 30px;border: 1px solid #aaa;border-radius: 50%;text-align: center;line-height: 30px;font-weight: 600;background: #fff}
.answer_choice ul li a:hover {border: 1px solid #ef5050;}
.answer_choice ul li a.active {border: 1px solid #ef5050;background: #ef5050;color: #fff}

.answer_btnBox {position: relative;display: block;text-align: center;margin: 30px 0}

.correct_answer {position: relative;display: block;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #faeeec;}
.correct_answer .box {position: relative;display: block;padding: 15px 20px 15px 100px;border-bottom: 1px dotted #bbb}
.correct_answer .box:last-child {border-bottom: none;}
.correct_answer .box .title {position: absolute;display: inline-block;top: 50%;left:0;width: 100px;font-weight: 600;margin-top: -15px;color: #222;line-height: 32px;text-align: center}
.correct_answer .correct {display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;font-weight: 600;border: 1px solid #ef5050;background: #ef5050;color: #fff}
.correct_answer .box img {max-width: 100%}
.eplgContArea {position: relative;display: block;overflow: hidden;border: 1px solid #ddd;padding: 25px;margin-top: 20px}



/*장바구니*/
.cart-layer {display: none;position: fixed;top: 50%;left: 50%;width: auto;height: auto;background: #fff;border: 2px solid #b4272e;border-radius: 7px;z-index: 2010;}
.cart-layer h3 {font-size: 20px;display: block;text-align: left;padding: 10px 20px;background: url("/re_images/tv/pc/contents/c_patten01.png") repeat #b4272e;margin-bottom: 0;color: #fff;line-height: 160%;font-weight: normal}
.cart-layer .cont {width: 500px;padding: 30px;}
.cart-layer .cart-chek {position: relative;display: block;overflow: hidden;}
.cart-layer .cart-chek li {display: block;}
.cart-layer .cart-chek li.tit {display: block;font-size: 15px;color: #222;}
.cart-layer .cart-chek li.clip-title {display: block;padding: 15px;background: #fbfbfb;border: 1px solid #ddd;margin: 10px 0 20px;line-height: 150%;font-size: 14px;}
.cart-layer .cart-chek li.btn {text-align: center}
#cartLyr-close {position: absolute;top: 8px;right: 10px;width: 34px;height: 34px;display: block;background: url("/re_images/tv/pc/contents/pop_close.png") no-repeat center center;text-indent: -9999px;z-index: 9999}

/*구매하기*/
.buyLyr-wrap {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2010;}
.buyLyr-wrap .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=50);}
.buyLyr-wrap .buy-layer {display: block;}

.buy-layer {display: none;position: absolute;top: 50%;left: 50%;width: auto;height: auto;background: #fff;border-radius: 10px;overflow: hidden;z-index: 10;}
.buy-layer .cont-wrap {width: 800px;}
.buy-layer h3 {font-size: 20px;display: block;text-align: left;padding: 10px 20px;background: url("/re_images/tv/pc/contents/c_patten01.png") repeat #08a0b2;margin-bottom: 0;color: #fff;line-height: 160%;font-weight: normal}
.buy-layer .cont {display: block;padding: 30px;}
.buy-layer .cont .order-tit {display: block;font-size: 15px;color: #333;font-weight: 600;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.buy-layer .cont .order-list > ul > li:last-child {border-bottom: none}
.buy-layer .cont .order-dtl .chek-st03 label {width: 64%}
.buy-layer .cont .orderSub-list {max-height: 460px;overflow-y: auto !important}
.buy-layer .cont .total-price {position: relative;display: block;border-top: 1px solid #888;padding: 20px 0;text-align: right}
.buy-layer .cont .total-price span {display: inline-block;font-size: 17px;color: #333;}
.buy-layer .cont .total-price span b {font-size: 25px;color: #11b2c5}
.buy-layer .cont .btnBox {display: block;text-align: center}

#buy-close {position: absolute;top: 8px;right: 10px;width: 34px;height: 34px;display: block;background: url("/re_images/tv/pc/contents/pop_close.png") no-repeat center center;text-indent: -9999px;z-index: 9999}

/*종합분석*/
.contentsSearch {position: relative;display: block;padding: 10px 20px;background: #fff;border: 1px solid #d7dce3;}
.contentsSearch dl {position: relative;display: block;padding: 10px 0 10px 100px;border-bottom: 1px dotted #ccc}
.contentsSearch dl:last-child {border-bottom: none !important}
.contentsSearch dl dt {position: absolute;top: 50%;left: 0;font-size: 14px;color: #333;font-weight: 600;width: 90px;margin-top: -18px;line-height: 34px;}
.contentsSearch dl dt .under {display: inline-block;font-weight: normal;color: #666;padding-left: 13px;background: url("/re_images/common/Board/ico_under.png") no-repeat left 13px;font-size: 12px;}
.contentsSearch dl dd {display: block;line-height: 34px;overflow: hidden}

.tab_title {position: relative;display: block;z-index: 100}
.as_tab {position: absolute;top: 5px;}
.as_tab ul {display: block}
.as_tab li {position: relative;float: left;padding: 0 10px;}
.as_tab li:after {position: absolute;top: 50%;right: 0;width: 1px;height: 10px;margin-top: -5px;background: #ccc;content: "";z-index: 1}
.as_tab li:last-child:after {display: none;}
.as_tab li a {display: block;line-height: 25px;font-size: 14px;padding: 0 10px;border-radius: 4px}
.as_tab li.active a {color: #fff;font-weight: 600;background: #323639;}

.stat_tab {position: relative;display: block;margin-bottom: 20px}
.stat_tab ul {display: block;overflow: hidden;height: 40px}
.stat_tab li {position: relative;float: left;width: 415px;}
.stat_tab li a {display: block;line-height: 38px;font-size: 15px;text-align: center;border: 1px solid #ddd;}
.stat_tab li.active a {color: #fff;font-weight: 600;background: #323639;border: 1px solid #323639;}



/*검색결과*/
.search_title {position: relative;display: block;overflow: hidden;font-size: 25px;color: #111;line-height: 150%;text-align: center;letter-spacing: -0.08em}
.search_view_wrap {position: relative;display: block;overflow: hidden}
.search_view_wrap .searchBox {position: relative;display: block;padding: 40px 0;border-bottom: 1px dotted #bbb}
.search_view_wrap .searchBox:last-child {border-bottom: none;padding-bottom: 0}
.search_view_wrap .searchBox h3 {position: relative;display: block;overflow: hidden;line-height: 30px;font-size: 20px;color: #111;letter-spacing: -0.05em;font-weight: 600;margin-bottom: 10px;}
.search_view_wrap .searchBox h3 span {display: inline-block;color: #888;font-size: 15px;letter-spacing: 0;margin-left: 5px}
.search_view_wrap .btnBox_area {margin-top: 20px}
.search_view_wrap .btnBox_area a {display: inline-block;border-radius: 5px;background: #f6f6f6;border: 1px solid #ccc;padding: 5px 20px;}
.search_view_wrap .btnBox_area a span {position: relative;display: inline-block;font-size: 14px;line-height: 25px;padding-right: 10px}
.search_view_wrap .btnBox_area a span:after {position: absolute;top: 0;right: 0;width: 10px;height: 25px;text-align: center;font-size: 14px;line-height: 25px;
    font-weight: normal;color: #888;font-family: FontAwesome,LineAwesome;content: "\f112"}



/*종합패키지*/
.allPackage_top {position: relative;display: block;background: #f6f6f6;border: 1px solid #ddd;padding: 30px 0}
.allPackage_top .s_tit {position: relative;display: block;width: 167px;margin: 0 auto 10px;line-height: 38px;text-align: center;font-size: 20px;color: #fff;
    background: url("/re_images/moi/pc/contents/allPackage_tit.png") no-repeat center;padding: 0 25px 9px}
.allPackage_top .title {position: relative;display: block;overflow: hidden;text-align: center;font-size: 25px;color: #111;line-height: 130%;letter-spacing: -0.06em;font-weight: 600;padding: 0 30px}
.allPackage_top .info {position: relative;display: block;overflow: hidden;margin-top: 10px;text-align: center;z-index: 10}
.allPackage_top .info .channel {position: relative;display: inline-block;line-height: 22px;padding-right: 20px;vertical-align: top;}
.allPackage_top .info .channel:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .date {position: relative;display: inline-block;line-height: 22px;padding-right: 20px;vertical-align: top;}
.allPackage_top .info .date:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .report {position: relative;display: inline-block;line-height: 22px;padding-right: 20px;vertical-align: top;}
.allPackage_top .info .report:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .channel a {position: relative;display: inline-block;padding-right: 15px;background: url("/re_images/common/etc/new-winDG.png") no-repeat right center;color: #777}
.allPackage_top .info .category {position: relative;display: inline-block;line-height: 22px;color: #777;padding-right: 20px;}
.allPackage_top .info .category:after {position: absolute;top: 50%;right: 9px;width: 1px;height: 10px;margin-top: -5px;background: #ccc3c2;content: ""}
.allPackage_top .info .rating {position: relative;display: inline-block;vertical-align: top;}
.allPackage_top .info .rating i {position: relative;display: inline-block;width: 16px;height: 20px;vertical-align: top;color: #cbcbcb}
.allPackage_top .info .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 20px;line-height: 20px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 15px;display: block}
.allPackage_top .info .rating i.on {color: #ef5350}
.allPackage_top .info .rating span {display: inline-block;vertical-align: top;font-size: 13px;color: #777;line-height: 30px;margin-left: 2px}

.allPackage_cont {position: relative;display: block;border: 1px solid #ddd;margin-top: -1px;padding: 30px;}

.allPackage_composition {position: relative;display: block;margin-top: 40px;}
.allPackage_composition .composition_title {position: relative;display: block;text-align: center;margin-bottom: 10px}
.allPackage_composition .composition_title:after {position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #e3e3e3;content: "";z-index: 0}
.allPackage_composition .composition_title span {position: relative;display: inline-block;padding: 0 30px;background: #fff;font-size: 30px;color: #111;line-height: 130%;font-weight: 600;z-index: 10}
.allPackage_composition .listBox {position: relative;display: block;overflow: hidden;margin-bottom: 30px;}
.allPackage_composition .listBox h3 {display: block;font-size: 20px;color: #111;line-height: 130%;margin-bottom: 10px;font-weight: 600}

.allPackage_table {width: 100%;border-top: 2px solid #585858;}
.allPackage_table th {font-size: 13px;text-align: center;padding: 10px 0;color: #3d434c;border-bottom: 1px solid #ddd;background: #fafafa;font-weight: 600}
.allPackage_table td {font-size: 13px;text-align: center;padding: 10px 5px;border-bottom: 1px solid #ddd;color: #7f7f7f;vertical-align: top}
.allPackage_table td .btn_st {margin: 0}
.allPackage_table td .title {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-weight: 600;font-size: 14px;padding: 4px 0}
.allPackage_table td .subLst {position: relative;display: block;padding: 10px 15px;background: #f6f6f6;border: 1px solid #ddd;min-width: 400px;max-width: 650px;margin-top: 10px}
.allPackage_table td .subLst ul {display: block;}
.allPackage_table td .subLst li {overflow: hidden;display: block;padding: 5px 0 5px 12px;color: #333;font-weight: 600;background: url("/re_images/common/Board/ico_under.png") no-repeat left 11px;}
.allPackage_table td .sub_bookLst {position: relative;display: block;padding: 5px 0 5px}
.allPackage_table td .sub_bookLst li {overflow: hidden;display: block;padding: 0 0 0 12px;font-weight: normal;color: #555;background: url("/re_images/common/Board/ico_under.png") no-repeat left 5px;}
.allPackage_table td ul li .book-name {float: left;}
.allPackage_table td ul li .book-price {float: right;}
.allPackage_table td .price {display: inline-block;font-weight: 600;color: #222;font-size: 14px;line-height: 28px}
.allPackage_table td .btn_list {margin-right: 5px;display: inline-block;padding: 0 7px;min-width: 35px;text-align: center;font-size: 11px;height: 20px;line-height: 20px;font-weight: 600;background: #888;border-radius: 3px;vertical-align: top}
.allPackage_table td .btn_list span {position: relative;display: inline-block;padding-right: 13px;color: #fff}
.allPackage_table td .btn_list span:after {position: absolute;top: 0;right: 0;width: 10px;height: 20px;line-height: 20px;font-family: FontAwesome;}
.allPackage_table td .btn_list.on span:after {content: "\f0d7"}
.allPackage_table td .btn_list.off span:after {content: "\f0d8"}

.allPackage_totalPrice {position: relative;display: block;background: #f6f6f6;padding: 30px;text-align: right}
.allPackage_totalPrice .txt {display: inline-block;height: 25px;margin-top: 22px;vertical-align: top;font-size: 18px;color: #111;line-height: 25px;font-weight: 600;margin-right: 10px}
.allPackage_totalPrice .total {display: inline-block;vertical-align: top;}
.allPackage_totalPrice .total del {display: block;font-size: 16px;text-align: right;color: #888;line-height: 120%;font-weight: 600}
.allPackage_totalPrice .total b {display: block;font-size: 25px;color: #f44336;line-height: 120%;font-weight: 600}

.allPackageLst {position: relative;display: block;overflow: hidden;margin-top: 40px}
.allPackageLst .boxTit {position: relative;display: block;overflow: hidden;font-weight: 600;color: #222;font-size: 25px;line-height: 140%;margin-bottom: 10px;}
.allPackageLst .lstBox {position: relative;display: block;overflow: hidden;padding-bottom: 40px;margin-bottom: 40px;border-top: 2px solid #333;}
.allPackageLst .item {position: relative;display: block;min-height: 92px;padding: 20px;border-bottom: 1px solid #ddd;overflow: hidden}
.allPackageLst .item .chek {position: absolute;top: 50%;right: 0;margin-top: -13px;line-height: 26px}
.allPackageLst .item .chek label {font-weight: 600;}
.allPackageLst .item .chek input {margin-left: 5px}
.allPackageLst .item .img {position: relative;width: 150px;height: 92px;float: left;margin-right: 20px }
.allPackageLst .item .img img {width: 150px;height: 92px;}
.allPackageLst .item .type {position: relative;width: 150px;height: 92px;float: left;margin-right: 20px;text-align: center;border-radius: 5px; }
.allPackageLst .item .type span {display: block;line-height: 92px;font-weight: 600;font-size: 15px}
.allPackageLst .item .txtbox {position: relative;display: block;width: 880px;height: 92px;float: left;}
.allPackageLst .item .title {display: block;}
.allPackageLst .item .title a {font-size: 16px;color: #333;font-weight: 600;line-height: 140%;}
.allPackageLst .item .info {display: block;font-size: 14px;margin-top: 5px}
.allPackageLst .item .more {position: relative;display: block;margin-top: 5px}
.allPackageLst .item .more a {position: relative;display: inline-block;padding: 0 15px;background: #f2f2f2;text-align: center;line-height: 28px;height: 28px;border-radius: 5px}
.allPackageLst .item .price {position: absolute;bottom: 0;right: 90px;line-height: 30px;}
.allPackageLst .item .price .event {float: left;width: 50px;text-align: center;color: #fff;background: #fb7623;font-size: 12px;letter-spacing: 0;height: 22px;line-height: 22px;border-radius: 3px;margin: 5px 10px}
.allPackageLst .item .price del {display: inline-block;float: left;font-size: 15px;color: #777;font-weight: 600;margin-right: 10px}
.allPackageLst .item .price b {display: inline-block;float: left;font-size: 20px;color: #222;font-weight: 600;}
.allPackageLst .fullBtn {position: relative;display: block;clear: both;overflow: hidden;}
.allPackageLst .fullBtn a {display: block;background: #2f3b4d;text-align: center;line-height: 30px;height: 30px;border-radius: 5px;color: #fff;}
.allPackageLst .fullBtn a span {display: inline-block;color: #fff;}

.allPackageLst .item_subLst {position: relative;display: block;overflow: hidden}
.allPackageLst .item_subLst .subLst {position: relative;display: block;padding: 10px 15px;background: #f6f6f6;border: 1px solid #ddd;margin-top: 10px}
.allPackageLst .item_subLst .subLst ul {display: block;}
.allPackageLst .item_subLst .subLst li {overflow: hidden;display: block;padding: 5px 0 5px 12px;color: #333;font-weight: 600;background: url("/re_images/common/Board/ico_under.png") no-repeat left 11px;}
.allPackageLst .item_subLst .sub_bookLst {position: relative;display: block;padding: 5px 0 5px}
.allPackageLst .item_subLst .sub_bookLst li {overflow: hidden;display: block;padding: 0 0 0 12px;font-weight: normal;color: #555;background: url("/re_images/common/Board/ico_under.png") no-repeat left 5px;}
.allPackageLst .item_subLst ul li .book-name {float: left;}
.allPackageLst .item_subLst ul li .book-price {float: right;}

.allPackageLst .type.org1 {color: #e97707;border: 1px solid #e97707;background: #fef7f0}
.allPackageLst .type.org2 {color: #e54d1e;border: 1px solid #e54d1e;background: #fff4f1}
.allPackageLst .type.org3 {color: #aa2805;border: 1px solid #aa2805;background: #fff4f1}

.allPackageLst .type.red1 {color: #ff2328;border: 1px solid #ff2328;background: #fff2f2}
.allPackageLst .type.red2 {color: #eb4977;border: 1px solid #eb4977;background: #fff2f6}
.allPackageLst .type.red3 {color: #c01444;border: 1px solid #c01444;background: #fff4f7}




/*pd리스트*/
.moi_pd_list_topWrap {position: relative;display: block;width: 100%;height: 200px;margin: -50px 0 40px}
.moi_pd_list_topWrap:after {position: absolute;top: 0;left: 50%;width: 2000px;height: 200px;margin-left: -1000px;background: url("/re_images/moi/pc/contents/pd_list_top.jpg") no-repeat center top;content: ""}

.moi_pd_listTitle {position: relative;display: block;overflow: hidden;padding-bottom: 15px;border-bottom: 2px solid #fb7623;margin-bottom: 20px}
.moi_pd_listTitle h2 {display: inline-block;float: left;font-size: 30px;line-height: 35px;color: #111;letter-spacing: -0.05em;margin-bottom: 5px}
.moi_pd_listTitle .homepi_info {position: relative;display: inline-block;float: left;height: 35px;vertical-align: top;}
.moi_pd_listTitle .homepi_name {height: 35px;display: inline-block;float: left;padding-left: 40px;}
.moi_pd_listTitle .homepi_name i {position: absolute;top: 50%;left: 0;width: 35px;height: 35px;margin-top: -17px;overflow: hidden;border-radius: 50%;}
.moi_pd_listTitle .homepi_name i img {width: 35px;height: 35px;display: block}
.moi_pd_listTitle .homepi_name span {display: inline-block;max-width: 100%;color: #111;font-size: 22px;line-height: 35px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;vertical-align: top}
.moi_pd_listTitle .homepi_go {position: relative;display: inline-block;float: left;width: 25px;height: 25px;border: 1px solid #ccc;border-radius: 50%;margin: 7px 0 3px 5px}
.moi_pd_listTitle .homepi_go span {position: relative;display: block;text-indent: -999999px}
.moi_pd_listTitle .homepi_go:after {position: absolute;top: 0;left: 0;width: 24px;height: 25px;display: block;line-height: 25px;color: #999;content: "\f237";text-indent: 0;font-family: FontAwesome,LineAwesome;font-size: 15px;text-align: center }
.moi_pd_listTitle .homepi_go:hover {border: 1px solid #fb7623;background: #fb7623}
.moi_pd_listTitle .homepi_go:hover:after {color: #fff}


.moi_pd_list {position: relative;display: block;overflow: hidden}
.moi_pd_list .item {position: relative;display: block;width: 498px;border: 1px solid #ddd;padding: 20px;float: left;margin: 10px 0;min-height: 98px}
.moi_pd_list .item:nth-child(odd) {margin-right: 20px;}
.moi_pd_list .homepi_title {position: relative;display: block;overflow: hidden;}
.moi_pd_list .homepi {position: relative;display: inline-block;padding-right: 30px;}
.moi_pd_list .homepi .homepi_name {position: relative;display: inline-block;font-size: 18px;color: #151515;font-weight: 600;line-height: 150%}
.moi_pd_list .homepi .homepi_go {position: absolute;top: 0;right: 0;display: inline-block;width: 25px;height: 25px;border: 1px solid #ccc;border-radius: 50%;text-indent: -99999px}
.moi_pd_list .homepi .homepi_go:after {position: absolute;top: 0;left: 0;width: 24px;height: 25px;display: block;line-height: 25px;color: #999;content: "\f237";text-indent: 0;font-family: FontAwesome,LineAwesome;font-size: 15px;text-align: center }
.moi_pd_list .homepi .homepi_go:hover {border: 1px solid #fb7623;background: #fb7623}
.moi_pd_list .homepi .homepi_go:hover:after {color: #fff}
.moi_pd_list .homepi_text {position: relative;display: block;overflow: hidden;margin: 15px 0;font-size: 14px;color: #fb7623}
.moi_pd_list .homepi_tag {position: relative;display: block;overflow: hidden;min-height: 20px;}
.moi_pd_list .modi_tag {position: absolute;top: 0;right: 0;min-height: 20px;}
.moi_pd_list .modi_tag a {display: block;padding: 0 10px;line-height: 30px;height: 30px;background: #333;color: #fff;}
.moi_pd_list .modi_tag a .fa {font-size: 17px}

.pd_list_cont {position: relative;display: block;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dotted #bbb}
.pd_list_cont:last-child {padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.pd_list_cont .package_boxLst {width: 1100px;margin: 0 auto;}
.pd_list_cont .package_boxLst .item {width: 498px;padding: 20px;margin: 10px 0;float: left;}
.pd_list_cont .package_boxLst .item:nth-child(odd) {margin-right: 20px;}
.pd_list_cont .package_boxLst .item .bottom {padding-bottom: 0}
.pd_list_cont .moreBtn {position: relative;display: block;text-align: center;margin-top: 15px;}
.pd_list_cont .moreBtn a {display: inline-block;border: 1px solid #d3d3d3;border-radius: 5px;font-size: 14px;padding: 0 25px;line-height: 35px;height: 35px;background: #f6f6f6}



/*듣기파일*/
.item_helpBox {position: relative;display: block;height: 32px;padding: 0;margin-top: 20px;text-align: right}
.item_helpBox .h_left {position: relative;display: inline-block;overflow: hidden;}
.item_helpBox .h_left li {float: left;margin-left: 10px}
.item_helpBox .h_left li:first-child {margin-left: 0}
.item_helpBox .h_left li a {position: relative;display: inline-block;line-height: 30px;height: 30px;border-radius: 30px;padding: 0 20px;background: #fff;border: 1px solid #ddd;}
.item_helpBox .h_left li a span {position: relative;display: inline-block;font-size: 13px;padding-left: 30px}
.item_helpBox .h_left li a span:after {position: absolute;top: 0;left: 0;width: 30px;height: 30px;display: block;line-height: 30px;font-family: FontAwesome,LineAwesome;font-size: 21px;font-weight: normal;text-align: center}
.item_helpBox .h_left li a:hover span {text-decoration: underline}
.item_helpBox .h_left li .btn_play span:after {content: "\f375";color: #fe600a}
.item_helpBox .h_left li .btn_down span:after {content: "\f2e9";color: #177ed5}
.item_helpBox .btn_report {position: absolute;top: 50%;right: 20px;font-size: 12px;line-height: 30px;margin-top: -13px}
.item_helpBox .btn_report:hover {text-decoration: underline}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------
    신규
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.moi_new_cont {position: relative;display: block;overflow: hidden;width: 1100px;margin: 0 auto;}

.moi_cont_title {position: relative;display: block;margin-bottom: 10px}
.moi_cont_title .btit {font-size: 23px;color: #111;letter-spacing: -0.07em;line-height: 140%;}
.moi_cont_title .txt {font-size: 14px;color: #777;letter-spacing: -0.07em;line-height: 130%;}
.moi_cont_title .in {display: inline-block;vertical-align: middle}

.subscribe_btn {position: relative;display: inline-block;vertical-align: middle;margin-left: 5px}
.subscribe_btn a {display: inline-block;padding: 0 8px;line-height: 22px;font-size: 13px;color: #444;border: 1px solid #ddd;background: #fafafa;border-radius: 3px;}
.subscribe_btn a span {display: inline-block;padding-left: 18px;background: url("/re_images/moi/pc/contents/examiner_subscribe_off.png") no-repeat left center}
.subscribe_btn a.on {color: #fff;border: 1px solid #ff4d30;background: #ff4d30;}
.subscribe_btn a.on span {background: url("/re_images/moi/pc/contents/examiner_subscribe_on.png") no-repeat left center}


.recommend_top_wrap {position: relative;display: block;overflow: hidden;background: #f0f0f0;}
.recommend_cont {position: relative;display: block;width: 1100px;margin: 0 auto;padding: 40px 0;overflow: hidden}
.recommend_cont .recommend {position: relative;display: block;width: 250px;height: 189px;float: left;}
.recommend_slider {position: relative;display: block;width: 250px;height: 189px;background: url("/re_images/moi/pc/common/g_bg_r.svg") no-repeat;background-size: cover;border-radius: 5px;box-sizing: border-box;}
.recommend_slider .item {display: block;text-align: center;padding: 30px 20px;}
.recommend_slider .item .txt {display: block;font-size: 15px;line-height: 140%;height: 40px;color: rgba(255,255,255,0.8);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.recommend_slider .item .day {display: block;overflow: hidden;font-size: 30px;color: #fff;line-height: 35px;font-weight: 600}
.recommend_slider .item .date {display: block;overflow: hidden;font-size: 18px;color: #fff;line-height: 26px;}
.recommend_slider .slick-arrow {position: absolute;display: block;width: 30px;height: 30px;bottom: 20px;border-radius: 50%;background: #fff;text-align: center;text-indent: -9999px;border: none;z-index: 100}
.recommend_slider .slick-arrow:before {position: absolute;top: 0;right: 0;width: 100%;height: 30px;line-height: 30px;color: #333;font-size: 17px;text-indent: 0;font-family: FontAwesome,LineAwesome;}
.recommend_slider .slick-prev {left: 50%;margin-left: -33px}
.recommend_slider .slick-prev:before {content: "\f111";}
.recommend_slider .slick-next {right: 50%;margin-right: -33px}
.recommend_slider .slick-next:before {content: "\f112";}

.recommend_chart {position: relative;display: block;overflow: hidden;width: 820px;float: right;}
.recommend_chart .chart {display: block;background: #fff;padding: 20px;box-sizing: border-box;border-radius: 5px;}


.examinerLst_wrap {position: relative;display: block;overflow: hidden;padding: 50px 0}
.examiner_cont {position: relative;display: block;width: 1100px;margin: 0 auto;}
.examiner_titleBox {position: relative;display: block;padding: 25px 20px;border: 1px solid #ddd;border-top: 1px solid #444;background: #f9f9f9}
.examiner_titleBox .tit {display: block;overflow: hidden;font-size: 23px;text-align: center;line-height: 150%;color: #222;letter-spacing: -0.07em;margin-bottom: 10px}
.examiner_titleBox .tit b {color: #ff4d30}
.box_srch_wrap {position: relative;display: block}
.box_srch_wrap .search_bar {border: 1px solid #444;width: 500px;height: 50px;margin: 0 auto;background: #fff;}
.box_srch_wrap .search_bar select {border: none !important;width: 100px;height: 50px;line-height: 50px;background-position: right 24px;float: left;}
.box_srch_wrap .search_bar input[type=text] {width: 350px;float: left;border: none;height: 50px;line-height: 50px;padding: 0;margin: 0}
.box_srch_wrap #btn_search {position: relative;width: 50px;height: 50px;float: left;border: none;background: #fff;text-indent: -9999px}
.box_srch_wrap #btn_search:after {position: absolute;top: 0;left: 0;width: 50px;height: 50px;line-height: 50px; text-indent: 0;font-family: FontAwesome,LineAwesome;content: "\f2eb";font-size: 27px;text-align: center;transform: rotate(-90deg)}

.examiner_listBox {position: relative;display: block;overflow: hidden;margin-top: 30px}
.examiner_listBox .listTop {position: relative;display: block;overflow: hidden;}
.examiner_listBox .listTop .tit { float: left;height: 30px;line-height: 30px;font-size: 17px;font-weight: 600;color: #222 }
.examiner_listBox .listTop .total { float: right;height: 30px;line-height: 30px;font-size: 15px;color: #666 }
.examiner_listBox .listTop .total b {color: #ff4d30}

.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;z-index: 10}
.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;}

.month_exam_cont {position: relative;display: block;padding: 40px 0}
.month_exam_slider {position: relative;display: block;width: 1100px;}
.month_exam_slider .slick-list {position: relative;}
.month_exam_slider .slick-list:before {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #fcc8b3;content: ""}
.month_exam_slider .slick-slide {position: relative;border-top: 1px solid #fcc8b3}
.month_exam_slider .slick-slide:before {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #fcc8b3;content: ""}
.month_exam_slider .item {border-bottom: 1px solid #fcc8b3;text-align: center;padding: 15px 0 12px;box-sizing: border-box;}
.month_exam_slider .item div {display: block;padding: 0 15px}
.month_exam_slider .item .stxt {font-size: 13px;margin-bottom: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.month_exam_slider .item .day {font-size: 18px;font-weight: 600;line-height: 130%;color: #222;}

.month_exam_slider .slick-arrow {position: absolute;display: block;width: 40px;height: 40px;top: -55px;border-radius: 50%;background: #e8ecef;text-align: center;text-indent: -9999px;border: none;z-index: 100}
.month_exam_slider .slick-arrow:before {position: absolute;top: 0;right: 0;width: 100%;height: 40px;line-height: 40px;color: #333;font-size: 17px;text-indent: 0;font-family: FontAwesome,LineAwesome;}
.month_exam_slider .slick-prev {right: 45px}
.month_exam_slider .slick-prev:before {content: "\f111";}
.month_exam_slider .slick-next {right: 0;}
.month_exam_slider .slick-next:before {content: "\f112";}


.moiLst_wrap {position: relative;display: block;padding: 0 0 40px}
.moiLst_wrap ul {position: relative;display: block;overflow: hidden;margin-top: 15px;}
.moiLst_wrap li {position: relative;display: block;overflow: hidden;border: 1px solid #ddd;padding: 15px 307px 15px 198px;margin-bottom: 10px;}
.moiLst_wrap li:hover {background: #f8f8f8;}
.moiLst_wrap li:last-child {margin-bottom: 0}
.moiLst_wrap li .homepi {position: absolute;top: 15px;left: 15px;width: 120px;height: 50px;padding: 0 15px 0 30px;text-align: left;border-right: 1px solid #ddd;}
.moiLst_wrap li .homepi:after {position: absolute;top: 12px;left: 0;width: 25px;height: 25px;line-height: 25px;background: #fff;font-family: FontAwesome,LineAwesome;content: "\f237";font-size: 17px;border-radius: 50%;border: 1px solid #ddd;text-align: center}
.moiLst_wrap li .homepi a {max-width: 100%;display: inline-block;font-size: 14px;color: #333;line-height: 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.moiLst_wrap li .title {max-width: 100%;display: inline-block;font-size: 15px;color: #151515;font-weight: 600;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 5px}
.moiLst_wrap li .infoBox {position: relative;display: block;overflow: hidden;}
.moiLst_wrap li .infoBox ul {padding: 0;margin: 0 !important}
.moiLst_wrap li .infoBox li {float: left;font-size: 12px;color: #333;padding: 0;border: none;background: none;margin: 0 15px 0 0;line-height: 20px;border-radius: 0}
.moiLst_wrap li .infoBox li:hover {background: none;}
.moiLst_wrap li .infoBox li b {float: left;display: inline-block;padding: 0 7px;line-height: 20px;height: 20px;background: #d9e2e9;font-size: 11px;color: #333;font-weight: normal;border-radius: 3px;margin-right: 5px}
.moiLst_wrap li .btn {position: absolute;top: 50%;right: 15px;margin-top: -14px;}

.moi_new_cont.examinerHome {padding: 40px 0}
.examinerHome_top {position: relative;display: block;overflow: hidden;width: 1100px;margin: 0 auto;}
.examinerHome_top img {width: 100%;height: 230px;}

.examinerHome_wrap {position: relative;display: block;overflow: hidden}
.examinerIcon {position: relative;display: block;overflow: hidden;padding: 30px 0 40px}
.examinerIcon .box {float: left;width: 353px;text-align: center;margin-right: 20px;padding: 25px 30px}
.examinerIcon .box:last-child {margin-right: 0}
.examinerIcon .box:hover {box-shadow:2px 5px 9px 0 rgba(0, 16, 59, 0.36)}
.examinerIcon .box .icon {display: inline-block;width: 120px;height: 120px;border-radius: 50%;background: #fff;}
.examinerIcon .box .txt {display: block;/*margin-top: 10px;*/font-size: 20px;color: #fff;font-weight: 600;letter-spacing: -0.07em}

.examinerIcon .st01 { background: url("/re_images/moi/pc/common/g_bg_r.svg") no-repeat;background-size: cover;border-radius: 5px;box-sizing: border-box; }
.examinerIcon .st02 { background: url("/re_images/moi/pc/common/g_bg_b.svg") no-repeat;background-size: cover;border-radius: 5px;box-sizing: border-box; }
.examinerIcon .st03 { background: url("/re_images/moi/pc/common/g_bg_c.svg") no-repeat;background-size: cover;border-radius: 5px;box-sizing: border-box; }


.moiLst_st2_wrap {position: relative;display: block;}
.moiLst_st2 {position: relative;display: block;width: 1110px;overflow: hidden;margin-left: -5px}
.moiLst_st2 .item {position: relative;display: block;overflow: hidden;width: 545px;border: 1px solid #ddd;float: left;margin: 5px;box-sizing: border-box;padding: 25px 20px;border-radius: 4px}
.moiLst_st2 .item .type {position: absolute;top: 0;right: 0;height: 22px;line-height: 22px;font-size: 13px;padding: 0 15px;color: #fff;}
.moiLst_st2 .item .title {display: block;overflow: hidden;max-width: 90%}
.moiLst_st2 .item .title a {font-size: 15px;color: #222;font-weight: 600;letter-spacing: -0.05em;display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.moiLst_st2 .item .info {position: relative;display: block;overflow: hidden;margin-top: 5px}
.moiLst_st2 .item .info li {position: relative;float: left;padding-right: 20px;}
.moiLst_st2 .item .info li:last-child {padding-right: 0}
.moiLst_st2 .item .info li:before {position: absolute;top: 4px;right: 9px;width: 1px;height: 12px;background: #bbb;content: ""}
.moiLst_st2 .item .info li:last-child:before {display: none}
.moiLst_st2 .item .info li b {color: #222;}
.moiLst_st2 .item .info li .sbtn {display: inline-block;padding: 0 5px;border: 1px solid #ddd;background: #fff;color: #222;border-radius: 3px}
.moiLst_st2 .item .price {position: absolute;bottom: 20px;right: 20px;font-size: 16px;font-weight: 600;color: #222;}

.moiLst_st2 .package {background: #fff4ef;border: 1px solid #e6d9d3}
.moiLst_st2 .package .type {background: #f68b2c}
.moiLst_st2 .set {background: #e6effe;border: 1px solid #cad3e3}
.moiLst_st2 .set .type {background: #528ae8}
.moiLst_st2 .normal {background: #f1fde0;border: 1px solid #c6d1b7}
.moiLst_st2 .normal .type {background: #8bc33b}
.moiLst_st2 .exam {background: #e0fcfb;border: 1px solid #bbd8d7}
.moiLst_st2 .exam .type {background: #3bc5c0}

.examinerHome_banner {position: relative;display: block;overflow: hidden;margin: 25px 0;clear: both;}
.examinerHome_banner img {width: 1100px;/*height: 200px;*/}
.examinerHome_banner li {display: block;float: left;}
.examinerHome_banner li:first-child {margin-right: 20px}
.examinerHome_banner li img {width: 540px;/*height: 200px;*/}

.examinerHome_guide {position: relative;display: block;padding: 40px 0;background: #f7f7f7;margin-bottom: 40px}
.examinerHome_guide .moi_cont_title {margin-bottom: 40px}
.examinerHome_guide .moi_cont_title .btit {font-size: 30px;letter-spacing: -0.07em;text-align: center;display: block;}
.examinerHome_guide .boxLst {position: relative;display: block;overflow: hidden;width: 1100px;margin: 0 auto;z-index: 10}
.examinerHome_guide .boxLst ul {overflow: hidden}
.examinerHome_guide .boxLst li {position: relative;width: 33.33%;height: 315px;float: left;text-align: center;margin: 0;line-height: 170%}
.examinerHome_guide .boxLst li.cntr:before {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #e3e3e3;content: ""}
.examinerHome_guide .boxLst li.cntr:after {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #e3e3e3;content: ""}
.examinerHome_guide .boxLst li .num {position: absolute;top: 0;left: 80px;width: 50px;height: 50px;background: #333;text-align: center;color: #fff;line-height: 50px;font-size: 17px;font-weight: 600;border-radius: 50%}
.examinerHome_guide .boxLst li .txtBox {position: relative;display: block;margin-top: 15px;font-size: 16px;}
.examinerHome_guide .boxLst li .txtBox b {display: block;font-size: 22px;color: #222;font-weight: 600;margin-bottom: 5px;line-height: 140%;letter-spacing: -0.07em}


.moi_cont_block {position: relative;display: block;overflow: hidden;margin-bottom: 30px;border-bottom: 1px solid #ddd;padding-bottom: 30px}
.moi_cont_block:last-child {margin-bottom: 0;border-bottom: none;}
.moi_cont_block .cate_tit {position: relative;display: block;overflow: hidden;}
.moi_cont_block .cate_tit h3 {position: relative;display: block;padding-left: 8px;margin-bottom: 5px;line-height: 26px;font-weight: 600;color: #222;font-size: 15px}
.moi_cont_block .cate_tit h3:before {position: absolute;top: 10px;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #333;content: ""}
.moiLst_table_more {position: relative;display: block;margin-top: 15px;}
.moiLst_table_more .moiLst_more {position: relative;display: block;overflow: hidden;border: 1px solid #ccc;background: #f3f3f3;text-align: center;line-height: 30px;border-radius: 5px;font-size: 13px}


.moi_new_cont .cate_filterBox .cate_depBox {width: 350px !important}
.moi_new_cont .cate_filterBox .cate_depBox ul li { width: 260px}
.moi_new_cont .cate_filterBox .cate_depBox ul li.active { width: 260px}
.moi_new_cont .cate_filterBox_choice {   width: 1022px }


/*마케터회원 소개*/
.sub_pageTit {position: relative;display: block;overflow: hidden;line-height: 150%;font-size:38px;color: #222;text-align: center;letter-spacing: -0.05em; }

.tabMenu {position: relative;display: block;text-align: center;overflow: hidden;margin-top: 30px}
.tabMenu ul {display: inline-block;overflow: hidden;border-left: 1px solid #ddd;}
.tabMenu ul li {width: 200px;float: left;margin-left: -1px}
.tabMenu ul li a {display: block;text-align: center;color: #666;font-size: 16px;line-height: 50px;border: 1px solid #ddd;}
.tabMenu ul li.active a {background: #b4272e;color: #fff;border: 1px solid #b4272e}


.mkr_bTit {position: relative;display: block;text-align: center;}
.mkr_bTit dt {position: relative;display: inline-block;font-size: 45px;color: #fff;line-height: 150%;letter-spacing: -0.08em}
.mkr_bTit dt em {font-style: normal}
.mkr_bTit dt em span {position: relative;display: inline-block;}
.mkr_bTit dt em span:after {position: absolute;top:2px;left: 50%;width: 4px;height:4px;margin-left: -2px;content: "";border-radius: 50%;overflow: hidden;z-index: 0}
.mkr_bTit dt .yell {color: #ffd800}
.mkr_bTit dt .yell span:after {background: #ffd800;}
.mkr_bTit dt .red {color: #b4272e}
.mkr_bTit dt .cy {color: #12cbda}
.mkr_bTit dt .cy_line {position: relative;display: inline-block;padding-bottom: 20px;background: url("/re_images/moi/marketer/cy_line.png") no-repeat center bottom}
.mkr_bTit dt .cy_line:after {position: absolute;top: -12px;right: -18px;width: 26px;height: 26px;background: url("/re_images/moi/marketer/cy_star.png") no-repeat;display: block;content: ""}
.mkr_bTit dd {display: block;font-size: 25px;line-height: 130%;color: #fff;letter-spacing: -0.05em;margin-top: 15px}

.mkr_bTit.black dt {color: #222}
.mkr_bTit.black dd {color: #444}

.contBox {position: relative;display: block;width: 1100px;margin: 0 auto;padding: 80px 0;}

.mkrBox_01 {position: relative;display: block;width: 100%;margin-top: 40px;z-index: 5}
.mkrBox_01 .contBox {padding:120px 0 240px}
.mkrBox_01:after {position: absolute;top: 0;left: 50%;width: 2000px;margin-left: -1000px;height:100%;content: "";background: #efefef url("/re_images/moi/marketer/mkrBox01_bg.jpg") no-repeat top center;z-index: -1}
.mkrtit {position: relative;display: block;overflow: hidden;text-align: center;z-index: 10}

.mkrBox_02 {position: relative;display: block;width: 100%;z-index: 10}
.mkrBox_02:after {position: absolute;top: 0;left: 50%;width: 2000px;margin-left: -1000px;height:100%;content: "";background: #b4272e;z-index: -1}
.mkrBox_02 .mkr_boxli01 {position: absolute;display: block;top: -150px;left: 50%;width: 1010px;margin-left: -505px;overflow: hidden;z-index: 20}
.mkrBox_02 .mkr_boxli01 li {float: left;width: 33.33%;text-align: center}

.mkrBox_02 .mkr_bTit {margin-top: 130px}

.mkr_boxli02 {position: relative;display: block;overflow: hidden;text-align: center;margin: 70px 0 0}
.mkr_boxli02 li {position: relative;width: 33.33%;float: left;text-align: center}
.mkr_boxli02 li:before {position: absolute;top: 100px;right: -25px;width: 50px;height: 10px;content: "";background: url("/re_images/moi/marketer/mkrBox_02_arw.png") no-repeat 0 0;}
.mkr_boxli02 li:last-child:before {display: none;}
.mkr_boxli02 li .yell {color: #ffd800}
.mkr_boxli02 li span {display: block;font-size: 22px;color: #fff;line-height: 140%;margin-top: 15px}

.mkrBox_02 .btxt {position: relative;display: block;overflow: hidden;text-align: center;font-size: 30px;line-height: 140%;letter-spacing: -0.05em;color: #222}
.mkrBox_02 .btxt b {display: inline-block;}
.mkrBox_02 .btxt .green {color: #048807;padding-right: 50px;background: url("/re_images/moi/marketer/ico_equals.png") no-repeat right 2px}
.mkrBox_02 .btxt .red {color: #fb2e1f}

.mkrBox_03 .mkrBox_03_li {position: relative;display: block;overflow: hidden;margin-top: 40px}
.mkrBox_03 .mkrBox_03_li li {float: left;width: 540px;margin-bottom: 40px}
.mkrBox_03 .mkrBox_03_li li:nth-child(odd) {margin-right: 20px;}
.mkrBox_03 .mkrBox_03_li li .img {display: block;margin-top: 15px}
.mkrBox_03 .mkrBox_03_li li .txt {position: relative;display: block;padding-left: 35px;line-height: 40px;font-size: 15px;color: #333;font-weight: 600;letter-spacing: -0.05em}
.mkrBox_03 .mkrBox_03_li li .txt .num {position: absolute;top: 5px;left: 0;width: 30px;height: 30px;border-radius: 50%;background: #b4272e;color: #fff;text-align: center;line-height: 30px;font-size: 15px}
.mkrBox_03 .mkrBox_03_li li:last-child {width: 100%;margin-right: 0;margin-bottom: 0}


.mkrBox_04 {position: relative;display: block;width: 100%;margin-bottom: -50px;z-index: 10}
.mkrBox_04:after {position: absolute;top: 0;left: 50%;width: 2000px;margin-left: -1000px;height:100%;content: "";background: #fbefd5;z-index: -1}

.mkrBox_04 .mkr_join {position: relative;display: block;overflow: hidden;margin-top: 40px}
.mkrBox_04 .mkr_join li {width: 48%;float: left;padding: 70px 0;background: #fff;text-align: center}
.mkrBox_04 .mkr_join li:first-child {margin-right: 2%}
.mkrBox_04 .mkr_join li b {display: block;font-size: 30px;line-height: 140%;margin: 10px 0 10px;font-weight: normal;letter-spacing: -0.05em}
.mkrBox_04 .mkr_join li div {display: block;font-size: 15px;color: #555;line-height: 26px}
.mkrBox_04 .mkr_join li span {position: relative;display: inline-block;padding-right: 20px;background: url("/re_images/moi/marketer/ico_arw.jpg") no-repeat right center}

.mkrBox_04 .mkr_join li:first-child b {color: #eb9500}
.mkrBox_04 .mkr_join li:last-child b {color: #ee5a29}

.mkrBox_04 .mkr_join02 {position: relative;display: block;overflow: hidden;text-align: center}
.mkrBox_04 .mkr_join02 .img {display: block;text-align: center;margin: 40px 0}

.mkrBox_04 .mkr_join02 .btxt {display: block;margin-top: 40px;font-size: 17px;color: #222;text-align: center;font-weight: 600}

.mkrBox_04 .mkr_join02 .flow-list {width: 500px;margin: 0 auto;background: rgba(255,255,255,0.6);padding: 20px 40px;border-radius: 10px;text-align: left;}
.mkrBox_04 .mkr_join02 .flow-list li {display: block;vertical-align: top;margin: 10px 0;letter-spacing: -0.025em;line-height: 30px;}
.mkrBox_04 .mkr_join02 .flow-list li:after {display: none}
.mkrBox_04 .mkr_join02 .flow-list li .num {width: 30px;height: 30px;display: inline-block;vertical-align: middle;border-radius: 50%;background-color: #ff5118 !important;background-image: url('/re_images/common/etc/flow_bg.png');background-repeat: repeat;color: #fff;margin-right: 8px;font-size: 12px;line-height: 29px;font-weight: bold;text-align: center;}

.mkrBox_04 .mkr_join02 .btn {position: relative;display: block;text-align: center;margin-top: 40px;}
.mkrBox_04 .mkr_join02 .btn a {display: inline-block;padding:  0 30px;line-height: 50px;background: #2f3b4d;color: #fff;font-size: 17px;border-radius: 5px}


/*-----------------------------------------------*/

.tmate_sub_tab {position: relative;display: block;overflow: hidden;background: linear-gradient(to right, #ff840b, #f2175e);}
.tmate_sub_tab ul {position: relative;width: 1100px;margin: 0 auto;}
.tmate_sub_tab li {position: relative;float: left;width: 33.33%;text-align: center;}
.tmate_sub_tab li a {position: relative;display: block;line-height: 60px;height: 60px;letter-spacing: -0.07em}
.tmate_sub_tab li a span {position: relative;font-size: 19px;font-weight: 600;color: #fff;}
.tmate_sub_tab li.active a {background: linear-gradient(to bottom, #ffffff, #f7f7f7);}
.tmate_sub_tab li.active a span {color: #e31620}

.tmate_sub_tab li.active:after {position: absolute;top: 0;right: -19px;width: 19px;height: 60px;display: block;z-index: 10;
    background: url("/re_images/moi/pc/contents/tmate_sub_tab_bg.png") no-repeat center top;content: ""}

.tmate_sub_tab li a span:after {position: absolute;top: 0;right: 0;display: block;width: 8px;height: 8px;border-radius: 50%;background: #ff9e0b;opacity: 0;content: "";z-index: 10;
    -webkit-transition-duration: .3s;transition-duration: .3s;}
.tmate_sub_tab li.active a span:after {top: -4px;right: -12px;opacity: 1}

.tmate_sub_tabView {position: absolute;top: 85px;left: 50%;width: 900px;margin-left: -450px;z-index: 100;background: url("/re_images/moi/pc/contents/tmate_sub_tabview_bg.png") no-repeat center top;
    border-top: none;padding: 3px;box-sizing: border-box;border-radius: 15px}
.tmate_sub_tabView .inner {display: block;background: #f7f7f7;overflow: hidden;padding: 30px 30px 20px;border-radius: 15px}
.tmate_sub_tabView .cont {position: relative;overflow: hidden}
.tmate_sub_tabView .cont:after {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #ccc;content: ""}
.tmate_sub_tabView .cont ul {float: left;width: 33.33%;border: 1px solid #ccc;box-sizing: border-box;margin-left: -1px;height: 372px;overflow-y: auto;padding: 10px 0}
.tmate_sub_tabView .cont ul li {display: block;}
.tmate_sub_tabView .cont ul li a {position: relative;display: block;padding: 0 20px;line-height: 35px;height: 35px;font-size: 13px}
.tmate_sub_tabView .cont ul li.active a {background: #f9e7e8;color: #e31620;font-weight: 600}
.tmate_sub_tabView .cont ul li.active a:after {position: absolute;top: 11px;right: 20px;width: 6px;height: 11px;background: url("/re_images/moi/pc/contents/tmate_sub_tab_arw.png") no-repeat center;content: ""}
.tmate_sub_tabView .cont_b {display: block;overflow: hidden;margin-top: 15px}
.tmate_sub_tabView .tab_txt {float: left;font-size: 14px;line-height: 35px;padding-left: 20px;background: url("/re_images/common/Board/icon_total.png") no-repeat 0 11px;}
.tmate_sub_tabView .tab_btn {float: right}
.tmate_sub_tabView .tab_btn a {display: inline-block;float: left;width: 100px;border-radius: 5px;text-align: center;line-height: 35px;height: 35px;color: #fff;background: #000;margin-left: 5px}
.tmate_sub_tabView .tab_btn .refresh {background: #493334}
.tmate_sub_tabView .tab_btn .search {background: #cd0b15}

/* 메인화면 검색용 */
.tmate_main_tabView_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999}
.tmate_main_tabView_wrap .bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7)}
.tmate_main_tabView {position: absolute;top: 50%;left: 50%;width: 900px;transform: translateY(-50%) translateX(-50%);z-index: 100;background: url("/re_images/moi/pc/contents/tmate_sub_tabview_bg.png") no-repeat center top;
    border-top: none;padding: 3px;box-sizing: border-box;border-radius: 15px}

.tmate_main_tabView .inner {display: block;background: #f7f7f7;overflow: hidden;padding: 30px 30px 20px;border-radius: 15px}
.tmate_main_tabView .cont {position: relative;overflow: hidden}
.tmate_main_tabView .cont:after {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #ccc;content: ""}
.tmate_main_tabView .cont ul {float: left;width: 33.33%;border: 1px solid #ccc;box-sizing: border-box;margin-left: -1px;height: 372px;overflow-y: auto;padding: 10px 0}
.tmate_main_tabView .cont ul li {display: block;}
.tmate_main_tabView .cont ul li a {position: relative;display: block;padding: 0 20px;line-height: 35px;height: 35px;font-size: 13px}
.tmate_main_tabView .cont ul li.active a {background: #f9e7e8;color: #e31620;font-weight: 600}
.tmate_main_tabView .cont ul li.active a:after {position: absolute;top: 11px;right: 20px;width: 6px;height: 11px;background: url("/re_images/moi/pc/contents/tmate_sub_tab_arw.png") no-repeat center;content: ""}
.tmate_main_tabView .cont_b {display: block;overflow: hidden;margin-top: 15px}
.tmate_main_tabView .tab_txt {float: left;font-size: 14px;line-height: 35px;padding-left: 20px;background: url("/re_images/common/Board/icon_total.png") no-repeat 0 11px;}
.tmate_main_tabView .tab_btn {float: right}
.tmate_main_tabView .tab_btn a {display: inline-block;float: left;width: 100px;border-radius: 5px;text-align: center;line-height: 35px;height: 35px;color: #fff;background: #000;margin-left: 5px}
.tmate_main_tabView .tab_btn .refresh {background: #493334}
.tmate_main_tabView .tab_btn .search {background: #cd0b15}

.tmate_main_tabView_close {position: absolute;top: -25px;right: -25px;width: 50px;height: 50px;background: #000;color: #fff;font-size: 30px;border-radius: 50%;text-align: center;line-height: 50px;}

.tmate_sub_nav {position: relative;display: block;overflow: hidden;padding-bottom: 15px;margin-bottom: 15px;font-size: 15px;line-height: 130%;color: #888}
.tmate_sub_nav b {color: #222}
.tmate_sub_nav:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: linear-gradient(to right, #ff9e0b, #f2175e);content: ""}

.tmate_scontbox {position: relative;display: block;margin-bottom: 40px}
.tmate_scontbox:last-child {margin-bottom: 0}
.tmate_stitle {position: relative;display: block;font-size: 20px;font-weight: 600;color: #222;line-height: 30px;height: 30px;margin-bottom: 5px}
.tmate_stitle small {display: inline-block;font-size: 15px;color: #777}

.tmate_Filter {position: absolute;top: 0;right: 0;overflow: hidden}
.tmate_Filter ul {overflow: hidden}
.tmate_Filter li { position: relative;float: left;margin-right: 20px}
.tmate_Filter li:before {position: absolute;top: 4px;right: -11px;width: 1px;height: 12px;background: #ccc;content: ""}
.tmate_Filter li:last-child {margin-right: 0}
.tmate_Filter li:last-child:before {display: none}
.tmate_Filter li a {display: inline-block}
.tmate_Filter li a.on {font-weight: 600;color: #222}

.tmate_scontbox .moreBtn {position: relative;display: block;padding: 10px 0;text-align: center;border-radius: 10px;border: 1px solid #ddd;background: #e3e3e3;margin-top: 10px;font-size: 14px;color: #333}
.tmate_scontbox .moreBtn b {color: #e31620}

.tmate_list01 {position: relative;display: block;;width: 1120px;margin-left: -10px}
.tmate_list01 ul {}
.tmate_list01 ul li {display: block;float: left;margin: 10px 10px;background: #fff;border-radius: 10px;padding: 20px;width: 500px;box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)}
.tmate_list02 .type {display: block;height: 21px;margin-bottom: 5px;}
.tmate_list01 .type span {display: inline-block;font-size: 11px;padding: 0 7px;border-radius: 3px;vertical-align: top}
.tmate_list01 .type .event {border: 1px solid #1765bd;color: #1765bd}
.tmate_list01 .type .package {border: 1px solid #e91e63;color: #e91e63}
.tmate_list01 .title {display: block;overflow: hidden;}
.tmate_list01 .title a {display: inline-block;font-weight: 600;font-size: 14px;line-height: 150%;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #222}
.tmate_list01 .title a:hover {color: #e91e63}
.tmate_list01 ul li ul {margin-top: 10px}
.tmate_list01 ul li ul li {display: block;float: left;margin: 0 15px 0 0;border-radius: 0;padding: 0;width: auto;box-shadow: inherit}
.tmate_list01 ul li ul li a {color:  #fe8b41}
.tmate_list01 ul li ul li.price {float: right;font-size: 16px;font-weight: 600}

.tmate_list02 {position: relative;display: block;}
.tmate_list02 ul {}
.tmate_list02 ul li {display: block;margin: 10px 0;background: #fff;border-radius: 10px;padding: 20px;overflow: hidden;box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)}
.tmate_list02 .type {display: block;margin-bottom: 5px;}
.tmate_list02 .type span {display: inline-block;font-size: 11px;padding: 0 7px;border-radius: 3px;vertical-align: top}
.tmate_list02 .type .event {border: 1px solid #1765bd;color: #1765bd}
.tmate_list02 .type .package {border: 1px solid #e91e63;color: #e91e63}
.tmate_list02 .title {display: block;overflow: hidden;}
.tmate_list02 .title a {display: inline-block;font-weight: 600;font-size: 14px;line-height: 150%;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #222}
.tmate_list02 .title a:hover {color: #e91e63}
.tmate_list02 ul li ul {margin-top: 10px}
.tmate_list02 ul li ul li {display: block;float: left;margin: 0 15px 0 0;border-radius: 0;padding: 0;width: auto;box-shadow: inherit}
.tmate_list02 ul li ul li a {color:  #fe8b41}
.tmate_list02 ul li ul li.price {float: right;font-size: 16px;font-weight: 600;margin-right: 0}

.tmate_list03 {position: relative;display: block;overflow: hidden;width: 1120px;margin-left: -10px}
.tmate_list03 ul {overflow: hidden;}
.tmate_list03 ul li {display: block;float: left;margin: 10px 10px;background: #fff;border-radius: 10px;padding: 20px;border: 1px solid #fe8b41;width: 310px;box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1)}
.tmate_list03 .type {display: block;margin-bottom: 5px}
.tmate_list03 .type span {display: inline-block;font-size: 11px;padding: 0 7px;border-radius: 3px;vertical-align: top}
.tmate_list03 .type .event {border: 1px solid #1765bd;color: #1765bd}
.tmate_list03 .type .package {border: 1px solid #e91e63;color: #e91e63}
.tmate_list03 .title {display: block;overflow: hidden;}
.tmate_list03 .title a {display: inline-block;font-weight: 600;font-size: 14px;line-height: 150%;max-width: 100%;height: 45px;overflow: hidden;color: #222}
.tmate_list03 .title a:hover {color: #fe8b41}
.tmate_list03 .txt {display: block;font-size: 13px;height: 40px;}
.tmate_list03 ul li ul {margin-top: 5px}
.tmate_list03 ul li ul li {display: block;float: left;margin: 0 15px 0 0;border-radius: 0;padding: 0;width: auto;box-shadow: inherit;border: none}
.tmate_list03 ul li ul li a {color:  #fe8b41}
.tmate_list03 ul li ul li b {color: #fe8b41;font-weight: 600}
.tmate_list03 ul li ul li.fr {float: right;margin-right: 0}
.tmate_list03 ul li ul li.price {float: right;font-size: 16px;font-weight: 600;margin-right: 0}
.tmate_list03 ul li ul li.cate_txt {font-size: 12px;position: relative;display: inline-block;padding-right: 25px;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tmate_list03 ul li ul li.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;}

.tmate_sub_search {position: relative;display: block;overflow: hidden;background: #fff;border-radius: 10px;padding: 20px;border: 1px solid #ddd;box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);margin-bottom: 25px}
.tmate_sub_search .bar {width: 550px;margin: 0 auto;overflow: hidden;background: #eee;height: 50px;border-radius: 10px}
.tmate_sub_search .bar select {width: 150px;float: left;border: none !important;height: 50px;line-height: 50px;background: #eee}
.tmate_sub_search .bar input[type=text] {width: 345px;float: left;border: none !important;height: 50px;line-height: 50px;background: #eee}
.tmate_sub_search .bar button {width: 53px;float: left;height: 50px;font-size: 25px;border: none;text-align: center}