@charset "utf-8";

@import 'common.css';

/* layout */
#skipnavigation, #skipnavigation a {position:absolute;z-index:-1;font-size:1px;line-height:1px;color:transparent}

#wrap {width:100%;min-width:320px;overflow-y:auto;min-height:100%;position:relative}
#popWrap {position:fixed;left:0;top:0;bottom:0;left:0;background:#000}
#header {position:relative;height:55px;border-bottom:1px solid #d9d9d9;background-color:#fff;box-shadow:0 0 3px #e5e5e5;z-index:50}
#container {padding:25px 0 0;}
#footer {background-color:#fff;padding:25px 0 50px;text-align:center}

#container h2 {padding:0 15px 10px;font-size:1rem;color:#000;font-weight:bold;line-height:1.2rem;border-bottom:2px solid #000}
#container h2 > span {display:inline-block;margin-left:3px;font-size:0.85rem;color:#999;line-height:1.3rem;}

#container article {position:relative}
#container .btnLink {position:absolute;top:2px;right:15px;font-size:0.85rem;color:#000;line-height:1.3rem}

#header h1 {text-align:center;vertical-align:middle;height:55px}
#header h1 a {display:inline-block;margin-top:14px;text-align:center}
#header h1 img {width:55%;min-width:82px}
#header .btnOpen {display:inline-block;position:absolute;left:5px;top:2px;width:48px;text-align:center;line-height:48px;overflow:hidden}
#header .btnOpen img {width:50%;vertical-align:middle}
#header .slideLogin {padding:30px 15px;background-color:#000}
#header .slideLogin a {display:block;height:34px;padding-left:42px;font-size:1rem;letter-spacing:-0.8px;vertical-align:middle;color:#fff;line-height:2em;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;position:relative}
#header .ico_login:before {content:"";position:absolute;top:1px;left:2px;width:29px;height:29px;background:url(../images/ico_login.png) no-repeat center;background-size:50%;overflow:hidden}
#header .ico_login:after {content:"";position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;background-color:transparent;border:1px solid #fff;overflow:hidden}
#header .ico_logout:before {content:"";position:absolute;top:1px;left:2px;width:29px;height:29px;background:url(../images/ico_logout.png) no-repeat center;background-size:50%;overflow:hidden}
#header .ico_logout:after {content:"";position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;background-color:transparent;border:1px solid #fff;overflow:hidden}
#navBox {width:240px;position:fixed;top:0px;left:-100%;bottom:0;background-color:#fff;box-shadow:3px 0 10px #000;height:100%;overflow-y:auto;z-index:100}
#slideMenu {width:240px;z-index:101}
#slideMenu > ul {text-align:left;height:100%;overflow-y:auto}
#slideMenu > ul > li > a {padding:10px 0 10px 20px;display:block;color:#000;font-size:1rem;font-weight:bold;border-bottom:1px solid #d7d8d9;position:relative}
#slideMenu > ul > li > a:after {content:"";position:absolute;top:0;right:17px;width:28px;height:43px;background:url(../images/ico_off.png) no-repeat right center;background-size:70%;overflow:hidden}
#slideMenu > ul > li.active > a:after {content:"";position:absolute;top:0;right:17px;width:28px;height:43px;background:url(../images/ico_on.png) no-repeat right center;background-size:70%;overflow:hidden}
#slideMenu > ul > li > ul {display:none;background:#fff;border-bottom:1px solid #d7d8d9;padding:10px 0}
#slideMenu > ul > li > ul > li a {display:block;color:#666;font-size:0.95rem;line-height:1.5rem;padding:5px 20px}
#slideMenu > ul > li > ul > li a:focus, #slideMenu > ul > li > ul > li a.on {color:#ff9c00;font-weight:bold}
#slideMenu > ul > li > ul > li .ico_certify {display:inline-block;width:20px;height:20px;margin-right:5px;background:url(../images/ico_certify.gif) left center no-repeat;vertical-align:middle}
#slideMenu > ul > li > ul > li .label_orange {display:inline-block;margin-right:5px;background-color:#ff8e32;color:#fff;font-size:0.75rem;font-weight:normal;line-height:0.78rem;padding:0 5px;height:20px;line-height:20px;vertical-align:middle;border-radius:3px;-webkit-border-radius:3px}
#navBox .btnClose {display:inline-block;position:absolute;right:5px;top:20px;width:48px;text-align:center;line-height:48px;overflow:hidden;z-index:101}
#navBox .btnClose img {width:40%;vertical-align:middle}
#header .activeBg {display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:99;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}

