/* 로그인 */
.join_wrap .box {max-width: 600px; margin: 0 auto;}
.input_field {position: relative; border-bottom: 1px solid #ededed; width: 100%; height: 50px; line-height: 48px; margin-bottom: 40px; transition: border .4s linear;}
.input_field > label {float: left; width: 100px; display: block; position: relative; font-weight: 800; margin: 0; line-height: inherit;}
.input_field > input {float: right; width: calc(100% - 100px); border: none; margin: 0;  background: transparent;}
.input_field:before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: no-repeat 50% 50%; background-size: 20px auto; display: block; width: 30px; height: 30px; opacity: .6;}
.inp_id:before {background-image: url(../images/common/icon_id.svg);}
.inp_pw:before {background-image: url(../images/common/icon_pw.svg);}

.btn_wrap.login {margin-top: 80px;}
.btn_login {display: block; width: 100%; height: 60px; background: #25245e; border: 1px solid #25245e; color: #fff; transition: all .4s; line-height: 60px;}
.btn_login:hover {background: #fff; color: #25245e;}

.list_user_button {font-size: 0; margin-top: 40px;}
.list_user_button li {width: 32%; display: inline-block; margin-left: 1%;}
.list_user_button li a {display: block; border: 1px solid #999; width: 100%; height: 100%; padding: 12px 10px; color: #999; font-size: 15px; text-align: center; transition: all .4s;}
.list_user_button li a:hover {border: 1px solid #25245e; color: #25245e;}

/* 회원가입 */
.all_check_box {border: 1px solid #ededed; padding: 30px; text-align: center; margin-bottom: 40px;}
.join_box {margin-bottom: 80px;}
.join_box:after {content: ''; display: block; clear: both;}
.join_box .cont_title {padding-bottom: 20px;}
/* .join_box > h4 {color: #25245e; font-size: 18px; font-weight: 800; margin: 40px 0 10px;} */
.join_box .join_box_scroll {height: 280px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #ededed; margin-bottom: 10px; padding: 20px;}
.join_box dl {padding: 20px; border: 1px solid #ededed;}
.join_box dl dt {font-weight: 800; display: inline-block; width: 160px; vertical-align: top;}
.join_box dl dd {display: inline-block; width: calc(100% - 180px); margin-bottom: 10px;}
.join_box dl dd:last-child {margin-bottom: 0;}
.join_box dl dd > p {font-size: 14px; color: #767676;}

.btn_wrap.join {margin-top: 80px;}

/* 이용약관 */
.home_tit {font-size: 20px; font-weight: 800; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ededed;}
.home_wrap > li {margin-bottom: 40px;}
.home_wrap .tit {font-size: 16px; display: block; font-weight: 800; color: #25245e; margin-bottom: 10px;}
.home_wrap .txt {margin-bottom: 10px;}
.home_wrap .home_list > li {display: block; padding-bottom: 10px;}
.home_wrap .home_list > li > em {font-weight: 600; margin-right: 10px;}
.home_wrap .home_list > li > b {display: block; color: #333;}
.home_wrap .home_list_2 {margin-top: 10px; padding: 0 10px;}
.home_wrap .home_list_2 > li {position: relative; padding-left: 10px; padding-bottom: 6px; font-size: 14px; color: #666;}
.home_wrap .home_list_2 > li:before {content: ''; position: absolute; top: 8px; left: 0; display: block; width: 4px; height: 4px; background: #25245e;}
.home_table {width: 100%; border-top: 2px solid #25245e; margin-top: 20px;}
.home_table th {padding: 10px 0; font-weight: 600; border: 1px solid #ededed; border-width: 0 0 1px 1px; text-align: center;}
.home_table td {padding: 6px 0; border: 1px solid #ededed; border-width: 0 0 1px 1px; text-align: center; vertical-align: middle;}
.home_table th:first-child,
.home_table td:first-child {border-left-width: 0;}

.homepage .home_box {padding: 24px; background: #f8f9fa; margin: 10px 0 40px;}
.homepage .home_box .tit {display: block; padding-bottom: 10px; font-weight: 800;}
.homepage .home_box .txt {font-size: 14px;}