@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500&display=swap&subset=korean); @import url(https://mabinogi.nexon.com/font/mabinogiclassic.css); #mpInfo:after,.damage_monster .monster_area:after,.rank_search_box:after,.rank_bestinfo .best_area .member_info:after,.main_tv li:after,.main_tv:after,.banner_list_wrap .banner_list ul:after,.main_ucc:after,.pop_user_info .inner_box dl:after,.pop_box .pop_sel_box01 dl:after,.pop_main01 .scr_wrap:after,.pop_wrap02:after,.board_btm_btns:after,.name_tag_wrap:after,.board_data03 li:after,.board_data03 ul:after,.board_data01 li:after,.board_data02 li:after,.board_data05 li:after,.board_data01:after,.board_data02:after,.board_data05:after,.board_thum li:after,.board_thum:after,.board_write01 dd.file_area01.intrt:after,.board_write01 dd.file_area01:after,div[class*=board_tab_ty] ul:after,.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk .uotp_info:after,.otp_new_wrap .otp_wrap:after,.inp_box03 dl:after,.etc_cont_box02 .etc_inner_box01 .btm_tx:after,.data_cont_box:after,.black_list ul:after,.card_view01:after,.card_cont02 dl:after,.card_cont01 ul:after,.memout_list ul:after,.chr_list02 ul:after,.chr_list01 ul:after,.chr_sel_box04 dl:after,.chr_sel_box01 dl:after,.step_box01 ul:after,.character_list03 ul:after,.character_list02 ul:after,.character_info_bar .ci_box:after,.character_top_box02_new:after,.levelup_list:after,.guild_top_box01 .btm_info ul:after,.login_ne .message_box .msg_box_header:after,.footer_new .ft_info_new dl:after,.footer_new .ft_info_new ul:after,.footer .ft_info dl:after,.container_wrap .container:after,.container_wrap:after {
    content: "";
    display: block;
    clear: both
}

body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,span,a,table,thead,tfoot,tbody,th,td,form,legend,label,input,textarea,address,strong,em,pre,q,abbr,acronym,cite,blockquote,object,iframe {
    padding: 0;
    margin: 0
}

img,fieldset,hr {
    padding: 0;
    margin: 0;
    border: 0
}

img {
    vertical-align: top
}

ul,ol {
    list-style-type: none
}

h1,h2,h3,h4,h5,h6 {
    font-size: 12px;
    font-weight: normal
}

select,input,textarea {
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    letter-spacing: -1px;
    color: #797979;
    vertical-align: middle
}

select {
    height: 18px
}

table {
    border-collapse: collapse
}

address {
    font-style: normal
}

hr {
    display: none;
    clear: both
}

legend,caption {
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

input,textarea {
    border-radius: 0;
    appearance: none
}

html,body {
    background-color: #fff
}

body {
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.85px;
    color: #797979;
    -webkit-text-size-adjust: none
}

a {
    color: #797979
}

a:link,a:visited {
    text-decoration: none
}

a:hover,a:active,a:focus {
    text-decoration: underline
}

.hidden {
    display: none
}

.vTop {
    vertical-align: top
}

.vMid,.v_m {
    vertical-align: middle
}

.f12 {
    font-size: 12px
}

.cb {
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.tx_l {
    text-align: left
}

.tx_r {
    text-align: right
}

.tx_c {
    text-align: center
}

.p_rel {
    position: relative
}

.d_none {
    display: none
}

.no_mb {
    margin-bottom: 0 !important
}

.mb20 {
    margin-bottom: 20px !important
}

.embed-container {
    position: relative;
    height: 0;
    max-width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden
}

.embed-container iframe,.embed-container object,.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#skipnav {
    position: absolute;
    top: 0;
    left: 22px;
    z-index: 1000000000000000000000000
}

#skipnav a {
    position: absolute;
    top: -9999px;
    z-index: 1000000000000000000000000
}

#skipnav a:hover,#skipnav a:active,#skipnav a:focus {
    top: 0;
    display: inline-block;
    width: 180px;
    padding: 5px 0;
    background-color: #fff;
    border: 3px solid #ddd;
    font-weight: 500;
    color: #000;
    text-align: center
}

.wrap {
    min-width: 1200px
}

.wrap strong {
    font-weight: 500
}

@media screen and (min-width: 1360px) {
    .wrap {
        max-width:1920px;
        margin: 0 auto
    }
}

.top_common_all {
    height: 63px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_top_test.gif") no-repeat center top/auto 100%;
    opacity: .2
}

.header_wrap {
    position: relative;
    height: 420px
}

.header_wrap .header {
    position: relative;
    z-index: 100;
    height: 100px;
    margin: 0 auto
}

.header_wrap .header .logo {
    position: absolute;
    top: 13px;
    left: 0
}

@media screen and (min-width: 1360px) {
    .header_wrap .header {
        position:relative;
        z-index: 100;
        margin: 0 80px
    }
}

@media screen and (max-width: 1359px) {
    .header_wrap .header {
        max-width:1200px
    }
}

.gnb ul {
    min-height: 100px;
    padding: 0 375px 0 132px
}

.gnb ul li.dp1 {
    float: left;
    width: 14.2%;
    padding: 40px 0 0;
    text-align: center
}

.gnb ul li.dp1 .dp_a1 {
    display: inline-block;
    height: 37px;
    font-size: 19px;
    line-height: 18px;
    color: #dfdfdf;
    text-decoration: none
}

.gnb ul li.active .dp_a1 {
    display: block;
    width: 80px;
    height: 36px;
    margin: 0 auto;
    border-bottom: 1px solid #fff
}

.gnb ul.dp2 {
    display: none;
    padding: 11px 0 0;
    margin-top: -2px
}

.gnb ul.dp2 li a {
    font-size: 15px;
    line-height: 30px;
    color: #989898
}

.gnb ul.dp2 li a:hover {
    color: #fff;
    text-decoration: none
}

@media screen and (max-width: 1359px) {
    .gnb ul {
        padding:0 349px 0 104px
    }
}

.gnb_bg_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_gnb01.png") repeat-x left top
}

.gnb_bg_box_open {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
    width: 100%;
    height: 318px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_gnb02.png") repeat left top;
    transition: backdrop-filter .1s linear
}

.aside {
    position: absolute;
    top: 0;
    right: 0;
    width: 230px;
    min-height: 500px;
    padding: 50px 0 0 40px
}

.aside h2 {
    height: 44px;
    border-bottom: 2px solid #c6c1bd;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -1px;
    color: #3f3429
}

.aside .rnb ul {
    padding: 0 0 30px 0
}

.aside .rnb ul li {
    height: 53px;
    padding: 0 0 0 14px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_aside01.gif") repeat-x left bottom;
    line-height: 52px
}

.aside .rnb ul li a {
    padding: 0 0 0 16px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_aside.gif") no-repeat left 6px;
    color: #66615d
}

.aside .rnb ul li.active a {
    font-weight: 600;
    color: #66615d
}

.aside .quick_menu {
    display: inline-block;
    width: 100%;
    clear: both
}

.aside .quick_menu li {
    float: left;
    margin: 0 2px 2px 0
}

.aside .quick_menu li.last {
    margin-right: 0
}

.btn_top {
    position: fixed;
    top: 50px;
    display: none
}

.btn_top a {
    margin-left: -20px
}

.container_wrap {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_cont01.gif") repeat-y center top
}

.container_wrap .container {
    position: relative;
    width: 1200px;
    padding-bottom: 150px;
    margin: 0 auto
}

.contents {
    min-height: 600px;
    padding: 50px 300px 0 0
}

.contents h3.title {
    position: relative;
    height: 60px;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -1px;
    color: #3f3429
}

.contents h3.title p.sel_r {
    position: absolute;
    top: 0;
    right: 0
}

.contents h3.title p.sel_r select.sel_ty01 {
    width: 120px;
    height: 35px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 35px;
    color: #676767
}

.contents h3.title .icon_mov_info {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-top: 2px;
    vertical-align: top
}

.contents h3.title .icon_mov_info>span {
    position: absolute;
    top: 25px;
    left: -123px;
    z-index: 11;
    display: none;
    width: 900px;
    height: 338px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/title_mov_info_over.png") no-repeat 0 0
}

.contents h3.title .icon_mov_info:hover>span {
    display: block
}

.contents h3.title .icon_mov_info2 {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-top: 2px;
    vertical-align: top
}

.contents h3.title .icon_mov_info2>span {
    position: absolute;
    top: 25px;
    left: -123px;
    z-index: 11;
    display: none;
    width: 900px;
    height: 358px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/title_mov_info_over2_7gc6pb.png") no-repeat 0 0
}

.contents h3.title .icon_mov_info2:hover>span {
    display: block
}

.global_site_wrap {
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede
}

.global_site_wrap .global_site {
    width: 1200px;
    height: 39px;
    margin: 0 auto
}

.global_site_wrap .global_site p.img_txt {
    float: left;
    width: 159px;
    padding: 15px 0 0 0;
    margin-left: 261px
}

.global_site_wrap .global_site ul {
    float: left;
    padding: 14px 0 0 0;
    letter-spacing: 0
}

.global_site_wrap .global_site ul li {
    float: left;
    padding: 0 16px 0 0;
    margin: 0 16px 0 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_gs.gif") no-repeat right top;
    font-size: 11px
}

.global_site_wrap .global_site ul li.last {
    padding: 0;
    margin: 0;
    background: none
}

.global_site_wrap .global_site ul li a {
    color: #707070
}

.footer {
    position: relative;
    width: 1200px;
    padding: 40px 0 57px 0;
    margin: 0 auto
}

.footer .ft_logo {
    position: absolute;
    top: 45px;
    left: 152px
}

.footer .ft_info {
    padding: 2px 0 0 19px;
    margin-left: 292px;
    border-left: 1px solid #e8e8e8
}

.footer .ft_info ul {
    height: 16px;
    padding: 0 0 0 1px
}

.footer .ft_info li {
    float: left;
    padding: 0 16px 0 0;
    margin: 0 16px 0 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_gs.gif") no-repeat right top;
    font-size: 11px
}

.footer .ft_info li.last {
    padding: 0;
    margin: 0;
    background: none
}

.footer .ft_info li a {
    color: #2a2a2a
}

.footer .ft_info li a.bold {
    font-weight: 500
}

.footer .ft_info dl {
    padding: 6px 0 0 0;
    clear: both;
    letter-spacing: 0
}

.footer .ft_info dl dd {
    float: left;
    padding: 0 9px 0 0;
    margin: 0 6px 0 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/ft_line.gif") no-repeat right 3px;
    font-size: 11px;
    color: #7f7f7f
}

.footer .ft_info dl dd.last {
    padding: 0;
    margin: 0;
    background: none
}

.footer .img_copyright {
    padding: 12px 0 0 0;
    margin: 0;
    background: none
}

.footer_new {
    position: relative;
    width: 1200px;
    padding: 37px 0 57px 0;
    margin: 0 auto
}

.footer_new .ft_info_new {
    margin-left: 261px
}

.footer_new .ft_info_new ul {
    height: 25px
}

.footer_new .ft_info_new ul li {
    float: left;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/ft_line_new.gif") no-repeat right top;
    font-size: 12px;
    font-weight: 500;
    color: #666
}

.footer_new .ft_info_new ul li.last {
    padding: 0;
    margin: 0;
    background: none
}

.footer_new .ft_info_new ul li a.bold {
    color: #000
}

.footer_new .ft_info_new dl,.footer_new .ft_info_new p {
    font-size: 11px;
    letter-spacing: .5px;
    color: #888
}

.footer_new .ft_info_new dl {
    height: 16px
}

.footer_new .ft_info_new dl dd {
    float: left;
    padding: 0 12px 0 0;
    letter-spacing: 0
}

.footer_new .ft_info_new dl dd a {
    text-decoration: underline
}

.footer_new .copyright {
    padding: 2px 0 21px 0
}

.footer_new .naver_policy {
    padding: 2px 0 21px 0;
    line-height: 14px
}

.footer_new .img_logo img {
    padding-right: 16px
}

.tit_h4_ty01 {
    height: 35px;
    padding-top: 5px;
    margin-bottom: 25px;
    border-bottom: 2px solid #989390;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #3f3429
}

.tit_h4_ty02 {
    height: 35px;
    padding: 0 0 0 13px;
    margin-bottom: 0;
    border-bottom: 2px solid #989390;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #3f3429
}

.txt_box_ty01 {
    position: relative;
    padding: 25px 0 25px 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    font-size: 13px;
    line-height: 22px
}

.txt_box_ty01.pl40 {
    padding-left: 40px
}

.txt_box_ty01.nbt {
    border-top: none
}

.txt_box_ty01 span.color01 {
    color: #c16151
}

.txt_box_ty01 a.btn_goto {
    position: absolute;
    top: 38px;
    right: 30px;
    display: block;
    width: 180px;
    height: 40px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.txt_box_ty02 {
    position: relative;
    padding: 35px 0 35px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    font-size: 13px;
    line-height: 22px;
    text-align: center
}

.txt_box_ty02.nbt {
    border-top: none
}

.txt_box_ty02 p.txt01 {
    padding: 5px 0 15px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px
}

.txt_box_ty02 span.color01 {
    color: #c16151
}

.txt_box_ty03 {
    position: relative;
    padding: 19px 0 19px 34px;
    margin-bottom: 50px;
    border: 6px solid #e8e8e8;
    font-size: 13px;
    line-height: 22px
}

.txt_box_ty03.nbt {
    border-top: none
}

.txt_box_ty03 span.color01 {
    color: #c16151
}

.txt_box_ty03 a.btn_goto {
    position: absolute;
    top: 21px;
    right: 24px;
    display: block;
    width: 205px;
    height: 40px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.sub_visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 420px;
    background-color: #000;
    overflow: hidden
}

.sub_visual .bx-viewport {
    height: 420px !important
}

.sub_visual .control_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 44px;
    text-align: center
}

.sub_visual .box {
    position: relative;
    width: 100%;
    height: 420px
}

.sub_visual .box .bx-prev {
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 29px;
    margin: 0 1px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_l01_off.png") no-repeat;
    text-indent: -99999em
}

.sub_visual .box .bx-prev:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_l01_on.png") no-repeat
}

.sub_visual .box .bx-next {
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 29px;
    margin: 0 1px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_r01_off.png") no-repeat;
    text-indent: -99999em
}

.sub_visual .box .bx-next:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_r01_on.png") no-repeat
}

.sub_visual .btns_lr_n {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top
}

.sub_visual .pager_n {
    display: inline-block;
    padding-top: 9px;
    vertical-align: top
}

.sub_visual .pager_n a {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 3.5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/vis_circle_off.png") no-repeat left top;
    color: #fff;
    text-indent: -99999em
}

.sub_visual .pager_n a.active {
    width: 35px;
    height: 12px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/vis_circle_on.png") no-repeat left top;
    text-indent: -99999em
}

.sub_visual li .vis01 {
    height: 420px
}

.sub_visual li .vis02 {
    height: 420px
}

.sub_visual li .vis03 {
    height: 420px
}

.sub_visual li .vis04 {
    height: 420px
}

.sub_visual li img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1980px;
    height: 420px;
    margin-left: -990px
}

.login_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 370px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_login01_wide.png") repeat-y left top
}

.login_pr {
    min-height: 320px
}

.login_pr .login_type {
    height: 50px
}

.login_pr .login_type li {
    float: left;
    width: 50%;
    height: 35px;
    padding: 15px 0 0 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/login_line.png") no-repeat right 15px;
    font-size: 15px;
    line-height: 15px;
    text-align: center
}

.login_pr .login_type li.last {
    background: none
}

.login_pr .login_type li a {
    color: #969696;
    text-decoration: none
}

.login_pr .login_type li a.on {
    color: #fff
}

.login_pr .inp_box {
    position: relative;
    padding-bottom: 5px;
    margin: 0 23px
}

.login_pr .inp_box dd {
    padding-bottom: 5px
}

.login_pr .inp_box dd input.inp_ty01 {
    width: 145px;
    height: 33px;
    padding: 0 0 0 15px;
    background: #191919;
    border: none;
    font-size: 13px;
    line-height: 33px;
    color: #fff
}

.login_pr .inp_box dd input.inp_ty01.txt {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_pw.gif") no-repeat left top
}

.login_pr .inp_box dd input.inp_ty01.txt_id01 {
    background: #191919 url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_id01_1805.gif") no-repeat left top
}

.login_pr .inp_box dd input.inp_ty01.txt_id02 {
    background: #191919 url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_id02_1805.gif") no-repeat left top
}

.login_pr .inp_box dd input.inp_ty01b {
    width: 186px;
    height: 33px;
    padding: 0 0 0 15px;
    background: #fff;
    border: none;
    font-size: 13px;
    line-height: 33px;
    color: #757575
}

.login_pr .inp_box dd input.inp_ty01b.txt {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_pw_1807.gif") no-repeat left top
}

.login_pr .inp_box dd input.inp_ty01b.txt_id01 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_id01_1807.gif") no-repeat left top
}

.login_pr .inp_box dd input.inp_ty01b.txt_id02 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_id02_1807.gif") no-repeat left top
}

.login_pr .inp_box dd input.inp_ty01b.short {
    width: 110px;
    padding-right: 76px
}

.login_pr .inp_box a.btn_logoin {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 115px;
    height: 71px;
    background: #ffce44;
    font-size: 15px;
    font-weight: 500;
    line-height: 71px;
    color: #211f1d;
    text-align: center;
    text-decoration: none
}

.login_pr .ck_box {
    position: absolute;
    top: 150px;
    left: 157px;
    width: 63px;
    padding: 10px 2px;
    font-size: 12px;
    color: #727272
}

.login_pr .ck_box span.inp_wrap01 {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -1px;
    vertical-align: top
}

.login_pr .ck_box label {
    margin: 0 0 0 4px;
    vertical-align: top;
    cursor: pointer
}

.login_pr .ck_box label.last {
    margin: 0 0 0 5px
}

.login_pr .btm_btns {
    height: 30px;
    text-align: center
}

.login_pr .btm_btns a {
    padding: 2px 0 0 7px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_gray.png") no-repeat left 10px;
    font-size: 13px;
    line-height: 30px;
    color: #797979
}

.login_pr .btm_btns a.mid {
    margin: 0 25px
}

.login_pr .mabi_id {
    display: none
}

.login_pr .mabi_id .btm_btns a.mid {
    margin: 0 13px
}

.login_ne {
    height: 270px
}

.login_ne .info_box {
    position: relative;
    height: 153px;
    padding: 30px 0 0 20px
}

.login_ne .info_box dl {
    height: 60px
}

.login_ne .info_box dl dt {
    padding: 0 0 7px 0;
    font-size: 17px;
    line-height: 18px;
    color: #fff
}

.login_ne .info_box dl dd {
    font-size: 16px;
    line-height: 17px;
    color: #727272
}

.login_ne .info_box .recent_game_time {
    height: 48px
}

.login_ne .info_box .recent_game_time dt {
    padding: 0 0 7px 0;
    font-size: 14px;
    line-height: 14px;
    color: #727272
}

.login_ne .info_box .recent_game_time dd {
    font-size: 14px;
    line-height: 14px;
    color: #727272
}

.login_ne .info_box a.btn_modify,.login_ne .info_box a.btn_change {
    padding: 0 16px 0 0;
    margin: 0 15px 0 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/line_login01.png") no-repeat right 3px;
    font-size: 14px;
    color: #727272
}

.login_ne .info_box a.btn_logout {
    font-size: 14px;
    color: #727272
}

.login_ne .info_box a.btn_personal_menu {
    position: absolute;
    top: 25px;
    right: 23px;
    width: 90px;
    height: 131px;
    background: #a4673b;
    font-size: 16px;
    line-height: 131px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.login_ne .btm_menu {
    position: relative;
    height: 35px
}

.login_ne .btm_menu .menu li {
    float: left;
    width: 122px;
    padding-right: 1px
}

.login_ne .btm_menu .menu li.last {
    width: 124px;
    padding: 0
}

.login_ne .btm_menu .menu li a {
    display: block;
    height: 35px;
    background: #292929;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.login_ne .btm_menu .menu li a.on,.login_ne .btm_menu .menu li a:hover {
    background: #6f6259;
    color: #ece8e7
}

.login_ne .btm_menu .menu li span.memo {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 5px 0 0 4px;
    background: #f56120;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    color: #fff;
    text-align: center;
    vertical-align: top
}

.login_ne .guild_box {
    position: absolute;
    top: 35px;
    left: 0;
    display: none;
    background: #6f6259;
    border-top: 1px solid #6b5e55
}

.login_ne .guild_box .sc_bar {
    width: 340px;
    height: 285px;
    padding: 12px 15px 0 15px;
    overflow-x: hidden;
    overflow-y: auto
}

.login_ne .guild_box p.tx_box {
    height: 40px;
    background: #81746b;
    font-size: 17px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

.login_ne .guild_box dt {
    height: 38px;
    padding: 0 0 0 8px;
    border-bottom: 1px solid #7e7168;
    font-size: 15px;
    line-height: 38px;
    color: #fce0ce
}

.login_ne .guild_box dt img.icon {
    margin: 11px 1px 0 0
}

.login_ne .guild_box dd {
    padding: 2px 0 7px 20px
}

.login_ne .guild_box li {
    padding: 0 0 0 9px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_gray02.png") no-repeat left 10px;
    font-size: 14px;
    line-height: 25px;
    color: #ebdfd4
}

.login_ne .guild_box li a {
    color: #ebdfd4
}

.login_ne .guild_box .btm_btns {
    height: 35px;
    background: #292929;
    line-height: 35px;
    text-align: right
}

.login_ne .guild_box .btm_btns a.btn_view_guild {
    display: inline-block;
    padding-right: 19px;
    margin-right: 15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_goto.png") no-repeat right 1px;
    font-size: 13px;
    line-height: 18px;
    color: #8a8a8a;
    text-decoration: none
}

.login_ne .guild_box .btm_btns a.btn_close_guild {
    display: inline-block;
    padding-right: 19px;
    margin-right: 15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_close01.png") no-repeat right 1px;
    font-size: 13px;
    line-height: 18px;
    color: #8a8a8a;
    text-decoration: none
}

.login_ne .message_box {
    position: absolute;
    top: 35px;
    left: 0;
    display: none;
    background: #6f6259;
    border-top: 1px solid #6b5e55
}

.login_ne .message_box .sc_bar {
    position: relative;
    width: 358px;
    height: 394px;
    padding: 0 12px 0 0;
    overflow-x: hidden;
    overflow-y: auto
}

.login_ne .message_box .btm_btns {
    height: 35px;
    background: #292929;
    line-height: 35px;
    text-align: right
}

.login_ne .message_box .btm_btns a.btn_view_message {
    display: inline-block;
    padding-right: 19px;
    margin-right: 15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_goto.png") no-repeat right 1px;
    font-size: 13px;
    line-height: 18px;
    color: #8a8a8a;
    text-decoration: none
}

.login_ne .message_box .btm_btns a.btn_close_message {
    display: inline-block;
    padding-right: 19px;
    margin-right: 15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_close01.png") no-repeat right 1px;
    font-size: 13px;
    line-height: 18px;
    color: #8a8a8a;
    text-decoration: none
}

.login_ne .message_box .msg_box_header {
    width: 346px;
    height: 26px;
    padding: 7px 0;
    border-bottom: 1px solid #5e544b
}

.login_ne .message_box .msg_box_header .msg_sel_box {
    position: relative;
    float: left;
    width: 112px;
    height: 26px
}

.login_ne .message_box .msg_box_header .msg_sel_box>div {
    width: 76px;
    height: 26px;
    padding: 0 18px;
    background: #6e6258;
    font-size: 14px;
    line-height: 26px;
    color: #d0c5bc
}

.login_ne .message_box .msg_box_header .msg_sel_box>div.hover {
    background-color: #5e544b;
    color: #d0c5bc
}

.login_ne .message_box .msg_box_header .msg_sel_box>div:after {
    content: "¡å";
    position: absolute;
    top: 0;
    right: 18px;
    display: block
}

.login_ne .message_box .msg_box_header .msg_sel_box>div+select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.login_ne .message_box .msg_box_header .msg_btn_read {
    float: right;
    width: 88px;
    height: 26px;
    background: rgba(0,0,0,0);
    border: 1px solid #d0c5bc;
    font-size: 14px;
    color: #d0c5bc;
    cursor: pointer
}

.login_ne .message_box .msg_box_header .msg_btn_read:hover {
    background-color: #d0c5bc;
    color: #5e544b
}

.login_ne .message_box .msg_box_nothing {
    display: table;
    width: 100%;
    height: 353px
}

.login_ne .message_box .msg_box_nothing>div {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.login_ne .message_box .msg_box_nothing>div span {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    color: #d0c5bc
}

.login_ne .message_box .msg_box_nothing>div button {
    width: 220px;
    height: 40px;
    background: rgba(0,0,0,0);
    border: 1px solid #cabfb6;
    border-radius: 20px;
    font-size: 14px;
    color: #cabfb6
}

.login_ne .message_box .msg_box_nothing>div button:hover {
    background-color: #cabfb6;
    color: #51473f;
    cursor: pointer
}

.login_ne .message_box .msg_box_list {
    padding: 0 0 0 20px
}

.login_ne .message_box .msg_box_list li {
    padding: 14px 0;
    border-bottom: 1px solid #88796d
}

.login_ne .message_box .msg_box_list li .t {
    margin-bottom: 4px;
    font-size: 0
}

.login_ne .message_box .msg_box_list li .t .label {
    display: inline-block;
    width: 62px;
    height: 22px;
    margin-right: 10px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
    text-align: center;
    vertical-align: top
}

.login_ne .message_box .msg_box_list li .t .label.l_g {
    background-color: #ea8046
}

.login_ne .message_box .msg_box_list li .t .label.l_a {
    background-color: #4d5aff
}

.login_ne .message_box .msg_box_list li .t .label.l_n {
    background-color: #48ae8b
}

.login_ne .message_box .msg_box_list li .t .date {
    font-size: 12px;
    line-height: 22px;
    color: #d0c5bc
}

.login_ne .message_box .msg_box_list li .b {
    margin-bottom: 8px
}

.login_ne .message_box .msg_box_list li .b p {
    font-size: 14px;
    line-height: 19px;
    color: #fff
}

.login_ne .message_box .msg_box_list li .b p a {
    color: #fff
}

.login_ne .message_box .msg_box_list li .b p .item {
    color: #d78f53
}

.login_ne .message_box .msg_box_list li .b p .price {
    color: #ff4242
}

.login_ne .message_box .msg_box_list li .f {
    font-size: 0
}

.login_ne .message_box .msg_box_list li .f span {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    line-height: 17px;
    color: #d0c5bc;
    vertical-align: top
}

.login_ne .message_box .msg_box_list li .f span img {
    width: auto;
    height: 17px
}

.no_account {
    height: 170px;
    text-align: center
}

.no_account p.txt {
    height: 31px;
    padding: 47px 0 0 0;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-align: center
}

.no_account a.btn_make {
    display: inline-block;
    width: 179px;
    height: 45px;
    background: #a3673b;
    font-size: 15px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.start_area {
    position: relative;
    height: 100px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/common/btn_game_start_wide.gif?630ac7ca105dcdff91ab) no-repeat 0 0
}

.start_area .game_start_btn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 72px;
    text-indent: -999999px
}

.start_area .game_download_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 29px;
    text-indent: -999999px
}

.login_box .tpa_wrap {
    padding: 0 24px;
    background-color: #000
}

.login_box .tpa_wrap .line {
    position: relative;
    height: 32px;
    line-height: 32px;
    text-align: center
}

.login_box .tpa_wrap .line:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #757575
}

.login_box .tpa_wrap .line span {
    position: relative;
    z-index: inherit;
    display: inline-block;
    width: 44px;
    height: 32px;
    background-color: #000;
    font-size: 12px;
    letter-spacing: normal;
    color: #757575;
    vertical-align: top
}

.login_box .tpa_wrap .tpa_btns {
    padding-bottom: 13px
}

.login_box .tpa_wrap .tpa_btns .tpa_btn {
    width: 49%;
    height: 35px;
    padding-left: 16px;
    margin-bottom: 3px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    text-align: left;
    vertical-align: top;
    cursor: pointer
}

.etc_cont_box01 .tpa_wrap {
    margin: 40px 0 0
}

.etc_cont_box01 .tpa_wrap .line {
    position: relative;
    height: 32px;
    line-height: 32px;
    text-align: center
}

.etc_cont_box01 .tpa_wrap .line:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #cfcfcf
}

.etc_cont_box01 .tpa_wrap .line span {
    position: relative;
    z-index: inherit;
    display: inline-block;
    width: 44px;
    height: 32px;
    background-color: #fffdfb;
    font-size: 12px;
    letter-spacing: normal;
    color: #757575;
    vertical-align: top
}

.etc_cont_box01 .tpa_wrap .tpa_btns {
    font-size: 0
}

.etc_cont_box01 .tpa_wrap .tpa_btns .tpa_btn {
    width: 100%;
    height: 50px;
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    vertical-align: top;
    cursor: pointer
}

.top_category_box {
    position: relative;
    height: 210px;
    padding: 35px 0 0 35px;
    margin-bottom: 25px;
    background: #726a64
}

.top_category_box p.img_txt {
    height: 33px;
    font-size: 18px;
    color: #fff
}

.top_category_box p.btns_r {
    position: absolute;
    top: 26px;
    right: 35px;
    width: 148px
}

.top_category_box p.btns_r a[class^=btn_] {
    display: block;
    font-size: 16px;
    text-align: center;
    text-decoration: none
}

.top_category_box p.btns_r a.btn_my_kno {
    height: 80px;
    margin-bottom: 4px;
    background: #c1bcb7;
    line-height: 80px;
    color: #524943
}

.top_category_box p.btns_r a.btn_ask {
    height: 100px;
    background: #c16151;
    line-height: 100px;
    color: #fff
}

.top_category_box ul {
    padding: 0 0 0 9px
}

.top_category_box ul li {
    padding-left: 14px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/blit_yellow.gif") no-repeat left 10px;
    font-size: 15px;
    line-height: 24px;
    color: #fff
}

.top_category_box ul li a {
    color: #fff
}

.top_category_box ul li a.on {
    font-weight: 500;
    color: #feed94
}

.top_category_box ul li span.s_tx {
    padding: 0 16px 0 0;
    margin-right: 6px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/blit_arr01.png") no-repeat right 4px;
    font-weight: 500;
    color: #debca2
}

.top_category_box ul li span.s_tx a {
    color: #debca2
}

.top_category_box ul li span.s_tx a.on {
    color: #feed94
}

.top_category_box ul li span.line {
    padding: 0 10px;
    font-size: 9px;
    vertical-align: top
}

.guild_top_search {
    height: 55px;
    text-align: center
}

.guild_top_search select {
    width: 120px;
    height: 35px;
    margin-right: 6px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    vertical-align: top
}

.guild_top_search input[type=text] {
    width: 323px;
    height: 33px;
    padding: 0 0 0 20px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px;
    vertical-align: top
}

.guild_top_search a.btn_search {
    display: inline-block;
    width: 90px;
    height: 35px;
    background: #92908e;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.guild_index_box01 {
    height: 320px;
    margin-bottom: 30px;
    border: 1px solid #e8e8e8;
    border-top: 2px solid #e8e8e8
}

.guild_index_box01 dl {
    float: left;
    width: 222px
}

.guild_index_box01 dl.last {
    width: 231px
}

.guild_index_box01 dl.last dt,.guild_index_box01 dl.last dd {
    border-right: none
}

.guild_index_box01 dl dt {
    height: 61px;
    background: #f9f9f9;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 16px;
    line-height: 61px;
    text-align: center
}

.guild_index_box01 dl dt img.icon {
    margin: 20px 0 0 0
}

.guild_index_box01 dl dd {
    height: 248px;
    padding: 10px 0 0 0;
    border-right: 1px solid #e8e8e8;
    text-align: center
}

.guild_index_box01 ul {
    font-size: 15px;
    line-height: 34px
}

.guild_index_box01 ul li span.num {
    color: #c16151
}

.guild_index_box02 {
    display: inline-block;
    width: 100%
}

.guild_index_box02 .tb_l {
    float: left;
    width: 610px
}

.guild_index_box02 .tb_l p.stit {
    height: 34px;
    padding: 0 0 0 10px;
    border-bottom: 2px solid #989390;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #3f3429
}

.guild_index_box02 .tb_l p.stit a.btn_more {
    float: right;
    padding-left: 15px;
    margin: 10px 0 0 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_btn_more.png") no-repeat left 1px;
    font-size: 14px;
    line-height: 14px;
    color: #767676
}

.guild_index_box02 .banner_r {
    float: right;
    width: 260px
}

.guild_top_box01 {
    position: relative;
    height: 176px;
    padding: 30px 25px 0 25px;
    border: 4px solid #e8e8e8
}

.guild_top_box01 p.stit {
    height: 34px;
    border-bottom: 2px solid #989390;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #3f3429
}

.guild_top_box01 .btm_info {
    position: relative
}

.guild_top_box01 .btm_info p.thum {
    position: absolute;
    top: 15px;
    left: 15px
}

.guild_top_box01 .btm_info dl {
    padding: 0 0 0 115px
}

.guild_top_box01 .btm_info dl dt {
    height: 47px;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    line-height: 47px
}

.guild_top_box01 .btm_info dl dt span.ty_ticket {
    display: inline-block;
    width: 45px;
    height: 17px;
    margin: 15px 5px 0 0;
    background: #b3ada8;
    font-size: 11px;
    font-weight: 500;
    line-height: 17px;
    color: #fff;
    text-align: center;
    vertical-align: top
}

.guild_top_box01 .btm_info dl dt span.name {
    margin-left: 30px
}

.guild_top_box01 .btm_info dl dt span.name img.icon {
    margin: 13px 0 0 0
}

.guild_top_box01 .btm_info dl dt span.name span {
    font-size: 13px;
    color: #949494;
    text-decoration: underline
}

.guild_top_box01 .btm_info dl dd {
    position: relative;
    padding: 14px 0 0 11px
}

.guild_top_box01 .btm_info ul {
    padding-bottom: 9px
}

.guild_top_box01 .btm_info ul li {
    float: left;
    height: 15px;
    padding: 0 0 0 8px;
    margin: 0 20px 0 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_orange02.gif") no-repeat left 5px;
    border-right: 1px solid #e8e8e8;
    font-size: 13px;
    line-height: 15px;
    color: #949494
}

.guild_top_box01 .btm_info ul li.last {
    margin: 0;
    border: none
}

.guild_top_box01 .btm_info ul li img.img_txt {
    margin: 1px 10px 0 0
}

.guild_top_box01 p.btm_btns {
    position: absolute;
    right: 35px;
    bottom: 25px
}

.guild_top_box01 p.btm_btns a[class^=btn_ty0] {
    display: inline-block;
    width: 120px;
    height: 40px;
    margin-left: 5px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.guild_top_box01 p.btm_btns a.btn_ty01 {
    background: #989390
}

.guild_top_box01 p.btm_btns a.btn_ty02 {
    background: #c16151
}

.guild_top_box02 {
    position: relative;
    padding: 22px 0 19px 170px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 25px
}

.guild_top_box02 p.stit {
    position: absolute;
    top: 25px;
    left: 20px;
    padding-left: 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_arr01.png") no-repeat left 3px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #3f3429
}

.cartoon_top_box01 {
    margin-bottom: 25px;
    border: 1px solid #e8e8e8
}

.cartoon_top_box01 .inner_tab {
    height: 54px
}

.cartoon_top_box01 .inner_tab ul {
    padding: 24px 0 0 20px
}

.cartoon_top_box01 .inner_tab ul li {
    float: left;
    padding: 0 5px
}

.cartoon_top_box01 .inner_tab ul li a {
    display: block;
    width: 98px;
    height: 28px;
    background: #fff;
    border: 1px solid #e8e8e8;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    text-decoration: none
}

.cartoon_top_box01 .inner_tab ul li a.on {
    background: #e8e8e8
}

.cartoon_top_box01 .inner_list {
    height: 100px;
    padding: 10px 0 10px 60px;
    overflow-y: scroll
}

.cartoon_top_box01 .inner_list ul {
    font-size: 13px;
    line-height: 34px
}

.cartoon_top_box01 .inner_list ul li {
    float: left;
    width: 300px
}

.cartoon_top_box01 .inner_list ul li.last {
    width: 220px
}

.cartoon_top_box01 .inner_list ul li a.on {
    color: #c16151;
    text-decoration: underline
}

.cartoon_top_box01 .inner_list ul li a:hover {
    color: #c16151
}

.cartoon_top_box02 {
    position: relative;
    height: 118px;
    padding: 57px 0 0 512px;
    margin-bottom: 25px;
    border: 6px solid #d7d7d7
}

.cartoon_top_box02 p.thum {
    position: absolute;
    top: 25px;
    left: 30px
}

.cartoon_top_box02 dt {
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px
}

.cartoon_top_box02 dd {
    font-size: 13px;
    line-height: 21px;
    color: #949494
}

.ng_cate {
    height: 26px;
    padding: 0 14px;
    border: none;
    border-radius: 13px;
    font: 16px/26px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff
}

.ng_cate.type1 {
    background: #c15171
}

.ng_cate.type2 {
    background: #2982e6
}

.ng_cate.type3 {
    background: #69b135
}

.ng_cate.type4 {
    background: #c16651
}

.ng_cate.type5 {
    background: #5951c1
}

.ng_cate.type6 {
    background: #898990
}

.ngt_public,.ngt_private {
    width: 28px;
    height: 28px
}

.ngt_public {
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/guild_icon_public.png?885a2d99080db6c27736) no-repeat 0 0
}

