@charset "UTF-8";

/* 서브페이지 공통 CSS */
.sub_wrap {width:1140px; min-height:650px; margin:0 auto; overflow:hidden; position:relative; padding:0 0 50px 0;}
.sub_visual {width:100%; height:300px; text-align:center; position:relative;}
.sub_visual_txt {position:absolute; top:50%; left:50%; color:#404040;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.sub_visual_txt dt {font-size:40px; font-weight:500; margin: 0 0 14px 0;}
.sub_visual_txt dd {font-size:20px;}
.sub_visual01 {background:url(/web/images/sub/sub_visual01.jpg) center no-repeat; background-size:cover;}
.sub_visual02 {background:url(/web/images/sub/sub_visual02.jpg) center no-repeat; background-size:cover;}
.sub_visual03 {background:url(/web/images/sub/sub_visual03.jpg) center no-repeat; background-size:cover;}
.sub_wrap::before {content:""; display:block; width:1px; height:100%; background:#d3d3d3; position:absolute; left:0; z-index:1;}
.sub_wrap::after {content:""; display:block; width:1px; height:100%; background:#d3d3d3; position:absolute; left:235px;}
.sub_lnb {float:left; width:235px;}
.sub_cnt_wrap {float:right; width:850px;}
.sub_lnb_title {width:100%; padding:50px 0; box-sizing:border-box; position:relative;  text-align:center; border-bottom:1px solid #d3d3d3;}
.sub_lnb_title p {position:absolute; top:50%; left:50%; color:#474747; width:100%; font-size:26px; font-weight:500;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.sub_lnb_title dl dt {font-size:34px; margin:0 0 5px 0;}
.sub_lnb_title dl dd {font-size:12px;}
.sub_lnb_list {width:100%; }
.sub_lnb_list > li {background:#fff;}
.sub_lnb_list > li > a {display:block; height:50px;  color:#313131; border-bottom:1px solid #d3d3d3; padding: 0 12px; box-sizing:border-box;
background:#fff url(/web/images/sub/sub_lnb_arrow.png) right 10px center no-repeat; position:relative;}
.sub_lnb_list > li > a:hover {background:#1d5ba9 url(/web/images/sub/sub_lnb_arrow_on.png) right 10px center no-repeat; color:#fff; }
.sub_lnb_list > li > a.sub_lnb_on {background:#1d5ba9 url(/web/images/sub/sub_lnb_arrow_on.png) right 10px center no-repeat; color:#fff;}
.sub_lnb_list > li > a > span {position:absolute; top:50%; 
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
transform:translate(0, -50%);
}
.sub_lnb_list > li > a.sub_lnb_two_row {height:60px;}
.sub_path_wrap {overflow:hidden; border-bottom:1px solid #ccc; margin:20px 0 40px 0; padding:0 0 20px 0;}
.sub_cnt_title {float:left; font-size:28px; color:#313131; font-weight:500; margin:30px 0 0 0;}
.sub_cnt_title span { font-size:18px; vertical-align: baseline; margin-left: 10px; }
.sub_path {float:right; overflow:hidden; margin:0 0 0 0;}
.sub_path > li {float:left; font-size:15px;  }
.sub_path > li:not(:last-child)::after {content:""; display:inline-block; vertical-align:top; width:7px; height:11px; background:url(/web/images/sub/sub_path_arrow.png) center no-repeat;
margin:2px 8px 0 8px;}
.sub_path > li:last-child {color:#1d5ba9; font-weight:500;}
.sub_cnt_subtitle {font-size:26px; color:#505050; margin:40px 0 40px 0; font-weight:500;}
.sub_cnt_subtitle::before {content:""; display:inline-block; vertical-align:top; width:3px; height:22px; background:#1d5ba9; margin:3px 13px 0 0;}
.sub_img {width:100%;}
.sub_center_img {display:block; margin:0 auto;}

/* 센터소개 - 인사말 및 연혁 (cate01/page01) */
.greeting_txt01 {font-size:22px; line-height:28px; color:#505050; margin:0 0 30px 0;}
.greeting_txt01 span {color:#1d5ba9;}
.greeting_txt02 {margin:30px 0 0 0; font-size:16px; color:#606060; line-height:24px; overflow:hidden;}
.greeting_sign {float:right; margin:10px 0 0 0;}
.history_wrap {padding:30px 0; box-sizing:border-box; margin:0 0 70px 0; position:relative;}
.history_wrap::after {content:""; display:block; width:1px; height:100%; background:#aaa; position:absolute; top:0; left:142px;}
.history_cnt {width:100%;}
.history_cnt > li:first-child {}
.history_cnt > li {width:100%;  display:block; padding:23px 0 23px 0; box-sizing:border-box;}
.history_cnt > li > dl { padding:0 0 0 74px; box-sizing:border-box; width:100%; overflow:hidden;}
.history_cnt > li > dl dt {float:left; vertical-align:top; font-size:30px; font-weight:500; margin:0 0 0 -74px; position:relative; }
.history_year01 {color:#1651a9;}
.history_year02 {color:#4178c9;}
.history_year03 {color:#81abe8;}
.history_year04 {color:#b1caf0;}
.history_cnt > li > dl dt::before {content:""; display:block; width:70px; height:1px; background:#aaa; position:absolute; top:17px; right:-80px; z-index:-1;}
.history_cnt > li > dl dt::after {content:""; display:block; width:10px; height:10px; border-radius:10px; position:absolute; top:50%; right:-80px; margin:-3px 0 0 6px; z-index:1;}
.history_cnt > li > dl dd {float:left; vertical-align:top;  width:100%; overflow:hidden; margin:4px 0 0  0; padding:0 0 0 150px; color:#4d4d4d; line-height:24px; box-sizing: border-box;}
.history_cnt > li > dl dd strong { font-size:16px; font-weight:500; color:#003686; margin:0 0px 0 -40px; position:relative; float:left;}
.history_year01::after {background:#2878dd;}
.history_year02::after {background:#4178c9;}
.history_year03::after {background:#81abe8;}
.history_year04::after {background:#b1caf0;}

/* 센터소개 - 시설안내 및 조직, 법인소개 (cate01/page02) */
.vision_img {display:block; margin:60px auto 100px; width: 100%;}
.facility_room {overflow:hidden; margin:0 0 70px 0;}
.facility_room > li {float:left; width: 271px;}
.facility_room > li img{width: 100%; height: 203px;}
.facility_room > li:not(:last-child) {margin-right:18px;}
.facility_room > li > p {text-align:center; font-size:24px; color:#505050; margin:10px 0 0 0;}
.organize_bg {width:100%; height:820px; background:url('/web/images/sub/organization_chart.png') center top no-repeat; position:relative;}
.organize_bg > div {position:absolute;}
.organize_circle {width:160px; height:160px; border-radius:160px; background:#3b65b1; color:#fff; font-size:19px; text-align:center; line-height:160px;}
.organize_box01 {width:200px; height:68px; line-height:68px; text-align:center; font-size:19px; color:#555; border:2px solid #3b65b1; box-sizing:border-box; background:#fff;}
.organize_box02 {width:200px; height:68px; line-height:68px; text-align:center; font-size:19px; color:#fff; background:#81abe8;}
.organize_box03 {width:200px; height:68px; line-height:68px; text-align:center; font-size:19px; color:#555; background:#f0f2f3;}
.organize_box04 {width:200px; height:120px; text-align:center; font-size:19px; color:#8e8e8e; line-height:24px; position:relative; border:2px solid #f0f2f3; box-sizing:border-box;}
.organize_box04 > p {position:absolute; top:50%; left:50%; width:100%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.organize_location01 {top:20px; left:50%; margin-left:-80px;}
.organize_location02 {top:159px; left:72px; }
.organize_location03 {top:240px; left:72px;}
.organize_location04 {top:326px; left:72px;}
.organize_location05 {top:326px; right:72px;}
.organize_location06 {top:417px; left:50%; margin-left:-100px;}
.organize_location07 {top:535px; left:87px;}
.organize_location08 {top:615px; left:87px;}
.organize_location09 {top:535px; right:87px;}
.organize_location10 {top:615px; right:87px;}
.organize_tbl {width:100%; border-bottom:4px solid #81abe8; margin:0 0 70px 0;}
.organize_tbl thead {border-top:6px solid #81abe8; border-bottom:2px solid #81abe8;} 
.organize_tbl thead th {font-weight:500; color:#555; vertical-align:middle; height:50px;}
.organize_tbl_subject {width:17%;}
.organize_tbl_cnt {width:63%;}
.organize_tbl_num {width:20%;}
.organize_tbl tbody td {vertical-align:middle; color:#555; font-size:16px; padding:20px 0; box-sizing:border-box;}
.organize_tbl tbody td:last-child {text-align:center;}
.organize_tbl tbody td p {line-height:22px;}
.organize_tbl tbody td p::before {content:"-"; margin:0 2px 0 0;}
.organize_tbl_color td {background:#d9e6f8;}
.organize_tbl_subject_area {text-align:center; font-weight:500;}
.intro_wrap {width:100%; overflow:hidden; margin:0 0 80px 0;}
.intro_imgwrap {float:left;width:35%;}
.intro_imgwrap img {margin:85px 0 0 0; width: 100%;}
.intro_txtwrap {float:left; overflow:hidden; line-height:26px; color:#555; width:63%; margin-left: 2%; border-left:1px solid #d7d7d7; box-sizing:border-box; padding:0 0 0 20px;}
.intro_txtwrap dt {float:left; width:18%; text-align:justify; text-justify:inter-word; }
.intro_txtwrap dd {float:left; width:82%;}
.purpose_txt {color:#555; line-height:22px;}
.purpose_title {text-align:center; color:#4e4e4e; margin:60px 0 50px 0;}
.purpose_title dt {font-size:23px; font-weight:500;}
.purpose_title dt::after {content:""; display:block; width:45px; height:3px; background:#4e4e4e; margin:18px auto;}
.purpose_title dd {font-size:20px;}
.purpose_bg {width:100%; height:812px; background:url(/web/images/sub/purpose_bg.jpg) center top no-repeat; position:relative;}
.purpose_bg_txt_center {position:absolute; top:50%; left:50%; color:#474747; text-align:center; margin:68px 0 0 0;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.purpose_bg_txt_center dt {font-size:27px; margin:0 0 10px 0;}
.purpose_bg_txt_center dd {font-size:24px;}
dl[class^="purpose_bg_txt0"] {color:#fff; text-align:center; position:absolute;}
dl[class^="purpose_bg_txt0"] dt {font-size:22px; line-height:28px; margin:0 0 6px 0;}
dl[class^="purpose_bg_txt0"] dd {font-size:18px; line-height:24px;}
.purpose_bg_txt01 { left:317px; top:167px;}
.purpose_bg_txt02 {left:87px; top:612px;}
.purpose_bg_txt03 {left:570px; top:612px;}
.business_area {overflow:hidden; position:relative; padding:0 0 100px 0;}
.business_area::after {content:"청소년"; display:block; width:720px; height:58px; line-height:58px; border-radius:58px; background:#fff; text-align:center;
border:2px solid #a1a1a1; box-sizing:border-box; position:absolute; bottom:50px; left:50%; margin-left:-360px; font-size:25px; color:#7f7f7f;}
.business_area > li {float:left; width:165px;}
.business_area > li:not(:last-child) {margin-right:6px;}
.business_area > li > dl {width:100%; height:300px; border-top:3px solid #d0d0d0; background:#f1f1f1; color:#5f5f5f; padding:27px 6px 0 6px; margin:20px 0 0 0; box-sizing:border-box;}
.business_area > li > dl > dt {font-size:20px; line-height:24px; height:70px; font-weight:500; text-align:center;}
.business_area > li > dl > dd {font-size:13px; line-height:19px; margin:0 0 0 9px;}
.business_area > li > dl > dd:not(:last-child) {margin-bottom:8px;}
.business_area > li > dl > dd::before {content:"-"; margin:0 4px 0 -9px;}

/* 센터소개 - 오시는길(cate01/page03) */
.contact_map {width:100% !important;}
.wrap_controllers {display:none;}
.contact_info {width:100%; margin:50px 0 50px 0; border-top:6px solid #d9d9d9; border-bottom:2px solid #d9d9d9; padding:30px 0 10px 0; box-sizing:border-box;}
.contact_info > li {padding:0 34px; box-sizing:border-box; margin:0 0 30px 0;}
.contact_info > li > dl {font-size:15px; color:#555; display:inline-block; vertical-align:top;  width:100%; position:relative; padding:10px 0 0 76px; box-sizing:border-box;}
.contact_info > li > dl::before {content:""; display:block; width:62px; height:62px; border-radius:62px; position:absolute; left:0; top:0;}
.contact_info > li > dl > dt {font-weight:500; margin:0 0 8px 0;}
.contact_info > li > dl > dd {font-weight:300;}
.contact_01::before {background:url(/web/images/sub/contact_icon01.png) center no-repeat;}
.contact_02::before {background:url(/web/images/sub/contact_icon02.png) center no-repeat;}
.contact_03::before {background:url(/web/images/sub/contact_icon03.png) center no-repeat;}
.contact_04::before {background:url(/web/images/sub/contact_icon04.png) center no-repeat;}

/* 주요사업 - CYS-NET 사업 (cate02/page01) */
.business_cys_wrap {overflow:hidden; width:100%; margin:0 0 60px 0;}
.business_cys_imgwrap {float:left; width:29%; margin:0 0 0px 0;}
.business_cys_imgwrap > img {}
.business_cys_txtwrap {float:left; width:71%; color:#555;}
.business_cys_txtwrap > dt {font-weight:500;}
.business_cys_txtwrap > dt::after {content:""; display:block; width:40px; height:2px; background:#d9d9d9; margin:30px 0 24px 0;}
.business_cys_txtwrap > dd {font-weight:300; line-height:22px;}
.business_count {width:100%; background:#f8f8f8; padding:0 0 20px 0; box-sizing:border-box; margin:0 0 40px 0;}
.business_count > dt {font-size:22px; line-height:48px; font-weight:500; border-bottom:3px; background:#fff; margin:0 0 20px 0;}
.business_count > dt > span {display:inline-block; vertical-align:top; font-weight:600; width:54px; height:48px; line-height:48px; text-align:center; color:#fff; margin:0 20px 0 0;}
.business_count > dd {font-size:18px; line-height:36px; color:#555; padding:0 10px 0 108px; box-sizing:border-box; font-weight:300; }
.business_count > dd > span {display:inline-block; margin:0 0 0 -91px;}
.business_count > dd > span::before {content:"-"; margin:0 4px 0 0;}
.business_count > dd strong {font-weight:400; display:inline-block; vertical-align:top;}
.business_title_color01 > dt {border-bottom:3px solid #32436f; color:#32436f;}
.business_title_color01 > dt > span {background:#32436f;}
.business_title_color02 > dt {border-bottom:3px solid #9caec7; color:#9caec7;}
.business_title_color02 > dt > span {background:#9caec7;}
.business_title_color03 > dt {border-bottom:3px solid #9badbc; color:#9badbc;}
.business_title_color03 > dt > span {background:#9badbc;}
.business_title_color04 > dt {border-bottom:3px solid #4a9ad3; color:#4a9ad3;}
.business_title_color04 > dt > span {background:#4a9ad3;}
.business_cys_1388 {margin:0 0 0 10px;}

/* 주요사업 - 상담사업 (cate02/page02) */
.counsel_guide {overflow:hidden; margin:0 0 60px 0;}
.counsel_guide > li {float:left; width:25%; text-align:center; position:relative; height:310px;}
.counsel_guide > li:not(:last-child)::after {content:""; display:block; width:1px; height:100%; background:#e1e1e1; position:absolute; top:0; right:0;}
.counsel_guide > li > dl  {margin:20px 0 0 0; color:#555; font-size:17px;}
.counsel_guide > li > dl > dt {font-weight:500; margin:0 0 14px 0;}
.counsel_guide > li > dl > dd {font-weight:300; line-height:24px;}
.business_count.business_counsel_bg01 {background:#f8f8f8 url(/web/images/sub/counsel_bg01.png) right bottom no-repeat;}
.business_count.business_counsel_bg02 {background:#f8f8f8 url(/web/images/sub/counsel_bg02.png) right bottom no-repeat;}
.business_count.business_counsel_bg03 {background:#f8f8f8 url(/web/images/sub/counsel_bg03.png) right bottom no-repeat;}

/* 주요사업 - 심리검사 (cate02/page03) */
.business_guide_info {margin:0 0 70px 0;}
.business_guide_info > li {font-size:19px; line-height:28px; color:#555; font-weight:300; margin:0 0 10px 112px;}
.business_guide_info > li > span {display:inline-block; vertical-align:top; margin:0 0 0 -112px;}
.business_guide_info > li > span::before {content:"-"; margin:0 6px 0 0;}
.business_guide_info > li.business_guide_strong {font-weight:500;}
.business_guide_strong {font-weight:500;}
.business_tbl {width:100%; margin:0 0 40px 0;}
.business_tbl caption {text-align:left; font-size:22px; color:#555; font-weight:500; margin:0 0 14px 0;}
.business_tbl thead {background:#d4e4f8;}
.business_tbl thead th { color:#2878dd; vertical-align:middle; height:50px; border:2px solid #fff; border-bottom:3px solid #2878dd; box-sizing:border-box; font-size: 18px;}
.business_tbl tbody td {vertical-align:middle; text-align:center; font-size:14px; line-height:18px; color:#4d4d4d; padding:14px 6px;
border:3px solid #fff; border-bottom:3px solid #e0e0e0; box-sizing:border-box;}
.check_type {width:13%;}
.check_name {width:20%;}
.check_target {width:17%;}
.check_price {width:13%;}
.check_cnt {width:37%;}

/* 주요사업 - 집단상담 및 교육 (cate02/page04) */
.business_guide_down {display:inline-block; vertical-align:top; border-radius:30px; padding:4px 14px; margin:6px 0 0 0; font-weight:500;
box-sizing:border-box; background:#2fc0c5; color:#fff; font-size:19px;}
.business_guide_down:hover {opacity:0.8;}
.business_edu_tbl {margin-bottom:100px;}
.business_edu_tbl tbody td {text-align:left; padding:14px 10px; box-sizing:border-box;}
.business_cnt_list > li {margin:0 0 0 9px;}
.business_cnt_list > li::before {content:"-"; margin:0 4px 0 -9px;}
.edu_name {width:14%;}
.edu_target {width:20%;}
.edu_count {width:10%;}
.edu_cnt {width:56%;}
.business_cnt_txt {font-size:12px; color:#a5a5a5; margin:10px 0 0 0;}
.business_count.business_special_bg01 {background:#f8f8f8 url(/web/images/sub/special_business_bg01.png) right bottom no-repeat;}
.business_count.business_special_bg02 {background:#f8f8f8 url(/web/images/sub/special_business_bg02.png) right bottom no-repeat;}
.business_count.business_special_bg03 {background:#f8f8f8 url(/web/images/sub/special_business_bg03.png) right bottom no-repeat;}
.business_count.business_special_bg04 {background:#f8f8f8 url(/web/images/sub/special_business_bg04.png) right bottom no-repeat;}

/* 주요사업 - 청소년동반자 (cate02/page04) */
.business_num_title {width:100%; height:48px; line-height:48px; font-size:22px; padding: 0 17px; margin:0 0 20px 0; box-sizing:border-box; font-weight:500; color:#fff;}
.business_num_title span {display:inline-block; vertical-align:top; width:40px; }
.business_num_color01 {background:#9faef0;}
.business_num_color02 {background:#6b8fe4;}
.business_num_color03 {background:#82a2eb;}
.business_num_color04 {background:#849aea;}
.business_num_color05 {background:#7b98f0;}
.business_num_title.business_num_color06 {background:#29427c; margin:0;}

.business_guide_info_partner {padding:0 20px; box-sizing:border-box;}
.business_guide_num_list_top {font-size:19px; color:#555; font-weight:300; padding:0 20px; box-sizing:border-box; margin:0 0 14px 0;}
.business_guide_num_list {padding:0 20px; box-sizing:border-box; margin:0 0 70px 0; }
.business_guide_num_list > li {font-size:19px; color:#555; font-weight:300;}
.business_guide_num_list > li:not(:last-child) {margin-bottom:14px;}
.business_guide_num_list > li::before {content:"-"; margin:0 4px 0 0;  }
.partner_guide {overflow:hidden; margin:0 0 60px 0;}
.partner_guide > li {float:left; width:25%; text-align:center; position:relative; height:360px;}
.partner_guide > li:not(:last-child)::after {content:""; display:block; width:1px; height:100%; background:#e1e1e1; position:absolute; top:0; right:0;}
.partner_guide > li > dl  {margin:20px 0 0 0; color:#555; font-size:17px;}
.partner_guide > li > dl > dt {font-weight:500; margin:0 0 14px 0;}
.partner_guide > li > dl > dd {font-weight:300; line-height:24px;}
.business_guide_num_list.business_guide_num_list_custom > li {margin:0 0 20px 0; line-height:30px;}
.business_tiny_down {margin:0 0 0 6px;}
.business_tiny_down:hover {opacity:0.8;}

/* 주요사업 - 도봉구청소년지원센터 꿈드림 (cate02/page05) */
.dream_btn {display:inline-block; vertical-align:top; padding:0 20px; height:30px; line-height:30px; border-radius:30px; color:#fff; background:#2fc0c5; margin:4px 0 0 0;}
.dream_btn:hover {opacity:0.8;}
.dream_title {text-align:center; color:#505050; font-size:24px; font-weight:500;}
.dream_bg {width:100%; height:1100px; background:url(/web/images/sub/dream_bg.jpg) center 100px no-repeat; padding:20px 0 0 0; }
p[class^="dream_stage0"] {width:135px; height:45px; line-height:45px; text-align:center; font-size:19px; margin:0 auto; box-sizing:border-box;}
p.dream_stage01 {background:#003686; color:#fff; margin: 30px auto 40px auto;}
p.dream_stage02 {background:#4c72aa; color:#fff;}
p.dream_stage03 {background:#fff; color:#1b1464; border:2px solid #1b1464; margin:80px auto 0 auto;}
ul[class^="dream_flow0"] {text-align:center;}
ul[class^="dream_flow0"] > li {display:inline-block; vertical-align:top; }
ul[class^="dream_flow0"] > li:not(:last-child) {margin-right:38px;}
dl[class^="dream_flow_cnt0"] {width:180px; position:relative;}
dl[class^="dream_flow_cnt0"] dt {width:100%; height:45px; line-height:45px; text-align:center; font-size:19px; background:#fff; color:#505050; position:relative; box-sizing:border-box;}
dl[class^="dream_flow_cnt0"] dt::after {content:""; display:block; width:100%; height:4px; background:#fff; position:absolute; bottom:-6px; left:0; right:0;}
dl[class^="dream_flow_cnt0"] dd {font-size:16px; color:#505050; line-height:26px; text-align:left; position:absolute; top:50%; left:50%;
width:100%; margin:22px 10px 0 10px;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
dl[class^="dream_flow_cnt0"] dd p {margin:0 0 0 10px;}
dl[class^="dream_flow_cnt0"] dd p::before {content:"-"; margin:0 4px 0 -10px;}
.dream_flow01 {margin:80px 0 0 0;}
.dream_flow01 > li > p {width:180px; height:45px; line-height:45px; text-align:center; font-size:19px; color:#003686; border:2px solid #003686; margin:0 0 42px 0;
background:#fff; box-sizing:border-box;}
.dream_flow_cnt01 {background:#f1f5fd; height:258px;}
.dream_flow_cnt01 > dt {border:2px solid #6b8fe4;}
.dream_flow_cnt02 {background:#c0eced; height:210px; margin:80px 0 0 0;}
.dream_flow_cnt02 > dt {border:2px solid #2fc0c5;}
.dream_tbl {margin:0 0 70px 0;}
.dream_tbl thead th:nth-of-type(1) {width:24%;}
.dream_tbl thead th:nth-of-type(2) {width:24%;}
.dream_tbl thead th:nth-of-type(3) {width:52%;}
.dream_tbl tbody td {text-align:left;}
.dream_tbl tbody td p {margin:0 0 0 10px;}
.dream_tbl tbody td p::before {content:""; display:inline-block; vertical-align:top; width:3px; height:3px; border-radius:3px; background:#505050; margin:8px 4px 0 -10px;} 
.dream_tbl tbody td.dream_tbl_subject {text-align:center;}
.business_dream_box {width:100%; padding:20px; box-sizing:border-box; background:#eef2fb; margin:0 0 60px 0;}
.business_dream_box p {margin:0 0 0 10px; font-size:19px; color:#555; line-height:26px;}
.business_dream_box p::before {content:"-"; margin:0 4px 0 -14px;}
.business_dream_box p strong {font-weight:500; color:#1a1a1a;}

/* 커뮤니티 - 공지사항 (cate03/page01) */
.notice_tbl {width:100%; margin:50px 0 30px 0;}
.notice_tbl caption {font-size:15px; text-align:right; margin:0 0 10px 0; color:#202020}
.notice_tbl caption span {color:#359ad6; display:inline-block; margin:0 2px;}
.notice_tbl thead {border-top:4px solid #1d5ba9; border-bottom:1px solid #cacaca; background:#e8eef6;}
.notice_tbl thead th {vertical-align:middle; font-weight:500; height:50px;}
.notice_num {width:8%;}
.notice_subject {width:58%;}
.notice_writer {width:12%}
.notice_date {width:14%;}
.notice_join {width:8%;}
.notice_tbl tbody td { vertical-align:middle; border-bottom:1px solid #9d9d9d; color:#404040; height:50px; }
.notice_tbl tbody td:not(:nth-of-type(2)) {text-align:center;}
.notice_tbl tbody td:nth-of-type(2) {text-align:left;}
.notice_tbl tbody td a {color:#404040; display:inline-block; width:590px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_btn_wrap {text-align:right;}
.notice_btn_wrap a {display:inline-block; width:90px; height:30px; text-align:center; line-height:30px; background:#359ad6; color:#fff;}
.board_search_wrap {text-align:center; height:29px; margin:40px 0;}
.board_search_common {height:100%; display:inline-block; vertical-align:top; box-sizing:border-box; font-size:14px;}
.board_search_select {width:120px; border:1px solid #d2d2d2; background:#fff;}
.board_search_box {width:200px; border:1px solid #d2d2d2; background:#fff;padding:0 6px;}
.board_search_btn {padding:0 20px; background:#0f4282; color:#fff; line-height:29px;}
.product_pagenation {text-align:center; margin:0 0 30px 0;}
.product_pagenation li {display:inline-block; vertical-align:top;}
.product_pagenation li a {display:block; width:25px; height:25px; background:#fff; font-size:15px; color:#424242; text-align:center; line-height:25px; border:1px solid #ddd;}
.product_pagenation li a.page_arrow {background:transparent;}
.product_pagenation li a.page_arrow img {margin:3px 0 0 0;}

/* 커뮤니티 - 포토갤러리 (cate03/page02) */
.gallery_total {width:100%; border-bottom:4px solid #1d5ba9; margin:0 0 24px 0; padding:0 0 10px 0; font-size:15px; text-align:right;}
.gallery_total span {display:inline-block; color:#649de3; margin:0 2px; vertical-align:top;}
.gallery_wrap {overflow:hidden; padding:0 0 20px 0; margin:0 0 20px 0;}
.gallery_wrap > li {float:left; width:32%; margin-bottom:20px;}
.gallery_wrap > li:not(:nth-of-type(3n)) {margin-right:2%;}
.gallery_imgwrap {border:1px solid #dcdcdc; width:100%; height:275px; box-sizing:border-box;}
.gallery_imgwrap > img {width:100%; height:100%;}
.gallery_title {font-size:18px; color:#737373; font-weight:500; margin:14px 0 8px 0; padding:10px 0 0 0; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  border-top:2px solid #b6b6b6;}
.gallery_writer {font-size:14px; color:#636363; margin:0 0 2px 0;}
.gallery_date {font-size:14px; color:#636363;}


.history_sb{letter-spacing: -0.02em;}

/*cate01_page02_210115*/

.business_area dl {padding-top:20px!important;}
.business_area > li > dl > dt {font-size:18px; line-height:20px; height:55px; }