/* ¼­ºê ºñÁê¾ó ÅؽºÆ® deahan ÆùÆ®´Â seoulH·Î º¯°æÇØ »ç¿ëÇß½À´Ï´Ù. */
#wrapper{}

@media only screen and (max-width:1220px){
	#wrapper{background-size:100% auto;}
}
@media only screen and (max-width:850px){
	#wrapper{background-size:auto 224px;}
}

/* ºñÁê¾ó¿µ¿ª */
.sub_visual {height: 172px; line-height:142px; text-align: center; background:url('../images/sub/sub_visual.jpg') no-repeat center center; }
.sub_visual .inner{display: inline-block; line-height: normal;}
.sub_visual .title {font-size:34px; font-weight:600; color: #1a1a1a;}

@media only screen and (max-width:1220px){
	.sub_visual{height:60px; line-height:55px; padding:5px 0 0 0; background:#6c57cc;}
	.sub_visual .title {font-size:22px; color:#fff; }
}

#container{margin:-42px auto 0}

/* 2, 3Â÷ ¸Þ´º */
@media only screen and (min-width:1221px){
	
	#sub_menu .active_btn{display: none;}
	#sub_menu .second_menu{}
	#sub_menu .second_menu .wrap{padding:15px 0; background:#6c57cc}
	#sub_menu .second_menu .menu_title{position: absolute; left: 0; bottom: 0; width: 260px; height: 107px; padding:0 60px 0 55px; background-color: #e14f38; line-height: 107px;}
	#sub_menu .second_menu .menu_title:before{display: block; position: absolute; top: 0; right: 100%; width: 800px; height: 100%; background-color: #000;}
	#sub_menu .second_menu .menu_title:after{display: block; position: absolute; top: calc(50% - 10px); right: 40px; width: 12px; height: 19px; background: url(../images/sub/sub_sprite.png) no-repeat;}
	#sub_menu .second_menu .menu_title span{display: inline-block; font-size: 22px; font-weight: 600; color: #fff; vertical-align: middle; line-height: normal;}
	#sub_menu .second_menu .menu_list{display: inline-block; width:100%; text-align:center; vertical-align: middle; line-height: normal;}
	#sub_menu .second_menu .menu_list li{display: inline-block;  padding: 5px 30px;}
	#sub_menu .second_menu .menu_list li a{font-size: 18px; color: #fff;}
	#sub_menu .second_menu .menu_list li.active a{font-weight: 600; color: #fff;}
	#sub_menu .second_menu .menu_list li.active a:after{display: inline-block; width: 11px; height: 8px; margin-left: 10px; background: url(../images/sub/sub_sprite.png) no-repeat -22px -6px; vertical-align: middle;}

	#sub_menu .third_menu {}
	#sub_menu .third_menu .menu_list{margin: 0 auto; padding:0;  text-align: center; border-bottom: 2px solid #e3e3e3; }
	#sub_menu .third_menu .menu_list li{display: inline-block; position: relative; padding: 0 25px; margin:0 0 -2px 0}
	#sub_menu .third_menu .menu_list li:not(:first-child):before{display: block; position: absolute; top: calc(50% - 3px); left: -3px; width: 6px; height: 6px; border-radius:5px; background-color: #909090;}
	#sub_menu .third_menu .menu_list li a{display: inline-block; position: relative; height:60px; padding:2px 5px 0; font-size: 17px; color: #3c3c3c; line-height: 55px;}
	#sub_menu .third_menu .menu_list li.active a{font-weight: 600; color: #242424; text-decoration: none;}
	#sub_menu .third_menu .menu_list li.active a:before{display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #242424;}
}
@media only screen and (max-width:1220px){
	#container {margin:0px; background:#fff;}
	.sub_visual {}
	#sub_menu .active_btn{display: block;}
	#sub_menu .menu_list li.active{display: none;}
	#sub_menu .second_menu{position: relative; z-index: 20; height: 55px;border-bottom: 1px solid #e3e3e3;}
	#sub_menu .second_menu .menu_title{display: none;}
	#sub_menu .second_menu .active_btn{display: block; position: relative; width: 100%; height:55px; padding: 0 35px 0 25px; font-weight:bold; border: 2px solid transparent; border-bottom: none; font-size: 16px; color: #5c45c2; text-align: left; line-height: 55px; transition:all 0.2s linear;}
	#sub_menu .second_menu .active_btn.on{border-color: #5c45c2;}
	#sub_menu .second_menu .active_btn:after{display: block; position: absolute; top: calc(50% - 5px); right: 21px; width: 11px; height: 8px; background: url(../images/sub/sub_sprite.png) no-repeat -22px -6px;}
	#sub_menu .second_menu .menu_list{visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; border: 2px solid transparent; border-top: none;  background-color: #fff; transform:scaleY(0); transform-origin:top; transition:all 0.2s linear;}
	#sub_menu .second_menu .menu_list li{position: relative; padding: 0 35px 0 25px;}
	#sub_menu .second_menu .menu_list li:not(:last-child){border-bottom: 1px solid #ddd;}
	#sub_menu .second_menu .menu_list li:before{display: block; position: absolute; top: calc(50% - 3px); right: 27px; width: 5px; height: 7px; background: url(../images/sub/sub_sprite.png) no-repeat -89px -4px}
	#sub_menu .second_menu .menu_list li a{display: block; padding: 11px 0; font-size: 15px; color: #282828; line-height: 1.2; }
	#sub_menu .second_menu.active .menu_list{visibility: visible; border-color: #5c45c2; transform:scaleY(1); }

	#sub_menu .third_menu{position: relative; z-index: 10; margin-top: 13px; }
	#sub_menu .third_menu .active_btn{display: block; position: relative;z-index: 20; width: 100%; height:39px; padding: 0 40px 0 25px; border-bottom: 1px solid transparent; border-radius:20px; background-color: #f3f3f3; text-align: left; }
	#sub_menu .third_menu .active_btn.on{border-bottom: 1px solid #ddd; border-radius:20px 20px 0 0;}
	#sub_menu .third_menu .active_btn:after{display: block; position: absolute; top: calc(50% - 2px); right: 21px; width: 7px; height: 4px; background: url(../images/sub/sub_sprite.png) no-repeat -102px -4px;}
	#sub_menu .third_menu .active_btn span{display: inline-block; position: relative; font-size: 15px; font-weight: 600; color: #1e1e1e; line-height: 39px; }
	
	#sub_menu .third_menu .active_btn span:before{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000;}
	#sub_menu .third_menu .menu_list{visibility: hidden; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; padding-top: 39px; border-radius:20px; background-color: #f3f3f3;  transform:scaleY(0); transform-origin:top; transition:all 0.2s linear;}
	#sub_menu .third_menu .menu_list li{position: relative; padding: 0 35px 0 25px;}
	#sub_menu .third_menu .menu_list li:not(:last-child){border-bottom: 1px solid #ddd;}
	#sub_menu .third_menu .menu_list li:before{display: block; position: absolute; top: calc(50% - 3px); right: 27px; width: 5px; height: 7px; background: url(../images/sub/sub_sprite.png) no-repeat -89px -4px}
	#sub_menu .third_menu .menu_list li a{display: block; padding: 11px 0; font-size: 15px; color: #282828; line-height: 1.2; }
	#sub_menu .third_menu.active .menu_list{visibility: visible; border-color: #e14f38; transform:scaleY(1); }
}

/* º»¹® ¿µ¿ª */


@media only screen and (min-width:1221px){
	#colgroup{margin-top: 42px;}
	#colgroup .sub_head .sub_title{position: relative; max-width:75%; padding-left: 30px; font-size: 28px; font-weight: 600; color: #262626;}
	#colgroup .sub_head .sub_title:before{display: block; position: absolute; top:16px; left:0px; width: 18px; height: 18px;  background: url(../images/sub/sub_sprite.png) no-repeat -62px -1px; }
	#colgroup .sub_head .path{position: absolute; top: 50px; right: 0; max-width:100%;}
	#colgroup .sub_head .path span{display:inline-block;  font-size: 16px; color: #515151; vertical-align: middle; line-height: 1.2;}
	#colgroup .sub_head .path span.home{width:16px; height: 14px; background: url(../images/sub/sub_sprite.png) no-repeat -41px -3px ;font-size:0;}
	#colgroup .sub_head .path span.arrow{margin: 3px 5px 0; font-family:Dotum,'µ¸¿ò'; }
}
@media only screen and (max-width:1220px){
	#colgroup{margin-top: 30px;}
	#colgroup .sub_head .sub_title{font-size: 18px; font-weight: 600; color: #262626; text-align: center;}
	#colgroup .sub_head .path{display: none;}
}

#contents{margin-top: 42px; padding-bottom: 50px;}

@media only screen and (max-width:1220px){
	#contents{margin-top: 30px;}
}

/£ªÀλ縻£ª/
.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;}
}


/£ªÀç´Ü¼Ò°³£ª/
.cts2508{letter-spacing:-0.025em;}
.cts2508 .mission_box{width:941px; margin:0 auto 30px; background-color:#e14f38; display:block; font-size:0px;}
.cts2508 .mission_box h3.box_title{display:inline-block; z-index:10; width:132px; font-size:22px; line-height:74px; font-weight:600; color:#fff; text-align:center;}
.cts2508 .mission_box h3.box_title:before{display:block; top:0; left:0; z-index:-1; width:133px; height:auto; border-bottom:74px solid #000; border-left:48px solid transparent; transform:rotate(-180deg);}
.cts2508 .mission_box p.box_text{display:inline-block; width:calc(100% - 135px); font-size:20px; font-weight:600; color:#fff; text-align:center;}
.cts2508 .mission_box p.box_text span{border-bottom:1px solid #fff;}

.cts2508 .vision_box{position:relative; width:941px; margin:0 auto 69px; background-color:#fbdad5; font-size:0px;}
.cts2508 .vision_box:before{display:block; position:absolute; bottom:-51px; left:calc(50% - 20px); width:40px; height:32px; background:url("/site/bwyf/images/contents/bottom_arrow.png") no-repeat;}
.cts2508 .vision_box h3.box_title{display:inline-block; width:134px; border-right:2px solid #fff; background-color:#f9bab1; font-size:20px; line-height:62px; font-weight:600; color:#292929; text-align:center;}
.cts2508 .vision_box p.box_text{display:inline-block; width:calc(100% - 137px); font-size:18px; font-weight:600; color:#292929; text-align:center;}

.cts2508 .goal_box{width:941px; margin:0 auto 55px; border:2px solid #000; font-size:0px;}
.cts2508 .goal_box h3.box_title{display:inline-block; z-index:10; width:132px; border-right:2px solid #000; font-size:18px; line-height:62px; font-weight:600; color:#292929; text-align:center;}
.cts2508 .goal_box p.box_text{display:inline-block; width:calc(100% - 135px); font-size:18px; color:#383838; text-align:center;}

.cts2508 .cts2508_value{text-align:center; }
.cts2508 .cts2508_value h3.h0{margin-bottom:19px; font-size:22px; line-height:34px; font-weight:600; color:#292929; text-align:center; width:100%;}
.cts2508 .cts2508_value ul {position:relative; width:1050px; margin:0 auto; font-size:0px; display:block;}
.cts2508 .cts2508_value ul:before {content:""; width:calc(100% - 420px); height:1px;  background:#bcbcbc; display:block; position:absolute; top:0px; left:210px; }
.cts2508 .cts2508_value ul li {position:relative; width:160px; height:160px; line-height:160px; border-radius:160px; margin:25px 25px 0 25px; display:inline-block; text-align:center; font-size:18px; font-weight:bold; color:#2c2c2c}
.cts2508 .cts2508_value ul li:before {position:absolute; top:-25px; left:50%; width:1px; height:25px; background:#bcbcbc; display:block;}
.cts2508 .cts2508_value ul li:after {position:absolute; top:50%; left:50%; width:11px; height:2px; background:#000000; display:block; margin:25px 0 0 -6px}
.cts2508 .cts2508_value ul li:nth-child(1) {background:#fbdad5}
.cts2508 .cts2508_value ul li:nth-child(2) {background:#f6e5ef}
.cts2508 .cts2508_value ul li:nth-child(3) {background:#f1e8f9}
.cts2508 .cts2508_value ul li:nth-child(4) {background:#e1ebf6}
.cts2508 .cts2508_value ul li:nth-child(5) {background:#e4f3df}




.cts2508 .cts2508_value2{text-align:center; margin:50px 0 80px 0}
.cts2508 .cts2508_value2 h3.h0{margin-bottom:19px; font-size:22px; line-height:34px; font-weight:600; color:#292929; text-align:center; width:100%;}
.cts2508 .cts2508_value2 ul {position:relative; width:880px; margin:0 auto; font-size:0px; display:block;}
.cts2508 .cts2508_value2 ul:before {content:""; width:calc(100% - 220px); height:1px;  background:#bcbcbc; display:block; position:absolute; top:0px; left:110px; }
.cts2508 .cts2508_value2 ul li {position:relative; width:200px; height:105px;  margin:25px 10px 0 10px; display:inline-block; vertical-align:top; background:#a43e65; text-align:center; font-size:16px; }

.cts2508 .cts2508_value2 ul li:before {position:absolute; top:-25px; left:50%; width:1px; height:25px; background:#bcbcbc; display:block;}

.cts2508 .cts2508_value2 ul li span {font-size:18px; color:#fff; display:table;  height:100%; width:100%;}
.cts2508 .cts2508_value2 ul li span  em {display:table-cell; vertical-align:middle; line-height:1.25em; height:100%; width:100%}


.cts2508 .cts2508_policygoal{margin-top:62px; text-align:center;}
.cts2508 .cts2508_policygoal h3.h0{margin-bottom:29px; font-size:22px; line-height:34px; font-weight:600; color:#292929;}
.cts2508 .cts2508_policygoal ul{font-size:0; line-height:0;}
.cts2508 .cts2508_policygoal ul li{display:inline-block; width:782px; margin-bottom:5px; border:1px solid #a43e65; font-size:18px; line-height:57px; color:#2c2c2c;}
.cts2508 .cts2508_policygoal ul li .box_title{float:left; width:64.61%; background:#a43e65; text-align:center; color:#fff;}
.cts2508 .cts2508_policygoal ul li .box_text{float:left; width:35.39%; text-align:center;}

.cts2508 .cts2508_strategy.pc{margin-top:73px; text-align:center;}
.cts2508 .cts2508_strategy.pc h3.h0{margin-bottom:29px; font-size:22px; line-height:34px; font-weight:600; color:#292929;}
.cts2508 .cts2508_strategy.pc > ul > li{float:left; width:calc((100% - 257px)/4); margin-right:8px;}
.cts2508 .cts2508_strategy.pc > ul > li:first-child{width:201px; margin-right:32px;}
.cts2508 .cts2508_strategy.pc > ul > li:last-child{margin-right:0;}
.cts2508 .cts2508_strategy.pc > ul > li .box_title{background-color:#666; font-size:18px; width:100%; text-align:center; padding:0 15px; box-sizing:border-box;  height:70px; display:table; font-weight:600;  color:#fff; vertical-align: middle;}
.cts2508 .cts2508_strategy.pc > ul > li .box_title span {line-height: 18px; word-break:keep-all; vertical-align: middle; display:table-cell; vertical-align:middle}
.cts2508 .cts2508_strategy.pc > ul > li:first-child .box_title{background-color:#6a5cab;}
.cts2508 .cts2508_strategy.pc > ul > li > ul > li{height:161px; padding:24px 15px; border-bottom:1px solid #fff; background-color:#f2f2f2; font-size:16px; line-height:26px; color:#2c2c2c;}
.cts2508 .cts2508_strategy.pc > ul > li > ul > li {padding:15px 20px; line-height:1.25em; font-size:16px; font-weight:400; }
.cts2508 .cts2508_strategy.pc > ul > li > ul > li ul li {padding:10px 0; word-break:keep-all;}

.cts2508 .cts2508_strategy.pc > ul > li:first-child > ul > li{padding:0; background-color:#efecfb; font-size:18px; font-weight:600; line-height:101px;}


@media all and (max-width:1220px){
	.cts2508 .cts2508_value ul{padding:28px 0 0; width:100%}
	.cts2508 .cts2508_value ul:before,
	.cts2508 .cts2508_value ul li:before {display:none}
	.cts2508 .cts2508_value ul li{width:30%; margin-right:3.3%;}
	
	.cts2508 .cts2508_strategy.pc > ul > li{width:19%; margin-right:1.25%;}
	.cts2508 .cts2508_strategy.pc > ul > li:first-child{width:19%; margin-right:1.25%;}
	.cts2508 .cts2508_strategy.pc > ul > li > ul > li:last-child > ul{font-size:14px;}
	.cts2508 .cts2508_strategy.pc > ul > li:nth-child(2) > ul > li:last-child > ul{padding-left:10px;}
	.cts2508 .cts2508_strategy.pc > ul > li:nth-child(3) > ul > li:last-child > ul{padding-left:10px;}
	.cts2508 .cts2508_strategy.pc > ul > li:nth-child(5) > ul > li:last-child > ul{padding-left:10px;}
	.cts2508 .cts2508_strategy.pc > ul > li:nth-child(4) > ul > li:last-child > p.blt{margin-left:10px; font-size:14px;}

	
	.cts2508 .cts2508_value2 ul li {width: 30%; display: inline-block ; margin: 25px 3.3% 0 3.3%;}
	.cts2508 .cts2508_value2 ul {width:100%}
	.cts2508 .cts2508_value2 ul:before,
	.cts2508 .cts2508_value2 ul li:before {display:none}
}
@media all and (max-width:1000px){
	.cts2508 .mission_box{width:100%;}
	.cts2508 .vision_box{width:100%;}
	.cts2508 .goal_box{width:100%;}
	.cts2508 .cts2508_policygoal ul li{width:100%;}
}
@media all and (max-width:979px){
	.cts2508 .cts2508_strategy.pc{display:none;}
	.cts2508 .cts2508_strategy.mobile{margin-top:55px; text-align:center;}
	.cts2508 .cts2508_strategy.mobile h3.h0{margin-bottom:29px; font-size:22px; line-height:34px; font-weight:600; color:#292929;}
	.cts2508 .cts2508_strategy.mobile table.table{border:0;}
	.cts2508 .cts2508_strategy.mobile table.table thead th{border-left:5px solid #fff; background:#666; color:#fff;}
	.cts2508 .cts2508_strategy.mobile table.table thead th:first-child{border-left:0; background-color:#6a5cab; color:#fff;}
	.cts2508 .cts2508_strategy.mobile table.table tbody td{border-top:1px solid #fff; border-left:5px solid #fff; background-color:#f2f2f2;}
	.cts2508 .cts2508_strategy.mobile table.table tbody tr:first-child td{font-weight:600;}
	.cts2508 .cts2508_strategy.mobile table.table tbody th{border-top:1px solid #fff; border-left:0; background-color:#efecfb; font-weight:600;}
}
@media all and (min-width:980px){
	.cts2508 .cts2508_strategy.mobile{display:none;}

}
@media all and (max-width:730px){
	.cts2508 .mission_box h3.box_title{display:block; width:100%; background-color:#000; line-height:55px;}
	.cts2508 .mission_box h3.box_title:before{display:none;}
	.cts2508 .mission_box p.box_text{display:block; width:100%; padding:15px 10px;}

	.cts2508 .vision_box h3.box_title{display:block; width:100%; line-height:55px; border:0;}
	.cts2508 .vision_box p.box_text{display:block; width:100%; padding:15px 10px;}

	.cts2508 .goal_box h3.box_title{display:block; width:100%; line-height:55px; border-right:0; border-bottom:2px solid #000;}
	.cts2508 .goal_box p.box_text{display:block; width:100%; padding:15px 10px;}
	.cts2508 .cts2508_value ul li {height:120px; line-height:120px}
}
@media all and (max-width:430px){
	.cts2508 .cts2508_policygoal ul li .box_title{float:none; width:100%;}
	.cts2508 .cts2508_policygoal ul li .box_text{float:none; width:100%;}
}
@media all and (max-width:380px){
	.cts2508 .cts2508_value ul{padding-top:0;}
	.cts2508 .cts2508_value ul:before{display:none;}
	.cts2508 .cts2508_value ul li{width:100%; margin:0 0 20px 0; height:60px; line-height:60px}
	.cts2508 .cts2508_value ul li:first-child:before{display:none;}
	.cts2508 .cts2508_value2 ul li  {width:100%; margin:0 0 25px 0; height:70px}
}