.ngt_private {
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/guild_icon_private.png?2ccfcfafbdbdab2f05d7) no-repeat 0 0
}

.new_guild_top {
    display: flex;
    justify-content: space-between;
    padding-top: 18px;
    margin-bottom: 14px
}

.new_guild_top .ng_top_name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 36px
}

.new_guild_top .ng_top_name .ngt_name {
    margin-left: 10px;
    font-size: 26px
}

.new_guild_top .ng_top_name .ngt_public,.new_guild_top .ng_top_name .ngt_private {
    margin-left: 4px
}

.new_guild_top .ng_top_master {
    display: flex;
    align-items: flex-end;
    font-size: 16px;
    line-height: 21px
}

.new_guild_top .ng_top_master .ngt_master_icon {
    height: 24px;
    padding-top: 3px;
    padding-left: 40px;
    margin-right: 20px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/guild_icon_master.png?89bc71a0c83662ac04ab) no-repeat 0 0;
    box-sizing: border-box;
    color: #efb43a
}

.new_guild_top .ng_top_master .ngt_master_name img {
    vertical-align: top
}

.new_guild_ibox {
    padding: 0 0 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #8a8684;
    border-top: 5px solid #8a8684
}

.new_guild_ibox .ngi_info {
    display: flex;
    align-items: center;
    justify-content: center
}

.new_guild_ibox .ngi_info>div {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 125px;
    min-width: 280px
}

.new_guild_ibox .ngi_info>div:first-child:before {
    display: none
}

.new_guild_ibox .ngi_info>div:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 50px;
    margin-top: -25px;
    background-color: #f8f8f8
}

.new_guild_ibox .ngi_info>div .ngi_i_title {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 21px;
    color: #8a8684
}

.new_guild_ibox .ngi_info>div .ngi_i_title .ngi_i_tooltip {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-left: 4px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/guild_icon_info.png?ff53c04d458acad158e8) no-repeat 0 0;
    vertical-align: top;
    cursor: help
}

.new_guild_ibox .ngi_info>div .ngi_i_title .ngi_i_tooltip>div {
    position: absolute;
    top: -112px;
    left: -98px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 102px;
    background-color: #fff;
    border: 1px solid #8a8684;
    box-sizing: border-box;
    text-align: center
}

.new_guild_ibox .ngi_info>div .ngi_i_title .ngi_i_tooltip>div:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: block;
    width: 14px;
    height: 7px;
    margin-left: -4px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/guild_icon_info_arrow.png?48655eb6460607d56dbd) no-repeat 0 0
}

.new_guild_ibox .ngi_info>div .ngi_i_title .ngi_i_tooltip>div p {
    line-height: 25px
}

.new_guild_ibox .ngi_info>div .ngi_i_title .ngi_i_tooltip>div p strong {
    color: #3f3429
}

.new_guild_ibox .ngi_info>div .ngi_i_title .ngi_i_tooltip>div p span {
    color: #53ca9f
}

.new_guild_ibox .ngi_info>div .ngi_i_title .ngi_i_tooltip:hover>div {
    display: flex
}

.new_guild_ibox .ngi_info>div .ngi_i_text {
    font-family: "NEXON Gothic","Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 35px;
    color: #3f3429
}

.new_guild_ibox .ngi_goods {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8
}

.new_guild_ibox .ngi_goods>div {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 125px;
    min-width: 280px
}

.new_guild_ibox .ngi_goods>div:first-child:before {
    display: none
}

.new_guild_ibox .ngi_goods>div:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 50px;
    margin-top: -25px;
    background-color: #e1e1e1
}

.new_guild_ibox .ngi_goods>div .ngi_g_btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.new_guild_ibox .ngi_goods>div .ngi_g_btns button {
    width: 220px;
    height: 36px;
    border: none;
    border-radius: 18px;
    font: 16px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: pointer
}

.new_guild_ibox .ngi_goods>div .ngi_g_btns button:disabled {
    background: #e0e0e0 !important;
    color: #8d8d8d !important;
    cursor: default !important
}

.new_guild_ibox .ngi_goods>div .ngi_g_btns .ngi_g_btn1 {
    margin-bottom: 6px;
    background: #76c76d
}

.new_guild_ibox .ngi_goods>div .ngi_g_btns .ngi_g_btn2 {
    background: #53ca9f
}

.new_guild_ibox .ngi_goods>div .ngi_g_title {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 21px;
    color: #8a8684
}

.new_guild_ibox .ngi_goods>div .ngi_g_text {
    font-family: "NEXON Gothic","Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 22px;
    color: #3f3429
}

.new_guild_ibox .ngi_signup {
    width: 100%;
    height: 70px;
    background: #53ca9f;
    border: none;
    font: 24px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: pointer
}

.new_guild_ibox .ngi_signup:disabled {
    background-color: #e0e0e0;
    color: #8d8d8d;
    cursor: default
}

.new_guild_category {
    margin-bottom: 20px
}

.new_guild_category ul {
    position: relative;
    height: 16px;
    font-size: 0
}

.new_guild_category ul li {
    display: inline-block;
    padding: 0 16px;
    border-left: 1px solid #c1bcb7;
    font-size: 13px;
    line-height: 16px
}

.new_guild_category ul li.on a {
    color: #c16151
}

.new_guild_category ul li:first-child {
    padding-left: 3px;
    border-left: none
}

.new_guild_category ul li a {
    color: #3f3429
}

.new_guild_category.big ul {
    height: 18px
}

.new_guild_category.big ul li {
    font-size: 16px;
    line-height: 18px
}

.new_guild_category.type2 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new_guild_category.type2 ul {
    margin-bottom: 0
}

.new_guild_category.type2 select {
    width: 120px;
    height: 35px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 35px;
    color: #676767
}

.new_guild_board {
    border-top: none !important
}

.new_guild_board li {
    padding-left: 148px !important
}

.new_guild_board li .type {
    width: 148px !important
}

.new_guild_board li .info_r .view .num {
    color: #676767
}

.new_guild_board .no_text {
    height: 490px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    line-height: 490px;
    color: #8a8684;
    text-align: center
}

.new_guild_notice {
    border-bottom: 1px solid #53ca9f;
    border-top: 5px solid #53ca9f
}

.new_guild_notice.new {
    border-bottom-color: #d9d5d0
}

.new_guild_notice+.new_guild_notice {
    margin-top: 40px
}

.new_guild_notice .ngn_i_tooltip {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-left: 4px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/guild_icon_info2.png?1c8dfa0f0ce91907b8d5) no-repeat 0 0;
    vertical-align: top;
    cursor: help
}

.new_guild_notice .ngn_i_tooltip>div {
    position: absolute;
    bottom: 32px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 15px 20px;
    background-color: #fff;
    border: 1px solid #8a8684;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    color: #8a8684
}

.new_guild_notice .ngn_i_tooltip>div:after {
    content: "";
    position: absolute;
    bottom: -7px;
    display: block;
    width: 14px;
    height: 7px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/guild_icon_info_arrow.png?48655eb6460607d56dbd) no-repeat 0 0
}

.new_guild_notice .ngn_i_tooltip>div p {
    line-height: 25px
}

.new_guild_notice .ngn_i_tooltip:hover>div {
    display: flex
}

.new_guild_notice .ngn_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 66px;
    padding: 0 30px
}

.new_guild_notice .ngn_top .ngn_t_title {
    font-size: 24px;
    color: #3f3429
}

.new_guild_notice .ngn_top .ngn_t_title span {
    display: inline-block;
    height: 22px;
    padding: 0 10px;
    margin-top: 1px;
    background-color: #c00;
    border-radius: 11px;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #fff;
    vertical-align: top
}

.new_guild_notice .ngn_top .ngn_t_title .ngn_i_tooltip {
    margin-top: 2px
}

.new_guild_notice .ngn_top .ngn_t_title .ngn_i_tooltip>div {
    width: 456px;
    margin-left: -130px
}

.new_guild_notice .ngn_top .ngn_t_title .ngn_i_tooltip>div:after {
    left: 132px
}

.new_guild_notice .ngn_top button {
    height: 35px;
    min-width: 90px;
    padding: 0 30px;
    margin-left: 10px;
    background: #989390;
    border: none;
    font: 16px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: pointer
}

.new_guild_notice .ngn_top button.ok {
    background-color: #d27d2b
}

.new_guild_notice .ngn_top button.big {
    height: 43px
}

.new_guild_notice .ngn_top button.caution {
    background-color: #bf4a37
}

.new_guild_notice .ngn_text {
    position: relative;
    max-height: 315px;
    padding: 0 30px;
    border-top: 1px solid #d9d5d0;
    overflow: auto
}

.new_guild_notice .ngn_text:before,.new_guild_notice .ngn_text:after {
    content: "";
    position: sticky;
    left: 0;
    display: block;
    width: 100%;
    background-color: #fff
}

.new_guild_notice .ngn_text:before {
    top: 0;
    height: 20px
}

.new_guild_notice .ngn_text:after {
    bottom: 0;
    height: 35px
}

.new_guild_notice .ngn_text.welcome {
    max-height: none
}

.new_guild_notice .ngn_text p {
    font-size: 16px;
    line-height: 26px
}

.new_guild_notice .ngn_text textarea {
    width: 100%;
    max-height: 234px;
    min-height: 78px;
    border-color: #d1d1d1;
    resize: vertical
}

.new_guild_notice .ngn_text .text_count {
    font-size: 13px;
    line-height: 18px;
    color: #989898;
    text-align: right
}

.new_guild_notice .ngn_text .no_text {
    padding: 22px 0;
    font-size: 16px;
    line-height: 26px;
    color: #c6c5c3;
    text-align: center
}

.new_guild_notice .ngn_config {
    border-top: 1px solid #d9d5d0
}

.new_guild_notice .ngn_config table {
    width: 100%
}

.new_guild_notice .ngn_config table tr {
    border-bottom: 1px dashed #e6e6e6
}

.new_guild_notice .ngn_config table tr:last-child {
    border-bottom: none
}

.new_guild_notice .ngn_config table th,.new_guild_notice .ngn_config table td {
    height: 58px;
    color: #8a8684
}

.new_guild_notice .ngn_config table th {
    width: 98px;
    padding-left: 38px;
    font-weight: normal;
    text-align: left
}

.new_guild_notice .ngn_config table th .ngn_i_tooltip {
    margin-top: -2px
}

.new_guild_notice .ngn_config table th .ngn_i_tooltip>div {
    width: 456px;
    margin-left: -136px
}

.new_guild_notice .ngn_config table th .ngn_i_tooltip>div:after {
    left: 138px
}

.new_guild_notice .ngn_config table th .ngn_i_tooltip>div>div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.new_guild_notice .ngn_config table th .ngn_i_tooltip>div>div strong {
    position: relative;
    width: 54px
}

.new_guild_notice .ngn_config table th .ngn_i_tooltip>div>div strong:after {
    content: "|";
    position: absolute;
    top: 0;
    right: 0
}

.new_guild_notice .ngn_config table th .ngn_i_tooltip>div>div strong.type1 {
    color: #23bd47
}

.new_guild_notice .ngn_config table th .ngn_i_tooltip>div>div strong.type2 {
    color: #c34c39
}

.new_guild_notice .ngn_config table th .ngn_i_tooltip>div>div span {
    flex: 1;
    padding-left: 14px
}

.new_guild_notice .ngn_config table td {
    position: relative
}

.new_guild_notice .ngn_config table td strong {
    font-weight: normal;
    color: #3f3429
}

.new_guild_notice .ngn_config table td .big {
    font-size: 24px;
    color: #2f9f77
}

.new_guild_notice .ngn_config table td.txtalign_right {
    text-align: right
}

.new_guild_notice .ngn_config table td.txtalign_right.new {
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px
}

.new_guild_notice .ngn_config table td:last-child {
    padding-right: 38px
}

.new_guild_notice .ngn_config table td .btn_lv {
    width: 220px;
    height: 36px;
    border: none;
    border-radius: 18px;
    font: 16px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: pointer
}

.new_guild_notice .ngn_config table td .btn_lv1 {
    background: #76c76d
}

.new_guild_notice .ngn_config table td .btn_lv2 {
    background: #53ca9f
}

.new_guild_notice .ngn_config table td .btn_lv:disabled {
    background: #e0e0e0;
    color: #8d8d8d;
    cursor: default
}

.new_guild_notice .ngn_config table td input[type=text] {
    width: 100%;
    height: 35px;
    padding: 0 14px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box
}

.new_guild_notice .ngn_config table td input[type=radio] {
    appearance: auto
}

.new_guild_notice .ngn_config table td #ipt_budget_lencheck {
    position: absolute;
    top: 50%;
    right: 60px;
    margin-top: -8px;
    line-height: 16px;
    text-align: right
}

.new_guild_notice .ngn_config table td #ipt_budget_lencheck+input[type=text] {
    padding-right: 74px
}

.new_guild_notice .ngn_config table td .ngn_fbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end
}

.new_guild_notice .ngn_config table td .ngn_fbox button {
    cursor: pointer
}

.new_guild_notice .ngn_config table td .ngn_fbox_gap {
    padding: 15px 0 5px
}

.new_guild_notice .ngn_config table td .ngn_fbox_gap .cate_box {
    margin-bottom: 10px;
    margin-left: 20px
}

.new_guild_notice .ngn_config table td .ngn_fbox_gap .cate_box:nth-child(1) {
    margin-left: 0
}

.new_guild_notice .ngn_config table td .ngn_fbox .guild_type {
    display: flex;
    align-items: center;
    margin-left: 44px;
    cursor: pointer
}

.new_guild_notice .ngn_config table td .ngn_fbox .guild_type input,.new_guild_notice .ngn_config table td .ngn_fbox .guild_type span,.new_guild_notice .ngn_config table td .ngn_fbox .guild_type img {
    margin-left: 6px
}

.new_guild_notice .ngn_config table td .ngn_fbox .ng_cate {
    margin-left: 5px
}

.new_guild_notice .ngn_config table td .ngn_fbox .ng_cate.off {
    background: #c1bcb7 !important
}

.new_guild_notice .ngn_config table td .ngn_fbox .cate_box {
    display: flex;
    width: 190px
}

.new_guild_notice .ngn_config table td .ngn_fbox .cate_box input[type=text] {
    width: 120px
}

.new_guild_notice .ngn_config table td .ngn_fbox .cate_box input[type=text]::placeholder {
    color: #c1bcb7
}

.new_guild_notice .ngn_config table td .ngn_fbox .cate_box button {
    width: 70px;
    height: 35px;
    background: #989390;
    border: none;
    font: 16px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff
}

.new_guild_notice .ngn_config table td .ngn_fbox2 {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.new_guild_notice .ngn_config table td .ngn_fbox2 .search_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.new_guild_notice .ngn_config table td .ngn_fbox2 .search_box .info {
    flex: 1;
    padding: 0 10px;
    text-align: right
}

.new_guild_notice .ngn_config table td .ngn_fbox2 .s_name,.new_guild_notice .ngn_config table td .ngn_fbox2 .s_name2 {
    font-size: 16px;
    color: #53ca9f
}

.new_guild_notice .ngn_config table td .ngn_fbox_btn button,.new_guild_notice .ngn_config table td .ngn_fbox_btn2 button {
    height: 43px;
    min-width: 90px;
    padding: 0 30px;
    background: #c1bcb7;
    border: none;
    font: 16px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: default
}

.new_guild_notice .ngn_config table td.ngn_status.on button,.new_guild_notice .ngn_config table td.ngn_status2.on button {
    background-color: #d27d2b;
    cursor: pointer
}

.new_guild_notice .ngn_config .btns {
    padding: 20px 0 25px;
    border-top: 1px dashed #e6e6e6;
    font-size: 14px;
    line-height: 36px;
    color: #8a8684;
    text-align: center
}

.new_guild_notice .ngn_config .btns button {
    width: 220px;
    height: 36px;
    margin: 0 3px;
    border: none;
    border-radius: 18px;
    font: 16px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: pointer
}

.new_guild_notice .ngn_config .btns button.disagree {
    background: #313c76
}

.new_guild_notice .ngn_config .btns button.agree {
    background: #ff2a8e
}

.new_guild_notice .ngn_config .vote_result {
    padding: 30px 0;
    text-align: center
}

.new_guild_notice .ngn_config .vote_result .vr_info {
    display: inline-block;
    height: 60px;
    padding: 0 40px;
    margin-bottom: 10px;
    background: #8a8684;
    border-radius: 30px;
    font-size: 20px;
    line-height: 60px;
    color: #fff;
    vertical-align: top
}

.new_guild_notice .ngn_config .vote_result .vr_info span {
    display: inline-block;
    height: 40px;
    padding: 0 24px;
    margin-left: 18px;
    background: #3f3429;
    border-radius: 20px;
    line-height: 40px
}

.new_guild_notice .ngn_config .vote_result ul {
    margin-bottom: 20px;
    font-size: 0
}

.new_guild_notice .ngn_config .vote_result ul li {
    display: inline-block;
    width: 200px;
    padding: 8px 0 22px;
    margin: 0 10px;
    background-color: #f8f8f8;
    border-top: 10px solid #000;
    font-size: 20px;
    line-height: 40px;
    color: #3f3429
}

.new_guild_notice .ngn_config .vote_result ul li strong {
    font-size: 35px;
    line-height: 48px
}

.new_guild_notice .ngn_config .vote_result ul li:first-child {
    border-top-color: #ff2a8e
}

.new_guild_notice .ngn_config .vote_result ul li:first-child+li {
    border-top-color: #313c76
}

.new_guild_notice .ngn_config .caution_box {
    padding: 20px 30px
}

.new_guild_notice .ngn_config .caution_box p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    background-color: #f8f8f8;
    font-size: 16px;
    line-height: 26px;
    color: #8a8684
}

.new_guild_notice .ngn_config .caution_box p span {
    display: block;
    padding-left: 70px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/guild_icon_caution.png?2570ef8662b414edde78) no-repeat 0 center
}

.new_guild_notice_btns {
    padding: 10px 30px 40px;
    text-align: right
}

.new_guild_notice_btns button {
    height: 43px;
    min-width: 90px;
    padding: 0 30px;
    margin-left: 6px;
    background: #989390;
    border: none;
    font: 16px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: pointer
}

.new_guild_notice_btns button.cancel {
    background-color: #bca186
}

.new_guild_notice_btns button.ok {
    background-color: #d27d2b
}

.new_guild_notice_btns button.caution {
    background-color: #bf4a37
}

.new_guild_find {
    margin-top: 16px;
    margin-bottom: 40px
}

.new_guild_find .board_btm_search {
    padding: 25px 0 30px !important;
    background: #f8f8f8
}

.new_guild_find .board_btm_search input.inp_ty01 {
    width: 288px
}

.new_guild_find_board ul {
    border-top: 1px solid #e8e8e8
}

.new_guild_find_board ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 66px;
    border-bottom: 1px solid #e8e8e8
}

.new_guild_find_board ul li .ngf_b_left {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    font-size: 16px
}

.new_guild_find_board ul li .ngf_b_left .ngt_name {
    margin-left: 20px
}

.new_guild_find_board ul li .ngf_b_left .ngt_public,.new_guild_find_board ul li .ngf_b_left .ngt_private {
    margin-left: 5px
}

.new_guild_find_board ul li .ngf_b_right {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 13px
}

.new_guild_find_board ul li .ngf_b_right span {
    padding: 0 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/board_line01.gif") no-repeat left center;
    line-height: 21px
}

.new_guild_find_board ul li .ngf_b_right span img {
    margin-right: 4px
}

.new_guild_find_board ul li .ngf_b_right span strong {
    padding-left: 6px;
    font-weight: normal
}

.new_guild_find_board ul li .ngf_b_right span:first-child {
    background: none
}

.board_common01.new_guild .info_r .view .num {
    color: #676767
}

.new_guild_my {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #53ca9f;
    border-top: 5px solid #53ca9f
}

.new_guild_my .ngmy_info {
    width: 710px
}

.new_guild_my .ngmy_info .ngmy_i_top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 85px;
    border-bottom: 1px solid #d9d5d0
}

.new_guild_my .ngmy_info .ngmy_i_top .ngmy_i_title {
    margin-right: 30px;
    font-size: 24px;
    color: #3f3429
}

.new_guild_my .ngmy_info .ngmy_i_top .ngmy_i_nickname {
    display: flex;
    flex-direction: row;
    align-items: center
}

.new_guild_my .ngmy_info .ngmy_i_top .ngmy_i_nickname img {
    margin-right: 3px
}

.new_guild_my .ngmy_info .ngmy_i_top .ngmy_i_nickname span {
    margin-right: 10px
}

.new_guild_my .ngmy_info .ngmy_i_top .ngmy_i_nickname .tag {
    height: 25px;
    padding: 0 16px;
    background: #554d4d;
    border-radius: 15px;
    line-height: 25px;
    color: #fff
}

.new_guild_my .ngmy_info .ngmy_i_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 82px
}

.new_guild_my .ngmy_info .ngmy_i_bottom div {
    display: flex;
    align-items: center
}

.new_guild_my .ngmy_info .ngmy_i_bottom div:first-child {
    margin-right: 130px
}

.new_guild_my .ngmy_info .ngmy_i_bottom div small {
    margin-right: 30px;
    font-size: 16px;
    color: #8a8684
}

.new_guild_my .ngmy_info .ngmy_i_bottom div span {
    font-size: 24px;
    color: #3f3429
}

.new_guild_my .ngmy_out {
    width: 190px;
    text-align: center
}

.new_guild_my .ngmy_out button {
    width: 130px;
    height: 100px;
    background: #b68871;
    border: none;
    font: 20px/25px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: pointer
}

.new_guild_member_list {
    width: 100%;
    margin-top: 11px
}

.new_guild_member_list thead {
    background: #9b9b9b
}

.new_guild_member_list thead th {
    height: 53px;
    font-weight: normal;
    color: #fff
}

.new_guild_member_list thead th.date {
    padding-right: 38px;
    text-align: right
}

.new_guild_member_list tbody tr.me {
    background: #f8f8f8
}

.new_guild_member_list tbody tr td {
    height: 65px;
    border-bottom: 1px solid #e8e8e8
}

.new_guild_member_list tbody tr td:last-child {
    padding-right: 10px;
    text-align: right
}

.new_guild_member_list tbody tr td span {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle
}

.new_guild_member_list tbody tr td .flag {
    width: 94px;
    text-align: center
}

.new_guild_member_list tbody tr td .nickname {
    padding-left: 9px
}

.new_guild_member_list tbody tr td .position {
    padding: 0 20px;
    font-size: 14px
}

.new_guild_member_list tbody tr td .position select {
    width: 130px;
    height: 35px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 35px;
    color: #676767
}

.new_guild_member_list tbody tr td .date {
    padding: 0 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/board_line01.gif") no-repeat left center;
    font-size: 13px
}

.new_guild_review {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 155px;
    margin-bottom: 10px;
    background-color: #f8f8f8;
    border-top: 5px solid #53ca9f
}

.new_guild_review .ngr_left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 160px;
    border-right: 1px solid #e1e1e1;
    color: #3f3429
}

.new_guild_review .ngr_left strong {
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: normal
}

.new_guild_review .ngr_left span {
    height: 30px;
    padding: 0 25px;
    background: #e1e1e1;
    border-radius: 15px;
    font-size: 18px;
    line-height: 30px
}

.new_guild_review .ngr_right {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 738px
}

.new_guild_review .ngr_right .btn_arr {
    position: absolute;
    top: 50%;
    width: 31px;
    height: 50px;
    margin-top: -25px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/guild_btn_arr.png?d902e4ca5914543b8f62) no-repeat 0 0;
    cursor: pointer
}

.new_guild_review .ngr_right .btn_arr_prev {
    left: 19px
}

.new_guild_review .ngr_right .btn_arr_next {
    right: 19px;
    background-position-x: right
}

.new_guild_review .ngr_right .btn_arr:hover {
    background-position-y: bottom
}

.new_guild_review .ngr_right .info {
    margin-bottom: 14px;
    line-height: 21px
}

.new_guild_review .ngr_right .info small {
    font-size: 16px;
    color: #949494
}

.new_guild_review .ngr_right .info .date {
    margin-left: 18px;
    font-size: 20px;
    color: #3f3429
}

.new_guild_review .ngr_right .text {
    margin-bottom: 14px
}

.new_guild_review .ngr_right .btns button {
    height: 30px;
    padding: 0 30px;
    margin: 0 5px;
    border: none;
    border-radius: 15px;
    font: 16px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: pointer
}

.new_guild_review .ngr_right .btns button.allow {
    background-color: #53ca9f
}

.new_guild_review .ngr_right .btns button.reject {
    background-color: #c1bcb7
}

.new_guild_msg {
    margin-top: -1px;
    margin-bottom: 11px;
    border: 5px solid #8a8684;
    border-top: none
}

.new_guild_msg .ngmsg_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    padding: 0 5px 0 25px;
    background: #8a8684;
    color: #fff
}

.new_guild_msg .ngmsg_top .ngmsg_t_title {
    font-size: 20px
}

.new_guild_msg .ngmsg_top .ngmsg_t_title small {
    margin-left: 16px;
    font-size: 16px;
    color: #c1bcb7
}

.new_guild_msg .ngmsg_top .ngmsg_t_btn button {
    width: 100px;
    height: 40px;
    margin-left: 6px;
    background: #bf4a37;
    border: none;
    font: 16px "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    color: #fff;
    cursor: pointer
}

.new_guild_msg .ngmsg_top .ngmsg_t_btn button.btn_cancel {
    background: #c1bcb7;
    color: #3f3429
}

.new_guild_msg .ngmsg_text {
    padding: 20px 25px
}

.new_guild_msg .ngmsg_text textarea {
    width: 100%;
    max-height: 234px;
    min-height: 78px;
    border-color: #d1d1d1;
    resize: vertical
}

.new_guild_msg .ngmsg_text .text_count {
    font-size: 13px;
    line-height: 18px;
    color: #989898;
    text-align: right
}

.new_guild_msg+.new_guild_notice {
    margin-top: 40px
}

.new_guild_tendency {
    padding-bottom: 10px;
    margin-bottom: 40px;
    background: #f8f8f8;
    border-bottom: 1px solid #53ca9f
}

.new_guild_tendency .ngtd_top {
    height: 73px;
    background: #53ca9f;
    font-size: 20px;
    line-height: 73px;
    color: #a7eed4;
    text-align: center
}

.new_guild_tendency .ngtd_top strong {
    font-size: 24px;
    color: #fff
}

.new_guild_tendency .ngtd_sub {
    height: 57px;
    background: #8a8684;
    font-size: 20px;
    line-height: 57px;
    color: #ddd7d3;
    text-align: center
}

.new_guild_tendency .ngtd_contents {
    display: flex;
    padding: 20px 0 30px
}

.new_guild_tendency .ngtd_contents>div {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.new_guild_tendency .ngtd_contents>div:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1px;
    display: block;
    width: 1px;
    height: 60px;
    margin-top: -30px;
    background: #e1e1e1
}

.new_guild_tendency .ngtd_contents>div small {
    font-size: 16px
}

.new_guild_tendency .ngtd_contents>div strong {
    font-size: 35px;
    line-height: 60px;
    color: #3f3429
}

.new_guild_tendency .ngtd_contents>div .date {
    min-width: 250px;
    padding: 0 30px;
    background: #eaeaea;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 40px;
    text-align: center
}

.new_guild_tendency .ngtd_contents>div .mission {
    font-size: 24px;
    line-height: 30px;
    color: #3f3429
}

.new_guild_tendency .ngtd_contents .ngtd_c_style1 {
    width: 50%
}

.new_guild_tendency .ngtd_contents .ngtd_c_style2 {
    flex: 1
}

.new_guild_tendency .ngtd_contents .ngtd_c_style3 {
    width: 340px;
    padding: 0 40px;
    box-sizing: border-box
}

.game_cont_box02 {
    padding-top: 13px
}

.game_cont_box02 .inner_box {
    position: relative;
    margin-bottom: 53px
}

.game_cont_box02 .inner_box dl {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/dot_line01.gif") no-repeat 40px bottom
}

.game_cont_box02 .inner_box.ty_r dl {
    padding: 0 40px 18px 478px
}

.game_cont_box02 .inner_box.ty_r p.img {
    position: absolute;
    top: 0;
    left: 0
}

.game_cont_box02 .inner_box.ty_l dl {
    position: relative;
    padding: 0 475px 18px 45px
}

.game_cont_box02 .inner_box.ty_l p.img {
    position: absolute;
    top: 0;
    right: 0
}

.game_cont_box02 .inner_box dt {
    padding-bottom: 7px;
    font-size: 20px;
    font-weight: 500;
    line-height: 33px
}

.game_cont_box02 .inner_box dd {
    padding-bottom: 37px;
    font-size: 14px;
    line-height: 24px;
    color: #949494;
    text-align: justify;
    word-break: keep-all;
    word-wrap: break-word
}

.game_cont_box02 .inner_box dd p.pad01 {
    padding: 11px 0 0 0
}

.game_cont_box03 {
    height: 1180px;
    margin-bottom: 30px
}

.game_cont_box03.img01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game04_01.jpg") no-repeat left top
}

.game_cont_box03.img02 {
    margin-bottom: 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game05_01.jpg") no-repeat left top
}

.game_cont_box03.img03 {
    height: 970px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game06_01.jpg") no-repeat left top
}

.game_cont_box03.img04 {
    height: 930px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game07_01.jpg") no-repeat left top
}

.game_cont_box03.img_g08 {
    height: 1725px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g08_01.jpg") no-repeat left top
}

.game_cont_box03.img_g09 {
    height: 1264px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g09_01.jpg") no-repeat left top
}

.game_cont_box03.img_g10 {
    height: 1403px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g10_01.jpg") no-repeat left top
}

.game_cont_box03.img_g11 {
    height: 1622px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g11_01.jpg") no-repeat left top
}

.game_cont_box03.img_g12 {
    height: 1452px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g12_01.jpg") no-repeat left top
}

.game_cont_box03.img_g13 {
    height: 1391px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g13_01.jpg") no-repeat left top
}

.game_cont_box03.img_g14 {
    height: 1452px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g14_01.jpg") no-repeat left top
}

.game_cont_box03.img_g16 {
    height: 1431px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g16_01.jpg") no-repeat left top
}

.game_cont_box03.img_g21 {
    height: 1340px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g21_01.jpg") no-repeat left top
}

.game_cont_box03.img_g22 {
    height: 1340px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g22_01.jpg") no-repeat left top
}

.game_cont_box03.img_g23 {
    height: 1460px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g23_01.jpg") no-repeat left top
}

.game_cont_box03.img_g24 {
    height: 1490px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g24_01.jpg") no-repeat left top
}

.game_cont_box03.img_g25 {
    height: 1504px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_g25_01.jpg") no-repeat left top
}

.game_cont_box03 .vod_box {
    padding: 567px 23px 0 23px
}

.game_cont_box03.img03 .vod_box,.game_cont_box03.img04 .vod_box {
    padding-top: 312px
}

.game_cont_box03.img_g08 .vod_box {
    padding-top: 1076px
}

.game_cont_box03.img_g10 .vod_box {
    padding-top: 863px
}

.game_cont_box03.img_g11 .vod_box {
    padding-top: 998px
}

.game_cont_box03.img_g12 .vod_box {
    padding-top: 913px
}

.game_cont_box03.img_g13 .vod_box {
    padding-top: 843px
}

.game_cont_box03.img_g14 .vod_box {
    padding-top: 913px
}

.game_cont_box04 p.tit {
    height: 40px;
    font-size: 23px;
    font-weight: 500;
    line-height: 23px;
    color: #3f3429
}

.game_cont_box04 li {
    position: relative;
    height: 225px;
    padding: 0 0 20px 380px
}

.game_cont_box04 li p.thum {
    position: absolute;
    top: 0;
    left: 0
}

.game_cont_box04 dl {
    padding: 20px 0 0 0
}

.game_cont_box04 dl dt {
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: #c16151
}

.game_cont_box04 dl dt span {
    text-transform: uppercase
}

.game_cont_box04 dl dd {
    font-size: 13px;
    line-height: 24px;
    color: #949494
}

.game_cont_box05 {
    margin-bottom: 30px
}

.game_story_tab {
    position: relative;
    height: 59px;
    padding: 0 43px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e8e8e8
}

.game_story_tab .box2 {
    position: relative
}

.game_story_tab .box2>a {
    display: block;
    text-decoration: none
}

.game_story_tab .box2 img {
    width: 100%
}

.game_story_tab .box2 .rolling {
    margin: 0
}

.game_story_tab .box2 .rolling .txt {
    display: block;
    width: 230px;
    line-height: 18px;
    color: #f4bfc2
}

.game_story_tab .box2 .bx-prev {
    position: absolute;
    top: 13px;
    left: -31px;
    display: block;
    width: 32px;
    height: 32px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/game_arr_l_off.gif") no-repeat;
    text-indent: -99999em
}

.game_story_tab .box2 .bx-prev:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/game_arr_l_on.gif") no-repeat
}

.game_story_tab .box2 .bx-next {
    position: absolute;
    top: 13px;
    right: -31px;
    display: block;
    width: 32px;
    height: 32px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/game_arr_r_off.gif") no-repeat;
    text-indent: -99999em
}

.game_story_tab .box2 .bx-next:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/game_arr_r_on.gif") no-repeat
}

.game_story_tab .box2 li {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/line_game01.gif") no-repeat right 22px;
    font-size: 14px;
    line-height: 59px;
    text-align: center
}

.game_story_tab .box2 li a.on,.game_story_tab .box2 li a:hover {
    color: #c16151
}

.game_cbox {
    position: relative;
    display: none
}

.game_cbox .game_cont_box03 {
    display: none
}

.game_cbox.show {
    display: block
}

.game_cbox.show .game_cont_box03 {
    display: block
}

.game_cbox .vod_toggle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/btn_play.png") no-repeat center;
    cursor: pointer
}

.game_cnav {
    position: relative
}

.cnav_box {
    height: 32px;
    padding: 14px 0 6px;
    line-height: 32px
}

.cnav_box .btn_cnav_toggle {
    width: 32px;
    height: 32px;
    margin-right: 6px;
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_btn_cnav_toggle.png") no-repeat 0 0;
    border: 1px solid #989898;
    vertical-align: top;
    cursor: pointer
}

.cnav_box .btn_cnav_toggle.close {
    background-position: 0 bottom
}

.cnav_box .btn_cnav {
    width: 42px;
    height: 32px;
    margin-left: 1px;
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_game_btn_cnav.png") no-repeat 0 0;
    border: 1px solid #e8e8e8;
    vertical-align: top;
    cursor: pointer
}

.cnav_box .btn_cnav.next {
    background-position-x: right
}

.cnav_box .btn_cnav:hover {
    background-color: #989898;
    background-position-y: bottom;
    border-color: #989898
}

.cnav_box .btn_cnav:disabled {
    cursor: default;
    opacity: .3
}

.cnav_box .btn_cnav:disabled:hover {
    background-color: #fff;
    background-position-y: 0;
    border-color: #e8e8e8
}

.cnav_box .rbox {
    float: right
}

.game_cnav .cnav {
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 2;
    overflow: hidden
}

.game_cnav .cnav dl {
    width: 260px;
    padding: 16px 30px 32px;
    background-color: rgba(0,0,0,.9);
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    transition: .3s margin
}

.game_cnav .cnav.hide dl {
    margin-left: -320px
}

.game_cnav .cnav dt {
    width: 100%;
    height: 44px;
    margin: 24px 0 8px;
    border: 1px solid #fff;
    box-sizing: border-box;
    line-height: 42px;
    color: #fff;
    text-align: center;
    cursor: default
}

.game_cnav .cnav dd {
    padding: 0 24px
}

.game_cnav .cnav dd a {
    color: #989898
}

.game_cnav .cnav dd.on a {
    color: #c16151
}

.game_cnav .cnav dd span {
    display: block;
    width: 100%;
    height: 100%
}

.levelup_list {
    margin-bottom: 20px
}

.levelup_list li {
    float: left
}

.levelup_list li a {
    position: relative;
    display: block;
    width: 149px;
    height: 90px;
    padding: 25px 0 0 0;
    margin-top: -1px;
    border: 1px solid #e7e7e6;
    border-right: none;
    text-align: center;
    text-decoration: none
}

