/* BASIC LAYOUT */


/* COMMON */

body {
    margin: 0;
    padding: 0;
    background: white;
}

.noneFloat {
    float: none !important;
    display: block !important;
    width: auto;
}

#brandBody {}

#brandHead {
    clear: both;
}

#brandBody #brandMiddle {
    clear: both;
}

#brandLeft {
    float: left;
    width: 182px;
    min-height: 400px;
}

#brandLeft.wideLeft {
    width: 200px;
    margin-right: 15px;
}

#brandMain {
    float: left;
    width: 915px;
    padding-top: 25px;
    margin: 0 auto;
    background-color: white;
}

#brandRight {
    float: left;
    width: 182px;
    min-height: 400px;
}


/* LAYOUT */

body.bCenter aside header.headmenu-full {
	min-width: 1345px;
}
body.bCenter.subLayout aside header.headmenu-full {
	min-width: 1280px;
}

#brandLayout {
    display: block;
    /*float: left;*/
    float: none;
    min-width: 100%;
}

body.bCenter #brandLayout {
    text-align: center;
}

#brandBody {
    display: block;
    float: none;
    text-align: left;
}

body.bCenter #brandBody {
    margin: 0 auto;
}

body.bCenter #brandMainFloatings {
    clear: both;
}

body.bCenter #brandMainFloatings .brandMainFloatings1 {
    position: absolute;
    top: 0px;
}

#brandBody {
    width: auto;
}

#brandHead {
    width: auto;
}

#brandBody #brandMiddle {}

#brandBody #brandMiddle .brandMiddle1 {}

#brandBody #brandMiddle .brandMiddle2 {
    overflow: hidden;
    width: 1345px;
    margin: 0 auto;
}

#brandTail {
    height: 50px;
    margin-top: 30px;
}

#brandTail .tailAlignWrap {
    width: 915px;
    margin: 0 auto;
}


/* BODY POPUP */

body.bPopup {
    background-image: none;
}


/* HEAD */


/* COMMON */

#brandHead #brandHeadlink {
    clear: both;
    height: 53px;
    overflow: hidden;
    background: white;
}


#brandHead #comHeadlink {
    height: 30px;
    overflow: hidden;
}

#brandHead #brandTop {
    float: none;
    display: block;
    width: 915px;
    margin: auto;
}

#brandHead #brandTop #mainLogo {
    overflow: hidden;
    height: 76px;
}

#brandHead #brandTop #mainLogo a {
    display: block;
    width: 158px;
    height: 76px;
    overflow: hidden;
    text-indent: -10000em;
    /*background: url('//static.inven.co.kr/image_2011/brand/common/logo.png?v=2') no-repeat left top;*/
}

#brandHead #comHeadlink .siteLogo {
    position: absolute;
    left: -1000em;
    top: -10000em;
    width: 167px;
    height: 62px;
    overflow: hidden;
}

#brandHead #comHeadlink .siteLogo a {}

#brandHead .outlogin {
    margin-top: 0px;
}

#comHeadOutlogin .loginButton {
    background-image: url('//static.inven.co.kr/image_2011/common/module/navigation/button_login_green.png?v=2');
}

#comHeadOutlogin .invenQuickLink {
    background: url('//static.inven.co.kr/image_2011/common/module/navigation/bttn_62x19_black_quicklink.png?v=2');
}

#brandAdTop {
    clear: both;
    width: 800px;
    height: 88px;
    overflow: hidden;
    margin-top: 5px;
}

#brandAdTopLeft {
    height: 88px;
    overflow: hidden;
    margin: 0px;
}

#brandAdTopRight {
    height: 88px;
    overflow: hidden;
    margin: 0px;
}

body.bAdTopHide #brandAdTop {
    display: none;
}


/* MENU */

#brandHeadmenu {
    clear: both;
    height: 45px;
    overflow: hidden;
    /*background: url('//static.inven.co.kr/image_2011/brand/common/menu_bg.png') repeat-x left top; */
}

#brandHeadmenu ul.mainMenu {
    clear: both;
    overflow: hidden;
    width:915px;
    height: 45px;
    margin: 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    /*background: url('//static.inven.co.kr/image_2011/brand/common/menu_bar.png') no-repeat left center; */
}

#brandHeadmenu ul.mainMenu li {
    display: inline-block;
}

#brandHeadmenu ul.mainMenu li a {
    float: left;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    letter-spacing: normal;
    text-align: center;
    color: white;
    /*background: url('//static.inven.co.kr/image_2011/brand/common/menu_bar.png') no-repeat right center; */
}

