/* sub css */
/*.header {
	background-color:#fff !important;
}

.header.sub {
	background-color: rgba(255, 255, 255, 0) !important;
}

.header.sub .logo {
	background-image: url("../img/sub/logo_img_sub.png");
}
.header.sub .nav li a {
	color: #fff;
}
.header .tel {
	background-image: url("../img/sub/tel_img_sub.png");
}*/

.parallax {
	position: relative;
	height: 540px;
	background-image: url('../img/sub/parallax_bg.jpg');
	background-size: cover;
	background-position: center;
	/*background-color:#e6e6e6;*/
	animation: zoomOut 3s .2s ease both;
	display: flex;
	justify-content: center;
	align-items: center;
}
@keyframes zoomOut {
	0% {
		background-position-x: right;
	}

	100% {
		background-position-x: left;
	}
}
.parallax .text {
	position:absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	transform:translate(-50%, -50%);
	animation: subTextAni 1s 300ms ease-in-out both;
}

@keyframes subTextAni {
	0% {
		opacity: 0;
		clip:rect(0,169px,193px,169px);
	}

	100% {
		opacity: 1;
		clip:rect(0,376px,193px,0);
	}
}

.parallax > img {
	position:absolute;
	top: 30px;
	left: 50%;
	transform:translate(-50%);
}

.parallax .row p {
	display: none;
}

.parallax .row strong {
	/* position: relative; */
	line-height:45px;
	font-size: 40px;
	display: block;
	text-align: center;
	!margin-bottom: 70px;
	color:#fff;
	padding: 20px 3px 10px 3px;
	border-bottom:1px solid #fff;
	text-shadow: #a6a6a6 1px 0 10px;
}

/*.parallax .row strong::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #000;
    top: 80px;
    left: 50%;
    margin-left: -20px;
}*/

.parallax .route {
	display:flex;
	justify-content:center;
	position:absolute;
	left: 0;
	width: 100%;
	text-align:center;
	bottom: -28px;
	!border-top:1px solid #8daab3;
	
}

.parallax .route::after {
	display:none;
}

.parallax .route li {
	position:relative;
}

/*.parallax .route li::after {
	position:absolute;
	content:'';
	display:block;
	width: 1px;
	height: 10px;
	background-color:#9fb7ba;
	top: 50%;
	margin-top: -5px;
	right: -20px;
}

.parallax .route li:last-child::after {
	content:none;
}*/

.parallax .route li a {
	display:block;
	width: 100%;
	height: 60px;
	line-height:60px;
	padding: 0 20px;
	color:#002f35;
	background-color:#fff;
}
.parallax .route li a:hover,
.parallax .route li a.active {
	font-weight:bold;
	color: #fff;
	background-color: #002f35;
}




.route_menu_wrap {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.25);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1100px;
	z-index: 10;
}

.route_menu {
	position:relative;
	max-width:1104px;
	margin: auto;
	display:flex;
	justify-content: flex-start;
	z-index: 99999;
}

.route_menu > li {
	position:relative;
	width: calc((100% - 70px) / 2);
}

.route_menu > li.rmenu {
	position:relative;
	max-width: 220px;
}

.route_menu > li.rmenu > a {
	display:block;
	line-height:60px;
	padding-left: 30px;
	cursor:pointer;
	font-size:16px;
	color:#fff;
	width: 100%;
	font-family:'NotoSansKR-Regular';
	letter-spacing: -1px;
	border-right: 1px solid rgba(255, 255, 255, 0.21);
}
.route_menu > li.rmenu:nth-child(3) > a {
	border-right: none;
}

.route_menu > li.rmenu.off.route_menu > a {
	cursor:default;
}

.route_menu > li.rmenu.off span {
	display:none;
}

.route_menu > li.rmenu .arrow {
	position:absolute;
	top: calc(50%);
	transform:translateY(-50%);
	right: 15px;
	transition:all 300ms;
	width: 8px;
	height: 12px;
	background-image:url('../img/sub/icon_arrow.png?new');
	background-size:100%;
	background-position:center;
}

.route_menu > li.rmenu .arrow img {
	opacity: 0;
}

.route_menu > li.rmenu.active .arrow {
	transform:rotate(180deg)translateY(50%);
}

.route_menu > li.rmenu .rsub_menu {
	display:none;
	background-color:#fff;
	width: 100%;
	position:absolute;
	font-size:14px;
	z-index: 99999;
	border-top:1px solid #d9d8d8;
}

.route_menu > li.rmenu > a.line2 {
	line-height: 130%;
	margin-top: 11px;
	margin-bottom: 12px;
}

.route_menu > li.rmenu:nth-child(2) .rsub_menu {
	background-color:#fff;
}

.route_menu > li.rmenu .rsub_menu li a {
	display:block;
	color:#1a1a1a;
	padding: 15px 0;
	padding-left: 30px;
	border:1px solid #d9d8d8;
	border-top:none;
	font-family:'NotoSansKR-Regular';
	transition: .2s;
}

.route_menu > li.rmenu .rsub_menu li a:hover {
	background-color: #008086;
	color: #ffffff;
}

