@charset "UTF-8";
/* location */
.location {
	max-width: none;
	width: 100%;
	height: 3.688rem;
	background: #f6f7f8;
	border-bottom: 1px solid #dedede;
}

.location>ul {
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
}

.location>ul>li {
	height: 100%;
}

.location .location__menu {
	min-width: 13.75rem;
	height: 3.44rem;
	border-right: 1px solid #dedede;
	position: relative;
}

.location .location__menu>a {
	display: flex;
	width: 100%;
	height: 100%;
	font-weight: 600;
	padding-left: 1.25em;
	position: relative;
	align-items: center;
	justify-content: space-between;
	color: #666;
}

.location .location__menu>a::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 13px;
	background: url('/resources/dobongBokji/img/main/btn_next.png')
		no-repeat center center/100% auto;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%) rotate(90deg);
}

.location .location__menu>a:hover+.sub {
	display: block;
}

.location .sub {
	position: absolute;
	width: calc(100% + 1px);
	border: 1px solid #dedede;
	z-index: 1;
	top: calc(100% + 1px); 
	left: 0;
	padding: 0 1.125em;
	background: #fff;
	display: none;
	box-shadow: 0 5px 7px rgb(0 0 0/ 15%);
}

.location .sub:hover, .location .sub.active {
	display: block;
}

.location .sub li {
	width: 100%;
	line-height: 2.5rem;
	background: #fff;
	border-top: 1px solid #dedede;
}

.location .sub li:first-child {
	border-top: 0;
}

.location .sub li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #666;
	padding: 5px 0;
	position: relative;
	transition: 0.3s ease;
}

.location .sub li a:hover {
	color: var(--main-color);
	font-weight: 600;
}

.location .home a {
	display: block;
	width: 3.75rem;
	height: 100%;
	text-indent: -9999px;
	background: url('/resources/dobongBokji/img/subpage/ico_home.png')
		no-repeat center center;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

.location .location__quick {
	display: inline-block;
	width: 3.44rem;
	height: 100%;
	position: absolute;
	top: 0;
}

.location .print {
	right: 3.44rem;
	border-left: 1px solid #dedede;
	text-indent: -9999px;
}

.location .print .btn_print {
	background: url('/resources/dobongBokji/img/subpage/ico_print.png')
		no-repeat center;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	border: 0;
}

.location .share {
	right: 0;
	z-index: 1;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

.location .share__depth {
	position: absolute;
	left: -1px;
	top: 100%;
	background: #fff;
	border: 1px solid #dedede;
	width: calc(100% + 2px);
	display: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .18);
}

.location .share__depth li {
	width: 100%;
	height: 3.44rem;
	text-indent: -9999px;
}

.location .share__btn {
	width: 100%;
	height: 100%;
	background: url('/resources/dobongBokji/img/subpage/ico_share.png')
		no-repeat center;
}

.location .share__depth.active .share__sns {
	display: block;
}

.location .share__btn.on {
	background-color: #fff;
}

.location .share__depth.active li {
	background-color: #fff;
	border-bottom: 1px solid #dedede;
}

.location .share__depth.active li:last-child {
	border-bottom: 0;
}

.location .share__depth button {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.2s;
}

.location .share__sns.facebook button {
	background: url('/resources/dobongBokji/img/subpage/ico_face.png')
		no-repeat center;
}

.location .share__sns.youtube button {
	background: url('/resources/dobongBokji/img/subpage/ico_youtube2.png')
		no-repeat center;
}

.location .share__sns.blog button {
	background: url('/resources/dobongBokji/img/subpage/ico_blog.png')
		no-repeat center;
}

.location .share__sns.kakao button {
	background: url('/resources/dobongBokji/img/subpage/ico_kakao.png')
		no-repeat center;
}

.location .share__sns.facebook button:hover {
	background: url('/resources/dobongBokji/img/subpage/ico_face_h.png')
		no-repeat center;
}

.location .share__sns.youtube button:hover {
	background: url('/resources/dobongBokji/img/subpage/ico_youtube2_h.png')
		no-repeat center;
}

.location .share__sns.blog button:hover {
	background: url('/resources/dobongBokji/img/subpage/ico_blog_h.png')
		no-repeat center;
}

.location .share__sns.blog button:hover {
	background: url('/resources/dobongBokji/img/subpage/ico_blog_h.png')
		no-repeat center;
}

.location .share__sns.kakao button:hover {
	background: url('/resources/dobongBokji/img/subpage/ico_kakao_h.png')
		no-repeat center;
}

.location .share .share-u {
    color: #a9a9a9;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 1px;
}

.location .share .share-u:hover {
    color: #474747;
}

/* subpage */
.subpage_title {
	position: relative;
}

.subpage_title h2 {
	font-size: 2.5rem;
	color: #222;
	text-align: center;
}

.subpage_title .subpage_arrow p:nth-child(1) {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #797676;
}

.subpage_title .subpage_arrow p:nth-child(1) button {
	margin-right: 1em;
}

.subpage_title .subpage_arrow p:nth-child(2) {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	color: #797676;
}

.subpage_title .subpage_arrow p:nth-child(2) button {
	margin-left: 1em;
}

.subpage_content {
	min-height: 60vh;
	padding: 7.500rem 0;
}

.line-gray {
	width: 100%;
	height: 2px;
	display: block;
	background: #ccc;
	margin: 2em auto;
}

.line-gray1 {
	width: 100%;
	height: 1px;
	display: block;
	background: #ccc;
	margin: 2em auto;
}

.border_gray {
	border-bottom: 1px solid #ccc;
}

.box-gray {
	background: #f9f8f8;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.box-gray2 {
	background: #f9f8f8;
	padding: 1em 2em;
}

.box-gray_l {
	border: 1px solid #dedede;
	border-radius: 10px;
	padding: 1em 2em;
}

.box-green {
	background: #e9f1eb;
	padding: 2em;
}

.sub_title {
	text-align: center;
	font-size: 2em;
	color: #222;
}

.sub_title span {
	color: #3a6047;
}

.sub_txt {
	text-align: center;
	color: #727272;
	padding: 0.5em 0 1em;
	font-size: 1.063em;
}

.subcont_tit1 {
	color: #666;
	font-size: 1.06rem;
	word-break: keep-all;
	text-align: center;
	font-weight: 700;
}

.subcont_tit2 {
	font-size: 1.25rem;
	margin-bottom: .6em;
	font-weight: 700;
}

.subcont_tit2 span {
	color: #3a6047
}

.subcont_tit3 {
	font-size: 2.188em;
	font-weight: 700;
}

.subcont_tit4 {
	font-size: 1.625em;
	border-bottom: 1px dashed #ccc;
	padding: .5em 0;
	margin-bottom: 1.346em;
	font-weight: 700;
}

.subcont_tit5 {
	font-size: 1.875em;
	padding: 10px 0;
	font-weight: 700;
} /*30px*/
.subcont_tit6 {
	font-size: 1.688em;
	padding: 10px 0;
	font-weight: 700;
} /*27px*/
.subcont_tit7 {
	font-size: 1.563em;
	padding: 10px 0;
	font-weight: 700;
} /*25px*/
.subcont_tit8 {
	font-size: 2.5em;
	padding: 10px 0;
	font-weight: 700;
} /*40px*/
.subcont_tit8 .text {
	font-size: 0.5em;
	color: #777;
} /*20px*/
.subcont_tit9 {
	font-size: 1.625em;
	padding: 10px 0;
	font-weight: 700;
} /*26px*/
.subcont_txt1 {
	color: #666;
	font-size: 1.063em;
	word-break: keep-all;
	text-align: center
}

.subcont_txt2 {
	color: #666;
	font-size: 1.063em;
}

.subcont_txt3 {
	font-size: 1.125em;
}

.subcont_txt4 {
	color: #666;
	font-size: 1.125em;
} /* 18px */

/* view page */
.editor-box {
	width: 100%;
	border: 1px solid #ddd;
	text-align: center;
	padding: 20px;
}

.noti {
	position: relative;
	padding-left: 1.3em;
}

.noti:before {
	content: '※';
	color: #666;
	font-size: 1.063em;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.headline {
	display: flex;
	align-items: center;
}

.headline .subcont_tit3 {
	margin-right: 1em;
}

.hashtag {
	font-size: 0.875em;
	display: inline-block;
	padding: 5px 8px;
	color: #666;
	border-radius: 5px;
	border: 1px solid #cdcdcd;
	margin-left: 5px;
}

.detail-txt {
	padding: 1.5em 0;
	color: #666;
	font-size: 1.063em;
	font-weight: normal;
	line-height: 1.5;
}

.subimg_slider {
	margin-top: 0.5em;
}

.subimg_slider img {
	width: 100%;
}

.subimg_slider .slick-arrow {
	text-indent: -9999px;
	width: 1.313em;
	height: 2.250em;
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.subimg_slider .slick-prev {
	left: 2em;
	background-image: url('../img/main/btn_prev.png');
	z-index: 1;
}

.subimg_slider .slick-next {
	background-image: url('../img/main/btn_next.png');
	right: 2em;
}

.subimg_slider .slick-dots {
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%);
}

.subimg_slider .slick-dots li {
	display: inline-block;
}

.subimg_slider .slick-dots li button {
	border: 0;
	width: 5em;
	height: 5px;
	text-indent: -9999px;
	background: #e8e8e8;
	margin: 0 5px;
	border-radius: 0;
}

.subimg_slider .slick-dots .slick-active button {
	background: #3a6047
}

.detail {
	margin-bottom: 4em;
}

.detail-list {
	
}

.detail-list li {
	padding: 1.4em 0;
}

.detail-list .dashline {
	border-bottom: 1px dashed #c2c2c2;
}

.detail-list li p {
	padding: 3px 0;
}

.detail-list .kakao {
	display: inline-block;
	position: relative;
}

.detail-list .kakao:after {
	content: '';
	display: inline-block;
	width: 1.75em;
	height: 1.563em;
	background: url('../img/sub/ico_kakao3.png') no-repeat center center/100%
		auto;
	vertical-align: bottom;
	margin-right: 5px;
}

.detail-box {
	width: 100%;
	border: 1px solid #dedede;
	margin-bottom: 10px;
}

.mapBox {
	height: 500px;
}

.mapBox .iw_inner {
	padding: 15px;
}

.mapBox .iw_inner>h3 {
	white-space: normal;
}

.mapBox .iw_inner>p {
	position: relative;
	color: #555;
	padding-left: 1.1em;
}

.mapBox .iw_inner>p::before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 0.813em;
	height: 1em;
	background: url('../img/main/ico_marker.png') center center/100%
		no-repeat;
	display: inline-block;
	content: '';
}

.trans {
	padding-bottom: 1em;
	justify-content: flex-start;
}

.trans li {
	position: relative;
	padding-left: 7em;
	height: 7.25em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.trans li>p {
	font-weight: 700;
	word-break: break-all;
}

.trans li>p:not(:last-child) {
	margin-bottom: 5px;
}

.trans li:before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 6.250em;
	height: 6.250em;
	background-color: #f3f6f4;
	background-position: center center;
	background-repeat: no-repeat;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border-radius: 100%;
}

.trans li span {
	color: #797676;
	margin-left: .8em;
	font-weight: normal;
}

.trans .subway {
	margin-right: 2em;
}

.trans .subway:before {
	background-image: url('../img/sub/subpage_ico_01.png');
}

.trans .subway p {
	position: relative; /* padding-left: 2em; */
	font-size: 1em;
}

.trans .subway .lineG {
	padding-left: 3.5em;
}

.trans .subway .label {
	width: 1.538em;
	height: 1.538em;
	line-height: 1.68em;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	font-weight: 700;
	font-size: 0.813em;
	vertical-align: unset;
	margin-right: 8px;
}

.trans .subway .label.l2 {
	background: #3cb44a;
}

.trans .subway .label.l6 {
	background: #826148;
}

.trans .subway .label.l7 {
	background: #697114;
}

.trans .subway .label.lg {
	background: #fff;
	width: auto;
	height: auto;
	color: #1A7759;
	border: 1px solid #1A7759;
	border-radius: 11px;
	padding: 0px 10px;
	font-weight: 700;
} /* 접근성 26a97f */
.trans .bus:before {
	background-image: url('../img/sub/subpage_ico_02.png');
}

.trans .bus p span {
	color: #fff;
	padding: 2px 8px;
	display: inline-block;
	margin-right: 10px;
	font-size: 0.813em;
}

.trans .coffee:before {
	background-image: url('../img/sub/subpage_ico_12.png');
}

.facility {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 1.5em 0;
	margin: 1em 0;
	align-items: center;
	justify-content: flex-start;
}

.facility li {
	position: relative;
	padding: 0 1em 0 5em;
	word-break: keep-all;
	font-weight: normal;
	min-height: 4.5em;
	display: flex;
	align-items: center;
	margin-right: 10px;
	width: calc(20% - 10px);
}

.facility li:before {
	position: absolute;
	content: '';
	display: inline-block;
	background-color: #f3f6f4;
	background-position: center center;
	background-repeat: no-repeat;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 4.375em;
	height: 4.375em;
}

.facility li:nth-child(1):before {
	background-image: url('../img/sub/subpage_ico_03.png');
}

.facility li:nth-child(2):before {
	background-image: url('../img/sub/subpage_ico_04.png');
}

.facility li:nth-child(3):before {
	background-image: url('../img/sub/subpage_ico_05.png');
}

.facility li:nth-child(4):before {
	background-image: url('../img/sub/subpage_ico_06.png');
}

.facility li:nth-child(5):before {
	background-image: url('../img/sub/subpage_ico_13.png');
}

.detail h3 {
	font-size: 1.25em;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: .5em;
}

.homeSearch-top {
	position: relative;
}

.homeSearch-top .searchBox {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.smart-sch-box {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	border: 1px solid #ddd;
	flex-wrap: wrap;
	background: #f0f0f0;
}

.smart-sch-box>* {
	width: 50%;
}

.smart-map {
	background-color: #f0f0f0;
	background-image: url('../img/map/map_0.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	position: relative; /* height: 500px; */ /* width: 598px; */
	padding-bottom: 42%;
}
/* .smart-map{position: relative;background: #f0f0f0;} */
.smart-map img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.smart-map li {
	position: absolute;
	cursor: pointer;
	font-size: 100%;
}

.smart-map li button {
	color: transparent;
	background: transparent
}

.smart-map .gangbuk {
	top: 24%;
	left: 53%;
}

.smart-map .gobong {
	top: 18%;
	left: 58%;
}

.smart-map .nowon {
	top: 21%;
	left: 66%;
}

.smart-map .jungrang {
	top: 37%;
	left: 70%;
}

.smart-map .dongdaemoon {
	top: 42%;
	left: 60%;
}

.smart-map .sungbook {
	top: 35%;
	left: 54%;
}

.smart-map .jongro {
	top: 41%;
	left: 48%;
}

.smart-map .enpyeong {
	top: 30%;
	left: 38%;
}

.smart-map .seodaemoon {
	top: 43%;
	left: 37%;
}

.smart-map .mapo {
	top: 48%;
	left: 34%;
}

.smart-map .yongsan {
	top: 55%;
	left: 48%;
}

.smart-map .junggu {
	top: 47%;
	left: 52%;
}

.smart-map .sungdong {
	top: 49%;
	left: 60%;
}

.smart-map .gwangjin {
	top: 51%;
	left: 69%;
}

.smart-map .gangdong {
	top: 50%;
	left: 80%;
}

.smart-map .songpa {
	top: 63%;
	left: 75%;
}

.smart-map .gangnam {
	top: 67%;
	left: 64%;
}

.smart-map .seocho {
	top: 69%;
	left: 54%;
}

.smart-map .dongjak {
	top: 64%;
	left: 42%;
}

.smart-map .gwanak {
	top: 74%;
	left: 42%;
}

.smart-map .geumcheon {
	top: 79%;
	left: 33%;
}

.smart-map .guro {
	top: 66%;
	left: 22%;
}

.smart-map .yeongdeungpo {
	top: 58%;
	left: 33%;
}

.smart-map .yangchun {
	top: 59%;
	left: 23%;
}

.smart-map .gangseo {
	top: 47%;
	left: 17%;
}

.smart-sort {
	padding: 2em 1em;
	background: #fff; /* height: 502px; */
	position: relative;
}

.smart-sort .btn-reset {
	font-size: 1em;
	display: inline-block;
	border: 0;
	background: transparent;
	position: absolute;
	top: 1em;
	right: 1em;
	color: #797676;
}

.smart-sort .btn-reset:after {
	content: '';
	display: inline-block;
	width: 1.188em;
	height: 1em;
	background: url('../img/sub/ico_reset2.png') no-repeat center center/100%;
	vertical-align: text-top;
	margin-left: 6px;
}

.sort-type__wrap {
	display: flex;
	align-items: flex-start;
	padding: 15px 0;
	border-bottom: 1px dashed #c2c2c2;
}

.sort-type__wrap:last-child {
	border-bottom: 0;
}

.sort-type__tit {
	width: 15%;
}

.sort-type {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 1em;
	justify-content: flex-start;
	width: 85%;
}

.sort-type:last-child {
	margin-bottom: 0;
}

.sort-type button {
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #fff;
	margin: .2em;
	padding: 4px 8px;
	font-size: 0.875em;
	word-break: keep-all;
}

.sort-type button.on {
	background: #3a6047;
	color: #fff;
}

.hs_tbl select {
	position: absolute;
	right: 0;
	width: 5em;
	padding: .2em 1em;
	top: -10px;
}

.veiw-img {
	margin-top: 2em;
}

.veiw-img img {
	width: 100%;
}

.title_bubble {
	font-size: 1.875em;
	text-align: center;
	position: relative;
}

.title_bubble:before, .title_bubble:after {
	content: '';
	display: block;
	width: 100%;
	height: 2.188em;
}

.title_bubble:before {
	background: url('../img/sub/subpage_ico_bubble1.png') no-repeat center
		center/100%;
}

.title_bubble:after {
	background: url('../img/sub/subpage_ico_bubble2.png') no-repeat center
		center/100%;
}

.text-list {
	padding: 1em 0;
}

.text-list li {
	font-weight: normal;
}

.text-list span {
	font-weight: 500
}

.list-icon {
	display: flex;
	flex-wrap: wrap;
}

.list-icon li {
	width: 50%;
	font-size: 1rem;
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 1.25em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 20px;
}

.list-icon.big li {
	padding-left: 9.375em;
	min-height: 8.125em;
	background-size: 8.125em;
	transition: 0.2s ease;
}

.list-icon.mid li {
	padding-left: 7.5em;
	min-height: 6.25em;
	background-size: 6.25em;
}

.list-icon .tit {
	font-size: 1.063em;
	font-weight: 700;
	padding-bottom: 5px;
}

.list-icon .txt {
	font-size: 1em;
	color: #555;
}

.list-dash>li {
	position: relative;
	line-height: 1.8em;
	padding-left: 15px;
}

.list-dash>li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.8em;
	left: 0;
	width: 5px;
	height: 1px;
	background: #555;
}

.list-dot>li {
	position: relative;
	line-height: 1.8em;
	padding-left: 10px;
}

.list-dot>li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.8em;
	left: 0;
	width: 2px;
	height: 2px;
	background: #555;
}

.list-dot.green>li:before {
	background: #3a6047;
}

.list-check>li {
	position: relative;
	line-height: 1.8em;
	padding-left: 2em;
	font-size: 1.125em;
	font-weight: 700;
}

.list-check>li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 1.4em;
	height: 1.4em;
	background: #4a4a4a url('../img/sub/ico_check2.png') no-repeat center/50%
		auto;
	border-radius: 100%;
}

