/*----CDN WEBFONT-----------------*/
/*-----클래스의 폰트패밀리는 cdn 폰트매밀리와일치시킨다-------*/
@import url('https://fonts.googleapis.com/css?family=Saira+Condensed');
/*---------font-setting---------------*/


body {  
font-family: 'Saira Condensed', sans-serif;   
font-size: 1em; 
line-height: 1.5em;   
color: #666;
font-weight: lighter;
}  

h1 {     
font-size: 3em;   
line-height: 1.5em;  
color: #fff;
text-transform: uppercase;
}  

h2 {  
font-size: 2.3em;   
line-height: 1.5em;  
}  

h3 {  
font-size: 1.3em;   
line-height: 1.3em;  
color: #fff;
}  

h4{
font-size: 1.2em;
line-height:1.3em;
}

h5{
font-size: 1.1em;
margin:0;
}

p{
font-size: 1em;
line-height: 1.3em;

}

small{
font-size: 0.7em;
}

.red{
  font-size: 1.5em;
  color: red;
  text-transform: uppercase;
}





/*---------------basic----------------*/
body {
  background-color: none;
  margin: 0; 
  padding: 0;
  }


img {
vertical-align: middle;
}




/*---navi---*/


/*---start---*/

/*---total----*/
#container{
  min-width:320px; 
 }

.body-box{
  border: 0px solid red;  
  clear: both;
  padding: 0;
  margin: 0;
  position: relative;
  height:600px;
  background-color: none;
 
}

.main-content{
  border-left: 1px solid #818181;
  position: relative; 
  margin-left: 50px;
  padding-left: 5%;
  width: 80%;
  background-color: none;
  height: 600px;
  float:left;
}

.tittle-line-g{
  float:left;
  width:30px;
  height:3px;
  background:#414141;
  margin-top:35px;
  position:absolute;
}

.tittle-line-w{
  float:left;
  width:30px;
  height:3px;
  background:#ffffff;
  margin-top:35px;
  position:absolute;
}


/*---navi---*/
#fix{
  position:fixed;
  top:50%;

}



.navi {
  background: none;
  margin: auto;
  width: 100vw;
  height:1000px;
  animation: bugfix infinite 1s;
  -webkit-animation: bugfix infinite 1s;
  
}

@keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}

#overlay-button {
  position: absolute;
  left: 0.5em;
 
  padding: 0;
  z-index: 5;
  cursor: pointer;
  user-select: none;
  transform: rotate(90deg);
}

#overlay-button span {
  height: 3px;
  width: 35px;
  border-radius: 0px;
  background-color: #a5a5a5;
  position: relative;
  display: block;
  transition: all .2s ease-in-out;
}
#overlay-button span:before {
  top: -8px;
  visibility: visible;
}
#overlay-button span:after {
  top: 8px;
}
#overlay-button span:before, #overlay-button span:after {
  height: 3px;
  width: 35px;
  border-radius: 0px;
  background-color:  #a5a5a5;
  position: absolute;
  content: "";
  transition: all .2s ease-in-out;
}

#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
  background: #a5a5a5;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox]:checked ~ #overlay {
  visibility: visible;
}

input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
  background: transparent;
}
input[type=checkbox]:checked ~ #overlay-button span:before {
  transform: rotate(45deg) translate(5px, 5px);
  opacity: 1;
}
input[type=checkbox]:checked ~ #overlay-button span:after {
  transform: rotate(-45deg) translate(7px, -7px);
}

#overlay {
  height: 600px;
  width: 100vw;
  margin: 0px;
  background: #000;
  z-index: 2;
  visibility: hidden;
  position: fixed;
  top: 0px;
}

#overlay.active {
  visibility: visible;
}

#overlay ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 600px;
  padding-left: 0;
  list-style-type: none;
}

#overlay ul li {
  padding: 1em;
}

#overlay ul li a {
  color: white;
  text-decoration: none;
  font-size: 2em;
}

#overlay ul li a:hover {
  color: red;
}




/*main*/ 


.main-img{
  border: 0px solid black;
  position: relative;
  height: 600px;
  background: url(..\\img\\main.png) no-repeat;
  background-size: cover;
  background-position: right;
}


