@charset 'euc-kr';
@import url("update.css");

/* common */
body {
    background-color: #fff;
    font-size: 11px;
    color: #494949;
    font-family: "Dotum,Verdana, Geneva, Arial, Helvetica, sans-serif";
    line-height: 140%;
    margin: 0;
    padding: 0px;

    scrollbar-face-color: #403e39;
    scrollbar-shadow-color: #5b5247;
    scrollbar-highlight-color: #817565;
    scrollbar-3dlight-color: #101010;
    scrollbar-darkshadow-color: #070707;
    scrollbar-track-color: #282a27;
    scrollbar-arrow-color: #a09978;
    scrollbar-base-color: #d4d0c8;
}

td {
    font-family: "Dotum";
    font-size: 11px;
    color: #494949;
    line-height: 15px;
}
img {
    border: none;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}
.bg_bottom img {
    vertical-align: bottom;
}
form {
    margin: 0;
    padding: 0;
}
input {
    vertical-align: middle;
}

a:link {
    color: #494949;
    text-decoration: none;
}
a:visited {
    color: #494949;
    text-decoration: none;
}
a:hover {
    color: #494949;
    text-decoration: underline;
}
a:active {
    color: #494949;
    text-decoration: none;
}
ol,
ul,
dl,
li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
p {
    margin-top: 0px;
    margin-bottom: 0px;
}
.font {
    line-height: 160%;
}
.blind {
    position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.txt_lft {
    text-align: left;
}

/* navigation */
#mainNavigation {
    min-width: 990px;
    height: 343px;
    overflow-x: hidden;
}
#mainNavigation #naviOverflow {
    width: 100%;
    text-align: center;
}
#mainNavigation #naviPosition {
    position: relative;
    width: 990px;
    margin: 0 auto;
}
#mainNavigation #naviPosition object {
    position: absolute;
    left: -203px;
    top: 0;
}
.sub_wrp {
    position: relative;
    min-width: 980px;
    background: url("/SUN/WWW/IMG/Main/bg_visual.jpg") no-repeat center top;
}
#subNavigation {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 980px;
    height: 822px;
    margin-left: -490px;
    z-index: 0;
}
#subNavigation #naviOverflow {
    width: 100%;
    text-align: center;
}
#subNavigation #naviPosition {
    position: relative;
    width: 995px;
    margin: 0 auto;
}
#subNavigation #naviPosition object {
    position: absolute;
    left: -149px;
    top: 0;
}

#subNavigation .lnb_wrp {
    position: relative;
    width: 980px;
    margin: auto;
}
#subNavigation .lnb_wrp .lnb_nav {
    position: absolute;
    left: 200px;
    top: 77px;
    height: 70px;
}
#subNavigation .lnb_wrp .lnb_nav li {
    float: left;
    position: relative;
    margin-left: 28px;
    height: 40px;
}
#subNavigation .lnb_wrp .lnb_nav li .main {
    display: block;
    height: 30px;
}

#subNavigation .lnb_wrp .lnb_nav li.menu01 .main {
    width: 96px;
    background: url("/SUN/WWW/IMG/Main/m_menu01.png") no-repeat 0px 0px;
    margin-left: 0px;
}
#subNavigation .lnb_wrp .lnb_nav li.menu02 .main {
    width: 51px;
    background: url("/SUN/WWW/IMG/Main/m_menu02.png") no-repeat 0px 0px;
}
#subNavigation .lnb_wrp .lnb_nav li.menu03 .main {
    width: 70px;
    background: url("/SUN/WWW/IMG/Main/m_menu03.png") no-repeat 0px 0px;
}
#subNavigation .lnb_wrp .lnb_nav li.menu04 .main {
    width: 54px;
    background: url("/SUN/WWW/IMG/Main/m_menu04.png") no-repeat 0px 0px;
}
#subNavigation .lnb_wrp .lnb_nav li.menu05 .main {
    width: 71px;
    background: url("/SUN/WWW/IMG/Main/m_menu05.png") no-repeat 0px 0px;
}
#subNavigation .lnb_wrp .lnb_nav li.menu06 .main {
    width: 70px;
    background: url("/SUN/WWW/IMG/Main/m_menu06.png") no-repeat 0px 0px;
}
#subNavigation .lnb_wrp .lnb_nav li.menu07 .main {
    width: 70px;
    background: url("/SUN/WWW/IMG/Main/m_menu07.png") no-repeat 0px 0px;
}
#subNavigation .lnb_wrp .lnb_nav li.on .main {
    background-position: 0px -31px;
}
#subNavigation .lnb_wrp .lnb_nav li.select .main {
    background-position: 0px -31px;
}
#subNavigation .lnb_wrp .lnb_nav li.select.on .main {
    background-position: 0px -31px;
}
#subNavigation .lnb_wrp .lnb_nav li.select.off .main {
    background-position: 0px 0px;
}

#subNavigation .lnb_wrp .lnb_nav li .lnb_sub {
    clear: both;
    display: none;
    float: left;
    position: absolute;
    width: 980px;
    top: 30px;
    height: 28px;
}
#subNavigation .lnb_wrp .lnb_nav li .list01 {
    left: 0px;
}
#subNavigation .lnb_wrp .lnb_nav li .list02 {
    left: 0px;
}
#subNavigation .lnb_wrp .lnb_nav li .list03 {
    left: -200px;
}
#subNavigation .lnb_wrp .lnb_nav li .list04 {
    left: -120px;
}
#subNavigation .lnb_wrp .lnb_nav li .list05 {
    left: -200px;
}
#subNavigation .lnb_wrp .lnb_nav li .list06 {
    left: -300px;
}
#subNavigation .lnb_wrp .lnb_nav li .list06.sun {
    left: -580px;
}
#subNavigation .lnb_wrp .lnb_nav li .list07 {
    right: 0;
    left: auto;
}
#subNavigation .lnb_wrp .lnb_nav li.select .list01 {
    display: block;
}
#subNavigation .lnb_wrp .lnb_nav li.select .list02 {
    display: block;
}
#subNavigation .lnb_wrp .lnb_nav li.select .list03 {
    display: block;
}
#subNavigation .lnb_wrp .lnb_nav li.select .list04 {
    display: block;
}
#subNavigation .lnb_wrp .lnb_nav li.select .list05 {
    display: block;
}
#subNavigation .lnb_wrp .lnb_nav li.select .list06 {
    display: block;
}
#subNavigation .lnb_wrp .lnb_nav li .lnb_sub span.bg_left {
    display: block;
    width: 10px;
    height: 28px;
    float: left;
    background: url("/SUN/WWW/IMG/Main/bg_sub_left.png") 0px 0px no-repeat;
}
#subNavigation .lnb_wrp .lnb_nav li .lnb_sub span.bg_right {
    display: block;
    width: 10px;
    height: 28px;
    float: left;
    background: url("/SUN/WWW/IMG/Main/bg_sub_right.png") 0px 0px no-repeat;
}
#subNavigation .lnb_wrp .lnb_nav li .lnb_sub a {
    display: block;
    float: left;
    height: 12px;
    background-color: #1c1d1b;
    color: #8d7a74;
    padding: 8px 5px;
}

#sub_main_tb {
    position: absolute;
    top: 218px;
    left: 50%;
    margin-left: -490px;
}
.sub_main_conts {
    position: relative;
    width: 980px;
    margin: auto;
}
/*input*/
.search_bx {
    width: 505px;
    height: 68px;
    background: url("/SUN/WWW/IMG/Customer/FAQ/search_visual.jpg") no-repeat;
    padding-top: 46px;
    padding-left: 120px;
}

/* starter */
#WebStarter {
    position: relative;
    width: 180px;
    height: 131px;
    margin-bottom: 20px;
    margin-right: 10px;
    z-index: 100;
}
#WebStarter .btn_starter a {
    display: block;
}
#WebStarter .btn_starter .game_start {
    height: 70px;
    background: url("/SUN/WWW/IMG/Main/btn_sub_gstart.jpg") 0px 0px no-repeat;
}
#WebStarter .btn_starter .test_server_start {
    height: 29px;
    background: url("/SUN/WWW/IMG/Main/btn_sub_srvstart.jpg") 0px 0px no-repeat;
}
#WebStarter .btn_starter .client_down {
    height: 32px;
    background: url("/SUN/WWW/IMG/Main/btn_sub_client.jpg") 0px 0px no-repeat;
}
#WebStarter .btn_starter .game_start:hover {
    background: url("/SUN/WWW/IMG/Main/btn_sub_gstart_over.jpg") 0px 0px no-repeat;
}
#WebStarter .btn_starter .test_server_start:hover {
    background: url("/SUN/WWW/IMG/Main/btn_sub_srvstart_over.jpg") 0px 0px no-repeat;
}
#WebStarter .btn_starter .client_down:hover {
    background: url("/SUN/WWW/IMG/Main/btn_sub_client_over.jpg") 0px 0px no-repeat;
}

/*login*/
.login_bx {
    width: 180px;
    margin-right: 10px;
    margin-bottom: 12px;
}
/* start page */
#gameStart {
    padding: 0 0 7px 0;
}
#gameStart .start_header {
    height: 403px;
    margin: 0;
    padding: 0;
    background: url("/SUN/WWW/IMG/Common/GameStart/start_img_header.jpg") center top no-repeat;
    text-align: center;
}
#gameStart .start_header h1 {
    display: none;
}
#gameStart .start_header .header_box {
    position: relative;
    width: 677px;
    margin: 0 auto;
}
#gameStart .start_header .header_box a {
    position: absolute;
    left: 230px;
    top: 22px;
    display: block;
    width: 214px;
    height: 143px;
    text-indent: -5000px;
    overflow: hidden;
}
#gameStart .start_body {
    height: 264px;
    margin: 0;
    padding: 0;
    background: url("/SUN/WWW/IMG/Common/GameStart/start_img_body.jpg") center top no-repeat;
    text-align: center;
}
#gameStart .start_body h3 {
    display: none;
}
#gameStart .start_body .body_box {
    position: relative;
    width: 677px;
    margin: 0 auto;
}
#gameStart .start_body .inven {
    position: absolute;
    left: 158px;
    top: 119px;
    display: block;
    width: 175px;
    height: 35px;
    text-indent: -5000px;
    overflow: hidden;
}
#gameStart .start_body .event {
    position: absolute;
    left: 345px;
    top: 119px;
    display: block;
    width: 175px;
    height: 35px;
    text-indent: -5000px;
    overflow: hidden;
}
#gameStart .start_body .main {
    position: absolute;
    left: 233px;
    top: 200px;
    display: block;
    width: 212px;
    height: 32px;
    text-indent: -5000px;
    overflow: hidden;
}
#gameStart .txt_none {
    display: none;
}

/* gate page */
.body_gate {
    background-color: #000;
}
#gameGate {
    padding: 0 0 7px 0;
}
#gameGate .gate_header {
    height: 404px;
    margin: 0;
    padding: 0;
    background: url("/SUN/WWW/IMG/GATE/gate_img_header.jpg") center top no-repeat;
    text-align: center;
}
#gameGate .gate_header h1 {
    display: none;
}
#gameGate .gate_header .header_box {
    position: relative;
    width: 345px;
    margin: 0 auto;
}
#gameGate .gate_header .header_box a {
    position: absolute;
    left: 66px;
    top: 12px;
    display: block;
    width: 214px;
    height: 143px;
    text-indent: -5000px;
    overflow: hidden;
}
#gameGate .gate_body {
    height: 229px;
    margin: 0;
    padding: 0;
    background: url("/SUN/WWW/IMG/GATE/gate_img_body.jpg") center top no-repeat;
    text-align: center;
}
#gameGate .gate_body .body_box {
    position: relative;
    width: 345px;
    margin: 0 auto;
}
#gameGate .gate_body .test {
    position: absolute;
    left: 9px;
    top: 9px;
    display: block;
    width: 328px;
    height: 36px;
    text-indent: -5000px;
    overflow: hidden;
}
#gameGate .gate_body .main {
    position: absolute;
    left: 10px;
    top: 176px;
    display: block;
    width: 163px;
    height: 34px;
    text-indent: -5000px;
    overflow: hidden;
}
#gameGate .gate_body .join {
    position: absolute;
    left: 174px;
    top: 176px;
    display: block;
    width: 163px;
    height: 34px;
    text-indent: -5000px;
    overflow: hidden;
}

