@charset "utf-8";
@import url("reset.css");
@import url("layout.css");
@import url("contents.css");
@import url("common.css");


#wrapper								{position:relative; width:100%; }

table.search_table		.input_01		{border:1px solid #ddd; padding:5px; width:100px; vertical-align:top; -webkit-border-radius:0; apperance:0;}
table.search_table		.input_02		{border:1px solid #ddd; padding:6px; width:200px; vertical-align:top; -webkit-border-radius:0; apperance:0;}
table.search_table		.button_01		{display:inline-block; border:0; background-color:#002366; padding:4px 0 6px 0; width:60px; color:#fff; font-size:13px; border-radius:3px}
table.search_table		.button_02		{display:inline-block; border:0; background-color:#4169e1; padding:4px 0 6px 0; width:60px; color:#fff; font-size:13px; border-radius:3px}


table.board_style01						{border-top:2px solid #002366; margin-top:10px; border-bottom:5px solid #f5f5f5 }
table.board_style01 th					{border-bottom:1px solid #aaa; border-left:1px solid #ddd; color:#333; font-size:13px; height:45px}
table.board_style01 th:first-child		{border-left:none;}

table.board_style01 td					{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:3px 10px; text-align:center}
table.board_style01 td:first-child		{border-left:none;}

table.board_style01 span				{display:inline-block; background-color:#4169e1; width:40px; border-radius:5px; color:#fff; padding:2px;font-family:'Noto Sans KR'; font-size:11px}

.page_num								{width:100%; text-align:center; padding-top:30px;}
.page_num     a							{display:inline-block; border:1px solid #ddd; padding:7px 10px;}
.page_num     a:hover					{display:inline-block; border:1px solid #555; padding:7px 10px; background-color:#666; color:#fff}
.page_num     b							{display:inline-block; border:1px solid #555; padding:7px 10px; background-color:#666; color:#fff}
.page_num     a.page_next				{display:inline-block; background:url('/images/sub/next_btn01.jpg') no-repeat; width:35px; height:34px; padding:0; border:0; font-size:0; vertical-align:top}
.page_num     a.page_prev				{display:inline-block; background:url('/images/sub/prev_btn01.jpg') no-repeat; width:35px; height:34px; padding:0; border:0; font-size:0; vertical-align:top}

.board_btn01							{width:100%; text-align:right}
.board_btn01		.button_01			{display:inline-block; border:0; background-color:#666; padding:4px 0 7px 0; width:80px; color:#fff; font-size:13px; border-radius:3px}
.board_btn01		.button_02			{display:inline-block; border:0; background-color:#002366; padding:4px 0 7px 0; width:80px; color:#fff; font-size:13px; border-radius:3px}
.board_btn01		.button_03			{display:inline-block; border:0; background-color:#4169e1; padding:4px 0 7px 0; width:80px; color:#fff; font-size:13px; border-radius:3px}


.board_btn02							{width:100%; text-align:center; padding-top:30px;}
.board_btn02		.button_01			{display:inline-block; border:0; background-color:#333; padding:12px 0 15px 0; width:200px; color:#fff; font-size:14px; border-radius:3px}

.pic									{position:absolute; top:205px; right:0; padding:22px; height:185px; width:20%; text-align:center; background-color:#fff; border-left:1px solid #ddd}
.pic img								{width:100%; max-width:147px; min-width:80px}


table.board_style02						{border-top:2px solid #002366; margin-top:10px;  }
table.board_style02 th					{border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#333; font-size:13px; height:45px; background-color:#f5f5f5}
table.board_style02 th:first-child		{border-left:none;}
table.board_style02 td	.input_02		{border:1px solid #ddd; padding:6px; vertical-align:top; -webkit-border-radius:0; apperance:0;}

table.board_style02 td					{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:3px 15px; color:#666}
table.board_style02 td:first-child		{border-left:none;}
table.board_style02 td	p				{width:100%;}
table.board_style02 td.board_cont		{min-height:200px;}
table.board_style02 td.view_tlt			{font-size:20px; color:#333; padding:20px 0; text-align:center; border-bottom:1px solid #aaa}

table.board_style02 td.write_td			{background-color:#f5f5f5; padding:0;}
table.board_style02 td .write_tlt		{width:20%; float:left; text-align:center; display:inline-block; padding-top:20px; font-size:14px; color:#333}
table.board_style02 td .write_tlt02		{width:20%; float:left; text-align:center; display:inline-block; padding-top:35px; font-size:14px; color:#333; height:35px;}
table.board_style02 td .write_con		{width:74%; float:left; background-color:#fff; padding:15px 3%;}

table.board_style02 td.tlt_td			{background:url('/img/bullet01.jpg') no-repeat left center; border-top:0; border-bottom:1px solid #aaa; padding:20px 45px; color:#333; font-size:24px; font-weight:400}
table.board_style02 .button_01		    {display:inline-block; border:0; background-color:#666; padding:5px 0 6px 0; width:90px; color:#fff; font-size:12px; border-radius:3px}
table.board_style02 img.pic				{width:100%; max-width:147px; min-width:80px}

/*2018. 12.21 add asy*/
table.board_style02 span.txtwarrn		{color:#ff0000;line-height:23px;}


table.board_style03						{border-top:1px solid #002366; margin-top:30px;  }
table.board_style03 th					{border-bottom:1px solid #ddd; color:#333; font-size:13px; padding:10px 15px; background-color:#f5f5f5; text-align:left; word-break:keep-all}
table.board_style03 td					{border-bottom:1px solid #ddd;  padding:15px; color:#777; font-size:12px; line-height:18px;}
table.board_style03 span				{display:inline-block; background-color:#4169e1; width:40px; border-radius:5px; color:#fff; padding:2px;font-family:'Noto Sans KR'; font-size:12px; text-align:center; margin-right:10px}
table.board_style03 b					{color:#666; display:inline-block; padding-left:10px; font-weight:normal}
table.board_style03 th   p.btn			{float:right;}

table.board_style03		.button_01		{display:inline-block; border:0; background-color:#4169e1; padding:2px 10px 4px 10px; color:#fff; font-size:12px; border-radius:3px}
table.board_style03		.button_01		{display:inline-block; border:0; background-color:#666; padding:2px 10px 4px 10px; color:#fff; font-size:12px; border-radius:3px}
table.board_style03		.button_03		{display:inline-block; border:0; background-color:#666; height:90px; width:80px; color:#fff; font-size:12px; border-radius:3px}

.agree_check							{padding:15px; background-color:#f5f5f5; margin:15px 0 30px 0; border:1px solid #ddd; font-size:13px; color:#666}


table.board_style04						{border:1px solid #ddd; margin-top:30px; margin-bottom:30px;  }
table.board_style04 th					{border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#333; font-size:13px; height:45px; background-color:#f5f5f5}
table.board_style04 td					{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:3px 15px;}



table.board_style05						{border-top:2px solid #002366; margin-top:10px; border-bottom:5px solid #f5f5f5 }
table.board_style05 td					{border-bottom:1px solid #ddd;  padding:10px 15px;}
table.board_style05 td:first-child		{border-left:none;}


table.board_style06						{margin-top:20px;}
table.board_style06 td					{padding:20px 0; font-size:14px; color:#666}
table.board_style06 td span				{color:#888; font-size:13px}
table.board_style06 td:first-child		{border-left:none;}
table.board_style06 td.tlt				{background-color:#eee; padding:15px; font-size:15px; color:#121212; font-weight:500; border-bottom:1px solid #ddd; border-top:1px solid #aaa}
table.board_style06 td textarea			{border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:150px; background-color:#fafafa}
table.board_style06 td .input_style01	{border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #aaa; border-right:1px solid #aaa; text-align:right; padding:0 10px; height:30px; background-color:#fff; margin-bottom:3px}
table.board_style06 td ul li			{padding-bottom:20px; font-size:14px;}
table.board_style06 td ul	span		{display:block; font-size:14px; color:#333; font-weight:500; padding-bottom:10px;}
table.board_style06 td.pd15				{padding-left:15px; padding-right:15px;}



.successful_search						{width:100%; background:url('/images/sub/sub05_05_img.jpg') no-repeat center bottom;  height:400px; padding-top:30px;}
.successful_search p					{text-align:center; color:#666; font-size:16px;}
.successful_search p span				{display:inline-block; color:#4169e1; font-size:24px; padding-bottom:15px}
.successful_search  div					{width:500px; margin:35px auto; background-color:#fff}
.successful_search .input_01			{border:1px solid #ddd; padding:5px; width:50%; vertical-align:top}
.successful_search .button_01			{display:inline-block; border:0; background-color:#002366; padding:10px 0 10px 0; width:60px; color:#fff; font-size:13px; border-radius:3px}

.tuitionBox								{width:100%; background:url('/images/sub/img_tuition.jpg') no-repeat center bottom;  height:350px; padding-top:30px;}
.tuitionBox p							{text-align:center; color:#4169e1; font-size:24px; padding-bottom:15px}


.idpw_tlt								{width:66%; font-size:30px; margin:0 auto; background:url('/img/bullet01.jpg') no-repeat 0 8px ; padding-left:4%}

.login_box								{width:60%; padding:50px 5%; margin:50px auto; border-top:2px solid #4d4d4d; background-color:#f5f5f5; border-bottom:1px solid #ddd}
.login_box .login_text					{color:#002366; font-size:24px;}
.login_box .login_text	span			{color:#666; font-size:16px; display:block; padding-top:5px;}
.login_box  div							{width:100%; padding:25px 0;}
.login_box  div table  .input_01		{width:90%; border:1px solid #ddd; padding:15px; margin-bottom:3px;}
.login_box  div table  .button_01		{display:inline-block; border:0; background-color:#666; height:100px;vertical-align:top; width:100px; color:#fff; font-size:14px; border-radius:3px}
.login_box  div table  .button_04		{display:inline-block; border:0; background-color:#666; height:50px;vertical-align:top; width:100px; color:#fff; font-size:14px; border-radius:3px}
.login_box .login_btn  .button_02		{display:inline-block; border:0; background-color:#4169e1; padding:4px 15px 6px 15px; color:#fff; font-size:12px;}
.login_box .login_btn  .button_03		{display:inline-block; border:0; background-color:#aaa; padding:4px 15px 6px 15px; color:#fff; font-size:12px; }


.login_box .idpw	p					{padding:10px 0; text-align:center; color:#666; font-size:15px; word-break:keep-all}
.login_box .idpw	p					.button_01		{display:inline-block; border:0; background-color:#4169e1; padding:4px 30px 6px 30px; color:#fff; font-size:13px;}
.login_box .idpw	p					.button_02		{display:inline-block; border:0; background-color:#002366; padding:4px 30px 6px 30px; color:#fff; font-size:13px;}




.join_img								{text-align:center;}
.join_img   img							{width:100%; max-width:390px}
.join_text								{color:#333; font-size:18px; padding:25px 0; text-align:center}


.agree_text								{border:1px solid #ddd; height:180px; overflow-y:scroll; padding:15px;}


.join_step2_box							{border:1px solid #ddd; padding:30px;}
.join_step2_box	 .step2_text01			{width:90%; padding:25px 5%; background-color:#f5f5f5; line-height:150%; font-size:13px; word-break:keep-all; color:#666}
.join_step2_box	 .step2_text01 span		{display:block; padding-bottom:5px; font-size:15px; word-break:keep-all; color:#4169e1}

.join_step2_box  div					{text-align:center; padding:80px 0; border-bottom:1px solid #ddd}


.join_step2_box	 .step2_text02			{width:90%; padding:25px 5%; line-height:150%; font-size:13px; word-break:keep-all; color:#666}
.join_step2_box	 .step2_text02 span		{display:block; padding-bottom:5px;}

.join_step2_box  div					.button_03		{display:inline-block; border:0; background-color:#4169e1; color:#fff; font-size:14px; width:200px; padding:10px 60px;}
.join_step2_box  div					.button_04		{display:inline-block; border:0; background-color:#002366; color:#fff; font-size:14px; width:200px; padding:10px 60px;}












@media all and	(max-width:800px){	

.login_box								{width:90%; padding:25px 5%; margin:15px auto; border-top:2px solid #4d4d4d; background-color:#f5f5f5; border-bottom:1px solid #ddd}
.login_box .login_text					{color:#002366; font-size:18px;}
.login_box  div							{width:100%; padding:25px 0;}
.login_box  div table  .input_01		{width:80%; border:1px solid #ddd; padding:15px; margin-bottom:3px;}
.login_box  div table  .button_01		{display:inline-block; border:0; background-color:#666; height:95px;vertical-align:top; width:90px; color:#fff; font-size:14px; border-radius:3px}
.login_box .login_btn  .button_02		{display:inline-block; border:0; background-color:#4169e1; padding:4px 15px 6px 15px; color:#fff; font-size:12px;}
.login_box .login_btn  .button_03		{display:inline-block; border:0; background-color:#aaa; padding:4px 15px 6px 15px; color:#fff; font-size:12px; }

.join_step2_box							{border:1px solid #ddd; padding:20px;}
.join_step2_box	 .step2_text01			{width:94%; padding:15px 3%; background-color:#f5f5f5; line-height:150%; font-size:13px; word-break:keep-all; color:#666}
.join_step2_box	 .step2_text01 span		{display:block; padding-bottom:5px; font-size:15px; word-break:keep-all; color:#4169e1}

.join_step2_box  div					{text-align:center; padding:40px 0; border-bottom:1px solid #ddd}

.join_step2_box	 .step2_text02			{width:94%; padding:15px 3%;  line-height:150%; font-size:13px; word-break:keep-all; color:#666}
.join_step2_box	 .step2_text02 span		{display:block; padding-bottom:5px;}


.idpw_tlt								{width:90%; font-size:26px; margin:30px auto 0 auto; background:url('/img/bullet01.jpg') no-repeat 0 6px ; padding-left:10%}
}




/*�����*/
@media all and	(max-width:650px){	

table.search_table		.input_01		{border:1px solid #ddd; padding:5px; width:80px; vertical-align:top}
table.search_table		.input_02		{border:1px solid #ddd; padding:6px; width:120px; vertical-align:top}
table.search_table		.button_01		{display:inline-block; border:0; background-color:#002366; padding:4px 0 6px 0; width:40px; color:#fff; font-size:13px; border-radius:3px}
table.search_table		.button_02		{display:inline-block; border:0; background-color:#4169e1; padding:4px 0 6px 0; width:40px; color:#fff; font-size:13px; border-radius:3px}


table.board_style01 td					{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:3px 5px; text-align:center; line-height:20px; word-break:keep-all}
table.board_style01 td img				{width:100%}
table.board_style01 td:first-child		{border-left:none;}

table.board_style01 th.td_none			{display:none}
table.board_style01 td.td_none			{display:none}
table.board_style02 td.view_tlt			{font-size:16px; color:#333; padding:15px 0; text-align:center; border-bottom:1px solid #aaa}

table.board_style03		.button_03		{display:inline-block; border:0; background-color:#666; height:90px; width:50px; color:#fff; font-size:12px; border-radius:3px}


.successful_search						{width:100%; background:none;  height:150px; padding-top:30px;}
.successful_search p					{text-align:center; color:#666; font-size:16px; word-break:keep-all}
.successful_search p span				{display:inline-block; color:#4169e1; font-size:18px; padding-bottom:10px}
.successful_search  div					{width:100%; margin:35px auto; background-color:#fff}
.successful_search .input_01			{border:1px solid #ddd; padding:5px; width:50%; vertical-align:top}
.successful_search .button_01			{display:inline-block; border:0; background-color:#002366; padding:10px 0 10px 0; width:60px; color:#fff; font-size:13px; border-radius:3px}



.join_img								{display:none}
.join_text								{color:#333; font-size:18px; padding:0 0 25px 0; text-align:center; word-break:keep-all}

.pic									{position:absolute; top:165px; right:0; padding:22px; height:185px; width:20%; text-align:center; background-color:#fff; border-left:1px solid #ddd}
.pic img								{width:100%; max-width:147px; min-width:80px}


table.board_style02 td.write_td			{background-color:#fff; padding:0;}
table.board_style02 td .write_tlt		{width:94%; float:left; text-align:left; display:inline-block; padding:20px 3% 0 3%; font-size:14px; color:#002366;}
table.board_style02 td .write_tlt02		{width:94%; float:left; text-align:left; display:inline-block; padding:20px 3% 0 3%; font-size:14px; color:#002366; height:25px;}
table.board_style02 td .write_con		{width:94%; float:left; background-color:#fff; padding:15px 3%;}
table.board_style02 td .w100			{display:block; width:95%; margin-bottom:5px}

}


/*�����*/
@media all and	(max-width:480px){	

.pic									{position:absolute; top:185px; right:9%; padding:20px 0 0 0; width:15%; height:100px; text-align:center; background:none; border-left:none}
.pic img								{width:100%; max-width:147px; min-width:80px}


}

.b-modal		{z-index:500000000000000000000000000000000000000000000000000000000000}
/* popup */
.bPopup{ display:none; width:420px; background:url('/img/pop02_bg.jpg') no-repeat center 0; height:300px;  z-index:5000000000000000000000000000000000000000000000000000; position:relative}
.bPopup .pop-tit{  margin:0; color:#ddd; font-size:30px; text-align:center; padding:40px 0; line-height:36px}
.bPopup .pop-tit span	{display:block; font-size:26; font-weight:600; color:#fff}
.bPopup .pop-content{ padding:00px 50px 30px 50px; }
.bPopup .pop-content ul	li{position:relative; padding-left:60px; font-size:14px; padding-top:5px; padding-bottom:10px; line-height:24px;}
.bPopup .pop-content ul	li span	{position:absolute; top:0; left:0; color:#fff; display:block; padding:3px 10px; border-radius:5px; background-color:#09347a} 

.bPopup .btn-box			{padding-top:20px;}
.bPopup .btn-box a.btn01	{display:block; width:90%; margin-bottom:5px; border-radius:5px; color:#fff; font-size:16px; padding:10px 5%; background:#77a22e url('/img/pop01_btn_bg.png') 80% 15px no-repeat;}
.bPopup .btn-box a.btn02	{display:block; width:90%; border-radius:5px; color:#fff; font-size:16px; padding:10px 5%; background:#09347a url('/img/pop01_btn_bg.png') 80% 15px no-repeat;}


.bPopup .pop-bottom{ padding:10px 20px; margin-top:1em; background-color:#fff}
.bPopup .pop-close{ position:absolute; top:10px; right:10px; width:22px; height:22px; background:url('/img/bt_close_w.png') 50% 50% no-repeat; border:0; text-indent:-9999px; display:block; cursor:pointer;}


@media (max-width:430px) {
	.bPopup{ display:none; width:85%; padding:0; margin:0; background-size:cover}
	.bPopup>.inner{ position:relative; }
	.bPopup .pop-tit{  margin:0; color:#ddd; font-size:23px; text-align:center; padding:40px 0; line-height:26px}
	.bPopup .pop-tit span	{display:block; font-size:20px; font-weight:600; color:#fff}
	.bPopup .pop-content{ padding:10px 10px 30px 10px  }
	.bPopup .pop-content ul	li{position:relative; padding-left:55px; font-size:14px; padding-top:3px; padding-bottom:10px; line-height:24px; letter-spacing:-1px}
.bPopup .pop-content ul	li span	{position:absolute; top:0; left:0; color:#fff; display:block; padding:3px 8px; border-radius:5px; background-color:#09347a} 

	.bPopup .pop-bottom{ padding:10px ; margin-top:1em; background-color:#fff}
	.bPopup .pop-close{ position:absolute; top:10px; right:10px; width:12px; height:12px; background:url('/img/bt_close_w.png') 50% 50% no-repeat; border:0; background-size:17px 17px; text-indent:-9999px; display:block;}
}