/* 게시판 쓰기 */

/* 게시판 목록 */
#bo_list_title {margin-bottom:20px;font-size:1.2em;letter-spacing:-0.1em}

#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

.td_subject img {margin-left:3px}

/* 갤러리 목록 */
#bo_img h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_img_list {margin:0;padding:0;}
#bo_img_list li {margin:10px 0 20px 0;padding:0 0 5px 0;border-bottom:1px solid #eee;list-style:none;}
.bo_img_con {position:relative;margin:0;padding:0;height:100%;}
.bo_img_con:after {display:block;visibility:hidden;clear:both;content:"";}
.bo_img_con header {}
.bo_img_con h3 {position:relative;margin:5px 0 0px 20px;padding:0px 0 0;font-size:1.33em;color:#02627a;}
.bo_img_con h3 .pf_desc {font-size:0.75em;font-weight:normal;color:#666;}
.bo_img_con h3 .pf_hot {position:absolute;top:10px;right:20px;display:block;padding:3px 0 0px 0;width:30px;border-radius:9px;background:#ea5982;text-align:center;font-size:0.75em;color:#fff;}

/* style.css에서 해당 부분을 찾아 아래와 같이 수정하세요 */



.bo_img_con .pf_content {
    float: left;            /* 왼쪽 유지 */
    margin: 0 2px 0 0;     /* margin-left에서 margin-right로 변경 (이미지와의 간격) */
    padding: 0;
    width: 60%;
}

.bo_img_con .pf_content {float:left;margin:0 0 0 15px;padding:0;width:70%;}
.bo_img_con .pf_btn_more {clear:both;position:absolute;bottom:0;*bottom:10px;left:195px;font-size:1.25em;font-weight:bold;}
.bo_img_con .pf_btn_more a {color:#3096ad;}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:0px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 10px;height:20px;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer}
.bo_notice td {background:#f7f7f2}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}

#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px}
#bo_v header {float:left;}
#bo_v header .pf_v_desc {float:right; padding:0 0 10px;font-size:1.166em; font-weight:bold; color:#666;}

#bo_v_table {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {letter-spacing:-1px;color:#02627a}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {}
#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 22px}

#bo_v_link {}
#bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {float:right; display:inline-block;margin:-25px 0 3px 22px; font-weight:bold; color:#5F65FC;}

#bo_v_top {float:right;padding:5px 0 5px;}
#bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {clear:both;min-height:200px;height:auto !important;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

.pf_v_thumb_wrap {margin:0 0 10px 0;padding:3px;border:1px solid #999;}
.pf_v_thumb {height:480px;overflow:hidden;}
.pf_v_thumb img {margin-top:0px;}

#bo_v_con {margin-bottom:10px;padding-top:10px;width:100%;font-size:10.5pt; line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:20px;text-align:center}
#bo_v_act a {margin-right:5px;vertical-align:top}
#bo_v_act span {display:inline-block;margin-right:5px;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:top}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good,
#bo_v_act_nogood {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

#bo_v form {padding-top:20px}

/* 게시판 댓글 */
#bo_vc {padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f5f6fa}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc fieldset {margin:0 0 10px;padding:0}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

#bo_vc form {padding:0}

.sp_imsch {
    float: left;
    margin: 0 5px 0 0;
}
.sp_imsch em {
    display: block;
    overflow: hidden;
    text-indent: -1000px;
}


/* --- 의뢰 정보 가로 한 줄 정렬 (pf_info) --- */
.pf_info {
    display: flex;            /* 가로 정렬 활성화 */
    flex-wrap: wrap;          /* 화면이 너무 좁아지면 자연스럽게 줄바꿈 */
    align-items: center;      /* 세로 중앙 정렬 */
    gap: 3px;                /* 항목 간의 간격 */
    margin: 2px 2px;
    padding: 0;
    list-style: none;
}

.pf_info dt {
    font-weight: bold;
    color: #555;
    font-size: 0.9em;
    margin-right: 2px;        /* 항목 이름과 내용 사이 간격 */
}

.pf_info dd {
    margin: 0 4px 0 0;        /* 다음 항목과의 간격 */
    padding: 2px 3px;
    background:#3096ad;      /* 깔끔한 배경색 */
    color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;       /* 부드러운 라운드 */
    font-size: 0.9em;
    white-space: nowrap;      /* 내용이 줄바꿈되지 않도록 설정 */
}

/* 구분선 스타일 조정 */
.pf_content hr {
    border: 0;
    border-top: 1px dotted #AE6AFF;
    margin: 2px 0;
}



/* --- 상세페이지 별점 영역 (깨짐 방지 및 우측 정렬) --- */
.view_rating_wrapper {
    clear: both;              /* 주변 요소와의 간섭 차단 */
    display: block;
    width: 100%;
    text-align: right;        /* 오른쪽 정렬 */
    margin: 25px 0 15px;      /* 상하 여백 확보 */
    padding: 0;
    border: none;
}

.view_rating_box {
    display: inline-flex !important; /* 내부 요소들을 유연하게 정렬 */
    align-items: center;
    white-space: nowrap !important;  /* 절대 줄바꿈 금지 */
    letter-spacing: 0 !important;    /* 자간으로 인한 깨짐 방지 */
    word-break: normal !important;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 8px 15px;
    border-radius: 8px;
    line-height: 1;
}

/* 별점 이미지 스타일 강제 고정 */
.view_rating_box img {
    display: inline-block !important;
    vertical-align: middle !important;
    max-width: none !important;      /* 테마의 이미지 제한 무시 */
    width: auto !important;
    height: auto !important;
    margin: 0 1px !important;        /* 별 사이의 미세 간격 */
    padding: 0 !important;
    border: 0 !important;
}

.view_rating_box .oranges {
    margin-left: 8px;
    font-size: 1.1em;
    font-weight: bold;
    color: #ff5e00;
}


/* style.css 하단에 추가 */

.pf_subject {
    width: 100%;
}

.pf_rating_box {
    display: inline-flex;
    align-items: center;
    font-size: 13px; /* 별점 텍스트 크기 조절 */
    margin-left: 30px;
}

.pf_rating_box img {
    height: 16px; /* 별 이미지 크기 고정 */
    width: auto;
    display: inline-block;
    margin-right: 3px;
}

.pf_rating_box .oranges {
    color: #ff5e00;
    font-weight: bold;
}





/* --- [수정] 썸네일 박스 스타일 : 밝고 부드러운 느낌 --- */
.bo_img_con .pf_min_thumb {
    float: right;
    padding: 5px; /* 내부 여백을 줄여 깔끔하게 */
    
    /* 밝고 부드러운 컬러 설정 */
    background-color: #ffffff; /* 완전한 흰색 배경 */
    border: 3px dotted #8A32FF; /* 아주 연한 회하늘색 테두리 (진한 점선 제거) */
    border-radius: 15px; /* 둥근 모서리 유지 */
    
    /* 부드러운 그림자 효과 추가 */
    box-shadow: 0 5px 15px RGB(138, 50, 255 0.05); 
    
    position: relative; /* 오버레이 위치 잡기 위해 필수 */
    transition: all 0.3s ease; /* 부드러운 전환 효과 */
    clear: none;
    overflow: hidden; /* 내부 이미지가 둥근 모서리를 넘지 않게 */
}

/* 마우스 올렸을 때 박스 자체가 살짝 떠오르는 효과 */
.bo_img_con .pf_min_thumb:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(174, 106, 255, 0.2); /* 테마색(보라)의 은은한 그림자 */
    border-color: #AE6AFF; /* 테두리만 살짝 포인트 컬러로 변경 */
}

/* --- [추가] 이미지 링크 프레임 --- */
.thumb_hover_frame {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px; /* 내부 이미지도 둥글게 */
    overflow: hidden;
}

/* --- [추가] 오버레이 아이콘 (평소에는 숨김) --- */
.thumb_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3); /* 밝은 반투명 흰색 덮개 */
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    opacity: 0; /* 처음엔 안 보임 */
    transition: all 0.3s ease;
    z-index: 10;
}

/* 아이콘 스타일 */
.thumb_overlay i {
    font-size: 30px; /* 아이콘 크기 */
    color: #865CC4; /* 아이콘 색상 (보라색 포인트) */
    background: #fff; /* 아이콘 배경 흰색 */
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%; /* 동그란 아이콘 배경 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transform: scale(0.5); /* 처음엔 작게 */
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* 톡 튀어오르는 느낌 */
}

/* --- [추가] 마우스 오버 시 변화 --- */
.pf_min_thumb:hover .thumb_overlay {
    opacity: 1; /* 오버레이 보이기 */
}

.pf_min_thumb:hover .thumb_overlay i {
    transform: scale(1); /* 아이콘 원래 크기로 팝업 */
}