#footer .footMenu {margin-bottom:15px}
#footer .footMenu > ul {display:table;table-layout:fixed;margin:0 auto}
#footer .footMenu li {display:table-cell;vertical-align:middle}
#footer .footMenu li a {display:block;padding:0.3rem 0.4rem;margin:0 0.15rem;font-size:0.85rem;color:#585858;font-weight:normal;letter-spacing:-0.8px;line-height:1.2rem;border:1px solid #ddd}
#footer .footMenu li a:focus {border-color:transparent;background-color:#000;color:#f2f2f2}
@media (max-width:350px){
  #footer .footMenu li a {padding:0.3rem 0.15rem;margin:0;border:0;letter-spacing:-0.1rem}
  #footer .footMenu li a:after {content:"|";position:relative;right:0;padding-left:5px;color:#ccc}
  #footer .footMenu li:last-child a:after {content:"";padding-left:0}
  #footer .footMenu li a:focus {border-color:transparent;background-color:transparent;color:#ff9c00}
}
#footer address,
#footer .copyright {display:block;font-size:0.85rem;color:#585858;font-weight:normal;font-style:normal;line-height:1.3rem}
#back-top {position:fixed;right:15px;bottom:15px;z-index:90}
#back-top .btnTop {display:block;text-indent:-999999rem;width:48px;height:48px;border-radius:50%;background-color:#000;box-shadow:0 2px 3px #666;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;-webkit-transition:1s;-moz-transition:1s;transition:1s}
#back-top .btnTop:before {content:"";position:absolute;bottom:0;right:0;width:48px;height:48px;background:url(../images/btn_top.png) no-repeat center;background-size:50%;overflow:hidden}


/** main content **/
/* chart list */
#container.main .musicList {margin-bottom:20px}
#container .musicList ul {background-color:#fafafa}
#container .musicList li {padding:7px 15px;height:57px;border-bottom:1px solid #d7d8d9;position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
#container .musicList li a {display:block;width:90%;height:100%;position:relative;*zoom:1}
#container .musicList li a:after {content:"";display:block;clear:both}
#container .musicList li .thumb {position:absolute;left:0;top:0;width:55px;height:55px}
/*#container .musicList li .thumb:after {content:"";position:absolute;top:0;left:0;width:53px;height:53px;border:1px solid #000;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1}*/
#container .musicList li .thumb:after {content:"";position:absolute;top:0;left:0;width:53px;height:53px;border:none;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1}
#container .musicList li .thumb img {width:100%}
#container .musicList li .rankBox {position:absolute;left:70px;top:0;width:38px;height:100%;text-align:center;margin-top:4px}
#container .musicList li .rankBox .rank {font-family:Helvetica,Open Sans;font-size:1.3rem;font-weight:bold;line-height:1.3rem;letter-spacing:-0.1rem}
#container .musicList li:nth-child(1) .rankBox .rank {color:#f40000}
#container .musicList li:nth-child(2) .rankBox .rank {color:#fdb811}
#container.main .musicList li:nth-child(3) .rankBox .rank {color:#c5dc52}
#container .musicList li:nth-child(3) .rankBox .rank {color:#ff8e32}
#container.main .musicList li:nth-child(4) .rankBox .rank {color:#ff8e32}
#container .musicList li:nth-child(4) .rankBox .rank {color:#c5dc52}
#container .musicList li:nth-child(5) .rankBox .rank {color:#379d00}
#container .musicList li .rankBox .change {font-size:0.95rem;line-height:0.9rem;color:#99999a}
#container .musicList li .rankBox .change.new {color:#fdb811}
#container .musicList li .rankBox .change.hot {color:#f40000;font-size:0.82rem}
#container .musicList li .rankBox .change.none, #container .musicList li .rankBox .change.up, #container .musicList li .rankBox .change.down {line-height:1.2rem;background:url(../images/rank_change_icon.png) no-repeat;background-size:15px auto}
#container .musicList li .rankBox .change.up {padding-left:12px !important;background-position:3px -20px}
#container .musicList li .rankBox .change.down {padding-left:12px !important;background-position:3px -43px}
#container .musicList li .rankBox .change.none {font-size:0;background-position:center 0}
#container .musicList li .musicInfo {float:left;padding-left:120px;width:100%;height:100%;margin-top:4px}