.route_menu > li.rmenu .rsub_menu li a.active {
	display:none;
}

.route_menu .home {
	width: 60px;
	position:relative;
}



.route_menu .home a {
	display:block;
	background-color:#000;
	width: 60px;
	height: 60px;
	line-height: 56px;
	text-align:center;
}












.container {
	padding: 80px 0 160px 0;
	text-align:center;
}

.container .row {
	max-width:1140px;
	margin: auto;
	text-align:center;
	position: relative;
}

.container .row > h6 {
	display:inline-block;
	font-size:40px;
	margin-bottom: 80px;
	position:relative;
}

.container .row > h6::after {
    position: absolute;
    /*content: '';*/
    display: inline-block;
    width: 40px;
    height: 4px;
    background-color: #000;
    top: 100px;
    left: 50%;
    margin-left: -20px;
}

.sub_f {
	margin-top: 50px;
	font-size: 14px;
	color: #4b4b4b;
	text-align: left;
	background-color:#f4f4f4;
	padding: 40px;
	padding-left: 150px;
	background-image:url('../img/sub/sub_f_img.png?new');
	background-position: 40px center;
	/*font-family:'NotoSansKR-Medium';*/
}

.sub_f dl {
	margin-bottom: 3px;
	display:flex;
	!font-family:'NotoSansKR-Light';
}

.sub_f dt {
    padding-right: 3px;
    text-align: center;
}

.sub_f dd {
    
}

.pb_30 {
    padding-bottom: 30px;
}

.agree_wrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
	text-align:left;
}

.agree_box {
    width: 100%;
    overflow-y: scroll;
    /* border: 2px solid #3f1d42; */
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    height: 280px;
    background: #f4f5f9;
    color: #333;
    font-size: 17px;
}

.agree_box p {
	margin-bottom: 20px;
}

.agree_box p:last-of-type {
	margin-bottom: 0;
}

.agree_box .h5 {
    display: inline-block;
    font-weight: 800;
    font-size: 19px;
}

.agree_box .h6 {
    display: inline-block;
    font-weight: 800;
}

.agree_radio {
    font-size: 18px;
}

.agree_radio label {
	display:inline-block;
	margin-left: 10px;
	cursor:pointer;
}

.board_write_form {
	width: 100%;
}


.board_write_form .form_field:first-child {
    border-top: 1px solid #e4e4e4;
}

.board_write_form .form_field {
    font-size: 15px;
    border-bottom: 1px solid #e4e4e4;
}



.board_write_form .form_field th {
    border-bottom: 1px solid #fff;
    width: 214px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #008086;
	padding: 20px;
	vertical-align:middle;
}

.board_write_form td.field {
    font-size: 18px;
	padding: 20px;
	text-align:left;
}

.board_write_form td.field label {
	cursor:pointer;
}

.board_write_form td.field.route span,
.board_write_form td.field.age span {
	display:inline-block;
	margin-right: 30px;
}


.board_write_form .buttons {
    text-align: center;
   margin-top: 30px;
}

.board_write_form .buttons a.confirm {
    background-color: #000;
    color: #fff;
	display: inline-block;
    font-size: 22px;
    width: 220px;
    height: 66px;
	line-height:66px;
}

.board_write_form input[type='text'],
.board_write_form input[type='tel'],
.board_write_form select {
	height: 35px;
}

.w120 {
	width: 120px;
}

.w500 {
	width: 500px;
}

.board_write_form .form-group:nth-of-type(2) {
	margin: 5px 0;
}









/* 접근성용 숨김 라벨 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 래퍼 */
.board-search {
	margin: 0;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	top: 160px;
	right: 0;
}

