/* 한신정보기술 이지은 2019.12.13 */

/* 사업 타이틀 파란 배경 */
.cts_top_box_b {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#13399c; color:#fff; font-size:0; line-height:230px;}
.cts_top_box_b:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts_top_box_b:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts_top_box_b .title {display:inline-block; width:317px;margin-top:-10px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts_top_box_b .title > span {font-size:18px;}
.cts_top_box_b .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

.cts_top_box_p {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#6a5cab; color:#fff; font-size:0; line-height:230px;}
.cts_top_box_p:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts_top_box_p:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts_top_box_p .title {display:inline-block; width:317px;margin-top:-10px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts_top_box_p .title > span {font-size:18px;}
.cts_top_box_p .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

.cts_top_box_r {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#b32057; color:#fff; font-size:0; line-height:230px;}
.cts_top_box_r:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts_top_box_r:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts_top_box_r .title {display:inline-block; width:317px;margin-top:-10px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts_top_box_r .title > span {font-size:18px;}
.cts_top_box_r .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}
.cts_top_box_r .text ul li{color:#fff;}

.list_box {margin-top:30px;font-size:0; line-height:0;}
.list_box .list {display:inline-block; width:calc(50%);vertical-align:top; padding-bottom:16px;margin-bottom:20px;}
.list_box h3 {margin-top:0;}


.down_box {font-size:0;}
.down_box a {margin-right:15px;}

.list_type120 {margin:35px 0; padding-left:0; font-size:0; line-height:0; font-weight:600;}
.list_type120 .title {display:inline-block; position:relative; width:120px; height:54px;  padding-left:60px; line-height:54px; background-color:#3b64d0; font-size:17px; letter-spacing:-0.01em; color:#fff;vertical-align:top;}
.list_type120 .title:before {position:absolute; display:block; width:24px; height:18px; background:url('/site/woman/images/contents/cts2683_ico2.png'); top:19px; left:28px;}
.list_type120 .text {display:inline-block; width:182px; height:54px; border:1px solid #e4e4e4; line-height:54px; font-size:16px; letter-spacing:-0.01em; color:#272a36; text-align:center;vertical-align:top;}

.list_type {margin:35px 0; padding-left:0; font-size:0; line-height:0; font-weight:600;}
.list_type .title {display:inline-block; position:relative; width:260px; height:54px;  padding-left:60px; line-height:54px; background-color:#3b64d0; font-size:17px; letter-spacing:-0.01em; color:#fff;vertical-align:top;}
.list_type .title:before {position:absolute; display:block; width:24px; height:18px; background:url('/site/woman/images/contents/cts2683_ico2.png'); top:19px; left:28px;}
.list_type .text {display:inline-block; width:182px; height:54px; border:1px solid #e4e4e4; line-height:54px; font-size:16px; letter-spacing:-0.01em; color:#272a36; text-align:center;vertical-align:top;}



/* 참여활동사업 모여락 > 청소년 연합교류활동 */
.cts2682 .cts2682_top_box {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#13399c; color:#fff; font-size:0; line-height:230px;}
.cts2682 .cts2682_top_box:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts2682 .cts2682_top_box:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts2682 .cts2682_top_box .title {display:inline-block; width:317px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts2682 .cts2682_top_box .title > span {font-size:18px;}
.cts2682 .cts2682_top_box .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

@media all and (max-width:800px){
	.cts2682 .cts2682_top_box {padding:0 40px;}
	.cts2682 .cts2682_top_box .title {width:246px;}
	.cts2682 .cts2682_top_box .text {width:calc(100% - 248px);padding-left:33px;}
	.cts2682 .cts2682_top_box:after {left:294px;}
}
@media all and (max-width:640px){
	.cts2682 .cts2682_top_box {height: 100%; padding:20px; }
	.cts2682 .cts2682_top_box .title {display:block; width:100%; margin:20px 0 0 20px;}
	.cts2682 .cts2682_top_box .text {display:block; width:100%; margin-top:44px; padding:0;}
	.cts2682 .cts2682_top_box:before {display:none;}
	.cts2682 .cts2682_top_box:after {width:313px; height:1px; top:102px; left:0;}
}

/* 참여활동사업 모여락 > 청년활동가 지원사업 '레벨업' */
.cts2683 .cts2683_top_box {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#6a5cab; color:#fff; font-size:0; line-height:230px;}
.cts2683 .cts2683_top_box:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts2683 .cts2683_top_box:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts2683 .cts2683_top_box .title {display:inline-block; width:317px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts2683 .cts2683_top_box .title > span {font-size:18px;}
.cts2683 .cts2683_top_box .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

.cts2683 .list_box {margin-top:30px;font-size:0; line-height:0;}
.cts2683 .list_box .list {display:inline-block; width:calc(50%);vertical-align:top; padding-bottom:16px;margin-bottom:20px;}
.cts2683 .list_box h3 {margin-top:0;}

.cts2683 .list_type {margin:0 0 35px 0; font-size:0; line-height:0; font-weight:600;}
.cts2683 .list_type .title {display:inline-block; position:relative; width:119px; height:54px;  padding-left:60px; line-height:54px; background-color:#3b64d0; font-size:17px; letter-spacing:-0.01em; color:#fff;vertical-align:top;}
.cts2683 .list_type .title:before {position:absolute; display:block; width:24px; height:18px; background:url('/site/woman/images/contents/cts2683_ico2.png'); top:19px; left:28px;}
.cts2683 .list_type .text {display:inline-block; width:182px; height:54px; border:1px solid #e4e4e4; line-height:54px; font-size:16px; letter-spacing:-0.01em; color:#272a36; text-align:center;vertical-align:middle;}

@media all and (max-width:800px){
	.cts2683 .cts2683_top_box {padding:0 40px;}
	.cts2683 .cts2683_top_box .title {width:246px;}
	.cts2683 .cts2683_top_box .text {width:calc(100% - 248px);padding-left:33px;}
	.cts2683 .cts2683_top_box:after {left:294px;}
}
@media all and (max-width:640px){
	.cts2683 .cts2683_top_box {height: 100%; padding:20px; }
	.cts2683 .cts2683_top_box .title {display:block; width:100%; margin:20px 0 0 20px;}
	.cts2683 .cts2683_top_box .text {display:block; width:100%; margin-top:44px; padding:0;}
	.cts2683 .cts2683_top_box:before {display:none;}
	.cts2683 .cts2683_top_box:after {width:313px; height:1px; top:153px; left:0;}

	.cts2683 .list_box .list {display:block; width:100%;}
}
/* 참여활동사업 모여락 > 부천시차세대위원회 */
.cts2684 .cts2684_top_box {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#b32057; color:#fff; font-size:0; line-height:230px;}
.cts2684 .cts2684_top_box:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts2684 .cts2684_top_box:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts2684 .cts2684_top_box .title {display:inline-block; width:317px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts2684 .cts2684_top_box .title > span {font-size:18px;}
.cts2684 .cts2684_top_box .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

.cts2684 .list_box {font-size:0; line-height:0;}
.cts2684 .list_box .list {display:inline-block; width:calc(50%);vertical-align:top; padding-bottom:16px;}

@media all and (max-width:800px){
	.cts2684 .cts2684_top_box {padding:0 40px;}
	.cts2684 .cts2684_top_box .title {width:246px;}
	.cts2684 .cts2684_top_box .text {width:calc(100% - 248px);padding-left:33px;}
	.cts2684 .cts2684_top_box:after {left:294px;}
}
@media all and (max-width:640px){
	.cts2684 .cts2684_top_box {height: 100%; padding:20px; }
	.cts2684 .cts2684_top_box .title {display:block; width:100%; margin:20px 0 0 20px;}
	.cts2684 .cts2684_top_box .text {display:block; width:100%; margin-top:44px; padding:0;}
	.cts2684 .cts2684_top_box:before {display:none;}
	.cts2684 .cts2684_top_box:after {width:313px; height:1px; top:153px; left:0;}

	.cts2684 .list_box .list {display:block; width:100%;}
}

/* 참여활동사업 모여락 > 청소년운영위원회 */
.cts2685 .cts2685_top_box {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#13399c; color:#fff; font-size:0; line-height:230px;}
.cts2685 .cts2685_top_box:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts2685 .cts2685_top_box:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts2685 .cts2685_top_box .title {display:inline-block; width:317px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts2685 .cts2685_top_box .title > span {font-size:18px;}
.cts2685 .cts2685_top_box .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

.cts2685 .list_box {margin-top:30px;font-size:0; line-height:0;}
.cts2685 .list_box .list {display:inline-block; width:calc(50%);vertical-align:top; padding-bottom:16px;margin-bottom:20px;}
.cts2685 .list_box .list h3 {margin-top:0;}

@media all and (max-width:1000px){
		.cts2685 .cts2685_top_box {padding:0 40px;}
		.cts2685 .cts2685_top_box .title {margin-left:20px;}
}
@media all and (max-width:800px){
	.cts2685 .cts2685_top_box {height: 100%; padding:20px; }
	.cts2685 .cts2685_top_box .title {display:block; width:100%; margin:20px 0 0 20px;}
	.cts2685 .cts2685_top_box .text {display:block; width:100%; margin-top:44px; padding:0;}
	.cts2685 .cts2685_top_box:before {display:none;}
	.cts2685 .cts2685_top_box:after {width:313px; height:1px; top:124px; left:0;}
}
@media all and (max-width:640px){
	.cts2685 .list_box .list {display:block; width:100%;}
}

/* 참여활동사업 모여락 > 청소년 인문사회동아리 */
.cts2686 .cts2686_top_box {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#6a5cab; color:#fff; font-size:0; line-height:230px;}
.cts2686 .cts2686_top_box:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts2686 .cts2686_top_box:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts2686 .cts2686_top_box .title {display:inline-block; width:317px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts2686 .cts2686_top_box .title > span {font-size:18px;}
.cts2686 .cts2686_top_box .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

.cts2686 .list_box {margin-top:10px;font-size:0; line-height:0;}
.cts2686 .list_box .list {display:inline-block; width:calc(50%);vertical-align:top; padding-bottom:16px;}

@media all and (max-width:800px){
	.cts2686 .cts2686_top_box {padding:0 40px;}
	.cts2686 .cts2686_top_box .title {width:246px;}
	.cts2686 .cts2686_top_box .title br {display:none;}
	.cts2686 .cts2686_top_box .text {width:calc(100% - 248px);padding-left:33px;}
	.cts2686 .cts2686_top_box:after {left:302px;}
}
@media all and (max-width:640px){
	.cts2686 .cts2686_top_box {height: 100%; padding:20px; }
	.cts2686 .cts2686_top_box .title {display:block; width:100%; margin:20px 0 0 20px;}
	.cts2686 .cts2686_top_box .title br {display:block;}
	.cts2686 .cts2686_top_box .text {display:block; width:100%; margin-top:44px; padding:0;}
	.cts2686 .cts2686_top_box:before {display:none;}
	.cts2686 .cts2686_top_box:after {width:313px; height:1px; top:125px; left:0;}

	.cts2686 .list_box .list {display:block; width:100%;}
}
/* 참여활동사업 모여락 > 청소년 캠프 '밤도깨비' */
.cts2687 .cts2687_top_box {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#b32057; color:#fff; font-size:0; line-height:230px;}
.cts2687 .cts2687_top_box:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts2687 .cts2687_top_box:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts2687 .cts2687_top_box .title {display:inline-block; width:317px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts2687 .cts2687_top_box .title > span {font-size:18px;}
.cts2687 .cts2687_top_box .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

@media all and (max-width:800px){
	.cts2687 .cts2687_top_box {padding:0 40px;}
	.cts2687 .cts2687_top_box .title {width:246px;}
	.cts2687 .cts2687_top_box .title br {display:none;}
	.cts2687 .cts2687_top_box .text {width:calc(100% - 248px);padding-left:33px;}
	.cts2687 .cts2687_top_box:after {left:302px;}
}
@media all and (max-width:640px){
	.cts2687 .cts2687_top_box {height: 100%; padding:20px; }
	.cts2687 .cts2687_top_box .title {display:block; width:100%; margin:20px 0 0 20px;}
	.cts2687 .cts2687_top_box .title br {display:block;}
	.cts2687 .cts2687_top_box .text {display:block; width:100%; margin-top:44px; padding:0;}
	.cts2687 .cts2687_top_box:before {display:none;}
	.cts2687 .cts2687_top_box:after {width:313px; height:1px; top:96px; left:0;}
}
/* 참여활동사업 모여락 > 나눔장터로 놀러나와!락(樂) */
.cts2688 .cts2688_top_box {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#13399c; color:#fff; font-size:0; line-height:230px;}
.cts2688 .cts2688_top_box:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts2688 .cts2688_top_box:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts2688 .cts2688_top_box .title {display:inline-block; width:317px;margin-top:-10px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts2688 .cts2688_top_box .title > span {font-size:18px;}
.cts2688 .cts2688_top_box .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

.cts2688 .down_box {font-size:0;}
.cts2688 .down_box a {margin-right:15px;}

.cts2688 .list_type {margin:35px 0; padding-left:0; font-size:0; line-height:0; font-weight:600;}
.cts2688 .list_type .title {display:inline-block; position:relative; width:260px; height:54px;  padding-left:60px; line-height:54px; background-color:#3b64d0; font-size:17px; letter-spacing:-0.01em; color:#fff;vertical-align:top;}
.cts2688 .list_type .title:before {position:absolute; display:block; width:24px; height:18px; background:url('/site/woman/images/contents/cts2683_ico2.png'); top:19px; left:28px;}
.cts2688 .list_type .text {display:inline-block; width:182px; height:54px; border:1px solid #e4e4e4; line-height:54px; font-size:16px; letter-spacing:-0.01em; color:#272a36; text-align:center;vertical-align:top;}

@media all and (max-width:800px){
	.cts2688 .cts2688_top_box {padding:0 20px;}
	.cts2688 .cts2688_top_box .title {width:279px;}
	.cts2688 .cts2688_top_box .text {width:calc(100% - 279px); padding-left:23px;}
	.cts2688 .cts2688_top_box:after {left:307px;}
}
@media all and (max-width:640px){
	.cts2688 .cts2688_top_box {height: 100%; padding:20px; }
	.cts2688 .cts2688_top_box .title {display:block; width:100%; margin:20px 0 0 20px;}
	.cts2688 .cts2688_top_box .text {display:block; width:100%; margin-top:44px; padding:0;}
	.cts2688 .cts2688_top_box:before {display:none;}
	.cts2688 .cts2688_top_box:after {width:313px; height:1px; top:153px; left:0;}
}

/* 참여활동사업 모여락 > 전문활동가 양성사업 '어깨동무' */
.cts2689 .cts2689_top_box {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#6a5cab; color:#fff; font-size:0; line-height:230px;}
.cts2689 .cts2689_top_box:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts2689 .cts2689_top_box:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts2689 .cts2689_top_box .title {display:inline-block; width:317px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts2689 .cts2689_top_box .title > span {font-size:18px;}
.cts2689 .cts2689_top_box .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}

@media all and (max-width:800px){
	.cts2689 .cts2689_top_box {padding:0 20px;}
	.cts2689 .cts2689_top_box .title {width:279px;}
	.cts2689 .cts2689_top_box .text {width:calc(100% - 279px); padding-left:23px;}
	.cts2689 .cts2689_top_box:after {left:307px;}
}
@media all and (max-width:640px){
	.cts2689 .cts2689_top_box {height: 100%; padding:20px; }
	.cts2689 .cts2689_top_box .title {display:block; width:100%; margin:20px 0 0 20px;}
	.cts2689 .cts2689_top_box .text {display:block; width:100%; margin-top:44px; padding:0;}
	.cts2689 .cts2689_top_box:before {display:none;}
	.cts2689 .cts2689_top_box:after {width:313px; height:1px; top:129px; left:0;}
}

/* 참여활동사업 모여락 > 성격차이 */
.cts2690 .cts2690_top_box {display:inline-block; position:relative; width:100%; height:230px; margin-bottom:20px; padding:0 70px; background-color:#b32057; color:#fff; font-size:0; line-height:230px;}
.cts2690 .cts2690_top_box:after {position:absolute; display:block; width:1px; height:148px; top:0; left:387px; background-color:#ffffff; opacity: 0.23;}
.cts2690 .cts2690_top_box:before {position:absolute; display:block; width:94px; height:76px; background:url('/site/bucheonyouth/images/contents/cts2682_ico.png'); top:18px; left:18px;}
.cts2690 .cts2690_top_box .title {display:inline-block; width:317px; font-size:28px; font-weight:600; line-height:30px; letter-spacing:-0.03em; vertical-align:middle;}
.cts2690 .cts2690_top_box .title > span {font-size:18px;}
.cts2690 .cts2690_top_box .text {display:inline-block; width: calc(100% - 343px); padding-left:64px; font-size:17px; line-height:30px; letter-spacing:-0.05em; word-break:keep-all; vertical-align:middle;}
.cts2690 .cts2690_top_box .text ul li {position:relative; color:#fff;letter-spacing:-0.005em;}
.cts2690 .cts2690_top_box .text ul li:before {position:absolute; display:block; width:6px; height:6px; background:url('/site/bucheonyouth/images/contents/cts2690_arrow.png'); top:12px; left:0;}


@media all and (max-width:1000px){
	.cts2690 .cts2690_top_box .text {width:calc(100% - 318px);}
}
@media all and (max-width:800px){
	.cts2690 .cts2690_top_box {padding:0 40px;}
	.cts2690 .cts2690_top_box .title {width:279px;}
	.cts2690 .cts2690_top_box .text {width:calc(100% - 279px); padding-left:23px;}
	.cts2690 .cts2690_top_box:after {left:307px;}
}
@media all and (max-width:640px){
	.cts2690 .cts2690_top_box {height: 100%; padding:20px; }
	.cts2690 .cts2690_top_box .title {display:block; width:100%; margin:20px 0 0 20px;}
	.cts2690 .cts2690_top_box .text {display:block; width:100%; margin-top:44px; padding:0;}
	.cts2690 .cts2690_top_box:before {display:none;}
	.cts2690 .cts2690_top_box:after {width:313px; height:1px; top:127px; left:0;}
}

/* 수련관소개 > 인사말 */
.cts2708 .cts2708_title_box {position:relative; z-index:10; width:60.65%; margin-bottom:44px; padding:70px 80px 61px 60px; color:#fff; letter-spacing:-0.03em; word-break:keep-all; }
.cts2708 .cts2708_title_box:before {display:block; position:absolute; top:0; right:-70px; z-index:-1; width:1151px; height:100%; background-color:#13399c;}
.cts2708 .cts2708_title_box .title {margin-bottom:25px; font-size:30px; line-height:30px; letter-spacing:-0.03em; font-weight:600;}
.cts2708 .cts2708_title_box .txt {font-size:18px; line-height:30px; color:#fff; letter-spacing:-0.03em;}

.cts2708 .cts2708_text {}
.cts2708 .cts2708_text:before {display:block; float:right; width:750px; height:568px; margin:-225px -189px 0 38px; background: url('/site/bucheonyouth/images/contents/cts2708_img.jpg') no-repeat center / contain;}
.cts2708 .cts2708_text .txt2 {margin:45px 0 46px 60px; font-size:17px; line-height:32px; color:#3c3c3c; letter-spacing:-0.03em;}

.cts2708 .cts2708_text .line_box {position:relative; width:982px; padding:39.5px 61px; }
.cts2708 .cts2708_text .line_box:before {position:absolute; display:block; width:982px; height:423px; background:url('/site/bucheonyouth/images/contents/cts2708_line.png'); top:0; left:0; z-index:-1;}
.cts2708 .cts2708_text .line_box strong {font-size:20px; line-height:32px; color:#191919; letter-spacing:-0.03em;}
.cts2708 .cts2708_text .line_box .dt_txt {position:relative;padding-left:20px;font-size:17px; font-weight:600; line-height:32px; color:#13399c; letter-spacing:-0.03em;}
.cts2708 .cts2708_text .line_box .dt_txt:before {display:block;position:absolute;top:5px;left:0;width:15px;height:14px;background:url(/site/bucheonyouth/images/contents/cts2708_icon1.png) no-repeat;}
.cts2708 .cts2708_text .line_box .dd_txt {margin-bottom:28px; font-size:17px; line-height:32px; color:#252525; letter-spacing:-0.03em;}

@media screen and (max-width: 1200px){
.cts2708 .cts2708_text:before {margin-right:-47px;}
}
@media screen and (max-width: 1000px){
.cts2708 .cts2708_title_box:before {width:1011px; right:20px;}
.cts2708 .cts2708_title_box {padding:50px 43px 50px 0px;}
.cts2708 .cts2708_text {padding-left:0;}
.cts2708 .cts2708_text:before {margin-right:-229px;}
.cts2708 .cts2708_text .txt2 {margin:10px 0;}
.cts2708 .cts2708_text .line_box {width:100%; padding:20px 0; }
}
@media screen and (max-width: 800px){
.cts2708 .cts2708_title_box:before {right:0;}
.cts2708 .cts2708_title_box {width:100%; margin-bottom:30px;}
.cts2708 .cts2708_text:before {float:none; width:100%; margin:0 0 20px;}
}
@media screen and (max-width: 640px){
.cts2708 .cts2708_text:before {height:260px;}
.cts2708 .cts2708_title_box {padding:50px 10px 50px 10px;}
}