#container .musicList li .musicInfo .tit {font-size:1rem;font-weight:bold;color:#000}
#container .musicList li .musicInfo .txt {font-size:0.95rem;color:#999;}
#container .musicList li .musicInfo .tit, #container .musicList li .musicInfo .txt {line-height:1.2rem;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap}
#container .musicList li .rankBox > *, #container .musicList li .musicInfo > * {display:block;padding:3px 0}

/* NEWS LIST */
#container.main .newsList:last-child {margin-bottom:0}
#container .newsList, #container .otherList {margin-bottom:20px}
#container.main .newsList ul {background-color:#fafafa}
#container .otherList ul {background-color:#fafafa}
#container .newsList li,
#container .otherList li {padding:7px 15px 10px;border-bottom:1px solid #d7d8d9;position:relative}
#container .newsList li a,
/*#container .otherList li a {display:block;width:100%;height:100%;vertical-align:middle;position:relative}*/
#container .otherList li a {display:block;width:100%;vertical-align:middle;position:relative}
#container .newsList li .tit,
#container .otherList li .tit {float:none;display:block;width:100%;font-size:1rem;font-weight:bold;line-height:1.2rem;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
#container .newsList li .viewGroup,
#container .otherList li .viewGroup {position:relative;height:85px;*zoom:1;vertical-align:top}
#container .newsList li .viewGroup:after,
#container .otherList li .viewGroup:after {content:"";display:block;clear:both}
#container .newsList li .thumb,
#container .otherList li .thumb {position:absolute;top:-2px;left:0;width:85px;height:85px;vertical-align:middle;text-align:center;background-color:#fff;overflow:hidden}
#container .newsList li .thumb:after,
#container .otherList li .thumb:after {content:"";position:absolute;top:0;left:0;width:83px;height:83px;border:1px solid #000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7}
#container .newsList li .thumb img,
#container .otherList li .thumb img {width:100%;min-height:85px;vertical-align:top}
#container .newsList li .txtBox,
#container .otherList li .txtBox {float:left;padding-left:100px;height:85px;overflow:hidden;vertical-align:top}
#container .newsList li .txt,
#container .otherList li .txt {display:table;width:100%;height:83px;vertical-align:middle}
#container .newsList li .txt > span,
#container .otherList li .txt > span {display:table-cell;height:83px;font-size:0.95rem;color:#999;line-height:1.33rem;vertical-align:middlen}