#gateLogin {
    position: absolute;
    left: 10px;
    top: 51px;
    width: 327px;
}
#gateLogin .pointer {
    cursor: pointer;
}
#gateLogin .login_tab {
    float: left;
    margin: 0;
    padding: 0;
}
#gateLogin .login_tab li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#gateLogin .login_tab li img {
    vertical-align: top;
}
#gateLogin .frminput {
    clear: both;
    float: left;
    display: inline;
    margin: 11px 0 0 23px;
}
#gateLogin .frminput dl {
    clear: both;
    float: left;
    width: 180px;
    margin: 0;
    padding: 0;
}
#gateLogin .frminput dl dt {
    float: left;
    margin: 0;
    padding: 4px 5px 0 0;
}
#gateLogin .frminput dl dd {
    float: left;
    margin: 0;
    padding: 0;
}
#gateLogin .frminput dl dd input {
    width: 140px;
    height: 22px;
    margin: 0 0 1px 0;
    border: 1px solid #3b372c;
    background-color: #aeaa9c;
    font-size: 12px;
    line-height: 18px;
}
#gateLogin .frmsubmit {
    float: left;
    padding: 12px 0 0 0;
}
#gateLogin .otherbtn {
    clear: both;
    padding: 4px 0 0 56px;
    text-align: left;
}
#gateLogin .otherbtn img {
    margin: 0 7px 0 0;
    vertical-align: middle;
}

#gateDefault {
    position: relative;
    width: 327px;
    height: 119px;
    background: url("/SUN/WWW/IMG/GATE/gate_logindefault.gif") no-repeat;
    overflow: hidden;
}
#gateDefault img {
    margin-bottom: 10px;
    cursor: pointer;
}
#gateDefault .sunloginbtn {
    float: left;
    padding: 35px 0 0 26px;
}
#gateDefault .hanloginbtn {
    float: right;
    padding: 35px 26px 0 0;
}
#gateHangame {
    position: relative;
    width: 327px;
    height: 118px;
    background: url("/SUN/WWW/IMG/GATE/hanlogin_back.gif") 0 20px no-repeat;
}
#gateHangame .securitybtn {
    position: absolute;
    bottom: 12px;
    right: 70px;
}
#gateHangame .securitybtn img {
    vertical-align: middle;
}
#gateHangame .securitybtn input {
    width: 14px;
    height: 14px;
    margin: 0 0 2px 28px;
    vertical-align: middle;
}
#gateSunonline {
    position: relative;
    width: 327px;
    height: 118px;
    background: url("/SUN/WWW/IMG/GATE/sunlogin_back.gif") 0 20px no-repeat;
}

#gameGate .txt_none {
    display: none;
}

/*footer*/
#footer_wrp {
    clear: both;
    font-size: 12px;
    font-family: "����", "Gulim", "����", "dotum";
    line-height: 1.5;
}
#footer_wrp .footer_box {
    clear: both;
    width: 980px;
    margin: 0 auto;
}
#footer_wrp .footer_box .dev {
    float: left;
    width: 42px;
    height: 36px;
    margin: 40px 0 0 0;
    background: url("/SUN/WWW/IMG/Main/ico_webzen.gif") no-repeat;
}
#footer_wrp.sun_nhn .footer_box {
    padding-bottom: 40px;
}
#footer_wrp.sun_nhn .footer_box:after {
    content: "";
    display: table;
    clear: both;
}
#footer_wrp.sun_nhn .footer_box .publishing {
    float: left;
    width: 88px;
    height: 21px;
    margin: 40px 26px 0 24px;
    background: url("/SUN/WWW/IMG/Main/ico_nhn.png") no-repeat;
}
#footer_wrp.sun_neowiz .footer_box .publishing {
    float: left;
    width: 128px;
    height: 36px;
    margin: 40px 20px 0 9px;
    background: url("/SUN/WWW/IMG/Main/ico_neowiz.jpg") no-repeat;
}

#footer_wrp .footer_box .foot_conts {
    position: relative;
    float: right;
    width: 750px;
    padding-top: 40px;
}
#footer_wrp .footer_box div ul {
    padding-bottom: 15px;
    overflow: hidden;
}
#footer_wrp .footer_box div ul li {
    float: left;
    padding-right: 10px;
}
#footer_wrp .footer_box div ul li a {
    color: #999;
    font-weight: normal;
}
#footer_wrp .footer_box div ul li a.point {
    color: #fff;
}
#footer_wrp .footer_box div ul li .line {
    color: #666;
}
#footer_wrp .footer_box div ul .player_level a {
    text-align: center;
    text-decoration: underline;
}
#footer_wrp .footer_box .foot_conts .player_level_info {
    overflow: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: 145px;
    width: 700px;
    height: 127px;
    text-indent: -1000px;
    background: url("/SUN/WWW/IMG/Main/player_level_cont.gif") no-repeat;
}
#footer_wrp .footer_box .classification {
    clear: both;
    padding-bottom: 3px;
    padding-top: 10px;
    color: #666;
    font-size: 11px;
    line-height: 18px;
}
#footer_wrp .footer_box .classification a {
    text-decoration: underline;
    color: #666;
}
#footer_wrp .footer_box small {
    font: normal 11px/1.2 Dotum, Arial, Helvetica;
    color: #666;
}
#footer_wrp .footer_box small strong {
    color: #d23a3a;
    font-weight: normal;
}

/* background color */
.body_color {
    background-color: #282824;
}
.bg_color1 {
    background-color: #4f3b18;
}
.bg_color2 {
    background-color: #4f2118;
}
.bg_color3 {
    background-color: #173b47;
}

/* background image */
.body_back {
    background: url("/SUN/WWW/IMG/Template/paturn.jpg") repeat;
}
.Smenu_back {
    background: url("/SUN/WWW/IMG/Template/left_back.jpg") repeat-y;
}
.con_back {
    display: table;
    width: 790px;
    background: url("/SUN/WWW/IMG/Template/con_bg.jpg") repeat-y;
}
.con_back .bg_frame_top {
    margin-bottom: -10px;
}
.story_bg {
    background: url("/SUN/WWW/IMG/Template/story_bg.gif") repeat-y;
}
.story_top {
    background: url("/SUN/WWW/IMG/Template/story_top.gif") no-repeat;
}
.story_top1 {
    background: url("/SUN/WWW/IMG/Template/gameguide_map_conbg.jpg") no-repeat;
}
.story_bottom {
    background: url("/SUN/WWW/IMG/Template/story_bottom.gif") no-repeat;
}
.right_bg {
    background: url("/SUN/WWW/IMG/Template/right_bg.gif") repeat-y;
}
.footer_bg {
    background: url("/SUN/WWW/IMG/SiteInfo/footer_img_bg.gif") repeat-x;
}
.dot_repeat {
    background: url("/SUN/WWW/IMG/Template/dot.gif") repeat-y;
}

/* select box */
.select_link {
    font-size: 11px;
    font-family: dotum;
    color: #9d9d9d;
    background-color: #282f37;
    width: 103px;
}

/* space */
.con_space {
    padding: 0 20px 30px 20px;
}
.con_space1 {
    padding: 111px 18px 10px 16px;
}
.con_space_ceti {
    padding: 0 0px 30px 0px;
}
.con_space strong.point {
    color: #ffcf87;
}
/* align */
.Align_Img {
    margin: 0 0 2px 0;
    vertical-align: middle;
}
.Align_LeFt {
    float: left;
}

/* text color */
.fff474 {
    font-size: 11px;
    font-family: dotum;
    color: #fff474;
}
.ffd94f {
    font-size: 11px;
    font-family: dotum;
    color: #ffd94f;
}
.cac7c3 {
    font-size: 11px;
    font-family: dotum;
    color: #cac7c3;
}
.f2e5ad {
    font-size: 11px;
    font-family: dotum;
    color: #f2e5ad;
}
.ffcf87 {
    font-size: 11px;
    font-family: dotum;
    color: #ffcf87;
}
.d1ba77 {
    font-size: 11px;
    font-family: dotum;
    color: #d1ba77;
}
.ffea9a {
    font-size: 11px;
    font-family: dotum;
    color: #ffea9a;
}
.e7dfc0 {
    font-size: 11px;
    font-family: dotum;
    color: #e7dfc0;
}
.e7dfc0em {
    font-size: 11px;
    font-family: dotum;
    color: #e7dfc0;
    letter-spacing: -0.1em;
}
.ccdb9d {
    font-size: 11px;
    font-family: dotum;
    color: #ccdb9d;
}
.d7e560 {
    font: 11px/13px dotum;
    color: #d7e560;
}
.d7e560em {
    font-size: 11px;
    font-family: dotum;
    color: #d7e560;
    letter-spacing: -0.1em;
}
.ffde00 {
    font-size: 11px;
    font-family: dotum;
    color: #ffde00;
}
.ffde00em {
    font-size: 11px;
    font-family: dotum;
    color: #ffde00;
    letter-spacing: -0.1em;
}
.d2b80a {
    font-size: 11px;
    font-family: dotum;
    color: #d2b80a;
}
.605a46 {
    font-size: 11px;
    font-family: dotum;
    color: #605a46;
}
.c3aa4c {
    font-size: 11px;
    font-family: dotum;
    color: #c3aa4c;
}
.d0c28b {
    font-size: 11px;
    font-family: dotum;
    color: #d0c28b;
}
.b1a89b {
    font-size: 11px;
    font-family: dotum;
    color: #b1a89b;
}

.white {
    font-size: 11px;
    font-family: dotum;
    color: #fff;
}
.white a:link {
    color: #fff;
    text-decoration: none;
}
.white a:visited {
    color: #fff;
    text-decoration: none;
}
.white a:hover {
    color: #fff;
    text-decoration: underline;
}
.white a:active {
    color: #fff;
    text-decoration: none;
}

.whiteem {
    font-size: 11px;
    font-family: dotum;
    color: #fff;
    letter-spacing: -0.1em;
}

.whiteB {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #fff;
}
.whiteB a:link {
    color: #fff;
    text-decoration: none;
}
.whiteB a:visited {
    color: #fff;
    text-decoration: none;
}
.whiteB a:hover {
    color: #fff;
    text-decoration: underline;
}
.whiteB a:active {
    color: #fff;
    text-decoration: none;
}

.whiteBem {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.1em;
}

.gray {
    font-size: 11px;
    line-height: 140%;
    font-family: dotum;
    color: #ddd;
}
.gray a:link {
    color: #ddd;
    text-decoration: none;
}
.gray a:visited {
    color: #ddd;
    text-decoration: none;
}
.gray a:hover {
    color: #ddd;
    text-decoration: underline;
}
.gray a:active {
    color: #ddd;
    text-decoration: none;
}

.red {
    font-size: 11px;
    line-height: 140%;
    font-family: dotum;
    color: #65111b;
}
.red a:link {
    color: #65111b;
    text-decoration: none;
}
.red a:visited {
    color: #65111b;
    text-decoration: none;
}
.red a:hover {
    color: #65111b;
    text-decoration: underline;
}
.red a:active {
    color: #65111b;
    text-decoration: none;
}
.redB {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #65111b;
}

a.yellowB:link {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffefaa;
    text-decoration: none;
}
a.yellowB:visited {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffefaa;
    text-decoration: none;
}
a.yellowB:hover {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffefaa;
    text-decoration: underline;
}
a.yellowB:active {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffefaa;
    text-decoration: none;
}

