@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Service Development Team
 * 한빛온 메인 리뉴얼 Stylesheet
 * Author - jhkim88@hanbitsoft.co.kr 20160519
------------------------------------------------- */

/* Font
-------------------------------------------------------------- */
@font-face {
    font-family:NanumSquare;
    font-weight:400;
    src:url(../font/NanumSquareR.eot);
    src:local('Nanum Square Regular'),
    local('NanumSquareR'),
    url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
    /*url(../font/NanumSquareR.woff2) format('woff2'),*/
    url(../font/NanumSquareR.woff) format('woff'),
    url(../font/NanumSquareR.ttf) format('truetype');
}

@font-face {
    font-family:NanumSquare;
    font-weight:700;
    src:url(../font/NanumSquareB.eot);
    src:local('Nanum Square Bold'),
    local('NanumSquareB'),
    url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
    /*url(../font/NanumSquareB.woff2) format('woff2'),*/
    url(../font/NanumSquareB.woff) format('woff'),
    url(../font/NanumSquareB.ttf) format('truetype');
}

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0;padding:0;font-size:100%}
img, fieldset, button{border:0}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body, input, button, textarea, select, table, kbd{line-height:1.2;font-family:NanumSquare, '맑은 고딕', Malgun Gothic, dotum, Helvetica, sans-serif;font-size:13px;color:#555555}
img{vertical-align:middle}
ol, ul{list-style:none}
a{text-decoration:none;color:#555555}
a:hover, a:focus, a:active{text-decoration:none;color:#555555}
button, label{cursor:pointer}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
caption, legend{width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;visibility:hidden}

/* Reserved Class
-------------------------------------------------------------- */
.irPm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.irWa{display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1}
.blind{width:1px;height:1px;font-size:0;line-height:0;position:absolute;top:0;left:-1000%;overflow:hidden}
.show{display:block}
.hide{display:none}
.fL{float:left}
.fR{float:right}
.clearFix{zoom:1}
.clearFix:after{clear:both;display:block;content:''}

/* Styles
-------------------------------------------------------------- */
html, body{width:100%;height:100%;background-color:#eeeeee}

#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:120;height:25px;padding:10px 0;background:#fff;font-weight:bold;color:#000;font-size:20px;text-decoration:none}

#wrap{position:relative;min-width:1200px;min-height:100%;overflow:hidden}
#header{position:absolute;padding-top:20px;width:100%;z-index:100}
.inner{width:1180px;margin:0 auto;zoom:1}
.inner:after{clear:both;display:block;content:''}
#header .inner{position:relative;height:70px;background-color:#ffffff;box-shadow:0 0 7px rgba(0, 0, 0, 0.5)}
#container{padding:0 0 360px}
#container .inner{position:relative}
.my_login_area{position:relative}
.recommend_game_area{position:relative;height:97px;border-top:3px solid #df4830;background-color:#ffffff}
.recommend_game_area .inner{height:97px}
.bar_banner_area{overflow:hidden;background-color:#43302b}
.bar_banner_area .inner{}
.bar_banner_area .inner a{display:block}
.board_area{margin-top:40px}
.board_area .inner{height:60px;background-color:#df4830}
#footer{position:absolute;left:0;bottom:0;right:0;height:310px;background-color:#272731}
#footer .inner{padding-top:45px}
#copyright{margin-top:16px;color:#878484;font-size:11px}

.ellip{ display:inline-block;overflow:hidden;max-width:100%;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.vline{display:inline-block;width:1px;height:100%;margin-left:-1px;vertical-align:middle}
.sp_m{display:inline-block;overflow:hidden;width:auto;height:10px;background:url(../images/home_renewal_160519/sp_m.png) no-repeat 0 0;line-height:999px;vertical-align:top}
.sp_f{display:inline-block;overflow:hidden;width:auto;height:10px;background:url(../images/home_renewal_160519/sp_f.png) no-repeat 0 0;line-height:999px;vertical-align:top}

/*S:floating banner*/
.floating_banner_area {position:absolute;width:100%;z-index:500}
.floating_banner_area .inner{position:relative;text-align:center;}
.floating_banner_area .dimmed{position:absolute;display:block;top:0;width:100%;height:100%;background-color:#000000;opacity:0.3;}
.floating_banner{display:none;position:absolute;left:50%;margin-left:-590px;bottom:-600px;*display:inline;zoom:1;box-shadow:2px 2px 20px rgba(0, 0, 0, 0.9)}
.floating_banner .floating_banner_link_list{position:absolute;left:14px;bottom:14px}
.floating_banner .floating_banner_link_list li{float:left;margin-left:7px}
.floating_banner .floating_banner_link_list li:first-child{margin-left:0}
.floating_banner .floating_banner_link_list li.event{width:91px;height:30px}
.floating_banner .floating_banner_link_list li.facebook{width:30px;height:30px}
.floating_banner .floating_banner_link_list li.cafe{width:30px;height:30px}
.floating_banner .floating_banner_link_list li.home{width:30px;height:30px}
.floating_banner .floating_banner_link_list li.event a{display:block;height:100%;background-position:-190px -160px}
.floating_banner .floating_banner_link_list li.facebook a{display:block;height:100%;background-position:-283px -160px}
.floating_banner .floating_banner_link_list li.cafe a{display:block;height:100%;background-position:-315px -160px}
.floating_banner .floating_banner_link_list li.home a{display:block;height:100%;background-position:-347px -160px}
.floating_banner .floating_banner_btn_area{position:absolute;right:16px;bottom:13px}
.floating_banner .floating_banner_btn_area .today_not_view_btn{width:168px;height:35px;border:1px solid #747473;color:#ffffff;background-color:#0b060a;font-size:16px;}
.floating_banner .floating_banner_btn_area .close_btn{margin-left:5px;width:70px;height:35px;border:1px solid #ff3043;color:#ffffff;background-color:#0b060a;font-size:16px;}
/*E:floating banner*/

/* S:header */
/* S: 2016-06-15 수정 */
.logo_wrap{float:left;position:relative;width:260px;height:100%;background-color:#272731;text-align:center;letter-spacing:-4px;}
.logo_wrap .logo{display:inline-block;vertical-align:middle;*display:inline;zoom:1}/* 2016-06-17 수정 */
.logo_wrap .logo img{max-width:260px;max-height:70px;}
/* E: 2016-06-15 수정 */

#gnb{float:right;width:856px;padding:26px 28px 0 36px}
.game_menu{float:left}
.game_menu>li{float:left;margin-left:28px}
.game_menu>li:first-child{margin-left:0}
.game_menu>li>strong{font-weight:normal;font-size:18px}
.game_menu>li>strong>a{color:#2c2c2c}
.game_menu>li>strong>a.total_link:hover{color:#df4830}
.game_menu>li.on>strong>a.total_link{color:#df4830}
.move_bar{position:absolute;left:0;bottom:0;display:block;width:102px;height:3px;background-color:#df4830}

.total_menu_ico{position:relative;display:inline-block;margin-top:3px;width:18px;height:12px;overflow:hidden;vertical-align:top}
.total_menu_ico span{position:relative;display:block;left:0;width:100%;height:2px;background-color:#797979;margin-top:3px}
.total_menu_ico span:first-child{margin-top:0}
.total_menu_ico span.bar1{left:0;}
.total_menu_ico span.bar2{left:-25%}
.total_menu_ico span.bar3{left:-50%;}

.game_menu>li>strong>a.total_link:hover .total_menu_ico span{background-color:#333333}
.game_menu>li.on>strong>a.total_link .total_menu_ico span{background-color:#333333}

.game_menu>li>strong>a.total_link .total_menu_ico span{
    /*-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.game_menu>li.on>strong>a.total_link .total_menu_ico .bar1 {
    -webkit-transform: translate(-25%);
    -moz-transform: translate(-25%);
    -o-transform: translate(-25%);
    transform: translate(-25%);
}
.game_menu>li.on>strong>a.total_link .total_menu_ico .bar3 {
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -o-transform: translate(50%);
    transform: translate(50%);
}

.game_menu>li.on .total_menu_gnb_area{display:block}
.total_menu_gnb_area{display:none;position:absolute;left:260px;top:70px;background-color:#fafafa;border-top:1px solid #df4830;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5)}
.total_menu_gnb_area>.game_gnb_area>strong{position:relative;font-weight:normal;font-size:20px;color:#272731}
.total_menu_gnb_area>.game_gnb_area>.game_gnb{margin-top:20px}
.total_menu_gnb_area>.game_gnb_area>.game_gnb>li{position:relative;margin-top:10px}
.total_menu_gnb_area>.game_gnb_area>.game_gnb>li a:hover{font-weight:bold}
.total_menu_gnb_area>.mobile{float:left;width:172px;padding:20px 0 0 30px}
.total_menu_gnb_area>.mobile>strong{padding-left:22px;position:relative;}
.total_menu_gnb_area>.mobile>strong i{position:absolute;left:0;top:2px;width:13px;height:19px;background-position:-127px -32px}
.total_menu_gnb_area>.mobile .mobile_game_total{display:inline-block;margin:20px 0 20px 4px;;color:#df4830}
.total_menu_gnb_area>.mobile .mobile_game_total:hover{font-weight:bold;}
.total_menu_gnb_area>.online{position:relative;float:left;width:268px;padding:20px 0 0 30px}
.total_menu_gnb_area>.online>strong{padding-left:26px;position:relative;}
.total_menu_gnb_area>.online>strong i{position:absolute;left:0;top:3px;width:17px;height:16px;background-position:-142px -32px}
.total_menu_gnb_area>.online>.game_gnb{margin-bottom:20px}
.total_menu_gnb_area>.online .online_game_total_area{position:relative}
.total_menu_gnb_area>.online .col_line{position:absolute;bottom:64px;display:block;margin-left:-30px;width:100%;height:1px;background-color:#dcdcdc}
.total_menu_gnb_area>.online .row_line{position:absolute;top:0;bottom:0;left:0;display:block;width:1px;height:100%;background-color:#dcdcdc}
.total_menu_gnb_area>.online .online_game_total_area .online_game_total{display:inline-block;margin:20px 0 20px 4px;font-size:20px;color:#78787f}
.total_menu_gnb_area>.online .online_game_total_area .online_game_total:hover{font-weight:bold}
.close_game_gnb{position:absolute;top:20px;right:20px;width:24px;height:24px;background-position:-163px -14px}

.etc_menu{float:right;margin-top:3px}
.etc_menu>li{position:relative;float:left;margin-left:35px;;color:#88888d}
.etc_menu>li:first-child{margin-left:0}
.etc_menu>li:first-child:after{display:none}
.etc_menu>li:after{display:inline-block;position:absolute;left:-18px;top:0;content:"/"}
.etc_menu>li>a{color:#88888d}
.etc_menu>li>a.more_etc_menu:hover{color:#df4830}
.etc_menu>li.on>a.more_etc_menu{color:#df4830}
.etc_menu>li.on .etc_menu_more_area{display:block;}

.etc_menu_more_area{display:none;position:absolute;left:-70px;top:30px;width:120px;background-color:#ffffff;border:1px solid #cccccc;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5)}
.etc_menu_more_area .more_tail{position:absolute;right:20px;top:-12px;width:25px;height:12px;background-position:-162px 0}
.etc_menu_more_area .more_list{margin:24px 0}
.etc_menu_more_area .more_list>li{text-align:center;margin:10px 18px 0;padding-top:10px;font-size:14px;border-top:1px solid #d6d6d6;}
.etc_menu_more_area .more_list>li:first-child{margin-top:0;border: 0}
.etc_menu_more_area .more_list>li a:hover{font-weight:bold}
/* E:header */

/* S:container */
/* S:login */
.keyboard_security{position:absolute;right:0;top:-270px;width:288px;height:38px;z-index:100;border:1px solid #df4830}
.keyboard_security .bg{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#000000;opacity:0.7;filter:alpha(opacity=70)}
.keyboard_security .keyboard_security_inner{position:relative;padding-top:12px}
.keyboard_security .keyboard_security_inner .txt{display:inline-block;color:#ffffff;margin-left:14px}
.keyboard_security .keyboard_security_inner .keyboard_security_close{position:absolute;right:14px;top:12px;width:15px;height:15px;background-position:-13px -213px}

.my_area{position:absolute;right:0;top:-220px;width:290px;height:220px;z-index:100}
.login{height:100%}
.login .top_bg{position:absolute;left:0;top:0;right:0;bottom:50px;background-color:#272731;opacity:0.9;filter:alpha(opacity=90)}
.login .bottom_bg{position:absolute;left:0;top:170px;right:0;bottom:0;background-color:#121212;opacity:0.9;filter:alpha(opacity=90)}
.login .insert_login{position:relative;height:145px;padding:25px 20px 0 20px}
.login .insert_login .login_id_area{position:relative;border-bottom:solid 1px #df4830;padding-bottom:7px;color:#7d8189;font-weight:bold}
.login .insert_login .login_id_area .label_login_id{position:absolute;left:0;top:2px}
.login .insert_login .login_id_area .input_login_id{float:left;margin-top:2px;width:220px;border:none;background-color:transparent;color:#7d8189;font-weight:bold}
.login .insert_login .login_id_area .id_ico{float:right;margin-right:5px;width:17px;height:16px;background-position:0 -33px}
.login .insert_login .login_pw_area{position:relative;border-bottom:solid 1px #df4830;padding-bottom:7px;margin-top:20px;color:#7d8189;font-weight:bold}
.login .insert_login .login_pw_area .label_login_pw{position:absolute;left:0;top:2px}
.login .insert_login .login_pw_area .input_login_pw{float:left;margin-top:2px;width:220px;border:none;background-color:transparent;color:#7d8189;font-weight:bold;font-family:'맑은 고딕', Malgun Gothic, dotum, Helvetica, sans-serif}
.login .insert_login .login_pw_area .pw_ico{float:right;margin-right:7px;width:14px;height:18px;background-position:-20px -32px}
.login .insert_login .login_btn_area{position:relative;margin-top:15px}
.login .insert_login .login_btn_area .login_btn{width:100%;height:42px;font-size:14px;color:#ffffff;background-color:#df4830}
.login .my_btn_area{position:relative;height:30px;padding:20px 40px 0 44px}
.login .my_btn_area .find_id_pw{float:left}
.login .my_btn_area .find_id_pw a{color:#c7d0e0}
.login .my_btn_area .join{float:right;min-width:48px;}
.login .my_btn_area .join a{color:#ffffff}
.login .my_btn_area .join:after{display:block;content:"";position:absolute;left:180px;top:22px;width:2px;height:10px;background-color:#4a4a4a;opacity:0.4;filter:alpha(opacity=40)}

.my_stat{height:100%}
.my_stat .top_bg{position:absolute;left:0;top:0;right:0;bottom:50px;background-color:#272731;opacity:0.9;filter:alpha(opacity=90)}
.my_stat .bottom_bg{position:absolute;left:0;top:170px;right:0;bottom:0;background-color:#484652;opacity:0.9;filter:alpha(opacity=90)}
.my_stat .info{position:relative;height:145px;padding:25px 20px 0 20px}
.my_stat .info .id_area{position:relative}
.my_stat .info .id_area .id_ico{float:left;width:17px;height:16px;background-position:0 -33px;margin-top:2px;}
.my_stat .info .id_area .user{float:left;display:block;width:143px;margin-left:10px;color:#74767f;padding-right:15px;margin-top:3px;}
.my_stat .info .id_area .user .user_inner{position:relative;vertical-align:top;}
.my_stat .info .id_area .user .user_inner .user_id{color:#d74730;padding-right:16px}
.my_stat .info .id_area .user .user_inner .txt{position:absolute;right:0;top:0}
.my_stat .info .id_area .logout_btn{float:right;width:56px;height:22px;color:#a1a0a3;border:1px solid #a1a0a3;background-color:#61606c;font-size:12px}

.my_stat .info .cash_area{position:relative;border-bottom:solid 1px #504d57;margin-top:18px;padding-bottom:7px;color:#7d8189;font-weight:bold}
.my_stat .info .cash_area .cash_info{float:left;margin-top:4px}
.my_stat .info .cash_area .cash_info dt, .my_stat .info .cash_area .cash_info dd{float:left;font-weight:normal;color:#74767f}
.my_stat .info .cash_area .cash_info dd{color:#74767f;}
.my_stat .info .cash_area .cash_info dd .cash{display:inline-block;margin-left:10px;padding-right:10px;width:104px;color:#ffffff;font-weight:normal;text-align:center;vertical-align:top;g}
.my_stat .info .cash_area .charge_btn{float:right;width:56px;height:22px;color:#ffffff;border:1px solid #bababa;background-color:#61606c;font-size:12px}

.my_stat .info .time_area{position:relative;border-bottom:solid 1px #504d57;margin-top:20px;padding-bottom:7px;color:#7d8189;font-weight:bold}
.my_stat .info .time_area .time_info dt{float:left;font-weight:normal;color:#74767f}
.my_stat .info .time_area .time_info dd{float:right;width:160px;color:#abaaac;font-weight:bold;text-align:center}
.my_stat .info .time_area .time_info dd .time{padding-left:5px}

.my_stat .my_btn_area {position:relative;height:30px;padding:20px 34px 0 38px;font-weight:bold}
.my_stat .my_btn_area li{position:relative;float:left;margin-left:66px;min-width:24px}
.my_stat .my_btn_area li:first-child{margin-left:0}
.my_stat .my_btn_area li:first-child:after{display:none}
.my_stat .my_btn_area li:after{display:block;content:"";position:absolute;left:-35px;top:2px;width:2px;height:10px;background-color:#616068}
.my_stat .my_btn_area li a{color:#9ca2b0}

/* E:login */

/* S:메인 슬라이드 영역 */
.main_slider_area{height:600px;background-color:#191b25}
.main_slider_area .slider{display:none}
.main_slider_area .slider>.main_slider_list{padding-top:0}
.main_slider_area .slider>.main_slider_list>li .dot{width:1px;height:1px;font-size:0;line-height:999px;position:absolute;top:0;left:-1000%;overflow:hidden;background:transparent}
.main_slider_area .slider>.main_slider_list>li>.content .complex_bg{position:relative;display:block;width:100%;height:100%}
.main_slider_area .slider>.main_slider_list>li>.content .complex_mtitle,
.main_slider_area .slider>.main_slider_list>li>.content .complex_stitle{position:absolute;top:0;margin-left:-590px;left:50%}
.main_slider_area .slider>.main_slider_list>li>.content .complex_obj{position:absolute;top:0;margin-right:-590px;right:50%}

.main_banner_link_list{position:absolute;top:476px;left:50%;margin-left:-570px}
.main_banner_link_list li{float:left;margin-left:7px}
.main_banner_link_list li:first-child{margin-left:0}
.main_banner_link_list li.home{width:120px;height:40px}
.main_banner_link_list li.facebook{width:40px;height:40px}
.main_banner_link_list li.cafe{width:40px;height:40px}
.main_banner_link_list li.event{width:40px;height:40px}
.main_banner_link_list li.home a{display:block;height:100%;background-position:-190px 0}
.main_banner_link_list li.facebook a{display:block;height:100%;background-position:-312px 0}
.main_banner_link_list li.cafe a{display:block;height:100%;background-position:-354px 0}
.main_banner_link_list li.event a{display:block;height:100%;background-position:-396px 0}

.main_slider_area .main_slide_page_count{position:absolute;display:inline-block;left:50%;margin-left:-112px;top:550px;width:55px;height:30px;line-height:1.2;background-position:-318px -42px}
.main_slider_area .main_slide_page_count .num{color:#9ba1af;line-height:30px;}

.main_slider_area .main_slide_control{position:absolute;padding:0;left:50%;margin-left:-14px;top:550px;width:30px;height:30px;vertical-align:top}
.main_slider_area button.main_slide_prev {position:absolute;left:50%;margin-left:-46px;top:550px;margin-top:0;width:30px;height:30px;background-position:-190px -42px}
.main_slider_area button.main_slide_next {position:absolute;right:50%;margin-right:-50px;top:550px;margin-top:0;width:30px;height:30px;background-position:-286px -42px}
.main_slider_area button.main_slide_play {position:absolute;width:30px;left:0;top:0;height:30px;background-position:-254px -42px}
.main_slider_area button.main_slide_stop {position:absolute;left:0;top:0;width:30px;height:30px;background-position:-222px -42px}
.main_slider_area button.main_slide_prev:hover {background-position:-190px -74px}
.main_slider_area button.main_slide_next:hover {background-position:-286px -74px}
.main_slider_area button.main_slide_play:hover {background-position:-254px -74px}
.main_slider_area button.main_slide_stop:hover {background-position:-222px -74px}
/* 추천게임 */
.recommend_game_area .recommend_game_title{float:left;color:#000000;font-size:26px;margin-top:34px}
.recommend_game_area .recommend_game_list{float:right;width:1050px;margin-top:16px}
.recommend_game_area .recommend_game_list li{float:left;width:260px;overflow:hidden;}
.recommend_game_area .recommend_game_list li .img{position:relative;float:left}
.recommend_game_area .recommend_game_list li .img .mobile{position:absolute;top:2px;right:-18px;width:45px;height:20px;background-position:0 -52px}
.recommend_game_area .recommend_game_list li .title{position:relative;float:left;margin-left:4px}
.recommend_game_area .recommend_game_list li .title .mtitle{display:block;margin-top:16px;font-size:16px;color:#000000}
.recommend_game_area .recommend_game_list li .title .stitle{width:176px;margin-top:2px;color:#eb482f;overflow:hidden;}
.recommend_game_area .recommend_game_list li .title .stitle span{text-overflow: clip;}
.recommend_game_area .recommend_game_list li a:hover .title .mtitle{color:#eb482f;}
.recommend_game_area .recommend_game_list li a:hover .title .stitle{color:#000000;}

/*바 배너*/
.bar_close_btn{position:absolute;right:6px;top:38px;width:40px;height:40px;background-position:0 -200px}
.bar_close_btn:hover{background-position:-42px -200px}

.game_area{padding-top:60px}
.quick_menu_facebook_area{margin-top:10px}
/*퀵메뉴*/
.quick_menu{width:100px;position:absolute;top:112px;right:-120px}
.quick_menu_banner_area .banner_link{}
.quick_menu_facebook_area{background-color:#333c6c}
.quick_menu_facebook_area .facebook_stat{height:100px;color:#ffffff;text-align:center}
.quick_menu_facebook_area .facebook_stat>span{display:block}
.quick_menu_facebook_area .facebook_stat .hanbiton_txt{padding-top:22px;font-size:14px}
.quick_menu_facebook_area .facebook_stat .facebook_txt{margin-top:2px;font-size:20px;color:#bcc3ec}
.quick_menu_facebook_area .facebook_stat .like_count{margin-top:6px;font-size:18px;font-style:italic}
.quick_menu_facebook_area .facebook_like_area{height:33px;color:#ffffff}
.quick_menu_facebook_area .facebook_like_area {text-align:center}
.quick_menu_facebook_area .facebook_like_area {text-align:center}
.quick_menu_facebook_area .facebook_like_area .like_link{display:inline-block;margin-top:5px}
.quick_menu_facebook_area .facebook_like_area .like_link .like_ico{width:23px;height:20px;background-position:0 -178px}
.quick_menu_facebook_area .facebook_like_area .like_link .like_txt{display:inline-block;padding:3px 0 0 3px;font-size:14px;color:#ffffff}
/*모바일 게임*/
.mobile_game_area{position:relative;float:left;width:436px}
.mobile_game_area .mobile_game_list_title{font-size:28px;color:#000000}
.mobile_game_area .mobile_game_list_wrap{margin:0px -10px 0 -10px}
.mobile_game_area .mobile_game_list li{float:left;margin:20px 10px 0 10px;width:132px}
.mobile_game_area .mobile_game_list li .cont a{text-decoration:none}
.mobile_game_area .mobile_game_list li .cont a .img{position:relative}
.mobile_game_area .mobile_game_list li .cont a .img .new{position:absolute;left:-6px;bottom:-14px;width:40px;height:40px;background-position:0 -74px}
.mobile_game_area .mobile_game_list li .cont a .img .hot{position:absolute;left:-6px;bottom:-14px;width:40px;height:40px;background-position:-42px -74px}
.mobile_game_area .mobile_game_list li .cont a .info{margin-top:18px;text-align:center}
.mobile_game_area .mobile_game_list li .cont a .info .type{display:block;color:#df4830}
.mobile_game_area .mobile_game_list li .cont a .info .title{display:block;font-size:14px}
.mobile_game_area .mobile_game_list li .cont a:hover .img{background-color:#000000;}
.mobile_game_area .mobile_game_list li .cont a:hover .img img{opacity:0.5;filter:alpha(opacity=50)}
.mobile_game_area .mobile_game_list li .cont a:hover .info .type{color:#8d8d8d;font-weight:bold}
.mobile_game_area .mobile_game_list li .cont a:hover .info .title{color:#df4830;font-weight:bold}
.mobile_game_area .mobile_game_list li .store{margin-top:14px;text-align:center;font-size:0}
.mobile_game_area .mobile_game_list li .store i{display:inline-block;margin-left:4px;width:23px;height:23px;border:1px solid #dcdcdc}
.mobile_game_area .mobile_game_list li .store i.ifirst-child{margin-left:0}
.mobile_game_area .mobile_game_list li .store i.android{background-position:0 -116px}
.mobile_game_area .mobile_game_list li .store i.apple{background-position:-25px -116px}
.mobile_game_area .moblie_more_big_btn{float:left;margin:20px 10px 0 10px;width:132px;height:132px}
.mobile_game_area .moblie_more_big_btn a{width:100%;height:100%;background-position:0 -242px}
.mobile_game_area .moblie_more_big_btn a:hover{background-position:-134px -242px}
.mobile_game_area .more_mobile_game_btn{position:absolute;right:0;top:6px;width:58px;height:22px;border:1px solid #888888;background-color:#eeeeee}
.mobile_game_area .more_mobile_game_btn:hover{color:#df4830;border:1px solid #df4830}

/*온라인 게임*/
.online_game_area{position:relative;float:right;width:700px}
.online_game_area .online_game_list_title{font-size:28px;color:#000000}
.online_game_area .online_game_list{margin:0 -10px 0 -10px;vertical-align:top}
.online_game_area .online_game_list li{float:left;margin:20px 10px 0 10px;width:220px}
.online_game_area .online_game_list li a{text-decoration:none}
.online_game_area .online_game_list li a .img{position:relative}
.online_game_area .online_game_list li a .img .new{position:absolute;right:10px;bottom:-18px;width:40px;height:40px;background-position:0 -74px}
.online_game_area .online_game_list li a .img .hot{position:absolute;right:10px;bottom:-18px;width:40px;height:40px;background-position:-42px -74px}
.online_game_area .online_game_list li a .info{ height:53px;text-align:left;background-color:#ffffff;padding:17px  0 0 17px}
.online_game_area .online_game_list li a .info .type{display:block;;color:#df4830;font-weight:bold}
.online_game_area .online_game_list li a .info .title{display:block;margin-top:2px;font-size:20px;color:#2c2b2b;letter-spacing:-1px}
.online_game_area .online_game_list li a:hover .img{background-color:#000000;}
.online_game_area .online_game_list li a:hover .img img{opacity:0.5;filter:alpha(opacity=50)}
.online_game_area .online_game_list li a:hover .info .type{color:#8d8d8d}
.online_game_area .online_game_list li a:hover .info .title{color:#df4830}
/*게임 배너 영역*/
.game_banner_area{margin-top:20px}
.game_banner_area .mobile_banner{float:left}
.game_banner_area .online_banner{float:right}

/*공지사항*/
.board_area .board_title{float:left;margin:20px 0 0 25px;width:22px;height:24px;background-position:-190px -106px}
.board_area .board_more_btn{position:absolute;right:25px;top:20px;width:58px;height:23px;color:#ffffff;border:1px solid #ffffff;background-color:#df4830;z-index:100}
.board_area .board_more_btn:hover{border:1px solid #dadada;color:#dadada}
.board_slider_area{float:left;width:1040px;height:40px;margin:10px 0 0 15px}
.board_slider_area .board_slider_list{padding:0}
.board_slider_area .board_slider_list li .dot{width:1px;height:1px;font-size:0;line-height:999px;position:absolute;top:0;left:-1000%;overflow:hidden;background:transparent}
.board_slider_area .board_slider_list li .board_slide{background-color:#df4830;text-align:left;color:#ffffff;font-size:16px}
.board_slider_area .board_slider_list li .board_slide .board_info{position:relative;padding:12px 140px 0 120px}
.board_slider_area .board_slider_list li .board_slide .board_info .date{position:absolute;left:0;top:13px;font-size:14px}
.board_slider_area .board_slider_list li .board_slide .board_info .title{color:#ffffff}

.board_slider_area .border_slide_control{position:absolute;top:9px;right:50px;padding:0;width:25px;height:25px;vertical-align:top}
.board_slider_area button.border_slide_prev {position:absolute;left:auto;right:80px;top:9px;width:25px;height:25px;margin:0;background-position:-214px -106px}
.board_slider_area button.border_slide_next {position:absolute;right:20px;top:9px;width:25px;height:25px;margin:0;background-position:-295px -106px}
.board_slider_area button.border_slide_play {width:25px;height:25px;background-position:-268px -106px}
.board_slider_area button.border_slide_stop {width:25px;height:25px;background-position:-241px -106px}
.board_slider_area button.border_slide_prev:hover {background-position:-214px -133px}
.board_slider_area button.border_slide_next:hover {background-position:-295px -133px}
.board_slider_area button.border_slide_play:hover {background-position:-268px -133px}
.board_slider_area button.border_slide_stop:hover {background-position:-241px -133px}
/*진행중인 이벤트*/
.event_other_area{margin-top:20px}
.event_other_area .inner{position:relative;border:1px solid #dcdcdc;background-color:#ffffff}
.event_other_area .line{position:absolute;top:0;bottom:0;right:292px;display:block;width:1px;height:100%;background-color:#e8e8e8}
.event_area{position:relative;float:left;width:886px}
.event_area .event_area_title{font-size:26px;margin:23px 28px 0;color:#010101}
.event_area .event_area_list{margin:36px 28px 0}
.event_area .event_area_list li{float:left;width:50%;margin-bottom:26px}
.event_area .event_area_list li a{display:block}
.event_area .event_area_list li a dt, .event_area .event_area_list li a dd{cursor: pointer}
.event_area .event_area_list li a .img{float:left;background-color: #000000;}
.event_area .event_area_list li a .info{float:right;width:330px;text-align:left;margin-top:4px}
.event_area .event_area_list li a .info .title{}
.event_area .event_area_list li a .info .event{margin-top:3px;font-size:20px;color:#000000}
.event_area .event_area_list li a:hover .img img{opacity:0.5;filter:alpha(opacity=50)}
.event_area .event_area_list li a:hover .info .event{color:#df4830}

.event_area .event_area_list li a .info .date{margin-top:3px;;color:#8e8d8d}
.event_more_btn{position:absolute;right:22px;top:23px;width:58px;height:22px;border:1px solid #888888;background-color:#ffffff}
.event_more_btn:hover{color:#df4830;border:1px solid #df4830}

.event_area_empty{position:relative;float:left;width:862px;height:256px;border:1px solid #e1e1e1;margin:12px;}
.event_area_empty_inner{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #e1e1e1;margin:1px;}
.event_area_empty_title{margin-top:54px;text-align:center;font-size:22px;color:#343434;}
.event_area_empty_info{margin-top:8px;text-align:center;font-size:16px;color:#797983;}
.event_area_empty_btn_area{margin-top:32px;text-align:center;}
.event_area_empty_btn_area a{display:inline-block;width:122px;height:40px;margin-left:12px;text-align:center;vertical-align:middle;letter-spacing:-4px;}
.event_area_empty_btn_area a:first-child{margin-left:0;}
.event_area_empty_btn_area a .txt{display:inline-block;letter-spacing:-1px;vertical-align: middle;font-size:14px;}
.event_area_empty_btn_area .event_total_more_btn{background-color:#5f5f71;color:#ffffff;border:1px solid #414153;border-radius:3px;}
.event_area_empty_btn_area .refresh_btn{background-color:#b9b9be;color:#ffffff;border:1px solid #ababab;border-radius:3px;}
/*다른페이지 링크*/
.other_link_area{position:relative;top:0;bottom:0;float:right;width:292px}
.other_link_area .other_link_list{height:282px}
.other_link_area .other_link_list li{position:relative;height:25%;font-size:16px;text-align:center}
.other_link_area .other_link_list li .line{position:absolute;top:0;left:0;display:block;width:100%;height:1px;background-color:#e8e8e8}
.other_link_area .other_link_list li a{display:block;height:100%}
.other_link_area .other_link_list li a i{vertical-align:middle}
.other_link_area .other_link_list li a .game{width:28px;height:21px;background-position:0 -144px}
.other_link_area .other_link_list li a .clean_on{width:26px;height:26px;background-position:-30px -144px}
.other_link_area .other_link_list li a .game_time{width:26px;height:26px;background-position:-58px -144px}
.other_link_area .other_link_list li a .site_map{width:23px;height:31px;background-position:-86px -144px}
.other_link_area .other_link_list li a .txt{display:inline-block;width:160px;text-align:left;margin-left:18px}
.other_link_area .other_link_list li a:hover .txt{color:#df4830}
.other_link_area .other_link_list li a .go{position:absolute;right:18px;top:30px;width:20px;height:10px;background-position:-110px -144px}
/* E:container */

/* S:footer */
.footer_logo{float:left;width:198px;height:27px}
.footer_cont{float:left;margin-left:40px}
.footer_cont .company_menu_list{}
.footer_cont .company_menu_list li{position:relative;float:left;margin-left:20px}
.footer_cont .company_menu_list li:first-child{float:left;margin-left:0}
.footer_cont .company_menu_list li a{color:#ffffff}
.footer_cont .company_menu_list li a.red{color:#df4830}
.footer_cont .company_menu_list li:after{display:block;content:"";position:absolute;left:-10px;top:3px;width:1px;height:10px;background-color:#5c5c63}
.footer_cont .company_menu_list li:first-child:after{display:none}
.footer_cont .company_info_list{margin-top:20px;width:510px;color:#aaa9a9;font-size:11px;line-height:20px}
.footer_cont .company_info_list dt, .footer_cont .company_info_list dd{position:relative;float:left}

.footer_cont .company_info_list dt{padding-right:3px}
.footer_cont .company_info_list dt:first-child{display:none}
.footer_cont .company_info_list dd{margin-right:22px}
.footer_cont .company_info_list dd.company_info_chk{width:230px}
.footer_cont .company_info_list dd.company_info_chk a{color:#ffffff;text-decoration:underline}
.footer_cont .company_info_list dd address{font-style:normal}
.footer_cont .company_info_list dd:after{display:block;content:"";position:absolute;right:-12px;top:4px;width:1px;height:10px;background-color:#5c5c63}
.footer_cont .company_info_list dd.company_info_number:after,
.footer_cont .company_info_list dd.company_info_chk:after,
.footer_cont .company_info_list dd.company_info_email:after{display:none}
.footer_etc{float:right;width:210px}
.footer_etc .family_site{position:relative;width:210px;height:40px;background-color:#4c4c58}
.footer_etc .family_site .family_site_btn{position:relative;display:block;width:100%;height:100%;background-color:#4c4c58;border:1px solid #70707c;color:#c3c3c3;text-align:left}
.footer_etc .family_site .family_site_btn{position:relative;display:block;width:100%;height:100%;background-color:#4c4c58;border:1px solid #70707c;color:#c3c3c3;text-align:left}
.footer_etc .family_site .family_site_btn .title{vertical-align:middle;margin-left:13px;font-weight:normal}
.footer_etc .family_site .family_site_btn .arrow{position:absolute;right:10px;top:14px;width:18px;height:10px;background-position:-20px -30px}
.footer_etc .family_site.on .family_site_btn .arrow{background-position:0 -30px}
.footer_etc .family_site .family_site_btn .line{position:absolute;bottom:0;right:39px;display:block;width:1px;height:100%;background-color:#70707c;vertical-align:top}
.footer_etc .family_site.on .family_site_list_wrap{display:block;}

.footer_etc .family_site .family_site_list_wrap{display:none;position:absolute;bottom:39px;width:100%;background-color:#4c4c58}
.footer_etc .family_site .family_site_list_wrap .family_site_list{padding:18px 0;border:1px solid #70707c;}
.footer_etc .family_site .family_site_list_wrap .family_site_list li{padding:0 10px;margin-top:10px}
.footer_etc .family_site .family_site_list_wrap .family_site_list li:first-child{margin-top:0}
.footer_etc .family_site .family_site_list_wrap .family_site_list li a{color:#c3c3c3}
.certification{margin-top:30px}
.certification .certification_list{width:auto;float:right}
.certification .certification_list li{float:left;margin-left:6px;width:36px;height:36px}
.certification .certification_list .isms{background-position:0 -42px}
.certification .certification_list .good_content{background-position:-37px -42px}
.certification .certification_list .cyber_ethics{background-position:-73px -42px}
/* E:footer */