/* layout */

html{background:#fff;}
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:1030}
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}
#wrap{position:relative;left:0;width:100%;min-height:100%;}
.wrapper{position:relative;margin:0 auto;width:100%;}
.wrapper:after {content:"";display:block;visibility:hidden;clear:both;}


#wrapper{position:relative; width:100%;}

#mcontainer{width:100%; padding-bottom:0px; background:url('/images/welfare/container_bg.jpg') repeat-x;}

.basic_box{position:relative; overflow:hidden; min-width:1200px; margin:0 auto;transition:min-width 600ms ease-in-out 0s;}
.basic_box .search_shade{display:none;}


/* header */
#logo{position:absolute; left:0px; top:47px; }
#logo a{display:block; width:230px; height:60px; background:url('/images/welfare/dongnae_logo_welfare.png') no-repeat; text-indent:-9999px;}



#header .logo_area{position:relative; padding:30px 0 0; height:125px;}
#header .logo_area .logo{width:171px; height:57px; margin:0 auto;}

#header .sns{/*position:absolute; top:45px; left:746px;*/}
#header .sns ul li{float:left; width:31px; height:31px; margin-right:8px;}

#header .header_box{position:relative; border-top:#e3e3e3 solid 1px; transform:translate(0, 0);}
#header .header_box.ZindexUp{z-index:72;}
#header .gnb{ position:relative; z-index:60;}
#header .gnb ul{position:absolute; top:-74px; right:13px; z-index:56;}
#header .gnb ul li{}
.util_list li {float:left; font-size:13px; margin-right:18px; padding-right:18px; background:url('/images/welfare/util_bar.jpg') right center no-repeat;}
#header .gnb ul li a{color:#000; }
#header .gnb ul li.language{position:relative; margin-right:0; padding-right:0; z-index:59;}
#header .gnb ul li.language a.language_btn{background:url(/images/welfare/common/language_off.png) no-repeat right 9px; padding-right:19px;}
#header .gnb ul li.language a.language_btn.on{background:url(/images/welfare/common/language_on.png) no-repeat right 10px;}
#header .gnb ul li.language .language_box{position:absolute; display:none; top:36px; left:-9px; border:#c7c7c7 solid 1px; border-radius:3px; background-color:#FFF; width:116px; z-index:59;}
#header .gnb ul li.language .language_box .language_box_top{background:url(/images/welfare/common/language_box_top.png) no-repeat 0 0; width:13px; height:9px; position:absolute; top:-9px; left:50%; margin-left:-7px;}
#header .gnb ul li.language .language_box ul{position:static; padding:11px 0 10px;}
#header .gnb ul li.language .language_box ul li{float:none; margin:0; padding:0;}
#header .gnb ul li.language .language_box ul li a{display:block; padding:5px 0 5px 30px; text-align:left; font-size:15px;}
#header .gnb ul li.language .language_box ul li a:hover, #header .gnb ul li.language .language_box ul li a:focus{background:#dfdfdf url(/images/welfare/common/language_over.png) no-repeat 9px center;}


#header #lnb{position:relative; width:1200px; margin:auto; background-position:left bottom; z-index:52; transition:background-position 200ms ease-in-out 0s;}
#header #lnb ul li.depth1{float:left; margin:0;}
#header #lnb ul li.depth1 a.tit{display:block; padding:24px 60px 21px; font-size:22px;  color:#333; font-weight:500;}
#header #lnb ul li.depth1 a{text-decoration:none;}
#header #lnb ul li.depth1.on a.tit{color:#dc1f26;}


