@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap';
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: local("NanumBarunGothicLight"), url("/fonts/NanumBarunGothicLight.eot"), url("/fonts/NanumBarunGothicLight.woff2") format("woff2"), url("/fonts/NanumBarunGothicLight.woff") format("woff"), url("/fonts/NanumBarunGothicLight.ttf") format("truetype"); /* Safari, Android, iOS */ }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: local("NanumBarunGothic"), url("/fonts/NanumBarunGothic.eot"), url("/fonts/NanumBarunGothic.woff2") format("woff2"), url("/fonts/NanumBarunGothic.woff") format("woff"), url("/fonts/NanumBarunGothic.ttf") format("truetype"); /* Safari, Android, iOS */ }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: local("NanumBarunGothicBold"), url("/fonts/NanumBarunGothicBold.eot"), url("/fonts/NanumBarunGothicBold.woff2") format("woff2"), url("/fonts/NanumBarunGothicBold.woff") format("woff"), url("/fonts/NanumBarunGothicBold.ttf") format("truetype"); /* Safari, Android, iOS */ }
/* common */
/* Common Style */
* { margin: 0; padding: 0; }
/* set html5 elements to block */
html, body { height: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; text-decoration: inherit; vertical-align: baseline; word-break: break-all; word-wrap: break-word; word-wrap: normal\9; outline: 0; border: 0; background: transparent; }
body { font-family: "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; font-size: 13px; font-weight: 400; color: #3A3635; }
input, button, textarea, select { font-family: "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; vertical-align: middle; }
input[type=text]::-ms-clear { display: none !important; height: 0; width: 0; }
header, h1 { font-size: 100%; }
caption, legend { position: absolute; top: 0; left: 0; overflow: hidden; visibility: hidden; height: 0; width: 1px; font-size: 0; line-height: 0; }
img { vertical-align: top; border: 0 none; /*width:100%;*/ }
select, input { vertical-align: middle; }
textarea:focus, input[type=text]:focus { outline: 0; }
hr { display: none; border: 0 none; }
ol, ul, ul li { list-style: none; }
em { font-style: normal; }
menu li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { word-break: break-word; word-wrap: break-word; }
label { cursor: pointer; }
a { margin: 0; padding: 0; color: #3a3635; vertical-align: baseline; background: transparent; }
button { cursor: pointer; border: 0px none; background-color: transparent; }
button:active { color: inherit; }
a:link, a:visited, a:active, a:focus { text-decoration: none; }
a:hover { text-decoration: underline; }
#wrap { padding-top: 118px; }
#skipNav { position: absolute; top: 0; left: 0; z-index: 1500; }
#skipNav a { display: block; position: absolute; top: 0; left: -1000em; overflow: hidden; height: 29px; width: 160px; text-align: center; background: #000; background: rgba(0, 0, 0, 0.9); }
#skipNav a:active, #skipNav a:focus { left: 0; }
#skipNav a:hover { text-decoration: none; }
#skipNav a span { display: inline-block; padding-left: 3px; color: #FFF; line-height: 29px; }
#skipNav a span:after { content: ''; display: inline-block; margin-left: 8px; vertical-align: middle; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; }
#gnb { position: fixed; width: 219px; border-right: 1px solid #D9D9D9; background-color: #FFF; z-index: 500; }
#gnb.jspScrollable, #gnb .jspContainer { overflow: visible !important; }
#gnb.menuFolding { width: 0 !important; border-right-width: 0 !important; }
#gnb.menuFolding .btns, #gnb.menuFolding nav { display: none; }
#gnb.menuFolding .btnMenuFolding { left: 0 !important; }
#gnb .btnMenuFolding { display: none; position: absolute; top: 25px; left: 219px; cursor: pointer; overflow: hidden; height: 42px; width: 0; padding-left: 24px; font-family: verdana; font-size: 13px; color: #474342; line-height: 40px; border: 1px solid #c4c5c8; border-left: 0; background-color: #FFF; }
#gnb .btnMenuFolding:before { content: ''; position: absolute; top: 50%; left: 8px; margin-top: -4px; height: 9px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: 0 -11px; }
#gnb .btnMenuFolding.close:before { transform: rotate(180deg); -ms-transform: rotate(180deg); }
#gnb .btnMenuFolding:hover { width: 52px; }
#gnb .btnMenuFolding span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
@media (max-width: 1024px) { #gnb .btnMenuFolding { display: block; } }
#gnb .selected { color: #FF3D33 !important; }
#gnb .links { overflow: hidden; padding: 12px 0 4px; border-bottom: 1px solid #efefef; }
#gnb .links .inner { width: 190px; margin-left: 14px; }
#gnb .links .lounge { display: block; position: relative; overflow: hidden; height: 34px; width: 188px; margin-bottom: 5px; padding: 0; font-size: 12px; color: #3a3635; line-height: 36px; text-align: center; border-color: #D9D9D9; }
#gnb .links .lounge:before { content: ''; display: inline-block; margin: -2px 10px 0 0; vertical-align: middle; height: 18px; width: 18px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -215px -503px; }
#gnb .links .link { display: block; position: relative; float: left; box-sizing: border-box; height: 30px; font-size: 12px; line-height: 30px; text-align: center; }
#gnb .links .link:after { position: absolute; top: 50%; right: 0; margin-top: -4px; display: inline-block; content: ''; height: 7px; width: 1px; background-color: #ccc; }
#gnb .links .link:last-child:after { display: none; }
#gnb .links .link.ticket { width: 96px; padding-right: 3px; }
#gnb .links .link.coupon { width: 94px; padding-left: 5px; }
#gnb nav { width: 190px; padding: 16px 0 0 15px; }
#gnb nav .iconNew { display: inline-block; position: absolute; top: 9px; height: 11px; width: 22px; margin-left: 6px; text-indent: -1000em; }
#gnb nav li .bu { position: absolute; top: 0; right: 0; cursor: pointer; height: 30px; width: 26px; text-indent: -10000em; }
#gnb nav li .bu:before { content: ''; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -13px -24px; }
#gnb nav li.open .bu:before { position: absolute; top: 50%; right: 6px; transform: translate(0, -54%) rotate(180deg); -ms-transform: translate(0, -54%) rotate(180deg); }
#gnb nav li.close .bu:before { position: absolute; top: 50%; right: 6px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
#gnb nav li > ul, #gnb nav li.open > ul { display: block; }
#gnb nav li.close { margin-bottom: 12px; }
#gnb nav li.close > ul, #gnb nav li.close > div { display: none; }
#gnb nav li.open, #gnb nav li.close { margin-top: 3px; }
#gnb nav > ul > li { position: relative; padding-bottom: 13px; }
#gnb nav > ul > li > a, #gnb nav > ul > li > strong, #gnb nav > ul > li.mymusic .myalbum > strong { display: block; position: relative; overflow: hidden; height: 30px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); }
#gnb nav > ul > li > a { font-size: 15px; color: #3A3635; line-height: 32px; text-indent: 30px; }
#gnb nav > ul > li > strong { padding: 0 0 0 32px; font-size: 12px; font-weight: normal; color: #A3A3A3; line-height: 29px; }
#gnb nav > ul > li ul { padding: 7px 0 0 31px; }
#gnb nav > ul > li ul li { position: relative; }
#gnb nav > ul > li ul li > a { display: inline-block; font-size: 15px; color: #3A3635; line-height: 28px; background-color: #FFF; }
.msie #gnb nav > ul > li.bugsonTV strong { line-height: 28px; }
#gnb nav > ul > li.mymusic ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#gnb nav > ul > li.mymusic ul li a { display: inline; }
#gnb nav > ul > li.mymusic ul li button { display: none; position: absolute; top: 0; right: 0; height: 26px; width: 22px; text-indent: -1000em; }
#gnb nav > ul > li.mymusic ul li button:before { content: ''; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -107px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#gnb nav > ul > li.mymusic ul li:hover button { display: block; }
#gnb nav > ul > li.mymusic .myalbum { position: relative; margin-top: 9px; }
#gnb nav > ul > li.mymusic .myalbum > strong { padding: 0 0 0 32px; font-size: 12px; font-weight: normal; color: #A3A3A3; line-height: 29px; }
#gnb nav > ul > li.mymusic .myalbum a.edit { position: absolute; top: 0; right: 7px; font-size: 11px; color: #7f7f7f; line-height: 30px; text-decoration: underline; }
#gnb nav > ul > li.mymusic .myalbum .btnNewAlbum { padding: 8px 0 0 32px; }
#gnb nav > ul > li.mymusic .myalbum .btnNewAlbum a { display: inline-block; font-size: 13px; color: #757271; line-height: 28px; }
#gnb nav > ul > li.mymusic .myalbum .btnMoreAlbum { display: inline-block; position: relative; margin: 1px 0 0 33px; padding-right: 14px; font-size: 13px; color: #757271; line-height: 28px; vertical-align: top; }
#gnb nav > ul > li.mymusic .myalbum .btnMoreAlbum:after { content: ''; position: absolute; top: 11px; right: 0; height: 5px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -26px -24px; }
#gnb nav > ul > li.mymusic .myalbum ul { margin-top: -1px; padding-top: 0; }
#gnb nav > ul > li.mymusic .myalbum ul li:hover { padding-right: 20px; }
#gnb nav > ul > li.mymusic .myalbum .loadingFailed { padding: 18px 0 0 33px; }
#gnb nav > ul > li.mymusic .myalbum .loadingFailed p { margin-bottom: 10px; font-size: 13px; color: #999; line-height: 22px; }
#gnb nav > ul > li.mymusic .myalbum .loadingFailed button { position: relative; padding-left: 16px; font-size: 13px; color: #757271; line-height: 22px; }
#gnb nav > ul > li.mymusic .myalbum .loadingFailed button:before { content: ''; margin-top: -1px; height: 12px; width: 11px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -268px -297px; position: absolute; top: 50%; left: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
#gnb nav > ul > li.mymusic .myalbum .loadingFailed button:hover { text-decoration: underline; }
#gnb nav .chart > a { background-position: -349px -68px; }
#gnb nav .news > a { background-position: 0 -245px; }
#gnb nav .music4u > a { background-position: -349px -34px; }
#gnb nav .genre > a { background-position: 0 -313px; }
#gnb nav .special > a { background-position: -349px -102px; }
#gnb nav .connect > a { background-position: -349px -170px; }
#gnb nav .radio > a { background-position: 0 -279px; }
#gnb nav .theme strong { background-position: 0 -177px; }
#gnb nav .bugsonTV strong { background-position: -349px 0; }
#gnb nav .mymusic strong { background-position: 0 -211px; }
#gnb nav .myalbum strong { background-position: -349px -136px; }
#gnb ~ #hyrendContentBody { padding-left: 220px; }
#container { position: relative; min-height: 470px; min-width: 1020px; padding-bottom: 50px; z-index: 1; }
#lnb { border-bottom: 1px solid #d9d9d9; }
.floatingTop { position: fixed; right: 4px; bottom: 40px; height: 64px; width: 32px; z-index: 900; }
.floatingTop a { display: block; text-indent: -1000em; }
.floatingTop .btnTop { height: 32px; width: 32px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -310px -78px; }
.hidden { display: none !important; }
.blind { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.bgGray { background-color: #EFF1F6; }
.sectionPadding { min-width: 940px; padding-right: 40px; padding-left: 40px; }
#container .sectionPadding > .innerContainer { position: relative; max-width: 1580px; margin: 0 auto; }
.msie8 #container .sectionPadding > .innerContainer { position: relative; width: 940px; margin: 0 auto; }
.clear { clear: both; }
.contentsLoading { margin: 100px auto; padding: 30px; color: #757271; line-height: 15px; text-align: center; }
.contentsLoading .loadingImg { height: 44px; width: 50px; margin: 0 auto 20px; background: url("//file.bugsm.co.kr/wbugs/common/ani_loading.gif") no-repeat; background-size: 44px auto; }
label.lb { font-size: 13px; font-weight: 400; color: #757271; }
input[type=checkbox] { height: 16px; width: 16px; }
input[type=text], input[type=tel], input[type=email], input[type=password] { -webkit-appearance: none; height: 33px; width: auto; padding: 1px 10px 0 10px; font-size: 13px; color: #3A3635; line-height: 33px; border: 1px solid #c4c2c2; border-radius: 3px; }
input:focus::-webkit-contacts-auto-fill-button { opacity: 0; }
textarea { -webkit-appearance: none; display: block; height: 124px; width: auto; padding: 10px; font-size: 13px; color: #3A3635; border: 1px solid #c4c2c2; border-radius: 3px; resize: none; }
select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; box-sizing: border-box; min-width: 80px; padding: 8px 5px 8px 10px; font-size: 14px; color: #757271; border: 1px solid #c4c2c2; border-radius: 3px; background: #fff url("//file.bugsm.co.kr/wbugs/common/bu_select.png") 100% 50% no-repeat; }
.msie9 select { background-image: none; }
.msie8 select { background-image: none; }
select::-ms-expand { display: none; }
select.small { padding: 6px 5px 5px 10px; font-size: 13px; background-position: 100% 100%; }
a.btnNormal:hover, button.btnNormal:hover { text-decoration: none; background-color: #f2f3f7; }
.btnNormal { display: inline-block; overflow: hidden; height: 25px; padding: 1px 14px 0px 14px; font-size: 12px; color: #3a3635; line-height: 2.1; text-align: center; vertical-align: middle; border: 1px solid #b4b2b3; background-color: #fff; }
button.btnNormal { box-sizing: content-box; }
.btnNormal:hover, .btnNormal:active, .btnNormal:focus { text-decoration: none; }
span.btnNormal { color: #C4C2C2; border-color: #D9D8D9; }
span.btnNormal:hover { background-color: #FFF; }
.btnNormal.small { height: 20px; padding-right: 9px; padding-left: 9px; line-height: 1.6666667; }
.btnNormal.big { height: 38px; padding: 0px 25px; font-size: 15px; line-height: 2.5; }
.btnNormal.strong { color: #FFF; border: 1px solid #FF564C; background-color: #FF564C !important; }
.btnNormal.strong:hover { border: 1px solid #EE5047; background-color: #EE5047 !important; }
.btnNormal.form { color: #FFF; border: 1px solid #3a3635; background-color: #3a3635 !important; }
.btnNormal.play, .btnNormal.addPlaylist, .btnNormal.changePlaylist, .btnNormal.addAlbum, .btnNormal.newAlbum, .btnNormal.download, .btnNormal.refresh, .btnNormal.like, .btnNormal.radio, .btnNormal.buy, .btnNormal.delete, .btnNormal.edit { position: relative; padding: 1px 10px 0 8px; }
.btnNormal.play:before, .btnNormal.addPlaylist:before, .btnNormal.changePlaylist:before, .btnNormal.addAlbum:before, .btnNormal.newAlbum:before, .btnNormal.download:before, .btnNormal.refresh:before, .btnNormal.like:before, .btnNormal.radio:before, .btnNormal.buy:before, .btnNormal.delete:before, .btnNormal.edit:before { content: ''; display: inline-block; margin-right: 4px; vertical-align: middle; }
.btnNormal.play:before { height: 18px; width: 8px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: 0 -537px; }
.btnNormal.addPlaylist:before { height: 18px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -528px -299px; }
.btnNormal.changePlaylist:before { height: 18px; width: 14px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -265px; }
.btnNormal.addAlbum:before { height: 18px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -467px; }
.btnNormal.newAlbum:before { height: 18px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -445px; }
.btnNormal.download:before { height: 18px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -528px -277px; }
.btnNormal.refresh:before { height: 18px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -65px; }
.btnNormal.like:before { height: 18px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -349px; }
.btnNormal.like.selected:before { height: 18px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -305px; }
.btnNormal.radio:before { height: 18px; width: 17px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px 0; }
.btnNormal.buy:before { height: 18px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -43px; }
.btnNormal.delete:before { height: 18px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -327px; }
.btnNormal.edit:before { height: 18px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -489px; }
.btnNormal.play small { font-size: 11px; }
.btnNormal.prev { padding: 1px 10px 0 8px; }
.btnNormal.prev:before { content: ''; display: inline-block; margin-top: -2px; margin-right: 4px; vertical-align: middle; transform: rotate(180deg); -ms-transform: rotate(180deg); height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; }
span.btnNormal.prev:before { opacity: 0.3; }
.btnNormal.next { padding: 1px 10px 0 8px; }
.btnNormal.next:after { content: ''; display: inline-block; margin-top: -2px; margin-left: 4px; vertical-align: middle; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; }
span.btnNormal.next:after { opacity: 0.3; }
.btnActions { display: block; text-align: left; position: relative; overflow: hidden; height: 24px; width: 24px; text-indent: -1000em; }
.btnActions:before { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -9px; height: 17px; width: 3px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -259px -209px; }
.btnActions:hover:before { background-position: -266px -209px; }
span.btnActions { opacity: 0.3; }
.btnPlay { display: inline-block; position: relative; height: 45px; width: 45px; text-indent: -1000em; }
.btnPlay:before { content: ''; height: 25px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -135px -30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.btnPlay:hover:before { background-position: -135px -59px; }
.btnHelp { display: inline-block; text-align: left; text-indent: -1000em; height: 24px; width: 24px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -293px -473px; }
.btnClose { display: inline-block; cursor: pointer; text-align: left; text-indent: -1000em; height: 23px; width: 23px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -377px -473px; }
.btnSelect { display: inline-block; text-indent: -1000em; vertical-align: middle; height: 24px; width: 24px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -349px -473px; }
.btnMore { display: inline-block; position: relative; padding-right: 10px; font-size: 13px; color: #757271; }
.btnMore:before { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.btnSwitchgear { display: inline-block; position: relative; padding-right: 12px; font-size: 13px; color: #757271; }
.btnSwitchgear:before { content: ''; height: 5px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -26px -24px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.btnSwitchgear.open:before { margin-top: -1px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%) rotate(180deg); -ms-transform: translate(0, -54%) rotate(180deg); }
.btnDelete { display: inline-block; text-indent: -1000em; vertical-align: middle; height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -470px -383px; }
.btnPrimary, .btnPrimary--s, .btnPrimary--m, .btnPrimary--l { color: #3A3635; box-shadow: inset 0 0 0 1px #B4B2B3; background: #FFF; display: inline-block; box-sizing: border-box; padding: 0 10px; text-align: center; vertical-align: top; }
.btnPrimary--l { height: 50px; font-size: 15px; line-height: 50px; }
.btnAccent, .btnAccent--s, .btnAccent--m, .btnAccent--l { color: #FFF; background: #FF564C; display: inline-block; box-sizing: border-box; padding: 0 10px; text-align: center; vertical-align: top; }
.btnAccent--l { height: 50px; font-size: 15px; line-height: 50px; }
.sorting { white-space: nowrap; }
.sorting > span { position: relative; margin-left: 14px; padding-left: 8px; font-size: 13px; color: #757271; vertical-align: middle; }
.sorting > span:before { position: absolute; top: 50%; left: 0; margin-top: -2px; display: inline-block; content: ''; height: 3px; width: 3px; background-color: #999; }
.sorting > a { position: relative; margin-left: 14px; padding-left: 8px; font-size: 13px; color: #757271; vertical-align: middle; }
.sorting > a:before { position: absolute; top: 50%; left: 0; margin-top: -2px; display: inline-block; content: ''; height: 3px; width: 3px; background-color: #999; }
.sorting > a:hover { color: #3A3635; text-decoration: underline; }
.sorting > a.selected { color: #3A3635; }
.sorting > a.selected:before { background-color: #FF564C; }
.sorting > button { position: relative; margin-left: 14px; padding-left: 8px; font-size: 13px; color: #757271; vertical-align: middle; }
.sorting > button:before { position: absolute; top: 50%; left: 0; margin-top: -2px; display: inline-block; content: ''; height: 3px; width: 3px; background-color: #999; }
.sorting > button:hover { color: #3A3635; text-decoration: underline; }
.sorting > button.selected { color: #3A3635; }
.sorting > button.selected:before { background-color: #FF564C; }
.btnEdit { display: inline-block; position: relative; height: 26px; width: 26px; text-indent: -9999px; vertical-align: middle; border: 1px solid #B4B2B3; background-color: #FFF; }
.btnEdit:hover { text-decoration: none; background-color: #F2F3F7 !important; }
.btnEdit:active, .btnEdit:focus { text-decoration: none; }
.btnEdit:before { content: ''; }
.btnEdit.top:before { height: 9px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -316px -161px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.btnEdit.bottom:before { height: 9px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -316px -161px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); }
.btnEdit.up:before { height: 5px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -528px -321px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.btnEdit.down:before { height: 5px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -528px -321px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); }
.pgTitle { position: relative; padding-top: 0; z-index: 100; }
.pgTitle .innerContainer { padding-top: 30px; padding-bottom: 27px; }
.pgTitle .innerContainer > h1 { display: inline-block; padding-left: 4px; font-size: 21px; font-weight: normal; color: #3A3635; line-height: 30px; zoom: 1; }
.pgTitle .innerContainer > .desc { display: inline-block; margin-left: 7px; font-size: 11px; color: #999; zoom: 1; }
.pgTitle .innerContainer > .desc .cnt { font-size: 13px; color: #757271; }
.pgTitle .innerContainer > .menuDesc { float: right; font-size: 11px; color: #999; line-height: 30px; }
.pgTitle nav.lnbTitle { overflow: hidden; }
.pgTitle nav.lnbTitle li { position: relative; float: left; margin-left: 15px; padding-left: 15px; }
.pgTitle nav.lnbTitle li:before { position: absolute; top: 50%; left: 0; margin-top: -5px; display: inline-block; content: ''; height: 10px; width: 1px; background-color: #D2D3D5; }
.pgTitle nav.lnbTitle li:first-child { margin-left: 0; padding-left: 4px; }
.pgTitle nav.lnbTitle li:first-child:before { display: none; }
.pgTitle nav.lnbTitle a { font-size: 21px; color: #757271; line-height: 30px; text-decoration: none; }
.pgTitle nav.lnbTitle a:hover { color: #3A3635; }
.pgTitle nav.lnbTitle h1 { display: inline-block; font-size: 21px; font-weight: normal; color: #3a3635; line-height: 30px; zoom: 1; }
.pgTitle .btns { position: absolute; top: 29px; right: 0px; z-index: 5; }
.pgTitle.noneLNB { position: relative; margin-bottom: 30px; padding-top: 0; border-bottom: 1px solid #D9D9D9; }
.menuDesc { margin-bottom: 30px; padding-left: 6px; font-size: 11px; color: #999; }
.pgTitle .btnGenre { display: inline-block; position: relative; margin: -8px 0 -7px 12px; padding-right: 18px; font-size: 15px; line-height: 45px; vertical-align: top; }
.pgTitle .btnGenre:before { margin: 17px 14px 0 0; vertical-align: top; display: inline-block; content: ''; height: 10px; width: 1px; background-color: #ccc; }
.pgTitle .btnGenre:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -7px; }
.pgTitle .btnGenre.default { color: #ff3d33; }
.pgTitle .btnGenre.default:after { height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -385px -383px; }
.pgTitle .btnGenre { color: #ff3d33; }
.pgTitle .btnGenre:after { height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -385px -383px; }
.pgTitle .btnGenre.domestic { color: #4A7FCB; }
.pgTitle .btnGenre.domestic:after { height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -402px -383px; }
.pgTitle .btnGenre.overseas { color: #689118; }
.pgTitle .btnGenre.overseas:after { height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -453px -383px; }
.pgTitle .btnGenre.etc { color: #855E1E; }
.pgTitle .btnGenre.etc:after { height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -368px -383px; }
.pgTitle .btnGenre em { display: inline-block; }
.pgTitle .btnNation { display: inline-block; position: relative; margin: -8px 0 -7px 12px; padding-right: 18px; padding-left: 43px; vertical-align: top; }
.pgTitle .btnNation:before { position: absolute; top: 50%; left: 0; margin-top: -5px; display: inline-block; content: ''; height: 10px; width: 1px; background-color: #ccc; }
.pgTitle .btnNation:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -7px; height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -436px -383px; }
.pgTitle .btnNation .flag { position: absolute; top: 50%; left: 15px; margin-top: -8px; font-size: 0; line-height: 0; }
.pgTitle .btnNation .flag:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.1); }
.pgTitle .btnNation .flag img { max-width: 24px; }
.pgTitle .btnNation a.ALL .flag { left: 16px; }
.pgTitle .btnNation a.KOR .flag { left: 14px; margin-top: -9px; }
.pgTitle .btnNation em { display: inline-block; font-size: 15px; color: #3a3635; line-height: 45px; vertical-align: middle; }
.pgTitle .btnNation:hover em { text-decoration: underline; }
.sectionPadding.contents { padding-top: 42px; padding-bottom: 30px; border-top: 1px solid #D9D9D9; }
.sectionPadding .sectionTitle { position: relative; overflow: hidden; margin-bottom: 18px; }
.sectionPadding .sectionTitle > h1 { float: left; padding-right: 5px; padding-left: 6px; font-size: 19px; font-weight: normal; color: #3A3635; line-height: 22px; }
.sectionPadding .sectionTitle > .desc { float: left; font-size: 13px; color: #757271; line-height: 22px; vertical-align: bottom; }
.sectionPadding .sectionTitle > .menuDesc { float: left; margin: 0; font-size: 11px; color: #999; line-height: 22px; vertical-align: bottom; }
.sectionPadding .innerContainer > .btnMore { position: absolute; top: 9px; right: 0px; bottom: auto; }
nav.lnb { position: relative; box-sizing: border-box; height: 50px; margin-bottom: 30px; background: url("//file.bugsm.co.kr/wbugs/common/bg_lnb.png") repeat-x 0 0 !important; }
nav.lnb .innerContainer { clear: both; }
nav.lnb ul { position: relative; }
nav.lnb ul li { float: left; margin-right: 18px; }
nav.lnb ul li a { display: inline-block; padding: 4px 6px 0; font-size: 15px; color: #757271; line-height: 43px; text-decoration: none; vertical-align: top; border-bottom: 2px solid transparent; }
nav.lnb ul li a:hover { color: #3a3635; }
nav.lnb ul li a.selected { color: #3a3635; border-bottom: 3px solid #FF564C; }
nav.lnb ul li a > em { font-size: 12px; line-height: 30px; }
nav.lnb ul ul { display: none; position: absolute; top: 50px; right: -40px; left: -40px; overflow: hidden; height: 48px; }
nav.lnb ul ul > li { position: relative; }
nav.lnb ul ul > li:first-child { margin-left: 40px; }
nav.lnb ul ul > li + li:before { position: absolute; top: 50%; left: -9px; margin-top: -5px; display: inline-block; content: ''; height: 10px; width: 1px; background-color: #d8d8d8; }
nav.lnb ul ul > li a { font-size: 13px; line-height: 44px; }
nav.lnb ul ul > li a.selected { color: #FF3D33; }
nav.lnb .iconNew { display: inline-block; margin-left: 4px; text-indent: -1000px; vertical-align: middle; height: 11px; width: 22px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -297px -119px; }
.filterChart { position: relative; min-height: 25px; padding: 5px 0 16px 6px; }
.filterChart time { display: block; font-size: 20px; color: #3a3635; line-height: 20px; text-align: center; }
.filterChart time > em { color: #999; }
.filterChart .topMessage { display: block; clear: both; overflow: hidden; width: 100%; padding-bottom: 26px; font-size: 19px; color: #3A3635; }
.filterChart .topMessage > em { color: #FF3D33; }
.filterChart .topMessage ~ .leftContents { position: static; float: left; }
.filterChart .topMessage ~ .rightContents { position: static; float: right; }
.filterChart .leftContents { position: absolute; top: 0px; left: 0px; }
.filterChart .leftContents .segmented { float: left; margin-right: 16px; }
.filterChart .leftContents .desc { font-size: 11px; color: #999; }
.filterChart .rightContents { position: absolute; top: 0px; right: 0px; }
.filterChart .rightContents > .sorting { padding-top: 8px; }
.filterChart .btnSelect { line-height: 20px; vertical-align: middle; }
.filterChart .additional { float: left; }
.filterChart label { margin-right: 14px; font-size: 13px; color: #757271; vertical-align: middle; }
.filterChart input.radio { margin-top: -2px; margin-right: 6px; vertical-align: middle; }
.filterChart input:checked + label { color: #3a3635; }
.filterChart span.input { display: block; position: relative; float: right; }
.filterChart span.input input[type=text] { height: 27px; width: 158px; padding: 1px 30px 0px 10px; font-size: 13px; color: #757271; line-height: 28px; }
.filterChart span.input button { display: block; position: absolute; top: 1px; right: 1px; height: 28px; width: 30px; text-indent: -9999px; }
.filterChart span.input button:before { content: ''; height: 14px; width: 14px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -327px -279px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.segmented { overflow: hidden; padding-left: 1px; }
.segmented > a, .segmented > span { display: block; float: left; overflow: hidden; height: 14px; min-width: 37px; margin-left: -1px; padding: 7px 15px; font-size: 13px; color: #757271; text-align: center; text-decoration: none; border: 1px solid #b2b7ba; }
.segmented > a.first, .segmented > span.first { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.segmented > a.last, .segmented > span.last { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.segmented.digit7 > a { width: 76px; padding-right: 12px; padding-left: 12px; }
.segmented.digit5 > a { width: 62px; padding-right: 12px; padding-left: 12px; }
.segmented > a:hover { color: #3a3635; }
.segmented > a.selected { color: #fff; background: #b2b8bb; }
.segmented > span { color: #c4c2c2; }
.segmented > .selected:only-child { border-radius: 5px; }
.iconPages > button { display: inline-block; position: relative; height: 16px; width: 16px; margin: 0 2px 0 1px; text-indent: -9999px; }
.iconPages > button:before { display: inline-block; content: ''; height: 6px; width: 6px; border-radius: 50%; background-color: #bbc1c3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.iconPages > button.selected:before { border-radius: 0; background: none; display: inline-block; content: ''; height: 0; width: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 7px solid #ff5546; }
.iconPages > button.btnPause { margin-right: 0; }
.iconPages > button.btnPause:before { content: ''; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -87px; }
.iconPages > button.btnPlay { display: none; margin-right: 0; }
.iconPages > button.btnPlay:before { content: ''; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -107px; }
.summaryInfo { position: relative; z-index: 100; }
#container .summaryInfo .innerContainer { position: relative; min-height: 220px; min-width: 940px; margin-bottom: 30px; padding-top: 0; border-top: 0; }
#container .summaryInfo .innerContainer:after { content: ''; display: table; clear: both; }
#container .summaryInfo.summaryTrack .innerContainer { min-height: 200px; }
.summaryInfo .innerContainer > h1 { display: none; }
.summaryInfo .innerContainer .basicInfo { position: relative; min-height: 167px !important; width: 71%; padding-bottom: 33px; }
.summaryInfo .innerContainer .basicInfo:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }
.summaryInfo .innerContainer .basicInfo > .btns { position: absolute; bottom: 0; left: 230px; }
.summaryInfo .innerContainer .basicInfo > .btns .bar { display: inline-block; height: 10px; width: 1px; margin-right: 9px; margin-left: 9px; background-color: #ccc; }
.summaryInfo .innerContainer .basicInfo > .btns .btnNormal { margin-top: 5px; margin-right: 1px; }
.summaryInfo .innerContainer .basicInfo > .tag { position: absolute; bottom: 0; left: 230px; overflow: hidden; font-size: 12px; color: #8a979c; }
.summaryInfo .innerContainer .basicInfo > .tag em { position: absolute; left: -10000em; height: 0; font-size: 0; line-height: 0; }
.summaryInfo .innerContainer .basicInfo > .tag a { display: inline-block; height: 22px; margin-top: 5px; margin-right: 1px; padding: 0 10px; color: #757271; line-height: 24px; text-decoration: none; border: 1px solid #e0e0e0; border-radius: 13px; }
.summaryInfo .innerContainer .basicInfo > .tag a:hover, .summaryInfo .innerContainer .basicInfo > .tag a.on { color: #ff3d33; border: 1px solid #ffbbb5; }
.msie8 .summaryInfo .innerContainer .basicInfo > .tag { width: 435px; }
.msie8 .summaryInfo .innerContainer .basicInfo > .tag a { height: 24px; padding: 0 0 0 12px; border: 0; background: url("//file.bugsm.co.kr/wbugs/common/sprite_tag.png") no-repeat 0 0; }
.msie8 .summaryInfo .innerContainer .basicInfo > .tag a span { display: inline-block; height: 24px; padding-right: 12px; line-height: 26px; background: url("//file.bugsm.co.kr/wbugs/common/sprite_tag.png") 100% 0 no-repeat; }
.msie8 .summaryInfo .innerContainer .basicInfo > .tag a:hover, .msie8 .summaryInfo .innerContainer .basicInfo > .tag a.on { background-position: 0 -30px; }
.msie8 .summaryInfo .innerContainer .basicInfo > .tag a:hover span, .msie8 .summaryInfo .innerContainer .basicInfo > .tag a.on span { background-position: 100% -30px; }
.summaryInfo .innerContainer .btns { position: absolute; bottom: 0; left: 230px; }
.summaryInfo .innerContainer .btns .bar { display: inline-block; height: 10px; width: 1px; margin-right: 9px; margin-left: 9px; background-color: #ccc; }
.summaryInfo .innerContainer .btns .btnNormal { margin-top: 5px; margin-right: 1px; }
.summaryInfo .photos { float: left; margin-right: 30px; margin-bottom: -33px; }
.summaryInfo .photos ul { overflow: hidden; width: 200px; background: #f2f3f7 url("//file.bugsm.co.kr/wbugs/music/bg_photoGalleryList.png") 0 100% no-repeat; }
.summaryInfo .photos ul li { display: block; position: relative; float: left; height: 50px; width: 50px; background-color: #f2f3f7; }
.summaryInfo .photos ul li.big { height: 200px; width: 200px; }
.summaryInfo .photos ul li.big .mask { border: 1px solid #000; }
.msie8 .summaryInfo .photos ul li.big .mask { border-color: #e5e5e5; }
.summaryInfo .photos ul li.big a { line-height: 200px; }
.summaryInfo.summaryTrack .photos ul li.big > div { line-height: 200px; text-align: center; }
.summaryInfo .photos ul li img { vertical-align: middle; }
.summaryInfo .photos ul li .mask { border: 0px none; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.summaryInfo .photos ul li .mask.first { border: 0px none; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }
.summaryInfo .photos ul li a { display: block; position: relative; height: 100%; width: 100%; font-size: 13px; color: #757271; line-height: 50px; text-align: center; }
.summaryInfo .info { vertical-align: top; }
.summaryInfo .info tbody th { width: 88px; font-size: 12px; font-weight: normal; color: #757271; line-height: 28px; text-align: left; }
.summaryInfo .info tbody td { font-size: 13px; color: #3a3635; line-height: 28px; }
.summaryInfo .info tbody td a { color: #3a3635; }
.summaryInfo .info tbody td .title { margin-right: 3px; font-size: 12px; color: #FF3D33; white-space: nowrap; }
.summaryInfo .info tbody td .title + span { padding-right: 12px; }
.summaryInfo .info tbody td .bar { margin: -1px 7px 0 5px; vertical-align: middle; display: inline-block; content: ''; height: 8px; width: 1px; background-color: #b2b2b2; }
.summaryInfo .info tbody td .btnAll { margin-left: 0 !important; }
.summaryInfo .info tbody td .btnHiResolution { display: inline-block; position: relative; margin-bottom: 2px; padding-right: 29px; padding-left: 18px; line-height: 23px; vertical-align: middle; }
.summaryInfo .info tbody td .btnHiResolution:before { content: ''; position: absolute; top: 50%; right: 0; margin-top: -13px; height: 23px; width: 23px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -404px -473px; }
.summaryInfo .info tbody td .btnHiResolution:after { position: absolute; top: 50%; left: 7px; margin-top: -4px; display: inline-block; content: ''; height: 8px; width: 1px; background-color: #b2b2b2; }
.summaryInfo .info.nodata { color: #757271; }
.summaryInfo .etcInfo { display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 73.16326530612%; height: 100%; padding-left: 25px; border-left: 1px solid #e5e5e5; }
.summaryInfo .etcInfo .likeBtn { display: block; position: relative; margin-bottom: 21px; }
.summaryInfo .etcInfo .likeBtn .like { display: block; height: 43px; padding: 0; background: none; }
.summaryInfo .etcInfo .likeBtn .like:before { display: none; }
.summaryInfo .etcInfo .likeBtn .like:hover { background-color: #f2f3f7; }
.summaryInfo .etcInfo .likeBtn .like.selected { border: 1px solid #ffaaa5; }
.summaryInfo .etcInfo .likeBtn .like span { display: inline-block; position: relative; padding-left: 22px; font-size: 15px; color: #757271; line-height: 44px; }
.summaryInfo .etcInfo .likeBtn .like span:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; height: 15px; width: 17px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -246px; }
.summaryInfo .etcInfo .likeBtn .like.selected span:before { color: #ff3d33; height: 15px; width: 17px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -227px; }
.summaryInfo .etcInfo .likeBtn .like span em { display: inline-block; margin-left: 4px; font-size: 17px; color: #3a3635; vertical-align: -2px; }
.summaryInfo .etcInfo .likeBtn .like.selected span em { color: #ff3d33; }
.summaryInfo .etcInfo h3 { width: 69px; font-size: 12px; font-weight: normal; color: #757271; text-indent: 3px; }
.summaryInfo .etcInfo .comment { position: relative; min-height: 39px; }
.summaryInfo .etcInfo .comment h3 { float: left; height: 24px; line-height: 24px; vertical-align: top; }
.summaryInfo .etcInfo .comment .total { float: left; }
.summaryInfo .etcInfo .comment .total > span { display: inline-block; position: relative; height: 24px; font-size: 16px; color: #3a3635; line-height: 24px; }
.summaryInfo .etcInfo .comment .total > span .badge { display: block; position: absolute; top: 3px; right: -48px; width: 45px !important; font-size: 1px; text-indent: -10000em; z-index: 10; height: 16px; width: 45px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -435px -424px; }
.summaryInfo .etcInfo .comment .total .btnNormal { position: absolute; top: -2px; right: 0; height: 22px; padding: 0 5px; line-height: 24px; }
.summaryInfo .etcInfo .comment .preview { clear: both; padding: 0; }
.summaryInfo .etcInfo .comment .preview a { font-size: 12px; }
.summaryInfo .etcInfo .comment .preview .user { display: block; height: 24px; }
.summaryInfo .etcInfo .comment .preview .user a { color: #757271; }
.summaryInfo.summaryTrack .etcInfo .comment .preview .cont, .summaryInfo.summaryMPDAlbum .etcInfo .comment .preview .cont, .summaryInfo.summaryMPD .etcInfo .comment .preview .cont { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.summaryInfo .etcInfo .comment .preview .cont { display: block; line-height: 20px; }
.summaryInfo .etcInfo .comment .preview .cont a { color: #3a3635; }
.summaryInfo .etcInfo .comment .preview.nodata { padding: 0; text-align: center; }
.summaryInfo .etcInfo .comment .preview.nodata span { color: #757271; }
.summaryInfo .etcInfo .share { overflow: hidden; margin-bottom: 19px; }
.summaryInfo .etcInfo .share h3 { height: 29px; margin-top: 1px; line-height: 31px; }
.summaryInfo .etcInfo .share h3, .summaryInfo .etcInfo .share > p { float: left; vertical-align: top; }
.summaryInfo .etcInfo .share a { display: block; float: left; height: 29px; width: 29px; margin-right: 10px; font-size: 0; line-height: 0; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); }
.summaryInfo .etcInfo .share a.facebook { background-position: -227px -313px; }
.summaryInfo .etcInfo .share a.twitter { background-position: -194px -313px; }
.summaryInfo .etcInfo .share a.kakaostory { background-position: -260px -313px; }
.summaryInfo .etcInfo .share a.link { background-position: -293px -313px; }
.summaryInfo .etcInfo .line { padding-top: 21px; border-top: 1px solid #efefef; }
.summaryInfo .etcInfo .series { position: relative; }
.summaryInfo .etcInfo .series h3, .summaryInfo .etcInfo .series > p { float: left; vertical-align: top; }
.summaryInfo .etcInfo .series > p { margin-top: -3px; }
.summaryInfo .etcInfo .series > p .btnMore { display: inline-block; font-size: 15px; color: #3a3635 !important; }
.summaryInfo .etcInfo .download { position: relative; padding-top: 27px !important; }
.summaryInfo .etcInfo .download h3, .summaryInfo .etcInfo .download > p { float: left; vertical-align: top; }
.summaryInfo .etcInfo .download > p { margin-top: -3px; }
.summaryInfo .etcInfo .download > p .btnMVDown { display: inline-block; position: absolute; box-sizing: border-box; height: 28px; width: 28px; margin-top: -5px; text-indent: -10000em; border: 1px solid #b4b2b3; background-color: #fff; }
.summaryInfo .etcInfo .download > p .btnMVDown:before { content: ''; height: 14px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -484px -424px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.summaryInfo .etcInfo .download > p .btnMVDown:hover { background-color: #f2f3f7; }
/* 하단 추가 정보 -------------------------------------------- */
.pageAdditionalInfo { margin-top: 30px; }
.pageAdditionalInfo li { position: relative; padding-left: 8px; font-size: 11px; color: #999; line-height: 20px; }
.pageAdditionalInfo li:before { position: absolute; top: 9px; left: 0; display: inline-block; content: ''; height: 2px; width: 2px; background-color: #838180; }
.pageAdditionalInfoList { margin-top: 30px; }
.pageAdditionalInfoList > ul li { position: relative; padding: 0 0 0 8px; font-size: 13px; color: #757271; line-height: 30px; }
.pageAdditionalInfoList > ul li:before { position: absolute; top: 14px; left: 0; display: inline-block; content: ''; height: 2px; width: 2px; background-color: #838180; }
.pageAdditionalInfoList > ul li > a { color: #3A3635; text-decoration: underline; }
.pageAdditionalInfoList > ul li > em { color: #ff3d33; }
.contents .view { max-height: 10000px; max-width: 1270px; padding-left: 6px; font-size: 14px; color: #757271; line-height: 28px; transition: max-height 0.3s ease-in-out; }
.contents .view.fold { overflow: hidden; max-height: 140px; transition: max-height 0.3s ease-in-out; }
.contents .view + .btns { position: relative; margin-top: 15px; text-align: center; background-color: #fff; }
.contents .view .notiConnect { display: block; margin-bottom: 28px; font-size: 13px; color: #3a3635; }
.contentsBanner { margin-top: 40px; }
.contentsBanner .listContentsBanner { overflow: hidden; height: 140px; margin: 0 -17px; }
.contentsBanner .listContentsBanner li { float: left; box-sizing: border-box; width: 33.3%; padding: 0 17px; }
@media (max-width: 1920px) { .contentsBanner .listContentsBanner li { width: 50%; } }
.contentsBanner .listContentsBanner li a { display: block; height: 100%; width: 100%; border: 1px solid #e5e5e5; }
.contentsBanner .listContentsBanner li a > img { display: block; min-height: 138px; margin: 0 auto; }
.badgeConnect { display: inline-block; overflow: hidden; margin: -3px 4px 0; text-indent: -1000em; vertical-align: middle; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); }
.badgeConnect.connect1515 { height: 15px; width: 15px; background-position: -543px -409px; }
.badgeConnect.connect2020 { height: 20px; width: 20px; background-position: -76px -503px; }
.badgeConnect.connectFull { height: 24px; width: 24px; background-position: -321px -473px; margin: 0; }
.list.tileView figure.artistInfo .info .badgeConnect.connect1515, figure.likeRecommendInfo .info .badgeConnect.connect1515 { float: left; margin-top: 2px; }
.list.listView figure.artistInfo .info .badgeConnect.connect1515 { margin-top: 2px; }
.mnError.pgNoMusic { font-size: 15px; text-align: center; }
.mnError.pgNoMusic h1 { position: relative; margin-top: 60px; margin-bottom: 30px; padding-top: 103px; font-size: 30px; font-weight: normal; }
.mnError.pgNoMusic h1:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -28px; height: 73px; width: 57px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -188px -42px; }
.mnError.pgNoMusic .box { padding-bottom: 36px; color: #757271; line-height: 26px; }
.iconSpectrogram { display: inline-block; overflow: hidden; margin: -1px 0 0 6px; text-indent: -1000em; vertical-align: text-top; height: 14px; width: 17px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -287px; }
.storyCard { display: block; position: relative; box-sizing: border-box; overflow: hidden; min-height: 150px; width: 306px; padding-bottom: 61px; background-color: #fff; }
.storyCard > .mask { border: 1px solid #e1e1e1; opacity: 1; }
.storyCard .artistInfo { margin: 15px 0 15px 15px; }
.storyCard .artistInfo .thumbnail { display: inline-block; position: relative; overflow: hidden; height: 40px; width: 40px; margin-right: 10px; line-height: 40px; text-align: left; vertical-align: middle; border-radius: 40px; background: #f3f4f7; }
.storyCard .artistInfo .thumbnail img { vertical-align: top; }
.storyCard .artistInfo .thumbnail .mask { border-radius: 40px; }
.storyCard .artistInfo .artistname { display: inline-block; position: relative; max-width: 65%; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storyCard .artistInfo .artistname a { font-size: 15px; color: #3a3635; line-height: 30px; }
.storyCard .date { position: relative; margin: 19px 0 18px 19px; padding-left: 30px; font-size: 15px; color: #3a3635; line-height: 22px; }
.storyCard .date:after { content: ''; position: absolute; left: 0; height: 22px; width: 22px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -193px -140px; }
.storyCard .date .time { color: #ff3d33; }
.storyCard > .btnActions { position: absolute; top: 24px; right: 10px; }
.storyCard .upload { position: relative; }
.storyCard .upload.photo { margin-bottom: 4px; }
.storyCard .upload.photo .thumbnail { display: block; position: relative; overflow: hidden; width: 306px; background-color: #f2f3f7; }
.storyCard .upload.photo .thumbnail img { max-height: none; width: 100%; }
.storyCard .upload.photo .more { position: absolute; right: 10px; bottom: 10px; height: 25px; width: 45px; color: #fff; line-height: 25px; text-align: center; border-radius: 3px; background: rgba(0, 0, 0, 0.6); }
.msie8 .storyCard .upload.photo .more { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); }
.storyCard .upload.photo ~ p.content { max-height: 66px; }
.storyCard .upload.photo ~ .badge { margin-top: 13px; }
.storyCard .upload.track { margin: 0 20px; padding: 0 5px 0 10px; border: 1px solid #e5e5e5; }
.storyCard .upload.track .trackList { margin: 0; border: 0; }
.storyCard .upload.track .trackList > thead th { visibility: hidden; height: 0; font-size: 1px; line-height: 0; text-indent: -1000em; }
.storyCard .upload.track .trackList > thead th.albumArt { width: 68px; }
.storyCard .upload.track .trackList > thead th.action { width: 26px; }
.storyCard .upload.track .trackList > tbody > tr:hover th, .storyCard .upload.track .trackList > tbody > tr:hover td { background-color: transparent; }
.storyCard .upload.track .trackList > tbody th, .storyCard .upload.track .trackList > tbody td { height: 80px; border: 0; }
.storyCard .upload.track .trackList > tbody .thumbnail { height: 60px; width: 60px; line-height: 60px; background-color: #f2f3f7; }
.storyCard .upload.track .trackList > tbody .title { max-height: 36px; min-width: auto !important; }
.storyCard .upload.track .trackList > tbody .title > a { line-height: 18px; }
.storyCard .upload.track .trackList > tbody .artist { overflow: hidden; margin-top: 4px; }
.storyCard .upload.track .trackList > tbody .artist > a { line-height: 18px; }
.storyCard .upload.video { margin-bottom: 4px; }
.storyCard .upload.video .thumbnail { position: relative; overflow: hidden; width: 306px; background-color: #f2f3f7; }
.storyCard .upload.video .thumbnail img { max-height: none; width: 100%; }
.storyCard .upload.video .thumbnail .btnPlay { position: absolute; top: 50%; left: 50%; height: 58px; width: 58px; margin: -29px 0 0 -29px; }
.storyCard .upload.video .thumbnail .btnPlay:before { height: 58px; width: 58px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -411px -277px; }
.storyCard .upload.video .thumbnail a:hover .btnPlay:before { background-position: -349px -277px; }
.storyCard > .badge { position: relative; top: 0; right: 0; float: right; overflow: hidden; margin-top: 2px; text-indent: -1000em; }
.storyCard > .badge.event { height: 15px; width: 35px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -94px -110px; }
.storyCard p.content { position: relative; overflow: hidden; max-height: 176px; margin-top: 15px; padding: 0 20px; }
.storyCard p.content a { color: #757271; line-height: 22px; }
.storyCard .subinfo { position: absolute; right: 0; bottom: 0; left: 0; margin: 0 20px; padding-bottom: 20px; }
.storyCard .subinfo time, .storyCard .subinfo .comment, .storyCard .subinfo .view { display: inline-block; position: relative; margin-right: 15px; font-size: 12px; color: #757271; line-height: 16px; }
.storyCard .subinfo time:before, .storyCard .subinfo .comment:before, .storyCard .subinfo .view:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -8px; }
.storyCard .subinfo time { padding-left: 20px; }
.storyCard .subinfo time:before { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -200px -219px; }
.storyCard .subinfo .comment { padding-left: 20px; color: #3a3635; }
.storyCard .subinfo .comment:before { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -104px -88px; }
.storyCard .subinfo .comment span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.storyCard .subinfo .view { padding-left: 24px; }
.storyCard .subinfo .view:before { margin-top: -6px; height: 12px; width: 18px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -133px -110px; }
.storyCard .subinfo .view span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.storyCardDetail { position: relative; overflow: hidden; }
.storyCardDetail > .mask { border: 1px solid #e1e1e1; background-color: #fff; opacity: 1; z-index: -1; }
.storyCardDetail .artistInfo { margin: 20px 0 20px 20px; }
.storyCardDetail .artistInfo .thumbnail { display: inline-block; position: relative; overflow: hidden; height: 40px; width: 40px; margin-right: 10px; line-height: 40px; text-align: left; vertical-align: middle; border-radius: 40px; background: #f3f4f7; }
.storyCardDetail .artistInfo .thumbnail img { vertical-align: top; }
.storyCardDetail .artistInfo .thumbnail .mask { border-radius: 40px; }
.storyCardDetail .artistInfo .artistname { display: inline-block; position: relative; max-width: 55%; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storyCardDetail .artistInfo .artistname a { font-size: 15px; color: #3a3635; line-height: 30px; }
.storyCardDetail .date { position: relative; margin: 19px 0 18px 16px; padding-left: 30px; font-size: 16px; color: #3a3635; line-height: 22px; }
.storyCardDetail .date:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -13px; height: 22px; width: 22px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -193px -140px; }
.storyCardDetail .date .time { color: #ff3d33; }
.storyCardDetail .view { position: relative; padding-left: 23px; }
.storyCardDetail .view:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -6px; height: 12px; width: 18px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -133px -110px; }
.storyCardDetail .view em { color: #3A3635; }
.storyCardDetail > .view { position: absolute; top: 23px; right: 64px; font-size: 12px; color: #757271; line-height: 18px; }
.storyCardDetail .content { overflow: hidden; margin: 18px 0; padding: 0 20px; font-size: 13px; color: #757271; line-height: 22px; transition: max-height 0.3s ease-in-out; -webkit-transition: max-height 0.3s ease-in-out; -moz-transition: max-height 0.3s ease-in-out; -o-transition: max-height 0.3s ease-in-out; }
.storyCardDetail .content + .btns { display: none; }
.storyCardDetail .content.fold { overflow: hidden; max-height: 132px; }
.storyCardDetail .content.fold + .btns { display: block; position: relative; margin: 18px 0; text-align: center; }
.storyCardDetail .content a { position: relative; color: #3a3635; }
.storyCardDetail .content ~ .albumEvent { margin-top: 40px; }
.storyCardDetail .albumEvent { position: relative; margin: 20px 20px 0; padding-left: 45px; font-size: 15px; color: #ad47ff; line-height: 24px; vertical-align: top; }
.storyCardDetail .albumEvent span { position: absolute; top: 2px; left: 0; overflow: hidden; margin: 2px 6px 0 0; text-indent: -1000em; vertical-align: top; height: 15px; width: 35px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -94px -110px; }
.storyCardDetail .albumEvent strong { display: inline-block; max-width: 72%; font-weight: normal; color: #3A3635; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storyCardDetail .upload { margin: 18px 0; padding: 0 20px; }
.storyCardDetail .upload.photo { overflow: hidden; margin: -10px 0 20px; padding: 0 16px; }
.storyCardDetail .upload.photo .thumbnail { display: block; position: relative; overflow: hidden; background-color: #f2f3f7; }
.storyCardDetail .upload.photo .thumbnail img { max-height: none; width: 100%; }
.storyCardDetail .upload.photo span.thumbnail { float: left; height: 294px; width: 294px; margin: 10px 5px 0; line-height: 294px; text-align: center; background-color: #f3f4f7; }
.storyCardDetail .upload.photo div.thumbnail { right: -16px; left: -16px; width: 640px; margin-top: 20px; text-align: center; }
.storyCardDetail .upload.photo div.thumbnail:first-child { margin-top: 10px; }
.storyCardDetail .upload.track { margin: 18px 20px; padding: 0 5px 0 12px; border: 1px solid #e5e5e5; }
.storyCardDetail .upload.track .trackList { margin: 0; border: 0; }
.storyCardDetail .upload.track .trackList > thead th { visibility: hidden; height: 0; font-size: 1px; line-height: 0; text-indent: -1000em; }
.storyCardDetail .upload.track .trackList > thead th.albumArt { width: 68px; }
.storyCardDetail .upload.track .trackList > thead th.action { width: 26px; }
.storyCardDetail .upload.track .trackList > tbody > tr:hover th, .storyCardDetail .upload.track .trackList > tbody > tr:hover td { background-color: transparent; }
.storyCardDetail .upload.track .trackList > tbody th, .storyCardDetail .upload.track .trackList > tbody td { height: 80px; }
.storyCardDetail .upload.track .trackList > tbody .thumbnail { height: 60px; width: 60px; line-height: 60px; background-color: #f2f3f7; }
.storyCardDetail .upload.track .trackList > tbody .title { max-height: 36px; min-width: auto !important; }
.storyCardDetail .upload.track .trackList > tbody .artist { overflow: hidden; margin-top: 6px; }
.storyCardDetail .upload.track tbody th, .storyCardDetail .upload.track tbody td { border: 0; }
.storyCardDetail .upload.video { width: 640px; padding: 0; }
.storyCardDetail .appended { position: relative; box-sizing: border-box; margin: 20px 20px 0; padding: 10px; border: 1px solid #efefef; background: #fafafc; }
.storyCardDetail .appended ~ .upload.photo { margin-top: 30px; }
.storyCardDetail .appended .thumbnail { position: relative; float: left; text-align: center; vertical-align: middle; white-space: nowrap; background: #f3f4f7; }
.storyCardDetail .appended .artist > a { float: left; max-width: 91%; font-size: 12px; color: #757271; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storyCardDetail .appended .artist > .more { position: relative; float: left; height: 20px; width: 21px; text-indent: -9999px; z-index: 10; }
.storyCardDetail .appended .artist > .more:before { content: ''; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -13px -24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.storyCardDetail .appended .artist > span { display: inline-block; width: 80%; font-size: 12px; color: #757271; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storyCardDetail .appended.album { height: 92px; }
.storyCardDetail .appended.album .thumbnail { height: 70px; width: 70px; line-height: 70px; }
.storyCardDetail .appended.album .thumbnail .btnPlay { position: absolute; right: -4px; bottom: -4px; }
.storyCardDetail .appended.album .info { float: left; width: 495px; margin-left: 12px; padding-top: 7px; }
.storyCardDetail .appended.album .info .albumTitle, .storyCardDetail .appended.album .info .artistTitle { display: inline-block; max-width: 94%; font-size: 13px; line-height: 20px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storyCardDetail .appended.album .info .artistTitle { float: left; font-size: 12px; color: #757271; }
.storyCardDetail .appended.album .info .artist { overflow: hidden; margin: -1px 0 3px; }
.storyCardDetail .appended.album .info .artist > .more { position: relative; float: left; height: 20px; width: 21px; text-indent: -9999px; z-index: 10; }
.storyCardDetail .appended.album .info .artist > .more:before { content: ''; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -13px -24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.storyCardDetail .appended.album .info time { display: inline-block; font-size: 12px; color: #999; }
.storyCardDetail .appended.album .info .albumType { position: relative; margin-left: 6px; padding-left: 8px; font-size: 12px; color: #999; white-space: nowrap; }
.storyCardDetail .appended.album .info .albumType:before { position: absolute; top: 50%; left: 0; margin-top: -5px; display: inline-block; content: ''; height: 8px; width: 1px; background-color: #b2b2b2; }
.storyCardDetail .appended.track { height: 62px; }
.storyCardDetail .appended.track .thumbnail { height: 40px; width: 40px; line-height: 40px; }
.storyCardDetail .appended.track .thumbnail + .title { margin-left: 8px; }
.storyCardDetail .appended.track .trackInfo { display: inline-block; position: relative; float: left; height: 40px; width: 24px; text-indent: -9999px; vertical-align: middle; }
.storyCardDetail .appended.track .trackInfo:before { content: ''; height: 16px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -240px -219px; position: absolute; top: 50%; right: 1px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.storyCardDetail .appended.track .btnPlay { float: left; height: 26px; width: 22px; margin: 7px 0 0 4px; text-indent: -1000em; }
.storyCardDetail .appended.track .btnPlay:before { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -221px -186px; }
.storyCardDetail .appended.track .btnPlay.disabled:before, .storyCardDetail .appended.track .btnPlay:disabled:before { background-position: -135px -88px; }
.storyCardDetail .appended.track .title { position: relative; float: left; width: 220px; margin: 12px 0 0 4px; }
.storyCardDetail .appended.track .title > .o19 { position: absolute; top: 50%; left: 0; margin-top: -9px; text-indent: -9999px; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -180px -219px; }
.storyCardDetail .appended.track .title > .o19 + .trackTitle { width: 200px; margin-left: 21px; }
.storyCardDetail .appended.track .title > .trackTitle { display: block; font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storyCardDetail .appended.track .title > span.trackTitle { color: #c6c6c6; }
.storyCardDetail .appended.track .artist { float: left; width: 250px; margin: 12px 0 0 13px; }
.storyCardDetail .appended.track .artist a, .storyCardDetail .appended.track .artist span { display: block; font-size: 12px; color: #757271; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storyCardDetail .appended.artist { height: 92px; }
.storyCardDetail .appended.artist .thumbnail { height: 70px; width: 70px; line-height: 70px; }
.storyCardDetail .appended.artist .thumbnail .btnPlay { position: absolute; right: -4px; bottom: -4px; }
.storyCardDetail .appended.artist .info { float: left; width: 490px; padding: 27px 0 0 12px; }
.storyCardDetail .appended.artist .info .artistTitle { display: inline-block; max-width: 100%; font-size: 13px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storyCardDetail .btns button:hover { text-decoration: underline; }
.storyCardDetail .subinfo { position: relative; margin: 19px 0 20px; padding: 0 20px; z-index: 10; }
.storyCardDetail .subinfo time, .storyCardDetail .subinfo .comment, .storyCardDetail .subinfo .view { display: inline-block; position: relative; padding-left: 20px; font-size: 12px; line-height: 16px; white-space: nowrap; }
.storyCardDetail .subinfo time:before, .storyCardDetail .subinfo .comment:before, .storyCardDetail .subinfo .view:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -8px; }
.storyCardDetail .subinfo time { color: #757271; }
.storyCardDetail .subinfo time:before { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -200px -219px; }
.storyCardDetail .subinfo .comment { margin-left: 15px; color: #3a3635; vertical-align: top; }
.storyCardDetail .subinfo .comment:first-child { margin-left: 0; }
.storyCardDetail .subinfo .comment:before { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -104px -88px; }
.storyCardDetail .subinfo .comment span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.storyCardDetail .subinfo .view { margin-left: 15px; color: #3a3635; }
.storyCardDetail .subinfo .view:before { margin-top: -6px; }
.storyCardDetail .subinfo .view span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.storyCardDetail > .btnActions { position: absolute; top: 20px; right: 20px; }
.listSupport li { position: relative; padding-left: 13px; font-size: 13px; color: #757271; line-height: 30px; }
.listSupport li:before { content: ''; display: block; position: absolute; top: 12px; left: 6px; height: 2px; width: 2px; background-color: #7e7b7a; }
.listSupport li .icon { display: none; }
.listSupport li > a { color: #3a3635; text-decoration: underline; }
.listSupport li > a.btnNormal { margin-left: 16px; color: #3a3635; text-decoration: none; }
.listSupport li > em { color: #FF3D33; }
/* headerFooter */
.commonHeaderTopBannerShow { padding-top: 267px !important; }
.commonHeaderIEBrowser { padding-top: 218px !important; }
.commonHeaderIEBrowser.commonHeaderTopBannerShow { padding-top: 367px !important; }
#header { position: fixed; top: 0; left: 0; width: 100%; min-width: 960px; border-bottom: 1px solid #C4C5C8; background: url("//file.bugsm.co.kr/wbugs/common/bg_white97.png") repeat; z-index: 700; }
#header .topBanner { display: none; position: relative; height: 150px; text-align: center; }
#header .topBanner .btnBannerClose { display: block; position: absolute; top: 0; right: 0; cursor: pointer; height: 50px; width: 50px; text-indent: -10000em; background-position: 8px 15px; background-repeat: no-repeat; }
#header .topBanner .bannerBorder { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background-color: #000; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }
#header .IEBrowserUnavailable { display: block; height: 100px; font-size: 13px; color: #FFF; color: #cff1fc; line-height: 24px; text-align: center; background: #0fb9f0; }
#header .IEBrowserUnavailable strong { display: inline-block; position: relative; overflow: hidden; height: 32px; padding: 0 0 0 45px; padding-top: 20px; font-size: 21px; font-weight: normal; color: #FFF; line-height: 34px; text-align: center; }
#header .IEBrowserUnavailable strong:before { content: ''; position: absolute; top: 20px; left: 0; height: 31px; width: 33px; background: url("//file.bugsm.co.kr/wbugs/temp/icon_msie.png") no-repeat 0 50%; }
#header .IEBrowserUnavailable a { color: inherit; text-decoration: underline; }
.msie8 #header .IEBrowserUnavailable { display: block; }
#header .top { height: 30px; width: 100%; }
#header .top .iconNew { display: inline-block; margin-left: 4px; text-indent: -1000em; vertical-align: top; height: 11px; width: 22px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -297px -119px; }
#header .top div > a { display: inline-block; position: relative; padding: 0 6px 0 9px; font-size: 12px; color: #878685; line-height: 31px; }
#header .top div > a ~ a:after { content: ''; position: absolute; top: 12px; left: 0; height: 7px; width: 1px; background-color: #CCC; }
#header .top .slogan { position: relative; float: left; overflow: hidden; height: 30px; padding-left: 10px; font-size: 11px; white-space: nowrap; }
#header .top .slogan a { padding: 0 7px 0 11px; font-size: 11px; color: #878685; vertical-align: top; }
#header .top .slogan a:before { content: ''; display: inline-block; vertical-align: middle; }
#header .top .slogan a.supersound:before { margin: -1px 5px 0 0; height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -487px -383px; }
#header .top .slogan a.nabi:before { margin: -2px 4px 0 0; height: 14px; width: 14px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -312px -383px; }
#header .top .slogan a.bsk:before { margin: -1px 5px 0 1px; height: 13px; width: 17px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -428px; }
#header .top .slogan a.openPlayer:before { margin: -1px 6px 0 1px; height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -419px -383px; }
#header .top .slogan a.openPlayer { position: relative; margin-right: -2px; padding-left: 9px; color: #ff3d33; }
#header .top .slogan a.mlounge { padding-left: 11px; }
#header .top .slogan a.mlounge .mark { display: inline-block; text-indent: -1000em; vertical-align: middle; height: 18px; width: 72px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -194px -245px; }
#header .top .slogan .bugsPlayer { display: inline-block; position: relative; padding: 0 7px 0 11px; line-height: 31px; }
#header .top .slogan .bugsPlayer:after { content: ''; position: absolute; top: 12px; left: 0; height: 7px; width: 1px; background-color: #CCC; }
#header .top .slogan .bugsPlayer a { display: inline-block; position: relative; margin-right: 2px; padding: 0; }
#header .top .slogan .bugsPlayer a.windows { margin-top: 1px; }
#header .top .slogan .bugsPlayer a.mac { margin: 1px 0 0 4px; padding-left: 10px; }
#header .top .slogan .bugsPlayer .iconNew { margin-top: 9px; }
#header .top .slogan .tip { display: block; position: absolute; top: 5px; left: 232px; font-size: 0; line-height: 0; text-indent: -10000em; z-index: 100; height: 21px; width: 136px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -168px -136px; }
#header .top .slogan .tip a.close { display: block; position: absolute; top: 0; right: 0; height: 20px; width: 20px; padding: 0; font-size: 0; line-height: 0; text-indent: -10000em; }
#header .top .rightGroup { float: right; }
#header .top .more { position: relative; float: left; padding-right: 7px; z-index: 800; }
#header .top .more a:after { height: 7px; }
#header .top .more .game { position: relative; padding-right: 12px; }
#header .top .more .game:before { content: ''; margin-top: -1px; height: 4px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -31px -34px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
#header .top .family { float: left; width: auto; padding: 7px 13px 0 8px; }
#header .top .family a { float: left; padding: 0; text-indent: -1000em; }
#header .top .family a:after { display: none; }
#header .top .family a.comico { height: 18px; width: 63px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -281px -177px; }
#header .top .family a.ticketlink { height: 18px; width: 55px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -484px -236px; }
#header .top .family a.hangame { height: 18px; width: 81px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -194px -211px; }
#header .header { position: relative; height: 87px; width: 100%; z-index: 710; }
#header .header .logo { display: block; position: absolute; top: 3px; left: 0; height: 80px; width: 110px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/common/header/logo_bugs.png") no-repeat; }
#header .innerContainer { height: 80px; width: 724px; margin: 0 253px; }
.msie8 #header .innerContainer { min-width: 700px; margin: 0 auto; }
#header .pageTitle { overflow: hidden; margin-left: 125px; padding-top: 3px; }
#header .pageTitle h1 { float: left; margin: 25px 38px 0 0; font-size: 25px; font-weight: normal; }
#header .pageTitle h1 a { text-decoration: none; }
#header .pageTitle nav.lnb { float: left; padding-top: 23px; }
#header .pageTitle nav.lnb a { padding: 0 2px; font-size: 15px; color: #757271; line-height: 24px; }
#header .pageTitle nav.lnb a:hover { color: #3a3635; }
#header .pageTitle nav.lnb a.selected { color: #FF3D33; border-bottom: 3px solid #ff564c; }
#header .searchForm { position: relative; float: left; height: 60px; width: 374px; padding: 23px 0 0; }
#header .searchForm .input { position: relative; }
#header .searchForm .input:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 38px; width: 345px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: 0 0; }
#header .searchForm .input input[type=text] { position: relative; height: 34px; width: 307px; margin: 2px 0 0 9px; padding-top: 0; color: #3A3635; border: 0; background-color: transparent; }
#header .searchForm .input .btnSearch { position: relative; text-indent: -1000em; vertical-align: top; height: 38px; width: 38px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -49px -424px; }
#header .searchForm .input .adKeywordDelete { position: absolute; top: 4px; right: 33px; cursor: pointer; padding: 9px 7px; display: inline-block; height: 9px; width: 9px; text-indent: -99999em; }
#header .searchForm .input .adKeywordDelete:before, #header .searchForm .input .adKeywordDelete:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 12px; width: 1px; border-radius: 1px; background-color: #bbb; }
#header .searchForm .input .adKeywordDelete:before { transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); }
#header .searchForm .input .adKeywordDelete:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); }
#header .banner { float: left; height: 80px; padding: 3px 0 0 50px; }
#header .rightSection { position: absolute; top: 27px; right: 20px; height: 30px; z-index: 800; }
#header .rightSection .connectCenterMenu { position: relative; float: left; margin-right: 12px; }
#header .rightSection .connectCenterMenu a { display: inline-block; position: relative; margin-right: 10px; padding-right: 10px; font-size: 13px; line-height: 28px; }
#header .rightSection .connectCenterMenu a:before { content: ''; position: absolute; top: 50%; right: 0; height: 7px; width: 1px; margin-top: -4px; background-color: #ccc; }
#header .rightSection .connectMenu { position: relative; float: left; margin-right: 12px; }
#header .rightSection .connectMenu .btnConnect { position: relative; margin-top: 2px; padding-right: 8px; }
#header .rightSection .connectMenu .btnConnect:after { content: ''; margin-top: -2px; height: 4px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -31px -34px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
#header .member { position: relative; float: right; max-width: 230px; padding-right: 38px; vertical-align: top; }
#header .member > .notification { position: absolute; top: 0; right: 0; width: 28px; }
#header .member > .notification > button { display: block; position: absolute; top: 0; left: 0; overflow: hidden; text-decoration: none; text-indent: -1000em; z-index: 800; height: 28px; width: 28px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -307px -424px; }
#header .member > .notification > button:hover { background-position: -243px -424px; }
#header .member > .notification > button.count { font-family: verdana; font-size: 11px; color: #FFF; line-height: 28px; text-align: center; text-indent: 0; white-space: nowrap; background-position: -339px -424px; }
#header .member > .notification > button.count:hover { background-position: -371px -424px; }
#header .member > .notification > button.count span { display: block; overflow: hidden; height: 0; width: 0; }
#header .member > div.login { margin-right: -9px; padding-top: 1px; }
#header .member > div.login > a { display: inline-block; position: relative; margin-right: 6px; font-size: 13px; line-height: 28px; }
#header .member .myinfo { position: relative; margin-top: 4px; padding-right: 9px; }
#header .member .myinfo.facebook, #header .member .myinfo.payco { padding-left: 20px; }
#header .member .myinfo.hangamePlus { padding-left: 22px; }
#header .member .myinfo > .icon { position: absolute; top: 50%; left: 0; margin-top: -8px; text-indent: -1000em; }
#header .member .myinfo.facebook > .icon { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -167px; }
#header .member .myinfo.payco > .icon { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -207px; }
#header .member .myinfo.hangamePlus > .icon { margin-top: -9px; height: 18px; width: 18px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -193px -503px; }
#header .member .myinfo .userID { display: block; overflow: hidden; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
#header .member .myinfo .userID:after { content: ''; margin-top: -1px; height: 4px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -31px -34px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
#header.simpleHeader .logo { display: block; position: absolute; top: 3px; left: 0; height: 80px; width: 110px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/common/header/logo_bugs.png") no-repeat; }
#header.simpleHeader .pageTitle { min-width: 55%; max-width: 700px; }
#header.simpleHeader .pageTitle nav.lnb { height: auto !important; margin: 0 !important; background: none !important; }
#header .top .before, #header .header .before { position: absolute; top: 11px; left: 0; height: 8px; width: 1px; background-color: #b2b2b2; }
@media (max-width: 1239px) { #header .header .logo { top: 3px; height: 80px; width: 110px; background: url("//file.bugsm.co.kr/wbugs/common/header/logo_bugs.png") no-repeat; }
  #header .innerContainer { margin-left: 125px; }
  #header .banner { padding-left: 20px; } }
@media (min-width: 1880px) { #header .header .innerContainer { width: 1374px; margin: 0 auto; } }
.coach { position: fixed; top: 0; right: 0; left: 0; height: 100%; width: 100%; background: url("//file.bugsm.co.kr/wbugs/common/bg_black70.png"); z-index: 10000; }
.coach a { position: absolute; top: 0; left: 212px; height: 28px; width: 135px; text-indent: -1000em; z-index: 1; }
.coach p { position: relative; left: 210px; height: 278px; width: 586px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/common/header/i_coachLoungeV20160727.png") no-repeat; }
.coach .btnClose { position: absolute; top: 225px; left: 73px; cursor: pointer; height: 53px; width: 53px; background-image: none; }
#suggest { display: none; position: absolute; top: 61px; left: 0; width: 372px; box-shadow: 10px 10px 15px 0 rgba(7, 0, 2, 0.1); border: 1px solid #c4c5c9; border-radius: 19px; background-color: #FFF; z-index: 1000; }
#suggest .box-shadow { border-radius: 20px; }
#suggest a { display: block; }
#suggest a:hover, #suggest a.focus { background-color: #F2F3F7; }
#suggest a:hover *, #suggest a.focus * { text-decoration: underline; }
#suggest a:hover mark, #suggest a.focus mark { text-decoration: underline; }
#suggest a mark { color: #FF3D33; }
#suggest .resultArtist { overflow: hidden; }
#suggest .resultArtist li { overflow: hidden; }
#suggest .resultArtist li a { overflow: hidden; padding: 10px 18px; vertical-align: top; }
#suggest .resultArtist li:first-of-type a { border-top-right-radius: 19px; border-top-left-radius: 19px; }
#suggest .resultArtist li a:hover { text-decoration: none; }
#suggest .resultArtist li a:hover * { text-decoration: none; }
#suggest .resultArtist li a:hover .info * { text-decoration: underline; }
#suggest .resultArtist li .thumbnail { position: relative; float: left; height: 45px; width: 45px; line-height: 45px; text-align: center; vertical-align: middle; background-color: #F2F3F7; z-index: 1010; }
#suggest .resultArtist li .thumbnail img { max-height: 100%; max-width: 100%; vertical-align: middle; }
#suggest .resultArtist li .info { overflow: hidden; max-width: 283px; margin-left: 57px; padding-top: 3px; line-height: 20px; }
#suggest .resultArtist li .info .artistTitle { display: inline-block; overflow: hidden; max-width: 90%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
#suggest .resultArtist li .info .subInfo { display: block; font-size: 12px; color: #757271; }
#suggest .resultArtist li .info br { display: none; }
#suggest .resultArtist:only-of-type { border-radius: 19px; }
#suggest .resultArtist:only-of-type li:first-of-type a { border-top-right-radius: 19px; border-top-left-radius: 19px; }
#suggest .resultList { padding: 15px 0; }
#suggest .resultList li { line-height: 32px; }
#suggest .resultList li a { overflow: hidden; padding: 0 18px; text-overflow: ellipsis; white-space: nowrap; }
#suggest .resultArtist + .resultList { padding-top: 0 !important; border-top: 1px solid #E5E5E5; }
#suggest .resultList + .resultList { margin-top: -15px; border-top: 1px solid #E5E5E5; }
#suggest .tagList { padding: 7px 0 12px; }
#suggest .resultArtist + .tagList { padding-top: 7px !important; }
#suggest .tagList li { height: 27px; padding: 3px 18px 0; line-height: 24px; }
#suggest .tagList li a { display: inline-block; height: 22px; max-width: 320px; padding: 0 8px; font-size: 12px; color: #757271; line-height: 22px; text-decoration: none; border: 1px solid #E0E0E0; border-radius: 11px; background: #FFF; }
#suggest .tagList li a:hover, #suggest .tagList li a:focus, #suggest .tagList li a.focus { text-decoration: underline; background: #F2F3F7; }
.msie8 #suggest .tagList li a { position: relative; height: 24px; line-height: 24px; border: 0; }
.msie8 #suggest .tagList li a:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background: url("//file.bugsm.co.kr/wbugs/common/sprite_tagV20170629.png") no-repeat 0 -60px; }
.msie8 #suggest .tagList li a:hover:before, .msie8 #suggest .tagList li a:focus:before, .msie8 #suggest .tagList li a.focus:before { background-position: 0 -90px; }
.msie8 #suggest .tagList li a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: url("//file.bugsm.co.kr/wbugs/common/sprite_tagV20170629.png") no-repeat 100% -60px; }
.msie8 #suggest .tagList li a:hover:after, .msie8 #suggest .tagList li a:focus:after, .msie8 #suggest .tagList li a.focus:after { background-position: 100% -90px; }
#footer { min-width: 1020px; border-top: 1px solid #d9d9d9; }
#header.simpleHeader ~ #footer { min-width: 1240px; }
#footer .sectionPadding { min-width: 960px; padding-right: 20px; }
#footer .sectionPadding.contents { padding-top: 20px; padding-bottom: 19px; }
#footer .sectionPadding .innerContainer { position: relative; clear: both; min-height: 54px; max-width: 1580px; margin: 0 auto; }
#footer .notice { float: left; height: 20px; padding: 18px 0 16px; }
#footer .notice strong { display: inline-block; margin-right: 14px; font-size: 14px; font-weight: normal; color: #3A3635; line-height: 20px; }
#footer .notice strong + a { display: inline-block; margin-right: 4px; font-size: 14px; color: #757271; line-height: 20px; }
#footer .notice time { display: inline-block; font-size: 11px; color: #999; line-height: 20px; }
#footer .quicklinks { float: right; height: 20px; padding: 18px 0 16px; }
#footer .quicklinks ul { position: relative; float: left; margin-left: 18px; }
#footer .quicklinks ul li { float: left; margin-left: 18px; font-size: 13px; color: #3A3635; line-height: 20px; }
#footer .quicklinks ul + ul:before { content: ''; position: absolute; top: 50%; left: 0; height: 8px; width: 1px; margin-top: -4px; background: #b2b2b2; }
#footer .links { overflow: hidden; margin-bottom: 15px; padding-top: 12px; }
#footer .links li { position: relative; float: left; padding: 0 8px 0 9px; }
#footer .links li:first-of-type { padding-left: 0; }
#footer .links li a { color: #757271; }
#footer .links li a em { color: #FF564C; text-decoration: inherit; }
#footer .links li + li:before { content: ''; position: absolute; top: 50%; left: 0; height: 7px; width: 1px; margin-top: -4px; background: #CCC; }
#footer address { margin-bottom: 10px; font-size: 12px; font-style: normal; color: #999; line-height: 24px; }
#footer address span { display: inline-block; position: relative; }
#footer address span + span { margin-left: 2px; padding-left: 6px; }
#footer address span + span:before { content: ''; position: absolute; top: 50%; left: 0; height: 8px; width: 1px; margin-top: -5px; background: #999; }
#footer address a { color: #999; }
#footer .emblem { overflow: hidden; }
#footer .emblem li { float: left; margin-top: 5px; }
#footer aside { position: absolute; top: 0; right: 0; }
#footer .sns { float: left; height: 28px; margin-right: 2px; }
#footer .sns a { float: left; height: 28px; width: 28px; margin-right: 6px; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); }
#footer .sns a.blog { background-position: -211px -424px; }
#footer .sns a.facebook { background-position: -275px -424px; }
#footer .sns a.kakaostory { background-position: -403px -424px; }
#footer .familysite { position: relative; float: left; }
#footer .familysite > button { display: block; height: 26px; width: 146px; font-size: 11px; color: #757271; line-height: 26px; text-align: left; text-indent: 10px; border: 1px solid #c4c2c2; border-radius: 3px; }
#footer .familysite > button:after { content: ''; height: 4px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -22px -34px; position: absolute; top: 50%; right: 10px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
#footer.simpleFooter.simpleFooter .sectionPadding { padding: 20px 0 0; }
#footer.simpleFooter.simpleFooter .sectionPadding .innerContainer { width: 980px; padding-bottom: 1px; }
#footer.simpleFooter .links { padding: 12px 260px 0 0; }
#footer.simpleFooter address { text-align: center; }
#footer.simpleFooter aside { right: 0; }
#footer.promotionFooter { min-width: 100%; padding: 30px 0; font-size: 12px; color: #666; line-height: 28px; text-align: center; background-color: #f7f7f7; }
#footer.promotionFooter .btnNormal { margin-left: 5px; }
@media (max-device-width: 760px) { #footer.promotionFooter { padding: 3.75% 0; font-size: 0.625rem; line-height: 2.2; }
  #footer.promotionFooter .btnNormal { height: auto; font-size: 0.6875rem; line-height: 2; } }
#container.mnFooter { min-width: 1240px; }
.msie8 #container.mnFooter .sectionPadding > .innerContainer { width: 1160px !important; }
.pgSitemap .sitemap { padding-top: 42px; }
.pgSitemap .sitemap .menusContainer { overflow: hidden; }
.pgSitemap .sitemap .menus { position: relative; float: left; overflow: hidden; width: 12.5%; margin-bottom: 67px; }
.pgSitemap .sitemap .menus.column2 { width: 25%; }
.pgSitemap .sitemap .menus.column3 { width: 37.5%; }
.pgSitemap .sitemap .menus > h1 { box-sizing: border-box; padding-left: 10px; white-space: nowrap; border-bottom: 1px solid #d9d9d9; }
.pgSitemap .sitemap .menus > h1 > a, .pgSitemap .sitemap .menus > h1 > span { font-size: 17px; font-weight: normal; color: #3a3635; line-height: 40px; }
.pgSitemap .sitemap .menus .iconNew { display: inline-block; margin-left: 3px; height: 11px; width: 22px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -297px -119px; }
.pgSitemap .sitemap .menus > .subMenus { position: relative; float: left; box-sizing: border-box; overflow: hidden; height: 100%; width: 100%; margin-top: 20px; padding-left: 10px; }
.pgSitemap .sitemap .menus.column2 > .subMenus { width: 50%; }
.pgSitemap .sitemap .menus.column3 > .subMenus { width: 33.33333%; }
.pgSitemap .sitemap .menus > .subMenus:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; height: 100%; width: 1px; background-color: #e5e5e5; }
.pgSitemap .sitemap .menus.ticket > .subMenus:after { display: none; }
.pgSitemap .sitemap .menus > .subMenus > h2 { margin: 4px 0 9px; font-size: 15px; font-weight: normal; color: #3a3635; white-space: nowrap; }
.pgSitemap .sitemap .menus > .subMenus > h2 a.domestic { color: #4a7fcb; }
.pgSitemap .sitemap .menus > .subMenus > h2 a.overseas { color: #689118; }
.pgSitemap .sitemap .menus > .subMenus > h2 a.etc { color: #855e1e; }
.pgSitemap .sitemap .menus > .subMenus .lastMenus { position: relative; float: left; overflow: hidden; }
.pgSitemap .sitemap .menus > .subMenus ul.menu { float: left; }
.pgSitemap .sitemap .menus > .subMenus ul.menu a, .pgSitemap .sitemap .menus > .subMenus ul.menu span { font-size: 13px; color: #757271; line-height: 29px; white-space: nowrap; }
.pgSitemap .sitemap .menus > .subMenus ul.menu.direct a, .pgSitemap .sitemap .menus > .subMenus ul.menu.direct span { font-size: 15px; color: #3a3635; line-height: 31px; }
.pgSitemap .sitemap .menus:first-of-type h1, .pgSitemap .sitemap .menus:first-of-type .subMenus:first-of-type { padding-left: 6px; }
.pgPartnership .partnership .sectionTitle { height: 143px; width: 50%; margin: 0; padding-top: 82px; background: url("//file.bugsm.co.kr/wbugs/footer/bg_visualPartnership.png") no-repeat 100% 0; }
.pgPartnership .partnership .sectionTitle h1 { height: 125px; width: 486px; margin-left: 20px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/footer/txt_partnership.png") no-repeat 0 0; }
.pgPartnership .inquiries { display: block; overflow: hidden; }
.pgPartnership .inquiries > li { float: left; height: 177px; width: calc(50% - 20px); min-width: 560px; margin: 20px 0; }
.pgPartnership .inquiries > li:nth-of-type(even) { float: right; }
.pgPartnership .inquiriesAbout { padding: 25px 10px 25px 25px; border: 1px solid #d9d9d9; background-color: #f2f3f7; }
.pgPartnership .inquiriesAbout strong { display: block; font-size: 19px; font-weight: normal; color: #3a3635; }
.pgPartnership .inquiriesAbout p { margin-top: 13px; margin-bottom: 14px; font-size: 14px; color: #757271; line-height: 24px; }
.mnRules { padding-top: 50px; }
.mnRules .sectionPadding { min-width: 1160px; }
.mnRules h1 { position: absolute; top: 0; left: 0; overflow: hidden; height: 0; width: 0; font-size: 0; line-height: 0; }
.mnRules .summary { padding-bottom: 24px; border-bottom: 1px solid #d9d9d9; }
.mnRules .summary .shapeBox { position: relative; height: 55px; margin-bottom: 24px; border: 1px solid #d9d9d9; background-color: #fafafc; }
.mnRules .summary .shapeBox:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; }
.mnRules .summary .shapeBox > p { float: left; padding: 0 12px; color: #737070; line-height: 55px; }
.mnRules .summary .tab { position: absolute; top: 0; left: 0; width: 100%; }
.mnRules .summary .tab > li { float: left; }
.mnRules .summary .tab > li h2, .mnRules .summary .tab > li > a { display: block; height: 56px; width: 198px; font-size: 15px; font-weight: normal; color: #737070; line-height: 55px; text-align: center; text-decoration: none; border-right: 1px solid #d9d9d9; }
.mnRules .summary .tab > li.selected h2, .mnRules .summary .tab > li.selected > a { color: #3a3635; background-color: #fff; }
.mnRules .summary .tab > li > a:hover { color: #3a3635; background-color: #fff; }
.mnRules .summary .tab .bookmarks { display: none; position: absolute; top: 80px; right: 0; left: 0; width: 100%; }
.mnRules .summary .tab > li.selected .bookmarks { display: block; }
.mnRules .summary .bookmarks { overflow: hidden; }
.mnRules .summary .bookmarks > div { float: left; width: 33%; }
.mnRules .summary .bookmarks p { margin: 0 6px; }
.mnRules .summary .bookmarks a { display: inline-block; position: relative; padding-left: 47px; text-decoration: none; }
.mnRules .summary .bookmarks a span { position: absolute; top: 0; left: 0; cursor: pointer; color: #757271; line-height: 24px; text-align: center; white-space: nowrap; }
.mnRules .summary .bookmarks a em { line-height: 24px; }
.mnRules .summary .bookmarks a:hover em { text-decoration: underline; }
.mnRules .summary > p { padding: 0 6px; color: #757271; line-height: 24px; }
.mnRules .content { padding: 0 6px; color: #757271; line-height: 24px; }
.mnRules .content > strong, .mnRules .content .chapter > strong, .mnRules .content .article > strong { font-weight: normal; }
.mnRules .content .chapter { margin-top: 48px; font-size: 19px; color: #3a3635; }
.mnRules .content .article { padding-top: 24px; color: #3a3635; }
.mnRules .content .depth2 { padding-left: 12px; }
.mnRules .content li a { color: #757271; text-decoration: underline; }
.mnRules .content table { width: 100%; margin: 15px 0 0; border-collapse: collapse; }
.mnRules .content table caption { display: none; }
.mnRules .content table thead th { color: #3a3635; text-align: center; background-color: #f2f3f7; }
.mnRules .content table th, .mnRules .content table td { padding: 7px 20px; font-weight: normal; color: #757271; text-align: left; vertical-align: middle; border: 1px solid #dadada; }
.mnRules .content table a { color: #757271; text-decoration: underline; }
.mnRules .date { position: absolute; top: 13px; right: 13px; height: 28px; }
.mnRules .date p { position: relative; float: left; height: 28px; margin-left: 20px; padding-left: 7px; color: #737070; line-height: 30px; white-space: nowrap; }
.mnRules .date p:before { content: ''; position: absolute; top: 50%; left: 0; height: 2px; width: 2px; margin-top: -1px; background-color: #757271; }
.mnRules .date p a { display: inline-block; overflow: hidden; padding-right: 14px !important; vertical-align: middle; zoom: 1; }
.mnRules .date p a:after { content: ''; display: block; position: absolute; top: 50%; right: 0; margin-top: -3px; text-indent: -1000em; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -13px -24px; }
.mnRules .date p.btns { margin-left: 30px; padding: 0; line-height: normal; }
.mnRules .date p.btns:before { display: none; }
.mnRules .date p.btns .btnNormal { padding: 1px 9px 0 10px; }
.mnRules .date time { position: relative; margin-left: 8px; padding-left: 10px; color: #3a3635; }
.mnRules .date time:before { content: ''; display: block; position: absolute; top: 50%; left: 0; height: 8px; width: 1px; margin-top: -5px; background-color: #ccc; }
.mnRules.pgTermsOfUse .summary .bookmarks > div { width: 30%; }
.mnRules.pgTermsOfUse .summary .bookmarks > div.lastChild { width: 40%; }
.mnRules.pgPrivacyPolicy .summary .bookmarks a { padding-left: 24px; }
.mnRules.pgPrivacyPolicy .summary .bookmarks a span { width: 15px; text-align: center; }
.mnRules.pgPrivacyPolicy .content > strong { display: inline-block; margin-top: 48px; padding-bottom: 24px; font-size: 19px; color: #3a3635; }
.mnRules.pgYouthPolicy .content .article { margin-top: 48px; padding: 0; font-size: 19px; color: #3a3635; }
.pgNotice .tbList > tbody .detail { padding-left: 23px; }
.pgNotice .tbList > tbody .detail * { font-size: 13px !important; }
.pgNotice .tbList > tbody .detail a * { color: inherit; }
.pgNotice .tbList > tbody .detail a:hover * { text-decoration: underline; }
.pgNotice .tbList > tbody .detail table { border: 1px solid #DADADA !important; border-width: 1px 0 0 1px !important; background: #FFF !important; }
.pgNotice .tbList > tbody .detail table th, .pgNotice .tbList > tbody .detail table td { height: auto !important; padding: 5px 10px !important; text-align: left; border: 1px solid #DADADA !important; border-width: 0 1px 1px 0 !important; }
.pgNotice .tbList > tbody .detail table thead th, .pgNotice .tbList > tbody .detail table thead td, .pgNotice .tbList > tbody .detail table thead th *, .pgNotice .tbList > tbody .detail table thead td *, .pgNotice .tbList > tbody .detail table th { color: #3A3635 !important; background: #f2f3f7 !important; }
.pgNotice .tbList > tbody .detail table th * { color: #3A3635 !important; }
.pgNotice .tbList > tbody .detail table td { color: #757271 !important; background: #FFF !important; }
.pgNotice .tbList > tbody .detail table td * { color: #757271 !important; }
.pgNotice .noResultsWithTBList { margin-top: 16px; padding: 42px 0 41px 0; border-top: 2px solid #4c4c4c; border-bottom: 1px solid #efefef; }
.pgNotice .noResultsWithTBList strong { padding-left: 6px; font-size: 20px; font-weight: normal; color: #3a3635; }
.pgNotice .noResultsWithTBList .pageAdditionalInfoList { margin-top: 14px; }
@media print { #wrap { padding: 0; }
  #header { position: relative; }
  #header .header { border-bottom: 0; }
  #header .top, #header .member, #footer { display: none; }
  #container .sectionPadding > .innerContainer { width: auto; }
  #container.mnRules { min-height: auto; min-width: auto; padding: 0; }
  .mnRules .sectionPadding { min-width: auto; padding: 0; }
  .mnRules .sectionPadding > h1 { position: relative; height: auto; width: auto; font-size: 24px; line-height: 2; }
  .mnRules.pgTermsOfUse .summary, .mnRules.pgTermsOfServiceProduct .summary, .mnRules .summary { padding-bottom: 0; border-bottom: 0; }
  .mnRules .summary .shapeBox { margin-bottom: 0; }
  .mnRules .summary .tab li > a, .mnRules .date p.btns, .mnRules .summary .tab li.selected .bookmarks, .mnRules .summary .bookmarks { display: none; }
  .mnRules a { text-decoration: underline !important; } }
/* commonLogin */
.layer.login { width: 318px; padding: 0 20px; }
.layer.login .layerTap { position: absolute; top: -8px; right: 73px; height: 8px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -522px -258px; }
.layer.login.popup { display: block; box-shadow: none; }
.layer.login.popup .box-shadow { display: none; }
.layer.login.popup .loginSet { padding-top: 54px; }
.layer.login.popup .loginSet .utils .addon { position: absolute; top: 22px; left: 6px; }
.layer.login.popup .loginSet .utils .addon .join { display: inline-block; }
.layer.login.popup .loginSet > .btnClose { display: none; }
.layer.login .loginSet { position: relative; padding: 14px 0; }
.layer.login .loginSet .login { position: relative; overflow: hidden; }
.layer.login .loginSet .login .input { position: absolute; top: 0; right: 106px; left: 0; height: 78px; width: auto; }
.layer.login .loginSet .login .input input[type=text] { display: block; width: 100%; margin: 0 0 6px; *margin: -1px 0 4px; font-size: 12px; color: #3a3635; }
.layer.login .loginSet .login .input input[type=password] { display: block; width: 100%; margin: 0; *margin: -1px 0; font-size: 12px; color: #3a3635; }
.layer.login .loginSet .login .input .username, .layer.login .loginSet .login .input .password { display: block; position: relative; }
.layer.login .loginSet .login .input label { position: absolute; top: 2px; left: 10px; font-size: 12px; color: #3a3635; line-height: 34px; white-space: nowrap; z-index: 10; }
.layer.login .loginSet .login .input label > em { color: #FF3D33; }
.layer.login .loginSet .login .submit { display: block; float: right; height: 78px; width: 78px; font-size: 15px; color: #FFF; line-height: 78px; text-align: center; background-color: #FF564C; }
.layer.login .loginSet .login .submit:hover { text-decoration: none; background-color: #EE5047; }
.layer.login .loginSet .validation { display: none; padding-top: 6px; }
.layer.login .loginSet .validation > p { display: block; position: relative; box-sizing: border-box; min-height: 28px; padding: 6px 10px 3px 20px; font-size: 11px; color: #FF3D33; line-height: 1.45; border: 1px solid #FFCCC9; background-color: #FFF; }
.layer.login .loginSet .validation > p:before { content: ''; position: absolute; top: 7px; left: 10px; vertical-align: middle; height: 11px; width: 4px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -340px -211px; }
.layer.login .loginSet .utils { overflow: hidden; padding-top: 14px; padding-bottom: 14px; }
.layer.login .loginSet .utils .options { float: left; }
.layer.login .loginSet .utils .options input { vertical-align: middle; }
.layer.login .loginSet .utils .options label { margin-left: 2px; padding-right: 17px; font-size: 11px; color: #757271; vertical-align: middle; }
.layer.login .loginSet .utils .addon { float: right; font-size: 12px; color: #757271; line-height: 16px; }
.layer.login .loginSet .utils .addon .join { display: none; font-size: 12px; color: #3a3635; }
.layer.login .loginSet .utils .addon .join > .bar { display: inline-block; height: 8px; width: 1px; margin: -1px 5px 0 6px; vertical-align: middle; background-color: #B2B2B2; }
.layer.login .loginSet .utils .addon .find { font-size: 12px; color: #757271; }
.layer.login .loginSet .share { padding-top: 14px; border-top: 1px solid #EDEDED; }
.layer.login .loginSet .share a { display: block; position: relative; height: 32px; font-size: 12px; color: #3a3635; line-height: 34px; text-align: center; border: 1px solid #C4C2C2; background-color: #FFF; }
.layer.login .loginSet .share a:before { content: ''; position: absolute; top: 50%; left: 8px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layer.login .loginSet .share a:hover { text-decoration: none; background-color: #F2F3F7; }
.layer.login .loginSet .share a > .icon { position: absolute; top: 7px; left: 8px; height: 18px; width: 18px; }
.layer.login .loginSet .share a > strong { display: inline-block; margin-top: -1px; margin-right: 1px; vertical-align: middle; }
.layer.login .loginSet .share a.btnFbLogin:before { height: 18px; width: 18px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -149px -503px; }
.layer.login .loginSet .share a.btnFbLogin > strong { height: 18px; width: 57px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -279px -211px; }
.layer.login .loginSet .share a.btnPaycoLogin { margin-top: 6px; }
.layer.login .loginSet .share a.btnPaycoLogin:before { height: 18px; width: 18px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -326px -313px; }
.layer.login .loginSet .share a.btnPaycoLogin > strong { height: 18px; width: 45px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -350px -347px; }
.layer.login .loginSet .messagePersist { display: none; position: absolute; top: 205px; right: 0; left: 0; padding: 6px 0 2px 13px; font-size: 11px; color: #3a3635; line-height: 22px; border: 1px solid #C4C5C8; background-color: #FFF; }
.layer.login .loginSet .messagePersist strong { font-weight: normal; color: #FF3D33; }
.layer.login .loginSet .messagePersist > .btnMore { font-size: 11px; }
.layer.login .loginSet .messagePersist > .btnClose { top: 0; right: 0; background: none; position: absolute; overflow: hidden; height: 30px; width: 30px; text-indent: -1000em; }
.layer.login .loginSet .messagePersist > .btnClose:before { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -5px; height: 9px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -302px -161px; }
.layer.login .loginSet .messagePersist .layerTab { position: absolute; top: -8px; left: 71px; z-index: 10; height: 8px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -522px -258px; }
.loginTypeSet { position: relative; width: 318px; margin: 0 auto 15px; padding-top: 15px; }
.loginTypeSet .loginBtn { display: block; position: relative; height: 32px; font-size: 12px; color: #3a3635; line-height: 34px; text-align: center; border: 1px solid #C4C2C2; background-color: #FFF; }
.loginTypeSet .loginBtn ~ .loginBtn { margin-top: 6px; }
.loginTypeSet .loginBtn:hover { text-decoration: none; background-color: #F2F3F7; }
.loginTypeSet .loginBtn:before { content: ''; display: block; position: absolute; top: 50%; left: 8px; height: 18px; width: 18px; margin-top: -9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); }
.loginTypeSet .loginBtn.btnBugsLogin:before { background-position: -237px -503px; }
.loginTypeSet .loginBtn.btnFbLogin:before { background-position: -149px -503px; }
.loginTypeSet .loginBtn.btnHPlusLogin:before { background-position: -193px -503px; }
.loginTypeSet .loginBtn.btnJoinBugs:before { display: none; }
.loginTypeSet .loginBtn > strong { display: inline-block; height: 18px; margin-top: -1px; margin-right: 1px; vertical-align: middle; }
.loginTypeSet .hangamePlus { position: relative; margin-top: 6px; }
.loginTypeSet .hangamePlus .btnGuide { position: absolute; top: 50%; left: 50%; overflow: hidden; margin: -15px 0 0 55px; text-indent: -1000em; position: absolute; overflow: hidden; height: 30px; width: 30px; text-indent: -1000em; }
.loginTypeSet .hangamePlus .btnGuide:before { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: 0 -219px; }
.loginTypeSet .hangamePlus .btnGuide:before { border-radius: 50%; background-color: #FFF; }
.loginTypeSet .hangamePlus .tooltip { top: 33px; }
.loginTypeSet .hangamePlus .tooltip .layerTap { right: 50%; left: auto; margin-right: -78px; }
.loginTypeSet .hangamePlus .tooltip .btnClose { top: 1px; right: 0; }
.loginTypeSet .hangamePlus .tooltip ul li { position: relative; padding-left: 6px; line-height: 18px; }
.loginTypeSet .hangamePlus .tooltip ul li:before { content: ''; position: absolute; top: 6px; left: 0; height: 2px; width: 2px; background: #585554; }
.loginTypeSet .hangamePlus .tooltip ul li + li { margin-top: 5px; }
.loginTypeSet .loginType .paycoLogin { padding-bottom: 23px; text-align: center; }
.loginTypeSet .loginType .paycoLogin p { padding-bottom: 14px; font-size: 15px; color: #3a3635; line-height: 1.6; }
.loginTypeSet .loginType .paycoLogin a.btnPaycoLogin { display: block; position: relative; width: 185px; margin: 0 auto; padding: 21px 0 18px 61px; font-size: 17px; color: #FC1A24; text-align: center; text-decoration: none; border: 1px solid #FC1A24; border-radius: 5px; }
.loginTypeSet .loginType .paycoLogin a.btnPaycoLogin > span { position: absolute; top: 50%; left: 61px; margin-top: -6px; text-indent: -1000em; height: 14px; width: 58px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -228px -279px; }
.layer.loginV2 .loginTypeSet .options.saveLogin { margin-bottom: 15px; padding-bottom: 14px; border-bottom: 1px solid #EDEDED; }
.bugsLoginSet { position: relative; width: 318px; margin: 0 auto 20px; padding-top: 20px; }
.bugsLoginSet .login { position: relative; overflow: hidden; margin-bottom: 1px; }
.bugsLoginSet .login .input { display: block; height: 84px; }
.bugsLoginSet .login .input input[type=text], .bugsLoginSet .login .input input[type=password] { display: block; box-sizing: border-box; height: 36px; width: 100%; margin: 0 0 6px; *margin: -1px 0 4px; font-size: 12px; }
.bugsLoginSet .login .input input[type=password] { margin-bottom: 0; }
.bugsLoginSet .login .input .username, .bugsLoginSet .login .input .password { display: block; position: relative; }
.bugsLoginSet .login .input label { display: block; position: absolute; top: 2px; left: 10px; font-size: 12px; color: #3a3635; line-height: 34px; white-space: nowrap; z-index: 10; }
.bugsLoginSet .login .input label > em { color: #FF3D33; }
.bugsLoginSet .login .captcha { margin-bottom: 6px; }
.bugsLoginSet .login .captcha .chkCaptcha { position: relative; overflow: hidden; margin-bottom: 6px; }
.bugsLoginSet .login .captcha .chkCaptcha > span { display: block; position: relative; float: left; box-sizing: border-box; height: 62px; width: 214px; font-size: 11px; color: #3a3635; line-height: 62px; text-align: center; }
.bugsLoginSet .login .captcha .chkCaptcha > span:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #e5e5e5; }
.bugsLoginSet .login .captcha .chkCaptcha > span > img { max-height: 100%; max-width: 100%; vertical-align: middle; }
.bugsLoginSet .login .captcha .chkCaptcha button { position: absolute; right: 0; box-sizing: border-box; height: 28px; width: 97px; text-align: left; border-radius: 0; }
.bugsLoginSet .login .captcha .chkCaptcha button:before { content: ""; display: inline-block; margin: -2px 7px 0 1px; vertical-align: middle; }
.bugsLoginSet .login .captcha .chkCaptcha button.btnReroad { top: 0; }
.bugsLoginSet .login .captcha .chkCaptcha button.btnReroad.big { height: 62px; padding: 1px 14px 0px 14px; font-size: 12px; line-height: 2.1; }
.bugsLoginSet .login .captcha .chkCaptcha button.btnReroad.big ~ .btnVoice { display: none; }
.bugsLoginSet .login .captcha .chkCaptcha button.btnReroad:before { height: 12px; width: 11px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -268px -297px; }
.bugsLoginSet .login .captcha .chkCaptcha button.btnVoice { bottom: 0; }
.bugsLoginSet .login .captcha .chkCaptcha button.btnVoice:before { margin-right: 5px; margin-left: 2px; height: 10px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -242px -161px; }
.bugsLoginSet .login .captcha .chkCaptcha button.btnImage { bottom: 0; text-align: center; }
.bugsLoginSet .login .captcha .chkCaptcha button.btnImage:before { display: none; }
.bugsLoginSet .login .captcha .inputCaptcha { position: relative; }
.bugsLoginSet .login .captcha .inputCaptcha input { box-sizing: border-box; height: 36px; width: 100%; }
.bugsLoginSet .login .captcha .inputCaptcha label { position: absolute; top: 3px; left: 10px; font-size: 11px; color: #999; }
.bugsLoginSet .login .validation { padding-bottom: 5px; }
.bugsLoginSet .login .validation > p { display: block; position: relative; box-sizing: border-box; min-height: 28px; margin-bottom: 1px; padding: 6px 10px 3px 20px; font-size: 11px; color: #FF3D33; line-height: 1.45; border: 1px solid #FFCCC9; background-color: #FFF; }
.bugsLoginSet .login .validation > p:before { content: ''; position: absolute; top: 7px; left: 10px; vertical-align: middle; height: 11px; width: 4px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -340px -211px; }
.bugsLoginSet .login .submit { display: block; height: 34px; width: 100%; font-size: 13px; color: #FFF; line-height: 34px; text-align: center; border-radius: 0; background-color: #FF564C; }
.bugsLoginSet .login .submit:hover { text-decoration: none; background-color: #EE5047; }
.bugsLoginSet .saveOption { height: 43px; }
.bugsLoginSet .options { float: left; }
.bugsLoginSet .options label { display: inline-block; overflow: hidden; }
.bugsLoginSet .options.saveID { min-width: 76px; padding-top: 9px; }
.bugsLoginSet .options.saveLogin { padding-top: 8px !important; }
.bugsLoginSet .options.saveLogin .messagePersist { left: -76px; margin-top: -50px; }
.bugsLoginSet .options.saveLogin .messagePersist.msgPrivacy .layerTab { left: 87px; }
.bugsLoginSet .options.saveLogin .messagePersist.msgPersistGuide .layerTab { left: 255px; }
.bugsLoginSet .addon { clear: both; overflow: hidden; }
.bugsLoginSet .addon .btnNormal { height: 32px; width: 155px; padding: 0; line-height: 32px; border: 1px solid #C4C2C2; }
.bugsLoginSet .addon .find { float: left; }
.bugsLoginSet .addon .join { float: right; }
.layer.loginV2 { width: 358px; }
.layer.loginV2.deemed { border: 1px solid #919295; }
.layer.loginV2 .layerTap { position: absolute; top: -8px; right: 37px; height: 8px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -522px -258px; }
.layer.loginV2 .btnClose { top: -33px; right: -20px; background: none; position: absolute; overflow: hidden; height: 30px; width: 30px; text-indent: -1000em; }
.layer.loginV2 .btnClose:before { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -5px; height: 9px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -302px -161px; }
.layer.loginV2 .layer-title { height: 33px; }
.layer.loginV2 .layer-title h1 { position: relative; font-size: 13px; line-height: 35px; text-align: center; }
.layer.loginV2 .layer-title h1 .prevlink { position: absolute; top: 0; left: 0; height: 35px; width: 35px; text-indent: -1000em; }
.layer.loginV2 .layer-title h1 .prevlink:before { content: ''; position: absolute; }
.layer.loginV2 .layer-title h1 .prevlink:before { display: inline-block; content: ''; height: 6.36396px; width: 6.36396px; border-style: solid; border-color: #7e7e7e; border-width: 2px 0 0 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); }
.layer.loginV2 h2 { display: none; }
.layer.loginV2 .options input { vertical-align: middle; }
.layer.loginV2 .options label { margin-left: 1px; font-size: 11px; color: #757271; vertical-align: middle; }
.layer.loginV2 .options.saveLogin { position: relative; padding: 15px 0 3px 1px; }
.layer.loginV2 .options.saveLogin label { padding-right: 17px; }
.layer.loginV2 .options .icon.persistGuide { display: inline-block; cursor: pointer; margin: 0 0 1px -14px; text-indent: -1000em; vertical-align: middle; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -147px; }
.layer.loginV2 .messagePersist { display: none; position: absolute; top: 0; right: 0; left: 0; height: 48px; width: 316px; margin-top: -43px; font-size: 11px; color: #3a3635; line-height: 1.63; border: 1px solid #C4C5C8; background-color: #FFF; }
.layer.loginV2 .messagePersist > .btnClose { top: 0; right: 0; }
.layer.loginV2 .messagePersist strong { font-weight: normal; color: #FF3D33; }
.layer.loginV2 .messagePersist .btnMore { display: block; width: 52px; font-size: 11px; }
.layer.loginV2 .messagePersist .layerTab { display: block; position: absolute; z-index: 10; }
.layer.loginV2 .messagePersist.msgPrivacy .layerTab { bottom: -10px; left: 6px; height: 10px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -288px -161px; }
.layer.loginV2 .messagePersist.msgPrivacy p { margin: 9px 0 0 9px; }
.layer.loginV2 .messagePersist.msgPersistGuide .layerTab { bottom: -9px; left: 170px; height: 9px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -484px -258px; }
.layer.loginV2 .messagePersist.msgPersistGuide p { margin: 8px 0 0 9px; }
.loginLayout { display: table; width: 100%; background-color: #eff1f6; }
.pgLoginV2 { display: table-cell; padding: 75px 0 50px; vertical-align: middle; }
.pageLoginV2 .btnClose { display: none; }
.pageLoginV2 h2 { position: relative; width: 496px; margin: 0 auto 13px; font-size: 21px; font-weight: normal; color: #3a3635; line-height: 30px; text-align: center; }
.pageLoginV2 h2 .prevlink { position: absolute; top: 0; left: 0; font-size: 15px; color: #3a3535; text-indent: 20px; }
.pageLoginV2 h2 .prevlink:before { content: ''; position: absolute; }
.pageLoginV2 h2 .prevlink:before { display: inline-block; content: ''; height: 7.77817px; width: 7.77817px; border-style: solid; border-color: #7e7e7e; border-width: 2px 0 0 2px; position: absolute; top: 50%; left: 5px; transform: translate(0, -54%) rotate(-45deg); -ms-transform: translate(0, -54%) rotate(-45deg); }
.pageLoginV2 .options input { vertical-align: middle; }
.pageLoginV2 .options label { margin-left: 2px; padding-right: 7px; }
.pageLoginV2 .options.saveLogin { position: relative; padding: 15px 0 3px 1px; }
.pageLoginV2 .options .icon.persistGuide { display: inline-block; cursor: pointer; margin: 0 0 1px -4px; text-indent: -1000em; vertical-align: middle; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -147px; }
.pageLoginV2 .messagePersist { display: none; position: absolute; top: 0; right: 0px; left: 0px; height: 64px; width: 412px; margin-top: -57px; padding: 0; font-size: 12px; color: #3a3635; line-height: 22px; border: 1px solid #C4C5C8; background-color: #FFF; }
.pageLoginV2 .messagePersist strong { font-weight: normal; color: #FF3D33; }
.pageLoginV2 .messagePersist .btnMore { display: inline-block; width: auto; margin-left: 22px; font-size: 12px; }
.pageLoginV2 .messagePersist > .btnClose { display: block !important; top: 0; right: 0; background: none; position: absolute; overflow: hidden; height: 30px; width: 30px; text-indent: -1000em; }
.pageLoginV2 .messagePersist > .btnClose:before { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -5px; height: 9px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -302px -161px; }
.pageLoginV2 .messagePersist .layerTab { display: block; position: absolute; z-index: 10; }
.pageLoginV2 .messagePersist.msgPrivacy .layerTab { bottom: -10px; left: 6px; height: 10px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -288px -161px; }
.pageLoginV2 .messagePersist.msgPrivacy p { margin: 21px 0 0 18px; }
.pageLoginV2 .messagePersist.msgPrivacy .btnMore { line-height: auto !important; }
.pageLoginV2 .messagePersist.msgPersistGuide .layerTab { bottom: -9px; left: 200px; height: 9px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -484px -258px; }
.pageLoginV2 .messagePersist.msgPersistGuide p { margin: 11px 0 0 18px; }
.pageLoginV2 .banner { width: 496px; margin: 10px auto 0; }
.pageLoginV2 .banner img { height: 128px; width: 494px; border: 1px solid #D9D9D9; }
.pageLoginV2 .loginTypeSet { width: 494px; margin: 0 auto 10px; padding: 0; border: 1px solid #D9D9D9; background-color: #FFF; }
.pageLoginV2 .loginTypeSet h2 { display: block; position: relative; margin-top: -43px; font-size: 21px; font-weight: normal; color: #3a3635; z-index: 10; }
.pageLoginV2 .loginTypeSet .btnClose { display: none; }
.pageLoginV2 .loginTypeSet .loginType { width: 414px; margin: 0 auto; padding-bottom: 25px; }
.pageLoginV2 .loginTypeSet .loginType .paycoLogin { padding-bottom: 50px; }
.pageLoginV2 .loginTypeSet .loginType .paycoLogin p { padding: 46px 0 24px; font-size: 19px; line-height: 1.5; }
.pageLoginV2 .loginTypeSet .loginType .paycoLogin a.btnPaycoLogin { width: 250px; padding: 24px 0 22px 68px; font-size: 19px; }
.pageLoginV2 .loginTypeSet .loginType .paycoLogin a.btnPaycoLogin > span { left: 92px; width: 62px; margin-top: -7px; background-position: -270px -245px; }
.pageLoginV2 .loginTypeSet .loginType .loginBtn { height: 48px; font-size: 13px; line-height: 48px; }
.pageLoginV2 .loginTypeSet .loginType .loginBtn:before { content: ''; display: block; position: absolute; top: 50%; left: 11px; height: 26px; width: 26px; margin-top: -13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); }
.pageLoginV2 .loginTypeSet .loginType .loginBtn.btnBugsLogin:before { background-position: -30px -473px; }
.pageLoginV2 .loginTypeSet .loginType .loginBtn.btnFbLogin:before { background-position: -60px -473px; }
.pageLoginV2 .loginTypeSet .loginType .loginBtn.btnHPlusLogin:before { background-position: 0 -473px; }
.pageLoginV2 .loginTypeSet .loginType .loginBtn.btnJoinBugs:before { display: none; }
.pageLoginV2 .loginTypeSet .loginType .hangamePlus .btnGuide { margin: -18px 0 0 60px; }
.pageLoginV2 .loginTypeSet .loginType .hangamePlus .tooltip { top: 42px; }
.pageLoginV2 .loginTypeSet .loginType .hangamePlus .tooltip .btnClose { display: block; }
.pageLoginV2 .loginTypeSet .loginType .hangamePlus .tooltip .layerTap { margin-right: -82px; }
.pageLoginV2 .loginTypeSet .loginType .options.saveLogin { margin-bottom: 25px; padding: 17px 0 16px 2px; border-bottom: 1px solid #EDEDED; }
.pageLoginV2 .bugsLoginSet { position: relative; width: 494px; margin: 0 auto; padding: 35px 0 23px; border: 1px solid #D9D9D9; background-color: #FFF; }
.pageLoginV2 .bugsLoginSet .loginWrap { width: 414px; margin: 0 auto; }
.pageLoginV2 .bugsLoginSet .loginWrap .login { margin-bottom: 11px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .input { right: 136px; height: 112px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .input input[type=text], .pageLoginV2 .bugsLoginSet .loginWrap .login .input input[type=password] { height: 50px; font-size: 13px; line-height: 48px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .input input[type=password] { margin-bottom: 0; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .input label { font-size: 13px; line-height: 48px; background-color: transparent; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .captcha .chkCaptcha > span { height: 74px; width: 292px; font-size: 13px; line-height: 74px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .captcha .chkCaptcha button { height: 34px; width: 116px; font-size: 13px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .captcha .chkCaptcha button.btnReroad.big { height: 74px; padding: 1px 14px 0px 14px; font-size: 13px; line-height: 2.1; }
.bugsLoginSet .login .captcha .chkCaptcha button.btnReroad.big ~ .btnVoice { display: none; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .captcha .chkCaptcha button.btnReroad:before { margin: -3px 9px 0 8px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .captcha .chkCaptcha .btnVoice:before { margin: -2px 7px 0 8px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .captcha .inputCaptcha label { top: 0; font-size: 14px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .captcha .inputCaptcha input { height: 50px; line-height: 50px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .validation > p { padding-bottom: 5px; line-height: 1.5; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .validation > p > .icon { top: 9px; }
.pageLoginV2 .bugsLoginSet .loginWrap .login .submit { height: 50px; font-size: 16px; line-height: 50px; }
.pageLoginV2 .bugsLoginSet .loginWrap .addon .btnNormal { height: 48px; width: 203px; font-size: 15px; line-height: 48px; }
.pageLoginV2 .bugsLoginSet .saveOption { height: 53px; }
.pageLoginV2 .bugsLoginSet .options label { color: #757271; vertical-align: middle; white-space: nowrap; }
.pageLoginV2 .bugsLoginSet .options.saveID { width: 94px; margin-bottom: 18px; padding-top: 9px; }
.pageLoginV2 .bugsLoginSet .options.saveLogin .messagePersist { left: -94px; margin-top: -67px; }
.pageLoginV2 .bugsLoginSet .options.saveLogin .messagePersist.msgPersistGuide .layerTab { left: 295px; }
.pageLoginV2 .bugsLoginSet .options.saveLogin .messagePersist.msgPrivacy .layerTab { left: 101px; }
.layer.afterLogin { width: 287px; }
.layer.afterLogin .layerTap { position: absolute; top: -8px; right: 28px; height: 8px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -503px -258px; }
.layer.afterLogin em { color: #FF3D33; }
.layer.afterLogin .status { overflow: hidden; height: 80px; padding-left: 20px; line-height: 28px; background-color: #FBFCFD; }
.layer.afterLogin .status > .ticket { display: inline-block; overflow: hidden; height: 28px; max-width: 90%; margin-top: 16px; font-size: 15px; font-weight: normal; color: #3A3635; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }
.msie8 .layer.afterLogin .status > .ticket { word-wrap: normal; }
.layer.afterLogin .status.pps > .ticket { max-width: 67%; }
.msie8 .layer.afterLogin .status.pps > .ticket { max-width: 65%; }
.layer.afterLogin .status > .count { display: inline-block; box-sizing: border-box; overflow: hidden; height: 28px; margin-top: 16px; padding-top: 1px; font-size: 13px; line-height: 28px; vertical-align: top; }
.layer.afterLogin .status > p { font-size: 12px; color: #757271; }
.layer.afterLogin .status > p > time { color: #FF3D33; }
.layer.afterLogin .status > p > .bar { display: inline-block; height: 7px; width: 1px; margin: -1px 7px 0 7px; vertical-align: middle; background-color: #AFB0B1; }
.layer.afterLogin .status > .none { display: inline-block; font-size: 13px; color: #757271; line-height: 23px; vertical-align: middle; }
.layer.afterLogin .status .btnNormal.strong { float: right; margin: 24px 18px 0 0; }
.layer.afterLogin .status .linkFAQ { display: block; font-size: 11px; color: #3a3635; text-decoration: underline; }
.layer.afterLogin .status .blank { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.layer.afterLogin .cntStatus { padding: 11px 0 10px 20px; font-size: 12px; color: #3a3635; line-height: 28px; border-top: 1px solid #ECECEE; }
.layer.afterLogin .cntStatus .title { display: inline-block; width: 100px; color: #757271; }
.layer.afterLogin .cntStatus a:hover .title { color: #757271; text-decoration: underline; }
.layer.afterLogin .cntStatus a:hover em { text-decoration: underline; }
.layer.afterLogin .vipInfo { overflow: hidden; height: 40px; padding: 0 20px; line-height: 42px; border-top: 1px solid #ECECEE; }
.layer.afterLogin .vipInfo a { display: inline-block; position: relative; padding-right: 9px; font-size: 12px; color: #3A3635; }
.layer.afterLogin .vipInfo a:before { content: ''; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layer.afterLogin .vipInfo strong { float: left; font-size: 12px; font-weight: normal; color: #3A3635; }
.layer.afterLogin .vipInfo strong .icon { display: inline-block; overflow: hidden; height: 17px; margin-right: 2px; margin-left: 2px; text-indent: -1000em; vertical-align: top; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); }
.layer.afterLogin .vipInfo strong .icon.vip { margin-top: 12px; height: 17px; width: 29px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -308px -136px; }
.layer.afterLogin .vipInfo strong + a { float: right; color: #757271; }
.layer.afterLogin .goldenEars { overflow: hidden; height: 40px; padding: 0 20px; line-height: 42px; border-top: 1px solid #ECECEE; }
.layer.afterLogin .goldenEars a { position: relative; float: right; padding-right: 9px; font-size: 12px; color: #757271; }
.layer.afterLogin .goldenEars a:before { content: ''; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layer.afterLogin .goldenEars span { float: left; font-size: 12px; font-weight: normal; color: #3A3635; }
.layer.afterLogin .goldenEars span em { color: #B88434; }
.layer.afterLogin .hangamePlus { overflow: hidden; height: 40px; padding: 0 20px; font-size: 12px; line-height: 42px; border-top: 1px solid #ECECEE; }
.layer.afterLogin .btns { overflow: hidden; margin: 0; padding: 0; border-top: 1px solid #D9D9D9; }
.layer.afterLogin .btns > a { display: block; position: relative; float: left; height: 34px; width: 33.33333%; font-size: 12px; color: #3a3635; line-height: 34px; }
.layer.afterLogin .btns > a:hover { text-decoration: none; background-color: #F2F3F7; }
.layer.afterLogin .btns > a + a:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: #D9D9D9; }
.layer.afterLogin .btns > a > .icon { display: inline-block; margin-top: -1px; margin-right: 4px; vertical-align: middle; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -167px; }
.layer.afterLogin .btns.removeFb > a { width: 50%; }
/* comments */
.commentsCommon { position: relative; padding-top: 43px; padding-bottom: 50px; border-top: 1px solid #d9d9d9; }
.commentsCommon .innerContainer > h1 { float: left; padding-right: 5px; padding-left: 6px; font-size: 19px; font-weight: normal; color: #3a3635; line-height: 22px; }
.commentsCommon .innerContainer > .desc { float: left; margin-top: 2px; font-size: 13px; color: #757271; line-height: 18px; }
.commentsCommon .btnCommentInfo { position: relative; float: right; margin-top: 2px; padding-top: 1px; padding-left: 22px; font-size: 13px; color: #757271; line-height: 18px; }
.commentsCommon .btnCommentInfo:before { content: ''; height: 18px; width: 18px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -171px -503px; position: absolute; top: 50%; left: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.commentsCommon .attach { position: relative; clear: both; overflow: hidden; padding: 7px 0 5px; font-size: 0; }
.commentsCommon .attach .thumbnail { position: relative; float: left; text-align: center; vertical-align: middle; white-space: nowrap; background: #f3f4f7; }
.commentsCommon .attach .thumbnail:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.commentsCommon .attach .btnDelete { position: relative; margin: 0px 4px 8px; background: none; display: inline-block; height: 13px; width: 13px; text-indent: -99999em; }
.commentsCommon .attach .btnDelete:before, .commentsCommon .attach .btnDelete:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 18px; width: 1px; border-radius: 1px; background-color: #757271; }
.commentsCommon .attach .btnDelete:before { transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); }
.commentsCommon .attach .btnDelete:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); }
.commentsCommon .attach.photo .thumbnail { display: block; height: 70px; width: 70px; line-height: 70px; }
.commentsCommon .attach.photo .thumbnail:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; }
.commentsCommon .attach.photo .thumbnail img { max-height: 100%; max-width: 100%; vertical-align: middle; opacity: 1; }
.commentsCommon .attach.photo .thumbnail ~ .thumbnail { margin-left: 10px; }
.commentsCommon .attach.music .attachInfo { position: relative; float: left; overflow: hidden; width: 400px; padding: 10px; border: 1px solid #efefef; background: #fafafc; z-index: 1; }
.commentsCommon .attach.music .attachInfo + .btnDelete { position: relative; float: left; margin: 10px 0 0 -29px; z-index: 2; }
.commentsCommon .attach.music .attachInfo .thumbnail img { max-height: 100%; max-width: 100%; vertical-align: middle; opacity: 1; }
.commentsCommon .attach.music .attachInfo .artist > a { float: left; overflow: hidden; max-width: 81%; font-size: 12px; color: #757271; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.commentsCommon .attach.music .attachInfo .artist > .more { position: relative; float: left; height: 20px; width: 21px; text-indent: -1000em; z-index: 10; }
.commentsCommon .attach.music .attachInfo .artist > .more:before { content: ''; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -13px -24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.commentsCommon .attach.music .attachInfo .artist > span { display: inline-block; overflow: hidden; width: 80%; font-size: 12px; color: #757271; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.commentsCommon .attach.music .attachInfo.track .thumbnail { height: 40px; width: 40px; line-height: 40px; }
.commentsCommon .attach.music .attachInfo.track .trackInfo { position: relative; float: left; height: 40px; width: 24px; text-indent: -1000em; vertical-align: middle; }
.commentsCommon .attach.music .attachInfo.track .trackInfo:before { content: ''; height: 16px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -240px -219px; position: absolute; top: 50%; right: 1px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.commentsCommon .attach.music .attachInfo.track .btnPlay { position: relative; float: left; height: 26px; width: 22px; margin: 7px 0 0 4px; text-indent: -1000em; background-image: none; }
.commentsCommon .attach.music .attachInfo.track .btnPlay:before { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -221px -186px; }
.commentsCommon .attach.music .attachInfo.track .btnPlay.disabled:before, .commentsCommon .attach.music .attachInfo.track .btnPlay:disabled:before { background-position: -135px -88px; }
.commentsCommon .attach.music .attachInfo.track .title { position: relative; float: left; width: 130px; margin: 12px 0 0 4px; }
.commentsCommon .attach.music .attachInfo.track .title > .o19 { display: block; position: absolute; top: 0; left: 0; text-indent: -1000em; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -180px -219px; }
.commentsCommon .attach.music .attachInfo.track .title > .trackTitle { display: block; overflow: hidden; font-size: 13px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.commentsCommon .attach.music .attachInfo.track .title > .o19 + .trackTitle { width: 110px; margin-left: 21px; }
.commentsCommon .attach.music .attachInfo.track .title > span.trackTitle { color: #c6c6c6; }
.commentsCommon .writeComment .attach.music .attachInfo.track .title > span.trackTitle { color: #3a3635; }
.commentsCommon .attach.music .attachInfo.track .thumbnail + .title { margin-left: 8px; }
.commentsCommon .attach.music .attachInfo.track .artist { float: left; width: 160px; margin: 12px 0 0 13px; }
.commentsCommon .attach.music .attachInfo.track .artist a, .commentsCommon .attach.music .attachInfo.track .artist span { display: block; overflow: hidden; font-size: 12px; color: #757271; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.commentsCommon .attach.music .attachInfo.track + .btnDelete { margin-top: 23px; }
.commentsCommon .attach.music .attachInfo.album .thumbnail { height: 70px; width: 70px; line-height: 70px; }
.commentsCommon .attach.music .attachInfo.album .thumbnail .btnPlay { position: absolute; right: -4px; bottom: -4px; }
.commentsCommon .attach.music .attachInfo.album .info { float: left; width: 300px; padding: 15px 0 0 12px; line-height: normal; }
.commentsCommon .attach.music .attachInfo.album .info .albumTitle, .commentsCommon .attach.music .attachInfo.album .info .artistTitle { display: inline-block; overflow: hidden; max-width: 93%; font-size: 13px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.commentsCommon .attach.music .attachInfo.album .info .artistTitle { font-size: 12px; color: #757271; }
.commentsCommon .attach.music .attachInfo.artist .thumbnail { height: 70px; width: 70px; line-height: 70px; }
.commentsCommon .attach.music .attachInfo.artist .thumbnail .btnPlay { position: absolute; right: -4px; bottom: -4px; }
.commentsCommon .attach.music .attachInfo.artist .info { float: left; width: 300px; padding: 27px 0 0 12px; }
.commentsCommon .attach.music .attachInfo.artist .info .artistTitle { display: inline-block; overflow: hidden; max-width: 100%; font-size: 13px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.commentsCommon .sorting { clear: both; padding-bottom: 12px; text-align: right; }
.commentsCommon .listComments ~ .btns { margin-top: 20px; text-align: center; }
.commentsCommon .btnMore { padding-right: 12px; font-size: 13px; color: #757271; }
.commentsCommon .btnMore:before { height: 5px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -26px -24px; }
.commentsCommon .btns.nextComments .btnMore:before { position: absolute; top: 50%; right: 0; transform: translate(0, -54%) rotate(180deg); -ms-transform: translate(0, -54%) rotate(180deg); }
.commentsCommon .btns.nextComments { margin: 17px 0; text-align: center; }
.commentsCommon .connectStory { position: relative; box-sizing: border-box; height: 87px; margin-bottom: -16px; padding: 23px 0 0 52px; border-top: 1px solid #E5E5E5; }
.commentsCommon .connectStory:before { content: ''; position: absolute; top: 25px; left: 6px; height: 36px; width: 36px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -91px -424px; }
.commentsCommon .specialEvent ~ .connectStory { margin-top: 16px; }
.commentsCommon .connectStory p { font-size: 16px; color: #000; }
.commentsCommon .connectStory a { position: relative; display: inline-block; padding-right: 10px; font-size: 13px; color: #000; line-height: 28px; }
.commentsCommon .connectStory a:after { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.commentsCommon .induce { height: 63px; margin: 10px 0 -16px; padding: 13px 0 0 7px; font-size: 15px; color: #3a3635; line-height: 24px; border-top: 1px solid #E5E5E5; background: url("//file.bugsm.co.kr/wbugs/common/bg_commentsInduce.png") no-repeat 100% 0; }
.commentsCommon .induce > strong { font-size: 13px; font-weight: normal; color: #ff3d33; }
.commentsCommon .induce br { display: none; }
.commentsCommon .induce p { vertical-align: top; }
.commentsCommon .induce p * { vertical-align: top; }
.commentsCommon .induce p span { display: inline-block; overflow: hidden; max-width: calc(100% - 225px); text-overflow: ellipsis; white-space: nowrap; }
.commentsCommon .induce p strong { display: inline-block; overflow: hidden; max-width: 290px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; }
.writeComment { position: relative; float: left; overflow: hidden; width: 100%; margin-top: 16px; padding-bottom: 10px; }
.writeComment .cover { display: block; overflow: hidden; width: 91.7%; width: calc(100% - 78px); border: 1px solid #C4C2C2; border-radius: 3px; }
.writeComment textarea { display: block; box-sizing: border-box; overflow: hidden; height: 100%; max-height: 66px; width: 100%; border: 0; }
.writeComment > .btnWrite { display: block; position: absolute; top: 0; right: 0; height: 68px; width: 68px; font-size: 13px; color: #3a3635; line-height: 68px; text-align: center; border: 1px solid #b4b2b3; background-color: #fff; }
.writeComment > .remain { float: right; margin: 8px 86px 0 0; font-size: 12px; color: #999; }
.writeComment > .remain .limit { color: #ff3d33; }
.writeComment .btnAttach { float: left; margin-top: 8px; }
.writeComment .btnAttach button { position: relative; padding-right: 10px; padding-left: 26px; line-height: 26px; }
.writeComment .btnAttach button:before { content: ''; position: absolute; top: 50%; left: 9px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.writeComment .btnAttach button.btnAttachMusic:before { height: 11px; width: 11px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -227px -161px; }
.writeComment .btnAttach button.btnAttachPhoto:before { height: 10px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -258px -161px; }
.writeComment .attach { margin-top: 15px; padding: 0 0 10px 10px; }
ul.listComments { border-top: 1px solid #efefef; }
ul.listComments li { position: relative; overflow: hidden; padding: 9px 0 6px; word-break: break-word; word-wrap: break-word; border-bottom: 1px solid #efefef; }
ul.listComments li.notificationFocus { position: relative; border-top: 1px solid #D9D9D9; background-color: #f8f9fb; z-index: 10; }
ul.listComments li.notificationFocus + li { border-top: 1px solid #D9D9d9; }
ul.listComments li .user { display: inline-block; position: relative; box-sizing: border-box; overflow: hidden; margin-bottom: 10px; padding-top: 2px; font-size: 13px; color: #3a3635; line-height: 25px; }
ul.listComments li .user .icon { display: block; position: absolute; top: 50%; right: 0; overflow: hidden; height: 16px; width: 16px; margin-top: -8px; text-indent: -1000em; }
ul.listComments li .user.connectArtist { max-width: calc(100% - 380px); padding-right: 19px; text-overflow: ellipsis; white-space: nowrap; }
ul.listComments li .user.connectArtist:only-of-type { max-width: calc(100% - 200px); padding-right: 19px; text-overflow: ellipsis; white-space: nowrap; }
ul.listComments li .user.connectArtist .icon { margin-top: -8px; height: 15px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -409px; }
ul.listComments li .user.musicPD { padding-right: 20px; }
ul.listComments li .user.musicPD .icon { height: 15px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -371px; }
ul.listComments li .user ~ .user { margin-left: 8px; }
ul.listComments li .admin { display: block; position: relative; margin-bottom: 10px; padding: 2px 0 0 22px; font-size: 13px; color: #ff3d33; line-height: 25px; }
ul.listComments li .admin .icon { display: block; position: absolute; top: 50%; left: 0; margin-top: -8px; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -187px; }
ul.listComments li .admin ~ .btnLikeArea { display: none; }
ul.listComments li .comment { display: block; margin-bottom: 1px; font-size: 13px; color: #757271; line-height: 25px; }
ul.listComments li .user ~ .comment { width: calc(100% - 200px); }
ul.listComments li .comment time { clear: both; font-size: 11px; color: #999; }
ul.listComments li .btnReply { position: relative; margin-left: 7px; padding-right: 12px; font-size: 12px; color: #757271; }
ul.listComments li .btnReply:before { content: ''; margin-top: -1px; height: 5px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: 0 -34px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
ul.listComments li .btnReply.up:before { position: absolute; top: 50%; right: 0; transform: translate(0, -54%) rotate(180deg); -ms-transform: translate(0, -54%) rotate(180deg); }
ul.listComments li .btnReply > .bar { display: inline-block; height: 8px; width: 1px; margin-top: -1px; margin-right: 11px; vertical-align: middle; background-color: #b2b2b2; }
ul.listComments li .btnReport { margin-left: 7px; font-size: 12px; color: #757271; }
ul.listComments li .btnReport > .bar { display: inline-block; height: 8px; width: 1px; margin-top: -1px; margin-right: 11px; vertical-align: middle; background-color: #b2b2b2; }
ul.listComments li .btnDelete { margin-left: 6px; }
ul.listComments li .btnLikeArea { position: absolute; top: 12px; right: 8px; }
ul.listComments li .btnLikeArea button { position: relative; padding-right: 10px; padding-left: 27px; line-height: 26px; border-color: #D9D9D9; }
ul.listComments li .btnLikeArea button em { overflow: hidden; text-indent: -1000em; position: absolute; top: 50%; left: 10px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
ul.listComments li .btnLikeArea button strong { display: inline-block; min-width: 16px; font-weight: normal; text-align: center; white-space: nowrap; }
ul.listComments li .btnLikeArea button.btnLike em { height: 13px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -500px -424px; }
ul.listComments li .btnLikeArea button.btnLike.selected { border-color: #ff5546; }
ul.listComments li .btnLikeArea button.btnLike.selected em { height: 13px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -520px -383px; }
ul.listComments li .btnLikeArea button.btnDislike em { margin-top: 3px; height: 13px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -504px -383px; }
ul.listComments li .btnLikeArea button.btnDislike.selected { border-color: #5782d8; }
ul.listComments li .btnLikeArea button.btnDislike.selected em { height: 13px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -516px -424px; }
ul.listComments li ul.reply { margin: 7px 0 -6px; }
ul.listComments li ul.reply li { position: relative; padding-left: 30px; border-top: 1px solid #efefef; border-bottom: 0; }
ul.listComments li ul.reply li:before { content: ''; display: block; position: absolute; left: 6px; top: 12px; height: 9px; width: 9px; border-left: 1px solid #adadad; border-bottom: 1px solid #adadad; }
ul.listComments li ul.reply li.notificationFocus { position: relative; border-top: 1px solid #D9D9D9; background-color: #f8f9fb; z-index: 10; }
ul.listComments li ul.reply li.notificationFocus + li { border-top: 1px solid #D9D9d9; }
ul.listComments li .delete { padding: 20px 0 17px 6px; font-size: 13px; color: #999; }
ul.listComments li .none { padding: 53px 0 52px; font-size: 13px; color: #999; text-align: center; }
ul.listComments li .replyWrite { position: relative; margin-top: 5px; padding: 0 0 2px 30px; }
ul.listComments li .replyWrite:before { content: ''; display: block; position: absolute; left: 6px; top: 0; height: 9px; width: 9px; border-left: 1px solid #adadad; border-bottom: 1px solid #adadad; }
ul.listComments li .replyWrite:after { content: ''; display: block; clear: both; }
ul.listComments li .replyWrite .writeComment { margin: 0px; }
.pgSpecialDetail #comments { min-width: 722px; margin-left: -40px; padding-right: 30px; padding-bottom: 30px; }
.pgSpecialDetail #comments ul.listComments li .user ~ .comment { width: calc(100% - 200px); min-width: 522px; }
.specialEvent { overflow: hidden; height: 80px; padding-top: 28px; padding-left: 6px; background: url("//file.bugsm.co.kr/wbugs/theme/bg_event01.png") no-repeat 100% 50%; }
.specialEvent h1 { height: 8px; width: 95px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/theme/h_special_event.png") no-repeat; }
.specialEvent .desc { margin-top: 6px; font-size: 16px; color: #3A3536; line-height: 24px; }
.specialEvent .desc em { color: #5997dc; }
.specialEvent .sub { font-size: 12px; color: #757271; line-height: 20px; }
.specialEvent .floater { float: left; }
.specialEvent .btns { float: left; margin-left: 20px; padding-top: 12px; }
.specialEvent .btns .btnApplication { display: block; height: 28px; width: 104px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/theme/btn_application01.png") no-repeat; }
.commentsCommon .specialEvent { margin-top: 10px; margin-bottom: -16px; border-top: 1px solid #e5e5e5; }
.commentsConnect { margin-top: 30px; padding: 0 20px 20px; border-top: 0; }
.commentsConnect .innerContainer { overflow: hidden; }
.commentsConnect.commentsCommon .btnCommentInfo { position: relative; margin: 2px 0 -6px 0; z-index: 11; }
.commentsConnect .writeComment textarea { height: 53px; }
.commentsConnect .writeComment > .btnWrite { height: 55px; line-height: 55px; }
.commentsConnect ul.listComments li .user ~ .comment { width: 100%; }
.msie8 .commentsCommon { margin: 0 auto; }
.msie8 .commentsCommon .induce p span { max-width: 68%; }
.msie8 ul.listComments li .user.connectArtist { max-width: 538px; }
.msie8 ul.listComments li .reply .user.connectArtist { max-width: 508px; }
.msie8 ul.listComments li .user ~ .comment { width: 740px; }
.msie8 .pgSpecialDetail ul.listComments li .user.connectArtist { max-width: 320px; }
.msie8 .pgSpecialDetail ul.listComments li .reply .user.connectArtist { max-width: 290px; }
.msie8 .pgSpecialDetail #comments .innerContainer { width: 722px !important; }
.msie8 .pgSpecialDetail #comments ul.listComments li .user ~ .comment { width: 522px; }
.msie8 .pgSpecialDetail #comments ul.listComments li .reply .user ~ .comment { width: 492px; min-width: 492px; }
/* musicpost.scss */
.pgSpecialDetail .contentSubject .img { position: relative; overflow: hidden; text-align: center; }
.pgSpecialDetail .contentSubject .img img { max-width: 100%; }
.pgSpecialDetail .contentSubject > .etcInfo { overflow: hidden; padding: 11px 0; border-bottom: 1px solid #e5e5e5; }
.pgSpecialDetail .contentSubject > .etcInfo .seriesMore { display: inline-block; vertical-align: middle; }
.pgSpecialDetail .contentSubject > .etcInfo .seriesMore .bar { display: inline-block; height: 9px; width: 1px; margin: 5px 10px 0 7px; background-color: #ccc; }
.pgSpecialDetail .contentSubject > .etcInfo .seriesMore .btnMore { color: #3a3635 !important; }
.pgSpecialDetail .contentSubject .rt { float: right; }
.pgSpecialDetail .contentSubject .rt > span { display: block; margin-top: 1px; vertical-align: middle; }
.pgSpecialDetail .contentSubject .rt .comment { position: relative; float: left; height: 25px; padding-top: 1px; color: #757271; line-height: 25px; }
.pgSpecialDetail .contentSubject .rt .comment strong { font-weight: normal; color: #3a3635; }
.pgSpecialDetail .contentSubject .rt .comment .badge { display: block; position: absolute; top: 5px; left: -49px; width: 45px !important; font-size: 1px; text-indent: -10000em; z-index: 10; height: 16px; width: 45px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -448px -347px; }
.pgSpecialDetail .contentSubject .rt .bar { float: left; height: 9px; width: 1px; margin: 9px 4px 0 10px; background-color: #ccc; }
.pgSpecialDetail .contentSubject .rt .share { float: left; overflow: hidden; }
.pgSpecialDetail .contentSubject .rt .share strong { position: absolute; left: -10000em; font-size: 0; line-height: 0; }
.pgSpecialDetail .contentSubject .rt .share a { display: block; float: left; height: 25px; width: 25px; margin-left: 6px; font-size: 0; line-height: 0; text-indent: -10000em; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); }
.pgSpecialDetail .contentSubject .rt .share a.facebook { background-position: -119px -473px; }
.pgSpecialDetail .contentSubject .rt .share a.twitter { background-position: -177px -473px; }
.pgSpecialDetail .contentSubject .rt .share a.kakaostory { background-position: -206px -473px; }
.pgSpecialDetail .contentSubject .btnVoice { display: block; box-sizing: border-box; height: 70px; width: 100%; margin-top: 20px; text-align: center; border: 1px solid #e5e5e6; background-color: #eff1f6; }
.pgSpecialDetail .contentSubject .btnVoice > span { display: inline-block; position: relative; padding-right: 10px; padding-left: 35px; font-size: 17px; color: #3a3635; line-height: 1.64; }
.pgSpecialDetail .contentSubject .btnVoice:hover > span { text-decoration: underline; }
.pgSpecialDetail .contentSubject .btnVoice > span:before { content: ''; height: 25px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -235px -473px; position: absolute; top: 50%; left: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.specialDetail .sectionSpace { display: block; margin-top: 73px; }
.specialDetail .contentTitle .title { margin-top: 80px; color: #757271; line-height: 28px; }
.contentText + .specialDetail .contentTitle .title { margin-top: 74px; }
.specialDetail .contentTitle .title:before { content: ''; display: block; height: 3px; width: 24px; margin-bottom: 10px; background: #070215; }
.specialDetail .contentTitle .title > * { display: block; word-break: normal; }
.specialDetail .contentTitle .title small { margin-top: 15px; margin-bottom: -11px; font-size: 19px; }
.specialDetail .contentTitle .title strong + small { margin-top: 0; margin-bottom: 0; font-size: 15px; font-weight: 400; }
.specialDetail .contentTitle .title strong { margin-top: 16px; font-size: 30px; font-weight: 400; color: #000; line-height: 40px; }
.specialDetail .contentTitle .subtitle { margin-top: 53px; font-size: 19px; color: #3a3635; line-height: 32px; }
.specialDetail .contentTitle + .contentTitle .subtitle { margin-top: 49px; }
.specialDetail .contentTitle.child { margin-top: 0; }
.specialDetail .contentTitle.child .title { margin-top: 2px; }
.specialDetail .contentTitle.child .title:before { display: none; }
.specialDetail .contentTitle.child .title strong { margin-top: 53px; font-size: 19px; color: #3a3635; line-height: 32px; }
.specialDetail .contentEvent { margin-top: 73px; font-size: 15px; color: #3a3635; line-height: 28px; }
.specialDetail .contentEvent > strong { display: block; margin-bottom: 14px; text-indent: -9999em; height: 30px; width: 139px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_musicpost.png"); background-position: 0 0; }
.specialDetail .contentText { margin: 33px 0 40px; font-size: 15px; color: #757271; line-height: 28px; }
.specialDetail .contentText.cardTypeIntro { width: 640px; margin: 40px auto; font-size: 17px; color: #3a3635; line-height: 27px; }
.specialDetail .contentTitle + .contentText { margin-top: 24px; }
.specialDetail .contentText > table { width: 100% !important; }
.specialDetail .contentText > table table { width: 100% !important; }
.specialDetail .contentText > p, .specialDetail .contentText > div { word-break: normal; }
.specialDetail .contentText > p img, .specialDetail .contentText > div img { display: inline-block; margin: 0; }
.specialDetail .contentText img { max-width: 100%; }
.specialDetail .contentPhoto { margin-top: 40px; }
.specialDetail .contentTitle + .contentPhoto { margin-top: 30px; }
.specialDetail .contentText + .contentPhoto { margin-top: 33px; }
.specialDetail .contentPhoto > p img { max-width: 100%; }
.specialDetail .contentVideo { margin-top: 40px; }
.specialDetail .contentVideo > strong { display: block; padding-bottom: 33px; font-size: 19px; font-weight: normal; color: #3a3635; line-height: 32px; }
.specialDetail .contentVideo .video { position: relative; width: 100%; max-width: 940px; text-align: center; }
.specialDetail .contentVideo .video.bugstv { background-color: transparent; }
.specialDetail .contentVideo .video.youtube:before { content: ''; display: block; padding-bottom: 56.25%; }
.specialDetail .contentVideo .video.youtube iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.specialDetail .contentVideo .video > a { display: block; position: relative; min-height: 100px; margin: 0 auto; }
.specialDetail .contentVideo .video.bugstv > a { display: inline-block; }
.specialDetail .contentVideo .video .mask { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0px none; background: url("//file.bugsm.co.kr/wbugs/common/bg_black30.png") 0px 0px repeat; opacity: 1; }
.specialDetail .contentVideo .video .mask .btnMVPlay { text-indent: -1000em; height: 90px; width: 90px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -94px -42px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.specialDetail .contentVideo .video .mask:hover .btnMVPlay { height: 90px; width: 90px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: 0 -42px; }
.specialDetail .containTrack { margin-top: 40px; }
.specialDetail .containTrack > strong { display: block; margin-top: 80px; font-size: 19px; font-weight: normal; color: #3a3635; }
.specialDetail .containTrack .listControls { min-width: 722px; }
.specialDetail .containTrack .listControls .rightActions { display: none; }
.specialDetail .containTrack .trackList > tbody .title { min-width: 170px; }
.specialDetail .containTrack .notiFree { margin-top: 15px; font-size: 12px; color: #757271; }
.specialDetail .containTrack .notiFree > em { color: #ff3d33; }
.specialDetail .contentAlbum { margin-top: 40px; }
.specialDetail .contentAlbum .albumList li { position: relative; background: url("//file.bugsm.co.kr/wbugs/theme/bg_lineAlbum.png") 100% 20px no-repeat; }
.specialDetail .contentAlbum .albumList li:nth-child(2n), .specialDetail .contentAlbum .albumList li.lineBreak { background-image: none; }
.specialDetail .containAlbum { margin-top: 40px; }
.specialDetail .containAlbum > strong { display: block; margin-bottom: 14px; font-size: 19px; font-weight: normal; color: #3a3635; }
.specialDetail .contentEditor { overflow: hidden; margin-top: 40px; padding-bottom: 40px; }
.specialDetail .contentEditor .thumbnail { position: relative; float: left; height: 60px; width: 60px; margin-right: 15px; text-align: center; }
.specialDetail .contentEditor .thumbnail .mask { border: 1px solid #cacccb; opacity: 1.0; }
.specialDetail .contentEditor > strong { overflow: hidden; margin-top: 1px; font-size: 13px; font-weight: normal; color: #3a3635; line-height: 24px; }
.specialDetail .contentEditor > p { overflow: hidden; font-size: 13px; color: #757271; line-height: 22px; }
.specialDetail .posts > .btns { margin-right: 30px; text-align: right; }
.specialDetail .posts > .btns .btnNormal { margin-left: 1px; }
.specialDetail .cardTypeContent { width: 640px; margin: 40px auto 100px; }
.specialDetail .cardTypeContent .contentCardCover { position: relative; height: 796px; background-position: 50% 50%; background-size: cover; }
.specialDetail .cardTypeContent .contentCardCover .innerbox { position: absolute; top: 50%; left: 0; padding: 0 30px 0 40px; font-size: 17px; color: #fff; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.specialDetail .cardTypeContent .contentCardCover .innerbox .seriesName { margin-bottom: 14px; }
.specialDetail .cardTypeContent .contentCardCover .innerbox .seriesName:before { content: ''; display: inline-block; margin-top: -2px; margin-right: 6px; vertical-align: middle; height: 18px; width: 41px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_musicpost.png"); background-position: -44px -78px; }
.specialDetail .cardTypeContent .contentCardCover .innerbox h2 { font-size: 30px; font-weight: 300; line-height: 44px; }
.specialDetail .cardTypeContent .contentCardCover .innerbox .info { margin-top: 16px; }
.specialDetail .cardTypeContent .contentCardCover .innerbox .info time:before { content: ''; display: inline-block; height: 3px; width: 3px; margin: 0 4px 0 2px; vertical-align: middle; border: 1px solid #fff; border-radius: 100%; }
.specialDetail .cardTypeContent .contentCard { margin-top: 75px; font-size: 17px; color: #3a3635; line-height: 27px; }
.specialDetail .cardTypeContent .contentCard .source { display: block; position: relative; padding-bottom: 6px; font-size: 12px; color: #757271; line-height: 22px; text-align: right; z-index: 9; }
.specialDetail .cardTypeContent .contentCard .image .source { position: absolute; top: 10px; right: 10px; opacity: .7; }
.specialDetail .cardTypeContent .contentCard .text { word-break: normal; }
.specialDetail .cardTypeContent .contentCard .image { position: relative; }
.specialDetail .cardTypeContent .contentCard .image + .text { margin-top: 26px; }
.specialDetail .cardTypeContent .contentCard .image:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.1); z-index: 9; }
.specialDetail .cardTypeContent .contentCard .image.noBorder:after { display: none; }
.specialDetail .cardTypeContent .contentCard .image img { display: block; width: 100%; }
.specialDetail .cardTypeContent .contentCard .track { position: relative; padding: 45px 30px 30px; }
.specialDetail .cardTypeContent .contentCard .track + .text { margin-top: 26px; }
.specialDetail .cardTypeContent .contentCard .track.noImage { background: #f7f7f7 !important; }
.specialDetail .cardTypeContent .contentCard .track.noImage:before { background: transparent; }
.specialDetail .cardTypeContent .contentCard .track.noImage .cover { background: rgba(0, 0, 0, 0.03); }
.specialDetail .cardTypeContent .contentCard .track.noImage .cover:before { content: '앨범아트 없음'; display: block; text-indent: -1000em; }
.specialDetail .cardTypeContent .contentCard .track.noImage .cover img { display: none; }
.specialDetail .cardTypeContent .contentCard .track.noImage .playInfo { color: #3a3635; }
.specialDetail .cardTypeContent .contentCard .track:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.2); }
.specialDetail .cardTypeContent .contentCard .track .cover { height: 266px; width: 266px; margin: 0 auto; line-height: 266px; text-align: center; background: rgba(0, 0, 0, 0.1); position: relative; }
.specialDetail .cardTypeContent .contentCard .track .cover:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.1); z-index: 9; }
.specialDetail .cardTypeContent .contentCard .track .cover img { max-height: 100%; width: auto; max-width: 100%; vertical-align: middle; }
.specialDetail .cardTypeContent .contentCard .track .playInfo { position: relative; margin-top: 77px; padding-right: 100px; color: #fff; z-index: 999; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .albumTitle { font-size: 21px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .albumTitle .badge { display: inline-block; margin: -3px 1px 0 0; text-indent: -9999em; vertical-align: middle; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .albumTitle .badge.badgeNoPermission { height: 21px; width: 21px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_musicpost.png"); background-position: -143px -50px; }
.specialDetail .cardTypeContent .contentCard .track.noImage .playInfo .albumTitle .badge.badgeNoPermission { background-position: -143px -25px; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .albumTitle .badge.badge19 { height: 21px; width: 21px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_musicpost.png"); background-position: -143px 0; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .albumTitle .badge + .badge { margin-left: 4px; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .albumTitle.disabled { opacity: .4; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .artist { margin-top: 5px; opacity: 0.7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .artist.disabled { opacity: .28; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .btns { position: absolute; top: 10px; right: -7px; font-size: 0; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .btns button { display: inline-block; cursor: pointer; margin-left: 13px; text-indent: -9999px; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .btns button.disabled { opacity: .4; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .btns button.play { height: 40px; width: 40px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_musicpost.png"); background-position: -44px -34px; }
.specialDetail .cardTypeContent .contentCard .track.noImage .playInfo .btns button.play { background-position: 0 -34px; }
.specialDetail .cardTypeContent .contentCard .track .playInfo .btns button.addPlaylist { height: 40px; width: 40px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_musicpost.png"); background-position: 0 -78px; }
.specialDetail .cardTypeContent .contentCard .track.noImage .playInfo .btns button.addPlaylist { background-position: -88px -34px; }
.specialDetail .cardTypeContent .contentCard .video + .text { margin-top: 26px; }
.specialDetail .cardTypeContent .contentCard .video .videoPlayer { width: 100%; }
.specialDetail .cardTypeContent .contentCard .video.youtube { position: relative; padding-bottom: 56.25%; }
.specialDetail .cardTypeContent .contentCard .video.youtube iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.specialDetail .cardTypeContent .contentCard .event .title { margin-bottom: 3px; font-size: 23px; color: #9216ff; line-height: 38px; }
.specialDetail .cardTypeContent .contentCard .event .title strong { font-weight: 400; }
.specialDetail .cardTypeContent .contentCard .event .info { margin-top: 31px; }
.specialDetail .cardTypeContent .contentCard .event .noti { margin-top: 28px; font-size: 15px; line-height: 25px; opacity: .7; }
/* layer.scss */
:root { --bg: #FFF; --border: #E8E8E8; --txt-primary: #3A3635; --txt-secondary: #757271; --txt-accent: #FF3D33; --txt-strong: #000; --btn-primary-bg: #FFF; --btn-primary-txt: #3A3635; --btn-primary-border: #DBDBDB; --btn-primary-dimmed: 0.4; --btn-accent-bg: #000; --btn-accent-txt: #FFF; --btn-accent-border: transparent; --btn-accent-dimmed: 0.4; --btn-strong-bg: #FF564C; --btn-strong-txt: #FFF; --btn-strong-border: #FF564C; --thumbnail-border: rgba(0, 0, 0, 0.05); --thumbnail-bg: rgba(0,0,0,0.05); --form-border: #DBDBDB; --section-divider-bg: #F8F8F8; --section-divider-border: #EFEFEF; --layer-bg: #FFF; --layer-alert-border: #c4c5c8; }
.layer { display: none; position: absolute; box-shadow: 10px 10px 15px 0 rgba(7, 0, 2, 0.1); border: 1px solid #c4c5c8; background: #FFF; z-index: 1000; }
.layer > .arrow { display: block; position: absolute; top: -8px; right: 10px; height: 9px; width: 15px; }
.layer > .arrow:before { content: ''; position: absolute; right: 0; height: 9px; width: 6px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px 0; }
.layer .closeCheck { padding: 12px 0 12px 6px; }
.layer .closeCheck label { font-size: 12px; color: #999; line-height: 16px; }
.layer .layer-title { display: block; position: relative; height: 50px; width: 100%; border-bottom: 1px solid #E5E5E5; }
.layer .layer-title > h1 { padding: 0 20px; font-size: 15px; font-weight: 400; color: #3a3635; line-height: 50px; }
.layer > .btnClose { display: block; position: absolute; top: 11px; right: 4px; cursor: pointer; height: 30px; width: 30px; background-image: none; z-index: 1000; }
.layer > .btnClose:before { content: ''; height: 9px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -302px -161px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.layer .layerContents { padding-bottom: 20px; }
.layer .layerContents em { color: #FF3D33; }
.layer .btns { margin-top: 14px; text-align: center; }
.layer.dimborder { border: 1px solid #919295; }
.layer .layerTap { position: absolute; height: 8px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -522px -258px; }
.layer .layerTap.topLeft { top: -8px; left: 19px; }
.layer .layerTap.topRight { top: -8px; right: 18px; left: auto; }
.layer .layerTap.topCenter { top: -8px; left: 50%; margin-left: -7px; }
.layer .layerTap.left { top: 19px; left: -8px; }
table.formLayout { width: 100%; margin-top: 8px; }
table.formLayout tbody th { padding-top: 18px; padding-left: 4px; vertical-align: top; }
table.formLayout tbody td { padding: 6px 0 0; line-height: 34px; text-align: left; vertical-align: top; }
table.formLayout tbody td.right { padding-right: 10px; text-align: right; }
table.formLayout tbody td .remain { font-size: 11px; color: #999; }
table.formLayout tbody td img.thumb { float: left; height: 50px; width: 50px; border: 1px solid #dadada; }
table.formLayout tbody .inputFile { float: left; padding-left: 4px; }
table.formLayout tbody .inputFile input[type=text].file { height: 26px; width: 164px; line-height: 24px; }
.layer.alertMessage { width: 346px; color: #3A3635; color: var(--txt-primary); border-color: #c4c5c8; border-color: var(--layer-alert-border); background-color: #FFF; background-color: var(--layer-bg); }
.layer.alertMessage .layer-title { overflow: hidden; height: 33px; border-color: #c4c5c8; border-color: var(--layer-alert-border); }
.layer.alertMessage .layer-title > h1 { padding: 0 14px; font-size: 13px; color: #3A3635; color: var(--txt-primary); line-height: 34px; }
.layer.alertMessage.title .layerContents { padding: 0 14px 14px; }
.layer.alertMessage.noTitle .layerContents { padding: 0 20px 14px; }
.layer.alertMessage .message { font-size: 13px; color: #3A3635; color: var(--txt-primary); line-height: 24px; text-align: center; }
.layer.alertMessage .message .desc { margin-top: 24px; color: #757271; color: var(--txt-secondary); }
.layer.alertMessage.title .message.msg1 { padding: 25px 0 9px; }
.layer.alertMessage.title .message.msg2 { margin-bottom: -6px; padding: 9px 0 0; }
.layer.alertMessage.noTitle .message.msg1 { padding: 35px 0 19px; }
.layer.alertMessage.noTitle .message.msg2 { padding: 15px 0 0; }
.layer.alertMessage.addOption .message { padding-top: 10px; text-align: left; }
.layer.alertMessage.addOption .option { margin-top: 20px; }
.layer.alertMessage.addOption .option span { display: block; }
.layer.alertMessage.addOption .option span + span { margin-top: 12px; }
.layer.alertMessage.addOption .option label { display: inline-block; margin-left: 5px; padding-top: 1px; color: #757271; color: var(--txt-secondary); }
.layer.alertMessage.addOption .option .checked + label { color: #3A3635; color: var(--txt-primary); }
.layer.alertMessage.addOption .option select { width: 100%; font-size: 13px; color: #757271; color: var(--txt-secondary); border-color: #DBDBDB; border-color: var(--form-border); background-color: #FFF; background-color: var(--bg); }
.layer.alertMessage .btns .btnNormal { margin: 0 1px; color: #3A3635; color: var(--btn-primary-txt); border-color: #DBDBDB; border-color: var(--btn-primary-border); background-color: #fff; background-color: var(--btn-primary-bg); }
.layer.alertMessage .btns .btnNormal.strong { color: #FFF; color: var(--btn-strong-txt); border-color: #FF564C; border-color: var(--btn-strong-border); background-color: #FF564C !important; background-color: var(--btn-strong-bg) !important; }
.layer.alertMessage .btns button.btnNormal { height: 28px; }
.layer.alertMessage .btnClose { top: 1px; right: 0; }
@media screen and (max-width: 459px) { .layer.alertMessage { width: 95%; max-width: 346px; } }
.layer.bugsAlert { width: 346px; color: #3A3635; color: var(--txt-primary); border-color: #c4c5c8; border-color: var(--layer-alert-border); background-color: #fff; background-color: var(--layer-bg); }
.layer.bugsAlert.noTitle .layerContents { padding: 0 20px 14px; }
.layer.bugsAlert.noTitle .message.msg1 { padding: 35px 0 19px; }
.layer.bugsAlert.noTitle .message.msg2 { padding: 15px 0 0; }
.layer.bugsAlert .message { font-size: 13px; color: #3A3635; color: var(--txt-primary); line-height: 24px; text-align: center; }
.layer.bugsAlert .message .desc { margin-top: 24px; color: #757271; color: var(--txt-secondary); }
.layer.bugsAlert .btns .btnNormal { margin: 0 3px; color: #3a3635; color: var(--btn-primary-txt); border-color: #DBDBDB; border-color: var(--btn-primary-border); background-color: #FFF; background-color: var(--btn-primary-bg); }
.layer.bugsAlert .btns .btnNormal.strong { color: #FFF; color: var(--btn-strong-txt); border-color: #FF564C; border-color: var(--btn-strong-border); background-color: #FF564C !important; background-color: var(--btn-strong-bg) !important; }
.layer.bugsAlert .btns button.btnNormal { height: 28px; }
.layer.bugsAlert > .btnClose { top: 1px; right: 0; overflow: hidden; }
.layer.bugsConfirm { width: 346px; color: #3A3635; color: var(--txt-primary); border-color: #c4c5c8; border-color: var(--layer-alert-border); background-color: #fff; background-color: var(--layer-bg); }
.layer.bugsConfirm.noTitle .layerContents { padding: 0 20px 14px; }
.layer.bugsConfirm.noTitle .message.msg1 { padding: 35px 0 19px; }
.layer.bugsConfirm.noTitle .message.msg2 { padding: 15px 0 0; }
.layer.bugsConfirm .message { font-size: 13px; color: #3A3635; color: var(--txt-primary); line-height: 24px; text-align: center; }
.layer.bugsConfirm .message .desc { margin-top: 24px; color: #757271; color: var(--txt-secondary); }
.layer.bugsConfirm .btns .btnNormal { margin: 0 3px; color: #3a3635; color: var(--btn-primary-txt); border-color: #DBDBDB; border-color: var(--btn-primary-border); background-color: #FFF; background-color: var(--btn-primary-bg); }
.layer.bugsConfirm .btns .btnNormal.strong { color: #FFF; color: var(--btn-strong-txt); border-color: #FF564C; border-color: var(--btn-strong-border); background-color: #FF564C !important; background-color: var(--btn-strong-bg) !important; }
.layer.bugsConfirm .btns button.btnNormal { height: 28px; }
.layer.bugsConfirm > .btnClose { top: 1px; right: 0; overflow: hidden; }
.tooltip .layerTap { position: absolute; top: -8px; left: 19px; height: 8px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -522px -258px; }
.tooltip .layerTapBtm { position: absolute; bottom: -9px; left: 19px; height: 9px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -484px -258px; }
.tooltip .layerContents { padding: 9px 30px 7px 10px; font-size: 11px; color: #3a3635; line-height: 140%; }
.tooltip.basic .layerContents { padding: 10px 10px 6px 10px; }
.tooltip .layerContents .link { display: inline-block; position: relative; margin-top: 8px; padding-right: 12px; color: #999; line-height: 1em; }
.tooltip .layerContents .link:after { content: ''; position: absolute; top: 1px; right: 0; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; }
.tooltip .btnClose { top: 1px; right: 0; }
.layer.layer-select > h1 { display: none; }
.layer.layer-select .innerScroll { overflow: auto; overflow-x: hidden; max-height: 340px; }
.layer.layer-select.contextualMenu .innerScroll { overflow: hidden; }
.layer.layer-select.share .innerScroll { overflow: hidden; }
.layer.layer-select.download .innerScroll { overflow: hidden; }
.layer.layer-select.downloadMusicVideo .innerScroll { overflow: hidden; }
.layerCommentsAttachMusic ~ .layer.layer-select.scArtist { z-index: 1010; }
.layer.layer-select.scArtist .innerScroll { max-height: 272px; }
.layer.layer-select.scArtist .innerScroll li { box-sizing: border-box; width: 100%; padding-right: 28px; }
.layer.layer-select.scArtist .innerScroll li > a { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layer.layer-select.addMyAlbum { width: 178px; }
.layer.layer-select.addMyAlbum .list-layer-select { min-width: 173px; }
.layer.layer-select.addMyAlbum .list-layer-select li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layer.layer-select.classicStyle { width: 138px; }
.layer.layer-select.realtime { width: 138px; }
.layer.layer-select.scLabel .list-layer-select li > a { min-width: 141px; padding: 0 15px 0 14px; font-size: 15px; }
.list-layer-select { width: 100%; }
.list-layer-select li > a { display: block; position: relative; width: auto; padding: 0 28px 0 14px; font-size: 12px; font-weight: 400; color: #757271; line-height: 34px; white-space: nowrap; background-color: #FFF; }
.list-layer-select.center li > a { padding: 0; text-align: center; }
.list-layer-select li > a:hover, .list-layer-select li > a:active, .list-layer-select li > a:focus { text-decoration: none; }
.list-layer-select li.select > a { color: #3a3635; background-color: #f3f3f7; }
.list-layer-select li > a:hover, .list-layer-select li > a.current { color: #3a3635; background-color: #f3f3f7; }
.list-layer-select li > a.detailDisclosure:before { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 6px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.list-layer-select li > span { display: block; position: relative; width: auto; padding: 0 28px 0 14px; font-size: 12px; font-weight: 400; color: #D1D0D0; line-height: 34px; white-space: nowrap; background-color: #FFF; }
.list-layer-select li.divider { border-top: 1px solid #EFEFEF; }
.list-layer-select.sns a > .icon { display: inline-block; height: 16px; width: 16px; margin-top: -1px; margin-right: 4px; vertical-align: middle; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); }
.list-layer-select.sns a.ks > .icon { background-position: -60px -219px; }
.list-layer-select.sns a.fb > .icon { background-position: -20px -219px; }
.list-layer-select.sns a.tw > .icon { background-position: -220px -219px; }
.list-layer-select.sns a.copyLink > .icon { background-position: -80px -219px; }
.layer .formGroup { overflow: hidden; margin: 0 20px; padding: 20px 0 4px; }
.layer .formGroup > .guide { margin-bottom: 25px; font-size: 11px; color: #757271; text-align: right; }
.layer .formGroup > .guide em { color: #FF3D33; }
.layer .formGroup button:hover { background: #f2f3f7; }
.layer .formGroup .row { overflow: hidden; margin-bottom: 6px; }
.layer .formGroup .row > label, .layer .formGroup .row > .label { float: left; width: 120px; color: #757271; line-height: 36px; }
.layer .formGroup .row > label em, .layer .formGroup .row > .label em { color: #FF3D33; }
.layer .formGroup .row > .col { float: left; width: 403px; }
.layer .formGroup .col .validate { position: relative; margin-bottom: -6px; padding-left: 10px; color: #ff3d33; line-height: 32px; }
.layer .formGroup .col .validate:before { content: ''; position: absolute; top: 10px; left: 0; height: 11px; width: 4px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -340px -211px; }
.layer .formGroup .col .guide { margin-bottom: -6px; padding: 7px 0; font-size: 12px; color: #757271; line-height: 18px; }
.layer .formGroup .col .guide em { display: block; margin-top: 10px; color: #FF3D33; }
.layer .formGroup .col .placeholderForm { position: relative; }
.layer .formGroup .col .placeholderForm .placeholder { position: absolute; top: 1px; left: 11px; color: #999; line-height: 34px; }
.layer .formGroup .typeSelect { margin: -12px 0 17px; padding-left: 1px; }
.layer .formGroup .typeSelect input { margin-top: 7px; }
.layer .formGroup .typeSelect label { margin-right: 30px; font-size: 15px; color: #3A3635; line-height: 28px; vertical-align: top; }
.layer .formGroup .fileUpload label { margin-top: 3px; }
.layer .formGroup .fileUpload .col { padding-bottom: 12px; }
.layer .formGroup .fileUpload .btnFileSelect { position: relative; margin: 6px 0 15px; color: #FFF; border-color: #3a3635; background: #3a3635; }
.layer .formGroup .fileUpload .btnFileSelect:before { content: ''; display: inline-block; margin: 6px 5px 0 0; vertical-align: top; height: 12px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -251px -297px; }
.layer .formGroup .fileUpload .progress { position: relative; overflow: hidden; height: 38px; width: 401px; margin-bottom: 9px; border: 1px solid #E5E5E5; }
.layer .formGroup .fileUpload .progress .bg { position: absolute; top: 0; bottom: 0; left: 0; background: #f2f3f7; }
.layer .formGroup .fileUpload .progress span { position: relative; float: left; padding-left: 35px; line-height: 40px; }
.layer .formGroup .fileUpload .progress span:before { content: ''; position: absolute; left: 12px; }
.layer .formGroup .fileUpload .progress span.track:before { top: 11px; height: 16px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_connect.png"); background-position: -22px -20px; }
.layer .formGroup .fileUpload .progress span.video:before { top: 12px; height: 13px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_connect.png"); background-position: -44px 0; }
.layer .formGroup .fileUpload .progress button { position: relative; float: right; font-size: 13px; line-height: 40px; border: 0; }
.layer .formGroup .fileUpload .progress .btnCancel { padding: 0 15px; }
.layer .formGroup .fileUpload .progress .btnCancel:hover { text-decoration: underline; }
.layer .formGroup .fileUpload .progress .btnFileDelete { top: 14px; right: 15px; display: inline-block; height: 11px; width: 11px; text-indent: -99999em; }
.layer .formGroup .fileUpload .progress .btnFileDelete:before, .layer .formGroup .fileUpload .progress .btnFileDelete:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 15px; width: 1px; border-radius: 1px; background-color: #757271; }
.layer .formGroup .fileUpload .progress .btnFileDelete:before { transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); }
.layer .formGroup .fileUpload .progress .btnFileDelete:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); }
.layer .formGroup .fileUpload ul li { position: relative; padding-left: 7px; font-size: 12px; color: #757271; line-height: 20px; }
.layer .formGroup .fileUpload ul li:before { content: ''; position: absolute; top: 7px; left: 0; height: 2px; width: 2px; background: #999; }
.layer .formGroup .fileUpload ul li a { display: inline-block; position: relative; margin-left: 5px; padding-right: 10px; text-decoration: underline; }
.layer .formGroup .fileUpload ul li a:before { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layer .formGroup .imageInfo { margin-bottom: 20px; }
.layer .formGroup .imageInfo label { cursor: default; }
.layer .formGroup .imageInfo .col { margin-top: 10px; }
.layer .formGroup .imageInfo .thumbnail { position: relative; float: left; overflow: hidden; margin-right: 20px; text-align: center; background: #f2f3f7; }
.layer .formGroup .imageInfo .track .thumbnail { height: 100px; width: 100px; line-height: 100px; }
.layer .formGroup .imageInfo .video .thumbnail { height: 75px; width: 134px; line-height: 75px; }
.layer .formGroup .imageInfo .artist .thumbnail { height: 120px; width: 120px; line-height: 120px; }
.layer .formGroup .imageInfo .guide { overflow: hidden; margin-bottom: 11px; line-height: 18px; }
.layer .formGroup .imageInfo .track .guide { padding: 25px 0 0; }
.layer .formGroup .imageInfo .video .guide { padding: 0; }
.layer .formGroup .imageInfo .artist .guide { margin-bottom: 38px; padding: 0; }
.layer .formGroup .imageInfo .artist .guide em { display: inline; margin-top: 0; color: #3a3635; }
.layer .formGroup .subject input { width: 371px; }
.layer .formGroup .intro textarea, .layer .formGroup .lyrics textarea { height: 54px; width: 371px; }
.layer .formGroup .intro .count, .layer .formGroup .lyrics .count { margin-bottom: -6px; padding-top: 1px; font-size: 12px; color: #999; line-height: 22px; }
.layer .formGroup .style { margin-bottom: 11px; padding-bottom: 16px; border-bottom: 1px solid #E5E5E5; }
.layer .formGroup .style select { width: 135px; padding: 10px 25px 9px 10px; font-size: 13px; color: #3A3635; text-overflow: ellipsis; white-space: nowrap; }
.layer .formGroup .style select ~ select { width: 216px; }
.layer .formGroup .style .btnAdd { position: relative; overflow: hidden; height: 36px; width: 36px; font-size: 13px; color: #3A3635; text-indent: -1000em; border: 1px solid #c4c2c2; border-radius: 3px; }
.layer .formGroup .style .btnAdd:before { content: ''; position: absolute; top: 50%; left: 50%; height: 10px; width: 2px; margin: -5px 0 0 -1px; background: #4C4C4C; }
.layer .formGroup .style .btnAdd:after { content: ''; position: absolute; top: 50%; left: 50%; height: 2px; width: 10px; margin: -1px 0 0 -5px; background: #4C4C4C; }
.layer .formGroup .style .group ~ .group { margin-top: 6px; }
.layer .formGroup .setting label { line-height: 34px; }
.layer .formGroup .setting .col label { display: inline-block; width: 78px; line-height: 34px; }
.layer .formGroup .setting .col label ~ label { width: 53px; }
.layer .formGroup .setting .col input[disabled="disabled"] + label { cursor: default; color: #D9D9D9; }
.layer .formGroup .setting .col .guide { margin: -9px 0 -2px; }
.layer .formGroup .setting.cover .btnCover { display: inline-block; overflow: hidden; margin-top: 9px; text-indent: -1000em; vertical-align: top; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -147px; }
.layer .formGroup .setting.cover .layer.tooltip { width: 238px; }
.layer .formGroup .setting.original .btnSearch { position: relative; box-sizing: border-box; height: 28px; padding: 1px 15px 0 36px; line-height: 26px; }
.layer .formGroup .setting.original .btnSearch:before { content: ''; height: 11px; width: 11px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -227px -161px; position: absolute; top: 50%; left: 15px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layer .formGroup .setting.original .result { margin-top: 14px; font-size: 13px; color: #767271; }
.layer .formGroup .setting.original .result span { color: #3A3635; }
.layer .formGroup .artistName input { width: 371px; }
.layer .formGroup .uploadInfo { padding-top: 27px; border-top: 1px solid #e7e7e7; }
.layer .formGroup .uploadInfo label { cursor: default; line-height: 22px; }
.layer .formGroup .uploadInfo p { margin-bottom: 15px; line-height: 22px; }
.layer.createMyAlbum { width: 436px; }
.layer.createMyAlbum fieldset { padding: 20px 10px 0 15px; }
.layer.createMyAlbum fieldset .row { overflow: hidden; }
.layer.createMyAlbum fieldset .row label { float: left; width: 36px; color: #3A3635; line-height: 36px; }
.layer.createMyAlbum fieldset .col { float: left; }
.layer.createMyAlbum fieldset .col input.txt { width: 296px; }
.layer.createMyAlbum fieldset .col .remain { display: inline-block; width: 54px; font-size: 11px; color: #757271; line-height: 36px; text-align: right; }
.layer.createMyAlbum fieldset .btns { margin-top: 20px; }
.layer.createMyAlbum.player { width: 348px; }
.layer.createMyAlbum.player fieldset .col input.txt { width: 208px; }
.layer.listMusicVideo { width: 528px; }
.layer.listMusicVideo .layerContents { padding: 0; }
.layer.listMusicVideo .layerContents .listControls { min-width: 500px; margin-right: 14px; margin-left: 14px; }
.layer.listMusicVideo .layerContents .listControls label { display: inline-block; width: 28px; margin-right: 1px; text-align: center; }
.layer.listMusicVideo .layerContents .listControls .btns { display: inline-block; margin: 0; text-align: left; }
.layer.listMusicVideo .layerContents .listControls .btns.play { position: relative; padding-left: 22px; }
.layer.listMusicVideo .layerContents .listControls .btns.play > .leftBar { display: block; position: absolute; top: 50%; left: 9px; height: 10px; width: 1px; margin-top: -5px; background-color: #ccc; }
.layer.listMusicVideo .layerContents .innerScroll { position: relative; overflow-x: hidden; max-height: 401px; margin-top: 14px; }
.layer.listMusicVideo .layerContents .innerScroll .list.listView.mvList { margin-left: 14px; }
.layer.listMusicVideo .layerContents .innerScroll .list.listView.mvList li { padding-top: 12px; padding-bottom: 11px; }
.layer.listMusicVideo .layerContents .innerScroll .list.listView.mvList figure.mvInfo .info .btnActions { right: 3px; }
.layer.calendar { width: 210px; padding: 24px 19px 13px 19px; }
.calendar .display { position: relative; text-align: center; }
.calendar .display h1 { font-size: 15px; font-weight: normal; color: #3a3635; }
.calendar .display .btnPrev { display: block; position: absolute; top: 3px; left: 1px; text-indent: -1000em; -ms-transform: rotate(180deg); transform: rotate(180deg); height: 9px; width: 6px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px 0; }
.calendar .display .btnNext { display: block; position: absolute; top: 3px; right: 1px; text-indent: -1000em; height: 9px; width: 6px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px 0; }
table.calendar { width: 100%; margin-top: 20px; }
table.calendar thead th { height: 30px; width: 30px; font-size: 11px; font-weight: normal; color: #b2b7ba; vertical-align: middle; }
table.calendar tbody td { height: 30px; }
table.calendar tbody tr.selected td { color: #3a3635; background-color: #ebecf0; }
table.calendar tbody td > a { display: inline-block; height: 30px; width: 30px; font-size: 13px; color: #757271; line-height: 30px; text-align: center; text-decoration: none; }
table.calendar tbody td > a:hover, table.calendar tbody td > a.selected { color: #3a3635; background-color: #ebecf0; }
.layerPhotoGallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-width: 890px; z-index: 1001; }
.layerPhotoGallery h1 { position: absolute; left: -10000em; }
.layerPhotoGallery .layerContents { position: absolute; width: 650px; }
.layerPhotoGallery .photos { height: 732px; width: 650px; margin: 0 auto 23px; }
.layerPhotoGallery .photos .bigImg { position: relative; height: 650px; width: 650px; margin-bottom: 6px; text-align: center; background-color: #000; }
.layerPhotoGallery .photos .bigImg img { max-height: 650px; max-width: 650px; }
.layerPhotoGallery .photos .bigImg a { line-height: 650px; }
.layerPhotoGallery .photos .bigImg .originalView { position: absolute; top: -41px; left: 50%; height: 20px; margin-left: -42px; padding-left: 22px; font-size: 17px; color: #fff; line-height: 20px; text-align: center; }
.layerPhotoGallery .photos .bigImg .originalView:before { content: ''; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -543px -127px; position: absolute; top: 50%; left: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerPhotoGallery .photos .bigImg .originalView:hover { text-decoration: underline; }
.layerPhotoGallery .photos .bigImg .btns { position: absolute; right: 0; bottom: 20px; left: 0; text-align: center; }
.layerPhotoGallery .photos .bigImg .btns button { position: relative; overflow: hidden; height: 35px; margin: 0 2px; padding: 0 12px 0 36px; font-size: 12px; color: #FFF; line-height: 36px; border-radius: 18px; }
.layerPhotoGallery .photos .bigImg .btns button:before { content: ''; z-index: 10; position: absolute; top: 50%; left: 6px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); }
.layerPhotoGallery .photos .bigImg .btns button.btnSetDefaultImg:before { height: 25px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -148px -473px; }
.layerPhotoGallery .photos .bigImg .btns button.btnDeleteImg:before { height: 25px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -90px -473px; }
.layerPhotoGallery .photos .bigImg .btns button span { position: relative; z-index: 10; }
.layerPhotoGallery .photos .bigImg .btns button .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); z-index: 1; }
.layerPhotoGallery .photos .bigImg.spectogram { background-color: #FFF; }
.layerPhotoGallery .photos .bigImg.spectogram .originalView { top: -162px; }
.layerPhotoGallery .photos .bigImg.spectogram .header { position: relative; box-sizing: border-box; height: 121px; padding: 22px 0 0 29px; text-align: left; }
.layerPhotoGallery .photos .bigImg.spectogram .header .btnReport { position: absolute; top: 23px; right: 30px; }
.layerPhotoGallery .photos .bigImg.spectogram .header .track { display: inline-block; overflow: hidden; max-height: 60px; width: 470px; margin-bottom: 4px; font-size: 21px; font-weight: normal; color: #3a3635; line-height: 30px; text-align: left; }
.layerPhotoGallery .photos .bigImg.spectogram .header .track + p { font-size: 13px; color: #757271; }
.layerPhotoGallery .photos .bigImg.spectogram .img a { line-height: 408px; }
.layerPhotoGallery .photos .bigImg.spectogram .guide { padding: 28px 30px; text-align: left; }
.layerPhotoGallery .photos .bigImg.spectogram .guide li { position: relative; float: none; height: auto; width: auto; margin-bottom: 4px; padding-left: 10px; color: #757271; line-height: 20px; text-align: left; background: none; }
.layerPhotoGallery .photos .bigImg.spectogram .guide li:before { content: "-"; position: absolute; top: 0; left: 0; }
.layerPhotoGallery .photos .bigImg.spectogram .guide li a.btnMore { display: inline-block; height: auto; width: auto; margin-left: 3px; color: #3a3635 !important; line-height: 20px; }
.layerPhotoGallery .photos li { display: block; position: relative; float: left; overflow: hidden; height: 76px; width: 76px; margin-right: 6px; background: url("//file.bugsm.co.kr/wbugs/common/i_defaultPhoto.png") 0 0 no-repeat; background-color: #f2f3f8; }
.layerPhotoGallery .photos li a { display: block; line-height: 76px; background-color: #fff; }
.layerPhotoGallery .photos li.lineBreak { margin-right: 0; }
.layerPhotoGallery .photos li .currentImg { position: absolute; top: 0; right: 0; left: 0; height: 3px; font-size: 0; line-height: 0; text-indent: -10000em; background-color: #ff5445; }
.layerPhotoGallery .photos li .defaultImg { position: absolute; right: 0; bottom: 0; left: 0; }
.layerPhotoGallery .photos li .defaultImg span { display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 20px; font-size: 11px; color: #FFF; line-height: 20px; }
.layerPhotoGallery .photos li .defaultImg span.bg { background: #000; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.layerPhotoGallery .photos .bigImg a, .layerPhotoGallery .photos li a { display: block; position: relative; height: 100%; width: 100%; text-align: center; }
.layerPhotoGallery .photos .bigImg img, .layerPhotoGallery .photos li img { max-height: 100%; max-width: 100%; margin-top: -1px; vertical-align: middle; }
.webkit .layerPhotoGallery .photos .bigImg img, .webkit .layerPhotoGallery .photos li img { margin-top: 0; }
.layerPhotoGallery .paging { padding-top: 0; }
.layerPhotoGallery .paging button { display: inline-block; font-size: 0; line-height: 0; text-indent: 0; }
.layerPhotoGallery .paging button.disabled { cursor: default; opacity: 0.3; }
.layerPhotoGallery .paging.pagingImg button { position: absolute; top: 50%; margin-top: -40px; }
.layerPhotoGallery .paging.pagingImg button.prev { left: -110px; display: inline-block; content: ''; height: 55.15433px; width: 55.15433px; border-style: solid; border-color: #fff; border-width: 2px 0 0 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.layerPhotoGallery .paging.pagingImg button.next { right: -110px; display: inline-block; content: ''; height: 55.15433px; width: 55.15433px; border-style: solid; border-color: #fff; border-width: 2px 0 0 2px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.layerPhotoGallery .paging.pagingImgList { clear: both; }
.layerPhotoGallery .paging.pagingImgList button { vertical-align: middle; }
.layerPhotoGallery .paging.pagingImgList button.prev { display: inline-block; content: ''; height: 11.31371px; width: 11.31371px; border-style: solid; border-color: #fff; border-width: 1px 0 0 1px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.layerPhotoGallery .paging.pagingImgList button.next { display: inline-block; content: ''; height: 11.31371px; width: 11.31371px; border-style: solid; border-color: #fff; border-width: 1px 0 0 1px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.layerPhotoGallery .paging.pagingImgList > span { display: inline-block; padding: 0 12px; font-size: 13px; color: #fff; vertical-align: middle; }
.layerPhotoGallery .btnClose { position: absolute; top: 60px; right: 60px; background: none; display: inline-block; height: 32px; width: 32px; text-indent: -99999em; }
.layerPhotoGallery .btnClose:before, .layerPhotoGallery .btnClose:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 45px; width: 1px; border-radius: 1px; background-color: #fff; }
.layerPhotoGallery .btnClose:before { transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); }
.layerPhotoGallery .btnClose:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); }
@media only screen and (max-width: 1000px) { .layerPhotoGallery .btnClose { right: 40px; } }
@media only screen and (max-width: 920px) { .layerPhotoGallery .btnClose { right: 30px; } }
@media only screen and (max-width: 900px) { .layerPhotoGallery .btnClose { right: 20px; } }
.msie8 .layerPhotoGallery .btnClose { right: 30px; }
.layer.participatingArtists { width: 590px; }
.layer.participatingArtists .layerContents { padding-bottom: 0; }
.layer.participatingArtists .layerContents .innerScroll { overflow: auto; overflow-x: hidden; max-height: 220px; }
.layer.participatingArtists .layerContents .info { margin: 15px 10px 18px 24px; }
.layer.participatingArtists .layerContents .info th { color: #FF3D33; }
/* 앨범상세 - 구매 */
.layer.buyMusic .list-layer-select li > a { overflow: hidden; padding-right: 15px; }
.layer.buyMusic .list-layer-select .type { float: left; width: 90px; }
.layer.buyMusic .list-layer-select .price { float: left; width: 50px; padding-right: 10px; font-size: 12px; color: #999; text-align: right; }
.layer.buyMusic .list-layer-select .price.through { text-decoration: line-through; }
.layer.buyMusic .list-layer-select .dcPrice { float: left; width: 50px; padding-right: 8px; font-size: 12px; color: #757271; text-align: right; }
.layer.buyMusic .list-layer-select .dcPrice > strong { font-weight: normal; color: #fe665b; }
.layer.buyMusic .list-layer-select .btnBuy { float: right; margin-top: 6px; padding-right: 8px; padding-left: 9px; font-size: 11px; color: #3a3635; line-height: 20px; border: 1px solid #b4b2b3; }
.layer.descStyle { width: 528px; }
.layer.descStyle .layerContents { padding: 14px 18px 13px 20px; }
.layer.descStyle .layerContents fieldset select { width: 60%; }
.layer.descStyle .layerContents fieldset select.category { width: 38%; }
.layer.descStyle .layerContents > h1 { margin-top: 39px; font-size: 19px; color: #3a3635; line-height: 22px; }
.layer.descStyle .layerContents > .innerScroll { overflow: auto; height: 312px; margin-top: 15px; }
.layer.descStyle .layerContents p { font-size: 13px; color: #615e5d; line-height: 24px; }
.layer.gameMenu { top: 27px; right: 12px; width: 68px; }
.layer.notifications { top: 35px; right: -5px; width: 348px; }
.layer.notifications .layerTap { position: absolute; top: -8px; right: 11px; height: 8px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -522px -258px; }
.layer.notifications nav { position: relative; height: 50px; width: 100%; border-bottom: 1px solid #E5E5E5; z-index: 10; }
.layer.notifications nav ul { position: relative; bottom: 0; z-index: 10; }
.layer.notifications nav li { float: left; }
.layer.notifications nav a { display: inline-block; height: 49px; margin-left: 19px; padding: 0 6px; font-size: 15px; color: #757271; line-height: 50px; text-decoration: none; border-bottom: 2px solid transparent; }
.layer.notifications nav a:hover { color: #3a3635; }
.layer.notifications nav a.selected { color: #3a3635; border-bottom: 2px solid #ff564c; }
.layer.notifications nav a span { font-size: 13px; }
.layer.notifications p.msg.login { padding: 50px 0 54px; font-size: 13px; color: #3A3635; line-height: 22px; text-align: center; }
.layer.notifications p.msg.login em { color: #FF3D33; }
.layer.notifications section h1 { display: none; }
.layer.notifications .loading { height: 366px; padding: 1px 20px 0 0; color: #757271; text-align: center; }
.layer.notifications .loading img { display: block; margin: 140px auto 20px; }
.layer.notifications .loading span { display: inline-block; padding-left: 15px; }
.layer.notifications > .notification .innerScroll { overflow-x: hidden; overflow-y: scroll; height: 367px; }
.layer.notifications > .notification ul { position: relative; top: -1px; width: 100%; z-index: 9; }
.layer.notifications > .notification li { position: relative; overflow: hidden; height: 70px; line-height: 20px; border-top: 1px solid #ededed; }
.layer.notifications > .notification li:hover { background-color: #f8f9fb; }
.layer.notifications > .notification li .thumbnail { position: absolute; top: 10px; left: 20px; height: 51px; width: 51px; line-height: 50px; text-align: center; background-color: #FFF; }
.layer.notifications > .notification li span.thumbnail { height: 51px; width: 51px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -473px -277px; }
.layer.notifications > .notification li a.thumbnail img { height: auto !important; width: auto !important; line-height: 51px; vertical-align: middle; }
.layer.notifications > .notification li a.thumbnail .btnPlay { position: absolute; right: 4px; bottom: 4px; height: 20px; width: 20px; }
.layer.notifications > .notification li a.thumbnail .btnPlay:before { height: 20px; width: 20px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: 0 -195px; }
.layer.notifications > .notification li a.thumbnail:hover .btnPlay:before { background-position: -24px -195px; }
.layer.notifications > .notification li.connectNews .thumbnail { overflow: hidden; border-radius: 50%; }
.layer.notifications > .notification li.connectNews .thumbnail .mask { border-radius: 50%; }
.layer.notifications > .notification li a.info { display: block; margin: 9px 20px 0 84px; font-size: 13px; color: #757271; line-height: 18px; }
.layer.notifications > .notification li a.info * { cursor: pointer; vertical-align: top; *vertical-align: middle; }
.layer.notifications > .notification li a.info:hover * { text-decoration: underline; }
.layer.notifications > .notification li a.info strong { display: inline-block; max-width: 50%; font-weight: normal; color: #FF3D33; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layer.notifications > .notification li.album a.info strong { max-width: 60%; }
.layer.notifications > .notification li.special a.info strong { max-width: 49%; }
.layer.notifications > .notification li.musicpd a.info strong { max-width: 41%; *max-width: 93px; }
.layer.notifications > .notification li.mv a.info strong { max-width: 44%; *max-width: 100px; }
.layer.notifications > .notification li a.info br { display: none; }
.layer.notifications > .notification li a.info span { display: block; font-size: 12px; color: #3A3635; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layer.notifications > .notification li .time { display: block; margin: -1px 0 0 84px; font-size: 11px; color: #999; }
.layer.notifications > .notification li.bugsPublicNotice, .layer.notifications > .notification li.flacCashRefund { height: auto; padding-bottom: 6px; }
.layer.notifications > .notification li.bugsPublicNotice .thumbnail, .layer.notifications > .notification li.flacCashRefund .thumbnail { background-color: transparent; height: 51px; width: 51px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -171px -347px; }
.layer.notifications > .notification li.bugsPublicNotice a.info, .layer.notifications > .notification li.flacCashRefund a.info { display: block; margin: 9px 20px 0 84px; font-size: 13px; color: #757271; line-height: 18px; }
.layer.notifications > .notification li.bugsPublicNotice a.info br, .layer.notifications > .notification li.flacCashRefund a.info br { display: block; }
.layer.notifications > .notification li.bugsPublicNotice a.info strong, .layer.notifications > .notification li.flacCashRefund a.info strong { margin-right: 5px; }
.layer.notifications > .notification li.bugsPublicNotice a.info span, .layer.notifications > .notification li.flacCashRefund a.info span { white-space: normal; }
.layer.notifications > .notification li.bugsPublicNotice a.info em, .layer.notifications > .notification li.flacCashRefund a.info em { display: inline-block; position: relative; padding-right: 10px; color: #757271; }
.layer.notifications > .notification li.bugsPublicNotice a.info em:before, .layer.notifications > .notification li.flacCashRefund a.info em:before { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layer.notifications > .notification .more { height: 42px; text-align: center; }
.layer.notifications > .notification .more a { display: inline-block; position: relative; height: 42px; padding: 0 12px; font-size: 13px; color: #757271; line-height: 42px; }
.layer.notifications > .notification .more a:before { content: ''; margin-top: -1px; height: 5px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: 0 -34px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layer.notifications > .notice { display: none; }
.layer.notifications > .notice .innerScroll { overflow-x: hidden; overflow-y: scroll; height: 324px; }
.layer.notifications > .notice ul { position: relative; top: -1px; width: 100%; z-index: 9; }
.layer.notifications > .notice li { padding: 14px 23px 10px 18px; line-height: 20px; text-decoration: none; border-top: 1px solid #ededed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layer.notifications > .notice li:hover { background-color: #f8f9fb; }
.layer.notifications > .notice li a { font-size: 13px; color: #3A3635; }
.layer.notifications > .notice li .time { display: block; font-size: 11px; color: #999; }
.layer.notifications > .notice .more { position: relative; width: 100%; line-height: 42px; text-align: right; border-top: 1px solid #ededed; z-index: 10; }
.layer.notifications > .notice .more .btnMore { margin-right: 14px; }
.selectGenre { top: 65px; left: 0; width: 720px; }
.selectGenre > h1 { display: none; }
.selectGenre .category { overflow: hidden; }
.selectGenre .category > li { display: block; float: left; width: 25%; }
.selectGenre .category > li > em { display: block; padding-left: 36px; font-size: 13px; color: #3a3635; line-height: 40px; }
.selectGenre .category > li > em.all { border-bottom: 2px solid #ff564c; }
.selectGenre .category > li > em.domestic { border-bottom: 2px solid #6596dc; }
.selectGenre .category > li > em.overseas { border-bottom: 2px solid #81a737; }
.selectGenre .category > li > em.etc { border-bottom: 2px solid #957847; }
.selectGenre .listGenre > li > a { display: block; padding-left: 36px; font-size: 15px; color: #757271; line-height: 40px; text-decoration: none; }
.selectGenre .listGenre > li > a:hover, .selectGenre .listGenre > li > a.selected { color: #3a3635; background-color: #f2f3f7; }
.selectGenre.genre { width: 540px; }
.selectGenre.genre .category > li { display: block; float: left; width: 33.33333333333333%; }
.selectNation { top: 65px; left: 108px; width: 153px; }
.selectNation > h1 { display: none; }
.selectNation a { display: block; position: relative; padding-left: 40px; }
.selectNation a:hover, .selectNation a.selected { background-color: #f2f3f7; }
.selectNation .flag { position: absolute; top: 50%; left: 11px; margin-top: -8px; font-size: 0; line-height: 0; }
.selectNation a.ALL .flag { left: 12px; }
.selectNation a.KOR .flag { left: 10px; margin-top: -9px; }
.selectNation .flag:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.1); }
.msie8 .selectNation .flag:after { border: 1px solid #e9e9e9; }
.selectNation .flag img { max-width: 24px; }
.selectNation em { display: inline-block; line-height: 34px; vertical-align: middle; }
.layer.prevTerms { top: 30px; right: 92px; }
.layer.prevTerms .list-layer-select li > a { padding: 0 14px; }
.layerPromotionBanner { padding: 8px 8px 0 8px; border-color: #919295; }
.layerPromotionBanner .contents { position: relative; overflow: hidden; min-height: 300px; }
.layerPromotionBanner.column1 .contents { width: 430px; }
.layerPromotionBanner.column2 .contents { width: 440px; }
.layerPromotionBanner.column2 .contents a { display: block; position: relative; float: left; width: 216px; }
.layerPromotionBanner.column2 .contents a.even { float: right; }
.layerPromotionBanner .contents a { display: block; position: relative; }
.layerPromotionBanner .btnClose { top: auto; right: 4px; bottom: 4px; }
.layerPromotionBanner.billing6MCoupon .contents { height: 300px; width: 430px; background: url("//file.bugsm.co.kr/wbugs/banner/billing/2016/bn_6MCoupon@main.jpg") no-repeat; }
.layerPromotionBanner.billing6MCoupon .contents a { display: block; position: relative; top: 136px; height: 30px; width: 138px; margin: 0 auto; line-height: 20px; text-align: center; text-indent: -1000em; }
.layerPromotionBanner.billing6MCoupon .contents p { position: relative; top: 154px; font-size: 12px; line-height: 18px; text-align: center; }
.layerPromotionBanner.billing6MCoupon .contents p em { color: #fc3d33; }
.layerAutoPaymentFailed { width: 419px; }
.layerAutoPaymentFailed .layerContents { padding: 20px; }
.layerAutoPaymentFailed .layerContents > strong { display: inline-block; padding-left: 2px; font-size: 15px; font-weight: normal; }
.layerAutoPaymentFailed .layerContents p { padding: 5px 0 0 2px; color: #757271; line-height: 20px; }
.layerAutoPaymentFailed .layerContents p em { color: #ff3d33; }
.layerAutoPaymentFailed .layerContents ul { margin: 15px 0; padding: 10px 0; border-top: 2px solid #3a3635; border-bottom: 1px solid #ececee; }
.layerAutoPaymentFailed .layerContents ul li { line-height: 28px; white-space: nowrap; }
.layerAutoPaymentFailed .layerContents ul li span { display: inline-block; width: 98px; color: #757271; text-indent: 16px; }
.layerAutoPaymentFailed .layerContents ul li strong { display: inline-block; width: 270px; font-weight: normal; }
.layerAutoPaymentFailed .layerContents ul li.reason strong { color: #ff3d33; }
.layerAutoPaymentFailed .layerContents .btns .btnNormal.big { margin: 0 3px 0 1px; font-size: 13px; line-height: 38px; }
.layerAutoPaymentFailed .layerContents .btns .btnNormal.big.strong { min-width: 134px; }
.layerAutoPaymentFailed .closeCheck { padding-left: 20px; border-top: 1px solid #E5E5E5; }
.layerAutoPaymentFailed.crewRepurchase { width: 403px; }
.layerAutoPaymentFailed.crewRepurchase .layerContents .failedMsg { font-size: 13px; line-height: 24px; }
.layerAutoPaymentFailed.crewRepurchase .layerContents .failedMsg strong { font-size: 15px; font-weight: normal; }
.layerAutoPaymentFailed.crewRepurchase .layerContents .failedMsg span { display: block; margin-bottom: 20px; color: #757271; }
.layerAutoPaymentFailed.crewRepurchase .closeCheck { padding-left: 20px; border-top: 1px solid #E5E5E5; }
.layer.familysiteMenu { top: 27px !important; right: 0; width: 144px; }
.layerCertification { width: 458px; }
.layerCertification .btns button { height: 28px; }
.layerCertification .desc { padding-top: 21px; padding-bottom: 19px; border-bottom: 1px solid #E5E5E5; }
.layerCertification .desc .text { margin-left: 20px; color: #757271; line-height: 24px; }
.layerCertification .desc .text .more { display: block; position: relative; width: 62px; padding-right: 10px; color: #999; }
.layerCertification .desc .text .more:after { content: ''; position: absolute; top: 7px; right: 0; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; }
.layerCertification .desc.adult { background: url("//file.bugsm.co.kr/wbugs/membership/i_adult.png") no-repeat 20px 20px; }
.layerCertification .desc.adult .text { margin-left: 110px; padding-right: 20px; }
.layerCertification .inputCertInfo { margin-top: 20px; }
.layerCertification .inputCertInfo fieldset { margin-left: 20px; }
.layerCertification .inputCertInfo fieldset ul { padding-bottom: 17px; }
.layerCertification .inputCertInfo fieldset li { position: relative; height: 36px; margin-bottom: 6px; }
.layerCertification .inputCertInfo fieldset li label { color: #757271; line-height: 36px; }
.layerCertification .inputCertInfo fieldset li.inputCompany label { width: auto; margin-right: 15px; }
.layerCertification .inputCertInfo fieldset li .inputarea { display: block; position: absolute; top: 0; left: 91px; width: 322px; }
.layerCertification .inputCertInfo fieldset li .inputarea * { font-size: 13px; color: #3a3635; }
.layerCertification .inputCertInfo fieldset li .inputarea select { padding: 9px 5px 8px 10px; }
.layerCertification .inputCertInfo fieldset li .inputarea span { display: inline-block; width: 14px; text-align: center; }
.layerCertification .inputCertInfo fieldset li .inputarea .radio { margin-top: -3px; margin-right: 3px; *margin-right: 2px; vertical-align: middle; }
.layerCertification .inputCertInfo fieldset li .inputarea label { display: inline-block; width: 53px; font-size: 13px; color: #3a3635; vertical-align: middle; }
.layerCertification .inputCertInfo fieldset li.inputCompany .inputarea { top: 1px; }
.layerCertification .inputCertInfo fieldset li.inputGender .inputarea { top: 1px; }
.layerCertification .inputCertInfo fieldset li.inputNational .inputarea { top: 1px; }
.layerCertification .inputCertInfo fieldset li.inputName input { width: 300px; }
.layerCertification .inputCertInfo fieldset li.inputPhoneNum select { width: 94px; min-width: auto; }
.msie8 .layerCertification .inputCertInfo fieldset li.inputPhoneNum select { width: 93px; }
.layerCertification .inputCertInfo fieldset li.inputPhoneNum input { width: 72px; }
.layerCertification .inputCertInfo fieldset li.inputBirth select { width: 93px; margin-right: 3px; }
.layerCertification .inputCertInfo fieldset li.inputBirth select.year { width: 122px; }
.layerCertification .inputCertInfo fieldset li.inputBirth select.day { margin-right: 0; }
.layerCertification .inputCertInfo fieldset .agreeChk { padding-bottom: 15px; }
.layerCertification .inputCertInfo fieldset .agreeChk input { display: inline-block; height: 14px; width: 14px; margin-right: 4px; vertical-align: top; }
.layerCertification .inputCertInfo fieldset .agreeChk label { vertical-align: top; }
.layerCertification .inputCertInfo fieldset .agreeChk label a { text-decoration: underline; }
.layerCertification .inputCertNumber fieldset { margin-left: 20px; }
.layerCertification .inputCertNumber fieldset .inputNum { position: relative; height: 36px; margin-bottom: 6px; padding-bottom: 57px; }
.layerCertification .inputCertNumber fieldset .inputNum label { color: #757271; line-height: 36px; }
.layerCertification .inputCertNumber fieldset .inputNum .inputarea { display: block; position: absolute; top: 0; left: 91px; width: 322px; font-size: 13px; color: #3a3635; }
.layerCertification .inputCertNumber fieldset .inputNum .inputarea input { width: 300px; }
.layerCertification .inputCertNumber fieldset .inputNum .inputarea span { display: block; padding-top: 11px; color: #757271; }
.layerCertification .inputCertNumber fieldset .inputNum .inputarea span em { color: #3a3635; }
.layerCertification .inputCertNumber fieldset .recheck { padding-bottom: 15px; color: #757271; }
.layerCertification .inputCertNumber fieldset .recheck a { color: #3a3635; text-decoration: underline; }
.layerCertification .inputCertNumber .inputCertMessage { display: block; margin-bottom: 20px; padding: 15px 20px 12px; font-weight: normal; color: #ff3d33; border-bottom: 1px solid #E5E5E5; background-color: #f2f3f7; }
.layerCertification.player { width: 346px; }
.layerCertification.player .layerContents { padding-bottom: 11px; }
.layerCertification.player .layer-title { display: block; position: relative; height: 33px; width: 100%; border-bottom: 1px solid #E5E5E5; }
.layerCertification.player .layer-title > h1 { padding: 0 14px; font-size: 13px; font-weight: 400; color: #3a3635; line-height: 33px; }
.layerCertification.player > .btnClose { display: block; position: absolute; top: 2px; right: 4px; cursor: pointer; height: 30px; width: 30px; z-index: 1000; }
.layerCertification.player > .btnClose:before { content: ''; height: 9px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -302px -161px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.layerCertification.player .btns button { height: 28px; }
.layerCertification.player .desc { padding-top: 13px; padding-bottom: 7px; border-bottom: 1px solid #E5E5E5; }
.layerCertification.player .desc .text { margin-left: 14px; font-size: 12px; color: #757271; line-height: 24px; /*margin-right:14px;*/ }
.layerCertification.player .desc .text .more { display: inline-block; position: relative; padding-right: 10px; color: #999; }
.layerCertification.player .desc .text .more:after { content: ''; position: absolute; top: 7px; right: 0; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; }
.layerCertification.player .desc.adult .text { width: 262px; margin-left: 70px; font-size: 12px; line-height: 20px; }
.layerCertification.player .desc.adult { background: url("//file.bugsm.co.kr/wbugs/membership/i_adult.png") no-repeat 14px 15px; background-size: 42px auto; }
.layerCertification.player .inputCertInfo { margin-top: 14px; }
.layerCertification.player .inputCertInfo fieldset { margin-left: 14px; }
.layerCertification.player .inputCertInfo fieldset ul { padding-bottom: 17px; }
.layerCertification.player .inputCertInfo fieldset li { position: relative; height: 36px; margin-bottom: 6px; }
.layerCertification.player .inputCertInfo fieldset li label { color: #757271; line-height: 36px; }
.layerCertification.player .inputCertInfo fieldset li.inputCompany label { width: auto; margin-right: 15px; }
.layerCertification.player .inputCertInfo fieldset li .inputarea { display: block; position: absolute; top: 0; left: 71px; width: 247px; }
.layerCertification.player .inputCertInfo fieldset li .inputarea * { font-size: 13px; color: #3a3635; }
.layerCertification.player .inputCertInfo fieldset li .inputarea select { padding: 9px 5px 8px 10px; }
.layerCertification.player .inputCertInfo fieldset li .inputarea span { display: inline-block; width: 14px; text-align: center; }
.layerCertification.player .inputCertInfo fieldset li .inputarea .radio { margin-top: -3px; margin-right: 3px; *margin-right: 2px; vertical-align: middle; }
.layerCertification.player .inputCertInfo fieldset li .inputarea label { display: inline-block; width: 53px; font-size: 13px; color: #3a3635; vertical-align: middle; }
.layerCertification.player .inputCertInfo fieldset li.inputCompany .inputarea { top: 1px; }
.layerCertification.player .inputCertInfo fieldset li.inputGender .inputarea { top: 1px; }
.layerCertification.player .inputCertInfo fieldset li.inputNational .inputarea { top: 1px; }
.layerCertification.player .inputCertInfo fieldset li.inputName input { width: 225px; }
.layerCertification.player .inputCertInfo fieldset li.inputPhoneNum input { width: 44px; }
.layerCertification.player .inputCertInfo fieldset li.inputPhoneNum select { width: 55px; min-width: 75px; }
.layerCertification.player .inputCertInfo fieldset li.inputBirth select { width: 64px; min-width: 72px; margin-right: 3px; }
.layerCertification.player .inputCertInfo fieldset li.inputBirth select.year { width: 91px; }
.layerCertification.player .inputCertInfo fieldset li.inputBirth select.day { margin-right: 0; }
.layerCertification.player .inputCertInfo fieldset .agreeChk { padding-bottom: 15px; }
.layerCertification.player .inputCertInfo fieldset .agreeChk input { display: inline-block; height: 14px; width: 14px; margin-right: 4px; vertical-align: top; }
.layerCertification.player .inputCertInfo fieldset .agreeChk label { vertical-align: top; }
.layerCertification.player .inputCertInfo fieldset .agreeChk label a { text-decoration: underline; }
.layerCertification.player .inputCertNumber fieldset { margin-left: 14px; }
.layerCertification.player .inputCertNumber fieldset .inputNum { position: relative; height: 36px; margin-bottom: 6px; padding-bottom: 57px; }
.layerCertification.player .inputCertNumber fieldset .inputNum label { color: #757271; line-height: 36px; }
.layerCertification.player .inputCertNumber fieldset .inputNum .inputarea { display: block; position: absolute; top: 0; left: 71px; width: 247px; font-size: 13px; color: #3a3635; }
.layerCertification.player .inputCertNumber fieldset .inputNum .inputarea input { width: 225px; }
.layerCertification.player .inputCertNumber fieldset .inputNum .inputarea span { display: block; padding-top: 11px; color: #757271; }
.layerCertification.player .inputCertNumber fieldset .inputNum .inputarea span em { color: #3a3635; }
.layerCertification.player .inputCertNumber fieldset .recheck { padding-bottom: 15px; color: #757271; }
.layerCertification.player .inputCertNumber fieldset .recheck a { color: #3a3635; text-decoration: underline; }
.layerCertification.player .inputCertNumber .inputCertMessage { display: block; margin-bottom: 20px; padding: 15px 14px 12px; font-weight: normal; color: #ff3d33; border-bottom: 1px solid #E5E5E5; background-color: #f2f3f7; }
.layerCertificationGuide { width: 378px; }
.layerCertificationGuide.layer .btnClose { display: block; }
.layerCertificationGuide .layerContents { position: relative; padding: 128px 0 30px; }
.layerCertificationGuide .bgIcon { position: absolute; top: 25px; left: 50%; height: 78px; width: 79px; margin: 0 0 0 -40px; background: url("//file.bugsm.co.kr/wbugs/membership/i_adultGuide.png"); }
.layerCertificationGuide .desc { line-height: 1.85; text-align: center; }
.layerCertificationGuide .btns { margin-top: 26px; }
.layerCertificationGuide .btns > strong { display: block; margin-bottom: 17px; font-size: 15px; font-weight: normal; color: #ff3d33; text-align: center; }
.layerCertificationGuide .btns button.btnNormal { height: 37px; padding-right: 57px; padding-left: 57px; font-size: 15px; line-height: 2.47; }
.layerMovInputCode { width: 308px; }
.layerMovInputCode .layerContents { width: 270px; margin: 15px auto 0; padding-bottom: 15px; }
.layerMovInputCode .message { padding-bottom: 14px; color: #757271; line-height: 24px; }
.layerMovInputCode .inputCode { height: 70px; width: 248px; }
.layerMovInputCode .btns { padding-top: 6px; }
.layerMovInputCode .btns button { height: 28px; }
.layerCommentRule { width: 453px; }
.layerCommentRule .layerContents { width: 410px; margin: 20px auto 0; }
.layerCommentRule .contBox h2 { margin-bottom: 14px; font-size: 13px; font-weight: bold; color: #3a3635; }
.layerCommentRule .contBox .desc { padding-bottom: 23px; font-size: 13px; color: #757271; line-height: 24px; }
.layerCommentRule .contBox .desc a { color: #3a3635; text-decoration: underline; }
.layerCommentRule .contBox dl { padding-bottom: 25px; border-bottom: 1px solid #ededed; }
.layerCommentRule .contBox dl dt, .layerCommentRule .contBox dl dd { font-size: 12px; color: #999; line-height: 22px; }
.layerCommentRule .contBox .btmdesc { margin-bottom: -2px; padding-top: 29px; font-size: 12px; color: #757271; text-align: center; }
.layerCommentRule .btns button { height: 28px; }
.layerLoading { width: 346px; border-color: #C4C5C8; border-color: var(--layer-alert-border); background-color: #fff; background-color: var(--layer-bg); }
#_modalLayer ~ .layerLoading { border: 1px solid #919295; }
.layerLoading .loadingImg { height: 44px; width: 44px; background: url("//file.bugsm.co.kr/wbugs/common/ani_loading.gif") no-repeat; background-size: 44px auto; }
.msie8 .layerLoading .loadingImg { display: none; }
.layerLoading .layerContents { padding-bottom: 23px; }
.layerLoading .layerContents .loadingDiv { padding: 30px 0 5px; color: #757271; color: var(--txt-secondary); text-align: center; }
.layerLoading .layerContents .loadingDiv .loadingImg { width: 50px; margin: 0 auto 20px; }
.layerLoading.onlyImage { top: 50%; left: 50%; overflow: hidden; height: 44px; width: 44px; margin: -22px 0 0 -22px; box-shadow: none; border: 0; }
.layerChangeBooking { width: 530px; }
.layerChangeBooking .layerContArea { padding: 20px 20px 0 20px; }
.layerChangeBooking .ticketlist { margin-bottom: 22px; border: 1px solid #E5E5E5; }
.layerChangeBooking .ticketlist dt { padding-left: 19px; font-size: 15px; color: #3a3635; line-height: 49px; background-color: #f8f9fb; }
.layerChangeBooking .ticketlist dd { position: relative; border-top: 1px solid #E5E5E5; }
.layerChangeBooking .ticketlist dd input { position: absolute; top: 50%; left: 20px; margin-top: -7px; }
.layerChangeBooking .ticketlist dd label { display: block; height: 40px; }
.layerChangeBooking .ticketlist dd label span { display: block; color: #3a3635; line-height: 40px; }
.layerChangeBooking .ticketlist dd label span.title { float: left; padding-left: 48px; }
.layerChangeBooking .ticketlist dd label span.price { float: right; padding-right: 20px; text-align: right; }
.layerChangeBooking .notice { padding-left: 10px; }
.layerChangeBooking .notice dt { padding-bottom: 11px; font-size: 15px; }
.layerChangeBooking .notice dd { position: relative; padding: 0 0 6px 12px; font-size: 12px; color: #757271; }
.layerChangeBooking .notice dd .icon { display: block; position: absolute; top: 4px; left: 0; height: 2px; width: 2px; background-color: #838180; }
.layerChangeBooking .btns .btnNormal { height: 48px; width: 168px; font-size: 15px; line-height: 48px; }
.layer.alertChangeBooking .layerContents em { color: #FF564C; }
.layerAgreeUserInfo { width: 346px; }
.layerAgreeUserInfo .layer-title { overflow: hidden; height: 33px; }
.layerAgreeUserInfo .layer-title > h1 { padding: 0 14px; font-size: 13px; line-height: 34px; }
.layerAgreeUserInfo .layerContents { padding: 0 14px 14px; }
.layerAgreeUserInfo ol { padding: 15px 0 10px 15px; list-style: decimal; }
.layerAgreeUserInfo li { font-size: 13px; color: #757271; line-height: 24px; }
.layerAgreeUserInfo .btnClose { top: 1px; right: 0; }
.layerAgreeUserInfo.layer.alertMessage { width: 95%; max-width: 346px; }
.layerAgreeUserInfo.layer.alertMessage li { color: #757271; color: var(--txt-secondary); }
.layerAgreeUserInfo.layer.alertMessage .btnNormal { color: #3A3635; color: var(--btn-primary-txt); border-color: #DBDBDB; border-color: var(--btn-primary-border); background-color: #FFF; background-color: var(--btn-primary-bg); }
.layerTapTicketTip { top: 23px; left: 0; width: 308px; margin-top: 9px; }
.layerTapTicketTip em { color: #ff3d33; }
.layerTapTicketTip .layerTap { position: absolute; top: -8px; left: 28px; height: 8px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -522px -258px; }
.layerTapTicketTip .layerTap.left { top: 30px; left: -11px; transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
.layerTapTicketTip .layerContents { width: 286px; margin: 10px auto; padding-bottom: 5px; color: #757271; }
.layerTapTicketTip h1 { margin-bottom: 10px; font-weight: normal; color: #3a3635; }
.layerTapTicketTip .ticketInfo { padding: 15px 0; color: #303030; line-height: 18px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
.layerTapTicketTip .ticketInfo del { font-size: 12px; color: #999; }
.layerTapTicketTip .ticketInfo .icon.coin { display: inline-block; height: 15px; width: 15px; margin: 0 4px; vertical-align: top; background: url("//file.bugsm.co.kr/wbugs/banner/promotion/shortTerm/2015/201510Targeting/icon_comicoCoin.png") no-repeat 100% 50%; }
.layerTapTicketTip .guide { padding-top: 10px; font-size: 12px; color: #999; line-height: 16px; word-break: keep-all; }
.layerTapTicketTip .guide ul { padding-left: 4px; }
.layerTapTicketTip .guide li { position: relative; padding-left: 8px; }
.layerTapTicketTip .guide .bu { position: absolute; top: 6px; left: 0; height: 1px; width: 4px; background-color: #999; }
.layerTapTicketTip .link { display: inline-block; position: relative; padding-right: 10px; color: #999; }
.layerTapTicketTip .link:after { content: ''; position: absolute; top: 4px; right: 0; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; }
.layerTapTicketTip .btnClose { top: 0; right: 0; }
.layerTapTicketTip .btnNormal.exception { color: #fff; border: 1px solid #b7b7b7; background-color: #b7b7b7 !important; }
.layerTapTicketTip .btnNormal.exception:hover { border: 1px solid #aeaeae; background-color: #aeaeae !important; }
.layerBugsAgree { width: 438px; }
.layerBugsAgree .layerContents .rules { overflow: hidden; overflow-y: auto; max-height: 150px; padding: 13px 20px 11px; font-size: 13px; color: #757271; line-height: 28px; }
.playerSetting .layerContents h1 { font-weight: normal; }
.playerSetting .option { margin-top: 13px !important; }
.playerSetting .option select { font-size: 12px !important; }
.playerSetting .sound { padding: 13px 0; }
.playerSetting .sound ul { padding-top: 10px; }
.playerSetting .sound li { position: relative; padding-left: 7px; font-size: 12px; color: #757271; line-height: 1.9; }
.playerSetting .sound li:before { content: ''; position: absolute; top: 10px; left: 0; height: 2px; width: 2px; margin-top: -1px; background-color: #bab8b8; }
.playerSetting .play, .playerSetting .playlist { padding: 19px 0; border-top: 1px solid #E5E5E5; }
.playerSetting .play .option { margin-top: 0 !important; }
.playerSetting .play .message { margin-bottom: -4px; padding-top: 7px !important; }
.playerSetting .skipArtist { overflow: hidden; padding: 19px 0 9px; border-top: 1px solid #E5E5E5; }
.playerSetting .skipArtist h1 { float: left; }
.playerSetting .skipArtist .btnSetting { position: relative; float: right; margin: -5px 4px 0 0; padding: 6px 10px; font-size: 13px; text-decoration: underline; }
.playerSetting .skipArtist .btnSetting:before { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.playlistMorethan300 .layerContents .desc { padding-top: 25px; line-height: 20px; }
.playlistMorethan300 .layerContents .desc small { padding-top: 25px; font-size: 12px; color: #757271; line-height: 22px; }
.playlistMorethan300 .option label { color: #3a3635 !important; }
.playlistMorethan300 .option span { margin-top: -2px; }
.playlistMorethan300 .option .save { margin-top: 30px !important; }
.playlistMorethan300 .option .save label { font-size: 12px; color: #757271 !important; }
.layerSkipArtist .innerScroll { box-sizing: border-box; height: 460px; margin: 0 -14px; border-bottom: 1px solid #E5E5E5; }
.layerSkipArtist .nodata { padding-top: 62px; font-size: 13px; color: #757271; line-height: 20px; text-align: center; }
.layerSkipArtist .desc { padding: 11px 14px; font-size: 13px; color: #757271; line-height: 20px; }
.layerSkipArtist .artistList { padding: 14px 14px 0; }
.layerSkipArtist .artistList li { overflow: hidden; margin-bottom: 10px; }
.layerSkipArtist .artistList li .thumbnail { position: relative; float: left; height: 50px; width: 50px; margin-right: 15px; line-height: 50px; text-align: center; vertical-align: middle; background: #f2f3f7; }
.layerSkipArtist .artistList li .thumbnail:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; }
.layerSkipArtist .artistList li .thumbnail img { max-height: 50px; max-width: 50px; vertical-align: middle; }
.layerSkipArtist .artistList li .info { float: left; width: 200px; padding-top: 6px; font-size: 12px; color: #757271; line-height: 20px; }
.layerSkipArtist .artistList li .info .artistname { display: inline-block; max-width: 100%; margin-bottom: 1px; font-size: 13px; color: #3A3635; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSkipArtist .artistList li .info .artistname:nth-last-child(3) { max-width: 172px; }
.layerSkipArtist .artistList li .info .subinfo { overflow: hidden; }
.layerSkipArtist .artistList li .info .type { float: left; }
.layerSkipArtist .artistList li .info .type + .genre { float: left; margin-left: 6px; padding-left: 9px; }
.layerSkipArtist .artistList li .info .type + .genre:before { content: ''; position: absolute; top: 5px; left: 0; height: 8px; width: 1px; background: #b2b2b2; }
.layerSkipArtist .artistList li .info .genre { position: relative; }
.layerSkipArtist .artistList li .btns { float: right; margin-top: 13px; }
.layerSkipArtist .artistList li .btns .btnNormal { height: 23px; line-height: 23px; }
.layerSkipArtist .artistList ~ .btns { margin-top: 4px; }
.layerSkipArtist .artistList ~ .btns .btnMore { padding: 10px 12px; }
.layerSkipArtist.addSkipArtist .layer-title h1 { padding-left: 66px; }
.layerSkipArtist.addSkipArtist .layer-title .btnBack { position: absolute; top: 0; left: 14px; padding-left: 10px; font-size: 12px; line-height: 34px; }
.layerSkipArtist.addSkipArtist .layer-title .btnBack:before { content: ''; display: block; position: absolute; top: 50%; left: 1px; height: 6px; width: 6px; margin-top: -4px; -ms-transform: rotate(45deg); transform: rotate(45deg); border: 1px solid #3A3635; border-width: 0 0 1px 1px; border-color: #FFF #FFF #3A3635 #3A3635; }
.layerSkipArtist.addSkipArtist .innerScroll { height: 505px; border-bottom: 0; }
.layerSkipArtist.addSkipArtist .searchForm { padding: 15px 14px; }
.layerSkipArtist.addSkipArtist .searchForm input[type=text] { box-sizing: border-box; height: 30px; width: 270px; margin-right: 1px; line-height: 28px; }
.layerSkipArtist.addSkipArtist .searchForm button { height: 28px; width: 41px; padding: 0; }
.layerSkipArtist.addSkipArtist .nodata { padding-top: 64px; }
.layerSkipArtist.addSkipArtist .artistList { padding-top: 5px; }
.layerRecomStore { width: 690px; }
.layerRecomStore .innerScroll { max-height: 445px; }
.layerRecomStore .contents { position: relative; width: 650px; margin: 0 auto; padding-top: 20px; }
.layerRecomStore .contents .txt { color: #757271; }
.layerRecomStore .contents .txt .icon { display: inline-block; height: 2px; width: 2px; margin-top: -3px; margin-right: 5px; vertical-align: middle; background-color: #999; }
.layerRecomStore .contents ul { padding-top: 35px; }
.layerRecomStore .contents li { float: left; height: 347px; width: 162px; }
.layerRecomStore .contents li dt { height: 27px; font-weight: bold; color: #3a3635; border-bottom: 1px solid #E5E5E5; }
.layerRecomStore .contents li dd { margin-top: 15px; margin-bottom: 1px; color: #757271; }
.layerRecomStore .contents li dd input { margin-right: 8px; }
.layerRecomStore .contents li.line2, .layerRecomStore .contents li.line3 { height: 250px; }
.layerRecomStore .contents li.category11 { width: 324px; }
.layerRecomStore .btns button { margin: 0 2px; }
.layer.layerAutoResult .innerScroll { overflow: auto; overflow-x: hidden; max-height: 170px; min-width: 200px; }
.layer.layerAutoResult li mark { color: #FF3D33; }
.layerDownloadSelect { width: 460px; }
.layerDownloadSelect .layerContents { margin: 0 20px; padding-top: 15px; line-height: 2; }
.layerDownloadSelect em { color: #ff3d33; }
.layerDownloadSelect fieldset { margin-top: 25px; }
.layerDownloadSelect .radioChk { margin-bottom: 20px; }
.layerDownloadSelect .radioChk p { margin-left: 18px; color: #757271; }
.layerDownloadSelect .radioChk a { text-decoration: underline; }
.layerDownloadSelect .radioChk label { display: inline-block; vertical-align: top; }
.layerDownloadSelect .radio, .layerDownloadSelect .checkbox { margin-top: 5px; margin-right: 3px; *margin-right: 2px; vertical-align: top; }
.layerDownloadSelect .agreeChk { margin-top: 5px; padding-bottom: 8px; color: #757271; }
.layerDownloadSelect .guide { margin-top: 2px; }
.layerDownloadSelect .guide li { position: relative; padding-left: 10px; font-size: 12px; color: #757271; line-height: 1.83; }
.layerDownloadSelect .guide li:before { content: ''; position: absolute; top: 50%; left: 0; height: 2px; width: 2px; margin-top: -2px; background-color: #757271; }
.layerLyricsChk { width: 458px; }
.layerLyricsChk .message { padding-top: 16px; }
.layerLyricsChk .message ul { margin-bottom: 45px; padding-left: 20px; }
.layerLyricsChk .message li { position: relative; margin-bottom: 1px; padding-left: 10px; font-size: 13px; color: #757271; line-height: 23px; }
.layerLyricsChk .message li em { color: #ff3d33; }
.layerLyricsChk .message li:before { content: ""; display: block; position: absolute; top: 9px; left: 0; height: 2px; width: 2px; background-color: #757271; }
.layerLyricsChk .message .desc { color: #3a3635; text-align: center; }
.layerLyricsChk .btns button { margin: 0 3px; }
.layerLyricsReport { width: 514px; }
.layerLyricsReport .layerContents { width: 463px; margin: 0 auto; }
.layerLyricsReport .track { position: relative; margin: 20px auto 29px; }
.layerLyricsReport .track .trackImg { position: relative; height: 100px; width: 100px; line-height: 100px; text-align: center; }
.layerLyricsReport .track .trackImg img { max-height: 100%; max-width: 100%; vertical-align: middle; }
.layerLyricsReport .track .trackInfo { position: absolute; top: 0; left: 120px; }
.layerLyricsReport .track .trackInfo dt, .layerLyricsReport .track .trackInfo dd { width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerLyricsReport .track .trackInfo dt { margin-top: 15px; margin-bottom: 11px; font-size: 15px; }
.layerLyricsReport .track .trackInfo dt a { color: #3a3635; }
.layerLyricsReport .track .trackInfo dt .badge { display: inline-block; margin: -3px 3px 0 0; text-indent: -1000em; vertical-align: middle; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -180px -219px; }
.layerLyricsReport .track .trackInfo dd { margin-bottom: 11px; color: #757271; }
.layerLyricsReport .track .trackInfo dd a { color: #757271; }
.layerLyricsReport .applyReport strong { display: block; margin-bottom: 10px; font-weight: normal; }
.layerLyricsReport .applyReport textarea { height: 278px; width: 443px; }
.layerLyricsReport .btns button { margin: 0 2px; }
.layerPartner .layerContents { width: 412px; margin: 25px 20px 10px; }
.layerPartner .layerContents .btns button { height: 49px; width: 146px; }
.layerPartner .layerContents .desc { padding: 26px 0 15px; color: #757271; line-height: 24px; text-align: center; border-top: 1px solid #ededed; }
.layerPartner .layerContents .desc em { color: #ff3d33; }
.layerPartner.notice { width: 456px; }
.layerPartner.notice .layerContents li { position: relative; margin-bottom: 25px; padding-left: 23px; color: #3a3635; line-height: 23px; }
.layerPartner.notice .layerContents li em { color: #ff3d33; }
.layerPartner.notice .layerContents li span { position: absolute; top: 0; left: 0; }
.layerPartner.notice .layerContents li span.gray { position: relative; color: #999; }
.layerPartner.notice .layerContents .desc .more { color: #3a3635; text-decoration: underline; }
.layerPartner.notice .layerContents .btns button { height: 49px; width: 146px; }
.pgApplyGift ~ .layerPartner.notice .layerContents li { position: relative; padding-left: 10px; }
.pgApplyGift ~ .layerPartner.notice .layerContents li:before { content: ''; position: absolute; top: 10px; left: 0; height: 2px; width: 2px; background: #3a3635; }
.layerCommentsAttachPhoto.layer { width: 448px; }
.layerCommentsAttachPhoto .layerContents { overflow: hidden; padding: 20px 0 20px 20px; }
.layerCommentsAttachPhoto .layerContents .thumbnail { position: relative; float: left; clear: both; height: 98px; width: 98px; margin-right: 20px; line-height: 98px; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid #D9D9D9; background: #f3f4f7; }
.layerCommentsAttachPhoto .layerContents .thumbnail em { position: absolute; top: 30px; right: 0; left: 0; font-size: 12px; color: #999; line-height: 18px; text-align: center; z-index: 1; }
.layerCommentsAttachPhoto .layerContents .thumbnail img { position: relative; z-index: 2; }
.layerCommentsAttachPhoto .layerContents p { float: left; height: 70px; padding-top: 2px; font-size: 13px; line-height: 24px; }
.layerCommentsAttachPhoto .layerContents .btns { float: left; margin: 0; }
.layerCommentsAttachMusic.layer { height: 514px; width: 518px; }
.layerCommentsAttachMusic .layerContents { padding: 20px; }
.layerCommentsAttachMusic .attachSearchForm { position: relative; margin-bottom: 20px; z-index: 1010; }
.layerCommentsAttachMusic .attachSearchForm input[type=text] { width: 394px; margin-right: 7px; font-size: 13px; }
.layerCommentsAttachMusic .attachSearchForm .suggest { display: none; position: absolute; top: 35px; left: 0; max-height: 270px; width: 413px; border: 1px solid #c4c2c2; border-radius: 3px; background: #FFF; }
.layerCommentsAttachMusic .attachSearchForm .suggest li a { display: block; padding: 0 10px; font-size: 13px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerCommentsAttachMusic .attachSearchForm .suggest li a:hover, .layerCommentsAttachMusic .attachSearchForm .suggest li a.focus { background-color: #f2f3f7; }
.layerCommentsAttachMusic .attachSearchForm .suggest li a mark { color: #ff3d33; }
.layerCommentsAttachMusic .attachSearchForm .suggest li a:hover mark { text-decoration: underline; }
.layerCommentsAttachMusic .searchResult { position: relative; }
.layerCommentsAttachMusic .searchResult mark { color: #ff3d33; }
.layerCommentsAttachMusic .searchResult a:hover mark { text-decoration: underline; }
.layerCommentsAttachMusic .searchResult .tab { position: relative; height: 34px; width: 100%; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; z-index: 1; }
.layerCommentsAttachMusic .searchResult .tab li { position: relative; float: left; height: 34px; width: 108px; font-size: 13px; line-height: 34px; text-align: center; border: 1px solid #D9D9D9; border-width: 1px 1px 0 0; background: #fafafc; z-index: 2; }
.layerCommentsAttachMusic .searchResult .tab li span { font-size: 11px; }
.layerCommentsAttachMusic .searchResult .tab li a { display: block; height: 33px; color: #757271; text-align: center; text-decoration: none; border-bottom: 1px solid #D9D9D9; }
.layerCommentsAttachMusic .searchResult .tab li.selected { background: #FFF; }
.layerCommentsAttachMusic .searchResult .tab li.selected a { color: #3A3635; border-bottom: 1px solid #FFF; }
.layerCommentsAttachMusic .searchResult .sorting { position: absolute; top: 0; right: 6px; z-index: 10; }
.layerCommentsAttachMusic .searchResult .sorting button { padding: 0 15px 0 0; font-size: 13px; color: #757271; line-height: 34px; text-align: right; text-decoration: none; white-space: nowrap; }
.layerCommentsAttachMusic .searchResult .sorting button:before { content: ''; left: auto; margin-top: -1px; background: none; height: 5px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -26px -24px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerCommentsAttachMusic .searchResult .sorting .layer-select.scSorting { top: 34px; left: 0; width: 85px; }
.layerCommentsAttachMusic .searchResult .sorting .layer-select.scSorting li a { margin: 0; }
.layerCommentsAttachMusic .searchResult .sorting .list-layer-select { background: #FFF; }
.layerCommentsAttachMusic .searchResult .list li { overflow: hidden; border-bottom: 1px solid #EFEFEF; }
.layerCommentsAttachMusic .searchResult .list li > * { float: left; }
.layerCommentsAttachMusic .searchResult .list .thumbnail { position: relative; float: left; height: 70px; width: 70px; margin-right: 12px; line-height: 70px; text-align: center; vertical-align: middle; background: #f3f4f7; }
.layerCommentsAttachMusic .searchResult .list .artist > a { float: left; max-width: 81%; font-size: 12px; color: #757271; line-height: 18px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerCommentsAttachMusic .searchResult .list .artist > .more { position: relative; float: left; height: 20px; width: 21px; text-indent: -1000em; background-position: -90px -30px; z-index: 10; }
.layerCommentsAttachMusic .searchResult .list .artist > .more:before { content: ''; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -13px -24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.layerCommentsAttachMusic .searchResult .list .artist > span { display: inline-block; width: 80%; font-size: 12px; color: #757271; line-height: 18px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerCommentsAttachMusic .searchResult .list .info { float: left; width: 155px; }
.layerCommentsAttachMusic .searchResult .list .info .albumTitle, .layerCommentsAttachMusic .searchResult .list .info .artistTitle { display: inline-block; max-width: 86%; font-size: 13px; line-height: 20px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerCommentsAttachMusic .searchResult .list .info .artistTitle { font-size: 12px; }
.layerCommentsAttachMusic .searchResult .list .btnNormal { height: 23px; margin-top: 5px; padding: 0 10px; line-height: 24px; }
.layerCommentsAttachMusic .searchResult .list.resultTrack { display: block; padding-top: 8px; }
.layerCommentsAttachMusic .searchResult .list.resultTrack li { padding: 7px 0; }
.layerCommentsAttachMusic .searchResult .list.resultTrack .thumbnail { height: 40px; width: 40px; margin: 0; line-height: 40px; }
.layerCommentsAttachMusic .searchResult .list.resultTrack .trackInfo { display: inline-block; position: relative; height: 40px; width: 24px; margin-right: 8px; text-indent: -1000em; vertical-align: middle; }
.layerCommentsAttachMusic .searchResult .list.resultTrack .trackInfo:before { content: ''; height: 16px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -240px -219px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerCommentsAttachMusic .searchResult .list.resultTrack .title { position: relative; width: 210px; padding: 12px 10px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerCommentsAttachMusic .searchResult .list.resultTrack .title > .o19 { display: block; position: absolute; top: 11px; left: 0; text-indent: -1000em; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -180px -219px; }
.layerCommentsAttachMusic .searchResult .list.resultTrack .title > .trackTitle { display: block; font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerCommentsAttachMusic .searchResult .list.resultTrack .title > span.trackTitle { color: #c6c6c6; }
.layerCommentsAttachMusic .searchResult .list.resultTrack .title > .o19 + .trackTitle { width: 110px; margin-left: 21px; }
.layerCommentsAttachMusic .searchResult .list.resultTrack .artist { width: 130px; padding-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerCommentsAttachMusic .searchResult .list.resultTrack .btnNormal { float: right; margin-top: 8px; }
.layerCommentsAttachMusic .searchResult .list.resultAlbum { overflow: hidden; width: 478px; padding-top: 9px; border-bottom: 1px solid #EFEFEF; }
.layerCommentsAttachMusic .searchResult .list.resultAlbum li { float: left; width: 50%; margin-bottom: -1px; padding: 11px 0 10px; }
.layerCommentsAttachMusic .searchResult .list.resultAlbum .thumbnail .btnPlay { position: absolute; right: -5px; bottom: -5px; }
.layerCommentsAttachMusic .searchResult .list.resultArtist { overflow: hidden; width: 478px; padding-top: 9px; border-bottom: 1px solid #EFEFEF; }
.layerCommentsAttachMusic .searchResult .list.resultArtist li { float: left; width: 50%; margin-bottom: -1px; padding: 11px 0 10px; }
.layerCommentsAttachMusic .searchResult .list.resultArtist li .artistTitle { display: block; display: -webkit-box; height: 40px; font-size: 13px; line-height: 20px; white-space: normal; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.layerCommentsAttachMusic .searchResult .noResult { display: table; height: 330px; width: 100%; }
.layerCommentsAttachMusic .searchResult .noResult p { display: table-cell; font-size: 15px; line-height: 24px; text-align: center; vertical-align: middle; }
.layerCommentsAttachMusic .paging { padding-top: 20px; }
.layerCommentsAttachMusic .paging a { margin: 0 1px 0 2px; }
.layerUserReport.layer { width: 458px; }
.layerUserReport .layerContents .commentsInfo { overflow: hidden; padding: 12px 10px 10px 20px; border-bottom: 1px solid #E5E5E5; background: #f8f9fb; }
.layerUserReport .layerContents .commentsInfo dt { float: left; clear: both; width: 70px; font-size: 13px; color: #757271; line-height: 30px; }
.layerUserReport .layerContents .commentsInfo dd { float: left; width: 355px; font-size: 13px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerUserReport .layerContents ul { margin-bottom: 32px; padding: 12px 0 10px 20px; }
.layerUserReport .layerContents ul li { font-size: 13px; line-height: 30px; }
.layerUserReport .layerContents ul li .radio { margin-top: -1px; }
.layerUserReport .layerContents ul li label { display: inline-block; margin-left: 8px; }
.layerUserReport .layerContents .btnDesc { padding-bottom: 4px; font-size: 12px; color: #757271; text-align: center; }
.layerUnder14 { width: 348px; }
.layerUnder14 .btns button { height: 28px; }
.layerUnder14 .desc { margin: 0 15px; padding: 18px 0 13px; color: #757271; line-height: 1.54; }
.layerUnder14 .chkForm { margin: 0 15px; padding: 3px 0 13px; border-top: 1px solid #E5E5E5; }
.layerUnder14 .chkForm .chk { overflow: hidden; padding-top: 16px; }
.layerUnder14 .chkForm .chk input[type=checkbox] { float: left; height: 16px; width: 16px; margin-top: 1px; vertical-align: top; }
.layerUnder14 .chkForm .chk label { display: block; overflow: hidden; margin-left: 21px; color: #757271; line-height: 1.54; }
.layerUnder14 .chkForm .chk a { color: #3a3635; text-decoration: underline; white-space: nowrap; }
.layerHelpNotice { width: 452px; }
.layerHelpNotice .layerContents { padding: 16px 20px 20px; }
.layerHelpNotice .layerContents .contents { margin-bottom: 15px; }
.layerHelpNotice .layerContents p { color: #757271; line-height: 24px !important; }
.layerHelpNotice .layerContents strong span { font-weight: normal; color: #FF3D33 !important; }
.layerHelpNotice .layerContents strong u { font-weight: normal; color: #000 !important; }
.layerHelpNotice .layerContents .closeCheck { margin-bottom: -4px; padding-left: 0; }
.layerSNS { width: 400px; }
.layerSNS .layerTapBtm { position: absolute; bottom: -14px; left: 50%; height: 0; width: 0; margin-left: -14px; border-top: 14px solid #fff; border-right: 14px solid transparent; border-left: 14px solid transparent; }
.layerSNS .layerTapBtm:before { content: ''; position: absolute; bottom: -1px; left: 50%; height: 0; width: 0; margin-left: -16px; border-top: 15px solid #c4c5c8; border-right: 16px solid transparent; border-left: 16px solid transparent; z-index: -1; }
.layerSNS .profile { height: 50px; margin: 0 20px; padding: 25px 0 20px; }
.layerSNS .profile .thumbnail { float: left; overflow: hidden; height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50px; background-color: #323232; }
.layerSNS .profile .info { overflow: hidden; margin-left: 68px; }
.layerSNS .profile .info strong { display: block; font-size: 16px; color: #000; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSNS .profile .info em { font-size: 14px; color: #ff4d5e; line-height: 25px; }
.layerSNS .layerContents { margin: 0 20px; }
.layerSNS .layerContents textarea { overflow-y: auto; height: 198px; width: 338px; padding: 20px 0 0 20px; font-size: 14px; color: #000; line-height: 1.6; border: 1px solid #ccc; border-radius: 0; }
.layerSNS .btns button { display: inline-block; width: 140px; margin: 0 3px; font-size: 15px; color: #fff; line-height: 3; text-align: center; }
.layerSNS .btns button.btnCancel { background-color: #bcbcbc; }
.layerSNS .btns button.btnOK { background-color: #000; }
.layer .btnNormal + .btnNormal { margin-left: 1px; }
.layer .btnNormal[style*=none] + .btnNormal { margin-left: 0; }
.layerConnectMenu { top: 35px; right: -9px; width: 138px; }
.layerConnectMenu a em { color: #FF4374; }
.layerCopyLink .layerContents { padding: 20px; }
.layerCopyLink .layerContents .desc { margin-bottom: 9px; font-size: 11px; }
.layerCopyLink .layerContents .url { overflow: hidden; height: 28px; min-width: 290px; padding: 0 7px; font-size: 12px; color: #757271; line-height: 28px; border: 1px solid #c4c2c3; border-radius: 3px; background: #fafafc; }
.layerCopyLink.info .layerContents { padding: 10px; }
.layerCopyLink.layer > .btnClose { top: 1px; right: 0; }
.layerSearchArtist { height: 506px; width: 578px; }
.layerSearchArtist .searchForm { padding: 20px 20px 10px; }
.layerSearchArtist .searchForm input { width: 459px; margin-right: 2px; }
.layerSearchArtist .searchForm .btnNormal { height: 33px; min-width: 22px; }
.layerSearchArtist .innerScroll { height: 325px; }
.layerSearchArtist .searchList { overflow: hidden; margin: 0 20px; margin-bottom: 20px; border-bottom: 1px solid #ededed; }
.layerSearchArtist .searchList + .btns { padding-bottom: 20px; text-align: center; }
.layerSearchArtist .searchList li { float: left; overflow: hidden; width: 100%; padding: 10px 0; border-top: 1px solid #ededed; }
.layerSearchArtist .searchList li:first-child { border-top: 0; }
.layerSearchArtist .searchList li .thumbnail { position: relative; float: left; overflow: hidden; height: 70px; width: 70px; margin-right: 20px; text-align: center; white-space: nowrap; background: #f3f4f7; }
.layerSearchArtist .searchList li .thumbnail:before { content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.layerSearchArtist .searchList li figcaption { float: left; padding-top: 2px; }
.layerSearchArtist .searchList li figcaption .artistname { display: inline-block; max-width: 360px; font-size: 15px; line-height: 26px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSearchArtist .searchList li figcaption .artistname mark { color: #FF3D33; }
.layerSearchArtist .searchList li figcaption .artistname + div { margin-top: 0; }
.layerSearchArtist .searchList li figcaption div > span { display: inline-block; position: relative; padding: 0 5px 0 9px; font-size: 12px; color: #757271; line-height: 18px; }
.layerSearchArtist .searchList li figcaption div > span:before { content: ''; position: absolute; top: 50%; left: 0; height: 7px; width: 1px; margin-top: -4px; background: #b2b2b2; }
.layerSearchArtist .searchList li figcaption div span:first-child { padding-left: 0; }
.layerSearchArtist .searchList li figcaption div span:first-child:before { display: none; }
.layerSearchArtist .searchList li .btns { float: right; margin-top: 23px; }
.layerSearchArtist .searchList li .btns .btnNormal { height: 23px; padding: 1px 10px 0; line-height: 23px; }
.layerSearchArtist .layerContents > .btns { position: relative; margin-top: 0; padding-top: 15px; border-top: 1px solid #ededed; }
.layerSearchArtist .layerContents .msg { display: table-cell; height: 325px; width: 578px; font-size: 17px; line-height: 20px; text-align: center; vertical-align: middle; }
.layerSearchArtist .layerContents .msg em { color: #FF3D33; }
.layerSearchArtist .layerContents .msg span { display: block; margin: 10px 0 28px; font-size: 13px; color: #757271; text-align: center; }
.layerAppliedArtist.alertMessage .message { padding-top: 10px; line-height: 20px; text-align: left; }
.layerAppliedArtist.alertMessage .message > strong { font-size: 15px; font-weight: normal; color: #3a3635; line-height: 24px; }
.layerAppliedArtist.alertMessage .message > em { color: #3a3635; }
.layerRegisterArtist.layer .formGroup .row > .col { width: 423px; }
.layerRegisterArtist.layer .formGroup .row > label { width: 100px; }
.layerRegisterArtist.layer .formGroup .artistName input { width: 401px; }
.layerRegisterArtist.layer .formGroup .uploadInfo .upload { box-sizing: border-box; width: 423px; padding: 12px 12px 12px 11px; white-space: nowrap; border: 1px solid #e2e2e3; background: #FFF; }
.layerRegisterArtist.layer .formGroup .uploadInfo .upload span { display: inline-block; position: relative; width: 236px; padding: 3px 10px 0 25px; line-height: 20px; vertical-align: top; white-space: normal; }
.layerRegisterArtist.layer .formGroup .uploadInfo .upload span:before { content: ''; position: absolute; }
.layerRegisterArtist.layer .formGroup .uploadInfo .upload span.track:before { top: 4px; left: 0; height: 16px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_connect.png"); background-position: -22px -20px; }
.layerRegisterArtist.layer .formGroup .uploadInfo .upload span.video:before { top: 5px; left: 1px; height: 13px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_connect.png"); background-position: -44px 0; }
.layerRegisterArtist.layer .formGroup .uploadInfo .upload .btnNormal { height: 22px; margin-right: 1px; padding: 0 9px 0 10px; line-height: 22px; vertical-align: top; }
.layerSearchOriginalTrack { width: 518px; }
.layerSearchOriginalTrack .layerContents { overflow: hidden; padding: 20px; }
.layerSearchOriginalTrack .layerContents .msg { display: table-cell; height: 366px; width: 478px; font-size: 17px; line-height: 20px; text-align: center; vertical-align: middle; }
.layerSearchOriginalTrack .layerContents .msg em { color: #FF3D33; }
.layerSearchOriginalTrack .layerContents .msg span { display: block; margin: 10px 0 28px; font-size: 13px; color: #757271; text-align: center; }
.layerSearchOriginalTrack .layerContents .inputTrackInfo { position: relative; margin-top: 20px; padding-top: 3px; border-top: 1px solid #ededed; }
.layerSearchOriginalTrack .layerContents .inputTrackInfo > span { display: block; padding-top: 5px; font-size: 15px; line-height: 50px; }
.layerSearchOriginalTrack .layerContents .inputTrackInfo .inputInfo { margin-bottom: 5px; }
.layerSearchOriginalTrack .layerContents .inputTrackInfo .inputInfo label { float: left; width: 85px; font-size: 13px; color: #757271; line-height: 36px; }
.layerSearchOriginalTrack .layerContents .inputTrackInfo .inputInfo input { box-sizing: border-box; height: 36px; width: 393px; }
.layerSearchOriginalTrack .layerContents .inputTrackInfo .guide { font-size: 12px; color: #757271; line-height: 24px; text-indent: 85px; }
.layerSearchOriginalTrack .layerContents .inputTrackInfo .btns { float: right; margin-top: -24px; }
.layerSearchOriginalTrack .searchForm { margin-bottom: 20px; }
.layerSearchOriginalTrack .searchForm input { width: 399px; margin-right: 2px; }
.layerSearchOriginalTrack .searchForm .btnNormal { height: 33px; min-width: 22px; }
.layerSearchOriginalTrack .searchResult { position: relative; height: 366px; }
.layerSearchOriginalTrack .searchResult mark { color: #ff3d33; }
.layerSearchOriginalTrack .searchResult a:hover mark { text-decoration: underline; }
.layerSearchOriginalTrack .searchResult .tab { position: relative; height: 34px; width: 100%; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; z-index: 1; }
.layerSearchOriginalTrack .searchResult .tab li { position: relative; float: left; height: 34px; width: 108px; font-size: 13px; line-height: 34px; text-align: center; border: 1px solid #D9D9D9; border-width: 1px 1px 0 0; background: #fafafc; z-index: 2; }
.layerSearchOriginalTrack .searchResult .tab li span { font-size: 11px; }
.layerSearchOriginalTrack .searchResult .tab li a { display: block; height: 33px; color: #757271; text-align: center; text-decoration: none; border-bottom: 1px solid #D9D9D9; }
.layerSearchOriginalTrack .searchResult .tab li.selected { background: #FFF; }
.layerSearchOriginalTrack .searchResult .tab li.selected a { color: #3A3635; border-bottom: 1px solid #FFF; }
.layerSearchOriginalTrack .searchResult .sorting { position: absolute; top: 0; right: 6px; z-index: 10; }
.layerSearchOriginalTrack .searchResult .sorting button { padding: 0 15px 0 0; font-size: 13px; color: #757271; line-height: 34px; text-align: right; text-decoration: none; white-space: nowrap; }
.layerSearchOriginalTrack .searchResult .sorting button:before { content: ''; left: auto; margin-top: -1px; background: none; height: 5px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -26px -24px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerSearchOriginalTrack .searchResult .sorting .layer-select.scSorting { top: 34px; left: 0; width: 85px; }
.layerSearchOriginalTrack .searchResult .sorting .layer-select.scSorting li a { margin: 0; }
.layerSearchOriginalTrack .searchResult .sorting .list-layer-select { background: #FFF; }
.layerSearchOriginalTrack .searchResult .list li { overflow: hidden; border-bottom: 1px solid #EFEFEF; }
.layerSearchOriginalTrack .searchResult .list li > * { float: left; }
.layerSearchOriginalTrack .searchResult .list .thumbnail { position: relative; float: left; height: 70px; width: 70px; margin-right: 12px; line-height: 70px; text-align: center; vertical-align: middle; background: #f3f4f7; }
.layerSearchOriginalTrack .searchResult .list .artist > a { float: left; max-width: 81%; font-size: 12px; color: #757271; line-height: 18px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSearchOriginalTrack .searchResult .list .artist > .more { position: relative; float: left; height: 20px; width: 21px; text-indent: -1000em; z-index: 10; }
.layerSearchOriginalTrack .searchResult .list .artist > .more:before { content: ''; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -13px -24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.layerSearchOriginalTrack .searchResult .list .artist > span { display: inline-block; width: 80%; font-size: 12px; color: #757271; line-height: 18px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSearchOriginalTrack .searchResult .list .info { float: left; width: 155px; }
.layerSearchOriginalTrack .searchResult .list .info .albumTitle, .layerSearchOriginalTrack .searchResult .list .info .artistTitle { display: inline-block; max-width: 86%; font-size: 13px; line-height: 20px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSearchOriginalTrack .searchResult .list .info .artistTitle { font-size: 12px; }
.layerSearchOriginalTrack .searchResult .list .btnNormal { height: 23px; margin-top: 5px; padding: 0 10px; line-height: 24px; }
.layerSearchOriginalTrack .searchResult .list.resultTrack { display: block; padding-top: 8px; }
.layerSearchOriginalTrack .searchResult .list.resultTrack li { padding: 7px 0; }
.layerSearchOriginalTrack .searchResult .list.resultTrack .thumbnail { height: 40px; width: 40px; margin: 0; line-height: 40px; }
.layerSearchOriginalTrack .searchResult .list.resultTrack .trackInfo { display: inline-block; position: relative; height: 40px; width: 24px; margin-right: 8px; text-indent: -1000em; vertical-align: middle; }
.layerSearchOriginalTrack .searchResult .list.resultTrack .trackInfo:before { content: ''; height: 16px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -240px -219px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerSearchOriginalTrack .searchResult .list.resultTrack .title { position: relative; width: 210px; padding: 12px 10px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSearchOriginalTrack .searchResult .list.resultTrack .title > .o19 { display: block; position: absolute; top: 11px; left: 0; text-indent: -1000em; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -180px -219px; }
.layerSearchOriginalTrack .searchResult .list.resultTrack .title > .trackTitle { display: block; font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSearchOriginalTrack .searchResult .list.resultTrack .title > span.trackTitle { color: #c6c6c6; }
.layerSearchOriginalTrack .searchResult .list.resultTrack .title > .o19 + .trackTitle { width: 110px; margin-left: 21px; }
.layerSearchOriginalTrack .searchResult .list.resultTrack .artist { width: 130px; padding-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSearchOriginalTrack .searchResult .list.resultTrack .btnNormal { float: right; margin-top: 8px; }
.layerSearchOriginalTrack .searchResult .list.resultAlbum { overflow: hidden; width: 478px; padding-top: 9px; border-bottom: 1px solid #EFEFEF; }
.layerSearchOriginalTrack .searchResult .list.resultAlbum li { float: left; width: 50%; margin-bottom: -1px; padding: 11px 0 10px; }
.layerSearchOriginalTrack .searchResult .list.resultAlbum .thumbnail .btnPlay { position: absolute; right: -5px; bottom: -5px; }
.layerSearchOriginalTrack .searchResult .list.resultArtist { overflow: hidden; width: 478px; padding-top: 9px; border-bottom: 1px solid #EFEFEF; }
.layerSearchOriginalTrack .searchResult .list.resultArtist li { float: left; width: 50%; margin-bottom: -1px; padding: 11px 0 10px; }
.layerSearchOriginalTrack .searchResult .list.resultArtist li .artistTitle { display: block; display: -webkit-box; overflow: hidden; height: 40px; font-size: 13px; line-height: 20px; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.layerSearchOriginalTrack .searchResult .noResult { display: table; height: 330px; width: 100%; }
.layerSearchOriginalTrack .searchResult .noResult p { display: table-cell; font-size: 15px; line-height: 24px; text-align: center; vertical-align: middle; }
.layerSearchOriginalTrack .paging { padding-top: 20px; }
.layerSearchOriginalTrack .paging a { margin: 0 1px 0 2px; }
.layerAgencyManage { width: 348px; }
.layerAgencyManage .layer-title > h1 { padding-right: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerAgencyManage .layer-title .btnNormal { position: absolute; top: 14px; right: 20px; }
.layerAgencyManage .layerContents { padding-bottom: 0; }
.layerAgencyManage .btns { margin: 0; padding: 15px 20px; border-bottom: 1px solid #E5E5E5; }
.layerAgencyManage .btnNormal.artistEdit { height: 31px; width: 100%; padding-right: 0; padding-left: 0; line-height: 2.583333333333333; }
.layerAgencyManage .innerScroll { max-height: 310px; }
.layerAgencyManage ul { margin: 5px 0; }
.layerAgencyManage li { position: relative; cursor: pointer; }
.layerAgencyManage li .check { display: none; }
.layerAgencyManage li:hover { background-color: #f3f3f7; }
.layerAgencyManage li:hover .check, .layerAgencyManage li.selected .check { display: block; position: absolute; top: 50%; right: 30px; margin-top: -6px; text-indent: -1000em; height: 11px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -194px -161px; }
.layerAgencyManage li:hover .mask, .layerAgencyManage li.selected .mask { border: 1px solid #ff564c; opacity: 1; }
.layerAgencyManage figure { padding: 5px 53px 5px 20px; }
.layerAgencyManage figure .thumbnail { display: inline-block; position: relative; height: 50px; width: 50px; margin-right: 6px; line-height: 50px; text-align: center; vertical-align: middle; background: #f3f4f7; }
.layerAgencyManage figure figcaption { display: inline-block; position: relative; max-width: 65%; line-height: 18px; vertical-align: middle; }
.layerAgencyManage figure figcaption .artistname { display: block; overflow: hidden; max-height: 36px; }
.layerAgencyManage figure figcaption .state { display: block; font-size: 11px; color: #999; }
.layerMyMusiclist .layerContents { padding-top: 12px !important; font-size: 13px; color: #757271; line-height: 23px; }
.layerMyMusiclist .layerContents .btns { margin-top: 10px; }
.layerMyMusiclist .layerContents > div a { display: inline-block; color: #3a3635; text-decoration: underline; }
.layerMyMusiclist .stop .adminMsg { color: #3a3635; }
.layerMyMusiclist .standby p.download { display: inline-block; position: relative; padding-right: 10px; }
.layerMyMusiclist .standby p.download:before { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerMyMusiclist .fail p { color: #3a3635; }
.layerMyMusiclist .fail span { display: block; }
.layerMyMusiclist .fail span a { display: inline-block; position: relative; margin-left: 5px; padding-right: 10px; }
.layerMyMusiclist .fail span a:before { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerAccountInfo { width: 570px; }
.layerAccountInfo .layer-title > h1 span { display: inline-block; position: relative; margin-left: 10px; padding-left: 10px; font-size: 12px; color: #757271; line-height: normal; vertical-align: middle; }
.layerAccountInfo .layer-title > h1 span:before { content: ''; position: absolute; top: 50%; left: 0; height: 10px; width: 1px; margin-top: -5px; background-color: #d6d4d5; }
.layerAccountInfo .layerContents { width: 530px; margin: 0 20px; }
.layerAccountInfo .layerContents .inputForm { padding: 25px 0 0; }
.layerAccountInfo .layerContents .inputForm .row { position: relative; overflow: hidden; margin-bottom: 6px; }
.layerAccountInfo .layerContents .inputForm .row > label { display: block; position: absolute; top: 0; left: 0; height: 36px; font-size: 13px; color: #757271; line-height: 36px; }
.layerAccountInfo .layerContents .inputForm .row .col { overflow: hidden; width: 420px; margin-left: 109px; }
.layerAccountInfo .layerContents .inputForm .row .col select { padding-top: 10px; padding-bottom: 9px; font-size: 13px; color: #3a3635; vertical-align: middle; background-position: 100% -1px; }
.layerAccountInfo .layerContents .inputForm .row .col .placeholderForm { position: relative; }
.layerAccountInfo .layerContents .inputForm .row .col .placeholderForm .placeholder { position: absolute; top: 0; left: 10px; height: 36px; font-size: 13px; color: #999; line-height: 36px; }
.layerAccountInfo .layerContents .inputForm .row .noti { margin: 6px 0 9px 109px; font-size: 11px; color: #757271; line-height: 20px; }
.layerAccountInfo .layerContents .inputForm .row .validate { position: relative; margin: 0 0 -6px 109px; padding-left: 10px; color: #ff3d33; line-height: 32px; }
.layerAccountInfo .layerContents .inputForm .row .validate:before { content: ''; position: absolute; top: 10px; left: 0; height: 11px; width: 4px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -340px -211px; }
.layerAccountInfo .layerContents .inputForm .row.userName { padding-bottom: 3px; }
.layerAccountInfo .layerContents .inputForm .row.userName label { line-height: 28px; }
.layerAccountInfo .layerContents .inputForm .row.userName .col select { width: 80px; }
.layerAccountInfo .layerContents .inputForm .row.userName .col span { display: inline-block; height: 28px; font-size: 13px; color: #3a3635; line-height: 28px; }
.layerAccountInfo .layerContents .inputForm .row.phone .col select, .layerAccountInfo .layerContents .inputForm .row.phone .col .readonly, .layerAccountInfo .layerContents .inputForm .row.phone .col .placeholderForm, .layerAccountInfo .layerContents .inputForm .row.phone .col .btnNormal { float: left; margin-right: 6px; }
.layerAccountInfo .layerContents .inputForm .row.phone .col select { width: 98px; }
.layerAccountInfo .layerContents .inputForm .row.phone .col .readonly { width: 48px; color: #999; }
.layerAccountInfo .layerContents .inputForm .row.phone .col .placeholderForm input { width: 148px; }
.layerAccountInfo .layerContents .inputForm .row.phone .col .btnNormal { height: 33px; width: 62px; margin-right: 0; padding: 1px 0 0 0; color: #fff; text-align: center; border: 1px solid #3a3635; background-color: #3a3635; }
.layerAccountInfo .layerContents .inputForm .row.cert .col .btnNormal { height: 33px; width: 62px; margin-right: 0; padding: 1px 0 0 0; color: #fff; text-align: center; border: 1px solid #3a3635; background-color: #3a3635; }
.layerAccountInfo .layerContents .inputForm .row.cert .col input { width: 152px; margin-right: 3px; }
.layerAccountInfo .layerContents .inputForm .row.cert .noti { font-size: 12px; }
.layerAccountInfo .layerContents .inputForm .row.cert .noti em { color: #3a3635; }
.layerAccountInfo .layerContents .inputForm .row.socialNum .col input { width: 147px; }
.layerAccountInfo .layerContents .inputForm .row.socialNum .col span { display: inline-block; padding: 0 3px; }
.layerAccountInfo .layerContents .inputForm .row.holder .col input { width: 147px; }
.layerAccountInfo .layerContents .inputForm .row.bank .col select { width: 169px; }
.layerAccountInfo .layerContents .inputForm .row.account .col input { width: 334px; }
.layerAccountInfo .layerContents .inputForm .row.address { margin-bottom: 10px; }
.layerAccountInfo .layerContents .inputForm .row.address .col .zipcode { margin-bottom: 6px; }
.layerAccountInfo .layerContents .inputForm .row.address .col .zipcode input { width: 147px; margin-right: 2px; }
.layerAccountInfo .layerContents .inputForm .row.address .col .zipcode .btnNormal { height: 33px; width: 51px; padding: 1px 0 0 0; text-align: center; }
.layerAccountInfo .layerContents .inputForm .row.address .col input { width: 398px; }
.layerAccountInfo .layerContents .inputForm .row.address .col .address1 { margin-bottom: 6px; }
.layerAccountInfo .layerContents .inputForm .row.copyIDCard label, .layerAccountInfo .layerContents .inputForm .row.copyBankbook label { line-height: 28px; }
.layerAccountInfo .layerContents .inputForm .row.copyIDCard .col span, .layerAccountInfo .layerContents .inputForm .row.copyBankbook .col span { display: inline-block; margin-left: 6px; font-size: 12px; color: #3a3635; line-height: 28px; }
.layerAccountInfo .layerContents .inputForm .row.agencyName, .layerAccountInfo .layerContents .inputForm .row.agencyCEO, .layerAccountInfo .layerContents .inputForm .row.agencyNumber, .layerAccountInfo .layerContents .inputForm .row.business { margin-bottom: 10px; }
.layerAccountInfo .layerContents .inputForm .row.agencyName label, .layerAccountInfo .layerContents .inputForm .row.agencyCEO label, .layerAccountInfo .layerContents .inputForm .row.agencyNumber label { line-height: 36px; }
.layerAccountInfo .layerContents .inputForm .row.agencyName .col span, .layerAccountInfo .layerContents .inputForm .row.agencyCEO .col span, .layerAccountInfo .layerContents .inputForm .row.agencyNumber .col span { display: inline-block; height: 28px; margin: 4px 0; font-size: 13px; color: #3a3635; line-height: 28px; }
.layerAccountInfo .layerContents .inputForm .row.business .col input { width: 334px; }
.layerAccountInfo .layerContents .inputForm .row.email .col .emailID { width: 188px; }
.layerAccountInfo .layerContents .inputForm .row.email .col .emailDomain { width: 166px; }
.layerAccountInfo .layerContents .inputForm .row.email .col select { width: 188px; }
.layerAccountInfo .layerContents .inputForm .row.email .col .at { display: inline-block; width: 16px; font-size: 13px; text-align: center; }
.layerAccountInfo .layerContents .inputForm .row.tel .col input { width: 78px; }
.layerAccountInfo .layerContents .inputForm .row.tel .col .dash { display: inline-block; width: 10px; font-size: 13px; text-align: center; }
.layerAccountInfo .layerContents .inputForm .agree { display: inline-block; position: relative; margin-top: 20px; padding-right: 11px; }
.layerAccountInfo .layerContents .inputForm .agree input[type=checkbox], .layerAccountInfo .layerContents .inputForm .agree label { display: inline-block; margin-left: 5px; color: #757271; vertical-align: middle; }
.layerAccountInfo .layerContents .inputForm .agree input[type=checkbox] { margin-left: 0; }
.layerAccountInfo .layerContents .desc { margin-top: 25px; padding-top: 16px; border-top: 1px solid #e7e7e7; }
.layerAccountInfo .layerContents .desc li { position: relative; padding-left: 7px; font-size: 12px; color: #757271; line-height: 20px; }
.layerAccountInfo .layerContents .desc li:before { content: ""; display: block; position: absolute; top: 50%; left: 0; height: 1px; width: 2px; margin-top: -2px; background-color: #757271; }
.layerAccountInfo .layerContents .desc li em { color: #ff3d33; }
.layerAccountInfo .layerContents .btns { margin-top: 24px; }
.layerAccountInfo .layerContents .inputForm.modify .row.socialNum { padding-top: 4px; }
.layerAccountInfo .layerContents .inputForm.modify .row.socialNum label { top: 4px; }
.layerAccountInfo .layerContents .inputForm.modify .row.socialNum label, .layerAccountInfo .layerContents .inputForm.modify .row.socialNum .col { line-height: 32px; }
.layerAccountCheck { width: 438px; }
.layerAccountCheck .layerContents { width: 320px; margin: 0 58px; padding: 39px 0 15px; }
.layerAccountCheck .layerContents p.desc { margin-bottom: 33px; color: #757271; text-align: center; }
.layerAccountCheck .layerContents .inputPWForm { margin-bottom: 6px; }
.layerAccountCheck .layerContents .inputPWForm .row { position: relative; margin-bottom: 10px; }
.layerAccountCheck .layerContents .inputPWForm .row > label { display: block; position: absolute; top: 0; left: 0; height: 36px; padding-left: 17px; font-size: 15px; color: #757271; line-height: 36px; }
.layerAccountCheck .layerContents .inputPWForm .row > label:before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -4px; height: 7px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -330px -161px; }
.layerAccountCheck .layerContents .inputPWForm .row .col { margin-left: 99px; }
.layerAccountCheck .layerContents .inputPWForm .row.userID .col > span { font-size: 15px; color: #3a3635; line-height: 36px; }
.layerAccountCheck .layerContents .inputPWForm .row.pw .col > input { width: 156px; }
.layerAccountCheck .layerContents .btns .btnPayco { position: relative; height: 60px; width: 200px; margin: -5px 0 24px; font-size: 17px; color: #F00; line-height: 60px; text-align: left; text-indent: 108px; border: 1px solid #F00; border-radius: 5px; }
.layerAccountCheck .layerContents .btns .btnPayco span { display: block; position: absolute; top: 22px; left: 47px; overflow: hidden; text-indent: -1000em; height: 14px; width: 58px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -228px -279px; }
.layerAccountCheck .layerContents .btns .btnFacebook { position: relative; height: 60px; width: 224px; margin: -5px 0 24px; font-size: 17px; color: #33589d; line-height: 60px; text-align: left; text-indent: 131px; border: 1px solid #33589d; border-radius: 5px; }
.layerAccountCheck .layerContents .btns .btnFacebook span { display: block; position: absolute; top: 18px; left: 45px; overflow: hidden; text-indent: -1000em; height: 18px; width: 83px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -194px -177px; }
.layerStatsSelectDate { width: 300px; }
.layerStatsSelectDate .layerContents { padding-bottom: 11px; }
.layerStatsSelectDate .layerContents ul li { color: #757271; }
.layerStatsSelectDate .layerContents ul li > button { display: block; width: 100%; font-size: 13px; color: #757271; line-height: 34px; text-align: left; text-indent: 20px; }
.layerStatsSelectDate .layerContents ul li > button:hover { color: #3A3635; text-decoration: none; background: #f3f3f7; }
.layerStatsSelectDate .layerContents ul li.selectDate { margin-bottom: -10px; padding: 9px 20px 10px; }
.layerStatsSelectDate .layerContents ul li.selectDate:hover, .layerStatsSelectDate .layerContents ul li.selectDate:focus { background: #f3f3f7; }
.layerStatsSelectDate .layerContents ul li.selectDate > span { display: inline-block; margin-bottom: 9px; }
.layerStatsSelectDate .layerContents ul li.selectDate input[type=text] { overflow: hidden; height: 27px; width: 69px; margin-right: 4px; line-height: 28px; }
.layerStatsSelectDate .layerContents ul li.selectDate input[type=text] ~ input[type=text] { margin-left: 1px; }
.layerStatsSelectDate .layerContents ul li.selectDate .btnNormal { height: 27px; }
.layerStatsSelectDate .layerContents .selectDate.calendar { display: none; width: 210px; margin: 10px auto 0; padding: 25px 45px 0; border-top: 1px solid #efefef; }
.layerStatisticsTrackVideo { width: 760px; }
.layerStatisticsTrackVideo .layer-title h1 strong { display: inline-block; max-width: 90%; font-weight: normal; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerStatisticsTrackVideo .layerContents { padding: 25px 20px 20px; }
.layerStatisticsTrackVideo .desc { position: relative; margin-bottom: 20px; padding-left: 7px; font-size: 12px; color: #757271; line-height: 20px; }
.layerStatisticsTrackVideo .desc:before { content: ""; display: block; position: absolute; top: 50%; left: 0; height: 1px; width: 2px; margin-top: -2px; background-color: #757271; }
.layerStatisticsTrackVideo .filterChart { margin-bottom: 13px; padding-left: 0; }
.layerStatisticsTrackVideo .sectionTitle { overflow: hidden; margin-bottom: 0; padding-bottom: 11px; font-size: 15px; border-bottom: 2px solid #4C4C4C; }
.layerStatisticsTrackVideo .sectionTitle h1 { float: left; font-weight: normal; line-height: 30px; }
.layerStatisticsTrackVideo .sectionTitle h1 ~ .count { position: relative; float: left; margin-left: 15px; padding-left: 15px; font-size: 15px; color: #757271; line-height: 30px; vertical-align: top; }
.layerStatisticsTrackVideo .sectionTitle h1 ~ .count:before { content: ''; display: block; position: absolute; top: 50%; left: 0; height: 10px; width: 1px; margin-top: -6px; background: #CCC; }
.layerStatisticsTrackVideo .sectionTitle h1 ~ .count strong { font-weight: normal; color: #3A3635; vertical-align: top; }
.layerStatisticsTrackVideo .sectionTitle .filter { float: right; }
.layerStatisticsTrackVideo .sectionTitle .filter select { width: 192px; padding: 7px 5px 6px 6px; font-size: 13px; }
.layerStatisticsTrackVideo .tooltip { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: none; border-radius: 4px; background-color: #FFF; }
.layerStatisticsTrackVideo .tooltip .layerContents { width: auto !important; }
.msie8 .layerStatisticsTrackVideo .lineGraph .tooltip { min-width: 102px; margin: -30px 0 0 -51px; }
.msie8 .layerStatisticsTrackVideo .barGraph .tooltip { min-width: 102px; margin: 0 0 30px -51px; }
.layerStatisticsTrackVideo .tooltip .box-shadow { display: none; }
.layerStatisticsTrackVideo .tooltip .layerTapBtm { left: 50%; margin-left: -6px; }
.layerStatisticsTrackVideo .tooltip .layerContents > div { position: relative; padding: 2px 1px 1px 13px; font-size: 13px; color: #757271; white-space: nowrap; }
.layerStatisticsTrackVideo .tooltip .layerContents > div strong { display: inline-block; font-size: 15px; font-weight: normal; color: #3A3635; }
.layerStatisticsTrackVideo .tooltip .layerContents span { position: absolute; top: 50%; left: 0; height: 8px; width: 8px; margin-top: -5px; border-radius: 4px; }
.layerStatisticsTrackVideo .tooltip .layerContents .male span { background: #a5c7ff; }
.layerStatisticsTrackVideo .tooltip .layerContents .female span { background: #ff7e76; }
.layerStatisticsTrackVideo .tooltip .layerContents .female { padding-bottom: 4px; }
.layerStatisticsTrackVideo .tooltip .layerContents .date { display: block; font-size: 13px; color: #757271; line-height: 16px; text-align: center; white-space: nowrap; }
.layerStatisticsTrackVideo .tooltip .layerContents .count { display: block; padding: 1px 2px 2px 3px; font-size: 15px; font-weight: normal; color: #3A3635; line-height: 16px; text-align: center; white-space: nowrap; }
.layerStatisticsTrackVideo .listenerResponse { margin-bottom: 56px; }
.layerStatisticsTrackVideo .listenerResponse .lineGraph { position: relative; height: 360px; }
.layerStatisticsTrackVideo .listenerAnalysis { margin-bottom: 70px; }
.layerStatisticsTrackVideo .listenerAnalysis .resultAll { float: right; overflow: hidden; font-size: 15px; line-height: 30px; }
.layerStatisticsTrackVideo .listenerAnalysis .resultAll dt { position: relative; float: left; padding-right: 16px; }
.layerStatisticsTrackVideo .listenerAnalysis .resultAll dt:after { content: ''; display: block; position: absolute; top: 50%; right: 0; height: 10px; width: 1px; margin-top: -6px; background: #CCC; }
.layerStatisticsTrackVideo .listenerAnalysis .resultAll dd { position: relative; float: left; margin-left: 15px; padding-left: 17px; color: #757271; }
.layerStatisticsTrackVideo .listenerAnalysis .resultAll dd span { position: absolute; top: 50%; left: 0; height: 11px; width: 11px; margin-top: -6px; border-radius: 50%; }
.layerStatisticsTrackVideo .listenerAnalysis .resultAll dd.male span { background: #a5c7ff; }
.layerStatisticsTrackVideo .listenerAnalysis .resultAll dd.female span { background: #ff7e76; }
.layerStatisticsTrackVideo .listenerAnalysis .resultAll dd strong { display: inline-block; margin-left: 3px; font-weight: normal; color: #3A3635; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph { position: relative; height: 325px; margin-bottom: 100px; padding-left: 30px; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph > ul { position: relative; height: 260px; width: 650px; padding: 65px 20px 2px; z-index: 10; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph > ul:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; border-bottom: 2px solid #b7b7b7; z-index: 11; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li { position: relative; float: left; height: 100%; width: 12.5%; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li .xAxis { position: absolute; right: 0; bottom: -32px; left: 0; padding-top: 15px; font-weight: normal; color: #3A3635; text-align: center; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li span.xAxis { color: #757271; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li .xAxis:before { content: ''; position: absolute; top: 0; left: 50%; height: 6px; width: 2px; margin-left: -1px; background: #b7b7b7; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li .bar { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li .bar span { display: block; overflow: hidden; width: 17px; margin: 0 auto; text-indent: -1000em; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li .bar .all { width: 100%; margin-top: -25px; padding-bottom: 7px; font-size: 15px; color: #757271; line-height: 18px; text-align: center; text-indent: 0; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li .bar.over .all { display: none; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li .bar .male { box-sizing: border-box; border-top: 1px solid #FFF; background: #a5c7ff; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph li .bar .female { background: #ff7e76; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph .yAxis { position: absolute; top: 0; left: 0; z-index: 1; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph .yAxis span { display: block; width: 22px; padding-top: 54px; padding-right: 8px; font-size: 11px; color: #757271; text-align: center; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph .yAxis span:first-child { padding-top: 60px; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph .yAxis span:first-child + span ~ span { padding-top: 53px; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph .line { position: absolute; right: 0; left: 40px; height: 1px; background: #EFEFEF; z-index: 1; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph .line.line25 { top: 259px; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph .line.line50 { top: 194px; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph .line.line75 { top: 129px; }
.layerStatisticsTrackVideo .listenerAnalysis .barGraph .line.line100 { top: 64px; }
.layerStatisticsTrackVideo .nodata { clear: both; padding: 155px 0; font-size: 15px; color: #757271; text-align: center; border-bottom: 1px solid #EFEFEF; }
.layerSettingPlayer .layerContents { padding: 20px 20px 14px; }
.layerSettingPlayer .layerContents .message { margin-bottom: 23px; color: #757271; }
.layerSettingPlayer .layerContents .message strong { font-weight: normal; color: #3a3635; line-height: 33px; }
.layerSettingPlayer .layerContents fieldset { margin-bottom: 36px; }
.layerSettingPlayer .layerContents fieldset .radioChk { display: block; margin-bottom: 7px; color: #3a3635; line-height: 26px; }
.layerSettingPlayer .layerContents fieldset .radioChk input[type=radio] { display: inline-block; margin: -2px 2px 0 0; }
.layerSettingPlayer .layerContents fieldset .radioChk > p { padding-left: 18px; color: #757271; }
.layerSettingPlayer .layerContents fieldset .radioChk > p a { color: #3a3635; text-decoration: underline; }
.layerSettingPlayer.guide .layerContents .agreeCheck { margin-bottom: 27px; color: #757271; }
.layerSettingPlayer.guide .layerContents .agreeCheck input[type=checkbox] { margin-top: -1px; vertical-align: top; }
.layerSettingPlayer.selectPlayer .layerContents .message { margin-bottom: 31px; color: #757271; }
.layerSettingPlayer.selectPlayer .layerContents fieldset { margin-bottom: 38px; }
.layerSettingPlayer.guide { width: 457px; }
.layerSettingPlayer.selectPlayer { width: 355px; }
.layerPlayingPlayer { width: 430px; }
.layerPlayingPlayer .layerContents { padding: 23px 25px 18px; }
.layerPlayingPlayer .layerContents .message { display: block; margin-bottom: 11px; font-size: 17px; font-weight: normal; color: #3a3635; }
.layerPlayingPlayer .layerContents ul li { position: relative; padding-left: 8px; color: #757271; line-height: 24px; }
.layerPlayingPlayer .layerContents ul li:before { content: ""; display: block; position: absolute; top: 10px; left: 0; height: 2px; width: 2px; background-color: #838180; }
.layerPlayingPlayer .layerContents ul li a { text-decoration: underline; }
.layerLikeMusicPD { width: 90%; max-width: 346px; }
.layerLikeMusicPD .btnClose { top: 0; right: 0; }
.layerLikeMusicPD .layerContents { padding-bottom: 14px; }
.layerLikeMusicPD .layerContents .message { padding: 34px 20px 20px; font-size: 15px; color: #757271; line-height: 26px; text-align: center; vertical-align: top; }
.layerLikeMusicPD .layerContents .message * { vertical-align: top; }
.layerLikeMusicPD .layerContents .message em { display: inline-block; color: #3a3635; }
.layerLikeMusicPD .layerContents .message em > span { display: inline-block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerLikeMusicPD .layerContents .message strong { font-weight: normal; color: #ff3d33; }
.layerLikeMusicPD .layerContents .message strong ~ span { word-break: keep-all; word-wrap: break-word; }
.layerLikeMusicPD .btns .btnNormal.strong { position: relative; padding-left: 30px; }
.layerLikeMusicPD .btns .btnNormal.strong:before { content: ""; display: block; position: absolute; top: 50%; left: 15px; margin-top: -6px; height: 11px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -211px -161px; }
.layerHiResolution { width: 463px; background-color: #fff; }
.layerHiResolution.tooltip .layerContents { padding: 10px 15px 16px; line-height: 1.67; }
.layerHiResolution.tooltip .layerContents .link { padding-right: 11px; font-size: 12px; color: #3a3635; background-position: 100% 2px; }
.layerHiResolution h1 { margin-bottom: 6px; font-size: 15px; font-weight: normal; color: #3a3635; }
.layerHiResolution .message { margin-bottom: 6px; font-size: 12px; color: #757271; }
.layerAdminComments { height: 605px; width: 620px; }
.layerAdminComments .layerContents { height: 489px; }
.layerAdminComments .layerContents .location { overflow: hidden; height: 90px; border-bottom: 1px solid #E5E5E5; background: #FAFAFC; }
.layerAdminComments .layerContents .location .thumbnail { position: relative; float: left; height: 60px; width: 60px; margin: 15px 0 15px 20px; line-height: 60px; text-align: center; background: #F3F4F7; }
.layerAdminComments .layerContents .location .thumbnail.video { width: 106px; }
.layerAdminComments .layerContents .location .thumbnail.musicPost { width: 101px; }
.layerAdminComments .layerContents .location .thumbnail:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; }
.msie8 .layerAdminComments .layerContents .location .thumbnail:before { border-color: #E5E5E5; }
.layerAdminComments .layerContents .location .titleInfo { width: 578px; margin-left: 20px; padding-top: 15px; }
.layerAdminComments .layerContents .location .thumbnail ~ .titleInfo { float: left; width: 498px; }
.layerAdminComments .layerContents .location .thumbnail.video ~ .titleInfo { width: 452px; }
.layerAdminComments .layerContents .location .thumbnail.musicPost ~ .titleInfo { width: 457px; }
.layerAdminComments .layerContents .location .titleInfo > strong, .layerAdminComments .layerContents .location .titleInfo > span { display: inline-block; width: 100%; line-height: 25px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerAdminComments .layerContents .location .titleInfo strong { font-size: 15px; font-weight: normal; color: #3A3635; }
.layerAdminComments .layerContents .location.typeRow1 .titleInfo strong { line-height: 60px; }
.layerAdminComments .layerContents .location.typeRow2 .titleInfo strong { margin-top: 6px; }
.layerAdminComments .layerContents .location .titleInfo span { font-size: 13px; color: #757271; }
.layerAdminComments .layerContents .location .titleInfo a { color: inherit; }
.layerAdminComments .layerContents .commentsWrap { overflow: hidden; height: 398px; border-bottom: 1px solid #EDEDED; }
.layerAdminComments .layerContents .commentsWrap .innerScroll { height: 398px; }
.layerAdminComments .layerContents .sectionPadding { min-width: 0; padding: 0 20px; }
.layerAdminComments .layerContents .commentsCommon { border-top: 0; }
.layerAdminComments .layerContents .commentsCommon ul.listComments { border-top: 0; }
.layerAdminComments .layerContents .commentsCommon ul.listComments li .comment { box-sizing: border-box; padding-right: 6px; }
.layerAdminComments .layerContents .commentsCommon ul.listComments li .user ~ .comment { width: auto; }
.msie8 .layerAdminComments .layerContents .commentsCommon .writeComment .cover { width: 470px; }
.layerConnectStory { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-width: 890px; z-index: 1001; }
.layerConnectStory .layerContents { display: block; left: 50%; width: 640px; margin: 60px 0 60px -320px; border: 0; }
.layerConnectStory .storyCardDetail > .mask { border: 1px solid #c4c5c8; opacity: 1; }
.layerConnectStory .storyCardDetail .subinfo { position: absolute; top: 12px; right: 43px; }
.layerConnectStory .btnActions { top: 28px !important; }
.layerConnectStory .commentsConnect { margin-top: 20px; padding-top: 40px; border-top: 1px solid #d9d9d9; }
.layerConnectStory .paging { padding-top: 0; }
.layerConnectStory .paging button { position: fixed; top: 50%; margin-top: -40px; text-indent: -1000em; }
.layerConnectStory .paging button.disabled { cursor: default; opacity: 0.3; }
.layerConnectStory .paging button.prev { left: 50%; margin-left: -437px; display: inline-block; content: ''; height: 55.15433px; width: 55.15433px; border-style: solid; border-color: #4c4c4c; border-width: 2px 0 0 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.layerConnectStory .paging button.next { right: 50%; margin-right: -437px; display: inline-block; content: ''; height: 55.15433px; width: 55.15433px; border-style: solid; border-color: #4c4c4c; border-width: 2px 0 0 2px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.layerConnectStory .btnClose { position: fixed; top: 60px; right: 60px; background: none; display: inline-block; height: 32px; width: 32px; text-indent: -99999em; }
.layerConnectStory .btnClose:before, .layerConnectStory .btnClose:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 45px; width: 1px; border-radius: 1px; background-color: #4c4c4c; }
.layerConnectStory .btnClose:before { transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); }
.layerConnectStory .btnClose:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); }
.msie8 .layerConnectStory .btnClose { right: 30px; }
.layerConnectWrite .layer-title h1 { display: inline-block; padding-right: 0; vertical-align: middle; }
.layerConnectWrite .layer-title .layer.layer-select { top: 40px; left: 110px; width: 280px; }
.layerConnectWrite .layer-title .layer.layer-select > h1 { display: none; }
.layerConnectWrite .layer-title .artistname { display: inline-block; position: relative; margin-top: 15px; margin-left: 10px; padding-left: 10px; vertical-align: top; }
.layerConnectWrite .layer-title .artistname:before { content: ''; position: absolute; top: 50%; left: 0; height: 10px; width: 1px; margin-top: -7px; background-color: #d6d4d5; }
.layerConnectWrite .layer-title .artistname .btnSwitchgear { max-width: 400px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerConnectWrite .layerContents { margin: 20px 20px 0; }
.layerConnectWrite .layerContents .placeholderForm { position: relative; margin-bottom: 10px; }
.layerConnectWrite .layerContents .placeholderForm textarea { height: 366px; width: 501px; color: #757271; line-height: 24px; }
.layerConnectWrite .layerContents .placeholderForm .placeholder { position: absolute; top: 11px; left: 11px; color: #999; line-height: 24px; }
.layerConnectWrite .layerContents .uploadset { position: relative; min-height: 46px; width: 521px; border: 1px solid #e1e1e2; }
.layerConnectWrite .layerContents .uploadset + .uploadset { margin-top: 5px; }
.layerConnectWrite .layerContents .uploadset .noti { width: 420px; margin: 15px 0 0 10px; font-size: 12px; color: #757271; }
.layerConnectWrite .layerContents .uploadset .noti strong { font-weight: normal; color: #3a3635; }
.layerConnectWrite .layerContents .uploadset .upload { position: absolute; top: 10px; right: 10px; }
.layerConnectWrite .layerContents .uploadset .upload button { position: relative; box-sizing: border-box; height: 25px; width: 80px; padding: 1px 0 0 20px; line-height: 22px; }
.layerConnectWrite .layerContents .uploadset .upload button:before { content: ''; position: absolute; top: 50%; left: 8px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerConnectWrite .layerContents .uploadset.photo .upload button:before { height: 10px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -258px -161px; }
.layerConnectWrite .layerContents .uploadset.music .upload button:before { height: 11px; width: 11px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -227px -161px; }
.layerConnectWrite .layerContents .photo .innerScroll { max-height: 190px; }
.msie8 .layerConnectWrite .layerContents .photo .innerScroll ul li > span:after { border: 1px solid #ccc; }
.layerConnectWrite .layerContents .photo ul { display: table; min-height: 60px; width: 420px; margin: 0 10px 10px; }
.layerConnectWrite .layerContents .photo ul li { position: relative; float: left; height: 50px; width: 50px; margin: 10px 10px 0 0; }
.layerConnectWrite .layerContents .photo ul li > span { display: table-cell; height: 50px; width: 50px; text-align: center; vertical-align: middle; background-color: #f3f4f7; }
.layerConnectWrite .layerContents .photo ul li > span:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.1); z-index: 10; }
.layerConnectWrite .layerContents .photo ul li > span img { display: inline-block; max-height: 50px; max-width: 50px; vertical-align: middle; }
.layerConnectWrite .layerContents .photo ul li button { display: none; }
.layerConnectWrite .layerContents .photo ul li:hover:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); }
.layerConnectWrite .layerContents .photo ul li:hover button { display: block; position: absolute; top: 5px; right: 5px; z-index: 10; display: inline-block; height: 11px; width: 11px; text-indent: -99999em; }
.layerConnectWrite .layerContents .photo ul li:hover button:before, .layerConnectWrite .layerContents .photo ul li:hover button:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 15px; width: 1px; border-radius: 1px; background-color: #fff; }
.layerConnectWrite .layerContents .photo ul li:hover button:before { transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); }
.layerConnectWrite .layerContents .photo ul li:hover button:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); }
.layerConnectWrite .layerContents .photo .upload { top: 22px; }
.layerConnectWrite .layerContents .photo .noti ~ .upload { top: 10px; }
.layerConnectWrite .layerContents .music .thumbnail { position: relative; float: left; }
.layerConnectWrite .layerContents .music .album, .layerConnectWrite .layerContents .music .track, .layerConnectWrite .layerContents .music .attach.artist { position: relative; box-sizing: border-box; overflow: hidden; width: 410px; margin: 10px 0 10px 10px; padding: 10px; border: 1px solid #efefef; background: #fafafc; }
.layerConnectWrite .layerContents .music .album .thumbnail { height: 70px; width: 70px; line-height: 70px; }
.layerConnectWrite .layerContents .music .album .info { float: left; width: 300px; margin-left: 12px; padding-top: 7px; }
.layerConnectWrite .layerContents .music .album .info .albumTitle, .layerConnectWrite .layerContents .music .album .info .artistTitle { display: inline-block; max-width: 93%; font-size: 13px; line-height: 20px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerConnectWrite .layerContents .music .album .info .artistTitle { float: left; font-size: 12px; color: #757271; }
.layerConnectWrite .layerContents .music .album .info > .artist { overflow: hidden; margin: -1px 0 3px; }
.layerConnectWrite .layerContents .music .album .info > .artist > .more { position: relative; float: left; height: 20px; width: 21px; text-indent: -1000em; z-index: 10; }
.layerConnectWrite .layerContents .music .album .info > .artist > .more:before { content: ''; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -13px -24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.layerConnectWrite .layerContents .music .album .info time { display: inline-block; font-size: 12px; color: #999; }
.layerConnectWrite .layerContents .music .album .info .albumType { position: relative; margin-left: 6px; padding-left: 8px; font-size: 12px; color: #999; white-space: nowrap; }
.layerConnectWrite .layerContents .music .album .info .albumType:before { content: ''; display: block; position: absolute; top: 2px; left: 0; height: 8px; width: 1px; background-color: #b2b2b2; }
.layerConnectWrite .layerContents .music .track .thumbnail { height: 40px; width: 40px; line-height: 40px; }
.layerConnectWrite .layerContents .music .track .thumbnail + .title { margin-left: 8px; }
.layerConnectWrite .layerContents .music .track .trackInfo { display: inline-block; position: relative; float: left; height: 40px; width: 24px; text-indent: -1000em; vertical-align: middle; }
.layerConnectWrite .layerContents .music .track .trackInfo:before { content: ''; height: 16px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -240px -219px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerConnectWrite .layerContents .music .track .title { position: relative; float: left; width: 150px; margin: 12px 0 0 4px; }
.layerConnectWrite .layerContents .music .track .title > .o19 { display: block; position: absolute; top: 0; left: 0; text-indent: -1000em; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -180px -219px; }
.layerConnectWrite .layerContents .music .track .title > .o19 + .trackTitle { width: 130px; margin-left: 21px; }
.layerConnectWrite .layerContents .music .track .title > .trackTitle { display: block; font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerConnectWrite .layerContents .music .track .artist { float: left; width: 150px; margin: 12px 0 0 13px; }
.layerConnectWrite .layerContents .music .track .artist a, .layerConnectWrite .layerContents .music .track .artist span { display: block; font-size: 12px; color: #757271; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerConnectWrite .layerContents .music .artist .thumbnail { height: 70px; width: 70px; line-height: 70px; }
.layerConnectWrite .layerContents .music .artist .thumbnail .btnPlay { position: absolute; right: -4px; bottom: -4px; }
.layerConnectWrite .layerContents .music .artist .info { float: left; width: 290px; padding: 27px 0 0 12px; }
.layerConnectWrite .layerContents .music .artist .info .artistTitle { display: inline-block; max-width: 100%; font-size: 13px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerConnectWrite .layerContents .music .btnDelete { position: absolute; top: 9px; right: 10px; background: none; display: inline-block; height: 13px; width: 13px; text-indent: -99999em; }
.layerConnectWrite .layerContents .music .btnDelete:before, .layerConnectWrite .layerContents .music .btnDelete:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 18px; width: 1px; border-radius: 1px; background-color: #757271; }
.layerConnectWrite .layerContents .music .btnDelete:before { transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); }
.layerConnectWrite .layerContents .music .btnDelete:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); }
.layerConnectWrite .list-layer-select li > a { overflow: hidden; text-overflow: ellipsis; }
.layerConnectUpload { width: 563px; }
.layerConnectUpload .layer-title h1 { display: inline-block; padding-right: 0; vertical-align: middle; }
.layerConnectUpload .layer-title .layer.layer-select { top: 40px; left: 130px; width: 280px; }
.layerConnectUpload .layer-title .layer.layer-select > h1 { display: none; }
.layerConnectUpload .layer-title .artistname { display: inline-block; position: relative; max-width: 400px; margin-left: 10px; padding-left: 10px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerConnectUpload .layer-title .artistname:before { content: ''; position: absolute; top: 50%; left: 0; height: 10px; width: 1px; margin-top: -5px; background-color: #d6d4d5; }
.layerConnectUpload input[type=radio] { margin-right: 2px; }
.layerConnectUpload .step1 { position: relative; margin: 15px 20px 0; padding-bottom: 17px; border-bottom: 1px solid #E5E5E5; }
.layerConnectUpload .step1 .selectRadio label { margin-right: 30px; line-height: 28px; }
.layerConnectUpload .noticeUnder19 { position: relative; margin: 0 20px; padding: 17px 0 15px 10px; font-size: 12px; color: #757271; line-height: 20px; border-top: 1px solid #E5E5E5; }
.layerConnectUpload .noticeUnder19:before { content: ''; position: absolute; top: 21px; left: 0; height: 11px; width: 4px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -340px -211px; }
.layerConnectUpload .noticeUnder19 strong { font-weight: normal; color: #3A3635; }
.layerConnectUpload .noticeUnder19 a { display: inline-block; text-decoration: underline; }
.layerConnectUpload .noticeUnder19 a.download { position: relative; padding-right: 11px; }
.layerConnectUpload .noticeUnder19 a.download:before { content: ''; margin-top: -1px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.layerConnectUpload .btns { margin-top: 20px !important; }
.layerConnectUpload .btns p { margin-bottom: 3px; font-size: 12px; color: #757271; line-height: 22px; text-align: center; }
.layerConnectUpload .complete .msg { display: table-cell; height: 260px; width: 563px; font-size: 19px; line-height: 30px; text-align: center; vertical-align: middle; }
.layerConnectUpload .complete .msg span { display: inline-block; margin-top: 10px; font-size: 13px; color: #757271; line-height: 20px; }
.layerConnectUpload .complete .guide { width: 521px; margin: 0 auto 98px; padding-top: 20px; border-top: 1px solid #E5E5E5; }
.layerConnectUpload .complete .guide strong { font-weight: normal; color: #757271; }
.layerConnectUpload .complete .guide ul { padding-top: 6px; }
.layerConnectUpload .complete .guide ul li { position: relative; padding-left: 7px; font-size: 12px; color: #757271; line-height: 20px; }
.layerConnectUpload .complete .guide ul li:before { content: ''; position: absolute; top: 8px; left: 0; height: 1px; width: 3px; background: #757271; }
.layerConnectUpload .list-layer-select li > a { overflow: hidden; text-overflow: ellipsis; }
.layerConnectUpload.modify .delete { margin: 0 20px -9px; padding-top: 7px; border-top: 1px solid #E5E5E5; }
.layerConnectUpload.modify .delete .btnDel { height: 40px; width: auto; padding: 0; font-size: 13px; color: #3A3635; text-indent: 0; }
.layerConnectUpload.modify .delete .btnDel:before { content: ''; display: inline-block; margin: 0 7px 0 1px; vertical-align: top; height: 13px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -328px -503px; }
.layerConnectUpload.modify .delete .btnDel:hover { text-decoration: underline; }
.layerConnectUpload.modify .btns p { margin-bottom: 4px; }
.layerCoachLikeRecommend { right: 0; width: 747px; margin-top: 11px; }
.layerCoachLikeRecommend.layer .layerTap.topRight { right: 107px; left: auto; }
.layerCoachLikeRecommend.tooltip .layerContents { position: relative; padding: 28px 50px 40px; }
.layerCoachLikeRecommend h1 { margin-bottom: 17px; font-size: 17px; font-weight: normal; color: #3a3635; line-height: 20px; }
.layerCoachLikeRecommend .listArea { overflow: hidden; width: 647px; margin: 0 auto; }
.layerCoachLikeRecommend .arrowPages .btnPrev, .layerCoachLikeRecommend .arrowPages .btnNext { position: absolute; top: 50%; height: 40px; width: 40px; margin-top: -25px; text-indent: -1000em; }
.layerCoachLikeRecommend .arrowPages .btnPrev:before, .layerCoachLikeRecommend .arrowPages .btnNext:before { display: inline-block; content: ''; height: 14.84924px; width: 14.84924px; border-style: solid; border-color: #4c4c4c; border-width: 1px 0 0 1px; }
.layerCoachLikeRecommend .arrowPages .btnPrev { left: 5px; }
.layerCoachLikeRecommend .arrowPages .btnPrev:before { margin-left: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); }
.layerCoachLikeRecommend .arrowPages .btnNext { right: 5px; }
.layerCoachLikeRecommend .arrowPages .btnNext:before { margin-left: -5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); }
.layerCoachLikeRecommend .arrowPages span { opacity: 0.3; }
.layerCoachLike { left: 50%; width: 276px; margin-top: 11px; margin-left: -138px; }
.layerCoachLike.layer .layerTap.topRight { right: 5px; }
.layerCoachLike.tooltip .layerContents { padding: 22px 0 0; }
.layerCoachLike .message { margin-bottom: 22px; font-size: 13px; color: #757271; line-height: 18px; text-align: center; }
.layerCoachLike figure .thumbnail { display: block; position: relative; height: 80px; width: 80px; margin: 0 auto; line-height: 80px; text-align: center; background-color: #f2f3f7; }
.layerCoachLike figure span.thumbnail img { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); }
.layerCoachLike figure .info { display: block; position: relative; overflow: hidden; padding: 11px 0 53px; text-align: center; }
.layerCoachLike figure .info .title { display: inline-block; max-width: 70%; font-size: 14px; color: #3a3635; line-height: 20px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerCoachLike .btnLike { position: absolute; bottom: 21px; left: 50%; height: 24px; width: 24px; margin-left: -12px; text-align: left; text-indent: -1000em; }
.layerCoachLike .btnLike:before { content: ''; height: 17px; width: 19px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -305px -503px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.layerCoachLike .btnLike.selected:before { height: 17px; width: 19px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -259px -503px; }
.layerLikeTip { top: -45px; left: 50%; width: 224px; margin-left: -113px; }
.layerLikeTip.tooltip .layerTapBtm { left: 50%; margin-left: -7px; }
.layerLikeTip .layerContents { padding-right: 0; padding-left: 0; }
.layerLikeTip .message { text-align: center; }
.layerCombinedProdGuide { width: 452px; }
.layerCombinedProdGuide .btns button { height: 26px; }
.layerCombinedProdGuide .msg { padding: 22px 0 21px; font-size: 15px; line-height: 26px; text-align: center; border-bottom: 1px solid #E5E5E5; }
.layerCombinedProdGuide .msg strong { font-weight: normal; color: #FF3D33; }
.layerCombinedProdGuide .guide { padding: 24px 0 10px; font-size: 13px; line-height: 24px; text-align: center; }
.layerCombinedProdCoupon { width: 380px; }
.layerCombinedProdCoupon .btns { margin-top: 10px; }
.layerCombinedProdCoupon .btns button { height: 26px; }
.layerCombinedProdCoupon .coupon { text-align: center; }
.layerCombinedProdCoupon .coupon .title { display: block; padding: 21px 0 12px; font-size: 15px; line-height: 30px; }
.layerCombinedProdCoupon .coupon .number { width: 340px; margin: 0 auto; font-size: 21px; line-height: 50px; border-radius: 8px; background: #E5E5E5; }
.layerCombinedProdCoupon .coupon .btnNormal { box-sizing: border-box; overflow: hidden; min-width: 90px; margin-top: 20px; padding: 0 14px; line-height: 24px; }
.layerCombinedProdCoupon .coupon .caution { display: block; padding-top: 12px; font-size: 12px; color: #757271; line-height: 30px; }
.layerCombinedProdCoupon .coupon .caution em { color: #FF3D33; }
.layerEditMyalbum { width: 638px; }
.layerEditMyalbum .innerScroll { min-height: 216px; max-height: 511px; }
.layerEditMyalbum .myablumList { width: 598px; margin-bottom: -1px; margin-left: 20px; table-layout: fixed; }
.layerEditMyalbum .myablumList thead th { height: 30px; font-size: 11px; font-weight: normal; color: #757271; line-height: 30px; border-bottom: 1px solid #EFEFEF; }
.layerEditMyalbum .myablumList thead th.check { width: 30px; }
.layerEditMyalbum .myablumList thead th.title { width: 409px; text-align: left; text-indent: 45px; }
.msie8 .layerEditMyalbum .myablumList thead th.title, .msie9 .layerEditMyalbum .myablumList thead th.title { text-indent: 0; }
.layerEditMyalbum .myablumList thead th.count { width: 69px; }
.layerEditMyalbum .myablumList thead th.date { width: 90px; }
.layerEditMyalbum .myablumList tbody td, .layerEditMyalbum .myablumList tbody th { overflow: hidden; font-size: 12px; font-weight: normal; color: #757271; line-height: 36px; text-align: left; vertical-align: middle; border-bottom: 1px solid #EFEFEF; }
.layerEditMyalbum .myablumList tbody th { padding-right: 10px; font-size: 13px; color: #3A3635; }
.layerEditMyalbum .myablumList tbody th.title .thumbnail { position: relative; float: left; height: 35px; width: 35px; margin: 8px 10px 8px 0; }
.layerEditMyalbum .myablumList tbody th.title .thumbnail:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; }
.layerEditMyalbum .myablumList tbody th.title span { display: block; width: 399px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerEditMyalbum .myablumList tbody th.title .thumbnail ~ span { float: left; width: 354px; margin-top: 8px; }
.layerEditMyalbum .myablumList tbody td.check { padding-left: 6px; }
.layerEditMyalbum .myablumList tbody th.title ~ td { text-align: center; }
.layerEditMyalbum .listControls { width: 598px; min-width: 598px; margin: 0 20px; padding: 12px 0 9px; border-top: 1px solid #EFEFEF; }
.layerEditMyalbum .listControls .btns { display: inline-block; margin: 0; }
.layerEditMyalbum .listControls .btns ~ .btns { position: relative; margin-left: 3px; padding-left: 7px; }
.layerEditMyalbum .listControls .btns ~ .btns:before { content: ''; position: absolute; top: 9px; left: 0; height: 10px; width: 1px; background: #CCC; }
.layerEditMyalbum .listControls .checkbox { box-sizing: border-box; width: 30px; padding-left: 6px; }
.layerEditMyalbum .listControls .count { float: right; padding-right: 6px; font-size: 12px; color: #757271; line-height: 28px; }
.layerEditMyalbum .listControls .count em { color: #3A3635; }
.layerEditMyalbumTrack { width: 638px; }
.layerEditMyalbumTrack .innerScroll { min-height: 216px; max-height: 511px; }
.layerEditMyalbumTrack .myablumTrackList { width: 598px; margin-bottom: -1px; margin-left: 20px; table-layout: fixed; }
.layerEditMyalbumTrack .myablumTrackList thead th { height: 30px; font-size: 11px; font-weight: normal; color: #757271; line-height: 30px; text-align: left; border-bottom: 1px solid #EFEFEF; }
.layerEditMyalbumTrack .myablumTrackList th.check { width: 30px; }
.layerEditMyalbumTrack .myablumTrackList th.title { width: 290px; }
.layerEditMyalbumTrack .myablumTrackList th.artist { width: 139px; }
.layerEditMyalbumTrack .myablumTrackList th.album { width: 139px; }
.layerEditMyalbumTrack .myablumTrackList tbody td, .layerEditMyalbumTrack .myablumTrackList tbody th { overflow: hidden; padding-right: 10px; font-size: 12px; font-weight: normal; line-height: 36px; text-align: left; vertical-align: top; border-bottom: 1px solid #EFEFEF; }
.layerEditMyalbumTrack .myablumTrackList tbody td { color: #757271; }
.layerEditMyalbumTrack .myablumTrackList tbody td.check { padding-left: 6px; }
.layerEditMyalbumTrack .myablumTrackList tbody span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerEditMyalbumTrack .myablumTrackList tbody th.title span { width: 280px; }
.layerEditMyalbumTrack .myablumTrackList tbody td.artist span { width: 129px; }
.layerEditMyalbumTrack .myablumTrackList tbody td.album span { width: 129px; }
.layerEditMyalbumTrack .listControls { width: 598px; min-width: 598px; margin: 0 20px; padding: 12px 0 9px; border-top: 1px solid #EFEFEF; }
.layerEditMyalbumTrack .listControls .btns { display: inline-block; margin: 0; }
.layerEditMyalbumTrack .listControls .btns ~ .btns { position: relative; margin-left: 3px; padding-left: 7px; }
.layerEditMyalbumTrack .listControls .btns ~ .btns:before { content: ''; position: absolute; top: 9px; left: 0; height: 10px; width: 1px; background: #CCC; }
.layerEditMyalbumTrack .listControls .checkbox { box-sizing: border-box; width: 30px; padding-left: 6px; }
.layerEditMyalbumTrack .listControls .count { float: right; padding-right: 6px; font-size: 12px; color: #757271; line-height: 28px; }
.layerEditMyalbumTrack .listControls .count em { color: #3A3635; }
.layerM4uBg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #eff1f6; opacity: 0.75; z-index: 900; }
.layerM4UCommon .infoTitle { overflow: hidden; padding: 25px 20px 10px; font-size: 15px; line-height: 25px; }
.layerM4UCommon .infoTitle p { float: left; }
.layerM4UCommon .infoTitle span { float: right; }
.layerM4UCommon .infoTitle em { color: #FF3D33; }
.layerM4UCommon .innerBox .infoTitle { padding: 0 0 10px; }
.layerM4UCommon .tip { margin-top: 10px; font-size: 13px; color: #757271; }
.layerM4UCommon .infoTitle + .tip { margin-top: -5px; }
.layerM4UCommon .infoTitle .tip { clear: both; margin-top: 0; }
.layerM4UCommon .tip + .thumbList { margin-top: 25px; }
.layerM4UCommon .layerContents { padding: 0; }
.layerM4UCommon .layerContents .innerScroll { overflow: hidden; height: 590px; }
.layerM4UCommon .layerContents .innerScroll.topFixed { height: 530px; }
.layerM4UCommon .layerContents .innerScroll .innerBox { padding: 25px 20px; }
.layerM4UCommon .layerContents .innerScroll .innerBox.pt0 { padding-top: 0; }
.layerM4UCommon .layerContents .largeTitle { font-size: 19px; line-height: 26px; }
.layerM4UCommon .layerContents .largeTitle em { color: #FF3D33; }
.layerM4UCommon .layerContents .labelTitle { margin-top: 30px; color: #757271; }
.layerM4UCommon .layerContents .thumbList { overflow: hidden; margin: 0 -20px; }
.layerM4UCommon .layerContents .thumbList li { float: left; width: 100px; margin: 15px 20px 0; text-align: center; }
.layerM4UCommon .layerContents .thumbList li span { display: block; position: relative; overflow: hidden; height: 100px; width: 100%; line-height: 100px; border-radius: 100%; background: #F2F3F7; }
.layerM4UCommon .layerContents .thumbList li span img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.msie8 .layerM4UCommon .layerContents .thumbList li span img, .msie9 .layerM4UCommon .layerContents .thumbList li span img { display: inline-block; position: static; height: auto !important; width: auto !important; max-width: 100%; vertical-align: middle; transform: translate(0, 0); }
.layerM4UCommon .layerContents .thumbList li span input[type='checkbox'] { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; position: absolute; top: 0; left: 0; cursor: pointer; height: 100%; width: 100%; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 9; }
.layerM4UCommon .layerContents .thumbList li span:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100%; }
.msie8 .layerM4UCommon .layerContents .thumbList li span:after { border: 1px solid #E1E1E1; }
.layerM4UCommon .layerContents .thumbList li span.selected:after { background: url("//file.bugsm.co.kr/wbugs/whatshot/icon_m4uItemCheck.png") no-repeat 50% 50%; }
.layerM4UCommon .layerContents .thumbList li em, .layerM4UCommon .layerContents .thumbList li label { display: block; height: 36px; margin-top: 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.layerM4UCommon .layerContents .thumbList + .infoTitle { margin-top: 27px; }
.layerM4UCommon .layerContents .btns { margin-top: 0; padding: 20px 0; border-top: 1px solid #E5E5E5; }
.layerM4UCommon .layerContents .btns .btnNormal { width: 61px; padding: 1px 0 0; }
.layerM4UCommon .layerContents .btns .btnPrev:before, .layerM4UCommon .layerContents .btns .btnNext:after { content: ''; display: inline-block; height: 9px; width: 6px; vertical-align: middle; background-image: url("//file.bugsm.co.kr/wbugs/whatshot/sprite_music4u.png"); }
.layerM4UCommon .layerContents .btns .btnPrev:before { margin-right: 5px; background-position: -160px 0; }
.layerM4UCommon .layerContents .btns .btnNext:after { margin-left: 5px; background-position: -200px 0; }
.layerM4UCommon .layerContents .btns .btnNormal.dimmed { cursor: default; color: #D1D0D0; border-color: #DAD9D9; }
.layerM4UCommon .layerContents .btns .btnNormal.dimmed:hover, .layerM4UCommon .layerContents .btns .btnNormal.dimmed:focus { background: transparent; }
.layerM4UCommon .layerContents .btns .btnNormal.dimmed.btnPrev:before { background-position: -160px -40px; }
.layerM4UCommon .layerContents .btns .btnNormal.dimmed.btnNext:after { background-position: -200px -40px; }
.layerAnalysisM4U { position: absolute; top: 0; left: 50%; width: 445px; margin-top: 300px; margin-left: -222px; }
.layerAnalysisM4U .oftenTime { overflow: hidden; margin: 27px 25px 45px 0; line-height: 40px; }
.layerAnalysisM4U .oftenTime span { float: left; }
.layerAnalysisM4U .oftenTime em { display: block; float: right; width: 100px; color: #fff; text-align: center; border-radius: 20px; background: #3a3635; }
.layerSettingM4U { position: absolute; top: 0; left: 50%; width: 425px; margin-top: 300px; margin-left: -214px; }
.layerSettingM4U .progress { position: relative; height: 2px; margin-bottom: -2px; text-indent: -99999em; background: url("//file.bugsm.co.kr/wbugs/whatshot/bg_m4u_progressbar.png") no-repeat 0 0; background-size: auto 2px; z-index: 9; }
.layerSettingM4U .progress.step1 { width: 33.33333%; }
.layerSettingM4U .progress.step2 { width: 66.66667%; }
.layerSettingM4U .progress.step3 { width: 100%; }
.layerSettingM4U .layerProceedingM4U { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 15px; text-align: center; z-index: 9999; }
.layerSettingM4U .layerProceedingM4U:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; opacity: .8; filter: alpha(opacity=80); }
.layerSettingM4U .layerProceedingM4U .layer { display: block; top: 50%; left: 50%; box-sizing: border-box; height: 200px; width: 200px; margin: -100px 0 0 -100px; padding-top: 64px; }
.layerSettingM4U .layerProceedingM4U .layer .icon { display: block; margin: 0 auto 20px; text-align: center; }
.layerSettingM4U .finishSetting { text-align: center; background: url("//file.bugsm.co.kr/wbugs/whatshot/bg_m4u_settingFinish.jpg") no-repeat 50% 0; }
.layerSettingM4U .finishSetting .largeTitle { margin-top: 235px; }
.layerBugsCrew * { box-sizing: border-box; }
.layerBugsCrew em { color: #FF3D33; }
.layerBugsCrew.alertMessage .message { line-height: 24px; }
.layerBugsCrew.alertMessage .message p + p { margin-top: 12px; }
.layerBugsCrew.alertMessage .message .desc { margin-top: 12px; color: #757271; }
.layerBugsCrew.alertMessage .btns.paymentFailed .btnNormal.strong { width: 172px; }
.layerBugsCrew.alertMessage .btns.paymentFailed .btnNormal.strong ~ .btnNormal.strong { margin-top: 10px; }
.layerBugsCrew.memberOut { width: 420px; }
.layerBugsCrew.memberOut .message p.title { font-size: 15px; color: #3A3635; }
.layerBugsCrew.memberOut .message .discount { margin-top: 30px; font-size: 15px; color: #3A3635; }
.layerBugsCrew.memberOut .message .discount * { vertical-align: top; }
.layerBugsCrew.memberOut .message .discount del { display: inline-block; position: relative; padding-right: 15px; color: #757271; }
.layerBugsCrew.memberOut .message .discount del:before { content: ''; position: absolute; top: 50%; right: 4px; left: 0; height: 1px; margin-top: -1px; background: #757271; }
.layerBugsCrew.memberOut .message .discount del:after { content: ''; position: absolute; top: 50%; right: 4px; margin-top: -4px; display: inline-block; content: ''; height: 6.36396px; width: 6.36396px; border-style: solid; border-color: #757271; border-width: 1px 0 0 1px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.layerBugsCrew.memberOut .message .discount strong { font-weight: normal; }
.layerBugsCrew.memberOut .message .discount > span { color: #FF3D33; }
.layerBugsCrew.memberOut .message .discount > span span { display: inline-block; position: relative; overflow: hidden; height: 20px; width: 12px; margin-top: 6px; text-indent: 1000em; vertical-align: top; }
.layerBugsCrew.memberOut .message .discount > span span:before { position: absolute; top: 0; left: 50%; margin-left: -2px; display: inline-block; content: ''; height: 4px; width: 4px; background-color: #FF3D33; }
.layerBugsCrew.memberOut .message .discount > span span:after { position: absolute; top: 4px; left: 0; display: inline-block; content: ''; height: 0; width: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 7px solid #FF3D33; }
.layerBugsCrew.title .layerContents { padding: 20px; }
.layerBugsCrew.title .layerContents fieldset .row { overflow: hidden; font-size: 13px; line-height: 36px; }
.layerBugsCrew.title .layerContents fieldset .row ~ .row { margin-top: 5px; }
.layerBugsCrew.title .layerContents fieldset .row > label, .layerBugsCrew.title .layerContents fieldset .row > .label { color: #757271; }
.layerBugsCrew.title .layerContents fieldset .row .col input[type=text], .layerBugsCrew.title .layerContents fieldset .row .col input[type=tel], .layerBugsCrew.title .layerContents fieldset .row .col input[type=email] { height: 36px; width: 100%; line-height: 36px; }
.layerBugsCrew.title .layerContents fieldset .row .col .desc { margin-top: 3px; font-size: 12px; color: #757271; line-height: 18px; }
.layerBugsCrew.title .layerContents fieldset .row .col .error { position: relative; padding-left: 10px; font-size: 12px; color: #FF3D33; line-height: 30px; }
.layerBugsCrew.title .layerContents fieldset .row .col .error:before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); height: 11px; width: 4px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -340px -211px; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass > label { float: none; width: auto; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col { float: none; width: 100%; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li { overflow: hidden; width: 100%; line-height: 30px; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li label { float: left; width: 125px; padding-left: 2px; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li label input { margin-right: 5px; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo { float: left; color: #757271; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo * { vertical-align: top; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo del { display: inline-block; position: relative; min-width: 73px; margin-left: 3px; padding-right: 15px; text-align: right; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo del:before { content: ''; position: absolute; top: 50%; right: 4px; left: 0; height: 1px; margin-top: -1px; background: #757271; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo del:after { content: ''; position: absolute; top: 50%; right: 4px; margin-top: -4px; display: inline-block; content: ''; height: 6.36396px; width: 6.36396px; border-style: solid; border-color: #757271; border-width: 1px 0 0 1px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo strong { font-weight: normal; color: #3A3635; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo > span { color: #FF3D33; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo > span span { display: inline-block; position: relative; overflow: hidden; height: 20px; width: 12px; margin-top: 9px; text-indent: 1000em; vertical-align: top; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo > span span:before { position: absolute; top: 0; left: 50%; margin-left: -2px; display: inline-block; content: ''; height: 4px; width: 4px; background-color: #FF3D33; }
.layerBugsCrew.title .layerContents fieldset .row.selectPass .col li .passInfo > span span:after { position: absolute; top: 4px; left: 0; display: inline-block; content: ''; height: 0; width: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 7px solid #FF3D33; }
.layerBugsCrew.title .layerContents .guide { margin: 25px 0 45px; }
.layerBugsCrew.title .layerContents .guide li { position: relative; padding-left: 10px; font-size: 12px; color: #757271; line-height: 24px; }
.layerBugsCrew.title .layerContents .guide li:before { content: '-'; position: absolute; top: 0; left: 0; font-size: 12px; line-height: 22px; }
.layerBugsCrew.checkBeforePurchase { width: 490px; }
.layerBugsCrew.checkBeforePurchase ol { margin-bottom: 20px; padding-left: 1.9em; list-style-type: decimal; }
.layerBugsCrew.checkBeforePurchase ol li { font-size: 13px; color: #757271; line-height: 30px; }
.layerBugsCrew.checkBeforePurchase .checkAgree { margin: 35px 0 20px; text-align: center; }
.layerBugsCrew.changeProfile { width: 370px; }
.layerBugsCrew.changeProfile .layerContents { padding: 20px 40px; }
.layerBugsCrew.changeProfile .layerContents fieldset .row { margin-bottom: 15px; }
.layerBugsCrew.changeProfile .layerContents fieldset .row label { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.layerBugsCrew.changeProfile .layerContents fieldset .row .col input[type=text] { box-sizing: border-box; width: 100%; }
.layerBugsCrew.changeProfile .layerContents fieldset .row .col .error { margin-top: 5px; }
.layerBugsCrew.inviteMember { width: 460px; }
.layerBugsCrew.inviteMember .layerContents > .desc { margin: 10px 0 15px; font-size: 15px; color: #3A3635; line-height: 20px; }
.layerBugsCrew.inviteMember .layerContents fieldset .row > label, .layerBugsCrew.inviteMember .layerContents fieldset .row > .label { float: left; width: 90px; }
.layerBugsCrew.inviteMember .layerContents fieldset .row .col { float: left; width: calc(100% - 90px); }
.layerBugsCrew.inviteMember .layerContents fieldset .row.send .col label { margin-right: 15px; margin-left: 5px; }
.layerBugsCrew.inviteMember .layerContents fieldset .row.selectPass .col li.pps300 label { color: #FF3D33; }
.layerBugsCrew.inviteMember .layerContents fieldset .row.selectPass .col li.pps300 .desc { position: relative; clear: both; margin-top: -2px; padding-left: 31px; font-size: 12px; color: #FF3D33; line-height: 20px; }
.layerBugsCrew.inviteMember .layerContents fieldset .row.selectPass .col li.pps300 .desc:before { content: ''; position: absolute; top: 50%; left: 20px; transform: translate(0, -54%); -ms-transform: translate(0, -54%); height: 11px; width: 4px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20200303.png"); background-position: -340px -211px; }
.layerBugsCrew.inviteMember .layerContents fieldset .row.selectPass .col li.pps300 .desc:after { content: ''; position: absolute; top: 3px; left: 8px; height: 8px; width: 8px; border: 1px solid #FF3D33; border-width: 0 0 1px 1px; }
.layerBugsCrew.askLeader { width: 460px; }
.layerBugsCrew.askLeader .layerContents > .desc { margin: 10px 0 15px; font-size: 15px; color: #3A3635; line-height: 20px; }
.layerBugsCrew.askLeader .layerContents fieldset .row > label, .layerBugsCrew.askLeader .layerContents fieldset .row > .label { float: left; width: 90px; }
.layerBugsCrew.askLeader .layerContents fieldset .row .col { float: left; width: calc(100% - 90px); }
.layerBugsCrew.askLeader .layerContents fieldset .row.send .col label { margin-right: 15px; margin-left: 5px; }
.layerBugsCrew.askLeader .layerContents .btns { margin-top: 20px; }
.layerBugsCrew.askLeader .layerContents .guide { margin: 25px 0 0; }
.layerBugsCrew.askLeader .layerContents .guide li a { display: inline-block; position: relative; padding-right: 7px; color: #3A3635; }
.layerBugsCrew.askLeader .layerContents .guide li a:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -37px -20px; }
.layerBugsCrew.changePass { width: 460px; }
.layerBugsCrew.changePass .layerContents > .desc { margin-bottom: 25px; font-size: 15px; color: #3A3635; line-height: 20px; }
.layerBugsCrew.changePass .layerContents fieldset .row > .label { float: left; width: 125px; }
.layerBugsCrew.changePass .layerContents fieldset .row .col { float: left; width: calc(100% - 125px); }
.layerBugsCrew.billingHistory { width: 500px; }
.layerBugsCrew.billingHistory .tabNav { overflow: hidden; width: 100%; margin-bottom: 20px; border-left: 1px solid #DADADA; }
.layerBugsCrew.billingHistory .tabNav button { float: left; height: 40px; width: calc(100% / 3); font-size: 13px; color: #757271; border: 1px solid #DADADA; border-left: 0; background: #F2F3F7; }
.layerBugsCrew.billingHistory .tabNav button.active { color: #3A3635; border-bottom: 0; background: #FFF; }
.layerBugsCrew.billingHistory .term { float: left; margin-bottom: 10px; font-size: 13px; color: #000; line-height: 30px; }
.layerBugsCrew.billingHistory .descVAT { float: right; font-size: 12px; color: #757271; line-height: 30px; }
.layerBugsCrew.billingHistory .listWrap { position: relative; clear: both; height: 433px; margin-bottom: 30px; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
.layerBugsCrew.billingHistory .listWrap .innerScroll { overflow: hidden; overflow-y: auto; height: 431px; margin: 0 -20px; }
.layerBugsCrew.billingHistory .listWrap ul { box-sizing: border-box; width: 100%; padding: 0 20px; }
.layerBugsCrew.billingHistory .listWrap ul li { box-sizing: border-box; overflow: hidden; height: 108px; width: 100%; padding-top: 10px; border-bottom: 1px solid #EDEDED; }
.layerBugsCrew.billingHistory .listWrap ul li:last-of-type { border-bottom: 0; }
.layerBugsCrew.billingHistory .listWrap ul li .passInfo { float: left; line-height: 26px; }
.layerBugsCrew.billingHistory .listWrap ul li .passInfo strong { font-size: 16px; font-weight: normal; }
.layerBugsCrew.billingHistory .listWrap ul li .passInfo span { font-size: 12px; color: #757271; }
.layerBugsCrew.billingHistory .listWrap ul li .priceInfo { float: right; line-height: 26px; text-align: right; }
.layerBugsCrew.billingHistory .listWrap ul li .priceInfo .status { font-size: 16px; }
.layerBugsCrew.billingHistory .listWrap ul li .priceInfo em.status { color: #FF3D33; }
.layerBugsCrew.billingHistory .listWrap ul li .priceInfo span.status { color: #757271; }
.layerBugsCrew.billingHistory .listWrap ul li .priceInfo span.status ~ .payment { color: #757271; }
.layerBugsCrew.billingHistory .listWrap ul li .priceInfo .payment { font-size: 12px; }
.layerBugsCrew.billingHistory .listWrap ul li .priceInfo .date { display: inline-block; margin-top: 5px; font-size: 12px; color: #757271; }
.layerBugsCrew.billingHistory .listWrap .nodata { padding-top: 180px; font-size: 15px; text-align: center; }
.layerLeaderCancelReserve { width: 348px; }
.layerLeaderCancelReserve .layerContents { padding: 20px 20px 15px; }
.layerLeaderCancelReserve .layerContents p { font-size: 13px; line-height: 24px; }
.layerLeaderCancelReserve .layerContents ul { margin-top: 24px; }
.layerLeaderCancelReserve .layerContents ul li { position: relative; padding: 0 15px; font-size: 13px; line-height: 24px; }
.layerLeaderCancelReserve .layerContents ul li span { position: absolute; top: 0; left: 0; }
.layerLeaderCancelReserve .layerContents ul li + li { margin-top: 24px; }
.layerLeaderCancelReserve .layerContents ul ~ p { margin-top: 24px; text-align: center; }
.layerISMS { position: absolute; width: 455px; }
.layerISMS .layerContents .isms { padding-top: 44px; text-align: center; }
.layerISMS .layerContents .isms p { margin-top: 25px; font-size: 13px; line-height: 24px; }
.layerISMS .layerContents .btns { margin-top: 25px; }
/* 니나노 레이어 ****************************************************************************************************************/
.layer.endNinanoS3 > .btnClose:before { display: none; }
.layerPromotionNinanoClub { padding: 8px 8px 0 8px; border-color: #919295; }
.layerPromotionNinanoClub .contents { position: relative; overflow: hidden; height: 300px; width: 440px; background: url("//file.bugsm.co.kr/wbugs/banner/promotion/longTerm/ninanoClub/bn_ninanoClub.png") no-repeat; }
.layerPromotionNinanoClub .contents .userID { display: block; position: absolute; top: 30px; left: 50%; width: 350px; margin-left: -175px; font-size: 17px; font-weight: 100; color: #fff; text-align: center; }
.layerPromotionNinanoClub .contents .userID strong { display: inline-block; overflow: hidden; font-weight: 100; color: #d1eaff; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.layerPromotionNinanoClub .contents a { display: block; position: absolute; top: 232px; left: 50px; height: 51px; width: 340px; background: url("//file.bugsm.co.kr/nbugs/common/i_blank.gif"); }
.layer.layerPromotionNinanoClub > .btnClose { top: 314px; }
.layerNinanoClub { box-shadow: none; border: 4px solid #000; background-color: #fff; }
.layerNinanoClub .layerContents { padding-bottom: 34px; }
.layerNinanoClub .btns { margin-top: 33px; }
.layerNinanoClub .btns .button { display: block; height: 50px; width: 96px; margin: 0 auto; text-indent: -10000em; background: url("//file.bugsm.co.kr/wbugs/promotion/longTerm/2015/ninanoClub/web/sprite_layerMessageV20160527.png") 0 -556px no-repeat; }
.layerNinanoClub .message { text-indent: -10000em; background-image: url("//file.bugsm.co.kr/wbugs/promotion/longTerm/2015/ninanoClub/web/sprite_layerMessageV20160527.png"); background-repeat: no-repeat; }
.layerNinanoClub .btnClose { top: 12px; right: 12px; background: url("//file.bugsm.co.kr/wbugs/promotion/longTerm/2015/ninanoClub/web/sprite_layerMessageV20160527.png") 3px -499px no-repeat; }
.layerNinanoClub.notice { width: 522px; padding-top: 43px; }
.layerNinanoClub.notice .message { height: 225px; width: 468px; margin: 0 auto; background-position: 0 -1018px; }
.layerNinanoClub.notice .btns .button { display: block; height: 50px; width: 117px; margin: 0 auto; text-indent: -10000em; background-position: -126px -556px; }
.layerNinanoClub.member { width: 442px; padding-top: 43px; }
.layerNinanoClub.member .message { height: 109px; width: 292px; margin: 0 auto; background-position: 0 -224px; }
.layerNinanoClub.memberError { width: 482px; padding-top: 43px; }
.layerNinanoClub.memberError .message { height: 109px; width: 404px; margin: 0 auto; background-position: 0 -363px; }
.layerNinanoClub.ticketError { width: 482px; padding-top: 43px; }
.layerNinanoClub.ticketError .message { height: 97px; width: 390px; margin: 0 auto; background-position: 0 -636px; }
.layerNinanoClub.noticeApply { width: 522px; padding-top: 43px; }
.layerNinanoClub.noticeApply .message { width: 463px; margin: 0 auto; text-indent: 0; background: none; }
.layerNinanoClub.noticeApply h2, .layerNinanoClub.noticeApply ul, .layerNinanoClub.noticeApply .inputarea button, .layerNinanoClub.noticeApply .chk label { text-indent: -10000em; background-image: url("//file.bugsm.co.kr/wbugs/promotion/longTerm/2015/ninanoClub/web/sprite_layerMessageV20160202.png"); background-repeat: no-repeat; }
.layerNinanoClub.noticeApply h2 { height: 33px; margin-bottom: 24px; background-position: 0 -763px; }
.layerNinanoClub.noticeApply ul { height: 120px; background-position: 0 -873px; }
.layerNinanoClub.noticeApply .inputarea { overflow: hidden; margin-bottom: 16px; }
.layerNinanoClub.noticeApply .inputarea input { float: left; height: 47px; width: 314px; color: #747474; border-radius: 0; background-color: #f2f2f2; }
.layerNinanoClub.noticeApply .inputarea button { display: block; float: right; height: 50px; width: 116px; text-indent: -10000em; background-position: -272px -556px; }
.layerNinanoClub.noticeApply .chk { display: block; position: relative; margin-bottom: 22px; }
.layerNinanoClub.noticeApply .chk label { display: block; position: relative; height: 17px; width: 300px; background-position: 22px -826px; }
.layerNinanoClub.noticeApply .chk input { position: absolute; top: 1px; left: 0; z-index: 10; }
.layerNinanoTargeting .contents { margin: 8px 8px 0 8px; }
.layerNinanoTargeting .closeCheck { padding-left: 14px; }
.layerNinanoTargeting .ninanoBasic { position: relative; width: 440px; }
.layerNinanoTargeting .ninanoBasic h1 { height: 148px; width: 440px; font-size: 0; line-height: 0; text-indent: -10000em; background: url("//file.bugsm.co.kr/wbugs/banner/promotion/longTerm/ninanoClub/sprite_ninanoClubV20160705.png") 0 0 no-repeat; }
.layerNinanoTargeting .ninanoBasic ul { overflow: hidden; margin: 0 0 16px 1px; }
.layerNinanoTargeting .ninanoBasic li { float: left; height: 75px; width: 146px; text-align: center; }
.layerNinanoTargeting .ninanoBasic li > strong { display: block; height: 20px; margin: 8px auto; font-size: 0; line-height: 0; text-indent: -10000em; background-image: url("//file.bugsm.co.kr/wbugs/banner/promotion/longTerm/ninanoClub/sprite_ninanoClubV20160705.png"); background-repeat: no-repeat; }
.layerNinanoTargeting .ninanoBasic li.bugs strong { width: 43px; background-position: 0 -170px; }
.layerNinanoTargeting .ninanoBasic li.ticketlink strong { width: 50px; background-position: -100px -170px; }
.layerNinanoTargeting .ninanoBasic li.lounge strong { width: 61px; background-position: -200px -170px; }
.layerNinanoTargeting .ninanoBasic li > p { font-size: 14px; color: #000; line-height: 135%; }
.layerNinanoTargeting .ninanoBasic li.ticketlink { width: 145px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.layerNinanoTargeting .ninanoBasic .btns { position: relative; padding-bottom: 18px; }
.layerNinanoTargeting .ninanoBasic .btns button { display: block; height: 42px; width: 244px; margin: 0 auto; font-size: 0; line-height: 0; text-indent: -10000em; background: url("//file.bugsm.co.kr/wbugs/banner/promotion/longTerm/ninanoClub/sprite_ninanoClubV20160705.png") 0 -210px no-repeat; }
.layerNinanoTargeting .ninanoBasic .mask { opacity: 0.2; }
.layerNinanoTargeting .btnClose { right: 8px; }
.layerNinano .layerContents { width: 412px; margin: 25px 20px 10px; }
.layerNinano .layerContents .btns button { height: 49px; width: 146px; }
.layerNinano .layerContents .desc { padding: 26px 0 15px; color: #757271; line-height: 24px; text-align: center; border-top: 1px solid #ededed; }
.layerNinano .layerContents .desc em { color: #ff3d33; }
.layerNinano.notice { width: 456px; }
.layerNinano.notice .layerContents li { position: relative; margin-bottom: 25px; padding-left: 23px; color: #3a3635; line-height: 23px; }
.layerNinano.notice .layerContents li em { color: #ff3d33; }
.layerNinano.notice .layerContents li span { position: absolute; top: 0; left: 0; }
.layerNinano.notice .layerContents li span.gray { position: relative; color: #999; }
.layerNinano.notice .layerContents .desc .more { color: #3a3635; text-decoration: underline; }
.layerNinano.notice .layerContents .desc .more span { display: inline-block; height: 7px; width: 5px; margin-left: 3px; vertical-align: middle; background-image: url("//file.bugsm.co.kr/wbugs/common/sprite_common_button.png"); background-position: -30px -90px; }
.layerNinano.notice .layerContents .btns button { height: 49px; width: 146px; }
.layerNinano.comico { width: 456px; }
.layerNinano.comico .layerContents li { position: relative; margin-bottom: 25px; padding-left: 23px; color: #3a3635; line-height: 23px; }
.layerNinano.comico .layerContents li em { color: #ff3d33; }
.layerNinano.comico .layerContents li span { position: absolute; top: 0; left: 0; }
.layerNinano.comico .layerContents li span.gray { position: relative; color: #999; }
.layerNinano.comico .layerContents .desc { padding-bottom: 16px; }
.layerNinano.comico .layerContents .desc .more { display: inline-block; color: #3a3635; text-decoration: underline; }
.layerNinano.comico .layerContents .desc .more span { display: inline-block; height: 7px; width: 5px; margin-left: 3px; vertical-align: middle; background-image: url("//file.bugsm.co.kr/wbugs/common/sprite_common_button.png"); background-position: -30px -90px; }
.layerNinano.comico .layerContents .btns button { height: 49px; width: 146px; }
.layerNinano.comicoMore { width: 416px; background-color: #fff; }
.layerNinano.comicoMore .layerContents { width: 372px; }
.layerNinano.comicoMore .layerContents .top { margin-bottom: 10px; }
.layerNinano.comicoMore .layerContents ol { margin-left: 15px; list-style-type: decimal; }
.layerNinano.comicoMore .layerContents .top, .layerNinano.comicoMore .layerContents li { line-height: 23px; }
.layerNinano.comicoMore .layerContents .top { margin-bottom: 10px; }
.layerNinano.comicoMore .layerContents li { margin-bottom: 0; padding-left: 3px; color: #757271; }
.layerNinano.comicoMore .layerContents .btns button { height: auto; width: auto; }
.layerNinano.error { width: 456px; }
.layerNinano.error .layerContents .message { padding: 19px 0 21px; font-size: 17px; line-height: 30px; text-align: center; }
.layerNinano.error .layerContents .message em { color: #ff3d33; }
.layerNinano.error .layerContents .desc { padding-bottom: 0; }
.layerNinano.error .layerContents .desc br { display: none; }
.layerNinano.tenMillion { width: 462px; border: 4px solid #000; }
.layerNinano.tenMillion .layerContents { width: 462px; margin: 0; padding-bottom: 37px; }
.layerNinano.tenMillion .layerContents h1 { top: 10px; right: 10px; height: 148px; width: 462px; font-size: 0; letter-spacing: -1px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/web/i_layerTenMillionTopV20161118.png") 0 0 no-repeat; }
.layerNinano.tenMillion .layerContents .desc { width: 412px; margin: 0 auto; padding: 22px 0 10px; font-size: 14px; line-height: 22px; }
.layerNinano.tenMillion .layerContents .desc .br { display: none; }
.layerNinano.tenMillion .layerContents .desc strong, .layerNinano.tenMillion .layerContents .desc span { display: block; color: #000; }
.layerNinano.tenMillion .layerContents .desc strong { margin-bottom: 13px; font-size: 18px; font-weight: normal; }
.layerNinano.tenMillion .layerContents .desc span { display: block; margin-top: 10px; color: #000; }
.layerNinano.tenMillion .btnClose { top: 13px; right: 11px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/web/btn_layerClose.png") 2px 2px no-repeat; }
.layerNinano.newMatgo { background-color: #f2f2f2; }
.layerNinano.newMatgo .layerContents { width: 778px; margin: 0; }
.layerNinano.newMatgo .layerContents h1 { height: 35px; width: 360px; margin: 25px auto; font-size: 0; background: url("//file.bugsm.co.kr/wbugs/ticket/sprite_ninanoclubBenefitGame.png") 0 0 no-repeat; }
.layerNinano.newMatgo .layerContents .benefit { position: relative; height: 656px; }
.layerNinano.newMatgo .layerContents .benefit ol { position: absolute; top: 0; left: -1px; height: 656px; width: 780px; text-indent: -10000em; background: url("//file.bugsm.co.kr/wbugs/ticket/sprite_ninanoclubBenefitGame.png") 0 -100px no-repeat; }
.layerNinano.newMatgo .layerContents .guide { position: relative; overflow: hidden; width: 748px; margin: 0 auto; padding-top: 16px; }
.layerNinano.newMatgo .layerContents .guide li { position: relative; box-sizing: border-box; width: 390px; padding-left: 8px; font-size: 13px; line-height: 23px; word-spacing: -1px; }
.layerNinano.newMatgo .layerContents .guide li br { display: none; }
.layerNinano.newMatgo .layerContents .guide li:before { content: "-"; position: absolute; top: 0; left: 0; font-size: 10px; }
.layerNinano.newMatgo .layerContents .guide li.rt { float: right; width: 355px; }
.layerNinano.newMatgo .layerContents .guide li.line1 { margin-top: -47px; }
.layerNinano.newMatgo .layerContents .guide li.line2 { margin-top: -21px; }
.layerNinano.newMatgo .btnClose { top: 30px; right: 30px; height: 28px; width: 28px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/web/sprite_layerCloseV20161020.png") -79px 0 no-repeat; }
.web .layerNinanoTVC { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; min-width: 950px; }
.web .layerNinanoTVC .dimmed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; z-index: 1000; }
.web .layerNinanoTVC .ninanoTVC { position: absolute; width: 100%; z-index: 1001; }
.web .layerNinanoTVC .ninanoTVC .player { position: relative; width: 100%; max-width: 1280px; margin: 170px auto 0; font-size: 0; line-height: 0; z-index: 1001; }
.web .layerNinanoTVC .ninanoTVC .player iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; max-height: 720px; width: 100%; min-width: 300px; }
.web .layerNinanoTVC .ninanoTVC .player .btnClose { display: block; position: absolute; top: -50px; right: 0; height: 40px; width: 40px; text-indent: -10000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/web/sprite_layerCloseV20160905.png") -34px 6px no-repeat; z-index: 1002; }
.layerNinano.tmon { border: 4px solid #000; }
.layerNinano.tmon .layer-title { height: 84px; border: 0; }
.layerNinano.tmon .layer-title h1 { font-family: 'NotoSans', 나눔바른고딕, NanumBarunGothic, 'NanumBarunGothic', '나눔바른고딕', '돋움', Dotum, 'Apple SD Gothic Neo', arial, sans-serif; font-size: 38px; font-weight: normal; color: #000; line-height: 84px; text-align: center; }
.layerNinano.tmon .layer-title h1 span { font-size: 35px; font-weight: normal; color: #fa2828; }
.layerNinano.tmon .layerContents { margin-top: 0; }
.layerNinano.tmon .layerContents .desc { font-size: 20px; color: #000; line-height: 26px; text-align: center; }
.layerNinano.tmon .layerContents .desc strong { display: inline-block; margin-top: 8px; font-weight: normal; color: #fa2828; }
.layerNinano.tmon .layerContents .btns { margin-top: 0; }
.layerNinano.tmon .layerContents .btns button { height: 52px; font-size: 24px; line-height: 52px; }
.layerNinano.tmon .layerContents .btns button span { font-family: Montserrat; font-size: 20px; }
.layerNinano.tmon .layerContents .guide { margin-top: 28px; padding-top: 20px; font-size: 14px; color: #666; border-top: 1px solid #d9d9d9; }
.layerNinano.tmon .layerContents .guide ul { margin-top: 5px; }
.layerNinano.tmon .layerContents .guide ul li { position: relative; padding-left: 20px; line-height: 20px; }
.layerNinano.tmon .layerContents .guide ul li span { position: absolute; top: 0; left: 0; }
.layerNinano.tmon .btnClose { top: 13px; right: 11px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/web/btn_layerClose.png") 2px 2px no-repeat; }
.layerNinano.endNinanoS3 { width: 492px; border: 4px solid #000; }
.layerNinano.endNinanoS3 .layerContents { width: 100%; margin: 0; padding-bottom: 37px; }
.layerNinano.endNinanoS3 .layerContents h1 { top: 10px; right: 10px; height: 159px; width: 100%; font-size: 0; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/web/i_layerEndNinanoS3V20170228.png") 0 0 no-repeat; }
.layerNinano.endNinanoS3 .layerContents .desc { margin: 0 20px; padding: 22px 0 15px; font-size: 16px; color: #333; line-height: 22px; }
.layerNinano.endNinanoS3 .layerContents .desc strong { font-weight: normal; color: #FF3D33; }
.layerNinano.endNinanoS3 .layerContents .btns { text-align: center; }
.layerNinano.endNinanoS3 .layerContents .btns a { display: inline-block; overflow: hidden; height: 0; width: 200px; margin: 0 1px; padding-top: 50px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/web/i_layerEndNinanoS3V20170928.png") no-repeat; }
.layerNinano.endNinanoS3 .layerContents .btns a.extreming { background-position: 0 -200px; }
.layerNinano.endNinanoS3 .layerContents .btns a.payco { background-position: -240px -200px; }
.layerNinano.endNinanoS3 .btnClose { top: 13px; right: 11px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/web/btn_layerClose.png") 2px 2px no-repeat; }
.layerNinano.matgoCoupon { width: 440px; }
.layerNinano.matgoCoupon .number { margin-bottom: 34px; padding-top: 18px; text-align: center; }
.layerNinano.matgoCoupon .number span { display: block; margin-bottom: 17px; font-size: 15px; font-weight: bold; }
.layerNinano.matgoCoupon .number strong { display: block; font-size: 15px; color: #ff3d33; }
.layerNinano.matgoCoupon ul { margin-bottom: 21px; }
.layerNinano.matgoCoupon ul li { font-size: 12px; line-height: 20px; }
.layerNinano.matgoCoupon ul li:before { content: '-'; display: inline-block; margin-right: 4px; }
.layerNinano.matgoCoupon .btns .btnNormal { box-sizing: border-box; height: auto; width: 100px; }
.layerNinano.justoonCoupon { width: 440px; }
.layerNinano.justoonCoupon .number { margin-bottom: 34px; padding-top: 18px; text-align: center; }
.layerNinano.justoonCoupon .number span { display: block; margin-bottom: 17px; font-size: 15px; font-weight: bold; }
.layerNinano.justoonCoupon .number strong { display: block; font-size: 15px; color: #ff3d33; }
.layerNinano.justoonCoupon ul { margin-bottom: 21px; }
.layerNinano.justoonCoupon ul li { font-size: 12px; line-height: 20px; }
.layerNinano.justoonCoupon ul li:before { content: '-'; display: inline-block; margin-right: 4px; }
.layerNinano.justoonCoupon .btns .btnNormal { box-sizing: border-box; height: auto; width: 100px; }
@media (max-device-width: 1280px) { .layerNinano { position: absolute; width: 90% !important; min-width: 300px; max-width: 450px; border: 2px solid #000; background-color: #fff; z-index: 1000; }
  .layerNinano .btns { text-indent: 0 !important; }
  .layerNinano .layer-title, .layerNinano .layerContents { width: 93% !important; margin: 0 auto; }
  .layerNinano .layer-title { display: block; position: relative; height: 60px !important; margin-bottom: 18px; border-top: 0 !important; border-bottom: 1px solid #7f7f7f !important; background-color: #fff !important; }
  .layerNinano .layer-title h1 { padding: 2px 0 0 0; font-size: 21px; font-weight: 400; color: #3a3635; line-height: 60px; text-align: center; background-color: transparent; }
  .layerNinano .layerContents { margin-bottom: 5px; padding-bottom: 20px; }
  .layerNinano .layerContents br { display: none; }
  .layerNinano .layerContents .desc { padding: 26px 0 15px; color: #757271; line-height: 24px; text-align: center; border-top: 1px solid #ededed; }
  .layerNinano .layerContents .desc em { color: #ff3d33; }
  .layerNinano .layerContents .btns { margin-top: 14px; text-align: center; }
  .layerNinano .layerContents .btns .btnNormal { display: inline-block; overflow: hidden; height: 36px !important; width: 106px !important; padding: 0 14px 0px 14px; font-size: 14px; line-height: 2.4; text-align: center; text-indent: 0; vertical-align: middle; white-space: nowrap; border: 1px solid #b4b2b3; }
  .layerNinano .layerContents .btns .btnNormal { box-sizing: content-box; }
  .layerNinano .layerContents .btns .btnNormal.strong { color: #fff; border: 1px solid #ff564c; background-color: #ff564c !important; }
  .layerNinano .btnClose { display: block; position: absolute; top: 0; right: 0; height: 40px; width: 40px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/m/btn_layerClose.png") 15px 15px no-repeat; background-size: 12px 12px; z-index: 1000; }
  .layerNinano.notice .layerContents ul { padding: 0 8px; }
  .layerNinano.notice .layerContents li { position: relative; margin-bottom: 19px; padding-left: 20px; font-size: 12px; color: #3a3635; line-height: 17px; }
  .layerNinano.notice .layerContents li em { color: #ff3d33; }
  .layerNinano.notice .layerContents li span { position: absolute; top: 0; left: 0; }
  .layerNinano.notice .layerContents li span.gray { position: relative; color: #999; }
  .layerNinano.error br { display: block; }
  .layerNinano.error .layerContents .message { padding: 28px 0 20px !important; font-size: 14px; line-height: 23px; text-align: center; }
  .layerNinano.error .layerContents .desc { padding: 20px 0 8px; font-size: 12px; line-height: 19px; }
  .layerNinano.error .layerContents .desc br { display: block; }
  .layerNinano.comico .layerContents ul { padding: 0 8px; }
  .layerNinano.comico .layerContents li { position: relative; margin-bottom: 19px; padding-left: 20px; font-size: 12px; color: #3a3635; line-height: 19px; }
  .layerNinano.comico .layerContents li em { color: #ff3d33; }
  .layerNinano.comico .layerContents li span { position: absolute; top: 0; left: 0; }
  .layerNinano.comico .layerContents li span.gray { position: relative; color: #999; }
  .layerNinano.comico .layerContents .desc { padding-bottom: 14px; line-height: 18px; }
  .layerNinano.comico .desc { padding: 22px 30px 15px; }
  .layerNinano.comico .desc .more { color: #358bff !important; text-decoration: underline; }
  .layerNinano.comico .desc .more span { display: none !important; }
  .layerNinano.comico .btns button { width: 156px; padding: 0 0 2px; }
  .layerNinano.comicoMore { width: 85% !important; max-width: 430px; }
  .layerNinano.comicoMore .layer-title { letter-spacing: -1px; }
  .layerNinano.comicoMore .layerContents .top, .layerNinano.comicoMore .layerContents li { font-size: 12px; line-height: 19px; }
  .layerNinano.comicoMore .layerContents .top { margin-bottom: 10px; padding: 0 8px; }
  .layerNinano.comicoMore .layerContents ol { margin: 0 8px 0 23px; list-style-type: decimal; }
  .layerNinano.comicoMore .layerContents li { color: #757271; }
  .layerNinano.comicoMore .layerContents .btns .btnNormal { height: auto !important; width: auto !important; }
  .layerNinano.tenMillion .layerContents { width: 93%; margin: 0 auto; padding: 0 0 37px; }
  .layerNinano.tenMillion .layerContents h1 { top: 0; left: 0; height: auto; width: auto; padding-top: 37.03%; letter-spacing: -1px; text-indent: -10000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/m/i_layerTenMillionTopV20161118.png") 50% 0 no-repeat; background-size: 100% auto; }
  .layerNinano.tenMillion .layerContents .desc { width: auto; font-size: 13px; line-height: 16px; letter-spacing: -1px; }
  .layerNinano.tenMillion .layerContents .desc br { display: block !important; }
  .layerNinano.tenMillion .layerContents .desc strong, .layerNinano.tenMillion .layerContents .desc span { display: block; color: #000; }
  .layerNinano.tenMillion .layerContents .desc strong { margin-bottom: 12px; font-size: 15px; font-weight: bold; }
  .layerNinano.tenMillion .layerContents .desc em { display: block; margin-top: 8px; }
  .layerNinano.tenMillion .layerContents .desc span { display: block; margin-top: 11px; color: #000; }
  .layerNinano.tenMillion .btnClose { top: 13px; right: 11px; background-position: 50% 50%; }
  .layerNinano.simple .layerContents .desc strong { display: block; padding: 28px 0 10px !important; font-size: 14px; font-weight: normal; color: #3a3635; line-height: 23px; text-align: center; }
  .layerNinano.simple .layerContents .desc { font-size: 12px; line-height: 19px; border-top: none; }
  .layerNinano.new { max-width: 360px; }
  .layerNinano.newMatgo .layerContents { width: 100% !important; }
  .layerNinano.newMatgo .layerContents h1 { height: auto; width: 100%; margin: 0; padding-top: 17.77%; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/m/sprite_benefitGame.png") 0 0 no-repeat; background-size: 100% auto; }
  .layerNinano.newMatgo .layerContents .benefit { height: auto; }
  .layerNinano.newMatgo .layerContents .benefit ol { position: relative; left: 0; height: auto; width: auto; padding-top: 210%; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/m/sprite_benefitGame.png") 0 63% no-repeat; background-size: 100% auto; }
  .layerNinano.newMatgo .layerContents .guide { width: auto; margin: 0 9px; }
  .layerNinano.newMatgo .layerContents .guide li { width: 100%; font-size: 12px; line-height: 18px; }
  .layerNinano.newMatgo .layerContents .guide li.rt { float: left; width: 100%; }
  .layerNinano.newMatgo .layerContents .guide li.line1, .layerNinano.newMatgo .layerContents .guide li.line2 { margin: 0; }
  .layerNinano.newMatgo .btnClose { top: 2%; right: 15px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/m/sprite_layerCloseV20161020.png") -25px -25px no-repeat; background-size: 50px 50px; }
  .layerNinano.endNinanoS3 .layerContents { width: 93%; margin: 0 auto; padding: 0 0 25px; }
  .layerNinano.endNinanoS3 .layerContents h1 { top: 0; left: 0; height: auto; width: auto; padding-top: 34%; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/m/i_layerEndNinanoS3V20170228.png") 50% 0 no-repeat; background-size: 100% auto; }
  .layerNinano.endNinanoS3 .layerContents .desc { width: auto; margin: 0; padding-bottom: 0; font-size: 12px; line-height: 16px; }
  .layerNinano.endNinanoS3 .layerContents .desc br { display: block; }
  .layerNinano.endNinanoS3 .layerContents .btns a { display: inline-block; overflow: hidden; height: 0; width: 130px; margin: 0 1px; padding-top: 40px; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/m/i_layerEndNinanoS3V20170928.png") no-repeat; background-size: auto 200px; }
  .layerNinano.endNinanoS3 .layerContents .btns a.extreming { background-position: 0 -120px; }
  .layerNinano.endNinanoS3 .layerContents .btns a.payco { background-position: -160px -120px; }
  .layerNinano.endNinanoS3 .btnClose { top: 13px; right: 11px; background-position: 50% 50%; }
  .layerNinano.matgoCoupon { max-width: 360px; }
  .layerNinano.matgoCoupon .number { margin-bottom: 24px; padding-top: 12px; text-align: center; }
  .layerNinano.matgoCoupon .number span { display: block; margin-bottom: 12px; font-size: 15px; font-weight: bold; }
  .layerNinano.matgoCoupon .number strong { display: block; font-size: 15px; color: #ff3d33; }
  .layerNinano.matgoCoupon ul { margin-bottom: 11px; }
  .layerNinano.matgoCoupon ul li { position: relative; padding-left: 8px; font-size: 12px; line-height: 20px; }
  .layerNinano.matgoCoupon ul li:before { content: '-'; display: inline-block; position: absolute; top: 0; left: 0; }
  .layerNinano.matgoCoupon .btns .btnNormal { box-sizing: border-box; height: auto !important; width: 125px !important; }
  .layerNinano.justoonCoupon { max-width: 360px; }
  .layerNinano.justoonCoupon .number { margin-bottom: 24px; padding-top: 12px; text-align: center; }
  .layerNinano.justoonCoupon .number span { display: block; margin-bottom: 12px; font-size: 15px; font-weight: bold; }
  .layerNinano.justoonCoupon .number strong { display: block; font-size: 15px; color: #ff3d33; }
  .layerNinano.justoonCoupon ul { margin-bottom: 11px; padding: 0 10px; }
  .layerNinano.justoonCoupon ul li { position: relative; padding-left: 8px; font-size: 12px; line-height: 20px; }
  .layerNinano.justoonCoupon ul li:before { content: '-'; display: inline-block; position: absolute; top: 0; left: 0; }
  .layerNinano.justoonCoupon .btns .btnNormal { box-sizing: border-box; height: auto !important; width: 125px !important; } }
@media only screen and (max-device-width: 1280px) and (min-width: 320px) { .layerNinano.error .layerContents .message { letter-spacing: -1px; }
  .layerNinano.comicoMore .layerContents li { word-spacing: -2px; }
  .layerNinano.newMatgo .layerContents .guide li br { display: none; } }
@media only screen and (max-device-width: 1280px) and (min-width: 360px) { .layerNinano.error .layerContents .message { letter-spacing: 0; }
  .layerNinano.comicoMore .layerContents li { word-spacing: 0; }
  .layerNinano.newMatgo .layerContents .guide li br { display: block; } }
@media only screen and (max-device-width: 1280px) and (min-width: 450px) { .layerNinano.tenMillion .layerContents .desc .br { display: none !important; } }
.m .layerNinanoTVC { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; }
.m .layerNinanoTVC .dimmed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; z-index: 1000; }
.m .layerNinanoTVC .dimmed .btnClose { display: none; }
.m .layerNinanoTVC .ninanoTVC { position: absolute; top: 52%; width: 100%; }
.m .layerNinanoTVC .ninanoTVC .player { position: relative; width: 100%; max-width: 640px; margin: 0 auto; font-size: 0; line-height: 0; z-index: 1001; }
.m .layerNinanoTVC .ninanoTVC .player iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; max-height: 360px; width: 100%; min-width: 289px; }
.m .layerNinanoTVC .ninanoTVC .player .btnClose { display: block; position: absolute; top: -40px; right: 0; height: 40px; width: 40px; text-indent: -10000em; background: url("//file.bugsm.co.kr/wbugs/promotion/campaign/ninanoclub/m/sprite_layerClose.png") -15px 11px no-repeat; background-size: 50px 25px; z-index: 1001; }
@media only screen and (min-height: 1200px) { .m .layerNinanoTVC .ninanoTVC { top: 43%; } }
@media (orientation: landscape) { .m .layerNinanoTVC .ninanoTVC { top: 27%; } }
/* playerRadio.css */
#wrap { position: relative; height: 100%; min-height: 712px; padding-top: 0; }
.willchange { will-change: opacity; }
.bgcolor { position: absolute; top: 0; right: 0; left: 0; height: 378px; z-index: 0; }
.bgmask { position: absolute; top: 0; right: 0; left: 0; height: 378px; background-color: #484848; z-index: 0; opacity: 0.4; filter: alpha(opacity=40); }
.pgRadioPlayer { position: relative; height: 100%; }
.pgRadioPlayer .innerContainer { box-sizing: border-box; width: 380px; margin: 0 auto; }
.pgRadioPlayer .header { height: 42px; }
.pgRadioPlayer .header .bg { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 42px; width: 100%; background-color: #000; opacity: 0.15; filter: alpha(opacity=15); }
.pgRadioPlayer .header .innerContainer { position: relative; padding-top: 11px; }
.pgRadioPlayer .header .logo { display: block; height: 20px; width: 90px; margin-left: 15px; font-size: 0; line-height: 0; text-indent: -1000000em; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat 0 0; }
.pgRadioPlayer .header .btnOpenSearch { display: inline-block; position: absolute; top: 8px; right: 8px; height: 25px; width: 25px; margin-right: 2px; font-size: 0; line-height: 0; text-indent: -100000em; z-index: 2; opacity: 0.7; filter: alpha(opacity=70); }
.pgRadioPlayer .header .btnOpenSearch:before { content: ''; display: block; height: 14px; width: 14px; margin-left: 5px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -120px 0; }
.pgRadioPlayer .header .btnOpenSearch.open { opacity: 1; filter: alpha(opacity=100); }
.pgRadioPlayer .radioPlayer .innerContainer { position: relative; }
.pgRadioPlayer .radioPlayer .info { height: 49px; width: 300px; margin: 0 auto; padding-top: 19px; text-align: center; }
.pgRadioPlayer .radioPlayer .info > p { display: block; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.7; filter: alpha(opacity=70); }
.pgRadioPlayer .radioPlayer .info > p a { color: #FFF; }
.pgRadioPlayer .radioPlayer .info > p.episode { height: 19px; font-size: 14px; }
.pgRadioPlayer .radioPlayer .info > p.episode strong { display: inline-block; position: relative; box-sizing: border-box; min-height: 14px; max-width: 100%; padding-left: 23px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgRadioPlayer .radioPlayer .info > p.episode strong:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 14px; width: 19px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -200px 0; }
.pgRadioPlayer .radioPlayer .info > p.channel { height: 18px; font-size: 12px; }
.pgRadioPlayer .radioPlayer .playcontrol { position: relative; width: 300px; margin: 0 auto; }
.pgRadioPlayer .radioPlayer .playcontrol .albumImg { position: relative; cursor: pointer; height: 300px; width: 300px; background: url("//file.bugsm.co.kr/wbugs/common/i_default_300x300.png") no-repeat 0 0; }
.pgRadioPlayer .radioPlayer .playcontrol .albumImg:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.05; filter: alpha(opacity=5); }
.msie8 .pgRadioPlayer .radioPlayer .playcontrol .albumImg:before { background: transparent url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayerIE8.png") no-repeat 0 0; opacity: 1; filter: alpha(opacity=100); }
.pgRadioPlayer .radioPlayer .playcontrol .albumImg > p { display: table-cell; cursor: pointer; height: 300px; width: 300px; margin-left: 40px; text-align: center; vertical-align: middle; background-color: #f2f3f7; }
.pgRadioPlayer .radioPlayer .playcontrol .albumImg > p img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.pgRadioPlayer .radioPlayer .playcontrol .progress { position: relative; height: 45px; margin-bottom: 53px; padding-top: 7px; }
.pgRadioPlayer .radioPlayer .playcontrol .progress .progressbar { position: relative; cursor: pointer; padding: 15px 0; z-index: 2; }
.pgRadioPlayer .radioPlayer .playcontrol .progress .progressbar:before { content: ''; display: block; height: 1px; width: 100%; background-color: #d9d9d9; }
.pgRadioPlayer .radioPlayer .playcontrol .progress .progressbar .current { position: absolute; top: 15px; left: 0; height: 1px; font-size: 0; line-height: 0; background-color: #3a3635; }
.pgRadioPlayer .radioPlayer .playcontrol .progress .progressbar .seekbar { position: absolute; height: 31px; width: 13px; margin: -16px -6px; font-size: 0; color: transparent; line-height: 0; text-indent: -10000em; }
.pgRadioPlayer .radioPlayer .playcontrol .progress .progressbar .seekbar:before { content: ''; display: block; height: 13px; width: 13px; margin-top: 9px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -360px 0; }
.pgRadioPlayer .radioPlayer .playcontrol .progress .time { position: relative; margin-top: -8px; z-index: 1; }
.pgRadioPlayer .radioPlayer .playcontrol .progress .time time { font-size: 11px; color: #999; }
.pgRadioPlayer .radioPlayer .playcontrol .progress .time time > span { font-size: 0; color: transparent; line-height: 0; text-indent: -10000em; }
.pgRadioPlayer .radioPlayer .playcontrol .progress .time time.total { float: right; text-align: right; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo { position: absolute; top: 352px; right: 0; left: 0; text-align: center; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo p a { display: inline-block; max-width: 300px; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo .track { margin-bottom: 4px; padding-top: 1px; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo .track strong { font-weight: normal; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo .track strong a { font-size: 16px; color: #3a3635; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo .artist { display: inline-block; position: relative; box-sizing: border-box; max-width: 300px; padding-right: 0; vertical-align: top; zoom: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo .artist.multi { padding-right: 20px; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo .artist > a { display: inline-block; font-size: 13px; color: #757271; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo .artist > .more { display: inline-block; position: absolute; top: 50%; right: 0px; height: 20px; width: 21px; margin-top: -10px; text-indent: -9999px; }
.pgRadioPlayer .radioPlayer .playcontrol .trackInfo .artist > .more:before { content: ''; margin-top: -1px; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -13px -24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.pgRadioPlayer .radioPlayer .playcontrol .control { text-align: center; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo { position: relative; height: 38px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo button { display: inline-block; cursor: pointer; overflow: hidden; height: 23px; width: 23px; font-size: 0; line-height: 0; text-indent: -100000em; vertical-align: middle; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat 0 0; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnPlaylist { position: absolute; top: 0; background-position: -160px -40px; left: -3px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnPlaylist:hover { background-position: -160px -80px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnLike.cast { margin: 0 6px; background-position: -40px -40px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnLike.cast:hover { background-position: -40px -80px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnLike.cast.on { background-position: -200px -80px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnLike.radio { margin: 0 6px; background-position: -80px -40px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnLike.radio:hover { background-position: -80px -80px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnLike.radio.on { background-position: -240px -80px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnHate.radio { margin: 0 6px; background-position: -120px -40px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnHate.radio:hover { background-position: -120px -80px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnHate.radio.on { background-position: -120px -80px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnContext { position: absolute; top: 0; background-position: 0 -40px; right: -3px; }
.pgRadioPlayer .radioPlayer .playcontrol .channelInfo .btnContext:hover { background-position: 0 -80px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset { position: relative; height: 54px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset button { display: inline-block; cursor: pointer; overflow: hidden; font-size: 0; line-height: 0; text-indent: -100000em; vertical-align: middle; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat 0 0; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume { position: absolute; top: 16px; left: -3px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .btnVolume { height: 23px; width: 23px; background-position: 0 -120px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .btnVolume:hover, .pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .btnVolume.on { background-position: 0 -160px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .btnMute { height: 23px; width: 23px; background-position: 0 -200px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume.on .volumeProgress { display: block; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume.off .volumeProgress { display: none; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .volumeProgress { position: absolute; top: -41px; left: -13px; height: 25px; width: 84px; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .volumeProgress:after { content: ''; display: block; position: absolute; bottom: -9px; left: 19px; height: 9px; width: 13px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -200px -40px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .volumeProgress .progressbar { position: relative; cursor: pointer; width: 64px; margin: 0 auto; padding: 12px 0; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .volumeProgress .progressbar:before { content: ''; display: block; height: 1px; width: 100%; background-color: #d9d9d9; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .volumeProgress .progressbar .current { position: absolute; top: 12px; right: 0; left: 0; height: 1px; font-size: 0; line-height: 0; background-color: #ff3d33; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .volumeProgress .progressbar .seekbar { position: absolute; height: 25px; width: 11px; margin: -12px -5px; font-size: 0; color: transparent; line-height: 0; text-indent: -10000em; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .volume .volumeProgress .progressbar .seekbar:before { content: ''; display: block; height: 11px; width: 11px; margin-top: 6px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -400px 0; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnPrev { height: 44px; width: 44px; margin: 0 5px; background-position: -80px -120px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnPrev:hover { background-position: -80px -200px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnNext { height: 44px; width: 44px; margin: 0 5px; background-position: -160px -120px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnNext:hover { background-position: -160px -200px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnNext.radio { height: 54px; width: 54px; margin: 0 17px; background-position: -400px -120px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnNext.radio:hover { background-position: -400px -200px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnPlay { height: 54px; width: 54px; margin: 0 17px; background-position: -240px -120px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnPlay:hover { background-position: -240px -200px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnPlay:before { display: none; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnPause { height: 54px; width: 54px; margin: 0 17px; background-position: -320px -120px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnPause:hover { background-position: -320px -200px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnLyrics { position: absolute; top: 16px; right: -3px; height: 23px; width: 23px; background-position: -40px -120px; }
.pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnLyrics:hover, .pgRadioPlayer .radioPlayer .playcontrol .ctlset .btnLyrics.on { background-position: -40px -160px; }
.pgRadioPlayer .radioPlayer .layerLyrics { position: absolute; top: 0; right: 0; left: 0; height: 368px; text-align: center; }
.pgRadioPlayer .radioPlayer .layerLyrics .bgcolor, .pgRadioPlayer .radioPlayer .layerLyrics .bgmask { height: 368px; }
.pgRadioPlayer .radioPlayer .layerLyrics .lyrics { position: relative; }
.pgRadioPlayer .radioPlayer .layerLyrics .lyrics .innerScroll { height: 368px; width: 380px; }
.pgRadioPlayer .radioPlayer .layerLyrics .lyrics .innerScroll .jspDrag { background: #fff; opacity: 0.45; filter: alpha(opacity=45); }
.pgRadioPlayer .radioPlayer .layerLyrics .lyrics p { font-size: 14px; color: #fff; line-height: 25px; opacity: 0.45; filter: alpha(opacity=45); }
.pgRadioPlayer .radioPlayer .layerLyrics .lyrics .before { padding-top: 39px; }
.pgRadioPlayer .radioPlayer .layerLyrics .lyrics .nodata { line-height: 368px; }
.pgRadioPlayer .radioPlayer .layerLyrics .lyrics strong { font-weight: normal; color: #fff; line-height: 25px; }
.pgRadioPlayer .radioPlayer .layerLyrics .btnClose { display: block; position: absolute; top: 14px; right: 8px; height: 25px; width: 25px; font-size: 0; line-height: 0; text-indent: -100000em; background: none; }
.pgRadioPlayer .radioPlayer .layerLyrics .btnClose:before { content: ''; display: block; height: 13px; width: 13px; margin: 5px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -280px -40px; }
.pgRadioPlayer .bottomInfo { position: absolute; right: 0; bottom: 0; left: 0; }
.pgRadioPlayer .bottomInfo .innerContainer { margin: 0 auto; }
.pgRadioPlayer .bottomInfo .etclink { height: 38px; font-size: 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background-color: #fff; }
.pgRadioPlayer .bottomInfo .etclink .innerContainer { width: 300px; }
.pgRadioPlayer .bottomInfo .etclink a { display: inline-block; position: relative; padding-top: 1px; font-size: 11px; line-height: 38px; }
.pgRadioPlayer .bottomInfo .etclink a:after { content: ''; display: block; position: absolute; top: 50%; right: 0; height: 10px; width: 1px; margin: -6px 0 0 0; background-color: #d9d9d9; }
.pgRadioPlayer.radio .bottomInfo .etclink a.listened { width: 67px; }
.pgRadioPlayer.radio .bottomInfo .etclink a.like { width: 139px; text-align: center; }
.pgRadioPlayer.radio .bottomInfo .etclink a.comment { width: 88px; text-align: right; }
.pgRadioPlayer.musiccast .bottomInfo .etclink a.listened { display: none; }
.pgRadioPlayer.musiccast .bottomInfo .etclink a.like { box-sizing: border-box; width: 151px; padding-left: 8px; }
.pgRadioPlayer.musiccast .bottomInfo .etclink a.comment { box-sizing: border-box; width: 149px; padding-right: 21px; text-align: right; }
.pgRadioPlayer .bottomInfo .etclink a.comment:after { display: none; }
.pgRadioPlayer .bottomInfo .radioMessage { position: relative; min-height: 37px; background-color: #f8f9fb; }
.pgRadioPlayer .bottomInfo .radioMessage .innerContainer { width: 348px; padding-top: 12px; }
.pgRadioPlayer .bottomInfo .radioMessage .message { display: inline-block; font-size: 11px; color: #757271; }
.pgRadioPlayer .bottomInfo .radioMessage .message .ticket { display: inline-block; max-width: 150px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgRadioPlayer .bottomInfo .radioMessage .message .bar { display: inline-block; height: 7px; width: 1px; margin: 0 6px; background-color: #ccc; }
.pgRadioPlayer .bottomInfo .radioMessage .message a { display: inline-block; position: relative; margin-left: 6px; color: #757271; }
.pgRadioPlayer .bottomInfo .radioMessage .message a:after { content: ''; display: block; position: absolute; top: 50%; right: -9px; margin-top: -4px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: -27px -13px; }
.pgRadioPlayer .bottomInfo .radioMessage .btnNormal { float: right; height: 18px; margin-top: -4px; padding: 1px 8px 0; font-size: 11px; line-height: 1.63; }
.pgRadioPlayer .view { position: absolute; top: 42px; right: 0; bottom: 0; left: 0; width: 100%; z-index: 2; }
.pgRadioPlayer .view:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 77px; width: 100%; background: #fff; }
.pgRadioPlayer .view .innerContainer { position: relative; height: 100%; background-color: #fff; }
.pgRadioPlayer .view .innerContainer .btnClose { display: block; position: absolute; top: 15px; right: 8px; height: 25px; width: 25px; font-size: 0; line-height: 0; text-indent: -100000em; background: none; }
.pgRadioPlayer .view .innerContainer .btnClose:before { content: ''; display: block; height: 13px; width: 13px; margin: 5px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -320px -40px; }
.pgRadioPlayer .view .innerContainer .btnClose.white:before { background-position: -280px -40px; }
.pgRadioPlayer .view .list ul { width: 380px; }
.pgRadioPlayer .view .list li:hover { background-color: #f8f9fb; }
.pgRadioPlayer .view .list li .trackInfo { cursor: pointer; }
.pgRadioPlayer .view .list li .trackInfo .info p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgRadioPlayer .view .list li .trackInfo .info p span { display: inline-block; color: #d1d0d0; }
.pgRadioPlayer .view .list li .trackInfo .info p.track { color: #3a3635; }
.pgRadioPlayer .view .list li .trackInfo .info p.artist { color: #757271; }
.pgRadioPlayer .view .list li .trackInfo.playing .info p { color: #ff3d33; }
.pgRadioPlayer .view .list .listBtm { position: relative; height: 30px; padding-top: 7px; text-align: center; }
.pgRadioPlayer .view .list .listBtm .more { display: inline-block; position: relative; margin-top: 7px; padding-right: 12px; }
.pgRadioPlayer .view .list .listBtm .more:before { content: ''; margin-top: -1px; height: 5px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20201102.png"); background-position: 0 -34px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); -ms-transform: translate(0, -54%); }
.pgRadioPlayer .view .list .listBtm .btnNormal { position: absolute; top: 7px; right: 20px; height: 20px; padding: 1px 8px 0 16px; font-size: 11px; line-height: 1.8; background-image: none; }
.pgRadioPlayer .view .list .listBtm .btnNormal:before { content: ''; display: block; position: absolute; top: 50%; left: 7px; height: 5px; width: 7px; margin-top: -3px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -320px 0; }
.pgRadioPlayer .view .innerScroll, .pgRadioPlayer .view .innerScroll .jspContainer, .pgRadioPlayer .view .innerScroll .jspPane { min-height: 515px !important; min-width: 380px !important; }
.pgRadioPlayer .view.playlist { display: none; }
.pgRadioPlayer .view.playlist .innerContainer > header { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.pgRadioPlayer .view.playlist .playingInfo { position: relative; height: 106px; }
.pgRadioPlayer .view.playlist .playingInfo .bgmask { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 106px; background-color: #484848; opacity: 0.4; filter: alpha(opacity=40); }
.pgRadioPlayer .view.playlist .playingInfo .albumImg { position: relative; top: 20px; left: 20px; height: 66px; width: 66px; }
.pgRadioPlayer .view.playlist .playingInfo .albumImg > p { display: table-cell; height: 66px; width: 66px; margin-left: 40px; text-align: center; vertical-align: middle; background-color: #f2f3f7; }
.pgRadioPlayer .view.playlist .playingInfo .albumImg > p img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.pgRadioPlayer .view.playlist .playingInfo .albumImg a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 0; line-height: 0; text-indent: -100000em; background-color: #000; opacity: 0.05; filter: alpha(opacity=5); }
.msie8 .pgRadioPlayer .view.playlist .playingInfo .albumImg a { background: transparent url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayerIE8.png") no-repeat -320px 0; opacity: 1; filter: alpha(opacity=100); }
.pgRadioPlayer .view.playlist .playingInfo .info { position: relative; margin-top: -39px; margin-left: 97px; }
.pgRadioPlayer .view.playlist .playingInfo .info p { display: block; width: 87%; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgRadioPlayer .view.playlist .playingInfo .info p a { color: #FFF; }
.pgRadioPlayer .view.playlist .playingInfo .info p.episode { height: 21px; font-size: 14px; }
.pgRadioPlayer .view.playlist .playingInfo .info p.cast { height: 20px; font-size: 13px; }
.pgRadioPlayer .view.playlist .playingInfo .info time { font-size: 11px; color: #fff; opacity: 0.7; filter: alpha(opacity=70); }
.pgRadioPlayer .view.playlist .playingInfo .info time span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.pgRadioPlayer .view.playlist .list { position: absolute; top: 106px; right: 0; bottom: 38px; left: 0; }
.pgRadioPlayer .view.playlist .list .innerScroll { min-height: 526px; }
.pgRadioPlayer .view.playlist .list li .trackInfo { position: relative; height: 64px; width: 340px; margin: -1px auto 0; }
.pgRadioPlayer .view.playlist .list li .trackInfo:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background-color: #efefef; }
.pgRadioPlayer .view.playlist .list li .trackInfo .check { display: block; float: left; width: 24px; padding-top: 24px; }
.pgRadioPlayer .view.playlist .list li .trackInfo .info { float: left; width: 270px; padding-top: 16px; }
.pgRadioPlayer .view.playlist .list li .trackInfo .info p { width: 85%; }
.pgRadioPlayer .view.playlist .list li .trackInfo .info p span { display: inline-block; color: #d1d0d0; }
.pgRadioPlayer .view.playlist .list li .trackInfo .info p.track { height: 18px; font-size: 13px; }
.pgRadioPlayer .view.playlist .list li .trackInfo .info p.artist { height: 20px; font-size: 12px; }
.pgRadioPlayer .view.playlist .list li .trackInfo.playing .info p { color: #ff3d33; }
.pgRadioPlayer .view.playlist .list li .trackInfo time { position: absolute; top: 2px; right: 0; font-size: 11px; color: #999; line-height: 64px; }
.pgRadioPlayer .view.playlist .list li .trackInfo time span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.pgRadioPlayer .view.playlist .bottomInfo { border-top: 1px solid #f1f2f2; background-color: #f8f9fb; }
.pgRadioPlayer .view.playlist .bottomInfo .innerContainer { min-height: 36px; width: 340px; padding-top: 11px; background: transparent; }
.pgRadioPlayer .view.playlist .bottomInfo .check { display: inline-block; float: left; padding-right: 9px; vertical-align: middle; }
.pgRadioPlayer .view.playlist .bottomInfo .btnNormal { height: 19px; margin-top: -4px; padding: 1px 9px 0 8px; font-size: 11px; line-height: 1.5; background: #fff none; }
.pgRadioPlayer .view.playlist .bottomInfo .btnNormal:hover { background: #f2f3f7; }
.pgRadioPlayer .view.playlist .bottomInfo .btnNormal.addAlbum, .pgRadioPlayer .view.playlist .bottomInfo .btnNormal.download { float: left; margin-right: 6px; }
.pgRadioPlayer .view.playlist .bottomInfo .btnNormal.complete { float: right; }
.pgRadioPlayer .view.playlist .innerContainer .btnClose.white { top: 23px; right: 7px; }
.pgRadioPlayer .view.listenedTrack { display: none; }
.pgRadioPlayer .view.listenedTrack header { height: 52px; padding-left: 20px; }
.pgRadioPlayer .view.listenedTrack header > h1 { display: inline-block; font-size: 14px; font-weight: normal; color: #3a3635; line-height: 53px; vertical-align: middle; }
.pgRadioPlayer .view.listenedTrack header .notice { display: inline-block; position: relative; margin: -1px 0 0 2px; vertical-align: middle; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -440px 0; }
.pgRadioPlayer .view.listenedTrack header .notice a { display: block; height: 16px; width: 16px; font-size: 0; line-height: 0; text-indent: -10000em; }
.pgRadioPlayer .view.listenedTrack header .layerListenTrack { display: none; position: absolute; top: 29px; left: -37px; width: 191px; padding: 12px; font-size: 11px; line-height: 18px; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; z-index: 10; }
.pgRadioPlayer .view.listenedTrack header .layerListenTrack strong { font-weight: normal; color: #ff3d33; }
.pgRadioPlayer .view.listenedTrack header .layerListenTrack:after { content: ''; display: block; position: absolute; top: -7px; left: 38px; height: 7px; width: 13px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -240px -40px; }
.pgRadioPlayer .view.listenedTrack .list { position: absolute; top: 54px; right: 0; bottom: 0; left: 0; border-top: 1px solid #d9d9d9; }
.pgRadioPlayer .view.listenedTrack .list .innerScroll { min-height: 526px; }
.pgRadioPlayer .view.listenedTrack .list li { position: relative; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo { position: relative; height: 59px; width: 340px; margin: -1px auto 0; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo:before { content: ''; display: block; position: absolute; top: 50%; right: 4px; height: 14px; width: 19px; margin-top: -7px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -240px 0; }
.pgRadioPlayer .view.listenedTrack .list li:hover .trackInfo:before { background-position: -280px 0; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background-color: #efefef; z-index: 2; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo .info { float: left; width: 250px; padding-top: 14px; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo .info > a { display: block; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo .info > a:hover { display: block; text-decoration: none; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo .info p { width: 95%; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo .info p.track { height: 19px; font-size: 13px; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo .info p.artist { height: 20px; font-size: 12px; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo time { display: inline-block; position: absolute; top: 2px; right: 43px; width: 50px; font-size: 11px; color: #999; line-height: 59px; text-align: right; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo:hover time { display: none; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo .btnNormal.addAlbum { display: none; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo:hover .btnNormal.addAlbum { display: block; position: absolute; top: 50%; right: 43px; height: 20px; margin-top: -12px; padding: 1px 7px 0; font-size: 11px; line-height: 1.7; background: #fff none; }
.pgRadioPlayer .view.listenedTrack .list li .trackInfo:hover .btnNormal.addAlbum:hover { background: #f2f3f7; }
.pgRadioPlayer .view.listenedTrack .list.nodata .nodataMessage { position: absolute; top: 45%; right: 0; left: 0; font-size: 15px; color: #757271; text-align: center; }
.pgRadioPlayer .view.searchResult { display: none; }
.pgRadioPlayer .view.searchResult.show { display: block; }
.pgRadioPlayer .view.searchResult.hide { display: none; }
.pgRadioPlayer .view.searchResult header { padding: 16px 40px 18px 16px; }
.pgRadioPlayer .view.searchResult header > h1 { display: inline-block; font-size: 14px; font-weight: normal; color: #3a3635; line-height: 18px; vertical-align: middle; }
.pgRadioPlayer .view.searchResult header > h1 strong { display: inline-block; max-width: 250px; margin-top: -2px; font-weight: normal; color: #ff3d33; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgRadioPlayer .view.searchResult fieldset.searchForm { position: relative; height: 32px; width: 340px; margin: 0 20px 20px; }
.pgRadioPlayer .view.searchResult fieldset.searchForm input { box-sizing: border-box; height: 32px; width: 100%; padding: 1px 50px 0 0; font-size: 12px; color: #3a3635; line-height: 32px; text-indent: 9px; border: 1px solid #d9d9d9; }
.pgRadioPlayer .view.searchResult fieldset.searchForm .btnKeywordDelete { display: inline-block; position: absolute; top: 8px; right: 30px; height: 15px; width: 15px; font-size: 0; line-height: 0; text-indent: -100000em; z-index: 2; }
.pgRadioPlayer .view.searchResult fieldset.searchForm .btnKeywordDelete:before { content: ''; display: block; height: 7px; width: 7px; margin-left: 4px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -400px -40px; }
.pgRadioPlayer .view.searchResult fieldset.searchForm .btnSearch { display: inline-block; position: absolute; top: 3px; right: 1px; height: 25px; width: 25px; margin-right: 2px; font-size: 0; line-height: 0; text-indent: -100000em; z-index: 2; }
.pgRadioPlayer .view.searchResult fieldset.searchForm .btnSearch:before { content: ''; display: block; height: 14px; width: 14px; margin-left: 5px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -160px 0; }
.pgRadioPlayer .view.searchResult fieldset.searchForm .layerResult { display: none; position: absolute; top: 31px; right: 0; left: 0; overflow: hidden; max-height: 340px; border: 1px solid #c5c4c9; background-color: #FFF; z-index: 100; }
.pgRadioPlayer .view.searchResult fieldset.searchForm .layerResult li a { display: block; height: 34px; padding-right: 9px; padding-left: 9px; font-size: 12px; color: #3a3635; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgRadioPlayer .view.searchResult fieldset.searchForm .layerResult li a:hover, .pgRadioPlayer .view.searchResult fieldset.searchForm .layerResult li a:focus { color: #3a3635; background-color: #f3f3f7; }
.pgRadioPlayer .view.searchResult fieldset.searchForm .layerResult li a:hover em, .pgRadioPlayer .view.searchResult fieldset.searchForm .layerResult li a:focus em { text-decoration: underline; }
.pgRadioPlayer .view.searchResult fieldset.searchForm .layerResult li a em { color: #ff3d33; }
.pgRadioPlayer .view.searchResult .tab { height: 50px; padding: 0 20px; }
.pgRadioPlayer .view.searchResult .tab a { display: block; float: left; box-sizing: border-box; width: 50%; color: #757271; line-height: 33px; text-align: center; border: 1px solid #d9d9d9; background-color: #fafafc; }
.pgRadioPlayer .view.searchResult .tab a:hover { text-decoration: none; }
.pgRadioPlayer .view.searchResult .tab a:first-child { border-right: 0; }
.pgRadioPlayer .view.searchResult .tab a.on { color: #3a3635; border-bottom: none; background-color: #fff; }
.pgRadioPlayer .view.searchResult .result { position: absolute; top: 155px; right: 0; bottom: 0; left: 0; }
.pgRadioPlayer .view.searchResult .list li { position: relative; }
.pgRadioPlayer .view.searchResult .list li .trackInfo { position: relative; height: 58px; width: 340px; margin: -1px auto 0; }
.pgRadioPlayer .view.searchResult .list li .trackInfo:before { content: ''; display: block; position: absolute; top: 50%; right: 4px; height: 14px; width: 19px; margin-top: -7px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -240px 0; }
.pgRadioPlayer .view.searchResult .list li:hover .trackInfo:before { background-position: -280px 0; }
.pgRadioPlayer .view.searchResult .list li .trackInfo > a { display: block; position: relative; height: 58px; }
.pgRadioPlayer .view.searchResult .list li .trackInfo:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background-color: #efefef; z-index: 2; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .thumbnail { position: relative; top: 13px; left: 0; float: left; height: 32px; width: 32px; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .thumbnail:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; filter: alpha(opacity=10); }
.msie8 .pgRadioPlayer .view.searchResult .list li .trackInfo .thumbnail:before { border: 1px solid #e5e5e5; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .thumbnail p { display: table-cell; height: 32px; width: 32px; text-align: center; vertical-align: middle; background-color: #f2f3f7; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .thumbnail p img { display: inline-block; max-height: 32px; max-width: 32px; vertical-align: middle; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .info { float: left; width: 250px; margin-left: 15px; padding-top: 14px; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .info p { width: 98%; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .info p a { display: inline-block; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .info p.track { height: 18px; font-size: 13px; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .info p.artist { font-size: 12px; }
.pgRadioPlayer .view.searchResult .list#resultArtist li .trackInfo .info { padding-top: 22px; }
.pgRadioPlayer .view.searchResult .list#resultArtist li .trackInfo .info p.artist { height: 18px; font-size: 13px; color: #3a3635; }
.pgRadioPlayer .view.searchResult .list li .trackInfo time { display: inline-block; position: absolute; top: 2px; right: 43px; width: 50px; font-size: 11px; color: #999; line-height: 59px; text-align: right; }
.pgRadioPlayer .view.searchResult .list li .trackInfo:hover time { display: none; }
.pgRadioPlayer .view.searchResult .list li .trackInfo .btnNormal.addAlbum { display: none; }
.pgRadioPlayer .view.searchResult .list li .trackInfo:hover .btnNormal.addAlbum { display: block; position: absolute; top: 50%; right: 43px; height: 20px; margin-top: -12px; padding: 1px 7px 0; font-size: 11px; line-height: 1.7; background-image: none; }
.pgRadioPlayer .view.searchResult .list.nodata .nodataMessage { position: absolute; top: 40%; right: 0; left: 0; text-align: center; }
.pgRadioPlayer .view.searchResult .list.nodata .nodataMessage dt { margin-bottom: 21px; padding: 0 20px; font-size: 15px; line-height: 18px; }
.pgRadioPlayer .view.searchResult .list.nodata .nodataMessage dt strong { display: inline-block; overflow: hiddne; max-width: 160px; font-weight: normal; color: #ff3d33; line-height: 14px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.pgRadioPlayer .view.searchResult .list.nodata .nodataMessage dd { margin-bottom: 2px; font-size: 13px; color: #757271; line-height: 18px; }
.pgRadioPlayer .view.searchResult .list.nodata .nodataMessage dd span { display: inline-block; position: relative; padding-left: 7px; }
.pgRadioPlayer .view.searchResult .list.nodata .nodataMessage dd span:before { content: ''; display: block; position: absolute; top: 6px; left: 0; height: 2px; width: 2px; background-color: #a1a1a1; }
.pgRadioPlayer .view.radioComment { display: none; }
.pgRadioPlayer .view.radioComment header { padding: 18px 40px 0 20px; }
.pgRadioPlayer .view.radioComment header > h1 { display: inline-block; font-size: 14px; font-weight: normal; color: #3a3635; line-height: 18px; vertical-align: middle; }
.pgRadioPlayer .view.radioComment header > p { font-size: 12px; color: #757271; line-height: 18px; }
.pgRadioPlayer .view.radioComment .commentList { position: absolute; top: 71px; right: 0; bottom: 0; left: 0; }
.pgRadioPlayer .view.radioComment .commentsCommon { min-width: 340px; padding: 0 20px 50px; border-top: none; }
.pgRadioPlayer .view.radioComment .commentsCommon > .innerContainer { width: 100%; }
.pgRadioPlayer .view.radioComment .commentsCommon > .innerContainer h1, .pgRadioPlayer .view.radioComment .commentsCommon > .innerContainer .desc, .pgRadioPlayer .view.radioComment .commentsCommon > .innerContainer .btnCommentInfo { position: absolute; left: -1000000em; font-size: 0; line-height: 0; text-indent: -100000em; }
.pgRadioPlayer .view.radioComment .commentsCommon ul.listComments li .user ~ .comment { width: calc(100% - 10px); }
.pgRadioPlayer .view.radioComment .commentsCommon .writeComment { margin-top: 0; }
.pgRadioPlayer .layer { box-shadow: none; background-color: #fff; }
.pgRadioPlayer .layer > .btnClose { top: 0; right: 0; }
.pgRadioPlayer .layer.layerToast { bottom: 8px; left: 50%; width: 362px; margin-left: -181px; padding: 16px 0 0; color: #757271; line-height: 21px; text-align: center; }
.pgRadioPlayer .layer.layerToast .layerContents { padding-bottom: 16px; }
.pgRadioPlayer .layer.layerToast .text { display: block; }
.pgRadioPlayer .layer.layerToast .text strong { font-weight: normal; color: #ff3d33; }
.pgRadioPlayer .layer.layerToast a.golink { display: inline-block; position: relative; padding-right: 9px; color: #ff3d33; text-decoration: underline; }
.pgRadioPlayer .layer.layerToast a.golink:after { content: ''; display: block; position: absolute; top: 6px; right: 0; height: 7px; width: 5px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -360px -40px; }
.pgRadioPlayer .layer.layerLoading { width: 325px; }
.pgRadioPlayer .layer.alertMessage { width: 325px; }
.pgRadioPlayer .layer.alertMessage em { color: #ff3d33; }
.pgRadioPlayer .layer.layerNotice { display: block; position: absolute; top: 45px; right: 17px; box-sizing: border-box; width: 193px; padding: 10px 10px 8px; font-size: 11px; line-height: 18px; border: 1px solid #afaeb0; border-radius: 3px; background: #fff; z-index: 10; }
.pgRadioPlayer .layer.layerNotice p { margin-bottom: 5px; color: #757271; }
.pgRadioPlayer .layer.layerNotice p > strong { display: block; margin-bottom: 2px; font-weight: normal; color: #3a3635; }
.pgRadioPlayer .layer.layerNotice .chk { display: inline-block; float: right; color: #999; text-align: right; }
.pgRadioPlayer .layer.layerNotice .chk input { display: inline-block; margin-top: -2px; margin-right: 3px; }
.pgRadioPlayer .layer.layerNotice:after { content: ''; display: block; position: absolute; top: -7px; right: 10px; height: 7px; width: 13px; background: url("//file.bugsm.co.kr/wbugs/player/radio/sprite_radioPlayer.png?version=20200205") no-repeat -240px -40px; }
.pgRadioPlayer .layer.layerNotice .btnClose { top: 4px; right: 3px; }

/*# sourceMappingURL=playerRadio.css.map */