.levelup_list li a span {
    display: block;
    padding: 10px 0 0 0;
    font-size: 14px;
    line-height: 14px
}

.levelup_list li a:hover,.levelup_list li a.on {
    background: #e7e7e6
}

.levelup_list li.first a {
    border-left: none
}

.longdesc {
    position: absolute;
    top: 0;
    left: -1000%;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -10000px
}

.character_tab {
    height: 48px;
    margin-bottom: 30px
}

.character_tab li {
    float: left
}

.character_tab li a {
    display: block;
    width: 297px;
    height: 48px;
    border: 1px solid #d8d8d8;
    font-size: 15px;
    line-height: 48px;
    text-align: center;
    text-decoration: none
}

.character_tab li a span {
    color: #c16151
}

.character_tab li a.on,.character_tab li a:hover {
    background: #7c7875;
    border: 1px solid #7c7875;
    color: #fff
}

.character_tab li a.on span,.character_tab li a:hover span {
    color: #feed94
}

.character_top_box01 {
    padding: 20px 0;
    margin-bottom: 40px;
    border: 6px solid #d7d7d7;
    font-size: 13px;
    line-height: 22px;
    text-align: center
}

.character_top_box01.mb0 {
    margin-bottom: 0
}

.character_top_box01.mb20 {
    margin-bottom: 20px
}

.character_top_box01.mb30 {
    margin-bottom: 30px
}

.character_top_box01 span.color01 {
    color: #c16151
}

.character_top_box01.tx_l_btn {
    position: relative;
    padding-left: 35px;
    margin-bottom: 25px;
    text-align: left
}

.character_top_box01.tx_l_btn a.btn_goto {
    position: absolute;
    top: 21px;
    right: 24px;
    display: block;
    width: 180px;
    height: 40px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.character_top_box02 {
    position: relative;
    height: 80px;
    padding: 28px 310px 0 75px;
    margin: -30px 0 10px 0;
    background: #e4e1df
}

.character_top_box02 dl {
    height: 36px
}

.character_top_box02 dt {
    float: left;
    width: 250px
}

.character_top_box02 dd {
    float: left;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: #c16151
}

.character_top_box02 p.time_r {
    position: absolute;
    top: 0;
    right: 0;
    width: 310px;
    height: 76px;
    padding-top: 32px;
    background: #bbb7b4;
    text-align: center
}

.character_top_box02 p.time_r span.time {
    display: block;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: #54302a
}

.character_top_box02_new {
    position: relative;
    height: 148px;
    margin: -30px 0 10px 0
}

.character_top_box02_new ul {
    float: left;
    padding-top: 28px;
    padding-bottom: 28px
}

.character_top_box02_new ul li {
    height: 20px;
    margin-top: 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px
}

.character_top_box02_new ul li:first-child {
    margin-top: 0
}

.character_top_box02_new ul li span {
    display: inline-block;
    vertical-align: top
}

.character_top_box02_new ul li span img {
    padding-top: 2px
}

.character_top_box02_new .lbox {
    width: 447px;
    padding-left: 40px;
    background-color: #e4e1df;
    color: #c16151
}

.character_top_box02_new .lbox span {
    width: 224px;
    font-size: 15px;
    font-weight: 500;
    color: #9f9693
}

.character_top_box02_new .rbox {
    width: 383px;
    padding-top: 46px;
    padding-bottom: 46px;
    padding-left: 30px;
    background-color: #bbb7b4;
    color: #54302a
}

.character_top_box02_new .rbox span {
    width: 154px
}

.character_info_bar {
    position: relative;
    width: 900px;
    height: 142px;
    margin-bottom: 18px
}

.character_info_bar .ci_box {
    position: relative;
    z-index: 10;
    width: 900px;
    height: 142px;
    background-color: #8a8684;
    font-size: 18px;
    font-weight: 500
}

.character_info_bar .ci_box .lbox {
    float: left;
    width: 362px;
    height: 140px;
    background-color: #e4e1df;
    text-align: center
}

.character_info_bar .ci_box .rbox {
    float: left;
    width: 538px;
    height: 140px;
    background-color: #bbb7b4;
    text-align: center
}

.character_info_bar .ci_box .ci_name {
    height: 21px;
    padding: 32px 0 10px;
    line-height: 21px;
    color: #c16151
}

.character_info_bar .ci_box .ci_ok {
    width: 242px;
    height: 45px;
    background: #c16151;
    border: none;
    font-size: 15px;
    color: #fff;
    cursor: pointer
}

.character_info_bar .ci_box .ci_ok.disabled {
    background-color: #939393;
    cursor: default
}

.character_info_bar .ci_box .ci_time {
    display: inline-block;
    min-width: 134px;
    padding-top: 20px;
    margin: 38px 32px 0;
    line-height: 23px;
    color: #54302a
}

.character_info_bar .ci_box .ci_time.t1 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_txt08_01_new.gif") no-repeat center 0
}

.character_info_bar .ci_box .ci_time.t2 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/img_txt08_02_new.gif") no-repeat center 0
}

.character_info_bar .ci_box .nbox {
    width: 900px;
    height: 96px;
    padding-top: 44px;
    background-color: #e4e1df;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #54302a;
    text-align: center
}

.character_stit {
    position: relative;
    height: 45px
}

.character_stit p.stit {
    padding: 0 0 0 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_arr01.png") no-repeat left top;
    font-size: 16px;
    line-height: 16px;
    color: #3f3429
}

.character_stit p.stit span.num,.character_stit p.stit span.txt_r01 {
    display: inline-block;
    padding: 1px 0 0 0;
    margin: 0 0 0 10px;
    font-size: 13px;
    color: #676767;
    vertical-align: top
}

.character_stit select.sel_ty01 {
    position: absolute;
    top: -10px;
    right: 0;
    width: 120px;
    height: 35px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 35px;
    color: #676767
}

.character_list01 li {
    float: left;
    padding: 0 16px 10px 0
}

.character_list01 li.last {
    padding: 0
}

.character_list01 li .chr_box {
    width: 211px;
    height: 72px;
    padding: 25px 0 0 0;
    border: 1px solid #e8e8e8;
    text-align: center
}

.character_list01 li .chr_box p.txt01 {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 16px
}

.character_list01 li .chr_box p.txt02 {
    font-size: 13px;
    line-height: 21px;
    color: #949494
}

.character_list02 li {
    float: left;
    padding-bottom: 40px;
    margin-right: 13px;
    text-align: center
}

.character_list02 li.mr01 {
    margin-right: 14px
}

.character_list02 li.last {
    margin-right: 0
}

.character_list02 li p.thum {
    width: 115px;
    height: 110px;
    border: 1px solid #e8e8e8
}

.character_list02 li p.btm_inp {
    padding: 10px 0 5px 0
}

.character_list02 li p.btm_inp span.inp_wrap {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: -2px 0 0 0;
    vertical-align: middle
}

.character_list02 li label {
    font-size: 15px;
    line-height: 15px;
    color: #949494;
    cursor: pointer
}

.character_list03 li {
    float: left;
    padding-bottom: 30px;
    margin-right: 22px;
    text-align: center
}

.character_list03 li.mr01 {
    margin-right: 23px
}

.character_list03 li.last {
    margin-right: 0
}

.character_list03 li p.thum {
    position: relative;
    width: 160px;
    height: 256px;
    border: 1px solid #e8e8e8;
    text-align: center;
    cursor: pointer
}

.character_list03 li p.thum a.rep_chr {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    display: none;
    width: 160px;
    height: 256px
}

.character_list03 li p.thum a.rep_chr span {
    position: absolute;
    bottom: -1px;
    left: -1px;
    display: block;
    width: 162px;
    height: 45px;
    background: #c16151;
    font-size: 15px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.character_list03 li p.thum img.ticket {
    position: absolute;
    right: 2px;
    bottom: 4px;
    display: none
}

.character_list03 li p.thum.sel {
    border: 1px solid #e43135
}

.character_list03 li p.thum.rep a.rep_chr {
    display: none !important
}

.character_list03 li p.thum.rep img.ticket {
    display: block
}

.character_list03 li p.name {
    padding-top: 10px;
    font-size: 13px;
    line-height: 21px;
    color: #949494
}

.character_info {
    position: relative;
    height: 209px;
    padding: 53px 40px 0 220px;
    margin-bottom: 30px;
    border: 1px solid #d7d7d7
}

.character_info .img_avt {
    position: absolute;
    top: 0;
    left: 58px;
    width: 128px;
    height: 256px;
    text-align: center
}

.character_info .img_avt p.mini {
    position: absolute;
    top: 0;
    right: 0
}

.character_info dt {
    position: relative;
    height: 56px;
    padding: 0 0 0 97px;
    background: url("/img/bg_dot01.gif") repeat-x left bottom;
    font-size: 18px;
    line-height: 22px;
    color: 676767
}

.character_info dt img.img_txt {
    position: absolute;
    top: 9px;
    left: 16px
}

.character_info dt input {
    width: 485px;
    height: 33px;
    padding: 0 0 0 37px;
    border: 1px solid #e8e8e8;
    font-size: 16px;
    font-weight: 500;
    line-height: 33px
}

.character_info dd {
    padding: 25px 0 0 20px
}

.character_info ul {
    height: 41px
}

.character_info li {
    float: left;
    width: 278px;
    padding: 0 0 0 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_logo01.png") no-repeat left 2px;
    font-size: 16px;
    color: #949494
}

.character_info li.last {
    width: 300px
}

.character_info li span.stit {
    display: inline-block;
    width: 90px;
    vertical-align: top
}

.character_info li span.txt {
    display: inline-block;
    width: 188px;
    color: #c16151;
    vertical-align: top
}

.character_info li span.txt img {
    margin: -2px 0 0 0
}

.character_info li.last span.stit {
    width: 70px
}

.character_info li.last span.txt {
    width: 220px
}

.character_info dd a.btn_ty01 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    width: 55px;
    height: 28px;
    background: #989390;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.step_box01 {
    width: 728px;
    margin: 16px auto 30px auto;
    text-align: center
}

.step_box01 li {
    float: left;
    width: 161px;
    text-align: center
}

.step_box01 li.arr {
    float: left;
    width: 28px;
    padding-top: 28px;
    text-align: center
}

.chr_sel_box01 {
    padding-bottom: 25px
}

.chr_sel_box01 dl {
    height: 35px;
    padding: 0 0 5px 223px;
    font-size: 15px;
    line-height: 35px
}

.chr_sel_box01 dl.pl_n {
    padding: 0 0 5px 150px
}

.chr_sel_box01 dl.line_ty02 {
    padding-top: 10px
}

.chr_sel_box01 dt {
    float: left;
    width: 118px;
    padding: 0 0 0 9px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_orange.gif") no-repeat left 16px
}

.chr_sel_box01 dd {
    float: left
}

.chr_sel_box01 dd span.inp_wrap {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: -3px 0 0 0;
    vertical-align: middle
}

.chr_sel_box01 dd label {
    margin: 0 47px 0 0;
    cursor: pointer
}

.chr_sel_box01 dd select.sel_ty01 {
    width: 220px;
    height: 35px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px
}

.chr_sel_box01 p.tx_c {
    padding-top: 25px
}

.chr_sel_box01.ty02 dt {
    width: 203px
}

.chr_sel_box01.ty02 dd a.btn_ty01 {
    display: inline-block;
    width: 126px;
    height: 33px;
    margin-right: 5px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px;
    text-align: center;
    text-decoration: none
}

.chr_sel_box01.ty02 dd a.btn_ty01.on {
    background: #8a8684;
    border: 1px solid #8a8684;
    color: #fff
}

.chr_sel_box02 {
    padding: 40px 0 60px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8
}

.chr_sel_box02 dl {
    height: 35px;
    padding: 0 0 30px 212px
}

.chr_sel_box02 dt {
    float: left;
    width: 92px;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px
}

.chr_sel_box02 dd {
    float: left
}

.chr_sel_box02 dd input {
    width: 148px;
    height: 33px;
    padding: 0 0 0 30px;
    margin-right: 10px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px
}

.chr_sel_box02 a.btn_check {
    display: inline-block;
    width: 156px;
    height: 35px;
    background: #989390;
    font-size: 13px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.chr_sel_box02 p.txt_name_ok {
    padding-bottom: 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    text-align: center
}

.chr_sel_box02 p.txt_name_ok span.name {
    padding-right: 30px;
    color: #c16151
}

.chr_sel_box02 p.btm_txt {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    text-align: center
}

.chr_sel_box02 p.btm_txt span {
    color: #c16151
}

.chr_sel_box02 p.btm_txt02 {
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    text-align: center
}

.chr_sel_box03 {
    position: relative;
    height: 137px;
    padding: 40px 0 0 0;
    margin-bottom: 30px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_arr02.gif") no-repeat center 70px;
    border-bottom: 1px solid #e8e8e8
}

.chr_sel_box03 li {
    float: left;
    width: 50%
}

.chr_sel_box03 img.arr {
    position: absolute;
    top: 70px;
    left: 437px
}

.chr_sel_box03 dl {
    float: right;
    width: 305px;
    text-align: center
}

.chr_sel_box03 dl.right {
    float: left
}

.chr_sel_box03 dt {
    padding-bottom: 33px;
    font-size: 13px;
    line-height: 13px
}

.chr_sel_box03 dd {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px
}

.chr_sel_box03 dl.right dd {
    color: #c16151
}

.chr_sel_box04 {
    padding-bottom: 41px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8
}

.chr_sel_box04 dl {
    height: 35px;
    padding: 0 0 9px 193px;
    font-size: 15px;
    line-height: 35px
}

.chr_sel_box04 dt {
    float: left;
    width: 152px;
    padding: 0 0 0 9px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_orange.gif") no-repeat left 16px
}

.chr_sel_box04 dd {
    float: left
}

.chr_sel_box04 dd input {
    width: 328px;
    height: 33px;
    padding-left: 20px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px
}

.chr_list01 li {
    float: left;
    padding-bottom: 20px;
    margin-right: 21px
}

.chr_list01 li.last {
    margin-right: 0
}

.chr_list01 li .inner_box {
    width: 284px;
    border: 1px solid #e8e8e8
}

.chr_list01 li .inner_box dt {
    display: table;
    width: 284px;
    height: 90px;
    background: #f9f6f4;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px
}

.chr_list01 li .inner_box dt p {
    display: table-cell;
    padding: 0 30px;
    text-align: center;
    vertical-align: middle
}

.chr_list01 li .inner_box dd {
    padding: 20px 30px 26px 30px;
    text-align: center
}

.chr_list01 li .inner_box dd .top_server {
    padding-bottom: 30px;
    margin-bottom: 13px;
    border-bottom: 1px solid #e8e8e8
}

.chr_list01 li .inner_box dd .top_server p.txt {
    font-size: 15px;
    line-height: 21px
}

.chr_list01 li .inner_box dd .top_server img.arr_down {
    margin: 20px 0
}

.chr_list01 li .inner_box dd p.date {
    padding-bottom: 13px;
    font-size: 13px;
    font-weight: 500
}

.chr_list01 li .inner_box dd p.end {
    height: 54px;
    padding: 12px 0 0 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 23px;
    color: #676767
}

.chr_list01 li .inner_box dd a.btn_cancel_send {
    display: inline-block;
    width: 180px;
    height: 40px;
    margin: 0 0 0 0;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.chr_list01 li .inner_box dd a.btn_cancel_send02 {
    display: inline-block;
    width: 88px;
    height: 40px;
    margin: 0 2.5px 0 2.5px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.chr_list01.short li {
    margin-right: 26px
}

.chr_list01.short li.last {
    margin-right: 0
}

.chr_list01.short li .inner_box {
    width: 234px
}

.chr_list01.short li .inner_box dt {
    width: 234px
}

.chr_list01.short li .inner_box dd {
    padding: 20px 10px 20px 10px
}

.chr_list02 {
    padding: 40px 0 0 0
}

.chr_list02 li {
    position: relative;
    float: left;
    width: 322px;
    padding-bottom: 30px;
    margin-left: 40px
}

.chr_list02 li p.thum {
    position: absolute;
    top: 0;
    left: 0
}

.chr_list02 li .inner_box {
    padding: 5px 0 0 124px
}

.chr_list02 li .inner_box dt {
    padding-bottom: 9px;
    font-size: 16px;
    line-height: 16px;
    color: #3f3429
}

.chr_list02 li .inner_box dd p {
    padding-bottom: 9px;
    font-size: 15px;
    line-height: 15px
}

.chr_list02 li .inner_box dd a.btn_buy {
    display: block;
    width: 158px;
    height: 40px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.mem_out_box {
    padding: 20px 0 60px 0;
    margin-bottom: 30px;
    border-bottom: 2px solid #e8e8e8;
    text-align: center
}

.mem_out_box p.txt01 {
    padding-bottom: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #3f3429
}

.mem_out_box p.txt02 {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #c16151
}

.mem_out_box dt {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #3f3429
}

.mem_out_box dd {
    padding-bottom: 35px;
    font-size: 13px;
    line-height: 22px
}

.memout_list {
    margin-bottom: 30px
}

.memout_list li {
    float: left;
    width: 20%;
    height: 41px;
    padding: 25px 0 0 0;
    border-bottom: 1px solid #e8e8e8
}

.memout_list li p {
    padding: 0 0 0 24px;
    font-size: 13px;
    line-height: 22px;
    color: #949494
}

.memout_list p.btm_txt {
    padding: 25px 0 25px 24px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 13px;
    line-height: 22px;
    color: #676767
}

.memout_list p.btm_txt a {
    color: #c16151
}

a.btn_mem_out {
    display: inline-block;
    width: 349px;
    height: 43px;
    margin: 0 5px;
    background: #d27d2b;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

a.btn_mem_out_cancel {
    display: inline-block;
    width: 349px;
    height: 43px;
    margin: 0 5px;
    background: #9e9a97;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.agree_txt_box {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8
}

.agree_txt_box p.txt01 {
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 22px
}

.agree_txt_box p.txt02 {
    padding-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #3f3429
}

.agree_txt_box dt {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #3f3429
}

.agree_txt_box dd {
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 22px
}

.agree_txt_box dd span {
    color: #c16151
}

.coupon_box01 {
    padding: 25px 0 50px 0;
    border-bottom: 2px solid #e8e8e8;
    text-align: center
}

.coupon_box01 img.img_txt {
    margin: 10px 10px 0 0
}

.coupon_box01 input {
    width: 508px;
    height: 33px;
    padding-left: 20px;
    margin-right: 5px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px;
    vertical-align: top
}

.coupon_box01 a.btn_add {
    display: inline-block;
    width: 90px;
    height: 35px;
    background: #d27d2b;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: top
}

.card_img_stit {
    padding-bottom: 20px;
    text-align: center
}

.card_img_stit p {
    padding-top: 11px;
    font-size: 13px;
    color: #949494
}

.card_cont01 {
    padding: 30px 0 0 0;
    margin-bottom: 50px;
    border-bottom: 2px solid #e8e8e8;
    border-top: 1px solid #e8e8e8
}

.card_cont01 li {
    float: left;
    width: 50%;
    padding-bottom: 30px;
    font-size: 15px;
    line-height: 15px
}

.card_cont01 li p {
    padding: 0 0 0 50px
}

.card_cont01 li p span.inpo_wrap {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 1px 0 0 0;
    vertical-align: top
}

.card_cont02 {
    padding: 20px 0 30px 0;
    border-bottom: 2px solid #e8e8e8;
    border-top: 1px solid #e8e8e8
}

.card_cont02 dl {
    height: 35px;
    padding: 0 0 10px 50px;
    font-size: 15px;
    line-height: 35px
}

.card_cont02 dl.line_ty02 {
    padding-top: 10px
}

.card_cont02 dt {
    float: left;
    width: 190px;
    padding: 0 0 0 9px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_orange.gif") no-repeat left 16px
}

.card_cont02 dd {
    float: left
}

.card_cont02 dd.card_name {
    font-size: 15px;
    color: #c16151
}

.card_cont02 dd input.inp_ty01 {
    width: 183px;
    height: 33px;
    padding-left: 15px;
    margin-right: 2px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px
}

.card_cont02 dd input.inp_ty02 {
    width: 513px;
    height: 33px;
    padding-left: 15px;
    margin-right: 7px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px
}

.card_cont02 dd select.sel_ty01 {
    width: 120px;
    height: 35px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px
}

.card_cont02 p.tx_c {
    padding-top: 25px
}

.card_view01 {
    height: 61px;
    padding: 5px 0 0 85px;
    border-bottom: 1px solid #e8e8e8
}

.card_view01 dl {
    float: left;
    width: 280px
}

.card_view01 dl.last {
    width: 255px
}

.card_view01 dt {
    float: left;
    margin-right: 10px;
    font-size: 16px;
    line-height: 61px;
    color: #3f3429
}

.card_view01 dd {
    float: left;
    font-size: 13px;
    line-height: 61px;
    color: #949494
}

.card_view01 dd img.icon {
    margin: 20px 0 0 0
}

.card_view02 {
    padding: 45px 60px;
    border-bottom: 2px solid #e8e8e8;
    font-size: 15px;
    line-height: 30px
}

.black_list {
    padding-top: 5px
}

.black_list ul {
    height: 61px;
    padding: 0 0 0 45px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 13px;
    line-height: 61px;
    color: #949494
}

.black_list li {
    float: left;
    width: 25%
}

.black_list li img.icon {
    margin: 20px 0 0 0
}

.black_list li img.delete {
    margin: 23px 0 0 8px
}

.record_list p.top_sel {
    height: 45px;
    text-align: right
}

.record_list p.top_sel select {
    width: 240px;
    height: 35px;
    border: 1px solid #ebe8e6;
    font-size: 15px;
    color: #665a50
}

.record_list dl {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8
}

.record_list dt {
    height: 30px;
    font-size: 13px;
    line-height: 21px;
    color: #949494
}

.record_list dt span.name {
    color: #c16151
}

.record_list dd p.txt {
    padding: 0 20px;
    font-size: 15px;
    line-height: 25px
}

.record_list dd p.btm_btn {
    padding: 0 20px;
    font-size: 13px;
    line-height: 28px;
    color: #949494;
    text-align: right
}

.record_list dd p.btm_btn a.btn_delete {
    display: inline-block;
    width: 55px;
    height: 28px;
    margin-left: 10px;
    background: #989390;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.record_list ul.img_list {
    height: 132px;
    padding: 13px 0 6px 0
}

.record_list ul.img_list li {
    float: left;
    padding-right: 10px
}

.record_list ul.img_list li p.thum {
    height: 130px;
    border: 1px solid #e8e8e8
}

.record_list ul.img_list li p.thum img {
    height: 130px
}

.record_list p.file {
    padding: 9px 20px 6px 20px;
    font-size: 15px;
    line-height: 22px
}

.record_list p.file span {
    text-decoration: underline
}

.record_list .song_box {
    padding: 20px 0 6px 0
}

.record_list .song_box p.s_tit {
    height: 27px;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    color: #3f3429
}

.record_list .song_box dl {
    padding: 0;
    margin: 0;
    border-bottom: none
}

.record_list .song_box dt {
    height: 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 13px;
    color: #3f3429
}

.record_list .song_box dd {
    padding: 0 0 14px 0
}

.record_list .song_box dd:last-child {
    padding-bottom: 0
}

.record_list .song_box dd .xmp_box {
    height: 89px;
    padding: 13px 20px 0 20px;
    border: 1px solid #e8e8e8
}

.record_list .song_box dd .xmp_box .xmp {
    margin: 0 !important;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 13px;
    line-height: 25px;
    color: #949494;
    word-break: break-all !important;
    white-space: normal !important
}

a.btn_more_ty01 {
    display: block;
    height: 45px;
    margin-top: -5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_btn_more.gif") no-repeat left top;
    font-size: 13px;
    line-height: 45px;
    text-align: center;
    text-decoration: none
}

a.btn_more_ty01 img {
    margin: 19px 7px 0 0
}

a.btn_chr_ty01 {
    display: inline-block;
    width: 320px;
    height: 43px;
    background: #d27d2b;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

a.btn_chr_ty02 {
    display: inline-block;
    width: 412px;
    height: 43px;
    background: #9e9a97;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

a.btn_chr_ty03 {
    display: inline-block;
    width: 320px;
    height: 43px;
    background: #c1bcb7;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.btns_two a.btn_chr_ty01 {
    margin: 0 5px
}

a.btn_chr_ty02,a.btn_chr_ty03 {
    margin: 0 5px
}

p.btm_txt_r01 {
    padding-top: 20px;
    font-size: 13px;
    line-height: 13px;
    text-align: right
}

p.btm_txt_out {
    padding-bottom: 30px;
    font-size: 15px;
    line-height: 15px;
    text-align: center
}

p.btm_txt_out span.inp_wrap {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: -3px 5px 0 0;
    vertical-align: middle
}

p.btm_txt_out label {
    cursor: pointer
}

p.btm_txt_out span.fwb {
    font-weight: 500
}

.top_video_box {
    height: 427px;
    margin-bottom: 25px;
    background: #e9e9e9
}

.data_box_stit {
    position: relative;
    height: 26px
}

.data_box_stit p.stit {
    padding: 0 0 0 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_arr01.png") no-repeat left top;
    font-size: 16px;
    line-height: 16px;
    color: #3f3429
}

.data_bg_box_channeling {
    height: 200px;
    padding: 0 0 0 53px;
    margin-bottom: 40px
}

.data_bg_box_channeling.ty01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_data01.jpg") no-repeat left top
}

.data_bg_box_channeling dl {
    display: block;
    float: left;
    padding: 45px 50px 0 0
}

.data_bg_box_channeling dl dt {
    height: 39px;
    font-size: 25px;
    line-height: 25px;
    color: #fff
}

.data_bg_box_channeling dl dd {
    height: 57px;
    font-size: 13px;
    line-height: 20px;
    color: #fff
}

.data_bg_box_channeling a.btn_ty01 {
    display: block;
    float: left;
    width: 247px;
    height: 74px;
    padding: 26px 0 0 118px;
    margin: 50px 0 0 0;
    background: #c16151 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_down.png") no-repeat 66px 37px;
    font-size: 19px;
    font-weight: 500;
    line-height: 23px;
    color: #fff;
    text-decoration: none
}

.data_bg_box_channeling a.btn_ty01 span {
    font-size: 16px;
    color: #ffce44
}

.data_bg_box {
    height: 291px;
    padding: 0 0 0 53px;
    margin-bottom: 10px
}

.data_bg_box.ty01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_data01.jpg") no-repeat left top
}

.data_bg_box.ty02 {
    margin-bottom: 40px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_data02.jpg") no-repeat left top
}

.data_bg_box.ty03 {
    margin-bottom: 40px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_data01.jpg") no-repeat left top
}

.data_bg_box dl {
    padding: 45px 0 0 0
}

.data_bg_box dl dt {
    height: 39px;
    font-size: 25px;
    line-height: 25px;
    color: #fff
}

.data_bg_box dl dd {
    height: 57px;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.data_bg_box a[class^=btn_ty] {
    display: block;
    float: left;
    height: 74px;
    font-size: 19px;
    font-weight: 500;
    line-height: 23px;
    text-decoration: none
}

.data_bg_box a[class^=btn_ty] span {
    font-size: 16px
}

.data_bg_box a.btn_ty01 {
    width: 207px;
    padding: 26px 0 0 158px;
    margin-right: 10px;
    background: #c16151 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_down.png") no-repeat 106px 37px;
    color: #fff
}

.data_bg_box a.btn_ty01 span {
    color: #ffce44
}

.data_bg_box a.btn_ty02 {
    width: 125px;
    padding: 26px 0 0 80px;
    margin-right: 10px;
    background: #8a8684 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_down.png") no-repeat 33px 37px;
    color: #fff
}

.data_bg_box a.btn_ty02 span {
    color: #ffebe1
}

.data_bg_box a.btn_ty03 {
    width: 115px;
    padding: 26px 0 0 90px;
    margin-right: 10px;
    background: #8a8684 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_down.png") no-repeat 43px 37px;
    color: #fff;
    text-decoration: none
}

.data_bg_box a.btn_ty03 span {
    color: #ffebe1
}

.data_bg_box a.btn_ty04 {
    width: 211px;
    height: 74px;
    padding: 26px 0 0 154px;
    margin-right: 10px;
    background: #ffce44 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_start.png") no-repeat 117px 37px;
    color: #3f3429
}

.data_bg_box a.btn_ty04 span {
    color: #8a6b4c
}

.data_cont_box {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e8e8e8
}

.data_cont_box.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.data_cont_box dl {
    float: left
}

.data_cont_box dt {
    height: 22px;
    padding: 0 0 0 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_arr01.png") no-repeat left top;
    font-size: 16px;
    line-height: 16px;
    color: #3f3429
}

.data_cont_box dd {
    padding: 0 0 0 20px;
    font-size: 13px;
    line-height: 20px
}

.data_cont_box a[class^=btn_r] {
    display: block;
    float: right;
    width: 200px;
    background: #8a8684 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_down.png") no-repeat 40px 19px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-decoration: none
}

.data_cont_box a.btn_r01 {
    height: 63px;
    padding: 0 0 0 90px;
    line-height: 63px
}

.data_cont_box a.btn_r02 {
    height: 50px;
    padding: 13px 0 0 90px;
    line-height: 20px
}

.data_cont_box .btm_btns_down {
    height: 152px;
    padding: 16px 0 0 0;
    clear: both
}

.data_cont_box .btm_btns_down li {
    float: left
}

.data_cont_box .btm_btns_down li a {
    display: block;
    width: 224px;
    height: 78px;
    padding: 74px 0 0 0;
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_down02.png") no-repeat center 40px;
    border: 1px solid #e8e8e8;
    border-right: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #8a8684;
    text-align: center;
    text-decoration: none
}

.data_cont_box .btm_btns_down li.last a {
    width: 223px;
    border-right: 1px solid #e8e8e8
}

.data_cont_box .btm_btns_down li a:hover {
    background: #f7f7f7 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_down02.png") no-repeat center 40px
}

.font_down {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 900px;
    height: 300px;
    margin-bottom: 30px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_data04.jpg?9281e9f40a9e3dcc9581) no-repeat 0 0;
    font-family: "¸¶ºñ¿¾Ã¼","MabinogiClassic",sans-serif
}

.font_down button {
    font-family: "¸¶ºñ¿¾Ã¼","MabinogiClassic",sans-serif
}

.font_down .txt1 {
    font-size: 22px;
    line-height: 44px;
    color: #a29e9e
}

.font_down .txt2 {
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 32px;
    color: #676767
}

.font_down .btns button {
    width: 350px;
    height: 130px;
    background: #8a8684;
    border: none;
    color: #fff;
    cursor: pointer
}

.font_down .btns button .icon {
    display: inline-block;
    width: 36px;
    height: 26px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_down.png") no-repeat 0 0
}

.font_down .btns button strong {
    display: inline-block;
    font-size: 30px;
    line-height: 44px
}

.font_down .btns button small {
    font-size: 15px
}

.font_info {
    margin-bottom: 30px
}

.font_preview {
    display: table;
    width: 100%;
    min-height: 170px;
    margin-bottom: 30px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/img_hi_font_bg.png?5082d1d20e4575eba88d) repeat 0 0;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    font: 20px/32px "¸¶ºñ¿¾Ã¼","MabinogiClassic",sans-serif;
    text-align: center;
    table-layout: fixed
}

.font_preview p {
    display: table-cell;
    vertical-align: middle;
    outline: none
}

.font_license {
    font-size: 13px;
    line-height: 20px
}

.font_license li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 5px
}

.font_license li:before {
    content: "+";
    position: absolute;
    top: 0;
    left: 15px
}

.customer_cont_box01 {
    text-align: center
}

.customer_cont_box01 img {
    margin: 0 22px
}

.customer_cont_box02 {
    height: 85px;
    padding: 30px 0 0 0;
    border-bottom: 2px solid #e8e8e8;
    text-align: center
}

.customer_cont_box02 select {
    width: 150px;
    height: 35px;
    margin: 0 3px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    vertical-align: top
}

.customer_cont_box02 a {
    display: inline-block;
    width: 196px;
    height: 35px;
    margin: 0 3px;
    background: #d27d2b;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

select.customer01 {
    position: absolute;
    top: 0;
    right: 0;
    width: 204px;
    height: 35px;
    border: 1px solid #ebe8e6;
    font-size: 13px;
    color: #665a50
}

.customer_tit_box {
    height: 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #3f3429
}

.customer_txt_box01 {
    padding: 20px 0 0 0;
    font-size: 13px;
    line-height: 22px;
    text-align: center
}

.customer_txt_box02 {
    padding: 5px 0 0 0;
    font-size: 13px;
    line-height: 22px;
    text-align: center
}

.customer_txt_box02 a.btn_certi {
    display: block;
    width: 294px;
    height: 62px;
    padding: 17px 0 0 0;
    margin: 25px auto;
    background: #989390;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.customer_txt_box02 a.btn_go {
    color: #c16151
}

.customer_txt_box03 dl {
    padding: 0 0 35px 0
}

.customer_txt_box03 dt {
    height: 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #3f3429
}

.customer_txt_box03 dd {
    font-size: 13px;
    line-height: 20px
}

.customer_txt_box03 .stipCnts {
    font-size: 13px;
    line-height: 20px
}

.customer_txt_box03 .stipCnts h4 {
    margin: 25px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #3f3429
}

.customer_txt_box03 .stipCnts h4.firat {
    margin-top: 0
}

.customer_txt_box03 .stipCnts h5 {
    height: 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #3f3429
}

.customer_txt_box03 .stipCnts p {
    padding-bottom: 20px
}

.customer_txt_box03 .stipCnts ol {
    padding-bottom: 20px
}

.customer_txt_box03 .stipCnts ol ol {
    padding: 3px 0 4px 15px
}

.customer_txt_box03 .stipCnts strong {
    font-weight: normal;
    color: #c16151
}

.customer_txt_box03 .serviceBoxmiddle {
    overflow: hidden;
    font-size: 13px;
    line-height: 20px
}

.customer_txt_box03 .serviceBoxmiddle span.serviceTitle {
    height: 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #3f3429
}

.customer_txt_box03 .serviceBoxmiddle ul li {
    padding-left: 7px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_term.png") no-repeat left 9px
}

.customer_txt_box03 .serviceBoxmiddle ul li ul li {
    padding-left: 0;
    background: none
}

.customer_txt_box03 span.color01,.customer_txt_box03 a.color01 {
    color: #c16151
}

.terms_menu {
    height: 126px;
    padding: 24px 0 0 0;
    margin-bottom: 25px;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    line-height: 34px
}

.terms_menu ul {
    float: left;
    padding-left: 60px
}

.terms_menu ul.ty01 {
    width: 212px
}

.terms_menu ul.ty02 {
    width: 265px
}

.terms_menu ul.ty03 {
    width: 212px
}

.terms_menu li a:hover {
    color: #c16151
}

.faq_list li {
    padding-bottom: 20px
}

.faq_list dt {
    height: 50px;
    padding: 0 0 0 48px;
    background: #66615d url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_q.png") no-repeat 20px 13px;
    font-size: 15px;
    line-height: 50px;
    color: #fff
}

.faq_list dd {
    padding: 17px 0 15px 48px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_a.png") no-repeat 20px 20px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 13px;
    line-height: 25px
}

.faq_list dd span.color01 {
    color: #c16151
}

body.etc {
    background: #fffdfb
}

.etc_wrap {
    padding: 90px 0 0 0
}

.etc_ft {
    padding-bottom: 130px;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
    color: #949494;
    text-align: center
}

.etc_ft img.ft_logo {
    margin: 0 10px 0 0
}

.etc_notice_wrap {
    width: 845px;
    margin: 0 auto
}

.etc_top_box01 {
    padding-bottom: 35px;
    text-align: center
}

.etc_top_box01 p.logo {
    height: 140px
}

.etc_top_box01 dt {
    padding-bottom: 15px
}

.etc_top_box01 dd {
    font-size: 16px;
    line-height: 25px
}

.etc_top_box01 dd span {
    color: #c16151
}

.etc_top_box01 dd.tx02 {
    padding: 10px 0 20px 0
}

.etc_cont_box01 {
    width: 843px;
    padding: 20px 0;
    margin: 0 auto 40px auto
}

.etc_cont_box01 .etc_inner_box01 {
    position: relative;
    width: 483px;
    margin: 0 auto
}

.etc_cont_box01 .etc_inner_box02 {
    position: relative;
    width: 591px;
    margin: 0 auto
}

.etc_cont_box02 {
    width: 1200px;
    height: 804px;
    margin: 0 auto;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/etc/img_etc01.jpg") no-repeat right top
}

.etc_cont_box02 .etc_inner_box01 {
    width: 542px;
    padding-top: 93px
}

.etc_cont_box02 .etc_inner_box01 .top_tx {
    padding-bottom: 34px;
    margin-left: 13px;
    border-bottom: 2px solid #dad7d4;
    text-align: center
}

.etc_cont_box02 .etc_inner_box01 .top_tx dt {
    padding-bottom: 22px
}

.etc_cont_box02 .etc_inner_box01 .top_tx dd {
    font-size: 16px;
    line-height: 25px
}

.etc_cont_box02 .etc_inner_box01 .btm_tx {
    padding: 44px 0 44px 0;
    border-bottom: 2px solid #dad7d4;
    font-size: 16px;
    line-height: 30px
}

.etc_cont_box02 .etc_inner_box01 .btm_tx dt {
    float: left;
    width: 100px;
    padding-left: 15px;
    font-weight: 500;
    color: #61544b
}

.etc_cont_box02 .etc_inner_box01 .btm_tx dd {
    float: left;
    width: 427px
}

.etc_cont_box02 .etc_inner_box01 .btm_tx dd span {
    font-weight: 500;
    color: #c16151
}

.etc_cont_box03 {
    width: 838px;
    height: 302px;
    margin: 0 auto 40px auto;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/etc/img_etc02.gif") no-repeat left 60px;
    border-bottom: 1px solid #dad7d4
}

.etc_cont_box03 dl {
    padding: 26px 0 0 210px
}

.etc_cont_box03 dt {
    padding-bottom: 21px
}

.etc_cont_box03 dd {
    font-size: 16px;
    line-height: 25px
}

.etc_cont_box04 {
    width: 845px;
    margin: 0 auto
}

.etc_cont_box04 .etc_inner_box01 {
    position: relative;
    width: 467px;
    height: 294px;
    padding: 100px 0 0 376px;
    margin: 0 0 40px 0;
    border: 1px solid #dad7d4
}

.etc_cont_box04 .etc_inner_box01 p.img_otp {
    position: absolute;
    top: 57px;
    left: 94px
}

.etc_cont_box04 .etc_inner_box01 dl {
    width: 370px
}

.etc_cont_box04 .etc_inner_box01 dt {
    height: 63px;
    font-size: 16px;
    line-height: 25px;
    text-align: center
}

.etc_cont_box04 .etc_inner_box01 dt span {
    font-weight: 500;
    color: #da864f
}

.etc_cont_box04 .etc_inner_box01 dd input {
    width: 368px;
    height: 58px;
    margin-bottom: 5px;
    border: 1px solid #e8e8e8;
    font-size: 27px;
    font-weight: 500;
    line-height: 58px;
    color: #61544b;
    text-align: center
}

.etc_cont_box04 .etc_inner_box01 dd input.otp_01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_otp.gif") no-repeat left top
}

.etc_cont_box04 .etc_inner_box01 dd a.btn_ok {
    display: block;
    height: 60px;
    background: #d27d2b;
    font-size: 20px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.etc_cont_box04 .txt_box_ty01 {
    margin-bottom: 40px !important
}

.etc_cont_box04 .txt_box_ty01 span.color01 {
    font-weight: 500
}

.tab_etc01 {
    height: 62px;
    padding-left: 1px;
    margin-bottom: 20px
}

.tab_etc01 li {
    float: left
}

.tab_etc01 li a {
    position: relative;
    display: block;
    width: 240px;
    height: 36px;
    padding: 23px 0 0 0;
    margin-left: -1px;
    background: #f5efe9;
    border: 1px solid #dad7d4;
    border-top: 1px solid #dad7d4;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #61544b;
    text-align: center;
    text-decoration: none
}

.tab_etc01 li a.on {
    display: block;
    width: 240px;
    height: 37px;
    padding: 22px 0 0 0;
    background: #fffdfb;
    border: 1px solid #dad7d4;
    border-bottom: 1px solid #fff;
    border-top: 2px solid #dad7d4;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #61544b;
    text-align: center;
    text-decoration: none
}

.tab_etc02 {
    height: 62px;
    padding-left: 1px;
    margin-bottom: 20px
}

.tab_etc02 li {
    float: left
}

.tab_etc02 li a {
    position: relative;
    display: block;
    width: 294px;
    height: 36px;
    padding: 23px 0 0 0;
    margin-left: -1px;
    background: #f5efe9;
    border: 1px solid #dad7d4;
    border-top: 1px solid #dad7d4;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #61544b;
    text-align: center;
    text-decoration: none
}

.tab_etc02 li a.on {
    display: block;
    width: 294px;
    height: 37px;
    padding: 22px 0 0 0;
    background: #fffdfb;
    border: 1px solid #dad7d4;
    border-bottom: 1px solid #fff;
    border-top: 2px solid #dad7d4;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #61544b;
    text-align: center;
    text-decoration: none
}

.inp_box01 {
    padding-bottom: 5px
}

.inp_box01 dd {
    padding-bottom: 5px
}

.inp_box01 dd input.inp_ty01 {
    width: 461px;
    height: 58px;
    padding-left: 20px;
    border: 1px solid #e8e8e8;
    font-size: 27px;
    font-weight: 500;
    line-height: 58px;
    color: #61544b
}

.inp_box01 dd input.inp_ty01.id01 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_id_1805.gif") no-repeat left top
}

.inp_box01 dd input.inp_ty01.id02 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_id02_1805.gif") no-repeat left top
}

.inp_box01 dd input.inp_ty01.pw01 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_pw.gif") no-repeat left top
}

.inp_box01 dd input.inp_ty01.short {
    width: 341px;
    padding-right: 121px
}

.inp_box02 {
    position: absolute;
    top: 82px;
    right: 0;
    width: 122px;
    height: 60px;
    font-size: 16px;
    line-height: 58px;
    color: #757575;
    text-align: center
}

.inp_box02 span.inp_wrap {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-top: 17px;
    margin-right: 4px;
    vertical-align: top
}

.inp_box02 label {
    cursor: pointer
}

.inp_box03 {
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dad7d4
}

.inp_box03.no_bt {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.inp_box03 dt {
    float: left;
    width: 118px;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    color: #61544b
}

.inp_box03 dt span.color01 {
    color: #c16151
}

.inp_box03 dd {
    float: left;
    width: 473px;
    padding-bottom: 5px
}

.inp_box03 dl.ty02 dt {
    width: 135px
}

.inp_box03 dl.ty02 dd {
    width: 456px
}

.inp_box03 dd.id_txt {
    width: 453px;
    padding-left: 20px;
    font-size: 27px;
    font-weight: 500;
    line-height: 60px;
    color: #61544b
}

.inp_box03 dd input.inp_ty01 {
    width: 451px;
    height: 58px;
    padding-left: 20px;
    border: 1px solid #e8e8e8;
    font-size: 27px;
    font-weight: 500;
    line-height: 58px;
    color: #61544b
}

.inp_box03 dd input.inp_ty01.id01 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_id_1805.gif") no-repeat left top
}

.inp_box03 dd input.inp_ty01.id02 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_id02_1805.gif") no-repeat left top
}

