@charset "utf-8";

.conbtn {position:relative; overflow:hidden; display:inline-block; text-align:center; padding:8px 50px 8px 30px; color:#fff !important; background:#3b3e44; transition:.3s; z-index:1; border-radius:100px}
.conbtn:after {content:''; position:absolute; top:50%; left:50%; width:0; height:100%; background-color:#6a48aa; opacity:0; transition:.3s; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); z-index:-1; border-radius:100px}
.conbtn:hover:after {width:100%; opacity:1;}
.conbtn:active:after {background-color:#5e31b3;}
.conbtn.down:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/conbtn_down.gif') right 28px top 12px no-repeat; z-index:2;}
.conbtn.link {padding-right:65px;}
.conbtn.link:before {content:''; position:absolute; left:0; top:-2px; width:100%; height:100%; background:url('/main/img/sub/conbtn_link.gif') right 30px top 14px no-repeat; z-index:2;}
.consbtn {display:inline-block; margin-top:5px; padding:2px 13px; font-size:14px; border:1px solid #5a5a5a; border-radius:30px; transition:.3s;}
.consbtn:first-child {margin-top:0;}
.consbtn:hover {color:#fff; background-color:#5e31b2; border-color:#5e31b2; box-shadow:2px 4px 0 rgba(0,0,0,.2); text-decoration:none; transition:.3s;}

h4+.contab{margin-top:30px}
.contab{position:relative; padding:20px 30px 25px; border:2px solid #eee; background:#fafafa}
.contab:before{display:block; content:'페이지 내 콘텐츠 이동'; position:absolute; top:-15px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); padding:3px 15px 5px; background:#333; border-radius:60px; color:#fff; font-size:14px; }
.contab ul.list{padding-top:15px; overflow:hidden}
.contab ul.list>li{float:left; width:25%; font-size:14px}
.contab ul.list>li>a{position:relative; display:inline-block; padding-right:12px}
.contab ul.list>li>a:before,
.contab ul.list>li>a:after{display:block; content:''; position:absolute; right:0px; top:10px; width:5px; height:2px; background:#333; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.contab ul.list>li>a:after{margin-right:3px; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.contab ul.listin{overflow:hidden; margin-top:15px}
.contab ul.listin>li{float:left; width:50%; position:relative; padding:3px 3px 3px 7px; font-size:13px}
.contab ul.list ul.listin>li{width:100%}
.contab ul.listin>li:before{display:block; content:''; position:absolute; left:0px; top:11px; width:4px; height:1px; background:#666}
.contab ul.listin>li>a{color:#666}
.contab ul.col1>li{width:100%}
.contab ul.col2>li{width:50%}
.contab ul.col3>li{width:33.3%}
.contab ul.col4>li{width:25%}

.point{color:#b72727; text-decoration:underline}
.map_api{border:1px solid #aaa; padding:8px; height:500px; line-height:0px}
.photobundle{overflow:hidden}
.photobundle>li{float:left; width:33%; margin:1% 0%; padding:.5%; border:1px solid #ddd}
.photobundle>li+li{margin-left:.5%}

/**************************************
	/welfare/life/infants/rule.jsp
********************************************/
.down_list{margin:auto; max-width:800px; border-top:3px solid #333; border-radius:10px}
.down_list>li{display:table; position:relative; margin-bottom:10px; width:100%; border:1px solid #e5e5e5; border-radius:7px;}
.down_list>li:first-child{border-top-width:0px}
.down_list>li:After{display:block; content:''; position:absolute; left:-1px; top:35%; width:14px; height:28px; background:#fff; border:1px solid #e5e5e5; border-left:0px; border-radius:0px 70px 70px 0px; z-index:1}
.down_list>li>p{display:table-cell; vertical-align:middle}
.down_list>li>p.name{padding:15px; width:75%; padding-left:5%; font-size:17px; font-weight:bold}
.down_list>li>p.down{text-align:center; padding:20px; font-weight:bold; background:#eaecee; border-radius:0px 7px 7px 0px}
.down_list>li>p.down a{display:block; padding-top:40px; background:url(/welfare/img/contents/ic_down.png) no-repeat center top }
/**************************************
	/welfare/life/child/protect.jsp
  /welfare/life/senior/organ.jsp
	/welfare/visitors/disabled/site.jsp
	/welfare/visitors/multiple/embassy.jsp
********************************************/
.link_list{margin-top:20px; overflow:hidden}
.link_list>li{float:left; margin:.5%; width:32%; border:1px solid #e0e0e0}
.link_list>li p.tit{display:flex; align-items:center; justify-content:center; text-align:center; padding:10px 5%; height:80px; background:#f0f0f0}
.link_list>li p.con{position:relative; padding:20px 100px 20px 20px}
.link_list>li p.con span.url{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:13px; color:#979797}
.link_list>li p.con span.go{display:block; position:absolute; top:20px; right:20px; padding:0px 15px; background:#474f59; border-radius:50px; color:#fff}
.link_list>li:hover{border-color:#333}
.link_list>li a:hover{text-decoration:none; color:#222}
.link_list>li a:hover span.url{color:#222 !important}
/**************************************
	/welfare/life/child/law.jsp
	/welfare/visitors/woman/equality.jsp
  /welfare/visitors/disabled/car_mark.jsp
********************************************/
.list_num{counter-reset:listnum}
.list_num>li{position:relative; margin-top:10px; padding-left:30px}
.list_num>li:before{display:block; content:counter(listnum) '.'; counter-increment:listnum; position:absolute; left:0px; top:0px; width:22px; text-align:right; font-weight:bold}
.circle_num{margin-left:10px; counter-reset:cirnum}
.circle_num>li{position:relative; margin-top:10px; padding-left:20px}
.circle_num>li:before{display:block; content:''; position:absolute; left:0px; top:2px; width:17px; height:17px; background:#333; border-radius:50px}
.circle_num>li:after{display:block; content:counter(cirnum); counter-increment:cirnum; position:absolute; left:-1px; top:3px; width:18px; text-align:center; font-size:13px; color:#fff; font-weight:bold; line-height:13px}
.list_gana{}
.list_gana>li{position:relative; margin-top:10px; padding-left:30px}
.list_gana>li:before{display:block; content:''; position:absolute; left:0px; top:0px; width:22px; text-align:right; font-weight:bold}
.list_gana>li.nogana:before{display:none}
.list_gana>li:nth-child(1):before{content:'가.'}
.list_gana>li:nth-child(2):before{content:'나.'}
.list_gana>li:nth-child(3):before{content:'다.'}
.list_gana>li:nth-child(4):before{content:'라.'}
.list_gana>li:nth-child(5):before{content:'마.'}
.list_gana>li:nth-child(6):before{content:'바.'}
.list_gana>li:nth-child(7):before{content:'사.'}
.list_gana>li:nth-child(8):before{content:'아.'}
.list_gana>li:nth-child(9):before{content:'자.'}
.list_gana>li:nth-child(10):before{content:'차.'}
.list_gana>li:nth-child(11):before{content:'카.'}
.list_gana>li:nth-child(12):before{content:'타.'}
.list_gana>li:nth-child(13):before{content:'파.'}
.list_gana>li:nth-child(14):before{content:'하.'}
.law{margin-top:30px; padding-left:10px}
.law p.law_tit{position:relative; font-weight:bold; font-size:1.1em; margin-bottom:10px}
.law p.law_tit:after{display:inline-block; content:''; margin-left:5px; width:12px; height:2px; background:#333; }
.law span.law_tit{position:relative; font-weight:bold; font-size:1.1em; margin-bottom:10px}
.law span.law_tit:after{display:inline-block; content:''; margin-left:5px; width:12px; height:2px; background:#333; }
.law>li{margin-top:50px}
.additional .law>li{margin-top:20px}
.law>li:first-child{margin-top:0px}
.law>li>ol{margin-top:20px}
.law>li>ol>li>ol{margin-top:10px; margin-bottom:20px; padding:15px 15px 25px; background:#f0f0f0; font-size:14px}
.law>li>ol>li>ol>li>ol,
.law>li>ol>li>ol>li>ul{margin-top:5px; margin-bottom:10px}
.law ol ul{}
.law .reform{text-align:right; margin-top:15px; padding-top:7px; font-size:14px; border-top:1px dotted #aaa}

/*************************************
	/welfare/life/child/dreamstart.jsp
	/welfare/life/child/card.jsp
	/welfare/visitors/disabled/register.jsp
	/welfare/visitors/disabled/register_judge.jsp
	/welfare/visitors/income/emergency.jsp
	/welfare/visitors/woman/sexual.jsp
  /welfare/visitors/renklife/settle_job.jsp
**************************************/
span.basic{font-size:14px; font-weight:normal; letter-spacing:-1px}
.welstep{display:table; margin-top:20px; width:100%}
.welstep+.welstep{margin-top:20px}
.welstep>li{display:table-cell; position:relative; vertical-align:top; margin:5px 0px; padding-left:30px; padding-right:5px; width:25%; box-sizing:border-box}
.welstep.col5>li {width:20%;}
.welstep.col6>li {width:16.6%;}
.welstep>li:before{display:block; content:''; position:absolute; left:-2px; top:35px; width:21px; height:21px; background:url(/welfare/img/contents/step_arrR.gif) no-repeat center center}
.welstep>li:after{display:block; content:''; position:absolute; left:22px; top:10px; width:85%; height:97%; background:#f0f0f0; border-radius:5px; border:1px solid #e5e5e5; z-index:-1}
.welstep>li>div.tit{display:table; width:100%}
.welstep>li>div.tit>p{display:table-cell; text-align:center; vertical-align:middle; height:90px; box-shadow:0px 1px 2px rgba(0,0,0,.2); border-radius:5px; background:#bbc1c8; border:1px solid #999fa7}
.welstep>li>div.con{padding:20px 30px 15px 10px}
.welstep>li.process{vertical-align:middle}
.welstep>li.process:before{display:none}
.welstep>li.process>div.tit{position:relative; margin:auto; padding:0px 17% 0px 14%}
.welstep>li.process>div.tit:before{display:block; content:''; position:absolute; left:-15px; top:19px; width:108%; height:2px; background:#bbc1c8; z-index:-1}
.welstep>li.process>div.tit p{height:auto; padding:5px 30px; border-radius:60px; background:#f5f5f5; border-color:#ddd; font-size:14px; box-shadow:none}
.welstep.nocon>li{padding-left:20px}
.welstep.nocon>li:after{display:none}
.welstep.autoW>li{width:auto; min-width:100px}
.welstep.autoW>li:first-child{padding-left:0px}
.welstep02{margin-top:25px}
.welstep02>li{position:relative}
.welstep02>li:before{display:block; content:''; width:100%; height:27px; background:url(/welfare/img/contents/step_arrD.gif) no-repeat center 4px} 
.welstep02>li>div.tit{display:table; width:100%} 
.welstep02>li>div.tit>p{display:table-cell; vertical-align:middle; text-align:center; padding:20px 10%; background:#bbc1c8; box-shadow:0px 1px 2px rgba(0,0,0,.2); border:1px solid #999fa7; border-radius:5px} 
table .welstep02>li>div.tit>p{display:block}
.welstep02>li>div.con{position:relative; padding:20px 20px 15px; margin-top:-7px; background:#f0f0f0; border-radius:5px; border:1px solid #e5e5e5; z-index:-1}
.welstep02>li.process{vertical-align:middle; text-align:center}
.welstep02>li.process:before{display:none}
.welstep02>li.process>div.tit{margin-top:5px; min-width:20%}
.welstep02>li.process>div.tit p{display:inline-block; height:auto; padding:5px 30px; border-radius:60px; background:#f5f5f5; border-color:#ddd; font-size:14px; box-shadow:none}
.welstep03{margin-top:20px}
.welstep03>li{position:relative}
.welstep03>li:before{display:block; content:''; width:100%; height:27px; background:url(/welfare/img/contents/step_arrD.gif) no-repeat 19.5% 4px} 
.welstep03>li>div{display:table; width:100%}
.welstep03>li>div>p.tit{display:table-cell; text-align:center; vertical-align:middle; padding:5px; width:40%; box-shadow:0px 1px 2px rgba(0,0,0,.2); border-radius:5px; background:#bbc1c8; border:1px solid #999fa7}
.welstep03>li>div>div.con{display:table-cell; padding:18px 30px 18px 10px; background:#f0f0f0; border:1px solid #e5e5e5; border-left:0px}
.welstep div.con ul.bl04:first-child,
.welstep02 div.con ul.bl04:first-child,
.welstep03 div.con ul.bl04:first-child{margin-top:0px}
.welstep div.con ul.bl05,
.welstep02 div.con ul.bl05,
.welstep03 div.con ul.bl05{margin-bottom:20px; font-size:14px}
.welstep>li:first-child:before,
.welstep02>li:first-child:before{display:none}
.welstep03>li:first-child:before{display:none}
.welstep>li:not(.nofirst):first-child>div.tit>p,
.welstep02>li:not(.nofirst):first-child>div.tit>p,
.welstep03>li:not(.nofirst):first-child>div>p.tit{color:#fff; font-weight:bold; text-shadow:0px 0px 1px rgba(0,0,0,.5)}
.life .welstep>li:not(.nofirst):first-child>div.tit>p,
.life .welstep02>li:not(.nofirst):first-child>div.tit>p,
.life .welstep03>li:not(.nofirst):first-child>div>p.tit{background:#ea6f7e; border-color:#e55662}
.visitors .welstep>li:not(.nofirst):first-child>div.tit>p,
.visitors .welstep02>li:not(.nofirst):first-child>div.tit>p,
.visitors .welstep03>li:not(.nofirst):first-child>div>p.tit{background:#eb6e12; border-color:#d3610c}
.facility .welstep>li:not(.nofirst):first-child>div.tit>p,
.facility .welstep02>li:not(.nofirst):first-child>div.tit>p,
.facility .welstep03>li:not(.nofirst):first-child>div>p.tit{background:#379238; border-color:#28702a}
.welstep>li:not(.nolast):last-child>div.tit>p,
.welstep02>li:not(.nolast):last-child>div.tit>p,
.welstep03>li:not(.nolast):last-child>div>p.tit{background:#818890; border-color:#5f6770; color:#fff; font-weight:bold; text-shadow:0px 0px 1px rgba(0,0,0,.5)}
.welstep>li>div.tit>p.colors1,
.welstep02>li>div.tit>p.colors1,
.welstep03>li>div>p.colors1{background:#16a79e !important; border-color:#09817a !important}
/* .nocon div.con>p, .nocon div.con>div>p{border-radius:5px !important} */
.instep{position:relative}
.instep>li:before{display:block; content:''; width:100%; height:10px; background:url(/welfare/img/contents/instep_arrD.gif) no-repeat center center}
.instep>li:first-child:before{background-image:none}
.instep>li dl{padding:0px 7% 20px; border:3px solid #e3e5e7; border-radius:7px}
.instep>li dl dt{text-align:center; padding:20px 0px; margin-bottom:20px; font-weight:bold; border-bottom:1px dashed #ccc}
.instep>li dl dd{text-align:center}
.instep>li>p{text-align:center; padding:20px 7%; border:3px solid #e3e5e7; border-radius:7px; font-weight:bold}
.stepcon{padding:0px 3% 20px; border:3px solid #e3e5e7; border-radius:7px}
.stepcon dt{text-align:center; padding:20px 0px; margin-bottom:20px; font-weight:bold; border-bottom:1px dashed #ccc; font-size:1.1em}
/* .welstep>li>div.con{display:table; width:100%; border-radius:5px; box-shadow:0px 1px 2px rgba(0,0,0,.2)}
.welstep>li>div.con>div{display:table-row}
.welstep>li>div.con>div>p{display:table-cell; text-align:center; vertical-align:middle; height:90px; background:#bbc1c8; border-radius:5px; border:1px solid #999fa7}
.welstep>li:before{display:block; content:''; position:absolute; left:3px; top:35px; width:21px; height:21px; background:url(/welfare/img/contents/step_arrR.gif) no-repeat center center}
.welstep>li>div.con>div>div{display:table-cell; border:1px solid #ddd; border-radius:0px 0px 5px 5px; background:#f0f0f0} */

.faq dl{margin-top:15px}
.faq dl dt{padding:15px 10px; border-top:1px dashed #ccc; font-size:16px}
.faq dl dt:first-child{border-top:2px solid #666}
.faq dl dd{display:none; padding:20px 30px; background:#f0f0f0; line-height:160%}

/*** 생애주기별 ***/
/* 아동청소년 */
.step_dreamstart01>li:after{display:block; content:''; clear:both}
.step_dreamstart01>li>div.tit{margin:auto; width:23%}
.step_dreamstart01>li>div.tit>p{height:90px}
.step_dreamstart01>li .stepcon{position:relative; float:left; margin-top:-92px; width:30%; min-height:277px; background:#fff}
.step_dreamstart01>li .stepcon:last-child{float:right}
.step_dreamstart01>li .stepcon:last-child:after{display:block; content:''; position:absolute; top:15%; left:-200%; width:200%; height:3px; background:#e3e5e7; z-index:-1}
.step_dreamstart01>li.branch:before{display:none}
.step_dreamstart01>li.branch div.tit{position:absolute; right:5%; top:-35px; width:210px}
.step_dreamstart01>li.branch div.tit:before{display:block; content:''; position:absolute; top:50%; left:-90%; width:100%; height:1px; border-top:2px dashed #ddd; z-index:-1}
.step_dreamstart01>li.branch div.tit p{width:100%}
.step_dreamstart02_02:after{display:block; content:''; position:absolute; right:-6.5%; top:40px; width:5.5%; height:1px; background:#333}
.step_dreamstart02_02:before{display:block; content:''; position:absolute; right:-3.5%; top:35px; width:5px; height:0px; border:5px solid transparent; border-right-color:#333}
.step_dreamstart02_03:before{display:block; content:''; position:absolute; left:-6%; bottom:35px; width:1px; height:65%; background:#333}
.step_dreamstart02_03:after{display:block; content:'[위기도재검사 후 종결, 혹은 사례개입의 서비스계획으로 되돌아감]'; position:absolute; left:-5.5%; bottom:35px; width:4%; height:1px; background:#333; text-indent:-5000px}
.dreamstart_goal{display:flex; flex-wrap:wrap; margin-top:20px; overflow:hidden;}
.dreamstart_goal>li{/* float:left; width:32.3%; */ flex:1 1 32.3%; margin:.5%; padding-top:78px; background-repeat:no-repeat; background-position:center 10px; border:2px solid #ddd; border-radius:5px; box-sizing:border-box}
.dreamstart_goal>li.ic01{background-image:url(/welfare/img/contents/dreamstart_ic01.gif)}
.dreamstart_goal>li.ic02{background-image:url(/welfare/img/contents/dreamstart_ic02.gif)}
.dreamstart_goal>li.ic03{background-image:url(/welfare/img/contents/dreamstart_ic03.gif)}
.dreamstart_goal>li.ic04{background-image:url(/welfare/img/contents/dreamstart_ic04.gif)}
.dreamstart_goal>li.ic05{background-image:url(/welfare/img/contents/dreamstart_ic05.gif)}
.dreamstart_goal>li.ic06{background-image:url(/welfare/img/contents/dreamstart_ic06.gif)}
.dreamstart_goal>li p{display:flex; align-items:center; justify-content:center; text-align:center; padding:0px 7%; height:70px; background:#eee}
.child_card{overflow:hidden}
.child_card div.con{float:left}
.child_card p.img{float:left; margin-left:5%; padding-top:40px}
.child_standard{margin:20px 0px; overflow:hidden}
.child_standard>li{position:relative; display:flex; text-align:center; align-items:center; justify-content:center; vertical-align:middle; float:left; margin:.2%; padding-left:55px; width:24.6%; height:90px; border:1px solid #666; border-radius:5px}
.child_standard>li:after{display:block; content:''; position:absolute; left:0px; top:0px; width:50px; height:100%; background:#f0f0f0 url(/welfare/img/contents/ic_x.gif) no-repeat center center; border-right:1px dashed #ddd; border-radius:5px 0px 0px 5px }
.child_standard>li p{position:relative; padding:0px 10px}
/* 어르신 */
.food_tower{margin-top:20px; margin-left:15px; padding:3%; background:#f0f0f0}
.food_tower .txt{text-align:center; margin-bottom:30px; padding:20px; background:#fff; border:1px solid #ddd; font-weight:bold}

/*** 이용자별 ***/
/* 장애인 */
.disabled_move{margin-top:10px; margin-left:10px; padding:5%; border:5px solid #eee}
.disabled_move>li{margin-top:40px}
.disabled_move>li:first-child{margin-top:0px}
.disabled_move>li>p{text-align:center; padding:10px; background:#f0f0f0; font-size:16px}
.disabled_move ul{margin-top:15px}
.disabled_move ul li{display:inline-block; position:relative; text-align:center; margin:2px 0px; margin-right:10px; padding:4px 10px 5px; min-width:130px; background:#f5f5f5; border:1px solid #eee; border-radius:60px; }
.disabled_move ul li:first-child{background:#eb6e12; border-color:#eb6e12; color:#fff}
.disabled_move ul li:last-child{background:#818890; border-color:#5f6770; color:#fff}
.disabled_move ul li:after{display:inline-block; content:''; position:absolute; right:-10px; top:10px; width:6px; height:6px; background:url(/welfare/img/contents/instep_sarrR.gif) no-repeat center center}
.disabled_move ul li:last-child:after{display:none}

/* 여성 */
.step_sexual{padding-bottom:130px}
.step_sexual>li{position:relative}
.step_sexual>li:after{display:block; content:''; clear:both}
.step_sexual>li>div.tit{margin:auto; width:23%}
.step_sexual>li>div.tit>p{height:90px}
.step_sexual>li .stepcon{position:absolute; width:30%; top:20px; background:#fff; min-height:342px}
.step_sexual>li .stepcon:first-child{left:0px}
.step_sexual>li .stepcon:last-child{right:0px}
.step_sexual>li .stepcon:last-child:after{display:block; content:''; position:absolute; top:15%; left:-200%; width:200%; height:3px; background:#e3e5e7; z-index:-1}

.support_logo{position: relative; overflow: hidden; border-bottom: 1px solid #dedede;  border-right: 1px solid #dedede;   border-top: 1px solid #dedede; background: #fdfdfd; margin-top:20px;}
.support_logo img { float: left;width: 330px;}
.support_logo .logo_con{float: left; width: 63%;  z-index: 4; padding:30px}
.support_logo .logo_con .logo_tit{font-size:20px; color: #762b92; font-weight:bold}
.support_logo .logo_con .logo_txt{padding-top:20px;}



.woman_mission  {text-align:center; max-width:768px; margin:0 auto;}
.woman_mission .mission_intro {position:relative; }
.woman_mission .mission_intro_ttl {width:71px; height:71px; padding-top:22px; margin:20px auto; color:#fff; font-weight:500; font-size:20px; border-radius:50%; background:#333;}
.woman_mission .mission_intro_txt {max-width:90%; width:542px; height:108px; margin:0 auto; background:url('/welfare/img/contents/woman_notice_slogan.gif?v2') no-repeat; background-size:100%; text-indent:-2000px; overflow:hidden; font-size:0; line-height:0;}


.woman_mission .mission_intro_txt * {font-size:0; line-height:0;}
.woman_mission .mission_vision {margin-top:4%;}
.woman_mission .mission_vision_ttl {font-size:2rem; color:#622aa0;}
.woman_mission .mission_vision_ttl .eng {position:relative; display:inline-block; margin-left:5px; padding-left:15px;}
.woman_mission .mission_vision_ttl .eng:before {position:absolute; left:0; top:6px; content:""; width:1px; height:14px; background:#b6b6b6;}
.woman_mission .mission_vision_txt {margin-top:15px; font-size:2.2rem; font-weight:500;}
.woman_mission .mission_value {margin-top:5.5%;}
.woman_mission .mission_value_ttl {font-size:22px; font-weight:bold; padding:15px; font-size:20px; font-weight: bold;  border-radius: 5px; background: #f5f5f5;}
.woman_mission .mission_value_txt {margin-top:20px; font-size:0; white-space:nowrap;}
.woman_mission .mission_value_txt>li {display:inline-block; vertical-align:top; width:177px; height:177px; padding-top:92px; margin:8px; color:#fff; font-size:2.2rem; border-radius:50%;}
.woman_mission .mission_value_txt>li:nth-of-type(1) {background:#3348be url('/welfare/img/contents/woman_notice_ic01.png') no-repeat center 35px;}
.woman_mission .mission_value_txt>li:nth-of-type(2) {background:#4733be url('/welfare/img/contents/woman_notice_ic02.png') no-repeat center 35px; }
.woman_mission .mission_value_txt>li:nth-of-type(3) {background:#0073cb url('/welfare/img/contents/woman_notice_ic03.png') no-repeat center 35px;}
.woman_mission .mission_value_txt>li:nth-of-type(4) {background:#622aa0 url('/welfare/img/contents/woman_notice_ic04.png') no-repeat center 35px;}
.woman_mission .mission_value_txt .cate {font-size:20px;}
.woman_mission .mission_box {margin-top:7%;}
.woman_mission .mission_box_ttl {padding:15px; font-size:20px;; font-weight:bold; border-radius:5px; background:#f5f5f5;}
.woman_mission .mission_box_txt {font-size:0;}
.woman_mission .mission_box_txt>li, .mission_box_txt>dl {position:relative; display:inline-block; vertical-align:top; width:18%; margin-left:2.5%; margin-top:2.5%; font-size:15px; border-radius:5px; border:2px solid #000;}
.woman_mission .mission_box_txt.col3>li {width:31%;}
.woman_mission .mission_box_txt>li {height:177px;}
.woman_mission .mission_box_txt>li:first-child, .mission_box_txt>dl:first-child {margin-left:0;}
.woman_mission .mission_box_txt>li>p {position:relative; top:50%; transform:translateY(-50%);}
.woman_mission .mission_task_txt1 {border-color:#b6448a !important; background:#b6448a url('/main/img/contents/mission_task1.png') no-repeat center 30px;}
.woman_mission .mission_task_txt2 {border-color:#1e66a3 !important; background:#1e66a3 url('/main/img/contents/mission_task2.png') no-repeat center 30px;}
.woman_mission .mission_task_txt3 {border-color:#eaa215 !important; background:#eaa215 url('/main/img/contents/mission_task3.png') no-repeat center 30px;}
.woman_mission .mission_task_txt4 {border-color:#2d7853 !important; background:#2d7853 url('/main/img/contents/mission_task4.png') no-repeat center 30px;}
.woman_mission .mission_task_txt5 {border-color:#4d7530 !important; background:#4d7530 url('/main/img/contents/mission_task4.png') no-repeat center 30px;}
.woman_mission .mission_box_txt>dl>dt {padding:30px 5px 30px; color:#fff;}
.woman_mission .mission_box_txt>dl>dd {text-align:left; min-height:287px; padding:10px 15px; border-radius:4px; background:#fff;}
.woman_mission .mission_box_txt.only_mission>dl>dd {min-height:320px;}
.woman_mission .mission_box_txt>dl>dd li {padding:10px 0; border-bottom:1px dotted #000;}
.woman_mission .mission_box_txt>dl>dd li:last-child {border-bottom:0;}






/* 다문화가정 */
.harmony{background:url(/welfare/img/contents/harmony_bg.gif) no-repeat right 10% center}
.harmony p.tit{padding-top:20px; margin-bottom:50px}
.harmony p.txt{margin-top:30px; width:42%; line-height:150%}
.multiple_state{}
.multiple_state p.txt{margin:30px auto 0px; text-align:center; padding:0px 10% 180px; font-size:18px; background:url(/welfare/img/contents/multiple_state.gif) no-repeat center bottom; line-height:170%}
.multiple_state ul.history{overflow:hidden}
.multiple_state ul.history>li{float:left; width:49%; }
.multiple_state ul.history>li p{position:relative; height:40px; }
.multiple_state ul.history>li p span{display:block; position:relative; text-align:center; line-height:40px; font-size:16px; color:#fff; z-index:3}
.multiple_state ul.history>li p:before{display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#aab0b7; z-index:0}
.multiple_state ul.history>li p:after{display:block; content:''; position:absolute; right:-14px; top:4px; width:28px; height:28px; background:#aab0b7; border:5px solid #fff; border-width:3px 3px 0px 0px; transform:rotate(45deg); z-index:1}
.multiple_state ul.history>li:first-child p:before,
.multiple_state ul.history>li:first-child p:after{background-color:#bbc1c8}
.multiple_state ul.history>li:last-child p:before,
.multiple_state ul.history>li:last-child p:after{background-color:#989fa6}
.multiple_state ul.history>li span.date{margin-right:10px; color:#878787}
.multiple_state ul.history>li .bl04{margin-top:10px}
.multiple_photo{position:relative; margin-top:20px}
.multiple_photo p{position:absolute; left:7px; top:-5px; font-size:40px; font-weight:bold; color:#666}
.multiple_photo ul{margin-left:70px; overflow:hidden}
.multiple_photo ul li{float:left; margin:1% 0.5%; width:19%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.multiple_photo ul li span{display:block; text-align:center; margin-top:5px; padding:5px; background:#f0f0f0; font-size:14px}
.multiple_family{margin-top:20px; border-top:2px solid #ffb628; border-bottom:1px solid #333}
.multiple_family>li{padding:4% 20px 4% 250px; border-top:1px dotted #333; background-repeat:no-repeat; background-position:30px center}
.multiple_family>li:first-child{border-top:0px}
.multiple_family>li.ic01{background-image:url(/welfare/img/contents/multiple_family_ic01.gif)}
.multiple_family>li.ic02{background-image:url(/welfare/img/contents/multiple_family_ic02.gif)}
.multiple_family>li.ic03{background-image:url(/welfare/img/contents/multiple_family_ic03.gif)}
.multiple_family>li.ic04{background-image:url(/welfare/img/contents/multiple_family_ic04.gif)}
.multiple_family>li dl dt{margin-bottom:20px; font-weight:bold; font-size:18px}
/* 북한이탈주민 */
.renklife_introduce{background:url(/welfare/img/contents/renklife_introduce.jpg) no-repeat right center; background-size:55.5%; min-height:533px}
.renklife_introduce p.tit{padding-top:20px; margin-bottom:40px}
.renklife_introduce p.txt{margin-top:20px; width:42%; line-height:150%}
.location{margin:10px 0px; border-top:2px solid #eb6e12}
.location>li{position:relative; padding:30px 0px 20px; border-bottom:1px dashed #bbbbbb; min-height:150px}
.location>li p.tit{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-49.5%); text-align:center; padding-top:75px; width:28%; font-weight:bold; font-size:18px; letter-spacing:-1px; background-repeat:no-repeat; background-position:center top}
.location>li.ic01 p.tit{background-image:url(/welfare/img/contents/location_ic01.gif)}
.location>li.ic02 p.tit{background-image:url(/welfare/img/contents/location_ic02.gif)}
.location>li.ic03 p.tit{background-image:url(/welfare/img/contents/location_ic03.gif)}
.location>li .bl04{margin-top:0px; padding-left:30%}
.guidebook {width:40%; margin:0 auto 20px}
.guidebook a img {border-radius:5px}
/* 본청CSS 가져옴 시작 */
.income {margin:20px 10px; padding:5%; border:1px solid #ccc; background-color:#fdfdfd;}
.symbol {overflow:hidden;}
.symbol dl {float:left; text-align:center; margin:1%; padding:10px; width:48%;border:1px solid #d4d4d4;}
.symbol dl dt p {margin:20px; padding-bottom:20px; font-size:20px; font-weight:bold; border-bottom:1px solid #e3e3e3;}
.symbol dl dd {margin:20px 5%;}
.symbol dl dd span {display:block;}
.basic .local {overflow:hidden; margin-top:20px;}
.basic .local li {float:left; text-align:center; margin:.5%; padding:150px 3.5% 40px 3.5%; width:24%; min-height:232px;}
.basic .local li.local01 {border:1px solid #d2d4aa; background:#f1f2d9 url('/main/img/contents/basic_local01.gif') center 45px no-repeat;}
.basic .local li.local02 {border:1px solid #97d0d5; background:#d9f0f2 url('/main/img/contents/basic_local02.gif') center 45px no-repeat;}
.basic .local li.local03 {border:1px solid #add59a; background:#e1f2d9 url('/main/img/contents/basic_local03.gif') center 45px no-repeat;}
.basic .local li.local04 {border:1px solid #ccafa6; background:#f2dfd9 url('/main/img/contents/basic_local04.gif') center 45px no-repeat;}
.basic .area {overflow:hidden; margin-left:30px; margin-top:15px;}
.basic .area li {float:left; text-align:center; margin-left:.5%; padding:100px 5px 25px 5px;}
.basic .area li strong {font-size:20px;}
.basic .area li span {display:block; color:#777; font-weight:500;}
.basic .area li.area01 {width:45.5%; border:1px solid #add59a; background:#e1f2d9 url('/main/img/contents/basic_area01.gif') center 30px no-repeat;}
.basic .area li.area02 {width:18%; border:1px solid #ccafa6; background:#f2dfd9 url('/main/img/contents/basic_area02.gif') center 30px no-repeat;}
.basic .area li.area03 {width:13%; border:1px solid #d2d4aa; background:#f1f2d9 url('/main/img/contents/basic_area03.gif') center 30px no-repeat;}
.basic .area li.area04 {width:11%; border:1px solid #97d0d5; background:#d9f0f2 url('/main/img/contents/basic_area04.gif') center 30px no-repeat;}
.basic .area li.area05 {width:10%; border:1px solid #ccc; background:#f0f0f0 url('/main/img/contents/basic_area05.gif') center 30px no-repeat;}
.basic .income {text-align:center;}
.basic .income.graph ul {position:relative; margin:0 auto; width:100%; max-width:751px; height:317px; background:url('/main/img/contents/basic_graph.gif') no-repeat;}
.basic .income.graph ul li {position:absolute; bottom:6px; width:113px; border-radius:4px 4px 0 0;}
.basic .income.graph ul li:nth-child(1) {right:50%; margin-right:6%; height:64.3%; background:#4e76e8;}
.basic .income.graph ul li:nth-child(2) {left:50%; margin-left:113px; height:64.0%; background:#f75a5b;}
.basic .income.graph ul li:nth-child(1):before {position:absolute; top:-91px; left:0; width:100%; height:203px; background:url('/main/img/contents/basic_graph_man.gif') no-repeat center top; content:"";}
.basic .income.graph ul li:nth-child(2):before {position:absolute; top:-86px; left:0; width:100%; height:203px; background:url('/main/img/contents/basic_graph_woman.gif') no-repeat center top; content:"";}
.basic .income.graph ul li p {position:relative; top:50%; color:#fff; font-size:1.2em; font-weight:600; transform:translateY(-50%);}
.basic .status_of_budget .total { padding:10px 30px; color:#fff; font-size:18px; font-weight:600; background:#1054a8; }
.basic .status_of_budget * { position:relative; }
.basic .status_of_budget ul { width:85%; margin:20px auto; }
.basic .status_of_budget ul li { padding:0 8%; margin:13px 0; }
.basic .status_of_budget ul li dl { overflow:hidden; color:#333; font-size:18px; }
.basic .status_of_budget ul li dl dt{ float:left; color:#1054a8; font-weight:600; padding-right:10px; background:#fdfdfd; }
.basic .status_of_budget ul li dl dd{ float:right; padding-left:10px; background:#fdfdfd; }
.basic .status_of_budget ul:before { position:absolute; left:0; top:12px; height:75px; width:1px; background:#1054a8; content:""; }
.basic .status_of_budget ul:after { position:absolute; right:0; top:12px; height:75px; width:1px; background:#aaa; content:""; }
.basic .status_of_budget ul li:before { position:absolute; left:0; top:12px; height:1px; width:6%; background:#1054a8; content:"";  }
.basic .status_of_budget ul li:after { position:absolute; right:0; top:12px; height:1px; width:6%; background:#aaa; content:"";  }
.basic .status_of_budget ul li:nth-child(2):before,
.basic .status_of_budget ul li:nth-child(2):after { display:none; }
.basic .status_of_budget ul li dl:before { position:absolute; left:0; top:12px; width:100%; height:1px; border-top:1px dashed #aaa; content:""; }
.basic .status_of_budget .selfReliance { color:#333; font-size:18px; }
.nature .info {position:relative; margin-top:25px; margin-left:15px; padding-right:20px;}
.nature .info:after {content:''; position:absolute; right:0; top:10px; width:100%; height:100%; background:url('/main/img/contents/nature_infoBg.gif') right top no-repeat; z-index:-1;}
.nature .info .info_tit {overflow:hidden; margin-bottom:130px; max-height:320px; background:url('/main/img/contents/nature_info.gif') 0 0 no-repeat;}
.nature .info .info_tit>div {text-align:right; padding:6%; width:50%; color:#fff; background-color:rgba(0,0,0,.8);}
.nature .info .info_tit>div .tit01 {margin-bottom:40px; font-size:30px;}
.nature .info .info_tit>div .tit01 span {font-size:50px; font-weight:bold;}
.nature .info .info_tit>div .tit02 {font-size:22px; line-height:33px;}
.nature .info .info_tit>div .tit02 span {display:block; color:#ffd908; font-weight:bold;}
.nature .info .info_con .tit {font-size:20px;}
.nature .info .info_con .tit span {font-size:28px;}
.nature .info .info_con .txt {margin-top:15px; margin-bottom:50px; color:#777;}
.nature .info .info_con .point {font-weight:bold; color:#4355b4; letter-spacing:-1px}
.nature .map {position:relative; overflow:hidden; margin-left:20px; margin-top:20px; padding:50px 30px; border:1px solid #ddd;}
.nature .map .img {float:left; width:65%;}
.nature .map div {float:right; margin-top:50px; margin-bottom:30px; width:35%;}
.nature .map div dl {overflow:hidden;}
.nature .map div dl:nth-child(even) {margin-top:30px; padding-top:30px; border-top:1px solid #e9e9e9;}
.nature .map div dl dt {float:left; text-align:center; padding:40px 20px; width:112px; height:112px; color:#fff; font-size:20px; border-radius:100%;}
.nature .map div dl dd {margin-left:15px; margin-top:5px; padding-left:125px; font-size:18px;}
.nature .map div dl dd:nth-child(2) {padding-top:15px;}
.nature .map div dl:nth-child(2) dt {padding-top:30px;}
.nature .map div dl:nth-child(odd) dt {background-color:#1057a8;}
.nature .map div dl:nth-child(even) dt {background-color:#5e31b3;}
.nature .map div .conbox {margin-top:50px; color:#777;}
/* 본청CSS 가져옴 끝 */
.basic .local li.renklife_facility01{background-image:url('/welfare/img/contents/renklife_facility_ic01.gif')}
.basic .local li.renklife_facility02{background-image:url('/welfare/img/contents/renklife_facility_ic02.gif')}
.basic .local li.renklife_facility03{background-image:url('/welfare/img/contents/renklife_facility_ic03.gif')}
.basic .local li.renklife_facility04{background-image:url('/welfare/img/contents/renklife_facility_ic04.gif')}
.purpose { overflow:hidden; text-align:center; margin-bottom:30px; }
.purpose p { position:relative; display:inline-block; text-align:center; padding:20px 10%; color:#fff; font-size:18px; font-weight:bold; text-shadow:0 0 1px rgba(0,0,0,.5); border:1px solid #e55662; border-radius:5px; background:#ea6f7e; box-shadow:0 1px 2px rgba(0,0,0,.2); }
.purpose > ul { position:relative; overflow:hidden; padding-bottom:40px; }
.purpose > ul > li { position:relative; float:left; width:30%; margin-left:5%; margin-top:80px; }
.purpose > ul > li:first-child { margin-left:0; }
.purpose > ul > li > p { width:100%; font-size:16px; border-color:#5f6770; background:#818890; }
.purpose > ul > li > ul { text-align:left; margin-top:10px; padding:5px 15px; min-height:120px; border:3px solid #e3e5e7; border-radius:5px; background:#fff; }
.purpose > ul > li > ul > li { position:relative; padding:5px 0 5px 10px; letter-spacing:-1px; border-top:1px dotted #ccc; }
.purpose > ul > li > ul > li:first-child { border-top:0;}
.purpose > ul > li > ul > li:before { left:0; top:14px; width:2px; height:2px; border:1px solid #555; z-index:1; }
.purpose *:after,
.purpose *:before { position:absolute; background:#ccc; content:""; z-index:-1; }
.purpose > p:after { bottom:-41px; left:50%; width:1px; height:40px; }
.purpose > ul:before { top:40px; left:50%; width:70%; height:1px; margin-left:-35%; }
.purpose > ul > li:before { top:-40px; left:50%; width:1px; height:100%; }
.purpose > ul > li:after { bottom:-40px; left:50%; width:1px; height:40px; } 
.purpose > ul:after { bottom:0px; left:50%; width:70%; height:1px; margin-left:-35%; }
.local_organ { text-align:center; }
.local_organ div { display:inline-block; margin-bottom:50px; width:50%; border-radius:5px; box-shadow:0 1px 4px rgba(0,0,0,.2); }
.local_organ div > p { padding:12px 0; color:#fff; font-size:18px; font-weight:bold; text-shadow:0 0 1px rgba(0,0,0,.5); border:1px solid #e55662; border-radius:5px 5px 0 0; background:#ea6f7e; }
.local_organ div.tier2 > p { color:#000; font-weight:500; text-shadow:none; border:1px solid #999fa7; background:#bbc1c8; }
.local_organ div > ul { padding:10px 0 0; border:1px solid #ccc; border-top:0;  border-radius:0 0 5px 5px; background:#fff; }
.local_organ div > ul > li > ul { overflow:hidden; margin-top:10px; border-top:1px solid #e3e5e7; }
.local_organ div > ul > li > ul > li { float:left; padding:10px 0 12px; width:50%; border-left: 1px solid #e3e5e7; }
.local_organ div > ul > li > ul > li:first-child { border-left:0; }
.local_organ dl { overflow:hidden; }
.local_organ dl dt { display:inline-block; width:50%; padding:12px 0; color:#fff; font-size:17px; font-weight:bold; text-shadow:0 0 1px rgba(0,0,0,.5); border:1px solid #5f6770; border-radius:5px; background:#818890; box-shadow:0 1px 4px rgba(0,0,0,.2); }
.local_organ * { position:relative; }
.local_organ *:before,
.local_organ *:after { position:absolute; content:""; z-index:-1; }
.local_organ div:after { bottom:-51px; left:50%; width:1px; height:50px; background:#ccc; }
.greeting {position:relative; margin:0 auto; max-width:1040px; padding:80px; background:url('/welfare/img/contents/greeting_mbg.gif') repeat-y; background-size:100% auto;}
.greeting:before {position:absolute; top:0; left:0; width:100%; height:62px; background:url('/welfare/img/contents/greeting_tbg.gif') no-repeat; background-size:100% auto; content:"";}
.greeting:after {position:absolute; bottom:0; left:0; width:100%; height:62px; background:url('/welfare/img/contents/greeting_bbg.gif') no-repeat left bottom; background-size:100% auto; content:"";}
.greeting div.tit {overflow:hidden; width:100%;}
.greeting div.tit p.txt span { position:relative; display:block; padding:70px 25px 25px; }
.greeting div.tit p.txt span:before {position:absolute; top:25px; left:25px; width:100%; height:12px; background:url('/welfare/img/contents/greeting_stit.gif') no-repeat; content:"";}
.greeting div.txt {margin-top:50px; padding:0 25px; line-height:32px; background:url('/welfare/img/contents/greeting_txtbg.gif') repeat left top 31px; }
.greeting div.txt>p {margin-top:32px;}
.greeting p.name { text-align:right; padding:55px 25px 35px; }
.greeting p.name span { margin-left:10px; font-size:22px; font-weight:600; }

.childcity {margin:10px 0px; border-top:2px solid #eb6e12; counter-reset:listNum;}
.childcity>li{position:relative; padding:30px 0px 20px 120px; border-bottom:1px dashed #bbbbbb; min-height:130px; counter-increment:listNum;}
.childcity>li>p.tit {position:relative; padding-left:10px; font-size:17px; font-weight:600;}
.childcity>li>p.tit:before {content:counter(listNum)". ";}
.childcity>li>p.bl04 {margin-bottom:0;}
.childcity>li:before {position:absolute; left:20px; top:50%; width:80px; height:80px; border-radius:50%; background:#f5f5f5; transform:translateY(-50%); content:"";}
.childcity>li:after {position:absolute; left:30px; top:50%; width:60px; height:60px; background:no-repeat center center; transform:translateY(-50%); content:"";}
.childcity>li.ic01:after {background-image:url('/welfare/img/contents/childcity01.gif');}
.childcity>li.ic02:after {background-image:url('/welfare/img/contents/childcity02.gif');}
.childcity>li.ic03:after {background-image:url('/welfare/img/contents/childcity03.gif');}
.childcity>li.ic04:after {background-image:url('/welfare/img/contents/childcity04.gif');}
.childcity>li.ic05:after {background-image:url('/welfare/img/contents/childcity05.gif');}
.childcity>li.ic06:after {background-image:url('/welfare/img/contents/childcity06.gif');}
.childcity>li.ic07:after {background-image:url('/welfare/img/contents/childcity07.gif');}
.childcity>li.ic08:after {background-image:url('/welfare/img/contents/childcity08.gif');}
.childcity>li.ic09:after {background-image:url('/welfare/img/contents/childcity09.gif');}
.childcity>li.ic10:after {background-image:url('/welfare/img/contents/childcity10.gif');}

.welstepFlex {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px;}
.welstepFlex>li {position:relative; text-align:center; width:20%; padding:0 5px 0 20px;}
.welstepFlex>li:nth-child(n+6) {margin-top:15px;}
.welstepFlex>li:before{display:block; content:''; position:absolute; left:-2px; top:35px; width:21px; height:21px; background:url(/welfare/img/contents/step_arrR.gif) no-repeat center center}
.welstepFlex>li:first-child:before {display:none;}
.welstepFlex>li .tit{display:flex; justify-content:center; align-items:center; height:90px; color:#000; font-size:15px; border:1px solid #999fa7; border-radius:5px; background:#ced1d4; box-shadow:0px 1px 2px rgb(0 0 0 / 20%);}
.welstepFlex>li:first-child .tit,
.welstepFlex>li:last-child .tit{color:#fff; font-weight:bold; text-shadow:0px 0px 1px rgb(0 0 0 / 50%);}
.visitors .welstepFlex>li:first-child .tit{border:1px solid #d3610c; background:#eb6e12;}
.visitors .welstepFlex>li:last-child .tit{border:1px solid #5f6770; background:#818890;}

.woman_notice_logo {position:relative; text-align:center; padding:45px 10px; margin-top:10px; margin-left:10px; border:1px solid #ddd;}
.woman_notice_logo>dl {position:absolute; text-align:left;}
.woman_notice_logo>dl dt {font-size:17px; font-weight:600;}
.woman_notice_logo>dl dd {margin-top:7px;}
.woman_notice_logo>dl:before {position:absolute; content:""; border:solid;}
.woman_notice_logo>dl:after {position:absolute; content:""; width:7px; height:7px; border-radius:50%;}
.woman_notice_logo>dl:nth-of-type(1) {left:calc(50% + 55px); top:74px; padding-left:50px; padding-bottom:10px;}
.woman_notice_logo>dl:nth-of-type(2) {text-align:right; right:calc(50% + 95px); top:144px; padding-top:40px;}
.woman_notice_logo>dl:nth-of-type(3) {left:calc(50% + 10px); top:206px; padding-left:45px;}
.woman_notice_logo>dl:nth-of-type(1):before {left:3px; top:11px; width:40px; height:44px; border-width:1px 0 0 1px; border-color:#a22381;}
.woman_notice_logo>dl:nth-of-type(2):before {top:3px; right:4px; width:35px; height:32px; border-width:1px 0 0 1px; border-color:#5c91c5;}
.woman_notice_logo>dl:nth-of-type(3):before {top:11px; left:0; width:40px; border-width:1px 0 0 0; border-color:#b4bc35;}
.woman_notice_logo>dl:nth-of-type(1):after {left:0; top:55px; background:#a22381;}
.woman_notice_logo>dl:nth-of-type(2):after {right:0; top:0; background:#5c91c5;}
.woman_notice_logo>dl:nth-of-type(3):after {left:0; top:8px; background:#b4bc35;}

.lawLinks {border-top:2px solid #333; border-bottom:1px solid #aaa;}
.lawLinks>li {position:relative; padding:15px 100px 15px 0.5%;}
.lawLinks>li:not(:first-child) {border-top:1px dotted #aaa;}
.lawLinks>li>a {display:block; font-size:17px;}
.lawLinks>li>a span.golink {position:absolute; top:50%; right:0.5%; display:block; font-size:15px; transform:translateY(-50%);}

/*******************************************************************************************************************/
@media screen and (min-width:800px){
	.local_organ dl dd { margin-top:40px; }
	.local_organ dl dd li { float:left; width:9.11%; margin:0 1%; padding:0 20px; height:200px; border:3px solid #e3e5e7; border-radius:5px; background:#fff; }
	.local_organ dl dd li p { display:inline-block; top:50%; transform:translateY(-50%); width:15px; word-wrap: break-word; text-align:center; }
	.local_organ dl dt:after { bottom:-21px; left:50%; width:1px; height:20px; background:#ccc; }
	.local_organ dl dd:before { top:-20px; left:5.55%; right:5.55%; height:1px; background:#ccc; }
	.local_organ dl dd li:before { top:-22px; left:50%; width:1px; height:20px; background:#ccc; }
}

@media screen and (max-width:800px){
	.contab ul.list>li{width:50%; margin:20px 0px 10px}
	.contab ul.col2>li{width:100%}
	.contab ul.col3>li{width:50%}
	.contab ul.col4>li{width:50%; letter-spacing:-1px}	
	.map_api{height:300px}
	.link_list>li{width:100%}
	.link_list>li p.tit{display:block; text-align:left; padding-right:90px; height:auto; background:#f0f0f0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	.link_list>li p.con{padding:0px}
	.link_list>li p.con span.url{display:none}
	.link_list>li p.con span.go{position:absolute; top:-30px}
	.welstep{display:block; margin:10px auto 0px; width:90%}
	.welstep>li{display:block; padding-left:0px !important; padding-right:0px; width:100%}
	.welstep>li:before{position:static; width:100%; background:url(/welfare/img/contents/step_arrD.gif) no-repeat center top }
	.welstep>li:after{display:none; left:0px; top:0px; width:100%; height:97%;  z-index:-1}
	.welstep>li>div.tit>p{position:relative; padding:10px; height:auto; z-index:1}
	.welstep>li>div.con{position:relative; margin-top:-7px; background:#f0f0f0; border-radius:5px; border:1px solid #e5e5e5; z-index:-1}
	.welstep>li{display:block; padding:0px 0px 0px; width:100%}
	.view_instep{position:relative; display:inline-block; padding-right:25px}
	.view_instep:before,
	.view_instep:after{display:block; content:''; position:absolute; top:45%; right:0px;  width:10px; height:2px; background:#333; border-radius:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
	.view_instep:after{margin-right:6px; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
	li:first-child .view_instep:before,
	li:first-child .view_instep:after,
	li:last-child .view_instep:before,
	li:last-child .view_instep:after{background:#fff}
	.instep, .stepcon{display:none}	
	.step_dreamstart01>li>div.tit{margin:auto; width:90%}
	.step_dreamstart01>li>div.tit>p{height:auto}
	.step_dreamstart01>li .stepcon{position:relative; float:none !important; margin:10px auto; width:90%; min-height:auto}
	.step_dreamstart01>li .stepcon:last-child:after{display:none}
	.step_dreamstart01>li.branch:before{display:none}
	.step_dreamstart01>li.branch div.tit{position:relative; left:27%; top:12px; width:45%}
	.step_dreamstart01>li.branch div.tit:before{display:block; content:''; position:absolute; top:50%; left:-10%; width:100%; height:1px; border-top:2px dashed #ddd; z-index:-1}
	.step_dreamstart01>li.branch+li:before{position:relative; top:-30px}
	.step_dreamstart02_02:after,
	.step_dreamstart02_02:before,
	.step_dreamstart02_03:before{display:none}
	.step_dreamstart02_03:after{position:static; text-align:center; width:100%; height:auto; background:#fff; text-indent:0px; font-size:13px}
	.dreamstart_goal>li{float:none; width:100%; margin:1% 0%; padding-top:0px; padding-left:150px; background-repeat:no-repeat; background-position:40px center}
	.dreamstart_goal>li p{padding:0px 8%}
	.child_card div.con{float:none}
	.child_card p.img{float:none; text-align:center; margin-left:0%}
	.step_sexual{padding-bottom:0px}
	.step_sexual>li>div.tit{margin:auto; width:90%}
	.step_sexual>li>div.tit>p{height:auto}
	.step_sexual>li .stepcon{position:relative; margin:10px auto; width:90%; min-height:auto}
	.step_sexual>li .stepcon:first-child{left:0px}
	.step_sexual>li .stepcon:last-child:after{display:none}
	.harmony{background-position:-20px 15%; background-size:100%}
	.harmony p.tit{margin-bottom:100%; padding-right:10%}
	.harmony p.txt{width:100%}
	.multiple_photo{margin:40px 0px}
	.multiple_photo+.multiple_photo{margin-top:0px}
	.multiple_photo p{position:static; text-align:center}
	.multiple_photo ul{margin-left:0px}
	.multiple_photo ul li{width:32%}
	.multiple_family>li{padding:60% 20px 20px 20px; background-size:50%; background-position:center 7%}	
	.renklife_introduce{background-position:center 18%; background-size:100%}
	.renklife_introduce p.tit{margin-bottom:100%; padding-right:10%}
	.renklife_introduce p.txt{width:100%}
	.basic .local li {width:49%; max-height:200px;}
	.basic .area li {float:none; margin-left:0; margin-bottom:1%; text-align:left; padding:10px; background-position:right bottom !important;}
	.basic .area li strong {font-size:18px;}
	.basic .area li.area01 {width:80%;}
	.basic .area li.area02 {width:60%;}
	.basic .area li.area03 {width:50%;}
	.basic .area li.area04 {width:40%;}
	.basic .area li.area05 {width:35%;}
	.basic .income.graph ul li {width:64px;}
	.basic .status_of_budget :after,
	.basic .status_of_budget :before { display:none !important; }
	.basic .status_of_budget ul li { margin-top:10px; padding-top:10px; border-top:1px dashed #aaa; }
	.basic .status_of_budget ul li:first-child { margin-top:0; padding-top:0; border-top:0; }
	.basic .status_of_budget ul li dl dt,
	.basic .status_of_budget ul li dl dd { float:none; padding:0; }
	.nature .info:after {background:none;}
	.nature .info .info_tit {margin-bottom:50px;}
	.nature .info .info_tit>div {width:100%; text-align:center; background-color:rgba(0,0,0,.6);}
	.nature .info .info_tit>div .tit01 {margin-bottom:20px;}
	.nature .map .img, .nature .map div {width:100%;}
	.local_organ div, .local_organ dl dt { width:100%; }
	.local_organ dl dd { margin-top:10px; padding:0 3%; border-radius:5px; border:3px solid #e3e5e7; }
	.local_organ dl dd li { padding:10px 0 12px; border-bottom:1px dotted #aaa; }
	.local_organ dl dd li:last-child { border-bottom:0; }
	.local_organ dl dd:before { top:-11px; left:50%; width:1px; height:10px; background:#ccc; }
	.greeting {padding:30px;}
	.greeting div.tit p.txt {float:none; width:auto;}
	.greeting div.tit p.txt span { padding:70px 0px 25px; }
	.greeting div.tit p.txt span:before {top:25px; left:50%; width:84px; margin-left:-42px;}
	.greeting div.tit p.photo {float:none; text-align:center; padding:0; width:100%;}
	.greeting div.tit p.photo img{border:5px solid #5385c0; box-shadow:none;}
	.greeting div.txt {margin-top:17px; padding:0 0px;}

	.support_logo{border:none; text-align:center;}
	.support_logo .logo_con{float:none; width: 100%;  z-index: 4; padding:30px}
	.support_logo img { float: none;; text-align:center; width: 330px;}


	.woman_mission	.mission_intro_txt br {display:none;}
	.woman_mission	.mission_human>li {width:50%; padding:20px;}
	.woman_mission	.mission_human>li:nth-of-type(3) {border-left:0;}
	.woman_mission	.mission_human>li:nth-of-type(n+3) {border-top:1px solid #c1c1c1;;}
	.woman_mission	.mission_box_txt>li, .mission_box_txt>dl {width:48.5%;}
	.woman_mission	.mission_box_txt>li:nth-of-type(3), .mission_box_txt>dl:nth-of-type(3) {margin-left:0;}
	.woman_mission	.mission_box_txt.col3>li {width:100%; margin-left:0;}
	.woman_mission	.mission_box_txt>dl>dd {min-height:200px;}
	.woman_mission	.mission_box_txt>dl>dd br {display:none;}

	.woman_mission	.mission_value_txt {white-space:normal;}
	.woman_mission	.mission_value_txt>li  {width:125px; height:125px; padding-top:56px;}

	.woman_mission .mission_value_txt>li:nth-of-type(1) {background-size:30%}
	.woman_mission .mission_value_txt>li:nth-of-type(2) {background-size:30%}
	.woman_mission .mission_value_txt>li:nth-of-type(3) {background-size:30%}
	.woman_mission .mission_value_txt>li:nth-of-type(4) {background-size:30%}

	.welstepFlex {flex-direction:column; margin-top:20px;}
	.welstepFlex>li {width:100%; padding:20px 0 5px 0;}
	.welstepFlex>li:first-child {padding-top:0;}
	.welstepFlex>li:nth-child(n+6) {margin-top:0;}
	.welstepFlex>li:before{left:50%; top:-3px; background:url(/welfare/img/contents/step_arrD.gif) no-repeat center top; transform:translateX(-50%);}

}

@media screen and (max-width:480px){
	.contab ul.list>li{width:100%; margin:20px 0px 10px}
	.contab ul.list>li:first-child{margin-top:0px}

	.purpose > ul > li { float:none; width:100%; margin-left:0%; margin-top:20px; }
	.purpose { position:relative; }
	.purpose:before { position:absolute; top:0; left:50%; height:100%; width:1px; background:#ccc; content:""; }
	.purpose *:after,
	.purpose *:before { display:none; }
	.purpose > ul { padding-bottom:0; }
	.childcity>li{padding-left:0; padding-top:120px; text-align:center;}
	.childcity>li:before {left:50%; top:20px; transform:translateX(-50%);}
	.childcity>li:after {left:50%; top:30px; transform:translateX(-50%);}
	.childcity>li>p.bl04 {text-align:left;}
	.basic .income.graph ul li:nth-child(1) {left:50%; margin:0; margin-left:-45px;}
	.basic .income.graph ul li:nth-child(2) {left:50%; margin:0; margin-left:45px;}
}