/* CSS Document */

#skipnavigation a {position:absolute; left:-999em;}
#skipnavigation a:focus {left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#333; font-weight:bold; color:#fff; text-align:center;}

/* top banner */
.top_banner_wrap {width:100%; min-width:1024px; height:130px; overflow:hidden; background:#ffe4e3; display:none}
.top_banner_wrap .top_banner {position:relative; width:1024px; height:100%; margin:0 auto; text-align:center}
.top_banner_wrap .top_banner .slider {position:relative; overflow:hidden; width:100%; height:130px}
.top_banner_wrap .top_banner .slider li {position:absolute; left:0; top:0}
.top_banner_wrap .top_banner .slider li a {display:block}
.top_banner_wrap .top_banner .controller {position:absolute; left:0; top:0; width:100%; z-index:10}
.top_banner_wrap .top_banner .controller .btn_area {position:absolute; left:0; top:20px; line-height:11px; overflow:hidden}
.top_banner_wrap .top_banner .controller .btn_area .icon_count {float:left}
.top_banner_wrap .top_banner .controller .btn_area .icon_count a {display:block; float:left; width:11px; height:11px; margin-right:7px; text-indent:-9999px; overflow:hidden; background:#fff}
.top_banner_wrap .top_banner .controller .btn_area .icon_count a.on {background:#3b518a}
.top_banner_wrap .top_banner .controller .btn_area .play_stop {float:left}
.top_banner_wrap .top_banner .controller .btn_area .play_stop a {display:block; float:left; width:11px; height:11px}
.top_banner_wrap .top_banner .controller .btn_area .play_stop a img {vertical-align:top}
.top_banner_wrap .top_banner .controller .btn_area .play_stop a.play {display:none}
.top_banner_wrap .top_banner .controller .top_bnr_today {position:absolute; left:445px; top:92px; color:#333}
.top_banner_wrap .top_banner .controller .btn_top_bnr_close {position:absolute; right:0; top:20px}

/* header */
.topHeader {position:relative; min-width:1200px; width:100%; background-color:#fff}
.topHeader .header_con {position:relative; width:1200px; height:85px; margin:0 auto; box-sizing:border-box}
.topHeader .header_con .logo {padding: 16px 0 0 0px}

.topHeader .top_menu {position:absolute; margin:0; top:30px; right:0}
.topHeader .top_menu .topAccount:after {content:""; display:block; clear:both}
.topHeader .top_menu .topAccount *{float:left}
.topHeader .top_menu .topAccount ul.information li ~ li {position:relative; margin-left:20px}
.topHeader .top_menu .topAccount ul.information li span,
.topHeader .top_menu .topAccount ul.information li a strong {line-height:25px; color:#7f7f7f; font-weight:normal}
.topHeader .top_menu .topAccount ul.information li span {padding-left:24px; margin-right:5px}
.topHeader .top_menu .topAccount ul.information li.money .cash {background:url(/ui/images/ico-account-money.png) 0 50% no-repeat}
.topHeader .top_menu .topAccount ul.information li.money .point {background:url(/ui/images/ico-account-point.png) 0 50% no-repeat}
.topHeader .top_menu .topAccount ul.information li.money .btn_common {margin-left:15px}
.topHeader .top_menu .topAccount ul.information li.money .btn_common ~ .btn_common {margin-left:5px}
.topHeader .top_menu .topAccount ul.information li.clover span {background:url(/ui/images/ico-account-clover.png) 0 50% no-repeat}
.topHeader .top_menu .topAccount ul.account {margin-left:5px}
.topHeader .top_menu .topAccount ul.account li ~ li {margin-left:5px}
.topHeader .top_menu .topAccount ul.account li.log .btn_common {background:#666; border-color:#666}
.topHeader .top_menu .topAccount ul.account li.log a,
.topHeader .top_menu .topAccount ul.account li.devide a {width:67px}
.topHeader .top_menu .topAccount ul.account li.devide {position:relative; margin-right:20px; padding-right:21px}
.topHeader .top_menu .topAccount ul.account li.devide:after {content:""; position:absolute; right:0; top:7px; height:11px; border-right:1px solid #cacaca}
.topHeader .top_menu .topAccount ul.account li.devide + li {margin-left:0}
.topHeader .top_menu .login_inp p {position:relative; float:left; margin-right:5px}
.topHeader .top_menu .login_inp input[type="text"], .topHeader .top_menu .login_inp input[type="password"] {height:19px; padding-left:8px}
.topHeader .top_menu .login_inp label {position:absolute; left:8px; top:2px; display:block; font-size:11px; line-height:19px; color:#b4b4b4}
.topHeader .top_menu .login_info {margin-right:10px; padding-right:15px; color:#999; background:url(/img/layout_new/login_menu_bar.gif) no-repeat 100% 0.3em}
.topHeader .top_menu .login_info p {display:inline; padding-right:5px}
.topHeader .top_menu .login_info strong {color:#3183d6}

/* nav - gnb*/
.nav_wrap {position:relative; min-width:1200px; width:100%;z-index:999;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
.nav_wrap:after {content:""; position:absolute; left:0; top:0; width:100%; border-top:1px solid #eee}
.nav_wrap .gnbNav {width:100%; margin:0; z-index:1003; clear:both; background-color:#fff}
.nav_wrap .gnbNav .gnb {position:relative; height:55px; margin:0 auto; z-index:99999; text-align:center}
.nav_wrap .gnbNav .gnb > ul > li {display:inline-block}
.nav_wrap .gnbNav .gnb > ul > li > a {display:block; padding:0 49px; line-height:55px; font-size:18px; font-weight:500; color:#333;}
.nav_wrap .gnbNav .gnb > ul > li > a:hover,
.nav_wrap .gnbNav .gnb > ul > li > a:focus,
.nav_wrap .gnbNav .gnb > ul > li.active > a {color:#fff; background:#0092ff;}
.nav_wrap .gnbNav .gnb > ul > li > .group {position:absolute; left:0; top:-1000px; width:100%; padding:25px 0 35px; background:#fff; border-top:3px solid #595959; -webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3); box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3);}
.nav_wrap .gnbNav .gnb > ul > li.active > .group {top:55px}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul {overflow:hidden; width:886px; margin:0 auto; text-align:left}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul:after {content:""; display:block; clear:both}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul ~ ul {position:relative; margin-top:30px; padding-top:31px}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul ~ ul:after {content:""; position:absolute; left:0; top:0; width:100%; border-top:1px solid #ddd}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li {float:left; position:relative; width:177px; padding:0 21px}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li:before {content:""; position:absolute; top:0; height:1000px; left:0; border-left:1px solid #ddd}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li a {display:block}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li > a {margin-top:-2px; font-size:15px; font-weight:500; color:#195b81; line-height:1.1em}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li > ul {margin-top:15px}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li > ul > li ~ li {margin-top:7px}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li > ul > li > a {position:relative; font-size:13px; color:#777}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li > ul > li > a:after {content:""; display:none; position:absolute; left:-10px; top:5px; width:5px; border-top:1px solid #195b81}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li > ul > li > a:hover,
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li > ul > li > a:focus {color:#195b81}
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li > ul > li > a:hover:after,
.nav_wrap .gnbNav .gnb > ul > li.basic > .group > ul > li > ul > li > a:focus:after {display:block}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group {padding:16px 0}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul {width:1200px; margin:0 auto; text-align:left}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul:after {content:""; display:block; clear:both}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li {float:left; width:230px; margin:4px 5px}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li > a {display:block; position:relative; height:92px; box-sizing:border-box; padding:20px 0 0 109px}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li > a:after {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ddd}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li > a:hover:after,
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li > a:focus:after {border:3px solid #135076}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li > a * {display:block}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li > a strong {margin-bottom:8px; font-size:15px; font-weight:500}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li > a span {font-size:12px; color:#777; line-height:16px}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_1 > a {background:url(/ui/images/img_gnb_game1.jpg) 15px 50% no-repeat}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_2 > a {background:url(/ui/images/img_gnb_game2.jpg) 15px 50% no-repeat}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_3 > a {background:url(/ui/images/img_gnb_game3.jpg) 15px 50% no-repeat}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_4 > a {background:url(/ui/images/img_gnb_game4.jpg) 15px 50% no-repeat}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_5 > a {background:url(/ui/images/img_gnb_game5.jpg) 15px 50% no-repeat}
/*.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_6 > a {background:url(/ui/images/img_gnb_game6.jpg) 15px 50% no-repeat}*/
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_6 > a {background:url(/ui/images/img_gnb_game720.jpg) 15px 50% no-repeat}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_7 > a {background:url(/ui/images/img_gnb_game7.jpg) 15px 50% no-repeat}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_8 > a {background:url(/ui/images/img_gnb_game8.jpg) 15px 50% no-repeat}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_9 > a {background:url(/ui/images/img_gnb_game9.jpg) 15px 50% no-repeat}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_10 > a {padding:25px 0 0 125px; background:#12a19a url(/ui/images/bg_gnb_game_sample.png) 26px 10px no-repeat}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_10 > a:after {display:none}
.nav_wrap .gnbNav .gnb > ul > li.gnb1 > .group > ul > li.gnb1_10 > a span {font-size:18px; font-weight:normal; line-height:22px; color:#fff}
/*.nav_wrap .gnbNav .gnb > ul > li.gnb3 > .group > ul {width:1100px; margin:0 auto; text-align:left}*/
.nav_wrap .gnbNav .gnb > ul > li.gnb3 > .group > ul {border-right:1px solid #ddd}
.nav_wrap .gnbNav .gnb > ul > li.gnb3 > .group > ul ~ ul {border-right:0}
.nav_wrap .gnbNav .gnb > ul > li.gnb3 > .group > ul > li > .show_font {margin-bottom:8px; font-size:14px; font-weight:500}
.nav_wrap .gnbNav .gnb > ul > li.gnb3 > .group > ul > li > .show_font1 {margin-bottom:8px; font-size:13px; font-weight:500}

/* container */
.containerWrap {padding-bottom:200px; background:url(/v01/img/main_bg2.png) 100% no-repeat;background-position: top;background-repeat: no-repeat;margin-top: 1px;padding-top: 20px;border-top: 1px solid #f3f3f3;}
.contentSection {position:relative; width:1200px; margin:0 auto; padding-top:20px}
.contentSection:after {content:" "; display:block; clear:both}

/* contents */
.contentsArticle {width:900px; float:right; z-index:1005}
.contentsArticle:after {content:""; display:block; clear:both}
.contentsArticleWide {width:100%; float:none; margin:0 14px 0 0; z-index:1005; overflow:hidden}

/* footer */
.footer {}
.footer .footer_container {}
.footer .footer_wrap {}
.footer .foot_menu {min-width:1200px; padding:22px 0 24px; background:#626262; text-align:center}
.footer .foot_menu li {display:inline-block;}
.footer .foot_menu li ~ li {position:relative; margin-left:20px; padding-left:24px}
.footer .foot_menu li ~ li:after {content:""; position:absolute; left:0; top:50%; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background:#fff}
.footer .foot_menu li a {font-size:15px; color:#fff}
.footer .foot_menu li a:hover,
.footer .foot_menu li a:focus {text-decoration:underline}
.footer .foot_inner {width:1200px; margin:0 auto}
.footer .foot_inner .foot_txt_wrap {position:relative; padding:35px 340px 38px 140px}
.footer .foot_inner .foot_txt_wrap .logo {position:absolute; left:0; top:0; bottom:0;  text-align:center}
.footer .foot_inner .foot_txt_wrap .logo:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.footer .foot_inner .foot_txt_wrap .logo .inner {display:inline-block; width:118px; vertical-align:middle}
.footer .foot_inner .foot_txt_wrap .logo .inner .dh {display:block; height:80px; background:url(/ui/images/logo_footer.png); text-align:left; text-indent:-999em}
.footer .foot_inner .foot_txt_wrap .logo .inner  a {display:inline-block; margin-top:8px; padding:0 8px; border:1px solid #ddd; font-size:10px; color:#888; line-height:20px}
.footer .foot_inner .foot_txt_wrap [class*="foot_txt"] p {font-size: 13px;line-height:20px;color:#888;letter-spacing:-0.025em;}
.footer .foot_inner .foot_txt_wrap .foot_txt1 .ml15 {margin-left:15px}
.footer .foot_inner .foot_txt_wrap .foot_txt2 {margin-top:10px}
.footer .foot_inner .foot_txt_wrap .foot_txt2 p ~ p {font-weight:300;font-size: 13px;}
.footer .foot_inner .foot_txt_wrap .foot_txt2 p + p {margin-top:20px}
.footer .foot_inner .foot_txt_wrap .foot_txt2 p + p + p {margin-top:0}
.footer .foot_inner .site_link {padding:20px 0; border-top:1px solid #e0e0e0}
.footer .foot_inner .site_link:after {content:""; display:block; clear:both}
.footer .foot_inner .site_link > li,
.footer .foot_inner .site_link > li > * {float:left}
.footer .foot_inner .site_link > li > a {display:block}
.footer .foot_inner .site_link > li > a ~ a {margin-left:5px}
.footer .foot_inner .site_link > li > p {margin-left:8px; padding-top:11px; font-family:'�뗭�', Dotum; font-size:11px; font-weight:bold; line-height:16px; letter-spacing:0; color:#555}
.footer .foot_inner .site_link > li > p span {color:#057eee}
.footer .foot_inner .site_link > li.link2 {margin-left:130px}
.footer .foot_inner .site_link > li.link3 {float:right}

.footer .foot_inner .foot_txt_wrap .mark1 {position:absolute; right:0px; top:40px;}
.footer .foot_inner .foot_txt_wrap .mark2 {position:absolute; right:0px; top:40px;}