@charset "utf-8";

/* common */
button:focus {outline:0;}
body {background:black}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Marcellus', serif;color:#333}
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}

a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
a:active {background-color:transparent}

fieldset,img{border:0 none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}

.black_wrap{ min-width:1250px; }
.clear { display:block; width:0; height:0; clear:both; }

/* gnb area */
.gnb_wrap { width:100%; height:120px; }
.gnb_top_wrap { background-color:black; padding:0 20px;}
.gnb_top {width:1200px; margin:0 auto; height:36px;}
.gnb_menubar_wrap {background-color:#202020; padding:0 20px;}
.gnb_menubar {width:1200px; margin:0 auto; height:84px;}

.gnb_top a,.gnb_top span {color:#a9a9a9; display:block; font-size:13px; font-family:Tahoma; cursor:pointer;}
.gnb_lang {display:block; height:36px; float:left; list-style:none;}
.gnb_lang_cur { padding-left:10px; display:block; height:24px; line-height:24px; margin-top:6px; padding-right:30px; background:url(../images/common/ico_bullets.png) no-repeat;  background-position:100% 10px;}
.gnb_lang:hover .gnb_lang_cur {background-position:100% -41px;}
.gnb_lang:hover .gnb_lang_sel {display:block;}
.gnb_lang_sel { position:relative; list-style:none; display:none; padding-left:10px; padding-bottom:5px; background-color:black;}
.gnb_lang_sel .gnb_lang_link {height:25px; line-height: 25px;}
.gnb_lang_link:hover {text-decoration: underline;}
.gnb_account {display:block; height:36px; float:right; list-style:none;}
.gnb_account li {display:list-item; float:left; }
.gnb_account .gnb_account_link {height:36px; line-height:36px; padding:0 10px;}

#bdo_logo {display:block; width:296px; height:64px; float:left; margin-top:10px; text-indent:-9999px; background:url(../images/common/bdo_logo_00.png) no-repeat; background-size:contain;}
.gnb_menu {display:block; height:84px; float:right; list-style: none;  }
.gnb_menu li {display:list-item; float:left; position: relative; z-index: 1; }
.gnb_menu .gnb_menu_link {display:block; height:84px; line-height:84px; color:white; padding: 0 20px; font-size:18px; text-align: center; cursor:pointer;}
.gnb_menu .gnb_menu_link:hover {text-decoration:none; }
.gnb_menu .gnb_menu_link .subico {background:url(../images/common/ico_bullets.png) no-repeat; background-position: 100% -617px; padding-right:18px;}
.gnb_menu .gnb_menu_item.on .gnb_menu_link { background-color:black; color:#b01010;}
.gnb_menu .gnb_menu_item:hover .gnb_menu_link { background-color:black; color:#b01010;}
.gnb_menu .gnb_menu_item:hover .gnb_menu_link .subico {background-position: 100% -643px; padding-right:18px;}
.gnb_menu .gnb_menu_item:hover .gnb_sub {display:block; }
.gnb_menu .gnb_sub {display:none; overflow:hidden; width:100%; background-color:black; margin-top:-20px; padding-bottom: 10px; position:relative; z-index:9999;}
.gnb_menu .gnb_sub li {width:100%; float:none;}
.gnb_menu .gnb_sub .gnb_sub_link { display:block; color:white; font-size:16px; padding: 5px; padding-left:25px; text-decoration: none; cursor:pointer;}
.gnb_menu .gnb_sub .gnb_sub_link:hover { color:#50d0f0;}

.content_wrap {width:100%; min-height:300px; margin: 0; background-color:white; background:url(../images/common/bg_contents.gif);}

/* footer area */
.footer_wrap {width:100%; background-color:black;}
.footer_wrap_padding {padding:40px 20px 80px 20px;}
.footer { width:1200px; margin:0 auto; color:white; text-align:left; overflow:hidden;}
.footer .footer_pegi_logo {float:left; width:174px; height:68px; text-indent:-9999px; background:url(../images/common/logo_pegi.png) no-repeat;}
.footer .footer_texts {float:left; margin:0 40px;}
.footer a {color:white; font-size:15px;}
.footer .txt_bar {color:white; font-size:11px; margin:0 10px;}
.footer .txt_copyright {display:block; font-size:12px; line-height: 18px; margin-top:8px;}
.footer .logo_info {float:right; width:240px;margin-right:20px; margin-top:15px;}
.footer .logo_info .logo_pearlabyss {display:block; width:115px; height:22px; text-indent:-9999px; float:left; margin-top: 31px; background:url(../images/common/logo_pearlabyss.png) no-repeat; background-size:contain;}
.footer .logo_info .logo_daumgame {display:block; width:106px; height:53px; text-indent:-9999px; float:right; background:url(../images/common/logo_kakaogames_eu.png) no-repeat; background-size:contain;}