#header #lnb .top2m{position:absolute; background:url(/images/welfare/common/top2m_bg.png) no-repeat 183px top; width:1200px; left:0; top:63px; margin:auto; z-index:21; display:none;}
#header #lnb .top2m .wrap{}
#header #lnb .top2m .top2m_title{float:left; width:250px; min-height:291px; padding:57px 0 0 25px;}
#header #lnb .top2m .top2m_title h2{margin-bottom:28px; color:#dc1f26; font-size:29px;}
#header #lnb .top2m .top2m_title h2 span{color:#516dbe;}
#header #lnb .top2m .top2m_title p{color:#222222; font-size:15px; line-height:1.3em;}
#header #lnb .top2m .top2m_title p span{color:#f05959;}
#header #lnb .top2m ul.top2m_list{float:left; min-height:388px; padding:10px 0; border-left:#e3e3e3 solid 1px; border-right:#e3e3e3 solid 1px; transition:all 300ms ease-in-out 0s;}
#header #lnb .top2m ul.top2m_list li.depth2{position:relative; margin:0;}
#header #lnb .top2m ul.top2m_list li a.depth2_tit{position:relative; display:block; min-width:220px; height:41px; white-space:nowrap; padding:10px 19px 10px 35px; font-size:16px; transition:all 300ms ease-in-out 0s;}
#header #lnb .top2m ul.top2m_list li a.depth2_tit.plus span.depth2_text{background:url(/images/welfare/common/depth2_tit_plus.png) no-repeat right center; padding-right:20px;}
#header #lnb .top2m ul.top2m_list.over li a.depth2_tit.plus span.depth2_text{background:url(/images/welfare/common/depth2_tit_plus_on.png) no-repeat right center;}
#header #lnb .top2m ul.top2m_list.over{background-color:#6a5b50; border-left:#6a5b50 solid 1px; border-right:#6a5b50 solid 1px;}
#header #lnb .top2m ul.top2m_list span.arrow{position:absolute; opacity:0; transition:opacity 300ms ease-in-out 0s;}
#header #lnb .top2m ul.top2m_list.over li a.depth2_tit{color:#FFF;}
#header #lnb .top2m ul.top2m_list li.depth2.on a.depth2_tit{background-color:#4b413a; color:#FFF;}
#header #lnb .top2m ul.top2m_list li.depth2.on a.depth2_tit.plus span.arrow{background:url(/images/welfare/common/depth2_tit_on.png) no-repeat; width:5px; height:9px; right:-5px; top:18px; opacity:1;}
#header #lnb .top2m ul.top2m_list li .top3m{position:absolute; left:214px; top:7px; min-width:357px; padding:0 0 10px 20px; display:none;}
#header #lnb .top2m ul.top2m_list li.depth2.on .top3m{display:block;}
#header #lnb .top2m ul.top2m_list li .top3m ul li{margin:10px 0;}
#header #lnb .top2m ul.top2m_list li .top3m ul li a{padding:0 0 0 7px; font-size:15px; color:#000;}
#header #lnb .top2m ul.top2m_list li .top3m ul li a::before{display:block; content:''; float:left; width:2px; height:2px; background:#ff2d36; margin:10px 0 0 15px;}
#header #lnb .top2m ul.top2m_list li .top3m ul li a:hover{background:url(/images/welfare/common/top3m_li_bg.png) no-repeat 0 0}
#header #lnb{position:relative; width:1200px; margin:auto; background-position:left bottom; z-index:52; transition:background-position 200ms ease-in-out 0s;}o-repeat left 5px; color:#01289a;}
#header #lnb .top2m ul.top2m_list li a.depth2_tit.blank span.depth2_text{background:url(/images/welfare/common/bla#header #lnb ul li.depth1{float:left; margin:0;}nk.png) no-repeat right center; padding-right:20px;}
#header #lnb .top2m ul.top2m_list.over li a.depth2_tit.blank span.depth2_text{background:url(/images/welfare/commo#header #lnb ul li.depth1 a.tit{display:block; padding:24px 60px 21px; font-size:22px;  color:#333; font-weight:500;}n/blank_on.png) no-repeat right center;}
#header #lnb .top2m ul.top2m_list li .top3m ul li a.blank span{background:url(/images/welfare/common/blank.png) no-#header #lnb ul li.depth1 a{text-decoration:none;}repeat right center; padding-right:20px;}
#header #lnb .top2m ul.top2m_list li .top3m ul li a.blank:hover span{background:url(/images/welfare/common/blank_o#header #lnb ul li.depth1.on a.tit{color:#dc1f26;}ver.png) no-repeat right center;}



#header #lnb ul li.menu3 .top2m ul.top2m_list li.depth2_m7 .top3m{top:auto; bottom:-23px;}
#header #lnb ul li.menu3 .top2m ul.top2m_list li.depth2_m8 .top3m{top:auto; bottom:0;}

#header #lnb ul li.menu4 .top2m ul.top2m_list li.depth2_m8 .top3m{top:-50px;}
#header #lnb ul li.menu4 .top2m ul.top2m_list li.depth2_m14 .top3m{top:auto; bottom:0;}

#header #lnb .menu1 .wrap{background:url(/images/welfare/common/menu1_bg.png) no-repeat 26px 72%;}
#header #lnb .menu2 .wrap{background:url(/images/welfare/common/menu2_bg.png) no-repeat 30px 72%;}
#header #lnb .menu3 .wrap{background:url(/images/welfare/common/menu3_bg.png) no-repeat 28px 72%;}
#header #lnb .menu4 .wrap{background:url(/images/welfare/common/menu4_bg.png) no-repeat 28px 72%;}
#header #lnb .menu6 .wrap{background:url(/images/welfare/common/menu5_bg.png) no-repeat 31px 72%;}
#header .menu_bg{position:absolute; left:0; top:63px; background-color:#FFF; width:100%; height:0; overflow:hidden; transition:all 300ms ease-in-out 0s;}
#header .menu_bg.on{border-top:#2d3749 solid 1px; border-bottom:#516dbe solid 3px;}
#header .menu_bg .wrap{background:url(/images/welfare/common/top2m_wrap_bg.png) no-repeat left bottom; height:100%;}