.list-check>li p {
	font-size: 0.944em;
	font-weight: normal;
}

.intro_box {
	display: flex;
	padding: 2.188rem 0;
	flex-wrap: wrap;
	border-top: 2px solid #333;
	border-bottom: 1px solid #ddd;
}
.intro_box.alignCenter{
	align-items: center
}


.intro_box>.img {
	width: 340px;
}

.intro_box>.flexbox {
	width: calc(100% - ( 340px + 2%));
}

.intro_box02 .cont-detail tr:last-child {
	border-bottom: 0;
}

.intro_box02 .cont-detail th, .intro_box02 .cont-detail td {
	border: 0;
	width: 12.5%
}

.intro_box>*:first-child {
	margin-right: 2%;
	/* position: relative;
	padding-bottom: 22%; */
	overflow: hidden;
}

/* .intro_box .img>img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: block;
	margin: auto;
} */

.intro_box .cont-name {
	font-size: 1.875rem;
	font-weight: 700;
}

.intro_box .cont-detail span {
	min-width: 5em;
	display: inline-block;
}

.intro_box .cont-btn {
	display: inline-block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	flex-wrap: wrap;
}

.intro_box .cont-wrap, .archive_view .intro_box>.left .cont-name {
	margin-bottom: 3.125rem;
	padding: 0;
}

.cont-wrap {
	padding: 1em;
	position: relative;
}

.cont-icon span {
	font-size: 0.875em;
	color: #fff;
	display: inline-block;
	padding: 3px 7px;
	border-radius: 5px;
	text-align: center;
}

.cont-name {
	font-size: 1.063em;
	word-break: keep-all;
}

.cont-name>* {
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
	overflow: hidden;
}

.cont-name .tit {
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 10px 0 1rem;
	/* max-height: 58px; */
}

