@charset "UTF-8";

/*Spage*/
.spage_body {width:1250px;margin:0 auto;padding:10px 0 0 0;}
.spage_left {float:left;width:auto;margin:0 9px 0 0;padding:0 0 30px 0;}
.spage_right {float:left;width:auto;padding:0 0 30px 0;}

.spage_menu {width:100%;background-color:#1fc679;overflow:auto;}
.spage_menu a {margin:0 9px 0 0;color:#fff;font-weight:bold;text-decoration:none;letter-spacing:-1px;}
.spage_menu a:hover {color:#c7f7ae;}
.spage_menu_left {float:left;padding:8px 10px;line-height:1.6;}

#content {margin:0 0 20px 0;}
.spage_title {width:100%;height:29px;}
.spage_title:after {display:block;content:'';clear:both;}
.spage_fortune_left {float:left;text-align:left;}
.spage_fortune_left a {font-size: 17px;font-weight: bold;line-height:20px;}
.spage_fortune_right2 {float:right;text-align:right;padding:0 10px 0 0;}
.spage_title .spage_fortune_left a {display:inline-block;margin:0 0 9px 0;}

.spage_bottom {clear:both;width:100%;background-color:#f2f2f2;border-bottom:2px solid #ccc;}
.spage_bottom_description {margin:0 auto;padding:15px;text-align:left;line-height:1.8;}
.spage_bottom_description .itemdescription {
    color: #686868;
    letter-spacing: -1px;
    line-height: 30px;
}
.spage_bottom_description .itemname {font-weight:bold;}

/* right */
.spage_comment_title {width:290px;height:21px;margin:7px 0 0 0;border-bottom:2px solid #dadada;text-align:left;}
.spage_comment {float:left;margin:0;padding:12px 0 0 0;}
.ajax_spage {clear:both;width:290px;height:400px;position:relative;overflow-x:hidden;overflow-y:scroll;}

/* 상점 */
.spage_intistore_body {clear:both;width:100%;}
.spage_intistore_body .swiper-pagination {bottom:0 !important;}
.spage_intistore_body .swiper-wrapper {margin-bottom:20px;}
.spage_intistore_color {display:none;width:232px;height:18px;position:absolute;left:20%;top:0;padding:6px 0 0 8px;text-align:left;z-index:99;}
.spage_intistore_color ul li {width:10px;height:10px;float:left;margin:0 2px 0 0;padding:0;border:1px solid #dfdfdf;cursor:pointer;}
.spage_menu .bar {margin:0 9px 0 3px;color:#fff;font-size:11px;}

.spage_item {clear:both;margin:5px 0;padding:20px 0;border:1px solid #dadada;text-align:center;}
.spage_item .top_txt {padding:0 0 15px 15px;text-align:left;}
.spage_item .btn_wrap {padding:10px 0 0 0;}

#is {width:100%;margin:0 auto;text-align:center;line-height:15px;}
#ii {text-align:center;margin:0 auto;}
#item {float:left;width:106px;height:205px;margin:0;padding:0 0 15px 0;}
#item .itemsub {width:97px;height:97px;margin:0 auto 11px;padding:0;box-sizing:border-box;overflow:hidden;}
#item .prd_name {letter-spacing:-2px;}
#item .rank {display:block;margin:4px 0;}
#item .soldout {color:#ff6c00;}

.store_sortlist {margin:0 15px;}
.store_sortlist .store_sort:after {display:block;content:'';clear:both;}
.store_sortlist .store_sort > div:first-child {float:left;}
.store_sortlist .store_sort > div:last-child {float:right;}
.store_sortlist .store_sort > div:last-child div {float:left;padding:0 0 5px 0;}
.store_sortlist .store_sort > div:last-child div .input {width:100px;padding:3px;}
.store_sortlist .sortlist_wrap {}
.store_sortlist .sortlist_wrap:after {display:block;content:'';clear:both;}

/* 상점 검색 */
.spage_fortune_right2.store {padding:0;}
.spage_fortune_right2.store > div {padding:3px 0 0 0;line-height:22px;}
.spage_search {display:inline-block;border:1px solid #dadada;margin:0 0 0 2px;padding:2px 3px 2px 5px;line-height:17px;}
.spage_search i {color:#8c8c8c;font-weight:bold;}
.spage_search .input {margin:-3px 0 0 0;font-weight:bold;}

/* 게임 */
.spage_fortune_fee {display:block;width:100%;text-align:center;overflow:auto;}
.spage_fortune_fee li {display:inline-block;width:12%;text-align:center;}
.spage_fortune_fee_item {display:inline-block;margin:0 2px;padding:0 0 10px 0;text-align: center;vertical-align:top;}
.spage_bottom_btn {clear:both;width:auto;margin:0 15px 15px 15px;text-align:right;}
.spage_bottom_btn .input {width:100px;margin:-1px 3px 0 0;text-align:center;-webkit-appearance:none;}
.fortune_fee_input {font-size: 15px;padding: 0 0 10px 0;}
.fortune_fee_input input {font-size: 16px;padding: 3px;}

/* 게임 > 리얼게임 */
.game_realgame {}
.game_realgame .play_area {width:100%;text-align:center;}
.game_realgame .play_area .realgame_list {margin:0 0 5px 0;}
.game_realgame .play_area .realgame_list a {display:inline-block;height:70px;border-radius:15px;overflow:hidden;}
.game_realgame .play_area .realgame_list a+a {margin-left:5px;}
.game_realgame .play_area .realgame_list a img {width:70px;height:70px;border-radius:15px;}

/* 게임 > 포춘쿠키 */
.spage_fortune_cookie_left {width:100%;margin:0;text-align:center;}
.spage_fortune_cookie_right {display:block;width:auto;margin:0 auto;text-align:center;}
.spage_fortune_cookie_right .introtxt {font-weight:bold;letter-spacing:-1px;}

/* 게임 > 타롯포인트 */
.spage_fortune_right {float:right;text-align:right;margin:0;padding:6px 10px 6px 0;}
.hanbonus {clear:both;padding:5px 0;border-top:1px solid #ccc;text-align:center;letter-spacing:-1px;}

.game_tarot { width:95%;margin: 0 auto; }
.game_tarot .mytarot {width: 100%;margin: 30px auto 0;padding: 10px 0;border: 1px solid #ccc;background-color: #fff;text-align: center;overflow: auto;}
.game_tarot .play_area {height:270px;margin:20px auto 0;border:1px solid #777;background:#b09d7f url('//static.instiz.net/images/bg_tarot.png') left top no-repeat;}
.game_tarot .play_area .wrap {position:relative;}
.game_tarot .play_area .inner {position:relative;}
.game_tarot .play_area .inner div {position:absolute;left:30px;top:30px;color:#fff;font-size:1em;font-weight:bold;letter-spacing:-1px;}
.game_tarot .play_area table {width:100%;height:100%;margin:20px 0 0 0;}
.game_tarot .play_area table tr td {vertical-align:middle;text-align:center;}
.game_tarot .play_area table tr td > div {margin:0 auto;}
.game_tarot .play_area .btn_wrap {position:relative;}
.game_tarot .play_area .btn_wrap .btn_boost {position:absolute;left:-35px;}
.game_tarot .play_area .macro {display:none;position:relative;left:50%;}

.game_tarot .pc_play {overflow:auto;margin:0 auto;padding:10px 0;background-color:#dbd6ce;border:1px solid #dbd6ce;color:#75726c;}
.game_tarot .pc_play > div:nth-child(odd) {float:left;width:25%;}
.game_tarot .pc_play > div:nth-child(even) {float:left;width:25%;font-weight:bold;}
.game_tarot .pc_play div div {padding:0 0 0 13px;border-right:1px solid #c9c0b3;}
.game_tarot .pc_play > div:nth-child(2) div {border-right:1px solid #b6b3af;}
.game_tarot .pc_play > div:nth-child(4) div {border-right:0;}

.game_tarot .mobile_play {margin:0 auto;padding:10px 0;background-color:#dbd6ce;border:1px solid #dbd6ce;width:100%;overflow:auto;color:#75726c;}
.game_tarot .mobile_play > div {float:left;width:50%;}
.game_tarot .mobile_play > div:last-child {font-weight:bold;}
.game_tarot .mobile_play div div {padding:0 0 0 13px;}
.game_tarot .mobile_play > div:first-child div {border-right:1px solid #c9c0b3;}

.game_tarot .play_info {width:100%;text-align:center;padding:20px 0 0 0;}
.game_tarot .play_info .txtinfo {display:block;color:#777;line-height:22px;margin:20px 0 0 0;}
.game_tarot .fortune_popup {display:none;position:relative;left:-120px;}

/* 게임 > 1시간의 기적 */
.game_han {width:100%;margin:0 auto;text-align:center;}
.game_han .hancon {width:95%;margin:30px auto 27px;}
.game_han .hanmy {width:100%;margin:0 0 10px 0;padding:10px 0;border:1px solid #ccc;background-color:#fff;}
.game_han .hanmy ul {overflow:hidden;}

/* 응모자 */
.game_han .hantop .entry {width:100%;}
.game_han .hantop .entry .times {width:100%;}
.game_han .hantop .entry .times:after {display:block;content:'';clear:both;}
.game_han .hantop .entry .times div:first-child {float:left;}
.game_han .hantop .entry .times div:last-child {float:right;}
.game_han .hantop .entry .play_area {clear:both;border:1px solid #5d5e61;color:#fff;}
.game_han .hantop .entry .play_area .final {padding:20px 0;background-image:url('//static.instiz.net/images/bg_han.png');}
.game_han .hantop .entry .play_area .final .input {margin-right:10px;width:53px;font-family:verdana;font-weight:bold;font-size:20px;letter-spacing:-1px;text-align:center;ime-mode:disabled;}
.game_han .hantop .entry .play_area .final img {margin:0 20px 0 5px;vertical-align:-12px;}
.game_han .hantop .entry .myentry {width:100%;margin:3px 0;}
.game_han .hantop .entry .myentry div:first-child {float:left;font-size:12px;}
.game_han .hantop .entry .myentry div:last-child {float:right;font-size:12px;}

/* 당첨자 */
.game_han .hantop .prizewin {clear:both;width:100%;padding:20px 0 0 0;}
.game_han .hantop .prizewin .info {width:100%;padding:7px 0 0 0;text-align:left;}
.game_han .hantop .prizewin .info:after {display:block;content:'';clear:both;}
.game_han .hantop .prizewin .info div:first-child {float:left;}
.game_han .hantop .prizewin .info div:last-child {float:right;}
.game_han .hantop .prizewin .winner {clear:both;border:1px solid #5d5e61;}
.game_han .btn_app {display:inline-block;}
.game_han .txtinfo {display:block;color:#777;margin:27px 0 0 0;}

.hanmember {clear:both;width:100%;background:#fff url('//static.instiz.net/images/bg_han_2.png') center center no-repeat;border:0;margin:0 auto;}
.hanmember_left {width:auto;height:90px;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.hanmember_left ul {padding:7px;}
.hanmember_left li {float:left;width:34px;height:34px;margin:0 6px 6px 0;}
.hanmember_right {width:100%;height:200px;overflow-y:scroll;position:relative;-webkit-overflow-scrolling:touch}
.hanmember_right ul {padding:7px;}
.hanmember_right li {float:left;display:block;width:34px;height:41px;margin:0 6px 0 0;overflow:hidden;}

.hanhistory_con {margin:20px;}
.hanhistory_item {display:table;width:100%;/*height:65px;*/margin:0 0 10px 0;border:1px solid #e5e5e5;}
.hanhistory_left {display:table-cell;width:25%;border-right:1px solid #e5e5e5;}
.hanhistory_left ul li {padding:5px 10px;}
.hanhistory_right {display:table-cell;}
.hanhistory_right ul li {float:left;margin:0 5px 5px 0;}
.hanhistory_right_top {padding:5px 0 0 5px;}
.hanhistory_right_bottom {padding:0 0 0 5px;}

.hangray {color:#959595;}
.his {width:25px;border:1px solid #ccc;padding:6px 0;font-size:11px;border-radius:50%;text-align:center;}

/* 역대 당첨 기록 */
.hanhistory_prize .hanhistory_item .hanhistory_left .round {letter-spacing:-1px;}
.hanhistory_prize .hanhistory_right .prizepoint {color:#009e3f;}
.hanhistory_prize .hanhistory_right .accumulated {color:#951015;}
.hanhistory_prize .indextable_view {margin:0 auto;padding:0 0 5px 0;text-align:center;}/* popup_han.htm */
.hanhistory_prize .btn_wrap {margin:0 auto;padding:0 0 20px 0;text-align:center;}


/* 게임 > 빈칸 채우기 */
.levelbox {background-color:#fff;border:1px solid #e0e0e0;padding:20px 0;font-size:12px;cursor:pointer}

.game_fillblank .fillblank {text-align:center;}
.game_fillblank .fillblank .top_txt {display:block;font-size:18px;margin-bottom:10px;}
.game_fillblank .play_area {line-height:22px;}
.game_fillblank .play_area:after {display:block;content:'';clear:both;}
.game_fillblank .fillblank .myfillblank {width:auto;text-align:center;margin:10px auto 20px;}
.game_fillblank .fillblank .myfillblank b span {font-size:15px;letter-spacing:-1px;}
.game_fillblank .fillblank .levelbox.menuicon_red {margin-bottom:5px;}
.game_fillblank .fillblank .timebox {font-size:12px;margin-bottom:5px;}
.game_fillblank .fillblank .timebox .timer {font-size:30px;}
.game_fillblank .fillblank .timebox div {padding:5px 0;}
.game_fillblank .fillblank .timebox div span {font-size:16px;font-weight:bold;}
.game_fillblank .fillblank .timebox a {display:block;margin-top:20px;}
.game_fillblank .fillblank .gogamelayer:after {display:block;content:'';clear:both;}
.game_fillblank .fillblank .gogamelayer .levelbox {margin-bottom:5px;}
.game_fillblank .fillblank .gogamelayer .levelbox .level {font-size:17px;font-weight:bold;}

.game_fillblank .fillblank .play_status {padding:20px 0  0 0;text-align:center;}
.game_fillblank .fillblank .play_status .txt {font-size:17px;margin-bottom:15px;}
.game_fillblank .fillblank .play_status .levelbox {}
.game_fillblank .fillblank .play_status .levelbox select {margin-bottom:5px;}
.game_fillblank .fillblank .play_status .levelbox span.texthead {font-size:15px;letter-spacing:-1px;}
.game_fillblank .fillblank .play_status .hantop {clear:both;padding:10px 0 0 0;font-size:17px;text-align:center;letter-spacing:-1px;}

.game_fillblank .fillblank .blankbox {}
.game_fillblank .fillblank .blankbox b {display:block;margin-bottom:5px;}

.game_fillblank .play_info {}
.game_fillblank .play_info .txtinfo {text-align:center;margin-top:20px;}
.game_fillblank .play_info .txtinfo span {color:#777;}

.game_fillblank  .blank_quiz {margin-top:20px;}
.game_fillblank  .blank_quiz .levelbox {margin:15px 0;}
.game_fillblank  .blank_quiz .levelbox .quiz_area {padding:0 0 25px 0;text-align:center;}
.game_fillblank  .blank_quiz .levelbox .quiz_area .quiz_view {display:block;clear:both;text-align:center;margin:0 auto 10px;}
.game_fillblank  .blank_quiz .levelbox .quiz_area a {text-decoration:underline;}
.game_fillblank  .blank_quiz .levelbox .quiz_input {padding:0 0 3px 0;text-align:center;}
.game_fillblank  .blank_quiz .levelbox .quiz_input .input {padding:10px 13px;font-size:17px;letter-spacing:1px;text-align:center;margin-bottom:5px;}
.game_fillblank  .blank_quiz .levelbox .quiz_input span {display:block;margin-top:5px;}

.game_fillblank .fillblank .fortune_popup_text {margin-left:-115px;}

.spage_bottom .spage_bottom_btn {text-align:center;}/* 다른 페이지 레이아웃 확인해보기 */

/* 게임 popup */
.fortune_popup {display:none;width:auto;min-width:130px;height:50px;position:relative;text-align:center;cursor:pointer;z-index:500;}
.fortune_popup_text {margin:0;padding:17px 10px;border: 1px solid #a3947a;border-radius: 5px;background: #e5dfcc;letter-spacing: -0.5px;text-align:center;cursor:pointer;white-space:nowrap;}

/* 복채 */
.info_fortune {padding:20px;}
.info_fortune table {width:100%;margin:0 auto;}
.info_fortune table td {line-height:1.7;vertical-align:top;}
.info_fortune .btn_wrap {width: 100%;margin:10px auto;text-align: center;}

/* 날아라 꼬마새 */
.easter_egg {margin:20px;text-align:center;}
.easter_egg .infotxt {padding:15px 0;}
.easter_egg .btn_wrap {width:auto;padding:5px 0;text-align:center;}

@media screen and (max-width:900px) {.spage_fortune_fee li {width:11%;}}
@media screen and (max-width:700px) {.spage_fortune_fee li {width:22%;}}
@media screen and (min-width:950px) {
    .spage_intistore_body .swiper-wrapper {margin-left:35px;}
    .store_sortlist .sortlist_wrap {margin-left:35px;}
}