.board-search form {
	display: flex;
	align-items: center;
	background: #fff;
	border: 1px solid #e3e5e8;
	border-radius: 0;
	padding: 6px;
	gap: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

/* 인풋 */
.board-search input {
	flex: 1;
	min-width: 0;
	height: 54px;
	padding: 0 12px 0 14px;
	border: 1px solid #e3e5e8;
	background: transparent;
	font-size: 15px;
	color: #111;
}
.board-search input::placeholder{color:#98a2b3}

/* 돋보기 버튼(아이콘 CSS만으로) */
.board-search button {
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 999px;
	background: #008085;
	cursor: pointer;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .06s ease, opacity .2s ease, background .2s ease;
}
.board-search button:hover{opacity:.92}
.board-search button:active{}
.board-search button::before{
	content:""; width:18px; height:18px; display:block; background:currentColor;
	/* SVG를 마스크로 사용하여 선명한 아이콘 */
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path fill="%23000" d="M10 4a6 6 0 1 1 0 12a6 6 0 0 1 0-12m0-2a8 8 0 1 0 4.9 14.32l4.39 4.39 1.42-1.42-4.39-4.39A8 8 0 0 0 10 2"/></svg>') no-repeat center / contain;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path fill="%23000" d="M10 4a6 6 0 1 1 0 12a6 6 0 0 1 0-12m0-2a8 8 0 1 0 4.9 14.32l4.39 4.39 1.42-1.42-4.39-4.39A8 8 0 0 0 10 2"/></svg>') no-repeat center / contain;
}



/* 셀렉트: 보더 밖 독립 */
.search-select {
	height: 54px;
	padding: 0 20px;
	font-size: 15px;
	color: #111;
	border: 1px solid #e3e5e8;
	background: #fff;
	cursor: pointer;
	transition: border .2s, box-shadow .2s;
}















.find_post {
    width: 154px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 17px;
	background-color: #000;
	color:#fff;
	margin-left: 5px;
}

.news-zone { 
	display: flex;
	flex-wrap: wrap
}

.news-zone li {
	margin: 0 !important;
}

.news-zone li {
	border:1px solid #d5d5d5;
	width: 32%;
	margin:0 0.5% 20px 0.5% !important;
	text-align:left;
}

.news-zone li:nth-child(3n-2) {
	margin-left: 0;
}

.news-zone li:nth-child(3n) {
	margin-right: 0;
}

.news-zone li a {
	display:block;
	color:#00466e
}

.news-zone li .content {
	padding: 30px;
	letter-spacing:-1px;
}

.news-zone li .content .news-title {
	font-size:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 55px;
	margin-bottom: 20px;
	line-height:140%;
}

.news-zone li .content .news-content {
	font-size:14px;
	overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 65px;
	margin-bottom: 20px;
}

.indicator {
	display:flex;
	justify-content: center;
    margin-bottom: 20px;
}

.indicator ul { display:flex;}

.indicator li { margin:0 2px}
.indicator li a { 
	display:flex;
	justify-content: center;
	align-items: center;
	width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    font-weight: normal;
}

.indicator li a:hover, .indicator li a.active {
    background-color: #01466F;
	border: 1px solid #01466F;
    color: #fff;
}

.container.sub .roma {
	font-family: 'Nanum Myeongjo', serif;
	font-weight: bold;
}

.container .board-table {
	width: 100%;
	border-top: 2px solid #0f3c42;
	font-size: 14px;
	margin-bottom: 40px;
}

.container .board-table th,
.container .board-table td {
	padding: 10px;
	color: #666;
	text-align: center;
	border-bottom: 1px solid #e4e4e4;
}

.container .indicator {
	margin-bottom: 20px;
	text-align: center;
}


.container .search-form select,
.container .search-form input,
.container .search-form span {
	display: inline-block;
	height: 30px;
}

.container .search-form span {
	width: 30px;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	line-height: 30px;
	cursor: pointer;
	vertical-align: top;
	transition: all 300ms;
}

.board-table-view {
	width: 100%;
	text-align:center;
	border-top: 2px solid #000;
}

.board-table-view.h {
	text-align:left;
}

.board-table-view tr {
    border-bottom: 1px solid #d5d5d5;
}
.board-table-view tr.notice {
	background-color:#e5e5e5;
	color:#001432;
}

.board-table-view tr.notice td,
.board-table-view tr.notice td a{
	font-family:'NotoSansKR-Regular';
	color:#001432;
	letter-spacing: -1px;
}

.board-table-view th {
    background-color: #f5f5f5;
    padding: 10px;
    text-align: center;
}
.board-table-view.v th {
	 background-color: #001432;
	 color:#fff;
}

.board-table-view.h th {
	width: 200px;
}

.board-table-view td {
    padding: 15px 10px;
	color:#757575;
}

.board-table-view td a {
	display:inline;
	font-family: 'NotoSansKR-Light';
}

.board-table-view td a:hover {
	color:#a5a5a5;
}

.board-table-view td .image {
	margin-bottom: 10px;
}

.btn{
    display: inline-block;
    width: 250px;
}

.btn a{
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    border: 2px solid #0f3c42;
    color: #0f3c42;
    font-size: 22px;
    text-align: center;
}

.btn_box a{
  	margin: auto;
	margin-top: 40px;
	display:flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 60px;
	background-color:#0f3c42;
	color:#fff;
	font-size:25px;
}


.btn_boxw a{
  	margin: auto;
	margin-top: 40px;
	display:flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 60px;
	background-color:#0f2842;
	color:#fff;
	font-size:25px;
}

.btn a.active{
    background-color: #000;
    color: #fff;
}
/*

.tab {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px; 
	width: 100%;
	text-align:center;
}

.tab::after {
	display:none;
}

.tab li {
	flex-basis: calc(25% - 10px);
	text-align:center;
	height: 70px;
	border: 1px solid #0F3C42;
	color: #0F3C42;
	font-weight: bold;
	font-size: 22px;
	transition-duration: 400ms;
	line-height: 70px;
	cursor: pointer
}

.tab li.active,
.tab li:hover {
	background-color: #0F3C42;
	color: #fff;
}
*/

.tab {
	display: flex;
	text-align:center;
	justify-content: space-between;
	margin-bottom: 40px;
}

.tab li {
	flex-basis: calc(20% - 10px);
	text-align:center;
	height: 65px;
	background-color: #dfdfdf;
	font-family:'NotoSansKR-Regular';
	font-size: 18px;
	transition-duration: 400ms;
	cursor: pointer;
}
.tab li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #1a1a1a;
}
.tab li.active a,
.tab li:hover a {
	color: #fff !important;
}
.tab li.active,
 .tab li:hover {
	 background-color: #b45347;
	 color: #fff !important;
 }