.orange {
    font-size: 11px;
    font-family: dotum;
    color: #ffc200;
}
.orangeB {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffc200;
}

.comment {
    font-family: Arial;
    font-size: 10px;
    color: #c3b966;
    letter-spacing: 0.1em;
}
.comment a:link {
    font-family: Arial;
    font-size: 10px;
    color: #c3b966;
    text-decoration: none;
}
.comment a:visited {
    font-family: Arial;
    font-size: 10px;
    color: #c3b966;
    text-decoration: none;
}
.comment a:hover {
    font-family: Arial;
    font-size: 10px;
    color: #c3b966;
    text-decoration: underline;
}
.comment a:active {
    font-family: Arial;
    font-size: 10px;
    color: #c3b966;
    text-decoration: none;
}

.history {
    font-size: 11px;
    font-family: dotum;
    color: #323232;
}
.history a:link {
    color: #323232;
    text-decoration: none;
}
.history a:visited {
    color: #323232;
    text-decoration: none;
}
.history a:hover {
    color: #323232;
    text-decoration: underline;
}
.history a:active {
    color: #323232;
    text-decoration: none;
}
.history_space {
    padding: 0 10px 7px 0;
}

.spot_notice {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #cccc33;
    padding: 3px 0 0 5px;
}

.keyword {
    font-size: 11px;
    font-family: dotum;
    color: #cccc33;
}
.keyword a:link {
    color: #cccc33;
    text-decoration: none;
}
.keyword a:visited {
    color: #cccc33;
    text-decoration: none;
}
.keyword a:hover {
    color: #cccc33;
    text-decoration: underline;
}
.keyword a:active {
    color: #cccc33;
    text-decoration: none;
}

.notice {
    font-size: 11px;
    line-height: 160%;
    font-family: dotum;
    color: #ddd;
}
.notice a:link {
    color: #ddd;
    text-decoration: none;
}
.notice a:visited {
    color: #ddd;
    text-decoration: none;
}
.notice a:hover {
    color: #ddd;
    text-decoration: underline;
}
.notice a:active {
    color: #ddd;
    text-decoration: none;
}
.notice_space {
    padding: 13 0 11 0;
}

.ffd16d {
    font-size: 11px;
    line-height: 160%;
    font-family: dotum;
    color: #ffd16d;
}
.ffd16d a:link {
    color: #ffd16d;
    text-decoration: none;
}
.ffd16d a:visited {
    color: #ffd16d;
    text-decoration: none;
}
.ffd16d a:hover {
    color: #ffd16d;
    text-decoration: underline;
}
.ffd16d a:active {
    color: #ffd16d;
    text-decoration: none;
}

.dfc668S {
    font-size: 11px;
    font-family: dotum;
    color: #dfc668;
}
.dfc668 {
    font-size: 11px;
    font-weight: bold;
    font-family: dotum;
    color: #dfc668;
}
.dfc668 a:link {
    color: #dfc668;
    font-weight: bold;
    text-decoration: none;
}
.dfc668 a:visited {
    color: #dfc668;
    font-weight: bold;
    text-decoration: none;
}
.dfc668 a:hover {
    color: #dfc668;
    font-weight: bold;
    text-decoration: underline;
}
.dfc668 a:active {
    color: #dfc668;
    font-weight: bold;
    text-decoration: none;
}

.login {
    font-family: dotum;
    font-size: 11px;
    color: #fff6bd;
    font-weight: bold;
    text-align: left;
}
.login a:link {
    font-family: dotum;
    font-size: 11px;
    color: #fff6bd;
    font-weight: bold;
    text-decoration: none;
}
.login a:visited {
    font-family: dotum;
    font-size: 11px;
    color: #fff6bd;
    font-weight: bold;
    text-decoration: none;
}
.login a:hover {
    font-family: dotum;
    font-size: 11px;
    color: #fff6bd;
    font-weight: bold;
    text-decoration: underline;
}
.login a:active {
    font-family: dotum;
    font-size: 11px;
    color: #fff6bd;
    font-weight: bold;
    text-decoration: none;
}

.faq {
    font-family: dotum;
    font-size: 11px;
    color: #b7b1a6;
}
.faq a:link {
    font-family: dotum;
    font-size: 11px;
    color: #b7b1a6;
    text-decoration: none;
}
.faq a:visited {
    font-family: dotum;
    font-size: 11px;
    color: #b7b1a6;
    text-decoration: none;
}
.faq a:hover {
    font-family: dotum;
    font-size: 11px;
    color: #b7b1a6;
    text-decoration: underline;
}
.faq a:active {
    font-family: dotum;
    font-size: 11px;
    color: #b7b1a6;
    text-decoration: none;
}

.poll {
    font-family: dotum;
    font-size: 11px;
    color: #ffeecc;
}
.poll a:link {
    font-family: dotum;
    font-size: 11px;
    color: #ffeecc;
    text-decoration: none;
}
.poll a:visited {
    font-family: dotum;
    font-size: 11px;
    color: #ffeecc;
    text-decoration: none;
}
.poll a:hover {
    font-family: dotum;
    font-size: 11px;
    color: #ffeecc;
    text-decoration: underline;
}
.poll a:active {
    font-family: dotum;
    font-size: 11px;
    color: #ffeecc;
    text-decoration: none;
}

/* s:110127 */
.notice1 {
    font: bold 11px dotum;
    color: #770000;
}
.notice1 a:link {
    font: bold 11px dotum;
    color: #770000;
    text-decoration: none;
}
.notice1 a:visited {
    font: bold 11px dotum;
    color: #770000;
    text-decoration: none;
}
.notice1 a:hover {
    font: bold 11px dotum;
    color: #770000;
    text-decoration: underline;
}
.notice1 a:active {
    font: bold 11px dotum;
    color: #770000;
    text-decoration: none;
}

.notice2 {
    font: bold 11px dotum;
}
.notice2 a:link {
    font: bold 11px dotum;
    text-decoration: none;
}
.notice2 a:visited {
    font: bold 11px dotum;
    text-decoration: none;
}
.notice2 a:hover {
    font: bold 11px dotum;
    text-decoration: underline;
}
.notice2 a:active {
    font: bold 11px dotum;
    text-decoration: none;
}

.notice3 {
    font: bold 11px dotum;
    color: #31510e;
}
.notice3 a:link {
    font: bold 11px dotum;
    color: #31510e;
    text-decoration: none;
}
.notice3 a:visited {
    font: bold 11px dotum;
    color: #31510e;
    text-decoration: none;
}
.notice3 a:hover {
    font: bold 11px dotum;
    color: #31510e;
    text-decoration: underline;
}
.notice3 a:active {
    font: bold 11px dotum;
    color: #31510e;
    text-decoration: none;
}

.notice4 {
    font-weight: bold;
}
/* e:110127 */

.bold {
    font-weight: bold;
}
.Uline {
    text-decoration: underline;
}
.color01 {
    color: #773000;
}

.16px {
    font-size: 16px;
}

.TTTT {
    font: bold 11px dotum;
    color: #ded6b1;
}

/* space */
.server_space {
    padding: 2px 0 0 9px;
}
.paging_spaceT {
    padding-top: 2px;
}
.top_2px {
    padding-top: 2px;
}
.top_3px {
    padding-top: 3px;
}
.top_4px {
    padding-top: 4px;
}
.left_3px {
    padding-left: 3px;
}
.checkbox_space {
    padding: 0 4px 3px 0;
}
/*align*/
.al_center {
    text-align: center;
}

/* text size */
.txt_size {
    font-size: 11px;
    font-weight: bold;
}
.txt_size1 {
    font-size: 16px;
    font-weight: bold;
}
.txt_size1B {
    font-size: 16px;
    font-weight: bold;
}
.txt_size2 {
    font-size: 12px;
    line-height: 140%;
}
.txt_size2B {
    font-size: 12px;
    line-height: 140%;
    font-weight: bold;
}
.txt_size2BB {
    font-size: 12px;
    font-weight: bold;
}
.txt_size3 {
    font-size: 14px;
    font-family: dotum;
    font-weight: bold;
}
.txt_size4 {
    font-size: 10px;
    font-weight: bold;
}

/* board */
.board_title {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #333;
    padding-top: 2;
}
.board_bg1 {
    background: url("/SUN/WWW/IMG/Community/ThemeBoard/boardT_box1.gif") left no-repeat;
}
.board_bg2 {
    background: url("/SUN/WWW/IMG/Community/ThemeBoard/boardT_box2.gif") right no-repeat;
}
.board_bg3 {
    background: url("/SUN/WWW/IMG/Community/ThemeBoard/boardT_box3.gif") repeat-x;
}

.list_spaceT {
    padding-top: 4px;
}
.list_spaceL {
    padding-left: 7px;
}
.list_notice {
    padding-top: 4px;
    background: url("/SUN/WWW/IMG/Community/ThemeBoard/board_notice.gif") repeat-x;
}
.notice_icon img {
    margin: -2px 0 0 0;
}

.list_color1 {
    font-size: 11px;
    font-family: dotum;
    line-height: 140%;
    color: #333;
}
.list_color1B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #333;
}

.list_color2 {
    font-size: 11px;
    font-family: dotum;
    color: #ffffbc;
}
.list_color2B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffffbc;
}

.list_color3 {
    font-size: 11px;
    font-family: dotum;
    color: #ddd;
}
.list_color3 a:link {
    color: #ddd;
    text-decoration: none;
}
.list_color3 a:visited {
    color: #ddd;
    text-decoration: none;
}
.list_color3 a:hover {
    color: #ddd;
    text-decoration: underline;
}
.list_color3 a:active {
    color: #ddd;
    text-decoration: none;
}
.list_color3B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ddd;
}

.list_color4 {
    font-size: 11px;
    font-family: dotum;
    color: #ffcc66;
}
.list_color4 a:link {
    color: #ffcc66;
    text-decoration: none;
}
.list_color4 a:visited {
    color: #ffcc66;
    text-decoration: none;
}
.list_color4 a:hover {
    color: #ffcc66;
    text-decoration: underline;
}
.list_color4 a:active {
    color: #ffcc66;
    text-decoration: none;
}

.list_color5 {
    font-size: 11px;
    font-family: dotum;
    color: #000;
}
.list_color6 {
    font-size: 11px;
    font-family: dotum;
    color: #5d0000;
}
.list_color7 {
    font-size: 11px;
    font-family: dotum;
    color: #442900;
}

.list_color8 {
    font-size: 11px;
    font-family: dotum;
    color: #222222;
}
.list_color8B {
    font: bold;
    color: #222222;
}

.list_color9 {
    font-size: 11px;
    font-family: dotum;
    color: #aaa;
}
.list_color9B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #aaa;
}

.list_color10 {
    font-size: 11px;
    font-family: dotum;
    color: #ffda76;
}
.list_color10 a:link {
    color: #ffda76;
    text-decoration: none;
}
.list_color10 a:visited {
    color: #ffda76;
    text-decoration: none;
}
.list_color10 a:hover {
    color: #ffda76;
    text-decoration: underline;
}
.list_color10 a:active {
    color: #ffda76;
    text-decoration: none;
}
.list_color10B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffda76;
}
.list_color10B a:link {
    font-weight: bold;
    color: #ffda76;
    text-decoration: none;
}
.list_color10B a:visited {
    font-weight: bold;
    color: #ffda76;
    text-decoration: none;
}
.list_color10B a:hover {
    font-weight: bold;
    color: #ffda76;
    text-decoration: underline;
}
.list_color10B a:active {
    font-weight: bold;
    color: #ffda76;
    text-decoration: none;
}

.list_color11 {
    font-size: 11px;
    font-family: dotum;
    color: #fec900;
}
.list_color11b {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #fec900;
}

