@charset "utf-8";
/* FED */

/*==================
	layout
==================*/
html, body {position:relative; width:100%; height:100%; }
#wrap {position:relative; width:100%; /*min-width:1400px;*/ min-height:100%; }
#wrap.users_wrap,
#wrap.index_wrap {min-height:100%; }
a, button {-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }


/*==================
	loading
==================*/
.loading {position:fixed; top:0; width:100%; height:100%; opacity:.8; z-index:100; background-color:#17181B; -webkit-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-property: opacity;transition-property:opacity; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; z-index:99999; }
.load {position:fixed; left:50%; top:47%; width:100px; height:100px; margin:0 0 0 -33px; }
.loading_logo {position:fixed; top:44%; width:100%; text-align:center; margin-top:-20px; }

.loading_div {position:absolute; top:0; width:100%; height:100%; opacity:.8; z-index:100; background-color:#17181B; -webkit-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-property: opacity;transition-property:opacity; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; display:none; z-index:99999; }
.loading_div.show {display:block; }
.load_div {position:absolute; left:50%; top:47%; margin:0 0 0 -33px; }
.loading_logo_div {position:absolute; left:50%; top:44%; margin:-50px 0 0 -103px; }

.lds-ellipsis {display:inline-block; width:64px; height:64px; border:3px solid rgba(255,255,255,.3); border-radius:50%; border-top-color:#fff; animation: spin 1s ease-in-outinfinite; -webkit-animation:spin 1s ease-in-out infinite; }

.wait:before {position:absolute; top:50%; left:50%; content:""; width:64px; height:64px; border:3px solid rgba(255,255,255,.3); border-radius:50%; border-top-color:#fff; animation: spin 1s ease-in-outinfinite; -webkit-animation:spin 1s ease-in-out infinite; margin:-32px 0 0 -32px; z-index:99999; }
.wait:after {position:absolute; top:0; content:""; width:100%; height:100%; opacity:.8; z-index:100; background-color:#17181B; -webkit-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-property: opacity;transition-property:opacity; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; z-index:9999; }

@keyframes spin {to {-webkit-transform: rotate(360deg); } }
@-webkit-keyframes spin {to {-webkit-transform: rotate(360deg); } }

.break_flex {
    flex-basis: 100%;
    height: 10px;
}


/*==================
	header
==================*/
header {position:relative; width:100%; padding:0; margin:0 auto; z-index:9999; }
header.fixed {position:fixed; top:0; left:0; right:0; }
header .nav {display:flex; position:relative; width:1280px; margin: 0 auto; }
header .nav h1 {position:relative; width:300px; height:80px; line-height:80px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
header .nav h1 a {display:inline-block; width:100%; /*height:100%;*/ vertical-align:initial; }
header .top_notice h1 {margin-right:30px; }
header #latest_notice {position:relative; float:left; margin-top:10px; width:470px; height:21px; overflow:hidden; }
header #latest_notice ul {position:absolute; top:0; width:500px; }
header #latest_notice li {height:21px; line-height:21px; }
header #latest_notice li:before {float:left; margin:8px 10px 0 9px; content:''; width:3px; height:3px; background-color:#3d3d3d; }
header #latest_notice li._new2:before {margin:3px 10px 0 9px; width:13px; height:13px; background:url(/public/img/layout/sp_lnb_ico.png) no-repeat 0 -50px; }
header #latest_notice li span {float:left; }
header #latest_notice a:hover .tx {text-decoration:underline; }
header #latest_notice .cate {margin-right:7px; font-weight:700; }
header #latest_notice .subject {max-width:300px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
header .nav .gnb {position:relative; flex:1; }
header .nav .gnb > ul {width:100%; display: flex; justify-content: space-between }
header .nav .gnb > ul:after {content:""; display:none; clear:both; }
header .nav .gnb > ul > li {position:relative; float:left; text-align:center; flex-grow: 1; flex-basis: 0; }
header .nav .gnb > ul > li:first-child {margin-left:0; }
header .nav .gnb > ul > li .oneDepth {font-size:18px; font-weight:600; line-height:80px; padding-bottom:1px; }
header .nav .gnb > ul > li .oneDepth.on,
header .nav .gnb > ul > li .oneDepth:hover {-webkit-transition:none; transition:none; }
header .nav .gnb > ul > li .oneDepth.on:after,
header .nav .gnb > ul > li .oneDepth:hover:after {display:block; content:""; }
header .nav .gnb .twoDepth {display:none; position:absolute; left:0px; top:80px; border-radius:0; padding:0; width:171px; height:auto; z-index:11; }
header .nav .gnb .twoDepth li:first-child {border-top:0; }
header .nav .gnb .twoDepth li a {display:block; margin:0; padding:0; font-size:13px; font-weight:600; letter-spacing:-0.2px; text-align:left; padding:0 18px; line-height:38px; }

header .nav .gnb_img {position:relative; flex:1; }
header .nav .gnb_img > ul {display:flex; justify-content:space-between; width:100%; }
header .nav .gnb_img > ul:after {content:""; display:block; clear:both; }
header .nav .gnb_img > ul > li {float:left; text-align:center; flex-grow: 1; flex-basis: 0; }
header .nav .gnb_img > ul > li:first-child {margin-left:0; }
header .nav .gnb_img > ul > li .oneDepth {display:block; font-size:18px; height:60px; line-height:60px; }
header .nav .gnb_img > ul > li .oneDepth.on,
header .nav .gnb_img > ul > li .oneDepth:hover {-webkit-transition:none; transition:none; }
header .nav .gnb_img > ul > li .oneDepth.on:after,
header .nav .gnb_img > ul > li .oneDepth:hover:after {display:block; content:""; }
header .nav .gnb_img .twoDepth {display:none; position:absolute; left:0px; top:60px; width:100%; padding:20px 0; z-index:11; }
header .nav .gnb_img .twoDepth ul {display:flex; flex-wrap:wrap; margin-top:10px; }
header .nav .gnb_img .twoDepth ul:first-child {margin-top:0; }
header .nav .gnb_img .twoDepth ul li {margin-left:10px; }
header .nav .gnb_img .twoDepth ul li:first-child,
header .nav .gnb_img .twoDepth ul li:nth-child(6n+1) {margin-left:0; }
header .nav .gnb_img .twoDepth ul li a {display:block; width:191px; margin:0; padding:0; font-size:13px; font-weight:600; }
header .nav .gnb_img .twoDepth ul li a img {width:100%; }
header .nav .gnb_img .twoDepth ul li span {display:inline-block; font-size:16px; padding-top:10px; }
header .nav .gnb_img .gnb_img_bg {position:absolute; top:0; left:0; width:100%; height:240px; background:rgba(0,0,0,0.8); }
header .nav .gnb_next {display:none; position:absolute; top:20px; right:0; width:15px; height:15px; background:url(../img/common/gnb_next.png) no-repeat left top; background-size:cover; opacity:0.5; }
header .nav .gnb_prev {display:none; position:absolute; top:20px; left:0; width:15px; height:15px; background:url(../img/common/gnb_prev.png) no-repeat left top; background-size:cover; opacity:0.5; }
header .logout_btn {height: 18px; line-height: 18px; width: 50px; font-size: 10px; }
header .gnb_img_bg {/*display:none;*/ position:absolute; top:132px; left:0; width:100%; /*height:210px;*/ background:rgba(0,0,0,0.8); }

header .util {display:flex; height:50px; padding-right:40px;  }
header .util .util_left {display:flex; justify-content:space-between; width:300px; padding:0 20px; overflow:hidden; }
header .util .util_left .id {height:50px; line-height:50px; }
header .util .util_left .id .lv {vertical-align:top; margin-right:2px; }
header .util .util_left .id .name {font-size:12px; font-weight:600; }
header .util .util_left .partner_btn {display:inline-block; width:26px; height:18px; margin:16px 10px 0 auto; }
header .util .util_left .logout_btn {float:right; width:20px; height:18px; margin:16px 0 0 0; }
header .util .util_right {display:flex; flex:1; }
header .util .util_right .util_menu {margin-right: auto;}
header .util .util_right .util_menu ul li {float:left; margin-left:20px; }
header .util .util_right .util_menu ul li:first-child {margin-left:0; }
header .util .util_right .util_menu ul li a {line-height:50px; font-size:14px; }
header .util .util_right .util_menu ul li a:hover,
header .util .util_right .util_menu ul li a.on {font-weight:600; }
header .util .util_right .util_info dl {display:inline-block; font-size:0; line-height:50px; vertical-align:top; margin-left:30px; }
header .util .util_right .util_info dl:first-child {margin-left:0; }
header .util .util_right .util_info dl dt {display:inline-block; font-size:12px; vertical-align:top; margin-right:18px; }
header .util .util_right .util_info dl dd {display:inline-block; font-size:18px; font-weight:600; }
header .util .util_right .util_info .change_btn {width:18px; height:16px; vertical-align:top; margin-top:17px; }
header .util .util_right .util_info .login_btn {float:right; width:80px; height:30px; line-height:30px; margin-top:10px; }
header .util .util_right .util_info .join_btn {float:right; width:80px; height:30px; line-height:30px; margin:10px auto 0 10px; }

header.type02 .nav {display:flex; position:relative; width:100%; max-width:1300px; padding:0 50px; }
header.type02 .nav h1 {position:relative; width:auto; height:auto; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; margin-right:80px; }
header.type02 .nav h1 a {display:inline-block; width:100%; height:100%; line-height:80px; vertical-align:top; }
header.type02 .nav h1 a .logo_pc {display:inline-block; }
header.type02 .nav h1 a .logo_m {display:none; }
header.type02 .nav .gnb {position:relative; flex:1; }
header.type02 .nav .gnb > ul {width:100%; display:flex; justify-content:left; }
header.type02 .nav .gnb > ul:after {content:""; display:none; clear:both; }
header.type02 .nav .gnb > ul > li {position:relative; float:left; text-align:center; margin-right:30px; flex-grow:inherit; flex-basis:inherit; }
header.type02 .nav .gnb > ul > li:last-child {margin-right:0; }
header.type02 .nav .gnb > ul > li .oneDepth {font-size:16px; line-height:80px; padding-bottom:1px; }
/* header.type02 .nav .gnb > ul > li .oneDepth.on,
header.type02 .nav .gnb > ul > li .oneDepth:hover {-webkit-transition:none; transition:none; }
header.type02 .nav .gnb > ul > li .oneDepth.on:after,
header.type02 .nav .gnb > ul > li .oneDepth:hover:after {display:block; content:""; } */
header.type02 .nav .gnb > ul > li .oneDepth:after {display:block; content:""; border-bottom:3px solid; transform:scaleX(0); transition:transform 250ms ease-in-out; }
header.type02 .nav .gnb > ul > li .oneDepth.on,
header.type02 .nav .gnb > ul > li .oneDepth:hover {-webkit-transition:none; transition:none; }
header.type02 .nav .gnb > ul > li .oneDepth.on:after,
header.type02 .nav .gnb > ul > li .oneDepth:hover:after {transform:scaleX(1); }
header.type02 .nav .gnb .twoDepth {display:none; position:absolute; left:0px; top:83px; border-radius:0; padding:0; width:100%; height:auto; z-index:11; }
header.type02 .nav .gnb .twoDepth li:first-child {border-top:0; }
header.type02 .nav .gnb .twoDepth li a {display:block; margin:0; padding:0; font-size:13px; font-weight:600; letter-spacing:-0.2px; text-align:left; padding:0 10px; line-height:38px; }
header.type02 .nav .info {display:none; margin-left:auto; }
header.type02 .nav .info .info_user {line-height:80px; }
header.type02 .nav .info .info_user span {display:inline-block; line-height: 20px; margin: 0 5px; }
header.type02 .nav .info .info_user span.icon { border-radius: 10px; width: 20px; height: 20px; text-align: center; font-weight: bold;}
header.type02 .nav .info .info_user span.num_1,
header.type02 .nav .info .info_user span.num_2,
header.type02 .nav .info .info_user span.num_3 { font-weight: bold;}
header.type02 .nav .info .info_user span.num_2 { margin-right: 2px; }
header.type02 .nav .info .info_user .logout_btn {width:auto; height:auto; line-height:34px; vertical-align:middle; font-size:inherit; border-radius:5px; padding:0 14px }
header.type02 .nav .info .info_user_m {display:none; }
header.type02 .header_login {line-height:80px; font-size:0; margin-left:auto; }
header.type02 .header_login button {vertical-align:middle; border-radius:5px; padding:0 14px; }
header.type02 .header_login .login_btn {line-height:34px; }
header.type02 .header_login .join_btn {line-height:36px; margin-left:10px; }

header .mypage_m {display:none; }
header .gnb_m_open {display:none; }
.info_m {display:none; }
.nav_m {display:none !important; }


/*==================
	container
==================*/
#container {display:flex; flex:1; position:relative; width:100%; min-height: 580px; padding-bottom:20px; }
#container .lnb {position:relative; width:290px; min-height:984px; max-height:984px; padding:20px 40px 20px 20px; overflow-y:scroll; }
#container .lnb h3 {font-size:14px; font-weight:700; margin-top:30px; }
#container .lnb h3:first-child {margin-top:0; }
#container .lnb .inner > ul {margin-top:20px; }
#container .lnb .inner > ul > li {position:relative; text-align:left; margin-top:25px; }
#container .lnb .inner > ul > li:first-child {margin-top:0; }
#container .lnb .inner > ul > li .oneDepth {display:flex; line-height:35px; overflow:hidden; }
#container .lnb .inner > ul > li .oneDepth .tit {flex:1; font-size:14px; font-weight:700; padding-left:55px; }
#container .lnb .inner > ul > li .oneDepth .num {width:30px; font-size:14px; font-weight:500; text-align:right; }
#container .lnb .inner > ul > li.none {text-align:center; }


.slot #container .lnb .inner > ul > li {margin-top:10px; }
.slot #container .lnb .inner > ul > li .oneDepth {line-height:50px; }
.slot #container .lnb .inner > ul > li .oneDepth .tit {padding-left:70px; }

#container .lnb .lnb_twoDepth ul li {text-align:left; }
#container .lnb .lnb_twoDepth ul li:first-child {border-top:none; }
#container .lnb .lnb_twoDepth ul li a {display:block; font-size:12px; font-weight:600; line-height:40px; padding-left:56px; }

#container .content_wrap {position:relative; width:calc(100% - 290px); padding:0 20px 0 10px; }
#wrap .game_prev {background:url(../img/content/game_prev.png) no-repeat left top; }
#wrap .game_next {background:url(../img/content/game_next.png) no-repeat left top; }
#wrap .game_prev {position:absolute; width:50px; height:50px; top: 380px; left: calc(50% - 620px); cursor: pointer; z-index: 20}
#wrap .game_next {position:absolute; width:50px; height:50px; top: 380px; right: calc(50% - 615px); cursor: pointer; z-index: 20}

#container .content {position:relative; border-radius:20px; }
#container .content.content_mini {padding:0 370px 0 0; }
#container .content.content_flex {display:flex; }
#container .content.content_flex .flex_block {flex:1; }
#container .content.inner_tab {border-radius:0 0 20px 20px; }
#container .content.all_game_wrap {padding:0 !important; }
#container .content > div {position:relative; width:100%; /*overflow:hidden;*/ }


/* tab */
#container .content_tab {margin-bottom:5px; }
#container .content_tab ul {display:flex; flex-wrap:wrap; justify-content:flex-end; }
#container .content_tab ul li {width:100px; height:30px; text-align:center; margin:0 0 5px 5px; }
#container .content_tab ul li:first-child {margin-left:0; }
#container .content_tab ul li a {display:inline-block; width:100%; line-height:30px; text-align:center; vertical-align:top; border-radius:10px; }

#container .content_tab_m {display:none; margin-bottom:10px; }
#container .content_tab_m select {float:none; width:100%; height:40px; line-height:40px; border-radius:0; border:0; font-size:20px; }

#container .tab_list {display:flex; padding-top:10px; }
#container .tab_list .tab_tit {width:200px; line-height:60px; text-align:left; font-size:24px; font-weight:500; }
#container .tab_list ul {display:flex; flex:1; margin-left:auto; }
#container .tab_list ul li {flex:1; text-align:center; height:60px; border-radius:20px 20px 0 0; margin-left:5px; }
#container .tab_list ul li:first-child {margin-left:0; }
#container .tab_list ul li a {position:relative; display:inline-block; line-height:60px; text-align:center; vertical-align:top; }
#container .tab_list ul li.on a {font-weight:600; }
#container .tab_list ul li.on a:after {position:absolute; bottom:12px; left:0; content:""; width:100%; height:2px; }


/* slide menu */
#container .slide_menu {position:relative; width:100% !important; height:70px; padding:0 60px; margin-bottom:10px; z-index:2; }
#container .slide_menu .swiper-container {height:70px; }
#container .slide_menu .swiper-slide {width:auto; min-width:60px; height:70px; text-align:center; background-position:50% 10px; margin-left:10px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;	-webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
#container .slide_menu .swiper-slide:first-child {margin-left:0; }
#container .slide_menu .swiper-slide a {display:inline-block; height:100%; font-size:12px; font-weight:600; padding:50px 5px 0; box-sizing:border-box; }
#container .slide_menu .swiper-slide a:hover,
#container .slide_menu .swiper-slide a.on {-webkit-transition:inherit; transition:inherit; }
#container .slide_menu .swiper-slide a.none {cursor:default; }
#container .slide_menu .slide_menu_prev {position:absolute; top:0; left:0; width:50px; height:70px; border-radius:10px; }
#container .slide_menu .slide_menu_prev:hover {}
#container .slide_menu .slide_menu_next {position:absolute; top:0; right:0; width:50px; height:70px; border-radius:10px; }
#container .slide_menu .slide_menu_next:hover {}
#container .slide_list .slide_con {display:none; }
#container .slide_list .slide_con.on {display:block; }


/*==================
	quick menu
==================*/
#quick_menu {position:fixed; left:50%; top:152px; width:52px; border-radius:5px; margin-left:620px; z-index:11; overflow:hidden; }
#quick_menu .tit {display:inline-block; width:100%; height:29px; line-height:29px; text-align:center; font-size:11px; font-weight:600; }
#quick_menu ul li a {display:inline-block; width:100%; text-align:center; padding:12px 0; }
#quick_menu ul li a:hover {text-decoration:underline; }
#quick_menu ul li a span {display:block; margin:0 auto 5px; }

.quick_partner {position:fixed; bottom:213px; right:30px; width:80px; height:80px; z-index:10; }
/* .quick_partner.message_true {bottom:130px; } */
.quick_partner .quick_partner_btn {display:inline-block; width:100%; height:100%; }

.quick_customer_close {position:fixed; bottom:30px; right:30px; z-index:10; }
.quick_customer_close .quick_customer_open_btn {width:80px; height:80px; }
.quick_customer_open {display:none; position:fixed; bottom:30px; right:30px; width:260px; height:410px; background:url(../img/common/quick_customer_bg.png) no-repeat left top; z-index:1201; }
.quick_customer_open .inner {position:relative; width:100%; height:100%; padding-top:40px; }
.quick_customer_open .quick_customer_close_btn {position:absolute; top:15px; right:24px; width:22px; height:18px; background:url(../img/common/quick_customer_close.png) no-repeat left top; }
.quick_customer_open .quick_customer_top {color:#333; font-size:18px; font-weight:700; text-align:center; margin-bottom:12px; }
.quick_customer_open .quick_customer_top span {color:#333; }
.quick_customer_open .quick_customer_bot {text-align:right; overflow:hidden; padding:0 15px; }
.quick_customer_open .quick_customer_bot ul li {display:flex; text-align:right; margin-bottom:5px; }
.quick_customer_open .quick_customer_bot input {width:100%; height:40px; background:#fff; font-size:12px; border:0; padding:0 10px; border-radius:5px; }
.quick_customer_open .quick_customer_bot textarea {width:240px; height:106px; font-size:14px; color:#333; background:#fff; padding:10px; resize:none; border-radius:5px; }
.quick_customer_open .quick_customer_bot .captcha {height:62px; }
.quick_customer_open .quick_customer_bot iframe {transform:scale(0.76); -webkit-transform:scale(0.76); transform-origin:0 0; -webkit-transform-origin:0 0; }
.quick_customer_open .quick_customer_bot .quick_customer_submit {width:100%; height:40px; line-height:40px; font-size:12px; font-weight:700; color:#fff; background:#e74c3d; border-radius:5px; }

.quick_livechat_close {position:fixed; bottom:120px; right:30px; z-index:10; }
.quick_livechat_close .quick_livechat_open_btn {width:80px; height:80px; }
.quick_livechat_open {display:none; position:fixed; bottom:30px; right:30px; width:320px; background:#fff; border:1px solid #e6e6e6; border-radius:10px; overflow:hidden; z-index:1201; }
.quick_livechat_open .inner {position:relative; width:100%; height:100%; }
.quick_livechat_open .quick_livechat_close_btn {position:absolute; top:19px; right:20px; width:16px; height:12px; background:url(../img/common/quick_livechat_close.png) no-repeat left top; }
.quick_livechat_open .quick_livechat_top {height:50px; line-height:50px; color:#333; font-size:13px; font-weight:700; background:#f3f3f3; border-bottom:1px solid #e6e6e6; padding:0 20px; }
.quick_livechat_open .quick_livechat_top .tit {color:#333; }
.quick_livechat_open .quick_livechat_before {text-align:right; overflow:hidden; padding:20px 10px 30px; }
.quick_livechat_open .quick_livechat_before .quick_livechat_txt {text-align:center; margin-bottom:25px; }
.quick_livechat_open .quick_livechat_before .quick_livechat_txt .quick_livechat_ico {display:inline-block; width:30px; height:30px; background:url(../img/common/quick_livechat_ico.png) no-repeat left top; margin-bottom:15px; }
.quick_livechat_open .quick_livechat_before .quick_livechat_txt p {line-height:20px; font-size:13px; color:#31313b; }
.quick_livechat_open .quick_livechat_before ul li {display:flex; text-align:right; margin-bottom:5px; }
.quick_livechat_open .quick_livechat_before input {width:100%; height:40px; background:#fff; border:1px solid #e6e6e6; font-size:12px; padding:0 10px; border-radius:5px; }
.quick_livechat_open .quick_livechat_before .captcha {height:82px; }
.quick_livechat_open .quick_livechat_before iframe {transform:scale(0.987); -webkit-transform:scale(0.987); transform-origin:0 0; -webkit-transform-origin:0 0; }
.quick_livechat_open .quick_livechat_before .quick_livechat_submit {width:100%; height:40px; line-height:40px; font-size:12px; font-weight:700; color:#fff; background:#e74c3d; border-radius:5px; }
.quick_livechat_open .quick_livechat_after {display:none; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con {height:386px; padding:10px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .date {height:32px; line-height:32px; text-align:center; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt {height:366px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul {height:366px; overflow-y:scroll; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul::-webkit-scrollbar {width:0; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li {position:relative; display:flex; align-items:end; margin-top:20px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li:first-child {margin-top:0; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li .time {display:inline-block; width:55px; vertical-align:bottom; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li .txt_area p {line-height:30px; margin-top:5px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li .txt_area p:first-child {margin-top:0; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li .txt_area p span {display:inline-block; line-height:30px; border-radius:12px; padding:0 15px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.date {justify-content:center; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user {padding-left:40px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .user_ico {position:absolute; top:0; left:0; display:inline-block; width:30px; height:30px; line-height:30px; font-size:15px; text-align:center; color:#fff; border-radius:100%; margin-right:10px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .user_ico.nomember {background:#ff9000 url(../img/common/profile_ico.png) no-repeat left top; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .user_ico.member {background:#3ebd00; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .info_area {min-width:185px; border:1px solid #e6e6e6; border-radius:20px; overflow:hidden; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .info_area .tit {line-height:49px; background:#f3f3f3; text-align:center; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .info_area .info {padding:8px 18px 10px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .info_area .info p {line-height:25px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .txt_area {max-width:195px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .txt_area p:first-child span {border-radius:0 12px 12px 12px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .txt_area p span {color:#333; background:#f3f3f3; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.user .time {margin-left:10px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.admin {justify-content:end; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.admin .txt_area {max-width:225px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.admin .txt_area p {text-align:right; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.admin .txt_area p:first-child span {border-radius:12px 0 12px 12px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.admin .txt_area p span {background:#287ee9; color:#fff; }
.quick_livechat_open .quick_livechat_after .quick_livechat_con .quick_livechat_txt ul li.admin .time {margin-right:10px; }

.quick_livechat_open .quick_livechat_after .quick_livechat_input {display:flex; height:50px; border-top:1px solid #e6e6e6; }
.quick_livechat_open .quick_livechat_after .quick_livechat_input input {flex:1; height:50px; border:0; padding:0 20px; }
.quick_livechat_open .quick_livechat_after .quick_livechat_input button {width:60px; height:30px; line-height:30px; font-size:12px; color:#fff; background:#fc5451; border-radius:5px; margin:10px 10px 0 0; }

.quick_link {position:fixed; bottom:10px; right:10px; z-index:1; }


/*==================
	footer
==================*/
footer {padding:50px 0; clear:both; }
footer .inner {position:relative; width:1200px; margin:0 auto; }
footer .foot_logo {position:absolute; top:80px; right:0; }
footer .foot_sns ul {font-size:0; overflow:hidden; }
footer .foot_sns ul li {display:inline-block; margin-left:10px; }
footer .foot_sns ul li:first-child {margin-left:0; }
footer .foot_sns ul li span {display:inline-block; font-size:13px; font-weight:700; border-radius:2px; padding:0 26px 0 65px; }
footer .foot_sns ul li .telegram {height:50px; line-height:48px; background:url(../img/common/foot_sns01.png) no-repeat left 25px center; }
footer .foot_sns ul li .kakao {height:50px; line-height:48px; background:url(../img/common/foot_sns02.png) no-repeat left 25px center; }
footer .foot_sns ul li .hang {height:50px; line-height:48px; background:url(../img/common/foot_sns03.png) no-repeat left 25px center; }
footer .foot_sns ul li .line {height:50px; line-height:48px; background:url(../img/common/foot_sns04.png) no-repeat left 25px center; }
footer .foot_util {margin:0 0 30px; }
footer .foot_util ul {display:flex; flex-wrap:wrap; overflow:hidden; }
footer .foot_util ul li a {font-size:13px; padding-right:31px; margin-right:30px; }
footer .foot_util ul li:last-child a {border-right:0; }
footer .foot_txt p {line-height:20px; font-size:13px; }


#footer {padding:50px 0; clear:both; }
#footer .inner {position:relative; width:1200px; margin:0 auto; }
#footer .foot_top {display:flex; justify-content:space-between; }
#footer .foot_sns ul {font-size:0; overflow:hidden; }
#footer .foot_sns ul li {display:inline-block; margin-left:20px; }
#footer .foot_sns ul li:first-child {margin-left:0; }
#footer .foot_txt {margin-top:25px; }
#footer .foot_txt p {line-height:22px; font-size:13px; }


/*==================
	table
==================*/
table {position:relative; width:100%; border-collapse:collapse; }
table tr {border-top:0px solid; }
table thead tr {border-top:0; }
table tr:first-child {border-top:0; }
table tr:first-child th,
table tr:first-child td {border-top:0; }
table tr:last-child th,
table tr:last-child td {border-bottom:0; }
table td:first-child {border-left:0; }
table td:last-child {border-right:0; }
table tr th,
table tr td {height:40px; padding:0 10px; border-radius:0px; }
table tr th {position:relative; font-size:12px; font-weight: 600; }
table tr td {position:relative; font-size:12px; font-weight: 600; background:transparent; word-break:break-word; /*overflow:hidden;*/ }
table tr:nth-child(even) td {background:transparent; }
table tr td a {position:relative; }
table tr td span {display:inline-block; }
table tr td .lv img {vertical-align:top; }
table tr.space {height:2px; }

table tr td input.num {text-align:right; }
table tr td button {float:left; height:30px; line-height:28px; font-size:12px; font-weight:600; border-radius:10px; padding:0 14px; margin-left:3px; }
table tr td button:first-child {margin-left:0; }
table tr td.table_txt {text-align:left; }
table tr td .btn_list {overflow:hidden; }
table tr td .btn_list button {width:54px; padding:0; }
table tr td .refresh_btn {width:18px; height:16px; border:0; margin:7px 0 0 2px; }
table tr td .recall_btn {width:18px; height:16px; border:0; margin:7px 0 0 2px; }
table tr td .desc {display:inline-block; font-size:12px; font-weight:300; line-height:30px; margin-left:10px; }
table tr td .date {display:inline-block; font-size:12px; font-weight:600; }
table tr td .all_result_blue_btn {position:relative; display:inline-block; width:40px; height:25px; line-height:25px; font-size:11px; text-align:center; border-radius:0px; }
table tr td .all_result_red_btn {position:relative; display:inline-block; width:40px; height:25px; line-height:25px; font-size:11px; text-align:center; border-radius:0px; }
table tr td .all_result_green_btn {position:relative; display:inline-block; width:40px; height:25px; line-height:25px; font-size:11px; text-align:center; border-radius:0px; }
table tr td .left_num {position:absolute; top:-6px; left:-6px; width:15px; height:15px; line-height:15px; font-size:12px; border-radius:100%; }
table tr td .right_num {position:absolute; top:-6px; right:-6px; width:15px; height:15px; line-height:15px; font-size:12px; border-radius:100%; }
table tr td.flag span {margin-left:5px; }
table tr td.flag span:first-child {margin-left:0; }
/* table tr th.long_height, */
table tr td.long_height {padding:20px 15px !important; }
table tr td .none {width:100%; }

.table_tit02 {display:flex; line-height:38px; padding:0 10px; margin-left:-10px; overflow:hidden; }
.table_tit02 .tit {font-size:14px; font-weight:600; margin-right:10px; }

.line {display:inline-block; height:12px; border:1px solid #adadad; margin:2px 12px 0; }

.table_none {position:relative; }
.table_none:after {position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.7); }

.table_list.table_date table tr td {height:180px; text-align:left; vertical-align:top; padding:5px 10px; }
.table_list.table_date table tr td ul li {font-weight:700; margin-top:2px; }
.table_list.table_date table tr td ul li:first-child {margin-top:0; }
.table_list.table_date table tr td ul li > span {font-weight:600; }
.table_list.table_date table tr td ul li a {font-weight:700; text-decoration:underline; }
.table_list.table_date table tr td ul li .total {font-size:15px; }
.table_list.table_date .saturday {color:#287ee9; }
.table_list.table_date .sunday {color:#fc5451; }

.table_type01 {border-radius:0px; overflow:hidden; }
.table_type01 table tr {border-top:1px solid; }
.table_type01 table tr:first-child {border-top:0; }
.table_type01 table tr:first-child th,
.table_type01 table tr:first-child td {border-top:0; }
.table_type01 table tr:last-child th,
.table_type01 table tr:last-child td {border-bottom:0; }
.table_type01 table tr th,
.table_type01 table tr td {padding:0 15px; }
.table_type01 table th {width:15%; }
.table_type01 table th:first-child {border-left:0; }
.table_type01 table td {width:auto; }
.table_type01 table td.table_width_type02 {width:85%; }
.table_type01 table td:first-child {border-left:0; }
.table_type01 table td:last-child {border-right:0; }

.table_type02 {border-radius:0px; /*overflow:hidden;*/ }
.table_type02 table {text-align:center; }
.table_type02 table tr:last-child td {border-bottom:0; }
.table_type02 table tr th,
.table_type02 table tr td {padding:0 10px; }
.table_type02 table tr th {border-top:0; }
.table_type02 table tr th:first-child,
.table_type02 table tr td:first-child {border-left:0; }
.table_type02 table tr th:last-child,
.table_type02 table tr td:last-child {border-right:0; }
.table_type02 table tr th:first-child {border-radius: 0; }
.table_type02 table tr th:last-child {border-radius:0; }
.table_type02 table tr td .radio_list {justify-content:center; margin:0; }
.table_type02 table tr td input[type="text"],
.table_type02 table tr td input[type="password"],
.table_type02 table tr td input[type="number"] {float:none !important; }

.table_type03 table tr:first-child th,
.table_type03 table tr:first-child td {border-top:inherit; }
.table_type03 table {width:100%; text-align:center; border-radius:10px; margin-bottom:10px; overflow-x:scroll; }
.table_type03 table tr.none {display:none; }
.table_type03 table tr th,
.table_type03 table tr td {height:40px; padding:0 10px; }
.table_type03 table tr th.large {width:220px; }


/*==================
	popup
==================*/
#container.popup_wrap {width:100%; min-height:100%; padding:0; margin-top:0 !important; }
#container.popup_wrap .content_wrap {width:100%; padding:0; }
#container.popup_wrap .content_wrap .content {min-height:100%; border-radius:0; padding:40px; }
#container.popup_wrap .content_wrap .radio_list {margin:0; }
#container.popup_wrap .content_wrap .table_type01 table {table-layout:fixed; }

.pop_layer {position:fixed; width:380px; height:auto; z-index:1100; }
.pop_layer .pop_container {position:relative; }
.pop_layer .pop_container .pop_top {height:40px; padding:0 21px; overflow:hidden; border-radius:10px 10px 0 0; }
.pop_layer .pop_container .pop_top .tit {line-height:40px; font-size:16px; font-weight:600; }
.pop_layer .pop_container .pop_con {/*height:560px;*/ max-height:560px; overflow-y:auto; }
.pop_layer .pop_container .pop_con > div {padding:20px; }
.pop_layer .pop_container .pop_con .txt {text-align:center; font-size:14px; line-height:30px; font-weight:600; padding:40px;}
.pop_layer .pop_container .pop_con .txt span {font-size:14px; vertical-align:top; }
.pop_layer .pop_container .pop_con .txt .underline {text-decoration:underline; }
.pop_layer .pop_container .pop_con p {padding:0 20px; }
.pop_layer .pop_container .pop_con p:first-child {padding-top:20px; }
.pop_layer .pop_container .pop_con p:last-child {padding-bottom:20px; }
.pop_layer .pop_container .pop_con img {width:100%; }
.pop_layer .pop_container .pop_close {position:absolute; top:16px; right:21px; width:10px; height:10px; }
.pop_layer .check {text-align:right; margin:0 0; padding:5px 10px; }
.pop_layer .btn_wrap {margin-top:0; overflow:hidden; border-radius:0 0 10px 10px;}
.pop_layer .btn_wrap .btn {width:50%; border-radius:0; margin-left:0; }
.pop_layer .btn_wrap button:first-child {float:left; }
.pop_layer .btn_wrap button:last-child {float:right; }

/* .popup_left {top:70%; left:50%; margin-left:-610px; margin-top:-317px; }
.popup_middle {top:70%; left:50%; margin-left:-200px; margin-top:-317px; }
.popup_right {top:70%; left:50%; margin-left:210px; margin-top:-317px; } */

.popup_left {top:200px; left:50%; margin-left:-610px; }
.popup_middle {top:200px; left:50%; margin-left:-200px; }
.popup_right {top:200px; left:50%; margin-left:210px; }

.users_wrap .popup_left {left:20px; margin-left:0; }
.users_wrap .popup_middle {left:auto; right:20px; margin-left:0; } 
.users_wrap .popup_right {left:auto; right:20px; margin-left:0; } 

.ui-widget-header {background:#f0f0ed; }
.ui-dialog {top:50% !important; left:50% !important; transform:translate(-50%, -50%); padding:10px; z-index:10000; }
.ui-dialog .ui-dialog-title {color:#0b0b0b; }
.ui-dialog .ui-dialog-titlebar {padding:10px 12px; }
.ui-dialog .ui-dialog-titlebar-close {right:10px; width:19px; height:19px; border:0; background:url(../img/content/close_btn.png) no-repeat left top; }
.ui-dialog .ui-button .ui-icon {background:none; }
.ui-dialog .ui-dialog-content {padding:5px 0 0 0; overflow:hidden; }
.ui-corner-all {border-radius:0; }
.ui-widget-overlay {background-image:none; opacity:100; background-color:rgba(0,0,0,0.5); }
.no-titlebar .ui-dialog-titlebar {display:none; }
.ui-dialog .table_type01 {border:1px solid #dfdfd5; }
.ui-dialog table tr th {color:#0b0b0b; background:#f0f0ed; border:1px solid #dfdfd5; }
.ui-dialog table tr td {color:#0b0b0b; background:transparent; border:1px solid #dfdfd5; }
.ui-dialog table tr:nth-child(even) td {background:transparent; }
.ui-dialog input[type="text"],
.ui-dialog input[type="password"],
.ui-dialog input[type="number"] {height:30px; font-size:12px; color:#0b0b0b; background:#fff; border:1px solid #dfdfd5; padding:0 10px; }
.ui-dialog .btn_wrap {display:flex; justify-content:center; }
.ui-dialog .plus {background:#107ae0; }
.ui-dialog .plus:hover {color:#fff; background:#1e91e7; }
.ui-dialog .minus {background:#e14a39; }
.ui-dialog .minus:hover {color:#fff; background:#e86251; }


/*==================
	icon
==================*/
.file_ico {display:inline-block; width:12px; height:12px; background:url(../img/ico/file_ico.png) no-repeat left center; }
.file_m_ico {display:inline-block; width:12px; height:12px; background:url(../img/ico/file_m_ico.png) no-repeat left center; background-size:cover; }
.notice_ico {display:inline-block; width:42px; height:16px; background:url(../img/ico/notice_ico.png) no-repeat left center; }
.event_ico {display:inline-block; width:42px; height:16px; background:url(../img/ico/event_ico.png) no-repeat left center; }
.partner_ico {display:inline-block; width:14px; height:14px; background:url(../img/ico/partner_ico.png) no-repeat left center; }
.plus_ico {display:inline-block; width:14px; height:14px; background:url(../img/ico/plus_ico.png) no-repeat left center; cursor:pointer; vertical-align:bottom; }
.pc_ico {display:inline-block; width:21px; height:19px; background:url(../img/ico/pc_ico.png) no-repeat left center; }
.mobile_ico {display:inline-block; width:19px; height:19px; background:url(../img/ico/mobile_ico.png) no-repeat left center; }


/*==================
	etc
==================*/
.pc_none {display:none!important; }
.m_none {display:block!important; }
.pc_none_block {display: none!important; }
.m_none_block {display: block!important; }
.pc_none_inline_block {display: none!important; }
.m_none_inline_block {display: inline-block!important; }
.pc_none_flex {display: none!important; }
.m_none_flex {display: flex!important; }

.message_bg{display:none; position:fixed; left:0; top:0px; width:100%; height:100%; background:#000; opacity:0.7; z-index:1101; }
.alert_bg{display:none; position:fixed; left:0; top:0px; width:100%; height:100%; background:#000; opacity:0.7; z-index:1090; }
.event_bg{display:none; position:fixed; left:0; top:0px; width:100%; height:100%; background:#000; opacity:0.7; z-index:1090; }
.bgDim{display:none; position:fixed; left:0; top:0px; width:100%; height:100%; background:transparent; opacity:0.7; z-index:1090; }


/*==================
	text
==================*/
.txt_l {text-align:left !important; }
.txt_r {text-align:right !important; }


sub {color:#ad1917; vertical-align:-40%; }


/*==================
	button
==================*/
.btn_wrap {display:flex; margin-top:10px; }
.btn_wrap.btn_wrap_top {margin-top:0; margin-bottom:20px; }
.btn {display:inline-block; width:110px; height:40px; line-height:40px; font-size:14px; font-weight:600; text-align:center; vertical-align:top; border-radius:3px; margin-left:10px; }
.btn:first-child {margin-left:0; }
.btn.btn_s {width:74px; height:24px; line-height:24px; font-size:12px; padding:0; margin-left:5px; }
.btn_wrap .btn_right {margin-left:auto; }

.btn_select {position:relative; display:inline-block; }
.btn_select .btn_pop {display:none; position:absolute; top:-12px; right:50px; width:114px; border:1px solid #1e222b; background:#fff; z-index:1; }
.btn_select .btn_pop:after {position:absolute; top:16px; right:-7px; content:""; width:7px; height:10px; background: url(../img/ico/btn_pop_arr.png) no-repeat left center; }
.btn_select .btn_pop .btn_pop_inner {display:flex; justify-content:center; flex-wrap:wrap; padding:7px; }
.btn_select .btn_pop .btn_pop_inner button {margin:3px; }
.btn_select .btn_pop .btn_pop_inner .state_btn {background:none; padding-right:0; }
.btn_select .btn_pop .btn_pop_inner .state_btn.normal_btn {border:1px solid #0e9cc4; } /* 정상 */
.btn_select .btn_pop .btn_pop_inner .state_btn.hold_btn {border:1px solid #ffa800; } /* 보류 */
.btn_select .btn_pop .btn_pop_inner .state_btn.out_btn {border:1px solid #e14a39; } /* 탈퇴 */
.btn_select .btn_pop .btn_pop_inner .state_btn.block_btn {border:1px solid #e14a39; } /* 차단 */
.btn_select .btn_pop .btn_pop_inner .state_btn.request_btn {border:1px solid #009656; } /* 요청 */
.btn_select .btn_pop .btn_pop_inner .state_btn.delete_btn {border:1px solid #e14a39; } /* 삭제 */
.btn_select .btn_pop .btn_pop_inner .state_btn.finish_btn{border:1px solid #17212f; } /* 완료 */

.state_btn {min-width:43px; height:21px; line-height:21px; font-size:12px; font-weight:600; background:url(../img/ico/state_btn_arr.png) no-repeat right center; border-radius:0; border:0; padding:0 16px 0 0; }
.state_btn:hover {background:url(../img/ico/state_btn_arr.png) no-repeat right center; }
.state_btn.hold_btn {color:#ffa800; } /* 보류 */
.state_btn.out_btn {color:#e14a39; } /* 탈퇴 */
.state_btn.block_btn {color:#e14a39; } /* 차단 */
.state_btn.request_btn {color:#009656; } /* 요청 */
.state_btn.finish_btn {color:#17212f; } /* 완료 */

.detail_btn {display:inline-block; width:12px; height:12px; cursor:pointer; }

.remote_btn {width:100px; height:34px; line-height:34px; margin:0 5px; }
.remote_btn:first-child {margin:0 5px; }


/*==================
	input
==================*/
.w20 {width:20% !important; }
.w30 {width:30% !important; }
.w50 {width:50% !important; }
.w80 {width:80% !important; }
.w100 {width:100% !important; }
.input_per {float:none !important; width:60px !important; }


#container input[type="text"],
#container input[type="password"],
#container input[type="number"] {float:left; height:30px; font-size:12px;  padding:0 10px; }

#container input[type="text"].height_s,
#container input[type="password"].height_s,
#container input[type="number"].height_s {height:20px; border-radius:5px; }

.datepicker {float:none !important; width:100px; color:#8b9097; text-align:center; }
.datepicker_area {display:flex; }
.datepicker_area span {line-height:30px; padding:0 2px; }
.ui-datepicker {z-index:9999 !important; }
.ui-datepicker td {height:22px; }

.radio_list {display:flex; margin:0 20px 0 auto; }
.radio_list ul {display:flex; }
.radio_list ul li {margin-left:8px; }
.radio_list ul li:first-child {margin-left:0; }
.radio_list ul li label {font-size:12px; }
.radio_list ul li label input {vertical-align:text-bottom; margin:0 3px 0 0; }
.radio_list .input_per {margin:0px 0 0 10px; }
.radio_list .percent {display:inline-block; height:15px; margin:3px 0 0 3px; }

.check_list {display:flex; margin:0 20px 0 auto; }
.check_list ul {display:flex; }
.check_list ul li {padding-top:8px; margin-left:10px; }
.check_list ul li:first-child {margin-left:0; }
.check_list ul li label {font-size:12px; }

input[type="checkbox"] {display:none; }
input[type="checkbox"] + label {display:inline-block; cursor:pointer; height:16px; padding-left:20px; background:url(../img/common/checkbox_off.png) no-repeat left top; vertical-align:text-bottom; }
input[type="checkbox"]:checked + label {background:url(../img/common/checkbox_on.png) no-repeat left top; }
.check {display:block; }
.check input[type="checkbox"]+label {display:inline; font-size:12px; text-indent:0; }
textarea {height:300px; font-size:12px; border:none; resize:none; }
select {float:left; height:30px; line-height:28px; font-size:12px; text-align:left; /* overflow:hidden; background:#fff url(../img/common/select_arr.png) no-repeat right 10px center; */ display:inline-block; position:relative; border-radius:10px; padding:0 25px 0 10px; -webkit-appearance:none; -moz-appearance:none; }


/*==================
	pd, mg
==================*/
.ml5 {margin-left:5px; }
.ml10 {margin-left:10px; }
.mt5 {margin-top:5px; }
.mt10 {margin-top:10px; }
.mt20 {margin-top:20px; }
.mt30 {margin-top:30px; }
.mt50 {margin-top:50px; }
.mb5 {margin-bottom:5px; }
.mb30 {margin-bottom:30px; }


/*==================
	container board
==================*/
#container {display: block; min-height: calc(100vh - 341px); padding:50px 0; margin:0 auto; }
#container .board {padding:0; width:100%; height: auto; overflow: hidden; float: left; }
#container .board .inner .lnb_board_con ul {min-height:508px; margin-top: 0px; padding:20px 15px; }
#container .board.with-g-recaptcha .inner .lnb_board_con ul {min-height:431px; }
#container .board.with-g-recaptcha .inner .lnb_board_con ul li {margin-top:4px; }
#container .board.lnb_board_login .inner .lnb_board_con ul {min-height:469px; }
#container .board.lnb_board_login .inner .lnb_board_con ul li {margin-top:8px; }
#container .board .inner .lnb_board_con ul > li {margin-top:12px; }
#container .board .inner .lnb_board_con ul > li:first-child {margin-top:0; }
#container .board .inner .lnb_board_con ul > li > span {line-height: 20px; }
#container .board .inner .lnb_board_con ul > li > span.rank {border-radius: 10px; width: 20px; height: 20px; text-align: center; font-weight: bold; display: inline-block; margin-right: 5px; }
#container .board .inner .lnb_board_con ul > li > img.level {width: 33px; height: 35px; }
#container .board .inner .lnb_board_con ul > li > span.name {margin-left: 5px; }
#container .board .inner .lnb_board_con ul > li > span.status {display: inline-block; float: right; font-weight: bold; }
#container .board .inner .lnb_board_con ul > li > span.point {font-weight: bold; display: inline-block; float: right; width: 100px; text-align: right; }
#container .board .inner .lnb_board_con ul > li.none {text-align:center; }

#container .board h3 {margin-top: 10px; }

#container .content_wrap {width:1280px; padding:30px 0 0px; margin:0 auto; }
#container .game_area_bg {border-radius: 0; }
#container .content {/* padding: 20px 0;*/ border-radius: 0}
/* #container .content .betting_board {border-radius: 0; right: 0; } */
#container .content .betting_board .betting_board_inner {border-radius: 0; }
#container .content .betting_board .betting_board_txt ul li:first-child {border-radius: 0;}
#container .content .betting_board .betting_board_txt ul li:last-child {border-radius: 0;}
#container .content .betting_board .betting_board_info ul {border-radius: 0;}
#container .content .betting_board .betting_board_box input {border-radius: 0;}
#container .content .betting_board .betting_board_box .betting_board_box_btn ul li button {border-radius: 0;}
#container .content .betting_board .betting_btn {border-radius: 0;}
#container .betting_area .betting_con > div {border-radius: 0;}
#container .betting_history .betting_history_wrap .betting_history_tit {border-radius: 0;}
#container .betting_history .betting_history_wrap .betting_history_con {border-radius: 0;}

#container .money_wrap .caution_wrap {border-radius: 0;}

#container .all_result .all_result_wrap .all_result_tit {border-radius: 0;}
#container .all_result .all_result_wrap .all_result_con {border-radius: 0;}

#container .message_list > ul > li {border-radius: 0; }

#container .attend_wrap .attend_con {border-radius: 0; }
#container .attend_wrap .attend_top .point_wrap .num {border-radius: 0;}
#container .attend_wrap .attend_top .point_wrap .change_btn {border-radius: 0}
#container .pagenation .inner a,
#container .pagenation .inner a.on {border: none; line-height: 31px; }
#container .pagenation .inner a:hover {text-decoration: underline; }

#container .betting_history .betting_history_wrap .betting_history_con .competing .dividend_team {border-radius: 0 }
#container .cross_list > ul > li {border-radius: 0}
#container .cross_list > ul > li .score_tit {border-radius: 0}
#container .board_list .board_list_top {border-radius: 0}
#container .board_list .board_list_con ul {border-radius: 0}
#container .board_write .editor_area {border-radius: 0}
#container .board_view .txt_area {border-radius: 0}
#container .comment_write {border-radius: 0}

#container .comp_payment .table_type01 {margin-top: 10px; }
#container .comp_payment .table_type01:first-child {margin-top: 20px; }
#container .comp_payment .table_type01:last-child {margin-bottom: 20px; }
#container .comp_payment .table_type01 tr th {text-align: center; }
#container .comp_payment .table_type01 tr td {text-align: right; }
#container .comp_payment .table_type01 tr td:first-child {text-align: center; }

#container input[type="text"],
#container input[type="password"],
#container input[type="number"] {border-radius: 0; }
table tr td button,
.search_wrap .search_area button {border-radius: 0 }


/*==================
	banner
==================*/
.banner_wrap {width:340px; height:125px; margin-top:10px; z-index:10; }
.banner_wrap img {width:100%; height:100%; }


/* The Modal (background) */
.lnb_m {display: none }
.modal {display: none; position: fixed; z-index: 1100; left: 0; top: 0; width: 100%; height: 100%; text-align: center; overflow: auto; z-index:99998; }
.modal .modal-content {margin: 15% auto; padding: 20px; width: 500px; position: relative; overflow: hidden; text-align:center; }
.modal .modal-content p.tit {font-size: 18px; font-weight: bold; line-height: 24px; text-align: center; color: #0a0b0d; margin-top: 50px; }
.modal .modal-content p.sub {font-size: 13px; line-height: 20px; text-align: center; color: #838385; margin-bottom: 20px; margin-top:20px; }
.modal .modal-content p.desc {font-size: 12px; line-height: 20px; text-align: center; color: #838385; margin-bottom: 50px; }
.modal .modal-content p.desc .name {vertical-align:initial; }
.modal .modal-content .link {display:inline-block; height: 30px; line-height: 30px; font-size: 12px; text-align:center; color:#fff; background:#38383a; font-weight:600; text-align:center; vertical-align:top; padding:0 10px; margin-bottom:50px; }
.modal .modal-content div.input_area {display: flex; justify-content: center; margin:40px 0; }
.modal .modal-content div.input_area input {height: 30px; line-height: 30px; }
.modal .modal-content div.input_area .btn {height: 30px; line-height: 30px; font-size: 12px; width: 70px; flex: unset!important; }
.modal .close {position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 100; }
#sign_in_layer .modal-content {width:878px; }

.modal #login {border:0; }
.modal .login_before .tit {display:inline-block; height:20px; font-size:30px; text-align:left; vertical-align:top; margin:22px 0 30px; }
.modal .login_before .login_box {background:none; border-bottom:0; }
.modal .login_before .register_area li {border:0; }
.modal .login_before .input_box #login_email,
.modal .login_before .input_box #login_password {width:235px; height:30px; }
.modal .login_before .btn_login {height:60px; }

.users_wrap .login_wrap {position:relative; width:auto; height:auto; display:block; background:transparent; margin-top: 0px; margin-left: 0px; overflow:hidden; z-index:1; top: unset; left: unset; }
.users_wrap .login_wrap h3 {font-size: 20px; font-weight: bold; line-height: 40px; text-align: center; margin-bottom: 10px }
.users_wrap .login_wrap .login_area {padding: 20px 50px; }
.users_wrap .login_wrap .login_area .login_con {padding-top: 0px; }
.users_wrap .login_wrap .login_area input {padding: 0 20px; }
.users_wrap .login_wrap .submit_btn {border-radius: 0px; margin: 10px 0;}
.users_wrap .login_wrap .login_area .join_txt .join_txt {font-size:14px; line-height:18px; margin-top:48px; }
.users_wrap .login_wrap .login_area .join_txt .join_txt .join_btn {font-size:14px; }
.users_wrap .login_wrap .login_area .join_txt .join_btn {margin-top: 20px; }
.users_wrap .login_wrap .login_area .join_txt .join_btn:hover {text-decoration: underline; }
.users_wrap .login_wrap .login_area .join_txt .join_btn img {height: 20px; margin-right: 10px; margin-bottom: 2px; }
.users_wrap .login_wrap .login_before {padding: 20px 50px; }
.users_wrap .login_wrap .join_wrap {display:flex; justify-content:center; }
.users_wrap .login_wrap .join_wrap ul {flex:1; }
.users_wrap .login_wrap .join_wrap ul:first-child {margin-right:20px; }
.users_wrap .login_wrap .join_area {padding: 20px 50px; }
.users_wrap .login_wrap .join_area button {border-radius: 0; width: 49% }
.users_wrap .login_wrap .overlap_btn {width: 90px!important; }
.users_wrap .login_wrap .step01 .id_input, 
.users_wrap .login_wrap .step01 .name_input {width:262px !important; }
.users_wrap .login_wrap .step04 .next_btn {width:100% }

.modal .modal-content.modal_login {width:700px; }
.modal .modal-content.modal_login .users_wrap .login_wrap .login_before {padding:0 320px 0 22px; }



/*==================
	media query
==================*/
/* PC */
@media screen and (min-width:1280px) {

}


/* TABLET  + Mobile */
@media screen and (max-width:1279px){
    .break_flex {
        flex-basis: 100%;
        height: 10px;
    }

    #wrap {min-width:320px; min-height:100%; /*overflow:hidden;*/ }
    #wrap .game_prev {top: 430px; left: 0;}
    #wrap .game_next {top: 430px; right: 0;}
    /* #wrap img {width:100%; } */

    header {text-align:center; padding:0; z-index:1000; }
    header .nav {display:none; }
    header .mypage_m {display:inline-block; float:right; height:50px; margin-right:10px; }
    header .mypage_m span {display:inline-block; vertical-align:top; }
    header .mypage_m .lv {float:left; width:18px; height:100%; line-height:50px; vertical-align:middle; }
    header .mypage_m .lv img {width:100%; }
    header .mypage_m .name {float:right; line-height:50px; font-size:12px; margin-left:5px; }
    header .mypage_m .login_btn {width:60px; height:30px; line-height:30px; margin-top:10px; }
    header .mypage_m .join_btn {width:60px; height:30px; line-height:30px; margin-top:10px; }
    header .util {display:none; }
    header .gnb_m_open {display:inline-block; background-size:cover; width: 27px; height: 30px; margin-top:15px; }
    header .lnb_m_open {background-size:cover; width: 30px; height: 30px; margin-top:18px; }

	header.type02 .nav {height:50px; padding:0 10px; }
	header.type02 .nav h1 a {line-height:50px; }
	header.type02 .nav h1 a img {height:100%; vertical-align:top; }
	header.type02 .nav h1 a .logo_m {display:inline-block; }
	header.type02 .nav h1 a .logo_pc {display:none; }
	header.type02 .nav .gnb {display:none; }
	header.type02 .nav .info .info_user {display:none; }
	header.type02 .nav .info .info_user_m {display:block; margin-left:auto; }
	header.type02 .nav .info .info_user_m .name {line-height:50px; }
	header.type02 .nav .info .info_user_m .lnb_m_open {margin-top:0; }
	header.type02 .header_login {line-height:50px; }
	header.type02 .header_login button {border-radius:5px; padding:0 6px; }
	header.type02 .header_login .login_btn {line-height:21px; }
	header.type02 .header_login .join_btn {line-height:23px; margin-left:5px; }

    #mobileTwoDepth {display:none; position:fixed; left:0px; top:82px; width:120px; height:auto; border-radius:0 10px 10px 10px; padding:8px 10px 0; z-index:1000; }
    #mobileTwoDepth li {text-align: center; }
    #mobileTwoDepth li a {display:block; margin:0; padding:0; font-size:13px; font-weight:600; letter-spacing:-0.2px; line-height:38px; }
    #mobileTwoDepth {top:160px; border-radius: 0; padding: 0; width: 171px;}
	#mobileTwoDepth.logged_in {top:190px; }
	#mobileTwoDepth.fixed {top:90px; }

    .info_m {display:flex; font-size:0; padding:5px 2.5px; z-index:1000; }
    .info_m dl {flex:1; display:inline-block; line-height:23px; margin-left:0; text-align:center; border-radius:3px; padding:0 5px; margin:0 2.5px; }
    .info_m dl dt {float:left; line-height:25px; font-size:16px; font-weight:600; margin-right:0; }
    .info_m dl dd {float:right; line-height:25px; font-size:15px; font-weight:600;}
    .info_m dl dd .point_change_m {width:17px; height:15px; margin:3px 0 0 0; vertical-align:top; }

    .nav_m {display:block !important; position:fixed; top:0; right:-100%; bottom:0; width:100%; padding:0; z-index:1100; }
    .nav_m .nav_m_top {display:flex; height:40px; padding:0 10px; overflow:hidden; justify-content: space-between }
    .nav_m .nav_m_top .id {overflow:hidden; }
    .nav_m .nav_m_top .id .lv {float:left; width:18px; height:100%; line-height:40px; vertical-align:middle; }
    .nav_m .nav_m_top .id .lv img {width:100%; }
    .nav_m .nav_m_top .id .name {float:right; line-height:40px; font-size:12px; margin-left:5px; }
    .nav_m .nav_m_top .partner_btn {display:inline-block; width:26px; height:18px; margin:12px 0 0 10px; }
    .nav_m .nav_m_top .logout_m_btn {width:17px; height:15px; text-indent:-9999px; margin:12px 10px 0 auto; }
    .nav_m .nav_m_top .nav_m_close {display:inline-block; width:16.5px; height:16.5px; margin-top:11.5px; }
    .nav_m .nav_m_top .nav_m_close {width: 13px; height: 20px; }
    .nav_m .nav_m_top span {line-height: 40px; font-size: 20px; font-weight: bold;}

    .nav_m .nav_m_mid {border-radius:10px; padding: 20px 10px; }
    .nav_m .nav_m_mid .nav_m_info dl {display:flex; justify-content:space-between; line-height:38px; border-radius:10px; padding:0 9.5px; margin-top:2px; }
    .nav_m .nav_m_mid .nav_m_info dl:first-child {margin-top:0; }
    .nav_m .nav_m_mid .nav_m_info dl dt {font-size:12px; }
    .nav_m .nav_m_mid .nav_m_info dl dd {font-size:12px; font-weight:600; }
    .nav_m .nav_m_mid .nav_m_info dl dd .change_btn {width:17px; height:15px; vertical-align:middle; }

    .nav_m .users_wrap .login_wrap .login_area {display:block !important; }
    .nav_m .users_wrap .login_wrap .login_area .login_con {text-align:center; padding:20px; }

    .nav_m .nav_m_mid .info.info_user {display: none; }
    .nav_m .nav_m_mid .info > div {display: flex; justify-content: center; }
    .nav_m .nav_m_mid .info > div img {width: 20px; height: 20px; }
    .nav_m .nav_m_mid .info > div img.status {height: 20px; width: auto; }
    .nav_m .nav_m_mid .info > div span {line-height: 20px; margin: 0 10px; font-size: 16px }
    .nav_m .nav_m_mid .info > ul {display: flex; justify-content: space-between; margin-top: 20px; }
    .nav_m .nav_m_mid .info > ul li {flex-basis: 0; flex-grow: 1; text-align: center; }
    .nav_m .nav_m_mid .info > ul li span {font-size: 16px; line-height: 24px; display: block; }
    .nav_m .nav_m_mid .info > ul li span.num {font-weight: bold; }
    .nav_m .nav_m_mid .info > ul li span.num .nav_exchange {width: 17px; height: 15px; position: relative; top: 4px;}
    .nav_m .nav_m_mid .info > ul li span.num .nav_exchange02 {width: 15px; height: 15px; position: relative; top: 4px;}
    .nav_m .nav_m_mid .info.info_guest {text-align: center; }
    .nav_m .nav_m_mid .info.info_guest a {line-height: 40px; font-size:16px; }
    .nav_m .nav_m_mid .info.info_guest a:hover {text-decoration: underline; }
    .nav_m .nav_m_mid .info.info_guest a:first-child {padding-right: 10px; }
    .nav_m .nav_m_mid .info.info_guest a:last-child {padding-left: 10px; }

    .nav_m .nav_m_mid .logout_btn {height: 18px; line-height: 18px; width: 60px; font-size: 10px; flex: unset; }

    .nav_m .nav_m_mid .nav_m_util {margin-top:15px; }
    .nav_m .nav_m_mid .nav_m_util ul {display:flex; flex-wrap:wrap; }
    .nav_m .nav_m_mid .nav_m_util ul li {width:20%; padding-bottom:10px; }
    .nav_m .nav_m_mid .nav_m_util ul li:nth-child(5),
    .nav_m .nav_m_mid .nav_m_util ul li:nth-child(10) {border-right:0; }
    .nav_m .nav_m_mid .nav_m_util ul li:nth-child(6),
    .nav_m .nav_m_mid .nav_m_util ul li:nth-child(7),
    .nav_m .nav_m_mid .nav_m_util ul li:nth-child(8),
    .nav_m .nav_m_mid .nav_m_util ul li:nth-child(9),
    .nav_m .nav_m_mid .nav_m_util ul li:nth-child(10) {border-bottom:0; padding:10px 0 0; }
    .nav_m .nav_m_mid .nav_m_util ul li a {display:inline-block; width:100%; font-size:12px; line-height:10px; text-align:center; padding-top:28px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_result {background-size:18px 20px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_history {background-size:21px 20px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_charge {background-size:20px 20px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_exchange {background-size:20px 20px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_customer {background-size:22.5px 20px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_mypage {background-size:32.5px 20px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_attendance {background-size:20px 21px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_board {background-size:19px 20px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_message {background-size:20px 20px; }
    .nav_m .nav_m_mid .nav_m_util ul li .nav_m_coupon {background-size:25px 16.5px; }

    .nav_m .nav_m_login .login_wrap {position:relative; width:auto; height:auto; display:flex; background:transparent; margin-top: 0px; margin-left: 0px; overflow:hidden; z-index:1; top: unset; left: unset; }
    .nav_m .nav_m_login .login_wrap .login_area {padding: 20px 50px; }
    .nav_m .nav_m_login .login_wrap .login_area .login_con {padding-top: 0px; }
    .nav_m .nav_m_login .login_wrap .login_area input {padding: 0 20px; }
    .nav_m .nav_m_login .login_wrap .submit_btn {border-radius: 0px; margin: 10px 0;}

    .nav_m .nav_m_bot {padding:0 10px; margin-top: 0px;}
    .nav_m .nav_m_bot .nav_m_list ul {display:flex; flex-wrap:wrap; }
    .nav_m .nav_m_bot .nav_m_list ul li {width:33.3%; padding:5px 0 0 5px; }
    .nav_m .nav_m_bot .nav_m_list ul li:nth-child(1),
    .nav_m .nav_m_bot .nav_m_list ul li:nth-child(2),
    .nav_m .nav_m_bot .nav_m_list ul li:nth-child(3) {padding-top:0; }
    .nav_m .nav_m_bot .nav_m_list ul li:nth-child(3n + 1) {padding-left:0; }
    .nav_m .nav_m_bot .nav_m_list ul li a {display:inline-block; width:100%; line-height:40px; font-size:12px; font-weight:600; text-align:center; border-radius: 0px; height: 100px; padding-top: 60px; }

    .nav_m .gnb_m {height:calc(100% - 90px); }
    .nav_m .gnb_m:after {content:""; display:block; clear:both; }
    .nav_m .gnb_m .gnb_m_menu {position:relative; float:left; width:75px; height:100%; }
    .nav_m .gnb_m .gnb_m_menu ul li a {display:inline-block; width:100%; font-size:12px; border-bottom:2px solid; line-height:40px; padding:0 0 0 10px; -webkit-transition:inherit; transition:inherit; }
    .nav_m .gnb_m .gnb_m_menu li.on a {background-size:6px 9.5px; }
    .nav_m .gnb_m .gnb_m_con {padding:0 5px 40px; width:calc(100% - 75px); height:100%; overflow-y:auto; }
    .nav_m .gnb_m .gnb_m_con > div {padding:20px 10px; }
    .nav_m .gnb_m .gnb_m_con ul {font-size:0; margin-top:20px; }
    .nav_m .gnb_m .gnb_m_con ul:first-child {margin-top:0; }
    .nav_m .gnb_m .gnb_m_con ul li {display:inline-block; width:33.3%; text-align:center; }
    .nav_m .gnb_m .gnb_m_con ul li a {display:inline-block; }
    .nav_m .gnb_m .gnb_m_con ul li a .ico {width:60px; height:60px; border-radius:100%; margin:0 auto; }
    .nav_m .gnb_m .gnb_m_con ul li a .tit {font-size:12px; font-weight:700; text-align:center; }

    .lnb_m {display:block !important; position:fixed; top:0; left:-100%; bottom:0; width:100%; z-index:1100; }
    .lnb_m .top {position:relative; display:flex; justify-content: space-between; height:50px; padding:0 10px 0 10px; }
    .lnb_m .top img {position:absolute; top:0; left:50%; height:50px; transform:translate(-50%, 0); }
    .lnb_m .top .nav_m_close {width:17.5px; height:17.5px; margin-top:15px; }
    .lnb_m .top .gnb_m_open {width:17.5px; height:17.5px; margin:16.5px 10px 0 0; }
    .lnb_m .top .logout_btn {height:25px; line-height:25px; width:60px; font-size:10px; flex:unset; margin-top:12px; }
	.lnb_m .lnb_m_list > ul > li {position:relative; text-align:left; }
    .lnb_m .lnb_m_list > ul > li:first-child {margin-top:0; }
    .lnb_m .lnb_m_list > ul > li .oneDepth {display:flex; line-height:50px; font-size: 14px; overflow:hidden; padding-left: 10px; }

    .lnb_m .lnb_m_list ul.lnb_twoDepth {display: none; }
    .lnb_m .lnb_m_list ul.lnb_twoDepth li {text-align:left; }
    .lnb_m .lnb_m_list ul.lnb_twoDepth li:first-child {border-top:none; }
    .lnb_m .lnb_m_list ul.lnb_twoDepth li a {display:block; font-size:14px; line-height:40px; padding-left:10px; }

    #container {/*margin-top:10px;*/ display:block; width:100%; min-height:calc(100vh - 299px); /*min-height:500px;*/ padding:0 0 0;  overflow:hidden; }
    #container.sub_container {margin-top:0 !important; }
    #container .lnb {display:none; }
    /* #container .content {padding: 0!important;} */
    #container .content_wrap {float:none; width: 100%; padding: 0}
    #container .content {border-radius:10px; padding:0 !important; }
	#container .content .inner {padding:5px; }
    #container .content.content_mini {background:none; padding:0; }
    #container .content.content_flex {display:block; padding:5px !important; }
    #container .content .content_inner {min-height:100%; padding:5px; }
    #container .content > div {border-radius:0; }

    /* tab */
	#container .content_tab {display:none; }
	#container .content_tab ul {justify-content:flex-start; }
	#container .content_tab ul li {width:32.3%; margin:0.5% !important; }
	#container .content_tab_m {display:block; }

    #container .tab_list .tab_tit {display:none; }
    #container .tab_list ul li {height:auto; }
    #container .tab_list ul li a {height:100%; line-height:15px; font-size:12px; word-break:keep-all; padding:10px 8px; }
    #container .tab_list ul li.on a:after {display:none; }

    /* slide_menu */
    #container .slide_menu {position:relative; top:inherit !important; height:55px; border-left:0; border-right:0; padding:0 50px; margin-bottom:5px; }
    #container .slide_menu .swiper-container {height:55px; }
    #container .slide_menu .swiper-slide {width:auto; min-width:50px; height:55px; font-size:12px; background-position:center top 10px ; background-size:16px; margin-left:5px; }
    #container .slide_menu .swiper-slide a {font-size:12px; border-radius:5px; padding-top:32px; }
    #container .slide_menu .slide_menu_prev {position:absolute; top:0; left:0; width:45px; height:55px; border-radius:5px; }
    #container .slide_menu .slide_menu_next {position:absolute; top:0; right:0; width:45px; height:55px; border-radius:5px; }

    #container .slide_list {margin-top:0; }

    #container .game_slide .swiper-slide {width:60px; font-size:12px; border-radius:10px; padding:6px 0; margin-left:10px; }
    #container .game_slide .swiper-slide img {max-width:25px; height:25px; }
    #container .game_slide .swiper-slide .game_name {margin-top:2px; }

    #container .content_wrap .game_next {top: 130px;}
    #container .content_wrap .game_prev {top: 130px;}

    #container .board {display: block; width: 100%; padding:0; float: none; margin-top:10px; }
    #container .content .betting_board .betting_board_txt {border-radius: 0 }
    #container .content .rst_link {padding: 0 10px; }
    #container .content .rst_link ul li a {border-radius: 0 }
    #container .content .rst_link ul li:last-child a {border-radius: 0; background-color: #e84d3d }

    #container .board_list .board_list_top {height: 26px;}

    #container .comp_payment {padding: 0 10px; }

	footer {padding:20px 0; }
	footer .inner {width:100%; padding:0 10px; }
	footer .foot_logo {display:none; }
	footer .foot_sns ul {text-align:center; }
	footer .foot_util {margin:20px 0; }
	footer .foot_util ul {justify-content:center; }
	footer .foot_util ul li {width:33.33%; text-align:center; }
	footer .foot_util ul li a {line-height:20px; border-right:0 !important; padding:0 20px; margin:0; }
	footer .foot_txt p {text-align:center; }
	
	#footer {padding:15px 10px; }
	#footer .inner {width:100%; }
	#footer .foot_sns ul li {margin-left:10px; }
	#footer .foot_txt {margin-top:15px; }
	#footer .foot_txt p {line-height:20px; font-size:12px; }

    #container.popup_wrap .content_wrap .table_type02 table {table-layout:inherit; }
    .pop_layer {width:290px; padding:5px 5px 0 5px; }
    .pop_layer .pop_container {position:relative; }
    .pop_layer .pop_container .pop_top {height:30px; padding:0 10px; }
    .pop_layer .pop_container .pop_top .tit {line-height:30px; font-size:15px; }
    .pop_layer .pop_container .pop_con {min-height:285px; max-height:413px; overflow-y:auto; }
    .pop_layer .pop_container .pop_con .txt {text-align:center; font-size:13px; line-height:34px; padding:15px 5px; }
    .pop_layer .pop_container .pop_con .txt span {font-size:13px; vertical-align:top; }
    .pop_layer .pop_container .pop_con img {width:100%; }
    .pop_layer .pop_container .pop_close {position:absolute; top:5px; right:10px; width:16px; height:16px; }
    .pop_layer .check {text-align:right; }
    .pop_layer .check input[type="checkbox"] {display:none; }
    .pop_layer .check input[type="checkbox"]+label {font-size:15px; }
    .pop_layer .check input[type="checkbox"] + label {background:url(../img/popup/pop_checkbox_m_off.png) no-repeat; background-size:20px; line-height:20px; min-height:20px; padding-left:25px; }
    .pop_layer .check input[type="checkbox"]:checked + label {background:url(../img/popup/pop_checkbox_m_on.png) no-repeat; background-size:20px; }
    .pop_layer .btn_wrap .btn {height:30px; line-height:30px; }

	#layer1,
	#layer2, 
	#layer3,
	#layerl1,
	#layerl2, 
	#layerl3 {top:50% !important; left:50% !important; margin-left:-145px !important; margin-top:-223px !important; }

	.popup_left,
	.popup_middle,
	.popup_right {top:50% !important; left:50% !important; margin-left:-145px !important; margin-top:-223px !important; }

    table tr,
    table tr th,
    table tr td {height:40px; }
    table tr th {padding:2px 5px; font-size:12px; }
    table tr td {padding:2px 5px; font-size:12px; }
    table tr td input[type="text"],
    table tr td input[type="password"],
    table tr td input[type="number"] {width:95px; height:30px; font-size:12px; padding:0 5px; }
    table tr td button {float:left; height:30px; font-size:12px; font-weight:bold; padding:0 9px; margin-left:3px; }
    table tr td .refresh_btn {width:17px; height:16px; min-width:auto; margin:5px 4px 0 5px; }
    table tr td .refresh_btn:hover {background:url(../img/common/change_m_btn.png) no-repeat left top; background-size:cover;}
	table tr td .recall_btn {width:17px; height:16px; min-width:auto; margin:5px 4px 0 5px; }
	table tr td .recall_btn:hover {background:url(../img/common/recall_btn.png) no-repeat left top; background-size:cover;}
    table tr td .btn_list {width:100%; margin:33px 0 2px; }
    table tr td .btn_list button {width:32%; margin-top:3px; }
    table tr td .btn_list button:nth-child(1),
    table tr td .btn_list button:nth-child(2),
    table tr td .btn_list button:nth-child(3) {margin-top:0; }
    table tr td .btn_list button:nth-child(4) {margin-left:0; }
    table tr td .desc {display:block; font-size:11px; line-height:16px; margin-left:0; clear:both; }
    table tr td .date {font-size:12px; background:none; padding-left:0; }

    .table_type01 table tr th {width:25%; padding:2px 5px; }
    .table_type01 table tr td {padding:2px 5px; }

    .table_type02 table tr th,
    .table_type02 table tr td {padding:2px 5px; }

    .datepicker_area {margin:0 0 5px 0; }

    .btn_wrap {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:5px; }
	.btn_wrap.btn_wrap_top {margin-bottom:10px; }
    .btn_wrap .btn_point {margin-left:5px; }
    .btn {flex:1; font-size:13px; margin-left:5px; }
    .btn:first-child {margin-left:0; }
    /*.btn.btn_full {flex:none; width:100%; margin-left:0; }*/
    .btn.btn_three {width:32.6%; }
    .btn.btn_s {/*width:50px;*/ height:20px; line-height:20px; font-size:12px; }
	
	.remote_btn {flex:none; width:50px; height:30px; line-height:30px; margin:0 2.5px; }
	.remote_btn:first-child {margin:0 2.5px; }

    .pc_none {display:block!important; }
    .m_none {display:none!important; }
    .pc_none_block {display: block!important; }
    .m_none_block {display: none!important; }
    .pc_none_inline_block {display: inline-block!important; }
    .m_none_inline_block {display: none!important; }
    .pc_none_flex {display: flex!important; }
    .m_none_flex {display: none!important; }

	.banner_wrap {display:none; }

	.users_wrap .login_wrap .login_before,
	.modal .modal-content.modal_login .users_wrap .login_wrap .login_before  {padding:20px 0 0; }
    .modal .modal-content,
	#sign_in_layer .modal-content,
	.modal .modal-content.modal_login {width: calc(100% - 20px); margin: 35% auto; }
	.modal .login_before .tit {margin:0; }
	.modal .login_before .login_box {width:305px; padding:15px 0; margin:0 auto; }
	.modal .login_before .input_box #login_email, 
	.modal .login_before .input_box #login_password {width:230px; }

    .game_pip {top: unset; left: unset; }
    .game_pip.game_pip_pwl {width: 174px; height: 135px;}

    .users_wrap .login_wrap .login_area .join_txt {margin-top: 0px; }
    .users_wrap .login_wrap .step01 .txt {padding-bottom: 30px; }
    .users_wrap .login_wrap .login_area {padding: 0px }
	.users_wrap .login_wrap .join_wrap {display:block; }
	.users_wrap .login_wrap .join_wrap ul:first-child {margin-right:0; }
    .users_wrap .login_wrap .join_area {padding: 20px 0 0 0 }
    .users_wrap .login_wrap .step01 .id_input, 
	.users_wrap .login_wrap .step01 .name_input {width: calc(100% - 95px)!important; }
	.users_wrap .login_wrap .step01 .tel_input {width: calc(100% - 93px)!important; }

	.ui-dialog {width:100% !important; }

    .quick_partner,
	.quick_livechat_close .quick_livechat_open_btn,
	.quick_customer_close .quick_customer_open_btn {width:40px; height:40px; }

    .quick_partner {bottom:123px; right:20px; }
	.quick_livechat_close {bottom:70px; right:20px; }
	.quick_customer_close {bottom:20px; right:20px; }
	.quick_livechat_open,
	.quick_customer_open {bottom:20px; right:20px; }
	.quick_link a {display:inline-block; width:75px; height:95px; }
	.quick_link a img {width:100%; }
	.mw20 {width:20% !important; }
	.mw30 {width:30% !important; }
	.mw50 {width:50% !important; }
	.mw60 {width:60% !important; }
	.mw70 {width:70% !important; }
	.mw80 {width:80% !important; }
	.mw85 {width:85% !important; }
	.mw100 {width:100% !important; }
}

@media screen and (max-width:767px) {
    header .nav .gnb {display: block; width: 100%; height: 59px; }
    header .nav .gnb > ul {display: block; width: 100%; height: 59px; overflow: hidden; overflow-x: auto; white-space: nowrap;}
    header .nav .gnb > ul > li {width: 22.4%; margin-left: 0px; flex-grow: 1; flex-basis: 0; float: unset; display: inline-block;  }
    #wrap .game_prev {top: 300px; left: 0;}
    #wrap .game_next {top: 300px; right: 0;}
    #wrap .game_prev.fixed, 
	#wrap .game_next.fixed {display:none; }
}