.cont-name .cont {
	height: 44px;
	color: #666
}

.cont-name .date {
	color: #666;
	font-size: 1rem;
}

.cont-detail, .cont-detail02 {
	color: #666;
	line-height: 1.8;
	font-size: 0.938em;
}

.cont-detail th, .cont-detail02 th {
	color: #333;
}

.cont-detail span, .cont-detail02 span {
	font-weight: 700;
}

.cont-date {
	font-size: 0.875em;
	font-weight: normal;
	color: #777;
}

.cont-btn a {
	width: 48%;
	border-radius: 10px;
	padding: .8em 1.5em;
	font-size: 1.250em;
	text-align: left;
	display: inline-block;
	margin-left: 8px;
}

.cont-btn a:first-child {
	margin-left: 0;
}

.cont-btn .btn-app {
	background-image: url('../img/sub/ico_arrow2.png');
	background-repeat: no-repeat;
	background-position: right 0.7em center;
	color: #fff;
}

.cont-btn .btn-view {
	background: #fff url('../img/sub/ico_arrow3.png') no-repeat right 0.7em
		center;
	border: 1px solid #ccc;
}

.cont-btn .btn-comp {
	background: #3a6047 url('../img/sub/ico_arrow2.png') no-repeat right
		0.7em center;
	color: #fff;
	border: 1px solid #ccc;
}

.lecture-tbl a:hover {
	text-decoration: underline;
}

.lecture-tbl .compl {
	color: #fff;
	background-color: #3a6047;
	width: 4em;
	display: inline-block;
	border-radius: 5px;
	padding: 3px;
}

.lecture-tbl .proc {
	color: #3a6047;
	border: 1px solid #3a6047;
	width: 4em;
	display: inline-block;
	border-radius: 5px;
	padding: 3px;
}

.lecture-tbl .view-sample {
	font-size: 1em;
	color: #3a6047;
}

.lecture-tbl .view-sample:after {
	content: '';
	display: inline-block;
	width: 1.875em;
	height: 1.875em;
	background: #3a6047 url('../img/sub/ico_view.png') no-repeat center;
	border-radius: 100%;
	vertical-align: middle;
	margin-left: 5px;
}

.lecture-tbl .view-lect {
	font-size: 1em;
	color: #3a6047;
}

.lecture-tbl .view-lect:after {
	content: '';
	display: inline-block;
	width: 1.875em;
	height: 1.875em;
	background: #3a6047 url('../img/sub/ico_view.png') no-repeat center;
	border-radius: 100%;
	vertical-align: middle;
	margin-left: 5px;
}

