@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Infra Development Team
 * 고객감사사전안내 Stylesheet
 * Author - moran67@hanbitsoft.co.kr 190829
 ------------------------------------------------- */

/* 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;line-height:0;font-size:0;text-indent:-9999px;visibility:hidden;}
body {background:#000;}

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

/* Styles
-------------------------------------------------------------- */
#wrap {position:relative;overflow:hidden;width:100%;min-width:1200px;}
.inner {position:relative;width:1100px;height:100%;margin:0 auto;}

.bgTop {background:url(../images/bg_top.jpg) no-repeat 50% 0;;height:870px;}
.bgTop .medal {position:absolute;top:51px;left:805px;background:url(../images/medal.png) no-repeat;width:176px;height:182px;opacity:0;-webkit-transform:translateZ(0px) scaleY(0.2) scaleX(0.4) skew(20deg, 10deg);transform:translateZ(0px) scaleY(0.2) scaleX(0.4) skew(20deg, 10deg);-webkit-animation: start 500ms 500ms ease-out forwards;
    animation: start 500ms 500ms ease-out forwards;}

.bgTop .btnRate {position:absolute;background:url(../images/sp_btn.png) no-repeat;z-index:3;outline:none;}
.bgTop .btn_point {top:662px;left:494px;width:294px;height:105px;background-position:0 0;}
.bgTop .btn_mytier {top:634px;left:805px;width:294px;height:99px;background-position:0 -105px;}
.bgTop .ly_wrap {position:absolute;top:440px;left:492px;background:url(../images/bg_layer.png) 0 0 no-repeat;width:606px;height:238px;}
.bgTop .ly_wrap .out {display:table;width:100%;height:190px;}
.bgTop .ly_wrap .in {display:table-cell;vertical-align:middle;text-align:center;}
.bgTop .ly_wrap .btn_close {position:absolute;top:2px;right:0;width:51px;height:49px;background:transparent;}
.bgTop .ly_wrap .out div {margin-bottom:5px;font-size:16px;color:#fff;}
.bgTop .ly_wrap .out span {color:#d021ff;font-weight:bold;}

.container {background:url(../images/bg.jpg) no-repeat 50% 0;height:1565px;}
.footer {background:url(../images/footer.jpg) no-repeat 50% 0;height:87px;}

/* popup S
-------------------------------------------------------------- */
#popup_wrap {width:500px;height:800px;}
#popup_wrap .class_pop {overflow:hidden;position:relative;width:500px;height:800px;background:url(../images/detail_rating_table.jpg) no-repeat 0 0;}
#popup_wrap .btn_popupclose {display:block;position:absolute;top:0;right:0;width:67px;height:63px;background:transparent;outline:none;}
/* popup E */

@keyframes start {
    100% {
      opacity: 1;
      -webkit-transform: translateZ(0px) scaleY(1) scaleX(1) skew(0deg, 0deg);
              transform: translateZ(0px) scaleY(1) scaleX(1) skew(0deg, 0deg);
    }
  }