@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Infra Development Team
 * GM과 함께하는 Stylesheet
 * Author - moran679@hanbitsoft.co.kr 190110
 ------------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {margin:0;padding:0;font-size:100%;}
img, fieldset, button {border:0;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body, input, button, textarea, select, table, kbd {line-height:1.2;font-family:Malgun Gothic,'맑은고딕','돋움', dotum, Helvetica,sans-serif;font-size:12px;color:#000;}
img {vertical-align:middle;}
ol, ul {list-style:none;}
a {text-decoration:none;color:#000;}
a:hover, a:focus, a:active {text-decoration:underline;color:#0000ff;}
button, label {cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.irPm {display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}
.irWa {position:relative;display:block;overflow:hidden;width:100%;height:100%;z-index:-1;}
.blind {position:absolute;top:0;left:-1000%;width:1px;height:1px;line-height:0;overflow:hidden;}
.show {display:block;}
.hide {display:none;}
.fL {float:left;}
.fR {float:right;}
.clearFix {zoom:1;}
.clearFix:after {content:'';display:block;clear:both;}
.opc {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;}

/* Common
-------------------------------------------------------------- */

#wrap{position:relative;width:100%;min-width:1200px;background:#000;overflow:hidden;}
#wrap .inner{position:relative;width:1100px;height:100%;margin:0 auto;}
#container {background:url(../images/bg.jpg) no-repeat 50% 0;height:1640px;}
#container .charLabel00 {position:absolute;top:131px;right:-28px;background:url(../images/char_label00.png) no-repeat;width:186px;height:220px;}
#container .charLabel01 {position:absolute;top:323px;left:-44px;background:url(../images/char_label01.png) no-repeat;width:205px;height:245px;}

#container .gmSquadJoin {position:absolute;top:768px;left:555px;width:545px;height:80px;background:none;z-index:9;outline:none;}
#container .missionGetReward {font-size:0;height:0;}
/* S : 20190109 수정 */
#container .missionGetReward a {display:block;position:absolute;top:1120px;left:260px;width:22px;height:22px;}
#container .layerPop00 {display:none;position:absolute;top:1143px;left:58px;background:url(../images/layerPop00.png) no-repeat;width:425px;height:310px;}
/* E : 20190109 수정 */
#container .gmSquadWrite {visibility:hidden;opacity:0;filter:alpha(opacity=0);position:absolute;top:50%;left:50%;margin:-240px 0 0 -230px;background:url(../images/application_form.jpg) no-repeat;width:460px;height:480px;z-index:8;}
#container .gmSquadWrite .inner {width:auto;}
#container .gmSquadWrite .writeArea {position:absolute;top:147px;left:0;right:0;width:440px;height:263px;margin:0 auto;overflow-x:hidden;}
#container .gmSquadWrite .writeArea textarea {width:100%;height:99%;padding:18px 20px;font-family:'돋움',dotum;color:#333;font-size:12px;line-height:18px;box-sizing:border-box;overflow-y:auto;outline:none;resize:none;border:none;}
#container .gmSquadWrite .writeArea textarea::-webkit-input-placeholder {font-family:'돋움',dotum;color:#333;font-size:12px;}
#container .gmSquadWrite .writeArea textarea:-moz-placeholder {font-family:'돋움',dotum;color:#333;font-size:12px;}
#container .gmSquadWrite .writeArea textarea::-moz-placeholder {font-family:'돋움',dotum;color:#333;font-size:12px;}
#container .gmSquadWrite .writeArea textarea:-ms-input-placeholder {font-family:'돋움',dotum;color:#333;font-size:12px;}
#container .gmSquadWrite .writeArea textarea::-ms-input-placeholder {font-family:'돋움',dotum;color:#333;font-size:12px;}
#container .gmSquadWrite .btnArea {position:absolute;bottom:5px;left:8px;}
#container .gmSquadWrite .btnArea button {display:inline-block;vertical-align:middle;outline:none;}
#container .gmSquadWrite .btnReset {background:url(../images/btn_reset.png) no-repeat;width:221px;height:55px;}
#container .gmSquadWrite .btnSave {background:url(../images/btn_save.png) no-repeat;width:221px;height:55px;}

.swirl-in-fwd {-webkit-animation: swirl-in-fwd 0.6s ease-out both;animation: swirl-in-fwd 0.6s ease-out both;}
@-webkit-keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
    opacity: 1;
  }
}