.lecture-view {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.lecture-list {
	width: 27%;
	margin-right: 3%;
}

.lecture-list h1 {
	font-size: 1.563em;
	margin-bottom: 1em;
}

.lecture-list .list {
	height: 650px;
	overflow-y: auto;
	padding: 1.5em 1.875em;
	border-radius: 10px;
	border: 1px solid #ddd;
}

.lecture-list .list a {
	display: block;
	width: 100%;
	padding: 1.313em 0;
	border-bottom: 1px solid #ddd;
	line-height: 1.6;
}

.lecture-list .list a:first-child {
	padding-top: 0;
}

.lecture-list .list a:hover {
	text-decoration: underline;
}

.lecture-list .tit {
	font-size: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #222;
}

.lecture-list .text {
	font-size: 0.938em;
	color: #777;
	font-weight: normal;
	letter-spacing: -1px;
}

.lecture-video {
	width: 70%;
}

.lecture-video .video {
	height: 443px;
	width: 100%;
	background: #333;
	margin-bottom: .5em;
}

.lecture-video .tit {
	font-size: 1.250em;
	font-weight: 700;
	color: #222;
	padding: .5em 0;
}

.lecture-video .text {
	font-size: 1em;
	color: #777;
	font-weight: normal;
}

.academy .lecture-video .cont-btn {
	width: 80%;
	margin: 0 auto;
}

.academy .lecture-video .cont-btn a {
	display: inline-block;
	padding: 0.7em 1.5em;
}

.space-rsv {
	
}

.space-rsv .room_img {
	text-align: center;
}

.ico_appy {
	display: inline-block !important;
	padding: 5px 8px;
	color: #fff;
	background: #3a6047;
	border-radius: 5px;
	min-width: auto !important;
	white-space: nowrap;
}
/* .space-rsv .rsv-date .dash{margin-left: 0.5em;} */
.space-rsv .btnWrap2 {
	bottom: calc(100% + 0.8em);
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
	{
	top: 55% !important;
}

.ui-datepicker .ui-datepicker-prev span {
	width: 10px;
	height: 10px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(225deg);
}

.ui-datepicker .ui-datepicker-next span {
	width: 10px;
	height: 10px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
}

.coHouse .flexbox {
	padding: 2em 0;
}

.coHouse .case {
	display: flex;
	position: relative;
	padding: 3.125em 3em;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.coHouse .case a {
	display: block;
	width: 23.5%;
	text-align: center;
	margin-right: 2%;
}

.coHouse .case a:last-child {
	margin-right: 0
}

.coHouse .case .img_bg {
	display: inline-block;
	position: relative;
}

.coHouse .case .img_bg:before, .coHouse .case .img_bg:after {
	transition: 0.3s ease;
	visibility: hidden;
	opacity: 0;
}

.coHouse .case .img_bg:before {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(58, 96, 71, 0.65);
	top: 0;
	left: 0;
}

.coHouse .case .img_bg:after {
	position: absolute;
	content: '';
	display: block;
	width: 2.375em;
	height: 2.375em;
	background: url('../img/sub/ico_more2.png') no-repeat center/100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.coHouse .case .img_bg:hover:before, .coHouse .case .img_bg:hover:after
	{
	visibility: visible;
	opacity: 1;
}

.coHouse .case .img_name {
	display: block;
	padding-top: 8px;
	font-size: 1.063em;
	color: #555;
}

.coHouse .case-img {
	margin: 2em 0 2.5em;
}

.coHouse .case-tbl {
	margin: 5em 0;
}

.case-gallery {
	width: 100%;
}

.case-gallery .item {
	margin-bottom: 10px;
	display: flex;
	width: 100%;
}

.case-gallery .item span {
	display: inline-block;
	margin-right: 10px;
}

.case-gallery .item span:last-child {
	margin-right: 0;
}

.coHouse .btn-quick {
	justify-content: flex-start;
}

.freemoney {
	
}

.freemoney .img_box {
	display: flex;
	padding: 3em;
	background: #f7f7f7;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
}

.freemoney .img_box span {
	display: inline-block;
	margin-right: 3em;
}

.freemoney .img_box img {
	box-shadow: 8px 8px 0 #ededed;
}

.freemoney_.cont1 {
	padding-top: 3.75em;
	margin-top: 3.75em;
	border-top: 1px solid #cecece;
}

.video-wrap {
	position: relative;
	padding-bottom: 27.6%;
	height: 0;
	overflow: hidden;
}

.video-wrap video, .video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.num-list>li {
	font-size: 1.063em;
	color: #666;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	color: #666;
}

.num-list>li:last-child {
	margin-bottom: 0
}

.num-list>li>span {
	position: absolute;
	display: inline-block;
	color: #fff;
	font-size: 0.765em;
	font-weight: 700;
	border-radius: 100%;
	background: #666;
	margin-right: 7px;
	top: 0;
	left: 0;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
}

.num-list.green>li {
	font-weight: normal;
	font-size: 1.125em;
}

.num-list.green>li>span {
	background: #3a6047;
	font-size: 0.722em;
}

.hub {
	
}

.hub .tab-sty span {
	position: relative;
}

.hub .tab-sty span:after {
	content: '';
	display: inline-block;
	width: 0.4em;
	height: 0.4em;
	border-top: 2px solid #555;
	border-right: 2px solid #555;
	transform: rotate(45deg);
	vertical-align: middle;
	margin: 0 0 3px 20px;
}

.hub .tab-sty .on span:after {
	border-color: #fff;
}

.hub .intro {
	align-items: flex-start;
	letter-spacing: -1px;
	padding-bottom: 2.188em;
	border-bottom: 1px solid #cecece;
}

.hub .service {
	
}

.hub .service li {
	padding-left: 10.5em;
	padding-right: 1em;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 8.125em;
	min-height: 10em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hub .service li:nth-child(1) {
	background-image: url('../img/coHouse/supportHub_ico_01.png');
}

.hub .service li:nth-child(2) {
	background-image: url('../img/coHouse/supportHub_ico_02.png');
}

.hub .service li:nth-child(3) {
	background-image: url('../img/coHouse/supportHub_ico_03.png');
}

.hub .service li:nth-child(4) {
	background-image: url('../img/coHouse/supportHub_ico_04.png');
}

.hub .service li:nth-child(5) {
	background-image: url('../img/coHouse/supportHub_ico_05.png');
}

.hub .service li:nth-child(6) {
	background-image: url('../img/coHouse/supportHub_ico_06.png');
}

.hub .service .tit {
	font-size: 1.063em;
	font-weight: 700;
	padding-bottom: 5px;
}

.hub .service .txt {
	font-size: 1em;
	color: #555;
	line-height: 1.5;
}

.hub .inquiry {
	padding: 2em 7em;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #eee;
	border-radius: 5px;
}

.hub .inquiry p {
	width: 33.3333%;
	font-size: 1em;
	color: #777;
	line-height: 2;
	padding: 0 1em;
}

.hub .inquiry span {
	color: #333;
	font-weight: 700;
	margin-right: 10px;
}

.hublocation .map {
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
}

.hublocation .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hublocation .address {
	background: #f1f1f1;
	padding: 0.85em 0.5em;
	font-size: 1.125em;
	font-weight: 700;
	text-align: center;
}

.hublocation .address:before {
	content: '';
	display: inline-block;
	width: 0.944em;
	height: 1.222em;
	background: url('../img/sub/ico_marker2.png') no-repeat center/100%;
	vertical-align: sub;
	margin-right: 5px;
}

.hublocation .trans {
	justify-content: flex-start;
	padding: 2em 0;
	border-bottom: 1px solid #ddd;
}

.hublocation .subway {
	margin-right: 3%;
}

.subLayout {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 5em;
}

.subLayout.cont1 {
	padding-top: 4.375em;
}

.subLayout__title {
	width: 15%;
	font-size: 1.625em;
	font-weight: 700;
}

.subLayout__content {
	width: 85%;
}

.subLayout__content .boardTable {
	line-height: 1.8em;
}

.subLayout__content .box-gray2 {
	display: flex;
	flex-wrap: wrap;
	padding: 2em;
}

.subLayout__content .box-gray2>p {
	width: 15%;
}

.subLayout__content .num-list>span {
	background: #858585
}

.headImg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	min-height: 330px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px 10em;
}

.headImg .tit {
	color: #fff;
	font-weight: 600;
	font-size: 2em;
}

.headImg .txt {
	color: #fff;
	font-size: 1.125em;
	margin: 15px 0;
	line-height: 1.6;
}

.design {
	
}

.design li {
	margin-bottom: 1.875em;
}

.design .tit {
	font-size: 1.438em;
	font-weight: 700;
	padding: 0.5em 0;
}

.design .txt {
	font-size: 1.063em;
	color: #666;
	line-height: 1.7;
}

.product {
	
}

.product .img {
	width: 100%;
}

.product .img img {
	width: 100%;
}

.product .info-box {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.product .info-box .title {
	font-size: 1.625em;
	font-weight: 600;
	width: 15%;
}

.product .info-box .info-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 85%;
}

.product .info-box .info-item {
	width: 100%;
	font-size: 1.063em;
	padding: 2.353em;
	color: #555;
	background-repeat: no-repeat;
	background-position: 1.5em 2.353em;
	padding-left: 132px;
	border: 1px solid #dedede;
	border-radius: 10px;
	margin-bottom: 15px;
	position: relative;
}

.product .info-box .info-item.small {
	width: 49.2%;
}

.product .info-box .info-item:nth-child(1) {
	background-image: url('../img/sub/product-ico_01.png');
}

.product .info-box .info-item:nth-child(2) {
	background-image: url('../img/sub/product-ico_02.png');
}

.product .info-box .info-item:nth-child(3) {
	background-image: url('../img/sub/product-ico_03.png');
}

.product .info-box .info-item:nth-child(4) {
	background-image: url('../img/sub/product-ico_04.png');
}

.product .info-box .info-item:nth-child(5) {
	background-image: url('../img/sub/product-ico_05.png');
}

.product .info-box .info-item:nth-child(6) {
	background-image: url('../img/sub/product-ico_06.png');
}

.product .info-box .info-item:nth-child(7) {
	background-image: url('../img/sub/product-ico_07.png');
}

.product .info-box .info-item:nth-child(8) {
	background-image: url('../img/sub/product-ico_08.png');
}

.product .info-box .info-item:nth-child(9) {
	background-image: url('../img/sub/product-ico_09.png');
}

.product .info-box .info-item:nth-child(10) {
	background-image: url('../img/sub/product-ico_10.png');
}

.product .info-box .info-item:nth-child(11) {
	background-image: url('../img/sub/product-ico_11.png');
}

.product .info-box .info-item:nth-child(12) {
	background-image: url('../img/sub/product-ico_12.png');
}

.product .info-box .info-item>p {
	font-size: 1.059em;
	font-weight: 600;
	color: #111;
	padding: 5px 0;
	margin-bottom: 10px;
}

.product .info-box .info-item:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 55px;
	background: #dedede;
	vertical-align: middle;
	position: absolute;
	top: 2.353em;
	left: 100px;
}

.product .info-box .info-text {
	line-height: 1.8
}

.product .info-box .info-text>li {
	margin: 5px 0;
}

.business {
	
}

.business-process {
	
}

.business .headImg {
	background-image: url('../img/sub/business-steps_img2.png');
}

.business-process .img {
	width: 100%;
	border: 1px solid #dedede;
	border-radius: 0.8em;
	overflow: hidden;
}

.business-process .img img {
	width: 100%;
}

.business-process__steps {
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
	border: 1px solid #dedede;
	padding: 2.5em;
	justify-content: space-between;
	align-items: stretch;
}

.business-process__steps li {
	position: relative;
	width: 20%;
	margin-bottom: 2.5em;
	margin-right: 6.6666%;
}

.business-process__steps li:nth-child(4n) {
	margin-right: 0
}

.business-process__steps li:nth-child(8):after {
	display: none;
}

.business-process__steps li:after {
	position: absolute;
	content: '';
	display: block;
	width: 0.813em;
	height: 0.813em;
	border-top: 5px solid #9d9d9d;
	border-right: 5px solid #9d9d9d;
}

.business-process__steps li:nth-child(-n+3):after {
	transform: rotate(45deg);
	top: 40%;
	right: -20%;
}

.business-process__steps li:nth-child(4):after {
	transform: rotate(135deg);
	top: 110%;
	left: 45%;
}

.business-process__steps li:nth-child(n+5) {
	margin-bottom: 0;
}

.business-process__steps li:nth-child(n+5):after {
	transform: rotate(225deg);
	top: 40%;
	right: -22.5%;
}

.business-process__steps p {
	text-align: center;
}

.business-process__steps .tit {
	font-size: 1.125em;
	font-weight: 700;
	padding: 10px;
	border-radius: 10px 10px 0 0;
}

.business-process__steps .txt {
	font-size: 1em;
	color: #797676;
	padding: 10px;
	border: 1px solid #dedede;
	border-top: 0;
}

.business-cont.cont1 {
	border-top: 1px solid #cecece;
	margin-top: 4em;
}

.business-cont.cont1 .list-icon li:nth-child(1) {
	background-image: url('../img/sub/business-steps_01.png');
}

.business-cont.cont1 .list-icon li:nth-child(2) {
	background-image: url('../img/sub/business-steps_02.png');
}

.business-cont.cont1 .list-icon li:nth-child(3) {
	background-image: url('../img/sub/business-steps_03.png');
}

.business-cont.cont1 .list-icon li:nth-child(4) {
	background-image: url('../img/sub/business-steps_04.png');
}

.business-cont.cont1 .list-icon li:nth-child(5) {
	background-image: url('../img/sub/business-steps_05.png');
}

.business-cont.cont7 .steps {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.business-cont.cont7 .steps li:not(.arrows) {
	padding-top: 120px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	width: 25%;
}

.business-cont.cont7 .steps .arrows {
	background: url('../img/sub/subpage_ico_08.png') no-repeat center/100%;
	padding: 0;
	width: 3.125em;
	height: 2.625em;
	align-self: center;
}

.business-cont.cont7 .steps li:nth-child(1) {
	background-image: url('../img/sub/business-steps_06.png')
}

.business-cont.cont7 .steps li:nth-child(3) {
	background-image: url('../img/sub/business-steps_07.png')
}

.business-cont.cont7 .steps li:nth-child(5) {
	background-image: url('../img/sub/business-steps_08.png')
}

.business-cont.cont7 .steps .tit {
	font-size: 1.125em;
	font-weight: 700;
}

.business-cont.cont7 .steps .txt {
	font-size: 1em;
	color: #666;
}

.business-cont.cont10 .monitoring_top {
	border: 1px solid #dedede;
	padding: 20px 0;
	text-align: center;
	background: #f9f8f8;
}

.business-cont.cont10 .monitoring {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

.business-cont.cont10 .monitoring li {
	width: 33.3333%;
	padding: 2em 1em;
	font-size: 1.125em;
	line-height: 1.5;
	text-align: center;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #cecece;
	transition: 0.2s ease;
}

.business-cont.cont10 .monitoring li:last-child {
	border-right: 1px solid #cecece;
}

.business-cont.cont10 .monitoring li:hover {
	border: 2px solid #3a6047 !important;
}

.business-cont.cont10 .monitoring a {
	display: inline-block;
	background: #3a6047;
	padding: 5px 15px;
	border-radius: 20px;
	color: #fff;
	font-size: 0.833em;
	margin-top: 10px;
}

.finance-cont.cont1 {
	margin-top: 3em;
	border-top: 1px solid #cdcdcd;
}

.finance-cont.cont3 .num-list>li {
	padding-left: 0;
	font-weight: 700;
	color: #333;
}

.finance-cont.cont3 .num-list>li>span {
	position: static;
	vertical-align: middle;
}

.consulting {
	
}

.consulting__step {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

.consulting__item {
	width: 31%;
	padding: 1.875em 2.188em;
	padding-left: 10.625em;
	border: 1px solid #dedede;
	border-radius: 10px;
	background-color: #f9f8f8;
	background-repeat: no-repeat;
	background-position: 2.188em center;
	position: relative;
	min-height: 160px;
	display: flex;
	align-items: center;
	transition: 0.2s ease;
}

.consulting__item.item1 {
	background-image: url('../img/sub/consulting-ico-01.png');
}

.consulting__item.item2 {
	background-image: url('../img/sub/consulting-ico-02.png');
}

.consulting__item.item3 {
	background-image: url('../img/sub/consulting-ico-03.png');
}

.consulting__item>span {
	font-size: 0.875em;
	color: #fff;
	background: #3a6047;
	width: 1.786em;
	height: 1.786em;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	line-height: 1.786em;
	position: absolute;
	top: 1.875em;
	left: 2.188em;
}

.consulting__item>p {
	font-size: 1.250em;
	font-weight: 700;
}

.consulting__arrow {
	width: 2%;
	background: url('../img/main/btn_next.png') no-repeat center;
}

.online {
	
}

.online-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #f7f7f7;
	padding: 3em 7em;
}

.online-menu a {
	width: 40%;
	border: 1px solid #dedede;
	background: #fff;
	border-radius: .5em;
	font-size: 1.06rem;
	padding: 2.19rem 0;
	text-align: center;
	position: relative;
	transition: 0.3s ease;
}

.online-menu a:first-child {
	margin-right: 20px
}

.online-menu a:hover {
	border-color: #3a6047;
	color: #3a6047;
}

.organization {
	
}

.organization .top {
	position: relative;
	text-align: center;
}

.organization .bottom {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.organization .bottom:before {
	content: '';
	position: absolute;
	width: calc(100% - 215px);
	height: 1px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #ddd;
}

.organization .bottom .box {
	width: 215px;
}

.organization .director {
	position: relative;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
	background: url('../img/sub/organization_bg1.png') no-repeat center/cover;
	width: 215px;
	height: 80px;
	color: #fff;
	border-radius: 8px;
	margin-bottom: 60px;
}

.organization .director:before {
	content: '';
	position: absolute;
	width: 0.563rem;
	height: 0.563rem;
	bottom: -0.2815rem;
	left: 50%;
	transform: translateX(-50%);
	background: url('../img/sub/organization_circle.png') no-repeat center/100%;
}

.organization .director:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 60px;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #ddd;
}

.organization .top .member {
	width: 215px;
	position: absolute;
	top: 0;
	left: calc(50% + 245px);
	transform: translateX(-50%);
	margin-top: 0;
}

.organization .top .member:before {
	width: 30px;
	height: 1px;
	bottom: 50%;
	right: 100%;
	left: auto;
	transform: translate(0, 0);
}

.organization .team {
	position: relative;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
	background: url('../img/sub/organization_bg2.png') no-repeat right
		bottom/auto 100%;
	width: 100%;
	height: 80px;
	color: #3a6047;
	border-radius: 8px;
	border: 1px solid #3a6047;
	margin-top: 50px;
}

.organization .team:before {
	content: '';
	position: absolute;
	width: 0.563rem;
	height: 0.563rem;
	top: -0.2815rem;
	left: 50%;
	transform: translateX(-50%);
	background: url('../img/sub/organization_circle.png') no-repeat center/100%;
}

.organization .team:after {
	content: '';
	position: absolute;
	content: '';
	position: absolute;
	width: 1px;
	height: 50px;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #ddd;
}

.organization .member_w {
	display: none;
}

.organization .member {
	position: relative;
	font-size: 1rem;
	background: #f7f7f7;
	width: 100%;
	height: 80px;
	color: #555;
	border-radius: 8px;
	border: 1px solid #cecece;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin-top: 30px;
}

.organization .member>strong {
	font-size: 17px;
	font-size: 1.063rem;
	display: block;
	color: #333;
}

.organization .member>strong {
	font-size: 17px;
	font-size: 1.063rem;
}

.organization .member:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 30px;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #ddd;
}

/* add */
.subpage_content h2.tit {
	font-size: 2.625rem;
	text-align: center;
	margin-bottom: 2.500rem;
	color: #111;
}

/* sch_tab */
.sch_tab {
	top: 20px;
	left: 20px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.sch_tab>button {
	padding: 10px;
	background: #fff;
	display: inline-block;
	color: #777;
	transition: all .2s;
	border: 1px solid #ddd;
}

.sch_tab>button.on {
	background: var(--main-color);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .18);
	color: #fff;
	border-color: transparent;
}

/* 도봉구 복지 지도 */
.map_sch_w{margin: 1.250rem 0 2.188rem; padding-bottom: 2.188rem; border-bottom: 1px solid #ddd;}

.map_w {
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-top: 20px;
	overflow: hidden;
	height: 700px;
}

.map_w .map {
	height: 100%;
	width: 100%
}

.map_w .left {
	position: relative;
	width: calc(100% - 400px);
	height: 100%;
}

.map_w .sch_tab {
	width: calc(100% - 40px);
	z-index: 1
}

.map_w .sch_tab>button {
	padding: 7px
}

.map_w .right {
	width: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}

.right .spotlist {
	padding: 2.500rem;
	position: relative;
}

.right .spotlist:not(:last-child)::after {
	display: block;
	position: absolute;
	content: '';
	width: calc(100% - 3.75rem);
	height: 1px;
	background: #ddd;
	bottom: 0;
	left: 1.875rem;
}

.right .spotlist .tit {
	font-size: 1.250rem;
	font-weight: 700;
	margin-bottom: 15px;
}

.right .spotlist.active {
	background-color: #f9f9f9;
}

.spot li {
	padding-left: 25px;
	align-items: center;
	margin-bottom: 5px;
	position: relative;
}

.spotlist .page::before, .spot li::before {
	display: inline-block;
	position: absolute;
	left:0;
	top: 2px;
	content: '';
	width: 1.125rem;
	height: 1.188rem;
	background: url() no-repeat center/100% auto;
}

.spot .adr:before {
	background-image: url(/resources/dobongBokji/img/subpage/map_pos.png)
}

.spot .tel:before {
	background-image: url(/resources/dobongBokji/img/subpage/map_tel.png)
}

.spotlist .page {
	color: #3d50e4;
	text-decoration: underline;
	position: relative;
	padding-left: 25px;
}

.spotlist .page:before {
	background-image: url(/resources/dobongBokji/img/subpage/map_home.png);
	margin-bottom: -4px;
}

/* table */
table.cont-detail, table.cont-detail02 {
	line-height: 1.3;
	font-size: 1rem;
	width: 100%;
}

table.cont-detail tr {
	border-bottom: 1px solid #ddd;
}

table.cont-detail tr:first-child {
	border-top: 1px solid #ddd;
}

table.cont-detail th, table.cont-detail td, table.cont-detail02 th,
	table.cont-detail02 td {
	padding: 1rem;
}

table.cont-detail th, table.cont-detail02 th {
	width: 15%
}

table.cont-detail td.phone, table.cont-detail td.page {
	width: 20%;
}

table.cont-detail th, table.cont-detail02 th {
	background-color: #f4f4f4;
}

/* cont-detail02 복지정보 컨텐츠*/
.cont-detail02 {
	position: relative;
}

.cont-detail02:before {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #333;
	top: 0;
	left: 0;
}

.cont-detail02 th, .cont-detail02 td {
	border: 1px solid #ddd;
	border-top: 0;
}

.cont-detail02 td {
	text-align: center;
	
    /* word-break: break-all; */
}

.cont-detail02 th:first-child, .cont-detail02 td:first-child {
	border-left: 0;
}

.cont-detail02 th:last-child, .cont-detail02 td:last-child {
	border-right: 0;
}

/* .cont_w:not(:last-child) {
	margin-bottom: 2.5rem;
} */

/* 게시판 view (이미지)*/
.cont-detail03 {
	width: 100%;
	border-top: 1px solid #ddd;
}

.cont-detail03 {
	display: flex;
	flex-wrap: wrap
}

.cont-detail03>li {
	display: flex;
}

.cont-detail03>li.agency, .cont-detail03>li.file_w {
	width: 100% !important;
}

.cont-detail03>li .tit, .cont-detail03>li .cont {
	padding: 1rem;
	border-bottom: 1px solid #ddd;
}

.cont-detail03>li a {
	color: #3d50e4;
	text-decoration: underline;
	word-break: break-word;
}

.cont-detail03>li .tit {
	background-color: #f4f4f4;
	color: #333;
	min-width: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60px;
	font-weight: 700
}

.cont-detail03>li .cont {
	color: #666;
	width: calc(100% - 160px);
	display: flex;
	align-items: center;
}

.cont-detail03 .file a {
	display: block;
	background: url(/resources/dobongBokji/img/bbs/ico_file.png) no-repeat
		top 5px left;
	padding-left: 18px;
}

.cont-detail03.col1>li {
	width: 100%;
}

.cont-detail03.col2>li {
	width: 50%;
}

.cont-detail03.col3>li {
	width: 33.333%;
}

.cont-detail03.col4>li {
	width: 25%;
}

/* intro_box */
.intro_box .cont-detail th:first-child {
	border-left: 0;
}

.intro_box .cont-detail td:last-child {
	border-right: 0;
}

/* gallery_st2 상세페이지*/
.gallery_st2 .intro_box>*:first-child {
	padding-bottom: 30%;
}

.gallery_st2 .board_cont {
	padding: 2.5rem 0;
}

/* form */
.data-part {
	color: #333;
}

/* .data-part:not(:last-child) {
	margin-bottom: 5.000rem;
} */

.data-part * {
	font-size: 1rem;
}

.data-part>.flexbox {
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 2px solid #333;
}

.data-part h5.tit+p {
	color: #333;
}

.data-part .list>li {
	display: flex;
	margin-top: 3.125rem;
	gap: 10px;
}
.data-part .list>li:first-child{
	margin-top: 1.875rem;
}

.data-part .list > li > *:not(.tit){
	font-size: 1.125rem;	
}

.data-part .list .tit {
	font-size: 1.125rem;
	font-weight: 700;
	min-width: 220px;
}

.data-part input[type="text"], .data-part input[type="password"],
	.data-part input[type="email"], .data-part input[type="number"], .data-part input[type="file"]
	.form_m .data-part select,.data-part .list > li > .date {
	height: 2.500rem;
	max-width: 300px;
	width: 100%;
}

.data-part .list > li > .date button{
	right: 1rem;
}

.data-part .wide_w {
	width: 100%;
}

.data-part .wide_w textarea {
	resize: none;
}

.data-part .wide_w input {
	max-width: none;
}

.data-part .wide_w #target_adr {
	height: 100px;
}

.data-part .wide_w .target_sttn {
	height: 150px;
}

.data-part table.cont-detail {
	margin-bottom: 20px;
}

.data-part table.cont-detail tr:first-child {
	border: 0;
}

.data-part table.cont-detail th, .data-part table.cont-detail td {
	border: 1px solid #ddd
}

.data-part table.cont-detail th {
	color: #333;
	border-bottom: 0;
}

.data-part table.cont-detail td {
	text-align: center;
	color: #666
}

.data-part>.cont {
	margin-top: 20px;
	max-height: 216px;
	overflow: auto;
	padding: 1.563rem;
	border: 1px solid #dedede;
	border-radius: 5px;
}

.data-part>.checkbox_w {
	border: 1px solid #dedede;
	border-radius: 5px;
	padding: 10px 1.563rem;
	margin-top: 10px;
}

.data-part>.checkbox_w input[type="checkbox"] {
	width: 1.563rem;
	height: 1.563rem;
}

.data-part>.checkbox_w>label {
	font-size: 1.125rem;
	font-weight: 600;
}

.data-part>ol>li {
	color: #666;
	padding-left: 15px;
	position: relative;
}

.data-part>ol>li:not(:last-child) {
	margin-bottom: 10px;
}

.data-part>ol>li:before {
	position: absolute;
	display: block;
	content: '';
	font-weight: 700;
	color: #333;
	left: 0;
}

.data-part>ol>li:nth-child(1):before {
	content: '1.';
}

.data-part>ol>li:nth-child(2):before {
	content: '2.';
}

.data-part>ol>li:nth-child(3):before {
	content: '3.';
}

.rbox {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 10px;
}
.rbox > li{
	display: flex;
	align-items: center;
}

.rbox .info>label {
	margin-right: 0;
}

.cbox{display: flex; align-items: center; flex-wrap: wrap;}

/* popup */
.rbox .info>.dim {
	background: rgba(0, 0, 0, .5);
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 161;
	height: 100%;
}

.rbox .info .popup {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 90%;
	max-width: 768px;
	height: 80%;
	padding: 1.250rem;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 10px;
	overflow: auto;
}

.rbox .info p {
	line-height: 1.6
}

.rbox .info .btn_w {
	text-align: right;
	margin-bottom: 20px;
}

.popup .close {
	margin: 0;
}

.duty {
	background: url(/resources/dobongBokji/img/ico_duty.png) no-repeat
		center right 0;
	padding-right: 20px;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	vertical-align: middle;
}

.phonenum select, .email+select {
	padding: 0.5em 1em;
}

.phonenum select, .phonenum input {
	width: calc(33.333% - 13px) !important;
}

.email_w {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
}

.email input {
	width: calc(50% - 13px) !important;
}

.email+select {
	max-width: 200px !important;
}

/* 주소 입력 */
.adr {
	max-width: 600px;
	width: 100%;
}

.adr>input[type="text"] {
	display: block;
	margin-top: 7px;
	max-width: none;;
}

.adr .flexbox {
	flex-wrap: nowrap;
	gap: 10px;
}

.adr button {
	padding: 5px 1rem;
	white-space: nowrap;
	width: auto;
	height: auto;
}

/* gray_box */
.gray_box {
	background-color: #f9f9f9;
	padding: 2.313rem 2.5rem;
	font-size: 1.125rem;
	font-weight: 600;
}

.gray_box02 {
	background: #f9f9f9 url() no-repeat center left 5rem;
	padding: 2.188rem 5rem;
	font-size: 1.125rem;
	color: #666;
	padding-left: 14.375rem;
	margin: 2.5rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 160px;
	font-weight: 400;
}

.gray_box02>p.tit {
	font-size: 1.375em;
	color: #333;
	font-weight: 700;
	margin-bottom: 5px;
}

.help .gray_box {
	font-size: 1.500rem;
	font-weight: 700;
	text-align: center;
}

.suggest .gray_box {
	padding: 2.313rem 1.875rem;
	border: 1px solid #dedede;
	border-radius: 5px;
}

/* qna */
.qna .gray_box02 {
	background-image: url(/resources/dobongBokji/img/subpage/qna_bg.png);
	padding: 2.5rem 5rem;
	padding-left: 14.375rem;
}

.qna .gray_box02 {
	font-size: 1.125rem
}

/* gnrlCont */
.gnrlCont_w h3.tit{
	font-family: inherit;
	font-weight: 700;
}

.gnrlCont {
	border-top: 2px solid #222;
	border-bottom: 1px solid #ddd;
	/* padding: 3.750rem 0; */
	padding: 0;
	font-size: 1.125rem;
	color: #333;
	font-weight: 500
}

.gnrlCont .cont_w {
	gap: 2.5rem;
}

/* .gnrlCont .cont_w:first-child h5.tit, .gnrlCont .cont_w:first-child .right{
	padding-top: 40px;	
}
.gnrlCont .cont_w:last-child h5.tit,.gnrlCont .cont_w:last-child .right{
	padding-bottom: 40px;
}  */

.gnrlCont .scroll-st2{
    overflow-x: auto;
}

.gnrlCont table.cont-detail02{
	min-width: 600px;
}

.gnrlCont table.cont-detail02 th, .gnrlCont table.cont-detail02 td{
	word-break: keep-all;
}

.gnrlCont h5.tit, .gnrlCont .right{
	padding: 20px 0;
}

.gnrlCont h5.tit {
	width: 280px;
	font-size: 1.250rem;
	background: #f7f7f7;
	padding: 20px 0;
	padding-left: 45px;
	position: relative;
}

.gnrlCont h5.tit:before {
	display: block;
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: var(--main-color);
    border-radius: 100%;
    left: 32px;
    top: 31px;
}

.gnrlCont .right {
	width: calc(100% - 320px);
}

.gnrlCont .dot_list>li:not(:last-child) {
	padding-bottom: 5px
}

.gnrlCont .dot_list>li::before {
	border-radius: 100%;
	background-color: var(- -main-color)
}

.attach_area ul {
	padding: 20px;
	background: #f7f7f7;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

.attach_area ul li {
	margin-bottom: 20px;
	gap: 10px;
	align-items: center;
	display: flex;
	padding-left: 25px;
	background: url(/resources/dobongBokji/img/bbs/ico_file.png) no-repeat
		center left;
}

.attach_area ul li:last-child {
	margin-bottom: 0;
}

.attach_area ul li>a:hover, .attach_area ul li>a:focus {
	text-decoration: underline;
}

/* link_btn_list */
.link_btn_list {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.link_btn_list>li {
	width: calc(33.333% - 0.7rem);
	min-height: 200px;
}

.link_btn_list>li>a, .link_btn>li>a .bbs.label {
	transition: .2s;
}

.link_btn_list>li>a {
	/* display: block; */
	height: 100%;
	width: 100%;
	padding: 2.188rem 1.5rem;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: url(/resources/dobongBokji/img/subpage/ico_g_arrow.png)
		no-repeat;
	background-position: bottom 30px right 30px !important;
	display: flex;
    flex-direction: column;
    justify-content: space-around
}

.link_btn_list>li>a:hover, .welfare_info>li>a:focus {
	color: #fff;
	background: var(--main-color)
		url(/resources/dobongBokji/img/subpage/ico_h_g_arrow.png) no-repeat;
	border: 0;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .2);
}

/* welfare_info */
.welfare .tab-sty {
	margin-bottom: 0;
}

.welfare .tab-sty.col11 li, .welfare .tab-sty.col12 li, .welfare .tab-sty.col13 li{width: 16.666%; margin-top: -1px;}
.welfare .tab-sty.col11 li:nth-child(6n), .welfare .tab-sty.col12 li:nth-child(6n), .welfare .tab-sty.col13 li:nth-child(6n){border-right: 1px solid #ddd;}

.welfare_tab_w {
	padding: 1.188em 2.5vw;
	border: 1px solid #ddd;
	margin-bottom: 3.750rem;
	margin-top: -1px;
}
.welfare_tab_w .flexbox{
	flex-wrap: nowrap;
	align-items: center;
}

.welfare_tab_w .top{
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.welfare_tab_w .label {
	font-size: 1.250rem;
	font-weight: 700;
	width: 126px;
}

.welfare_tab_w .scroll {
	width: calc(100% - ( 70px + 2.5rem));
}

.welfare_tab_w .sch_tab {
	position: initial;
	width: 100%;
	display: block;
	display: flex;
	gap: 5px;
}

.welfare_tab_w .sch_tab button {
	height: 40px;
	box-shadow: none;
	border: 1px solid #ddd;
	min-width: 65px;
}

.welfare_tab_w .sch_tab button.on {
	background-color: #333;
	border: 0;
	color: #fff;
}
.welfare_info>li>a .flexbox{
	gap:5px;
	max-width: 88%;
	margin-top: 15px;
}
.welfare_info>li>a .bbs.label{
	margin-right: 0;
	
}
.welfare_info>li>a:hover .bbs.label {
	background-color: #fff;
	color: var(--main-color);
}

/* 모의계산 */
.simulation .gray_box02 {
	background-image:
		url(/resources/dobongBokji/img/subpage/simulation_bg.png);
}

.simulation .cont-name {
	font-size: 1rem;
}

.simulation .link_btn_list>li {
	min-height: 175px;
	width: calc(20% - 0.8rem);
}

.simulation .link_btn_list>li>a {
	padding: 1.750rem;
}

.simulation .link_btn_list p:nth-child(1) {
	font-size: 1.375rem;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.3
}

.simulation .link_btn_list>li a {
	background-image: url(/resources/dobongBokji/img/main/ico_shortcut.png);
}

.simulation .link_btn_list>li a:hover {
	background-image:
		url(/resources/dobongBokji/img/main/ico_h_shortcut.png);
	transform: translateY(-10px);
}

.simulation .link_btn_list>li a:hover b {
	color: #fff;
}

.simulation .gray_box {
	border: 1px solid #ddd;
	color: #666;
	font-size: 1rem;
	font-weight: 400;
}

.simulation .gray_box b {
	color: #333
}

/* 온라인 신청 */
.online .gray_box02 {
	background-image: url(/resources/dobongBokji/img/subpage/online_bg.png);
}

.online .cont {
	display: flex;
	gap: 2.5rem;
	flex-wrap: wrap;
	row-gap: 3.750rem;
	margin-right: 20px;
}

.online .cont>li {
	width: calc(25% - ( 2.5rem * 3/ 4));
	color: #666;
	max-width: 315px;
}

.online .cont .tit {
	font-size: 1.375rem;
	font-weight: 700;
	padding: 0.563rem 1.563em;
	border-radius: 10px 10px 10px 0;
	position: relative;
	margin-bottom: 20px;
	color: #222;
}

.online .cont .tit:after {
	position: absolute;
	dispaly: blcok;
	content: '';
	width: 0px;
	height: 0px;
	border-right: 10px solid #d0a5a5;
	border-top: 10px solid #d0a5a5;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	top: 100%;
	left: 0;
}

.online .cont .tit span {
	display: flex;
	align-items: center;
	gap: 15px;
}

.online .cont .tit span:before {
	display: inline-block;
	content: '';
	position: relative;
	width: 3.125rem;
	height: 3.125rem;
	background: url() no-repeat center/100%;
}

.online .cont .dot_list03 {
	padding: 3.125rem 1.250rem 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin: 0;
	margin-top: -55px;
	margin-right: -20px;
	margin-left: 20px;
	min-height: 260px;
}

.online .cont .dot_list03>li:not(:last-child) {
	margin-bottom: 5px;
}

.online .cont>li:nth-child(1) .tit {
	background-color: #ffd4d4;
}

.online .cont>li:nth-child(2) .tit {
	background-color: #ffe7d4;
}

.online .cont>li:nth-child(3) .tit {
	background-color: #fff8d4;
}

.online .cont>li:nth-child(4) .tit {
	background-color: #d7ffd4;
}

.online .cont>li:nth-child(5) .tit {
	background-color: #d4f0ff;
}

.online .cont>li:nth-child(6) .tit {
	background-color: #d4e9ff;
}

.online .cont>li:nth-child(7) .tit {
	background-color: #d4dbff;
}

.online .cont>li:nth-child(8) .tit {
	background-color: #ded4ff;
}

.online .cont>li:nth-child(1) .tit>span:before {
	background-image:
		url(/resources/dobongBokji/img/subpage/ico_online01.png)
}

.online .cont>li:nth-child(2) .tit>span:before {
	background-image:
		url(/resources/dobongBokji/img/subpage/ico_online02.png)
}

.online .cont>li:nth-child(3) .tit>span:before {
	background-image:
		url(/resources/dobongBokji/img/subpage/ico_online03.png)
}

.online .cont>li:nth-child(4) .tit>span:before {
	background-image:
		url(/resources/dobongBokji/img/subpage/ico_online04.png)
}

.online .cont>li:nth-child(5) .tit>span:before {
	background-image:
		url(/resources/dobongBokji/img/subpage/ico_online05.png)
}

.online .cont>li:nth-child(6) .tit>span:before {
	background-image:
		url(/resources/dobongBokji/img/subpage/ico_online06.png)
}

.online .cont>li:nth-child(7) .tit>span:before {
	background-image:
		url(/resources/dobongBokji/img/subpage/ico_online07.png)
}

.online .cont>li:nth-child(8) .tit>span:before {
	background-image:
		url(/resources/dobongBokji/img/subpage/ico_online08.png)
}

.online .cont>li:nth-child(2) .tit:after {
	border-right-color: #cdb5a2;
	border-top-color: #cdb5a2;
}

.online .cont>li:nth-child(3) .tit:after {
	border-right-color: #d4c991;
	border-top-color: #d4c991;
}

.online .cont>li:nth-child(4) .tit:after {
	border-right-color: #a2c3a0;
	border-top-color: #a2c3a0;
}

.online .cont>li:nth-child(5) .tit:after {
	border-right-color: #a5bdca;
	border-top-color: #a5bdca;
}

.online .cont>li:nth-child(6) .tit:after {
	border-right-color: #98aabc;
	border-top-color: #98aabc;
}

.online .cont>li:nth-child(7) .tit:after {
	border-right-color: #9fa5c5;
	border-top-color: #9fa5c5;
}

.online .cont>li:nth-child(8) .tit:after {
	border-right-color: #aea6c9;
	border-top-color: #aea6c9;
}

/* 아카이브 뷰페이지 */
.archive_view .intro_box>.slider_w {
	width: 600px;
	position: initial;
	padding-bottom: 0;
	overflow: initial;
}

.archive_view .intro_box>.slider_w .top {
	position: relative;
}

.archive_view .intro_box>.left {
	width: calc(100% - ( 600px + 2%))
}

.archive_view .intro_box .img {
	position: relative;
	overflow: hidden;
}

.archive_view .intro_box .img_w .img {
	padding-bottom: 12%;
}

.archive_view .intro_box .img>img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: block;
	margin: auto;
}

.archive_view .intro_box .nav_img {
	margin-top: 16px;
	margin-right: -16px;
	min-width: 100%;
}

.archive_view .intro_box .nav_img .item {
	position: relative;
	margin-right: 16px;
}

.archive_view .intro_box .nav_img .item:not(.slick-current):before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	z-index: 1;
}

.archive_view .intro_box .nav_img .item.slick-current:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid #111;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}

.archive_view .intro_box .nav_img a.img {
	padding-bottom: 55%;
	position: relative;
	display: block;
}

.archive_view .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.archive_view .arrow.prev {
	left: -20px;
}

.archive_view .arrow.next {
	right: -20px;
}

/* list_w */
.linklist_w {
	display: flex;
	gap: 2.5rem;
	flex-wrap: wrap;
}

.linklist_w.col2 a{
	width: calc(50% - 2.5rem * 1/ 2);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.linklist_w.col3 a {
	width: calc(33.333% - 2.5rem * 2/ 3);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.linklist_w.col4 a {
	width: calc(25% - 2.5rem * 3/ 4);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

/* 복지통계 */
.stat03 a {
	height: 200px;
	border-radius: 10px;
	background-color: #f4f4f4;
	padding: 1rem;
}

.stat03 a>span {
	background: url() no-repeat center/100% auto;
	text-indent: -99999px;
	display: block;
	height: 100%;
	max-width: 231px;
	width: 100%;
}

.stat03 a:nth-child(1)>span {
	background-image:
		url(/resources/dobongBokji/img/subpage/stat_logo01.png)
}

.stat03 a:nth-child(2)>span {
	background-image:
		url(/resources/dobongBokji/img/subpage/stat_logo02.png)
}

.stat03 a:nth-child(3)>span {
	background-image:
		url(/resources/dobongBokji/img/subpage/stat_logo03.png)
}

.stat03 a:hover {
	background-color: var(--main-color);
}

.stat03 a:nth-child(1):hover>span {
	background-image:
		url(/resources/dobongBokji/img/subpage/stat_h_logo01.png);
}

.stat03 a:nth-child(2):hover>span {
	background-image:
		url(/resources/dobongBokji/img/subpage/stat_h_logo02.png)
}

.stat03 a:nth-child(3):hover>span {
	background-image:
		url(/resources/dobongBokji/img/subpage/stat_h_logo03.png)
}

/* 서울시 프로그램 신청 */
.seoulprgrm .gray_box02 {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_bg.png);
	font-size: 1.375rem;
	font-weight: 700
}

.seoulprgrm .linklist_w a  {
	border-radius: 10px;
	border: 1px solid #ddd;
	position: relative;
	flex-direction: column;
}

.seoulprgrm .linklist_w a:before {
	position: relative;
	display: block;
	max-width: 245px;
	width: 100%;
	height: 160px;
	content: '';
	background: url() no-repeat center/100% auto;
	padding: 1rem;
	box-sizing: border-box;
}

.seoulprgrm .linklist_w a:nth-child(1):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo01.png)
}

.seoulprgrm .linklist_w a:nth-child(2):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo02.png)
}

.seoulprgrm .linklist_w a:nth-child(3):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo03.png)
}

.seoulprgrm .linklist_w a:nth-child(4):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo04.png)
}