#brandHeadmenu ul.mainMenu li a:hover {
    color: #8dd00f;
    text-decoration: none;
    font-weight: bold;
}

#brandHeadmenu ul.mainMenu li.selected {
    /*background: url('//static.inven.co.kr/image_2011/brand/common/menu_cur.png?v=2') no-repeat center top;*/
}

#brandHeadmenu ul.mainMenu li.selected a {
    color: #8dd00f;
    font-weight: bold;
}

#brandHeadmenu ul.mainMenu li.menu1 a {
    width: 123px;
}

#brandHeadmenu ul.mainMenu li.menu2 a {
    width: 124px;
}

#brandHeadmenu ul.mainMenu li.menu3 a {
    width: 138px;
}

#brandHeadmenu ul.mainMenu li.menu4 a {
    width: 128px;
}

#brandHeadmenu ul.mainMenu li.menu5 a {
    width: 141px;
}

#brandHeadmenu ul.mainMenu li.menu6 a {
    width: 153px;
}

#brandHeadmenu ul.mainMenu li.menu7 a {
    width: 107px;
}


/* NEW */

#brandHeadmenu ul.mainMenu span.new {
    position: relative;
    float: none;
    display: block;
    width: 36px;
    height: 12px;
    margin: 0 auto -12px auto;
    z-index: 90;
    text-indent: -9999px;
    background: url(//static.inven.co.kr/image_2011/tos/common/icon_new.png?v=20151215a) no-repeat;
}


/* BODY 915 */

body.b915 #brandHead #brandHeadlink {}

body.b915 #brandHead #comHeadlink {
    width: 915px;
    margin: 0 auto;
}

body.b915 #brandAdTop {
    width: 915px;
}

body.b915 #brandAdTop #brandAdTopLeft {
    width: 248px;
    margin-left: 0px;
}

body.b915 #brandAdTop #brandAdTopRight {
    width: 663px;
    margin-left: 4px;
}


/* BODY POPUP */

body.bPopup {
    background-image: none;
}


/* OUTLOGIN V2 */


/* COMMON */

#brandLeftLogin {
    width: 173px;
    height: 224px;
    overflow: hidden;
}

#brandLeftLogin #comLeftOutloginV2,
#brandLeftLogin #comLeftOutloginV2 p,
#brandLeftLogin #comLeftOutloginV2 a,
#brandLeftLogin #comLeftOutloginV2 form,
#brandLeftLogin #comLeftOutloginV2 fieldset,
#brandLeftLogin #comLeftOutloginV2 legend,
#brandLeftLogin #comLeftOutloginV2 label,
#brandLeftLogin #comLeftOutloginV2 ul,
#brandLeftLogin #comLeftOutloginV2 li {
    position: absolute;
    display: inline;
    float: left;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

#brandLeftLogin #comLeftOutloginV2 input {
    position: absolute;
    display: inline;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#brandLeftLogin #comLeftOutloginV2 legend {
    margin: -1000px;
}

#brandLeftLogin #comLeftOutloginV2 {
    clear: both;
    display: inline;
    float: left;
    width: 173px;
    height: 230px;
    overflow: hidden;
}

#brandLeftLogin #comLeftOutloginV2 a.logo {
    left: 0;
    top: 0;
    width: 173px;
    height: 111px;
    text-indent: -10000em;
    overflow: hidden;
}

#brandLeftLogin #comLeftOutloginV2 p {
    top: 3px;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: visible;
}

#brandLeftLogin #comLeftOutloginV2 form {
    top: 101px;
    left: 0;
    width: 173px;
    height: 129px;
    overflow: hidden;
}

#brandLeftLogin #comLeftOutloginV2 fieldset {
    top: 0;
    left: 0;
    width: 173px;
    height: 118px;
    overflow: visible;
}


/* LOGIN */

#brandLeftLogin #comLeftOutloginV2.login label {
    width: 56px;
    height: 15px;
    color: #fff;
    overflow: hidden;
    font-size: 11px;
    font-family: 돋움, dotum, 굴림, gulim, Helvetica;
    line-height: 14px;
    text-align: right;
    font-weight: bold;
    letter-spacing: -1px;
}

#brandLeftLogin #comLeftOutloginV2.login label.idLabel {
    left: 10px;
    top: 18px;
}

#brandLeftLogin #comLeftOutloginV2.login label.pwLabel {
    left: 10px;
    top: 43px;
}

