@charset "utf-8";

/* 로그인 */
.login_wrap{
  width: 60rem;
  height: 58rem;
  background-color: #FFFFFF;
  margin: 14rem auto 0;
  box-shadow: 0px .4rem .8rem rgba(0, 0, 0, 0.1);
  position: relative;
}
.login_wrap section{
  width: 35.3rem;
  margin: 0 auto;
}
.login_wrap section .logo{
  width: 18.2rem;
  padding: 6rem 0 4.2rem;
  margin: 0 auto;
}
.login_wrap > section fieldset input[type="text"],
.login_wrap > section fieldset input[type="password"]{
  display: block;
  border: 1px solid #C2CEDB;
  border-radius: 0;
  padding: 1rem;
  width: 100%;
  height: 5.6rem;
  color: #C2CEDB;
}
.login_wrap > section fieldset input[type="text"]::placeholder,
.login_wrap > section fieldset input[type="password"]::placeholder{
  color: #C2CEDB;
}
.login_wrap > section fieldset input:last-child{
  margin-top: -1px;
}
.login_wrap > section .control_wrap{
  margin: 1.6rem 0;
  font-size: 1.2rem;
}
.login_wrap > section .control_wrap label{
  float: left;
}
.login_wrap > section .control_wrap ul li{
  float: left;
}
.login_wrap > section .control_wrap ul li::after{
  margin: 0 1rem;
  font-size: 1.2rem;
  content: '|';
}
.login_wrap > section .control_wrap ul li:last-child::after{
  content: '';
  margin: 0;
}
.login_wrap > section button{
  width: 100%;
  margin-top: .8rem;
}
.login_wrap > section button.login{
  background-color: #022270;
  color: #FFFFFF;
}
.login_wrap > section button.join{
  border: 1px solid #022270;
  color: #022270;
}
.login_wrap > section p{
  line-height: 16px;
}
.login_wrap > section p.copy{
  width: 60rem;
  bottom: 4.8rem;
  left: 0;
  margin: 12rem 0 0;
  color: #C2CEDB;
  font-size: 1.2rem;
}
.login_wrap > section p.text_01{
  margin-bottom: .8rem;
}
.login_wrap > section p.text_02{
  margin: .8rem 0 2.4rem 0;
}
.login_wrap > section ul.button{
  display: block;
  margin-bottom: 2.4rem;
}
.login_wrap > section ul.button li{
  float: left;
  width: 50%;
  height: 4.8rem;
  text-align: center;
  line-height: 4.6rem;
  letter-spacing: -2px;
  font-size: 1.6rem;
  border: 1px solid #C2CEDB;
  border-top: 2px solid #C2CEDB;
  background: #F9F9F9;
}
.login_wrap > section ul.button li.on{
  border-top: 2px solid #022270;
  background: #FFFFFF;
}
.login_wrap > section ul.button li.on a{
  color: #022270;
}
.login_wrap > section ul.button li:last-child{
  margin-left: -1px;
}
.login_wrap > section ul.button li a{
  display: block;
  color: #999999;
}

.licensee_wrap section .logo{
  width: 17.2rem;
  margin: 20rem auto 0;
}
.licensee_wrap section strong{
  display: block;
  font-size: 2.6rem;
  line-height: 3.2rem;
  padding-top: 6rem;
}
.licensee_wrap section label{
  display: block;
  width: 48rem;
  margin: 5rem auto 0;
}
.licensee_wrap section label input[type="text"]{
  width: 40rem;
  height: 4.8rem;
}
.licensee_wrap section label button{
  width: 7.2rem;
  vertical-align: bottom;
  margin-left: .8rem;
}
.licensee_wrap section .copy{
  margin: 22.4rem 0 0;
  color: #C2CEDB;
  font-size: 1.2rem;
}
.member h2.title{
  margin-top: 10rem;
  font-size: 2.6rem;
}
.member h2.title::before{
  content: '';
  width: 5.6rem;
  height: .3rem;
  background-color: #022270;
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translate(-50%);
}

