@charset "utf-8";

/* Site Layout - Outpage */
#outpage {font-size:clamp(14px, 2.3vw, 18px); line-height:1.6; color:#454545; font-weight:400; width:100%; letter-spacing:0px; max-width:100%; display:block; position:relative; margin:0px auto; padding:0px; word-break:keep-all; box-sizing:border-box;}
#outpage .imgView{width:100%;text-align:center;}
#outpage .imgView3{width:100%;text-align:center;padding:50px 0px;}
#outpage .mbr{display:none;}

.max100{max-width:100% !important; margin:0 auto; display:block;}
.max1240{max-width:1240px !important; margin:0 auto; display:block;}
.max1100{max-width:1100px !important; margin:0 auto; display:block;}

.content-box{max-width:1240px; margin:0 auto; display:block;}
.content-blank{height:70px;}
.idblank{border:0px solid #ccc; overflow:hidden; position:relative; padding:150px 0;}
.aname{border:0px solid #ccc; overflow:hidden; position:relative; padding:150px 0;}

#outpage hr{border:#ccc 1px dashed; border-top:0px; border-left:0px; border-right:0px; padding:0 0 1%; margin:0 0 1% 0;}
.tit_wrap{ margin-bottom:50px; text-align:center;}
.tit_wrap h1{ font-size:42px; font-weight:800; color:#333; padding-bottom:10px;clear:both; width:100%}
.tit_wrap > div{ width:70px; height:5px; margin:20px auto;  display:flex; justify-content:center;}
.tit_wrap > div > div:first-child{background:#666;width:40px;}
.tit_wrap > div > div:last-child{background:var(--point-color2);width:40px;}
.tit_wrap p{font-size:16px; padding-bottom:15px; color:#777; letter-spacing:1.5px;}
.tit_wrap .top_stit{font-size:16px; padding-bottom:15px; color:var(--point-color2); letter-spacing:1.5px;}

#outpage h3{font-size: clamp(20px, 4vw, 30px); color:#333; font-weight:700; padding:0; margin:0 0 20px; line-height:1.3; position:relative; font-family: 'Pretendard';}
#outpage h3 span{font-size: clamp(20px, 4vw, 30px); font-weight:600; color:#fff; background:var(--point-color2); padding:1px 20px 3px; margin:0; border-radius:100px;}
#outpage h4{font-size:clamp(20px, 4vw, 30px); color:#333; font-weight:700; padding:0px 0 0px 28px; margin:0 0 7px; position:relative;}
#outpage h4:before{content:''; position:absolute; width:15px; height:30px; box-shadow:0 0 0 4px var(--point-color) inset; left:0; top:10px; border-radius:20px;}
#outpage h4 span{font-size:20px; font-weight:500; color:#fff; background:var(--point-color); padding:3px 15px 3px; margin:0 0 0 5px; border-radius:100px;}
#outpage h5{font-size:25px; color:#333; font-weight:600; padding:0; margin:0 0 10px;}
#outpage h5 dl{font-size:21px; display:inline-block; background:var(--point-color); color:#fff; border-radius:100px; padding:3px 30px; margin:0;}
#outpage h5 span{font-size:23px; color:var(--point-color2); position:relative; padding:0 0 0 28px;}
#outpage h5 span:before{content:''; position:absolute; width:15px; height:16px; border-radius:0 5px 0 5px; box-shadow:0 0 0 4px inset var(--point-color2); left:0px; top:4px; font-size:18px; color:var(--point-color2);}
#outpage h6{font-size:19px; color:#333; font-weight:600; padding:0; margin:0 0 3px;}
#outpage h6 span{display:inline-block; background:var(--point-color2); color:#fff; border-radius:100px; position:relative;padding:3px 30px; margin:0;}
.h4_tit{color:var(--point-color2) !important; position:relative; display:inline-block;}
.h4_tit:before{position:absolute; content:''; width:6px; height:6px; background:var(--point-color2); border-radius:100%; right:-15px; top:4px;}


@media( max-width:1280px ){
	#outpage{max-width:100% !important;}
}

@media( max-width:1200px ){
	.max1240{max-width:75% !important;}
}
@media( max-width:992px ){
	#outpage {font-size:17px !important; line-height:1.5 !important;}
	.max1240{max-width:90% !important;}
	.content-box{max-width:100%; margin:0 auto; display:block;}
	.content-blank{height:50px;}
	.h4_tit:before{width:5px; height:5px; right:-12px; top:4px;}}
}

@media( max-width:1024px ){
	.tablet-none{display:none;}
}
@media( max-width:815px ){
	.mobile-none2{display:none;}
	.pc-none2{display:block !important;}
	.mobile-none{display:none;}
	.pc-none{display:block !important;}
}
@media( max-width:768px ){
	#outpage h3 span{font-size:17px;}
	#outpage h4{font-size:25px;}
    #outpage h4:before{top:5px;}
}
@media( max-width:430px ){
	#outpage {font-size:16px !important;}
	#outpage h4{font-size:20px; padding:5px 0 5px 27px; margin:0 0 5px;}
	#outpage h4:before{top:7px;}
	#outpage h5{font-size:18px;}
	#outpage h5 dl{font-size:17px; padding:10px 20px 11px; display:block;}
	#outpage h6{font-size:18px;}
}
@media( max-width:380px ){
	#outpage {font-size:15px !important;}
	#outpage h6{font-size:12pt;}
	#outpage h3 span{font-size:15px;}
	#outpage h5 dl{font-size:15px; padding:10px 20px 11px; display:block;}
}

.pc-none{display:none;}
.pc-none2{display:none;}
.clearDiv{height:75px;width:100%;clear:both;}
.blank{height:40px; display:block;}
.blank2{height:25px; display:block;}
.blank3{height:15px; display:block;}
.hidden{display:block; height:0; width:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden;}

.contType{border:1px solid #ddd; padding:25px 30px; background:#f7f7f7; margin:7px 0 0; border-radius:10px;}
.contType i{font-size:25px; color:var(--point-color3); padding-right:12px; vertical-align:-3.5px;}
.contType2{background:#f5f7f3; padding:35px 40px; margin:0; box-sizing:border-box !important; border-radius:20px;}
.contType3{position:relative; border:7px solid #ddd; padding:30px; margin:10px auto; display:block; border-radius:20px;}
.contType3:before{content:''; position:absolute; width:80%; height:7px; background:#f7f7f7; left:50%; top:-7px; transform: translate(-50%, 0);}
.contType3:after{content:''; position:absolute; width:80%; height:7px; background:#f7f7f7; left:50%; bottom:-7px; transform: translate(-50%, 0);}
.contType4{border:1px solid var(--point-color4); padding:50px 40px; margin:30px 0 0; box-sizing:border-box !important;}
.contType5{border:1px solid #d6d6d6; background:#f7f7f7; padding:20px 30px; margin:0; border-radius:10px; position:relative;}
.contType5 i{position:absolute; width:12%; left:35px; top:30px; font-size:25px; color:var(--point-color3); vertical-align:-5px;}
.contbox{border:7px solid var(--point-color); background:#fff; border-radius:15px; position:relative; margin:12px 0 0; padding:50px 75px; text-align:left; display:block;}
.contbox:before{content:''; position:absolute; width:80%; height:7px; left:50%; top:-7px; transform: translate(-50%, 0); background:#f7f7f7;}
.contbox:after{content:''; position:absolute; width:80%; height:7px; left:50%; bottom:-7px; transform: translate(-50%, 0); background:#f7f7f7;}
.contbox2{border:1px solid #d6d6d6; padding:12px 25px 10px; margin:10px 0 0; border-radius:15px;}
#outpage .contbox2 > .ulli{padding:7px 0; list-style:none;}
#outpage .contbox2 > .ulli > li{padding:0 0 0 35px; margin-bottom:5px; position:relative;}
#outpage .contbox2 > .ulli > li:before{content:'\f058'; font-family:'fontawesome'; position:absolute; width:24px; height:24px; color:var(--point-color5); left:0px; top:-3px; border-radius:100px; font-size:24px;}
.ulli_point{background:#f85983; color:#fff; font-weight:600; display:inline-block; padding:2px 13px 4px; border-radius:100px;}

.point_txt{font-size:22px; text-align:center;}
.point_txt b{font-weight:500 !important;}

.stxt{font-size:16px; line-height:1.4 !important;}
.stxt2{font-size:16px; line-height:1.4 !important; padding:5px 0 0;}
.pl30{padding-left:30px;}

@media( max-width:1200px ){
	.clearDiv{height:50px;}
	.blank{height:30px;}
	.blank2{height:20px;}
	.blank3{height:15px;}
}
@media( max-width:650px ){
	.contType2{padding:25px; margin:20px 0 0;}
	.contType3{padding:20px 10px;}
	.contType3:before{width:70%;}
	.contType3:after{width:70%;}
	.contType5{padding:20px; margin:3px 0 0;}
	.contType5 i{left:20px; top:22px;}
	.contbox{border:5px solid var(--point-color); padding:50px 50px;}
	.contbox:before{height:5px; top:-5px;}
	.contbox:after{height:5px; bottom:-5px;}
	.contbox2{padding:12px 25px 10px;}
	.ulli_point{padding:0; border-radius:0px;}
}
@media( max-width:430px ){
	.contType{padding:20px 20px;}
	.contbox{padding:25px; font-size:16px;}
	.contbox2{padding:10px 15px 10px;}
	#outpage .contbox2 > .ulli > li{padding:0 0 0 27px;}
	#outpage .contbox2 > .ulli > li:before{top:-2px; font-size:20px;}
}
@media( max-width:380px ){
	.clearDiv{height:50px;}
	.contbox{padding:20px; font-size:16px;}
	#outpage .contbox2 > .ulli > li:before{font-size:18px;}
}

/* 공통 탭메뉴 */
#outpage .tabmenu{display:flex; flex-wrap:wrap; margin:30px 0; position:relative; gap:2px;}
#outpage .tabmenu:before{content:''; position:absolute; width:100%; height:3px; background:var(--point-color2); left:0; bottom:0;}
#outpage .tabmenu a{flex:1; text-align:center; background:#fff; border:3px solid #ededed; border-bottom:0; display:block; margin:0; color:#333; padding:23px 0; box-sizing:border-box; font-weight:500; font-size:20px; transition: all 0.5s ease; line-height:1.4;}
#outpage .tabmenu a:hover{color:var(--point-color2); background:#ededed;}
#outpage .tabmenu .tabon{background:#fff; color:var(--point-color2); border:3px solid var(--point-color2); border-bottom:0; position:relative; font-weight:700;}
#outpage .tabmenu .tabon:before{content:''; position:absolute; width:100%; height:3px; background:#fff; left:0; bottom:-3px;}
#outpage .tabmenu .tabon:hover{background:#fff;}

@media( max-width:768px ){
	#outpage .tabmenu a{font-size: clamp(14px, 2vw, 20px); padding:16px 0;}
}

#outpage .tabmenu_{display:flex; flex-wrap:wrap; margin:30px 0; position:relative; gap:2px;}
#outpage .tabmenu_:before{content:''; position:absolute; width:100%; height:4px; background:#ff7700; left:0; bottom:0;}
#outpage .tabmenu_ a{flex:1; text-align:center; background:#fff; border:4px solid #ededed; border-bottom:0; display:block; margin:0; color:#333; padding:23px 0; box-sizing:border-box; font-weight:500; font-size:23px; transition: all 0.5s ease; line-height:1.4;}
#outpage .tabmenu_ a:hover{color:#ff7700; background:#ededed;}
#outpage .tabmenu_ .tabon{background:#fff; color:#ff7700; border:4px solid #ff7700; border-bottom:0; position:relative; font-weight:700;}
#outpage .tabmenu_ .tabon:before{content:''; position:absolute; width:100%; height:4px; background:#fff; left:0; bottom:-4px;}
#outpage .tabmenu_ .tabon:hover{background:#fff;}

@media( max-width:768px ){
	#outpage .tabmenu_{margin:10px 0 30px; gap:7px 2%;}
	#outpage .tabmenu_:before{display:none;}
	#outpage .tabmenu_ a{flex:none; width:49%; border:3px solid #ededed; border-bottom:3px solid #ededed; padding:15px 0; font-size:15px;}
	#outpage .tabmenu_ .tabon{border:3px solid var(--point-color2); border-bottom:3px solid var(--point-color2);}
	#outpage .tabmenu_ .tabon:before{display:none;}
}

#outpage .tabmenu2{display:flex; flex-wrap:wrap; margin:30px 0; gap:5px;}
#outpage .tabmenu2 a{flex:1; text-align:center; background:#dce7d6; border-radius:7px; display:block; margin:0; color:#505963; padding:15px 0; box-sizing:border-box; font-weight:500; font-size:20px; transition: all 0.5s ease;}
#outpage .tabmenu2 a:hover{background:var(--point-color2); color:#fff;}
#outpage .tabmenu2 .tabon2{background:var(--point-color2); color:#fff; border:1px solid var(--point-color2);}


@media( max-width:1080px ){
	#outpage .tabmenu2{margin:15px 0; gap:5px 0.5%; flex-wrap:wrap;}
	#outpage .tabmenu2 a{width:32.3%; flex:none; border-radius:4px; padding:15px 0; font-size:19px;}
}
@media( max-width:570px ){
	#outpage .tabmenu2{gap:3px 1%;}
	#outpage .tabmenu2 a{width:49%; padding:12px 0; font-size:17px;}
}
@media( max-width:400px ){
	#outpage .tabmenu2 a{font-size:15px;}
}

/* 버튼모음 */
.bu_box .bu_font{background:var(--point-color); padding:10px 40px; margin:0; box-sizing:border-box; display:inline-block; text-align:center; border-radius:100px; font-weight:500;}
.bu_box .bu_font:hover{background:var(--point-color); transition-duration:1s; color:#fff;}
.bu_box a{text-decoration:none; color:#fff;}
.bu_box a .icon_left{font-size:22px; padding-right:20px; vertical-align:0px;}
.bu_box a .icon_right{font-size:22px; padding-left:25px; vertical-align:0px;}
.bu_box a img{vertical-align:-5px;}
.bu_box a i{font-size:22px; vertical-align:-3px; padding-left:10px;}

.bu_box2{padding:0; margin:12px auto 0; display:block; width:25%;}
.bu_box2 .bu_font2{border:2px solid var(--point-color); padding:20px 50px; margin:0; box-sizing:border-box; display:block; text-align:left; border-radius:10px; font-weight:500; position:relative; font-size: clamp(17px, 3.7vw, 20px); transition: all 0.7s ease;}
.bu_box2 .bu_font2:before{content:'\f138'; position:absolute; font-family:'fontawesome'; width:17px; height:17px; font-size: clamp(18px, 3.5vw, 22px); right:45px; top:37%; transform: translate(0, -50%);}
.bu_box2 a{text-decoration:none; color:var(--point-color2);}
.bu_box2 a i{font-size:27px; padding-right:10px; vertical-align:-5px;}
.bu_box2 a img{vertical-align:-10px;}
.bu_box2 .bu_font2:hover{border:2px dashed var(--point-color2); transition-duration:1s;}

.bu_box3_wrap{display:flex; flex-wrap:wrap; overflow:hidden; padding:0; margin:25px 0 10px;}
.bu_box3_wrap .bu_box3{margin:0 5px 0 0;}
.bu_box3 .bu_font3{font-size:16px; font-weight:600; background:var(--point-color); padding:5px 40px 5px 20px; margin:0; box-sizing:border-box; display:inline-block; border-radius:100px; position:relative; transition: all 0.4s ease; color:#fff;}
.bu_box3 .bu_font3:before{content:'\f054'; font-family:'fontawesome'; position:absolute; width:20px; height:20px; right:14px; top:50%; transform: translate(0, -50%);font-size:13px; transition: all 0.4s ease;}
.bu_box3 .bu_font3:hover{background:var(--point-color2); padding:5px 37px 5px 23px; color:#fff; text-decoration:none;}
.bu_box3 .bu_font3:hover:before{right:10px;}
.bu_box3 a{text-decoration:none; color:#fff;}
.bu_box3 a img{vertical-align:-5px;}

@media( max-width:1080px ){
	.bu_box2{width:35%;}
}

@media( max-width:750px ){
	.bu_box2{width:50%;}
}
@media( max-width:550px ){
	.bu_box2{width:65%;}
	.bu_box3 .bu_font3{font-size:13px; padding:4px 30px 5px 15px;}
	.bu_box3 .bu_font3:before{right:8px; font-size:12px;}
}
@media( max-width:430px ){
	.bu_box .bu_font{padding:12px 35px; margin:0 0 10px 0;}
	.bu_box2{width:75%;}	
	.bu_box2 .bu_font2{padding:17px 35px;}
}
@media( max-width:380px ){
	.bu_box .bu_font{padding:12px 25px;}
}

/* 공통테이블 */
.table_list{width:100%; overflow:hidden; padding:0px; margin:0px;font-size:clamp(14px, 2vw, 19px); line-height:1.5;}
.table_list caption{display:none;}
.table_list th{padding:10px; background:#B8E8FF; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; font-weight:600; color:#333; text-align:center; word-break:keep-all;}
.table_list th:last-of-type{border-right:0px solid #ddd;}
.table_list td:last-of-type{border-right:0px solid #ddd;}
.table_list th.bg{background:#f6f6f6;}
.table_list td.bg{background:#fafbfd;}
.table_list td.bg2{background:#f7f7f7; font-weight:400;}
.table_list th.tline {border-top:3px solid var(--point-color);}
.table_list td.tline {border-top:3px solid var(--point-color);}
.table_list th.tline2 {border-top:3px solid #1f75c3;}
.table_list td.tline2 {border-top:3px solid #1f75c3;}
.table_list th.trn {border-right:none;}
.table_list td.trn {border-right:none;}
.table_list td.tln {border-left:none !important;}
.table_list th.tll{border-left:1px solid #ddd;}
.table_list td.tll{border-left:1px solid #ddd;}
.table_list th.trl{border-right:1px solid #ddd;}
.table_list td.trl{border-right:1px solid #ddd;}
.table_list td.tbn {border-bottom:0px dotted #ddd;}
.table_list th.tbn {border-bottom:0px dotted #ddd;}
.table_list td{padding:5px; text-align:center !important; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#454545; position:relative; font-weight:400 !important; word-break:keep-all;}
.table_list td.tl{text-align:left !important; padding-left:30px;}
.table_list td.tl2{text-align:left; padding-left:40px;}
.table_list td.tr{text-align:right; padding-right:30px;}
.table_list td.tc{text-align:center;}
.table_list td ul{padding:0px 0 !important; list-style:none;}
.table_list td ul li{padding:0 0 0 20px; margin-bottom:3px !important; position:relative;}
.table_list td ul li:last-of-type{margin-bottom:0;}
.table_list td ul li:before{content:''; position:absolute; width:5px; height:5px; background:var(--point-color); left:0px; top:11px !important; border-radius:100px;}
.table_list td.button{width:115px; height:20px; padding:3px 15px 10px 15px; margin:0px; margin-top:15px; background:#be1e2d; text-decoration:none; letter-spacing:-1px;}
.table_list td.button a{color:#fff; text-decoration:none; font-weight:bold; font-size:10.5pt;}
.table_list td .bar{padding:0 20px; font-weight:300; color:#ccc;}
.table_list td a{color:#454545;}
.table_list td a:hover{text-decoration:underline;}
.table_list th i{color:var(--point-color2); padding-right:15px;}
@media( max-width:992px ){
.table_list th{padding:10px 10px;}
.table_list td{padding:10px 10px;}
.table_list td.tl{padding-left:10px;}
.table_list td.tl2{padding-left:10px;}
.table_list td.tr{padding-right:0px;}
.table_list td.tc{text-align:center;}
.table_list td ul{padding:0px 0 !important; list-style:none;}
.table_list td ul li{padding:0 0 0 15px; margin-bottom:5px; position:relative;}
.table_list td ul li:before{content:''; position:absolute; width:4px; height:4px; background:var(--point-color); left:3px; top:7px !important; border-radius:100px;}
.table_list td .button{width:115px; height:20px; padding:3px 15px 10px 15px; margin:0px; margin-top:15px; background:#be1e2d; text-decoration:none; letter-spacing:-1px;}
.table_list td .button a{color:#fff; text-decoration:none; font-weight:bold; font-size:10.5pt;}
}
@media( max-width:768px ){
.table_list{white-space:nowrap;}
.table_list td .bar{display:none;}
}

.table_auto{overflow:auto;}
.hidden{display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}


/* 아코디언 형식 글 정렬 속성 */
.part_con{ width:100%; float:left; display:block;}
.part_acc{ margin-bottom:15px; }
.part_acc:last-child{ margin-bottom:0; }
.part_acc_title{ position:relative; font-size:20px !important; font-weight:500 !important; padding:13px 0px 13px 0px !important; cursor:pointer; border-bottom:1px solid #eee !important; color:var(--main-color);}
.part_acc_title:after{ content:'\002B'; width:30px; height:30px; position:absolute; top:15px; right:25px; color:#fff; border-radius:100%; display:flex; justify-content:center; align-items:center; font-size:15px; background-color:var(--main-color); border:1px solid var(--main-color);}
.part_acc.on .part_acc_title:after{ content:'\2212'; color:var(--main-color); background-color:#fff; border:1px solid var(--main-color);}
.part_acc_con{ padding-top:0px; display:none; }
.part_img_wrap{ display:block; margin:0; overflow:hidden; background:#f5f7f3;}
/*.info_box{padding:25px 35px 30px; overflow:hidden; margin:0; display:block;}*/

@media( max-width:650px ){
	.part_acc_title{font-size:13px !important; font-weight:600 !important; padding:12px 25px 12px 0px !important; display:block;}
	.part_acc_title:after{top:10%; background-size:100%;}
	.part_acc.on .part_acc_title:after{background-size:100%;}
	.part_acc_title:after{width:20px; height:20px; top:12px; right:0px;}
	.info_box{padding:15px 10px; font-size:12px;}
	#outpage .mbr{display:block;}
}

.list_wrap{padding:0px; margin:0;}
.list_wrap ol{padding:7px 0 0 20px !important;}
.list_wrap ol li{padding:0 0 0 5px; margin:0 0 10px;}
.list_wrap ol[data-list-style-type='num'] > li:nth-child(1)::marker { content: '1. ';}
.list_wrap ol[data-list-style-type='num'] > li:nth-child(2)::marker { content: '2. ';}
.list_wrap ol[data-list-style-type='num'] > li:nth-child(3)::marker { content: '3. ';}
.list_wrap ol[data-list-style-type='num'] > li:nth-child(4)::marker { content: '4. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(5)::marker { content: '5. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(6)::marker { content: '6. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(7)::marker { content: '7. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(8)::marker { content: '8. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(9)::marker { content: '9. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(10)::marker { content: '10. '; }

.list_wrap2{padding:0px; margin:0;}
.list_wrap2 ol{padding:7px 0 0 15px !important;}
.list_wrap2 ol li{padding:0 0 0 7px; margin:0 0 5px;}
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(1)::marker { content: '①';}
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(2)::marker { content: '②';}
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(3)::marker { content: '③';}
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(4)::marker { content: '④'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(5)::marker { content: '⑤'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(6)::marker { content: '⑥'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(7)::marker { content: '⑦'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(8)::marker { content: '⑧'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(9)::marker { content: '⑨'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(10)::marker { content: '⑩'; }
.list_wrap2 hr{border-bottom:1px dashed #aaa !important; border-top:0px !important; border-left:0px !important; border-right:0px !important; padding:10px 0 0px !important; margin:0px 0 20px !important;}

.list_wrap3{padding:0px; margin:0;}
.list_wrap3 ol{padding:7px 0 0 15px !important;}
.list_wrap3 ol li{padding:0 0 0 10px; margin:0 0 10px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(1)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(2)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(3)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(4)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(5)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(6)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(7)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(8)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(9)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(10)::marker { content: '※'; font-size:18px;}
.list_wrap3 hr{border-bottom:1px dashed #aaa !important; border-top:0px !important; border-left:0px !important; border-right:0px !important; padding:10px 0 0px !important; margin:0px 0 20px !important;}


/* 공통 리스트 타입 코드 */
/* type1 - 1열 */
.list_type1_wrap{display:block; padding:0; margin:0; list-style:none;}
.list_type1_wrap li{margin:0 0 7px 0; padding:20px 25px; border:1px solid #d6d6d6; border-radius:15px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type1_wrap li span{display:block; padding:0 0 0 35px; margin:0; position:relative;}
.list_type1_wrap li span:before{content:'\f058'; position:absolute; width:24px; height:24px; font-size:clamp(18px, 5vw, 22px); font-family:'fontawesome'; left:2px; top:-3px; color:var(--point-color); line-height:1.5;}
@media( max-width:768px ){
	.list_type1_wrap li span:before{top:-4px;}
}
@media( max-width:650px ){
	.list_type1_wrap li span:before{top:-2px;}
}
@media( max-width:430px ){
	.list_type1_wrap li{padding:20px 20px;}		
	.list_type1_wrap li span{padding:0 0 0 30px;}
}
@media( max-width:380px ){
	.list_type1_wrap li{padding:20px 15px;}	
	.list_type1_wrap li span{padding:0 0 0 27px;}
}
/* type2 - 2열 */
.list_type2_wrap{display:flex; flex-wrap:wrap; padding:0; margin:15px 0 0; list-style:none; gap:20px;}
.list_type2_wrap li{flex:0 0 calc(50% - 10px); margin:0; padding:20px 25px; border:1px solid #d6d6d6; border-radius:15px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type2_wrap li span{display:block; padding:0 0 0 35px; margin:0; position:relative;}
.list_type2_wrap li span:before{content:'\f058'; position:absolute; width:24px; height:24px; font-size:clamp(18px, 5vw, 22px); font-family:'fontawesome'; left:2px; top:-2px; color:var(--point-color); line-height:1.5;}
.list_type2_wrap li .stxt{font-size:clamp(14px, 2.2vw, 16px);}
@media( max-width:768px ){
	.list_type2_wrap li span:before{top:-4px;}	
}
@media( max-width:650px ){
	.list_type2_wrap{gap:10px;}
	.list_type2_wrap li{flex:0 0 calc(100% - 0px); padding:20px 20px;}
	.list_type2_wrap li:nth-child(2n){margin:0 0 7px 0;}
	.list_type2_wrap li span:before{top:-2px;}	
}
@media( max-width:430px ){
	.list_type2_wrap li span{padding:0 0 0 30px;}
	.list_type2_wrap li span:before{font-size:20px;}	
}
@media( max-width:380px ){
	.list_type2_wrap li{padding:20px 15px;}	
	.list_type2_wrap li span{padding:0 0 0 27px;}
	.list_type2_wrap li span:before{top:-6px;}
}
/* type3 - 2열 */
.list_type3_wrap{display:flex; flex-wrap:wrap; padding:0; margin:0px 0 0; list-style:none;}
.list_type3_wrap li{width:49%; margin:0 0.5% 1% 0; padding:20px 20px; border:1px solid var(--point-color4); border-radius:15px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type3_wrap li:nth-child(2n){margin:0 0 1% 0.5%;}
.list_type3_wrap li i{width:10%; float:left; display:block; font-size:30px; background:linear-gradient(var(--point-color),var(--point-color3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:var(--point-color3); padding:3px 0 0; margin:0; text-align:center;}
.list_type3_wrap li span{width:89%; float:right; display:block; padding:0; margin:0;}
@media( max-width:950px ){
	.list_type3_wrap li i{width:8%; padding:0;}
	.list_type3_wrap li span{width:91%;}	
}
@media( max-width:650px ){
	.list_type3_wrap li{width:100%; margin:0 0 7px;}
	.list_type3_wrap li:nth-child(2n){margin:0 0 7px 0;}
	.list_type3_wrap li i{width:10%;}
	.list_type3_wrap li span{width:88%; font-size:18px;}
}
@media( max-width:480px ){
	.list_type3_wrap li i{width:12%;}
	.list_type3_wrap li span{width:83%; font-size:17px;}
}

.list_type3_wrap2{display:flex; flex-wrap:wrap; padding:0; margin:0px 0 0; list-style:none;}
.list_type3_wrap2 li{width:100%; margin:0 0 1% 0; padding:20px 20px; border:1px solid var(--point-color4); border-radius:15px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type3_wrap2 li i{width:7%; float:left; display:block; font-size:30px; background:linear-gradient(var(--point-color),var(--point-color3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:var(--point-color3); padding:3px 0 0; margin:0; text-align:center;}
.list_type3_wrap2 li span{width:93%; float:right; display:block; padding:0; margin:0;}
.list_type3_wrap2 li span p{font-weight:600; padding-bottom:5px; color:#333;}
.list_type3_wrap2 li span dl{padding:0; margin:0px 0 5px; font-size:17px; line-height:1.4;}

@media( max-width:950px ){
	.list_type3_wrap2 li i{width:8%; padding:0px; box-sizing:border-box;}
	.list_type3_wrap2 li span{width:91%;}
}
@media( max-width:650px ){
	.list_type3_wrap2 li i{width:10%;}
	.list_type3_wrap2 li span{width:88%;}
	.list_type3_wrap2 li span p{font-size:18px;}
}
@media( max-width:480px ){
	.list_type3_wrap2 li i{width:12%;}
	.list_type3_wrap2 li span{width:83%;}
	.list_type3_wrap2 li span dl{font-size:15px;}
}

.list_type3_wrap3{display:flex; flex-wrap:wrap; padding:0; margin:0px 0 0; list-style:none; gap:20px;}
.list_type3_wrap3 li{flex:1 1 40%; margin:0 0.5% 1% 0; padding:25px 30px; border:1px solid var(--point-color4); border-radius:15px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type3_wrap3 li i{width:17%; float:left; display:block; padding:3px 0 0; margin:0;}
.list_type3_wrap3 li i img{max-width:100%; width:100%; display:block;}
.list_type3_wrap3 li span{width:75%; float:right; display:block; padding:10px 0 0; margin:0;}
.list_type3_wrap3 li span p{font-weight:600; padding-bottom:7px; color:#333;}
.list_type3_wrap3 li span dl{padding:0; margin:0px 0 5px; font-size:17px; line-height:1.4;}

@media( max-width:950px ){
	.list_type3_wrap3{gap:10px;}
}
@media( max-width:650px ){
	.list_type3_wrap3{gap:5px;}
	.list_type3_wrap3 li{flex:1 1 100%; padding:20px;}
	.list_type3_wrap3 li i{width:20%;}
	.list_type3_wrap3 li span p{font-size:18px;}
}
@media( max-width:480px ){
	.list_type3_wrap3 li span dl{font-size:16px;}
}
@media( max-width:400px ){
	.list_type3_wrap3 li{padding:15px 15px;}
	.list_type3_wrap3 li span dl{font-size:15px;}
}

/* type4 */
.list_type4_wrap{display:flex; list-style:none; padding:0; margin:0;}
.list_type4_wrap li{flex:1; margin:0 2% 0 0; padding:25px; text-align:center; border:1px solid #d6d6d6; border-radius:15px; font-weight:500;}
.list_type4_wrap li:last-of-type{margin:0;}
.list_type4_wrap li p{padding-bottom:15px;}
.list_type4_wrap li p i{font-size:15px; font-style:normal; display:inline-block; background:var(--point-color3); color:#fff; padding:4px 12px 2px; border-radius:100px; font-family:'S-CoreDream-6Bold';}
.list_type4_wrap li .icon_size{max-width:100%; width:25%; display:block;}
@media( max-width:650px ){
	.list_type4_wrap{flex-wrap:wrap;}
	.list_type4_wrap li{flex:none; width:100%; margin:0 0 10px;}
	.list_type4_wrap li:last-of-type{margin:0 0 10px;}
}

.list_type4_wrap2{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0; gap:20px;}
.list_type4_wrap2 li{flex:1 1 30%; margin:0; padding:30px 25px; text-align:center; border:1px solid var(--point-color4); border-radius:15px;}
.list_type4_wrap2 li p{font-weight:600; padding-bottom:7px; color:#333;}
.list_type4_wrap2 li dl{padding:0; margin:0; display:block; font-size:17px; line-height:1.4;}
.list_type4_wrap2 li i{width:22%; margin:0 auto; display:block; padding:0 0 10px;}
.list_type4_wrap2 li i img{max-width:100%; width:100%; padding:0; margin:0;}

@media( max-width:950px ){
	.list_type4_wrap2 li i{width:27%;}
}
@media( max-width:650px ){
	.list_type4_wrap2{gap:10px;}
	.list_type4_wrap2 li{flex:1 1 40%;}
	.list_type4_wrap2 li i{width:45%;}
	.list_type4_wrap2 li p{font-size:18px;}
}
@media( max-width:480px ){
	.list_type4_wrap2 li dl{font-size:16px;}
}
@media( max-width:400px ){
	.list_type4_wrap2 li{padding:20px 12px;}
	.list_type4_wrap2 li dl{font-size:15px;}
}

/* type5 - 후원 */
.list_type5_wrap{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:35px 0 0;}
.list_type5_wrap li{width:49.5%; text-align:center; padding:30px 20px; margin:0 0.5% 1% 0; border:2px solid var(--point-color4); border-radius:15px; background:#fff;}
.list_type5_wrap li:nth-child(2n){margin:0  0 1% 0.5%;}
.list_type5_wrap li .list_type5_img{width:20%; float:left; display:block; padding:0; margin:0;}
.list_type5_wrap li .list_type5_img img{max-width:100%; display:block; width:68%; margin:0 auto;}
.list_type5_wrap li .list_type5_info{width:75%; float:right; display:block; padding:0; margin:0; text-align:left;}
.list_type5_wrap li .list_type5_info .list_type5_tit{font-size:20px; font-weight:600;}
@media( max-width:650px ){
	.list_type5_wrap{margin:30px 0 0;}
	.list_type5_wrap li{flex:none; width:100%; padding:15px 15px; margin:0 0 10px 0;}
	.list_type5_wrap li .list_type5_info .list_type5_tit{font-size:18px;}
	.list_type5_wrap li .list_type5_img img{width:75%;}
}

@media( max-width:380px ){
	.list_type5_wrap li .list_type5_info .list_type5_tit{font-size:17px;}
	.list_type5_wrap li .list_type5_img img{width:85%;}
}
/* type6 - 자원봉사 */
.list_type6_wrap{display:flex; flex-wrap:wrap; padding:0; margin:15px 0 0; list-style:none;}
.list_type6_wrap li{width:49%; margin:0 0.5% 1% 0; padding:20px 25px; border:1px solid #d6d6d6; border-radius:15px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type6_wrap li:nth-child(2n){margin:0 0 1% 0.5%;}
.list_type6_wrap li i{width:12%; float:left; display:block; font-size:25px; color:var(--point-color3); padding:4px 0 0; margin:0; font-family:'S-CoreDream-8Heavy'; font-style:normal;}
.list_type6_wrap li i img{max-width:100%; width:100%; display:block;}
.list_type6_wrap li span{width:83%; float:right; display:block; padding:0px 0 0; margin:0;}

@media( max-width:650px ){
	.list_type6_wrap li{flex:none; width:100%; padding:20px 20px; margin:0 0 10px 0;}
	.list_type6_wrap li:nth-child(2n){margin:0 0 10px 0;}
	.list_type6_wrap li i{width:15%; font-size:20px; padding:4px 0 0;}
	.list_type6_wrap li span{width:85%; padding:0;}
}

@media( max-width:380px ){
	.list_type6_wrap li i{width:20%; font-size:19px; padding:2px 0 0;}
	.list_type6_wrap li span{width:80%;}
}

/* 절차 또는 순서 */
.step_type{display:flex; padding:0; margin:45px 0; list-style:none; overflow:hidden;} 
.step_type li{padding:0; margin:0 1% 0; text-align:center; position:relative;}
.step_type li:before{content:'\f105'; position:absolute; font-family:'fontawesome'; width:25px; height:45px; right:-25px; top:50%; transform: translate(0, -50%); font-size:30px; color:var(--point-color3); line-height:1.5;}
.step_type li:last-of-type:before{display:none;}
.step_type li div{width:196px; display:block; border:3px solid var(--point-color3); border-radius:100%;}
.step_type li div dl{width:190px; height:190px; display:table-cell; vertical-align:middle; font-weight:500;}
.step_type li div dl span{padding:2px 15px 1px; margin:0 0 12px; background:var(--point-color3); color:#fff; font-size:14px; display:inline-block; box-sizing:border-box; border-radius:100px; font-weight:400 !important; font-family: 'S-CoreDream-5Medium';}
@media( max-width:1200px ){
	.step_type{flex-wrap:wrap;}
	.step_type li{margin:0 1% 2%;}
	.step_type li:before{right:-23px;}
	.step_type li div{width:186px;}
	.step_type li div dl{width:180px; height:180px;}	
}
@media( max-width:650px ){
	.step_type{margin:15px 0;}
	.step_type li{width:48%; border:1px solid var(--point-color3); border-radius:7px;}
	.step_type li:before{display:none;}
	.step_type li div{width:100%; display:block; border:0; border-radius:0; padding:10px 0;}
	.step_type li div dl{display:block; width:100%; height:auto;}	
}

/* 절차 또는 순서2 */
.step_type2{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; gap:30px;}
.step_type2 li{flex:1; text-align:center; position:relative; padding:25px; margin:0; border:1px solid #d6d6d6; border-radius:15px; font-weight:600; line-height:1.4;}
.step_type2 li:before{content:'\f105'; position:absolute; font-family:'fontawesome'; width:20px; height:45px; right:-25px; top:50%; transform: translate(0, -50%); color:var(--point-color); font-size:30px; line-height:1.5;}
.step_type2 li:last-of-type:before{display:none;}
.step_type2 li span{padding:4px 20px 2px; margin:0 0 12px; background:var(--point-color); color:#fff; font-size:13px; display:inline-block; box-sizing:border-box; border-radius:100px; letter-spacing:1px;}
.step_type2 li img{display:block; max-width:100%; width:100%;}
.step_type2 li .imgsize{width:25%; padding:0 0 10px; display:block;}
.step_type2 li .imgsize2{width:34%; padding:0 0 10px; display:block;}
.step_type2 li .font-size{font-size:clamp(13px, 2vw, 15px); padding:7px 0 0;}

@media( max-width:800px ){
  .step_type2 li{flex:0 0 calc(33.333% - 20px);}	
  .step_type2 li .imgsize{width:20%;}
}
@media( max-width:650px ){
	.step_type2 li{padding:20px;}
	.step_type2 li:before{height:20px; right:-20px; font-size:20px;}
	.step_type2 li p{font-size:17px;}
	.step_type2 li .imgsize{width:40%;}
}
@media( max-width:560px ){
  .step_type2{gap:20px;}
  .step_type2 li{flex:0 0 calc(50% - 10px);}
}
@media( max-width:430px ){
	.step_type2 li .imgsize{width:65%;}
}
@media( max-width:400px ){
	.step_type2 li{padding:15px 12px;}
	.step_type2 li p{font-size:15px;}
}

/* 절차 또는 순서3 */
.step_type3{display:block; padding:0; margin:15px 0; list-style:none; overflow:hidden;} 
.step_type3 .divbox_wrap{padding:0; margin:0 0 50px; position:relative; overflow:hidden; display:block; border-top:2px solid var(--point-color3);}
.step_type3 .divbox_wrap:last-of-type{margin:0;}
.step_type3 .divbox_wrap .div_icon{width:17%; display:block; border-top:0px solid var(--point-color3); float:left; text-align:center;}
.step_type3 .divbox_wrap .div_icon span{padding:4px 15px 1px; margin:0 0 12px; background:var(--point-color3); color:#fff; font-size:18px; display:block; box-sizing:border-box; border-radius:0 0 15px 15px; font-family: 'S-CoreDream-5Medium';}
.step_type3 .divbox_wrap .div_icon p{font-size:24px; font-weight:600;}
.step_type3 .divbox_wrap .div_info{width:78%; display:block; float:right; padding:50px 0 0; margin:0; text-align:left;}
.step_type3 .divbox_wrap .div_info span{font-size:18px; color:#666; display:block; padding:0; margin:7px 0 0;}
.step_type3 .divbox_wrap .div_info span b{font-weight:500; color:#333;}

@media screen and (max-width: 1024px) {
  .step_type3 li .div_icon {
    width: 25%;
  }

  .step_type3 li .div_info {
    width: 70%;
    padding-top: 30px;
  }

  .step_type3 li .div_icon p {
    font-size: 20px;
  }

  .step_type3 li .div_info span {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .step_type3 li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .step_type3 li .div_icon,
  .step_type3 li .div_info {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
  }

  .step_type3 li .div_icon span {
    margin: 0 auto 10px;
  }

  .step_type3 li .div_info {
    text-align: left;
    padding-top: 10px;
  }
}

@media screen and (max-width: 480px) {
  .step_type3 li .div_icon span {
    font-size: 12px;
    padding: 4px 12px;
  }

  .step_type3 li .div_icon p {
    font-size: 18px;
  }

  .step_type3 li .div_info span {
    font-size: 15px;
  }

  .step_type3 li {
    margin-bottom: 30px;
  }
}

/* 절차 또는 순서4 */
.step_type4{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; gap:25px;}
.step_type4 li{flex:0 0 calc(25% - 25px); text-align:center; position:relative; padding:25px; margin:0; box-sizing:border-box; border:1px solid #d6d6d6; border-radius:15px; font-weight:600; line-height:1.4;}
.step_type4 li:before{content:'\f105'; position:absolute; font-family:'fontawesome'; width:20px; height:45px; right:-25px; top:50%; transform: translate(0, -50%); color:var(--point-color); font-size:30px; line-height:1.5;}
.step_type4 li:last-of-type:before{display:none;}
.step_type4 li span{padding:3px 20px 2px; margin:0 0 12px; background:var(--point-color); color:#fff; font-size:13px; display:inline-block; box-sizing:border-box; border-radius:100px; letter-spacing:1px;}
.step_type4 li font{font-size:15px; display:block;}
.step_type4 li img{display:block; max-width:100%; width:100%;}
.step_type4 li .imgsize{width:25%; display:block; margin:0 auto 10px;}
@media( max-width:1080px ){
	.step_type4{justify-content:left;}
	.step_type4 li{width:31.3%;}
	.step_type4 li:before{right:-21px}
}
@media( max-width:950px ){
	.step_type4 li .imgsize{width:23%;}
}
@media( max-width:790px ){
	.step_type4 li .imgsize{width:28%;}
}
@media( max-width:650px ){
	.step_type4{flex-wrap:wrap; gap:10px 5%;}
	.step_type4 li{width:45%; flex:none; padding:20px; margin:0; box-sizing:border-box;}
	.step_type4 li:before{height:20px; right:-20px; font-size:20px;}
	.step_type4 li p{font-size:17px;}
	.step_type4 li .imgsize{width:40%;}
}
@media( max-width:430px ){
	.step_type4 li p{font-size:16px;}
	.step_type4 li .imgsize{width:45%;}
}
@media( max-width:400px ){
	.step_type4 li{padding:15px 12px;}
	.step_type4 li p{font-size:15px;}
}

/* 상단 이미지 텍스트 */
.top_imgtxt_wrap{display:block; overflow:hidden; padding:0 0 50px; margin:0; position:relative;}
.top_imgtxt_wrap:before{content:''; position:absolute; width:95%; height:90%; background:#f6f6f6; right:0; top:35px; z-index:-1; border-radius:15px;}
.top_imgtxt_wrap .img_info{width:45%; float:left; display:block; padding:0 2% 0 0; margin:0; box-sizing:border-box;}
.top_imgtxt_wrap .img_info img{max-width:100%; width:100%; filter:drop-shadow(2px 2px 5px rgba(0,0,0,0.3)); border-radius:15px;}
.top_imgtxt_wrap .txt_info{width:52%; float:right; display:block; padding:100px 50px 0 0; margin:0; box-sizing:border-box;}
.top_imgtxt_wrap .txt_info span{font-family: 'Paperozi'; font-weight:500;}
.top_imgtxt_wrap .txt_info i{font-size:45px; color:var(--point-color2); padding:0 0 14px;}
.top_imgtxt_wrap .txt_info .point_tit{font-size:clamp(20px, 3.5vw, 25px) !important; font-weight:600; padding:0 0 10px; background: linear-gradient(90deg, #ff5500, var(--point-color), #ffaa00, var(--point-color2)); background-size: 200% auto;-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: gradient 3s linear infinite;}

@keyframes gradient {
  to { background-position:200% center; }
}

@media( max-width:650px ){
	.top_imgtxt_wrap:before{width:100%;}
	.top_imgtxt_wrap .img_info{width:80%; float:none; padding:0; margin:0 auto;}
	.top_imgtxt_wrap .txt_info{width:100%; float:left; padding:50px 55px 10px;}	
}
@media( max-width:430px ){
	.top_imgtxt_wrap{padding:0 0 35px;}
	.top_imgtxt_wrap:before{height:85%;}
	.top_imgtxt_wrap .txt_info{padding:30px 30px 15px;}	
	.top_imgtxt_wrap .txt_info i{font-size:35px;}
	.top_imgtxt_wrap .txt_info .point_tit{font-size:20px;}
}

/* 이미지리스트 */
.img_list_type{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; gap:20px; justify-content:center;}
.img_list_type li{flex: 0 0 calc(33.3% - 13.333px); margin:0; padding:0;}
.img_list_type li p{background:#f3f3f3; padding:10px; margin:5px 0 0; text-align:center; border-radius:10px; font-size: clamp(14px, 2vw, 20px);}
.img_list_type li p .num{font-size: clamp(16px, 3vw, 23px); vertical-align:-1px;}
.img_list_type li img{max-width:100%; width:100%; display:block; border-radius:15px;}

.img_list_type2{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; overflow:hidden; gap:20px; justify-content:center;}
.img_list_type2 li{flex: 0 0 calc(50% - 10px); margin:0; padding:0;}
.img_list_type2 li p{background:#f3f3f3; padding:10px; margin:5px 0 0; text-align:center; border-radius:10px;}
.img_list_type2 li img{max-width:100%; width:100%; display:block; border-radius:15px;}

.img_list_type3{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; overflow:hidden; justify-content:center;}
.img_list_type3 li{width:24%; margin:0 0.5% 1%; padding:0;}
.img_list_type3 li p{background:#f3f3f3; padding:10px; margin:5px 0 0; text-align:center;}
.img_list_type3 li img{max-width:100%; width:100%; display:block;}

@media( max-width:768px ){
  .img_list_type{gap:10px;}
  .img_list_type li{flex: 0 0 calc(50% - 5px); margin:0; padding:0;}
  .img_list_type li p{padding:5px;}
  .img_list_type2{gap:10px;}
  .img_list_type2 li{flex: 0 0 calc(50% - 5px); margin:0; padding:0;}
}

/* 층별안내 */
.purpose_li{display:flex; flex-wrap:wrap; padding:0; margin:0;}
.purpose_li li{flex:1 1 100%; overflow:hidden; display:block; padding:15px 25px; margin:0 0 10px; border:1px solid #ccc; border-radius:10px; background:#fff;}
.purpose_li li span{width:5%; float:left; display:block; padding:0px; color:var(--point-color5); font-family: 'S-CoreDream-6Bold'; position:relative; font-size:24px;}
.purpose_li li span:before{content:''; position:absolute; width:1px; height:25px; right:5px; top:6px; background:var(--point-color5);}
.purpose_li li p{width:93%; float:right; padding:4px 0 0; margin:0; display:block;}

@media( max-width:1080px ){
	.purpose_li li span:before{display:none;}
	.purpose_li li p{width:94%;}
}
@media( max-width:740px ){
	.purpose_li li span{width:6%;}
	.purpose_li li p{width:92%;}
}
@media( max-width:650px ){
	.purpose_li li span{width:7%;}
	.purpose_li li p{width:90%;}
}
@media( max-width:430px ){
	.purpose_li li span{width:12%; font-size:22px;}
	.purpose_li li p{width:86%; padding:2px 0 0;}
}
@media( max-width:380px ){
	.purpose_li li{padding:15px 10px 15px 20px;}
	.purpose_li li span{width:15%; font-size:19px;}
	.purpose_li li p{width:85%; padding:1px 0 0;}
}



/* 오시는길 */
#location .map_con{margin-top:30px;}
#location .map_info{border-top:1px solid #ebebeb; margin-top:60px;}
#location .map_info > li{background-repeat:no-repeat; background-position:left 50px center; border-bottom:1px solid #ebebeb;}
#location .map_info > li ul li{position:relative; font-size:18px; line-height:1.5; padding-left:125px; margin-bottom:5px; letter-spacing:-0.3px;}
#location .map_info > li ul li b{position: absolute; top:50%; left:0; transform:translateY(-50%);}
#location .map_info > li.ico01{background-image:url(/outpage/img/location_ico01.png); padding:30px 0 30px 190px;}
#location .map_info > li.ico02{background-image:url(/outpage/img/location_ico02.png); padding:35px 0 35px 190px;}

@media (max-width: 1024px){
    #location .map_info{margin-top:40px;}
}
@media (max-width: 768px){
    #location .map_info{margin-top:20px;}
	#location .map_info > li{background-size:41px; background-position:left 15px center;}
    #location .map_info > li.ico01{padding:20px 0 20px 80px;}
	#location .map_info > li ul li{font-size:14px; padding-left:60px;}
	#location .map_info > li.ico02 {padding:25px 0 25px 80px;}
}



/* 사업안내2 */
.business_top{text-align:center; padding:30px 0 0;}
.business_top strong{display:block; font-size:26px; line-height:1.7; font-weight:400; word-break:keep-all;}
.business_con ul{display:block; list-style:none; padding:5px 0 0; margin:0;}
.business_con ul li{position:relative; padding:0 0 0 22px; margin:0;}
.business_con ul li:before{content:''; position:absolute; width:5px !important; height:5px !important; background:#999 !important; left:4px !important; top:12px !important; border-radius:100px;}
#business_01.business_con p strong{color:#da4616;}
#business_01 .under_line{color:#da4616; background:linear-gradient(to top, #fce6de 50%, transparent 50%);}
#business_01 .business_tit{color:#da4616;}
.business_tit{font-size:30px; line-height:1.3; font-weight:700; padding-bottom:30px; border-bottom:2px solid #ebebeb; margin-bottom:40px; position:relative;}
#business_01 .business_tit:after{background-image:url(/outpage/img/business_tit_biz01.png); width:77px; height:70px; right:15px; bottom:-7px;}
.business_tit:after{content:""; background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute;}
.dot_list > li {position:relative; display:flex; margin:0 0 7px !important; padding:0 0 0 30px !important;}
.dot_list > li:last-child{margin-bottom:0;}
.dot_list > li:before{content:""; width:12px; height:12px; border-radius:100px; background:#fff !important; border:4px solid #da4616; position:absolute; left:0 !important; top:5.5px !important;}
.dot_list > li b{white-space:nowrap; padding-right:7px;}
.dot_list > li b.space span{margin-right:30px;}
#business_02 .under_line{color:#41a36f; background:linear-gradient(to top, #e3f1ea 50%, transparent 50%);}
#business_02 .business_tit{color: #41a36f;}
#business_02 .business_tit:after{background-image:url(/outpage/img/business_tit_biz02.png); width:190px; height:70px; right:5px; bottom:0px;}
#business_02.business_con p strong{color:#41a36f;}
#business_02 .dot_list > li:before{border-color:#41a36f;}
#business_02 h3:before{content:''; position:absolute; width:28px; height:21px; background:url(/outpage/img/sub_tit01_biz02.png)no-repeat; left:0px; top:50%; transform: translate(0, -50%);}
#business_03 .under_line{color:#065395; background:linear-gradient(to top, #e5eaf2 50%, transparent 50%);}
#business_03 .business_tit{color:#065395;}
#business_03 .business_tit:after{background-image:url(/outpage/img/business_tit_biz03.png); width:190px; height:70px; right:5px; bottom:0px;}
#business_03.business_con p strong{color:#065395;}
#business_03 .dot_list > li:before{border-color:#065395;}
#business_03 h3:before{content:''; position:absolute; width:28px; height:21px; background:url(/outpage/img/sub_tit01_biz03.png)no-repeat; left:0px; top:50%; transform: translate(0, -50%);}
#business_04 .under_line{color:#805bab; background:linear-gradient(to top, #f2eef6 50%, transparent 50%);}
#business_04 .business_tit{color:#805bab;}
#business_04.business_con p strong{color:#805bab;}
#business_04 .dot_list > li:before{border-color: #805bab;}
#business_04 h3:before{content:''; position:absolute; width:28px; height:21px; background:url(/outpage/img/sub_tit01_biz04.png)no-repeat; left:0px; top:50%; transform: translate(0, -50%);}
#business_05 .under_line{color:#ff7700; background:linear-gradient(to top, #fcefde 50%, transparent 50%);}
#business_05 .business_tit{color:#ff7700;}
#business_05 .business_tit:after{background-image:url(/outpage/img/business_tit_biz04.png); width:190px; height:70px; right:5px; bottom:0px;}
#business_05.business_con p strong{color:#ff7700;}
#business_05 .dot_list > li:before{border-color: #ff7700;}
#business_05 h3:before{content:''; position:absolute; width:28px; height:21px; background:url(/outpage/img/sub_tit01_biz05.png)no-repeat; left:0px; top:50%; transform: translate(0, -50%);}

@media (max-width: 1024px) {
    .dot_list > li{font-size:16px; padding-left:20px;}
	.dot_list > li:before{width:12px; height:12px; border-width:3px; top:7px;}
}
@media (max-width: 768px) {
    .business_top strong{font-size:18px;}
	.business_tit{font-size:23px; padding-bottom:10px; margin-bottom:20px;}
	.dot_list > li {padding:0 0 0 25px !important;}
	.dot_list > li:before{width:7px; height:7px; border:3px solid #da4616; left:5px !important; top:5px !important;}
	#business_01 .business_tit:after{display:none;}
	#business_01 h3:before{background-size:87%; top:4px; transform: translate(0, 0);}
	#business_02 h3:before{background-size:87%; top:4px; transform: translate(0, 0);}	
	#business_03 h3:before{background-size:87%; top:4px; transform: translate(0, 0);}
	#business_04 h3:before{background-size:87%; top:4px; transform: translate(0, 0);}
	#business_05 h3:before{background-size:87%; top:4px; transform: translate(0, 0);}	
	#business_02 .business_tit:after{display:none;}
	#business_03 .business_tit:after{display:none;}
	#business_05 .business_tit:after{display:none;}
}
@media (max-width: 480px) {
    .dot_list > li{flex-wrap: wrap;}
	.dot_list > li b{width:100%; padding:0; margin-bottom:5px;}
}

/* 운영시설 */
#welfareCenter_top{display:flex; flex-wrap:wrap; align-items:center; padding:20px 10px 20px 20px; margin:30px 0 0; border:3px solid #ededed; position:relative;}
#welfareCenter_top .img_box{width:40%; padding-top:30%; border:1px solid #ebebeb; background:url(/outpage/img/welfareCenter_top_img01.jpg) no-repeat center / cover;}
#welfareCenter_top .info_box{width:60%; padding-left:35px;}
#welfareCenter_top .info_box .wc_tit{font-size:25px; font-weight:600; padding-left:30px; background:url(/outpage/img/welfareCenter_top_img02.jpg) no-repeat left top; padding-top:3px;}
#welfareCenter_top .info_box p{color:#454545; margin-top:20px; line-height:1.5;}
#welfareCenter_top .info_box a{margin-top:40px;}
#welfareCenter_top .sub_btn{display:inline-block; font-size:19px; color:#fff; padding:20px 80px 20px 30px; border-radius:100px; background:url(/outpage/img/sub_btn_arrow.png) no-repeat right 30px center #da4616;}
#welfareCenter_top:after{content:""; width:79px; height:70px; background:url(/outpage/img/business_tit_biz01.png) no-repeat center / contain; position:absolute; bottom:-5px; right:25px;}
.link_txt {display:inline-block; color:#da4616; padding-right:20px; background:url(/outpage/img/link_txt.png) no-repeat right center; margin-left:5px;}
.photo_list{display:flex; flex-wrap:wrap; gap:25px; list-style:none;}
.photo_list > li{width:calc(50% - 12.5px); border:1px solid #ebebeb;}
.photo_list > li .img_box{background-repeat:no-repeat; background-position:center; background-size:cover; padding-top:71%;}
.photo_list > li strong{display:block; text-align:center; font-size:18px; line-height:1.3; font-weight:600; padding:15px; border-top:1px solid #ebebeb;}

@media (max-width: 1024px) {
	#welfareCenter_top{padding:40px 20px;}
	#welfareCenter_top .info_box{padding-left:25px;}
	#welfareCenter_top:after{width:69px; height:60px;}	
	#welfareCenter_top .info_box a{margin-top:30px;}
	#welfareCenter_top .info_box .wc_tit{font-size:20px;}
	#welfareCenter_top .info_box p{font-size:16px; margin-top:15px;}
}
@media (max-width: 768px) {
    #welfareCenter_top{text-align:center;}
	#welfareCenter_top .img_box{width:60%; padding-top:45%; margin:0 auto;}
    #welfareCenter_top .info_box{width:100%; margin-top:30px; padding-left:0;}
	#welfareCenter_top .info_box .wc_tit{display:inline-block; font-size:18px;}
	#welfareCenter_top .info_box p{font-size:14px;}
	#welfareCenter_top .sub_btn{font-size:14px; color:#fff; padding:13px 45px 13px 20px; background-size:5% !important; background-position:right 20px center;}
	.link_txt{margin-left:0px;}
}

/* 법인소개 */
.intro_bg{display:block; margin:0; padding:122px 0; background:url(/outpage/img/corporation_bg.png)no-repeat center top; background-size:cover; border-radius:7px;}
.intro_info{display:block; padding:0; margin:0; text-align:center; overflow:hidden; filter:drop-shadow(5px 5px 5px rgba(0,0,0,1));}
.intro_info .point_t{font-size:30px; font-weight:600; color:#fff; font-family: 'Presentation'; letter-spacing:0;}
.intro_info .point_t font{color:#bbf34c;}
.intro_info .int_tit{font-size:50px; font-weight:700; color:#fff; padding:0 0 10px; margin:0 0 10px;}
.intro_info .int_txt{font-size:17px; color:#fff;}

.mv_img{width:75%; margin:0 auto; display:block; padding:0;}
.mv_img img{max-width:100%; width:100%; display:block;}

.ci_color{display:flex; list-style:none; padding:0; margin:35px  auto 0; width:75%;}
.ci_color li{flex:1; font-size:12px; }
.ci_color li i{width:20px; height:20px; background:#6b6c6e; float:left; display:block; padding:0; margin:2px 0 0 30px; border-radius:100px;}
.ci_color li:nth-child(1) i{background:#002462;}
.ci_color li:nth-child(2) i{background:#8dc63f;}
.ci_color li .cc_info{width:215px; float:right; display:block; padding:0; margin:0;}
.ci_color li .cc_info p{font-size:15px; font-weight:600;}
.ci_color li:nth-child(1) .cc_info p{color:#002462;}
.ci_color li:nth-child(2) .cc_info p{color:#8dc63f;}
.ci_color li:nth-child(3) .cc_info p{color:#6b6c6e;}

@media( max-width:1080px ){
	.ci_color{width:100%;}
}
@media( max-width:820px ){
	.mv_img{width:100%;}
	.ci_color li i{width:13px; height:13px; margin:0px;}
	.ci_color li .cc_info{width:190px;}
}
@media( max-width:720px ){
	.ci_color{flex-wrap:wrap; margin:25px  auto 0;}
	.ci_color li{flex:1 1 100%; margin:0 0 10px;} 
	.ci_color li i{width:15px; height:15px; margin:4px 0 0 20px;}
	.ci_color li .cc_info{width:85%; float:right;}
}
@media( max-width:650px ){
	.intro_info{padding:0 65px;}
}
@media( max-width:500px ){
	.intro_bg{padding:65px 0; background-size:180% 100%;}
	.intro_info{padding:0 20px;}
	.intro_info .int_tit{font-size:35px;}
	.intro_info .point_t{font-size:25px;}
}



@charset "utf-8";
/* 좌측메뉴 */
.ln_area { display: block; padding-bottom: 50px; }
.ln_area .h2_label { display: block; height: 135px; line-height: 135px; padding: 0 0 0 16px; font-size: 25px; font-weight: 600; color: #fff; text-align: left; background: url('/old/images/common/sub_title_bg.gif') no-repeat left top !important; }
.ln { display: block; list-style: none; margin: 0; padding: 0; }
.ln li { display: block; overflow: hidden; }
.ln li a { display: block; height: 46px; line-height: 46px; padding-left: 16px; font-size: 16px; font-weight: 400; color: #333; border: 1px solid #ddd; border-width: 0 1px 1px; }
.ln li:hover a { font-size: 16px; color: #fff; background: #98783a url('/old/images/common/lnb_over.gif') no-repeat 178px center; border: 1px solid #98783a; border-width: 0 1px; border-bottom: 1px solid #ddd; }
.ln li.current a { font-size: 16px; color: #fff; background: #98783a url('/old/images/common/lnb_over.gif') no-repeat 178px center; border: 1px solid #98783a; border-width: 0 1px; border-bottom: 1px solid #ddd; }
.sub_visual { position: relative; display: block; height: 290px; }
.sub_visual img { position: absolute; left: 50%; margin-left: -950px; }
/* feedback */
.feedback { position: relative; display: block; padding: 0; overflow: hidden; }
.feedback .h3_label { display: block; padding-bottom: 50px; font-size: 26px; font-weight: 800; color: #333; }
.feedback .process { position: absolute; right: 0; top: 15px; }
.feedback .process span { display: inline-block; *display:inline;
zoom: 1; margin: 0 4px; font-size: 13px; color: #777; vertical-align: middle; }
.feedback .process .last { }




@media (max-width: 450px) {
	.h4_label {font-size: 20px !important; font-weight:bold;}
}

.h5_label { display: block; margin-bottom: 20px; padding-left: 12px !important; font-size: 18px; font-weight: 600; color: #333; background: url('/old/images/common/blet2.gif') no-repeat left center; }
.h4_label_02 { display: inline-block; margin-bottom: 25px; padding-left: 20px; font-size: 24px; font-weight: 600; color: #333; background: url('/old/images/common/h4_blet.gif') no-repeat left center; text-align: left; }
.h4_label_03 { display: block; margin-bottom: 25px; padding-left: 0px; font-size: 24px; font-weight: 600; color: #333; text-align: left; }
.text3 { display: block; margin-bottom: 65px; padding-left: 20px; font-size: 16px; color: #666; }
.text3-2 { display: block; margin-bottom: 10px; padding-left: 20px; font-size: 16px; color: #666; }
.text4 { display: block; margin-bottom: 30px; padding-left: 20px; font-size: 14px; color: #eb7c00; }
.text5 { display: inline-block; font-size: 14px; color: #666; float: right; margin: 11px 0px 0px 0px; }
.text6 { display: inline-block; font-size: 14px; color: #eb7c00; }
.text7 { font-size: 14px; color: #06F; text-align: right; }
.text8 { display: block; margin-bottom: 30px; font-size: 14px; color: #666; margin: 30px 0px 20px 0px; }
.text9 { display: block; margin-bottom: 10px; padding-left: 20px; font-size: 14px; color: #666; }
.fcb { color: #06F; }
.common_tab { display: block; }
.common_tab:after { clear: both; display: block; content: ""; }
.common_tab > ul { display: block; margin: 0; padding: 0; list-style: none; }
.common_tab > ul > li.cnt { display: block; float: left; width: 155px; }
.common_tab > ul > li.cnt > a { display: block; width: 148px; margin-bottom: 50px; padding: 15px 0; font-size: 16px; color: #666; text-align: center; border: 1px solid #ddd; }
.common_tab > ul > li.cnt:hover { display: block; }
.common_tab > ul > li.cnt:hover > a { font-weight: 600; color: #fff; background: #eb7c00; border: 1px solid #eb7c00; }
.common_tab > ul > li.current { display: block; }
.common_tab > ul > li.current > a { font-weight: 600; color: #fff; background: #eb7c00; border: 1px solid #eb7c00; }
.common_tab > ul > li.cnt div#common_tab2 { margin-left: -140px; padding-bottom: 50px; text-align: center; }
.common_tab > ul > li.cnt div#common_tab3 { margin-left: -280px; padding-bottom: 50px; text-align: center; }
.common_tab > ul > li.cnt div#common_tab4 { margin-left: -430px; padding-bottom: 50px; text-align: center; }
.common_tab > ul > li.cnt div#common_tab5 { margin-left: -560px; padding-bottom: 50px; text-align: center; }
.common_tab > ul > li.cnt div.common_tab_area { display: none; width: 776px; }
.common_tab > ul > li.current div.common_tab_area { display: block; }
.ready { display: block; padding: 100px 0; font-size: 16px; font-weight: 600; text-align: center; }
/* 테이블 */
.blno { border-left: none !important; }
.bgc_o { background: #fcf5ec !important; }
.b_b_ob { border-bottom: 2px solid #eb7c00; }
.tal { text-align: left !important; padding: 10px 8px 10px 20px !important; }
.bln { border-left: none !important; }
.horizon_table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.horizon_table th, .horizon_table td { padding: 10px 8px; text-align: center; border: 1px solid #ddd; border-right: 0; }
.horizon_table tr th:first-child, .horizon_table tr td:first-child { border-left: 0; }
.horizon_table tr.bt_none th { border-top: 0; }
.horizon_table th { font-size: 16px; font-weight: 600; color: #333; background: #fff; border-top: 2px solid var(--point-color); }
.horizon_table td { line-height: 1.9; font-size: 14px; color: #666; }
.horizon_table tr .bl { border-left: 1px solid #ddd !important; }
.horizon_table td span { color: #e60000; }
.horizon_table td.left { padding-left: 15px; letter-spacing: -0.2px;text-align:left; }
.horizon_table tr td:first-child { color: #333; }
.horizon_table tr td.color1 { color: #333; }
.horizon_table tr td.color2 { color: #666; }
.horizon_table tr td.color3 { background: #f6f6f6; font-weight:700; }
.horizon_table caption{display:none;}
.horizon_table2 th, .horizon_table2 td { padding: 10px 4px; }
.horizon_table2 td .color { color: #eb7c00; }
.horizon_table2 td.two { padding: 0; }
.horizon_table2 td.two span { color: #666; }
.horizon_table2 td.two .border { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.horizon_table2 tr td:first-child { color: #666; border-left: 1px solid #ddd; }
.horizon_table2 caption{display:none;}

.horizon_table3 tr td:first-child { border-left: 1px solid #ddd; }
.horizon_table3 .bg0 { border-left: none !important; }
.horizon_table3 th { font-weight: 400; border-top: 0; }
.horizon_table3 tr:first-child th, .horizon_table3 tr:first-child td { border-top: 2px solid #eb7c00; }
.horizon_table3 caption{display:none;}

.horizon_table4 { border-collapse: collapse; width: 100%; border-top: 2px solid #eb7c00; font-size: 14px; text-align: center; }
.horizon_table4 th { padding: 5px 0px; }
.horizon_table4 th, .horizon_table4 td { border-right: 1px solid #ddd; }
.horizon_table4 th:last-child, .horizon_table4 td:last-child { border-right: none; }
.horizon_table4 tbody tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.horizon_table4 tbody td { padding: 9px 0px 8px 0px; }
.horizon_table4 caption{display:none;}

.horizon_table5 { width: 100%; border-collapse: collapse; border-spacing: 0; }
.horizon_table5 th { padding: 10px 4px; text-align: center; border: 1px solid #ddd; border-right: 0; }
.horizon_table5 td { padding: 6px 4px; text-align: center; border: 1px solid #ddd; border-right: 0; }
.horizon_table5 thead tr th { font-size: 15px; font-weight: 600; color: #333; border-top: 2px solid #eb7c00; }
.horizon_table5 td { line-height: 1.2; font-size: 14px; color: #666; }
.horizon_table5 tr td:first-child { color: #333; }
.horizon_table5 tr td.red { color: #ed1c24; }
.horizon_table5 tr td.green { color: #28a364; }
.horizon_table5 tr td.skyb { color: #0095da; }
.horizon_table5 thead .bg01 { background: #fbe3e1; }
.horizon_table5 thead .bg02 { background: #fff4dd; }
.horizon_table5 thead .bg03 { background: #e9f3d5; }
.horizon_table5 thead .bg04 { background: #eafaf9; }
.horizon_table5 thead .bg05 { background: #f8e9f2; }
.horizon_table5 thead .bg06 { background: #e5ebf2; }
.horizon_table5 caption{display:none;}

.vertical_table { width: 100%; margin-bottom: 75px; border-collapse: collapse; border-spacing: 0; }
.vertical_table tr:first-child th, .vertical_table tr:first-child td { border-top: 2px solid #eb7c00; }
.vertical_table th, .vertical_table td { padding: 10px 8px; text-align: center; border: 1px solid #ddd; border-right: 0; }
.vertical_table th { font-size: 16px; font-weight: 600; color: #333; background: #fff; border-left: 0; letter-spacing: -1px; }
.vertical_table td { line-height: 1.9; padding-left: 15px; font-size: 14px; color: #666; text-align: left; letter-spacing: -0.2px; }
.vertical_table .list { display: block; margin: 0; padding: 0; list-style: none; }
.vertical_table .list li { display: block; line-height: 2; padding-left: 10px; font-size: 14px; color: #666; background: url('/old/images/common/blet2.gif') no-repeat left 13px; }
.vertical_table .list li span { color: #e60000; }
.vertical_table .list li strong { color: #e60000; }
/* 셔틀버스안내 노선도 보기 */
.time_table_box { display: block; padding: 10px; }
.time_table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.time_table caption { height: auto; line-height: 1; margin: 0 0 10px; font-size: 15px; font-weight: 600; color: #000; }
.time_table th, .time_table td { padding: 5px 10px; font-size: 13px; font-weight: 400; text-align: center; border: 1px solid #ddd; }
.time_table th { background: #99ccff; }
.time_table th.color2 { background: #ccffcc; }
.time_table th.color3 { background: #ccffff; }
.time_table td.color4 { background: #ffcc99; }
.time_table td.color5 { background: #ffffcc; }
.btn_s_close { display: block; width: 100px; margin: 20px auto 0; padding: 10px 0; font-size: 15px; font-weight: 600; color: #fff !important; text-align: center; background: #eb7c00; border: 0; text-decoration: none; cursor: pointer; }
/* 복지관소개 : 인사말 */
.greeting_arean { display: block; }
.greeting_arean .text { text-align: left; display: block; line-height: 1.9; font-size: 14px; color: #666; }
.greeting_arean .bgn01 { width: 100%;  padding-bottom: 10px; margin: 0 auto; font-size: 0; }
.greeting_arean .b { font-weight: bold !important; }
.greeting_area { display: block; background: url('/old/images/sub1/greeting_bg.jpg') no-repeat right top; }
.greeting_area .big_text { display: block; line-height: 1.5; margin-bottom: 45px; font-size: 28px; color: #444; }
.greeting_area .big_text .color1 { font-weight: 800; color: #eb7c00; }
.greeting_area .big_text .color2 { font-weight: 800; color: #444; }
.greeting_area .big_text2 { display: block; line-height: 1.6; margin-bottom: 105px; font-size: 18px; color: #444; }
.greeting_area .text { display: block; line-height: 1.9; font-size: 14px; color: #666; }
.greeting_area .num_list { display: block; margin: 0 0 60px; padding: 0; list-style: none; }
.greeting_area .num_list li { display: block; line-height: 1.8; margin-bottom: 25px; padding: 5px 0 0 65px; font-size: 14px; color: #666; background: url('/old/images/sub1/icon_num1.gif') no-repeat left top !important; }
.greeting_area .num_list li.icon_num2 { background: url('/old/images/sub1/icon_num2.gif') no-repeat left top !important; }
.greeting_area .num_list li.icon_num3 { background: url('/old/images/sub1/icon_num3.gif') no-repeat left top !important; }
.greeting_area .num_list li.icon_num4 { background: url('/old/images/sub1/icon_num4.gif') no-repeat left top !important; }
.greeting_area .num_list li.icon_num5 { background: url('/old/images/sub1/icon_num5.gif') no-repeat left top !important; }
.greeting_area .num_list li span { color: #f09b3c; }
.greeting_area .greeting_name { display: block; margin-top: 30px; font-size: 15px; color: #666; text-align: right; }
.greeting_area .greeting_name img { margin-left: 10px; }
/* 복지관소개 : 법인소개 */
.corporation_area { display: block; }
.greeting_box { display: block; margin: 0 0 70px; }
.greeting_box .text { display: block; line-height: 1.8; margin: 0 0 25px; font-size: 14px; color: #666; }
.corporation_info { display: block; margin: 0 0 30px; padding: 0 0 100px; list-style: none; background: url('/old/images/sub1/corporation_bg.jpg') no-repeat right top; }
.corporation_info li { display: block; padding: 15px 0; }
.corporation_info li:first-child { padding: 40px 0 40px; }
.corporation_info li p { display: block; line-height: 1.6; padding: 0 0 0 10px; font-size: 14px; font-weight: 600; color: #555; letter-spacing: -0.5px; background: url('/old/images/common/blet2.gif') no-repeat left 10px; }
.corporation_box { display: block; margin: 0; padding: 0; list-style: none; background: url('/old/images/sub1/corporation_bg2.gif') no-repeat center top; }
.corporation_box:after { display: block; content: ""; clear: both; }
.corporation_box li { display: block; float: left; width: 50%; height: 170px; padding: 25px 0; box-sizing: border-box; }
.corporation_box li:nth-child(n+3) { padding: 50px 0; }
.corporation_box li.cr { padding-right: 110px; text-align: right; }
.corporation_box li.cl { padding-left: 110px; text-align: left; }
.corporation_box li strong { display: block; margin: 0 0 10px; font-size: 15px; font-weight: 600; color: #eb7c00; }
.corporation_box li p { display: block; line-height: 1.8; font-size: 14px; color: #666; }
/* 복지관소개 : 미션 및 비전 */
.vision_area { display: block; }
.vision_area .mission_list { display: block; height: 181px; margin: 55px 0 75px; padding: 225px 0 0; list-style: none; background: url('/old/images/sub1/vision_bg1.jpg') no-repeat center top; overflow: hidden; }
.vision_area .mission_list li { display: block; float: left; width: 194px; line-height: 1.8; padding: 62px 0; font-size: 15px; font-weight: 600; color: #555; text-align: center; }
.vision_area .v_title { display: block; margin: 65px 0 35px; font-size: 24px; font-weight: 600; color: #333; text-align: center; }
.vision_area .vision_box { position: relative; display: block; height: 252px; margin: 0 0 110px; padding: 0; list-style: none; background: url('/old/images/sub1/vision_bg2.jpg') no-repeat center top; }
.vision_area .vision_box li { position: absolute; left: 510px; top: 36px; display: block; font-size: 14px; font-weight: 600; color: #555; }
.vision_area .vision_box li.vision2 { left: 55px; top: 100px; }
.vision_area .vision_box li.vision3 { left: 510px; top: 166px; }
.vision_area .text { display: block; line-height: 1.9; font-size: 14px; color: #666; }
.vision_area .num_list { display: block; margin: 35px 0 70px; padding: 0; list-style: none; }
.vision_area .num_list li { display: block; line-height: 1.8; margin-bottom: 25px; padding: 0; font-size: 14px; color: #666; }
.vision_area .num_list li span { color: #f09b3c; }
.vision_area .vision_list { display: block; margin: 0; padding: 0; list-style: none; }
.vision_area .vision_list li { display: block; line-height: 2; margin-bottom: 2px; padding-left: 10px; font-size: 14px; color: #666; background: url('/old/images/common/blet2.gif') no-repeat left 13px; }
.circle_list_box { position: relative; display: block; margin: 0 0 40px; padding: 0; list-style: none; text-align: center; background: url('/old/images/sub1/vision_bg4.jpg') no-repeat center top; overflow: hidden; }
.circle_list { display: block; width: 200px; padding: 40px 0 70px; }
.circle_list strong { display: block; margin-bottom: 7px; font-size: 20px; color: #333; }
.circle_list p { display: block; line-height: 1.8; font-size: 16px; color: #555; letter-spacing: -1px; }
/* 복지관소개 : 조직도/직원소개 */
.people_box { display: block; margin-bottom: 15px; overflow: hidden; }
.people_box .people_list_box { display: block; float: left; margin-left: 12px; }
.people_box .people_list_box:nth-child(2n-1) { margin-left: 0; }
.people_box .people_list { display: block; float: left; width: 382px; margin: 0 0 35px 12px; padding-bottom: 18px; border-bottom: 1px solid #ddd; }
.people_box .people_list:nth-child(2n-1) { margin-left: 0; }
.people_box .people_list:after { display: block; content: ""; clear: both; }
.people_box .people_list .people_img { display: block; float: left; width: 116px; height: 144px; margin-right: 22px; border: 3px solid #fafafa; }
.people_box .people_list .people_img img { max-width: 100%; }
.people_box .people_list .people_text { display: table; float: left; width: 238px; height: 150px; background: url('/old/images/sub1/people_bg.jpg') no-repeat left top !important; }
.people_box .people_list .people_text ul { display: table-cell; margin: 0; padding: 0; list-style: none; vertical-align: middle; }
.people_box .people_list .people_text ul li { display: block; margin-bottom: 7px; }
.people_box .people_list .people_text ul li.name { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #666; }
.people_box .people_list .people_text ul li.name span { color: #eb7c00; }
.people_box .people_list .people_text ul li.text1 { display: block; line-height: 1.8; font-size: 14px; color: #666; letter-spacing: -0.6px; }
.people_box .people_list .people_text ul li.text2 { display: block; font-size: 14px; color: #9f9f9f; }
.people_box .people_list2 { float: none; margin: 0 0 55px 0; }
/* 복지관소개 : 운영위원회 */
.committee_list1 { display: block; width: 145px; height: 99px; margin: 0 0 50px; padding: 20px 20px 15px; list-style: none; background: url('/old/images/sub1/committee_bg1.jpg') no-repeat left top !important; }
.committee_list1 .name { display: block; font-size: 16px; font-weight: 600; color: #666; }
.committee_list1 .name span { color: #eb7c00; }
.committee_list1 .text1 { display: block; line-height: 1.8; margin: 10px 0 5px; font-size: 14px; color: #666; }
.committee_list1 .text2 { display: block; font-size: 14px; color: #9f9f9f; }
.committee_list2 { display: flex; flex-wrap:wrap; gap:20px; margin: 0 0 10px 0; padding: 0; list-style: none; overflow: hidden; }
.committee_list2 li { width:30%; display: block; margin: 0 0 10px !important; padding: 0px 0 10px !important; background: url('/old/images/sub1/committee_bg22.jpg') no-repeat right top; border-bottom: 1px solid #ddd; }
.committee_list2 li:nth-child(3n-2) { margin-left: 0; }
.committee_list2 li .name { display: block; font-size: 16px; font-weight: 600; color: #666; }
.committee_list2 li .name span { color: #eb7c00; }
.committee_list2 li .text1 { display: block; font-size: 14px; color: #666; }
.committee_list2 li .text2 { display: block; font-size: 14px; color: #9f9f9f; }
.committee_box { display: block; margin: 0; padding: 10px 30px; list-style: none; background: #f5f5f5; }
.committee_box li { display: block; padding: 6px 0; font-size: 14px; color: #999; }
.committee_box li strong { display: inline-block; width: 67px; color: #f09b3c; }
.committee_box2 { display: block; margin: 0 0 20px 0; padding: 20px 25px; font-size: 14px; line-height: 1.6; background: #f5f5f5; }
/* 복지관소개 : 시설안내 */
.facilities_area { display: block; }
.facilities_box { position: relative; display: block; margin-bottom: 50px; }
.facilities_box .facilities_list1 { position: absolute; right: 0; top: 48px; display: block; width: 182px; margin: 0; padding: 0; border: 1px solid #dfdfdf; }
.facilities_box .facilities_list1 dt { display: block; height: 38px; line-height: 38px; font-size: 16px; font-weight: 600; color: #666; text-align: center; background: #f5f5f5; border-bottom: 1px solid #dfdfdf; }
.facilities_box .facilities_list1 dd ol { display: block; margin: 0; padding: 20px; list-style: none; }
.facilities_box .facilities_list1 dd ol li { display: block; text-align: left; margin: 10px 0; font-size: 13px; color: #666; }
.facilities_box .facilities_list1 dd ol li span { display: inline-block; width: 19px; height: 19px; line-height: 19px; margin-right: 7px; font-size: 13px; font-weight: 600; color: #fff; text-align: center; background: #eb7c00; border-radius: 50px; vertical-align: middle; }
.facilities_box .facilities_list2 { display: block; margin: 30px 0 0; padding: 0; border: 1px solid #dfdfdf; }
.facilities_box .facilities_list2:after { display: block; content: ""; clear: both; }
.facilities_box .facilities_list2 dt { display: table; float: left; width: 38px; height: 159px; font-size: 16px; font-weight: 600; color: #666; text-align: center; background: #f5f5f5; border-right: 1px solid #dfdfdf; }
.facilities_box .facilities_list2 dt span { display: table-cell; vertical-align: middle; }
.facilities_box .facilities_list2 dd { display: block; float: left; width: 735px; }
.facilities_box .facilities_list2 dd ol { display: block; margin: 0; padding: 20px; list-style: none; }
.facilities_box .facilities_list2 dd ol li { display: block; float: left; text-align: left; width: 230px; margin: 6px 0; font-size: 13px; color: #666; }
.facilities_box .facilities_list2 dd ol li span { display: inline-block; width: 19px; height: 19px; line-height: 19px; margin-right: 7px; font-size: 13px; font-weight: 600; color: #fff; text-align: center; background: #eb7c00; border-radius: 50px; vertical-align: middle; }
.facilities_box .facilities_list3 { position: absolute; top: 250px; }
.facilitiesB { display: flex; margin: 0; padding: 0; list-style: none; overflow: hidden; flex-wrap:wrap;}
.facilitiesB li { flex-grow:1; max-width:50%; width: 50%; list-style: none; margin-bottom: 20px; box-sizing:border-box;gap:10px;}
.facilitiesB li:nth-child(2n-1) { margin-left: 0; }
.facilitiesB .txt { display: block; width: 373px; margin-left: 8px; padding: 7px 0 9px 0; font-size: 10pt; text-align: center; background: #ffecd3; }


/* 복지관소개 : 찾아오시는길 */
.map_area .map_box { position: relative; display: block; margin: 20px 0 70px; }
.map_area .map_box .map_info { display: block; margin: 0; padding: 0; list-style: none; }
.map_area .map_box .map_info li { display: block; margin-bottom: 7px; font-size: 16px; color: #666; }
.map_area .map_box .map_info li strong { display: inline-block; width: 83px; padding: 10px 0 10px 39px; font-size: 16px; color: #444; background: url('/old/images/sub1/icon_addr.gif') no-repeat left center; }
.map_area .map_box .map_info li.icon_tel strong { background: url('/old/images/sub1/icon_tel.gif') no-repeat left center; }
.map_area .map_box .map_info li.icon_fax strong { background: url('/old/images/sub1/icon_fax.gif') no-repeat left center; }
.map_area .map_box .map_info li.icon_email strong { background: url('/old/images/sub1/icon_email.gif') no-repeat left center; }
.map_area .map_box .map_btn { position: absolute; right: 0; top: 0; }
.map_area .map_box .map_btn a { display: inline-block; width: 67px; height: 38px; line-height: 38px; margin-left: 5px; padding-left: 41px; font-size: 13px; color: #434343; background: url('/old/images/sub1/btn_map.gif') no-repeat center top; }
.map_area .map_box .map_btn a.btn_print { width: 47px; background: url('/old/images/sub1/btn_print.gif') no-repeat center top; }
.map_area .use { display: block; margin: 0 0 70px; padding: 0; list-style: none; }
.map_area .use li { display: block; margin-bottom: 12px; padding-left: 11px; font-size: 16px; color: #666; background: url('/old/images/common/blet2.gif') no-repeat left 10px; }
.map_area .use li .pl_num{padding-left:85px;}
.map_area .use li .pl_num2{padding-left:60px;}
.map_area .btn_view { display: block; width:280px; height: 60px; line-height: 60px; padding-left:20px; font-size:22px; font-weight: 600; color: #fff; background:#eb7c00 url('/old/images/sub1/btn_view.gif') no-repeat right 10px; }

/* 이용안내 : 회원가입안내 */
.join_area { display: block; }
.join_area .text { display: block; margin-bottom: 80px; font-size: 14px; color: #666; }
.join_area .text2 { display: block; margin-bottom: 65px; padding-left: 20px; font-size: 16px; color: #666; }
.join_area .text3 { display: block; margin-bottom: 30px; padding-left: 20px; font-size: 16px; color: #666; }
.join_area .info_box { display: block; margin-bottom: 70px; }
.join_area .info_box:after { display: block; content: ""; clear: both; }
.join_area .info_box dl { display: block; float: left; width: 33%; text-align: center; }
.join_area .info_box dl dt { display: block; width: 255px; height: 93px; padding-top: 123px; font-size: 18px; font-weight: 600; color: #555; background: url('/old/images/sub2/info_bg1.jpg') no-repeat center top; }
.join_area .info_box dl.bg2 dt { background: url('/old/images/sub2/info_bg2.jpg') no-repeat center top; }
.join_area .info_box dl.bg3 dt { background: url('/old/images/sub2/info_bg3.jpg') no-repeat center top; }
.join_area .info_box dl.bg4 dt { background: url('/old/images/sub2/info_bg4.jpg') no-repeat center top; }
.join_area .info_box dl dd { display: block; line-height: 2; margin-top: 5px; font-size: 14px; color: #666; }
.join_area .step_box { display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.join_area .step_box li { display: block; float: left; width: 125px; height: 60px; margin: 0 0 13px 13px; padding: 20px 0px 30px 0px; font-size: 16px; color: #666; text-align: center; border: 7px solid #ddd; border-radius: 15px; }
/* .join_area .step_box li:nth-child(3n-2) {
	margin-left: 0;
} */
.join_area .step_box li strong { display: block; margin-bottom: 7px; font-size: 16px; font-weight: 600; color: #eb7c00; }
.join_area .btn_down { display: block; width: 214px; height: 44px; line-height: 44px; margin: 27px auto 0; padding-left: 12px; font-size: 16px; font-weight: 600; color: #fff; background: #eb7c00 url('/old/images/sub2/icon_down.png') no-repeat 198px center; }
.join_area .step_box_bottom { display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.join_area .step_box_bottom li { display: block; float: left; width: 136px; margin: 0px 0px 70px 15px; font-size: 11px; color: #666; text-align: center; }
/* 이용안내 : 문화교육수강안내 */
.culture_area { display: block; }
.culture_area .culture_list { display: block; margin: 0 0 65px; padding: 0; list-style: none; }
.culture_area .culture_list li { display: block; line-height: 2; margin-bottom: 2px; padding-left: 10px; font-size: 16px !important; color: #333; background: url('/old/images/common/blet2.gif') no-repeat left 13px; }
.culture_area .culture_list li span { color: #e60000; }
.culture_area .culture_list li strong { color: #e60000; }
.culture_area .culture_list2 { display: block; margin-bottom: 0; }
.culture_area .culture_list2 li { color: #666; }
.attendance_box { display: block; margin-bottom: 70px; padding: 15px 0 15px 180px; background: url('/old/images/sub2/attendance_img.jpg') no-repeat left top !important; }
.attendance_box .big_text { display: block; margin-bottom: 20px; font-size: 20px; font-weight: 600; color: #eb7c00; }
.attendance_box .big_text span { color: #e00000; }
.attendance_box ul { display: block; margin: 0 0 20px; padding: 0; list-style: none; }
.attendance_box ul li { display: block; margin-bottom: 10px; padding-left: 10px; font-size: 14px; color: #333; background: url('/old/images/common/blet2.gif') no-repeat left center; }
.attendance_box .small_text { display: block; margin-bottom: 12px; font-size: 14px; font-weight: 600; color: #03559f; }
.text_ex { font-size: 16px; display: block; margin: 0px 0px 70px 230px; }
.culture_list { list-style: none; font-size: 16px; color: #666; line-height: 170%; }
.step_box_02 { display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.step_box_02 li { display: block; float: left; margin: 0px 0px 10px 13px; padding: 20px 15px 30px 15px; font-size: 16px; color: #666; text-align: center; border: 7px solid #ddd; border-radius: 15px; }
.step_box_02 li strong { display: block; margin-bottom: 7px; font-size: 16px; font-weight: 600; color: #eb7c00; }

/* 이용안내 : 기관방문 및 대관 안내 */
.visit_guide_area { display: block; }
.visit_guide_area .text { display: block; margin-bottom: 30px; font-size: 14px; color: #666; }
.visit_guide_area .text strong { display: block; margin-top: 10px; }
.visit_list { display: block; margin: 0 0 30px; padding: 0; list-style: none; overflow: hidden; }
.visit_list li { display: table; float: left; width: 130px; height: 118px; line-height: 1.6; margin-right: 1px; font-size: 14px; color: #666; background: url('/old/images/sub2/visit_list_bg1.gif') no-repeat center top !important;}
.visit_list li.bg2 {background:url('/outpage/images/sub2/visit_list_bg2.gif') no-repeat center top !important;}
.visit_list li.bg3 {background:url('/old/images/sub2/visit_list_bg3.gif') no-repeat center top !important; }
.visit_list li.bg4 {background:url('/old/images/sub2/visit_list_bg4.gif') no-repeat center top !important; }
.visit_list li.bg5 {background:url('/old/images/sub2/visit_list_bg5.gif') no-repeat center top !important; }
.visit_list li.bg_last1 { width: 118px; background: url('/old/images/sub2/visit_list_bg7.gif') no-repeat center top !important; }
.visit_list li.bg_last2 { width: 118px; background: url('/old/images/sub2/visit_list_bg6.gif') no-repeat center top !important; }
.visit_list li p { display: table-cell; vertical-align: middle; }
.visit_list li p span { display: block; width: 102px; text-align: center; }
.use_box { position: relative; display: block; }
.use_box strong { display: block; margin-bottom: 30px; font-size: 14px; font-weight: 600; color: #666; }
.use_box .use_text { position: relative; display: block; margin-bottom: 8px; }
.use_box .use_text span { display: block; font-size: 14px; color: #666; }
.use_box .use_text2 { position: absolute; right: 0; top: 0; display: block; }



/* 이용안내 : 오늘의 식단 */
.p_menu { width: 138px; height: 102px; border: 1px solid #dddddd; }
/* 사업안내 */
.business_area { display: block; }
.business_area .text { display: block; line-height: 2; margin-bottom:10px; font-size: 14px; color: #666; }
.business_info { display: block; margin-bottom: 80px; overflow: hidden; }
.business_info dt { display: block; float: left; width: 164px; height: 36px; padding-top: 94px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; }
.business_info dt.bg1 { background: url('/old/images/sub3/business_bg1.jpg') no-repeat left top !important; }
.business_info dt.bg2 { background: url('/old/images/sub3/business_bg2.jpg') no-repeat left top !important; }
.business_info dt.bg3 { background: url('/old/images/sub3/business_bg3.jpg') no-repeat left top !important; }
.business_info dt.bg4 { background: url('/old/images/sub3/business_bg4_re.jpg') no-repeat left top !important; padding: 75px 0 19px !important;}
.business_info dt.bg5 { background: url('/old/images/sub3/business_bg5.jpg') no-repeat left top !important; }
.business_info dt.bg6 { background: url('/old/images/sub3/business_bg6.jpg') no-repeat left top !important; }
.business_info dt.bg7 { background: url('/old/images/sub3/business_bg7.jpg') no-repeat left top !important; }
.business_info dt.bg8 { background: url('/old/images/sub3/business_bg8.jpg') no-repeat left top !important; }
.business_info dt.bg9 { background: url('/old/images/sub3/business_bg9.jpg') no-repeat left top !important; }
.business_info dt.bg10 { background: url('/old/images/sub3/business_bg10.jpg') no-repeat left top !important; }
.business_info dt.bg11 { background: url('/old/images/sub3/business_bg11_re.jpg') no-repeat left top !important; padding: 75px 0 19px !important;}
.business_info dt.bg12 { background: url('/old/images/sub3/business_bg12.jpg') no-repeat left top !important; }
.business_info dd { display: table; float: left; width:80%; height: 128px; line-height: 2; padding: 0 20px; border: 1px solid #ccc; border-radius: 15px; letter-spacing: -0.5px; }
.business_info dd span { display: table-cell; font-size: 14px; color: #666; vertical-align: middle; }
.business_box { display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.business_box li { display: block; float: left; width: 373px; margin-left: 30px; margin-bottom: 30px; }
.business_box li:nth-child(2n-1) { margin-left: 0; }
.business_area .list { display: block; margin: 0; padding: 0; list-style: none; }
.business_area .list li { display: block; line-height: 2; margin-bottom: 2px; padding-left: 10px; font-size: 14px; color: #666; letter-spacing: -0.5px; background: url('/old/images/common/blet2.gif') no-repeat left 13px; }
.business_area .list li span { color: #e60000; }
.business_area .list li strong { color: #e60000; }
.apply_list { display: block; margin: 0 0 80px; padding: 0; list-style: none; }
.apply_list li { display: block; margin-bottom: 12px; font-size: 14px; color: #666; }
.apply_list li span { display: inline-block; width: 15px; height: 15px; line-height: 15px; margin-right: 7px; font-size: 12px; color: #fff; text-align: center; background: #eb7c00; border-radius: 20px; vertical-align: middle; }
/* 후원 및 자원봉사 */
.volunteer_area .text { display: block; margin-bottom: 70px; font-size: 14px; color: #666; }
.text0409 { margin-bottom: 80px; line-height: 2.0; font-size: 16px !important; }
.text0409 .list { display: block; margin: 0 0 0 20px; padding: 0; list-style: none; }
.text0409 .list li { display: block; line-height: 2; padding-left: 10px; font-size: 16px; color: #666; background: url('/old/images/common/blet2.gif') no-repeat left 13px; }
.volunteer_box { display: block; height: 282px; margin-bottom: 80px; background: url('/old/images/sub4/volunteer_bg1.jpg') no-repeat left top; }
.fob20 { color: #eb7c00 !important; font-weight: bold; font-size: 20px; }
.volunteer_box p { display: block; width: 300px; line-height: 1.5; padding-top: 100px; font-size: 18px; color: #666; text-align: center; }
.volunteer_box strong { display: block; margin-top: 7px; font-size: 27px; color: #eb7c00; }
.volunteer_box2 { background: url('/old/images/sub4/volunteer_bg2.jpg') no-repeat left top !important; }
.volunteer_box2 p { width: 320px; }
.volunteer_box2 p span { color: #eb7c00; }
.volunteer_box3 { display: block; height: 282px; margin-bottom: 40px; background: url('/old/images/sub1/vision_bg3.jpg') no-repeat left top; }
.volunteer_box3 p { display: block; width: 300px; line-height: 1.5; padding-top: 100px; font-size: 18px; color: #666; text-align: center; }
.volunteer_box3 strong { display: block; margin-top: 7px; font-size: 27px; color: #eb7c00; }
.volunteer_box4 { margin-bottom: 40px; background: url('/old/images/sub1/vision_bg5.jpg') no-repeat left top !important; }

@media (max-width: 450px) {
	.volunteer_box3 {height: 500px; padding-bottom: 200px !important; margin-bottom: 40px; background: url('/old/images/sub1/vision_bg3.jpg') no-repeat center bottom !important;}
}

/* 커뮤니티 */
.club_box { display: block; height: 282px; margin-bottom: 80px; background: url('/old/images/sub6/club_bg.jpg') no-repeat left top !important; }
.club_box p { display: block; width: 390px; line-height: 2; padding-top: 85px; font-size: 14px; color: #666; text-align: center; }
.club_box span { display: block; font-size: 18px; color: #eb7c00; letter-spacing: -0.3px; }

/* 노인상담센터 */
.process_list2 { display: block; height: 160px; margin: 0 0 80px; padding: 0; list-style: none; background: url('/old/images/sub11/process_bg.jpg') no-repeat left top !important; overflow: hidden; }
.process_list2 > li { display: table; float: left; width: 94px; height: 94px; margin: 32px 7px 0 0; text-align: center !important;box-sizing:border-box;border:0px solid #000; }
.process_list2 > li.long { width: auto; margin: 0; }
.process_list2 > li > span { display: table-cell; line-height: 1.5; font-size: 14px; color: #666; vertical-align: middle; box-sizing:border-box;}
.process_list2 > li > ol { display: block; margin: 0 0 32px; padding: 0; list-style: none; overflow: hidden; }
.process_list2 > li > ol li { display: table; float: left; width: 89px; height: 64px; margin-left: 7px; text-align: center; }
.process_list2 > li > ol li.long { width: auto; }
.process_list2 > li > ol li.long1 { width: 471px; }
.process_list2 > li > ol li.long2 { width: 182px; }
.process_list2 > li > ol li span { display: table-cell; line-height: 1.5; font-size: 14px; color: #666; vertical-align: middle; }

/* 주간보호센터 */
.use_list { display: block; margin: 0 0 30px; padding: 0; list-style: none; overflow: hidden; }
.use_list li { display: block; float: left; width: 250px; height: 137px; line-height: 1.8; margin-left: 13px; padding-top: 35px; font-size: 14px; color: #666; text-align: center; background: url('/old/images/sub11/use_bg1.jpg') no-repeat left top !important; }
.use_list li.bg2 { background: url('/old/images/sub11/use_bg2.jpg') no-repeat left top !important; }
.use_list li.bg3 { background: url('/old/images/sub11/use_bg3.jpg') no-repeat left top !important; }
.use_list li:first-child { margin-left: 0; }
.use_list li strong { display: block; margin-bottom: 30px; font-size: 18px; color: #333; }
.process_list { display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.process_list li { display: block; float: left; width: 236px; height: 47px; margin: 0 0 13px 13px; padding: 18px 0; font-size: 14px; color: #666; text-align: center; border: 7px solid #ddd; border-radius: 20px; }
.process_list li:nth-child(3n-2) { margin-left: 0; }
.process_list li strong { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #eb7c00; }
.process_list3 { display: flex; margin: 0px 0px 15px 0px; gap:20px; padding: 0; list-style: none; overflow: hidden; }
.process_list3 li {flex-grow:1; width: 106px; padding:20px; font-size: 14px; color: #666; text-align: center; border: 7px solid #ddd; border-radius: 20px; }

/* 가이드 영역 */
.guide { display: block; margin-bottom: 30px; padding: 5px 15px; border: 4px solid #f4f4f4; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.guide ul { display: block; list-style: none; margin: 0; padding: 0; }
.guide ul li { display: block; margin: 10px 0; padding-left: 20px; background: url('/index/image/icon1.gif') no-repeat left 50%; }
/* 퀵메뉴 */
#quick_right { position: absolute; display: block; left: 50%; top: 153px; margin-left: 530px; overflow: hidden; z-index: 99; }
/* 준비중 페이지 코딩 : 삭제하지 마시오 */
.ready_box { position: relative; display: block; height: 400px; text-align: center; border: 1px solid #ddd; }
.ready_box .txt { position: absolute; display: inline; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: 20px; margin: auto auto; font-size: 20px; color: #333; font-weight: 500; }
/* 주간식단안내 */
.weekly_diet_guide { display: flex; flex-direction: column; }
.weekly_diet_guide .diet_btn_area { display: block; margin: 0 0 20px 0; text-align: center; }
.weekly_diet_guide .diet_btn_area a { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 13px; font-weight: bold; color: #656565; text-align: center; background: #fafafa; border: 1px solid #ddd; }
.weekly_diet_guide .diet_btn_area .weekly { display: inline-block; font-size: 30px; font-weight: 600; color: #606060; margin: -3px 25px 0; vertical-align: middle; }
.weekly_diet_guide .diet_area { display: flex; flex-direction:row; flex-wrap: wrap;margin: 0 0 0px 0;}
.weekly_diet_guide .diet_area dl { display:flex; flex-direction:column; width: calc(20% - 15px); min-height: 330px; margin-left: 15px; margin-bottom: 10px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.weekly_diet_guide .diet_area dl:first-child { margin-left: 0; }
.weekly_diet_guide .diet_area dl:nth-child(5n+1) { margin-left: 0; }
.weekly_diet_guide .diet_area dl dt { display: block; width: 100%; padding:5px 0; font-size: 14px; font-weight: 600; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.weekly_diet_guide .diet_area dl dt p { display: block; margin-bottom:3px; font-size: 16px; }
.weekly_diet_guide .diet_area dl dd { display: block; line-height:1.7; font-size: 14px; color: #666; border: 1px solid #ddd; border-top: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.weekly_diet_guide .diet_area dl dd.menu { min-height: 180px; padding: 15px 5px; word-break: break-all; }
.weekly_diet_guide .diet_area dl dd.kcal { line-height: 24px; padding: 10px 0; font-size: 16px; font-weight: 600; color: #333; background: #fafafa; }
.weekly_diet_guide .diet_area dl dd.kcal p { display: block; margin-top: 0px; font-size: 14px; font-weight: 400; color: #666; }
.weekly_diet_guide .diet_area dl dd.origin { height: 114px; padding: 10px 0; }
.weekly_diet_guide .diet_area dl:nth-child(1n) dt { background: #f7b02a; }
.weekly_diet_guide .diet_area dl:nth-child(2n) dt { background: #fa992c; }
.weekly_diet_guide .diet_area dl:nth-child(3n) dt { background: #f67f0c; }
.weekly_diet_guide .diet_area dl:nth-child(4n) dt { background: #f16e06; }
.weekly_diet_guide .diet_area dl:nth-child(5n) dt { background: #98783a; }
.tit_01 { text-align: center; border-top: 2px solid #eb7c00; font-size: 16px; padding: 9px 0px 9px 0px; background: #fcf5ec; margin: 50px 0px 0px 0px; }
.G_employee h5 { border-top: 2px solid #eb7c00; text-align: center; font-size: 16px; padding: 9px 0px 9px 0px; border-bottom: 1px solid #ddd; }
.G_employee table { border-collapse: collapse; width: 100%; }
.G_employee table thead tr { text-align: center; border-bottom: 1px solid #ddd; background: #eeeeee; font-size: 14px; }
.G_employee table thead tr th { padding: 5px 0px 6px 0px; border-right: 1px solid #ddd; }
.G_employee table thead tr th:last-child, .G_employee table tbody tr td:last-child { border-right: none; }
.G_employee table tbody tr td { font-size: 14px; padding: 5px 0px 6px 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.G_employee table tbody tr td:nth-child(1), .G_employee table tbody tr td:nth-child(2) { text-align: center; padding: 5px 0px 6px 0px; }
.G_employee2 table { border-collapse: collapse; width: 100%; margin-bottom:50px;}
.G_employee2 table thead tr th { text-align: center; border-top: 2px solid #eb7c00; border-bottom: 1px solid #ddd; background: #fcf5ec; font-size: 16px; padding: 3px 0px 8px 0px; }
.G_employee2 table thead tr th:last-child, .G_employee2 table tbody tr td:last-child { border-right: none; }
.G_employee2 table tbody tr th { text-align: center; border-bottom: 1px solid #ddd; background: #eeeeee; font-size: 14px; padding: 5px 0px 6px 0px; }
.G_employee2 table tbody tr td { font-size: 14px; padding: 5px 0px 6px 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.G_employee2 table tbody tr td:nth-child(1), .G_employee2 table tbody tr td:nth-child(2), .G_employee2 table tbody tr td:last-child { text-align: center; padding: 5px 0px 6px 0px; }
.G_employee2 table caption{display:none !important;}

/* 법인소개 */
.corporation_box_01 { margin: 0px 0px 40px 0px; }
.corporation_box_01 ul { margin: 0; padding: 0; }
.corporation_box_01 ul li { list-style: none; }
.corporation_box_01 ul li strong { color: #333333; font-size: 16px; width: 65px; margin: 0px 30px 10px 0px; display: inline-block; }
.corporation_box_01 ul li span { color: #555555; font-size: 16px; letter-spacing: -1px; }
.corporation_box_01 ul li ul { display: inline-block; color: #555555; font-size: 16px; }
.corporation_box_01 ul li ul li { line-height: 150%; }
.vat { vertical-align: top; }
.ac { text-align: center !important; }
.mb40 { margin-bottom: 40px !important; }
/* 회사소개 : 회사연혁 */
.history_area .history_box { position: relative; display: block; padding-bottom: 60px; background: url('/old/images/sub1/y_blet.gif') repeat-y 189px top; }
.history_area .history_box .year { position: absolute; left: 0; top: -14px; display: inline-block; padding-right: 80px; font-size: 54px; font-weight: 800; color: #eb7c00; letter-spacing: -3px; background: url('/old/images/sub1/y_blet1.gif') no-repeat right 12px; }
.history_area .history_box .year2 { color: #f0b06a; background: url('/old/images/sub1/y_blet2.gif') no-repeat right 12px; }
.history_area .history_box .year3 { color: #fcb446; background: url('/old/images/sub1/y_blet3.gif') no-repeat right 12px; }
.history_area .history_box .year4 { color: #98783a; background: url('/old/images/sub1/y_blet4.gif') no-repeat right 12px; }
.history_area .history_box ul { margin: 0; padding: 0; padding-left: 218px !important; list-style: none; }
.history_area .history_box ul li { margin-bottom: 7px; }
.history_area .history_box ul li:after { display: block; content: ""; clear: both; }
.history_area .history_box ul li span.date { display: block; float: left; width: 68px; margin-top: -2px; font-size: 14px; font-weight: 600; color: #333; vertical-align: middle; }
.history_area .history_box ul li p { display: block; float: left; width: 490px; line-height: 1.8; margin-top: -6px; font-size: 14px; color: #666; letter-spacing: -0.4px; }
.history_area .history_box ul li p .blet { display: block; padding-left: 10px; background: url('/old/images/sub1/h_blet1.gif') no-repeat left center; }
.history_area .history_box ul li p .blet2 { background: url('/old/images/sub1/h_blet2.gif') no-repeat left center; }
.history_area .history_box ul li p .blet3 { background: url('/old/images/sub1/h_blet3.gif') no-repeat left center; }
.history_area .history_box ul li p .blet4 { background: url('/old/images/sub1/h_blet4.gif') no-repeat left center; }
.history_area .history_last { padding-bottom: 10px; background: url('/old/images/sub1/y_blet5.gif') no-repeat 181px bottom, url('/old/images/sub1/y_blet.gif') repeat-y 189px top; }
.mb100 { margin-bottom: 100px; }

.btn_o {display:block; width:250px; line-height:35px; margin: 15px auto 0; text-align:center; font-size: 16px; font-weight: 600; color: #fff !important; background: #e47600; border-radius:10px !important;}
.btn_o02 {display:block; width:150px; line-height:35px; margin: 15px auto 0; text-align:center; font-size: 16px; font-weight: 600; color: #fff !important; background: #e47600;}
.btn_gray {display:block; width:150px; line-height:35px; margin: 15px auto 0; text-align:center; font-size: 16px; font-weight: 600; color: #fff !important; background: #989898;}

.jointxt {margin-top:20px; text-align:center; font-size:14px; color:#000000;}
.jointxt p {padding-bottom:15px;}
.jointxt p:last-child {text-align:right;margin-top:20px;}
.online_apply { display: block; width: 776px; margin-left: -350px; }
.online_apply ul li {list-style:none; width:40%; display:inline-block; float:left; border:1px solid #edd1b2; background:#fcf7f1; padding:20px 20px 30px 20px; margin:0 10px; text-align:center; border-radius:10px !important;}
.online_apply .tit {font-size:20px; font-weight:700; margin:10px 0;}
.online_apply .txt {height:50px;}
.online_apply a {display:block; width:150px; line-height:35px; margin: 15px auto 0; text-align:center; font-size: 14px; font-weight: 600; color: #fff; background: #97773a; border-radius:20px !important;}
.online_apply a:hover {background:#866527;}

.online_sel { width: 100%; border-collapse: collapse; border-spacing: 0; }
.online_sel th {font-size: 14px; padding: 10px 4px; text-align: center; border: 1px solid #ddd; border-right: 0; }
.online_sel td {font-size: 14px; padding: 6px 4px; text-align: center; border: 1px solid #ddd; border-right: 0; }
.online_sel thead tr th:first-child, .online_sel tbody tr th:first-child, .online_sel tbody tr td:first-child { border-left: 0; }
.online_sel thead tr th { font-size: 15px; font-weight: 600; color: #333; border-top: 2px solid #eb7c00; }
.online_sel tbody tr th {text-align:left; padding-left:10px;}
.online_sel tr td:first-child { color: #333; }
.online_sel tr td.red { color: #ed1c24; }
.online_sel tr td.green { color: #28a364; }
.online_sel tr td.skyb { color: #0095da; }
.online_sel thead .bg01 { background: #fff4dd; }

.online_popup {position:absolute; top:80%; left:50%; width:400px; margin-left:-200px; background:#ffffff; border:2px solid #e8a765; padding:40px 30px 20px 30px; text-align:center; box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -o-box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.online_popup .tit {text-align:center; font-size:15px; margin-bottom:10px; font-weight:700;}
.online_popup .sel {font-size:15px; margin:25px 0; color:#252525; font-weight:600;}

.online_sel_check {list-style:none; line-height:1.5; background:#f1f1f1; width:500px; margin:0 auto; padding:20px 40px 10px 40px;}
.online_sel_check li {margin-bottom:10px;}
.online_sel_check span {font-size:15px;font-weight:600; width:110px; display:inline-block;}

.checklist label {margin:0 10px 5px 0; line-height:1.6; vertical-align:middle;}
.fco01 {color:#f34248 !important; font-size:11px;}

.read_area img {max-width:100%; height: auto !important;}

.menutable {width:100%; border-right:1px solid #e8e8e8; border-collapse: collapse; border-spacing: 0;}
.menutable thead th {text-align:center; font-weight:700; color:#ffffff; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; line-height:40px;}
.menutable thead th:nth-child(1){background:#f7b02a;}
.menutable thead th:nth-child(2){background:#fa992c;}
.menutable thead th:nth-child(3){background:#f67f0c;}
.menutable thead th:nth-child(4){background:#f16e06;}
.menutable thead th:nth-child(5){background:#98783a;}
.menutable tbody td {padding:10px;  border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; vertical-align:top; height:150px;}
.menutable tbody td span {text-align:left; font-weight:700; display:block; margin-bottom:9px; font-size:15px;}
.menutable tbody td ul {display:inline-block; padding:0; margin:0; min-height:150px;}
.menutable tbody td ul li {width:100%; padding-bottom:5px; display:inline-block;}
.menutable tbody td.sel {background:#fdf6ed;}
.menutable tbody td.sel span {color:#d17113;}
.menutable tbody td div {font-weight:700; display:block; margin-top:20px;}

.mr10{margin-right:10px !important;}


.contType1{border:1px solid #ddd;padding:20px;border-radius:20px;}

.spon_qr_wrap{overflow:hidden; display:block; padding:0; margin:0; position:relative;}
.spon_qr_wrap .spon_qr_info{width:25%; float:left; display:block; padding:0; margin:0;}
.spon_qr_wrap .spon_qr{width:25%; float:left; display:block; padding:0; margin:0;}
.spon_qr_wrap .spon_qr img{max-width:100%; width:40%; display:block;}

.ulli{padding:0 5px; margin:7px 0; list-style:none; display:block;}
.ulli li{padding:0 0 0 15px !important; margin:0 0 5px !important; display:block; font-size:14px; position:relative;}
.ulli li:before{content:''; position:absolute; width:5px; height:5px; background:#666; left:0; top:8px; border-radius:100px;}