#brandLeftLogin #comLeftOutloginV2.login input.idField,
#brandLeftLogin #comLeftOutloginV2.login input.pwField {
    width: 86px;
    height: 20px;
    color: #000;
    border: 1px solid #121212;
    background: #eeeeee;
    padding: 3px 3px 0;
}

#brandLeftLogin #comLeftOutloginV2.login input.idField {
    left: 73px;
    top: 12px;
}

#brandLeftLogin #comLeftOutloginV2.login input.pwField {
    left: 73px;
    top: 39px;
}

#brandLeftLogin #comLeftOutloginV2.login input.saveId {
    left: 18px;
    top: 69px;
    width: 13px;
    height: 13px;
}

#brandLeftLogin #comLeftOutloginV2.login label.saveIdLabel {
    left: 35px;
    top: 70px;
    width: 36px;
    height: 14px;
    color: #fff;
    font-size: 11px;
    font-family: 돋움, dotum, 굴림, gulim, Helvetica;
    line-height: 14px;
    text-align: left;
    font-weight: normal;
    letter-spacing: normal;
    overflow: hidden;
}

#brandLeftLogin #comLeftOutloginV2.login input.login {
    display: inline;
    float: left;
    left: 75px;
    top: 65px;
    width: 82px;
    height: 21px;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
    border: none;
    background: url('//static.inven.co.kr/image_2011/brand/common/bttn_86x20_red_login.png') no-repeat left top;
}

#brandLeftLogin #comLeftOutloginV2.login ul.userMenu {
    left: 20px;
    top: 97px;
    width: 139px;
    height: 18px;
    overflow: hidden;
}

#brandLeftLogin #comLeftOutloginV2.login ul.userMenu li {
    position: static;
    height: 18px;
    overflow: hidden;
    text-align: center;
}

#brandLeftLogin #comLeftOutloginV2.login ul.userMenu li a {
    position: static;
    display: inline;
    float: left;
    height: 18px;
    overflow: hidden;
    text-indent: -999px;
}

#brandLeftLogin #comLeftOutloginV2.login ul.userMenu li.register a {
    width: 63px;
    background: url('//static.inven.co.kr/image_2011/brand/common/bttn_62x16_yellow_regist.png') no-repeat left top;
}

#brandLeftLogin #comLeftOutloginV2.login ul.userMenu li.findpw a {
    width: 70px;
    margin-left: 6px;
    background: url('//static.inven.co.kr/image_2011/brand/common/bttn_70x16_yellow_find.png') no-repeat left top;
}


