@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
#wrap, html, body {;margin:0;padding:0;}
/*body { min-width: 1300px; background: #212121 url(http://cdn-img.kingkongsoft.kr/jo/bg/bg_main_page.png) 50% 0 no-repeat !important; animation:jojofade .7s ease-out none;-webkit-animation:jojofade .7s ease-out none}*/
/*body { min-width: 1300px; background: #212121 url(http://cdn-img.kingkongsoft.kr/jo/bg/main_bg_1707.jpg) 50% 0 no-repeat !important; }*/
/*body { min-width: 1300px; background: #212121 url(http://cdn-img.kingkongsoft.kr/jo/bg/bg_190423.png) 50% 0 no-repeat !important; }*/
body { min-width: 1300px; background: #020204 url(http://cdn-img.kingkongsoft.kr/jo/bg/bg_tmp_v2.jpg) 50% 0 no-repeat !important; }
/*#wrap {  min-width: 1200px; }*/
/*#wrap { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/bg_main_character.png) 50% 0 no-repeat; min-width: 1200px; }*/
#wrap {  min-width: 1200px; }
#smartPop_overlay { background: #000 !important; }
#smartPop_content { padding: 0px !important;  }
#smartPop_container {background-color:white; -webkit-box-shadow:none !important;}

/*.naver_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 70px;height: 31px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/naver/btn_naver_login.png) 0 0 no-repeat;vertical-align: middle;margin-left: 10px;}
.naver_login_btn > img {display: none;}
.kakao_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 70px;height: 31px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/kakao/btn_kakaol_login.png) 0 0 no-repeat;margin-left: 10px;vertical-align: middle;}
.kakao_login_btn > img {display: none;}*/

.naver_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 42px;height: 41px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/naver/ico_n.jpg) 0 0 no-repeat;vertical-align: middle;margin-left: 10px;}
.naver_login_btn > img {display: none;}
.kakao_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 42px;height: 41px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/kakao/ico_kakao.jpg) 0 0 no-repeat;margin-left: 10px;vertical-align: middle;}
.kakao_login_btn > img {display: none;}
.google_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 42px;height: 41px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/google/ico_g.jpg) 0 0 no-repeat;margin-left: 10px;vertical-align: middle;}
.google_login_btn > img {display: none;}
.facebook_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 42px;height: 41px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/facebook/ico_f.png) 0 0 no-repeat;margin-left: 10px;vertical-align: middle;}
.facebook_login_btn > img {display: none;}


