@charset "UTF-8";

#_JW_Uit_basic ._tab._normal ul li strong._on,
#_JW_Uit_basic ._tab._normal ul li input._on,
#_JW_Uit_basic ._tab._normal ul li a._on{
	background-color: #1c5baf;
    border-color: #1c5baf;
}

#_JW_Uit_basic ._view,
#_JW_Uit_basic ._write{
	border-color: #505e79 #ccc #ccc;
}
#_JW_Uit_basic ._button._active input,
#_JW_Uit_basic ._button._active a{
	background-color: #1c5baf;
}

/* 아이디/비밀번호 찾기 입력화면 */
.usersearch-bx .usersearch-tab {margin-bottom: 30px;}
.usersearch-bx .usersearch-tab ul {display: table; width: 100%;}
.usersearch-bx .usersearch-tab ul li {display: table-cell; width: 50%; vertical-align: middle; border: 1px solid #ddd; text-align: center;}
.usersearch-bx .usersearch-tab ul li:first-child {border-right: 0;}
.usersearch-bx .usersearch-tab ul li a {display: block; padding: 14px 10px;font-family: 'S-CoreDream-4Regular',sans-serif;}
.usersearch-bx .usersearch-tab ul li._on {background: #1A58C0; color: #fff;}
.usersearch-bx .usersearch-tab ul li._on a{color:#fff;}

.usersearch-bx ._write {border-top: 2px solid #0146B9;}
.usersearch-bx ._form {padding: 0; border-bottom: 1px solid #ccd0d7; display: table; width: 100%;}
.usersearch-bx ._form::after {content: ""; display: block; clear: both;}
.usersearch-bx ._form ._label {display: table-cell; vertical-align: middle; position: static; width: 200px; background: none; font-size: 18px; font-weight: 500; padding: 14px 10px; background: #f6f8fa; text-align: left; color: #000; cursor: default;}
.usersearch-bx ._form ._insert {display: table-cell; vertical-align: top; width: calc(100% - 200px); margin-right: 0; padding: 14px 20px;}
.usersearch-bx input {padding: 0 10px; border: 1px solid #ddd; height: 40px; font-size: 13px; font-family: 'S-CoreDream-4Regular',sans-serif;}
.usersearch-bx input[type="button"] {cursor: pointer;}
.usersearch-bx select {padding: 0 30px 0 10px; border: 1px solid #ddd; height: 40px; font-size: 13px; font-family: 'S-CoreDream-4Regular',sans-serif;}
.usersearch-bx input.full {width: 100%;}
.usersearch-bx input.half {width: 50%;}
.usersearch-bx input.small {width: 25%;}

@media all and (max-width: 768px){
  .usersearch-bx ._form {display: block;}
  .usersearch-bx ._form ._label {display: block; width: 100%;}
  .usersearch-bx ._form ._insert {display: block; width: 100%;}
}