/* CSS Document utf-8 */


/* ************* 공용************* */
/* 글자 색상 */
.red {color:#ff0000 !important;}
.black {color:#000 !important;}
.gray {color:#333 !important;}
.gray2 {color:#999 !important;}
.green {color:#56a756 !important;}
.blue {color:#2bb2f8 !important;}
.pink {color:#f63f7b !important;}
.yellow {color:#ffab47 !important;}
.white {color:#fff !important;}

/* 배경 색상 */
.bgc1 {background:#fff0eb !important;}
.bgc2 {background:#fff9cc !important;}
.bgc3 {background:#e0f4f1 !important;}
.bg_gray {background:#333 !important;}
.bg_gray:hover {background:#000 !important;}
.bg_gray2 {background:#686868 !important;}
.bg_gray2:hover {background:#333 !important;}
.bg_green {background:#56a756 !important;}
.bg_blue {background:#4175cc !important;}
.bg_pink {background:#f63f7b !important;}
.bg_yellow {background:#ffab47 !important;}

.w29 {width:29%;}
.w100 {width:100%;}

.clear {clear:both; height:50px;}
.hr {border-bottom:1px solid #ddd; clear:both; height:50px; margin:50px 0;}
.borB {border-bottom:1px solid #000;}
/* sub page 공용 */
.sub_body .container {margin:30px auto !important;}
.sub_wrap {width:100%;}
.head {width:100%; margin-top:50px; height:400px;}
.sub .sub_title {font-size:16px; height:350px;}
.sub .sub_title p {padding:150px 100px; color:#000}
.sub .sub_title p span {font-size:25px; font-weight:bold; color:#000;}
/* sub nav */
.snb {width:100%;}
.snb ul {width:100%; font-size:0; text-align:center;}
.snb ul li {display:inline-block; width:20%; height:50px; border-left:1px solid #aaa; float:left;}
.snb ul li:first-child {border-left:0;}
.snb ul li a {display:inline-block; width:100%; padding:15px 0; font-weight:bold; font-size:14px; background:#ddd;}

.mb_tit {display:none; position:relative; margin-top:50px; width:100%; height:50px; text-align:center;}
.mb_tit h2 {padding-top:16px; font-weight:bold; font-size:16px;}
.mb_tit a {position:absolute; top:8px; right:10px;}
.sub_body {padding:30px 20px 30px 20px; word-break:keep-all;}/* snb 높이에 맞춤 */

h3 {color:#000; font-weight:bold; margin-top:30px;}

.input {height:34px; border:1px solid #ddd; border-radius:4px; padding:6px;}
select {cursor:pointer;}

.navbar-default .navbar-nav>.open>a {background:#fff !important;} /* 메뉴 활성화상태일때 */
/* ******************** 우리원소개 ******************** */
/* 인사말 */
.greeting {text-align:center;}
.greeting b {font-size:20px;}
.greeting div {padding:0 150px;}
.greeting img {width:200px; margin-bottom:30px;}
.greeting div > div {padding:20px; text-align:left;}
/* 운영방침 및 연혁 */
.history {text-align:center;}
.history strong {display:inline-block; text-align:center; font-size:25px; padding-bottom:30px;}
.history b {text-align:center;}
.history ul li {line-height:30px; text-align:left;}
/* 선생님소개 */
.teacher {text-align:center; position:relative;}
.teacher li {margin:10px 0;}
.teacher strong {font-size:18px;}
.teacher img, .teacher b {display:inline-block; margin:10px 0;}
.teacher img {width:190px;}
/* 시설안내 */
.facility img {padding:0 !important;}
/* 오시는 길 */
.location div {text-align:center;}
.location span {display:inline-block; font-size:25px; font-weight:bold; margin:20px 0 30px 0;}
.location b {display:inline-block; font-size:25px; margin:20px 0 30px 0;}
.location p {margin:10px 0;}

/* ******************** 교육안내 ******************** */
/* 교육 프로그램 */
.edu_01 {text-align:center;}
.edu_01 .container > p {margin:10px 0; font-size:16px;}
.edu_01 .container > img {}
.edu_01 ul img {margin-top:50px;}
.edu_01 h4 {margin-bottom:50px; font-size:24px; font-weight:bold;}
.edu_01 ul p  {padding:20px; font-size:18px; font-weight:bold;}
.edu_01 .ul1 {display:table; width:100%;}
.edu_01 .ul1 li {display:table-cell; }
.edu_01 .ul2 span {display:block; text-align:left; padding:10px 0 0 20px;}

/* 연간 교육계획 */
.edu_02 {text-align:center;}
.edu_02 img {width:100%;}
.edu_02 p {width:100%; padding:20px; font-size:16px; font-weight:bold;}
.edu_02 span {display:block; border:1px solid #eee; margin-top:5px; padding:20px;}
.edu_02>div>div {margin-bottom:50px;}
/* 일일 활동계획 */
.edu_03 img {width:100%;}
.edu_03 p {width:100%; padding:20px; text-align:center; font-size:16px; font-weight:bold; border:1px solid #ddd;}
.edu_03 span {display:block; width:100%; margin-top:5px; padding:20px; border:1px solid #eee;}
.edu_03 b {display:blcok; font-weight:bold;}
.edu_03>div>div {margin-bottom:50px;}
/* 특별활동 */
.edu_04 img {width:100%; border:1px solid #eee;}
.edu_04 .container > div {padding:0 !important;}
.edu_04 p {text-align:center; font-weight:bold; font-size:16px; margin:10px 0;}
.edu_04 span {display:block; margin-bottom:20px;}
.edu_04>div>div>div {margin-bottom:50px;}
/* 교육행사 */
.edu_05 img {width:100%; border:1px solid #eee; border-bottom:none;}
.edu_05 p {text-align:center; font-weight:bold; font-size:16px; padding:20px; margin-bottom:20px;}
.edu_05>div>div {display:table; width:100%; }
.edu_05 .box {width:33.3333%; display:table-cell; padding:0 15px; margin-bottom:50px;}
/* ******************** 입학안내 ******************** */
/* 모집요강 */
.entrance_01 {text-align:center;}
.entrance_01 img {width:100%; border:1px solid #eee;}
.entrance_01 h3 {padding:20px;}
.entrance_01 > div > p {padding:20px; margin:20px;}
.entrance_01 span {font-weight:bold; font-size:16px;}
.entrance_01 div {margin:30px 0;}
.entrance_01 div div p {padding:20px; font-size:20px; font-weight:bold;}

/* ******************** 반응형 (미디어쿼리) ******************** */
@media (max-width:1200px){
	.sliderBtn a:last-child {left:372px}
	.sliderBtn a:first-child {left:-9px;}
	.slider_imgWrap img:last-child {right:53px;}
}
/* ********** 태블릿 ********** */
@media (max-width:992px){
	.logo {font-size:28px;}
	.menu {margin-right:0;}
	.greeting div {padding:0;}
	.sliderBtn a:last-child {left:369px}
	.sliderBtn a:first-child {left:-12px;}
	.slider_imgWrap img:last-child {right:0;}
}
/* ********** 모바일 ********** */
@media (max-width:767px){
	/*header*/
	h1 {margin-left:15px;} 
	nav .container {padding:0 !important;} /* 내비 좌우 여백 삭제 */
	nav .mem_mb {display:inline-block !important; width:100%; border-bottom:1px solid #eee;}
	nav .mem_mb span {display:inline-block !important; color:#000; padding-top:8px;}
	nav .mem_mb a {display:inline-block !important; text-align:center; width:50%; color:#000 !important;}
	nav .mem_mb a:first-child {border-right:1px solid #eee;}
	nav .menu {text-align:center;}
	nav .mem_pc {display:none !important;} /* pc용 로그인,회원가입버튼 삭제 */
	.navbar-nav {margin:0;}
	.navbar-toggle {border:none !important; margin-right:25px !important;}
	.dropdown-menu>li>a {text-align:center !important;} /* 메뉴->하위메뉴 중앙정렬 */
	.navbar-collapse {max-height:1000px !important;} /* 메뉴 클릭시 하위메뉴 깨짐현상 방지 */
	.navbar-nav .open .dropdown-menu>li>a {padding:5px 25px !important; line-height:30px !important;} /* 하위메뉴 위치 중앙으로 맞춤 */
	.navbar-header {border-bottom:1px solid #eee;}
	.modal-dialog {margin:140px 30px !important;}
	.navbar-default .navbar-collapse {border:none;}

	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {border-color:#fff !important;}
	.nav>li {border-bottom:1px solid #eee;}
	.borB {margin-bottom:10px;}

	/*sub*/
	.mb_tit {display:block;}
	.sub {display:none;}

	/* 로그인 */
	.text {display:none;}
	.login .col-xs-6 {padding-left:4px !important;}

	/* 회원가입 */
	.join .wrap ul:first-child li input {width:100%; margin-bottom:5px;}
	.join .wrap ul:nth-child(3) li input {width:100%; margin-bottom:5px;}
	.join .wrap ul:nth-child(4) li input {width:100%;}
	.join .wrap ul:nth-child(5) li input {width:100%;}
	.join .wrap ul:nth-child(7) li input:first-child {width:90%; margin-bottom:5px;}
	.join .wrap ul:nth-child(7) li input:nth-child(3) {width:42%;}
	.join .wrap ul:last-child li input {width:100%;}
	.join .wrap ul:nth-child(7) li select {width:50%;}
	.join .wrap a[type=button] {margin-left:0;}
	.join .font {margin:0;}

	/* 운영방침 및 연혁 */
	.history ul li {text-align:center;}

	/* 시설안내 */
	.facility img {width:100%;}

	/* 교육프로그램 */
	.edu_01 .ul1 li {display:inline-block; width:50%; vertical-align:top;}
	.edu_01 .ul2 li {margin-bottom:25px;}
	.edu_01 div > img {width:100%;}
	.edu_01 div .img2 {display:none;}
	
	/* 교육행사 */
	.edu_05 .box {display:table; width:100%; margin-bottom:0;}
	/* 입학상담 */
	.tableA .thead {display:none;}
	.tableA .num {display:none !important; border-bottom:none;}
	.tableA .subject {border-bottom:none !important; font-size:16px;}
	.tableA .name {width:20%; text-align:left !important; color:gray;}
	.tableA .date {width:25%; text-align:left !important;  color:gray;}
	.tableA .hit {width:15%; color:gray;}
	.tableA .search input {width:65%;}
	.tableA .search .btn_search {width:15%;}
	.tableA select {width:15%;}

	/* 입학상담(쓰기) */
	.tableA_write .info ul input {width:100%;}
	.tableA_write .info .write_ph {width:29%;}
	.tableA_write .info ul:nth-child(3) .em1 {width:42%;}
	.tableA_write .info ul:nth-child(3) .em2 {width:90%; margin-bottom:5px;}
	.tableA_write .info ul:nth-child(3) select {width:50%;}
	.tableA_write .info input[type="checkBox"] {width:15px;}
	.tableA_write .info select {width:100%; margin-bottom:5px;}
	.tableA_write .info select:last-child {margin-bottom:0;}
	.msg span {display:none !important;}

	/* 입학상담(답변) */
	.tableA_reply input {width:100%;}
	.tableA_reply select {width:100%;}

	/* 스마트알림장 */
	.note_list .thead {display:none;}
	.note_list .list li:first-child {border-top:1px solid #ddd;}
	.note_write .msg b {display:none;}

	/* 스마트알림장 ->쓰기 */
	.note_write .day {text-align:center;}
	/* 스마트알림장 ->수정 */
	.note_modify .fileDiv img {float:left;}
	.note_modify .movDiv dd>span {white-space:nowrap; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80px; display:inline-block;}
	/* 투약의뢰서->쓰기 */
	.medicine_write dt {padding:0;}
	.medicine_write dd {padding:0 0 20px 0;}

	/* 개인정보수정 */
	.modify input {width:100%;}
	.modify ul:nth-child(6) input {width:25%;}
	.modify .kidInputDiv input {margin-bottom:6px;}
}