.list_color12 {
    font-size: 11px;
    font-family: dotum;
    color: #333132;
}
.list_color12b {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #333132;
}
.list_color12b a {
    color: #333132;
}
.list_color12b a:visited {
    color: #333132;
}
.list_color12b a:hover {
    color: #333132;
}

.list_padding1 {
    padding: 4px 24px 0 6px;
}
.list_padding2 {
    padding: 3px 7px 0 0;
}

.view_color1 {
    font-size: 11px;
    font-family: dotum;
    color: #663300;
}

.view_color2 {
    font-size: 11px;
    font-family: dotum;
    color: #eee;
}
.view_color2B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #eee;
}

.view_color3 {
    font-size: 11px;
    font-family: dotum;
    color: #dfd08d;
}
.view_color4 {
    font-size: 11px;
    font-family: dotum;
    color: #454545;
}

.view_color5 {
    font-size: 11px;
    font-family: dotum;
    color: #cecece;
}
.view_color5 a:link {
    color: #cecece;
    text-decoration: none;
}
.view_color5 a:visited {
    color: #cecece;
    text-decoration: none;
}
.view_color5 a:hover {
    color: #cecece;
    text-decoration: underline;
}
.view_color5 a:active {
    color: #cecece;
    text-decoration: none;
}
.view_color520 {
    font-size: 11px;
    line-height: 180%;
    font-family: dotum;
    color: #cecece;
}
.view_color5S {
    font-size: 11px;
    font-family: dotum;
    color: #cecece;
    letter-spacing: -0.1em;
}
.view_color5S1 {
    font-size: 11px;
    line-height: 160%;
    font-family: dotum;
    color: #cecece;
    letter-spacing: -0.1em;
}
.view_color5S2 {
    font-size: 11px;
    font-family: dotum;
    color: #cecece;
    letter-spacing: -0.1em;
}
.view_color5S2 br {
    letter-spacing: 0;
}
.view_color5S2 .f2e5ad {
    text-decoration: underline;
    color: #f2e5ad;
    cursor: pointer;
}
.view_color5S2 .a7a49f {
    color: #a7a49f;
}
.view_color5B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #cecece;
}
.view_color5B a:link {
    font-weight: bold;
    color: #cecece;
    text-decoration: none;
}
.view_color5B a:visited {
    font-weight: bold;
    color: #cecece;
    text-decoration: none;
}
.view_color5B a:hover {
    font-weight: bold;
    color: #cecece;
    text-decoration: underline;
}
.view_color5B a:active {
    font-weight: bold;
    color: #cecece;
    text-decoration: none;
}
.view_color5Bem {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #cecece;
    letter-spacing: -0.1em;
}

.view_color6 {
    font-size: 11px;
    font-family: dotum;
    color: #333;
}

.view_color7 {
    font-size: 11px;
    font-family: dotum;
    color: #e8e6dd;
}
.view_color7B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #e8e6dd;
}
.view_color7B a:link {
    font-weight: bold;
    color: #e8e6dd;
    text-decoration: none;
}
.view_color7B a:visited {
    font-weight: bold;
    color: #e8e6dd;
    text-decoration: none;
}
.view_color7B a:hover {
    font-weight: bold;
    color: #e8e6dd;
    text-decoration: underline;
}
.view_color7B a:active {
    font-weight: bold;
    color: #e8e6dd;
    text-decoration: none;
}

.view_padding1 {
    padding: 3px 0 0 9px;
}
.view_padding2 {
    padding: 3px 30px 0 0;
}
.view_padding3 {
    padding: 3px 30px 0 9px;
}
.view_padding3_1 {
    padding: 3px 15px 0 9px;
}
.view_padding4 {
    padding: 20px 15px 20px 15px;
}
.view_padding5 {
    padding-left: 12;
}
.view_padding6 {
    padding: 6px 10px 4px 12px;
}

.write_color1 {
    font-family: 11px;
    line-height: 260%;
    font-family: dotum;
    font-weight: bold;
    color: #dfd08d;
}

.premium_color1 {
    font-size: 11px;
    font-family: dotum;
    color: #ffb108;
}
.premium_color1B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffb108;
}

/* account */
.account_color1 {
    font-size: 11px;
    font-family: dotum;
    color: #bfbcb7;
}
.account_color2 {
    font-size: 11px;
    font-family: dotum;
    color: #ffe03e;
}
.account_color2 a:link {
    color: #ffe03e;
    text-decoration: none;
}
.account_color2 a:visited {
    color: #ffe03e;
    text-decoration: none;
}
.account_color2 a:hover {
    color: #ffe03e;
    text-decoration: underline;
}
.account_color2 a:active {
    color: #ffe03e;
    text-decoration: none;
}
.account_color2B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffe03e;
}

.account_padding1 {
    padding-bottom: 5px;
}

.regist_color1 {
    font-size: 11px;
    font-family: dotum;
    color: #dbd2c4;
    text-align: left !important;
}
.regist_color1 a:link {
    color: #dbd2c4;
    text-decoration: none;
}
.regist_color1 a:visited {
    color: #dbd2c4;
    text-decoration: none;
}
.regist_color1 a:hover {
    color: #dbd2c4;
    text-decoration: underline;
}
.regist_color1 a:active {
    color: #dbd2c4;
    text-decoration: none;
}
.regist_color1B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #dbd2c4;
}
.regist_color1.txt_lft {
    text-align: left;
}

.regist_color2 {
    font-size: 11px;
    font-family: dotum;
    color: #b2a99c;
}
.regist_color3 {
    font-size: 11px;
    font-family: dotum;
    color: #bcbab7;
}

.regist_padding1 {
    padding: 7px 0;
}
.regist_padding2 {
    padding-top: 7px;
}
.regist_padding3 {
    padding-top: 3px;
}

.info_color {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #fff600;
}
.info_color a:link {
    color: #fff600;
    text-decoration: none;
}
.info_color a:visited {
    color: #fff600;
    text-decoration: none;
}
.info_color a:hover {
    color: #fff600;
    text-decoration: underline;
}
.info_color a:active {
    color: #fff600;
    text-decoration: none;
}

/* my folder */
.folder_size1B {
    font-size: 15px;
    font-family: dotum;
    color: #ffe6be;
    font-weight: bold;
}
.folder_color1 {
    font-family: dotum;
    color: #ffe6be;
}
.folder_color2 {
    font-size: 11px;
    font-family: dotum;
    color: #b2aa9c;
}
.folder_color3 {
    font-size: 11px;
    font-family: dotum;
    color: #fff;
}

/* download */
.down_color1 {
    font-size: 11px;
    font-family: dotum;
    color: #ece4cd;
}
.down_color1B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ece4cd;
    letter-spacing: -0.1em;
}
.down_color2 {
    font-size: 11px;
    font-family: dotum;
    color: #d9d8d4;
}
.down_color3 {
    font-size: 11px;
    font-family: dotum;
    color: #f9e073;
}
.down_color3B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #f9e073;
}
.down_color4 {
    font-size: 11px;
    font-family: dotum;
    color: #fff0b1;
}
.down_color5 {
    font-size: 11px;
    font-family: dotum;
    color: #ffeb94;
}
.down_color5B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffeb94;
}
.down_color5B a:link {
    color: #ffeb94;
    text-decoration: none;
}
.down_color5B a:visited {
    color: #ffeb94;
    text-decoration: none;
}
.down_color5B a:hover {
    color: #ffeb94;
    text-decoration: underline;
}
.down_color5B a:active {
    color: #ffeb94;
    text-decoration: none;
}

.down_link1 {
    font-size: 11px;
    font-family: dotum;
    color: #fff;
}
.down_link1 a:link {
    color: #fff;
    text-decoration: none;
}
.down_link1 a:visited {
    color: #fff;
    text-decoration: none;
}
.down_link1 a:hover {
    color: #ffcc66;
    text-decoration: none;
}
.down_link1 a:active {
    color: #fff;
    text-decoration: none;
}

/* concept art */
.art_list1 {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #cecece;
}
.art_list1em {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #cecece;
    letter-spacing: -0.1em;
}
.art_list1 a:link {
    color: #cecece;
    text-decoration: none;
}
.art_list1 a:visited {
    color: #cecece;
    text-decoration: none;
}
.art_list1 a:hover {
    color: #fff;
    text-decoration: underline;
}
.art_list1 a:active {
    color: #cecece;
    text-decoration: none;
}

