@charset "utf-8";

/*** 게시판 공통 ***/
/* 목록게시판 */
.list_table .tit{display: block;text-align: left;}
.list_table .tit a{display: block;font-weight: 700;color: var(--tit_black);font-size: 18px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.list_table2{border-top: 2px solid var(--tit_black);table-layout: fixed;width: 100%;margin-top: 20px;}
.list_table2 th, .list_table2 td{padding: 15px 10px;text-align: center;}
.list_table2 thead th{border-bottom: 1px solid var(--tit_black);color: var(--tit_black);font-weight: 700;}
.list_table2 td{border-bottom: var(--line);}
.list_table2 tbody tr:hover{background: #FFF9ED;}
.list_table2 td.tit, .list_table2 td .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.list_table2 .tit a{display: block;font-weight: 700;color: var(--tit_black);font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.list_table2 .tit .ico_reply + a{display: inline-block;width: calc(100% - 40px);}
@media (max-width: 910px) {
.list_table .subj{text-align: left;}
.list_table [data-cell-header]:before{content: attr(data-cell-header);display: inline-block;color: var(--blue);font-size: 14px;margin-right: 4px;}
.list_table2 tr{display: flex;flex-wrap: wrap;padding: 20px 15px;border-bottom: var(--line);}
.list_table2 th, .list_table2 td{padding: 0;border: none;}
.list_table2 td:after{content: "";width: 1px;height: 10px;background: #ddd;display: inline-block;margin: 0 10px;}
.list_table2 td.subj{display: block;width: 100%;text-align: left;margin: 4px 0;}
/* 2026-10-02 kya : .tc 가 !important 라 모바일 왼쪽정렬이 밀리던 것 */
.list_table2 td.tit{display: block;width: 100%;text-align: left !important;margin: 10px 0;}
.list_table2 td.subj:after, .list_table2 td.tit:after{display: none;}
.list_table2 .tit{font-size: 18px;padding: 0 0 10px;border-bottom: 1px dashed #cecece;margin-bottom: 20px;}
.list_table2 [data-cell-header]:before{content: attr(data-cell-header);display: inline-block;color: #666;font-size: 14px;margin-right: 4px;}
}
.board_cont table td.noti{color: var(--orange);font-weight: 700;}
/* 게시판 상단 검색 */
.board_search_form .search_box{display: flex;flex-wrap: wrap;background: none;padding: 0;gap: 4px;}
.board_search_form .search_box select{width: calc((100% - 10px)/2);margin: 0;}
.board_search_form .search_box select.wide{width: 100%;}
.board_search_form .search_box input[type="text"]{width: 100%;}
.board_search_form .search_box button{margin: 0;width: calc(50% - 2px);background-color: var(--tit_black);}
.board_search_form .search_box button:hover, .board_search_form .search_box button:focus{background-color: var(--orange);}
/* 카테고리 탭 */
.table_category{padding: 10px;border-radius: 20px;border: var(--line);margin: 20px 0;}
.table_category::-webkit-scrollbar-thumb{background: var(--orange);}
.table_category li a{display: flex;width: 100%;justify-content: center;align-items: center;padding: 10px 0;border-radius: 12px;color: var(--tit_black);}
.table_category li.active a{background: var(--orange);color: var(--white);font-weight: 700;}
.table_category li .btn_sch{display:inline-flex;align-items:center;justify-content:center;padding:10px;border:0;border-radius:12px;background:var(--orange);font-weight:700;color:var(--white);cursor:pointer;margin: 0 0 0 5px;}
.table_category li .btn_sch:hover, .table_category li .btn_sch:focus{background:var(--tit_black);color:var(--white);}
/* 글보기 테이블 */
.detail_table td .btn_wrap{margin: 0;}
.detail_table td input[type="file"]{width: 100%;max-width: 100%;height: auto;}
.detail_table td input[type="url"]{height: 4.4rem;line-height: 4.4rem;padding: 0 1rem;border: 1px solid #cecece;box-sizing: border-box;border-radius: 4px;}
.form_info{display: block;font-size: 14px;margin-top: 4px;}
.detail_table td input[type="checkbox"]{width: 16px;height: 16px;margin-right: 4px;vertical-align: middle;}
.detail_table td label{vertical-align: middle;}
/* 포토게시판 */
.photo_list{border-top: 2px solid var(--tit_black);border-bottom: var(--line);}
.photo_list li{border-top: var(--line);padding: 20px 0;}
.photo_list .item_photo a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border: var(--line);height: 230px;overflow: hidden;border-radius: 4px;}
.photo_list .item_photo img{object-fit: cover;}
.photo_list .item_cont{display: flex;flex-wrap: wrap;gap: 10px;margin: 20px 0 0;justify-content: space-between;}
.photo_list .item_cont .tit{width: 100%;flex-shrink: 1;}
.photo_list .item_cont .link{display: block;font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height: 3.0em;font-weight: bold;}
.photo_list .item_cont .link strong{display: block;font-size: 16px;color: var(--orange);}
/* 페이징 */
.pagination{display: flex;flex-wrap: wrap;gap: 10px;margin: 20px 0;align-items: center;justify-content: center;}
.pagination .page_btn{width: 40px;height: 40px;border-radius: 100%;background: url("/images/board/pagination.png") var(--white);overflow: hidden;font-size: 0;}
.pagination .page_btn.first{background-position: center 0;}
.pagination .page_btn.prev{background-position: center -40px;}
.pagination .page_btn.next{background-position: center -80px;}
.pagination .page_btn.last{background-position: center -120px;}
.pagination .page_btn img{display: none;}
.pagination a.active{font-weight: 700;text-decoration: underline;}
/* faq 게시판 */
.faq_wrap{border-top: 2px solid var(--tit_black);}
.faq_wrap li{border-bottom: var(--line);}
.faq_wrap li .quest{position: relative;}
.faq_wrap li .quest button{display: flex;flex-wrap: wrap;gap: 0 10px;align-items: center;width: 100%;padding: 20px 40px 20px 0;}
.faq_wrap li .quest button:after{position: absolute;content: "↓";width: 40px;height: 40px;font-size: 24px;font-weight: 700;color: #666;right: 0;top: 50%;transform: translateY(-50%);}
.faq_wrap li .quest button i{font-size: 0;font-style: normal;}
.faq_wrap li .quest button i:before{content: "Q";font-size: 24px;font-weight: 900;color: var(--blue);}
.faq_wrap li .quest button span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 31px);text-align: left;color: var(--tit_black);}
.faq_wrap li .answr{display: none;flex-wrap: wrap;flex-direction: column;padding: 20px;background: var(--bg_blue);gap: 10px;}
.faq_wrap li .answr i{font-size: 0;font-style: normal;}
.faq_wrap li .answr i:before{content: "A";font-size: 24px;font-weight: 900;color: var(--text_black);}
.faq_wrap li .answr .btn_wrap{margin: 20px 0 0;text-align: right;}
.faq_wrap li.on .quest button span{text-overflow: inherit;white-space: inherit;font-weight: 700;}
.faq_wrap li.on .quest button:after{content: "↑";}
.faq_wrap li.on .answr{display: flex;}
/* 게시판 상세검색 */
.schbox_wrap{margin: 0 0 20px;background: var(--bg_blue);border-radius: 12px;}
.schbox_wrap .schbox_input{border-radius: 12px;box-shadow: 0 4px 10px rgba(0,0,0,.1);background: var(--white);padding: 20px;}
.schbox_wrap .schbox_input fieldset{display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
.schbox_wrap .schbox_input label{font-weight: 700;color: var(--tit_black);}
.schbox_wrap .schbox_input input{width: 100%;border-radius: 0;border: none;border-bottom: 1px solid var(--tit_black);}
.schbox_wrap .schbox_input .btn_wrap{text-align: center;margin: 0;}
.schbox_wrap .sch_filter{display: none;}
.schbox_wrap.on .sch_filter{display: block;}
.schbox_wrap .layer_box{z-index: 1;}
.schbox_wrap .filter_group{margin: 0 0 20px;}
.schbox_wrap .filter_group h5,
.schbox_wrap .filter_group button{margin: 0;font-size: 20px;color: var(--tit_black);padding: 0 20px 15px;position: relative;width: 100%;text-align: left;border-bottom: 1px solid #CECECE;font-family: var(--tit);font-weight: 700;}
.schbox_wrap .filter_group h5:before,
.schbox_wrap .filter_group button:before{content: "+";font-size: 20px;font-weight: 900;position: absolute;left: 0;top: 0;}
.schbox_wrap .filter_group ul{display: flex;flex-wrap: wrap;flex-direction: column;gap: 5px;}
.schbox_wrap .filter_group input[type="checkbox"]{width: 18px;height: 18px;margin-right: 5px;}
.schbox_wrap .filter_group label{font-size: 18px;vertical-align: middle;}
.schbox_wrap .filter_group button:after{content: "↓"; margin: 0 0 0 auto;position: absolute;top: 0;right: 0;}
.schbox_wrap .filter_group.on button:after{content: "↑";}
.schbox_wrap .filter_group button+ul{display: none;}
.schbox_wrap .filter_group.on button+ul{display: flex;}
.schbox_wrap .filter_group.on button {margin: 20px 0;}
.schbox_wrap .filter_group.on div.btn_wrap {display: block;margin: 0;}
.schbox_wrap .filter_group .btn_wrap button::before, .filter_group .btn_wrap button::after {display: none;}
.filter_group .btn_wrap button.btn_thr{width: auto;padding: 8px 20px;font-size: 16px;color: var(--tit_black);border: 1px solid #444;margin: 0;}
.meting_btn {display: none;}
/* 2026-08-05 hsy : 모바일은 .on 여부와 무관하게 항상 숨김 (레이어를 대신 씀) */
.schbox_wrap .meeting_filter .mb_meeting {display: none;}
.meeting_filter .mb_meeting_ab.on {display: none;}
.meting_btn.on {display: block;}
.meeting_ab {display: flex;}
.mb_meeting_ab .tab_menu {width: 50%;border-right: var(--line);}
.meeting_wrap li {border-bottom: var(--line);background-color: #fafafa;}
/* [2026-09-21]hsy-claude : 연합회 탭 버튼에 손가락 커서. 이 프로젝트는 button 공통 리셋이 없어 규칙마다 직접 넣어야 한다. */
.meeting_wrap button {padding: 8px 0;display: inline-block;padding-left: 20px;width: 100%;text-align: left;cursor: pointer;}
.meeting_wrap button.on {color: var(--orange);background-color: var(--white);}
/* [2026-09-21]hsy-claude : 상세검색 연합회 탭의 묶음 제목(수도권/지방). 탭 목록 ul 을 묶음별로 쪼개 그 위에 놓이는 머리글이라 li 와 같은 가로폭을 쓴다. */
.brch_group{display:block;padding:8px 20px;border-bottom:var(--line);background:#f2f2f2;font-size:15px;font-weight:800;color:var(--tit_black);}
.mb_meeting_ab .tab_contents {margin-left: 20px;margin-top: 10px;width: 70%;}
.branch li {margin-bottom: 12px;}
.branch input {width: 18px;height: 18px;margin-right: 8px;}
/*** 게시판 공통 ***/

/* 지회안내 */
.branch_info{display: flex;flex-direction: column;gap: 20px;margin-bottom: 40px;}
.branch_img{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-radius: 8px;overflow: hidden;background: #F4F4F4;}
.branch_img img{object-fit: contain;}
.branch_con{display: flex;flex-direction: column;gap: 20px;}
.branch_con .tit em{display: inline-flex;padding: 4px 8px;background: var(--bg_blue);color: var(--blue);font-size: 14px;border-radius: 4px;}
.branch_con .tit strong{display: block;font-size: 20px;color: var(--tit_black);}
.branch_con .info dl{display: flex;flex-wrap: wrap;margin: 0 0 10px;color: var(--tit_black);}
.branch_con .info dt{width: 6em;font-weight: 700;}
.branch_con .text{color: var(--tit_black);}
.branch_con .btn_wrap .btn_big{width: 100%;margin: 2px 0;}
/*
.branch_bbs .branch_tab{display: none;}
.branch_bbs .branch_tab.on{display: block;}
*/
.branch_bbs .branch_tab.noti ul{border-top: 1px solid var(--tit_black);}
.branch_bbs .branch_tab.noti li{border-bottom: var(--line);padding: 20px 0;}
.branch_bbs .branch_tab.noti li strong{display: block;font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height: 3em;margin-bottom: 10px;}
.branch_bbs .branch_tab.noti li span{display: block;text-align: right;color: var(--text_black);}
.branch_bbs .branch_tab.photo li{margin: 20px 0;}
.branch_bbs .branch_tab.photo li a{display: block;position: relative;border-radius: 8px;overflow: hidden;height: 87.5vw;background: #F4F4F4;}
.branch_bbs .branch_tab.photo li img{object-fit: cover;height: 100%;}
.branch_bbs .branch_tab.photo li span{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,.8));display: flex;align-items: flex-end;}
.branch_bbs .branch_tab.photo li span.no_data{background: none;}
.branch_bbs .branch_tab.photo li strong{display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--white);padding: 20px;}
.branch_list .search_box{text-align: right;}
.branch_list .list_table{margin-top: 20px;}
/* [2026-10-15]hsy-claude : 네트워크 > 지회의 전국지회 현황 모달. 6열 표 + 페이징이 들어가 기본 45vh 로는 한 페이지(10건)가 잘려 스크롤이 길어져 높이를 늘린다 */
.branch_pop .layer_con{max-height:70vh;}
@media (min-width: 910px) {
.branch_list .list_table .tit{text-align: center;}
}

/* 동호회 */
.club_list{border-top: 2px solid var(--tit_black);border-bottom: var(--line);}
.club_list li{padding: 20px 0;border-bottom: var(--line);display: flex;flex-wrap: wrap;flex-direction: column;gap: 20px;}
.club_list .img{border-radius: 4px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border: var(--line);width: 100%;}
.club_list .text{width: 100%;}
.club_list .info{display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;gap: 4px;}
.club_list .info em{padding: 4px 8px;border-radius: 4px;background: var(--bg_blue);color: var(--blue);font-size: 14px;width: auto;}
.club_list .info strong{display: block;width: 100%;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--tit_black);}
.club_list .info span{display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.club_list .info dl{display: flex;flex-wrap: wrap;gap: 10px;}
.club_list .info dt{font-weight: 700;}
.club_list li .btn_wrap{margin: 20px 0 0;text-align: right}
.club_skin .box_basic.col2>div:first-child{border-bottom: 1px dashed #ddd;padding-bottom: 20px;margin-bottom: 20px;}
.club_skin .box_basic.col2 h5{margin-bottom: 10px;}
.club_skin .box_basic.col2 dl{display: flex;flex-wrap: wrap;gap: 10px;margin: 10px 0;}
.club_skin .box_basic.col2 dt{font-weight: 700;color: var(--tit_black);}
.club_skin .layer_con .list_ul{margin-top: 0;}
.club_skin .name {display: flex;flex-direction: column;gap: 5px;margin-bottom: 15px;}
.club_skin .club_bbs{display: none;}
.club_skin .club_bbs.on{display: block;}

/* 행사캘린더 */
.calendar .cal_tab ul{display: flex;flex-wrap: wrap;}
.calendar .cal_tab li{width: 50%;}
.calendar .cal_tab li a{display: flex;padding: 10px;border-bottom: var(--line);align-items: center;gap: 4px;font-size: 18px;justify-content: center;}
.calendar .cal_tab li.on a{border-color: var(--tit_black);font-weight: 700;}
.calendar .cal_tab li a:before{content: "";width: 20px;height: 20px;background: url("/images/board/icon_cal.png") no-repeat center;}
.calendar .cal_tab li.tab_list a:before{content: "";width: 20px;height: 20px;background: url("/images/board/icon_list.png") no-repeat center;}
.calendar .cal_tab li a:hover, .calendar .cal_tab li a:focus{font-weight: 700;}
.calendar .cal_tit{margin: 40px 0;}
.calendar .cal_tit p{margin: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 20px;}
.calendar .cal_btn.prev{position: static;width: 22px;height: 22px;background: url("/images/board/cal_prev.png") no-repeat center;}
.calendar .cal_btn.next{position: static;width: 22px;height: 22px;background: url("/images/board/cal_next.png") no-repeat center;}
.calendar .cal_tit input{display: inline-flex;width: 7ch;height: auto;font-size: 28px;text-align: center;padding: 0;font-weight: 700;border: none;background: none;color: var(--tit_black);}
.calendar .cal_cont{overflow-x: auto;}
.calendar .cal_cont:before{display: block;content: "좌우로 스크롤하여 내용을 확인하세요.";text-align: center;background: var(--bg_blue);margin: 0 0 10px;border-radius: 8px;padding: 10px 0;font-size: 14px;color: var(--blue);position: sticky;left: 0;}
.calendar .cal_cont table{min-width: 1000px;border-top: 2px solid var(--tit_black);}
.calendar .cal_cont th, .calendar .cal_cont td{border-right: var(--line);border-bottom: var(--line);width: auto;min-width: 100px;padding: 20px;vertical-align: top;}
.calendar .cal_cont th:last-child, .calendar .cal_cont td:last-child{border-right: none;}
.calendar .cal_cont table span{font-weight: 700;color: var(--tit_black);padding: 0;}
.calendar .cal_cont td{text-align: left;max-width: 230px;}
.calendar .cal_cont td.today{border: 3px solid var(--blue);}
.calendar .event_list li{margin: 4px 0;}
.calendar .event_list li button{display: block;text-align: left;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;color: var(--tit_black);cursor: pointer;}
.calendar .event_list li em{display: inline-block;}
.calendar .cal_cont td button.more{display: block;width: 100%;font-size: 14px;padding: 4px 0;border: 1px solid var(--tit_black);border-radius: 4px;color: var(--tit_black);cursor: pointer;}
.calendar .cal_cont td button.more:hover, .calendar .cal_cont td button.more:focus{background:var(--tit_black);color:var(--white);}
.layer_wrap .event_list{border-top: 1px solid var(--tit_black);}
.layer_wrap .event_list li{border-bottom: var(--line);}
.layer_wrap .event_list li a{display: flex;flex-wrap: wrap;padding: 20px 0;gap: 10px;}
.layer_wrap .event_list li em{display: inline-flex;padding: 2px 8px;font-size: 14px;border-radius: 20px;border: 1px solid #666;align-items: center;}
.layer_wrap .event_list li a strong{display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.event_list li em.c01{color: var(--orange);border-color: var(--orange);}
.event_list li em.c02{color: var(--blue);border-color: var(--blue);}
.event_list li em.c03{color: #8021AC;border-color: #8021AC;}
.event_list li em.c04{color: #3A9C0D;border-color: #3A9C0D;}
.event_list li em.c05{color: #CD1F51;border-color: #CD1F51;}
.event_list li em.c06{color: #0D9C84;border-color: #0D9C84;}
@media (max-width: 767px) {
.calendar .event_list li em{width: 8px;height: 8px;font-size: 0;border-radius: 30px;background: #666;vertical-align: middle;margin-right: 4px;}
.calendar .event_list li em.c01{background: var(--orange);}
.calendar .event_list li em.c02{background: var(--blue);}
.calendar .event_list li em.c03{background: #8021AC;}
.calendar .event_list li em.c04{background: #3A9C0D;}
.calendar .event_list li em.c05{background: #CD1F51;}
.calendar .event_list li em.c06{background: #0D9C84;}
}
.cal_list td em{display: inline-flex;padding: 2px 8px;border: 1px solid #666;border-radius: 20px;}
.cal_list td em.c01{color: var(--orange);border-color: var(--orange);}
.cal_list td em.c02{color: var(--blue);border-color: var(--blue);}
.cal_list td em.c03{color: #8021AC;border-color: #8021AC;}
.cal_list td em.c04{color: #3A9C0D;border-color: #3A9C0D;}
.cal_list td em.c05{color: #CD1F51;border-color: #CD1F51;}
.cal_list td em.c06{color: #0D9C84;border-color: #0D9C84;}

/* 회원사 */
.member_total{margin: 0 0 40px;}
.member_total>p {font-family: var(--tit);font-size: 24px;font-weight: 700;color: var(--tit_black);margin-bottom: 20px;text-align: center;}
.member_total>p span.counter{font-weight: 700;color: var(--blue);}
.results {margin-top: 30px;}
.results p {color: var(--text_black);font-size: 18px;}
.results p span.number {color: var(--orange);}
.partner_list_wrap {border-top: 2px solid var(--tit_black);}
.partner_list_wrap .partner_list_ul{display: flex;flex-wrap: wrap;}
.partner_list_wrap .partner_list_ul>li {width: 100%;}
.partner_list_wrap .partner_list_ul a {display: flex;flex-direction: column;align-items: center;justify-content: center;border-bottom: var(--line);padding: 20px 10px;}
.partner_list_wrap .partner_list_ul li:last-child a {border-bottom: 0;}
.partner_list_wrap .partner_list_ul .partner_list_img {width: 100%;height: 140px;overflow: hidden;display: flex;justify-content: center;align-items: center;border: var(--line);border-radius: 8px;}
.partner_list_wrap .partner_list_ul .txt {width:100%;}
.partner_list_wrap .partner_list_ul strong {font-size: 24px;font-weight: 800;color: var(--tit_black);margin: 10px 0;display: inline-block;}
.officer_tit{display:inline-block;vertical-align:middle;padding:2px 10px;margin-right:8px;margin-bottom:6px;border:2px solid var(--blue);border-radius:6px;background:var(--white);font-size:14px;font-weight:800;color:var(--blue);}
/* [2026-09-21]hsy-claude : 지회 임원(지회장/사무총장) 배지. 본회 임원 배지(.officer_tit)와 한눈에 구분되도록 테두리·글자색만 덮어쓴다. */
.officer_tit.brch_tit{border-color:var(--orange);color:var(--orange);}
/* [2026-09-22]hsy-claude : 연합회장 배지. 협회(파랑)·지회(주황) 와 한눈에 갈리도록 초록 계열로 둔다. */
.officer_tit.union_tit{border-color:#0E8A5F;color:#0E8A5F;}
/* [2026-09-21]hsy-claude : 지회명 줄이 추가돼 모바일에서 4줄이 될 수 있어 고정높이(height)를 최소높이로 바꿔 잘림을 막는다. */
.partner_list_wrap .partner_list_ul ul {font-size: 16px;color: var(--text_black);min-height: 5em;}
.partner_list_wrap .partner_list_ul p {font-size: 16px; color: var(--text_black);margin-top: 15px; display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 3em;}
.partner_list_wrap .partner_list_ul ul li:last-child::after {display: none;}
.partner_list_wrap .partner_list_ul ul li{position: relative;}
.star_img {cursor: pointer;display: inline-block;background: url("/images/content/star.png") center no-repeat;width: 20px;height: 21px;margin-left: 5px;}
.star_img.on {background: url("/images/content/star_on.png") center no-repeat;}
.member_detail_view .member_detail_con {display: flex;flex-direction: column;}
.member_detail_view .member_detail_con .contain_left .btn_do{display: flex;flex-direction: column;width: 100%;overflow: hidden;margin: 15px 0;}
.member_detail_view .member_detail_con .contain_left .btn_star{display: flex;flex-direction: column;}
.member_detail_view .member_detail_con .contain_left .btn_wrap p {text-align: center;}
.member_detail_view .member_detail_con .contain_left .img_box{padding:0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-radius: 8px;overflow: hidden;}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box {display: flex; align-items: flex-start;margin: 10px 0;flex-direction: column;gap: 15px;}
.contain_right .det_con .det_con_box .tit {color: var(--tit_black);margin: 0;font-weight: 700;width: 10em;}
.contain_right .det_con .det_con_box dd {margin: 0;}
.det_con_box .det_info {display: flex;flex-direction: column;}
.det_con_left .date {margin-top: 40px;}
.det_con_left .date dl {display: flex;gap: 5px;align-items: center;}
.det_con_left .date dl dt {font-size: 14px;font-weight: 600;}
.det_con_left .date dl dd {font-size: 14px;}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_left {border-top: var(--line);}
.member_detail_view .member_detail_con .contain_right .det_con ul.link_flex {align-items: center;}
.member_detail_view .member_detail_con .contain_right .det_view .img_box {padding: 0;    display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-radius: 8px;overflow: hidden;background: #F4F4F4;border: 0;height: 100%;}
.member_detail_view .member_detail_con .contain_right .det_view p {color: var(--tit_black);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.member_detail_view .member_detail_con .contain_right .det_view span {display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.member_detail_view .layer_btn {display: flex;flex-wrap: wrap;margin: 0;padding: 20px;}
.member_detail_view .layer_btn .mr_auto {margin: 0 auto 0 0;}
.member_detail_view .member_detail_con .contain_right .det_view ul li {margin-top: 15px;}
.member_detail_view .member_detail_con .contain_right .det_view ul li:first-child{margin-top: 0;}
/* [2026-10-15]hsy-claude : 연혁 정리 - 뱃지(YYYY.MM)와 내용을 모든 화면에서 가로로 두고, 내용이 길면 뱃지 옆에서 줄바꿈되게 함. 행 사이 구분선 추가 */
.member_detail_view .member_detail_con .contain_right .det_history ul li{display:flex;align-items:flex-start;gap:12px;padding:14px 0;margin-top:0;border-bottom:var(--line);font-size:16px;font-weight:600;line-height:1.5;color:var(--tit_black);}
.member_detail_view .member_detail_con .contain_right .det_history ul li:first-child{padding-top:0;}
.member_detail_view .member_detail_con .contain_right .det_history ul li:last-child{border-bottom:0;}
/* [2026-10-15]hsy-claude : 공통 .det_view span 의 두 줄 말줄임(-webkit-box)이 뱃지에도 걸려 높이·정렬이 틀어지던 것 → inline-block 으로 되돌리고 숫자 폭 고정(tabular-nums)으로 뱃지 너비 통일 */
.member_detail_view .member_detail_con .contain_right .det_history ul li .date{display:inline-block;flex-shrink:0;padding:1px 10px;border-radius:4px;background-color:var(--blue);font-size:14px;font-weight:500;line-height:22px;color:var(--white);font-variant-numeric:tabular-nums;}
/* [2026-10-15]hsy-claude : 연혁 내용은 말줄임 없이 전체 노출 (공통 .det_view span 규칙 해제) */
.member_detail_view .member_detail_con .contain_right .det_history ul li .hist_txt{display:block;flex:1;overflow:visible;-webkit-line-clamp:unset;word-break:keep-all;overflow-wrap:anywhere;}
/*260602 추가css*/
.member_detail_view .member_detail_con .contain_right .det_view.promo-video .img_box img {height: 100%;object-fit: cover;}
.member_detail_view .member_detail_con .contain_left .img_box {width: 100%;height: 180px;}
.member_detail_view .member_detail_con .contain_left .img_box img {object-fit: contain; max-width: 100%;max-height: 100%;}
/* 카카오지도맵 */
.det_map .map .root_daum_roughmap {width: auto;}
.det_map .map .root_daum_roughmap .cont {display: none;}
.layer_con .match_mem {display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.layer_con .match_mem .logo_box {max-width: 200px;height: 60px;border-radius: 4px;border: var(--line);overflow: hidden;display: flex;align-items: center;justify-content: center;}
.layer_con .match_mem .logo_box img {max-width: 100%;max-height: 100%;object-fit: contain;}
.layer_con .detail_table .txt_short textarea {min-height: auto;resize: vertical;}
.layer_con input[type="text"] {margin-bottom: 8px;}
.part_bbs .chip_branch {color: #052049;font-weight: 600;}
.part_bbs .chip_event {display: inline-block;padding: 2px 15px; font-size: 16px; border-radius: 50px;width: 88px;margin: 0 auto;border-width: 1px; border-style: solid;}
.part_bbs .chip_event.green {color: #389f09;border-color:#389f09;}
.part_bbs .chip_event.blue {color: #152756;border-color:#152756;}
.part_bbs .chip_event.yellow {color: #d37d19;border-color:#d37d19;}
.part_bbs .chip_event.gray {color: #444444;border-color:#444444;}
.det_tit {display: flex;align-items: center;}
.member_detail_view .member_detail_con .contain_right .detail_company h5{margin: 0;}
.det_view a .img_box img:hover, .det_view a .img_box img:focus{transform: scale(1.2);transition: 0.5s ease;}
.det_map .map {border-radius: 12px;border: var(--line);padding: 20px 30px;overflow: hidden;position: relative;}

/*** 비즈마켓 ***/
.prod_skin .tag em{font-size: 14px;padding: 2px 8px;background: var(--bg_blue);border-radius: 30px;}
.prod_skin .tag em.fav{background: #FAE6E6;color: #DE2B2B;}
.prod_skin .tag em.latest{background: #E6F7FA;color: #0A6272;}
.prod_skin .tag em.popular{background: var(--orange);color: var(--white);}
.prod_skin .tag em.hit{background: #d12a46;color: var(--white);}
.prod_skin .tag em.recommend{background: var(--blue);color: var(--white);}
.prod_skin .tag em.new{background: var(--light_blue);color: var(--blue);}
.prod_skin .tag em.sale{background: #FFF5E3;color: var(--orange);}
/* 제품관 */
.prod_list{margin: 20px 0;border-top: 2px solid var(--tit_black);border-bottom: var(--line);}
.prod_list li{border-bottom: var(--line);}
.prod_list li a{display: block;padding: 20px 0;}
.prod_list li .img{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-radius: 4px;border: var(--line);height: 300px;overflow: hidden;}
/* 2026-10-12 kya : 칸 비율과 다른 제품 이미지가 잘리지 않게 전체를 맞춰 보여준다 (cover -> contain) */
.prod_list li .img img{width: 100%;height: 100%;object-fit: contain;}
.prod_list li .text{display: flex;flex-wrap: wrap;flex-direction: column;margin-top: 20px;gap: 5px;}
.prod_list li .text i{font-size: 14px;font-style: normal;}
.prod_list li .text strong{display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;}
.prod_list li .text span{display: block;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height: 3em;}
/*
.prod_list li .tag em{font-size: 14px;padding: 2px 8px;background: var(--bg_blue);border-radius: 30px;}
.prod_list li .tag em.fav{background: #FAE6E6;color: #DE2B2B;}
.prod_list li .tag em.latest{background: #E6F7FA;color: #0A6272;}
.prod_list li .tag em.popular{background: var(--orange);color: var(--white);}
.prod_list li .tag em.hit{background: #d12a46;color: var(--white);}
.prod_list li .tag em.recommend{background: var(--blue);color: var(--white);}
.prod_list li .tag em.new{background: var(--light_blue);color: var(--blue);}
.prod_list li .tag em.sale{background: #FFF5E3;color: var(--orange);}
*/
.prod_info{display: flex;flex-wrap: wrap;flex-direction: column;gap: 20px;}
.prod_info .img_slide{display: flex;flex-wrap: wrap;gap: 4px;}
.prod_info .img{border-radius: 8px;overflow: hidden;font-size: 0;border: var(--line);width: 100%;max-height: 400px;}
.prod_info .img img{width: 100%;height: 100%;object-fit: contain;}
.prod_info .title{display: flex;flex-direction: column;gap: 5px;}
.prod_info .title i{font-style: normal;font-size: 14px;}
.prod_info .title strong{font-size: 20px;color: var(--tit_black);}
.prod_info .title p{border-radius: 8px;background: var(--bg_blue);padding: 10px;font-size: 14px;}
.prod_info .title .tag{display: flex;flex-wrap: wrap;gap: 5px;}
.prod_info .title .tag em{font-size: 14px;padding: 2px 12px;}
/*
.prod_info .title .tag em.fav{background: #FAE6E6;color: #DE2B2B;}
.prod_info .title .tag em.latest{background: #E6F7FA;color: #0A6272;}
.prod_info .title .tag em.popular{background: var(--orange);color: var(--white);}
.prod_info .title .tag em.hit{background: #d12a46;color: var(--white);}
.prod_info .title .tag em.recommend{background: var(--blue);color: var(--white);}
.prod_info .title .tag em.new{background: var(--light_blue);color: var(--blue);}
.prod_info .title .tag em.sale{background: #FFF5E3;color: var(--orange);}
*/
.prod_info .title .price{font-size: 28px;font-weight: 700;margin: 10px 0;color: var(--tit_black);}
.prod_info .btn_wrap{width: 100%;}
.prod_info .btn_wrap a, .prod_info .btn_wrap button{display: flex;}
.prod_detail{position: relative;max-height: 40vh;overflow-y: hidden;text-align: center;min-height: 80px;}
.prod_detail:after{position: absolute;content: "";top: 50%;bottom: 0;left: 0;right: 0;background: linear-gradient(to bottom, rgba(255,255,255,0), var(--white));}
.prod_detail img{display: block;margin: 0 auto;}
.prod_detail .btn_open{display: flex;background: var(--white);border: var(--line);border-radius: 4px;justify-content: center;align-items: center;padding: 20px 0;position: absolute;bottom: 0;width: 100%;font-size: 18px;font-weight: 700;z-index: 1;gap: 10px;cursor: pointer;}
.prod_detail .btn_open:after{content: "↓";}
.prod_detail.on{max-height: none;overflow-y: auto;}
.prod_detail.on:after, .prod_detail.on .btn_open{display: none;}

.prod_info .thumb_list ul{display: flex;flex-wrap: wrap;gap: 4px;}
.prod_info .thumb_list li{width: calc((100% - 16px)/5);}
.prod_info .thumb_list li a{display: block;border: var(--line);border-radius: 4px;font-size: 0;overflow: hidden;}
.prod_info .thumb_list li.on a{border: 2px solid var(--orange);}
.prod_info .thumb_list li a:hover img, .prod_info .thumb_list li a:focus img{transform: scale(1.2);transition: .5s;}

/* 공동구매 */
.coprod_list{margin: 20px 0;border-top: 2px solid var(--tit_black);}
.coprod_list li{display: flex;flex-wrap: wrap;flex-direction: column;gap: 20px;position: relative;padding: 20px 0;border-bottom: var(--line);}
.coprod_list li .dday{position: absolute;top: 30px;left: 10px;padding: 2px 16px;border-radius: 30px;text-align: center;background: #666;color: var(--white);font-weight: 700;}
.coprod_list li .dday.ing{background: var(--blue);}
.coprod_list li .dday.soon{background: #d91737;}
.coprod_list li .dday.coming{background: var(--light_blue);color: var(--blue);}
.coprod_list li .img{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-radius: 8px;overflow: hidden;border: var(--line);}
.coprod_list .title .tag{display: flex;flex-wrap: wrap;gap: 5px;}
.coprod_list .title .tag em{font-size: 14px;padding: 2px 8px;background: var(--bg_blue);border-radius: 30px;}
.coprod_list .title .tag em.fav{background: #FAE6E6;color: #DE2B2B;}
.coprod_list .title .tag em.cate{background: var(--bg_blue);color: var(--blue);}
.coprod_list .title strong{display: block;margin: 20px 0;font-size: 20px;color: var(--tit_black);}
.coprod_list .title .bmark{display: inline-block;width: 20px;height: 20px;font-size: 0;background: url("/images/content/star.png") no-repeat;margin-left: 10px;vertical-align: middle;}
.coprod_list .title .bmark.on{background-image: url("/images/content/star_on.png");}
.coprod_list .title span{display: block;margin: 20px 0;word-break: keep-all;}
.coprod_list .price{display: flex;flex-wrap: wrap;gap: 20px;}
.coprod_list .price dl:first-child{padding-right: 50px;position: relative;}
.coprod_list .price dl:first-child:after{display: block;width: 30px;height: 30px;content: "";background: url("/images/board/arr_price.png") no-repeat;right: 0;top: 50%;position: absolute;transform: translateY(-50%);}
.coprod_list .price dd{font-size: 24px;font-weight: 700;}
.coprod_list .price dl.co_price{color: #d91737;}
.coprod_list .price dl.co_price:after{display: none;}
/* [2026-10-15]hsy-claude : 회원사 공동구매 목록 가격. 정상가(취소선)를 위에, 할인율(빨강)+공동구매가를 아래 한 줄로 쌓는다.
   .coprod_list .price 는 행사·추천 목록과 공용(가로 나열+화살표)이라 .gbuy_price 로만 세로 배치를 덮어쓴다. */
.coprod_list .gbuy_price{flex-direction:column;align-items:flex-start;gap:4px;}
.coprod_list .gbuy_price .norm_prc{font-size:16px;color:#999;}
.coprod_list .gbuy_price .sale_prc{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:24px;font-weight:700;color:var(--tit_black);}
.coprod_list .gbuy_price .dc_rate{color:#d91737;}
.coprod_list .gbuy_price .prc_note{font-size:14px;font-style:normal;color:#666;}
.coprod_list .text .btn_wrap a{display: block;text-align: center;}
.prod_info .title .price{display: flex;flex-wrap: wrap;gap: 20px;}
.prod_info .title .price dl:first-child{padding-right: 50px;position: relative;text-decoration: line-through;}
.prod_info .title .price dl:first-child:after{position: absolute;width: 30px;height: 30px;content: "";background: url("/images/board/arr_price.png") no-repeat;right: 0;top: 50%;transform: translateY(-50%);}
.prod_info .title .price dt{font-size: 16px;font-weight: 400;}
.prod_info .title .price dd{font-size: 24px;}
.prod_info .title .price .co_price{color: #d91737;padding-right: 0;text-decoration: none;}
.prod_info .title .price .co_price:after{display: none;}
/* [2026-10-15]hsy-claude : 회원사 공동구매 상세 정보영역(공급기업/지회/모집기간/신청인원). 줄마다 시작점이 달라 보이던 i 나열을 라벨 고정폭 dt/dd 표로 정렬한다. */
.prod_info .gbuy_info{display:flex;flex-direction:column;margin:10px 0;border-top:2px solid var(--tit_black);}
.prod_info .gbuy_info dl{display:flex;gap:12px;padding:10px 4px;border-bottom:var(--line);font-size:15px;}
.prod_info .gbuy_info dt{flex-shrink:0;width:5em;font-weight:700;color:var(--tit_black);}
.prod_info .gbuy_info dd{flex:1;word-break:keep-all;}
.prod_info .gbuy_info b{color:var(--tit_black);}
.prod_info .gbuy_info .txt_none{font-style:normal;color:#999;}
.prod_info .gbuy_info .dday{display:inline-block;padding:1px 8px;border-radius:30px;background:#666;font-size:13px;font-style:normal;font-weight:700;color:var(--white);}
.prod_info .gbuy_info .dday.ing{background:var(--blue);}
.prod_info .gbuy_info .dday.soon{background:#d91737;}
/* [2026-10-15]hsy-claude : 공동구매 상세 가격을 목록과 같은 구성(정상가 취소선 위 / 할인율 빨강 + 공동구매가 아래)으로 맞춘다.
   .prod_info .title p(파란 배경 박스)·strong(상품명 크기) 공통 규칙이 가격 줄에도 걸려 여기서 되돌린다. */
.prod_info .title .gbuy_price{flex-direction:column;align-items:flex-start;gap:4px;}
.prod_info .title .gbuy_price p{padding:0;border-radius:0;background:none;}
.prod_info .title .gbuy_price .norm_prc{font-size:16px;font-weight:400;color:#999;}
.prod_info .title .gbuy_price .sale_prc{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:28px;}
.prod_info .title .gbuy_price .sale_prc strong{font-size:inherit;}
.prod_info .title .gbuy_price .dc_rate{color:#d91737;}
.prod_info .title .gbuy_price .prc_note{font-size:14px;font-style:normal;font-weight:400;color:#666;}
.coprod_view .prod_info .btn_wrap button{width: 100%;margin: 2px 0;}

/* 혁신기업 */
.coprod_list .title .info dl{display: flex;flex-wrap: wrap;gap: 5px;margin: 10px 0;}
.coprod_list .title .info dt{font-weight: 700;color: var(--tit_black);}
.com_title .img_slide{display: flex;flex-wrap: wrap;gap: 4px;}
.com_title .img{border-radius: 12px;overflow: hidden;border: var(--line);display: flex;justify-content: center;align-items: center;max-height: 400px;width: 100%;}
.com_title .img img{height: 100%;object-fit: contain;}
.com_title .thumb_list ul{display: flex;flex-wrap: wrap;gap: 4px;}
.com_title .thumb_list li{width: calc((100% - 16px)/5);}
.com_title .thumb_list li a{display: block;border: var(--line);border-radius: 4px;font-size: 0;overflow: hidden;}
.com_title .thumb_list li.on a{border: 2px solid var(--orange);}
.com_title .thumb_list li a:hover img, .com_title .thumb_list li a:focus img{transform: scale(1.2);}
.com_title .tit{margin: 20px 0;}
.com_title .tit em{display: inline-flex;padding: 4px 16px;background: var(--blue);color: var(--white);border-radius: 30px;}
.com_title .tit h4{margin: 20px 0;padding: 0;}
.com_title .tit h4::before{display: none;}
.com_title .tit_logo{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border: var(--line);height: 100px;border-radius: 8px;}
.com_title .tit_logo img{max-height: 60px;object-fit: contain;}
.com_title .com_info dl{display: flex;flex-wrap: wrap;gap: 5px;margin: 10px 0;}
.com_title .com_info dt{width: 100%;padding: 5px 0;font-weight: 700;color: var(--tit_black);border-bottom: var(--line);}
.com_title .com_info .btn_wrap{margin: 0;}
.com_title .text>.btn_wrap button, .com_title .text>.btn_wrap a{width: 100%;margin: 2px 0;}
.com_interview{border-top: 2px solid var(--tit_black);padding: 20px 0;}
.monthly_company ~ .prev_next_table{margin: 20px 0;}

.com_introduce .tag{display: flex;flex-wrap: wrap;gap: 5px;}
.com_introduce .tag em{font-size: 18px;padding: 2px 12px;background: var(--orange);color: var(--white);border-radius: 30px;}
.com_introduce .title h5{margin: 10px 0 ;}
.com_introduce .title ul{display: flex;flex-wrap: wrap;gap: 4px 10px;align-items: center;}
.com_introduce .title li{display: flex;gap: 10px;align-items: center;}
.com_introduce .title li:before{content: "";width: 1px;height: 8px;background: #cecece;}
.com_introduce .title li:first-child:before{display: none;}
.com_introduce .detail{margin: 20px 0 0;}
.com_introduce .detail dl{display: flex;flex-wrap: wrap;gap: 10px 0;margin: 10px 0;}
.com_introduce .detail dt{font-weight: 700;color: var(--tit_black);}


/* 260907 */
.inno_list .master dd {display: flex; align-items: center;gap: 10px;}
.inno_list .master dd span {margin: 0;position: relative;padding: 0 10px;}
.inno_list .master dd span::before {content: "";background-color: #838383;width: 1px;height: 10px;display: block; position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.post_reaction {display: flex;gap: 20px;align-items: center;}
.post_reaction button, .post_reaction a {display: flex; gap: 5px;}
.reaction_like span.icon {background: url("/images/board/like.svg") no-repeat center / contain;font-size: 0; width: 24px; height: 24px;}
.reaction_liked span.icon {background: url("/images/board/liked.svg") no-repeat center / contain;font-size: 0;width: 24px;height: 24px;}
/** 싱크탱크 **/
.busin_reg .reg_banner strong {color: var(--white);font-size: 18px;font-weight: 700;}
.busin_reg .reg_banner p {color: var(--white);font-size: 14px;margin-top: 26px;font-weight: 300;}
.busin_reg .reg_banner {background: url("/images/content/reg_banner02.png") no-repeat center / cover; text-align: center; padding: 80px 0;border-radius: 20px;overflow: hidden;}
.busin_reg .reg_link .icon_box {background-color: #FAFAFA;border-radius: 50%;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.busin_reg .reg_link{margin-top: 30px;}
.busin_reg .reg_link ul li {display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 12px;
border: var(--line);padding: 15px;margin-bottom: 20px;text-align: center;}
.busin_reg .reg_link ul li strong {font-family: 'SUITE';font-size: 20px;font-weight: 700;color: var(--tit_black);}
.busin_reg .reg_link p {font-size: 14px;text-align: center;}
.busin_reg .reg_link ul li .btn_wrap{width: auto;}
.sug .sug_list .subj em {font-size: 16px;font-weight: 400;border-radius: 4px;padding: 2px 8px;}
.sug .sug_list .subj .col1{background-color: #E4E4E4;color: var(--text_black);}
.sug .sug_list .subj .col2 {background-color: #FFF5E3;color: var(--orange);}
.sug .sug_list .subj .col3 {background-color: #EAF3FF;color: var(--blue);}
.sug .sug_list .subj .col4{background-color: #595959;color: var(--white);}
.sug .sug_list .tit {font-weight: 600;color: var(--tit_black);font-size: 16px;}
.sug .btn_wrap .reg_btn{float: right;}
/* .busin_reg h5{margin-top: 0;} */
.busin_reg .detail_table{margin-bottom: 30px;}
.busin_reg .nub_field input {width: 6rem;}
.busin_reg .cate_field {display: flex;gap: 5px;flex-direction: column;}
.busin_reg .tel_field input {width: 6rem;}
.busin_reg .email_field {display: flex; gap: 5px;flex-direction: column;}
.busin_reg .email_field input {width: 12rem;}
.busin_reg .label_wrap {display: flex;gap: 12px;align-items: center;justify-content: center;}
.busin_reg .label_wrap input[type="radio"] {width: 18px;height: 18px;margin-right: 5px;position: absolute;;overflow: hidden;opacity: 0}
.busin_reg .label_wrap label {display: inline-block;padding: 8px 16px;background-color: #fff;border: 1px solid #cecece; border-radius: 50px;font-size: 16px;color: var(--text_black);transition: .15s ease;cursor: pointer;min-width: 4em;text-align: center;}
.busin_reg .label_wrap input[type="radio"]:focus + label {outline: 1px solid var(--blue);}
.busin_reg .label_wrap input[type="radio"]:checked + label {background-color: var(--blue);color: #fff;border-color: var(--blue);}
.busin_reg .label_wrap .radio {position: absolute;width: 0;height: 0;overflow: hidden;pointer-events: none;opacity: 0;}
.busin_reg .radio_visible {display: flex;flex-direction: column;gap: 8px;}
.busin_reg .form_info {font-size: 15px;margin-top: 8px;display: inline-block;}
.busin_reg .captcha-img {border-radius: 4px;border: var(--line);display: inline-block;padding: 5px;margin-bottom: 10px;}
.busin_reg .reg_info strong {font-size: 18px;color: var(--tit_black);font-weight: 600;}
.busin_reg .reg_info strong span {color: var(--blue);}
.busin_reg .reg_info .agree_box {margin: 8px 0;}
.busin_reg .reg_info .txt_box {border-radius: 4px; border: var(--line); padding: 12px 8px;overflow: hidden;}
.busin_reg .reg_info .txt_box .txt_area {overflow-y: scroll;height: 260px;}
.busin_reg .detail_table textarea {min-height: 100px;}
.layer_con .authorities label {font-size: 18px;vertical-align: middle;}
.layer_con .authorities input[type="checkbox"] {width: 18px;height: 18px;margin-right: 5px;}
.layer_con .authorities ul {display: flex;flex-wrap: wrap;flex-direction: column;gap: 5px;}
.layer_con .authorities h6 {margin-top: 0;}
.layer_con .authorities .etc_input {display: none;margin-top: 8px;border: 0;border-bottom: var(--line);border-radius: 0;}
.mgmt_consulting .cons_list ul {display: flex;justify-content: center;margin-top: 30px;border-top: 2px solid var(--tit_black);flex-direction: column;}
.mgmt_consulting .cons_list ul .img {border-radius: 8px;overflow: hidden;height: 148px;font-size: 0;border: var(--line);  flex-shrink: 0;width:133px}
.mgmt_consulting .cons_list ul .img img {width: 100%;height: 100%;object-fit: cover;}
.mgmt_consulting .cons_list ul a {display: flex;gap: 15px; justify-content: space-evenly;}
.mgmt_consulting .cons_list ul a:hover .img img, .mgmt_consulting .cons_list ul a:focus .img img{transform: scale(1.2);transition: .5s ease;}
.mgmt_consulting .cons_list ul a:hover p, .mgmt_consulting .cons_list ul a:focus p{text-decoration: underline;}
.mgmt_consulting .cons_list ul li {border-bottom:var(--line);width: 100%;padding: 30px 0;}
.mgmt_consulting .cons_list .text {width:50%;}
.mgmt_consulting .cons_list .text .subj {background-color: #F3F8FC; color: var(--blue);padding: 6px;font-size: 14px;border-radius: 4px;}
.mgmt_consulting .cons_list .text p {font-size: 20px;color: var(--tit_black);font-weight: 700;}
.mgmt_consulting .cons_list .text p span {font-size: 16px;font-weight: 400;}
.mgmt_consulting .cons_list .text .biz {font-size: 16px;font-weight: 400;color: var(--text_black);}
.mgmt_consulting .cons_list .text .loc {font-size: 14px;color: var(--text_black);}
.mgmt_consulting .mgmt_info .img {border-radius: 8px;overflow: hidden;height: 148px;    max-width: 135px;font-size: 0;}
.mgmt_consulting .mgmt_info .text{text-align: center;}
.mgmt_consulting .mgmt_info .text .tit {font-size: 20px;font-weight: 700;color: var(--tit_black);}
.mgmt_consulting .mgmt_info .text .sch {color: var(--blue);font-size: 16px;display: block;margin-top: 20px;}
.mgmt_consulting .mgmt_info .text .org {font-size: 18px;}
.mgmt_consulting .mgmt_info .text p{font-size: 16px;}
.mgmt_consulting .mgmt_info .btn_wrap{width: auto;}
.mgmt_consulting .mgmt_info {display: flex;flex-direction: column;align-items: center;padding: 30px 18px 0;border-radius: 12px;border: var(--line);}
/* 경영자문상담_view : 박스(사진/구분/이름) - 상세정보(학력/소속/경력/분야) - 자문상담신청(우측) */
.mgmt_consulting .mgmt_wrap.mgmt_view {display: flex;flex-direction: column;align-items: stretch;gap: 30px;}
.mgmt_consulting .mgmt_view .mgmt_info {width: 100%;padding: 30px 18px;flex-shrink: 0;}
.mgmt_consulting .mgmt_view .mgmt_info .img {width: 135px;}
.mgmt_consulting .mgmt_view .mgmt_info .img img {width: 100%;height: 100%;object-fit: cover;}
.mgmt_consulting .mgmt_view .mgmt_abt {width: 100%;}
.mgmt_consulting .mgmt_view .mgmt_abt > div {display: flex;align-items: flex-start;gap: 20px;padding: 16px 0;border-bottom: var(--line);}
.mgmt_consulting .mgmt_view .mgmt_abt > div:first-child {padding-top: 0;}
.mgmt_consulting .mgmt_view .mgmt_abt h5 {width: 100px;flex-shrink: 0;margin: 0;white-space: nowrap;}
.mgmt_consulting .mgmt_view .mgmt_abt .list_ul {flex: 1;min-width: 0;margin: 0;}
.mgmt_consulting .mgmt_view .mgmt_abt .list_ul li:first-child {margin-top: 0;}
.mgmt_consulting .mgmt_view > .btn_wrap {width: 100%;margin: 0;}
.mgmt_consulting .mgmt_view > .btn_wrap .btn_big {width: 100%;}
/* world-map */
.global_area{border: var(--line);border-radius: 20px;margin-bottom: 15px;overflow-x: auto;min-height: 400px;padding: 20px;}
.global_area::before{display: block;content: "좌우로 스크롤하여 지도를 선택해보세요.";text-align: center;background: var(--bg_blue);margin: 0 0 10px;border-radius: 8px;padding: 10px 0;font-size: 14px;color: var(--blue);position: sticky;left: 0;}
.map_unit {position: sticky;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;gap: 8px;}
.map_unit li {display: flex;align-items: center;gap: 4px;font-size: 15px;}
.map_unit li::before {content: "";display: block;width: 16px;height: 16px;background-color: var(--blue);border-radius: 4px;}
.map_unit li:first-child::before {background-color: #cFE3FC;}
.map_area svg {height: 320px;width: auto;}
.map_area #world_map > g {position: relative;cursor: pointer;}
.map_area #world_map > g g {display: none;}
.map_area #world_map > g:not(#other):hover > path,
.map_area #world_map > g:not(#other).active > path {fill: var(--blue);transition: 0.5s ease;}
.map_area #world_map > g:not(#other):hover g, .map_area #world_map > g:not(#other).active g {display: block;}
.map_area #aisa p:first-child::before {position: absolute;content: "text";display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 700;border-radius: 8px;box-shadow: 0 8px 24px #00000010;}

/* 자문상담신청 */
@media (min-width: 911px){
.exp_select_wrap{max-height: 250px;overflow-y: auto;position: relative;border-top: 2px solid var(--tit_black);}
.exp_select_wrap table{margin-top: 0;border-top: none;}
.exp_select_wrap thead th{position: sticky;top: 0;background: #f3f6f8;border-bottom: 1px solid var(--tit_black);}
.detail_table .coNum input{width: 30%;}
}

/* 대학 산학협력 , MOU */
.univ .cons_list ul a {flex-direction: column; position: relative;}
.univ .img_unv {display: flex;justify-content: center;align-items: center;border-radius: 8px;padding: 20px;overflow: hidden;}
.univ .cons_list ul a:hover .img_unv img {transform: scale(1.1);transition: 0.5s ease;}
.univ .cons_list p:nth-of-type(2), .univ .cons_list p:nth-of-type(3) {font-size: 16px;}
.univ .cons_list .sub_c {background-color: var(--blue);color: var(--white);font-size: 14px;font-weight: 600;position:absolute;padding: 5px 8px;border-radius: 8px;top: 0;left: 0;}
.univ .board_search_form {margin-top: 30px;}
.univ  .board_search_form .search_box select {width: auto;}
.board_search_form .search_box {justify-content: flex-end;}
.univ .major {color: var(--blue); font-size: 16px;display: block;}
.mgmt_consulting .mgmt_info .text p.link_text {display: flex;align-items: center;justify-content: center;}
.univ .mgmt_info .btn_wrap  {display: flex;flex-direction: column;}

@media (min-width: 425px){
.busin_reg .email_field {flex-direction: row;align-items: center;}
}

/* 비밀번호 */
.detail_table th .comento {display: inline-flex;float: right;}
.detail_table th .com {display: flex;justify-content: center;align-items: center;padding: 0 10px;background-color: var(--orange);color: #fff;border-radius: 50%;margin-left: 8px;font-size: 12px;width: 25px;height: 25px;}
.fw_info{position: relative;}
.fw_info::before{content: "";display: block;position: absolute;right: 6px;top: 20px;border-width: 0 10px 15px 10px;border-style: solid;border-color: transparent transparent #fff transparent;}
.fw_info ul {background-color: #fff;padding: 15px 12px;border-radius: 8px;position: absolute;top: 30px;right: 0;box-shadow: 3px 2px 7px 3px rgb(0 0 0 / 5%);}
.fw_info ul li {font-size: 14px;color: #444;font-weight: 400;line-height: 140%;margin-top: 2px;}
.fw_info ul li.tit {font-size: 16px;color: #111;font-weight: 600;margin-bottom: 8px;margin-top: 0;}
.fw_info ul li.nun {color: var(--orange);font-weight: 600;}
.fw_info {display: none;}
.comento.on .fw_info {display: block;}

/** 정책과제 **/
.schbox_wrap .filter_group>div{display: none;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px;}
.schbox_wrap .filter_group.on>div{display: flex;}
.schbox_wrap .input_cal{background: url("/images/common/icon_cal.png") no-repeat center right 8px var(--white);}
.schbox_wrap .filter_group select{width: 100%;}
.policy_list{margin: 20px 0;}
.policy_list .list_table{table-layout: fixed;}
.policy_list .list_table .title{text-align: left;}
.policy_list .list_table .title span{font-size: 14px;}
.policy_list .list_table .title strong{display: block;width: 100%;font-size: 20px;color: var(--tit_black);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 4px 0 16px;}
.policy_list .list_table .title .hash{margin-top: 10px;display: flex;flex-wrap: wrap;gap: 2px 4px;}
.policy_list .list_table .title .hash em{font-size: 14px;padding: 2px 10px;border-radius: 30px;background: var(--bg_blue);}
@media all and (max-width:910px){
.policy_list .list_table{table-layout: auto;}
.policy_list table.list_table tbody > tr{padding: 15px 0;}
.policy_list .list_table .title{margin: 10px 0;padding: 0 0 10px;width: 100%;border-bottom: 1px dashed #ddd;}
.policy_list .list_table .title span{display: none;}
.policy_list .list_table .title strong{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height: 3em;white-space: inherit;font-size: 18px;margin: 0;}
.policy_list .list_table .title .hash{margin-top: 4px;}
.policy_list .list_table .btn_wrap{margin: 10px 0 0;width: 100%;text-align: right;}
}
/* AI모달 */
.modal_pop{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 999;background: rgba(0,0,0,.5);backdrop-filter: blur(7px);display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.modal_pop .modal_dialog{width: 90vw;border-radius: 12px;overflow: hidden;}
.modal_pop .drag_bar{display: none;}
.modal_pop .modal_content{position: relative;padding: 0 20px;background: var(--white);}
.modal_pop .modal_dialog .btn_close{position: absolute;top: 20px;right: 20px;width: 24px;height: 24px;padding: 0;margin: 0;font-size: 0;overflow: hidden;background: url("/images/common/common_ico.png") center -216px;cursor: pointer;}
.modal_pop .modal_content .modal_header{padding-top: 40px;}
.modal_pop .modal_content h4{margin: 0;padding: 0;text-align: center;}
.modal_pop .modal_content h4:before{display: none;}
.modal_pop .modal_text{max-height: calc(80vh - 200px);overflow-y: auto;}
.modal_pop .modal_text h5{margin: 20px 0 10px;font-size: 20px;}
.modal_pop .modal_text ul{margin: 10px 0;}
.modal_pop .btn_wrap{margin: 0;padding: 20px 0;text-align: center;}

/** 커뮤니티 **/
.com_event .coprod_list .text{width: 100%;}
.com_event .coprod_list .title strong{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.com_event .coprod_list .title .info dd{width: 100%;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;max-height: 3em;}
.com_event .com_title .img{position: relative;}
.com_event .com_title .img .dday{position: absolute;top: 0;left: 0;padding: 2px 16px;border-radius: 0 0 8px 0;background: rgba(0,0,0,0.5);color: var(--white);font-weight: 700;}
.com_event .com_title .tit em{padding: 4px 8px;border-radius: 4px;background: var(--bg_blue);color: var(--blue);}
.com_event .com_title .com_info .box{background: var(--bg_blue);border-radius: 8px;padding: 10px 20px;}
.com_event .com_title .com_info .box li{padding-left: 15px;position: relative;}
.com_event .com_title .com_info .box li:before{content: "-";color: var(--tit_black);font-weight: 900;position: absolute;left: 0;top: 0;}

/* 교육행사신청폼 */
.layer_con .input_wrap{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px;padding: 20px 0;margin-bottom: 20px;border-radius: 8px;background: #f4f7f8;}
.layer_con .input_wrap input{margin: 0;}
.layer_con .input_wrap button{height: 4.4rem;margin: 0;background: #e55902;color: #fff;border-color: transparent;}
.layer_con .input_wrap .btn_blue{background: #1172f1;}
.layer_con .input_wrap button:hover, .layer_con .input_wrap button:focus{background: #444;}

.edu_form .detail_table th{text-align: center;}
.edu_form .form_table tr.bt{border-top: 1px solid var(--tit_black);}
.edu_form .form_table tbody th{border-right: var(--line);background: var(--bg_blue);}
@media all and (max-width:910px){
.edu_form .form_table tr{padding: 0;border: none;display: flex;flex-wrap: wrap;gap: 0 6px;}
.edu_form .form_table tr.bt{padding-top: 10px;margin-top: 10px;}
.edu_form .form_table tbody th{display: block;border: none;background: none;}
.edu_form .form_table tr td{padding: 8px 0!important;margin: 0;display: inline-flex;width: auto;max-width: calc(100% - 24px);align-items: center;}
}

/** 마이페이지 **/
/* 증명서 발급 */
td.status em{display: inline-flex;padding: 4px 10px;border-radius: 4px;background: #ddd;align-items: center;justify-content: center;vertical-align: middle;width: 85px;}
td.status em.done{background: var(--blue);color: var(--white);}
td.status em.ing{background: var(--orange);color: var(--white);}
td.status em.apply{background: var(--light_blue);color: var(--blue);}
td.status em.reapply{background: #FFF5E3;color: var(--orange);}
td.status em.reject{background: #d91737;color: var(--white);}
td.status em.cancel{background: #595959;color: var(--white);}
td.status button{display: inline-block;padding: 4px 10px;border-radius: 20px;border: 1px solid #666;color: var(--text_black);cursor: pointer;min-width: 75px;}
/* 증명선택 모달 */
.cert_pop ul{display: flex;gap: 10px;flex-wrap: wrap;}
.cert_pop li{width: calc((100% - 10px)/2);}
.cert_pop li a{display: flex;justify-content: center;align-items: center;background: var(--bg_blue);padding: 8px 0;border-radius: 8px;text-align: center;word-break: keep-all;border: 1px solid var(--light_blue);}
.cert_pop li a:hover, .cert_pop li a:focus, .cert_pop li a:active{background: var(--blue);color: var(--white);}
/* 마이페이지_인증 및 수상 */
.cert_wrap {padding: 20px 0;}
.cert_ul {display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;}
/* [2026-10-12]hsy-claude : 발급기관 배지(.sub_j z-index:15)가 카드 밖 전역 쌓임 순서로 올라가 모바일 하단 탭바(.tab_bar z-index:9) 위에 겹쳐 보였음.
   카드에 isolation:isolate 로 독립 쌓임 맥락을 만들어 배지 z-index 는 카드 안(이미지 위)에서만 유효하게 가둔다. */
.cert_box{position:relative;isolation:isolate;}
.cert_box .sub_j {background-color: var(--blue);color: var(--white);display: inline-block; padding: 5px 12px;font-size: 14px;border-radius: 8px;position: absolute;top: 10px;left:10px;z-index: 15;}
.cert_box .img_box {padding: 0;display: flex;flex-wrap: wrap;align-items: center;border-radius: 0;overflow: hidden;border: 0;justify-content: flex-start;}
.cert_box  p {font-size: 18px;font-weight: 600;color: var(--tit_black);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 280px;}
/* 마이페이지_인증 및 수상 등록 및 수정 */
.pre_wrap tr th {text-align: left !important;}
.history_wrap td[data-cell-header]::before , .pre_wrap td[data-cell-header]:before {content: attr(data-cell-header);display: block;color: #222;padding-bottom: 5px;font-size: 18px;font-weight: 600;}
.pre_wrap .detail_table {border: 0;}
/* 마이페이지_홍보영상 */
.video_wrap .video_ul {display: flex;flex-direction: column;gap: 15px;align-items: center;justify-content: center;flex-wrap: wrap;}
.video_ul .video_sum {overflow: hidden;}
.video_ul strong {font-size: 18px;font-weight: 600;color: var(--tit_black); overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 280px;}
.video_ul p {font-size: 15px; color: var(--text_black);width: 280px;}
/* 마이페이지_연혁 */
.history_wrap .btn_wrap {text-align: right !important;}
/* 마이페이지_기업매칭 */
.match_review .logo_img{display: flex;justify-content: center;padding: 20px 0;border: var(--line);border-radius: 8px;}
.match_review .text ul{display: flex;flex-wrap: wrap;gap: 4px 0;}
.match_review .text li{display: flex;flex-wrap: wrap;gap: 8px;}
.match_review .text li strong{color: var(--tit_black);}
.match_review .star_box{display: flex;flex-wrap: wrap;gap: 4px;}
.match_review .star_box .star{width: 20px;height: 21px;background: url("/images/content/star.png") center no-repeat;cursor: pointer;}
.match_review .star_box .star.on{background-image: url("/images/content/star_on.png");}

/* 교육행사참여현황 */
.count_box{background: var(--bg_blue);border-radius: 20px;padding: 20px;display: flex;flex-wrap: wrap;gap: 4px;flex-direction: column;}
.count_box dl{padding: 20px;display: flex;flex-wrap: wrap;background: var(--white);gap: 10px;justify-content: space-between;border-radius: 12px;align-items: center;box-shadow: 0 4px 10px rgba(0,0,0,0.05);}
.count_box dd{font-size: 20px;}
.count_box dd strong{color: var(--orange);}
.search_box2{margin: 20px 0;padding: 20px;border-radius: 20px;border: var(--line);background: #FAFAFA;}
.search_box2 ul{display: flex;flex-wrap: wrap;flex-direction: column;gap: 10px;}
.search_box2 li{display: flex;flex-wrap: wrap;gap: 4px;align-items: center;padding-bottom: 10px;border-bottom: 1px dashed #cecece;}
.search_box2 li label{font-weight: 700;color: var(--tit_black);width: 100%;}
.search_box2 li input, .search_box2 li select{width: 100%;max-width: 230px;}
.search_box2 li.btns{padding: 0;border: none;flex-direction: row;flex-wrap: nowrap;}
.search_box2 li.btns button{margin: 0;width: calc(50% - 4px);background: var(--tit_black);}
.com_event .list_table2 thead th{background: #f3f6f8;}
.com_event .list_table2 td.tit{text-align: center;}
.com_event .edu_con{border-top: 1px solid var(--tit_black);border-bottom: var(--line);padding: 30px 0;}
@media (max-width: 910px) {
.com_event .list_table2 td.tit{text-align: inherit;}
}

/* AI추천기업 */
.my_ai .update{display: flex;flex-wrap: wrap;gap: 10px;font-size: 14px;color: var(--blue);}
.my_ai .coprod_list .rank{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;}
.my_ai .coprod_list .rank em{padding: 2px 8px;background: var(--orange);color: var(--white);border-radius: 4px;font-size: 14px;}
.my_ai .coprod_list .rank i{font-style: normal;font-size: 14px;}
.my_ai .coprod_list .help{display: inline-flex;gap: 8px;font-size: 14px;margin: 10px 0;background: var(--light_blue);padding: 8px;align-items: center;border-radius: 4px;}
.my_ai .coprod_list .help:before{display: inline-flex;justify-content: center;align-items: center;content: "!";font-size: 12px;width: 16px;height: 16px;border-radius: 100%;border: 1px solid var(--blue);font-weight: 900;color: var(--blue);flex-shrink: 0;background: var(--white);}



@media (min-width: 425px){
/* 마이페이지_수상 및 인증 */
.cert_ul {flex-direction: row;gap: 15px;}
.cert_box {width: calc((100% - 15px) / 2);}
/* 마이페이지_홍보영상 */
.video_ul p {width: auto;}
}

@media (min-width: 540px) and (max-width:767px){
.cert_ul {flex-direction: row;gap: 15px;}
.cert_box {width: calc((100% - 15px) / 2);}
}

@media (max-width: 910px) {
.cert_list .btn_wrap{width: 100%;text-align: right;}
.cert_list .btn_wrap:after{display: none;}
}
.agree_box .box_basic, .agree_box .box_point{font-size: 18px;}
.agree_box .box_basic input[type="checkbox"], .agree_box .box_point input[type="checkbox"]{width: 18px;height: 18px;}

.no_logo_txt{font-family: var(--tit);font-size: 18px;font-weight: 700;word-break: keep-all;text-align: center;color: var(--text_black);}

/* tablet */
@media (min-width: 768px) {
.board_search_form .search_box{justify-content: flex-end;}
.board_search_form .search_box select,
.board_search_form .search_box input[type="text"]{width: auto;}
.board_search_form .search_box button{width: 44px;}

.table_category{overflow-x: auto;}
.table_category ul{display: flex;gap: 10px;}
.table_category li{flex-shrink: 0;}
.table_category li a{width: auto;padding: 10px;}

.photo_list ul{display: grid;grid-template-columns: repeat(2, 1fr);}
.photo_list li{padding: 20px;}
.photo_list .item_photo img{width: 100%;height: 100%;object-fit: cover;}

.pagination .page_btn.prev{margin-right: 10px;}
.pagination .page_btn.next{margin-left: 10px;}

.detail_table td input[type="file"]{width: auto;}

.schbox_wrap .schbox_input fieldset{flex-direction: row;}
.schbox_wrap .schbox_input input{max-width: 600px;}
.schbox_wrap .schbox_input .btn_wrap{width: auto;}

.branch_con .info{border-top: 1px solid var(--tit_black);display: flex;flex-wrap: wrap;}
.branch_con .info dl{width: 50%;border-bottom: var(--line);padding: 10px 0;flex-grow: 1;}
.branch_con .btn_wrap .btn_big{width: auto;margin: 2px;}
.branch_bbs .branch_tab.photo ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.branch_bbs .branch_tab.photo li a{height: 360px;text-align: center;}

.club_list li{flex-direction: row;padding: 30px 0;}
.club_list .img{width: 220px;height: 220px;}
.club_list .text{width: calc(100% - 240px);display: flex;flex-direction: column;justify-content: space-between;}
.club_list .info{gap: 10px;}
.club_list .info strong{font-size: 20px;}
.club_list li .btn_wrap{width: 100%;}

.calendar{margin-top: 40px;}
.calendar .cal_tab li{width: auto;}
.calendar .cal_tab li a{padding: 10px 20px;}
.calendar .event_list li{margin: 4px 0;}
.calendar .event_list li em{width: auto;font-size: 12px;padding: 2px 8px;border: 1px solid;border-radius: 20px;text-align: center;margin-right: 2px;}

.det_con_left .date {float: right;}
.product-info {clear: both;}

.partner_list_wrap .partner_list_ul>li {width:calc(100% / 2);}
.partner_list_wrap .partner_list_ul a {align-items: flex-start;border-right: var(--line);    padding: 20px 30px;}
.partner_list_wrap .partner_list_ul .partner_list_img {width: 260px;}
.partner_list_ul a:hover .partner_list_img img ,.partner_list_ul a:focus .partner_list_img img {transition: 0.8s ease;transform: scale(1.1);}
.partner_list_ul a:focus, .partner_list_ul a:hover .txt p {text-decoration: underline;}
.partner_list_wrap .partner_list_ul ul, .partner_list_wrap .partner_list_ul p {text-align: left;}
.partner_list_wrap .partner_list_ul li:nth-child(even) a {border-right: 0;border-bottom: var(--line);}
.partner_list_wrap .partner_list_ul strong {margin: 10px 0;}
.member_detail_view .member_detail_con .contain_left{display: flex;gap: 0;flex-direction: column;}
.member_detail_view .member_detail_con .contain_left .btn_do {display: block;}
.member_detail_view .member_detail_con .contain_left .btn_star {align-items: flex-start;}
.member_detail_view .member_detail_con .det_sub_tit p {margin-bottom: 30px;}
.det_con_box .det_info {flex-direction: row;gap: 20px;}
.member_detail_view .member_detail_con .contain_right .det_view ul {display: grid;grid-template-columns: repeat(2, 1fr); gap: 20px;}
.member_detail_view .member_detail_con .contain_right .det_view ul li {margin-top: 0; min-width: 0;}
/* [2026-10-15]hsy-claude : 기본 규칙에서 가로 배치로 바꿔 여기 align-items:center(두 줄일 때 뱃지가 가운데로 내려가던 원인) 제거, 글자만 키움 */
.member_detail_view .member_detail_con .contain_right .det_history ul li{font-size:17px;}
.member_detail_view .member_detail_con .contain_right .det_history ul {display: flex;flex-direction: column;}
.member_detail_view .member_detail_con .contain_right .det_view .img_box {height: 319px;} 
.layer_con .match_mem {margin-bottom: 40px; gap: 10px;}
.contain_right .detail_company .det_tit {margin-top: 30px;}

.prod_list ul{display: flex;flex-wrap: wrap;}
.prod_list li{width: 50%;}
.prod_list li a{padding: 30px;}
.prod_info .btn_wrap{text-align: right;}
.prod_info .btn_wrap a, .prod_info .btn_wrap button{display: inline-flex;}

.coprod_list li .img{max-height: 400px}
.coprod_list .text .btn_wrap{text-align: right;}
.coprod_list .text .btn_wrap a{display: inline-flex;}
.coprod_view .prod_info .btn_wrap button{display: inline-flex;width: auto;margin: 2px;}
.coprod_list .title .info dt{width: 6em;}

.coprod_list .col2{display: grid;grid-template-columns: repeat(2, 1fr);}
.coprod_list .col2 li:nth-child(odd){border-right: var(--line);}

/* 260907 */
.inno_list ul {display: flex;flex-wrap: wrap;}
.inno_list ul li {width: calc(100%  / 2);padding: 25px;}
.inno_list ul li:nth-child(odd) {border-right: var(--line);}
.inno_list .title {height: 250px;}
.inno_list li .img {height: 200px;}


.com_title .tit_logo{width: 280px;margin: 0 auto;}
.com_title .com_info dl{font-size: 18px;gap: 10px;align-items: center;}
.com_title .com_info dt{width: 120px;padding: 0;border: none;}
.com_title .com_info dd{width: calc(100% - 130px);}
.com_title .text>.btn_wrap button, .com_title .text>.btn_wrap a{width: auto;margin: 2px;}

.com_introduce .detail dt{width: 7em;}
.com_introduce .detail dd{width: calc(100% - 8em);}

.com_event .com_title{position: relative;padding-top: 90px;}
.com_event .com_title .btn_wrap div{position: absolute;top: 0;right: 0;}
.com_event .com_title .com_info .box dl{align-items: flex-start;}

.busin_reg .reg_link ul{display: flex;gap: 10px;}
.busin_reg .reg_link ul li {width: calc((100% - 10px) / 3);margin-bottom: 0;}
.busin_reg .reg_banner strong {font-size: 24px;}
.busin_reg .reg_banner p {font-size: 18px;}
.busin_reg .nub_field input {width: 12rem;margin: 0 8px;}
.busin_reg .tel_field input {width: 12rem;margin: 0 5px;}
.busin_reg .tel_field select {margin-right: 5px;}
.busin_reg .label_wrap {align-items: flex-start;justify-content: flex-start;}
.busin_reg .captcha {display: flex; align-items: center; gap: 12px;}
.busin_reg .captcha-img {margin-bottom: 0;}
.busin_reg .reg_info strong {font-size: 20px;}
.busin_reg .reg_info strong br {display: none;}
.busin_reg .reg_info .agree_box {margin-bottom: 20px;align-items: center;display: flex;gap: 5px;float: right;}
.busin_reg .reg_info .txt_box {clear: both;}
.busin_reg .reg_info .agree_box input {width: 20px;height: 20px;}
.busin_reg .reg_info .agree_box label {font-size: 20px;}
.busin_reg .detail_table textarea {resize: vertical;}
.layer_con .authorities h6 {margin-bottom: 20px;}
.mgmt_consulting .cons_list ul {display: grid;grid-template-columns: repeat(2, 1fr);}
.mgmt_consulting .cons_list ul li {padding: 30px 12px;border-right: var(--line);}
.mgmt_consulting .cons_list ul li:nth-child(even) {border-right: 0;}
.mgmt_consulting .mgmt_wrap {display: flex;align-items: flex-start;justify-content: flex-start;gap: 40px;}
.mgmt_consulting .mgmt_info {width: 80rem;}
.mgmt_consulting .mgmt_abt .sch h5{margin-top: 0;}
.univ .univ_part h5 {margin-top: 0;}
.univ .mgmt_info .btn_wrap {display: block;}
/* 경영자문상담_view */
.mgmt_consulting .mgmt_wrap.mgmt_view {flex-direction: row;align-items: flex-start;gap: 40px;}
.mgmt_consulting .mgmt_view .mgmt_info {width: 220px;}
.mgmt_consulting .mgmt_view .mgmt_abt {flex: 1;min-width: 0;}
.mgmt_consulting .mgmt_view .mgmt_abt h5 {width: 120px;}
.mgmt_consulting .mgmt_view .mgmt_info, .mgmt_consulting .mgmt_view .mgmt_abt {margin-top: 60px;}
.mgmt_consulting .mgmt_view > .btn_wrap {width: auto;flex-shrink: 0;}
.mgmt_consulting .mgmt_view > .btn_wrap .btn_big {width: auto;white-space: nowrap;}

.global_area{height: auto;padding: 30px;}
.global_area::before{display: none;}
.map_area svg{width: 100%;height: auto;}
.map_unit{margin: 40px 0 0;gap: 20px;}
.map_unit li{font-size: 18px;}

/* 마이페이지_증명 모달 */
.cert_pop ul{gap: 20px;}
.cert_pop li{width: calc((100% - 20px)/3);}
.cert_pop li a{flex-direction: column;padding: 20px 0;}
.cert_pop li a:before{content: "";width: 100px;height: 100px;background: url("/images/content/cert_icon.png") no-repeat center;}
.cert_pop li.cert01 a:before{background-position: center 0;}
.cert_pop li.cert02 a:before{background-position: center -100px;}
.cert_pop li.cert03 a:before{background-position: center -200px;}
.cert_pop li.cert04 a:before{background-position: center -300px;}
.cert_pop li.cert05 a:before{background-position: center -400px;}
.cert_pop li.cert06 a:before{background-position: center -500px;}

/* 마이페이지_수상 및 인증 */
.cert_ul {flex-direction: row;gap: 15px;}
.cert_wrap .cert_ul li {width: calc((100% - 30px) / 3);}
.cert_box p {width: 200px;}
/* 마이페이지_홍보영상 */
.video_wrap .video_ul  {flex-direction: row;}
.video_ul .video_box {width: calc((100% - 15px) / 2);}
/* 마이페이지_연혁 */
.history_wrap .btn_wrap {text-align: center !important;}
/* 마이페이지 교육행사 */
.count_box{display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}
.count_box.col2{grid-template-columns: repeat(2, 1fr);}
.count_box.col3{grid-template-columns: repeat(3, 1fr);}
.count_box.col4{grid-template-columns: repeat(4, 1fr);}
.count_box.col5{grid-template-columns: repeat(5, 1fr);}
.count_box.col6{grid-template-columns: repeat(6, 1fr);}
.count_box dl{flex-direction: column;}
.count_box dt{color: var(--tit_black);font-size: 18px;}
.count_box dd{font-size: 24px;font-weight: 700;color: var(--tit_black);}
.search_box2 ul{flex-direction: row;justify-content: center;gap: 20px;}
.search_box2 li{padding: 0;border: none;}
.search_box2 li label{width: auto;}
.search_box2 li input, .search_box2 li select{width: auto;}
.search_box2 li.btns button{width: 44px;}
/* 마이페이지_매칭서비스 */
.match_review .match_info{display: flex;flex-wrap: wrap;gap: 20px;}
.match_review .logo_img{width: 200px;padding: 20px;align-items: center;}
.match_review .match_info h5{margin-top: 0;}
.match_review .text li{width: 50%;}

}

@media (max-width: 768px){
/* 마이페이지_국내외 수상 실적 */
.pre_wrap .detail_table, .pre_wrap .detail_table tbody, .pre_wrap .detail_table tr, .pre_wrap .detail_table th, .pre_wrap .detail_table td {display: block;}
.pre_wrap .detail_table th + th, .pre_wrap .detail_table th + td, .pre_wrap .detail_table td + td {border: 0;}
/* 마이페이지_연혁 */
.history_wrap .detail_table, .history_wrap .detail_table tbody, .history_wrap .detail_table tr, .history_wrap .detail_table th, .history_wrap .detail_table td {display: block;}
.history_wrap .detail_table th + th, .history_wrap .detail_table th + td, .history_wrap .detail_table td + td {border: 0;}
}

@media (max-width: 1218px){
.busin_reg .detail_table, .busin_reg .detail_table tbody, .busin_reg .detail_table tr,
.busin_reg .detail_table th, .busin_reg .detail_table td {display: block;text-align: left;}
}

/* pc */
@media (min-width: 1024px) {
.list_table{border-top-color: var(--tit_black);}
.list_table thead{border-bottom-color: var(--tit_black);}
.list_table thead tr{background: none;}
.list_table thead th{color: var(--tit_black);}
.list_table .subj{text-align: center;}
.list_table [data-cell-header]:before{display: none;}
.list_table tbody tr:hover{background: #FFF9ED;}
.list_table .tit a{font-size: inherit;}

.table_category li a:hover, .table_category li a:focus{background: var(--tit_black);color: var(--white);}

.photo_list ul{grid-template-columns: repeat(3, 1fr);}
.photo_list li{padding: 30px;}
.photo_list .item_photo a:hover img, .photo_list .item_photo a:focus img{transform: scale(1.1);transition: .5s;}
.photo_list .item_cont .link:hover, .photo_list .item_cont .link:focus{text-decoration: underline;transition: .5s;}

.pagination a{width: 40px;height: 40px;line-height: 40px;text-align: center;border: var(--line);border-radius: 100%;}
.pagination a:hover, .pagination a:focus{border-color: var(--text_black);background-color: var(--bg_blue);text-decoration: underline;}
.pagination a.active{background: var(--tit_black);color: var(--white);text-decoration: none;}

.faq_wrap li .quest button{padding: 30px 40px 30px 20px;cursor: pointer;}
.faq_wrap li .quest button:hover span, .faq_wrap li .quest button:focus span{text-decoration: underline;}
.faq_wrap li .quest button span{font-size: 18px;}
.faq_wrap li .answr{padding: 30px 20px;}

.schbox_wrap{margin: 0 0 40px;}
.schbox_wrap .schbox_input{padding: 40px;}
.schbox_wrap .schbox_input label{font-size: 20px;}
.schbox_wrap .schbox_input input{font-size: 18px;}
.schbox_wrap .layer_overlay, .schbox_wrap .layer_header, .schbox_wrap .layer_btn{display: none;}
.schbox_wrap .layer_box{position: static;width: auto;max-width: none;transform: none;background: none;border-radius: 0;}
.schbox_wrap .layer_con{max-height: none;}
.schbox_wrap .filter_group h5, .schbox_wrap .filter_group button{border: none;}
.schbox_wrap .filter_group ul{flex-direction: row;gap: 10px;}
.schbox_wrap .filter_group label{display: inline-block;padding: 8px 16px;background-color: #fff;border: 1px solid #cecece;border-radius: 50px;font-size: 16px;color: var(--text_black);transition: .15s ease;cursor: pointer;min-width: 4em;text-align: center;}
.schbox_wrap .filter_group label:hover, .schbox_wrap .filter_group .check:focus + label{font-weight: 600;border: 1px solid #444; outline: 1px solid #444;}
.schbox_wrap .filter_group .check:checked + label{background-color: var(--blue);color: var(--white);}
.schbox_wrap .filter_group .check{position: absolute;width: 0;height: 0;overflow: hidden;pointer-events: none;opacity: 0;}
.schbox_wrap .filter_group button:after{display: none;}
.schbox_wrap .filter_group button+ul{display: flex;}
.schbox_wrap .filter_group button {margin: 0;}
.schbox_wrap .filter_group.on button{margin: 0;}
.meting_btn {display: none;}
.mb_meeting {background-color: var(--white);        border-radius: 20px;border: var(--line);margin-top: 15px;}
.meeting_filter .mb_meeting.on {display: block;}
.meeting_filter .mb_meeting_ab {display: flex;}
.mb_meeting_ab .tab_menu {width: 30%;}
.schbox_wrap .meeting_filter .mb_meeting_ab button {margin: 15px 0;padding-bottom: 0;font-size: 18px;color: var(--text_black);font-family: inherit;font-weight: 500;}
.schbox_wrap .meeting_filter .mb_meeting_ab  button.on {color: var(--orange);}
.mb_meeting_ab button::before {display: none;}
.schbox_wrap .filter_group ul.meeting_wrap {display: grid;grid-template-columns: repeat(2, 1fr); gap: 0;}
.schbox_wrap .meeting_wrap li {background-color: transparent;border-right: var(--line);}
.schbox_wrap .meeting_wrap li:nth-child(even) {border-right: 0;}
.schbox_wrap .meeting_wrap li:nth-child(13){border-bottom: 0;}
.schbox_wrap .tab_contents ul.branch input {position: relative;opacity: 1;pointer-events: inherit;}
.schbox_wrap .filter_group ul.branch label {padding: 0;margin: 0;border: 0;border-radius: 0; min-width: auto;}
.schbox_wrap .filter_group ul.branch .check:checked + label { background-color: transparent;color: var(--text_black);}
.schbox_wrap .filter_group.on>.mb_meeting {display: block;}
.schbox_wrap .filter_group.on .mb_header {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px;align-items: center;border-bottom: var(--line);}
.schbox_wrap .filter_group.on .mb_header h4{margin: 0;padding: 0;font-size: 24px;}
.mb_header h4:before {display: none;}
.mb_header .btn_close {width: 24px !important;height: 24px;padding: 0;margin: 0 !important;font-size: 0 !important;overflow: hidden;background: url("/images/common/common_ico.png")  center -216px;cursor: pointer;}
.mb_header .btn_close::before{display: none;}

.branch_info{flex-direction: row;flex-wrap: wrap;gap: 40px;}
.branch_img{height: 400px;width: 400px;flex-shrink: 0;border-radius: 12px;}
.branch_con{width: calc(100% - 440px);}
.branch_con .tit strong{font-size: 28px;}
.branch_con .info dl{padding: 15px 0;}
.branch_bbs .branch_tab{position: relative;}
.branch_bbs .branch_tab.noti ul{border: none;}
.branch_bbs .branch_tab.noti li{border: none;padding: 0 0 0 24px;position: relative;margin: 10px 0;}
.branch_bbs .branch_tab.noti li:before{content: "+";position: absolute;left: 0;font-weight: 900;font-size: 20px;top: 5px;}
.branch_bbs .branch_tab.noti li a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 5px 0;}
.branch_bbs .branch_tab.noti li strong{font-size: 20px;font-weight: 400;margin: 0;width: calc(100% - 120px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: auto;}
.branch_bbs .branch_tab.noti li span{width: auto;}
.branch_bbs .branch_tab.noti li a:hover strong, .branch_bbs .branch_tab.noti li a:focus strong{font-weight: 700;}
.branch_bbs .branch_tab.photo ul{grid-template-columns: repeat(4, 1fr);}
.branch_bbs .branch_tab.photo li a{height: 240px;}
.branch_bbs .branch_tab.photo li a{border-radius: 12px;font-size: 20px;}
.branch_bbs .branch_tab.photo li a:hover img, .branch_bbs .branch_tab.photo li a:focus img{transform: scale(1.1);transition: .7s;}
.branch_bbs .branch_tab .btn_wrap{position: absolute;top: 0;right: 0;width: auto;margin: 0;}

.club_list{display: flex;flex-wrap: wrap;}
.club_list li{width: 50%;padding: 30px;}
.club_list li:nth-child(odd){border-right: var(--line);}
/* [2026-09-23]hsy-claude : 2열(50%) 그리드에서 안내문구(no_data) li 도 반칸+세로선이 붙어 칸이 둘로 나뉘어 보였다. 안내문구는 한 칸으로 합친다 */
.club_list li.no_data{justify-content:center;width:100%;border-right:none;text-align:center;}
.club_skin .box_basic.col2{display: flex;flex-wrap: wrap;padding: 0;}
.club_skin .box_basic.col2>div:first-child{border: none;margin-bottom: 0;border-right: 1px dashed #ddd;}
.club_skin .box_basic.col2>div{width: 50%;padding: 30px;}
.club_skin .name {display: flex;gap: 5px;margin-bottom: 15px;flex-direction: row;align-items: center;}
.club_skin .name label{margin-right: 10px;}


.calendar .cal_tit input{font-size: 40px;}
.calendar .cal_cont:before{display: none;}
.calendar .cal_cont table{width: 100%;min-width: auto;}
.calendar .cal_cont th, .calendar .cal_cont td{width: calc(100%/7);}
.calendar .cal_cont td{height: 200px;}
.calendar .cal_cont table span{font-size: 20px;}
.calendar .event_list li button:hover, .calendar .event_list li button:focus{font-weight: 700;}
.layer_wrap .event_list li a{flex-wrap: nowrap;align-items: center;}
.layer_wrap .event_list li a:hover, .layer_wrap .event_list li a:focus{background: #FFF9ED;}
.layer_wrap .event_list li em, .layer_wrap .event_list li span{flex-shrink: 0;}
.layer_wrap .event_list li em{width: auto;justify-content: center;padding: 4px 8px;}

.prod_list li{width: calc(100%/3);}
.prod_list li .text strong{font-size: 22px;}
.prod_list li .text span{-webkit-line-clamp: 3;height: 4.5em;}
.prod_list li a:hover img, .prod_list li a:focus img{transform: scale(1.1);transition: .5s;}
.prod_list li a:hover strong, .prod_list li a:focus strong{text-decoration: underline;}
.prod_info{flex-direction: row;}
.prod_info .img_slide{flex-direction: row;}
.prod_info .img{width: 400px;max-height: none;}
.prod_info .thumb_list{max-height: 400px;overflow: auto;}
.prod_info .thumb_list ul{flex-direction: column;}
.prod_info .thumb_list li{width: 77px;}
.prod_info .text{width: calc(100% - 510px);display: flex;flex-direction: column;justify-content: space-between;flex-shrink: 1;}
.prod_info .title strong{font-size: 28px;}
.prod_info .title p{padding: 20px;font-size: 14px;}
.prod_info .title .tag em{font-size: 16px;}
.prod_info .btn_wrap{margin: 0;}
.prod_detail .btn_open{width: 50%;left: 50%;transform: translateX(-50%);border-radius: 12px;}
.prod_detail .btn_open:hover, .prod_detail .btn_open:focus{background: var(--tit_black);color: var(--white);}

.member_detail_view .member_detail_con .contain_right .det_con .det_con_box {display: grid;grid-template-columns: repeat(2, 1fr);}
.member_detail_view .member_detail_con .contain_right .det_view ul {grid-template-columns: repeat(4, 1fr);}
.member_detail_view .member_detail_con .contain_right .det_view h5 {margin-top: 80px;}

.coprod_list li{flex-direction: row;padding: 30px 0;}
.coprod_list li .dday{font-size: 18px;padding: 4px 20px;top: 40px;}
.coprod_list li .img{width: 300px;height: 300px;}
.coprod_list li .text{width: calc(100% - 320px);display: flex;flex-direction: column;}
.coprod_list .title strong{font-size: 28px;}
.coprod_list .text .btn_wrap{margin: auto 0 0 0;}
.coprod_view .prod_info .title .price dd{font-size: 28px;}
/* [2026-10-15]hsy-claude : 공동구매 상세 정보영역·가격 1024px 이상 확대 */
.prod_info .gbuy_info dl{font-size:16px;}
.prod_info .title .gbuy_price .sale_prc{font-size:32px;}

.com_title{display: flex;flex-wrap: wrap;gap: 20px;}
.com_title .img{width: 400px;height: 400px;max-height: none;}
.com_title .thumb_list ul{flex-direction: column;width: 77px;}
.com_title .thumb_list li{width: auto;}
.com_title .text{width: calc(100% - 501px);}
.com_interview{padding: 30px 0;}

.com_event .coprod_list ul{display: flex;flex-wrap: wrap;border-bottom: var(--line);}
.com_event .coprod_list li{width: 50%;padding: 30px;}
.com_event .coprod_list li:nth-child(odd){border-right: var(--line);}
.com_event .coprod_list li .img{position: relative;width: 100%;}
.com_event .coprod_list li .img img{height: 100%;}
.com_event .coprod_list li .dday{top: 0;left: 0;border-radius: 0 0 8px 0;background: rgba(0,0,0,.5);}
.com_event .com_title .com_info .box{padding: 4px 20px;}

.busin_reg .reg_link ul {gap: 20px;}
.busin_reg .reg_link ul li {width: calc((100% - 20px) / 3);}
.busin_reg .step_box02 div{height: 180px;}
.layer_con .authorities ul {display: grid;grid-template-columns: repeat(4, 1fr);        gap: 20px 18px;}
.layer_con .authorities .check {position: absolute;overflow: hidden;opacity: 0;}
.layer_con .authorities label {display: inline-block;padding: 8px 16px;background-color: #fff;border: 1px solid #cecece;border-radius: 50px;font-size: 16px;color: var(--text_black);transition: .15s ease;cursor: pointer;min-width: 4em;text-align: center;width: 100%;}
.layer_con .authorities .check:checked + label {background-color: var(--blue);color: var(--white);}
.layer_con .authorities label:hover, .layer_con .authorities .check:focus + label {font-weight: 600;border: 1px solid #444;outline: 1px solid #444;}
.layer_con .authorities h6 {margin-bottom: 30px;}
.mgmt_consulting .cons_list ul {grid-template-columns: repeat(3, 1fr);}
.mgmt_consulting .cons_list ul li:nth-child(even) {border-right: var(--line);}
.mgmt_consulting .cons_list ul li:nth-child(3n) {border-right: 0;}
.mgmt_consulting .depth3_tab .col8  li {width: calc(100% / 8);}
.mgmt_consulting .depth3_tab li a {font-size: 18px;}
.mgmt_consulting .cons_list .text .subj {float: right;}
.mgmt_consulting .cons_list .text p {clear: both;margin: 18px 0;}
.global_area{margin-bottom: 40px;}

.schbox_wrap .col2{display: flex;flex-wrap: wrap;gap: 20px;}
.schbox_wrap .col2 .filter_group{width: calc((100% - 20px)/2);}
.schbox_wrap .filter_group>div{display: flex;justify-content: flex-start;}
.schbox_wrap .filter_group select{min-width: 200px;width: auto;}

.modal_pop{background: none;backdrop-filter: none;position: static;transform: none;display: block;}
.modal_pop .modal_dialog{box-shadow: 0 4px 10px rgba(0,0,0,.1);width: auto;position: absolute;top: 10px;left: 10px;z-index: 999;max-width: 600px;}
.modal_pop .drag_bar{display: flex;flex-wrap: wrap;justify-content: space-between;background: var(--bg_blue);padding: 10px 20px;align-items: center;cursor:move;}
.modal_pop .drag_bar p{margin: 0;font-size: 14px;}
.modal_pop .drag_bar .btn_close{position: static;}
.modal_pop .modal_content .btn_close{display: none;}

/* 마이페이지_증명 모달 */
.cert_pop ul{gap: 30px;}
.cert_pop li{width: calc((100% - 60px)/3);}
.cert_pop li a{gap: 10px;font-size: 18px;padding: 30px 0;border-radius: 20px;transition: .3s;}
.cert_pop li a:hover, .cert_pop li a:focus, .cert_pop li a:active{background: var(--white);color: var(--blue);border-color: var(--blue);box-shadow: 0 0 10px rgba(17,144,251,0.2);}
/* 마이페이지_수상 및 인증 */
.cert_wrap .cert_ul li {width: calc((100% - 45px) / 4);}
/* 마이페이지_국내외 수상 실적_등록 및 수정 */
.pre_wrap td[data-cell-header]:before{display: none;}
.pre_wrap .detail_table {border-top: 2px solid #111; border-bottom: 1px solid #cecece;}
.pre_wrap td .btn_wrap {text-align: center !important;}
/* 마이페이지_연혁 */
.history_wrap td[data-cell-header]:before{display: none;}
.history_wrap th {text-align: left;}

.count_box{padding: 30px;gap: 20px;}
.count_box dt{font-size: 20px;}
.count_box dd strong{font-size: 40px;}
.search_box2{padding: 30px 0;}
.search_box2 li label{margin-right: 5px;}

.my_ai .coprod_list .help{border-radius: 8px;}


/* 260907 */
.inno_list ul li {flex-direction: column;width: calc(100% / 3);border-right: var(--line);}
.inno_list li .text {width: auto;}
.inno_list li .img {width: 100%;}
.inno_list .text .btn_wrap {margin: 20px 0;}
.inno_list ul li:nth-child(3n) {border-right: 0;}

/* 회원수첩 수상및인증 이미지 크기 조정 */

}

/* wide */
@media (min-width: 1440px) {
.photo_list ul{grid-template-columns: repeat(4, 1fr);}

.branch_con .tit p{display: flex;flex-wrap: wrap;gap: 20px;align-items: baseline;}
.branch_con .tit strong{font-size: 40px;}
.branch_con .info dl{font-size: 18px;}
.branch_bbs .branch_tab.photo li a{height: 400px;}

.club_list li{gap: 30px;}
.club_list .text{width: calc(100% - 250px);}

.prod_list li{width: 25%;}
.prod_list li a{padding: 30px;}
.prod_list li .text{margin-top: 30px;}
.prod_info{gap: 40px;}
.prod_info .img{width: 600px;height: 600px;}
.prod_info .thumb_list{max-height: 600px;}
.prod_info .thumb_list li{width: 116px;}
.prod_info .text{width: calc(100% - 770px);}
.prod_info .title{gap: 20px;margin-top: 40px;}
.prod_info .title i{font-size: 16px;}
.prod_info .title strong{font-size: 36px;}
.prod_info .title span{font-size: 18px;}
.prod_info .title p{font-size: 16px;}
.prod_info .title .tag em{font-size: 18px;}
.prod_info .title .price{font-size: 32px;}
/* [2026-10-15]hsy-claude : 공동구매 상세 정보영역·가격 1440px 이상 확대 */
.prod_info .gbuy_info dl{padding:14px 4px;font-size:18px;}
.prod_info .title .gbuy_price .norm_prc{font-size:18px;}
.prod_info .title .gbuy_price .sale_prc{font-size:36px;}
.prod_info .title .gbuy_price .prc_note{font-size:16px;}

.partner_list_wrap .partner_list_ul .txt{width: 100%;}
.partner_list_wrap .partner_list_ul a {flex-direction: row; gap: 30px;}
.partner_list_wrap .partner_list_ul ul{display: flex;align-items: center;gap: 0 20px;flex-wrap: wrap;}
.partner_list_wrap .partner_list_ul ul li::after {content: "";width: 1px;height: 10px;background-color: #ddd;position: absolute; top: 8px;right: -10px;}
.member_detail_view .member_detail_con .contain_left .btn_star {align-items: center;}
.member_detail_view .member_detail_con .contain_left {flex-direction: column;gap: 0;}
.member_detail_view .member_detail_con {flex-direction: row; gap: 30px;}
.member_detail_view .member_detail_con .contain_left .btn_do {display: flex;flex-direction: row; justify-content: center;}
.member_detail_view .member_detail_con .contain_left .btn_wrap {margin: 0;}
.member_detail_view .member_detail_con .contain_right {width: 80%;}
.member_detail_view .member_detail_con .contain_right .detail_company h5{margin-top: 0;}
.contain_right .detail_company .det_tit {margin-top: 0;}
.contain_right .det_con .det_con_box dt, .det_con_box dd {width: auto;}
.member_detail_view .member_detail_con .det_sub_tit p {font-size: 18px;}
.member_detail_view .member_detail_con .contain_left .img_box{width: 245px;}

.coprod_list li{padding: 40px 20px;gap: 40px;}
.coprod_list li .dday{top: 60px;left: 40px;}
.coprod_list li .text{width: calc(100% - 340px);}
.coprod_list .title{margin-top: 20px;}

.com_title{gap: 40px;}
.com_title .img{width: 600px;height: 600px;}
.com_title .thumb_list ul{width: 116px;}
.com_title .text{width: calc(100% - 760px);}
.com_title .tit em{font-size: 18px;font-weight: 700;padding: 10px 20px;}
.com_title .tit{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0;align-items: center;margin-bottom: 30px;}
.com_title .tit h4{margin-bottom: 0;}
.com_title .tit_logo{margin: 0 0 0 auto;}
.com_title .com_info dl{margin: 20px 0;}

.com_event .coprod_list li .img{width: 260px;height: 260px;}
.com_event .coprod_list .text{width: calc(100% - 300px);}
.com_event .coprod_list .title{margin: 0 0 20px;}
.com_event .coprod_list .title strong{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height: 3em;white-space:inherit}
.com_event .coprod_list .title .info dl{gap: 0;}
.com_event .coprod_list .title .info dt{width: 3em;}
.com_event .coprod_list .title .info dd{width: calc(100% - 3em);}

.busin_reg .reg_banner {padding: 100px 0;}
.busin_reg .reg_banner strong {font-size: 40px;}
.busin_reg .reg_link .icon_box {width: 180px;height: 180px;margin-bottom: 40px;}
.busin_reg .reg_banner p {font-size: 24px;}
.busin_reg .reg_banner p  br{display: none;}
.busin_reg .reg_link ul li strong {font-size: 28px;}
.busin_reg .reg_link p {font-size: 18px;margin: 40px 0;}
.busin_reg .reg_link {margin-top: 60px;}
.busin_reg .reg_link ul {gap: 40px;}
.busin_reg .reg_link ul li {width: calc((100% - 40px) / 3);}
.busin_reg .step_box02 div {height: 120px;}
.layer_con .authorities ul {display: grid;grid-template-columns: repeat(6, 1fr);        gap: 18px 14px;}
.layer_con .authorities label { padding: 8px 10px;}
.mgmt_consulting .cons_list ul {grid-template-columns: repeat(4, 1fr);}
.mgmt_consulting .cons_list ul li:nth-child(4n) {border-right: 0;}
.mgmt_consulting .cons_list ul li:nth-child(3n) {border-right: var(--line);}
.mgmt_consulting .depth3_tab li a {font-size: 20px;}
.mgmt_consulting .mgmt_info {width: 60rem;}
.mgmt_consulting .mgmt_info {width: 40rem;}
.mgmt_consulting .mgmt_wrap {gap: 90px}
.univ .cons_list ul a {flex-direction: row;}
.univ .cons_list ul {grid-template-columns: repeat(3, 1fr);}
.univ .cons_list ul li:nth-child(3n) {border-right: 0;}
.univ .cons_list ul li:nth-child(4n) {border-right: var(--line);}

.fw_info {text-align: left;}

/* 마이페이지_수상 및 인증 */
.cert_wrap .cert_ul li{width: calc((100% - 60px) / 5);}


/* 260907 */
.inno_list li .text {width: auto;}
.inno_list .text .btn_wrap { display: block;text-align: left;}
}


/* ============================================================
 * [지회 상세검색 정리] 2026-08
 * JS(list.jsp) 의 MOBILE_BP=910 과 반드시 일치시킬 것
 * ============================================================ */

/* --- 공통 : 목록 교체 시 높이 점프 방지 --- */
.schbox_wrap .tab_contents { min-height: 220px; }

/* --- 지회 목록 : 매출액 필터와 동일한 칩(알약) 스타일 --- */
.schbox_wrap .filter_group ul.branch {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.schbox_wrap .filter_group ul.branch li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* 체크박스 숨김 (매출액과 동일) — PC 블록의 노출 규칙을 되돌림 */
.schbox_wrap .filter_group ul.branch input.check,
.schbox_wrap .tab_contents ul.branch input.check {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
}

/* label 을 알약 칩으로 */
.schbox_wrap .filter_group ul.branch label {
    display: inline-block;
    padding: 8px 16px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 400;
    color: var(--text_black);
    min-width: 4em;
    text-align: center;
    cursor: pointer;
    transition: .15s ease;
}
.schbox_wrap .filter_group ul.branch label:hover,
.schbox_wrap .filter_group ul.branch .check:focus + label {
    font-weight: 600;
    border: 1px solid #444;
    outline: 1px solid #444;
}
.schbox_wrap .filter_group ul.branch .check:checked + label {
    background-color: var(--blue);
    border-color: var(--blue);
    color: var(--white);
}

/* '전체' 칩 강조 */
.schbox_wrap .filter_group ul.branch label.brch_all_label {
    font-weight: 700;
}

/* --- 현재 탭 / 선택보유 탭 표시 분리 --- */
.schbox_wrap .meeting_wrap button.has_dot::after {
    content: ""; display: inline-block;
    width: 6px; height: 6px; margin-left: 6px;
    border-radius: 50%; background: var(--orange);
    vertical-align: middle;
}


/* --- 지회 : '지회선택' 버튼은 항상, 선택영역은 branch_open 일 때만 --- */
.schbox_wrap .filter_group.meeting_filter > div.btn_wrap {
    display: flex;
    justify-content: flex-start;
}
.schbox_wrap .filter_group.meeting_filter > div.mb_meeting {
    display: none;
}
.schbox_wrap .filter_group.meeting_filter.branch_open > div.mb_meeting {
    display: block;
}

/* '+지회' 헤더 : + 기호는 유지, 아코디언 화살표만 제거 */
.schbox_wrap .meeting_filter > button:after {
    display: none;
}
.schbox_wrap .meeting_filter > button {
    cursor: default;
}

/* --- 모바일 (910px 이하) : 전체화면 레이어 사용 --- */
@media (max-width: 910px) {
    .schbox_wrap .meeting_filter .mb_meeting { display: none; }
    .meting_btn { display: none; }
    .meting_btn.on { display: block; }
}

/* 2026-09-07 : 콘텐츠(게시판 외 업무단) 좋아요/댓글 보정
   기본 골격은 퍼블 규칙(.post_reaction / .comment_* / .recomment_*)을 그대로 쓰고,
   퍼블 시안에 없던 상태(빈 목록, 수정/답글 입력폼)만 여기서 보완한다. */
.reaction_comment{cursor: pointer;}
.cont_cmnt_area{margin: 40px 0;}
/* 2026-09-08 : 혁신기업 상세 - 선정 연월 오른쪽에 좋아요 버튼을 나란히 둔다 */
.com_title .tit_top{display: flex; flex-wrap: wrap; align-items: center; gap: 12px;}
/* 좋아요는 텍스트 영역(.com_title .text) 오른쪽 위 구석에 고정한다.
   흐름에서 빼야 연도/기업명 줄 길이에 영향을 주지 않는다. */
.com_title .text{position: relative;}
.com_title .text .like_wrap{position: absolute; top: 0; right: 0; margin: 0; z-index: 1;}

/* 2026-09-08 : 혁신기업 카드 조정
   - 선정 연월(.dday)을 이미지 왼쪽 아래 모서리에 액자 라벨처럼 붙인다. (absolute 라 이미지 크기에는 영향 없음)
     JSP 에서 em 을 .img 안으로 옮겼고, 기준이 되도록 .img 에 position:relative 를 준다.
   - 색은 협회 주황(--orange)으로 통일한다. (.dday.ing 의 파랑을 덮어야 해 두 줄이 필요하다)
   - 버튼은 오른쪽 정렬. 1600px 이상 구간에 text-align:left 가 있어 뒤에서 덮는다. */
.inno_list li .img{position: relative;}
/* .coprod_list li .dday 의 top:30px(반응형 40/60px) 를 top:auto 로 풀어야 bottom 이 먹는다.
   모서리에 물리는 라벨 형태라 안쪽(우상단)만 둥글게 둔다. .img 의 overflow:hidden 이
   바깥쪽 모서리를 이미지 라운드에 맞춰 잘라준다. (.com_event 의 좌상단 라벨과 같은 방식) */
.inno_list li .dday{position: absolute; top: auto; bottom: 0; left: 0; margin: 0; z-index: 1; border-radius: 0 8px 0 0; background: var(--orange);}
.inno_list li .dday.ing{background: var(--orange);}
.inno_list .text .btn_wrap{text-align: right;}

/* 2026-09-08 : 목록의 댓글 레이어
   - 레이어 헤더에 이미 제목이 있어 댓글 영역 안의 제목 줄(.comment_head)은 감춘다.
     상세 화면에서는 그대로 보인다.
   - 건수는 레이어 제목 옆에 주황색으로 표시한다 (게시판 .comment_count 와 같은 색). */
#contCmntLayer .comment_head{display: none;}
#contCmntLayer .comment_wrap{margin-bottom: 0;}
.layer_header .cont_cmnt_count_ext{display: inline-block; margin-left: 6px; color: var(--orange);}

/* 2026-09-08 : 혁신기업 상세 - 기업명 옆 즐겨찾기 별표 (.coprod_list 목록과 같은 아이콘) */
.com_title .tit h4 .bmark{display: inline-block; width: 20px; height: 20px; font-size: 0; background: url("/images/content/star.png") no-repeat; margin-left: 10px; vertical-align: middle; cursor: pointer;}
.com_title .tit h4 .bmark.on{background-image: url("/images/content/star_on.png");}

/* 2026-09-08 : 혁신기업 목록 - 선정 연월 검색
   선택 해제(x) 버튼을 입력칸 안 오른쪽에 얹는다. 값만 비우고 조회는 검색 버튼이 한다. */
.search_box .month_search{position: relative; display: inline-flex; align-items: center;}
.search_box .month_search .month_input{padding-right: 32px; cursor: pointer;}
.board_search_form .search_box .ym_clear_btn{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
	width: 16px; height: 16px; min-width: 0; padding: 0; margin: 0; border: 0; border-radius: 0;
	background: none; background-color: transparent; font-size: 0; line-height: 0; cursor: pointer;}
.board_search_form .search_box .ym_clear_btn:hover, .board_search_form .search_box .ym_clear_btn:focus{background-color: transparent;}
.board_search_form .search_box .ym_clear_btn:before{content: "\00d7"; display: block; font-size: 16px; line-height: 16px; font-weight: 400; color: #999;}
.board_search_form .search_box .ym_clear_btn:hover:before, .board_search_form .search_box .ym_clear_btn:focus:before{color: var(--orange);}
/* [2026-09-08]hsy-claude : 회원사 제품 홍보관 목록 - 상품유형 라벨
   상품유형은 최대 7개가 동시에 붙을 수 있어, 혁신기업 카드의 선정 연월(.inno_list li .dday)처럼
   라벨 하나를 직접 absolute 로 띄우면 라벨들이 같은 좌표에 겹친다.
   그래서 묶음(.prd_type)만 띄우고 라벨은 흐름에 두어 flex-wrap 으로 접히게 한다.
   기준점은 이미 잡혀 있는 .inno_list li .img 의 position:relative 를 그대로 쓴다.
   .img 에 overflow:hidden 이 있어 라벨이 이미지 라운드 밖으로 새지 않는다.
   순서(스페셜 홍보 -> 협회 추천 -> 나머지)는 JSP 출력 순서로 정한다.
   [2026-09-09]hsy-claude : 위치를 이미지 왼쪽 '아래'에서 왼쪽 '위' 구석으로 옮긴다.
   bottom:0 -> top:0 만 바꾸면 되고, 나머지(가로 배치·줄바꿈·여백)는 그대로다. */
.inno_list li .img .prd_type{position: absolute; left: 0; top: 0; z-index: 1; display: flex; flex-wrap: wrap; gap: 4px; padding: 8px; max-width: 100%;}
.inno_list li .img .prd_type em{padding: 2px 12px; border-radius: 30px; background: rgba(0,0,0,.55); color: var(--white); font-weight: 700; font-size: 14px; white-space: nowrap;}

/* [2026-09-08]hsy-claude : 상품유형 라벨 색상 (목록/상세 공용)
   라벨 배경이 rgba(0,0,0,.55) 하나뿐이라 전부 까맣게 보이던 것을 유형별로 나눈다.
   목록 카드와 상세 화면이 같은 클래스명을 쓰므로 선택자를 묶어 한 곳에서만 관리한다.
   (선택자를 나눠 두면 한쪽만 고쳐져 두 화면 색이 어긋나기 쉽다)

   우선순위를 색의 세기로 표현한다.
   - 협회 추천 / 스페셜 홍보 : 협회가 직접 지정하는 상위 유형이라 진한 단색 + 흰 글씨로 가장 먼저 눈에 띄게 한다.
     퍼블 변수(--blue #1172F1 / --orange #E55902)보다 어둡게 잡아, 같은 계열인 추천·인기와도 구분된다.
   - 나머지 5종 : 부가 표시라 파스텔 배경 + 같은 계열 진한 글씨로 한 단계 낮춘다.
     라벨이 제품 이미지 위에 얹히는 자리라 연한 배경이 밝은 사진에 묻힐 수 있어,
     안쪽 1px 테두리(box-shadow inset)로 형태만 잡아준다. 색상은 5종이 서로 구분되도록
     로즈/블루/그린/앰버/퍼플로 계열을 흩어 놓았다. */
.inno_list li .img .prd_type em.type_assoc,
.monthly_company .com_title .tit .tit_text .prd_type em.type_assoc{background: #0A47A1; color: var(--white);}
.inno_list li .img .prd_type em.type_spcl,
.monthly_company .com_title .tit .tit_text .prd_type em.type_spcl{background: #B34400; color: var(--white);}

.inno_list li .img .prd_type em.hit,
.inno_list li .img .prd_type em.recommend,
.inno_list li .img .prd_type em.new,
.inno_list li .img .prd_type em.popular,
.inno_list li .img .prd_type em.sale,
.monthly_company .com_title .tit .tit_text .prd_type em.hit,
.monthly_company .com_title .tit .tit_text .prd_type em.recommend,
.monthly_company .com_title .tit .tit_text .prd_type em.new,
.monthly_company .com_title .tit .tit_text .prd_type em.popular,
.monthly_company .com_title .tit .tit_text .prd_type em.sale{box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);}

.inno_list li .img .prd_type em.hit,
.monthly_company .com_title .tit .tit_text .prd_type em.hit{background: #FDE7EB; color: #C1223C;}
.inno_list li .img .prd_type em.recommend,
.monthly_company .com_title .tit .tit_text .prd_type em.recommend{background: #EAF3FF; color: #1163D6;}
.inno_list li .img .prd_type em.new,
.monthly_company .com_title .tit .tit_text .prd_type em.new{background: #E7F6EC; color: #1E8A4C;}
.inno_list li .img .prd_type em.popular,
.monthly_company .com_title .tit .tit_text .prd_type em.popular{background: #FFF3DE; color: #B0720A;}
.inno_list li .img .prd_type em.sale,
.monthly_company .com_title .tit .tit_text .prd_type em.sale{background: #F3ECFD; color: #6B3FC4;}

/* [2026-09-08]hsy-claude : 이달의 혁신기업인 목록 카드 이미지가 박스 크기에 안 맞던 문제
   .inno_co li .img 박스는 크기가 정해져 있는데(모바일 자동 / 768+ 200px / 1024+ 300px)
   안쪽 img 에는 크기 지정이 전혀 없어서, 원본 비율에 따라
     (1) 작은 로고는 박스 한가운데에 원본 크기 그대로 조그맣게 뜨고
     (2) 크거나 세로로 긴 이미지는 박스를 넘겨 위아래가 잘려 나갔다.
   여기 올라오는 파일(CO_MASTER.ATCH_FILE_ID3)은 대부분 기업 CI/로고(가로로 긴 워드마크, 투명 배경)라
   cover 로 채우면 좌우가 크게 잘려 로고를 못 알아본다. 그래서 잘리지 않는 object-fit:contain 으로
   박스에 가득 맞춘다. width/height 100% 를 같이 줘야 작은 로고도 박스 크기까지 확대돼 카드끼리 통일된다.
   같은 카드 골격을 쓰는 회원사 제품 홍보관(.inno_list)에는 적용하지 않으려고 .inno_co 로 범위를 좁혔다.
   - padding : 로고가 테두리에 딱 붙지 않게 여백을 준다.
   - background : 투명 배경 로고가 떠 보이지 않도록 흰 바탕을 깐다.
   - aspect-ratio : 모바일 구간은 .img 에 높이가 없어 height:100% 가 풀리므로 박스 높이를 잡아준다.
     (768px 이상은 height 가 지정돼 있어 aspect-ratio 는 무시된다) */
.inno_co li .img{width:100%;aspect-ratio:3/2;background:var(--white);}
.inno_co li .img img{display:block;width:100%;height:100%;padding:20px;object-fit:contain;}

/* [2026-09-08]hsy-claude : 회원사 제품 홍보관 상세 - 제목 위 라벨 (선정 연월 -> 상품유형)
   기존에는 연월 1개짜리 .com_title .tit em (파란 pill) 이었는데 상품유형은 여러 개가 붙을 수 있다.
   em 이 inline-flex 라 그냥 나열하면 간격 없이 붙어버리므로 묶음(.prd_type)에 flex+gap 을 준다.
   pill 모양·크기는 .com_title .tit em 을 그대로 쓰고, 색은 위쪽 목록/상세 공용 팔레트가 덮는다. */
.monthly_company .com_title .tit .tit_text .prd_type{display: flex; flex-wrap: wrap; gap: 6px;}

/* 2026-09-09 kya : 게시글 등록·수정 폼의 날짜 입력칸이 값을 보여주지 못하던 문제 보정.
   common.css 298~301 이 모든 input[type=date] 의 연/월/일 필드와 구분자를
   ::-webkit-datetime-edit-* {display:none} 으로 숨겨 놓아서, 달력에서 날짜를 골라도
   입력칸이 빈칸으로 보였다 (값은 정상 저장됨 - 화면에만 안 보이던 문제).
   common.css 는 전 화면 공용이라 건드리지 않고, 게시글 폼에서만 UA 기본값으로 되돌린다.
   .post_form .form_ctrl > input[type="date"] 로 범위를 좁혀 다른 화면의 날짜칸은 그대로 둔다.
   line-height : common.css 289 의 line-height:4.4rem 이 세로 정렬을 밀어내므로 normal 로 되돌린다.
   width : common.css 는 [type=text]/[type=password] 에만 폭을 주고 date 는 빠져 있어 폭이 좁다. */
.post_form .form_ctrl > input[type="date"]{width:100%;max-width:200px;line-height:normal;}
.post_form .form_ctrl > input[type="date"]::-webkit-datetime-edit-text{display:revert;}
.post_form .form_ctrl > input[type="date"]::-webkit-datetime-edit-year-field{display:revert;}
.post_form .form_ctrl > input[type="date"]::-webkit-datetime-edit-month-field{display:revert;}
.post_form .form_ctrl > input[type="date"]::-webkit-datetime-edit-day-field{display:revert;}

/* 2026-09-11 kya : 회원사 검색 모달 폭 확대 (기본 .modal_box 800px 로는 선택 버튼이 줄바꿈됨) */
#compyModal .modal_box{max-width:1100px;}
#compyModal .modal_con{max-height:60vh;}
#compyModal .list_table2 th, #compyModal .list_table2 td{padding:10px 6px;white-space:nowrap;}
#compyModal .list_table2 td.tit{white-space:normal;text-align:left;}
#compyModal .list_table2 td .button{padding:4px 12px;white-space:nowrap;}

/* 2026-09-11 kya : 경조사 목록 기간 칸 줄바꿈 방지 */
.list_table2 td.period{white-space:nowrap;}

/* [2026-09-23]hsy-claude : 이달의 혁신기업 상세(bizmarket/innoCompy/view.jsp) 인터뷰가 텍스트 → 기사/영상 링크 썸네일 카드로 바뀜.
   회원수첩 홍보영상 카드(.promo-video .img_box)는 .member_detail_view 하위로만 잡혀 있어 재사용할 수 없어 .itvw_link 로 따로 정의한다.
   모바일은 폭 100%, 넓은 화면에서도 기사 썸네일이 과하게 커지지 않도록 max-width 로 상한만 둔다. 썸네일 비율은 기사 og:image·유튜브 공통인 16:9. */
.com_interview .itvw_link{display:block;width:100%;max-width:420px;}
.com_interview .itvw_link .img{display:block;overflow:hidden;aspect-ratio:16/9;border-radius:8px;background:#F4F4F4;}
.com_interview .itvw_link .img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.com_interview .itvw_link:hover .img img, .com_interview .itvw_link:focus .img img{transform:scale(1.05);}
.com_interview .itvw_link p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:16px;font-weight:500;line-height:1.5;word-break:break-all;}

/* [2026-10-12]hsy-claude : 마이페이지 연혁 탭(mypageChro.jsp) 관리 버튼 셀이 모바일에서 제목 옆에 끼어 들고
   list_table2 의 td:after 구분선이 버튼 뒤에 붙어 깨지던 것 → 모바일은 한 줄 전체 왼쪽정렬, PC(911px~)는 기존 표 셀로 복원 */
.chro_table td.btn_wrap{display:block;width:100%;margin-top:10px;text-align:left;}
.chro_table td.btn_wrap:after{display:none;}
.chro_table td.btn_wrap .button{height:auto;padding:8px 20px;line-height:normal;}

.member_detail_view .member_detail_con .contain_right .det_view .img_box {height: 420px;} 
@media (min-width:911px){
.chro_table td.btn_wrap{display:table-cell;width:auto;margin-top:0;text-align:center;}
}

/* [2026-10-14]hsy-claude : 회원수첩 상세 기업정보(사업자등록번호~기업소개서) 정렬 정리.
   예전에는 768px 부터 dt(10em)·dd 를 flex 한 줄로 두면서 dt 가 줄어들 수 있었고(flex-shrink), 1024px 부터 2열 grid, 1440px 부터 dt 폭 auto 라
   취급 제품(서비스)처럼 긴 값이 들어오면 항목 제목 폭이 줄마다 달라지고 2열 칸 높이가 들쭉날쭉해 정렬이 틀어졌다.
   → 모바일은 제목 위·값 아래로 쌓고, 768px 부터는 한 열 표 형태(제목 칸 폭 = 가장 긴 제목 기준 max-content)로 모든 줄의 값 시작선을 맞춘다.
   → 줄마다 옅은 구분선, 긴 URL/영문도 칸 안에서 줄바꿈(overflow-wrap), 취급 제품(서비스)은 입력한 줄바꿈을 살린다(.multi_txt). */
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:10px 0;}
/* [2026-10-14]hsy-claude : 표 테두리(줄 구분선)를 없애 달라는 요청으로 border-bottom 과 마지막 줄 border 해제 규칙을 뺐다. */
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box .det_info{display:flex;flex-direction:column;gap:4px;padding:12px 0;}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box .det_info .tit{width:auto;word-break:keep-all;}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box .det_info dd{width:auto;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box .det_info dd.multi_txt{white-space:pre-line;}
@media (min-width:768px){
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box{display:grid;grid-template-columns:max-content 1fr;}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box .det_info{display:contents;}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box .det_info .tit{padding:14px 40px 14px 0;line-height:1.6;}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box .det_info dd{padding:14px 0;}
}
/* [2026-10-14]hsy-claude : 예전처럼 1024px 부터 한 줄에 두 항목씩 보여 달라는 요청. 예전 repeat(2,1fr) 방식은 칸마다 제목 폭이 달라 정렬이 틀어졌으므로
   [제목|값|제목|값] 4칸 grid 로 두어 왼쪽·오른쪽 항목 각각 제목 폭과 값 시작선을 맞춘다. 값 칸은 minmax(0,1fr) 로 긴 값이 칸을 밀어내지 않고 줄바꿈되게 한다. */
@media (min-width:1024px){
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box{grid-template-columns:max-content minmax(0,1fr) max-content minmax(0,1fr);}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box .det_info .tit{padding:14px 24px 14px 0;}
.member_detail_view .member_detail_con .contain_right .det_con .det_con_box .det_info dd{padding:14px 40px 14px 0;}
}