/* LOGOUT */

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo {
    position: absolute;
    top: 0;
    left: 0;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul {
    width: 1px;
    height: 1px;
    overflow: visible;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo .nickname {
    position: absolute;
    top: 19px;
    left: 22px;
    color: #fff;
    white-space: nowrap;
    font-weight: bold;
    letter-spacing: -1px;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.point li.inni {
    top: 39px;
    left: 22px;
    width: auto;
    overflow: visible;
    color: #fff;
    font-size: 11px;
    font-family: 돋움, dotum, 굴림, gulim, Helvetica;
    line-height: 14px;
    white-space: nowrap;
    padding-right: 1px;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.point li.veni {
    top: 39px;
    left: 96px;
    width: auto;
    overflow: visible;
    color: #fff;
    font-size: 11px;
    font-family: 돋움, dotum, 굴림, gulim, Helvetica;
    line-height: 14px;
    white-space: nowrap;
    padding-right: 1px;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.point li span.sep {
    display: none;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.point li span.value {
    color: #ffea00;
    padding-left: 3px;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu {
    top: 58px;
    left: 22px;
    width: 130px;
    height: 2px;
    overflow: visible;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li {
    width: 63px;
    height: 18px;
    overflow: hidden;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li a {
    display: inline;
    float: left;
    width: 63px;
    height: 16px;
    _height: 18px;
    overflow: hidden;
    font-size: 11px;
    font-family: 돋움, dotum, 굴림, gulim, Helvetica;
    line-height: 14px;
    text-align: center;
    text-decoration: none;
    background: url('//static.inven.co.kr/image_2011/brand/common/bttn_61x16_brown.png') no-repeat left top;
    padding: 2px 0 0;
    color: #632a22;
}

.ie10 #brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li a {
    padding: 3px 0 0;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li a:hover {
    color: #FF0000;
    text-decoration: none;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.character {
    top: 0;
    left: 0;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.postbox {
    top: 0px;
    left: 70px;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.inventory {
    top: 22px;
    left: 0;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.skill {
    top: 22px;
    left: 70px;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li.storage {
    top: 44px;
    left: 0;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo .newNote {
    top: 53px;
    left: 141px;
}

#brandLeftLogin #comLeftOutloginV2.logout .loginInfo .logout {
    top: 102px;
    left: 92px;
    display: inline;
    float: left;
    width: 63px;
    height: 18px;
    overflow: hidden;
    cursor: pointer;
    color: #dedcdb;
    font-size: 11px;
    font-family: 돋움, dotum, 굴림, gulim, Helvetica;
    line-height: 14px;
    text-indent: -10000em;
    text-align: center;
    background: url('//static.inven.co.kr/image_2011/brand/common/bttn_61x16_brown_logout.png') no-repeat left top;
    border: 0;
    padding: 2px 0 0;
}


/* LEFT MENU */


/* COMMON */

#brandLeftMenu {
    clear: both;
    overflow: hidden;
    width: 200px;
    padding-top: 25px;
    margin: 0;
}

#brandLeftMenu .menuGroups {
    margin: 0 0 0 7px;
}

#brandLeftMenu .menuGroup {
    margin: 10px 0 0 0;
}


/* COLOR, STYLE, MARK */


/* STYLE */

#brandLeftMenu .menuItems strong.normal {
    font-weight: normal;
    letter-spacing: normal;
}

#brandLeftMenu .menuItems a:hover strong.normal {
    font-weight: bold;
    letter-spacing: -1px;
}

#brandLeftMenu .menuItems strong em {
    font-weight: bold;
    letter-spacing: -1px;
}

#brandLeftMenu .menuItems a:hover em {
    font-weight: bold;
    letter-spacing: -1px;
}


/* TEXT MENU TYPE 1 */

#brandLeftMenu .textMenuType1 .menuList {
    clear: both;
    width: 159px;
    overflow: hidden;
    /*margin: 0 0 0 3px;*/
    border: 1px solid #000;
    background-color: #fff1d1;
}

#brandLeftMenu .textMenuType1 .menuList ul {
    clear: both;
    width: 144px;
    overflow: hidden;
    margin: 4px 0px 0px 6px;
    padding: 0px 0px 4px;
}

#brandLeftMenu .textMenuType1 .menuList ul li.nodotted {
    padding-left: 13px;
}

#brandLeftMenu .textMenuType1 .menuList ul li {
    clear: both;
    width: 148px;
    height: 15px;
    overflow: hidden;
    background: url('//static.inven.co.kr/image_2011/brand/common/leftmenu_133x2_line1.png') repeat-x left bottom;
    white-space: nowrap;
    margin: 6px 0 0;
    padding-bottom: 6px;
}

#brandLeftMenu .textMenuType1 .menuList ul li.lastMenuItem {
    background: none;
    padding-bottom: 0;
}

#brandLeftMenu .textMenuType1 .menuList ul li span {
    background: url('//static.inven.co.kr/image_2011/brand/common/arrow_3x6_red1.png') no-repeat left 3px;
    padding-left: 8px;
    margin-left: 4px;
}

#brandLeftMenu .textMenuType1 .menuList ul li.nodotted span {
    background: none;
    padding-left: 0;
    margin-left: -8px;
}

#brandLeftMenu .textMenuType1 .menuList ul li a {
    line-height: 15px;
    /*메뉴 글씨 색깔 변경*/
    color: #5b5b5b;
}

#brandLeftMenu .textMenuType1 .menuList ul li a:hover {
    color: red;
    text-decoration: none;
}


/* BUTTON MENU TYPE 1 */

#brandLeftMenu .buttonMenuType1 {
    clear: both;
    overflow: hidden;
    margin: 0;
}

#brandLeftMenu .buttonMenuType1 ul {
    clear: both;
    width: 155px;
    overflow: hidden;
    margin-left: 6px;
    padding: 1px 0 4px;
}

#brandLeftMenu .buttonMenuType1 ul li {
    width: 156px;
    height: 24px;
    overflow: hidden;
    margin: 3px 0 0 1px;
}

#brandLeftMenu .buttonMenuType1 ul li a {
    display: inline;
    float: left;
    width: 156px;
    height: 24px;
    text-indent: -999px;
    overflow: hidden;
    background: url('//static.inven.co.kr/image_2011/brand/common/menu_job1.png?v=160615a') no-repeat left top;
}

#brandLeftMenu .buttonMenuType1 ul li.job1 a {
    width: 156px;
    background-position: -155px 0px;
}

#brandLeftMenu .buttonMenuType1 ul li.job2 a {
    width: 156px;
    background-position: -155px -26px;
}