/** sub content **/
/* page title */
#container.sub .tabmenuBox > h2 {font-size:1rem;line-height:1.2rem}
/* tabMenu */
#container.sub .tabmenuBox > #tabMenu {position:absolute;bottom:0;right:15px}
#container.sub .tabmenuBox > #tabMenu ul {display:table} 
#container.sub .tabmenuBox > #tabMenu li {display:table-cell;position:relative}
#container.sub .tabmenuBox > #tabMenu li a {display:block;font-size:1rem;color:#999;line-height:1.2rem;text-align:left;padding-bottom:13px;padding-right:8px;margin-right:8px;vertical-align:middle;position:relative}
#container.sub .tabmenuBox > #tabMenu li a:focus {color:#ff9c00}
#container.sub .tabmenuBox > #tabMenu li.active:before {content:"▲";position:absolute;bottom:-1.5px;left:0;width:58%;font-size:0.75rem;line-height:0.85rem;text-align:center}
#container.sub .tabmenuBox > #tabMenu li.active a {font-weight:bold;color:#000}
#container.sub .tabmenuBox > #tabMenu li.active a:hover,
#container.sub .tabmenuBox > #tabMenu li.active a:focus {color:#000}
#container.sub .tabmenuBox > #tabMenu li a:after {content:"|";position:relative;right:-8px;color:#ddd;font-weight:100}
#container.sub .tabmenuBox > #tabMenu li:last-child a {padding-right:0;margin-right:0}
#container.sub .tabmenuBox > #tabMenu li:last-child a:after {content:""}
/* sub title */
#container.sub .titBox {padding:20px 0 15px;position:relative;*zoom:1}
#container.sub .titBox:after, #container.sub .boxGroup:after {content:"";display:block;clear:both}
#container.sub .titBox > h3 {width:50%;height:38px;padding:0 15px;font-size:1rem;line-height:32px;font-weight:bold;color:#000}
#container.sub .titBox > .chart_select select {font-weight:bold}
/* 날짜선택 */
#container.sub .titBox > .chart_select {position:absolute;top:14px;left:11px;width:145px;border:0;outline:0;text-align:left;z-index:5}
#container.sub .titBox > .chart_select .select {border:0;color:#999}
/* 차트순위검색 */
#container.sub .btnChartsearch {position:absolute;top:17px;right:55px;width:35px;height:35px;font-size:0;border:0;background:url(../images/btn_chart_search.png) 100% 50% no-repeat;background-size:30px auto;outline:0;cursor:pointer;z-index:5}
#container.sub .SearchForm {display:block;overflow:hidden;padding:15px 15px 10px;text-align:center;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #fff}
#container.sub .SearchForm .control-group,
#container.sub .SearchForm .searchBox {width:100%;height:100%;text-align:left;display: inline-block;}
#container.sub .SearchForm .searchBox {margin: 0;vertical-align: middle;margin-top: 1px !important;}
#container.sub .SearchForm #searchInput {float:left;width:79.5%;margin-right:5px;height:38px;padding:0 32px 0 5px;background-color:#fff;outline:0;border:0;border:1px solid #ddd;margin:0 0 5px}
#container.sub .SearchForm .btnSearch {float:left;width:20%;height:38px;color:#777;font-weight:bold;padding:5px;border:1px solid #ddd;border-left:0;background-color:#ddd;margin:0 0 5px}
#container.sub .SearchForm .select {display:inline-block;width:100%;margin:0 0 5px;padding:0 25px 0 5px;}
#container.sub .SearchForm .select select {color:#999}
@media (min-width:320px){
  #container.sub .SearchForm .select {width:49%}
}
@media (min-width:481px){
  #container.sub .SearchForm #searchInput {width:78%}
  #container.sub .SearchForm .select {width:24%}
}
@media (min-width:781px){
  #container.sub .SearchForm .control-group,  #container.sub .SearchForm .searchBox {display:inline-block;width:auto;margin:0;text-align:left}
  #container.sub .SearchForm #searchInput {width:210px;margin-right:0;margin-left:0}
  #container.sub .SearchForm .btnSearch {width:60px;margin-left:0;margin-right:0}
  #container.sub .SearchForm .select {display:inline-block;width:95px}
  #container.sub .SearchForm .select:first-child {width:170px}
}
/* 정렬선택 */
#container.sub #sortMenu {width:100%}
#container.sub #sortMenu ul {display:table;width:100%;height:38px;overflow:hidden;*zoom:1}
#container.sub #sortMenu ul:after {content:"";display:block;height:0;clear:both;visibility:hidden;line-height:0em}
#container.sub #sortMenu ul li {display:table-cell;width:33.39%;height:38px;vertical-align:top;background-color:#eee;border:1px solid #d7d8d9;border-left:0;border-right:0;position:relative}
#container.sub #sortMenu ul li:after {content:"";position:absolute;top:0;left:0;display:inline-block;width:1px;height:38px;border-left:1px solid #d7d8d9;z-index:1}
#container.sub #sortMenu ul li a {display:block;font-size:0.95rem;line-height:36px;height:38px;color:#000;text-align:center}
#container.sub #sortMenu ul li.active {border:1px solid #000;border-bottom-color:#fff;background-color:#fff;color:#000;font-weight:bold}
#container.sub #sortMenu ul li:first-child:after {border-left:0}
/* 순위집계 문구 */
#container.sub .guideBox {padding:15px 15px 0;font-size:0.75rem;color:#666;line-height:0.95rem}
/* sub chart list */
#container.sub .musicList {border-top:1px solid #d7d8d9}
#container.sub .musicList li {height:77px}
#container.sub .musicList li .thumb {top:1px;width:75px;height:75px}
#container.sub .musicList li .thumb:after {width:73px;height:73px}
#container.sub .musicList li .rankBox {left:90px}
#container.sub .musicList li .musicInfo {padding-left:140px}
#container.sub .musicList li .musicInfo .txt > i {display:inline-block;margin-left:10px;margin-top:-5px;vertical-align:middle;font-style:normal;font-size:inherit;color:inherit;line-height:inherit;position:relative}
#container.sub .musicList li .musicInfo .txt > i:before {content:"|";position:absolute;left:-10px;font-size:0.85rem;color:#ccc;font-weight:100}
#container.sub .musicList li .musicInfo .count {display:inline-block;font-size:0.75rem;color:#000;font-weight:bold;line-height:1rem;padding:3px 6px 3px 0}
#container.sub .musicList li .musicInfo .count > i {display:none;font-style:normal;font-size:0;line-height:16px;width:16px;height:16px;background:url(../images/ico_gaonjisu.png) center no-repeat;background-size:100%;vertical-align:middle;margin-right:2px}
#container.sub .musicList li .rankBox > *, #container.sub .musicList li .musicInfo > * {line-height: 1.2rem}
/* 가온인증마크 */
#container.sub .musicList li .certifyBox {width:20px;height:20px;margin:-2px auto 0;text-align:center}
#container.sub .musicList li .certifyBox img {width:100%}