.main-content{
  border-left: 1px solid #818181;
  position: relative; 
  color: #fff; 
  margin-left: 50px;
  padding-left: 5%;
  width: 70%;
  background-color: none;
  height: 600px;
  float:left;
}

.main-content .red{
  float:left;
}
.red-right{
  float:right;
  position:relative;
  right:20px;
  font-size: 0.8em;
}

.main-content h3{
  padding-top: 150px;
}

.h3b {
  font-size:1.5em;
}

.main-content h1{
  margin-top:-10px;
}

.main-content small{
float: left;
left: 0%;
}

.main-video-line{
  float:left;
  width:100px;
  height:4px;
  background:#cacaca;
  margin-top:15px;
  position:absolute;
}

.main-video-redline{
  position:relative;
  left:0px;
  height:4px;
  top:0px;
  width:40px;
  background:#f00;
  float:left;
}

.main-content h4{
margin:0px;
clear:both;
float:left;
margin-top:25px;
margin-bottom:25px;
font-size:1.7em;
}

.tag-w{
clear:both;
float:left;
position:relative;
margin-top:5px;
width:70%;
font-size:0.8em;
}






/*----about----*/
.about{
  border: 0px solid black;
  position: relative;
  height: 600px;
  background: white;
  background-size: cover;
  background-position: right;
  top:0;
}

.about-content{
  border-left: 1px solid #818181;
  position: relative; 
  color: #fff; 
  margin-left: 50px;
  padding-left: 5%;
  width: 70%;
  background-color: none;
  height: 600px;
  float:left;
}

.about-content img{
  position: absolute;
  top: 0;
  right:10%;
  width:200px;
 
}

.about-content h2{
position:relative;
color:#414141;

}

.about-content h4{
  margin-top:30px;
  padding-left:70px;
  margin-bottom: 0px;
  color:#414141;
}
.about-content p{
  margin:0;
  color:#414141;

}

.tag-b{
  clear:both;
  float:left;
  position:relative;
  margin-top:25px;
  color:#414141;
  font-size:0.8em;
  }



/*---NEWS---*/

.news-img{
  border: 0px solid black;
  position: relative;
  height: 600px;
  background: url(..\\img\\newsmain.png) no-repeat;
  background-size: cover;
  background-position: center;
  margin-top:-16px;

}

.news-content{
  border-left: 1px solid #818181;
  position: relative; 
  color: #fff; 
  margin-left: 50px;
  padding-left: 5%;
  width: 70%;
  background-color: none;
  height: 600px;
  float:left;
}


.news-content .red{
float:right;
margin-top: -63px;
margin-right: 20px;
}

.news-content ul{
  padding-left: 20px;
}

.news-content li{
  list-style-type: none;
}


.news-content ul li::before {
  content: "▪";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1.3em; /* Also needed for space (tweak if needed) */
}


/*---contactus----*/
.contact{
  border: 0px solid black;
  position: relative;
  height: 600px;
  background: white;
  background-size: cover;
  background-position: right;
  top:0;
}

.contact-content{
  border-left: 1px solid #818181;
  position: relative; 
  color: #414141; 
  margin-left: 50px;
  padding-left: 5%;
  width: 80%;
  background-color: none;
  height: 600px;
  float:left;
  line-height:1.2em;
}

.contact-content ul{
  padding-left: 20px;
}


.contact-content li{
  list-style-type: none;
  color: #414141;
  font-size:1em;
}


.contact-content ul li::before {
  content: "▪";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: gray; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1.3em; /* Also needed for space (tweak if needed) */
}




.content-textbox{
  width: 80%;
  padding: 0;
  display: block;
  margin: 0;
  position: relative;
}

