@charset "utf-8";
*{margin:0; padding:0;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{height:100%;width: 100%; height: 100%;}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); color:#343434; }
body{background:#fff;-webkit-text-size-adjust:none;word-wrap:break-word; word-break:break-all; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body,input,select,textarea,button {border:none; }
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle; cursor:pointer;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{text-decoration:none; color:#231f20;}
h1,h2,h3,h4,h5,h6{letter-spacing:-1px;}
/* Form */
textarea { border:1px solid #dbdbdb;}
select {height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],input[type=datetime], input[type=month]{height:36px! important; font-size:13px; color:#313131; border:1px solid #e9e9e9; background:#fff; text-indent:5px; transition: all 0.5s; vertical-align:middle; -webkit-appearance:none;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
textarea { padding:5px 0; width:100%;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#f1f1f1; border-color:#ddd; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}
*:focus {outline:none;}


.wrap{position: relative; width:100%; max-width:2580px; margin: 0 auto; z-index: 1;}
.layerpop-wrap{position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;}
.layerpop-wrap .layerpop-area{position:fixed; min-width:360px; top:450px; left:50%; transform:translate(-50%,-50%); padding-top:20px; background:#fff; z-index:999; text-align:center; box-shadow:1px 1px 2px 0 #ccc;}
.layerpop-wrap .layerpop-area.error .btn-in{margin:20px auto 0 auto;}
.layerpop-wrap .login-hd{position:relative; padding:20px 50px;}
.layerpop-wrap.error .login-hd{position:relative; padding:20px 50px 10px 50px;}
.layerpop-wrap .btn-close{position:absolute; top:0; right:0; display:inline-block; width:50px; height:50px; z-index:999;}
.layerpop-wrap .btn-close:after{position:absolute; top:8px; right:25px; content:''; display:inline-block; width:2px; height:25px; background:#666; transform:rotate(45deg); }
.layerpop-wrap .btn-close:before{position:absolute; top:8px; right:25px; content:''; display:inline-block; width:2px; height:25px; background:#666; transform:rotate(-45deg);}
.layerpop-wrap h2{font-size:24px; line-height:1.4; margin-bottom:10px;}
.layerpop-wrap h3{font-size:20px; line-height:1.4; margin-bottom:10px; font-weight:400;}

header{width:100%;}
header .header-wrap{width:100%; position:relative; top:0; left:0; height:8rem; z-index:99;   box-shadow:0 1px 2px #f2f2f2;}
header .hdbg01{ background-color:rgba(202,207,222,0.7);}
header .hdbg02{ background-color:rgba(256,256,256,1);}
header .header-wrap .header-inner{position:relative; width:1280px; height:8rem; margin:0 auto; background-color:#fff; padding-top:1.5rem; box-sizing:border-box;}
header .header-inner .ps-info{position:absolute; top:60px; right:10px;}
header .ps-info .name{display:inline-block; font-size:13px; font-weight:600; color:#333087}
header .ps-info .logout{display:inline-block; margin-left:10px; font-size:13px; font-weight:600;}
header .header-inner .h1tit{margin:0 auto;}
header .header-inner .h2tit{display:inline-block; margin:25px 10px; font-size:20px; font-weight:600;}
header .h1tit .logo{width:150px; height:6rem; background:url(../image/logo_newb.png)top center no-repeat;  margin-left:25px; text-indent:-9999px; background-size:auto 5.5rem;}
.main-container{position:relative; width:100%; height:calc(100vh - 179px);}
.main-container .con-inner{position:relative; width:1280px; height:100%; margin:0 auto;}
.main-container .con-inner .right-area{position:absolute; top:42%; right:5%; transform:translateY(-50%);}
.main-container .con-inner .right-area .login-cont{width:250px;}
.main-container .con-inner .login-wrap .btn-wrap{position:relative;padding:20px 0; box-sizing:border-box; text-align:center;}
.main-container .con-inner button{cursor:pointer;}
.main-container .con-inner .btn-check{width:100%; height:50px; line-height:50px; background-color:#062239;}
.main-container .con-inner .btn-check span{color:#ffffff; font-size:1.6rem; font-weight:600;}
.main-container .con-inner .btn-recruit{width:230px; height:50px; line-height:50px; background-color:#eaaa00;}
.main-container .con-inner .btn-recruit span{color:#ffffff; font-size:18px; font-weight:600;}
.main-container .con-inner .inspect-wrap{position:relative; height:100%}
.main-container .con-inner .inspect-wrap .inspect-img{position:relative; top:50%; left:50%; transform:translate(-50%, -50%); width:500px; height:500px; background:url(../image/popimg_3.jpg)center center no-repeat;}
.main-container .con-inner .inspect-wrap .inspect-date{position:relative; top:308px; font-size:16px; font-weight:bold; color:#ffe221; text-align:center;}
.main-container .con-inner .inspect-wrap .inspect-txt{padding:0 150px;position:absolute; bottom:30px; font-size:16px; font-weight:bold; color:#333; text-align:center;}




#footer{width:100%; background-color:#062239; overflow:hidden;}
#footer .inner{position: relative; width:1280px; height:100%; margin: 0 auto; padding:15px 50px 15px 50px; box-sizing:border-box;}
#footer .inner::before{ content: ""; position: absolute; top:50px; width: 300px;  height: 68px; background: url(../image/foot_logo_new.png) no-repeat; background-size:auto 30px; opacity:1 }
#footer .menu{ margin: 0 0 0 225px; overflow: hidden;}
#footer .menu li{float: left;}
#footer .menu li::before{content: ""; display: inline-block; width: 1px; height: 15px;   vertical-align: middle; margin: 0 15px; background: #888687;}
#footer .menu li a{font-size:1.4rem;  color:#fff; font-weight:300;}
#footer .menu li a:hover{text-decoration:underline;}
#footer .menu li:first-child::before{display:none;}
#footer .address{color:rgba(255,255,254,0.3); margin-left:225px; overflow: hidden;}
#footer .address a{color:rgba(255,255,254,0.3);}
#footer .address li{float: left; font-size: 1.4rem; line-height: 28px; letter-spacing: -0.04em;}
#footer .address li:first-child::before{display:none;}
#footer .address li::before{content: ""; display: inline-block; width:1px; height: 11px; vertical-align: middle; margin: 0 8px; background: rgba(255,255,254,0.3);}
#footer .copyright{display: block; font-size: 1.2rem; line-height: 20px; letter-spacing: -0.04em;color:rgba(255,255,254,0.3); margin-left: 225px;}

.main-bg{position:relative; background:url(../image/main_bg4.png)center bottom no-repeat; background-size:contain;}


.bg01{background-color:#f7f7f7;}

.wrap{}
.wrap .join-wrap{background:#fff; margin:0 auto; width:550px; min-height:100vh; margin:0 auto; padding:70px 20px 30px 20px;}
.wrap .join-wrap .logo{margin:0 auto;}
.wrap .join-wrap .logo .link-home{display: block; margin: 0 auto; height: 80px; text-align:center; font-size:2rem; font-weight:600;}
.wrap .join-wrap .logo .link-home .enote{display:inline-block; font-size:3rem; color:#16bdd1}
.join-cont {}
.join-cont h2{font-size:1.6rem; margin-bottom:20px;}
.join-cont .stepArea{margin:30px auto;}
.join-cont .stepArea .joinstep{display:flex;margin:0 auto; height:10px; text-align:center;}
.join-cont .joinstep li{flex:1 1 auto; width:10px; height:3px; background-color:#f1f1f1; text-indent:-9999px; cursor:pointer;}
.join-cont .joinstep li:last-child{margin-right:0;}
.join-cont .joinstep li.on{background-color:#16bdd1;}
.join-cont .ot-text{color:#231f20; font-size:1.2rem; word-break:keep-all; letter-spacing:-0.5px;}
.join-cont .agree-box{position:relative; padding: 18px 0 0 0; margin: 10px 0 0 0; box-sizing: border-box;}
.join-cont .agree-box .tit{font-size:1.4rem; text-align:left;}
.join-cont .agree-box .scroll{padding:0 20px 15px 20px;  border: 1px solid #eee;  height: 170px; margin: 5px 0 4.5rem 0; line-height: 22px; font-size: 1.3rem; color: #666; letter-spacing: -0.07em; text-align: left; overflow-y: auto; background-color:#f9f9f9;}
.join-cont .talk-box{border: 1px solid #eee; padding:15px 20px; font-size:1.4rem; font-weight:bold; letter-spacing:-1px; background-color:#f9f9f9;}
.join-cont .agree-check{text-align:left; position:absolute; right:0; bottom:-3rem;}
.join-cont .agree-check .check-type{position:absolute; width:0; height:0; opacity:0;}
.join-cont .agree-check .check-type-item{position:relative; display:inline-block; width:100%; height:auto; padding-left:27px; font-size:1.4rem;}
.join-cont .agree-check input[type=checkbox]+ .check-type-item:before{content:''; display:inline-block; position:absolute; left:0; top:0px; width:21px; height:21px; background:#fff; border:1px solid #ccc; box-sizing:border-box; border-radius:21px;}
.join-cont .agree-check input[type=checkbox]:checked+ .check-type-item:before{content:"\2713"; background:#16bdd1; color:#fff; font-size:14px; line-height:21px; border:1px solid #16bdd1; padding-left:4px;}
.join-cont .agree-check input[type=checkbox]+.check-type-item .txt{color:#888; text-align:left;}
.join-cont .agree-check input[type=checkbox]:checked +.check-type-item .txt{color:#16bdd1; text-align:left;}


.form-box{margin:10px auto 0 auto;}
.form-box .form-item{padding:18px 0;}
.form-box .form-item .fi-tit{position:relative; font-size:1.4rem; margin-bottom:10px; border-bottom:1px solid #e9e9e9; padding-bottom:5px;}
.form-box .form-item .fi-tit span{display:inline-block; position:absolute; right:0; bottom:5px; font-size:1.1rem; }
.form-box .list-set{padding:10px 5px; font-size:1.3rem; display:flex;}
.form-box .list-set dt{flex:0 0 130px;}
.form-box .list-set dd{width:calc(100% - 130px)}
.form-box .list-set .flex-wrap{display:flex; flex-wrap:wrap; align-items:center;}
.form-box .list-set .flex-wrap+.flex-wrap{margin-top:5px;}
.form-box .list-set .flex-wrap>*{flex:1; margin-right:5px;}
.form-box .list-set .flex-wrap>*:last-child{margin-right:0;}
.form-box .list-set .flex-wrap input[type=text][readonly]{background-color:#fff;}
.form-box .list-set .flex-wrap button{flex:0 0 100px;}
.form-box .list-set .flex-wrap button.wid100{flex:0 0 100%;}
.form-box .list-set .flex-wrap .fw-non{flex:none;}
.form-box .list-set .flex-wrap .jibun:before{content:'지번'; display:inline-block; background-color:eee; border:1px solid #ccc; color:#343434; font-size:11px; padding:2px 5px; margin-right:5px;}
.form-box .list-set .flex-wrap+.check-wrap{margin-top:5px;}
.form-box .list-set .flex-wrap .select-box{height:36px;}
.form-box .list-set .flex-wrap .select-box select{width:100%; height:34px; z-index:1;}
.form-box .list-set input[type=file]{border:0; line-height:36px;}
.form-box .form-item .fw-txt{margin-top:5px; font-size:1.1rem; word-break:keep-all;}
.form-box .form-item .id-list{display:flex; align-items:center; font-size:1.3rem;}
.form-box .form-item .id-list>*{flex:1;}
.form-box .form-item .id-list .date{flex:0 0 200px;font-size:1.4rem;}
.form-box .form-item .id-list .radio-wrap input[type=radio]+ .radio-item:before{top:3px;}


.policy{padding:15px 0;}
.policy h2{font-size:1.6rem; margin-bottom:15px;}
.policy h2+div{margin:15px 0;}
.policy h3{font-size:1.4rem; margin-bottom:5px;}
.policy h4{font-size:1.3rem; margin-top:10px;}
.policy div{font-size:1.2rem; margin-bottom:10px}
.policy div+div{margin-bottom:5px}
.policy div ul>li{padding-left:10px; font-size:1.2rem;}
.policy div ul>li a:hover{text-decoration:underline; color:#4472c4}
.policy div ul.ul-in{padding-left:15px; font-size:1.2rem;}
.policy .policy-table{width:100%; border-top:1px solid #e6e6e6;  padding:0;  box-sizing: border-box; table-layout:fixed; font-size:1.2rem;}
.policy .policy-table th{text-align:center; color:#454545;border-radius: 0 ;border-bottom:1px solid #e6e6e6;padding:0.5rem 1rem;}
.policy .policy-table td{padding:1.3rem 1rem; color:#888; border-bottom:1px solid #e6e6e6; text-align:center;}



.wrap .btn-wrap{position:relative; padding:4rem 10rem; display:flex; align-items:center;}
.wrap .btn-wrap .btn-type{flex:1; padding:1.5rem 3.5rem; text-align:center; font-size:1.3rem; background-color:#666; color:#fff; margin-right:3px; border:1px solid #888;}
.wrap .btn-wrap .btn-type.cancel{color:#444; background-color:#fff; border:1px solid #ccc;}

button.btn-type2{height:36px; box-sizing:border-box; text-align:center; font-size:1.3rem; background-color:#666; color:#fff; margin-right:3px; border:1px solid #888;}

.login-logo {
  margin-right:6px;
  display: inline-block; vertical-align: middle;
}
.login-title {
  display: inline-block; vertical-align: middle;
}
.login-find {display:flex; flex-wrap:nowrap; align-items:center;}
.login-find .form-recovery{display:block; flex:1 1 auto; font-size:1.3rem; text-align:center;}
.login-find .form-recovery:hover{text-decoration:underline; color:#4472c4}
.login-find .form-recovery:last-child:after{border-right:0; padding-right:0;}
.login-find .form-recovery:after{content:''; border-right:1px solid #e2e2e2; padding:0 5px; }
.overlay, .form-panel.one:before {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}

.form {
  position: relative;
  background: #FFFFFF;
  width: 460px;
  margin:0 auto;
}
.form-group {margin: 0 0 12px;}
.form-group:last-child {
  margin: 0;
}
.form-group label {
  display: block;
  margin: 0 0 10px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .2em;
}
.form-group input {
  outline: none;
  display: block;
  border: 1px solid #bcbcbc;
  width: 100%;
  padding: 12px 20px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: inherit;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-group input:focus {
  color: rgba(0, 0, 0, 0.8);
}
.form-group2 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}
.form-group2 input {
  outline: none;
  display: block;
  border: 1px solid #bcbcbc;
  width: 40px;
  height: 18px;
  padding: 12px 20px;
  color: rgba(0, 0, 0, 0.6);
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-group2 select {
  border: 1px solid #bcbcbc;
  width: 80px;
}
.form-group2 input:focus {
  color: rgba(0, 0, 0, 0.8);
}

.form-group3 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}
.form-group3 input {
  outline: none;
  display: block;
  border: 1px solid red;
  width: 64%;
  padding: 12px 20px;
  color: rgba(0, 0, 0, 0.6);
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-group3 select {
  border: 1px solid #bcbcbc;
  width: 80px;
}
.form-group3 input:focus {
  color: rgba(0, 0, 0, 0.8);
}


.form-group3 button {
  outline: none;
  background: #002d3f;
  width: 20%;
  border: 0;
  color: #FFFFFF;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  text-transform: uppercase;
  cursor: pointer;
}

.form-group .form-remember {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.form-group .form-remember input[type='checkbox'] {
  display: inline-block;
  width: auto;
  margin: 0 10px 0 0;
}

.form-panel {
  padding: 20px 80px 70px 80px;
  box-sizing: border-box;
}
.form-panel.one:before {
  content: '';
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-panel.one.hidden:before {
  display: block;
  opacity: 1;
  visibility: visible;
}

.form-header {
  margin: 0 0 -27px;
  width: 300px;
  text-align: center;

}
.form-header h1 {
  padding: 4px 0;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

/*레이어팝업*/
.dimmed-layer{position:fixed; z-index:2000; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, .7);}
.dimmed-layer[aria-hidden="true"]{display:none;}
.layer-wrap{position:fixed;  max-width:600px; z-index:2001; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff;}
/* */.layer-wrap .layer-popup .btn-wrap{margin:2.5rem auto; padding:0;}
.layer-wrap .layer-title{position:relative; padding:5px 0; background-color:#fff; z-index:22;}
.layer-wrap .layer-title .title {color:#444; font-size:1.8rem; padding-left:20px;}
.layer-wrap .layer-title .title:before{ margin-right:5px;}
.layer-wrap .layer-title .close {position:absolute; top:1rem; right:1rem; width:30px; height:30px; opacity:1; cursor:pointer;}
.layer-wrap .layer-title .close .icon {position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-1rem 0 0 -1rem; color:#222; font-size:0; text-indent:-9999px;}
.layer-wrap .layer-title .close .icon:before, .layer-wrap .layer-title .close .icon:after {content:""; position:absolute; top:-2px; left:8.5px; width:1px; height:20px; background-color:#454545;}
.layer-wrap .layer-content{width:100%; padding:0px 25px 0 25px; margin:0 auto;}
.layer-wrap .layer-content .txt{font-size:1.6rem;}
.layer-wrap .layer-content .tbl-wrap{}
.layer-wrap .layer-content .Ytbl-type2 th{padding-left:0; text-align:center;} 
.layer-wrap .layer-title .close .icon:before{transform:rotate(45deg);}
.layer-wrap .layer-title .close .icon:after{transform:rotate(-45deg);}

.layer-wrap .layer-popup.type2{width:450px; max-height:calc(100vh - 100px);}
.layer-wrap .layer-popup.max-pop{width:auto; max-height:calc(100vh - 100px);}
.layer-wrap .layer-popup.type2 .layer-title{position:relative; width:100%; padding:13px 0; background-color:#16bdd1;}
.layer-wrap .layer-popup.type2 .layer-title .title{color:#fff; font-size:1.6rem}
.layer-wrap .layer-popup.type2 .layer-title .close .icon:before, .layer-wrap .layer-popup.type2 .layer-title .close .icon:after{background-color:#fff;}
.layer-wrap .layer-popup.type2 .layer-content{padding:0 20px 20px; max-height:calc(100vh - 148px);overflow-y:auto; box-sizing:border-box;}
.layer-wrap .layer-popup.type2 .layer-content .form-item{padding:5px 0;}
.layer-wrap .layer-popup.type2 .layer-content .form-item .fi-tit{border:0; letter-spacing:-0.8px; padding:10px 0; font-size:1.4rem; font-weight:600;}
.layer-wrap .layer-popup.type2 .layer-content .list-set dt{flex:0 0 20%;}
.layer-wrap .layer-popup.type2 .layer-content .list-set dd{width:calc(100% - 80px)}
.layer-wrap .layer-popup.type2 .layer-content .form-box + .btn-wrap{justify-content:center; margin:3rem auto 5rem auto;}
.layer-wrap .layer-popup.type2 .layer-content .form-box + .btn-wrap button{flex:0 1 auto;padding: 1.2rem 2rem;}
.layer-wrap .layer-popup .popup-img .pi-btn2{position:absolute; bottom:0; width:100%; background:#fff; padding:10px 0 25px 0; text-align:center}
.layer-wrap .layer-popup .popup-img .pi-btn2 .btn-confirm{background:#5c5c5c; padding:10px 20px; color:#fff;}


.layer-popup.min-pop{width:300px; height:auto; left:50%; top:50%; right:auto; bottom:auto; transform:translate(-50%,-50%)}
.layer-popup.min-pop .layer-content{width:100%; padding:0 30px; padding-bottom:0;}
.layer-popup.min-pop .layer-content .confirm-txt{text-align:center; font-size:1.3rem}
.layer-popup.min-pop .layer-content .btn-wrap{margin:30px auto;}
.layer-popup.min-pop .layer-title{background-color:#fff; color:#444; position:relative; font-weight:600; height:50px; line-height:50px;}
.layer-popup.min-pop .layer-title .title {height:20px; line-height:20px; color:#444; font-size:1.8rem; padding-left:20px;}
.layer-popup.min-pop .layer-title .close{display:block; position:absolute; top:5px; right:5px; width:40px; height:40px; cursor:pointer;}
.layer-popup.min-pop .layer-title .close span:before, .layer-popup.min-pop .layer-title .close span:after{background-color:#444;}


/* min-추가 */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0;
}
.tooltip .tooltipimg {
  visibility: hidden;
  width: 300px;
  background-color: #FCF4DD;
  border-radius: 6px;
  padding: 10px;

  /* Position the tooltip */
  position: absolute;
  z-index: 10;
}

.tooltip:hover .tooltipimg {
  visibility: visible;
}





@media (max-width: 1280px) {
	/* .main-container{height:auto;}
	.main-bg{background-size:auto 300px;}
	.main-container .con-inner{width:100%;}
	.main-container .con-inner .right-area{position:relative; top:auto; right:auto; transform:none; padding:50px 0 330px 0}
	.main-container .con-inner .right-area .login-cont{width:100%; padding:0 25px;}
	.login-find{justify-content:center;}
	.login-find .form-recovery{flex:0 0 80px}
	#footer .inner{width:100%; text-align:center;}
	#footer .inner:before{display:none;}
	#footer .menu{margin-left:0; display:flex; justify-content:center;}
	#footer .address{margin-left:0; display:flex; justify-content:center;}
	#footer .address li{line-height:20px;}
	#footer .address li:first-child{display:block; float:none;}
	#footer .address li:nth-child(2):before{display:none;}
	#footer .copyright{margin:0;}
	.layer-wrap{width:100%; height:100%;}
	.layer-wrap .layer-popup.type2{width:100%; max-height:100vh}
	.layer-wrap .layer-popup.type2 .layer-content{max-height:100vh;} */
	.main-container{height:100vh;}
	.main-container .con-inner{width:960px}
	.main-container .con-inner .right-area{top:35%; }
	
}

@media (max-width: 960px) {
	.main-container{height:auto;}
	.main-bg{background-size:auto 300px;}
	.main-container .con-inner{width:100%;}
	.main-container .con-inner .right-area{position:relative; top:auto; right:auto; transform:none; padding:50px 0 330px 0}
	.main-container .con-inner .right-area .login-cont{width:100%; padding:0 25px;}
	.login-find{justify-content:center;}
	.login-find .form-recovery{flex:0 0 80px}
	#footer .inner{width:100%; text-align:center;}
	#footer .inner:before{display:none;}
	#footer .menu{margin-left:0; display:flex; justify-content:center;}
	#footer .address{margin-left:0; display:flex; justify-content:center;}
	#footer .address li{line-height:20px;}
	#footer .address li:first-child{display:block; float:none;}
	#footer .address li:nth-child(2):before{display:none;}
	#footer .copyright{margin:0;}
	.layer-wrap{width:100%; height:100%;}
	.layer-wrap .layer-popup.type2{width:100%; max-height:100vh}
	.layer-wrap .layer-popup.type2 .layer-content{max-height:100vh;}
	
}