@charset "utf-8";

/* reset */

html {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}


.rcon {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.rcon::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}


.hide{
    display: none;
}

body {margin:0;padding:0;font-size:0.75em; font-family:'Spoqa Han Sans Neo', sans-serif; }
body {word-break:break-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:'Spoqa Han Sans Neo', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
table {border-collapse:collapse;}


dl, dt, dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0; padding:0; font-family:'Spoqa Han Sans Neo', sans-serif; font-size:1em}
input[type="submit"]{cursor:pointer}
button, label {cursor:pointer}

textarea, select {font-family:'Spoqa Han Sans Neo', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {border:0; outline:none;}

/*
input[type=checkbox], input[type=radio] {border:0; cursor:pointer; display:inline-block; padding:0; -webkit-appearance:none;}

input[type=checkbox] {width:24px; height:24px; background:url('../images/gbp/bg_chk_off.png') 0px 0px no-repeat; margin-right:6px;}
input[type=checkbox]:checked {width:24px; height:24px; background:url('../images/gbp/bg_chk_on.png') 0px 0px no-repeat;}
input[type=checkbox]+label {cursor:pointer; margin:0 20px 0 0; vertical-align:middle;}
*/

input[type=radio] {width:20px; height:20px; background:#fff url('../images/gbp/icon_radio_off.png') -2px -2px no-repeat; border-radius:20px; margin:0 5px 0 0; position:relative; vertical-align:middle;}
input[type=radio]:checked {background:#fff url('../images/gbp/icon_radio_on.png') -2px -2px no-repeat; border:0; cursor:pointer; -webkit-appearance:none;}
input[type=radio]+label {cursor:pointer; margin:0 20px 0 0; vertical-align:middle;}


.disabled{
    background-color: #929292 !important;
    border-color: #929292 !important;
}

.placeholdersjs { color:#aaa !important;}

input::placeholder {color:#C1C1C1;}

#wrapper {width:100%;  max-width:1615px; height:auto;overflow:hidden;}

#menu {overflow:auto;width:300px; height:100%; position:fixed; background-color:#000836; top:0; z-index:998; display:block; left:0; }
#menu .menu-header {height:60.5px; border-bottom:#21274E 1px solid; position:relative;}
#menu .menu-header .btn-set {width:20px; height:20px; display:inline-block; position:absolute; right:16px; top:20px;}
#menu .menu-header .title {background:url('../images/gbp/symbol.png') 0 0 no-repeat; line-height:25px; margin:20px 0 0 24px; padding-left:32px;}

/* 메뉴 헤더 */

#comhead {width:100%;position:fixed; z-index:99; background-color:rgba(255,255,255,1); padding-right:260px; border-bottom: 1px solid #ebebf2;}
.sol_head {float:left; font-family: Spoqa Han Sans Neo;  font-size: 15px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.8;  letter-spacing: -0.38px;  text-align: left;  color: #5a5a5a; margin-top:21px; margin-bottom:14px; padding-left:20px; } .com_list {float:right; width:100px; }
.com_tab {float:right; margin-right:20px;}
.com_tab2 {float:right; margin-right:60px;}

.tabt {float:right; width:86px; height:34px; border-radius: 17px;  background-color: #f1f1f1; margin-left:10px; padding-top:7px; margin-top:14px; cursor:pointer;}
.tabt {font-family: Spoqa Han Sans Neo;  font-size: 11px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.44;  letter-spacing: -0.28px;  text-align: center;  color: #a1a1bb;}
.tabt img {margin-top:-3px;}
.tabt:hover {background-color: #eaedff; color: #536dfe;}
.tabton {background-color: #eaedff; color: #536dfe;}
.ic_list {margin-top:18px;}
.tabt img {margin-right:5px;}
/* 메뉴 헤더 끝 */


.gbplogol {width:100px; height:auto; margin-top:15px; margin-left:24px; }

#menu .acc-menu {}
#menu .acc-menu dt {border-bottom:#21274E 1px solid; color:#fff; cursor:pointer; display:block; font-size:15px; font-weight:500; padding:18px 10px 18px 24px; position:relative;}
#menu .acc-menu dt:hover {background-color:#21274E;}
#menu .acc-menu dt span {width:24px; height:24px; background:url('../images/gbp/ico_next.png') 0 0 no-repeat; background-size:22px auto; display:inline-block; position:absolute; right:10px; top:18px;}
#menu .acc-menu dt.on {border-bottom:none; }
#menu .acc-menu dt.on span {background-position:0 -24px; }
#menu .acc-menu dd {border-bottom:#21274E 1px solid; display:none; overflow:hidden; padding:0 0 9px; position:relative; background-color:#21274E;}
#menu .acc-menu dd:last-child {margin-bottom:9px;}
#menu .acc-menu dd span {color:#E6E6E6; display:block; font-size:13px; font-weight:300; padding:11px 0 12px 58px; overflow:hidden;}
#menu .acc-menu dd span:hover {background-color:#3d5afe;}
#menu .acc-menu dd span.on {background-color:#3d5afe;}

.comm-btn-back {bottom:55px; left:24px; position:fixed;}
.comm-btn-back a {color:#fff; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:12px; font-weight:700; line-height:40px;}
.comm-btn-back a i {width:40px; height:40px; background:#fff url('../images/gbp/ico_arr_left.png') 13px 12px no-repeat; border-radius:40px; display:inline-block; margin-right:10px; vertical-align:top;}

.noscroll {overflow: hidden;}
.modalScroll{position: absolute !important;overflow: auto !important;}

.rcon {width: calc(100% - 300px);margin-left:300px;z-index:89;padding-top:110px;min-height:800px; }


.container {min-height:936px; background-color:#fff; margin:0 0 0 300px; }

.wrap-state {width:100%; min-width:1136px; height:61px;  background-color:#fff; box-shadow:0px 2px 6px 0px rgb(0, 0, 0, .04); position:fixed; z-index:200; left:300px;}
.wrap-state .box-sch {width:100%; max-width:644px; display:inline-block; float:left; position:relative;}
.wrap-state .box-sch:after {width:1px; height:28px; background-color:#EBEBF2; content:''; position:absolute; right:-1px; top:17px;}
.wrap-state .box-sch input {width:100%; max-width:616px; height:40px; background:#FCFCFC url('../images/gbp/ico_search.png') 14px 12px no-repeat; border-radius:8px; color:#4D4F5C; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:13px; font-weight:400; margin:11px 0 0 16px; text-indent:40px;}
.wrap-state .box-sch input::placeholder {color:#4D4F5C; font-family:'Lexend Deca'; font-size:13px; font-weight:400;}

.wrap-state .box-info {display:inline-block; position:absolute; right:324px; top:12px; }
.wrap-state .box-info .wrap-util { border-right:#EBEBF2 1px solid; display:inline-block; height:28px; margin:3px 18px 0 0; padding-right:0px;}
.wrap-state .box-info .wrap-util a {display:inline-block; margin:0 9px; padding:6px; margin-right:30px;}
.wrap-state .box-info .wrap-util a:first-child {display:inline-block; margin:0 9px; padding:6px; margin-right:10px;}
.wrap-state .box-info .wrap-util a i {width:12px; height:12px; background-color:#FFAB07; border:#fff 2px solid; border-radius:12px; display:inline-block; position:absolute; top:5px; z-index:999; margin-left:8px;}



.wrap-state .box-info .comp {width:20px; height:20px; background:url('../images/gbp/level/ic_samc.png') 0 -2px no-repeat; color:#fff; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:11px; font-weight:500; line-height:20px; left:0; position:absolute; text-align:center; top:9px;}
.wrap-state .box-info .alram {width:20px; height:20px; background:url('../images/gbp/ico_alram.png') 0 0 no-repeat; color:#fff; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:11px; font-weight:500; line-height:20px; left:0; position:absolute; text-align:center; top:9px;}
.wrap-state .box-info .img-user {position:absolute; right:0; top:0;}
.wrap-state .box-info .user-info {border-bottom:#E6E6E6 1px solid; color:#6A6A6A; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:11px; font-weight:400; line-height:20px; margin:10px 10px 5px; padding-bottom:6px; position:relative;}
.wrap-state .box-info .user-info .alram2 {width:20px; height:20px; background:url('../images/gbp/ico_alram.png') 0 0 no-repeat; color:#fff; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:11px; font-weight:500; line-height:20px; right:0; position:absolute; text-align:center; top:0;}
.dropdown {width:238px; height:38px; display:inline-block; position:relative; vertical-align:top;}
.dropbtn {width:190px; height:38px; background-color:#fff; border:none; color:#4D4F5C; cursor:pointer; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:12px; font-weight:400; padding-left:30px; text-align:left;}
.dropdown .ico_arr {width:11px; height:7px; background:url('../images/gbp/ico_down.png') 0 0 no-repeat; position:absolute; right:49px; top:15px; }
.dropdown.on .ico_arr{background-position:0 -7px;}
.dropdown.on .dropdown-content{display: block !important;}
.dropdown .dropdown-content{display: none !important;}
/*.dropbtn:active .ico_arr {background-position:0 0;}*/
/*.dropbtn:focus .ico_arr {background-position:0 -7px;}*/
.dropdown-content {z-index:999;min-width:170px; background-color:#fff; box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2); display:none; overflow:auto; padding-bottom:5px; position:absolute;}
.dropdown-content span {color:#5A5A5A; display:block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:13px; font-weight:700; line-height:20px; padding:5px 10px;}
.dropdown-content span:hover {background-color:#FCFCFC;}
.show {display:block;}
.build-wrap{margin-left:20px;margin-bottom:30px;font-size: 13px;color: #5A5A5A;}
.content-top {background-color:#FCFCFC; color:#5A5A5A; font-size:15px; font-weight:500; padding:20px 0 10px 20px; position:relative;}
.content-top .btn-close {display:inline-block; line-height:0; padding:4px; position:absolute; right:20px; top:16px;}

.content-top2 {    background-color: #fff;
    border-bottom: #F2F2FB 1px solid;
    color: #5A5A5A;
    font-size: 15px;
    font-weight: 500;
    padding: 19px 0 17px 16px;
    position: relative;
}
.content-top2 .mygame-state {display:inline-block; position:absolute; right:24px; top:14px;}
.content-top2 .mygame-state li {display:inline-block; float:left;}
.content-top2 .mygame-state .col1 {color:#7A7A7A; font-size:10px; font-weight:500; line-height:34px; margin-right:8px;}
.content-top2 .mygame-state .col1 i {line-height:0; margin-right:4px; vertical-align:0;}
.content-top2 .mygame-state .col2 a {background-color:#536DFE; border-radius:17px; color:#FCFCFC; display:inline-block; font-size:13px; font-weight:400; padding:8px 20px 9px;}

.mygame-state2 {height:60px; background-color:#FCFCFC; box-shadow:0px 0px 4px 0px rgb(0, 0, 0, .1); position:relative;}
.mygame-state2 .btn-close {float:right; margin-top:20px; margin-right:20px; margin-left:20px;}
.mygame-state2 .col1 {float:left; max-width:644px; color:#333; display:inline-block; float:left; font-size:20px; font-weight:500; padding:16px 0 17px; position:relative; text-indent:27px;}
.mygame-state2 .col1:after {width:1px; height:28px; background-color:#EBEBF2; content:''; position:absolute; right:-1px; top:17px;}
.mygame-state2 .col2 {float:right; padding:10px 0 10px 12px; position:relative;}
.mygame-state2 .col2 .select-game {width:413px; background:#fff url('../images/gbp/ico_arr_down.png') right 8px top 8px no-repeat;  border:#DFDFDF 1px solid; border-radius:4px; color:#5A5A5A; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:14px; font-weight:500; letter-spacing:-1px; padding:10px 92px 10px 10px; word-break:break-all;}
.mygame-state2 .col2 .wrap-select {width:413px; height:355px; background-color:#fff; border:#DFDFDF 1px solid; border-radius:4px; left:12px; overflow-y:auto; padding:9px; position:absolute; top:52px; z-index:100;}
.mygame-state2 .col2 .wrap-select .game-list {height:52px; border-bottom:#DFDFDF 1px solid; margin-bottom:10px; padding-left:52px; position:relative;}
.mygame-state2 .col2 .wrap-select .game-list .ico-game {width:42px; height:42px; display:inline-block; line-height:0; left:0; position:absolute; top:0;}
.mygame-state2 .col2 .wrap-select .game-list .txt1 {color:#5A5A5A; display:block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:14px; font-weight:500; margin-bottom:3px;}
.mygame-state2 .col2 .wrap-select .game-list .txt2 {display:block; font-size:12px; font-weight:500;}
.mygame-state2 .col2 .wrap-select .game-list .state1 {color:#FFA801;}
.mygame-state2 .col2 .wrap-select .game-list .state2 {color:#7A7A7A;}
.mygame-state2 .col2 .wrap-select .game-list .state3 {color:#536DFE;}
.mygame-state2 .col2 .wrap-select .game-list .state4 {background-color:#536DFE; border-radius:10px; color:#fff; display:inline-block; margin-top:-2px; padding:3px 9px;}
.mygame-state2 .col2 .wrap-select .game-list .state5 {color:#7A7A7A;}


.mygame-state2 .col2 .game-state {color:#536DFE; display:inline-block; font-size:14px; font-weight:500; margin-left:44px; position:relative;}
.mygame-state2 .col2 .game-state:before {width:12px; height:1px; background-color:#929292; content:''; left:-36px; position:absolute; top:9px;}

.mygame-info {min-height:134px; border-bottom:#DFDFDF 1px solid; margin:30px; padding:0 0 20px 134px; position:relative;}
.mygame-info .ico-game {width:114px; border-radius:20px; box-shadow:0px 3px 6px 0px rgb(0, 0, 0, .16); display:inline-block; left:0; position:absolute; top:0;}
.mygame-info .wrap-game-state {width:200px; display:inline-block; position:absolute; right:0; text-align:right; top:0;}
.mygame-info .wrap-game-state .game-state {background:#FCFCFC url('../images/gbp/ico_set.png') 33px 13px no-repeat; border:#DFDFDF 1px solid; border-radius:20px 20px 0 20px; color:#536DFE; display:inline-block; font-size:12px; font-weight:500; letter-spacing:-1px; padding:11px 19px 11px 54px;}
.mygame-info .wrap-game-state .btn-modify {width:104px; background-color:#FCFCFC; border-radius:15px; color:#536DFE; display:inline-block; font-size:13px; font-weight:500; margin-top:46px; padding:5px 0; text-align:center;}
.mygame-info .wrap-game-state .btn-modify i {width:14px; height:14px; background:url('../images/gbp/ico_info.png') 0 0 no-repeat; display:inline-block; margin-right:5px; vertical-align:-2px;}
.mygame-info .wrap-game-state .btn-modify:hover {background-color:#536DFE; color:#fff;}
.mygame-info .wrap-game-state .btn-modify:hover i {background-position:0 -14px;}


.mygame-info .wrap-game-state .btn-reup {float:left; width:104px; height:29px; border:1px solid #536DFE; color:#536DFE; border-radius:15px; display:inline-block; padding-top:5px;}
.mygame-info .wrap-game-state .btn-reup {font-size:13px; font-weight:500; text-align:center;}
.mygame-info .wrap-game-state .btn-recc {float:right; width:104px; height:29px; border:1px solid #7A7A7A; color:#7A7A7A; border-radius:15px; display:inline-block; padding-top:5px; }
.mygame-info .wrap-game-state .btn-recc {font-size:13px; font-weight:500; text-align:center;}


.mygame-info .game-info {overflow:hidden;}
.mygame-info .game-info li {display:block;}
.mygame-info .game-info .row1 {max-width:900px;color:#333; font-size:22px; font-weight:700; margin:9px 0 19px; word-break:break-all;}
.mygame-info .game-info .row2 {color:#5A5A5A; font-size:15px; font-weight:500; margin:0 0 7px;}
.mygame-info .game-info .row3 {color:#5A5A5A; font-size:15px; font-weight:500;}

.iibbox {width:218px; margin-top:20px; margin-left:-20px;}
.iibtn {width:28px; height:28px; background:url('../images/gbp/ic_ques.svg') 0 0 no-repeat; background-size:cover; display:inline-block; margin-right:3px; vertical-align:middle;}


.game-img-slide {background-color:#F1F1F6; margin:20px 30px; padding:20px 20px 12px; position:relative;}
.game-img-slide .swiper-container {padding-bottom:16px;}
.game-img-slide .swiper-container .swiper-slide img {width:100%;height: 100%;}
.game-img-slide .swiper-scrollbar {width:100%; height:6px; background-color:#fff; bottom:0px; left:0;}
.game-img-slide .swiper-scrollbar-drag {background-color:#8C9EFF;}

.wrap-game-explan {color:#5A5A5A; font-size:13px; font-weight:400; line-height:18px; margin:0 30px; padding-bottom:30px; word-break:break-all;}




.box-comment {border-top:#E3E3E9 1px solid; margin-bottom:20px; padding-left:133px; position:relative;}
.box-comment .date {width:106px; color:#5A5A5A; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:11px; font-weight:400; left:17px; position:absolute; text-align:center; top:19px;}
.box-comment li {display:block; position:relative; text-align:left;}
.box-comment .row1 {color:#5A5A5A; font-size:13px; font-weight:500; padding:17px 0 18px;}
.box-comment .btn-like {background:url('../images/gbp/ico_like.png') 0 0 no-repeat; color:#4D4F5C; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:12px; font-weight:400; line-height:24px; padding-left:24px; position:absolute; right:11px; top:13px;}

.box-comment .row2 {padding-right:28px; text-align:left;}
.box-comment .box-reply {border:#E6E6E6 1px solid; border-radius:8px; padding:15px 314px 17px 160px; position:relative;}
.box-comment .box-reply:hover {border:#929292 1px solid;}
.box-comment .box-reply .cate {width:130px; color:#7A7A7A; display:inline-block; font-size:12px; font-weight:400; left:20px; position:absolute; top:15px;}
.box-comment .box-reply .reply-state {width:280px; position:absolute; right:24px; top:12px;}
.box-comment .box-reply .reply-state li {color:#4D4F5C; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; float:left; font-size:12px; font-weight:400; line-height:24px;}
.box-comment .box-reply .reply-state .col1 {width:190px; color:#7A7A7A; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:11px; font-weight:500;}
.box-comment .box-reply .reply-state .col1 p {color:#8C9EFF; display:inline-block; margin-right:4px;}
.box-comment .box-reply .reply-state .col2 {width:59px; background:url('../images/gbp/ico_view.png') 0 0 no-repeat; padding-left:24px;}
.box-comment .box-reply .reply-state .col3 {width:58px; background:url('../images/gbp/ico_like.png') 0 0 no-repeat; padding-left:24px;}
.box-comment .box-reply .reply-state .col4 {width:43px; background:url('../images/gbp/ico_talk.png') 0 0 no-repeat; padding-left:24px;}

.comm-page {text-align:center;}
.comm-page ul {display:inline-block; margin:0 auto;}
.comm-page li {display:inline-block; float:left; }
.comm-page li a {border-bottom:#fff 2px solid; color:#BBB; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:12px; font-weight:400; line-height:24px; margin:0 12px; padding-bottom:5px;}
.comm-page li a:hover {border-bottom:#536DFE 2px solid; color:#536DFE; font-weight:700;}
.comm-page li a.on {border-bottom:#536DFE 2px solid; color:#536DFE; font-weight:700;}
.comm-page li a.btn-more {border-bottom:none;}

.wrap-offer {bottom:43px; display:inline-block; position:fixed; right:46px; text-align:right; z-index:100;}
.wrap-offer .btn-game {width:140px; background-color:#FCFCFC; border:#3D5AFE 1px solid; border-radius:29px; color:#3D5AFE; display:inline-block; float:left; font-size:16px; font-weight:500; letter-spacing:-1px; line-height:56px; margin-right:14px; text-align:center;}
.wrap-offer .btn-game:hover {background-color:#3D5AFE; color:#fff;}
.wrap-offer .btn-game2 {width:58px; background-color:#3D5AFE; border-radius:29px; color:#fff; display:inline-block; float:left; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:24px; font-weight:500; line-height:58px; text-align:center;}

#tabline{width: 100%}
.cic_req:hover {
    color: #fff;
    background-color: #3d5afe;
    border: 1px solid #3d5afe;
    transition: all 0.3s ease-in-out;
}
.cic_req{ display:block;z-index: 999;position: fixed!important; }
.mobile .cic_req{left: 20px;bottom: 20px}
.mobile .tab-type1 li .hms{width: 110px !important;font-size: 14px!important;}
.mobile .tab-type1 li .hk{width: 160px !important;font-size: 18px!important;}
.swiper-img{width:100%;height:100%;object-fit:cover;}

.rcon .box-intro > div > p > img {max-width: 100% !important;}
.rcon .box-intro > div > img {max-width: 100% !important;}
/*.slide_bnr { height:328px;}*/
.slide_bnr {margin-top:2px; position:relative;}
.slide_bnr .title {background-color:#F2F2FB; color:#333; font-family:Lexend Deca,Noto Sans KR, Apple SD Gothic Neo,Sans-serif; font-size:28px; font-weight:700; letter-spacing:-1px; line-height:60px; text-align:center;}
.slide_bnr .slide_cont a img {width:100%;}
.slide_bnr .bnr_util {width:100%; bottom:50px; left:50px; position:absolute;}
.slide_bnr .swiper-pagination-bullet {width:12px; height:12px; background-color:#8C9EFF; float:left; margin-right:20px !important; opacity:0.3;}
.slide_bnr .swiper-pagination-bullet-active {opacity:1;}

.tab-type1 {margin:10px auto; text-align:center;}
.tab-type1 ul {display:inline-block; overflow:hidden;}
.tab-type1 li {display:inline-block; float:left; margin:0 1px;}
.tab-type1 li button {width:200px; background-color:#F2F2FB; border:#DFDFDF 1px solid; color:#21274E; display:inline-block; font-size:18px; font-weight:500; line-height:44px;}
.tab-type1 li button:hover {background-color:#21274E; border:#21274E 1px solid; color:#fff;}
.tab-type1 li button.on {background-color:#21274E; border:#21274E 1px solid; color:#fff;}
.mobile .tab-type1 ul{padding-left: 0;}

.service-game {height:340px;}
.service-game {background-color:#F2F2FB; padding:29px 40px 34px; position:relative;}
.service-game .title {color:#333; font-size:15px; font-weight:500; letter-spacing:-1px; margin-bottom:14px; position:relative;}
.service-game .title button {color:#21274E; display:inline-block; font-size:13px; font-weight:400; position:absolute; right:0; text-decoration:underline; top:0;}
.service-game .swiper-container {padding-bottom:10px;}
.service-game .slide-cont {width:328px; background-color:#fff; box-shadow:0px 3px 6px 0px rgb(0, 0, 0, .16);}
.service-game .slide-cont .img {line-height:0;}
.service-game .slide-cont .game-info {height:80px; padding:12px 12px 14px 76px; position:relative;}
.service-game .slide-cont .game-info .ico {width:54px; height:54px; background-color:#FFDD59; border-radius:14px; display:inline-block; left:12px; padding:9px 0; position:absolute; text-align:center; top:12px;}
.service-game .slide-cont .game-info ul {margin-top:4px;}
.service-game .slide-cont .game-info .row1 {color:#333; display:block; font-size:15px; font-weight:500; margin-bottom:7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.service-game .slide-cont .game-info .row2 {color:#5A5A5A; display:block; font-size:12px; font-weight:500;}
.service-game .swiper-button-next {width:48px; height:48px; background:none; background-color:#FCFCFC; border-radius:48px; box-shadow:0px 3px 6px 0px rgb(0, 0, 0, .16); padding:12px; right:20px;}
.service-game .swiper-button-next i {width:24px; height:24px; background:url('../images/gbp/ico_next2.png') 0 0 no-repeat; display:inline-block;}
.service-game .swiper-button-next:hover i {background-position:0 -24px;}
.service-game .swiper-button-prev {width:48px; height:48px; background:none; background-color:#FCFCFC; border-radius:48px; box-shadow:0px 3px 6px 0px rgb(0, 0, 0, .16); left:20px; padding:12px;}
.service-game .swiper-button-prev i {width:24px; height:24px; background:url('../images/gbp/ico_prev.png') 0 0 no-repeat; display:inline-block;}
.service-game .swiper-button-prev:hover i {background-position:0 -24px;}

.wrap-intro {margin-top:29px; padding-bottom:70px; position:relative;}
.wrap-intro .title {color:#333; display:block; font-size:15px; font-weight:500; margin-bottom:14px; text-align:center;}
.wrap-intro .btn-game-offer {width:140px; background-color:#FCFCFC; border:#3D5AFE 1px solid; border-radius:29px; bottom:42px; color:#3D5AFE; display:inline-block; float:left; font-size:16px; font-weight:500; letter-spacing:-1px; line-height:56px; margin-right:14px; position:absolute; right:307px; text-align:center;}
.wrap-intro .btn-game-offer i {width:24px; height:16px; background:url('../images/gbp/ico_write.png') 0 0 no-repeat; display:inline-block; margin-left:4px; vertical-align:-1px;}
.wrap-intro .box-intro { margin:0 40px;}


#popinfo {width:650px; height:800px;}


/* popup */
#pop-wrapper {}
.pop-wrapper {width:648px; background-color:#fff; padding:unset!important;}
.pop-wrapper2 {width:1424px; background-color:#fff;margin: auto;position: relative;z-index: 9999;}
.pop-wrapper2.mobile{width: 100% !important;top: 0px !important;position: absolute !important; bottom: 0px !important;}
.pop-btn-close {width:15px; height:15px; display:inline-block; line-height:0; padding:2px; position:absolute; right:17px; top:18px;}
.pop-btn-close2 {display:inline-block; line-height:0; padding:2px; position:absolute; right:10px; top:10px;}

.pop-wrap1 {margin:0 30px;}
.pop-wrap1 .title {text-align:left;border-bottom:#DFDFDF 1px solid; color:#333; font-size:20px; font-weight:500; letter-spacing:-1px; margin:37px 0 24px; padding-bottom:16px;padding-top:20px;}
.pop-wrap1 .list-game {height:700px; overflow-y:auto;}
.pop-wrap1 .list-game {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.pop-wrap1 .list-game::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.pop-wrap1 .list-game li {height:279px; display:inline-block; float:left; margin-right:24px;}
.pop-wrap1 .list-game li:nth-child(6n) {margin-right:0;}
.pop-wrap1 .list-game li .img {border-radius:24px; box-shadow:0px 3px 6px 0px rgb(0, 0, 0, .16); line-height:0; margin-bottom:9px;}
.pop-wrap1 .list-game .txt-row1 {width:187px; color:#333; display:block; font-size:15px; font-weight:500; margin-bottom:7px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.pop-wrap1 .list-game .txt-row2 {width:187px; color:#5A5A5A; display:block; font-size:12px; font-weight:500; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.pop-wrap2 {margin:0 24px;}
.pop-wrap2 .title {border-bottom:#E6E6E6 1px solid; color:#333; font-size:20px; font-weight:500; letter-spacing:-1px; margin:32px 0 0; padding-bottom:20px;}
.pop-wrap2 .title h2 {color:#333; display:block; font-size:18px; font-weight:500; letter-spacing:-1px; margin-bottom:15px;}
.pop-wrap2 .title .txt1 {color:#5A5A5A; display:block; font-size:13px; font-weight:400; letter-spacing:-1px; margin-bottom:6px;}
.pop-wrap2 .title .txt2 {color:#FF1A1A; display:block; font-size:11px; font-weight:400; letter-spacing:-1px;}

.pop-wrap2 .wrap-offer-edit {border-bottom:#E6E6E6 1px solid; overflow-y:auto; padding:19px 0 12px;}
.pop-wrap2 .section-area {margin-bottom:19px;}
.pop-wrap2 .tit-txt {color:#929292; display:block; font-size:13px; font-weight:400; margin-bottom:9px;}
.pop-wrap2 .tit-txt i {color:#FF0000; display:inline-block; font-weight:500;}
.pop-wrap2 .cont-type1 {display: flex;}
.pop-wrap2 .cont-type1 input[type="text"] {width:295px; background-color:#fff; border:#DFDFDF 1px solid; border-radius:4px; color:#5A5A5A; font-size:14px; font-weight:400; line-height:40px; text-indent:10px;}
.pop-wrap2 .cont-type1 button {width:96px; margin-left: 1px; background-color:#536DFE; border:0; border-radius:4px; color:#fff; font-size:13px; font-weight:400; line-height:40px; text-align:center;}
.pop-wrap2 .cont-type1 button img {margin-left:4px;}
.pop-wrap2 .cont-type1 .txt-result {color:#536DFE; display:inline-block; font-size:11px; font-weight:400; margin-left:10px;}

.pop-wrap2 .cont-type2 .select-target {width:295px; background:#fff url('../images/gbp/ico_arr_down.png') right 8px top 8px no-repeat;  border:#DFDFDF 1px solid; border-radius:4px; color:#5A5A5A; display:inline-block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:14px; font-weight:500; letter-spacing:-1px; padding:10px 35px 10px 10px;}
.pop-wrap2 .cont-type2 .wrap-select {width:295px; background-color:#fff; border:#DFDFDF 1px solid; border-radius:4px; z-index:100;}






#nav-v2{width:150px;text-align:center;} .menu-v2{ line-height:2; border:1px solid #222; position:relative; } .menu-v2 .submenu{ position:absolute; width:150px; left:149px; border:1px solid #222; background-color:#222; color:white; top:-1px; display:none; } .menu-v2:hover{ background-color:#222; color:white; } .menu-v2 .submenu>li:hover{ background-color:white; color:#222; }




.pop-wrap2 .cont-type3 {width:185px; display:inline-block; float:left; margin-right:29px;}
.pop-wrap2 .cont-type3 .upload {height:185px;width: 187px;}
.pop-wrap2 .cont-type3 .upload .btn-change {width:36px; height:36px; background:#E3E3E9 url('../images/gbp/ico_refresh.png') 50% 50% no-repeat; border-radius:18px; bottom:10px; box-shadow:0px 3px 6px 0px rgb(0, 0, 0, .16); display:inline-block; position:absolute; right:10px;}
.pop-wrap2 .cont-type3 .upload .img {border:#DFDFDF 1px solid; margin-bottom:9px; position:relative;}
.pop-wrap2 .cont-type3 .upload .txt {color:#7A7A7A; font-size:10px; font-weight:400; letter-spacing:-1px; line-height:16px;}

.pop-wrap2 .cont-type4 {display:inline-block; float:left;}
.pop-wrap2 .cont-type4 .upload {height:226px;}
.pop-wrap2 .cont-type4 .upload .btn-change {width:36px; height:36px; background:#E3E3E9 url('../images/gbp/ico_refresh.png') 50% 50% no-repeat; border-radius:18px; bottom:10px; box-shadow:0px 3px 6px 0px rgb(0, 0, 0, .16); display:inline-block; position:absolute; right:10px;}
.pop-wrap2 .cont-type4 .upload .img {border:#DFDFDF 1px solid; margin-bottom:9px; position:relative;}
.pop-wrap2 .cont-type4 .upload .txt {color:#7A7A7A; font-size:10px; font-weight:400; letter-spacing:-1px; line-height:16px;}

.pop-wrap2 .cont-type5 {}
.pop-wrap2 .cont-type5 .txt {color:#7A7A7A; font-size:10px; font-weight:400; letter-spacing:-1px; line-height:16px; margin-top:9px;}
.pop-wrap2 .cont-type5 .img-box {background-color:#FCFCFC; border:#DFDFDF 1px solid;}
.pop-wrap2 .cont-type5 .img-box .img-slide {background-color:#fff; margin:10px 10px 9px; padding:20px 0 8px 8px; position:relative;}
.pop-wrap2 .cont-type5 .img-box .img-slide .swiper-container {padding-bottom:20px;}
.pop-wrap2 .cont-type5 .img-box .img-slide .swiper-container .swiper-slide img {width:100%;height: 100%;}
.pop-wrap2 .cont-type5 .img-box .img-slide .swiper-scrollbar {width:100%; height:6px; background-color:#FCFCFC; bottom:0px; left:0;}
.pop-wrap2 .cont-type5 .img-box .img-slide .swiper-scrollbar-drag {background-color:#DFDFDF;}
.pop-wrap2 .cont-type5 .img-box .slide-util {margin:9px 10px 12px; position:relative;}
.pop-wrap2 .cont-type5 .img-box .slide-util span {color:#5A5A5A; display:inline-block; font-size:10px; font-weight:500;}
.pop-wrap2 .cont-type5 .img-box .slide-util .btn-upload {background:url('../images/gbp/ico_upload.svg') right 0px top 0px no-repeat; color:#536DFE; display:inline-block; padding-right:18px; position:absolute; right:0; top:0;}

.pop-wrap2 .cont-type6 {height:348px; background-color:#fff; border:#E6E6E6 1px solid; border-radius:4px; padding:20px;}
.pop-wrap2 .cont-type6 textarea {width:100%; height:100%; color:#2B2B2B; font-size:13px; font-weight:400; line-height:22px;}

.pop-wrap2 .cont-type7 .txt {color:#7A7A7A; font-size:10px; font-weight:400; line-height:16px; margin-bottom:10px;}
.pop-wrap2 .cont-type7 .ipt-url {width:100%; background-color:#fff; border:#E6E6E6 1px solid; border-radius:4px; display:block; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:13px; font-weight:400; line-height:38px; padding:0 14px;}
.pop-wrap2 .cont-type7 .ipt-url::placeholder {color:#929292; font-size:12px; font-weight:400;}

.filebox input[type="file"] {width:1px; height:1px; border:0; clip:rect(0,0,0,0); margin:-1px; overflow:hidden; position:absolute; padding:0;}
.filebox label {width:86px; background-color:#fff; border:#DFDFDF 1px solid; border-radius:4px; color:#536DFE; display:inline-block; font-size:12px; font-weight:500; padding:11px 0 12px; text-align:center; vertical-align:-1px;}
.filebox label:hover {background-color:#FCFCFC;}
.filebox label i {width:14px; height:14px; background:url('../images/gbp/ico_upload.svg') 0 0 no-repeat; display:inline-block; margin-left:5px; vertical-align:-2px;}
.filebox .upload-name {width:295px; background-color:#fff; border:#DFDFDF 1px solid; border-radius:4px; color:#929292; display:inline-block; font-size:12px; line-height:40px; padding:0 14px; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

.pop-wrap2 .cont-type8 {border-bottom:#E6E6E6 1px solid; padding-bottom:30px;}
.pop-wrap2 .cont-type8 li {color:#5A5A5A; display:block; font-size:13px; font-weight:400; line-height:24px; margin-bottom:5px;}

.pop-wrap2 .btn-group {padding:20px 0 40px; text-align:right;}
.pop-wrap2 .btn-group .btn-type1 {width:109px; background-color:#fff; border:#929292 1px solid; border-radius:4px; display:inline-block; font-size:15px; font-weight:500; line-height:40px; text-align:center;}
.pop-wrap2 .btn-group .btn-type2 {width:109px; background-color:#fff; border:#8C9EFF 1px solid; border-radius:4px; color:#8C9EFF; display:inline-block; font-size:15px; font-weight:500; line-height:40px; text-align:center;}
.pop-wrap2 .btn-group .btn-type2:hover {background-color:#8C9EFF; border:#8C9EFF 1px solid; color:#fff;}
.pop-wrap2 .btn-group .btn-type3 {width:109px; background-color:#fff; border:#536DFE 1px solid; border-radius:4px; color:#536DFE; display:inline-block; font-size:15px; font-weight:500; line-height:40px; text-align:center;}
.pop-wrap2 .btn-group .btn-type3:hover {background-color:#536DFE; border:#536DFE 1px solid; color:#fff;}



.pop-wrap3 {background-color:#fff; border-radius:4px; box-shadow:0px 2px 10px 0px rgb(0, 0, 0, .15); overflow:hidden;}
.pop-wrap3 .title {border-bottom:#E6E6E6 1px solid;}
.pop-wrap3 .title h2 {color:#333; display:block; font-size:15px; font-weight:500; padding:22px 0 19px 53px; text-align:left;}
.pop-wrap3 .lnb-wrap {width:314px; display:inline-block; float:left; }
.pop-wrap3 .lnb-wrap ul {padding-left:0;}
.pop-wrap3 .lnb-wrap li {display:block;}
.pop-wrap3 .lnb-wrap li a {color:#333; display:block; font-size:15px; font-weight:400; padding:20px 20px 20px 53px;}
.pop-wrap3 .lnb-wrap li a:hover {background-color:#FCFCFC;}
.pop-wrap3 .lnb-wrap li a.on {background-color:#FCFCFC;}
.pop-wrap3 .lnb-wrap li a i {width:24px; height:24px; display:inline-block; margin-right:8px; vertical-align:1px;}
.pop-wrap3 .cont-wrap {width:calc(100% - 314px); min-height:655px; background-color:#FCFCFC; border-left:#E6E6E6 1px solid; float:left; padding:22px 34px;}
.pop-wrap3 .cont-wrap .sec-tit {color:#333; font-size:15px; font-weight:500; margin-bottom:15px;}
.pop-wrap3 .cont-wrap select {width:100%; height:38px; background-color:#fff; border:#E6E6E6 1px solid; border-radius:4px; color:#5A5A5A; font-size:13px; font-weight:400; padding-left:13px;}
.pop-wrap3 .cont-wrap .alram-commu {margin-bottom:26px;}
.pop-wrap3 .cont-wrap .alram-commu ul {padding-left:0;}
.pop-wrap3 .cont-wrap .alram-commu li {display:block; margin-bottom:13px;}
.pop-wrap3 .cont-wrap .alram-commu li:last-child {margin-bottom:0;}
.pop-wrap3 .cont-wrap .alram-commu label {display:inline-block; color:#333; font-size:13px; font-weight:400;}
.pop-wrap3 .cont-wrap .alram-commu input {margin-right:6px;}
.pop-wrap3 .cont-wrap .alram-msg {margin-bottom:26px;}
.pop-wrap3 .cont-wrap .alram-msg ul {padding-left:0;}
.pop-wrap3 .cont-wrap .alram-msg li {display:block; margin-bottom:13px;}
.pop-wrap3 .cont-wrap .alram-msg li:last-child {margin-bottom:0;}
.pop-wrap3 .cont-wrap .alram-msg label {display:inline-block; color:#333; font-size:13px; font-weight:400;}
.pop-wrap3 .cont-wrap .alram-msg input {margin-right:6px;}
.pop-wrap3 .cont-wrap .alram-time {margin-bottom:26px; overflow:hidden;}
.pop-wrap3 .cont-wrap .alram-time ul {padding-left:0;}
.pop-wrap3 .cont-wrap .alram-time li {display:inline-block; float:left; }
.pop-wrap3 .cont-wrap .alram-time .col1 {width:131px; padding-right:10px;}
.pop-wrap3 .cont-wrap .alram-time .col2 {width:138px;}
.pop-wrap3 .cont-wrap .alram-time .col3 {width:27px; color:#5A5A5A; font-size:13px; font-weight:400; line-height:38px; text-align:center;}
.pop-wrap3 .cont-wrap .alram-time .col4 {width:138px;}
.pop-wrap3 .cont-wrap .alram-sound {margin-bottom:26px;}
.pop-wrap3 .cont-wrap .alram-sound select {width:121px;}
.pop-wrap3 .cont-wrap .alram-position {}
.pop-wrap3 .cont-wrap .alram-position select {width:121px;}

.pop-btn-close3 {width:15px; height:15px; display:inline-block; line-height:0; position:absolute; right:20px; top:20px;}

.pop-wrap4 {width:380px; min-height:300px; max-height:700px; padding:0px; background-color:#fff;}
.pop-wrap5 {width:380px; min-height:300px; max-height:700px; padding:0px; background-color:#fff;}
.pop-wrap6 {width:380px; min-height:300px; max-height:700px; padding:0px; background-color:#fff;}



/* default */
.b-none {border:none !important}
.bt-n {border-top:none !important}
.br-n {border-right:none !important}
.bb-n {border-bottom:none !important}
.bl-n {border-left:none !important}

.ba-l {border:1px solid #e9eaeb !important}
.bt-l {border-top:1px solid #e9eaeb !important}
.br-l {border-right:1px solid #e9eaeb !important}
.bb-l {border-bottom:1px solid #e9eaeb !important}
.bl-l {border-left:1px solid #e9eaeb !important}

.bg-none {background:none !important;}
.bg-gray {background:#FBFBFB !important;}
.bg-red {background:#ed1c24 !important;}

.blind {width:0px; height:0px; font-size:0; line-height:0; left:-1px; overflow:hidden; position:absolute; visibility:hidden; top:-1px;}

.clear {clear:both !important;}

.d-b {display:block !important;}

.fc-black {color:#2A2A2A !important;}
.fc-blue {color:#177bbb !important;}
.fc-gray {color:#7d7f83 !important;}
.fc-green {color:#659618 !important;}
.fc-red {color:#B50909 !important;}
.fc-white {color:#fff !important;}

.fl-l {float:left !important;} .fl-n {float:none !important;} .fl-r {float:right !important;}

.fw-b {font-weight:bold !important;} .fw-n {font-weight:normal !important;} .fw-l {font-weight:lighter !important;} .fw-5 {font-weight:500 !important;}

.fz-11 {font-size:11px !important;} .fz-12 {font-size:12px !important;} .fz-13 {font-size:13px !important;} .fz-14 {font-size:14px !important;} .fz-15 {font-size:15px !important;} .fz-16 {font-size:16px !important;} .fz-17 {font-size:17px !important;} .fz-18 {font-size:18px !important;} .fz-19 {font-size:19px !important;} .fz-20 {font-size:20px !important;} .fz-21 {font-size:21px !important;} .fz-22 {font-size:22px !important;}

.ls-1 {letter-spacing:-1px !important;}

.h100p {height:100% !important;}

.h10 {height:10px !important;} .h20 {height:20px !important;} .h30 {height:30px !important;} .h35 {height:35px !important;} .h40 {height:40px !important;} .h50 {height:50px !important;} .h60 {height:60px !important;} .h70 {height:70px !important;} .h80 {height:80px !important;} .h90 {height:90px !important;} .h100 {height:100px !important;} .h200 {height:200px !important;} .h300 {height:300px !important;}

.lh-11 {line-height:11px !important;} .lh-12 {line-height:12px !important;} .lh-13 {line-height:13px !important;} .lh-14 {line-height:14px !important;} .lh-15 {line-height:15px !important;} .lh-26 {line-height:26px !important;} .lh-30 {line-height:30px !important;} .lh-36 {line-height:36px !important;}

.marT00 {margin-top:0px !important;} .marT01 {margin-top:1px !important;} .marT02 {margin-top:2px !important;} .marT03 {margin-top:3px !important;} .marT04 {margin-top:4px !important;} .marT05 {margin-top:5px !important;} .marT06 {margin-top:6px !important;} .marT07 {margin-top:7px !important;} .marT08 {margin-top:8px !important;} .marT09 {margin-top:9px !important;} .marT10 {margin-top:10px !important;} .marT12 {margin-top:12px !important;} .marT15 {margin-top:15px !important;} .marT16 {margin-top:16px !important;} .marT20 {margin-top:20px !important;} .marT26 {margin-top:26px !important;} .marT30 {margin-top:30px !important;} .marT40 {margin-top:40px !important;} .marT50 {margin-top:50px !important;} .marT57 {margin-top:57px !important;} .marT60 {margin-top:60px !important;} .marT100 {margin-top:100px !important;}

.marR00 {margin-right:0px !important;} .marR01 {margin-right:1px !important;} .marR02 {margin-right:2px !important;} .marR03 {margin-right:3px !important;} .marR04 {margin-right:4px !important;} .marR05 {margin-right:5px !important;} .marR06 {margin-right:6px !important;} .marR07 {margin-right:7px !important;} .marR08 {margin-right:8px !important;} .marR09 {margin-right:9px !important;} .marR10 {margin-right:10px !important;} .marR12 {margin-right:12px !important;} .marR14 {margin-right:14px !important;} .marR20 {margin-right:20px !important;} .marR30 {margin-right:30px !important;} .marR32 {margin-right:32px !important;} .marR40 {margin-right:40px !important;}

.marL00 {margin-left:0px !important;} .marL01 {margin-left:1px !important;} .marL02 {margin-left:2px !important;} .marL03 {margin-left:3px !important;} .marL04 {margin-left:4px !important;} .marL05 {margin-left:5px !important;} .marL06 {margin-left:6px !important;} .marL07 {margin-left:7px !important;} .marL08 {margin-left:8px !important;} .marL09 {margin-left:9px !important;} .marL10 {margin-left:10px !important;} .marL20 {margin-left:20px !important;} .marL30 {margin-left:30px !important;}

.marB00 {margin-bottom:0px !important;} .marB01 {margin-bottom:1px !important;} .marB02 {margin-bottom:2px !important;} .marB03 {margin-bottom:3px !important;} .marB04 {margin-bottom:4px !important;} .marB05 {margin-bottom:5px !important;} .marB06 {margin-bottom:6px !important;} .marB07 {margin-bottom:7px !important;} .marB08 {margin-bottom:8px !important;} .marB09 {margin-bottom:9px !important;} .marB10 {margin-bottom:10px !important;} .marB14 {margin-bottom:14px !important;} .marB17 {margin-bottom:17px !important;} .marB20 {margin-bottom:20px !important;} .marB22 {margin-bottom:22px !important;} .marB24 {margin-bottom:24px !important;} .marB25 {margin-bottom:25px !important;} .marB30 {margin-bottom:30px !important;} .marB37 {margin-bottom:37px !important;} .marB40 {margin-bottom:40px !important;} .marB50 {margin-bottom:50px !important;} .marB60 {margin-bottom:60px !important;} .marB70 {margin-bottom:70px !important;} .marB100 {margin-bottom:100px !important;}

.marRL15 {margin:0 15px;} .marRL20 {margin-right:20px; margin-left:20px;}

.m0-a {margin:0 auto !important;}

.o-h {overflow:hidden;}

.op5 {opacity:0.5;}

.padA00 {padding:0px !important} .padA10 {padding:10px !important} .padA15 {padding:15px !important} .padA20 {padding:20px !important}

.padT00 {padding-top:0px !important} .padT01 {padding-top:1px !important} .padT02 {padding-top:2px !important} .padT03 {padding-top:3px !important} .padT04 {padding-top:4px !important} .padT05 {padding-top:5px !important;} .padT06 {padding-top:6px !important;} .padT07 {padding-top:7px !important;} .padT08 {padding-top:8px !important;} .padT09 {padding-top:9px !important;} .padT10 {padding-top:10px !important;} .padT20 {padding-top:20px !important;} .padT30 {padding-top:30px !important;} .padT36 {padding-top:36px !important;} .padT40 {padding-top:40px !important;} .padT50 {padding-top:50px !important;}

.padR00 {padding-right:0px !important;} .padR01 {padding-right:1px !important;} .padR02 {padding-right:2px !important;} .padR03 {padding-right:3px !important;} .padR04 {padding-right:4px !important;} .padR05 {padding-right:5px !important;} .padR06 {padding-right:6px !important;} .padR07 {padding-right:7px !important;} .padR08 {padding-right:8px !important;} .padR09 {padding-right:9px !important;} .padR10 {padding-right:10px !important;} .padR20 {padding-right:20px !important;} .padR30 {padding-right:30px !important;}

.padL00 {padding-left:0px !important;} .padL01 {padding-left:1px !important;} .padL02 {padding-left:2px !important;} .padL03 {padding-left:3px !important;} .padL04 {padding-left:4px !important;} .padL05 {padding-left:5px !important;} .padL06 {padding-left:6px !important;} .padL07 {padding-left:7px !important;} .padL08 {padding-left:8px !important;} .padL09 {padding-left:9px !important;} .padL10 {padding-left:10px !important;} .padL20 {padding-left:20px !important;} .padL30 {padding-left:30px !important;}

.padB00 {padding-bottom:0px !important;} .padB01 {padding-bottom:1px !important;} .padB02 {padding-bottom:2px !important;} .padB03 {padding-bottom:3px !important;} .padB04 {padding-bottom:4px !important;} .padB05 {padding-bottom:5px !important;} .padB06 {padding-bottom:6px !important;} .padB07 {padding-bottom:7px !important;} .padB08 {padding-bottom:8px !important;} .padB09 {padding-bottom:9px !important;} .padB10 {padding-bottom:10px !important;} .padB13 {padding-bottom:13px !important;} .padB20 {padding-bottom:20px !important;} .padB30 {padding-bottom:30px !important;} .padB40 {padding-bottom:40px !important;} .padB50 {padding-bottom:50px !important;}

.p-r {position:relative !important;}

.screen_out {width:1px; height:1px; display:block; font-size:0; left:-9999px; line-height:0; overflow:hidden; position:absolute; text-indent:-9999px;}

.ta-l {text-align:left !important;} .ta-c {text-align:center !important;} .ta-r {text-align:right !important;}

.td-l {text-decoration:line-through;} .td-n {text-decoration:none;}

.ti00 {text-indent:0px !important;} .ti01 {text-indent:1px !important;} .ti02 {text-indent:2px !important;} .ti03 {text-indent:3px !important;} .ti04 {text-indent:4px !important;} .ti05 {text-indent:5px !important;} .ti10 {text-indent:10px !important;} .ti15 {text-indent:15px !important;} .ti20 {text-indent:20px !important;}

.va-t {vertical-align:top !important;} .va-m {vertical-align:middle !important;} .va-b {vertical-align:bottom !important;}
.va-2 {vertical-align:2px !important;}

.w10p {width:10% !important;} .w20p {width:20% !important;} .w30p {width:30% !important;} .w40p {width:40% !important;} .w50p {width:50% !important;} .w60p {width:60% !important;} .w70p {width:70% !important;} .w80p {width:80% !important;} .w90p {width:90% !important;} .w100p {width:100% !important;}
.w10 {width:10px !important;} .w20 {width:20px !important;} .w30 {width:30px !important;} .w40 {width:40px !important;} .w50 {width:50px !important;} .w60 {width:60px !important;} .w65 {width:65px !important;} .w70 {width:70px !important;} .w80 {width:80px !important;} .w90 {width:90px !important;} .w100 {width:100px !important;} .w110 {width:110px !important;} .w120 {width:120px !important;} .w130 {width:130px !important;} .w140 {width:140px !important;} .w150 {width:150px !important;} .w180 {width:180px !important;} .w189 {width:189px !important;} .w200 {width:200px !important;} .w226 {width:226px !important;} .w240 {width:240px !important;} .w250 {width:250px !important;} .w270 {width:270px !important;} .w285 {width:285px !important;} .w290 {width:290px !important;} .w300 {width:300px !important;} .w360 {width:360px !important;} .w400 {width:400px !important;} .w500 {width:500px !important;} .w600 {width:600px !important;} .w680 {width:680px !important;} .w700 {width:700px !important;}

.iclvl {position:absolute; margin-left:-12px;}
.iclvl2 {position:relative !important; float:right; margin-top:-10px;}
.iclc {position:relative !important; float:right; margin-top:-10px;}

.ico_chat {position:absolute; margin-top:-3px; margin-right:-10px;}
/*//.ico_noti {position:absolute; margin-top:-3px; margin-left:-15px; }*/


.sch_icx {position:absolute; margin-left:-20px; top:20px; cursor:pointer;}
.ico_set {position:absolute; right:20px;}
.ico_sch {position:absolute; right:100px;}
.ico_schn {position:absolute; right:60px;}

.imgset {margin-top:23px;}
.icsch {width:18px; height:18px; margin-top:27px;}

.img-userm {position:absolute; right:55px;}
.mprfimg {width:30px; height:30px; border-radius:50%; margin-top:20px;}

.dropbtnm {width:190px; height:38px; background-color:#fff; border:none; color:#4D4F5C; cursor:pointer; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:12px; font-weight:400; padding-left:30px; text-align:left;}

.pfmmenu {min-width:140px; background-color:#fff; box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2); overflow:auto; padding-bottom:5px; position:absolute; top:63px; right:0; display:none;}
.pfmmenu span {color:#5A5A5A; display:block; font-family:'Noto Sans KR'; font-size:13px; font-weight:700; line-height:20px; padding:5px 10px; text-align:left;}
.pfmmenu span:hover {background-color:#FCFCFC;}

.pfmnic {font-family:'Noto Sans KR'; font-size:10px; font-weight:700; line-height:20px; padding:5px 10px; border-bottom:1px solid #dedede;}
.miclvl {float:left; width:28px; height:28px; margin-left:-5px; margin-top:-3px;}
.mcomp {float:left; width:20px; height:20px; background:url('../images/gbp/level/ic_samc.png') 0 -2px no-repeat; color:#fff; display:inline-block; }
.mcomp {position:absolute; text-align:center;}

.ic_m {margin-right: 8px;}
.logbox {margin:0; margin-right:0px;}
.logbox a {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif;  font-size: 12px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.67;  letter-spacing: normal;  text-align: left; color: #4d4f5c; ;}
.logbox a:hover {background-color:#f5f6fa; color:#3d5afe; text-decoration:none;}
.logbox button {font-family: Lexend Deca;  font-size: 12px;  font-weight: normal;  font-stretch: normal;  font-style: normal; line-height: 0.1; letter-spacing: normal;  text-align: left; color: #4d4f5c;}
.logbox button:hover {background-color:#f5f6fa; color:#3d5afe; text-decoration:none;}
.logbox .logina {background-color:#fff;height:34px; padding:9px 10px 10px 10px; border-radius:17px; border:1px solid #ebebf2; margin-right:10px}
.logbox .joina  {background-color:#fff;height:34px; padding:9px 10px 10px 10px; border-radius:17px; border:1px solid #ebebf2;}

.cic_apply_partner {position:fixed; right:140px; bottom:57px; z-index:999;}
.cic_write {position:fixed; right:46px; bottom:120px; z-index:999;}
.cic_g {position:fixed; right:46px; bottom:46px; z-index:9999;}

.cic_req {position:fixed; right:126px; bottom:58px;}
.cic_req {width:140px; height:58px;  border-radius: 29px;  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #3d5afe;  background-color: #fcfcfc; padding-top:14px;}
.cic_req {font-size: 16px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.69;  letter-spacing: -0.4px;  text-align: center;  color: #3d5afe;}

.cic_reqm {position:fixed; left:20px; bottom:18px;}
.cic_reqm {width:140px; height:58px;  border-radius: 29px;  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #3d5afe;  background-color: #fcfcfc; padding-top:14px;}
.cic_reqm {font-size: 16px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.69;  letter-spacing: -0.4px;  text-align: center;  color: #3d5afe;}


/* 0804 app gallery */

.app-intro {margin:80px 40px 0; padding-bottom:70px; position:relative;}
.app-intro ul {  list-style:none;}
.app-intro .title {display:flex;}
.app-intro .title .txt-box {width:325px; border-top:#000836 1px solid; margin-right:140px; padding:18px 0 30px;}
.app-intro .title .txt-box .txt1 {color:#000836; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:30px; font-weight:900; line-height:40px;}
.app-intro .title .txt-box .txt2 {color:#000836; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:40px; font-weight:300; line-height:53px;}

.app-intro .title .txt-box2 {}
.app-intro .title .txt-box2 .txt1 {color:#2B2B2B; font-size:24px; font-weight:700; letter-spacing:-1px; line-height:36px;}
.app-intro .title .txt-box2 .txt2 {color:#5A5A5A; font-size:16px; font-weight:400; letter-spacing:-1px; line-height:28px;}

.app-intro .title .img-box1 {border-radius:20px; margin-left:115px; overflow:hidden;}

.app-intro .title2 {display:flex;}
.app-intro .title2 .txt-box {width:272px; border-top:#000836 1px solid; margin-right:140px; padding:18px 0 30px;}
.app-intro .title2 .txt-box .txt1 {color:#000836; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:30px; font-weight:900; line-height:40px;}
.app-intro .title2 .txt-box .txt2 {color:#000836; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:34px; font-weight:300; line-height:46px;}

.app-intro .title2 .txt-box2 {}
.app-intro .title2 .txt-box2 .txt1 {color:#000836; font-size:32px; font-weight:300; letter-spacing:-1px; line-height:43px;}
.app-intro .title2 .txt-box2 .txt2 {color:#000836; font-size:20px; font-weight:300; letter-spacing:-1px; line-height:27px;}
.app-intro .title2 .txt-box2 .txt3 {color:#000836; font-size:18px; font-weight:700; letter-spacing:-1px; line-height:30px;}

.cont-app1 {margin-bottom:120px;}
.cont-app1 ul {display:flex; }
.cont-app1 li:nth-child(1) {padding-left:40px;}
.cont-app1 li:nth-child(2) {width:500px;}
.cont-app1 .w466 {width:466px;}
.cont-app1 .txt1 {color:#2B2B2B; font-family:'Spoqa Han Sans Neo'; font-size:24px; font-weight:700; line-height:36px;}
.cont-app1 .txt2 {color:#5A5A5A; font-family:'Spoqa Han Sans Neo'; font-size:16px; font-weight:400; letter-spacing:-1px; line-height:28px;}

.cont-app2 {margin-bottom:110px;}
.cont-app2 ul {display:flex;}
.cont-app2 li:nth-child(1) {padding-left:40px;}
.cont-app2 .w526 {width:526px;}
.cont-app2 .w556 {width:556px;}
.cont-app2 .w663 {width:663px;}
.cont-app2 .txt1 {color:#000836; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:36px; font-weight:300; letter-spacing:1px; line-height:48px;}
.cont-app2 .txt1 i {color:#000836; display:inline-block; font-family:'Spoqa Han Sans Neo'; font-size:32px; font-weight:300; letter-spacing:-1px; line-height:43px; margin-left:3px;}
.cont-app2 .txt2 {color:#2B2B2B; font-size:22px; font-weight:700; line-height:36px;}
.cont-app2 .txt3 {color:#5A5A5A; font-size:16px; letter-spacing:-1px; line-height:28px;}

.cont-app3 {margin-bottom:170px; padding-left:40px;}
.cont-app3 .txt1 {color:#000836; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:36px; font-weight:300; letter-spacing:1px; line-height:48px;}
.cont-app3 .txt1 i {color:#000836; display:inline-block; font-family:'Spoqa Han Sans Neo'; font-size:32px; font-weight:300; letter-spacing:-1px; line-height:43px; margin-left:3px;}
.cont-app3 .txt2 {color:#2B2B2B; font-size:22px; font-weight:700; line-height:36px;}
.cont-app3 .txt3 {color:#5A5A5A; font-size:16px; letter-spacing:-1px; line-height:28px;}
.cont-app3 .box-list {display:flex; margin:70px 0 0 50px;}
.cont-app3 .box-list li {height:131px; display:flex; flex-direction:column; justify-content:space-between; text-align:center;}
.cont-app3 .box-list li:nth-child(n+2) {margin-left:188px;}
.cont-app3 .box-list li p {color:#2B2B2B; font-size:18px; font-weight:700; letter-spacing:-1px; line-height:28px;}

.cont-app4 {margin-bottom:110px;}
.cont-app4 .txt1 {color:#5A5A5A; font-size:16px; font-weight:700; letter-spacing:-1px; line-height:20px;}
.cont-app4 .txt2 {color:#000836; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:30px; font-weight:900; letter-spacing:-1px; line-height:40px;}
.cont-app4 .txt3 {color:#2B2B2B; font-family:'Spoqa Han Sans Neo'; font-size:16px; font-weight:700; letter-spacing:-1px; line-height:26px;}
.cont-app4 .txt3 i {color:#E7483E; display:inline-block;}
.cont-app4 .txt4 {color:#5A5A5A; font-size:12px; letter-spacing:-1px; line-height:20px;}
.cont-app4 .box-list {display:flex; margin:90px 0 0 30px;}
.cont-app4 .box-list li {}
.cont-app4 .box-list li:nth-child(n+2) {margin-left:120px;}
.cont-app4 .list-cont-tit {height:60px; border-left:#000836 8px solid; padding:3px 0 0 10px;}
.cont-app4 .list-cont-graph {width:286px; height:285px; margin-top:30px;}
.cont-app4 .graph1 {background:url('/GBP/img/img_app8.png') -38px -10px no-repeat;}
.cont-app4 .graph2 {background:url('/GBP/img/img_app9.png') -38px -10px no-repeat;}
.cont-app4 .graph3 {background:url('/GBP/img/img_app10.png') -38px -10px no-repeat;}

.cont-app4 .graph-icon {width:1200px; display:flex; justify-content:center;}
.cont-app4 .graph-icon li {width:82px; align-items:center; color:#5A5A5A; display:flex; font-size:14px; letter-spacing:-1px; line-height:20px;}
.cont-app4 .graph-icon li i {width:18px; height:18px; border-radius:18px; display:inline-block; margin-right:6px;}
.cont-app4 .graph-icon li .color1 {background-color:#EF2C34;}
.cont-app4 .graph-icon li .color2 {background-color:#F65D32;}
.cont-app4 .graph-icon li .color3 {background-color:#51D3AD;}
.cont-app4 .graph-icon li .color4 {background-color:#287ECC;}
.cont-app4 .graph-icon li .color5 {background-color:#ABABAB;}

.cont-app5 {display:flex;}
.cont-app5 .txt-box1 {width:520px;}
.cont-app5 .txt-box1 .txt1 {color:#2B2B2B; font-size:24px; font-weight:700; letter-spacing:-1px; line-height:36px;}
.cont-app5 .txt-box1 .txt2 {color:#5A5A5A; font-size:16px; font-weight:400; letter-spacing:-1px; line-height:28px;}
.cont-app5 .img-box1 {border-radius:20px; overflow:hidden;}
.cont-app5 .tbl-box1 {}
.cont-app5 .tbl-box1 .txt3 {color:#5A5A5A; font-size:14px; font-weight:500; letter-spacing:-1px; line-height:20px; margin-top:20px; text-align:right;}
.cont-app5 .tbl-box1 thead th {height:65px; color:#2B2B2B; font-size:14px; font-weight:500; letter-spacing:-1px;}
.cont-app5 .tbl-box1 thead th i {color:#5A5A5A; display:block; font-size:12px;}
.cont-app5 .tbl-box1 thead th:nth-child(1) {color:#5A5A5A; padding-left:5px; text-align:left;}
.cont-app5 .tbl-box1 thead th:nth-child(2) {background-color:#FBFBFF; border-radius:20px 20px 0 0; padding-top:8px;}
.cont-app5 .tbl-box1 thead th:nth-child(4) {background-color:#FBFBFF; border-radius:20px 20px 0 0; padding-top:8px;}
.cont-app5 .tbl-box1 tbody td {border-top:#DFDFFF 1px solid; padding:10px 0;}
.cont-app5 .tbl-box1 tbody td:nth-child(1) {text-align:left;}
.cont-app5 .tbl-box1 tbody td:nth-child(2) {background-color:#FBFBFF; color:#2B2B2B; font-size:19px; font-weight:500; letter-spacing:-1px; line-height:20px; text-align:center;}
.cont-app5 .tbl-box1 tbody td:nth-child(4) {background-color:#FBFBFF; color:#2B2B2B; font-size:19px; font-weight:500; letter-spacing:-1px; line-height:20px; text-align:center;}
.cont-app5 .tbl-box1 tbody tr:last-child td:nth-child(2) {border-radius:0 0 20px 20px;}
.cont-app5 .tbl-box1 tbody tr:last-child td:nth-child(4) {border-radius:0 0 20px 20px;}
.cont-app5 .tbl-box1 .game-info {display:flex;}
.cont-app5 .tbl-box1 .game-info li {color:#2B2B2B; font-size:16px; font-weight:700; letter-spacing:-1px;}
.cont-app5 .tbl-box1 .game-info li p {font-size:14px; font-weight:400;}
.cont-app5 .tbl-box1 .game-info li:nth-child(1) {width:80px;}
.cont-app5 .tbl-box1 .game-info li:nth-child(2) {padding-top:9px;}

.partner-list {width:1060px; display:flex; flex-wrap:wrap}
.partner-list .game-info:nth-child(n+2) {margin:0 0 44px 20px;}
.partner-list .game-info:nth-child(6n) {margin-left:0;}
.partner-list .game-info ul {align-items:center; display:flex; justify-content:space-between;}
.partner-list .game-info li {align-items:flex-end; height:32px; display:flex;}
.partner-list .game-info .thumb {box-shadow:0px 3px 6px rgb(0, 0, 0, .16); margin-top:10px;}

.wrap-hkgame {width:752px; background:url('/GBP/img/bg_hkgame.png') center 16px no-repeat; margin:0 auto; text-align:center;}
.wrap-hkgame .row1 {margin-bottom:29px;}
.wrap-hkgame .row1 span {width:222px; background-color:#E7483E; border-radius:16px; color:#fff; display:inline-block; font-size:14px; font-weight:500; letter-spacing:-1px; line-height:32px;}
.wrap-hkgame .row2 {color:#E7483E; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:16px; font-weight:600; letter-spacing:-1px; line-height:20px; margin-bottom:6px;}
.wrap-hkgame .row3 {}
.wrap-hkgame .row3 ul {display:flex;}
.wrap-hkgame .row3 .col-type1 {width:91px;}
.wrap-hkgame .row3 .col-type2 {width:239px;}
.wrap-hkgame .row3 .col-type2 p {color:#5A5A5A; font-size:13px; font-weight:500; letter-spacing:-1px; line-height:20px;}
.wrap-hkgame .row3 .col-type2 p:first-child {margin:8px 0 37px;}
.wrap-hkgame .row3 .flag {width:91px; height:91px; align-items:center; border-radius:46px; display:flex; justify-content:center;}
.wrap-hkgame .row3 .flag1 {background-color:#fff; border:#EFE4E4 1px solid;}
.wrap-hkgame .row3 .flag2 {background-color:#DE2910; border:#EFE4E4 1px solid;}
.wrap-hkgame .row3 .flag3 {background-color:#D4080D; border:#EFE4E4 1px solid;}
.wrap-hkgame .row4 {color:#E7483E; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:16px; font-weight:600; letter-spacing:-1px; line-height:20px; margin:5px 0 30px;}
.wrap-hkgame .row5 {margin-bottom:50px;}
.wrap-hkgame .row5 span {width:222px; background-color:#E7483E; border-radius:16px; color:#fff; display:inline-block; font-size:14px; font-weight:500; letter-spacing:-1px; line-height:32px;}
.wrap-hkgame .row6 span {width:174px; background-color:#FBFBFF; border:#8C9EFF 1px solid; border-radius:20px; color:#536DFE; display:inline-block; font-size:14px; font-weight:500; letter-spacing:-1px; line-height:38px;}

.wrap-hkgame2 {display:flex; margin:110px 0 148px 40px;}
.wrap-hkgame2 .hkgame-info {width:512px;}
.wrap-hkgame2 .hkgame-info .txt1 {color:#000836; font-size:32px; font-weight:300; letter-spacing:-1px; line-height:43px;}
.wrap-hkgame2 .hkgame-info .txt2 {color:#000836; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size:20px; font-weight:300; letter-spacing:-1px; line-height:27px;}
.wrap-hkgame2 .hkgame-info .txt3 {color:#000836; font-size:18px; font-weight:700; letter-spacing:-1px; line-height:30px;}

.wrap-hkgame2 .hkgame-info2 {width:600px; display:flex; flex-wrap:wrap;}
.wrap-hkgame2 .hkgame-info2 .cont-box {width:265px;}
.wrap-hkgame2 .hkgame-info2 .cont-box:nth-child(2n) {margin-left:70px;}
.wrap-hkgame2 .hkgame-info2 .cont-box:nth-child(n+3) {margin-top:60px;}
.wrap-hkgame2 .hkgame-info2 .cont-box .img {height:98px; align-items:flex-end; display:flex; margin-bottom:10px;}
.wrap-hkgame2 .hkgame-info2 .cont-box .txt1 {color:#2B2B2B; font-size:18px; font-weight:700; letter-spacing:-1px; line-height:28px; margin-bottom:9px;}
.wrap-hkgame2 .hkgame-info2 .cont-box .txt2 {color:#5A5A5A; font-size:15px; font-weight:400; letter-spacing:-1px; line-height:25px;}

.wrap-hkgame3 {width:940px; display:flex; margin:70px auto 116px;}
.wrap-hkgame3 .hkgame-info {width:280px; text-align:center;}
.wrap-hkgame3 .hkgame-info:nth-child(n+2) {margin-left:50px;}
.wrap-hkgame3 .hkgame-info .img {margin-bottom:25px;}
.wrap-hkgame3 .hkgame-info .txt1 {color:#2B2B2B; font-size:18px; font-weight:700; letter-spacing:-1px; line-height:28px; margin-bottom:9px;}
.wrap-hkgame3 .hkgame-info .txt2 {color:#5A5A5A; font-size:15px; font-weight:400; letter-spacing:-2px; line-height:25px;}

.wrap-hkgame4 {margin:0 0 110px 40px;}
.wrap-hkgame4 .tit {color:#000836; font-size:32px; font-weight:300; letter-spacing:-1px; line-height:43px; margin-bottom:40px;}
.wrap-hkgame4 .tit strong {font-weight:500;}
.wrap-hkgame4 .hk-cont {display:flex; }
.wrap-hkgame4 .adt-box {width:380px;}
.wrap-hkgame4 .adt-box .label {margin-bottom:14px;}
.wrap-hkgame4 .adt-box .label span {width:98px; border-radius:20px; color:#fff; display:inline-block; font-size:15px; font-weight:500; letter-spacing:-1px; line-height:40px; text-align:center;}
.wrap-hkgame4 .adt-box .label .bg1 {background-color:#858EEC;}
.wrap-hkgame4 .adt-box .label .bg2 {background-color:#FFC107;}
.wrap-hkgame4 .adt-box .txt {color:#000836; font-size:17px; font-weight:700; letter-spacing:-2px; line-height:30px;}
.wrap-hkgame4 .process {width:702px; height:254px; background-color:#FBFBFF; border-radius:28px; text-align:center;}
.wrap-hkgame4 .label-info {width:174px; background-color:#FBFBFF; border:#8C9EFF 1px solid; border-radius:20px; color:#536DFE; display:inline-block; font-size:14px; font-weight:500; letter-spacing:-1px; line-height:40px;}
.wrap-hkgame4 .type1 {padding-top:57px;}
.wrap-hkgame4 .type1 .txt1 {display:flex; justify-content:space-around; margin:7px auto 0;}
.wrap-hkgame4 .type1 .txt1 li {color:#5A5A5A; font-size:14px; font-weight:500; letter-spacing:-1px; line-height:20px;}
.wrap-hkgame4 .type1 .label-info {margin-top:32px;}
.wrap-hkgame4 .type2 {padding-top:45px;}
.wrap-hkgame4 .type2 .txt1 {width:626px; display:flex; justify-content:space-between; margin:15px auto 0;}
.wrap-hkgame4 .type2 .txt1 li {color:#5A5A5A; font-size:14px; font-weight:500; letter-spacing:-1px; line-height:20px;}
.wrap-hkgame4 .type2 .label-info {margin-top:24px;}
.wrap-hkgame4 .type3 {background:#FBFBFF url('/GBP/img/img_hk14.png') center 0 no-repeat;}
.wrap-hkgame4 .type3 .txt1 {color:#5A5A5A; font-size:14px; font-weight:500; letter-spacing:-1px; line-height:20px; margin-top:60px; text-align:center;}
.wrap-hkgame4 .type3 .txt2 {width:626px; display:flex; justify-content:space-between; margin:82px auto 0;}
.wrap-hkgame4 .type3 .txt2 li {color:#5A5A5A; font-size:14px; font-weight:500; letter-spacing:-1px; line-height:20px;}
.wrap-hkgame4 .type3 .label-info {margin-top:10px;}







.benefit-info {display:flex;}
.benefit-info .info-type1 {width:187px; height:242px; background-color:#FBFBFF; border-radius:28px; display:inline-block; margin-top:99px; padding:29px 30px 40px; text-align:center;}
.benefit-info .info-type1 .txt-type1 {color:#536DFE; font-size:16px; font-weight:500; letter-spacing:-1px; line-height:20px; margin-bottom:19px;}
.benefit-info .info-type1 .txt-type2 {color:#5A5A5A; font-size:15px; letter-spacing:-1px; line-height:22px; margin-bottom:20px;}
.benefit-info .info-type2 {width:187px; height:291px; display:inline-block; background-color:#FBFBFF; border-radius:28px; display:inline-block; margin-left:22px; padding:40px 20px 30px; text-align:center;}
.benefit-info .info-type2 .txt-type1 {color:#E7483E; font-size:16px; font-weight:500; letter-spacing:-1px; line-height:20px; margin:19px 0;}
.benefit-info .info-type2 .txt-type2 {color:#5A5A5A; font-size:15px; letter-spacing:-1px; line-height:22px;}


.img_style{
    display: inline-block;
    margin: 0 9px;
    padding: 3px;
    margin-right: 10px;
    cursor: pointer;
}

/** mobile **/

.menu-header-m {position:fixed; width:100%; height:63px; background-color:#000836;display:block; z-index:999;}


#alarmim {width:12px; height:12px; background-color:#FFAB07; border:#000836 2px solid; border-radius:12px; display:inline-block; position:absolute; top:23px; right:50px; z-index:99999;}
#alarmimt {width:8px; height:8px; background-color:#FFAB07; border:#000836 1px solid; border-radius:12px; display:inline-block; position:absolute; top:77px; right:95px; z-index:99999;}
.btnm_login {position:absolute; top:25px; right:100px; font-family: Lexend Deca;  font-size: 12px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.75;  letter-spacing: normal;  text-align: left;  color: #fff;background-color: transparent;}


.mobile .pop-wrap1 .title {padding-top: 0px;}


/** 해상도별 조정 **/

@media screen and (min-width:766px) and (max-width:1164px)
{
    #wrapper {width:100%; min-width:1164px; max-width:1164px; }
    .rcon {z-index:89; padding-top:110px; min-height:800px; }
    #comhead {min-width:864px; max-width:1164px;}
    #comhead {position:fixed; z-index:99; background-color:rgba(255,255,255,1); }
}


@media screen and (min-width:750px) and (max-width:1380px)
{
    .wrap-state .box-sch {width:480px; max-width:480px;}

}

@media screen and (max-width:750px)
{
    #wrapper {width:100%; min-width:350px; max-width:750px; }

    .container {min-height:936px; background-color:#fff; margin:0 0 0 0; }


    .rcon {width:100vw;margin-left:0; z-index:89;padding-top:120px;min-height:800px; }

    .wrap-state {display:none; left:0;}



    .cic_write {position:fixed; right:10px; bottom:60px; z-index:899; width:52px; height:auto;}
    .cic_apply_partner {position:fixed; right:80px; bottom:18px; z-index:899; height:44px;}
    #mmnu_bg {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:900; right:0; top:0;}

    .comm-btn-back {display:none;}

    .slide_bnr { height:240px; z-index:0;}
    .service-game {height:340px;}

    .mcon {margin-top:100px;}

    .priv_area {width:100%; margin:0 auto; padding:20px 10px; background-color:#fff; }
    .prvline {width:90%; margin:0 auto; border-top:1px solid #cfcfcf;}

    .prvt1 {font-size:20px; font-weight:bold; line-height:1.47; letter-spacing:-0.25px; color:#5A5A5A;  margin-bottom:10px;}
    .prvt2 {font-size:12px; font-weight:300; line-height:1.47; letter-spacing:-0.25px; color:#5A5A5A; padding-bottom:18px;}
    .prvt3 {font-size:10px; font-weight:300; line-height:1.8; letter-spacing:-0.5px; color:#1c1c1c; padding:38px 13px;}
    .prvt3 c {font-size:11px; font-weight:400; line-height:1.8; letter-spacing:-0.5px; color:#1c1c1c;  }


    .prvt4 {font-size:20px; font-weight:bold; line-height:1.47; letter-spacing:-0.25px; color:#5A5A5A;  margin-bottom:30px;}
    .prvt5 {font-size:11px; font-weight:300; line-height:24px; letter-spacing:-0.5px; color:#1c1c1c; padding:44px 11px;}

    .wrap-profile {margin:20px;}
    .wrap-profile .profile-intro {height:100px; padding:12px 0 0 106px; position:relative;}
    .wrap-profile .profile-intro .img {left:0; position:absolute; top:0; width:90px; height:90px;}
/*//.wrap-profile .profile-intro .intro-row2 {width:100px; border-bottom:#E6E6E6 1px solid; margin-top:13px; padding-bottom:17px; position:relative;}*/

    .wrap-profile .profile-intro .intro-row1 .btn-group {display:inline-block; position:absolute; right:0; text-align:center; top:-5px;}
    .wrap-profile .profile-intro .intro-row1 .btn-group a {width:104px; background-color:#FCFCFC; border-radius:15px; color:#929292; display:inline-block; font-size:13px; font-weight:500; line-height:29px; margin-left:10px; text-align:center; margin-right:35px;}
    .wrap-profile .profile-intro .intro-row1 .btn-group a:hover {background-color:#8C9EFF; color:#fff;}
    .wrap-profile .profile-intro .intro-row1 .btn-group a i {width:14px; height:14px; display:inline-block; margin-right:6px; vertical-align:-2px;}

    .wrap-profile .profile-intro .intro-row1 .btn-group .btn-type1 i {background:url('../images/gbp/ico_info_off.png') 0 0 no-repeat;}
    .wrap-profile .profile-intro .intro-row1 .btn-group .btn-type1:hover i {background:url('../images/gbp/ico_info_on.png') 0 0 no-repeat;}

    .wrap-profile .tab-group {margin-top:60px; overflow:hidden;}
    /*.wrap-profile .tab-group ul {margin-left:-31px;}*/


    .wrap-profile .wrap-privacy {background-color:#fff; border:#E3E3E9 1px solid; margin-top:1px; padding:0px;}
    .popup-layer {padding:32px 15px; padding-bottom:90px;}
    .popup-layer .wrap-sec .ipt-nick input {width:235px;}

    .wrap-profile .wrap-privacy {background-color:#fff; border:#E3E3E9 1px solid; margin-top:1px; padding:20px 3px;}
    .wrap-profile .tab-group2 {margin-bottom:0px; overflow:hidden;}
    .wrap-profile .tab-group2 li:first-child a {margin-left:-20px;}

    .box-bbs {padding:15px 5px;}
    .bbssbox {width:60px; padding:0; margin-top:-15px;}
    .bbtt1 {width:120px;}
    .bbtt3 {float:left; text-align:right;}

    .bsbj {width:100%; font-size: 13px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.38;  letter-spacing: -0.33px;  text-align: left;  color: #5a5a5a; margin-top:10px;}
    .box-comment {padding:0 3px; position:relative;}
    .box-comment .date {text-align:left;}
    .box-comment ul {padding-left:0;}
    .box-comment .row1 {padding:0px; padding-top:40px;}
    .box-comment .row2 {padding:0px; }
    .box-comment .box-reply {padding:15px 3px 17px 3px; }

    .box-comment .box-reply .reply-state {width:140px; position:absolute; right:0px; top:12px;}
    .box-comment .box-reply .reply-state .col1 {width:80px;}
    .boxcc {margin-top:23px; margin-left:4px;}

    .popup-layer .wrap-sec .comp-logo {position:relative; left:0; margin-top:20px;}

    .wrap-intro .box-intro { margin:0;}


    #comhead {
        position: fixed;
        z-index: 99;
        background-color: rgba(255,255,255,1);
        padding-right: 0;
        height: 60px;
        margin-top:57px;
    }

    .com_list{
        width: 45px;
        position: absolute;
        right: -4px;
        top: 3px;
    }

}



/* default */
.b-none {border:none !important}
.bt-n {border-top:none !important}
.br-n {border-right:none !important}
.bb-n {border-bottom:none !important}
.bl-n {border-left:none !important}

.ba-l {border:1px solid #e9eaeb !important}
.bt-l {border-top:1px solid #e9eaeb !important}
.br-l {border-right:1px solid #e9eaeb !important}
.bb-l {border-bottom:1px solid #e9eaeb !important}
.bl-l {border-left:1px solid #e9eaeb !important}

.bg-none {background:none !important;}
.bg-gray {background:#FBFBFB !important;}
.bg-red {background:#ed1c24 !important;}

.blind {width:0px; height:0px; font-size:0; line-height:0; left:-1px; overflow:hidden; position:absolute; visibility:hidden; top:-1px;}

.clear {clear:both !important;}

.d-b {display:block !important;}

.fc-black {color:#2A2A2A !important;}
.fc-blue {color:#177bbb !important;}
.fc-gray {color:#7d7f83 !important;}
.fc-green {color:#659618 !important;}
.fc-red {color:#B50909 !important;}
.fc-white {color:#fff !important;}

.fl-l {float:left !important;} .fl-n {float:none !important;} .fl-r {float:right !important;}

.fw-b {font-weight:bold !important;} .fw-n {font-weight:normal !important;} .fw-l {font-weight:lighter !important;} .fw-5 {font-weight:500 !important;}

.fz-11 {font-size:11px !important;} .fz-12 {font-size:12px !important;} .fz-13 {font-size:13px !important;} .fz-14 {font-size:14px !important;} .fz-15 {font-size:15px !important;} .fz-16 {font-size:16px !important;} .fz-17 {font-size:17px !important;} .fz-18 {font-size:18px !important;} .fz-19 {font-size:19px !important;} .fz-20 {font-size:20px !important;} .fz-21 {font-size:21px !important;} .fz-22 {font-size:22px !important;}

.ls-1 {letter-spacing:-1px !important;}

.h100p {height:100% !important;}

.h10 {height:10px !important;} .h20 {height:20px !important;} .h30 {height:30px !important;} .h35 {height:35px !important;} .h40 {height:40px !important;} .h50 {height:50px !important;} .h60 {height:60px !important;} .h70 {height:70px !important;} .h80 {height:80px !important;} .h90 {height:90px !important;} .h100 {height:100px !important;} .h200 {height:200px !important;} .h300 {height:300px !important;}

.lh-11 {line-height:11px !important;} .lh-12 {line-height:12px !important;} .lh-13 {line-height:13px !important;} .lh-14 {line-height:14px !important;} .lh-15 {line-height:15px !important;} .lh-26 {line-height:26px !important;} .lh-30 {line-height:30px !important;} .lh-36 {line-height:36px !important;}

.marT00 {margin-top:0px !important;} .marT01 {margin-top:1px !important;} .marT02 {margin-top:2px !important;} .marT03 {margin-top:3px !important;} .marT04 {margin-top:4px !important;} .marT05 {margin-top:5px !important;} .marT06 {margin-top:6px !important;} .marT07 {margin-top:7px !important;} .marT08 {margin-top:8px !important;} .marT09 {margin-top:9px !important;} .marT10 {margin-top:10px !important;} .marT12 {margin-top:12px !important;} .marT15 {margin-top:15px !important;} .marT16 {margin-top:16px !important;} .marT18 {margin-top:18px !important;} .marT20 {margin-top:20px !important;} .marT26 {margin-top:26px !important;} .marT28 {margin-top:28px !important;} .marT30 {margin-top:30px !important;} .marT40 {margin-top:40px !important;} .marT50 {margin-top:50px !important;} .marT57 {margin-top:57px !important;} .marT60 {margin-top:60px !important;} .marT70 {margin-top:70px !important;} .marT100 {margin-top:100px !important;} .marT110 {margin-top:110px !important;}

.marR00 {margin-right:0px !important;} .marR01 {margin-right:1px !important;} .marR02 {margin-right:2px !important;} .marR03 {margin-right:3px !important;} .marR04 {margin-right:4px !important;} .marR05 {margin-right:5px !important;} .marR06 {margin-right:6px !important;} .marR07 {margin-right:7px !important;} .marR08 {margin-right:8px !important;} .marR09 {margin-right:9px !important;} .marR10 {margin-right:10px !important;} .marR12 {margin-right:12px !important;} .marR14 {margin-right:14px !important;} .marR20 {margin-right:20px !important;} .marR30 {margin-right:30px !important;} .marR32 {margin-right:32px !important;} .marR40 {margin-right:40px !important;}

.marL00 {margin-left:0px !important;} .marL01 {margin-left:1px !important;} .marL02 {margin-left:2px !important;} .marL03 {margin-left:3px !important;} .marL04 {margin-left:4px !important;} .marL05 {margin-left:5px !important;} .marL06 {margin-left:6px !important;} .marL07 {margin-left:7px !important;} .marL08 {margin-left:8px !important;} .marL09 {margin-left:9px !important;} .marL10 {margin-left:10px !important;} .marL20 {margin-left:20px !important;} .marL30 {margin-left:30px !important;}

.marB00 {margin-bottom:0px !important;} .marB01 {margin-bottom:1px !important;} .marB02 {margin-bottom:2px !important;} .marB03 {margin-bottom:3px !important;} .marB04 {margin-bottom:4px !important;} .marB05 {margin-bottom:5px !important;} .marB06 {margin-bottom:6px !important;} .marB07 {margin-bottom:7px !important;} .marB08 {margin-bottom:8px !important;} .marB09 {margin-bottom:9px !important;} .marB10 {margin-bottom:10px !important;} .marB14 {margin-bottom:14px !important;} .marB17 {margin-bottom:17px !important;} .marB20 {margin-bottom:20px !important;} .marB22 {margin-bottom:22px !important;} .marB24 {margin-bottom:24px !important;} .marB25 {margin-bottom:25px !important;} .marB30 {margin-bottom:30px !important;} .marB37 {margin-bottom:37px !important;} .marB40 {margin-bottom:40px !important;} .marB50 {margin-bottom:50px !important;} .marB60 {margin-bottom:60px !important;} .marB70 {margin-bottom:70px !important;} .marB80 {margin-bottom:80px !important;} .marB100 {margin-bottom:100px !important;}

.marB110 {margin-bottom:110px !important;}

.marRL15 {margin:0 15px;} .marRL20 {margin-right:20px; margin-left:20px;}

.m0-a {margin:0 auto !important;}

.o-h {overflow:hidden;}

.op5 {opacity:0.5;}

.padA00 {padding:0px !important} .padA10 {padding:10px !important} .padA15 {padding:15px !important} .padA20 {padding:20px !important}

.padT00 {padding-top:0px !important} .padT01 {padding-top:1px !important} .padT02 {padding-top:2px !important} .padT03 {padding-top:3px !important} .padT04 {padding-top:4px !important} .padT05 {padding-top:5px !important;} .padT06 {padding-top:6px !important;} .padT07 {padding-top:7px !important;} .padT08 {padding-top:8px !important;} .padT09 {padding-top:9px !important;} .padT10 {padding-top:10px !important;} .padT20 {padding-top:20px !important;} .padT30 {padding-top:30px !important;} .padT36 {padding-top:36px !important;} .padT40 {padding-top:40px !important;} .padT50 {padding-top:50px !important;}

.padR00 {padding-right:0px !important;} .padR01 {padding-right:1px !important;} .padR02 {padding-right:2px !important;} .padR03 {padding-right:3px !important;} .padR04 {padding-right:4px !important;} .padR05 {padding-right:5px !important;} .padR06 {padding-right:6px !important;} .padR07 {padding-right:7px !important;} .padR08 {padding-right:8px !important;} .padR09 {padding-right:9px !important;} .padR10 {padding-right:10px !important;} .padR20 {padding-right:20px !important;} .padR30 {padding-right:30px !important;}

.padL00 {padding-left:0px !important;} .padL01 {padding-left:1px !important;} .padL02 {padding-left:2px !important;} .padL03 {padding-left:3px !important;} .padL04 {padding-left:4px !important;} .padL05 {padding-left:5px !important;} .padL06 {padding-left:6px !important;} .padL07 {padding-left:7px !important;} .padL08 {padding-left:8px !important;} .padL09 {padding-left:9px !important;} .padL10 {padding-left:10px !important;} .padL20 {padding-left:20px !important;} .padL30 {padding-left:30px !important;} .padL100 {padding-left:100px !important;}

.padB00 {padding-bottom:0px !important;} .padB01 {padding-bottom:1px !important;} .padB02 {padding-bottom:2px !important;} .padB03 {padding-bottom:3px !important;} .padB04 {padding-bottom:4px !important;} .padB05 {padding-bottom:5px !important;} .padB06 {padding-bottom:6px !important;} .padB07 {padding-bottom:7px !important;} .padB08 {padding-bottom:8px !important;} .padB09 {padding-bottom:9px !important;} .padB10 {padding-bottom:10px !important;} .padB13 {padding-bottom:13px !important;} .padB20 {padding-bottom:20px !important;} .padB30 {padding-bottom:30px !important;} .padB40 {padding-bottom:40px !important;} .padB50 {padding-bottom:50px !important;}

.p-r {position:relative !important;}

.screen_out {width:1px; height:1px; display:block; font-size:0; left:-9999px; line-height:0; overflow:hidden; position:absolute; text-indent:-9999px;}

.ta-l {text-align:left !important;} .ta-c {text-align:center !important;} .ta-r {text-align:right !important;}

.td-l {text-decoration:line-through;} .td-n {text-decoration:none;}

.ti00 {text-indent:0px !important;} .ti01 {text-indent:1px !important;} .ti02 {text-indent:2px !important;} .ti03 {text-indent:3px !important;} .ti04 {text-indent:4px !important;} .ti05 {text-indent:5px !important;} .ti10 {text-indent:10px !important;} .ti15 {text-indent:15px !important;} .ti20 {text-indent:20px !important;}

.va-t {vertical-align:top !important;} .va-m {vertical-align:middle !important;} .va-b {vertical-align:bottom !important;}
.va-2 {vertical-align:2px !important;}

.w10p {width:10% !important;} .w20p {width:20% !important;} .w30p {width:30% !important;} .w40p {width:40% !important;} .w50p {width:50% !important;} .w60p {width:60% !important;} .w70p {width:70% !important;} .w80p {width:80% !important;} .w90p {width:90% !important;} .w100p {width:100% !important;}
.w10 {width:10px !important;} .w20 {width:20px !important;} .w30 {width:30px !important;} .w40 {width:40px !important;} .w50 {width:50px !important;} .w60 {width:60px !important;} .w65 {width:65px !important;} .w70 {width:70px !important;} .w80 {width:80px !important;} .w90 {width:90px !important;} .w100 {width:100px !important;} .w110 {width:110px !important;} .w120 {width:120px !important;} .w130 {width:130px !important;} .w140 {width:140px !important;} .w150 {width:150px !important;} .w180 {width:180px !important;} .w189 {width:189px !important;} .w200 {width:200px !important;} .w226 {width:226px !important;} .w240 {width:240px !important;} .w250 {width:250px !important;} .w270 {width:270px !important;} .w285 {width:285px !important;} .w290 {width:290px !important;} .w295 {width:295px !important;} .w300 {width:300px !important;} .w360 {width:360px !important;} .w400 {width:400px !important;} .w500 {width:500px !important;} .w600 {width:600px !important;} .w680 {width:680px !important;} .w700 {width:700px !important;}



.pcComHead{
    margin-top: 61px;
    margin-left: 300px;
}
.profileClose{
    margin-right: 50px;
    margin-top: 20px;
    float: right;
    cursor: pointer;
}
.sol_head.mobile {
    width: 500px;
    overflow: hidden;
}
.dropdown-content{
    cursor: pointer;
}
.pfmmenu.on{
    display: block!important;
}

.partner_profile {
    position: relative;
    width: 39px;
    height: 39px;
    border: 1px solid #ffb91c;
    border-radius: 50%;
    box-shadow: 0 3px 6px #00000029;
}

.partner_profile img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}


.displayOption{
    display: block !important;
}
.swiper-pagination{
    width: 100% !important;
    bottom: 50px !important;
    left: 50px !important;
    position: absolute!important;}


.noticeBadge{
    position: absolute;
    left: 70px;
    width: 10px;
    top: 5px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    border: solid 2px #fff;
}

.mobile.noticeBadge {
    border: solid 2px #000836;
    left: 24px;
    top: 20px;
}

.messageBadge{
    position: absolute;
    left: 26px;
    width: 10px;
    top: 5px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    border: solid 2px #fff;
}
.modal{position:fixed!important;}