@charset "utf-8";

.board_description table p{margin-top:10px;}


.boardtable{border:1px solid #D4D4D4;border-collapse:collapse;}
td#board {padding:4px 5px 5px 5px;color:#333333;}
.cu_photo_list{border:0px solid #D4D4D4;border-collapse:collapse;}
////////* .bbsnewf5 table{margin-left:-35px;} *///////
.board {padding:4px 5px 5px 5px;color:#333333;}
.board a:link{padding:0 0 0 0;color:#000000;text-decoration:none;}
.board a:visited{padding:0 0 0 0;color:#000000;text-decoration:none;}
.board a:hover{padding:0 0 0 0;color:#000000;text-decoration:underline;}
.board a:active{padding:0 0 0 0;color:#000000;text-decoration:none;}
.board tr td {padding-bottom:10px}


.board_output_gallery_img{padding-left:7px;}
.bbsnewf5 {padding:10px 10px 10px 10px;color:#333333;}
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}


.bbsbody03{width:240px;overflow:hidden;text-overflow:ellipsis;padding-left:5px;padding-right:5px}
.board_output_gallery_subject {text-align:center; margin:0 auto; line-height:41px;}


.news_title {color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none;}
.news_title a:link{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.news_title a:visited{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.news_title a:hover{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:underline}




.news_cont {color:#555555;text-decoration:none}
.news_cont a:link{color:#555555;text-decoration:none}
.news_cont a:visited{color:#555555;text-decoration:none}
.news_cont a:hover{color:#FF5500;text-decoration:none}




.gallery_title {color:#323232; margin-top:20px; line-height:41px; font-weight:800; font-size:21px; }

@media screen and (max-width:768px) {
.gallery_title {color:#323232; line-height:41px; font-weight:500; font-size:18px; }	
}


.gallery_cont {color:#666666}


.paging {color:#FF5500;font-weight:bold;}
.paging a:link{color:#555555;font-weight:normal;text-decoration:none}
.paging a:visited{color:#555555;font-weight:normal;text-decoration:none}
.paging a:hover{color:#555555;font-weight:normal;text-decoration:underline}


.search_txt {color:#666666}






.board_txt {color:#000000;text-decoration:none;padding-top:4px;}
.board_txt a:link{color:#000000;text-decoration:none;}
.board_txt a:visited{color:#000000;text-decoration:none;}
.board_txt a:hover{color:#000000;text-decoration:none;}
.board_txt2 {color:#333333;text-decoration:none;padding-top:4px;}
.board_txt2 a:link{color:#333333;text-decoration:none;}
.board_txt2 a:visited{color:#333333;text-decoration:none;}
.board_txt2 a:hover{color:#333333;text-decoration:none;}
input#border {color:##666666;border:1px solid #D4D4D4}
textarea#border {color:##666666;border:1px solid #D4D4D4}


.board_bgcolor {width:100px;background-color:#F7F7F7;color:#000000;}
.board_rate {padding:0 0 0 0;color:#333333;background-color:#E6F0F9;}
.board_rate_td {padding:4px 5px 5px 5px;color:#333333;background-color:#FFFFFF}
.board_comment_bgcolor {background-color:#F6F6F6;}


.board_output {padding:4px 0 0 0;color:#333333;}
.board_output a:link{padding:0 0 0 0;color:#333333;text-decoration:none;}
.board_output a:visited{padding:0 0 0 0;color:#333333;text-decoration:none;}
.board_output a:hover{padding:0 0 0 0;color:#333333;text-decoration:underline;}
.board_output a:active{padding:0 0 0 0;color:#333333;text-decoration:none;}


.comment_name {color:#0055B5;text-decoration:none;padding-top:4px;}
.comment_txt {color::#000;text-decoration:none;padding-top:4px;}
.comment_txt a:link{color::#000000;text-decoration:none;}
.comment_txt a:visited{color::#000000;text-decoration:none;}
.comment_txt a:hover{color::#000000;text-decoration:none;}
.webzine_type2 {width:100%;}
.webzine_type2 td { color:#666666; }
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top;}
.webzine_type2 .webzine_type_img img {border:4px solid #cc3232; }
.webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.webzine_type2 dd {float:left;width:100%;height:25px;padding:3px 0 1px 0;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;height:25px;padding:5px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 6px no-repeat;}
.webzine_type2 .obj_value {height:25px;padding:5px 0 0 10px;}


.webzine_type2 .webzine_type_text_td_left { width:100%; padding:0 0 0 8px; }


.webzine_type2 .webzine_type_text_td_right { width:100%; padding:0 9px 0 0; }




.boardtable{border:1px solid #D4D4D4;border-collapse:collapse;}
.cu_photo_list{border:0px solid #D4D4D4;border-collapse:collapse;}
.board {padding:4px 5px 5px 5px;color:#333333;}
.board a:link{padding:0 0 0 0;color:#000000;text-decoration:none;}
.board a:visited{padding:0 0 0 0;color:#000000;text-decoration:none;}
.board a:hover{padding:0 0 0 0;color:#000000;text-decoration:underline;}
.board a:active{padding:0 0 0 0;color:#000000;text-decoration:none;}
.board tr td {padding-bottom:10px}




.bbsnewf5 {color:#333333;}
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}




.board_output_gallery_subject { text-align:center;width:100%; }
.board_output_gallery_description { text-align:center;width:100%; }
.cub_photo {border:1px #e8e8e8 solid;border-collapse:collapse;}
.cub_photo td{border-bottom:1px #e8e8e8 solid;padding:10px;}
.cu_photo {width:100%; margin-bottom:30px}
.cu_photo tbody td {padding:10px 15px; font-size:15px; }
.cu_photo tbody td font, .tbl_photo tbody td span {font-size:15px !important}
.cu_photo tbody td.no-padding {padding:0 !important; border-bottom:none}
.cu_line {height:3px; background:#000}


td{vertical-align:middle !important; }
.cu_photo_list {width:100%;text-align:left;margin-left:0px; }
.cu_photo_list table{margin:0 auto}
.cu_photo_list:after {display:inline-block; width:100%; height:0; content:''}
.cu_photo_list td{vertical-align:top !important;
}
/* cu_photo_list 내부에 있으면서, gallery_subject가 아닌 상단 이미지 칸만 선택 */
.cu_photo_list td[valign="bottom"] {
    border:solid 1px #b3b3b3; 
	border-radius: 20px;
	padding:15px;
    display: block; /* box-shadow inset이 잘 보이게 하기 위해 필요할 수 있음 */
}
.cu_photo_list td[valign="bottom"]:hover {
 box-shadow: 0 14px 20px rgba(0,0,0,0.1);
}

.cu_photo_list > table {vertical-align:top !important;display:inline-block;width:24%;margin-bottom:35px; margin-left:0.25%; margin-right:0.25%;}




/*.cu_photo_list .bbsnewf5 .gallery_etc{display:none}*/
.cu_photo_list .bbsnewf5 .gallery_etc{ font-size:0px !important; color:#fff;}
.cu_photo_list .bbsnewf5 .gallery_etc font{ font-size:18px !important;}

.gallery_subject br{display:none;}

/*///////////////////////// 폼메일 /////////////////////////////////////*/


/* 기본 텍스트 스타일 */
.formmail_txt {}
/* 텍스트박스 스타일 */
.formmail_border {border:2 solid #000}
/* 항목칸 스타일 */
.formmail_title_bgcolor {background-color:#fff; font-size:21px; font-weight: 600;}
/* 입력칸 스타일 */
.formmail_cell_bgcolor {padding-left:10; }
.table_02   { width:100%; border-top:3px #000 solid; border-bottom:1px #4fb3d2 solid;  }
.table_02 td  { border-bottom:1px #e5e5e5 solid;  padding:20px 0; }

.formmail_cell_bgcolor input[type=text], .formmail_cell_bgcolor select, .formmail_cell_bgcolor textarea {
    padding: 12px 20px;
    margin-right: 10px;
    border: solid 1px #ccc;
    border-radius: 7px;
	font-size: 18px;
}
.formmail_cell_bgcolor .formmail_textarea_style{
width:100%;
}


.cu_photo_list .bbsnewf5 img {display:block; vertical-align:top;width:100% !important;height:auto !important;margin-bottom:10px;}
.cu_photo, .board{width:100% !important}
.cu_photo td:last-child{text-align:right}
.cub_photo{margin-left:0px}
.cub_photo .board_description{padding-left:10px;padding-right:20px !important;padding-top:10px;}
.cube_output td{width:25%;display:inline-block; float:left;border:0px #000 solid}
.cube_output td table ,.cube_output td table td{width:100% !important}
.cube_output img{display:block; vertical-align:top;width:100% !important;height:auto !important;margin-bottom:-12px;margin-top:20px;}
.cube_output td{text-align:center;}
.cube_output a{color:#333;}
.cube_output .board_output_gallery_subject{vertical-align:top;}


/* 1. 전체 컨테이너를 우측 사이드바 형태로 고정 */
/* 1. 사이드바 초기 레이아웃 및 우측 정렬 */
/* 1. 플로팅 리스트 레이아웃 */
.list_pro {
    position: absolute;    /* 부모 기준으로 위치 고정 */
    right: 0px;         /* 본문 우측 밖으로 배치 (조절 가능) */
    width: 130px;
    z-index: 10000;
    background: #fff;
    padding: 5px;
    /*border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
    transition: top 0.2s ease-out; /* 따라올 때 부드럽게 */
}

/* 2. 리스트 내부 이미지 세로 정렬 */
.list_pro table { float: none !important; display: block !important; width: 100% !important;  }
.list_pro td { display: block !important; text-align: center !important;  }
.list_pro img { width: 100% !important; height: auto !important; border-radius: 10px; border: 1px solid #eee; box-shadow: 0 4px 10px rgba(0,0,0,0.1); padding:10px;}
.image_sublist { display: none !important; }
.formmail_title_bgcolor{width:25%!important;}

@media screen and (max-width: 1100px) {
.inauiryBox .w40{width:100%!important;}
.inauiryBox .w55{width:100%!important;}
.formmail_title_bgcolor{width:25%!important;}
.formmail_cell_bgcolor input[type=text], .formmail_cell_bgcolor select, .formmail_cell_bgcolor textarea {
width:100%;
}
    .list_pro {
        /* 1. 화면 하단에 강제 고정 */
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important; /* 자바스크립트의 top 계산 무시 */
        
        /* 2. 가로 바 형태 레이아웃 */
        width: 100% !important;
        height: auto;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center;
        align-items: center;
        
        /* 3. 디자인 가독성 보강 */
        background: rgba(255, 255, 255, 0.95) !important; /* 살짝 투명하게 */
        padding: 10px 0 !important;
        margin: 0 !important;
        border-top: 1px solid #ddd !important;
        box-shadow: 0 -3px 10px rgba(0,0,0,0.1) !important; /* 위쪽으로 그림자 */
        z-index: 99999 !important;
    }

    /* 내부 테이블들을 가로 한 줄로 배치 */
    .list_pro table {
        float: none !important;
        display: inline-block !important;
        width: auto !important;
        margin: 0 5px !important;
    }

    /* 이미지 크기를 가로바에 맞춰 최적화 */
    .list_pro img {
        width: 70px !important; /* 모바일에서 너무 크지 않게 조절 */
        height: 90 !important;
        object-fit: cover;
        border-radius: 4px;
    }

    /* 기존 게시판 디자인과의 간섭 제거 */
    .list_pro td {
        padding: 0 !important;
    }
}

#ext_search {margin-top:30px}


@media screen and (max-width:480px) {
.cu_photo_list{ padding-right:10px;padding-left:-15px;margin:0 auto}
.cu_photo_list > table {display:inline-block; width:47% !important; margin-bottom:10px}
.cu_photo_list .bbsnewf5 img {width:100%;height:auto}
.cub_photo tbody td img {height:300px !important}
.cube_output td{width:100%;display:inline-block; float:left;border:0px #000 solid}
#post_area{width:95% !important;}
#post_area img {width: 100% !important; height:auto!important; display:inline !important;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#container_list #ext_search #search_table .est_keyword_cell input{width:255px;}
}

.gallery_etc font:nth-child(2){display:block; padding:20px 0;}

.bbsnewf5{
border-radius: 20px;
/*box-shadow: inset 0 0 2px #ababab;*/
overflow: hidden;
margin: 0 auto;}

.cu_photo_list{all: unset;}


/* 검색창 셀럭트 */
.cu_photo_list select, #container_view select, #container_write select{
min-width: 115px;
font-size: 13px;
height: 40px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
box-sizing: border-box;
border: 1px solid #dfdfdf;
border-radius: 0;
padding: 0 39px 0 19px;
height: 35px;
line-height: 34px;
padding-bottom: 2px;
background: #fff url(/base/img/component/board/selfrm_arr2.gif) no-repeat 100% 50%;
font-size: 13px;
}
#search_display1{margin-left:5px;}
p{
margin:0;
padding:0;
}
.cu_photo_list #ext_search #search_table .est_keyword_cell input {
height: 33px !important;
line-height: 38px !important;
border: 1px solid #dbdada;
float: left;
font-size: 1.4rem;
}






/* 글목록 - Search Line */
.cu_photo_list #ext_search{margin-top:10px; padding:10px 0; border:#ddd 1px solid; background:#f1f1f1;}
.cu_photo_list #ext_search #search_table{width:300px; margin:0 auto;}
.cu_photo_list #ext_search #search_table .est_btn_cell{
float: left;
width: 62px;
height: 27px;
color: #333;
position: absolute;
cursor: pointer;
margin-top: 2px;
margin-left: -90px;
padding: 1px 0 0 25px;
}


/* 글목록 - Paging Line 페이징 버튼*/
.cu_photo_list #paing_table{width:100%; margin-top:10px;}
.cu_photo_list #paing_table tr{height:27px}
.cu_photo_list #paing_table tr .ept_btn_cell{width:5%; text-align:right;}
.cu_photo_list #paing_table tr .ept_link_cell{width:95%; text-align:center; line-height:16px;}
.cu_photo_list #paing_table tr .ept_link_cell a {display:inline-block; width:25px; height:25px; border-radius: 50%; margin:0 4px 0 -4px; padding:3px 3px 0 3px; text-align:center; border:#ddd 1px solid; /*border:#ccc 1px solid;*/}
.cu_photo_list #paing_table tr .ept_link_cell b {display:inline-block; width:25px; height:25px; border-radius: 50%; margin:0 4px 0 -4px; padding:3px 3px 0 3px; text-align:center; border:#5a5a5a 1px solid; background:#707070; color:#fff; }
.cu_photo_list #paing_table tr .ept_link_cell a:hover {border:#3d95e0 1px solid; }


/* 익스플로러 에서 검은색 선 사라지게 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {


.cu_photo_list #ext_search #search_table .est_btn_cell{
float: left;
width: 62px;
height: 27px;
color: #333;
position: absolute;
cursor: pointer;
margin-top: 2px;
margin-left: 170px;
padding: 3px 0 0 25px;
}
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
}
}


.cu_photo_list #ext_search #search_table .est_cate_cell{width:35px;}
.cu_photo_list #ext_search #search_table .keywordform{}
.cu_photo_list #ext_search #search_table .dateform{}


.cu_photo_list #paing_table tr .ept_link_cell {
width: 95%;
text-align: center;
line-height: 16px;
}
.cu_photo_list #paing_table {
width: 100%;
margin-top: 10px;
}




.write{border-top:3px solid #000;}


/*.write .board_bgcolor{display:none;} 제목,작성일자,조회수 제목 사라지게 */
/*.write .board_bgcolor{display:block; } /*글쓰기에서만 제목 등 나오게*/


.write input[type=text],[type=password] {
width:99%;
height: 33px !important;
line-height: 33px !important;
border: 1px solid #dbdada;
float: left;
font-size: 1.2rem;
margin:10px 0 10px 10px;
}
.write .board_bgcolor{border-bottom: 1px solid #D4D4D4!important; background-color:#fff!important;}
.write .board_desc{border-bottom: 1px solid #D4D4D4!important;}
.write .board_bgcolor span{font-size:15px !important}
.write input#border {
color: ##666666;
border: 1px solid #D4D4D4;
margin-bottom: 20px;
}


.bbsnewf5 a img{vertical-align:middle;}
.bbsnewf5 board_desc input{font-size:14px;}


#boarad_list .board_bgcolor{display:none;} /*제목,작성일자,조회수 제목 사라지게 */
#boarad_list{border-top:3px solid #000;}
#boarad_list .board_desc{padding:20px 0 20px 0; font-size:1.8rem !important; font-weight: 500 !important; border-bottom:1px solid #d9d9d9;} /* 게시판 타이틀 부분 */






@media screen and (max-width:800px) {
.cu_photo_list{ padding-right:10px;padding-left:-15px;margin:0 auto}
.cu_photo_list > table {display:inline-block; width:47% !important; margin-bottom:20px}
.cu_photo_list .bbsnewf5 img {width:100%;height:auto}
.cub_photo tbody td img {height:300px !important}
.cube_output td{width:100%;display:inline-block; float:left;border:0px #000 solid}
#post_area{width:95% !important;}
#post_area img {width: 100% !important; height:auto!important; display:inline !important;}
.cu_photo_list #ext_search{display:none}
.cu_photo_list .gallery_subject{font-size:15px;}
#boarad_list .board_desc{padding:10px 0 10px 0; font-size:1.0rem !important; font-weight: 500 !important; border-bottom:1px solid #d9d9d9;} /* 게시판 타이틀 부분 */
}



    /* 전체 섹션 스타일 */
    .feature-section {
        padding: 40px 20px;
        text-align: center;
    }
    
    /* 제목 스타일 */
    .feature-title {
        font-size: 1.8em;
        color: #007bff; /* 파란색 포인트 */
        margin-bottom: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    /* 테이블 스타일 */
    .spec-table {
        width: 100%;
        max-width: 600px; /* 테이블 최대 너비 제한 (선택사항) */
        margin: 0 auto;   /* 가운데 정렬 */
        border-collapse: collapse;
        margin-top: 20px;
    }
    
    .spec-table th, .spec-table td {
        border: 1px solid #ddd;
        padding: 12px;
        text-align: left;
    }
    
    /* 테이블 헤더 (파란색 배경) */
    .spec-table th {
        background-color: #5bc0de;
        color: white;
        text-align: center;
        width: 20%;
    }
    
    /* 테이블 본문 가운데 정렬 */
    .spec-table td {
        text-align: center;
        color: #333;
    }