.inp_box03 dd input.inp_ty01.pw01 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_pw.gif") no-repeat left top
}

.inp_box03 dd input.inp_ty01.pw02_01 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_pw02_01.gif") no-repeat left top
}

.inp_box03 dd input.inp_ty01.pw02_02 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_pw02_02.gif") no-repeat left top
}

.inp_box03 dd input.inp_ty01.pw03_01 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_pw03_01.gif") no-repeat left top
}

.inp_box03 dd input.inp_ty01.pw03_02 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_pw03_02.gif") no-repeat left top
}

.inp_box03 dd input.inp_ty01.pw03_03 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_pw03_03.gif") no-repeat left top
}

.inp_box03 dd input.inp_ty01.pw04_01 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_pw04_01.gif") no-repeat left top
}

.inp_box03 dd input.inp_ty01.pw04_02 {
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_pw04_02.gif") no-repeat left top
}

.inp_box03 dl.ty02 dd input.inp_ty01 {
    width: 434px
}

.inp_box03 dd select {
    float: left;
    height: 60px;
    border: 1px solid #e8e8e8;
    font-size: 15px
}

.inp_box03 dd select.year {
    width: 170px
}

.inp_box03 dd select.month,.inp_box03 dd select.day {
    width: 100px
}

.inp_box03 dd span.txt {
    float: left;
    padding: 0 20px 0 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px
}

.inp_box03 dd span.txt.last {
    padding-right: 0
}

.security_box {
    position: relative;
    height: 125px
}

.security_box p.txt {
    height: 36px;
    font-size: 16px;
    line-height: 16px;
    text-align: center
}

.security_box p.txt span {
    font-weight: 500;
    color: #c16151
}

.security_box p.img_num {
    position: absolute;
    top: 36px;
    left: 0;
    width: 278px;
    height: 55px;
    padding-top: 5px;
    background: #eeeeec;
    text-align: center
}

.security_box dl {
    padding-left: 288px
}

.security_box dt input {
    width: 276px;
    height: 58px;
    padding-left: 25px;
    border: 1px solid #e8e8e8;
    font-size: 27px;
    font-weight: 500;
    line-height: 58px;
    color: #61544b
}

.security_box dd {
    padding-top: 4px;
    font-size: 12px
}

.security_box dd a.refresh {
    color: #c16151
}

.find_result_box {
    width: 843px;
    padding: 35px 0;
    margin: 0 auto 40px auto;
    border: 1px solid #dad7d4;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    color: #61544b;
    text-align: center
}

.member_btns {
    height: 43px;
    padding-top: 15px;
    margin-top: 40px;
    border-top: 1px solid #dad7d4
}