.content-textbox:after{
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.content-text{
  border: 0px solid black;
  border-radius: 0px;
  position: relative;
  padding-left: 0px;
  padding-right:50px;
  margin: 0;
  text-align: left;
  float: left;
}


.p-g{
font-size:0.9em;
color:#818181;
padding:0px 0px;
}



/*---campaign--*/
.campaign{
  border: 0px solid black;
  clear:both;
  position: relative;
  height: 850px;
  width:100%;
  background: black;
  background-size: cover;
  background-position: none;
  top:0;
}

.campaign-content{
  border-left: 1px solid #818181;
  position: relative; 
  color: white; 
  margin-left: 50px;
  padding-left: 5%;
  width: 80%;
  background-color: none;
  height: 850px;
  float:left;
  line-height:1.2em;
}


.campaign-content .red{
  float:right;
  margin-top: -63px;
  margin-right: 20px;
  }


  .box-text{
    position:relative;
    margin-top:-50px;
    padding-left:10px;
  }
  


  .campaign-box ul{
  list-style-type: none;
   color: #fff;
    font-size:1em;
	padding-left: 20px;
}


  .campaign-box ul li::before {
  content: "▪";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1.3em; /* Also needed for space (tweak if needed) */
}


  .campaign-box{
  border: 0px solid red;
  width: 85%;
  padding: 0;
  display: block;
  margin: 0;
  position: relative;
}

.campaign-box:after{
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.box{
  border: 0px solid black;
  border-radius: 0px;
  position: relative;
  padding-left: 0px;
  padding-right:20px;
  margin: 0;
  text-align: left;
  float: left;
 
}




/*---fotter---*/
.signin{
  border: 0px solid black;
  position: relative;
  height: 520px;
  width:100%;
  background:white;
  background-size: cover;
  background-position: none;
  top:0;
}

.signin-content{
  border-left: 1px solid #818181;
  position: relative; 
  color: #414141; 
  margin-left: 50px;
  padding-left: 5%;
  width: 70%;
  background-color: none;
  height: 520px;
  float:left;
  line-height:1.2em;
}

.signin-content ul{
  padding-left: 20px;

}

.signin-content li{
  list-style-type: square;
  font-size:1em;
}

.signin-content hr{
  margin-left:0px;
  width: 80%;
  
}
.check-box{
  padding-left: 0px;
}

.check-box li{
  list-style-type:none;

}

.check-button{
  margin-left:0px;
  text-align:center;
  width:80%;
  padding-left:0px;
  

}


.check1  {
  width:60px;
  height:20px;
  display:inline-block;
  margin:0px;
  border:1px solid #a5a5a5;
  border-radius:45px;
  margin-right:15px;
  text-align:center;
  margin-top:15px;
  
 }

 .check2  {
  width:60px;
  height:20px;
  display:inline-block;
  margin:0px;
  border:1px solid #a5a5a5;
  border-radius:45px;
  text-align:center;
  margin-top:15px;
 }

.check1 a{text-decoration:none;}
.check2 a{text-decoration:none;}






.footer{
  border: 0px solid black;
  position: absolute;
  height: 150px;
  width:100%;
  background:black;
  background-size: cover;
  background-position: none;
  top:0;
  
}

.footer-content{
  border-left: 1px solid #818181;
  position: relative; 
  color: #414141; 
  margin-left: 50px;
  padding-left: 5%;
  width: 80%;
  background-color: none;
  height: 150px;
  float:left;
  line-height:1.2em;
  text-align:center;
}



.sns img{
  padding-right:10px;
  padding-top:20px;
  padding-bottom:10px;

}

#web{display:none}




/*---------------------------------media----------------------------------*/
@media ( min-width: 1919px ) {
 
#web{display:block}
#mobile{display:none;}












/*---navi---*/
#fix{
  position:fixed;
  top:50%;

}



.navi {
  background: none;
  margin: 0px;
  width: 100vw;
  height:940px;
  animation: bugfix infinite 1s;
  -webkit-animation: bugfix infinite 1s;
  
}

@keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}

#overlay-button {
  position: absolute;
  left: 2em;
 
  padding: 0;
  z-index: 5;
  cursor: pointer;
  user-select: none;
  transform: rotate(90deg);
}

