@charset 'utf-8';

@font-face { font-family: 'NanumBarunGothic';
src: url('NanumBarunGothic.eot');
src: url('NanumBarunGothic.eot') format('embedded-opentype'),
url('NanumBarunGothic.woff') format('woff');}
/*
@font-face { font-family: 'NanumBarunGothicBold';
src: url('NanumBarunGothicBold.eot');
src: url('NanumBarunGothicBold.eot') format('embedded-opentype'),
url('NanumBarunGothicBold.woff') format('woff');}
*/
strong, b { }
/****Basestyle****/
* {margin:0; padding:0; font-weight:normal;}
html, body {width:100%; height:100%;}
body {margin:0; -webkit-text-size-adjust:none; min-width:320px; word-wrap:break-word; background:#efefef;}
body, input, button, th, td, select, textarea {font-family: 'Malgun Gothic', dotum, Helvetica, sans-serif; }
img, fieldset, iframe, button {border:0; vertical-align:middle;}
ul, ol, li {list-style:none;}
button, label {cursor:pointer;}
button {background:none; display:inline-block; padding:0; margin:0; ;  border:0; background:none;}
button, input, label {vertical-align:middle;}
textarea {overflow:auto; vertical-align:middle;}
em, address {font-style:normal}
hr, .separate, legend {display:none;}
a {text-decoration:none; color:#6d6e71;}
input {background:#fff; border:1px solid #dddddd;}
body {font-size:12px;}

/*input*/
input[type=text]::-ms-clear{display: none;}
a:hover {text-decoration:none;}

.c_green {color:#96c800}

.fcolor1 {color:#313233 !important;}
.fcolor2 {color:#494b4d !important;}
.fcolor3 {color:#626466 !important;}
.fcolor4 {color:#7a7d80 !important;}
.fcolor5 {color:#939699 !important;}
body{}
.wrap {position:relative;width:1100px; overflow:hidden;margin: 0 auto;}
.head_area {position:relative; width:100%; height:506px; min-width:1100px; }

.head_area .part_top{height:77px}
.head_area .logo {float: left;padding-left: 50px;width: 300px;}

.head_area .nav{float: left;padding-top:50px}
.head_area .nav ul{margin-left: 100px;}
.head_area .nav ul li{float: left;padding: 0 40px 0 40px;text-align: center;}
.head_area .nav ul li a{font-size: 18px;font-weight: bold;color:#fff;  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;}
.head_area .nav ul li a:hover{color:#00CB2D}
.head_area .nav ul li span{font-size:10px;font-family: dotum;color:rgb(219, 219, 219);}
.head_area .part_bottom {clear: left;padding-top: 10px;height: 331px;}
/* 수정.head_area .part_bottom {clear: left;padding-top: 0px;height: 305px;} */

.head_area .part_bottom .t_start {height:90px; position:relative;}
.head_area .part_bottom .t_start button {position:absolute; left:138px; top:0; bottom:0; right:0;; bottom:0; display:block; width:303px;}
.head_area .part_bottom .t_start #startGame {position:absolute; left:138px; top:0; bottom:0; right:0;; bottom:0; display:block; overflow:hidden;}
.head_area .part_bottom .t_down {height:30px;  overflow:hidden;}
.head_area .part_bottom .t_down button {display:block; margin-left:177px; width:304px; height:30px;}
.head_area .part_bottom .t_down button:hover img {margin-top:-30px;}
.head_area .part_bottom .raw_wrap{padding-left: 35px;height:104px }
.head_area .part_bottom .t_login {float:right;padding-left:20px;}
.head_area .part_bottom .t_login .i_txt {width:232px; height:23px; padding:50px 0 0 0; color:#004800; font-size:13px; color:#7a7d80; text-align:center;}
.head_area .part_bottom .t_login.type_2 .i_txt {width:225px; height:33px; padding:20px 0 3px 0; color:#004800; font-size:13px; color:#7a7d80; text-align:center;}
.head_area .part_bottom .t_login.type_2 .i_btn {padding-left:0px;}
.head_area .part_bottom .t_login.type_2 .i_link {padding-left:0px;}
.head_area .part_bottom .t_login .i_txt strong {font-size:15px;}  

.inBox{}
.inBox input{padding:2px; border:1px solid #ccc;}
.txtId{margin-bottom:3px;text-align:left;}
.txtPw{text-align:left;margin-bottom:3px;} 
.txtId label, .txtPw label{position:absolute; top:5px; left:4px} 

.head_area .part_bottom .t_login .i_btn  {height:36px; margin-left:-30px;}
.head_area .part_bottom .t_login .i_btn button {display:inline-block; width:220px; height:29px; line-height:29px; color:#fff; font-size:15px;}
.head_area .part_bottom .t_login .i_link {clear:both; font-size:12px;  font-weight:bold;padding-top:20px}
.head_area .part_bottom .t_login .i_link a {color:#0d68c4;}
.head_area .part_bottom .t_login .i_link .join{color:#000;float: right;}
.head_area .part_bottom .t_login .i_link img {margin:0 2px;}
.head_area .part_bottom .t_login.type_3 {width:283px; height:122px; margin-left:105px; background:url(/imgs/layout/bg_t_login.png) no-repeat 0 33px; overflow:hidden;}
.head_area .part_bottom .t_login.type_3 .i_txt {width:auto; padding:10px 0 0 70px; height:23px; text-align:center;}
.head_area .part_bottom .t_login .i_cash {height:30px; line-height:30px; margin:0 0 10px 35px;  text-align:center; color:#939699; font-size:11px;}
.head_area .top_box .t_login .i_cash em  img {margin-top:-3px; }
.head_area .top_box .t_login .i_cash span {display:inline-block; width:115px; margin-right:7px; text-align:right;}
.head_area .top_box .t_login .i_cash span b {font-size:14px; color:#96c800;}
.head_area .top_box .t_login .i_cash2 {padding-left:40px;  font-size:11px; color:#939699;}
.head_area .top_box .t_login .i_cash2 strong {color:#7a7d80; }
.head_area .top_box .t_login .i_cash2 em {display:inline-block; width:90px; text-align:right;}
.head_area .top_box .t_login.type_3  .i_link{padding:15px 0 0 10px;}
.head_area .top_box .t_cash {padding:7px 0 0 136px;;}
.head_area .bg_gnb {display:none; position:absolute; right:0; top:50px; left:50%; height:140px; margin-left:-787px; background:#0c0c0d url(/imgs/layout/bg_gnb2.png) no-repeat 220px 0; opacity:0.96; filter:alpha(opacity=96); }
.head_area .main_banner {position:absolute; left:50%; top:50px; margin-left:-673px; width:1274px; height:350px; overflow:hidden; z-index:0;}
.head_area .main_banner ul {position:absolute; left:0; top:0;; width:1274px; }
.head_area .main_banner ul li {display:none;; position:absolute; left:0; top:0;}
.head_area .main_banner ul li.active {display:block; z-index:10;}
.head_area .main_banner .i_txt { position:absolute; left:0; right:0; bottom:0; height:120px; padding-top:25px; background:#000; opacity:0.8; filter:alpha(opacity=80);}
.head_area .main_banner .item_img {position:absolute; left:978px; right:0; top:0; height:400px; background:url(/imgs/layout/bg_banner.png) no-repeat 0 0; z-index:11;border:5px;}
.head_area .main_banner .item_txt {position:absolute; left:0; right:0; bottom:0; height:53px; padding:58px 0 0 153px; background:url(/imgs/cont/bg_banner.png) repeat 0 0; z-index:10;}
.head_area .main_banner .item_txt a {display:block; width:100%; z-index:15}
.head_area .main_banner .item_txt strong {display:block; color:#fff; font-size:38px;}
.head_area .main_banner .item_txt strong em {color:#96c800;}
.head_area .main_banner .item_txt span {position:absolute; left:40px; top:0; color:#c4c8cc; font-size:14px;}
.head_area .main_banner .item_txt ul {position:absolute; left:153px; top:24px; height:71px; width:620px; overflow:hidden; z-index:20;}
.head_area .main_banner .item_txt ul li {display:none; position: absolute; left:0; top:0; bottom:0; padding-top:25px; z-index:0; overflow:hidden; }
.head_area .main_banner .item_txt ul li.active {z-index:1; display:block;}
.head_area .item_nav {position:absolute; left:50%; top:313px; margin-left:117px; text-align:right; z-index:100;}
.head_area .item_nav em {clear:both; ; float:right; display:block; width:20px; height:6px; margin-bottom:3px; overflow:hidden; background:url(/imgs/layout/bg_banner_off.png) no-repeat 0 0; z-index:99; cursor:pointer;}
.head_area .item_nav em.active {background:url(/imgs/layout/bg_banner_on.png) no-repeat 0 0; }
.head_area .item_nav em.idx_0 {}
.head_area .item_nav em.idx_1 {margin-right:10px;}
.head_area .item_nav em.idx_2 {margin-right:20px;}
.head_area .item_nav em.idx_3 {margin-right:30px;}
.head_area .item_nav em.idx_4 {margin-right:40px;}
.head_area .item_nav em.idx_5 {margin-right:50px;}
.head_area .item_nav em.idx_6 {margin-right:60px;}
.head_area .item_nav em.idx_7 {margin-right:70px;}

/* .head_area .wrap_notice{background:url(/imgs/seven/bg_notice.gif?v=1);height:50px;clear:left} */
.head_area .wrap_notice{background-color: rgb(255 255 255 / 5%);height:50px;clear:left;border-radius: 6px;}
    .head_area .wrap_notice .head_notice{padding-top: 12px; padding-left: 150px;}     
    .head_area .wrap_notice .head_notice a{font-weight: bold; font-size: 20px;color:#e4dede;}
    /* .head_area .wrap_notice .head_notice a{font-weight: bold; font-size: 20px;color:#000000;} */
    .head_area .wrap_notice .head_notice a:hover{color:#FF7600;}

.content{padding:0px 0 20px 0;min-height: 400px}
.body_area {background:url(/imgs/layout/bg_body2.png) repeat-y center 0}
.bg_body {max-width:1346px; margin:0 auto; background:url(/imgs/layout/bg_body.png) no-repeat center 0}
.body_wrap {position:relative; width:1100px; margin:0 auto; padding-top:50px; overflow:hidden; }
.clear{clear: left;}
.foot_area {padding:10px 0;  text-align:center; background:#000000;}
.foot_box {width:1100px; margin:0 auto; overflow:hidden;}
.foot_box h1 {float:left; width:140px;}
.foot_box .i_link {padding-bottom:13px;}
.foot_box .i_link a {font-size:13px; color:#8f8f8f;}
.foot_box .i_link img {margin:0 5px; }
.foot_box .i_link a.i_privacy {color:#aaaeb2; }
.foot_box .item_txt {float:left; width:680px; font-size:12px; letter-spacing:-1px;  text-align:left; line-height:1.3em;}
.foot_box .item_txt .i_copy a {letter-spacing:0 }
.foot_box .item_txt em {display:inline-block; padding-right:5px;}
.foot_box .item_txt p {padding:15px 0; letter-spacing:0 }
.foot_box .item_class {float:right; padding-right:48px}
.foot_box td{color:#4e4e4e !important}


.btn_a {display:inline-block; height:38px; line-height:38px; padding:0 20px; background:url(/imgs/cont/bg_btn.png) no-repeat 0 0; color:#fff; border:1px solid #333; font-size:15px;}
.btn_b {display:inline-block; height:38px; line-height:38px; padding:0 20px; background:url(/imgs/cont/bg_btn2.png) no-repeat 0 0; color:#fff; border:1px solid #797b80; font-size:15px;}
.btn_c {display:inline-block; height:38px; line-height:38px; padding:0 20px; background:url(/imgs/cont/bg_btn3.png) no-repeat 0 0; color:#fff; border:1px solid #86b300; font-size:15px;}
.btn_d {display:inline-block; height:38px; line-height:38px; padding:0 20px; background:#fff; color:#7a7d80; border:1px solid #c4c8cc; font-size:15px;}
.btn_e {display:inline-block; height:38px; line-height:38px; padding:0 20px; background:#f0f5fa; color:#7a7d80; border:1px solid #d0d4d9; font-size:15px;}
.b_min {height:23px !important; line-height:23px !important; font-size:12px; padding:0 10px !important; min-width:0 !important;}
.btn_a img {margin-left:5px;}


.downLink{width:100%;text-align:center}
.downLink li{display:inline;padding-left:20px;}
    .list-title{
        font-size:18px;font-weight: bold;background:#186fd3 ;color:#fff;padding:20px;
        border-top-right-radius: 5px;
    }
  .list-group .list-group-item{   
        border-radius: 0;
        border: 1px solid #dad8d8;font-size:14px;font-weight: bold;
        background:url(/imgs/seven/icon_mu.png) 92% 50% no-repeat #f2f2f2
    }
    /* .list-group .list-group-item:hover, .list-group .select{background:#fff;color:#fff;background:url(/imgs/seven/icon_mu_on.png) 92% 50% no-repeat}    */
    .list-group .list-group-item:hover, .list-group .select{background:#6b6969;color:#fff;}   
    .list-group .active{background:#595959 ;border: 1px solid #fff;}    
    .pagetitle{font-size:20px;font-weight: bold;color:#000;}
    .boris_accent02{font-size: 20px; color:#E23131;}

    .title_{font-size:24px}
    .title_ img{vertical-align:top;}
    
/* 텍스트 칼라 */
.red_b{color:#E23131}
.blue_b{}