#header .search{position:relative; width:1200px; height:0; margin:auto; z-index:59;}
#header .search.open{width:100%; transition:width 300ms ease-in-out 0s;}
#header .search .search_close_wrap{position:relative; width:1200px; margin:0 auto; z-index:69;}
#header .search a.search_open{display:block; position:absolute; top:-64px; right:0; background: url(/images/welfare/mobile_search.png) no-repeat center center; width:71px; height:64px; font-size:0; z-index:66;}
#header .search a.search_close{display:none; position:absolute; top:-64px; right:0; background:#2d3749 url(/images/welfare/common/search_close.png) no-repeat center center; width:71px; height:64px; font-size:0; z-index:66;}
#header .search .search_box{position:absolute; top:-64px; right:0; width:71px; height:64px; overflow:hidden; background-color:#c12c31; z-index:21;}
#header .search .search_box .wrap{display:none; padding-top:17px; text-align:center;}
#header .search.open a.search_open{display:none;}
#header .search.open a.search_close{display:block;}
#header .search .search_box.open{width:100%; transition:width 300ms ease-in-out 0s;}
#header .search .search_box.open .wrap{display:block;}
#header .search .search_box .wrap select{background-color:#2d3749; padding-right:7px; border:none; color:#FFF; font-size:16px;}
#header .search .search_box .wrap input.searchtext{width:349px; margin:0 0 0 27px; background-color:#2d3749; border:none; border-bottom:#575f6d solid 1px; ime-mode:active; color:#c5c5c5; font-size:16px;}
#header .search .search_box .wrap input.searchgo{background:url(/images/welfare/mobile_search.png) no-repeat center top; border:none; width:52px; height:39px; font-size:0;}
#header .search .search_box .wrap label.searchIn{position:absolute; top:23px; left:464px; color:#c5c5c5; font-size:16px;}
#header .search .search_close2{display:none;}


#header .ssm-toggle-nav{display:none;}
.ssm-overlay {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.7); display:none; z-index:68;}
#header .lnb_close{display:none;}
.Wide .header_box{transform:translate(0, 0);}

.wrap{position:relative; width:1200px; margin:0 auto;}



