@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.nanumsquare {
    font-family: 'NanumSquare', sans-serif !important;
}
/*@font-face {
    font-family: 'RIDIBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

#wrap, html, body {margin:0;padding:0;height: 100%;}
.clear { content:"" ; display:block;  height:0px; line-height:0px; font-size:0px; clear:both; }

body {min-width: 1320px; background: #22222a url(http://cdn-img.kingkongsoft.kr/nata/bg/bg_v2.jpg) 50% 0 no-repeat; background-attachment: fixed;/*background-size: cover;*/}

/*body.sub {background: none;}*/

#wrap {  position: relative;}
#wrap.sub {  min-width: 1300px; overflow: unset;padding-bottom: 300px;}
#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: 35px;height: 35px;background: url(http://cdn-img.kingkongsoft.kr/dt/btn/btn_login_naver.jpg) 0 0 no-repeat;vertical-align: middle;margin-left: 2px;}
.naver_login_btn > img {display: none;}
.kakao_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 30px;height: 30px;background: url(http://cdn-img.kingkongsoft.kr/dt/btn/login_k.jpg) 0 0 no-repeat;margin-left: 2px;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: 35px;height: 35px;background: url(http://cdn-img.kingkongsoft.kr/dt/btn/btn_login_google.jpg) 0 0 no-repeat;margin-left: 2px;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: 35px;height: 35px;background: url(http://cdn-img.kingkongsoft.kr/dt/btn/btn_login_facebook.jpg) 0 0 no-repeat;margin-left: 2px;vertical-align: middle;}
.facebook_login_btn > img {display: none;}



/* 스크롤이 생기도록 강제로 변경 */
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;
}



div#wrap {position: relative; }
div#container {position: relative;}

div.body {min-height: 650px;width: 1310px;margin: 0px auto;position: relative;}
div.body.media {overflow-x: hidden;}




