@charset "utf-8";

/* Base */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,dl,dt,dd,table,th,td,caption,form,fieldset,legend,hr,input,button,textarea,label,span,strong,em,a {margin:0;padding:0;}
html,body{width:100%;position:relative;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:"굴림","돋움",gulim,dotum,verdana,AppleGothic,helvetica,sans-serif;font-size:12px;font-weight:normal}
ul, ol, dl{list-style:none;}
em{ font-style:normal}
input, span, a, img, label,select {vertical-align:middle;}
a {text-decoration:none;color:inherit;}
select, input, textarea {font-size:12px; font-family:"돋움","굴림", AppleGothic, sans-serif; color:#757270;}
img, fieldset, iframe, button, input {border:0 none}
fieldset {margin:0px;padding:0px;border:none;}
button {cursor:pointer;vertical-align:middle;line-height:normal !important;overflow:visible;}

caption{font-size:0;line-height:0;width:0;height:0;overflow:hidden;visibility:hidden;}
legend {font-size:0;height:0;left:0;line-height:0;overflow:hidden;padding:0;position:absolute;top:0;visibility:hidden;width:0;}

body {}

a:link, a:visited, a:hover { text-decoration:none}
a:focus, a:active { text-decoration:underline}

.show{display:block}
.hide_none{display:none}
.pointer {cursor:pointer;}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

.check_game{background-color:#c4cacd} /*sss1*/

#wrap {display:relative;}
#hLayer{position:fixed; width:100%; height:100%; background-color:#111; top:42px; z-index:100000; opacity:.7; display:none;}




/* 여백 */
.m_none {margin:0 !important;}
.mt_none {margin-top:0 !important;}
.p_none {padding:0 !important;}
.mgr10 {margin-right:10px;}
.mgt03 {margin-top:3px;}
.mgt10 {margin-top:10px;}
.mgt_none {margin-top:0 !important;}
.pdt_none {padding-top:0 !important;}
.mgt20 {margin-top:20px;}
.line_hg32 {line-height:32px;}
.mgt-5 {margin:-5px 0 0 0 !important;}
.pd10 {padding:10px !important;}




/* Color */
.t_red {color:#00cc55 !important;}
.t_red02 {color:#fc3129 !important;}
.t_red03 {color:#ff0000 !important;}
.t_red04 {color:#d92b2b !important;}
.t_yellow {color:#ffe001 !important;}
.t_green {color:#222222 !important;}
.t_green2 {color:#577f99 !important;}
.t_green3 {color:#009900 !important;}
.t_yellow {color:#ffe001 !important;}
.t_white {color:#fff !important;}
.t_black {color:#000 !important;}
.t_gray01 {color:#c2c2cc !important;}
.t_grayblue {color:#7a8d99 !important;}
.t_blue {color:#0073ff !important;}
.t_blue1 {color:#109be0 !important;} 
.t_blue2 {color:#1091d0 !important;}
.t_blue3 {color:#0066ff !important;}
.t_marine {color:#2489d5 !important;}
.t_sky {color:#222222 !important;}
.t_navy {color:#283a46 !important;}
.t_gold {color:#b28c00 !important;}
.t_pink {color:#ff3377 !important;}




/* Option */
.bd_blue {border:1px solid #0099ff;}
.bd_yell {border:1px solid #ffcb0d;}
.txt_line30 {line-height:30px !important;}
.txt_line65 {line-height:65px !important;}
.line18 {line-height:18px !important;}
.line28 {line-height:28px !important;}
.hidden {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 숨김텍스트를 제공할때 */
.hide {font-size:0;line-height:0;visibility:hidden} /* 해당 텍스트를 숨겨야 할때 */
.bdb_none {border-bottom:0 !important;}
.bg_none {background:none !important;}



/* Header */
#intro #header {height:59px;line-height:59px;background: #ffffff url('../images/bg_header.png') no-repeat 0 0; background-size: 100% 11px; border-bottom:1px solid #1091d0;position:relative; display: none;}
#header {height:70px;line-height:76px;background:#ffffff url('../images/bg_header.gif') no-repeat top right; border-bottom:1px solid #484848;position:relative;}
#header h1 {text-align:center;}
#header h1 a {display:inline-block;}
#header h1 .link_home {position:absolute;top:25px;left:12px;}
#header h1 .title_top {font-size:16px;font-weight:bold;color:#003659;}
#header .btn_right {position:absolute;top:10px;right:0px;}
#header .btn_right > a {width:60px;height:60px;display:inline-block;background:url("/design/images/newNavBtn.png") no-repeat 0 0;text-indent:-9999px;}

#header .btn_right a.menu {background-position:0 0;}
#header .btn_right a.search {background-position:-37px 0;}
#header .btn_right a.write {background-position:-111px 0;}
#header .btn_right a.write:hover {background-position:-148px 0;}
#header .btn_right a.write.on {background-position:-148px 0;}
#header .btn_right a.search:hover {background-position:-74px 0;}
#header .btn_right a.search.on {background-position:-74px 0;}
#header .btn_right a.close {background-position:-60px 0;}
#header .btn_right a.sadari {background-position:-259px 0;}
#header .btn_right a.power {background-position:-222px 0;}
#header .btn_right a.snail {background-position:-296px 0;}
#header .btn_right a.daridari {background-position:-333px 0;}
#header .btn_right a.skybetvf {background-position:-364px 0;}

/*sss1 start*/
#header2 {height:70px;line-height:76px;background:#ffffff url('../images/bg_header.gif') no-repeat top right; border-bottom:1px solid #484848;position: fixed;width: 100%; z-index: 2;}
#header2 h1 {text-align:center;}
#header2 h1 a {display:inline-block;}
#header2 h1 .link_home {position:absolute;top:0;left:12px;}
#header2 h1 .title_top {font-size:16px;font-weight:bold;color:#222222;}
#header2 .btn_right {position:absolute;top:2px;right:6px;}
#header2 .btn_right > a {width:60px;height:60px;display:inline-block;background:url("../images/newNavBtn.png") no-repeat 0 0;text-indent:-9999px;}

#header2 .btn_right a.menu {background-position:0 0;}
#header2 .btn_right a.search {background-position:-37px 0;}
#header2 .btn_right a.write {background-position:-111px 0;}
#header2 .btn_right a.write:hover {background-position:-148px 0;}
#header2 .btn_right a.write.on {background-position:-148px 0;}
#header2 .btn_right a.search:hover {background-position:-74px 0;}
#header2 .btn_right a.search.on {background-position:-74px 0;}
#header2 .btn_right a.close {background-position:-185px 0;}
#header2 .btn_right a.sadari {background-position:-259px 0;}
#header2 .btn_right a.power {background-position:-222px 0;}
#header2 .btn_right a.snail {background-position:-296px 0;}
/*sss1 end*/

.btn_right .menu_wrap {display:none;z-index:9999;position:absolute;top:68px;right:-6px;width:302px;border:1px solid #1091d0;}
.btn_right.action .menu_wrap {display:block;}
/* .menu_wrap .header {padding:10px;background:url("../images/bg_user.png") no-repeat right 0;background-color:#ffffff;}
.menu_wrap .header .user {color:#666666;line-height:22px;font-size:11px;}
.menu_wrap .header .user strong {font-size:16px;color:#222222;}
.menu_wrap .header .user a.logout {display:inline-block;width:20px;height:24px;background:url("../images/ic_stripe.png") no-repeat -137px 0;text-indent:-9999px;}
.menu_wrap .header .have {overflow:hidden;}
.menu_wrap .header .have dl {width:114px;float:left;line-height:20px;margin-right:15px;}
.menu_wrap .header .have dl dt {color:#666666;font-size:13px;background:url("../images/ic_stripe.png") no-repeat;padding-left:18px;}
.menu_wrap .header .have dl.sum dt {background-position:-180px 0;}
.menu_wrap .header .have dl.point dt {background-position:-180px -26px;}
.menu_wrap .header .have dl dd {text-align:right;color:#666666;}
.menu_wrap .header .have dl dd strong {margin-right:2px;}
.menu_wrap .header .have dl.point dd button.change {width:17px;height:14px;background:url("../images/ic_stripe.png") no-repeat -117px 0;text-indent:-9999px;margin-left:1px;}
.menu_wrap .header .message {position:absolute;top:0;right:0;text-align:right;line-height:20px;color:#222222;display:inline-block;margin:8px;letter-spacing:-1px;} */
.menu_wrap .body {background-color:#1091d0;}
.menu_wrap .body .gnb_menu {margin:0;}
.menu_wrap .body .gnb_menu li {width:25%;}
.menu_wrap .body .gnb_menu li.gnb_last01 {width:25%;}
.menu_wrap .body .gnb_menu li.gnb_last02 {width:25%;}
.menu_wrap .body .gnb_menu li.gnb_last03 {width:25%;}
.menu_wrap .body .gnb_menu li.gnb_last01 img {width:65%;}
.menu_wrap .body .gnb_menu li.gnb_last02 img {width:65%;}
.menu_wrap .body .gnb_menu li.gnb_last03 img {width:60%;}
.menu_wrap .body .gnb_menu li.gnb_last01 p {margin-right:3px;}
.menu_wrap .body .gnb_menu li.gnb_last02 p {wi dth:56px;}
.menu_wrap .body .gnb_menu li a img {width:80%;}

.menu_wrap .header {padding:10px;/*background:url("../images/bg_user.png") no-repeat right 0;*/background-color: #ffffff;}
.menu_wrap .header .user {color:#666666;line-height:22px;font-size:11px;}
.menu_wrap .header .user strong {font-size:16px;color:#222222;}
.menu_wrap .header .user a.logout {display:inline-block;width:20px;height:24px;background:url("../images/ic_stripe.png") no-repeat -137px 0;text-indent:-9999px;}
.menu_wrap .header .have {overflow:hidden;}
.menu_wrap .header .have dl {width:48%;float:left;line-height:20px;margin-right:2%;}
.menu_wrap .header .have dl.point{margin-right: 0;}
.menu_wrap .header .have dl dt {color:#ffffff;font-size:13px;background:url("../images/ic_stripe.png") no-repeat;padding-left:18px;}
.menu_wrap .header .have dl.sum dt {background-position:-180px 0;}
.menu_wrap .header .have dl.point dt {background-position:-180px -26px;}
.menu_wrap .header .have dl dd {text-align:right;color:#b3b3b3;}
.menu_wrap .header .have dl dd strong {margin-right:2px;}
.menu_wrap .header .have dl.point button.change {width:48px;height:20px;margin-left:4px; background: none; border:1px solid #b8c5e5; border-radius: 2px; color: #b8c5e5;font-size: 11px; }
.menu_wrap .header .have dl.point button.change:after{content: ""; display: inline-block; width: 16px; height: 14px; background: url(../images/ic_stripe.png) no-repeat -118px 0; vertical-align: middle; margin-left: 2px;}
.menu_wrap .header .message {position:absolute;top:0;right:0;text-align:right;line-height:20px;color:#fff;display:inline-block;/*margin:5px;*/letter-spacing:-1px; background:#d12b31; padding:5px;}
.menu_wrap .header .message > em {vertical-align:middle;}




/* 레벨 */
.ic_level {width:13px;height:15px;display:inline-block;background:url('../images/ic_stripe.png') no-repeat;overflow:hidden;text-indent:-9999px;margin-right:3px;}
.ic_level.lv01 {background-position:0 0;}
.ic_level.lv02 {background-position:-18px 0;}
.ic_level.lv03 {background-position:-36px 0;}
.ic_level.lv04 {background-position:-54px 0;}
.ic_level.lv05 {background-position:-72px 0;}




/* Contaienr */
#container {position:relative;min-height:666px;background-color:#f7f7f7;}
#intro #container {background:#0a101a url("../images/bg_front_back.png") no-repeat center 0; min-height: 750px;}
#header2+#container{top: 96px !important;}



/* 2018-05-14추가 */
.menu_wrap .body .sec01 {width:100%; height:45px; /*background:#3e4758;*/ border-top:1px solid #1091d0; overflow:hidden; text-align:center;}
.menu_wrap .body .sec01 > li {width:33.33%; height:45px; padding-left:0%; float:left; position:relative; line-height:45px;}
.menu_wrap .body .sec01 > li:nth-child(1):after {content:""; width:1px; height:45px; background:#fff; position:absolute; top:0; right:0;}
.menu_wrap .body .sec01 > li:nth-child(2):after {content:""; width:1px; height:45px; background:#fff; position:absolute; top:0; right:0;}
.menu_wrap .body .sec01 > li > a {display:block; color:#fff; padding-top:0px; height:45px; font-size:15px; font-weight:bold;}
.menu_wrap .body .sec01 > li > a > img {width:30px;}
.menu_wrap .body .sec01 > li > a > p {height:20px; line-height:0px; display:inline-block; padding-left:5px; letter-spacing:-1px;}

.menu_wrap .body .sec02 {width:100%; height:45px; border-top:1px solid #1091d0; overflow:hidden; background:#fff; text-align:center;}
.menu_wrap .body .sec02 > li {width:33.33%; height:45px; padding-left:0%; float:left; position:relative; line-height:45px;}
.menu_wrap .body .sec02 > li:nth-child(1):after {content:""; width:1px; height:45px; background:#1091d0; position:absolute; top:0; right:0;}
.menu_wrap .body .sec02 > li:nth-child(2):after {content:""; width:1px; height:45px; background:#1091d0; position:absolute; top:0; right:0;}
.menu_wrap .body .sec02 > li > a {display:block; color:#222; padding-top:0px; height:45px; font-size:15px; font-weight:bold;}
.menu_wrap .body .sec02 > li > a > img {width:30px;}
.menu_wrap .body .sec02 > li > a > p {height:20px; line-height:100%; display:inline-block; padding-left:5px; letter-spacing:-1px;}

.menu_wrap .body .sec03 {width:100%; height:258px; background:#fff; border-top:1px solid #1091d0;}
.menu_wrap .body .sec03 > li {width:42%; padding-left:8%; height:85px; float:left; position:relative; border-bottom:1px solid #1091d0; line-height:45px;}
.menu_wrap .body .sec03 > li:nth-child(7) {border-bottom:0;}
.menu_wrap .body .sec03 > li:nth-child(8) {border-bottom:0;}
.menu_wrap .body .sec03 > li:nth-child(9) {border-bottom:0;}
.menu_wrap .body .sec03 > li:nth-child(1):after {content:""; width:1px; height:85px; background:#1091d0; position:absolute; top:0; right:0;}
.menu_wrap .body .sec03 > li:nth-child(3):after {content:""; width:1px; height:85px; background:#1091d0; position:absolute; top:0; right:0;}
.menu_wrap .body .sec03 > li:nth-child(5):after {content:""; width:1px; height:85px; background:#1091d0; position:absolute; top:0; right:0;}
/*.menu_wrap .body .sec03 > li:nth-child(5):after {content:""; width:1px; height:70px; background:#717d94; position:absolute; top:0; right:0;}
.menu_wrap .body .sec03 > li:nth-child(7):after {content:""; width:1px; height:70px; background:#717d94; position:absolute; top:0; right:0;}
.menu_wrap .body .sec03 > li:nth-child(8):after {content:""; width:1px; height:70px; background:#717d94; position:absolute; top:0; right:0;}*/
.menu_wrap .body .sec03 > li > a {display:block; color:#222; padding-top:20px; height:60px; font-size:18px; font-weight:bold;}
.menu_wrap .body .sec03 > li > a > img {width:45px;}
.menu_wrap .body .sec03 > li > a > p {height:20px; line-height:25px; display:inline-block; padding-left:10px; letter-spacing:-1px;}
.menu_wrap .body .sec03 > li > a > span {height:20px; line-height:25px; display:inline-block; padding-left:10px; letter-spacing:-1px; vertical-align:-14px; text-align:center;}

.menu_wrap .body .sec04 {width:100%; height:45px; /*border-top:1px solid #717d94;*/ overflow:hidden; background:#fff; text-align:center;}
.menu_wrap .body .sec04 > li {width:33.33%; height:45px; padding-left:0%; float:left; position:relative; line-height:45px;}
.menu_wrap .body .sec04 > li:nth-child(1):after {content:""; width:1px; height:45px; background:#1091d0; position:absolute; top:0; right:0;}
.menu_wrap .body .sec04 > li:nth-child(2):after {content:""; width:1px; height:45px; background:#1091d0; position:absolute; top:0; right:0;}
.menu_wrap .body .sec04 > li > a {display:block; color:#222; padding-top:0px; height:45px; font-size:15px; font-weight:bold;}
.menu_wrap .body .sec04 > li > a > img {width:30px;}
.menu_wrap .body .sec04 > li > a > p {height:20px; line-height:25px; display:inline-block; padding-left:5px; letter-spacing:-1px;}

.menu_wrap .body .btn_wrap {width:100%; height:24px; border-top:1px solid #1091d0; overflow:hidden; text-align:center; padding:0; line-height:100%; padding:10px 0;}
.menu_wrap .body .btn_wrap > p {width:50%; float:left;}
.menu_wrap .body .btn_wrap > p > a {display:block; width:60%; height:24px; background:#fff; border-radius:5px; font-size:12px; line-height:24px; color:#333; margin:0 auto;}
.menu_wrap .body .btn_wrap > p:last-child > a {background:#d12b31; color:#fff;}



/* Footer */
#footer {height:18px;line-height:18px;background-color:#fbfbfb;border-top:1px solid #e1e1e1;border-bottom: 1px solid #d7d7d7; text-align:center;}
.footer_wrap {}
.footer_wrap a {background:url("../images/line_footer.gif") no-repeat 0 0;color:#666666;font-size:11px;padding:0 15px;}
.footer_wrap a:first-child {background:none;}

#intro #footer {display: none;}