@charset "utf-8";


/*-------- css reset -------*/
* {margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
img {border:0; vertical-align:middle;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
/*body {
	font-size:12px;  font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;float: left;
    width: 100%;
    overflow-x: hidden;
    background: url(../assets/2/tazaslot/images/bg.jpg) center top no-repeat;
    background-size: cover;}
*/
button,
input,
body { font-family: "Noto Sans KR", sans-serif; font-size: 100%; }
fieldset {border: medium none;}
a {text-decoration:none;}
em {font-style: normal;}

#wrap {position:relative; min-width:1300px; width:100%;}

.header {background:url('../images/portal/bg_main.png') 50% 64px no-repeat; margin-bottom:10px;}
.header .main_gnb {width:990px; padding-top:5px; background:#fff; margin:0 auto;}
.header .logo {display:inline-block; width:200px; height:56px; background:url('../images/portal/logo.png') 50% 50% no-repeat; cursor:pointer;}
.header .gnb {float:right;}
.header .gnb li {display:inline-block; float:left; height:56px; line-height:56px; padding:0 10px;}
.header .gnb li a {font-size:16px; color:#0c112b; font-weight:bold; font-family: 'Malgun Gothic', '맑은 고딕', 'MalgunGothic', '맑은고딕';}

.main_banner_area {width:990px; padding:5px 0; margin:0 auto;}
.main_banner_sm {display:inline-block; float:left;}
.main_banner_sm a {display:block;}
.main_banner_sm a+a {margin-top:10px;}
.main_banner_lg {display:inline-block; margin:0 10px;}
.main_login_area {display:inline-block; float:right;}

.login_before {background:#fff; border:3px solid #5d9cd3; margin-bottom:10px;}
.login_before .login_title {padding-left:16px; height:47px; line-height:47px; background:url('../images/portal/bg_login_title.png') 50% 50% repeat-x; margin-bottom:10px;}
.login_before .login_title_cap {height:14px; line-height:14px; background:none; margin:0;}
.login_before .login_title_cap img {display:none;}
.login_before .login_info {text-align:center;}
.login_before .lbox_write {display:inline-block;}
.login_before .lbox_write p {margin-top:10px;}
.login_before .lbox_write input {padding-left:16px; width:245px; height:28px; line-height:28px;  border:1px solid #c5c5c5;}

.login_before .lbox_capnum_area {border:1px solid #c5c5c5; overflow:hidden; margin-top:10px;}
.login_before .lbox_capnum_area span {display:inline-block; float:left; width:62px; line-height:28px; height:28px; text-align:center;}
.login_before .lbox_capnum_area span+span {border-left:1px solid #c5c5c5;}
.login_before .lbox_capnum_area .lbox_capnum {font-weight:bold; background:#f1ece7;}
.login_before .lbox_capnum_area input {padding:0; width:72px; height:28px; line-height: 28px; font-weight:bold; text-align:center; border:none; border-left:1px solid #c5c5c5; background:#fafafa;}

.login_before .btn_login_area {display:inline-block; vertical-align:bottom; margin-left:4px;}
.login_before .btn_login_area input {display:inline-block; width:80px; height:70px; background:url('../images/portal/btn_login.png') 50% 50% no-repeat; vertical-align:middle; border:none;}
.login_before .btn_move_area {padding:12px 0 10px; text-align:center;}
.login_before .btn_move_area a {display:inline-block; width:160px; height:26px; vertical-align:middle;}
.login_before .btn_move_area .btn_find_id {background:url('../images/portal/btn_find_info.html') 50% 50% no-repeat;}
.login_before .btn_move_area .btn_move_join {background:url('../images/portal/btn_join.png') 50% 50% no-repeat; margin-left:10px;}

.login_after {padding:8px; background:#fff; border:3px solid #5d9cd3; margin-bottom:10px;}
.login_id_line {padding-left:8px; height:40px; line-height:40px; border-bottom:1px solid #cccccc;}
.login_id_line span {font-weight:bold;}
.login_id_line span+span {font-weight: normal;}
.login_user_area {overflow:hidden;}
.user_info {display:inline-block; float:left; padding:9px 0 4px;}
.user_info table {width:268px;}
.user_info table tr+tr td {border-top:1px solid #e5e5e5;}
.user_info table td {padding-left:8px; height:28px; color:#333333;}
.user_info table td:first-child {font-weight:bold;}
.user_info table td+td {padding:0; text-align:right;}
.user_info .icon_gold {display:inline-block; width:18px; height:13px; background:url('../images/sub/icon_gold_bar.html') 50% 50% no-repeat; vertical-align: text-bottom; margin-right:3px;}
.user_info .icon_slv {display:inline-block; width:18px; height:13px; background:url('../images/sub/icon_slv_bar.html') 50% 50% no-repeat; vertical-align: text-bottom; margin-right:3px;}
.user_info .icon_cash {display:inline-block; width:18px; height:13px; background:url('../images/sub/icon_money_bar.html') 50% 50% no-repeat; vertical-align: text-bottom; margin-right:3px;}
.user_info .icon_member {display:inline-block; width:18px; height:13px; background:url('../images/sub/icon_dia.html') 50% 50% no-repeat; vertical-align: text-bottom; margin-right:3px;}

.user_move_area {display:inline-block; float:right; padding-top:14px;}
.user_move_area a {display:block; width:90px; height:48px; line-height:48px; background:url('../images/portal/btn_move_mypage.html') 50% 50% no-repeat;}
.user_move_area a+a {margin-top:12px; background:url('../images/portal/btn_logout.html') 50% 50% no-repeat;}

.freemoney_charge_area {display:none; cursor:pointer}

.game_line_area {width:990px; margin:0 auto 14px;}
.game_line_area .main_game_area1 {display:inline-block; float:left; width:590px; border:1px solid #cccccc;}
.game_line_area .main_game_type {padding-left:16px; height:50px; line-height:50px; color:#1a1a1a; font-size:20px; font-weight:bold; font-family: 'Malgun Gothic', '맑은 고딕', 'MalgunGothic', '맑은고딕';  border-bottom:1px solid #cccccc;}
.game_line_area .main_game_area1 ul {padding:9px; overflow:hidden;}
.game_line_area .main_game_area1 ul li+li {margin-left:6px;}
.game_line_area .main_game_area1 ul li+li+li+li {margin:12px 0 0 0;}
.game_line_area .main_game_area1 ul li+li+li+li+li {margin-left:6px;}
.game_list {display:inline-block; float:left; text-align:center; cursor:pointer;}
.game_list .game_title {height:26px; line-height:26px; color:#1a1a1a; font-size:18px; font-weight:bold; font-family: 'Malgun Gothic', '맑은 고딕', 'MalgunGothic', '맑은고딕';}

.game_line_area .main_game_area2 {display:inline-block; width:397px; border:1px solid #cccccc; border-left:none;}
.game_line_area .main_game_area2 ul {padding:9px; overflow:hidden;}
.game_line_area .main_game_area2 ul li+li {margin-left:6px;}
.game_line_area .main_game_area2 ul li+li+li {margin:12px 0 0 0;}
.game_line_area .main_game_area2 ul li+li+li+li {margin-left:6px;}

.cs_line_area {width:990px; margin:0 auto 23px;}
.main_notice_area {display:inline-block; width:388px; height:208px; border:1px solid #cccccc; vertical-align:top;}
.main_notice_title {padding:0 16px; height:50px; line-height:50px; color:#1a1a1a; font-size:20px; font-weight:bold; font-family: 'Malgun Gothic', '맑은 고딕', 'MalgunGothic', '맑은고딕';  border-bottom:1px solid #cccccc;}
.main_notice_title a {float:right;}
.main_notice_area ul {padding:16px 20px;}
.main_notice_area li {height:32px; line-height:32px; color:#929292;}
.main_notice_area li a {color:#333333; font-size:14px;}
.main_notice_area li a:hover {font-weight:bold; letter-spacing:-0.5px; text-decoration: underline;}
.main_notice_area li span {float:right;}

.main_coupon_area {display:inline-block; padding:10px 11px; background:#5d9cd3; vertical-align:top; margin-left:3px;}
.main_coupon_area a {display:block;}
.main_coupon_area a+a {margin-top:6px;}

.cs_banner_area {position: relative; display:inline-block; float:right; width:590px; height:210px; background:url('../images/portal/sysoft_qna.jpg') 50% 50% no-repeat;}
.cs_banner_area div {position:absolute; padding-top:1px; width:274px; height:57px; left:38px; bottom:65px;}
.cs_banner_area div p {padding-top:10px;padding-right:10px; text-align:left; font-size:23px; color:#fff; font-family: 'Malgun Gothic', '맑은 고딕', 'MalgunGothic', '맑은고딕';}
.cs_banner_area a {position:absolute; right:10px; bottom:18px;}


.footer .policy_line {background:#d0d0d0;}
.policy_line ul {width:990px; margin:0 auto; overflow:hidden;}
.policy_line li {display:inline-block; float:left; padding:0 6px; height:30px; line-height:30px; color:#656565; font-weight:bold;}
.policy_line a {color:#656565; font-weight:bold;}

.company_info_area {width:990px; padding:20px 0; margin:0 auto;}
.company_info_area div {display:inline-block;}
/*
.footer_logo {width:192px; height:56px; background:url('../images/portal/logo_footer.png') 50% 50% no-repeat; cursor:pointer;}
.footer_info {color:#999999; margin-left:20px;}
.footer_info p:last-child {font-weight:bold;}
*/
/* service center */
.header_sub {background:none;}
.header_sub_ctn {display:block; height:240px; background:url('../images/portal/sub_bg.html') 50% top no-repeat; overflow:hidden;}
.header_sub_case {display:block; width:990px; margin:0 auto;}
.header_sub_ctn .login_before {float:right; width:260px; padding:0; margin:20px 0 0 0; border:1px solid #e3e3e3;}
.header_sub_ctn .login_before .login_title img {width:210px;}
.header_sub_ctn .login_before .lbox_write input {width:110px;}
.header_sub_ctn .login_after {float:right; width:260px; padding:0; margin:0; border:1px solid #e3e3e3;}
.header_sub_ctn .login_after .login_id_line {padding-left:16px; background:url('../images/portal/bg_login_title.png') 50% top repeat-x;}
.header_sub_ctn .login_after .login_id_line span+span {display:none;}
.header_sub_ctn .login_after .user_info {display:block; padding:0; width:100%; border-bottom:1px dashed #ccc;}
.header_sub_ctn .login_after .user_info table {width:100%;}
.header_sub_ctn .login_after .user_info table td {padding:0 16px; height:26px;}
.header_sub_ctn .login_after .user_info table tr+tr+tr+tr {display:none;}
.header_sub_ctn .login_after .user_move_area {display:block; padding:78px 0 8px; width:100%; text-align:center; background:url('../images/portal/sub_login_banner.html') 50% 12px no-repeat; overflow:hidden;}
.header_sub_ctn .login_after .user_move_area a {display:inline-block; width:111px; height:27px; line-height:27px; background:url('../images/portal/btn_sub_mypage.html') 50% 50% no-repeat;}
.header_sub_ctn .login_after .user_move_area a+a {background:url('../images/portal/btn_sub_logout.html') 50% 50% no-repeat; margin:0 0 0 4px;}

.contents {position:relative; width:990px; margin:0 auto 40px;}
.contents_left {display:inline-block; width:718px;}
.contents_side {display:inline-block; float:right; width:260px;}

.portal_side_menu {}
.portal_side_menu ul {overflow:hidden;}
.portal_side_menu li {border:1px solid #e0e3eb; margin-top:10px;}
.portal_side_menu li a {display:block; padding-left:12px; height:44px; line-height:44px; color:#333; font-size:14px;}
.portal_side_menu li a:hover {font-weight:bold; letter-spacing:-1px;}

.game_sub_title {padding:14px; color:#555555; font-size:24px; font-family: 'Malgun Gothic', '맑은 고딕', 'MalgunGothic', '맑은고딕'; border-bottom:1px solid #c5c5c5; margin-bottom:5px; }
.game_sub_title .game_sub_adr {float:right; color:#828286; font-size:12px; font-family:'dotum', '돋움'; margin:10px 6px 0 0;}
.game_sub_title .game_sub_adr a {color:#828286;}
.game_sub_title .game_sub_adr a:hover {text-decoration:underline;}

.game_cs_sub {padding-left:12px; line-height:36px; height:36px; color:#676767; border:1px solid #d9cbc4; margin-bottom:14px;}

.cs_list_area {padding:17px;}
.t_cs_base {margin-bottom:10px;}
.t_cs_base table {width:100%; border:1px solid #dcdcdc; border-bottom:none; border-right:none; margin-bottom:17px;}
.t_cs_base table th {height:36px; background:#fbfbfb; border:1px solid #dcdcdc; border-top:none; border-left:none;}
.t_cs_base table td {padding:6px 12px; height:20px; color:#777; text-align:center; border:1px solid #dcdcdc; border-top:none; border-left:none;}
.t_cs_base table td a {float:left; color:#333;}
.t_cs_base table td a:hover {font-weight:bold; text-decoration:underline; letter-spacing:-1px;}

.cs_text {padding:10px; background:#fbfbfb; border:1px solid #dcdcdc; margin-bottom:17px;}
.cs_text li {line-height:18px; color:#676767;}

.t_cs_write table {width:100%; border:1px solid #dcdcdc; border-bottom:none; border-right:none; margin-bottom:17px;}
.t_cs_write table th {height:36px; background:#fbfbfb; border:1px solid #dcdcdc; border-top:none; border-left:none;}
.t_cs_write table th span {color:#f1243c;}
.t_cs_write table td {padding:6px 12px; height:20px; color:#777; border:1px solid #dcdcdc; border-top:none; border-left:none;}
.t_cs_write table td+td {text-align:center;}
.t_cs_write .cs_write_type p {height:24px; line-height:24px;}
.t_cs_write .cs_write_type label {display:inline-block; width:112px; margin-right:16px; cursor:pointer;}
.t_cs_write .cs_write_type label:hover {font-weight:bold; letter-spacing:-1px;}
.t_cs_write .cs_write_type input {margin-right:3px;}
.t_cs_write .cs_write_type input {vertical-align:text-top;}
.t_cs_write table tr+tr td input {padding-left:10px; width:542px; height:24px; line-height:24px; border:1px solid #bfbfbf; color:000;}
.t_cs_write table td textarea {padding:10px; width:532px; height:280px; line-height:24px; border:1px solid #bfbfbf; color:000;}
.t_cs_write table tr td.cs_write_file input {padding:0; width:552px;}

.set_btn_cs {text-align:center;}
.set_btn_cs a {display:inline-block;}
.set_btn_cs a+a {margin-left:4px;}

.t_cs_view table {width:100%; border-top:2px solid #404040; margin-bottom:17px;}
.t_cs_view table th {padding-left:12px; height:38px; text-align:left; background:#eee; border-bottom:1px solid #a7a7a7;}
.t_cs_view table td {border-bottom:1px solid #a7a7a7;}
.t_cs_view .cs_view_data {padding:0 14px; height:36px; line-height:36px; color:#2e2f34; text-align:right;}
.t_cs_view .cs_view_data span {padding:0 8px 0 10px; font-weight:bold; background:url('../images/sub/icon_cs_data.html') left 50% no-repeat;}

.cs_my_question {padding:10px 38px; height:200px; line-height:18px; background:url('../images/sub/icon_cs_q.html') 14px 10px no-repeat; vertical-align:top;}
.cs_com_answer {padding:10px 38px; height:200px; line-height:18px; background:url('../images/sub/icon_cs_a.html') 14px 10px no-repeat; vertical-align:top;}

.set_btn_pageing {position:relative; text-align:center;}
.set_btn_pageing .btn_del {position:absolute; top:0; left:0;}
.set_btn_pageing .btn_write {position:absolute; top:0; right:0;}
.set_btn_pageing .list_pageing {height:30px; line-height:30px;}
.set_btn_pageing .list_pageing a {color:#333; margin:0 3px;}
.set_btn_pageing .list_pageing a:hover {color:#e44558; font-weight:bold; text-decoration:underline;}
.set_btn_pageing .list_pageing span {color:#d5d5d5;}

/* notice */
.notice_view_text {padding:16px; height:220px; vertical-align:top;}

.game_line_sub {width:auto; vertical-align: top; overflow: hidden}
.game_line_sub .main_game_area2 {display:inline-block; float:left; width:357px; }
.game_line_sub .main_game_area2 img {width:165px;}
.game_line_sub .main_game_area2 ul li+li+li,
.game_line_sub .main_game_area2 ul li+li+li+li+li {margin:12px 0 0 0;}
.game_line_sub .main_game_area2 ul li+li+li+li+li+li {margin-left:6px;}

/* join */
.join_step_area {padding:12px; border:1px solid #a0a0a0; background:#fbfbfb; margin-bottom:17px;}
.join_step_area div {padding:20px 12px; text-align:center; border:1px solid #a0a0a0; background:#fff;}
.join_sub_title {padding-bottom:12px; color: #4a63a9; font-family: 'Malgun Gothic', '맑은 고딕', 'MalgunGothic', '맑은고딕'; border: 2px solid #aaaaaa; margin-bottom: 17px;}
.join_sub_title p:first-child {padding:12px 0 6px 12px; font-weight: bold; font-size: 18px;}
.join_sub_title p+p {padding-left:24px; color:#222222; background:url('../images/portal/dot_join.html') 14px 50% no-repeat;}

.join_ctn_area {padding:12px; background:#fbfbfb; border:1px solid #a0a0a0; margin-bottom:17px;}
.join_ctn_area .join_policy_title {font-size:16px; color:#222; font-weight:bold; font-family: 'Malgun Gothic', '맑은 고딕', 'MalgunGothic', '맑은고딕'; margin-bottom:12px;}
.join_policy_txt {background:#fff; border:1px solid #a0a0a0; margin-bottom:17px;}
.join_policy_txt textarea {padding:10px; width:670px; height:178px; border:none; overflow-y:scroll;}
.policy_agreement {text-align:right;}
.policy_agreement label+label {margin-left:10px; cursor:pointer;}
.policy_agreement input {vertical-align:text-bottom; margin-right:5px;}

.set_btn_join {text-align:center;}
.set_btn_join a {display:inline-block;}
.set_btn_join a+a {margin-left:4px;}
.join_check_type {text-align:center; margin-bottom:17px;}

.join_check_txt {padding-bottom:12px; color: #4a63a9; font-family: 'Malgun Gothic', '맑은 고딕', 'MalgunGothic', '맑은고딕'; border: 1px solid #aaaaaa; margin-bottom: 17px; background:url('../images/portal/img_join_phone.html') 98% bottom no-repeat;}
.join_check_txt p {padding:12px 0 6px 12px; font-weight: bold; font-size: 18px;}
.join_check_txt ul {padding:0 16px;}
.join_check_txt li {padding:4px 14px; color:#010101; background:url('../images/portal/dot_check.html') left 10px no-repeat;}

.join_step3_area table {width:100%}
.join_step3_area th {padding:12px; text-align:left; border-bottom:1px solid #ccc; background:url('../images/portal/dot_join_info.html') left 50% no-repeat;}
.join_step3_area td {padding:10px; border-bottom:1px solid #ccc;}
.join_step3_area td input {height:24px; border:1px solid #bfbfbf;}
.join_step3_area .btn_check_text {display:inline-block; padding:0 12px; height:24px; line-height:24px; color:#fff; background:#627198; border:1px solid #7986a7; vertical-align:top; margin:0 5px;}
.join_step3_area td p:first-child {margin-bottom:6px;}
.join_info_line {padding:12px; background:url('../images/portal/dot_join_info.html') left 50% no-repeat;}

.join_step4_area {position:relative; display:block; width:570px; height:402px; background:url('../images/portal/bg_join_step4.html') 50% 50% no-repeat; margin:0 auto;}
.join_step4_area a {position:absolute; top:244px; left:160px;}
.join_step4_area a+a {position:absolute; top:244px; left:300px;}

/* side_quick menu */
.quick_menu {position:absolute; top:0; right:-152px;}
.quick_menu li {cursor:pointer;}



.bp_area { background-color:#232323;position:relative;width:500px; margin:auto;}
.bp_area .bp_tit h5 { padding:20px 30px; font-size:22px; margin:0; color:#fff !important } 
.bp_area .bp_wrap {  padding:30px; font-size:14px !important}
.bp_area .bp_wrap .txt {display: block;margin: 0 auto 10px;background: #fff;border: 0;font-size: 15px;color: #a9a9a9;font-weight: normal;line-height: 20px;}
.bp_area .bp_wrap .submit {display: block;margin: 0 auto;border: 0;width: 100%;background: #ed3e49;height: 45px;font-size: 17px;color: #fff;font-weight: normal;}

.bp_area .bp_wrap input.txt {width: 100%;height: 45px;text-indent: 10px;}
.bp_area .bp_wrap textarea.txt {width: 100%;height: 90px;padding: 10px;}

.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../theme/single/img/btn_close.png") no-repeat center center;
 -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
 
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

@media only screen and (max-width: 767px) {
.bp_area { width:360px;}	
}

/*btn CSS*/
.btns {display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 0.9rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-bottom:10px;}
.biz-btn { position: relative; z-index: 1; min-width: 140px; height: 50px; border: 1px solid #2f2f2f; text-transform: uppercase; color: #2f2f2f;letter-spacing: 1px;border-radius: 0; line-height: 50px; padding: 0;background-color: #ffffff;}
.biz-btn:hover, .biz-btn:focus { background-color: #2f2f2f; color: #ffffff;}


.sonar-btn-circle {
    position: relative;
    z-index: 1;
    min-width: 50px;
    height: 50px;
    border: 1px solid #2f2f2f;
	border-radius:50%;
    text-transform: uppercase;
    color: #2f2f2f;
    letter-spacing: 1px;
    line-height: 50px;
	font-size:1.1rem;
    padding-left: 3px;
    background-color: #ffffff;
}
.sonar-btn-circle.white-btn {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}
.sonar-btn-circle.white-btn:hover, .sonar-btn-circle.white-btn:focus {
    background-color: #ffffff;
    color: #2f2f2f;
}

.sonar-btn {
	position: relative;
	z-index: 1;
	min-width: 180px;
	height: 66px;
	border: 1px solid;
	border-color: #2f2f2f;
	text-transform: uppercase;
	color: #2f2f2f;
	letter-spacing: 1px;
	border-radius: 0;
	line-height: 64px;
	padding: 0;
	background-color: #ffffff;
}
.sonar-btn:hover, .sonar-btn:focus {
	background-color: #2f2f2f;
	color: #ffffff;
}
.sonar-btn.white-btn {
	border-color: #ffffff;
	color: #ffffff;
	background-color: transparent;
}
.sonar-btn.white-btn:hover, .sonar-btn.white-btn:focus {
	background-color: #ffffff;
	color: #2f2f2f;
}
.sonar-btn.btn-2 {
	background-color: #2f2f2f;
	font-size: 12px;
	color: #ffffff;
}
.sonar-btn.btn-3 {
	background-color: #232323;
	color: #ffffff;
}
.sonar-btn.btn-3::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid;
	border-color: #232323;
	right: -6px;
	bottom: -6px;
	content: '';
	z-index: -100;
}
.sonar-btn.btn-3:hover, .sonar-btn.btn-3:focus {
	background-color: #232323;
	color: #ffffff;
}