@charset "UTF-8";


/* Default Style */
 @import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

.jejumyeongjo * {
 font-family: 'Jeju Myeongjo', serif;
}

.box_48 {width:48%; float:left;}
.box_65 {width:65%; float:left;}
.box_68 {width:68%; float:left;}
.box_75 {width:75%; float:left;}
.box_70 {width:70%; float:left;}
.box_60 {width:60%; float:left;}


::selection {background:#005a96; color:#FFF; text-shadow:none;}


 * 	  	{margin:0; padding:0; font-family:Noto Sans KR;  }


figure{margin:0}

ul, ol, li						{list-style:none; margin:0px 0px 0px 0px;}

legend						    	{display:none;}
caption								{display:none;}

fieldset, img, hr		{border:none;}
img			{border:0px; vertical-align:middle}
strong		{font-weight:500;}

/* Link Style */
a:link		{text-decoration:none; color:#666;}
a:visited	{ text-decoration:none; color:#666;}
a:hover		{ text-decoration:none; color:#111;}
a:active	{text-decoration:none; color:#666;}

a {selector-dummy: expression(this.hideFocus=true);} /* 일반 링크포커스 감추기 */
a,img {selector-dummy: expression(this.hideFocus=true);} /* 이미지맵 링크포커스 감추기 */

/* Table Style */
table  		{border-collapse:collapse;}

/* From Style */
input		{vertical-align: top;}
textarea	{ font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif;  }

.textarea01	{font-size: 0.95em; width:100%; height:150px; box-sizing:border-box;
 color: #666666; border: 1px solid #ddd; background-color:#fff; padding:5px !important;}
.select01		{ border:1px solid #ddd; font-size:16px;  height:37px; vertical-align:top; color:#555;}
.input01	{font-size:16px; color: #555; height:37px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box;  }
.radio01   {vertical-align:-2px; }
.radio02   {vertical-align:0px; }

pre  {white-space:pre-wrap; /*공백이나 탭공간을 그대로 둔다*/ word-break:break-all; /*텍스트가 넘칠경우 줄바꿈을 해준다*/ }

b {font-weight:500; color:#444;}

/* Font Class Style */
.b		{font-weight:bold;}
.u		{text-decoration:underline}

.check_btn   { padding:6.5px 18px; text-align:center; font-size:13px; line-height:36px; vertical-align:middle; background-color:#888;  }

.check_btn  a {
	display:inline-block;
    text-decoration:none;}

.check_btn a:link	{  color:#fff;  text-decoration:none; }
.check_btn a:hover	{ color:#fff;  text-decoration:none; }
.check_btn a:active	{ color:#fff;  text-decoration:none; }
.check_btn a:visited	{ color:#fff;  text-decoration:none; }




.line1		{line-height: 1%; font-size: 1%; }


/* align */
.l		{text-align:left !important;}
.c		{text-align:center !important;}
.r		{text-align:right !important;}
.t		{vertical-align:top;}
.b		{vertical-align:bottom;}
.vm		{vertical-align:middle;}

/* float */
.float_left		{float:left !important;}
.float_right	{float:right !important;}
.clear_both		{clear:both;}

 /* Margin Set */
.lm5	{margin-left:5px !important;}
.lm10	{margin-left:10px !important;}
.lm15	{margin-left:15px !important;}
.lm20	{margin-left:20px !important;}
.lm25	{margin-left:25px !important;}
.lm30	{margin-left:30px !important;}
.lm35	{margin-left:35px !important;}
.lm40	{margin-left:40px !important;}
.lm45	{margin-left:45px !important;}
.lm50	{margin-left:50px !important;}
.lm55	{margin-left:55px !important;}
.lm65	{margin-left:65px !important;}

.rm5	{margin-right:5px !important;}
.rm10	{margin-right:10px !important;}
.rm15	{margin-right:15px !important;}
.rm20	{margin-right:20px !important;}
.rm25	{margin-right:25px !important;}
.rm30	{margin-right:30px !important;}
.rm35	{margin-right:35px !important;}
.rm40	{margin-right:40px !important;}
.rm45	{margin-right:45px !important;}
.rm50	{margin-right:50px !important;}

.bm0	{margin-bottom:0px !important;}
.bm4	{margin-bottom:4px !important;}
.bm5	{margin-bottom:5px !important;}
.bm10	{margin-bottom:10px !important;}
.bm15	{margin-bottom:15px !important;}
.bm20	{margin-bottom:20px !important;}
.bm25	{margin-bottom:25px !important;}
.bm30	{margin-bottom:30px !important;}
.bm35	{margin-bottom:35px !important;}
.bm40	{margin-bottom:40px !important;}
.bm45	{margin-bottom:45px !important;}
.bm50	{margin-bottom:50px !important;}
.bm55	{margin-bottom:55px !important;}
.bm60	{margin-bottom:60px !important;}

.tm0	{margin-top:0px !important;}
.tm5	{margin-top:5px !important;}
.tm10	{margin-top:10px !important;}
.tm15	{margin-top:15px !important;}
.tm20	{margin-top:20px !important;}
.tm25	{margin-top:25px !important;}
.tm30	{margin-top:30px !important;}
.tm35	{margin-top:35px !important;}
.tm40	{margin-top:40px !important;}
.tm45	{margin-top:45px !important;}
.tm50	{margin-top:50px !important;}
.tm55	{margin-top:55px !important;}
.tm60	{margin-top:60px !important;}
.tm65	{margin-top:65px !important;}
.tm70	{margin-top:70px !important;}
.tm75	{margin-top:75px !important;}
.tm80	{margin-top:80px !important;}
.tm90	{margin-top:90px !important;}
.tm100	{margin-top:100px !important;}


/* Padding Set */
.lp5	{padding-left:5px !important;}
.lp10	{padding-left:10px !important;}
.lp15	{padding-left:15px !important;}
.lp20	{padding-left:20px !important;}
.lp25	{padding-left:25px !important;}
.lp30	{padding-left:30px !important;}
.lp35	{padding-left:35px !important;}
.lp40	{padding-left:40px !important;}
.lp45	{padding-left:45px !important;}
.lp50	{padding-left:50px !important;}

.rp5	{padding-right:5px !important;}
.rp10	{padding-right:10px !important;}
.rp15	{padding-right:15px !important;}
.rp20	{padding-right:20px !important;}
.rp25	{padding-right:25px !important;}
.rp30	{padding-right:30px !important;}
.rp35	{padding-right:35px !important;}
.rp40	{padding-right:40px !important;}
.rp45	{padding-right:45px !important;}
.rp50	{padding-right:50px !important;}

.bp5	{padding-bottom:5px !important;}
.bp10	{padding-bottom:10px !important;}
.bp15	{padding-bottom:15px !important;}
.bp20	{padding-bottom:20px !important;}
.bp25	{padding-bottom:25px !important;}
.bp30	{padding-bottom:30px !important;}
.bp35	{padding-bottom:35px !important;}
.bp40	{padding-bottom:40px !important;}
.bp45	{padding-bottom:45px !important;}
.bp50	{padding-bottom:50px !important;}

.tp5	{padding-top:5px !important;}
.tp10	{padding-top:10px !important;}
.tp15	{padding-top:15px !important;}
.tp20	{padding-top:20px !important;}
.tp25	{padding-top:25px !important;}
.tp30	{padding-top:30px !important;}
.tp35	{padding-top:35px !important;}
.tp40	{padding-top:40px !important;}
.tp45	{padding-top:45px !important;}
.tp50	{padding-top:50px !important;}



.bm65	{ margin-bottom:45px}


.lm60  {margin-left:40px !important;}
.lm70  {margin-left:50px !important;}
.lm100  {margin-left:100px !important;}
.lm90  {margin-left:90px !important;}




.ap5	{ padding:5px}
.ap10	{ padding:10px}
.ap15	{ padding:15px}
.ap20	{ padding:20px}

.hand	{cursor:pointer;}



#board {width:100%; float:left;}

table.basic   {width:100%; float:left; border-top:2px solid black;  border-bottom:1px solid #707070;}
table.basic  th   {padding:10px 15px; background-color:#f5f5f5;   vertical-align:middle; font-size:0.92rem; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
table.basic  td   {padding:10px 15px; vertical-align:middle;   font-size:0.92rem; line-height:1.3em;  color:#777; border-bottom:1px solid #ddd;}


table.basic_pad0   {width:100%; float:left; border-top:2px solid black;  border-bottom:1px solid #707070;}
table.basic_pad0  th   {padding:10px 0; background-color:#f5f5f5;   vertical-align:middle; font-size:1rem; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
table.basic_pad0  td   {padding:10px 0; vertical-align:middle;   font-size:0.95rem; line-height:1.3em;  color:#777; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}

div.table_wrap {width:100%; overflow-x:auto}
div.table_wrap table {width:150%}
table.basic_pad0.type2 {border-left:1px solid #ddd}
table.basic_pad0.type2 th {text-align:center; border-right:1px solid #ddd;}
table.basic_pad0.type2 td {text-align:center}
table.basic_pad0.type2 .t_mode { writing-mode: vertical-lr;  letter-spacing:-3px}
table.basic_pad0.type2 .t_mode span {text-orientation: upright;}


table.menu_t   {width:50%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;  }
table.menu_t  th   {padding:20px 15px; background-color:#f9f9f9; text-align:center;  vertical-align:middle; font-size:17px; font-weight:500; color:#333;  border:1px solid #ddd;}
table.menu_t  td   {padding:20px 15px; vertical-align:middle;   font-size:16px; line-height:1.3em;  color:#777; border:1px solid #ddd;}




ul.basic   {width:95%; margin-left:3%; float:left;  background-color:#fff;}
ul.basic  li   {padding:2px 10px;  vertical-align:middle; font-size:1.1rem; line-height:1.5em;  color:#777; list-style:decimal; box-sizing:border-box; }

ul.basic2   {width:95%; margin-left:5%; float:left; }
ul.basic2  li   {padding:2px 10px;  vertical-align:middle; font-size:1.1rem; line-height:1.6em;  color:#777; list-style:disc;  box-sizing:border-box;}

ul.basic3   {width:95%; margin-left:3%; float:left;  background-color:#fff;}
ul.basic3  li   {padding:2px 10px; vertical-align:middle; font-size:1.1rem; line-height:24px;  color:#777; list-style:square;  box-sizing:border-box;}

ul.basic4   {width:98%; float:left; margin-left:2%;}
ul.basic4  li   {padding:2px 0px 0px 0; vertical-align:middle; font-size:0.95rem; line-height:1.3em;  color:#777; list-style:disc; font-weight:400; box-sizing:border-box;}

ul.basic_none   {width:98%; float:left; margin-left:2%;}
ul.basic_none  li   {padding:2px 10px; vertical-align:middle; font-size:0.92rem; line-height:1.3em;  color:#777; list-style:none; margin-bottom:6px; box-sizing:border-box;}

.border_box {width: 100%;border:1px solid #ddd; text-align:left; float:left; display:block; line-height:35px; box-shadow:1px 1px 1px rgba(0,0,0,0.1); padding:20px; box-sizing: border-box; }
.border_box h4 {text-align:left; color:#333; font-weight:600; font-size:1.1em; margin-bottom:5px}
.border_box ul {width:100%;  background-color:#fff;}
.border_box ul li   {padding:2px 0; width:100%; display:flex; vertical-align:middle; font-size:.95em; line-height:1.5em;  color:#777;   }
.border_box ul li:before {content:'·'; flex-shrink:0; margin-right:3px}

/* 학교연혁 */
.history_box {width:100%; float:left; margin-bottom:25px; }
.history_h3 {font-size:28px; border-bottom:3px solid  #1b44a0; padding-bottom:10px; width:100%; text-align:left;float:left;}
.history_box ul {width:100%; float:left; border-bottom:1px solid #ddd;}

.date_bg { vertical-align:middle; float:left; width:20%; text-align:center; padding:12px 0; font-size:1.6em; color:#761818; font-weight:600; border-bottom:0px solid #ddd;  box-sizing:border-box;}
.event_txt {float:right; width:80%;padding:12px 15px;  border-bottom:0px solid #ddd; box-sizing:border-box; color:#555}
.event_txt font{font-size:0.9em !important;}
.event_txt p{font-size:0.9em !important;}
.event_txt b{font-weight:600;}

.event_txt2 {padding:5px 15px; box-sizing:border-box}
.event_txt2 p{line-height:1.7em}

/* 달력 레이어팝업 */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .layer_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #99cc7f; z-index: 10;}
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.cbtn {display:inline-block; height:25px; padding:0 14px 0;  background-color:#99cc7f; font-size:13px; color:#fff !important; line-height:25px;}
a.cbtn:hover {border: 0px solid #091940; background-color:#006600; color:#fff; box-sizing:border-box;}