div.login_box p.btn_box > span {  display: inline-block;*display: inline;*zoom: 1; line-height: 1.0; font-size: 10pt; color: #fff;vertical-align: middle;}

/* 스크롤이 생기도록 강제로 변경 */
div[class^=sbHolder_type] {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
 }
ul[class^=sbOptions_type] {
    overflow-y: auto !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }
ul[class^=sbOptions_type] > li {
   -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
ul[class^=sbOptions_type] > li > a {
   -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
@keyframes  bigger {
    from{ transform:scale(1.0,1.0); }
    to{
        transform:scale(2.0,2.0);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }
}

@keyframes jojofade {
    from {opacity:0; filter:alpha(opacity=0)}
    to {opacity:1; filter:alpha(opacity=100)}
}
@-webkit-keyframes jojofade {
    from {opacity:0; filter:alpha(opacity=0)}
    to {opacity:1; filter:alpha(opacity=100)}
}



.header {
    position: relative;z-index: 998;  height: 140px;
}
.footer { background: #2b2c31; border-top: 1px solid #292a2e; min-height: 184px; padding-bottom: 15px;}
.noble_mark { display: inline-block;*display: inline;*zoom: 1; background: url(http://cdn-img.kingkongsoft.kr/www/img/logo.png) 0 0 no-repeat; background-size: 100%; font-size: 0pt;}
.top_logo { width: 150px; height:30px; position: absolute;left: 10px; top:10px;}
/*.bottom_logo { width: 196px; height: 40px; }*/
.bottom_logo { width: 100px; height: 24px; }
.joincomplete_logo { width: 320px; height:78px; background-position: 0px -29px; background-size: 197%; }
.clear { content:"" ; display:block;  height:0px; line-height:0px; font-size:0px; clear:both; }

div#header > div.top_content { margin: 0px auto; width: 1200px; margin: 0px auto;  position: relative; }
/*div#header > div.top_content > a.logo { position: absolute; left:50%; margin-left: -113px; top:50px; z-index: 998; width:226px; text-align:center;}*/
div#header > div.top_content > a.logo { position: absolute; left:50%; margin-left: -95px; top:50px; z-index: 998; width:190px; text-align:center;}
/*div#header > div.top_content > a.logo {position: absolute; left: 50%; margin-left: -168px; top: 33px; z-index: 998; width: 330px; text-align:center;} */
div#header > div.top_content > a.logo > img { width: 100%; }

div#header > div.top_content > div.navi { position: absolute; z-index: 960;  font-size: 0pt; top:88px; line-height: 0pt; height:40px; overflow: hidden;z-index: 3;
    -webkit-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;

}
div#header > div.top_content > div.navi.hover,
div#header > div.top_content > div.navi:hover {
    -webkit-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
    height:210px;

}
div#header div.navi_layer {
    z-index: 1;
    position: absolute;
    left:0px;
    right:0px;
    height: 0px;
    background: #000;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}
div#header div.navi_layer.hover {
    height: 300px;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    border: 1px solid #444;
}

div.navi > ul { position: relative;z-index: 99; }
div.navi > ul > li { width: 145px; display: inline-block;*display: inline;*zoom: 1; font-size: 10pt; line-height: 1.6; vertical-align: top; }
div.navi > ul > li.middle { width: 317px; }
div.navi > ul > li > dl {  }
div.navi > ul > li > dl > dt { text-align: center; }
/*div.navi > ul > li > dl > dt a { color: #fcfefd; font-size: 26px;font-weight: bold; }*/
div.navi > ul > li > dl > dt a { color: #fcfefd; font-size: 26px;
    font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
    font-weight: 400;
    -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -ms-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
div.navi > ul > li > dl > dd { text-align: center; line-height: 1.5; margin-top: 10px;  }
/*div.navi > ul > li > dl > dd > a {  color: #e9eaec;margin-bottom: 3px;width: 145px;font-size: 16px;font-weight: bold;}*/
div.navi > ul > li > dl > dd > a {  color: #e9eaec;margin-bottom: 5px;width: 145px;font-size: 16px;
    font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
    font-weight: 400;
    -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -ms-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -o-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

div.navi > ul > li > dl > dd > a:hover { color: red; text-decoration: underline; }
div.navi > ul > li > dl > dd > a.hover { color: red; text-decoration: underline;}
div.navi dl > dd a:first-child {margin-left: 0px;}
div.navi dl > dd a { display: inline-block;*display: inline;*zoom: 1;width: 90px; height: 20px; }


div.container { position: relative; min-height: 1036px; }


div#banner {  }
div#banner > div.rolling_box { position: relative;}
div#banner > div.rolling_box > div.rolling_list { width: 1200px;height: 380px; position: relative; }
div#banner.sub > div.rolling_box > div.rolling_list { width: 1200px;height: 380px; position: relative; text-align: center;}
/*div#banner > div.rolling_box > div.rolling_list > a { position: absolute; left:50%;margin-left: -25%; bottom:0px;  }*/
div#banner > div.rolling_box > div.rolling_list > a { position: absolute; right:0px;bottom:0px;  }
div#banner > div.rolling_box > ol.btns { position: absolute; bottom:52px;right:0px;left:0px; text-align: center; font-size: 0pt;line-height: 0pt;z-index: 997;}
div#banner.sub > div.rolling_box > ol.btns { position: absolute; bottom:32px;right:0px;left:0px; font-size: 0pt;text-align: center;line-height: 0pt;z-index: 997;}
/*div#banner > div.rolling_box > ol.btns > li { display: inline-block;*display: inline;*zoom: 1;width: 15px;height: 15px; background: url(http://img.noxgame.kr/images/noxgame/sin/btn/event_dot.png) 0 0 no-repeat; margin-left: 5px;}
div#banner > div.rolling_box > ol.btns > li.hover { width: 49px; background: url(http://img.noxgame.kr/images/noxgame/sin/btn/event_dot_ov.png) 0 0 no-repeat; }*/

div#banner > div.rolling_box > ol.btns > li {
    cursor:pointer;
    display: inline-block;*display: inline;*zoom: 1;width: 15px;height: 15px; margin-left: 5px;
    background: #e7e4d1;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
    -webkit-border-radius:7.5px ;
    -moz-border-radius:7.5px ;
    -ms-border-radius:7.5px ;
    -o-border-radius:7.5px ;
    border-radius:7.5px ;
}
div#banner > div.rolling_box > ol.btns > li.hover {
    width: 49px;
    background: /*#cf8124*/ #4e99ff;
    -webkit-transition: width 1s;
     -o-transition: width 1s;
     transition: width 1s;
     /*visibility: visible;*/
}

div.container > div.content { width: 1200px; min-height: 300px; padding-bottom: 50px; margin: 0px auto;}

div.container > div.content > div.section.main {  }
div.container > div.content > div.section.main div#left { margin-right: 332px;/*background: #ddd;*/ min-height: 300px}
div.container > div.content > div.section.main div#right { width: 322px; float:right;line-height: 0pt;font-size: 0pt; position: relative;}
div.container > div.content > div.section.sub div#right { width: 322px; float:right;line-height: 0pt;font-size: 0pt; position: relative;}
div.container > div.content > div.section.sub div#left { margin-right: 332px;min-height: 300px; position: relative;}

div#left > div.top_content { margin-bottom: 20px;  }
div#left > div.line_banner_content { height:120px; position:relative; margin-bottom: 10px;  }
div#left > div.line_banner_content > a { position: absolute;left:0px; right: 0px;}
div#left div.top_left { float:left;  }
div#left div.top_right { margin-left: 330px; }

div#left div.article.news { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/bg_news_box.png) 0 0 no-repeat; width: 320px;height: 225px; padding: 25px; margin-bottom: 10px;}
div#left div.article.news > h3.title { color: #dfdfe1; font-size:20px ; font-weight: 900; position: relative; border-bottom: 1px solid #332c32; line-height: 1.8; margin-bottom: 20px;}
div#left div.article.news > h3.title > a { position: absolute; right:0px; top:0px;  }
div#left div.article.news > ul > li { /*margin-bottom: 18px;*/  }
div#left div.article.news > ul > li > a { color: #dce1e5; width: 270px; height: 25px; display: block;overflow: hidden;}
div#left div.article.news > ul > li > a > b { color: #d27f39/*#3c8bb4*/; font-size: 13px;  }

div#left div.article.news > ul > li > a > b.notice { color: #ac0f38;  }
div#left div.article.news > ul > li > a > b.event { color: #d27f39;  }
div#left div.article.news > ul > li > a > b.update { color: #56a2a2;  }

div#left div.article.movie {width: 320px; line-height: 0pt;font-size: 0pt;}
div#left div.article.movie > a { position: relative; display: block;  }
div#left div.article.movie > a > img.play { position: absolute; left:50%; margin-left: -23.5px; top:50%;margin-top: -30px; }
div#left div.article.movie > a > img.thum { width: 320px;height: 177px; }

div#left div.article.gameinfo { line-height: 0pt;font-size: 0pt; width: 542px; margin-left: -2px;margin-top: -1px;}
div#left div.article.gameinfo > a { display: inline-block;*display: inline;*zoom: 1; margin-left: 2px;margin-top: 1px;position: relative;}

div#left div.article.gameinfo > a > span { line-height: 1.0; color: #d4d4d6; font-size: 23px; font-weight: 900; position: absolute; left:15px; top: 79px; }
div#left div.article.gameinfo > a > span > b {  font-size: 13px; color: /*#de6e37*/ #347bcb; font-weight: 800; }

div.bottom_left { width: 320px; float:left;  }
div.bottom_right { margin-left: 330px; }

ul.article.user_tip { line-height: 0pt; font-size: 0pt; margin-bottom: 10px;}
ul.article.user_tip > li {  }
ul.article.user_tip > li > a { display: block; position: relative; }
ul.article.user_tip > li > a > span { line-height:1.2; color: #f6f5f3; position: absolute;left:20px;top:26px; font-size: 16px; font-weight: 800; }
ul.article.user_tip > li > a > span > b { color: #a4bdd1; font-size: 12px;font-weight: normal; }

div.article.quick_btn { line-height: 0pt;font-size: 0pt;  }
div.article.quick_btn > a:first-child { margin-left: 0px;  }
div.article.quick_btn > a { line-height: 1.8; font-size:16px;font-weight: bold; background: #243350; color: #9faabe; font-size: 17px;width: 159px; height:77px;  display: inline-block;*display: inline;*zoom: 1;vertical-align: top;margin-left: 2px; text-align: center;padding-top: 24px;padding-bottom: 18px;}

div.article.character_info { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/bg_character_box.png) 0 0 no-repeat; min-height:384px;position: relative;}

div.article.character_info > div.des { padding-left: 20px; padding-right: 20px;}
div.article.character_info > div.des > h4 { font-size: 32px;color: #fff; font-weight: 900;border-bottom: 1px solid #3d3d3d;line-height: 1.0;padding-top: 30px;padding-bottom: 23px;margin-bottom: 20px;}
div.article.character_info > div.des > ul {width: 251px;}
div.article.character_info > div.des > ul > li { color: #dedfe1; font-size: 14px; margin-bottom: 5px; font-weight: bold; }
div.article.character_info > div.des > ul > li.feature { padding: 10px 0px 0px 10px; font-weight: normal;font-size: 12px;}
div.article.character_info > div.des > ul > li > span {  width: 113px; height: 32px; background: url(http://cdn-img.kingkongsoft.kr/jo/btn/bg_character_title.png) 0 0 no-repeat; display: inline-block;*display: inline;*zoom: 1; margin-right: 5px; font-size: 13px;font-weight: bold;padding: 5px 0px 0px 19px;}
div.article.character_info > div.des > img.character { position: absolute; bottom: 0px;right:0px; }

div.article.character_info > div.character_btn { line-height: 0pt;font-size: 0pt; position: absolute;bottom:0px;left:0px;z-index: 3;/*border-left: 1px solid #2b3d51; border-right: 1px solid #2b3d51;*/ border: 1px solid #2b3d51;}
div.article.character_info > div.character_btn > a { display: inline-block;*display: inline;*zoom: 1;width: 134px;height: 30px; background: url(http://cdn-img.kingkongsoft.kr/jo/btn/bg_character_btn.png) 0 0 no-repeat; color: #8e9db4; font-size: 15px; font-weight: bold;line-height: 1.0;text-align: center;padding-top: 14px;}
div.article.character_info > div.character_btn > a:hover { background: url(http://cdn-img.kingkongsoft.kr/jo/btn/bg_character_btn_active.png) 0 0 no-repeat; color: #f2f9ff; }
div.article.character_info > div.character_btn > a.hover { background: url(http://cdn-img.kingkongsoft.kr/jo/btn/bg_character_btn_active.png) 0 0 no-repeat; color: #f2f9ff; }

div.article.start_box { margin-bottom: 10px; }
div.article.start_box > a { display: inline-block;*display: inline;*zoom: 1;width: 322px;height: 184px; background: url(http://cdn-img.kingkongsoft.kr/jo/btn/btn_game_start.png) 0 0 no-repeat; position: relative;}
div.article.start_box > a > img.default { position: absolute; left:50%; top:50%; margin-left: -71px; margin-top: -49px; }

div.article.start_box > a:after {
    position: absolute;
    left:50%;
    margin-left: -71px;
    top: 44%;
    margin-top: -49px;
    font-size: 0pt;line-height: 0pt;
    background: url(http://cdn-img.kingkongsoft.kr/jo/btn/btn_game_start_text_only_effect1.png) no-repeat center;
    width: 142px;
    height:98px;
    content:'';
    filter:alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    z-index: 99;
    background-size: 100%;
}

div.article.start_box:hover > a:after {
    -webkit-animation:bigger .8s 1 forwards ease-out 300ms 0 ease;
    -moz-animation:bigger .8s 1 forwards ease-out 300ms 0 ease;
    -ms-animation:bigger .8s 1 forwards ease-out 300ms 0 ease;
    animation:bigger .8s 1 forwards ease-out 300ms 0 ease;
    -moz-animation:bigger .8s 1 forwards ease-out;
    -webkit-animation:bigger .8s 1 forwards ease-out;
    -o-animation:bigger .8s 1 forwards ease-out;
    -ms-animation:bigger .8s 1 forwards ease-out;
    animation:bigger .8s 1 forwards ease-out
}

.btn_start {width:322px; height:183px; text-align:center; background:url(http://cdn-img.kingkongsoft.kr/jo/gamestart/btn_game_start.png) no-repeat;margin-bottom: 10px;}
/*.btn_start {width:322px; height:183px; text-align:center; background:url(http://cdn-img.kingkongsoft.kr/jo/gamestart/btn_game_start_v3.png) no-repeat;margin-bottom: 10px;}*/
.btn_area {position:relative; width:100%; height:100%; /*overflow:hidden;*/ display: inline-block;*display: inline;*zoom: 1;}
.btn_area > span {display:block; position:absolute; left:50%; top:-400px; width:195px; height:281px; margin-left:100px; transition:all .02s ease-out; pointer-events:none; z-index: 1;}
/*.btn_area > span {display:block; position:absolute; left:50%; top:-250px; width:195px; height:281px; margin-left:20px; transition:all .02s ease-out; pointer-events:none; z-index: 1;}*/
.btn_area:hover > span {top:-50px; margin-left:-82px; transition:.2s all .2s ease-out; }
.btn_area > span > img {opacity:0; filter:alpha(opacity=0); transition:opacity .02s ease-out}
.btn_area:hover > span > img {opacity:1; filter:alpha(opacity=100); transition:opacity .2s ease-out}

.btn_area > img {position:relative; margin-top:48px;z-index: 2;}
.btn_area > h1 {position:absolute; left:50%; top:42px; width:164px; height:87px; margin-left:-82px; opacity:0; filter:alpha(opacity=0); transition:opacity .2s ease-out}
.btn_area:hover > h1 {opacity:1; filter:alpha(opacity=100); transition:.3s opacity .75s ease-out}
.btn_area > h2 {position:absolute; left:50%; top:35px; width:189px; height:101px; margin-left:-94px; opacity:0; filter:alpha(opacity=0); transition:opacity .2s ease-out}
.btn_area:hover > h2 {opacity:1; filter:alpha(opacity=100); transition:.3s opacity 1s ease-out}
.btn_area > h3 {position:absolute; left:50%; top:110px; width:208px; height:28px; margin-left:-104px; overflow:hidden; opacity:0; filter:alpha(opacity=0); transition:opacity .1s ease-out}
.btn_area:hover > h3 {opacity:1; filter:alpha(opacity=100); transition:.3s opacity .45s ease-out}


.btn {
    display: inline-block;*display: inline;*zoom: 1; padding:8px 5px 8px 5px; color: #fff; line-height: 1; font-size: 10pt; border: 1px solid #555; background: #293039;  text-align: center; min-width:80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
}


div.login_box { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/bg_login_box.png) 0 0 no-repeat; height:217px; position: relative;padding: 20px 15px 0px 15px; margin-bottom: 174px;}
div.container > div.content > div.section.sub div.login_box { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/bg_login_box.png) 0 0 no-repeat; height:217px; position: relative;padding: 20px 15px 0px 15px; margin-bottom: 10px !important;}
div.login_box div.reg_input { position: relative; margin-bottom: 10px; height: 70px;}
div.login_box div.reg_input > input.text { background: #282828; border: 1px solid #393939; font-size: 13px; padding:8px 0px 8px 5px; color: #7f7f7f; width: 195px;margin-bottom: 2px;}
div.login_box div.reg_input > input.login_btn { color: #fff; width: 93px;height: 68px; background: /*#872f00*/ #295b8e; border: 0px; position: absolute;right:0px;top:0px;font-size: 15px;font-weight: bold;cursor:pointer;}
div.login_box p.short_link { font-size: 12px; color: #666666; line-height: 1.0;}
div.login_box p.line { border-top: 1px solid #1a1a1a; margin: 20px 0px 15px 0px; }
div.login_box p.btn_box { line-height: 1.0; text-align: center;}

div.login_box p.btn_box > a.join { width: 180px; padding: 8px 10px; font-weight: bold; background: #243350; color: #9faabe; border: 1px solid #3c537f;}
div.login_box p.btn_box > a.join { width: 180px; padding: 8px 10px; font-weight: bold; background: #243350; color: #9faabe; border: 1px solid #3c537f;}
div.login_box p.btn_box > a.goldgift { width: 292px; height: 53px; background: url(http://cdn-img.kingkongsoft.kr/jo/btn/button_gift_off.jpg) 0 0 no-repeat;font-size: 0pt;line-height: 0pt;border: 0px;}
div.login_box p.btn_box > a.goldgift:hover { background: url(http://cdn-img.kingkongsoft.kr/jo/btn/button_gift_on.jpg) 0 0 no-repeat;  }

input.og_agree {border: none; width: 180px; height: 38px; display: inline-block;*display: inline;*zoom: 1; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/ongate/btn_og_arr.jpg) 0 0 no-repeat; cursor:pointer;}

div.login_box div.mem_info { line-height: 1.6; font-size: 11pt;  margin-bottom: 10px;height: 70px;}
div.login_box div.mem_info > h3 { font-size: 18px; color: #fff; font-weight: 900; margin-bottom: 7px; position: relative;}
div.login_box div.mem_info > h3 > span { font-size: 14px; font-weight: bold; margin-left: 5px; }
div.login_box div.mem_info > h3 > a.logout_btn { position: absolute; right:5px; bottom:0px; font-size: 12px; }
div.login_box div.mem_info > p.cash_info {  position: relative; }
div.login_box div.mem_info > p.agree_text {  position: relative; text-align: center; color: #fff; font-size: 12px; }
div.login_box div.mem_info > p.agree_text > b {  color: red; }

div.login_box div.mem_info > p.cash_info > span { border: 1px solid #e3e6eb; background: #aeb2b5; color: #000; font-size: 14px;font-weight: bold; width: 200px; padding: 5px 0px 5px 5px; display: inline-block;*display: inline;*zoom: 1;position: relative;}
div.login_box div.mem_info > p.cash_info > span > b { position: absolute;right:5px; color: #0329a5; }
div.login_box div.mem_info > p.cash_info > a.cash_charge { background: #3366cc; border: 1px solid #7e9dff; padding: 10px 10px 9px 10px; width:65px;color: #fff;}

div#right a.buy_gold_btn { width: 322px; height: 120px; display: inline-block;*display: inline;*zoom: 1; background: url(http://cdn-img.kingkongsoft.kr/jo/btn/bg_cash_box.png) 0 0 no-repeat; position: relative; margin-bottom: 10px;}
div#right a.buy_gold_btn > img.gold_text { position: absolute; left:35px; top:42px;  }
div#right a.buy_gold_btn > img.gold_icon { position: absolute; right:40px; top:40px;  }


div#right img.server_banner { display: block; margin: 0px auto 10px auto; max-width: 322px  }
div#right a.screenshot_banner { display: block; width: 322px; text-align: center; }
div#right a.screenshot_btn { display: inline-block;*display: inline;*zoom: 1; background: url(http://cdn-img.kingkongsoft.kr/jo/bg/bg_screenshot_box.png) 0 0 no-repeat; width: 322px; height:254px; position: relative;}
div#right a.screenshot_btn > img { position: absolute; left:50%; top:50%; margin-left: -101.5px; margin-top: -19px;  }

div.footer_top {  border-bottom: 1px solid #3c3d42; }
div.footer_top > ul.site_info { width: 1200px; margin: 0px auto; font-size: 0pt;line-height: 0pt; padding: 20px 0px;}
div.footer_top > ul.site_info > li {  display: inline-block;*display: inline;*zoom: 1; padding: 0px 20px 0px 25px; font-size: 14px;line-height: 1.0; position: relative;}
div.footer_top > ul.site_info > li > a {  color: #ababb3;}
div.footer_top > ul.site_info > li > a > b { color: red; }
div.footer_top > ul.site_info > li:first-child { padding-left: 0px;  }
div.footer_top > ul.site_info > li:first-child:after {border: 0px;}
div.footer_top > ul.site_info > li:after { position: absolute; content:""; left:0px; top:0px; bottom:0px; border-left: 1px solid #494a4e; }

div.footer_bottom { width: 1200px; margin: 0px auto; padding-top: 30px; position: relative; }
div.footer_bottom > ul { width: 120px; float: left; height: 100px; }
div.footer_bottom > p.addr { margin-left: 130px; }

div.footer_bottom > p.addr { margin-left: 130px; color: #7b7c81; font-size: 12px;}
div.footer_bottom > div.grade { position: absolute; right: 0px; top:33px; }
div.footer_bottom > div.grade > img:first-child { margin-left: 0px;  }
div.footer_bottom > div.grade > img { margin-left: 3px; }

.op_layer {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background: #000;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 1;
    border: 1px solid #2e333e;
}

.op_layer2 {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background: #2d5bb3;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 1;
}
h2.page_title { position: relative;font-size: 29px; font-weight: 900; color: #ffffff; border-bottom: 1px solid #282e3c; line-height: 1.0;z-index: 3;padding: 33px 51px;}

div.board_content { position: relative;z-index: 3; padding: 33px 51px; min-height: 718px;}
div.section.pull-content div#left div.board_content { padding: 33px 15px !important;  }

h3.sub_text { position: relative;font-size: 18px; font-weight: 600; color: #ffffff; line-height: 1.0;z-index: 3;padding: 15px 0px;}
div.board_content > ul.tab { line-height: 0pt;font-size: 0pt; border-bottom: 1px solid #555555; margin-bottom: 30px;}
div.board_content > ul.tab > li { display: inline-block;*display: inline;*zoom: 1; position: relative;margin-left: 5px;bottom:-1px;}
div.board_content > ul.tab > li:first-child {margin-left: 0px;}
div.board_content > ul.tab > li > a { display: inline-block;*display: inline;*zoom: 1; padding: 12px 0px 11px 0px; text-align: center;color: #fff;font-size: 13px;width: 122px;position: relative;z-index: 3;line-height: 1;border: 1px solid #555555;}
div.board_content > ul.tab.guide > li > a { width: 120px;  }
div.board_content > ul.tab > li > a:hover { background: #2d5bb3; border: 1px solid #5271ad; }
div.board_content > ul.tab > li > a.hover { background: #2d5bb3; border: 1px solid #5271ad; }
div.board_content > ul.tab.faq > li > a {  width:120px;  }
div.board_content > ul.tab > li:after {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background: #000;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 1;
    content:"";
}

table.board_table { width: 100%; border-top: 1px solid #414e5e; }
table.board_table thead th { background: #293039; color: #fff; font-size: 16px;text-align: center; padding: 16px 0px 15px 0px;border-bottom: 1px solid #414e5e;}
table.board_table thead th:first-child {border-left: 1px solid #414e5e;  }
table.board_table thead th:last-child {border-right: 1px solid #414e5e;  }
table.board_table tbody th { text-align: center;  }
table.board_table tbody th,table.board_table tbody td { border-bottom: 1px solid #555555; padding: 10px 0px 10px 0px; font-size: 13px;color: #fff;}
table.board_table tbody th b { display: inline-block;*display: inline;*zoom: 1;line-height: 1;font-size: 13px; padding: 8px 0px;width: 62px;text-align: center;color: #fff;font-weight: 900;font-family: 'Nanum Gothic';vertical-align: middle;background: #4c5c8a;}
table.board_table tbody th b.notice { background: #ac0f38;  }
table.board_table tbody th b.event { background: #643896;  }
table.board_table tbody th b.update { background: #56a2a2;  }
table.board_table tbody th b.red { background: red;  color: #fff !important; }
table.board_table tbody th b.yellow { background: #7b7b3f; color: #000 !important; }
table.board_table tbody th b.green { background: green; color: #fff !important; }

table.board_table tbody th b.we { background: #00B050; color: #fff !important; }
table.board_table tbody th b.chock { background: #E1993E; color: #fff !important; }
table.board_table tbody th b.oh { background: #448ACA; color: #fff !important; }


table.board_table tbody td a { color: #fff; display: inline-block;*display: inline;*zoom: 1;width: 100%; height: 24px;vertical-align: middle; overflow: hidden; }

table.board_table tbody tr.notice { position: relative; }
table.board_table tbody tr.notice { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/notice_bg.png) 0 0 repeat;  }
table.board_table tbody tr.notice th,
table.board_table tbody tr.notice td {  padding: 10px 0px 10px 0px; }
table.board_table tbody tr.notice td > a { font-weight: bold;  }

/*i.adicon { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/jo/img/img_foot_logo.png) 50% 50% no-repeat; background-size: 100%;width: 44px ; height: 40px; vertical-align: middle;}*/
i.adicon { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/jo/icon/admin_icon_1.png) 50% 50% no-repeat; background-size: 100%;width: 100px ; height: 30px; vertical-align: middle;}

div.search_box { text-align: center; margin-top: 30px;}
div.search_box input.search_string { border: 1px solid #555; font-size: 13px;padding:9px 0px 9px 5px; outline:0px;vertical-align: middle;width: 185px; background:#000; opacity:0.8; color: #868686;}
div.search_box input.search_btn { display: inline-block;*display: inline;*zoom: 1; width: 50px;height: 35px;background: url(http://cdn-img.kingkongsoft.kr/jo/icon/search_icon.gif) 0 0 no-repeat;line-height: 0pt;font-size: 0pt;border:none;vertical-align: middle; cursor:pointer; vertical-align: middle;}

div.pageing { text-align: center; line-height: 0pt;font-size: 0pt;margin-top: 30px;}
div.pageing > ul {}
div.pageing > ul > li { display: inline-block; *display: inline;*zoom: 1;margin-left: 2px;}
div.pageing > ul > li:first-child { margin-left: 0px; }
div.pageing > ul > li > a { display: inline-block;*display: inline;*zoom: 1; font-size: 12px; line-height: 1; padding:8px 0px 8px 0px; text-align: center; width:35px; background: #293039;color: #fff;border: 1px solid #555;}
div.pageing > ul > li > span.cur { display: inline-block;*display: inline;*zoom: 1;line-height: 1;padding: 8px 0px 8px 0px;font-size: 12px;width: 35px ;background: #000;  color: #fff; border: 1px solid #555;}
div.pageing > ul > li > a.prev_f { width: 65px; }
div.pageing > ul > li > a.next_l { width: 65px; }
div.pageing > ul > li > a.prev { width: 40px;  }
div.pageing > ul > li > a.next { width: 40px; }

dl.board_view {  }
dl.board_view > dt { border: 1px solid #414e5e; background: #293039;color: #fff; padding: 14px 15px 14px 15px;line-height:1pt;font-size: 14px;}
dl.board_view > dt > span.title { display: block; line-height: 1;margin-right: 230px;line-height: 1.4;}
dl.board_view > dt > span.write_info { min-width: 100px; float:right;vertical-align: middle;  line-height: 1;font-size: 12px;}
dl.board_view > dt > span.write_info > b { line-height: 1; position: relative;margin-left: 5px; font-weight: normal;}
dl.board_view > dt > span.write_info > b > i { float:right; margin-top: -6px; margin-left: 5px;}
dl.board_view > dd.textarea { padding: 35px 25px 150px 25px; color: #fff; line-height: 2; border-bottom: 1px solid #555; }
/*dl.board_view > dd.textarea.notice { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/board_notice_bg.png) 50% 0 no-repeat;  }*/
dl.board_view > dd.textarea img {  max-width:716px; }
dl.board_view > dd.textarea.event { padding-left:0px !important;padding-right:0px !important; padding-bottom: 20px !important; }
dl.board_view > dd.textarea.event img {  max-width:766px; }
/* 이벤트 업데이트 게시판에만 이미지 최대싸이즈 변경 */
div.section.pull-content div#left div.board_content dl.board_view > dd.textarea.event img { max-width: 838px; }

dl.board_view > dd.answer { padding:35px 25px 15px 100px ; position: relative;color: #fff;}
dl.board_view > dd.answer > span { display: inline-block;*display: inline;*zoom: 1;width: 75px; position: absolute;left:25px;top:35px;}
/* 글쓰기 */
dl.board_write {  border-top: 1px solid #555; }
dl.board_write > dt {  border-bottom: 1px solid #555; }
dl.board_write > dt > span { display: inline-block;*display: inline;*zoom: 1; color:#fff; min-width: 65px;line-height: 1.2;margin-right: 20px;border-right: 1px solid #555;}
dl.board_write > dt > input.text { padding:10px 0px 9px 10px; font-size: 12px; border: 1px solid #666;color: #7f7f7f; width: 650px;vertical-align: middle;background: #282828;}
dl.board_write > dt > input.text.type01 { width: 540px; margin-left: 5px; }
dl.board_write > dt > textarea[name=des] { width: 650px; vertical-align: middle; background: transparent;border: 1px solid #666; color: #fff;}
dl.board_write > dt.subject { font-size: 12px; padding:9px 0px 8px 10px; }
dl.board_write > dt.subject > span { padding-left:10px; }

dl.board_write > dt.etc { font-size: 12px; position: relative; color: #d7af8c;padding:7px 0px 6px 20px; }
dl.board_write > dt.etc > select { font-size: 12px; }
dl.board_write > dt.etc  input[type=checkbox] { vertical-align: middle; }

dl.board_write > dt.etc > input#fileInput { padding:8px 0px 8px 10px; width: 620px;border: 1px solid #666;color: #000;}
dl.board_write > dt.etc > input.file_input_button { display:none; width: 103px;height: 31px;background: url(http://img.noxgame.kr/images/noxgame/cc/btn/btn_file_search.gif) 0 0 no-repeat;font-size: 0pt;line-height: 0pt; text-indent: -9999; border:none;position: absolute;right:0px;top:7px;z-index: 1;cursor:pointer;}
dl.board_write > dt.etc > input.file_input_hidden {
    width: 620px;
    padding:6px 0px 7px 0px;
    border: 1px solid #666;
    /*width: 75px;height: 28px; text-indent: -9999; border:none;position: absolute;right:29px;top:7px;display: inline-block;*display: inline;*zoom: 1;z-index: 98;
     -webkit-opacity:0 ; -moz-opacity:0 ; -ms-opacity:0 ; -o-opacity:0 ; opacity: 0; filter: alpha(opacity=0); cursor:pointer;*/
}

dl.board_write > dd.textarea { /*background: #444;*/ }

ul.img_list { font-size: 0pt;line-height: 0pt; width: 799px; margin-left: -23px; }
ul.img_list > li { width: 240px; /*border: 1px solid #555;*/ display: inline-block;*display: inline;*zoom: 1;margin-left: 23px; margin-bottom: 18px;vertical-align: top}
ul.img_list > li > a { display: inline-block;*display: inline;*zoom: 1; position: relative; width: 240px;max-height: 200px; overflow: hidden;background: #000;text-align: center;line-height:200px;}
ul.img_list > li > a > img { width: 100%; vertical-align: middle; }
ul.img_list > li > a > span.best { color: #fff; background: #2d5bb3; font-size: 12px;line-height: 1.0;padding: 8px 0px; width: 65px;position: absolute;left:0px;top:0px;text-align: center;font-weight: bold;}
ul.img_list > li > a > div.subject { position: absolute; bottom:0px; left:0px; right:0px; height:38px;line-height: 1.6;}
ul.img_list > li > a > div.subject > span.text { color: #fff; line-height: 1.0; font-size: 14px;z-index: 3;position: relative; display: inline-block;*display: inline;*zoom: 1;margin: 10px 10px 10px 10px;width: 220px; height: 15px;overflow: hidden;}
ul.img_list > li > p { background: #000; padding: 15px 15px; color: #fff;font-size: 13px;line-height: 1.0;}
ul.img_list > li > p > b { font-weight: normal; display: block; margin-bottom: 10px; }

div.board_content > ul.update_list {  }
div.board_content > ul.update_list > li:first-child { padding-top: 0px;  }
div.board_content > ul.update_list > li { padding:0px 0px 0px 0px; position: relative;height: 208px; background: url(http://cdn-img.kingkongsoft.kr/jo/bg/line.png) 0 bottom no-repeat;}
div.board_content > ul.update_list > li > div { padding:0px 0px 0px 350px;  }
div.board_content > ul.update_list > li > div > a { width: 412px; height: 70px; color: #fff; overflow: hidden; display: block; }
div.board_content > ul.update_list > li > div > a > img { position: absolute;left:0px; top:28px; width: 320px; height: 150px;}
div.board_content > ul.update_list > li > div > a > p { color: #fff; font-size: 24px;font-weight: bold; margin-top: 42px;  }
div.board_content > ul.update_list > li > div > p.des { color: #a0a0a0; font-size: 14px;  line-height: 1.2;margin-top: 5px;height: 65px;}
div.board_content > ul.update_list > li > div > span.date { display: inline-block;*display: inline;*zoom: 1;font-size: 14px; color: #707070; }


div.btn_box { margin: 25px 0px 10px 0px; text-align:right; line-height: 0pt;font-size: 0pt;position: relative; }
div.btn_box a { display: inline-block;*display: inline;zoom: 1; margin-left: 2px; color: #fff;}
div.btn_box > div.another { position: absolute;left:0px; line-height: 1.0;}

div.reply_write_box { position: relative; margin-top: 30px; margin-bottom: 30px; }
div.reply_write_box > textarea { width: 664px;padding:10px; background: #fff; border: 1px solid #999; height:48px;vertical-align:middle;color: #000;}
div.reply_write_box > input.submit { width: 98px; padding: 24px 0px 23px 0px; display: inline-block;*display: inline;*zoom: 1; border:none;vertical-align: middle;cursor:pointer; background: #980901; font-size: 12pt;line-height: 1pt;color: #fff;font-weight: bold;font-family: 'Naum Gothic'vertical-align:middle;}
p.reply_count { color: #000; margin-bottom: 5px; }
p.reply_count > img { vertical-align: middle; }
p.reply_count > b { vertical-align: middle;color: #000; font-weight: normal;}
ul.reply_list { border-top: 1px solid #2f2f2f; }
ul.reply_list > li { padding:20px 0px 18px 20px; border-bottom:1px solid #2f2f2f; position: relative;color: #fff;}
ul.reply_list > li > span.writer { display: inline-block;*display: inline;*zoom: 1; margin-right: 10px;font-size: 10pt; font-weight: bold;vertical-align: middle;color: #fbffff;}
ul.reply_list > li > span.writer > img { height: 30px; }
ul.reply_list > li > span.date {  display: inline-block;*display: inline;*zoom: 1; font-size: 12px; letter-spacing: -1px; vertical-align: middle;margin-right: 10px;color: #c1c1c1;}
ul.reply_list > li > span.func_btn { position: absolute; right:0px; top:25px; }
ul.reply_list > li > span.func_btn > img.re_btn { vertical-align: top; cursor:pointer;}
ul.reply_list > li > span.func_btn > a  { vertical-align: top; }
ul.reply_list > li > span.func_btn > a > img { vertical-align: top; }


ul.reply_list > li > p { font-size: 10pt; margin-top: 5px; padding-right: 20px;line-height: 12pt;word-wrap: break-word;color: #fbffff;}
ul.reply_list > li.depth { padding-left: 45px; }
ul.reply_list > li.depth a.del_btn { overflow: hidden;display: inline-block;*display: inline;*zoom: 1;width: 42px;height: 13px;}
ul.reply_list > li.depth a.del_btn > img { margin: -2px; }
ul.reply_list > li > span.reply_icon2 { display: inline-block;*display: inline;*zoom: 1;width: 15px;  height: 15px; background: url(http://cdn-img.kingkongsoft.kr/jo/icon/btn_reply.gif) 0 0 no-repeat;position: absolute;left:20px;top:36px; margin-right: 5px;}
ul.reply_list > li.reply_write {  }
ul.reply_list > li.reply_write > img { vertical-align: middle;margin-right: 5px; }
ul.reply_list > li.reply_write > textarea { vertical-align: middle; padding:5px; height: 37px; width: 590px; border: 1px solid #999; background: #fff;color: #000;}
ul.reply_list > li.reply_write > input.reply_reg { width: 98px; padding: 19px 0px 18px 0px; display: inline-block;*display: inline;*zoom: 1; border:none;vertical-align: middle;cursor:pointer; background: #980901; font-size: 11pt;line-height: 1pt;color: #fff;font-weight: bold;font-family: 'Naum Gothic'vertical-align:middle; }

.ready_box {
    position: relative;
    text-align: right;
}
.ready_box > p { font-size: 26pt; font-weight: 900; color: #fff;  position: absolute;left:176px; top:158px; }

div.movie_area { height:472px; }

div.media_box { border-top: 1px solid #555; margin-top: 30px; }
div.media_box > ul.media_list { font-size: 0pt; line-height: 0pt; width: 825px; padding: 30px 0px 15px 0px;}
div.media_box > ul.media_list > li:first-child { margin-left: 0px; }
div.media_box > ul.media_list > li { display: inline-block;*display: inline;*zoom: 1; width: 240px; position: relative; margin-bottom: 18px; vertical-align: top; text-align: center;margin-left: 23px;}
div.media_box > ul.media_list > li > a { display: inline-block;*display: inline;*zoom: 1;width: 240px; position: relative;}
div.media_box > ul.media_list > li > a > img.thum { width: 240px; height: 200px; }
div.media_box > ul.media_list > li > a > img.best_icon { position: absolute;left:0px; top:0px; }
div.media_box > ul.media_list > li > a > p { position: absolute; bottom:0px; left:0px; right:0px; height: 38px;}
div.media_box > ul.media_list > li > a > p > span.op {
    background: #000;
     -webkit-opacity:0.7 ;
    -moz-opacity:0.7 ;
    -ms-opacity:0.7 ;
    -o-opacity:0.7 ;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index:0;
}
div.media_box > ul.media_list > li > a > p > b { color: #fff; font-size: 10pt;line-height: 1.6; position: absolute;z-index: 3; height: 22px; width: 220px; top:8px; left:10px; overflow: hidden;}
div.media_box > ul.media_list > li > b { display: block; font-size: 9pt;line-height: 1.4; padding: 15px 0px 5px 10px; position: relative; min-height: 15px;}
div.media_box > ul.media_list > li > b > img { height:25px; position: absolute;left:3px; top:9px; }
div.media_box > ul.media_list > li > span { display: block;font-size: 9pt;line-height: 1.4; padding: 5px 0px 0px 10px; margin-bottom: 10px;}
div.media_box > ul.media_list > li > span > b { color: #999; display: inline-block;*display: inline;*zoom: 1;font-size: 9pt; vertical-align: middle; height: 10px; margin: 0px 5px 0px 6px; line-height: 0.7;}

div.gallery_box  { position: relative; }
div.gallery_box .grid {margin-left: -23px; width: 825px; font-size: 0pt; line-height: 0pt; }
div.gallery_box .grid-item {width: 240px; height: 200px; display: inline-block;*display: inline;*zoom: 1; margin-left: 23px; margin-top: 23px; overflow: hidden;}

ul#shop_content {border-top:2px solid #414141;}

table#shop_table {width:100%;margin-top:30px;}
table#shop_table tr {border-bottom:1px solid #414141;}
table#shop_table tr#shop_table_subtitle {border-bottom:2px solid #414141; }

table#shop_table tr th {padding:15px 15px 15px 20px;font-size:14px;font-weight:bold;color: #cdcdcd;}
table#shop_table tr th span {display:block;border-right:1px solid #414141;color: #fff;}
table#shop_table tr#shop_table_subtitle th {font-size:18px;font-weight:bold;color:#fff}
table#shop_table tr td {padding:15px 15px 15px 20px;font-size:14px;font-weight:bold;width:155px;width:550px;color: #cdcdcd;}
table#shop_table tr td i { font-style: normal; }
ul#shop_content li h4 {font-size:16px;font-weight:bold;margin-bottom:15px;color:#fff;}
p.shop_btn_wrap {text-align:right;margin-top:25px;}
h4.shop_warning_text {margin-top:30px;}
p.shop_text_wrap {font-size:14px;color:#666;line-height:22px;}

/*#shop_content a.cash_btn { display: inline-block;*display: inline;*zoom: 1;background: #243350; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #9faabe;font-weight: bold; border: 1px solid #3c537f;}
#shop_content a.charge_btn { display: inline-block;*display: inline;*zoom: 1;background: #243350; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #9faabe;font-weight: bold; border: 1px solid #3c537f;}
#shop_content a.gift_gold_btn { display: inline-block;*display: inline;*zoom: 1;background: #243350; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #9faabe;font-weight: bold; border: 1px solid #3c537f;}*/

div.page_tab_contents.newbie { position: relative;  }
div.page_tab_contents.newbie > img {max-width: 766px;}
div.page_tab_contents.newbie > div.btn_box {position: absolute;left:0px;right:0px;text-align: center;top:1837px;}
div.page_tab_contents.newbie > div.btn_box > a {position: relative;display: inline-block;*display: inline;*zoom: 1;margin-left: 30px;}
div.page_tab_contents.newbie > div.btn_box > a:first-child {margin-left: 0px;}
div.page_tab_contents.newbie > div.btn_box > a > img.on {display: none;}
div.page_tab_contents.newbie > div.btn_box > a:hover > img.on {position: absolute;left:0px;top:0px;z-index: 2;display: block;}

div.page_tab_contents.newbie > div.download_box { position: absolute;  }
div.page_tab_contents.newbie > div.type01 { font-size: 0pt; line-height: 0pt; top:290px;left:63px;}
div.page_tab_contents.newbie > div.type01 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 98px;}
div.page_tab_contents.newbie > div.type01 > a:first-child { margin-left: 0px;  }
div.page_tab_contents.newbie > div.type02 { font-size: 0pt; line-height: 0pt; top:603px;left:63px; }
div.page_tab_contents.newbie > div.type02 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 98px;}
div.page_tab_contents.newbie > div.type02 > a:first-child { margin-left: 0px;  }

div.page_tab_contents.newbie > div.type03 { font-size: 0pt; line-height: 0pt; top:333px;left:56px; }
div.page_tab_contents.newbie > div.type03 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 142px;}
div.page_tab_contents.newbie > div.type03 > a:first-child { margin-left: 0px;  }

/* floating banner */
div.container > div.content > div.section div#right div.fixed_layer{ position: absolute; right:-15px;  top:-410px; width: 0px;height: 0px; z-index: 99;}
div.container > div.content > div.section div#right div.fixed_layer > a { position: fixed;  }

/* jangsu board */
div.board_content.jangsu { padding: 33px 21px; min-height: 1000px }
div.board_content.jangsu > h1.jangsu_title { font-size: 26pt; font-weight: 900; text-align: center; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; color: #fff; padding: 20px 0px 50px 0px;}
ul.jangsu_list {  }
ul.jangsu_list > li { font-size: 0pt; line-height: 0pt;}
ul.jangsu_list > li > a { display: inline-block;*display: inline;*zoom: 1; width: 205px;height: 121px; position: relative;}
ul.jangsu_list > li > a > img { width: 100%; position: absolute; left:0px;top:0px; display: none; }
ul.jangsu_list > li > a > img:first-child { display: block;  }
ul.jangsu_list > li > a:hover img.forward,
ul.jangsu_list > li > a.hover img.forward {  display: block;  }
ul.jangsu_list > li > div.detail_box {
     position: relative;
     overflow: hidden;
     height: 0px;
    -webkit-transition: height 0.8s;
    -o-transition: height 0.8s;
    transition: height 0.8s;
}
ul.jangsu_list > li > div.detail_box.hover {
    -webkit-transition: height 0.8s;
    -o-transition: height 0.8s;
    transition: height 0.8s;
    height: 377px;
 }
ul.jangsu_list > li > div.detail_box > span.close { display: inline-block;*display: inline;*zoom: 1; width: 23px;height: 23px; background: url(http://cdn-img.kingkongsoft.kr/jo/jangsu/x.png) 0 0 no-repeat; position: absolute;top:24px;right:28px;cursor: pointer;}



div.buy_content { overflow: hidden; }
div.buy_content.cash { padding-left: 15px; }
div.buy_content > h3 { color: #fff; font-size: 11pt;font-weight: bold; margin-bottom: 10px;}
div.buy_content > h3 > img { vertical-align: middle; margin-top: -1px; margin-right: 2px;}
div.buy_content > ul.cash_info { border: 1px solid #414141; position: relative;padding:28px 0px 27px 20px; margin-bottom: 30px;}
div.buy_content > ul.cash_info > li:first-child { width: 0px; }
div.buy_content > ul.cash_info > li:first-child > a { position: absolute;right: 30px; top:50%; margin-top: -18px;}
div.buy_content > ul.cash_info > li { display: inline-block;*display: inline;*zoom: 1; font-size: 11pt; color: #fff;width: 270px;}
div.buy_content > ul.cash_info > li > span { font-weight: bold; color: #fff;}


div.buy_content > div.gold_select { font-size: 0pt;line-height: 0pt; /*overflow-x: hidden;*/width: 776px; margin-bottom: 30px;margin-left: -10px;}
div.buy_content > div.gold_select > label { width: 145px;height: 145px; position: relative; display: inline-block;*display: inline;*zoom: 1; margin: 0px 0px 10px 10px;vertical-align: top; background-size:100%;}
div.buy_content > div.gold_select > label > input { display:none; }

div.buy_content > div.gold_select > label.gold50 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_01_off.jpg) ; }
div.buy_content > div.gold_select > label.gold50:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_01_on.jpg) ;}
div.buy_content > div.gold_select > label.gold50.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_01_on.jpg); }
div.buy_content > div.gold_select > label.gold150 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_02_off.jpg); }
div.buy_content > div.gold_select > label.gold150:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_02_on.jpg); }
div.buy_content > div.gold_select > label.gold150.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_02_on.jpg); }
div.buy_content > div.gold_select > label.gold250 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_03_off.jpg); }
div.buy_content > div.gold_select > label.gold250:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_03_on.jpg); }
div.buy_content > div.gold_select > label.gold250.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_03_on.jpg); }
div.buy_content > div.gold_select > label.gold500 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_04_off_1.jpg); }
div.buy_content > div.gold_select > label.gold500:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_04_on_1.jpg); }
div.buy_content > div.gold_select > label.gold500.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_04_on_1.jpg); }
div.buy_content > div.gold_select > label.gold1500 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_05_off_1.jpg); }
div.buy_content > div.gold_select > label.gold1500:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_05_on_1.jpg); }
div.buy_content > div.gold_select > label.gold1500.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_05_on_1.jpg); }
div.buy_content > div.gold_select > label.gold2000 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_06_off.jpg); }
div.buy_content > div.gold_select > label.gold2000:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_06_on.jpg); }
div.buy_content > div.gold_select > label.gold2000.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_06_on.jpg); }
div.buy_content > div.gold_select > label.gold2500 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_07_off.jpg); }
div.buy_content > div.gold_select > label.gold2500:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_07_on.jpg); }
div.buy_content > div.gold_select > label.gold2500.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_07_on.jpg); }
div.buy_content > div.gold_select > label.gold5000 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_08_off.jpg); }
div.buy_content > div.gold_select > label.gold5000:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_08_on.jpg); }
div.buy_content > div.gold_select > label.gold5000.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_08_on.jpg); }
div.buy_content > div.gold_select > label.gold10000 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_09_off.jpg); }
div.buy_content > div.gold_select > label.gold10000:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_09_on.jpg); }
div.buy_content > div.gold_select > label.gold10000.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_09_on.jpg); }
div.buy_content > div.gold_select > label.gold12500 { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_10_off.jpg); }
div.buy_content > div.gold_select > label.gold12500:hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_10_on.jpg); }
div.buy_content > div.gold_select > label.gold12500.hover { background-image: url(http://cdn-img.kingkongsoft.kr/jo/shops/CashBox_10_on.jpg); }

div.buy_content > div.gold_select > label > span { position: absolute; left:0px; bottom:8px; width: 153px;  font-size: 10pt;font-weight: bold;line-height: 1.2; text-align: center;padding:4px 0px 4px 0px; color: #fff;}

div.buy_content > ul.gold_info { border: 1px solid #414141; position: relative;padding:15px 0px 15px 20px; margin-bottom: 30px;}
div.buy_content > ul.gold_info > li { display: inline-block;*display: inline;*zoom: 1; font-size: 11pt; color: #fff;letter-spacing: -1px;margin: 0px 18px 10px 0px; ;min-width: 349px;}
div.buy_content > ul.gold_info > li > span { font-weight: normal; color: #dfdfdf;}
div.buy_content > ul.gold_info > li > u { font-style: normal; margin-left: 5px; text-decoration: none;}
div.buy_content > ul.gold_info > li > img { vertical-align: middle; margin-top: -2px;margin-right: 5px;}

div.buy_content > ul.coution > li { font-size: 10pt; color: #ccc; font-weight: normal; }

div.buy_content a.cash_btn { display: inline-block;*display: inline;*zoom: 1;background: #243350; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #9faabe;font-weight: bold; border: 1px solid #3c537f;}
div.buy_content a.charge_btn { display: inline-block;*display: inline;*zoom: 1;background: #243350; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #9faabe;font-weight: bold; border: 1px solid #3c537f;}
div.buy_content a.gift_gold_btn { display: inline-block;*display: inline;*zoom: 1;background: #9c261e; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #fff;font-weight: bold; border: 1px solid #d8382c;}
div.buy_content p.btn_box { text-align: center; margin: 15px 0px;  }


select[name=iServerNo] { width: 200px; font-size: 11pt; font-weight: bold; padding: 5px 0px;}