@charset "utf-8";

#wrap, html, body {;margin:0;padding:0;height: 100%;}
.clear { content:"" ; display:block;  height:0px; line-height:0px; font-size:0px; clear:both; }
body { min-width: 1333px; min-height: 795px;background: #000; overflow-x: hidden;}

#smartPop_overlay { background: #000 !important; }
#smartPop_content { padding: 0px !important;  }
#smartPop_container {background-color:white; -webkit-box-shadow:none !important;}

.naver_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 70px;height: 31px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/naver/btn_naver_login.png) 0 0 no-repeat;vertical-align: middle;margin-left: 5px;}
.naver_login_btn > img {display: none;}
.kakao_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 70px;height: 31px;background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/kakao/btn_kakaol_login.png) 0 0 no-repeat;margin-left: 5px;vertical-align: middle;}
.kakao_login_btn > img {display: none;}

/*img {width: 100%;height: auto;}*/
/*div.content {position: relative;height: 100%;}*/

/*http://cdn-img.kingkongsoft.kr/totalsamguk/*/


#wrap { background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/bg/bg_v1.jpg) 50% 0 no-repeat; height: 5707px;}
#wrap > div.container { height: 100%; margin: 0px auto;width: 1333px;}
div.container > div.content {position: relative;}
div.content.page01 { height: 1126px; }
div.content.page02 { height: 1072px; }
div.content.page03 { height: 1008px; }
div.content.page04 { height: 1300px; }
div.content.page05 { height: 1192px; }

div.float_banner {position: fixed;right:70px;top:70px;}
div.float_banner > a {display: block;margin-bottom: 15px;}


div.page01 > div.play_store_box {position: absolute;width: 700px;font-size: 0pt;line-height: 0;left:50%;margin-left: -350px;top:775px;}
div.page01 > div.play_store_box > a:first-child {margin-left: 0px;}
div.page01 > div.play_store_box > a {display: inline-block;*display: inline;*zoom: 1;margin-left: 15px;}





div.page02 div.reg_box { top:656px;left:321px;position: absolute;font-size: 0pt;line-height: 0pt;}

div.reg_box div.input_box { display: inline-block;*display: inline;*zoom: 1;width: 716px; margin-bottom: 77px; position: relative;}
div.reg_box  input.phone { width: 455px; font-size: 12pt; text-align: center; padding: 20px 0px 20px 15px; border: none; background: #fff;vertical-align: top;}
div.reg_box  input.phone::placeholder {color: #999;font-weight: bold;}

div.reg_box div.input_box > a.reg_btn {display: inline-block;*display: inline;*zoom: 1;vertical-align: top;margin-left: 5px;}

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.reg_box div.agree_text { width: 695px; font-size: 1pt;line-height: 3;margin-bottom: 30px;text-align: center;}
div.reg_box div.agree_text > label {display: inline-block;*display: inline;*zoom: 1;width: 18px;height: 18px; background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page02/btn_label_off.jpg) 0 0 no-repeat;background-size:100%;vertical-align:middle;margin-right: 10px;}
div.reg_box div.agree_text > label.on { background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page02/btn_label_on.jpg) 0 0 no-repeat; background-size: 100%;}
div.reg_box div.agree_text > label > input {width: 0px;height: 0px;}
div.reg_box div.agree_text > span {display: inline-block;*display: inline;*zoom: 1;vertical-align:middle; font-size: 0pt;line-height: 0pt;margin-right: 10px;}
div.reg_box div.agree_text > a {display: inline-block;*display: inline;*zoom: 1;vertical-align:middle;}
div.reg_box div.agree_text > a > img {vertical-align:middle;}


div.page03 > span.reserve_count { position: absolute;font-size: 23pt;font-weight: 900;text-align: center; color: #fff; top:381px;left:702px;width: 180px;}


div.item_box {position: absolute;top:449px;left:371px;width: 600px;height: 250px;}
div.item_box > span.items {position: absolute;width: 118px;height: 123px;}

div.item_box > span.items.type01 {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/off_01.png) 0 0 no-repeat;left:0px;top:0px;}
div.item_box > span.items.type01.on {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/on_01.png) 0 0 no-repeat;left:0px;top:0px;}
div.item_box > span.items.type02 {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/off_02.png) 0 0 no-repeat;left:140px; top:0px;}
div.item_box > span.items.type02.on {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/on_02.png) 0 0 no-repeat;left:140px; top:0px;}
div.item_box > span.items.type03 {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/off_03.png) 0 0 no-repeat;left:280px;top:0px;}
div.item_box > span.items.type03.on {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/on_03.png) 0 0 no-repeat;left:280px;top:0px;}
div.item_box > span.items.type04 {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/off_04.png) 0 0 no-repeat;left:73px;top:128px;}
div.item_box > span.items.type04.on {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/on_04.png) 0 0 no-repeat;left:73px;top:128px;}
div.item_box > span.items.type05 {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/off_05.png) 0 0 no-repeat;left:209px; top:128px;}
div.item_box > span.items.type05.on {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/on_05.png) 0 0 no-repeat;left:209px; top:128px;}
div.item_box > span.items.type06 {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/off_06.png) 0 0 no-repeat;width: 179px;height: 194px;left:405px;top:30px;}
div.item_box > span.items.type06.on {background: url(http://cdn-img.kingkongsoft.kr/totalsamguk/page03/on_06.png) 0 0 no-repeat;width: 179px;height: 194px;left:405px;top:30px;}


div.page04 > a.btn_facebook_share {position: absolute;left:512px;top:966px;}
div.page05 > div.introduce_game {width: 1330px;position: absolute;top:300px;left:12px;font-size: 0pt;line-height: 0pt;}
div.page05 > div.introduce_game > a { display: inline-block;*display: inline;*zoom: 1;width: 655px;height: 379px; }




.footer { background: #18181a;  min-height: 184px; padding-bottom: 15px;}
.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; }

div.footer_bottom > p.addr { margin-left: 130px; color: #7b7c81; font-size: 12px;}
div.footer_bottom > div.grade { position: absolute; right: 0px; top:33px; }
div.footer_bottom > div.grade > img:first-child { margin-left: 0px;  }
div.footer_bottom > div.grade > img { margin-left: 3px; }
.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;}