@charset "utf-8";

#noble_wrap, html, body {;margin:0;padding:0;position: relative;}
.clear { content:"" ; display:block;  height:0px; line-height:0px; font-size:0px; clear:both; }

#smartPop_overlay { background: #000 !important; }
#smartPop_content { padding: 0px !important;  }
#smartPop_container {background-color:white; -webkit-box-shadow:none !important;}

html {height: 100%;}
body { min-width: 1216px;background: #000; height: 100%;}
#noble_wrap {position: relative;}
/*img {width: 100%;height: auto;}*/
div.container {position: relative; min-width: 1216px; }

div.container > div.content {position: relative;/*overflow-x: hidden;*/ }

div.container > div.page01 { /*overflow: hidden;*/ }
/*div.page01 > div.bg_layer {height: 100%;background: url(http://cdn-img.kingkongsoft.kr/missh5/main/bg.jpg) 50% 0 no-repeat;}*/
div.content > div.bg_layer { text-align: center; position: relative;z-index: 1;}
/*div.content > div.bg_layer > img {width: 100%;}*/

div.join_pop_layer { position: fixed;width: 500px;height: 600px; left:50%; margin-left: -250px; top:50%;margin-top: -200px; display: none;z-index: 999;}
div.join_pop_layer > span.close { width: 45px; height: 45px; background: url(http://cdn-img.kingkongsoft.kr/jo/simplejoin/x.jpg) 0 0 no-repeat;display: inline-block;*display: inline;*zoom: 1;position: absolute;right:0px; top:0px;cursor:pointer;z-index: 2;}


div.contents_box {min-width: 1216px; position: absolute;top:0px;left:0px;right:0px;bottom:0px;;z-index: 2;}



div.page01 > div.contents_box h1.logo { width: 353px; margin: 30px auto 0px auto; left:-150px; position: relative;z-index: 2;}
div.page01 > div.contents_box h1.logo > img {width: 100%;}

div.page01 > div.contents_box h3.main_character {position: absolute;top:0px;left:50%; margin-left: -481px ;z-index: 1;}
div.page01 > div.contents_box span.banner {position: absolute;top:236px;right:-33px; z-index: 1;}

div.page01 > div.contents_box div.start_area {position: absolute; left:25%; top:60%; ;z-index: 999;}
div.page01 > div.contents_box div.start_area a { display: block;line-height: 0pt;font-size: 0pt;}
div.page01 > div.contents_box div.start_area a > img {width: 100%;}


div.page02 > div.contents_box h1.logo { width: 430px; margin: 80px auto 50px auto; left:-45px; position: relative;z-index: 2;}

div.page02 > div.contents_box > div.reg_box { width: 875px;min-width:487px;  margin: 20px auto 0px auto;}
div.page02 > div.contents_box > div.reg_box > h3.top {width: 875px; }
div.page02 > div.contents_box > div.reg_box div.reg_form {position: relative;margin-top: 10px;}
div.page02 > div.contents_box > div.reg_box div.reg_form > span { display: inline-block;*display: inline;*zoom: 1; position: relative; width: 500px;position: relative;vertical-align:middle;margin-top: -7px;}
div.page02 > div.contents_box > div.reg_box div.reg_form > span > img {position: relative;z-index: 1;}
div.page02 > div.contents_box > div.reg_box div.reg_form > span > input { position: absolute; font-size: 16pt;left:15px; top:30px;padding: 10px 0px 10px 0px;width: 93%;text-align: center;background: transparent;border: none;z-index: 99;}
div.page02 > div.contents_box > div.reg_box div.reg_form > span > input:focus {outline: unset; border:1px solid #77a9dc;  }

div.page02 > div.contents_box > div.reg_box div.reg_form > span > input::placeholder { color: #9a2727; font-weight: 600; font-family: 'Nanum Gothic';}
/*div.page02 > div.contents_box > div.reg_box div.reg_form > span > input::-ms-clear { display:none;}*/

div.page02 > div.contents_box > div.reg_box div.reg_form > input.reg_btn {width: 348px;height: 122px; display: inline-block;*display: inline;*zoom: 1;background: url(http://cdn-img.kingkongsoft.kr/missh5/content1/btn.png) 0 0 no-repeat; border: none;cursor:pointer; vertical-align: middle;background-size: 100%; }
div.page02 > div.contents_box > div.reg_box div.reg_form p {margin-top: 0.6vw;}
div.page02 > div.contents_box > div.reg_box div.reg_form label.check_box { width: 28px;height: 28px; display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; background: url(http://cdn-img.kingkongsoft.kr/missh5/content1/check.png) 0 0 no-repeat; }
div.page02 > div.contents_box > div.reg_box div.reg_form label.check_box.on { background: url(http://cdn-img.kingkongsoft.kr/missh5/content1/check_on.png) 0 0 no-repeat; }
div.page02 > div.contents_box > div.reg_box div.reg_form label.check_box input { vertical-align: middle;width: 0px;height: 0px;}
div.page02 > div.contents_box > div.reg_box div.reg_form span.text {width: 336px;vertical-align:middle;display: inline-block;*display: inline;*zoom: 1;}
div.page02 > div.contents_box > div.reg_box div.reg_form a.view_agree {display: inline-block;*display: inline;*zoom: 1;width: 125px;vertical-align: middle;}
div.page02 > div.contents_box > div.reg_box div.reg_form b {display: block;width: 488px; margin-top: 10px;margin-left: 30px;}
div.page02 > div.contents_box > div.reg_box > div.kakao_plus {text-align: center;margin-top: 1vw;}
div.page02 > div.contents_box > div.reg_box > div.kakao_plus > h3 {display: inline-block;*display: inline;*zoom: 1;width:590px;vertical-align: bottom;margin-bottom: -20px;}
div.page02 > div.contents_box > div.reg_box > div.kakao_plus > a { display: inline-block;*display: inline;*zoom: 1;width: 229px;vertical-align:bottom;}


div.page03 > div.contents_box h1.logo { width: 430px; margin: 15px auto 50px auto; left:-45px; position: relative;z-index: 2;}
div.page03 > div.contents_box > div.reg_box { width: 875px;min-width:487px;  margin: 80px auto 0px auto;text-align: center;}
div.page03 > div.contents_box > div.reg_box > h3.top {position: relative;margin-bottom: 30px;}
div.page03 > div.contents_box > div.reg_box > h3.top > span {  position: absolute; width: 281px; padding: 10px 0px 10px 0px; bottom: 50px; left: 295px; font-size: 16pt; font-weight: 900; color: #881c25;}
div.page03 > div.contents_box > div.reg_box > div.items {margin-bottom: 30px;}
div.page03 > div.contents_box > div.reg_box > div.progress_bar {width: 822px;margin: 0px auto 30px auto;position: relative;}
div.page03 > div.contents_box > div.reg_box > div.progress_bar > img {}

div.page03 > div.contents_box > div.reg_box > div.progress_bar div.progress { position: absolute; width: 724px; height: 7px; left: 45px; top: 14px; line-height: 0; font-size: 0pt;overflow: hidden; z-index: 2;text-align: left;}
div.page03 > div.contents_box > div.reg_box > div.progress_bar div.progress > span.bar {
    border: 3px solid red;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 0pt;
    line-height: 0pt;
    vertical-align: middle;
    display: inline-block;*display: inline;*zoom: 1;
    background: red;
}
div.page03 > div.contents_box > div.page_box { width: 1134px;min-width:487px;  margin: 80px auto 0px auto;text-align: center;}
div.page03 > div.contents_box > div.page_box > ul.guide_list {font-size: 0pt;line-height: 0pt;}
div.page03 > div.contents_box > div.page_box > ul.guide_list > li {display: inline-block;*display: inline;*zoom: 1;margin-left: 15px;}
div.page03 > div.contents_box > div.page_box > ul.guide_list > li > a {display: inline-block;*display: inline;*zoom: 1;position: relative;width:357px;}
div.page03 > div.contents_box > div.page_box > ul.guide_list > li > a > img.on { display: none }
div.page03 > div.contents_box > div.page_box > ul.guide_list > li > a:hover img.on {position: absolute;display:block;left:0px;top:0px;}

div.page04 > div.contents_box > div.reg_box { width: 1155px;min-width:487px;  margin: 60px auto 0px auto;text-align: center;}
div.page04 > div.contents_box > div.reg_box > h3.top {position: relative;margin-bottom: 30px;}
div.page04 > div.contents_box > div.reg_box > div.items {font-size: 0pt;line-height: 0pt;margin-bottom: 30px;}
div.page04 > div.contents_box > div.reg_box > div.items > span { display: inline-block;*display: inline;*zoom: 1; width: 539px; margin-left: 15px;}


div.page04 > div.contents_box h1.logo { width: 430px; margin: 15px auto 30px auto; left:-45px; position: relative;z-index: 2;}
div.page04 > div.contents_box > div.page_box { width: 900px;min-width:487px;  margin: 45px auto 0px auto;text-align: center;}
div.page04 > div.contents_box > div.page_box > img {width: 100%;}
div.page04 > div.contents_box > div.page_box > h3.top { position: relative;margin-bottom: 30px;}
div.page04 > div.contents_box > ul.description_list { width: 924px;min-width:487px;  margin: 15px auto 0px auto;padding: 20px 0px 20px 50px;background: #fff;border: 1px solid #000;}
div.page04 > div.contents_box > ul.description_list > li { font-size: 1.2rem; margin-bottom: 5px; }
div.page04 > div.contents_box > ul.description_list > li b {font-size: 1.4rem; font-weight: 900; color: #000;}

div.page05 > div.contents_box h1.logo { width: 430px; margin: 15px auto 30px auto; left:-45px; position: relative;z-index: 2;}
div.page05 > div.contents_box > div.page_box { width: 900px;min-width:487px;  margin: 45px auto 0px auto;text-align: center;}
div.page05 > div.contents_box > div.page_box > img {width: 100%;}
div.page05 > div.contents_box > div.page_box > h3.top { position: relative;margin-bottom: 30px;}
div.page05 > div.contents_box > ul.description_list { width: 924px;min-width:487px;  margin: 15px auto 0px auto;padding: 20px 0px 20px 50px;background: #fff;border: 1px solid #000;}
div.page05 > div.contents_box > ul.description_list > li { font-size: 1.2rem; margin-bottom: 5px; }
div.page05 > div.contents_box > ul.description_list > li b {font-size: 1.4rem; font-weight: 900; color: #000;}

div.page06 > div.contents_box h1.logo { width: 430px; margin: 15px auto 30px auto; left:-45px; position: relative;z-index: 2;}
div.page06 > div.contents_box > div.page_box { width: 900px;min-width:487px;  margin: 45px auto 0px auto;text-align: center;}
div.page06 > div.contents_box > div.page_box > img {width: 100%;}
div.page06 > div.contents_box > div.page_box > h3.top { position: relative;margin-bottom: 30px;}
div.page06 > div.contents_box > ul.description_list { width: 924px;min-width:487px;  margin: 15px auto 0px auto;padding: 20px 0px 20px 50px;background: #fff;border: 1px solid #000;}
div.page06 > div.contents_box > ul.description_list > li { font-size: 1.2rem; margin-bottom: 5px; }
div.page06 > div.contents_box > ul.description_list > li b {font-size: 1.4rem; font-weight: 900; color: #000;}

div.navigator {
    position: absolute;left:-370px; top:0px; bottom:0px; z-index: 998;
    width: 370px;
    -webkit-transition: left 0.4s;
    -o-transition: left 0.4s;
    transition: left 0.4s;
}
div.navigator.on {
    -webkit-transition: left 0.4s;
    -o-transition: left 0.4s;
    transition: left 0.4s;
    left:0px;
}
div.navi_layer {
    width: 370px;position: absolute; left:0px; top:0px;bottom:0px; background: rgba(0,0,0,0.5);
}


div.navigator > div.layer_btn {font-size: 0pt;line-height: 0pt;position: absolute;right:0px;}
div.navigator > div.layer_btn > span {display: inline-block;*display: inline;*zoom: 1;font-size: 30pt;font-weight: 900;color: #fff;line-height: 1;background: #000;text-align: center;width: 45px;cursor:pointer;position:absolute;left:0px;}
div.navigator > div.layer_btn > span > img {width: 100%;}
div.navigator > div.layer_btn > span:first-child {display: none;}
div.navigator > div.layer_btn.on > span.on {display: inline;position: absolute;z-index: 2;}

div.navigator > div.navi_layer > ul {font-size: 0pt;line-height: 0pt;}
div.navigator > div.navi_layer > ul > li {  }
div.navigator > div.navi_layer > ul > li > h1.logo {background: #000;text-align: center;padding: 25px 0px;}
div.navigator > div.navi_layer > ul > li > h3.two_in_one {background: #525252;text-align: center;padding: 25px 0px;}
div.navigator > div.navi_layer > ul > li > ol.page_tab {}
div.navigator > div.navi_layer > ul > li > ol.page_tab > li { text-align: center;padding: 15px 0px; border-bottom: 1px solid #848282;}
div.navigator > div.navi_layer > ul > li > ol.page_tab > li > a {position: relative;}
div.navigator > div.navi_layer > ul > li > ol.page_tab > li > a > img:first-child {display:none;}
div.navigator > div.navi_layer > ul > li > ol.page_tab > li > a:hover > img.on {position: absolute;display: inline;}
div.navigator > div.navi_layer > ul > li > ol.page_tab > li > a.hover > img.on {position: absolute;display: inline;}

div.navigator > div.navi_layer > ul > li.social_btn {border-bottom: 1px solid #848282;}
div.navigator > div.navi_layer > ul > li.social_btn > a {display: inline-block;*display: inline;*zoom: 1;position: relative;border-left: 1px solid #848282;padding: 20px 12.5px;}
div.navigator > div.navi_layer > ul > li.social_btn > a:first-child {border-left: 0px;}
div.navigator > div.navi_layer > ul > li.social_btn > a > img:first-child {display:none;}
div.navigator > div.navi_layer > ul > li.social_btn > a:hover > img.on {position: absolute;display: inline;}


div.agree_text {width: 700px;height: 400px; background: url(http://cdn-img.kingkongsoft.kr/kingdom/pop/pop_bg.jpg) 0 0 no-repeat ;color: #fff;text-align: left;padding: 10px 15px; background-size:100%;}
div.agree_text > h3 { font-size: 10pt; margin-bottom: 8px; }
div.agree_text > p {font-size: 9pt;line-height: 1.2;margin-bottom: 5px;}
div.agree_text > div.list {font-size: 9pt;line-height: 1.2;margin-bottom: 15px;}

div.tmp_layer {position: absolute;border: 0px solid red;top:0px;left:0px;bottom:0px;}


div.board_content { width: 700px; margin: 0px auto;position: relative;z-index: 3; padding: 33px 28px; min-height: 718px;border: 1px solid #d5d5d5;background: #fff; line-height: 1.6;}
h2.page_title { position: relative;font-size: 29px; font-weight: 900; color: #362e2b; line-height: 1.0;z-index: 3;padding: 0px 15px 30px 0px; }
p.agree_text {padding-top: 20px;}
div.agree_area { padding-top: 20px; border-top: 2px solid #2f2f2f;line-height: 1.6;font-size: 10pt;}

div.agree_area h3 { color: #484141;font-weight: bold;font-size: 13pt; margin-bottom: 10px; position: relative;}
div.agree_area h3 > label { position: absolute;right:0px;color: #312828;font-size: 11px; font-weight: normal;}
div.agree_area h3 > label > input { vertical-align: middle;margin-right: 5px; }
div.agree_area div.agree_textarea { border: 1px solid #999; overflow-y: auto; height: 193px; padding: 15px; color: #666 !important;margin-bottom: 40px;}
div.agree_area div.agree_textarea a { color: #666; }

div.agree_area > form > p.text { color: #312828;font-size: 12px; line-height: 1.6; padding-bottom: 20px;border-bottom: 1px solid #2f2f2f;margin-bottom: 40px;}
div.agree_area > form > p.text.bdnone { border: 0px; margin-bottom: 0px; }
div.agree_area > form > div.nickName_box { border: 1px solid #3f3f3f; }
div.agree_area > form > div.nickName_box > span { display: inline-block;*display: inline;*zoom: 1;width: 125px; padding:8px 0px 7px 20px; background: #2d2c2c;color: #eee;margin-right: 20px;}
div.agree_area > form > div.nickName_box > input.nick_name { padding:5px 0px 4px 10px; width: 190px;vertical-align: middle;}
div.agree_area > form > div.nickName_box > a.nick_chk { vertical-align: middle; display: inline-block;*display: inline;*zoom: 1; background: #171616; border: 1px solid #2b2929; color: #fff !important; padding: 3px 0px 3px 0px;margin-left: 10px; min-width: 80px;text-align: center;font-weight: bold;}
/*div.agree_area > form > div.nickName_box > a > img { vertical-align: middle }*/

div.joinNend { padding-top: 20px; /*border-top: 2px solid #2f2f2f;*/ }
div.joinNend > h3 { color: #484141;font-weight: bold;font-size: 13pt; margin-bottom: 10px; position: relative; }
div.joinNend > ul { margin-bottom: 20px; font-size: 10pt; line-height: 1.6;}
div.joinNend > ul > li { color: #312828; }
div.joinNend > div.btn_area { background: #f1f1f1; color: #c1c1c1;text-align: center;padding:30px 0px;border: 1px solid #e4e4e4;}
div.joinNend > div.btn_area > p { margin-bottom: 10px; }
div.joinNend > div.btn_area a {display: inline-block;*display: inline;*zoom: 1; padding: 5px 10px 5px 10px;}
div.joinNend > div.btn_area > b { display: inline-block;*display: inline;*zoom: 1;margin: 0px 5px 0px 5px; }
div.joinNend > div.btn_area  a.terminationOn { background: #a48557; color: #fff; font-weight: 900;font-size: 13pt;width: 120px;}
div.joinNend > div.btn_area  a.terminationOff { background: #868078; color: #fff; font-weight: 900;font-size: 13pt;width: 120px;}

div.btn_box { margin: 25px 0px 10px 0px; text-align:right; line-height: 0pt;font-size: 0pt;position: relative;}
div.btn_box a { display: inline-block;*display: inline;zoom: 1; margin-left: 2px; color: #fff; font-size: 11pt;line-height: 1;}
div.btn_box > div.another { position: absolute;left:0px; line-height: 1.0;}

div.btn_box > .btn {
    display: inline-block;*display: inline;*zoom: 1; padding:9px 4px 10px 4px; color: #444; line-height: 1; font-size: 10pt; border: 1px solid #9f9f9f; background: #fff;  text-align: center; min-width:80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
}



.footer { background: #18181a;  min-height: 184px; padding-bottom: 15px;}

.footer.main {
    background: #18181a; min-height: 184px; padding-bottom: 15px; position: fixed; left: 0px; right: 0px; bottom: -227px; z-index: 999;
    -webkit-transition: bottom 0.4s;
    -o-transition: bottom 0.4s;
    transition: bottom 0.4s;
}

.footer.main > div.up_arrow {
    width: 200px;border: 0px solid red;text-align: center;padding: 5px 0px 0px 0px;position: relative;top:-26px;background: #18181a;margin: 0px auto;cursor:pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -ms-border-bottom-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-bottom-left-radius:0px;
    -ms-border-bottom-left-radius:0px;
    -o-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
}
.footer.main.on {
    bottom:0px;
    -webkit-transition: bottom 0.4s;
    -o-transition: bottom 0.4s;
    transition: bottom 0.4s;
}

.footer.main > div.up_arrow > img {width: 10%;}

.footer ul,
.footer ol { margin: 0px; padding: 0px; list-style: none;}

div.footer_top {  border-bottom: 1px solid #3c3d42; }
div.footer_top > ul.site_info { width: 1200px; margin: 0px auto; font-size: 0pt;line-height: 0pt; padding: 20px 0px;}
div.footer_top > ul.site_info > li {  display: inline-block;*display: inline;*zoom: 1; padding: 0px 20px 0px 25px; font-size: 14px;line-height: 1.0; position: relative;}
div.footer_top > ul.site_info > li > a {  color: #ababb3;}
div.footer_top > ul.site_info > li > a > b { color: red; }
div.footer_top > ul.site_info > li:first-child { padding-left: 0px;  }
div.footer_top > ul.site_info > li:first-child:after {border: 0px;}
div.footer_top > ul.site_info > li:after { position: absolute; content:""; left:0px; top:0px; bottom:0px; border-left: 1px solid #494a4e; }

div.footer_bottom { width: 1200px; margin: 0px auto; padding-top: 30px; position: relative; }
div.footer_bottom > ul { width: 120px; float: left; height: 100px; }
div.footer_bottom > p.addr { margin-left: 130px; }

#ongate > img {width: 100px;}
#mgame > img {width: 100px;}
#ntogame > img {width:100px;padding-bottom: 10px;margin-top: -10px;}

div.footer_bottom > p.addr { margin-left: 130px; color: #7b7c81; font-size: 12px;}
div.footer_bottom > div.grade { position: absolute; right: 0px; top:33px; width: 530px;}
div.footer_bottom > div.grade > img:first-child { margin-left: 0px;  }
div.footer_bottom > div.grade > img { margin-left: 3px; width: 100%;}

div.footer_bottom > ul > li:first-child {margin-bottom: 10px;padding-left: 4px;}

.bottom_logo { width: 100px; height: 51px; }
.noble_mark { display: inline-block;*display: inline;*zoom: 1; background: url(http://cdn-img.kingkongsoft.kr/www/img/footer_logo.png) 0 0 no-repeat; background-size: 100%; font-size: 0pt;}

.nhnlogo {display: inline-block;*display: inline;*zoom: 1;width: 95px;}
.nhnlogo > img {width: 100%;height: auto;}

div.agree_box {width: 619px;height: 400px; background: #fff;position: relative;}
div.agree_box > span.close_agree_pop { position: absolute;right:40px;top:15px; font-size: 23pt;font-weight: 900; cursor:pointer;}


div#payment_layer {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 2%;
    /*display: block;*/

    font-size: 3vmin;
    top: 0px;
    width: 90%;
    max-width: 532px;
    min-width: 286px;
    height: 100%;

    /*background: url(http://static.123games.co.kr/h5/201706_ver2/payment_layer_bg.png) no-repeat center 0;*/
    background: url(http://cdn-img.kingkongsoft.kr/missh5/bg/payment_layer_bg.png) no-repeat center 0;
    background-size: 100%;
    display: none;
    z-index: 10000;
}

div.payment_box {width: 90%;position: relative;margin: 170px auto 0px auto;}
div.payment_box > div.layer_title {margin-bottom: 30px;}
div.payment_box > div.layer_title > h1 {color: #000; font-weight: 600; font-size: 1.6rem;text-align: center;}
div.payment_box > div.successPayment {}
div.payment_box > div.successPayment > div.paymentCash { margin-bottom: 30px; }
div.payment_box > div.successPayment > div.paymentCash > table {width: 100%; border-collapse: collapse;font-size: 1rem;}
div.payment_box > div.successPayment > div.paymentCash > table > caption {display: none;}
div.payment_box > div.successPayment > div.paymentCash > table tr th { text-align: center; padding: 10px 0vw; border: 1px solid #ddd;background: #f0f0f0; }
div.payment_box > div.successPayment > div.paymentCash > table tr td { text-align: center; padding: 10px 0vw; border: 1px solid #ddd;}

div.payment_box > div.successPayment > div.caution_list {text-align: left; margin-bottom: 1.5vw;}
div.payment_box > div.successPayment > div.caution_list > ul {list-style: none;padding: 0px;font-size: 1rem;}
div.payment_box > div.successPayment > div.btn_box {text-align: center;}
div.payment_box > div.successPayment > div.btn_box a {display: inline-block;*display: inline;*zoom: 1;width: 23vw;padding: 8px 0px; max-width: 120px;font-weight: bold;text-decoration: none;color: #000;}
div.payment_box > div.successPayment > div.btn_box a.okBtn { background: #ba1218; color: #fff; }
div.payment_box > div.successPayment > div.btn_box a.closeBtn { background: #ddd; }

div.payment_box > div.successPayment > div.need_cash_charge {text-align: center;margin-top: 50px;}
div.payment_box > div.successPayment > div.need_cash_charge > h3 {font-size: 1.3rem;color: #e47b7b;margin-bottom: 15px;}
div.payment_box > div.successPayment > div.need_cash_charge > p {font-size: 1rem;color: #2bb2ca;}

div#layer_mask {display: none;background: #000;position: absolute;z-index: 998;}