/* board paging */
.paging {
    font-size: 11px;
    font-family: dotum;
    color: #333;
}
a.paging:link {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
a.paging:visited {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
a.paging:hover {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #333;
    text-decoration: underline;
}
a.paging:active {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

/* popup */
.pop_color1 {
    font-size: 11px;
    font-family: dotum;
    color: #4f2118;
}
.pop_color1B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #4f2118;
}
.pop_padding1 {
    padding: 3px 5px 0 5px;
}

/* etc */
.notice_color1 {
    font-size: 11px;
    font-family: dotum;
    color: #ffcc66;
}
.notice_color1B {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #ffcc66;
}
.wall_color {
    font-size: 11px;
    font-family: dotum;
    color: #c9c5b7;
}
.wall_color1 {
    font-size: 11px;
    font-family: dotum;
    color: #a9a69a;
}
.graph_color {
    font-size: 11px;
    font-family: dotum;
    font-weight: bold;
    color: #d0b677;
}

/* form */
.input_search {
    font-size: 11px;
    font-family: dotum;
    color: #333;
    border-style: solid;
    border-width: 1px;
    border-color: #b8b6af;
    background-color: #cacaca;
    padding: 4px 5px 0px 5px;
}
.input_title {
    font-size: 11px;
    font-family: dotum;
    color: #ddd;
    border-style: solid;
    border-width: 1px;
    border-color: #3d362f;
    background-color: #5d5549;
    padding: 4px 5px 0px 5px;
}
.input_login {
    font-size: 11px;
    font-family: dotum;
    color: #dbd2c4;
    border-style: solid;
    border-width: 1px;
    border-color: #918f89;
    background-color: #494949;
    padding: 4px 5px 0px 5px;
}
.input_login1 {
    font-size: 11px;
    font-family: dotum;
    color: #a4a4a4;
    border-style: solid;
    border-width: 1px;
    border-color: #918f89;
    background-color: #494949;
    padding: 4px 5px 0px 5px;
}
.input_login2 {
    font-size: 11px;
    font-family: dotum;
    color: #dbd2c4;
    border-style: solid;
    border-width: 1px;
    border-color: #8b8a86;
    background-color: #3c3c37;
    padding: 4px 5px 0px 5px;
    vertical-align: middle;
}
.input_popup {
    font-size: 11px;
    font-family: dotum;
    color: #ddd;
    border-style: solid;
    border-width: 1px;
    border-color: #3d362f;
    background-color: #5d5549;
    padding: 4px 5px 0px 5px;
}
.login_ivory {
    font-size: 11px;
    font-family: dotum;
    color: #b8b8b8;
}

.select_gray {
    font-size: 11px;
    font-family: dotum;
    color: #dbd2c4;
    background-color: #494949;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    border-color: #918f89;
}
.select_gray1 {
    font-size: 11px;
    font-family: dotum;
    color: #333;
    background-color: #cacaca;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
}
.select_login {
    font-size: 11px;
    font-family: dotum;
    color: #ddd;
    background-color: #5e5549;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
}
.select_driver {
    font-size: 11px;
    font-family: dotum;
    color: #cecece;
    background-color: #5d5549;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    border-color: #3d362f;
}
.select_write {
    font-size: 11px;
    font-family: dotum;
    color: #fff;
    background-color: #868276;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    border-color: #b2afa1;
}

.textarea_trans {
    font-family: dotum;
    background-color: transparent;
    font-size: 11px;
    color: #fff;
    border: 1px solid #b2afa1;
    padding: 10px 10px 10px 10px;
}
.textarea_poptrans {
    font-family: "dotum";
    background-color: transparent;
    font-size: 11px;
    color: #e1e1e1;
    border: 1px solid #a69f8c;
    overflow: hidden;
    overflow-y: auto;
}
.textarea_agree {
    font: 11px/17px dotum;
    color: #dbd2c4;
    border-style: solid;
    border-width: 1px;
    border-color: #918f89;
    background-color: #494949;
    padding: 8px 8px 8px 8px;
    overflow: hidden;
    overflow-y: auto;
}
.textarea_agree pre {
    width: 520px;
    font: 11px/17px dotum;
    color: #dbd2c4;
}
.textarea_agree1 {
    font: 11px/17px dotum;
    color: #a4a4a4;
    border-style: solid;
    border-width: 1px;
    border-color: #918f89;
    background-color: #494949;
    padding: 8px 8px 8px 8px;
    overflow: hidden;
    overflow-y: auto;
}
.textarea_write {
    font-size: 11px;
    font-family: dotum;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #3d362f;
    background-color: #5d5549;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    overflow-y: auto;
}
.textarea_send {
    font-size: 11px;
    font-family: dotum;
    color: #ddd;
    border-style: solid;
    border-width: 1px;
    border-color: #3d362f;
    background-color: #5d5549;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    overflow-y: auto;
}
.textarea_comment {
    font-size: 11px;
    font-family: dotum;
    color: #333;
    border-style: solid;
    border-width: 1px;
    border-color: #b8b6af;
    background-color: #cacaca;
    padding: 6px 6px 6px 6px;
    overflow: hidden;
    overflow-y: auto;
}
.textarea_notice {
    font: 11px/17px dotum;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #2b2d2a;
    background-color: #2b2d2a;
    padding: 8px 8px 8px 8px;
    overflow: hidden;
    overflow-y: auto;
}

/* image border */
.border1 {
    border-style: solid;
    border-color: #010101;
    border-width: 1px;
}
.border2 {
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
}

.cececeem {
    font-size: 11px;
    font-family: dotum;
    color: #cecece;
    line-height: 120%;
    letter-spacing: -0.1em;
}
.dbd2c4 {
    color: #dbd2c4;
}

.bfb849 {
    color: #bfb849;
}
.fff799 {
    color: #fff799;
}

.gatebg {
    background-color: #2e2e2e;
}
.dadada {
    font-size: 11px;
    font-family: dotum;
    color: #dadada;
}
.dadada a:link {
    color: #dadada;
    text-decoration: none;
}
.dadada a:visited {
    color: #dadada;
    text-decoration: none;
}
.dadada a:hover {
    color: #dadada;
    text-decoration: underline;
}
.dadada a:active {
    color: #dadada;
    text-decoration: none;
}

.story_bg_search {
    background: url("/SUN/WWW/IMG/Template/story_bg_search.gif") repeat-y;
}
.story_top_search {
    background: url("/SUN/WWW/IMG/Template/story_top_search.gif") no-repeat;
}
.story_bottom_search {
    background: url("/SUN/WWW/IMG/Template/story_bottom_search.gif") no-repeat;
}

.input_search1 {
    font-size: 11px;
    font-family: dotum;
    color: #000;
    border-style: solid;
    border-width: 1px;
    border-color: #7f9db9;
    background-color: #fff;
    padding: 4px 5px 0px 5px;
}
.FFE288 {
    font-size: 11px;
    font-family: dotum;
    color: #ffe288;
}
.FFE28814 {
    font-size: 14px;
    font-family: dotum;
    color: #ffe288;
}
.FFD376 {
    font-size: 11px;
    font-family: dotum;
    color: #ffd376;
}
.FFAF00 {
    font-size: 11px;
    font-family: dotum;
    color: #ffaf00;
}
.white14 {
    font-size: 14px;
    font-family: dotum;
    color: #fff;
    line-height: 20px;
}

.white1 {
    font-size: 11px;
    font-family: dotum;
    color: #fff;
    text-decoration: underline;
}
.white1 a:link {
    color: #fff;
    text-decoration: underline;
}
.white1 a:visited {
    color: #fff;
    text-decoration: underline;
}
.white1 a:hover {
    color: #fff;
    text-decoration: underline;
}
.white1 a:active {
    color: #fff;
    text-decoration: underline;
}

.border3 {
    border-style: solid;
    border-color: #aaa;
    border-width: 3px;
}

.lineheight20 {
    line-height: 20px;
}

.gap5 {
    height: 5px;
}
.gap9 {
    height: 9px;
}
.gap10 {
    height: 10px;
}
.gap15 {
    height: 15px;
}
.gap20 {
    height: 20px;
}
.gap30 {
    height: 30px;
}
.gap50 {
    height: 50px;
}

.paddingtop9 {
    padding-top: 9px;
}
.paddingright10 {
    padding-right: 10px;
}
.paddingleft10 {
    padding-left: 10px;
}
.paddingleft17 {
    padding-left: 17px;
}
.paddingbottom10 {
    padding-bottom: 10px;
}
.paddingbottom15 {
    padding-bottom: 15px;
}
.searchpadding10 {
    padding: 10px 10px 10px 0;
}
.searchpadding12 {
    padding: 12px 10px 12px 0;
}

.FFE068 {
    font-size: 11px;
    font-family: dotum;
    color: #ffe068;
}
.FFFAE7 {
    font-size: 11px;
    font-family: dotum;
    color: #fffae7;
}

.BFBFBF {
    color: #bfbfbf;
}
.lineheight13 {
    line-height: 13px;
}
.FFC76E {
    color: #ffc76e;
}
.C6C6C6 {
    color: #c6c6c6;
}
.C6C6C61 {
    color: #c6c6c6;
    line-height: 12px;
}
.color02 {
    color: #773000;
    font-family: dotum;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.color02 a:link {
    color: #773000;
    font-family: dotum;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.color02 a:visited {
    color: #773000;
    font-family: dotum;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.color02 a:hover {
    color: #773000;
    font-family: dotum;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
.color02 a:active {
    color: #773000;
    font-family: dotum;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.FFE866 {
    color: #ffe866;
    font-family: dotum;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.M_Pointer {
    cursor: pointer;
}

#popup_boxsize {
    width: 590px;
    height: 650px;
    margin: 0 auto;
}

#btn_style {
    margin: 0;
    padding: 0;
}
#btn_style dd {
    float: left;
    margin: 0;
    padding: 0;
}
#btn_style dd.right {
    float: right;
    margin: 0;
    padding: 0;
}

#page_title {
    clear: both;
}

/* cover story */
#style_line {
    clear: both;
}
#left_img {
    float: left;
}
#right_img {
    float: right;
}
#item_box_05 {
    float: left;
    width: 284px;
    height: 140px;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/CS_itembox05.jpg") no-repeat;
}
#item_box_04 {
    float: left;
    width: 284px;
    height: 140px;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/CS_itembox04.jpg") no-repeat;
}
#item_box_03 {
    float: right;
    width: 290px;
    height: 140px;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/CS_itembox03.jpg") no-repeat;
}
#item_box_02 {
    float: left;
    width: 284px;
    height: 152px;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/CS_itembox02.jpg") no-repeat;
}
#item_box_01 {
    float: right;
    width: 290px;
    height: 152px;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/CS_itembox01.jpg") no-repeat;
}
#item_box_con {
    margin: 14px 0 0 14px;
    padding: 0;
}
#item_box_con dt.btn {
    float: left;
    width: 70px;
    margin-top: 68px;
}
#item_box_con dt.tit {
    float: right;
    width: 189px;
    font-size: 12px;
    font-weight: bold;
    color: #b66836;
    line-height: 100%;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/icon_CS.gif") no-repeat;
    padding: 1px 0 7px 28px;
}
#item_box_con dt.txt {
    float: right;
    width: 189px;
    font-size: 12px;
    color: #4d4332;
    line-height: 140%;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/CS_line.gif") no-repeat top left;
    padding-top: 12px;
}
#item_box_con dt.tit01 {
    float: right;
    width: 195px;
    font-size: 12px;
    font-weight: bold;
    color: #b66836;
    line-height: 100%;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/icon_CS.gif") no-repeat;
    padding: 1px 0 7px 28px;
}
#item_box_con dt.txt01 {
    float: right;
    width: 195px;
    font-size: 12px;
    color: #4d4332;
    line-height: 140%;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/CS_line.gif") no-repeat top left;
    padding-top: 12px;
}

/* special issue */
#SI_Foot01 {
    height: 70px;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/si_img1_08.jpg") no-repeat;
    text-align: center;
}
#SI_Foot02 {
    height: 63px;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/si_img2_07.jpg") no-repeat;
    text-align: center;
}

/* hot clip */
#HC_Foot01 {
    height: 66px;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/hc_img1_07.jpg") no-repeat;
    text-align: center;
}
#HC_Foot02 {
    height: 62px;
    background: url("/SUN/WWW/IMG/NewsLetter/20070326_3month/hc_img2_18.jpg") no-repeat;
    text-align: center;
}

/* shadow update intro */
#ShadowIntroPosition {
    position: relative;
    padding: 0;
    font-size: 0px;
    line-height: 0;
    z-index: 1000;
}
#ShadowIntro {
    position: absolute;
    left: 6px;
    top: -343px;
    width: 990px;
    height: 700px;
    z-index: 1000;
}

#ChangeAddress img {
    border: none;
}
#ChangeAddress .sun_logo {
    padding: 10px 0 30px 0;
    text-align: center;
}
#ChangeAddress .bg_nickname {
    height: 260px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_01.jpg") left top no-repeat;
    vertical-align: top;
}
#ChangeAddress .bg_nickname p {
    width: 105px;
    margin: 0 0 0 292px;
    padding: 62px 0 0 0;
    text-align: right;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
#ChangeAddress .bg_nickname_re {
    height: 260px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_07.jpg") left top no-repeat;
    vertical-align: top;
}
#ChangeAddress .bg_nickname_re p {
    width: 105px;
    margin: 0 0 0 292px;
    padding: 62px 0 0 0;
    text-align: right;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#ChangeAddress .frm_tit {
    height: 27px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_tit_box.gif") left center no-repeat;
    color: #ddd;
    font-size: 11px;
    font-family: Dotum;
}
#ChangeAddress .frm_tit p {
    margin: 0;
    padding: 2px 0 0 11px;
}
#ChangeAddress .frm_line {
    height: 2px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_tbl_line.gif") repeat-x;
}
#ChangeAddress .frm_box span {
    color: #fff;
    font-size: 11px;
}
#ChangeAddress .frm_box input {
    height: 18px;
    border: 1px solid #918f89;
    background-color: #494949;
    color: #fff;
    font-size: 11px;
    font-family: Dotum;
    vertical-align: middle;
}
#ChangeAddress .frm_box img {
    vertical-align: middle;
    cursor: pointer;
}

#ChangeAddress .bg_cont_01 {
    height: 216px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_02.jpg") left top no-repeat;
}
#ChangeAddress .bg_cont_01 table {
    margin: 0 0 0 128px;
}

#ChangeAddress .bg_cont_02 {
    height: 33px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_04.jpg") left top no-repeat;
}
#ChangeAddress .bg_cont_02 table {
    margin: 0 0 0 110px;
}
#ChangeAddress .bg_cont_02 table td {
    text-align: center;
}
#ChangeAddress .bg_cont_02 table td input {
    width: 14px;
    height: 14px;
    margin: 9px 0 0 30px;
    vertical-align: middle;
}
#ChangeAddress .bg_cont_02 table td img {
    margin: 9px 0 2px 0;
    vertical-align: middle;
}

#ChangeAddress .bg_cont_03 {
    height: 136px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_08.jpg") left top no-repeat;
}
#ChangeAddress .bg_cont_03 table {
    margin: 0 0 0 128px;
}
#ChangeAddress .bg_cont_03 table td.frm_tit {
    height: 37px;
}
#ChangeAddress .bg_cont_03 table td.frm_txt {
    padding: 2px 0 0 3px;
    color: #fff;
    font-size: 11px;
    font-family: Dotum;
}

