/* 
Theme Name: PINO 3D
Version: 1.0
Author: Gupsa DEP
Description: Created by Gupsa Agency DEP
*/

@charset 'UTF-8';

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{
  font-family: "Noto Sans KR", sans-serif;
  font-weight:400;
  color:#333;
}

a {
  color: inherit;
  text-decoration: none;
}

li{
  list-style: none;
}



.container{
  width: 1280px;
  margin: 0 auto;
}


header .container,
header .sub{
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .sub {
  padding : 0 40px;
  color:#fff;
  background:#06513F;
}
header .container nav,
header .sub nav{
  height: 100%;
  display: flex;
  gap: 15px;
}
header .container nav a,
header .sub nav a{
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 5px;
}



main {
  min-height: calc(100vh - 362px);
}

.page-template-login-form main section{
  padding: 50px 0;
}

.page-template-login-form main section h2{
  text-align: center;
  margin-bottom: 20px;
}
.page-template-login-form form{
  width: 350px;
  margin:0 auto
}
.page-template-login-form form p.login-username,
.page-template-login-form form p.login-password{
  display: flex;
  font-size: 0;
  margin-bottom: 5px;
  padding: 10px 24px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.page-template-login-form form p.login-username label,
.page-template-login-form form p.login-password label{
  flex: 1;
  font-size: 14px;
  color: #555;
}
.page-template-login-form form p.login-username input,
.page-template-login-form form p.login-password input{
  flex: 3;
  border: none;
}
.page-template-login-form form p.login-username input:focus,
.page-template-login-form form p.login-password input:focus{
  outline: none;
}


.page-template-login-form form p.login-remember{
  text-align: right;
  font-size: 12px;
  padding: 10px 0 20px;
  color: #555;
}

.page-template-login-form form p.login-submit input[type=submit]{
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  box-shadow: none;
  background: none;
  border-radius: 5px;
  cursor: pointer;
  color: #555;
}



.page-template-login-form form p.login-submit input[type=submit]{
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  box-shadow: none;
  background: none;
  border-radius: 5px;
  cursor: pointer;
  color: #555;
}



.page-template-login-form a.register{
  width: 350px;
  margin:10px auto 0;
  display: block;
  padding: 10px;
  border: 1px solid #ddd;
  box-shadow: none;
  background: none;
  border-radius: 5px;
  cursor: pointer;
  color: #555;
  text-align: center;
  font-size: 14px;


  
}



footer > section > .container{
  display:flex;
}
.footer01{
  background: #343434;  
  color:#9B9B9B;
}

.footer01 .container{
  padding: 35px 0 60px;
}
.footer01 .container h1{
  padding-top: 7px;
  margin-right: 76px;
}
.footer01 .container ul {
  font-size: 14px;
  line-height: 25px;
}
.footer01 .container ul li:first-of-type{
  font-size: 17px;
  font-weight: 700;
  margin-bottom:10px;
}

.footer01 .container ul:nth-of-type(1){margin-right: 90px;}
.footer01 .container ul:nth-of-type(2){margin-right: 151px;}


.footer02{
  background: #2C2C2C;  
  color:#8D8D8D;
}
.footer02 .container {
  height: 77px;
  align-items: center;
  justify-content: space-between;
}
.footer02 .container span.copyright {
  font-weight:700;
  font-size: 14px;
  line-height: 16px;
}
.footer02 .container span:not(.copyright){
  font-weight:500;
  font-size: 14px;
  line-height: 16px;
}
.footer02 .container span:not(.copyright) a {
  padding-left: 10px;
  margin-left: 10px;
  position:relative;
}
.footer02 .container span:not(.copyright) a:before{
  content:"";
  position:absolute;
  width:1px;
  height: 14px;
  left:0;
  background: #474747;
  top: calc(50% - 6px);
}
.footer02 .container span:not(.copyright) a:first-of-type:before{
  display:none;
}

.green-btn{
  border:none;
  box-shadow: none;
  border-radius: 50px;
  background: #06513F;
  display:inline-block;
  color:#fff;
}





@media (max-width: 1279px) {
  html, body{
    overflow-x: hidden;
  }
  .container{
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
  footer > section > .container{
    flex-direction: column;
  }

}