@charset "utf-8";

.kakao-game-area {background-color:#fee500;margin-top:30px;padding:50px 50px 70px;background-image:url(/resources/gsfc/img/game/game01_qr.png);background-position:top right;background-repeat:no-repeat;color: #000;}
.kakao-game-area span.bg-round {display: inline-block; font-size: 20px; border-radius: 45px; padding: 10px 20px;}
.kakao-game-area span.darkred {background-color: #3a0c1a; color:#fff;}
.kakao-game-area span.blue {background-color: #001061; color:#fee500;}
.kakao-game-area span.bg-round em {font-size:16px;}
.kakao-game-area h4 {font-size:62px; font-weight:100; margin:30px 0 50px; margin-left:3px; letter-spacing:-5.5px;}
.kakao-game-area h4>b {font-weight:400;}
.kakao-game-area .info {margin-left:7px; font-size:26px; }
.kakao-game-area .info p {padding-bottom:35px;}
.kakao-game-area .game01-bot {margin-left:10px; margin-top:20px; padding-top:30px; background:url(/resources/gsfc/img/game/game01-product.png) top right no-repeat;}
.kakao-game-area .bot-text {font-size:20px; margin:20px 10px 40px;}
.kakao-game-area .bot-text i {display:inline-block; background-color:#f2bf25; line-height:22px; letter-spacing:-1px;}
.kakao-game-area .game-form {border-radius:10px;background-color:#3a0c19;background-image:url(/resources/gsfc/img/game/input_box_bg.jpg);background-position:center center;padding:45px 40px;margin-top:10px;}
.kakao-game-area .game-form p {font-size:24px; color:#fff; margin-bottom:15px;}
.kakao-game-area .input-box input,.kakao-game-area .input-box a.btn_kakao_yellow {display:inline-block;width:32%;float:left;margin:0 3px;height: 52px;}
.kakao-game-area .input-box input {font-size:24px;}
.kakao-game-area .input-box a.btn_kakao_yellow {font-size:24px; font-weight:bold; color:#fff; text-align:center; line-height:52px;
    background: #f2a602; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2a602 0%, #f4641f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f2a602 0%,#f4641f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f2a602 0%,#f4641f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a602', endColorstr='#f4641f',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 3px 2px rgba(0,0,0,.8);}
.kakao-game-area .input-box a.btn_kakao_yellow:hover {box-shadow:none; background:#dc510e;}

.kakao-game-area.game-sub {padding:25px 40px 40px; background-image:url(/resources/gsfc/img/game/game-sub-bg.jpg);}
.kakao-game-area.game-sub h5 {font-size:26px; font-weight:400; text-align:left;}
.kakao-game-area.game-sub h5>img {vertical-align:middle;}
.game-sub .q-box {background-color:#fff; border-radius:10px; margin-bottom:40px; border:solid 1px #ddd;}
.q-box.text-bg {background-image:url(/resources/gsfc/img/game/game-sub-boxbg.jpg); background-position:top right; background-repeat:no-repeat;}
.q-text {padding:35px 30px; background:url(/resources/gsfc/img/game/game-dotline.gif) bottom left repeat-x;}
.q-text h6 {font-size:30px; font-weight:500; letter-spacing:-.8px; line-height:40px; margin-left:65px; position:relative;}
.q-text h6 > b {position:absolute; top:0; left:-65px;}
.q-body {padding:50px 30px;}
.g-body {}
.a-4-inlin::after, .game-sub-bot::after {clear:both; display:table; content:"";}
.a-4-inlin li {display:inline-block; width:25%; float:left; padding:0 5px; box-sizing:border-box;}
.a-4-inlin li a,
.a-4-block li a {display:block; border:solid 1px #0f2246; background-color:#fff; text-align:center; font-size:20px; padding:25px 0;}
.a-4-inlin li a:hover,
.a-4-block li a:hover {background-color:#0f2246; color:#fff;}
.a-4-inlin li a.active,
.a-4-block li a.active {background-color:#95003f; color:#fff; border-color:#95003f;}
.a-4-block li {margin:8px 0;}
.pv-60 {padding-top:60px; padding-bottom:60px;}
.pv-20 {padding-top:20px; padding-bottom:20px;}
.game-sub-bot div {display:inline-block; float:left; box-sizing:border-box;}
.game-sub-bot .ing-bar {width:70%; font-size:20px; background-color:#fff; border-radius:45px; padding:10px 30px;}
.game-sub-bot .ing-btn {width:30%; padding-left:10px;}
.game-sub-bot .btn_next {display:block; font-size:20px; font-weight:400; text-align:center; color:#fff; padding:10px 0; border-radius:45px;
    background: #f2a602; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2a602 0%, #f4641f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f2a602 0%,#f4641f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f2a602 0%,#f4641f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a602', endColorstr='#f4641f',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 3px 2px rgba(0,0,0,.25);}
.game-sub-bot .btn_next:hover {box-shadow:none; background:#dc510e;}
.result-box {background-color:#fff; border-radius:10px; padding:45px 0; margin-bottom:40px; font-size:18px; background:url(/resources/gsfc/img/game/game-result-bg.jpg) top center no-repeat;-webkit-print-color-adjust: exact;}
.result-box .inner {width:696px; height:551px; margin:0 auto; text-align:center;}
.result-box h6 {padding-top:77px; padding-bottom:20px;}
.result-box .name-box {background:url(/resources/gsfc/img/game/game-result-img01.png) top left no-repeat; width:542px; height:134px; margin:0 auto; font-size:26px; text-align:right; padding-top:30px; padding-right:25px; box-sizing:border-box;}
.result-box .name-box b {letter-spacing:10px;}
.result-box .name-box p>b {letter-spacing:0; color:#00359a;}
.result-box p.text {font-size:26px; line-height:38px; padding:35px 0 40px;}
.game-sub-bot .btn_answer, .game-sub-bot .btn_first {font-size:20px; font-weight:bold; color:#fff; display:inline-block; padding:10px 0; margin:0 5px; border-radius:45px; width:150px; text-align:center;}
.game-sub-bot .btn_answer {
    background: #909090; /* Old browsers */
    background: -moz-linear-gradient(top,  #909090 0%, #505050 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #909090 0%,#505050 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #909090 0%,#505050 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#505050',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 3px 2px rgba(0,0,0,.25);}
.game-sub-bot a.btn_answer:hover {box-shadow:none; background:#505050;}
.game-sub-bot .btn_first {
    background: #0c66d7; /* Old browsers */
    background: -moz-linear-gradient(top,  #0c66d7 0%, #1f3594 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0c66d7 0%,#1f3594 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0c66d7 0%,#1f3594 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c66d7', endColorstr='#1f3594',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 3px 2px rgba(0,0,0,.25);}
.game-sub-bot a.btn_first:hover {box-shadow:none; background:#1f3594;}
.text-center {text-align:center;}

.q-text.answer {padding:25px;}
.q-text.answer h6 {font-size:24px; line-height:34px; margin-left:50px; margin-bottom:20px;}
.q-text.answer h6 > b {left:-50px;}
.q-text.answer .a-4-inlin, .q-text.answer .a-4-block {margin-left:50px;}
.q-text.answer .a-4-inlin li {display:inline-block; border:solid 1px #0f2246; font-size:14px; padding:15px 20px; margin:0 5px; box-sizing:border-box; width:auto; float:none;}
.q-text.answer .a-4-block li {border:solid 1px #0f2246; font-size:14px; padding:15px 20px; margin:8px 0; box-sizing:border-box;}
.q-text.answer .a-4-inlin li.active, .q-text.answer .a-4-block li.active {background-color:#0f2246; color:#fff;}
.q-text.answer .g-img01>img {width:100%; height:auto;}
.g-img01 {position:relative;}
.g-img01 a {position:absolute; cursor:default;}
.g-img01 a.check {background:url(/resources/gsfc/img/game/game-img-check.png) top center no-repeat; background-size:100% 100%;}
a.check>img {width:100px; height:82px;}