.member_btns a.btn_join,.member_btns a.btn_change {
    display: block;
    float: left;
    width: 163px;
    height: 43px;
    background: #82766e;
    font-size: 16px;
    font-weight: 500;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.member_btns a.find_id,.member_btns a.find_pw {
    display: block;
    float: left;
    width: 155px;
    height: 43px;
    margin-left: 5px;
    background: #bdb7b3;
    font-size: 16px;
    font-weight: 500;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.etc_btm_txt01 {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 16px;
    text-align: center
}

.etc_btm_txt01 a {
    color: #c16151;
    text-decoration: underline
}

a.etc_btn_login,a.etc_btn_find {
    display: block;
    height: 60px;
    background: #d27d2b;
    font-size: 20px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

a.etc_btn_change {
    display: block;
    height: 60px;
    margin-top: 5px;
    background: #d27d2b;
    font-size: 20px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

p.etc_btm_btns01 {
    padding-bottom: 70px;
    text-align: center
}

p.etc_btm_btns01 a.btn_go_web {
    display: inline-block;
    width: 295px;
    height: 60px;
    margin: 0 10px;
    background: #bdb7b3;
    font-size: 17px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

p.etc_btm_btns01 a.btn_ok {
    display: inline-block;
    width: 295px;
    height: 60px;
    margin: 0 10px;
    background: #d27d2b;
    font-size: 17px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

p.etc_btm_btns01 a.btn_cancel {
    display: inline-block;
    width: 295px;
    height: 60px;
    margin: 0 10px;
    background: #bdb7b3;
    font-size: 17px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

p.etc_btm_btns01 a.btn_login {
    display: inline-block;
    width: 295px;
    height: 60px;
    margin: 0 10px;
    background: #d27d2b;
    font-size: 17px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

p.etc_btm_btns01 a.btn_find_idpw {
    display: inline-block;
    width: 295px;
    height: 60px;
    margin: 0 10px;
    background: #bdb7b3;
    font-size: 17px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

p.etc_btm_btns01 a.btn_go_qna {
    display: inline-block;
    width: 295px;
    height: 60px;
    margin: 0 10px;
    background: #d27d2b;
    font-size: 17px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

input.ch_ty1 {
    width: 12px;
    height: 12px;
    margin: 0;
    vertical-align: top
}

span.ch_ty1 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_ck01_off.png") no-repeat left top;
    cursor: pointer
}

span.ch_ty1.on {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_ck01_on.png") no-repeat left top
}

input.ch_ty2 {
    width: 13px;
    height: 13px;
    margin: 0;
    vertical-align: top
}

span.ch_ty2 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_ck02_off.png") no-repeat left top;
    cursor: pointer
}

span.ch_ty2.on {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_ck02_on.png") no-repeat left top
}

input.ch_ty3 {
    width: 23px;
    height: 23px;
    margin: 0;
    vertical-align: top
}

span.ch_ty3 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_ck03_off.png") no-repeat left top;
    cursor: pointer
}

span.ch_ty3.on {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_ck03_on.png") no-repeat left top
}

input.radio_ty1 {
    width: 13px;
    height: 13px;
    vertical-align: top
}

span.img_rad {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/rad_off.gif") no-repeat left top;
    cursor: pointer
}

span.img_rad.on {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/rad_on.gif") no-repeat left top
}

input.radio_ty2 {
    width: 13px;
    height: 13px;
    vertical-align: top
}

span.img_rad2 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/rad_off.gif") no-repeat left top;
    cursor: pointer
}

span.img_rad2.on {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/rad_on.gif") no-repeat left top
}

.filebox input[type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.filebox label {
    display: inline-block;
    width: 90px;
    height: 35px;
    background: #989390;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    cursor: pointer
}

.filebox .upload-name {
    display: inline-block;
    width: 295px;
    height: 33px;
    padding: 0 0 0 20px;
    margin: 0 6px 0 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    line-height: 33px;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media(min-width: 768px) {
    .filebox .upload-display {
        display:inline-block;
        margin-right: 5px;
        margin-bottom: 0
    }
}

.filebox .upload-thumb-wrap {
    display: inline-block;
    width: 54px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    vertical-align: middle
}

.filebox .upload-display img {
    display: block;
    width: 100% \9 ;
    height: auto;
    max-width: 100%
}

.log_naver01 p.txt01 {
    height: 31px;
    padding: 50px 0 0 0;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-align: center
}

.log_naver01 p.txt01 span {
    color: #39bf08
}

.log_naver01 a.btn01 {
    display: block;
    width: 219px;
    height: 45px;
    margin: 0 auto;
    background: #39bf08;
    font-size: 15px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.log_naver01 p.btm_txt {
    padding: 15px 0 0 0;
    text-align: center
}

.log_naver01 p.btm_txt a {
    font-size: 14px;
    line-height: 14px;
    color: #727272
}

.log_naver01 p.btm_txt img.line {
    margin: 1px 15px 0 15px
}

.log_naver02 p.txt01 {
    height: 55px;
    padding: 46px 0 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center
}

.log_naver02 p.txt01 span {
    color: #ffb709
}

.log_naver02 a.btn01 {
    display: block;
    width: 219px;
    height: 45px;
    margin: 0 auto;
    background: #39bf08;
    font-size: 15px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.log_naver02 p.btm_txt {
    padding: 10px 0 0 0;
    text-align: center
}

.log_naver02 p.btm_txt a {
    font-size: 14px;
    line-height: 14px;
    color: #727272
}

.log_naver02 p.btm_txt img.line {
    margin: 1px 15px 0 15px
}

.ft_naver {
    position: relative
}

.ft_naver p.ft_logo {
    top: 22px;
    left: 142px
}

.ft_naver .ft_info dd {
    padding-top: 3px;
    line-height: 18px
}

.pop_faq_detail {
    width: 660px;
    height: 600px;
    overflow-y: scroll
}

.pop_faq_detail p.tit {
    height: 45px;
    padding: 21px 0 0 32px;
    background: #8a8684
}

.pop_faq_detail .txt {
    padding: 35px 50px 35px 50px;
    font-size: 14px;
    line-height: 25px;
    color: #676767
}

.faq_top_list {
    padding: 50px;
    background: #f2f2f2
}

.faq_top_list p.s_tit {
    height: 35px;
    padding: 0 0 0 13px;
    border-bottom: 2px solid #989390;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #3f3429
}

.faq_top_list li {
    height: 55px;
    padding: 0 0 0 41px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_gray03.gif") no-repeat 25px 24px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    line-height: 55px;
    color: #676767
}

.faq_top_list li a {
    color: #676767
}

.faq_btm_list ul {
    border-bottom: 2px solid #989390
}

.faq_btm_list ul.last {
    border-bottom: none
}

.faq_btm_list li {
    position: relative;
    height: 69px;
    padding: 21px 355px 0 50px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
    line-height: 25px;
    color: #676767
}

.faq_btm_list li.last {
    border-bottom: none
}

.faq_btm_list li.goto {
    position: relative;
    height: 92px;
    padding: 37px 355px 0 50px;
    border-bottom: none;
    font-size: 14px;
    line-height: 25px;
    color: #676767
}

.faq_btm_list li a.btn_goto {
    position: absolute;
    top: 20px;
    right: 0;
    display: block;
    width: 294px;
    height: 62px;
    padding: 17px 0 0 0;
    background: #d27d2b;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.faq_btm_list li.line1 {
    height: 56px;
    padding: 34px 355px 0 50px
}

.faq_btm_list li .btn01 {
    position: absolute;
    top: 20px;
    right: 0;
    display: block;
    width: 294px;
    height: 50px;
    background: #989390;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.faq_btm_list li .btn02 {
    position: absolute;
    top: 20px;
    right: 0;
    display: block;
    width: 294px;
    height: 50px;
    background: #39bf08;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.itemshop_btm_btns {
    height: 235px;
    margin-bottom: 80px;
    background: #f2f4f8;
    border-bottom: 3px solid #324c7a;
    border-top: 1px solid #ddd;
    text-align: center
}

.itemshop_btm_btns p.txt {
    height: 45px;
    padding: 45px 0 0 0;
    font-size: 15px;
    line-height: 15px;
    color: #6e778c;
    text-align: center
}

.itemshop_btm_btns a {
    display: inline-block;
    height: 80px;
    text-indent: -9999px
}

.itemshop_btm_btns a.btn01 {
    width: 238px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_n01_off.gif") no-repeat left top
}

.itemshop_btm_btns a.btn01:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_n01_on.gif") no-repeat left top
}

.itemshop_btm_btns a.btn02 {
    width: 318px;
    margin: 0 10px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_n02_off.gif") no-repeat left top
}

.itemshop_btm_btns a.btn02:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_n02_on.gif") no-repeat left top
}

.itemshop_btm_btns a.btn03 {
    width: 278px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_n03_off.gif") no-repeat left top
}

.itemshop_btm_btns a.btn03:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_n03_on.gif") no-repeat left top
}

.etc_cont_box05 {
    width: 838px;
    padding: 40px 0 70px 0;
    margin: 0 auto;
    border-top: 1px solid #dad7d4
}

.etc_cont_box05 .btn_go_cancel2 {
    display: block;
    width: 295px;
    height: 60px;
    margin: 0 auto;
    background: #bdb7b3;
    font-size: 17px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

p.etc_btm_btns01 a.btn_go_clear {
    display: inline-block;
    width: 483px;
    height: 60px;
    margin: 0 10px;
    background: #d27d2b;
    font-size: 17px;
    font-weight: 500;
    line-height: 60px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.otp_new_wrap {
    width: 1200px;
    padding-top: 264px;
    padding-bottom: 120px;
    margin: 0 auto;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/etc/otp_new_logo.png") no-repeat center 87px
}

.otp_new_wrap h1 {
    margin-bottom: 11px;
    font-size: 75px;
    font-weight: bold;
    line-height: 85px;
    letter-spacing: -0.025em;
    word-spacing: -0.05em;
    color: #444;
    text-align: center
}

.otp_new_wrap h1>span {
    display: inline-block;
    width: 86px;
    height: 87px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/etc/otp_new_icon.png");
    vertical-align: top
}

.otp_new_wrap button {
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    cursor: pointer
}

.otp_new_wrap p {
    text-align: center
}

.otp_new_wrap .info {
    margin-bottom: 35px;
    font-size: 18px;
    line-height: 26px;
    color: #6d6d6d
}

.otp_new_wrap .otp_wrap {
    margin-bottom: 40px
}

.otp_new_wrap .otp_wrap .otp_box {
    position: relative;
    float: left;
    width: 590px;
    height: 488px;
    font-family: "NEXON Gothic","Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif
}

.otp_new_wrap .otp_wrap .otp_box h2 {
    height: 70px;
    font-size: 24px;
    font-weight: 500;
    line-height: 70px;
    color: #fff;
    text-align: center
}

.otp_new_wrap .otp_wrap .otp_box .otp_chk_wrap {
    position: relative;
    display: table;
    width: 100%;
    height: 418px;
    border-top: none !important;
    box-sizing: border-box
}

.otp_new_wrap .otp_wrap .otp_box .otp_chk_wrap .otp_chk {
    display: table-cell;
    vertical-align: middle
}

.otp_new_wrap .otp_wrap .otp_box .otp_chk_wrap .otp_chk p {
    font-size: 18px;
    line-height: 26px
}

.otp_new_wrap .otp_wrap .otp_box.u_otp {
    margin-right: 20px
}

.otp_new_wrap .otp_wrap .otp_box.u_otp h2 {
    background-color: #dc7d3e
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap {
    background-color: #fdf5f0;
    border: 1px solid #eecbac
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk p {
    color: #dc7d3e
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk .uotp_form {
    width: 490px;
    margin: 35px auto
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk .uotp_form input[type=text] {
    width: 100%;
    height: 70px;
    margin-bottom: 5px;
    background: #fff url("/s2/game/mabinogi/mabiweb/homepage/images/etc/otp_uotp_input_bg.png") no-repeat center center;
    border: 1px solid #d27d2b;
    box-sizing: border-box;
    font-size: 40px;
    font-weight: 500;
    color: #dc7d3e;
    text-align: center
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk .uotp_form input[type=text].nobg {
    background: #fff
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk .uotp_form button {
    width: 100%;
    height: 70px;
    background: #d27d2b;
    border: none;
    font-size: 20px;
    font-weight: 500;
    color: #fff
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk .uotp_info {
    width: 490px;
    padding-top: 3px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 22px;
    color: #8f7462
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk .uotp_info>div:first-child {
    float: left
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk .uotp_info>div:first-child+div {
    float: right
}

.otp_new_wrap .otp_wrap .otp_box.u_otp .otp_chk_wrap .otp_chk .uotp_info>div button {
    width: 170px;
    height: 50px;
    margin-top: -3px;
    background: #817166;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.otp_new_wrap .otp_wrap .otp_box.nx_otp.only {
    float: none;
    margin: 0 auto
}

.otp_new_wrap .otp_wrap .otp_box.nx_otp h2 {
    background-color: #486bcd
}

.otp_new_wrap .otp_wrap .otp_box.nx_otp .otp_chk_wrap {
    background-color: #ebf2fd;
    border: 1px solid #cad7f3
}

.otp_new_wrap .otp_wrap .otp_box.nx_otp .otp_chk_wrap .otp_chk p {
    margin: 20px 0;
    color: #486bcd
}

.otp_new_wrap .otp_wrap .otp_box.nx_otp .otp_chk_wrap .otp_chk p button {
    width: 490px;
    height: 100px;
    background: #486bcd;
    border: none;
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

.otp_new_wrap .otp_wrap .otp_box.nx_otp iframe {
    width: 100%;
    height: 488px
}

.otp_new_wrap .otp_wrap .uotp_end {
    position: absolute;
    top: 0;
    left: -1px;
    width: 590px;
    height: 418px;
    background: #e09969;
    border: 1px solid #dc7d3e;
    border-top: none;
    box-sizing: border-box
}

.otp_new_wrap .otp_wrap .uotp_end .ue_box {
    position: absolute;
    top: 20px;
    left: 39px;
    display: table;
    width: 510px;
    height: 320px;
    background: #fff;
    font-size: 17px;
    color: #000;
    text-align: center
}

.otp_new_wrap .otp_wrap .uotp_end .ue_box>div {
    display: table-cell;
    vertical-align: middle
}

.otp_new_wrap .otp_wrap .uotp_end .ue_box>div strong {
    font-weight: bold;
    line-height: 56px
}

.otp_new_wrap .otp_wrap .uotp_end .ue_box>div strong.big {
    font-size: 48px;
    letter-spacing: -0.05em
}

.otp_new_wrap .otp_wrap .uotp_end .ue_box>div strong.big+img {
    padding-left: 6px
}

.otp_new_wrap .otp_wrap .uotp_end .ue_box>div strong span {
    color: #e60012;
    text-decoration: underline
}

.otp_new_wrap .otp_wrap .uotp_end .ue_box>div p {
    line-height: 27px
}

.otp_new_wrap .otp_wrap .uotp_end .ue_box>div p button {
    width: 302px;
    height: 68px;
    margin-top: 25px;
    background: #333;
    border: none;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #fff
}

.otp_new_wrap .otp_wrap .uotp_end .ue_box>div p button small {
    font-size: 15px;
    font-weight: normal
}

.otp_new_wrap .otp_wrap .uotp_end .ue_close {
    position: absolute;
    top: 355px;
    left: 0;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center
}

.otp_new_wrap .otp_wrap .uotp_end .ue_close a {
    color: #88471d;
    text-decoration: none
}

.otp_new_wrap .otp_wrap .uotp_end .ue_today {
    position: absolute;
    top: 385px;
    left: 0;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-align: center
}

.otp_new_wrap .otp_wrap .uotp_end .ue_today label {
    cursor: pointer
}

.otp_new_wrap .otp_wrap .uotp_end .ue_today input {
    appearance: auto
}

.otp_new_wrap .btn_go_homepage {
    width: 494px;
    height: 80px;
    background: #bdb7b3;
    border: none;
    font-size: 20px;
    font-weight: 500;
    color: #fff
}

.otp_new_wrap .btn_go_homepage small {
    font-size: 16px;
    font-weight: 400
}

div[class*=board_tab_ty] {
    position: relative
}

div[class*=board_tab_ty].no_pb {
    padding-bottom: 0
}

div[class*=board_tab_ty] ul {
    border-left: 1px solid #e8e8e8
}

div[class*=board_tab_ty] li {
    float: left
}

div[class*=board_tab_ty] li a {
    position: relative;
    display: block;
    height: 40px;
    border: 1px solid #e8e8e8;
    border-left: none;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    text-decoration: none
}

div[class*=board_tab_ty] li a.on,div[class*=board_tab_ty] li a:hover {
    margin-left: -1px;
    background: #c16151;
    border: 1px solid #c16151;
    color: #fff
}

.board_tab_ty01 {
    padding: 0 0 24px 0
}

.board_tab_ty01 ul {
    height: 42px
}

.board_tab_ty01 li a {
    width: 118px;
    margin: 0
}

.board_tab_ty01 li.long01 a {
    width: 253px
}

.board_tab_ty01 li.long02 a {
    width: 168px
}

.board_tab_ty01 li.long03 a {
    width: 218px
}

.board_tab_ty01 li.long04 a {
    width: 190px
}

.board_tab_ty01 li.long05 a {
    width: 200px
}

.board_tab_ty01 p.sel_r {
    position: absolute;
    top: 8px;
    right: 0
}

.board_tab_ty01 p.sel_r select.sel_ty01 {
    width: 120px;
    height: 35px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 35px;
    color: #676767
}

.board_tab_ty02 {
    padding: 0 0 40px 0
}

.board_tab_ty02 ul {
    border-top: 1px solid #e8e8e8
}

.board_tab_ty02 li a {
    width: 224px;
    margin: -1px 0 0 0;
    border-top: none
}

.board_tab_ty02 li a.on,.board_tab_ty02 li a:hover {
    border-top: none
}

.board_tab_ty02 li.last a {
    width: 223px
}

.board_tab_ty02 li.empty p {
    position: relative;
    width: 224px;
    height: 40px;
    margin: -1px 0 0 0;
    border: 1px solid #e8e8e8;
    border-left: none;
    border-top: none;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    text-decoration: none
}

.board_tab_ty02 li.last.empty p {
    width: 223px
}

.board_tab_ty03 {
    padding: 0 0 40px 0
}

.board_tab_ty03 ul {
    border-bottom: 1px solid #e8e8e8
}

.board_tab_ty03 li a {
    width: 224px;
    margin: 0;
    border-bottom: none
}

.board_tab_ty03 li a.on,.board_tab_ty03 li a:hover {
    border-bottom: none
}

.board_tab_ty03 li.last a {
    width: 223px
}

.board_tab_ty04 {
    padding: 0 0 30px 0
}

.board_tab_ty04 li a {
    width: 118px;
    margin: 0
}

div[class*=no_result_ty] {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 15px;
    text-align: center
}

.no_result_ty01 {
    padding: 330px 0
}

.no_result_ty02 {
    padding: 100px 0;
    margin-bottom: 50px
}

.no_result_ty03 {
    padding: 150px 0
}

.board_wrap01 {
    position: relative;
    padding: 0 0 0 140px
}

.board_wrap02 {
    position: relative;
    padding: 0
}

.board_ty_list ul {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    letter-spacing: -1px
}

.board_ty_list li a {
    z-index: 1;
    display: block;
    width: 120px;
    height: 46px;
    background: #e8e8e8;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    line-height: 46px;
    color: #665a50;
    text-align: center;
    text-decoration: none
}

.board_ty_list li a.active {
    background: #66615d;
    color: #fff
}

.board_common01 {
    border-top: 1px solid #e8e8e8
}

.board_common01 li {
    position: relative;
    height: 97px;
    padding: 0 0 0 88px;
    border-bottom: 1px solid #e8e8e8
}

.board_common01 li .type {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 78px;
    height: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #949494;
    text-align: center
}

.board_common01 li .type p {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.board_common01 li p.info_r {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 97px
}

.board_common01 li p.info_r span.view {
    padding-right: 15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/board_line01.gif") no-repeat right 1px;
    font-size: 13px;
    color: #949494
}

.board_common01 li p.info_r span.view.ty02 {
    display: inline-block;
    width: 84px;
    padding: 0 0 0 1px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/board_line01.gif") no-repeat left 41px;
    text-align: center
}

.board_common01 li p.info_r span.like {
    padding-right: 15px;
    margin-left: 13px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/board_line01.gif") no-repeat right 1px;
    font-size: 13px;
    color: #949494
}

.board_common01 li p.info_r span.date {
    display: inline-block;
    width: 71px;
    padding-right: 20px;
    font-size: 13px;
    letter-spacing: normal;
    color: #949494;
    text-align: right
}

.board_common01 li p.info_r span.guild_n {
    display: inline-block;
    width: 105px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/board_line01.gif") no-repeat right 42px;
    font-size: 13px;
    color: #949494;
    text-align: center
}

.board_common01 li p.info_r span.web_n {
    display: inline-block;
    width: 105px;
    font-size: 13px;
    color: #949494;
    text-align: center
}

.board_common01 dl {
    padding: 25px 0 0 0
}

.board_common01 dt {
    padding-bottom: 11px;
    font-size: 16px;
    line-height: 20px
}

.board_common01 dt span.rep_num {
    display: inline-block;
    padding-left: 10px;
    font-size: 13px;
    color: #c16151;
    vertical-align: top
}

.board_common01 dt span.icon_img {
    display: inline-block;
    margin-left: 3px;
    vertical-align: top
}

.board_common01 dd {
    font-size: 13px;
    line-height: 22px;
    color: #949494
}

.board_common01 dd span.level {
    padding: 0 0 0 12px;
    margin: 0 0 0 8px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/board_line02.gif") no-repeat left 3px;
    vertical-align: top
}

.board_common01 .star_box {
    position: absolute;
    top: 35px;
    right: 85px;
    width: 85px;
    margin-right: 26px
}

.board_common01 .star_box .star {
    height: 23px
}

.board_common01 .star_box .txt {
    font-size: 13px;
    color: #949494;
    text-align: center
}

.board_common01.notice {
    margin-bottom: 19px;
    border-top: none
}

.board_common01.notice li {
    height: 95px;
    padding: 0 0 0 123px;
    margin-bottom: 1px;
    background: #f2f2f2;
    border-bottom: none;
    border-left: 5px solid #d36ba8
}

.board_common01.notice li .type {
    top: 35px;
    left: 29px;
    width: 55px;
    height: 26px;
    padding-left: 33px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_notice.gif") no-repeat left top;
    font-size: 16px;
    line-height: 26px;
    color: #676767;
    text-align: left
}

.board_common01.notice li p.info_r {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 95px
}

.board_common01.notice dl {
    padding: 24px 0 0 0
}

.board_common01.notice dt {
    padding-bottom: 14px;
    font-weight: 500
}

.board_common01.notice02 {
    margin-bottom: 25px;
    border-top: none
}

.board_common01.notice02 li {
    height: 95px;
    padding: 0 0 0 123px;
    margin-bottom: 1px;
    background: #f2f2f2;
    border-bottom: none;
    border-left: 5px solid #d36ba8
}

.board_common01.notice02 li .type {
    top: 35px;
    left: 29px;
    width: 55px;
    height: 26px;
    padding-left: 33px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_notice02.gif") no-repeat left top;
    font-size: 16px;
    line-height: 26px;
    color: #676767;
    text-align: left
}

.board_common01.notice02 li p.info_r {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 95px
}

.board_common01.notice02 dl {
    padding: 24px 0 0 0
}

.board_common01.notice02 dt {
    padding-bottom: 14px;
    font-weight: 500
}

.board_common01.thum li {
    padding-left: 105px
}

.board_common01.thum li p.thum01 {
    position: absolute;
    top: 8px;
    left: 10px
}

.board_common01.thum dt span.ty_ticket {
    display: inline-block;
    width: 45px;
    height: 17px;
    margin: -1px 5px 0 0;
    background: #b3ada8;
    font-size: 11px;
    font-weight: 500;
    line-height: 17px;
    color: #fff;
    text-align: center;
    vertical-align: top
}

.board_common01.no_type li {
    padding: 0 100px 0 20px
}

.board_common01 li.rep_dp1 {
    padding-left: 60px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_reply01.png") no-repeat 40px 26px
}

.board_common01 li.rep_dp2 {
    padding-left: 80px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_reply01.png") no-repeat 60px 26px
}

.board_common01 li.rep_dp3 {
    padding-left: 100px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_reply01.png") no-repeat 80px 26px
}

.board_common01 li.rep_dp4 {
    padding-left: 120px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_reply01.png") no-repeat 100px 26px
}

.board_guild01 {
    width: 100%;
    table-layout: fixed
}

.board_guild01 thead th {
    height: 49px;
    background: #f5f5f5;
    border-bottom: 1px solid #676767;
    font-weight: normal;
    line-height: 49px;
    color: #1e1e1e
}

.board_guild01 tbody th {
    height: 60px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 15px;
    font-weight: normal;
    line-height: 60px;
    color: #949494
}

.board_guild01 tbody td {
    height: 60px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    font-weight: normal;
    line-height: 60px;
    color: #676767;
    text-align: left
}

.board_guild01 tbody td.date {
    font-size: 13px;
    color: #949494;
    text-align: center
}

.board_agree01 {
    width: 100%;
    table-layout: fixed
}

.board_agree01 thead th {
    height: 40px;
    background: #66615d;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    font-size: 13px;
    font-weight: normal;
    line-height: 40px;
    color: #fff
}

.board_agree01 thead th.last {
    border-right: 1px solid #e8e8e8
}

.board_agree01 tbody th {
    padding: 9px 0 9px 30px;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    color: #676767;
    text-align: left;
    vertical-align: middle
}

.board_agree01 tbody th.last {
    border-right: 1px solid #e8e8e8
}

.board_agree01 tbody td {
    padding: 9px 0 9px 38px;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    color: #676767;
    text-align: left;
    vertical-align: top
}

.board_agree01 tbody td.last {
    padding-left: 20px;
    border-right: 1px solid #e8e8e8
}

.board_note {
    width: 100%;
    table-layout: fixed
}

.board_note thead th {
    height: 45px;
    background: #66615d;
    font-weight: normal;
    line-height: 45px;
    color: #fff;
    text-align: center
}

.board_note tbody th {
    height: 60px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 15px;
    font-weight: normal;
    line-height: 60px;
    color: #949494
}

.board_note tbody td {
    height: 60px;
    padding-left: 30px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    font-weight: normal;
    line-height: 60px;
    color: #676767
}

.board_note tbody td span.inp_wrap01 {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: -3px 4px 0 0;
    vertical-align: middle
}

.board_note tbody td img.icon {
    margin: 19px 0 0 0
}

.board_note tbody td.txt_ty01 {
    padding: 0;
    font-size: 13px;
    color: #949494;
    text-align: center
}

.board_note_new {
    width: 100%;
    table-layout: fixed
}

.board_note_new thead th {
    height: 45px;
    background: #66615d;
    font-weight: normal;
    line-height: 45px;
    color: #fff;
    text-align: center
}

.board_note_new tbody th,.board_note_new tbody td {
    height: 60px;
    border-bottom: 1px solid #e8e8e8;
    font-weight: normal
}

.board_note_new tbody th {
    font-size: 15px;
    color: #949494
}

.board_note_new tbody td {
    font-size: 14px;
    line-height: 22px;
    color: #676767
}

.board_note_new tbody td img.icon {
    vertical-align: middle
}

.board_note_new tbody td.txt_ty01 {
    padding: 0;
    font-size: 13px;
    color: #949494;
    text-align: center
}

.board_note_new tbody td .label {
    display: inline-block;
    width: 62px;
    height: 22px;
    margin-right: 10px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
    text-align: center
}

.board_note_new tbody td .label.l_g {
    background-color: #ea8046
}

.board_note_new tbody td .label.l_a {
    background-color: #4d5aff
}

.board_note_new tbody td .label.l_n {
    background-color: #48ae8b
}

.board_note_new tbody td:first-child {
    text-align: center
}

.board_note_new tbody td:first-child+td {
    text-align: center
}

.board_note_new tbody tr.focus {
    background-color: #f7f7fa
}

.board_note_filter {
    margin: -15px 0 10px;
    text-align: right
}

.board_note_filter button {
    width: 128px;
    height: 35px;
    margin-right: 6px;
    background: #8a8684;
    border: none;
    font-size: 15px;
    color: #fff;
    vertical-align: top;
    cursor: pointer
}

.board_note_filter button:hover {
    background-color: #d27d2b
}

.board_note_filter button:disabled {
    background-color: #c1bcb7;
    color: #989390;
    cursor: default
}

.board_note_filter .msg_sel_box {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 35px;
    vertical-align: top
}

.board_note_filter .msg_sel_box>div {
    width: 112px;
    height: 33px;
    padding: 0 18px;
    background: #fff;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px;
    color: #676767;
    text-align: left
}

.board_note_filter .msg_sel_box>div.hover {
    background-color: #8a8684;
    color: #fff
}

.board_note_filter .msg_sel_box>div:after {
    content: "¡å";
    position: absolute;
    top: 0;
    right: 18px;
    display: block
}

.board_note_filter .msg_sel_box>div+select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.chk_new {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden
}

.chk_new input {
    position: absolute;
    top: 0;
    left: -20px
}

.chk_new span {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_chk.png")
}

.chk_new input:checked+span {
    background-position: right 0
}

.board_view01 dt {
    height: 81px;
    padding: 0 0 0 40px;
    background: #9b9b9b;
    font-size: 22px;
    line-height: 81px;
    color: #fff
}

.board_view01 dd.view_info {
    height: 50px;
    padding: 0 30px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 13px;
    line-height: 50px;
    color: #949494
}

.board_view01 dd.view_info span.rank {
    padding: 0 21px 0 0;
    margin-right: 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/line_board01.gif") no-repeat right 3px;
    font-size: 16px;
    color: #676767
}

.board_view01 dd.view_info span.name01 {
    font-size: 16px;
    color: #676767
}

.board_view01 dd.view_info span.vote {
    padding: 0 20px 0 18px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_vote.png") no-repeat left center
}

.board_view01 dd.view_info span.like {
    padding: 0 20px 0 13px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_heart.png") no-repeat left center
}

.board_view01 dd.view_info span.down {
    padding: 0 20px 0 13px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_down.png") no-repeat left center
}

.board_view01 dd.view_info span.view {
    padding: 0 20px 0 16px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_view.png") no-repeat left center
}

.board_view01 dd.view_info span.date {
    letter-spacing: normal
}

.board_view01 dd.view_cont_wrap {
    border-bottom: 1px solid #e8e8e8
}

.board_view01 dd.view_cont_wrap .view_cont {
    padding: 20px 30px 50px 30px;
    font-size: 15px;
    line-height: 30px;
    word-wrap: break-word
}

.board_view01 dd.view_cont_wrap .view_cont>div {
    margin: 0 auto !important
}

.board_view01 dd.view_cont_wrap .view_cont img {
    height: auto !important;
    max-width: 840px
}

.board_view01 dd.view_cont_wrap .view_cont iframe {
    border: none
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap {
    padding-bottom: 15px
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap.xml {
    padding-bottom: 30px;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #e8e8e8
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap .stit {
    height: 27px
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap .stit.xml {
    margin-bottom: 10px
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap .stit.xml>strong {
    font-size: 18px;
    color: #514b46
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap .stit.xml>small {
    padding-left: 10px;
    font-size: 13px;
    color: #939393
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap .stit.xml>small:before {
    content: "| ";
    padding-right: 6px
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap .stit.xml>small strong {
    color: #3f3429
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap .stxt {
    padding: 15px 20px;
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    word-break: break-all
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap .stxt.last {
    margin-bottom: 10px
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap .stxt.xml {
    height: 200px;
    overflow-y: auto;
    font: 13px/normal "Verdana",Arial,Tahoma,sans-serif
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap a.btn_clipboard {
    display: inline-block;
    width: 164px;
    height: 35px;
    background: #989390;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap a.btn_xml {
    display: inline-block;
    width: 182px;
    height: 35px;
    background: #d27d2b;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.board_view01 dd.view_cont_wrap .view_cont .in_tx_box_wrap a.btn_xml img {
    margin-right: 10px;
    vertical-align: middle
}

.board_view01 dd.view_cont_wrap .view_cont p.tag {
    margin-top: 30px;
    color: #1d87ff
}

.board_view01 dd.view_cont_wrap .view_cont p.tag a {
    color: #1d87ff
}

.board_view01 dd.link {
    position: relative;
    height: 70px;
    padding: 0 20px 0 0;
    border-bottom: 2px solid #e8e8e8;
    font-size: 13px;
    line-height: 70px;
    color: #989898;
    text-align: right
}

.board_view01 dd.link .address {
    padding: 0 10px 0 0;
    letter-spacing: normal
}

.board_view01 dd.link a.btn_copy {
    display: inline-block;
    width: 58px;
    height: 21px;
    background: #f9f9f9;
    border: 1px solid #c4c2c1;
    font-size: 11px;
    line-height: 21px;
    color: #4a4a4a;
    text-align: center;
    text-decoration: none
}

.board_view01 dd.link a.btn_twitter {
    display: inline-block;
    width: 38px;
    height: 21px;
    padding: 0 0 0 19px;
    margin: 0 0 0 2px;
    background: #eef9fe url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_twitter.png") no-repeat 5px 5px;
    border: 1px solid #c5dee8;
    font-family: Arial;
    font-size: 11px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0;
    color: #008fca;
    text-align: left;
    text-decoration: none
}

.board_view01 dd.link a.btn_facebook {
    display: inline-block;
    width: 52px;
    height: 21px;
    padding: 0 0 0 23px;
    margin: 0 0 0 2px;
    background: #f2f4fc url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_facebook.png") no-repeat 5px 3px;
    border: 1px solid #ced8ed;
    font-family: Arial;
    font-size: 11px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0;
    color: #345498;
    text-align: left;
    text-decoration: none
}

.board_view01 dd.link a.btn_vote {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
    width: 90px;
    height: 30px;
    background: #614830;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.board_view01 .xmp {
    margin: 0 !important;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all !important;
    white-space: normal !important
}

.board_view01 .view_cont2 {
    width: 840px;
    padding-bottom: 50px;
    margin: -30px auto 0
}

.board_view01 .view_cont2 .title {
    position: relative;
    height: 52px;
    padding-right: 22px;
    padding-left: 60px;
    background: #535353 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/board_icon_info.png") no-repeat 3px 3px;
    font-size: 17px;
    line-height: 52px;
    color: #fff
}

.board_view01 .view_cont2 .txt_box {
    padding: 30px 21px 40px;
    border: 1px solid #e5e5e5;
    border-top: none;
    font-size: 15px;
    line-height: 25px;
    color: #aaa;
    word-break: keep-all;
    word-wrap: break-word
}

.board_view01 .view_cont2 .txt_box a {
    color: #000
}

.board_write01 {
    border-bottom: 2px solid #e8e8e8
}

.board_write01 dt {
    position: relative;
    height: 81px;
    padding: 0 0 0 67px;
    margin-bottom: 20px;
    background: #f9f9f9;
    font-size: 15px;
    line-height: 81px
}

.board_write01 dt p.tit {
    position: absolute;
    top: 0;
    left: 20px
}

.board_write01 dt input.inp_ty01 {
    width: 721px;
    height: 33px;
    padding: 0 0 0 20px;
    margin: 23px 10px 0 0;
    border: 1px solid #e8e8e8;
    line-height: 33px;
    vertical-align: top
}

.board_write01 dt select.sel_ty01 {
    width: 135px;
    height: 35px;
    margin: 23px 6px 0 0;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    color: #676767;
    vertical-align: top
}

.board_write01 dt.plus_sel01 input.inp_ty01 {
    width: 575px
}

.board_write01 dt.plus_sel02 input.inp_ty01 {
    width: 435px
}

.board_write01 dd.last {
    border-bottom: none !important
}

.board_write01 dd p.tit {
    position: absolute;
    top: 0;
    left: 29px
}

.board_write01 dd p.tit span.imp {
    color: #c16151
}

.board_write01 dd.file_area01 {
    position: relative;
    min-height: 55px;
    padding: 20px 0 0 183px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px
}

.board_write01 dd.file_area01 p.tit {
    line-height: 75px
}

.board_write01 dd.file_area01 a.btn_file {
    display: inline-block;
    width: 90px;
    height: 35px;
    background: #989390;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: top
}

.board_write01 dd.file_area01 span.txt01 {
    float: left;
    padding: 0 0 0 6px;
    font-size: 13px;
    line-height: 35px;
    vertical-align: top
}

.board_write01 dd.file_area01 span.txt01.multiple {
    line-height: 20px !important
}

.board_write01 dd.file_area01 .filebox,.board_write01 dd.file_area01 .filebox02 {
    float: left;
    line-height: 35px
}

.board_write01 dd.file_area01.intrt {
    height: auto;
    padding: 20px 20px 16px;
    margin-top: -21px;
    background: #eee
}

.board_write01 dd.file_area01.intrt .filebox {
    position: relative
}

.board_write01 dd.file_area01.intrt .filebox label {
    width: 164px
}

.board_write01 dd.file_area01.intrt .filebox .upload-name {
    width: 420px;
    margin-right: 0;
    background-color: #cdcdcd;
    border-color: #cdcdcd;
    color: #8d8d8d
}

.board_write01 dd.file_area01.intrt .clear {
    display: block;
    clear: both
}

.board_write01 dd.file_area01.intrt .xml_box {
    height: 68px;
    padding: 20px;
    margin-top: 10px;
    background: #fff;
    border: 1px solid #e8e8e8;
    overflow-x: auto;
    font: 13px/normal "Verdana",Arial,Tahoma,sans-serif;
    white-space: pre
}

.board_write01 dd.file_area01.intrt span.txt01 {
    padding-top: 10px;
    line-height: 24px
}

.board_write01 dd.file_area01 .inp_ty01 {
    width: 680px
}

.board_write01 dd.file_area01 .bd_btm_txt01 {
    padding: 10px 0
}

.board_write01 dd.file_area01 .f {
    padding-bottom: 10px
}

.board_write01 dd.file_area01 .f .fbox {
    padding-bottom: 10px
}

.board_write01 dd.file_area01 .file_mtv {
    padding-bottom: 20px;
    font-size: 15px;
    line-height: 25px
}

.board_write01 dd.file_area01 .file_mtv .btn_mtv_pop {
    position: absolute;
    top: 50%;
    right: 0;
    width: 192px;
    height: 45px;
    margin-top: -25px;
    background: #238bff;
    font-size: 16px;
    line-height: 45px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.board_write01 dd.rad_area01 {
    position: relative;
    height: 55px;
    padding: 0 0 0 183px;
    font-size: 16px;
    line-height: 55px
}

.board_write01 dd.rad_area01 .inp_wrap01 {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: -2px 0 0 0;
    vertical-align: middle
}

.board_write01 dd.rad_area01 label {
    margin: 0 94px 0 8px;
    cursor: pointer
}

.board_write01 dd.write_ty_rank {
    position: relative;
    height: 54px;
    padding: 0 20px;
    border-bottom: 1px solid #e8e8e8;
    line-height: 54px
}

.board_write01 dd.write_ty_rank p.rad_l {
    float: left
}

.board_write01 dd.write_ty_rank p.rad_l .inp_wrap01 {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: -3px 0 0 0;
    vertical-align: middle
}

.board_write01 dd.write_ty_rank p.rad_l label {
    margin: 0 15px 0 4px;
    cursor: pointer
}

.board_write01 dd.write_ty_rank p.rad_l span.txt {
    font-size: 15px;
    color: #949494
}

.board_write01 dd.write_ty_rank p.rank_r {
    float: right
}

.board_write01 dd.write_ty_rank p.rank_r span.txt {
    display: inline-block;
    font-size: 16px;
    vertical-align: top
}

.board_write01 dd.write_ty_rank p.rank_r span.rank_box {
    display: inline-block;
    width: 164px;
    height: 28px;
    margin: 13px 0 0 6px;
    background: #f9f9f9;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    vertical-align: top
}

.board_write01 dd.editor {
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e8e8e8
}

.board_write01 dd.editor .in_tx_box_wrap {
    padding: 20px 30px 0 30px;
    border-bottom: 1px solid #e8e8e8
}

.board_write01 dd.editor .in_tx_box_wrap .stit {
    position: relative;
    height: 27px
}

.board_write01 dd.editor .in_tx_box_wrap .stit p.num_r {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 13px
}

.board_write01 dd.editor .in_tx_box_wrap .stxt {
    margin-bottom: 20px;
    word-break: break-all
}

.board_write01 dd.editor .in_tx_box_wrap .stxt textarea.txa_ty01 {
    width: 798px;
    height: 93px;
    padding: 15px 20px;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    line-height: 20px
}

.board_write01 dd.editor .select_inst {
    height: 54px;
    padding: 0 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #e8e8e8;
    font-size: 16px;
    line-height: 54px
}

.board_write01 dd.editor .select_inst select {
    width: 120px;
    height: 35px;
    margin: 10px 0 0 5px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    color: #676767;
    vertical-align: top
}

.board_write01 dd input.inp_ty01 {
    width: 295px;
    height: 33px;
    padding: 0 0 0 20px;
    margin: 0 10px 0 0;
    border: 1px solid #e8e8e8;
    line-height: 33px;
    vertical-align: top
}

.board_write01 dd input.inp_ty01#sKeyword {
    color: #1d87ff
}

.board_write01 dd .keywordBox {
    position: relative
}

.board_write01 dd .keywordBox.hash input.inp_ty01#sKeyword {
    width: 664px;
    padding-left: 26px
}

.board_write01 dd .keywordBox.hash:before {
    content: "#";
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 14px;
    color: #1d87ff
}

.board_event li {
    position: relative;
    height: 171px;
    padding: 0 0 0 438px;
    margin-top: 20px;
    background: url("/img/bg_dot01.gif") repeat-x left bottom
}

.board_event li.first {
    margin-top: 0
}

.board_event li p.thum {
    position: absolute;
    top: 0;
    left: 0
}

.board_event li p.thum img {
    /* width: 410px; */
	width: 610px;
    height: 150px;
}

.board_event dl {
    padding: 15px 0 0 0;
	position: absolute; /* 수정 */
    left: 650px /* 수정 */
}

.board_event dt {
    padding-bottom: 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    color: #6e6965
}

.board_event dt a {
    color: #6e6965
}

.board_event dd {
    font-size: 14px;
    line-height: 20px;
    color: #949494
}

.board_event dd p.cont {
    height: 78px
}

.board_event dd p.cont a {
    color: #949494
}

.board_event dd p.date {
    line-height: 13px;
    letter-spacing: normal
}

.board_thum {
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e8e8e8
}

.board_thum li {
    float: left;
    padding-bottom: 30px;
    margin-right: 20px
}

.board_thum li.last {
    margin-right: 0
}

.board_thum li:nth-child(3n+1) {
    margin-right: 23px !important
}

.board_thum li p.thum {
    position: relative;
    width: 283px;
    height: 248px;
    padding: 1px;
    background: #000;
    overflow: hidden;
    text-align: center
}

.board_thum li p.thum img {
    height: 248px
}

.board_thum li p.thum.new img {
    width: 283px;
    height: 248px
}

.board_thum li p.thum span.txt {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.board_thum li p.thum span.txt span.num {
    font-size: 13px;
    color: #ffd02e
}

.board_thum li p.thum span.txt .icon_n {
    width: 17px;
    height: 17px;
    margin: 0 0 0 6px
}

.board_thum li p.thum span.gradation {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 283px;
    height: 248px;
    background: url("/img/bg_dot01.gif") no-repeat left top;
    border: 1px solid #ebe8e6
}

.board_thum li p.thum span.over {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: none;
    width: 281px;
    height: 246px;
    border: 2px solid #c16151
}

.board_thum li p.thum.on span.over {
    display: block
}

.board_thum li p.thum.on span.over a {
    display: block;
    width: 281px;
    height: 246px;
    padding: 0;
    margin: 0
}

.board_thum li p.thum span.medal {
    position: absolute;
    top: 10px;
    left: 11px;
    z-index: 10
}

.board_thum li p.thum span.medal img {
    width: 47px;
    height: 58px
}

.board_thum dt {
    height: 30px;
    padding: 13px 0 0 0;
    font-size: 15px;
    line-height: 21px;
    text-align: center
}

.board_thum dd {
    font-size: 13px;
    line-height: 14px;
    color: #949494;
    text-align: center
}

.board_thum dd span.heart {
    padding: 0 0 0 13px;
    margin: 0 10px;
    background: url("") no-repeat left center
}

.board_thum dd span.view {
    padding: 0 0 0 16px;
    margin: 0;
    background: url("") no-repeat left center
}

.board_thum.ty02 li p.thum {
    width: 285px;
    height: 220px;
    padding: 0
}

.board_thum.ty02 li p.thum img {
    width: 283px;
    height: 218px;
    margin-left: 0;
    border: 1px solid #ebe8e6
}

.board_thum.ty02 li p.thum span.over {
    width: 281px;
    height: 216px
}

.board_thum.ty02 dt {
    font-size: 16px;
    line-height: 17px
}

.board_thum.ty02 dd span.update {
    font-weight: 500;
    color: #c16151
}

.board_thum.ty02a li p.thum span.txt {
    text-align: left
}

.board_thum.ty03 li {
    position: relative;
    width: 242px;
    margin-right: 17px
}

.board_thum.ty03 li.last {
    margin-right: 0
}

.board_thum.ty03 li:nth-child(3n+1) {
    margin-right: 17px !important
}

.board_thum.ty03 li p.thum {
    width: 242px;
    height: 182px;
    padding: 0
}

.board_thum.ty03 li p.thum img {
    width: 240px;
    height: 180px;
    margin-left: 0;
    border: 1px solid #ebe8e6
}

.board_thum.ty03 li p.thum span.over {
    width: 238px;
    height: 178px
}

.board_thum.ty03 li p.thum span.over a {
    width: 238px;
    height: 178px
}

.board_thum.ty03 dt {
    text-align: left
}

.board_thum.ty03 dd {
    position: relative;
    text-align: left
}

.board_thum.ty03 dd p.tx01 {
    padding-bottom: 8px;
    line-height: 21px
}

.board_thum.ty03 dd a.btn_vote {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 53px;
    height: 41px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_btn_vote.png") no-repeat left top;
    font-size: 14px;
    font-weight: 500;
    line-height: 41px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.board_thum.ty04 li p.thum>a,.board_thum.ty05 li p.thum>a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.board_thum.ty04 li p.thum span.gradation,.board_thum.ty05 li p.thum span.gradation {
    width: 100%;
    height: 100%;
    background: none;
    box-sizing: border-box
}

.board_thum.ty04 li p.thum span.over,.board_thum.ty05 li p.thum span.over {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.board_thum.ty04 dt,.board_thum.ty05 dt {
    height: 22px;
    padding: 6px 0 2px;
    font-size: 16px;
    line-height: 22px
}

.board_thum.ty04 dt img,.board_thum.ty05 dt img {
    margin-top: 2px
}

.board_thum.ty04 dt .num,.board_thum.ty05 dt .num {
    font-size: 13px;
    color: #e78011
}

.board_thum.ty04 dd,.board_thum.ty05 dd {
    line-height: 21px
}

.board_thum.ty04 li p.thum span.pick,.board_thum.ty05 li p.thum span.pick {
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 10
}

.board_thum.ty04 li p.thum span.pick img,.board_thum.ty05 li p.thum span.pick img {
    width: 58px;
    height: 44px
}

.board_thum.ty04 li {
    position: relative;
    width: 290px;
    min-height: 230px;
    margin-right: 15px
}

.board_thum.ty04 li:nth-child(3n+1) {
    margin-right: 15px !important
}

.board_thum.ty04 li.last {
    margin-right: 0
}

.board_thum.ty04 li p.thum {
    width: 288px;
    height: 152px
}

.board_thum.ty04 li p.thum>a>img {
    width: 290px;
    height: auto;
    margin-top: -31px;
    margin-left: -1px
}

.board_thum.ty04 dd span.heart,.board_thum.ty04 dd span.view {
    margin: 0 5px !important
}

.board_thum.ty05 {
    min-height: 329px;
    padding: 30px 22px 0;
    margin-bottom: 30px;
    background: #d2cdc7;
    box-sizing: border-box
}

.board_thum.ty05 ul {
    font-size: 0;
    text-align: center
}

.board_thum.ty05 li {
    position: relative;
    display: inline-block;
    float: none;
    width: 274px;
    margin-right: 17px
}

.board_thum.ty05 li:nth-child(3n+1) {
    margin-right: 17px !important
}

.board_thum.ty05 li.last {
    margin-right: 0 !important
}

.board_thum.ty05 li p.thum {
    width: 272px;
    height: 153px
}

.board_thum.ty05 li p.thum>a>img {
    width: 274px;
    height: auto;
    margin-top: -27px;
    margin-left: -1px
}

.board_thum.ty05 li p.thum span.gradation {
    border-color: #d2cdc7
}

.board_thum.ty05 .ready {
    font-size: 16px;
    line-height: 26px;
    color: #676767
}

.board_thum.ty05 .ready p {
    padding-top: 48px;
    text-align: center
}

.pick_tab {
    margin-bottom: 20px;
    font-size: 0;
    text-align: center
}

.pick_tab .btn_pic_tab {
    display: inline-block;
    width: 160px;
    height: 42px;
    background: #fff;
    font-size: 15px;
    line-height: 42px;
    color: #665a50;
    vertical-align: top;
    cursor: pointer
}

.pick_tab .btn_pic_tab.on {
    background: #665a50;
    color: #fff
}

.pick_tab .btn_pic_refresh {
    display: inline-block;
    width: 37px;
    height: 42px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/mov_refresh.png") no-repeat 0 0;
    vertical-align: top;
    cursor: pointer
}

.btn_mov_tag {
    position: absolute;
    right: 16px;
    bottom: 20px;
    width: 119px;
    height: 32px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/btn_mov_tag.png") no-repeat 0 0;
    cursor: pointer
}

.mov_pop_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8)
}

.mov_pop_ie {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width: 570px;
    height: 359px;
    margin: -179px auto auto -285px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/mov_pop_ie.png") no-repeat 0 0
}

.mov_pop_ie .btn_go_edge {
    position: absolute;
    top: 229px;
    left: 120px;
    width: 330px;
    height: 40px
}

.mov_pop_ie .mov_pop_close {
    position: absolute;
    top: -25px;
    right: 0;
    width: 51px;
    height: 16px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/mov_pop_close.png") no-repeat 0 0;
    cursor: pointer
}

.mov_pop {
    position: absolute;
    top: 600px;
    left: 50%;
    z-index: 99999;
    width: 912px;
    padding: 50px 45px 40px;
    margin-left: -501px;
    background: #474442
}

.mov_pop .mov_pop_close {
    position: absolute;
    top: -25px;
    right: 0;
    width: 51px;
    height: 16px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/mov_pop_close.png") no-repeat 0 0;
    cursor: pointer
}

.mov_pop .mov_pop_dona {
    position: absolute;
    top: 48px;
    right: 45px;
    width: 274px;
    height: 34px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/mov_pop_title2.png") no-repeat 0 center;
    text-align: right
}

.mov_pop .mov_pop_dona button {
    width: 84px;
    height: 34px;
    background: #7f7974;
    border: 1px solid #362e2b;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer
}

.mov_pop iframe {
    width: 912px;
    height: 513px;
    margin: 20px 0 10px
}

.mov_pop .mov_title {
    padding-right: 116px;
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
    color: #fff
}

.mov_pop .mov_tag {
    padding-right: 116px;
    margin-top: 10px;
    font-size: 16px;
    color: #c1bcb7
}

.mov_pop .mov_name {
    padding-right: 116px;
    margin-top: 10px;
    font-size: 14px;
    color: #7f7974
}

.mov_pop .mov_info {
    padding-top: 12px;
    margin-top: 30px;
    border-top: 1px solid #666462;
    font-size: 13px;
    line-height: 23px;
    color: #666462
}

.mov_pop .mov_pop_like {
    position: absolute;
    top: 628px;
    width: 50px;
    height: 16px;
    padding: 36px 0 12px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/mov_pop_like.png") no-repeat 0 0;
    font-size: 14px;
    line-height: 16px;
    color: #c1bcb7;
    text-align: center;
    cursor: pointer
}

.mov_pop .mov_pop_like .over {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    padding: 14px 0;
    background: #a4a09c;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
    color: #2f2c2b
}

.mov_pop .mov_pop_like:hover .over {
    display: block
}

.mov_pop .mov_pop_like.l1 {
    right: 97px
}

.mov_pop .mov_pop_like.l2 {
    right: 45px;
    background-position-x: right
}

.mov_pop_tag {
    position: absolute;
    top: 800px;
    left: 50%;
    z-index: 99999;
    width: 930px;
    height: 982px;
    margin-left: -465px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/btn_mov_tag_pop.png") no-repeat 0 0
}

.mov_pop_tag .mov_pop_close {
    position: absolute;
    top: -25px;
    right: 0;
    width: 51px;
    height: 16px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/mov_pop_close.png") no-repeat 0 0;
    cursor: pointer
}

.mov_pop_tag2 {
    position: absolute;
    top: 800px;
    left: 50%;
    z-index: 99999;
    width: 930px;
    height: 1159px;
    margin-left: -465px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/btn_mov_tag_pop2.png") no-repeat 0 0
}

.mov_pop_tag2 .mov_pop_close {
    position: absolute;
    top: -25px;
    right: 0;
    width: 51px;
    height: 16px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/mov_pop_close.png") no-repeat 0 0;
    cursor: pointer
}

.mov_pop_mtv {
    position: absolute;
    top: 150px;
    left: 50%;
    z-index: 99999;
    width: 930px;
    height: 1747px;
    margin-left: -465px;
    background: url(/s2/game/mabinogi/mabiweb/homepage/images/sub/btn_mov_mtv.jpg?1dc5f06222541e741d3a) no-repeat 0 0
}

.mov_pop_mtv .mov_pop_close {
    position: absolute;
    top: -25px;
    right: 0;
    width: 51px;
    height: 16px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/mov_pop_close.png") no-repeat 0 0;
    cursor: pointer
}

.mov_pop_mtv .btn_mtv_go1,.mov_pop_mtv .btn_mtv_go2 {
    position: absolute;
    top: 1286px;
    width: 261px;
    height: 67px
}

.mov_pop_mtv .btn_mtv_go1 .btn_span,.mov_pop_mtv .btn_mtv_go2 .btn_span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-indent: -99999px
}

.mov_pop_mtv .btn_mtv_go1 {
    left: 195px
}

.mov_pop_mtv .btn_mtv_go2 {
    left: 474px
}

.mtv_top {
    position: relative;
    min-height: 50px;
    margin-top: -20px;
    line-height: 42px;
    text-align: right
}

.mtv_top .txt {
    display: inline-block;
    padding: 0 12px;
    font-size: 15px;
    color: gray;
    vertical-align: top
}

.mtv_top button {
    min-height: 29px;
    padding: 6px 26px 7px 16px;
    border: none;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    color: #fff;
    vertical-align: top;
    cursor: pointer
}

.mtv_top button img {
    margin-right: 3px
}

.mtv_top button.mypoint {
    background: #0068b7
}

.mtv_top button.ranking {
    background: #ff9600
}

.tag_add {
    display: inline-block;
    width: 116px;
    height: 37px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/tag_add.png") no-repeat 0 0;
    border: none;
    font-size: 0;
    text-indent: -9999px;
    vertical-align: top;
    cursor: pointer
}

.tag_add:hover {
    background-position: bottom
}

.tag_box {
    padding: 0 16px 0 22px;
    margin-top: 8px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/tag_bg2.png") no-repeat 3px 1px
}

.tag_box .tag {
    display: inline-block;
    min-height: 22px;
    padding: 0 4px 0 11px;
    margin-bottom: 4px;
    margin-left: 6px;
    background: #238bff;
    border-radius: 11px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    vertical-align: top
}

.tag_box .tag .del {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-left: 6px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/tag_del.png") no-repeat 0 0;
    border-radius: 50%;
    vertical-align: top;
    cursor: pointer
}

.comic_box {
    position: relative;
    display: flex;
    padding: 20px;
    margin-bottom: 24px;
    border: 6px solid #d7d7d7
}

.comic_box button {
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif
}

.comic_box .thumb {
    width: 160px;
    height: 170px;
    margin-right: 20px
}

.comic_box .comic_info {
    display: flex;
    align-items: center;
    width: 668px;
    height: 170px
}

.comic_box .comic_info .i {
    width: 100%
}

.comic_box .comic_info .i h4 {
    height: 34px;
    font-size: 22px
}

.comic_box .comic_info .i p {
    font-size: 15px;
    line-height: 25px
}

.comic_box .comic_info .i .author {
    display: flex;
    padding-top: 16px
}

.comic_box .comic_info .i .author .l {
    font-size: 15px;
    line-height: 21px
}

.comic_box .comic_info .i .author .l:before {
    content: "ÀÛ°¡";
    margin-right: 5px;
    font-size: 13.5px;
    font-weight: 500
}

.comic_box .comic_info .i .author .r {
    margin-left: auto
}

.comic_box .comic_info .i .author .r .view {
    padding-left: 16px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_view.png") no-repeat left center;
    font-size: 13px;
    line-height: 14px;
    color: #949494
}

.comic_box .btn_edit {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 35px;
    padding: 0 18px;
    background: #989390;
    border: none;
    color: #fff;
    cursor: pointer
}

.comic_cate {
    position: relative;
    width: 800px;
    padding: 20px;
    margin: -10px auto 20px;
    background-color: #f7f7f7
}

.comic_cate button {
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif
}

.comic_cate .cate_top {
    display: flex;
    justify-content: space-between
}

.comic_cate .cate_top .title {
    font-size: 22px;
    line-height: 48px
}

.comic_cate .cate_top .btn_nav {
    font-size: 0
}

.comic_cate .cate_top .btn_nav button {
    height: 35px;
    padding: 0 16px;
    margin-left: 10px;
    background: #989390;
    border: none;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.comic_cate ul {
    padding-top: 8px
}

.comic_cate ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 0 20px;
    margin-top: 5px;
    background-color: #e8e8e8;
    font-size: 13px;
    line-height: 17px;
    color: #949494;
    cursor: pointer
}

.comic_cate ul li:first-child {
    margin-top: 0
}

.comic_cate ul li .s {
    width: 615px;
    color: #676767
}

.comic_cate ul li:hover {
    background-color: #cdc9c4
}

.comic_cate ul li.on {
    background-color: #f3ba35;
    color: #946c0f;
    cursor: default
}

.comic_cate ul li.on .s {
    color: #79460a
}

.comic_nav button {
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif
}

.comic_nav .list {
    display: flex;
    margin-bottom: 10px
}

.comic_nav .list li {
    flex-grow: 1;
    height: 40px;
    border: 1px solid #dad6d2;
    line-height: 40px;
    text-align: center
}

.comic_nav .list li a {
    color: #665a50;
    text-decoration: none
}

.comic_nav .list li a span {
    display: block;
    width: 100%;
    height: 100%
}

.comic_nav .list li.on {
    background-color: #c16151;
    border-color: #c16151
}

.comic_nav .list li.on a {
    color: #fff
}

.comic_nav .sbox {
    margin-bottom: 10px;
    text-align: center
}

.comic_nav .sbox select {
    width: 380px;
    height: 35px;
    border: 1px solid #ebe8e6;
    font-size: 15px;
    text-align: center;
    vertical-align: top
}

.comic_nav .sbox select option[value=""][disabled] {
    display: none
}

.comic_nav .sbox button {
    width: 170px;
    height: 35px;
    margin-left: 2px;
    background: #989390;
    border: none;
    font-size: 15.5px;
    color: #fff;
    vertical-align: top;
    cursor: pointer
}

.comic_sr_title {
    height: 60px;
    padding: 0 20px;
    margin-top: 20px;
    background: #f9f9f9;
    border-top: 3px solid #8a8684;
    font-size: 22px;
    font-weight: 500;
    line-height: 60px;
    color: #676767
}

.board_btm_btns+.comic_sr_title {
    margin-top: 40px
}

.comic_sr_box {
    display: flex;
    padding: 22px 20px;
    margin-top: 10px;
    background: #f2f2f2;
    font-size: 15px;
    line-height: 35px
}

.comic_sr_box .subject {
    width: 130px
}

.comic_sr_box .subject span {
    color: #c16151
}

.comic_sr_box .ipt {
    width: 661px
}

.comic_sr_box .ipt input[type=text] {
    width: 100%;
    height: 35px;
    padding: 0 20px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box
}

.comic_sr_box .ipt textarea {
    width: 100%;
    height: 115px;
    padding: 8px 20px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    resize: vertical
}

.comic_sr_box .info {
    margin-left: auto
}

.comic_sr_box .filebox p {
    padding-top: 4px;
    font-size: 13px;
    line-height: 20px;
    color: #989493
}

.comic_sr_box .thumb {
    position: relative;
    width: 129px;
    height: 134px;
    margin-right: 10px;
    margin-left: auto;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    cursor: default
}

.comic_sr_box .thumb:before {
    content: "À̹ÌÁö \a¹Ì¸®º¸±â";
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 42px;
    border: 1px dashed #918d8b;
    box-sizing: border-box;
    white-space: pre
}

.comic_sr_box .thumb .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.comic_sr_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    padding: 0 20px;
    border-bottom: 1px solid #e8e8e8
}

.comic_sr_list li .subject {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 424px;
    font-size: 16px
}

.comic_sr_list li .subject button {
    width: 60px;
    height: 35px;
    background: #989390;
    border: none;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.comic_sr_list li .date {
    font-size: 13px
}

.comic_sr_list li .date:before {
    content: "ÃÖ±Ù ¿¬Àç";
    padding-right: 38px
}

.board_data01,.board_data02,.board_data05 {
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e8e8e8
}

.board_data01.nobor,.board_data02.nobor,.board_data05.nobor {
    border-bottom: none
}

.board_data01 li,.board_data02 li,.board_data05 li {
    position: relative;
    float: left
}

.board_data01 li p.thum,.board_data02 li p.thum,.board_data05 li p.thum {
    position: relative;
    border: 1px solid #ebe8e6
}

.board_data01 li {
    width: 242px;
    padding-bottom: 30px;
    margin-right: 17px
}

.board_data01 li.last {
    margin-right: 0
}

.board_data01 li:nth-child(3n+1) {
    margin-right: 17px !important
}

.board_data01 li p.thum {
    width: 240px;
    height: 180px
}

.board_data01 li p.thum img {
    width: 240px
}

.board_data01 li p.thum span.txt {
    position: absolute;
    bottom: 14px;
    left: 15px;
    z-index: 10;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.board_data01 li p.thum span.txt span.num {
    font-size: 13px;
    color: #ffd02e
}

.board_data01 li p.thum span.txt .icon_n {
    width: 17px;
    height: 17px;
    margin: 0 0 0 6px
}

.board_data01 li p.thum span.gradation {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 240px;
    height: 180px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_ucc01.png") no-repeat left bottom
}

.board_data01 li p.thum span.over {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 20;
    display: none;
    width: 242px;
    height: 182px
}

.board_data01 li p.thum span.over a {
    z-index: 20;
    display: block;
    width: 242px;
    height: 182px;
    padding: 0;
    margin: 0
}

.board_data01 li p.thum.on span.over,.board_data01 li p.thum.active span.over {
    display: block
}

.board_data01 li p.thum.on span.over a,.board_data01 li p.thum.active span.over a {
    z-index: 20;
    display: block;
    width: 242px;
    height: 182px;
    padding: 0;
    margin: 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_thum.png") no-repeat left top
}

.board_data01 dt {
    height: 25px;
    padding: 13px 0 0 0;
    font-size: 15px;
    line-height: 15px;
    text-align: center
}

.board_data01 dd {
    font-size: 13px;
    line-height: 14px;
    color: #949494;
    text-align: center
}

.board_data02 li {
    width: 247px;
    padding-bottom: 30px;
    margin-right: 9px
}

.board_data02 li.last {
    margin-right: 0
}

.board_data02 li:nth-child(3n+1) {
    margin-right: 10px !important
}

.board_data02 li p.thum {
    width: 245px;
    height: 180px;
    margin-bottom: 1px;
    overflow: hidden
}

.board_data02 li p.thum img {
    width: 245px
}

.board_data02 li a.btm_down {
    display: block;
    float: left;
    width: 123px;
    height: 36px;
    margin: 0 1px 1px 0;
    background: #ebe8e6;
    font-size: 11px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    text-decoration: none
}

.board_data02 li a.btm_down.last {
    margin-right: 0
}

.board_data02 li a.btm_down:hover,.board_data02 li a.btm_down.on {
    background: #c1bcb7;
    color: #fff
}

.board_data02 li a.btm_down.empty {
    background: #eee;
    color: #b5b5b5;
    cursor: default
}

.board_data02 li a.btm_down2 {
    display: table;
    float: left;
    width: 123px;
    height: 36px;
    margin: 0 1px 1px 0;
    background: #ebe8e6;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    text-decoration: none
}

.board_data02 li a.btm_down2.last {
    margin-right: 0
}

.board_data02 li a.btm_down2 small {
    font-size: 10px
}

.board_data02 li a.btm_down2 span {
    display: table-cell;
    vertical-align: middle
}

.board_data03 {
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e8e8e8
}

.board_data03 ul {
    padding-bottom: 30px
}

.board_data03 li {
    position: relative;
    float: left;
    width: 370px;
    margin-right: 20px
}

.board_data03 li.last {
    margin-right: 0
}

.board_data03 li p.thum {
    position: relative;
    width: 370px;
    height: 182px;
    margin-bottom: 1px;
    overflow: hidden
}

.board_data03 li p.thum span.tit {
    position: absolute;
    bottom: 16px;
    left: 15px;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.board_data03 li p.thum a.btn {
    position: absolute;
    right: 7px;
    bottom: 7px
}

.board_data03 dd {
    padding: 5px 10px 0 10px;
    font-size: 13px;
    line-height: 20px;
    color: #949494
}

.board_data04 {
    width: 100%;
    margin-bottom: 37px;
    table-layout: fixed
}

.board_data04 thead th {
    height: 51px;
    background: #66615d;
    font-size: 14px;
    font-weight: normal;
    line-height: 51px;
    color: #fff
}

.board_data04 tbody th {
    height: 51px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 14px;
    font-weight: normal;
    line-height: 51px;
    color: #676767;
    text-align: center;
    vertical-align: middle
}

.board_data04 tbody td {
    height: 51px;
    padding: 0 0 0 80px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
    font-weight: normal;
    line-height: 51px;
    color: #676767;
    text-align: left;
    vertical-align: top
}

.board_data05 li {
    width: 290px;
    padding-bottom: 15px;
    margin-right: 15px
}

.board_data05 li.last {
    margin-right: 0
}

.board_data05 li:nth-child(3n+3) {
    margin-right: 0 !important
}

.board_data05 li p.thum {
    z-index: 1000;
    width: 290px;
    height: 215px;
    margin-bottom: 1px;
    box-sizing: border-box;
    overflow: hidden
}

.board_data05 li p.thum img {
    width: 290px;
    height: 215px
}

.board_data05 li .ill_dimmed {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 290px;
    height: 215px
}

.board_data05 li .ill_dimmed a {
    position: relative;
    display: block;
    width: 290px;
    height: 215px
}

.board_data05 li:hover .ill_dimmed {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/illustration_dimmed.png") no-repeat center 0
}

.board_customer01 {
    width: 100%;
    margin-bottom: 15px;
    table-layout: fixed
}

.board_customer01 thead th {
    height: 51px;
    background: #66615d;
    font-size: 13px;
    font-weight: normal;
    line-height: 51px;
    color: #fff
}

.board_customer01 tbody th {
    height: 51px;
    padding: 0 0 0 35px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 13px;
    font-weight: normal;
    line-height: 51px;
    color: #676767;
    text-align: left;
    vertical-align: middle
}

.board_customer01 tbody td {
    height: 51px;
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 13px;
    font-weight: normal;
    line-height: 51px;
    color: #676767;
    text-align: center;
    vertical-align: top
}

.board_customer01 tbody td.last {
    border-right: none
}

.board_customer01 tbody td a.btn_del {
    display: inline-block;
    width: 60px;
    height: 26px;
    background: #989390;
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.board_term01 {
    width: 100%;
    margin: 5px 0 15px 0;
    table-layout: fixed
}

.board_term01.mb0 {
    margin-bottom: 0
}

.board_term01 thead th {
    height: 51px;
    background: #66615d;
    font-size: 13px;
    font-weight: normal;
    line-height: 51px;
    color: #fff
}

.board_term01 tbody th {
    height: 51px;
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    color: #676767;
    text-align: center
}

.board_term01 tbody td {
    height: 51px;
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    color: #676767;
    text-align: center
}

.board_term01 tbody td.last {
    border-right: none
}

.board_term01 tbody td a.btn_del {
    display: inline-block;
    width: 60px;
    height: 26px;
    background: #989390;
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.board_term02 {
    width: 100%;
    margin-left: -1px;
    table-layout: fixed
}

.board_term02 th,.board_term02 td {
    min-height: 30px;
    padding: 8px 12px;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    text-align: center
}

.board_term02 thead tr:first-child {
    border-top: 1px solid #76716d
}

.board_term02 thead th {
    padding: 16px 12px;
    background: #66615d;
    border-left-color: #76716d;
    color: #fff
}

.board_term02 tbody tr:first-child {
    border-top: 1px solid #d9d9d9
}

.board_term02 tbody th {
    background: #efefee;
    color: #676767
}

.board_term02 tbody td {
    color: #676767
}

.board_term02 tbody td.opt {
    background: #efefee;
    color: #676767
}

.board_term02 tbody td.info {
    text-align: left;
    vertical-align: top
}

.board_lvup {
    width: 100%;
    margin: 0 0 14px 0;
    border-bottom: 1px solid #e8e8e8;
    table-layout: fixed
}

.board_lvup thead th {
    height: 50px;
    background: #66615d;
    font-size: 15px;
    font-weight: normal;
    line-height: 50px;
    color: #fff
}

.board_lvup tbody td {
    height: 62px;
    border-right: 1px solid #e8e8e8;
    font-size: 15px;
    font-weight: normal;
    line-height: 62px;
    color: #676767;
    text-align: center
}

.board_lvup tbody td.last {
    border-right: none
}

.board_lvup td.chr {
    border-right: none
}

.board_lvup tr.tit td {
    height: 50px;
    background: #66615d;
    border-right: 1px solid #94918e;
    border-top: 1px solid #94918e;
    line-height: 50px;
    color: #fff
}

.board_lvup tr.tit td.last {
    border-right: none
}

.board_lvup tr.rank td {
    height: 60px;
    background: #f1f1f1;
    border-bottom: 1px solid #fff;
    line-height: 60px
}

.board_lvup tr.rank td img.img_no {
    margin-top: 12px
}

.board_lvup tr.rank.last td {
    border-bottom: none
}

.name_tag_wrap {
    padding: 0 0 50px 0
}

.name_tag01,.name_tag02 {
    border: 1px solid #e8e8e8
}

.name_tag01 .img_avt,.name_tag02 .img_avt {
    position: absolute;
    top: 0;
    height: 256px;
    text-align: center
}

.name_tag01 {
    position: relative;
    float: right;
    width: 155px;
    height: 256px;
    padding: 0 0 0 153px
}

.name_tag01 .img_avt {
    left: 0;
    width: 153px
}

.name_tag01 .info {
    position: relative;
    width: 122px;
    padding: 72px 0 85px 0;
    text-align: center
}

.name_tag01 .info p.top_stit {
    position: absolute;
    top: -1px;
    left: 0;
    width: 122px;
    height: 65px;
    background: #c16151
}

.name_tag01 .info p.txt_box {
    height: 100px;
    font-size: 16px;
    line-height: 23px
}

.name_tag01 .info p.btm_id {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 84px;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    color: #6e6258;
    text-align: center
}

.name_tag01 .info p.btm_id span.icon {
    display: inline-block;
    padding-bottom: 8px;
    vertical-align: top
}

.name_tag02 {
    width: 718px;
    margin: 0 auto
}

.name_tag02 .top_box {
    position: relative;
    height: 42px;
    padding: 22px 0 0 0;
    background: #c16151;
    font-size: 22px;
    font-weight: 500;
    line-height: 64px;
    color: #fff;
    text-align: center
}

.name_tag02 .btm_box {
    position: relative;
    height: 201px;
    padding: 55px 33px 0 152px
}

.name_tag02 .img_avt {
    left: 14px;
    width: 128px
}

.name_tag02 dt {
    height: 37px;
    padding: 0;
    background: url("/img/bg_dot01.gif") repeat-x left bottom;
    font-size: 18px;
    line-height: 22px;
    color: #676767
}

.name_tag02 dt span.word {
    display: inline-block;
    padding: 1px 0 0 11px;
    margin-left: 7px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_line01.gif") no-repeat left 7px;
    font-size: 13px;
    color: #989390;
    vertical-align: top
}

.name_tag02 dd {
    position: relative;
    padding: 40px 0 0 20px
}

.name_tag02 ul {
    height: 48px
}

.name_tag02 li {
    width: 280px;
    padding: 0 0 20px 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_logo01.png") no-repeat left top;
    font-size: 16px;
    color: #949494
}

.name_tag02 li.last {
    width: 280px
}

.name_tag02 li span.stit {
    display: inline-block;
    width: 82px
}

.name_tag02 li span.txt {
    display: inline-block;
    color: #c16151
}

.name_tag02 li.last span.stit {
    width: 82px
}

.name_tag02 .btm_btns {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 180px
}

.name_tag02 .btm_btns a {
    display: inline-block;
    width: 180px;
    height: 40px;
    margin-bottom: 10px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.name_tag02.creator {
    width: 838px
}

.name_tag02.creator .top_box {
    background: #0068b7
}

.name_tag02.creator .top_box .btn_dona {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 138px;
    height: 44px;
    background: #00479d;
    border: 1px solid #063a7a;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 22px;
    line-height: 40px;
    color: #fff;
    cursor: pointer
}

.board_btm_search {
    padding: 20px 0 0 28px;
    text-align: center
}

.board_btm_search select.sel_ty01 {
    width: 120px;
    height: 35px;
    border: 1px solid #e8e8e8;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 16px;
    color: #676767;
    vertical-align: top
}

.board_btm_search input.inp_ty01 {
    width: 188px;
    height: 33px;
    padding: 0 0 0 10px;
    margin: 0 5px 0 7px;
    border: 1px solid #e8e8e8;
    font-size: 16px;
    line-height: 33px;
    vertical-align: top
}

.board_btm_search input.inp_ty01.wide {
    width: 312px
}

.board_btm_search a.btn_search {
    display: inline-block;
    width: 90px;
    height: 35px;
    background: #989390;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.board_btm_search .keyword {
    position: relative
}

.board_btm_search .keyword input.inp_ty01 {
    width: 178px;
    padding-left: 20px;
    color: #1d87ff
}

.board_btm_search .keyword:before {
    content: "#";
    position: absolute;
    top: 3px;
    left: 18px;
    color: #1d87ff
}

.board_btm_btns {
    padding: 15px 0 0 0
}

.board_btm_btns a[class*=btn_] {
    display: inline-block;
    height: 43px;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.board_btm_btns a.btn_ty01 {
    width: 80px;
    background: #d27d2b
}

.board_btm_btns a.btn_ty02 {
    width: 80px;
    background: #989390
}

.board_btm_btns a.btn_ty03 {
    width: 100px;
    background: #d27d2b
}

.board_btm_btns a.btn_ty03.disabled {
    background: #c1bcb7;
    cursor: default
}

.board_btm_btns a.btn_ty04 {
    width: 115px;
    background: #d27d2b
}

.board_btm_btns a.btn_ty05 {
    min-width: 120px;
    padding: 0 26px;
    background: #d27d2b
}

.board_btm_btns a.btn_ty05a {
    min-width: 120px;
    padding: 0 26px;
    background: gray
}

.board_btm_btns a.btn_delete_card {
    width: 120px;
    background: #989390
}

.board_btm_btns a.btn_send_card {
    width: 135px;
    background: #d27d2b
}

.board_btm_btns a.btn_send_present {
    width: 134px;
    background: #d27d2b
}

.board_btm_btns a.btn_block {
    width: 135px;
    background: #d27d2b
}

.board_btm_btns a.btn_add_pc {
    width: 283px;
    background: #d27d2b
}

.board_btm_btns p.fl a {
    margin-right: 5px
}

.board_btm_btns p.fr a {
    margin-left: 5px
}

.board_btm_btns a.btn_ty05 img,.board_btm_btns a.btn_ty05a img {
    display: inline-block;
    vertical-align: middle
}

.bd_btm_txt01 li,.bd_btm_txt02 li,.bd_btm_txt03 li,.bd_btm_txt04 li {
    padding: 0 0 0 12px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_orange.gif") no-repeat left 10px;
    font-size: 13px;
    line-height: 25px
}

.bd_btm_txt01 {
    padding: 13px 0 0 30px
}

.bd_btm_txt01 li {
    color: #949494
}

.bd_btm_txt02 {
    padding: 13px 0 0 20px
}

.bd_btm_txt02 li {
    color: #949494
}

.bd_btm_txt03 {
    padding: 20px 0 0 40px
}

.bd_btm_txt04 {
    padding: 0 0 0 10px
}

.bd_btm_txt04 li span {
    font-weight: 500;
    color: #676767
}

.reply_wrap {
    padding: 30px 0 0 0
}

.reply_list {
    background: url("/img/bg_dot01.gif") repeat-x left bottom
}

.reply_list li {
    position: relative;
    padding: 18px 20px 0 20px;
    background: url("/img/bg_dot01.gif") repeat-x left top;
    font-size: 14px;
    line-height: 25px
}

.reply_list li.first {
    background: none
}

.reply_list li p.name {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 13px;
    line-height: 22px;
    color: #949494
}

.reply_list li .cont {
    padding: 0 0 18px 139px
}

.reply_list li .cont.reply_on {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/line_tree00.png") repeat-y -20px top
}

.reply_list li .cont p.txt {
    padding-bottom: 5px;
    word-wrap: break-word;
    white-space: pre-line
}

.reply_list li p.btm_btns {
    height: 38px;
    margin-top: -10px;
    text-align: right
}

.reply_list li p.btm_btns a.btn_ty01 {
    display: inline-block;
    width: 55px;
    height: 28px;
    margin-left: 5px;
    background: #989390;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.reply_list li span.date {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 13px;
    color: #989898
}

.reply_list li a.btn_answer {
    display: inline-block;
    padding: 0 15px 0 0;
    margin-right: 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_reply01.png") no-repeat right 10px;
    font-size: 13px;
    color: #c16151
}

.reply_list li a.btn_delete {
    display: inline-block;
    padding: 0 12px 0 0;
    margin-right: 20px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/icon_delete.gif") no-repeat right 10px;
    font-size: 13px;
    color: #c16151
}

.reply_list li.wr_box {
    padding-top: 0;
    margin-top: -11px;
    background: none
}

.reply_list li.rep_dp1 .inner_box {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_reply01.png") no-repeat left 6px
}

.reply_list li.rep_dp1 p.name {
    left: 36px
}

.reply_list li.rep_dp1 .cont {
    padding-left: 155px
}

.reply_list li.rep_dp2 .inner_box {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_reply01.png") no-repeat 20px 6px
}

.reply_list li.rep_dp2 p.name {
    left: 56px
}

.reply_list li.rep_dp2 .cont {
    padding-left: 175px
}

.reply_list li.rep_dp3 .inner_box {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_reply01.png") no-repeat 40px 6px
}

.reply_list li.rep_dp3 p.name {
    left: 76px
}

.reply_list li.rep_dp3 .cont {
    padding-left: 195px
}

.reply_list li.rep_dp4 .inner_box {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_reply01.png") no-repeat 60px 6px
}

.reply_list li.rep_dp4 p.name {
    left: 96px
}

.reply_list li.rep_dp4 .cont {
    padding-left: 215px
}

.reply_list li.rep_dp5 .inner_box {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/bg_reply01.png") no-repeat 80px 6px
}

.reply_list li.rep_dp5 p.name {
    left: 116px
}

.reply_list li.rep_dp5 .cont {
    padding-left: 235px
}

.reply_list li.r_reply {
    padding-top: 0;
    background: none
}

.reply_list li.r_reply.tree {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/line_tree00.png") repeat-y 60px 1px
}

.reply_list li.r_reply.dp3 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/line_tree00.png") repeat-y left 1px
}

.reply_list li.r_reply.dp3 .dp2_box {
    margin: 0 0 0 60px !important
}

.reply_list .dp2_box {
    position: relative;
    padding: 3px 0 30px 240px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/line_tree00.png") repeat-y -20px 1px
}

.reply_list .dp2_box.last {
    background: none
}

.reply_list .dp2_box p.name {
    top: 0;
    left: 60px;
    padding-top: 5px;
    background: #fff
}

.reply_list .dp2_box img.dp2_line {
    position: absolute;
    top: -18px;
    left: -20px
}

.reply_list.ty02 {
    padding: 0 20px 15px 20px;
    margin-top: 20px;
    background: #f9f9f9
}

.reply_list.ty02 li {
    padding: 18px 0 0 0;
    background: url("/img/bg_dot01.gif") repeat-x left bottom
}

.reply_list.ty02 li p.name {
    left: 0;
    color: #c16151
}

.reply_list.ty02 li .cont p.txt {
    padding: 0 0 5px 0
}

.reply_write {
    position: relative;
    height: 148px;
    padding: 30px 193px 0 31px;
    margin: 0;
    background: #f9f9f9
}

.reply_write textarea {
    width: 614px;
    height: 85px;
    padding: 13px 40px 0 20px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 25px;
    color: #cfcfcf;
    resize: none
}

.reply_write textarea.active {
    color: #646464 !important
}

.reply_write a.btn_write {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 148px;
    height: 100px;
    background: #c16151;
    font-size: 16px;
    line-height: 100px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.reply_write p.txt_byte {
    padding: 5px 0 0 0;
    font-size: 13px;
    color: #989898;
    text-align: right
}

.reply_list li .reply_write {
    margin-bottom: 20px
}

.reply_list li .reply_write textarea {
    width: 574px
}

.answer_box.box01 {
    padding: 35px 35px 25px 35px;
    margin: 30px 0 0 0;
    border: 1px solid #b7b7b7
}

.answer_box.box02 {
    padding: 35px;
    margin: 30px 0 0 0;
    background: #f9f9f9;
    border: 1px solid #e8e8e8
}

.answer_box.box03 {
    padding: 35px;
    margin: 30px 0 0 0;
    border: 1px solid #e8e8e8
}

.answer_box p.img_txt {
    height: 27px;
    margin-bottom: 7px;
    border-bottom: 2px solid #e8e8e8
}

.answer_box p.img_txt img.icon01 {
    margin-left: 6px
}

.answer_box p.info_box01 {
    height: 37px;
    font-size: 13px;
    line-height: 37px;
    color: #949494
}

.answer_box p.info_box01 img.icon {
    margin: 7px 6px 0 0
}

.answer_box p.info_box01 span.date {
    padding-left: 12px;
    margin-left: 11px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/line_board02.gif") no-repeat left 4px;
    font-size: 13px
}

.answer_box p.info_box01 span.star_box {
    display: inline-block;
    padding: 10px 0 0 12px;
    margin-left: 11px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/line_board02.gif") no-repeat left 15px;
    font-size: 13px;
    vertical-align: top
}

.answer_box textarea.txa_ty01 {
    width: 796px;
    height: 101px;
    padding: 11px 15px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 25px;
    color: #cfcfcf
}

.answer_box textarea.txa_ty02 {
    width: 786px;
    height: 129px;
    padding: 10px 20px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 25px;
    color: #676767
}

.answer_box div.txa_ty01_wrap {
    padding: 11px 15px;
    background: #fff;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 25px;
    color: #cfcfcf
}

.answer_box div.txa_ty02_wrap {
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #e8e8e8
}

.answer_box div.txa_ty02_wrap .txa_ty02 {
    font-size: 15px;
    line-height: 25px;
    color: #676767
}

.answer_box div.txa_ty02_wrap .from {
    padding: 25px 0 0 0;
    font-size: 13px;
    text-align: right
}

.answer_box p.asn_from {
    position: relative;
    height: 35px;
    padding: 10px 0 20px 81px;
    border-bottom: 2px solid #e8e8e8;
    font-size: 15px;
    line-height: 35px
}

.answer_box p.asn_from span.tx {
    position: absolute;
    top: 10px;
    left: 0
}

.answer_box p.asn_from input {
    width: 631px;
    height: 33px;
    padding: 0 0 0 20px;
    margin: 0 10px 0 0;
    border: 1px solid #e8e8e8;
    line-height: 33px;
    vertical-align: top
}

.answer_box .btm_btns01 {
    padding: 2px 0 0 0;
    text-align: right
}

.answer_box .btm_btns02 {
    padding: 10px 0 0 0;
    text-align: right
}

.answer_box a.btn_add {
    display: inline-block;
    width: 80px;
    height: 43px;
    margin-left: 0;
    background: #d27d2b;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.answer_box a.btn_cancel {
    display: inline-block;
    width: 80px;
    height: 43px;
    margin-left: 5px;
    background: #989390;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.answer_box a.btn_select {
    display: inline-block;
    width: 87px;
    height: 28px;
    margin: 0 0 0 5px;
    background: #d27d2b;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: top
}

.answer_box a.btn_modify,.answer_box a.btn_delete {
    display: inline-block;
    width: 55px;
    height: 28px;
    margin: 0 0 0 5px;
    background: #989390;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: top
}

.answer_box .btm_vote_box {
    height: 28px;
    padding: 10px 0 0 0
}

.answer_box .btm_vote_box p.tx {
    float: left;
    padding: 5px 0 0 0;
    font-size: 15px;
    font-weight: 500;
    color: #000
}

.answer_box .btm_vote_box p.star_box {
    display: inline-block;
    padding: 5px 0 0 0;
    vertical-align: top
}

.answer_box .btm_vote_box p.star_box span.txt {
    padding: 0 0 0 20px;
    margin-right: 10px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/icon_star.png") no-repeat left 1px;
    font-size: 15px;
    line-height: 15px;
    vertical-align: top
}

.answer_box .btm_vote_box p.star_box span.inp_wrap {
    position: relative;
    display: inline-block;
    margin: 2px 0 0 11px;
    vertical-align: top
}

.answer_box .btm_vote_box p.star_box span.inp_wrap input {
    margin-right: 0
}

.answer_box .btm_vote_box p.star_box span.inp_wrap img.star {
    margin: 1px 0 0 0
}

.answer_box .btm_vote_box a.btn_vote {
    display: inline-block;
    width: 85px;
    height: 28px;
    margin: 0 0 0 6px;
    background: #989390;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: top
}

.paginationS {
    position: relative;
    width: 100%;
    height: 32px;
    padding: 30px 0 0 15px
}

.paginationS .pageing {
    font-size: 16px;
    text-align: center
}

.paginationS .pageing a.btn_arr {
    display: inline-block;
    margin: 0 1.5px;
    vertical-align: top
}

.paginationS .pageing .numbering {
    display: inline-block;
    padding: 0
}

.paginationS .pageing .numbering strong {
    display: inline-block;
    margin: 0 14px;
    line-height: 32px;
    color: #000;
    text-align: center;
    vertical-align: top
}

.paginationS .pageing .numbering a {
    display: inline-block;
    margin: 0 14px;
    line-height: 32px;
    color: #949494;
    text-align: center
}

.paginationS .pageing .numbering a:hover {
    display: inline-block;
    line-height: 32px;
    color: #000;
    text-align: center;
    vertical-align: top
}

.paginationS .pageing .numbering a:active,.paginationS .pageing .numbering a:focus {
    text-decoration: none
}

.paginationS .pageing .paging-item {
    display: inline-block;
    margin: 0 14px;
    line-height: 32px;
    color: #949494;
    text-align: center
}

.paginationS .pageing .paging-item a:hover {
    display: inline-block;
    line-height: 32px;
    color: #000;
    text-align: center;
    vertical-align: top
}

.paginationS .pageing .paging-item a:active,.paginationS .pageing .paging-item a:focus {
    text-decoration: none
}

.paginationS .pageing .prev {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 1.5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_pre_off.png") no-repeat;
    vertical-align: top
}

.paginationS .pageing .prev:hover {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 1.5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_pre_on.png") no-repeat;
    vertical-align: top
}

.paginationS .pageing .next {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 1.5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_next_off.png") no-repeat;
    vertical-align: top
}

.paginationS .pageing .next:hover {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 1.5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/btn_next_on.png") no-repeat;
    vertical-align: top
}

.paginationS .pageing .selected {
    display: inline-block;
    margin: 0 14px;
    line-height: 32px;
    color: #000;
    text-align: center;
    vertical-align: top
}

.illust_area {
    position: relative;
    z-index: 1000000000;
    width: 1200px;
    height: 910px;
    margin: 930px auto 0 auto
}

.illust_close {
    position: absolute;
    top: 13px;
    right: 125px
}

.illust_left {
    position: absolute;
    top: 400px;
    left: 20px
}

.illust_right {
    position: absolute;
    top: 400px;
    right: 20px
}

.illust_img {
    width: 1020px;
    height: 910px;
    margin: auto;
    line-height: 910px;
    text-align: center
}

.illust_img img {
    vertical-align: middle
}

.forum_comments {
    padding-bottom: 20px !important;
    background-color: #f2f2f2
}

.forum_comments .info {
    font-size: 21px;
    line-height: 38px
}

.hot_box {
    padding-bottom: 25px;
    margin-bottom: 40px;
    background-color: #7e6b5a;
    text-align: center
}

.hot_box h4 {
    font-size: 28px;
    font-weight: 500;
    line-height: 80px;
    color: #fff
}

.hot_box ul {
    font-size: 0
}

.hot_box ul li {
    display: inline-block;
    width: 380px;
    height: 220px;
    padding: 21px 34px 0;
    margin: 0 20px;
    background-color: #fff;
    box-sizing: border-box
}

.hot_box ul li .dday {
    width: 103px;
    height: 19px;
    margin: 0 auto;
    background-color: #e6e6e6;
    border-radius: 9px;
    font-size: 13px;
    line-height: 19px;
    color: #028dff
}

.hot_box ul li .dday:before {
    content: "ÅõÇ¥ Á¾·á ";
    color: #8a8684
}

.hot_box ul li .dday.end {
    color: red
}

.hot_box ul li .txt {
    display: table;
    width: 100%;
    height: 139px;
    table-layout: fixed
}

.hot_box ul li .txt>div {
    display: table-cell;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    vertical-align: middle
}

.hot_box ul li .txt>div a {
    color: #676767;
    word-break: break-all;
    overflow-wrap: break-word
}

.hot_box ul li .info .icon {
    position: relative;
    min-width: 80px;
    padding-left: 28px;
    margin: 0 8px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 23px;
    color: #676767
}

.hot_box ul li .info .icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/forum_icon.png") no-repeat 0 0
}

.hot_box ul li .info .icon.i1:before {
    background-position: 0 0
}

.hot_box ul li .info .icon.i2:before {
    background-position: -23px 0
}

.hot_box ul li .info .icon.i3:before {
    background-position: -46px 0
}

.forum_category ul {
    position: relative;
    margin-top: -10px;
    margin-bottom: 14px;
    font-size: 0
}

.forum_category ul li {
    display: inline-block;
    padding: 0 16px;
    border-left: 1px solid #787878;
    font-size: 13px;
    line-height: 16px
}

.forum_category ul li.on {
    font-weight: bold
}

.forum_category ul li:first-child {
    padding-left: 3px;
    border-left: none
}

.forum_category ul li a {
    color: #787878
}

.forum_category.big ul {
    margin-top: -2px;
    margin-bottom: 22px
}

.forum_category.big ul li {
    font-size: 16px
}

.forum_category.big ul li.on a {
    color: #c16151
}

.hide_expire {
    position: absolute;
    top: 10px;
    right: 130px;
    user-select: none
}

.hide_expire label {
    position: relative
}

.hide_expire label:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 8px;
    z-index: 1;
    display: block;
    width: 12px;
    height: 12px;
    background: #a0a0a0;
    border: 2px solid #fff;
    border-radius: 7px
}

.hide_expire label span {
    display: block;
    height: 28px;
    min-width: 80px;
    padding: 0 12px 0 30px;
    background: #c7c7c7;
    border-radius: 14px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    cursor: pointer
}

.hide_expire label span:before {
    content: "OFF ";
    display: inline-block;
    width: 35px;
    color: #666;
    vertical-align: top
}

.hide_expire input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -9999px
}

.hide_expire input[type=checkbox]:checked+label:before {
    background: #b3dd34
}

.hide_expire input[type=checkbox]:checked+label span {
    background: #b3b3b3
}

.hide_expire input[type=checkbox]:checked+label span:before {
    content: "ON ";
    font-weight: 600;
    color: #fff
}

.board_common01.forum li {
    padding-left: 116px
}

.board_common01.forum li .type {
    width: 116px
}

.board_common01.forum dl dt .vote_able {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-left: 4px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/forum_icon.png") no-repeat -69px 0;
    vertical-align: top
}

.board_common01.forum p.info_r span.view {
    margin-right: 8px;
    background-position-y: 4px;
    font-size: 15px;
    color: #c16151
}

.board_common01.forum p.info_r span.view .num {
    display: inline-block;
    min-width: 30px;
    color: #676767;
    text-align: right
}

.forum_vote_box {
    padding: 22px 31px 30px;
    margin-top: 30px;
    background: #f9f9f9;
    text-align: center
}

.forum_vote_box+.reply_wrap {
    padding-top: 0;
    margin-top: -30px
}

.forum_vote_box .fvb_title {
    font-size: 20px;
    line-height: 33px;
    color: #000
}

.forum_vote_box .fvb_txt {
    font-size: 15px;
    line-height: 23px;
    color: #aaa
}

.forum_vote_box .fvb_txt strong {
    color: #00a0e9
}

.forum_vote_box .fvb_box {
    padding-top: 15px;
    font-size: 0
}

.forum_vote_box .fvb_box li {
    display: inline-block;
    width: 77px;
    height: 77px;
    margin: 0 7px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/forum_vote_icon.png") no-repeat 0 0;
    vertical-align: top
}

.forum_vote_box .fvb_box li span {
    display: block;
    width: 100%;
    height: 100%
}

.forum_vote_box .fvb_box li.t1 {
    background-position-x: 0px
}

.forum_vote_box .fvb_box li.t2 {
    background-position-x: -77px
}

.forum_vote_box .fvb_box li.t3 {
    background-position-x: -154px
}

.forum_vote_box .fvb_box li.t4 {
    background-position-x: -231px
}

.forum_vote_box .fvb_box li.t5 {
    background-position-x: -308px
}

.forum_vote_box .fvb_box li:hover {
    background-position-y: bottom
}

.forum_vote_box .fvb_gauge {
    display: table;
    width: 100%;
    padding-top: 15px;
    table-layout: fixed
}

.forum_vote_box .fvb_gauge li {
    display: table-cell;
    height: 77px;
    min-width: 44px !important;
    text-align: center;
    vertical-align: top
}

.forum_vote_box .fvb_gauge li.g1 {
    background: #d24600 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/forum_vote_g1.png") no-repeat center 0
}

.forum_vote_box .fvb_gauge li.g2 {
    background: #f39800 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/forum_vote_g2.png") no-repeat center 0
}

.forum_vote_box .fvb_gauge li.g3 {
    background: #8fc31f url("/s2/game/mabinogi/mabiweb/homepage/images/sub/forum_vote_g3.png") no-repeat center 0
}

.forum_vote_box .fvb_gauge li.g4 {
    background: #00a0e9 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/forum_vote_g4.png") no-repeat center 0
}

.forum_vote_box .fvb_gauge li.g5 {
    background: #0068b7 url("/s2/game/mabinogi/mabiweb/homepage/images/sub/forum_vote_g5.png") no-repeat center 0
}

.forum_vote_box .fvb_gauge li span {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 36px;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 15px;
    color: #fff
}

.forum_vote_box .fvb_gauge li span small {
    font-size: 11px
}

.reply_list li .cont p.txt .reply_name {
    display: inline-block;
    margin-right: 8px;
    color: #1d87ff;
    vertical-align: top
}

.pop_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pop_wrap.main {
    z-index: 9999998
}

.pop_wrap .bg_opa,.pop_wrap .bg_opa2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999997;
    width: 100%;
    height: 100%;
    background: #000
}

.pop_wrap .bg_opa {
    opacity: .5
}

.pop_wrap .bg_opa2 {
    opacity: .8
}

.pop_wrap02 {
    position: relative;
    width: 1259px;
    padding: 50px 0 90px 41px;
    background: #f9ece4
}

.pop_main01 {
    position: relative;
    width: 540px;
    height: 701px;
    padding: 0 54px;
    margin: 289px auto 0 auto;
    background: #fff;
    border: 5px solid #da864f
}

.pop_main01 a.btn_close_pop {
    position: absolute;
    top: 20px;
    right: 20px
}

.pop_main01 .txt01 {
    padding: 64px 0 20px 0;
    text-align: center
}

.pop_main01 .txt02 {
    padding-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 15px;
    line-height: 25px;
    color: #a2a2a2;
    text-align: center
}

.pop_main01 .txt03 ul {
    padding: 24px 0 19px 66px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 15px;
    line-height: 22px;
    color: #a2a2a2
}

.pop_main01 .txt03 li {
    padding: 0 0 7px 13px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/blit_orange.png") no-repeat left 8px
}

.pop_main01 .img_box01 {
    padding: 27px 0 0 0;
    text-align: center
}

.pop_main01 .img_box01 a {
    margin: 0 5px
}

.pop_main01 .scr_wrap {
    padding: 30px 0 30px 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e9e9e9
}

.pop_main01 .scr_wrap .inner {
    float: left;
    width: 250px;
    margin: 0 3px
}

.pop_main01 .scr_wrap .inner p.stit {
    height: 27px
}

.pop_main01 .scr_wrap .inner .scr_box {
    height: 273px;
    border: 1px solid #e8e8e8;
    overflow-y: scroll
}

.pop_main01 .scr_wrap .box_l li a {
    display: block;
    height: 36px;
    padding: 0 0 0 19px;
    font-size: 13px;
    line-height: 36px;
    color: #949494;
    text-decoration: none
}

.pop_main01 .scr_wrap .box_l li a.on,.pop_main01 .scr_wrap .box_l li a:hover {
    background: #61544b url("/s2/game/mabinogi/mabiweb/homepage/images/main/pop_arr01.png") no-repeat 220px 15px;
    color: #fff
}

.pop_main01 .scr_wrap .box_r ul {
    padding: 9px 15px
}

.pop_main01 .scr_wrap .box_r li {
    padding: 0 0 7px 10px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/blit_orange.png") no-repeat left 11px;
    font-size: 13px;
    line-height: 25px;
    color: #949494
}

.pop_main01 .scr_wrap .box_r li a {
    color: #949494
}

.pop_main01 a.btn_select {
    display: inline-block;
    width: 119px;
    height: 43px;
    margin: 0 5px;
    background: #d27d2b;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_main01 a.btn_cancel {
    display: inline-block;
    width: 89px;
    height: 43px;
    margin: 0 5px;
    background: #989390;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_box.ty01 {
    position: relative;
    z-index: 1000000000;
    width: 600px;
    margin: 570px auto 0 auto
}

.pop_box.ty02 {
    position: relative;
    z-index: 1000000000;
    width: 480px;
    margin: 570px auto 0 auto
}

.pop_box .top_tit {
    position: relative;
    height: 45px;
    padding: 25px 0 0 30px;
    background: #8a8684
}

.pop_box .top_tit a.btn_close_pop {
    position: absolute;
    top: 23px;
    right: 23px
}

.pop_box .pop_cont {
    padding: 15px 30px 20px 30px;
    background: #fff
}

.pop_box .pop_cont02 {
    padding: 30px 50px 40px 50px;
    background: #fff
}

.pop_box .pop_sel_box01 dl {
    height: 35px;
    padding: 0 0 5px 0;
    font-size: 15px;
    line-height: 35px
}

.pop_box .pop_sel_box011 dl.line_ty02 {
    padding-top: 10px
}

.pop_box .pop_sel_box01 dt {
    float: left;
    width: 114px;
    padding: 0 0 0 9px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/blit_orange.gif") no-repeat left 16px
}

.pop_box .pop_sel_box01 dd {
    float: left;
    font-size: 13px;
    color: #949494
}

.pop_box .pop_sel_box01 dd input.inp_ty01 {
    width: 178px;
    height: 33px;
    padding-left: 20px;
    margin-right: 2px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px
}

.pop_box .pop_sel_box01 dd select.sel_ty01 {
    width: 120px;
    height: 35px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px
}

.pop_box .pop_sel_box01 p.number {
    height: 15px;
    font-size: 13px;
    color: #949494;
    text-align: right
}

.pop_box .pop_sel_box01 textarea {
    width: 508px;
    height: 148px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #e8e8e8
}

.pop_box .pop_sel_box01 a.btn_pop_send {
    display: inline-block;
    width: 134px;
    height: 43px;
    background: #d27d2b;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_box .chr_box p.txt01 {
    padding: 3px 0 23px 0;
    font-size: 13px;
    line-height: 25px;
    color: #949494;
    text-align: center
}

.pop_box .chr_box p.txt01 span {
    color: #c16151
}

.pop_box .chr_box p.txt02 {
    padding: 3px 0 14px 0;
    font-size: 13px;
    line-height: 25px;
    color: #949494;
    text-align: center
}

.pop_box .chr_box p.txt03 {
    padding-bottom: 30px;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    text-align: center
}

.pop_box .chr_box a.btn_ok_n {
    display: inline-block;
    width: 89px;
    height: 43px;
    margin: 0 5px;
    background: #d27d2b;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_box .chr_box a.btn_cancel_n {
    display: inline-block;
    width: 89px;
    height: 43px;
    margin: 0 5px;
    background: #989390;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_box .chr_box .name_box {
    height: 70px;
    margin-bottom: 12px;
    background: #f9f9f9;
    font-size: 18px;
    font-weight: 500;
    line-height: 70px;
    text-align: center
}

.pop_box .chr_box .name_box span {
    color: #c16151
}

.pop_box_l01 {
    float: left;
    width: 650px;
    height: 460px;
    margin-right: 32px;
    background: #fff
}

.pop_box_l01 p.stit_box {
    position: relative;
    height: 45px;
    padding: 25px 0 0 30px;
    background: #8a8684
}

.pop_box_l01 p.stit_box a.btn_close {
    position: absolute;
    top: 25px;
    right: 20px
}

.pop_box_l01 .inner_box {
    position: relative;
    width: 390px;
    padding: 35px 0 0 186px
}

.pop_box_l01 .inner_box p.img_avt {
    position: absolute;
    top: 35px;
    left: 30px
}

.pop_box_l01 .inner_box p.tit {
    height: 78px;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    color: #c16151
}

.pop_box_l01 .inner_box dl {
    height: 135px;
    padding: 25px 0 0 50px;
    margin-bottom: 15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_line.gif") no-repeat 143px 37px;
    border: 1px solid #e9e9e9
}

.pop_box_l01 .inner_box dl dt {
    float: left;
    width: 115px;
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
    color: #61544b
}

.pop_box_l01 .inner_box dl dd {
    float: left;
    width: 195px;
    font-size: 16px;
    line-height: 38px
}

.pop_box_l01 .inner_box dl dd img.icon {
    margin: 7px 0 0 0
}

.pop_box_l01 .inner_box a.btn_send {
    display: inline-block;
    width: 190px;
    height: 40px;
    margin-right: 10px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_box_l01 .inner_box a.btn_view {
    display: inline-block;
    width: 190px;
    height: 40px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_box_r01 {
    position: relative;
    float: left;
    width: 520px;
    height: 450px;
    background: #fff;
    border: 5px solid #da864f;
    text-align: center
}

.pop_box_r01 a.btn_close_pop {
    position: absolute;
    top: 20px;
    right: 20px
}

.pop_box_r01 p.img_txt01 {
    padding: 65px 0 30px 0
}

.pop_box_r01 a.btn_change_id {
    display: inline-block;
    width: 230px;
    height: 50px;
    background: #d27d2b;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_box_r01 p.btm_txt {
    padding: 20px 0 0 0;
    font-size: 12px
}

.pop_box_r01 span.inp_wrap {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px
}

.pop_box_r01 label {
    cursor: pointer
}

.pop_user_info {
    position: relative;
    z-index: 1000000000;
    width: 650px;
    padding-bottom: 30px;
    margin: 570px auto 0 auto;
    background: #fff
}

.pop_user_info p.stit_box {
    position: relative;
    height: 45px;
    padding: 25px 0 0 30px;
    background: #c16151
}

.pop_user_info p.stit_box a.btn_close {
    position: absolute;
    top: 25px;
    right: 20px
}

.pop_user_info .inner_box {
    position: relative;
    width: 404px;
    padding: 50px 0 0 193px
}

.pop_user_info .inner_box p.img_avt {
    position: absolute;
    top: 50px;
    left: 30px
}

.pop_user_info .inner_box p.tit {
    height: 78px;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    color: #c16151
}

.pop_user_info .inner_box dl {
    padding: 25px 0 33px 50px;
    margin-bottom: 15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/etc/bg_line.gif") no-repeat 143px 37px;
    border: 1px solid #e9e9e9
}

.pop_user_info .inner_box dt {
    float: left;
    width: 115px;
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
    color: #61544b
}

.pop_user_info .inner_box dd {
    float: left;
    width: 195px;
    font-size: 16px;
    line-height: 38px
}

.pop_user_info .inner_box dd img.icon {
    margin: 7px 0 0 0
}

.pop_user_info .inner_box dd.tx_last {
    padding: 6px 0 0 0;
    line-height: 25px
}

.pop_user_info .inner_box a.btn_send {
    display: inline-block;
    width: 190px;
    height: 40px;
    margin-right: 10px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_user_info .inner_box a.btn_view {
    display: inline-block;
    width: 190px;
    height: 40px;
    background: #989390;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_ingame {
    width: 570px;
    height: 630px
}

.pop_ingame .inner_box {
    height: 435px;
    padding: 110px 15px 0 15px;
    text-align: center
}

.pop_ingame .inner_box p.guild {
    padding-bottom: 15px;
    text-align: center
}

.pop_ingame .inner_box p.name {
    padding-bottom: 30px;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px
}

.pop_ingame .inner_box p.date {
    height: 46px;
    border: 5px solid #d0c8bb;
    font-size: 15px;
    font-weight: 500;
    line-height: 46px;
    color: #8a816f;
    text-align: center
}

.pop_ingame .inner_box p.txt01 {
    padding: 14px 0 39px 0;
    font-size: 15px;
    line-height: 24px;
    color: #949494
}

.pop_ingame .inner_box p.btm_btns {
    width: 324px;
    margin: 0 auto
}

.pop_ingame .inner_box p.btm_btns.ty02 {
    padding-top: 25px
}

.pop_ingame .inner_box p.btm_btns a.btn_ty01 {
    display: block;
    float: left;
    width: 152px;
    height: 36px;
    margin: 5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_btn_pop01.gif") no-repeat left top;
    font-size: 17px;
    font-weight: 500;
    line-height: 36px;
    color: #5e5542;
    text-align: center;
    text-decoration: none
}

.pop_ingame .inner_box p.btm_btns a.btn_ty02 {
    display: block;
    float: left;
    width: 314px;
    height: 36px;
    margin: 5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_btn_pop02.gif") no-repeat left top;
    font-size: 17px;
    font-weight: 500;
    line-height: 36px;
    color: #5e5542;
    text-align: center;
    text-decoration: none
}

.pop_ingame p.close_pop {
    height: 30px;
    padding: 8px 16px 0 0;
    background: #dcd8ce;
    text-align: right
}

.pop_pc_certifi {
    position: relative;
    z-index: 1000000000;
    width: 480px;
    padding-bottom: 40px;
    margin: 570px auto 0 auto;
    background: #fff
}

.pop_pc_certifi p.tit {
    position: relative;
    height: 47px;
    padding: 25px 0 0 30px;
    background: #8a8684
}

.pop_pc_certifi p.tit a.btn_close {
    position: absolute;
    top: 25px;
    right: 19px
}

.pop_pc_certifi p.btm_btns {
    text-align: center
}

.pop_pc_certifi p.btm_btns a.btn01 {
    display: inline-block;
    width: 117px;
    height: 43px;
    margin: 0 10px 0 0;
    background: #d27d2b;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_pc_certifi p.btm_btns a.btn02 {
    display: inline-block;
    width: 89px;
    height: 43px;
    margin: 0 5px;
    background: #989390;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_pc_certifi p.btm_btns a.btn03 {
    display: inline-block;
    width: 89px;
    height: 43px;
    margin: 0 10px 0 0;
    background: #d27d2b;
    font-size: 16px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.pop_pc_certifi .inner_box {
    padding: 30px 50px 0 50px
}

.pop_pc_certifi .inner_box p.txt01 {
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px
}

.pop_pc_certifi .inner_box p.txt02 {
    padding-bottom: 14px;
    font-size: 13px;
    line-height: 25px;
    color: #949494
}

.pop_pc_certifi .inner_box p.txt02 span {
    color: #c16151
}

.pop_pc_certifi .inner_box p.txt03 {
    padding-bottom: 30px;
    font-size: 13px;
    line-height: 13px;
    color: #949494;
    text-align: center
}

.pop_pc_certifi .inner_box p.txt04 {
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
    color: #c16151;
    text-align: center
}

.pop_pc_certifi .inner_box .box_gray {
    height: 53px;
    padding: 17px 0 0 0;
    margin-bottom: 11px;
    background: #f9f9f9;
    text-align: center
}

.pop_pc_certifi .inner_box .box_gray span {
    padding: 0 20px 0 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 35px
}

.pop_pc_certifi .inner_box .box_gray02 {
    height: 106px;
    padding: 20px 0 0 50px;
    margin-bottom: 30px;
    background: #f9f9f9;
    text-align: left
}

.pop_pc_certifi .inner_box .box_gray02 dl {
    height: 35px;
    padding-bottom: 7px;
    line-height: 35px
}

.pop_pc_certifi .inner_box .box_gray02 dl dt {
    float: left;
    width: 105px;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px
}

.pop_pc_certifi .inner_box .box_gray02 dl dd {
    float: left;
    font-size: 16px;
    font-weight: 500;
    color: #c16151
}

.pop_pc_certifi .inp_box {
    padding: 15px 0 20px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #e8e8e8;
    border-top: 2px solid #e8e8e8
}

.pop_pc_certifi .inp_box dl {
    height: 40px
}

.pop_pc_certifi .inp_box dl.last {
    height: 74px
}

.pop_pc_certifi .inp_box dl dt {
    float: left;
    width: 105px;
    padding: 0 0 0 40px;
    font-size: 15px;
    font-weight: 500;
    line-height: 33px
}

.pop_pc_certifi .inp_box dl dd {
    float: left;
    width: 235px
}

.pop_pc_certifi .inp_box dl dd span.id {
    padding: 0 20px 0 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 33px;
    color: #c16151
}

.pop_pc_certifi .inp_box dl dd p.inp_btm_txt {
    padding-top: 3px;
    font-size: 11px;
    line-height: 17px;
    color: #949494
}

.pop_pc_certifi p.blank {
    height: 10px;
    font-size: 0;
    line-height: 0
}

.pop_pc_certifi input.inp_ty01 {
    width: 190px;
    height: 33px;
    padding: 0 0 0 10px;
    border: 1px solid #e8e8e8
}

.pop_pc_certifi input.inp_ty02 {
    width: 163px;
    height: 33px;
    padding: 0 0 0 10px;
    border: 1px solid #e8e8e8
}

.header_wrap.main {
    height: 580px !important
}

.container_wrap.main {
    position: relative;
    z-index: 11;
    padding-bottom: 80px;
    background: none
}

.main_visual {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 580px;
    background-color: #000;
    overflow: hidden
}

.main_visual .control_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 44px;
    text-align: center
}

.main_visual .box {
    position: relative;
    width: 100%;
    height: 580px
}

.main_visual .box .bx-prev {
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 29px;
    margin: 0 1px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_l01_off.png") no-repeat;
    text-indent: -99999em
}

.main_visual .box .bx-prev:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_l01_on.png") no-repeat
}

.main_visual .box .bx-next {
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 29px;
    margin: 0 1px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_r01_off.png") no-repeat;
    text-indent: -99999em
}

.main_visual .box .bx-next:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_r01_on.png") no-repeat
}

.main_visual .box .cwrap.background--light .bx-prev {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_l01_off_black.png") no-repeat
}

.main_visual .box .cwrap.background--light .bx-prev:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_l01_on_black.png") no-repeat
}

.main_visual .box .cwrap.background--light .bx-next {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_r01_off_black.png") no-repeat
}

.main_visual .box .cwrap.background--light .bx-next:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_r01_on_black.png") no-repeat
}

.main_visual .box .cwrap.background--dark .bx-prev {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_l01_off.png") no-repeat
}

.main_visual .box .cwrap.background--dark .bx-prev:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_l01_on.png") no-repeat
}

.main_visual .box .cwrap.background--dark .bx-next {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_r01_off.png") no-repeat
}

.main_visual .box .cwrap.background--dark .bx-next:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/arr_r01_on.png") no-repeat
}

.main_visual .btns_lr_n {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top
}

.main_visual .pager_n {
    display: inline-block;
    padding-top: 9px;
    vertical-align: top
}

.main_visual .pager_n a {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 3.5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/vis_circle_off.png") no-repeat left top;
    color: #fff;
    text-indent: -99999em
}

.main_visual .pager_n a.active {
    width: 35px;
    height: 12px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/vis_circle_on.png") no-repeat left top;
    text-indent: -99999em
}

.main_visual .box .cwrap.background--light .pager_n a {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/vis_circle_off_black.png") no-repeat left top
}

.main_visual .box .cwrap.background--light .pager_n a.active {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/vis_circle_on_black.png") no-repeat left top
}

.main_visual .box .cwrap.background--dark .pager_n a {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/vis_circle_off.png") no-repeat left top
}

.main_visual .box .cwrap.background--dark .pager_n a.active {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/common/vis_circle_on.png") no-repeat left top
}

.main_visual li {
    height: 580px
}

.main_visual li div[class^=vis] {
    height: 580px
}

.main_visual li img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1980px;
    height: 580px;
    margin-left: -990px
}

.main_visual span.btn_open_bn_list {
    display: inline-block;
    padding-top: 7px
}

.main_visual span.btn_open_bn_list span {
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/vis_menu.png") no-repeat 0 0;
    vertical-align: top
}

.main_visual .box .cwrap.background--light span.btn_open_bn_list span {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/vis_menu_black.png") no-repeat 0 0
}

.main_visual .box .cwrap.background--dark span.btn_open_bn_list span {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/vis_menu.png") no-repeat 0 0
}

.main_cont_box01_wrap {
    height: 475px;
    background: #fff
}

.main_cont_box01_wrap .main_cont_box01 {
    position: relative;
    height: 475px;
    padding: 0 395px 0 420px;
    margin: 0 auto;
    background: #fff
}

@media only screen and (min-width: 1360px) {
    .main_cont_box01_wrap .main_cont_box01 {
        width:534px
    }
}

.main_cont_box02_wrap {
    position: relative;
    height: 451px;
    overflow: hidden;
    clear: both
}

.main_cont_box02_wrap .main_cont_box02 {
    padding: 60px 0 0 60px;
    margin: 0 auto
}

.main_cont_box02_wrap .main_cont_box02 p.txt01 {
    height: 68px;
    font-size: 0;
    text-indent: -9999px
}

.main_cont_box02_wrap .main_cont_box02 p.txt02 {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 25px;
    color: #cdc6c0
}

.main_cont_box02_wrap .main_cont_box02 a.btn_detail {
    display: block;
    width: 121px;
    height: 34px;
    padding: 0 0 0 33px;
    margin-bottom: 24px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/btn_arr01.png") no-repeat 119px 7px;
    border: 3px solid #eae7e5;
    font-size: 16px;
    line-height: 34px;
    color: #eae7e5;
    text-decoration: none
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box {
    width: 420px;
    padding-top: 190px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li {
    float: left;
    padding: 0 4px 5px 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 451px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_bg_new.jpg") no-repeat
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont .obj {
    position: absolute;
    top: 0;
    right: -30px;
    width: 820px;
    height: 451px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty01 {
    background-position: center 0px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty02 {
    background-position: center -451px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty03 {
    background-position: center -902px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty04 {
    background-position: center -1353px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty05 {
    background-position: center -1804px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty06 {
    background-position: center -2255px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty07 {
    background-position: center -2706px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty08 {
    background-position: center -3157px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty09 {
    background-position: center -3608px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty10 {
    background-position: center -4059px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty11 {
    background-position: center -4510px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty12 {
    background-position: center -4961px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty13 {
    background-position: center -5412px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty14 {
    background-position: center -5863px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty15 {
    background-position: center -6314px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty16 {
    background-position: center -6765px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty17 {
    background-position: center -7216px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty18 {
    background-position: center -7667px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty19 {
    background-position: center -8118px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty20 {
    background-position: center -8569px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty21 {
    background-position: center -9020px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty22 {
    background-position: center -9471px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty23 {
    background-position: center -9922px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty24 {
    background-position: center -10373px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty25 {
    background-position: center -10824px
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty26 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_bg26_3c2w64.jpg") no-repeat center 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty27 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_bg27_q6sw7q.jpg") no-repeat center 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty01 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt01.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty02 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt02.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty03 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt03.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty04 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt04.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty05 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt05.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty06 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt06.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty07 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt07.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty08 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt08.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty09 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt09.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty10 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt10.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty11 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt11.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty12 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt12.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty13 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt13.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty14 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt14.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty15 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt15.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty16 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt16.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty17 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt17.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty18 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt18.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty19 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt19.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty20 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt20.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty21 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt21.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty22 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt22.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty23 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt23.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty24 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt24.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty25 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt25.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty26 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt26_3c2w64.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty27 p.txt01 {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_txt27_q6sw7q.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty01 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj01.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty02 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj02.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty03 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj03.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty04 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj04.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty05 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj05.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty06 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj06.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty07 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj07.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty08 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj08.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty09 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj09.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty10 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj10.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty11 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj11.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty12 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj12.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty13 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj13.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty14 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj14.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty15 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj15.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty16 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj16.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty17 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj17.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty18 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj18.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty19 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj19.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty20 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj20.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty21 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj21.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty22 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj22.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty23 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj23.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty24 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj24.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty25 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj25.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty26 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj26_3c2w64.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li .skill_cont.ty27 .obj {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/banner_obj27_q6sw7q.png") no-repeat 0 0
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.btn {
    position: relative;
    z-index: 100000000;
    display: block;
    width: 42px;
    height: 42px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/btn_banner000_off_new.png") no-repeat
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.btn.on,.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.btn:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/btn_banner000_on_new.png") no-repeat
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill01 {
    background-position: left top !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill02 {
    background-position: -46px top !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill03 {
    background-position: -93px top !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill04 {
    background-position: -139px top !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill05 {
    background-position: -187px top !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill06 {
    background-position: -234px top !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill07 {
    background-position: -281px top !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill08 {
    background-position: -328px top !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill09 {
    background-position: left -47px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill10 {
    background-position: -46px -47px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill11 {
    background-position: -93px -47px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill12 {
    background-position: -139px -47px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill13 {
    background-position: -187px -47px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill14 {
    background-position: -234px -47px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill15 {
    background-position: -281px -47px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill16 {
    background-position: -328px -47px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill17 {
    background-position: left -94px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill18 {
    background-position: -46px -94px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill19 {
    background-position: -93px -94px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill20 {
    background-position: -139px -94px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill21 {
    background-position: -187px -94px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill22 {
    background-position: -234px -94px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill23 {
    background-position: -281px -94px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill24 {
    background-position: -328px -94px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill25 {
    background-position: left -141px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill26 {
    background-position: -46px -141px !important
}

.main_cont_box02_wrap .main_cont_box02 ul.skill_box li a.skill27 {
    background-position: -93px -141px !important
}

@media only screen and (min-width: 1360px) {
    .main_cont_box02_wrap .main_cont_box02 {
        width:1560px
    }
}

.main_cont_box03a_wrap {
    width: 1200px;
    height: 886px;
    padding: 23px 0 0 0;
    margin: 0 auto
}

.main_cont_box03_wrap {
    width: 1200px;
    height: 619px;
    padding: 33px 0 0 0;
    margin: 0 auto
}

p.ucc_tit {
    height: 31px;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    color: #614830
}

p.ucc_tit a.btn_more {
    float: right;
    padding-left: 15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/bg_plus.gif") no-repeat left 1px;
    font-size: 14px;
    line-height: 14px
}

.main_banner_l_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 420px;
    height: 475px;
    background: #fff;
    overflow: hidden
}

.main_banner_l_wrap .btn_more {
    position: absolute;
    top: 56px;
    right: 67px
}

.main_banner_l_wrap>h2 {
    text-align: center
}

.main_banner_l_wrap>p {
    padding: 10px 0;
    font-size: 13px;
    line-height: 18px;
    color: #767676;
    text-align: center
}

.main_banner_l_wrap .lb_slider {
    position: relative;
    width: 296px;
    height: 304px;
    padding-top: 20px;
    margin: 0 auto
}

.main_banner_l_wrap .lb_slider ul {
    width: 296px;
    height: 304px;
    font-size: 0
}

.main_banner_l_wrap .lb_slider ul li .s_view {
    position: relative;
    display: inline-block;
    width: 130px;
    height: 304px;
    margin: 0 8px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/lb_deco.png") no-repeat center 264px
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/lb_num.png") no-repeat 0 0;
    text-indent: -99999px
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r1 {
    background-position: 0 0
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r2 {
    background-position: -30px 0
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r3 {
    background-position: -60px 0
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r4 {
    background-position: -90px 0
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r5 {
    background-position: -120px 0
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r6 {
    background-position: -150px 0
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r7 {
    background-position: -180px 0
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r8 {
    background-position: -210px 0
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r9 {
    background-position: -240px 0
}

.main_banner_l_wrap .lb_slider ul li .s_view .rank.r10 {
    background-position: -270px 0
}

.main_banner_l_wrap .lb_slider ul li .s_view>img {
    display: block;
    width: 128px;
    height: 256px;
    border: 1px solid #c71320
}

.main_banner_l_wrap .lb_slider ul li .s_view .num {
    display: block;
    margin-top: 12px;
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: #6e6965;
    text-align: center
}

.main_banner_l_wrap .lb_slider .bx-prev {
    position: absolute;
    top: 110px;
    left: -50px;
    display: block;
    width: 39px;
    height: 39px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/arr_l_off2.png") no-repeat;
    text-indent: -99999em
}

.main_banner_l_wrap .lb_slider .bx-prev:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/arr_l_on2.png") no-repeat
}

.main_banner_l_wrap .lb_slider .bx-next {
    position: absolute;
    top: 110px;
    right: -50px;
    display: block;
    width: 39px;
    height: 39px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/arr_r_off2.png") no-repeat;
    text-indent: -99999em
}

.main_banner_l_wrap .lb_slider .bx-next:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/arr_r_on2.png") no-repeat
}

.main_banner_l_wrap .chart_wrap {
    width: 400px;
    margin-top: 20px
}

.main_banner_l_wrap .chart_wrap .chart_skip {
    width: 328px
}

.btn_go_archive {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    margin-left: -283px
}

.btn_go_archive span {
    position: absolute;
    top: 15px;
    left: 315px;
    font-size: 13px;
    color: #000
}

.main_notice {
    position: relative;
    padding: 34px 34px 0 22px
}

.main_notice dl {
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-bottom: 2px solid #eceae8
}

.main_notice dl dt {
    position: relative;
    height: 68px;
    padding: 0 80px 0 0;
    margin-bottom: 18px;
    overflow: hidden;
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
    color: #665a50
}

.main_notice dl dt a {
    color: #665a50
}

.main_notice dl dt span.date {
    position: absolute;
    right: 0;
    bottom: 4px;
    font-size: 15px;
    font-weight: normal;
    line-height: 15px
}

.main_notice dl dd {
    height: 90px;
    overflow: hidden;
    font-size: 15px;
    line-height: 22px
}

.main_notice ul {
    font-size: 17px;
    line-height: 35px
}

.main_notice ul li {
    height: 30px;
    padding-left: 13px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/blit_gray.gif") no-repeat left 13px;
    overflow: hidden
}

.main_notice a.btn_more {
    position: absolute;
    top: 0;
    right: 0
}

.main_notice p.tit {
    height: 38px
}

.main_notice.new {
    padding: 56px 0 0
}

.main_notice.new .title {
    height: 28px
}

.main_notice.new .title span {
    display: inline-block;
    vertical-align: top
}

.main_notice.new .title .btn_more {
    top: auto;
    right: auto;
    display: inline-block
}

.main_notice.new ul.list {
    margin-top: 21px;
    font-size: 15px;
    line-height: 40px;
    color: #767676
}

.main_notice.new ul.list li {
    position: relative;
    height: 40px;
    margin-bottom: 11px;
    background: none;
    border: 1px solid #eee;
    overflow: visible
}

.main_notice.new ul.list li:hover {
    border-color: #13b5b1
}

.main_notice.new ul.list li a {
    text-decoration: none
}

.main_notice.new ul.list li span {
    display: block;
    width: 100%;
    height: 100%;
    padding-right: 12px;
    padding-left: 72px;
    box-sizing: border-box;
    overflow: hidden
}

.main_notice.new ul.list li:before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    width: 70px;
    height: 42px;
    border-left: 4px solid #000;
    text-align: center
}

.main_notice.new ul.list li.type1:before {
    content: "°øÁö";
    border-color: #5f52a0;
    color: #5f52a0
}

.main_notice.new ul.list li.type2:before {
    content: "Á¡°Ë";
    border-color: gray;
    color: gray
}

.main_notice.new ul.list li.type3:before {
    content: "À̺¥Æ®";
    border-color: #0068b7;
    color: #0068b7
}

.main_notice.new ul.list li.type4:before {
    content: "¼¥";
    border-color: #eb6100;
    color: #eb6100
}

.main_notice.new ul.list li:first-child {
    height: 60px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 23px;
    line-height: 30px
}

.main_notice.new ul.list li:first-child a {
    display: table;
    width: 100%;
    height: 100%
}

.main_notice.new ul.list li:first-child a span {
    display: table-cell;
    vertical-align: middle
}

.main_notice.new ul.list li:first-child:before {
    height: 90px;
    border-left-width: 8px;
    font-size: 15px;
    line-height: 90px
}

.adv_item_box_wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 395px;
    height: 475px;
    background: #fff
}

.adv_item_box_wrap .time_box {
    position: relative;
    width: 289px;
    padding: 12px 6px 0 0
}

.adv_item_box_wrap .time_box img.txt {
    position: absolute;
    top: 19px;
    left: 32px
}

.adv_item_box_wrap .time_box span.time {
    display: inline-block;
    height: 52px;
    padding-right: 25px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/bg_clock.gif") no-repeat right top;
    font-size: 31px;
    font-weight: 500;
    line-height: 52px;
    color: #614830
}

.adv_item_box_wrap .menu_r {
    position: absolute;
    top: 39px;
    right: 0
}

.adv_item_box_wrap .menu_r li {
    margin-bottom: 9px
}

.adv_item_box_wrap .menu_r li img {
    display: block
}

.adv_item_box_wrap .new_banner {
    position: relative;
    width: 299px;
    height: 170px;
    padding: 10px 0 0 19px;
    margin-bottom: 14px;
    overflow: hidden
}

.adv_item_box_wrap .new_banner .bx-pager {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: right
}

.adv_item_box_wrap .new_banner .bx-pager>div {
    display: inline-block;
    font-size: 0
}

.adv_item_box_wrap .new_banner .bx-pager>div a {
    display: block;
    width: 13px;
    height: 13px;
    margin-left: 5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/bg_cir2_off.png") no-repeat left top;
    text-align: left;
    text-indent: -99999px
}

.adv_item_box_wrap .new_banner .bx-pager>div a.active {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/bg_cir2_on.png") no-repeat left top
}

.adv_item_box_wrap .new_note {
    position: relative;
    width: 299px;
    height: 131px;
    margin-bottom: 5px;
    margin-left: 19px;
    background: #4d4d4d
}

.adv_item_box_wrap .new_note .tit {
    position: relative;
    display: block;
    height: 40px;
    padding: 0 12px;
    background: #333;
    font-size: 20px;
    line-height: 40px;
    color: #d9d9d9
}

.adv_item_box_wrap .new_note .tit .btn_more {
    display: inline-block;
    width: 20px;
    height: 100%;
    margin-left: 4px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new_note_more.png") no-repeat center center;
    font-size: 0;
    letter-spacing: -99999px;
    vertical-align: top
}

.adv_item_box_wrap .new_note .tit .icon_new {
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
    height: 100%;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new_note_icon.png") no-repeat center center
}

.adv_item_box_wrap .new_note .tit .icon_new:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -3px;
    display: block;
    width: 49px;
    height: 49px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new_note_icon2.png") no-repeat center center;
    animation: icon-new 1s ease-in-out infinite
}

.adv_item_box_wrap .new_note .txt {
    color: #fff
}

.adv_item_box_wrap .new_note .name {
    color: #999
}

.adv_item_box_wrap .new_guide {
    position: relative;
    width: 299px;
    height: 131px;
    margin-left: 19px;
    background: #eb6100 url("/s2/game/mabinogi/mabiweb/homepage/images/main/new_guid_bg.png") no-repeat right bottom
}

.adv_item_box_wrap .new_guide .tit {
    position: relative;
    display: block;
    width: 192px;
    height: 40px;
    margin-left: 12px;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    line-height: 40px;
    color: #ffe747
}

.adv_item_box_wrap .new_guide .tit .btn_more {
    display: inline-block;
    width: 20px;
    height: 100%;
    margin-left: 4px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new_guide_more.png") no-repeat center center;
    font-size: 0;
    letter-spacing: -99999px;
    vertical-align: top
}

.adv_item_box_wrap .new_guide .tit .icon_new {
    position: absolute;
    top: 7px;
    right: -34px;
    width: 36px;
    height: 33px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new_guide_icon.png") no-repeat 0 0
}

.adv_item_box_wrap .new_guide .tit .icon_new:after {
    content: "";
    position: absolute;
    top: -9px;
    left: -9px;
    display: block;
    width: 55px;
    height: 53px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new_guide_icon2.png") no-repeat 0 0;
    animation: icon-new 1s ease-in-out infinite
}

.adv_item_box_wrap .new_guide .txt {
    color: #fff
}

.adv_item_box_wrap .new_guide .name {
    color: #ffb988
}

@keyframes icon-new {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.adv_item_box_wrap .new_link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.adv_item_box_wrap .new_link:hover .txt {
    text-decoration: underline
}

.adv_item_box_wrap .new_link .txt {
    position: relative;
    display: block;
    width: 250px;
    height: 36px;
    padding-top: 10px;
    padding-right: 12px;
    margin-left: 12px;
    overflow: hidden;
    font-size: 15px;
    line-height: 18px
}

.adv_item_box_wrap .new_link .txt.dot:after {
    content: "...";
    position: absolute;
    right: 10px;
    bottom: 0;
    display: block
}

.adv_item_box_wrap .new_link .txt>span {
    display: block
}

.adv_item_box_wrap .new_link .name {
    display: block;
    width: 180px;
    padding-top: 14px;
    margin-left: 12px;
    font-size: 13px
}

.adv_item_box_wrap .go_list {
    position: absolute;
    right: 0;
    bottom: 0
}

.adv_item_box_wrap .new_nbox {
    position: relative;
    width: 299px;
    height: 131px;
    margin-bottom: 5px;
    margin-left: 19px;
    background: #f5f5f5;
    border: 1px solid #eee;
    box-sizing: border-box
}

.adv_item_box_wrap .new_nbox .tit {
    position: relative;
    display: block;
    height: 40px;
    padding: 0 12px;
    background: #e6e6e6;
    border: 1px solid #e5e5e5;
    border-bottom-color: #d9d9d9;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 40px
}

.adv_item_box_wrap .new_nbox .tit .btn_more {
    display: inline-block;
    width: 20px;
    height: 100%;
    margin-left: 4px;
    font-size: 0;
    letter-spacing: -99999px;
    vertical-align: top
}

.adv_item_box_wrap .new_nbox .tit .icon_new {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new2_icon_new.png") no-repeat center center
}

.adv_item_box_wrap .new_nbox .tit .icon_new:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 38px;
    height: 38px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new2_icon_new2.png") no-repeat center center;
    animation: icon-new 1s ease-in-out infinite
}

.adv_item_box_wrap .new_nbox .name {
    color: #8c8c8c
}

.adv_item_box_wrap .new_nbox.note .tit {
    color: #0068b7
}

.adv_item_box_wrap .new_nbox.note .tit .btn_more {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new_note_more2.png") no-repeat center center
}

.adv_item_box_wrap .new_nbox.note .txt {
    color: #0068b7
}

.adv_item_box_wrap .new_nbox.guide .tit {
    color: #5f52a0
}

.adv_item_box_wrap .new_nbox.guide .tit .btn_more {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/new_guide_more2.png") no-repeat center center
}

.adv_item_box_wrap .new_nbox.guide .txt {
    color: #5f52a0
}

.adv_link_box {
    padding: 35px 0 0 25px
}

.adv_link_box li {
    position: relative;
    width: 300px;
    margin-bottom: 1px
}

.adv_link_box li:first-child {
    height: 207px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/adv_link_bg1.png") no-repeat 0 0
}

.adv_link_box li:first-child .adv_more {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/adv_link_bg1_more.png") no-repeat 0 0
}

.adv_link_box li:first-child+li {
    height: 197px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/adv_link_bg2.png") no-repeat 0 0
}

.adv_link_box li:first-child+li .adv_more {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/adv_link_bg2_more.png") no-repeat 0 0
}

.adv_link_box li a {
    text-decoration: none
}

.adv_link_box li a:hover p span {
    text-decoration: underline
}

.adv_link_box li h2 {
    padding: 20px 20px 0;
    line-height: 40px
}

.adv_link_box li h2 img {
    vertical-align: middle
}

.adv_link_box li p {
    padding: 0 158px 0 20px;
    font-size: 15px;
    line-height: 22px;
    color: #fff
}

.adv_link_box li p small {
    font-size: 13px;
    line-height: 38px;
    opacity: .5
}

.adv_link_box li a>div {
    width: 100%;
    height: 100%
}

.adv_link_box li .adv_more {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 111px;
    height: 66px
}

.adv_link_box li .adv_more span {
    display: block;
    width: 100%;
    height: 100%
}

.adv_item_box {
    position: relative;
    float: right;
    width: 295px;
    height: 232px;
    padding: 0;
    overflow: hidden
}

.adv_item_box p.tit {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    text-align: center
}

.adv_item_box .box {
    position: relative;
    display: none;
    width: 295px;
    height: 300px;
    margin-top: -54px
}

.adv_item_box .box.today {
    display: block
}

.adv_item_box .box>a {
    display: block;
    text-decoration: none
}

.adv_item_box .box img {
    width: 100%
}

.adv_item_box .box .rolling {
    margin: 0
}

.adv_item_box .box .rolling a {
    display: block;
    text-decoration: none
}

.adv_item_box .box .rolling strong {
    display: block;
    font-size: 17px;
    line-height: 23px;
    color: #fff
}

.adv_item_box .box .rolling .txt {
    display: block;
    width: 230px;
    line-height: 18px;
    color: #f4bfc2
}

.adv_item_box .box .bx-prev {
    position: absolute;
    top: 131px;
    left: 0;
    display: block;
    width: 39px;
    height: 39px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/arr_l_off.png") no-repeat;
    text-indent: -99999em
}

.adv_item_box .box .bx-prev:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/arr_l_on.png") no-repeat
}

.adv_item_box .box .bx-next {
    position: absolute;
    top: 131px;
    right: 0;
    display: block;
    width: 39px;
    height: 39px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/arr_r_off.png") no-repeat;
    text-indent: -99999em
}

.adv_item_box .box .bx-next:hover {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/arr_r_on.png") no-repeat
}

.adv_item_box .box .bx-pager {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center
}

.adv_item_box .box .bx-pager>div {
    display: inline-block
}

.adv_item_box .box .bx-pager>div a {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/bg_cir_off.png") no-repeat left top;
    text-indent: -99999em
}

.adv_item_box .box .bx-pager>div a.active {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/bg_cir_on.png") no-repeat left top
}

.adv_item_box li p {
    position: absolute;
    top: 216px;
    left: 0;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #756f6a;
    text-align: center
}

.adv_item_box li p span {
    font-weight: 500;
    color: #614830
}

.main_mid_menu_wrap {
    height: 90px;
    background: #514b46
}

.main_mid_menu_wrap .main_mid_menu {
    width: 1200px;
    height: 90px;
    margin: 0 auto
}

.main_mid_menu_wrap .main_mid_menu li {
    float: left
}

.main_mid_menu_wrap .main_mid_menu li a {
    display: block;
    width: 399px;
    height: 90px;
    border-left: 1px solid #66625f;
    text-align: center
}

.main_mid_menu_wrap .main_mid_menu li a span {
    display: inline-block;
    height: 90px;
    padding-right: 35px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/bg_btn01_180605.gif") no-repeat right 34px;
    font-size: 18px;
    font-weight: 500;
    line-height: 90px;
    color: #ebe8e6
}

.main_mid_menu_wrap .main_mid_menu li a span img.icon01 {
    margin: 18px 13px 0 0
}

.main_mid_menu_wrap .main_mid_menu li a span img.icon02 {
    margin: 23px 14px 0 0
}

.main_mid_menu_wrap .main_mid_menu li a span img.icon03,.main_mid_menu_wrap .main_mid_menu li a span img.icon04 {
    margin: 26px 15px 0 0
}

.main_mid_menu_wrap .main_mid_menu li.first a {
    width: 400px;
    border-left: none
}

.main_ucc {
    padding: 0 0 27px 0
}

.main_ucc li {
    float: left;
    padding-bottom: 30px;
    margin-right: 20px
}

.main_ucc li.last {
    margin-right: 0
}

.main_ucc li p.thum {
    position: relative;
    width: 283px;
    height: 248px;
    background: #000;
    border: 1px solid #ebe8e6;
    overflow: hidden;
    text-align: center
}

.main_ucc li p.thum img {
    height: 248px
}

.main_ucc li p.thum span.txt {
    position: absolute;
    bottom: 42px;
    left: 0;
    z-index: 10;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #ebe8e6
}

.main_ucc li p.thum span.txt02 {
    position: absolute;
    bottom: 17px;
    left: 0;
    z-index: 10;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: #ffd02e
}

.main_ucc li p.thum span.gradation {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 283px;
    height: 248px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/sub/bg_ucc01.png") no-repeat left top
}

.main_ucc li p.thum span.over {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 20;
    display: none;
    width: 281px;
    height: 246px;
    border: 2px solid #c16151
}

.main_ucc li p.thum.on span.over {
    display: block
}

.main_ucc li p.thum.on span.over a {
    display: block;
    width: 281px;
    height: 246px;
    padding: 0;
    margin: 0
}

.main_item_shop {
    position: relative;
    float: left;
    width: 620px;
    padding-left: 212px
}

.main_item_shop:after {
    content: "";
    position: absolute;
    top: 28px;
    right: -16px;
    display: block;
    width: 2px;
    height: 186px;
    background-color: #eceae8
}

.main_item_shop .img_box_l {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    text-align: center
}

.main_item_shop .img_box_l a.btn_go {
    display: inline-block;
    padding-right: 20px;
    margin-top: 8px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/bg_arr.png") no-repeat right top;
    font-size: 15px;
    line-height: 18px
}

.main_item_shop li {
    position: relative;
    float: left;
    width: 160px;
    padding-right: 47px;
    text-align: center
}

.main_item_shop li.last {
    padding-right: 0
}

.main_item_shop li p.icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 160px;
    text-align: center
}

.main_item_shop li p.thum {
    position: relative;
    width: 160px;
    height: 130px;
    padding: 34px 0 0 0;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/item00.png") no-repeat left 4px
}

.main_item_shop li p.thum img {
    width: 110px
}

.main_item_shop li .stit {
    display: table;
    width: 160px;
    height: 50px;
    font-size: 16px;
    line-height: 22px
}

.main_item_shop li .stit p {
    display: table-cell;
    vertical-align: middle
}

.main_item_shop li p.price {
    font-size: 18px;
    line-height: 18px;
    color: #88365f
}

.main_item_shop li img.line {
    position: absolute;
    top: 77px;
    right: -2px
}

.main_item_shop li.last img.line {
    display: none
}

.banner_list_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    padding: 20px 0;
    background: rgba(0,0,0,.8)
}

.banner_list_wrap .banner_list {
    position: relative;
    display: table;
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.banner_list_wrap .banner_list ul {
    display: table-cell;
    width: 805px;
    padding-left: 95px;
    font-size: 14px;
    line-height: 30px;
    color: #989898;
    vertical-align: middle
}

.banner_list_wrap .banner_list li {
    float: left;
    width: 187px;
    height: 30px;
    padding-left: 14px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/main/blit_gray02.png") no-repeat left 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.banner_list_wrap .banner_list li a {
    color: #989898
}

.banner_list_wrap .banner_list li a:hover {
    font-weight: 500;
    color: #fff
}

.banner_list_wrap .banner_list a.btn_close_bn_list {
    position: absolute;
    top: -20px;
    right: 165px
}

.main_band>div {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    transition: height .3s ease-in-out
}

.main_band>div:hover {
    height: 80px
}

.main_band>div span {
    display: block;
    width: 100%;
    height: 100%
}

.main_tv {
    margin-bottom: 44px
}

.main_tv li {
    float: left;
    width: 588px;
    height: 190px;
    border: 1px solid #ebe8e6;
    overflow: hidden
}

.main_tv li:first-child {
    margin-right: 20px
}

.main_tv li .tv_thumb {
    float: left;
    width: 359px;
    height: 190px
}

.main_tv li .tv_thumb a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.main_tv li .tv_thumb a img {
    width: 100%;
    height: auto;
    margin-top: -39px
}

.main_tv li .tv_box {
    position: relative;
    float: left;
    width: 189px;
    height: 190px;
    padding: 0 20px
}

.main_tv li .tv_box .pick {
    height: 56px
}

.main_tv li .tv_box .txt {
    padding-bottom: 16px;
    margin-bottom: 14px;
    border-bottom: 1px solid #ebe8e6;
    font-size: 16px;
    line-height: 24px;
    color: #676767
}

.main_tv li .tv_box .txt a {
    color: #676767
}

.main_tv li .tv_box .names {
    font-size: 13px;
    line-height: 20px
}

.main_tv li .tv_box .names img {
    vertical-align: top
}

.main_tv li .tv_box .btn_refresh {
    position: absolute;
    top: 10px;
    right: 8px
}

.main_tv li:hover {
    border-color: #c16151
}

.main_info_notice {
    position: absolute;
    top: 0;
    right: -60px
}

.rank_myinfo {
    padding-bottom: 10px;
    margin-top: 35px
}

.rank_myinfo span.title {
    position: relative;
    height: 60px;
    padding-top: 5px;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -1px;
    color: #3f3429
}

.rank_myinfo span.sub {
    position: relative;
    height: 60px;
    padding-left: 10px;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -1px;
    color: #676767;
    vertical-align: top
}

.rank_myinfo a.btn_character {
    float: right;
    width: 159px;
    height: 28px;
    background: #989390;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.rank_common01 .no_info {
    margin-bottom: 30px
}

.rank_common01 .my_area {
    margin-bottom: 30px;
    border-top: 1px solid #e8e8e8
}

.rank_common01 .my_area li {
    position: relative;
    display: table;
    height: 63px;
    border-bottom: 1px solid #e8e8e8;
    line-height: 63px
}

.rank_common01 .my_area li p {
    display: table-cell;
    float: left;
    height: 100%;
    font-size: 15px;
    color: #676767;
    vertical-align: middle
}

.rank_common01 .my_area li p.info_rank {
    width: 120px;
    font-weight: 500;
    text-align: center
}

.rank_common01 .my_area li p.info_name {
    width: 240px
}

.rank_common01 .my_area li p.info_name img {
    padding: 20px 0px 0 14px
}

.rank_common01 .my_area li p.info_dg1 {
    width: 257px;
    padding: 20px 0 8px 0
}

.rank_common01 .my_area li p.info_dg1 span {
    display: block;
    height: 25px;
    margin-bottom: 10px;
    line-height: 25px
}

.rank_common01 .my_area li p.info_dg2 {
    width: 198px;
    padding: 20px 0 8px 0
}

.rank_common01 .my_area li p.info_dg2 span {
    display: block;
    height: 25px;
    margin-bottom: 10px;
    line-height: 25px
}

.rank_common01 .my_area li p.info_dg3 {
    width: 325px;
    padding: 20px 0 8px 0
}

.rank_common01 .my_area li p.info_dg3 span {
    display: block;
    height: 25px;
    margin-bottom: 10px;
    line-height: 25px
}

.rank_common01 .my_area li p.info_dg3 .dg_gear {
    font-weight: 500
}

.rank_common01 .my_area li img.dg_t {
    padding-right: 6px
}

.rank_common01 .my_area li p.info_server {
    width: 52px;
    text-align: center
}

.rank_common01 .my_area li p.info_server img {
    padding-top: 22px
}

.rank_common01 .my_area li p.info_title {
    width: 280px
}

.rank_common01 .my_area li p.info_title img {
    padding: 20px 0px 0px 20px
}

.rank_common01 .my_area li p.info_level {
    width: 208px;
    font-weight: 500
}

.rank_common01 .my_area li p.info_level img {
    padding: 20px 0px 0px 0px
}

.rank_common01 .my_area li.myinfo {
    position: relative;
    width: 100%;
    height: 301px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/rank_myinfo_bg.jpg") no-repeat center
}

.rank_common01 .my_area li.myinfo .char_img {
    position: absolute;
    top: 22px;
    left: 41px;
    height: 256px
}

.rank_common01 .my_area li.myinfo .info1 {
    position: absolute;
    top: 61px;
    left: 204px;
    width: 660px;
    height: 70px
}

.rank_common01 .my_area li.myinfo .info1 .rank_num {
    display: inline-block;
    width: 80px;
    height: 70px;
    font-size: 15px;
    font-weight: 500;
    line-height: 70px;
    color: #211f1d;
    text-align: center
}

.rank_common01 .my_area li.myinfo .info1 .server_img {
    padding: 22px 0 0 10px
}

.rank_common01 .my_area li.myinfo .info1 .updonw_img {
    padding: 34px 0 0 4px
}

.rank_common01 .my_area li.myinfo .info1 .char_name {
    font-size: 18px;
    color: #fff
}

.rank_common01 .my_area li.myinfo .info1 .level_num {
    margin-left: 110px;
    font-size: 30px;
    font-weight: 500;
    color: #fff
}

.rank_common01 .my_area li.myinfo .info1 .level_text1 {
    margin-right: 10px;
    font-size: 16px;
    color: #fff
}

.rank_common01 .my_area li.myinfo .info1 .level_text2 {
    font-size: 13px;
    color: #f5b4a9
}

.rank_common01 .my_area li.myinfo .info1 .level_text3 {
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.rank_common01 .my_area li.myinfo .info1 .level_text4 {
    font-size: 16px;
    color: #f6b4aa
}

.rank_common01 .my_area li.myinfo .info1 .level_num_dg {
    margin-left: 0px;
    font-size: 30px;
    font-weight: 500;
    color: #fff
}

.rank_common01 .my_area li.myinfo .info1 .level_text1_dg {
    margin-left: 85px;
    font-size: 16px;
    color: #fff
}

.rank_common01 .my_area li.myinfo .info2 {
    position: absolute;
    top: 165px;
    left: 225px;
    width: 660px;
    height: 55px;
    line-height: 30px
}

.rank_common01 .my_area li.myinfo .info2 span {
    float: left
}

.rank_common01 .my_area li.myinfo .info2 span.title {
    display: inline-block;
    width: 70px;
    height: 30px;
    font-size: 16px;
    color: #ffce44
}

.rank_common01 .my_area li.myinfo .info2 span.text {
    display: inline-block;
    height: 30px;
    font-size: 16px;
    color: #fff
}

.rank_common01 .my_area li.myinfo .info2 .text1 {
    width: 320px
}

.rank_common01 .my_area li.myinfo .info2 .text2 {
    width: 185px
}

.rank_common01 .my_area li.myinfo .info2 .text3 {
    width: 550px
}

.rank_common01 .rank_list {
    padding-bottom: 25px;
    border-bottom: 1px solid #e8e8e8
}

.rank_common01 .rank_list .search_area {
    width: 900px;
    padding: 20px 0;
    margin-bottom: 10px;
    background-color: #66615d;
    text-align: center
}

.rank_common01 .rank_list .search_area select.sel_ty01 {
    width: 160px;
    height: 35px;
    padding-left: 20px;
    margin: 0 5px;
    border: 1px solid #e8e8e8;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 15px;
    color: #676767;
    vertical-align: top
}

.rank_common01 .rank_list .search_area input.inp_ty01 {
    width: 300px;
    height: 33px;
    padding: 0 0 0 10px;
    margin: 0 5px 0 1px;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 33px;
    vertical-align: top
}

.rank_common01 .rank_list .search_area a.btn_search {
    display: inline-block;
    width: 90px;
    height: 35px;
    background: #989390;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.rank_common01 .rank_list .search_area .search_text {
    color: #e8e8e8
}

.rank_common01 .rank_list .rank_area li {
    position: relative;
    display: table;
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
    line-height: 50px
}

.rank_common01 .rank_list .rank_area li p {
    display: table-cell;
    height: 100%;
    font-size: 13px;
    color: #676767;
    text-align: center;
    vertical-align: middle
}

.rank_common01 .rank_list .rank_area li.header {
    background-color: #66615d
}

.rank_common01 .rank_list .rank_area li.ranker {
    background-color: #f5f2f0
}

.rank_common01 .rank_list .rank_area li.select {
    background-color: #d1ccc7
}

.rank_common01 .rank_list .rank_area li.select p {
    font-weight: 500;
    color: #252525
}

.rank_common01 .rank_list .rank_area li p.rank {
    width: 200px
}

.rank_common01 .rank_list .rank_area li p.rank img {
    padding-top: 6px
}

.rank_common01 .rank_list .rank_area li p.char {
    width: 262px
}

.rank_common01 .rank_list .rank_area li p.server {
    width: 178px
}

.rank_common01 .rank_list .rank_area li p.server img {
    padding-top: 13px
}

.rank_common01 .rank_list .rank_area li p.title {
    width: 300px
}

.rank_common01 .rank_list .rank_area li p.level {
    width: 222px;
    font-weight: 500;
    color: #252525
}

.rank_common01 .rank_list .rank_area li p.norank {
    width: 900px
}

.rank_common01 .rank_list .rank_area li p.rank_dg {
    width: 112px
}

.rank_common01 .rank_list .rank_area li p.rank_dg img {
    padding-top: 6px
}

.rank_common01 .rank_list .rank_area li p.char_dg {
    width: 137px
}

.rank_common01 .rank_list .rank_area li p.server_dg {
    width: 100px
}

.rank_common01 .rank_list .rank_area li p.server_dg img {
    padding-top: 13px
}

.rank_common01 .rank_list .rank_area li p.title_dg {
    width: 140px;
    padding: 0 15px;
    line-height: 19px;
    vertical-align: middle
}

.rank_common01 .rank_list .rank_area li p.gear_dg {
    width: 148px;
    padding: 0 15px;
    line-height: 19px
}

.rank_common01 .rank_list .rank_area li p.kind_dg {
    width: 108px
}

.rank_common01 .rank_list .rank_area li p.damage_dg {
    width: 100px;
    font-weight: 500;
    color: #252525
}

.rank_common01 .rank_list .rank_area li p.detail_dg {
    width: 192px;
    line-height: 0px
}

.rank_common01 .rank_list .rank_area li p.thead {
    font-size: 14px;
    font-weight: normal;
    line-height: 50px;
    color: #fff
}

.rank_notice {
    margin-top: 30px
}

.rank_notice p {
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 500;
    color: #3f3429
}

.rank_notice ul li {
    font-size: 15px;
    line-height: 25px;
    color: #676767
}

.damage_monster .search_area {
    width: 100%;
    padding: 20px 0;
    background-color: #66615d;
    text-align: center
}

.damage_monster .search_area select.sel_ty01 {
    width: 160px;
    height: 35px;
    padding-left: 20px;
    margin: 0 5px;
    border: 1px solid #e8e8e8;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 15px;
    color: #676767;
    vertical-align: top
}

.damage_monster .making_area {
    position: relative
}

.damage_monster .making_area .making_info {
    width: 100%;
    height: 134px;
    margin-bottom: 30px;
    background-color: #f5f2f0;
    text-align: center
}

.damage_monster .making_area .making_info img {
    padding: 14px 0 22px 30px
}

.damage_monster .making_area .making_info .text2 {
    display: inline-block;
    width: 440px;
    padding-bottom: 10px;
    font-weight: 500;
    color: #66615d
}

.damage_monster .making_area .making_info .text3 {
    font-weight: 500;
    color: #c16151;
    text-align: center
}

.dg_detail em {
    float: left;
    margin: 5px 3px 0 0
}

.detail1 {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #75c98e;
    border-radius: 100px
}

.detail2 {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #6f75c4;
    border-radius: 100px
}

.detail3 {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #c04064;
    border-radius: 100px
}

.detail4 {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #e3a04a;
    border-radius: 100px
}

.detail5 {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #71c8d2;
    border-radius: 100px
}

.detail6 {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #976bc8;
    border-radius: 100px
}

.detail7 {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #ff899a;
    border-radius: 100px
}

.detail8 {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #1568b5;
    border-radius: 100px
}

.detail1_s {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #75c98e;
    border-radius: 100px
}

.detail2_s {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #6f75c4;
    border-radius: 100px
}

.detail3_s {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #c04064;
    border-radius: 100px
}

.detail4_s {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #e3a04a;
    border-radius: 100px
}

.detail5_s {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #71c8d2;
    border-radius: 100px
}

.detail6_s {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #976bc8;
    border-radius: 100px
}

.detail7_s {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #ff899a;
    border-radius: 100px
}

.detail8_s {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #1568b5;
    border-radius: 100px
}

.rank_bestinfo {
    padding-bottom: 10px;
    margin-top: 35px
}

.rank_bestinfo span.title {
    position: relative;
    height: 60px;
    padding-top: 5px;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -1px;
    color: #3f3429
}

.rank_bestinfo .best_area {
    position: relative;
    width: 100%;
    height: 480px;
    margin-top: 10px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/best_bg.jpg") no-repeat;
    overflow: hidden
}

.making_bg .best_area {
    width: 100%;
    height: 430px;
    margin-top: 10px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/best_bg.jpg") no-repeat;
    overflow: hidden
}

.rank_bestinfo .best_area .time_info {
    width: 650px;
    padding-top: 30px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 29px;
    text-align: center
}

.rank_bestinfo .best_area .time_info .text1 {
    font-weight: 500;
    color: #fff
}

.rank_bestinfo .best_area .time_info .text2 {
    color: #c1bcb7
}

.rank_bestinfo .best_area .time_info .text3 {
    color: #ffce44
}

.rank_bestinfo .best_area .member_info {
    width: 800px;
    padding: 10px 0 0 0;
    margin: 0 auto;
    text-align: center
}

.rank_bestinfo .best_area .member_info .mem {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 374px;
    margin: 0 10px
}

.rank_bestinfo .best_area .member_info .mem .best_rank {
    position: absolute;
    top: 0px;
    left: 4px;
    z-index: 100
}

.rank_bestinfo .best_area .member_info .mem .best_img {
    position: absolute;
    top: 4px;
    left: 0px;
    width: 140px;
    height: 280px;
    background: #fff;
    text-align: center
}

.rank_bestinfo .best_area .member_info .mem .best_damage {
    position: absolute;
    top: 299px;
    width: 100%;
    font-size: 17px;
    color: #ffce44;
    text-align: center
}

.rank_bestinfo .best_area .member_info .mem .best_mem {
    position: absolute;
    top: 323px;
    width: 100%;
    font-size: 17px;
    color: #fff;
    text-align: center
}

.rank_bestinfo .best_area .member_info .mem .best_detail {
    position: absolute;
    top: 324px;
    width: 100%;
    font-size: 17px;
    color: #ffce44;
    text-align: center
}

.rank_detail_pop {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    width: 580px;
    height: 476px;
    margin: -238px auto auto -290px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/detail_pop_bg.jpg") no-repeat center
}

.rank_detail_pop .close_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 36px;
    height: 36px
}

.rank_detail_pop .rank_pop {
    position: absolute;
    top: 94px;
    left: 302px;
    display: inline-block;
    width: 135px;
    font-size: 30px;
    font-weight: 500;
    color: #ffce44;
    text-align: center
}

.rank_detail_pop .char_pop {
    position: absolute;
    top: 140px;
    left: 282px;
    display: inline-block;
    width: 173px;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.rank_detail_pop .rank_table {
    position: absolute;
    top: 280px;
    left: 30px;
    border: 1px solid #afa9a3;
    border-collapse: collapse
}

.rank_detail_pop .rank_table th,.rank_detail_pop .rank_table td {
    height: 44px;
    border: 1px solid #afa9a3;
    font-size: 15px;
    font-weight: normal
}

.rank_detail_pop .rank_table th {
    background-color: #908a85;
    color: #fff
}

.rank_detail_pop .rank_table td {
    padding-left: 14px;
    background-color: #fff;
    color: #908a85
}

.rank_detail_pop .rank_table th.type1 {
    width: 80px
}

.rank_detail_pop .rank_table th.type2 {
    width: 104px
}

.rank_detail_pop .rank_table td.type1 {
    width: 125px
}

.rank_detail_pop .rank_table td.type2 {
    width: 178px
}

.rank_info_pop {
    position: absolute;
    top: 110px;
    z-index: 1000
}

.making_info_pop {
    position: absolute;
    top: 74px;
    z-index: 1000
}

.rank_sel_server {
    float: right;
    width: 160px;
    height: 35px;
    padding-left: 20px;
    margin-bottom: 14px;
    border: 1px solid #e8e8e8;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 15px;
    color: #676767;
    vertical-align: top
}

.rank_mybox {
    float: right;
    height: 39px;
    padding-right: 18px;
    margin-right: 5px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/rank_im_bg.png") no-repeat right 0
}

.rank_mybox .mybox {
    height: 35px;
    border: 2px solid #6d4fe4;
    border-right: none;
    font-size: 0;
    line-height: 35px
}

.rank_mybox .mybox .my_name {
    display: inline-block;
    height: 35px;
    padding: 0 20px;
    background-color: #6d4fe4;
    font-size: 20px;
    color: #fff;
    vertical-align: top
}

.rank_mybox .mybox .my_info {
    display: inline-block;
    height: 35px;
    padding: 0 14px 0 20px;
    font-size: 16px;
    font-weight: normal;
    line-height: 34px;
    color: #6d4fe4;
    vertical-align: top
}

#chart svg {
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif
}

#chart .c3-axis-x .tick {
    display: none
}

#chart .c3-bar.im {
    fill: #6d4fe4 !important
}

#chart .c3-bar._expanded_ {
    fill-opacity: 1 !important;
    fill: #ffd031 !important
}

#chart .c3-tooltip tr {
    border-color: #e8e8e8 !important
}

#chart .c3-tooltip th,#chart .c3-tooltip td {
    height: 30px;
    padding: 0 8px;
    color: #7d6136
}

#chart .c3-tooltip th {
    background-color: #ffd031;
    font-size: 14px;
    text-align: center
}

#chart .c3-tooltip td {
    border-color: #e8e8e8 !important;
    font-size: 12px
}

#chart .c3-tooltip td>span {
    display: none
}

.chart_wrap {
    position: relative
}

.chart_skip {
    position: absolute;
    top: 18px;
    left: 60px;
    display: none;
    width: 840px;
    height: 25px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/chart_skip.png") repeat-x 0 0
}

.damage_monster .monster_area {
    position: relative;
    height: 219px;
    margin-bottom: 30px;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif
}

.damage_monster .monster_area .m_box {
    float: left;
    width: 332px;
    height: 210px;
    padding: 9px 0 0 218px;
    background: #f5f2f0 url("/s2/game/mabinogi/mabiweb/homepage/images/rank/monster_title1.png") no-repeat 34px 85px
}

.damage_monster .monster_area .m_box .m_info {
    position: relative;
    width: 307px;
    height: 203px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/monster_info_bg.png") no-repeat 0 0
}

.damage_monster .monster_area .m_box .m_info .m_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden
}

.damage_monster .monster_area .m_box .m_info .m_name {
    position: absolute;
    top: 51px;
    left: 200px;
    display: table;
    width: 90px;
    height: 126px
}

.damage_monster .monster_area .m_box .m_info .m_name span {
    display: table-cell;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    text-align: center;
    vertical-align: middle
}

.damage_monster .monster_area .m_time {
    float: left;
    width: 350px;
    height: 140px;
    padding-top: 79px;
    background: #e1dbd7 url("/s2/game/mabinogi/mabiweb/homepage/images/rank/monster_title2.png") no-repeat center 40px;
    text-align: center
}

.damage_monster .monster_area .m_time span {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px
}

.damage_monster .monster_area .m_time span.caution {
    color: #c16151
}

.damage_monster .monster_area .m_btn_pop {
    position: absolute;
    top: 110px;
    left: 154px;
    width: 23px;
    height: 23px;
    cursor: pointer
}

.damage_monster .monster_area .m_pop {
    position: absolute;
    top: -172px;
    left: 0;
    display: none;
    width: 900px;
    height: 245px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/info_pop2.png") no-repeat 0 0
}

.dg_detail em {
    position: relative;
    font-size: 0;
    cursor: default
}

em[class^=detail].type1,em[class^=detail].type2 {
    position: relative
}

em[class^=detail].type1 span,em[class^=detail].type2 span {
    display: none !important
}

em[class^=detail].type1:hover span {
    position: absolute;
    top: 34px;
    left: -10px;
    z-index: 1;
    display: block !important;
    height: auto !important;
    min-width: 80px;
    padding: 0 8px;
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    color: #fff;
    text-align: center
}

em[class^=detail].type2:hover span {
    position: absolute;
    bottom: 28px;
    left: -10px;
    z-index: 1;
    display: block !important;
    height: auto !important;
    min-width: 80px;
    padding: 0 8px;
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    color: #fff;
    text-align: center
}

em[class^=detail].type2.big:hover span {
    bottom: 22px
}

em[class^=detail].type1:hover span:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 14px;
    display: block;
    border-bottom: 7px solid #000;
    border-left: 7px solid rgba(0,0,0,0);
    border-right: 7px solid rgba(0,0,0,0)
}

em[class^=detail].type2:hover span:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 14px;
    display: block;
    border-left: 7px solid rgba(0,0,0,0);
    border-right: 7px solid rgba(0,0,0,0);
    border-top: 7px solid #000
}

.detail1.type1 span,.detail1.type2 span {
    background: #75c98e
}

.detail1_s.type2 span {
    background: #75c98e
}

.detail2.type1 span,.detail2.type2 span {
    background: #6f75c4
}

.detail2_s.type2 span {
    background: #6f75c4
}

.detail3.type1 span,.detail3.type2 span {
    background: #c04064
}

.detail3_s.type2 span {
    background: #c04064
}

.detail4.type1 span,.detail4.type2 span {
    background: #e3a04a
}

.detail4_s.type2 span {
    background: #e3a04a
}

.detail5.type1 span,.detail5.type2 span {
    background: #71c8d2
}

.detail5_s.type2 span {
    background: #71c8d2
}

.detail6.type1 span,.detail6.type2 span {
    background: #976bc8
}

.detail6_s.type2 span {
    background: #976bc8
}

.detail7.type1 span,.detail7.type2 span {
    background: #ff899a
}

.detail7_s.type2 span {
    background: #ff899a
}

.detail8.type1 span,.detail8.type2 span {
    background: #1568b5
}

.detail8_s.type2 span {
    background: #1568b5
}

.detail1.type1 span:after {
    border-bottom-color: #75c98e !important
}

.detail2.type1 span:after {
    border-bottom-color: #6f75c4 !important
}

.detail3.type1 span:after {
    border-bottom-color: #c04064 !important
}

.detail4.type1 span:after {
    border-bottom-color: #e3a04a !important
}

.detail5.type1 span:after {
    border-bottom-color: #71c8d2 !important
}

.detail6.type1 span:after {
    border-bottom-color: #976bc8 !important
}

.detail7.type1 span:after {
    border-bottom-color: #ff899a !important
}

.detail8.type1 span:after {
    border-bottom-color: #1568b5 !important
}

.detail1.type2 span:after,.detail1_s.type2 span:after {
    border-top-color: #75c98e !important
}

.detail2.type2 span:after,.detail2_s.type2 span:after {
    border-top-color: #6f75c4 !important
}

.detail3.type2 span:after,.detail3_s.type2 span:after {
    border-top-color: #c04064 !important
}

.detail4.type2 span:after,.detail4_s.type2 span:after {
    border-top-color: #e3a04a !important
}

.detail5.type2 span:after,.detail5_s.type2 span:after {
    border-top-color: #71c8d2 !important
}

.detail6.type2 span:after,.detail6_s.type2 span:after {
    border-top-color: #976bc8 !important
}

.detail7.type2 span:after,.detail7_s.type2 span:after {
    border-top-color: #ff899a !important
}

.detail8.type2 span:after,.detail8_s.type2 span:after {
    border-top-color: #1568b5 !important
}

.best_area .bx-prev {
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/slider_btns.png") no-repeat 0 bottom;
    font-size: 0;
    text-indent: -99999px;
    cursor: pointer
}

.best_area .bx-next {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/rank/slider_btns.png") no-repeat 0 0;
    font-size: 0;
    text-indent: -99999px;
    cursor: pointer
}

.best_area .bx-prev:hover,.best_area .bx-next:hover {
    background-position-x: right
}

.best_area .bx-prev.disabled,.best_area .bx-next.disabled {
    display: none
}

.best_area .no_rank {
    display: table;
    width: 100%;
    height: 320px;
    text-align: center
}

.best_area .no_rank p {
    display: table-cell;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    vertical-align: middle
}

.best_area .no_rank p small {
    font-size: 15px;
    font-weight: normal;
    color: #916f86
}

.making_info .m_btn_pop {
    position: absolute;
    top: 20px;
    left: 555px;
    width: 23px;
    height: 23px;
    cursor: pointer
}

.mp_cover {
    position: relative;
    width: 285px;
    height: 250px
}

.mp_cover img {
    display: block;
    width: 100%;
    height: 100%
}

.mp_cover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/music/album_effect.png") no-repeat center center
}

#mpInfo {
    margin-bottom: 20px
}

#mpInfo .mpLbox {
    float: left;
    width: 305px;
    height: 250px
}

#mpInfo .mpRbox {
    float: left;
    width: 595px;
    min-height: 250px
}

#mpInfo .mpRbox h2 {
    margin-top: -6px;
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    color: #676767
}

#mpInfo .mpRbox p {
    margin-top: 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: #959595
}

#mpInfo .mpRbox ul {
    margin-top: 38px;
    font-size: 0
}

#mpInfo .mpRbox ul li {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px
}

#mpInfo .mpRbox ul li span {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/music/album_icon_sns.png") no-repeat 0 0;
    text-indent: -99999px
}

#mpInfo .mpRbox ul li span.mp_sns_nv {
    background-position-x: 0
}

#mpInfo .mpRbox ul li span.mp_sns_fb {
    background-position-x: -50px
}

#mpInfo .mpRbox ul li span.mp_sns_tw {
    background-position-x: -100px
}

#mpBox {
    position: relative
}

#mpBox .audiojs {
    position: relative;
    width: 900px;
    height: 105px;
    background: #3b3b3b;
    box-shadow: none
}

#mpBox .audiojs .play-pause {
    position: absolute;
    top: 30px;
    left: 50%;
    z-index: inherit;
    float: none;
    width: 45px;
    height: 45px;
    padding: 0;
    margin-left: -22.5px;
    border-right: none
}

#mpBox .audiojs p {
    width: 45px;
    height: 45px
}

#mpBox .audiojs .play {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/music/player_icons.png") no-repeat 0 bottom !important
}

#mpBox .audiojs .pause {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/music/player_icons.png") no-repeat 0 0 !important
}

#mpBox .audiojs .loading {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/music/player_icons.png") no-repeat 0 -45px !important
}

#mpBox .audiojs .error {
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/music/player_icons.png") no-repeat 0 -90px !important
}

#mpBox .audiojs .error-message {
    width: 880px;
    height: 18px;
    line-height: 18px
}

#mpBox .audiojs .scrubber {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    width: 100%;
    height: 10px;
    margin: 0;
    border: none
}

#mpBox .audiojs .loaded {
    height: 10px;
    background: #212121
}

#mpBox .audiojs .progress {
    height: 10px;
    background: #c16151
}

#mpBox .audiojs .time {
    position: absolute;
    top: 36px;
    left: 50%;
    float: none;
    padding: 0;
    margin: 0;
    margin-left: -186px;
    border: none;
    font-family: "Noto Sans CJK KR",Noto Sans KR,Dotum,Arial,sans-serif;
    font-size: 13px;
    color: #676767;
    text-shadow: none
}

#mpBox .audiojs .time em {
    padding-right: 4px;
    color: #828282
}

#mpBox .audiojs .time strong {
    padding-left: 4px
}

#mpBox .mp_btn_loop {
    position: absolute;
    top: 40px;
    left: 50%;
    z-index: 1;
    width: 37px;
    height: 26px;
    margin-left: 128px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/music/player_loop.png") no-repeat 0 0;
    border: none;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer
}

#mpBox .mp_btn_ctrl {
    position: absolute;
    top: 41px;
    left: 50%;
    z-index: 1;
    width: 19px;
    height: 22px;
    background: url("/s2/game/mabinogi/mabiweb/homepage/images/music/player_ctrl.png") no-repeat 0 0;
    border: none;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer
}

#mpBox .mp_btn_ctrl.mp_btn_prev {
    margin-left: -78px;
    background-position-x: 0
}

#mpBox .mp_btn_ctrl.mp_btn_next {
    margin-left: 60px;
    background-position-x: right
}

#mpBox .mp_btn_ctrl:hover {
    background-position-y: bottom
}

#mpBox.loop .mp_btn_loop {
    background-position-y: -26px
}

#mpBox.once .mp_btn_loop {
    background-position-y: bottom
}

#mpBox .mp_list {
    margin-top: 5px;
    border-bottom: 1px solid #e8e8e8
}

#mpBox .mp_list li {
    position: relative;
    height: 60px;
    padding: 0 20px 0 30px;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    font-size: 0;
    transition: background-color .3s ease-in-out
}

#mpBox .mp_list li:hover {
    background-color: #e8e8e8
}

#mpBox .mp_list li .mp_txt {
    display: inline-block;
    width: 770px;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    color: #676767;
    vertical-align: top;
    transition: color .3s ease-in-out
}

#mpBox .mp_list li .mp_txt img {
    padding-bottom: 2px;
    padding-left: 6px;
    vertical-align: middle
}

#mpBox .mp_list li .mp_icons {
    position: absolute;
    top: 18px;
    right: 20px;
    width: 80px;
    height: 24px;
    text-align: right
}

#mpBox .mp_list li .mp_info {
    display: inline-block;
    width: 24px;
    height: 24px;

    vertical-align: top;
    cursor: pointer
}

#mpBox .mp_list li .mp_info span {
    position: absolute;
    top: -18px;
    left: -800px;
    z-index: 1;
    width: 900px;
    height: 0;
    padding-right: 24px;
    padding-left: 24px;
    background-color: #d4425d;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    cursor: default;
    opacity: 0;
    transition: padding .5s,height .5s,opacity .5s
}

#mpBox .mp_list li .mp_info:hover span {
    height: auto;
    min-height: 68px;
    padding-top: 22px;
    padding-bottom: 22px;
    opacity: 1
}

#mpBox .mp_list li .mp_down {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 12px;

    vertical-align: top
}

#mpBox .mp_list li .mp_down:hover {
    background-position-y: bottom
}

#mpBox .mp_list li.playing {
    background-color: #3b3b3b
}

#mpBox .mp_list li.playing .mp_txt {
    color: #fff
}

#mpBox .mp_list li.playing:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    background-color: #fff;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    opacity: .1
}

#mpBox .audiojs.playing+.mp_list li.playing:before {
    animation: mp_visualizer 2.4s infinite ease-in-out
}

@keyframes mp_visualizer {
    0% {
        height: 0%;
        opacity: .1
    }

    10% {
        height: 20%;
        opacity: .15
    }

    20% {
        height: 7%;
        opacity: .1
    }

    30% {
        height: 10%;
        opacity: .15
    }

    40% {
        height: 2%;
        opacity: .1
    }

    50% {
        height: 16%;
        opacity: .25
    }

    60% {
        height: 8%;
        opacity: .1
    }

    70% {
        height: 20%;
        opacity: .15
    }

    80% {
        height: 12%;
        opacity: .1
    }

    90% {
        height: 16%;
        opacity: .15
    }

    100% {
        height: 0%;
        opacity: .1
    }
}

.ab_list {
    font-size: 0
}

.ab_list li {
    display: inline-block;
    width: 285px;
    height: 330px;
    margin-right: 22px;
    margin-bottom: 28px;
    text-align: center;
    vertical-align: top
}

.ab_list li:nth-child(3n) {
    margin-right: 0
}

.ab_list li .mp_cover {
    cursor: pointer
}

.ab_list li .mp_cover:after {
    border: 1px solid #ebe8e6;
    box-sizing: border-box
}



.ab_list li .mp_cover:hover:after {
    border: 3px solid #c16151
}

.ab_list li .ab_title {
    max-height: 46px;
    padding: 10px 20px 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: #676767
}

.ab_list li .ab_state {
    margin-top: 8px;
    font-size: 13px;
    line-height: 14px;
    color: #949494
}

.ab_list li .ab_state span {
    display: inline-block;
    padding-left: 18px;
    margin: 0 5px;
    vertical-align: top
}