@charset "utf-8";
/* CSS Document */
/*선컬러 : #dedede
호버시 컬러, 버튼기본컬러  : #194a87
호버시 컬러, 버튼밝은회색  : #f8f9fa
호버시 컬러, 버튼중간회색  : #B7BCC5
호버시 컬러, 버튼밝은청색  : #2b6bcb
호버시 컬러, 버튼밝은그린  : #8eb948
#e9f1f9
#cadbed
#90b4db

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);
*/

/* 480 / 575 / 768 / 1024 */

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body {margin: 0; font-family:'Spoqa Han Sans Neo', sans-serif; font-size: 16px; letter-spacing: -0.01em; color: #454545; word-break: keep-all;}
a {text-decoration: none; color:#000;}
:hover {
--bs-link-hover-color: #194a87;
--bs-nav-link-hover-color:#194a87;}

/*@media (max-width: 992px) {html {font-size: 16px !important;}}*/
/*@media (max-width: 768px) {html {font-size: 15px !important;}}*/
/*@media (max-width: 576px) {html {font-size: 14px !important;}}*/

/******** heder start ********/
#heder_ceci {background-color:#fff;}
#heder_ceci .navbar {border-top: 1px solid #dedede;border-bottom: 1px solid #8aa4b7; background-color:#f8f9fa; box-shadow: 0px 5px 15px 0px rgba(155,155,155,0.2); }
.ceci_sd_heder .ceci_ci {padding: 1rem;}
.ceci_sd_heder .ceci_topmenu1,.ceci_sd_heder .ceci_topmenu {flex: 1 0 0%; padding: 0.4rem; font-size:0.9rem; font-weight: 500; text-align: center;}
.ceci_sd_heder .ceci_topmenu:hover {background-color:#f8f9fa; border: 0.1rem solid #dee2e6; height: auto; border-radius: 0 0 0.3rem 0.3rem; }
.ceci_sd_heder .ceci_topmenu1 {background-color:#194a87; border-radius: 0 0 0.3rem 0.3rem; }
.ceci_sd_heder .ceci_topmenu {border-right: 0.1rem solid #dee2e6; height: 1rem;}
.ceci_sd_heder .ceci_topmenu1:hover {background-color:#2b6bcb;}

.ceci_sd_heder .ceci_topmenu1 a {color: #fff; }

.small .ceci_sd_heder {display: none;}

.nav-item {font-size: 1.1rem; font-weight: 500;letter-spacing: -0.02em;}
.navbar-brand img {height: 3rem; vertical-align: top;}

.offcanvas-header {padding-bottom: 0;}
.offcanvas-title img {width: 15rem;}

.dropdown:hover {background-color:#e9f1f9/*오버시 바탕컬러*/;}
.dropdown-menu {box-shadow: 0px 5px 15px 0px rgba(155,155,155,0.2)}

.nav-item a, .dropdown-menu li a {color: #000;}

@media (min-width: 1200px) {
	.nav-item>a {padding-left:2rem !important;}
}

@media (min-width: 992px) {
	.offcanvas-lg {width: 100%;}
	.dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
	.dropdown-toggle::after {border-top: 0 solid;}
	.dropdown-menu {--bs-dropdown-divider-margin-y: 0rem;
					--bs-dropdown-padding-y: 0rem;
					--bs-dropdown-border-radius: 0 0 0.375rem 0.375rem;
					--bs-border-color-translucent: rgba(138, 164, 183, 0.3);
					--bs-dropdown-item-padding-y: 0.5rem;
					--bs-dropdown-link-active-bg: #c9d5e7/*액티브시 바탕컬러*/;
					--bs-dropdown-link-hover-bg: #f4f4f4;}
	.navbar {--bs-navbar-padding-x: 1rem;
			--bs-navbar-padding-y: 0rem;
			--bs-navbar-nav-link-padding-x: 1rem;}
	.navbar-nav {--bs-nav-link-padding-y: 1rem;}
	#heder_ceci .navbar .navbar-brand {display: none;}
	.small .navbar .navbar-brand {display: block !important;}
	.small div ul,.ceci_small form {zoom: 0.9;}
	.small .dropdown-item {font-size: 1.2rem;}
	.mobileMenu {display: none;}
}

/*@media (max-width: 991.98px) {
	.offcanvas-lg {max-width: 80%;}
}*/

@media (max-width: 991px) {
	.container {max-width: 100%;}
	.ceci_sd_heder {display: none !important;}
	nav .container {--bs-gutter-x: 0rem;}
	.navbar-brand img {content: url(../img/ci_gyuhive991.png); height:2.6rem; padding-top: 0.1rem; margin-left: 1rem;}
	.navbar-toggler {margin-right: 1rem; padding: 0.2rem;}
	.navbar-collapse {background-color: #fff;}
	.nav-item>a {padding: 0.5rem 1rem; border-bottom: 0.1rem solid #e9f1f9;}
	.navbar-collapse {margin-top: 0.5rem; border-top: 0.01rem solid #B7BCC5;}
	.dropdown-toggle::after {border-top: .35em solid;}
	nav .dropdown-divider {margin:0; border-color: #e9f1f9;}
	nav .dropdown-menu {padding-top: 0; padding-bottom: 0; border: 0.5rem solid #e9f1f9; border-top:0; box-shadow: none; }
	nav .dropdown-item {padding: 0.5rem 1.5rem; font-size: 1.1rem;}
	nav form {padding: 1rem 0rem;/*background-color: #f8f9fa;*/}
}
@media (max-width: 414px) {
	.navbar-brand img {height:2.3rem;}
	.offcanvas-lg {max-width: 80%;}
}
.ceci_asum i {font-size: 2rem;}
/*.ceci_asum:hover {color: #fff;}*/
/******** heder end ********/



/******** modal start ********/
#wholeMenu .modal-header .btn-close {font-size: 1.5rem;}
#wholeMenu .modal-body {margin: 1.5rem 0 0 1rem;}
#wholeMenu .modal-body ul>li {display: block;line-height: 1.9rem;}
#wholeMenu .modal-body ul>li:first-child {font-size: 1.2rem; font-weight: 500;padding-bottom: 0.5rem; border-bottom: 0.1rem solid #003a7e;}
#wholeMenu .modal-body ul>li:first-child a {color: #003a7e;}

#wholeMenu .modal-body ul>li:nth-child(2) {padding-top: 0.5rem;}
#wholeMenu .modal-footer {justify-content: center;}
/******** modal end ********/



/******** main_carousel start ********/
.carousel {}
.carousel-control-next, .carousel-control-prev {top: 8rem;}

.carousel-item img {animation: cecizoom 3s ease-in-out both; transform: scale(1.1);}
@keyframes cecizoom {
	0% {-webkit-transform: scale(1.1);transform: scale(1.1);}
	100% { -webkit-transform: scale(1);transform: scale(1);}
}

.ceci-sl01 h5, .ceci-sl02 h5, .ceci-sl03 h5 {font-size: 2.2rem; letter-spacing: -0.05em; font-weight: 600; padding-bottom: 1rem; animation: cecifadedown 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
@keyframes cecifadedown {
	0% {opacity: 0;transform: translateY(-8rem);filter: blur(0.1rem);}
	50% {opacity: 0.2;color: gray;}
	100% {opacity: 1;transform: translateY(0);filter: blur(0);}
}

.ceci-sl01 p, .ceci-sl02 p, .ceci-sl03 p {font-size: 1.05rem; line-height: 1.5rem; letter-spacing: -0.05em; font-weight: 500; color: gray;animation: cecislidein 3s cubic-bezier(0.4, 0, 0.2, 1) both;}
@keyframes cecislidein {
	from {opacity: 0;margin-left: 100%;width: 300%}
	to {opacity: 1;margin-left: 0%;width: 100%;}
}

.ceci-sl01 {text-align: right;}
.ceci-sl01 h5 {font-size: 3rem;}
.ceci-sl01 p {font-size: 1.2rem;}
.ceci-sl02, .ceci-sl03 { text-align: left;}

@media (max-width: 1400px) {
	.ceci-sl01 h5 {font-size: 2.4rem;}
	.ceci-sl01 p, .ceci-sl02 p, .ceci-sl03 p {line-height: 1.3rem;}
	.ceci-sl01 p {font-size: 1.1rem;}
	.ceci-sl02 h5, .ceci-sl03 h5 {font-size: 2rem;}
	.ceci-sl02 p, .ceci-sl03 p {font-size: 1rem;}
}

@media (max-width: 1200px) {
	.carousel {top: 3rem;}
	.ceci-sl01 h5 {font-size: 2.2rem;}
	.ceci-sl01 p, .ceci-sl02 p, .ceci-sl03 p {line-height: 1.2rem;}
	.ceci-sl01 p {font-size: 1rem;}
	.ceci-sl02 h5, .ceci-sl03 h5 {font-size: 1.8rem;}
	.ceci-sl02 p, .ceci-sl03 p {font-size: 0.9rem;}
}

@media (max-width: 991px) {
	.ceci-sl01 h5, .ceci-sl02 h5, .ceci-sl03 h5 {padding-bottom: 0.3rem;}
	.ceci-sl01 h5 {font-size: 2.1rem;}
	.ceci-sl01 p, .ceci-sl02 p, .ceci-sl03 p {line-height: 1.15rem;}
	.ceci-sl01 p {font-size: 1rem;}
	.ceci-sl02 h5, .ceci-sl03 h5 {font-size: 1.7rem;}
	.ceci-sl02 p, .ceci-sl03 p {font-size: 0.83rem;}
}
@media (max-width: 768px) {
	.d-none {display: block !important;}
	.d-none p {display: none;}
	.ceci-sl01 h5, .ceci-sl02 h5, .ceci-sl03 h5 {padding-bottom: 0.2rem;}
	.ceci-sl01 h5 {font-size: 2rem;}
	.ceci-sl01 p, .ceci-sl02 p, .ceci-sl03 p {line-height: 1.1rem;}
	.ceci-sl01 p {font-size: 1rem;}
	.ceci-sl02 h5, .ceci-sl03 h5 {font-size: 1.4rem;}
	.ceci-sl02 p, .ceci-sl03 p {font-size: 0.8rem;}
}
@media (max-width: 576px) {
	.carousel-control-next, .carousel-control-prev {display: none;/*top: 1rem; margin-right: 0rem; margin-left: 0rem;*/}
	.carousel-indicators {margin-bottom: 0rem;}
	.ceci-sl01 h5, .ceci-sl02 h5, .ceci-sl03 h5 {padding-bottom: 0rem; margin-right: -1.5rem; margin-left: -1.5rem;}
	.ceci-sl01 h5 {font-size: 1.4rem;}
	.ceci-sl02 h5, .ceci-sl03 h5 {font-size: 1.2rem;}
}
/******** main_carousel end  ********/


/* font */
.title_ceci {font-size: 1.5rem; letter-spacing: -0.02em; font-weight: 600; padding-bottom: 1rem;}
.more_ceci {text-align: right; font-size: 0.9rem; letter-spacing: -0.02em; font-weight: 500; padding-top: 0.6rem;}
.subtitle_ceci {font-size: 1.02rem; letter-spacing: -0.04em; font-weight: 500;}


/******** main_process start ********/
.ceci_process {margin-top: 4rem;}

.ceci-noti .card {padding: 0.5rem 0.7rem;background-color: #f8f9fa;}
.ceci-noti .title_ceci {font-size: 1.2rem; padding-bottom: 0.5rem;}
.ceci-noti .more_ceci {font-size: 0.8rem; font-weight: 400;}
.ceci-noti .subtitle_ceci {line-height: 1.4rem; padding-top: 1rem;}
.ceci-noti .subtitle_ceci span { display: block; font-size: 0.9rem; letter-spacing: -0.03em; font-weight:400; color: #717070; line-height: 2rem;}
.ceci-noti .subtitle_ceci:hover { background-color: #e9f1f9;}


.ceci-course .card {flex-direction: row;}
.ceci-course .align-items-center {width: 100%; padding-left: 1.5rem; text-align: center;}

.ceci-course .dot {position: relative; background: #cadbed; border-radius: 50%; width: 0.8rem; height: 0.8rem; margin: 0 auto; margin-bottom: 0.5rem;}
.ceci-course .subtitle_ceci {font-size: 1.15rem;line-height: 1.2rem;}
.ceci-course .icon_ceci {font-size: 3rem; color: #90b4db;}
.item01, .item02, .item03, .item04 {padding-bottom: 1.5rem;}

.ceci-course .col:hover {background: #e9f1f9; border-radius: 15%; color: #fff;}
.ceci-course .col:hover a .dot {background: #fff;}
.ceci-course .col:hover .icon_ceci {color: #194a87;}
.ceci-course .col:hover .subtitle_ceci {color: #194a87;}

@media (max-width: 1200px) {
	.ceci_process {margin-top: 7rem;}
}
@media (max-width: 991px) {
	.ceci_process {margin-top: 5rem;}
	.ceci-course {padding: 0;}
	.ceci-course .card {--bs-card-border-width: 0;}
}
@media (max-width: 576px) {
	.ceci-course .icon_ceci {font-size: 2.7rem;}
	.ceci-course .subtitle_ceci {font-size: 1rem;}
}
@media (max-width: 414px) {
	.ceci-course .icon_ceci {font-size: 2.5rem;}
	.ceci-course .subtitle_ceci {font-size: 0.955rem;}
}
/******** main_process end ********/


/******** main_card start ********/
.ceci_edu {margin-top: 3rem; margin-bottom: 5rem;}
.ceci_edu p {margin-bottom: 0rem;}
.ceci_edu .card:hover {cursor: pointer; border: 0.2rem solid #2b6bcb; border-radius:0.6rem; box-shadow: 0 0.3rem 0.8rem 0.2rem rgba(155,155,155,0.3);}
.ceci_edu .state2:hover {border-color: #B7BCC5;}/*접수마감 border 컬러 */
.ceci_edu .state3:hover {border-color: #8eb948;}/*교육중 border 컬러 */
.ceci_edu .state4:hover {border-color: #b0c2c3;}/*교육완료 border 컬러 */

.ceci_edu .card-title {font-size: 1.4rem; font-weight: 600; letter-spacing: -0.04em; margin-bottom: 1.5rem;}
.ceci_edu .card-title span {display: block; font-size: 0.9rem; font-weight: 500; letter-spacing: -0.04em; color: #919191; margin-bottom: 0.3rem;}

.ceci_edu .card-text {font-size: 0.95rem; color:#000; border-top:1px solid #dedede; padding-top: 0.4rem; padding-bottom: 0.4rem;}
.ceci_edu .card-text span {font-weight: 500;}

.ceci_edu .state1 .card-footer {background-color:#2b6bcb !important;}/*접수중 바탕 컬러 */
.ceci_edu .state2 .card-footer {background-color:#B7BCC5 !important;}/*접수마감 바탕 컬러 */
.ceci_edu .state3 .card-footer {background-color:#8eb948 !important;}/*교육중 바탕 컬러 */
.ceci_edu .state4 .card-footer {background-color:#b0c2c3 !important;}/*교육완료 바탕 컬러 */

.ceci_edu .card .text-state {font-size: 1.1rem; text-align: center; color: #fff; letter-spacing: -0.02em;}
.ceci_edu .card .text-state span {font-size: 0.8rem;}
.ceci_edu .card .card-img {width: 100%; height: 10rem; border-radius: 0.375rem 0.375rem 0 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #ABB2B8; position: relative;}
.ceci_edu .card .card-img .deadline_badge{position: absolute; left: 1rem; top: 1rem;  background-color: #2b6bcb; padding: 0.2rem 0.5rem; border-radius: 1rem; font-weight: 500; font-size: 0.8rem; color: #FFFFFF; white-space: nowrap;}

@media (max-width: 576px) {
	.ceci_edu {margin-top: 1.5rem; margin-bottom: 2rem;}
}
/******** main_card end ********/


/******** main_slide banner start ********/
 @keyframes slidy {
0% {left: 0%;}
/*20% {left: -48%;}
25% {left: -60%;}
45% {left: -108%;}
50% {left: -120%;}
70% {left: -168%;}
75% {left: -180%;}
95% {left: -228%;}*/
100% {left: -240%; }
}

div#slider .row {border-bottom: 0.15rem solid #ccc;}
div#slider .title_ceci {padding-bottom: 0.3rem;}
div#slider {overflow: hidden; margin-top: -1rem; margin-bottom: 3rem; padding-right: 1.5rem; padding-left: 1.5rem;}
div#slider figure img { width: 5.88%; float: left; }
div#slider figure {position: relative; width: 340%; margin: 0; top:1rem; left: 0; text-align: left; font-size: 0;
	-webkit-animation: 50s slidy linear(0 0%, 1 100%) infinite;
	animation: 50s slidy linear(0 0%, 1 100%) infinite;}

@media (max-width: 1200px) {
	@keyframes slidy {100% {left: -340%;}}
	div#slider figure {position: relative; width: 440%;}
}
@media (max-width: 768px) {
	@keyframes slidy {100% {left: -460%;}}
	div#slider figure {position: relative; width: 560%;}
}
@media (max-width: 576px) {
	@keyframes slidy {100% {left: -640%;}}
	div#slider figure {position: relative; width: 740%;}
}
@media (max-width: 414px) {
	@keyframes slidy {100% {left: -1040%;}}
	div#slider figure {position: relative; width: 1140%;}
}
/******** main_slide banner end ********/


/******** subpage start ********/
.ceci_sub {padding-top:8.2rem; padding-right: 0; padding-left: 0;/*background-color: antiquewhite;*/}
.ceci_sub .ceci_location {border-bottom: 1px solid #ccc;text-align: right; font-size: 0.8rem; padding: 0.5rem;}
.ceci_subCon {/*padding-top:15rem; padding-bottom:5rem;*/}
.ceci_subCon .col-xl-2 {border-left: 1px solid #ccc;}
.ceci_subCon .subTitle {width:100%; font-size: 2rem; font-weight: 600; letter-spacing: -0.1rem; line-height: 2.7rem; text-align: center; padding-top: 3rem; padding-bottom: 1.3rem; border-bottom: 1px solid #ccc;}
.ceci_subCon .subCopy {text-align: center; font-size: 1rem; font-weight: 400; padding: 3rem 0 2rem 0;}
.ceci_subCon .subCopy span {font-size: 1.5rem; font-weight: 500; color: #194a87;}

.ceci_subCon .ce_login {text-align: center;/*padding-left: 200px; padding-right: 200px;*/ }
.ceci_subCon .ce_login .form-check {margin: 0 auto; width: fit-content; padding-bottom: 1.5rem;}
.ceci_subCon .ce_login input::placeholder {font-size:1.2rem;}
.ceci_subCon .ce_login .search {padding-top: 2rem;padding-bottom:1rem;}
.ceci_subCon .ce_login .search span {color: darkgray;}
.ceci_subCon .ce_login .search a {font-weight: 500;}
.ceci_subCon .ce_login .search a:hover {color: #003a7e;}
.ceci_subCon .form-control, .ceci_subCon .form-select {background-color: #f3f9fd;}
.ceci_subCon .form-select>option:first-child {color: #9aa6b4; font-size:0.9rem; letter-spacing: -0.02em; text-align: center;}


.ceci_subCon .divisionTitle {/*border-top: 1px solid #d1d6db;*/margin: 1rem 0;display: flex;align-items: center; color: #003a7e;font-size: 1.1rem ; letter-spacing: -0.05em;}
.divisionTitle::before, .divisionTitle::after {content: "";flex-grow: 1;margin: 0px 16px;background:#d1d6db;height: 1px;font-size: 0px;line-height: 0;}
.ceci_subCon .divisionHead {margin: 2rem 0 1rem 0; text-align: center; color: #fff; font-size: 1.2rem; letter-spacing: -0.05em; line-height: 2.2rem; background-color: #b8c2cd;}

.ceci_subCon .subtotal {background-color: #f1f1f1; margin:0 0.03rem; padding: 0.5rem;}
.ceci_subCon .subtotal .form-control {background-color: #fff; }
.ceci_subCon .grandtotal {background-color: #6c9cc5; margin:0 0.03rem; padding: 0.5rem;}


.ceci_subCon .ce_login .portalicon{padding: 1rem 0 5rem;}
.ceci_subCon .ce_login .portalicon a {padding:0 2rem;}
.ceci_subCon .ce_login .portalicon img {width: 3rem; }


/******** sub_공통 start ********/
.menuSub .menuTitle {width:100%; font-size: 1.5rem; font-weight: 600; text-align: center; padding-top: 3.7rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc;}
.menuSub a { display: block; font-size: 1rem; letter-spacing: 0em; font-weight: 500; padding: 0.7rem; border-bottom: 1px solid #d1d6db;}
.menuSub a.active { background-color: #f4f9ff; color: #194a87;font-weight: 600;}

.ceci_subCon input::placeholder, .ceci_subCon textarea::placeholder {color: #9aa6b4; font-size:0.9rem; letter-spacing: -0.02em; text-align: center;}

/*.ceci_subCon .app-text {padding: 0; font-size: 1.4rem;}*/
.btnbox {text-align: center;padding: 3rem 0 3rem 0; margin-bottom: 3rem;}
.btnbox-add {text-align: right;padding: 1rem 0 2rem 0;}

.ceci_subCon .ce_ceci_step {margin-bottom: 3rem;}
.ceci_subCon .ce_ceci_step span {font-size: 0.8rem;}
.ceci_subCon .ce_ceci_step .selct_step {background-color: #6c9cc5;padding: 0.8rem 2.2rem 0.8rem 0.8rem;color: #FFF;font-size: 1.2rem;line-height: 1.3rem;border-right: 3px solid #FFF;
    background-image: url(/cecion/img/ArrowStep.png); background-position: right;background-repeat: no-repeat;}
.ceci_subCon .ce_ceci_step .none_step {background-color: #ebeced;padding: 0.8rem;border-right: 3px solid #FFF;line-height: 1.25rem;}

.ceci_subCon .ce_ceci_step a {padding:0;}
.ceci_subCon .ce_ceci_step a div {min-height:100%;}
.ceci_subCon .ce_ceci_step a .selct_step {color: #FFF;}

.ceci_subCon .input-group {margin-bottom: 0.8rem;}
.ceci_subCon .input-group-text {background-color: #fff;}

.ceci_subCon .bodyTitle { font-size: 1.1rem; font-weight: 500; letter-spacing: -0.02rem; padding-top: 0.5rem; padding-bottom: 0.5rem; color: #606061;}
.ceci_subCon .bodyTitle span { font-size: 1rem; font-weight: 400; color: #194a87;}

.note {font-size: 0.95rem; color: #3674c1; background-color: #f2f4f5; padding: 0.5rem; margin-bottom: 1rem;}
.note ul {margin-bottom: 0;}
.note li {font-size: 0.85rem;}

.ce_edit {margin-top: 4rem; margin-bottom: 6rem;}
.ce_edit h3 {padding-bottom: 2rem; color: #194a87; font-size: 1.65rem; line-height: 2.3rem; font-weight: 500; letter-spacing: -0.04rem;}
.ce_edit h4 {padding-top: 1.6rem; color: #194a87; font-size: 1.4rem; font-weight: 500;letter-spacing: -0.04rem;}
.ce_edit h5 {padding-top: 0.3rem; font-size: 1.15rem; font-weight: 500;letter-spacing: -0.04rem;}
.ce_edit .ce_subimg {width: 100%; height: 20rem; background-color: aliceblue; margin-bottom: 2rem; display: flex; justify-content: center; overflow: hidden;}
.ce_edit .diagram {padding: 0.5rem 0.8rem; font-size: 1.3rem; text-align: center; letter-spacing: -0.05rem; font-weight: 500;}
.ce_edit .diagram .col-sm-2 {padding: 0.5rem; background-color: #99c5eb; color: #fff;}
.ce_edit .diagram .col-sm-10 {padding: 0.5rem; background-color: #e0ebf7;}
.ce_edit .diagram .round1 {padding: 0.5rem; border-radius: 3rem; background-color: #a6d152; color: #fff;}
.ce_edit .pictogram {padding-top: 1rem;}
.ce_edit .pictogram img {width: 100%;}
.ce_edit .h_year {width: 5rem; font-size: 1.1rem; color: #fff; text-align: center; vertical-align: middle;}
.ce_edit .h_date {text-align: center; vertical-align: middle;}
.ce_edit .h_bg1 {background: url("/cecion/img/h_year_bg1.png") center/100%;}
.ce_edit .h_bg2 {background: url("/cecion/img/h_year_bg2.png") center/100%;}
.ce_edit .pro_title {text-align: center !important; font-size: 1.1rem; font-weight: 600; color: #194a87;}
.ce_edit .table {--bs-table-hover-bg: rgba(118, 182, 237, 0.075);}
.ce_edit table th {text-align: center;vertical-align: middle;background-color: #f8f9fa; border-top: 0.1rem solid #dee2e6 !important;}
.ce_edit table thead {border-top: 0.2rem solid #194a87;}
.ce_edit tbody td {vertical-align: middle;}
.ce_edit .pro_list tbody td {text-align: left;}
.ce_edit ul {list-style-position: outside; padding-left: 1rem; margin-bottom: 0; text-align: left;}
.ce_edit ul li::marker {content: '• '; font-size: 1.1rem;}
.ce_edit ol li {padding-bottom: 0.3rem;}
.ce_edit ol li::marker {font-size: 1rem;}
.ce_edit ol li:nth-child(1)::marker {content: '① ';}
.ce_edit ol li:nth-child(2)::marker {content: '② ';}
.ce_edit ol li:nth-child(3)::marker {content: '③ ';}
.ce_edit ol li:nth-child(4)::marker {content: '④ ';}
.ce_edit ol li:nth-child(5)::marker {content: '⑤ ';}
.ce_edit ol li:nth-child(6)::marker {content: '⑥ ';}
.ce_edit .ce_ceci_step {margin-top: 1rem; margin-bottom: 1rem;}

.ce_edit .dept1 .col-sm-4 {background-color: #c7b2d5; background-image: url(/cecion/img/sub2_img1.png);}
.ce_edit .dept1 .explan {color: #c7b2d5;}
.ce_edit .dept1 .eng {color: #c7b2d5;}
.ce_edit .dept1 .subtitle_dept {border-bottom-color: #c7b2d5;}

.ce_edit .dept2 {margin-top: 2rem;}
.ce_edit .dept2 .col-sm-4 {background-color: #d6df21; background-image: url(/cecion/img/sub2_img2.png);}
.ce_edit .dept2 .explan {color: #d6df21;}
.ce_edit .dept2 .eng {color: #d6df21;}
.ce_edit .dept2 .subtitle_dept {border-bottom-color: #d6df21; font-size: 1.15rem;}

.ce_edit .dept3 {margin-top: 2rem;}
.ce_edit .dept3 .col-sm-4 {background-color: #fec210; background-image: url(/cecion/img/sub2_img3.png);}
.ce_edit .dept3 .explan {color: #fec210;}
.ce_edit .dept3 .eng {color: #fec210;}
.ce_edit .dept3 .subtitle_dept {border-bottom-color: #fec210; font-size: 1.15rem;}

.ce_edit .dept4 {margin-top: 2rem;}
.ce_edit .dept4 .col-sm-4 {background-color: #98d4c0; background-image: url(/cecion/img/sub2_img4.png);}
.ce_edit .dept4 .explan {color: #98d4c0;}
.ce_edit .dept4 .eng {color: #98d4c0;}
.ce_edit .dept4 .subtitle_dept {border-bottom-color: #98d4c0;}

.ce_edit .dept5 {margin-top: 2rem;}
.ce_edit .dept5 .col-sm-4 {background-color: #6bcff6; background-image: url(/cecion/img/sub2_img5.png);}
.ce_edit .dept5 .explan {color: #6bcff6;}
.ce_edit .dept5 .eng {color: #6bcff6;}
.ce_edit .dept5 .subtitle_dept {border-bottom-color: #6bcff6;}

.ce_edit .col-sm-4 {padding-bottom: 1rem; background-repeat: no-repeat; background-position: bottom right;}
.ce_edit .explan {width: 4rem; height: 4rem; border-radius: 2rem; display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 1rem; letter-spacing: -0.08rem; line-height: 1.2rem; background-color: #095169;}
.ce_edit .title {font-size: 3rem; line-height: 3.3rem; letter-spacing: -0.15rem; color: #095169; padding-top: 1rem;}
.ce_edit .eng {padding: 0.2rem 0.3rem; line-height: 1rem; margin-bottom: 1rem; background-color: #095169;}
.ce_edit .subtitle_dept {font-size: 1.3rem; font-weight: 500; letter-spacing: -0.06rem; padding-top: 1rem; padding-bottom: 1rem; border-bottom: solid 0.2rem;}
.ce_edit .title_dept {font-size: 1.25rem; font-weight: 900; color: #095169; padding-top: 1rem;}

.ce_edit .root_daum_roughmap {width:100%;}

.ce_edit .nav-tabs {margin-bottom: 2rem;}
.ce_edit .nav-item {width: 50%; text-align: center;}
.ce_edit .nav-item3 {width: 33.333%; text-align: center;}
.ce_edit .nav-tabs .nav-link.active {font-size: 1.3rem; background-image: linear-gradient(to bottom, #c7deed, #fff);}
.ce_edit .nav-tabs .nav-link:hover {/*border-color: transparent;*/border-bottom-color:#fff;}
.ce_edit .nav-tabs .nav-link:not(.active) { color: #797979; font-weight: 500; font-size: 1rem;}
.ce_edit .nav li::marker {content: ''; font-size: 0;}
.ce_edit .nav li {list-style: none;}
.ce_edit .tab-content {margin-top: 4rem;}

.ce_edit .adress {padding: 1rem; margin: 1rem 0; background: #9cacb7; line-height: 1.6rem; color: #fff;}
.ce_edit .traffic span {color: #06930b; font-weight: 700; font-size: 1.2rem;}
.ce_edit .traffic h5 {padding-top: 1rem;}

.ce_edit .mapBox {position: relative;}
.ce_edit .map {position: relative; /*text-align: center; display: inline-block;*/}
.ce_edit .map img {width: 100%; height: 100%;}
.ce_edit .map_position {position: absolute; top: 0; left: 0;  z-index: 1; width: 100%; height: 100%;}
.ce_edit .map_position li b { font-size: 0.9rem; font-weight: 400; letter-spacing: 0; line-height: 1rem;}
.ce_edit .map li::marker {content: ''; font-size: 0;}
.ce_edit .map li {list-style: none; position: absolute; padding: 10px 0 7px 10px;}

/*.ce_edit .c1 {border:10px solid black;}*/
.ce_edit .mapBox .map span {position: absolute; top: 0; left: 0; z-index: 1; width: 1.7rem; height: 1.7rem; border-radius: 50%; background-color: #234a71; color: #ffffff; font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; text-align: center;}
.ce_edit .mapBox .map a {position: absolute; display: inline-block; padding: 0.5rem 1rem; line-height: 1.1rem; font-size: 1.15rem; letter-spacing: -0.1rem; background: #fff; background-clip: padding-box; border: 3px solid #006699; border-radius: 1rem; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 9px 6px rgba(0,0,0,.2); transition: transform .2s;}
.ce_edit .mapBox .map a:before {position: absolute; bottom: -20px; left: 50%; margin-left: -5px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 20px solid #006699; content: "";}

.ce_edit .mapBox .map .area01 {top: 28%;left: 40%;}
.ce_edit .mapBox .map .area02 {top: 18%;left: 10%;}
.ce_edit .mapBox .map .area03 {top: 5%;left: 17%;}
.ce_edit .mapBox .map .area04 {top: 12%;left: 33%;}
.ce_edit .mapBox .map .area05 {top: 8%;left: 41%;}
.ce_edit .mapBox .map .area06 {top: 2%;left: 50.8%;}
.ce_edit .mapBox .map .area07 {top: 7%;left: 66%;}
.ce_edit .mapBox .map .area08 {top: 16%;left: 80.5%;}
.ce_edit .mapBox .map .area09 {top: 19%;left: 62%;}
.ce_edit .mapBox .map .area10 {top: 22%;left: 47%;}
.ce_edit .mapBox .map .area11 {top: 32%;left: 80%;}
.ce_edit .mapBox .map .area12 {top: 42%;left: 73%;}
.ce_edit .mapBox .map .area13 {top: 66%;left: -0.5%;}
.ce_edit .mapBox .map .area14 {top: 91%;left: -1%;}
.ce_edit .mapBox .map .area15 {top: 56%;left: 51%;}
.ce_edit .mapBox .map .area16 {top: 19.5%;left: 73%;}
.ce_edit .mapBox .map .area17 {top: 82%;left: 19%;}
.ce_edit .mapBox .map .area18 {top: 48%;left: 26%;}
.ce_edit .mapBox .map .area19 {top: 32%;left: 17%;}
.ce_edit .mapBox .map .area20 {top: 43%;left: 83%;}

.ce_edit .mapBox .map a:hover {background-color:#71cb2a;color:#fff; font-size: 1.3rem; line-height: 1.4rem;}

.ce_edit .goverList {margin-top: 1rem; margin-bottom: 3rem;}
.ce_edit .goverList {margin-top: 1rem; margin-bottom: 3rem;}
.ce_edit .goverItem {border-top: 0.2rem solid #f0f3f7; border-right: 2rem solid #f0f3f7; border-left: 2rem solid #f0f3f7; /*height: 100% !important;*/
    position: relative; border-radius: 0.8rem;}
.ce_edit .goverItem:hover {box-shadow: 0px 0px 10px 0px rgba(155,155,155,0.5); border: 0.2rem solid #fff;}

.ce_edit .goverItem .goverImg {width: 100%; height: 6rem; display: flex; justify-content: center; align-items: center;}
.ce_edit .goverItem .goverImg img {width: auto;}
.ce_edit .goverItem .goverImg img:hover {width: auto;}
.ce_edit .goverItem:hover img {width: auto;}


.ce_edit .goverItem .goverTitle {padding: 0.8rem; text-align: center;font-size: 1rem; line-height: 1rem; background-color: #f0f3f7;/*border-radius: 0 0 0.7rem 0.7rem;*/}
.ce_edit .goverItem .date {position: absolute; bottom: 0; width: 100%; padding: 0.3rem 1rem; text-align: center;font-size: 0.88rem; color: gray; letter-spacing: 0.01rem;background-color: #f0f3f7;}

@media (min-width: 576px) {
	.ce_edit .ce_ceci_step {margin-left: 0.2rem; margin-right: 0.2rem;}
}
@media (min-width: 1200px) {
	.ce_edit .img_sub1_1>img {width: 95%;}
	.ce_edit .img_sub1_3>img {width: 95%;}
	.ce_edit .img_sub1_5>img {width: 95%;}
	.ce_edit .h_year {width: 6rem;}
	.ce_edit .ce_ceci_step {margin-right: 3rem;}
}
@media (max-width: 992px) {
	.area01, .area02, .area03, .area04, .area05, .area06, .area07, .area08, .area09, .area10, .area11, .area12, .area13, .area14, .area15, .area16, .area17, .area18, .area19, .area20 {transform: scale(0.9) translate(0, 0);}
}
@media (max-width: 768px) {
	.ce_edit {margin-bottom: 5rem;}
	.ce_edit h3 {font-size: 1.5rem; line-height: 2rem;}
	.ce_edit h3 br {display: none;}
	.ce_edit .ce_subimg {height: 15rem;}
	.ce_edit .img_sub1_1>img {content: url(../img/sub1_img1_768.png)}
	.ce_edit .img_sub1_3>img {content: url(../img/sub1_img3_768.png)}
	.ce_edit .img_sub1_5>img {content: url(../img/sub1_img5_768.png)}
	.area01, .area02, .area03, .area04, .area05, .area06, .area07, .area08, .area09, .area10, .area11, .area12, .area13, .area14, .area15, .area16, .area17, .area18, .area19, .area20 {transform: scale(0.7) translate(-0.5rem, -0.5rem);}
}

@media (max-width: 576px) {
	.ce_edit .goverItem .goverImg img {/*height: 73%; width: auto;*/}
}
@media (max-width: 414px) {
	.ce_edit {margin-bottom: 4rem;}
	.ce_edit h3 {font-size: 1.3rem; line-height: 1.9rem;}
	.ce_edit .img_sub1_1>img {content: url(../img/sub1_img1_414.png)}
	.ce_edit .img_sub1_3>img {content: url(../img/sub1_img3_414.png)}
	.ce_edit .img_sub1_5>img {content: url(../img/sub1_img5_414.png)}
	.area01, .area02, .area03, .area04, .area05, .area06, .area07, .area08, .area09, .area10, .area11, .area12, .area13, .area14, .area15, .area16, .area17, .area18, .area19, .area20 {transform: scale(0.5) translate(-0.9rem, -1.5rem);}
}
/******** sub_공통 end ********/


/******** sub_page 사업소개 start ********/

.tab-business { padding-left: 0: }
.tab-business .nav-item { flex: 0 0 20%; max-width: 20%; transition: all 0.3s ease; text-align: center; }/* 모든 탭 아이템을 20%로 설정 */
.tab-business .nav-item:has(.nav-link.active) { flex: 0 0 40%; max-width: 40%; }/* 자식(.nav-link)가 .active를 가지고 있을 때, 해당 부모(.nav-item)를 40%로 확대 */
.tab-business .nav-link { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }/* 부트스트랩 기본 스타일 보정 */

@media (max-width: 768px) {
	.tab-business .nav-link.active { font-size: 1.15rem !important;/* 원하는 폰트 크기 */ line-height: 1.5rem; white-space: normal !important; word-break: keep-all; overflow: visible; }
	}

:root {  --header-width: 110px; /* 왼쪽 첫 열 고정 폭 */
  --headersub-width: 40px; /* contents의 왼쪽 첫 열 고정 폭 */
  --main-gap: 1rem; /* 모든 행과 열 사이의 간격 */ }

.main-container { display: flex; flex-direction: column; gap: var(--main-gap); width: 100%; }
.row-wrapper { display: flex; gap: var(--main-gap); align-items: stretch; }
	
/* 왼쪽 첫 번째 열 (모든 행 동일 폭) */
.row-header { flex: 0 0 var(--header-width); background-color: #5d9f3b; color: white; display: flex; align-items: center; justify-content: center; padding: 0.8rem; border-radius: 8px; font-size: 1.1rem; font-weight: 500; text-align: center; }
.b-color1 { background-color: #08518f; }
.b-color2 { background-color: #5b088f; }
.b-color3 { background-color: #87af6d !important; }
.b-color4 { background-color: #418f76 !important; }
.b-color5::after { background: linear-gradient(to bottom, #fff 0%, #6daf9a 100%) !important; }
	
.cell-effect { padding: 0.7rem 1rem; background-color: #8457bd; border-radius: 2rem; color: #fff; font-size: 1.1rem; font-weight: 500; line-height: 1.5rem; text-align: center; }
.cell-effect-step2 { padding: 0.7rem 1rem; background-color: #898ac1; border-radius: 3rem; margin: 1rem 0; align-content: center; color: #fff; font-size: 1.1rem; font-weight: 500; line-height: 1.5rem; text-align: center;}
.cell-arrow-box { background-color: #ded7e7; border-radius: 8px; padding: 0.5rem 1.5rem 0.5rem 0.8rem; align-content: center; clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%); line-height: 1.3rem; }
.cell-strategy-h { background-color: #6daf9a !important; }
.cell-strategy-h span { font-size: 1.5rem; font-weight: 700; display: contents !important; }
	
 /* contents의 첫 번째 열 (모든 행 동일 폭) */
.row-headersub { flex: 0 0 var(--headersub-width); background-color: #98b19c; color: white; display: flex; align-items: center; justify-content: center; padding: 0.5rem; border-radius: 8px; font-weight: 500; text-align: center; }
	
/* 오른쪽 콘텐츠 영역 */
.row-content { flex: 1; display: grid; gap: 0.5rem; }
.row-content2 { flex: 1; display: grid; gap: 0 0.5rem; }

/* 행마다 다른 열 개수 설정 */
.cell-1 { grid-template-columns: repeat(1, 1fr); }
.cell-2 { grid-template-columns: repeat(2, 1fr); }
.cell-3 { grid-template-columns: repeat(3, 1fr); }
.cell-4 { grid-template-columns: repeat(4, 1fr); }
.cell-5 { grid-template-columns: repeat(5, 1fr); }
.cell-6 { grid-template-columns: repeat(6, 1fr); }

.cell { background-color: #dee4e9; border: 1px solid #dee2e6; padding: 0.3rem; text-align: center; border-radius: 8px; }
.cell2 { background-color: #b4d982; border: 1px solid #dee2e6; padding: 0.7rem; text-align: center; border-radius: 8px; font-size: 1.1rem; color: #333333; font-weight: 500; line-height: 1.5rem; align-content: center; }
.cell2 span { font-size: 1.5rem; font-weight: 700; }
.cell3 { display: grid; grid-template-rows: auto 1fr; grid-row: span 1; display: contents; }

.cell4 { background-color: #fff; border: 1px solid #dee2e6; padding: 0.5rem; border-radius: 8px; align-content: center; text-align: center; line-height: 1.3rem; }
.cell5 { background-color: #dff5d3; border: 1px solid #dee2e6; padding: 0.5rem; border-radius: 8px; align-content: center; text-align: center; line-height: 1.3rem; }
.cell-h { grid-row: 1; background-color: #5b95c7; padding: 0.5rem; color: #fff; border-radius: 8px 8px 0 0; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.4rem; }
.cell-b { grid-row: 2; border: 1px solid #dee2e6; border-top-width: 0; padding: 0.5rem; border-radius: 0 0 8px 8px; background-color: #fff; height: 100%;  text-align: center; line-height: 1.3rem; }

/* 제목과 내용의 가로폭 강제 일치 */
.cell-h, .cell-b { width: 100%; box-sizing: border-box; }
	
/* 바이오 헬스 분야 아래의 중간 line 과 화살표 */
.line-verti1 { position: relative; }
.line-verti1::after { content: ""; position: absolute; top: 100%; left: 50%; width: 2px; height: 0.5rem; background-color: #6daf9a; }
.line-Horiz1 { position: relative; padding-top: 0.6rem; }
.line-Horiz1::before { content: ""; position: absolute; top: 0; left: calc(25% - 0.12rem); right: calc(25% - 0.25rem); height: 2px; background-color: #6daf9a; }
.line-verti2 { position: relative; margin-top: 0; }
.line-verti2::before { content: ""; position: absolute; bottom: 100%; left: 50%; width: 2px; height: 0.55rem; background-color: #6daf9a; }
	
.arrow-verti1{ position: relative; margin-bottom: 60px;}
.arrow-verti1::after { content: ""; position: absolute; bottom: -70px; left: 50%; transform: translateX(-50%); width: 300px; height: 60px; background: linear-gradient(to bottom, #fff 0%, #5b95c7 100%); clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }
	
/* 간격 조절 */
.add-margin-1rem { margin-top: 0.5rem; }	
	
/* 태블릿 구간 (1024px 이하) */
@media (max-width: 1024px) {
	.row-content2.cell-4, .row-content2.cell-5  { gap: 0.5rem; /* 오른쪽 셀들 사이의 간격 1rem */}

	.cell-4, .cell-5 { grid-template-columns: repeat(2, 1fr); /* 열이 많으면 2열로 축소 */ }
	.cell-4 .cell-h, .cell-5 .cell-h  { display: flex; }
	.cell-effect-step2 {margin: 0;}
	.add-margin-1rem { margin-top: 1rem; }
	.cell-4 .cell3, .cell-5 .cell3 { display: flex; flex-direction: column; align-items: stretch; }
}

@media (max-width: 576px) {
	.row-content2.cell-3 { gap: 0.5rem; /* 오른쪽 셀들 사이의 간격 1rem */}
	.line-verti1 { margin-bottom: 0.5rem; /* 선이 그려질 공간 */}
	.cell-3 { grid-template-columns: repeat(1, 1fr); /* 열이 많으면 2열로 축소 */ }
	.cell-3 .cell-h  { display: flex; }
	.cell-3 .cell3 { display: flex; flex-direction: column; align-items: stretch; }
	.cell-arrow-box { padding: 1rem 1.5rem 2.5rem 1.5rem; clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 100%, 0% 50%); text-align: center;}
}

/* 모바일 구간 (576px 미만 (Small Mobile)): 575px */
@media (max-width: 480px) {
  .row-wrapper { flex-direction: column; /* 헤더가 위로, 데이터가 아래로 */ gap: 0.8rem; /* 모바일에서는 수직 간격 약간 줄임 */ }
  .row-content { gap: 0.8rem; }
  .row-content2 { /*gap: 0.8rem;*/ }
  .row-header { flex: 0 0 auto; width: 100%; }
}


/* 사업소개의 두번째 Tap */
.tap2 { gap: 0.5rem; }
.tap2 .row-wrapper { gap: 0.5rem;  grid-template-columns: repeat(2, 1fr); }
.tap2 .row-header { padding: 0.5rem; }
.tap2 > .row-wrapper:first-child .row-header:first-child { background-color: #dee4e9; border: 1px solid #dee2e6; padding: 0.3rem; font-size: 1rem; font-weight: 400; color: #454545; }
.tap2 .row-content { gap: 0.5rem; }
.tap2 .row-content .cell2 { background-color: #5b95c7; padding: 0.5rem; color: #fff; font-size: 1rem; }
.tap2 .row-content2 { /*column-gap: 0.5rem;*/ }
.tap2 .row-headersub { flex: 0 0 75px; background-color: #92afcf; }
.tap2 .cell-1>.cell4 { text-align: left; }
.tap2 .row-human .cell-h { background-color: #adbfcf; }
.row-wrapper:has(> .row-headersub) { gap: 0 0.5rem;}/* 자식(.nav-link)가 .active를 가지고 있을 때, 해당 부모(.nav-item)를 40%로 확대 */

.cell-b.b2 { grid-row: 3; }
.cell-b.b3 { grid-row: 4; }
.tap2 .cell-b { display: flex; align-items: center; justify-content: center; border-radius: 0; }
.tap2 .cell-b:last-child { border-radius: 0 0 8px 8px; }
	
@media (max-width: 1024px) {
	.tap2 .cell-6 { grid-template-columns: repeat(3, 1fr); }
	.tap2 .cell-3 { grid-template-columns: repeat(3, 1fr); }
	}
	
@media (max-width: 532px) {
	.row-material .cell3 .cell-h { min-height: 60px; }
	}
	
@media (max-width: 480px) {
	.tap2 > .row-wrapper:first-child { display: none; }
	.tap2 .row-headersub { flex: 0 0 0; }
	.tap2 .row-wrapper { gap: 0.5rem; }
	.row-wrapper:has(> .row-headersub) { gap: 0.5rem 0;}/* 자식(.nav-link)가 .active를 가지고 있을 때, 해당 부모(.nav-item)를 40%로 확대 */
}

/* 사업소개의 네번째 Tap */
.tap4 .row-wrapper { flex-direction: column; gap: 0.5rem; }
.tap4 .row-content { flex-direction: column; gap: 0.5rem; }
.tap4 .row-content.Promo-bg { background-color: #edf5f5/* 바탕색 */; border: 1px solid #dee2e6; padding: 0.5rem; border-radius: 8px; }
.tap4 .row-content.cell-1 .cell { background: linear-gradient(to bottom, #96d355 0%, #0c6f4f 100%); }
.tap4 .cell-2 { grid-template-columns: repeat(1, 1fr); }
.tap4 .cell-3m { grid-template-columns: 3fr 1fr 3fr; }
.tap4 .cell-3 { grid-template-columns: repeat(1, 1fr); }
.tap4 .cell-4 { grid-template-columns: repeat(1, 1fr); }
.tab-pane ul { padding-left: 0.5rem; }
.tap4 .row-header.Promo-uni { margin: 0 1rem; padding: 0.3rem; border-radius: 22px; background-color: #5b95c7;}
.tap4 .row-content.Promo-uni .cell { padding: 0.1rem; background: linear-gradient(to bottom, #fff 0%, #9abbd7 100%); border: 2px solid #9bbcd8; color: #454545; }
.tap4 .row-content.Promo-uni2 .cell { padding: 0; background: linear-gradient(to bottom, #edf5f5 0%, #edf5f5 100%); border-width: 0; color: #454545; font-size: 0.9rem; }

.tap4 .row-wrapper:has(> .row-headersub) { flex-direction: row; gap: 0 0.5rem;}/* 자식(.nav-link)가 .active를 가지고 있을 때, 해당 부모(.nav-item)를 40%로 확대 */
.tap4 .row-header { flex: 0 0 0; background-color: #3b5a9f; }
.tap4 .row-headersub { flex: 0 0 0; writing-mode: vertical-rl; background-color: #2c999f; }
.tap4 .cell { display: flex; align-items: center; justify-content: center; background-color: #5b95c7; padding: 0.5rem; color: #fff; font-size: 1rem; line-height: 1.2rem;}
.tap4 .row-content.content-top { align-content: start; }
.tap4 .row-content:has(> .cell-h)  { grid-row-gap: 0; }/* 자식(.nav-link)가 .active를 가지고 있을 때, 해당 부모(.nav-item)를 40%로 확대 */
.tap4 .cell-h { background-color: #8da1b5; border-radius: 20px; padding: 0.2rem; }
.tap4 .cell-b { border: none ; border-radius: 8px; background-color: #e9ebed; }

.arrow-clip { position: relative; margin-bottom: 6.5rem; }
.arrow-clip::after { content: ""; position: absolute; bottom: -7rem; margin-bottom: 1rem; width: 100%; height: 5rem; background: linear-gradient(to right, #5b95c7 0%, #fff 45%, #fff 55%, #5b95c7 100%); /* 좌표 설명: 왼쪽 화살촉 -> 상단 몸통 -> 오른쪽 화살촉 -> 하단 몸통 순서 */ clip-path: polygon(30% 0%, 30% 30%, 70% 30%, 70% 0%, 100% 50%, 70% 100%, 70% 70%, 30% 70%, 30% 100%, 0% 50%); }
.arrow-clip-ver { margin: 0 auto; width: 1.5rem; background: linear-gradient(to bottom, #89a4bb 0%, #fff 45%, #fff 55%, #89a4bb 100%); /* 좌표 설명: 왼쪽 화살촉 -> 상단 몸통 -> 오른쪽 화살촉 -> 하단 몸통 순서 */ /* 세로형 양쪽 화살표 */ clip-path: polygon(50% 0%, 100% 20%, 70% 20%, 70% 80%, 100% 80%, 50% 100%, 0% 80%, 30% 80%, 30% 20%, 0% 20%); }

@media (max-width: 1024px) { .tap4 .row-wrapper { align-content: start; }
	.tap4 .row-content.content-top { align-items: flex-start; }
	.tap4 .cell-2 { grid-template-columns: repeat(2, 1fr); }
	.tap4 .cell-3 { grid-template-columns: repeat(3, 1fr); }
	.tap4 .cell-4 { grid-template-columns: repeat(4, 1fr); }
	.tap4 .cell-5 { grid-template-columns: repeat(1, 1fr); }
	.arrow-clip {margin-bottom: 0;}
	.arrow-clip::after { display: none; }
	.co-op {width: 50%; margin: 0 auto;}
	.arrow-clip-ver2 { position: relative; margin-top: 4rem; margin-bottom: 4rem; }
	.arrow-clip-ver2::before { content: ""; position: absolute; top: -4rem; left: 50%; transform: translateX(-50%); width: 15rem; height: 3.5rem; background: linear-gradient(to top, #fff 0%, #5b95c7 100%); clip-path: polygon(50% 0%, 100% 100%, 0% 100%); }
	.arrow-clip-ver2::after { content: ""; position: absolute; bottom: -4rem; left: 50%; transform: translateX(-50%); width: 15rem; height: 3.5rem; background: linear-gradient(to bottom, #fff 0%, #5b95c7 100%); clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }
	}
@media (max-width: 768px) { .tap4 .row-wrapper { flex-direction: column; }
	.tap4 .cell-2 { grid-template-columns: repeat(1, 1fr) !important; }
	.tap4 .cell-3 { grid-template-columns: repeat(1, 1fr) !important; }
	.tap4 .cell-4 { grid-template-columns: repeat(1, 1fr); }
	.tap4 .cell-2.co-op { grid-template-columns: repeat(2, 1fr) !important; width: 100%; }
	.tap4 .cell-4:has(> .arrow-clip) { grid-template-columns: repeat(2, 1fr); }
	.tap4 .row-header.Promo-uni { margin: 0; }
	.arrow-clip-ver2::before, .arrow-clip-ver2::after { width: 60%; }
	}
	



/******** sub_sidenav start********/
.sidenav { height: 100%; position: fixed; z-index: 11; top: 0; right: 0; background-color: transparent; padding-top: 24%;}
.sidenav .sidmenu .sidmenu1 { margin-top: -130px; }
.sidenav .sidmenu .sidmenu2 { margin-top: -65px;}
.sidenav .sidmenu .sidmenu4 { margin-top: 65px;}
.sidenav .sidmenu a { position: absolute; right: -105px; width: 165px; height: 60px; padding: 12px 0 0 10px; color: #9dacbc; font-size: 1rem; font-weight: 500; letter-spacing: -0.05em; background-color: #f1f1f1; top: 50%; border-radius: 10px 0 0 10px;  transition: 0.3s;}
.sidenav .sidmenu a:hover { right: 0; color: #003a7e; background-color: #d7e3f1;}
.sidenav .sidmenu i {font-size: 38px; width: 50px; vertical-align: middle;}
.sidenav .GoBtns { position: absolute;  width: 50px; text-align: center; right: 0; top: 50%; margin-top: 130px;}
.sidenav .GoBtns a { color: #cdd1d6; text-decoration: none;}
.sidenav .GoBtns a:hover { color: #003a7e;}
.sidenav .GoBtns i { font-size: 33px;}
/******** sub_sidenav end********/

/******** sub_프로그램신청 start ********/
.ceci_subCon .ce_app_write .ceci_hr {border-top: 0.1rem solid #d1d6db; padding-top: 1rem; padding-left: 0.5rem; padding-right: 0.5rem;}
.ceci_subCon .ce_app_write .input-group-text:first-child {width: 6rem;}

.ceci_subCon .ce_app_write .table thead {border-top: 0.2rem solid #dee2e6; text-align: center;}
.ceci_subCon .ce_app_write .table thead>tr>th {font-weight: normal;}
.ceci_subCon .ce_app_write .table tr>td {background-color: #f3f9fd; vertical-align: middle; padding: .5rem 1rem; border-right: .1rem solid #dee2e6;}
.ceci_subCon .ce_app_write .table tr>td:last-child {border-right: 0;}
.ceci_subCon .ce_app_write .table tr:nth-child(1) {border-top: 0.2rem solid #dee2e6;}
.ceci_subCon .ce_app_write .text {padding: 1rem 0;}
.docbg {background-image: url(../img/doc_bg_t.png); background-repeat: no-repeat; background-position-x: center; background-position-y: top; background-size: 100%; padding-top: 8rem !important;}
/******** sub_프로그램신청 end ********/



@media (max-width: 1200px) {
	.ceci_subCon .col-xl-2 {display: none;}
}
@media (max-width: 991px) {
	.sidenav {display: none;}
}
@media (max-width: 576px) {
	.ceci_sub {padding-top:3.5rem;}
	.mb-3 {margin-bottom: 0.5rem !important;}
	.ceci_subCon .ce_ceci_step {margin-bottom: 1rem; padding-left: 0.8rem; padding-right: 0.5rem;}
	.ceci_subCon .ce_ceci_step .none_step {display: none;}
}

/******** sub_member start********/
.ce_mem_write .form-control {font-size: 0.95rem; letter-spacing: -0.02rem; color: #606061;}
.ce_mem_write .agreeBox {font-size: 0.9rem; letter-spacing: -0.02rem; text-align: center; padding: 0.5rem 0 1.5rem;}
.ce_mem_write .btnbox {display: flex; justify-content: center;}
.ce_mem_write .btnbox .btn-ceci {min-width: 30%; margin: 0.5rem;}
.ce_mem_write .input-group-text:first-child {width: 5.25rem;}
/******** sub_member end ********/

/******** sub_프로그램 start ********/
.programBgimg {height: 18rem; background-repeat: no-repeat; background-size: cover; margin-bottom: 2rem;}
.copySummary {text-align: center; font-size: 1.15rem; font-weight: 400; padding: 3rem 0 2rem 0; line-height: 1.7rem;}
.ce_prog_view {margin-right: 0.1rem; margin-left: 0.1rem;}
.ce_prog_view .col-4 {padding: 0.6rem 0; background-color: #f1f1f1; border-bottom: 0.1rem solid #d1d6db; display: flex; align-items: center; justify-content: center;}
.ce_prog_view .col-8 {padding: 0.6rem 0 0.6rem 0.6rem; font-size: 1.1rem; font-weight: 500; border-bottom: 0.1rem solid #d1d6db; display: flex; align-items: center;}
.ce_prog_view .col-sm-6 {margin: 0; padding: 0;}

.ce_prog_detail {margin-right: 0.1rem; margin-left: 0.1rem; margin-top: 2rem; line-height: 2.4rem;}
.ce_prog_detail .col-2 {padding: 0.6rem ; background-color: #f1f1f1; border-bottom: 0.1rem solid #d1d6db; text-align: center; line-height: 1.5rem; display: flex; align-items: center; justify-content: center;}
.ce_prog_detail .col-10 {margin: 0; padding: 0.6rem 0 0.6rem 0.6rem; font-weight: 500; line-height: 1.5rem; border-bottom: 0.1rem solid #d1d6db;}
.ce_prog_detail .col-10 div {border-bottom: 0.1rem solid #d1d6db;}
.ce_prog_detail .col-10 div:nth-last-child(1) {border-bottom: 0;}
.ce_prog_detail .col-10 div:nth-last-child(2) {border-bottom: 0;}
.ce_prog_detail .col-10 .col-sm-8 {padding-top: 0.5rem; padding-bottom: 0.5rem;}
.ce_prog_detail .col-10 .col-sm-4 {display: flex; align-items: center;justify-content: center;}

.ce_prog_etc {margin-right: 0.1rem; margin-left: 0.1rem; padding-bottom: 5rem;}
.ce_prog_etc .col-2 {padding: 0.6rem; background-color: #f1f1f1; border-bottom: 0.1rem solid #d1d6db; text-align: center;/* 20240823 삭제 line-height: 1.5rem; display: flex; align-items: center; justify-content: center;*/}
.ce_prog_etc .col-10 {margin: 0; padding: 0.6rem 0 0.6rem 0.6rem; font-weight: 500; border-bottom: 0.1rem solid #d1d6db; align-items: center;}

@media (min-width: 576px) {
	.ce_prog_view .row .col-sm-6 {}
}
@media (max-width: 576px) {
	.ce_prog_detail .col-10 div:nth-last-child(2){border-bottom: 0.1rem solid #d1d6db;}
}
/******** sub_프로그램 end ********/


/******** sub_아이디 찾기 start ********/
.ceci_subCon .ce_idserch {text-align: center;}
.ceci_subCon .ce_idserch .search {padding-top: 2rem; padding-bottom:3rem;}
.ceci_subCon .ce_idserch .search span {color: darkgray;}
.ceci_subCon .ce_idserch .search a {font-weight: 500;}
.ceci_subCon .ce_idserch .search a:hover {color: #003a7e;}
/******** sub_아이디 찾기 end ********/


/******** 게시판 start ********/
.board_serch {border: 0.1rem solid #d1d6db; border-radius: 0.5rem; padding: 1rem; box-shadow: 0px 0px 15px 0px rgba(155,155,155,0.2);}
.ce_board_list table {margin-top: 2rem;}
.ce_board_list table th {text-align: center; vertical-align: middle; font-weight: 500; background-color: #f8f9fa; border-top: 0.2rem solid #194a87;}
.ce_board_list table td {text-align: center; vertical-align: middle;}
.ce_board_list table td:nth-child(2) {text-align: left;/*min-width: 10rem;*/}
.ce_board_list table {--bs-table-hover-bg:#f3f9fd;}
.ce_board_list table a:hover {font-weight:600; color:#194a87;}
.ce_board_list .pagination {display: flex; justify-content: center;margin-top: 1rem; margin-bottom: 1rem;}
.ce_board_list .pagination a {padding: 0 0.5rem; transition: background-color .3s; border: 0.1rem solid #d1d6db; border-radius: 0.3rem; margin: 0 0.1rem;}
.ce_board_list .pagination a.active {background-color: #97b3d5;color: white; border: 0.1rem solid #8ea9c9;}
.ce_board_list .pagination a:hover:not(.active) {background-color: #d1d6db;}
.ce_board_list .pagination a:first-child {letter-spacing: -0.2rem; padding: 0 0.6rem 0 0.4rem;}
.ce_board_list .pagination a:last-child {letter-spacing: -0.2rem; padding: 0 0.6rem 0 0.4rem;}
.ce_board_list .nav-tabs {margin-bottom: 2rem;}
.ce_board_list .nav-item {width: 50%; text-align: center;}
.ce_board_list .nav-item3 {width: 33.333%; text-align: center;}
.ce_board_list .nav-tabs .nav-link.active {font-size: 1.3rem; background-image: linear-gradient(to bottom, #c7deed, #fff);}
.ce_board_list .nav-tabs .nav-link:hover {border-color: transparent;}
.ce_board_list .nav-tabs .nav-link:not(.active) { color: #797979; font-weight: 400;}
.ce_board_list #accordion {margin-top: 2rem; margin-bottom: 2rem;}
.ce_board_list #accordion .card {--bs-card-cap-bg: #f8f9fa;border-top-color: transparent;}
.ce_board_list #accordion .card:first-child {border-top: 0.2rem solid #194a87;}
.ce_board_list #accordion .card .card-body {font-size: 1.05rem;line-height: 1.8rem;padding: 1.5rem 2rem;}
.ce_board_list #accordion .card .card-header a {font-size: 1.1rem; font-weight: 500; color: #194a87; letter-spacing: -0.05rem;}
.ce_board_list #accordion .card .card-header a span {font-size: 1rem; color: #6aa3f9;}
.ce_board_list .galleryList {margin-top: 1rem; margin-bottom: 3rem;}
.ce_board_list .gallery {border: 0.2rem solid #ccc; height: 100% !important;position: relative;}
.ce_board_list .gallery:hover {border: 0.2rem solid #1866c5;}
.ce_board_list .gallery img {width: 100%;height: 12rem;background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #ABB2B8;}
.ce_board_list .gallery .desc {padding: 1rem 1rem 2.5rem 1rem; text-align: center;font-size: 1.1rem; line-height: 1.5rem;}
.ce_board_list .gallery .date {position: absolute; bottom: 0; width: 100%; padding: 0.3rem 1rem; text-align: center;font-size: 0.88rem; color: gray; letter-spacing: 0.01rem;background-color: #f0f3f7;}
* {box-sizing: border-box;}

/*.ce_board_list .clearfix:after {content: ""; display: table;clear: both;}*/


.ce_board_content .conTitle {padding: 3rem 1.5rem;font-size: 1.7rem;font-weight: 500;letter-spacing: -0.1rem;line-height: 2rem;text-align: center;vertical-align: middle;background-color: #f8f9fa;border-top: 0.2rem solid #194a87;border-bottom: 0.1rem solid #ccc;}
.ce_board_content .conDate, .ce_board_content .conAddfile {font-size: 0.9rem; padding: 0.5rem 0; border-bottom: 0.1rem solid #ccc;}
.ce_board_content .conDate span, .ce_board_content .conAddfile span {position: relative; margin-left: 0.5rem; padding-left: 0.5rem; color: #666;}
.ce_board_content .conDate span:after, .ce_board_content .conAddfile span:after {content: ''; position: absolute; left: 0; top: 0; width: 0.07rem; height: 100%; background-color: #d2d3d6;}
.ce_board_content .conDate span:first-child:after, .ce_board_content .conAddfile span:first-child:after {width: 0;}
.ce_board_content .conArticle {font-size: 1.05rem; line-height: 1.8rem; padding: 4rem 2rem; border-bottom: 0.1rem solid #ccc;}
.ce_board_content .conArticle img {padding-top: 1rem; padding-bottom: 1rem; width: 100%; height: auto;}
.ce_board_content .conList {border-bottom: 0.1rem solid #ccc; align-items: center; margin: 0 0.08rem 1rem 0.08rem;}
.ce_board_content .conList .col-6 {padding: 1rem 2rem;}
.ce_board_content .conList .col-6:hover {background-color: aliceblue;}
.ce_board_content .conList .col-6:first-child {border-right: 0.1rem solid #ccc;}
.ce_board_content .conList .col-6 h6 {color: #5899e9; font-size: 0.9rem; font-weight: 500;}
.ce_board_content .conDivide {background-color: aliceblue; padding: 0.5rem; max-width: 10rem; text-align: center; color: #194a87; font-weight: 600; border-bottom-right-radius: 1rem;}

@media (max-width: 576px) {
	.ce_board_content .conTitle {padding: 2rem 1rem;font-size: 1.4rem;line-height: 1.8rem;}
	.ce_board_content .conArticle {font-size: 1rem; line-height: 1.6rem; padding: 2.5rem 0.5rem;}
	.ce_board_content .conList .col-6 {padding: 1rem 0.5rem;}
}
/******** 게시판 end ********/



/******** footer start ********/
.footer_ceci { background-color: gray; /*margin-top: 3rem;*/ padding:3rem 1rem;}
.footer_ceci .adress_ceci, .footer_ceci .adress_menu {font-size: 0.9rem; line-height: 1.5rem; letter-spacing: -0.05em; font-weight: 400; color: silver;}
.footer_ceci .adress_menu a {padding-bottom: 1rem; font-size: 1rem; color: aliceblue; }

@media (max-width: 576px) {
	.footer_ceci {padding:1rem 1rem;}
}
/******** footer end  ********/


/******** 프린트 start  ********/
@page {margin:.5rem 1cm;}
@page :first {margin:.5rem 1cm}

@media print {
  #heder_ceci, .pagination, .footer_ceci, .btnbox, .pup_btnbox {display:none}
  * {-webkit-print-color-adjust: exact; print-color-adjust: exact;}
  /** {overflow: visible !important;} */
  .page {break-before: page;}
}
/******** 프린트 end  ********/


/******** 설문지 start  ********/
.ce_survey .form-check-input {margin-right: 0.1rem; }
.ce_survey .row {margin-right: 0;}
.ce_survey .row span {/*margin-left: 0.3rem;*/}
.ce_survey .row span:first-child {margin-left: -0.5rem;}
.ce_survey .input-group-question {width: 100%; padding: 0.5rem; border-top: #cfd1d3 solid 0.1rem; margin-top: 1rem;}
.ce_survey .bodyTitle {font-size: 1.25rem; margin-top: 2rem;}
.ce_survey .bodyTitle p {font-size: 1rem; font-weight: 400; margin-bottom: 0rem; margin-top: 0.5rem;}

.ce_result th {font-weight: 400; background-color: #efefef;}
.ce_result table {text-align: center; font-size: 0.95rem;}
.ce_result .bodyTitle {margin-top: 2rem; font-size: 1.25rem;}
.ce_result .col-sm-5 {margin: 0; padding: 0;}
.ce_result_title {font-size: 1.1rem; margin-bottom: 0.5rem; margin-top: 1.5rem;}
.ce_result .col-sm-5>div {width: 100%; height: 250px; margin-bottom: -18%;}
.ce_result svg {margin-top: -11.5%;}
.ce_result rect {fill: none;}
.ce_result g {/*margin: 0; font-family:'Spoqa Han Sans Neo', sans-serif; font-size: 16px; letter-spacing: -0.01em; color: #454545; word-break: keep-all;*/}
.ce_result svg g>g>g {width:100%; padding-right: 0; margin-right: 0;}
.ce_result_body {display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 1.7;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
background-color: #f3f9fd;}


.ceci_certi {background-image: url(../img/Certificates_bg_m.jpg); background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: 100%; width:100%; height: 100%;}
.ceci_certi .ce_bg_top img {width: 100%;}
.ceci_certi .ce_title img {width: 100%;}
.ceci_certi .ce_number {margin: 0 auto; width: 80%; font-size: 0.8rem; padding-top: 0.5rem;  padding-bottom: 2rem;}/*padding-top: 1rem;  padding-bottom: 5rem;*/
.ceci_certi .ce_info {margin: 0 auto; width: 75%; font-size: 1.1rem; font-weight: 500; line-height: 1.8rem; padding-top: 2rem;  padding-bottom: 3rem; height: 18vh;}/*font-size: 0.9rem; padding-top: 5rem;  padding-bottom: 3rem; height: 19vh;*/
.ceci_certi .ce_info span {/*font-size: 1.1rem; font-weight: 500;*/}
.ceci_certi .ce_contents {margin: 0 auto; width: 70%; text-align: center; font-size: 1.6rem; line-height: 2.6rem; padding-top: 1rem; padding-bottom: 2.5rem;}/*font-size: 1.7rem; line-height: 2.8rem;padding-top: 2rem;height: 28vh;*/
.ceci_certi .ce_contents2 {margin: 0 auto; width: 70%; text-align: center; font-size: 1.1rem; line-height: 2.6rem; padding-top: 1rem;}
.ceci_certi .ce_date {text-align: center; font-weight: 500;}
.ceci_certi .ce_sign img {width: 100%;}
.ceci_certi .ce_bg_bottom img {width: 100%;}
.pup_btnbox {text-align: center; padding: 2rem 0 2rem 0;}

@media (max-width: 700px){.ceci_certi .ce_number {font-size: 0.5rem; padding-bottom: 2rem; }
.ceci_certi .ce_info {font-size: 0.6rem; line-height: 1.2rem; padding-top: 2rem;  padding-bottom: 1rem;}
.ceci_certi .ce_info span {font-size: 0.7rem; font-weight: 500;}
.ceci_certi .ce_contents {font-size: 0.9rem; line-height: 1.5rem; padding-top: 1rem;}
.ceci_certi .ce_date {font-size: 0.6rem;}
.pup_btnbox {text-align: center; padding: 0.5rem 0 0.5rem 0;}
}
/******** 설문지 end  ********/


/******** etc  ********/
.btn-outline-ceci {background-color: transparent;color: #194a87; --bs-btn-hover-bg: #194a87;--bs-btn-hover-color: #fff;--bs-btn-active-color: #fff;
    --bs-btn-active-bg: #194a87;
/*    --bs-btn-color: #194a87;
    --bs-btn-border-color: #194a87
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #194a87;
    --bs-btn-hover-border-color: #194a87;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #194a87;
    --bs-btn-active-border-color: #194a87;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #194a87;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #194a87;
    --bs-gradient: none;*/
}

.btn-ceci {
	font-size: 1.1rem;
	--bs-btn-bg: #194a87;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #194a87;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1866c5;
    --bs-btn-hover-border-color: #194a87;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #194a87;
    --bs-btn-active-border-color: #194a87;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #194a87;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #194a87;
    --bs-gradient: none;
}
.btn-danger {font-size: 1.1rem; background-color: #e73503;}
.btn-success {font-size: 1.1rem; background-color: #2c7d0f;}
.btn-ceci2 { color: #fff; background-color: #9ca4b1; --bs-btn-hover-bg: #7590ad;--bs-btn-hover-color: #fff;--bs-btn-hover-border-color: #738091;--bs-btn-active-bg: #60738b;box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}
.btn-ceci3 {color: #fff; padding: 0 0.2rem; background-color: #68a945;--bs-btn-hover-bg: #7590ad;--bs-btn-hover-color: #fff;--bs-btn-hover-border-color: #738091;--bs-btn-active-bg: #60738b;box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}

.mb_0p3 {margin-bottom: 0.3rem !important;}
.mb_3 {margin-bottom: 3rem;}
.mr_0p3 {margin-right: 0.3rem;}
.mr_1 {margin-right: 1rem;}
.ml_1 {margin-left: 1rem;}

.pr_0 {padding-right: 0;}
.pr_0p3 {padding-right: 0.3rem;}
.pr_1 {padding-right: 1rem;}
.pr_1p4 {padding-right: 1.4rem;}
.pl_0 {padding-left: 0 !important;}
.pt_1 {padding-top: 1rem;}
.pt_0p5 {padding-top: 0.5rem;}
.pb_1 {padding-bottom: 1rem;}

.ta_r {text-align: right;}
.ta_l {text-align: left;}
.ta_c {text-align: center !important;}
.jc_c {justify-content: center;}

.lh_1p8 {line-height: 1.8rem;}

.va_c {display: flex; align-items: center;}
.vata_c {display: flex; align-items: center; justify-content: center;}

.wm_50p {min-width: 50%;}
.wm_9 {min-width: 9rem;}
.wx_4 {max-width: 4rem;}
.w_40pi {width: 40% !important;}
.w_35pi {width: 35% !important;}
.w_30pi {width: 30% !important;}
.w_20pi {width: 20% !important;}

.h_50 {height: 50px;}

.bortop_db {border-top: 0.2rem solid #194a87;}

/* 2024.08.23 코드 추가 시작 */
.bortop_db .ScheTitle {padding: 0.5rem 0; font-size: 1.1rem;}
.bortop_db .ScheTitle span {font-weight: 400; font-size: 1rem; color: #828282;}
.ce_prog_detail .col-10 .ScheTitle:nth-last-child(2) {border-bottom: 0.1rem solid #d1d6db;}
/* 2024.08.23 코드 추가 끝 */

.bortop_db_none {border-top: 0.2rem solid #194a87;}
.bor_0i {border: 0 !important;}
.boright1{border-right: .1rem solid #dee2e6 !important;}
.cor_none {background-color: transparent !important;}

@media (max-width: 576px) {
	.bortop_db_none {border-top: 0;}
}

.ceci-mb-0 {margin-bottom: -1rem;}
@media (max-width: 576px) {
	.ceci-mb-0 {margin-bottom: 0.5rem;}
}

@media (min-width: 887px) {
	.ceci-w-3 {width: 3%;}
	.ceci-w-97 {width: 97%;}
	.ceci-w-13 {width: 13%;}
	.ceci-w-87 {width: 87%;}
	.ceci-w-4p5 {width: 4.5%;}
	.ceci-w-95p5 {width: 95.5%;}
}
@media (min-width: 576px) {
	.ceci-box-r-n {border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;}
	.ceci-box-l-n {border-top-left-radius: 0; border-bottom-left-radius: 0;}
}