div.header { position: relative; background: #000;z-index: 5;}
div.header > div.top_content { width: 1200px; position: absolute;left:50%;transform: translateX(-50%);height: 98px;z-index: 5;}
div.header > div.top_content > a.logo { z-index: 99; }
div.header > div.top_content > a.logo > img {}

/*div.header > div.top_content > div.navi { position: absolute; z-index: 998;  font-size: 0pt; left:290px;top:31px; line-height: 0pt; height:32px; z-index: 3;overflow: hidden;*/
div.header > div.top_content > div.navi { position: absolute; z-index: 998;  font-size: 0pt; left:200px;top:0px; line-height: 0pt; height:60px; z-index: 3;overflow: hidden;
    -webkit-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
    padding-top: 18px;
}

div.header > div.top_content > div.navi > span.top_line { border-top: 3px solid red;z-index: 2; top:53px; left:0px; position: absolute; width: 150px; display: none;}


div.header > div.top_content > div.navi.hover,
div.header > div.top_content > div.navi:hover {
    -webkit-transition:background-color .2s, height 0.2s;
    -o-transition:background-color .2s, height 0.2s;
    transition:background-color .2s, height 0.2s;
    height:200px;
    /*background: #000;*/
}
div.header div.navi_layer {
    z-index: 4;
    position: absolute;
    left:0px;
    right:0px;
    height: 60px;

    background-color: rgba(0,0,0,.8);
    /*background: rgba(0,0,0,.8) url(http://cdn-img.kingkongsoft.kr/mp/nav/bg_nav_bar.jpg) 0 0 no-repeat;*/
    background-size:100%;

    /*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);*/
    -webkit-transition:background-color .2s, height 0.2s;
    -o-transition:background-color .2s, height 0.2s;
    transition:background-color .2s, height 0.2s;
    overflow: hidden;
}
div.header div.navi_layer > span { position: absolute;top:0px;width: 324px;height: 258px; }
div.header div.navi_layer > span.dragon {background: url(http://cdn-img.kingkongsoft.kr/mp/nav/img_char_left.png) 0 0 no-repeat;left:0px;/*filter: grayscale(0.8);*/width: 378px;height: 259px;opacity: 0;}
div.header div.navi_layer > span.tiger {background: url(http://cdn-img.kingkongsoft.kr/mp/nav/img_char_right.png) 0 0 no-repeat;right:0px;/*filter: grayscale(0.8);*/width: 663px;height: 260px;opacity: 0;}


div.header div.navi_layer.media {
    background-color: rgba(0,0,0,0.6);
}

/*div#wrap.sub div.header div.navi_layer {
    height: 0px;
    background: #000;
}*/
/*div#wrap.sub div.header div.navi_layer.hover {
    height: 200px;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    border: 1px solid #444;
}*/

div.header div.navi_layer.hover {
    height: 258px;
    -webkit-transition:background-color .2s, height 0.2s;
    -o-transition:background-color .2s, height 0.2s;
    transition:background-color .2s, height 0.2s;
}
div.header div.navi_layer.hover > span {
    /*-webkit-transition:filter .2s;
    -o-transition:filter .2s;
    transition:filter .2s;
    filter: grayscale(0.0);*/
    -webkit-transition:opacity .2s;
    -o-transition:opacity .2s;
    transition:opacity .2s;
    opacity: 1;
}

/*div.header > div.top_content > div.navi:hover dt a {color: #1cdac8;font-weight: 900;}*/

div.navi > ul { position: relative;z-index: 99; }
div.navi > ul > li:first-child { margin-left: 0px;  }
div.navi > ul > li.logo_area {width: 300px;}
div.navi > ul > li { width: 154px; display: inline-block;*display: inline;*zoom: 1; font-size: 10pt; line-height: 1.6; vertical-align: top; }
div.navi > ul > li > dl {  }
div.navi > ul > li > dl > dt { text-align: center; }
div.navi > ul > li > dl > dt a { color: #f7f4ed; font-size: 17px;font-weight: 900;/*font-family: 'Nanum Gothic' !important; */}
div.navi > ul > li > dl > dt a:hover {color: red;}


/*div.navi > ul > li > dl > dt a.nav_01:hover {content:url(http://cdn-img.kingkongsoft.kr/dt/nav/btn_nav_01_on.png);}*/

div#wrap.sub div.navi > ul > li > dl > dt a { color: #f7f4ed; font-size: 17px;/*font-weight: 900*/; /*font-family: 'Nanum Gothic' !important;*/ }
div#wrap.sub div.navi > ul > li > dl > dt a:hover {color: red;}
div.navi > ul > li > dl > dt a:hover { color: red; }
div.navi > ul > li > dl > dt a.hover { color: red; }
div.navi > ul > li > dl > dd { text-align: center; line-height: 1.5; margin-top: 25px;  }
div.navi > ul > li > dl > dd > a {  color: #f7f4ed;margin-bottom: 8px;font-size: 14px; font-family: 'Nanum Gothic' !important;}
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 { display: block; height: 16px; margin-bottom: 3px; color: #cccccc;position: relative;}
/*div.navi dl > dd a > b {color: red; font-size: 8pt;position: absolute;right:11px;top:0px;}*/
div.navi dl > dd a > b {color: red; font-size: 8pt;}
div.navi > p.line { border-top: 0px solid red; position: absolute; width: 835px; right:39px; top:58px; }



div.body div.mobile_app_banner {position: absolute; width: 0px;height: 0px;left:-200px;top:343px;}
div.body div.mobile_app_banner > div.square_zone { width: 200px;height: 350px;  position: fixed;}
div.body div.mobile_app_banner > div.square_zone > a {position: absolute;left:51%;transform: translateX(-50%);}
div.body div.mobile_app_banner > div.square_zone > a.google {top:45px;}
div.body div.mobile_app_banner > div.square_zone > a.apple {top:97px;}
div.body div.mobile_app_banner > div.square_zone > a.onestore {top: 148px;}
div.body div.mobile_app_banner > div.square_zone > a.galaxy {top: 199px; }
div.body div.mobile_app_banner > div.square_zone > a.howto {top:250px;left: 51%; transform: translateX(-50%);}

div.body div.float_coupon {position: absolute; width: 0px;height: 0px;left:-290px;top:60px;}
div.body div.float_coupon > div.banner_box {position: fixed;}
div.body div.float_coupon > div.banner_box > a {position: absolute;left:50%;transform: translateX(-50%);top:45%;}

div.section {position: relative;}

div.section.banner {height: 464px;padding-top: 60px;overflow: hidden;}
div.section.banner img.banner_tag {position: absolute;left:0px;bottom:0px;z-index: 90;}

div.section.banner div.rolling_box {width: 100%;height:404px;position: relative;left:50%;transform: translateX(-50%);}
div.section.banner div.rolling_box {transition-duration:3.0s;transition-timing-function:ease; }
/*div.section.banner div.rolling_box {transition: background-color 5000s ease-in-out 0s;}*/

div.section.banner div.rolling_box ul.rolling_list {position: relative;}
div.section.banner div.rolling_box ul.rolling_list li {position: relative;height: 404px;}
div.section.banner div.rolling_box ul.rolling_list li p { width: 1310px; height: 650px;position: relative; left:50%;transform: translateX(-50%); height: 650px;}

div.section.banner div.rolling_box ul.rolling_list li a.text {position: absolute;left:0px;top:20%;width: 680px; color: #fff;z-index: 3;}
div.section.banner div.rolling_box ul.rolling_list li a.text > b {font-weight: 900;font-size: 42px; margin-bottom: 30px;display: inline-block;}
div.section.banner div.rolling_box ul.rolling_list li a.text > span { word-break: break-word;font-size: 21px; display: block; line-height: 1.2;margin-bottom: 60px;}
/*div.section.banner div.rolling_box ul.rolling_list li a.text > i {font-style:normal; font-size: 16px; }*/
div.section.banner div.rolling_box ul.rolling_list li > img.banner_img {position: absolute;bottom:0px;right:0px;z-index: 2;}
div.section.banner div.rolling_box ul.rolling_list li a.char {position: absolute;top:0px;left:0px;z-index: 2;}
div.section.banner div.rolling_box span.count { color: #fff; font-size: 14px;position: absolute; left:50%;top:50%;transform: translate(-50%,-50%);font-size: 900;}
div.section.banner div.rolling_box span.count b {font-weight: 900;}

div.section.banner div.rolling_box > p { position: absolute;width: 150px;height: 76px;right:0px;bottom:0px;z-index: 80;background-color: rgba(0,0,0,0.6);}

div.section.banner div.rolling_box > p > a.arrow {position: absolute;font-size: 14pt;font-weight: 900;color: #fff;top:50%;transform: translateY(-50%);}
div.section.banner div.rolling_box > p > a.arrow.left {left:25px;}
div.section.banner div.rolling_box > p > a.arrow.right {right:25px;}

/*div.section.banner .bx-has-controls-direction {position: absolute;left:50%;transform: translateX(-50%);width: 1360px;bottom:323px;position: relative;z-index: 80;}
div.section.banner .bx-controls-direction {position: relative;}
div.section.banner .bx-controls-direction a {position: absolute;width: 16px;height: 24px;font-size: 0pt;line-height: 0pt;z-index: 99;}
div.section.banner .bx-controls-direction a.bx-prev {background: url(http://cdn-img.kingkongsoft.kr/ark/btn/btn_left_white.png) 0 0 no-repeat;top:0px;background-size: 100%;left:0px;z-index:60;}
div.section.banner .bx-controls-direction a.bx-next {background: url(http://cdn-img.kingkongsoft.kr/ark/btn/btn_right_white.png) 0 0 no-repeat;top:0px;background-size: 100%;right: 0px;z-index: 60;}*/

div.float_banner_area {position: absolute;left:-290px;top:60px;z-index: 6;width: 0px;height: 0px;}
div.float_banner {position: fixed;z-index: 6;}
div.float_banner > a {display: block;margin-bottom: 5px;}
div.float_banner > a.cursor_none {cursor: default;}


div.section.game {font-size: 0pt;margin-bottom: 10px;}
div.game_start_area { height: 108px;text-align: center;overflow: hidden;}

/*div.game_start_area.sub { width: 653px; display: inline-block;*display: inline;*zoom: 1; vertical-align: top;}*/
div.game_start_area { width: 662px; display: inline-block;*display: inline;*zoom: 1; vertical-align: top;}

/*div.game_start_area a.btn_start { position: relative;display: inline-block;*display: inline;*zoom: 1;height: 89px;width: 1210px;overflow: hidden;}*/
div.game_start_area a.btn_start { position: relative;display: inline-block;*display: inline;*zoom: 1;
        width: 1310px;
        height: 108px;
        left:50%;
        transform: translateX(-50%);
}
div.game_start_area a.btn_start > img {position: relative;z-index: 1;width: 100%;}
div.game_start_area a.btn_start > img.off {position: absolute;top:0px;left:50%;transform: translateX(-50%);z-index:2;}
div.game_start_area a.btn_start > img.on {position: absolute;top:0px;left:50%;transform: translateX(-50%);z-index:3;opacity: 0;
    -webkit-transition: opacity 0.9s;
    -o-transition:opacity 0.9s;
    transition: opacity 0.9s;
}
div.game_start_area a.btn_start:hover > img.on {display: block;
    -webkit-transition: opacity 0.7s;
    -o-transition:opacity 0.7s;
    transition: opacity 0.7s;
    opacity:100;
}

div.game_start_area a.btn_start > video.off {position: absolute;top:0px;left:50%;transform: translateX(-50%);z-index:2;}
div.game_start_area a.btn_start > video.on {position: absolute;top:0px;left:50%;transform: translateX(-50%);z-index:3;
    /*display: none;*/
    opacity: 0;
    -webkit-transition: opacity 0.7s;
    -o-transition:opacity 0.7s;
    transition: opacity 0.7s;
}
div.game_start_area a.btn_start:hover > video.on {
    /*display: block;*/
    -webkit-transition: opacity 0.9s;
    -o-transition:opacity 0.9s;
    transition: opacity 0.9s;
    opacity:100;
}



/*div.section.game div.member_area.sub {background: url(http://cdn-img.kingkongsoft.kr/mp/bg/bg_login.png) 50% 0 no-repeat; background-size: cover; height: 81px;width: 647px;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;}
div.section.game div.member_area.main {background: url(http://cdn-img.kingkongsoft.kr/mp/bg/bg_login.png) 50% 0 no-repeat; background-size: cover; height: 81px;width: 647px;position: absolute;right:0px;top:91px;z-index: 99;}*/
div.section.game div.member_area {background: url(http://cdn-img.kingkongsoft.kr/nata/bg/bg_login.png) 50% 0 no-repeat; background-size: cover; height: 108px;width: 648px;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;}
div.section.game div.member_area > div.info_box {width: 648px;position: relative;left:50%;transform: translateX(-50%); height: 100%;}



div.aside {position: absolute;right:0px;top:845px;border: 1px solid #ddd;z-index: 5;}
div.aside > ul li {border-top:1px solid #ddd;font-size: 0pt;line-height: 0pt;}
div.aside > ul li:first-child {margin-top: 0px;}
div.aside > ul li a {display: inline-block;*display: inline;*zoom: 1;width: 123px;height: 88px;overflow: hidden;}
div.aside > ul li a > img {position: relative;left:50%;top:50%;transform: translate(-50%,-50%);}



div.login_box {  position: absolute;right:0px;top:50%;transform: translateY(-50%); width: 647px;text-align: right; padding-right: 15px;font-size: 10pt;}
div.login_box form {display: inline-block;*display: inline;*zoom: 1;}
div.login_box a.join {display: inline-block; *display: inline;*zoom: 1;vertical-align: middle;color: #e5e5e5;font-size: 14pt;margin-right: 3px;font-family: GmarketSansLight;}
div.login_box.online p.short_link {position: absolute;right:114px;bottom:20px;font-size: 10pt;}
div.login_box.online p.short_link.onstove {top:50%;transform: translateY(-50%);}
div.login_box.online p.short_link > a {font-size: 12pt;}
div.login_box p.short_link { display: inline-block;*display: inline;*zoom: 1; vertical-align: middle;color: #e5e5e5;}
div.login_box p.short_link > a { color: #e5e5e5; font-size: 14pt;vertical-align: baseline;margin-left: 3px;margin-right: 3px;font-family: GmarketSansLight;}
div.login_box a.login_link {display: inline-block; *display: inline;*zoom: 1;vertical-align: middle;margin-left: 15px;}
div.login_box p.social_login { display: inline-block;*display: inline;*zoom: 1; vertical-align: middle;}

div.login_box {color: #fff;}
div.login_box * {font-family: 'Noto Sans KR';}

div.login_box.chennel_onstove {display:none;}

div.login_box div.mem_info { display: inline-block;*display: inline;*zoom: 1; }

div.login_box.online {height: 100%; position: relative;}
div.login_box.online::after {content:"";position: absolute;border-left: 1px solid #b5b5b5;top:9px;bottom:10px;width: 0px;left:43.6%;}
div.login_box div.mem_info > h3 {display: inline-block;*display: inline;*zoom: 1; vertical-align: middle;font-size: 22px; margin-right: 30px;}
div.login_box.online div.mem_info > h3 { position: absolute; left:15px;top:13px; }

div.login_box div.exp_info {position: absolute;left:15px;bottom:12px;font-size: 10pt; font-weight: 900;color: #fff;vertical-align: middle; font-family: serif;}
div.login_box div.exp_info > span {display: inline-block;*display: inline;*zoom: 1;width: 68px;position: relative;}
div.login_box div.exp_info > span > b {position: absolute;left:10%;top:42.2%;transform: translateY(-50%);color: #000;width: 26px;text-align: center;}
div.login_box div.exp_info > span > img {width: 100%;}
div.login_box div.exp_info > b {font-weight: 900;width: 120px;text-align: center;font-size: 26pt;color: #515151;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-family: cursive;}

div.login_box div.mem_info > h3 > span {font-size: 14px;}
div.login_box div.mem_info > p.agree_text {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-right: 30px;font-size: 11pt;}
div.login_box div.mem_info > p.agree_text > b {color: #ff9110;}
div.login_box p.btn_box { display: inline-block;*display: inline;*zoom: 1; }
div.login_box p.btn_box a.btn.agree { display: inline-block;*display: inline;*zoom: 1;min-width: 60px; background: #cd001e; border: 1px solid #ff7373;font-size: 13px;vertical-align: middle;text-align: center;color: #fff;padding: 3px 5px 3px 5px;}
div.login_box p.btn_box a.og_login { display: inline-block;*display: inline;*zoom: 1;min-width: 60px; font-size: 13px;vertical-align: middle;text-align: center;color: #fff;padding: 3px 5px 3px 5px; }

/*div.login_box a.logout_btn { display: inline-block;*display: inline;*zoom: 1;min-width: 60px; border: 1px solid #6eb537 ;font-size: 13px;vertical-align: middle;text-align: center;color: #fff;padding: 3px 5px 3px 5px;
    background: #105816;
    background-image: linear-gradient(to right, #105816,#6eb537 );
    background-image: -webkit-linear-gradient(to right, #105816,#6eb537 );
    position: absolute;
    bottom:8px;
    right:15px;
}*/
div.login_box a.logout_btn {
    display: inline-block;*display: inline;*zoom: 1;
    min-width: 81px;
    height: 32px;
    background: url(http://cdn-img.kingkongsoft.kr/mp/btn/btn_logout.jpg) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    font-size: 0pt;
    line-height: 0;
    bottom:18px;
    right:15px;
}

div.login_box p.btn_box a.logout_btn {display: inline-block;*display: inline;*zoom: 1;position: relative !important;vertical-align: middle;bottom:unset;right:unset;}

div.login_box a.btn.goldgift { display: inline-block;*display: inline;*zoom: 1;min-width: 60px;  border: 1px solid #fff9c4;font-size: 13px;vertical-align: middle;text-align: center;color: #000;padding: 3px 5px 3px 5px;
    letter-spacing: -1px;
    background: #f3da00;
    background-image: linear-gradient(to right, #fff9c4,#f3da00 );
    background-image: -webkit-linear-gradient(to right, #fff9c4,#f3da00 );
}

div.login_box p.btn_box input.og_agree { display: inline-block;*display: inline;*zoom: 1;min-width: 60px; background: #cd001e; border: 1px solid #ff7373;font-size: 13px;vertical-align: middle;text-align: center;color: #fff;padding: 4px 8px 6px 8px;cursor:pointer;}

div.login_box div.mem_info > p.cash_info { display: inline-block;*display: inline;*zoom: 1; vertical-align: middle;position: absolute;right:15px;top:20px;}
div.login_box div.mem_info > p.cash_info > span { background: #dfdfdf; padding: 3px;font-size: 15px;color: #000; vertical-align: middle;border: 1px solid #888;display: inline-block;*display: inline;*zoom: 1;width: 220px;text-align-last: left;margin-right: 10px;}
div.login_box div.mem_info > p.cash_info > span > b {float:right;}
div.login_box div.mem_info a.btn.cash_charge { display: inline-block;*display: inline;*zoom: 1; min-width: 60px; background: #cd001e; border: 1px solid #428884;font-size: 13px;vertical-align: middle;text-align: center;color: #fff;padding: 3px 5px 3px 5px;letter-spacing:-1px;
    background: #03756e;
    background-image: linear-gradient(to right, #03756e,#275754 );
    background-image: -webkit-linear-gradient(to right, #03756e,#275754 );
}

div.login_box div.mem_info a.btn.cash_charge {
    font-size: 13px;vertical-align: middle;text-align: center;
    color: #000;
    padding: 3px 5px 3px 5px;letter-spacing:-1px;
    display: inline-block;*display: inline;*zoom: 1;
    min-width: 69px;
    height: 24px;
    background: url(http://cdn-img.kingkongsoft.kr/mp/btn/btn_bg_cash.jpg) 0 0 no-repeat;
    background-size: cover;
}


div.middle_contents { position: relative; padding-left: 653px;}
div.middle_contents div.left_main {position: absolute;left:0px;top:0px;width: 643px;line-height: 0;}
/*div.middle_contents div.right_main {min-height: 800px;width: 657px;margin-bottom: 50px;}*/
div.middle_contents div.right_main {min-height: 775px;width: 657px;margin-bottom: 50px;}

div.section.notice {position: relative;background: rgba(33 21 21 / 90%);/*height: 335px;*/height: 257px; overflow: hidden;width: 643px;display: inline-block;*display: inline;*zoom: 1;border: 1px solid #fff;margin-bottom: 10px;}
div.section.notice > div.inner_wrap {position: relative;padding: 30px 20px 30px 20px;line-height: 1.2;}
div.section.notice > div.inner_wrap > h3 { color: #fff; font-weight: 900; font-size: 18px;padding-bottom: 15px; margin-bottom: 0px; border-bottom: 1px solid #4c4c4c;font-family: NanumSquare;}




ul.notice_list  {padding: 5px 0px 5px 0px; /*height: 187px;overflow-y: hidden;*/}
ul.notice_list > li { position: relative;padding:3px 0px 7px 0px;width: 100%;padding-right: 60px;border-bottom:0px solid #ddd;}
ul.notice_list > li > a { color: #fff; /*width: 430px;*/ font-size: 11pt; height: 25px; display: block;overflow: hidden; vertical-align: middle;font-family: 'NanumSquare';}
ul.notice_list > li > i {color: #eee; font-style: normal;font-size: 10pt;position: absolute;right:0px;top:7px;}
ul.notice_list > li > b { color: #eee; font-size: 13px; position: absolute; right:0px; top:1px; margin-right: 5px;}

ul.notice_list > li > a > b { display: inline-block;*display: inline;*zoom: 1;line-height: 1;font-size: 11pt;color: #999; padding: 9px 0px 9px 0px; width: 67px;text-align: center; font-family: 'GmarketSansLight';font-weight: 900;}
ul.notice_list > li > a > b.notice { color: #de3c3a;    vertical-align: middle;}
ul.notice_list > li > a > b.event { color: #db902b;  vertical-align: middle; }
ul.notice_list > li > a > b.check { color: #de3c3a;  vertical-align: middle; }
ul.notice_list > li > a > b.open { color: #2e7cf4;  vertical-align: middle; background: none;}
ul.notice_list > li > a > b.update { color: #ab66b6;  vertical-align: middle;  }
ul.notice_list > li > a > b.guide { color: #499114;  vertical-align: middle;  }




div.section.quick_tools {position: relative;}
div.section.quick_tools > div.inner_wrap {position: relative;display:flex;align-items: center;height: 453px;flex-wrap: wrap;justify-content: center}
div.quick_tools > div.inner_wrap > a {margin-bottom: 10px;}
div.quick_tools > div.inner_wrap > a > img {width: 643px;}



div.section.rank { position: relative; margin: 0px 0px 0px 0px; width: 647px;}
div.section.rank { }
div.section.rank > h3 { font-size: 16pt;color: #fff;border-bottom: 1px solid #cacaca;font-weight: 900; font-family: 'GmarketSansBold';line-height: 1.6;/*border-bottom: 1px solid #cacaca;*/ position: relative;}
div.section.rank > h3 > p {position: absolute;right:0px;bottom:2px;font-size: 10pt;color: #c4c4c4;}
div.section.rank > h3 > p > a { font-size: 10pt; margin: 0px 3px; color: #c4c4c4; }
div.section.rank > h3 > p > a:hover {color: #e5a780;}
div.section.rank > h3 > p > a.on {color: #e5a780;}



div.section.rank div.rank_list {width: 657px; height: 618px; margin-top: 0px;/*background: rgba(45, 39, 41,1);*/padding:0px 20px 20px 20px;background: rgba(45, 39, 41,1) url(http://cdn-img.kingkongsoft.kr/nata/bg/bg_rank_top.jpg) 0 0 no-repeat;}
div.section.rank div.rank_list table {width: 100%;}
div.section.rank div.rank_list table thead th {text-align: center;color: #fff;font-size: 14pt;border-bottom: 1px solid #626262;padding: 15px 0px 12px 0px;font-family: 'NanumSquare';font-weight: 900;}
div.section.rank div.rank_list table thead tr th:last-child {text-align: right;}
div.section.rank div.rank_list table tbody tr th:last-child {text-align: right;}
div.section.rank div.rank_list table tbody th {text-align: center;color: #fff;font-size: 13pt;padding: 4px 0px 0px 0px;line-height: 1.96;/*font-family: 'NanumSquare';*/}
/*div.section.rank div.rank_list table tbody th > span.gold {width: 21px;height: 21px;line-height: 0pt;font-size: 0pt;background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/icon_gold.png) 0 0 no-repeat;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}*/
/*div.section.rank div.rank_list table tbody th > span.silver {width: 21px;height: 21px;line-height: 0pt;font-size: 0pt;background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/icon_silver.png) 0 0 no-repeat;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}*/
/*div.section.rank div.rank_list table tbody th > span.bronze {width: 21px;height: 21px;line-height: 0pt;font-size: 0pt;background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/icon_bronze.png) 0 0 no-repeat;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}*/

div.section.rank div.rank_serach { width: 657px;position: relative;}
div.section.rank div.rank_serach div.wrap_box {position: absolute;right:22px;top:94px;}

div.section.rank div.rank_serach select {padding:7px;background: #262626;color: #d9d9d9;border: 1px solid #7b7b7b;font-size: 11pt;font-family: NanumSquare;width: 136px;}


div.section.rank  div.top_ranker { text-align: left;padding: 30px 0px;margin-bottom: 30px;min-height: 121.6px;}
div.section.rank  div.top_ranker > h3 { font-family: 'NanumSquare','굴림'; font-size: 16pt;color: #fff;font-weight: 900; /*letter-spacing: -1pt;*/ margin-top: 0px;position: relative;display: inline-block;*display: inline;*zoom: 1;}
div.section.rank  div.top_ranker > h3 > img.top {width: 180px; vertical-align: middle; position: absolute; right: -185px; top: 50%; transform: translateY(-56%); }

div.section.rank  div.top_ranker > p {font-family: 'NanumSquare';font-size: 14pt;font-weight: normal;margin-top: 15px;color: #fff;}
div.section.rank  div.top_ranker > p > b { color: #de8f00; font-weight: 900; font-size: 15pt;}


div.section.features {/*background: rgba(45, 39, 41,1);*/ width: 657px;overflow: hidden;margin-bottom: 10px;border: 1px solid #fff;}
div.section.features div.feature_contents {width: 657px !important;height: 303.2px;overflow: hidden;}
div.section.features div.feature_contents > img { width: 100%; }

div.section.features div.feature_contents div.slide_box {position: absolute;left:0px;right:0px;top:9px;bottom:0px;}
div.section.features div.feature_contents div.slide_box li > img {}
div.section.features div.feature_contents div.slide_box img.left {left:-24px !important;top:43% !important;cursor: pointer;width: 35px;}
div.section.features div.feature_contents div.slide_box img.right {right:-24px !important;top:43% !important;cursor: pointer;width: 35px;}
/*div.section.features div.feature_contents*/

div.section.swordinfo {border: 1px solid #fff;}

div.section.swordinfo div.role_area {width: 100%;height: 456px;position: relative;overflow: hidden;}
div.section.swordinfo div.role_area > div.character {position: absolute;left:10px;top:50%;transform: translateY(-50%); width: 15%;z-index: 900;height: 390px;}
div.section.swordinfo div.role_area > div.character > a {width: 100%;/*height: 202px;*/display: inline-block;*display: inline;*zoom: 1;position: relative;}
div.section.swordinfo div.role_area > div.character > a > img {width: 100%;}
div.section.swordinfo div.role_area > div.character > a > img.off {}
div.section.swordinfo div.role_area > div.character > a > img.on {display:none;}
div.section.swordinfo div.role_area > div.character > a.on > img.on {display: block;position: absolute;left:0px;top:0px;}
div.section.swordinfo div.role_area > div.character > a:hover > img.on {display: block;position: absolute;left:0px;top:0px;}
div.section.swordinfo div.role_area > div.character > a.char01 {float:left;}
div.section.swordinfo div.role_area > div.character > a.char02 {float:right;margin-top: -26px;margin-right: -43px;}
div.section.swordinfo div.role_area > div.character > a.char03 {float:left;margin-top: -26px;}
div.section.swordinfo div.role_area > div.character > a.char04 {float:right;margin-top: -26px;margin-right: -43px;}
div.section.swordinfo div.role_area > div.character > a.char05 {float:left;margin-top: -26px;}


div.section.swordinfo div.roll-area div.area01 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg1.jpg) center center; background-size: cover;overflow: hidden;position: relative; height: 456px;}
div.section.swordinfo div.roll-area div.area02 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg2.jpg) center center; background-size: cover;overflow: hidden;position: relative; }
div.section.swordinfo div.roll-area div.area03 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg3.jpg) center center; background-size: cover;overflow: hidden;position: relative; }
div.section.swordinfo div.roll-area div.area04 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg4.jpg) center center; background-size: cover;overflow: hidden;position: relative; }
div.section.swordinfo div.roll-area div.area05 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg5.jpg) center center; background-size: cover;overflow: hidden;position: relative; }

div.section.swordinfo div.roll-area div.area01 div.character {position: absolute;width: 71%;left:10%;}
div.section.swordinfo div.roll-area div.area01 div.character > img {width: 100%;}

div.section.swordinfo div.roll-area div.area01 div.info {position: absolute;left:62.7%;top:13.2%;width: 39%;z-index: 3;}
div.section.swordinfo div.roll-area div.area01 div.info img {width: 100%;}
div.section.swordinfo div.roll-area div.area01 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.section.swordinfo div.roll-area div.area01 a.movie {position: absolute;left:20%;bottom:6.2%;}

div.section.swordinfo div.roll-area div.area02 div.character {position: absolute;width: 80.4%;left:0;}
div.section.swordinfo div.roll-area div.area02 div.character > img {width: 100%;}

div.section.swordinfo div.roll-area div.area02 div.info {position: absolute;left:62.7%;top:13.2%;width: 39%;z-index: 3;}
div.section.swordinfo div.roll-area div.area02 div.info img {width: 100%;}
div.section.swordinfo div.roll-area div.area02 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.section.swordinfo div.roll-area div.area02 a.movie {position: absolute;left:20%;bottom:6.2%;}

div.section.swordinfo div.roll-area div.area03 div.character {position: absolute;width: 86.7%;}
div.section.swordinfo div.roll-area div.area03 div.character > img {width: 100%;}

div.section.swordinfo div.roll-area div.area03 div.info {position: absolute;left:62.7%;top:13.2%;width: 39%;z-index: 3;}
div.section.swordinfo div.roll-area div.area03 div.info img {width: 100%;}
div.section.swordinfo div.roll-area div.area03 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.section.swordinfo div.roll-area div.area03 a.movie {position: absolute;left:20%;bottom:6.2%;}

div.section.swordinfo div.roll-area div.area04 div.character {position: absolute;width: 89%;left:2%;}
div.section.swordinfo div.roll-area div.area04 div.character > img {width: 100%;}

div.section.swordinfo div.roll-area div.area04 div.info {position: absolute;left:62.7%;top:13.2%;width: 39%;z-index: 3;}
div.section.swordinfo div.roll-area div.area04 div.info img {width: 100%;}
div.section.swordinfo div.roll-area div.area04 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.section.swordinfo div.roll-area div.area04 a.movie {position: absolute;left:20%;bottom:6.2%;}

div.section.swordinfo div.roll-area div.area05 div.character {position: absolute;width:75.3%;left:7%;}
div.section.swordinfo div.roll-area div.area05 div.character > img {width: 100%;}

div.section.swordinfo div.roll-area div.area05 div.info {position: absolute;left:62.7%;top:13.2%;width: 39%;z-index: 3;}
div.section.swordinfo div.roll-area div.area05 div.info img {width: 100%;}
div.section.swordinfo div.roll-area div.area05 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.section.swordinfo div.roll-area div.area05 a.movie {position: absolute;left:20%;bottom:6.2%;}










.footer { background: #22222a;  min-height: 180px; padding: 15px 0px 15px 0px;left:0px;right:0px;z-index: 3;}
.footer ul,
.footer ol { margin: 0px; padding: 0px; list-style: none;}

div.footer_top { }
div.footer_top > ul.ci { width: 1224px;margin: 0px auto;text-align-last: left;padding: 10px 0px 20px 0px;}
div.footer_top > ul.ci li {display: inline-block;*display: inline;*zoom: 1;margin-left: 30px;vertical-align: middle;}
div.footer_top > ul.ci li:first-child {margin-left: 0px;}
div.footer_top ul.ci li { display: inline-block !important;*display: inline !important;*zoom: 1;font-size: 0pt;line-height: 0pt; }
div.footer_top ul.ci li > a {display: inline-block;*display: inline;*zoom: 1;}


div.footer_top > ul.site_info { width: 1224px; margin: 0px auto; font-size: 0pt;line-height: 0pt; padding: 10px 0px;}
div.footer_top > ul.site_info > li {  display: inline-block;*display: inline;*zoom: 1; padding: 0px 8px 0px 10px; font-size: 12px;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: #c280dd; }
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: 1224px; margin: 0px auto; /*padding-top: 30px;*/ position: relative; }
/*div.footer_bottom > ul { width: 146px; float: left; height: 100px; }*/
div.footer_bottom > p.addr {  }

div.footer_bottom > p.addr { color: #7b7c81; font-size: 12px;}
div.footer_bottom > div.grade { position: absolute; right: 0px; top:-23px; }
div.footer_bottom > div.grade > img:first-child { margin-left: 0px;  }
div.footer_bottom > div.grade > img { margin-left: 3px; }
.bottom_logo { width: 146px; height: 43px; }
.king_mark { width: 150px; height: 30px;display:block; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/kingkong/ci_kingkong_w_s.png) 0 0 no-repeat; background-size: 100%; font-size: 0pt;}
.bi_stove { width: 148px; height: 44px;display:block; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/stove/smilegate_ci_2024.png) 50% 0 no-repeat; background-size: 100%; font-size: 0pt;}
.ci_hangame { width: 148px; height: 37px;display:block; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/hangame/NHN_CI_Basic_Reversed.png) 50% 0 no-repeat; background-size: 100%; font-size: 0pt;}
/*.ci_hangame { width: 19%;display: inline-block;*display: inline;*zoom: 1;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/hangame/NHN CI_Basic Reversed.png) 50% 0 no-repeat;background-size: 100%;}*/
.ci_hangame > img {width: 100% !important;display:inline-block;display:none;}
/*div.footer_bottom li.ci_nemus { margin-bottom: 15px; }*/

h2.page_title { position: relative;font-size: 35pt;font-family:  'RIDIBatang'; color: #262626; line-height: 1.0;z-index: 3;padding: 0px 15px 10px 0px; margin-bottom: 20px; letter-spacing: 2pt;border-bottom: 3px solid #000;}
h2.page_title > b {position: absolute;font-size: 13pt; color: red;left: 131px;top:-1px;line-height: 1.6; font-weight: bold;}
div.board_content { position: relative;z-index: 3; padding: 30px 27px; min-height: 870px; line-height: 1.6; background: #fff;border: 1px solid #ebebeb;margin: 0px 0px 0px 0px;width: 1310px;left:50%;transform: translateX(-50%);}

div.board_content.media { position: relative;z-index: 3; padding: 30px 0px 30px 0px; border:0px; min-height: 870px; line-height: 1.6; background: #fff;margin: 0px 0px 0px 0px;max-width: 86rem;width: 100%;left:50%;transform: translateX(-50%);}

div.board_content.feature { width: 1394px;}
div.board_content.swordinfo { width: 1394px;}


div.media_section { background: #fff; overflow: hidden; position: relative; height: 483px;padding: 0 5%;}
div.media_section::before { content:""; width: 72.7%;height: 100%;position: absolute;left:0;top:0;background: url(http://cdn-img.kingkongsoft.kr/ark/data/media/new/bg_box.png) 50% 0 repeat-x; z-index: 1;}
div.media_section div.media_wraper {height: 100%; max-width: 86rem; position: relative; width: 100%; margin: 0px auto; padding-top: 5%;}
div.media_section div.media_wraper div.text_title {-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; left:50%; top:50%; z-index: 2; }
div.media_section div.media_wraper div.media_cont {
    -ms-flex-direction: row;
    flex-direction: row;
    display: -ms-flexbox;
    display: flex;
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
    position: relative;
    z-index: 3;
}
div.media_wraper div.media_cont div.left {
    padding-top: 3rem;
    position: relative;
    width: calc(66.66667% - 1rem);
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}


div.media_wraper div.media_cont div.left > h2 {overflow: hidden;line-height: 1;}
div.media_wraper div.media_cont div.left > h2 > img.title {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity:0;
}
div.media_wraper div.media_cont.on div.left > h2 img.title {
  -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out;
    opacity:1;
}

div.media_wraper div.media_cont div.left > div > img.description {
    margin-bottom: 6rem;
    padding-top: 2rem;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity:0;

}
div.media_wraper div.media_cont.on div.left > div > img.description {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out;
    opacity: 1;
}

div.media_wraper div.media_cont div.right {
    position: relative;
    width: 100%;
}
div.media_wraper div.media_cont div.right img.char {
    position: absolute;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity:0;
}
div.media_wraper div.media_cont.on div.right img.char {
    -webkit-transform: translateY(4%);
    transform: translateY(4%);
    -webkit-transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out;
    opacity:1;
}

.swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

div.page_model {overflow: hidden;position: relative;height: 1080px;width: 1900px;}
div.page_model .swiper-slide {background: url(http://cdn-img.kingkongsoft.kr/ark/data/model/bg.jpg) center center; background-size: cover;overflow: hidden;position: relative; }
.page_model, .page_model .swiper-slide{ position:relative; width:100%; height:100%;}

div.page_model .model_tab{ position:absolute;width: 474px; right:202px; top:45%; transform: translateY(-50%);z-index:3;}
div.page_model .model_tab li{ position:relative; width:224px; height:103px; margin-bottom:17.2px;cursor:pointer;display: inline-block;*display: inline;*zoom: 1;overflow: hidden;margin-left: 10px;}
div.page_model a.more_model {position: absolute;top:36%;right:296px;z-index: 9;}
/*div.page_model #model_tab0{ background:url(http://cdn-img.kingkongsoft.kr/ark/data/model/tab/btn_side1.png) right 0 no-repeat; background-size:auto 100%;}
div.page_model #model_tab1{ background:url(http://cdn-img.kingkongsoft.kr/ark/data/model/tab/btn_side2.png) right 0 no-repeat; background-size:auto 100%;}
div.page_model #model_tab2{ background:url(http://cdn-img.kingkongsoft.kr/ark/data/model/tab/btn_side3.png) right 0 no-repeat; background-size:auto 100%;}
div.page_model #model_tab3{ background:url(http://cdn-img.kingkongsoft.kr/ark/data/model/tab/btn_side4.png) right 0 no-repeat; background-size:auto 100%;}
div.page_model #model_tab4{ background:url(http://cdn-img.kingkongsoft.kr/ark/data/model/tab/btn_side5.png) right 0 no-repeat; background-size:auto 100%;}
div.page_model #model_tab5{ background:url(http://cdn-img.kingkongsoft.kr/ark/data/model/tab/btn_side6.png) right 0 no-repeat; background-size:auto 100%;}*/

div.page_model .swiper-slide {position: relative;}
div.page_model .swiper-slide div.roll_info { position: absolute;top:10%; left:11%;height: 100%;}
div.page_model .swiper-slide div.roll_info div.char_rolling_box {position: absolute;left:8%;top:3.8%;width: 510px;height: 660px;}

div.char_rolling_box .bx-controls-direction a {position: absolute;width: 84px;height: 84px;font-size: 0pt;line-height: 0pt;z-index: 99;}
div.char_rolling_box .bx-controls-direction a.bx-prev {background: url(http://cdn-img.kingkongsoft.kr/ark/data/model/btn_arrow_left.png) 0 0 no-repeat;top:50%;transform: translateY(-50%); background-size: 100%;left:-84px;z-index:60;}
div.char_rolling_box .bx-controls-direction a.bx-next {background: url(http://cdn-img.kingkongsoft.kr/ark/data/model/btn_arrow_right.png) 0 0 no-repeat;top:50%;transform: translateY(-50%);background-size: 100%;right: -84px;z-index: 60;}

/*div.page_model .swiper-slide div.roll_info > img {height: 100%;}*/
/*div.page_model .swiper-slide div.roll_info > span { position: absolute;bottom:15%; left:12%;cursor:pointer;}*/
div.page_model .swiper-slide span.roll_img { position: absolute;top:129px; right:688px;}
div.page_model .swiper-slide span.roll_char { position: absolute;top:309px; right:697px;}

/*div.page_model .model_tab li img{ position:absolute; width:100%; right:-100%; top:0;transition:all 0.3s; -webkit-transition:all 0.3s;}*/
/*div.page_model .model_tab li.on{ background:none!important;}*/
/*div.page_model .model_tab li.on img{ right:0;}*/




h3.sub_text { position: relative;font-size: 18px; font-weight: 600; color: #666; line-height: 1.0;z-index: 3;padding: 15px 0px;}
div.board_content > ul.tab { list-style:none;margin: 0px;padding: 0px;line-height: 0pt;font-size: 0pt; margin: -20px 0px 30px 0px; position: relative;display: flex;-ms-flex: 0 1 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox !important;
    display: flex !important;
}
div.board_content > ul.tab > li { width: 100%;
    -ms-flex:1 1 0px;
    flex:1 1 0;
    display: block;
    box-sizing: border-box;
}
div.board_content > ul.tab > li > a { display: inline-block;*display: inline;*zoom: 1; padding: 9px 0px 9px 0px; text-align: center;color: #000;font-size: 18px;line-height: 30pt;position: relative;z-index: 3;line-height: 30pt;background: #f9f9f9; width: 100%;border-bottom:1px solid #ddd;}
div.board_content > ul.tab > li > a.hover { font-weight: bold; background: #fff;border-bottom:none;}
div.board_content > ul.tab > li:first-child a:after {width: 0px;}
div.board_content > ul.tab > li > a:after { content:"";background: #ddd;width: 1px;height: 100%;position: absolute;left:0px;top:0px;}

body.IE div.board_content > ul.tab > li {display: inline-block;*display: inline;*zoom: 1;width: 0px !important;min-width: 150px !important;}
body.IE div.board_content > ul.tab > li > a {}
/*body.IE div.board_content > ul.tab > li > a { padding: 0px 15px;  }*/


div.board_content > ul.tab > li > a > span {/*position: absolute;top:13px;right:3px;*/font-size: 9pt;color: #cacaca;}
div.board_content > ul.tab > a.remote { position: absolute; right:0px; top:-55px;  }

div.board_content div.exp_info {position: relative;border: 1px solid #e0dedf;padding: 10px 30px 10px 30px;margin-bottom: 13px;}
div.board_content div.exp_info > span {font-size: 16pt; font-weight: 900;color: #515151;vertical-align: middle; font-family: serif;}
div.board_content div.exp_info > b {font-weight: 900;width: 120px;text-align: center;font-size: 26pt;color: #515151;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-family: cursive;}

ul.exp_item_list { width: 1277px; margin-left: -10px;margin-bottom: 50px;position: relative;left:50%;transform: translateX(-50%);}
ul.exp_item_list > li { border: 1px solid #5c5c5c; text-align: center; width: 309px; margin-left: 10px; margin-bottom: 10px; display: inline-block;*display: inline;*zoom: 1;font-size: 10pt;line-height: 1.6;padding: 15px 0px 15px 0px; background: #3a3a3a;}
ul.exp_item_list > li > img {height: 80px;width: auto;border: 0px solid #4c4c4c;}
ul.exp_item_list > li > span.exp_point {display: block;color: #d9d4ae;font-size: 10pt;font-weight: bold; border: 1px solid #d9d4ae;
  width: 75px;
  background: #4e4e4e;
  margin: 0px auto 10px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
ul.exp_item_list > li > span.name {display: block;color: #d4bebe;font-size: 10pt;font-weight: bold; margin:5px 0px 5px 0px;}
ul.exp_item_list > li > a.change_btn { display: block;width:84px;height: 23px; font-size: 10pt;line-height: 1.6;margin: 0px auto;color: #fff;
  border: 1px solid #4e4e4e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #8e8e8e;
}

ul.exp_item_list > li > a#change_exp {background: #000;}
ul.exp_item_list > li > a.change_btn.get {background: #af6767 !important;pointer-events: none;}
ul.exp_item_list > li > a.change_btn.entry {background: #bd3030 !important;}
ul.exp_item_list > li > a.change_btn.entry2 {background: #2330cc !important;}
ul.exp_item_list > li.empty_item {display: block;width: 826px; color: #fff;font-size: 16pt;padding: 30px 0px;}



table.board_table { width: 100%; border-top: 1px solid #e0dedf; font-family: "Noto Sans KR"}
table.board_table thead th { background: #f5f5f5; color: #000; font-size: 14px;text-align: center; padding: 16px 0px 15px 0px;border-bottom: 1px solid #e0dedf;font-family: "Noto Sans KR";font-weight: bold;}
table.board_table thead th:first-child {border-left: 1px solid #e0dedf;  }
table.board_table thead th:last-child {border-right: 1px solid #e0dedf;  }
table.board_table tbody th { text-align: center; font-family: "Noto Sans KR"; color: #000 !important; }
table.board_table tbody th,table.board_table tbody td { border-bottom: 1px solid #e0dedf;/*border-bottom: 1px solid #e4e4e4;*/ padding: 3px 0px 3px 0px; font-size: 13px;color: #323232;}
table.board_table tbody th b {
    display: inline-block;*display: inline;*zoom: 1;line-height: 1;font-size: 13px; padding: 0px 0px;width: 62px;text-align: center;color: #fff;font-weight: 900;font-family: 'NanumSquare';vertical-align: middle !important;background: #4c5c8a;
    -webkit-border-radius:5px ;
    -moz-border-radius:5px ;
    -ms-border-radius:5px ;
    -o-border-radius:5px ;
    border-radius:5px ;
}
table.board_table tbody th b {font-family: "Noto Sans KR";display: inline-block;*display: inline;*zoom: 1;width: 70px;height: 25px;font-size: 0pt;line-height: 0pt;vertical-align: top;}
table.board_table tbody th b.notice { background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ico_board_01.png) 0 0 no-repeat; }
table.board_table tbody th b.event { background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ico_board_04.png) 0 0 no-repeat;  }
table.board_table tbody th b.check { background: #4c8a82; color: #fff;font-size: 13px; line-height: 1.8; }
table.board_table tbody th b.guide { background: #248603; color: #fff;font-size: 13px; line-height: 1.8; }
table.board_table tbody th b.open { background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ico_board_03.png) 0 0 no-repeat;  }
table.board_table tbody th b.update { background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ico_board_02.png) 0 0 no-repeat;  }
table.board_table tbody th b.best { background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ico_board_05.png) 0 0 no-repeat;  }


table.board_table tbody th b.red { background: red;  color: #fff !important; font-size: 13px !important;line-height: 1.8;}
table.board_table tbody th b.yellow { background: #7b7b3f; color: #000 !important; font-size: 13px !important;line-height: 1.8;}
table.board_table tbody th b.green { background: green; color: #fff !important; font-size: 13px !important;line-height: 1.8;}

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 th b.type01 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_01.png) 0 0 no-repeat;  }
table.board_table tbody th b.type02 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_02.png) 0 0 no-repeat;  }
table.board_table tbody th b.type03 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_03.png) 0 0 no-repeat;  }
table.board_table tbody th b.type04 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_04.png) 0 0 no-repeat;  }
table.board_table tbody th b.type05 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_05.png) 0 0 no-repeat;  }




table.board_table tbody td a { color: #000; display: block;width: 458px; height: 21px; padding-left:10px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-family: "Noto Sans KR";font-size:11pt ;}
table.board_table tbody td a.gmaw { color: #00e7ff; }
table.board_table tbody td { font-family: "Noto Sans KR"}
table.board_table tbody th { font-family: "Noto Sans KR"}
table.board_table tbody th img.lv_icon {width: 40px;vertical-align: bottom;margin-right: 2px;}

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 { /*background: #7d7d7d; */ background: rgb(203 203 203 / 24%);; }
table.board_table tbody tr.notice th,
table.board_table tbody tr.notice td {  padding: 3px 0px 3px 0px; font-family: "Noto Sans KR"}
table.board_table tbody tr.notice td > a { font-weight: bold;  font-family: "Noto Sans KR"}

table.board_table tbody tr.best { position: relative; }
/*table.board_table tbody tr.best { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/notice_bg.png) 0 0 repeat;  }*/

table.board_table tbody tr.best { background: rgba(228, 193, 160 , 0.25); }
table.board_table tbody tr.best th,
table.board_table tbody tr.best td {  padding: 3px 0px 3px 0px; font-family: "Noto Sans KR"}
table.board_table tbody tr.best td > a { font-weight: bold;  font-family: "Noto Sans KR"}

/*i.adicon { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ad_icon.png) 50% 50% no-repeat; background-size: 100%;width: 56px ; height: 35px; 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/nata/icon/ad_icon.jpg) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 35px; vertical-align: middle;}
/*i.gm_icon_01 { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/ark/img/icon_gm_01.png) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 27px; vertical-align: middle;}*/
/*i.gm_icon_02 { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/ark/img/icon_gm_02.png) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 27px; vertical-align: middle;}*/
/*i.gm_icon_03 { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/ark/img/icon_gm_03.png) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 27px; vertical-align: middle;}*/


div.search_box { position: absolute;right:27px;top:25px;z-index: 3;font-size: 0pt;line-height: 0pt;}
div.search_box input.search_string { border: 1px solid #ddd; font-size: 15px;padding:11px 10px; outline:0px;vertical-align: middle;width: 280px; background:#fff; opacity:0.8; color: #868686;margin-left: -1px;}
div.search_box input.search_btn { display: inline-block;*display: inline;*zoom: 1;  width: 49px;height: 41px;background: url(http://cdn-img.kingkongsoft.kr/ark/img/icon_search.png) 50% 50% no-repeat;line-height: 0pt;font-size: 0pt;vertical-align: middle; cursor:pointer; vertical-align: middle;border:none;position: relative;z-index: 3;margin-left: -49px;}


div.search_box select#search_key {
  width: 80px; /* 원하는 너비설정 */
  padding: 12px 10px; /* 여백으로 높이 설정 */
  font-family: inherit;  /* 폰트 상속 */
  background: url(http://cdn-img.kingkongsoft.kr/ark/img/icon_select.png) no-repeat 95% 50%; /* 네이티브 화살표 대체 */
  border: 1px solid #ddd;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
  vertical-align: middle;
}
body.IE div.search_box select#search_key {
    background: none !important;
    padding: 10px 10px !important;
}



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: 13px; line-height: 1; padding:8px 0px 8px 0px;line-height: 22px; text-align: center; width:40px; background: #fff;color: #525a5d;border: 1px solid #9f9f9f;
}
div.pageing > ul > li > span.cur {
    display: inline-block;*display: inline;*zoom: 1;line-height: 1;padding: 8px 0px 8px 0px;font-size: 13px;width: 40px;line-height: 22px;background: #000;  color: #fff; border: 1px solid #5a493f;
}
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 { font-size: 10pt; line-height: 1.6; ;}
dl.board_view > dt {  }

dl.board_view > dt.title { background: #f5f5f5;border: 1px solid #e0dedf; color: #000; font-weight: bold; padding: 18px 115px 19px 15px;line-height:1.3;font-size: 15px;position: relative;word-break: break-all;}

dl.board_view > dt > span.date { min-width: 100px; float:right;vertical-align: middle;  line-height: 1;font-size: 12px; position: absolute;right:0px;top:23px;}
dl.board_view > dt.write_info { border-bottom: 1px solid #e0dedf; padding: 8px 0px 8px 15px;position: relative; }
dl.board_view > dt.write_info b { line-height: 1; position: relative;margin-left: 5px; font-weight: normal; color: #000; }
dl.board_view > dt.write_info > span.count { position: absolute;right:33px; top:50%;transform: translateY(-50%);color: #a5a5a5;font-size: 13px; }

dl.board_view > dd.textarea { padding: 35px 25px 150px 25px; color: #000; line-height: 2; border-bottom: 1px solid #e0dedf; word-wrap: break-word;}

dl.board_view p.notice_end {text-align: left;}

dl.board_view > dd.textarea img {  max-width:1198px; }
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:1248px; }
/* 이벤트 업데이트 게시판에만 이미지 최대싸이즈 변경 */
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 35px 100px ; position: relative;color: #444; border-bottom: 1px solid #d1d1d1;border-top: 1px dotted #fff;margin-top: -1px;}
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: 1px solid #d1d1d1;background: #fff; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
dl.board_write > dt {  border-bottom: 1px solid #d1d1d1; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt ul {  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
dl.board_write > dt ul li {  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
dl.board_write > dt div {  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
dl.board_write > dt > span { display: inline-block;*display: inline;*zoom: 1; color:#262626; min-width: 80px;line-height: 1.2;margin-right: 20px;border-right: 1px solid #555; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt > input.text { padding:10px 0px 9px 10px; font-size: 12px; border: 1px solid #d1d1d1;color: #7f7f7f; width: 1049px;vertical-align: middle;background: #fff; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt > input.text.type01 { width: 935px; margin-left: 5px; }
dl.board_write > dt > textarea[name=des] { width: 650px; vertical-align: middle; background: transparent;border: 1px solid #666; color: #7f7f7f; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
/*dl.board_write > dt.subject { font-size: 12px; padding:9px 0px 8px 10px;  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt.subject > span { padding-left:10px;  }*/
dl.board_write > dt { font-size: 12px; padding:7px 0px 6px 20px;  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt > span { padding:0px 5px 0px 5px;  }

dl.board_write > dt.etc { font-size: 12px; position: relative; color: #d7af8c;padding:7px 0px 6px 20px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
/*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 label {color: #262626;}

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: 1270px;position: relative;left:-15px;-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;}
ul.img_list > li { width:302.5px; display: inline-block;*display: inline;*zoom: 1;margin-left: 15px; margin-bottom: 15px;vertical-align: top; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important; border: 1px solid #e0dedf;}
ul.img_list > li > a { display: inline-block;*display: inline;*zoom: 1; position: relative; width: 100%;max-height: 134px; overflow: hidden;background: #fff;text-align: center;line-height:132px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;line-height: 0;}
ul.img_list > li > a > img { width: 100%; vertical-align: middle; }
ul.img_list > li > a > span.best { color: #c5c5c5; 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: #c5c5c5; 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: #fafafa; padding: 15px 15px; color: #7f7f7f;font-size: 13px;line-height: 1.0;border-top: 1px solid #b5b5b5;}
ul.img_list > li > p > b { font-weight: normal; display: block; margin-bottom: 10px; color: #5b5b5b;}
ul.img_list > li.list-none {width:1248px !important; line-height: 159pt !important;  }

ul.gallery_list { font-size: 0pt;line-height: 0pt;  width: 1263px; position: relative;left:-15px; display: block; margin-top: 20px;-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;}
/*ul.gallery_list.best { font-size: 0pt;line-height: 0pt;  width: 860px;height: 342px; margin-left: -16px; display: block;background: url(http://cdn-img.kingkongsoft.kr/boss/bg/best_image.jpg) 0 0 no-repeat; padding: 60px 0px 17px 0px;margin-top: 0px;}*/
ul.gallery_list > li { width:300.76px; height: 223px; border: 1px solid #e0dedf; display: inline-block;*display: inline;*zoom: 1;margin-left: 15px; margin-bottom: 15px;vertical-align: top;-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;}
ul.gallery_list > li > a { display: inline-block;*display: inline;*zoom: 1; position: relative; width: 100%;height:144px;max-height: 206px; overflow: hidden;background: #2e2e2e;text-align: center;line-height:136px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;}
ul.gallery_list > li > a > img { width: 100%; vertical-align: middle; }
ul.gallery_list > li > a > span.best { font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/boss/icon/best.png) 0 0 no-repeat; width: 40px; height: 41px;position: absolute;left:0px;top:0px;text-align: center;font-weight: bold;}
ul.gallery_list > li > a > div.subject { position: absolute; bottom:0px; left:0px; right:0px; height:38px;line-height: 1.6;background: #000; background: rgba(0,0,0,40%);}
ul.gallery_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: 9px 10px 9px 10px;width: 220px; height: 15px;overflow: hidden;}
ul.gallery_list > li > p { background: #fafafa; padding: 7px 15px; color: #7f7f7f;font-size: 13px;line-height: 1.0;border-top: 1px solid #b5b5b5;}
ul.gallery_list > li > p > b { font-weight: normal; display: block; margin-bottom: 10px; color: #5b5b5b; vertical-align: middle; padding: 10px 0px 0px 0px; height:20px; position: relative;}
ul.gallery_list > li > p > b > img.lv_icon {width: 40px;vertical-align: middle;margin-right: 2px;}

ul.gallery_list > li > p > b > i { position: absolute; left:0px; top:3px;  }
ul.gallery_list > li > p  i { font-style: normal; color: #e64a3b;  vertical-align: middle; }
ul.gallery_list > li > p > span {float: right;}

ul.gallery_list > li.list-none {width:1248px !important; line-height: 159pt !important;  }

div.board_content > p.line { line-height: 0pt;font-size: 0pt; border-top: 1px solid #d1d1d1; }

div.board_content > ul.update_list2 {  }
div.board_content > ul.update_list2 > li:first-child { padding-top: 0px;  }
div.board_content > ul.update_list2 > li { padding:0px 0px 0px 0px; position: relative;height: 122px;border: 1px solid #d1d1d1;background: #fff; margin-bottom: 20px;}
div.board_content > ul.update_list2 > li > div { padding:0px 0px 0px 320px;  }
div.board_content > ul.update_list2 > li > div > a { width: 492px; height: 26px; color: #000; overflow: hidden; display: block;margin-top: 30px;}
div.board_content > ul.update_list2 > li > div > a > img { position: absolute;left:5px; top:5px; width: 281px !important; height: 110px !important;}
div.board_content > ul.update_list2 > li > div > a > p { color: #5d5d5d; font-size: 16px;font-weight: bold; position: relative;}
div.board_content > ul.update_list2 > li > div > a > p > span.count {font-size: 12px; color: #959595;font-weight: bold;}
div.board_content > ul.update_list2 > li > div > p.des { color: #959595; font-size: 14px;  line-height: 1.2;margin-top: 5px;height: 65px;}
div.board_content > ul.update_list2 > li > div > span.date { display: inline-block;*display: inline;*zoom: 1;font-size: 12px; color: #b3b3b3; vertical-align: middle}
div.board_content > ul.update_list2 > li > div > i { vertical-align: middle; margin-right: 10px;}



div.board_content > ul.gmtip_list { margin-left: -22px; width: 876px;}
/*div.board_content > ul.gmtip_list > li:first-child { padding-top: 0px;  }*/
div.board_content > ul.gmtip_list > li { padding:0px 0px 0px 0px; position: relative;width: 402px;height: 236px; display: inline-block;*display: inline;*zoom: 1;margin-left: 22px; margin-bottom: 28px;}
div.board_content > ul.gmtip_list > li > a {position: relative;height: 236px;display: block;width: 402px;}
div.board_content > ul.gmtip_list > li > a > span { position: absolute;bottom:0px; left:0px; right:0px; padding:10px 0px 10px 10px; background-color:rgba(0,0,0,0.5);color: #fff;font-size: 10pt;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
/*div.board_content > ul.gmtip_list > li > div { padding:0px 0px 0px 350px;  }
div.board_content > ul.gmtip_list > li > div > a { width: 412px; height: 70px; color: #fff; overflow: hidden; display: block; }
div.board_content > ul.gmtip_list > li > div > a > img { position: absolute;left:0px; top:28px; width: 320px; height: 150px;}
div.board_content > ul.gmtip_list > li > div > a > p { color: #fff; font-size: 24px;font-weight: bold; margin-top: 42px;  }
div.board_content > ul.gmtip_list > li > div > p.des { color: #a0a0a0; font-size: 14px;  line-height: 1.2;margin-top: 5px;height: 65px;}
div.board_content > ul.gmtip_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; font-size: 11pt;line-height: 1;}
div.btn_box > div.another { position: absolute;left:0px; line-height: 1.0;}

div.btn_box > .btn {
    display: inline-block;*display: inline;*zoom: 1; padding:12px 4px 12px 4px; color: #fff; line-height: 1; font-size: 16px; border: 1px solid #b2b2b2; background: #000;  text-align: center; min-width:130px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
}

/*div.btn_box > .btn.list { width: 34px !important;height: 34px !important; background: url(http://cdn-img.kingkongsoft.kr/boss/btn/btn_list.jpg) 0 0 no-repeat; min-width:0px; padding: 0px;font-size: 0pt;line-height: 0pt;border: none;vertical-align: top;}*/

div.btn_box > div.another > .btn.prev { display: inline-block;*display: inline;*zoom: 1; width: 34px; height: 34px; background: url(http://cdn-img.kingkongsoft.kr/boss/btn/btn_list_prev.jpg) 0 0 no-repeat; font-size: 0pt;line-height: 0pt; }
div.btn_box > div.another > .btn.next { display: inline-block;*display: inline;*zoom: 1; width: 34px; height: 34px; background: url(http://cdn-img.kingkongsoft.kr/boss/btn/btn_list_next.jpg) 0 0 no-repeat;  font-size: 0pt;line-height: 0pt; }


div.reply_write_box { position: relative; margin-top: 30px; /*margin-bottom: 30px;*/ padding: 25px; line-height: 1.6; font-size: 12pt;background: #f7f7f7;border: 1px solid #d1d1d1;}
div.reply_write_box > textarea { width: 1093px;padding:10px; background: #fff; border: 1px solid #cbcbcb; height:48px;vertical-align:middle;color: #000;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.reply_write_box > input.submit { width: 98px; padding: 22px 0px 23px 0px; display: inline-block;*display: inline;*zoom: 1; border:none;vertical-align: middle;cursor:pointer; background: #fff; font-size: 12pt;line-height: 1pt;color: #262626;font-weight: bold;font-family: 'NanumSquare';vertical-align:middle;letter-spacing: -1px;border: 1px solid #d0d0d0;}
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: 1px solid #d1d1d1;border-top: 0px solid #000; background: #fff;}
ul.reply_list > li { padding:20px 0px 18px 20px; border-bottom:1px solid #d1d1d1; position: relative;color: #707070;}
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: #292929;}
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: #a0a0a0;}
ul.reply_list > li > span.func_btn { position: absolute; right:31px; top:25px; }
ul.reply_list > li > span.func_btn > a.re_btn { vertical-align: top; font-size: 9pt;color: #a0a0a0;}
ul.reply_list > li > span.func_btn > a.del_btn { vertical-align: top; font-size: 9pt;color: #a0a0a0;}
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 > span.func_btn > b { font-size: 8pt; color: #a0a0a0; vertical-align: middle;margin: 0px 3px 0px 3px;}


ul.reply_list > li > p { font-size: 10pt; margin-top: 5px; padding-right: 20px;line-height: 12pt;word-wrap: break-word;color: #262626;}
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.depth a.del_btn { vertical-align: top; font-size: 9pt;color: #a0a0a0; }

ul.reply_list > li > span.reply_icon2 { display: inline-block;*display: inline;*zoom: 1;width: 14px;  height: 14px; background: url(http://cdn-img.kingkongsoft.kr/boss/icon/btn_reply.png) 0 0 no-repeat;position: absolute;left:20px;top:22px; margin-right: 5px;}
ul.reply_list > li.reply_write {  }
ul.reply_list > li.reply_write > img { vertical-align: top;margin-right: 5px; }
ul.reply_list > li.reply_write > textarea { vertical-align: middle; padding:5px; height: 37px; width: 1012px; border: 1px solid #d0d0d0; background: #fff;color: #000;font-size: 10pt;line-height: 1.6;margin: -1px 2px 0px 0px;}
ul.reply_list > li.reply_write > input.reply_reg { width: 98px; padding: 18px 0px 17px 0px; display: inline-block;*display: inline;*zoom: 1; border:none;vertical-align: middle;cursor:pointer; background: #fff; font-size: 11pt;line-height: 1pt;color: #262626;border: 1px solid #d0d0d0;font-weight: bold;font-family: 'NanumSquare'vertical-align:middle; }

.ready_box {
    position: relative;
    /*text-align: right;*/
    background: #fff;
}
.ready_box > p { font-size: 26pt; font-weight: 900; color: #fff;  text-align: center; padding: 30px 0px 90px 0px;position: absolute;text-align: center;left:0px;right:0px;top:50%;transform: translateY(-50%);}
.ready_box > img {width: 100%;}



div.multimedia_content {background: url(http://cdn-img.kingkongsoft.kr/ark/bg/bg_media.jpg) 0 0 no-repeat;height: 445px;}

div.movie_area {
    height: 385px;
    width: 682px;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    position: relative;
}

div.movie_area > div.error_message {display: none;}

div.media_box { border-top: 1px solid #555; margin-top: 30px; }
div.media_box > ul.media_list { font-size: 0pt; line-height: 0pt;  padding: 30px 0px 15px 0px;margin-left: -11px;width: 1196px;}
div.media_box > ul.media_list > li { display: inline-block;*display: inline;*zoom: 1; width: 288px; position: relative; margin-bottom: 18px; vertical-align: top; text-align: center;margin-left: 11px;}
div.media_box > ul.media_list > li > a { display: inline-block;*display: inline;*zoom: 1;width: 288px; position: relative;}
div.media_box > ul.media_list > li > a > img.thum { width: 288px; height: 180px; }
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.media_tab {position: relative;text-align: center;font-size: 0pt;line-height: 0;}
div.media_tab > a {display: inline-block;*display: inline;*zoom: 1;position: relative;margin-left: 10px;}
div.media_tab > a:first-child {margin-left: 0px;}
div.media_tab > a > img.off {display: block;}
div.media_tab > a > img.on {display: none;position: absolute;left:0px;top:0px;}
div.media_tab > a:hover > img.on { display: block; }
div.media_tab > a.on > img.on { display: block; }

div.media_bg {position: absolute;background: url(http://cdn-img.kingkongsoft.kr/ark/data/media/bg_media.png) center 0 no-repeat;height: 600px;left:-50%;bottom:0px;right:-50%;z-index: -2;}
div.media_content {margin-top: 10px; position: relative;}
div.media_content > ul.media_list { font-size: 0pt; line-height: 0pt;  padding: 30px 0px 15px 0px;margin-left: -37px;width: 1278px;}
div.media_content > ul.media_list > li { display: inline-block;*display: inline;*zoom: 1; width: 388px; position: relative; margin-bottom: 18px; vertical-align: top; text-align: center;margin-left: 38px;overflow: hidden;}
div.media_content > ul.media_list > li > a { display: inline-block;*display: inline;*zoom: 1;width: 388px; position: relative;}
div.media_content > ul.media_list > li > a > img.thum { width: 388px; height: 219px; }
div.media_content > ul.media_list > li > a > img.best_icon { position: absolute;left:0px; top:0px; }
div.media_content > ul.media_list > li > a > p { height: 50px;position: relative;}
div.media_content > ul.media_list > li > a > p > span.op {
    background: #f0eeec;
     -webkit-opacity:1 ;
    -moz-opacity:1 ;
    -ms-opacity:1 ;
    -o-opacity:1 ;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index:0;
}
div.media_content > ul.media_list > li > a > img.thum {
     transition: .3s ease;
     transform: scale(1);
}
div.media_content > ul.media_list > li > a:hover > img.thum {
     transition: .3s ease;
     transform: scale(1.05);
}

div.media_content > ul.media_list > li > a > p > b { color: #000; font-size: 10pt;line-height: 1.6; position: absolute;z-index: 3; height: 22px; width: 388px; top:50%;transform: translateY(-50%);left:10px; overflow: hidden;text-align: left;}

/*div.media_content div.media_list.queen*/
div.media_content div.media_list { margin-top: 35px;position: relative; }
div.media_content div.media_list.queen { height: 895px; }
div.media_content div.media_list div.screen_slide { font-size: 0pt;line-height: 0pt; width: 613px;}
div.media_content div.media_list div.screen_slide  p {margin-bottom: 13px;width: 613px;}
div.media_content div.media_list div.screen_slide  p a:first-child {margin-left: 0px;}
div.media_content div.media_list div.screen_slide  p a {margin-left: 13px;display: inline-block;*display: inline;*zoom: 1;}
div.media_content div.media_list div.screen_slide  p a.none {pointer-events: none;}

div.media_list img.slide_aside_img {position: absolute;right:0px;top:0px;}




/* 2차 미디어 페이지 */
div.mdtab {position: relative;margin-top: 30px;}
div.mdtab > a {display: inline-block;*display: inline;*zoom: 1;color: #939393;font-size: 14pt;font-weight: 300;margin-left: 30px;position: relative;}
div.mdtab > a:hover {color: #000;}
div.mdtab > a.on {color: #000;}
div.mdtab > a:first-child {margin-left: 0px;}
div.mdtab > a::after {content:"";position: absolute;border-bottom: 2px solid ;width: 0%;bottom:-5px;left:0px}
div.mdtab > a:hover::after {content:"";position: absolute;border-bottom: 2px solid ;width: 100%;bottom:-5px;left:0px;
    -webkit-transition: width .5s cubic-bezier(.215,.61,.355,1);
    transition: width .5s cubic-bezier(.215,.61,.355,1);

}
div.mdtab > a.on::after {content:"";position: absolute;border-bottom: 2px solid ;width: 100%;bottom:-5px;left:0px;
    -webkit-transition: width .3s cubic-bezier(.215,.61,.355,1);
    transition: width .3s cubic-bezier(.215,.61,.355,1);
}

div.media_content.new {margin-top: 50px; position: relative;font-size: 0pt;line-height: 0;margin-left: -30px;}

div.media_content.new > div.thum_tile {width: 390px;height: 220px;border: 1px solid #d1d1d1; overflow: hidden; display: inline-block;*display: inline;*zoom: 1;position: relative;margin-left: 30px;margin-bottom: 30px;
    -webkit-transition: width .8s cubic-bezier(.215,.61,.355,1),height .8s cubic-bezier(.215,.61,.355,1),-webkit-opacity .8s cubic-bezier(.215,.61,.355,1);
    transition: width .8s cubic-bezier(.215,.61,.355,1), height .8s cubic-bezier(.215,.61,.355,1),opacity .8s cubic-bezier(.215,.61,.355,1);
    opacity: 1;
    vertical-align: top;
}
div.media_content.new > div.thum_tile.hide,div.media_content.new > div.thum_tile.hide.cos {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    opacity: 0;
    border: none;
    -webkit-transition: width .8s cubic-bezier(.215,.61,.355,1),height .8s cubic-bezier(.215,.61,.355,1),-webkit-opacity .8s cubic-bezier(.215,.61,.355,1);
    transition: width .8s cubic-bezier(.215,.61,.355,1),height .8s cubic-bezier(.215,.61,.355,1),opacity .8s cubic-bezier(.215,.61,.355,1);
}
div.media_content.new > div.thum_tile.cos {height: 270px;}
div.media_content.new > div.thum_tile > a { /*width: 390px;height: 220px; display: inline-block;*display: inline;*zoom: 1;overflow: hidden;*/}
div.media_content.new > div.thum_tile > a > img {width: 100%; position: relative;display: block; transform: scale(1);}
div.media_content.new > div.thum_tile a:hover img {
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transition: transform .3s cubic-bezier(.215,.61,.355,1);
    transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
}


div.media_content.new > div.thum_tile > span {position: absolute;bottom:0px;left:0px;background: url(http://cdn-img.kingkongsoft.kr/ark/data/media/new/bg_bar.png) right 0 no-repeat;height: 43px; color: #cbcdcf;line-height: 3.3;font-size: 10pt;text-align: center;padding: 0px 20px 0px 10px;max-width: 305px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
div.media_content.new > div.thum_tile > span i {width: 20px;height: 20px;display: inline-block;*display: inline;*zoom: 1;background: url(http://cdn-img.kingkongsoft.kr/ark/data/media/new/icon_photo.png) 0 0 no-repeat;vertical-align: middle;margin-right: 5px;margin-top: -3px;}
div.media_content.new > div.thum_tile > a::before {

    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    width: 116%;
    z-index: 99;
}
div.media_content.new > div.thum_tile > a:hover::before {
    width: translateX(30%) skewX(-10deg);
    transform: translateX(30%) skewX(-10deg);
    /*background-color: #fb9999;*/
    background-color: #f1458447;
    left: -173px;
    right: 0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transition: transform .3s cubic-bezier(.215,.61,.355,1);
    transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
}



div.tile-slider { position: relative;margin-top: 50px;transform: translateY(50%);}
div.tile-slider div.slider_list > div {width: 390px !important;display: inline-block;*display: inline;*zoom: 1;}
div.tile-slider div.slider_list > div > a {width: 100%;display: block;}
div.tile-slider div.slider_list > div > a > img {width: 100%;}
div.tile-slider div.slider_list > div[aria-hidden='false']::before {content: "";position: absolute;left:0px;top:0px;right:0px;bottom:0px;border: 5px solid #f14584;pointer-events:none;}


div.tile-slider .bx-controls-direction a {position: absolute;width: 25px;height: 46px;font-size: 0pt;line-height: 0pt;z-index: 99;}
div.tile-slider .bx-controls-direction a.bx-prev {background: url(http://cdn-img.kingkongsoft.kr/ark/data/media/new/btn_arrow_prev.png) 0 0 no-repeat;top:50%;transform: translateY(-50%); background-size: 100%;left:-57px;z-index:60;}
div.tile-slider .bx-controls-direction a.bx-next {background: url(http://cdn-img.kingkongsoft.kr/ark/data/media/new/btn_arrow_next.png) 0 0 no-repeat;top:50%;transform: translateY(-50%);background-size: 100%;right: -57px;z-index: 60;}




div.board_content > ul.update_list { border-top: 2px solid #707070; border-bottom: 1px solid #9f9f9f;}
div.board_content > ul.update_list > li:first-child { padding-top: 0px;  }
div.board_content > ul.update_list > li { padding:0px 20px 20px 20px; position: relative;height: 208px;  border-top: 1px solid #eeeeee; }
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; margin-bottom: 15px;}
div.board_content > ul.update_list > li > div > a > img { position: absolute;left:0px; top:28px; width: 350px; height: 150px;}
div.board_content > ul.update_list > li > div > a > p { color: #333; font-size: 24px;font-weight: bold;   }
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.page_tab_contents.features { position: relative; }
div.page_tab_contents.features > img {width: 100%;}

div.page_tab_contents.features div.slide_box {position: absolute;left:0px;right:0px;top:64px;bottom:0px;}
div.page_tab_contents.features div.slide_box img.left {left:-106px !important;top:43% !important;cursor: pointer;}
div.page_tab_contents.features div.slide_box img.right {right:-106px !important;top:43% !important;cursor: pointer;}

/*div.page_tab_contents.features ul.contents_tab { display:flex; position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); }
div.page_tab_contents.features ul.contents_tab a.tab02 { position: relative;top:60px }
div.page_tab_contents.features ul.contents_tab a.tab04 { position: relative;top:60px }
div.page_tab_contents.features ul.contents_tab a {filter: grayscale(0.9);}
div.page_tab_contents.features ul.contents_tab a:hover { transition:0.9s; filter: grayscale(0); }

div.content_bg {background: url(http://cdn-img.kingkongsoft.kr/dt/event/pre-event/web/page04/bg_content.jpg) center center; background-size: cover;position: absolute;left:0px;right:0px;top:0px;bottom:0px;z-index: 99;display:none;}
div.content_bg.over { display:block; }
div.content_layer {width: 100% !important;position: relative;}
div.content_layer > img {width: 100%;}
div.content_layer > span.btn_close {position: absolute;right:0px;top:100px;cursor: pointer;}*/



div.page_tab_contents.newbie { position: relative; width: 966px;left:50%;transform: translateX(-50%); }
div.page_tab_contents.newbie > div.download_box { position: absolute;  }
div.page_tab_contents.newbie > div.type01 { font-size: 0pt; line-height: 0pt; top:313px;left:208px;}
div.page_tab_contents.newbie > div.type01 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 94px;}
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:628px;left:208px; }
div.page_tab_contents.newbie > div.type02 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 94px;}
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:334px;left:49px; }
div.page_tab_contents.newbie > div.type03 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 125px;}
div.page_tab_contents.newbie > div.type03 > a:first-child { margin-left: 0px;  }



div.gallery_box { font-size: 0pt;line-height: 0pt; }
div.gallery_box > div.grid { width: 966px;  margin-left: -15px;/*padding: 0px 28px 0px 28px;*/}
div.gallery_box > div.grid > div.grid-item {margin-left: 15px;width: 300px;height: 185px;display: inline-block;*display: inline;*zoom: 1;position: relative;margin-bottom: 20px;overflow: hidden;}
div.gallery_box > div.grid > div.grid-item > a > img {width: 100%;}
div.gallery_box > div.grid > div.grid-item > a.download {position: absolute;right:15px;bottom:15px;width: 32px;}
div.gallery_box > div.grid > div.grid-item > a.download > img {width: 100%;}

div#right a.buy_gold_btn {display: block;margin-bottom: 10px;}



div.page_tab_contents > h4 {line-height: 1; margin-left: 25px;}
div.page_tab_contents > img.arrow { position: absolute; top:670px; cursor: pointer;}
div.page_tab_contents > img.left { left:15px; }
div.page_tab_contents > img.right { right:15px; }
div.page_tab_contents.boss > img.arrow { position: absolute; top:380px; cursor: pointer;}
div.page_tab_contents.boss > img.left { left:10px; }
div.page_tab_contents.boss > img.right { right:10px; }

h5.faq_title {font-size: 13pt; line-height: 1.6; padding: 8px 0px 8px 20px;color: #fff;background: #565656;border: 1px solid #414e5e;font-weight: bold;}
div.faq_list {font-size: 12pt;line-height: 1.6;background: #fff;border: 1px solid #d1d1d1;border-bottom: 0px;}
div.faq_list { }
div.faq_list > dl {border-bottom: 1px solid #ddd;}
div.faq_list > dl > dt { padding: 6px 0px 6px 0px; color: #262626;font-size: 11pt;font-weight: bold; cursor: pointer;position: relative;}
div.faq_list > dl > dt:after {content:"";width: 13px; height: 7px; position: absolute; right:20px; top:15px;line-height: 1;font-weight: bold;background: url(http://cdn-img.kingkongsoft.kr/boss/icon/down_arrow.png) 0 0 no-repeat;}
div.faq_list > dl > dt.on:after {content:"";width: 13px; height: 7px; position: absolute; right:20px; top:15px;line-height: 1;font-weight: bold;background: url(http://cdn-img.kingkongsoft.kr/boss/icon/up_arrow.png) 0 0 no-repeat;}

div.faq_list > dl > dt > span {color: #262626;font-size: 12pt;font-weight: bold;display: inline-block;*display: inline;*zoom: 1;width: 160px;text-align: center;}
div.faq_list > dl > dt.on { /*background: #a5937b;*/ background: #da5455; color: #fff ;font-weight: bold;}
div.faq_list > dl > dt.on > span {color: #fff;font-size: 11pt;font-weight: bold;}
div.faq_list > dl > dd { padding: 25px 60px; background: #eeeeee; font-size: 10pt;color: #313131;line-height: 1.6;display:none;}

div.movi_box { width: 700px; height: 380px;  }

div#payment_layer {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 2%;
    /*display: block;*/

    font-size: 3vmin;
    top: 0px;
    width: 90%;
    max-width: 532px;
    min-width: 286px;
    height: 100%;

    /*background: url(http://static.123games.co.kr/h5/201706_ver2/payment_layer_bg.png) no-repeat center 0;*/
    background: url(http://cdn-img.kingkongsoft.kr/missh5/bg/payment_layer_bg.png) no-repeat center 0;
    background-size: 100%;
    display: none;
    z-index: 10000;
}




div.payment_box {width: 90%;position: relative;margin: 170px auto 0px auto; }
div.payment_box > div.layer_title {margin-bottom: 30px;}
div.payment_box > div.layer_title > h1 {color: #000; font-weight: 600; font-size: 1.6rem;text-align: center;}
div.payment_box > div.successPayment {}
div.payment_box > div.successPayment div.paymentCash { margin-bottom: 30px; }
div.payment_box > div.successPayment div.paymentCash > table {width: 100%; border-collapse: collapse;font-size: 1rem;}
div.payment_box > div.successPayment div.paymentCash > table > caption {display: none;}
div.payment_box > div.successPayment div.paymentCash > table tr th { text-align: center; padding: 10px 0vw; border: 1px solid #ddd;background: #f0f0f0; }
div.payment_box > div.successPayment div.paymentCash > table tr td { text-align: center; padding: 10px 0vw; border: 1px solid #ddd;}

div.payment_box > div.successPayment div.caution_list {text-align: left; margin-bottom: 1.5vw;}
div.payment_box > div.successPayment div.caution_list > ul {list-style: none;padding: 0px;font-size: 1rem;}
div.payment_box > div.successPayment div.btn_box {text-align: center;}
div.payment_box > div.successPayment div.btn_box a {display: inline-block;*display: inline;*zoom: 1;width: 23vw;padding: 15px 0px; max-width: 160px;font-weight: bold;text-decoration: none;color: #000;}
div.payment_box > div.successPayment div.btn_box a.okBtn { background: #ba1218; color: #fff; }
div.payment_box > div.successPayment div.btn_box a.closeBtn { background: #ddd; }

div.payment_box > div.successPayment div.need_cash_charge {text-align: center;margin-top: 20px; margin-bottom: 20px;}
div.payment_box > div.successPayment div.need_cash_charge > h3 {font-size: 1.3rem;color: #e47b7b;margin-bottom: 15px;}
div.payment_box > div.successPayment div.need_cash_charge > p {font-size: 1rem;color: #2bb2ca;}

div#layer_mask {display: none;background: #000;position: absolute;z-index: 998;left:0px;right:0px;top:0px;bottom:0px;}






div.buy_content { overflow: hidden; }
div.buy_content.cash { padding-left: 15px; }
div.buy_content > h3 { color: #000; 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 #b5b5b5; 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: #000;width: 270px;}
div.buy_content > ul.cash_info > li > span { font-weight: bold; color: #000;}


div.buy_content > div.gold_select { font-size: 0pt;line-height: 0pt;width: 1189px; margin-bottom: 30px;margin-left: -5px;}
/*div.buy_content > div.gold_select > label { width: 164px;height: 164px; position: relative; display: inline-block;*display: inline;*zoom: 1; margin: 0px 0px 6px 5px;vertical-align: top; }*/
div.buy_content > div.gold_select > label { width: 232px;height: 232px; position: relative; display: inline-block;*display: inline;*zoom: 1; margin: 0px 0px 6px 5px;vertical-align: top; }
div.buy_content > div.gold_select > label > input { display:none; }
div.buy_content > div.gold_select > label > b {position: absolute; top:0px;right:0px;bottom:0px;left:0px; border: 1px solid #959595; background-color: rgba(0,0,0,0.1);}
div.buy_content > div.gold_select > label:hover > b {display: block; background-color: rgba(251,251,251,0.30); border: 2px solid #d21e00;}
div.buy_content > div.gold_select > label.hover > b {display: block; background-color: rgba(251,251,251,0.30); border: 2px solid #d21e00;}

div.buy_content > div.gold_select > label.gold30000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_01.png) 50% 35% no-repeat;}
div.buy_content > div.gold_select > label.gold25000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_01.png) 50% 35% no-repeat;}
div.buy_content > div.gold_select > label.gold20000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_02.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold15000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_03.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold10000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_04.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold8000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_05.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold5000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_06.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold3000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_07.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold2500 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_08.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold1500 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_09.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold1000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_10.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold500 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_11.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold300 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_12.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold250 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_13.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold150 { background: #131313 url(http://cdn-img.kingkongsoft.kr/og/shop/gold_14.png) 50% 35% no-repeat; }

/*div.buy_content > div.gold_select > label.gold50 { background-image: url(http://cdn-img.kingkongsoft.kr/god/shop/box_1_1.jpg) ; }*/


div.buy_content > div.gold_select > label > i { position: absolute; left:0px; bottom:28%; width: 100%;  font-size: 13px;font-weight: bold;line-height: 1.2; text-align: center;padding:4px 0px 4px 0px; color: #fff;font-style: normal;font-family: 'Nanum Gothic'}
div.buy_content > div.gold_select > label > span { position: absolute; left:0px; bottom:20%; width: 100%;  font-size: 12px;font-weight: bold;line-height: 1.2; text-align: center;padding:4px 0px 4px 0px; color: #ff2400;}

div.buy_content > ul.gold_info { border: 1px solid #b5b5b5; 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: 10pt; color: #ff9f72;letter-spacing: -1px;margin: 0px 18px 10px 0px; ;min-width: 349px;}
div.buy_content > ul.gold_info > li > span { font-weight: normal; color: #000;}
div.buy_content > ul.gold_info > li > u { font-style: normal; margin-left: 5px; text-decoration: none;color: #000;}
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: #000; font-weight: normal; }


div.buy_content a.cash_btn { display: inline-block;*display: inline;*zoom: 1;background: #cd001e; text-align: center; min-width: 90px; padding: 6px 0px 6px 0px; color: #fff;font-weight: bold; border: 1px solid #ff7373; font-size: 10pt;line-height: 1.6;}
div.buy_content a.charge_btn { display: inline-block;*display: inline;*zoom: 1;background: #a5937b; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #fff;font-weight: bold; border: 1px solid #847f7a;font-size: 10pt;line-height: 1.6;}
div.buy_content a.gift_gold_btn { display: inline-block;*display: inline;*zoom: 1;background: #bb1219; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #fff;font-weight: bold; border: 1px solid #8a2e32;font-size: 10pt;line-height: 1.6;margin-left: 10px;}
div.buy_content p.btn_box { text-align: center; margin: 15px 0px;  }


select#server_key { width: 200px; font-size: 11pt; font-weight: bold; padding: 5px 0px;}





.role_swiper,.role_swiper .swiper-slide{ position:relative; width:100%; height:100%;}

div.board_content div.role_area {width: 100%;height: 784px;position: relative;}
div.board_content div.role_area > div.character {position: absolute;left:50px;top:54%;transform: translateY(-50%); width: 15%;z-index: 900;height: 810px;}
div.board_content div.role_area > div.character > a {width: 100%;/*height: 202px;*/display: inline-block;*display: inline;*zoom: 1;position: relative;}
div.board_content div.role_area > div.character > a > img {width: 100%;}
div.board_content div.role_area > div.character > a > img.off {}
div.board_content div.role_area > div.character > a > img.on {display:none;}
div.board_content div.role_area > div.character > a.on > img.on {display: block;position: absolute;left:0px;top:0px;}
div.board_content div.role_area > div.character > a:hover > img.on {display: block;position: absolute;left:0px;top:0px;}
div.board_content div.role_area > div.character > a.char01 {float:left;}
div.board_content div.role_area > div.character > a.char02 {float:right;margin-top: -50px;margin-right: -87px;}
div.board_content div.role_area > div.character > a.char03 {float:left;margin-top: -50px;}
div.board_content div.role_area > div.character > a.char04 {float:right;margin-top: -50px;margin-right: -87px;}
div.board_content div.role_area > div.character > a.char05 {float:left;margin-top: -50px;}


div.board_content div.roll-area div.area01 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg1.jpg) center center; background-size: cover;overflow: hidden;position: relative; }
div.board_content div.roll-area div.area02 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg2.jpg) center center; background-size: cover;overflow: hidden;position: relative; }
div.board_content div.roll-area div.area03 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg3.jpg) center center; background-size: cover;overflow: hidden;position: relative; }
div.board_content div.roll-area div.area04 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg4.jpg) center center; background-size: cover;overflow: hidden;position: relative; }
div.board_content div.roll-area div.area05 { background: url(http://cdn-img.kingkongsoft.kr/nata/event/pre-event/web/page05/bg5.jpg) center center; background-size: cover;overflow: hidden;position: relative; }

div.board_content div.roll-area div.area01 div.character {position: absolute;width: 64%;}
div.board_content div.roll-area div.area01 div.character > img {width: 100%;}

div.board_content div.roll-area div.area01 div.info {position: absolute;left:70.7%;top:16.2%;width: 30%;z-index: 3;}
div.board_content div.roll-area div.area01 div.info img {width: 100%;}
div.board_content div.roll-area div.area01 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.board_content div.roll-area div.area01 a.movie {position: absolute;left:20%;bottom:6.2%;}

div.board_content div.roll-area div.area02 div.character {position: absolute;width: 72.4%;}
div.board_content div.roll-area div.area02 div.character > img {width: 100%;}

div.board_content div.roll-area div.area02 div.info {position: absolute;left:70.7%;top:16.2%;width: 30%;z-index: 3;}
div.board_content div.roll-area div.area02 div.info img {width: 100%;}
div.board_content div.roll-area div.area02 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.board_content div.roll-area div.area02 a.movie {position: absolute;left:20%;bottom:6.2%;}

div.board_content div.roll-area div.area03 div.character {position: absolute;width: 78.1%;}
div.board_content div.roll-area div.area03 div.character > img {width: 100%;}

div.board_content div.roll-area div.area03 div.info {position: absolute;left:70.7%;top:16.2%;width: 30%;z-index: 3;}
div.board_content div.roll-area div.area03 div.info img {width: 100%;}
div.board_content div.roll-area div.area03 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.board_content div.roll-area div.area03 a.movie {position: absolute;left:20%;bottom:6.2%;}

div.board_content div.roll-area div.area04 div.character {position: absolute;width: 80.8%;}
div.board_content div.roll-area div.area04 div.character > img {width: 100%;}

div.board_content div.roll-area div.area04 div.info {position: absolute;left:70.7%;top:16.2%;width: 30%;z-index: 3;}
div.board_content div.roll-area div.area04 div.info img {width: 100%;}
div.board_content div.roll-area div.area04 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.board_content div.roll-area div.area04 a.movie {position: absolute;left:20%;bottom:6.2%;}

div.board_content div.roll-area div.area05 div.character {position: absolute;width: 68.3%;}
div.board_content div.roll-area div.area05 div.character > img {width: 100%;}

div.board_content div.roll-area div.area05 div.info {position: absolute;left:70.7%;top:16.2%;width: 30%;z-index: 3;}
div.board_content div.roll-area div.area05 div.info img {width: 100%;}
div.board_content div.roll-area div.area05 div.info > a.mic {position: absolute;right:55px;top:8.5px;width: 13%;}
div.board_content div.roll-area div.area05 a.movie {position: absolute;left:20%;bottom:6.2%;}

/*div.swordinfo div.job_content_layer { position: absolute; left: 0px;right:0px;top:0px;bottom:0px;z-index: 2;}*/


/*ul.job_tab { position: absolute;top: 4.8%; left:50%;transform: translateX(-50%); width: 880px;text-align: center;}
ul.job_tab li { display: inline-block;*display: inline;*zoom: 1; margin-left: 33px;}
ul.job_tab li:first-child {margin-left: 0px;}
ul.job_tab li > a {width: 56px;height: 56px;position: relative;display: inline-block;*display: inline;*zoom: 1;}

ul.job_tab li > a > img.on { display: none; position: absolute;left:0px;top:0px;z-index: 2;}
ul.job_tab li > a:hover > img.on {display: block;}
ul.job_tab li > a.hover > img.on {display: block;}

div.swordinfo div.page_tab_contents {padding-top: 70px;text-align: center;}
div.swordinfo div.page_tab_contents:nth-child(1) { padding-top: 80px; }
div.swordinfo div.page_tab_contents:nth-child(2) { padding-top: 57px; }
div.swordinfo div.page_tab_contents:nth-child(3) { padding-top: 90px; }*/

/*div.swordinfo div.job_content_layer ul.job  {position: absolute;width: 82%;text-align: center; left:50%;transform: translateX(-50%);}
div.swordinfo div.job_content_layer ul.job li {display: inline-block;*display: inline;*zoom: 1;width: 25%;margin-left: 6%;position: relative;cursor: pointer;}
div.swordinfo div.job_content_layer ul.job li:first-child {margin-left: 0px;}
div.swordinfo div.job_content_layer ul.job li > img {width: 100%;}
div.swordinfo div.job_content_layer ul.job li > img.on {display: none;}
div.swordinfo div.job_content_layer ul.job li:hover img.on { position: absolute;display:block;left:0px;top:0px; z-index: 2;}
div.swordinfo div.job_content_layer ul.job.tanker {top:36.4%;}
div.swordinfo div.job_content_layer ul.job.dealer {top:58.6%;}
div.swordinfo div.job_content_layer ul.job.healer {top:81%;}*/


div.page_tab_contents {height: 100%;position: relative;}

div.page_tab_contents > div.character {display: inline-block;*display: inline;*zoom: 1;width: 48%;margin-left: -1%;text-align: center;margin-top: 170px;}
div.page_tab_contents > div.character:first-child {margin-left: 0px;}
div.page_tab_contents > div.character div.image {margin-bottom: 30px;}

div.page_tab_sub > div.character {height: 100%;position: relative;}
div.page_tab_sub > div.character div.image { display: inline-block;*display: inline;*zoom: 1; position: absolute; left:10px;top:190px;}
div.page_tab_sub > div.character div.skills { display: inline-block;*display: inline;*zoom: 1; position: absolute;right:10px;top:260px;}

img.remote_image {background: #fff;width: 836px;display: block;margin: 10px auto 0px auto;}


div.cp_info {position: relative;border: 1px solid #ddd;padding: 10px 30px 10px 30px;margin-bottom: 13px;}
div.cp_info > span {font-size: 16pt; font-weight: 900;color: #000;vertical-align: middle; font-family: serif;}
div.cp_info > b {font-weight: 900;width: 120px;text-align: center;font-size: 26pt;color: #000;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-family: cursive;}

ul.package_item_list { width: 1194px; margin-left: -10px;margin-bottom: 50px;}
ul.package_item_list > li { border: 1px solid #ddd; text-align: center; width: 286px; margin-left: 10px; margin-bottom: 10px; display: inline-block;*display: inline;*zoom: 1;font-size: 10pt;line-height: 1.6;padding: 0px 0px 0px 0px; background: #fff;position: relative;overflow: hidden;}
ul.package_item_list > li > p.name_package {font-size: 13pt;background: #606060;text-align: center;line-height: 2;letter-spacing: -1pt;color: #fff;margin-bottom: 15px;}
ul.package_item_list > li > img {height: 84px;width: auto;display: block;margin: 0px auto;}
ul.package_item_list > li > p.pirce_package {font-size: 12pt;background: #990000;text-align: center;line-height: 2;letter-spacing: -1pt;color: #fff;margin: 15px 0px 5px 0px;}
ul.package_item_list > li > p.toolbox {font-size: 12pt;line-height: 2;margin-bottom: 5px;}
ul.package_item_list > li > p.toolbox > span {display: inline-block;*display: inline;*zoom: 1;width: 49%;color: #444; font-size: 11pt;vertical-align: middle;}
ul.package_item_list > li > p.toolbox > a { display: inline-block;*display: inline;*zoom: 1;background: #231768; font-size: 10pt; color: #fff;text-align: center; line-height: 2.3;width: 46%;vertical-align: top;position: relative;z-index: 8;}
ul.package_item_list > li div.bought {position: absolute;left:0px;top:0px;right:0px;bottom:0px;background: rgba(0,0,0,0.6);z-index: 9;}
ul.package_item_list > li div.bought > span {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);font-size: 16pt;font-weight: bold;color: #fff;}
ul.package_item_list > li div.soldout {position: absolute;left:0px;top:0px;right:0px;bottom:0px;background: rgba(52,2,9,0.6);z-index: 9;}
ul.package_item_list > li div.soldout > span {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);font-size: 16pt;font-weight: bold;color: #fff;}


@keyframes hideBox {0%{left:0px;}to{left:-100%;}}
@-webkit-keyframes hideBox {0%{left:0px;}to{left:-100%;}}
@keyframes showBox{0%{left:-100%}to{left:0px}}
@-webkit-keyframes showBox{0%{left:-100%}to{left:0px}}

ul.package_item_list > li div.explain {position: absolute;background: rgba(23,27,42,0.6);z-index: 9;
    position: absolute;
    left:-100%;
    top:0px;
    width: 100%;
    overflow: hidden;
    height: 100%;
    animation: hideBox .3s ease forwards;
    -webkit-animation: hideBox .3s ease forwards;
    -moz-animation: hideBox .3s ease forwards;
    -o-animation: hideBox .3s ease forwards;
    z-index: 7;
}
ul.package_item_list > li:hover div.explain {
    animation: showBox .3s ease forwards;
    -webkit-animation: showBox .3s ease forwards;
    -moz-animation: showBox .3s ease forwards;
    -o-animation: showBox .3s ease forwards;
}
ul.package_item_list > li div.explain > span {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);font-size: 10pt;font-weight: bold;color: #fff;}

/*ul.package_item_list > li > img {width: 84px;border: 0px solid #4c4c4c;}
ul.package_item_list > li > span.cp_point {display: block;color: #fff;font-size: 10pt;font-weight: bold; border: 1px solid #ddd;
  width: 55px;
  background: #4e4e4e;
  margin: 0px auto 10px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
ul.package_item_list > li > span.name {display: block;color: #000;font-size: 10pt;font-weight: bold; margin:5px 0px 5px 0px;}
ul.package_item_list > li > a.change_btn { display: block;width:84px;height: 23px; font-size: 10pt;line-height: 1.6;margin: 0px auto;color: #fff;
  border: 1px solid #4e4e4e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #8e8e8e;
}

ul.package_item_list > li > a#change_pp {background: #000;}
ul.package_item_list > li > a.change_btn.get {background: #af6767 !important;pointer-events: none;}
ul.package_item_list > li > a.change_btn.entry {background: #bd3030 !important;}
ul.package_item_list > li > a.change_btn.entry2 {background: #2330cc !important;}
ul.package_item_list > li.empty_item {display: block;width: 826px; color: #fff;font-size: 16pt;padding: 30px 0px;}*/


div.layer_server { position: fixed; top:0px;left:0px;bottom:0px;right:0px; z-index: 999; background: rgba(0,0,0,0.5);display: none;}
div.layer_server div.server_pop {background: url(http://cdn-img.kingkongsoft.kr/ark/serverlist/layer/bg.png) 50% 0 no-repeat;width: 1116px;height:561px; position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
div.layer_server div.server_pop > span.close { position: absolute;right:30px;top:30px; cursor: pointer;}
div.server_pop div.list_content {position: absolute;left:0px;top:0px;width: 656px;height: 561px;}
div.server_pop div.list_content > div.tab_box { width: 539px; text-align: left;font-size: 0pt;line-height: 0pt;padding: 0px 0px 0px 0px;position: absolute;top:63px;left:50%;transform:translateX(-50%);z-index: 3;}
div.server_pop div.list_content > div.list_box {height: 100%; padding: 136px 0px 0px 0px;}

div.server_pop div.list_content > div.tab_box > a { display: inline-block;*display: inline;*zoom: 1; margin-bottom: 5px;width: 167px;height: 46px;font-size: 0pt;line-height: 0pt;margin-left: 30px;}
div.server_pop div.list_content > div.tab_box > a:first-child {margin-left: 0px;}
div.server_pop div.list_content > div.tab_box > a.tab01 {background:url(http://cdn-img.kingkongsoft.kr/ark/serverlist/layer/btn_01_off.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab01.on {background:url(http://cdn-img.kingkongsoft.kr/ark/serverlist/layer/btn_01_on.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab01:hover {background:url(http://cdn-img.kingkongsoft.kr/ark/serverlist/layer/btn_01_on.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab02 {background:url(http://cdn-img.kingkongsoft.kr/ark/serverlist/layer/btn_02_off.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab02.on {background:url(http://cdn-img.kingkongsoft.kr/ark/serverlist/layer/btn_02_on.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab02:hover {background:url(http://cdn-img.kingkongsoft.kr/ark/serverlist/layer/btn_02_on.png) 0 0 no-repeat;}

div.server_pop div.list_box > div.list {position: relative;text-align: left;padding: 0px 0px 0px 27px;}
div.server_pop div.list_box > div.list.all {height:400px;}
div.server_pop div.list_box > div.list > a {display: inline-block;*display: inline;*zoom: 1;width: 167px;height: 20px;background:url(http://cdn-img.kingkongsoft.kr/ark/serverlist/layer/bg_server_box.png) 0 0 no-repeat;position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    /*font-family: "Nanum Gothic";*/
    /*text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;*/
    padding: 13px 0px 13px 0px;
    margin: 0px 0px 15px 30px;
    text-align: center;
    vertical-align: top;
}
div.server_pop div.list_box > div.list > a:hover { background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_server_on.png) 0 0 no-repeat; }
div.server_pop div.list_box > div.list > a.on { background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_server_on.png) 0 0 no-repeat; }
div.server_pop div.list_box > div.list > a > img {position: absolute;left:0px;top:0px;}
div.server_pop div.list_box > div.list > a > b {position: absolute;left:0px;top:0px;}
div.server_pop div.list_box > div.list > a > b > img {margin-left: 0px;}
div.server_pop div.list_box > div.list > a > b > img:first-child {margin-left: 0px;}

div.server_pop div.list_box > div.list > a > img.resent {position: absolute;left:unset !important;right:0px !important;top:0px;}

div.server_pop div.pager {
    text-align: center;
    margin-top:-35px;
    position: relative;
    z-index: 99;
}

div.server_pop div.pager span {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    color: #fff;
    /*border: 1px solid #000;*/
    /*background: #fff;*/
    margin-right: 0.5em;
    font-size: 16pt;
    font-family: "Nanum Gothic";
    font-weight: normal;
    text-shadow: -1px 0 rgba(0, 0, 0, 0.75), 0 1px rgba(0, 0, 0, 0.75), 1px 0 rgba(0, 0, 0, 0.75), 0 -1px rgba(0, 0, 0, 0.75);
}

div.server_pop div.pager span.active {

    /*border: 1px solid #000;
    background: #000;*/
    /*width: 25px;*/
    color:#fdc13f;
    /*text-shadow: -1px 0 rgba(0, 0, 0, 0.75), 0 1px rgba(0, 0, 0, 0.75), 1px 0 rgba(0, 0, 0, 0.75), 0 -1px rgba(0, 0, 0, 0.75);*/
    /*font-family: "Nanum Gothic";*/
}