/* 종로유학원의 관리자 CSS 스타일시트입니다. */
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(layout.css);
@import url(content.css);

@charset "utf-8";

body, td	{ margin: 0; padding: 0; font-family: sans-serif,굴림; font-size: 12px; color: #000000;}
.title      { font-family: sans-serif,굴림; font-size: 12px; line-height: 16px; color: #FF4343;}
.png24	{tmp:expression(setPng24(this));}

a:link		{font-family: sans-serif,굴림; font-size:12px; color:#000000; text-decoration:none;}
a:visited	{font-family: sans-serif,굴림; font-size:12px; color:#00b6e4; text-decoration:none;}
a:active	{font-family: sans-serif,굴림; font-size:12px; color:#00b6e4; text-decoration:none;}
a:hover		{font-family: sans-serif,굴림; font-size:12px; color:#00b6e4; text-decoration:none;}

.consolas {font-family:consolas;}

img         {border: none;}

div.hide {display:none;}

table { border-collapse: collapse;}

th, td  {padding:0; margin:0;font-size:12px;}

td.dotline	{background:url("/asp/admin/images/dot.gif"); background-repeat: repeat-x; height:1px;}
td.wline	{background-color:#c2c2c2; height:1px;}
td.hwidth   {background-color:#f2f2f2; height:27px; padding:5px 0 5px 10px;}
td.cwidth   {background-color:#ffffff; padding:5px 0 5px 10px;}
td.swidth   {height:30px;}
td.head     {color:#878787; font-weight:bold;}
td.head_s   {color:#878787;}
td.head_list  {color:#666666; font-weight:bold;}
td.rline {border-right:1px solid #D4E0E4;}
td.rlineTop {border-right:1px solid #D4E0E4;background:url("/asp/admin/img/new_line_bg2.gif");}
td.rlineTopEnd {background:url("/asp/admin/img/new_line_bg2.gif");}

fieldset, img {border: none;}

div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p {margin:0; padding:0;}

body {
		scrollbar-3dlight-color:#B3B4B6;
		scrollbar-arrow-color:#B3B4B6;
		scrollbar-track-color:#B3B4B6;
		scrollbar-darkshadow-color:#B3B4B6;
		scrollbar-face-color:#919496;
		scrollbar-highlight-color:#919496;
		scrollbar-shadow-color:#B3B4B6;
     }

/* 빠른 메뉴서비스 */
table.q_menu			{width:980px; border-collapse:collapse;}
table.q_menu td.vline	{background-color:#e3e3e3; width:1px;}
table.q_menu td.btn	    {padding:0 0 0 15px; border-collapse:collapse;}
table.q_menu td.q_go    {padding:0 0 0 149px; height:27px; background:url("/asp/admin/images/q_notice_bg.gif"); background-position:center; background-repeat:no-repeat;}

table.q_go		    	{width:948px; height:27px; background:url("/asp/admin/images/q_notice_bg.gif");  border-collapse:collapse;}
table.q_go td.btn       {padding:0 0 0 149px; border-collapse:collapse;}

/* form */
.input{
						color:#919495;
						background-color:#ffffff;
                        border: 1px solid #d9d9d9;
       		            font-family: "dotum", "verdana";
						font-size:9pt;
						padding-top:4;
						padding-left:5;
						height: 18px;
						line-height:12px}

.input_f{
						color:#595959;
						background-color:#e1e1e1;
                        border: 1px solid #e1e1e1;
       		            font-family: "dotum", "verdana";
						font-size:9pt;
						padding-top:4;
						padding-left:5;
						height: 18px;
						line-height:12px}


input.checkbox {
width:13px;
height:13px;
vertical-align:-3px;
}

/* addBtn */
.addBtn a{display:block; background:url('/asp/admin/bbs_files/images/btn_add_bg.gif') left 0; float:left; font:12px 굴림; color:#255863; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden}
.addBtn a:hover{background:url('/asp/admin/bbs_files/images/btn_add_bg.gif') left -27px}
.addBtn a span{display:block; float:left; background:url('/asp/admin/bbs_files/images/btn_add_bg.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden}
.addBtn a:hover span{background:url('/asp/admin/bbs_files/images/btn_add_bg.gif') right -27px; color:#11292F}

.addBtn1 a{display:block; background:url('/asp/admin/bbs_files/images/btn_str_bg.gif') left 0; float:left; font:12px 굴림; color:#255863; padding-left:6px; text-decoration:none; height:34px; cursor:pointer; margin-right:3px; overflow:hidden}
.addBtn1 a:hover{background:url('/asp/admin/bbs_files/images/btn_str_bg.gif') left -34px}
.addBtn1 a span{display:block; float:left; background:url('/asp/admin/bbs_files/images/btn_str_bg.gif') right 0; padding-top:3px; line-height:240%; padding-right:6px; height:34px; overflow:hidden}
.addBtn1 a:hover span{background:url('/asp/admin/bbs_files/images/btn_str_bg.gif') right -34px; color:#11292F}

.addBtn2 a{display:block; background:url('/asp/admin/bbs_files/images/btn_confirm_bg.gif') left 0; float:left; font:12px 굴림; color:#fff; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden}
.addBtn2 a:hover{background:url('/asp/admin/bbs_files/images/btn_confirm_bg.gif') left -27px}
.addBtn2 a span{display:block; float:left; background:url('/asp/admin/bbs_files/images/btn_confirm_bg.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden;color:#fff}
.addBtn2 a:hover span{background:url('/asp/admin/bbs_files/images/btn_confirm_bg.gif') right -27px; color:#fff}

.addBtn3 a{display:block; background:url('/asp/admin/bbs_files/images/btn_delete_bg.gif') left 0; float:left; font:12px 굴림; color:#fff; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden}
.addBtn3 a:hover{background:url('/asp/admin/bbs_files/images/btn_delete_bg.gif') left -27px}
.addBtn3 a span{display:block; float:left; background:url('/asp/admin/bbs_files/images/btn_delete_bg.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden}
.addBtn3 a:hover span{background:url('/asp/admin/bbs_files/images/btn_delete_bg.gif') right -27px; color:#fff}

.addBtn4 a{display:block; background:url('/asp/admin/bbs_files/images/btn_str_bg.gif') left 0; float:left; font:12px 굴림; color:#9558ce; padding-left:6px; text-decoration:none; height:30px; cursor:pointer; margin-right:3px; overflow:hidden}
.addBtn4 a:hover{background:url('/asp/admin/bbs_files/images/btn_str_bg.gif') left -30px}
.addBtn4 a span{display:block; float:left; background:url('/asp/admin/bbs_files/images/btn_str_bg.gif') right 0; line-height:240%; padding-right:6px; height:30px; overflow:hidden}
.addBtn4 a:hover span{background:url('/asp/admin/bbs_files/images/btn_str_bg.gif') right -30px; color:#9558ce}

.addBtn5 a{display:block; background:url('/asp/admin/bbs_files/images/btn_chuchun_bg.gif') left 0; float:left; font:12px 굴림; color:#255863; padding-left:6px; text-decoration:none; height:34px; cursor:pointer; margin-right:3px; overflow:hidden}
.addBtn5 a:hover{background:url('/asp/admin/bbs_files/images/btn_chuchun_bg.gif') left -34px}
.addBtn5 a span{display:block; float:left; background:url('/asp/admin/bbs_files/images/btn_chuchun_bg.gif') right 0; padding-top:3px; line-height:240%; padding-right:6px; height:34px; overflow:hidden}
.addBtn5 a:hover span{background:url('/asp/admin/bbs_files/images/btn_chuchun_bg.gif') right -34px; color:#11292F}

table.form     {width:804px; border-collapse:collapse;}
table.form tr1 {background-color:#f9f9f9; font:bold 11px 돋움; color:#777}
table.form tdC {padding:7px 0 5px 10px}
table.form td {border:1px solid #d8d8d8}
/* #addBtn */

table.default td {border:1px solid #d8d8d8; padding:3px;}




/***********************************************************************************************************/




/* ---------------------- */
/* 링크 TEXT CSS          */
/* ---------------------- */
A.q_m:link {
		font-size: 12px;
		font-family: "dotum", "verdana";
		line-height: 16px;
		color: #000000;
		text-decoration: none;
		}
A.q_m:active {
		font-size: 12px;
		font-family: "dotum", "verdana";
		line-height: 16px;
		color: #000000;
		text-decoration: none;
		}
A.q_m:visited {
		font-size: 12px;
		font-family: "dotum", "verdana";
		line-height: 16px;
		color: #000000;
		text-decoration: none;
		}
A.q_m:hover {
        font-size: 12px;
		color:#00b6e4;
		font-family: "dotum", "verdana";
		line-height: 16px;
		text-decoration: none;
}

/*----------------------------*/
A.q_l:link {
		font-size: 12px;
		font-family: "dotum", "verdana";
		line-height: 16px;
		color: #000000;
		text-decoration: none;
		}
A.q_l:active {
		font-size: 12px;
		font-family: "dotum", "verdana";
		line-height: 16px;
		color: #000000;
		text-decoration: none;
		}
A.q_l:visited {
		font-size: 12px;
		font-family: "dotum", "verdana";
		line-height: 16px;
		color: #000000;
		text-decoration: none;
		}
A.q_l:hover {
        font-size: 12px;
		color:#00b6e4;
		font-family: "dotum", "verdana";
		line-height: 16px;
		text-decoration: none;
}

/*---------------------114-->7-------*/

#index_wrap {margin:5px auto 0px; width:1288px;}
#index_wrap li {float:left; list-style:none;}
/*#index_wrap div,li,th,td {color:#000 !important;}*/
.w202 {width:202px;}
.w531 {width:531px;}
.ml6 {margin-left:6px;}
.ml12 {margin-left:12px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt22 {margin-top:22px;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.t_l {text-align:left !important;}

/*글자넘침 말줄임*/
.ellipsisTXT a {width:330px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; display:inline-block; padding-top:5px;}
.ellipsisTXT1 a {width:400px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; display:inline-block; padding-top:5px;}
.ellipsisTXT2 a {width:320px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; display:inline-block; padding-top:5px;}
.ellipsisTXT3 a {width:265px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; display:inline-block; padding-top:5px;}

.photo_wrap {width:202px; height:85px; position:relative;}
.photo_wrap>img {margin:25px 0 0 23px;}

.photo_cover {width:202px; height:85px; background-color:#009fa5; position:absolute; left:0; top:0;}
.photo_cover p {margin:10px 0 0 20px; font-weight:bold; color:#fff; line-height:20px; letter-spacing:-0.03em;}
.photo_cover div {margin:10px 0 0 20px; text-align:left;}
.photo_cover div img {position:absolute; left:141px; top:46px;}

.photo_cover1 {width:202px; height:166px; background:url('../../images/index_photo_cover1.png'); position:absolute; left:0; top:0;}
.photo_cover1 p {margin:46px 0 0 104px; color:#fff; line-height:20px; letter-spacing:-0.03em;}
.photo_cover1 div {position:relative; margin-top:35px; padding-left:18px; text-align:left; line-height:19px;}
.photo_cover1 div span {color:#ddd;}
.photo_cover1 div img {position:absolute; left:141px; top:16px;}

.left_sub1 p {background:#eaeaea; line-height:39px; font-weight:bold; padding-left:17px;}
.left_sub1 ul {border:1px solid #eaeaea; border-top:none; height:81px; padding:11px 0 0 32px; font-weight:bold;}
.left_sub1 ul li {width:120px; line-height:24px;}
.left_sub1 ul li span {width:54px; display:inline-block; text-align:right;}
.left_sub1 ul li span i {color:#F00; font-style:normal;}

.left_sub2 p {background:#eaeaea; line-height:39px; font-weight:bold; padding-left:17px; letter-spacing:-0.01em;}
.left_sub2 ul {border:1px solid #eaeaea; border-top:none; height:284px; padding-left:10px; overflow-y: auto;}
.left_sub2 ul li {width:160px; display:block; padding:12px 0px 7px 5px; border-bottom:1px solid #e5e5e5;}
.left_sub2 ul li:last-child {border:none;}
.left_sub2 ul li a {float:left;}
.left_sub2 ul li img {float:right; display:inline-block;}
.left_sub2 ul>div {text-align:center; padding-top:60px; font-weight:bold;}

.left_sub3 p {background:#eaeaea; line-height:39px; font-weight:bold; padding-left:17px; letter-spacing:-0.01em;}
.left_sub3 ul {border:1px solid #eaeaea; border-top:none; height:105px; padding:5px 0 10px 15px; overflow-y: auto;}
.left_sub3 ul li {width:170px;}
.left_sub3 ul li span {width:55px; display:inline-block;}
.left_sub3 ul li span.BNS {width:17px; display:inline-block;font-family:Consolas;font-size:12px;}

.left_find {background:#eaeaea; height:120px; padding-left:13px;}
.left_find label {height:40px; line-height:40px; margin-top:2px; display:inline-block;}
.left_find label:last-child {margin-left:16px;}

.left_sub4 p {background:#eaeaea; line-height:39px; font-weight:bold; padding-left:17px;}
.left_sub4 ul {border:1px solid #eaeaea; border-top:none; height:312px; padding-left:14px;}
.left_sub4 ul li {width:160px; display:block; padding:13px 0px 9px 12px; border-bottom:1px solid #e5e5e5;}
.left_sub4 ul li:nth-child(8) {border:none;}
.left_sub4 ul li a {float:left;}
.left_sub4 ul li img {float:right; display:inline-block;}
.left_sub4 ul>div {text-align:center; padding-top:145px; font-weight:bold;}

.left_sub5 p {background:#eaeaea; line-height:39px; font-weight:bold; padding-left:17px; letter-spacing:-0.01em;}
.left_sub5 ul {border:1px solid #eaeaea; border-top:none; height:42px; padding:21px 0 21px 30px;}
.left_sub5 ul li {width:140px; line-height:24px;}
.left_sub5 ul li span {width:55px; display:inline-block;}

.left_sub6 {margin-top:11px;}
.left_sub6 a:last-child {margin-left:5px;}
.left_sub6 img {vertical-align:top;}

.left_sub7 p {background:#eaeaea; line-height:39px; font-weight:bold; padding-left:17px;}
.left_sub7 p span {display:inline-block; padding:0 7px;}
.left_sub7 ul {border:1px solid #eaeaea; border-top:none; height:80px; padding-left:14px;overflow-y: auto;}
.left_sub7 ul li {width:160px; display:block; padding:13px 0px 9px 12px;}
.left_sub7 ul>div {text-align:center; padding-top:33px; font-weight:bold;}

.left_sub8 {margin-top:22px;}
.left_sub8 a:last-child {margin-left:5px;}
.left_sub8 img {vertical-align:top;}

.left_sub9 p {background:#eaeaea; line-height:39px; font-weight:bold; padding-left:17px; letter-spacing:-0.01em;}
.left_sub9 ul {border:1px solid #eaeaea; border-top:none; height:195px; padding-left:15px;}
.left_sub9 ul li {width:180px; display:block; padding:13px 0px 9px 0px; border-bottom:1px solid #e5e5e5;}
.left_sub9 ul li:last-child {border:none;}
.left_sub9 ul li a {float:left;}
.left_sub9 ul li img {float:right; display:inline-block;}
.left_sub9 ul>div {text-align:center; padding-top:91px; font-weight:bold;}

.index_box {border:1px solid #cfcfcf !important; padding:9px 0px 8px; margin-right:8px; text-align:center; color:#9b9b9b; font-size:12px; box-sizing:border-box; height:34px !important;}
.index_stit {height:28px; background:#fff !important; border-bottom:2px solid #58585a; box-sizing:border-box;}
.index_stit h2 {float:left; margin:0px 0 0 15px; } /* font-size:15px; font-family:'Nanum Gothic'; color:#fff; */
.index_stit a {float:right; margin:0px 10px 0 0;}
.index_tbl th {text-align:center; height:33px; padding-top:1px;}
.index_tbl td {text-align:center; height:33px; border-bottom:1px solid #e6e6e6;}
.index_tbl td>i {margin:-5px 1px 4px -12px; width:11px; height:11px; background:url(../../images/index_ico_new.gif) no-repeat; display:inline-block;}
.index_tbl td:nth-child(2)>i {margin:-5px 1px 4px -5px; width:11px; height:11px; background:url(../../images/index_ico_new.gif) no-repeat; display:inline-block;}
.index_tbl td.new>i {margin:-5px 1px 4px -5px; width:11px; height:11px; background:url(../../images/index_ico_new.gif) no-repeat; display:inline-block;}
/*
.index_tbl th {text-align:center; padding:10px 0 9px 0; line-height:15px;}
.index_tbl td {text-align:center; padding:10px 0 7px 0; border-bottom:1px solid #e6e6e6;}
*/

/*.index_todo {height:124px; background:url(../../images/index_bg_todo.gif) no-repeat; padding:12px 0 0 21px;}*/
.index_todo {height:150px; background:url(../../images/index_bg_todo1.gif) no-repeat; padding:20px 0 0 21px;} /* height:158px; */
.index_todo td {padding:3px 0 2px !important; line-height:14px; border:9px solid #fff;}
.index_todo td:first-child {padding:0px !important;}
.index_todo .num a {width:100%; background:#eaeaea; color:#000 !important; display:block; text-align:center; padding-top:1px;}
.index_todo .num a:hover {color:#F00;}

/* 게시판 */
caption {display:none}
.CounselList .KinpageTitle{height:30px;padding:10px 0px 0;font-family:'Nanum Gothic'; font-weight:800; font-size:24px;letter-spacing:-0.5px;color:#000;border:0px solid #e5e5e5;border-top:none;}
.CounselList .KinpageTitle span{padding-left:19px;font-family:'Nanum Gothic'; font-weight:800; font-size:20px;letter-spacing:-0.5px;color:#00a1a3;}

/* 게시판 작성하기 밑줄 제외 */
.bbs_Noline{margin-top:10px;border-top:2px solid #444;}
.bbs_Noline th{height:28px;padding:5px 5px;text-align:left;color:#3a3a3a;;background:#f8f8f8;}
.bbs_Noline td{font-size:12px;line-height:22px;vertical-align:middle;padding:5px 5px;}

select, input[type=text] {height:22px;border:1px solid gray;}

/* 마이스케쥴 */
.calendar th {border-bottom:1px solid #e6e6e6; box-sizing:border-box; border-left:1px solid #e6e6e6;}
.calendar th:first-child {border-left:none;}
.calendar td {text-align:left; position:relative; height:56px; padding:5px 0 0 5px; vertical-align:top; font-size:11px; color:#b6b0b6 !important; border-left:1px solid #e6e6e6;}
.calendar tr td:first-child {border-left:none;}
.calendar tr:last-child>td {height:55px;}
.calendar td a {position:absolute; left:35px; top:25px; color:#d9422b; text-align:center; font-weight:bold; font-size:11px;}
.calendar td em {width:11px; line-height:11px; vertical-align:top; font-style:normal; color:#fff; display:block; padding:2px 3px 0 1px; background:#58595b; text-align:center; overflow:hidden; border-radius:2px; cursor:pointer;}/* 오늘 표시 */
.schedule {position:absolute; left:-58px; top:14px; font-weight:normal; text-align:left; letter-spacing:-0.01em; line-height:1.4em; width:135px; z-index:10; visibility:hidden;}
.schedule div {background:#ffffc3; border:1px solid #b6b0b6; border-top:none; box-sizing:border-box; padding:10px 0 7px 10px; margin-top:-6px;}
.calendar td a:hover .schedule {visibility:visible;}