#ChangeAddress .bg_cont_04 {
    height: 56px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_09.jpg") left top no-repeat;
}
#ChangeAddress .bg_cont_04 table td {
    padding: 30px 0 0 262px;
}
#ChangeAddress .bg_cont_04 table td input {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
#ChangeAddress .bg_cont_04 table td img {
    vertical-align: middle;
}

#ChangeAddress .bg_cont_05 {
    height: 216px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_10.jpg") left top no-repeat;
}
#ChangeAddress .bg_cont_05 table {
    margin: 0 0 0 128px;
}

#ChangeAddress .bg_cont_06 {
    height: 33px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_12.jpg") left top no-repeat;
}
#ChangeAddress .bg_cont_06 table {
    margin: 0 0 0 110px;
}
#ChangeAddress .bg_cont_06 table td {
    text-align: center;
}
#ChangeAddress .bg_cont_06 table td input {
    width: 14px;
    height: 14px;
    margin: 9px 0 0 30px;
    vertical-align: middle;
}
#ChangeAddress .bg_cont_06 table td img {
    margin: 9px 0 2px 0;
    vertical-align: middle;
}

#ChangeAddress .bg_btn_1 {
    height: 106px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_06.jpg") left top no-repeat;
    text-align: center;
}
#ChangeAddress .bg_btn_1 input,
#ChangeAddress .bg_btn_1 img {
    margin: 23px 3px 0 3px;
    vertical-align: middle;
    cursor: pointer;
}
#ChangeAddress .bg_btn_2 {
    height: 106px;
    background: url("/SUN/WWW/IMG/ETC/Address/address_img_14.jpg") left top no-repeat;
    text-align: center;
}
#ChangeAddress .bg_btn_2 input,
#ChangeAddress .bg_btn_2 img {
    margin: 23px 3px 0 3px;
    vertical-align: middle;
    cursor: pointer;
}

.scenario_mission {
    position: relative;
    width: 625px;
    height: 28px;
    background: url("/SUN/WWW/IMG/GameInfo/Scenario/scene_missionbg.jpg") no-repeat;
    color: #c1c0b9;
}
.missionbg1 {
    width: 123px;
    height: 28px;
    background: url("/SUN/WWW/IMG/GameInfo/Scenario/scene_missionbg_01.jpg") no-repeat;
}
.missionbg2 {
    width: 142px;
    height: 28px;
    background: url("/SUN/WWW/IMG/GameInfo/Scenario/scene_missionbg_02.jpg") no-repeat;
}
.scenario_mission span {
    font-size: 11px;
    font-family: dotum;
    color: #c1c0b9;
    text-decoration: underline;
    cursor: pointer;
}
.scenario_mission .missionlist {
    padding: 7px 0 0 40px;
}
.scenario_layer {
    position: absolute;
    display: none;
    width: 372px;
}
.scenario_layer .temp_arrow {
    position: absolute;
    top: -4px;
    left: 18px;
    width: 7px;
    height: 4px;
    z-index: 2;
}
.scenario_layer .temp_close {
    position: absolute;
    top: 0;
    left: 323px;
    width: 39px;
    height: 13px;
    cursor: pointer;
    z-index: 3;
}
.scenario_layer .temp_box {
    position: relative;
    width: 100%;
    border-top: 3px solid #46423a;
    overflow: hidden;
    z-index: 2;
}
.scenario_layer .layercontent {
    position: relative;
    margin: 0;
    padding: 16px;
    z-index: 2;
}
.scenario_layer h4 {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 11px;
    font-family: Dotum;
    font-weight: bold;
    color: #5a564d;
}
.scenario_layer h4.mission {
    margin: 0;
    padding: 2px 0 10px 29px;
    background: url("/SUN/WWW/IMG/GameInfo/Scenario/layer_temp_mission.gif") no-repeat;
    font-size: 11px;
    font-family: Dotum;
    font-weight: bold;
    color: #5a564d;
}
.scenario_layer table td {
    color: #999690;
    vertical-align: top;
    line-height: 14px;
    word-spacing: -1;
}
.scenario_layer table td img.left {
    margin: 0 15px 0 0;
}
.scenario_layer .layerbtn {
    position: relative;
    width: 100%;
    padding: 20px 0 3px 0;
    text-align: center;
}
.scenario_layer .layerbtn img {
    vertical-align: middle;
    cursor: pointer;
}
.scenario_layer .temp_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 500px;
    background: url("/SUN/WWW/IMG/GameInfo/Scenario/layer_temp_bg.png") center bottom no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader('/SUN/WWW/IMG/GameInfo/Scenario/layer_temp_bg.png', sizingMethod='crop');
    z-index: 1;
}

#PlayInfoCSS {
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/temp_playinfo_vi.jpg") no-repeat;
    padding: 129px 20px 35px;
}
#PlayInfoCSS #PlayInfo_Navi {
    width: 623px;
    height: 180px;
    margin: 0 1px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/temp_playinfo_navibg.jpg") center top no-repeat;
}
#PlayInfoCSS #PlayInfo_Navi h3 {
    float: left;
    width: 75px;
    margin: 0;
    padding: 0;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/temp_playinfo_navi_ico.gif") right 8px no-repeat;
}
#PlayInfoCSS #PlayInfo_Navi h3 img {
    margin: 5px 0 0 11px;
}
#PlayInfoCSS #PlayInfo_Navi ul {
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#PlayInfoCSS #PlayInfo_Navi ul li {
    float: left;
    list-style: none;
    margin: 0 0 0 -2px;
    padding: 6px 5px 3px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/temp_playinfo_navi_division.gif") 0 8px no-repeat;
}
#PlayInfoCSS #PlayInfo_Navi ul.overLine {
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#PlayInfoCSS #PlayInfo_Navi ul.overLine li {
    float: left;
    list-style: none;
    margin: 0 0 0 -2px;
    padding: 6px 5px 3px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/temp_playinfo_navi_division.gif") 0 8px no-repeat;
}
#PlayInfoCSS #PlayInfo_Navi ul li.on {
    font-weight: bold;
    color: #eae9e2;
    letter-spacing: -1px;
}
#PlayInfoCSS #PlayInfo_Navi ul li a {
    color: #bbb7a4;
}
#PlayInfoCSS #PlayInfo_Navi .category {
    clear: both;
    float: left;
    display: inline;
    width: 583px;
    margin: 0 0 0 20px;
    border-top: 1px solid #7f7c73;
    border-bottom: 1px solid #47433b;
}
#PlayInfoCSS #PlayInfo_Navi .category_first {
    clear: both;
    float: left;
    display: inline;
    width: 583px;
    padding: 13px 0 0 0;
    margin: 0 0 0 20px;
    border-bottom: 1px solid #47433b;
}
#PlayInfoCSS #PlayInfo_Navi .category_first ul {
    display: inline;
    margin: 0 0 0 3px;
}
#PlayInfoCSS #PlayInfo_Navi .category_last {
    clear: both;
    float: left;
    display: inline;
    width: 583px;
    margin: 0 0 0 20px;
    border-top: 1px solid #7f7c73;
}

#PlayInfoCSS #PlayInfo_3Depth {
    width: 625px;
    height: 30px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/temp_playinfo_3depbg.gif") center top no-repeat;
}
#PlayInfoCSS #PlayInfo_3Depth ul {
    float: left;
    margin: 0 0 0 3px;
    padding: 3px 0 0 0;
    overflow: hidden;
}
#PlayInfoCSS #PlayInfo_3Depth ul li {
    float: left;
    list-style: none;
    margin: 0 0 0 -2px;
    padding: 6px 11px 3px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/temp_playinfo_3dep_division.gif") 0 8px no-repeat;
}
#PlayInfoCSS #PlayInfo_3Depth ul li.on {
    font-weight: bold;
    color: #ffcc00;
}
#PlayInfoCSS #PlayInfo_3Depth ul li a {
    color: #bbb7a4;
}

#PlayInfoCSS .view_color5 {
    word-break: keep-all;
}
#PlayInfoCSS .tbl_guide {
    border-collapse: collapse;
}
#PlayInfoCSS .tbl_guide th {
    padding: 7px 0 5px;
    border: 1px solid #534f47;
    background-color: #a79f8a;
    font-size: 11px;
    font-family: Dotum;
    color: #fff;
    text-align: center;
}
#PlayInfoCSS .tbl_guide th.cols {
    padding: 5px 0 3px;
    font-weight: normal;
}
#PlayInfoCSS .tbl_guide td {
    padding: 5px 6px 3px;
    border: 1px solid #534f47;
    background-color: #c1beb5;
    color: #565142;
    vertical-align: top;
}
#PlayInfoCSS .tbl_guide td p.arrow {
    margin: 0;
    padding: 0 0 0 8px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/bullet_guidearrow.gif") 0 4px no-repeat;
    word-break: keep-all;
    color: #6f6750;
}
#PlayInfoCSS .tbl_guide td p.arrow_t20 {
    margin: 20px 0 0 0;
    padding: 0 0 0 8px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/bullet_guidearrow.gif") 0 4px no-repeat;
    word-break: keep-all;
    color: #6f6750;
}
#PlayInfoCSS .tbl_guide .ac_item td {
    padding: 8px 6px 6px;
    text-align: center;
    color: #6f6750;
    vertical-align: middle;
}
#PlayInfoCSS .tbl_guide .ac_item td.fc_green {
    color: #626b24;
}
#PlayInfoCSS .tbl_guide .tower_style td {
    text-align: center;
    color: #6f6750;
    vertical-align: middle;
}
#PlayInfoCSS .tbl_guide .tower_style td.fc_green {
    background-color: #e6e4cf;
    color: #626923;
}
#PlayInfoCSS .tbl_guide .tower_style td.left {
    padding: 5px 6px 3px;
    text-align: left;
}
#PlayInfoCSS .tbl_guide .etc_style td {
    text-align: center;
    color: #6f6750;
    vertical-align: middle;
}
#PlayInfoCSS .tbl_guide .etc_style td.fc_green {
    padding: 5px 6px 3px 69px;
    text-align: left;
    color: #626923;
}
#PlayInfoCSS .tbl_guide .etc_style td .fc_green {
    color: #626923;
}
#PlayInfoCSS .tbl_guide .etc_style td.left {
    padding: 5px 6px 3px;
    text-align: left;
}
#PlayInfoCSS .tbl_guide .quest_style td {
    padding: 5px 2px 3px 6px;
    text-align: left;
    color: #716853;
    vertical-align: middle;
    word-spacing: -2px;
}
#PlayInfoCSS .tbl_guide .quest_style td.fc_green {
    color: #626923;
}
#PlayInfoCSS .tbl_guide .quest_style td .auto_quest {
    display: block;
    padding: 0 0 0 8px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/Combat/combat_ico_quest.gif") 0 4px no-repeat;
}
#PlayInfoCSS .tbl_guide .quest_style td.fc_gray {
    color: #565142;
}
#PlayInfoCSS .tbl_guide .pk_style td {
    padding: 5px 2px 3px 6px;
    text-align: center;
    color: #716853;
    vertical-align: middle;
    word-spacing: -2px;
}
#PlayInfoCSS .tbl_guide .pk_style td.bg_ivory {
    background-color: #e6e4cf;
}
#PlayInfoCSS .tbl_guide .pk_style td.fc_green {
    color: #626923;
}
#PlayInfoCSS .tbl_guide .pk_style td.left {
    padding: 5px 6px 3px;
    text-align: left;
}
#PlayInfoCSS .tbl_guide .skill_style1 td {
    padding: 5px 2px 3px 12px;
    color: #6f6750;
    vertical-align: middle;
    word-spacing: -2px;
}
#PlayInfoCSS .tbl_guide .skill_style1 td.fc_green {
    color: #626923;
}
#PlayInfoCSS .tbl_guide .skill_style1 td.left {
    padding: 5px 6px 3px;
    text-align: left;
}
#PlayInfoCSS .tbl_guide .skill_style2 td {
    padding: 10px 2px;
    text-align: center;
    color: #6f6750;
    vertical-align: middle;
    word-spacing: -2px;
}
#PlayInfoCSS .tbl_guide .skill_style2 td.left {
    padding: 10px 6px;
    text-align: left;
    word-break: keep-all;
}
#PlayInfoCSS .tbl_guide .skill_style2 td img.border {
    border: 1px solid #fff;
}
#PlayInfoCSS .tbl_guide .skill_style2 td img.pointer {
    cursor: pointer;
}
#PlayInfoCSS .tbl_guide .item_style1 td {
    padding: 5px 2px 3px 12px;
    text-align: left;
    color: #716853;
    vertical-align: middle;
    word-spacing: -2px;
}
#PlayInfoCSS .tbl_guide .item_style1 td.fc_green {
    color: #626923;
}
#PlayInfoCSS .tbl_guide .item_style1 td.center {
    padding: 5px 0 3px;
    text-align: center;
}
#PlayInfoCSS .tbl_guide .item_style1 td.pd12 {
    padding-top: 12px;
    padding-bottom: 12px;
}
#PlayInfoCSS .tbl_guide .item_style2 td {
    padding: 5px 2px 2px;
    text-align: center;
    color: #6f6750;
    vertical-align: middle;
    word-spacing: -2px;
}
#PlayInfoCSS .tbl_guide .item_style2 td.bg_ivory {
    background-color: #e6e4cf;
}
#PlayInfoCSS .tbl_guide .item_style2 td.fc_green {
    color: #626b24;
}
#PlayInfoCSS .tbl_guide .item_style2 td.pd12 {
    padding-top: 12px;
    padding-bottom: 12px;
}
#PlayInfoCSS .tbl_guide .item_style2 td.left {
    padding: 5px 2px 2px 9px;
    text-align: left;
}
#PlayInfoCSS .tbl_guide .item_style2 td img.border {
    border: 1px solid #fff;
}
#PlayInfoCSS .tbl_guide .item_style3 th {
    border: 1px solid #59534c;
    background-color: #6d655d;
    font-size: 11px;
    font-family: Dotum;
    color: #fff;
    text-align: center;
}
#PlayInfoCSS .tbl_guide .item_style3 td {
    padding: 5px 2px 2px 11px;
    text-align: left;
    color: #6f6750;
    vertical-align: middle;
    word-spacing: -2px;
}
#PlayInfoCSS .tbl_guide .item_style3 td.center {
    padding: 5px 0 3px;
    text-align: center;
}

