body{
  opacity: 0;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}
.text{
font-family: 'Champagne-Limousines';
font-size: 15pt;
margin:0;
padding:0;
padding-right: 20px;
}

/* Equal to height of footer */
/* But also accounting for potential margin-bottom of last child */
.content{
min-height: -webkit-calc(100vh - 202px);
min-height: calc(100vh - 202px);
color: #848484;
font-size: 15.07pt;
line-height: 1.2em;
width: 500px;
/*max-width: 40%;*/
position: relative;
margin-top: 15vh;
margin-bottom: -15vh;
left: 50%;
-webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
}
.content form{
margin-top: 23.02px;
}
.footer_contactpage{
margin-top: 100px;
height: 102px;
background-color: #1B1C21;
position: relative;
}

.snsLink_contactpage{
  position: absolute;
  padding: 0;
  margin: 0;
  left: 80px;
  bottom: 35px;

}
.snsLink_contactpage li{
  display: inline-block;
  margin-right: 23px;
}
.contact_copyright{
  position: absolute;;
  right: 80px;
  bottom: 45px;
}



input{
  font-size: 14px;
width: 127.647px;
padding: 10px 13.25px;
margin-bottom: 15px;
margin-right:  10px;
outline: none;
border: 0.5pt rgb(132,132,132) solid;
color: #848484;
font-family: 'Champagne-Limousines';
}
textarea{
  font-size: 14px;
  color: #848484;
padding: 10px 13.25px;
width: 326.329px;
height:126.085px;
outline: none;
resize: none;
border: 0.5pt rgb(132,132,132) solid;
font-family: 'Champagne-Limousines';
}
.btnAction{
font-family: 'Nirmala';
background: #1B1C21;
color: #A38814;
border: none;
margin-top: 20px;
padding: 8.33px 22.41px;
font-size: 10.26pt;
letter-spacing: 0.1em;
}
input[type=tel]{
  border-color: rgb(186,186,186);
}
input[type=tel]::-webkit-input-placeholder { /* Chrome */
  color: rgb(186,186,186);
}
input[type=tel]:-ms-input-placeholder { /* IE 10+ */
  color: rgb(186,186,186);
}
input[type=tel]::-moz-placeholder { /* Firefox 19+ */
  color: rgb(186,186,186);
}
input[type=tel]:-moz-placeholder { /* Firefox 4 - 18 */
  color: rgb(186,186,186);
}

.footer_contactpage .copyright{
  opacity: 1;
}
.bottomRight{
  font-family: 'Champagne-Limousines';
  font-size: 8pt;
  position: absolute;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          -ms-transform: translateY(50%);
          transform: translateY(50%);
  right: 95.08px;
  text-align: right;
  line-height: 1.5;
  color: rgb(201,201,201);
}
.contactB{
  margin:0; padding:0;
}
li{
  list-style: none;
}
.info{
  color: red;
}


@media screen and (max-width: 768px) {


.text{
  font-size: 14px;
}

.footer_contactpage{
margin-top: 15vh;
height: 150px;
background-color: #1B1C21;
}
.content{
min-height: -webkit-calc(100vh - 90px);
min-height: calc(100vh - 90px);
padding-top: 30px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-top:0;

}

input{
width: 100%;
padding: 8px 20px;
margin-bottom: 15px;
margin-right:  10px;
outline: none;
border-style: solid;
border-width: 1px;
border-color: rgb(132,132,132);
}
textarea{
padding: 8px 20px;
width: 100%;
height: 10vh;
outline: none;
resize: none;
border-style: solid;
border-width: 1px;
border-color: rgb(132,132,132);
}
input[type=submit]{
background: #1B1C21;
color: #A38814;
border: none;
margin-top: 15px;
width: 25%;
padding: 13px;
}

.snsLink_contactpage li:last-child{
margin-right: 0;
}
.snsLink_contactpage li{

margin-right: 7vw;
}
.snsLink_contactpage{
text-align: center;
left: 50%;
-webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
width: 100%;
bottom: 60%;
}
.bottomRight{
  bottom: 20%;
  text-align: center;
  right: 50%;
  -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
          transform: translateX(50%);
  width: 90%;
}

input[type=submit]{
margin-top: 5px;
}
.contact_copyright{
  bottom: 20px;
  right: 50%;
  -webkit-transform: translate(50%,0);
          -ms-transform: translate(50%,0);
          transform: translate(50%,0);
}

a[href^="tel:"] {/*contact 전화*/
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
}