@charset "utf-8";

#wrap, html, body {;margin:0;padding:0;}
.clear { content:"" ; display:block;  height:0px; line-height:0px; font-size:0px; clear:both; }
body { min-width: 1400px; min-height: 795px;background: #000; }

#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;}

div.container {}


div.container {position: relative;height: 100%;}

div.section {position: relative; height: 100%;}

div.section > div.article {position: relative; height: 1080px;}
div.section.page01 > div.article {background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content01/bg.jpg) 50% 0 no-repeat;}
div.section.page02 > div.article {background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content02/bg.jpg) 50% 0 no-repeat;}
div.section.page03 > div.article {background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content03/bg.jpg) 50% 0 no-repeat;}
div.section.page04 > div.article {background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content04/bg.jpg) 50% 0 no-repeat;}
div.section.page05 > div.article {background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content05/bg.jpg) 50% 0 no-repeat;}


div.page01 {  }
div.page01 div.content { width: 1200px; margin: 0px auto 0px auto; height: 100%;text-align: center;}

div.page01 div.content > img.character {margin: 130px auto 0px auto;}
div.page01 div.content > a.play_btn {display: block;width: 147px; margin: -90px auto 30px auto;  }
div.page01 div.content > ul.store {display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt;}
div.page01 div.content > ul.store > li {display: inline-block;*display: inline;*zoom: 1; vertical-align:middle;margin-left: 50px;}
div.page01 div.content > ul.store > li:first-child {margin-left: 0px;}
div.page01 div.content > ul.store > li > a { display: block;position: relative; }
div.page01 div.content > ul.store > li > a > img.on {display: none;}
div.page01 div.content > ul.store > li > a:hover > img.on {position: absolute;left:-21px;top:-13.5px;display:block;}

div.page02 {  }
div.page02 div.content { width: 1230px; margin: 0px auto 0px auto; height: 100%;text-align: center;/*padding-left: 341px;*/position: relative;}
div.page02 div.content > div.left {position: absolute;left:0px;top:0px;bottom:0px;width: 341px;}
div.page02 div.content > div.left > img.character { position: absolute;left:0px;bottom:0px; }
div.page02 div.content > div.right { margin-left: 341px;padding-top: 240px;}

div.page02 div.content > div.right > div.reg_box {width: 881px; height: 609px;margin: 0px auto 0px auto;position: relative;background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content02/box.png) 0 0 no-repeat; text-align: center;}

div.reg_box div.input_box { display: inline-block;*display: inline;*zoom: 1;width: 503px; margin: 364px 0px 30px 51px; position: relative;}
div.reg_box  input.phone { width: 99%; position: absolute; left: 3px; top: 4px; font-size: 11pt; text-align: center; padding: 15px 0px 15px 0px; border: none; background: transparent;}
div.reg_box  input.phone::placeholder {color: #e99ba8;font-weight: bold;}

div.reg_box div.os {display: inline-block;*display: inline;*zoom: 1;width: 503px; margin: 0px 0px 30px 20px; position: relative;text-align: center;}
div.reg_box div.os > label {display: inline-block;*display: inline;*zoom: 1;background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content02/btn_01_off.png) 0 0 no-repeat;width: 22px;height: 21px;background-size: 100%;margin-right: 5px; vertical-align:middle;}
div.reg_box div.os > label.on { background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content02/btn_01_on.png) 0 0 no-repeat; background-size: 100%;}
div.reg_box div.os > label > input {width: 0px;height: 0px;}
div.reg_box div.os > span.android {display: inline-block;*display: inline;*zoom: 1;margin-right: 69px;vertical-align:middle;}
div.reg_box div.os > span.ios {display: inline-block;*display: inline;*zoom: 1;vertical-align:middle;}
/*div.reg_box div.os > span > img {width: 100%;height: auto;}*/

div.reg_box div.agree_text { width: 503px; margin: 0px auto 40px auto; font-size: 0pt;line-height: 0;}
div.reg_box div.agree_text > label {display: inline-block;*display: inline;*zoom: 1;width: 22px;height: 22px; background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content02/btn_02_off.png) 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/lovemaker/web/content02/btn_02_on.png) 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 a.reg_btn { position: relative; display: inline-block;*display: inline;*zoom: 1;margin-left: 57px;margin-right: 20px;}
div.reg_box a.reg_btn > img.on {display: none;}
div.reg_box a.reg_btn:hover > img.on {position: absolute;display: block;left:0px;top:0px;}
div.reg_box a.google_play {position: relative;display: inline-block;*display: inline;*zoom: 1;}
div.reg_box a.google_play > img.on {display: none;}
div.reg_box a.google_play:hover > img.on {position: absolute;display: block;left:0px;top:0px;}
div.page02 div.right div.bottom { margin: 40px 0px 0px 40px; }