#PlayInfoCSS .tbl_route .route_tit {
    padding: 12px 0 7px 0;
}
#PlayInfoCSS .tbl_route .route_tit img {
    vertical-align: middle;
}
#PlayInfoCSS .tbl_route .route_txt {
    padding: 0 0 0 8px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/bullet_point.gif") 1px 7px no-repeat;
    color: #cecece;
    line-height: 18px;
    letter-spacing: -1px;
}

#PlayInfoCSS .view_icon {
    padding: 2px 0 2px 8px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/bullet_point.gif") 1px 7px no-repeat;
    color: #cecece;
    line-height: 14px;
}
#PlayInfoCSS .view_icon .ivory {
    color: #e6e4cf;
}

#PlayInfoCSS .tbl_brownbox {
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/box_brown_02.gif") repeat-y;
}
#PlayInfoCSS .tbl_brownbox td {
    padding: 0 0 7px 23px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/blackdot.gif") 16px 4px no-repeat;
    font-size: 11px;
    font-family: Dotum;
    color: #cecece;
    vertical-align: top;
    line-height: 14px;
}
#PlayInfoCSS .tbl_brownbox td.brownbox_top {
    height: 11px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/box_brown_01.gif") left top no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.brownbox_bottom {
    height: 3px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/box_brown_03.gif") left bottom no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.brownbox_top_l {
    height: 11px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/box_brown_01.gif") left top no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.brownbox_top_r {
    height: 11px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/box_brown_01.gif") right top no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.brownbox_bottom_l {
    height: 3px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/box_brown_03.gif") left bottom no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.brownbox_bottom_r {
    height: 3px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/box_brown_03.gif") right bottom no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.brownborder {
    border-right: 1px solid #171614;
}
#PlayInfoCSS .tbl_brownbox td.fc_ivory {
    padding: 1px 0 3px 23px;
    background: none;
    color: #fef4c3;
    font-weight: bold;
}
#PlayInfoCSS .tbl_brownbox td.brownbox_line {
    padding: 0 0 7px 0;
    background: none;
}
#PlayInfoCSS .tbl_brownbox td.brownbox_line td {
    padding: 0 0 0 0;
    background: none;
}
#PlayInfoCSS .tbl_brownbox td.ico_num1 {
    padding: 1px 0 7px 39px;
    background: url("/SUN/WWW/IMG/Common/Icon/iconorange_01.gif") 16px 0 no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.ico_num2 {
    padding: 1px 0 7px 39px;
    background: url("/SUN/WWW/IMG/Common/Icon/iconorange_02.gif") 16px 0 no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.ico_num3 {
    padding: 1px 0 7px 39px;
    background: url("/SUN/WWW/IMG/Common/Icon/iconorange_03.gif") 16px 0 no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.ico_num4 {
    padding: 1px 0 7px 39px;
    background: url("/SUN/WWW/IMG/Common/Icon/iconorange_04.gif") 16px 0 no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.ico_num5 {
    padding: 1px 0 7px 39px;
    background: url("/SUN/WWW/IMG/Common/Icon/iconorange_05.gif") 16px 0 no-repeat;
}
#PlayInfoCSS .tbl_brownbox td.ico_num6 {
    padding: 1px 0 7px 39px;
    background: url("/SUN/WWW/IMG/Common/Icon/iconorange_06.gif") 16px 0 no-repeat;
}

#PlayInfoCSS .tbl_pkbox {
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/Combat/combat_box_pk_01.gif") repeat-y;
}
#PlayInfoCSS .tbl_pkbox td.pkbox_icon {
    padding: 0 0 2px 41px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/blackdot.gif") 31px 4px no-repeat;
    font-size: 11px;
    font-family: Dotum;
    color: #cecece;
}
#PlayInfoCSS .tbl_pkbox td.pkbox_bottom {
    height: 10px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/Combat/combat_box_pk_02.gif") left bottom no-repeat;
}

#PlayInfoCSS .village_mapbox {
    position: relative;
    height: 167px;
}
#PlayInfoCSS .village_mapbox .mapbox_bg {
    position: absolute;
    left: -6px;
    width: 637px;
    height: 167px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/villageNPCINFO/village_map_bg.jpg") no-repeat;
}
#PlayInfoCSS .village_mapbox table {
    margin: 0 0 0 11px;
}
#PlayInfoCSS .village_mapbox table td {
    padding: 20px 0 0 0;
    vertical-align: top;
}
#PlayInfoCSS .village_mapbox table td.mapbox_img {
    padding: 11px 13px 0 0;
}
#PlayInfoCSS .village_mapbox table td.mapbox_img img {
    cursor: pointer;
}

#PlayInfoCSS .tbl_village {
}
#PlayInfoCSS .tbl_village td {
    padding: 4px 35px 0 0;
    color: #fffae7;
    line-height: 16px;
    vertical-align: top;
    word-break: keep-all;
}
#PlayInfoCSS .tbl_village td.npc {
    padding: 0;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/villageNPCINFO/village_npc_bg.jpg") no-repeat;
}
#PlayInfoCSS .tbl_village td.npc img {
    width: 85px;
    height: 106px;
    margin: 6px;
    border: 1px solid #000;
}
#PlayInfoCSS .tbl_village td strong {
    display: block;
    padding: 0 0 3px 0;
    color: #ffe068;
}

#PlayInfoCSS .fieldbg {
    width: 625px;
    padding: 11px 0 0 0;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/Field/field_shot_bg_01.jpg") no-repeat;
}
#PlayInfoCSS .fieldbg .shot_list {
    height: 265px;
    padding: 0 0 1px 0;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/Field/field_screenshot_bg_01.jpg") no-repeat;
    vertical-align: bottom;
    text-align: center;
}
#PlayInfoCSS .fieldbg .shot_list img {
    width: 120px;
    height: 67px;
    margin: 0 0 5px 0;
    border: 1px solid #000;
    cursor: pointer;
}
#PlayInfoCSS .fieldbg .shot_img {
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/Field/field_screenshot_bg_02.jpg") no-repeat;
    text-align: center;
}
#PlayInfoCSS .fieldbg .shot_img img {
    width: 448px;
    height: 251px;
    margin: 6px 0;
    border: 1px solid #000;
    cursor: pointer;
}
#PlayInfoCSS .tbl_fieldbox {
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/Field/field_shot_bg_02.gif") repeat-y;
}
#PlayInfoCSS .tbl_fieldbox .field_icon {
    padding: 13px 20px 2px 29px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/blackdot.gif") 20px 17px no-repeat;
    font-size: 11px;
    font-family: Dotum;
    color: #cecece;
    word-break: keep-all;
}
#PlayInfoCSS .tbl_fieldbox .fieldbox_bottom {
    height: 10px;
    background: url("/SUN/WWW/IMG/GameGuide/PlayInfo/Field/field_shot_bg_03.gif") left bottom no-repeat;
}

#PopItemView .tit_icon {
    padding: 0 0 3px 11px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/bullet_02.gif") 0 3px no-repeat;
    font-weight: bold;
    color: #dbd2c4;
}
#PopItemView .tbl_item {
    border-collapse: collapse;
}
#PopItemView .tbl_item th {
    padding: 7px 0 5px;
    border: 1px solid #534f47;
    background-color: #a79f8a;
    font-size: 11px;
    font-family: Dotum;
    color: #fff;
    text-align: center;
}
#PopItemView .tbl_item td {
    padding: 0;
    border: 1px solid #534f47;
    background-color: #c1beb5;
    color: #565142;
    vertical-align: top;
    text-align: center;
}
#PopItemView .tbl_item td.tit_icon {
    padding: 0 0 3px 11px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/bullet_02.gif") 0 3px no-repeat;
    border: none;
    font-weight: bold;
    color: #dbd2c4;
    text-align: left;
}
#PopItemView .tbl_item td.item_tit {
    padding-top: 3px;
    border: none;
    background: none;
    color: #eeece7;
}
#PopItemView .item_img {
    border: 1px solid #534f47;
}
#PopItemView .item_tit {
    padding-top: 3px;
    color: #eeece7;
    text-align: center;
}
#PopItemView .itemtextbox {
    padding: 10px 10px 7px;
    border: 1px solid #534f47;
    background-color: #a79f8a;
    color: #e6e4cf;
    line-height: 14px;
}
#PopItemView .itemtextbox span.icon {
    display: block;
    padding: 0 0 5px 10px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/bullet_guidearrow.gif") 0 4px no-repeat;
    color: #6f6750;
}

