@charset "utf-8";


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Marcellus', serif;color:#333} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
a:active {background-color:transparent}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/* global */
#daumIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
 
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing: 0} /* 테이블 초기화 */
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}

/* 레이아웃 */
body {background:url(/images/bg_black.gif) repeat}
#daumWrap {overflow:hidden;width:100%}
#daumContent {background:url(/images/bg_black.gif) repeat}
#cMain {position:relative; top: -50px; max-width:1920px;margin:0 auto}
#mArticle { max-width:1100px; margin:0 auto; overflow:hidden;}
	/* daumHead */
#daumHead {position:absolute;top:0;left:0;z-index:100;width:100%;background-color:#202020}
#daumHead .inner_head {position:relative;}
#daumServiceLogo {display:block;overflow:hidden;width:294px;height:64px;margin-top:10px;background:url(/images/img_logo_black.png) no-repeat;text-indent:-9999px}
.btn_menu {display:none;position:fixed;top:0;left:0;z-index:9999;width:120px;height:120px}
.btn_menu .ico_menu {display:block;width:56px;height:38px;margin:21px auto 0;background-position:0 -90px}
.btn_menu:hover .ico_menu {background-position:-60px -90px}
	/* GGB */
.ggb_bar {position:absolute;top:0;left:0;z-index:10;width:100%;height:36px;font-family:Tahoma;background-color:#000}
.ggb_bar .opt_language {display:inline;float:left;margin:5px 0 0 55px;font-size:13px}
.opt_language .link_selected {display:block;padding-left:18px; padding-right:30px; line-height:24px;color:#a9a9a9;background-position:100% 10px;text-decoration:none}
.opt_language .box_opt {display:none;padding-bottom:6px}
.box_opt .link_option {display:block;padding:2px 0 2px 18px;color:#a9a9a9}
.ggb_bar .opt_open {background-color:#000}
.ggb_bar .opt_open .box_opt {display:block}
.ggb_bar .info_login {overflow:hidden;float:right;padding-right:47px}
.ggb_bar .info_login .link_g {float:left;height:36px;padding:0 17px;line-height:35px;color:#a9a9a9}
.opt_open .link_selected {background-position:100% -41px}
.menu_open .side_menu {display:block}
.menu_open .btn_menu {z-index:99999}
.menu_open .btn_menu .ico_menu {height:56px;margin-top:10px;background-position:0 -130px}
	/* gnb */
/*
#daumGnb { max-width:1900px; min-width:1240px; margin: 0 auto;}
.side_menu {}
.tit_logo { width:294px; float:left; padding-left:15px;}
#daumGnb .gnb_comm {margin-left:0px; width:900px; height:84px; float:right;}
.gnb_comm li {float:right;}
.gnb_comm li a {padding-left:20px; padding-right:20px;}
.gnb_comm .menu_padding {width:auto; display:block; height:85px;}
.gnb_comm .link_gnb {display:block;height:84px;font-size:18px;line-height:85px;color:#fff;text-decoration:none;text-align:center;cursor:pointer}
.gnb_comm .on .link_gnb {color:#a00d0a;background-color:#020204}
.gnb_comm .link_gnb:hover, .gnb_comm .link_gnb:focus {color:#a00d0a;background-color:#020204}
.gnb_comm .gnb_sub {display:none;overflow:hidden;width:100%;margin-top:-15px;padding-bottom:20px;background-color:#020204}
.gnb_comm .gnb_sub li {width:100%}
.gnb_comm .gnb_sub .link_sub {display:block;padding:1px 28px;font-size:15px;color:#fff;text-decoration:none;cursor:default}
.gnb_comm .link_sub:hover, .gnb_comm .link_sub:focus {font-weight:bold;color:#80ded1}
.gnb_comm .on .gnb_sub {display:block}
.gnb_comm .on .link_gnb .ico_arr {background-position:100% -643px}
.gnb_comm .pre_order {padding:0; }
.gnb_comm .pre_order a {padding:0 0 0 10px;}
.menu_community .link_gnb .ico_arr {padding:0 22px 0 6px;background-position:100% -617px}
.menu_community .link_gnb:hover .ico_arr, .menu_community .link_gnb:focus .ico_arr {background-position:100% -643px}
*/
/* footer 
.footer_comm .link_info {color:#fff}
.footer_comm .txt_bar {display:inline-block;margin:0 28px;font-size:11px;vertical-align:top}
.footer_comm .link_daumgame {color:#fff}
.footer_comm .txt_copyright {display:block;padding:19px 0 34px;font-size:13px;font-style:normal;line-height:24px}
.footer_comm .logo_info {overflow:hidden;width:357px;margin:0 auto}
.footer_comm .logo_info .ico_black {text-indent:-9999px}
.footer_comm .logo_daumgame {float:left;width:117px;height:59px;background:url(/images/for_home.png) no-repeat;text-indent:-9999px}
.footer_comm .logo_pearlabyss {float:right;width:147px;height:28px;margin-top:20px;background-position:0 -60px}
.footer_comm .footer_pegi_logo { position: relative; left: 450px; top: -160px; }
*/
.footer_comm {overflow:hidden; position:relative;width:100%;clear:both;}
/* 상단 비주얼, 배너 영역 */
#cSub {padding-top:36px}
.wrap_highlight{position:relative;z-index:0;max-width:1920px;min-height:142px;margin:0 auto;padding-bottom:12%;-moz-box-sizing:border-box;box-sizing:border-box}
.wrap_highlight .feature_img {position:absolute;width:100%;top:0;left:0;z-index:-1}
.wrap_highlight .list_feature {overflow:hidden}
.wrap_highlight .list_feature li {overflow:hidden;position:absolute;width:100%;top:0;z-index:-1}
.wrap_highlight .list_feature .feature_img {position:static;width:100%}
.wrap_highlight .paging_feature {position:absolute;left:0;bottom:0;z-index:1;width:100%;height:108px;text-align:center;background:url(/images/bg_paging.png) 0 50% repeat-x}
.paging_feature .ico_black {display:inline-block;width:34px;height:34px;margin:0 7px;background-position:-100px -170px}
.paging_feature .ico_black:hover {background-position:-100px -210px}
.paging_feature .on {background-position:-100px -210px} /* 변경 */
.paging_feature .cursor_disabled {pointer-events: none; cursor: default} /* 변경 */
.wrap_highlight .btn_bnr {position:absolute;top:50%;margin-top:-123px;padding:80px 30px}
.wrap_highlight .btn_bnr .ico_black {display:block;width:43px;height:86px}
.wrap_highlight .btn_prev {left:95px}
.wrap_highlight .btn_prev .ico_prev {background-position:0 -190px}
.wrap_highlight .btn_next {right:95px}
.wrap_highlight .btn_next .ico_next {background-position:-50px -190px}

/* 스크롤시 상단 고정 */
.feature_fixed #daumHead {position:fixed;top:0;z-index:10000}
.feature_fixed #cSub {position:fixed;top:0;z-index:0;width:100%}
.feature_fixed #cMain {padding-top:239px}
.feature_fixed .wrap_highlight {padding-bottom:100%}

/* 공통, 이미지 */
.thumb_img {vertical-align:top}
.ico_bullet {overflow:hidden;background:url(/images/ico_bullet.png) no-repeat;vertical-align:top}
.ico_black {overflow:hidden;background:url(/images/ico_black.png) no-repeat;text-indent:-9999px}
.btn_black {background-color:#000;color:#fff;text-align:center}
.btn_black:hover {background-color:#a00d0a;text-decoration:none}
.tit_black {font-weight:normal;font-size:47px;color:#000}
.tit_black .txt_hide {display:none}
.black_tit {overflow:hidden}
.black_tit .tit_black {float:left}
.black_tit .txt_sub {float:left;padding:25px 0 0 20px;font-size:25px}
.txt_filter {background:url(/images/bg_filter.png) no-repeat}
.txt_event {color:#b34357}
.txt_update {color:#3085ad}
.txt_announce {color:#3d8351}
.txt_maintenance {color:#d37c00}

/* filter by */
.box_filter {overflow:hidden;width:100%;margin-top:17px;padding:16px 10px;font-size:16px;background-color:#000;-moz-box-sizing:border-box;box-sizing:border-box}
.box_filter .tit_filter {float:left;color:#c2c2c2;padding-left:10px}
.box_filter .opt_filter {float:left;background-color:#000}
.opt_filter .link_seleced {display:none}
.opt_filter .wrap_option {overflow:hidden}
.opt_filter .list_filter {overflow:hidden;float:left}
.list_filter li {overflow:hidden;float:left}
.list_filter .link_filter {float:left;padding:0 10px;color:#c2c2c2}
.list_filter .on .link_filter {color:#a00d0a;text-decoration:none}
.list_filter .link_filter:hover {color:#a00d0a;text-decoration:none}
.list_filter .txt_bar {float:left;width:1px;height:14px;margin-top:5px;background-color:#979797}

/* 페이징 */
.paging_black {overflow:hidden;padding:88px 0 226px;text-align:center}
.paging_black .inner_paging {display:inline-block;overflow:hidden;position:relative;height:32px;padding:0 174px 0 177px}
.paging_black .link_page {display:inline-block;width:32px;height:32px;margin-right:8px;font-size:21px;line-height:32px;background-color:#000;color:#fff}
.paging_black em.link_page {background-color:#a00d0a;text-decoration:none}
.paging_black .link_page:hover {background-color:#a00d0a;text-decoration:none}
.paging_black .ico_bullet {position:absolute;top:0;height:30px;font-size:21px;line-height:30px;color:#000}
.paging_black .ico_bullet:hover {color:#a00d0a;text-decoration:none}
.paging_black .link_first {left:0;padding-left:25px;background-position:0 -341px}
.paging_black .link_first:hover {background-position:0 -366px}
.paging_black .link_prev {left:95px;padding-left:16px;padding-right:1px;background-position:0 -291px}
.paging_black .link_prev:hover {background-position:0 -316px}
.paging_black .link_last {right:0;padding-right:25px;background-position:100% -241px}
.paging_black .link_last:hover {background-position:100% -266px}
.paging_black .link_next {right:95px;padding-right:16px;background-position:100% -191px}
.paging_black .link_next:hover {background-position:100% -216px}



@media only screen and (max-width : 1300px) {
#mArticle { padding-left:30px; padding-right:30px; }	

}