@import "pretendard.css";


.text-green {color: #3c8f8b;}
.text-light-gray {color: #9a9a9a;}
.text-red {color: #ff6565;}

body{
	background-color: #fff; 
	/* font-family: 'NotoSansKR', sans-serif !important; */
	font-family: 'Pretendard';
}

.bx-viewport {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

#container{width:1200px; margin:0 auto;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none !important;
	box-shadow: none;
	border: 0 !important;
}
select:focus option {
	border: 0 !important;
	box-shadow: none;
}
select {
	box-shadow: none;
}
input, select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: auto;
}
/*헤더 css 시작*/

.black{background-color: black;position: fixed;width: 100%;height: 100%;z-index: 1000;opacity: 0.4;top: 0px;bottom: 0px;left: 0px;right: 0px;display: none;}
.on {display: block;}

.side-menu > ul > li.dropdown-menu {
    position: relative;
}
.side-menu > ul > li.dropdown-menu > .dropdown-menu-arrow {
    position: absolute;
    right: 10px;
    /* top: 50%;
    transform: translateY(-50%); */
    top: 25px;
    font-size: 18px;
}
.side-menu > ul > li.dropdown-menu.on > .dropdown-menu-arrow {
    color: #00a76d;
}

.side-menu > ul > li.on > a,
.side-menu > ul > li.dropdown-menu.on > .sub-menu > li.on {
    font-weight: bold;
}

.side-menu {
    max-width: 330px;
    float: left;
		margin-right: 39px;
}
.side-menu > ul > li {}
.side-menu > ul > li a {
    display: flex;
    align-items: center;
    padding-left: 24px;
    padding-right: 10px;
    height: 70px;
    font-size: 16px;
}
.side-menu > ul > li.on {
    
}
.side-menu > ul > li > a {
    padding-left: 24px;
	color:black;
    padding-right: 10px;
    display: flex;
    width: 100%;
	font-size:20px;
    border-bottom: 2px solid #939393;
    justify-content: space-between;
}
.side-menu > ul > li.on > a {
    color: #5fc1bc;
    border-bottom: 2px solid #939393;
}
.side-menu > ul > li > ul {
    display: none;
}
.side-menu > ul > li.on > ul {
    display: block;
}
.side-menu > ul > li.on > ul > li > a {
    color: #707070;
   
}

.side-menu > ul > li.on > ul > li.on {
	background-color: #def1f1;
	color: #848787;
}

.side-menu > ul > li.on > ul > li.on > a {
	color: #848787;
    border-bottom: 0;
}
.side-menu > ul > li.on > ul > li.on > a:last-child {
}
.sub-menu {
    font-size: 14px;
    line-height: 1.5;
    color: #707070;
    width: 330px;
    margin: 0;
    border-bottom: 2px solid #939393;
	background-color: #f4fafa;
}

.d-flex > .bo_tit {
	color:#3c8f8b !important;
}

#logo{width:218px;margin:0 auto;float:none; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);padding: 0;}

.hd_sch_wr{display:none;}

#hd_qnb{margin-top: 14px;margin-left:-30px;}
#hd_qnb li a img {
	width: 100%;
}
#hd_qnb li #sns_blog {
	background: url('/img/icons/sns_blog_h.svg')no-repeat center center;
	background-size: cover;
}
#hd_qnb li #sns_facebook {
	background: url('/img/icons/sns_facebook_h.svg')no-repeat center center;
	background-size: cover;
}
#hd_qnb li #sns_insta {
	background: url('/img/icons/sns_insta_h.svg')no-repeat center center;
	background-size: cover;
}
#hd_qnb li #sns_youtube {
	background: url('/img/icons/sns_youtube_h.svg')no-repeat center center;
	background-size: cover;
}
#hd_qnb li #sns_blog:hover {
	background: url('/img/icons/sns_blog_h.svg')no-repeat center center;
	background-size: cover;
	z-index: 10;
}
#hd_qnb li #sns_facebook:hover {
	background: url('/img/icons/sns_facebook_h.svg')no-repeat center center;
	background-size: cover;
	z-index: 10;
}
#hd_qnb li #sns_insta:hover {
	background: url('/img/icons/sns_insta_h.svg')no-repeat center center;
	background-size: cover;
	z-index: 10;
}
#hd_qnb li #sns_youtube:hover {
	background: url('/img/icons/sns_youtube_h.svg')no-repeat center center;
	background-size: cover;
	z-index: 10;
}
#tnb{display:none;}

#hd{border:0px;}


.header_bg {
	width: 100%;
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	height: 210px;
	z-index: -1;
}
#hd_wrapper{width: 100%; height: 100px;position:relative;background-color:white; }
#hd_wrapper_1200{width: 1200px;margin: 0 auto;}

#gnb .gnb_1dli{width: 200px; text-align: center; }
.gnb_1da{
	
	font-size: 18px; line-height: 1.7; text-align: center; color: black; font-weight: 800;}

#gnb #gnb_1dul{box-shadow: none; -webkit-box-shadow:none;
position: relative;
}

.fa-heart:before {
    content: '' !important;
}

/*
#gnb #gnb_1dul:before {
	content:'';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #fff;
	top: -6px;
	left: 0;
}
*/
#gnb .gnb_1dli:hover{}

.gnb_back:hover .gnb_2dul {
	display: block;
}

/*
.gnb_1dli::after {
	position: absolute;
	content:'';
	right:0; 
	top:50%;
	transform: translate(0,-50%);
	width:1px;
	height: 20px;
	background-color: #d4d4d4
}
*/

.gnb_1dli:last-child::after {
	content: none;
}

