@charset "utf-8";

/* 동래구 복지정보 반응형 모바일 CSS */

.search{display:none;}



/* tablet */
@media screen and (max-width:800px){

.basic_box{min-width:290px;}
#header{width:100%; border-bottom:1px solid #695b50;}
#header .logo_area{width:100%;}

#header .header_box {position: absolute; width:353px;left:0; top:0; z-index:69; transform:translate(-353px,0);}
#header .header_box .box{background-color:#516dbe; width:280px; min-height:1200px;}
.basic_box{min-width:100%;}
.search{display:block;}
.wrap{width:100%;}
#header .weather{display:none;}
#header .sns{display:none;}
#header .lnb_open{display:block; position:absolute; top:28px; left:22px; background: url(/images/welfare/mobile_menuopen.png) no-repeat center center; width:60px; height:60px; border-radius:30px; font-size:0; overflow:hidden; transition:all 400ms ease-in-out 0s;}
#header .header_box{position:absolute; border-top:none;}
#header .header_box.ssm-nav-visible{min-height:2600px;}
#header #lnb{width:100%;}
.util_list li{background:none;}
#header .gnb{height:88px; background-color:#6b8bea; text-align:center;}
#header .gnb .wrap{padding-top:5px;}
#header .gnb ul{position:static;}
#header .gnb ul li{float:none; margin:0; padding:0;}
#header .gnb ul li.fontSize{display:none;}
#header .gnb ul li.sitemap{display:none;}
#header .gnb ul li.language{display:none;}
#header .gnb ul li.joinus a{display:block; background:url(/images/welfare/common/login_mobile.png) no-repeat 14% 9px; padding:13px 0 0 40px; width:120px; height:31px; text-align:left; color:#FFF; font-size:17px;}
#header .gnb ul li.login{background:transparent;}
#header .gnb ul li.login a{display:block; background:url(/images/welfare/common/login_mobile.png) no-repeat 14% 9px; padding:13px 0 0 40px; width:120px; height:31px;  text-align:left; color:#FFF; font-size:17px;}
#header .lnb_close{display:block; position:absolute; right:0; top:20px; background:url(/images/welfare/lnb_close.png) no-repeat center center; width:55px; height:55px; font-size:0;}

#header #lnb ul li.depth1{float:none;}
#header #lnb ul li.depth1 a.tit{padding:20px 40px 21px; color:#FFF; font-weight:600; font-size:18px;}
#header #lnb ul li.depth1 a.tit.on{background:#39529c url(/images/welfare/common/lnb_tit_on_mobile.png) no-repeat 90% center;}
#header #lnb .top2m{width:100%; position:static; background-color:#516dbe; background-image:none;}
#header #lnb .top2m .top2m_title{display:none;}
#header #lnb .menu1 .wrap{background:transparent;}
#header #lnb .top2m ul.top2m_list{border:none;}
#header #lnb ul li.depth1{border-bottom:#4d64a6 solid 1px; background-color:#39529c;}
#header #lnb ul li.depth1:last-child{border-bottom:none;}
#header #lnb .top2m ul.top2m_list li a.depth2_tit{color:#FFF;}
#header #lnb .top2m ul.top2m_list li a.depth2_tit.plus{background:url(/images/welfare/common/plus_mobile.png) no-repeat 91% center;}
#header #lnb .top2m ul.top2m_list li a.depth2_tit.plus.on{background:url(/images/welfare/common/plus_mobile_on.gif) no-repeat 91% center;}
#header #lnb .top2m ul.top2m_list li a.depth2_tit.plus span.depth2_text{background:transparent;}
#header #lnb .top2m ul.top2m_list li a.depth2_tit.blank span.depth2_text{background:url(/images/welfare/common/blank_on.png) no-repeat right center;}
#header #lnb .top2m ul.top2m_list{float:none; min-height:0; padding:0;}
#header #lnb .top2m ul.top2m_list li .top3m{position:static; min-width:0; padding:6px 0 6px 36px; background-color:#FFF;}
#header #lnb .top2m ul.top2m_list li.depth2{border-bottom:#748acb dotted 1px;}
#header #lnb .top2m ul.top2m_list li.depth2:last-child{border-bottom:none;}
#header #lnb .menuBox .wrap{background:transparent;}
#header #lnb ul li.menu5 .menu5_top2m{width:100%; position:static; background-color:#4662b3;}
#header #lnb ul li.menu5 .menu5_top2m .wrap{width:100%; padding:0;}
#header #lnb ul li.menu5 .menu5_top2m a{background:transparent !important; border:none; border-radius:0; border-bottom:1px dotted #748acb; display:block; width:auto; height:21px; padding:12px 19px 12px 35px; text-align:left; font-size:16px;}
#header #lnb ul li.menu5 .menu5_top2m a:last-child{border-bottom:none;}
#header #lnb ul li.menu5 .menu5_top2m a span{display:block; width:auto; height:auto; text-align:left;}
#header #lnb ul li.menu5 .menu5_top2m a:hover{border:none; border-bottom:1px dotted #748acb;}
#header #lnb ul li.menu5 .menu5_top2m a:last-child:hover{border:none;}
#header #lnb ul li.menu5.on a.tit{color:#FFF;}

#header #lnb ul li.menu5 .menu5_top2m a.blank span{background:url(/images/welfare/common/blank_on.png) no-repeat scroll 78% 49%;}

#header .search{width:100%; position:absolute; top:0; left:0;}
#header .search .search_close_wrap{width:100%;}
#header .search .search_box{width:100%; height:96px; top:-100px; display:block; transition:top 300ms ease-in-out 0s;}
#header .search .search_box.open{top:-4px; transition:top 300ms ease-in-out 0s;}
#header .search a.search_open{width:60px; height:60px; top:29px; right:22px; border-radius:30px;}
#header .search .search_box .wrap{display:block; padding-top:19px; text-align:left;}
#header .search .round_box{display:inline-block; position:relative; background-color:#FFF; width:55%; height:42px; border-radius:24px; margin:0 10px 0 7%; padding:10px 4% 0; vertical-align:middle;}
#header .search .search_box .wrap select{background-color:#FFF; color:#222222;}
#header .search .search_box .wrap input.searchtext{background-color:#FFF; margin:0 0 0 4px; width:55%; border-bottom:none; color:#222222;}
#header .search .search_box .wrap label.searchIn{left:122px; top:15px; color:#222222;}
#header .search .search_close2{display:block; position:absolute; right:27px; top:15px; background:url(/images/welfare/lnb_close.png) no-repeat center center; width:55px; height:55px; border:#FFF solid 3px; border-radius:30px; font-size:0; z-index:22; transition:all 400ms ease-in-out 0s;}
.basic_box .search_shade{background-color:rgba(0, 0, 0, 0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:11;}

.util_list{width:240px;}
.main_search{display:none;}
#logo{width:100%; top:30px; }
#logo a{margin:7px auto; width:150px; background-size:150px; }
#header .logo_area{height:110px;}
#header{height:110px;}





/* content*/
.mcontent{width:95%;}
.boardBox{width:100%; position:relative; top:350px; }
.boardBox h3{padding:22px 0 0 22px}
.boardBox .boardCon ul{padding:0px 22px;}
.boardBox .boardCon ul li{font-size:13px; letter-spacing:-0.5px;}
.boardBox .boardCon ul li .date{font-size:12px;}
.mmenuList {padding:15px 20px; height:100%;}
.mmenuList .slide a {width:100%;}
.mmenuList .slide a img{display:none;}
.mmenuList .slide{background:#dfd6c4; border:1px solid #9d9584; width:49% !important; margin-right:1% !important; margin-bottom:5px;}
.mmenuList .slide:nth-child(2n-1){clear:1both;}
.mmenuList .actImg{clear:both;}
.mmenuList .slide a span{ }
.slider1{width:100% !important;}
.bx-clone{display:none;}

.welfareMenu{padding-top:30px;}
.welfareMenu .wlbox{width:22.7%; margin-right:3%; height:100%; margin-bottom:20px;}
.welfareMenu .wlbox:last-child{margin-right:0;}
.welfareMenu img{width:100%;}
.welfareMenu .wlbox a .text > strong{font-size:19px;}
.welfareMenu .wlbox a .text{font-size:11px; padding:40px 5px 0 5px; letter-spacing:-0.5px; line-height:18px;}

#mainContentBox{margin-top:380px;}
/* non-shadow */
.boardBox, .menuSlider, .menuSlider .welfareMenu .wlbox{-moz-box-shadow:none; -webkit-box-shadow:none !important; box-shadow:none;}
.welfareMenu .wlbox{-webkit-box-shadow:none;}

}


/* mobile */
@media screen and (max-width:500px){
#header .search .search_box{overflow:visible; top:-175px;}
#header .search .search_box .search_close2{top:108px; right:18px;}
#header .search .round_box{width:76%; margin:0 2px 0 3%; padding:10px 2% 0;}
#header .search .search_box .wrap select{font-size:14px;}
#header .search .search_box .wrap label.searchIn{left:100px; font-size:14px;}
.welfareMenu .wlbox{width:46%; margin-right:5%;}
.welfareMenu .actMar{margin:0;}
.welfareMenu .actImg{clear:both;}
}

@media screen and (max-width:360px){
#header .header_box.nav {height:100%; width:292px;left:0; top:0; z-index:69; overflow-x:visible; transform:translate(-292px,0);}
#header .header_box .box{background-color:#516dbe; width:280px; min-height:1200px;}
#header #lnb .top2m ul.top2m_list li a.depth2_tit{min-width:0; font-size:13px; letter-spacing:-1px;}
#header .lnb_close{top:0px; right:12px; width:30px; height:30px; z-index:99999; border:1px solid #fff;}
#header .lnb_open{width:50px; height:50px; left:15px; background-size:85%;}
#header .search a.search_open{width:50px; height:50px; right:15px; background-size:85%;}
#header .logo_area .logo{padding-top:6px; text-align:center;}
#header .logo_area .logo img{width:70%;}
}