@charset "utf-8";

.mobilePaging{display:none;}
.mobile_only{display:none;}

@media all and (max-width:1020px){
	#introWrap p.info{font-size:25px;}
	#introWrap ul{width:800px;}
	#introWrap ul li{height:236px;}
	#introWrap ul li a{padding-top:68px;}
	#introWrap ul li a b.title{margin-bottom:18px;font-size:21px;}
	#introWrap ul li a span{width:120px;line-height:35px;font-size:17px;}
}

@media all and (max-width:960px){
	.mobilePaging{display:inline-block;padding:0 5px;vertical-align:middle;font-size:15px;}
	.mobile_only{display:block;}
	.pc_only{display:none !important;}
	#wrap{padding-top:60px;min-width:320px;overflow:hidden;}
	.inner{padding:0 15px;width:100%;}
	#header{position:fixed;top:0;left:0;right:0;height:60px;border-bottom:1px solid #ddd;box-shadow:0px 1px 10px rgba(0,0,0,0.2);z-index:100;}
	#header > .inner{height:100%;}
	#header h1{top:10px;left:15px;}
	#header h1 img{width:130px;}
	#header #gnb,
	#header .topLink,
	#header .topSearch{display:none;}
	#header .mobile_allmenuOpen{display:block;position:absolute;top:0;right:0;width:60px;height:60px;text-indent:-9999px;background:url(/images/sub/m_icon_allNav.jpg) no-repeat center;}
	#header #allNav{position:fixed;top:0;left:auto;right:0;bottom:0;width:72%;background:#fff;box-shadow:none;overflow-y:auto;}
	#header #allNav .inner{padding:0;}
	#header #allNav .navAllMenuHeader{display:block;}
	#header #allNav .navAllMenuHeader{position:relative;padding-right:60px;height:60px;border-bottom:1px solid #ccc;box-sizing:border-box;}
	#header #allNav .navAllMenuHeader a.btn_allNavClose{position:absolute;top:0;right:0;width:60px;height:60px;text-indent:-9999px;background:url(/images/main/icon_cal_btn_ex.png)no-repeat center center;background-size:25px auto;}
	#header #allNav .navAllMenuHeader .topMenuMobile {padding-left:10px;}
	#header #allNav .navAllMenuHeader .topMenuMobile::after{display:block;content:'';clear:both;}
	#header #allNav .navAllMenuHeader .topMenuMobile li{float:left;}
	#header #allNav .navAllMenuHeader .topMenuMobile li a{display:block;padding:0 10px;height:60px;line-height:60px;font-size:14px;}
	#header #allNav ul.depth1 > li{float:none;width:100%;border-bottom:1px solid #ccc;}
	#header #allNav ul.depth1 > li > a{display:block;padding-left:20px;line-height:50px;font-size:17px;font-weight:bold;font-family:'NanumSquare';text-align:left;}
	#header #allNav ul.depth1 > li.active > a{font-weight:bold;color:#fff;background:#3c91d3;}
	#header #allNav ul.depth1 > li.active > a + ul.depth2{display:block;}
	#header #allNav ul.depth2{display:none;padding:5px 20px;}
	#header #allNav ul.depth2 > li{padding:0;}
	#header #allNav ul.depth2 > li > a{padding:0 12px;line-height:40px;font-size:15px;text-align:left;color:#333;background:url(/images/sub/m_icon_menuArrow_off.jpg) no-repeat left center;}
	#header #allNav ul.depth2 > li:after{display:none;}
	#header #allNav a.all_menu_close{top:0;right:0;width:60px;height:60px;background:url(/images/sub/icon_cal_btn_ex.png) no-repeat center;background-size:25px;}
	.header_over{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:3;}
	.header_over.active{display:block;}	
	#footer .inner{padding:15px;}
	#footer span.footerLogo{display:none;}
	#footer ul{margin-bottom:13px;}
	#footer ul li{padding:0;width:25%;text-align:center;box-sizing:border-box;}
	#footer p{text-align:center;}

	/* main */
	#mainVisual{margin-bottom:30px;background-position:center bottom;}
	#mainVisual > .inner{padding:40px 360px  0 15px;}
	#mainVisual .visual_txt p{line-height:140%;font-size:17px;}
	#mainVisual .visual_txt p b{line-height:130%;font-size:24px;}
	#mainVisual .visual_txt p b:last-child{margin-bottom:10px;}
	#mainVisual .mainSlider{top:10px;right:15px;width:320px;height:auto !important;}
	#mainVisual .mainSlider .bx-viewport{height:auto; !important;}
	#mainVisual .mainSlider li{height:100% !important;}
	#mainVisual .mainSlider li img{width:100%;height:auto;}
	#mainVisual .bx-wrapper .bx-controls{bottom:6px;}
	
	#mainSection{margin-bottom:15px;padding:0 15px;}
	
	#mainQuick{margin-bottom:30px;}
	#mainQuick ul{margin:0 -10px;padding:0;}
	#mainQuick ul li{padding:0 10px;}
	#mainQuick ul li a{padding-top:120%;font-size:17px;background-size:100%;}	

	#mainEvent{margin-bottom:15px;width:100%;}
	#mainEvent .mainCalendar{width:330px;}
	#mainEvent .eduList{width:calc(100% - 330px);}
	#mainEvent .eduList h3{height:55px;line-height:55px;font-size:18px;background-position:24px 17px;}
	#mainEvent .eduList ul{padding:18px 15px;}	

	#mainNotice{padding:20px 20px 15px;width:100%;}
	#mainNotice .tabBar{height:34px;}
	#mainNotice .tabBar li a{font-size:17px;}
	
	#mainBanner{margin:0 15px 15px;padding-left:118px;}
	#mainBanner h3{top:25px;left:34px;}
	#mainBanner .bx-controls{top:27px;left:-95px;}

	/* content */
	#containerNav{display:none;}
	#container > .inner{padding:0;}
	.containerTopbox{display:none;}
	#contentTop{margin-bottom:15px;padding:20px 15px;background:#45bfc3;}
	#contentTop h3{float:none;margin-bottom:5px;font-size:24px;text-align:center;color:#fff;}
	#contentTop span.side{float:left;padding:0;width:100%;font-size:15px;text-align:center;color:#fff;font-family:"Nanum Gothic";}
	#contentTop ul.location li{color:#fff;}
	#contentTop ul.location li.home{background-image:url(/images/sub/icon_home_white.png);}
	#contentTop ul.location li:after{background-image:url(/images/sub/icon_location_arrow_white.png);}
	#contents{padding:0 15px 50px;}	
	#contents.top_line{padding-top:0px;border-top:0px none;}
	/* #contents img{width:100% !important; height:100% !important;} kakaomap충돌 */
	

	/* table */

	/* info */
	.tableBox table.info thead th{padding:10px;font-size:16px;font-family:'Nanum Gothic';word-break:break-all;}
	.tableBox table.info tbody td{padding:10px;font-size:15px;font-family:'Nanum Gothic';word-break:break-all;}

	/* list */
	.tableBox table.list thead th,
	.tableBox table.list tbody td{padding:10px;font-size:14px;}

	.borderType{padding:2px 5px;height:auto;line-height:135%;word-break:break-all;}

	.eduBtnState{padding:2px 5px;max-width:100%;height:auto;line-height:135%;text-align:center;word-break:break-all;box-sizing:border-box;}
	
	/* view */
	.tableBox table.view thead th{padding:10px 15px;font-size:15px;}
	.tableBox table.view tbody th,
	.tableBox table.view tbody td{padding:10px;font-size:14px;}
	#contents .tableBox table.view tbody td.content > div img{max-width:100% !important; height:auto !important;}

	/* wirte */
	.tableBox table.form thead th{padding:10px 15px;font-size:15px;}
	.tableBox table.form tbody th,
	.tableBox table.form tbody td{padding:10px;font-size:14px;}

	/* calendar */
	#subContents .calendar table th{padding:12px 5px;font-size:14px;}
	#subContents .calendar table td{padding:28px 10px 12px;height:85px;}
	#subContents .calendar .calSchedule3 a.line{word-break:break-all;}

	/* search */
	.searchBox{text-align:left;}
	.searchBox input[type="text"]{width:51%;}
	.searchBox select{float:left;margin-bottom:5px;width:calc(50% - 2px);}
	.searchBox select:nth-child(2n){float:right;}
	.searchBox input[type="submit"]{width:50px;}
	.searchBox a.btnListAll{width:80px;text-align:center;}

	/* tab */
	#subContents .tabBar{height:auto;border:1px solid #ddd;border-right:0px none;border-bottom:0px none;flex-flow:wrap;}
	#subContents .tabBar:before{display:none;}
	#subContents .tabBar li{width:33.3333% !important;flex:inherit;margin-right:0;}
	#subContents .tabBar li a{height:40px;line-height:40px;font-size:15px;font-family:'Nanum Gothic';border:1px solid #ddd;border-top:0px none;border-left:0px none;}
	#subContents .tabBar > li.active > a{position:relative;border:0px none;}
	#subContents .tabBar > li.active > a:after{display:block;content:'';position:absolute;top:-1px;right:0;left:-1px;bottom:0;height:auto;background:transparent;border:1px solid #33a8ac;box-sizing:border-box;}

	/* listType */
	.listType1 > li,
	.listType.num > li{font-size:15px;font-family:'Nanum Gothic';}
	.listType.num > li span.care{font-size:14px;}

	/* btn */
	.btn{padding:10px 15px;min-width:auto;height:auto;line-height:135%;font-size:14px;box-sizing:border-box;}
	.btn_call{padding:8px 0;width:130px;font-size:15px;font-family:'Nanum Gothic';}

	/* 회원가입 */
	.join_step{padding:0 20px;height:105px;}
	.join_step > li.step1,
	.join_step > li.step1.active,
	.join_step > li.step2,
	.join_step > li.step2.active,
	.join_step > li.step3,
	.join_step > li.step3.active{padding:55px 10px 0;font-size:15px;font-family:'Nanum Gothic';text-align:center;background-size:35px;background-position:center 10px;}
	.clause > textarea{font-size:14px;}

	/* 아이디,비밀번호 찾기 */
	#idpwFind li{float:none;margin:0 auto 20px;width:450px;}
	#idpwFind li.pwFind{float:none;}

	/* 육아나눔터소개 */
	.infant_care_top{margin-bottom:20px;}
	.infant_care_top > span.imgBox{width:30%;height:auto;}
	.infant_care_top > div{width:calc(70% - 35px);}
	#contents .infant_care_top > div h4{margin-bottom:10px;padding-bottom:10px;font-size:20px;background-position:left 4px;}
	.infant_care_top > div > ul.listType1{margin-bottom:7px;}
	.infant_care_top > div > ul.listType1 li{padding-left:77px;font-size:15px;}
	.infant_care_top > div > ul.listType1 li:after{top:12px;}
	.infant_care_top > div > ul.listType1 li b span.textNum2{letter-spacing:26px;}
	.infant_care_top > div > a.infant_btn{margin-right:0px;padding:0 35px 0 20px;width:130px;height:35px;line-height:35px;font-size:15px;font-family:'Nanum Gothic';}
	
	/* 공간이용 > 이용안내 */
	.warning_box{padding:18px 15px;}
	.warning_box span.mark{display:inline-block;font-size:15px;font-family:'Nanum Gothic';}

	/* 가족품앗이 > 가족품앗이 소개 */
	.family_exchange{margin-bottom:20px;padding:30px 220px 30px 30px;min-height:auto;}
	.family_exchange:after{right:20px;width:198px;height:135px;background-size:100%;}
	.family_exchange > b{margin-bottom:10px;font-size:20px;}
	.family_exchange > p{font-size:15px;font-family:'Nanum Gothic';}
	.family_exchange > p br{display:none;}

	/* 센터소개 > 센터연혁 */
	.history{padding-top:10px;}
	.history_box > li{margin-bottom:20px;padding-left:75px;}
	.history_box > li > span.year{font-size:24px;}
	.history_box > li > span.year:after{top:-10px;width:20px;height:3px;}
	.history_box .month_list > li{padding-left:58px;font-size:15px;font-family:'Nanum Gothic';}
	.history_box .month_list > li.case_date{padding-left:92px;}
	.history_box .month_list > li b.date{font-size:17px;}

	/* 센터소개 > 인사말 */
	.greeting{padding:30px 30px 35%;background-size:100% auto;}
	.greeting b.title{margin-bottom:25px;font-size:21px;}
	.greeting div.txt p{margin-bottom:22px;}

	/* 장난감대여 > 장난감 검색 */
	.toyListWrap .thumb.toy li .img{max-height:144px;}
	.toyViewWrap .thumbView .infoArea .name{padding:15px 10px;}
	.toyViewWrap .thumbView .infoArea ul{padding:10px;}
	.toyViewWrap .thumbView .infoArea ul li{padding:4px 0 4px 85px;}

	/* 커뮤니티 > 포토갤러리 */
	.photoGallery{padding:0 10px;}
	.photoGallery > ul{margin-bottom:30px;}
	.photoGallery > ul > li{padding:15px 10px;}
	.photoGallery > ul > li > a > span.imgBox{padding-bottom:10px;width:100%;height:auto;}
	.photoGallery > ul > li > a > span.imgBox img{max-height:110px;}
	.photoGallery > ul > li > a > p.title{font-size:14px;}
	.photoGallery > ul > li > a > span.date{font-size:14px;}

	/* intro */
	#introWrap{padding:30px 15px 50px;height:auto;background-size:auto 100%;}
	#introWrap h1{margin-bottom:30px;}
	#introWrap p.info{margin-bottom:40px;font-size:20px;}
	#introWrap ul{margin-bottom:60px;width:100%;}
	#introWrap ul li{float:none;margin:0 auto 15px;padding:0;width:236px;}

}