.gnb_2dul{ background: #fff; min-width: 165px; left: 50%; box-shadow: none; -webkit-box-shadow:none;transform: translateX(-50%);}
.gnb_2dli{ border: 0px; }
a.gnb_2da{color: #4b4b4b; border: 0px;}
a.gnb_2da:hover{color: #00a76d; background: #e9f7ef;}

.select_new{background-color:#e9f7ef;border-radius: 3px;width:130px;background: url('/img/markArrow.svg')no-repeat top 60% right 6px; -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none; /* 화살표 없애기 공통*/
border: none;
color: #3C8F8B;
position: relative;
margin-left: 10px;
}
.nice-select .list {
	width: 100%;
	height: auto;
	z-index: 1000 !important;
}
.nice-select .list li {
	line-height: normal;
	font-size: 13px;
}
span.current {
	/*position: relative;*/
	padding: 5px 20px;
  padding-left: 0px;
	margin-top: 0 !important;
	font-size: 15px !important;
	color: #000;
	font-weight: 400;
}

/*
span.current:before {
	content:'';
	position: absolute;
	left:10px;
	top: 50%;
	width: 15px;
	height: 15px;
	background: url('/img/icons/global_icon.svg')no-repeat center center;
	background-size: contain;
	transform: translateY(-50%);
}
*/

#hd_qnb li:last-of-type {
	position: relative;
	padding-top: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.select_new {
		padding: 0 !important;
	}
}

#seoul_news {
	position: absolute;
	top: 50%;
	box-shadow: 2px 3px 9px -5px;
	padding: 10px 25px;
	padding-left: 36px;
	border-radius: 20px;
	background: url('/img/logoSeoul.svg')no-repeat center left 14px;
	background-size: 17px auto;
	background-color: #fff;
	font-size: 15px;
	font-weight: 600;
	transform: translateY(-50%);
	color: black;
	font-family: "Pretendard";
}
/*헤더 css 끝*/

/*서브메뉴 시작*/
.sub_menu{width: 330px; float: left; text-align: left;}
.side_tab{width: 330px; height: 60px;  background: #5fc1bc; font-size: 20px; text-align: center; line-height: 1.45; font-weight: 500; color: #fff; margin-top: 35px; margin-bottom: 15px; line-height: 60px;  border-radius: 13px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.side_tab {
		font-weight: 600;
	}
}
.list{width: 330px; height: 70px; vertical-align: middle; padding: 24px; padding-right: 10px; border-bottom: 1px solid #707070; font-size: 16px;}
.list > a {color: #707070;}
.list a > img{float: right; visibility:hidden; }
.list a > .off{position: relative; right: -24px; visibility: visible !important;}
.list > .sub_list{display: none;}
.sub_menu .on{width: 330px; height: 64px; border-bottom: solid 2px #00a76d; background-color: #f4fffa; }
.sub_menu .on > a{color:#3C8F8B; font-size: 16px;}
.sub_menu .on a > .off{visibility: hidden!important;}
.sub_menu .on a > img{visibility: visible !important;}
.sub_menu .on > .sub_list{margin: 16px 0px 0px -24px; display: block;}
.sub_menu > ul {float: left;}
.sub_list{font-size: 16px; line-height: 1.5; color: #707070;  background: #f4fffa;width: 330px; float: left; margin: 22px 0px 0px -24px;border-bottom: 1px solid #00a76d;}
.sub_list > li{padding: 20px; padding-left: 40px; border: 0px !important;}
.sub_list .on{font-size: 16px; width: 330px; height: 64px;}
.sub_list .on > a{color: #000;}
.sub_list li >a{color: #707070;}
.sub_list > div:last-child{border-bottom: solid 1px #00a76d;}
/*.sub_menu div > a:hover{color: #b43a3c;}*/
.side-menu > ul > li > ul > li a {
	height: 70px;
	font-size: 17px;
	color: #848787;
}
.side-menu > ul > li > ul {
	
}
/*서브메뉴 끝*/

/*퀵메뉴 시작*/
.quick{width: 330px; float: left; margin-top: 50px;}
.quick > div{width: 160px; height: 80px; border-radius: 5px; border: 1px solid #3d9fb1; background:#f7f7f7; display: inline-block; text-align: center; margin-bottom: 10px;}
.quick div > a{font-size: 18px; color: #3d9fb1; line-height: 4; font-weight: 500;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.quick div > a {
		font-weight: 600;
	}
}
.quick div > a > img{padding-right: 10px;}
/*퀵메뉴 끝*/

/*게시판 콘텐츠 시작*/
.content{width: calc(100% - 370px); float: right; margin-top: 35px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.content p,
	.content span,
	.content div,
	.content th,
	.content td {
		font-family: NotoSansKR, sans-serif !important;
	}
}
/*게시판 콘텐츠 끝*/

/*게시판 이름 시작*/
.board_title{font-size: 24px; color: #3c8f8b; line-height: 1.5; font-weight: bold;  margin-bottom: 12px;}
.board-title-wrap p{font-size: 14px;  line-height: 1.29; text-align: left; padding-bottom:31px; color: #3c3d3d;}
.board-title-wrap p>span{font-weight: bold;}
#bo_btn_top{margin: 0px;}
.num-span{display: block; font-family: Pretendard; margin-bottom: 10px; line-height: 1.29; font-size: 14px; text-align: left; color: #3c3d3d;}
/*게시판 이름 끝*/

/*게시판 테이블 시작*/
.tbl_wrap table{border: 0px; border-bottom: 3px solid #3c8f8b;}
.tbl_head01 thead th{background: #fff; border-top: 3px solid #3c8f8b; border-bottom: 3px solid #3c8f8b;}
.tbl_head01 tbody tr:hover td{background: #fff;}
.tbl_wrap table{border-collapse: separate; border-spacing: 0px;}
.tbl_head01 thead th, .tbl_head01 thead th a{text-align: center !important; font-size: 16px; color: #707070;}
.tbl_head01 td{ /*text-align: center !important;*/ font-size: 14px; color: #707070 ;}
.tbl_head01 a{font-size: 14px; color: #707070;}
.sv_member{color: #707070;}
#bo_list .td_datetime{font-style:normal; }

#bo_v_con {width: 100%;}
#bo_v_con span strong,
#bo_v_con span i,
#bo_v_con span u,
#bo_v_con span b,
#bo_v_con span sup,
#bo_v_con span sub,
#bo_v_con span strike {font-size: inherit;}
/*.button_more{position: absolute;    right: 1%;    bottom: 44.2%;}*/
/*게시판 테이블 끝*/

/*게시판 검색 시작*/
#bo_sch{/*width: 525px;*/width: auto; margin-left: 19%; border: none;}
#bo_sch select{width: 120px; height: 30px; margin: 0px 5px 0px 0px; border: 1px solid #c9c9c9;font-family: NotoSansKR, sans-serif;font-size: 16px; color: #707070;}
#bo_sch .sch_input{width: 298px; padding: 0 10px; height: 30px;border: 1px solid #c9c9c9;}
#bo_sch .sch_btn{width: 52px; height: 30px; /*background: url('../img/icon_Search.png') no-repeat 50% 50%;*/ background-color: #707070;padding: 3px 0;border: 0;color: #ffffff;}
.sch_btn img {max-height: 100%;}
label, input, button, select {max-height: 100%;}
/*게시판 검색 끝*/

/*게시판 페이지 목록버튼 시작*/
.pg_wrap{width: 100%;}
.pg_current{background: #fff;border: 1px solid #707070; border-radius: 0px; color: #707070; box-shadow: none; -webkit-box-shadow:none;}
.pg_page{border: none; color: #707070; background: #fff;border-radius: 0px;}
.pg_end {width: 60px;background:url('../img/btn_end.png') no-repeat 100% 50% #fff ;text-indent: -10px; overflow: auto;}
.pg_prev {width: 60px;background:url('../img/btn_prev.png') no-repeat 0% 50% #fff;text-indent:10px;overflow:auto;}
/*게시판 페이지 목록버튼 끝*/

/*게시판 첨부파일 시작*/
#bo_list .td_file{width: 70px;}
/*게시판 첨부파일 끝*/
.btn_bo_user li {display: inline;}
/*갤러리형 게시판 시작*/
#bo_gall #bo_w {width: 100%;}
@media(min-width:992px) {
	#bo_v,#bo_w,#bo_gall, #bo_list{width: calc(100% - 370px);float: right;margin-top: 40px;}
}

@media(min-width:1500px) {
	.quick_parents {
		right:50px !important;
	}
}


@media(min-width:1600px) {
	.quick_parents {
		right:100px !important;
	}
}

@media(min-width:2000px) {
	.quick_parents {
		right:16% !important;
	}
}



@media(max-width:1400px) {
	.quick_parents {
		display:none !important;
	}
}



#bo_v #bo_v_top.buttons {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;margin-bottom: 50px;margin-top: 50px;}
#bo_v #bo_v_top.buttons .bo_v_left, #bo_v #bo_v_top.buttons .bo_v_com {display: -webkit-box; display: -ms-flexbox; display: flex;}
#bo_gall .bo_tit{
	/* 한 줄 자르기 */
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	font-size: 18px;
	line-height: 1.2;
	height: 2.4em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.gall_date{color: #707070; line-height: 1.5;}
/*갤러리형 게시판 끝*/

/*블로그형 게시판 시작*/
/*
#bo_gall .gall_box{width: 395px; height: 420px;}         //blog>style.css line99
#bo_gall .gall_img img{width: 100%; height: 255px !important; padding-right: 2px;} //blog>style.css line121
#bo_gall .bo_tit{color:#00a76d; font-size:30px;}        //blog>style.css line127
*/
/*여분필드 시작*/
.wr_title{line-height: 1.89; color: #000;}
.wr_title .wr_date{color: #707070; margin-left: 5px;}
.wr_gps{font-size: 14px; color: #707070; border: 1px solid #707070; border-radius: 25px; background: #fff; display: inline-block; padding: 5px 10px;}
/*여분필드 끝*/
/*분류 시작*/
.bottom_box{padding: 15px;}
.bo_cate_link{color: #707070 !important; font-weight: normal; font-size: 14px; border: 1px solid #707070; border-radius: 25px; padding: 5px 10px;}
/*분류 끝*/
/*블로그형 게시판 끝*/

/*블로그_스페셜 게시판 시작*/
/*#bo_gall .gall_img img{height: 300px;}      //blog_special > style.css line 121*/
/*블로그_스페셜 게시판 끝*/

/* 배너 css 시작 */
.banner_img{width: 1200px;  height: 400px;  object-fit: contain;}
.banner_main {width: 300px;height: 400px;position: absolute;top: 0px;right: 10%;background-color: rgba(0,0,0,0.5);color: #fff;}
.banner_arrowt{margin: 0 auto;    width: 29px;    height: 29px;    left: 70%;    position: absolute;    bottom: 5%;   object-fit: contain;}
.banner_arrowt2{margin: 0 auto;    width: 29px;    height: 29px;    left: 70%;    position: absolute;    bottom: 5%;   object-fit: contain;}
.banner_arrowb{width: 29px;    height: 29px;    position: absolute;    bottom: 5%;    right: 11%;        object-fit: contain;}
.banner_arrowb2{width: 29px;    height: 29px;    position: absolute;    bottom: 5%;    right: 11%;        object-fit: contain;}
.banner_text {width: 250px;margin: 0 auto;text-align: left;color: #d9d9d9;margin-top: 23.3%;}
.banner_title{font-family: NotoSansKR, sans-serif;  font-size: 18px;  font-weight: 700;  line-height: 1.43;  text-align: left;  color: #d9d9d9;}
.banner_content{font-family: NotoSansKR, sans-serif;  font-size: 14px;  font-weight: 700;  line-height: 1.5;  text-align: left;  color: #d9d9d9; margin-top: 30px;}
.banner_text1{font-family: NotoSansKR, sans-serif;  font-size: 18px;  font-weight: 700;  line-height: 1.43;  text-align: left;  color: #d9d9d9;}
.banner_text2 {  font-family: NotoSansKR, sans-serif;  font-size: 10px;  font-weight: 500;   line-height: 1.5;  letter-spacing: normal;  text-align: left;  color: #d9d9d9;}
.banner_text3{font-size: 10px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #d9d9d9;}
.banner_box{display: block;width: 110px;height: 36px;border-radius: 3px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #5fc1bc;}
.banner_box>span{display: block;position: relative;top:7.6px;margin-top:68.5%;font-family: NotoSansKR, sans-serif;font-size: 14px;font-weight: 500;font-style: 400;font-stretch: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #ffffff;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.banner_text2,
	.banner_text3,
	.banner_box>span {
		font-weight: 600;
	}
}
.banner_text>span{margin-bottom: 2%;}
/* 배너 css 끝 */

/* 서브배너 css 시작 */
.sub_banner{width: 1200px;height: 140px;border-radius: 3px;
	/* background-color: #00a76d; */
	/* box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.05); */
	/*	border-radius: 60px; */
	margin: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sub_banner>li:first-child>a>.sub_bannerimg{ left:16px;  }
.sub_bannerimg{ float: left;width: 70px; position:relative; top:20px; left:35px; }





@media(max-width: 991px) {
	.sub_bannerimg{width: 70px;height: 70px;}
}
.sub_banner>li{
	width:24%;
	height: 120px;
	display: inline-block;
	/* padding: 15px 10px; margin: 10px 0px; border-right: 1px solid rgba(255,255,255,0.5);position: relative;width: 20%;float: left; */
	border-radius: 20px;
	border:1px solid #dfdfdf;
	
}


.sub_banner>li:last-child {
	margin-right: 1px;
}

.sub_title {
	display:block;line-height:90px;text-align: left;color: #ffffff; 
	/* font-family: NotoSansKR, sans-serif;   */
	font-size: 22px;font-weight: 600;text-align: left;color: #2a6a61;
}
.sub_banner>li .sub-banner-content {
	opacity: .8;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: -0.5px;
	line-height: 1.15;
	display: block;
	margin-top: 2px;
}
.sub_banner>li:hover img {
	
	/* filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(13%) hue-rotate(205deg) brightness(103%) contrast(104%); */
}

.bottom_right_btn {
	position: relative;
	bottom:0;
}
.bottom_right_btn > img {
	width:47px;
	position: absolute;
	right: 18px;
	bottom: -90px;
}

.sub_banner>li:hover {
	/*
	background: rgb(127,190,137);
	background: linear-gradient(48deg, rgba(127,190,137,1) 0%, rgba(27,144,167,1) 100%);
	box-shadow: 3px 3px 13px 0 rgba(36, 78, 67, 0.46);
	transition: 0.35s;
	*/
	border:rgb(0, 167, 109) 1px solid; 
	transition: 0.35s;
}
.sub_banner>li:hover .sub_title {
	
}
.sub_banner>li:hover .sub-banner-content {
	
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.sub_title {
		font-weight: bold;
	}
	.sub_banner>li .sub-banner-content {
		font-size: 12px;
	}
}
.sub_banner.medium .title {float: left;width: calc(100% - 70px);}

.sub_banner>li:after {content:"";position: absolute;width: 1px; height: 100%;background-color: rgba(255,255,255,0.5);right:0;top: 0;}
.sub_banner>li:last-child:after{/*border: none;*/background-color:transparent;}
.sub_banner>li>img{float: left;}

.title{position: relative; left:27%; top:10%; transform: translate(-50%);   display:inline-block; font-size: 28px;font-weight: 500;line-height: 1.33;text-align: left;color: #3A3A3A;float: right; width:auto !important}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.title,
	.sub_title {
		font-weight: 600;
	}
}
/* 서브배너 css 끝 */

/*이용안내 휴관안내 시작*/

.table_left{/*width: 580px;*/ height: 180px; float: left;border-radius: 4px;}
.triangle {display: inline-block;width: 0; height: 0;border-style: solid;border-width: 9px;border-color: #00a76d transparent transparent transparent;   position: relative;  top: 10px;}
.table_title{height: 50px; 
	/* background: #00a76d; */
	 font-size: 20px; font-weight: 500; line-height: 1.5; color: #2A2A2A;  padding-top: 10px;letter-spacing: 0.18px; }
	 
	 
.table_left	.table_title {
	padding-top: 55px;
}
	 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.table_title {
		font-weight: 600;
	}
}
.table_text{float: left; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2.5; letter-spacing: normal; text-align: left; color: #707070;  margin-top: 5px;}
.table_text>span{font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #707070; }

.table_right{width: 790px; height: 180px; float: right;}
.table_right > ul{display: inline-block; width: 595px;}
.table_right ul > li{display: inline-block; text-align: center; width:145.5px;padding-left: 16px; padding: 10px 0px 0px 0px; }
.table_title > a{color: #5e5e5e;font-size: 18px;font-weight: 600;}
.table_right ul > .on{color: #fff; border-radius: 5px 5px 0px 0px;}
.table_right ul  .on > a{color: #0D8D86;font-weight: bold;font-size:22px;}
.table_right ul  .on > .triangle{visibility: visible;}
ul  .table_title > .triangle{visibility: hidden;}
.more_img{position: relative;bottom: 3px;left: 19px;}
.table_right > .table_content{height: 130px; position: relative; top: -11px; width: 595px;  border-radius: 0px 0px 4px 4px; padding: 10px 0px;}
.table_right .table_content > .table_text{line-height: 1.8;border-bottom:  1px dashed #d5d5d5; width:100%; padding-bottom: 5px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_right .table_content > .table_text:last-child {border: 0px;}
.table_right .table_content .table_text > a{ font-family: NotoSansKR, sans-serif;  font-size: 18px;  line-height: 1.5;  font-weight: 400;  text-align: left;	color: #707070;}
.sedc-info-wrap {
	height: calc(100% - 90px);
	padding-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.sedc-info-wrap .sedc-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
}
/*.sedc-info-wrap:after {
	content: "";
    width: 15px; 
    height: 15px; 
    border-top: 3px solid #004D38; 
    border-right: 3px solid #004D38; 
    display: inline-block;
    transform: rotate(135deg);
    position: absolute;
    top: -9px;
    left: 80px;
	background-color: #fff;
}*/

.bx-default-pager {position: absolute; top:97px; right:44px; display:flex;  }
.bx-pager-item {display:flex; margin-left:8px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: white;
}


.latest_wrap .bx-viewport{
	height: 300px !important;
}
.seoul_news li img{
	height: 290px !important;
	object-fit: cover;
}
/* 
.seoul_news .program_slide-title{
	bottom: -5px;
} */

.bx-pager-link {
	width:10px;
	height: 9px;
	border-radius: 10px;
	border:1px solid white;
}

.sedc-info-wrap .sedc-info:after {
	content: "";
	display: table;
	float: none;
	clear: both;
}
.sedc-info-wrap .sedc-info .table_text {
	margin: 0;
	float: none;
	font-size: 20px;
}

.sedc-info-wrap .sedc-info .table_text:nth-child(2) {
	padding-left: 40px;
}

.sedc-info-wrap .sedc-info .table_text strong {
	font-size: 16px;
	color: #3F4A47;
	position: relative;
	padding-left: 20px;
}

/*
.sedc-info-wrap .sedc-info .table_text strong:before {
	content:'';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #3c8f8b;
}

*/

.sedc-info-wrap .sedc-info .table_text strong:nth-of-type(2) {
	display: inline-block;
	margin-top: 38px;
}

/*이용안내 휴관안내 끝*/

/*오시는 길 시작*/
#map{width: 100% !important; height: 400px !important;}
/*오시는 길 끝*/
.latest_wr{ margin-bottom: 30px;}
.latest_wr.sec_01 {
	margin: 50px 0 70px;
}
/* 메인페이지 갤러리 시작 */
.pic_lt{width:390px; display: inline-block; margin-right: 10px;border:0px;}
.pic_lt:nth-child(3){margin-right: 0px;}
.pic_lt .lat_title {padding:5px 10px; border:0px; line-height: 1.5; font-size:18px; background-color: #fff; border:0px;font-weight: 800;}
.pic_lt .lat_title a{color:#3e3e3e;font-size: 24px; font-weight: bold;}
.pic_lt .lat_title a:after{background-color: #fff;}
.pic_lt li .lt_img img{max-width: 100%;}
.lt_prev,.seoul_news_prev{position:absolute;top:8px;right:0px;display:block;width:85px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.lt_next,.seoul_news_next{position:absolute;top:8px;right:0px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
/* .pic_lt > ul{padding: 10px 0px;} */
.pic_lt ul {padding: 20px 0;}
.pic_lt ul >li{padding: 0px;}
.pic_basic_title{width: 390px; height: 50px; position: absolute;top: 211px; left: 0; font-size: 14px; line-height: 1.43; color: #fff; background: rgba(0,0,0,0.5); padding: 15px 0px 15px 20px;}
.pic_basic_title:hover{color: #fff !important;}
/*롤링 시작*/
.pic_lt .bx-wrapper .bx-viewport{padding: 0px; 
	/* height: 305px !important; */
}
.banner_rolling{padding: 10px !important;}
.banner_prev, .banner_next {
	position: absolute;
	margin-top:10px;
}


.banner_prev2, .banner_next2 {
	position: absolute;
	margin-top:10px;
}

/*롤링 끝*/
/*메인페이지  갤러리 끝*/

#top_btn img {
	position: relative;
	right:10px;
}

/* 롤링배너 시작*/
#gd_rolling{width:100%; display:table; margin-top:0px;}
#gd_rolling > div{display:table-cell;}
#gd_rolling > div.rolling_area{overflow:hidden; width:1080px; max-width:1080px; padding:0px 10px;}
#gd_rolling > div.rolling_area > .rolling_area_element{width:16000px;}
#gd_rolling > div.rolling_area > .rolling_area_element > a{margin-right:30px;text-align: center;}
#gd_rolling > div.rolling_area > 
.bx-viewport{/*padding-left: 36px;*/}
.bx-viewport.main-slider-viewport { padding-left: 0;}
.main-bxslider li {position: relative;}
/* 롤링배너 끝*/

/*푸터 css 시작*/
#ft_wr{background-color: #004d38;color:#fff;font-size:16px;text-align: center;line-height: 2;}
#ft_link{background-color: #f8f8f8;	line-height: 1.5;font-size:16px;text-align: right;color:#707070;}
#ft_link p {
    text-align: inherit;
    /* font-family: 'Droid Sans Mono'; */
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    background: transparent;
}
#ft_link p >a{font-weight: 300;color:#707070;}
#ft{ background:#f8f8f8; padding: 0px; margin-top:50px;}
#ft_green{background-color: #828282; width: 100%;}
#ft_green>div{position:relative; margin:0 auto; max-width: 1200px; text-align:right; #828282;color:#fff;font-size:16px; line-height: 1.6;padding:40px 0;font-weight: 300;}

#ft_wr>img{position: absolute;	left:0px;height: 52px;padding-top: 5px;}
/*푸터 css 끝*/

/* 푸터 sitemap 시작 */
#site_map{width: 1200px;height: 900px;background-color: #ffffff;margin: 0 auto;margin-bottom:25px; display: none;}
.site_sub_menu1{border-bottom: 2px solid #4b4b4b;    width: 166px;  display: inline-block;  height: 50px;  padding: 10px 0px;margin-bottom: 20px;}
#site_map>div{display:inline-table;   font-size: 16px;  font-weight: 500;  line-height: 1.5;  text-align: center;  color: #000000;width:195px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#site_map>div {
		font-weight: 600;
	}
}
.site_text1{width: 166px;  display: inline-block;  padding: 10px 0px 0px 20px; text-align: left;}
.site_text1>a{ width: 166px;  display: block;  padding: 10px 0px;font-size: 12px;color: #707070;}
.site_sub_main_text{border-bottom: 2px solid #c9c9c9;width: 182px;display: inline-block;height: 50px;padding: 15px;text-align: left;font-size: 14px;}
#delete_text{width: 100px !important;    display: block !important;    float: right; margin-top: 40px;}
#delete_text::after{clear: both;}
/* 푸터 sitemap 끝*/

/* 자주하는질문 시작 */

#faq_sch{display:none;}
.faq_wrap{width:calc(100% - 370px); float: right;margin-top: 20px;}
.faq_wrap::after{clear: both;}
#faq_wrap li {    border-top: 1px solid #ddd;    background: #fff;}
#faq_wrap li:first-child {    border-top: 2px solid #00a76d;    background: #fff;}
#faq_wrap li:last-child {    border-bottom: 2px solid #00a76d;    background: #fff; }
#faq_wrap li h3{padding-left: 70px;}
#faq_wrap li h3 .tit_bg {position: absolute;    left: 10px;    color: #00a76d;    font-size: 20px;    line-height: 1.45;    font-family: NotoSansKR, sans-serif; background: none;}
#faq_wrap li h3 .tit_right{position: absolute;   top: 10px;    right:0px;}
#faq_title{margin-left: 50px;}
.con_inner>p>font>span{background: none !important;}
.con_inner>p>span{background: none !important;}
.tit_num{color:#c9c9c9; font-size: 12px; margin-left: 3px;}

.tit_right{transition: transform 0.3s;}
.rotate{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/*#bo_cate #bo_cate_on{}												faq>style.css>line 11;*/

/* 자주하는질문 끝 */

/*정보공개 시작*/
.infomation{margin: 30px 0px 15px;}
/*정보공개 끝*/

.baneer_next_sub {
	position:absolute !important;
	right:0;
}


/*교육일정 시작*/
.calendar{width: 800px; float: right; margin: 30px 0px;}
.calendar > .title{font-size: 30px; font-weight: bold; line-height: 1.5; color: #00a76d; float: none;}
.text{font-size: 18px; line-height: 1.89; margin: 15px 0px 40px 0px;}
.month{width: 800px; height: 500px; border: 1px solid #707070;margin: 20px 0px 50px 0px; padding: 20px 40px;}
.month > p{text-align: center; line-height: 1.5;font-size: 24px; color: #707070; margin: 0px;}
.month > ul{padding: 10px 0px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; margin: 10px 0px 25px 0px;}
.month ul > li{list-style: none; display: inline-block; font-size: 18px; line-height: 1.5; text-align: center; color: #707070; padding: 5px 40px;}
.bg_gray{width: 52.3px;height: 52.3px; background: #c9c9c9; color: #fff;border-radius: 30px; font-size: 16px;text-align:center;padding:15px 0px;  display: inline-block;margin:5px 22.8px;}
.gray{width: 50.3px;height: 52.3px; border:solid 1px #707070;color: #707070;border-radius: 30px; font-size: 16px;text-align:center;padding:15px 0px;  display: inline-block;margin:5px 23.8px;}
.red{width: 50.3px;height: 52.3px; border:solid 1px #e8647a;color: #707070;border-radius: 30px; font-size: 16px;text-align:center;padding:15px 0px;  display: inline-block;margin:5px 22.8px;}
.green{width: 52.3px;height: 52.3px; background: #00a76d; color: #fff;border-radius: 30px; font-size: 16px;text-align:center;padding:15px 0px;  display: inline-block;margin:5px 22.8px;}
.empty{width: 50.3px;height: 52.3px; border:solid 1px #e8647a; border-radius: 30px; text-align:center;padding:14.5px 28px;  display: inline;margin:5px 52.3px; visibility: hidden;}
.calendar > table{width: 800px; border-spacing: 0px 2px; color: #707070; font-size: 14px; font-weight: 500; line-height: 1.43; margin: 35px 0px; border: 1px solid #c9c9c9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.calendar > table {
		font-weight: 600;
	}
}
/* .calendar  */


/*교육 및 행사 시작 2023-11-15*/
.popup_personal_box{position: fixed; z-index: 2147483647; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%;}
.personal-inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 680px; width: 100%; height: auto; background-color: white;}
.popup_personal_box .popup-title{background-color:#00a76d;}
.popup_personal_box .popup-title h5{padding: 25px 0; font-size: 30px; text-align: center; color: #fff;}
.popup_personal_box .popup-content{margin:50px 30.5px 0 30.5px;}
.popup_personal_box .popup-content-title{width: 100%;font-family: Pretendard;padding-bottom:14.5px;font-size: 24px;font-weight: 600;line-height: 0.92;text-align: center;color: #000;}
.popup_personal_box .popup-input{max-width: 536px;width: 100%; padding: 0 42px; margin: 14.5px 72px 0 27px; font-family: Pretendard;font-size: 16px;font-weight: 500;line-height: 1.38;text-align: center;color: #3c3d3d;}
.popup_personal_box .close_btn{max-width: 180px;width: 100%;height: 45px;margin: 43px 250px 48px 250px;border-radius: 22.5px;border: solid 1px #4aa472;background-color: #fff;box-sizing: border-box;}
.popup_personal_box .close_btn span {display: block;font-family: Pretendard;font-size: 18px;font-weight: bold;text-align: center;color: #4aa472;}
.popup_personal_box .border-line-bottom{display: block; max-width: 620px; width: 100%;  height: 1px; margin: 14.5px 29.5px 14.5px 30.5px; background-color: #caccd2;}

@media (max-width:676px) {
	.personal-inner{max-width: 375px; overflow: hidden;}
	.popup_personal_box .personal-area{display: flex; flex-direction: column; height: 100%;}
	.popup_personal_box .popup-content{margin: 40px 25px 0 25px;}
	.popup_personal_box .popup-input{max-width: 287px;margin: 0 auto;padding: 0;}
	.popup_personal_box .close_btn{max-width: 180px; margin: 37px auto 48px}
}


.mbskin{width: 500px; margin: 0 auto;}

/* ADD CSS 2019-12-05 - Publishing manager PKH */
.content-title {
    height: 45px;
    font-family: NotoSansKR, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1.5;
    color: #3c8f8b;
}
.content-sub-title {
    font-family: NotoSansKR, sans-serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.42;
    color: #3c8f8b;
    margin-bottom: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.content-sub-title {
		font-weight: 600;
	}
}

.main_banner_shadow {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) 139%);
}

.content-sub-title.s2 {
	padding-left: 33.3333333%;
}
.content-sub-title.s3 {
	padding-left: 66.6666666%;
}
.step-bar,
.step-bar .step {
    font-size: 1px;
    height: 3px;
}
.step-bar {
    display: flex;
    width: 100%;
    margin: 30px 0 15px;
}
.step-bar .step {
    max-width: 33.3333333%;
    flex: 0 0 33.3333333%;
    background-color: #c9c9c9;
}
.step-bar .step.active {
    background-color: #5fc1bc;
}

/* 사용자 예약 - 2019-12-09 추가 */
.ui-header, 
.border-box-title {
	border-width: 0;
	margin: 30px 0 50px;
	font-size: 24px;
	font-weight: 500;
}
#top_btn,
#top_btn:hover,
#top_btn:focus {
	border: 0;
	background-color: transparent;
	box-shadow: none;
	outline: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.border-box-title {
		font-weight: 600;
	}
}
.border-box .ui-mobile [data-role=page], 
.border-box .ui-mobile [data-role=dialog], 
.border-box .ui-page {
	position: static !important;
}

.table {
	width: 100%;
}
.buttons,
#fwrite .buttons {
    display: flex;
    justify-content: center;
    margin-top: 125px;
    margin-bottom: 150px;
}
.buttons button,
#fwrite .buttons button {
    height: 60px;
    border-radius: 30px;
    font-size: 24px;
    font-weight: 500;
    margin: 0 15px;
    padding: 0 80px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#fwrite .buttons button {
		font-weight: 600;
	}
}
button.btn-sedc {
    font-size: 24px;
    line-height: 1px;
    padding: 18px 78px;
    color: #fff;
    background-color: #00a76d;
    height: 60px;
    border: 0;
    border-radius: 30px;
}
.btn-clasic {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    color: #707070;
    transition: all ease .5s;
}
.ec, .ec-txt {
	color: #ff006c;
}
.ec-txt {
	padding-left: 30px;
}
/* 민원신청 */
/* Step 1 */
/* Step 2 */
.top-info,
.check-info {
    /*font-size: 16px;*/
}
.check-info ul {
    margin-top: 2rem;
}
.check-info ul li {
    padding-left: 30px;
    background-image: url('../../../img/icons/checkbox.png');
    background-repeat: no-repeat;
    background-position: 0 5px;
    line-height: 35px;
}
#sms_type label {
    position: relative;
    flex: 0 0 100px;
    max-width: 100px;
    width: 100%;
    font-size: 16px;
    color: #707070;
    margin-bottom: 0;
    padding-left: 15px;
}
#sms_type label:first-child {
    padding-left: 0;
}
#sms_type label:after {
    content: "";
    position: absolute;
    left: 70px;
}
#sms_type label input[type="radio"],
#sms_type label input[type="checkbox"] {
    display: none;
}
#sms_type label .radio-box,
#sms_type label .checkbox-box {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #707070;
    background-color: transparent;
}
#sms_type label input[type="radio"]:checked + .radio-box,
#sms_type label input[type="checkbox"]:checked + .checkbox-box {
    border-color: #00a76d;
    background-color: #00a76d;
}
#sms_type label .text {
    padding-left: 10px;
}
/* Step 3 */
.wr_content  {
    width: 100%;
}
.flex-direction-column {
    flex-direction: column;
}
.justify-content-flex-start {
    justify-content: flex-start;
}
.justify-content-flex-end {
    justify-content: flex-end;
}
.margin-left-auto {
    margin-left: auto;
}
.margin-right-auto {
    margin-right: auto;
}
.max-height-30px {
    max-height: 30px;
}

.add-form-btn .num-leader,
.add-form-btn .num-custom {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.add-form-btn .num-leader,
	.add-form-btn .num-custom {
		font-weight: 600;
	}
}
.add-form-btn .num-leader.warning,
.add-form-btn .num-custom.warning {
    color: orangered;
}
.today-event {
    font-size: 16px;
}
.training-schedule-wrap .training-schedule-table {
	border-collapse: separate;
    width: 100%;
}
.training-schedule-wrap .training-schedule-table th,
.training-schedule-wrap .training-schedule-table td {
    padding: 7px 10px;
}
.training-schedule-wrap .training-schedule-table th {
    background-color: #fff;
    color: #393d3c;
}

.training-schedule-wrap .training-schedule-table td {
    color: #a7afc6;
}
.training-schedule-wrap .training-schedule-table td:nth-child(1) {
    text-align: center;
}
.training-schedule-wrap .training-schedule-table td:nth-child(2) {
    text-align: center;
}
.training-schedule-wrap .training-schedule-table thead th {
    border-right: 1px solid #ffffff;
}
.training-schedule-wrap .training-schedule-table tbody td {
    /* border-right: 1px solid #00a76d; */
    /* border-bottom: 1px solid #00a76d; */
}
.training-schedule-wrap .training-schedule-table thead th:first-child,
.training-schedule-wrap .training-schedule-table tbody td:first-child {
    /* border-left: 1px solid #00a76d; */
}
.training-schedule-wrap .training-schedule-table thead th:last-child {
    /* border-right: 1px solid #00a76d; */
}

.training-schedule-wrap .training-schedule-table tbody tr:nth-child(even) td {
    /* background-color: #f4fcfd; */
}
.training-schedule-wrap .training-schedule-table tr{
	height: 55px;
}
.training-schedule-wrap .training-schedule-table tr:nth-child(even){
	border-top: 0!important;
}
.training-schedule-wrap .training-schedule-table tr th{
	border-bottom: 1px solid #b5b5b5;
}

.training-schedule-wrap .training-schedule-table tr.y{
	border-radius: 7px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	/** border: solid 1px #3c8f8b;**/
  background-color: #fff;
	border-radius: 7px;
}

.training-schedule-wrap .training-schedule-table tr.y td{
  /* border-bottom: 1px solid #3c8f8b; */
  border-top: 1px solid #3c8f8b;
  text-align: center;
}

.training-schedule-wrap .training-schedule-table tr.y:nth-child(even) td{
   border-bottom: solid 1px #3c8f8b!important;
   border-top: solid 1px #3c8f8b!important;
}

.training-schedule-wrap .training-schedule-table tr.y td:first-child{
	 border-left: solid 1px #3c8f8b;
	border-top: solid 1px #3c8f8b;
	border-top: 1px solid #3c8f8b; 
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.training-schedule-wrap .training-schedule-table tr.y td:last-child{
	 border-right: solid 1px #3c8f8b;
	 border-top: solid 1px #3c8f8b;
	 /* border-bottom: 1px solid #3c8f8b; */
	 border-top-right-radius: 7px;
	 border-bottom-right-radius: 7px;
}

.training-schedule-wrap .training-schedule-table tr.y > td:nth-child(1){
	width: 95px;
	color:#3c8f8b;
	font-family: 'Pretendard';
	font-weight: bold;
}

.training-schedule-wrap .training-schedule-table tr.y > td > a > .text-green {
	font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  display: inline-block;
  width: 85px;
  height: 38px;
  line-height: 38px;
	background-color: #3c8f8b;
	color:white;
	border-radius: 19px;
	cursor: pointer;
}

/* 2023-11-28 교육 예약 border 수정 스타일 */

.training-schedule-wrap .training-schedule-table tr.border-y{
	border-bottom: 1px solid #3c8f8b;
}

.training-schedule-wrap .training-schedule-table tr.border-y > td:nth-child(1){
	border-top: 1px solid #3c8f8b;
	border-left: 1px solid #3c8f8b;
	/* border-bottom: 0.5px solid #3c8f8b; */
}

.training-schedule-wrap .training-schedule-table tr.border-y td{
	border-top: 1px solid #3c8f8b;
	/* border-bottom: 1px solid #3c8f8b; */
}

.training-schedule-wrap .training-schedule-table tr.border-y > td:last-child{
	border-top: 1px solid #3c8f8b;
	/* border-bottom: 0.5px solid #3c8f8b; */
	border-right: 1px solid #3c8f8b;
}



.training-schedule-wrap .training-schedule-table tr.n > td > .text-gray{
	font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  display: inline-block;
  width: 85px;
  height: 38px;
  line-height: 38px;
	background-color: #b9b2b2;
	color:white;
	border-radius: 19px;
}

.sub_text_gray {
	font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  display: inline-block;
  width: 85px;
  height: 38px;
  line-height: 38px;
	background-color: #b9b2b2;
	color:white;
	border-radius: 19px;
	position: relative;
	left:50%;
	transform: translate(-50%);
}

.training-schedule-wrap .training-schedule-table tr.n > td:nth-child(1) > .text-red{
	color: #a7a7a7;
	font-weight: bold;
	text-decoration: underline;
}

.training-schedule-wrap .training-schedule-table tr.y > *{
	color: #393d3c;
	text-align: center;
}
.training-schedule-wrap .training-schedule-table tr.y > * > *{
	color: #393d3c;
}
.training-schedule-wrap .training-schedule-table tr.n{
	background-color: #f9f9f9;
}
.training-schedule-wrap .training-schedule-table tbody tr.n td,a{
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #a7a7a7;
}
.training-schedule-wrap .training-schedule-table thead tr:nth-child(1){
	border-bottom: 1px solid #b5b5b5;
}

.main-slider .bx-wrapper {
    position: relative;
}
.main-slider .bx-wrapper .bx-controls {
    position: absolute;
    z-index: 999;
}

@media(min-width: 992px) {
    .main-slider .bx-wrapper .bx-controls {
        top:50%;
        width:100%;
    }

	.main-slider .bx-wrapper .bx-controls .bx-controls-direction #main-slider-prev {
		position: absolute;
		left:44px;
	}


	.main-slider .bx-wrapper .bx-controls .bx-controls-direction #main-slider-next {
		position: absolute;
		right:44px;
	}

}
.main-slider .bx-wrapper .bx-controls .bx-controls-direction {
    position: relative;
	right:-2px;
}
@media(max-width: 991px) {
    .main-slider .bx-wrapper .bx-controls .bx-controls-direction {
        width: 100%;
        height: 21px;
    }
}

@media (max-width:768px) {
	.training-schedule-wrap{padding:0!important;}
	.training-schedule-wrap .training-schedule-table tbody td:first-child{padding-left: 5px!important;}
	.training-schedule-wrap .training-schedule-table tr.y > td:nth-child(1) {width: 33px;}
	.training-schedule-wrap .training-schedule-table td:nth-child(2) {padding-left: 5px!important;}
	.training-schedule-wrap .training-schedule-table th, .training-schedule-wrap .training-schedule-table td {padding: 7px 2px!important;}
}




.main-slider .bx-wrapper .bx-controls .bx-controls-direction #main-slider-prev,
.main-slider .bx-wrapper .bx-controls .bx-controls-direction #main-slider-next {}

.banner_arrowt,
.banner_arrowb {
    position: static;
}

.banner_arrowb2 {
    position: static;
}

.center-mi-title-line {
	position: relative;
	width: 100%;
	font-size:14px;
	font-weight:bold;
	line-height:2.43;
	color:#3C8F8B;
	margin-bottom: 10px;
}
.center-mi-title-line:after {
	content: "";
	position: absolute;
	left: 125px;
	width:calc(100% - 125px);
	height:2px;
	top: 50%;
	background-color: #3C8F8B;
	transform: translateY(-50%);
}
.step-by-step {
    display: flex;
}
@media(max-width: 767px) {
	.step-by-step {
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
}
.step-by-step div[class^="step"] {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-right: 30px;
}
.step-by-step div[class^="step"]:not(:last-child):after {
    content: "→";
    position: absolute;
    right: 10px;
    bottom: 3px;
}


.side-menu > ul > li.on > ul {
	display: block;
	position: relative;
	z-index: 999999;
}

.content .vision {
/*
	background-image: url('http://seouledc.limefriends.com/data/editor/1910/1e88d8fd6ca62d3c049d5bfbaba6dfac_1570423506_4092.png');
	background-position: right top;
	background-repeat: no-repeat;
*/
}

.vision-title-bar {
	width: 100%;
	min-height: 34px;
	background-color: #dfefe5;
	background-image: url('../img/vision-title-bar.png');
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 25px;
	padding: 0 70px 0 20px;
	line-height: 34px;
	color: #333333;
}
.vision-content {
	width: 100%;
	padding: 20px;
	margin-top: 5px;
	background-color: #f3f9f7;
	color: #666666;
	line-height: 1.7;
}
.vision-content ul {
	list-style: none;
}
.vision-content ul li {
	list-style: none;
}
.vision-content ul li:brfore {
	content: " - ";
	line-height: 1.7;
}

.vision-table {
	border-color: #000;
	border-style: solid;
	border-width: 0px;
	border-collapse: collapse;
	width:100%;
	margin-top:25px;
}

.vision-table td:not(:last-child) {
	border-right: 10px solid #ffffff;
}

.zone1,
.zone2,
.zone3 {
	margin-top: 75px;
}

.mi-logo {
	text-align: center;
}
#show-all-tech {
	display: none;
	position: fixed;
	width: 1200px;
	margin-left: 50%;
	transform: translateX(-50%);
	top: 0;
	z-index: 9999;
	overflow-y: auto;
}
#all-tech-bg {
	display: none;
	background-color: rgba(0,0,0,.7);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9998;
}
#all-tech-bg.on,
#show-all-tech.on {
	display: flex;
	align-items: center;
	justify-content: center;
}
#show-all-tech .container {
	width: 1200px;
	height: 800px;
	padding-bottom: 130px;
	margin: 0 auto;
}

@media(max-width: 767px) {
	#show-all-tech {
		width: auto;
		margin-left: 0;
		transform: translateX(0);
	}
	#show-all-tech .container {
		width: auto;
	}
}

#show-all-tech .all-tech-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #00a76d;
}
#show-all-tech .all-tech-content {
	height: 870px;
}
#show-all-tech .all-tech-header h2 {
	display: flex;
	align-items: center;
	color: #fff;
	padding-left: 20px;
	font-size: 18px;
}
#close-all-tech {
	font-size: 30px;
	padding: 10px;
	background-color: transparent;
	color: #fff;
	border: 0;
}
.img-fluid {
	max-width: 100%;
}
.viewing-time-table {
	width: 800px;
	text-align:center;
	font-family:NotoSansKR, sans-serif;
	font-size:18px;
	line-height:1.89;
}
.ribbon {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: flex;
	width: 130px;
	height: 40px;
	font-size: 14px;
	align-items: center;
	justify-content: center;
	color: transparent;
	border-width: 1px;
	border-style: solid;
	background-color: transparent;
	border-radius: 20px;
}
.ribbon.type1 {
	color: #ffffff;
	background-color: #00a76d;
	border-color: #00a76d;
}
.ribbon.type2 {
	color: #00a76d;
	background-color: #ffffff;
	border-color: #00a76d;
}
.ribbon.type3 {
	color: #ffffff;
	background-color: #707070;
	border-color: #707070;
}
.write_div.exhibition-status label {
	padding-right: 20px;
}
#bo_list .table-wrap {
	margin-top: 20px;
}
.btn_submit {
	width: auto;
}

.btn_cancel {
	margin-top: 50px;
	font-size: 18px;
	padding-left: 30px !important;
	padding-right: 30px !important;
	border-radius: 25px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.dream-gallery-view-table tbody td:nth-child(1) {
		white-space: nowrap;
	}
}

.board-view-header-table {
	width: 100%;
}

.board-view-header-table th,
.board-view-header-table td {
	color: #251815;
	padding: 10px 15px;
}

.board-view-header-table th {
	background-color: #e2f2ea;
}
.board-view-header-table td {
/* 	 */
}
.floor-table {
	width: 800px;
}
.floor-table td:last-child,
#three_f_community_table tbody tr td:last-child {
	padding: 25px 30px;
}
.td_name {
	text-align: center;
}
#faq_con .con_inner .qa-a {
	margin-bottom: 10px;
    margin-left: 63px;
    text-indent: -23.2pt;
}
#faq_con .con_inner .qa-a span {
    font-family: verdana;
    font-size: 12pt;
    color: #00a76d;
    font-weight: 700;
}
#faq_con .con_inner .qa-a-content {
	padding-left: 30px;
}
#faq_con .con_inner .qa-a-content p,
#faq_con .con_inner .qa-a-content p a {
	margin:0px;
	padding:0px;
	font-family:'NotoSansKR', sans-serif;
	/*text-indent:-23.2pt;*/
	font-size:14px;
	line-height: 1.43;
	color:#707070;
	background-color:transparent;
}
#faq_con .con_inner .qa-a-content p a {color: #0000ff;font-weight: bold;}
#faq_con .con_inner .qa-a-content p span {
/* 	 */
}

.comming-way-table {
	width: 100%;
	font-family: NotoSansKR, sans-serif;
	font-size: 18px;
	line-height: 1.89;
	color:#101010;
	border-spacing: 0;
}

.comming-way-table tbody td{
	border-top: 3px solid rgb(0, 167, 109);
}

.comming-way-table tbody td:first-child {
	width: 100px;
	text-align: center;
	background: rgb(244, 255, 250);
	font-weight: 500;
	line-height: 2.13;
	text-align: center;
	color: #000000;
}

.comming-way-table tbody td:last-child {
	padding: 10px 0px 10px 20px;
	background: rgb(255, 255, 255);
	line-height: 1.63;
	text-align: left;
	font-weight: 500;
	color: #101010;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.comming-way-table img {width: 100%;}
}

.info-button-box {
	display: inline-block;
	border: 1px solid #3c8f8b;
	width: 100%;
	line-height: 48px;
}
.info-button-box.rd3 {
	max-width: 265px;
	height: 48px;
}
.info-button-box.rd3-2 {
	letter-spacing: -0.8px;
}
.info-button-box.rd3-2:nth-child(n+5) {
	margin-top: 5px;
}
.info-button-box.al {
	text-align: left;
}
.info-button-box.ac {
	text-align: center;
}
.info-button-box.h45 {
	height: 45px;
	padding-top: 5px;
	line-height: 45px;
}
.info-button-box.rd5 {
	max-width: 156px;
	height: 110px;
	line-height: 1.5;
}
.info-button-box.vt {
	vertical-align: top;
}
.info-button-box.pl10 {
	padding : 0 0 0 10px;
}
.info-button-box.pl15 {
	padding : 0 0 0 15px;
}

.info-button-box a {
	color: #3c8f8b;
	font-size: 15px;
	font-family: "noto sans kr", Sans-serif;
	text-decoration:none;
}
.info-button-box:hover a {
	color: #ffffff;
}

.info-button-box:hover {
	background-color: #3c8f8b;
}


.txc-image {
	max-width: 100%;
}

/* 정보마당 - 기후변화 CSS 시작 */
.info_all{
	max-width: 802px;
	height: auto;
	border-bottom: solid 1px #b1b1b1;
}
.info_title{
	width: 100%;
	height: 50px;
	font-size: 22px;
	font-weight: bold;
	line-height: 2.1;
	text-align: center;
	color: #3c8f8b;
	border-top: 2px solid #3c8f8b;
	border-bottom: 2px solid #3c8f8b;
}
.info_title_bottom{
	margin-bottom: 30px;
}
.info_sub_title{
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  border-left: solid 2px #000000;
  border-right: solid 2px #000000;
  text-align: center;
  display: table;
	padding: 0 10px;
	margin: 0 auto;
  margin-top: 31px;
  margin-bottom: 20px;
}
.info_text{
	font-size: 16px;
	font-weight: normal;
	line-height: 1.88;
	color: #000000;
}

.info_text span{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.88;
	color: #000000;
}

/* 2021-04-12 성용 추가 시작*/
.info_all .vision{

	width:100%;
	height:300px;
	color:#fff;
	background-color:#000;

}

.info_all .green_new{
	border:1px solid #00a76d;
	padding:10px;
}

.info_all .green_new span{
	font-weight:bold;
}

.info_all span.icon{
	color:#00a76d;
}

/* 2021-04-12 성용 추가 끝*/
.info_green_smtext{
	font-size: 13px;
	font-weight: normal;
	line-height: 1.54;
	color: #038b5c;
	display: block;
  max-width: 590px;
  width: 100%;
	margin-bottom: 10px;
}
.info_full_green{
  width: 100%;
  background-color: #00a76d;
  height: 38px;
  color: #ffffff;
  text-align: center;
  line-height: 2.4;
  font-weight: 500;
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.info_text_margin{
	margin-bottom:25px;
}
.info_img{
	width: 100%;	
	margin-bottom:30px;
}
.info_right_img{
	margin-right: 39px;
	margin-bottom: 90px;
}
.info_big_img{
	margin-bottom:100px;
}
.info_left_text{
	float: left;
}
.info_left_img{
	margin-right: 15px;
}
.info_img2{
	display: inline-block;
    margin-bottom: 30px;
    margin-top: 37px;
    height: 560px;
}
.info_footer_text{
	font-size: 16px;
	font-weight: 500;
	text-align: right;
	color: #272727;
	margin-top: 12px;
    margin-right: 25px;
}
.info_link_box{
	margin-bottom: 80px;
}
.info_green{
	font-size:16px;	
	color:#00a76d;
}
.info_gray{	
	color:#707070
}
.info_dark_gary{
	color: #4b4b4b;
	font-weight: 500;
}
@media (min-width: 768px){
	.info_width_half{
		width: 47%;
		margin-right: 22px;
	}
	.info_width_half2{
		width: 44%;
		display:inline-block;
	}
}
@media (max-width: 768px){
	/* 반응형 font -2px */
	.info_title{
		font-size: 20px;
	}
	.info_sub_title{
		font-size: 18px;
	}
	.info_text{
		font-size: 14px;
	}
	.info_green_smtext{
		font-size: 12px;
	}	
	.info_full_green{
		font-size: 14px;
	}
	.info_footer_text{
		font-size: 14px;
	}
	.info_green{
		font-size: 14px;	
	}
	.info_left_text {
		float: inherit;
	}
	.info_img2{
		height: inherit;
	}
}
/* 정보마당 - 기후변화 CSS 종료 */


/* banner_bottom_program */
.banner_bottom_program {
	position: absolute;
	top:300px;
	width:100%;
	padding:0 44px 0 44px;
	left:50%;
	transform: translate(-50%);
	height: 100px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 139%);
}

.banner_bottom_program h2 {
	color:white;
	font-size:37px; 
	font-weight: bold;
	text-align: left;
	line-height: 100px;
	display: inline-block;
}

.main-bxslider {}

.banner_bottom_program h2::after {
	content:'';
	position: relative;
	display:inline-block;
	width:1px;
	height: 23px;
	background-color: #d2d2d2; 
	margin:0 30px 0 30px;
}


.banner_bottom_program > p {
	display: inline-block;
	font-size:15px;
	color:black;
	line-height: 1.27;
}


/* TODO 퀵메뉴 */
.quick_parents {
	position: fixed;
	display:block;
	top:200px;
	right:1%;
	z-index: 9999;
}

.quick_main_title {
	width:64px;
	font-size:19px;
	color:hsl(0, 0%, 78%);
	line-height: 19px;
	margin-bottom: 18px;
	font-weight: 700;
}

.quick_main_menu {
	width:64px;
	height: 192px;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
	border-radius: 13px;
}

.quick_main_menu li {
	width:100%;
	height: 64px;
	display: grid;
	align-content:center;
	cursor: pointer;
	background-color: white;
}

.quick_main_menu li a {
	display: grid;
	color:#5fc1bc;
}

.quick_main_menu li a img {
	position:relative;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}

.quick_main_menu li:nth-child(1) {
	background-color: #5fc1bc;
	border-radius: 13px;
}

.quick_sub_menu {
	width:82px;
	height: 353px;
	border-radius: 13px;
}

.quick_sub_menu li {
	width:100%;
	height: 83px;
	margin-top:7px;
	display: grid;
	align-content:center;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
	cursor: pointer;
	background-color: white;
	border:1px solid #c7c7c7;
	border-radius: 13px;
}

.quick_sub_menu li a {
	display: grid;
	color:#393d3c;
	text-align: center;
	font-weight: bold;
}

.quick_sub_menu li a img {
	position:relative;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}

/* 리뉴얼 사이드 메뉴 박스 */ 
.renewal_arrow_box {
    position: absolute;
    width:15px;
    height: 15px;
    right:36px;
	border-top: 2px solid #939393;
    border-right: 2px solid #939393;
    display: inline-block;
    top: 62px;
    transform: translateX(-50%) rotate(135deg);
    background-color: #fff;
	z-index: 99999999999999;
}
/* 끝  */

.banner_bottom_program > button {
	position:relative;
	float:right;
	width:151px;
	height: 47px;
	border-radius:14px;
 	background-color: #5fc1bc;
	top:50%;
	transform: translate(0, -50%);
	font-family: 'Pretendard';
	font-size:17px;
	border: 0;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	
}
.banner_bottom_program > button a {
	color:white !important;
}

.banner_bottom_program > button > a > p {
	display: inline;
	font-size:17px; 
}

.banner_bottom_program > button > a > img {
	display: inline;
	margin-left:5px;
	position: relative;
	top:-1px;
}

.mobile_schedule_button { 
  position:relative;
  display: block;
  width:140px;
  height: 48px;
  background-color: #b9b2b2;
  border-radius: 20px;
  margin:0 auto; 
	border: 0;
	margin-top:12px;
	margin-bottom:35px;
	color:white;
	font-weight: 600;
	font-family: 'pretendard';
	font-size:17px;
}

.training-schedule-wrap .training-schedule-table tbody tr.no td {
	background-color: white;
	border-right:0;
}

.training-schedule-wrap .training-schedule-table tbody tr.no td span {
	display: inline-block;
	width:140px;
	height: 40px;
	line-height: 40px;
	margin:12px 5px 34px 6px;
	border-radius: 20px;
	background-color: #b9b2b2;
	color:white;
	font-size:17px;
	cursor: pointer;
}

.training-schedule-wrap .training-schedule-table tbody tr.yes td {
	background-color: white;
	border-right:0;
	text-align: center;
}

.training-schedule-wrap .training-schedule-table tbody tr.yes td {
	border-top:0;
	text-align: center;
}

.training-schedule-wrap .training-schedule-table tbody tr.no td {
	border-top:0;
	text-align: center;
}

.training-schedule-wrap .training-schedule-table tbody tr.yes td span {
	display: inline-block;
	width:140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin:12px 5px 34px 6px;
	border-radius: 20px;
	background-color: #3c8f8b;
	color:white;
	cursor: pointer;
}

.training-schedule-wrap .training-schedule-table tbody tr.yes td a {
	color:white;
	font-size:17px;
	text-align: center;
}

.training-schedule-wrap .training-schedule-table tbody tr.no td a {
	color:white;
	text-align: center;
	font-size:17px;
}

#bo_cate #bo_cate_on { color:#3c8f8b !important; }
#faq_wrap li:first-child { border-top:2px solid #3c8f8b !important; }
#faq_wrap li:last-child { border-bottom:2px solid #3c8f8b !important; }
#faq_wrap li h3 .tit_bg { color:#3c8f8b !important; }
button.btn-sedc {background-color:#3c8f8b !important;  }

.select_box {
	display: block !important;
}

.select_box > .current {
	display: none !important;
}

.bems > .bems_title{
	font-size: 24px;
	margin-top: 10px;
}
.bems img{
	width: 100%;
}

/* 새로추가_2023-11-17*/
.data-area .message{
	display: block;
	max-width: 429px;
	width: 100%;
	height: 278px;
	margin: 0 auto;
}
.data-area .message img{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	box-sizing: border-box;
}
.data-area .message span {
	/* display: none; */
}
.bo_w .border-box{
	padding: 0 32px 55px 32px;
	margin-bottom: 24px;
	border: 1px solid #e5e5e5;
}
.bo_w .border-box-content{
	padding: 0;
	margin-bottom: 0;
	line-height: 20px;
}
.bo_w .border-box-title{
	margin: 55px 0 18px;
}
.bo_w .wr_content{
	padding-top: 35px;
}
.from-title{
	height: 100%;
}
span.current{
	border: 0;
}