/* Site Layout - Column Outpage */
:root {
	--main-color: #283f68;
	--sub-color: #2f76b8;
	--sub-color2: #9fc2ea;
	--tit-color: #4e555d;
}

#outpage{width:100%; font-size:17px; color:#333; line-height:1.8; font-family:'Noto Sans KR'; padding:0px; margin:25px auto 20px; word-break:keep-all; letter-spacing:-0.7px; font-weight:300;}

#outpage hr{border:#bbb 1px dashed; border-top:0px; border-left:0px; border-right:0px;}
#outpage h1{font-size:28px; color:var(--tit-color); font-weight:700; padding:0 0 2px 0; margin:0 0 30px; line-height:1.4; letter-spacing:0px;}
#outpage h2{font-size:28px; color:var(--tit-color); font-weight:700; padding:0 0 2px 25px; margin:0 0 30px; line-height:1.4; position:relative; letter-spacing:0px;}
#outpage h2:before{content:''; position:absolute; width:10px; height:33px; border-radius:50px; background:var(--main-color); left:0; top:5px;}
#outpage h3{font-size:24px; color:var(--tit-color); font-weight:700; padding:7px 0 15px 30px; margin:0 0 5px; position:relative;}
#outpage h3:before{content:''; position:absolute; width:18px; height:18px; box-shadow:0 0 0 4px #61add1 inset; border-radius:100%; left:0; top:20.5px;}
#outpage h4{font-size:20px; color:var(--sub-color); font-weight:600; padding:0; margin:0 0 10px; letter-spacing:0px;}
#outpage h5{font-size:20px; color:#fff; margin:0; font-weight:600; padding:2px 30px; display:inline-block; background:var(--sub-color); border-radius:5px; letter-spacing:0px;}

#outpage ul{padding:5px 0 0; margin:0; list-style:none;}
#outpage ul li{padding:0 0 10px 17px; position:relative; line-height:1.5;}
#outpage ul li:before{content:''; position:absolute; width:6px; height:6px; background:#ccc; left:0; top:10px; border-radius:50px;}

#outpage ol{padding:7px 0 20px 38px; list-style:decimal;}
.ml_20{margin-left:20px;}

#outpage .clearDiv{height:70px;}
#outpage .blank{height:50px;}
#outpage .blank2{height:25px;}
#outpage .blank3{height:15px;}