.tab::after {
	display: none;
}


.footer {
	border-top: 1px solid #b3b3b3;
}



.board_table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
	font-size: 15px;
}
.board_table th, .board_table td {
	border: 1px solid #ddd;
	padding: 12px;
	text-align: center;
}
.board_table th {
	border-top: 2px solid #004246;
	color: #6b6b6b;
}
.board_table th, .board_table td {
	border-left: none;
	border-right: none;
}

.board_table tr:hover {
	background-color: #f1f1f1;
}
.write-btn {
	display: inline-block;
	padding: 8px 45px;
	background-color: #008085;
	color: white;
	text-decoration: none;
	margin-top: 10px;
	transition: .3s;
	font-size: 14px;
	position: absolute;
	right: 20px;
	bottom: 50px;
}
.write-btn:hover {
	background-color: #014a4f;
}
.pagination {
	text-align: center;
	margin-top: 100px;
}
.pagination a {
	font-size: 20px;
	margin: 0 5px;
	text-decoration: none;
	color: #008085;
	padding: 5px 15px;
}
.pagination a.active { color: #000000; font-weight: 600}
.pagination a:hover {
	text-decoration: underline;
}

.post-container {
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	min-height: 400px; /* 최소 높이 조정 */
	text-align: start;
}
.board_sub_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 2px solid #00555b;
	border-bottom: 1px solid #a4a4a4;
	padding: 15px 20px;
}
.board_sub {
	color: #333333;
	font-size: 22px;
}
.post_info_box {
	display: flex;
	flex-shrink: 0;
}
.post_info_box > div {
	font-size: 15px;
	color: #666666;
}
.post_info_box > div:nth-child(1) {
	margin-right: 10px;
}
.post-info {
	color: #666666;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.post-content {
	margin-bottom: 30px;
	min-height: 200px;
	line-height: 1.8;
	color: #444444;
	font-size: 17px;
	border-bottom: 1px solid #a4a4a4;
	padding: 20px;
}
.btn {
	padding: 8px 45px;
	border: none;
	font-size: 14px;
	cursor: pointer;
	color: white;
	background-color: #898889;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
}
.btn:hover {
	background-color: #636263;
}
.btn.btn_go_list {
	background-color: #008085;
}
.btn.btn_go_list:hover {
	background-color: #014a4f;
}

.dropdown {
	display: none;
	margin-top: 15px;
	padding: 20px;
	background-color: #f8f9fa;
	border: 1px solid #d1d1d1;
}
.dropdown input[type="password"] {
	width: calc(100%);
	padding: 10px;
	border: 1px solid #bdbdbd;
	margin-bottom: 15px;
	font-size: 14px;
	margin-top: 10px;
}
.dropdown button {
	padding: 10px 40px;
	background-color: #008085;
	color: white;
	border: none;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	transition: background-color 0.3s;
}
.dropdown button:hover {
	background-color: #01676c;
}
.confirm_btn_box {
	display: flex;
	width: 100%;
	justify-content: center;
}

.board_form {
	margin: 0 auto;
	background-color: #ffffff;
	padding: 20px;
	border-top: 2px solid #004246;
}
.board_form label {
	display: block;
	margin-top: 20px;
	color: #555555;
	font-size: 16px;
	text-align: start;
}
.board_form input[type="text"], .board_form input[type="password"], .board_form textarea, .board_form input[type="file"] {
	width: 100%;
	padding: 12px 15px;
	margin-top: 8px;
	border: 1px solid #cccccc;
	font-size: 14px;
	background-color: #f9f9f9;
	transition: all 0.3s ease;
}
.board_form input[type="text"]:focus, .board_form input[type="password"]:focus, .board_form textarea:focus {
	border-color: #898889;
	background-color: #ffffff;
	outline: none;
	box-shadow: 0 0 8px rgba(0, 115, 230, 0.2);
}
.board_form textarea {
	height: 180px;
	resize: vertical;
}
.hypen {
	margin-left: 5px;
	margin-right: 10px;
}

.btn-container {
	display: flex;
	gap: 20px;
	justify-content: flex-end;
	margin-top: 50px;
}
.submit-btn {
	text-align: center;
	display: block;
	background-color: #898889;
	color: white;
	padding: 10px 35px;
	border: none;
	cursor: pointer;
	font-size: 14px;
	transition: background-color 0.3s ease;
}
.submit-btn:hover, .submit-btn:active {
	background-color: #636263;
}

.btn-container > a.submit-btn:nth-child(1) {
	background-color: #008085;
}
.btn-container > a.submit-btn:nth-child(1):hover {
	background-color: #014a4f;
}