div.page03 {  }
div.page03 div.content { width: 1515px; margin: 0px 0px 0px 285px; height: 100%;text-align: center;position: relative;}
div.page03 div.content > div.left {margin-right: 623px; padding-top: 233px;}
div.page03 div.content > div.right {position: absolute;right:0px;top:0px;bottom:0px;width: 623px;}
div.page03 div.content > div.right > img {position: absolute;bottom:0px;right:0px;}
div.page03 div.content > div.left > div.item_box {width: 892px;height: 678px;display: inline-block;*display: inline;*zoom: 1;background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content03/box_1.png) 0 0 no-repeat;position: relative;}
div.page03 div.content > div.left > div.item_box > div.prev_join {width: 764px;height: 70px;position: absolute;top: 340px;left:71px; background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content03/people.png) 0 0 no-repeat;}
div.item_box > div.prev_join > span {position: absolute; font-size: 18pt; font-weight: 900; color: #876fb7; width: 150px; left: 383px; top: 24px}
div.item_box > div.progress_box {width: 763px;height: 35px;position: absolute;left:71px;;top:428px;background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content03/bar_01.png) 0 0 no-repeat;}
div.item_box > div.progress_box > span.bar {position: absolute;left:0px;top:0px;bottom:0px;overflow-x: hidden;}

div.item_box > ul.attendance_box {position: absolute;left:54px;top:530px;font-size: 0pt;line-height: 0pt;}
div.item_box > ul.attendance_box > li {display: inline-block;*display: inline;*zoom: 1;margin-left: 15px;position: relative;}
div.item_box > ul.attendance_box > li > img.stamp {position: absolute;left:-3px; top:24px;}


div.page04 {  }
div.page04 div.content { width: 1446px; margin: 0px 0px 0px 100px; height: 100%;text-align: center;/*padding-left: 341px;*/position: relative;}
div.page04 div.content > div.left {position: absolute;left:0px;top:0px;bottom:0px;width: 551px;}
div.page04 div.content > div.left > img.character { position: absolute;left:0px;bottom:0px; }
div.page04 div.content > div.right { margin-left: 551px;padding-top: 160px;}
div.page04 div.content > div.right > div.item_box { display: inline-block;*display: inline;*zoom: 1;width: 895px;height: 663px;background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/content04/box_2.png) 0 0 no-repeat; position: relative;}

div.page04 div.content > div.right > div.item_box > a#facebookShare {position: absolute;left:303px;top:660px;}
div.page04 div.content > div.right > div.item_box > a#facebookShare > img.on {display: none;}
div.page04 div.content > div.right > div.item_box > a#facebookShare:hover > img.on {display: block;position: absolute;left:0px;top:0px;}


div.page05 {  }
div.page05 div.content {width: 1400px; margin: 0px auto 0px auto; padding-top: 200px; text-align: center;/*padding-left: 341px;*/position: relative;}
div.page05 div.content > h3.page_title { margin: 0px auto 80px auto; text-align: center; }
div.page05 div.content > ul.screenshot {display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt;}
div.page05 div.content > ul.screenshot > li {display: inline-block;*display: inline;*zoom: 1;margin: 0px 0px 20px 20px;}

div.navigator {position: fixed;left:0px;right:0px;min-width: 1400px;height: 100px;background: url(http://cdn-img.kingkongsoft.kr/lovemaker/web/navi/bg.png) 50% 0 no-repeat;z-index: 99;}
div.navigator > div.navi_layer {position: relative;width: 100%;height: 100%;}
div.navigator > div.navi_layer > h1.logo {position: absolute;left:70px;top:7px;}
div.navigator > div.navi_layer > p.social {position: absolute;right:70px;top:37px;}
div.navigator > div.navi_layer > p.social > a {margin-left: 15px;}
div.navigator > div.navi_layer > ul {display: inline-block;*display: inline;*zoom: 1;position: absolute;left:50%;top:39px;transform: translate(-50%);}
div.navigator > div.navi_layer > ul > li {display: inline-block;*display: inline;*zoom: 1;margin-left: 190px;}
div.navigator > div.navi_layer > ul > li:first-child {margin-left: 0px;}
div.navigator > div.navi_layer > ul > li > a { display: block;position: relative; }
/*div.navigator > div.navi_layer > ul > li > a > img {position: relative;z-index: 1;}*/
div.navigator > div.navi_layer > ul > li > a > img.on {display: none;position: absolute;left:-54px;top:-22px;z-index: 0;}
div.navigator > div.navi_layer > ul > li > a:hover > img.on { display: block; }


div.fixed_ad_layer {position: absolute;right:130px;top:140px;z-index: 100;}
div.floating {width: 227px;height: 391px;position: relative;background: url(http://cdn-img.kingkongsoft.kr/lovemaker/floating/bg_0219.png) 0 0 no-repeat;}
/*div.floating > a.fb {position: absolute; left:24px; bottom:80px;}*/
/*div.floating > a.ka {position: absolute; right: 24px; bottom:80px;}*/

div.floating > a.fb {position: absolute; left:24px; bottom:60px;}
div.floating > a.ka {position: absolute; right: 24px; bottom:60px;}

div.pop_agree_text {width: 700px;height: 430px; 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:cover;}
div.pop_agree_text > h3 { font-size: 10pt; margin-bottom: 8px; }
div.pop_agree_text > p {font-size: 9pt;line-height: 1.2;margin-bottom: 5px;}
div.pop_agree_text > div.list {font-size: 9pt;line-height: 1.2;margin-bottom: 15px;}