#outpage .contType{border:1px solid #ddd; padding:20px 30px; background:#f6f6f6; margin:7px 0 0;}
#outpage .contType2{border:3px solid #f3f3f3; padding:20px 30px; margin:7px 0 0; border-radius:15px; overflow:hidden;}
#outpage .contType3{position:relative; border:5px solid #ddd; padding:0px; margin:0;}
#outpage .contType3:before{content:''; position:absolute; width:750px; height:5px; background:#f6f6f6; left:85px; top:-5px;}
#outpage .contType3:after{content:''; position:absolute; width:750px; height:5px; background:#f6f6f6; left:85px; bottom:-5px;}
#outpage .cont-box{border:2px dashed #ddd; padding:15px 25px;}
#outpage u{padding:2px 0; border-bottom:1px solid #999; text-decoration:none;}
#outpage b{font-weight:500; color:#393939;}
#outpage .stxt{font-size:15px;}
.txt_bar{display:block; width:75px; height:5px; border-radius:50px; background:var(--sub-color2); padding:0; margin:20px 0;}
.ls{padding:0 7.5px;}
.point-tit{font-family:'yg-jalnan'; font-size:22px; color:var(--sub-color); font-weight:normal; letter-spacing:0; padding:10px 0;}
.point-tit img{vertical-align:-15px;}
.point-tit2{font-family:'yg-jalnan'; font-size:30px; color:var(--sub-color); font-weight:normal; letter-spacing:1px; padding:0 0 15px;}
.point-tit2 span{font-size:16px; color:var(--sub-color2);}
.point-tit2 p{font-size:16px; color:var(--sub-color2); line-height:1.4; margin:0 0 7px;}
.aname{border:0px solid #ccc; overflow:hidden; position:relative; padding:50px 0 0;}
.group_blank{border:0px solid #ccc; overflow:hidden; position:relative; padding:75px 0;}
.pc-none{display:none;}


#outpage .gudok{border:2px dashed #ddd; padding:15px 25px;width:50%;margin:0px auto;text-align:center;font-weight:700;}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
.notosanskr * { 
 font-family: 'Noto Sans KR', sans-serif;
}

/* 공통 테이블 */
.table_list{width:100%; overflow:hidden; padding:0 0 10px; margin:0px; line-height:1.5; color:#333; font-size:16px; letter-spacing:0px;}
.table_list caption{display:none;}
.table_list th{padding:15px 20px; background:#f3f7fc; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:var(--tit-color); text-align:center; font-weight:500 !important;}
.table_list th.tline {border-top:2px solid var(--main-color);}
.table_list td.tline {border-top:2px solid var(--main-color);}
.table_list th.trn {border-right:none;}
.table_list td.trn {border-right:none;}
.table_list td.tbn {border-bottom:none;}
.table_list td{padding:15px 10px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table_list th:last-of-type{border-right:0;}
.table_list td:last-of-type{border-right:0;}
.table_list td.tl{text-align:left; padding:15px 20px 15px 25px;}
.table_list td.tr{text-align:right; padding-right:25px;}
.table_list td.tc{text-align:center;}
.table_list td.trl{border-right:1px solid #ddd;}
.table_list td ul{padding:5px 0 5px 7px !important; margin:0 !important; list-style:none;}
.table_list td ul li{padding:5px 0 5px 17px !important; position:relative !important; line-height:1.5 !important;}
.table_list td ul li:before{content:''; position:absolute; width:7px; height:7px; background:#bbb; left:0; top:12px !important; border-radius:100px;}
.table_list td.point{font-weight:500 !important; color:var(--main-color) !important;}

.table_list2{width:100%; overflow:hidden; padding:0 0 10px; margin:0px; line-height:1.5; color:#333; font-size:16px; letter-spacing:0px;}
.table_list2 caption{display:none;}
.table_list2 th{padding:15px 5px; background:#f3f7fc; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:var(--tit-color); text-align:center; font-weight:500 !important;}
.table_list2 th.tline {border-top:2px solid var(--main-color);}
.table_list2 td.tline {border-top:2px solid var(--main-color);}
.table_list2 th.trn {border-right:none;}
.table_list2 td.trn {border-right:none;}
.table_list2 td.tbn {border-bottom:none;}
.table_list2 td{padding:15px 5px; text-align:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table_list2 th:last-of-type{border-right:0;}
.table_list2 td:last-of-type{border-right:0;}
.table_list2 td.tl{text-align:left; padding:15px 20px 15px 25px;}
.table_list2 td.tr{text-align:right; padding-right:25px;}
.table_list2 td.tc{text-align:center;}
.table_list2 td.trl{border-right:1px solid #ddd;}
.table_list2 td ul{padding:5px 0 5px 7px !important; margin:0 !important; list-style:none;}
.table_list2 td ul li{padding:5px 0 5px 17px !important; position:relative !important; line-height:1.5 !important;}
.table_list2 td ul li:before{content:''; position:absolute; width:7px; height:7px; background:#bbb; left:0; top:12px !important; border-radius:100px;}
.table_list2 td.point{font-weight:500 !important; color:var(--main-color) !important;}

/* 탭메뉴 */
#outpage .tabmenu{overflow:hidden; display:flex; flex-wrap:wrap; margin:0 auto;}
#outpage .tabmenu a{flex:1; text-align:center; float:left; display:block; margin:0 0.3% 0.3% 0; color:#4e555d; border:1px solid #999; padding:10px 0 10px; box-sizing:border-box; background:#eee; line-height:1.3; font-weight:500;}
#outpage .tabmenu a dl{display:table-cell; vertical-align:middle; width:185px; height:45px; text-align:center;}
#outpage .tabmenu a:hover{background:#999; color:#fff; transition-duration:0.5s; border:1px solid #999;}
#outpage .tabmenu .tabon{background:var(--main-color); color:#fff; font-weight:600; border:1px solid var(--main-color);}

#outpage .tabmenu2{overflow:hidden; display:flex; flex-wrap:wrap; margin:0 auto 2%; background:#eee; border-radius:100px;}
#outpage .tabmenu2 a{flex:1; text-align:center; float:left; display:block; margin:0; color:#333; padding:1.5% 0 1%; box-sizing:border-box; background:#eee; font-family: 'NEXON Lv1 Gothic OTF'; font-size:17px; letter-spacing:1px;}
#outpage .tabmenu2 a:hover{background:#dbe8f5; font-weight:500; transition-duration:0.5s; border-radius:100px;}
#outpage .tabmenu2 .tabon{background:#82b5e7; color:#fff; font-weight:600; border-radius:100px;}

#outpage .tabmenu3{overflow:hidden; display:flex; flex-wrap:wrap; margin:0px 0px 35px 0px; border-top:1px solid var(--sub-color2);}
#outpage .tabmenu3 a{width:33.3%; text-align:center; border:1px solid var(--sub-color2); border-left:0; border-top:0; border-radius:0px; display:block; margin:0; color:var(--tit-color2); padding:7px 0; box-sizing:border-box;}
#outpage .tabmenu3 a:hover{background:#ecf1f7; border-radius:0px; transition-duration:0.4s; color:var(--main-color);}
#outpage .tabmenu3 a:nth-child(1){border-left:1px solid var(--sub-color2);}
#outpage .tabmenu3 a:nth-child(4){border-left:1px solid var(--sub-color2);}
#outpage .tabmenu3 .tabon{background:#82b5e7; color:#fff; font-weight:500;}

#outpage .tabmenu4{overflow:hidden; display:flex; flex-wrap:wrap; margin:0px 0px 35px 0px; border-top:1px solid var(--sub-color2);}
#outpage .tabmenu4 a{width:50%; text-align:center; border:1px solid var(--sub-color2); border-left:0; border-top:0; border-radius:0px; display:block; margin:0; color:var(--tit-color2); padding:7px 0; box-sizing:border-box;}
#outpage .tabmenu4 a:hover{background:#ecf1f7; border-radius:0px; transition-duration:0.4s; color:var(--main-color);}
#outpage .tabmenu4 a:nth-child(1){border-left:1px solid var(--sub-color2);}
#outpage .tabmenu4 a:nth-child(3){border-left:1px solid var(--sub-color2);}
#outpage .tabmenu4 .tabon{background:#82b5e7; color:#fff; font-weight:500;}

/* 버튼모음 */
.bu_box .bu_font{background:#7494b1; padding:5px 27px 6px; margin:0; box-sizing:border-box; display:inline-block; text-align:center; border-radius:100px; font-weight:400; font-size:17px;}
.bu_box .bu_font:hover{background:#999; transition-duration:1s; color:#fff;}
.bu_box a{text-decoration:none; color:#fff;}
.bu_box a i{font-size:19px; vertical-align:-2px;}

.bu_box2 .bu_font2{background:var(--main-color); padding:12px 30px 14px; margin:0; box-sizing:border-box; display:inline-block; text-align:center; border-radius:10px; font-weight:400;}
.bu_box2 .bu_font2:hover{background:var(--sub-color); transition-duration:1s; color:#fff;}
.bu_box2 a{text-decoration:none; color:#fff;}
.bu_box2 a i{font-size:19px; vertical-align:-2px; margin-left:25px;}

.bu_box3 .bu_font3{background:#ec5526; padding:5px 27px 6px; margin:5px 0 0; box-sizing:border-box; display:inline-block; text-align:center; border-radius:100px; font-weight:400; font-size:17px;}
.bu_box3 .bu_font3:hover{background:#ec8e26; transition-duration:1s; color:#fff;}
.bu_box3 a{text-decoration:none; color:#fff;}
.bu_box3 a i{font-size:19px; vertical-align:-2px;}
.bu_box3 a img{vertical-align:-5px;}


/* 인사말 */
.greeting_top_bg{padding:0px; margin:0 0 10px; background:#f9f8ed url(/outpage/img/greeting_top_bg.png)no-repeat left top; border-radius:15px; display:inline-block; width:100%;}
.greeting_top_bg dl{height:128px; vertical-align:middle; display:table-cell; width:100%;}
.greeting-tit{font-size:25px; font-weight:500; padding:0; margin:0; display:block; color:var(--main-color); font-family: 'Cafe24Dongdong-v2'; letter-spacing:-1.3px;}
.greeting_box{padding:45px 55px; margin:0; border:2px dashed #ddd; display:block; border-radius:15px;}


/* 법인소개 */
.corpor-tit{text-align:center; border:1px solid var(--sub-color2); padding:10px 70px; display:inline-block; margin:5px 0 0; border-radius:100px; font-size:25px; color:var(--sub-color); font-family: 'yg-jalnan'; letter-spacing:1px;}
.corpor-info{display:flex; padding:0; margin:20px 0 0;}
.corpor-info dl{flex:1;}
.corpor-info dl img{max-width:100%; width:100%;}
.mv_list{display:block; list-style:none; overflow:hidden; padding:0; margin:0;}
.mv_list .mv_tit_box{width:210px; float:left; display:inline-block; padding:7px; margin:0; border:2px dashed #ddd; border-radius:100%; position:relative;}
.mv_list .mv_tit_box:before{content:''; position:absolute; width:70px; height:1px; background:#ddd; right:-70px; top:50%;}
.mv_list .mv_tit_box dl{width:210px; height:210px; display:table-cell; vertical-align:middle; text-align:center; padding:0; margin:0; background:#82b5e7; border-radius:100%; font-size:27px; font-weight:600; color:#fff; line-height:1.4;}
.mv_list .mv_tit_box dl span{font-size:13px; letter-spacing:2px; font-weight:500; line-height:1.4; font-family: 'Cafe24ClassicType-Regular';}
.mv_list .mv_txt_box{width:68%; float:right; font-size:23px; padding:65px 0; margin:30px 0 0; border:1px solid #ddd; border-radius:20px; text-align:center; color:var(--tit-color);font-family: 'yg-jalnan'; letter-spacing:0px; letter-spacing:0.5px;}
.mv_list2{display:block; list-style:none; overflow:hidden; padding:0; margin:0;}
.mv_list2 .mv_tit_box{width:210px; float:left; display:inline-block; padding:7px; margin:0; border:2px dashed #ddd; border-radius:100%; position:relative;}
.mv_list2 .mv_tit_box:before{content:''; position:absolute; width:70px; height:1px; background:#ddd; right:-70px; top:50%;}
.mv_list2 .mv_tit_box dl{width:210px; height:210px; display:table-cell; vertical-align:middle; text-align:center; padding:0; margin:0; background:#879ae1; border-radius:100%; font-size:27px; font-weight:600; color:#fff; line-height:1.4;}
.mv_list2 .mv_tit_box dl span{font-size:13px; letter-spacing:2px; font-weight:500; line-height:1.4; font-family: 'Cafe24ClassicType-Regular';}
.mv_list2 .mv_txt_box{width:68%; float:right; padding:25px 40px; margin:0px; border:1px solid #ddd; border-radius:20px; color:var(--tit-color); box-sizing:border-box;}
.mv_list2 .mv_txt_box p{display:block; overflow:hidden; padding:0; margin:0 0 10px;}
.mv_list2 .mv_txt_box p span{font-weight:400; width:20%; float:left; display:block; margin:0; padding:3px 20px; border-radius:100px; color:#333;}
.mv_list2 .mv_txt_box p span font{border:2px solid #fff; border-radius:100%; padding:3.5px 7px; font-size:20px; font-family: 'yg-jalnan';}
.mv_list2 .mv_txt_box p span:nth-child(2){width:70%; float:right; display:block; padding:5px 0 0; margin:0;}
.mv_list2 .mv_txt_box p span b{font-size:19px;}
.corpor_biz{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0;}
.corpor_biz li{width:48%; margin:0 2% 2% 0; padding:25px 0; border:1px solid #ddd; border-top:0; box-sizing:border-box; border-radius:10px 10px 0 0;}
.corpor_biz li:nth-child(1){border-top:4px solid var(--sub-color2);}
.corpor_biz li:nth-child(2){border-top:4px solid #9fa9e4;}
.corpor_biz li:nth-child(3){border-top:4px solid #a5ddce;}
.corpor_biz li:nth-child(4){border-top:4px solid #e9cd9e;}
.corpor_biz li:nth-child(5){border-top:4px solid #efcbd6;}
.corpor_biz li p{font-size:20px; line-height:1.4; color:var(--tit-color); font-weight:600; border-bottom:1px dashed #ccc; padding:0 35px 10px; margin:0 0 10px; letter-spacing:0px;}
.cb_li dl{position:relative; padding:0 0 0 55px; margin:0;}
.cb_li dl:before{content:''; position:absolute; width:6px; height:6px; background:var(--sub-color2); border-radius:100px; left:39px; top:12px;}
.cb_li2 dl{position:relative; padding:0 0 0 55px; margin:0;}
.cb_li2 dl:before{content:''; position:absolute; width:6px; height:6px; background:#9fa9e4; border-radius:100px; left:39px; top:12px;}
.cb_li3 dl{position:relative; padding:0 0 0 55px; margin:0;}
.cb_li3 dl:before{content:''; position:absolute; width:6px; height:6px; background:#a5ddce; border-radius:100px; left:39px; top:12px;}
.cb_li4 dl{position:relative; padding:0 0 0 55px; margin:0;}
.cb_li4 dl:before{content:''; position:absolute; width:6px; height:6px; background:#e9cd9e; border-radius:100px; left:39px; top:12px;}
.cb_li5 dl{position:relative; padding:0 0 0 55px; margin:0;}
.cb_li5 dl:before{content:''; position:absolute; width:6px; height:6px; background:#efcbd6; border-radius:100px; left:39px; top:12px;}
.corpor_his{padding:0; margin:0; display:block; overflow:hidden; position:relative;}
.corpor_his:before{content:''; position:absolute; width:1px; height:100%; left:55px; top:0; background:var(--sub-color2); z-index:-1;}
.corpor_his .corpor_his_box{display:block; overflow:hidden; padding:0; margin:20px 0;}
.corpor_his_box .corpor_his_y{font-size:20px; width:12%; float:left; display:block; box-shadow:0 0 0 2px inset var(--sub-color2); background:#fff; border-radius:100px; padding:5px 0 3px; text-align:center; color:var(--sub-color); font-family: 'Cafe24ClassicType-Regular'; letter-spacing:0.5px;}
.corpor_his_box .corpor_his_wrap{width:88%; float:right; display:block; padding:0; margin:5px 0 0; list-style:none;}
.corpor_his_box .corpor_his_wrap li{margin:0 0 7px; padding:0; display:block; overflow:hidden;}
.corpor_his_wrap .corpor_his_m{width:12%; float:left; padding:2px 0 0; display:block; font-weight:600; font-size:18px; text-align:right; font-family: 'NEXON Lv1 Gothic OTF'; letter-spacing:1px; color:var(--tit-color);}
.corpor_his_wrap .corpor_his_txt{width:83%; float:right; display:block; padding:2px 0 0 15px; margin:0; position:relative; box-sizing:border-box;}
.corpor_his_wrap .corpor_his_txt:before{content:''; position:absolute; width:6px; height:6px; background:var(--sub-color2); border-radius:100px; left:0; top:14px;}
.corpor_biz2{display:block; overflow:hidden; padding:0; margin:0;}
.corpor_biz_l{width:49%; float:left; display:block; padding:0; margin:0;}
.corpor_biz_l_wrap{border:1px solid #ddd; box-sizing:border-box;padding-bottom:20px;}
.corpor_biz_r{width:49%; float:right; display:block; padding:0; margin:0;}
.corpor_biz_r_wrap{border:1px solid #ddd; box-sizing:border-box; margin-bottom:4%;}
.corpor_biz_box{padding:20px 35px 20px; margin:0 0; border-bottom:0px dashed #ddd;}
.corpor_biz_box .ulblank{margin:0 0 4px !important;}
.corpor_biz_box2{padding:20px 35px 15px; margin:0 0;}
.corpor_biz_tit{background:var(--sub-color2); padding:15px; text-align:center; font-size:20px; font-weight:600; color:#fff;}
.corpor_biz_tit2{background:#879ae1; padding:15px; text-align:center; font-size:20px; font-weight:600; color:#fff;}
.corpor_biz_tit3{background:#82d3bd; padding:15px; text-align:center; font-size:20px; font-weight:600; color:#fff;}
.corpor_biz_part{font-size:17px; padding:5px 0 0px 20px; font-weight:600; color:var(--tit-color); position:relative;}
.corpor_biz_part:before{content:''; position:absolute; width:14px; height:15px; box-shadow:0 0 0 3px inset var(--sub-color2); left:-4px; top:13px; border-radius:4px;}
.corpor_biz_part2{font-size:17px; padding:5px 0 5px 20px; font-weight:600; color:var(--tit-color); position:relative;}
.corpor_biz_part2:before{content:''; position:absolute; width:14px; height:15px; box-shadow:0 0 0 3px inset #9fa9e4; left:-4px; top:13px; border-radius:4px;}
.corpor_biz_part3{font-size:17px; padding:5px 0 5px 20px; font-weight:600; color:var(--tit-color); position:relative;}
.corpor_biz_part3:before{content:''; position:absolute; width:14px; height:15px; box-shadow:0 0 0 3px inset #a5ddce; left:-4px; top:13px; border-radius:4px;}

/* 미션비전 */
.mission-tit{display:block; width:30%; border-radius:100px; background:#ebf4fd; padding:15px; margin:0 auto 3%; position:relative; font-size:30px; font-weight:700; color:#589bdd; text-align:center;}
.mission-tit:before{content:''; position:absolute; width:1px; height:65px; background:#82b5e7; left:50%; top:99%; z-index:2;}
.mission-tit p{font-weight:400; font-size:15px; letter-spacing:1.5px; padding-bottom:5px; font-family: 'Cafe24ClassicType-Regular';}
.mission-box{border:3px solid #eee; padding:4% 15% 0; position:relative; margin:40px 0px 0; box-sizing:border-box; font-size:24px; text-align:center; border-radius:20px; color:var(--tit-color); display:block; font-family: 'yg-jalnan'; letter-spacing:1px;}
.mission-box img{max-width:100%; display:block; padding:20px 0 0;}
.vision-tit{display:block; width:30%; border-radius:100px; background:#ebeefc; padding:15px; margin:0 auto 3%; position:relative; text-align:center; font-weight:700; color:#647ddc; font-size:30px;}
.vision-tit:before{content:''; position:absolute; width:1px; height:52px; background:#879ae1; left:50%; top:99%; z-index:2;}
.vision-tit p{font-weight:400; font-size:15px; letter-spacing:1.5px; font-family: 'Cafe24ClassicType-Regular';}
.vision_li{display:flex; flex-wrap:wrap; padding:0; margin:40px 0 0; list-style:none;}
.vision_li li{flex:1; text-align:center; padding:0 0 20px; margin:10px 25px 10px 0; display:block; box-shadow:0 0 0 3px inset #eee; border-radius:5px 5px 0 0;}
.vision_li li:last-of-type{margin-right:0;}
.vision_li li p{font-style:normal; font-size:22px; padding:10px 0; margin-bottom:15px; display:block; color:#fff; background:#82b5e7; border-radius:5px; letter-spacing:1px; line-height:1.4; font-family: 'yg-jalnan'; letter-spacing:1px;}
.vision_li li:nth-child(2) p{background:#879ae1;}
.vision_li li:nth-child(3) p{background:#82d3bd;}
.vision_li li span{padding:0 25px 0; margin:0; display:block;}
.value-tit{display:block; width:30%; border-radius:100px; background:#e7f6f2; padding:15px; margin:0 auto 3%; position:relative; text-align:center; font-weight:700; color:#50b599; font-size:30px;}
.value-tit:before{content:''; position:absolute; width:1px; height:52px; background:#a5ddce; left:50%; top:99%; z-index:2;}
.value-tit p{font-weight:400; font-size:15px; letter-spacing:1.5px;  font-family: 'Cafe24ClassicType-Regular';}
.value_li{list-style:none; display:flex; padding:0; margin:0;}
.value_li li{flex:1; padding:0; margin:20px 0 0; text-align:center;}
.value_box{width:270px; display:inline-block; padding:0; margin:0;}
.value_box dl{display:table-cell; vertical-align:middle; width:270px; height:270px; background:#f1f0ea; border-radius:100%;}
.value_tit{font-size:22px; font-weight:700; color:var(--tit-color); font-family: 'yg-jalnan'; letter-spacing:1px;}
.value_txt{line-height:1.4; margin:10px 0 0;}

/* 지역안내 */
.local_tab{display:flex; flex-wrap:wrap; padding:0; margin:0; position:relative;}
.local_tab:before{content:''; position:absolute; width:100%; height:20px; border-radius:100px; left:0; top:45%; background:var(--sub-color2); z-index:-1;}
.local_tab a{display:inline-block; width:160px; margin:0 25px; box-sizing:border-box;}
.local_tab a:first-of-type{margin-left:70px;}
.local_tab a dl{width:160px; height:160px; display:table-cell; vertical-align:middle; text-align:center; box-shadow:0 0 0 7px inset var(--sub-color2); border-radius:100%; color:var(--sub-color2); font-size:22px; font-weight:700; background:#fff; line-height:1.3;}
.local_tab a dl:hover{box-shadow:0 0 0 7px inset var(--sub-color); color:var(--sub-color);}
.local_tab a .tabon{box-shadow:0 0 0 7px inset var(--sub-color); color:var(--sub-color);}
.local_tab a dl i{font-size:40px;}
.local_li{padding:0; margin:0; list-style:none; display:block;}
.local_li li{border:1px solid #ddd; padding:7px 35px; margin:0 0 10px; border-radius:5px; overflow:hidden; position:relative;}
.local_li li i{display:block; font-size:20px; position:absolute; left:23px; top:12.5px; color:var(--sub-color2);}
.local_li li span{padding:0 0 0 15px; margin:0; display:block;}
.local_tab b{font-size:30px;color:var(--main-color) !important;background:#f2f2f2;border-radius:50%;padding:0px 15px;}

/* 연혁 */
.his-tab{overflow:hidden; display:flex; margin:0 auto 2%; position:relative;}
.his-tab:before{content:''; position:absolute; background:#82b5e7; width:930px; height:3px; left:0; bottom:0;}
.his-tab a{flex:1; text-align:center; float:left; display:block; margin:0 0.3% 0.3% 0; color:#333; padding:1.5% 0 1%; box-sizing:border-box; background:#eee; font-family: 'NEXON Lv1 Gothic OTF'; font-size:23px; letter-spacing:1px; border-radius:10px 10px 0 0;}
.his-tab a:hover{background:#dbe8f5; transition-duration:0.5s;}
.his-tab .tabon{background:#82b5e7; color:#fff; font-weight:600; border-radius:10px 10px 0 0;}
.his_top_tit{font-size:50px; text-align:center; color:#ddd; font-family: 'Cafe24ClassicType-Regular'; letter-spacing:1px;}
.his_top_tit img{vertical-align:-7px;}
.his-box{overflow:hidden; padding:0 0 20px; margin:0; position:relative;}
.his-box:before{content:''; position:absolute; width:1px; height:100%; background:#ddd; left:22%; top:0;}
.his-tit{font-size:35px; font-weight:700; width:27%; float:left; display:block; font-family: 'Cafe24ClassicType-Regular'; color:var(--main-color); padding-left:15px; box-sizing:border-box;}
.his-info{width:73%; float:right; padding:15px 0 0;}
.his-y{font-size:24px; font-weight:500; font-family: 'Cafe24ClassicType-Regular'; color:var(--sub-color); padding:0 0 10px; margin:0; position:relative;}
.his-y:before{content:''; position:absolute; width:23px; height:23px; background:#fff; box-shadow:0 0 0 3px #ccc inset; left:-58px; top:7px; border-radius:100%;}
.his-info-li{overflow:hidden; display:block; padding:0 0 10px;}
.his-ym{width:20%; float:left; display:block; font-weight:500; font-family: 'NEXON Lv1 Gothic OTF'; letter-spacing:1px; padding:0 0 0 3px; margin:0; box-sizing:border-box;}
.his-txt{width:80%; float:right; list-style:none;}
.his-txt li{padding:0 0 5px 17px; position:relative; line-height:1.5;}
.his-txt li:before{content:''; position:absolute; width:6px; height:6px; background:var(--sub-color2); left:0; top:10px; border-radius:100px;}


/* 오시는길 */
.map-info{list-style:none; padding:0; margin:0; overflow:hidden; display:flex; flex-wrap:wrap;}
.map-info li{width:50%; padding:20px 0; overflow:hidden; border-bottom:1px dashed #ccc; position:relative;}
.map-info li:nth-child(1){width:100%;}
.map-info li i{font-size:30px; padding:0 13px 0 0; vertical-align:-6px; color:var(--sub-color);}
.map-info li:before{content:''; position:absolute; width:30px; height:30px; background:#dcebf8; z-index:-1; border-radius:100px; left:7px; top:25px;}
.map-info li span{font-weight:500; padding:0 30px 0 0; font-size:19px; letter-spacing:1px;}

.map-site{display:block; padding:0; margin:0;}
.map-site a{display:inline-block; padding:2px 20px; margin:0 0 0 2px; background:#fbbc05; color:#333; font-size:15px; border-radius:5px;}
.map-site a:nth-child(2){background:#34a853; color:#fff;}
.map-site a:nth-child(3){background:#4285f4; color:#fff;}

.traffic_guide{padding:0; margin:0 0 25px; display:block; overflow:hidden;}
.traffic_tit{width:20%; float:left; display:inline-block; padding:25px 0 0; margin:0; border-top:3px solid var(--sub-color2); color:var(--tit-color); text-align:center; font-size:20px; font-weight:500; letter-spacing:1px;}
.traffic_info{list-style:none; width:70%; float:right; display:block; box-shadow:0 0 0 3px inset #f3f3f3; padding:25px 35px;}
.traffic_info li{margin:0 0 10px;}
.traffic_info li:last-of-type{margin:0;}
.traffic_info li .div1{font-weight:500; position:relative; padding:0 0 0 18px; color:var(--tit-color);}
.traffic_info li .div1:before{content:''; position:absolute; width:10px; height:10px; border-radius:100px; background:#606d00; left:0; top:10px;}
.traffic_info li .div2{font-weight:500; position:relative; padding:0 0 0 18px; color:var(--tit-color);}
.traffic_info li .div2:before{content:''; position:absolute; width:10px; height:10px; border-radius:100px; background:#37b42d; left:0; top:10px;}
.traffic_info li .div3{font-weight:500; position:relative; padding:0 0 0 18px; color:var(--tit-color);}
.traffic_info li .div3:before{content:''; position:absolute; width:10px; height:10px; border-radius:100px; background:#80ce79; left:0; top:10px;}

/* 사업안내 */
.biz_top_bg{overflow:hidden; padding:0; margin:0; display:block;}
.biz_top_bg_img{background:url(/outpage/img/biz_01_01_bg.jpg)no-repeat right 25px bottom;}/* 맨스키친 */
.biz1_2_top_bg_img{background:url(/outpage/img/biz_01_02_bg.jpg)no-repeat right bottom;}/* 느린학습자 */
.biz1_3_top_bg_img{background:url(/outpage/img/biz_01_06_bg.jpg)no-repeat right 25px bottom;}/* 어르신문해교육 청춘학당 */
.biz1_4_top_bg_img{background:url(/outpage/img/biz_01_2_02_bg.jpg)no-repeat right 20px bottom;}/* 정서지원 오순도순 */
.biz1_5_top_bg_img{background:url(/outpage/img/biz_01_05_bg.jpg)no-repeat right 15px bottom;}/* 돌봇 */
.biz1_6_top_bg_img{background:url(/outpage/img/biz_01_04_bg.jpg)no-repeat right bottom;}/* 장애가정아동성장멘토링 */
.biz1_7_top_bg_img{background:url(/outpage/img/biz_01_2_01_bg.jpg)no-repeat right bottom;}/* 위대한밥상 */
.biz1_8_top_bg_img{background:url(/outpage/img/biz_01_2_03_bg.jpg)no-repeat right bottom;}/* 구로의일상을지켜라 */
.biz1_9_top_bg_img{background:url(/outpage/img/biz_01_07_bg.jpg)no-repeat right 25px bottom;}/* 노인일자리 */
.biz2_top_bg_img{background:url(/outpage/img/biz_02_01_bg.jpg)no-repeat right 20px bottom;}/* 행복자판기 */
.biz2_2_top_bg_img{background:url(/outpage/img/biz_02_02_bg.jpg)no-repeat right bottom;}/* 슬기로운 환경생활 */
.biz2_3_top_bg_img{background:url(/outpage/img/biz_02_03_bg3.jpg)no-repeat right 30px bottom;}/* 주민복지증진사업 */
.biz2_4_top_bg_img{background:url(/outpage/img/biz_02_04_bg3.jpg)no-repeat right 15px bottom; padding:15px 0;}/* 우리동네방네 */
.biz2_5_top_bg_img{background:url(/outpage/img/biz_02_05_bg3.jpg)no-repeat right 30px bottom 20px;}/* 시끄러운도선관활성화 */
.biz2_6_top_bg_img{background:url(/outpage/img/biz_02_06_bg2.jpg)no-repeat right 30px bottom;}/* 자원개발및관리 */
.biz3_top_bg_img{background:url(/outpage/img/biz_03_02_bg.jpg)no-repeat right 30px bottom;}/* 결연후원사업 */
.biz3_1_top_bg_img{background:url(/outpage/img/biz_03_01_bg.jpg)no-repeat right 20px bottom; padding:15px 0;}/* KT&G복지재단 */
.biz3_3_top_bg_img{background:url(/outpage/img/biz_03_03_bg2.jpg)no-repeat right 20px bottom;}/* 무료이동목욕 */
.biz3_4_top_bg_img{background:url(/outpage/img/biz_03_04_bg.jpg)no-repeat right 20px bottom;}/* 사례관리 */
.biz3_5_top_bg_img{background:url(/outpage/img/biz_03_05_bg.jpg)no-repeat right 20px bottom 10px;}/* 지역밀착형 걸음망 */
.biz3_6_top_bg_img{background:url(/outpage/img/biz_03_06_bg.jpg)no-repeat right 25px bottom; padding:20px 0;}/* 희망온돌 */
.biz4_top_bg_img{background:url(/outpage/img/biz_04_bg.jpg)no-repeat right 20px bottom;}/* 교육문화 */
.biz5_top_bg_img{background:url(/outpage/img/biz_05_bg.jpg)no-repeat right 15px bottom 10px; padding:20px 0;}/* 도담가족지원센터 */
.biz6_top_bg_img{background:url(/outpage/img/biz_06_bg.jpg)no-repeat right 20px bottom 20px;}/* 시끄러운 도서관 */
.biz1_1_5_top_bg_img{background:url(/outpage/img/biz1_1_5_top_bg_img.jpg)no-repeat right bottom;}/* 구로구노인복지기금지원사업 */
.biz1_1_6_top_bg_img{background:url(/outpage/img/biz1_1_6_top_bg_img.jpg)no-repeat right bottom;}/* 가족요리프로그램사업*/

.biz2_4_2_top_bg_img{background:url(/outpage/img/biz2_4_2_top_bg_img.jpg)no-repeat right 20px bottom;}/* 집수리 마법사 */
.biz2_3_2_top_bg_img{background:url(/outpage/img/biz2_3_2_top_bg_img.jpg)no-repeat right 20px bottom;}/* 양성평등 가족행복찾기 */
.biz1_2_4_top_bg_img{background:url(/outpage/img/biz1_2_4_top_bg_img.jpg)no-repeat right bottom;}/* 살림남 */
.biz_info_box{width:55%; float:left; display:block; padding:35px 0px 35px 50px; box-sizing:border-box;}
.biz_info_box2{width:100%; display:block; padding:35px 75px; text-align:center; box-sizing:border-box;}
.biz_info_box3{width:55%; float:left; display:block; padding:65px 0px 65px 50px; box-sizing:border-box;}

.biz_step_li{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0;}
.biz_step_li li{padding:0; margin:0 50px 30px 0; border-radius:100px; font-weight:500; position:relative; width:180px; display:inline-block;}
.biz_step_li li dl{box-shadow:0 0 0 4px inset var(--sub-color2); width:180px; height:180px; display:table-cell; vertical-align:middle; text-align:center; line-height:1.4; border-radius:100%;}
.biz_step_li li dl p{padding:5px 0 0;}
.biz_step_li li dl p span{font-size:15px;}
.biz_step_li li:before{content:''; position:absolute; width:55px; height:55px; background:url(/outpage/img/next.png)no-repeat; right:-60px; top:38%; background-size:75%;}
.biz_step_li li:last-of-type:before{display:none;}
.biz_step_li li font{font-size:15px;}

.rental_step_li{display:flex; list-style:none; padding:0 !important; margin:0 !important;}
.rental_step_li > .tli{flex:1; padding:3px !important; margin:0 !important; border-radius:100px; font-weight:500; display:block; border-bottom:0 !important; position:relative;}
.rental_step_li > .tli > .tl_div{display:inline-block; width:146px;}
.rental_step_li > .tli > .tl_div > .tlidl{border:3px solid var(--sub-color2); width:140px; height:140px; display:table-cell; vertical-align:top; text-align:center; line-height:1.4; border-radius:100%; padding:0 10px;}
.rental_step_li > .tli > .tl_div > .tlidl > font{font-size:14px; display:block; border-bottom:1px solid #ccc; color:var(--sub-color); margin:0 0 7px; padding:23px 0 7px; font-weight:600;}

.biz_call_wrap{overflow:hidden; padding:0; margin:0; display:block;}
.biz_call{width:13%; float:left; display:block; padding:0; margin:0;}
.biz_call img{display:block;}
.biz_call_info{width:87%; float:right; display:block; padding:0; margin:0; letter-spacing:0;}
.biz_call_info dl{padding-top:17px;}

.biz_program{display:block; overflow:hidden; padding:0; margin:0;}
.biz_program li{width:100%; display:block; padding:0; margin:0 0 15px; overflow:hidden;}
.biz_program li .biz5_tit{width:150px; display:inline-block; float:left; }
.biz_program li .biz5_tit dl{display:table-cell; vertical-align:middle; width:150px; height:150px; background:#82b5e7; border-radius:100%; text-align:center; font-weight:500; color:#fff; font-size:19px;position:relative;}
.biz_program li:nth-child(2) .biz5_tit dl{background:#879ae1;}
.biz_program li:nth-child(3) .biz5_tit dl{background:#82d3bd;}
.biz_program li:nth-child(4) .biz5_tit dl{background:#9bd382;}
.biz_program li:nth-child(5) .biz5_tit dl{background:#fd8f4d;}
.biz_program li:nth-child(6) .biz5_tit dl{background:#fb97b5;}
.biz_program li .biz5_txt{width:80%; float:right; display:inline-block; padding:0; margin:10px 0;}
.biz_program li .biz5_txt dl{display:table-cell; vertical-align:middle; width:80%; height:130px; box-shadow:0 0 0 3px inset #f3f3f3; border-radius:20px; padding:30px 30px 30px 50px; box-sizing:border-box;}
.biz_program li .biz5_txt dl p{position:relative; padding:0; margin:0;}
.biz_program li .biz5_txt dl p:before{content:''; position:absolute; width:6px; height:6px; background:#ccc; left:-15px; top:11px; border-radius:100px;}
.biz_program li .biz5_tit dl:after{content:''; position:absolute; width:46px; height:3px; background:#f3f3f3; right:-37px; top:45%; z-index:-1;}

.biz5_info{background:#f5f5f5; border-radius:10px; padding:20px 35px; text-align:center; margin:0 0 10px;}
.biz5_info span{color:#ccc; padding:0 10px;}

.check_list{border:1px solid #ececec; background:#f7f7f7; padding:25px 30px; margin:0; display:block; list-style:none; border-radius:20px;}
.check_list li{border-bottom:1px dashed #ddd; padding:0 0 7px; margin:0 0 7px; overflow:hidden; display:block;}
.check_list li i{display:block; width:4%; float:left; padding:6px 0 0; font-size:20px; color:var(--sub-color2);}
.check_list li span{width:96%; float:right; display:block;}
.biz_time_guide{display:flex; flex-wrap:wrap; overflow:hidden; padding:0; margin:0;}
.biz_time_guide dl{padding:0 40px 0 0;}

.biz_img_li{display:flex; padding:0; margin:0 0 10px; list-style:none;}
.biz_img_li li{flex:1; padding:0; margin:0 10px 0 0; text-align:center; display:block;}
.biz_img_li li:last-of-type{margin:0;}
.biz_img_li li img{max-width:100%; width:100%; display:block;}
.biz_img_li li p{background:#eee; margin:5px 0 0; padding:10px 0; font-weight:400;}

/* 참여이야기 */
.sup_top_bg{display:block; padding:0; margin:0; overflow:hidden;}
.sup_top_tit{font-size:20px; text-align:center; font-weight:500; font-family: 'HallymMjo-Regular'; color:var(--main-color); letter-spacing:-1px;}
.cor-biz{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0;}
.cor-biz dl{flex:1 1 40%; box-shadow:0 0 0 3px #eee inset; margin:0 10px 20px 0; padding:25px; border-radius:10px; overflow:hidden; display:block;}
.cor-biz dl:nth-child(2n){margin:0 0 20px 10px;}
.cor-biz dl .cor-i{width:25%; float:left; display:block;}
.cor-biz dl .cor-txt{width:70%; float:right; display:block; padding:10px 0;}
.cor-biz dl .cor-txt p{font-size:20px; font-weight:500; color:var(--sub-color);}
.cor-biz dl .cor-i2{width:25%; float:left; display:block; font-size:35px; font-family: 'Cafe24ClassicType-Regular'; font-style:italic; color:var(--sub-color2); padding:0 0 0 10px; box-sizing:border-box;}
.cor-biz dl .cor-txt2{width:73%; float:right; display:block; padding:10px 0;}
.cor-biz dl .cor-txt2 p{font-size:20px; font-weight:500; color:var(--sub-color);}
.sup_top_r{width:55%; float:right; display:block; padding:35px 25px 35px; box-sizing:border-box;}
.sup_top_l{width:45%; float:left; display:block;}
.support_li{display:flex; list-style:none; padding:0; margin:0;}
.support_li li{flex:1; text-align:center; margin:0 25px 0 0; position:relative;}
.support_li li:before{content:''; position:absolute; width:1px; height:75px; background:#ddd; right:-13px; bottom:0;}
.support_li li:last-of-type{margin:0;}
.support_li li:last-of-type:before{display:none;}
.support_li li p{font-weight:500;}
@font-face {
    font-family: 'HallymMjo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2204@1.0/HallymMjo-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
.vol_list{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none;}
.vol_list li{width:230px; margin:0 30px 0px; text-align:center; display:inline-block; padding:7px; border-radius:100%; border:3px dotted #dbe5f1;}
.vol_list li dl{width:230px; height:230px; display:table-cell; vertical-align:middle; background:#e1edfb; border-radius:100%; padding:0; margin:0;}
.vol_list li:nth-child(4){margin-left:185px;}
.vol_list li dl p{font-size:20px; font-weight:500; color:var(--main-color);}
.training_li{list-style:none; padding:10px 20px;}
.training_li li{overflow:hidden; display:block; padding:0 0 20px; margin:0 0 20px; border-bottom:1px dashed #ddd;}
.training_li li:last-of-type{margin:0;}
.training_li li span{width:15%; float:left; display:block; color:var(--sub-color); font-size:19px; font-weight:500; position:relative; padding-left:25px; box-sizing:border-box;}
.training_li li span:before{position:absolute; content:''; width:15px; height:15px; box-shadow:0 0 0 4px inset var(--sub-color2); left:0; top:9px; border-radius:100px;}
.training_li li .tr_info{width:84%; float:right; display:block; padding:3px 0 0;}

.ttlist{padding:5px 0 0; margin:0; list-style:none;}
.ttlist dd{padding:0 0 10px 17px; position:relative; line-height:1.5;}
.ttlist dd:before{content:''; position:absolute; width:6px; height:6px; background:#ccc; left:0; top:10px; border-radius:50px;}

/*구로3동 우리동네 키움센터*/

.area_tab{width:100%;padding:0; margin:0; position:relative;}
.area_tab > ul{display:flex;padding:0; margin:0; position:relative;list-style:none !important;width:100%;border:0px solid #000;justify-content:center;}
.area_tab > ul > li{flex-grow:1; padding:0; margin:0; position:relative;list-style:none !important;margin:0px;padding:0px;display:block;border:0px solid #000;background:url("../img/arrow_right.png")no-repeat right 45px;}
.area_tab > ul > li:last-child{background:none !important}

.area_tab > ul > li:before{content:''; position:absolute; width:6px; height:6px; background:none !important;left:0px !iportant; top:51px !important; border-radius:100px;}
.area_tab > ul > li > span{display:inline-block; width:100px; margin:0 0px; box-sizing:border-box;text-align:center;}

.area_tab ul li span dl{width:100px; height:100px; display:table-cell; vertical-align:middle; text-align:center; box-shadow:0 0 0 5px inset var(--sub-color2); border-radius:100%; color:var(--sub-color2); font-size:18px; font-weight:700; background:#fff; line-height:1.3;list-style:none;background:f2f2f2 !important;}
.area_tab ul li span dl:hover{box-shadow:0 0 0 5px inset var(--sub-color); color:var(--sub-color);}
.area_tab ul li span .tabon{box-shadow:0 0 0 7px inset var(--sub-color); color:var(--sub-color);}
.area_tab ul li span dl i{font-size:40px;}
.area_tab ul li a{color:#333 !important;}


.area_tab h3{border-bottom:1px solid #ddd;text-align:left;font-size:16px !important;padding:0px;background:none !important;}

.area_tab span{color:#333;}


/* 채용 공시 - 인재상 */
.recruit_li{display:flex; padding:0; margin:7px 0 0; list-style:none; border:1px solid #ddd; border-radius:10px;}
.recruit_li li{flex:1; border-right:1px solid #ddd; padding:0px; text-align:center;}
.recruit_li li:last-of-type{border:0;}
.recruit_li li div{position:relative; display:block; margin:0 auto; padding:15px; background:#82b5e7; font-size:19px; line-height:1.4; color:#fff; font-family: 'yg-jalnan'; border-radius:10px 0 0 0;}
.recruit_li li:nth-child(2) div{background:#879ae1; border-radius:0;}
.recruit_li li:nth-child(3) div{background:#82d3bd; border-radius:0 10px 0 0;}
.recruit_li li p{padding:15px 25px 20px; line-height:1.4;}
.recruit_txt{color:var(--sub-color); font-weight:500; text-align:center; font-size:19px; padding-bottom:10px;}

.biz_check_info{display:block; padding:10px 0; margin:0; list-style:none;}
.biz_check_info li{padding:0 0 10px 24px; position:relative; line-height:1.5;}
.biz_check_info li:before{content:'★'; position:absolute; width:6px; height:6px; left:0; top:0px; border-radius:50px;}