/* NEWS LIST */
#container.sub .titBox.boardSearch {padding:15px;text-align:center}
#container.sub .titBox.boardSearch .SearchForm {border:0;padding:0}
#container.sub .titBox.boardSearch #searchFrom {display:inline-block;width:100%;text-align:center}
#container.sub .titBox.boardSearch .control-group {width:28%;text-align:left;}
#container.sub .titBox.boardSearch .searchBox {width:70%;text-align:left;position:relative;margin-top: 3px !important;}
#container.sub .titBox.boardSearch .searchBox #searchInput {width:100%;margin-right:0;margin-bottom:0}
#container.sub .titBox.boardSearch .searchBox #searchInput:focus {border-color:#000}
#container.sub .titBox.boardSearch .searchBox .btnSearch {width:20%;padding:5px 10px;text-indent:-9999rem;background:#000 url(../images/btn_board_search.png) center no-repeat;background-size:30px auto;border:0;outline:0;margin:auto;position:absolute;top:0;right:0;bottom:0;z-index:10;width:38px;height:38px;}
#container.sub .titBox.boardSearch .control-group .select {width:100%;margin-bottom:0}
@media (min-width:481px){
  #container.sub .titBox.boardSearch .searchBox .btnSearch {width:60px}
}
@media (min-width:781px){
  .titBox.boardSearch .SearchForm .select:first-child {width:inherit}
}
#container.sub .newsList {border-top:1px solid #d7d8d9}

/* NEWS VIEW */
#container.sub .boardView {padding:20px 15px 0}
#container.sub .boardView > h3 {padding-bottom:10px;font-size:1.2rem;border-bottom:1px solid #d7d8d9;line-height:1.5rem;vertical-align:top}
#container.sub .boardView .board_cont {padding:15px 0;border-bottom:1px solid #d7d8d9;font-size:0.95rem;line-height:1.33rem;vertical-align:top}
#container.sub .boardView .board_cont .writer {color:#979797;font-size:0.75rem;margin:15px 0 0}
#container.sub .boardView .otherList {margin:25px -15px 0}
#container.sub .boardView .otherList > h4 {font-size:1rem;padding:0 15px 10px;line-height:1.2rem}
#container.sub .boardView .otherList ul {border-top:1px solid #d7d8d9}
#container.sub .boardView .btn_wrap {margin:15px auto 25px}

