/* 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:#4175cc !important;}
.pink {color:#f63f7b !important;}
.yellow {color:#ffab47 !important;}

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

/* 안내메시지 */
.msg {overflow:hidden; margin-bottom:20px; color:#888; line-height:140%; padding:0 !important;}
.msg > ul {font-size:0; display:table; width:100%;}
.msg li {display:inline-block; font-size:13px; text-align:left !important; padding-right:10px; line-height:140%;}
.msg img {width:70%; max-width:60px; padding-top:5px;}
.msg .img {width:100%; max-width:60px; padding-top:5px;}
.msg li>span {font-size:18px; line-height:160%;}

/* 버튼 */
.btn {display:inline-block; overflow:hidden; height:35px !important; padding:6px 10px !important; vertical-align:top; font-size:14px !important; color:#fff !important; border-radius:4px; text-decoration:none;}
.btn_l {display:inline-block; overflow:hidden; height:60px !important; padding:9px 10px !important; vertical-align:top; font-size:16px !important; color:#fff !important; border-radius:4px; text-decoration:none;} 
.btn_s {display:inline-block; overflow:hidden; height:28px !important; padding:8px 10px !important; vertical-align:top; font-size:12px !important; line-height:100%; color:#fff !important; border-radius:4px; text-decoration:none;}
.btn_m {display:inline-block; overflow:hidden; height:28px !important; padding:6px 10px !important; vertical-align:top; font-size:12px !important; line-height:100%; color:#333 !important; border:1px solid #333; border-radius:4px; text-decoration:none;}

/* 블럭 */
.box_01 {overflow:hidden; font-size:0; line-height:0; text-align:center;}
.box_01>* {display:inline-block; padding:20px; font-size:14px; line-height:140%;}
.box_01 img {}
.box_01 p {padding:10px 0; font-size:18px; color:#000; line-height:140%;}
.box_01 span {font-size:14px; color:#666;}


/* ************* 메인 ************* */
.main {background:none !important; text-align:center !important; margin-bottom:50px;}
.main .wrap {display:inline-block; position:relative; letter-spacing:-4px;}
.main .wrap>div {display:inline-block; overflow:hidden; padding:5px; font-size:16px; letter-spacing:0; line-height:140%;}
.main .wrap>div a {display:block; padding:20px; text-align:center; line-height:100%; border-radius:10px; background-image:url(../images/common/bg_white90.png);}
.main .wrap>div a img {width:50%;}
.main .wrap>div a span {display:block;}
.main .wrap>div a span>span {padding-top:5px;}
.main .slogan {margin-top:20px 0; overflow:hidden;}
.main .slogan p {margin-bottom:20px;}


/* ************* 원소개 ************* */
/* 인사말 */
/* 내용:센터역사 */
.tab_con {overflow:hidden;}
.tab_con ol {overflow:hidden;}
.tab_con .monthBox {overflow:hidden;}
.history_con h4, .history_con h5 {margin-top:0; margin-bottom:0; line-height:1.6;}
.history_con h4 span {display:inline-block;}
.history_con dt {line-height:1.6;}
.tab_con .monthBox > ul li h5 {letter-spacing:0; font-size:19px;}
.tab_con h4 {
	float:left; width:22%; font-size:24px; font-family:"NotoSansM", sans-serif; color:#000; margin-top:-4px;
	padding-left:20px; background: url(../images/common/first_title_blet.jpg) no-repeat left center;
}
.tab_con h4 img {margin:-5px 0 0 10px;}
.tab_con .monthBox {float:left; width:78%;}
.tab_con .monthBox > ul li {overflow:hidden;}
.tab_con .monthBox > ul li h5 {
	float:left; width:20%; color:#000; font-size:18px; font-weight:600;
	letter-spacing:-1.5px; background:url(../images/intro/history_row.png)no-repeat 50px center;
}
.tab_con .monthBox > ul li .dayBox {float:left; width:80%;}
.tab_con .monthBox > ul li dl {overflow:hidden;}
.tab_con .monthBox > ul li dl dt {position:relative; float:left; width:25%;}
.tab_con .monthBox > ul li dl dt:after {position:absolute; display:block; content:""; top:0; right:-3px; width:5px; height:5px; margin-top:10px; background-color:#0a88e9; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.tab_con .monthBox > ul li dl dt strong {color:#666; font-weight:300; font-size:18px; padding-left:15px;}
.tab_con .monthBox > ul li dl dd {float:left; width:75%; border-left:1px solid #ddd;}
.tab_con .monthBox > ul li dl dd p {padding-bottom:20px; padding-left:5%; color:#666; font-weight:300; font-size:18px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all;}
.tab_con .monthBox > ul li dl:last-child dd p {padding-bottom:0;}
.tab_con .monthBox > ul li dl:last-child dd {margin-bottom:50px;}
.tab_con .monthBox > ul li:last-child dl:last-child dd {margin-bottom:0 !important;}
.tab_con li.manyYear{overflow:hidden;}
.tab_con li.manyYear .monthBox {overflow:hidden; margin-bottom:30px;}
.tab_con li.manyYear .monthBox:last-child {margin-bottom:0;}

.greeting p {margin-bottom:20px;}

/* 연혁 */
.history {}
.history .year {padding-top:30px; margin-top:30px; overflow:hidden; border-top:1px solid #eee;}
.history .year:first-child {border:none; margin-top:0; padding-top:0;}
.history .year>span {display:block; float:left; font-size:30px; margin-bottom:20px; color:#000;}
.history .year>div {display:block; float:left;}
.history .year>div ul {clear:both; display:block; overflow:hidden;}
.history .year>div li {position:relative; font-size:16px; padding-left:50px;}
.history .year>div li p {position:absolute; width:50px; left:0; top:0; font-size:18px; font-weight:bold; color:#000; text-align:center;}
.history .year>div li span {display:block; line-height:130%; margin-bottom:8px;}

/* 선생님소개 */
.teacher {}
.teacher>ul {overflow:hidden; font-size:0; line-height:0; text-align:center;}
.teacher>ul>li {position:relative; padding:20px; display:inline-block; overflow:hidden; font-size:16px; line-height:140%;}
.teacher>ul>li>img {width:100%; border-radius:50%;}
.teacher>ul>li>span {display:block; padding-top:10px;}
.teacher>ul>li>span.position {display:block; padding-top:0px; font-size:13px; color:#000;}
.teacher>ul>li>span.ment {display:block; padding-top:10px; font-size:13px !important; color:#777; line-height:140%;}

/* 시설안내 */
.facility img {display:block; float:left;}

/* 오시는길 */
.location .info ul {display:table; width:100%; font-size:0;}
.location .info li {overflow:hidden; display:inline-block; padding-bottom:20px;}
.location .info li span {display:block; padding-left:20px; font-size:14px; color:#888; line-height:160%;}
.location .info li .title {font-size:16px; color:#000;}
.location .info li img {width:50px;}


/* ************* 교육안내 ************* */
/* 교육프로그램 */
.edu {font-size:14px;}
.edu .program2 {width:100%;}
.edu .program2>ul>li {overflow:hidden;}
.edu .program2>ul>li>ul>li>p {padding:10px; border-radius:5px;}
.edu .head_img {height:200px; overflow:hidden;}


/* ************* 입학안내 ************* */
/* 모집요강 */
.entrance .wrap01 {overflow:hidden; text-align:center; border-radius:10px;}
.entrance .wrap01>ul>li {display:inline-block; text-align:center; text-align:center;}
.entrance .wrap01>ul>li>span {display:inline-block; margin:5px; padding:10px; font-size:18px; background:#fff; border-radius:5px; color:#000;}
.entrance .wrap01>ul>li>div {margin-top:40px; font-size:14px;}


/* ************* 알림마당 ************ */
/* 가정통신문 */
.board .info {padding-bottom:10px;}
.board_normal1 .write textarea {width:100%; margin-top:10px; padding:10px 15px; border:1px solid #ccc; border-radius:4px; background:#fff;
	width:100%; height:120px;
	scrollbar-arrow-color: #fff;
	scrollbar-face-color: #e9e9e9;
	scrollbar-highlight-color: #f0eeee;
	scrollbar-3dlight-color: #e0e0e0;
	scrollbar-shadow-color: #c0bebe;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #f2f2f2;
	/*overflow-y:scroll;
	overflow-x:hidden;
	word-break:break-all; word-wrap:break-word; overflow:auto;  white-space:normal;
	*/
}
.board_normal1 .write .insert {padding:10px 0;}
.board_normal1 .write .insert .file {display:inline-block; width:35px; height:35px; margin-right:10px; background:url(../images/common/icon_file.png) no-repeat 50% 50% #fff; background-size:cover;}
.board_normal1 .write .insert .img {display:inline-block; width:35px; height:35px; background:url(../images/common/icon_img.png) no-repeat 50% 50% #fff; background-size:cover;}
.board_normal1 .write .insert .mov {display:inline-block; width:35px; height:35px; margin-left:10px; background:url(../images/common/icon_mov.png) no-repeat 50% 50% #fff; background-size:cover;}

/* 행사일정 */
.board_schedule1 .sch_msg {overflow:hidden; margin-top:15px; padding:10px 10px 15px 15px; font-size:0; color:#fff; border:1px solid #87b7ed; border-radius:5px; background:#87b7ed;}
.board_schedule1 .sch_msg span {display:inline-block; text-align:left;}
.board_schedule1 .sch_msg span .img {display:inline-block; width:35px;}
.board_schedule1 .sch_msg span.txt {padding:5px 0 0 0; font-size:13px; line-height:120%; text-align:left;}
.board_normal1 .info .select_normal {border:1px solid #ddd;}