@charset "utf-8";

.ar {text-align:right;}
.al {text-align:left;}
.ac {text-align:center;}

.pd0 {padding:0px !important;}
.pdb0 {padding-bottom:0px !important;}
.pdt0 {padding-top:0px !important;}
.mgb0 {margin-bottom:0px !important;}

.s_font_pink {color:#ea0000;}


/* 회사소개 */
.info_wrap {}
.info_wrap:after {content:""; display:block; width:100%; height:200px; background:#d6d6d6; position:absolute; bottom:0px; left:0px; z-index:-1;}
.info_wrap .if_top_box {height:368px;}
.info_wrap .if_top_box:after {content:""; display:block; clear:both;}
.info_wrap .if_top_box > div {float:left; width:50%; height:100%;}

.info_wrap .if_top_box .top_left {display:flex; flex-direction:column; align-items:center; justify-content:center; background:#333; text-align:center;}
.info_wrap .if_top_box .top_left .logo_text {margin-bottom:35px;}
.info_wrap .if_top_box .top_left > p {font-size:1.5625rem; color:#fff; font-family:"ChosunKm"; font-style:italic !important; line-height:1.8;}


.info_wrap .if_top_box .top_right {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0px 45px; background:url("/images/sub/info_bg.gif") no-repeat center/cover; box-sizing:border-box;}
.info_wrap .if_top_box .top_right .icon_text {}
.info_wrap .if_top_box .top_right .icon_text  > li {display:flex; align-items:center; margin-bottom:30px;}
.info_wrap .if_top_box .top_right .icon_text  > li:last-child {margin-bottom:0px;}
.info_wrap .if_top_box .top_right .icon_text  > li .icon {display:inline-block; width:55px; min-width:55px; text-align:center; margin-right:15px;}
.info_wrap .if_top_box .top_right .icon_text  > li > p {color:#fff; line-height:1.8;}

.info_wrap .if_middle_text {margin:65px 0px 50px; padding:0px 130px; text-align:center; font-size:1.125rem; font-weight:500; line-height:1.9; box-sizing:border-box;}
.info_wrap .if_middle_text > strong {font-size:1.4375rem; font-weight:600;}

.info_wrap .if_bot_list {position:relative; top:50px;}
.info_wrap .if_bot_list:after {content:""; display:block; clear:both;}
.info_wrap .if_bot_list > li {display:flex; flex-direction:column; align-items:center; justify-content:center; float:left; width:18.4%; height:200px; margin-right:2%; padding:0px 13px; border:1px solid #ddd; background:#fff; border-radius:10px; background:#f3f3f3; text-align:center; box-shadow:1px 1px 16px rgba(133, 133, 133, 0.3); -webkit-box-shadow:1px 1px 16px rgba(133, 133, 133, 0.3); -moz-box-shadow:1px 1px 16px rgba(133, 133, 133, 0.3); box-sizing:border-box;}
.info_wrap .if_bot_list > li:last-child {margin-right:0px;}
.info_wrap .if_bot_list > li:first-child {background:#fff;}
.info_wrap .if_bot_list > li > b {display:inline-block; margin-bottom:10px; color:#222; font-weight:800;}
.info_wrap .if_bot_list > li:last-child > b {letter-spacing:-1px;}
.info_wrap .if_bot_list > li > p {font-size:0.9375rem; font-weight:500;}
.info_wrap .if_bot_list > li:first-child > p {margin-bottom:10px; letter-spacing:-1px;}
.info_wrap .if_bot_list > li > a {display:block; width:100%; height:45px; margin-top:30px; padding-left:20px; color:#fff; font-size:1.125rem; line-height:45px; text-align:left; background:#333 url("/images/sub/info_arrow.png") no-repeat right 20px center; box-sizing:border-box;}
.info_wrap .if_bot_list > li > .phon_number {color:#ca0000; font-size:1.6875rem; font-weight:800;}
.info_wrap .if_bot_list > li > small {display:block; font-size:0.9375rem; font-weight:500;}


/* 윤리강령 */
.ethics_wrap {}
.ethics_wrap .ethics_text {margin-bottom:45px; padding-left:45px; font-size:1.0625rem;}
.ethics_wrap .ethics_text > b {font-weight:500;}
.ethics_wrap .ethics_tit {position:relative; display:block; margin-bottom:5px; padding-left:45px; font-size:1.25rem; font-weight:550;}
.ethics_wrap .ethics_tit .ethics_number {position:absolute; top:0px; left:0px; display:block; width:34px; height:34px; font-size:0.875rem; color:#fff; text-align:center; line-height:34px; background:#000; border-radius:50%;}

.ethics_wrap .ethics_text_pdl0 {padding-left:0px !important;}




@media screen and (max-width:1400px){
    .info_wrap {padding-bottom:100px;}
    .info_wrap .if_bot_list > li {width:19.2%; margin-right:1%;}
}

@media screen and (max-width:1230px){
    .info_wrap .if_bot_list {}
    .info_wrap .if_bot_list > li {width:32%; margin-right:2%;}
    .info_wrap .if_bot_list > li:nth-child(3n) {margin-right:0px;}
    .info_wrap .if_bot_list > li:nth-child(n+4) {margin-top:20px;}
    .info_wrap .if_middle_text {margin:50px 0px 0px; padding:0px 50px;}
    .info_wrap:after {height:420px;}
}

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

}

@media screen and (max-width:1150px){
    .info_wrap .if_top_box .top_right .icon_text > li {margin-bottom:20px;}
}

@media screen and (max-width:1024px){
    .info_wrap .if_top_box {height:auto;}
    .info_wrap .if_top_box > div {float:none; width:100%; }
    .info_wrap .if_top_box .top_left {padding:30px 0px;}
    .info_wrap .if_top_box .top_left .logo_text {margin-bottom:15px;}
    
    .info_wrap .if_top_box .top_left > p {font-size:1.25rem;}
    .info_wrap .if_top_box .top_right {padding:30px 20px;}
    .info_wrap .if_top_box .top_right .icon_text > li {margin-bottom:15px;}
    .info_wrap .if_top_box .top_right .icon_text > li > p {line-height:1.7;}
    .info_wrap .if_middle_text {padding:0px 30px; text-align:justify; word-break: initial;}
    .info_wrap .if_middle_text > strong {font-size:1.25rem;}
    .info_wrap .if_middle_text {margin-top:40px; font-size:1.0625rem;}
    .info_wrap .if_bot_list > li > .phon_number {font-size:1.4375rem;}
}



@media screen and (max-width:768px){
    /* .info_wrap {padding-bottom:80px;} */
    .info_wrap .if_top_box .top_left > p {font-size:1.125rem;}
    .info_wrap .if_top_box .top_right .icon_text > li > p {font-size:0.9375rem;}
    .info_wrap .if_top_box .top_right .icon_text > li .icon {min-width:45px;}
    .info_wrap .if_top_box .top_right .icon_text > li .icon img {width:45px;}
    
    .info_wrap .if_middle_text > strong {font-size:1.0625rem;}
    .info_wrap .if_middle_text {margin-top:30px; font-size:1rem;}
    .info_wrap .if_bot_list {top:40px;}
    
    .info_wrap:after {height:650px;}
    .info_wrap .if_bot_list > li {width:49%;}
    .info_wrap .if_bot_list > li:first-child {width:100%;}
    .info_wrap .if_bot_list > li:nth-child(n+2) {margin-top:15px;}
    .info_wrap .if_bot_list > li > a {font-size:1rem;}

    .info_wrap .if_bot_list > li > .phon_number {font-size:1.25rem;}


    .ethics_wrap .ethics_text {font-size:1rem; margin-bottom:35px;}
    .ethics_wrap .ethics_tit {font-size:1.125rem;}
    .ethics_wrap .ethics_tit .ethics_number {width:30px; height:30px; line-height:30px; font-size:0.8125rem;}

    
}

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

    .info_wrap {padding-bottom:80px;}
    .info_wrap:after {height:600px;}
    
    .info_wrap .if_bot_list > li {height:auto; padding:20px 13px;}
    .info_wrap .if_bot_list > li > a {margin-top:20px; font-size:0.9375rem;}
    .info_wrap .if_middle_text {padding:0px 20px;}
}

@media screen and (max-width:500px){
    .info_wrap:after {height:900px;}
    .info_wrap .if_top_box .top_left {padding:25px 0px;}
    .info_wrap .if_top_box .top_right {padding:25px 20px;}
    .info_wrap .if_top_box .top_left > p {font-size:1.0625rem;}
    .info_wrap .if_top_box .top_left .logo_text > img {width:120px;}
    .info_wrap .if_top_box .top_right .icon_text > li .icon {min-width:35px;}
    .info_wrap .if_top_box .top_right .icon_text > li .icon img {width:35px;}
    .info_wrap .if_top_box .top_right .icon_text > li > p {font-size:0.875rem;}

    .info_wrap .if_middle_text {padding:0px 15px; line-height:1.8;}

    
    .info_wrap .if_bot_list > li {width:100%; margin-right:0px; padding:15px;}
    .info_wrap .if_bot_list > li > a {height:40px; margin-top:15px; line-height:40px;}


    .ethics_wrap .ethics_text {padding-left:40px;}
    .ethics_wrap .ethics_tit {padding-left:40px; font-size:1.0625rem;}
    .ethics_wrap .ethics_tit .ethics_number {width:28px; height:28px; line-height:28px; font-size:0.75rem;}

}


/* 마이페이지 */
.mypage_wp_pop {
	width: 100%;
	padding: 0px 20px 3px;
	box-sizing: border-box;
	font-family: "Pretendard";
}
.mypage_wp {
	width: 100%;
	padding: 0px 50px 100px;
	box-sizing: border-box;
	font-family: "Pretendard";
}
.mypage_wp_NoMargin {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}

.my_btn {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
.my_btn div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 10px;
	box-sizing:border-box;
	word-break:keep-all;
	text-align:center;
	font-size: 0.9375rem;
}
.my_btn a {
	color: #FFF;
}
.my_btn01 {
	background:#111;
}
.my_btn02 {
	background:#222;
}
.my_btn03 {
	background:#333;
}
.my_btn04 {
	background:#444;
}
.my_btn05 {
	background:#0062f7;
	color: #FFF !important;
}
.my_btn06 {
	background:#d90402;
	color: #FFF !important;
}
.my_btn07 {
	background:#333;
	color: #FFF !important;
}
.my_admin_tab_list, .my_admin_tab_list li { list-style: none; margin: 0; padding: 0; }
.my_admin_tab_list a { text-decoration: none; color: inherit; }

.my_admin_tab_wp {
    width: 100%;
    padding-top: 20px;
    background-color: #fff;
    margin-bottom: 30px;
}
.my_admin_tab_list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding-left: 0;
}
.my_btn_tab {
	flex: 1;
    position: relative;
    border: 1px solid #e1e1e1;
    background-color: #f7f7f7;
	text-align: center;
}
.my_btn_tab a {
    display: block;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}
.my_btn_tab.on {
    background-color: #fff;
    border: 1px solid #e1e1e1;
}
.my_btn_tab.on a {
    color: #d11f1f; 
}
.my_btn_tab.on::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #d11f1f;
}
.my_btn_tab:hover:not(.on) {
    background-color: #eeeeee;
}

.my_sch {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.my_sch_sign {
	display: flex;
	align-items: center;
	gap: 20px;
}
.bold {
	font-weight: 600;
}
.colorOn_red {
	color: #d11f1f;
}
.colorOn_blue {
	color: blue;
}
.colorOn_green {
	color: green;
}
.bu_button_on {
	background: linear-gradient(to top, #002AA4, #6b90ff);
	border: 1px solid #002AA4;
	color: #FFF !important;
	font-size: 0.825rem;
	padding: 0 10px;
	cursor: pointer;
}

.my_sch_sch {
	display: flex;
	gap: 5px;
}
.search_bu {
	padding: 0 10px;
	border: 0;
	background: #666;
	color: #FFF !important;
	cursor: pointer;
}
.search_bu2 {
	padding: 0 10px;
	border: 0;
	background: #666;
	color: #FFF !important;
	cursor: pointer;
}
.button_ed {
	padding: 0 7px;
	border: 1px solid #ccc;
	background: linear-gradient(to top, #ccc, #fff);
	color: #222 !important;
	cursor: pointer;
	font-size: 0.8rem;
}

.button_red {
	padding: 0 7px;
	border: 1px solid #ccc;
	background: linear-gradient(to top, #ccc, #fff);
	color: #d11f1f !important;
	cursor: pointer;
	font-size: 0.8rem;
}

@media screen and (max-width: 1024px) {
	.mypage_wp {
		padding: 0 0 50px;
	}
	.my_btn {
		display: flex;
		justify-content: center;
		gap: 5px;
	}
	.my_btn div {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px 10px;
		box-sizing:border-box;
		word-break:keep-all;
		text-align:center;
		font-size: 0.825rem
	}
    .my_admin_tab_list {
        display: flex;
        flex-wrap: wrap !important; 
        overflow-x: visible !important; 
        gap: 4px; 
        padding-bottom: 0;
        border-bottom: none; 
    }
    .my_btn_tab {
        flex: 0 0 calc((100% - 8px) / 3); 
        flex-shrink: 1;
        margin-bottom: 10px; 
        border: 1px solid #e1e1e1; 
    }
    .my_btn_tab a {
        padding: 10px 2px; 
        font-size: 11px; 
        text-align: center;
        white-space: normal; 
        line-height: 1.2;
        word-break: keep-all; 
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .my_btn_tab.on::before {
        top: -6px;
    }

	/* 검색창 영역 모바일 최적화 */
	.my_sch {
		display: flex;
		flex-direction: column; /* 위(검색), 아래(상태창)로 배치 */
		align-items: stretch; 
		gap: 15px;
	}

	.my_sch_sch {
		display: flex;
		gap: 5px;
		width: 100%;
	}

	/* 검색 폼 내부 요소들이 가로폭을 꽉 채우도록 설정 */
	.my_sch_sch form {
		width: 100%;
	}

	.my_sch_sch fieldset {
		display: flex;
		flex-wrap: wrap; /* 폭이 좁으면 버튼이 아래로 내려가도록 */
		gap: 2px;
		border: 0;
		padding: 0;
		margin: 0;
	}

	.my_sch_sch select {
		flex: 1;
		height: 35px;
	}

	.my_sch_sch input[type="text"] {
		flex: 2;
		height: 35px;
		min-width: 0; /* flex 버그 방지 */
	}

	.my_sch_sch .search_bu,
	.my_sch_sch .search_bu2 {
		flex: 1;
		height: 35px;
		white-space: nowrap;
	}

	/* 상태 표시 영역 모바일 최적화 */
	.my_sch_sign {
		display: flex;
		flex-wrap: wrap; /* 모바일 기기 폭에 맞춰 줄바꿈 허용 */
		align-items: center;
		gap: 0;
	}

	.my_sch_sign .bold {
		width: 100%; /* '총 건수'를 상단에 단독 배치하여 가독성 높임 */
		margin-bottom: 0;
	}

	.my_sch_sign div {
		font-size: 0.85rem;
		display: flex;
		align-items: center;
		margin-right: 10px;
	}
	.my_sch_sign div:last-child {
		margin-right: 0;
	}
}


/* 마이페이지 리스트 */
.my_title {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
	margin: 30px 0 0 0;
}
.my_title h2 {
	font-size: 1.25rem;
	font-weight: 700;
	font-family: "Pretendard";
}
.my_title div {
	font-size: 1rem;
	font-weight: 700;
	font-family: "Pretendard";
}

@media screen and (max-width: 768px) {
    .my_title {
        flex-direction: column; /* 가로에서 세로 배치로 변경 */
        align-items: flex-start; /* 위아래 배치 시 왼쪽 정렬 (중앙 정렬 원하면 center) */
        gap: 10px;               /* 제목과 우측 요소 사이의 간격 추가 */
    }
    
    .my_title h2 {
        font-size: 1.15rem;      /* 모바일 화면에 맞춰 폰트 소폭 조정 (선택사항) */
    }
    
    .my_title div {
        font-size: 0.9rem;       /* 모바일 화면에 맞춰 폰트 소폭 조정 (선택사항) */
    }
}



/* 마이페이지 테이블 */
.my_list {
	margin: 10px 0 0 0;
}
.my_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 2px solid #333; /* 테이블 상단 굵은 선 */
}

.my_list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background-color: #fff;
}

/* 제목 행(첫 번째 li) 스타일 */
.my_list li:first-child {
    background-color: #f8f8f8;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

/* 데이터 행 스타일 */
.my_list li:not(:first-child) {
    font-size: 14px;
    color: #666;
}

/* 각 컬럼 너비 설정 (합계가 100%가 되도록 배분) */
.my_list_no			{ flex: 0 0 60px; }  /* 번호: 고정폭 */
.my_list_cate			{ flex: 0 0 80px; }  /* 카테고리 */
.my_list_name		{ flex: 0 0 70px; }  /* 이름 */
.my_list_tit				{ flex: 1; text-align: left; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 제목: 나머지 공간 다 차지 */
.my_list_tit2			{ flex: 0 0 200px; text-align: left; min-width: 0; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; } /* 제목: 나머지 공간 다 차지 */
.my_list_situ			{ flex: 0 0 70px; }  /* 글상태 */
.my_list_date			{ flex: 0 0 90px; }  /* 작성일 */
.my_list_check		{ flex: 0 0 50px; }  /* 조회 */
.my_list_ok			{ flex: 0 0 70px; }  /* 승인여부 */
.my_list_reserv		{ flex: 0 0 90px; }  /* 예약일 */
.my_list_edt			{ flex: 0 0 50px; }  /* 수정 */
.my_list_del			{ flex: 0 0 50px; }  /* 삭제 */
.my_list_naver		{ flex: 0 0 55px; }  /* 네이버 */
.my_list_daum		{ flex: 0 0 55px; }  /* 다음 */
.my_list_exposure	{ flex: 0 0 50px; }  /* 노출 */
.my_list_menu		{ flex: 0 0 50px; }  /* 메뉴명 */
.my_list_ID			{ flex: 0 0 100px; }  /* ID */
.my_list_detail		{ flex: 1; text-align: left; min-width: 0; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }  /* 내용 */
.my_list_allBtn		{ flex: 0 0 180px; }  /* 상세보기/기사보기/메모/삭제 */
.my_list_source		{ flex: 0 0 100px; }  /* 출처 */
.my_list_file			{ flex: 0 0 50px; }  /* 파일 */
.my_list_media		{ flex: 0 0 150px; word-break:keep-all; }  /* 매체 */
.my_list_memo		{ flex: 0 0 200px; }  /* 메모 */
.my_list_situation		{ flex: 0 0 100px; }  /* 상태 */


.my_list_media a { 
	word-break:keep-all; 
}



/* 각 div 내부 패딩 및 기본 설정 */
.my_list li > div {
    padding: 10px 5px;
    box-sizing: border-box;
    /* 추가: 긴 영문이나 숫자가 있어도 영역 안에서 강제 줄바꿈 */
    word-break: break-all; 
    overflow-wrap: break-word; 
    white-space: normal; /* 줄바꿈 허용 */
}

/* 모바일 대응 (폭이 좁아질 경우 가로 스크롤 생성) */
@media screen and (max-width: 1200px) {
    .my_list {
        overflow-x: auto;
    }
    .my_list ul {
        min-width: 1000px; /* 테이블 최소 너비 유지 */
    }
}


/* 마이페이지 테이블2 */
.my_all {
	margin: 10px 0 0 0;
}
.my_all ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 2px solid #333; /* 테이블 상단 굵은 선 */
}

.my_all li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background-color: #fff;
}

/* 제목 행(첫 번째 li) 스타일 */
.my_all li:first-child {
    background-color: #f8f8f8;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

/* 데이터 행 스타일 */
.my_all li:not(:first-child) {
    font-size: 14px;
    color: #666;
}

/* 각 컬럼 너비 설정 (합계가 100%가 되도록 배분) */
.my_all_no		{ width: 60px;}
.my_all_cate		{ width: 80px; }
.my_all_name		{ width: 70px; }
.my_all_tit			{ flex: 1; min-width: 200px; text-align: left; padding-left: 10px !important; } /* 제목은 유동적 */
.my_all_tit2		{ flex: 0 0 200px; width: 200px; min-width: 0; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; } /* 제목: 나머지 공간 다 차지 */
.my_all_situ		{ width: 60px; }
.my_all_date		{ width: 90px; }
.my_all_check		{ width: 70px; }
.my_all_ok		{ width: 70px; }
.my_all_reserv	{ width: 90px; }
.my_all_proof		{ width: 50px; }
.my_all_ad		{ width: 50px; }
.my_all_edt		{ width: 50px; }
.my_all_del		{ width: 50px; }
.my_all_trans		{ width: 65px; }
.my_all_naver		{ width: 55px; }
.my_all_daum		{ width: 55px; }
.my_all_exposure	{ flex: 0 0 50px; }  /* 노출 */
.my_all_menu		{ flex: 0 0 50px; }  /* 메뉴명 */
.my_all_ID			{ flex: 0 0 100px; }  /* ID */
.my_all_detail		{ flex: 0 0 100px; min-width: 0; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }  /* 내용 */
.my_all_allBtn		{ flex: 0 0 100px; }  /* 상세보기/기사보기/메모/삭제 */
.my_all_allartc	{ flex: 0 0 150px;     display: flex;    align-items: center;    justify-content: center;}  /* 상세보기/기사보기/메모/삭제 */
.my_all_flex		{ flex: 1; } 
.my_all_flexBg	{ flex: 1; background-color:#f8f8f8; } 


/* 각 div 내부 패딩 및 기본 설정 */
.my_all li > div {
    padding: 10px 5px;
    box-sizing: border-box;
    /* 추가: 긴 영문이나 숫자가 있어도 영역 안에서 강제 줄바꿈 */
    word-break: break-all; 
    overflow-wrap: break-word; 
    white-space: normal; /* 줄바꿈 허용 */
}

/* 모바일 대응 (폭이 좁아질 경우 가로 스크롤 생성) */
@media screen and (max-width: 1200px) {
    .my_all {
        overflow-x: auto;
    }
    .my_all ul {
        min-width: 1000px; /* 테이블 최소 너비 유지 */
    }
}


/* 마이페이지-내기사관리-안내문구 */
.my_info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 15px 20px;
	background: #f8f8f8;
	border: 1px dotted #ccc;
}
.my_info b {
	font-weight:600;
}

.my_frm {
	margin-top: 30px;
}
.my_frm ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 2px solid #333; /* 폼 상단 라인 */
}

.my_frm li {
    display: flex;
    border-bottom: 1px solid #ddd;
    min-height: 50px; /* 최소 높이 설정 */
}

/* 왼쪽 항목명 (TH 역할) */
.my_frm_th {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    flex: 0 0 150px;
    background-color: #f9f9f9;
    padding: 15px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    border-right: 1px solid #ddd;
}

/* 오른쪽 입력 영역 (TD 역할) */
.my_frm_td {
    flex: 1; /* 나머지 공간 꽉 채우기 */
    padding: 10px 15px;
    display: flex;
    align-items: center; /* 세로 중앙 정렬 */
    flex-wrap: wrap; /* 내용이 많으면 줄바꿈 허용 */
    gap: 10px; /* 요소들 간의 간격 */
    min-width: 0; /* 중요: 내부 요소가 길어도 영역 밖으로 나가지 않게 함 */
}

/* 입력창 공통 스타일 */
.my_frm_td input[type="text"], 
.my_frm_td input[type="button"], 
.my_frm_td input[type="file"], 
.my_frm_td select {
    padding: 0 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    box-sizing: border-box;
}

/* 텍스트 입력창은 영역 안에서 가득 차도록 */
.my_frm_td input[type="text"] {
    max-width: 100%; /* 부모 영역을 절대 넘지 않음 */
}

.my_frm_th input[type="button"] {
    padding: 0 8px;
	cursor: pointer;
}

.my_frm_td input[type="button"] {
    max-width: 100%; /* 부모 영역을 절대 넘지 않음 */
	background: #eee;
	cursor: pointer;
}

.my_frm_td input[type="file"] {
    max-width: 100%; /* 부모 영역을 절대 넘지 않음 */
	padding: 0;
}

/* 글쓴이 영역처럼 내부 레이아웃이 복잡한 경우 */
.my_frm_td > div {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #666;
}
.my_frm_td .itBox {
	display: block;
    font-size: 13px;
    color: #666;
}
.my_frm_btn_center {
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.my_frm_btn {
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.my_frm_btn div {
	flex: 1;
}
.my_frm_btn_left {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
}
.my_frm_btn_center {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.my_frm_btn_right {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
.my_frm_btn input[type="button"] {
    padding: 0 10px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}

/* 모바일 대응 */
@media screen and (max-width: 768px) {
    .my_frm li {
        flex-direction: column; /* 세로로 쌓기 */
    }
    .my_frm_th {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
        flex: 0 0 auto;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #eee;
        padding: 8px 15px;
    }
    .my_frm_td {
        width: 100%;
    }
}



/* 마이페이지-톱기사관리 공통 */
.my_top_tab {
    display: flex;
    gap: 10px;
}
.my_top_btn_on {
    background: linear-gradient(to top, #002AA4, #6b90ff);
    border: 1px solid #002AA4;
    color: #FFF !important;
    font-size: 0.825rem;
    padding: 0 10px;
    font-weight: 600;
    cursor: pointer;
    height: 36px;
}
.my_top_btn {
    border: 1px solid #B4B4B4;
    background: linear-gradient(to top, #C0C0C0, #ffffff);
    color: #333 !important;
    font-size: 0.825rem;
    padding: 0 10px;
    font-weight: 600;
    cursor: pointer;
    height: 36px;
}
.my_top_btn_save {
    background: linear-gradient(to top, #B51920, #ff8b90);
    border: 1px solid #B51920;
    color: #FFF !important;
    font-size: 1rem;
    padding: 10px 20px;
    font-weight: 600;
    height: auto;
    cursor: pointer;
}

.my_top_wp {
    display: flex;
    flex-direction: row; /* PC 기본 */
    align-items: flex-start;
    gap: 30px;
    font-family: "Pretendard", sans-serif;
    border: 1px solid #ccc;
    border-top: 2px solid #333;
    margin: 10px auto;
    padding: 20px;
    box-sizing: border-box;
    max-width: 1200px;
}

.my_top_wp_left { flex: 0 0 60%; }
.my_top_wp_right { flex: 1; min-width: 0; position: sticky; top: 10px; }

.my_top_wp ul { list-style: none; padding: 0; margin: 0; }
.my_top_wp li {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}
.my_top_wp li:last-child { border-bottom: 0; }

.my_top_table {
    display: flex;
    width: 100%;
    padding: 12px 0;
    align-items: center;
}

.my_top_th {
    flex: 0 0 100px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

.my_top_td {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; /* 모바일 대응 핵심 */
}

/* 입력창 공통 스타일 강화 */
.my_top_td input[type="text"], 
.my_top_td select {
    height: 36px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.input_small { width: 40px; text-align: center; }

/* 이미지/체크박스 영역 */
.my_top_td_colm {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.info_text { font-size: 12px; color: #888; }
.info_blue { font-size: 12px; color: blue; margin-left: 5px; }
.file_name { color: red; font-weight: bold; margin-right: 10px; }

/* 미리보기 스타일 */
.my_top_wp_right img {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.preview_text_title, .preview_text_sub {
    word-break: keep-all;
    margin-top: 10px;
}

/* 버튼 스타일 */
.button_line, .button_sel {
    height: 36px;
    padding: 0 10px !important;
    font-size: 12px;
    border-radius: 4px;
}
.button_line { border: #115CB2 1px solid !important; color: #115CB2 !important; background: #FFF !important; }
.button_sel { border: #B51920 1px solid !important; color: #B51920 !important; background: #FFF !important; }

/* ---------------------------------------------------
   모바일 대응 (768px 이하)
------------------------------------------------------ */
@media screen and (max-width: 768px) {
    .my_top_wp {
        flex-direction: column; /* 세로 배치 */
        padding: 15px;
        gap: 20px;
    }

    .my_top_wp_left, .my_top_wp_right {
        flex: 1 1 100%;
        width: 100%;
    }

    .my_top_wp_right {
        order: -1; /* 미리보기를 상단으로 올리고 싶을 경우 사용, 아니면 제거 */
        position: static;
        border-bottom: 2px solid #333;
        padding-bottom: 20px;
    }

    .my_top_table {
        flex-direction: column; /* 제목과 입력창을 세로로 */
        align-items: flex-start;
        gap: 8px;
    }

    .my_top_th {
        flex: 0 0 auto;
        width: 100%;
        padding-bottom: 5px;
    }

    .my_top_td {
        width: 100%;
        gap: 8px;
    }

    /* 스타일 조절 컨트롤 모바일 배치 */
    .style_controls {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 2열 배치 */
        gap: 10px;
    }
    
    .style_controls select {
        grid-column: span 2; /* 셀렉트박스는 가득 차게 */
    }

    .control_group {
        display: flex;
        align-items: center;
        gap: 2px;
    }

    .control_group input[type="button"] {
        flex: 1;
    }

    .radio_group {
        font-size: 13px;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

    .last-child {
        width: 100%;
        justify-content: flex-start !important;
        margin-top: 10px;
    }

    .my_top_btn {
        width: 100%; /* 찾기 버튼 가득 차게 */
    }
    
    /* 미리보기 폰트 크기 유동적 조절 */
    .preview_text_title font {
        font-size: 1.5rem !important; 
        line-height: 1.3 !important;
    }
    .preview_text_sub font {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
    }
}



/* 마이페이지 - 댓글관리 - 검색 */
.memo_tb {
    display: flex;
    width: 100%;
    margin: 0 0 30px 0;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ccc;
    background: #f9f9f9;
    padding: 10px 15px;
    gap: 10px;
    align-items: center;
    box-sizing: border-box;
}

.memo_tr {
    display: flex;
    align-items: center;
    flex: 1;
}

.memo_tr:last-child {
    flex: 0 0 auto;
}

.memo_th {
    flex: 0 0 auto;
    padding-right: 8px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}

.memo_td {
    flex: 1;
    display: flex;
    align-items: center;
}

.memo_td input[type="text"] {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
}

.memo_btn {
    display: flex;
    gap: 5px;
}

.button {
    height: 36px;
    padding: 0 15px;
    border: 1px solid #bbb;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.button.font-red {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff !important;
    font-weight: bold;
}

/* ------------------------------------------------------
   모바일 버전 (768px 이하) 마이페이지 - 댓글관리 - 검색
------------------------------------------------------ */
@media (max-width: 768px) {
    .memo_tb {
        display: flex;
        flex-wrap: wrap;
        padding: 12px;
        gap: 8px 10px;
    }

    .memo_tr {
        flex: 0 0 calc(50% - 5px); 
        border-bottom: none;
    }

    .memo_tr:last-child {
        flex: 0 0 100%;
        margin-top: 5px;
        padding-top: 10px;
        border-top: 1px dotted #ccc;
    }

    .memo_th {
        flex: 0 0 50px; /* 모바일에서 제목 너비 최소화 */
        font-size: 12px;
        padding-right: 5px;
    }

    .memo_btn {
        width: 100%;
    }

    .memo_btn .button {
        flex: 1;
        height: 40px;
    }
}


/* 마이페이지 - 댓글보기 */
.my_view {
    width: 100%;
    border-top: 2px solid #333; /* 이미지 상단 진한 선 */
    border-bottom: 1px solid #ccc;
	margin-top: 15px;
}

/* 기본 행 구조 (Flex) */
.my_view_tr {
    display: flex;
    margin: 0;
    border-bottom: 1px solid #eee;
}

/* 한 행에 2개가 들어가는 그룹 */
.my_view_tr_group {
    display: flex;
    width: 100%;
}

.my_view_tr_group .my_view_tr {
    flex: 1;
}

/* 2단 구성 시 중간 경계선 */
.my_view_tr_group .my_view_tr:first-child {
    border-right: 1px solid #eee;
}

/* 제목 영역 (th) */
.my_view_th {
    flex: 0 0 150px; /* 제목 너비 고정 */
    background-color: #f9f9f9;
    padding: 15px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* 내용 영역 (td) */
.my_view_td {
    flex: 1;
    padding: 15px;
    background-color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
    min-width: 0; /* 말줄임 작동을 위한 필수 속성 */
    color: #666;
}

/* 2줄 말줄임 처리 (내용 부분) */
.my_view_td.my_view_detail {
display: block;          /* 박스 모델로 변경하여 줄바꿈 허용 */
    overflow: visible;       /* 넘치는 내용 모두 표시 */
    text-overflow: clip;     /* 말줄임표 제거 */
    white-space: normal;     /* 자동 줄바꿈 활성화 */
    word-break: break-all;   /* 긴 영문/숫자도 줄바꿈 처리 */
    line-height: 1.6;        /* 가독성을 위한 줄 간격 */
    height: auto;            /* 높이가 내용에 따라 늘어나도록 설정 */
    min-height: 50px;        /* 최소 높이 유지 (선택사항) */
}

/* 강조 텍스트 */
.font_bold {
    font-weight: bold;
    color: #333;
}

/* 반응형 모바일 설정 */
@media (max-width: 768px) {
    .my_view_tr_group {
        flex-direction: column;
    }
    .my_view_tr_group .my_view_tr:first-child {
        border-right: none;
    }
    .my_view_th {
        flex: 0 0 100px; /* 모바일에서 제목 너비 축소 */
        font-size: 13px;
    }
}



/* 마이페이지 - 모음기사관리 */
.my_relay_tb {
    display: flex;
    flex-wrap: wrap; /* 내용이 많아지면 다음 줄로 넘김 */
    gap: 10px;       /* 항목 사이의 간격 (조절 가능) */
    width: 100%;
}

.my_relay_tr {
    width: calc((100% - (10px * 4)) / 5); 
    box-sizing: border-box;
    border: 1px solid #ddd; /* 시각적 확인을 위한 테두리 */
    padding: 15px;
    text-align: center;
    background-color: #f9f9f9;
}

/* 태블릿 (예: 한 줄에 3개) */
@media (max-width: 1024px) {
    .my_relay_tr {
        width: calc((100% - (10px * 2)) / 3);
    }
}

/* 모바일 (예: 한 줄에 2개 또는 1개) */
@media (max-width: 768px) {
    .my_relay_tr {
        width: calc((100% - (10px * 1)) / 2); /* 2개씩 */
        /* width: 100%; -> 1개씩 꽉 차게 하려면 이것을 사용 */
    }
}

/* 전체 컨테이너 */
.my_relay {
    width: 100%;
    margin: 20px 0;
    box-sizing: border-box; /* 컨테이너 자체 패딩 대응 */
}

/* 제목 스타일 */
.my_relay h2 {
    font-size: 1.25rem;
    margin-bottom: 15px;
}

/* 검색/저장 영역 (Flexbox) */
.my_relay_sch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

/* 왼쪽/오른쪽 그룹 */
.my_relay_sch_left, 
.my_relay_sch_right {
    display: flex;
    gap: 5px;
    align-items: center;
    min-width: 0; /* 중요: Flex 자식이 부모를 뚫고 나가는 현상 방지 */
}

/* 입력창 기본 스타일 */
.my_relay_sch input[type="text"] {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 35px;
    box-sizing: border-box; /* 패딩이 너비에 포함되도록 */
}

/* 버튼 기본 스타일 */
.my_relay_sch input[type="button"],
.my_relay_sch input[type="submit"] {
    padding: 0 15px;
    height: 35px;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    white-space: nowrap;
}

.bu_button_on {
    background-color: #007bff;
    color: #fff;
}

/* --- 모바일 반응형 설정 (768px 이하) --- */
@media screen and (max-width: 768px) {
    .my_relay_sch {
        flex-direction: column; /* 세로 배치 */
        align-items: stretch;   /* 자식 요소들이 가로로 꽉 차게 */
        gap: 10px;              /* 위아래 그룹 사이 간격 조정 */
    }

    .my_relay_sch_left, 
    .my_relay_sch_right {
        width: 100%;            /* 가로 너비 100% */
        box-sizing: border-box;
    }

    /* 모바일에서 입력창 최적화 */
    .my_relay_sch input[type="text"] {
        flex: 1;                /* 버튼을 제외한 나머지 공간을 꽉 채움 */
        width: 100%;            /* 기본 너비 확보 */
        min-width: 0;           /* 중요: flex 환경에서 요소가 삐져나가는 것을 방지 */
    }

    /* 버튼 너비 유지 */
    .my_relay_sch input[type="button"],
    .my_relay_sch input[type="submit"] {
        flex-shrink: 0;         /* 버튼이 글자 때문에 찌그러지지 않도록 */
    }
}


/* 조선멤버십 보기 박스 */
.viw_boxorder {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 30px;
	background: #262a37;
	border-radius: 8px;
	padding: 20px; 
	box-sizing:border-box;
}
.viw_boxorder h1 {
	font-size:1.25rem;
	font-weight:500;
	color: #FFF;
}
.viw_boxorder div {
	overflow: hidden;
	padding: 10px 0;
}
.viw_boxorder h1 > span {
	font-size:1.25rem;
	font-weight:500;
	text-align:center;
	margin-bottom: 10px;
	color: #c81616;
}
.viw_boxorder .CH_btn {
	font-size:1rem;
	font-weight: 400;
    letter-spacing: -.08px;
	background: #c81616;
	padding: 10px 20px;
	box-sizing:border-box;

	border-radius: 50px;
	color: #FFF;
}

@media screen and (max-width: 768px) {
	.viw_boxorder div {
		overflow: hidden;
		padding: 20px 0 10px 0;
	}
	.viw_boxorder {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}
}




/* 고충처리(불만접수) */
.info3_wrap { width: 100%; margin: 0; }
.info3_textarea {
	display: flex;
	flex-direction: column;
    align-items: center;
}
.info3_chk {
	display: flex;
    align-items: center;
	gap: 5px;
}
.info3_wrap textarea {
	width: 100%;
}
.info3_wrap input {
    padding: 5px;
    box-sizing: border-box; /* 패딩이 박스 크기에 영향을 주지 않도록 설정 */
}
.info3_wrap input::placeholder {
    color: #999;
}
.info3_tb {
	margin: 30px 0;
	padding: 0;
	list-style: none;
	border-top: 2px solid #333;
}
.info3_tr {
	display: flex;
	border-bottom: 1px solid #eee;
}
.info3_th { 
	padding: 5px; 
	text-align:center; 
	background: #f8f8f8; 
	font-weight:600;
	display: flex;
	align-items: center;
	justify-content: center;
}
.info3_td { 
	padding: 10px; 
}
.info3_th.left { width: 20%; }
.info3_th.right { width: 80%; }
.info3_th.all { width: 100%; }
.info3_td.left { width: 20%; }
.info3_td.right { width: 80%; }
.info3_td.all { width: 100%; }

.info3_name { width: 20%; }
.info3_email { width: 40%; }
.info3_phone { width: 15%; }

.info3_btn {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.info3_btn input {
	padding: 5px 15px;
    display: flex;
    justify-content: center;
	margin:0;
	line-height:0;
	border-radius:5px;
}
.info3_btn_save {
	background: #d11f1f;
	border: 0 solid #eee;
	color: #FFF !important;
}
.info3_btn_re {
	background: #f7f7f7;
	border: 1 solid #eee;
}

@media screen and (max-width: 768px) {
	.info3_wrap { width: 100%; margin: 0 0 30px 0; }
	.info3_tr {
		display: flex;
		flex-direction: column;
	}
	.info3_th {
		display: flex;
		justify-content: flex-start;
	}
	.info3_td { 
		padding: 5px 5px 15px ; 
	}
	.info3_th.left { width: 100%; }
	.info3_th.right { width: 100%; }
	.info3_th.all { width: 100%; }
	.info3_td.left { width: 100%; }
	.info3_td.right { width: 100%; }
	.info3_td.all { width: 100%; }
	.info3_td.tdWp {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}

	.info3_name { width: 100%; }
	.info3_email { width: 100%; }
	.info3_phone { width: 31%; }
}