#brandLeftMenu .buttonMenuType1 ul li.job3 a {
    width: 156px;
    background-position: -155px -52px;
}

#brandLeftMenu .buttonMenuType1 ul li.job4 a {
    width: 156px;
    background-position: -155px -78px;
}

#brandLeftMenu .buttonMenuType1 ul li.job5 a {
    width: 156px;
    background-position: -155px -104px;
}

#brandLeftMenu .buttonMenuType1 ul li.job6 a {
    width: 156px;
    background-position: -155px -130px;
}

#brandLeftMenu .buttonMenuType1 ul li.job7 a {
    width: 156px;
    background-position: -155px -156px;
}

#brandLeftMenu .buttonMenuType1 ul li a:hover {
    /*margin: -27px 0 0;*/
}

#brandLeftMenu .buttonMenuType1 ul li.job1 a:hover {
    width: 156px;
    background-position: 0px 0px;
}

#brandLeftMenu .buttonMenuType1 ul li.job2 a:hover {
    width: 156px;
    background-position: 0px -26px;
}

#brandLeftMenu .buttonMenuType1 ul li.job3 a:hover {
    width: 156px;
    background-position: 0px -52px;
}

#brandLeftMenu .buttonMenuType1 ul li.job4 a:hover {
    width: 156px;
    background-position: 0px -78px;
}

#brandLeftMenu .buttonMenuType1 ul li.job5 a:hover {
    width: 156px;
    background-position: 0px -104px;
}

#brandLeftMenu .buttonMenuType1 ul li.job6 a:hover {
    width: 156px;
    background-position: 0px -130px;
}

#brandLeftMenu .buttonMenuType1 ul li.job7 a:hover {
    width: 156px;
    background-position: 0px -156px;
}


/* BANNER MENU TYPE 1 */

#brandLeftMenu .bannerMenuType1 .menuList {
    clear: both;
    width: 159px;
    margin-left: 0px;
    overflow: hidden;
}

#brandLeftMenu .bannerMenuType1 .menuList ul {
    clear: both;
    width: 159px;
    overflow: hidden;
    margin: -6px 0 0;
}

#brandLeftMenu .bannerMenuType1 .menuList ul li {
    clear: both;
    width: 159px;
    overflow: hidden;
    text-align: center;
    margin: 6px 0 0;
}

#brandLeftMenu .bannerMenuType1 .menuList ul li span a img {
    vertical-align: top;
}

#brandLeftMenu .bannerMenuType1 .menuList ul li.installGame {
    height: 57px;
    margin-top: 15px;
    background: transparent url('//static.inven.co.kr/image_2011/brand/common/banner_install_game_159x57_01.png') left top;
}

#brandLeftMenu .bannerMenuType1 .menuList ul li.installGame a {
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -99em;
    width: 78px;
    height: 25px;
    margin-top: 30px;
}


/* BANNER MENU TYPE 2 */

#brandLeftMenu .bannerMenuType2 .menuList {
    clear: both;
    width: 163px;
}

#brandLeftMenu .bannerMenuType2 .menuList ul {
    clear: both;
    width: 163px;
    margin: -6px 0 0;
}

#brandLeftMenu .bannerMenuType2 .menuList ul li {
    clear: both;
    width: 163px;
    text-align: center;
    margin: 6px 0 0 -2px;
}

#brandLeftMenu .bannerMenuType2 .menuList ul li span a img {
    vertical-align: top;
}


/* RIGHT MENU*/


/* COMMON */

#brandRightMenu {
    clear: both;
    overflow: hidden;
    width: 182px;
    padding-top: 25px;
    margin: 0;
}

#brandRightMenu .menuGroups {
    width: 167px;
    margin: -5px 0 0;
}

#brandRightMenu .menuGroup {
    margin: 5px 0 0;
}


/* COLOR, STYLE, MARK */


/* STYLE */

#brandRightMenu .menuItems strong.normal {
    font-weight: normal;
    letter-spacing: normal;
}

#brandRightMenu .menuItems a:hover strong.normal {
    font-weight: bold;
    letter-spacing: -1px;
}

#brandRightMenu .menuItems strong em {
    font-weight: bold;
    letter-spacing: -1px;
}

#brandRightMenu .menuItems a:hover em {
    font-weight: bold;
    letter-spacing: -1px;
}

#brandRightMenu .menuItems em {
    background: no-repeat right 1px;
    padding-right: 15px;
}


/* COLOR */

#brandRightMenu .menuItems strong.orange {
    color: #ff3600;
}

