@charset "utf-8";

/* 비밀번호 토글 아이콘 스타일 - 일반 폼 */
.password-toggle-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 4px !important;
    cursor: pointer !important;
    opacity: 0.6;
    transition: opacity 0.2s ease;
    user-select: none;
    vertical-align: middle !important;
}

/* 로그인 폼 비밀번호 필드 - 눈 아이콘 위치 */
.new_login .input_form dl dd {
    position: relative !important;
}

.new_login .input_form dl dd .password-toggle-icon {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
}

.password-toggle-icon:hover {
    opacity: 1;
}

.password-toggle-icon:hover svg {
    stroke: #000 !important;
}

.password-toggle-icon.active {
    opacity: 0.85;
}

.password-toggle-icon svg {
    display: block;
}

/* 댓글 입력 폼 비밀번호 필드 - 눈 아이콘 위치 */
.answer_wrapper .custom_box_bom {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.answer_wrapper .custom_box_bom input[type="password"],
.answer_wrapper .custom_box_bom input[type="text"] {
    flex: 1 !important;
    padding-right: 35px !important;
}

.answer_wrapper .custom_box_bom .password-toggle-icon {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
}

/* 댓글 관련 스타일 */
.comment-empty {
    text-align: center !important;
    padding: 80px 0 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #666 !important;
}


/* 20260318 추가 */
/* 게시판 스타일 */
.operate_history{width:100%;}
.operate_history > form > p{ border-bottom:1px solid #e1e3e4; font-size:14px; height:70px; line-height:70px;}
.operate_history > form > p:first-of-type{border-top:2px solid #888;}
.operate_history > form > p > span{font-size:14px; font-weight:300; width:100px; display:inline-block;}
.operate_history > form > p > input[type="text"]{width:200px; height:40px;}
.operate_history > form > p > input.Stitle{width:800px; height:40px;}
.operate_history > form > p > input[type="password"]{width:200px; height:40px;}
.operate_history > form > input[type="button"]{display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; margin-top:50px; border:0; font-weight:300;}
.operate_history > form > input.button_1{color:#fff; background:#d91623;}
.operate_history > form > input.button_2{color:#fff; background:#b7b7b7;}