@charset "utf-8";

/* Colorset Reset */
.at-page { background: none; padding:0px 0px 15px; border:0; margin-bottom:20px; }
.at-page.at-page-mobile { padding:0px 0px 15px; }

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin: 0; padding: 0;}
em, address{font-style:normal}
li { display: list-item; text-align: -webkit-match-parent; }

.rank_lst .rank_num { width: 40px; }


.treeview-menu {
    margin-left: 0px !important;
}

.rank_lst {  padding-right: 0; padding-left: 0; }
.rank_num { display: table-cell; color: #e2458f; vertical-align: middle; text-align: center; font-size: 25px; font-family: "Roboto", sans-serif; }
.rank_lst { padding-top: 0; padding-bottom: 8px; list-style: none; }

.blind, .newsct_body caption { visibility: hidden; overflow: hidden; position: absolute; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; }

.rank_tab{display:table;width:100%;border-bottom:1px solid #ededed}
.rank_tab li{display:table-cell;width:33.333%;vertical-align:top;white-space:nowrap}
.rank_tab li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;padding:12px 0;text-align:center}
.rank_tab li span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:30px;vertical-align:middle;line-height:32px;color:#898989;font-size:16px;font-family:AppleSDGothicNeo-Light, sans-serif-light}
.rank_tab li.selected span{padding:0 15px;border:1px solid #e2458f;border-radius:17px;line-height:30px;color:#e2458f}
.rank_tab li:first-child > a{padding-left:15px}
.rank_tab li:last-child > a{padding-right:15px}
.rank_tab_wrp { background-color:#fff; }


.rank_lst li:first-child { padding-top: 0; }
.rank_lst .tx { max-height: 39px; margin: 0; padding-top: 0px; line-height: 20px; }

.index .rank_lst a { padding-right: 15px; }
.index .rank_lst .rank_num em { margin-left: 0; }

.ng-scope { margin-left:0; }
.news_lst { background: #fff; list-style: none; }
.news_lst ul { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; }
.news_lst li{border-bottom:1px solid #ededed; }
.news_lst li:first-child{padding-top:4px}
.news_lst li:nth-child(5n){border-bottom:1px solid #d4d4d4}
.news_lst a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:table;position:relative;width:100%;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:15px}
.news_lst .tit_area{display:table-cell;height:60px;vertical-align:middle}
.news_lst .tx{max-height:42px;margin:1px 0 -1px;padding:0 17px 0 0;font-size:14px;letter-spacing:-1px;color:#141414;line-height:22px;font-family:AppleSDGothicNeo-Light, sans-serif-light;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news_lst .time{display:inline-block;padding-top:6px;font-size:12px;line-height:12px;color:#595959;font-family:AppleSDGothicNeo-Light, sans-serif-light;vertical-align:top}
.news_lst .press{display:inline-block;padding-top:6px;font-size:12px;line-height:12px;color:#595959;font-family:AppleSDGothicNeo-Light, sans-serif-light, HelveticaNeue-Light, sans-serif-light;vertical-align:top}
.news_lst .time + .press{color:#898989}
.news_lst .time + .press:before{display:inline-block;content:'';width:1px;height:9px;margin:1px 5px 0 0;background:#eee;vertical-align:top}
.news_lst .thumb{position:relative;display:table-cell;width:82px;vertical-align:middle}
.news_lst .thumb img{width:100%;height:60px;vertical-align:top}
.news_lst .thumb:after, .hd_bx::after, .hd_lst .thumb:after, .play_lst .thumb:after, .star_photo_wrp a:after, .ent_scr_li a:after{display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;}


.rank_lst{padding-top:0;padding-bottom:8px;padding-left:15px;padding-right:15px}
.rank_lst li:first-child{padding-top:0}
.rank_lst li:last-child{border-bottom:0}
.rank_lst li:nth-child(n+10) .rank_num em{font-size:22px}
.rank_lst a{padding:12px 0}
.rank_lst .rank_num{width:24px}
.rank_lst .rank_num em{margin-left:-12px;margin-top:-12px}
.rank_lst .tx{max-height:39px;margin:0;padding-top:0px;line-height:20px}
.rank_lst .hit, .rank_lst .reply{display:inline-block;margin:3px 0 -4px;vertical-align:top;color:#595959;font-size:12px;font-family:HelveticaNeue-Light, sans-serif-light}
.rank_lst .hit{padding-left:2px}
.rank_lst .reply:before{display:inline-block;content:'';width:13px;height:13px;margin:3px 3px -3px 0;background-position:-45px -225px}
html[data-useragent*="Android"] .rank_lst .reply:before{vertical-align:-2px}
.index .rank_lst{min-height:2550px;padding-right:0;padding-left:0}
.index .rank_lst .rank_num{width:40px}
.index .rank_lst .rank_num em{margin-left:0}
.index .rank_lst a{padding-right:15px}
.rank_num{display:table-cell;color:#e2458f;vertical-align:middle;text-align:center;font-size:25px;font-family:HelveticaNeue-Thin, sans-serif-thin}
.rank_num em{display:block;width:40px}
.rank_pg{ background-color:#fff ; position:relative;height:56px;padding:0 38px;line-height:56px;text-align:center;border-top:1px solid #d4d4d4}
.rank_pg p{font-size:16px;color:#141414;font-family:AppleSDGothicNeo-Light, sans-serif-light}
.rank_pg .date{margin-right:7px;font-size:17px;font-family:HelveticaNeue-Light, sans-serif-light}
.rank_pg .btn_arr{position:absolute;top:0;display:block;width:38px;height:56px}
.rank_pg .btn_arr .ico_arr{display:block;width:100%;height:100%}
.rank_pg .btn_arr .ico_arr:before{display:block;content:'';position:absolute;top:20px;left:15px;width:9px;height:17px}
.rank_pg .btn_arr.prev{left:0}
.rank_pg .btn_arr.prev a.ico_arr:before{background-position:0 -150px}
.rank_pg .btn_arr.prev span.ico_arr:before{background-position:-15px -150px}
.rank_pg .btn_arr.next{right:0}
.rank_pg .btn_arr.next a.ico_arr:before{background-position:-30px -150px}
.rank_pg .btn_arr.next span.ico_arr:before{background-position:-45px -150px}

/*모바일*/
<style>
.rank_tab {  display: table;  width: 100%;  padding-top:15pdx; border-bottom: 1px solid #ededed;}
ul.tabs {  background-color: #fff;}
ul.tabs li { float: left;  text-align:center;  cursor: pointer;  width:33.333%;  height: 31px;  line-height: 31px; padding: 0 15px;  border-left: none;  font-weight: bold;  background: #ffffff;  overflow: hidden;  position: relative;}
ul.tabs li.active {  padding: 0 15px; border: 1px solid #e2458f;  border-radius: 17px;  line-height: 30px; color: #e2458f !impart;}
.tab_container {  border: 1px solid #eee;  border-top: none;  clear: both;  background: #FFFFFF;}
.tab_content {  padding: 5px;   font-size: 12px;   display: none;}
.tab_container .tab_content ul {  width:100%;  margin:0px;  padding:0px;}
.tab_container .tab_content ul li {  padding:5px;  list-style:none}

.tagList {overflow:hidden; padding:5px 0; margin:0 -3px;  }
.tagList li {float:left; margin:5px 3px; white-space:nowrap; border-radius:2px; -webkit-border-radius:2px; background-color:#e4e4e4; -webkit-box-shadow:1px 1px 1px 0px rgba(255, 255, 255, 1); -moz-box-shadow:1px 1px 1px 0px rgba(255, 255, 255, 1); box-shadow:1px 1px 1px 0px rgba(255, 255, 255, 1);}
.tagList li a {display:block; padding:6px 10px; color:#676767; font-size:11px; letter-spacing:-0.05em;}

.tabList {width:100%; z-index:10; display:table; background-color:#fff; }
.tabList:after {content:" "; display:block; clear:both;}
.tabList li {display:table-cell; position:relative; min-width:75px; text-align:center; padding:11px 0; font-size:13px; color:#999; cursor:pointer; text-shadow:1px 1px 0 #fff; -webkit-text-shadow:1px 1px 0 #fff; font-family:helveticaNeue, helvetica, sans-serif !important;}

.tabList li.active-nav {border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.15); background:#fff; color:#e2458f; font-weight:bold;}
.tabList li.active-nav:after {background-color:#e2458f; height:3px; width:100%; left:0; top:0; position:absolute; content:''; -webkit-border-top-left-radius:3px; border-top-right-radius:3px;}
.tabList li.active-nav span {position:absolute; width:100%; height:10px; left:0; bottom:-4px; background-color:#fff;}
.tabList li.active-nav span:after {content:''; position:absolute; left:50%; top:-2px; margin-left:-3px; width:0; height:6px; border-style:solid; border-width:3px 3px; border-color: #d60000 transparent transparent transparent;}

.tabCont {overflow:hidden;}


.simpleList {overflow:hidden; padding:2px;}
.simpleList li {float:left; width:33.33333%; padding:8px 6px; text-align:center;}
.simpleList li a {display:block; width:90px; margin:0 auto;}
.simpleList li p {position:relative;}
.simpleList li p img {width:90px; height:90px;}
.simpleList li span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.2; text-align:center; font-size:11px; color:#555; padding-top:7px;}
.simpleList li .price {font-size:10px; text-align:center; color:#555; padding-top:3px;}

.swiper-container {position:relative; overflow:hidden;}
.swiper-wrapper {position:relative; margin:0;}
.swiper-slide {float:left; position:relative;}
.inner5.tabArea.tMar20 {
    margin-bottom: 30px;
}