@charset "utf-8";
/* ----- ysk 2015년01월 ----- */ 

/*------------------------------------------------------------------------------------------------------------*
 *  common - layout                                                                                           *
 *------------------------------------------------------------------------------------------------------------*/
 
#wrap      {width:100%;}
#header    {width:100%;}
#container {margin:0 auto; width:1100px; padding-top:25px;}
#footer    {width:100%; height:200px;  background-color:#656565; margin-top:50px;} 

.111 {padding-top:25px;}
/*------------------------------------------------------------------------------------------------------------*
 *  common - header                                                                                           *
 *------------------------------------------------------------------------------------------------------------*/

#header_bg {width:100%; height:40px; background-color:#5c5c5c;}
#top_box {margin:0 auto; width:1100px;}
#top_box .header_text {position: absolute; width:657px;}
#top_box .util {float:right; }
#top_box .util ul li {float:left; padding-left:1px;}


#gnb_bg {width:100%; height:80px; background-color:#3aa9da;}
#gnb_bg .gnb_box {margin:0 auto; width:1100px;}
#gnb_bg .gnb_box .gnb {float:left;}
#gnb_bg .gnb_box .gnb ul li {float:left;}


/*------------------------------------------------------------------------------------------------------------*
 *  common - visual                                                                                           *
 *------------------------------------------------------------------------------------------------------------*/

#visual {margin:0 auto; width:1100px; padding-top:20px; border-bottom:1px solid #e1e1e1;}



/*------------------------------------------------------------------------------------------------------------*
 *  common - container                                                                                        *
 *------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------*
 *  common - footer                                                                                           *
 *------------------------------------------------------------------------------------------------------------*/
#menu_bg {margin:0 auto; width:100%; height:42px; text-align:center; color: #878787; background-color:#525252;}
#menu_bg .menu { padding-top:15px;}
#menu_bg .menu > ul > li {display: inline; text-align:center; padding: 10px 30px 0 30px;}

#copyright {margin:0 auto; width:1100px; padding-top:25px; LINE-HEIGHT: 22px; color:#bbbbbb;}
#copyright ul > li { float:left;}





/*------------------------------------------------------------------------------------------------------------*
 *  common - NEW - header                                                                                           *
 *------------------------------------------------------------------------------------------------------------*/
.game_header{width:800px; height:80px; background:url(../images/sub/bg_header.jpg) center top no-repeat; background-size:100% 100%; overflow:hidden; position:relative;}
.game_logo{float:left; width:33%; margin:0 0.5%; line-height:80px;}
.new_gnb{float:left; width:33%; line-height:80px;}
.new_gnb li{float:left; line-height:80px; width:33.3333%;}
.new_gnb li a{display:inline-block; width:100%; text-align:center; font-family: 'EsaManru'; font-weight:500; font-size: 20px; background: -webkit-linear-gradient(#f5c576, #a4704d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(2px 2px #000000);}
.new_gnb li:hover a{background: -webkit-linear-gradient(#ffba00, #af7c00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(2px 2px #503700);}
.new_gnb li:hover a{filter:brightness(120%);}
.new_gnb li a{padding:0 2px; box-sizing: border-box;}
.new_gnb li a img{display:inline-block; width:100%; max-width:83px;}

.new_game_close{position:absolute; right:10px; top:50%; transform:translateY(-50%);}


.login_header{width:800px; height:50px; background:#362821; overflow:hidden; position:relative;}
.login_box{margin:0 auto; overflow:hidden; padding:0 30px;}

.input_box{float:left;  width:70%; line-height:50px;}
.ibb{float:left;}
.ib_text{float:left; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#ffc67c !important;}
.ib_input{float:left; padding:0 10px;}

.login_btn_box{float:left; width:28%; line-height:50px;}
.login_btn_box li{float:left; width:45%; padding:0 5px;}
.login_btn_box li a{display:inline-block; width:100%;}
.login_btn_box li:hover a{filter:brightness(110%);}
.login_btn01{display:inline-block; width:100%; height:36px; line-height:36px; text-align:center; font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff !important; background:linear-gradient(#f5c576, #a4704d);}
.login_btn02{display:inline-block; width:100%; height:36px; line-height:36px; text-align:center; font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff !important; background:linear-gradient(#f5c576, #a4704d); filter:grayscale(100%);}
.login_btn01:hover{filter:brightness(110%);}
.login_btn02:hover{filter:grayscale(100%) brightness(110%);}
.login_input  {background-color:#222222; border:1px solid #111111; color:#ffffff; width:150px; height:36px; font-size:16px; font-weight:500; border-radius:5px; padding:0 0 0 15px;}
.login_input::placeholder {color:#ffffff; font-size:12px; letter-spacing:0pt;}
.login_input:focus{border:1px solid #ffc67c;}

.ib_checkbox{display: none; /* 필수 */}

.ib_checkbox + label {  /* 체크박스 만들기 */
    width: 10px;
    height: 10px;
    border: 1px solid #af7c00;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
    user-select: none /* 드래그 금지 */
}

.ib_checkbox:checked + label {  /* 체크되었을 때 */
    background: #af7c00;
}

.ib_checkbox + label + label {
    font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff;
    position: relative;
    top: 2px;
	left: 5px;
    letter-spacing: 0px;
    cursor: pointer;
    user-select: none;
}