#brandRightMenu .menuItems strong.blue {
    color: #33aaff;
    /* Unadjusted */
}

#brandRightMenu .menuItems strong.red {
    color: red;
    /* Unadjusted */
}

#brandRightMenu .menuItems strong.yellow {
    color: #f6d818;
    /* Unadjusted */
}

#brandRightMenu .menuItems strong.brown {
    color: #7b4908;
    /* Unadjusted */
}

#brandRightMenu .menuItems strong.purple {
    color: #da00e0;
    /* Unadjusted */
}

#brandRightMenu .menuItems strong.green {
    color: #006600;
    /* Unadjusted */
}


/* MARK */

#brandRightMenu .menuItems em.newRed {
    background-image: url('//static.inven.co.kr/image/wow/leftimage/icon_n.gif');
}

#brandRightMenu .menuItems em.newBlue {
    background-image: url('//static.inven.co.kr/image/bbs/latest_skin/inven/wow_bbs/images/new.gif');
}

#brandRightMenu .menuItems em.eventBlue {
    background-image: url('//static.inven.co.kr/image/wow/leftimage/icon_e.gif');
}

#brandRightMenu .menuItems em.hotOrange {
    background-image: url('//static.inven.co.kr/image/bbs/latest_skin/inven/new_bbs/images/hot.gif');
}


/* TEXT MENU TYPE 1 */

#brandRightMenu .textMenuType1 {
    clear: both;
    overflow: hidden;
}

#brandRightMenu .textMenuType1 .listBody {
    clear: both;
    width: 167px;
    overflow: hidden;
}

#brandRightMenu .textMenuType1 .listBody ul {
    clear: both;
    width: 165px;
    overflow: hidden;
    padding: 3px 0 7px;
    border: solid 1px #bababa;
    background-color: #fff;
}

#brandRightMenu .textMenuType1 .listBody ul li {
    clear: both;
    height: 15px;
    _height: 16px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    font-family: 돋움, dotum, 굴림, gulim, Helvetica;
    line-height: 15px;
    /*background: url('//static.inven.co.kr/image_2011/brand/common/arrow_3x6_gray1.png') no-repeat left center;*/
    /*margin: 3px 0 0 5px;*/
    padding: 2px 0 0 3px;
}

#brandRightMenu .textMenuType1 .listBody ul li a {
    color: #231e1a;
    font-size: 12px;
    font-family: 돋움, dotum, 굴림, gulim, Helvetica;
    line-height: 15px;
    text-decoration: none;
}

#brandRightMenu .textMenuType1 .listBody ul li a:hover {
    color: #be060b;
    text-decoration: underline;
}


/* BANNER MENU TYPE 1 */

#brandRightMenu .bannerMenuType1 .menuList {
    clear: both;
    width: 167px;
    overflow: hidden;
}

#brandRightMenu .bannerMenuType1 .menuList ul {
    clear: both;
    width: 167px;
    overflow: hidden;
    margin: -6px 0 0;
}

#brandRightMenu .bannerMenuType1 .menuList ul li {
    clear: both;
    width: 167px;
    overflow: hidden;
    text-align: center;
    margin: 6px 0 0;
}

#brandRightMenu .bannerMenuType1 .menuList ul li span a img {
    vertical-align: top;
}


/* IMGMAP MENU TYPE 1 */

#brandRightMenu .imgMenuType1 .menuList {
    clear: both;
    width: 167px;
    overflow: hidden;
}

#brandRightMenu .imgMenuType1 .menuList ul {
    padding: 2px 0;
    _padding: 3px 0 2px;
}

#brandRightMenu .imgMenuType1 .menuList ul li {
    margin: 2px 0 2px 8px;
    _margin: 1px 0 1px 8px;
}

#brandRightMenu .imgMenuType1 .menuList img {
    clear: both;
    width: 149px;
    height: 49px;
    border: 1px solid black;
    overflow: hidden;
}


/* AD */


/* POSITION ADJUST */

#brandAdSky {
    left: 810px;
    top: 67px;
}


/* Cert */

#brandCert {
    margin: 0 0 0 15px;
}


/* HOT ISSUE */

.hotissue div.colCont {
    width: 915px;
    margin: 0 auto;
}


/* FOOTER */


/*body.b915 #comTailCoplyright { background-image: url('//static.inven.co.kr/image_2011/common/module/tailcoplyright/bg_915_6b.png'); }*/


/* LEFT BANNERS */



#brandLeftMenu .leftBanners {
    width: 100%;
    list-style: none;
}