.main_search{position:absolute; width:330px; height:45px; top:-10px; left:320px; border:1px solid #a46f56; border-radius:20px; margin:50px 0 0 300px;}
.main_search .msBox{width:240px; border:0px; height:35px; margin:5px 0 5px 20px; font-size:13px;}
.searchBtn{display:block; width:43px; height:30px; float:right; margin:7px 5px;padding:5px; background:#a46f56 url('/images/welfare/searchBtn.jpg') center center no-repeat; border-radius:20px; text-indent:-5000px;}


.util_list{width:460px; right:0px; }

.util_list li .txt{display:block; float:left; margin-right:5px;}
.util_list li .plus{display:block; float:left; width:23px; height:24px; background:url('/images/welfare/plus_btn.jpg') no-repeat; text-indent:-9999px;}
.util_list li .minus{display:block; float:left; width:24px; height:24px; background:url('/images/welfare/minus_btn.jpg') no-repeat; text-indent:-9999px;}
.util_list li:last-child{background:none; margin-right:0px; padding-right:0px;}
.util_list li a.lang{padding-right:15px;background:url('/images/welfare/lang_arrow.jpg') right center no-repeat}


.mconVi{position:absolute; left:50%; background:url('/images/welfare/main_vi_bg.jpg') no-repeat; text-indent:-9999px; height:100%; width:1200px; margin-left:-750px;}
.mcontent{position:relative; width:1200px; height:100%; overflow:hidden; margin:0px auto; padding-bottom:10px;}
.boardBox{position:absolute; top:66px; right:0px;width:430px; height:300px; background:#fff; -moz-box-shadow: 0px 2px 5px #ccc; -webkit-box-shadow: 0px 2px 5px #ccc;}
.boardBox .boardHead{position:relative; width:100%; height:62px; border-bottom:1px solid #b4ada7;}
.boardBox h3{display:block; font-size:18px; padding:22px 0 0 32px; font-weight:600;}
.boardBox .more{display:block; width:26px; height:26px; position:absolute; right:20px; top:20px; background:url('/images/welfare/board_more.jpg') no-repeat; text-indent:-9999px;}
.boardBox .boardCon{position:relative; top:20px;  }
.boardBox .boardCon ul{width:100%; padding:0px 31px;}
.boardBox .boardCon ul li{padding:5px 0; margin-left:5px; font-size:14px;}
.boardBox .boardCon ul li a::before{content:''; float:left; display:block; width:3px; height:20px; padding-left:10px; background:url('/images/welfare/boardDot.jpg') 0 center no-repeat;}
.boardBox .boardCon ul li .date{float:right; font-size:13px;}

#mainContentBox{position:relative; margin-top:400px;}
.menuSlider{position:relative; width:100%; height:166px; background:#e7e0d2; -moz-box-shadow: 0px 2px 5px #aaa; -webkit-box-shadow: 0px 2px 5px #aaa;}
.mmenuList{position:relative; padding-top:20px;}
.mmenuList .control{display:block;}
.posterSlide{margin-left:500px; padding-top:100px; position:relative;}

.mmenuList .slide a{text-align:center; display:inline-block; }
.mmenuList .slide a span{margin-top:5px; color:#333; display:inline-block; font-size:14px;}

/* 비주얼 슬라이드 CSS */
.festGalWrap{position:relative; width:100%; clear:both; height:212px;}
.festGal{position:relative; width:1200px;margin:0px auto;}
.bx-controls-direction > a{display:block;width:77px; height:42px; text-indent:-99999px; }
.bx-controls-direction .bx-prev{position:absolute; top:120px; left:-60px; background:url('/images/welfare/sliderBtn_prev.png') no-repeat;}
.bx-controls-direction .bx-next{position:absolute; top:120px; right:-60px; background:url('/images/welfare/sliderBtn_next.png') no-repeat;}
.gal_tit{position:absolute; top:0; left:0;}
.mmenuList .bx-pager{ width:100%; text-align:center; margin:10px 0;}
.mmenuList .bx-pager-item{display:inline-block; vertical-align:middle;}
.mmenuList .bx-pager-item a{display:block; width:14px; height:14px; background:#fff; border:3px solid #fff;  border-radius:20px; margin-left:10px; text-indent:-9999px;}
.mmenuList .bx-pager-item a.active{border:4px solid #cc0000; width:20px; height:20px; background:rgba(255, 255, 255, -1)}

.bx-viewport{min-height:140px;}
.bx-pager{display:none;}

.welfareMenu{padding-top:50px;}
.welfareMenu .wlbox{float:left;width:284px; height:319px; margin-right:21px; -moz-box-shadow: 0px 2px 5px #ddd; -webkit-box-shadow: 0px 2px 5px #ddd }
.welfareMenu .last{margin:0;}
.welfareMenu .wlbox a .img{display:block; width:100%;}
.welfareMenu .wlbox a .text{display:block; height:151px; padding-top:40px; text-align:center; font-size:15px; border:1px solid #d8d2c3; line-height:22px}
.welfareMenu .wlbox a .text > strong{font-size:25px; color:#333; display:block; padding-bottom:15px;}



/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.mmenuList .bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	max-width:1000px !important;
	*zoom: 1;
}

.mmenuList .mmenuList .bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.mmenuList .mmenuList .bx-wrapper .bx-viewport {

	left: -5px;

	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.mmenuList .bx-wrapper .bx-pager,
.mmenuList .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.mmenuList .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.mmenuList .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.mmenuList .bx-wrapper .bx-pager .bx-pager-item,
.mmenuList .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.mmenuList .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.mmenuList .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mmenuList .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */




.mmenuList .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	z-index: 29;
}

.mmenuList .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.mmenuList .bx-wrapper .bx-controls-auto {
	text-align: center;
}

.mmenuList .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.mmenuList .bx-wrapper .bx-controls-auto .bx-start:hover,
.mmenuList .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.mmenuList .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.mmenuList .bx-wrapper .bx-controls-auto .bx-stop:hover,
.mmenuList .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.mmenuList .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.mmenuList .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.mmenuList .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.mmenuList .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

#header .ssm-toggle-nav{display:none;}
.ssm-overlay {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.7); display:none; z-index:68;}
#header .lnb_close{display:none;}
.Wide .header_box{transform:translate(0, 0);}

.basic_box .search_shade{display:none;}


@media only screen and (max-width:970px) {

.mconVi{position:absolute;left: inherit;background: url('/images/welfare/main_vi_bg.jpg') -560px 0 no-repeat;text-indent:-9999px;height:100%;width: 100%;margin-left: 0;/* overflow: hidden; */}
}

.um li{position:relative;margin-bottom: 10px !important;}
.um li span{float:right;display:inline-block;width:100px;height:30px;line-height:30px;background-color:#005bab;text-align:center;}
.um li span a{color:white;font-size:0.9em}     

/* 복지>여성아동>여성권익증진>여성안심비상벨현황 */
    .img_box{display: flex; flex-wrap: wrap; Flex-flow: row; Justify-content: center;}
    .ansim{margin: 10px;}
    .ansim p{text-align: center;}