@import "base.css";
@import "fonts.css";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#wrapper{ width:100%;}
/*#headerBox{ min-width:1100px; left:50%; margin-left:-550px; top:0; height:120px;position:absolute; z-index:100;}*/
#headerBox{min-width:1100px; margin:0 auto; position:relative; z-index:100;}
#header{ width:1100px; margin:0 auto; position:relative;}
#header ul{ position:absolute;}
#header li{ float:left;}
#header li a{display:block;}
#header h1{ position:absolute; top:32px; left:0; }
#global{ top:10px; right:0px; width:auto; height:20px; background:rgba(255,255,255,0.8); box-shadow:0px 0px 5px rgba(0,0,0,0.2);
		border-radius:10px; padding-top:3px; }
#global li{ background:url('../images/global_line.png') no-repeat 0 5px; }
#global li:first-child{ background:none;}
#global li a{ padding:0 12px; font-size:0.75em; color:#a1a0a0; }
#mainMenu{ left:300px; top:45px;}
#mainMenu>li{ margin:0 21px;}
#mainMenu>li:last-child{ margin-right:0;}
#mainMenu>li>a{ color:#5a5a5a; padding:5px 0px 10px; font-weight:600; font-size:16px;}
#mainMenu ul{ display:none; top:40px; border-radius:16px; padding:0 8px;
				background:rgba(255,255,255,0.9); box-shadow:2px 2px 2px rgba(0,0,0,0.2) }/**/
#mainMenu>li:hover ul{ display:block;}
#mainMenu>li:hover{ border-top:2px solid #00a650;}
#mainMenu ul a{ padding:6px 8px; font-size:0.92em; color:#555756;  }
#mainMenu ul a:hover{ color:#00a650; }
#subMenu1{left:10px; }
#subMenu2{left:10px; }
#subMenu3{left:150px; }
#subMenu4{left:260px; }
#subMenu5{left:290px; width:400px;}
#subMenu7{left:530px; width:235px; }
.main_slide{ height:801px;position:relative;   }
.main_slide .mslide_btn{ overflow:hidden; position:absolute; top:575px; left:50%; margin-left:-520px; width:204px; z-index:100; }
.main_slide .mslide_btn li{ float:left;}
.main_slide .mslide_btn li:first-child{margin-right:5px;}
.main_slide .slide_item { height: 801px; overflow: hidden; position: absolute;z-index:2; width:100%; position:absolute;  top:0;}
.slide_content{ margin:0 auto; position:relative; z-index:2;}
.main_slide .dot_area{ position:absolute; top:724px; width:100px; z-index:1000; left:50%; margin-left:-550px;} 
.main_slide .dot_area .dot {  cursor: pointer; float: left; height: 14px; width:44px;}
.main_slide .dot_area .dot_on {  background: url("../images/dotr.png") no-repeat 0 0; }
.main_slide .dot_area .dot_off {  background: url("../images/dot.png") no-repeat 0 0; width:11px;}
.item_1{ background: url("../images/main_visual1.png") no-repeat center top;}
.item_2{ background: url("../images/main_visual2.png") no-repeat center top;}
#m_contets{ width:1100px; margin:22px auto 0;}
#m_contets .m_cont1{ overflow:hidden; margin:20px 0; }
#m_contets .m_cont1 div{ float:left; margin-left:16px;}
#m_contets .m_cont1 div:first-child{margin-left:0;}
/* #m_contets .m_cont1 .notice{ width:54%; } */
#m_contets .m_cont1 .notice{ width:100%; }
#m_contets .m_cont1 .map img{display:block; }
#m_contets .m_cont1 ul{ padding:12px 20px; background:#f9f9f9; }
#m_contets .m_cont1 ul{ padding:20px; border:0px solid #dadada;height: 200px;}
#m_contets .m_cont1 ul h2{margin-bottom:15px;}
#m_contets .m_cont1 ul li{position:relative;overflow:hidden; margin-bottom:9px;}
#m_contets .m_cont1 ul li a{ float:left; font-size:0.85em; color:#777; }
#m_contets .m_cont1 ul li span{ float:right;  font-size:0.85em; color:#888;}
 