#brandLeftMenu .leftBanners li {
    float: none;
    display: list-item;
    overflow: hidden;
    margin-bottom: 10px;
}


#brandLeftMenu .leftBanners li a img {
    width:100%
}


/* RIGHT BANNERS */

#brandRightMenu {}

#brandRightMenu .rightBanners {
    list-style: none;
    margin-left: 15px;
}

#brandRightMenu .rightBanners li {
    float: none;
    display: list-item;
    overflow: hidden;
    margin-bottom: 10px;
}

#brandRightMenu .rightBanners li a {
    float: left;
}

#brandRightMenu .rightBanners li a img {
    float: left;
}


/* SUB LAYOUT */

.subLayout #brandBody #brandMiddle .brandMiddle2 {
    width: 915px;
}

.subLayout #brandLeft {
    width: 180px;
}

.subLayout #brandMain {
    width: 735px;
    padding-top: 0;
}

.subLayout #brandRight {
    width: 0px;
}

.subLayout #brandMain.wideMain {
    width: 100%
}


/* SUB LEFT MENU */

.subLayout .boardList .title {
    display: block;
    float: none;
    width: 180px;
    font-family: '맑은 고딕', '고딕', 'Malgun Gothic', 'Gothic';
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 50px;
    text-align: center;
}

.subLayout .boardList .title:before {
    content: '';
    display: block;
    height: 1px;
    background-color: #d52237;
    border-top: 1px solid black;
}

.subLayout .boardList .title:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #d52237;
    border-bottom: 1px solid black;
}

.subLayout .boardList {
    width: 180px;
    padding-bottom: 150px;
    border-bottom: 1px solid #343434;
    background-color: #1d1d1d;
}

.subLayout .boardList ul {
    overflow: hidden;
    float: none;
    display: block;
    margin-bottom: 20px;
    border-left: 1px solid #343434;
    border-right: 1px solid #343434;
}

.subLayout .boardList ul li {
    float: none;
    display: list-item;
    margin: 9px 0;
}

.subLayout .boardList ul li a {
    display: block;
    font-size: 12px;
    color: #d0d4d8;
    text-indent: 20px;
}

.subLayout .boardList ul li a:hover,
.subLayout .boardList ul li a.selected {
    font-weight: bold;
    color: #ed1c24;
    text-decoration: none;
}


/* SUB TITLE */

.subLayout h1.title {
    float: none;
    display: block;
    height: 35px;
    margin: 10px 0 0 15px;
    color: white;
    line-height: 35px;
    font-weight: bold;
    text-indent: 48px;
    background: url('//static.inven.co.kr/image_2011/brand/common/sub_title.png') no-repeat;
}

#banner180606 {
    float: none;
    display: block;
    margin-left: 15px;
    margin-bottom: 10px !important;
}


/* SUBSCRIBE AREA */

#brandSubscribe {
    margin-top: 25px;
    width: 200px;
}

#brandSubscribe div {
    display: block;
    float: none;
}

.f-d {
    font-family: "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
}

#brandSubscribe .like-area {
    padding: 20px 0;
    height: 190px;
    background: #ccc;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

#brandSubscribe .like-area .num {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

#brandSubscribe .like-area .num::before {
    content: "";
    display: block;
    margin: 2px 5px 0 0;
    width: 16px;
    height: 14px;
    background: url("https://static.inven.co.kr/image_2011/common/brand/icon_sprite.png") no-repeat;
}

#brandSubscribe .like-area button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 95px auto 0;
    width: 115px;
    height: 37px;
    background: #fff;
    border: 1px solid #f94b4b;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

#brandSubscribe .like-area button::before {
    content: "";
    display: block;
    margin: 2px 3px 0 0;
    width: 16px;
    height: 14px;
    background: url("https://static.inven.co.kr/image_2011/common/brand/icon_sprite.png") no-repeat;
    background-position: -18px 0;
}

#brandSubscribe .like-area .like-comment {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0000009c;
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    display: none;
}

#brandSubscribe .like-area .like-comment .comment {
    font-weight: bold;
    font-size: 18px;
}

#brandSubscribe .like-area .like-comment .heart {
    background: url(//static.inven.co.kr/image_2011/common/brand/icon_bigheart.png) left top no-repeat;
    width: 41px;
    height: 36px;
    line-height: 25px;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}

#brandSubscribe .like-area .like-comment .remain {
    margin-top: 5px;
}

