@charset "utf-8";
/* CSS Document */

/**************
* Button-style *
**************/
.btn:active, .btn:focus {box-shadow: none !important;}
.btn, .btn-mid, .btn-min {border: 0; transition: 350ms; }
.btn { border-radius: 4px; padding: 4px 16px; font-weight: 600; font-size: 15px; margin: 0 2px 0 6px; box-sizing: border-box; height: 34px; white-space: nowrap; color: #fff;}
.btn-xs {border-radius: 2px; padding: 2px; font-size: 11px; font-weight: 200; height: auto; margin: auto; }
.btn-min {border-radius: 2px; padding: 4px; font-size: 12px;}
.btn-mid {border-radius: 2px; padding: 6px 12px; font-size: 14px;}
.btn.submit-btn {border-radius: 4px; font-size: 20px; padding: 0px 40px; height: 40px; line-height: 40px;}
.btn.icon-btn {min-height: 36px; padding: 6px 16px;}
.btn.btn-lg {border-radius: 6px; font-size: 	22px; padding: 0px 100px; height: 50px; line-height: 50px;}

.fc-white { color: #fff !important;}
.fc-blue { color: #0039BF !important;}
.fc-red { color: #ff3312 !important;}
.fc-gray { color: #888 !important;}
.fc-green { color: #00C359 !important;}

.btn.btn-primary {color: #fff; background-color: #00a1cd; border: 1px solid #00a1cd;}
.btn.btn-primary:hover {color: #fff; background-color: #007aa8; border: 1px solid #007aa8;}
.btn.btn-primary:active {color: #fff; background-color: #007aa8; border: 1px solid #007aa8;}

.btn.btn-primary-line {color: #888888; background-color: inherit; border: 1px solid #888888;}
.btn.btn-primary-line:hover {color: #666666; border-color: #666666; box-shadow: 0 2px 8px 1px #66666661;}

.btn.btn-primary-white {color: #007aa8; background-color: #fff; border: 1px solid #fff;}
.btn.btn-primary-white:hover {color: #108e91; background-color: #fff; border: 1px solid #fff; box-shadow: 0 10px 10px 1px  #108e91;}
.btn.btn-primary-white:active {color: #108e91; background-color: #fff; border: 1px solid #fff;}


/* 기본 버튼 스타일 */
.btn-balloon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* 아이콘과 텍스트 사이 간격 */
    padding: 3px 6px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #ccc; /* 그레이 색상 */
    border: 1px solid #ccc;
    border-radius: 5px; /* 둥근 모서리 */
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}

.btn-balloon:hover {
    background-color: #bbb; /* 더 어두운 그레이 */
    border-color: #555;
    color: #fff;
    transform: translateY(-1px); /* 살짝 위로 올라감 */
}


/* true 상태의 색상 */
.btn-balloon.active {
    background-color: #FF9933; /* 기본 오렌지 색상 */
    border: 1px solid #FF9933;
    color: #fff;
}

/* 마우스를 올렸을 때의 스타일 (active 상태) */
.btn-balloon.active:hover {
    background-color: #CC7A29; /* 더 진한 오렌지 */
    border-color: #CC7A29;
    color: #fff; /* 조금 더 어두운 텍스트 */
    transform: translateY(-1px); /* 살짝 위로 올라감 */
}

/* 기본 색상 (false 상태) */
.btn-balloon.inactive {
    background-color: #ccc; /* 그레이 색상 */
    border: 1px solid #ccc;
    color: #fff;
}


/* 마우스를 올렸을 때의 스타일 (inactive 상태) */
.btn-balloon.inactive:hover {
    background-color: #bbb; /* 더 어두운 그레이 */
    border-color: #555;
    color: #fff;
    transform: translateY(-1px); /* 살짝 위로 올라감 */
}


/* 풍선 아이콘 스타일 */
.btn-balloon .icon {
    font-size: 18px;
}

/* 기본 버튼 스타일 */
.btn-logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* 아이콘과 텍스트 사이 간격 */
    padding: 3px 6px;
    font-size: 16px;
    font-weight: bold;
    color: #888;
    background-color: #fff; /* 그레이 색상 */
    border: 1px solid #ccc;
    border-radius: 5px; /* 둥근 모서리 */
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}

.btn-logout:hover {
    background-color: #bbb; /* 더 어두운 그레이 */
    border-color: #555;
    color: #fff;
    transform: translateY(-1px); /* 살짝 위로 올라감 */
}


/* true 상태의 색상 */
.btn-logout.active {
    background-color: #FF9933; /* 기본 오렌지 색상 */
    border: 1px solid #FF9933;
    color: #fff;
}

/* 마우스를 올렸을 때의 스타일 (active 상태) */
.btn-logout.active:hover {
    background-color: #CC7A29; /* 더 진한 오렌지 */
    border-color: #CC7A29;
    color: #fff; /* 조금 더 어두운 텍스트 */
    transform: translateY(-1px); /* 살짝 위로 올라감 */
}

/* 기본 색상 (false 상태) */
.btn-logout.inactive {
    background-color: #ccc; /* 그레이 색상 */
    border: 1px solid #ccc;
    color: #fff;
}


/* 마우스를 올렸을 때의 스타일 (inactive 상태) */
.btn-logout.inactive:hover {
    background-color: #bbb; /* 더 어두운 그레이 */
    border-color: #555;
    color: #fff;
    transform: translateY(-1px); /* 살짝 위로 올라감 */
}




.btn.btn-secondary {color: #fff; background-color: #6c757d;}
.btn.btn-secondary:hover {color: #fff !important; background-color: #5c636a;}
.btn.btn-secondary:active {color: #fff; background-color: #5c636a; box-shadow: 0 2px 8px 1px #546b8361;}

.btn-secondary-line {color: #007aa8; background-color: inherit; border: 1px solid #007aa8;}
.btn-secondary-line:hover {color: #033a78; border-color: #033a78; box-shadow: 0 2px 8px 1px #033a7861;}
.btn-secondary-line:active {background-color: #FFF; color: #033a78; border-color: #033a78; box-shadow: 0 2px 8px 1px #033a7861;}

.btn-success {color: #fff; background-color: #0f41cd;}
.btn-success:hover {color: #fff; background-color: #072c91;}

.btn-warnnig {color: #111; background-color: #ffda01;}
.btn-warnnig:hover {color: #fff; background-color: #ffe007;}

.btn-danger {color: #fff; background-color: #ff4d36;}
.btn-danger:hover {color: #fff; background-color: #DB2D27;}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {cursor: default !important; background-color: #bbb; color: #888 !important;}/*비활성화 버튼*/

/**************
* input-style *
**************/
input {position: relative;}
.form-control, .form-select {padding: 0 0.75rem; height: 36px; font-size: 15px}
.form-select:focus {olor: #212529; background-color: #fff; border-color: #eee; outline: 0; box-shadow: 0 0 0 .25rem rgb(194 194 195 / 25%)}
.form-control:focus {color: #212529; background-color: #fff; border-color: #eee; outline: 0; box-shadow: 0 0 0 .25rem rgb(194 194 195 / 25%)}
.datepicker-wrap {position: relative;}
.datepicker-wrap::after {content:"\f133"; position: absolute; right: 15px; top: 8px; font-size: 15px; color: #555; cursor: pointer;}
.datepicker-wrap.min::after {right: 22px; font-size: 14px; top: 10px;} /*240805 추가*/
.dropdown-menu.datepicker {padding: 20px; min-width: auto;}
.datepicker td, .datepicker th {width: 32px; height:  32px;}
.dropdown-menu.datepicker {border: 1px solid #ddd; margin-top: 2px;}
.form-control, .form-select, .datepicker {border-radius: 0;}

.dropdown-menu.min-menu {right: 0 !important; padding: 0; box-shadow: 0 5px 10px 1px rgb(94 94 94 / 35%); width: fit-content; border: 1px solid #aaa;}
.dropdown-menu.min-menu .tit {padding: 8px 0 4px 12px; border-bottom:  1px solid #ddd; font-size: 13px; font-weight: 900;  color: #777;}
.dropdown-menu.min-menu>ul {display: flex;padding: 12px 16px;flex-direction: column;}
.dropdown-menu.min-menu li {margin-bottom: 8px;}
.dropdown-menu.min-menu li .btn {margin : 0;}


.form-check-input:checked {background-color: #079ca0; border-color: #079ca0;}

.form-control.w80px {width: 80px;}
.form-control.w100 {width: 100px;}
.form-control.w120 {width: 120px;}
.form-control.w160 {width: 160px;}
.form-control.w200 {width: 200px;}
.form-control.w240 {width: 240px;}
.form-control.w400 {width: 400px;}
.form-control.w500 {width: 500px;}

.form-select.w80px {width: 80px;}
.form-select.w120 {width: 120px;}
.form-select.w160 {width: 160px;}
.form-select.w200 {width: 200px;}
.form-select.w240 {width: 240px;}

.datepicker.w80px {width: 80px;}
.datepicker.w120 {width: 120px;}
.datepicker.w160 {width: 160px;}
.datepicker.w200 {width: 200px;}
.datepicker.w240 {width: 240px;}

.input-group {
    display: flex;
    flex-wrap: wrap; /* 자동 줄 바꿈 */
    justify-content: center; /* 버튼을 가운데 정렬 */
    gap: 8px; /* 버튼 간 간격 */
}


@media (max-width: 1280px) {
}
@media (max-width: 576px) {
	.input-group {align-items: center; width: 100%; flex-direction: row; flex-wrap: wrap; margin-top: 0;}
	.input-group .input-item {box-sizing: border-box; margin: 4px 0; flex-wrap: wrap;}
	.input-group .input-item.wide {width: 100%;}
	.input-group .input-item > * {margin: 2px;}
	.form-control.w80px, .form-control.w120, .form-control.w160,	.form-control.w200,	.form-control.w240,	.form-control.w400 {width: 45%;}
	.form-select.w80px, .form-select.w120, .form-select.w160, .form-select.w200, .form-select.w240 {width: 45%;}
	.datepicker.w80px, .datepicker.w120, .datepicker.w160, .datepicker.w200, .datepicker.w240 {width: 45%;}
	.dropdown-menu.min-menu>ul {flex-direction: column;}
	.dropdown-menu.min-menu>ul li, .dropdown-menu.min-menu li:last-child {margin :4px;}
	.datepicker.w80px {width: 80px;}
	.datepicker.w100 {width: 100px;}
	.datepicker.w120 {width: 120px;}
	.datepicker.w160 {width: 160px;}
	.datepicker.w200 {width: 200px;}
	.datepicker.w240 {width: 240px;}
}
.table3 {width: 100%;}
.table3 :is(th,td) {padding: 10px;}
.table3 th {background-color: #F6F1F1; font-weight: bold; border: 1px solid #bbb; vertical-align: middle; text-align: center; color: #222}
.table3 th.white-th {background: #fff; }
.table3 td {background-color: #fff; height: 180px; border: 1px solid #ddd;}
.table3 td.stamp-area {margin: auto;}
.table3 td.stamp-area>div {border: 1px dotted #ddd; height: 100%; text-align: center;}

/*내부 페이지 테이블타입4 (메인페이지/게시판)*/
.table4 {width: 100%; border-top: 2px solid #222}
.table4.mint {border-top: 2px solid #007aa8;}
.table4 :is(th,td) {border-bottom: 1px solid #aaa;}
.table4 th {/*text-align: center;*/ font-weight: 700; padding: 10px; white-space: nowrap;}
.table4 td {/*text-align: center;*/ padding: 15px; color: #888; white-space: nowrap;}
.table4 td a {color: #111;}
.table4 th.imp:after {content:' *'; color: #ff3b59;}



/*일정변경 스타일*/
.table6 {
    width: 100%;
    border-top: 2px solid #222;
}
.table6.mint {
    border-top: 2px solid #007aa8;
}
.table6 :is(th, td) {
    border-bottom: 1px solid #aaa;
}
.table6 th {
    font-weight: 700;
    padding: 6px; /* 기존 10px → 6px */
    white-space: nowrap;
}
.table6 td {
    padding: 8px; /* 기존 15px → 8px */
    color: #888;
    white-space: nowrap;
}
.table6 td a {
    color: #111;
}
.table6 th.imp:after {
    content: ' *';
    color: #ff3b59;
}

/*툴팁*/
[data-tooltip-text]:hover {position: relative;}
[data-tooltip-text]:after {-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; transition: bottom .3s ease-in-out, opacity .3s ease-in-out;	background-color: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); white-space: nowrap;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  color: #FFFFFF; font-size: 12px; margin-bottom: 10px; padding: 4px; position: absolute; width: auto; min-width: 30px; max-width: 300px; z-index: 9999; opacity: 0; left: 9999px; top: 90%; content: attr(data-tooltip-text);}
[data-tooltip-text]:hover:after {top: 130%; left: 0; opacity: 1;}

.link-icon {display:  inline-block; height: 32px; border-radius: 12px; overflow: hidden}
.link-icon img {height: 100%; }
.link-icon:hover {box-shadow: 0 0 0px 5px rgba(0,0,0,0.1); }

/*페이징*/
.board-table .pagination{justify-content: center; } 
.board-table .paging .page-link {color: #444; border: none;}

/*테이블 제목*/
.table-caption {margin: 30px 0 15px 0;}
.table-caption h5 {font-size: 20px;}

/*내부 페이지 타이틀부*/
.menu-area {width: 100%;padding: 8px 0;background: #0669db;}
.menu {height: inherit;}
.menu-category {display: flex; align-items: center}
.menu-category li {font-size: 15px; color: #fff;}
.menu-category li a:hover {color: #aad3ff;}
.menu-category li:after {content:'>'; color: #dddddd80; margin: 0 10px;}
.menu-category li:last-child:after {content: '';}

/*보드 타이틀*/
.container-title {padding: 0px;}
.container-title h4 {font-size: 20px;font-weight: 700;color: #fff;margin-bottom: 0}
.container-title h4 span {font-weight: 200; font-size: 18px; color: #CDD4F9; letter-spacing:  -2px; margin-left: 5px;}

.notice-txt {padding: 10px 15px; border: 1px solid #138aff; border-radius: 10px; background-color: #fff; margin-bottom: 20px; margin-top: -10px;}
.notice-txt.mid-notice {margin-top: 0}
.notice-txt p {font-size: 15px; color: #0046c9;line-height: 1.5}
.notice-txt p:before{content:"\f06a"; color: #1667ff; margin-right: 5px;}
.input-group {padding: 0; align-items: center; min-height: 40px; margin: 0px 0; flex-wrap: nowrap;}
.input-group.right {justify-content: flex-end}
.input-item.right {justify-content: flex-end}
.cont-box .input-group.grid2 {display: grid; align-items: center; grid-row-gap: 16px; grid-template-columns: 1fr 1fr;}
.cont-box .input-group.grid3 {display: grid; align-items: center; grid-row-gap: 16px; grid-template-columns: 1fr 1fr 1fr;}
.cont-box .input-group.grid3 {display: grid; align-items: center; grid-row-gap: 16px; grid-template-columns: 1fr 1fr 1fr 1fr;}

@media (max-width: 790px) {
	.input-group.cont-align {flex-wrap: wrap;}
}
@media (max-width: 576px) {
	.input-group.cont-align .input-item {width: 50%;}
}

.input-group.w-100 {width: 100%;}
.row .w-auto {width:  auto;}
.align-right{justify-content: flex-end}
.input-item {display: flex; align-items: center; box-sizing: border-box; position: relative;}
.input-item h6 {font-size: 15px;white-space: nowrap;margin: 5px 15px 5px 0;min-width: 55px;}
.input-item h6:before {content: '';display:  inline-block;height: 16px;width: 5px;background-color: #033a78;position: relative;top: 2px;margin-right: 8px;}
.input-item h6.imp:after {content:' *'; color: #f9005f;}
.input-item label {cursor: pointer; white-space: nowrap;}
.input-item label input {position: relative; top: 3px; margin-right: 5px;}
.input-item input::placeholder {color: #111; font-weight: 400; width: 100%; font-size: 15px;}
.form-check { display: flex; align-items: center;}
.form-check input {margin-right: 4px;}

/*그리드 섹션 잡기*/
.grid-section_s {border: 1px solid #ccc; min-height: 100px; }
.grid-section {border: 1px solid #ccc; min-height: 280px; }
.grid-section.full {min-height: calc(100vh - 290px);}

/*콘텐트 박스*/
.cont-box  {border: 1px solid #ccc; padding: 8px 16px; display: flex; margin-top: 16px;}
.cont-box.autobox {width:  fit-content;}
.cont-box.w850 {width: 850px;}
.cont-box .left-box {}
.cont-box .right-box {margin-left: 24px;}
.cont-box.col {flex-direction: column;}
.cont-box .input-item {padding: 0 12px;}
.cont-box .input-item.w100 {width: 100%; max-width: none}
.cont-box .input-item h6 {width: 96px; letter-spacing: -1px; font-size: 14px; margin: 0; padding-right: 8px; box-sizing: border-box;}
.cont-box .input-item h6.blank:before {display: none;}
.cont-box .input-item h6.wide {margin-right:  16px}
.cont-box .input-item h6.w-auto {width: auto;}
.cont-box .input-item.add h6 {margin-right: 40px;}
.cont-box .input-item :is(.form-control, .form-select,.datepicker) {width: calc(100% - 96px);}
.cont-box .input-item button {white-space:  nowrap;}
.cont-box .cont-data-box {width: calc(100% - 180px);}
.cont-box .cont-img-box {padding-left: 16px;}
.cont-box .img-box {width: 160px; margin: 8px auto;}
.cont-box .left-box {width: 20%}
.cont-box .right-box {width: 80%}
.cont-box .input-group.address {flex-direction: column;}

/*회원정보 - contbox 높이들*/
.cont-box .user0, .cont-box .stamp {width: 16%}
.cont-box .user0>div {height: 160px; margin: 10% auto; width: 145px; background: #eee;}
.cont-box .stamp>div {height: 160px; margin: 10% auto; width: 160px; background: #eee;}
.cont-box .user1 {width: 44%}
.cont-box .user2 {width: 40%}

.height1 {height:  340px;}
.height2 {height:  462px;}
.height3 {height:  320px;}
.height5 {height:  280px;}
.height4 {height:  718px;}
.height6 {height:  886px;}
.height7 {height:  670px;}
.height8 {height:  200px;}

.height718 {height:  718px;}
	.heightPopup {height:  calc(100vh - 67px)}
	.heightPopup2 {height:  calc(100vh - 97px)}
.height734 {height:  734px;}
.height678 {height:  678px;}
.height462 {height:  462px;}
.height300 {height:  300px;}


/*회원정보: 높이*/
@media (min-height: 1200px) {
	.height1 {height:  440px;}
	.height3 {height:  fit-content;}
	.height4 {height:  800px;}
	.height1 .grid-section {height: 380px;}
	.height718 {height:  790px;}
	.heightPopup {height:  calc(100vh - 67px)}
	.heightPopup2 {height:  calc(100vh - 97px)}
	.height678 {height:  746px;}
	.height462 {height:  508px;}
	.height300 {height:  330px;}
}
@media (min-height: 1440px) and (min-width: 1920px) {
	.height1 {height:  710px;}
	.height1 .grid-section {height: 650px;}
	.height3 {height:  fit-content;}
	.height4 {height:  1070px;}
	.height718 {height:  869px;}
	.heightPopup {height:  calc(100vh - 67px)}
	.heightPopup2 {height:  calc(100vh - 97px)}
	.height678 {height:  820px;}
	.height462 {height:  559px;}
	.height300 {height:  363px;}
}

/*회원정보: 가로*/
@media (max-width: 1600px) {
	.cont-box .input-group.address {flex-direction: row;}

	.height1 {height:  300px;}
	.height2 {height:  360px;}
	.height3 {height:  fit-content;}
	.height3 {height:  430px;}
	.height4 {height:  898px;}
	.height718 {height:  653px;}
	.heightPopup {height:  calc(100vh - 67px)}
	.heightPopup2 {height:  calc(100vh - 97px)}
	.height734 {height:  814px;}
	.height678 {height:  616px;}
	.height462 {height:  420px;}
	.height300 {height:  273px;}

	.cont-box { flex-wrap: wrap;}
	.cont-box .user0, .cont-box .stamp {width: 24%}
	.cont-box .user1 {width: 76%}
	.cont-box .user2 {width: 100%}
	.cont-box .input-item h6 {width: 140px;}
}
@media (max-width: 1439px) {
	.height1 {height:  300px;}
	.height2 {height:  360px;}
	.height3 {height:  fit-content;}
	.height4 {height:  943px;}
	.height718 {height:  593px;}
	.heightPopup {height:  calc(100vh - 67px)}
	.heightPopup2 {height:  calc(100vh - 97px)}
	.height678 {height:  560px;}
	.height462 {height:  382px;}
	.height300 {height:  248px;}
	
	.left-box {margin-bottom: 8px;}
	/*회원정보*/
	.cont-box .user0>div {margin: 2% auto 4% auto; width: 140px; height:  150px;}
	.cont-box .stamp>div{margin: 2% auto 4% auto; width: 140px; height:  140px;}
	
	.cont-box .input-group {margin-top: 0; flex-wrap: wrap;}
	.cont-box .input-group.address {margin-top: 8px;}
	.cont-box .input-item.w360 {width: 100%;}
	.cont-box .input-item.w460 {width: 100%;}

	.cont-box .input-group.grid2 .input-item {width: 100%; margin: 4px 0;}
	.cont-box .input-item :is(.form-control, .form-select,.datepicker) {width: 100%;}
}

@media (max-width: 990px) {
	.input-item {margin: 2px;}
	.input-group.right {justify-content: flex-start;}
	.input-item.right {justify-content: flex-start;}
	.cont-box.w820 {width: auto;}
	.cont-box .input-item.w360 :is(.form-control, .form-select,.datepicker) {width: 100%;}
	.cont-box .input-item.w460 :is(.form-control, .form-select,.datepicker) {width: 100%;}
	.cont-box .right-box {margin-left: 0;}
	.cont-box .input-item h6 {width: 120px}
	.height3 {height:  fit-content;}
	.height4 {height: 440px;}
	.height718 {height: 539px;}
	.heightPopup {height:  calc(100vh - 67px)}
	.heightPopup2 {height:  calc(100vh - 97px)}
	.height678 {height: 509px;}
	.height462 {height: 347px;}
	.height300 {height: 225px;}
}
@media (max-width: 768px) {
	.cont-box .user0>div {margin: 2% auto 4% auto; width: 100px; height:  110px;}
	.cont-box .stamp>div {margin: 2% auto 4% auto; width: 100px; height:  100px;}
	.height1 {margin-bottom: 20px;}
	.height2 {height: fit-content;}
	.height3 {height: fit-content;}
	.height4 {height: fit-content;}
	.height718 {height: 490px;}
	.heightPopup {height:  calc(100vh - 67px)}
	.heightPopup2 {height:  calc(100vh - 97px)}
	.height678 {height: 463px;}
	.height462 {height: 316px;}
	.height300 {height: 205px;}
			
}
@media (max-width: 576px) {
	.cont-box .input-item h6 {width: 100%; margin-bottom: 8px;}	
	.height1 {margin-bottom: 40px;}
	.height3 {height:  fit-content;}
	.height718 {height: 446px;}
	.heightPopup {height:  calc(100vh - 67px)}
	.heightPopup2 {height:  calc(100vh - 97px)}
	.height678 {height: 421px;}
	.height462 {height: 287px;}
	.height300 {height: 186px;}
}
@media (max-width: 460px) {
	.cont-box .input-group.grid2 {grid-template-rows: 1fr 1fr;  grid-template-columns: none;}
	.cont-box .input-group.grid3 {grid-template-rows: 1fr 1fr 1fr; grid-template-columns: none;}
	.cont-box .input-group.grid3 {grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-columns: none;}
	.cont-box .user0,.cont-box .stamp {width: 100%}
	.cont-box .user1 {width: 100%}
	.height718 {height: 405px;}
	.heightPopup {height:  calc(100vh - 67px)}
	.heightPopup2 {height:  calc(100vh - 97px)}
	.height678 {height: 383px;}
	.height462 {height: 261px;}
	.height300 {height: 169px;}
}

/*탭*/
.nav-tabs .nav-item .nav-link {border: none; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: none; border-bottom: 3px solid #0669db;}
.nav-tabs .nav-item .nav-link:hover {color: #0669db;}
.tab-grid {position: relative;}
.tab-grid .grid-cont {position: absolute; box-sizing: border-box; display: none; width: 100%}
.tab-grid li.active {display: block;}

/*메인 헤더*/
.main-header {padding: 15px 0 10px 0; border-bottom: 1px solid #eee}
.main-header .logo img {height: 45px;}
.main-header .userbar {justify-content: space-between}
.main-page .logo {display: none;}

/*로그인 모달*/
.login {-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.login .modal-body {padding: 16px 40px;}
.login-input-group {margin: 24px auto 0;}
.login .modal-title {font-size: 24px;}
.login label input[type='checkbox'] { position: relative; top: 3px; margin-right: 5px;}
.login .input-group {position: relative; width: 100%; margin: 0 auto 24px;}
.login .form-control {display: block;  font-size: 14pt; padding: 10px; border: 1px solid #ccc; height: 50px;}
.login .form-control:focus,.login .form-control:active {outline: none; box-shadow:  none;}
.login label.tag {position: absolute; top: 15px; left: 10px; color: #999; font-size: 14px; font-weight: normal; pointer-events: none; transition: all 0.2s ease; background-color:  #fff; padding: 0px 4px; border-radius: 5px;}
.login input:focus ~ label.tag, input:valid ~ label.tag {top: -15px;font-size: 10pt;color: #52abad;z-index: 100;}
@media(max-width: 460px){
	.login .modal-footer .btn {width: 40%; padding: inherit; line-height: 0}
}
/*내부 페이지 테이블타입2*/
.sum-grid {width: 100%; border-top: 2px solid rgb(80 80 80);  border-bottom: 1px solid rgb(80 80 80);  border-right: 1px solid rgb(80 80 80); margin-top: 5px;}
.table2 {width: 100%;}
.table2 :is(th,td) {padding: 5px; height: 48px; font-size: 15px; white-space: nowrap; vertical-align: middle;}
.table2 th {background: rgb(120 120 120); color: #fff; font-weight: bold; }
.table2 td {background-color: #fff; color: #111;}

/*팝업 모달*/
.modal-dialog {top: 10%;}
.modal-header {padding: 8px 16px 8px 24px; justify-content: space-between; border: none;}
.modal-content {}

#salaryModal .modal-dialog,
#addEmpModal .modal-dialog {
    width: 1200px !important;
    height: 800px !important;
    max-width: 1200px !important;
    max-height: 800px !important;
}

.modal-body .card-body {height: 450px;}
.popText-area {min-width: 450px; padding: 0 20px;}
.popText-area p {font-size: 17px; line-height: 1.5; color: #333;}
.popText-area.poptextSubmit {}
.popText-area.poptextSubmit p{}
.modal-textarea {min-width : 500px; border: 1px solid #ccc; min-height: 300px;}
.modal-header .close {color: #111; border: none; background: unset;}
.modal-footer {justify-content: center;   border: none;}


.modal-body2 {
    padding-top: 0px; /* Adjust this value as needed */
    padding-right: 16px;
    padding-bottom: 20px;
    padding-left: 16px;
    /* Add other properties from .modal-body if needed */
}

.modal-body3 {
	display: flex;
    padding-top: 0px; /* Adjust this value as needed */
    padding-right: 16px;
    padding-bottom: 20px;
    padding-left: 16px;
    /* Add other properties from .modal-body if needed */
}


/*메인페이지 보드부*/
.board-table {width: 100%;}
.section-sub-title {color: #666; margin-top: 8px; font-weight: 400; font-size: 15px;}
.board-list-tab {width: 100%; display: flex; margin: 24px 0 0 0; }
.board-list-tab li {width: 25%; text-align: center; padding: 10px; font-size: 15px; font-weight: 300; cursor: pointer; white-space: nowrap;}
.board-list-tab li:hover {background-color: #c8e0fd; transition: 0.7s;}
.board-list-tab li.active {background-color: #007aa8; color: #fff;  font-weight: 500;}
.board-list-tab li label { cursor: pointer;}
.board-list-tab li input {display: none}
.board-table .btn:hover {background-color: #f7f7f7; border: 1px solid #f7f7f7; color:#111;}

@media(max-width: 991px){
	.board-list-tab li {font-size: 14px; }
}
@media(max-width: 460px){
	.board-list-tab {justify-content: space-between;}
	.board-list-tab li {width: auto}
}

/*소개 페이지*/
section.solid-bg {background-color: #08adb1;}
.point-section,.work-section {margin-top: 30px; text-align: center;}
.point-section h3 {font-size:24px; font-weight: 600; color: #777;}

.point-section h3 span {font-size:24px; font-weight: 900; color: #222;}
.point-list,.work-list {}/*2312수정*/
.point-list li {font-size: 18px; line-height: 1.8; color: #222; text-align: left;}
.point-list li:before {content:'\2714'; color: #aaa; margin-right: 10px;}
.point-title {display:flex; align-items: center; margin-bottom: 15px;}
.work-title {margin-bottom: 10px;}
.point-title img,.work-title img {width: 32px; margin-right: 10px;	}
.point-title h3 {margin-bottom: 0;}
.work-list li{font-size: 18px; line-height: 2; color: #222;}
.work-title h4 {font-size: 18px; color: #333; margin-bottom: 10px; font-weight: 400; position: relative; left: 20px;}
.work-title h4:before {content:'\2714'; color: #416fdf; margin-right: 10px; margin-left: -30px;}
section.btn-section {padding: 80px 0;}
.btn-section .row div {display: flex; align-items: center; flex-direction: column; justify-content: space-between;}
.btn-section .row div p {font-size: 20px; color: #fff; margin-bottom: 15px; line-height: 1.5;}

/*올케어 페이지*/
.introduce-text {text-align: left;}
h4.introduce-text {font-size: 22px; line-height: 1.7; }
h5.introduce-text {font-size: 20px;}
.introduce-text p {font-size: 17px; line-height: 1.8; color: #333; font-weight: 300;}
.introduce-img {width: 100px; margin-bottom: 20px;}
.introduce-img img {width: 100%;}
.modal-body .card-body {min-width: 800px;}
.owner-title {font-size: 20px; font-family: 'Chosunilbo_myungjo'; color: #111;}
.owner-profile {text-align: left; margin: auto;}
.subway h5 {font-size: 15px; color: #444;}
.subway {margin: 20px 0;}
.search-subway {font-weight: 600; font-size: 15px; color: #222; margin: 5px 0;}
.search-subway i {font-size: 15px; margin-right: 5px;color: #555;}
.subway-line {border-radius: 20px; padding: 3px; font-size:12px; color: #fff; min-width:20px; display: inline-block; text-align: center; height:20px;}
.subway-line.line7 {background-color: darkolivegreen}
.subway-line.linesl{background-color: #605b7d; padding: 3px 10px}
.subway-list {margin: 10px 0;}
.section-title {margin: 0px auto; font-size: 24px; text-align: center;}
.section-title-min {font-size: 24px;}
.point-item {margin: 30px 0 50px; padding: 30px 20px;}
.point-item-image img {width: 80%;}
.point-text {display: flex; flex-direction: column; justify-content: center;}
.work-img {text-align: left;}
.work-img img{width: 120px;}
.owner-title {font-size: 20px; font-family: 'Chosunilbo_myungjo'; color: #111;}
.owner-profile {width: 550px; text-align: left; margin: auto;}
.search-address {font-size: 18px;}

/*내용페이지 헤더*/
.banner-area {height: 300px; display: flex; justify-content: flex-start; align-items: center; padding-left: 20%; background-position: center; background-size: auto;
    background-repeat: no-repeat;}
.banner-area .banner-heading h2 {color: #fff; font-size: 30px;}
.banner-area.page01 {background-image: url(../images/banner/banner1.jpg); } 
.banner-area .banner-details, .banner-title-text {margin-top:20px;}
.banner-area .banner-details li, .banner-title-text { font-size: 15px; line-height: 2; color: #fff; font-weight: 400;} /*2312수정*/
.banner-area .banner-details li:before {content:'\2714'; color: #63a7ff; margin-right: 10px;} /*2312수정*/

.banner-area .banner-title {font-size: 36px;}
.point-section,.work-section {margin-top: 30px; text-align: center;}
.point-section h3 {font-size:24px; font-weight: 600; color: #777;}

/*내용페이지-프로그레스바*/
.progress-step {counter-reset: step;}
.progress-step li {list-style: none; display: inline-block; width: 24%; position: relative; text-align: center; cursor: pointer;}
.progress-step li:before {content: counter(step);  counter-increment: step; width: 40px; height: 40px; line-height : 40px; border: 1px solid #ddd; 
						  border-radius: 100%; display: block; text-align: center; margin: 0 auto 10px auto; background-color: #fff;}
.progress-step li:after {content: ""; position: absolute; width: 100%; height: 2px; background-color: #ddd; top: 20px; left: -50%; z-index : -1;}
.progress-step li:first-child:after {content: none;}
.progress-step li.active {color: #333;}
.progress-step li.active p {font-weight: bold;}
.progress-step li.active:before {background-color: #333; color: #fff; border-color: #333;} 
.progress-step li.active + li:after {background-color: #333;}

/*내용페이지-게시판 셀렉*/
.serv-body {width: 100%;}
.service-borad .table4 td{color: #222; cursor: pointer}
.service-borad-write .table4 td {padding: 5px 0;}
.service-borad-list {display:flex; flex-wrap: wrap;}
.service-borad-item {width: 100%; display:flex; align-items: center; margin: 5px 0;}
.service-borad-item h6 {min-width: 140px; text-align: left; padding: 0 10px}
.service-borad-content {display:flex; align-items: center}	
.service-borad-content .service-borad-item2 {width:10%;}
.service-borad-item h6.imp:after {content:' *'; color: #ff3b59;}

/*내용페이지-회원가입 프로그레스바*/
.join-progress-step {counter-reset: step;  display: flex; justify-content: space-between; align-items: stretch;}
.join-progress-step li {display: inline-block; width: 32%; position: relative; text-align: left; border: 1px solid #eee; background-color: #eee; padding: 8px 24px;}
.join-progress-step li:after {content:'';display: block; position: absolute; width: 12px; height: 12px; background: #ccc;clip-path: polygon(30% 0, 30% 100%, 100% 50%); top: 50%; right: -16px;}
.join-progress-step li:last-child:after {display: none;}
.join-progress-step li .step-text-s {font-size: 13px; line-height: 2; color: #bbb;}
.join-progress-step li .step-text {font-size: 18px;  line-height: 1.5; font-weight: 700; color: #aaa;}
.join-progress-step li.active {background: #16b1a7; }
.join-progress-step li.active:after {background: #888}
.join-progress-step li.active .step-text-s {color: #fff;}
.join-progress-step li.active .step-text {color: #fff;}

/*회원가입*/
.input-group.join h6 {width: 120px; }
.input-group.join .pw-icon {position: absolute; right: 8px;}
.input-group.join.address .input-item {width: 100%; margin: 4px 0;}
.input-group.join.address .input-item:nth-child(2) input {margin-left: 138px}
.input-group.join.address .input-item input[type="text"] {}

/*이용약관*/
.scroll-cont {overflow-x: scroll;}
.hpx-160 {height: 160px;}
.chk-radio:checked + label {color: #111; font-weight: bold}
.agreement-input {}
.agreement-input>div {display: inline-block; margin: 0 8px}
.agreement-input label {font-size: 15px; font-weight: 300; margin-left: 4px; cursor:  pointer;}

/*내부 페이지 테이블타입5 (약관동의)*/
.table5 {width: 100%; border-top: 2px solid #222; border-bottom: 1px solid #777;}
.table5 th { font-weight: 700; padding: 8px 12px; }
.table5 td { padding: 8px; color: #444; font-size: 14px; line-height: 1.5; font-weight: 200;}
.table5 td a {color: #111;}
.table5 th.imp:after {content:' *'; color: #ff3b59;}

/*항목추가 테이블*/
.add-table-wrap {margin-top: 16px; display: flex; background-color: #f5f5f5; align-items: center;}
.add-table {display: flex; padding: 6px; align-items: center;}
.add-table h6 {padding: 0 14px;}
.add-check {padding: 4px 16px;}
.add-table .form-control {zoom: 0.8; width: 160px;}

/*파일 업로드 리스트*/
.upload-box {height: 38px; line-height: 30px; padding:  4px 12px; border-radius: 4px; width: 100%; box-sizing: border-box; margin-left: 4px; display: flex; flex-wrap: wrap;}
.upload-file {color: #333; height: -webkit-fill-available; width: fit-content; margin-right: 8px;}
.upload-file .file-icon {margin:0 4px; color: #555;}
.upload-file a {margin-left: 4px; font-size: 12px;}
.upload-file a:hover{color: #3d4cbf;}

/*아이디/패스워드 찾기 */
.find-id-pw {}
.find-id-pw .input-group {}

@media(max-width: 768px){
	.join-progress-step {flex-direction: column;}
	.join-progress-step li {width: 100%; margin-bottom: 16px;}
	.join-progress-step li:after { top: 100%; transform: rotate(90deg); right: 50%;}
	.table5 th {white-space: nowrap}
	.input-group.join.address .input-item:nth-child(2) input {margin-left: 0px}
}

@media(max-width: 425px){
	.input-group.join .input-item {width: 100%;}
	.input-group.join .input-item :is(.form-control.w120, .form-control.w160, .form-control.w200, .form-control.w240, .form-control.w400) {width: 45%;}
	.input-group.join h6 {width: 100%; box-sizing: border-box; }

}

/* 공통 규칙 (기본값) */
.row > * {
    padding-left: 0;
    padding-right: 0; /* 기본적으로 오른쪽 패딩 제거 */
}

/* 모바일이 아닌 경우 */
@media (min-width: 990px) {
    .row > * {
        padding-right: calc(var(--bs-gutter-x) * 1); /* 비모바일 환경에서 오른쪽 패딩 적용 */
    }

    .row > div:last-child {
        padding-right: 0; /* 마지막 div는 항상 패딩 제거 */
    }
}

.orange-color {
  background: #f4e04d;
}

.orange-bold {
    background: #f4e04d;
	font-weight: bold; 
}

.just-bold {
	font-weight: bold; 
}



/*modal 내용추가 (알림톡) 24.11 */
.modal-dialog.mw920 {max-width: 920px;}
.sub-text {font-size: 14px;}
.grid-section.h400 {border: 1px solid #ccc; min-height: 400px; overflow-y: scroll; }
.grid-section.msg-box {background: #bacee0; border: none; box-sizing: border-box; }
.grid-section.msg-box h5 {padding: 4px 8px; text-align: left; background: #9fbbd3; color: #222; font-size: 14px;}
.grid-section.msg-box .talk-box {text-align: left;background: #ffeb33;margin: 5%;padding: 5%; border-radius: 4px; box-shadow: 0 2px 1px 0px rgba(0,0,0,0.3);}
.grid-section.msg-box .talk-box h6 {margin-bottom: 8px;}
.grid-section.msg-box p { white-space: normal; line-height: 1.5; color: #222;}