article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  background: #000;
  color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

<!--a {text-decoration: none;color: #ff0000; cursor:pointer;}-->

/** Global Styles */
body {background-color: #000;font-family: 'Old Standard TT', serif;font-size: 15px;font-weight: 300;line-height: 1.5; }


.container { margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;*zoom: 1; }
.container:after { content: " ";clear: both; display: block;overflow: hidden; height: 0; }
 
	
/* Header Styles*/

html {scroll-behavior: smooth;}
html:not([data-scroll='0']) {}
.site-content{ width:100%; position:relative; background-color:#000; margin:0px auto; padding:0px;}

.container{width:100%; position:relative; padding-right:30px; padding-left:30px; /*background-color:#C60;*/}
.white-con{width:90%; margin:0 auto; }














.text-center{ text-align:center;}
.main-content { margin: 0 -15px;*zoom: 1; }
.main-content:after {content: " ";clear: both;display: block;overflow: hidden; height: 0; }
.flort-right{ float:right;}
.hei-100{height:100px;clear: both;}
.hei-124{height:124px;clear: both;}
.hei-180{height:180px;clear: both;}
.hei-70{height:70px;clear: both;}
.hei-80{height:80px;clear: both;}
.hei-60{height:60px;clear: both;}
.hei-50{height:50px;clear: both;}
.hei-40{height:40px;clear: both;}
.hei-30{height:30px;clear: both;}
.hei-20{height:20px;clear: both;}
.hei-15{height:15px;clear: both;}
.hei-10{height:10px;clear: both;}



.container-wrapper { padding-left: 30px; padding-right: 30px;}

.page-section {float: left;width: 100%; padding: 0;display: block;position: relative; margin: 0px auto;}
.vedio-box{ border:7px solid #F0F; text-align:center;}

.mar-left{margin-left: 27%;}
.socoal-box{/*width:50%;*/ margin:0px auto; }
/*.socoal-box .left{width: auto;float:left}*/
.socoal-box .left { width: auto; float: left;}
.socoal-box .right { width:;float: right; padding-left:;}

/*.socoal-box .right{width:100%;float:right;padding-left: 110px;}*/
.socoal-box h2{ font-size:20px; color:#fff; font-family: 'Nanum Gothic', sans-serif; font-weight:400;text-align:left; display:inline-block; border-bottom:1px solid #fff; padding-bottom:2px;margin-top: 4px;}
.socoal-box a{ display: inline-block;text-align: right; padding-left:2px;margin-bottom: 15px;}

.bg-white{ background:#fff; color:#333;}
.black-text{ color:#000;}
.pading-top6 {padding-top: 8%;}
.about-section{ margin-top:10%; width:100%; padding-left:20px;}
.about-section .h1{font-size:40px; color:#000; font-family: 'Old Standard TT', serif; font-weight:600; text-align:left; color:#000;}
.about-section p{font-family: 'Nanum Gothic', sans-serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 26px; padding: 0 0 20px; color:#000;}


.my-video{ width:50%; margin:0px auto;}



.button-home{width:170px; height:50px; border:1px solid #ff0000; text-align:center; cursor:pointer; position:relative; box-sizing:border-box; overflow:hidden;}
.button-home a{font-family: 'Old Standard TT', serif; font-size:21px; color:#ff0000; text-decoration:none; line-height:50px; transition:all .5s ease; z-index:2; position:relative; font-weight: normal;}
.button-home .eff-4{ width:170px; height:50px; left:-165px; background:#ff0000; color:#fff;  position:absolute;  transition:all .5s ease;  z-index:1;}
.button-home:hover .eff-4{left:0;}
.button-home:hover a{ color:#fff;}


.button-contact{width:170px; height:50px; border:1px solid #ff0000; text-align:center; cursor:pointer; position:relative; box-sizing:border-box; overflow:hidden; float:right;background: #ff0000;
    color: #fff;}
.button-contact a{font-family: 'Old Standard TT', serif; font-size:21px; color:#ff0000; text-decoration:none; line-height:50px; transition:all .5s ease; z-index:2; position:relative; font-weight: normal;}
.button-contact .eff-4{ width:170px; height:50px; left:-165px; background:#ff0000; color:#fff;  position:absolute;  transition:all .5s ease;  z-index:1;}
.button-contact:hover .eff-4{left:0;}
.button-contact:hover a{ color:#fff;}


.button-2{width:320px; height:50px;  border:1px solid #ff0000; float:left; text-align:center; cursor:pointer; position:relative; box-sizing:border-box; overflow:hidden; margin:0 0 40px 0px;}
.button-2 a{ font-family: 'Old Standard TT', serif;  font-size:20px;  color:#ff0000;  text-decoration:none; line-height:50px; transition:all .5s ease; z-index:2; position:relative;}
.eff-2{ width:320px; height:50px; top:-50px; background:#ff0000; position:absolute; transition:all .5s ease; z-index:1;}
.button-2:hover .eff-2{top:0;}
.button-2:hover a{color:#fff;}






.line-b{ background-color:#212121; height:1px; width:50%; margin:0px auto;}

.top-box{width:35%; margin:0px auto;}
.top-box99{width:100%; margin:0px auto;}
.top-text{font-family: 'Nanum Gothic', sans-serif; font-size: 18px;   font-weight: 400;  line-height: 30px;  padding: 0 0 32px; color:#fff;}

.font-op1 {font-size:40px; color:#828282; font-family: 'Old Standard TT', serif; font-weight:200;text-align:center;}
.font-op2 {font-size:40px; color:#2a2b2f; font-family: 'Old Standard TT', serif; font-weight:400; margin-bottom:20px;}
.last-box{width:54%; margin:0px auto;}
.text-block{font-family: 'Nanum Gothic', sans-serif; font-size: 18px;   font-weight: 400;  line-height: 30px;  padding: 0 0 32px;  color:#e9e9e9;}
.font-op3 {font-size:40px; color:#7d7d7d; font-family: 'Old Standard TT', serif; font-weight:400; text-align: center; margin-bottom:40px;}



.modal-title{ font-size:40px; color:#000; text-align:center;font-family: 'Old Standard TT', serif; }
.modal-body {position: relative;padding: 15px;}
.modal-header {padding: 17px 17px 0px; border: none;}
.modal-footer {padding: 15px; text-align: right; border: none;}
.close { float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}

.modal-header .close { margin-top: -35px;}
.modal-header p{font-size:18px; font-weight: 700;line-height: 1;color: #000;font-family: 'Old Standard TT', serif;}


.card {position: relative; font-family: 'Nanum Gothic', sans-serif;} 
.card:first-child {margin: 0 10px; padding: 0;}


.card .input-container {position: relative; margin: 0 9px 20px; font-family: 'Nanum Gothic', sans-serif;}
.card .input-container input {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 43px; border: 0; color: #2d2d2d;}
.card .input-container input:focus ~ label {color: #ff0000; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container input:focus ~ .bar:before, .card .input-container input:focus ~ .bar:after {width: 50%;}
.card .input-container input:valid ~ label {color: #ff0000; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container label {position: absolute; top: 0;  left: 0; color: #a2a2a2; font-size: 16px; font-weight: 400; line-height: 60px; transition: 0.2s ease;}

.card .input-container textarea {outline: none; z-index: 1; position: relative; background: none; width: 100%; border: 0; color: #2d2d2d; font-size: 20px; font-weight: 400; padding-top:12px;}
.card .input-container textarea:focus ~ label {color: #ff0000; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container textarea:focus ~ .bar:before, .card .input-container textarea:focus ~ .bar:after {width: 50%;}
.card .input-container textarea:valid ~ label {color: #ff0000; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}

.card .input-container button {width: 180px; padding: 15px; border: 0; background: #b7b7b7; color: #262626; text-transform: uppercase; font-weight: 400; font-size: 16px; border-radius: 7px; text-align: center;}

.card .input-container .btn-primary {color: #262626; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #b7b7b7;}
	

.card .input-container .bar { position: absolute; left: 0; bottom: 0; background: #757575; width: 100%; height: 1px;}
.card .input-container .bar:before, .card .input-container .bar:after {content: ''; position: absolute; background: #ff0000; width: 0; height: 2px; transition: .2s ease;}
.card .input-container .bar:before {left: 50%;}
.card .input-container .bar:after {right: 50%;}

button, input[type="button"], input[type="reset"], input[type="submit"] {position: relative;display: inline-block;padding: 15px 30px 12px;font-family: 'Nanum Gothic', sans-serif; font-size: 14px;
    line-height: 24px;font-weight: 700;background-color: #ff0000;border:1px solid #ff0000; color: #fff;}


/** Footer Styles*/
.site-footer {text-align: center;padding:20px 0px 10px 0px; border-top:1px solid #424242; font-family: 'Nanum Gothic', sans-serif; font-size:14px;   font-weight: 200;  line-height: 30px; color:#fff; }

.top-ht{ height:70px;}


.bg-f{ background:#000 url(../images/f-bg.jpg) repeat-x bottom; width:100%;}



.line-f{ background-color:#212121; height:1px; width:100%; margin:0px auto;}

.text-block-f{font-family: 'Nanum Gothic', sans-serif; font-size: 18px;   font-weight: 400;  line-height: 30px; /* padding: 0 0 32px; */ color:#fff; text-align:center;}
.text-block-f a{ color:#ff0000; text-decoration:none;}



ul.arrowunderline{list-style-type:none; margin:0; padding:0; text-align:center; font-family: 'Nanum Gothic', sans-serif; font-size: 18px;line-height: 50px;}
ul.arrowunderline li{display:inline; margin-right:25px;}
ul.arrowunderline li a{position:relative; color:#fff;  text-decoration:none;  border-bottom:1px solid #fff; padding-bottom:2px;}
ul.arrowunderline li a:hover{}