@charset "utf-8";
#top{border-bottom:1px solid #d5d5d5;}
#top h1{float:left; margin-top:20px; margin-bottom:20px;}
#top h1 img{max-width:100%;}
#lnb{float:right; width:80%;}
#lnb>li{position:relative; float:left; width:25%; padding-top:24px; padding-bottom:24px; text-align:center;}
#lnb>li:first-child>.submenu{border-left:1px solid #ccc; margin-left:-1px;}
#lnb>li a{display:block; letter-spacing:-.6px;}
#lnb>li>a{font-size:20px; color:#2d2d2d;}
#lnb>li.select>a, #lnb>li.on>a, #lnb>li:hover>a{font-weight:bold;}
#lnb .submenu{position:absolute; left:0; top:100%; display:none; width:100%; height:275px; padding-top:10px; padding-bottom:15px; border-right:1px solid #ccc; text-align:center; z-index:99;}
#lnb .submenu li{margin-top:3px; margin-bottom:3px;}
#lnb .submenu a{padding-left:10px; padding-right:10px; font-size:14px;}
#lnb .submenu a:hover{background-color:#de7004; font-weight:bold; color:#fff; text-decoration:none;}
#top .submenu_bg{position:absolute; left:0px; top:113px; display:none; width:100%; height:300px; border-top:1px solid #d5d5d5; border-bottom:2px solid #de7004; background-color:#f8f8f8; z-index:9;}
#top .submenu_bg>.wrapper{height:100%; background:url(/welfare/images/sub/nav_bg.jpg) no-repeat ; background-size:auto 100%;}
footer p, footer a, footer address{font-size:14px;}
footer .btm_logo{position:absolute; top:50%; margin-top:-14px;}
footer .btm_info{float:left; margin-left:290px; text-align:left;}
footer .btm_menu{width:100%;}
.accor_list>ul>li .con{ padding:2% 3% 4% !important;}

#container{margin-top:40px;}
 
#leftmenu{float:left; width:240px;}
#leftmenu .tit{padding-top:35px; padding-bottom:35px; font-size:30px; font-weight:bold; color:#fff; letter-spacing:-0.6px; text-align:center;}
#leftmenu>ul{border-bottom:1px solid #ccc; z-index:99;}
#leftmenu>ul>li{position:relative; border-top:1px solid #ccc;}
#leftmenu>ul>li:before{position:absolute; right:15px; top:27px; width:15px; height:1px; background:#ccc; content:"";}
#leftmenu>ul>li:after{position:absolute; right:22px; top:20px; width:1px; height:15px; background:#ccc; content:"";}
#leftmenu>ul>li.on:after{background:none;}
#leftmenu>ul>li:first-child{border-top:0px;}
#leftmenu>ul>li a{display:block;}
#leftmenu>ul>li>a{padding:15px; font-size:17px;}
#leftmenu>ul>li>ul{display:none; margin:0 1px; padding:10px 20px; border-top:2px solid #ccc; border-bottom:1px solid #ccc; background-color:#f8f8f8;}
#leftmenu>ul>li>ul>li{border-bottom:1px dashed #ccc;}
#leftmenu>ul>li>ul>li:last-child{border-bottom:none;}
#leftmenu>ul>li>ul>li>a{position:relative; padding-top:2px; padding-bottom:2px; padding-left:11px; font-size:15px; line-height:36px;}
#leftmenu>ul>li>ul>li>a:before{position:absolute; left:0; top:18px; width:3px; height:3px; background:#666; content:"";}
#leftmenu>ul>li>ul>li>a:hover, #leftmenu>ul>li>ul>li.on>a{font-weight:bold;}
#leftmenu ul.depth4{display:none; padding:10px 15px; background:#fff;}
#leftmenu ul.depth4>li a.point{position:relative;}
#leftmenu ul.depth4>li a.point:before{position:absolute; right:15px; top:27px; width:15px; height:1px; background:#ccc; content:"";}
#leftmenu ul.depth4>li a.point:after{position:absolute; right:22px; top:20px; width:1px; height:15px; background:#ccc; content:"";}
#leftmenu ul.depth4>li>a{position:relative; padding-left:12px; font-size:14px;}
#leftmenu ul.depth4>li>a:before{position:absolute; left:0; top:12px; width:4px; height:1px; background:#666; content:"";}
#leftmenu ul.depth4>li>a:hover, #leftmenu>ul>li>ul>li>ul>li.on>a{font-weight:bold;} 
#contents{float:right; width:75.834%;}

