@charset "utf-8";
#wrap {width:100%; min-width:1400px; overflow:hidden; background:url(../../images/bg.jpg) center top no-repeat;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap {float:left; width:100%;}
.header_box {width:1400px; margin:0 auto;}

.logo{float:left; width:100%; margin:50px 0 0 0; text-align:center;}
.gnb {float:left; width:100%; margin:30px 0 0 0;  text-align:center;}
.gnb ul{display:inline-block;}
.gnb li {float:left; margin: 0 40px 0 40px;}
.gnb li a{display:block; padding:5px; font-family:'GmarketSans'; font-weight:300; font-size:24px; color:#f4e4bf;}
.gnb li a:hover {color:#ffd200;}

.my {float:left; width:100%; height:46px; overflow:hidden; margin:10px 0 0 0;  text-align:center; background:url(../../images/bg_my.png) center top no-repeat;}
.my ul{height:100%; display: flex; justify-content: center; align-items: center;}
.my li{float:left; margin: 0 5px 0 5px; font-family:'GmarketSans'; font-weight:300; font-size:16px; color:#f4e4bf;}

.login_btn1 {background:rgba(0,0,0,0.0); min-width:70px; height:36px; line-height:40px; padding:0 5px; display:inline-block; text-align:center; color:#b08c3a; font-size:16px; letter-spacing:-1pt; font-weight:500;}
.login_btn1:hover {background:rgba(0,0,0,0.3);}
.login_btn2 {background:rgba(0,0,0,0.0); min-width:70px; height:36px; line-height:40px; padding:0 5px; display:inline-block; text-align:center; color:#b08c3a; font-size:16px; letter-spacing:-1pt; font-weight:500;}
.login_btn2:hover {background:rgba(0,0,0,0.3);}

/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_wrap {float:left; width:100%; margin:30px 0 0 0; text-align:center;}
.title_box {width:1400px; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.title{margin:20px 0 0 0; padding:0px 30px 0 30px; font-family:'GmarketSans'; font-weight:700; font-size:50px; color:#ecdabc;}
.maintitle{padding:0 30px 0 30px; font-family:'GmarketSans'; font-weight:700; font-size:28px; color:#ecdabc; line-height:1.2;}
.maintitle span{font-weight:300; font-size:14px; color:#ecdabc;}

.s_title1 {border-bottom:1px solid #57c0d8; padding:0 0 5px 0; color:#57c0d8; font-size:22px; font-weight:700; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(0,0,0,0.05);}

.contents_wrap {float:left; width:100%; min-height:670px; margin:40px 0 0 0;}
.contents_box {width:1400px; margin:0 auto; padding:0 0 30px 0;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}

/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; padding:60px 0 60px 0; background:#000000; overflow:hidden;}
.footer_box {width:1400px; margin:0 auto; display:flex; justify-content: space-between; align-items:center;}
.f_box_l{font-size:12px; color:#3a3a3a;}
.f_box_r{display:flex; align-items:center; font-family:'GmarketSans'; font-weight:500; font-size:18px; color:#8c8c8c;}
.f_box_r img{width:36px;}
.sns_font{font-family:'GmarketSans'; font-weight:700; font-size:24px; color:#ffffff;}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.game_list{float:left; width:100%;}
.game_list li{float:left; margin:0 40px 20px 0;}
.game_list li:nth-child(4n){margin:0 0 20px 0;}
.game_list li a{display:block;}

.main_contents_box {float:left; width:100%; margin:40px 0 0 0;}
.main_title {float:left;}

.main_con1_wrap {float:left; width:680px; text-align:center; background:#2e2c25;}
.main_con1 {float:right; width:360px; height:227px; padding:15px 20px; overflow:hidden;}
.main_con1 td {line-height:40px; font-family:'GmarketSans'; font-weight:300; font-size:14px; color:#ffffff;}

.main_con2_wrap {float:right; width:680px; background:#2e2c25;}
.main_con2 {float:right; width:360px; height:227px; padding:15px 20px; overflow:hidden;}
.main_con2 td {line-height:40px; font-family:'GmarketSans'; font-weight:300; font-size:14px; color:#ffffff;}
.board_font1{color:#f4e4bf;}
.board_font2{color:#57c0d8; font-weight:700;}


/*-------------------------------------------------------------------------------------*
 *  out login                                                                          *
 *-------------------------------------------------------------------------------------*/
/* 외부로그인 */
.out_login_wrap  {float:left; width:100%; height:100vh; background:url("../../images/bg_login.jpg") center center no-repeat; background-size:cover; padding:160px 0 0 0}
.out_login_box_wrap {width:380px; margin:0px auto;}
.out_login_tit {width:100%; float:left; text-align:center; position:relative;}
.out_login {width:100%; float:left; margin:10px 0 50px 0;}
.out_login_table {width:100%}
.out_login_td1 {width:100%; padding:0 0 10px 0}
.out_login_td2 {width:100%; padding:0 0 10px 0}
.out_login_td3 {width:100%; padding:0 0 10px 0}

.out_input_login  {background-color:#76654c; border:none; width:100%; height:50px; color:#d7bb93; border-radius:5px;  padding:0 0 0 15px; font-size:14px;}
.out_input_login::placeholder{color:#d7bb93;}

/*-------------------------------------------------------------------------------------*
 *  레이어팝업                                                                         *
 *-------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------*
 *  모달창(팝업)                                                                       *
 *-------------------------------------------------------------------------------------*/
.modal_popup_wrap {float:left; width:500px;}
.modal_popup {float:left; width:500px; height:500px; background:#1a1915 url(../../images/bg.png) center top no-repeat; background-size:100%; padding:30px;}
.modal_popup_title {float:left; width:500px; font-family:'GmarketSans'; font-weight:700; font-size:24px; color:#ecdabc;}
.modal_popup_con {float:left; width:100%; min-height:390px; line-height:22px; font-size:12px; letter-spacing:-1px; font-weight:700; color:#ffffff; padding:15px 0 0 0;}
.modal_popup_close2 {float:left; width:100%; background:rgba(42,40,30,0.7); text-align:center; line-height:26px; padding:0 10px 0 10px;}
.modal_popup_close_box {float:left; width:100%; text-align:center; padding:10px;}


/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
.error_wrap {float:left; width:100%; height:100vh; background:#2c2a20;}
.error_text1 {float:left; width:100%; text-align:center; line-height:230px; margin:100px 0 0 0; font-family:'GmarketSans'; font-weight:700; font-size:150px; color:#ecdabc;}
.error_text2 {float:left; width:100%; text-align:center; color:#ffffff; line-height:50px; font-size:50px; font-family:'GmarketSans'; margin:0px 0 0 0;}
.error_text3 {float:left; width:100%; text-align:center; color:#efefef; line-height:80px; font-size:20px; font-family:'GmarketSans'; margin:0px 0 0 0;}