@charset "utf-8";

/* CSS Document */
/*선컬러 : #dedede
호버시 컬러, 버튼기본컬러  : #194a87
호버시 컬러, 버튼밝은회색  : #f8f9fa
호버시 컬러, 버튼중간회색  : #B7BCC5
호버시 컬러, 버튼밝은청색  : #38bb8d
호버시 컬러, 버튼밝은그린  : #e5f7f3
메인컬러, 에메랄드그린 : #38bb8d
#cadbed
#90b4db


$grid-breakpoints: (	
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);
*/
@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.03em; color: #454545; word-break: keep-all;}
a {text-decoration: none; color:#000;}
:hover {
--bs-link-hover-color: #194a87;
--bs-nav-link-hover-color:#194a87;}
ul, ol {margin: 0; padding: 0; list-style: none;}

/*@media (max-width: 1200px) {body {font-size: calc(1em + .9vw);}*/
/*@media (max-width: 992px) {html {font-size: 16px !important;}}*/
/*@media (max-width: 768px) {html {font-size: 15px !important;}}*/
@media (max-width: 576px) {body {font-size: 15px;}
}


/******** footer start ********/
.footer_ceci { background-color: #8b8e93; padding:2rem 1rem;}
.footer_ceci .adress_menu, .footer_ceci .adress_ceci {letter-spacing: -0.03em; }
.footer_ceci .adress_menu {font-size: 0.9rem; color:#fff; padding-bottom: 0.1rem;}
.footer_ceci .adress_menu a {color:#fff;font-weight: 400;}
.footer_ceci .adress_ceci {font-size: 0.95rem; color: #cad0d3; font-weight: 500;}
.footer_ceci .adress_ceci span {font-size: 0.85rem; font-weight: 300; padding-left: 0.5rem;}
.footer_ceci .ci {text-align: right;}


@media (max-width: 576px) {
	.footer_ceci {padding:1rem 1rem;}
	.footer_ceci .adress_ceci {/*font-size: 0.8rem;*/}
	.footer_ceci .adress_menu, .footer_ceci .ci {display: none;}
}
/******** footer end  ********/



/******** heder start ********/
#heder_ceci {background-color:#fff;}
#heder_ceci .navbar {border-top: 1px solid #dedede;border-bottom: 2px solid #38bb8d; 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:#38bb8d; 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:#96b5c7;}

.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: 2rem; vertical-align: middle;/*top; margin-top: -0.5rem;*/}

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

.dropdown:hover {background-color:#e5f7f3/*오버시 바탕컬러*/;}
.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(../../cecion/img/ci_bamri.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 #e5f7f3; 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;*/}
	/*.dropdown-menu li a {background-color: #e5f7f3;}*/
}
@media (max-width: 414px) {
	.navbar-brand img {/*height:2.3rem;*/}
	.offcanvas-lg {max-width: 80%;}
}
@media (max-width: 300px) {
	.navbar-brand img {height:2.3rem;}
}
.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-inner {background-color:#163930;}
.carousel-control-next, .carousel-control-prev {top: 8rem;}

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

.ceci-sl01 h5, .ceci-sl02 h5, .ceci-sl03 h5 {font-size: 2.6rem; color: #38bb8d; 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.1rem;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, .ceci-sl02 {text-align: right;}
.ceci-sl01 h5 {/*font-size: 3rem; color: #38bb8d;*/}
.ceci-sl01 p {/*font-size: 1.2rem;*/}
.ceci-sl03 { text-align: left;}

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

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

@media (max-width: 991px) {
	.ceci-sl01 h5, .ceci-sl02 h5, .ceci-sl03 h5 {padding-bottom: 0.3rem; font-size: 2rem;}
	.ceci-sl01 p, .ceci-sl02 p, .ceci-sl03 p {font-size: 0.8rem; line-height: 1.2rem;}
}
@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; font-size: 1.8rem;}
	.ceci-sl01 p, .ceci-sl02 p, .ceci-sl03 p {font-size: 0.7rem; line-height: 1.1rem;}
}
@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; font-size: 1.6rem;}
}
/******** 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: #e5f7f3;}


.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: #cfdce7; 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: #9cb7ce;}
.item01, .item02, .item03, .item04 {padding-bottom: .9rem; margin: .7rem 0;}

.ceci-course .col:hover {background: #e5f7f3; border-radius: 15%; color: #fff;}
.ceci-course .col:hover a .dot {background: #fff;}
.ceci-course .col:hover .icon_ceci {color: #518aa1;}
.ceci-course .col:hover .subtitle_ceci {color: #000;}

@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: 1rem; margin-bottom: 5rem;}
.ceci_edu p {margin-bottom: 0rem;}
.ceci_edu .card:hover {cursor: pointer; border: 0.2rem solid #38bb8d; 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: #6950a2;}/*교육중 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:#38bb8d !important;}/*접수중 바탕 컬러 */
.ceci_edu .state2 .card-footer {background-color:#B7BCC5 !important;}/*접수마감 바탕 컬러 */
.ceci_edu .state3 .card-footer {background-color:#6950a2 !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: #38bb8d; 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: 1rem 0 0.5rem 0;}
.ceci_subCon {/*padding-top:15rem; padding-bottom:5rem;*/}
.ceci_subCon .col-xl-2 {border-left: 1px solid #ccc;}
.ceci_subCon .subTitle {width:100%; padding-top: 7rem; padding-bottom: 5.5rem; border-bottom: 1px solid #ccc; display: flex; justify-content: center; background-repeat: no-repeat;background-size: cover; background-position: center;/*text-shadow: -15px 0px 40px #d1d6db, 0px 15px 40px #d1d6db, 15px 0px 40px #d1d6db, 0px -15px 40px #d1d6db;*/ }
.ceci_subCon .subTitle h2 { width: fit-content; padding: 0 0.5rem 0.1rem 0.5rem; font-size: calc(1.4rem + .9vw); font-weight: 500; letter-spacing: -0.1rem; color: white;}

.ceci_subCon .subTitle_bg1 {background-image: url(/cecion/img/sub_title_bg1.png);}
.ceci_subCon .subTitle_bg1 h2 {background-color: #9acce9;}
.ceci_subCon .subTitle_bg2 {background-image: url(/cecion/img/sub_title_bg2.png);}
.ceci_subCon .subTitle_bg2 h2 {background-color: #b8b194;}
.ceci_subCon .subTitle_bg3 {background-image: url(/cecion/img/sub_title_bg3.png);}
.ceci_subCon .subTitle_bg3 h2 {background-color: #a3adb9;}
.ceci_subCon .subTitle_bg4 {background-image: url(/cecion/img/sub_title_bg4.png);}
.ceci_subCon .subTitle_bg4 h2 {background-color: #a18d74;}
.ceci_subCon .subTitle_bg5 {background-image: url(/cecion/img/sub_title_bg5.png);}
.ceci_subCon .subTitle_bg5 h2 {background-color: #4fa281;}
.ceci_subCon .subTitle_bg6 {background-image: url(/cecion/img/sub_title_bg6.png);}
.ceci_subCon .subTitle_bg6 h2 {background-color: #b59e7e;}

.ceci_subCon .subCopy {text-align: center; font-size: 1.1rem; font-weight: 400; padding: 3.3rem 0 2.5rem 0;}
.ceci_subCon .subCopy span {font-size: 1.5rem; font-weight: 500; color: #194a87;}
.ceci_subCon .bodyCopy {font-size: 1.1rem; font-weight: 500; padding: 1rem; border: 0.1rem solid #dee2e6; border-radius: 0.5rem; background-color: #d5f7b7; text-align: center;}
.ceci_subCon .bodyCopy span {font-size: 0.9rem; font-weight: 300; padding: 0.5rem;}
@media (max-width: 576px) {
	.ceci_subCon .subCopy {padding: 2.5rem 0 1.5rem 0;}
}

.ceci_subCon .ce_login {text-align: center;margin-bottom: 10rem;}
.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: #f5fefc;}
.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: 6.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: #f1fdfa; color: #194a87;font-weight: 600;}
.menuSub a:hover {background-color: #f8f8f8;}

.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: #38bb8d;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: #3b788b;}

.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: 1.6rem; color: #3a3a3a; font-size: 1.7rem; line-height: 2.4rem; font-weight: 500; letter-spacing: -0.07rem;}
.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.1rem; font-weight: 400;letter-spacing: -0.04rem;}
.ce_edit .sub_body {padding-top: 0.5rem; padding-bottom: 0.3rem;}
.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 {margin-top: 2rem;}
.ce_edit .pictogram img {width: 100%;}

.ce_edit .sub_col {margin: 2rem 0;}
.ce_edit .sub_col .col-sm {padding-left: 0; margin-bottom: 1.5rem;}
.ce_edit .sub_col .col-ceci {margin-bottom: 0; margin-right: 1rem; border-radius: 0.5rem; color: #fff; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.1rem; padding:1rem; line-height: 1.5rem;}
.ce_edit .sub_col .col-ceci:last-child {margin-right: 0;}
/*.ce_edit .sub_col .col-sm:first-child {margin-right: 0.5rem; margin-left: 0;}*/
.ce_edit .sub_col .col-ceci span {font-size: 1rem; font-weight: 400;}
.ce_edit .sub_col .col-sm .col-ceci {margin-right: 0; margin-bottom: 0.8rem;}
.ce_edit .sub_col .col-sm .col-ceci:last-child {}
.ce_edit .sub_col .col-sm .ce_item {padding: .5rem; margin-bottom: .5rem; background-color: #deedf5; border-radius: .5rem;}
.ce_edit .sub_col .col-sm .ce_item:hover {background-color: #c5e9dd; font-weight: 500;}
.ce_edit .sub_col .col-sm .ce_item:before {content:"•  ";}


.bg_ceci1 { background-color:#96b5c7/*#38bb8d*/;  }
.bg_ceci1:hover { background-color: #38bb8d;}


@media (max-width: 576px) {
	.ce_edit .sub_col .col-sm {padding-right: 0;}
	.ce_edit .sub_col .col-ceci {margin: 0.3rem 0;}
	.ce_edit .sub_col .col-ceci:first-child {/*margin: 0.3rem 0;*/}
	.ce_edit .sub_col .col-ceci:last-child {/*margin: 0.3rem 0;*/}
}

.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;}*/
/*.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: 400;}
.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 .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: space-around; 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>div>br {display: none;}

	.ce_edit .ce_subimg {height: 15rem;}
	/*.ce_edit .img_sub1_1>img {content: url(file:///E|/work_homepage/gyuhive/cecion/img/sub1_img1_768.png)}*/
	.ce_edit .img_sub1_3>img {content: url(file:///E|/work_homepage/gyuhive/cecion/img/sub1_img3_768.png)}
	.ce_edit .img_sub1_5>img {content: url(file:///E|/work_homepage/gyuhive/cecion/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 {margin-bottom: 4rem;}
	.ce_edit h3 {font-size: 1.3rem; line-height: 1.9rem; padding-bottom: 1rem;}
	/*.ce_edit .img_sub1_1>img {content: url(file:///E|/work_homepage/gyuhive/cecion/img/sub1_img1_414.png)}*/
	.ce_edit .img_sub1_3>img {content: url(file:///E|/work_homepage/gyuhive/cecion/img/sub1_img3_414.png)}
	.ce_edit .img_sub1_5>img {content: url(file:///E|/work_homepage/gyuhive/cecion/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);}
	.ceci_subCon .subTitle {padding-top: 5rem; padding-bottom: 3.2rem;}
}
/******** sub_공통 end ********/


/******** sub_연혁 start ********/
.ce_edit .year {position: relative; padding-left: 4.2rem; margin-top: 2rem;}
.ce_edit .year p {position: absolute; top: -0.2rem; left: 0;font-size: 1.4rem;}
.ce_edit .year ul li::marker {content: none; font-size: 1rem;}
.ce_edit .year li:first-child {margin-top: 0;}
.ce_edit .year li { position: relative; padding-left: 3.5rem; margin-top: 0.8rem; line-height: 2rem; letter-spacing: -0.04rem; font-weight: 400;}
.ce_edit .year li span { position: absolute; top: 0; left: 0; font-size: 1.05rem; color: #111;letter-spacing: 0;}
@media (min-width: 576px) {.ce_edit .year{margin-left: 15%;}}


/******** sub_조직도 start ********/
.org_wrap{text-align: center; position: relative; display: inline-block; width:100%; transform:scale(0.95)}
.org_wrap > div > ul li{display: inline-block; vertical-align: middle; text-align: center; font-size: 1.3rem; line-height: 1.5rem; letter-spacing: -0.1rem; background-clip: padding-box; 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;}

.org_wrap > .orglevel1,.org_wrap > .orglevel2,.org_wrap > .orglevel3,.org_wrap > .orglevel4 {padding-bottom: 2rem;}
.org_wrap > .orglevel1:before {position: absolute;height: 86.5%; width: 1px; background: #cecece;-webkit-print-color-adjust: exact; content: '';top: 0;left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);z-index: -1;}
.org_wrap .orglevel1 .org1 {width: 7.5rem; height: 7.5rem; padding: 3.1rem 2rem; font-weight: 500; color: #fff; border-radius: 50%; background: transparent linear-gradient(97deg ,#76b729 0%, #125095 100%) 0% 0% no-repeat padding-box;}

.org_wrap > .orglevel2 {padding-bottom: 5rem;}
.org_wrap .orglevel2 li {position: absolute;}
.org_wrap .orglevel2 .org2, .org_wrap .orglevel2 .org3  {background: #fff; padding: 1rem 2.4rem; border: 1px solid #d3d6d9;}
.org_wrap .orglevel2 .org2 {right: 60%;}
.org_wrap .orglevel2 .org3 {left: 60%;}
.org_wrap .orglevel2 .org2:before {position: absolute;top: 50%;left: 60%;-webkit-transform: translateY(50%);transform: translateY(50%);background: #cecece;width: 130%;height: 1%;content: '';z-index: -1;}
.org_wrap .orglevel2 .org3:before {position: absolute;top: 50%;right: 60%;-webkit-transform: translateY(50%);transform: translateY(50%);background: #cecece;width: 130%;height: 1%;content: '';z-index: -1;}

.org_wrap .orglevel3 .org4 {vertical-align: middle;color: #fff;background: #2471b8;-webkit-print-color-adjust: exact; padding: 1rem 2rem;}

.org_wrap > .orglevel4  {}
.org_wrap .orglevel4 li {display: block; background: #f7f7f7; -webkit-print-color-adjust: exact;border: 1px solid #d4d4d4;color: #626262; margin: 1rem 3rem;padding: 1rem;}
.org_wrap .orglevel4 ul {margin-bottom: 1.5rem;}
.org_wrap .orglevel4 .org5 {border: 2px solid #4793da;vertical-align: middle;background: #fff;-webkit-print-color-adjust: exact;color: #2471b8;font-weight: 500;padding: 1rem 1.2rem;margin: 0 0.5rem;}
.org_wrap .orglevel4 .org5:before {position: absolute; top: 86%; left: 13%; -webkit-transform: translateY(50%);transform: translateY(50%);background: #cecece;width: 80%;height: 0.3%;content: '';z-index: -1;}

@media (max-width: 768px){.org_wrap .orglevel4 .org5:before {width:0%;height: 0%;}}
@media (max-width: 576px){.org_wrap {zoom:0.9;}}

/******** sub_오시는길 start ********/
.ce_edit .adress {padding: 1rem; margin: 1rem 0; background: #f1f1f1; line-height: 1.4rem; /*color: #fff;*/}
.ce_edit .adress span {font-size: 0.9rem;}
.ce_edit .traffic span {color: #06930b; font-weight: 700; font-size: 1.2rem;}
.ce_edit .traffic h5 {padding-top: 1rem;}


/******** 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_board {margin-top: 4rem; margin-bottom: 6rem;}*/
/*.ceci_subCon .ce_board .sub_body {margin-bottom: 2rem;}*/
.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;}
/******** sub_프로그램신청 end ********/



@media (max-width: 1200px) {
	.ceci_subCon .col-xl-2 {display: none;}
}
@media (max-width: 991px) {
	.sidenav {display: none;}
	.ceci_sub {padding-top:4rem;}
}
@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: 8rem;}
input[type="radio"] {margin-left: 4rem;}
input[type="radio"]:nth-child(1) {margin-left: 0;}
@media (max-width: 992px) {
	input[type="radio"] {margin-left: .5rem;}
}
/******** sub_member end ********/

/******** sub_프로그램 start ********/
.programBgimg {height: 18rem; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 2rem;}
.proTitle {font-size: 2rem; font-weight: 600; letter-spacing: -0.1rem; text-align: center; border-bottom: 1px solid #ccc; padding: 5.2% 10%;}
.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; 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;}
.ce_prog_etc img {max-width: 100%;}

@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;}
	.ce_prog_detail .col-10 .col-sm-4 {justify-content: left;}
}
/******** 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); /*margin: 2rem 0;*/}
.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 #38bb8d;}
.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:#f5fefc;}
.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; max-width: 100%; height: auto; margin: 0 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 ********/


/******** 수료증 start  ********/
.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.85rem;padding-bottom: 9rem;  margin-top: -5.5rem;}
.ceci_certi .ce_info {margin: 0 auto; width: 75%; font-size: 1.1rem; font-weight: 500; line-height: 1.8rem; padding-top: 3rem;  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: 3rem; padding-bottom: 3.5rem;}/*font-size: 1.7rem; line-height: 2.8rem;padding-top: 2rem;height: 28vh;*/
.ceci_certi .ce_date {text-align: center; font-size: 1.1rem; font-weight: 500; padding-bottom: 3rem;}
.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.7rem; padding-bottom: 8rem; }
	.ceci_certi .ce_info {font-size: 0.95rem; line-height: 1.5rem; padding-top: 2rem;  padding-bottom: 1rem;}
	.ceci_certi .ce_info span {font-size: 0.95rem; font-weight: 500;}
	.ceci_certi .ce_contents {font-size: 1.3rem; line-height: 2rem; padding-top: 1rem;}
	.ceci_certi .ce_date {font-size: 0.95rem;}
	.pup_btnbox {text-align: center; padding: 0.5rem 0 0.5rem 0;}
}
@media (max-width: 576px){.ceci_certi .ce_number {font-size: 0.5rem; padding-bottom: 6rem; }
	.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  ********/



/******** 프린트 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  ********/


/******** 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: #96b5c7;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #86a1b1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #38bb8d;
    --bs-btn-hover-border-color: #33a97f;
    --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;}

	

.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_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;}

.bortop_db {border-top: 0.2rem solid #194a87;}
.bortop_db_none {border-top: 0.2rem solid #194a87;}
@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;}
}