/* 회원가입 */
.join_wrap{
  padding-bottom: 12rem;
}
.join_wrap section{
  width: 100rem;
  margin: 5.7rem auto 5.6rem;
  padding: 3.6rem 10rem;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
}
.join_wrap section h3{
  font-size: 1.6rem;
  padding-bottom: 1.6rem;
}
.join_wrap section table.bidtable{
  min-width: inherit;
}
.join_wrap section table.bidtable tr th{
  width: 19.2rem;
}
.join_wrap section table.bidtable tr td{
  position: relative;
}
.join_wrap section table.bidtable tr td input[type="text"],
.join_wrap section table.bidtable tr td input[type="password"]{
  width: 30.4rem;
}
.join_wrap section table.bidtable tr td input.mini{
  width: 9.6rem;
  text-align: center;
}
.join_wrap section table.bidtable tr td .list_search_select{
  display: inline-block;
}

.join_wrap .strong {
  border : 2px solid #022270 !important;
}
/* 우편번호,중복확인 버튼 */
section table.bidtable tr td button.search,
section table.bidtable tr td button.search{
  padding: .8rem 1.2rem .9rem;
  vertical-align: bottom;
}
.join_wrap section table.bidtable tr td span.label{
  border-radius: .5rem;
  background-color: #022270;
  color: #FFFFFF;
  padding: 0 .8rem;
  display: inline-block;
  height: 2.4rem;
  line-height: 2.4rem;
}
/* 표 안에  오른쪽 정렬 */
section table.bidtable tr td button.ab_right{
  top: 1rem;
  right: .8rem;
}
section table.bidtable tr td  ul li{
  margin : 1.6rem .8rem 1.6rem 1.6rem;
}

/* 정보변경 게시판 */
/* 2025-03-24 조윤영 width 수정 */
.information_wrap section{
  /* 2025-03-24 김지훈 width 112 -> 120으로 수정 (마이페이지 밀림) */
  width: 120rem;
  /*width: 160rem;*/
  margin: 3rem auto 6rem;
  padding: 3.2rem 6.3rem 3.2rem 4rem;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
 }
.information_wrap section table.bidtable,
.information_wrap section table.notice{
  min-width: inherit;
 }
.information_wrap section table.bidtable tr th{
  width: 19.2rem;
}
.information_wrap section table.bidtable tr td input.mini{
  width: 9.6rem;
}
.information_wrap section table.bidtable tr td .list_search_select{
  display: inline-block;
}
.information_wrap section .f_left{
  width: 16rem;
}
 .information_wrap section .f_left h3{
  padding-bottom: .8rem;
  font-size: 1.8rem;
 }
