@charset "utf-8";
a[target="_blank"]{background:none}
#wrap.main{background:transparent}

#section1{width:1000px;margin:0 auto;padding:30px}
#section1:after{content:"";clear:both;display:block}
#section1 [class^="mcont"]{float:left}

.mcont1{position:relative;width:632px;height:397px;margin-right:30px}
.mcont1 .obj{position:relative}
.mcont1 .obj .item{position:absolute;top:0;left:0}
.mcont1 .obj .item a{display:block}
.mcont1 .control{position:absolute;top:25px;right:30px}
.mcont1 .control a{display:inline-block;width:17px;height:16px;margin-left:3px;overflow:hidden;text-indent:-999px;background:url(/images/welfare/main/mcont1_control.png) no-repeat}
.mcont1 .control span,.mcont1 .control span a{line-height:1}
.mcont1 .control span a{background-position:0 0}
.mcont1 .control span a.ov{width:63px;background-position:-25px 0}
.mcont1 .control a[rel="stop"]{background-position:-98px 0}
.mcont1 .control a[rel="play"]{background-position:-119px 0}

.mcont2{position:relative;width:338px;height:198px;padding-top:43px;overflow:hidden}
.mcont2 h3{position:absolute;left:-999px;margin:10px 20px;font-size:18px;color:#000}
.mcont2 .obj{position:relative}
.mcont2 .obj .item{position:absolute;top:0;left:0}
.mcont2 .obj .item a{display:block}
.mcont2 .obj .item a img{border:1px solid #dcdcdc}
.mcont2 .parse,.mcont2 .control{position:absolute;top:0}
.mcont2 .parse a,.mcont2 .control a{float:left;width:35px;height:33px}
.mcont2 .parse{left:0;border:1px solid #dcdcdc}
.mcont2 .parse a{line-height:33px;text-align:center;border-left:1px solid #dcdcdc}
.mcont2 .parse a:first-child{border-left:0}
.mcont2 .parse a.ov{background:#f49628;color:#fff}
.mcont2 .control{right:0}
.mcont2 .control a{overflow:hidden;text-indent:-999px;background:url(/images/welfare/main/mcont2_control.gif) no-repeat}
.mcont2 .control a[rel="stop"]{background-position:0 0}
.mcont2 .control a[rel="play"]{background-position:-34px 0}

.mcont3{position:relative;width:336px;height:134px;margin-top:20px;border:1px solid #dcdcdc}
.mcont3 h3{margin:10px 20px;font-size:18px;color:#000}
.mcont3 .grap{width:293px;margin:0 auto;overflow:hidden}
.mcont3 .grap .obj{position:relative;width:1000px}
.mcont3 .grap .obj:after{content:"";clear:both;display:block}
.mcont3 .grap .obj .item{float:left}
.mcont3 .grap .obj .item a{display:block;width:65px;padding-top:53px;margin:0 4px;text-align:center;background:url(/images/welfare/main/mcont3_icon.gif) no-repeat}
.mcont3 .grap .obj .item a.icon1{background-position:7px 0}
.mcont3 .grap .obj .item a.icon2{background-position:-60px 0}
.mcont3 .grap .obj .item a.icon3{background-position:-128px 0}
.mcont3 .grap .obj .item a.icon4{background-position:-192px 0}
.mcont3 .control{position:absolute;top:0;left:0;width:100%}
.mcont3 .control a{position:absolute;top:65px;width:12px;height:20px;overflow:hidden;text-indent:-999px;background:url(/images/welfare/main/mcont3_control.gif) no-repeat}
.mcont3 .control a[rel="prev"]{left:10px;background-position:0 0} 
.mcont3 .control a[rel="next"]{right:10px;background-position:100% 0}

.mcont4{position:relative;width:351px;height:247px;margin:30px 25px 0 0;border:1px solid #dcdcdc}
.mcont4 h3{margin:23px 0 15px 20px;font-size:18px;color:#000}
.mcont4 ul{margin:0 20px}
.mcont4 ul li{margin-bottom:10px}
.mcont4 ul li a{display:block}
.mcont4 ul li dl{overflow:hidden}
.mcont4 ul li dt{float:left}
.mcont4 ul li dd{float:right}
.mcont4 .more{position:absolute;top:20px;right:20px}
.mcont4 .more a{display:block;width:34px;height:34px;overflow:hidden;text-indent:-999px;background:url(/images/welfare/main/mcont4_more.gif) no-repeat}

.mcont5{width:253px;height:247px;margin:30px 30px 0 0;background:#fafafa;border:1px solid #dcdcdc}
.mcont5>ul{width:100%;height:100%;overflow:hidden}
.mcont5>ul>li{height:33.3%;overflow:hidden;border-top:1px solid #dcdcdc}
.mcont5>ul>li:first-child{border-top:0}
.mcont5 em{float:left;margin:16px 0 0 16px;font-size:16px;background:url(/images/welfare/main/mcont5_icon.gif) no-repeat;color:#000}
.mcont5 em.icon1{width:70px;padding-top:26px;text-align:center;background-position:11px 0}
.mcont5 em.icon1+ul{margin:16px 25px 0 0}
.mcont5 em.icon2{margin:16px 0 0 32px;padding-left:50px;line-height:50px;background-position:0 -78px}
.mcont5 em.icon2+.call{margin:28px 25px 0 0}
.mcont5 em.icon3{height:70px;margin:5px 0 0 27px;padding-left:70px;line-height:45px;background-position:0 -150px}
.mcont5 em.icon3+.call{margin:-33px 50px 0 0}

.mcont5 .call{padding-left:25px;background:url(/images/welfare/main/mcont5_call.gif) no-repeat 0 50%}
.mcont5 ul ul,.mcont5 span.call{float:right;font-size:15px}
.mcont5 span.call,.mcont5 .call span{color:#000}
.mcont5 .number{font-weight:700}

.mcont6{width:335px;margin-top:30px;border:1px solid #dcdcdc}
.mcont6 p{width:336px;height:125px;background:url(/images/welfare/main/mcont6_bg2.gif) no-repeat}
.mcont6 p:first-child{width:336px;height:122px;background:url(/images/welfare/main/mcont6_bg1.gif) no-repeat}
.mcont6 p a{display:block;height:100%;padding-left:30px;color:#fff}
.mcont6 p a em{display:block;padding:20px 0 7px;font-weight:700;font-size:18px}

#section2{background:#eee}
#section2 .grap{position:relative;width:1000px;height:398px;margin:0 auto;padding-top:50px}

#section2 .grap .tablist{text-align:center}
#section2 .grap .tablist h3, 
#section2 .grap .tablist h3 a{display:inline-block;width:195px;height:70px}
#section2 .grap .tablist h3{position:relative;z-index:10;margin:0 5px}
#section2 .grap .tablist h3 a{line-height:63px;font-weight:700;font-size:18px;background:url(/images/welfare/main/section2_tablist.gif) no-repeat 100% 0;color:#666}
#section2 .grap .tablist h3 a.ov{color:#fff}
#section2 .grap .tablist h3.icon1 a.ov{background-position:0 0}
#section2 .grap .tablist h3.icon2 a.ov{background-position:-195px 0}
#section2 .grap .tablist h3.icon3 a.ov{background-position:-390px 0}
#section2 .grap .tablist h3.icon4 a.ov{background-position:-585px 0}

#section2 .grap .obj{position:absolute;top:0;left:0;width:100%;padding-top:16%;text-align:left;overflow:hidden}
#section2 .grap .obj [class^="item_child"]{float:left}
#section2 .grap .obj .item_child1{width:555px;height:288px}
#section2 .grap .obj .item_child1 p{padding-right:45px;font-size:18px;color:#000}
#section2 .grap .obj .item_child1 p em{display:block;font-weight:700;font-size:30px}
#section2 .grap .obj .item_child1 p a{display:inline-block;width:117px;height:33px;overflow:hidden;text-indent:999px;background:url(/images/welfare/main/section2_more.gif) no-repeat}
#section2 .grap .obj .item_child2{width:181px;height:257px;background:#fff;border:1px solid #dcdcdc}
#section2 .grap .obj .item_child2 em{display:block;margin:25px 0 20px;text-align:center;font-weight:700;font-size:18px;color:#000}
#section2 .grap .obj .item_child2 ul{margin:0 15px}
#section2 .grap .obj .item_child2 ul li{margin-bottom:10px}
#section2 .grap .obj .item_child2 ul li a{display:block;height:29px;padding-left:41px;line-height:29px;border:1px solid #dcdcdc;background:url(/images/welfare/main/section2_item2_icon.gif) no-repeat}
#section2 .grap .obj .item_child3{float:right;width:234px;height:257px}
#section2 .grap .obj .item_child3 p{height:100%}
#section2 .grap .obj .item_child3 p a{display:block;height:100%;padding:0 34px}
#section2 .grap .obj .item_child3 p em{display:block;padding-top:30px;text-align:center;font-weight:700;font-size:18px;color:#000}
#section2 .grap .obj .item_child3 p span{display:block;padding:5px 0 15px;text-align:center;font-size:13px}

#section2 .grap #hidden_item1{background:url(/images/welfare/main/section2_bg1.jpg) no-repeat 0 100%}
#section2 .grap #hidden_item1 .item_child1 p{text-align:right}
#section2 .grap #hidden_item1 .item_child1 p em{color:#a8622f}
#section2 .grap #hidden_item1 .item_child1 p a{margin-top:15px}
#section2 .grap #hidden_item1 .item_child3{background:url(/images/welfare/main/section2_item3_bg1.gif) no-repeat}
#section2 .grap #hidden_item1 .item_child3 p span{color:#f46412}

#section2 .grap #hidden_item2{background:url(/images/welfare/main/section2_bg2.jpg) no-repeat 0 100%}
#section2 .grap #hidden_item2 .item_child1 p{overflow:hidden}
#section2 .grap #hidden_item2 .item_child1 p em{color:#784994}
#section2 .grap #hidden_item2 .item_child1 p br{display:none}
#section2 .grap #hidden_item2 .item_child1 p a{float:right;margin-top:-40px;background-position:-117px 0}
#section2 .grap #hidden_item2 .item_child3{background:url(/images/welfare/main/section2_item3_bg2.gif) no-repeat}
#section2 .grap #hidden_item2 .item_child3 p span{color:#8e3dba}

#section2 .grap #hidden_item3{background:url(/images/welfare/main/section2_bg3.jpg) no-repeat 0 100%}
#section2 .grap #hidden_item3 .item_child1 p{text-align:right}
#section2 .grap #hidden_item3 .item_child1 p em{color:#c14493}
#section2 .grap #hidden_item3 .item_child1 p a{margin-top:15px;background-position:-234px 0}
#section2 .grap #hidden_item3 .item_child3{background:url(/images/welfare/main/section2_item3_bg3.gif) no-repeat}
#section2 .grap #hidden_item3 .item_child3 p span{color:#c14493}

#section2 .grap #hidden_item4{background:url(/images/welfare/main/section2_bg4.jpg) no-repeat 0 100%}
#section2 .grap #hidden_item4 .item_child1 p{text-align:right}
#section2 .grap #hidden_item4 .item_child1 p em{color:#3571a9}
#section2 .grap #hidden_item4 .item_child1 p a{margin-top:15px;background-position:-351px 0}
#section2 .grap #hidden_item4 .item_child3{background:url(/images/welfare/main/section2_item3_bg4.gif) no-repeat}
#section2 .grap #hidden_item4 .item_child3 p span{color:#3571a9}


@media(max-width:1279px){
#section1{padding:30px 0}
}
@media(max-width:1000px){
#section1{width:748px;padding:14px 14px 30px}
#section1 .mcont4{float:none}
#section1 .mcont5,
#section1 .mcont6{float:none}
.mcont1,.mcont1 li{width:380px}
.mcont1{height:239px;margin-right:20px;border:1px #dcdcdc solid;overflow:hidden}
.mcont3,.mcont4{width:380px;margin-right:20px}
.mcont3{height:160px}
.mcont4{width:380px;margin-top:443px}
.mcont5,.mcont6{width:336px;margin:20px 0 0 402px}
.mcont5{height:160px;margin-top:-431px}
.mcont5>ul:after{content:"";clear:both;display:block}
.mcont5>ul>li{height:auto;padding:10px 20px;border:0 dashed #dcdcdc;border-top-width:1px}
.mcont5>ul>li:first-child{border-top-width:0}
.mcont5 em{background:transparent}
.mcont5 em.icon1,
.mcont5 em.icon2,
.mcont5 em.icon3{width:140px;height:auto;margin:0;padding:0;text-align:left;line-height:1.6}
.mcont5 em.icon1+ul,
.mcont5 em.icon2+.call,
.mcont5 em.icon3+.call{float:left;margin:0}

#section2 .grap{width:auto;min-width:748px;height:448px;padding:30px 10px 30px}
#section2 .grap .tablist{overflow:hidden}
#section2 .grap .tablist h3,
#section2 .grap .tablist h3 a{width:auto;height:auto}
#section2 .grap .tablist h3{float:left;width:24%;margin:0 0 0 1.3%}
#section2 .grap .tablist h3:first-child{margin-left:0}
#section2 .grap .tablist h3 a{position:relative;width:100%;padding-top:33%;text-indent:-999px;line-height:1;background-size:530%;overflow:hidden}
#section2 .grap .tablist h3.icon1 a.ov{background-position:0.5% 0}
#section2 .grap .tablist h3.icon2 a.ov{background-position:25% 0}
#section2 .grap .tablist h3.icon3 a.ov{background-position:50% 0}
#section2 .grap .tablist h3.icon4 a.ov{background-position:74.5% 0}

#section2 .grap .tablist h3 a:before{position:absolute;top:30%;left:0;width:100%;text-align:center;text-indent:0}
#section2 .grap .tablist h3.icon1 a:before{content:"어르신복지"}
#section2 .grap .tablist h3.icon2 a:before{content:"장애인복지"}
#section2 .grap .tablist h3.icon3 a:before{content:"여성/가족복지"}
#section2 .grap .tablist h3.icon4 a:before{content:"아동/청소년복지"}

#section2 .grap .obj{width:80%;padding:16% 10% 30px}
#section2 .grap .obj .item_child1{float:none;width:auto;height:auto;margin-bottom:20px}
#section2 .grap .obj .item_child2{width:57%}

#section2 .grap .obj .item_child1 p{padding-right:0}
#section2 .grap .obj .item_child3 p a{padding:0 25px} 

#section2 .grap #hidden_item1 .item_child1 p,
#section2 .grap #hidden_item2 .item_child1 p,
#section2 .grap #hidden_item3 .item_child1 p,
#section2 .grap #hidden_item4 .item_child1 p{text-align:left}

#section2 .grap #hidden_item1 .item_child1 p br,
#section2 .grap #hidden_item2 .item_child1 p br,
#section2 .grap #hidden_item3 .item_child1 p br,
#section2 .grap #hidden_item4 .item_child1 p br{display:none} 

#section2 .grap #hidden_item1 .item_child1 p a,
#section2 .grap #hidden_item2 .item_child1 p a,
#section2 .grap #hidden_item3 .item_child1 p a,
#section2 .grap #hidden_item4 .item_child1 p a{float:right;margin-top:-40px}
}
@media(max-width:767px){
#section1,#section2 .grap{width:auto;min-width:0;padding:10px}
#section1{padding:10px 0}
#section1 [class^="mcont"]{float:none;margin:20px 10px 0}
#section1 [class^="mcont"] h3{position:static;margin:10px 0;padding-bottom:10px;text-align:center;border-bottom:1px solid #dcdcdc}
#section1 .mcont1{margin-top:0}
#section1 .mcont2{margin:0;padding-left:10px;padding-right:10px;overflow:hidden}
#section1 .mcont2 h3{margin-bottom:50px}
#section1 .mcont4 h3{margin:10px}
.mcont1,.mcont2{width:auto;margin:0}
.mcont1 li,
.mcont1 img,
.mcont2 li{max-width:none;width:100%}

.mcont1{height:auto}
.mcont1 .obj{padding-top:62.5%}

.mcont2{height:auto;padding:10px 0 20px;margin-top:0;background:#f5f5f5}
.mcont2 .obj{height:198px}
.mcont2 .obj .item{text-align:center}
.mcont2 .obj .item a{display:inline-block}
.mcont2 .parse{left:50%;top:0;margin:70px 0 0 -170px}
.mcont2 .control{right:50%;top:0;margin:70px -169px 0 0}

.mcont3,.mcont4{width:auto;margin-right:0}
.mcont3{height:auto;border-width:0}
.mcont3 .grap{width:auto;padding:0 20px}
.mcont3 .grap .obj{width:auto;text-align:center}
.mcont3 .grap .obj .item{float:none;display:inline-block}
.mcont3 .control{display:none}
.mcont4,.mcont5,.mcont6{height:auto;margin:20px 0 0}
.mcont4 .more{position:static;padding:7px}
.mcont4 .more a{width:auto;height:auto;padding:7px 0;text-align:center;text-indent:0;border-radius:5px;border:1px solid #dedede;background:transparent}
.mcont5,.mcont6{width:auto}
.mcont5 .call{float:left;margin-right:20px}
.mcont6{overflow:hidden}
.mcont6 p,.mcont6 p:first-child{float:left;width:50%;height:auto;background-size:100%}
.mcont6 p a{position:relative;padding-top:15%;text-indent:-999px;overflow:hidden}
.mcont6 p a:before{content:"고용복지+센터";position:absolute;top:30%;left:0;width:100%;font-size:1.5em;text-indent:20%}
.mcont6 p:first-child a:before{content:"복지로"}
.mcont6 p a em{display:inline-block}
.mcont6 p a br{display:none}

#section2 .grap{height:429px}
#section2 .grap .tablist h3 a:before{top:25%}
#section2 .grap .obj{width:96%;padding:13% 2% 10px}
}

@media(max-width:639px){
.mcont6 p a{padding-top:10%}
.mcont6 p a:before{top:35%;font-size:1.2em;text-indent:15%}
#section2 .grap{height:auto}
#section2 .grap .tablist h3{display:block;float:none;width:auto;margin:10px 0}
#section2 .grap .tablist h3 a{display:block;width:auto;padding:15px 0;text-indent:0;border-radius:5px;border:1px solid #dcdcdc;background:url(/images/welfare/main/mobile_tablist.png) no-repeat 0 100%;color:#666}
#section2 .grap .tablist h3 a.ov{overflow:visible;color:#fff}
#section2 .grap .tablist h3 a:before{display:none}
#section2 .grap .tablist h3 a:after{content:"";position:absolute;bottom:-16px;left:50%;margin-left:-8px;border:8px solid transparent}

#section2 .grap .tablist h3.icon1 a.ov{background-position:0 0}
#section2 .grap .tablist h3.icon1 a.ov:after{border-top-color:#396ea0}
#section2 .grap .tablist h3.icon2 a.ov{background-position:0 -64px}
#section2 .grap .tablist h3.icon2 a.ov:after{border-top-color:#ba448c}
#section2 .grap .tablist h3.icon3 a.ov{background-position:0 -128px}
#section2 .grap .tablist h3.icon3 a.ov:after{border-top-color:#8234b4}
#section2 .grap .tablist h3.icon4 a.ov{background-position:0 -192px}
#section2 .grap .tablist h3.icon4 a.ov:after{border-top-color:#bf7037}

#section2 .grap .obj{position:static;width:100%;padding:0}
#section2 .grap .obj .item_child1{display:none}
#section2 .grap .obj .item_child2,
#section2 .grap .obj .item_child3{float:none}
#section2 .grap .obj .item_child2{width:auto;height:auto}
#section2 .grap .obj .item_child2 em{margin:10px 0}
#section2 .grap .obj .item_child2 ul{overflow:hidden}
#section2 .grap .obj .item_child2 ul li{float:left;width:49%;margin-left:2%}
#section2 .grap .obj .item_child2 ul li:first-child,
#section2 .grap .obj .item_child2 ul li:nth-child(3n){margin-left:0}
#section2 .grap .obj .item_child3{width:auto;height:129px;text-align:center;border:1px #dcdcdc solid}
#section2 .grap .obj .item_child3 p em{padding-top:20px}
#section2 .grap .obj .item_child3 p br{display:none} 

#section2 .grap #hidden_item1,
#section2 .grap #hidden_item2,
#section2 .grap #hidden_item3,
#section2 .grap #hidden_item4{background:transparent}

#section2 .grap #hidden_item1 .item_child2,
#section2 .grap #hidden_item2 .item_child2,
#section2 .grap #hidden_item3 .item_child2,
#section2 .grap #hidden_item4 .item_child2{margin-bottom:10px}

#section2 .grap #hidden_item1 .item_child3{background:url(/images/welfare/main/mobile_item3_bg1.gif) no-repeat 100% 0}
#section2 .grap #hidden_item2 .item_child3{background:url(/images/welfare/main/mobile_item3_bg2.gif) no-repeat 100% 0}
#section2 .grap #hidden_item3 .item_child3{background:url(/images/welfare/main/mobile_item3_bg3.gif) no-repeat 100% 0}
#section2 .grap #hidden_item4 .item_child3{background:url(/images/welfare/main/mobile_item3_bg4.gif) no-repeat 100% 0}

#section2 .grap #hidden_item1 .item_child3,
#section2 .grap #hidden_item2 .item_child3,
#section2 .grap #hidden_item3 .item_child3,
#section2 .grap #hidden_item4 .item_child3{background-size:615px}
}

@media(max-width:479px){
.mcont1 .control{right:10px;top:15px}
.mcont2 .obj{height:auto;padding-top:58%}
.mcont2 .obj .item a{display:block}
.mcont2 .parse,
.mcont2 .control{margin:50px 0 0}
.mcont2 .parse{left:10px;top:20px}
.mcont2 .control{right:10px;top:20px}
.mcont3 .grap{padding:0}
.mcont5 .call{float:none}
.mcont6 p a{padding-top:0}
.mcont6 p a:before{top:28%;font-size:1em}
#section2 .grap .obj .item_child2 ul li{float:none;width:auto;margin-left:0}
#section2 .grap .obj .item_child3{height:155px}
#section2 .grap .obj .item_child3 p br{display:block}

#section2 .grap #hidden_item1 .item_child3,
#section2 .grap #hidden_item2 .item_child3,
#section2 .grap #hidden_item3 .item_child3,
#section2 .grap #hidden_item4 .item_child3{background-size:720px}
}

@media(max-width:359px){
.mcont3 .grap .obj .item a{margin:0}
.mcont4 ul li dd.date{display:none}
.mcont5>ul>li{padding-right:0}
.mcont6 p,.mcont6 p:first-child{height:53px}
}