@charset "utf-8";

/* reset */
*{margin:0;padding:0;}
html,body{width:100%; height:100%; -webkit-text-size-adjust:none;}
html,body,pre,select,textarea,input,button,h1,h2,h3,h4,h5,h6{font-size:13px; font-family:Malgun Gothic, "맑은 고딕", Dotum, "돋움", Gulim, "굴림", sans-serif; color:#232323;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
table{border-collapse:collapse; border-spacing:0; margin-top:-1px;}
caption{overflow:hidden; width:1px; height:1px; font-size:1px; text-indent:2px;}
img,fieldset,iframe{border:none; border:0;}
img,input,select,button{vertical-align:middle;}
input{box-sizing:border-box;-moz-box-sizing:border-box;}
label{vertical-align:middle;}
ul, ol, li{list-style:none;}
a{color:#232323; text-decoration:none;}
a:hover{text-decoration:none;}
em,address{font-style:normal;}
pre, .pre{white-space:pre-line;white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space: -o-pre-wrap;word-wrap:break-word;word-break:break-all;}

/* hidden */
hr{display:none;}
.blind{visibility:hidden;overflow:hidden;height:0;width:0;margin:0;padding:0;line-height:0;font-size:0;}

/* common */
input, select, textarea, option, label, button{font-size:100%;font-weight:normal;}
.inpTxt{/*width:169px;*/height:25px;padding:2px 5px;border:1px solid #cfcfcf;}
.chbox, .radio{width:13px;height:13px;}
.select{/*width:169px;*/height:25px;border:1px solid #cfcfcf;}
label{position:relative;top:0;font-size:13px;}
	*html label, *:first-child+html label{position:static;}
	:root label{top:2px\9;}
legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;}
	:root legend{margin-top:-1px;font-size:0;line-height:0}

body{background:#34343c;}
.wholeWrap{overflow-x:hidden;width:100%;background:#34343c;}
.wrapper{position:relative;background:#fff;}
.header{height:54px;background:#028564;border-bottom:1px solid #028564;}
.header h1{float:left;padding:15px 0 0 15px;}
.header h1 img{width:50%; height:50%;}
.header .openGnb{float:right;}
.header .openGnb img, .gnb .closeGnb img{width:60px;}
.gnb{display:none;position:absolute;right:-92px;top:0;width:92px;background:#34343c url(../../images/mobile/bg_menu.gif) repeat-y;}
.gnb li{border-bottom:1px solid #525259;}
.gnb li a{display:block;padding:9px 0 10px;border-bottom:1px solid #17171b;background:#34343c url(../../images/mobile/bg_menu.gif) repeat-y;color:#fff;text-align:center;}
.gnb li a span{display:block;padding-top:8px;text-align:center;}
.gnb li.on a{background:#f55140;}
.gnb li img{/*width:100%;max-width:32px;*/width:16px;}
.gnb .closeGnb{position:absolute;top:0;left:-60px;}

.footer{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px 0;
	padding: 20px 0;
	border-top: 1px solid #e7e7e7;
	text-align: center;
	color: #888888;
}

.footer img {
	width: auto;
}


/* main */
/*.contents.main{padding:0;background:url(../../images/mobile/bg_main.gif) repeat-x;}*/
.contents.main{padding:0;}
.contents.main .mainVisual{padding:14px 0 4px;background:#e8e8dd url(../../images/mobile/bg_main_visual.gif) no-repeat 50% 100%;background-size:100% 4px;text-align:center;}
.contents.main .mainVisual img{width:100%;max-width:690px;}

.contents.main .mainList{padding:18px 0;}
.contents.main .mainList:after{content:'';display:block;clear:both;}
.contents.main .mainList li{float:left;width:25%;text-align:center;}
.contents.main .mainList li a{display:block;}
.contents.main .mainList li img{width:80%;max-width:106px;}
.contents.main .mainList li span{display:block;padding-top:9px;line-height:15px;}


.mainBanner {
	display: flex;
	justify-content: space-between;
	padding: 5px;
}
.mainBanner > a {
	display: flex;
	flex-direction: column;
	padding: 5px;
	width: 23%;
	height: 100px;
	border-radius: 10px;
	box-sizing: border-box;
}
.mainBanner > a:nth-child(1) {
	background: #ffd0ce url("/images/mobile/main/icon1.png") no-repeat 100% 100%;
	background-size: 50% 40%;
}
.mainBanner > a:nth-child(2) {
	background: #f6e8ac url("/images/mobile/main/icon2.png") no-repeat 100% 100%;
	background-size: 50% 40%;
}
.mainBanner > a:nth-child(3) {
	background: #d2ecb3 url("/images/mobile/main/icon3.png") no-repeat 100% 100%;
	background-size: 50% 40%;
}
.mainBanner > a:nth-child(4) {
	background: #afe4f1 url("/images/mobile/main/icon4.png") no-repeat 100% 100%;
	background-size: 50% 40%;
}
.mainBanner > a span:nth-child(1) {
	margin-top : 10px;
	font-size: 11px;
	font-weight: 600;
	line-height: 15px;
	color: #333;
}
.mainBanner > a span:nth-child(2) {
	display: flex;
	align-self: flex-start;
	position: relative;
	padding: 2px 5px 2px 5px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 25px;
	margin-top: auto;
	font-size: 10px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 5px;
}
.mainBanner > a span:nth-child(2)::after {
	content: "";
	position: absolute;
	top: 8px;
	right: 10px;
	width: 7px;
	height: 11px;
}

@media all and (max-width:350px) {
    .mainBanner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 1rem 1rem;
		padding: 15px;
	}
	.mainBanner > a {
		display: flex;
		flex-direction: column;
		padding: 15px;
		width: 46%;
		height: 90px;
		border-radius: 10px;
		box-sizing: border-box;
	}
}

.town-search {
	display: flex;
	flex-direction: column;
	gap: 10px 0;
	padding: 20px;
	background: #d2d8dd;
}

.town-search p {
	font-weight: 600;
}

.town-search > div {
	display: grid;
    grid-template-columns: repeat(auto-fill,minmax(30%, 1fr));
	gap: 1rem 1rem;
}

.town-search > div input,
.town-search > div select {
	height: 30px;
}

.town-search > div input {
	grid-column: 1 / 4;
}

.town-search > div .sec {
	grid-column: 1 / 4;
}

.town-search > div .sec > div {
	display:grid;
	grid-template-columns: 45% 10% 45%;
}

.town-search > div .sec > div #BRJUMIN1 {
	grid-column: 1/1;
}

.town-search > div .sec > div #BRJUMIN2 {
	grid-column: 3/3;
}

.town-search > .btn a {
	grid-column: 1 / 4;
	display: block;
	padding: 10px 0;
	width: 100%;
	background: #434a67;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	box-sizing: border-box;
}

.town-search > .btn a span {
	padding: 0 30px 0 0;
	background: url("/webdoc/images/mobile/icon5.png") no-repeat 100% 0;
	background-size: 18px 18px;
}

.btn-login {
	padding: 0 20px 20px;
}

.btn-login a {
	display: block;
	padding: 10px 0;
	width: 100%;
	background: #cf3f3f;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	box-sizing: border-box;
}

.contents.main .mainLink{border-top:1px solid #008c91;border-bottom:1px solid #008c91;background:url(../../images/mobile/bg_mainLink.gif)}
.contents.main .mainLink:after{content:'';display:block;clear:both;}
.contents.main .mainLink li{float:left;width:50%;}
.contents.main .mainLink li a{display:block;width:100%;line-height:15px;color:#fff;text-align:center;}
.contents.main .mainLink li:first-child a{height:42px;padding-top:22px;border-right:1px solid rgba(255,255,255,0.2);}
.contents.main .mainLink li:last-child a{height:42px;padding-top:22px;border-left:1px solid #008c91;}
.contents.main .mainLink li:first-child img{/*width:20%;max-width:49px;*/width:25px;}
.contents.main .mainLink li:last-child img{/*width:20%;max-width:51px;*/width:21px;}
.contents.main .mainLink li span{display:inline-block;padding-left:10px;text-align:left;vertical-align:middle;}
.contents.main .mainNotice{position:relative;padding:21px 15px 17px 13px;}
.contents.main .mainNotice dt{padding-bottom:8px;font-size:15px;font-weight: 600;}
.contents.main .mainNotice li{ display: flex; justify-content: space-between; align-items: center; padding:4px 0 5px ;border-top:1px solid #c1c2bc;}
.contents.main .mainNotice li:first-child{border:none;}
.contents.main .mainNotice li a{display:block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.contents.main .mainLink li.on {background:url(../../images/mobile/bg_mainLink_on.gif) repeat;}
.contents.main .mainNotice .more{position:absolute;top:5px;right:0px;padding-right:20px;font-size: 30px;color: #807b7b;}
.contents.main .mainNotice .more a{color:#757673;}

/* 서브페이지 */
.contents{min-height:488px;padding:26px 10px 33px;}
.contents.revHome{min-height:357px;padding:26px 10px 23px;}
.contents h2{padding: 0 0 13px 22px;border-bottom:1px solid #d1d1d1;background:url(../../images/mobile/bul_h2.gif) no-repeat;background-size:15px 15px;font-size:16px;line-height:16px;color:#000;}
.contents .h3{padding:0 0 11px 17px;background:url(../../images/mobile/bul_h3.gif) no-repeat;background-size:12px 13px;font-size:14px;line-height:14px;}

/* 버튼 */
.btn a{display:inline-block;}
.btn span{display:inline-block;}
.btn.type1 a{border:1px solid #212127;border-radius:3px;}
.btn.type1 span{padding:6px 12px;font-size:12px;color:#34343c;border-radius:3px;
	background:#ddd -webkit-linear-gradient(top, #f6f6f6, #ddd);
	background:#ddd -moz-linear-gradient(top, #f6f6f6, #ddd);
	background:#ddd -o-linear-gradient(top, #f6f6f6, #ddd);
	background: #ddd -ms-linear-gradient(top, #f6f6f6, #ddd);
	background: #ddd;
	}
.btn.type2{padding-top:20px;text-align:center;}
.btn.type2.v2{padding-top:58px;}
.btn.type2 a{border:1px solid #000;border-radius:3px;
	background:#262626 -webkit-linear-gradient(top, #353535, #262626);
	background:#262626 -moz-linear-gradient(top, #353535, #262626);
	background:#262626 -o-linear-gradient(top, #353535, #262626);
	background:#262626;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f6f6f6, endColorStr=#262626);}
.btn.type2 span{border:1px solid #6e6e6e;border-radius:3px;font-size:14px;color:#fff;}
.btn.type2 .apply span{padding:7px 50px 6px 27px;background:url(../../images/mobile/ico_btn_apply.gif) no-repeat 90% 50%;background-size:18px 18px;}
.btn.type2 .more span{padding:7px 50px 6px 34px;background:url(../../images/mobile/ico_btn_more.gif) no-repeat 90% 50%;background-size:18px 18px;}
.btn.type2 .search span{padding:3px 6px;font-size:12px;text-align:center;}
.btn.type2 .register span{padding:7px 71px 6px 67px;background:url(../../images/mobile/ico_btn_apply.gif) no-repeat 90% 50%;background-size:18px 18px;}
.btn.type2 .basic span{padding:6px 27px 5px;}

/* orange 버튼 : 150109 추가 */
.btn.type3 a{border:1px solid #bd5000;border-radius:3px;
	background:#dc5d00 -webkit-linear-gradient(top, #f36700, #dc5d00);
	background:#dc5d00 -moz-linear-gradient(top, #f36700, #dc5d00);
	background:#dc5d00 -o-linear-gradient(top, #f36700, #dc5d00);
	background:#dc5d00;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f36700, endColorStr=#dc5d00);}
.btn.type3 span{border:1px solid #f08e47;border-radius:3px;font-size:14px;color:#fff;}
.btn.type3 .apply span{padding:7px 40px 6px 17px;background:url(../../images/mobile/ico_btn_apply2.gif) no-repeat 90% 50%;background-size:18px 18px;}
.btn.type3 .basic span{padding:6px 27px 5px;}


/* orange 버튼 센터 : 170330 추가 */
.btn.type4{padding-top:20px;text-align:center;}
.btn.type4 a{border:1px solid #bd5000;border-radius:3px;
	background:#dc5d00 -webkit-linear-gradient(top, #f36700, #dc5d00);
	background:#dc5d00 -moz-linear-gradient(top, #f36700, #dc5d00);
	background:#dc5d00 -o-linear-gradient(top, #f36700, #dc5d00);
	background:#dc5d00;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f36700, endColorStr=#dc5d00);}
.btn.type4 span{border:1px solid #f08e47;border-radius:3px;font-size:14px;color:#fff;}
.btn.type4 .apply span{padding:7px 40px 6px 17px;background:url(../../images/mobile/ico_btn_apply2.gif) no-repeat 90% 50%;background-size:18px 18px;}
.btn.type4 .basic span{padding:6px 5px 5px;}



/* orange 버튼 센터 : 170330 추가 */
.btn.type5{padding-top:20px;text-align:center;}
.btn.type5 a{width:100%;border:1px solid #0d8f99;border-radius:3px;
	background:#00b1b7 -webkit-linear-gradient(top, #f36700, #00b1b7);
	background:#00b1b7 -moz-linear-gradient(top, #f36700, #00b1b7);
	background:#00b1b7 -o-linear-gradient(top, #f36700, #00b1b7);
	background:#00b1b7;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f36700, endColorStr=#dc5d00);}
.btn.type5 span{font-size:14px;color:#fff;}
.btn.type5 .apply span{padding:7px 40px 6px 17px;background:url(../../images/mobile/ico_btn_apply2.gif) no-repeat 90% 50%;background-size:18px 18px;}
.btn.type5 .basic span{padding:6px 5px 5px;}

/* 보육예약리스트 */
.revList{padding:0px 20px 0 22px;}
.revList h3{font-size:19px;font-weight:bold;}
.revList h3 span{color:#008589;}
.revList p{padding:13px 0;line-height:20px;}
.revList .revCont{display:none;}
.revList .applyOrder{padding-top:22px;text-align:center;}
.revList .applyOrder img{width:100%;max-width:535px;}

/* 보육예약현황리스트 */
.revReqList{padding:0px 20px 0 22px;}
.revReqList h3{font-size:19px;font-weight:bold;}
.revReqList h3 span{color:#008589;}
.revReqList p{padding:13px 0;line-height:20px;}
.revReqList .applyOrder{padding-top:22px;text-align:center;}
.revReqList .applyOrder img{width:100%;max-width:535px;}

/* 입소대기신청안내 */
.textWrap{padding:26px 20px 0 22px;}
.textWrap h3{font-size:19px;font-weight:bold;}
.textWrap h3 span{color:#008589;}
.textWrap p{padding:13px 0;line-height:20px;}
.textWrap .applyOrder{padding-top:22px;text-align:center;}
.textWrap .applyOrder img{width:100%;max-width:535px;}

/* 입소대기신청 */
.listWrap{padding:10px 24px 0 12px;}
.dlType{width:100%;}
.dlType dl{display:table;width:100%;border-bottom:1px solid #cfcfcf;}
.dlType dl:first-child, .dlType dl.first{border-top:1px solid #cfcfcf;}
.dlType dt{display:table-cell;width:20%;min-width:91px;background:#f6f6f6;font-weight:bold;text-align:center;vertical-align:middle;}
.dlType dt.minWid{display:table-cell;width:18%;min-width:85px;background:#f6f6f6;font-weight:bold;text-align:center;vertical-align:middle;}
.dlType dt label{font-weight:bold;}
.dlType dd{display:table-cell;padding:5px 0 5px 10px;font-size:12px;vertical-align:middle;}
.dlType dd label{color:#616161;}
.dlType dd .inpTxt{/*max-width:169px;*/width:160px;}
.dlType dd .select{width:160px;}
.dlType dd .selectSi{width:100px;}
.dlType dd.text, .dlType.text dd{padding:10px;}
.dlType dd .w1{max-width:134px;}
.dlType dd .btnSearch img{width:55px;}
.dlType dd .numWrap{margin-bottom:3px;}
.dlType dd .numWrap .inpTxt{/*width:79px;*/width:40%;max-width:74px;}
.dlType dd.telWrap .inpTxt{/*width:49px;*/width:28%;max-width:49px;margin-bottom:3px;}
.dlType dd .dash{color:#cfcfcf;}
.dlType dd .btn.type2{display:inline-block;padding:0;vertical-align:middle;}
.dlType dd .img1{width:26px;}
.dlType dd .img2{width:65px;}
.dlType dd .img3{width:26px;}


.telWrap .select2{width:48px;margin-right:4px;}
.telWrap .inpTxt2{width:40px;}
.telWrap .chbox2{margin-left:10px;}

.dlType .infoDl, .dlType .infoDl dt, .dlType .infoDl dd{display:block;border:none;}
.infoDl dt{width:100%;height:24px;padding:0;border-radius:4px;line-height:24px;text-align:left;}
.infoDl dt span{margin-left:10px;}
.infoDl dd{padding:9px 0 8px 7px;}
.infoDl dd .chList li{width:100%;margin-bottom:7px;}
.infoDl dd .chList li:after{content:'';display:block;clear:both;}
.infoDl dd .chList li .chbox, .infoDl dd .chList li .radio{float:left;margin-right:9px;}
.infoDl dd .chList li label{float:left;width:89%;word-break:break-all;}
.infoDl dd .radioList{width:100%;}
.infoDl dd .radioList:after{content:'';display:block;clear:both;}
.infoDl dd .radioList li{float:left;width:33%;margin-bottom:7px;letter-spacing:-1px;}
.dlType dd .file{width:169px;}

.ssList p{padding:4px 0 20px;font-size:11px;text-align:right;}
.ssList p img{width:20px;}
.ssList li{padding-left:21px;border-top:1px solid #dcdcde;background:#f6f6f6 url(../../images/mobile/bul_list.gif) no-repeat 12px 18px;background-size:2px 2px;}
.ssList li:first-child{border:0;}
.ssList li a{display:block;padding:10px 32px 9px 0;background:#f6f6f6 url(../../images/mobile/bg_sslist.gif) no-repeat 98% 50%;background-size:18px 18px;}
.ssList li img{width:20px;}
.ssList li .ico{width:27px;}

.listInfo{padding-bottom:5px;}
.listInfo li{margin-bottom:5px;padding-left:8px;background:url(../../images/mobile/bul_list.gif) no-repeat 0 7px;background-size:2px 2px;font-size:11px;line-height:16px;}
.listInfo li span{color:#008589;}

/* 보육반장 현황 */
.boardWrap{margin-top:25px;}
.boardSearch{position:relative;/*padding:9px 19px 8px 22px;*/padding:9px 81px 8px 87px;border:0;border-radius:7px 7px 0 0;background:#00949a;}
.boardSearch label{position:absolute;top:12px;left:22px;font-size:14px;color:#fff;}
.boardSearch .select{/*margin:0 7px 0 12px;*/width:100%;border:1px solid #007d82;}
.boardSearch .bSearch{position:absolute;top:9px;right:19px;width:53px;height:23px;border:1px solid #007d82;border-radius:3px;font-size:12px;line-height:23px;text-align:center;
	background:#e6e6e6 -webkit-linear-gradient(top, #fefefe, #e6e6e6);
	background:#e6e6e6 -moz-linear-gradient(top, #fefefe, #e6e6e6);
	background:#e6e6e6 -o-linear-gradient(top, #fefefe, #e6e6e6);
	background:#e6e6e6;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#fefefe, endColorStr=#e6e6e6);}
.presidentList li{width:100%;border-bottom:1px solid #d3d3d3;}
.presidentList li:after{content:'';display:block;clear:both;}
.presidentList a{display:block;}
.presidentList .img{float:left;width:25%;max-width:161px;min-height:62px;padding:10px 20px 10px 10px;}
.presidentList .img img{/*width:79px;height:59px;*/width:100%;min-width:79px;max-width:159px;border:1px solid #dfdfdf;}
.presidentList .txt{float:left;width:60%;padding:20px 0 10px 5px;}
.presidentList strong{display:block;padding-bottom:8px;font-size:14px;}
.gList li.bg{background:#f6f6f6;}

/* 게시판 리스트 */
	/* 보육반장 활동소식 */
	.boardList li{border-bottom:1px solid #d3d3d3;}
	.boardList li a{display:block;padding:9px 34px 8px 15px;background:url(../../images/mobile/bg_board.png) no-repeat 98% 15px;background-size:13px 13px;font-size:14px;color:#666;}
	.boardList li strong{display:block;padding-bottom:5px;color:#323232;}
	/* 보육반장 커뮤니티 */
	.boardList.v2{border-top:1px solid #d3d3d3;}
	.boardList.v2 .notice{display:inline-block;margin-right:3px;padding:3px 4px 1px;border-radius:4px;background:#f46700;font-size:11px;font-weight:normal;color:#fff;}
	.boardList.v2 .fcR{font-weight:normal;color:#f46700;}
	.boardWrap .btn.type2.apply{padding-bottom:15px;text-align:right;}
	.boardWrap .btn.type2.apply span{padding:3px 10px;font-size:12px;}
	/* 꼼꼼육아정보 */
	.boardList.v3{border-top:1px solid #d3d3d3;}
	.boardList.v3 li a{background:url(../../images/mobile/bg_board.png) no-repeat 98% 27px;background-size:13px 13px;}
	.boardList.v3 span{display:inline-block;min-width:30px;padding:2px 4px;border:0;border-radius:6px;font-size:12px;line-height:12px;color:#fff;text-align:center;}
	.boardList.v3 .orange{background:#f46700;}
	.boardList.v3 .blue{margin-left:4px;background:#1673dc;}
	.boardList.v3 .c01{background:#8b8e98;}
	.boardList.v3 .c02{background:#71bd43;}
	.boardList.v3 .c03{background:#9c82f1;}
	.boardList.v3 li strong{padding:7px 0 0 0;}
	/* 공지사항 */
	.boardSearch.v2{padding:9px 81px 8px 100px;}
	.boardSearch.v2 .select{position:absolute;top:9px;left:22px;width:70px;}
	.boardSearch.v2 .inpTxt{width:100%;}

/* 게시판 상세페이지 */
.boardView h3{padding:20px 0 8px;}
.boardView .dlType dt{min-width:71px;}
.boardView .boardCont{min-height:165px;padding:20px 4px 25px;border-bottom:1px solid #d1d1d1;line-height:1.5em;}
.boardView .btn.type2{padding-top:15px;}
.boardView .btn.type2 a{border-radius:6px;}
.boardView .btn.type2 span{font-size:13px;border-radius:6px;}
.boardView .btn.type2 .prev span{padding:7px 20px 7px 25px;background:url(../../images/mobile/ico_btn_prev.gif) no-repeat 15px 50%;background-size:4px 8px;}
.boardView .btn.type2 .list span{padding:7px 23px 7px 35px;background:url(../../images/mobile/ico_btn_list.gif) no-repeat 20px 50%;background-size:10px 9px;}
.boardView .btn.type2 .next span{padding:7px 25px 7px 20px;background:url(../../images/mobile/ico_btn_next.gif) no-repeat 65px 50%;background-size:4px 8px;}
.boardView .comment{padding:0 16px 0 13px;border-bottom:1px solid #d1d1d1;background:#f6f6f6;}
.boardView .comment .cmtWrap{padding:8px 0 6px;border-top:1px dashed #cccccc;}
.boardView .comment .cmtWrap:first-child{border-top:0;}
.boardView .cmtWrap .cont{padding:0 0 5px 25px;background:url(../../images/mobile/bg_cmt.gif) no-repeat 0 1px;background-size:13px 14px;word-break:break-all;}
.boardView .cmtWrap .date{padding-left:25px;color:#666;}
.boardView .cmtWrap .date span{font-size:10px;color:#aeaeae;}
.boardView .cmtWrite{margin-top:12px;padding:8px 12px 7px;border:1px solid #d1d1d1;background:#f6f6f6;}
.boardView .cmtWrite .cmtTitle{padding-bottom:3px;}
.boardView .cmtWrite .cmtTitle:after{content:'';display:block;clear:both;}
.boardView .cmtWrite .cmtTitle label{float:left;}
.boardView .cmtWrite .cmtTitle span{float:right;font-size:12px;color:#777;}
.boardView .cmtWrite .cmtTitle em{font-weight:bold;color:#454545;}
.boardView .cmtWrite div{border:1px solid #ccc;}
.boardView .cmtWrite .textarea{overflow:auto;width:100%;height:37px;padding:5px 0;border:0;}
.boardView .cmtWrite .cmtBtn{padding-top:5px;text-align:right;}
.boardView .cmtWrite .cmtBtn a{display:inline-block;padding:3px 8px;border:0;border-radius:6px;background:#2c2c32;font-size:12px;color:#fff;}

/* 게시판 작성 */
.boardWrite .dlType dd .inpTxt{width:100%;}
.boardWrite .dlType dd{padding:5px 15px 5px 10px;}
.boardWrite .dlType dd.atDd{padding:5px 0 5px 10px;}
.boardWrite .attach{position:relative;padding:4px 62px 0 0;}
.boardWrite .atFile{padding:4px 5px 3px;border:1px solid #b2b2b2;vertical-align:top;word-break:break-all;}
.boardWrite .atFile span{display:block;width:100%;line-height:16px;}
.boardWrite .btnDelete{display:inline-block;position:absolute;right:4px;top:4px;width:54px;height:23px;border:1px solid #b2b2b2;border-radius:3px;font-size:12px;line-height:23px;color:#000;text-align:center;
	background:#e6e6e6 -webkit-linear-gradient(top, #fefefe, #e6e6e6);
	background:#e6e6e6 -moz-linear-gradient(top, #fefefe, #e6e6e6);
	background:#e6e6e6 -o-linear-gradient(top, #fefefe, #e6e6e6);
	background:#e6e6e6;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#fefefe, endColorStr=#e6e6e6);}
.boardWrite .writeCont{margin:5px;padding:5px;border:1px solid #cfcfcf;}
.boardWrite .writeCont .textarea{overflow:auto;width:100%;height:72px;border:0;line-height:1.5em;}
.boardWrite .btn.type2{border-top:1px solid #cfcfcf;}

/* 꼼꼼육아정보 */
.infoTab{padding:15px 0 13px;}
.infoTab:after{content:'';display:block;clear:both;}
.infoTab li{float:left;width:33.333%;margin-bottom:5px;}
.infoTab li a{display:inline-block;/*width:100%;max-width:217px;*/width:95%;max-width:600px;height:36px;background:url(../../images/mobile/bg_infotab.gif) no-repeat;background-size:100% 31px;line-height:35px;color:#fff;text-align:center;}
.infoTab li.on a{background:url(../../images/mobile/bg_infotab_on.gif) no-repeat;background-size:100% 36px;}
.infoTab li:nth-child(2), .infoTab li:nth-child(5){text-align:center;}
.infoTab li:nth-child(3), .infoTab li:last-child{text-align:right;}
.infoTab .all{width:33.333%;margin-bottom:5px;}
.infoTab .all a{display:inline-block;width:95%;max-width:600px;height:36px;background:url(../../images/mobile/bg_infotab.gif) no-repeat;background-size:100% 31px;line-height:35px;color:#fff;text-align:center;}
.infoTab .all.on a{background:url(../../images/mobile/bg_infotab_on.gif) no-repeat;background-size:100% 36px;}

/*사업소개*/
.workInfo {padding:24px 22px 0 22px;}
.workInfo h3 {font-size:14px; padding-bottom:13px; font-weight:bold;}
.workInfo h4 {padding-top:29px; font-size:13px; color:#008589; font-weight:bold;}
.workInfo .workinfoImg {text-align:center;}
.workInfo .workinfoImg img {width:100%; max-width:595px;}
.workInfo .workinfoTxt {padding-top:19px; font-size:17px; font-weight:bold;}
.workInfo .workinfoTxt_2 { padding-top:16px; font-weight:bold; line-height:18px; font-size:14px;}
.workInfo .workinfoTxt span {color:#6babad;}
.workInfo .workinfoImg_2 { padding-top:17px; padding-bottom:60px; font-size:13px; text-align:center;}
.workInfo .workinfoImg_2 img {width:100%; max-width:590px;}
.workInfo .workinfoTxt_3 {font-size:14px; font-weight:bold; line-height:18px;}

/*꼼꼼육아정보 view페이지*/
.contents .baby_info {padding:15px 0 50px 0; border-bottom:1px solid #d1d1d1;}
.contents .babyCare {text-align:center; padding-bottom:14px;}
.contents .babyCare img {width:100%; max-width:679px;}
.careInfo{padding-top:48px;}
.careInfo h4{float:left;padding:0 0 5px 5px;}
.careInfo .hit{float:right;font-size:11px;color:#454545;}
.careInfo .img{clear:both;padding:15px 0 20px;border-top:1px solid #d8d8d8;text-align:center;}
.careInfo .img img{width:100%;max-width:679px;}
.careInfo dl{position:relative;width:100%;}
.careInfo dt{position:absolute;width:25%;top:0;}
.careInfo dt.tm1{left:0;}
.careInfo dt.tm2{left:25%;}
.careInfo dt.tm3{left:50%;}
.careInfo dt.tm4{left:75%;}
.careInfo dt a{display:block;width:100%;height:29px;border:1px solid #e5e5e5;background:#f6f6f6;line-height:29px;text-align:center;}
.careInfo dt.on a{border:1px solid #117a80;background:#00999e;color:#fff;font-weight:bold;}
.careInfo dd{display:none;min-height:120px;padding:45px 5px 15px;border-bottom:1px solid #d1d1d1;line-height:17px;color:#454545;}
.careInfo dd li{padding-left:7px;background:url(../../images/mobile/bul_cTab.gif) no-repeat 0 7px;background-size:3px 3px;}
.careInfo .btn.type2{padding-top:15px;}
.careInfo .btn.type2 a{border-radius:6px;}
.careInfo .btn.type2 span{font-size:13px;border-radius:6px;}
.careInfo .btn.type2 .prev span{padding:7px 20px 7px 25px;background:url(../../images/mobile/ico_btn_prev.gif) no-repeat 15px 50%;background-size:4px 8px;}
.careInfo .btn.type2 .list span{padding:7px 23px 7px 35px;background:url(../../images/mobile/ico_btn_list.gif) no-repeat 20px 50%;background-size:10px 9px;}
.careInfo .btn.type2 .next span{padding:7px 25px 7px 20px;background:url(../../images/mobile/ico_btn_next.gif) no-repeat 65px 50%;background-size:4px 8px;}

/*기타*/
.pdt10 {padding-top:10px;}
.pdt18 {padding-top:18px;}
.pdb19 {padding-bottom:19px;}

/* 자주하는 질문 */
.faqTab{padding:41px 10px 20px;}
.faqTab:after{content:'';display:block;clear:both;}
.faqTab li{float:left;width:25%;text-align:center;}
.faqTab li:first-child{text-align:left;}
.faqTab li:last-child{text-align:right;}
.faqTab li a{display:inline-block;width:95%;max-width:500px;height:35px;background:url(../../images/mobile/bg_faqtab.gif) no-repeat;background-size:100% 31px;line-height:31px;color:#fff;text-align:center;}
.faqTab li.on a{background:url(../../images/mobile/bg_infotab_on.gif) no-repeat;background-size:100% 36px;}
.faq{padding:0 10px;border-top:1px solid #d3d3d3;}
.faq dl{border-bottom:1px solid #d3d3d3;}
.faq dt a{display:block;padding:8px 35px 7px 14px;background:url(../../images/mobile/bg_board.png) no-repeat 98% 50%;background-size:13px 13px;}
.faq dt.on a{background:url(../../images/mobile/bg_board_on.png) no-repeat 98% 50%;background-size:13px 13px;}
.faq dt strong{display:inline-block;margin-right:7px;font-size:15px;color:#f46700;}
.faq dt span{font-size:14px;line-height:20px;word-break:break-all;}
.faq dd{display:none;}
.faq dd .faqCont{padding:10px 20px 14px 15px;border-top:1px solid #d3d3d3;background:#f6f6f6;font-size:14px;line-height:20px;color:#464646;word-break:break-all;}

/* 로그인 */
.login{padding:62px 20px 0;}
.login .logInfo li{margin-bottom:5px;padding-left:8px;background:url(../../images/mobile/bul_list.gif) no-repeat 0 5px;background-size:2px 2px;font-size:11px;line-height:16px;}
.login .logInfo .emph{color:#008589;}
.login .logInfo2{padding:8px 10px 10px;border:0;border-radius:5px;background:#f6f6f6;font-size:11px;line-height:14px;color:#666;}
.login .loginBtn{width:100%;padding:40px 0;text-align:right;}
.login .loginBtn:after{content:'';display:block;clear:both;}
.login .loginBtn a{display:inline-block;width:100%;max-width:144px;height:110px;background:url(../../images/mobile/bg_btn_login.gif) no-repeat;background-size:100% 110px;text-align:center;}
.login .loginBtn li{width:49%;}
.login .loginBtn li:first-child{float:left;text-align:right;}
.login .loginBtn li:last-child{float:right;text-align:left;}
.login .loginBtn li span{display:block;font-size:14px;line-height:17px;color:#fff;}
.login .loginBtn li img{margin:15px 0 13px;}
.login .loginBtn li:first-child img{width:32px;}
.login .loginBtn li:last-child img{width:37px;}
	/* i-pin */
.login .btnIpin{padding-top:30px;text-align:center;}
.login .btnIpin a{display:inline-block;width:149px;height:64px;background:url(../../images/mobile/bg_btn_login2.gif) no-repeat;background-size:149px 64px;text-align:center;line-height:64px;}
.login .btnIpin img{width:13px;vertical-align:-4px;}
.login .btnIpin a span{margin-left:6px;font-size:14px;color:#fff;letter-spacing:-1px;}
	/* id, pw */
.login .logfield{margin-bottom:30px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background:#f6f6f6;}
.login .logfield ul{position:relative;max-width:387px;margin:0 auto;padding:15px 89px 10px 10px;}
.login .logfield .inpTxt{width:100%;height:27px;margin-bottom:4px;color:#464646;}
	::-webkit-input-placeholder{color:#464646;}/* WebKit browsers */
	:-moz-placeholder{color:#464646;}/* Mozilla Firefox 4 to 18 */
	::-moz-placeholder{color:#464646;}/* Mozilla Firefox 19+ */
	:-ms-input-placeholder{color:#464646;}/* Internet Explorer 10+ */
.login .btnLogin{position:absolute;right:10px;top:30px;}
.login .btnLogin a{display:block;width:74px;height:60px;background:url(../../images/mobile/bg_btn_login3.gif) no-repeat;background-size:74px 60px;line-height:60px;text-align:center;}
.login .btnLogin img{width:12px;vertical-align:-1px;}
.login .btnLogin span{margin-left:4px;font-size:14px;color:#fff;}
	/* 약관동의, 회원인증 */
.login.v2{padding:30px 20px 0;}
.login.v2 .joinfield{margin-bottom:5px;padding:16px 12px 10px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background:#f6f6f6;}/**/
.login.v2 .joinfield ul{max-width:273px;margin:0 auto;}
.login.v2 .joinfield li{position:relative;margin-bottom:4px;}
.login.v2 .joinfield label{position:absolute;top:4px;left:0;width:79px;letter-spacing:-1px;color:#464646;}
.login.v2 .joinfield p{padding-left:80px;}
.login.v2 .joinfield .inpTxt{width:100%;max-width:186px;}
.login.v2 .joinfield .num .inpTxt{width:45%;max-width:89px;}
.login.v2 .joinfield .num .dash{color:#dcdcde;}
.login.v2 .agree{font-size: 11px;color:#616161;}
.login.v2 .agree label{margin-right:45px;font-size: 11px;color:#616161;}
.login.v2 .agree span{display:block;padding:3px 0 0 15px;}
.login.v2 h3{padding:20px 0 5px;}
.login.v2 p.logInfo{font-size:11px;line-height:16px;}
.login.v2 .dlType dd{padding:10px 7px;}
.login.v2 .dlType.v2 dd{width:40%;}
.login.v2 .dlType.v2 dl dd:nth-child(2){border-right:1px solid #dcdcde;}
.login.v2 .agInfo{padding:5px 0;font-size: 11px;color:#616161;}
.login.v2 .agInfo span{display:block;}

/* 입소대기연장신청 : 150109 추가 */
.boardList2 li{position:relative; padding:10px 20px;border-bottom:1px solid #d3d3d3;}
.boardList2 li:first-child{border-top:1px solid #d3d3d3;}
.boardList2 dl{display:table;width:100%;font-size:14px;}
.boardList2 dt{display:table-cell;width:20%;min-width:60px;color:#666;vertical-align:middle;}
.boardList2 dd{display:table-cell;padding:3px 0 2px 10px;color:#232323;vertical-align:middle;}
.boardList2 li .btn{position:absolute; bottom:13px; right:18px;}

/* 달력 */
.btnCal{}
.calWrap{display:inline-block;zoom:1;*display:inline;}
.calendar{position:absolute; z-index:9999; display:none; width:220px; background:#fff; border:1px solid #6d6d6d;}
.calendar table{width:200px; margin:10px;}
.calWrap .calendar .ui-datepicker-header{position:relative; width:100%; height:23px; padding-top:10px; background:#f7f7f7;}
.calWrap .calendar .ui-datepicker-prev, .ui-datepicker-next{overflow:hidden; position:absolute; top:9px; display:block; width:15px; height:15px; text-indent:-50000px;font-size:0;background:url(../../images/portal/contents/btn_calendar_navi.gif) no-repeat;}
.calWrap .calendar .ui-datepicker-prev{left:48px;}
.calWrap .calendar .ui-datepicker-next{right:48px; background-position:100% 0;}
.calWrap .calendar .ui-datepicker-title{width:100%; text-align:center; font-weight:bold; letter-spacing:-1px; color:#000; line-height:14px;}
.calWrap .calendar .ui-datepicker-week-end, .ui-datepicker-week-end a{color:#dc3900;}
.calWrap .calendar .ui-datepicker-buttonpane{position:absolute; top:6px; right:5px;}
.calWrap .calendar .ui-datepicker-close{overflow:hidden;display:block;width:18px;height:18px;background:url(../../images/portal/contents/btn_calendar_close.gif) no-repeat;text-indent:-9999em;font-size:0;}
.calWrap .calendar table th{height:auto !important;background:#f7f7f7 !important;color:#000;font-weight:bold;}
.calWrap .calendar table th, .calWrap .calendar table td{height:auto !important;padding:0;line-height:20px;border:none !important;text-align:center;}
.calWrap .calendar table th a, .calWrap .calendar table td a{text-decoration:none;}
.calWrap .calendar span, .calWrap .calendar a{float:none !important; margin:0;}


/* 휴일보육에약, 야간보육예약 */
/*.listWrap #selMap{float:center;width:100%;height:100%;margin-top:5px;}*/
.listWrap .selDate{float:inherit;width:95%;height:95%;padding:11px 12px 5px; border:1px solid #6d6d6d;}
.listWrap .selDate .sdInfo{padding-bottom:5px;font-weight:bold;}
.listWrap .selDate .sdTable{position:relative;width:100%; }
.listWrap .selDate .sdMonth{font-weight:bold;text-align:center;}
.listWrap .selDate .sdNavi a{display:block;position:absolute;top:0;width:13px;height:13px;font-size:0;}
.listWrap .selDate .sdNavi a.prev{left:25%;background:url(../../images/portal/contents/btn_cal_prev.gif) no-repeat;}
.listWrap .selDate .sdNavi a.next{right:25%;background:url(../../images/portal/contents/btn_cal_next.gif) no-repeat;}
.listWrap .selDate table{width:100%; height:95%; margin-top:5px;border-collapse:separate;border-spacing:1px;}
.listWrap .selDate table th{height:18px; background:#b4e1ea;}
.listWrap .selDate table td{height:17px;padding:3px;border:1px solid #e8e8e8;}
.listWrap .selDate table td:hover{background:#f4f4f4;}
.listWrap .selDate table td.no{background:#f4f4f4;}
.listWrap .selDate table .sun, .listWrap .selDate table .sun a{color:#ff0000;}
.listWrap .selDate table .sat, .listWrap .selDate table .sat a{color:#5396d4;}
.listWrap .selDate table .on{background:#b4e1ea;}
.listWrap .selDate table .on a{text-decoration:underline;}
.listWrap .selDate table .on .blind{display:block;width:0;height:0;}


/* 메인타이틀 */
.mainTitle {text-align:center;position:absolute;z-index:20;padding-top:20px;left:60px;right:60px;color:white;font-size:16px;font-weight:bold}

.spanBtn {border-radius:5px;text-align:center;vertical-align:middle;}
.greenLarge {padding:14px 30px 14px 30px;height:40px;font-size:12px;font-weight:700;background:#028564;color:#fff;}
.grayLarge  {padding:14px 30px 14px 30px;height:40px;font-size:12px;font-weight:700;background:#6f6f6f;color:#fff;}
.redLarge {padding:14px 30px 14px 30px;height:40px;font-size:12px;font-weight:700;background:#cf3f3f;color:#fff;}
.greenSmall {padding:4px 20px 4px 20px;height:20px;font-size:12px;font-weight:600;background:#028564;color:#fff;}
.graySmall {padding:4px 20px 4px 20px;height:20px;font-size:12px;font-weight:600;background:#6f6f6f;color:#fff;}
.redSmall {padding:4px 20px 4px 20px;height:20px;font-size:12px;font-weight:600;background:#cf3f3f;color:#fff;}
.greenTiny {padding:4px 10px 4px 10px;height:20px;font-size:12px;font-weight:600;background:#028564;color:#fff;}
.grayTiny  {padding:4px 10px 4px 10px;height:20px;font-size:12px;font-weight:600;background:#6f6f6f;color:#fff;}
.redTiny  {padding:4px 10px 4px 10px;height:20px;font-size:12px;font-weight:600;background:#cf3f3f;color:#fff;}


/* table type */
.tableType1{width:100%;}
.tableType1 thead th, .tableType1 .total{height:26px;border:1px solid #e7e7e7;background:#316d8b;color:#fff;font-weight:bold;line-height:18px;}
.tableType1 td{padding:5px 0 3px;border:1px solid #e7e7e7;line-height:18px;text-align:center;}
		/* *:first-child+html .tableType1 td{padding:5px 0 3px;}*/
.tableType1 td.aLeft{padding:5px 5px 3px;}
.tableType1 .tel{letter-spacing:-1px;}
.tableType1 .total{height:auto;text-align:center !important;}
.violet .tableType1 thead th, .violet .tableType1 .total{background:#6968af;}/*웹접근성 수정*/
.blue .tableType1 thead th, .blue .tableType1 .total{background:#0098d7;}

.grayMicro  {height:18px;padding:0px 4px 0px 4px;font-size:12px;font-weight:600;background:#6f6f6f;color:#fff;float:right;display:inline-block}