/*#m_contets .m_cont1 dl{ padding:12px 20px; background:#f9f9f9; }
#m_contets .m_cont1 dt{ color:#444; font-weight:600; margin-bottom:6px;font-size:0.92em; }
#m_contets .m_cont1 dd{ font-size:0.85em; color:#777; }
#m_contets .m_cont1 dd.date{ font-size:0.75em; color:#777; margin-top:5px; color:#858585;}
#m_contets .m_cont1 dt.last{ margin-top:15px;} */
#m_contets .m_cont2{}
#m_contets .m_cont2 .photo_tlt{ float:left;}
#m_contets .m_cont2 .bx-wrapper{ float:left; width:87%; margin-left:10px; height:155px; overflow:hidden;}
#m_contets .m_cont2 .ul{float:left; margin-left:5px;/*width:87.2%; */ }
#m_familyBox{ padding:27px 0; border-top:1px solid #ebeef3; margin-top:30px;clear:both; }
#m_familyBox ul{ width:1100px; margin:0 auto; overflow:hidden;}
#m_familyBox ul li{ float:left; margin-left:17px;}
#m_familyBox ul li:first-child{margin-left:0px;}
/*.s_visual{ height:252px;background: url("../images/s_visual.jpg") no-repeat center top;}*/
.container_wrap{ background: url("../images/s_visual.jpg") no-repeat center top; padding-top:140px;}
#container{ width:1100px; margin:0 auto; position:relative;}
#aside{}
#aside .tlt_top{margin:0 0 100px 120px; position:relative;}
#aside h2{ font-size:43px; color:#06baf0;}
#aside .tlt_top p{ position:absolute; top:60px; left:3px;}
#lnb{ border-left:1px solid #e6e6e6; overflow:hidden;}
#lnb li{ float:left; text-align:center; }
#lnb li a{ display:block; padding:15px 0;border:1px solid #e6e6e6; margin-left:-1px; }
#lnb li.on a{font-weight:bold; color:#222; border-bottom:4px solid #06baf0;}
#aside .lnb1 li{ width:20%;}
#aside .lnb2 li{ width:20%;}
#aside .lnb3 li{ width:33.33333333%;}
#aside .lnb4 li{}
#aside .lnb6 li{ width:33.33333333%;}
#container h1{ text-align:center; font-size:45px; position:relative; margin-bottom:50px;}
#container h1 span{ font-size:30px; display:inline-block; padding-top:10px;}
#container #contents h1:before{ content:""; display:block; position:absolute; top:70px; left:50%; margin-left:-25px; width:50px; height:1px; background:#40a514;}
#contents{ margin:55px 0 150px; }
#contents .location{ font-size:0.8em; position:absolute; top:120px; right:0; color:#777; margin-top:0;}
#contents .location em{ display:inline-block; padding-top:3px;}
#contents .location span{ padding:0 10px;}
.greeting{}
.greeting p{ margin-top:30px;}
.greeting p.first{ color:#333;}
.greeting p.last{ text-align:right; margin-right:20px; padding-top:10px;}

.history{}
.history_in{ padding:20px 20px 5px; border:1px solid #ddd;  background:#f9f9f9 url('../images/white_bg.jpg') repeat-y -100px 0;
	margin-bottom:30px;}
.history_in.h1{ background-position:-330px 0;}
.history_in.h2{ background-position:-360px 0;}
.history_in.h3{ background-position:-270px 0;}
.history_in.feature{ }
.history_in dl{ overflow:hidden; border-bottom:1px dashed #ccc; padding-top:15px;}
.history_in dl.peopleN dt{ font-size:20px; color:#000;}
.history_in dl.peopleN dd{ font-size:20px; color:#000; font-weight:bold;}
.history_in dl:first-child{ padding-top:0;}
.history_in dl:last-child{ border-bottom:0 none;}
.history_in dt, .history_in dd{ margin-bottom:15px;}
.history_in dt{ float:left; width:15%; color:#2d6146; clear:both; font-weight:600; background: url('../images/bullet3.png') no-repeat 0 9px;
		padding-left:16px;}
.history_in dk{ float:left; width:15%; color:#ff0000; clear:both; font-weight:600; background: url('../images/bullet5.png') no-repeat 0 9px;
		padding-left:16px;}
.history_in dd{ float:left; width:76%; }
.history_in.h2 dd{ float:left; width:80%}
.history_in.feature dt{width:22%; background:none; padding-left:0;  }
.history_in.feature dd{width:76%; padding-left:2% }


.mapBox .map_in {
    background: #f9f9f9 none repeat scroll 0 0;
    border-top: 2px solid #d13d3f; overflow: hidden; padding: 20px;}

#contents .mapBox .map_in h2 { float: left;  width: 13%; color:#209151;}
.mapBox .map_in ul { float: left; width: 85%;}
.mapBox .map_in.subway {border-top: 1px dashed #666;}
.mapBox .map_in ul strong {display: inline-block;font-weight: bold; width: 10%;}
.mapBox .map_in.subway ul strong { width: 20%;}
.mapBox .map_in.subway.bus ul strong { width: 26%;}
.mapBox .map_in.subway ul strong {width: 18%;}
.mapBox .map a span { display: block; font-weight: 600;padding: 5px;}
#contents .top_text{ padding:20px 30px; border:1px solid #ddd; background:#f7f7f7; }
#contents  h2{ font-size:1.6; color:#252525}
#contents .top_text h3{ font-size:16px; background:#414141;width:75px; height:26px;padding:3px 15px; color:#fff;
	border-radius: 26px; margin:20px 0 5px;}
#contents h2.tlt { background: url("../images/bullet2.jpg") no-repeat  0 7px; font-size: 1.3em;padding-left: 23px; margin:20px 0 10px;}
#daumRoughmapContainer1500439389631 .wrap_map .map div:first-child a{ 
	display:inline-block; padding:20px 0 20px 80px; background: url("../images/map_icon2.jpg") no-repeat  0 0px; font-size:17px;
		font-weight:600; }
.para_active1{ font-size:1.1em; color:#6b9a2c; margin-bottom:10px;}
.para_small1{ font-size:0.8em; color:#6b9a2c; margin-bottom:10px;}
.treatment{ width:100%;}
.treatment th, .treatment td{ padding:8px; font-size:14px; border:1px solid #ddd;}
.treatment th{}
.treatment td{}
.treatment thead th{ background:#ebf9fe; }
.treatment tbody th{ background:#f5ffea; vertical-align:middle;}
.treatment tr:nth-child(even){ background:#f9f9f9;}
.daycare_in{ padding:20px; border:1px solid #ccc; border-top:2px solid #8bc53e;}
.daycare_in span.day{ font-size:19px;  color:#209151; padding:0 10px;}
.daycare ul span.date{ color:#209151; font-weight:600;}
.daycare ul{ margin-left:10px;}
.daycare ul li{ margin-bottom:10px; }
#contents  p.first_tlt{ font-size:1.7em; color:#fa851c; margin-bottom:20px;font-weight:600; margin-top:50px;}
#contents  p.first_tlt.top{ margin-top:0px;}
.daycare .necessity{ padding:25px 15px 15px; background:#f9f9f9; border:1px solid #ddd;}
.daycare .necessity li{ padding-left:15px; background: url("../images/bullet4.png") no-repeat  0 7px;}
.tlt_para{ font-size:1.2em; color:#333; font-weight:600; padding:70px 0 70px 360px; border-radius:20px; border:1px solid #209151;
		background: url("../images/people1.jpg") no-repeat  0 0px;}
.tlt_para span{ display:inline-block; color:#fa851c; padding:0px 10px;}
.dayday{ width:100%;}
.dayday th, .dayday td{ padding:10px; border:1px solid #ccc; text-align:center;}
.dayday th{ color:#111; vertical-align:middle;}
.dayday td{}
.dayday thead th{ background:#f2fac5;}
.dayday thead td{ background:#d3f0f9; color:#111; border-right:1px solid #bebbbb;}
.dayday tbody th{ background:#f7f7f7;}
.dayday tbody td{ text-align:left; padding-left:4%;}
.history_in.proImg dt{ background:none; padding-left:0; width:17%;}
.history_in.proImg dd{ margin-bottom:0;}
.history_in.h1.proImg{ background-position:-338px 0;}
.history_in.proImg h3{ color:#f75b31; font-size:22px; margin-bottom:7px; font-weight:600;}
table.services{ width:100%; margin-top:30px; }
table.services th, table.services td{ padding:7px; border:1px solid #ddd;}
table.services th{ text-align:center; background:#f2f8ff;}
table.services td{ padding-left:40px;}
table.care{ width:100%; }
table.care th, table.care td{ padding:7px; border:1px solid #ddd;}
table.care thead th{ background:#f2f8ff; }
table.care tbody th{ background:#f9f9f9; text-align:left; padding-left:35px;}
table.care tbody td{ padding-left:35px;}
.daycare_in span.with{ color:#00b7ef;}
table.p_event{ width:100%; margin-top:30px;}
table.p_event th, table.p_event td{ border:1px solid #ddd;}
table.p_event th{ background:#f2f8ff; padding:5px 7px;}
table.p_event td{padding:12px 0; text-align:center; }
p.s_event{ color:#0081ee; margin-top:15px; font-size:0.92em;}
p.connection{}
p.connection span{ background:#46842b; color:#fff;height:26px; padding:3px 0;
		border-radius:26px; margin: 20px 0 5px; width:10%; display:inline-block; text-align:center;}
p.connection b{ margin:22px 0 0 10px;  display:inline-block; font-weight:bold; color:#111; font-size:18px;}
p.connection.p{ }
table.home_care{width:100%; margin-top:30px;}
table.home_care th, table.home_care td{  border:1px solid #ddd;  vertical-align:middle;}
table.home_care th{background:#f2f8ff; padding:7px 15px;}
table.home_care td{ padding:20px 20px 20px 30px;}
table.home_care td dt{ font-weight:bold; color:#333; margin-bottom:7px;}
table.home_care td dd{ margin-bottom:15px;}
table.home_care td dd:last-child{ margin-bottom:0px;}
table.home_care td dd p{ color:#2693d2; font-weight:bold;}
#contents.services_ex p.first_tlt{ margin-bottom:10px;}
#contents.services_ex h2.tlt{ margin-top:0;}
#contents.services_ex .necessity{  background:#f7faff; border:2px dotted #afcaed; padding:25px 15px 15px;}
#contents.services_ex .necessity li{ background:none; padding-left:0; margin-bottom:20px;}








#footer{ background:#f5f5f5; clear:both;}
#footer .footer_in{ overflow:hidden; padding:18px 0 7px; width:1100px; margin:0 auto;}
#footer .footer_in h2{ float:left; width:22.4%;}
#footer .footer_in .foot{ float:left;  padding-top:10px; font-size:0.85em; color:#777;}
#footer .footer_in .foot p{font-size:0.92em;margin-top:5px;}


/*170725*/
#m_contets .m_cont2 .bx-wrapper{width:840px;}

#bo_v_title {

    font-size: 15px !important;
	text-align:left !important;
}

body{overflow-x:hidden;} 
#m_contets .m_cont1 dt a{
    color: #444;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 0.92em;
}
.bo_fx{padding:10px;}

/* °¶·¯¸® */
/* box-wrap */
.box-wrap {width:100%; margin: 0px auto; overflow: hidden;font-size:0;}
.box{display: inline-block; width:23%; margin:1%; text-align:left; background:#fff; border:1px solid #d8d8d8;position: relative; font-size:0;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.box .thumb{position:relative; overflow:hidden; cursor:pointer; width:100%; height:180px; border-bottom:1px solid #d8d8d8; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background: url(/img/200.png) center center no-repeat;}
.box .thumb img{width:100%;transition:all .2s ease;-webkit-transition:all .2s ease;}
.box .thumb:hover img{transform:scale(1.05); }
.box .subject{display: block; padding:12px 15px; border-bottom:2px dotted #d1d1d1;white-space:nowrap; overflow:hidden;}
.box .subject p {display: block; font-family:'Nanum Gothic Bold'; color: #424242;line-height: 13px;font-size:13px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.box .cont{display: block; padding:10px 15px; font-family:'Nanum Gothic'; color: #666;line-height: 12px;font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
#lnb{margin:0 0 15px;}


.box .subject p {
    font-family: 'Nanum Gothic Bold';
	font-weight:bold;
    color: #424242;
    line-height: 13px;
    font-size: 13px;
    white-space: nowrap;
	font-family:'Nanum Gothic',monospace; 
}


.fa-clock-o::before {
    content: "";
	background: url("/img/icon_1.png") no-repeat  0 center;
	width:13px;
	height:12px;
	display:inline-block;
	vertical-align: -3px;
}
.fa.fa-user.f14.pr5.pl10 {
	background: url("/img/icon_2.png") no-repeat  center center;
	width:13px;
	height:12px;
	display:inline-block;
	vertical-align: -3px;
}

.m_cont2 li{width:202px !important;}