.seoulprgrm .linklist_w a:nth-child(5):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo05.png)
}

.seoulprgrm .linklist_w a:nth-child(6):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo06.png)
}

.seoulprgrm .linklist_w a:nth-child(7):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo07.png)
}

.seoulprgrm .linklist_w a:nth-child(8):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo08.png)
}

.seoulprgrm .linklist_w a:nth-child(9):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo09.png)
}

.seoulprgrm .linklist_w a:nth-child(10):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo10.png)
}

.seoulprgrm .linklist_w a:nth-child(11):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo11.png)
}

.seoulprgrm .linklist_w a:nth-child(12):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo12.png)
}

.seoulprgrm .linklist_w a:nth-child(13):before {
	background-image:
		url(/resources/dobongBokji/img/subpage/seoulprgrm_logo13.png)
}

.seoulprgrm .linklist_w a span {
	color: #111;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 1rem;
	background-color: #f9f9f9;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ddd;
	max-height: 60px;
	height: 100%;
}

.seoulprgrm .linklist_w a:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 160px;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .65)
		url(/resources/dobongBokji/img/subpage/ico_g_arrow02.png) no-repeat
		center/auto;
	box-sizing: border-box;
	visibility: hidden;
}

.seoulprgrm .linklist_w a:hover:after {
	visibility: visible;
}