#brandSubscribe .info-area {
    margin: 10px 0 0 0;
    background: #f8f8f8;
    border: 1px solid #d0d0d0;
    border-top: 2px solid #4f91e2;
}

#brandSubscribe .info-area .top {
    padding: 20px 5px 0px 15px;
    box-sizing: border-box;
}

#brandSubscribe .info-area .top::after {
    content: "";
    display: block;
    clear: both;
}

#brandSubscribe .info-area .top .le {
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 8px 0 0;
    width: 52px;
    height: 52px;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    box-sizing: border-box;
}

#brandSubscribe .info-area .top .le img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#brandSubscribe .info-area .top .ri {
    float: right;
    width: calc(100% - 60px);
}

#brandSubscribe .info-area .top .ri p {
    margin: 0;
}

#brandSubscribe .info-area .top .ri p:not(.nick) {
    color: #222;
    font-size: 11px;
}

#brandSubscribe .info-area .top .ri .nick a {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -1px;
}

#brandSubscribe .info-area .top .ri .nick a:hover {
    text-decoration: none;
}

#brandSubscribe .info-area .top .ri .nick .admin {
    padding: 0 5px;
    height: 15px;
    background: #fff;
    border: 1px solid #3374ea;
    box-sizing: border-box;
    color: #3374ea;
    font-size: 10px;
    line-height: 12px;
}

#brandSubscribe .info-area .top .ri .sub {
    margin-top: 4px;
}

#brandSubscribe .info-area .icon ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#brandSubscribe .info-area .icon li {
    margin: 12px 2px;
    width: 20px;
    height: 20px;
    background: #b3b3b3;
    border-radius: 50%;
}

#brandSubscribe .info-area .icon li.on {
    background: #3374ea;
}

#brandSubscribe .info-area .icon li.on a {
    cursor: pointer;
}

#brandSubscribe .info-area .icon li a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    cursor: default;
}

#brandSubscribe .info-area .icon li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url("https://static.inven.co.kr/image_2011/common/brand/icon_sprite.png") no-repeat;
}

#brandSubscribe .info-area .icon li a.home::before {
    width: 18px;
    height: 13px;
    background-position: -33px 0px;
}

#brandSubscribe .info-area .icon li a.youtube::before {
    width: 17px;
    height: 14px;
    background-position: -51px 0;
}

#brandSubscribe .info-area .icon li a.facebook::before {
    width: 8px;
    height: 16px;
    background-position: -71px 0;
}

#brandSubscribe .info-area .icon li a.instargram::before {
    width: 14px;
    height: 16px;
    background-position: -80px 1px;
}

#brandSubscribe .info-area .icon li a.twitter::before {
    width: 14px;
    height: 15px;
    background-position: -95px 0;
}

#brandSubscribe .info-area .icon li a.blog::before {
    background-position: -111px 0;
    width: 16px;
    height: 15px;
}

#brandSubscribe .info-area .hit {
    display: flex;
    margin: 0 auto 12px;
    padding: 0 0 6px 0;
    width: calc(100% - 24px);
    border-bottom: 1px solid #e1e1e1;
    font-size: 11px;
    /* font-family: "돋움", Dotum, "돋움체", DotumChe; */
    letter-spacing: -0.5px;
}

#brandSubscribe .info-area .hit.noline {
    border-bottom: none;
}

#brandSubscribe .info-area .hit>div {
    position: relative;
    margin: 0 5px;
    color: #999999;
}

#brandSubscribe .info-area .hit span {
    font-size: 12px;
    font-weight: bold;
}

#brandSubscribe .info-area .event-list {
    padding: 0 15px 10px;
    text-align: center;
}

#brandSubscribe .info-area .event-list h3 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
}

#brandSubscribe .info-area .event-list ul {
    text-align: left;
    width: 100%;
}

#brandSubscribe .info-area .event-list li {
    padding: 0 0 0 5px;
    width: 100%;
    box-sizing: border-box;
}

#brandSubscribe .info-area .event-list li:not(:last-child) {
    margin: 0 0 7px 0;
}

#brandSubscribe .info-area .event-list li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #222222;
}

#brandSubscribe .info-area .event-list button {
    margin: 15px auto 0;
    width: 160px;
    height: 37px;
    background: #3374ea;
    border: 1px solid #1751ba;
    color: #fff;
    cursor: pointer;
}

#brandSubscribe a.btn {
    margin: 15px auto 0;
    width: 160px;
    height: 37px;
    background: #3374ea;
    border: 1px solid #1751ba;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 37px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    float: none;
}

#brandSubscribe a.btn:hover {
    text-decoration: none;
}