.information_wrap section .f_left ul.ver01{
  border-bottom: 1px solid #ddd;
  padding-top: 2.4rem;
}
.information_wrap section .f_left ul.ver01:last-child{
  border: 0;
}
.information_wrap section .f_left ul.ver01 li{
  padding-bottom: 1.6rem;
}
/* 조윤영 not menu 추가(2025-03-24) */
.information_wrap section .f_left ul.ver01:not(.menu) li:first-child {
  font-size: 1.6rem;
  font-weight: 500;
}
.information_wrap section .f_left ul.ver01:last-child li:last-child{
  padding-top: 3.2rem;
}
.information_wrap section .f_left ul.ver02 li{
  border-bottom: 1px solid #ddd;
  line-height: 4rem;
}
.information_wrap section .f_left ul.ver02 li:last-child{
  border: none;
}
.information_wrap section .f_left ul li a:hover,
.information_wrap section .f_left ul li.on a{
  color: #2575BC;
}
.information_wrap section>.f_right{
  width: 80rem;
}
.information_wrap section .f_right h3{
  font-size: 1.6rem;
  padding-bottom: 1.6rem;
}
.information_wrap section .f_right h3 .search_wrap{
  padding: 0;
}
.information_wrap  p.copy{
  color: #C2CEDB;
  padding: 20rem 0 10rem;
}
.information_wrap section table.bidtable tr td{
  position: relative;
}
.information_wrap section table.bidtable tr td input[type="text"],
.information_wrap section table.bidtable tr td input[type="password"]{
  width: 30.4rem;
}
.information_wrap section table.bidtable tr td input.mini {
  width: 9.6rem;
}
.information_wrap section table.bidtable tr td input.medium { /* 2025-01-20 조윤영 추가 */
  width: 13rem;
}
.information_wrap section table.bidtable tr td p{
  line-height: 2.2rem;
  /*padding: 3.2rem 0;*/
}
.information_wrap section table.bidtable tr td span.label{
  border-radius: .5rem;
  background-color: #022270;
  color: #FFFFFF;
  padding: 0 .8rem;
  display: inline-block;
  height: 2.4rem;
  line-height: 2.4rem;
}
.information_wrap section table.bidtable tr td button.more{
  border-radius: .5rem;
  padding: .3rem .8rem
  border: 1px solid #ddd;
}
/* 회원정보 변경 -> 탭메뉴 padding값 조정 */
#bidscore .information_wrap section .tab_wrap ul{
  margin-bottom: 0;
  border: none;
}

/* 비드 자료실 게시판안에 필독라벨 */
section table.bidtable tr td .important{
  position: absolute;
  top: .8rem;
  right: .8rem;
}

.information_wrap section>.f_right div{
  padding-top: .8rem;
}
.information_wrap section div button.more{
  border-radius: .5rem;
  padding: .4rem .8rem;
  border: 1px solid #ddd;
}
.information_wrap section > .f_right .bid_option_wrap,
.information_wrap section > .f_right .bid_option_wrap .f_left{
  padding-top: 0;
}
.information_wrap section .bid_option_wrap button{
  width: 7.2rem;
}

/* 필독 */
section table tr td span.reading{
  border: 1px solid #0bbae6;
  background-color: #0bbae6;
  color:#fff;
  border-radius: .2rem;
  padding: .1rem .4rem;
}

.information_wrap section table.notice tr td a:hover{
  color: #2575BC;
}
.information_wrap section .pagination_wrap{
  padding-top: 2.4rem;
}

/* 전체 하단 버튼 */
.join_wrap>button,
.information_wrap > button,
.information_wrap button.list{
  width: 16rem;
  display: block;
  margin: 0 auto;
}
.information_wrap button.list{
  margin-top: 6.4rem;
}
.information_wrap table tr td .list_search_select{
  padding-top: 0;
}

/* 이용약관 */
.agreement section h3{
  color: #022270;
  line-height: 3;
}


.login_plus{
  width: 353px;
  height: 311px;
  background: url(/resource/score/images/memo_bg.png);
  margin-top:18px;
}
.login_plus .container_1{
  padding: 30px 19px 0 19px;
}
.login_plus .container_1 p{
  letter-spacing: -0.5px;
}
.login_plus .container_1 p.title{
  font-weight: 700;
  color: #1344bd;
  font-size: 16px;
  padding-bottom: 4px;
  line-height: 1;
}
.login_plus .container_1 p.content{
  font-size: 13px;
  line-height: 22px;
  color: #1a1a1a;
}
.login_plus .container_1 p.content > span{
  color: #0267ce;
}
.login_plus .container_1 .comment{
  border-top: 1px solid #c2cedb;
  width: 270px;
  margin: 16px auto 0;
}
.login_plus .container_1 .comment p{
  font-size: 12px;
  margin-top: 4px;
  line-height: 16px;
}
.login_plus .container_1 .comment p >span{
  color: #113796;
}

.btn_box_like button{
  width: 172px !important;
  height: 36px;
  color: #FFF;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.5px;
}
.btn_box_like .btn_01{
  background-color: #0841cf;
  margin-right: 9px;
}
.btn_box_like .btn_02{
  background-color: #8523ff;
}