
.in_bo{position: relative; width: 160rem; max-width: 100%; padding: 0; margin: 0 auto;}

/* gallery_b 목록 안 빈 상태/로그인 안내 (table 마크업이 아닐 때 대비 중앙 정렬) */
.review_wrap .review_list font.board_list_txt1{
	display:block;
	box-sizing:border-box;
	width:100%;
	max-width:52rem;
	margin:2rem auto 3rem;
	padding:clamp(28px,5vw,48px) clamp(20px,4vw,32px);
	text-align:center;
	line-height:1.55;
	word-break:keep-all;
	border:1px solid #e8ecf1;
	border-radius:12px;
	background:#fafbfc;
}
.review_wrap .review_list tr > td{font-size:inherit;}

/* 쓰기 폼 */
.form-section {max-width:800px; margin: 0 auto; }
.form-group {margin-bottom: 24px;}
.form-label { margin-bottom: 8px; font-weight: 500; color: #333; text-align: left ;}
.required {color: #e74c3c;}
.form-input {width: 100%; padding: 12px 16px; border: 2px solid #e9ecef; border-radius: 6px; font-size:18px; transition: border-color 0.3s ease; box-sizing: border-box; text-align: left ;}
.form-input:focus {outline: none; border-color: #333;}
.form-input::placeholder {color: #aaa;}
.textarea {min-height: 120px; resize: vertical;}
.privacy-section {margin-top: 32px; padding-top: 24px; border-top: 1px solid #e9ecef;}
.privacy-title {font-weight: 600; margin-bottom: 16px; color: #333; text-align: left ;}
.privacy-list {list-style: none; margin-bottom: 20px;}
.privacy-list li {padding: 4px 0; font-size: 16px; color: #666; text-align: left ;}
.checkbox-group {margin-bottom: 16px;}
.checkbox-item {display: flex; align-items: center; margin-bottom: 8px;}
.checkbox-item input[type="radio"] {margin-right: 8px; margin-top: 0; flex-shrink: 0;}
.checkbox-item label {font-size: 16px; color: #666; line-height: 1.5;}
.submit-btn {background: linear-gradient(135deg, #333 0%, #555 100%); color: white; padding: 16px 32px; border: none; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; width: 100%; transition: all 0.3s ease;}
.submit-btn:hover {transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.2);}
.submit-btn:disabled {background: #ccc; cursor: not-allowed; transform: none; box-shadow: none;}
.help-button {position: fixed; bottom: 24px; right: 24px; width: 56px; height: 56px; background: #333; color: white; border: none; border-radius: 50%; font-size: 24px; cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,0.3); transition: all 0.3s ease;}
.help-button:hover {transform: scale(1.1);}
.mobile-buttons {display: none;}

@media (max-width: 768px) {
    .form-section {margin: 0 ; padding: 30px 20px ; width: 100% ; max-width: 100% ;}
    .form-group {margin-bottom: 30px ;}
    .form-label { margin-bottom: 12px ; font-weight: 600 ; color: #333 ; line-height: 1.4 ;}
    .form-input {padding: 18px ; min-height:60px ; border: 2px solid #ddd ; border-radius: 8px ; line-height: 1.4 ;}
    .textarea {min-height: 140px ;}
    .privacy-section {margin-top: 40px ; padding-top: 30px ;}
    .privacy-title {margin-bottom: 20px ; font-weight: 700 ; line-height: 1.4 ;}
    .privacy-list li { color: #555 ;}
    .checkbox-item {margin-bottom: 18px ; align-items: flex-start ;}
    .checkbox-item input {margin-right: 15px ; margin-top: 5px ; transform: scale(1.8) ;}
    .checkbox-item label {font-size: 18px ; line-height: 1.5 ; color: #555 ;}
    .submit-btn {padding: 22px ; font-weight: 700 ; min-height: 80px ; margin-top: 40px ; border-radius: 8px ;}
	input{height:30px}
}


/* 일반게시판 */

.board_list_wrap{margin:0 5rem}
.board_list_wrap .cont li a {display: flex; align-items: center; height:8rem; padding: 0 5rem; border-top: 1px solid var(--borderColor1); transition: background-color 0.3s ease-in-out;}
.board_list_wrap .cont li:last-child a {border-bottom: 1px solid var(--borderColor1);}
.board_list_wrap .cont .badge {display: block; padding: 0.4em 1.2em; margin-right: 1.5rem; font-size: var(--tinyTxt); border-radius: 100px; background-color: var(--blue); color: #fff; font-weight: 700;}
.board_list_wrap .cont .cate {font-weight: 500; margin-right: 20px; width: 6em;}
.board_list_wrap .cont .tit {font-weight: 700; font-size: var(--txt); flex: 1; padding-right: 5rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_list_wrap .cont .txt {font-weight: 500; font-size: var(--txt); color: var(--txtGray1);}

.board_list_wrap .code {width: 3.8em;}
.board_list_wrap .date {width: 7em; text-align: center;}
.board_list_wrap .area {width: 5em; text-align: center;}
.board_list_wrap .type {font-weight: 500; color:var(--blue2); width: 5.5em;}
.board_list_wrap .id {width: 8em; text-align: center;}
.board_list_wrap .state {width:8em; height:5rem; line-height: 5rem; margin-left: 3rem; text-align: center; border-radius: 100px ;font-size:var(--txt); font-weight: 500; }
.board_list_wrap .state.wait {background-color: #E7EAF0; color: #767982;}
.board_list_wrap .state.check {background-color: #5b99d1; color: #fff;}
.board_list_wrap .state.clear {background-color: #f05a28; color: #fff;}


.btn_box {display: flex; justify-content: flex-end; margin: 3rem 10rem 0;}
.btn_box .btn {display: flex;align-items: center;white-space: nowrap;padding: 1.2em 2em;border: 1px solid #232323; font-size: var(--txt);border-radius: 2em;line-height: 1em;transition: background 0.25s, color 0.25s, fill 0.25s;}
.btn_box .btn svg {width: 1em; height: auto; margin-left: 2rem;}
.btn_box .btn:hover {background-color: #232323; color: #fff; fill: #fff;}


/* �몃쾭 �ㅽ��� */
@media screen and (max-width:768px) {
.board_list_wrap{margin:0}
.board_list_wrap .cont .txt {display:none}
.board_list_wrap .cont li a{ padding:0 0 0 20px}
.board_list_wrap .type{width:4em; font-size:16px;}
.btn_box {justify-content:center}
}


/* 페이징 */
.paging{display:flex; align-items:center; justify-content:center; margin-top:9rem}
.paging .num_list li a{display:block; width:100%;  line-height:5rem}
.paging .none{opacity: 0.4; cursor:default}
.paging > a{line-height:1}
.paging > a svg{fill:#B0B0B0;transition: all 0.3s;height:1.3em }
.paging .prev{margin-left:2rem}
.paging .num_list{display:flex;align-items:center;justify-content:center;margin:0 2.5rem}
.paging .num_list li{position:relative; width:2.45em; height:2.45em; border-radius:50%; text-align:center;transition:all 0.3s}
.paging .num_list li.active a{width:2.45em; height:2.45em; color:#fff; font-weight:700;}
.paging .num_list li.active a:before{background-color:var(--blue2)}
.paging .num_list li a:before{content:'';position:absolute; left:50%; top:50%; width:100%; height:100%; border-radius:50%; color:#fff;transform:translate(-50%, -50%);transition:all 0.4s;z-index:-1 }




/* 검색 */
.board-search {margin-bottom:20px;}
.board-search:after {content:""; display:block; clear:both;}
.board-search .total-page {float:left; color:#686868; font-size:15px; line-height:44px;}
.board-search .cate {float:left; margin-left:15px;}
.board-search .search {float:right;}
.board-search .search input.input {width:300px;}


.artist-list {padding:80px 0 0 0; border-bottom:1px solid #ddd;}
.artist-list ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.artist-list ul li {width:25%; padding:0 15px; margin-bottom:35px; text-align:center;}
.artist-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.artist-list ul li a {display:block;}
.artist-list ul li .thumb {position:relative; padding-bottom:122%; margin-bottom:12px; overflow:hidden;}
.artist-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.artist-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.artist-list ul li .tit {color:#242424; font-size:17px; font-weight: 500; line-height:1.4em; text-align: left; letter-spacing:-.03em; margin-left: 9px;}

.gallery-list {border-bottom:1px solid #ddd;}
.gallery-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.gallery-list ul li {width:31%; padding:10px; text-align:center;}
.gallery-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {position:relative; padding-bottom:74.935%; overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.gallery-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.gallery-list ul li .tit {color:#242424; font-size:17px; line-height:1.4em; text-align:start; padding-left: 9px;}
.gallery-list ul li .date {color:#505050; font-size:14px; line-height:1.3em; margin-top:6px; text-align:start; padding-left: 9px;}

/* paging */
.paging{margin:10px 0 20px 0; text-align:center;}
.paging img{vertical-align:middle;}
.paging a{ 
	display:inline-block; text-align:center; height:35px; padding:0 15px; margin:0 1px; border:1px solid #d3d3d3; background:#ffffff; color:#626262;
	font-family:arial, helvetica, sans-serif; font-size:15px; color:#666; line-height:35px; vertical-align:middle;}
.paging a.selected {border:1px solid #222; background:#4d5557; font-weight:bold; color:#fff; text-decoration:none;}
.paging .prev {width:39px; height:0; overflow:hidden; padding:0; padding-top:35px; border:0; background:url(../../images/board/page_prev.gif) no-repeat;}
.paging .next {width:39px; height:0; overflow:hidden; padding:0; padding-top:35px; border:0; background:url(../../images/board/page_next.gif) no-repeat;}



/* 상세보기 */
.board-view {width:100%; border-top:2px solid #868686;}
.board-view-tit {height:50px; border-bottom:1px solid #ddd; }
.board-view-tit h3 {color:#333; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.015em;}



/***************************** ////// 회원페이지 ////// *******************************/
.input_text{width:205px; height:38px; border:1px solid #ddd;}
.input_email {width:120px; height:38px; border:1px solid #ddd;}
.select1 {width:250px; height:36px; margin-left:2px; background-color:#f2f9f9}

.input_tel {width:100px; height:36px; border:1px solid #ddd;}



/***************************** ////// 로그인 ////// *******************************/
.find_wrap{width:1300px; margin:0 auto}



/***************************** ////// 회원가입 ////// *******************************/

.join_form{margin:20rem auto 0;}
.join_form table {width:1300px; margin:0 auto; }
.join_form .tit {height:35px; line-height:35px; padding-left:10px; font-size:16px; color:#333; background:#f6f6f6; text-align:left;font-weight:400}
.join_form .form_area {padding-bottom:5px;}
.join_form .form_area span {display:block; border:solid 1px #d9d9d9; overflow:hidden;}
.join_form .agree_ck {padding-bottom:10px; font-size:17px; font-weight:400; color:#333}
.join_form .tx {width:100%; height:150px; font-size:16px; border:none !important;}
.point05 {margin-left:5px; font-size:18px; font-weight:400; color:#333;}
.alignC {margin-top:30px}




/***************************** ////// 쓰기폼 ////// *******************************/
.board_write{width:100%; border-top:2px solid #333;}
.board_write img{vertical-align:middle;}
.board_write th{background:#f5f5f5; text-align:center; height:45px; border-bottom:1px solid #d9d9d9; font-size:16px; color:#222; font-weight:600}
.board_write td{text-align:left; padding:7px 5px; border-bottom:1px solid #d9d9d9;}
.board_write em{color:#cc3366; font-style:normal;}
.board_write .input_text{height:33px; border:1px solid #ddd; }
.board_write .input_text_area{width:98%; height:200px; border:1px solid #ddd;}
.board_write .input_text_title{width:100%; border:1px solid #ddd;}
.board_write .input_file{width:100%; border:1px solid #ddd;}
.board_write .tx {border:1px solid #ddd; width:100%;}


/* 태블릿 (1024px 이하) */
@media screen and (max-width: 1024px) {
   .join_form table {width:100%; margin:0 auto;}
   .join_form .tit {font-size:18px; height:45px; line-height:45px;}
   .join_form .tx {height:120px; font-size:18px;}
   .join_form .agree_ck {font-size:18px;}
   .point05 {font-size:19px;}
   .board_write th {font-size:17px; height:45px;}
   .board_write td {padding:12px 10px;}
   .board_write .input_text {height:40px; font-size:17px;}
   .board_write .input_tel {height:40px; font-size:17px;}
   .btn_Grey, .btn_Cancel {font-size:17px; padding:15px 35px; height:50px; line-height:20px; display:inline-flex; align-items:center; justify-content:center;}
}

/* 모바일 가로/큰 모바일 (768px 이하) */
@media screen and (max-width: 768px) {
  .join_form table {width:100%; margin:0 auto;}
  .join_form .tit {font-size:17px; height:42px; line-height:42px; padding-left:10px;}
  .join_form .tx {height:100px; font-size:17px;}
  .join_form .agree_ck {font-size:17px; padding-bottom:10px;}
  .point05 {font-size:18px; margin-left:0; margin-top:5px; display:block; clear:both;}
  .alignC {margin-top:25px;}
  .board_write th {font-size:16px; height:42px; padding:10px;}
  .board_write td {padding:10px;}
  .board_write .input_text {height:38px; font-size:17px; margin-bottom:5px;}
  .board_write .input_tel {height:38px; font-size:17px; margin-bottom:5px;}
  .board_write .input_text_area {height:150px; font-size:17px;}
  .btn_Grey, .btn_Cancel {font-size:16px; padding:16px 32px; height:52px; line-height:20px; display:inline-flex; align-items:center; justify-content:center;}
}


/***************************** ////// 아이디/패스워드 찾기 ////// *******************************/
.join_tit{text-align:center}
.join_tit h2{font-size:30px; color:#161616; font-weight:700; padding-bottom:20px}
.join_tit p{padding-bottom:30px}
.idpw_box {overflow:hidden; margin:0 auto; width:1000px;margin-top:20rem}
.idpw_box .id_box, .idpw_box .pw_box {float:left; width:49%; padding:0 20px 30px; box-sizing:border-box; background:#f8f8f8; border:1px solid #ddd}
.idpw_box .pw_box {margin-left:1.6%;}
.idpw_box h3 {height:auto; margin:0; padding:0; font-weight:600; padding-top:10px; border-bottom:2px solid #767784; font-size:28px; color:#282828; text-align:center; line-height:80px;}
.idpw_box table {width:80%; margin:20px auto;}
.idpw_box table th, .idpw_box table td {padding:3px 0;}
.idpw_box table th {font-size:18px;}
.idpw_box table td input {width:100%;}
.idpw_box table td+th {padding-left:20px;}
.idpw_box .btn_wrap {text-align:center;}
.idpw_box .btn_submit {width:175px; height:44px; margin:0 auto; border:0; font-size:18px; color:#fff; background:#2c2c2c;}





/* 태블릿 (1024px 이하) */
@media screen and (max-width: 1024px) {
   .idpw_box {width:100%; max-width:800px; }
   .idpw_box .id_box, .idpw_box .pw_box {width:48%; padding:0 15px 25px;}
   .idpw_box h3 {font-size:28px; line-height:80px; }
   .idpw_box table {width:90%;}
   .idpw_box table th {font-size:18px;}
   .idpw_box .btn_submit {width:175px; height:44px; font-size:18px;}
   .join_tit h2 {}
}

/* 모바일 가로/큰 모바일 (768px 이하) */
@media screen and (max-width: 768px) {
   .idpw_box {width:100%; max-width:600px;}
   .idpw_box .id_box, .idpw_box .pw_box {float:none; width:100%; margin:0 0 20px 0; padding:0 15px 20px;}
   .idpw_box .pw_box {margin-left:0;}
   .idpw_box h3 {font-size:28px; line-height:80px; }
   .idpw_box table {width:95%;}
   .idpw_box table th {font-size:18px;}
   .idpw_box table td+th {padding-left:15px;}
   .idpw_box .btn_submit {width:175px; height:44px; font-size:18px; }
   .join_tit h2 {font-size:30px;}
}




/***************************** ////// 기본박스 ////// *******************************/
.m_contents .m_con_box { padding:30px; text-align:left; margin-bottom:50px;}



/*이용약관, 개인정보보호방침*/
.tit_term {color:#333; font-size:20px; font-weight:bold; margin-bottom:5px;}
.cnt_term {margin-bottom:30px;}
textarea {width:99%; height:250px; border:1px solid #ccc; line-height:160%; }



/*약관, 개인정보보호방침*/
.terms {width: 1400px; margin-bottom: 20px; overflow: hidden;}
.terms_in {width:99%; height:100px; padding:20px 0; line-height:160%;}





@media all and (max-width:1024px) {

.find_wrap{width:100%}
.login_box .id_box{width:100%}
}




@media all and (max-width:1023px) {


}

@media all and (min-width:769px) {
}



@media all and (max-width:768px) { /* 768px 이하 스마트폰 */

}


@media screen and (max-width:768px) {
}