.invitation_boxbg_01 {
    padding: 4px 0 0;
    background: url("/SUN/WWW/IMG/Invitation/invitation_box01_bg.gif") repeat-y;
}
.invitation_boxbg_01 table td {
    padding: 0 0 2px 0;
    color: #c1c0b9;
}
.invitation_boxbg_01 table td.tbl_img_01 img {
    margin: 0 7px 2px 12px;
}
.invitation_boxbg_01 table td.tbl_img_02 {
    padding: 0 11px;
    vertical-align: top;
}
.invitation_boxbg_01 table td.tbl_txt_02 {
    color: #cfcfcf;
}
.invitation_text_01 {
    padding: 0 0 0 13px;
    color: #cecece;
    letter-spacing: -1px;
}
.invitation_text_01 strong {
    color: #ececec;
}
.invitation_text_01 span {
    display: block;
    padding: 5px 0;
}
.invitation_table_01 {
    border-collapse: collapse;
}
.invitation_table_01 th {
    padding: 5px 0 3px;
    background-color: #5b554a;
    border: 1px solid #433d34;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    font-family: Dotum;
    letter-spacing: -1px;
}
.invitation_table_01 td {
    padding: 11px 0 8px 17px;
    background-color: #6d655d;
    border: 1px solid #433d34;
    color: #e7dfc0;
    letter-spacing: -1px;
}
.invitation_table_01 td.tbl_title {
    padding: 3px 0 0 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.invitation_boxbg_02 {
    padding: 4px 0 0;
    background: url("/SUN/WWW/IMG/Invitation/invitation_box02_bg.gif") repeat-y;
}
.invitation_boxbg_02 table td {
    padding: 0 0 2px 0;
    color: #5b554a;
    letter-spacing: -1px;
}
.invitation_boxbg_02 table td img {
    margin: 2px 17px 2px 10px;
}
.invitation_boxbg_02 table td span.box_title {
    font-weight: bold;
    color: #323232;
    line-height: 25px;
}
.invitation_boxbg_02 table td span.box_icon {
    padding: 0 18px 0 7px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/bullet_guidearrow.gif") 0 3px no-repeat;
}

#PopInvitation td {
    color: #dbd2c4;
}
#PopInvitation .pop_icon {
    padding: 0 0 0 13px;
    background: url("/SUN/WWW/IMG/Common/Icon/Bullet/bullet_02.gif") 2px 3px no-repeat;
}
#PopInvitation .pop_tab {
    height: 27px;
    background: url("/SUN/WWW/IMG/Invitation/invitation_pop_tab_bg.gif") left bottom repeat-x;
    text-align: right;
}
#PopInvitation .pop_tab img {
    margin-left: 1px;
    vertical-align: top;
}
#PopInvitation .tbl_form td {
    padding: 9px 0;
    vertical-align: top;
}
#PopInvitation .tbl_form td img {
    vertical-align: top;
}
#PopInvitation .tbl_form input {
    padding: 4px 5px 0px 5px;
    font-size: 11px;
    font-family: dotum;
    color: #dbd2c4;
    border: 1px solid #918f89;
    background-color: #494949;
    vertical-align: middle;
}
#PopInvitation .tbl_form select {
    width: 118px;
    font-size: 11px;
    font-family: dotum;
    color: #dbd2c4;
    background-color: #494949;
    vertical-align: middle;
}
#PopInvitation .tbl_form textarea {
    width: 250px;
    height: 100px;
    padding: 4px 5px 0px 5px;
    font-size: 11px;
    font-family: dotum;
    color: #dbd2c4;
    border: 1px solid #918f89;
    background-color: #494949;
}
#PopInvitation .tbl_invitation_list {
    border-bottom: 1px solid #a29e95;
}
#PopInvitation .tbl_invitation_list th {
    padding: 6px 0 3px;
    border-top: 1px solid #a29e95;
    border-bottom: 1px solid #a29e95;
    color: #dbd2c4;
    font-size: 11px;
    font-family: Dotum;
    letter-spacing: -1px;
}
#PopInvitation .tbl_invitation_list td {
    padding: 6px 0 3px;
    color: #dbd2c4;
    text-align: center;
    letter-spacing: -1px;
    word-break: break-all;
}
#PopInvitation .tbl_invitation_paging {
    margin: 15px 0 0 0;
}
#PopInvitation .tbl_invitation_paging td strong {
    color: #dddddd;
}
#PopInvitation .tbl_invitation_paging td a {
    padding: 0 2px;
    color: #dddddd;
}
#PopInvitation .tbl_invitation_paging td img {
    margin: 0 0 2px 0;
}

.proM_infoWrap {
    width: 625px;
    margin: 0 auto;
}
.proM_infoWrap dt {
    float: left;
    width: 93px;
    padding: 7px 0 0 13px;
    margin: 0;
    font: normal 12px "dotum";
    color: #d9d8d4;
}
.proM_infoWrap dd {
    float: left;
    width: 480px;
    padding: 5px 0 0 13px;
    margin: 0;
    font: normal 11px "dotum";
    color: #ddd;
    line-height: 16px;
}
.proM_infoConts01 {
    width: 625px;
    height: 433px;
    position: relative;
}
.proM_infoConts01 .cell01 {
    position: absolute;
    left: 23px;
    top: 25px;
}
.proM_infoConts01 .cell02 {
    position: absolute;
    left: 23px;
    top: 55px;
}
.proM_infoConts01 .cell03 {
    position: absolute;
    left: 23px;
    top: 85px;
}
.proM_infoConts01 .cell04 {
    position: absolute;
    left: 23px;
    top: 115px;
}
.proM_infoConts01 .cell04 dt {
    padding-top: 42px;
}
.proM_infoConts01 .cell04 dd img {
    margin-bottom: 5px;
}
.proM_infoConts01 .cell05 {
    position: absolute;
    left: 23px;
    top: 214px;
}
.proM_infoConts01 .cell05 dt {
    padding-top: 45px;
}
.proM_infoConts01 .cell05 dd img {
    margin: 5px 0;
}
.proM_infoConts01 .cell06 {
    position: absolute;
    left: 23px;
    top: 325px;
}
.proM_infoConts01 .cell06 dt {
    padding-top: 14px;
}
.proM_infoConts01 .cell07 {
    position: absolute;
    left: 23px;
    top: 366px;
}
.proM_infoConts01 .cell07 dt {
    padding-top: 14px;
}

.proM_infoConts02 {
    width: 625px;
    height: 248px;
    position: relative;
}
.proM_infoConts02 .cell01 {
    position: absolute;
    left: 23px;
    top: 25px;
}
.proM_infoConts02 .cell01 dt {
    padding-top: 12px;
}
.proM_infoConts02 .cell02 {
    position: absolute;
    left: 23px;
    top: 67px;
}
.proM_infoConts02 .cell02 dt {
    padding-top: 25px;
}
.proM_infoConts02 .cell03 {
    position: absolute;
    left: 23px;
    top: 137px;
}
.proM_infoConts02 .cell03 dt {
    padding-top: 12px;
}
.proM_infoConts02 .cell04 {
    position: absolute;
    left: 23px;
    top: 179px;
}
.proM_infoConts02 .cell04 dt {
    padding-top: 12px;
}

.proM_infoPop {
    width: 424px;
    height: 366px;
    position: relative;
}
.proM_infoPop h1 {
    position: absolute;
    left: 22px;
    top: 21px;
}
.proM_infoPop img {
    vertical-align: middle;
}
.proM_infoPop select {
    width: 160px;
    height: 16px;
    margin: 0;
    padding: 0;
    color: #fff;
    border: 1px solid #7f9db9;
    background: #494949;
    vertical-align: middle;
}
.proM_infoPop .infoTxt {
    width: 360px;
    position: absolute;
    left: 42px;
    top: 70px;
    font: normal 11px dotum;
    color: #dbd2c4;
}
.proM_infoPop .select01 {
    position: absolute;
    left: 82px;
    top: 185px;
}
.proM_infoPop .select02 {
    position: absolute;
    left: 82px;
    top: 218px;
}
.proM_infoPop .select03 {
    position: absolute;
    left: 82px;
    top: 250px;
}
.proM_infoPop .btnBox {
    position: absolute;
    left: 22px;
    top: 320px;
    width: 380px;
    text-align: center;
}

.cececeem {
    font-size: 11px;
    font-family: dotum;
    color: #cecece;
    line-height: 120%;
    letter-spacing: -0.1em;
}
.dbd2c4 {
    color: #dbd2c4;
}

.bfb849 {
    color: #bfb849;
}
.fff799 {
    color: #fff799;
}

.gatebg {
    background-color: #2e2e2e;
}
.dadada {
    font-size: 11px;
    font-family: dotum;
    color: #dadada;
}
.dadada a:link {
    color: #dadada;
    text-decoration: none;
}
.dadada a:visited {
    color: #dadada;
    text-decoration: none;
}
.dadada a:hover {
    color: #dadada;
    text-decoration: underline;
}
.dadada a:active {
    color: #dadada;
    text-decoration: none;
}

.rdo {
    background: transparent;
    vertical-align: middle;
}

.sub_wrp .etc_wrp {
    position: relative;
    width: 930px;
    margin: auto;
    padding-top: 300px;
    padding-bottom: 40px;
    background: url("/SUN/WWW/IMG/Common/logo.png") center 35px no-repeat;
    color: #494949;
    font-size: 13px;
    font-family: "����?�� ��???", "?����?";
}
.etc_bx {
    width: 930px;
    height: 564px;
    padding-top: 50px;
    background: url("/SUN/WWW/IMG/Common/bg_noti.png") 0 0 no-repeat;
}
.etc_bx h1 {
    width: 164px;
    height: 34px;
    margin: auto;
    background: url("/SUN/WWW/IMG/Common/tit_sub.png") 0 0 no-repeat;
    margin-bottom: 15px;
}
.etc_bx .noti {
    padding-bottom: 20px;
    text-align: center;
}
.etc_bx .noti span {
    color: #8c3c11;
}
.etc_bx .certi_bx {
    width: 780px;
    height: 220px;
    padding: 30px 35px;
    margin: auto;
    background: url("/SUN/WWW/IMG/Common/bg_check.jpg") 0px 0px no-repeat;
}
.etc_bx .check_bx {
    overflow: hidden;
    height: 70px;
    line-height: 70px;
}
.etc_bx .check_bx .skin_design_input {
    float: left;
    width: 385px;
    text-align: center;
}
.notice_list {
    padding-top: 20px;
    font-family: "��������";
    font-size: 12px;
    letter-spacing: -0.03em;
}
.notice_list .tit {
    font-weight: bold;
}
.notice_list p {
    margin-bottom: 10px;
}
.notice_list p strong {
    color: #8c3c11;
    font-weight: normal;
}

.btn_bx {
    width: 100%;
    padding-top: 30px;
    text-align: center;
}
.btn_bx a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 152px;
    height: 46px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 12px;
    font-weight: bold;
}
.btn_bx a.btn_confirm {
    color: #c0aa9a;
    background: url("/SUN/WWW/IMG/Common/btn_confirm.png") 0 0 no-repeat;
}
.btn_bx a.btn_cancle {
    color: #bdbdbd;
    background: url("/SUN/WWW/IMG/Common/btn_cancle.png") 0 0 no-repeat;
}

/* icheck, iradio button */
.skin_design_input {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 140px;
}
.skin_design_input label {
    display: inline-block;
    padding-left: 90px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}
.icheckbox_skin_design,
.iradio_skin_design {
    position: absolute;
    top: 25px;
    left: 125px;
    display: block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("/SUN/WWW/IMG/Common/bg_checkbox.png") no-repeat;
    border: none;
    cursor: pointer;
}
.iradio_skin_design {
    background-position: 0 0px;
}
.iradio_skin_design.checked {
    background-position: 0px -23px;
}

.policy_cont {
    position: relative;
}
.policy_cont .policy_showbefore {
    position: absolute;
    top: 20px;
    left: 515px;
}

/*change_info table*/
.tb_change {
    margin: auto;
}
.tb_change th {
    height: 39px;
}
.tb_change td {
    color: #ddd;
    font-family: dotum;
    text-indent: 30px;
}
.tb_change td.agree {
    color: #7dd3ff;
}
.tb_change td.refuse {
    color: #ff6856;
}

a.loginPop {
    display: block;
    width: 154px;
    height: 34px;
    margin: 37px 0 0 0;
    background: url(/SUN/WWW/IMG/Common/Login/bt_sub_basic.png) no-repeat 0 0;
    color: #fff;
    overflow: hidden;
    text-indent: -9999em;
}
a.loginPop:hover {
    background-image: url(/SUN/WWW/IMG/Common/Login/bt_sub_over.png);
}