@media all and (max-width:767px){
	.sitemap > ul{display:flex;flex-flow:wrap;}
	.sitemap > ul > li{width:100%;}
}
@media all and (max-width:640px){
	.inner{padding:0 10px;}
	#header h1{left:10px;}
	#footer ul li{margin-bottom:5px;width:50%;}
	#footer ul li:nth-child(3):after{display:none;}

	/* main */
	#mainVisual{margin-bottom:490px;height:245px;background-size:auto 100%;}
	#mainVisual > .inner{padding:10px;}
	#mainVisual .mainSlider{position:static; top:255px;left:10px;right:10px;width:auto;max-width:325px; margin:150px auto;}
	#mainQuick ul li{margin-bottom:10px;width:33.3333%;}
	#mainQuick ul li:nth-child(n+4){margin-bottom:0;}
	#mainQuick ul li a{padding-top:55%;background-size:50%;}
	#mainEvent{height:auto;}
	#mainEvent .mainCalendar{margin-bottom:5px;width:100%;}
	#mainEvent .mainCalendar:after,
	#mainEvent .mainCalendar:before{display:none;}
	#mainEvent .mainCalendar .ctrl{width:192px;}
	#mainEvent .mainCalendar .ctrl > b{font-size:17px;}
	#mainEvent .eduList{padding-bottom:0px;width:100%;}
	#mainEvent .eduList ul{height:220px;}
	#mainNotice{height:auto;}
	#mainNotice .tabBar{margin-bottom:20px;}
	#mainNotice .tabBar li a{margin-right:15px;}
	#mainNotice .tabPage a.btnMore{top:-52px;}
	#mainNotice .conList li{padding:5px 5px 5px 10px;}
	#mainNotice .conList li.first{margin-bottom:10px;}
	#mainNotice .conList li:after{top:12px;}
	.mobileNone{display:none;}

	/* content */	
	#contentTop h3{font-size:20px;}
	#contentTop span.side{font-size:14px;}
	#contents h4{margin-bottom:15px;padding-left:30px;min-height:21px;font-size:17px;background-size:23px;}
	#contents .h4Content{margin-bottom:20px;padding-left:0;}
	#contents .txt_box{font-size:13px;}

	/* table */
	table.mTable,
	table.mTable thead,
	table.mTable tbody,
	table.mTable thead tr,
	table.mTable tbody tr,
	table.mTable thead tr th,
	table.mTable tbody tr th,
	table.mTable thead tr td,
	table.mTable tbody tr td{display:block;}

	/* info */
	.tableBox table.info thead th{padding:5px;font-size:14px;}
	.tableBox table.info tbody td{padding:5px;font-size:13px;}

	/* list */
	.tableBox table.list.mTable thead{display:none;}
	.tableBox table.list.mTable tbody tr{padding:5px;border-bottom:1px solid #e5e5e5;}
	.tableBox table.list.mTable tbody tr td{padding:3px 0;text-align:left;border-bottom:0px none;}
	.tableBox table.list.mTable tbody tr td .subject{display:inline-block;position:relative;top:3px;max-width:80%;}
	.tableBox table.list.mTable tbody tr td a.icon_lock{background-position:right 3px center;}
	.tableBox table.list.mTable td:before{display:inline;}

	.tableBox table.list.mTable.type1 td:nth-child(1){display:none;}
	.tableBox table.list.mTable.type1 td:nth-child(2):before{content:'구분 : '}
	.tableBox table.list.mTable.type1 td:nth-child(3):before{content:'교육일 : '}
	.tableBox table.list.mTable.type1 td:nth-child(4):before{content:'교육시간 : '}
	.tableBox table.list.mTable.type1 td:nth-child(4) br{display:none;}
	.tableBox table.list.mTable.type1 td:nth-child(5):before{content:'교육명 : '}
	.tableBox table.list.mTable.type1 td:nth-child(6):before{display:block;content:'정원 : ';margin-bottom:2px;}
	.tableBox table.list.mTable.type1 td:nth-child(7):before{content:'상태 : '}

	.tableBox table.list.mTable.type2 td:nth-child(1){display:none;}
	.tableBox table.list.mTable.type2 td:nth-child(2):before{content:'제목 : '}
	.tableBox table.list.mTable.type2 td:nth-child(3):before{content:'작성자 : '}
	.tableBox table.list.mTable.type2 td:nth-child(4):before{content:'작성일 : '}
	.tableBox table.list.mTable.type2 td:nth-child(5):before{content:'문의상황 : ';}

	.tableBox table.list.mTable.type3 td:nth-child(1){display:none;}
	.tableBox table.list.mTable.type3 td:nth-child(2):before{content:'제목 : '}
	.tableBox table.list.mTable.type3 td:nth-child(3):before{content:'첨부 : '}
	.tableBox table.list.mTable.type3 td:nth-child(4):before{content:'작성자 : '}
	.tableBox table.list.mTable.type3 td:nth-child(5):before{content:'작성일 : ';}
	.tableBox table.list.mTable.type3 td:nth-child(6):before{content:'조회 : ';}

	.tableBox table.list.mTable.type4 td:nth-child(1){display:none;}
	.tableBox table.list.mTable.type4 td:nth-child(2):before{content:'제목 : '}
	.tableBox table.list.mTable.type4 td:nth-child(3):before{content:'작성자 : '}
	.tableBox table.list.mTable.type4 td:nth-child(4):before{content:'작성일 : ';}
	.tableBox table.list.mTable.type4 td:nth-child(5):before{content:'문의상황 : ';}

	/* view */
	.tableBox table.view.mTable tbody th{padding:5px 10px 2px;text-align:left;border:0px none;}
	.tableBox table.view.mTable tbody th:after{display:none;}
	.tableBox table.view.mTable tbody td{padding:2px 10px 5px;text-align:left;}
	.tableBox table.view.mTable tbody td:after{display:none;}
	.explain{font-size:13px;}

	/* form */
	.formExplain{font-size:13px;}
	.tableBox table.form tbody td .board_content{padding:10px;}
	.tableBox table.form tbody td a.input_btn{padding:0 10px;height:30px;line-height:30px;}
	.tableBox table.form tbody td .explain{display:block;margin-top:5px;}
	.tableBox table.form tbody td .family_infoList{display:block;margin-bottom:5px;}

	.tableBox table.form.mTable tbody th{padding:8px 10px;height:auto;text-align:left !important;border-right:0px none;}
	.tableBox table.form.mTable tbody th:after{display:none;}
	.tableBox table.form.mTable tbody td{padding:8px 10px;height:auto;text-align:left !important;border-right:0px none;}
	.tableBox table.form.mTable tbody td input[type="text"], 
	.tableBox table.form.mTable tbody td input[type="password"], 
	.tableBox table.form.mTable tbody td select{max-width:100%;height:30px;font-size:13px;}
	.tableBox table.form.mTable tbody .m_none{display:none;}
	.tableBox table.form.mTable tbody td:before{display:inline;}

	.tableBox table.form.mTable tbody td.m_name:before{content:"성명 : "}
	.tableBox table.form.mTable tbody td.m_birth:before{content:"생년월일 : "}
	.tableBox table.form.mTable tbody td.m_mobile:before{content:"연락처 : "}
	.tableBox table.form.mTable tbody td.m_relation:before{display:block;content:"*아동과의 관계 : ";margin-bottom:5px;}
	.tableBox table.form.mTable tbody td.m_qua_1:before{content:"일반 : "}
	.tableBox table.form.mTable tbody td.m_qua_2:before{content:"기초생활수급권자 : "}
	.tableBox table.form.mTable tbody td.m_qua_3:before{content:"차상위계층 : "}
	.tableBox table.form.mTable tbody td.m_qua_4:before{content:"국가유공자(유족 또는 가족포함) : "}
	.tableBox table.form.mTable tbody td.m_qua_5:before{content:"장애인 : "}
	.tableBox table.form.mTable tbody td.m_qua_6:before{content:"한부모가정 : "}
	.tableBox table.form.mTable tbody td.m_qua_7:before{content:"다자녀가정(3명이상) : "}
	.tableBox table.form.mTable tbody td.m_qua_8:before{content:"다문화가정 : "}
	.tableBox table.form.mTable tbody td.m_qua_9:before{content:"기타 : "}

	/* calendar */	
	#subContents .calendar.m_calendar table,
	#subContents .calendar.m_calendar tbody,
	#subContents .calendar.m_calendar tbody tr{display:block;}
	#subContents .calendar.m_calendar thead th{display:none;}
	#subContents .calendar.m_calendar tbody > tr > td{display:block;padding-top:32px;height:auto !important;text-align:left;border:1px solid #ddd !important;border-top:0px none !important;word-break:break-all;} 
	#subContents .calendar.m_calendar tbody > tr > td span.day{top:5px;left:2px;font-weight:bold;font-size:13px;}
	#subContents .calendar.m_calendar tbody > tr > td.sun span.day{color:#b71c1c;}
	#subContents .calendar.m_calendar tbody > tr > td.sat span.day{color:#4078d8;}
	#subContents .calendar.m_calendar tbody > tr > td span::after{position:absolute;margin-left:3px;display:inline-block;width:25px;}
	#subContents .calendar.m_calendar tbody > tr > td:nth-child(1) span.day::after{content:'(일)';}
	#subContents .calendar.m_calendar tbody > tr > td:nth-child(2) span.day::after{content:'(월)';}
	#subContents .calendar.m_calendar tbody > tr > td:nth-child(3) span.day::after{content:'(화)';}
	#subContents .calendar.m_calendar tbody > tr > td:nth-child(4) span.day::after{content:'(수)';}
	#subContents .calendar.m_calendar tbody > tr > td:nth-child(5) span.day::after{content:'(목)';}
	#subContents .calendar.m_calendar tbody > tr > td:nth-child(6) span.day::after{content:'(금)';}
	#subContents .calendar.m_calendar tbody > tr > td:nth-child(7) span.day::after{content:'(토)';}
	#subContents .calendar.m_calendar tbody > tr > td.m_active{display:none;}
	#subContents .calendar.m_calendar tbody > tr > td::after{display:block;content:'';clear:both;}
	#subContents .calendar.m_calendar .calSchedule{float:left;padding:0 3px;width:33.3333%;box-sizing:border-box;}
	#subContents .calendar.m_calendar .calSchedule dl{padding:2px;border:1px solid #ccc;}
	#subContents .calendar.m_calendar .calSchedule > a{display:block;}
	#subContents .calendar.m_calendar .calSchedule3{float:left;padding:0 3px;width:33.3333%;box-sizing:border-box;}
	#subContents .calendar.m_calendar .calSchedule3 a{display:block;font-size:12px;}	
	
	/* search */
	.searchBox input[type="text"]{width:calc(100% - 139px);}
	.searchBox input[type="submit"]{width:50px;}
	.searchBox a.btnListAll{width:80px;}

	/* tab */
	/* #subContents .tabBar li{width:50% !important;} */
	#subContents .tabBar li a{height:35px;line-height:35px;font-size:14px;}

	/* listType */
	.listType1 > li{font-size:13px;}
	.listType1 > li:after{top:10px;}
	.listType1 > li:first-child:after{top:6px;}
	.listType.num > li{font-size:13px;}

	/* btn */
	.btn{font-size:13px;}
	.btnTable{padding:3px 6px;height:auto;line-height:135%;}

	/* 로그인 */
	.login .login_top{font-size:14px;}
	.login .login_top b{font-size:18px;}
	.login .login_box{padding:130px 0 30px;background-size:80px;background-position:center 25px;}
	.login .loginForm{padding:0 85px 0 20px;width:100%;max-width:350px;}
	.login .loginForm > span b{font-size:13px;}
	.login .loginForm > span input{width:calc(100% - 65px);}
	.login .loginForm > a{right:20px;width:60px;font-size:14px;}
	.login .loginBot ul li{padding-left:95px;width:100%;}
	.login .loginBot ul li.icon1{margin-bottom:15px;background-position:20px top;}
	.login .loginBot ul li.icon2{background-position:20px top;}
	.login .loginBot ul li a{font-size:14px;}
	.login .loginBot ul li span{font-size:13px;}

	/* 회원가입 */
	.join_step{padding:10px;height:auto;}
	.join_step > li{float:none;margin:auto;width:200px;height:50px;}
	.join_step > li.step1,
	.join_step > li.step1.active,
	.join_step > li.step2,
	.join_step > li.step2.active,
	.join_step > li.step3,
	.join_step > li.step3.active{padding:0 10px 0 55px;font-size:14px;text-align:left;background-size:35px;background-position:10px center;}
	.join_step > li.step1,
	.join_step > li.step1.active{padding-top:5px;}
	.join_step > li.step2,
	.join_step > li.step2.active{padding-top:17px;}
	.join_step > li.step3,
	.join_step > li.step4.active{padding-top:17px;}
	.clause > textarea{font-size:13px;}
	.certify_btn_box a.btn_certify.type1{margin-bottom:5px;}
	.join_end{padding:150px 10px 20px;height:auto;background-size:100px;background-position:center 20px;}
	.join_end > p.title{font-size:17px;}
	.join_end ul{width:100%;max-width:320px;}
	.join_end ul li{padding-left:110px;font-size:16px;word-break:break-all;}

	/* 아이디,비밀번호 찾기 */
	#idpwFind li{padding:15px;width:100%;max-width:350px;}
	#idpwFind li .findForm p{margin-bottom:15px;font-size:13px;}
	#idpwFind li.idFind .findForm div,
	#idpwFind li.pwFind .findForm div{padding:20px;height:auto;}
	#idpwFind li .findForm div span{padding-left:50px;}
	#idpwFind li .findForm div span b{line-height:32px;font-size:13px;}
	#idpwFind li .findForm div span input{height:32px;}
	.find_result.id,
	.find_result.pw{padding:105px 15px 20px 15px;background-size:70px;background-position:center 20px;}
	.find_result > p{font-size:14px;text-align:center;}
	.find_result > div > p{padding-left:118px;font-size:14px;word-break:break-all;}
	.find_result.pw > div > p{padding-left:138px;font-size:14px;word-break:break-all;}


	/* 육아나눔터소개 */
	.infant_care_top > span.imgBox{margin-bottom:10px;width:100%;}
	.infant_care_top > span.imgBox img{width:100%;}
	.infant_care_top > div{margin-left:0;width:100%;}
	#contents .infant_care_top > div h4{font-size:18px;background-position:left 2px;}
	.infant_care_top > div > ul.listType1 li{font-size:13px;}
	.infant_care_top > div > a.infant_btn{padding:0 26px 0 12px;width:103px;line-height:34px;font-size:13px;background-position:right 12px center;}

	/* 장난감 대여 > 이용안내 */
	.content_notice{padding:15px 15px 15px 75px;font-size:15px;font-family:'Nanum Gothic';background-size:50px;background-position:13px 12px;}
	
	/* 장난감대여 > 장난감 검색 */
	.toyListWrap .thumb.toy li{width:50%;}
	.toyListWrap .thumb.toy li .img{max-height:85px;}
	.toyListWrap .thumb.toy li .subject{font-size:14px;}
	.toyViewWrap .thumbView .img{padding:10px;width:100%;}
	.toyViewWrap .thumbView .infoArea{width:100%;}

	/* 가족품앗이 > 가족품앗이 소개 */
	.family_exchange{padding:20px;}
	.family_exchange:after{display:none;}
	.family_exchange > b{margin-bottom:5px;font-size:17px;}
	.family_exchange > p{font-size:14px;}
	.family_exchange > p br{display:none;}

	/* 커뮤니티 > 포토갤러리 */
	.photoGallery > ul > li{width:50%;}
	.photoGallery > ul > li > a > p.title{font-size:13px;}
	.photoGallery > ul > li > a > span.date{font-size:13px;}

	/* 센터소개 > 센터연혁 */
	.history_box > li{margin-bottom:30px;padding:25px 0 0 0;}

	/* 센터소개 > 오시는 길 */
	.root_daum_roughmap{height:350px;}
	.wrap_map{height:calc(100% - 32px) !important;}
	.transportation{padding-left:80px;}
	.transportation.subway,
	.transportation.bus,
	.transportation.car{background-size:70px;}
	.month_list .txt_blue{color:#000 !important;}

	/* 센터소개 > 인사말 */
	.greeting{padding:20px 20px 35%;background-size:100% auto;}
	.greeting b.title{margin-bottom:20px;font-size:18px;}
	.greeting b.title br{display:none;}
	.greeting div.txt p{margin-bottom:22px;}

	/* intro */
	#introWrap p.info{margin-bottom:40px;font-size:18px;}
	#introWrap p.info br{display:none;}
	#introWrap ul{margin-bottom:60px;width:100%;}
	#introWrap ul li{float:none;margin:0 auto 15px;padding:0;width:236px;}

	/* 가족품앗이 등록완료 팝업 */
	.sign_inner{padding:110px 15px 15px;width:100%;max-width:450px;height:auto;background-size:80px;background-position:center 15px;}
	.sign_inner > b{font-size:20px;}
	.sign_inner > p{padding:15px 20px;font-size:14px;}

}
@media all and (max-width:480px){
	#mainQuick ul li a{padding-top:98%;background-size:90%;}

	/* search */
	.searchBox select{width:100%;}
}