.login_tel_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin-top: 40px;
}
.login-container {
	width: 600px;
	padding: 50px 0;
	border: 1px solid #ddd;
	background-color: #fff;
	margin: 0 auto;
}
.login-container > form {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	font-size: 16px;
}
.login-container > form > div {
	width: 60%;
}
.login-container .form-group {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.login-container .form-group label {
	width: 90px;
	margin-right: 10px;
	font-weight: bold;
}
.login-container .form-group input[type="text"], .login-container .form-group input[type="password"] {
	flex: 1;
	padding: 8px;
	border: 1px solid #ddd;
	width: 50%;
	font-size: 16px;
}
.login_submit_btn {
	margin-left: 10px;
	padding: 35px 40px;
	background-color: #008085;
	color: white;
	border: none;
	cursor: pointer;
}
.login_submit_btn:hover {
	 background-color: #014a4f;
 }
.login_options {
	text-align: center;
	color: #555555;
	margin-top: 40px;
}
.login_options a {
	text-decoration: none;
	margin: 0 5px;
	color: #555555;
}
.login_options a:hover {
	text-decoration: underline;
}
.login_btn_box {
	margin-top: 50px;
}
.login_btn_box > a {
	display: inline-block;
	padding: 8px 35px;
	background-color: #898889;
	color: #fff;
	font-size: 14px;
	transition: .3s;
}
.login_btn_box > a:hover {
	background-color: #636263;
}




.mypage_form {
	width: 80%;
	margin: 0 auto;
	padding: 30px 20px;
	border-top: 2px solid #004246;
	position: relative;
	bottom: 20px;
}
.mypage_form .form-group {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.mypage_form .form-group label {
	width: 130px;
	text-align: start;
	margin-right: 10px;
}
.mypage_form .form-group input {
	flex: 1;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 16px;
}
.mypage_form .form-group span {
	flex: 1;
	padding: 8px;
	font-size: 16px;
	text-align: start;
}
.mypage_form .submit-btn {
	display: block;
	background-color: #008085;
	color: white;
	border: none;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	transition: .3s;
	padding: 8px 35px;
	margin: 0 auto;
	margin-top: 40px;
}
.mypage_form .submit-btn:hover {
	background-color: #014a4f;
}






.find_id_container {
	width: 600px;
	padding: 40px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #ddd;
}

.find_id_container p {
	font-size: 16px;
	color: #333;
	margin-bottom: 40px;
	line-height: 1.5;
}
.find_id_container .form-group {
	margin-bottom: 15px;
}
.find_id_container .form-group input {
	width: 80%;
	padding: 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	text-align: start;
	font-size: 16px;
}
.find_id_container .form-group input::placeholder {
	font-size: 16px;
}
.find_id_container .submit-btn {
	display: block;
	background-color: #008085;
	color: white;
	border: none;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	transition: .3s;
	padding: 8px 35px;
	margin: 0 auto;
	margin-top: 40px;
}
.find_id_container .submit-btn:hover {
	background-color: #014a4f;
}





.review_box {
	margin-top: 40px;
	font-family: Arial, sans-serif;
	padding: 30px 20px;
	border-top: 1px solid #444;
	border-bottom: 2px solid #00555b;
}
.comment {
	margin-top: 20px;
}
/* 댓글 카드 스타일 */
.comment-card {
	background-color: #f9f9f9;
	padding: 15px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}

/* 댓글 헤더 스타일 */
.comment-header {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 14px;
	margin-bottom: 5px;
}
.review_info_box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
/* 댓글 작성 날짜 스타일 */
.comment-date {
	color: gray;
	margin: 0 10px;
}

/* 댓글 내용 스타일 */
.comment-preview {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 100%; /* 부모 요소의 전체 길이에 맞게 표시 */
	vertical-align: top;
}

.comment-full {
	display: none; /* 기본적으로 숨김 처리 */
}

/* 댓글 액션 버튼 (수정, 삭제) */
.comment-actions .inner-btn {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
}

/* 대댓글 및 대대댓글 들여쓰기 */
.replies {
	margin-left: 20px; /* 들여쓰기 */
	border-left: 2px solid #ddd;
	padding-left: 15px;
}

/* 댓글 입력 박스 */
.reply-box {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.reply-box textarea, .reply-box input {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 14px;
}
.reply-box textarea, #main-content {
	height: 105px;
}

.reply-box input {
	height: 40px;
	width: 20%;
	margin-right: 20px;
}
.review_info_box > label, .main-reply-box > p {
	font-size: 14px;
	margin-right: 15px;
}
/* 수정/삭제 암호 입력 박스 */
.password-box {
	margin-top: 10px;
	/*display: flex;*/
	gap: 10px;
	justify-content: flex-end;
}

.password-box input {
	padding: 10px;
	border: 1px solid #ccc;
	width: 20%;
}

.password-box .submit-btn {
	flex-shrink: 0;
}
.comment-body {
	display: flex;
	align-items: flex-start;
}

/* 버튼 스타일 */
/*.btn {
	padding: 5px 10px;
	font-size: 12px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}*/

.reply-btn {
	background-color: #008085;
	color: white;
}

.reply-btn:hover {
	background-color: #014a4f;
}

.review_box .edit-btn {
	background-color: #898889;
	color: white;
}

.review_box .edit-btn:hover {
	background-color: #636263;
}

.review_box .delete-btn {
	background-color: #898889;
	color: white;
}

.review_box .delete-btn:hover {
	background-color: #636263;
}

.review_box .submit-btn {
	background-color: #008085;
	color: white;
	display: flex;
	height: 40px;
}

.review_box .submit-btn:hover {
	background-color: #014a4f;
}

.more-btn {
	background-color: #008085;
	color: white;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin-top: 5px;
}

.more-btn:hover {
	background-color: #014a4f;
}


.review_box .btn {
	font-size: 14px;
	height: 30px;
	width: 80px;
}
.review_box .btn.submit-btn {
	height: 40px;
	width: 100px;
}



.review_table {
	margin-top: 15px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 20px;
}
table.tbl.review_table tr {
	background-color: #F9F9F9;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
table.tbl.review_table td {
	border: none;
	padding: 20px 0;
	align-content: flex-start;
	font-size: 14px;
	text-align: end;
}
.review_table_date {
	color: gray !important;
}
.review_table_btn_box {
	padding: 15px 20px 95px 20px !important;
	position: relative;
}
.re_form_box {
	position: relative;
	padding: 20px 20px 20px 30px !important;
}
.rere-write.re2 .re_form_box {
	padding: 20px 20px 20px 50px !important;
}
.rere-write.re3 .re_form_box {
	padding: 20px 20px 20px 70px !important;
}
.rere-write.re4 .re_form_box {
	padding: 20px 20px 20px 90px !important;
}
.review_table_text {
	padding: 20px 20px 20px 20px !important;
	align-content: center !important;
	font-size: 16px !important;
}
.review_table_text.re2 {
	position: relative;
	padding: 20px 20px 20px 50px !important;
}
.review_table_text.re2::before {
	display: inline-block;
	content: '';
	position: absolute;
	width: 2px;
	height: 80%;
	background-color: lightgray;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}
.review_table_text.re3 {
	position: relative;
	padding: 20px 20px 20px 70px !important;
}
.review_table_text.re3::before {
	display: inline-block;
	content: '';
	position: absolute;
	width: 2px;
	height: 80%;
	background-color: lightgray;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
}
.review_table_text.re4 {
	position: relative;
	padding: 20px 20px 20px 90px !important;
}
.review_table_text.re4::before {
	display: inline-block;
	content: '';
	position: absolute;
	width: 2px;
	height: 80%;
	background-color: lightgray;
	left: 70px;
	top: 50%;
	transform: translateY(-50%);
}
.review_table_text.re5 {
	position: relative;
	padding: 20px 20px 20px 110px !important;
}
.review_table_text.re5::before {
	display: inline-block;
	content: '';
	position: absolute;
	width: 2px;
	height: 80%;
	background-color: lightgray;
	left: 90px;
	top: 50%;
	transform: translateY(-50%);
}
.review_table_text > p {
	max-width: 660px;
	overflow-wrap: break-word;
}
.rtb_box01 {
	display: flex;
	flex-direction: column;
}
.rtb_box02 {
	display: flex;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.review_table_btn_box button, .review_table_btn_box a {
	font-size: 14px;
	heieht: 30px;
	width: 80px;
	background-color: #898889;
	color: #fff;
	padding: 0;
}
.review_table_btn_box button:hover {
	background-color: #636263;
}
.review_table_btn_box button.rtb_write {
	background-color: #008085;
}
.review_table_btn_box button.rtb_write:hover {
	background-color: #014a4f;
}
.rtb_delete {
	margin-left: 10px;
}


.rere-write td {
	padding-left: 30px;
}
.re_review_box {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	border-left: 2px solid lightgray;
}
.re_review_box textarea {
	height: 100px;
	font-size: 16px;
	width: 97.5%;
}
.re_review_box textarea::placeholder {
	font-size: 16px;
}
.re_review_btn_box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 14px;
	margin-top: 10px;
}
.re_review_btn_box input {
	margin-left: 10px;
}
.re_review_btn_box button {
	font-size: 14px;
	heieht: 30px;
	width: 80px;
	background-color: #898889;
	color: #fff;
	padding: 0;
}
.re_review_btn_box button.re_review_btn_submit {
	margin-left: 10px;
	margin-right: 10px;
	background-color: #008085;
}
.re_review_btn_box button.re_review_btn_submit:hover {
	background-color: #014a4f;
}

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

	.board_table {
		font-size: 24px;
	}
	.board_table th, .board_table td {
		padding: 12px 17px;
	}
	.write-btn {
		font-size: 25px;
		bottom: 40px;
	}
	.board-search input {
		font-size: 24px;
		height: 50px;
	}
	.board-search {
		top: 150px;
		right: 20px;
	}
	.search-select, .board-search input {
		 font-size: 24px;
		 height: 64px;
	 }
	.board-search input::placeholder {
		font-size: 24px;
	}
	.pagination {
		position: relative;
		top: 50px;
	}
	.pagination a {
		font-size: 25px;
		font-size: 25px;
		padding: 14px 40px;
	}

	.btn-container {
		justify-content: center;
		margin-top: 60px;
	}

	.post-info {
		font-size: 22px;
	}
	.post-content {
		font-size: 26px;
		min-height: 300px;
	}
	.btn, .dropdown button {
		font-size: 25px;
		padding: 14px 40px;
		width: 150px;
	}
	.dropdown {
		font-size: 25px;
		padding: 30px 20px;
	}
	.dropdown input[type="password"] {
		font-size: 24px;
		padding: 18px;
	}
	.dropdown input[type="password"]::placeholder {
		font-size: 24px;
	}

	.board_form label {
		font-size: 24px;
	}
	.board_form input[type="text"], .board_form input[type="password"], .board_form textarea, .board_form input[type="file"] {
		padding: 18px 20px;
		font-size: 24px;
	}

	.submit-btn {
		font-size: 25px;
		padding: 20px 80px;
	}
	.board_form {
		padding: 30px 40px 55px 40px;
	}
	.board_sub_box {
		flex-direction: column;
		align-items: flex-start;
	}
	.board_sub {
		font-size: 26px;
	}
	.post_info_box > div {
		font-size: 22px;
	}
	.login-container > form {
		font-size: 24px;
	}
	.login-container .form-group input[type="text"], .login-container .form-group input[type="password"] {
		font-size: 24px;
	}
	.login-container {
		padding: 50px 0;
	}

	.login_submit_btn {
		padding: 40px;
	}
	.login_btn_box > a {
		font-size: 24px;
	}
	.login_options {
		font-size: 24px;
	}


	.mypage_form {
		width: 90%;
	}
	.mypage_form .form-group {
		margin-bottom: 20px;
	}
	.mypage_form .form-group label {
		font-size: 24px;
		width: 150px;
	}
	.mypage_form .form-group input, .mypage_form .form-group span {
		font-size: 24px;
		padding: 10px;
	}
	.mypage_form .submit-btn {
		padding: 20px 40px;
		font-size: 25px;
		margin-top: 60px;
	}

	.find_id_container {
		padding: 50px 0;
		width: 650px;
	}
	.find_id_container p {
		font-size: 24px;
		letter-spacing: -1px;
	}
	.find_id_container .form-group input, .find_id_container .form-group input::placeholder {
		font-size: 24px;
		padding: 12px;
	}

	.find_id_container .submit-btn {
		padding: 20px 40px;
		font-size: 25px;
		margin-top: 60px;
	}


	.review_info_box > label, .main-reply-box > p {
		font-size: 22px;
	}
	.reply-box textarea, .reply-box input, .password-box input {
		font-size: 24px;
		height: 50px;
	}
	.password-box input {
		width: 30%;
	}
	.reply-box input::placeholder, .password-box input::placeholder {
		font-size: 20px;
	}
	.reply-box textarea, #main-content{
		height: 150px;
	}
	.reply-box span {
		font-size: 22px;
	}

	.review_box .btn {
		width: 110px;
		height: 50px;
		font-size: 20px;
	}
	.review_box .btn.submit-btn {
		width: 150px;
		font-size: 24px;
		height: 50px;
	}
	.comment-header {
		font-size: 22px;
	}
	.comment-preview, comment-full {
		font-size: 28px;
	}
	.more-btn {
		margin-bottom: 10px;
	}

	table.tbl.review_table tr {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: revert;
		width: 90vw;
		margin-bottom: 20px;
	}
	.review_table_text > p {
		font-size: 26px;
		max-width: 100%;
	}
	.rtb_box01 {
		align-items: flex-end;
	}
	table.tbl.review_table td {
		width: 100%;
		font-size: 22px;
		padding: 0 20px;
	}
	.re_review_box textarea {
		font-size: 26px;
		height: 150px;
	}
	.re_review_box textarea::placeholder {
		font-size: 26px;
	}
	.re_review_btn_box {
		font-size: 22px;
	}
	.re_review_btn_box button {
		font-size: 24px;
		height: 50px !important;
		width: 150px;
	}
	.review_box .btn {
		font-size: 24px;
		height: 50px;
		width: 150px;
	}
	.re_review_btn_box input {
		height: 50px;
		font-size: 24px;
		width: 150px;
	}
	.review_table_btn_box {
		padding: 20px !important;
	}

	.review_table_text.re2::before, .review_table_text.re3::before, .review_table_text.re4::before {
		height: calc(80% + 130px);
		top: 20px;
		transform: unset;
	}

}


/*==============================================
회원 : 회원 목록
==============================================*/
.top-info { margin: 10px}

table.member-list .black { background: #ebebeb}
table.member-list .out { color: #a7a7a7}


/*** Table ***/
/*table.tbl th, table.tbl td { padding: 7px 0; font-size: 13px; text-align: center}*/
table.tbl th, table.tbl td { padding: 7px 5px; font-size: 13px; text-align: center}
table.tbl th { background: #87c5e5; font-weight: 400; color: #fff; border: 1px solid #5ea4c9}
table.tbl td { border: 1px solid #cbcbcb; color: #2b2b2b}
table.tbl td.subject { text-align: left; padding-left: 10px}
table.tbl td.subject a { color: #2b2b2b;}
table.tbl td a.icon { display: block}
table.tbl td a.icon i { font-size: 16px; color: #8f8f8f}
table.tbl td.num { text-align: right; padding-right: 10px}
table.tbl td.num span { display: inline-block; font-weight: 500;}
table.fix { table-layout: fixed}

/* thumbnail 포함 table */
table.tbl.thumb td { padding-top: 0; padding-bottom: 0}


/* write table */
table.tbl.tbl-write { border: 1px solid #cbcbcb; border-width: 1px 1px 0 0}
table.tbl.tbl-write th, table.tbl.tbl-write td { height: 44px; text-align: left; vertical-align: middle}
table.tbl.tbl-write th { padding-left: 12px; border: 1px solid #5ea4c9}
table.tbl.tbl-write td { padding-left: 16px; border-width: 0 0 1px 0}
table.tbl.tbl-write tr:not(:last-child) td { border-bottom: 1px solid #e9e9e9; }
table.tbl.tbl-write td.br { border-right-width: 1px}

span.number { display: block; text-align: right; padding-right: 16px}
.td-add { position: relative}
.td-add a { position: absolute; left: 116px; top: -25px}
.td-add a::before { content: ""; position: absolute; left: -18px; top: -8px; bottom: -8px; width: 1px; background: #e9e9e9}
table.tbl.tbl-write td .muted { color: #c2c2c2}


/* modal write table */
table.tbl.tbl-modal-write th, table.tbl.tbl-modal-write td { height: 44px; color: #161616; text-align: center; vertical-align: middle; padding-left: 6px; padding-right: 6px}
table.tbl.tbl-modal-write th { background: #f3f3f3; border: 1px solid #cfcfcf}


/* tbl-in */
table.tbl.tbl-in th, .tbl.tbl-in td { }
table.tbl.tbl-in th { background: #f4f4f7; border-color: #cbccda !important; color: #1a1a1a}
table.tbl.tbl-in td { border-color: #cbcbcb}
table.tbl.tbl-in tr:last-child td { border-color: #cbcbcb}
table.tbl.tbl-write .tbl.tbl-in th, .tbl.tbl-write .tbl.tbl-in td { height: auto; text-align: center; padding-left: 0; border-width: 1px}

table.tbl.bg-gray th { color: #161616 !important; background: #f3f3f3 !important; border: 1px solid #cfcfcf !important}
table.tbl.bg-purple th { color: #fff !important; background: #87c5e5 !important; border: 1px solid #5ea4c9 !important}

/* ul */
ul.flex-list { display: flex; align-items: center; flex-wrap: wrap}
ul.flex-list li { width: 25%; padding: 5px 10px}
ul.flex-list.res-time-edit li { display: flex; align-items: center; color: #777}
ul.flex-list.res-time-edit li strong { font-size: 14px; color: #000; font-weight: 400; margin-right: 10px}
ul.flex-list.res-time-edit li input[type=text] { font-size: 14px; color: #000; text-align: right; margin-right: 5px}

/*** 댓글 ***/
.reply-write { margin-bottom: 20px}
.reply-write h4 { font-size: 13px; margin-bottom: 5px}

tr.rere-write { display: none}
.re-form { position: relative; display: flex; gap: 10px}
.re-form textarea { width: 600px; height: 60px}
.re-form .btn { border-radius: 6px; padding: 5px 15px}
.reFormClose { position: relative; width: 30px; height: 30px; background: transparent; cursor: pointer}
.reFormClose i.x { position: absolute; left: -8px; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

table.tbl td.re-depth { text-align: left;}
.re-depth p { position: relative;}
/*.re-depth p::before { content: "\e981"; position: absolute; left: 0; top: 0; font-family: 'xeicon'}*/
/*.re-depth.re1 p::before { content: none}*/
/*.re-depth.re2 p { padding-left: 15px}*/

/*.re-depth.re3 p { padding-left: 30px}*/
/*.re-depth.re3 p::before { left: 15px}*/

/*.re-depth.re4 p { padding-left: 45px}*/
/*.re-depth.re4 p::before { left: 30px}*/

/*.re-depth.re5 p { padding-left: 60px}*/
/*.re-depth.re5 p::before { left: 45px}*/

/*.re-depth.re6 p { padding-left: 75px}*/
/*.re-depth.re6 p::before { left: 60px}*/

/*.re-depth.re7 p { padding-left: 90px}*/
/*.re-depth.re7 p::before { left: 75px}*/

/*.re-depth.re8 p { padding-left: 115px}*/
/*.re-depth.re8 p::before { left: 90px}*/

/*.re-depth.re9 p { padding-left: 130px}*/
/*.re-depth.re9 p::before { left: 105px}*/

/*.re-depth.re10 p { padding-left: 145px}*/
/*.re-depth.re10 p::before { left: 120px}*/

tr.rere-write { background: #f5f5f5}

#pwOkBtn {
	background-color: #008086;
}