@charset "UTF-8";
select[aria-hidden=true] { color: #9e9e9e; }
select:invalid { color: #9e9e9e; }

.button, .button * { background: none; font-family: inherit; font-size: inherit; color: inherit; left: initial; height: initial; }

.btnZone { display: flex; justify-content: space-between; align-items: center; padding: 0; padding-top: 30px; }
.btnZone a, .btnZone input { display: inline-flex; justify-content: center; align-items: center; width: calc(50% - 10px); height: 70px; margin: 7.5px 0; background: transparent; font-size: 18px; cursor: pointer; font-family: inherit; border: none; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; }
.btnZone input { background: #162647; color: #fff; }
.btnZone a { background: #2f2f2f; color: #fff; }
.btnZone a * { background: none; font-family: inherit; font-size: inherit; color: inherit; left: initial; height: initial; }
.btnZone a:hover { color: inherit; }
.btnZone .cancel { background: #e0e0e0; color: #222; }
.btnZone .cancel:hover { background: lightgray; }
.btnZone .promise { background: #162647; color: #fff; }
.btnZone .promise:hover { background: #11244c; }

.id_save { margin-right: auto; }
.id_save label { display: inline-flex; justify-content: center; align-items: center; line-height: 1; }
.id_save label input { margin: 0; margin-right: 5px; }

.sns-login { width: 480px; padding: 0 80px; }
.sns-login h6 { position: relative; z-index: 1; color: #555; font-weight: 700; margin: 0 auto; margin-bottom: 40px; text-align: center; }
.sns-login h6:before { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; z-index: 0; width: 480px; height: 1px; background: #ddd; transform: translate(-50%, 0); }
.sns-login h6 span { position: relative; z-index: 1; display: inline-block; background: #fff; padding: 0 1.5rem; font-size: 18px; }
.sns-login div { width: 100%; height: 60px; cursor: pointer; font-weight: 400; text-align: center; border: 1px solid rgba(0, 0, 0, 0.2); margin-top: 1.5rem; overflow: hidden; }
.sns-login a { color: inherit; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.sns-login a i { width: 60px; height: 60px; border-right: 1px solid rgba(0, 0, 0, 0.15); font-size: 48px; display: flex; justify-content: center; align-items: center; }
.sns-login a span { width: 260px; display: block; font-size: 16px; }
.sns-login .kakao { background: #fee500; color: rgba(0, 0, 0, 0.85); }
.sns-login .naver { background: #03c75a; color: #fff; }
.sns-login .google { background: #fff; }
.sns-login .google i { position: relative; color: transparent; background: url("/images/login/google.svg") no-repeat center/60%; }
.sns-login .facebook { background: #3b5998; color: #fff; }

#sub-header { margin-top: 0; height: 250px; }
#sub-header .sub-header-txt { font-size: 35px; opacity: 0.8; color: #212121; font-weight: 600; }
#sub-header .sub-header-txt .maps_title { margin: 0; }
#sub-header .sub-header-txt .sub_title { font-size: 23px; font-weight: 300; width: 960px; display: flex; justify-content: center; align-items: center; margin-top: 15px; flex-direction: column; }
#sub-header .sub-header-txt:after { content: none; }
#sub-header .join-header-txt { margin-top: 30px; font-size: 18px; }

.divWrap { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; padding: 0; }

.common { text-align: center; color: #212121; }
.common h2 { font-size: 23px; font-weight: 500; }
.common h2 + p { color: #222; margin: 15px 0; }
.common h3 { font-size: 19px; font-weight: 500; }
.common h3 + p { color: #222; margin: 15px 0; }
.common h6 { font-size: 15px; font-weight: 400; }
.common .wrap { width: 480px; margin: 0 auto; }
.common .input-wrap { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 480px; margin: 0 auto; }
.common .input-wrap label { position: relative; z-index: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; font-size: initial; background: #fff; cursor: initial; border: 1px solid #aaa; }
.common .input-wrap label i { position: absolute; left: 0; z-index: 1; font-size: 18px; width: 60px; color: rgba(34, 34, 34, 0.4); }
.common .input-wrap label input { margin: 0; padding: 0; border: none; outline: none; font-style: normal; text-decoration: none; background: none; position: relative; padding: 0 30px; width: 100%; height: 100%; font-size: 18px; float: left; }
.common .input-wrap label:first-child { border-bottom-color: #ddd; margin-bottom: -1px; }
.common .input-wrap label:last-child { border-top: 1px solid #ddd; }
.common .input-wrap label:not(:first-child):not(:last-child) { margin-bottom: -1px; }
.common .input-wrap label.key { z-index: 1; }
.common .input-wrap label.key span { z-index: -1; opacity: 0; }
.common .input-wrap label.focus { z-index: 2; border-color: #212121; box-shadow: 0 0 0 1px #212121; }
.common .input-wrap label.focus i { color: #222; }
.common .find { width: 480px; padding: 20px 0; overflow: hidden; display: flex; justify-content: center; align-items: center; width: 100%; }
.common .find a { margin-left: auto; float: right; color: #212121; font-weight: 400; }
.common .find a:hover { text-decoration: underline; }
.common .button, .common .button *, .button .common * { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; }
.common input.button, .common .button input, .button .common input { outline: none; display: initial; cursor: pointer; font-size: inherit; font-family: inherit; white-space: initial; background: initial; vertical-align: middle; margin: 0; left: initial; display: inline-flex; justify-content: center; align-items: center; border-radius: 0; padding: 10px 15px; font-size: 17px; font-weight: 400; border: solid 1px #0a1120; color: black; background: #162647; color: #fff; margin: 5px auto; }
.common input.button:hover, .common .button input:hover, .button .common input:hover { text-decoration: none; background: #1c305a; color: #fff; }
.common input.button:active, .common .button input:active, .button .common input:active { background: #101c34; color: #fff; }
.common a.button, .common .button a, .button .common a { outline: none; display: initial; cursor: pointer; font-size: inherit; font-family: inherit; white-space: initial; background: initial; vertical-align: middle; margin: 0; left: initial; display: inline-flex; justify-content: center; align-items: center; border-radius: 0; padding: 10px 15px; font-size: 17px; font-weight: 400; border: solid 1px #161616; color: black; background: #2f2f2f; color: #fff; margin: 5px auto; }
.common a.button:hover, .common .button a:hover, .button .common a:hover { text-decoration: none; background: #3c3c3c; color: #fff; }
.common a.button:active, .common .button a:active, .button .common a:active { background: #222222; color: #fff; }

.admin .input-wrap label input { width: 100%; padding: 0 21px; }

#login .input-wrap label input { padding-left: 60px; }

#idpw { flex-direction: column; }
#idpw h2, #idpw h2 + p { text-align: left; }
#idpw .wrap { padding: 30px 0; }
#idpw .input-wrap { width: 100%; }
#idpw .input-wrap .button, #idpw .input-wrap .button *, .button #idpw .input-wrap * { width: 100%; }
#idpw .input-wrap p.text-box { width: 100%; height: 134px; border: 2px solid #2f2f2f; margin-top: 37.5px; display: flex; justify-content: center; align-items: center; font-size: 16.5px; color: #222; }

/*배경색 있음*/
#contain_wrap { background: #f5f5f5; overflow: hidden; }

.common { width: 960px; background: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-wrap: wrap; margin: 0 auto; margin-bottom: 5%; padding: 60px 0; }

.footer { border-top: 1px solid #e6e6e6; }