/* 공통 버튼 */
/* 등록하기 버튼 */
.btn_write_simple {display:flex;justify-content:center;min-width:110px;height:45px;line-height:45px;padding:0 24px;background:#424654;color:#fff !important;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all 0.3s ease}
.btn_write_simple:hover{background:#343742;color:#fff !important;text-decoration:none}

.btn_answer{display:inline-block;min-width:70px;height:35px;line-height:35px;color:#fff;background:#313131}
.btn_answer_ing{display:inline-block;min-width:70px;height:35px;line-height:35px;color:#fff;background:#707079}
.btn_answer_complete{display:inline-block;min-width:70px;height:35px;line-height:35px;color:#fff;background:#3c54c2;font-size:14px}

/* 게시판 공통 적용 */
#bo_v{}
#bo_v_top{}
.is_view_btn{display:flex;gap:4px}

.btn_b01 i{margin-right:7px}
.btn_cm_opt i{margin-right:0}
.secret_img{display:flex;align-items:center}
.secret_img img{padding-right:10px}

.input_gap{display:flex;gap:4px}



/* 일반형게시판 */
.board_type1{display:flex;flex-wrap:wrap; justify-content: flex-start;gap:25px}
.board_type1_box{flex: 0 0 calc(33.333% - 25px);margin-bottom:25px;}
.board_type1_box .bs_img{width:100%;margin-bottom:25px;}
.board_type1_box .bs_img img{width:100%;height:auto;}
.board_type1_box .bs_txt p.category{font-size:16px;color:#222;line-height:28px;padding-bottom:4px}
.board_type1_box .bs_txt h3{position:relative;font-size:28px;color:#222}
.board_type1_box .bs_txt h3::after{content:'';display:block;position:absolute;bottom:-15px;width:30px;height:1px;background:#222}
.board_type1_box .bs_txt p.cont{font-size:16px;line-height:26px;padding-top:20px}
.board_type1_box .bs_txt p.cont:hover{color:#222;cursor:pointer;}

/* 검색바 */
.search_bar {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.search_inner,.search_inner>form {
	display:flex;
	justify-content:space-between;
}
.search_inner input {
	width:250px;
	padding:3px;
	border:1px solid #ccc;
	outline:none;
    font-size:14px
}
.search_inner button {
	display:inline-block;
	width:60px;
	height:35px;
	background-color:#353535;
	color:white;
	border:none;
	cursor:pointer;
	font-size:14px;
}
.search_inner select {
	width:110px;
	padding:3px 10px;
	border:1px solid #ccc;
	outline:none;
	margin-right: 2px;
    font-size:14px;
    margin-right: 10px;
}
/* 게시판 탭메뉴 */
.board_tab{display:flex;margin-bottom:40px;border-bottom:1px solid #222;}
.board_tab li{flex:1;}
.board_tab li a{display:block;text-align:center;padding:15px 0;background:#f8f8f8;font-size:16px;color:#666;transition:all 0.3s;}
.board_tab li.on a{background:#fff;color:#222;border-top:2px solid #222;border-left:1px solid #222;border-right:1px solid #222;font-weight:700;border-bottom:1px solid #fff;margin-bottom:-1px;}
.board_tab li a:hover{background:#fff;color:#222;}

/* 웹진형 게시판 */
.board_type2{display:flex;flex-direction:column;gap:30px;}
.board_type2_box{display:flex;align-items:center;;background:#fff}
.board_type2_box .bs_img{width:450px;margin-right:40px;}
.board_type2_box .bs_img img{width:100%;height:auto;}
.board_type2_box .bs_txt{flex:1;}
.board_type2_box .bs_txt p.category{font-size:15px;color:#666;margin-bottom:10px;}
.board_type2_box .bs_txt h3{position:relative;font-size:28px;color:#222;margin-bottom:25px;}
.board_type2_box .bs_txt h3::after{content:'';display:block;position:absolute;bottom:-15px;width:30px;height:1px;background:#222}
.board_type2_box .bs_txt p.cont{font-size:16px;line-height:1.6;color:#666}
.board_type2_box .bs_txt p.cont:hover{color:#222;cursor:pointer;}

/* 제품형 게시판 */
.board_type4{display:flex;flex-wrap:wrap;gap:25px;}
.board_type4_box{flex:0 0 calc(33.333% - 17px);margin-bottom:30px;}
.board_type4_box .bs_img{width:100%;margin-bottom:25px;}
.board_type4_box .bs_img img{width:100%;height:auto;}
.board_type4_box h3{position:relative;font-size:24px;color:#222;margin-bottom:25px;}
.board_type4_box h3::after{content:'';display:block;position:absolute;bottom:-15px;width:30px;height:1px;background:#222;}
.board_type4_box .table_type1{margin-bottom:30px;}
.board_type4_box .btn_detail_view{display:block;max-width:150px;background:#555353;color:#fff;text-align:center;height:45px;line-height:43px;transition:all 0.3s;font-size:14px}
.board_type4_box .btn_detail_view:hover{background:#333;}

/* table */
.table_type1{width:100%;border-collapse:collapse;border-top:2px solid #222;}
.table_type1 table th{background:#f8f8f8;color:#222;font-weight:700;text-align:right}
.table_type1 table td{background:#fff;color:#676767}
.table_type1 table th, .table_type1 table td{padding:12px 15px;;border-bottom:1px solid #ddd;vertical-align:middle}

/* 유튜브 게시판 */
.board_type5{display:flex;flex-wrap:wrap;gap:25px;}
.board_type5_box{width:calc(33.3% - 25px);border:1px solid #ddd;transition:all 0.3s;}
.board_type5_box:hover{border-color:#222;}
.board_type5_box .bs_img{width:100%;position:relative}
.board_type5_box .bs_img img{width:100%}
.board_type5_box .bs_img iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.board_type5_box .bs_txt{display:flex;padding:20px;}
.board_type5_box .bs_txt .txt_wrap{display:flex;justify-content:space-between;align-items:flex-start;}
.board_type5_box .bs_txt h3{font-size:18px;color:#222;flex:1;margin-right:15px;line-height:1.4;max-height:48px;overflow:hidden}
.board_type5_box .set_info{display:flex;align-items:flex-end;}
.board_type5_box .set_info span{color:#666;font-size:14px;margin-bottom:5px;margin-right:12px}
.board_type5_box .set_info i{margin-right:5px;font-size:14px}
.board_type5_box .set_info .date_time i{color:#999;}
.board_type5_box .set_info .view_count i{color:#999;}

/* 공지사항 */
.board_type_table1 thead{border-top:1px solid #222;border-bottom:1px solid #ddd}
.board_type_table1 th{background:#f8f8f8;color:#222;font-size:15px;height:45px;font-weight:700;text-align:center;font-weight:500}
.board_type_table1 th,.board_type_table1 td{padding:0 15px;vertical-align:middle}
.board_type_table1 td{border-bottom:1px solid #ddd;min-height:55px;padding:15px 8px;font-size:16px}
.board_type_table1 td.title strong{color:#222;font-weight:500}
.board_type_table1 td a{color:#676767}
.board_type_table1 td a:hover{color:#222}
.board_type_table1 .notice_label{display:inline-block;padding:4px 12px;color:#222;background:#efefef;margin:0 auto;font-size:13px;font-weight:500}
.board_type_table1 .icon_file{color:#999;font-size:14px;margin-left:4px}

/* 자주묻는질문 
.board_type_table2{width:100%;border-top:2px solid #222;} 
.board_type_table2 .faq_list{width:100%}
.board_type_table2 .faq_item{border-bottom:1px solid #ddd;}
.board_type_table2 .question{display:flex;align-items:center;padding:20px 15px;cursor:pointer;background:#fff;transition:all 0.3s ease-in-out;}
.board_type_table2 .question:hover{background:#f8f8f8;}
.board_type_table2 .q_num{width:60px;text-align:center;color:#222;font-size:16px;font-weight:700;}
.board_type_table2 .q_title{flex:1;color:#222;font-size:16px;font-weight:700;}
.board_type_table2 .q_icon{width:20px;text-align:center;}
.board_type_table2 .q_icon i{transition:transform 0.3s ease-in-out;display:inline-block;}
.board_type_table2 .answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;background:#f8f8f8;}
.board_type_table2 .answer.active{max-height:500px;}
.board_type_table2 .answer_content{padding:30px 35px;font-size:15px;line-height:1.6;color:#666;}
.board_type_table2 .faq_item.active .q_icon i{transform:rotate(180deg);}



/* 영상갤러리 */
.board_type7{display:flex;flex-wrap:wrap;gap:25px;}
.board_type7_box{width:100%;display:flex;flex-wrap:wrap;gap:25px;}
.board_type7_box .gall_li{flex:0 0 calc(25% - 20px);margin-bottom:30px;transition:all 0.3s;}
.board_type7_box .gall_box{width:100%;background:#fff;overflow:hidden;border:1px solid #f0f0f0;transition:all 0.3s ease;}
.board_type7_box .gall_box:hover{border-color:#ddd;}
.board_type7_box .gall_chk{display:none;}
.board_type7_box .bs_img{position:relative;width:100%;height:200px;overflow:hidden;}
.board_type7_box .bs_img img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%, -50%);transition:transform 0.3s ease;}
.board_type7_box .bs_img:hover img{transform:translate(-50%, -50%) scale(1.05);}
.board_type7_box .gall_text_href{padding:20px;}
.board_type7_box .gall_text_href a{font-size:18px;color:#222;flex:1;margin-right:15px;line-height:1.4;max-height:48px;overflow:hidden;padding-bottom:4px}

.board_type7_box .gall_text_href .date{font-size:13px;color:#999;}
.board_type7_box .gall_text_href .title_icon{margin-left:5px;vertical-align:middle;}

/* no_image 스타일 개선 */
.no_image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f8f8;}
.no_image img{max-width:80%;max-height:80%;object-fit:contain;}

.no_image2{display:flex;align-items:center;justify-content:center;background:#f8f8f8;}
.no_image2 img{max-width:100%;max-height:100%;object-fit:contain;}


/* 게시판 전체 건수 */
.board_total_count{width:100%;position:relative}
.board_total_count p{position:absolute;top:0;left:0}
.board_total_count p span.current{font-weight:500;color:#676767;}

/* 1:1문의 */
.privacy_wrap{max-width:1000px;margin:0 auto;padding:20px 0}
.privacy_header h1{font-size:24px;color:#222;margin-bottom:30px;}
.privacy_content{margin-bottom:40px}
.privacy_content h2{display:none}
.privacy_text{color:#666;line-height:1.6;margin-bottom:12px}
.privacy_details{background:#f8f8f8;padding:20px;margin:20px 0}
.privacy_details p{margin:10px 0}
.privacy_details strong{color:#222;margin-right:10px}
.privacy_agree{text-align:right;margin:20px 0}
.privacy_agree input[type="checkbox"]{margin-right:8px}
.privacy_wrap .form_container{margin-top:40px}
.privacy_wrap .form_header h2{font-size:20px;color:#222;margin-bottom:20px}
.privacy_wrap .form_row{margin-bottom:20px}
.privacy_wrap .form_grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.privacy_wrap .form_item label{display:block;margin-bottom:8px;color:#222}
.privacy_wrap .required{color:#ff3b30;margin-left:4px}
.privacy_wrap input[type="text"],.privacy_wrap input[type="password"], .privacy_wrap input[type="email"], .privacy_wrap input[type="tel"],.privacy_wrap select,.privacy_wrap textarea{width:100%;padding:12px;border:1px solid #ddd;font-size:15px}
textarea{height:200px;resize:vertical}
.privacy_wrap .form_buttons{display:flex;justify-content:center;gap:10px;margin-top:40px}
.privacy_wrap .btn_cancel,.privacy_wrap .btn_submit{padding:16px 60px;font-size:15px;cursor:pointer}
.privacy_wrap .btn_cancel{background:#EAEAEA;color:#666}
.privacy_wrap .btn_submit{background:#222;color:#fff;border-radius:0;}

.title_icon{vertical-align:middle;margin-left:5px}

/**************************** responsive ****************************/

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

    /******* mobile ******/
    /* 게시판 공통 적용 */
    #bo_v{}
    #bo_v_top{}
    #bo_v_top ul{}
    #bo_btn_top{}
    #bo_w{}
    
    .btn_bo_user{gap:4px}
    .btn_bo_user li{margin-left:0}
    
    /* 공지사항 */
    .board_type_table1 .td_count,.board_type_table1  .td_name,.board_type_table1  .td_num{display:none}
    .board_type_table1 .td_date{width:auto; font-size: 14px;white-space: nowrap;}
    
    /* 일반형게시판 */
    .board_type1{flex-direction:column}
    
    /* 웹진형 게시판 */
    .board_type2_box{flex-direction:column;padding:20px;}
    .board_type2_box .bs_img{width:100%;margin:0 0 20px 0;}
    .board_type2_box .bs_txt{width:100%;text-align:center;}
    .board_type2_box .bs_txt h3::after{left:50%;transform:translateX(-50%)}
    
    /* 제품형 게시판 */
    .board_type4{flex-direction:column;gap:0;}
    .board_type4_box{width:100%;margin-bottom:40px;}
    
    /* 유튜브 게시판 */
    .board_type5_box{width:100%}
    
    
    /* 영상갤러리 */
    .board_type7_box{width:100%;}
    .board_type7_box .gall_li{width:100%;flex:auto !Important;margin-bottom:20px;}
    .board_type7_box .gall_box{margin-bottom:0;}
    .board_type7_box .bs_img{height:240px;}
    .board_type7_box .gall_text_href{padding:15px;}
    .board_type7_box .gall_text_href a{font-size:16px;}
    .board_type7_box .gall_text_href .date{font-size:12px;}
    
    /* 1:1문의 */
    .privacy_wrap .form_grid{grid-template-columns:1fr;gap:15px}
    
    /* 자주하는질문 */
    .board_type_table2 .question{padding:15px;}
    .board_type_table2 .q_num{width:50px;font-size:14px;}
    .board_type_table2 .q_title{font-size:14px;}
    .board_type_table2 .answer_content{padding:20px 15px;font-size:14px;}
    
    }
    
    /****** tablet ******/
    @media screen and (min-width:691px) and (max-width:899px){
    
    /* 게시판 공통 적용 */
    #bo_v{max-width:100%;padding:30px 20px 0px 20px}
    #bo_v_top{max-width:100%;padding:0 20px 30px 20px}
    #bo_v_top ul{display:flex}
    #bo_btn_top{padding:0 20px}
    #bo_w{padding:0 20px}
    
    .btn_bo_user{gap:4px}
    .btn_bo_user li{margin-left:0}
    
    /* 일반형게시판 */
    .board_type1_box{flex:0 0 calc(50% - 12.5px);margin-bottom:25px;}
    
    /* 웹진형 게시판 */
    .board_type2_box{flex-direction:column;padding:20px;}
    .board_type2_box .bs_img{width:100%;margin:0 0 20px 0;}
    .board_type2_box .bs_txt{width:100%;text-align:center;}
    .board_type2_box .bs_txt h3::after{left:50%;transform:translateX(-50%)}
    
    /* 제품형 게시판 */
    .board_type4_box{flex:0 0 calc(50% - 12.5px);}
    
    /* 유튜브 게시판 */
    .board_type5_box{flex:0 0 calc(50% - 12.5px);}
    .board_type5_box .bs_txt{display:block}
    
    
    /* 영상갤러리 */
    .board_type7_box{width:100%;}
    .board_type7_box .gall_li{flex:0 0 calc(50% - 12.5px);margin-bottom:25px;}
    .board_type7_box .gall_box{margin-bottom:0;}
    .board_type7_box .bs_img{height:220px;}
    .board_type7_box .gall_text_href{padding:18px;}
    .board_type7_box .gall_text_href a{font-size:15px;}
    .board_type7_box .gall_text_href .date{font-size:12px;}
    }
    
    /****** desktop ******/
    @media screen and (min-width:899px) and (max-width:1200px){   
    
    /* 게시판 공통 적용 */
    #bo_v{max-width:100%;padding:30px 20px 0px 20px}
    #bo_v_top{max-width:100%;padding:0 20px 30px 20px}
    #bo_v_top ul{display:flex}
    #bo_w{padding:0 20px}
    .btn_bo_user{gap:4px}
    .btn_bo_user li{margin-left:0}
    
    }