/* 관련사이트 링크 */
.relatedlogo .linklist_w a{border-radius: 0; height: 5.000rem; padding: 0 10px;}
.relatedlogo .linklist_w a span{border: none; background: none; width: auto; padding:0; padding-right: 20px; height: auto;}
.relatedlogo .linklist_w a:before, .relatedlogo .linklist_w a:hover:after{display: none;}

/* 통합검색 */
#totalSch .sub_s{
	color: #666;
	font-size: 1.250rem;
	margin-bottom: 15px;
	word-break: keep-all;
} 
#totalSch .sub_s strong{
	color: #333;
} 

#totalSch .schbox_w {
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	border-radius: 10px;
	padding: 1.875rem 1rem;
}

#totalSch .schbox_w>li {
	max-width: 800px;
	margin: 0 auto;
}

#totalSch .searchBox input[type="text"] {
	width: 100%;
	margin: 0;
	height: 3.750rem;
	border: 2px solid #222;
	font-size: 1rem;
}

#totalSch .searchBox .sch_btn {
	background-color: none;
	background: url(/resources/dobongBokji/img/ico_sch2.png) no-repeat
		center center;
}

#totalSch .tag_w>span {
	color: rgb(51, 51, 51);
	font-weight: 600;
	margin-right: 0.938rem;
}