/* NEWS WRITE */
#container.sub .boardWrite {padding:20px 15px 0}
#container.sub .boardWrite .row > label {display:block;padding:5px 0;color:#000}
#container.sub .boardWrite .row input,#container.sub .boardWrite .row .select,#container.sub .boardWrite .row textarea {border-color:#939393 !important;color:#828282;}
#container.sub .boardWrite .row input:focus,#container.sub .boardWrite .row .select:focus,#container.sub .boardWrite .row textarea:focus {border-color:#000 !important;color:#000}
#container.sub .boardWrite .row .sign {display:block;font-size:1rem;color:#000;text-align:center;padding:0 5px;line-height:34px}
#container.sub .boardWrite .row .form_group {display:table;width:100%}
#container.sub .boardWrite .row .form_group > * {/*float:left;*/display:table-cell;vertical-align:middle}
#container.sub .boardWrite .row .form_group .inputDefault {/*! width:50% *//*! width:100%; */}
#container.sub .boardWrite .row .form_group .sign {width:5%}
#container.sub .boardWrite .row .form_group .control-group {/*! width:100% */width:40%}
#container.sub .boardWrite .row .form_group .select {margin-top:-6px}
#container.sub .boardWrite .row .form_group .select select {color:#828282;padding:0 5px}
#container.sub .boardWrite .btn_wrap {margin:10px auto 15px}
#container.sub .boardWrite .btn_wrap .btn{width:auto;/*! min-width:160px */}

/* 페이징 - 더보기 */
#container .morePagination {margin:0;background-color:#eee;border:1px solid #eee}
#container .morePagination button {height:48px;width:100%;font-size:0.85rem;color:#666;text-align:center;background:#eee;border:0}
#container .morePagination a {height:48px !important;width:100%;font-size:0.85rem;color:#666;text-align:center !important;background:#eee;border:0}
#container .morePagination span {display:inline-block;position:relative;padding:0 10px 0 18px;font-size:0.85rem;color:#666;line-height:2}
#container .morePagination span:before {-webkit-transform:rotate(-45deg);content:'';display:block;position:absolute;top:50%;left:3px;height:8px;width:2px;margin-top:-3px;transform:rotate(-45deg);border-radius:0 0 1px 0;background-color:#838383}
#container .morePagination span:after {-webkit-transform:rotate(45deg);content:'';display:block;position:absolute;top:50%;left:8px;height:8px;width:2px;margin-top:-3px;transform:rotate(45deg);border-radius:0 0 0 1px;background-color:#838383}

/* Login */
#container.sub .login {padding:20px 20px 30px}
#container.sub .login .control-group {padding:0;height:22px;line-height:1rem}
#container.sub .login .btn_wrap {margin:10px auto 15px}
#container.sub .login .btn_wrap .btn {width:100%}
#container.sub .login .btn_wrap  .btn.btn_txt {width:auto}

