@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Reset */
*{padding:0; margin: 0}
html,body{width:100%; height:100%}
html{overflow-y:hidden; min-width:1100px;}
body,h1,h2,h3,h4,input,button{font-family:'Nanum Gothic','나눔고딕',Dotum,Helvetica,sans-serif; font-size:18px;}
body{text-align:center; *word-break:break-all; -ms-word-break:break-all; background-color:#fff;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
a{text-decoration: none; }
video {object-fit: contain;}


.sv_red{color:#de0000}
.sv_copy{color:rgba(255,255,255,0.4); font-size: 11px; text-align: center; margin-top: 160px;}


#sv_Bg{background: url(sv_bg.jpg) no-repeat center top; background-size: cover; width: 100%; height: 100%; position: relative}
.sv_Bg{background-size: cover; width: 100%; height: 100%; position: absolute; z-index: 2}
#sv_Con{width: 770px; height: 680px; position: absolute; z-index: 3;  top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;}
#sv_Con .sv_tit1{background: url(sv_check_img.jpg) no-repeat center 26px; width: 650px; margin: 0 auto; text-align: center; font-weight: 700; color: #282828; font-size: 60px; padding-top: 220px; padding-bottom: 20px; border-bottom: 1px solid #000}
#sv_Con .sv_tit2{margin-top: 60px; margin-bottom: 20px}
#sv_Con .sv_stit{margin-top: 36px; line-height: 1.5em}
#sv_Con .sv_stitbox{width: 648px; text-align: center; font-weight: 700; font-size: 24px; padding: 30px 0; border: 1px solid #000; margin: 0 auto;}



/*bg effect*/
.color-change-2x {
	-webkit-animation: color-change-2x 5s linear infinite alternate both;
	        animation: color-change-2x 5s linear infinite alternate both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-9 14:25:17
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation color-change-2x
 * ----------------------------------------
 */
@-webkit-keyframes color-change-2x {
  0% {
    background: rgba(68,72,78,0.9);
  }
  100% {
    background: rgba(24,25,27,0.9);
  }
}
@keyframes color-change-2x {
  0% {
    background: rgba(68,72,78,0.9);
  }
  100% {
    background: rgba(24,25,27,0.9);
  }
}