#totalSch .tag_w>a {
	color: #666;
}

#totalSch .tag_w>a:hover, #totalSch .tag_w>a:focus {
	text-decoration: underline;
}

#totalSch .tag_w>a:not(:last-child) {
	margin-right: 10px;
}

#totalSch .schResult, .customsh .schResult {
	font-size: 1.500rem;
	text-align: center;
	margin: 3.750rem 0;
	font-weight: 500;
	word-break: keep-all;
}

#totalSch .scroll {
	border-bottom: 1px solid #ddd;
	margin-bottom: 3.750rem;
}

#totalSch .tab_w {
	display: flex;
}

#totalSch .tab_w button {
	text-align: center;
	position: relative;
	height: 100%;
	color: #666;
	font-size: 1.125rem;
	font-weight: 500;
	padding: 0 5px 1rem;
	white-space: nowrap;
	width: 100%;
}

#totalSch .tab_w button.on {
	color: #333;
	font-weight: 700;
}

#totalSch .tab_w button.on:after {
	width: 100%;
	height: 3px;
	background-color: var(--main-color);
	display: block;
	content: '';
	position: absolute;
	bottom: -1rem;
	left: 0;
}

#totalSch .data-part:not(:last-child) {
	margin-bottom: 3.750rem
}

#totalSch .data-part .result_list>li {
	padding: 1.563rem 1rem;
	border-bottom: 1px solid #ddd;
}

#totalSch .data-part .result_list .tit, #totalSch .data-part .result_list .tit span
	{
	font-weight: 700;
	font-size: 1.250rem;
}

#totalSch .data-part .result_list a.flexbox {
	justify-content: space-between;
	gap: 10px;
}

#totalSch .data-part .result_list a.flexbox .wrap {
	max-width: 1230px;
	width: 100%
}

#totalSch .data-part .result_list a.flexbox .wrap+span {
	color: #666;
}

#totalSch .data-part .result_list .tit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#totalSch .data-part .result_list .cont {
	margin-top: 1.250rem;
	color: #666;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
	overflow: hidden;
	max-height: 40px;
}

#totalSch .data-part .result_list .cont_tag_w{
	max-height: none;
	margin-top: 1.250rem;
	display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#totalSch .dot_list03>li::before {
	background: #333;
	width: 5px;
	height: 5px;
	top: 38px;
}

#totalSch .dot_list03>li>a:hover {
	text-decoration: none;
}

#totalSch .dot_list03 .team_info{
	padding-left: 15px;
	position: relative;
}

#totalSch .dot_list03 .team_info::before{
	content: '';
	position: absolute;
	top: 50%;
	width: 1px;
	height: 12px;
	background: #ddd;
	left: 7px;
	transform: translateY(-50%);
}


.more_btn {
	color: #666;
	border: 1px solid #ddd;
	display: inline-block;
	width: 70px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 5px;
	transition: .3s
}

.more_btn:hover {
	color: #fff;
	background-color: var(--main-color);
	border: 0;
}

ul.file a {
	display: inline-block;
	background: url(/resources/dobongBokji/img/bbs/ico_file.png) no-repeat
		top 3px left;
	padding-left: 18px;
}

ul.file a:focus {
	outline-offset: -2px;
}

/* 맞춤 복지 정보 검색  */
.customsh .gray_box02 {
	background-image: url(/resources/dobongBokji/img/subpage/total_bg.png);
}
.customsh .btnWrap4{
	display: flex;
	gap: 20px;
    justify-content: center;
	
}

.btn-reset{
	border: 1px solid #222;
    width: 240px;
    height: 3.75rem;
    font-size: 1rem;
    padding: 1rem 0;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
}
.btn-reset > span{
    padding-left: 	30px;
    background: url(/resources/dobongBokji/img/common/ico_reset.png) no-repeat center left / auto 100%;
}

.customsh .w_box{
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 2.5rem 4.2vw;
}

.customsh .dateform>li {
	display: flex;
	align-items: center;
}

.customsh .dateform .tit {
	font-size: 1.250rem;
	font-weight: 600;
	min-width: 160px;
}