#overlay-button span {
  height: 2.5px;
  width: 45px;
  border-radius: 0px;
  background-color: #a5a5a5;
  position: relative;
  display: block;
  transition: all .2s ease-in-out;
}
#overlay-button span:before {
  top: -8px;
  visibility: visible;
}
#overlay-button span:after {
  top: 8px;
}
#overlay-button span:before, #overlay-button span:after {
  height: 2.5px;
  width: 45px;
  border-radius: 0px;
  background-color:  #a5a5a5;
  position: absolute;
  content: "";
  transition: all .2s ease-in-out;
}

#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
  background: #a5a5a5;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox]:checked ~ #overlay {
  visibility: visible;
}

input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
  background: transparent;
}
input[type=checkbox]:checked ~ #overlay-button span:before {
  transform: rotate(45deg) translate(5px, 5px);
  opacity: 1;
}
input[type=checkbox]:checked ~ #overlay-button span:after {
  transform: rotate(-45deg) translate(7px, -7px);
}

#overlay {
  height: 940px;
  width: 100vw;
  margin: 0px;
  background: #000;
  z-index: 2;
  visibility: hidden;
  position: fixed;
  top: 0px;
}

#overlay.active {
  visibility: visible;
}

#overlay ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 940px;
  padding-left: 0;
  list-style-type: none;
}

#overlay ul li {
  padding: 1em;
}

#overlay ul li a {
  color: white;
  text-decoration: none;
  font-size: 2em;
}

#overlay ul li a:hover {
  color: red;
}

/*------basic-------*/

.menu-line{
position: absolute; 
border-left: 1px solid #818181;
height: 940px;
width:90%;
margin:auto;
left: 5%;
}


.tittle-line-g{
  float:left;
  width:60px;
  height:5px;
  color:#222;
  margin:auto;
  
}


.tittle-line-w{
  float:left;
  width:60px;
  height:5px;
  background:#ffffff;
  margin-top:auto;
}




