@charset "UTF-8";

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 300;
	src: url(//music.bugs.co.kr/fonts/NanumBarunGothicLight.eot);
	src: url(//music.bugs.co.kr/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
				url(//music.bugs.co.kr/fonts/NanumBarunGothicLight.woff2) format('woff2'),
				url(//music.bugs.co.kr/fonts/NanumBarunGothicLight.woff) format('woff'),
				url(//music.bugs.co.kr/fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url(//music.bugs.co.kr/fonts/NanumBarunGothic.eot);
	src: url(//music.bugs.co.kr/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
				url(//music.bugs.co.kr/fonts/NanumBarunGothic.woff2) format('woff2'),
				url(//music.bugs.co.kr/fonts/NanumBarunGothic.woff) format('woff'),
				url(//music.bugs.co.kr/fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 700;
	src: url(//music.bugs.co.kr/fonts/NanumBarunGothicBold.eot);
	src: url(//music.bugs.co.kr/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
				url(//music.bugs.co.kr/fonts/NanumBarunGothicBold.woff2) format('woff2'),
				url(//music.bugs.co.kr/fonts/NanumBarunGothicBold.woff) format('woff'),
				url(//music.bugs.co.kr/fonts/NanumBarunGothicBold.ttf) format('truetype');
}



/* Common Style */
* {margin:0;padding:0;}
/* set html5 elements to block */
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;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}*/
header, h1 {font-size:100%;}
html, body {height:100%;}
body {font-size:12px;color:#3a3635;}
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:0px none;/*width:100%;*/}

select, input {vertical-align:middle;}
textarea:focus, input:focus{outline:0;}
hr {display:none;border:0 none;}
ol, ul, ul li{list-style:none;}
em {font-style:normal;}
menu li {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
a {cursor:pointer;margin:0;padding:0;color:#3a3635;vertical-align:baseline;background:transparent;}
button {cursor:pointer;border:0px none;background-color:transparent;}

a:link, a:visited, a:active, a:focus {text-decoration:none;}
a:hover {text-decoration:underline;}

#bugsGNB {position:relative;z-index:1000;}
#shotWrap {z-index:1;}

#bugsHeader {width:100%;border-bottom:1px solid #C4C5C8;background:url('//file.bugsm.co.kr/wbugs/common/bg_white97.png') repeat;z-index:700;}
#bugsHeader .blind {position:absolute;top:0;left:0;overflow:hidden;height:0;width:0;text-indent:-1000em;}
#bugsHeader .btnNormal {display:inline-block;overflow:hidden;height:25px;padding:1px 14px 0px 14px;font-size:12px;color:#3a3635;line-height:26px;text-align:center;vertical-align:middle;border:1px solid #b4b2b3;background-color:#fff !important;}
#bugsHeader .btnNormal:hover {text-decoration:none;background-color:#f2f3f7!important;}
#bugsHeader .btnNormal:hover,
#bugsHeader .btnNormal:active,
#bugsHeader .btnNormal:focus {text-decoration:none;}
#bugsHeader button.btnNormal {box-sizing:content-box;}

#bugsHeader .btnNormal.strong {color:#fff;border:1px solid #ff564c;background-color:#ff564c!important;}
#bugsHeader .btnNormal.strong:hover {border:1px solid #ee5047;background-color:#ee5047!important;}

#bugsHeader,
#bugsFooter {font-size:13px;}
#bugsHeader *,
#bugsFooter * {font-family:'나눔바른고딕', 'NanumBarunGothic', helvetica, '돋움', Dotum, 'Apple SD Gothic Neo', MS PGothic, sans-serif;font-weight:400;}
#bugsHeader input,
#bugsHeader button,
#bugsHeader textarea {font-family:'나눔바른고딕', 'NanumBarunGothic', helvetica, '돋움', Dotum, 'Apple SD Gothic Neo', MS PGothic, sans-serif;vertical-align:middle;}

/* Header */
#bugsHeader {position:relative;width:100%;min-width:960px;background:url('//file.bugsm.co.kr/wbugs/common/bg_white97.png') repeat;background-color:#FFF;z-index:700;}
#bugsHeader .IEBrowserUnavailable {display:none}

#bugsHeader .top {height:30px;width:100%;}
#bugsHeader .top div > a {display:inline-block;position:relative;padding:0 6px 0 9px;font-size:12px;color:#878685;line-height:31px;}
#bugsHeader .top div > a ~ a:after { content: ''; position: absolute; top: 12px; left: 0; height: 7px; width: 1px; background-color: #CCC; }
#bugsHeader .top .slogan {float:left;overflow:hidden;height:25px;padding-left:10px;font-size:11px;}
#bugsHeader .top .slogan a {font-size:11px;}
#bugsHeader .top .slogan .bugsPlayer {display:inline-block;position:relative;padding:0 7px 0 11px;line-height:31px}
#bugsHeader .top .slogan .bugsPlayer a {display:inline-block;position:relative;margin-right:2px;padding:0;color:#878685}
#bugsHeader .top .slogan .bugsPlayer a.windows {margin-top:1px}
#bugsHeader .top .slogan .bugsPlayer a.mac {margin:1px 0 0 4px;padding-left:10px}
#bugsHeader .top .slogan .iconNew {display:none}
#bugsHeader .top .rightGroup {float:right;}
#bugsHeader .top .more {position:relative;float:left;padding-right:7px;z-index:800;}
#bugsHeader .top .more a:after { height: 7px; }
#bugsHeader .top .more .game {padding-right:12px;background:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png') no-repeat 37px 13px;}
#bugsHeader .top .family {float:left;width:auto;padding:7px 13px 0 0;}
#bugsHeader .top .family a {float:left;height:18px;padding:0;text-indent:-1000em;background:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png') no-repeat;}
#bugsHeader .top .family a:after { display: none; }
#bugsHeader .top .family a.comico {width:63px;background-position:-150px -100px;}
#bugsHeader .top .family a.ticketlink {width:55px;background-position:-150px -120px;}
#bugsHeader .top .family a.hangame {width:71px;background-position:-150px -140px;}

#bugsHeader .header {position:relative;height:87px;width:100%;z-index:710;}
#bugsHeader .header .logo {display:block;position:absolute;top:3px;left:0;height:80px;width:110px;text-indent:-1000em;background:url('//file.bugsm.co.kr/wbugs/common/header/logo_bugs.png') no-repeat;}

#bugsHeader .innerContainer {height:80px;width:724px;margin:0 253px;}
	.msie8 #bugsHeader .innerContainer {min-width:700px;}

#bugsHeader .pageTitle {overflow:hidden;margin-left:125px;padding-top:3px;}
#bugsHeader .pageTitle h1 {float:left;margin:25px 38px 0 0;font-size:25px;font-weight:normal;line-height:28px;}
#bugsHeader .pageTitle nav.lnb {float:left;padding-top:23px;}
#bugsHeader .pageTitle nav.lnb a {padding:0 2px;font-size:15px;color:#757271;line-height:24px;}
#bugsHeader .pageTitle nav.lnb a:hover {color:#3a3635;}
#bugsHeader .pageTitle nav.lnb a.selected {color:#FF3D33;border-bottom:3px solid #ff564c;}

#bugsHeader .rightSection {position:absolute;top:27px;right:20px;height:30px;z-index:800}
#bugsHeader .rightSection .connectMenu {display:none}

#bugsHeader .member {position:relative;float:right;max-width:230px;padding-right:38px;vertical-align:top}
#bugsHeader .member > .notification {position:absolute;top:0;right:0;width:28px;}
#bugsHeader .member > .notification > button {display:block;position:absolute;top:0;left:0;overflow:hidden;height:28px;width:28px;text-decoration:none;text-indent:-1000em;background:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png') no-repeat -30px 0;z-index:800;}
#bugsHeader .member > .notification > button:hover {background-position:-210px 0;}
#bugsHeader .member > .notification > button.count {font-family:verdana;font-size:11px;color:#FFF;line-height:28px;text-align:center;text-indent:0;white-space:nowrap;background-position:-70px 0;}
#bugsHeader .member > .notification > button.count:hover {background-position:-110px 0;}
#bugsHeader .member > .notification > button.count span {display:block;overflow:hidden;height:0;width:0;}
#bugsHeader .member > div.login {margin-right:-9px;padding-top:1px;}
#bugsHeader .member > div.login > a {display:inline-block;position:relative;margin-right:6px;font-size:13px;line-height:28px;}
#bugsHeader .member .myinfo {position:relative;margin-top:4px;padding-right:9px;}
#bugsHeader .member .myinfo.facebook,
#bugsHeader .member .myinfo.payco {padding-left:20px;}
#bugsHeader .member .myinfo > .icon {position:absolute;top:50%;left:0;height:16px;width:16px;margin-top:-8px;text-indent:-1000em;}
#bugsHeader .member .myinfo .userID {display:block;overflow:hidden;line-height:20px;text-overflow:ellipsis;white-space:nowrap;}
#bugsHeader .member .myinfo .userID:after { content: ''; display: block; position: absolute; top: 50%; right: 0; height: 4px; width: 5px; margin-top: -2px; background: url("//file.bugsm.co.kr/wbugs/common/sprite_common_bulletV20170323.png") no-repeat -90px -60px; }
#bugsHeader .member .myinfo.facebook > .icon {background:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png') no-repeat 0 -20px;}
#bugsHeader .member .myinfo.payco > .icon {background:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png') no-repeat 0 -100px;}

/* Footer */
#bugsFooter {clear:both;min-height:126px;border-top:1px solid #d9d9d9;}
#bugsFooter .sectionPadding {padding-right:20px;}
#bugsFooter .sectionPadding.contents {padding-top:20px;}
#bugsFooter .sectionPadding .innerContainer {position:relative;clear:both;min-height:54px;max-width:1580px;margin:0 auto;}
#bugsFooter .notice {float:left;height:20px;padding:18px 0 16px;}
#bugsFooter .notice strong {display:inline-block;margin-right:14px;font-size:14px;font-weight:normal;color:#3A3635;line-height:20px;}
#bugsFooter .notice strong + a {display:inline-block;margin-right:4px;font-size:14px;color:#757271;line-height:20px;}
#bugsFooter .notice time {display:inline-block;font-size:11px;color:#999;line-height:20px;}
#bugsFooter .quicklinks {float:right;height:20px;padding:18px 0 16px;}
#bugsFooter .quicklinks ul {position:relative;float:left;margin-left:18px;}
#bugsFooter .quicklinks ul li {float:left;margin-left:18px;font-size:13px;color:#3A3635;line-height:20px;}
#bugsFooter .quicklinks ul li .bar {position:absolute;top:50%;left:0;height:8px;width:1px;margin-top:-4px;background:#b2b2b2;}
#bugsFooter .links {overflow:hidden;margin-bottom:15px;padding-top:12px;}
#bugsFooter .links li {position:relative;float:left;padding:0 9px 0 8px;}
#bugsFooter .links li.company {padding-left:0;}
#bugsFooter .links li a {color:#757271;}
#bugsFooter .links li.privacy a {color:#FF564C;}
#bugsFooter .links li .bar {position:absolute;top:50%;right:0;height:7px;width:1px;margin-top:-4px;background:#CCC;}
#bugsFooter address {margin-bottom:15px;font-size:12px;font-style:normal;color:#999;line-height:24px;}
#bugsFooter address a {color:#999;}
#bugsFooter .emblem {overflow:hidden;}
#bugsFooter .emblem li {float:left;}
#bugsFooter aside {position:absolute;top:0;right:0;}
#bugsFooter .sns {float:left;height:28px;margin-right:2px;}
#bugsFooter .sns a {float:left;height:28px;width:28px;margin-right:6px;text-indent:-1000em;background:url('//file.bugsm.co.kr/wbugs/common/footer/sprite_common_footer.png') no-repeat;}
#bugsFooter .sns a.blog {background-position:0 0;}
#bugsFooter .sns a.facebook {background-position:-30px 0;}
#bugsFooter .sns a.kakaostory {background-position:-60px 0;}
#bugsFooter .familysite {position:relative;float:left;}
#bugsFooter .familysite > button {display:block;cursor:pointer;height:26px;width:146px;font-size:11px;color:#757271;line-height:26px;text-align:left;text-indent:10px;border:1px solid #c4c2c2;border-radius:3px;}
#bugsFooter .familysite > button .bu {content:'';display:block;position:absolute;top:12px;right:10px;height:4px;width:5px;background:url('//file.bugsm.co.kr/wbugs/common/sprite_common_bullet.png') no-repeat -90px -30px;}

#bugsFooter.simpleFooter .sectionPadding {padding:20px 0 0;}
#bugsFooter.simpleFooter .sectionPadding .innerContainer {width:980px;}
#bugsFooter.simpleFooter .links {margin-left:80px;padding-top:12px;}
#bugsFooter.simpleFooter address {text-align:center;}
#bugsFooter.simpleFooter aside {right:80px;}

#bugsFooter.simpleFooter .layer.familysiteMenu {top:26px !important;right:0;width:144px;}


/* Layer */
#bugsHeader .layer.gameMenu {top:27px;right:12px;width:68px;}
#bugsHeader	.list-layer-select {width:100%;}
#bugsHeader	.list-layer-select li {}
#bugsHeader	.list-layer-select li > a {display:block;width:auto;padding:0 28px 0 14px;font-size:12px;font-weight:400;color:#757271;line-height:34px;white-space:nowrap;background-color:#FFF;}
#bugsHeader	.list-layer-select.center li > a {padding:0;text-align:center;}
#bugsHeader	.list-layer-select li > a:hover,
#bugsHeader	.list-layer-select li > a:active,
#bugsHeader	.list-layer-select li > a:focus {text-decoration:none;}
#bugsHeader	.list-layer-select li > a:hover {color:#3a3635;background-color:#f3f3f7;}
#bugsHeader	.list-layer-select li > a.detailDisclosure {background-image:url('//file.bugsm.co.kr/wbugs/common/btns/btn_arrow_right01.png');background-position:95% 13px;background-repeat:no-repeat;}
#bugsHeader	.list-layer-select li > a.radio {}
#bugsHeader	.list-layer-select li > a.radio:hover {background-image:url('//file.bugsm.co.kr/wbugs/common/btns/btn_radio01.png');background-position:95% 10px;background-repeat:no-repeat;}

#bugsHeader .box-shadow {display:block;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-color:#FFF;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=10);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#dddddd')";z-index:-1;zoom:1;}

#bugsHeader .layer {display:none;position:absolute;box-shadow:10px 10px 15px 0 rgba(7, 0, 2, 0.1);border:1px solid #c4c5c8;z-index:1000;}

#bugsFooter #bugsHeader .layer.familysiteMenu {top:27px !important;right:0;width:146px;}
#bugsFooter	.list-layer-select {width:100%;}
#bugsFooter	.list-layer-select li {}
#bugsFooter	.list-layer-select li > a {display:block;width:auto;padding:0 28px 0 14px;font-size:12px;font-weight:400;color:#757271;line-height:34px;white-space:nowrap;background-color:#FFF;}
#bugsFooter	.list-layer-select.center li > a {padding:0;text-align:center;}
#bugsFooter	.list-layer-select li > a:hover,
#bugsFooter	.list-layer-select li > a:active,
#bugsFooter	.list-layer-select li > a:focus {text-decoration:none;}
#bugsFooter	.list-layer-select li > a:hover {color:#3a3635;background-color:#f3f3f7;}
#bugsFooter	.list-layer-select li > a.detailDisclosure {background-image:url('//file.bugsm.co.kr/wbugs/common/btns/btn_arrow_right01.png');background-position:95% 13px;background-repeat:no-repeat;}
#bugsFooter	.list-layer-select li > a.radio {}
#bugsFooter	.list-layer-select li > a.radio:hover {background-image:url('//file.bugsm.co.kr/wbugs/common/btns/btn_radio01.png');background-position:95% 10px;background-repeat:no-repeat;}

#bugsFooter .box-shadow {display:block;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-color:#FFF;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=10);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#dddddd')";z-index:-1;zoom:1;}

#bugsFooter .layer {display:none;position:absolute;box-shadow:10px 10px 15px 0 rgba(7, 0, 2, 0.1);border:1px solid #c4c5c8;z-index:1000;}

#bugsHeader .layer .btns {margin-top:14px;text-align:center;}
#bugsHeader input[type=text],
#bugsHeader input[type=password] {height:33px;width:auto;padding:1px 10px 0 10px;font-size:13px;color:#757271;line-height:34px;border:1px solid #c4c2c2;border-radius:3px;}

/* 로그인 전 -------------------------------------------- */
#bugsHeader .layer.login {width:330px;padding:0 14px;}
#bugsHeader .layer.login .layerTap {position:absolute;top:-8px;right:73px;height:9px;width:15px;background:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png') no-repeat -150px 0;}


#bugsHeader .loginSet {position:relative;padding:14px 6px;}
#bugsHeader .loginSet > .btnClose {display:none;position:absolute;top:18px;right:1px;height:19px;width:19px;background-image:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png');background-position:-30px -100px;}

#bugsHeader .loginSet .login {position:relative;overflow:hidden;}
#bugsHeader .loginSet .login .input {display:block;position:absolute;top:0px;right:106px;left:0px;height:78px;border:0;}
#bugsHeader .loginSet .login .input input[type=text],
#bugsHeader .loginSet .login .input input[type=password] {display:block;width:100%;*margin-top:-2px;margin-bottom:6px;font-size:12px;color:#3a3635;}
#bugsHeader .loginSet .login .input .username {display:block;position:relative;}
#bugsHeader .loginSet .login .input .password {display:block;position:relative;}
#bugsHeader .loginSet .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;}
#bugsHeader .loginSet .login .input label > em {color:#ff3d33;}

#bugsHeader .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;}
#bugsHeader .loginSet .login .submit:hover {text-decoration:none;background-color:#ee5047;}

.bugs_main #bugsHeader .loginSet .login .input {right:84px;}
.bugs_main #bugsHeader .loginSet .login .input input[type=text],
.bugs_main #bugsHeader .loginSet .login .input input[type=password] {height:36px;}

#bugsHeader .loginSet .validation {padding-top:6px;}
#bugsHeader .loginSet .validation > p {display:block;height:26px;padding-left:10px;font-size:11px;color:#ff3d33;line-height:28px;border:1px solid #ffccc9;background-color:#fff;}
#bugsHeader .loginSet .validation > p > .icon {display:inline-block;height:11px;width:4px;margin-right:6px;vertical-align:middle;background-image:url('//file.bugsm.co.kr/wbugs/common/sprite_common_bullet.png');background-position:-60px -30px;}

#bugsHeader .loginSet .utils {overflow:hidden;padding-top:14px;padding-bottom:14px;}
#bugsHeader .loginSet .utils .options {float:left;}
#bugsHeader .loginSet .utils .options input {vertical-align:middle;}
#bugsHeader .loginSet .utils .options label {padding-right:17px;font-size:11px;color:#757271;vertical-align:middle;}

#bugsHeader .loginSet .utils .addon {float:right;font-size:12px;color:#757271;}
#bugsHeader .loginSet .utils .addon .join {display:none;font-size:12px;color:#3a3635;}
#bugsHeader .loginSet .utils .addon .join > .bar {display:inline-block;height:8px;width:1px;margin:-1px 5px 0 6px;vertical-align:middle;background-color:#b2b2b2;}
#bugsHeader .loginSet .utils .addon .find {font-size:12px;color:#757271;}

#bugsHeader .loginSet .share {margin:0 -6px;padding:14px 6px 0 6px;border-top:1px solid #ededed;}
#bugsHeader .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;}
#bugsHeader .loginSet .share a:hover {text-decoration:none;background-color:#f2f3f7;}
#bugsHeader .loginSet .share a > .icon {display:block;position:absolute;top:7px;left:8px;height:18px;width:18px;}
#bugsHeader .loginSet .share a > strong {display:inline-block;height:18px;margin-top:-1px;margin-right:1px;vertical-align:middle;}
#bugsHeader .loginSet .share a.btnFbLogin > .icon {background:url('//file.bugsm.co.kr/wbugs/common/btns/sprite_btn_facebook.png') -30px -30px no-repeat;}
#bugsHeader .loginSet .share a.btnFbLogin > strong {width:57px;background:url('//file.bugsm.co.kr/wbugs/common/btns/sprite_btn_facebook.png') 0 0 no-repeat;}
#bugsHeader .loginSet .share a.btnPaycoLogin {margin-top:6px;}
#bugsHeader .loginSet .share a.btnPaycoLogin > .icon {background:url('//file.bugsm.co.kr/wbugs/common/btns/sprite_btn_payco.png') 0 -30px no-repeat;}
#bugsHeader .loginSet .share a.btnPaycoLogin > strong {width:45px;background:url('//file.bugsm.co.kr/wbugs/common/btns/sprite_btn_payco.png') 0 0 no-repeat;}

#bugsHeader .loginSet .messagePersist {display:none;position:absolute;right:0px;left:0px;padding:6px 0 2px 13px;font-size:11px;color:#3a3635;line-height:22px;border:1px solid #c4c5c8;background-color:#fff;}
#bugsHeader .loginSet .messagePersist strong {font-weight:normal;color:#ff3d33;}
#bugsHeader .loginSet .messagePersist > .btnMore {font-size:11px;color:#757271;background-position:100% 2px;}
#bugsHeader .loginSet .messagePersist > .btnClose {position:absolute;top:5px;right:5px;height:19px;width:19px;background-image:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png');background-position:-30px -100px;}
#bugsHeader .loginSet .messagePersist .layerTab {display:block;position:absolute;top:-8px;left:74px;height:8px;width:15px;background-image:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png');background-position:-150px 0px;z-index:10;}


/* 전체 딤드 */
#bugsHeader .layer.login.deemed {}
#bugsHeader .layer.login.deemed .loginSet {padding-top:54px;}
#bugsHeader .layer.login.deemed .loginSet .utils .addon {position:absolute;top:22px;left:6px;}
#bugsHeader .layer.login.deemed .loginSet .utils .addon .join {display:inline-block;}
#bugsHeader .layer.login.deemed .loginSet > .btnClose {display:block;}

/* 팝업 */
#bugsHeader .layer.login.popup {display:block;box-shadow:none;}
#bugsHeader .layer.login.popup .box-shadow {display:none;}

#bugsHeader .layer.login.popup .loginSet {padding-top:54px;}
#bugsHeader .layer.login.popup .loginSet .utils .addon {position:absolute;top:22px;left:6px;}
#bugsHeader .layer.login.popup .loginSet .utils .addon .join {display:inline-block;}
#bugsHeader .layer.login.popup .loginSet > .btnClose {display:none;}


/* 로그인 후 -------------------------------------------- */
#bugsHeader .layer.afterLogin {width:287px;}
#bugsHeader .layer.afterLogin .layerTap {position:absolute;top:-8px;right:28px;height:9px;width:15px;background:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png') no-repeat -150px -20px;}

#bugsHeader .layer.afterLogin .status {overflow:hidden;height:80px;padding-left:20px;line-height:28px;background-color:#fbfcfd}
#bugsHeader .layer.afterLogin .status > .ticket {display:inline-block;overflow:hidden;height:28px;max-width:90%;margin-top:16px;font-size:15px;font-weight:normal;color:#3a3635;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;}
	.msie8 #bugsHeader .layer.afterLogin .status > .ticket {word-wrap:normal;}
#bugsHeader .layer.afterLogin .status.pps > .ticket {max-width:67%;}
	.msie8 #bugsHeader .layer.afterLogin .status.pps > .ticket {max-width:65%;}
#bugsHeader .layer.afterLogin .status > .count {display:inline-block;box-sizing:border-box;overflow:hidden;height:28px;margin-top:16px;padding-top:1px;font-size:13px;line-height:28px;vertical-align:top;}
#bugsHeader .layer.afterLogin .status > p {font-size:12px;color:#757271}
#bugsHeader .layer.afterLogin .status em,
#bugsHeader .layer.afterLogin .status > p > time {color:#ff3d33}
#bugsHeader .layer.afterLogin .status > p > .bar {display:inline-block;height:7px;width:1px;margin:-1px 7px 0 7px;vertical-align:middle;background-color:#afb0b1}
#bugsHeader .layer.afterLogin .status > .none {display:inline-block;font-size:13px;color:#757271;line-height:23px;vertical-align:middle}
#bugsHeader .layer.afterLogin .status .btnNormal.strong {float:right;margin:24px 18px 0 0}
#bugsHeader .layer.afterLogin .status .linkFAQ {display:block;font-size:11px;color:#3a3635;text-decoration:underline}
#bugsHeader .layer.afterLogin .status .blank {display:inline-block;height:100%;width:0;vertical-align:middle}

#bugsHeader .layer.afterLogin .cntStatus {padding:11px 0 10px 20px;font-size:12px;color:#3a3635;line-height:28px;text-align:left;border-top:1px solid #ececee;}
#bugsHeader .layer.afterLogin .cntStatus .title {display:inline-block;width:100px;color:#757271;}
#bugsHeader .layer.afterLogin .cntStatus em {color:#ff3d33;}
#bugsHeader .layer.afterLogin .cntStatus a:hover .title {color:#757271;text-decoration:underline;}
#bugsHeader .layer.afterLogin .cntStatus a:hover em {color:#ff3d33;text-decoration:underline;}

#bugsHeader .layer.afterLogin .vipInfo {overflow:hidden;height:40px;padding:0 20px;line-height:42px;border-top:1px solid #ECECEE;}
#bugsHeader .layer.afterLogin .vipInfo a {display:inline-block;position:relative;padding-right:9px;font-size:12px;color:#3A3635;}
#bugsHeader .layer.afterLogin .vipInfo a:after {content:'';display:block;position:absolute;top:50%;right:0;height:5px;width:4px;margin-top:-3px;background:url('//file.bugsm.co.kr/wbugs/common/btns/btn_arrow_right01.png') no-repeat -1px -1px;}
#bugsHeader .layer.afterLogin .vipInfo strong {float:left;font-size:12px;font-weight:normal;color:#3A3635;}
#bugsHeader .layer.afterLogin .vipInfo strong .icon {display:inline-block;overflow:hidden;height:17px;margin-right:2px;margin-left:2px;text-indent:-1000em;vertical-align:top;background:url('//file.bugsm.co.kr/wbugs/common/sprite_common_iconV20170824.png') no-repeat;}
#bugsHeader .layer.afterLogin .vipInfo strong .icon.vip {width:29px;margin-top:12px;background-position:-320px -40px;}
#bugsHeader .layer.afterLogin .vipInfo strong + a {float:right;color:#757271;}

#bugsHeader .layer.afterLogin .btns {overflow:hidden;margin:0px;padding:0px;border-top:1px solid #d9d9d9;}
#bugsHeader .layer.afterLogin .btns > a {display:block;float:left;height:34px;width:33%;font-size:12px;color:#3a3635;line-height:34px;}
#bugsHeader .layer.afterLogin .btns > a:hover {text-decoration:none;background-color:#f2f3f7;}
#bugsHeader .layer.afterLogin .btns > a > .icon {display:inline-block;height:16px;width:16px;margin-top:-1px;margin-right:4px;vertical-align:middle;background:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png') no-repeat 0px -20px;}
#bugsHeader .layer.afterLogin .btns.fb > a {width:49.5%;}

/* 알림, 공지 */
#bugsHeader .layer.notifications {top:35px;right:-33px;width:348px;}
#bugsHeader .layer.notifications .layerTap {position:absolute;top:-8px;right:39px;height:9px;width:15px;background:url('//file.bugsm.co.kr/wbugs/common/header/sprite_common_header.png') no-repeat -150px 0;}
#bugsHeader .layer.notifications nav {position:relative;height:50px;width:100%;border-bottom:1px solid #E5E5E5;z-index:10;}
#bugsHeader .layer.notifications nav ul {position:relative;bottom:0;z-index:10;}
#bugsHeader .layer.notifications nav li {float:left;}
#bugsHeader .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;}
#bugsHeader .layer.notifications nav a:hover {color:#3a3635;}
#bugsHeader .layer.notifications nav a.selected {color:#3a3635;border-bottom:2px solid #ff564c;}
#bugsHeader .layer.notifications nav a span {font-size:13px;}
#bugsHeader .layer.notifications p.msg.login {padding:35px 0 54px;font-size:13px;color:#3A3635;line-height:22px;text-align:center;}
#bugsHeader .layer.notifications p.msg.login em {color:#FF3D33;}
#bugsHeader .layer.notifications section h1 {display:none;}
#bugsHeader .layer.notifications .loading {padding:61px 0;text-align:center;}
#bugsHeader .layer.notifications > .notification .innerScroll {overflow-x:hidden;overflow-y:scroll;height:367px;}
#bugsHeader .layer.notifications > .notification ul {position:relative;top:-1px;width:100%;z-index:9;}
#bugsHeader .layer.notifications > .notification li {position:relative;overflow:hidden;height:70px;padding:10px 0 0;line-height:20px;border-top:1px solid #ededed;}
#bugsHeader .layer.notifications > .notification li:hover {background-color:#f8f9fb;}
#bugsHeader .layer.notifications > .notification li a.thumbnail {position:absolute;top:10px;left:20px;height:60px;width:60px;line-height:60px;text-align:center;background-color:#FFF;}
#bugsHeader .layer.notifications > .notification li a.thumbnail img {line-height:60px;vertical-align:middle;}
#bugsHeader .layer.notifications > .notification li a.thumbnail .btnPlay {position:absolute;right:4px;bottom:4px;height:20px;width:20px;background-position:-210px -120px;}
#bugsHeader .layer.notifications > .notification li a.thumbnail:hover .btnPlay {background-position:-240px -120px;}
#bugsHeader .layer.notifications > .notification li a.info {display:block;margin:0 20px 0 90px;padding-top:4px;font-size:15px;color:#3A3635;}
#bugsHeader .layer.notifications > .notification li a.info * {cursor:pointer;vertical-align:top;}
#bugsHeader .layer.notifications > .notification li a.info strong {display:inline-block;overflow:hidden;max-width:50%;font-weight:normal;color:#FF3D33;text-overflow:ellipsis;white-space:nowrap;}
#bugsHeader .layer.notifications > .notification li a.info:hover strong {text-decoration:underline;}
#bugsHeader .layer.notifications > .notification li.album a.info strong {max-width:60%;}
#bugsHeader .layer.notifications > .notification li.special a.info strong {max-width:50%;}
#bugsHeader .layer.notifications > .notification li.musicpd a.info strong {max-width:42%;}
#bugsHeader .layer.notifications > .notification li.mv a.info strong {max-width:45%;}
#bugsHeader .layer.notifications > .notification li a.info br {display:none;}
#bugsHeader .layer.notifications > .notification li a.info span {display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
#bugsHeader .layer.notifications > .notification li time {display:block;margin-left:90px;font-size:11px;color:#999;}
#bugsHeader .layer.notifications > .notification .more {height:42px;text-align:center;}
#bugsHeader .layer.notifications > .notification .more a {display:inline-block;height:42px;padding:0 12px;font-size:13px;color:#757271;line-height:42px;background:url('//file.bugsm.co.kr/wbugs/common/btns/btn_arrow_bottom_7x5.png') no-repeat 100% center;}
#bugsHeader .layer.notifications > .notice {display:none;}
#bugsHeader .layer.notifications > .notice .innerScroll {overflow-x:hidden;overflow-y:scroll;height:324px;}
#bugsHeader .layer.notifications > .notice ul {position:relative;top:-1px;width:100%;z-index:9;}
#bugsHeader .layer.notifications > .notice li {overflow:hidden;padding:14px 23px 10px 18px;line-height:20px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #ededed;}
#bugsHeader .layer.notifications > .notice li:hover {background-color:#f8f9fb;}
#bugsHeader .layer.notifications > .notice li a {font-size:13px;color:#3A3635;}
#bugsHeader .layer.notifications > .notice li time {display:block;font-size:11px;color:#999;}
#bugsHeader .layer.notifications > .notice .more {position:relative;width:100%;line-height:42px;text-align:right;border-top:1px solid #ededed;z-index:10;}
#bugsHeader .layer.notifications > .notice .more .btnMore {margin-right:14px;}

#bugsHeader .mask {display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}

#bugsHeader .btnPlay {display:inline-block;height:45px;width:45px;text-indent:-9999px;background-image:url('//file.bugsm.co.kr/wbugs/common/sprite_common_list.png');background-position:-90px -107px;}
#bugsHeader .btnPlay:hover {background-position:-90px -152px;}

#bugsHeader .btnMore {display:inline;padding-right:10px;font-size:13px;color:#757271 !important;background: url('//file.bugsm.co.kr/wbugs/common/btns/btn_arrow_right01.png') 100% center no-repeat;}


@media (max-width:1239px) {
	#bugsHeader .banner {display:none;}
}

@media (min-width:1420px) {
	#bugsHeader .member {max-width:400px;}
}

@media (min-width:1880px) {
	#bugsHeader .header .innerContainer {width:1374px;margin:0 auto;}
}


/* game */
.userbox .banner_event_n img {max-height:100%;max-width:100%;}
.bugs_main .wrap {padding-top:10px;}
.gnb_main {height:auto;}
.gnb_main .glist {padding-bottom:100px;}
.userbox .login_after h5 {white-space:nowrap;}

/* ie7,8,9 game 레이아웃 깨짐 이슈 위함 */
.bugs_main #bugsHeader .top,
.bugs_main #bugsHeader .member,
.bugs_main #bugsFooter.simpleFooter aside .familysite {display:none;}