/* Certification */
#container.sub .certification {padding:20px 0 0}
#container.sub .certification > div {padding:0 15px 5px}
#container.sub .certification h3 {font-size:1.2rem;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #d7d8d9}
#container.sub .certification h3 > .txt_font12 {font-weight:normal}
#container.sub .certification .txt {font-size:0.85rem;line-height:1.3rem}
#container.sub .certification h4 {font-size:0.95rem;margin-bottom:10px}
#container.sub .certification h4 > span {display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;border-radius:50%;background:#e7943f}
#container.sub .certification dl {background:#4a4a4a;border:1px solid #4a4a4a;width:100%}
#container.sub .certification dt {display:block;padding:8px;font-size:0.95rem;color:#fff;text-align:center;font-weight:bold}
#container.sub .certification dd {background:#fff;font-size:0.95rem;padding:10px;word-break:keep-all}
#container.sub .certification dd.txt li {position:relative}
#container.sub .certification dd.txt li:before {content:"-";position:relative;left:0;top:0;bottom:0;padding-right:7px}
#container.sub .certification .certifyBox {margin:15px auto 0}
#container.sub .certification .certifyBox.bgOrange {border-color:#e7943f !important}
#container.sub .certification .certifyBox.bgSilver {border-color:#999 !important}
#container.sub .certification .certifyBox.bgGold {border-color:#d1b13f !important}
#container.sub .certification .certifyBox dd {display:table;width:100%}
#container.sub .certification .certifyBox .markGroup {display:table-cell;width:50%;padding:10px 0}
#container.sub .certification .certifyBox .markGroup * {display:block;font-size:0.85rem;text-align:center;margin:0 auto 5px}
#container.sub .certification .certifyBox .markGroup .mark img {width:40%;max-width:117px}
#container.sub .certification .certifyBox .markGroup .mark_point {font-style:italic;line-height:26px;max-width:117px;border:1px solid #999;border-radius:6px;height:28px;margin:0 auto}
#container.sub .certification .certifyList {margin-top:15px;padding:0}
/*#container.sub .certification .certifyList ul {border-top:1px solid #d7d8d9;background-color:#fff}*/
#container.sub .certification .certifyList li {padding:7px 15px;min-height:57px;border-bottom:1px solid #d7d8d9;position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
#container.sub .certification .certifyList li a {display:block;width:90%;height:100%;position:relative;*zoom:1}
#container.sub .certification .certifyList li a:after {content:"";display:block;clear:both}
#container.sub .certification .certifyList .certifyInfo {position:absolute;left:0;top:0;bottom:0;width:40px;height:40px;margin:auto}
#container.sub .certification .certifyList .musicInfo {padding-left:60px;width:100%;height:100%;margin-top:4px}
#container.sub .certification .certifyList .musicInfo > * {display:block}
#container.sub .certification .certifyList .musicInfo .tit {font-size:0.95rem;font-weight:bold;color:#000}
#container.sub .certification .certifyList .musicInfo .txt {font-size:0.95rem;color:#999}
#container.sub .certification .certifyList .musicInfo .tit, #container.sub .certification .certifyList .musicInfo .txt {line-height:1.2rem;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap}
#container.sub .certification .certifyList .musicInfo .txt > i {display:inline-block;margin-left:10px;margin-top:-5px;vertical-align:middle;font-style:normal;font-size:inherit;color:inherit;line-height:inherit;position:relative}
#container.sub .certification .certifyList .musicInfo .txt > i:before {content:"|";position:absolute;left:-10px;font-size:0.85rem;color:#ccc;font-weight:100}
#container.sub .certification .certifyList .date {padding-left:60px;width:100%;height:100%;margin-top:4px;font-size:0.75rem;color:#999}

/* BORDER LIST - FAQ형태 */
#container.sub .boardList {position:relative}
#container.sub .boardList .board_faq {border-top:1px solid #d7d8d9}
#container.sub .boardList .board_faq .q {padding:10px 15px;font-weight:bold;color:#000;font-size:1rem;line-height:1.5rem;background:#fff;border-bottom:1px solid #d7d8d9;cursor:pointer;position:relative}
#container.sub .boardList .board_faq .q .select__arrow {z-index:1;right:15px}
#container.sub .boardList .board_faq .q .select__arrow:after {border-left-color:#fff}
#container.sub .boardList .board_faq .q.show {background:#fafafa}
#container.sub .boardList .board_faq .q.show .select__arrow:after {border-left-color:#fafafa}
#container.sub .boardList .board_faq .q .date {display:block;font-size:0.75rem;color:#999;font-weight:normal}
#container.sub .boardList .board_faq .a {padding:15px;font-size:0.95rem;line-height:1.33rem;border-bottom:1px solid #d7d8d9}
#container.sub .boardList .board_faq .a .writer {color:#979797;font-size:0.75rem;margin:15px 0 0}
#container.sub .boardList .board_faq li a {display:block;color:#000}

#chart_year_select
{
  font-size: 14px !important;
}

.retail_Title
{
  font-size: 16px;
  padding-left: 15px;
  font-weight: bold;
  line-height: 30px;
}

.retail_TimeBox
{
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.retail_TimeBox_Table
{
  width: 100%;
  height: 40px;
  border-collapse:collapse;
}

.retail_TimeBox_Table th, .retail_TimeBox_Table td
{
  border:1px solid #c0c0c0;
  width: 20%;
  font-size: 14px;
  font-weight: bold;
}

.reTimeTd_On
{
  background-color: black;
  color: #fff;
}

.retail_TimeSelect
{
    width: 100%;
    text-align: center;
    height: 30px;
    background-color: #fff;
    border: 1px solid black;
    text-align-last:center;
    margin-top: 5px;
}