a{color:#fff; text-decoration:none} /* a:link a tag 기본 */
a:hover {color:#fff;} /* 마우스오버 link*/
a:active {color:#fff;} /* 선택된 link*/
a:visited {color:#fff;}

/*------font-------*/
h1{
font-size: 7.45em;
}

h2{
font-size: 4em;

}

h3{
font-size: 2.5em;
}

h5{
font-size: 1.5em;
line-height:1.5em;
}

h6{
font-size: 1em;
}







/*-------------------main---------------------*/

.body{
font-family:'Saira Condensed', sans-serif;
font-weight:lighter;
}
.main{
height: 940px;
position: relative;
background-color:#1c1c1c;
background-position: center;
}

.red {
margin-left:4.5%;
}

.red-right{
margin-right:15%;
font-size:1em;
color:#fff;
}

.menu-line ul{
margin-top:55px;
} 

.menu-line li{
list-style:none;
display:inline;
}


.main-img{
 margin:auto;
 width:89.9%;
 height:730px;
 background: url(..\\img\\main.jpg) no-repeat;
 background-size: cover;
 position: relative;
 background-position: center;
 top: 10%;
}

.main-content{
  margin:auto;
  border:0px solid red;
  background-color:none;
  position: relative; 
  color: #fff; 
  height: 730px;
  width: 89.9%;
  border-left-width: 0px;
  padding:0px;
}

.main-content-video{
margin-left:43%;
margin-top:40px;
}


.main-video-line{
margin-top:3px;
}


.main-content-video ul{
margin-top: 18px;
padding:0px;
} 

.main-content-video li{
list-style:none;
display:inline;
font-size: 0.8em;
padding-right:10px;
}

.main-content-video li a{color:#b4b4b4;}
.main-content-video li a:hover{color:#f00; font-weight:bold;}

.main-content-video h6 a{color:#fff;}
.main-content-video h6 a:hover{color:#f00; font-weight:bold;}

/*-----------main-text--------------*/
.main-content-text{
margin-left:18%;
margin-top:-350px;
}




.main-content-text img{
position: relative;
margin-left:-8%;
margin-top:260px;
}

.main-content-sns{
margin-left:70%;
margin-top:-30px;
}

.main-content-sns h1{
margin-top:-320px;
font-size:7.5em;

}

.main-content-sns h1 a{color:#fff; opacity:0.2;}
.main-content-sns h1 a:hover{color:#fff; opacity:1; }

.main-content-sns img{
margin-top:20px;
padding:10px;
}

.main-content-direction{
margin-left:54%;
margin-top: 35px;
}





/*------------------------about-----------------------*/

.bg-white{
height: 940px;
position: relative;
background-color:#fff;
background-position: center;
}


.about-img{
 margin:auto;
 width:60%;
 height:662px;
 background: url(..\\img\\about.png) no-repeat;
 left:18%;
 position: relative;
 background-position: center;
 top: -0.2%;
}

.about-number{
  margin:auto;
  width:30%;
  height:130px;
  background: url(..\\img\\aboutnumber.png) no-repeat;
  top:479px;
  position: absolute;
  background-position: left;
  left:5%;
 }

 .about-circle{
  margin:auto;

  width:10%;
  height:250px;
  top:481px;
  position: absolute;
  background-position: right;

 }


.content-text{
  margin:auto;
  border:0px solid red;
  background-color:none;
  position: absolute; 
  color: #222; 
  height: 630px;
  width: 25%;
  border-left-width: 0px;
  padding:0px;
  top:10%;
  float:left;
  left:16.3%;
}



.content-text h5 a{color:#666;}
.content-text h5 a:hover{color:#222;}


.tag {
border: 0px solid red;
}

.tag ul{
  margin-left:16.3%;
  margin-top:785px;
  padding:0px;
  } 

.tag li{
 
  margin-right:20.1%;

}


.tag li a{color:#666;}
.tag li a:hover{color:#222; font-weight:bold;}

.content-img{
  margin:0px;
  border:0px solid red;
  background-color:none;
  position: absolute; 
  color: #222; 
  height: 730px;
  width: 50%;
  border-left-width: 0px;
  padding:0px;
  left:50%;
}



/*-------------------------------news----------------------------------*/

.news-img{
  margin:auto;
  height:940px;
  background: url(..\\img\\newsmain.jpg) no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  top: 0%;
 }

 .news-content{
  margin:auto;
  border:0px solid red;
  background-color:none;
  position: relative; 
  color: #fff; 
  height: 730px;
  width: 89.9%;
  border-left-width: 0px;
  padding:0px;
  top:10%;
  left:5%;
}

.news-content-left{
  margin:auto;
  border:0px solid red;
  background-color:none;
  position: absolute; 
  color: #fff; 
  height: 730px;
  width: 22.2%;
  border-left-width: 0px;
  padding:0px;
  top:0%;
  float:left;
  left:16.3%;
}

.news-content-right{
  margin-top:165px;
  border:0px solid blue;
  background-color:none;
  position: absolute; 
  color: #222; 
  height: 490px;
  width: 39%;
  border-left-width: 0px;
  padding:0px;
  left:61%;
  float:right;
  
}



.news-content-right img{
height:auto;
width:324px;
padding:0px;
margin-bottom:30px;
display:block;
margin-left:3px;

}

.news-content-right-text{
  margin-top:-523px;
  border:0px solid red;
  background-color:none; 
  color: #fff; 
  height: 490px;
  width: 42%;
  border-left-width: 0px;
  padding:0px;
  left:0%;
  float:right;
}


.news-content-right-text h6{
margin-top:-40px;
font-weight: lighter;
}

.news-content-right-text p{
margin-bottom:none;
}



/*--------------------contactus-------------------*/
.contact-img{
  margin:auto;
  height:940px;
  background: url(..\\img\\contactbg.jpg ) no-repeat;
  background-size: cover;
  position: relative;
  background-position: top center;
  top: 0%;
 }




.contact-content{
  border: 0px solid #f00;
  position: relative; 
  color: #fff; 
  left: 16.2%;
  padding-left: 0%;
  width: 22.3%;
  background-color: none;
  height: 730px;
  float:left;
  top:10%;
  padding:0px;
  margin:0px;
}

.contact-tittle{
float:left;
text-align:left;

}


/*------------------campaign-------------------*/
.campaign{
height: 940px;
position: relative;
background-color:#000;
background-position: center;
}


.campaign-content-img-left{
 border: 0px solid #f00;
  position: absolute; 
  color: #fff; 
  left: 16.2%;
  padding-left: 0%;
  width: 45%;
  background-color: none;
  height: 730px;
  float:left;
  top:10%;
  padding:0px;
  margin-left: 0px;
  
}


.campaign1{
  margin:auto;
  height:350px;
  width: 769px;
  background: url(..\\img\\campaign1.png) no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  top: 18%;
 }


.campaign-content-img-right{
 border: 0px solid #f00;
  position: absolute; 
  color: #fff; 
  right:0%;
  padding-left: 0%;
  width: 20%;
  background-color: none;
  height: 730px;
  float:left;
  top:10%;
  padding:0px;
  margin-right: 10%;
  
   
}


.campaign-content-img-right img{
 border: 0px solid #f00;
  position: relative; 
  color: #fff; 
  width: 310px;
  height:155px;
  background-color: none;
  float:left;  
  margin-top:13%;
  margin-left: 0px;
   top:11.5%;
}


 .campaign-content-text-left{
 border: 0px solid #ff0;
  position: absolute; 
  color: #fff; 
  left: 19.6%;
  padding-left: 0%;
  width: 40.5%;
  background-color: none;
  height: 730px;
  float:left;
  top:10%;
  padding:0px;
  
   
 }


 .campaign-content-text-left .red{
 float:right;
 margin-top:-100px;
 }

 .campaign-content-text-left a:hover{color:red; font-weight:bold;}

 .campaign-content-text-left h2 a{color:#fff;}
 .campaign-content-text-left h2 a:hover{color:#fff; font-weight:bold;}
 .campaign-content-text-left h3 a{color:#c0c0c0;}
 .campaign-content-text-left h3 a:hover{color:#fff; font-weight:bold;}

 .campaign-content-text-right {
  border: 0px solid #ff0;
  position: absolute; 
  color: #fff; 
  right:0%;
  padding-left: 0%;
  width: 18%;
  background-color: none;
  height: 730px;
  float:left;
  top:10%;
  padding:0px;
  margin-right: 14%;
 }
 .campaign-content-text-right ul{
 padding:0px;
 margin:0px;
 margin-top:80px;
} 

 .campaign-content-text-right li{
  display:inline;
  margin-left:0px;
  margin-right:14.5%;
 }

 .campaign-content-text-right li a{color:#666;}
 .campaign-content-text-right li a:hover{color:#f00; font-weight:bold;}

 .campaign-content-text-right a:hover{color:red; font-weight:bold;}
 .campaign-content-text-right p a:hover{color:white; font-weight:bold;}



/*-------signin---------*/
.signin{
  height: 640px;
  position: relative;
  background-color:#fff;
  background-position: center;
  }

  .signin-content{
    border: 0px solid #f00;
    position: relative; 
    color: #414141; 
    left: 16.2%;
    padding-left: 0%;
    width: 22.3%;
    background-color: none;
    height: 730px;
    float:left;
    top:10%;
    padding:0px;
    margin:0px;
  }
  
  .signin-tittle{
  float:left;
  text-align:left;
  
  }

  .check1{
 width:130px;
height:30px;
margin-left:-20px;
  }

  .check2{
    width:130px;
   height:30px;
  
     }

     .check-button p{
   color:#222;
   margin-top:0px;
       }
     
  .check1 p a{color:#222;}
  .check1 p a:hover{color:#222; font-weight:bold;}

  



/*-------footer-------*/
.footer{
  height: 300px;
  position: relative;
  background-color:#000;
  background-position: center;
  }

  .footer-menu-line{
    position: absolute; 
    border-left: 1px solid #818181;
    height: 300px;
    width:90%;
    margin:auto;
    left: 5%;
    text-align:center;
    }

    .footer-menu-line img{
padding: 20px;

    }
    
/*------bgline-------*/
.bgline{
  top:0px;
  border: 0px solid black;
  position: absolute;
  width:100%;
  height: 940px;
  background: url(..\\img\\bgline.png) no-repeat;
  background-position: center;
}



}/*미디어쿼리*/







		/* 모바일 - 767px 이하 */

      
     /* PC - 992px 이상 */