/* 상단 검색 */
.search-box {position:relative; width:100%; height: 66px; border:1px solid #dedede; background: #fafafa; }
.search-box .search-form {position:relative; width:100%; margin:0 auto; height:27px; text-align:center;}
.search-box .search-form select.sel01 {border:1px solid #e3e3e3; display: inline-block; padding:5px 0 5px 0; width:76px;  margin-top:18px }
.search-box .search-form select.sel02{border:1px solid #e3e3e3; display: inline-block; padding:5px 0 5px 0; width:100px;  margin-top:18px }
.search-box .search-form select.sel03{border:1px solid #e3e3e3; display: inline-block; padding:5px 0 5px 0; width:200px;  margin-top:18px }
.search-box .search-form select.sel04{border:1px solid #e3e3e3; display: inline-block; padding:5px 0 5px 0; width:70%;  margin-top:18px }
.search-box .search-form input.i01 {border:1px solid #e3e3e3; padding:6px 0 5px 0; width:30%; margin-top:18px}
.search-box .search-form .search-box-btn { margin-left:5px;  margin-top:18px}
.search-box .search-form span.txt{ margin:0 20px 0 20px;  margin-bottom:20px; vertical-align:bottom}

/* 포토스토리 */
.list_type{padding:20px 0;width:100%;border-top:2px solid #000;border-bottom:1px solid #e1e1e1;}
.list_type ul{overflow:hidden;position:relative;}
.list_type li{position:relative;margin-bottom:-1px; padding:20px 0; border-bottom:1px solid #e1e1e1;line-height:130%;}
.list_type li a.link_section{position:relative;display:inline-block;padding:0 20px 0 220px;height:115px;}
.list_type li a:hover {background: #f9f9f9; }
.list_type li img.thumb{position:absolute;top:0;left:0;width:180px;height:112px;}
.list_type li .list_cont{display:block; }
.list_type li .tit{overflow:hidden;display:block;margin-top:-4px;height:20px;}
.list_type li .cont{overflow:hidden;display:block;margin:5px 0;height:65px;}
.list_type li .writing{position:absolute;bottom:35px;left:220px;color:#687481;line-height:20%;}

/* 주요대학, 자격증 정보 magazine */
.board_magazine{border-bottom: 1px solid #545861;border-top: 2px solid #333333;}
.board_magazine > ul > li{display: block;position:relative;padding: 21px 21px 21px 250px;min-height: 170px;border-bottom:1px solid #f2f2f2}
.board_magazine > ul > li .image{position:absolute;top:21px;left:21px;width:200px}
.board_magazine > ul > li .mark{position:absolute;top:21px;left:21px;width:150px}
.board_magazine > ul > li .image img,
.board_magazine > ul > li .mark img{width:100%}
.board_magazine > ul > li .title{display:block;margin-bottom: 9px;font-size:18px; color: #545454;line-height: 28px;}
.board_magazine > ul > li .title strong{margin-right:10px}
.board_magazine > ul > li > .contents > ul > li{position:relative;padding-left:105px}
.board_magazine > ul > li > .contents > ul > li .name{position:absolute;top:0;left:12px;width:80px}
.board_magazine > ul > li > .contents > ul > li .name::after{position:absolute;top:0;right:0;content:':'}
.board_magazine > ul > li > .contents > ul > li.wibox{padding:20px 0 0 10px}
.board_magazine > ul > li > .contents > ul > li.wibox a{display:inline-block}
.board_magazine > ul > li > .contents > ul > li > ul > li{position:relative;margin-bottom:10px;padding-left:10px}
.board_magazine > ul > li > .contents > ul > li > ul > li::before{position:absolute;top:0;left:0;content:'-'}
.board_magazine > ul > li > .contents > ul > li > ul > li > ul > li{position:relative;padding-left:15px}
.board_magazine > ul > li > .contents > ul > li > ul > li > ul > li::before{position:absolute;top:0;left:0;content:'ㆍ'}

/* 멘토(나눔지기) 소개 목록 */
.nanum_list{margin:40px 0 0;border-bottom: 1px solid #545861;border-top: 2px solid #333333;}
.nanum_list ul:after{display:block;clear:both;content:''}
.nanum_list ul li{float:left;width:16.6%;font-size:13px;text-align:center;}
.nanum_list ul li a{display:block;margin:15px 10px;padding:5px 5px 10px;min-height:280px;border:1px solid #dedede}
.nanum_list ul li .photo{display:block;height:190px;overflow:hidden}
.nanum_list ul li img{display:block;margin:0 auto;height:190px}
.nanum_list ul li .tit{display:block;margin:5px 0;font-size:14px;font-weight:bold}

/* 멘토(나눔지기) 소개 상세 */
.nanum_view{margin:20px 0 30px;padding-bottom:20px;}
.nanum_view .infor_box{position:relative;padding:20px 20px 20px 200px;border:2px solid #545861}
.nanum_view .infor_box .photo{position:absolute;top:20px;left:20px;width:150px}
.nanum_view .infor_box .photo img{width:100%}
.nanum_view .infor_box ul li{position:relative;padding-left:110px;min-height:25px}
.nanum_view .infor_box ul li span{position:absolute;top:0;left:10px;width:90px}
.nanum_view .infor_box ul li span::after{position:absolute;top:0;right:0;content:':'}

/* 1:1상담 답변 */
.replyCon{position:relative;margin:20px 0;padding:20px 0 0 60px;border-top:1px dashed #ccc}
.replyCon dt{position:absolute;top:20px;left:0;padding:10px;font-weight:bold;background:#f7f9fa;}
.replyCon dd{line-height:160%}



/* 포토스토리 */
.board-new-list-area {
	margin: 0;
	padding: 0;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #545861;
}

.board-new-list-area ul {
	margin: 0;
	padding: 0;
}

.board-new-list-area ul li {
	margin: 0;
	padding: 0;
}

.board-new-list-area ul li a {
	position: relative;
	padding-right: 168px;
	display: block;
	border: 1px solid #fff;
	border-bottom: 1px solid #f2f2f2;
}

.board-new-list-area ul li a:hover {
	position: relative;
	padding-right: 168px;
	display: block;
	border: 1px solid #1e93e5;
	background: #f9f9f9
}


.board-new-list-area ul li a .number {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 72px;
	margin-top: -8px;
	display: block;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	color: #000000
}

.board-new-list-area ul li a .date {
	position: absolute;
	top: 40%;
	right: 0;
	width: 168px;
	margin-top: -8px;
	display: block;
	font-size: 13px;
	line-height: 20px;
	padding-left:30px;
	color: #000000
}


.board-new-list-area ul li a .news-info-box {
	position: relative;
	display: block;
	min-height: 112px;
	padding: 21px;
	padding-left: 237px;

	border-right: 1px solid #f2f2f2;
}
.board-new-list-area ul li a .news-info-box .image {
	display: block;
	position: absolute;
	top: 21px;
	left: 21px;
	width: 180px;
	height: 112px;
	line-height: 112px;
	text-align: center;
	background: #fff;
}

.board-new-list-area ul li a .news-info-box .image:after {
	content: " ";
	margin-left: -0.6em;
	white-space: pre;
}

.board-new-list-area ul li a .news-info-box .image img {
	display: inline-block;
	vertical-align: middle;
	max-width: 180px;
	max-height: 112px;
}

.board-new-list-area ul li a .news-info-box .title {
	display: block;
	color: #545454;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 9px;
}

.board-new-list-area ul li a .news-info-box .contents {
	color: #999999;
	line-height: 24px;

}


	/* 홍보영상 */
.mov_list .photo_slide { margin-top:20px; height:394px; background:#273455;}
.mov_list .photo_slide .mov_area { position:relative; padding-right:350px;}
.mov_list .photo_slide .mov_area .mov { position:relative; width:100%;}
.mov_list .photo_slide .mov_area .mov video { box-sizing:border-box; width:100%; height:394px; margin-top:-5px;}
.mov_list .photo_slide .mov_area dl { position:absolute; top:0px; right:10px; width:330px; padding:30px;}
.mov_list .photo_slide .mov_area dt { overflow:hidden; max-height:46px;height:70px; padding-bottom:20px; font-size:18px; color:#fff;}
.mov_list .photo_slide .mov_area dd .p_aside { padding-bottom:3px; border-bottom:1px solid #4a556f; transform:none; margin-bottom:8px;}
.mov_list .photo_slide .mov_area dd .p_aside:after { display:block; clear:both; content:"";}
.mov_list .photo_slide .mov_area dd .p_aside p { float:left; color:#fff;}
.mov_list .photo_slide .mov_area div {}
.mov_list .photo_slide .mov_area div textarea { box-sizing:border-box; width:100%; height:260px; background:none; border:0; font-size:13px; color:#ccc;}
.mov_list .photo_slide .mov_area div .mCustomScrollbar {position:relative; width:100%; height:250px; line-height:150%; overflow-y: auto; font-size:13px; color:#ccc;}
.mov_list .photo_slide .mov_area div .mCSB_inside > .mCSB_container {margin-right: 18px;}
.mov_list .table {transform:none;}
.mov_list .table:after { display:block; clear:both; content:"";}
.mov_list .table > li { float:left; width:20%;padding-top:0px;}
.mov_list .table > li:first-child,
.mov_list .table > li:first-child + li,
.mov_list .table > li:first-child + li + li,
.mov_list .table > li:first-child + li + li + li { padding:0;}
.mov_list .table > li article { width:211px; height:226px;  margin:0 auto; border:1px solid #d2d2d2; box-shadow:0 2px 2px rgba(0,0,0,0.25); margin-right:15px}
.mov_list .table > li article figure {position:relative; width:100%; height:131px;overflow:hidden;}
.mov_list .table > li article figure,
.mov_list .table > li article figure img { width:211px; height:131px; border-top-left-radius:4px; border-top-right-radius:4px; background:#f7f7f7 url(../images/common/noimg.png) no-repeat 50% 50%; background-size:50%; object-fit: cover;}
.mov_list .table > li article figure span {position:absolute;z-index:999;top:50%;left:50%;width:83px;height:88px;margin:-44px 0 0 -41px;background:url(../images/common/layer_mv_img.png) no-repeat;}
.mov_list .table > li article figcaption { padding:10px 10px 0; border-top:1px solid #d2d2d2;}
.mov_list .table > li article figcaption a { overflow:hidden; display:block;  color:#000; letter-spacing:-1px; /*text-overflow:ellipsis; white-space:nowrap; word-space:normal; word-break:normal;*/ line-height:18px;}
.mov_list .table > li article figcaption a:hover,
.mov_list .table > li article figcaption a:focus { text-decoration:underline;}
.mov_list .table > li article aside { padding-top:17px;}
.mov_list .table > li article aside p { padding-top:0; font-size:12px; color:#666; float:left; }
.mov_list .table > li article aside p b { font-weight:normal;}
.mov_list .table > li article aside p.hit {background:url(../images/common/line_photo.gif) no-repeat left 4px; padding-left:11px; margin-left:10px;}
.mov_list .table > li article aside ul { float:right; transform:none;}
.mov_list .table > li article aside ul:after { display:block; clear:both; content:"";}
.mov_list .table > li article aside li { float:left; width:15px; height:15px; margin-left:5px; background:url(../images/board/ico_img_sns2.png) no-repeat;}
.mov_list .table > li article aside li a { overflow:hidden; display:block; width:15px; height:15px; font-size:1px;}
.mov_list .table > li article aside li a span { overflow:hidden; display:block; visibility:hidden; width:15px; height:15px; font-size:1px;}
.mov_list .table > li article aside li:nth-child(1) { background-position:-15px top;}
.mov_list .table > li article aside li:nth-child(2) { background-position:right top;}


/* 일반게시판 리스트 
table.t-viewz {width:100%; border-collapse: collapse; border-top:2px solid #494949; border-bottom:2px solid #d4d4d4; }
table.t-viewz thead th {background: #f7f9fa; border-bottom:1px solid #cacaca; padding:15px 0px 16px 0px; text-align:center; }
table.t-viewz tr {text-align:left}
table.t-viewz td { padding:15px 0px 16px 0px; font-size: 0.929em; color:#5b5b5b; border-bottom:1px solid #e7e7e7; text-align:center}
table.t-viewz td span.bar {margin:0 10px 0 10px; font-size: 0.714em}
table.t-viewz td.subject {text-align:left; padding-left:10px; }
table.t-viewz td.subject a {display:inline-block;overflow:hidden;width:auto;max-width:70%;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;/*width:90%;}*/
/*table.t-viewz td.infor {text-align:right; padding-right:10px}
table.t-viewz td a {color:#5b5b5b}
table.t-viewz td a:focus,
table.t-viewz td a:hover {color:#000}
table.t-viewz td.write {text-decoration:underline}
table.t-viewz td.view{ width:120px}
table.t-viewz td.request a { color:#06C; text-decoration:underline}
table.t-viewz img{ vertical-align:middle}
*/

table.t-viewz{margin-bottom:30px;margin-top:0 !important; }
table.t-viewz #VIEW_MCONTENT {min-height:300px; vertical-align: top; text-align: left; line-height:140%; padding:15px; font-size:1em;}
table.t-viewz #VIEW_MCONTENT:hover {background:none;}
table.t-viewz{width:100%; letter-spacing:0;  table-layout:fixed; border-collapse:collapse; border-spacing:0;border-top:2px solid #494949; border-bottom:2px solid #d4d4d4;}
table.t-viewz caption{position:absolute;visibility:hidden;height:0;line-height:0;font-size:0;}
table.t-viewz th{background: #f7f9fa; border-bottom:1px solid #cacaca; padding:12px 0px 13px 0px; text-align:center;  }
table.t-viewz td {padding:10px 0;border:0;border-bottom:1px solid #dde2e8;font-size:14px;text-align:center;word-wrap:normal; overflow: hidden; }
table.t-viewz td a {text-align: left !important; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
table.t-viewz th a {color:#111}
table.t-viewz th a:hover{ text-decoration:underline;}
table.t-viewz td.infor {text-align:right; padding-right:10px}
table.t-viewz td.board_q {color:#ff0000;}
table.t-viewz td.board_a {color:#009e01;}
 
table.t-viewz .num{width:8%;}
table.t-viewz .subject{width:30%;}
table.t-viewz .write{width:12%;}
table.t-viewz .day{width:12%;}
table.t-viewz .search{width:7%;}
table.t-viewz .file,
table.t-viewz .filename{width:7%;}
table.t-viewz .attach{width:6%;}

.board-list table tbody tr:hover td,
.board-list tbody tr:focus td {background:#f4f8fc;border-bottom:1px solid #dde2e8; }
table.t-viewz td.notice{padding:10px 0;border-bottom:1px solid #dde2e8;background:#f1f4f7;}
table.t-viewz td.subject{text-align:left;padding-left:5px;letter-spacing:0;}
table.t-viewz td.subject a{display:inline-block;overflow:hidden;width:auto;max-width:95%;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;/*width:90%;*/}
table.t-viewz td.notice{padding:10px 0;border-bottom:1px solid #dde2e8;background:#f1f4f7;}
table.t-viewz .year{width:10%;}

/* 마우스 오버시 스타일 지정*/
table.t-viewz tr:hover td {background-color:#f5f5f5;} /*배경색*/



/* 일반게시판 쓰기 */
table.sc-twrite {width:100%; border-collapse: collapse;  border-top:2px solid #494949; border-bottom:2px solid #d4d4d4;}
table.sc-twrite tbody th {color: #242424; background: #f7f7f7; text-align: left}
table.sc-twrite td.ttin {margin:0; padding:0}
table.sc-twrite table {width:100%; margin:0; padding:0}
table.sc-twrite table th.file01 {color: #525252; width:90%; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
table.sc-twrite table th.file02 {text-align:center;  color: #525252;  border-right:1px solid #e2e2e2; margin:0; padding:0}
table.sc-twrite table td {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;  margin:0; padding:12px 0 12px 0; vertical-align:middle}
table.sc-twrite td img{ vertical-align:middle}
table.sc-twrite table td.le {padding-left:20px}
table.sc-twrite table td.cen {text-align: center}
table.sc-twrite span.required {color: #ca3155}
table.sc-twrite td,
table.sc-twrite tbody th {padding: 12px 0 12px 20px; border-bottom: 1px solid #e3e3e3; }
table.sc-twrite td input {border:1px solid #dcdcdc; padding:5px;}
table.sc-twrite td input.i02 {width: 60%}
table.sc-twrite td select {padding:4px;  }
table.sc-twrite td select.s01 {width:60px; padding:0 0 0 5px; border:1px solid #dcdcdc !important}
table.sc-twrite span.pw-e01 {font-size: 0.786em; color: #1a5bbd}
table.sc-twrite td.upload {color:#757575}
table.sc-twrite td.upload span.up-e01 {color:#c30000}
table.sc-twrite td span.t01{ margin-right:10px}
table.sc-twrite td .title{ width:70%}


/*  갤러리 게시판 */
.gallery{ width:100%;  border-top:#888 3px solid;   border-bottom:#888888 2px solid; padding-top:40px; display:inline-block; }
.gallery_con{ border:#dedede 1px solid;  margin:1.5%; float:left; margin-bottom:40px;  text-align:center;  width:30%; height:270px ; overflow:hidden;}
.gallery_con .con_img{ width:100%; height:181px; background-color:#999999}
.gallery_con .con_text01{ padding:20px 14px 0px 14px; text-align:center; }
.gallery_con .tit{ font-size:1.143em;font-weight:bold; color:#393939}
.gallery_con .con_text02{ color:#5f5f5f; letter-spacing:0px; height:45px; padding:0px 14px; overflow:hidden;   }
.gallery_con .con_text03{ font-size:0.786em; color:#9e9e9e; letter-spacing:0px; padding:0px 14px; text-align:center;}
.gallery_con span.subject {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;  color:#393939; text-align:center;  }
.gallery_con span.text {width:100%; height:50px;  overflow:hidden; text-overflow:ellipsis; display:inline-block; line-height:150%; text-align:center; }

.gallery_con h4 {font-size:1em; color:#393939}
.gallery_link{ background-color:#f9f9f9; border:#e0e0e0 1px solid; padding:20px 18px; margin-bottom:10px }
.gallery_link .link01{ height:28px;}
.gallery_link .link02{ width:610px; height:25px; border:#CCCCCC 1px solid }




/* 포토스토리 */

.photo_story{ width:100%;  border-top:#888 3px solid;   border-bottom:#888 2px solid; padding-top:40px; display:inline-block;  }
.photo_con{ border:#dedede 1px solid; margin:1%; float:left; margin-bottom:20px;  text-align:center; width:23%; height:270px; overflow:hidden;}
.photo_con .con_img{ width:100%; height:181px; background-color:#999}
.photo_con .con_text01{ padding:20px 14px 0px 14px;  height:47px; text-align:center; }
.photo_con h2{ font-size:1.2em; color:#393939}
.photo_con .con_text02{ color:#5f5f5f; letter-spacing:0px; height:45px; padding:0px 14px; overflow:hidden;   }
.photo_con .con_text03{ font-size:11px; color:#9e9e9e; letter-spacing:0px; padding:0px 14px; text-align:center;}
.photo_con span.subject {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;  color:#393939; text-align:center;  }
.photo_con span.text {width:100%; height:50px;  overflow:hidden; text-overflow:ellipsis; display:inline-block; line-height:150%; text-align:center; }
.photo_link{ background-color:#f9f9f9; border:#e0e0e0 1px solid; padding:20px 18px; margin-bottom:10px }
.photo_link .link01{ height:28px;}
.photo_link .link02{ width:610px; height:25px; border:#CCC 1px solid }



/*  신청게시판 상단에 동의 */
.print_notice_tit{   color:#2976be; font-size:1.286em;font-weight:bold;}
.print_notice{width:100%; border:1px solid #e8ebee; background-color:#f7f8f9; margin: 20px 0 20px 0; padding: 20px; }
.agree_form01{ width:97%; border:#CCC 1px solid; background-color:#f5f5f6; padding:15px; margin-top:20px}
.agree_form01 p{ text-align:right}


/*  신청게시판 상단에 동의 */
.personalbox {width:100%; border:1px solid #e8ebee; background-color:#f7f8f9; margin: 20px 0 20px 0; padding: 10px; }
.personalbox dt{ font-weight:bold}
.personalbox dd{ padding-left:15px; margin-bottom:20px}


/* 버튼 및 이미지 */
table.t-viewz .rist_picimg img{ width:100%} 
table.t-viewz td a.btn01{display:inline-block; padding:3px 13px 3px 13px;  color:#fff !important;  font-size:0.786em; background:#cfcfcf;  } /* 예정 */
table.t-viewz td a.btn02{display:inline-block; padding:3px 13px 3px 13px;   color:#fff !important;  font-size:0.786em; background:#ff8b33;  } /* 신청 */
table.t-viewz td a.btn03{display:inline-block; padding:3px 13px 3px 13px;  color:#fff !important;  font-size:0.786em; background:#0c52b2;  } /* 완료 */



/* 페이징 */ 
.go_btn_search{ text-align:center; margin-top:30px; height:36px; font-size:0.929em;}
.go_btn_search a{ width:36px; /*height:36px;*/ display:inline-block;margin:0 0 0 -3px; vertical-align:middle; line-height:35px}
.go_btn_search a span { padding-bottom:2px; display:inline-block;}
.go_btn_search a.number01{  text-align:center; vertical-align:middle; border-top:#cdcdcd 1px solid; border-left:#cdcdcd 1px solid;  border-bottom:#cdcdcd 1px solid;  background:#333 !important;   color:#fff !important;}
.go_btn_search .number02{  border-top:#cdcdcd 1px solid; border-left:#cdcdcd 1px solid; border-bottom:#cdcdcd 1px solid; background:#ececec;  display:inline-block; text-align:center}
.go_btn_search a.number02:hover{ color:#2f73d4 !important; }
.go_btn_search a.number02:active{ color:#2f73d4 !important; }
.go_btn_search .number02 span{ color:#515151}




.paging_base  a {padding: 0 0 0 0; margin: 0 0 0 0;}
.paging_base .first, .paging_base .prev, .paging_base .next, .paging_base .last{padding: 0 0 0 0; margin: 0 0 0 0;}
.paging_base  a > span{display: inline-block; padding: 8px 0 0 0;margin:0 0 0 -1px; }
.paging_base .first{ background:url('https://static.kosaf.go.kr/portal/images/n_skin/customer/page_first.gif'); }
.paging_base .first > span{ visibility:hidden;}
.paging_base .prev{ background:url('https://static.kosaf.go.kr/portal/images/n_skin/customer/page_prev.gif'); }
.paging_base .prev > span{visibility:hidden;}
.paging_base .next{ background:url('https://static.kosaf.go.kr/portal/images/n_skin/customer/page_next.gif'); }
.paging_base .next > span{visibility:hidden;}
.paging_base .last{ background:url('https://static.kosaf.go.kr/portal/images/n_skin/customer/page_last.gif'); }
.paging_base .last > span{visibility:hidden;}
.paging_base {text-align:center;}


/* 만족도 참여내역 */
.poll_con tr:nth-of-type(2n) {background:#f9f7ed;}
.poll_con tr:hover td {background:none !important;}
.poll_con a.btn_more {float:right; color:#000; margin-right:10px;}
.poll_con a:hover.btn_more {color:#4099d5;}
.poll_con dl {width:100%; display:inline-block; padding:0 10px;}
.poll_con dl dt {border-bottom:#e8e0b9 1px solid; padding:8px 8px 12px 0; width:100%;}
.poll_con dt span.poll_date {float: right;}
.poll_con dl dd {padding:12px 8px 8px 0;}
.poll_con dl dt > em {background:url(https://static.kosaf.go.kr/portal/images/n_skin/common/icon_reply.png) 5px 0 no-repeat; padding:0 10px 0 20px; }
.page_before {float:left; background:url(https://static.kosaf.go.kr/portal/images/n_skin/common/icon_arrow_left07.png) 50% 50% no-repeat #fff; border:#ccc 1px solid; width:20px; height:20px}
.page_after {float:left; background:url(https://static.kosaf.go.kr/portal/images/n_skin/common/icon_arrow_right07.png) 50% 50% no-repeat #fff; border:#ccc 1px solid; width:20px; height:20px}
.page_closed {background:url(https://static.kosaf.go.kr/portal/images/n_skin/common/icon_arrow_up_black.png) 5px 7px no-repeat ; padding:3px 0 3px 17px;  display:inline-block;}



/* 이전글 */
#VIEW_BC_AREA .v_img {
	background:url("https://static.kosaf.go.kr/portal/images/n_skin/customer/board-listview-upbtn.png") no-repeat; 
	display: inline-block;
	
	box-sizing: border-box; 
	width: 16px;
	height: 16px;
}
/* 다음글 */
#VIEW_NC_AREA .v_img{
	background:url("https://static.kosaf.go.kr/portal/images/n_skin/customer/board-listview-downbtn.png") no-repeat;
	display: inline-block;
	
	box-sizing: border-box; 
	width: 16px;
	height: 16px;
}
/* 달력 */
#BOARD_EDIT .calselect{
	background:url("https://static.kosaf.go.kr/portal/images/n_skin/customer/cal.gif") no-repeat;
	display: inline-block;
	
	box-sizing: border-box; 
	width: 25px;
	height: 25px;

}
/* replay */
#BOARD_LIST .replay{
	background:url("https://static.kosaf.go.kr/portal/images/n_skin/customer/icon10_01.gif") no-repeat;
	display: inline-block;
	
	box-sizing: border-box; 
	width: 40px;
	height: 16px;
}
/* vocant */
#BOARD_LIST .vocant{
	background:url("https://static.kosaf.go.kr/portal/images/n_skin/customer/icon12.png") no-repeat;
	display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	width: 18px;
	height: 16px;
}
/* secret */
#BOARD_LIST .secret{
	background:url("https://static.kosaf.go.kr/portal/images/n_skin/customer/icon11.gif") no-repeat;
	display: inline-block;
	
	box-sizing: border-box; 
	width: 11px;
	height: 14px;
}
/* 게시판 end */



/* --------------------- 테이블 S ------------------------ */

/* 테이블 상단 회색 */
.table_01 {width:100%; border-collapse:collapse; border-top:2px solid #666; border-bottom:2px solid #d4d4d4; text-align:left;  }
.table_01 .headTd {background-color:#e5e5e5; padding:20px; font-size:1.143em}
.table_01 th { background-color:#f4f4f4; text-align:left; border:1px solid #e7e7e7; border-bottom:1px solid #cacaca; color:#333 ; font-weight:600; }
.table_01 td { color:#5b5b5b; border:1px solid #cacaca;}
.table_01 th,
.table_01 td {padding:10px; font-size:0.929em;}
.table_01 td.t_bold{ font-weight:bold; background-color:#f3fafd;}
.table_01 .t_cnt{text-align:center;}
.table_01 .t_left{ text-align:left;}


/* 기본 테이블*/
.table_02 {width:100%; border-collapse:collapse; border-top:2px solid #666; border-bottom:2px solid #d4d4d4; text-align:center; font-size:0.857em;}
.table_02 th { background: #f7f9fa;  text-align:center;  border:1px solid #e7e7e7; border-bottom:1px solid #cacaca; color:#333; padding:8px 4px 9px 4px;  }
.table_02 td { color:#5b5b5b; border:1px solid #e7e7e7; padding:10px; text-align:center }
.table_02 td.t_bold{ font-weight:bold; background-color:#f3fafd;}
.table_02 td.t_left{ text-align:left;}
.table_02 .t_cnt{text-align:center;}



.table_02_center { width:100%; border-collapse:collapse; border-top:2px solid #666; border-bottom:2px solid #d4d4d4; text-align:center; font-size:0.857em;}
.table_02_center th { background: #f7f9fa;  text-align:center;  border:1px solid #e7e7e7; border-bottom:1px solid #cacaca; color:#333; padding:8px 4px 9px 4px;  }
.table_02_center td { color:#5b5b5b; border:1px solid #e7e7e7; padding:10px; text-align:center; }
.table_02_center td.t_bold{ font-weight:bold; background-color:#f3fafd;}
.table_02_center td.t_cnt,
.table_02_center td ul.t_cnt li { text-align:center;}
.table_02_center td ul li {border-bottom:#eee 1px solid; padding:5px 0;}
.table_02_center td ul li:last-child {border:0;}


/* 테이블 상단 보라 */
.table_03 { width:100%; border-collapse:collapse; border-top:2px solid #7a4bb4; border-bottom:2px solid #d4d4d4; text-align:center;}
.table_03 .headTd {background-color:#e5e5e5; padding:20px; font-size:1.143em}
.table_03 th { background-color:#f4f4f4;  border:1px solid #e7e7e7; border-bottom:1px solid #cacaca; color:#000 ; padding:8px 4px 9px 4px; }
.table_03 th.t_bold{ font-weight:bold; background-color:#f4f4f4;text-align:left;}
.table_03 td { color:#5b5b5b; border:1px solid #cacaca;  padding:10px; text-align:center}
.table_03 td.t_cnt{ background-color:#CCC}


/* 테이블 기본 그레이 */
.table_gray { width:100%; border-collapse:collapse; text-align:left; letter-spacing:-1px;  border-collapse:collapse; border-top:2px solid #666; border-bottom:2px solid #d4d4d4;}
.table_gray td {border:#e2e2e2 1px solid;  font-size:0.929em; width:12%; }
.table_gray td:hover,
.table_gray td.on  {background:url(../img/sub/icon_arrow_bottom.gif) 95% 50% no-repeat #f54d7c; color:#fff !important; height:100%;  }
.table_gray td a {padding:5px 0 5px 10px; display:block;  }
.table_gray td a:hover {color:#fff !important; }
.table_gray td.bg_none {background:none;}

/* --------------------- 테이블 S ------------------------ */




/* ------------------------------------------------------------------------------- 공통버튼 ------------------------------------------------------------------------------- */

a.button, input.button, button.button {display: inline-block/* [IE]버그수정 */; cursor: pointer; margin: 0; padding: 4px 23px 4px; background: #5c5c5c; color: #fff !important;
vertical-align: middle; white-space: nowrap; text-decoration: none !important; line-height: 1.25}
img.button {cursor: pointer; vertical-align: middle}
input, select{ padding:3px}
input.button01, button.button01 {display: inline-block; cursor: pointer; margin: 0; padding: 4px 9px 4px; background: #777777; color: #fff !important; vertical-align: middle; white-space: nowrap; border:1px solid #777777; text-decoration: none !important; line-height: 1.25}
img.button {cursor: pointer; vertical-align: middle}

.grabtn-gray {display: inline-block; cursor: pointer; margin: 0; padding: 4px 13px 4px; background: #737373; color: #fff !important;}
.button-white {display: inline-block; cursor: pointer; margin: 0; padding: 4px 13px 4px; background: #f8f8f8; color: #5c5c5c !important; border:1px solid #dfdfdf}

.btn_right {margin-top:20px;text-align:right;  letter-spacing:0px;}
.btn_right a { margin-left:3px }


/* 하얀버튼_기본 */
a.btn_type1 {display:inline-block; padding:9px 23px 8px 24px; border:#c6c6c6 1px solid; color:#898989 !important; font-size:0.929em; background:#fff !important; }
a.btn_type1:visited {color:#898989 !important;}
a.btn_type1:hover {text-decoration:none; background:#eee !important; color:#898989 !important;}
a.btn_type1:active { text-decoration:none; background:#eee !important;}

/* 하얀버튼_L */
a.btn_type1_1 {display:inline-block; padding:8px 45px 7px 42px; border:#c6c6c6 1px solid; color:#898989 !important; font-size:1em}
a.btn_type1_1:visited {color:#898989 !important;}
a.btn_type1_1:hover {text-decoration:none; background:#eee !important; color:#898989 !important;}
a.btn_type1_1:active { text-decoration:none; background:#eee !important;}

/* 하얀바탕_S */
a.btn_type1_2 {display:inline-block; padding:2px 10px 3px 10px; border:#999 1px solid; color:#898989 !important; font-size:0.786em; background:#fff !important; font-weight:normal; color:#000 !important;  }
a.btn_type1_2:visited {color:#000 !important;}
a.btn_type1_2 a:hover { background:#eee !important; color:#0060ff !important; }
a.btn_type1_2:active { background:#eee !important; color:#0060ff !important;}


/* 파란바탕_기본 */
a.btn_type2 {display:inline-block; padding:9px 23px 8px 24px; border:#093e82 1px solid; font-size:0.929em; background:#2f73d4 !important; color:#fff !important; }
a.btn_type2:visited {  color:#fff !important;}
a.btn_type2:hover {text-decoration:none; background:#083370 !important; }
a.btn_type2:active { text-decoration:none; background:#083370 !important;}

/* 파란바탕_L */
a.btn_type2_1 {display:inline-block; padding:8px 45px 7px 42px; border:#093e82 1px solid; font-size:1em; background:#2f73d4 !important; color:#fff !important; }
a.btn_type2_1:visited {  color:#fff !important;}
a.btn_type2_1:hover {text-decoration:underline; background:#083370 !important; }
a.btn_type2_1:active { text-decoration:underline; background:#083370 !important;}

/*파란바탕_XL */
a.btn_type2_2 {display:inline-block; padding:14px 55px 13px 55px; border:#093e82 1px solid; font-size:1em; color:#fff !important;  font-weight:bold;  border-radius:3px; background:url(../common_img/patton02.png) no-repeat 0 0 #2f73d4 !important;}
a.btn_type2_2:visited {  color:#fff !important;}
a.btn_type2_2:hover {text-decoration:underline; background:#083370 !important; }
a.btn_type2_2:active { text-decoration:underline; background:#083370 !important;}

/*검은바탕_기본 */
a.btn_type3 {display:inline-block; padding:6px 23px 5px 24px; border:#093e82 1px solid; font-size:0.929em; background:#333 !important; color:#fff !important; }
a.btn_type3:visited {  color:#fff !important;}
a.btn_type3:hover {text-decoration:underline; background:#083370 !important; }
a.btn_type3:active { text-decoration:underline; background:#083370 !important;}

/*검은바탕_S */
a.btn_type3_2 {display:inline-block;  padding:3px 10px 4px 10px; border:#093e82 1px solid;  font-size:0.786em; font-weight:normal; background:#575757 !important; color:#fff !important; }
a.btn_type3_2:visited {  color:#fff !important;}
a.btn_type3_2:hover { background:#083370 !important; }
a.btn_type3_2:active { background:#083370 !important;}

/*검은바탕_XS */
a.btn_type3_1 {display:inline-block; padding:2px 13px 3px 15px; border:#093e82 1px solid; font-size:0.857em; background:#333 !important; color:#fff !important;  font-weight:normal;}
a.btn_type3_1:visited {  color:#fff !important;}
a.btn_type3_1:hover {text-decoration:underline; background:#083370 !important; }
a.btn_type3_1:active { text-decoration:underline; background:#083370 !important;}



/* ------------------------------------------------------------ PC 전용 ------------------------------------------------------------ */

@media all and (min-width:1200px) {




 
}






/* ------------------------------------------------------------  PC 제외 ------------------------------------------------------------ */

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


}






/* ------------------------------------------------------------ 태블릿 ------------------------------------------------------------ */

@media all and (max-width:1199px) and  (min-width:768px){

.hide_t {display:none;}


/* 일반게시판 리스트 */
table.t-viewz {width:100%; border-collapse: collapse; border-top:2px solid #494949; border-bottom:2px solid #d4d4d4; }
table.t-viewz thead th {background: #f7f9fa; border-bottom:1px solid #cacaca; padding:15px 0px 16px 0px; text-align:center; }
table.t-viewz tr {text-align:left}
table.t-viewz td { padding:15px 0px 16px 0px; font-size: 0.929em; color:#5b5b5b; border-bottom:1px solid #e7e7e7; text-align:center}
table.t-viewz td span.bar {margin:0 10px 0 10px; font-size: 0.714em}
table.t-viewz td.subject {text-align:left; padding-left:10px; }
table.t-viewz td.subject a {display:inline-block;overflow:hidden;width:auto;max-width:80%;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;/*width:90%;*/}
table.t-viewz td.infor {text-align:right; padding-right:10px}
table.t-viewz td a {color:#5b5b5b}
table.t-viewz td a:focus,
table.t-viewz td a:hover {color:#000}
table.t-viewz td.write {text-decoration:underline}
table.t-viewz td.request a { color:#06C; text-decoration:underline}
table.t-viewz img{ vertical-align:middle}




	/* 멘토(나눔지기) 소개 목록 */
	.nanum_list ul li{width:25%}
	

	.mov_list .table > li { box-sizing:border-box; float:left; min-width:213px; width:33%; padding-top:10px; transform:none;}
	.mov_list .table > li:after { display:block; clear:both; content:"";}
	.mov_list .table > li:first-child,
	.mov_list .table > li:nth-child(2),
	.mov_list .table > li:nth-child(3) { padding:0;}
	.mov_list .table > li:first-child article,
	.mov_list .table > li:nth-child(4) article,
	.mov_list .table > li:nth-child(7) article { float:left;}
	.mov_list .table > li:nth-child(2),
	.mov_list .table > li:nth-child(5),
	.mov_list .table > li:nth-child(8) { width:34%;}
	.mov_list .table > li:nth-child(2) article,
	.mov_list .table > li:nth-child(5) article,
	.mov_list .table > li:nth-child(8) article { margin:0 auto;}
	.mov_list .table > li:nth-child(3) article,
	.mov_list .table > li:nth-child(6) article { float:right;}
	
	

/* 포토스토리 */
.board-new-list-area {
	margin: 0;
	padding: 0;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #545861;
}

.board-new-list-area ul {
	margin: 0;
	padding: 0;
}

.board-new-list-area ul li {
	margin: 0;
	padding: 0;
}

.board-new-list-area ul li a {
	position: relative;
	padding-right: 140px;
	display: block;
	border: 1px solid #fff;
	border-bottom: 1px solid #f2f2f2;
}

.board-new-list-area ul li a:hover {
	position: relative;
	padding-right: 140px;
	display: block;
	border: 1px solid #1e93e5;
	background: #f9f9f9
}


.board-new-list-area ul li a .number {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 72px;
	margin-top: -8px;
	display: block;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	color: #000000
}

.board-new-list-area ul li a .date {
	position: absolute;
	top: 40%;
	right: 0;
	width: 138px;
	margin-top: -8px;
	display: block;
	font-size: 13px;
	line-height: 20px;
	padding-left:30px;
	color: #000000
}


.board-new-list-area ul li a .news-info-box {
	position: relative;
	display: block;
	min-height: 112px;
	padding: 11px;
	padding-left: 170px;

	border-right: 1px solid #f2f2f2;
}
.board-new-list-area ul li a .news-info-box .image {
	display: block;
	position: absolute;
	top: 0px;
	left: 10px;
	width: 130px;
	height: 81px;
	line-height: 112px;
	text-align: center;
	background: #fff;
}

.board-new-list-area ul li a .news-info-box .image:after {
	content: " ";
	margin-left: -0.6em;
	white-space: pre;
}

.board-new-list-area ul li a .news-info-box .image img {
	display: inline-block;
	vertical-align: middle;
	max-width: 130px;
	max-height: 81px;
}

.board-new-list-area ul li a .news-info-box .title {
	display: block;
	color: #545454;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 9px;
}

.board-new-list-area ul li a .news-info-box .contents {
	color: #999999;
	line-height: 24px;

}



	

}





/* ------------------------------------------------------------ 모바일 ------------------------------------------------------------ */

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



	.hide_t,
	.hide_m {display:none;}


	/* 주요대학, 자격증 정보 magazine */
	.board_magazine > ul > li{padding: 21px 21px 21px 0;}
	.board_magazine > ul > li .image{display:none}
	
	/* 멘토(나눔지기) 소개 목록 */
	.nanum_list ul li{width:50%}
	
	

	/*목록형*/
	table.t-viewz td {font-size:13px;}
	table.t-viewz td.subject a{max-width:55%;}
	table.t-viewz .head_first,
	table.t-viewz .num,
	table.t-viewz .day,
	table.t-viewz .search,
	table.t-viewz .day,
	table.t-viewz .filename,
	table.t-viewz .year{display:none;}
    /*
	table.t-viewz .title{width:14%;}
	table.t-viewz .writer{width:7%;}
	table.t-viewz .attach{width:5%;}
    */
    table.t-viewz .subject{width:65%;}
	table.t-viewz .write{width:25%;}
	table.t-viewz .attach{width:10%;}
    table.t-viewz .file, table.t-viewz .filename{width:10%;}
	table.t-viewz td.subject a{max-width:90%;}
	table.t-viewz .category{display:none;}

	table.t-viewz .tbl_rwd .head_first{display:table-cell;}
	table.t-viewz .tbl_rwd .num{display:table-cell;}
	table.t-viewz .tbl_rwd .day{display:table-cell;}
	table.t-viewz .tbl_rwd .search{display:table-cell;}
	table.t-viewz .tbl_rwd .day{display:table-cell;}
	table.t-viewz .tbl_rwd .filename{display:table-cell;}
	table.t-viewz .tbl_rwd .category{display:table-cell;}

	
	/*  갤러리 게시판 */
	.gallery_con{   width:98%; height:270px; margin-bottom:10px;} 
	
	/*  영상형 게시판 */
	.photo_con{   width:98%; height:270px; margin-bottom:10px;  }
	
	
	/* 게시판 상단 검색 */
	.search-box .search-form {position:relative;  margin:0 auto; height:27px}
	.search-box .search-form select.sel01 {border:1px solid #e3e3e3; display: inline-block; padding:5px 0 5px 0; width:76px;  margin-top:18px }
	
	.search-box .search-form input.i01 {border:1px solid #e3e3e3; padding:6px 0 5px 0;  margin-top:18px}
	.search-box .search-form .search-box-btn { margin-left:2px;  margin-top:18px}
	
	/* 게시판 */
	/* 
	table.t-viewz thead th {padding:8px 0px 7px 0px; font-size: 0.8em;}
	table.t-viewz td { padding:7px 0px 6px 0px; font-size: 0.786em;}
	table.t-viewz .num,
	table.t-viewz .write,
	table.t-viewz .search,
	table.t-viewz .data,
	table.t-viewz .filename{ display:none}
	table.t-viewz td.view{ width:120px}
	table.t-viewz .subject{width:45%;}
	table.t-viewz .write{width:25%;}
	table.t-viewz td.subject a{max-width:90%;}
	 */
	
	/* 일반게시판 쓰기 */
	
	table.sc-twrite table td { font-size: 0.786em;}
	table.sc-twrite tbody th {padding: 12px 0 12px 20px; border-bottom: 1px solid #e3e3e3;font-size: 0.786em;}


	/* 홍보영상 */

	.mov_list .table > li article {  box-sizing:border-box; position:relative; width:100%;height:270px; margin-bottom:20px; background:#fff; border:1px solid #d2d2d2; box-shadow:0 2px 2px rgba(0,0,0,0.25);}
	.mov_list .table > li article figure { width:100%; height:201px;overflow:hidden;}
	.mov_list .table > li article figure span {position:absolute;z-index:999;top:40%;left:50%;width:83px;height:88px;margin:-44px 0 0 -41px;background:url(../images/common/layer_mv_img.png) no-repeat;}
	.mov_list .table > li article figure img {width:100%; height:201px; vertical-align:top; border-top-left-radius:4px; border-top-right-radius:4px; background:#f7f7f7 url(../images/common/noimg.png) no-repeat 50% 50%; background-size:50%; object-fit: cover;} 

	.mov_list .table > li article figcaption a:hover,
	.mov_list .table > li article figcaption a:focus { text-decoration:underline;}
	.mov_list .table > li article aside { padding:0px 0 17px 0;}
	.mov_list .table > li article aside p { padding-top:0; font-size:12px; color:#666; float:left;}
	.mov_list .table > li article aside p b { font-weight:normal;}
	.mov_list .table > li article aside p.hit {background:url(../images/common/line_photo.gif) no-repeat left 4px; padding-left:11px; margin-left:10px;}
	.mov_list .table > li article aside ul { float:right; transform:none;}
	.mov_list .table > li article aside ul:after { display:block; clear:both; content:"";}
	.mov_list .table > li article aside li { float:left; width:15px; height:15px; margin-left:5px; background:url(../images/board/ico_img_sns2.png) no-repeat;}
	.mov_list .table > li article aside li a { overflow:hidden; display:block; width:15px; height:15px; font-size:1px;}


	.mov_list .table > li { box-sizing:border-box; min-width:213px; width:49%; padding-top:10px;}
	.mov_list .table > li:first-child,
	.mov_list .table > li:nth-child(3),
	.mov_list .table > li:nth-child(5),
	.mov_list .table > li:nth-child(7) { float:left;}
	.mov_list .table > li:nth-child(2),
	.mov_list .table > li:nth-child(4),
	.mov_list .table > li:nth-child(6),
	.mov_list .table > li:nth-child(8) { float:right;}




	/* 포토스토리 */
	
	.board-new-list-area {
		margin: 0;
		padding: 0;
		border-top: 2px solid #333333;
	}

	.board-new-list-area ul {
		margin: 0;
		padding: 0;
	}

	.board-new-list-area ul li {
		margin: 0;
		padding: 0;
	}

	.board-new-list-area ul li a {
		display: block;
		padding: 20px 0;
		border: 1px solid #fff;
		border-bottom: 1px solid #e5e5e5;
	}

	.board-new-list-area ul li a:hover {
		display: block;
		border: 1px solid #f9f9f9;
		background: #f9f9f9;
		padding: 20px 0;
	}


	.board-new-list-area ul li a .number {
		display: none;
	}

	.board-new-list-area ul li a .date {
		position: static;
		display: block;		
		font-size: 14px;
		text-align: left;
		padding-left: 0;
		color: #666666
	}


	.board-new-list-area ul li a .news-info-box {
		position: relative;
		display: block;
		min-height: auto;
		padding: 0;
		border-left: 0;
		border-right: 0;
	}

	.board-new-list-area ul li a .news-info-box .image {
		display: none;
	}


	.board-new-list-area ul li a .news-info-box .title {
		display: block;
		color: #545454;
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 15px;
		border-left: 0;
		border-right: 0;
	}

	.board-new-list-area ul li a .news-info-box .contents {
		display: block;
		color: #999999;
		line-height: 24px;
		margin: 0;
		padding: 0;
		margin-bottom: 15px;
	}


	/* 만족도 참여내역 */
	.poll_con a.btn_more {display:block; margin-top:10px; }
	.poll_con span {width:100%; display:inline-block; border-bottom:#e6e6e6 1px solid; padding-bottom:10px;}
	.poll_con dt span {width:100%; padding-top:10px;}
	.poll_con dt span.poll_date {float:none; border:none; text-align: right; padding:10px 0 0 0;}




}




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

	/* 게시판 상단 검색 */
	.search-box .search-form {position:relative; width:90%; }
 
 
	.mov_list .table > li { box-sizing:border-box; min-width:213px; width:100%; padding-top:10px;}
	.mov_list .table > li:first-child,
	.mov_list .table > li:nth-child(3),
	.mov_list .table > li:nth-child(5),
	.mov_list .table > li:nth-child(7) { float:left;}
	.mov_list .table > li:nth-child(2),
	.mov_list .table > li:nth-child(4),
	.mov_list .table > li:nth-child(6),
	.mov_list .table > li:nth-child(8) { float:right;}
	
	.nanum_list ul li{width:100%}
	.nanum_view .infor_box{padding:10px 15px}
	.nanum_view .infor_box .photo{position:relative;top:0;left:0;display:block;margin:0 auto 10px;}	

}






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

	/* 게시판 상단 검색 */
	.search-box .search-form {  width:90%; }

}