.sub_title{position:relative; overflow:hidden; margin-top:22px; margin-bottom:22px;}
.sub_title h3{float:left; margin-right:10px; font-size:40px; color:#2d2d2d; padding-bottom:20px;}
.yeonsu .sub_title h3{letter-spacing:-3px;}
.sub_title ol{position:absolute; right:0; bottom:0; overflow:hidden;}
.sub_title ol li{float:left; margin-left:8px; padding-left:13px; background:url(/welfare/images/sub/location_arr.gif) no-repeat left center; font-size:14px; font-weight:300;}
.sub_title ol li.home{margin-left:0px; padding-left:20px; text-indent:-5000px; background:url(/welfare/images/sub/location_home.gif) no-repeat left center;}
.sub_title .sns{float:left; margin-top:24px;}
.sub_title .sns li{float:left; margin-left:8px;}
.sub_title .sns li a{display:block; width:28px; height:28px; text-indent:-5000px;}
.sub_title .sns li.sns01 a{background:url(/share/images/inc/ic_sns01.gif) no-repeat center;}
.sub_title .sns li.sns02 a{background:url(/share/images/inc/ic_sns02.gif) no-repeat center;}
.sub_title .sns li.sns03 a{background:url(/share/images/inc/ic_sns03.gif) no-repeat center;}
.sub_title .sns li.sns04 a{background:url(/share/images/inc/ic_sns04.gif) no-repeat center;}
.sub_title .sns li.favorite a{background:url(/share/images/inc/ic_favorite.gif) no-repeat center;}
.sub_title .sns li.print a{background:url(/share/images/inc/ic_print.gif) no-repeat center;}

#tab ul{display:flex; flex-direction:row; flex-wrap:wrap; width:100%; margin-top:30px; border-left:1px solid #ccc;}
#tab ul li{text-align:center;}
#tab ul li a{display:block; padding:15px 10px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#tab ul li.select a{padding-top:13px; border-top-width:3px; font-weight:bold;}

/**** 생애주기별 레프트메뉴 타이틀컬러 ****/
#container.baby #leftmenu .tit, #container.baby h4:before,
#container.child #leftmenu .tit, #container.child h4:before,
#container.youth #leftmenu .tit, #container.youth h4:before,
#container.senior #leftmenu .tit, #container.senior h4:before{background-color:#863ba5;}
#container.baby #tab ul li.on a,
#container.child #tab ul li.on a,
#container.youth #tab ul li.on a,
#container.senior #tab ul li.on a{border-top-color:#863ba5;}
#container.baby #leftmenu>ul>li>ul>li.on>a,
#container.child #leftmenu>ul>li>ul>li.on>a,
#container.youth #leftmenu>ul>li>ul>li.on>a,
#container.senior #leftmenu>ul>li>ul>li.on>a,
#container.baby #leftmenu>ul>li>ul>li>ul>li.on>a,
#container.child #leftmenu>ul>li>ul>li>ul>li.on>a,
#container.youth #leftmenu>ul>li>ul>li>ul>li.on>a,
#container.senior #leftmenu>ul>li>ul>li>ul>li.on>a{color:#863ba5;}

/**** 대상자별 레프트메뉴 타이틀컬러 ****/
#container.woman #leftmenu .tit, #container.woman h4:before,
#container.downscale #leftmenu .tit, #container.downscale h4:before,
#container.disabled #leftmenu .tit, #container.disabled h4:before{background-color:#fe5041;}
#container.woman #tab ul li.on a,
#container.downscale #tab ul li.on a,
#container.disabled #tab ul li.on a{border-top-color:#fe5041;}
#container.woman #leftmenu>ul>li>ul>li.on>a,
#container.downscale #leftmenu>ul>li>ul>li.on>a,
#container.disabled #leftmenu>ul>li>ul>li.on>a,
#container.woman #leftmenu>ul>li>ul>li>ul>li.on>a,
#container.downscale #leftmenu>ul>li>ul>li>ul>li.on>a,
#container.disabled #leftmenu>ul>li>ul>li>ul>li.on>a{color:#fe5041;}

/**** 지역사회보장협의회 레프트메뉴 타이틀컬러 ****/
#container.local #leftmenu .tit, #container.local h4:before{background-color:#0a59bb;}
#container.local #tab ul li.on a{border-top-color:#0a59bb;}
#container.local #leftmenu>ul>li>ul>li.on>a,
#container.local #leftmenu>ul>li>ul>li>ul>li.on>a{color:#0a59bb;}

/**** 우리구복지정보 레프트메뉴 타이틀컬러 ****/
#container.yeonsu #leftmenu .tit, #container.yeonsu h4:before{background-color:#769334;}
#container.yeonsu #tab ul li.on a{border-top-color:#769334;}
#container.yeonsu #leftmenu>ul>li>ul>li.on>a,
#container.yeonsu #leftmenu>ul>li>ul>li>ul>li.on>a{color:#769334;}

#detail_con{padding:3% 0%; min-height:450px;}
#detail_con img{max-width:100%;}
h4{margin-top:50px; position:relative; padding-top:8px; font-size:20px; color:#2d2d2d;}
h4:before, h4::before{position:absolute; top:0; width:33px; height:3px; content:"";}
h4:first-child{margin-top:0;}
.sblet{padding-left:13px; background:url(/welfare/images/sub/sblet.gif) no-repeat left 8px; font-size:18px; font-weight:bold;}
.ssblet{margin-top:10px; padding-left:10px; background:url(/welfare/images/sub/ssblet.gif) no-repeat left 9px;}
.sssblet{margin-top:5px; padding-left:8px; background:url(/welfare/images/sub/sssblet.gif) no-repeat left 9px; font-size:14px;}
.ssssblet{position:relative; margin-top:3px; padding-left:5px; font-size:13px;}
.ssssblet:before, .ssssblet::before{position:absolute; left:0; top:8px; width:2px; height:2px; background:#8A8585; content:"";}
.para01{margin-top:15px; margin-left:5px;}
.para01_01{margin-top:30px; margin-left:5px;}
.para02{margin-top:15px; margin-left:10px;}
.para03{margin-top:5px; margin-bottom:10px;}
.para04{margin-top:15px; margin-left:5px;} /*h4>ssblet*/

.Npara{margin-top:30px;}
.Npara01{margin:0 0 0 10px;}
.Npara01>li{margin-top:11px;}
.Npara02{margin:7px 0 0 15px;}
.Npara02 li, .Npara02 p{font-size:13px;}
.r_info{text-align:right; margin:10px 0;} 
.r_info p{display:inline-block; padding:10px 20px; background:#f5f5f5; font-size:13px;}

.btn{padding:5px 20px 5px 28px; border:none; background-color:#2d2d2d; color:#fff; font-size:17px; font-weight:bold; box-shadow:0 1px #ccc;}
.btn .link{padding:0 30px 0 0; background:url(/main/images/contents/ic_arrR.png) no-repeat right center;}
.btn .down{padding:10px 5px 10px 25px; background:url(/main/images/contents/ic_down.png) no-repeat left center;}
.btn .file{padding:10px 25px 10px 5px; background:url(/welfare/images/sub/list_ico.png) no-repeat right center;}
.gourl{margin-left:4px; padding-left:18px; background:url(/welfare/images/sub/ic_gourl.gif) no-repeat left 4px; font-weight:bold; text-decoration:underline;}

.h4_tbox{padding:25px 20px; border:1px dashed #ccc; border-top:2px solid #484848; font-size:16px;}
.tbox{margin-top:10px; padding:20px; border:1px solid #ccc; background:#f8f8f8;}
.tbox_con{margin-top:10px; padding:10px 20px; background:#f2f2f2;}
.red_font{color:#cd0c0c;}
 
.datatable{margin-top:20px;}
.datatable .data{width:100%;}
.datatable .data.left tbody th, .datatable .data.left tbody td{text-align:left;}
.datatable .data caption{position:fixed; top:-500000px; display:block; width:0px; height:0px; margin:0px; padding:0px; border:0px; text-indent:-50000px;}
.datatable .data thead th{padding:10px; border:1px solid #484848; background:#f8f8f8; font-size:16px; color:#2d2d2d; text-align:center}
.datatable .data tbody{border-top:2px solid #484848;}
.datatable .data thead+tbody{border-top:0;}
.datatable .data tbody td, .datatable .data tbody th{padding:10px; border:1px solid #ccc;text-align:center; word-break:break-all;}
.datatable .data tbody th{font-weight:bold; color:#2d2d2d;}
.datatable .data tbody>tr:first-child th, .datatable .data tbody>tr:first-child td{border-top:none;}
.datatable p.right{margin-bottom:5px; font-size:13px;}

/*** contents ***/
#detail_con ol.step{overflow:hidden; margin-top:5px;}
#detail_con ol.step li{float:left; margin:5px 0 ; padding-left:30px; background:url(https://www.yeonsu.go.kr/welfare/images/sub/step_arr.gif) no-repeat 10px center; text-align:center;}
#detail_con ol.step li:first-child{background:none; padding-left:0; margin-left:0;}
#detail_con ol.step li div{padding:15px 20px; border:1px solid #484848; background:#f8f8f8; font-weight:bold; font-size:14px; letter-spacing:-.5px;}
#detail_con ol.step li span{display:block; font-weight:normal;}
#detail_con ol.step .col4{ width:22%;}
/*** 2019-11-20 추가 긴급지원제도 ***/
#detail_con ol.step .step_inner{display:table;border:none;padding:0;min-height:120px;margin-top:10px;}
#detail_con ol.step .step_info{display:table-cell;margin-top:10px;border:1px solid #484848;padding:15px 20px;font-size:14px;background:#fff;font-weight:normal;vertical-align:middle;}
#detail_con ol.step .step_info li{float:none;background:none;text-align:left;padding:0;background:url(https://www.yeonsu.go.kr/welfare/images/sub/ssblet.gif) no-repeat left 9px;padding-left:10px;font-size:14px;}
/*** // 2019-11-20 추가 ***/
#detail_con ul.con_link{overflow:hidden; margin-top:10px;}
#detail_con ul.con_link li{float:left; width:31.3%; margin:0 .5%; border:1px solid #ccc; background:#f8f8f8;}
#detail_con ul.con_link li div{padding:20px; text-align:center;}
#detail_con ul.con_link li span{display:block; margin-top:15px; padding-top:15px; border-top:1px dashed #ccc;}
#detail_con .map_box{margin-top:15px; padding:5px; border:1px solid #ccc;}
#detail_con .map_box>div{border:1px solid #ccc;}
.downscale #detail_con .standard{overflow:hidden;}
.downscale #detail_con .standard ul{float:left;}
.downscale #detail_con .standard ul.con1{width:70%; text-align:center;}
.downscale #detail_con .standard ul li.plus{position:relative; left:50%; margin:15px 0; text-indent:-5000px; text-align:center;}
.downscale #detail_con .standard ul li.plus:after, .downscale #detail_con .standard ul li.plus::after{position:absolute; left:6px; top:0; width:3px; height:15px; background:#2d2d2d; content:"";}
.downscale #detail_con .standard ul li.plus:before, .downscale #detail_con .standard ul li.plus::before{position:absolute; left:0; top:6px; width:15px; height:3px; background:#2d2d2d; content:"";}
.downscale #detail_con .standard ul.con2 li{float:left; margin-top:30%; padding-left:20px;}
.downscale #detail_con .standard ul.con2 .txt{font-size:20px; font-weight:bold; color:#DE7A04;}
.downscale #detail_con .standard ul li.equal{position:relative;; text-indent:-5000px; text-align:center;}
.downscale #detail_con .standard ul li.equal:after, .downscale #detail_con .standard ul li.equal::after{position:absolute; left:0; top:5px; width:15px; height:3px; background:#2d2d2d; content:"";}
.downscale #detail_con .standard ul li.equal:before, .downscale #detail_con .standard ul li.equal::before{position:absolute; left:0; top:15px; width:15px; height:3px; background:#2d2d2d; content:"";}
.youth #detail_con .call_tit{position:relative; padding-bottom:20px; margin-bottom:20px;}
.youth #detail_con .call_tit>p{width:auto; font-size:25px; font-weight:bold; font-family:'Nanum Myeongjo', '나눔명조', sans-serif; text-align:center;}
.youth #detail_con .call_tit>p::before, .youth #detail_con .call_tit>p:before{position:absolute; left:50%; bottom:0; width:50px; height:3px; margin-left:-25px; background:#484848; content:"";}
.youth #detail_con .call_tit>p>span{border-bottom:2px double #DE7004; font-size:40px; color:#DE7004;}

#detail_con .woman_box div p span img, #detail_con .youth_box div p span img, #detail_con .senior_box div p span img, #detail_con .disabled_box div p span img{max-width:80%;}
#detail_con .woman_box{overflow:hidden; margin-top:20px;}
#detail_con .woman_box div{float:left; padding:6px; width:49.5%; margin:0 1% 1% 0; box-sizing:border-box; background:#fae8ed; border:1px solid #f2a3b8;}
#detail_con .woman_box div:nth-child(2n){margin-right:0;}
#detail_con .woman_box div p{padding:0 45px; background:#fff; height:108px; line-height:108px;}
#detail_con .woman_box div p span{display:block; background:url('/welfare/images/sub/site_box_arrow.gif') no-repeat right center;}
#detail_con .woman_box div p span img{vertical-align:middle;}
#detail_con .youth_box{overflow:hidden; margin-top:20px;}
#detail_con .youth_box div{float:left; padding:6px; width:49.5%; margin:0 1% 1% 0; box-sizing:border-box; background:#e9f2fb; border:1px solid #95bde7;}
#detail_con .youth_box div:nth-child(2n){margin-right:0;}
#detail_con .youth_box div p{padding:0 45px; background:#fff; height:108px; line-height:108px;}
#detail_con .youth_box div p span{display:block; background:url('/welfare/images/sub/site_box_arrow.gif') no-repeat right center;}
#detail_con .youth_box div p span img{vertical-align:middle;}
#detail_con .senior_box{overflow:hidden; margin-top:20px;}
#detail_con .senior_box div{float:left; padding:6px; width:49.5%; margin:0 1% 1% 0; box-sizing:border-box; background:#e7e3e1; border:1px solid #c7b7af;}
#detail_con .senior_box div:nth-child(2n){margin-right:0;}
#detail_con .senior_box div p{padding:0 45px; background:#fff; height:108px; line-height:108px;}
#detail_con .senior_box div p span{display:block; background:url('/welfare/images/sub/site_box_arrow.gif') no-repeat right center;}
#detail_con .senior_box div p span img{vertical-align:middle;}
#detail_con .disabled_box{overflow:hidden; margin-top:20px;}
#detail_con .disabled_box div{float:left; padding:6px; width:49.5%; margin:0 1% 1% 0; box-sizing:border-box; background:#e3e9d5; border:1px solid #acbe84;}
#detail_con .disabled_box div:nth-child(2n){margin-right:0;}
#detail_con .disabled_box div p{padding:0 45px; background:#fff; height:108px; line-height:108px;}
#detail_con .disabled_box div p span{display:block; background:url('/welfare/images/sub/site_box_arrow.gif') no-repeat right center;}
#detail_con .disabled_box div p span img{vertical-align:middle; max-width:80% !important;}
#detail_con .disabled_box_tt{overflow:hidden; margin-top:20px;}
#detail_con .disabled_box_tt>div{overflow:hidden; padding:6px; background:#e3e9d5; border:1px solid #acbe84; margin-top:10px;}
#detail_con .disabled_box_tt>div>a{display:block;}
#detail_con .disabled_box_tt div .thum{float:left; padding:0 30px; width:40%; box-sizing:border-box; background:#fff; text-align:center; min-height:124px; line-height:124px;}
#detail_con .disabled_box_tt div .thum img{vertical-align:middle;}
#detail_con .disabled_box_tt div .text{float:left; padding:18px 30px; width:60%; box-sizing:border-box; background:#f4f4f4; border-left:1px solid #e8e8e8;}
#detail_con .disabled_box_tt div .text.height2{padding:30px 30px;}
#detail_con .disabled_box_tt div .text p{display:block; padding:20px 60px 20px 20px; background:url('/welfare/images/sub/site_box_arrow2.gif') no-repeat right center;}
#detail_con .disabled_box_tt div .text p img{vertical-align:middle;}
#detail_con .dream_box{margin-top:20px; margin-left:5px; padding-bottom:4px; background:#f8f8f8; border:1px solid #ddd; border-top:4px solid #323232; box-sizing:border-box;}
#detail_con .dream_box .box{margin-left:-6px; margin-top:-8px; width:100%; background:#fff; border:1px solid #ddd; border-top:4px solid #323232;}
#detail_con .dream_box .box .inner{padding:30px;}
#detail_con .dream_box .box .inner .tit{padding:30px 0 60px; text-align:center; border-bottom:1px dashed #c5c5c5;}
#detail_con .dream_box .box .inner .txt{overflow:hidden; margin-top:20px;}
#detail_con .dream_box .box .inner .txt p{float:left; width:20%;}
#detail_con .dream_box .box .inner .txt ul{float:right; width:80%; margin-top:2%;}
#detail_con .dream_box .box .inner .txt ul li{float:left; width:50%; margin-bottom:5px; text-align:right;}
#detail_con .photo{overflow:hidden; margin-top:20px;}
#detail_con .photo.col2 div{width:48.5%;}
#detail_con .photo.col3 div{width:31.6%;}
#detail_con .photo div{float:left; margin-left:3%; padding-bottom:1px; background:#f0f0f0; border-bottom:1px solid #ddd; box-sizing:border-box;}
#detail_con .photo div:first-child{margin-left:0;}
#detail_con .photo div p{box-sizing:border-box; padding:6px; background:#fff; border:1px solid #ddd;}
#detail_con .training_box{margin-top:20px; margin-left:5px; padding-bottom:4px; background:#f8f8f8; border:1px solid #ddd; border-top:4px solid #323232; box-sizing:border-box;}
#detail_con .training_box .box{margin-left:-6px; margin-top:-8px; width:100%; background:#fff; border:1px solid #ddd; border-top:4px solid #323232;}
#detail_con .training_box .box .tit{padding:30px 0 30px 30px; font-family:'Nanum Myeongjo', '나눔명조', sans-serif; font-size:23px; color:#2e2e2e; text-align:left; background:url('/welfare/images/sub/training_tit_bg.gif') no-repeat right bottom;}
#detail_con .training_box .box .tit p{font-family:'Nanum Myeongjo', '나눔명조', sans-serif; font-size:35px; font-weight:bold; color:#333; font-style:italic; text-shadow:2px 2px 2px #d5d5d5;}
#detail_con .training_box .box .tit p .color1{font-family:'Nanum Myeongjo', '나눔명조', sans-serif; font-size:56px; color:#6d28ac;}
#detail_con .training_box .box .tit p .color2{font-family:'Nanum Myeongjo', '나눔명조', sans-serif; font-size:56px; color:#f05500;}
#detail_con .training_box .box .txt{overflow:hidden; margin:0 30px; padding:30px 0; border-top:1px dotted #c5c5c5;}
#detail_con .training_box .box .txt .sign{margin-top:25px; text-align:right;}
#detail_con .training_info{overflow:hidden; margin-top:20px;}
#detail_con .training_info .thum{float:left; width:33%; padding-bottom:1px; background:#f0f0f0; border-bottom:1px solid #ddd; box-sizing:border-box;}
#detail_con .training_info .thum p{box-sizing:border-box; padding:6px; background:#fff; border:1px solid #ddd;}
#detail_con .training_info .thum p img{display:block;}
#detail_con .training_info .txt{float:left; width:64%; margin-left:3%;}
#detail_con .advice_box{margin-top:20px; padding:6px; background:#f0f0f0;}
#detail_con .advice_box .box{padding:35px; background:#fff;}
#detail_con .advice_box .box ul{overflow:hidden; padding:30px;}
#detail_con .advice_box .box ul li{float:left; width:20%; text-align:center;}
#detail_con .advice_box .box .btn_wrap{text-align:center; margin-bottom:-70px;}
#detail_con .advice_his{margin-top:60px; background:url('/welfare/images/sub/his_line.gif') repeat-y center top;}
#detail_con .advice_his .top_dot{background:url('/welfare/images/sub/his_tit_dot.gif') no-repeat center top; text-indent:-99999px;}
#detail_con .advice_his .bottom_dot{background:url('/welfare/images/sub/his_tit_dot.gif') no-repeat center bottom; text-indent:-99999px;}
#detail_con .advice_his>div{overflow:hidden;}
#detail_con .advice_his div .box_left{float:left; width:50.65%;}
#detail_con .advice_his div .box_right{float:right; width:50.65%;}
#detail_con .advice_his div .tit{font-family:'Nanum Myeongjo', '나눔명조', sans-serif; font-size:40px; font-weight:bold; color:#333;}
#detail_con .advice_his div .box_right .tit{margin-left:8%;}
#detail_con .advice_his div .box_left .txt_wrap{background:url('/welfare/images/sub/his_dot_left.gif') no-repeat center right;}
#detail_con .advice_his div .box_right .txt_wrap{background:url('/welfare/images/sub/his_dot_right.gif') no-repeat center left;}
#detail_con .advice_his div .box_left .txt_wrap .txt{margin-right:38px;}
#detail_con .advice_his div .box_right .txt_wrap .txt{margin-left:38px;}
#detail_con .advice_his div .txt_wrap .txt{padding:15px 12px; background:#fff; border:1px solid #cccccc; overflow:hidden;}
#detail_con .advice_his div .txt_wrap .txt p{float:left; width:15%; padding:5px 0; text-align:center; background:#166dc9; border-radius:20px; font-size:17px; font-weight:bold; color:#fff;}
#detail_con .advice_his div .txt_wrap .txt ul{float:left; width:82%; margin-top:1.5%; margin-left:3%;}
#detail_con .advice_his div .txt_wrap .txt ul li{padding-left:8px; background:url('/welfare/images/sub/his_arrow.gif') no-repeat left 10px;}
#detail_con .advice_his div .txt_wrap .txt div{overflow:hidden; padding:10px 0; border-top:1px dotted #c5c5c5;}
#detail_con .advice_his div .txt_wrap .txt div:first-child{padding-top:0; border-top:none;}
#detail_con .advice_his div .txt_wrap .txt div:last-child{padding-bottom:0;}
#detail_con .border_wbox{margin-top:20px; padding:50px; border:6px solid #f0f0f0; text-align:center;}
#detail_con .service_box div{position:relative; overflow:hidden;}
#detail_con .service_box div div{position:relative; float:left; width:31.3%; box-sizing:border-box; margin:1%;}
#detail_con .service_box div div:hover{opacity:0.9;}
#detail_con .service_box div div.box01{background:#e63b68;}
#detail_con .service_box div div.box02{background:#503d2e;}
#detail_con .service_box div div.box03{background:#de7a04;}
#detail_con .service_box div div.box04{background:#ac4c8e;}
#detail_con .service_box div div.box_tit{background:#ffffff;}
#detail_con .service_box div div.box05{background:#567803;}
#detail_con .service_box div div.box06{background:#5934a5;}
#detail_con .service_box div div.box07{background:#166dc9;}
#detail_con .service_box div div.box08{background:#236c55;}
#detail_con .service_box div div.box01 p{background:url('/welfare/images/sub/service_box_ico01.png') no-repeat center 10px;}
#detail_con .service_box div div.box02 p{background:url('/welfare/images/sub/service_box_ico02.png') no-repeat center 10px;}
#detail_con .service_box div div.box03 p{background:url('/welfare/images/sub/service_box_ico03.png') no-repeat center 10px;}
#detail_con .service_box div div.box04 p{background:url('/welfare/images/sub/service_box_ico04.png') no-repeat center 10px;}
#detail_con .service_box div div.box_tit p{padding-top:90px; background:url('/welfare/images/sub/service_box_ico_tit.png') no-repeat center 20px; font-weight:bold; font-size:28px; color:#555;}
#detail_con .service_box div div.box05 p{background:url('/welfare/images/sub/service_box_ico05.png') no-repeat center 10px;}
#detail_con .service_box div div.box06 p{background:url('/welfare/images/sub/service_box_ico06.png') no-repeat center 10px;}
#detail_con .service_box div div.box07 p{background:url('/welfare/images/sub/service_box_ico07.png') no-repeat center 10px;}
#detail_con .service_box div div.box08 p{background:url('/welfare/images/sub/service_box_ico08.png') no-repeat center 10px;}
#detail_con .service_box div div{display:block; padding:20px; font-weight:bold; color:#fff;}
#detail_con .service_box div div.box_tit{padding:0px}
#detail_con .service_box div div a:hover p span{text-decoration:underline;}
#detail_con .service_box div div p{padding-top:80px; color:#fff; font-size:18px;}
#detail_con .service_box div div p span{display:inline-block;}
#detail_con .service_box div div p span.size{display:block; margin:0; padding:0; line-height:14px; background:none; font-size:13px;}
#detail_con ul.donation_list{overflow:hidden;}
#detail_con ul.donation_list li{float:left; width:24.2%; text-align:center; box-sizing:border-box; margin-left:1%; margin-bottom:1%; padding:6px; background:#d8e2ed; border:1px solid #95bce5;}
#detail_con ul.donation_list li:first-child{margin-left:0;}
#detail_con ul.donation_list li:nth-child(4n+1){margin-left:0;}
#detail_con ul.donation_list li p{padding:30px 0; background:#fff; font-weight:bold;}
#detail_con ul.donation_list li a{display:block; padding:10px; background:#f4f4f4; border-top:1px solid #e8e8e8; font-weight:bold; color:#114f91;}
#detail_con ul.donation_list li a span{padding-right:20px; background:url('/welfare/images/sub/down_ico.png') no-repeat right center;}
#detail_con ul.donation_list li a span.size{display:block; margin:0; padding:0; line-height:14px; background:none; font-size:13px;}
#detail_con .invest_video{ margin-top:10px;}
#detail_con .invest_video video{ width:100%;}

#detail_con .mapBox{ padding:5px; text-align:center; border:1px solid #dcdcdc; background:#fff;}
#detail_con .mapBox>div{ border:1px solid #dcdcdc;}
#detail_con .location{ position:relative; margin-top:-1px; padding:2% 240px 2% 3%; border:1px solid #ccc; background:#fbfbfb;}
#detail_con .location>ul>li{ margin:4px 0px; padding-left:25px;}
#detail_con .location>ul>li.ic01{ background:url('/welfare/images/sub/ic_place.gif') no-repeat left 3px;}
#detail_con .location>ul>li.ic02{ background:url('/welfare/images/sub/ic_tel.gif') no-repeat left 3px;}
#detail_con .location>ul>li.ic03{ background:url('/welfare/images/sub/ic_email.gif') no-repeat left 6px;}
#detail_con .location>ul>li span.wfont{ color:#333;}
#detail_con .location>p{ position:absolute; right:2%; top:25%;}
#detail_con .location_how { margin-top:50px; border-top:2px solid #863ba5; }
#detail_con .location_how>li { display:table; width:100%; }
#detail_con .location_how>li>div { display:table-cell; vertical-align:middle; border-bottom:1px dotted #ccc;  border-collapse:collapse; border-spacing:0px; }
#detail_con .location_how>li>div.tit { width:215px; border-right:1px dotted #ccc; padding:20px 0px; text-align:center; }
#detail_con .location_how>li>div.tit p { padding-top:120px; background-position:center top; background-repeat:no-repeat; }
#detail_con .location_how>li.ic01>div.tit p { background-image:url(/main/images/contents/yeonsu/location_ic01.gif); }
#detail_con .location_how>li.ic02>div.tit p { background-image:url(/main/images/contents/yeonsu/location_ic02.gif); }
#detail_con .location_how>li.ic03>div.tit p { background-image:url(/main/images/contents/yeonsu/location_ic03.gif); }
#detail_con .location_how>li>div.tit p { font-size:16px; font-weight:bold; color:#222; }
#detail_con .location_how>li>div.con { padding:0px 20px 20px; }
#detail_con .location_how>li>div.con dt { margin-top:15px; }
#detail_con .location_how>li>div.con dd { margin-left:10px; }

#detail_con .greeting {margin-top:20px;}

@media screen and (max-width:1200px){
	#top h1{width:100%; margin-bottom:0; text-align:center;}
	#lnb{width:100%;}
	#top .submenu_bg{top:167px;}
	#top .submenu_bg>.wrapper{background:none;}
	#container{margin-top:20px;}
	#detail_con  ul.donation_list li{width:49%;}
	#detail_con  ul.donation_list li:nth-child(2n+1){margin-left:0;}
}

@media screen and (max-width:1020px){
	#lnb>li>a{font-size:18px;}
	#lnb>li .submenu li{margin-top:0; margin-bottom:0;}
	#lnb>li .submenu a{margin-top:0; font-size:12px;}
	#contents{width:68%;}
	#detail_con .dream_box .box .inner .txt{overflow:hidden; margin-top:20px;}
	#detail_con .dream_box .box .inner .txt p{width:100%;}
	#detail_con .dream_box .box .inner .txt ul{width:100%; margin-top:2%;}
	#detail_con .dream_box .box .inner .txt ul li{width:100%; text-align:left;}
	#detail_con .training_box .box .tit{padding-bottom:160px;}
	#detail_con .disabled_box_tt div .thum{width:100%;}
	#detail_con .disabled_box_tt div .text{width:100%; border-left:none; border-top:1px solid #e8e8e8;}
	#detail_con .service_box{padding-top:10px;}
	#detail_con .service_box div div{width:48%;}
	#detail_con .service_box div div.box_tit{position:absolute; top:0px; padding:0; width:100%;}
	#detail_con .service_box div div.box01{margin-top:170px;}
	#detail_con .service_box div div.box02{margin-top:170px;}
	#detail_con .woman_box div p{padding:0 5%;}
}
@media screen and (min-width:769px){
	.datatable p.right{margin-top:-20px;}
	#detail_con .invest_step{ margin:1% 0; width:100%; height:979px; background:url('/welfare/images/sub/invest_step.gif') no-repeat center;}
	#tab ul.col6 li{width:16.5%;}
	#tab ul.col5 li{width:20%;}
	#tab ul.col4 li{width:25%;}
	#tab ul.col3 li{width:33.3%;}
	#tab ul.col2 li{width:50%;}

}

@media screen and (max-width:768px){
	#container{margin-top:0;}
	#contents{width:100%;}
	#top h1{margin-bottom:15px; margin-left:-10px; text-align:right;}
	#top nav{position:relative;}
	#top h2{position:absolute; left:10px; top:7px; width:50px; height:50px; border-radius:50px; background:#2d2d2d;}	
	#top h2 a{display:block; width:50px; height:50px; margin-left:0; background:url(/headman/images/inc/mb_nav.gif) no-repeat center; background-size:50%; text-indent:-5000px;}
	#lnb{position:absolute; width:100%; margin-top:69px; border-bottom:2px solid #2d2d2d; background:#fff; z-index:999;}
	#lnb>li{width:100%; padding:0; border-top:1px solid #ccc; text-align:left;}
	#lnb>li>a{padding:10px; font-size:18px;}
	#lnb>li>a:hover{font-weight:bold; color:#2d2d2d;}
	#lnb .submenu{position:static; height:100%; padding:0; border-top:1px solid #ccc;}
	#lnb .submenu a{padding:5px;}
	#lnb .submenu a:hover{background:#2d2d2d;}
	#leftmenu{position:relative; width:100%;}
	#leftmenu>ul{position:absolute; width:100%; background:#fff; z-index:99;}
	#leftmenu .tit{padding:10px 2%; font-size:20px; text-align:left;}
	#leftmenu .tit a{position:absolute; left:0; top:0; display:block; width:100%; height:50px; background:url(/headman/images/inc/mb_nav.gif) no-repeat 98% center; background-size:23px; text-indent:-5000px;}
	#leftmenu>ul>li>a{padding:15px 2%;}
	#leftmenu>ul>li>ul{padding:2%;}
	.sub_title{margin:0;}
	.sub_title .sns, .sub_title ol{display:none;}
	.sub_title h3{width:100%; padding:15px; font-size:30px; border-bottom:2px dashed #ddd;}

	#detail_con{padding:3%;}
	.downscale #detail_con .standard ul.con1{width:100%;}
	.downscale #detail_con .standard ul.con2{margin-left:25%;}
	footer .btm_info{margin-left:0;}
	#detail_con ol.step li, #detail_con ol.step .col4{width:100%; padding-top:20px; padding-left:0; background:url(/welfare/images/sub/step_arr_mb.gif) center top no-repeat;}
	#detail_con ul.con_link li{width:98%; margin-bottom:2%;}
	#detail_con .site_box div{width:100%; margin-bottom:3%;}
	#detail_con .site_box2 div{width:100%; margin-bottom:3%;}
	#detail_con .advice_box .box{padding:5%;}
	#detail_con .advice_box .box ul{display:none;}
	#detail_con .advice_his{margin-top:60px; background:url('/welfare/images/sub/his_line.gif') repeat-y 1% top;}
	#detail_con .advice_his .top_dot{background:url('/welfare/images/sub/his_tit_dot.gif') no-repeat left top;}
	#detail_con .advice_his .bottom_dot{background:url('/welfare/images/sub/his_tit_dot.gif') no-repeat left bottom;}
	#detail_con .advice_his div .box_left{width:99.6%; float:right;}
	#detail_con .advice_his div .box_right{width:99.6%; float:right;}
	#detail_con .advice_his div .box_left .tit{margin-left:36px;}
	#detail_con .advice_his div .box_right .tit{margin-left:36px;}
	#detail_con .advice_his div .box_left .txt_wrap{background:none;}
	#detail_con .advice_his div .box_right .txt_wrap{background:none;}
	#detail_con .advice_his div .box_left .txt_wrap{background:url('/welfare/images/sub/his_dot_right.gif') no-repeat center left;}
	#detail_con .advice_his div .box_right .txt_wrap{background:url('/welfare/images/sub/his_dot_right.gif') no-repeat center left;}
	#detail_con .advice_his div .box_left .txt_wrap .txt{margin-right:0; margin-left:38px;}
	#detail_con .advice_his div .box_right .txt_wrap .txt{margin-left:38px;}
	#detail_con .advice_his div .txt_wrap .txt ul{margin-top:1%;}
	#detail_con .advice_hisservice_box{padding:15px;}
	#detail_con .advice_hisservice_box div div{width:100%;}
	#detail_con .advice_hisservice_box div div.box01{margin-top:170px;}
	#detail_con .advice_hisservice_box div div.box02{margin-top:1%;}
	#detail_con .woman_box div, #detail_con .youth_box div, #detail_con .senior_box div,	#detail_con .disabled_box div	{width:99.5%;}
	#detail_con .woman_box div p, #detail_con .youth_box div p,  #detail_con .senior_box div p, #detail_con .disabled_box div p{padding:0 5%;}
	#detail_con .training_info .thum{float:none; width:289px; margin:0 auto 20px auto;}
	#detail_con .training_info .txt{width:100%; margin-left:0%;}
	#detail_con .training_info .margin_t20{text-align:center;}
	#detail_con .border_wbox{padding:0; border:none;}
	#detail_con .location{ padding:2% 3% 2% 3%;}
	#detail_con .location>p{ position:static; margin-top:20px; text-align:center;}
}

@media screen and (max-width:640px){
	#detail_con ul.donation_list li{width:100%; margin-left:0;}
}