@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap';
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; font-display: fallback; src: local("NanumBarunGothicLight"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicLight.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicLight.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicLight.ttf") format("truetype"); /* Safari, Android, iOS */ }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; font-display: fallback; src: local("NanumBarunGothic"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothic.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothic.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothic.ttf") format("truetype"); /* Safari, Android, iOS */ }
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; font-display: fallback; src: local("NanumBarunGothicBold"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicBold.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicBold.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumBarunGothicBold.ttf") format("truetype"); /* Safari, Android, iOS */ }
@font-face { font-family: 'SpoqaHanSansNeo'; font-style: normal; font-weight: 300; font-display: fallback; src: url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Light.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Light.ttf") format("truetype"); }
@font-face { font-family: 'SpoqaHanSansNeo'; font-style: normal; font-weight: 400; font-display: fallback; src: url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype"); }
@font-face { font-family: 'SpoqaHanSansNeo'; font-style: normal; font-weight: 500; font-display: fallback; src: url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Medium.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Medium.ttf") format("truetype"); }
@font-face { font-family: 'SpoqaHanSansNeo'; font-style: normal; font-weight: 700; font-display: fallback; src: url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), url("https://file.bugsm.co.kr/wbugs/fonts/SpoqaHanSansNeo-Bold.ttf") format("truetype"); }
@font-face { font-family: 'RixMgo'; font-style: normal; font-weight: 300; src: url("https://file.bugsm.co.kr/wbugs/fonts/RixMGo-Mobile-Light.ttf") format("truetype"); }
@font-face { font-family: 'RixMgo'; font-style: normal; font-weight: 400; src: url("https://file.bugsm.co.kr/wbugs/fonts/RixMGo-Mobile-Medium.ttf") format("truetype"); }
@font-face { font-family: 'RixMgo'; font-style: normal; font-weight: 700; src: url("https://file.bugsm.co.kr/wbugs/fonts/RixMGo-Mobile-Bold.ttf") format("truetype"); }
@font-face { font-family: 'NanumSquareNeo'; font-style: normal; font-weight: 400; src: url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-bRg.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-bRg.woff") format("woff"); font-display: fallback; }
@font-face { font-family: 'NanumSquareNeo'; font-style: normal; font-weight: 700; src: url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-cBd.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-cBd.woff") format("woff"); font-display: fallback; }
@font-face { font-family: 'NanumSquareNeo'; font-style: normal; font-weight: 800; src: url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-dEb.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-dEb.woff") format("woff"); font-display: fallback; }
@font-face { font-family: 'NanumSquareNeo'; font-style: normal; font-weight: 900; src: url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-eHv.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/NanumSquareNeo-eHv.woff") format("woff"); font-display: fallback; }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 300; font-display: swap; src: local("Pretendard Light"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Light.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Light.woff") format("woff"); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 400; font-display: swap; src: local("Pretendard Regular"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Regular.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Regular.woff") format("woff"); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 500; font-display: swap; src: local("Pretendard Medium"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Medium.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Medium.woff") format("woff"); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 600; font-display: swap; src: local("Pretendard SemiBold"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-SemiBold.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-SemiBold.woff") format("woff"); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 700; font-display: swap; src: local("Pretendard Bold"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Bold.woff2") format("woff2"), url("https://file.bugsm.co.kr/wbugs/fonts/Pretendard-Bold.woff") format("woff"); }
/* 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@20250214.png"); background-position: -323px -94px; }
.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@20250214.png"); background-position: -609px -145px; }
.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%); }
.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@20250214.png"); background-position: -579px -205px; }
.layer.login .loginSet .share a.btnFbLogin > strong { height: 18px; width: 57px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -285px -219px; }
.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@20250214.png"); background-position: -579px -277px; }
.layer.login .loginSet .share a.btnPaycoLogin > strong { height: 18px; width: 45px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -447px -406px; }
.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@20250214.png"); background-position: -609px -119px; }
.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@20250214.png"); background-position: -323px -94px; }
.loginTypeSet { position: relative; width: 318px; margin: 0 auto; }
.loginTypeSet .loginType { display: flex; flex-direction: column; row-gap: 6px; padding: 20px 0; }
.loginTypeSet .loginBtn { display: flex; align-items: center; box-sizing: border-box; height: 46px; font-size: 12px; color: #3A3635; border: 1px solid #DBDBDB; border-radius: 4px; background-color: #FFF; }
.loginTypeSet .loginBtn:hover { text-decoration: none; background-color: #F2F3F7; }
.loginTypeSet .loginBtn:before { content: ''; display: block; height: 26px; width: 26px; margin: 0 16px 0 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@2x@20250214.png"); background-size: 193px auto; }
.loginTypeSet .loginBtn.btnBugsLogin:before { background-position: -167px 0; }
.loginTypeSet .loginBtn.btnFbLogin:before { background-position: -167px -29px; }
.loginTypeSet .loginBtn.btnPaycoLogin:before { background-position: -167px -87px; }
.loginTypeSet .loginBtn.btnHangameLogin:before { background-position: -167px -58px; }
.loginTypeSet .loginBtn.btnJoinBugs { justify-content: center; }
.loginTypeSet .loginBtn.btnJoinBugs:before { display: none; }
.loginTypeSet .hangamePromotion { position: relative; }
.loginTypeSet .hangamePromotion .btnGuide { position: absolute; top: 50%; right: 10px; overflow: hidden; margin-top: -15px; text-indent: -1000em; position: absolute; overflow: hidden; height: 30px; width: 30px; text-indent: -1000em; }
.loginTypeSet .hangamePromotion .btnGuide:before { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -7px; height: 14px; width: 14px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@2x@20250214.png"); background-size: 193px auto; background-position: -153px -148px; }
.loginTypeSet .hangamePromotion .btnGuide:before { border-radius: 50%; background-color: #FFF; }
.loginTypeSet .hangamePromotion .layerTipHangamePromotion { top: -47px; right: 0; left: 0; }
.loginTypeSet .hangamePromotion .layerTipHangamePromotion .layerTap { top: unset; right: 17px; bottom: -8px; left: unset; transform: rotate(180deg); }
.loginTypeSet .hangamePromotion .layerTipHangamePromotion .btnClose { top: 1px; right: 0; }
.loginTypeSet .hangamePromotion .layerTipHangamePromotion .btnClose:before { margin: 0; }
.loginTypeSet .hangamePromotion .layerTipHangamePromotion ul li { line-height: 18px; }
.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@20250214.png"); background-position: -260px -119px; }
.layer.loginV2 .loginTypeSet .options.saveLogin { padding: 10px 0; }
.bugsLoginSet { position: relative; width: 318px; margin: 0 auto 20px; padding-top: 20px; }
.bugsLoginSet .login { display: flex; position: relative; flex-direction: column; row-gap: 6px; overflow: hidden; margin-bottom: 1px; }
.bugsLoginSet .login .input input[type=text], .bugsLoginSet .login .input input[type=password] { display: block; box-sizing: border-box; height: 36px; width: 100%; font-size: 12px; }
.bugsLoginSet .login .input > span { display: block; position: relative; }
.bugsLoginSet .login .input > span.password { margin-top: 6px; }
.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 .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@20250214.png"); background-position: -220px -517px; }
.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@20250214.png"); background-position: -320px -444px; }
.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 > 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; }
.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@20250214.png"); background-position: -609px -145px; }
.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; padding-top: 9px; }
.bugsLoginSet .options label { display: inline-block; overflow: hidden; }
.bugsLoginSet .options.saveID { min-width: 76px; }
.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@20250214.png"); background-position: -323px -94px; }
.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@20250214.png"); background-position: -609px -119px; }
.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); }
.layer.loginV2 h2 { display: none; }
.layer.loginV2 .options { display: flex; align-items: center; }
.layer.loginV2 .options label { margin-left: 3px; font-size: 11px; color: #757271; }
.layer.loginV2 .options.saveLogin { position: relative; }
.layer.loginV2 .options .icon.persistGuide { display: inline-block; cursor: pointer; margin-left: 3px; text-indent: -1000em; height: 14px; width: 14px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@2x@20250214.png"); background-size: 193px auto; background-position: -136px -148px; }
.layer.loginV2 .messagePersist { display: none; position: absolute; top: -8px; 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@20250214.png"); background-position: -609px -88px; }
.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@20250214.png"); background-position: -547px -524px; }
.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); }
.pageLoginV2 .options { display: flex; align-items: center; }
.pageLoginV2 .options label { margin-left: 3px; color: #757271; }
.pageLoginV2 .options.saveLogin { position: relative; }
.pageLoginV2 .options .icon.persistGuide { display: inline-block; cursor: pointer; margin-left: 3px; text-indent: -1000em; height: 14px; width: 14px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@2x@20250214.png"); background-size: 193px auto; background-position: -136px -148px; }
.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@20250214.png"); background-position: -609px -119px; }
.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@20250214.png"); background-position: -609px -88px; }
.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@20250214.png"); background-position: -547px -524px; }
.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; 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: 40px 0; }
.pageLoginV2 .loginTypeSet .loginType .loginBtn { display: flex; align-items: center; height: 50px; font-size: 15px; }
.pageLoginV2 .loginTypeSet .loginType .loginBtn:before { margin: 0 15px; }
.pageLoginV2 .loginTypeSet .loginType .options { padding: 10px 0; }
.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 input[type=text], .pageLoginV2 .bugsLoginSet .loginWrap .login .input input[type=password] { height: 50px; font-size: 13px; line-height: 48px; }
.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; }
.pageLoginV2 .selectLanguage { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.pageLoginV2 .selectLanguage button { height: 30px; padding: 0 13px; font-size: 13px; color: #3A3635; line-height: 30px; }
.pageLoginV2 .selectLanguage button.selected { color: #FF3D33; }
.pageLoginV2 .selectLanguage .bar { display: inline-block; height: 12px; width: 1px; background: #D8D8D8; }
.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@20250214.png"); background-position: -252px -391px; }
.layer.afterLogin em { color: #FF3D33; }
.layer.afterLogin .status { display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; overflow: hidden; height: 80px; padding-right: 18px; padding-left: 20px; background-color: #FBFCFD; }
.layer.afterLogin .status:has(.ticket) { padding-top: 8px; }
.layer.afterLogin .status .ticket { display: flex; gap: 5px; }
.layer.afterLogin .status .ticket a { overflow: hidden; height: 28px; font-size: 15px; font-weight: normal; color: #3A3635; line-height: 28px; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }
.layer.afterLogin .status .ticket .count { flex: 1 0 auto; height: 28px; font-size: 13px; line-height: 28px; }
.layer.afterLogin .status .ticket .count:before { content: '/'; display: inline-block; margin-right: 5px; }
.layer.afterLogin .status .ticketInfo { display: flex; align-items: center; font-size: 12px; color: #757271; line-height: 28px; gap: 7px; }
.layer.afterLogin .status .ticketInfo .remain:not(:first-child) { position: relative; padding-left: 8px; }
.layer.afterLogin .status .ticketInfo .remain:not(:first-child):before { content: ''; position: absolute; top: 50%; left: 0; height: 7px; width: 1px; transform: translateY(-50%); background-color: #AFB0B1; }
.layer.afterLogin .status .ticketInfo .remain time { color: #FF3D33; }
.layer.afterLogin .status.none { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.layer.afterLogin .status.none .none__text { font-size: 13px; color: #757271; line-height: 23px; }
.layer.afterLogin .status.none .none__text .linkFAQ { display: block; font-size: 11px; color: #3A3635; text-decoration: underline; }
.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 { display: flex; justify-content: space-between; align-items: center; overflow: hidden; height: 40px; padding: 0 20px; line-height: 30px; 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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); }
.layer.afterLogin .vipInfo strong { display: flex; align-items: center; font-size: 12px; font-weight: normal; color: #3A3635; }
.layer.afterLogin .vipInfo strong .icon { display: inline-block; overflow: hidden; height: 17px; margin: 0 4px; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); }
.layer.afterLogin .vipInfo strong .icon.vip { height: 17px; width: 29px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: 0 -539px; }
.layer.afterLogin .vipInfo strong + a { color: #757271; }
.layer.afterLogin .goldenEars { display: flex; justify-content: space-between; align-items: center; overflow: hidden; height: 40px; padding: 0 20px; line-height: 30px; border-top: 1px solid #ECECEE; }
.layer.afterLogin .goldenEars a { position: relative; 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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); }
.layer.afterLogin .goldenEars span { font-size: 12px; font-weight: normal; color: #3A3635; }
.layer.afterLogin .goldenEars span em { color: #B88434; }
.layer.afterLogin .hangamePromotion { position: relative; overflow: hidden; padding: 15px 20px; font-size: 11px; line-height: 18px; border-top: 1px solid #ECECEE; background: #F7F7F7; }
.layer.afterLogin .hangamePromotion:before { content: ''; position: absolute; right: 10px; top: 22px; height: 80px; width: 104px; background: url("//file.bugsm.co.kr/wbugs/promotion/longTerm/202502Hangame/img_convertToBugs.png") no-repeat; background-size: auto 100%; }
.layer.afterLogin .hangamePromotion a { display: inline-block; height: 25px; width: 86px; margin-top: 6px; font-size: 11px; color: #FFF; line-height: 25px; text-align: center; text-decoration: none; border-radius: 13px; background: #000; }
.layer.afterLogin .donation { overflow: hidden; height: 40px; padding: 0 20px; line-height: 42px; border-top: 1px solid #ECECEE; }
.layer.afterLogin .donation span { position: relative; float: left; padding-left: 14px; font-size: 12px; }
.layer.afterLogin .donation span:before { content: ''; position: absolute; top: 14px; left: 0; height: 12px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -202px -517px; }
.layer.afterLogin .donation span em { display: inline-block; max-width: 85px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layer.afterLogin .donation .btnSupport { position: relative; float: right; height: 40px; padding-right: 9px; font-size: 12px; color: #757271; }
.layer.afterLogin .donation .btnSupport:before { content: ''; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); }
.layer.afterLogin .btns { display: flex; overflow: hidden; margin: 0; padding: 0; border-top: 1px solid #D9D9D9; }
.layer.afterLogin .btns > a { position: relative; height: 34px; width: 100%; font-size: 12px; color: #3a3635; line-height: 34px; }
.layer.afterLogin .btns > a:hover { text-decoration: none; background-color: #F2F3F7; }
.layer.afterLogin .btns > a:not(:first-child):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@20250214.png"); background-position: -326px -291px; }
/* 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@20220127.png"); background-position: -37px 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@20250214.png"); background-position: -609px -119px; position: absolute; top: 50%; left: 50%; 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@20250214.png"); background-position: -323px -94px; }
.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@20250214.png"); background-position: -323px -94px; }
.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@20250214.png"); background-position: -547px -524px; }
.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@20220127.png"); background-position: -47px -22px; }
.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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 6px; 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@20250214.png"); background-position: -609px -145px; }
.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@20250214.png"); background-position: -183px -517px; }
.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); }
.layer .formGroup .fileUpload .progress .btnFileDelete:after { 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; 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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; 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@20250214.png"); background-position: -579px -489px; }
.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@20250214.png"); background-position: -285px -444px; position: absolute; top: 50%; left: 15px; 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; transform: rotate(180deg); height: 9px; width: 6px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -37px 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@20220127.png"); background-position: -37px 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@20250214.png"); background-position: -57px -539px; position: absolute; top: 50%; left: 0; 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%); }
.layerPhotoGallery .photos .bigImg .btns button.btnSetDefaultImg:before { height: 25px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -547px -255px; }
.layerPhotoGallery .photos .bigImg .btns button.btnDeleteImg:before { height: 25px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -547px -162px; }
.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); }
.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); }
.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); }
.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); }
.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); }
.layerPhotoGallery .btnClose:after { 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@20250214.png"); background-position: -323px -94px; }
.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@20250214.png"); background-position: -373px -327px; }
.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@20250214.png"); background-position: -316px -327px; }
.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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); }
.layer.notifications > .notification li.favoriteNotice { height: auto; padding-bottom: 6px; }
.layer.notifications > .notification li.favoriteNotice .thumbnail { background: none; }
.layer.notifications > .notification li.favoriteNotice a.info { display: block; margin: 9px 20px 0 84px; font-size: 13px; color: #757271; line-height: 18px; }
.layer.notifications > .notification li.favoriteNotice a.info br { display: block; }
.layer.notifications > .notification li.favoriteNotice a.info strong { margin-right: 5px; }
.layer.notifications > .notification li.favoriteNotice a.info span { white-space: normal; }
.layer.notifications > .notification li.favoriteNotice a.info em { display: inline-block; position: relative; padding-right: 10px; color: #757271; }
.layer.notifications > .notification li.favoriteNotice 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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; 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@20220127.png"); background-position: 0 -33px; position: absolute; top: 50%; right: 0; 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 { float: left; width: 216px; }
.layerPromotionBanner.column2 .contents a.even { float: right; }
.layerPromotionBanner .contents a { display: block; position: relative; }
.layerPromotionBanner .contents a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; }
.layerPromotionBanner .contents img { max-width: 100%; }
.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; }
.layerPromotionBanner.donation { display: block; top: 50px; left: 50%; transform: translateX(-50%); }
.layerPromotionBanner.donation .contents { width: 440px; }
.layerPromotionBanner.donation .contents:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; }
.layerPromotionBanner.donation .contents p { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.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@20220127.png"); background-position: -47px -22px; }
.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@20250214.png"); background-position: -609px -119px; position: absolute; top: 50%; left: 50%; 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@20220127.png"); background-position: -47px -22px; }
.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 .notice { position: relative; padding-left: 15px; font-size: 13px; color: #757271; line-height: 24px; text-align: left; }
.layerAgreeUserInfo .notice:before { content: '※'; position: absolute; top: 0; left: 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@20250214.png"); background-position: -323px -94px; }
.layerTapTicketTip .layerTap.left { top: 30px; left: -11px; 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@20220127.png"); background-position: -47px -22px; }
.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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; 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 .layerContents { display: flex; flex-direction: column; box-sizing: border-box; height: 519px; padding: 0 0 14px !important; }
.layerSkipArtist .layerContents > .btns { flex-shrink: 0; margin-top: 0; padding-top: 14px; border-top: 1px solid #E5E5E5; }
.layerSkipArtist .layerContents .scrollArea { overflow: hidden; overflow-y: auto; }
.layerSkipArtist .layerContents .scrollArea::-webkit-scrollbar { width: 5px; }
.layerSkipArtist .layerContents .scrollArea::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #E0E5E8; }
.layerSkipArtist .layerContents .scrollArea::-webkit-scrollbar-track { background-color: transparent; }
.layerSkipArtist .layerContents .existDataDiv, .layerSkipArtist .layerContents .noDataDiv { flex: 1 0 auto; }
.layerSkipArtist .layerContents .existDataDiv .scrollArea { height: 397px; }
.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; transform: rotate(45deg); border: 1px solid #3A3635; border-width: 0 0 1px 1px; border-color: #FFF #FFF #3A3635 #3A3635; }
.layerSkipArtist.addSkipArtist .searchResult { display: flex; flex-direction: column; height: 505px; border-bottom: 0; }
.layerSkipArtist.addSkipArtist .searchForm { flex-shrink: 0; 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 { box-sizing: border-box; width: 332px; padding-top: 5px; padding-right: 0; }
.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@20220127.png"); background-position: -11px -33px; position: absolute; top: 50%; right: 0; 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@20220127.png"); background-position: -11px -20px; position: absolute; top: 50%; left: 50%; 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%); }
.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@20220127.png"); background-position: -11px -33px; position: absolute; top: 50%; right: 0; 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@20220127.png"); background-position: -11px -20px; position: absolute; top: 50%; left: 50%; 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%); }
.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@20250214.png"); background-position: -248px -444px; }
.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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; 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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; 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@20250214.png"); background-position: -609px -145px; }
.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@20250214.png"); background-position: -609px -179px; }
.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@20250214.png"); background-position: -260px -119px; }
.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@20250214.png"); background-position: -196px -219px; }
.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%); 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@20250214.png"); background-position: -267px -444px; }
.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); }
.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); }
.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); }
.layerConnectStory .btnClose:after { 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%); }
.layerConnectWrite .layerContents .uploadset.photo .upload button:before { height: 10px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -302px -444px; }
.layerConnectWrite .layerContents .uploadset.music .upload button:before { height: 11px; width: 11px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -285px -444px; }
.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); }
.layerConnectWrite .layerContents .photo ul li:hover button:after { 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@20220127.png"); background-position: -11px -20px; position: absolute; top: 50%; left: 50%; 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%); }
.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); }
.layerConnectWrite .layerContents .music .btnDelete:after { transform: translate(-50%, -50%) rotate(-45deg); }
.layerConnectWrite .list-layer-select li > a { overflow: hidden; text-overflow: ellipsis; }
.layerCleanCenter { width: 408px; }
.layerCleanCenter .layerContents { overflow: hidden; padding: 0 20px 15px; }
.layerCleanCenter .layerContents .desc { margin: 25px 0; color: var(--txt-primary); line-height: 24px; word-break: keep-all; }
.layerCleanCenter .layerContents .btns .btnNormal { box-sizing: border-box; height: 51px; width: 198px; font-size: 15px; color: #FFF; line-height: 49px; border: 1px solid #FF564C; background-color: #FF564C !important; }
.layerCleanCenter .layerContents .btns .btnNormal:hover { border: 1px solid #EE5047; background-color: #EE5047 !important; }
.layerCleanCenter .layerContents .chk { margin-top: 20px; }
.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@20250214.png"); background-position: -609px -145px; }
.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@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 0; transform: translate(0, -54%); }
.layerConnectUpload .notice { margin: 0 20px; padding: 17px 0 15px 10px; font-size: 12px; color: #757271; line-height: 20px; border-top: 1px solid #E5E5E5; }
.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@20250214.png"); background-position: -427px -539px; }
.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); }
.layerCoachLikeRecommend .arrowPages .btnNext { right: 5px; }
.layerCoachLikeRecommend .arrowPages .btnNext:before { margin-left: -5px; position: absolute; top: 50%; left: 50%; 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@20250214.png"); background-position: -579px -348px; position: absolute; top: 50%; left: 50%; 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@20250214.png"); background-position: -579px -371px; }
.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; }
.layerCombinedCGVCoupon { width: 460px; }
.layerCombinedCGVCoupon .btns { margin-top: 30px; }
.layerCombinedCGVCoupon .layerContents { padding-top: 30px; }
.layerCombinedCGVCoupon .layerContents .coupon { position: relative; padding: 0 30px; }
.layerCombinedCGVCoupon .layerContents .coupon + .coupon { margin-top: 40px; }
.layerCombinedCGVCoupon .layerContents .coupon .title { font-size: 16px; line-height: 32px; }
.layerCombinedCGVCoupon .layerContents .coupon .number { margin-top: 14px; padding: 0 10px; font-size: 20px; font-weight: 600; color: #3A3635; line-height: 58px; border: 1px solid #C4C2C3; background-color: #F3F3F3; }
.layerCombinedCGVCoupon .layerContents .coupon .btnNormal { position: absolute; top: 0; right: 30px; height: 32px; width: 100px; font-size: 14px; line-height: 30px; }
.layerCombinedCGVCoupon .layerContents .coupon .caution { display: block; margin-top: 14px; font-size: 15px; color: #939393; line-height: 18px; }
.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); }
.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%); height: 11px; width: 4px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -609px -145px; }
.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: 185px; 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); }
.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%); height: 11px; width: 4px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -609px -145px; }
.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@20220127.png"); background-position: -47px -11px; }
.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; }
.layerTicketSupportedDevice { width: 340px; }
.layerTicketSupportedDevice .layerContents { padding: 20px 20px 40px; }
.layerTicketSupportedDevice .layerContents p { font-size: 13px; line-height: 24px; }
.layerTicketSupportedDevice .layerContents table { width: 100%; margin-top: 25px; font-size: 13px; line-height: 37px; }
.layerTicketSupportedDevice .layerContents table th { font-weight: normal; border: 1px solid #CCC; background: #ECECEC; }
.layerTicketSupportedDevice .layerContents table td { text-align: center; border: 1px solid #CCC; }
.layerCheckBeforePurchase .layerContents { padding: 20px; }
.layerCheckBeforePurchase .layerContents ol { margin-bottom: 20px; padding-left: 1.9em; list-style-type: decimal; }
.layerCheckBeforePurchase .layerContents ol li { font-size: 13px; color: #757271; line-height: 30px; }
.layer[data-promotion="paycoCampus"] { width: 500px; }
.layer[data-promotion="paycoCampus"] .qrcode { margin-bottom: -20px; padding-top: 20px; text-align: center; }
.layer[data-promotion="paycoCampus"] .qrcode img { width: 215px; }
.layer[data-promotion="paycoCampus"] .btns { margin-top: 0; padding-bottom: 5px; }
.layer[data-promotion="paycoCampus"].layerCheckBeforePurchase { width: 600px; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo { width: 520px; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo .layerContents { padding: 20px; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo .layerContents ul { margin-bottom: 20px; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo .layerContents ul li { position: relative; padding-left: 12px; font-size: 13px; font-weight: bold; color: #000; line-height: 30px; white-space: nowrap; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo .layerContents ul li:before { content: ''; position: absolute; top: 13px; left: 0; height: 2px; width: 2px; border-radius: 2px; background: #757271; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo .layerContents ul li.em { color: #FF3D33; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo .layerContents ul li strong { display: inline-block; font-weight: inherit; vertical-align: top; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo .layerContents ul li span { display: inline-block; font-weight: inherit; vertical-align: top; white-space: normal; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo .layerContents ul li:nth-of-type(1) { font-size: 11px; font-weight: normal; color: #757271; }
.layer[data-promotion="paycoCampus"].layerAgreeUserInfo .layerContents ul ~ p { margin: -10px 0 20px; font-size: 13px; color: #757271; line-height: 24px; }
.layer[data-promotion="paycoCampus"].layerAgreePaycoCampus { padding-top: 30px; }
.layer[data-promotion="paycoCampus"].layerAgreePaycoCampus .layerContents { padding: 20px; }
.layer[data-promotion="paycoCampus"].layerAgreePaycoCampus .layerContents .agreeCheck { font-size: 13px; line-height: 24px; text-align: center; }
.layer[data-promotion="paycoCampus"].layerAgreePaycoCampus .layerContents .agreeCheck .check { display: block; margin: 20px; padding-left: 80px; text-align: left; }
.layer[data-promotion="paycoCampus"].layerAgreePaycoCampus .layerContents .agreeCheck .check span { display: block; }
.layer[data-promotion="paycoCampus"].layerAgreePaycoCampus .layerContents .agreeCheck .check span input { margin-top: 3px; vertical-align: top; }
.layer[data-promotion="paycoCampus"].layerAgreePaycoCampus .layerContents .agreeCheck .check span a { display: inline-block; margin-left: 5px; text-decoration: underline; vertical-align: top; }
.layerConsentProvidePersonalInfo { width: 520px; }
.layerConsentProvidePersonalInfo .layerContents { padding: 20px; }
.layerConsentProvidePersonalInfo .layerContents ul { margin-bottom: 20px; }
.layerConsentProvidePersonalInfo .layerContents ul li { position: relative; padding-left: 12px; font-size: 13px; font-weight: bold; color: #000; line-height: 30px; white-space: nowrap; }
.layerConsentProvidePersonalInfo .layerContents ul li:before { content: ''; position: absolute; top: 13px; left: 0; height: 2px; width: 2px; border-radius: 2px; background: #757271; }
.layerConsentProvidePersonalInfo .layerContents ul li.em { color: #FF3D33; }
.layerConsentProvidePersonalInfo .layerContents ul li strong { display: inline-block; font-weight: inherit; vertical-align: top; }
.layerConsentProvidePersonalInfo .layerContents ul li span { display: inline-block; font-weight: inherit; vertical-align: top; white-space: normal; }
.layerConsentProvidePersonalInfo .layerContents ul li:nth-of-type(1) { font-size: 11px; font-weight: normal; color: #757271; }
.layerConsentProvidePersonalInfo .layerContents ul ~ p { margin: -10px 0 20px; font-size: 13px; color: #757271; line-height: 24px; }
.layerConsentProvidePIThirdParties { width: 500px; padding-top: 30px; }
.layerConsentProvidePIThirdParties .layerContents { padding: 20px; }
.layerConsentProvidePIThirdParties .layerContents .agreeCheck { font-size: 13px; line-height: 24px; text-align: center; }
.layerConsentProvidePIThirdParties .layerContents .agreeCheck .check { display: block; margin: 20px; padding-left: 80px; text-align: left; }
.layerConsentProvidePIThirdParties .layerContents .agreeCheck .check span { display: block; }
.layerConsentProvidePIThirdParties .layerContents .agreeCheck .check span input { margin-top: 3px; vertical-align: top; }
.layerConsentProvidePIThirdParties .layerContents .agreeCheck .check span a { display: inline-block; margin-left: 5px; text-decoration: underline; vertical-align: top; }
.layerConsentProvidePIThirdParties .layerContents .btns .btnAccent--l { height: 28px; padding: 0 14px; font-size: 12px; color: #FFF; line-height: 28px; background: #EE5047; }
.layerDonationSponsorType { width: 580px; }
.layerDonationSponsorType .layerContents { padding: 30px 30px 42px; }
.layerDonationSponsorType .layerContents .selectSponsor { overflow: hidden; text-align: center; }
.layerDonationSponsorType .layerContents .selectSponsor .item { display: inline-block; width: 230px; margin: 0 10px; text-align: center; vertical-align: top; }
.layerDonationSponsorType .layerContents .selectSponsor .item .icon { display: block; position: relative; width: 120px; margin: 0 auto; }
.layerDonationSponsorType .layerContents .selectSponsor .item .icon:before { content: ''; display: block; height: 120px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_donation@20250408.png"); background-size: 1717px auto; }
.layerDonationSponsorType .layerContents .selectSponsor .item .icon.agency:before { background-position: -1066px -519px; }
.layerDonationSponsorType .layerContents .selectSponsor .item .icon.artist:before { background-position: -1189px -519px; }
.layerDonationSponsorType .layerContents .selectSponsor .item .icon .checked { position: absolute; }
.layerDonationSponsorType .layerContents .selectSponsor .item .icon input[type=radio] { appearance: none; -webkit-appearance: none; position: absolute; top: 0; left: 0; cursor: pointer; height: 120px; width: 120px; background: transparent; opacity: 0; }
.layerDonationSponsorType .layerContents .selectSponsor .item .icon input[type=radio]:checked + .checked { display: block; top: 0; left: 0; height: 120px; width: 120px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_donation@20250408.png"); background-size: 1717px auto; background-position: -943px -519px; }
.layerDonationSponsorType .layerContents .selectSponsor .item label { display: block; margin-top: 20px; font-size: 24px; font-weight: 700; line-height: 1em; }
.layerDonationSponsorType .layerContents .selectSponsor .item p { margin-top: 10px; font-size: 13px; color: #757271; color: var(--txt-secondary); line-height: 24px; }
.layerDonationSponsorType .layerContents .selectSponsor .item p em { font-size: 11px; color: #EF4130; }
.layerDonationSponsorType .layerContents .btnNext { display: block; height: 66px; width: 312px; margin: 30px auto 0; font-size: 22px; color: #fff; color: var(--btn-accent-txt); border-radius: 5px; background: #000; background: var(--btn-accent-bg); }
.layerSelectDonationTicket { width: 640px; padding: 50px; }
.layerSelectDonationTicket h1 { margin: -2px 0; font-size: 24px; }
.layerSelectDonationTicket .donationTicket { margin-top: 20px; font-family: "SpoqaHanSansNeo", "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; }
.layerSelectDonationTicket .donationTicket li { position: relative; overflow: hidden; height: 70px; padding: 0 20px; border-radius: 5px; background: #7195CB; }
.layerSelectDonationTicket .donationTicket li:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.layerSelectDonationTicket .donationTicket li + li:before { content: ''; background: rgba(0, 0, 0, 0.15); }
.layerSelectDonationTicket .donationTicket li + li + li:before { content: ''; background: rgba(0, 0, 0, 0.3); }
.layerSelectDonationTicket .donationTicket li ~ li { margin-top: 8px; }
.layerSelectDonationTicket .donationTicket li label { position: relative; float: left; overflow: hidden; }
.layerSelectDonationTicket .donationTicket li label input[type=radio] { float: left; height: 15px; width: 15px; margin-top: 25px; }
.layerSelectDonationTicket .donationTicket li label strong { padding-left: 10px; font-size: 19px; color: #FFF; line-height: 70px; }
.layerSelectDonationTicket .donationTicket li .price { position: relative; float: right; padding-top: 15px; color: #FFF; text-align: right; }
.layerSelectDonationTicket .donationTicket li .price strong { display: block; font-size: 15px; font-weight: bold; line-height: 19px; }
.layerSelectDonationTicket .donationTicket li .price span { display: block; margin-top: 7px; font-size: 11px; line-height: 14px; }
.layerSelectDonationTicket .guide { margin-top: 30px; }
.layerSelectDonationTicket .guide h2 { font-size: 17px; font-weight: normal; line-height: 24px; }
.layerSelectDonationTicket .guide ul { margin-top: 10px; }
.layerSelectDonationTicket .guide ul li { position: relative; padding-left: 8px; font-size: 12px; color: #757271; line-height: 26px; }
.layerSelectDonationTicket .guide ul li:before { content: ''; position: absolute; top: 11px; left: 0; height: 2px; width: 2px; background: #757271; }
.mnTicket .layerSelectDonationTicket .guide ul li { padding-left: 8px; font-size: 12px; color: #757271; line-height: 26px; }
.mnTicket .layerSelectDonationTicket .guide ul li:before { top: 11px; left: 0; background: #757271; }
.layerSelectDonationTicket .btns { margin-top: 30px; text-align: center; }
.layerSelectDonationTicket .btns .btnSubmit { display: inline-block; height: 66px; width: 312px; font-family: "SpoqaHanSansNeo", "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; font-size: 22px; font-weight: 500; color: #FFF; line-height: 66px; border-radius: 5px; background: #000; }
.layerSelectDonationTicket .btnLayerClose { position: absolute; top: 5px; right: 5px; height: 50px; width: 50px; display: block; text-indent: -99999em; }
.layerSelectDonationTicket .btnLayerClose:before, .layerSelectDonationTicket .btnLayerClose:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 1px; width: 28.28px; border-radius: 1px; background: #000; }
.layerSelectDonationTicket .btnLayerClose:before { transform: translate(-50%, -50%) rotate(45deg); }
.layerSelectDonationTicket .btnLayerClose:after { transform: translate(-50%, -50%) rotate(-45deg); }
.layerSupportArtist { right: 20px; overflow: hidden; height: 310px; width: 310px; box-shadow: none; border: 0; border-radius: 5px; z-index: 1005; }
.layerSupportArtist:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); -moz-backdrop-filter: blur(50px); background: rgba(0, 0, 0, 0.3); z-index: 10; }
.layerSupportArtist .bgImg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; z-index: 1; }
.layerSupportArtist .supportInfo { position: relative; overflow: hidden; height: 310px; z-index: 20; }
.layerSupportArtist .supportInfo .artistImage { display: flex; position: relative; justify-content: center; align-items: center; overflow: hidden; height: 150px; width: 150px; margin: 30px auto 0; text-align: center; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 50%; -ms-flex-align: center; -ms-flex-pick: center; }
.layerSupportArtist .supportInfo .artistImage img { position: relative; height: 150px; width: 150px; object-fit: cover; }
.layerSupportArtist .supportInfo .info { margin-top: 20px; text-align: center; }
.layerSupportArtist .supportInfo .info .badge { margin: 0 auto; text-indent: -1000em; height: 17px; width: 85px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_donation@20250408.png"); background-size: 1717px auto; background-position: -1373px -465px; }
.layerSupportArtist .supportInfo .info .artist { margin: 7px 0 2px; font-size: 15px; font-weight: bold; color: #FFF; line-height: 26px; }
.layerSupportArtist .supportInfo .info .artist strong { display: inline-block; max-width: 134px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerSupportArtist .supportInfo .info .user, .layerSupportArtist .supportInfo .info time { display: block; font-size: 12px; font-weight: 300; color: #FFF; line-height: 17px; }
.layerSupportArtist .btnLayerClose { position: absolute; top: 0; right: 0; height: 50px; width: 50px; z-index: 10; z-index: 30; display: block; text-indent: -99999em; }
.layerSupportArtist .btnLayerClose:before, .layerSupportArtist .btnLayerClose:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 1px; width: 15.554px; border-radius: 1px; background: #FFF; }
.layerSupportArtist .btnLayerClose:before { transform: translate(-50%, -50%) rotate(45deg); }
.layerSupportArtist .btnLayerClose:after { transform: translate(-50%, -50%) rotate(-45deg); }
.msie11 .layerSupportArtist .supportInfo .artistImage img { height: auto; max-height: 150px; width: auto; max-width: 150px; }
.msie11 .layerSupportArtist .supportInfo .artistImage .bgColor { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.msie11 .layerSupportArtist .supportInfo .info .artist strong { vertical-align: middle; }
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .layerSupportArtist .bgImg { display: none; }
  .layerSupportArtist .bgImg.ie11 { display: block; } }
.layerDonateUserInfo { right: 20px; overflow: hidden; width: 400px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); border: 0; border-radius: 5px; z-index: 1005; }
.layerDonateUserInfo .supportInfo { position: relative; box-sizing: border-box; overflow: hidden; min-height: 400px; padding-bottom: 50px; z-index: 20; }
.layerDonateUserInfo .supportInfo:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; }
.layerDonateUserInfo .supportInfo > * { position: relative; z-index: 10; }
.layerDonateUserInfo .supportInfo .typeImage { display: flex; position: relative; justify-content: center; align-items: center; overflow: hidden; height: 150px; width: 150px; margin: 30px auto 0; text-align: center; border: 0.5px solid rgba(255, 255, 255, 0.05); border-radius: 50%; filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.1)); -ms-flex-align: center; -ms-flex-pick: center; }
.layerDonateUserInfo .supportInfo .typeImage img { position: relative; height: 150px; width: 150px; object-fit: cover; }
.layerDonateUserInfo .supportInfo .info { margin-top: 20px; text-align: center; }
.layerDonateUserInfo .supportInfo .info .badge { margin: 0 auto; text-indent: -1000em; height: 17px; width: 85px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_donation@20250408.png"); background-size: 1717px auto; background-position: -1373px -465px; }
.layerDonateUserInfo .supportInfo .info .title { margin-top: 7px; font-size: 16px; font-weight: bold; color: #FFF; line-height: 26px; }
.layerDonateUserInfo .supportInfo .info .title strong { display: inline-block; max-width: 134px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layerDonateUserInfo .supportInfo .info .total { margin-top: 2px; font-size: 12px; font-weight: 300; color: rgba(255, 255, 255, 0.7); line-height: 17px; }
.layerDonateUserInfo .supportInfo .info .user, .layerDonateUserInfo .supportInfo .info time { display: inline-block; margin-top: 7px; font-family: "RixMgo", "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; line-height: 17px; vertical-align: top; }
.layerDonateUserInfo .supportInfo .info time { position: relative; margin-left: 4px; padding-left: 9px; }
.layerDonateUserInfo .supportInfo .info time:before { content: ''; position: absolute; top: 7px; left: 0; height: 3px; width: 3px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -609px -205px; }
.layerDonateUserInfo .supportInfo .msg { margin-top: 20px; padding: 0 30px; font-family: "RixMgo", "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; font-size: 11px; font-weight: 300; color: rgba(255, 255, 255, 0.7); line-height: 17px; text-align: center; }
.layerDonateUserInfo .supportInfo .msg span { display: inline-block; }
.layerDonateUserInfo .supportInfo .bugsLogoSvg { margin-top: 14px; text-align: center; }
.layerDonateUserInfo .supportInfo .bugsLogoSvg svg { height: 16px; width: 40px; color: #FFF; fill-opacity: 0.4; }
.layerDonateUserInfo .supportInfo .bugsLogo { position: absolute; bottom: 20px; left: 50%; margin: 14px auto 0; margin-left: -20px; height: 16px; width: 40px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -498px -406px; }
.layerDonateUserInfo .btnLayerClose { position: absolute; top: 0; right: 0; height: 50px; width: 50px; z-index: 10; z-index: 30; display: block; text-indent: -99999em; }
.layerDonateUserInfo .btnLayerClose:before, .layerDonateUserInfo .btnLayerClose:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 1px; width: 15.554px; border-radius: 1px; background: #FFF; }
.layerDonateUserInfo .btnLayerClose:before { transform: translate(-50%, -50%) rotate(45deg); }
.layerDonateUserInfo .btnLayerClose:after { transform: translate(-50%, -50%) rotate(-45deg); }
.msie11 .layerDonateUserInfo .supportInfo .typeImage img { height: auto; max-height: 150px; width: auto; max-width: 150px; }
.msie11 .layerDonateUserInfo .supportInfo .typeImage .bgColor { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.msie11 .layerDonateUserInfo .supportInfo .info .title strong { vertical-align: middle; }
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .layerDonateUserInfo .bgImg { display: none; }
  .layerDonateUserInfo .bgImg.ie11 { display: block; } }
.layerLivePvod.layerCodeVerification { width: 534px; }
.layerLivePvod.layerCodeVerification .layer-title { border-bottom: 0; }
.layerLivePvod.layerCodeVerification .layer-title > h1 { padding: 0 40px; font-weight: bold; }
.layerLivePvod.layerCodeVerification > .btnClose { right: 30px; }
.layerLivePvod.layerCodeVerification .layerContents { padding: 20px 40px 30px; }
.layerLivePvod.layerCodeVerification .layerContents h2 { margin-bottom: 10px; font-size: 21px; font-weight: bold; line-height: 30px; }
.layerLivePvod.layerCodeVerification .layerContents .howto ul li { font-size: 13px; color: #757271; line-height: 28px; }
.layerLivePvod.layerCodeVerification .layerContents .howto ul li a { color: inherit; text-decoration: underline; }
.layerLivePvod.layerCodeVerification .layerContents .codeForm { margin-top: 30px; }
.layerLivePvod.layerCodeVerification .layerContents .codeForm form input[type=text] { box-sizing: border-box; height: 50px; width: 330px; padding-left: 20px; font-size: 17px; line-height: 48px; text-transform: uppercase; border: 1px solid #C4C2C3; border-radius: 2px; }
.layerLivePvod.layerCodeVerification .layerContents .codeForm form .btnNormal.strong { height: 50px; width: 116px; margin-left: 5px; padding: 0; font-size: 16px; font-weight: bold; color: #FFF; border: 0; border-radius: 5px; background: #000 !important; }
.layerLivePvod.layerCodeVerification .layerContents .codeForm form .btnNormal.strong:disabled { cursor: default; opacity: 0.4; }
.layerLivePvod.layerCodeVerification .layerContents .codeForm form .resultMsg { height: 20px; margin-top: 10px; font-size: 13px; color: rgba(58, 54, 53, 0.7); line-height: 20px; }
.layerLivePvod.layerChangeNickname { width: 454px; }
.layerLivePvod.layerChangeNickname > .btnClose { right: 30px; }
.layerLivePvod.layerChangeNickname .layerContents { padding: 50px 40px 30px; }
.layerLivePvod.layerChangeNickname .layerContents h2 { margin-bottom: 10px; font-size: 21px; font-weight: bold; line-height: 30px; }
.layerLivePvod.layerChangeNickname .layerContents p { margin-top: 10px; font-size: 13px; color: #757271; line-height: 28px; }
.layerLivePvod.layerChangeNickname .layerContents form { margin-top: 10px; }
.layerLivePvod.layerChangeNickname .layerContents form input[type=text] { box-sizing: border-box; height: 50px; width: 100%; padding-left: 20px; font-size: 17px; line-height: 48px; border: 1px solid #C4C2C3; border-radius: 2px; }
.layerLivePvod.layerChangeNickname .layerContents form .resultMsg { margin-top: 10px; font-size: 13px; color: #FF3D33; line-height: 20px; }
.layerLivePvod.layerChangeNickname .layerContents form .btns { margin-top: 30px; }
.alertMessage.layerAbroadLoginBlock { width: 330px; }
.alertMessage.layerAbroadLoginBlock .layer-title { height: 50px; border-bottom: 1px solid #E5E5E5; }
.alertMessage.layerAbroadLoginBlock .layer-title > h1 { padding: 0 20px; font-size: 15px; line-height: 50px; }
.alertMessage.layerAbroadLoginBlock .layerContents { padding: 30px 20px 16px !important; }
.alertMessage.layerAbroadLoginBlock .layerContents .message { text-align: left; }
.alertMessage.layerAbroadLoginBlock .layerContents .btns { margin-top: 28px; }
.alertMessage.layerAbroadLoginBlock > .btnClose { top: 11px; right: 4px; }
.layerAbroadLoginNotify { width: 440px; }
.layerAbroadLoginNotify .layerContents { padding: 30px 20px 16px; }
.layerAbroadLoginNotify .layerContents .selectOption li { position: relative; padding-left: 20px; }
.layerAbroadLoginNotify .layerContents .selectOption li ~ li { margin-top: 15px; }
.layerAbroadLoginNotify .layerContents .selectOption li input[type=radio] { position: absolute; top: 2px; left: 0; }
.layerAbroadLoginNotify .layerContents .selectOption li input[type=radio]:disabled ~ label, .layerAbroadLoginNotify .layerContents .selectOption li input[type=radio]:disabled ~ p { color: rgba(58, 54, 53, 0.4); }
.layerAbroadLoginNotify .layerContents .selectOption li label { font-size: 17px; line-height: 20px; }
.layerAbroadLoginNotify .layerContents .selectOption li p { margin-top: 5px; padding-bottom: 5px; font-size: 13px; color: #757271; line-height: 30px; }
.layerAbroadLoginNotify .layerContents .selectOption li p.exception { padding-bottom: 0; color: #757271 !important; line-height: 20px; }
.layerAbroadLoginNotify .layerContents .selectOption li p.exception a { position: relative; padding-right: 9px; font-size: 12px; color: #3A3635; text-decoration: underline; }
.layerAbroadLoginNotify .layerContents .selectOption li p.exception a:after { content: ''; position: absolute; top: 19%; right: 0; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -47px -22px; }
.layerAbroadLoginNotify .layerContents .guide { margin: 25px 0 20px; }
.layerAbroadLoginNotify .layerContents .guide li { position: relative; padding-left: 7px; font-size: 12px; color: #757271; line-height: 20px; }
.layerAbroadLoginNotify .layerContents .guide li:before { content: ''; position: absolute; top: 7px; left: 0; height: 2px; width: 2px; background: #757271; }
.layerAbroadLoginNotify .layerContents .guide li a { color: inherit; text-decoration: underline; }
.layerFacebookNoticeWrap { display: flex; position: fixed; top: 0; left: 0; justify-content: center; align-items: center; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; }
.layerFacebookNoticeWrap * { font-family: "Pretendard", "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, arial, sans-serif; }
.layerFacebookNotice { position: relative; box-sizing: border-box; width: 380px; padding: 35px 30px 36px; text-align: center; background: #FFF; }
.layerFacebookNotice .title { font-size: 26px; font-weight: 800; color: #003FE0; line-height: 30px; }
.layerFacebookNotice .title span { display: block; }
.layerFacebookNotice .desc { margin-top: 22px; font-size: 15px; color: #000; line-height: 20px; }
.layerFacebookNotice .desc strong { color: #FA2828; }
.layerFacebookNotice .btns { margin-top: 22px; }
.layerFacebookNotice .btns .btnChangeRightNow { display: inline-block; height: 45px; width: 280px; font-size: 16px; font-weight: 600; color: #FFF; line-height: 45px; text-decoration: none; border-radius: 3px; background: #003FE0; }
.layerFacebookNotice .btnCloseLayer { position: absolute; top: 0; right: 0; height: 50px; width: 50px; text-indent: -1000em; }
.layerFacebookNotice .btnCloseLayer:before { content: ''; position: absolute; top: 50%; left: 12px; height: 1px; width: 28px; transform: rotate(45deg); background: #000; }
.layerFacebookNotice .btnCloseLayer:after { content: ''; position: absolute; top: 50%; left: 12px; height: 1px; width: 28px; transform: rotate(-45deg); background: #000; }
.layerChangePlanUponCancel { width: 535px; }
.layerChangePlanUponCancel .layerContents { padding: 20px; }
.layerChangePlanUponCancel .layerContents h2 { font-size: 17px; font-weight: 600; line-height: 28px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan { margin-top: 20px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan > strong { display: block; font-size: 13px; font-weight: normal; line-height: 15px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan .planList { margin-top: 20px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan .planList li { display: flex; align-items: center; height: 58px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan .planList li label { padding-left: 12px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan .planList li label > span { display: block; margin-bottom: 6px; font-size: 12px; color: #757271; line-height: 14px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan .planList li label > strong { font-size: 13px; font-weight: 500; color: #3A3635; line-height: 15px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan .planList li label > strong span { display: inline-block; margin-left: 5px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan .warning { margin-top: 20px; font-size: 12px; color: #757271; line-height: 20px; }
.layerChangePlanUponCancel .layerContents .selectChangePlan .warning li:before { content: '-'; display: inline-block; margin-right: 4px; }
/* 니나노 레이어 ****************************************************************************************************************/
.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%; } }
@font-face { font-family: 'RixMgo'; font-style: normal; font-weight: 300; src: url("/fonts/RixMGo-Mobile-Light.ttf") format("truetype"); }
@font-face { font-family: 'RixMgo'; font-style: normal; font-weight: 400; src: url("/fonts/RixMGo-Mobile-Medium.ttf") format("truetype"); }
@font-face { font-family: 'RixMgo'; font-style: normal; font-weight: 700; src: url("/fonts/RixMGo-Mobile-Bold.ttf") format("truetype"); }
* { margin: 0; padding: 0; font-weight: normal; }
body { -webkit-text-size-adjust: none; }
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; vertical-align: baseline; word-break: break-all; word-wrap: break-word; word-wrap: normal\9; outline: 0; border: 0; background: transparent; }
body { position: relative; font-family: "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, sans-serif; color: #363636; background: #FFF; }
input, button, textarea, select { font-family: "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, sans-serif; font-size: 16px; font-size: 1rem; vertical-align: middle; }
input[type=text]::-ms-clear { display: none !important; height: 0; width: 0; }
caption, legend { position: absolute; top: 0; left: 0; overflow: hidden; visibility: hidden; height: 0; width: 0; font-size: 0; font-size: 0; line-height: 0; }
img { vertical-align: top; border: 0 none; }
select, input { vertical-align: middle; }
input[type=text], input[type=password], input[type=tel], input[type=email] { appearance: none; -webkit-appearance: none; }
textarea:focus, input[type=text]:focus { outline: 0; }
textarea { resize: none; }
hr { display: none; border: 0 none; }
ol, ul, menu li { list-style: none; }
em, address { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
td { word-break: break-word; word-wrap: break-word; }
label { cursor: pointer; }
a { margin: 0; padding: 0; color: #363636; vertical-align: baseline; background: transparent; }
a:link, a:visited, a:active, a:focus { text-decoration: none; }
button { cursor: pointer; color: inherit; border: 0 none; background-color: transparent; }
.hidden { display: none !important; }
.blind { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
select { appearance: none; -webkit-appearance: none; box-sizing: border-box; min-width: 80px; padding: 11px 30px 11px 10px; font-size: 14px; font-size: 0.875rem; color: #3A3635; border: 1px solid #D0CBC9; border-radius: 3px; background: #FFF url("//file.bugsm.co.kr/wbugs/musicLounge/web/bu_select.png") 100% 50% no-repeat; }
.msie9 select, .msie8 select { padding-right: 5px; background-image: none; }
select::-ms-expand { display: none; }
a:hover { text-decoration: underline; }
#container { padding-bottom: 50px; }
.content { padding-right: 24px; padding-left: 24px; }
.content .innerContent { box-sizing: border-box; /*min-width:901px;*/ max-width: 1200px; margin: 0 auto; }
#mobileWeb { display: none; }
div#_modalLayer { opacity: 0.6 !important; }
.layer.loginV2 input[type=checkbox] { height: 16px; width: 16px; }
.layer.loginV2 input[type=text], .layer.loginV2 input[type=password] { height: 33px; width: auto; padding: 1px 10px 0 10px; font-size: 13px; color: #3A3635; line-height: 34px; border: 1px solid #C4C2C2; border-radius: 3px; }
.layer.loginV2 .btnClose { display: inline-block; cursor: pointer; overflow: hidden; text-indent: -9999px; }
.btnNormal { display: inline-block; overflow: hidden; padding: 1px 14px 0 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 { text-decoration: none; background-color: #F2F3F7; }
.btnNormal:hover, .btnNormal:active, .btnNormal:focus { text-decoration: none; }
.mask { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; }
/* loungePC */
.productList ul li .badge { position: absolute; top: 20px; left: 20px; overflow: hidden; z-index: 20; }
.productList ul li .badge span { float: left; overflow: hidden; height: 44px; width: 44px; margin: 0 6px 6px 0; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; }
.productList ul li .badge span.hot { background-position: -241px -423px; }
.productList ul li .badge span.limit { background-position: -288px -423px; }
.productList ul li .badge span.only { background-position: -429px -423px; }
.productList ul li .badge span.addDeal { background-position: -53px -423px; }
.productList ul li .badge span.deal { background-position: -194px -423px; }
.productList ul li .badge span.restock { background-position: -523px -423px; }
.productList ul li .badge span.new { background-position: -335px -423px; }
.productList ul li .badge span.offline { background-position: -382px -423px; }
.productList ul li .badge span.all { background-position: -100px -423px; }
.productList ul li .badge span.vip { background-position: 0 -476px; }
.productList ul li .badge span.paidMember { background-position: -476px -423px; }
.productList ul li .badge span.autoPay { background-position: -147px -423px; }
.btnCommon { display: inline-block; box-sizing: border-box; font-size: 14px; font-size: 0.875rem; line-height: 2.7; text-decoration: none; border: 1px solid #D0CBC9; border-radius: 5px; background-color: #FFF; }
.msie body { padding-top: 100px; }
@media all and (max-width: 799px) { .msie body { padding-top: 50px; } }
#header { position: sticky; top: 0; right: 0; left: 0; height: 100px; background: #FFF; z-index: 100; }
.msie #header { position: fixed; }
#header .innerContent { position: relative; box-sizing: border-box; height: 100px; width: 100%; max-width: 1200px; margin: 0 auto; }
#header .logo { position: relative; float: left; z-index: 110; }
#header .logo a { display: block; position: relative; overflow: hidden; height: 100px; text-indent: -1000em; width: 145px; }
#header .logo a:before { content: ''; position: absolute; top: 30px; left: 0; height: 40px; width: 145px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -174px -342px; }
#header .mobile { display: none; }
#header .pc { position: relative; float: right; box-sizing: border-box; overflow: hidden; height: 100px; width: calc(100% - 150px); padding-top: 46px; }
#header .pc .sideMenu { position: absolute; top: 9px; right: 0; }
#header .pc .sideMenu ul { overflow: hidden; }
#header .pc .sideMenu ul li { float: left; margin-left: 12px; }
#header .pc .sideMenu ul li button, #header .pc .sideMenu ul li a { display: block; font-size: 11px; line-height: 28px; text-decoration: none; }
#header .pc .sideMenu ul li .bugs { position: relative; overflow: hidden; height: 28px; width: 38px; text-indent: -1000em; }
#header .pc .sideMenu ul li .bugs:before { content: ''; position: absolute; top: 4px; left: 0; height: 15px; width: 38px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -524px -310px; }
#header .pc nav { float: right; z-index: 100; }
#header .pc nav ul { overflow: hidden; white-space: nowrap; }
#header .pc nav li { display: inline-block; margin-left: 40px; }
#header .pc nav li:first-child { margin-left: 0; }
#header .pc nav li a { display: block; position: relative; width: 100%; padding-bottom: 2px; font-size: 15px; color: #363636; line-height: 36px; text-decoration: none; white-space: nowrap; }
#header .pc nav li a.selected:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #363636; }
#header .gradeGuide { position: absolute; top: 100px; right: 0; left: 0; min-height: 40px; text-align: center; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.6); z-index: 10; }
#header .gradeGuide p { display: inline-block; padding: 12px 0; color: #FFF; font-size: 0.75rem; line-height: 1.33333; }
#header .gradeGuide p em { color: #FF3D33; }
#header .gradeGuide .btnLayerClose { display: inline-block !important; position: relative; height: 34px; width: 26px; margin-top: 3px; vertical-align: middle; opacity: 0.6; display: block; text-indent: -99999em; }
#header .gradeGuide .btnLayerClose:before, #header .gradeGuide .btnLayerClose:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 1px; width: 14.14px; border-radius: 1px; background: #FFF; }
#header .gradeGuide .btnLayerClose:before { transform: translate(-50%, -50%) rotate(45deg); }
#header .gradeGuide .btnLayerClose:after { transform: translate(-50%, -50%) rotate(-45deg); }
#footer { padding-top: 34px; padding-bottom: 70px; border-top: 1px solid #E5E5E5; }
#footer .link { padding-bottom: 15px; font-size: 14px; font-size: 0.875rem; }
#footer .link a { display: inline-block; margin-right: 14px; color: #888; }
#footer .link a.privacy { color: #3A3635; }
#footer address { font-size: 13px; font-size: 0.8125rem; color: #AAA; line-height: 1.84; }
#footer address span { display: inline-block; position: relative; margin-right: 2px; padding-right: 6px; }
#footer address span:after { content: ''; display: block; position: absolute; top: 50%; right: 0; height: 8px; width: 1px; margin-top: -3px; background: #E5E5E5; }
#footer address span:last-of-type { margin-right: 0; padding-right: 0; }
#footer address span:last-of-type:after { display: none; }
#footer address span a { color: #AAA; }
#footer address span em { display: none; }
#footer address + p { font-size: 13px; font-size: 0.8125rem; color: #AAA; line-height: 1.84; }
.share.pc span { display: none; }
.share.pc a { display: inline-block; overflow: hidden; height: 34px; width: 34px; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); }
.share.pc a.kakaostory { background-position: -40px -1130px; }
.share.pc a.facebook { background-position: -1092px -1086px; }
.share.pc a.twitter { background-position: -120px -1130px; }
.share.pc a.kakaotalk { background-position: -80px -1130px; }
.share.pc a.band { background-position: -1134px -1046px; }
.share.mobile { display: none; }
.btnTop { display: none; }
#container:before { content: ''; position: fixed; top: 100px; right: 0; left: 0; height: 1px; width: 100%; background: rgba(0, 0, 0, 0.1); z-index: 100; }
#container.pgHomeV2 { background: #F7F7F7; }
#container.pgHomeV2:before { z-index: 98; }
#container.pgCategoryList { background: #F7F7F7; }
.pgHomeV2 .content.banner { position: relative; overflow: hidden; padding: 0; z-index: 99; }
.pgHomeV2 .content.banner .slideWrap { position: relative; overflow: hidden; max-width: 1248px; margin: 0 auto; }
.pgHomeV2 .content.banner .slideWrap ul { overflow: hidden; }
.pgHomeV2 .content.banner .slideWrap ul li { float: left; max-width: 100%; }
.pgHomeV2 .content.banner .slideWrap ul li a { display: block; text-align: center; }
.pgHomeV2 .content.banner .slideWrap ul li a img { max-height: 240px; max-width: 100%; }
.pgHomeV2 .content.banner #slidePaginationForWeb { position: absolute; right: 24px; bottom: 21px; }
.pgHomeV2 .content.banner #slidePaginationForWeb span { float: left; overflow: hidden; height: 24px; padding: 0 4px; border-radius: 2px; background: rgba(0, 0, 0, 0.2); }
.pgHomeV2 .content.banner #slidePaginationForWeb button { position: relative; float: left; overflow: hidden; height: 24px; width: 16px; text-indent: -1000em; }
.pgHomeV2 .content.banner #slidePaginationForWeb button:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.pgHomeV2 .content.banner #slidePaginationForWeb button.btnPrev:before { top: 7px; transform: translateX(-50%) rotate(-180deg); -ms-transform: translateX(-50%) rotate(-180deg); height: 10px; width: 6px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -593px -476px; }
.pgHomeV2 .content.banner #slidePaginationForWeb button.btnNext:before { top: 7px; transform: translateX(-50%); -ms-transform: translateX(-50%); height: 10px; width: 6px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -593px -476px; }
.pgHomeV2 .content.banner #slidePaginationForWeb button.play:before { height: 10px; width: 8px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -299.5px -565px; }
.pgHomeV2 .content.banner #slidePaginationForWeb button.pause:before { height: 8px; width: 6px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -593px -489px; }
.pgHomeV2 .content.banner #slidePaginationForWeb .count { margin-right: 1px; padding: 0 10px; font-family: 'RixMgo'; font-size: 12px; color: rgba(255, 255, 255, 0.5); line-height: 24px; vertical-align: top; }
.pgHomeV2 .content.banner #slidePaginationForWeb .count strong { font-weight: normal; color: #FFF; }
.pgHomeV2 .content.banner #slidePaginationForMobile { position: absolute; right: 0; bottom: 24px; left: 50%; height: 2px; width: 200px; font-size: 0; white-space: nowrap; transform: translateX(-50%); -ms-transform: translateX(-50%); background: rgba(255, 255, 255, 0.3); }
.pgHomeV2 .content.banner #slidePaginationForMobile span { display: inline-block; height: 2px; width: auto; padding: 0; border-radius: 0; background: #FFF; }
.pgHomeV2 .hashTag { overflow: hidden; overflow-x: auto; overflow-y: hidden; max-width: 1200px; margin: 0 auto; padding: 20px 0; text-align: center; }
.pgHomeV2 .hashTag .scroll { display: inline-block; margin: 0 auto; padding: 0 24px; white-space: nowrap; }
.pgHomeV2 .hashTag strong { display: inline-block; position: relative; margin-right: 17px; padding-right: 22px; font-size: 14px; font-size: 0.875rem; color: #000; }
.pgHomeV2 .hashTag strong:after { content: ''; position: absolute; top: 50%; right: 0; height: 12px; width: 2px; margin-top: -6px; background: #BFBFBF; }
.pgHomeV2 .hashTag a { display: inline-block; padding: 0 16px; font-size: 12px; line-height: 38px; text-decoration: none; border: 1px solid #E5E5E5; border-radius: 20px; background: #FFF; }
.pgHomeV2 .hashTag a:nth-of-type(n+2) { margin-left: 6px; }
.productList { overflow: hidden; max-width: 1200px; margin: 0 auto; }
.productList .productGroupTitle { box-sizing: border-box; overflow: hidden; max-height: 90px; width: 100%; }
.productList .productGroupTitle strong { display: block; font-size: 24px; font-weight: normal; line-height: 4; text-indent: 10px; }
.productList ul { overflow: hidden; margin: -24px -12px 0; }
.productList ul li { position: relative; float: left; box-sizing: border-box; width: calc(50% - 24px); max-width: 588px; margin: 24px 12px 0; background-color: #FFF; }
.productList ul li .productWrap { display: block; width: 100%; padding-top: calc(47.6% + 121px); text-decoration: none; }
.productList ul li .productWrap:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #EAEAEA; z-index: 10; }
.productList ul li img { max-width: 100%; }
.productList ul li .thumbnail { position: absolute; top: 0; right: 0; left: 0; z-index: 11; }
.productList ul li .thumbnail:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.08); z-index: 10; }
.productList ul li .thumbnail:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.08); z-index: 11; }
.productList ul li .dealMsg { position: absolute; top: 0; right: 0; bottom: 121px; left: 0; background: rgba(0, 0, 0, 0.65); z-index: 20; }
.productList ul li .dealMsg > div { display: table; height: 100%; width: 100%; }
.productList ul li .dealMsg p { display: table-cell; color: #FFF; text-align: center; vertical-align: middle; }
.productList ul li .dealMsg p strong { display: inline-block; font-family: 'Montserrat'; font-size: 26px; line-height: 30px; }
.productList ul li .dealMsg p span { font-size: 15px; line-height: 30px; }
.productList ul li .dealMsg p a { display: inline-block; margin: 20px 0 0; padding: 0 14px; font-size: 13px; line-height: 36px; text-align: center; text-decoration: none; border-radius: 4px; background: #FFF; }
.productList ul li .dealMsg p a:hover { text-decoration: none; }
.productList ul li .productInfo { position: absolute; right: 0; bottom: 0; left: 0; box-sizing: border-box; padding: 24px 20px; background: #FFF; z-index: 9; }
.productList ul li .productInfo > strong { display: block; font-size: 15px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productList ul li .productInfo > p { overflow: hidden; margin-top: 8px; font-size: 12px; line-height: 14px; opacity: 0.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productList ul li .productInfo .priceInfo { overflow: hidden; height: 23px; margin-top: 11px; white-space: nowrap; }
.productList ul li .productInfo .priceInfo * { display: inline-block; }
.productList ul li .productInfo .priceInfo .rate { font-family: 'Montserrat'; font-size: 19px; font-weight: bold; color: #FF4C42; line-height: 23px; vertical-align: top; }
.productList ul li .productInfo .priceInfo .rate span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.productList ul li .productInfo .priceInfo > strong { margin-left: 7px; font-family: 'Montserrat'; font-size: 19px; font-weight: bold; line-height: 23px; vertical-align: top; }
.productList ul li .productInfo .priceInfo > strong span { font-size: 16px; font-weight: normal; }
.productList ul li .productInfo .priceInfo > del { margin: 3px 0 0 7px; font-family: 'Montserrat'; font-size: 15px; line-height: 19px; vertical-align: top; opacity: 0.5; }
.productList ul li .productInfo .priceInfo > del span { font-size: 12px; }
.productList ul li .productInfo .priceInfo .saleText { margin: 6px 0 0 7px; font-size: 12px; font-weight: normal; line-height: 14px; vertical-align: top; }
.productList ul li .productInfo .hiddenPrice { font-size: 12px; line-height: 20px; }
.productList ul li .productInfo .hiddenPrice:before { content: ''; display: inline-block; margin-right: 5px; vertical-align: top; height: 20px; width: 88px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -486px -770px; }
.productList ul li .productInfo .hiddenPrice span { display: inline-block; }
.productList ul li .productInfo .eventInfo { display: block; box-sizing: border-box; overflow: hidden; height: 23px; margin-top: 11px; padding-top: 6px; font-size: 12px; line-height: 14px; }
.productList ul li .productInfo .eventInfo span { vertical-align: top; }
.productList ul li .productInfo .eventInfo span:after { content: ':'; display: inline-block; margin: 0 2px 0 4px; }
.productList ul li .productInfo .eventInfo time { font-family: 'Montserrat'; vertical-align: top; }
.productList ul li.bannerType1 { max-height: 130px; width: calc(100% - 24px); max-width: 100%; text-align: center; }
.productList ul li.bannerType1 img { max-height: 130px; max-width: 100%; }
.productList ul li.bannerType1 a { display: block; position: relative; width: 100%; padding: 0; text-align: center; }
.productList ul li.bannerType1 a:after { display: none; }
.productList ul li.bannerType2 .bannerWrap { display: block; box-sizing: border-box; overflow: hidden; width: 100%; padding-top: calc(47.6% + 121px); background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; }
.productList ul li.bannerType2 .bannerWrap span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.loungeBenefit { box-sizing: border-box; margin: 0 -24px -50px; padding: 0 40px 50px; background: #FBFBFB; }
.loungeBenefit h1 { padding: 40px 0 30px; font-size: 18px; font-weight: normal; line-height: 34px; text-indent: 10px; }
.loungeBenefit ul { overflow: hidden; width: 100%; }
.loungeBenefit ul li { float: left; width: 285px; width: calc((100% - 60px) / 4); margin-left: 20px; }
.loungeBenefit ul li:first-of-type { margin-left: 0; }
.loungeBenefit ul li .thumbnail { position: relative; width: 100%; }
.loungeBenefit ul li .thumbnail:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; z-index: 1; }
.loungeBenefit ul li .thumbnail a { position: relative; z-index: 10; }
.loungeBenefit ul li .thumbnail img { width: 100%; }
.loungeBenefit ul li .productInfo { margin-top: 14px; }
.loungeBenefit ul li .productInfo > strong { display: block; font-size: 14px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.loungeBenefit ul li .productInfo .priceInfo strong { display: inline-block; font-family: 'Montserrat'; font-size: 20px; line-height: 26px; vertical-align: top; }
.loungeBenefit ul li .productInfo .priceInfo span { display: inline-block; padding-top: 3px; font-size: 14px; line-height: 22px; vertical-align: top; }
.loungeBenefit .btnSlide { display: none; }
.pgCategoryList > header { overflow: hidden; max-width: 1200px; margin: 0 auto; padding-top: 24px; }
.pgCategoryList > header h1 { position: relative; float: left; padding-top: 26px; padding-bottom: 30px; padding-bottom: 30px; font-size: 23px; font-weight: bold; line-height: 27px; }
.pgCategoryList > header p { float: left; margin-top: 9px; margin-left: 10px; padding-top: 26px; font-size: 13px; color: rgba(54, 54, 54, 0.7); line-height: 15px; }
.pgCategoryList > header p:before { content: ''; display: inline-block; height: 12px; width: 3px; margin: 1px 10px 0 0; vertical-align: top; background: rgba(0, 0, 0, 0.15); }
.pgProduct .sale { position: relative; height: 78px; width: 78px; font-family: 'Montserrat'; color: #FFF; text-align: center; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); }
.pgProduct .sale.off0005 { background-position: -94px -952px; }
.pgProduct .sale.off0610 { background-position: -178px -952px; }
.pgProduct .sale.off1115 { background-position: -262px -952px; }
.pgProduct .sale.off1620 { background-position: -346px -952px; }
.pgProduct .sale.off2125 { background-position: -430px -952px; }
.pgProduct .sale.off2630 { background-position: -514px -952px; }
.pgProduct .sale.off3135 { background-position: -598px -952px; }
.pgProduct .sale.off3640 { background-position: -682px -952px; }
.pgProduct .sale.off4145 { background-position: -766px -952px; }
.pgProduct .sale.off4650 { background-position: -850px -952px; }
.pgProduct .sale.off5155 { background-position: -934px -952px; }
.pgProduct .sale.off5660 { background-position: -1018px -952px; }
.pgProduct .sale.off6165 { background-position: -1102px -952px; }
.pgProduct .sale.off6670 { background-position: 0 -1046px; }
.pgProduct .sale.off7175 { background-position: -84px -1046px; }
.pgProduct .sale.off7680 { background-position: -168px -1046px; }
.pgProduct .sale.off8185 { background-position: -252px -1046px; }
.pgProduct .sale.off8690 { background-position: -336px -1046px; }
.pgProduct .sale.off9195 { background-position: -420px -1046px; }
.pgProduct .sale.off96100 { background-position: -504px -1046px; }
.pgProduct .sale.onlyDeal { text-indent: -1000em; background-position: -840px -1046px; }
.pgProduct .sale.addDeal { text-indent: -1000em; background-position: -588px -1046px; }
.pgProduct .sale.luckyDeal { text-indent: -1000em; background-position: -756px -1046px; }
.pgProduct .sale.soldout { text-indent: -1000em; background-position: -1008px -1046px; }
.pgProduct .sale.restock { text-indent: -1000em; background-position: -924px -1046px; }
.pgProduct .sale.free { text-indent: -1000em; background-position: -672px -1046px; }
.pgProduct .sale em { display: block; padding-top: 19px; font-size: 22px; font-size: 1.375rem; }
.pgProduct .sale span { display: block; font-size: 14px; font-size: 0.875rem; }
.pgProduct .product { padding-top: 40px; padding-bottom: 50px; }
.pgProduct .product .innerContent { display: table; width: 100%; }
.pgProduct .product figure { display: table-cell; width: calc(100% - 600px); max-width: 600px; text-align: center; vertical-align: middle; }
.pgProduct .product figure img { max-width: 350px; }
.pgProduct .product .productInfo { display: table-cell; width: 600px; }
.pgProduct .product .productInfo .nameProduct { padding: 5px 0 4px; font-size: 30px; font-size: 1.875rem; line-height: 1.2; }
.pgProduct .product .productInfo .nameBrand { display: block; margin-bottom: 15px; font-size: 18px; font-size: 1.125rem; }
.pgProduct .product .productInfo .option { padding-bottom: 10px; }
.pgProduct .product .productInfo .option select { display: block; width: 100%; margin-bottom: 10px; }
.pgProduct .product .productInfo .orderList { margin-bottom: 20px; border-top: 1px solid #E5E5E5; }
.pgProduct .product .productInfo .orderList li { position: relative; min-height: 48px; padding: 6px 0; border-bottom: 1px solid #E5E5E5; }
.pgProduct .product .productInfo .orderList li .title { width: 55%; width: calc(100% - 270px); font-size: 14px; line-height: 48px; vertical-align: middle; }
.pgProduct .product .productInfo .orderList li .title strong { display: inline-block; font-size: 14px; font-size: 0.875rem; color: #757271; line-height: 1.71428; vertical-align: middle; word-break: break-word; }
.pgProduct .product .productInfo .orderList li .price { position: absolute; top: 50%; right: 170px; height: 40px; width: 90px; margin-top: -20px; font-size: 14px; font-size: 0.875rem; line-height: 40px; text-align: right; }
.pgProduct .product .productInfo .shipping + .orderList li .price { right: 137px; }
.pgProduct .product .productInfo .orderList li .num { position: absolute; top: 50%; right: 2px; height: 40px; margin-top: -20px; }
.pgProduct .product .productInfo .orderList li .num input[type=text] { height: 38px; width: 48px; padding-right: 10px; font-size: 18px; line-height: 38px; text-align: right; vertical-align: top; border: 1px solid #E5E5E5; }
.pgProduct .product .productInfo .orderList li .num > span { display: inline-block; margin-left: 5px; font-size: 14px; font-size: 0.875rem; color: #757271; line-height: 40px; vertical-align: top; }
.pgProduct .product .productInfo .orderList li .num .updown { position: relative; height: 40px; width: 30px; }
.pgProduct .product .productInfo .orderList li .num .updown button { position: absolute; left: 0; overflow: hidden; text-indent: -1000em; }
.pgProduct .product .productInfo .orderList li .num .updown button.btnUp { top: 0; height: 20px; width: 30px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -537px -1130px; }
.pgProduct .product .productInfo .orderList li .num .updown button.btnDown { bottom: 0; height: 20px; width: 30px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -501px -1130px; }
.pgProduct .product .productInfo .orderList li .num .btnDelete { position: relative; overflow: hidden; height: 40px; width: 30px; text-indent: -1000em; }
.pgProduct .product .productInfo .orderList li .num .btnDelete:before { content: ''; position: absolute; top: 12px; left: 4px; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -26px -1170px; }
.pgProduct .product .productInfo .priceInfo { overflow: hidden; margin-bottom: 22px; }
.pgProduct .product .productInfo .priceInfo .sale { float: left; margin-right: 15px; }
.pgProduct .product .productInfo .priceInfo div[class*='off'] em:after { content: 'OFF'; display: block; font-size: 14px; font-size: 0.875rem; }
.pgProduct .product .productInfo .priceInfo .price { float: left; padding-top: 6px; font-family: 'Montserrat'; }
.pgProduct .product .productInfo .priceInfo .price del { display: inline-block; position: relative; overflow: hidden; padding: 0 17px 0 4px; font-size: 24px; font-size: 1.5rem; color: #C0C0BF; text-decoration: none; }
.pgProduct .product .productInfo .priceInfo .price del:before { content: ''; position: absolute; top: 50%; right: 0; height: 11px; width: 137px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -580px -770px; }
.pgProduct .product .productInfo .priceInfo .price strong { display: block; margin-top: -2px; font-size: 36px; font-size: 2.25rem; color: #CB3836; }
.pgProduct .product .productInfo .priceInfo .price strong span { display: inline-block; margin-top: 13px; font-family: "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, sans-serif; font-size: 20px; font-size: 1.25rem; vertical-align: top; }
.pgProduct .product .productInfo .priceInfo .date { float: left; padding-top: 18px; font-size: 16px; font-size: 1rem; color: #3a3635; }
.pgProduct .product .productInfo .priceInfo .date strong { display: block; margin-top: 6px; font-size: 24px; font-size: 1.5rem; color: #CB3836; }
.pgProduct .product .productInfo .hiddenPrice { margin: 28px 0 18px; font-size: 18px; }
.pgProduct .product .productInfo .totalPrice { overflow: hidden; margin-bottom: 20px; }
.pgProduct .product .productInfo .totalPrice > span { float: left; padding-top: 3px; font-size: 18px; font-size: 1.125rem; line-height: 2.22; }
.pgProduct .product .productInfo .totalPrice strong { float: right; font-family: 'Montserrat'; font-size: 36px; font-size: 2.25rem; color: #CB3836; line-height: 1.22; }
.pgProduct .product .productInfo .totalPrice strong span { display: inline-block; margin-top: 13px; font-family: "나눔바른고딕", "NanumBarunGothic", helvetica, "돋움", Dotum, "Apple SD Gothic Neo", MS PGothic, sans-serif; font-size: 20px; font-size: 1.25rem; vertical-align: top; }
.pgProduct .product .productInfo .shipping { margin-bottom: 13px; font-size: 14px; font-size: 0.875em; color: #888; line-height: 1.78; }
.pgProduct .product .productInfo .shipping p > span { display: inline-block; position: relative; width: 60px; margin-right: 6px; }
.pgProduct .product .productInfo .shipping p > span:after { content: ''; display: block; position: absolute; top: 50%; right: 0; height: 8px; width: 1px; margin-top: -4px; background: #E5E5E5; }
.pgProduct .product .productInfo .btn button { height: 70px; width: 100%; font-size: 18px; font-size: 1.125rem; color: #FFF; text-align: center; border-radius: 4px; }
.pgProduct .product .productInfo .btn button span { display: inline-block; position: relative; margin-left: -10px; }
.pgProduct .product .productInfo .btn .btnBuy { background-color: #d24341; }
.pgProduct .product .productInfo .btn .btnBuy span { margin: 0; }
.pgProduct .product .productInfo .btn .btnSoldout { cursor: auto; background-color: #D2D2D2; }
.pgProduct .product .productInfo .banner { float: left; clear: both; margin-top: 29px; font-size: 16px; font-size: 1rem; line-height: 26px; }
.pgProduct .product .productInfo .banner a { display: inline-block; position: relative; padding-left: 28px; font-size: 16px; font-size: 1rem; line-height: 26px; text-decoration: none; }
.pgProduct .product .productInfo .banner a:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -13px; height: 22px; width: 20px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: 0 -1170px; }
.pgProduct .product .productInfo .banner a strong { color: #D03937; }
.pgProduct .product .productInfo .share { position: relative; float: right; margin-top: 20px; }
.pgProduct .product .productInfo .share a { float: left; margin-left: 10px; }
.pgProduct .tab { height: 70px; border-top: 1px solid #EBEBEA; border-bottom: 1px solid #EBEBEA; background: #FBFBFB; }
.pgProduct .tab button { position: relative; float: left; margin-right: 84px; padding-right: 2px; font-size: 16px; color: #3A3635; line-height: 70px; }
.pgProduct .tab button:before { content: ''; display: block; position: absolute; top: 21px; left: 0; }
.pgProduct .tab button.selected { overflow: hidden; height: 71px; color: #D03937; }
.pgProduct .tab button.selected:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: #D03937; }
.pgProduct .tab button.tabMoreInfo { padding-left: 39px; }
.pgProduct .tab button.tabMoreInfo:before { height: 30px; width: 33px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -316px -1130px; }
.pgProduct .tab button.tabMoreInfo.selected:before { background-position: -355px -1130px; }
.pgProduct .tab button.tabComments { padding-left: 33px; }
.pgProduct .tab button.tabComments:before { height: 30px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1172px -1086px; }
.pgProduct .tab button.tabComments.selected:before { background-position: -470px -1130px; }
.pgProduct .tab button.tabShippingInfo { padding-left: 44px; }
.pgProduct .tab button.tabShippingInfo:before { height: 30px; width: 34px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -236px -1130px; }
.pgProduct .tab button.tabShippingInfo.selected:before { background-position: -276px -1130px; }
.pgProduct .tab button.tabASInfo { margin-right: 0; padding-left: 33px; }
.pgProduct .tab button.tabASInfo:before { height: 30px; width: 26px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1174px -846px; }
.pgProduct .tab button.tabASInfo.selected:before { background-position: -1174px -1046px; }
.pgProduct .tabInfo { display: none; padding-top: 50px; }
.pgProduct .tabInfo .innerContent > h1 { display: none; }
.pgProduct .tabInfo ul.guide { font-size: 14px; font-size: 0.875rem; }
.pgProduct .tabInfo ul.guide li { position: relative; padding: 0 0 3px 14px; line-height: 1.5; }
.pgProduct .tabInfo ul.guide li:before { content: ''; display: block; position: absolute; top: 8px; left: 0; height: 2px; width: 2px; background-color: #3a3635; }
.pgProduct .shippingInfo { padding-top: 45px; }
.pgProduct .asInfo { padding-top: 45px; }
.pgProduct .moreInfo { display: block; }
.pgProduct .moreInfo figure img { max-width: 100%; }
.pgProduct .moreInfo figcaption { padding-left: 10px; }
.pgProduct .moreInfo figcaption strong { display: inline-block; padding-bottom: 5px; font-size: 26px; font-size: 1.625rem; line-height: 1.384; }
.pgProduct .moreInfo figcaption > p { font-size: 15px; font-size: 0.938rem; line-height: 1.75; }
.pgProduct .moreInfo em { color: #D24341; }
.pgProduct .winnerGuide { box-sizing: border-box; margin-bottom: 70px; padding: 30px 30px 24px; font-size: 14px; line-height: 24px; border: 1px solid #E5E5E5; }
.pgProduct .winnerGuide h1 { margin-bottom: 20px; font-size: 18px; font-size: 1.125rem; }
.pgProduct .winnerGuide a { color: #217CFF; text-decoration: underline; }
.pgProduct .loungeBenefit { margin-top: 100px; }
.pgProduct .loungeBenefit h1 { display: block; }
.pgProduct .typeImage { padding-bottom: 55px; text-align: center; }
.pgProduct .typeImage figcaption { overflow: hidden; height: 0; width: 1px; }
.pgProduct .typeImageText { padding-bottom: 55px; }
.pgProduct .typeImageText figure { margin-bottom: 24px; text-align: center; }
.pgProduct .typeImageText figure em { color: #D03937; }
.pgProduct .typeText { padding-bottom: 55px; }
.pgProduct .typeText .description { padding-left: 10px; }
.pgProduct .typeText .description strong { display: inline-block; padding-bottom: 5px; font-size: 26px; font-size: 1.625rem; line-height: 1.384; }
.pgProduct .typeText .description p { font-size: 15px; font-size: 0.938rem; line-height: 1.75; }
.pgProduct .typeText .description em { color: #D03937; }
.pgProduct .typeText .description .btnShare { height: 70px; width: 600px; margin: 25px 0 0 -10px; font-size: 18px; font-size: 1.125rem; color: #FFF; border-radius: 4px; background-color: #D03937; }
.pgProduct .typeText .description .btnShare span { display: inline-block; position: relative; padding-left: 27px; }
.pgProduct .typeText .description .btnShare span:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -10px; height: 20px; width: 20px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -573px -1130px; }
.pgProduct .typeVideoText { padding-bottom: 55px; }
.pgProduct .typeVideoText .player { position: relative; width: 100%; max-width: 1200px; margin-bottom: 24px; font-size: 0; line-height: 0; }
.pgProduct .typeVideoText .player iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; min-width: 300px; }
.pgProduct .typeVideoText .description { padding-left: 10px; }
.pgProduct .typeVideoText .description strong { display: inline-block; padding-bottom: 5px; font-size: 26px; font-size: 1.625rem; line-height: 1.384; }
.pgProduct .typeVideoText .description p { font-size: 15px; font-size: 0.938rem; line-height: 1.75; }
.pgProduct .typeVideoText .description em { color: #D03937; }
.pgProduct .typeButton { padding-bottom: 55px; text-align: center; }
.pgProduct .typeButton .btnManualDownload { display: inline-block; padding: 0 29px; font-size: 16px; color: #FFF; line-height: 58px; border-radius: 4px; background: #BB1523; }
.pgProduct .typeButton .btnManualDownload:after { content: ''; display: inline-block; margin: 19px 0 0 9px; vertical-align: top; height: 18px; width: 17px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1174px -882px; }
.pgProduct .checkPoint { box-sizing: border-box; margin-bottom: 70px; padding: 30px 30px 24px; font-size: 14px; border: 1px solid #E5E5E5; }
.pgProduct .checkPoint h1 { overflow: hidden; margin-bottom: 25px; text-indent: -1000em; height: 14px; width: 134px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -893px -744px; }
.pgProduct .checkPoint li { position: relative; padding-left: 24px; font-size: 14px; line-height: 24px; }
.pgProduct .checkPoint li:before { content: ''; position: absolute; top: 5px; left: 0; height: 12px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1171px -744px; }
.pgProduct .checkPoint + .checkPointDescription { margin: -45px 0 65px; padding-left: 10px; font-size: 15px; line-height: 28px; }
.pgProduct .brandStory { box-sizing: border-box; margin-bottom: 70px; padding: 30px 30px 24px; font-size: 14px; line-height: 24px; border: 1px solid #E5E5E5; }
.pgProduct .brandStory h1 { overflow: hidden; margin-bottom: 25px; text-indent: -1000em; height: 14px; width: 132px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1033px -744px; }
.pgProduct .notice { box-sizing: border-box; margin-bottom: 50px; padding: 30px 30px 24px; font-size: 14px; font-size: 0.875rem; line-height: 1.72; border: 1px solid #E5E5E5; background-color: #FBFBFB; }
.pgProduct .notice h1 { overflow: hidden; margin-bottom: 25px; text-indent: -1000em; height: 14px; width: 70px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -348px -826px; }
.pgProduct .notice > div strong { display: block; margin-bottom: 18px; font-size: 18px; font-size: 1.125rem; }
.pgProduct .notice .description { margin-bottom: 25px; color: #888; }
.pgProduct .notice .description .title { display: block; font-size: 14px; font-size: 0.875rem; color: #3a3635; }
.pgProduct .notice .description ul li { position: relative; padding: 0 0 3px 14px; line-height: 1.5; }
.pgProduct .notice .description ul li:before { content: ''; display: block; position: absolute; top: 8px; left: 0; height: 2px; width: 2px; background-color: #3a3635; }
.pgProduct .notice .description ul li > ul { margin-bottom: -5px; padding: 7px 0 0 20px; }
.pgProduct .notice .cs { padding-bottom: 10px; }
.pgProduct .notice .cs strong { margin-bottom: 8px; }
.pgProduct .notice .cs ul { padding-left: 2px; }
.pgProduct .notice .tip p { font-size: 14px; font-size: 0.875rem; }
.pgProduct .typeInfo .title { display: block; margin-bottom: 15px; padding-left: 10px; font-size: 18px; font-size: 1.125rem; }
.pgProduct .typeInfo .description { box-sizing: border-box; padding: 25px 30px 20px; font-size: 14px; font-size: 0.875rem; border: 1px solid #E5E5E5; }
.pgProduct .typeInfo .description table { width: 100%; }
.pgProduct .typeInfo .description table caption { overflow: hidden; height: 0; width: 0; font-size: 0; line-height: 0; }
.pgProduct .typeInfo .description table tr { vertical-align: top; }
.pgProduct .typeInfo .description table th { position: relative; width: 156px; padding: 0 8px 3px 14px; font-size: 14px; font-size: 0.875rem; font-weight: normal; color: #888; line-height: 1.5; text-align: left; }
.pgProduct .typeInfo .description table th:before { content: ''; display: block; position: absolute; top: 8px; left: 0; height: 2px; width: 2px; background-color: #3a3635; }
.pgProduct .typeInfo .description table td { padding-bottom: 3px; line-height: 1.5; }
.pgProduct .typeInfo .description table + table { margin-top: 22px; }
.pgProduct .typeInfo .description table + table caption { position: static; visibility: visible; width: 100%; padding-top: 27px; border-top: 1px solid #EDEDED; }
.pgProductBenefit .product .productInfo { vertical-align: middle; }
.pgProductBenefit .product .productInfo .nameProduct { margin-bottom: 5px; padding-top: 0; line-height: 1.6; }
.pgProductBenefit .product .productInfo .nameProduct span { display: block; }
.pgProductBenefit .product .productInfo .saleInfo { position: relative; height: 78px; margin-bottom: 30px; padding-left: 98px; }
.pgProductBenefit .product .productInfo .saleInfo .sale { position: absolute; top: 0; left: 0; }
.pgProductBenefit .product .productInfo .saleInfo .saleText { display: table-cell; height: 78px; width: 100%; font-size: 18px; color: #D03937; line-height: 24px; vertical-align: middle; }
.pgProductBenefit .product .productInfo .saleInfo div[class*='off'] em:after { content: 'OFF'; display: block; font-size: 14px; font-size: 0.875rem; }
.pgProductBenefit .product .productInfo .period span:after { content: ''; position: absolute; top: 50%; right: 0; height: 8px; width: 1px; margin-top: -5px; background: #E5E5E5; }
.pgProductBenefit .product .productInfo .banner a { padding-left: 0; }
.pgProductBenefit .product .productInfo .banner a:before { display: none; }
.pgProductBenefit .caution { padding-top: 24px; }
.pgProductBenefit .caution h1 { margin-bottom: 18px; padding-left: 14px; font-size: 20px; }
.pgProductBenefit .caution .guide { margin-bottom: 42px; font-size: 14px; font-size: 0.875rem; }
.pgProductBenefit .caution .guide li { position: relative; padding: 0 0 3px 14px; line-height: 1.5; }
.pgProductBenefit .caution .guide li:before { content: ''; display: block; position: absolute; top: 8px; left: 0; height: 2px; width: 2px; background-color: #3a3635; }
.pgProductBenefit .typeImage { padding-bottom: 0; }
.pgProductBenefit .map { position: relative; overflow: hidden; height: 370px; width: 100%; max-width: 1200px; margin: 0 auto; z-index: 1; }
.pgProductBenefit .tabInfo.comments { display: block; padding-top: 37px; }
.pgProductBenefit .tabInfo.comments .innerContent > h1 { display: block; position: relative; margin-bottom: 30px; padding-left: 33px; font-size: 18px; line-height: 1.6667; }
.pgProductBenefit .tabInfo.comments .innerContent > h1:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 30px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1172px -1086px; }
.pgProductBenefit .benefit { position: relative; margin-top: 50px; }
.pgProductBenefit .benefit:before { content: ''; display: block; height: 1px; max-width: 1200px; margin: 0 auto 75px; background: #E5E5E5; }
.pgSpecial { position: relative; background: #F7F7F7; }
.pgSpecial .specialBanner { max-height: 240px; text-align: center; }
.pgSpecial .specialBanner .innerContainer { max-width: 1200px; }
.pgSpecial .specialBanner img { max-height: 240px; max-width: 100%; }
.pgSpecial .productList { margin-top: 24px; }
.pgSpecial .checkPoint { margin-top: 24px; }
.pgSpecial .checkPoint .innerContainer { box-sizing: border-box; max-width: 1200px; margin: 0 auto; padding: 30px 30px 24px; font-size: 14px; border: 1px solid #E5E5E5; background: #FFF; }
.pgSpecial .checkPoint h1 { overflow: hidden; margin-bottom: 10px; text-indent: -1000em; height: 14px; width: 134px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -893px -744px; }
.pgSpecial .checkPoint li { position: relative; font-size: 14px; line-height: 24px; }
.pgSpecial + .dimmed { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; }
.pgSpecial + .dimmed .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.7; }
.pgSpecial + .dimmed p { position: fixed; top: 48%; right: 0; left: 0; font-size: 25px; color: #FFF; text-align: center; }
.pgMypage { padding-top: 50px; }
.pgMypage .innerContent > h1 { padding-bottom: 18px; font-size: 18px; font-size: 1.125rem; font-weight: normal; text-indent: 9px; }
.pgMypage .btnCommon { display: inline-block; box-sizing: border-box; padding: 2px 40px 0; font-size: 14px; font-size: 0.875rem; line-height: 2.7; text-decoration: none; border: 1px solid #d0cbc9; border-radius: 5px; background-color: #FFF; }
.pgMypage .paging { padding-top: 30px; text-align: center; }
.pgMypage .paging a { display: inline-block; height: 28px; min-width: 28px; margin: 0 6px; font-size: 14px; font-size: 0.875rem; color: #9c9a9a; line-height: 28px; text-align: center; }
.pgMypage .paging a.selected { color: #3a3635; }
.pgMypage .paging a.btnPrev { margin-right: 13px; text-indent: -1000em; transform: rotate(-180deg); -ms-transform: rotate(-180deg); height: 28px; width: 28px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1140px -906px; }
.pgMypage .paging a.btnNext { margin-left: 13px; text-indent: -1000em; height: 28px; width: 28px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1140px -906px; }
.pgMypage .tab { height: 70px; margin-bottom: 50px; border-top: 1px solid #EBEBEA; border-bottom: 1px solid #EBEBEA; background: #FBFBFB; }
.pgMypage .tab a { position: relative; float: left; margin-right: 84px; padding-right: 2px; font-size: 16px; color: #3A3635; line-height: 70px; }
.pgMypage .tab a:hover { text-decoration: none; }
.pgMypage .tab a:before { content: ''; display: block; position: absolute; top: 21px; left: 0; }
.pgMypage .tab a.selected { overflow: hidden; height: 71px; color: #D03937; }
.pgMypage .tab a.selected:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: #D03937; }
.pgMypage .tab a.tabShippingInfo { padding-left: 44px; }
.pgMypage .tab a.tabShippingInfo:before { height: 30px; width: 34px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -236px -1130px; }
.pgMypage .tab a.tabShippingInfo.selected:before { background-position: -276px -1130px; }
.pgMypage .tab a.tabCoupon { margin-right: 0; padding-left: 42px; }
.pgMypage .tab a.tabCoupon:before { height: 30px; width: 32px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -394px -1130px; }
.pgMypage .tab a.tabCoupon.selected:before { background-position: -432px -1130px; }
.pgMypage .content.loginInfo { margin-bottom: 45px; }
.pgMypage .content.loginInfo .innerContent { position: relative; box-sizing: border-box; overflow: hidden; border: 1px solid #E5E5E5; }
.pgMypage .content.loginInfo .innerContent:before { content: ''; position: absolute; top: 100px; right: 30px; left: 30px; height: 1px; background: #E5E5E5; }
.pgMypage .content.loginInfo .id { position: relative; float: left; height: 40px; margin-left: 30px; padding: 30px 0; font-size: 18px; font-size: 1.125rem; line-height: 40px; white-space: nowrap; }
.pgMypage .content.loginInfo .id:not(.bugs) { padding-left: 25px; }
.pgMypage .content.loginInfo .id:before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.pgMypage .content.loginInfo .id.payco:before { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -92px -1170px; }
.pgMypage .content.loginInfo .id.facebook:before { height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -70px -1170px; }
.pgMypage .content.loginInfo .grade { display: table-cell; float: left; clear: both; overflow: hidden; height: 100px; width: calc(100% - 210px); margin-top: 1px; padding-left: 30px; }
.pgMypage .content.loginInfo .grade:last-of-type { width: 100%; }
.pgMypage .content.loginInfo .grade p { display: table-cell; box-sizing: border-box; overflow: hidden; height: 99px; width: 100%; font-size: 18px; font-size: 1.125rem; line-height: 30px; vertical-align: middle; word-break: keep-all; }
.pgMypage .content.loginInfo .grade em { color: #C53736; vertical-align: top; }
.pgMypage .content.loginInfo .grade .icon { display: inline-block; overflow: hidden; margin: 0 1px 0; text-indent: -1000em; vertical-align: top; }
.pgMypage .content.loginInfo .grade .icon.vip { height: 28px; width: 46px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1130px -620px; }
.pgMypage .content.loginInfo .btns { float: right; padding: 30px 30px 0 0; }
.pgMypage .content.loginInfo .btns button { width: 129px; padding: 0; text-align: center; }
.pgMypage .content.order { margin-bottom: 48px; }
.pgMypage .content.order h1 { display: none; }
.pgMypage .content.order .noOrderHistory { padding: 48px 0 50px; text-align: center; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
.pgMypage .content.order .noOrderHistory p { font-size: 14px; font-size: 0.875rem; color: #888; line-height: 1.714; }
.pgMypage .content.order .noOrderHistory .btnGoProduct { margin-top: 15px; }
.pgMypage .content.order table.orderList { width: 100%; max-width: 1200px; border-top: 1px solid #E5E5E5; }
.pgMypage .content.order table.orderList + .orderList { margin-top: 50px; }
.pgMypage .content.order table.orderList th { height: 50px; font-size: 14px; color: #757271; vertical-align: middle; border-bottom: 1px solid #E5E5E5; border-left: 0; background-color: #FBFBFB; }
.pgMypage .content.order table.orderList td { padding: 20px 10px; font-size: 14px; color: #757271; line-height: 24px; text-align: center; vertical-align: middle; white-space: nowrap; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; }
.pgMypage .content.order table.orderList td.date { width: 160px !important; color: #3a3635; border-left: 0; }
.pgMypage .content.order table.orderList td.info { min-width: 180px; padding-left: 0; text-align: left; white-space: normal; }
.pgMypage .content.order table.orderList td.info > a { float: left; margin-left: 5px; }
.pgMypage .content.order table.orderList td.info > div { float: left; max-width: 360px; padding-left: 10px; line-height: 120px; vertical-align: middle; }
.pgMypage .content.order table.orderList td.info > div > div { display: inline-block; padding: 10px 0 0; line-height: 24px; vertical-align: middle; }
.pgMypage .content.order table.orderList td.info strong { display: block; padding-bottom: 5px; font-size: 18px; font-size: 1.125rem; color: #3a3635; line-height: 24px; }
.pgMypage .content.order table.orderList td.info span { display: inline-block; overflow: hidden; height: 8px; width: 1px; margin: 0 5px; text-indent: -1000em; background: #E5E5E5; }
.pgMypage .content.order table.orderList td.info .btnEdit { display: inline-block; margin-top: -1px; padding: 2px 10px 0; font-size: 12px; font-size: 0.750rem; line-height: 1.6; text-align: center; vertical-align: middle; border: 1px solid #d0cbc9; border-radius: 5px; }
.pgMypage .content.order table.orderList td.option { width: 180px !important; white-space: normal; }
.pgMypage .content.order table.orderList td.price { width: 80px !important; }
.pgMypage .content.order table.orderList td.price + .price { width: 60px !important; }
.pgMypage .content.order table.orderList td.status { width: 100px !important; color: #3a3635; }
.pgMypage .content.order table.orderList td.status span { display: block; }
.pgMypage .content.order table.orderList td.status a { display: block; max-width: 129px; margin: 10px auto 0; padding-right: 10px; padding-left: 10px; }
.pgMypage .content.order table.orderList td.tracking { height: 40px; padding: 10px 0 10px 20px; text-align: left; border-left: 0; }
.pgMypage .content.order table.orderList td.tracking span { display: inline-block; overflow: hidden; height: 8px; width: 1px; margin: 0 5px; text-indent: -1000em; background: #E5E5E5; }
.pgMypage .content.order table.orderList td.tracking a { text-decoration: none; border-bottom: 1px solid #3a3635; }
.pgMypage .content.order table.orderList td.totalPrice { padding: 10px 30px 10px 0; color: #3a3635; text-align: right; white-space: normal; border-left: #FFF; }
.pgMypage .content.order table.orderList td.totalPrice em { color: #D03937; white-space: nowrap; }
.pgMypage .content.order table.orderList td img { max-height: 120px; max-width: 120px; }
.pgMypage .content.order ul.couponOrderList li { position: relative; margin-top: 30px; font-size: 14px; font-size: 0.875rem; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
.pgMypage .content.order ul.couponOrderList li:first-child { margin-top: 0; }
.pgMypage .content.order ul.couponOrderList dt { position: relative; float: left; }
.pgMypage .content.order ul.couponOrderList dt:before { content: ''; position: absolute; top: 50%; right: 0; height: 8px; width: 1px; margin-top: -4px; background-color: #E5E5E5; }
.pgMypage .content.order ul.couponOrderList dd { overflow: hidden; }
.pgMypage .content.order ul.couponOrderList .deliveryInfo { overflow: hidden; padding: 6px 10px; line-height: 2.7; background-color: #FBFBFB; }
.pgMypage .content.order ul.couponOrderList .deliveryInfo dt { margin-right: 10px; padding-right: 10px; color: #757271; }
.pgMypage .content.order ul.couponOrderList .deliveryInfo dd { float: left; margin-right: 50px; }
.pgMypage .content.order ul.couponOrderList .orderInfo { overflow: hidden; border-top: 1px solid #E5E5E5; }
.pgMypage .content.order ul.couponOrderList .thumbnail { float: left; height: 160px; width: 160px; }
.pgMypage .content.order ul.couponOrderList .thumbnail a { display: block; height: 100%; width: 100%; line-height: 160px; text-align: center; }
.pgMypage .content.order ul.couponOrderList .thumbnail img { max-width: 120px; line-height: 160px; vertical-align: middle; }
.pgMypage .content.order ul.couponOrderList .titlearea { overflow: hidden; margin: 0 190px 0 190px; padding: 24px 24px 24px 0; }
.pgMypage .content.order ul.couponOrderList .titlearea .title { padding: 0 0 6px; font-size: 18px; font-size: 1.125rem; line-height: 1.7; }
.pgMypage .content.order ul.couponOrderList .titlearea > dl { color: #757271; line-height: 2; }
.pgMypage .content.order ul.couponOrderList .titlearea dt { width: 90px; }
.pgMypage .content.order ul.couponOrderList .titlearea dd { margin-left: 100px; }
.pgMypage .content.order ul.couponOrderList .titlearea dd > em { margin-right: 10px; vertical-align: top; }
.pgMypage .content.order ul.couponOrderList .titlearea dd > em span { display: inline-block; }
.pgMypage .content.order ul.couponOrderList .titlearea dd > time { color: #C53736; }
.pgMypage .content.order ul.couponOrderList .titlearea .btnEdit { display: inline-block; margin-top: 3px; padding: 2px 10px 0; font-size: 12px; font-size: 0.750rem; line-height: 1.6; text-align: center; vertical-align: top; border: 1px solid #d0cbc9; border-radius: 5px; }
.pgMypage .content.order ul.couponOrderList .titlearea .mms { padding-top: 10px; font-size: 12px; font-size: 0.75rem; color: #9c9a9a; }
.pgMypage .content.order ul.couponOrderList .progress { position: absolute; top: 50%; right: 0; box-sizing: border-box; margin-top: -55px; padding: 0 30px; }
.pgMypage .content.order ul.couponOrderList .progress > div { display: table-cell; height: 160px; width: 128px; vertical-align: middle; }
.pgMypage .content.order ul.couponOrderList .progress em { display: block; line-height: 40px; text-align: center; }
.pgMypage .content.order ul.couponOrderList .progress em ~ .btnCommon { margin-top: 10px; }
.pgMypage .content.order ul.couponOrderList .progress .btnCommon { display: block; width: 128px; padding-right: 0; padding-left: 0; text-align: center; white-space: nowrap; }
.pgMypage .content.order ul.couponOrderList .progress .btnCommon ~ .btnCommon { margin-top: 10px; }
.pgMypage .content.order ul.couponOrderList .progress .btnTicketlink { color: #D03937; }
.pgMypage .content.order .orderList.couponList .titlearea .title { padding: 7px 0 4px; }
.pgMypage .content.order .orderList.couponList .titlearea dt { margin-top: 4px; }
.pgMypage .content.order .orderList.couponList .titlearea dd > em { font-size: 18px; font-size: 1.125rem; color: #D03937; }
.pgMypage .content.guide li { position: relative; padding-left: 24px; font-size: 14px; font-size: 0.875rem; color: #757271; line-height: 1.7; }
.pgMypage .content.guide li:before { content: ''; position: absolute; top: 10px; left: 9px; height: 2px; width: 2px; background-color: #757271; }
.pgMypage .content.guide li:first-child { display: table; overflow: hidden; width: 100%; margin-bottom: 18px; padding-left: 0; border: 1px solid #E5E5E5; background-color: #FBFBFB; }
.pgMypage .content.guide li:first-child span { display: table-cell; position: relative; width: 25%; padding: 44px 0; font-size: 16px; font-size: 1rem; text-align: center; }
.pgMypage .content.guide li:first-child span:before { content: ''; display: inline-block; height: 50px; width: 64px; margin-right: 6px; vertical-align: middle; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); }
.pgMypage .content.guide li:first-child span.step1:before { background-position: -960px -684px; }
.pgMypage .content.guide li:first-child span.step2:before { background-position: -1030px -684px; }
.pgMypage .content.guide li:first-child span.step3:before { background-position: -1100px -684px; }
.pgMypage .content.guide li:first-child span.step4:before { background-position: -348px -770px; }
.pgMypage .content.guide li:first-child span:after { content: ''; display: block; position: absolute; top: 50%; right: -14px; transform: translateY(-50%); -ms-transform: translateY(-50%); height: 28px; width: 14px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1182px -620px; }
.pgMypage .content.guide li:first-child span.step4:after { display: none; }
.pgMypage .content.guide li:first-child:before { display: none; }
.mnPolicy { font-size: 14px; font-size: 0.875rem; color: #888; line-height: 2; }
.mnPolicy .innerContent { padding-top: 40px; }
.mnPolicy .innerContent > h1 { margin-bottom: 40px; padding-bottom: 10px; font-size: 18px; font-size: 1.125rem; font-weight: normal; color: #3a3635; text-indent: 8px; border-bottom: 1px solid #E5E5E5; }
.mnPolicy .innerContent .chapter { padding: 0 8px 33px; font-size: 18px; font-size: 1.125rem; font-weight: normal; color: #3a3635; }
.mnPolicy .innerContent > strong, .mnPolicy .innerContent .article { display: block; padding: 0 8px; font-weight: normal; color: #3a3635; }
.mnPolicy .innerContent p, .mnPolicy .innerContent .depth1 { padding: 0 8px 38px; }
.mnPolicy .innerContent .depth2 { padding-left: 15px; }
.mnPolicy .innerContent li a { color: #888; text-decoration: underline; }
.mnPolicy .innerContent table { width: 100%; margin-bottom: 38px; border-collapse: collapse; }
.mnPolicy .innerContent table caption { display: none; }
.mnPolicy .innerContent table thead th { color: #582114; text-align: center; background-color: #f2f3f7; }
.mnPolicy .innerContent table th, .mnPolicy .innerContent table td { padding: 7px 20px; font-weight: normal; color: #757271; text-align: left; vertical-align: middle; border: 1px solid #DADADA; }
.mnPolicy .innerContent table a { color: #757271; text-decoration: underline; }
.mnPolicy .innerContent h5 { padding: 0 4px; font-size: 0.875rem; font-weight: normal; color: #3a3635; line-height: 1.9; }
.pgIntro .innerContent { box-sizing: border-box; width: 100%; max-width: 1200px; margin: 0 auto; }
.pgIntro a:hover { text-decoration: none; }
.pgIntro br.m { display: none; }
.pgIntro .introTitle { position: relative; overflow: hidden; height: 500px; }
.pgIntro .introTitle:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 1; height: 500px; width: 1200px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: 0 0; }
.pgIntro .introTitle .innerContent { position: relative; z-index: 2; }
.pgIntro .introTitle strong { display: block; padding-top: 52px; color: #FFF; text-align: center; font-size: 3rem; line-height: 1.04167; }
.pgIntro .introTitle strong:before { content: ''; display: block; margin: 0 auto 15px; height: 54px; width: 61px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -893px -684px; }
.pgIntro .introTitle .btns { margin-top: 33px; text-align: center; }
.pgIntro .introTitle .btns:before { content: ''; display: block; margin: 0 auto 48px; height: 76px; width: 243px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -644px -684px; }
.pgIntro .introTitle .btns .btnVIP { display: inline-block; height: 50px; width: 220px; margin: 0 3px; color: #95201D; border-radius: 25px; background: #FFF; font-size: 1.125rem; line-height: 2.77778; }
.pgIntro .introTitle .btns .btnBugsVIPQnA { display: inline-block; position: relative; margin-top: 39px; padding-right: 10px; color: #FFF; border-bottom: 1px solid #FFF; font-size: 1.0625rem; line-height: 1.29412; }
.pgIntro .introTitle .btns .btnBugsVIPQnA:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; height: 9px; width: 6px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -723px -770px; }
.pgIntro .review { padding: 0 50px 70px; }
.pgIntro .review ul { max-width: 940px; margin: 0 auto; }
.pgIntro .review ul li { position: relative; padding-top: 114px; }
.pgIntro .review ul li strong { display: block; font-size: 2.25rem; line-height: 1.11111; }
.pgIntro .review ul li p { margin-top: 28px; color: #878685; font-size: 1.125rem; line-height: 1.55556; }
.pgIntro .review ul li p em { color: #D03937; }
.pgIntro .review ul li:nth-of-type(odd) { padding-left: 441px; }
.pgIntro .review ul li:nth-of-type(odd):before { content: ''; position: absolute; bottom: 0; left: 10px; }
.pgIntro .review ul li.review1:nth-of-type(odd):before { height: 172px; width: 342px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: 0 -506px; }
.pgIntro .review ul li.review3:nth-of-type(odd):before { height: 170px; width: 344px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -348px -506px; }
.pgIntro .review ul li:nth-of-type(even) { padding-right: 456px; }
.pgIntro .review ul li:nth-of-type(even):before { content: ''; position: absolute; right: 6px; bottom: 0; }
.pgIntro .review ul li.review2:nth-of-type(even):before { height: 156px; width: 342px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: 0 -684px; }
.pgIntro .review ul li.review4:nth-of-type(even):before { height: 158px; width: 344px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -698px -506px; }
.pgIntro #bugsVIP:focus { padding-top: 106px; background: #F00; }
.pgIntro .bugsVIPQnA .innerContent { padding: 80px 50px; background: #F9F9F8; }
.pgIntro .bugsVIPQnA h1 { max-width: 940px; margin: 0 auto; font-weight: normal; font-size: 2rem; line-height: 1.125; }
.pgIntro .bugsVIPQnA h1:after { content: ''; display: block; height: 2px; width: 240px; background: #3A3635; }
.pgIntro .bugsVIPQnA ul { overflow: hidden; max-width: 940px; margin: 4px auto 0; }
.pgIntro .bugsVIPQnA ul li { margin-top: 55px; }
.pgIntro .bugsVIPQnA ul li strong { display: block; font-size: 1.25rem; line-height: 1.2; }
.pgIntro .bugsVIPQnA ul li p { margin-top: 15px; color: #838383; font-size: 0.9375rem; line-height: 1.6; }
.pgIntro .bugsVIPQnA ul li p a { display: inline-block; position: relative; margin-top: 9px; padding-right: 10px; color: #3A3635; border-bottom: 1px solid #3A3635; font-size: 0.9375rem; line-height: 1.33333; }
.pgIntro .bugsVIPQnA ul li p a:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; height: 9px; width: 6px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1189px -744px; }
.pgIntro .category { padding-top: 70px; }
.pgIntro .category h1 { font-weight: normal; text-align: center; font-size: 1.875rem; line-height: 1.13333; }
.pgIntro .category .btns { margin-top: 55px; text-align: center; }
.pgIntro .category .btns span { display: inline-block; }
.pgIntro .category .btns a { display: inline-block; box-sizing: border-box; height: 180px; width: 180px; margin: 0 18px; padding-top: 51px; color: #FFF; border-radius: 50%; background: #000; font-size: 1rem; line-height: 1.25; }
.pgIntro .category .btns a:before { content: ''; display: block; margin: 0 auto 13px; }
.pgIntro .category .btns a.event:before { height: 34px; width: 36px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1092px -1046px; }
.pgIntro .category .btns a.show:before { height: 34px; width: 32px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -198px -1130px; }
.pgIntro .category .btns a.coffee:before { height: 34px; width: 34px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1132px -1086px; }
.pgIntro .category .btns a.audio:before { height: 34px; width: 32px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -160px -1130px; }
.pgIntro .category .btns a.life:before { height: 34px; width: 34px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: 0 -1130px; }
.pgEvent .eventContents { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; }
.pgEvent .eventContents figure img { height: auto; width: 100%; max-width: 100%; }
.pgEvent .eventContents figcaption { overflow: hidden; height: 0; width: 1px; text-indent: -1000em; }
.pgEvent .eventContents .eventVideo.ridibookAlice { position: absolute; top: 0; width: 100%; max-width: 1200px; z-index: 10; }
.pgEvent .eventContents .eventVideo.ridibookAlice .video { box-sizing: border-box; width: 100%; max-width: 1200px; margin: 0 auto; padding: 89.583333% 16.66% 0 16.5%; }
.pgEvent .eventContents .eventVideo.ridibookAlice .video .size { position: relative; height: 0; width: 100%; padding-top: 56.25%; }
.pgEvent .eventContents .eventVideo.ridibookAlice .video iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; }
.pgEvent .eventContents .eventLink { position: absolute; right: 0; bottom: 0; left: 0; }
.pgEvent .eventContents .eventLink.eventBelif a { display: block; overflow: hidden; padding-top: 19.166667%; font-size: 1px; line-height: 1px; text-indent: -1000em; }
.pgEvent .map { position: relative; overflow: hidden; height: 370px; width: 100%; max-width: 1200px; margin: 0 auto; z-index: 1; }
.pgEvent .apply { position: relative; padding: 80px 0 66px; z-index: 11; }
.pgEvent .apply .btns { text-align: center; }
.pgEvent .apply .btns button { height: 70px; width: 340px; font-size: 18px; color: #FFF; border-radius: 4px; }
.pgEvent .apply .btns button.btnApply { background: #D24341; }
.pgEvent .apply .btns button.btnDownload { background: #5060AF; }
.pgEvent .apply .btns button.disabled, .pgEvent .apply .btns button:disabled { background: #BEBEBE; }
.pgEvent .apply .btns ~ .share { margin-top: 20px; }
.pgEvent .apply .share { text-align: center; }
.pgEvent .apply .share a { margin: 0 3px; }
.pgEvent .notice { padding-top: 48px; border-top: 1px solid #E5E5E5; }
.pgEvent .notice h1 { margin-bottom: 18px; padding-left: 14px; font-size: 18px; color: #3D3D3D; }
.pgEvent .notice .guide { margin-bottom: 42px; font-size: 14px; font-size: 0.875rem; }
.pgEvent .notice .guide li { position: relative; padding: 0 0 3px 14px; line-height: 1.5; }
.pgEvent .notice .guide li:before { content: ''; display: block; position: absolute; top: 8px; left: 0; height: 2px; width: 2px; background-color: #3a3635; }
.pgEvent .comments { padding-top: 37px; border-top: 1px solid #E5E5E5; }
.pgEvent .comments h1 { position: relative; margin-bottom: 30px; padding-left: 33px; font-size: 18px; line-height: 1.6667; }
.pgEvent .comments h1:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 30px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1172px -1086px; }
.pgEvent .benefit { position: relative; margin-top: 50px; }
.pgEvent .benefit:before { content: ''; display: block; height: 1px; max-width: 1200px; margin: 0 auto 75px; background: #E5E5E5; }
.pgVIPGuide .innerContent { box-sizing: border-box; max-width: 1200px; margin: 0 auto; }
.pgVIPGuide header.title .innerContent { padding: 33px 0 45px; background: #F6F6F6; }
.pgVIPGuide header.title h1 { font-size: 40px; line-height: 50px; text-align: center; }
.pgVIPGuide header.title h1:before { content: ''; display: inline-block; margin: 0 0 27px 44px; vertical-align: top; height: 108px; width: 144px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1048px -506px; }
.pgVIPGuide header.title h1 span { display: block; margin-bottom: 8px; font-size: 22px; line-height: 30px; }
.pgVIPGuide header.title h1 .vip { display: inline-block; overflow: hidden; margin: -3px 5px 0 0; text-indent: -1000em; vertical-align: top; height: 31px; width: 62px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -418px -770px; }
.pgVIPGuide .vipFAQ { box-sizing: border-box; max-width: 1200px; margin: 0 auto; padding: 0 42px; }
.pgVIPGuide .vipFAQ .faq { margin-top: 50px; border-bottom: 1px solid #efefef; }
.pgVIPGuide .vipFAQ .faq .question { position: relative; box-sizing: border-box; margin-bottom: 20px; padding-left: 47px; font-size: 21px; line-height: 38px; }
.pgVIPGuide .vipFAQ .faq .question:before { content: ''; position: absolute; top: 0; left: 0; height: 35px; width: 35px; font-family: verdana; font-size: 15px; font-weight: bold; color: #FFF; line-height: 35px; text-align: center; border-radius: 50%; background: #D03937; }
.pgVIPGuide .vipFAQ .faq.faqUseGuide .question:before { content: '1'; }
.pgVIPGuide .vipFAQ .faq.faqOffline .question:before { content: '2'; }
.pgVIPGuide .vipFAQ .faq .answer { position: relative; padding: 0 32px; }
.pgVIPGuide .vipFAQ .faq .desc { margin: -9px 0 43px; padding-left: 15px; font-size: 15px; color: #757271; line-height: 26px; }
.pgVIPGuide .vipFAQ .faq .screenshotList { overflow: hidden; }
.pgVIPGuide .vipFAQ .faq .screenshotList li { position: relative; float: left; width: 322px; width: calc((100% - 86.1px) / 3); padding-bottom: 44px; text-align: center; }
.pgVIPGuide .vipFAQ .faq .screenshotList li + li { margin-left: 43px; }
.pgVIPGuide .vipFAQ .faq .screenshotList li + li:before { content: ''; position: absolute; top: 50%; left: -35px; transform: translateY(-50%); -ms-transform: translateY(-50%); height: 46px; width: 29px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1170px -684px; }
.pgVIPGuide .vipFAQ .faq .screenshotList li figure img { max-width: 100%; }
.pgVIPGuide .vipFAQ .faq .screenshotList li figcaption { margin-top: 5px; font-size: 15px; color: #757271; line-height: 1.6; text-align: center; white-space: nowrap; }
.pgVIPGuide .vipFAQ .faq .screenshotList li figcaption em { display: inline-block; color: #D03937; }
@media all and (max-width: 1024px) { .pgVIPGuide .vipFAQ .faq .screenshotList li figcaption { font-size: 1.46vw; } }
.pgVIPGuide .vipFAQ .faq .btnSlide, .pgVIPGuide .vipFAQ .faq .slidePagination { display: none; }
.pgVIPGuide .vipFAQ .tab { height: 60px; margin: 0 12px 0 15px; }
.pgVIPGuide .vipFAQ .tab li { position: relative; float: left; box-sizing: border-box; height: 60px; width: 25%; margin-left: -1px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #D03937; z-index: 1; }
.pgVIPGuide .vipFAQ .tab li:before { content: ''; position: absolute; top: 0; left: 0; height: 58px; width: 1px; background: #E0E0E0; }
.pgVIPGuide .vipFAQ .tab li:after { content: ''; position: absolute; top: 0; right: 0; height: 59px; width: 1px; background: #E0E0E0; }
.pgVIPGuide .vipFAQ .tab li:first-child { margin-left: 0; }
.pgVIPGuide .vipFAQ .tab li.selected { border-color: #D03937; border-bottom-color: #FFF; z-index: 2; }
.pgVIPGuide .vipFAQ .tab li.selected:before, .pgVIPGuide .vipFAQ .tab li.selected:after { height: 59px; background: #D03937; }
.pgVIPGuide .vipFAQ .tab li.selected button { color: #D03937; }
.pgVIPGuide .vipFAQ .tab li button { height: 100%; width: 100%; font-size: 15px; color: #757271; }
.pgVIPGuide .vipFAQ .tabInfo { display: none; position: relative; margin-top: 25px; }
.pgVIPGuide .vipFAQ .tabInfo.tabAndroid { display: block; }
.pgVIPGuide .vipFAQ .tabInfo .link { padding: 11px 0 9px 15px; }
.pgVIPGuide .vipFAQ .tabInfo .link a { display: inline-block; position: relative; padding-right: 10px; font-size: 15px; color: #3a3635; line-height: 24px; }
.pgVIPGuide .vipFAQ .tabInfo .link a:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -4px; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -47px -11px; }
.pgVIPGuide .caution { margin-top: 47px; }
.pgVIPGuide .caution h1 { margin-bottom: 15px; padding-left: 47px; font-size: 20px; }
.pgVIPGuide .caution ul { padding: 0 47px; }
.pgVIPGuide .caution ul li { position: relative; padding-left: 12px; font-size: 13px; line-height: 24px; }
.pgVIPGuide .caution ul li:before { content: ''; position: absolute; top: 10px; left: 1px; height: 2px; width: 2px; background: #3a3635; }
.pgVIPGuide .caution ul li a { color: #D03937; }
.pgVIPGuide .caution ul li span { display: inline-block; }
.pgLoungeOrderSheet { padding-top: 20px; }
.pgLoungeOrderSheet h1 { font-size: 18px; font-size: 1.125rem; color: #333; text-align: left; text-indent: 8px; }
.pgLoungeOrderSheet .orderInfo h1 { padding: 24px 0 23px; line-height: 1.66667; }
.pgLoungeOrderSheet .orderInfo h1 em { font-weight: bold; color: #D03937; }
.pgLoungeOrderSheet .orderInfo .orderDetail { width: 100%; max-width: 1200px; border-top: 1px solid #E5E5E5; }
.pgLoungeOrderSheet .orderInfo .orderDetail th { box-sizing: border-box; height: 50px; font-size: 14px; color: #757271; vertical-align: middle; border-bottom: 1px solid #E5E5E5; border-left: 0; background-color: #FBFBFB; }
.pgLoungeOrderSheet .orderInfo .orderDetail th.shippingFee { padding-right: 20px; }
.pgLoungeOrderSheet .orderInfo .orderDetail td { box-sizing: border-box; padding: 20px 10px; font-size: 14px; color: #757271; line-height: 24px; text-align: center; vertical-align: middle; white-space: nowrap; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.info { min-width: 250px; text-align: left; white-space: normal; border-left: 0; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.info a { text-decoration: none; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.info .thumbnail { display: inline-block; height: 120px; width: 120px; margin-right: 20px; vertical-align: middle; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.info p { display: inline-block; width: 65%; width: calc(100% - 170px); min-width: 220px; padding-top: 10px; font-size: 18px; font-size: 1.125rem; line-height: 1.4444; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.info .btnEdit { display: inline-block; margin-top: -1px; padding: 2px 10px 0; font-size: 12px; font-size: 0.750rem; line-height: 1.6; text-align: center; vertical-align: middle; border: 1px solid #d0cbc9; border-radius: 5px; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.option { height: 80px; min-width: 230px; max-width: 330px; white-space: normal; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.option span { display: inline-block; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.price { width: 168px; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.shippingFee { width: 130px; padding-right: 30px; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.totalPrice { height: 60px; padding: 10px 20px 10px 0; color: #3a3635; text-align: right; white-space: normal; border-left: #FFF; }
.pgLoungeOrderSheet .orderInfo .orderDetail td.totalPrice em { color: #D03937; white-space: nowrap; }
.pgLoungeOrderSheet .orderInfo .orderDetail td img { max-height: 120px; max-width: 120px; }
.pgLoungeOrderSheet .shippingInfo { margin-top: 40px; }
.pgLoungeOrderSheet .shippingInfo h1 { line-height: 3.222222; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .formWrap { padding: 0 39px; border: 1px solid #e7e7e7; background: #FBFBFB; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .btns { margin-top: 40px; text-align: center; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .btns button { height: 60px; width: 284px; font-size: 18px; color: #FFF; border-radius: 4px; background: #d24341; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row { overflow: hidden; margin-bottom: 12px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .title { float: left; box-sizing: border-box; width: 145px; padding-left: 10px; font-size: 14px; font-size: 0.875rem; line-height: 2.85714; vertical-align: top; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .title em { display: inline-block; position: relative; overflow: hidden; text-indent: -1000em; vertical-align: top; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .title em:before { content: '*'; position: absolute; top: 0; left: 0; color: #d24341; text-indent: 0; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .col { float: left; box-sizing: border-box; width: 975px; width: calc(100% - 145px); font-size: 14px; font-size: 0.875rem; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .col input[type=text], .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .col input[type=tel] { box-sizing: border-box; height: 40px; width: 374px; padding: 0 20px; font-size: 14px; font-size: 0.875rem; border: 1px solid #d0cbc9; border-radius: 4px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress { margin-bottom: 30px; padding: 25px 0 24px; border-bottom: 1px solid #E5E5E5; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col { line-height: 2.85714; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col > div { display: inline; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col input { margin: 10px 5px 0 0; vertical-align: top; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col label { display: inline-block; margin-right: 24px; line-height: 2.85714; vertical-align: top; white-space: nowrap; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col span { display: inline-block; margin-right: 5px; color: #999; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col .btnCommon { width: 129px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .contact .col select { width: 100px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .contact .col span { display: inline-block; max-width: 134px; text-align: right; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .contact .col span:before { content: '-'; float: left; width: 10px; line-height: 40px; text-align: center; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .contact .col span input[type=tel] { width: 90%; text-align: center; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr { margin-bottom: 0; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.zip input[type=text] { width: 244px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.addr { max-width: 758px; margin-left: 145px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.addr input[type=text] { width: 374px; width: calc((100% - 5px) / 2); min-width: 374px; margin-top: 12px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.check { margin: 6px 0 6px 145px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.check input { margin: 10px 5px 0 0; vertical-align: top; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.check label { margin-right: 24px; line-height: 2.85714; vertical-align: top; white-space: nowrap; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col .btnCommon { height: 40px; width: 126px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .memo { margin-bottom: 30px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .memo .col { max-width: 756px; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .memo .col input[type=text] { width: 100%; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .agree { margin-bottom: 0; border-top: 1px solid #E5E5E5; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .agree input { margin-top: 30px; vertical-align: top; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .agree label { display: inline-block; margin: 0 12px 0 5px; font-size: 14px; font-size: 0.875rem; line-height: 5.643; vertical-align: top; }
.pgLoungeOrderSheet .shippingInfo .shippingInfoForm .agree a { display: inline-block; font-size: 12px; font-size: 0.75rem; line-height: 6.583; text-decoration: underline; vertical-align: top; }
.commentsCommon { position: relative; }
.commentsCommon .innerContainer > h1 { display: none; }
.commentsCommon .innerContainer > .desc { display: none; }
.commentsCommon .clear { clear: both; }
.commentsCommon .btnCommentInfo { float: right; margin: -23px 0 15px; font-size: 13px; color: #757271; line-height: 18px; }
.commentsCommon .sorting { margin-top: 13px; font-size: 13px; text-align: right; }
.commentsCommon .sorting button { position: relative; height: 42px; margin-left: 10px; padding-left: 15px; font-size: 13px; color: #757271; }
.commentsCommon .sorting button:before { content: ''; position: absolute; top: 17px; left: 0; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1048px -656px; }
.commentsCommon .sorting button.selected { color: #3A3635; }
.commentsCommon .sorting button.selected:before { background-position: -1063px -656px; }
.commentsCommon .sorting button .icon { display: none; }
.commentsCommon .listComments ~ .btns { margin-top: 20px; text-align: center; }
.commentsCommon .btnMore { display: inline-block; padding: 7px; font-size: 14px; font-size: 0.875rem; color: #888; }
.writeComment { position: relative; clear: both; }
.writeComment .cover { width: calc(100% - 110px); border: 1px solid #E5E5E5; }
.writeComment textarea { box-sizing: border-box; height: 98px; width: 100%; padding: 20px; font-size: 14px; font-size: 0.875rem; border: 0; }
.writeComment ::-webkit-input-placeholder { color: #AAA; }
.writeComment ::-moz-placeholder { color: #AAA; }
.writeComment :-ms-input-placeholder { color: #AAA; }
.writeComment > .btnWrite { display: block; position: absolute; top: 0; right: 0; text-indent: -1000em; height: 100px; width: 100px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: 0 -846px; }
.writeComment > .remain { float: right; margin: 8px 110px 0 0; font-size: 12px; font-size: 0.750rem; color: #AAA; }
.writeComment > .remain .limit { color: #FF3D33; }
.writeComment .btnAttach { float: left; margin-top: 10px; }
.writeComment .btnAttach button { position: relative; box-sizing: border-box; height: 41px; padding: 0 18px 0 20px; font-size: 14px; color: #3A3635; line-height: 38px; border: 1px solid #D0CBC9; border-radius: 5px; }
.writeComment .btnAttach button:before { content: ''; display: inline-block; margin-right: 8px; vertical-align: top; }
.writeComment .btnAttach button.btnAttachMusic:before { margin-top: 10px; height: 17px; width: 17px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -621px -1130px; }
.writeComment .btnAttach button.btnAttachPhoto:before { margin-top: 11px; height: 15px; width: 19px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -644px -1130px; }
.writeComment .btnAttach button:hover { background: #FFF; }
.writeComment .attach { margin-top: 15px; }
.commentsCommon .attach { position: relative; clear: both; overflow: hidden; padding: 7px 20px 20px; 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.photo > a { display: inline-block; position: relative; height: 70px; width: 70px; vertical-align: top; }
.commentsCommon .attach.photo > a:hover:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 10; }
.commentsCommon .attach.photo > a:hover:after { content: ''; position: absolute; top: 24px; left: 26px; z-index: 10; height: 23px; width: 23px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1174px -906px; }
.commentsCommon .attach.photo > a.mhover:before, .commentsCommon .attach.photo > a.mhover:after { display: none; height: 0; width: 0; }
.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; }
.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; text-indent: -1000em; z-index: 2; }
.commentsCommon .attach.music .attachInfo .thumbnail img { max-height: 100%; max-width: 100%; vertical-align: middle; }
.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: -9999px; z-index: 10; }
.commentsCommon .attach.music .attachInfo .artist > .more:before { content: ''; margin-top: -1px; height: 6px; width: 9px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -11px -20px; position: absolute; top: 50%; left: 50%; 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: -9999px; 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%); }
.commentsCommon .attach.music .attachInfo.track .btnPlay { position: relative; float: left; height: 26px; width: 22px; margin: 7px 0 0 4px; text-indent: -1000em; }
.commentsCommon .attach.music .attachInfo.track .btnPlay:before { content: ''; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_list@20200227.png"); background-position: -221px -186px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.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: 155px; margin: 12px 0 0 4px; }
.commentsCommon .attach.music .attachInfo.track .thumbnail + .title { margin-left: 8px; }
.commentsCommon .attach.music .attachInfo.track .title > .o19 { display: block; position: absolute; top: 0; left: 0; 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; }
.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 > span.trackTitle { color: #c6c6c6; }
.commentsCommon .writeComment .attach.music .attachInfo.track .title > span.trackTitle { color: #3a3635; }
.commentsCommon .attach.music .attachInfo.track .title > .o19 + .trackTitle { width: 135px; margin-left: 21px; }
.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: 18px; }
.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 .attach .btnDelete { position: relative; height: 23px !important; width: 23px !important; text-indent: -1000em; display: inline-block; height: 15px; width: 15px; text-indent: -99999em; }
.commentsCommon .attach .btnDelete:before, .commentsCommon .attach .btnDelete:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 21px; width: 1px; border-radius: 1px; background-color: #aaa; }
.commentsCommon .attach .btnDelete:before { transform: translate(-50%, -50%) rotate(45deg); }
.commentsCommon .attach .btnDelete:after { transform: translate(-50%, -50%) rotate(-45deg); }
ul.listComments { border-top: 1px solid #f2f2f2; }
ul.listComments li { position: relative; overflow: hidden; min-height: 24px; padding: 24px 0 0 156px; word-break: break-word; word-wrap: break-word; border-bottom: 1px solid #F2F2F2; }
ul.listComments li .user { display: block; position: absolute; top: 24px; left: 19px; overflow: hidden; width: 130px; font-size: 14px; color: #888; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; }
ul.listComments li .admin { display: block; position: absolute; top: 24px; left: 19px; width: 108px; padding-left: 22px; font-size: 14px; color: #D03937; line-height: 24px; }
ul.listComments li .admin:before { content: ''; position: absolute; top: 2px; left: 0; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -48px -1170px; }
ul.listComments li .comment { display: block; box-sizing: border-box; width: 800px; width: calc(100% - 180px); padding-bottom: 13px; font-size: 14px; font-size: 0.875rem; color: #3a3635; line-height: 24px; }
ul.listComments li .comment p { margin-bottom: 17px; }
ul.listComments li .comment time { clear: both; font-size: 12px; color: #AAA; }
ul.listComments li .btnReply { display: inline-block; position: relative; margin-left: 7px; padding-right: 12px; font-size: 12px; font-size: 0.750rem; color: #888; }
ul.listComments li .btnReply:before { content: ''; display: inline-block; height: 8px; width: 1px; margin-top: -1px; margin-right: 11px; vertical-align: middle; background-color: #B2B2B2; }
ul.listComments li .btnReply:after { content: ''; display: block; position: absolute; top: 50%; right: 0; margin-top: -3px; opacity: 0.5; height: 5px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -1078px -656px; }
ul.listComments li .btnReply.up:after { transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
ul.listComments li .btnReport { margin-left: 7px; font-size: 12px; color: #757271; }
ul.listComments li .btnReport:before { content: ''; display: inline-block; height: 8px; width: 1px; margin-top: -1px; margin-right: 11px; vertical-align: middle; background-color: #B2B2B2; }
ul.listComments li .btnDelete { display: inline-block; margin-left: 6px; text-indent: -1000em; vertical-align: middle; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-position: -26px -1170px; }
ul.listComments li .attach { margin-top: -10px; margin-bottom: 3px; padding-left: 0 !important; }
ul.listComments li .attach ~ .attach { margin-top: -20px; }
ul.listComments li .btnLikeArea { position: absolute; top: 28px; right: 0; }
ul.listComments li .btnLikeArea button { position: relative; box-sizing: border-box; height: 28px; padding-right: 13px; padding-left: 29px; line-height: 26px; border-radius: 5px; border-color: #D9D9D9; }
ul.listComments li .btnLikeArea button em { position: absolute; left: 10px; overflow: hidden; height: 13px; width: 12px; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); }
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 { top: 5px; background-position: -481px -539px; }
ul.listComments li .btnLikeArea button.btnLike.selected { border-color: #FF5546; }
ul.listComments li .btnLikeArea button.btnLike.selected em { background-position: -499px -539px; }
ul.listComments li .btnLikeArea button.btnDislike { margin-left: 2px; }
ul.listComments li .btnLikeArea button.btnDislike em { top: 8px; background-position: -445px -539px; }
ul.listComments li .btnLikeArea button.btnDislike.selected { border-color: #5782D8; }
ul.listComments li .btnLikeArea button.btnDislike.selected em { background-position: -463px -539px; }
ul.listComments li ul.reply { margin-left: -156px; }
ul.listComments li ul.reply li { position: relative; border-top: 1px solid #EFEFEF; }
ul.listComments li ul.reply li:before { content: ''; display: block; position: absolute; top: 29px; left: 19px; height: 9px; width: 9px; border-bottom: 1px solid #ADADAD; border-left: 1px solid #ADADAD; }
ul.listComments li ul.reply .user { left: 40px; width: 110px; }
ul.listComments li ul.reply .admin { left: 40px; width: 88px; }
ul.listComments li ul.reply .btnDelete { right: 110px; }
ul.listComments li .delete { margin-left: -156px; padding: 0 0 22px 19px; font-size: 14px; font-size: 0.875rem; color: #888; line-height: 1.714; }
ul.listComments li .none { margin-left: -156px; padding: 53px 0 52px; font-size: 14px; font-size: 0.875rem; color: #888; line-height: 1.714; text-align: center; }
ul.listComments li .replyWrite { position: relative; margin-left: -156px; padding: 12px 0 30px 50px; }
ul.listComments li .replyWrite:before { content: ''; display: block; position: absolute; top: 12px; left: 19px; height: 9px; width: 9px; border-bottom: 1px solid #ADADAD; border-left: 1px solid #ADADAD; }
/* loungeMobile */
@media all and (max-width: 1029px) { .pgProduct .product figure { display: block; width: 100%; margin: 0 auto; text-align: center; }
  .pgProduct .product .productInfo { display: block; width: 100%; padding-top: 35px; }
  ul.listComments li { padding-left: 0; }
  ul.listComments li .user { position: relative; top: 0; left: 0; }
  ul.listComments li .admin { position: relative; top: 0; left: 0; }
  ul.listComments li .comment { position: relative; width: 100%; padding-top: 8px; padding-bottom: 22px; }
  ul.listComments li .comment time { top: -25px; right: 0; }
  ul.listComments li ul.reply { margin-left: 0; }
  ul.listComments li ul.reply li { background-position: 0 29px; }
  ul.listComments li ul.reply .user { left: 24px; }
  ul.listComments li ul.reply .admin { left: 24px; }
  ul.listComments li ul.reply .comment { padding-left: 24px; }
  ul.listComments li .delete { margin-left: 0; padding-left: 24px; }
  ul.listComments li .none { margin-left: 0; }
  ul.listComments li .replyWrite { margin-top: -10px; margin-left: 0; padding-left: 24px; background-position: 0 14px; }
  ul.listComments li .btnLikeArea { position: absolute; top: 22px; right: 0; }
  ul.listComments li .btnLikeArea button { position: relative; box-sizing: border-box; height: 28px; padding-right: 5px; padding-left: 25px; font-size: 0.75rem; color: #9C9A9A; line-height: 26px; border: 0; border-radius: 0; }
  ul.listComments li .btnLikeArea button em { position: absolute; left: 10px; overflow: hidden; text-indent: -1000em; }
  ul.listComments li .btnLikeArea button strong { display: inline-block; min-width: 0; font-size: 0.75rem; font-weight: normal; color: #9C9A9A; text-align: center; white-space: nowrap; }
  ul.listComments li .btnLikeArea button.btnLike em { top: 5px; height: 14px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -359px -357px; }
  ul.listComments li .btnLikeArea button.btnLike.selected em { background-position: -375px -357px; }
  ul.listComments li .btnLikeArea button.btnDislike { margin-left: 1px; }
  ul.listComments li .btnLikeArea button.btnDislike em { top: 8px; height: 14px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -327px -357px; }
  ul.listComments li .btnLikeArea button.btnDislike.selected em { background-position: -343px -357px; } }
@media all and (max-width: 850px) { .productList ul li .badge { position: absolute; top: 20px; left: 20px; overflow: hidden; z-index: 20; }
  .productList ul li .badge span { float: left; overflow: hidden; height: 44px; width: 44px; margin-right: 6px; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; }
  .productList ul li .badge span.hot { background-position: -373px -152px; }
  .productList ul li .badge span.limit { background-position: -420px -152px; }
  .productList ul li .badge span.only { background-position: -561px -152px; }
  .productList ul li .badge span.addDeal { background-position: -185px -152px; }
  .productList ul li .badge span.deal { background-position: -326px -152px; }
  .productList ul li .badge span.restock { background-position: -655px -152px; }
  .productList ul li .badge span.new { background-position: -467px -152px; }
  .productList ul li .badge span.offline { background-position: -514px -152px; }
  .productList ul li .badge span.all { background-position: -232px -152px; }
  .productList ul li .badge span.vip { background-position: -702px -152px; }
  .productList ul li .badge span.paidMember { background-position: -608px -152px; }
  .productList ul li .badge span.autoPay { background-position: -279px -152px; }
  html, body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  body, input, button, textarea, select { font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; }
  a:hover { text-decoration: none; }
  select { padding: 7px 18px 7px 10px; font-size: 0.75rem; background: #FFF url("//file.bugsm.co.kr/wbugs/musicLounge/mobile/bu_select.png") 100% 50% no-repeat; background-size: auto 100%; }
  #pcWeb { display: none; }
  #mobileWeb { display: block; }
  .content { padding-left: 12px; padding-right: 12px; }
  body.android.bugsApp .content { padding-left: 25px; padding-right: 25px; }
  .btnCommon { display: inline-block; box-sizing: border-box; font-size: 0.75rem; text-decoration: none; border: 1px solid #D0CBC9; border-radius: 5px; background-color: #FFF; }
  #header { height: 50px; }
  #header .innerContent { position: static; height: 50px; }
  #header .logo a { height: 50px; width: 69px; }
  #header .logo a:before { top: 12px; height: 21px; width: 69px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -749px -152px; }
  #header .pc { display: none; }
  #header .mobile { display: block; }
  #header .mobile .mypageMenu { float: right; overflow: hidden; margin-right: -7px; }
  #header .mobile .mypageMenu .btnMypage { position: relative; float: left; height: 50px; width: 38px; margin-right: 1px; text-indent: -1000em; }
  #header .mobile .mypageMenu .btnMypage:before { content: ''; position: absolute; top: 13px; left: 7px; height: 24px; width: 24px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -143px -357px; }
  #header .mobile .mypageMenu button { position: relative; float: left; height: 50px; width: 38px; text-indent: -1000em; }
  #header .mobile .mypageMenu button.menuOpen:before { content: ''; position: absolute; top: 13px; left: 7px; height: 24px; width: 24px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -116px -357px; }
  #header .mobile .mypageMenu button.menuClose { display: none; text-indent: -99999em; }
  #header .mobile .mypageMenu button.menuClose:before, #header .mobile .mypageMenu button.menuClose:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 1px; width: 18.382px; border-radius: 1px; background: #000; }
  #header .mobile .mypageMenu button.menuClose:before { transform: translate(-50%, -50%) rotate(45deg); }
  #header .mobile .mypageMenu button.menuClose:after { transform: translate(-50%, -50%) rotate(-45deg); }
  #header .mobile .sideMenu { display: none; position: absolute; top: 50px; right: 0; left: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); background: #FFF; z-index: 20; }
  #header .mobile .sideMenu ul { position: relative; box-sizing: border-box; padding-right: 0 !important; padding-left: 12px; padding-right: 12px; }
  body.android.bugsApp #header .mobile .sideMenu ul { padding-left: 25px; padding-right: 25px; }
  #header .mobile .sideMenu ul li { position: relative; }
  #header .mobile .sideMenu ul li + li { padding-top: 1px; }
  #header .mobile .sideMenu ul li + li:after { content: ''; position: absolute; top: 0; right: 0; left: 30px; height: 1px; background: #E0E0E0; }
  #header .mobile .sideMenu ul li span, #header .mobile .sideMenu ul li a { font-weight: 400; font-size: 0.8125rem; line-height: 3.23077; }
  #header .mobile .sideMenu nav { position: relative; padding-top: 9px; }
  #header .mobile .sideMenu nav:before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 9px; background: #F7F7F7; }
  #header .mobile .sideMenu nav.open { display: block; position: absolute; top: 155px; right: 0; bottom: auto; left: 0; overflow: hidden; width: 100%; padding-top: 8px; border-top: 1px solid #E0E0E0; background: #F2F2F2; z-index: 110; }
  #header .mobile .sideMenu nav ul:before { content: '카테고리'; display: block; color: rgba(54, 54, 54, 0.6); text-align: left; font-size: 0.625rem; line-height: 3.8; }
  #header .mobile .sideMenu nav ul li { display: block; position: relative; margin-left: 0; }
  #header .mobile .sideMenu nav ul li a { display: block; position: relative; padding-left: 30px; text-align: left; text-decoration: none; }
  #header .mobile .sideMenu nav ul li a:before { content: ''; position: absolute; top: 50%; left: 0; height: 19px; width: 19px; transform: translateY(-50%); -ms-transform: translateY(-50%); background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; }
  #header .mobile .sideMenu nav ul li a.category66:before { background-position: -66px -387px; }
  #header .mobile .sideMenu nav ul li a.category42:before { background-position: -44px -387px; }
  #header .mobile .sideMenu nav ul li a.category1:before { background-position: -22px -387px; }
  #header .mobile .sideMenu nav ul li a.category2:before { background-position: -220px -387px; }
  #header .mobile .sideMenu nav ul li a.category21:before { background-position: -176px -387px; }
  #header .mobile .sideMenu nav ul li a.category87:before { background-position: -110px -387px; }
  #header .mobile .sideMenu nav ul li a.category147:before { background-position: -242px -387px; }
  #header .mobile .sideMenu nav ul li a.category167:before { background-position: -198px -387px; }
  #header .mobile .sideMenu nav ul li a.category247:before { background-position: -110px -387px; }
  #header .mobile .sideMenu nav ul li a.category267:before { background-position: -88px -387px; }
  #header .mobile .sideMenu nav ul li a.selected { border: 0; }
  #header .mobile .sideMenu .service { margin: 0; padding-top: 9px; border-bottom: 1px solid #E0E0E0; z-index: 110; }
  #header .mobile .sideMenu .service:before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 9px; background: #F7F7F7; }
  #header .mobile .sideMenu .service li > a { display: block; position: relative; padding-left: 30px; text-decoration: none; }
  #header .mobile .sideMenu .service li > a:before { content: ''; position: absolute; top: 50%; left: 0; height: 19px; width: 19px; transform: translateY(-50%); -ms-transform: translateY(-50%); background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; }
  #header .mobile .sideMenu .service li > a.intro:before { background-position: -154px -387px; }
  #header .mobile .sideMenu .service li > a.help:before { background-position: -132px -387px; }
  #header .mobile .sideMenu .service li > a.bugs:before { height: 9px; width: 23px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -304px -342px; }
  #header .mobile .sideMenu .service li.vip { overflow: hidden; }
  #header .mobile .sideMenu .service li.vip > span { position: relative; float: left; padding-left: 30px; }
  #header .mobile .sideMenu .service li.vip > span:before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); height: 19px; width: 19px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -264px -387px; }
  #header .mobile .sideMenu .service li.vip .btns { float: right; padding-top: 6px; padding-left: 12px; padding-right: 12px; }
  body.android.bugsApp #header .mobile .sideMenu .service li.vip .btns { padding-left: 25px; padding-right: 25px; }
  #header .mobile .sideMenu .service li.vip .btns a { box-sizing: border-box; height: 30px; width: 60px; padding: 0; font-size: 10px; line-height: 28px; text-align: center; border: 1px solid #D4D4D4; border-radius: 3px; }
  #header .mobile .sideMenu .service ~ .service { padding-bottom: 18px; }
  #header .gradeGuide { position: absolute; top: 58px; right: 5px; left: 5px; min-height: 40px; text-align: left; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 3px; background: rgba(0, 0, 0, 0.7); }
  #header .gradeGuide p { display: block; padding: 12px 0 12px 9px; color: #FFF; font-size: 0.6875rem; line-height: 1.45455; }
  #header .gradeGuide p em { color: #FF3D33; }
  #header .gradeGuide .btnLayerClose { position: absolute; top: 50%; right: 0; height: 36px; width: 34px; margin-top: -18px; display: block; text-indent: -99999em; }
  #header .gradeGuide .btnLayerClose:before, #header .gradeGuide .btnLayerClose:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; height: 1px; width: 11.312px; border-radius: 1px; background: #FFF; }
  #header .gradeGuide .btnLayerClose:before { transform: translate(-50%, -50%) rotate(45deg); }
  #header .gradeGuide .btnLayerClose:after { transform: translate(-50%, -50%) rotate(-45deg); }
  #footer { padding: 20px 12px 25px; }
  #footer .link { padding-bottom: 13px; font-size: 12px; }
  #footer .link a { display: inline-block; margin-right: 14px; color: #888; }
  #footer .link a.privacy { color: #3A3635; }
  #footer address { color: #AAA; font-size: 0.625rem; line-height: 1.7; }
  #footer address span:after { height: 6px; margin-top: -4px; }
  #footer address + p { font-size: 0.625rem; line-height: 1.7; }
  #container { padding-bottom: 25px; }
  #container:before { top: 50px; }
  .share.pc a { height: 27px; width: 27px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; }
  .share.pc a.kakaostory { background-position: -832px -308px; }
  .share.pc a.facebook { background-position: -832px -278px; }
  .share.pc a.twitter { background-position: -30px -357px; }
  .share.pc a.kakaotalk { background-position: 0 -357px; }
  .share.pc a.band { background-position: -832px -245px; }
  .share.mobile { display: block; }
  .share.mobile .btnShare { position: relative; overflow: hidden; height: 40px; width: 40px; text-indent: -1000em; }
  .share.mobile .btnShare:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); height: 24px; width: 24px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -170px -357px; }
  .btnTop { display: block; position: fixed; right: 5px; bottom: 15px; z-index: 50; }
  .btnTop a { display: block; overflow: hidden; text-indent: -1000em; height: 48px; width: 47px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -135px -152px; }
  .productList ul { margin: -12px -6px 0; }
  .productList ul li { width: calc(50% - 12px); margin: 12px 6px 0; }
  .productList ul li .productWrap { padding-top: calc(47.6% + 65px); }
  .productList ul li .badge { top: 12px; left: 12px; }
  .productList ul li .badge span { height: 44px; width: 44px; margin-right: 5px; }
  .productList ul li .dealMsg { bottom: 65px; }
  .productList ul li .dealMsg > div { display: table; height: 100%; width: 100%; }
  .productList ul li .dealMsg p { display: table-cell; color: #FFF; text-align: center; vertical-align: middle; }
  .productList ul li .dealMsg p strong { display: inline-block; font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 21px; }
  .productList ul li .dealMsg p span { font-size: 11px; line-height: 21px; }
  .productList ul li .dealMsg p a { display: inline-block; margin: 7px 0 0; padding: 0 11px; font-size: 11px; line-height: 30px; text-align: center; border-radius: 4px; background: #FFF; }
  .productList ul li .productInfo { position: absolute; right: 0; bottom: 0; left: 0; box-sizing: border-box; padding: 14px 12px; background: #FFF; z-index: 9; }
  .productList ul li .productInfo > strong { display: block; font-size: 13px; font-weight: normal; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .productList ul li .productInfo > p { display: none; }
  .productList ul li .productInfo .priceInfo { overflow: hidden; height: 17px; margin-top: 3px; white-space: nowrap; }
  .productList ul li .productInfo .priceInfo * { display: inline-block; }
  .productList ul li .productInfo .priceInfo .rate { font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-size: 14px; font-weight: bold; color: #FF4C42; line-height: 17px; vertical-align: top; }
  .productList ul li .productInfo .priceInfo .rate span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
  .productList ul li .productInfo .priceInfo > strong { margin-left: 4px; font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 17px; vertical-align: top; }
  .productList ul li .productInfo .priceInfo > strong span { font-size: 12px; font-weight: normal; }
  .productList ul li .productInfo .priceInfo > del { margin: 2px 0 0 4px; font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-size: 12px; line-height: 15px; vertical-align: top; opacity: 0.5; }
  .productList ul li .productInfo .priceInfo > del span { font-size: 11px; }
  .productList ul li .productInfo .priceInfo .saleText { margin: 0 0 0 7px; font-size: 11px; font-weight: 300; line-height: 17px; }
  .productList ul li .productInfo .hiddenPrice { margin-top: 1px; font-size: 11px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .productList ul li .productInfo .hiddenPrice:before { height: 16px; width: 73px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -749px -176px; }
  .productList ul li .productInfo .eventInfo { display: block; box-sizing: border-box; height: 17px; margin-top: 3px; padding-top: 0; font-size: 11px; line-height: 17px; }
  .productList ul li .productInfo .eventInfo span { font-weight: 300; vertical-align: top; }
  .productList ul li .productInfo .eventInfo span:after { content: ':'; display: inline-block; margin: 0 2px 0 4px; }
  .productList ul li .productInfo .eventInfo time { font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-weight: 300; vertical-align: top; }
  .productList ul li.bannerType1 { width: calc(100% - 12px); max-width: 100%; }
  .productList ul li.bannerType1 img { max-height: 90px; }
  .productList ul li.bannerType2 .bannerWrap { display: block; box-sizing: border-box; overflow: hidden; width: 100%; padding-top: calc(47.6% + 65px); background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; }
  .productList ul li.bannerType2 .bannerWrap span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
  .pgHomeV2 .content.banner { position: relative; overflow: hidden; max-height: 280px; }
  .pgHomeV2 .content.banner .slideWrap { position: relative; overflow: hidden; max-width: 100%; margin: 0 auto; }
  .pgHomeV2 .content.banner .slideWrap ul li { float: left; }
  .pgHomeV2 .content.banner .slideWrap ul li a { display: block; text-align: center; }
  .pgHomeV2 .content.banner .slideWrap ul li a img { max-height: 280px; }
  .pgHomeV2 .hashTag { overflow: hidden; overflow-x: auto; overflow-y: hidden; margin: 0 auto; padding: 20px 0; text-align: center; }
  .pgHomeV2 .hashTag .scroll { display: inline-block; margin: 0 auto; white-space: nowrap; padding-left: 12px; padding-right: 12px; }
  body.android.bugsApp .pgHomeV2 .hashTag .scroll { padding-left: 25px; padding-right: 25px; }
  .pgHomeV2 .hashTag strong { display: inline-block; position: relative; margin-right: 8px; padding-right: 22px; font-size: 14px; font-size: 0.875rem; color: #000; }
  .pgHomeV2 .hashTag strong:after { content: ''; position: absolute; top: 50%; right: 0; height: 12px; width: 2px; margin-top: -6px; background: #BFBFBF; }
  .pgHomeV2 .hashTag a { display: inline-block; padding: 0 16px; font-size: 12px; line-height: 38px; text-decoration: none; border: 1px solid #E5E5E5; border-radius: 20px; background: #FFF; }
  .pgHomeV2 .hashTag a:nth-of-type(n+2) { margin-left: 4px; }
  .pgCategoryList > header { overflow: hidden; max-width: 1200px; margin: 0 auto; padding-top: 12px; }
  .pgCategoryList > header h1 { position: relative; float: none; font-size: 15px; line-height: 18px; padding: 13px 0 0; }
  .pgCategoryList > header p { float: none; margin-top: 5px; margin-left: 0; font-size: 11px; color: rgba(54, 54, 54, 0.7); line-height: 14px; padding: 0 0 15px; }
  .pgCategoryList > header p:before { display: none; }
  .pgIntro .innerContent { box-sizing: border-box; width: 100%; max-width: 320px; margin: 0 auto; }
  .pgIntro br.m { display: block; }
  .pgIntro .introTitle { position: relative; overflow: hidden; height: 325px; background: #95201D; }
  .pgIntro .introTitle:before { content: ''; position: absolute; top: 0; right: 50%; left: auto; margin-right: -10px; transform: translateX(0); z-index: 1; height: 149px; width: 425px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: 0 0; }
  .pgIntro .introTitle:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -62px; z-index: 1; height: 139px; width: 434px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -428px 0; }
  .pgIntro .introTitle .innerContent { position: relative; z-index: 2; }
  .pgIntro .introTitle strong { display: block; padding-top: 30px; color: #FFF; text-align: center; font-size: 1.5625rem; line-height: 1.28; }
  .pgIntro .introTitle strong:before { content: ''; display: block; margin: 0 auto 6px; height: 27px; width: 30.5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -446.5px -342px; }
  .pgIntro .introTitle strong span { display: block; }
  .pgIntro .introTitle .btns { margin-top: 13px; text-align: center; }
  .pgIntro .introTitle .btns:before { content: ''; display: block; margin: 0 auto 25px; height: 38px; width: 121.5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -322px -342px; }
  .pgIntro .introTitle .btns .btnVIP { display: inline-block; height: 35px; width: 120px; margin: 0 1px; color: #95201D; border-radius: 18px; background: #FFF; font-size: 0.75rem; line-height: 2.91667; }
  .pgIntro .introTitle .btns .btnBugsVIPQnA { display: inline-block; position: relative; margin-top: 29px; padding-right: 7px; color: #FFF; border-bottom: 1px solid #FFF; font-size: 0.75rem; line-height: 1.16667; }
  .pgIntro .introTitle .btns .btnBugsVIPQnA:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; height: 8px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -855px -152px; }
  .pgIntro .review { padding: 2px 15px 31px; }
  .pgIntro .review ul { max-width: 290px; margin: 0 auto; }
  .pgIntro .review ul li { position: relative; padding-top: 30px; text-align: center; }
  .pgIntro .review ul li strong { display: block; font-weight: normal; font-size: 1.125rem; line-height: 1.11111; }
  .pgIntro .review ul li p { margin-top: 10px; font-weight: 300; color: #878685; font-size: 0.6875rem; line-height: 1.45455; }
  .pgIntro .review ul li p em { color: #D03937; }
  .pgIntro .review ul li:nth-of-type(odd) { padding-left: 0; }
  .pgIntro .review ul li:nth-of-type(odd):before { content: ''; display: block; position: static; margin: 0 auto 22px; }
  .pgIntro .review ul li.review1:nth-of-type(odd):before { height: 86px; width: 171px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: 0 -253px; }
  .pgIntro .review ul li.review3:nth-of-type(odd):before { height: 85px; width: 172px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -174px -253px; }
  .pgIntro .review ul li:nth-of-type(even) { padding-top: 36px; padding-right: 0; }
  .pgIntro .review ul li:nth-of-type(even):before { content: ''; display: block; position: static; margin: 0 auto 22px; }
  .pgIntro .review ul li.review2:nth-of-type(even):before { height: 78px; width: 171px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: 0 -342px; }
  .pgIntro .review ul li.review4:nth-of-type(even):before { height: 79px; width: 172px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -349px -253px; }
  .pgIntro .bugsVIPQnA { background: #F9F9F8; }
  .pgIntro .bugsVIPQnA .innerContent { padding: 32px 15px 31px; }
  .pgIntro .bugsVIPQnA h1 { max-width: 340px; margin: 0 auto; font-weight: normal; font-size: 1rem; line-height: 1.25; }
  .pgIntro .bugsVIPQnA h1:after { content: ''; display: block; height: 1px; width: 120px; background: #3A3635; }
  .pgIntro .bugsVIPQnA ul { max-width: 100%; margin: 12px auto 0; }
  .pgIntro .bugsVIPQnA ul li { margin-top: 13px; }
  .pgIntro .bugsVIPQnA ul li strong { display: block; font-weight: bold; font-size: 0.75rem; line-height: 1.5; }
  .pgIntro .bugsVIPQnA ul li p { margin-top: 9px; font-weight: 300; color: #838383; font-size: 0.6875rem; line-height: 1.36364; }
  .pgIntro .bugsVIPQnA ul li p a { display: inline-block; position: relative; margin-top: 6px; padding-right: 5px; color: #3A3635; border-bottom: 1px solid #3A3635; font-size: 0.6875rem; line-height: 1.09091; }
  .pgIntro .bugsVIPQnA ul li p a:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -3px; height: 5px; width: 3px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -522px -142px; }
  .pgIntro .category { padding-top: 32px; padding-bottom: 20px; }
  .pgIntro .category h1 { font-weight: normal; text-align: center; font-size: 1rem; line-height: 1.5; }
  .pgIntro .category .btns { margin-top: 19px; text-align: center; }
  .pgIntro .category .btns span { display: inline-block; padding-top: 11px; }
  .pgIntro .category .btns a { display: inline-block; box-sizing: border-box; height: 90px; width: 90px; margin: 0 3px; padding-top: 25px; color: #FFF; border-radius: 50%; background: #000; font-size: 0.625rem; line-height: 1.2; }
  .pgIntro .category .btns a:before { content: ''; display: block; margin: 0 auto 5px; }
  .pgIntro .category .btns a.event:before { height: 17px; width: 18px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -546px -523px; }
  .pgIntro .category .btns a.show:before { height: 17px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -99px -565px; }
  .pgIntro .category .btns a.coffee:before { height: 17px; width: 17px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -566px -543px; }
  .pgIntro .category .btns a.audio:before { height: 17px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -80px -565px; }
  .pgIntro .category .btns a.life:before { height: 17px; width: 17px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: 0 -565px; }
  .pgVIPGuide header.title .innerContent { padding: 13px 0 18px; background: #F6F6F6; }
  .pgVIPGuide header.title h1 { font-size: 20px; line-height: 25px; text-align: center; }
  .pgVIPGuide header.title h1:before { content: ''; display: inline-block; margin: 0 0 10px 16px; vertical-align: top; height: 59px; width: 79px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: 0 -152px; }
  .pgVIPGuide header.title h1 span { display: block; margin-bottom: 3px; font-size: 12px; line-height: 16px; }
  .pgVIPGuide header.title h1 .vip { display: inline-block; overflow: hidden; margin: -1px 3px 0 0; text-indent: -1000em; vertical-align: top; height: 16px; width: 31px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -821px -152px; }
  .pgVIPGuide .vipFAQ { box-sizing: border-box; max-width: 1200px; margin: 0 auto; padding: 0 10px; }
  .pgVIPGuide .vipFAQ .faq { margin-top: 25px; border-bottom: 1px solid #efefef; }
  .pgVIPGuide .vipFAQ .faq .question { position: relative; box-sizing: border-box; margin-bottom: 9px; padding: 0 5px 0 25px; font-size: 14px; line-height: 20px; }
  .pgVIPGuide .vipFAQ .faq .question:before { content: ''; position: absolute; top: 0; left: 0; height: 20px; width: 20px; font-family: verdana; font-size: 10px; font-weight: bold; color: #FFF; line-height: 20px; text-align: center; border-radius: 50%; background: #D03937; }
  .pgVIPGuide .vipFAQ .faq.faqUseGuide .question:before { content: '1'; }
  .pgVIPGuide .vipFAQ .faq.faqOffline .question:before { content: '2'; }
  .pgVIPGuide .vipFAQ .faq .answer { position: relative; padding: 0; }
  .pgVIPGuide .vipFAQ .faq .desc { margin: -5px 0 21px; padding: 0 10px 0 25px; font-size: 11px; color: #757271; line-height: 17px; }
  .pgVIPGuide .vipFAQ .faq .slideContainer { overflow: hidden; width: 280px; margin: 0 auto; }
  .pgVIPGuide .vipFAQ .faq .screenshotList { overflow: hidden; width: 300%; }
  .pgVIPGuide .vipFAQ .faq .screenshotList li { position: relative; float: left; width: 280px; margin-left: 0 !important; padding-bottom: 0; }
  .pgVIPGuide .vipFAQ .faq .screenshotList li:before { display: none; }
  .pgVIPGuide .vipFAQ .faq .screenshotList li figure img { max-width: 222px; }
  .pgVIPGuide .vipFAQ .faq .screenshotList li figcaption { margin-top: 2px; padding: 0; font-size: 12px; color: #757271; line-height: 1.5; text-align: center; white-space: nowrap; }
  .pgVIPGuide .vipFAQ .faq .screenshotList li figcaption em { display: inline-block; color: #D03937; }
  .pgVIPGuide .vipFAQ .faq .btnSlide { display: block; }
  .pgVIPGuide .vipFAQ .faq .btnSlide > button { position: absolute; top: 163px; left: auto; height: 32px; width: 40px; text-indent: -1000em; }
  .pgVIPGuide .vipFAQ .faq .btnSlide > button:before { content: ''; position: absolute; top: 0; }
  .pgVIPGuide .vipFAQ .faq .btnSlide > button:disabled { opacity: 0.2; }
  .pgVIPGuide .vipFAQ .faq .tabMobileWeb .btnSlide > button { top: 187px; }
  .pgVIPGuide .vipFAQ .faq .tabVIPLounge .btnSlide > button { top: 187px; }
  .pgVIPGuide .vipFAQ .faq .btnSlide > .btnPrev { left: 0; margin-left: 0; }
  .pgVIPGuide .vipFAQ .faq .btnSlide > .btnPrev:before { left: 0; transform: rotate(-180deg); height: 32px; width: 19px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: 0 -387px; }
  .pgVIPGuide .vipFAQ .faq .btnSlide > .btnNext { right: 0; margin-left: 0; }
  .pgVIPGuide .vipFAQ .faq .btnSlide > .btnNext:before { right: 0; height: 32px; width: 19px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: 0 -387px; }
  .pgVIPGuide .vipFAQ .faq .slidePagination { display: block; margin: 1px 0 20px; text-align: center; }
  .pgVIPGuide .vipFAQ .faq .slidePagination span { display: inline-block; height: 4px; width: 4px; margin: 0 1px; border-radius: 50%; background: #D7D4D4; }
  .pgVIPGuide .vipFAQ .faq .slidePagination span.selected { background: #D03937; }
  .pgVIPGuide .vipFAQ .tab { height: 90px; margin: 0; }
  .pgVIPGuide .vipFAQ .tab li { position: relative; float: left; box-sizing: border-box; height: 45px; width: 50%; margin: 0 0 -1px -1px; border: 1px solid #E0E0E0; z-index: 1; }
  .pgVIPGuide .vipFAQ .tab li:before, .pgVIPGuide .vipFAQ .tab li:after { display: none; }
  .pgVIPGuide .vipFAQ .tab li:nth-of-type(odd) { clear: both; margin-left: 0; }
  .pgVIPGuide .vipFAQ .tab li.selected { border-color: #D03937; z-index: 2; }
  .pgVIPGuide .vipFAQ .tab li.selected:before, .pgVIPGuide .vipFAQ .tab li.selected:after { height: 59px; background: #D03937; }
  .pgVIPGuide .vipFAQ .tab li button { height: 100%; width: 100%; font-size: 11px; color: #757271; }
  .pgVIPGuide .vipFAQ .tab li button span { display: inline-block; line-height: 40px; }
  .pgVIPGuide .vipFAQ .tabInfo { display: none; position: relative; margin-top: 20px; }
  .pgVIPGuide .vipFAQ .tabInfo.tabAndroid { display: block; }
  .pgVIPGuide .vipFAQ .tabInfo .link { margin: -7px 0 2px; padding: 0; text-align: center; }
  .pgVIPGuide .vipFAQ .tabInfo .link a { display: inline-block; position: relative; padding-right: 7px; font-size: 11px; color: #3a3635; line-height: 24px; }
  .pgVIPGuide .vipFAQ .tabInfo .link a:after { content: ''; position: absolute; top: 50%; right: 0; height: 5px; width: 5px; margin-top: -4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border: 1px solid #3a3635; border-width: 0 1px 1px 0; background: none; }
  .pgVIPGuide .caution { margin-top: 24px; padding: 0 10px; }
  .pgVIPGuide .caution h1 { margin-bottom: 4px; padding-left: 0; font-size: 14px; }
  .pgVIPGuide .caution ul { overflow: hidden; padding: 0; }
  .pgVIPGuide .caution ul li { position: relative; margin-top: 6px; padding: 0 5px 0 7px; font-size: 12px; line-height: 18px; }
  .pgVIPGuide .caution ul li:before { content: ''; position: absolute; top: 7px; left: 0; height: 2px; width: 2px; background: #3a3635; }
  .pgVIPGuide .caution ul li a { color: #D03937; }
  .pgVIPGuide .caution ul li span { display: inline; }
  .pgProduct .sale { height: 61px; width: 61px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; }
  .pgProduct .sale.off0005 { background-position: 0 -214px; }
  .pgProduct .sale.off0610 { background-position: -64px -214px; }
  .pgProduct .sale.off1115 { background-position: -128px -214px; }
  .pgProduct .sale.off1620 { background-position: -192px -214px; }
  .pgProduct .sale.off2125 { background-position: -256px -214px; }
  .pgProduct .sale.off2630 { background-position: -320px -214px; }
  .pgProduct .sale.off3135 { background-position: -384px -214px; }
  .pgProduct .sale.off3640 { background-position: -448px -214px; }
  .pgProduct .sale.off4145 { background-position: -512px -214px; }
  .pgProduct .sale.off4650 { background-position: -576px -214px; }
  .pgProduct .sale.off5155 { background-position: -640px -214px; }
  .pgProduct .sale.off5660 { background-position: -704px -214px; }
  .pgProduct .sale.off6165 { background-position: -768px -214px; }
  .pgProduct .sale.off6670 { background-position: 0 -278px; }
  .pgProduct .sale.off7175 { background-position: -64px -278px; }
  .pgProduct .sale.off7680 { background-position: -128px -278px; }
  .pgProduct .sale.off8185 { background-position: -192px -278px; }
  .pgProduct .sale.off8690 { background-position: -256px -278px; }
  .pgProduct .sale.off9195 { background-position: -320px -278px; }
  .pgProduct .sale.off96100 { background-position: -384px -278px; }
  .pgProduct .sale.onlyDeal { text-indent: -1000em; background-position: -640px -278px; }
  .pgProduct .sale.addDeal { text-indent: -1000em; background-position: -448px -278px; }
  .pgProduct .sale.luckyDeal { text-indent: -1000em; background-position: -576px -278px; }
  .pgProduct .sale.soldout { text-indent: -1000em; background-position: -768px -278px; }
  .pgProduct .sale.restock { text-indent: -1000em; background-position: -704px -278px; }
  .pgProduct .sale.free { text-indent: -1000em; background-position: -512px -278px; }
  .pgProduct .sale em { padding-top: 15px; font-size: 1.063rem; }
  .pgProduct .sale span { font-size: 0.625rem; }
  .pgProduct .product { padding-top: 20px; padding-bottom: 25px; }
  .pgProduct .product figure, .pgProduct .product figure img { max-width: 160px; }
  .pgProduct .product .productInfo { padding-top: 18px; }
  .pgProduct .product .productInfo .nameProduct { padding: 3px 5px; font-size: 1.063rem; }
  .pgProduct .product .productInfo .nameBrand { margin-bottom: 13px; padding: 0 5px; font-size: 0.75rem; }
  .pgProduct .product .productInfo .option { padding: 0 5px 5px; }
  .pgProduct .product .productInfo .orderList { margin: 0 5px 10px; }
  .pgProduct .product .productInfo .orderList li { overflow: hidden; padding: 0 0 9px; }
  .pgProduct .product .productInfo .orderList li .title { min-height: 20px; width: 100%; padding: 5px 0; font-size: 0.6875rem; line-height: 20px; }
  .pgProduct .product .productInfo .orderList li .title strong { font-size: 0.6875rem; line-height: 1.545454; }
  .pgProduct .product .productInfo .orderList li .price { position: static; float: left; width: 50%; margin-top: 0; font-size: 0.8125rem; line-height: 35px; text-align: left; }
  .pgProduct .product .productInfo .orderList li .num { position: static; float: right; height: 35px; margin-top: 0; }
  .pgProduct .product .productInfo .orderList li .num input[type=text] { appearance: none; -webkit-appearance: none; height: 34px; width: 40px; padding-right: 5px; font-size: 0.75rem; line-height: 34px; }
  .pgProduct .product .productInfo .orderList li .num > span { margin-left: 3px; font-size: 0.6875rem; line-height: 35px; }
  .pgProduct .product .productInfo .orderList li .num .updown { height: 35px; width: 25px; }
  .pgProduct .product .productInfo .orderList li .num .updown button.btnUp { top: 0; height: 17px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -225px -357px; }
  .pgProduct .product .productInfo .orderList li .num .updown button.btnDown { bottom: 0; height: 18px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -197px -357px; }
  .pgProduct .product .productInfo .orderList li .num .btnDelete { position: relative; height: 35px; width: 25px; background: none; }
  .pgProduct .product .productInfo .orderList li .num .btnDelete:before { content: ''; position: absolute; top: 9px; left: 5px; height: 15px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -309px -357px; }
  .pgProduct .product .productInfo .priceInfo { margin-bottom: 11px; padding: 0 5px; }
  .pgProduct .product .productInfo .priceInfo .sale { margin-right: 8px; }
  .pgProduct .product .productInfo .priceInfo div[class*='off'] em:after { content: 'OFF'; display: block; font-size: 0.625rem; }
  .pgProduct .product .productInfo .priceInfo .price { padding-top: 7px; }
  .pgProduct .product .productInfo .priceInfo .price del { padding: 0 11px 0 5px; font-size: 0.875rem; }
  .pgProduct .product .productInfo .priceInfo .price del:before { height: 7px; width: 71px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -428px -142px; }
  .pgProduct .product .productInfo .priceInfo .price strong { margin-top: -2px; font-size: 1.5rem; }
  .pgProduct .product .productInfo .priceInfo .price strong span { height: 14px; margin-top: 10px; font-size: 0.75rem; }
  .pgProduct .product .productInfo .priceInfo .date { padding-top: 15px; font-size: 12px; font-size: 0.75rem; }
  .pgProduct .product .productInfo .priceInfo .date strong { margin-top: 3px; font-size: 15px; font-size: 0.938rem; }
  .pgProduct .product .productInfo .hiddenPrice { margin: 20px 0 23px; font-size: 0.6875rem; }
  .pgProduct .product .productInfo .totalPrice { margin-bottom: 9px; padding: 0 5px; }
  .pgProduct .product .productInfo .totalPrice > span { float: left; padding-top: 0; font-size: 0.75rem; line-height: 28px; }
  .pgProduct .product .productInfo .totalPrice strong { font-size: 1.5rem; color: #cb3836; }
  .pgProduct .product .productInfo .totalPrice strong span { margin-top: 10px; font-size: 0.75rem; line-height: 1.16; }
  .pgProduct .product .productInfo .shipping { margin-bottom: 13px; padding: 0 5px; font-size: 0.688em; line-height: 1.54; }
  .pgProduct .product .productInfo .shipping p > span { width: 49px; margin-right: 9px; }
  .pgProduct .product .productInfo .shipping p > span:after { height: 4px; margin-top: -2px; }
  .pgProduct .product .productInfo .btn button { height: 50px; font-size: 0.875rem; }
  .pgProduct .product .productInfo .btn button span { margin-left: -12px; }
  .pgProduct .product .productInfo .btn .btnBuy span { margin: 0; }
  .pgProduct .product .productInfo .btn .btnBuy span:before { display: none; }
  .pgProduct .product .productInfo .banner { margin-top: 23px; font-size: 0.75rem; line-height: 14px; }
  .pgProduct .product .productInfo .banner a { padding-left: 17px; font-size: 0.75rem; line-height: 14px; text-decoration: none; }
  .pgProduct .product .productInfo .banner a:before { left: 2px; margin-top: -7px; height: 11px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -440px -357px; }
  .pgProduct .product .productInfo .banner a strong { color: #D03937; }
  .pgProduct .product .productInfo .share { margin-top: 8px; }
  .pgProduct .product .productInfo .share a { margin-top: 7px; margin-left: 5px; }
  .pgProduct .product .productInfo .share .btnShare { margin-right: -8px; margin-bottom: -6px; }
  .pgProduct .tab { height: 45px; }
  .pgProduct .tab button { margin-right: 7%; padding-left: 0 !important; font-size: 0.75rem; line-height: 45px; }
  .pgProduct .tab button:before { display: none; }
  .pgProduct .tab button.selected { height: 46px; }
  .pgProduct .tabInfo { padding-top: 25px; }
  .pgProduct .tabInfo ul.guide { font-size: 0.75rem; }
  .pgProduct .tabInfo ul.guide li { padding: 0 0 3px 12px; line-height: 1.3; }
  .pgProduct .tabInfo ul.guide li:before { top: 7px; }
  .pgProduct .tabInfo.comments { padding-top: 8px; }
  .pgProduct .moreInfo { display: block; }
  .pgProduct .shippingInfo { padding-top: 23px; }
  .pgProduct .asInfo { padding-top: 23px; }
  .pgProduct .moreInfo figcaption { padding-left: 4px; }
  .pgProduct .moreInfo figcaption strong { padding-bottom: 12px; font-size: 1.125rem; line-height: 1.3; }
  .pgProduct .moreInfo figcaption > p { font-size: 0.813rem; line-height: 1.54; }
  .pgProduct .typeImage { padding-bottom: 35px; }
  .pgProduct .typeImageText { padding-bottom: 35px; }
  .pgProduct .typeImageText figure { margin-bottom: 19px; }
  .pgProduct .typeText { padding-bottom: 35px; }
  .pgProduct .typeText .description { padding-left: 4px; }
  .pgProduct .typeText .description strong { padding-bottom: 12px; font-size: 1.125rem; line-height: 1.3; }
  .pgProduct .typeText .description p { font-size: 0.813rem; line-height: 1.54; }
  .pgProduct .typeText .description .btnShare { height: 50px; width: 100%; margin: 15px 0 0; font-size: 0.875rem; }
  .pgProduct .typeText .description .btnShare span { padding-left: 20px; }
  .pgProduct .typeText .description .btnShare span:before { margin-top: -7px; height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -407px -357px; }
  .pgProduct .typeVideoText { padding-bottom: 35px; }
  .pgProduct .typeVideoText .player { margin-bottom: 19px; }
  .pgProduct .typeVideoText .description { padding-left: 4px; }
  .pgProduct .typeVideoText .description strong { padding-bottom: 12px; font-size: 1.125rem; line-height: 1.3; }
  .pgProduct .typeVideoText .description p { font-size: 0.813rem; line-height: 1.54; }
  .pgProduct .checkPoint { margin-bottom: 35px; padding: 20px 15px 14px; font-size: 0.75rem; }
  .pgProduct .checkPoint h1 { margin-bottom: 15px; height: 12px; width: 116px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -121px -342px; }
  .pgProduct .checkPoint li { padding: 0 0 2px 20px; font-size: 0.75rem; line-height: 1.5; }
  .pgProduct .checkPoint li:before { top: 3px; height: 9px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -330px -342px; }
  .pgProduct .checkPoint + .checkPointDescription { margin: -25px 0 30px; padding-left: 4px; font-size: 0.75rem; line-height: 1.67; }
  .pgProduct .brandStory { margin-bottom: 35px; padding: 20px 15px 14px; font-size: 0.75rem; }
  .pgProduct .brandStory h1 { margin-bottom: 15px; height: 12px; width: 118px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: 0 -342px; }
  .pgProduct .winnerGuide { margin-bottom: 35px; padding: 20px 15px 14px; font-size: 0.75rem; }
  .pgProduct .winnerGuide h1 { margin-bottom: 10px; font-size: 1rem; }
  .pgProduct .notice { margin-bottom: 24px; padding: 20px 15px 14px; font-size: 0.75rem; }
  .pgProduct .notice h1 { margin-bottom: 13px; height: 12px; width: 61px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -240px -342px; }
  .pgProduct .notice > div strong { margin-bottom: 9px; font-size: 0.875rem; }
  .pgProduct .notice .description { margin-bottom: 11px; }
  .pgProduct .notice .description .title { margin-bottom: 0; font-size: 0.75rem; line-height: 1.67; }
  .pgProduct .notice .description ul li { padding: 0 0 0 12px; line-height: 1.67; }
  .pgProduct .notice .description ul li:before { top: 7px; }
  .pgProduct .notice .description li > ul { margin-bottom: -2px; padding: 6px 0 0 15px; }
  .pgProduct .notice .cs { padding-bottom: 5px; }
  .pgProduct .notice .cs strong { margin-bottom: 4px; }
  .pgProduct .notice .cs ul { padding-left: 2px; }
  .pgProduct .notice .tip p { font-size: 0.75rem; }
  .pgProduct .typeInfo .title { margin-bottom: 6px; padding-left: 5px; font-size: 0.875rem; }
  .pgProduct .typeInfo .description { padding: 13px 15px 10px; font-size: 0.75rem; }
  .pgProduct .typeInfo .description table th { width: 110px; padding: 0 4px 2px 12px; font-size: 0.75rem; }
  .pgProduct .typeInfo .description table th:before { top: 7px; }
  .pgProduct .typeInfo .description table td { padding-bottom: 2px; }
  .pgProduct .typeInfo .description table + table { margin-top: 11px; padding-top: 14px; }
  .pgProductBenefit .product .productInfo .saleInfo div[class*='off'] em:after { content: 'OFF'; display: block; font-size: 0.625rem; }
  .pgEvent .eventContents .eventVideo.ridibookAlice { position: absolute; top: 0; width: 100%; max-width: 720px; z-index: 10; }
  .pgEvent .eventContents .eventVideo.ridibookAlice .video { box-sizing: border-box; width: 100%; max-width: 720px; padding: 190.28% 0 0; }
  .pgEvent .eventContents .eventVideo.ridibookAlice .video .size { position: relative; height: 0; width: 100%; padding-top: 56.25%; }
  .pgEvent .eventContents .eventVideo.ridibookAlice .video iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; }
  .pgEvent .eventContents .eventLink.eventBelif a { display: block; overflow: hidden; padding-top: 48.6%; font-size: 1px; line-height: 1px; text-indent: -1000em; }
  .pgEvent .map { position: relative; overflow: hidden; height: 300px; height: 50vw; width: auto; margin: 0; z-index: 1; }
  .pgEvent .apply { padding: 35px 0; text-align: center; }
  .pgEvent .apply .btns { display: inline-block; }
  .pgEvent .apply .btns button { height: 50px; width: 230px; font-size: 0.875rem; border-radius: 3px; }
  .pgEvent .apply .share.mobile { display: inline-block; margin-top: 0; }
  .pgEvent .apply .share.mobile .btnShare { position: relative; overflow: hiddne; height: 50px; width: 50px; margin-left: 4px; text-indent: -1000em; border: 1px solid #A0A0A0; border-radius: 3px; }
  .pgEvent .apply .share.pc a { margin: 0 3px; }
  .pgEvent .apply .btns ~ .share.pc { margin-top: 15px; }
  .pgEvent .notice { padding-top: 23px; }
  .pgEvent .notice h1 { margin-bottom: 10px; padding-left: 12px; font-size: 0.875rem; }
  .pgEvent .notice .guide { margin-bottom: 19px; font-size: 0.75rem; }
  .pgEvent .notice .guide li { padding: 0 0 3px 12px; line-height: 1.3; }
  .pgEvent .notice .guide li:before { top: 5px; }
  .pgEvent .comments { padding-top: 20px; }
  .pgEvent .comments h1 { position: relative; margin-bottom: 10px; padding-left: 12px; font-size: 0.875rem; line-height: 1.6667; }
  .pgEvent .comments h1:before { display: none; }
  .loungeBenefit { position: relative; box-sizing: border-box; margin-bottom: -25px; padding: 0 0 20px; background: #FBFBFB; margin-left: -12px; margin-right: -12px; }
  body.android.bugsApp .loungeBenefit { margin-left: -25px; margin-right: -25px; }
  .loungeBenefit h1 { padding: 21px 0 15px; font-size: 0.75rem; font-weight: normal; line-height: 20px; text-indent: 15px; }
  .loungeBenefit .slide { position: relative; overflow: hidden; margin: 0 30px; z-index: 10; }
  .loungeBenefit ul { overflow: hidden; width: 200%; }
  .loungeBenefit ul li { float: left; width: 143px; width: calc((100% - 28px) / 4); margin-left: 0; }
  .loungeBenefit ul li:nth-of-type(even) { margin-left: 14px; }
  .loungeBenefit ul li .thumbnail { position: relative; width: 100%; }
  .loungeBenefit ul li .thumbnail:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000; opacity: 0.1; z-index: 1; }
  .loungeBenefit ul li .thumbnail a { position: relative; z-index: 10; }
  .loungeBenefit ul li .thumbnail img { width: 100%; }
  .loungeBenefit ul li .productInfo { margin-top: 9px; }
  .loungeBenefit ul li .productInfo > strong { display: block; font-size: 10px; line-height: 12px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .loungeBenefit ul li .productInfo .priceInfo { margin-top: 2px; }
  .loungeBenefit ul li .productInfo .priceInfo strong { display: inline-block; font-family: 'Montserrat'; font-size: 14px; line-height: 20px; vertical-align: top; }
  .loungeBenefit ul li .productInfo .priceInfo span { display: inline-block; padding-top: 3px; font-size: 10px; line-height: 16px; vertical-align: top; }
  .loungeBenefit .btnSlide { display: block; position: absolute; top: 56px; right: 0; left: 0; padding-top: 20%; z-index: 1; }
  .loungeBenefit .btnSlide button { display: block; position: absolute; top: 50%; box-sizing: border-box; overflow: hidden; height: 50px; width: 30px; margin-top: -25px; text-indent: -1000em; }
  .loungeBenefit .btnSlide button:before { content: ''; display: block; position: absolute; top: 50%; box-sizing: border-box; overflow: hidden; height: 15px; width: 15px; margin-top: -7px; transform: rotate(45deg); border: 1px solid #333; }
  .loungeBenefit .btnSlide button.btnPrev { left: 0; }
  .loungeBenefit .btnSlide button.btnPrev:before { left: 10px; border-width: 0 0 1px 1px; }
  .loungeBenefit .btnSlide button.btnNext { right: 0; }
  .loungeBenefit .btnSlide button.btnNext:before { right: 10px; border-width: 1px 1px 0 0; }
  .loungeBenefit .btnSlide button:disabled { opacity: 0.3; }
  .pgLoungeOrderSheet { padding-top: 4px; }
  .pgLoungeOrderSheet h1 { font-size: 0.875rem; line-height: 1.2857; text-indent: 7px; }
  .pgLoungeOrderSheet .orderInfo h1 { padding: 17px 0; }
  .pgLoungeOrderSheet .orderInfo h1 em { font-weight: bold; color: #D03937; }
  .pgLoungeOrderSheet .orderInfo .orderDetail { border-top: 0; }
  .pgLoungeOrderSheet .orderInfo .orderDetail li { margin-top: 25px; font-size: 0.75rem; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
  .pgLoungeOrderSheet .orderInfo .orderDetail li:first-child { margin-top: 0; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .title { box-sizing: border-box; width: 100%; padding-left: 12px; line-height: 3.33333; border-bottom: 1px solid #E5E5E5; background: #FBFBFB; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .title strong { display: inline-block; position: relative; padding: 0 12px; color: #757271; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .title strong:after { content: ''; display: block; position: absolute; top: 50%; right: 4px; height: 4px; width: 1px; margin-top: -3px; background: #E5E5E5; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .title strong span { display: none; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .product { display: table; width: 100%; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .product .thumbnail { display: table-cell; height: 100%; width: 80px; text-align: center; vertical-align: middle; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .product .thumbnail img { max-width: 60px; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .product .info { display: table-cell; width: calc(100% - 80px); }
  .pgLoungeOrderSheet .orderInfo .orderDetail .product .info > p { position: relative; margin-right: 4px; margin-bottom: 2px; padding: 8px 0 6px 10px; color: #757271; line-height: 1.66667; border-left: 1px solid #E5E5E5; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .option { padding: 8px 0 6px 10px; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .option p { position: relative; padding-right: 5px; padding-left: 68px; color: #757271; line-height: 1.66667; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .option strong { display: inline-block; position: absolute; top: 0; left: 0; width: 50px; margin-right: 4px; padding-right: 8px; color: #757271; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .option strong:after { content: ''; display: block; position: absolute; top: 50%; right: 0; height: 4px; width: 1px; margin-top: -3px; background: #E5E5E5; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .option strong span { display: none; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .totalPrice { padding: 11px 0 10px 12px; line-height: 1.4166667; border-top: 1px solid #E5E5E5; }
  .pgLoungeOrderSheet .orderInfo .orderDetail .totalPrice em { display: inline-block; color: #D03937; }
  .pgLoungeOrderSheet .shippingInfo { margin-top: 15px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .formWrap { padding: 0 10px; border: 1px solid #e7e7e7; background: #FBFBFB; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .btns { margin-top: 20px; text-align: center; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .btns button { height: 42px; width: 199px; font-size: 0.8125rem; color: #FFF; border-radius: 2px; background: #D24341; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row { overflow: hidden; margin-bottom: 10px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .title { float: left; box-sizing: border-box; width: 70px; padding-left: 3px; font-size: 0.75rem; line-height: 2.91667; vertical-align: top; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .title em { display: inline-block; position: relative; overflow: hidden; text-indent: -1000em; vertical-align: top; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .title em:before { content: '*'; position: absolute; top: 0; left: 0; color: #D24341; text-indent: 0; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .col { float: left; box-sizing: border-box; width: calc(100% - 70px); font-size: 0.75rem; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .col input[type=text], .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .row .col input[type=tel] { box-sizing: border-box; height: 35px; width: 100%; padding: 0 10px; font-size: 0.75rem; border: 1px solid #D0CBC9; border-radius: 4px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress { margin-bottom: 20px; padding: 18px 0; border-bottom: 1px solid #E5E5E5; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .title { line-height: 2.5; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col { line-height: 2.5; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col > div { display: inline-block; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col input { margin: 8px 3px 0 0; vertical-align: top; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col label { display: inline-block; margin-right: 8px; line-height: 2.5; vertical-align: top; white-space: nowrap; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col span { display: inline-block; margin-right: 3px; color: #999; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .selectAddress .col .btnCommon { height: 30px; width: 72px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .contact .col { white-space: nowrap; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .contact .col select { width: auto; padding-top: 10px; padding-bottom: 9px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .contact .col span { display: inline-block; width: calc((100% - 86px) / 2); max-width: 134px; text-align: right; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .contact .col span:before { content: '-'; float: left; width: 10px; line-height: 35px; text-align: center; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .contact .col span input[type=tel] { width: calc(100% - 12px); text-align: center; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr { margin-bottom: 0; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.zip { white-space: nowrap; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.zip input[type=text] { width: calc(100% - 86px); max-width: 267px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.addr { max-width: 100%; margin-left: 70px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.addr input[type=text] { width: 100%; min-width: 0; margin-top: 10px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.check { margin: 6px 0 6px 70px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.check input { margin: 10px 5px 0 0; vertical-align: top; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col.check label { margin-right: 10px; line-height: 2.85714; vertical-align: top; white-space: nowrap; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .shippingAddr .col .btnCommon { height: 35px; width: 83px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .memo { margin-bottom: 20px; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .memo .col { max-width: 100%; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .memo .col input[type=text] { width: 100%; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .agree { margin-bottom: 0; border-top: 1px solid #E5E5E5; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .agree input { margin-top: 19px; vertical-align: top; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .agree label { display: inline-block; margin: 0 12px 0 5px; font-size: 0.75rem; line-height: 4.41667; vertical-align: top; }
  .pgLoungeOrderSheet .shippingInfo .shippingInfoForm .agree a { display: inline-block; font-size: 0.75rem; line-height: 4.41667; text-decoration: underline; vertical-align: top; }
  .pgSpecial .specialBanner { max-height: 280px; }
  .pgSpecial .specialBanner img { max-height: 280px; max-width: 100%; }
  .pgSpecial .productList { margin-top: 12px; }
  .pgSpecial .checkPoint { margin-top: 12px; }
  .pgSpecial .checkPoint .innerContainer { padding: 14px 12px 8px; font-size: 0.625rem; }
  .pgSpecial .checkPoint h1 { margin-bottom: 13px; height: 12px; width: 116px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -121px -342px; }
  .pgSpecial .checkPoint li { padding: 0 0 2px; font-size: 0.625rem; line-height: 1.5; }
  .pgSpecial + .dimmed p { font-size: 0.875rem; }
  .pgMypage { padding-top: 0; }
  .pgMypage .innerContent > h1 { padding-bottom: 7px; font-size: 0.813rem; font-weight: normal; text-indent: 4px; }
  .pgMypage .btnCommon { display: inline-block; box-sizing: border-box; padding: 2px 12px 0; font-size: 0.688rem; line-height: 2.4; text-decoration: none; border: 1px solid #D0CBC9; border-radius: 3px; background-color: #fff; }
  .pgMypage .paging { padding-top: 20px; }
  .pgMypage .paging a { display: inline-block; height: 29px; min-width: 21px; margin: 0; font-size: 0.688rem; color: #9C9A9A; line-height: 29px; text-align: center; text-decoration: none; }
  .pgMypage .paging a.selected { color: #3a3635; text-decoration: underline; }
  .pgMypage .paging a.btnPrev { margin-right: 7px; text-indent: -1000em; transform: rotate(-180deg); -ms-transform: rotate(-180deg); height: 28px; width: 28px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -832px -214px; }
  .pgMypage .paging a.btnNext { margin-left: 7px; text-indent: -1000em; height: 28px; width: 28px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -832px -214px; }
  .pgMypage .tab { height: 45px; margin-bottom: 25px; }
  .pgMypage .tab a { margin-right: 7%; padding: 0 !important; font-size: 0.75rem; line-height: 45px; }
  .pgMypage .tab a:before { display: none; }
  .pgMypage .tab a.selected { height: 46px; }
  .pgMypage .content.loginInfo { margin-bottom: 37px; }
  .pgMypage .content.loginInfo .innerContent { position: relative; box-sizing: border-box; overflow: hidden; border: 0; border-bottom: 1px solid #E5E5E5; }
  .pgMypage .content.loginInfo .innerContent:before { content: ''; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: #E5E5E5; }
  .pgMypage .content.loginInfo .id { display: block; position: relative; float: left; height: 30px; margin: 0; padding: 15px 0; font-size: 0.875rem; line-height: 2.142857; white-space: nowrap; }
  .pgMypage .content.loginInfo .id:not(.bugs) { padding-left: 34px; }
  .pgMypage .content.loginInfo .id:before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
  .pgMypage .content.loginInfo .id.payco:before { height: 25px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -88px -357px; }
  .pgMypage .content.loginInfo .id.facebook:before { height: 25px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -60px -357px; }
  .pgMypage .content.loginInfo .grade { float: left; clear: both; height: 60px; width: calc(100% - 80px); padding: 0; }
  .pgMypage .content.loginInfo .grade:last-of-type { width: 100%; }
  .pgMypage .content.loginInfo .grade p { display: table-cell; box-sizing: border-box; overflow: hidden; height: 60px; width: 100%; font-size: 0.6875rem; line-height: 22px; vertical-align: middle; word-break: keep-all; }
  .pgMypage .content.loginInfo .grade em { color: #C53736; vertical-align: middle; }
  .pgMypage .content.loginInfo .grade .icon { display: inline-block; margin: -1px 2px 0; vertical-align: middle; }
  .pgMypage .content.loginInfo .grade .icon.vip { height: 16px; width: 30px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -825px -176px; }
  .pgMypage .content.loginInfo .btns { float: right; padding: 15px 0 0; }
  .pgMypage .content.loginInfo .btns button { height: 30px; width: 65px; padding: 0; text-align: center; }
  .pgMypage .content.order { margin-bottom: 42px; }
  .pgMypage .content.order .orderList.noOrderHistory { padding: 32px 0 35px; }
  .pgMypage .content.order .orderList.noOrderHistory p { font-size: 0.75rem; color: #888; line-height: 1.66667; }
  .pgMypage .content.order .orderList.noOrderHistory .btnGoProduct { margin-top: 10px; }
  .pgMypage .content.order .orderList li { margin-top: 25px; font-size: 0.75rem; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
  .pgMypage .content.order .orderList li:first-child { margin-top: 0; }
  .pgMypage .content.order .orderList .date { width: 100%; line-height: 3.33333; border-bottom: 1px solid #E5E5E5; background: #FBFBFB; }
  .pgMypage .content.order .orderList .date strong { display: inline-block; position: relative; padding: 0 12px; color: #757271; }
  .pgMypage .content.order .orderList .date strong:after { content: ''; display: block; position: absolute; top: 50%; right: 4px; height: 4px; width: 1px; margin-top: -3px; background: #E5E5E5; }
  .pgMypage .content.order .orderList .date strong span { display: none; }
  .pgMypage .content.order .orderList .product { display: table; width: 100%; }
  .pgMypage .content.order .orderList .product .thumbnail { display: table-cell; height: 100%; width: 80px; text-align: center; vertical-align: middle; }
  .pgMypage .content.order .orderList .product .thumbnail img { max-width: 60px; }
  .pgMypage .content.order .orderList .product .info { display: table-cell; width: calc(100% - 80px); }
  .pgMypage .content.order .orderList .product .info p { margin-bottom: 2px; color: #757271; }
  .pgMypage .content.order .orderList .product .info p strong { display: inline-block; position: relative; width: 58px; margin-right: 4px; vertical-align: top; }
  .pgMypage .content.order .orderList .product .info p strong:after { content: ''; display: block; position: absolute; top: 50%; right: 0; height: 4px; width: 1px; margin-top: -3px; background: #E5E5E5; }
  .pgMypage .content.order .orderList .product .info p strong span { display: none; }
  .pgMypage .content.order .orderList .product .info p strong ~ span { display: inline-block; width: calc(100% - 65px); }
  .pgMypage .content.order .orderList .deliveryInfo { padding: 8px 0 6px 10px; line-height: 1.8; border-left: 1px solid #E5E5E5; }
  .pgMypage .content.order .orderList .deliveryInfo .btnEdit { display: inline-block; padding: 1px 7px 0 6px; font-size: 0.625rem; color: #3a3635; line-height: 1.8; text-align: center; border: 1px solid #D0CBC9; border-radius: 3px; }
  .pgMypage .content.order .orderList .option { padding: 8px 0 6px 10px; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; }
  .pgMypage .content.order .orderList .option p { color: #757271; line-height: 1.66667; }
  .pgMypage .content.order .orderList .tracking { padding: 11px 0 10px 12px; line-height: 1.4166667; border-top: 1px solid #E5E5E5; }
  .pgMypage .content.order .orderList .tracking strong { display: inline-block; position: relative; margin-right: 4px; padding-right: 8px; color: #757271; }
  .pgMypage .content.order .orderList .tracking strong:after { content: ''; display: block; position: absolute; top: 50%; right: 0; height: 4px; width: 1px; margin-top: -3px; background: #E5E5E5; }
  .pgMypage .content.order .orderList .tracking strong span { display: none; }
  .pgMypage .content.order .orderList .tracking a { border-bottom: 1px solid #3a3635; }
  .pgMypage .content.order .orderList .totalPrice { padding: 11px 0 10px 12px; line-height: 1.4166667; border-top: 1px solid #E5E5E5; }
  .pgMypage .content.order .orderList .totalPrice em { color: #D03937; }
  .pgMypage .content.order .orderList .status { overflow: hidden; padding: 10px 0 10px 12px; text-align: right; border-top: 1px solid #E5E5E5; }
  .pgMypage .content.order .orderList .status span { float: left; line-height: 30px; }
  .pgMypage .content.order .orderList.couponList .titlearea .title { padding: 0 0 1px; }
  .pgMypage .content.order .orderList.couponList .titlearea dt { margin-top: 0; }
  .pgMypage .content.order .orderList.couponList .titlearea dd > em { font-size: 0.75rem; }
  .pgMypage .content.order ul.couponOrderList li { position: relative; margin-top: 20px; font-size: 0.75rem; }
  .pgMypage .content.order ul.couponOrderList li:first-child { margin-top: 0; }
  .pgMypage .content.order ul.couponOrderList dt { position: relative; float: left; }
  .pgMypage .content.order ul.couponOrderList dt:before { content: ''; position: absolute; top: 50%; right: 0; height: 4px; width: 1px; background-color: #E5E5E5; }
  .pgMypage .content.order ul.couponOrderList dd { overflow: hidden; }
  .pgMypage .content.order ul.couponOrderList .deliveryInfo { overflow: hidden; padding: 10px 12px 7px; line-height: 1.9; background-color: #fbfbfb; }
  .pgMypage .content.order ul.couponOrderList .deliveryInfo dt { margin-right: 9px; padding-right: 9px; color: #757271; }
  .pgMypage .content.order ul.couponOrderList .deliveryInfo dd { float: none; margin-right: 0; }
  .pgMypage .content.order ul.couponOrderList .orderInfo { overflow: hidden; border-top: 1px solid #E5E5E5; }
  .pgMypage .content.order ul.couponOrderList .thumbnail { float: left; height: 80px; width: 80px; }
  .pgMypage .content.order ul.couponOrderList .thumbnail a { line-height: 80px; }
  .pgMypage .content.order ul.couponOrderList .thumbnail img { max-width: 60px; line-height: 80px; }
  .pgMypage .content.order ul.couponOrderList .titlearea { box-sizing: border-box; overflow: hidden; min-width: 220px; margin: 0 0 0 80px; padding: 7px 7px 7px 0; }
  .pgMypage .content.order ul.couponOrderList .titlearea .title { padding: 0 0 1px; font-size: 0.875rem; line-height: 1.7; }
  .pgMypage .content.order ul.couponOrderList .titlearea > dl { color: #757271; line-height: 1.7; }
  .pgMypage .content.order ul.couponOrderList .titlearea dt { width: 75px; }
  .pgMypage .content.order ul.couponOrderList .titlearea dd { box-sizing: border-box; width: calc(100% - 75px); min-width: 100px; margin-left: 0; padding-left: 8px; }
  .pgMypage .content.order ul.couponOrderList .titlearea dd > em { display: inline; margin-right: 9px; -webkit-user-select: all; -moz-user-select: all; user-select: all; vertical-align: top; word-break: break-word; word-wrap: break-word; }
  .pgMypage .content.order ul.couponOrderList .titlearea dd > em span { display: inline-block; }
  .pgMypage .content.order ul.couponOrderList .titlearea .btnEdit { display: inline-block; margin-top: 0; padding: 1px 7px 0 6px; font-size: 0.625rem; line-height: 1.8; text-align: center; vertical-align: top; border: 1px solid #D0CBC9; border-radius: 3px; }
  .pgMypage .content.order ul.couponOrderList .titlearea .mms { padding-top: 5px; font-size: 10px; font-size: 0.625rem; }
  .pgMypage .content.order ul.couponOrderList .progress { position: static; min-height: 50px; width: 100%; margin-top: 0; padding: 10px 0; text-align: right; border-top: 1px solid #E5E5E5; }
  .pgMypage .content.order ul.couponOrderList .progress > div { display: block; height: auto; width: auto; }
  .pgMypage .content.order ul.couponOrderList .progress em { float: left; padding: 0 0 0 12px; line-height: 30px; text-align: left; }
  .pgMypage .content.order ul.couponOrderList .progress em ~ .btnHelpdesk { float: right; }
  .pgMypage .content.order ul.couponOrderList .progress .btnCommon { display: inline-block; width: auto; margin: 0 0 0 6px; margin-top: 0 !important; padding-right: 12px; padding-left: 12px; }
  .pgMypage .content.guide li { position: relative; padding-left: 17px; font-size: 0.75rem; color: #757271; line-height: 1.7; }
  .pgMypage .content.guide li:before { content: ''; position: absolute; top: 8px; left: 5px; height: 2px; width: 2px; background-color: #757271; }
  .pgMypage .content.guide li:first-child { display: table; box-sizing: border-box; height: 85px; width: 100%; margin-bottom: 12px; padding-left: 0; border: 1px solid #E5E5E5; background-color: #fbfbfb; background-size: auto 100%; }
  .pgMypage .content.guide li:first-child span { display: table-cell; position: relative; width: 25%; padding: 33px 0 0 0; font-size: 0.75rem; text-align: center; vertical-align: middle; }
  .pgMypage .content.guide li:first-child span:before { content: ''; position: absolute; top: 20px; left: 50%; height: 25px; width: 32px; margin: 0 0 0 -16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; }
  .pgMypage .content.guide li:first-child span.step1:before { background-position: -480px -342px; }
  .pgMypage .content.guide li:first-child span.step2:before { background-position: -515px -342px; }
  .pgMypage .content.guide li:first-child span.step3:before { background-position: -550px -342px; }
  .pgMypage .content.guide li:first-child span.step4:before { background-position: -174px -385px; }
  .pgMypage .content.guide li:first-child span:after { content: ''; position: absolute; top: 50%; right: 0; height: 14px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_lounge@20240801.png"); background-size: 600px auto; background-position: -591px -310px; }
  .pgMypage .content.guide li:first-child span.step4:after { display: none; }
  .pgMypage .content.guide li:first-child:before { display: none; }
  .pgEvent .commentsCommon, .pgProductBenefit .commentsCommon { margin-top: -40px; }
  .commentsCommon .btnCommentInfo { float: right; margin: 0; padding: 10px 0; font-size: 0.6875rem; color: #757271; line-height: 1.818182; }
  .commentsCommon .sorting button { position: relative; height: 42px; margin-left: 10px; padding-left: 14px; font-size: 12px; color: #757271; }
  .commentsCommon .sorting button:before { content: ''; position: absolute; top: 17px; left: 0; height: 5px; width: 5px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); border: 1px solid #B4B4B4; border-width: 0 0 1px 1px; background: none; }
  .commentsCommon .sorting button.selected { color: #3A3635; }
  .commentsCommon .sorting button.selected:before { border-color: #C14B45; }
  .commentsCommon .sorting button .icon { display: none; }
  .commentsCommon .listComments ~ .btns { margin-top: 0; }
  .commentsCommon .btnMore { display: block; padding: 0; font-size: 0.75rem; line-height: 3.33; text-align: center; }
  .writeComment { min-width: 0; }
  .writeComment .cover { width: calc(100% - 55px); }
  .writeComment textarea { height: 48px; padding: 12px 10px 0 14px; font-size: 0.75rem; }
  .writeComment > .btnWrite { height: 50px; width: 50px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -82px -152px; }
  .writeComment > .remain { margin: 10px 0 0; font-size: 0.625rem; }
  .writeComment .btnAttach { float: left; margin-top: 10px; }
  .writeComment .btnAttach button { position: relative; box-sizing: border-box; height: 40px; padding: 0 18px 0 20px; font-size: 0.75rem; color: #3A3635; line-height: 40px; border: 1px solid #D0CBC9; border-radius: 3px; }
  .writeComment .btnAttach button:before { content: ''; display: inline-block; margin-right: 8px; vertical-align: top; }
  .writeComment .btnAttach button.btnAttachMusic:before { margin-top: 13px; height: 13px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -391px -357px; }
  .writeComment .btnAttach button.btnAttachPhoto:before { margin-top: 13px; height: 12px; width: 14px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -423px -357px; }
  .writeComment .btnAttach button:hover { background: #FFF; }
  .writeComment .attach.music .attachInfo { padding-right: 39px; }
  .commentsCommon .attach { position: relative; clear: both; box-sizing: border-box; overflow: hidden; width: 100%; padding: 4px 10px 10px; font-size: 0; }
  .commentsCommon .attach .btnDelete { position: relative; height: 26px; width: 26px; text-indent: -1000em; background: none; }
  .commentsCommon .attach .btnDelete:before { content: ''; display: block; position: absolute; top: 50%; left: 8px; height: 1px; width: 12px; transform: rotate(45deg); -ms-transform: rotate(45deg); background-color: #4F4F4F; }
  .commentsCommon .attach .btnDelete:after { content: ''; display: block; position: absolute; top: 50%; left: 8px; height: 1px; width: 12px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); background-color: #4F4F4F; }
  .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.photo > a { display: inline-block; position: relative; height: 50px; width: 50px; vertical-align: top; }
  .commentsCommon .attach.photo > a:hover:before, .commentsCommon .attach.photo > a:hover:after { display: none; }
  .commentsCommon .attach.photo .thumbnail { display: block; height: 50px; width: 50px; line-height: 50px; }
  .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; }
  .commentsCommon .attach.photo .thumbnail ~ .thumbnail { margin-left: 10px; }
  .commentsCommon .attach.photo .btnDelete { margin: -4px 0 0 3px; }
  .commentsCommon .attach.music .attachInfo { position: relative; float: left; box-sizing: border-box; overflow: hidden; width: 100%; padding: 10px; border: 1px solid #EFEFEF; background: #FAFAFC; z-index: 1; }
  .commentsCommon .attach.music .attachInfo + .btnDelete { position: relative; float: left; margin: 23px 0 0 -29px; text-indent: -1000em; z-index: 2; }
  .commentsCommon .attach.music .attachInfo .thumbnail img { max-height: 100%; max-width: 100%; vertical-align: middle; }
  .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 { display: none; }
  .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: 50px; width: 50px; line-height: 50px; }
  .commentsCommon .attach.music .attachInfo.track .trackInfo { display: none; }
  .commentsCommon .attach.music .attachInfo.track .btnPlay { display: none; }
  .commentsCommon .attach.music .attachInfo.track .title { position: relative; float: left; box-sizing: border-box; width: calc(100% - 60px); margin: 5px 0 0 10px; padding: 0 0 0 30px; }
  .commentsCommon .attach.music .attachInfo.track .title:before { content: ''; position: absolute; top: 2px; left: 0; height: 15px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -281px -357px; }
  .commentsCommon .attach.music .attachInfo.track .thumbnail + .title { margin-left: 10px; }
  .commentsCommon .attach.music .attachInfo.track .title > .o19 { display: block; position: absolute; top: 0; left: 30px; overflow: hidden; margin: 3px 0 0; text-indent: -1000em; height: 12px; width: 12px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_wbugs@20250214.png"); background-size: 472px auto; background-position: -457px -350px; }
  .commentsCommon .attach.music .attachInfo.track .title > .trackTitle { display: block; overflow: hidden; font-size: 0.8125rem; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
  .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 .title > .o19 + .trackTitle { width: calc(100% - 16px); margin-left: 16px; }
  .commentsCommon .attach.music .attachInfo.track .artist { float: left; width: calc(100% - 60px); margin: 0 0 0 10px; padding: 0; }
  .commentsCommon .attach.music .attachInfo.track .artist a, .commentsCommon .attach.music .attachInfo.track .artist span { display: block; overflow: hidden; max-width: 100%; font-size: 0.75rem; color: #757271; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
  .commentsCommon .attach.music .attachInfo.track .artist .more { display: none; }
  .commentsCommon .attach.music .attachInfo.album .thumbnail { height: 50px; width: 50px; line-height: 50px; }
  .commentsCommon .attach.music .attachInfo.album .thumbnail .btnPlay { position: absolute; right: -4px; bottom: -4px; }
  .commentsCommon .attach.music .attachInfo.album .info { float: left; width: calc(100% - 60px); padding: 5px 0 0 10px; line-height: normal; }
  .commentsCommon .attach.music .attachInfo.album .info .albumTitle { display: inline-block; position: relative; box-sizing: border-box; overflow: hidden; max-width: 100%; padding-left: 30px; font-size: 0.8125rem; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
  .commentsCommon .attach.music .attachInfo.album .info .albumTitle:before { content: ''; position: absolute; top: 1px; left: 0; height: 15px; width: 25px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -253px -357px; }
  .commentsCommon .attach.music .attachInfo.album .info .artistTitle { display: inline-block; overflow: hidden; max-width: 100%; font-size: 0.75rem; font-size: 0.8125rem; color: #757271; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
  .commentsCommon .attach.music .attachInfo.artist .thumbnail { overflow: hidden; height: 50px; width: 50px; line-height: 50px; border-radius: 50%; }
  .commentsCommon .attach.music .attachInfo.artist .thumbnail .btnPlay { display: none; }
  .commentsCommon .attach.music .attachInfo.artist .mask { border-radius: 50%; }
  .commentsCommon .attach.music .attachInfo.artist .info { float: left; width: calc(100% - 60px); padding: 15px 0 0 10px; }
  .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; }
  ul.listComments li { min-height: 24px; padding: 16px 0 0 0; }
  ul.listComments li .user { position: relative; top: 0; left: 4px; width: 37%; font-size: 0.75rem; line-height: 1.9; }
  ul.listComments li .admin { display: block; position: relative; top: 0; left: 4px; width: 29%; padding-left: 21px; font-size: 0.75rem; line-height: 1.9; }
  ul.listComments li .admin:before { content: ''; display: block; position: absolute; top: 2px; left: 0; height: 16px; width: 16px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -286px -387px; }
  ul.listComments li .comment { width: 100%; padding: 8px 0 11px 4px; font-size: 0.813rem; line-height: 1.538; }
  ul.listComments li .comment p { padding-right: 5px; }
  ul.listComments li .comment time { top: -22px; right: 0; font-size: 0.75rem; line-height: 1.9; }
  ul.listComments li .comment .attach.photo a { height: 70px; width: 70px; }
  ul.listComments li .comment .attach.photo .thumbnail { height: 70px; width: 70px; line-height: 70px; }
  ul.listComments li .btnReply { margin-left: 7px; font-size: 0.75rem; line-height: 1.9; }
  ul.listComments li .btnReply:before { content: ''; display: inline-block; height: 7px; width: 1px; margin-top: -1px; margin-right: 11px; vertical-align: middle; background-color: #E5E5E5; }
  ul.listComments li .btnReply:after { margin-top: -3px; height: 5px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -512px -142px; }
  ul.listComments li .btnReply.up:after { transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
  ul.listComments li .btnReport { margin-left: 7px; font-size: 12px; color: #757271; }
  ul.listComments li .btnReport:before { content: ''; display: inline-block; height: 7px; width: 1px; margin-top: -1px; margin-right: 11px; vertical-align: middle; background-color: #E5E5E5; }
  ul.listComments li .btnDelete { top: -20px; right: 95px; height: 15px; width: 15px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -309px -357px; }
  ul.listComments li .attach { margin-top: -7px; margin-bottom: 3px; padding-left: 0 !important; }
  ul.listComments li .attach ~ .attach { margin-top: -7px; }
  ul.listComments li .btnLikeArea { position: absolute; top: 14px; right: 0; }
  ul.listComments li .btnLikeArea button { position: relative; box-sizing: border-box; height: 28px; padding-right: 5px; padding-left: 25px; font-size: 0.75rem; color: #9C9A9A; line-height: 26px; border: 0; border-radius: 0; }
  ul.listComments li .btnLikeArea button em { position: absolute; left: 10px; overflow: hidden; text-indent: -1000em; }
  ul.listComments li .btnLikeArea button strong { display: inline-block; min-width: 0; font-size: 0.75rem; font-weight: normal; color: #9C9A9A; text-align: center; white-space: nowrap; }
  ul.listComments li .btnLikeArea button.btnLike em { top: 5px; height: 14px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -359px -357px; }
  ul.listComments li .btnLikeArea button.btnLike.selected em { background-position: -375px -357px; }
  ul.listComments li .btnLikeArea button.btnDislike { margin-left: 1px; }
  ul.listComments li .btnLikeArea button.btnDislike em { top: 8px; height: 14px; width: 13px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -327px -357px; }
  ul.listComments li .btnLikeArea button.btnDislike.selected em { background-position: -343px -357px; }
  ul.listComments li ul.reply { margin-left: 0; }
  ul.listComments li ul.reply li { background: none; }
  ul.listComments li ul.reply li:before { content: ''; display: block; position: absolute; top: 19px; left: 5px; height: 7px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -502px -142px; }
  ul.listComments li ul.reply .user { left: 24px; width: 37%; }
  ul.listComments li ul.reply .admin { left: 24px; width: 29%; }
  ul.listComments li ul.reply .comment { padding-bottom: 11px; }
  ul.listComments li ul.reply .btnDelete { right: 95px; }
  ul.listComments li .delete { margin-left: 0; padding: 5px 0 17px; font-size: 0.813rem; line-height: 1.538; }
  ul.listComments li .none { margin-left: 0; padding: 5px 0 17px; font-size: 0.813rem; line-height: 1.538; }
  ul.listComments li .replyWrite { margin-top: -9px; margin-left: 0; padding: 9px 0 12px 24px; background: none; }
  ul.listComments li .replyWrite:before { content: ''; display: block; position: absolute; top: 14px; left: 5px; height: 7px; width: 7px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -502px -142px; }
  .mnPolicy { font-size: 0.75rem; color: #888; line-height: 1.67; }
  .mnPolicy .innerContent { padding-top: 13px; }
  .mnPolicy .innerContent > h1 { margin-bottom: 8px; padding-bottom: 0; font-size: 0.875rem; font-weight: normal; color: #3a3635; line-height: 2.1; text-indent: 4px; border-bottom: 1px solid #E5E5E5; }
  .mnPolicy .innerContent .chapter { padding: 0 4px 15px; font-size: 0.875rem; font-weight: normal; color: #3a3635; line-height: 1.9; }
  .mnPolicy .innerContent > strong, .mnPolicy .innerContent .article { display: block; padding: 0 4px; font-size: 0.875rem; font-weight: normal; color: #3a3635; line-height: 1.9; }
  .mnPolicy .innerContent p, .mnPolicy .innerContent .depth1 { padding: 0 4px 20px; }
  .mnPolicy .innerContent .depth2 { padding-left: 12px; }
  .mnPolicy .innerContent li a { color: #888; text-decoration: underline; }
  .mnPolicy .innerContent table { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
  .mnPolicy .innerContent table caption { display: none; }
  .mnPolicy .innerContent table thead th { color: #3a3635; text-align: center; background-color: #f2f3f7; }
  .mnPolicy .innerContent table th, .mnPolicy .innerContent table td { padding: 4px 10px; font-size: 0.75rem; font-weight: normal; color: #888; text-align: left; vertical-align: middle; border: 1px solid #DADADA; }
  .mnPolicy .innerContent table a { color: #757271; text-decoration: underline; }
  .mnPolicy .innerContent h5 { padding: 0 4px; font-size: 0.875rem; font-weight: normal; color: #3a3635; line-height: 1.9; } }
@media all and (max-width: 579px) { .content { padding-left: 15px; padding-right: 15px; }
  body.android.bugsApp .content { padding-left: 25px; padding-right: 25px; }
  .productList { padding: 0 !important; }
  .productList ul { margin: 0; }
  .productList ul li { width: 100%; margin: 0; }
  .productList ul li:nth-of-type(n+2) { margin-top: 12px; }
  .productList ul li .productWrap { padding-top: 0; }
  .productList ul li .badge { top: 15px; left: 15px; }
  .productList ul li .badge span { height: 44px; width: 44px; margin-right: 5px; }
  .productList ul li .thumbnail { position: relative; z-index: 11; }
  .productList ul li .thumbnail:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.08); z-index: 10; }
  .productList ul li .thumbnail:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.08); border-width: 1px 0; z-index: 11; }
  .productList ul li .dealMsg { bottom: 69px; }
  .productList ul li .dealMsg > div { display: table; height: 100%; width: 100%; }
  .productList ul li .dealMsg p { display: table-cell; color: #FFF; text-align: center; vertical-align: middle; }
  .productList ul li .dealMsg p strong { display: inline-block; font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 21px; }
  .productList ul li .dealMsg p span { font-size: 11px; line-height: 21px; }
  .productList ul li .dealMsg p a { display: inline-block; margin: 16px 0 0; padding: 0 11px; font-size: 11px; line-height: 30px; text-align: center; border-radius: 3px; background: #FFF; }
  .productList ul li .productInfo { position: relative; box-sizing: border-box; height: 69px; padding-top: 16px; background: #FFF; z-index: 9; padding-left: 15px; padding-right: 15px; }
  body.android.bugsApp .productList ul li .productInfo { padding-left: 25px; padding-right: 25px; }
  .productList ul li .productInfo > strong { display: block; font-size: 13px; font-weight: normal; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .productList ul li .productInfo > p { display: none; }
  .productList ul li .productInfo .priceInfo { overflow: hidden; height: 19px; margin-top: 3px; white-space: nowrap; }
  .productList ul li .productInfo .priceInfo * { display: inline-block; }
  .productList ul li .productInfo .priceInfo .rate { font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-size: 15px; font-weight: bold; color: #FF4C42; line-height: 19px; vertical-align: top; }
  .productList ul li .productInfo .priceInfo .rate span { font-weight: bold; }
  .productList ul li .productInfo .priceInfo > strong { margin-left: 4px; font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 19px; vertical-align: top; }
  .productList ul li .productInfo .priceInfo > strong span { font-size: 13px; font-weight: normal; }
  .productList ul li .productInfo .priceInfo > del { margin: 2px 0 0 4px; font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-size: 13px; line-height: 16px; vertical-align: top; opacity: 0.5; }
  .productList ul li .productInfo .priceInfo > del span { font-size: 12px; }
  .productList ul li .productInfo .priceInfo .saleText { margin: 0 0 0 7px; font-size: 12px; font-weight: 300; line-height: 19px; }
  .productList ul li .productInfo .hiddenPrice { margin-top: 1px; font-size: 11px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .productList ul li .productInfo .hiddenPrice:before { height: 16px; width: 73px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/mobile/sprite_mobile_lounge@20240801.png"); background-size: 862px auto; background-position: -749px -176px; }
  .productList ul li .productInfo .eventInfo { display: block; box-sizing: border-box; height: 17px; margin-top: 3px; padding-top: 0; font-size: 11px; line-height: 17px; }
  .productList ul li .productInfo .eventInfo span { font-weight: 300; vertical-align: top; }
  .productList ul li .productInfo .eventInfo span:after { content: ':'; display: inline-block; margin: 0 2px 0 4px; }
  .productList ul li .productInfo .eventInfo time { font-family: "RixMgo", "Apple SD Gothic Neo", arial, sans-serif; font-weight: 300; vertical-align: top; }
  .productList ul li.bannerType1 { width: 100%; max-width: 100%; }
  .productList ul li.bannerType1 img { max-height: 80px; }
  .productList ul li.bannerType2 .bannerWrap { display: block; box-sizing: border-box; overflow: hidden; width: 100%; padding-top: calc(47.6% + 69px); background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; }
  .productList ul li.bannerType2 .bannerWrap span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
  .pgHomeV2 .content.banner { position: relative; overflow: hidden; max-height: 200px; }
  .pgHomeV2 .content.banner .slideWrap { position: relative; overflow: hidden; margin: 0 auto; }
  .pgHomeV2 .content.banner .slideWrap ul li { float: left; max-height: 100%; max-width: 100%; }
  .pgHomeV2 .content.banner .slideWrap ul li a img { max-height: 200px; }
  .pgHomeV2 .content.banner #slidePaginationForMobile { position: absolute; right: 0; bottom: 15px; left: 50%; height: 1px; width: 100px; font-size: 0; white-space: nowrap; transform: translateX(-50%); -ms-transform: translateX(-50%); background: rgba(255, 255, 255, 0.3); }
  .pgHomeV2 .content.banner #slidePaginationForMobile span { display: inline-block; float: none; height: 1px; width: auto; padding: 0; border-radius: 0; background: #FFF; }
  .pgHomeV2 .hashTag { overflow: hidden; overflow-x: auto; overflow-y: hidden; margin: 0 auto; padding: 5px 0; text-align: center; }
  .pgHomeV2 .hashTag .scroll { display: inline-block; margin: 0 auto; white-space: nowrap; padding-left: 15px; padding-right: 15px; }
  body.android.bugsApp .pgHomeV2 .hashTag .scroll { padding-left: 25px; padding-right: 25px; }
  .pgHomeV2 .hashTag strong { display: inline-block; position: relative; margin-right: 8px; padding-right: 22px; font-size: 14px; font-size: 0.875rem; color: #000; }
  .pgHomeV2 .hashTag strong:after { content: ''; position: absolute; top: 50%; right: 0; height: 12px; width: 2px; margin-top: -6px; background: #BFBFBF; }
  .pgHomeV2 .hashTag a { display: inline-block; padding: 0; font-size: 12px; line-height: 40px; text-decoration: none; border: 0; border-radius: 0; background: transparent; }
  .pgHomeV2 .hashTag a:nth-of-type(n+2) { margin-left: 6px; }
  .pgSpecial .specialBanner { max-height: 200px; }
  .pgSpecial .specialBanner img { max-height: 200px; max-width: 100%; }
  .loungeBenefit { margin-left: -15px; margin-right: -15px; }
  body.android.bugsApp .loungeBenefit { margin-left: -25px; margin-right: -25px; } }
@media all and (max-width: 359px) { .pgProduct .tab button { margin-right: 3%; }
  .pgProduct .product .productInfo .banner a { padding-left: 0; }
  .pgProduct .product .productInfo .banner a:before { display: none; }
  #footer .link { font-size: 0.6875rem; } }
@media all and (max-height: 530px) { #header .mobile .sideMenu { overflow: hidden; overflow-y: auto; max-height: calc(99vh - 50px); } }
.layer > .btnClose { display: block; position: absolute; top: 11px; right: 4px; cursor: pointer; height: 30px; width: 30px; text-align: left; text-indent: -1000em; z-index: 1000; }
.layer > .btnClose:before { content: ''; height: 9px; width: 10px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_wbugs@20250214.png"); background-position: -609px -119px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.layer input[type=text], .layer input[type=tel], .layer input[type=password] { height: 33px; width: auto; padding: 1px 10px 0 10px; font-size: 13px; color: #3A3635; line-height: 33px; border: 1px solid #c4c2c2; border-radius: 3px; }
.layer .thumbnails img, .layer .thumbnail img, .layer .list .thumbnail img { display: inline-block; max-height: 100%; max-width: 100%; font-size: 0; vertical-align: middle; }
.layer .paging { padding-top: 10px; text-align: center; }
.layer .paging a { display: inline-block; position: relative; height: 19px; min-width: 26px; margin: 0 1px 0 2px; padding-top: 7px; font-size: 13px; color: #757271; text-align: center; text-decoration: none; border: 1px solid #dad9d9; background-color: #FFF; }
.layer .paging a:hover { background-color: #f2f3f7; }
.layer .paging a.selected { color: #3a3635; }
.layer .paging a.selected .line { display: block; position: absolute; right: -1px; bottom: -1px; left: -1px; height: 2px; background-color: #ff564c; }
.layer .paging a.btnPrev { padding-right: 14px; padding-left: 21px; }
.layer .paging a.btnPrev:before { content: ''; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; left: 10px; transform: translate(0, -54%) rotate(180deg); }
.layer .paging a.btnPrev.icon:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); }
.layer .paging span.btnPrev.icon:before { background-color: #FFF; height: 7px; width: 5px; background-position: 0 -42px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); }
.layer .paging a.btnNext { padding-right: 21px; padding-left: 14px; }
.layer .paging a.btnNext:before { content: ''; height: 7px; width: 5px; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); background-position: -47px -22px; position: absolute; top: 50%; right: 10px; transform: translate(0, -54%); }
.layer .paging span.btnNext.icon:before { background-color: #FFF; height: 7px; width: 5px; background-position: 0 -42px; }
.layer .paging > a.icon, .layer .paging > span.icon { display: inline-block; position: relative; height: 25px; width: 25px; min-width: 25px; padding: 0; text-indent: -1000em; border: 1px solid #dad9d9; }
.layer .paging > a.icon:before, .layer .paging > span.icon:before { content: ''; background-image: url("//file.bugsm.co.kr/wbugs/sprite/pc/sprite_pc_arrow@20220127.png"); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.layerLounge { display: none; position: absolute; left: 50%; width: 490px; margin-left: -245px; box-shadow: 10px 10px 15px 0 rgba(7, 0, 2, 0.1); z-index: 1000; }
.layerLounge .layerTitle { border: 1px solid #c9c9c9; border-bottom: 1px solid #e5e5e5; }
.layerLounge .layerTitle > h1 { padding: 26px 30px; font-size: 26px; font-size: 1.625rem; }
.layerLounge .layerContents { padding-bottom: 20px; border: 1px solid #c9c9c9; border-top: 0; }
.layerLounge .btns { display: block !important; float: none !important; width: 100% !important; margin-top: 15px !important; padding: 0 !important; text-align: center; }
.layerLounge .btnNormal { padding: 0 35px; font-size: 15px; font-size: 0.938rem; line-height: 2.53; border: 1px solid #d0cbc9; border-radius: 5px; background-color: #fff; }
.layerLounge .btnClose { top: 28px; right: 24px; background-position: 0 0; }
.layerLounge > .btnClose { display: block; position: absolute; cursor: pointer; height: 30px; width: 30px; text-indent: -1000em; background-image: url("//file.bugsm.co.kr/wbugs/musicLounge/web/sprite_layer.png"); z-index: 1000; }
.layerLoungeRenewalV2 { display: none; position: absolute; top: 377px; left: 50%; height: 464px; max-height: 464px; width: 569px; margin-left: -285px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/web/bg_layerLoungeV20161010@2x.png") no-repeat; background-size: 100% auto; z-index: 100; }
.layerLoungeRenewalV2 p, .layerLoungeRenewalV2 dl { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
.layerLoungeRenewalV2 .openCheck { position: absolute; bottom: 16px; left: 30px; }
.layerLoungeRenewalV2 .openCheck input[type=checkbox] { display: inline-block; height: 14px; width: 14px; vertical-align: middle; }
.layerLoungeRenewalV2 .openCheck label { display: inline-block; overflow: hidden; height: 55px; width: 130px; text-indent: -1000em; vertical-align: middle; }
.layerLoungeRenewalV2 .btnClose { position: absolute; right: 16px; bottom: 16px; }
.layerLoungeRenewalV2 .btnClose button { display: block; overflow: hidden; height: 55px; width: 55px; text-indent: -1000em; }
.layerVIPMembership { position: absolute; box-sizing: border-box; height: 478px; width: 648px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/bn_layerVIPMembership.png") no-repeat 50% 0; }
.layerVIPMembership .contents .header, .layerVIPMembership .contents p { overflow: hidden; height: 0; width: 1px; text-indent: -1000em; }
.layerVIPMembership .openCheck { position: absolute; bottom: 34px; left: 33px; z-index: 10; }
.layerVIPMembership .openCheck label { display: inline-block; margin-left: 5px; padding: 10px 0; font-size: 12px; color: #FFF; }
.layerVIPMembership .btnClose { position: absolute; right: 20px; bottom: 20px; z-index: 10; }
.layerVIPMembership .btnClose button { position: relative; overflow: hidden; height: 66px; width: 66px; text-indent: -1000em; }
.layerPopupBanner { position: absolute; box-sizing: border-box; padding: 10px 10px 0 10px; box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.25); background: #FFF; }
.layerPopupBanner .contents { position: relative; overflow: hidden; height: 375px; width: 600px; }
.layerPopupBanner .contents ul { overflow: hidden; }
.layerPopupBanner .contents ul li { float: left; width: 600px; }
.layerPopupBanner .contents ul li img { max-width: 100%; }
.layerPopupBanner .contents .btns { position: absolute; top: 162px; right: 0; left: 0; }
.layerPopupBanner .contents .btns button { position: absolute; top: 0; height: 54px; width: 54px; text-indent: -1000em; z-index: 100; }
.layerPopupBanner .contents .btns button:before { content: ''; position: absolute; top: 0; }
.layerPopupBanner .contents .btns button.btnPrev { left: 20px; }
.layerPopupBanner .contents .btns button.btnNext { right: 20px; }
.layerPopupBanner .contents .btns button[disabled] { opacity: 0.5; }
.layerPopupBanner .contents .paging { position: absolute; right: 0; bottom: 24px; left: 0; text-align: center; }
.layerPopupBanner .contents .paging .dot { display: inline-block; position: relative; height: 22px; width: 22px; opacity: 0.15; }
.layerPopupBanner .contents .paging .dot:before { content: ''; position: absolute; top: 6px; left: 6px; height: 10px; width: 10px; border-radius: 10px; background: #000; }
.layerPopupBanner .contents .paging .dot.selected { opacity: 1; }
.layerPopupBanner .openCheck { box-sizing: border-box; height: 65px; width: 100%; padding: 15px 0 0 17px; }
.layerPopupBanner .openCheck label { display: inline-block; margin-left: 5px; padding: 10px 0; font-size: 12px; color: #333; }
.layerPopupBanner .btnClose { position: absolute; right: 0; bottom: 0; z-index: 10; }
.layerPopupBanner .btnClose button { position: relative; overflow: hidden; height: 64px; width: 64px; text-indent: -1000em; }
.layerPopupBanner .btnClose button:before { content: ''; display: block; position: absolute; top: 66%; left: 42%; height: 1px; width: 20px; margin: -12px 0 0 -7px; transform: rotate(45deg); background-color: #666; }
.layerPopupBanner .btnClose button:after { content: ''; display: block; position: absolute; top: 66%; left: 42%; height: 1px; width: 20px; margin: -12px 0 0 -7px; transform: rotate(-45deg); background-color: #666; }
.layer.alertMessage .layer-title { overflow: hidden; height: 38px; }
.layer.alertMessage .layer-title > h1 { padding: 0 20px; font-size: 14px; color: #757271; line-height: 38px; }
.layer.alertMessage > .btnClose { top: 4px; right: 12px; text-indent: -1000em; background: url("//file.bugsm.co.kr/wbugs/musicLounge/web/sprite_layer.png?date=20180404") no-repeat -120px 0; }
.layer.layerLoungeOfflineGuide { width: 378px; }
.layerLoungeOfflineGuide .message { padding-bottom: 10px; }
.layerLoungeOfflineGuide .message p { margin-bottom: 20px; padding-top: 25px; font-size: 13px; color: #757271; line-height: 22px; text-align: center; }
.layerLoungeOfflineGuide .message p strong { display: inline-block; position: relative; margin-bottom: 8px; padding: 1px 0 0 26px; font-size: 17px; font-weight: normal; color: #3A3635; line-height: 22px; vertical-align: top; }
.layerLoungeOfflineGuide .message p strong:before { content: ''; position: absolute; top: 0; left: 0; height: 20px; width: 20px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/web/sprite_productV20180404.png") no-repeat -560px -80px; }
.layerLoungeOfflineGuide .message p em { display: inline-block; margin-bottom: 5px; font-size: 17px; color: #d03937; line-height: 22px; vertical-align: top; }
.layerLoungeOfflineCoupon { position: absolute; overflow: hidden; z-index: 1000; }
.layerLoungeOfflineCoupon .btnCouponClose { position: absolute; top: 0; left: 50%; overflow: hidden; height: 30px; width: 30px; margin-left: 100px; text-indent: -1000em; z-index: 1000; }
.layerLoungeOfflineCoupon .btnCouponClose:before { content: ''; display: block; position: absolute; top: 50%; left: 9px; height: 1px; width: 13px; transform: rotate(45deg); background-color: #FFF; }
.layerLoungeOfflineCoupon .btnCouponClose:after { content: ''; display: block; position: absolute; top: 50%; left: 9px; height: 1px; width: 13px; transform: rotate(-45deg); background-color: #FFF; }
.layerLoungeOfflineCoupon .slideContainer { overflow: hidden; width: 100%; }
.layerLoungeOfflineCoupon .couponList { overflow: hidden; margin: 0 auto; padding: 2px 0 23px; padding-right: calc((100% - 295px) / 2); padding-left: calc((100% - 295px) / 2); }
.layerLoungeOfflineCoupon .couponList .item { position: relative; float: left; height: 360px; width: 260px; margin: 0 18px 0 17px; box-shadow: 11px 11px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 15px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/mobile/bg_layerOfflineCoupon.png") no-repeat; background-size: 1100px auto; }
.layerLoungeOfflineCoupon .couponList .item .couponTitle { box-sizing: border-box; height: 145px; padding-top: 47px; text-align: center; }
.layerLoungeOfflineCoupon .couponList .item .couponTitle span { display: inline-block; font-size: 0.6875rem; }
.layerLoungeOfflineCoupon .couponList .item .couponTitle time { display: inline-block; margin-top: 5px; font-family: 'Montserrat'; font-size: 0.75rem; color: #FFF; }
.layerLoungeOfflineCoupon .couponList .item .couponTitle strong { display: inline-block; overflow: hidden; height: 0; width: 1px; text-indent: -1000em; }
.layerLoungeOfflineCoupon .couponList .couponType1 { background-position: -280px 0; }
.layerLoungeOfflineCoupon .couponList .couponType1 .couponTitle span { color: #a4dfe4; }
.layerLoungeOfflineCoupon .couponList .couponType2 { background-position: -560px 0; }
.layerLoungeOfflineCoupon .couponList .couponType2 .couponTitle span { color: #a4e4ac; }
.layerLoungeOfflineCoupon .couponList .couponType3 { background-position: -840px 0; }
.layerLoungeOfflineCoupon .couponList .couponType3 .couponTitle span { color: #e4e63d; }
.layerLoungeOfflineCoupon .couponList .couponType4 { background-position: 0 -380px; }
.layerLoungeOfflineCoupon .couponList .couponType4 .couponTitle span { color: #c5fefd; }
.layerLoungeOfflineCoupon .couponList .couponType5 { background-position: -280px -380px; }
.layerLoungeOfflineCoupon .couponList .couponType5 .couponTitle span { color: #eefb90; }
.layerLoungeOfflineCoupon .couponList .couponType6 { background-position: -560px -380px; }
.layerLoungeOfflineCoupon .couponList .couponType6 .couponTitle span { color: #fcff00; }
.layerLoungeOfflineCoupon .couponList .couponInfo { box-sizing: border-box; height: 89px; padding-top: 24px; text-align: center; }
.layerLoungeOfflineCoupon .couponList .couponInfo span { display: block; font-size: 1rem; color: #3A3635; line-height: 1.5; }
.layerLoungeOfflineCoupon .couponList .couponInfo strong { display: block; padding: 0 20px; font-size: 0.875rem; color: #d03937; line-height: 1.5; }
.layerLoungeOfflineCoupon .btns { text-align: center; }
.layerLoungeOfflineCoupon .btns button { height: 50px; width: 170px; font-size: 0.875rem; color: #FFF; border-radius: 4px; background: #d03937; }
.layerLoungeOfflineCoupon .btns strong { display: block; margin-top: 18px; font-size: 0.75rem; color: #c53736; }
.layerLoungeOfflineCoupon .completed { height: 360px; width: 260px; margin: 2px auto 23px; box-shadow: 11px 11px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 15px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/mobile/bg_layerOfflineCoupon.png") no-repeat 0 0; background-size: 1100px auto; }
.layerLoungeOfflineCoupon .completed .msg { padding: 132px 0 54px; font-size: 0.9375rem; color: #3A3635; line-height: 24px; text-align: center; }
.layerLoungeOfflineCoupon .completed .btnCouponClose:before { background-color: #3a3635; }
.layerLoungeOfflineCoupon .completed .btnCouponClose:after { background-color: #3a3635; }
.layerCommentsAttachPhoto .layerContents .caution { clear: both; height: auto; padding: 23px 0 4px; }
.layerCommentsAttachPhoto .layerContents .caution li { font-size: 11px; color: #ff3d33; line-height: 1.181818; }
.layerCommentsAttachPhoto .layerContents .caution li:before { content: '*'; margin-right: 4px; }
.layerCommentsAttachPhoto .layerContents .caution li:nth-of-type(2) { display: none; }
.layerCommentsAttachPhoto .layerContents .loading { display: none; position: absolute; top: 71px; left: 20px; height: 100px; width: 100px; }
.layerCommentsAttachPhoto .layerContents .loading:before { content: ''; position: absolute; top: 50%; left: 50%; height: 20px; width: 20px; margin: -10px 0 0 -10px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/web/ani_loading.gif") no-repeat; background-size: 100% auto; }
.layerCommentsAttachMusic .attachSearchForm input[type=text] { width: 393px; }
.layerCommentsAttachMusic .searchResult .list.resultAlbum .thumbnail .btnPlay { display: none; }
.layerPhotoGallery { position: fixed; min-width: 0; }
.layerPhotoGallery .layerContents { top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.layerPhotoGallery .photos { height: auto; margin-bottom: 0; }
.layerPhotoGallery .photos .bigImg { margin-bottom: 0; line-height: 650px; }
.layerShippingList { box-sizing: border-box; width: 450px; }
.layerShippingList .guide { box-sizing: border-box; max-width: 410px; margin: 0 20px; padding: 15px 0 20px; font-size: 13px; color: #3A3635; line-height: 24px; border-bottom: 1px solid #ededed; }
.layerShippingList .guide span { display: inline-block; }
.layerShippingList .guide em { color: #FF3D33; }
.layerShippingList .scrollWrap { overflow: hidden; overflow-y: auto; max-height: 415px; max-width: 450px; padding-left: 20px; }
.layerShippingList .list { width: 410px; max-width: 410px; }
.layerShippingList .list li { position: relative; box-sizing: border-box; padding: 15px 10px 3px 35px; font-size: 13px; border-top: 1px solid #ededed; }
.layerShippingList .list li:first-of-type { border-top: 0; }
.layerShippingList .list li input[type=radio] { position: absolute; top: 20px; left: 2px; }
.layerShippingList .list li label { display: inline-block; line-height: 24px; }
.layerShippingList .list li .default { display: inline-block; height: 16px; width: 31px; margin: 2px 0 0 5px; font-size: 10px; color: #FFF; line-height: 16px; text-align: center; vertical-align: top; background: #ff564c; }
.layerShippingList .list li .address { padding-top: 8px; }
.layerShippingList .list li .address span { color: #757271; line-height: 24px; vertical-align: top; }
.layerShippingList .list li .address .zip { display: block; }
.layerShippingList .list li .address .tel { color: #3A3635; line-height: 40px; }
.layerShippingList .btns { max-width: 410px; margin: 0 20px; padding-top: 20px; text-align: center; border-top: 1px solid #EDEDED; }
.layerShippingList .btns .btnNormal.strong { color: #FFF; border-color: #ff564c; background: #ff564c; }
.layerShippingList .btnClose { text-indent: -1000em; }
@media all and (max-width: 720px) { .layer { min-width: 300px; }
  .layer .blockText { display: block; }
  .layer .layer-title { display: block; position: relative; height: 45px; width: 100%; border-bottom: 1px solid #e5e5e5; }
  .layer .layer-title > h1 { padding-left: 20px; font-size: 0.875rem; line-height: 3.21428; }
  .layer .btns { box-sizing: border-box; margin-top: 14px; text-align: center; }
  .layer .btnNormal { box-sizing: border-box; font-size: 0.75rem; border: 1px solid #d0cbc9; }
  .layer.bugsAlert > .btnClose, .layer > .btnClose { position: absolute; top: 1px; right: 0; height: 44px; width: 44px; background: none; }
  .layer > .btnClose:before { content: ''; position: absolute; top: 50%; left: 50%; height: 15px; width: 15px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/mobile/sprite_layer.png") no-repeat 0 0; background-size: 150px auto; }
  .layer.alertMessage, .layer.bugsAlert, .layer.bugsConfirm { width: 95%; max-width: 346px; }
  .layerLounge { width: 300px; margin-left: -150px; }
  .layerLounge .blockText { display: block; }
  .layerLounge .layerTitle > h1 { padding: 18px 13px; font-size: 13px; font-size: 0.813rem; }
  .layerLounge .btns { margin: 10px 0 0 !important; }
  .layerLounge .btnNormal { padding: 0 27px; font-size: 12px; font-size: 0.75rem; line-height: 2.53; border: 1px solid #d0cbc9; border-radius: 3px; }
  .layerLounge > .btnClose { top: 18px; right: 12px; height: 15px; width: 15px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/mobile/sprite_layer.png") no-repeat 0 0; background-size: 150px auto; }
  .layerLounge .btnClose { top: 18px; right: 12px; background-position: 0 0; }
  .layerLoungeRenewalV2 { width: 99.0625%; min-width: 317px; max-width: 340px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/mobile/bg_layerLoungeV20161010.png") no-repeat; background-size: 100% auto; }
  .layerLoungeRenewalV2 .openCheck { bottom: 2.2%; left: 18px; height: 12%; width: 50%; }
  .layerLoungeRenewalV2 .openCheck input[type=checkbox] { margin-top: 12.5%; vertical-align: top; }
  .layerLoungeRenewalV2 .openCheck label { height: 100%; width: 90%; }
  .layerLoungeRenewalV2 .btnClose { right: 2.2%; bottom: 2.2%; height: 12%; width: 16%; }
  .layerLoungeRenewalV2 .btnClose button { height: 100%; width: 100%; }
  .layerVIPMembership { position: absolute; box-sizing: border-box; height: 430px; width: 324px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/bn_layerVIPMembership.png") no-repeat 50% -250px; background-size: 100% auto; }
  .layerVIPMembership .contents .header, .layerVIPMembership .contents p { overflow: hidden; height: 0; width: 1px; text-indent: -1000em; }
  .layerVIPMembership .openCheck { position: absolute; bottom: 14px; left: 15px; z-index: 10; }
  .layerVIPMembership .openCheck label { display: inline-block; margin-left: 5px; font-size: 11px; color: #FFF; }
  .layerVIPMembership .openCheck input[type=checkbox] { appearance: none; -webkit-appearance: none; position: relative; box-sizing: border-box; height: 16px; width: 16px; background: #FFF; }
  .layerVIPMembership .openCheck input[type=checkbox]:before { content: ''; position: absolute; top: 2px; left: 2px; height: 5px; width: 9px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); border: solid #FFF; border-width: 0 0 2px 2px; }
  .layerVIPMembership .openCheck input[type=checkbox]:checked:before { border-color: #3A3635; opacity: 1; }
  .layerVIPMembership .btnClose { position: absolute; right: 6px; bottom: 5px; z-index: 10; }
  .layerVIPMembership .btnClose button { position: relative; overflow: hidden; height: 55px; width: 55px; text-indent: -1000em; }
  .layerVIPMembership .btnClose button:before { content: ''; display: block; position: absolute; top: 66%; left: 42%; height: 1px; width: 24px; margin: -9px 0 0 -9px; transform: rotate(45deg); background-color: #FFF; }
  .layerVIPMembership .btnClose button:after { content: ''; display: block; position: absolute; top: 66%; left: 42%; height: 1px; width: 24px; margin: -9px 0 0 -9px; transform: rotate(-45deg); background-color: #FFF; }
  .layerPopupBanner { position: absolute; box-sizing: border-box; padding: 8px 8px 0 8px; box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25); background: #FFF; }
  .layerPopupBanner .contents { position: relative; overflow: hidden; height: 360px; width: 295px; }
  .layerPopupBanner .contents ul { overflow: hidden; }
  .layerPopupBanner .contents ul li { float: left; width: 295px; }
  .layerPopupBanner .contents ul li img { max-width: 100%; }
  .layerPopupBanner .contents .btns { display: none; }
  .layerPopupBanner .contents .paging { position: absolute; right: 0; bottom: 19px; left: 0; text-align: center; }
  .layerPopupBanner .contents .paging .dot { display: inline-block; position: relative; height: 18px; width: 18px; opacity: 0.15; }
  .layerPopupBanner .contents .paging .dot:before { content: ''; position: absolute; top: 6px; left: 6px; height: 6px; width: 6px; border-radius: 50%; background: #000; }
  .layerPopupBanner .contents .paging .dot.selected { opacity: 1; }
  .layerPopupBanner .openCheck { box-sizing: border-box; height: 55px; width: 100%; padding: 13px 0 0 10px; }
  .layerPopupBanner .openCheck label { display: inline-block; margin-left: 5px; padding: 10px 0; font-size: 11px; color: #333; }
  .layerPopupBanner .openCheck input[type=checkbox] { appearance: none; -webkit-appearance: none; position: relative; box-sizing: border-box; height: 19px; width: 19px; border: 1px solid #777; background: #FFF; }
  .layerPopupBanner .openCheck input[type=checkbox]:before { content: ''; position: absolute; top: 2px; left: 2px; height: 5px; width: 9px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); border: solid #FFF; border-width: 0 0 2px 2px; }
  .layerPopupBanner .openCheck input[type=checkbox]:checked:before { border-color: #3A3635; opacity: 1; }
  .layerPopupBanner .btnClose { position: absolute; right: 0; bottom: 0; z-index: 10; }
  .layerPopupBanner .btnClose button { position: relative; overflow: hidden; height: 55px; width: 55px; text-indent: -1000em; }
  .layerPopupBanner .btnClose button:before { content: ''; display: block; position: absolute; top: 66%; left: 42%; height: 1px; width: 24px; margin: -9px 0 0 -7px; transform: rotate(45deg); background-color: #666; }
  .layerPopupBanner .btnClose button:after { content: ''; display: block; position: absolute; top: 66%; left: 42%; height: 1px; width: 24px; margin: -9px 0 0 -7px; transform: rotate(-45deg); background-color: #666; }
  .layerShippingList { box-sizing: border-box; width: 93%; max-width: 450px; }
  .layerShippingList .guide { box-sizing: border-box; max-width: 410px; margin: 0 20px; padding: 15px 0 20px; font-size: 13px; color: #3A3635; line-height: 24px; border-bottom: 1px solid #ededed; }
  .layerShippingList .guide span { display: inline; }
  .layerShippingList .guide em { color: #FF3D33; }
  .layerShippingList .scrollWrap { overflow: hidden; overflow-y: auto; max-height: 230px; max-width: 450px; padding-left: 20px; }
  .layerShippingList .list { box-sizing: border-box; width: calc(100% - 20px); max-width: 410px; }
  .layerShippingList .list li { position: relative; box-sizing: border-box; padding: 10px 5px 0 25px; font-size: 13px; border-top: 1px solid #ededed; }
  .layerShippingList .list li:first-of-type { border-top: 0; }
  .layerShippingList .list li input[type=radio] { position: absolute; top: 13px; left: 2px; }
  .layerShippingList .list li label { display: inline-block; line-height: 20px; }
  .layerShippingList .list li .default { display: inline-block; height: 16px; width: 31px; margin: 1px 0 0 5px; font-size: 10px; color: #FFF; line-height: 16px; text-align: center; vertical-align: top; background: #ff564c; }
  .layerShippingList .list li .address { padding-top: 8px; }
  .layerShippingList .list li .address span { color: #757271; line-height: 20px; vertical-align: top; }
  .layerShippingList .list li .address .zip { display: inline-block; }
  .layerShippingList .list li .address .zip:before { content: '('; }
  .layerShippingList .list li .address .zip:after { content: ')'; }
  .layerShippingList .list li .address .tel { margin-bottom: 5px; color: #3A3635; line-height: 30px; }
  .layerShippingList .btns { max-width: 410px; margin: 0 20px; padding-top: 20px; text-align: center; border-top: 1px solid #EDEDED; }
  .layer.layerCommentsAttachPhoto { width: calc(100% - 20px); min-width: 300px; max-width: 332px; }
  .layerCommentsAttachPhoto .layerContents { overflow: hidden; padding: 20px; }
  .layerCommentsAttachPhoto .layerContents .thumbnail { position: relative; float: left; clear: both; height: 98px; width: 98px; margin-right: 15px; 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: 0.6875rem; color: #999; line-height: 1.45455; text-align: center; z-index: 1; }
  .layerCommentsAttachPhoto .layerContents .thumbnail img { position: relative; z-index: 2; }
  .layerCommentsAttachPhoto .layerContents .loading { display: none; position: absolute; top: 66px; left: 20px; height: 100px; width: 100px; }
  .layerCommentsAttachPhoto .layerContents .loading:before { content: ''; position: absolute; top: 50%; left: 50%; height: 30px; width: 30px; margin: -15px 0 0 -15px; background: url("//file.bugsm.co.kr/wbugs/musicLounge/mobile/ani_loading.gif") no-repeat; background-size: 100% auto; }
  .layerCommentsAttachPhoto .layerContents .guide { float: left; box-sizing: border-box; height: 100px; width: calc(100% - 115px); padding-top: 10px; font-size: 0.75rem; line-height: 1.6667; }
  .layerCommentsAttachPhoto .layerContents .guide span { display: inline-block; }
  .layerCommentsAttachPhoto .layerContents .caution { clear: both; height: auto; padding: 16px 0 0; }
  .layerCommentsAttachPhoto .layerContents .caution li { position: relative; padding-left: 6px; font-size: 0.6875rem; color: #ff3d33; line-height: 1.545454; }
  .layerCommentsAttachPhoto .layerContents .caution li:before { content: ''; position: absolute; top: 5px; left: 0; height: 2px; width: 2px; background: #FF3D33; }
  .layerCommentsAttachPhoto .layerContents .caution li:nth-of-type(2) { display: block; margin-top: 4px; }
  .layerCommentsAttachPhoto .layerContents .caution li span { display: inline-block; }
  .layerCommentsAttachPhoto .layerContents .caution li a { color: #FF3D33; text-decoration: underline; }
  .layerCommentsAttachPhoto .layerContents .btns { clear: both; overflow: hidden; width: 100%; padding: 20px 0 0; }
  .layerCommentsAttachPhoto .layerContents .btns .btnNormal { float: left; height: 40px; width: 49%; width: calc(50% - 2px); }
  .layerCommentsAttachPhoto .layerContents .btns .btnNormal + .btnNormal { float: right; }
  .layer.layerCleanCenter { width: calc(100% - 20px); min-width: 300px; max-width: 332px; }
  .layerCleanCenter .layerContents { padding: 20px 20px 0; }
  .layerCleanCenter .layerContents .desc { margin: 0 0 20px; font-size: 13px; line-height: 24px; }
  .layerCleanCenter .layerContents .btns .btnNormal { height: 40px; width: 100%; font-size: 12px; color: #3A3635; line-height: 2.1; border: 1px solid #B4B2B3; background-color: #FFF !important; }
  .layerCleanCenter .layerContents .btns .btnNormal:hover { border: 1px solid #B4B2B3; background-color: #F2F3F7 !important; }
  .layerCleanCenter .layerContents .chk input { position: absolute; clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; margin: -1px; }
  .layerCleanCenter .layerContents .chk label { font-size: 12px; color: var(--txt-secondary); line-height: 52px; }
  .layer.layerCommentsAttachMusic { height: 474px; width: calc(100% - 20px); min-width: 300px; max-width: 332px; }
  .layerCommentsAttachMusic .layerContents { padding: 20px; }
  .layerCommentsAttachMusic .attachSearchForm { position: relative; margin-bottom: 20px; z-index: 1010; }
  .layerCommentsAttachMusic .attachSearchForm .input input[type=text] { box-sizing: border-box; height: 35px; width: calc(100% - 55px); margin-right: 0; font-size: 0.8125rem; }
  .layerCommentsAttachMusic .attachSearchForm .input input ~ .btnNormal { height: 35px; width: 50px; padding: 0; }
  .layerCommentsAttachMusic .attachSearchForm .suggest { display: none; position: absolute; top: 34px; left: 0; box-sizing: border-box; max-height: 315px; width: calc(100% - 55px); border: 1px solid #c4c2c2; border-radius: 0; background: #FFF; }
  .layerCommentsAttachMusic .attachSearchForm .suggest li a { display: block; overflow: hidden; padding: 0 10px; font-size: 0.75rem; line-height: 2.91667; 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 .tab { position: relative; box-sizing: border-box; height: 40px; width: 100%; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; z-index: 1; }
  .layerCommentsAttachMusic .searchResult .tab li { position: relative; float: left; box-sizing: border-box; height: 40px; width: 33.3333%; font-size: 0.8125rem; line-height: 1.1538; text-align: center; border: 1px solid #D9D9D9; border-width: 1px 1px 0 0; background: #fafafc; z-index: 2; }
  .layerCommentsAttachMusic .searchResult .tab li span { display: block; font-size: 0.625rem; }
  .layerCommentsAttachMusic .searchResult .tab li a { display: block; box-sizing: border-box; height: 39px; padding-top: 8px; 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: static; overflow: hidden; margin-top: 10px; border-bottom: 1px solid #EFEFEF; z-index: 10; }
  .layerCommentsAttachMusic .searchResult .sorting .selectWrap { position: relative; float: right; }
  .layerCommentsAttachMusic .searchResult .sorting .selectWrap:before { content: ''; position: absolute; top: 13px; left: 0; height: 4px; width: 4px; transform: rotate(-45deg); border: 1px solid #d03937; border-width: 0 0 1px 1px; }
  .layerCommentsAttachMusic .searchResult .sorting select { height: 35px; min-width: 0; padding: 0 0 0 11px; border: 0; background: transparent; }
  .layerCommentsAttachMusic .searchResult .scroll { overflow: hidden; overflow-y: auto; height: 244px; }
  .layerCommentsAttachMusic .searchResult .list li { position: relative; overflow: hidden; border-bottom: 1px solid #EFEFEF; }
  .layerCommentsAttachMusic .searchResult .list li > * { float: left; }
  .layerCommentsAttachMusic .searchResult .list .thumbnail { position: relative; float: left; height: 50px; width: 50px; margin-right: 10px; line-height: 50px; text-align: center; vertical-align: middle; background: #f3f4f7; }
  .layerCommentsAttachMusic .searchResult .list .artist > a { display: block; float: none; overflow: hidden; max-width: 100%; font-size: 0.6875rem; color: #757271; line-height: 20px; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }
  .layerCommentsAttachMusic .searchResult .list .artist > .more { display: none; }
  .layerCommentsAttachMusic .searchResult .list .artist > span { display: block; overflow: hidden; max-width: 100%; font-size: 0.6875rem; color: #757271; line-height: 20px; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }
  .layerCommentsAttachMusic .searchResult .list .info { float: left; width: calc(100% - 110px); padding-top: 5px; }
  .layerCommentsAttachMusic .searchResult .list .info .albumTitle, .layerCommentsAttachMusic .searchResult .list .info .artistTitle { display: inline-block; overflow: hidden; max-width: 100%; font-size: 0.8125rem; line-height: 20px; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }
  .layerCommentsAttachMusic .searchResult .list .info .artistTitle { font-size: 0.6875rem; }
  .layerCommentsAttachMusic .searchResult .list .btnNormal { position: absolute; top: 50%; right: 0; height: 30px; width: 45px; margin-top: -15px; padding: 0; font-size: 0.75rem; line-height: 30px; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack { display: block; padding-top: 0; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack li { padding: 10px 0; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack .thumbnail { height: 40px; width: 40px; margin-right: 10px; line-height: 40px; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack .trackInfo { display: none; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack .title { position: relative; overflow: hidden; width: calc(100% - 100px); padding: 0 0 0 0; text-overflow: ellipsis; white-space: nowrap; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack .title > .o19 { display: block; position: absolute; top: 0; left: 0; overflow: hidden; height: 12px; width: 12px; margin: 3px 0 0; text-indent: -1000em; vertical-align: top; background: url("//file.bugsm.co.kr/wbugs/mobile/sprite_iconV20170328.png") no-repeat -40px 0; background-size: 300px auto; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack .title > .trackTitle { display: block; overflow: hidden; font-size: 0.8125rem; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack .title > span.trackTitle { color: #3A3635; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack .title > .o19 + .trackTitle { width: calc(100% - 16px); margin-left: 16px; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack .artist { overflow: hidden; width: calc(100% - 100px); padding-top: 0; font-size: 0.6875rem; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
  .layerCommentsAttachMusic .searchResult .list.resultTrack .btnNormal { float: none; margin-top: -15px; }
  .layerCommentsAttachMusic .searchResult .list.resultAlbum { overflow: hidden; width: 100%; padding-top: 0; border-bottom: 0; }
  .layerCommentsAttachMusic .searchResult .list.resultAlbum li { float: none; width: 100%; margin-bottom: 0; padding: 10px 0; }
  .layerCommentsAttachMusic .searchResult .list.resultAlbum .thumbnail .btnPlay { display: none; }
  .layerCommentsAttachMusic .searchResult .list.resultArtist { overflow: hidden; width: 100%; padding-top: 0; border-bottom: 0; }
  .layerCommentsAttachMusic .searchResult .list.resultArtist li { float: none; width: 100%; margin-bottom: 0; padding: 10px 0; }
  .layerCommentsAttachMusic .searchResult .list.resultArtist li .thumbnail, .layerCommentsAttachMusic .searchResult .list.resultArtist li .mask { overflow: hidden; border-radius: 50%; }
  .layerCommentsAttachMusic .searchResult .list.resultArtist li .info { height: 50px; padding-top: 0; white-space: nowrap; }
  .layerCommentsAttachMusic .searchResult .list.resultArtist li .info:after { content: ''; display: inline-block; height: 50px; width: 0; vertical-align: middle; }
  .layerCommentsAttachMusic .searchResult .list.resultArtist li .artistTitle { display: inline-block; height: auto; vertical-align: middle; }
  .layerCommentsAttachMusic .searchResult .list.resultArtist li .artistTitle span { display: -webkit-box; overflow: hidden; max-height: 40px; font-size: 0.8125rem; line-height: 20px; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .layerCommentsAttachMusic .searchResult .noResult { display: table; height: 195px; width: 100%; }
  .layerCommentsAttachMusic .searchResult .noResult p { display: table-cell; font-size: 0.8125rem; line-height: 1.6; text-align: center; vertical-align: middle; }
  .layerCommentsAttachMusic .searchResult .morePagination button { height: 39px; width: 100%; font-size: 0.75rem; color: #757271; text-align: center; }
  .layerCommentsAttachMusic .searchResult .morePagination span { display: inline-block; position: relative; padding: 0 15px 0; font-size: 0.75rem; color: #757271; line-height: 2; }
  .layerCommentsAttachMusic .searchResult .morePagination span:after { content: ''; display: block; position: absolute; top: 50%; right: 0; height: 6px; width: 6px; margin-top: -6px; transform: rotate(-45deg); border: 1px solid #838383; border-width: 0 0 1px 1px; }
  .layerCommentsAttachMusic .searchResult .list.resultAlbum .thumbnail .btnPlay { display: none; }
  .layer.layerUserReport { width: calc(100% - 20px); min-width: 300px; max-width: 332px; }
  .layerUserReport .layerContents { padding-bottom: 20px; }
  .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; overflow: hidden; width: 355px; font-size: 13px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; }
  .layerUserReport .layerContents ul { margin-bottom: 11px; padding: 12px 0 10px 20px; }
  .layerUserReport .layerContents ul li { font-size: 0.8125rem; line-height: 2.3077; }
  .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: 0.75rem; color: #757271; text-align: center; }
  .layerUserReport .layerContents .btns { clear: both; overflow: hidden; width: 100%; padding: 0 20px; }
  .layerUserReport .layerContents .btns .btnNormal { float: left; height: 40px; width: calc(50% - 2px); }
  .layerUserReport .layerContents .btns .btnNormal + .btnNormal { float: right; }
  .layerPhotoGallery { position: fixed; top: 0; right: 0; bottom: 0; left: 0; min-width: 320px; background: #000; z-index: 1001; }
  .layerPhotoGallery h1 { position: absolute; left: -10000em; }
  .layerPhotoGallery .layerContents { position: absolute; width: 100%; }
  .layerPhotoGallery .photos { height: auto; width: auto; margin: 0 auto; }
  .layerPhotoGallery .photos .bigImg { position: relative; height: auto; width: 100%; margin: 0; line-height: inherit; text-align: center; background-color: #000; }
  .layerPhotoGallery .photos .bigImg img { max-height: 100%; max-width: 100%; }
  .layerPhotoGallery .btnClose { position: fixed; top: 18px; right: 18px; height: 43px; width: 43px; font-size: 0; line-height: 0; text-indent: -1000em; background: rgba(0, 0, 0, 0.4); }
  .layerPhotoGallery .btnClose:before { content: ''; display: block; position: absolute; top: 21px; left: 8px; height: 1px; width: 27px; transform: rotate(45deg); background-color: #FFF; }
  .layerPhotoGallery .btnClose:after { content: ''; display: block; position: absolute; top: 21px; left: 8px; height: 1px; width: 27px; transform: rotate(-45deg); background-color: #FFF; } }

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