.customsh .dateform .tit+ul {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.customsh .top {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	row-gap: 20px;
}

.customsh .top>li {
	width: calc(50% - 10px);
}
.customsh .top>li.wide{
	width: 100%;
}

.customsh input[type="number"], .customsh input[type="radio"]+label, .customsh input[type="checkbox"]+label {
	height: 50px;
}

.customsh input[type="radio"], .customsh input[type="checkbox"] {
	position: absolute;
	left: -9999999px;
}

.customsh input[type="radio"]+label, .customsh input[type="checkbox"]+label	{
	min-width: 98px;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	color: #777;
}

.customsh input[type="radio"]:focus + label, .customsh input[type="checkbox"]:focus + label{
	outline: 2px solid #000;
}

.customsh input[type="checkbox"]:checked+label{
	border-color: var(--main-color);
	background-color: #fef3f7;
	color: var(--main-color);
}
.customsh input[type="radio"]:checked+label, .customsh .bottom input[type="checkbox"]:checked+label
	{
	border-color: transparent;
	background-color: var(--main-color);
	color: #fff;
}


.customsh .date {
	height: auto;
}

.customsh .date>li {
	align-items: center;
	display: flex;
}

.customsh .date input[type="number"] {
	width: 100px;
	margin-right: 9px;
}

.customsh .bottom {
	margin-top: 2.5rem;
	border-top: 1px solid #ddd;
}

.customsh .bottom>p {
	padding: 1.875rem 0;
}

.customsh .bottom input[type="checkbox"]+label {
	padding: 6px 10px;
	width: auto !important;
	border-radius: 40px;
	height: auto;
}

.customsh .bottom>.dateform>li {
	padding: 1.250rem 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}

.customsh .bottom>.dateform>li:first-child {
	padding-top: 0;
}

.customsh .bottom>.dateform>li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.customsh .custom_result:not(last-child) {
	margin-bottom: 4.375rem
}

.customsh .boardTable .division {
	width: 20%;
	border-right: 1px solid #ddd;
}

.customsh .boardTable td a {
	padding-left: 3.750rem
}

.customsh h5.tit {
	margin-bottom: 10px;
}

/* 이웃돕기 */
.hlpNeighbor .gray_box02{background-image: url(/resources/dobongBokji/img/subpage/hlpNeighbor_bg01.png); background-position: center left 4rem;
}
.hlpNeighbor.cont02 .gray_box02{background-image: url(/resources/dobongBokji/img/subpage/hlpNeighbor_bg02.png);
}
.hlpNeighbor .list > li{
	border: 1px solid #ddd;
	border-radius: 5px;
	display: flex;
	gap: 2.188rem;
	padding: 1.250rem 2.500rem;
   	align-items: center;
   	color: #777;
   	font-weight: 500;
}
.hlpNeighbor .list > li:not(:last-child){
	margin-bottom: 10px;
}
.hlpNeighbor .list > li:hover{
	background-color: #f9f9f9;	
}
.hlpNeighbor .list .flexbox{
	gap: 2.813rem;
	width: 100%;
    align-items: center;
}

.hlpNeighbor .list > li .tit{
	width: 144px;
	position: relative;
}
.hlpNeighbor .list > li p{
	width: calc(100% - 144px - 2.813rem);
}
.hlpNeighbor .list > li .tit:after{
	display: inline-block;
	width: 1px;
	height: 16px;
	background: #ddd;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.hlpNeighbor .list > li .tit > span{
	font-weight: 700;
	font-size: 1.250rem;
	color: #222;
	box-shadow: inset 0px -8px 0px 0px rgba(226, 28, 90, .25);
	vertical-align: middle;
}

.hlpNeighbor .gray_box.bottom{
	border-radius: 5px;
	border: 1px solid #ddd;
	color:#777;
	margin-top: 40px;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	gap: 20px;
}

/* 홈페이지 소개 */
.page_intro .gray_box02{
	background-image: url(/resources/dobongBokji/img/subpage/intro_bg.jpg);
	background-position: center;
	padding: 50px 70px;
	font-size: 1.250rem;
	border-radius: 10px;
}
.page_intro .gray_box02>p.tit{
	font-size: 2.000rem;
}

.page_intro .list{
	gap: 40px;
}
.page_intro .list > li{
	width: calc(25% - 30px);
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 40px 30px;
	transition: .3s;
	color: #666;
	background: #fff;
	min-height: 284px;
}
.page_intro .list > li:hover{
	border-color: transparent;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .2);
    transform: translateY(-20px);
	
}
.page_intro .list > li:before{
	content: '';
	display: block;
	background: url() no-repeat center left;
	width: 49px;
	height: 42px;
	margin-bottom: 20px;
}
.page_intro .list .tit{
	font-size: 1.250rem;
	color: #222;
	margin-bottom: 10px;
	font-weight: 700;
}
.page_intro .list > li:hover .tit{
	color: var(--main-color);
}
.page_intro .list > li:nth-child(1):before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_icon01.png);
}
.page_intro .list > li:nth-child(2):before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_icon02.png);
}
.page_intro .list > li:nth-child(3):before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_icon03.png);
}
.page_intro .list > li:nth-child(4):before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_icon04.png);
}
.page_intro .list > li:nth-child(5):before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_icon05.png);
}
.page_intro .list > li:nth-child(6):before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_icon06.png);
}

.page_intro .list > li:nth-child(1):hover:before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_h_icon01.png);
}
.page_intro .list > li:nth-child(2):hover:before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_h_icon02.png);
}
.page_intro .list > li:nth-child(3):hover:before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_h_icon03.png);
}
.page_intro .list > li:nth-child(4):hover:before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_h_icon04.png);
}
.page_intro .list > li:nth-child(5):hover:before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_h_icon05.png);
}
.page_intro .list > li:nth-child(6):hover:before{
	background-image:url(/resources/dobongBokji/img/subpage/intro_h_icon06.png);
}

/* 로딩페이지 */
#mask{position: absolute; z-index: 9000; background-color: rgb(0, 0, 0); left: 0px; top: 0px; width: 42917px; height: 2372px; opacity: 0.3; display: none;}
#mask > img{position: fixed; display: block; margin: 0px auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.count_w{text-align: right; color: #999;}

/* 인쇄 페이지 설정 */
@page {
	size:21cm 29.7cm;
	margin: 10px
}
@media print {
    html, body {background: #fff;font-size: 14px;}
    h2.tit{display: none;}
	*{-webkit-print-color-adjust:exact;}
	
	.tab-sty{display: flex !important;}
	.tab-sty .on{background: none; }
	.tab-sty .on > span, .tab-sty .on > a {font-weight: 700; color: #000;}
	select#depth3_tab{display: none;}
	
	.customsh .top>li{width: 40%;}
	
	
	
	.link_btn_list>li{width: 30% !important;}
	
	.customsh form{padding: 20px;}
	.customsh .top{flex-direction: column;}
	.customsh .top>li{width: 100%;}
	.customsh .dateform .tit{min-width: 110px;}
	
	.customsh .date input[type="number"], .customsh input[type="radio"]+label, .customsh input[type="checkbox"]+label{width: 70px;}
    
    .gnrlCont .cont_w{flex-direction: column;}
    .gnrlCont h5.tit > br{display: none;}
    .gnrlCont .right{width: 100%;}

	.map_w{flex-wrap: nowrap; flex-direction: column; height: auto}
	.map_w .left, .map_w .right{width: 100%;}
	.map_w .left{height: 700px;}
	
	.imgTable >*{width: 30%;}
	
	.program .item{width: 47% !important;}
	
	.intro_box{flex-wrap: nowrap; flex-direction: column;}
	.intro_box>.flexbox{width: 100%;}
	
	.online .cont>li{width: 30%;}
	
	.data-part>.cont{max-height: none;}
}

 /* 도봉복지지도 */
.marker-info {
    display: flex;
    flex-direction: column;
    color: #333;
    font-size: 13px;
    padding: 15px 15px 10px 15px;
    /*max-width: 450px;*/
    width: 270px !important;
    min-height: 150px;
    max-height: 200px;
    overflow: hidden;
}

.marker-info .tit {
    font-size: 15px;
    font-weight: bolder;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.marker-info hr {
    margin: 10px 0;
    border: 1px solid #000;
}

.marker-info .spot .adr {
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}

.marker-info .close {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-weight: bolder;
}

.team_info{
	font-size: 1rem !important;
	color: #777;
}


.relatedlogo .tab_cont > .tab_item{
	display: none;
}
.relatedlogo .tab_cont > .tab_item.active{
	display: block;
}
/* accordion */
.accordion .item .cont{
	display: none;
}
.accordion .item .cont.active{
	display: block;
}

.accordion .item .tit{
	display: block;
	padding: 1.250rem 1rem;
	border: 1px solid #ddd;
	padding-left: 2.5rem;	
	position: relative;
	border-bottom: none;
}
.accordion .item:last-child .tit{
	border-bottom: 1px solid #ddd;
}
.accordion .item .tit:after{
	content: '';
	display: block;
	position: absolute;
	background: url(/resources/dobongBokji/img/main/btn_next.png) no-repeat center right;
	width: 9px;
	height: 16px;
	right: 56px;
	top: 50%;
	transform: translateY(-50%) rotate(90deg)	
}
.accordion .item .tit.active:after{
	transform: translateY(-50%) rotate(270deg);
}
.accordion .item .tit span{
	position: relative;
	padding-left: 10px;
	font-size: 1.375rem;
	font-weight: 700;
}
.accordion .item .tit span:before {
    display: block;
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: var(--main-color);
    border-radius: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.accordion .item .cont{
	padding: 2.5rem;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-bottom: none;
}
.accordion .item .cont img{
	width: 50%;
}
.accordion .item:last-child .cont{
	border-bottom: 1px solid #ddd;	
	border-top: none;
}

.accordion .item .cont .linklist_w > a{
	background: #fff; 
	flex-direction: unset; 
	padding: 15px 40px; 
	justify-content: space-between
} 

.accordion .linklist_w a span{
	display: flex;
    align-items: center;
}










#totalSch .ico{position: relative; padding-left: 25px;}
#totalSch .page::before, #totalSch .ico::before {
	display: inline-block;
	position: absolute;
	left:0;
	top: 2px;
	content: '';
	width: 1.125rem;
	height: 1.188rem;
	background: url() no-repeat center/100% auto;
}

#totalSch .adr:before {
	background-image: url(/resources/dobongBokji/img/subpage/map_pos.png)
}

#totalSch .tel:before {
	background-image: url(/resources/dobongBokji/img/subpage/map_tel.png)
}

#totalSch .page {
	color: #3d50e4;
	text-decoration: underline;
	position: relative;
}
#totalSch .page::before{
background-image: url(/resources/dobongBokji/img/subpage/map_home.png);
	margin-bottom: -4px;
}