@charset "utf-8";
/* CSS Document */

/*
.bbs_conhtml, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document.execCommand('BackgroundImageCache', false, true));}
*/

/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0; margin-top: 0px; /*게시판추가후 margin-top 추가*/ }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #666; font-size: 13px; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px }
.page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 }



table caption {overflow:hidden; font-size:0; line-height:0; font-size:15px;}

a { color: #666; text-decoration: none; }
a:link { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #666; text-decoration: none; }

p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size:15px; color: #666; line-height: 160%;}

.select {font-size:14px; color:#666; border:1px solid #ddd; background-color:#ffffff; padding:8.5px; }
.input {font-size:14px; color:#666; border:1px solid #ddd; background-color:#ffffff; padding:6px; height:auto; line-height:normal;}
.search_input {font-size:14px; color: #666; border: #ddd 1px solid; background-color: #ffffff; padding:6px;}

.l_input {width:90%;}
.m_input {width:50%;}

.hide {font-size:0; text-indent:-9999px;}

.form {line-height: 25px; padding-left:10px; font-size:14px; color:#353535; height:35px;border:1px solid #d3d3d3; border-radius: 0px; box-sizing:border-box;}
.form_in { padding-left:10px; font-size:15px; color:#353535; height:30px;border:1px solid #d3d3d3;}
.form_select { width: 200px; line-height: 25px; padding-left:10px; font-size:14px; color:#353535; height:35px; border:1px solid #d3d3d3;}

.selectbox {
	border:1px solid #dcdcdc;
	background-color:#f7f7f7; 
    position: relative;
    z-index: 1;
	padding: 0px 15px 0px 0px ;
	border-radius:3px;
}

/* input 디자인 */
.input_m {width:250px;}
.input_s {width:130px;}
.input_l {width:98%; box-sizing:border-box;}
.input_file {padding:5px; border:1px solid #ddd;width:50%;}

/* 버튼디자인 */
.btn_w {display:inline-block; text-align:center; /*height:40px;*/  line-height:40px; width:85px; border:1px solid #ccc; font-size:13px; letter-spacing:-0.5pt; vertical-align:top;}
.btn_w:hover {color:#333; border:1px solid #333; text-decoration: none}

.btn_d {display:inline-block; text-align:center;  line-height:40px; width:85px; border:1px solid #ccc; font-size:13px; letter-spacing:-0.5pt; vertical-align:top;background:#f9f9f9;}
.btn_d:hover {color:#333; border:1px solid #333; text-decoration: none;}

.btn_b {text-align:center;/*height:40px;*/ line-height:40px; width:85px; border:1px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; cursor:pointer}
.btn_b:link, .btn_b:visited {display:inline-block; text-align:center; /*height:40px;*/  line-height:40px; width:85px; border:1px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top;}
.btn_b:hover  {background:#333; border:1px solid #333; color:#fff; text-decoration: none}




/* 서치 검색버튼 */
.btn_b_s {display:inline-block; text-align:center; /*height:40px;*/ padding: 9px 0; color:#fff; width:80px; border:1px solid #555; background:#555; letter-spacing:-0.5pt; vertical-align:top; font-size:13px; }
.btn_b_s:hover  {background:#333; border:1px solid #333; text-decoration: none}


.comm_btn_confirm {display:inline-block; width:75px; height:56px; text-align:center; color:#fff; border:1px solid #555; background:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top;}

input.btn_w {text-align:center; height:40px; line-height:40px; width:85px; border:1px solid #ccc; background:#fff; color:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top;}
input.btn_w:hover {color:#333; border:1px solid #333; text-decoration: none}

input.btn_b {text-align:center; line-height:40px; width:85px; border:0px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; cursor:pointer}
input.btn_b:hover {background:#333; border:0px solid #333; text-decoration: none}


.no_s {border:1px solid #0e3c96;text-align:center; height:20px; line-height:20px;  padding: 5px 5px; color: #fff;background:#0e3c96;  font-size: 11px; letter-spacing: 0pt;/*border-radius: 5px;*/ }

.badge-dark-blue {font-size: 13px;line-height:20px; padding: 5px 20px;
    color: #fff; background-color: #004483;
}
.badge-blue {font-size: 13px;line-height:20px; padding: 5px 20px;
    color: #fff;
    background-color: #0083fc;
}
.badge-sky {font-size: 13px;line-height:20px; padding: 5px 20px;
    color: #fff;
    background-color: #00b9e1;	
}
.badge-indigo {font-size: 13px;line-height:20px; padding: 5px 20px;
    color: #fff;
    background-color: #727cf5;	
}
.badge-red-dark {font-size: 13px;line-height:20px; padding: 5px 20px;
    color: #fff;
    background-color: #CC0202;
}
.badge-gray-dark {font-size: 13px;line-height:20px; padding: 5px 20px;
    color: #fff;
    background-color: #343a40;	
}
.badge-line {font-size: 13px;line-height:20px; padding: 5px 20px;
    color: #0083fc;
    border: 1px solid #0083fc;
    background-color: transparent	
}

.btn_view {text-align:center; height:20px; line-height:20px;  padding: 5px 20px; border:1px solid #3a3c8c; background:#3a3c8c; color:#fff; font-size:13px; letter-spacing:0pt; vertical-align:top; cursor:pointer}
.btn_view:link, .btn_view:visited {display:inline-block; text-align:center; height:20px; line-height:20px; padding: 5px 20px; border:1px solid #3a3c8c; background:#3a3c8c; color:#fff; font-size:13px; letter-spacing:0pt; vertical-align:top;}
.btn_view:hover  {background:#1d2088; border:1px solid #1d2088; color:#fff; text-decoration: none}

.btn_info {display:inline-block; text-align:center; height:35px; line-height:35px; width:120px; border:1px solid #ccc; font-size:14px; letter-spacing:-0.5pt; vertical-align:top; font-weight: 500;}
.btn_info:hover {color:#333; border:1px solid #333; text-decoration: none;font-weight: 500;}

.btn_info_img {display:inline-block; text-align:center; height:35px; line-height:35px; width:148px; border:1px solid #ccc; font-size:14px; letter-spacing:-0.5pt; vertical-align:top; font-weight: 500;}
.btn_info_img:hover {color:#333; border:1px solid #333; text-decoration: none;font-weight: 500;}



/* list */
.bbs_con{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333; }
.bbs_con th{font-size:15px; color:#333; font-weight:500; text-align:center; padding:16px 0; border-bottom:1px solid #bbb; letter-spacing:-0.5pt; background:#f9f9f9;  font-family: 'NotoKR-Medium', sans-serif;}
.bbs_con td{padding:18px 5px; text-align:center; border-bottom:1px solid #ddd;  font-family: 'NotoKR-Medium', sans-serif; font-weight:400;}
.bbs_con tr:hover{background:#fafafa}
.bbs_con td a span {font-family:'NotoKR-Medium',sans-serif; font-weight: 500; letter-spacing: -0.3pt;}

.bbs_con td.left{text-align:left; padding-left:10px; font-family: 'NotoKR-Medium', sans-serif ; font-weight:500;}


.bbs_con td p.m_name{display:none}

/* 검색 */
.board_search {width:100%; text-align:center; border:none; padding:15px 0px; margin-top:20px;background-color: #f9f9f9;border-top: 1px solid #999;
    border-bottom: 1px solid #d4d4d4; }
.board_search .img {vertical-align:top;}
.board_search .search_input {color:#666; border: #ddd 1px solid; background-color: #ffffff; width:25%; padding:9px;}
.board_search select {height:auto;}

.bbs_btn{width:100%; padding-top:10px;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}

/* == 학생정보 ==*/

/* list */
.bbs_con_info{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333; }
.bbs_con_info th{font-size:14px; color:#333; font-weight:500; text-align:center; padding:16px 0; border-bottom:1px solid #bbb; letter-spacing:-0.5pt; background:#f9f9f9}
.bbs_con_info td{padding:8px 5px; text-align:center; border-bottom:1px solid #ddd;}
.bbs_con_info tr:hover{background:#fafafa}
.bbs_con_info td a {letter-spacing:-0.3pt;}
.bbs_con_info td.left{text-align:left; padding-left:10px;}

.bbs_con td p.m_name{display:none}


.board_info{width:100%;}
.board_info li.board_info_left{float:left; margin-bottom: 80px; width:35%; padding-right: 5%}
.board_info li.board_info_right{float:right; width:60%;}
.info_txt{text-align: center;color:#333333; border-top:1px solid #333333;border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; padding: 252px 0 ;}
.info_txt span{margin: 10px 0 0 0;}



.board_left{float: left;}
.board_right{float: right;}

.board_left_01{float: left;width: 25%;}
.board_left_01 span{display:block;padding: 0 0 10px 0;}

.board_right_02{float: right;width: 75%;}


.board_left_03{float: left;width: 15%;}
.board_left_03 span{display:block;padding: 0 0 10px 0;}

.board_right_03{float: right;width: 85%;}

.pad_10 {padding-top: 15px;}

.bbs_view_info{width:100%; border-collapse:separate; border-top:1px solid #333333; border-spacing:0px;}
.bbs_view_info tbody th{border-bottom:1px solid #d4d4d4; padding:10px 12px; text-align: center;color:#333; font-weight:500; background-color:#f9f9f9;}
.bbs_view_info td{border-bottom:1px solid #d4d4d4; padding:10px 12px; text-align: left;}
/*.ico{display:inline-block; color:#fff; border:1px solid #2a7dc6; border-radius:2px; background:#3a90db; padding: 0px 15px; white-space:nowrap; text-align:center; font-size: 13.5px;font-weight:500;letter-spacing: 0.5pt; }*/



/*== //학생정보 ==*/


/* view */
.bbs_view{width:100%; border-collapse:separate; border-top:1px solid #333333; border-spacing:0px;}
.bbs_view th{}
.bbs_view td{border-bottom:1px solid #d4d4d4; padding:12px; text-align: left; font-size: 14px;}
.bbs_view td.view_detail{color:#888; text-align:left; border-bottom:1px dashed #d4d4d4;}
.bbs_view td span.view_s{padding: 0 30px 0 0;}
.bbs_view td .view_content{padding:20px 0 60px 0 !important; line-height: 160%;}
.bbs_view td.tit{font-size:14px; color:#333; font-weight:500; text-align:center; width:150px !important; background-color:#f9f9f9; border-right:1px solid #d4d4d4; padding:10px 0;font-family: 'NotoKR-Medium', sans-serif;}
.bbs_view th.title{font-size:20px; color:#333; font-weight:500; text-align:left; padding:15px; border-bottom:1px solid #ddd;  letter-spacing:-0.2pt;font-family: 'NotoKR-Medium', sans-serif;}
.bbs_view td a {font-family:'NotoKR-Medium',sans-serif; font-weight: 500;}

.view_content td{border:none !important;}
.view_content div{width:100% !important;}
.view_content img{width:auto; max-width:100% !important;}


.textarea {font-family:inherit; color:#666; line-height:150%; letter-spacing: -0.5px; padding:5px; border:#d4d4d4 1px solid; background-color:#f6f6f6;}




/* 카테고리 */
.cate_tab {overflow:hidden; clear:both; width:795px; margin:0 auto 30px auto;}
.cate_tab li {float:left; margin-bottom:4px; margin-right:4px;}
.cate_tab a {letter-spacing:-0.5pt; display:block; width:155px; height:59px; background:#f0f0f0; text-align:center; line-height:59px; font-size:17px; color:#666; box-sizing:border-box;}
.cate_tab a:hover {text-decoration:none; background-color:#fff; border:3px solid #2e3192; line-height:54px; color:#2e3192}
.cate_tab a span {letter-spacing:-0.5pt;display:block; height:59px; line-height:54px; border:3px solid #2e3192; background:#fff; width:155px;  color:#2e3192;  box-sizing:border-box;}
.cate_tab a span:hover {position:relative; top:-3px; left:-3px;}


/* wirte */
.bbs_input_ment {float: right; font-size: 13px; line-height: 35px; color:#ff0000; }
.bbs_input_ment_l {float: left; font-size: 13px; line-height: 20px; color:#ff0000; }


/*********** Input *************/
.input_msg {padding:10px 0; text-align:right; font-size:13px;}
.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.bbs_input th {color:#333; text-align:center; padding:8px 10px; background-color:#f9f9f9; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; font-size:14px;font-family: 'NotoKR-Medium', sans-serif;}
.bbs_input td {border-bottom:1px solid #ddd; padding:8px 10px; text-align: left;font-size:14px;}
.bbs_input td.line {border-right:1px solid #ddd; }
.bbs_input td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:150%;}
	.input_l {width: 98%;box-sizing: border-box;}
	

/* 동의폼 */
.pri_box {width:100%; border:1px solid #dddddd; padding:15px; margin:10px 0px 20px 0px; box-sizing:border-box;}  
.pri_box p.pri_tit {font-weight:100; font-family:NotoKR-Medium; padding-bottom:10px; color:#333;} 
.pri_box .textarea {height:100px;}
.pri_message {font-size:13px;  width:100%; text-align:center; padding-top:8px; font-family:inherit;}
.pri_message input[type=checkbox] {width:12px; height:12px; margin-right:5px;}

/* 저작권공지 */
.input_notice{border:1px solid #ddd; background-color:#f9f9f9; padding:20px;}
.input_notice h4{font-size:17px; font-weight:100; font-family:NotoKR-Medium; color:#333; letter-spacing:-1pt; padding:0 0 5px 0;}
.input_notice h4 span{color:#d51921; letter-spacing:-1pt;}
.input_notice p.txt{font-size:14px; color:#666; line-height:22px;}
.input_notice p.point{font-size:14px; color:#d51921;line-height:21px; padding:3px 0 0 0; text-decoration:underline}



@media(min-width: 768px) { 

	
}




/*******************************************************************************
	@media ~640px
*******************************************************************************/
@media all and (max-width:640px){
	
td,th,table {font-size:13px;}

.select {font-size:13px;}
.input {font-size:13px;}
.search_input {font-size:13px;}

.l_input {width:80%;}
.m_input {width:50%;}
	

/* list */

.bbs_con thead {display: none;}
.bbs_con .count {display: none;}	
.bbs_con .no {display: none;}	
.bbs_con .wfile {display: none;}		
.bbs_con .name {display: none;}	
.bbs_con .wdate {text-align: right;}

	
	
/* 검색 */
.board_search { padding:10px 0px;}

/* 버튼디자인 */
.btn_w {line-height:35px; width:70px;}
.btn_d {line-height:35px; width:70px;}
.btn_b {line-height:35px; width:70px;}
.btn_b:link, .btn_b:visited {line-height:35px; width:70px;}
input.btn_b {line-height:35px; width:70px;}
input.btn_b:hover{line-height:35px; width:70px;}
	
/* view */

.bbs_view td span.view_s{padding: 0 20px 0 0;}
.bbs_view td{font-size:13px;}
.bbs_view td .view_content{padding:20px 0 60px 0 !important;}
.bbs_view td.tit{font-size:13px;width:100px !important; padding:10px 0;}
.bbs_view th.title{font-size:16px;}
.bbs_view td.view_detail{font-size:13px;}

.view_content td{border:none !important;}
.view_content div{width:100% !important;}
.view_content img{width:auto; max-width:100% !important;}


/* wirte */
.bbs_input_ment {font-size: 12px; display: none;}
.bbs_input_ment_l {font-size: 12px; letter-spacing: -0.5pt;}
	
/*********** Input *************/
.bbs_input th { padding:8px 10px;font-size:13px; width:25%; box-sizing:border-box;}
.bbs_input td {padding:8px 10px;font-size:13px;max-width:calc(100% - 120px); box-sizing:border-box;}
	.bbs_input_ment_l {display: none;}	

.form_select {font-size: 13px;}	

/* input 디자인 */
.input_m {width:80%; box-sizing:border-box;}
.input_s {width:100%; box-sizing:border-box;}	
.input_file {width:100%; box-sizing:border-box;}	
	
.bbs_btn{padding-bottom:10px;}	
	
}


/* 텍스트 길이 처리 */
.cont_limit	{
				overflow: hidden;
				text-overflow: ellipsis;
				-o-text-overflow: ellipsis;
				-ms-text-overflow: ellipsis;
				white-space: nowrap;
				position: relative;
				/*float: left;*/
				}
#cont_limit_400	{width: auto; max-width:400px; background-color:red}
#cont_limit_420	{width: auto; max-width:420px;}

.space_btn {margin-top:20px; width:100%; text-align:right;}