@charset "utf-8";

/** NEDU CSS **/


/*=========================================
	           기존 sub_edunet.css 공통
==========================================*/


/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;font-size: 1.3rem;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* 게시판 */
.boardWrap { display: inline-block; width: 100%; }
.boardWrap:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.searchWrap { width: 100%; padding: 1rem; background-color:#f7f7f7; margin-bottom:2rem;}
.searchWrap:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.searchWrap .select{ position:relative; line-height:normal; display:inline-block; float:none; *display:inline; vertical-align:top; background:#fff; *zoom:1; width:192px; height:36px  }
.searchWrap .select *{ margin:0; padding:0; cursor:pointer; font-size:13px;}
.searchWrap .select .myValue{ position:relative; z-index:1; left:0; top:0; color:#666; line-height:34px; _line-height:normal; text-align:left; overflow:visible; background:transparent; border:1px solid #d9d9d9; }
.searchWrap .select div.myValue{ height:36px; text-indent:8px;}
.searchWrap .select .ctrl{ position:absolute; top:0; right:0; width:20px; height:30px; background:#fff; z-index:2;}
.searchWrap .select .ctrl.style2{ width:0; height:0; }
.searchWrap .select .arrow3{  position: absolute; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 5px 4px 0 4px; border-color: #7b7b7b transparent transparent transparent; padding-right: 1px; top: 16px; right: 12px;}
.searchWrap .select:hover .myValue, .searchWrap .select:focus .myValue { color: #4d4d4d; background-color: white; border-color: black; }
.searchWrap .select:hover .arrow3, .searchWrap .select:focus .arrow3 { border-top-color: #000; }
.searchWrap .select.open .ctrl .arrow3{ background-position:0 -6px; }
.searchWrap .select ul{ position:absolute; top:36px; left:0; width:100%; list-style:none; border:0; border-bottom:1px solid #d9d9d9; background:#fff; overflow:hidden;}
.searchWrap .select ul.aList{ display:none;}
.searchWrap .select.open ul.aList{ display:block;}
.searchWrap .select ul.iList{ display:none; z-index:3}
.searchWrap .select.open ul.iList{ left:0;}
.searchWrap .select li{ position:relative; overflow:hidden; white-space:nowrap; height:28px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.searchWrap .select li input.option{ position:absolute; width:100%; height:28px; line-height:20px;}
.searchWrap .select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:28px; line-height:28px; color:#767676; background:#fff;}
.searchWrap .select li a{ display:block; text-indent:8px; *text-indent:6px; height:28px; line-height:28px; color:#767676; background:#fff; text-decoration:none;}
.searchWrap .select li:hover, .searchWrap .iList li.checked *{ background:#266db5; color:#fff;}
.searchWrap .select.w94 { width:94px;}

.boardWrap .board_list { table-layout:fixed; border-collapse: collapse; border-spacing: 0; width: 100%; border-top: 2px solid #192C4F; border-bottom: 2px solid #192C4F;  }
.boardWrap .board_list th { background-color: #f5f5f5; font-size:14px; color: #192C4F; padding: 8px 5px; line-height: 1.5; font-weight: 400; border-bottom: 1px solid #e0e0e0; vertical-align:middle; text-align:center; }
.boardWrap .board_list td { background-color: white; font-size:13px; color: #333; padding: 8px 5px; line-height: 1.5; border-bottom: 1px solid #e0e0e0; vertical-align:middle; text-align:center; }
.boardWrap .board_list td .th_title { display:none; }
.boardWrap .board_list td a { text-decoration:none;}
.boardWrap .board_list td a:hover { text-decoration:underline;}
.boardWrap .board_list td a img { width:20px; height:20px; }
.boardWrap .board_list td a img.new { width:9px; height:9px; }
.boardWrap .board_list td .td_w239 a span { font-size:1.4rem; color:#000; vertical-align:middle; }
.boardWrap .board_list td.title { text-align:left; font-size:13px; color:#333; font-weight:400; }
.boardWrap .board_list td.title .lock { padding-left:20px; background: url(/nedu/images/common_c/ico_notice_lock.png) no-repeat 0 0; color:#999999;}
.boardWrap .board_list td.title a { font-size: 1.4rem; color:#000; vertical-align: middle;  }
.boardWrap .board_list td.title a span { font-size:1.4rem; color:#000; vertical-align:middle; }
.boardWrap .board_list td.title a span strong { font-size:1.5rem; color: #ff8205; font-weight: 600; }
.boardWrap .board_list td.title a.newTab { padding: 1px 5px; border-radius: 4px; background: #008489; margin-top: 3px; display: inline-block; color: white; font-size: 12px;}
.boardWrap .board_list td.title a.newTab:HOVER { text-decoration: none; cursor: default;}
.boardWrap .board_list td.title a.goUpdateData { padding: 1px 5px; border-radius: 4px; background: #023c73; color: white; font-size: 12px; float: right; margin-right: 3px;}
.boardWrap .board_list td.title a.goDeleteData { padding: 1px 5px; border-radius: 4px; background: #c92a33; color: white; font-size: 12px; float: right; }
.boardWrap .board_list td.title .atcl_edit_wrap { float: right; margin-top: 2px;}

.boardWrap .board_list td.num, .board_list td.date, .board_list td.view { font-size: 1.3rem; color:#333; text-align:center; font-family: 'Play', 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; }
.boardWrap .board_list td em.count { color:#faa61f; font-size:10px; font-style:normal; padding-left:4px;}
.boardWrap .board_list tr.notice td.title_head span { display: inline-block; width: 12px; height: 14px; background: url(/nedu/images/common_c/ico_notice_alarm.png) no-repeat 0 0; text-indent: -1000px; overflow: hidden;  font-size:0px;}
.boardWrap .board_list tr.notice td.title { font-weight:600; padding:8px 10px;}

.boardWrap .button_area {width:100%; text-align:right; margin-top:1.5rem;}
.boardWrap .action_area {width:100%; min-height:40px; margin-top:20px;}
.boardWrap .action_area:after, .boardWrap .button_area:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.boardWrap .action_area .common_action {float:left;}
.boardWrap .action_area .user_action {float:right;}
.boardWrap .action_area .button {display:inline-block;}
.boardWrap .button { display:inline-block; height:36px; line-height:36px; background-color:#023c73; padding:0 1.5rem; font-size:14px; color:#fff; text-decoration:none; border:none;}
.boardWrap .button:hover { background-color: #012649; }
.boardWrap .button span { font-size:14px; }
.boardWrap .button span img { display:none; vertical-align:middle; margin-right:5px;}
.boardWrap .button.modify { background-color:#023c73;}
.boardWrap .button.modify:hover { background-color: #012649; }
.boardWrap .button.delete { background-color:#c92a33;}
.boardWrap .button.delete:hover { background-color:#5c1e0b;}
.boardWrap .button.rcmd { background-color:#008489 !important; }
.boardWrap .button.cancel { background-color:#4d4d4d;}
.boardWrap .button.cancel:hover { background-color:#0d0d0d;}
.boardWrap .action_area .common_action .button { background-color:#4d4d4d; }
.boardWrap .action_area .common_action .button:hover { background-color:#0d0d0d; }

.boardWrap .searchWrap .board_search {display:inline-block;}
.boardWrap .searchWrap .board_search .input_txt {width:188px; height:36px; border:1px solid #d9d9d9; border-right:none; color:#666; padding:0 8px; vertical-align:top;}
.boardWrap .searchWrap .board_search input[type="text"]:focus { border: 1px solid black; -moz-box-shadow: inset 0 0 0 1px black; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; }
.boardWrap .searchWrap .board_search .board_search_btn {display:inline-block; width:36px; height:36px; vertical-align:top; margin:0 0 0 -3px; background:url('@/assets/images/common_c/btn_board_search.png'); background-repeat:no-repeat; cursor:pointer; }
.boardWrap .searchWrap .board_search .board_search_btn img { display:none; vertical-align:top; }

.boardWrap .searchWrap .list_linenum {display:inline-block; float:right;}
.boardWrap .board_detail .title_wrap { width:100%; position:relative; border-top:2px solid #192C4F; border-bottom:1px solid #e0e0e0; padding:20px; color: #4d4d4d; line-height: 1.5; text-align: left; font-size: 1.4rem; background-color:#f7f7f7; word-break: break-word;}
.boardWrap .board_detail .title_wrap .title_head {display:inline-block; max-width:640px; font-size:16px; font-weight:600; color:#000; line-height:24px; }
.boardWrap .board_detail .title_wrap .post_info { padding-top:10px;}
.boardWrap .board_detail .title_wrap .post_info:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.boardWrap .board_detail .title_wrap .post_info li {display:inline-block; float:left; color:#4d4d4d; line-height:16px; font-size:13px; margin-right:10px; padding-right:10px; background-image:url('@/assets/images/common_c/menu_division.png'); background-position: right center; background-repeat: no-repeat;}
.boardWrap .board_detail .title_wrap .post_info li.date { margin-right: 0; background-image: none}
/* 스크랩 */
.boardWrap .board_detail .title_wrap.scrap_btn_wrap .scrap_btn { position: absolute; top: 14px; right: 20px; font-size: 0; overflow: hidden; text-indent: -9999px; width: 40px; height: 40px; display: inline-block; border-radius: 20px; border: 1px solid #d9d9d9; line-height: 40px; background:#fff url('@/assets/images/common_c/ico_scrap.png') 0 0 no-repeat;}
.boardWrap .board_detail .title_wrap.scrap_btn_wrap .scrap_btn:hover { box-shadow: inset 0 0 0 1px #000000; border: 1px solid #000000; }
.boardWrap .board_detail .title_wrap.scrap_btn_wrap .scrap_btn img { display:none;}

.boardWrap .board_detail .article {font-size:1.3rem; color:#4d4d4d; line-height:24px; padding:20px; border-bottom:1px solid #e0e0e0;}
.boardWrap .board_detail .article .board_web {display: block;}
.boardWrap .board_detail .article .board_mobile {display: none;}

/* edit style */
.boardWrap .board_detail .article blockquote { font-style: italic; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; }
.boardWrap .board_detail .article a { color: #0782C1; }
.boardWrap .board_detail .article h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2; }
.boardWrap .board_detail .article hr { border: 0px; border-top: 1px solid #ccc; }
.boardWrap .board_detail .article img.right { border: 1px solid #ccc; float: right; margin-left: 15px; padding: 5px; }
.boardWrap .board_detail .article img.left { border: 1px solid #ccc; float: left; margin-right: 15px; padding: 5px; }
.boardWrap .board_detail .article pre { white-space: pre-wrap; /* CSS 2.1 */ word-wrap: break-word; /* IE7 */ -moz-tab-size: 4; tab-size: 4; }
.boardWrap .board_detail .article .marker { background-color: Yellow; }
.boardWrap .board_detail .article span[lang] { font-style: italic; }
.boardWrap .board_detail .article figure { text-align: center; border: solid 1px #ccc; border-radius: 2px; background: rgba(0,0,0,0.05); padding: 10px; margin: 10px 20px; display: inline-block; }
.boardWrap .board_detail .article figure > figcaption { text-align: center; display: block; /* For IE8 */ }


.boardWrap .board_detail .attach { width: 100%; position: relative; text-align: left; overflow: hidden; padding:15px 15px 15px 120px; border-bottom:1px solid #e0e0e0;}
.boardWrap .board_detail .attach h3 { width:100px; height:100%; min-height:100px; position:absolute; left:0; top:0; font-size: 14px; color: #266db5; font-weight: 600; margin: 0; overflow: hidden; padding: 20px 0 0 20px; background-color:#f9f9f9; }
.boardWrap .board_detail .attach h3:after { width: 62px; height: 57px; position: absolute; right: -15px; top: 5px; background-image: url('@/assets/images/common_c/bbs_file_bg.png'); background-repeat: no-repeat; content:'';}
.boardWrap .board_detail .attach .attach_file { width: 100%; position: relative; text-align: left;  }
.boardWrap .board_detail .attach .attach_file > div { width: 100%; min-height:34px; position: relative; padding: 0 100px 0 45px; margin-bottom:0.5em;}
.boardWrap .board_detail .attach .attach_file > div:last-of-type { margin-bottom:0; }
.boardWrap .board_detail .attach .attach_file > div img { width:34px; height:34px; position:absolute; left:0; top:0; overflow:hidden; }
.boardWrap .board_detail .attach .attach_file > div .attach_name { color: #6d6d6d; text-decoration: none; display: block; width: 100%; font-size: 14px; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.boardWrap .board_detail .attach .attach_file > div .attach_name:hover { color: #000000; text-decoration: underline; }
.boardWrap .board_detail .attach .attach_file > div .attach_preview,
.boardWrap .board_detail .attach .attach_file > div .preview { position:absolute; top:0 !important; right:0; display:inline-block; width:99px !important; height:34px; background:url('@/assets/images/common_c/btn_attach_preview.png') 0 0 no-repeat; }
.boardWrap .board_detail .attach .attach_file > div .attach_preview:hover,
.boardWrap .board_detail .attach .attach_file > div .preview:hover { background-position:0 -34px; }
.boardWrap .board_detail .attach .attach_file > div .attach_preview img,
.boardWrap .board_detail .attach .attach_file > div .preview img { display:none; }

.boardWrap  table.simple { width:100%; border-top:1px solid #192C4F; border-bottom:1px solid #192C4F; margin:20px 0;}
.boardWrap  table.simple tr:last-of-type td { border-bottom:none; }
.boardWrap  table.simple tr td { background-color:#f9f9f9; }

.boardWrap .board_write { width:100%; border-top:2px solid #192C4F; border-bottom:1px solid #e0e0e0;}
.boardWrap .board_write th { height:24px; font-size:15px; color: #266db5; padding: 10px 0; background: #fff; font-weight: 600; border-bottom:1px dashed #e0e0e0; vertical-align: middle; text-align:left;}
.boardWrap .board_write th.ess span { padding: 0px 25px; background:url(/nedu/images/bu_check_o.gif) no-repeat 12px 6px; }

.boardWrap .board_write td { height:24px; padding:10px 0; border-bottom:1px dashed #e0e0e0; text-align:left; vertical-align:middle; font-size:12px; color:#999999; position:relative; }
.boardWrap .board_write th.required, 
.boardWrap .board_write td.required {background:url(/nedu/images/bu_check_o.gif) 15px 50% no-repeat #fff; text-align: left; text-indent: 30px; }

.boardWrap .board_write .input_title {width:550px; height:36px;line-height:36px; border:1px solid #d9d9d9; color:#666; padding:0 10px; vertical-align:middle; margin-right:4px;}
.boardWrap .board_write .input_pwd {width:180px; height:36px;line-height:36px; border:1px solid #d9d9d9; color:#666; padding:0 10px; vertical-align:middle; margin-left:10px; margin-right:4px;}
.boardWrap .board_write .input_check {width:16px; height:16px; vertical-align:middle; margin: 0 4px 0 0; }
.boardWrap .board_write .checkbox { position:absolute;right:0;top:10px; }
.boardWrap .board_write .checkbox label { font-size: 1.3rem; font-weight: 400; line-height: 18px; padding: 0.8rem 0; }
.boardWrap .board_write .txteditor { width:100%; height:342px; }
.boardWrap .board_write p{ margin-bottom:5px; }
.boardWrap .board_write ul.fileInfo li{ color:#555; font-size:12px; margin:5px 0; }
.boardWrap .board_write ul.fileInfo li:last-child{ margin:5px 0 0 0; }
.boardWrap .board_write ul.fileInfo li span{ letter-spacing:-1px; }

/* 연구학교 및 유사 서비스 검색 영역 */
.stdy_top	{ width:100%; margin-bottom:10px; }
.stdy_top:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.stdy_top .stdy_search{ background:#f7f7f7; border:1px solid #ddd; padding:3px 20px 8px; position:relative;}
.stdy_top .stdy_search dl>dd>ul {padding-top: 10px;}
.stdy_top .stdy_search dl>dd>ul>li { margin-bottom: 4px; }
.stdy_top .stdy_search dl>dd>ul>li:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.stdy_top .stdy_search dl>dd>ul>li#detailSearch,
.stdy_top .stdy_search dl>dd>ul>li#detailSearchInfo { border-top: 1px solid #e3e3e3; padding-top: 8px; margin-bottom: 0px; margin-top: 8px; }
.stdy_top .stdy_search .radio_wrap { display:inline-block; float:left; margin-top:6px;}
.stdy_top .stdy_search .radio_wrap div { display:inline-block; cursor:pointer; }
.stdy_top .stdy_search .btn_search_wrap { width: 100px; position: absolute; right: 21px; text-align: right; margin-top: -40px;}
.stdy_top .stdy_search .btn_search { display:inline-block; width:94px; height:36px; line-height:36px; background-color:#008489 !important; color:#fff; text-align:center; background:none; }
.stdy_top .stdy_search .btn_search:hover { background-color: #00758a; }
.stdy_top .stdy_search input[type='text'] {  width:342px; border: 1px solid #d9d9d9; height: 36px; padding: 0 10px; line-height: 36px; font-size: 1.4rem; float: right; margin-right: 100px;}
.stdy_top .stdy_search input[type=radio]:not(old) { width : 28px; margin : 0; padding : 0; opacity : 0; cursor:pointer; }
.stdy_top .stdy_search input[type=radio]:not(old) + label { display : inline-block; margin-left : -24px; padding-left : 24px; background:url(/nedu/images/common/radio_off.png) 0 center no-repeat; line-height : 24px; cursor:pointer; }
.stdy_top .stdy_search input[type=radio]:not(old):checked + label { background:url(/nedu/images/common/radio_on.png) 0 center no-repeat; cursor:pointer; }

/* 수업연구자료 자료 아이콘 툴팁*/
.tooltip { position:relative;  }
.tooltip:hover:after { content:attr(data-tooltip); display:block; font-size:11px; padding:10px; color:#666; background:#fff; position:absolute; top:-50px; left:-100px; border:1px solid #ff9933; white-space:nowrap; z-index:9; }
.tooltip:hover:before { display:block; width:10px; height:9px; content:""; position:absolute; top:-17px; left:4px; z-index:1; background:url(/nedu/images/tooltip_top_sub.png) 0 0 no-repeat; z-index:10;}

.tooltip.n02:hover:after { top:20px;}
.tooltip.n02:hover:before { top:12px; background-position:0 -9px;}

/* 수업연구자료 detail view */
#sub_list #subjectViewArea{ float: left; min-height: 600px; width: 748px; margin-top: -21px;}
#sub_list .detail_view_top { border:1px solid #cccccc; background-color:#f6f6f6; margin-bottom:15px; position:relative; overflow:hidden; }
#sub_list .detail_view_top .title { border-bottom:1px solid #cccccc; height:48px; width: 100%;}
#sub_list .detail_view_top .title h2 {display:inline-block; font-size:17px; color:#666666; font-weight:600; line-height:48px; padding-left:14px; width:690px; vertical-align:middle; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; word-break:keep-all; word-wrap:normal; overflow:hidden; white-space:nowrap; }
#sub_list .detail_view_top.use_qr .title h2{width:630px;}
#sub_list .detail_view_top .title .date { display:inline-block; font-size:12px; line-height:28px;;color:#999999;  border-left:1px solid #ebebeb; padding-left:10px;}
#sub_list .detail_view_top .list_grade { width:100%; display:inline-block; height: 49px;}
#sub_list .detail_view_top.use_qr .list_grade{width:647px;}
#sub_list .detail_view_top .list_grade ul {padding-left:14px; height:48px; display:inline-block; vertical-align:middle; width:250px;}                                 
#sub_list .detail_view_top.use_qr  .title .date { position: absolute; margin-right: 110px; right: 0; top: 10px; border: 0;}
#sub_list .detail_view_top .list_grade ul li { display:inline-block; font-size:12px; color:#999999; margin-right:10px; line-height:48px; height: 48px; float: left;}
#sub_list .detail_view_top .list_grade ul li.divide {margin-left: 4px; padding-left: 6px; background:url(/nedu/images/grade_divide.png) 0 12px no-repeat;}
#sub_list .detail_view_top .list_grade ul li a#shareWedorang {padding: 0 4px;}
#sub_list .detail_view_top .list_grade ul li:FIRST-CHILD {background: none; padding-left: 0;}
#sub_list .detail_view_top .list_grade ul:last-child { width:auto; float: right; margin-right: 4px;}
#sub_list .detail_view_top .list_grade ul:last-child li {margin-right:0}
#sub_list .detail_view_top .list_grade ul li span { color:#666666; font-weight:600;}
#sub_list .detail_view_top .qr_img{display: none;}
#sub_list .detail_view_top.use_qr .qr_img{width:98px; height:98px; border-left:1px solid #cccccc; position: absolute; right:1px; z-index:1; background: white; display: inline-block;}
#sub_list .detail_view_top.use_qr .qr_img img{ width: 98px; height: 98px;}
#sub_list .detail_view_content .movie {display:inline-block; width:350px; height:198px; float:left; background-color:#cccccc; }
#sub_list .detail_view_content .movie video {width:350px; height:198px;}
#sub_list .detail_view_content .main_thum_img {display:inline-block; width:340px; height:226px; float:left; background-color:#cccccc;}
#sub_list .detail_view_content .main_thum_img img{width:338px; height:224px; padding:1px;}
#sub_list .detail_view_content .main_thum_img ul{ background: white; width: inherit; height: inherit; }
#sub_list .detail_view_content .main_thum_img ul li{ padding-bottom: 10px; text-align: center;}
#sub_list .detail_view_content .main_thum_img ul li.j-outLink-trigger{cursor: pointer;}
#sub_list .detail_view_content .main_thum_img ul li img{width:330px; height:220px; padding:1px;}
#sub_list .detail_view_content .main_thum_img ul li.j-outLink-trigger img{width:252px; height:168px; padding:1px;}
#sub_list .detail_view_content .info { display:inline-block; width:420px; float:right; position:relative;}
#sub_list .detail_view_content .info dl {padding:0 0 18px 98px; height:74px; border-bottom:1px solid #dddddd;}
#sub_list .detail_view_content .info dt {width:74px; height:74px; overflow:hidden; position:absolute; top:0; left:0;}
#sub_list .detail_view_content .info dt img {width:74px; height:74px;}
#sub_list .detail_view_content .info dd { display:inline-block; width:140px; height:32px; background-color:#008489 ; line-height:32px; margin-bottom:10px; text-indent:24px;}
#sub_list .detail_view_content .info dd {text-indent:14px;}
#sub_list .detail_view_content .info dd a { color:#ffffff; font-size:14px; font-weight:600; width:100%; display:inline-block; margin-left:-24px; margin-left:-12px;}
#sub_list .detail_view_content .info dd a#urlCopy { background:url(/nedu/images/ico_import.png) 90px no-repeat; }
#sub_list .detail_view_content .info dd a#qrUrlCopy {background:url(/nedu/images/ico_import.png) 110px no-repeat; }
#sub_list .detail_view_content .info ul.sort { min-height: 196px; padding-top: 15px; padding-bottom: 13px; }
#sub_list .detail_view_content .info ul.sort.simple_line{ min-height: auto; }
#sub_list .detail_view_content .info ul.sort li { font-size:13px; color:#555555; padding-left:100px; margin-bottom:10px;}
#sub_list .detail_view_content .info ul.sort li:last-child { margin-bottom:0;}
#sub_list .detail_view_content .info ul.sort li span { font-weight:600; color:#008489 ; display:inline-block; position:absolute; left:0;}
#sub_list .detail_view_content .info ul.sort li a.j-metaKywrdSearch { color:#2fa7d9; border-bottom: #2fa7d9 1px solid; line-height: 18px;}
#sub_list .detail_view_content .explain { font-size:13px; color:#555555; line-height:18px; margin-top:30px; float:left; min-width: 790px;}
#sub_list .detail_view_content .explain_ref { font-size:12px; color:#555555; font-weight:bold; line-height:18px; margin-top:30px; float:left; min-width: 720px; padding: 18px 13px 16px; border: #ccc 1px dashed;}
#sub_list .detail_view_content .explain_ref strong{ font-weight:bold; color: #2fa7d9;}


.addfile ul { margin:5px 0; }
.addfile ul li { line-height:20px; font-size:12px; color:#555; }
.addfile ul li.red { color:red; }

/* 수업연구자료 detail view - 테이블 타입 */
	#sub_list .detail_view_content.table_type { margin-top:20px; }
	#sub_list .detail_view_content.table_type .info {width:100%;}
	#sub_list .detail_view_content.table_type .info dl {padding:0; height:auto; text-align:right;}
	#sub_list .detail_view_content.table_type .info dd { text-align:left;}
	#sub_list .detail_view_content.table_type .info ul.sort { border-bottom:none; }
	#sub_list .detail_view_content.table_type .info ul.sort li { display:inline-block; padding-left:0; margin-right:20px; margin-bottom: 5px;}
	#sub_list .detail_view_content.table_type .info ul.sort li span { position:relative; padding-right:4px }
	#sub_list .detail_view_content.table_type .cont_table {width:100%; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
	#sub_list .detail_view_content.table_type .cont_table colgroup { display:none; }
	#sub_list .detail_view_content.table_type .cont_table .cell1 {width:100%; text-align:center; }
	#sub_list .detail_view_content.table_type .cont_table tbody tr th {background:#f9f9f9; height:40px; font-weight:600; }
	#sub_list .detail_view_content.table_type .cont_table tbody tr th span { font-size:1.4rem; color:#266db5;}
	#sub_list .detail_view_content.table_type .cont_table tbody tr th, 
	#sub_list .detail_view_content.table_type .cont_table tbody tr td {font-size:13px; vertical-align:middle; text-align:left; padding:8px 5px !important; border-top:1px dashed #cccccc; word-break:break-all;}
	#sub_list .detail_view_content.table_type .cont_table tbody tr td a{ padding: 5px 0px; display: inline-block;}
	#sub_list .detail_view_content.table_type .cont_table tbody tr td a:HOVER{text-decoration: underline;}
	#sub_list .detail_view_content.table_type .cont_table tbody tr:first-child th, 
	#sub_list .detail_view_content.table_type tr:first-child td { border-top:none;}
	#sub_list .detail_view_content.table_type .cont_table tbody tr td label { margin-right:5px; }
	#sub_list .detail_view_content.table_type .std_school {padding:10px 0 10px 110px; position:relative; border-bottom:1px solid #dddddd;}
	#sub_list .detail_view_content.table_type .std_school li {line-height:24px; margin-bottom:8px;}
	#sub_list .detail_view_content.table_type .std_school li:last-child { margin-bottom:0;}
	#sub_list .detail_view_content.table_type .std_school .subject {display:inline-block; width:95px; font-size:12px; text-align:center; background-color:#f1f1f1; position:absolute; left:0; border:1px solid #dddddd;}
	#sub_list .detail_view_content.table_type .std_school .cont { font-size:13px;}
	#sub_list .detail_view_content.table_type .explain { margin-top:15px;}
	#sub_list .detail_view_content.table_type .btn_pop { height:36px !important; line-height:26px !important; }
	#sub_list .detail_view_content.table_type input[type="text"] { height:36px !important; }
	#sub_list .detail_view_content.table_type select { height:36px !important; }
		



/*다운로드 체크박수 추가 2018.5.15*/
#sub_list .detail_view_content .attach .attach_file .check_down_wrap { display:none;}
#sub_list .detail_view_content .attach .attach_file .checkbox-wrap { display:none;}
#sub_list .detail_view_content .attach .attach_file.plural div { position:relative; padding-left:70px; }
#sub_list .detail_view_content .attach .attach_file.plural div img { left:30px; }
#sub_list .detail_view_content .attach .attach_file.plural .check_down_wrap { display:block; padding-left:0; border-bottom:1px solid #dddddd; position:relative; top:-5px; margin-bottom:16px; padding:0;}
#sub_list .detail_view_content .attach .attach_file.plural .check_down_wrap .attach_all_down { display:inline-block; width:99px; height:24px; background-color:#888; float:right; position:relative; text-align:center; }
#sub_list .detail_view_content .attach .attach_file.plural .check_down_wrap .attach_all_down img { width:auto; height:auto; position:relative; left:0; }
#sub_list .detail_view_content .attach .attach_file.plural .check_down_wrap .checkbox-wrap { top:5px; }
#sub_list .detail_view_content .attach .attach_file.plural .checkbox-wrap { cursor: pointer; display: inline-block; position: absolute; left: 10px; top: 10px; font-size: 13px; padding-left:0; }
#sub_list .detail_view_content .attach .attach_file.plural .checkbox-wrap input { position: absolute; z-index: -1; opacity: 0; }
#sub_list .detail_view_content .attach .attach_file.plural .checkbox-wrap .styled-check + label:before { content: ''; margin-right: 7px; display: inline-block; vertical-align: top; width: 13px; height: 13px; background-color: #ffffff; border: 1px solid #d9d9d9; }
#sub_list .detail_view_content .attach .attach_file.plural .checkbox-wrap .styled-check:checked + label:before { background-color: #888 !important; border: 1px solid #888; }
#sub_list .detail_view_content .attach .attach_file.plural .checkbox-wrap .styled-check:checked + label:after { content: ''; position: absolute; left: 3px; top: 7px; background-color: #ffffff; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#sub_list .detail_view_content .attach .attach_file.plural .checkbox-wrap label { color: #4d4d4d; font-size: 13px; line-height: 16px !important; height: 18px !important; float: left; position: relative; cursor: pointer; }

/* 의견나누기 */
#sub_list .comment_share { width:100%; margin:10px 0; clear:both; position:relative; background-color:#f9f9f9; border-bottom:1px solid #e0e0e0;}
#sub_list .comment_share h3 { width:100%; height:40px; line-height:40px; background-color:#fff; font-size:14px; color:#555555; font-weight:600;} 
#sub_list .comment_share h3 strong { font-size: 1.5rem; color: #ff8205; font-weight: 600; }
#sub_list .comment_share .write_box { padding:10px 20px; border-top:1px solid #e0e0e0;}
#sub_list .comment_share .write_box .grade { height:30px; line-height:30px; vertical-align:middle;}
#sub_list .comment_share .star {  display:inline-block; width:75px; height: 13px; background:url(/nedu/images/star_bg.png) 0 0 no-repeat;}
#sub_list .comment_share #topComntTextBox .star { float: left; margin-top: 7px;}
#sub_list .comment_share .star li{  display:inline-block; width:15px; height: 13px; margin:0; padding:0; float:left;}
#sub_list .comment_share .star.s_1 {  background-position: 0 -13px; }
#sub_list .comment_share .star.s_2 {  background-position: 0 -26px; }
#sub_list .comment_share .star.s_3 {  background-position: 0 -39px; }
#sub_list .comment_share .star.s_4 {  background-position: 0 -52px; }
#sub_list .comment_share .star.s_5 {  background-position: 0 -65px; }
#sub_list .comment_share .write_box .limit_txt { font-size:12px; color:#999999; display:inline-block; text-align:right; float:right; }
#sub_list .comment_share .write_box .limit_txt strong { color:#666666; font-weight:600;}
#sub_list .comment_share .textareaWrap.j-commentForm { margin:10px 0; }
#sub_list .comment_share .textareaWrap textarea { width: 700px; height: 50px; padding: 4px; margin-left:0; border:1px solid #dddddd; background-color:#fff; vertical-align:top;}
#sub_list .comment_share .textareaWrap .updateBtnGroup { display:inline-block; width: 44px; position:absolute; right:20px;  }
#sub_list .comment_share .textareaWrap .submit {width:44px; height:50px; line-height:50px; text-align:center; border:none; font-size:12px; color:#fff; cursor:pointer; display: inline-block;
background: #777; /* Old browsers */
background: -moz-linear-gradient(top,  #777 0%, #666 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #777 0%,#666 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #777 0%,#666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777', endColorstr='#666',GradientType=0 ); /* IE6-9 */
}
#sub_list .comment_share .textareaWrap .submit.v2 {width: 44px; height: 24px; line-height: 25px; padding-top: 0px;} 
#sub_list .comment_share .textareaWrap .submit.v2:nth-child(2) { margin-top: 2px;}  
#sub_list .comment_share #topComntTextBox .textareaWrap .submit {position: absolute; right:20px; }
#sub_list .comment_share .list { padding:0 20px; }
#sub_list .comment_share .list > li { font-size:13px; color:#555555; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #e0e0e0;}
#sub_list .comment_share .list > li:last-child { border-bottom:none; margin-bottom:0;}
#sub_list .comment_share .list li div {line-height:18px; color:#333; }
#sub_list .comment_share .list li .comment_info {line-height:30px; padding-bottom:4px; position:relative; height:36px; }
#sub_list .comment_share .list li .comment_info .name { color:#555; font-weight:600; border-right:1px solid #cccccc; padding-right:10px; margin-right:10px; display:inline-block; height:16px; line-height:16px;}
#sub_list .comment_share .list li .comment_info .date { color:#555; margin-right:10px; display:inline-block;}
#sub_list .comment_share .list li .comment_info .grade {display:inline-block; position:absolute; top:6px; right:15px; }
#sub_list .comment_share .list li .comment_info .grade ul li {display:inline-block; margin-left:20px; text-align:right; cursor: pointer;}
#sub_list .comment_share .list li .comment_info .grade ul li img { vertical-align:middle; }
#sub_list .comment_share .list li .comment_info .grade ul li span { margin-left:4px; font-size:12px; color:666666;}
#sub_list .comment_share .list li .comment_info .grade ul li:first-child span { text-decoration:underline;}
#sub_list .comment_share .list li .comment_info .upDateComntItem,
#sub_list .comment_share .list li .comment2 .upDateComntChild{ display: inline-block; padding:0 10px; cursor: pointer; background-color:#fff; border:1px solid #d9d9d9; border-radius:24px;}
#sub_list .comment_share .list li .comment_info .upDateComntItem:hover,
#sub_list .comment_share .list li .comment2 .upDateComntChild:hover{ box-shadow: inset 0 0 0 1px #000000; border: 1px solid #000000;}
#sub_list .comment_share .list li .comment_info .deleteComntItem,
#sub_list .comment_share .list li .comment2 .deleteComntChild{ display: inline-block; padding:0 10px; cursor: pointer; background-color:#fff; border:1px solid #d9d9d9; border-radius:24px;}
#sub_list .comment_share .list li .comment_info .deleteComntItem:hover,
#sub_list .comment_share .list li .comment2 .deleteComntChild:hover{ box-shadow: inset 0 0 0 1px #000000; border: 1px solid #000000;}

#sub_list .comment_share .list li .comment2 {border:none; margin-top:0; padding:0; display:none;}
#sub_list .comment_share .list li .comment2.on {display:inline-block; width:100%;}
#sub_list .comment_share .list li .comment2 .textareaWrap { padding:20px 10px 0 41px; background:url(/nedu/images/ico_comment2.png) 16px center no-repeat;}
#sub_list .comment_share .list li .comment2 .textareaWrap textarea {width:630px;}
#sub_list .comment_share .list li .comment2 .comntChild .textareaWrap {background:none; padding: 0px;}
#sub_list .comment_share .list li .comment2 .comntChild .textareaWrap textarea {width:620px;}
#sub_list .comment_share .list li .comment2 .list {padding:0px 12px 0 41px; /* background:url(/nedu/images/ico_comment2.png) 16px center no-repeat; */ }
#sub_list .comment_share .list li .comment2 .list li.comntChild { margin-top:10px;}
/* //의견나누기 */

/**/
#dext5uploader_holder_dext5upload{display: none;}
.addFiles .fileInfo li{font-size:12px;color: #555;margin: 5px 0;}
.addFiles .fileInfo li.red{color: red; font-weight: bold; font-size: 12px;}

		
	

/* customer select */
.autoSelector{ position:relative; line-height:normal; display:inline-block; float:none; *display:inline; vertical-align:top; background:#fff; *zoom:1; width:192px;  }
.autoSelector *{ margin:0; padding:0; cursor:pointer; font-size:13px;}
.autoSelector .myValue{ position:relative; z-index:1; left:0; top:0; color:#666; line-height:34px; _line-height:normal; text-align:left; overflow:visible; background:transparent; border:1px solid #d9d9d9; }
.autoSelector div.myValue{ height:36px; text-indent:8px;}
.autoSelector .ctrl{ position:absolute; top:0; right:0; width:20px; height:30px; background:#fff; z-index:2;}
.autoSelector .ctrl.style2{ width:0; height:0; }
.autoSelector .arrow3{  position: absolute; width: 0 !important; height: 0 !important; pointer-events: none; border-style: solid; border-width: 5px 4px 0 4px; border-color: #7b7b7b transparent transparent transparent; padding-right: 1px; top: 16px !important; right: 12px !important;}
.autoSelector:hover .myValue, .autoSelector:focus .myValue { color: #4d4d4d; background-color: white; border-color: black; }
.autoSelector:hover .arrow3, .autoSelector:focus .arrow3 { border-top-color: #000; }
.autoSelector.open .ctrl .arrow3{ background-position:0 -6px; }
.autoSelector ul{ position:absolute; top:36px; left:0; width:100%; list-style:none; border:0; border-bottom:1px solid #d9d9d9; background:#fff; overflow:hidden;}
.autoSelector ul.aList{ display:none;}
.autoSelector.open ul.aList{ display:block;}
.autoSelector ul.iList{ display:none; z-index:3}
.autoSelector.open ul.iList{ left:0;}
.autoSelector li{ position:relative; overflow:hidden; white-space:nowrap; height:28px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.autoSelector li input.option{ position:absolute; width:100%; height:28px; line-height:20px;}
.autoSelector li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:28px; line-height:28px; color:#767676; background:#fff;}
.autoSelector li a{ display:block; text-indent:8px; *text-indent:6px; height:28px; line-height:28px; color:#767676; background:#fff; text-decoration:none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.autoSelector li:hover, .searchWrap .iList li.checked *{ background:#266db5; color:#fff;}
.autoSelector.w94 { width:94px;}

/* pagingNav */
.pagingNav { display: block; margin: 2rem auto 1rem; padding-left: 1px; font-size:0; text-align:center; clear: both; }
.pagingNav:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.pagingNav a, .pagingNav strong { display: inline-block; overflow: hidden; width: 40px; height: 40px; border: 1px solid #d9d9d9; line-height: 37px; font-size: 1.5rem; margin: 0 0 0 -1px !important; padding: 0 !important; text-align: center; color: #666666; text-decoration: none; vertical-align: middle; font-family: 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; background-color: white;}
.pagingNav strong {   background-color: #008489; color: white; border: 1px solid #008489; }
.pagingNav a:hover { color: black; font-weight: bold; background-color: #f7f7f7; }
.pagingNav .pre_end, .pagingNav .pre, .pagingNav .next, .pagingNav .next_end { font-size: 0; line-height: 0; overflow: hidden; text-indent: -999; background-image: url('@/assets/images/common_c/pagination.png'); background-repeat: no-repeat; }
.pagingNav .pre_end span, .pagingNav .pre span, .pagingNav .next span, .pagingNav .next_end span { display:inline-block; text-indent:-999px; overflow:hidden;}
.pagingNav .pre_end { background-position: 0 0; }
.pagingNav .pre { background-position: -40px 0; }
.pagingNav .next { background-position: -80px 0; }
.pagingNav .next_end { background-position: -120px 0; }

.pagingNav a.on {   background-color: #008489; color: white; border: 1px solid #008489; }

/* pageNav */

/* customer tab */
ul.tabs {list-style: none;  width: 100%; margin-bottom:20px; padding:0; clear:both; }
ul.tabs:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
ul.tabs li {width: 131.5px; float: left; height: 52px; overflow:hidden;}
ul.tabs li a.tab_line2 {display: inline-block; width: inherit;}
ul.tabs.m1 {display:none;}
ul.tabs.m2 li {width:50%}
ul.tabs.m3 li {width:33.33%}
ul.tabs.m4 li {width:25%}
ul.tabs.m5 li {width:20%}
ul.tabs li a {text-decoration: none; display: block; width: 100%; height: 100%; border:1px solid #999; border-right:none; text-align: center; font-size:13px; font-weight:500; color:#333; line-height:50px; }
ul.tabs li a span {font-size:inherit; }
ul.tabs li:first-child a { border-left: 1px solid #999; }
ul.tabs li:last-child a { border-right: 1px solid #999; }
ul.tabs.m2 li a {font-size:16px;}
ul.tabs.m3 li a {font-size:15px;}
ul.tabs.m4 li a {font-size:14px;}
ul.tabs.m5 li a {font-size:13px; letter-spacing:-1px; }
ul.tabs li a.active {background-color: #023c73;color: #fff;border:1px solid #023c73;}
.tabscontents {clear: both; width: 100%; margin:10px 0;}

ul.tabs.m4 li a span.web_display_span{display: inline-block;}
ul.tabs.m4 li a span.mobile_display_span{display: none;}

ul.tabs.m10 { margin-bottom:10px; width:100%;}
ul.tabs.m10 li {width:150px; height:34px; margin:0 10px 10px 0;}
ul.tabs.m10 li.mr_0 { margin-right:0}
ul.tabs.m10 li a {width:150px; height:34px; line-height:32px; font-size:13px; letter-spacing:-1px; border: 1px solid #ccc !important; }
ul.tabs.m10 li a.active { border:1px solid #023c73 !important; }
ul.tabs.m10 li:nth-child(5) {margin-right:0px}
ul.tabs.m10 li:nth-child(10){margin-right:0px}

ul.tabs.m11 { margin-bottom:10px; width:100%;}
ul.tabs.m11 li {width:150px; height:34px; margin:0 10px 10px 0;}
ul.tabs.m11 li.mr_0 { margin-right:0}
ul.tabs.m11 li a {width:150px; height:34px; line-height:32px; font-size:13px; letter-spacing:-1px;  border: 1px solid #ccc !important; }
ul.tabs.m11 li a.active { border:1px solid #023c73 !important;}
ul.tabs.m11 li:nth-child(5) {margin-right:0px}
ul.tabs.m11 li:nth-child(10){margin-right:0px}

ul.tabs.m12 { margin-bottom:10px; width:100%;}
ul.tabs.m12 li {width:150px; height:34px; margin:0 10px 10px 0;}
ul.tabs.m12 li.mr_0 { margin-right:0}
ul.tabs.m12 li a {width:150px; height:34px; line-height:32px; font-size:13px; letter-spacing:-1px;  border: 1px solid #ccc !important; }
ul.tabs.m12 li a.active { border:1px solid #023c73 !important;}
ul.tabs.m12 li:nth-child(5) {margin-right:0px}
ul.tabs.m12 li:nth-child(10){margin-right:0px}

/* REDU 게시판형 리스트화면 */
#searchAtclForm fieldset{ width: 100%; display: inline-block;}
#searchAtclForm input#keyword { width: 188px; height: 36px; border: 1px solid #d9d9d9; border-right: none; color: #666; padding-left: 8px; vertical-align: top;}
#searchAtclForm a#btnSearch { display:inline-block; width:36px; height:36px; vertical-align:top; margin:0 0 0 -3px; background:url('@/assets/images/common_c/btn_board_search.png'); background-repeat:no-repeat; cursor:pointer;}
#searchAtclForm a#btnSearch img { display:none; }
.bbs_btn {width:100%; text-align:right; margin-top:1.5rem; clear:both;}
.bbs_btn .txtbtn { display:inline-block; height:36px; line-height:36px; background-color:#023c73; padding:0 1.5rem; font-size:14px; color:#fff; text-decoration:none; }
.bbs_btn .txtbtn1 { display:inline-block; height:36px; line-height:36px; background-color:#023c73; padding:0 1.5rem; font-size:14px; color:#fff; text-decoration:none; }
.bbs_btn .txtbtn:hover, .bbs_btn .txtbtn1:hover { background-color: #012649;}
.bbs_btn #goAdd.txtbtn{ background-color:#5690c6;}
.bbs_btn #goList.txtbtn{ background-color:#c92a33;}
.bbs_btn .txtbtn img { display:none; vertical-align:middle; margin-right:5px;}

ul.bbs_mobile { display: none;}

	/* REDU 게시판형 등록화면 */
.stdy_btm:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.stdy_btm .bbs_list { width:100%; margin-top:15px;}
.stdy_btm .bbs_list:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.stdy_btm .bbs_list input[type=text]{ height:36px; border:1px solid #dddddd; color:#666; padding-left:8px; vertical-align:middle; margin-right:4px;}
.stdy_btm .bbs_list th { color: #666; padding: 10px 5px; background: #fafafa; font-size: 13px; font-weight: 600; border-bottom:1px solid #f0f0f0;vertical-align:middle; }
.stdy_btm .bbs_list td { padding:10px 5px; border-bottom:1px solid #e6e6e6; text-align:left; vertical-align:middle; font-size:12px; color:#999999; }
.stdy_btm .bbs_list tr:first-child th, 
.stdy_btm .bbs_list tr:first-child td { border-top:2px solid #000;}
.stdy_btm .bbs_list tr:last-child th, 
.stdy_btm .bbs_list tr:last-child td { border-bottom:2px solid #000;}
.stdy_btm .bbs_list tr:first-child th:first-child, 
.stdy_btm .bbs_list tr:first-child td:first-child {width:140px;} 
.stdy_btm .bbs_list #title {width:480px;}
.stdy_btm .bbs_list .input_pwd {width:180px; margin-left:10px; }
.stdy_btm .bbs_list .input_check {width:16px; height:16px; vertical-align:middle; margin: 0 4px 0 0; }
.stdy_btm .bbs_list .txteditor { width:100%; height:342px; }
.stdy_btm .bbs_list p{ margin-bottom:5px; }
.stdy_btm .bbs_list ul.fileInfo li{ color:#555; font-size:12px; margin:5px 0; }
.stdy_btm .bbs_list ul.fileInfo li:last-child{ margin:5px 0 0 0; }
.stdy_btm .bbs_list ul.fileInfo li span{ letter-spacing:-1px; }
.bbs_btn {width:100%; text-align:right; margin-top:1.5rem;; clear:both;}
.bbs_btn .txtbtn { display:inline-block; height:36px; line-height:36px; background-color:#023c73; padding:0 1.5rem; font-size:14px; color:#fff; text-decoration:none; }
.bbs_btn .txtbtn1 { display:inline-block; height:36px; line-height:36px; background-color:#023c73; padding:0 1.5rem; font-size:14px; color:#fff; text-decoration:none; }
.bbs_btn .txtbtn:hover, .bbs_btn .txtbtn1:hover { background-color: #012649;}
.bbs_btn #goAdd.txtbtn{ background-color:#5690c6;}
.bbs_btn #goList.txtbtn{ background-color:#c92a33;}
.bbs_btn .txtbtn img { display:none; vertical-align:middle; margin-right:5px;}
/* //REDU 게시판형 등록화면 */


/* 게시글 웹,모바일 처리 */
#selectAtclForm .notice_web {display: block;}
#selectAtclForm .notice_mobile {display: none;}
/* //게시글 웹,모바일 처리 */

/* 서비스 준비중 안내 */
#commingSoon{width:745px;margin:0 auto;}
#commingSoon .logoTop{float:right;padding-top:15px;}
#commingSoon .wholediv{position:relative;clear:both;background:url("/nedu/images/commingSoon/middback.png") no-repeat 0 0;width:inherit;height:321px;}
#commingSoon .wholediv .leftError{float:left;position:absolute;top:90px;left:30px;}
#commingSoon .wholediv .rightError{position:absolute;top:120px;left:190px;width:385px }
#commingSoon .wholediv .rightError h2{margin:0;font-size:1.3em}
#commingSoon .wholediv .rightError .guidetitle{font-size:1.8em;color:#6d6d6d;font-weight:bold;border-bottom:1px dashed #cccccc;padding-bottom:20px;margin:0; letter-spacing:-1px;}
#commingSoon .wholediv .rightError .guidetext{font-size:1.1em;color:#707070;line-height:20px;margin:20px 0 10px}
#commingSoon .wholediv .rightError .educustom{background:url("/nedu/images/commingSoon/errorDot.png") no-repeat 0 5px;font-weight:bold;font-size:1.1em;text-indent:15px;}
#commingSoon .wholediv .rightError .educustom span{color:#f36f21;}
#commingSoon .wholediv .rightError .educustom span.line{color:#c6c6c6;padding:0 10px;}
#commingSoon .wholediv .rightError .Btnhome{margin-top:20px;}
#commingSoon .wholediv .rightError .Btnhome .homegone{background:url("/nedu/images/commingSoon/homebtn.png") no-repeat 0 0;width:144px;height:38px;border:none; font:1.1em 'ngWeb', "돋움", Dotum, sans-serif;font-weight:bold;cursor:pointer;text-indent:25px; color:#fff; letter-spacing:-1px;}
#commingSoon .wholediv .copyment{width:100%;position:absolute;top:360px;text-align:center;color:#666666;}
/* //서비스 준비중 안내 */

/* 공통단 예외처리 */
#wrap.wrap_menu_797 #listAtclBody col:nth-child(3) {width: 0px; display: none; }  
#wrap.wrap_menu_797 #listAtclBody th:nth-child(3) {width: 0px; display: none; }  
#wrap.wrap_menu_797 #listAtclBody td:nth-child(3) {width: 0px; display: none; }  
/* //공통단 예외처리 */


input[type=text] { ime-mode:active; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; }
a {text-decoration:none; display:inline; margin:0; padding:0; color:#555; }
ol, ul {	list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:none;}
table {border-collapse: collapse;border-spacing: 0;}
textarea {resize: none;}
.scrolllock {overflow:hidden; height:100%}

.hidden{ height:0; width:0; visibility:hidden; display:none; }
.hidden_text {overflow:hidden; text-indent:-1000%;}
.display_none {display: none}
.noDisplay { display: none !important; }
.fl { display:inline-block; float:left;}
.fr { display:inline-block; float:right;}
.ellipsis {width:100%; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; word-break:keep-all; word-wrap:normal; overflow:hidden; white-space:nowrap;}



/*=========================================
	              style
==========================================*/

/* button */
.bttn { display: inline-block; cursor: pointer; vertical-align: middle; border: 0; text-decoration: none; }
.bttn:hover { text-decoration: none; }
.bttn.bttn-mint { background-color: #008489; color: white; }
.bttn.bttn-mint:hover { background-color: #00758a; }
.bttn.bttn-mint:focus { background-color: #00758a; }
.bttn.bttn-blue { background-color: #266db5; color: white; }
.bttn.bttn-blue:hover { background-color: #023c73; }
.bttn.bttn-blue:focus { background-color: #023c73; }
.bttn.bttn-red { background-color: #c92a33; color: white; }
.bttn.bttn-red:hover { background-color: #5c1e0b; }
.bttn.bttn-red:focus { background-color: #5c1e0b; }
.bttn.bttn-navy { background-color: #023c73; color: white; }
.bttn.bttn-navy:hover { background-color: #012649; }
.bttn.bttn-navy:focus { background-color: #012649; }
.bttn.bttn-gray { background-color: #4d4d4d; color: white; }
.bttn.bttn-gray:hover { background-color: #0d0d0d; }
.bttn.bttn-gray:focus { background-color: #0d0d0d; }
.bttn.bttn-white { background-color: white; border: 1px solid #d9d9d9; color: #4d4d4d; }
.bttn.bttn-white:hover { background-color: #d9d9d9; }
.bttn.bttn-white:focus { background-color: #d9d9d9; }
.bttn.bttn-normal { font-size: 1.4rem; height: 36px; line-height: 36px; padding: 0 1.5rem; }


/* 더보기 */
.btn_more { color: #6d6d6d; font-size: 1.0em; text-decoration: none; position: relative; display: inline-block; padding-left: 17px !important; text-align: left; font-size: 13px; }
.btn_more .s-close-btn { cursor: pointer; width: 12px; height: 12px; position: absolute; top: 1px; left: 0; }
.btn_more .s-close-btn__cross { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform-origin: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; transform: rotate(0); }
.btn_more .s-close-btn__cross::before { content: ''; margin-top: -1px; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; background-color: #6d6d6d; }
.btn_more .s-close-btn__cross::after { content: ''; margin-left: -1px; width: 2px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #6d6d6d; }
.btn_more:hover .s-close-btn .s-close-btn__cross { transform: scale(1.2) rotate(90deg); }

/* form */
.form-w { width:100%; }
.form-w::after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.form-w h3 { font-size:20px; color:#000; line-height: 34px; border-bottom:2px solid #000; padding-bottom:10px; }
.form-w > ul > li { padding:10px 0; border-bottom:1px dashed #e0e0e0; }
.form-w > ul > li:last-child { border-bottom:1px solid #e0e0e0; }


.form-w > ul > li.notice_check .input-text { padding:0 90px 0 100px; }
.form-w > ul > li.notice_check .checkbox { position:absolute; right:0; top:0; }
.form-w > ul > li.notice_check .checkbox label { font-size:1.3rem; font-weight:400; line-height:18px; padding:0.8rem 0; }

.input-guide { width: 100%; font-size: 1.2rem; color: #FF5C05; margin-top: 0.5rem; line-height: 1.4; padding: 0 0 0 15px; position: relative; }
.input-guide:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.input-guide:before { content: ''; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; background-image: url('@/assets/images/common_c/ui-icons_black_256x240.png'); background-repeat: no-repeat; background-position: -18px -146px; }

.input-text { width: 100%; position: relative; margin-bottom: 1.0rem;  padding: 0 0 0 100px; }
.input-text ul, .input-text li { list-style: none; }
.input-text:last-of-type { margin-bottom: 0; }
.input-text > label { position: absolute; left:0; font-size:15px; color:#266db5; font-weight:600; line-height: 36px;  }
.input-text input[type="text"], .input-text input[type="password"] { width: 100%; border: 1px solid #d9d9d9; height: 36px; padding: 0 10px; line-height: 36px; font-size: 1.4rem; clip:inherit; }
.input-text input[type="text"]:focus, .input-text input[type="password"]:focus { border: 1px solid black; -moz-box-shadow: inset 0 0 0 1px black; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; }
.input-text.input-name input { max-width: 150px; }
.input-text.input-id input { max-width: 300px; }
.input-text.input-pw input { max-width: 300px; }
.input-text.input-unit input { max-width: 100px; }
.input-text .bttn { display: inline-block; margin-left: 0.5rem; }
.input-text .unit { height: 36px; line-height: 36px; font-size: 1.4rem; margin-left: 0.5rem; }
.input-text .input_pwd[type="text"] { width:180px; }

.input-t { width: 100%; position: relative; }
.input-t input[type="text"], .input-t input[type="password"] { width: 100%; border: 1px solid #d9d9d9; height: 36px; padding: 0 10px; line-height: 36px; font-size: 1.4rem; }
.input-t input[type="text"]:focus, .input-t input[type="password"]:focus { border: 1px solid black; -moz-box-shadow: inset 0 0 0 1px black; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; }

.input-group { width:100%; padding-left: 100px; }
.input-group > label { position: absolute; left:0; font-size:15px; color:#266db5; font-weight:600; line-height: 36px; }

.input-textarea { width: 100%; position: relative; padding: 0 0 0 100px; }
.input-textarea ul, .input-textarea li { list-style: none; }
.input-textarea label { position: absolute; color: #1700FF; left: 0; top: 0; line-height: 36px; font-size: 1.4rem; }
.input-textarea textarea { width: 100%; border: 1px solid #d9d9d9; line-height: 1.4; padding: 10px; font-size: 1.4rem; }
.input-textarea textarea:focus { border: 1px solid black; -moz-box-shadow: inset 0 0 0 1px black; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; }

.radio-group { width: 100%; }
.radio-group ul, .radio-group li { list-style: none; }
.radio-group:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.radio-group li { float: left; position: relative; margin-right:10px; }
.radio-group li:last-child { margin-right:0; }
.radio-group label { color: #333; font-size: 14px; line-height: 18px; cursor: pointer; padding: 0.8rem 0.8rem; border: 1px dotted transparent; float: left; }
.radio-group label span { width: 18px; height: 18px; border-radius: 50%; background-color: #d6dde7; box-shadow: none; border: none; margin-right: 0.5rem; float: left; position: relative; }
.radio-group input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.radio-group input:checked ~ label span { background-color: #d6dde7; }
.radio-group input:checked ~ label span:after { content: ''; position: absolute; width: 10px; height: 10px; background-color: #192C4F; border-radius: 50%; left: 4px; top: 4px; }

.checkbox-group { width: 100%; }
.checkbox-group ul, .checkbox-group li { list-style: none; }
.checkbox-group:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.checkbox-group li { float: left; position: relative; margin-right:10px; }
.checkbox-group li:last-child { margin-right:0; }
.checkbox-group label { color: #333; font-size: 14px; line-height: 18px; cursor: pointer; padding: 0.8rem 0.8rem; border: 1px dotted transparent; float: left; }
.checkbox-group label span { width: 18px; height: 18px; background-color: #d6dde7; box-shadow: none; border-radius: 0; border: none; margin-right: 0.5rem; float: left; position: relative; }
.checkbox-group input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.checkbox-group input:checked ~ label span { background-color: #192C4F; background-image: url('@/assets/images/common_c/ui-icons_white_256x240.png'); background-repeat: no-repeat; background-position: -63px -144px;  }

.checkbox label { color: #333; font-size: 1.4rem; cursor: pointer; padding: 0.5rem 0; border: 1px dotted transparent; float: left; position: relative;}
.checkbox label span { width: 18px; height: 18px; background-color: #d6dde7; box-shadow: none; border-radius: 0; border: none; margin-right: 0.5rem; float: left; position: relative; }
.checkbox input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.checkbox input:checked ~ label span { background-color: #192C4F; background-image: url('@/assets/images/common_c/ui-icons_white_256x240.png'); background-repeat: no-repeat; background-position: -63px -144px;  }

.checkbox.notice  { }

.email-group { width: 100%; position: relative; padding: 0 0 0 100px; }
.email-group ul, .email-group li { list-style: none; }
.email-group:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.email-group label { position: absolute; left:0; font-size:15px; color:#266db5; font-weight:600; line-height: 36px; }
.email-group input[type="text"] { width: 100%; border: 1px solid #d9d9d9; height: 36px; padding: 0 10px; line-height: 36px; font-size: 14px; }
.email-group input[type="text"]:focus { border: 1px solid black; -moz-box-shadow: inset 0 0 0 1px black; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; }
.email-group input.readonly { border: 1px solid #d9d9d9; background-color: #f2f2f2; }
.email-group input.readonly:focus { border: 1px solid #d9d9d9 !important; -moz-box-shadow: inset 0 0 0 0 black; -webkit-box-shadow: inset 0 0 0 0 black; box-shadow: inset 0 0 0 0 black; }
.email-group ul { width: 100%; }
.email-group ul:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.email-group ul li { position: relative; width: 100%; float: left; }
.email-group ul li:first-child { position: relative;  padding-right: 20px; width: 150px; }
.email-group ul li:first-child:after { content: '@'; position: absolute; right: 0; top: 0; text-align: center; color: #b3b3b3; display:inline-block; width:20px; line-height: 36px; }
.email-group ul li:nth-child(2) { width: 150px; padding-right: 1.0rem; }
.email-group ul li:last-child { width: 120px; }

.select { position: relative; float: left; width: 100%; }
.select select { display: inline-block; width: 100%; cursor: pointer; outline: 0; border: 1px solid #d9d9d9; background-color:#fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 36px; line-height: 34px; font-size: 13px; padding: 0 25px 0 10px; }
.select select::-ms-expand { display: none;}
.select select:hover, .select select:focus { color: #4d4d4d; background-color: white; border-color: black; }
.select select:hover ~ .select-arrow, .select select:focus ~ .select-arrow { border-top-color: #000; }
.select .select-arrow { position: absolute; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 5px 4px 0 4px; border-color: #7b7b7b transparent transparent transparent; padding-right: 1px; top: 16px; right: 12px; }
.select.t3 { max-width: 100px; }
.select.t4 { max-width: 150px; }
.select.t5 { max-width: 200px; }

.tel-group { width: 100%; position: relative; padding: 0 0 0 100px; }
.tel-group ul, .tel-group li { list-style: none; }
.tel-group:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.tel-group label { position: absolute; left:0; font-size:15px; color:#266db5; font-weight:600; line-height: 36px; }
.tel-group input[type="text"] { width: 100%; border: 1px solid #d9d9d9; height: 36px; padding: 0 10px; line-height: 36px; font-size: 14px; }
.tel-group input[type="text"]:focus { border: 1px solid black; -moz-box-shadow: inset 0 0 0 1px black; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; }
.tel-group ul { width: 100%; }
.tel-group ul:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.tel-group ul li { position: relative; float: left; width: 100px; font-size: 14px; padding-right: 20px; }
.tel-group ul li:after { content: '-'; color: #b3b3b3; position: absolute; right: 0; top: 0; text-align: center;  width: 20px; line-height: 36px; }
.tel-group ul li:last-child:after { content: ''; width: 0 !important; font-size: 0; line-height: 0; overflow: hidden; text-indent: -999; }

.input-group .edit_w { width:100%; min-height:36px; }

.file_w { width:100%; }
.fileInfo { margin-top:10px; }
.fileInfo li { line-height:1.5; padding: 2px 0 2px 0; font-size:1.2rem; color:#5d5d5d; }


.search-group { width: 100%; position: relative; }
.search-group ul { width: 100%; }
.search-group ul:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.search-group ul, .search-group li { list-style: none; }
.search-group ul li { float: left; }
.search-group ul li:first-child { padding-right: 0.5rem; width: 120px; }
.search-group ul li:nth-child(2) { width: 200px; padding-right: 0.5rem; }
.search-group:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.search-group input[type="text"] { width: 100%; border: 1px solid #d9d9d9; height: 36px; padding: 0 10px; line-height: 36px; font-size: 1.3rem; }
.search-group input[type="text"]:focus { border: 1px solid black; -moz-box-shadow: inset 0 0 0 1px black; -webkit-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; }

/* pagination */
.pagination-wrap { width:100%; display:block; text-align: center; }
.pagination-wrap:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.pagination-wrap ul, .pagination-wrap li { list-style: none; }
.pagination-wrap a { display: inline-block; float:left; overflow: hidden; width: 40px; height: 40px; border: 1px solid #d9d9d9; line-height: 37px; font-size: 1.5rem; margin: 0 0 0 -1px !important; padding: 0 !important; text-align: center; color: #666666; text-decoration: none; vertical-align: middle; font-family: 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; background-color: white; }
.pagination-wrap a:hover { color: black; font-weight: bold; background-color: #f7f7f7; }
.pagination-wrap a.pg_arr { font-size: 0; line-height: 0; overflow: hidden; text-indent: -999; background-image: url('@/assets/images/common_c/pagination.png'); background-repeat: no-repeat; }
.pagination-wrap a.pg_first { background-position: 0 0; }
.pagination-wrap a.pg_prev { background-position: -40px 0; }
.pagination-wrap a.pg_next { background-position: -80px 0; }
.pagination-wrap a.pg_last { background-position: -120px 0; }
.pagination-wrap .pagination-desktop { display: inline-block; margin: 0 auto; padding-left: 1px; margin: 1.0rem; }
.pagination-wrap .pagination-desktop:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.pagination-wrap .pagination-desktop a.pg_active { background-color: #008489; color: white; border: 1px solid #008489; }


/* modal popup */
.modal { display:none; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; display: none; z-index: 90; }
.modal .modal-inner { overflow: hidden; width: 100%; max-width: 800px; min-width: 320px; position: absolute; padding: 0 20px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.modal .modal-inner .modalCon { background-color: #ffffff; width: 100%; text-align: center; position: relative; padding: 50px 60px; border-radius: 10px; }
.modal .modal-inner .modalCon h3 { font-size:24px; border-bottom:1px solid #000; padding-bottom:20px; margin-bottom:20px; text-align: left; }
.modal .modal-inner .modal_closeBtn { position: absolute; display: block; cursor: pointer; width: 24px; height: 24px; right: 20px; top: 22px; }
.modal .modal-inner .modal_closeBtn .closeBtn_in { position: relative; }
.modal .modal-inner .modal_closeBtn .closeBtn_in .s-close-btn { cursor: pointer; position: absolute; width: 24px; height: 24px; top: 1px; left: 0; }
.modal .modal-inner .modal_closeBtn .closeBtn_in .s-close-btn__cross { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform-origin: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; transform: rotate(45deg); }
.modal .modal-inner .modal_closeBtn .closeBtn_in .s-close-btn__cross::before { content: ''; margin-top: -1px; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; background-color: #6d6d6d; }
.modal .modal-inner .modal_closeBtn .closeBtn_in .s-close-btn__cross::after { content: ''; margin-left: -1px; width: 2px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #6d6d6d; }
.modal .modal-inner .modal_closeBtn .closeBtn_in:hover .s-close-btn .s-close-btn__cross { transform: scale(1) rotate(135deg); }
.showing-gnbmodal { overflow: hidden; }

/* board common */
.bbs-w { width: 100%; max-width: 900px; }
.bbs-w:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.bbs-w .pagination-wrap { margin-top: 1.0rem; }
.bbs-top { width: 100%; padding: 1rem; background-color:#f7f7f7; margin-bottom:2rem; }
.bbs-top:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.bbs-top ul, .bbs-top li, .bbs-top dl, .bbs-top dt, .bbs-top dd, .bbs-top ol { list-style: none; }
.bbs-top .bbs-total { font-size: 1.3rem; color: #666666; float: left; line-height:36px; }
.bbs-top .bbs-total strong { color: #266db5; }
.bbs-top .bbs-search { float: right; }
.bbs-guide { width: 100%; }
.bbs-guide ul, .bbs-guide li { list-style: none; }
.bbs-guide ul { width: 100%; }
.bbs-guide ul li { width: 100%; margin-bottom: 0.5rem; font-size: 1.3rem; color: #666666; line-height: 1.6em; padding-left: 10px; position: relative; }
.bbs-guide ul li:before { content: "-"; position: absolute; left: 0; top: 0; color: #FF5C05; font-size: 1.4rem; }
.bbs-guide ul strong { color: #FF5C05 !important; font-weight: 400; }
.bbs-bttns { width: 100%; margin-top: 1.5rem; }
.bbs-bttns:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.bbs-bttns .L { float: left; }
.bbs-bttns .L .bttn { margin-right: 1.0rem; float:left; }
.bbs-bttns .L .bttn:last-of-type { margin-right: 0; }
.bbs-bttns .R { float: right; }
.bbs-bttns .R .bttn { margin-left: 1.0rem; float:left; }
.bbs-bttns .R .bttn:first-of-type { margin-left: 0; }
.bbs-bttns .C { width:100%; margin:0 auto; text-align:center; }
.bbs-bttns .C .bttn { margin-right: 1.0rem; }
.bbs-bttns .C .bttn:last-of-type { margin-right:0; }

.bbs-list i.new { width: 10px; height: 10px; background-image: url('/images/common_c/new.png'); background-repeat: no-repeat; background-size: 10px auto; background-position: 0 0; display: inline-block; margin-left: 5px; vertical-align: middle; font-size: 0; line-height: 0; overflow: hidden; text-indent: -999; }
.bbs-list i.lock { width: 10px; height: 10px; background-image: url('/images/common_c/lock.png'); background-repeat: no-repeat; background-size: 10px auto; background-position: 0 0; display: inline-block; margin-right: 5px; vertical-align: middle; font-size: 0; line-height: 0; overflow: hidden; text-indent: -999; }
.bbs-list i.reply { width: 17px; height: 11px; background-image: url('/images/common_c/reply.png'); background-repeat: no-repeat; background-size: 17px auto; background-position: 0 0; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; overflow: hidden; text-indent: -999; }
.bbs-list table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%; border-top: 2px solid #192C4F; border-bottom: 2px solid #192C4F; }
.bbs-list table th, .bbs-list table td { text-align: center; font-size: 1.4rem; }
.bbs-list table th { background-color: #f5f5f5; color: #192C4F; padding: 8px 5px; line-height: 1.5; font-weight: 400; border-bottom: 1px solid #e0e0e0; vertical-align:middle; }
.bbs-list table td { background-color: white; color: #333; padding: 8px 5px; line-height: 1.5; border-bottom: 1px solid #e0e0e0; vertical-align:middle; }
.bbs-list table td.col_num { font-family: 'Play', 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; font-size: 1.3rem; }
.bbs-list table td.col_ttl { color:#000; text-align: left !important; }
.bbs-list table td.col_date { font-family: 'Play', 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; font-size: 1.3rem; }
.bbs-list table td.col_view { font-family: 'Play', 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; font-size: 1.3rem; }
.bbs-list table td.col_ttl a { text-decoration: none; font-size: 1.4rem; color:#000; line-height: 1.5; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; }
.bbs-list table td.col_ttl a:hover { text-decoration: underline; color: #4d4d4d; }
.bbs-list table td.col_ttl a span { font-size:1.4rem; }

.bbs-list th.col_num { width: 60px; }
.bbs-list th.col_type { width: 100px; }
.bbs-list th.col_writer { width: 80px; }
.bbs-list th.col_date { width: 100px; }
.bbs-list th.col_view { width: 60px; }
.bbs-list th.col_file { width: 60px; }
.bbs-list th.col_state { width: 80px; }
.bbs-list span.label { display: none; }

.bbs-view { width: 100%; }
.bbs-view table { table-layout:fixed; border-collapse: collapse; border-spacing: 0; width: 100%; border-top: 2px solid #192C4F; border-bottom: 1px solid #e0e0e0; }
.bbs-view table tr { border-bottom: 1px solid #e0e0e0;  }
.bbs-view table tr th { width: 200px !important; background-color: #f5f5f5; color: #266db5; padding: 8px 5px; line-height: 1.5; font-weight: 400; text-align: center; font-size: 1.4rem; }
.bbs-view table tr td {  padding:20px; color: #4d4d4d; line-height: 1.5; text-align: left; font-size: 1.4rem; background-color: white; word-break: break-word; }
.bbs-view .td_file { padding:0; }
.bbs-view .td_file .attach_w { width: 100%; position: relative; text-align: left; overflow: hidden; padding:15px 15px 15px 120px; }
.bbs-view .td_file .attach_w:after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.bbs-view .td_file .attach_w .attach_ttl {  position: absolute; left:0; top:0;  width: 100px; height: 100%; min-height: 300px; background-color: #f9f9f9; }
.bbs-view .td_file .attach_w .attach_ttl h2 { min-height:100px; font-size: 14px; color: #266db5; font-weight: 600; position: relative; margin: 0; overflow: hidden; padding: 20px 0 0 20px;  }
.bbs-view .td_file .attach_w .attach_ttl h2 i { width: 62px; height: 57px; position: absolute; right: -15px; top: 5px; background-image: url('@/assets/images/common_c/bbs_file_bg.png'); background-repeat: no-repeat;  }

.bbs-view .td_file ul, .bbs-view .td_file li { list-style: none; }
.bbs-view .td_file a { font-size: 1.3rem; }
.bbs-view .td_file li { width: 100%; margin-bottom: 0.5em; min-height: 34px; }
.bbs-view .td_file li:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.bbs-view .td_file li:last-child { margin-bottom: 0; }
.bbs-view .td_file li dl { width: 100%; position: relative; padding:0 100px 0 45px; }
.bbs-view .td_file li dl:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.bbs-view .td_file li dl dd.type { width: 34px; height: 34px; background-color: #000000; border-radius: 50%; float: left; margin-right: 10px; text-align: center; line-height: 34px; font-size: 10px; font-family: 'Roboto'; font-weight: 600; color: #ffffff; position: absolute; left: 0; top: 0; }
.bbs-view .td_file li dl dt { width: 100%; }
.bbs-view .td_file li dl dt a { color: #6d6d6d; text-decoration: none; display: block; width: 100%; font-size: 14px; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.bbs-view .td_file li dl dt a:hover { color: #000000; text-decoration: underline; }
.bbs-view .td_file li dl dd.preview { position: absolute; right: 0; top: 0; }
.bbs-view .td_file li dl dd.preview a { display: block; border: 1px solid #d9d9d9; background-color: #f9f9f9; line-height: 32px; font-size: 13px; padding: 0 15px; color: #6d6d6d; text-decoration: none; overflow:hidden; }
.bbs-view .td_file li dl dd.preview a i { width: 14px; height: 18px; background-image: url('@/assets/images/common_c/ico_preview.png'); background-repeat: no-repeat; background-position: 0 0; display: inline-block; margin-right: 5px; vertical-align:middle; }
.bbs-view .td_file li dl dd.preview a:hover { box-shadow: inset 0 0 0 1px #05958b; border: 1px solid #05958b; text-decoration: none; color: #05958b; }
.bbs-view .td_file li dl dd.preview a:hover i { background-position: -14px 0; }
.bbs-view .td_file li .f_del { padding:0 10px; }

.bbs-view table a { text-decoration: none; }
.bbs-view table a:hover { text-decoration: underline; color: #4d4d4d; }

.bbs-con { width: 100%; padding: 1.5rem; border-bottom: 2px solid #192C4F; line-height: 1.5; font-size: 1.4rem; text-align: left; }

.bbs-view td.td_date { font-family: 'Play', 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; font-size: 1.5rem; }
.bbs-view td.td_view { font-family: 'Play', 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; font-size: 1.5rem; }

.bbs-view .td_ttl { background-color:#f7f7f7; padding:20px; position:relative; }
.bbs-view .td_ttl .title { font-size:16px; color:#000; font-weight:600; line-height:24px; position:relative; }
.bbs-view .td_ttl .view_info { width:100%; position:relative; margin-top:10px;}
.bbs-view .td_ttl .view_info::after { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.bbs-view .td_ttl .view_info .info { float:left;}
.bbs-view .td_ttl .view_info .info span { line-height:16px; font-size:13px; margin-right:10px; padding-right:10px; background-image:url('@/assets/images/common_c/menu_division.png'); background-position: right center; background-repeat: no-repeat; }
.bbs-view .td_ttl .view_info .info span:last-of-type { margin-right:0; background-image:none; }
.bbs-view .td_ttl .view_info .action_btn { max-height:40px; position:absolute; top:-10px; right:0;}
.bbs-view .td_ttl .view_info .action_btn::after  { content: ""; height: 0; line-height: 0; clear: both; display: block; *zoom: 1;}
.bbs-view .td_ttl .view_info .action_btn li { display:inline-block; margin-left:10px; }
.bbs-view .td_ttl .view_info .action_btn  a { font-size:12px; background-color:#fff;}
.bbs-view .td_ttl .view_info .action_btn li.copy_url a { font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; border-radius: 50%; width: 40px; height: 40px; display: block; border: 1px solid #d9d9d9; background-image: url('@/assets/images/common_c/ico_url.png'); background-repeat: no-repeat; }
.bbs-view .td_ttl .view_info .action_btn li.copy_url a:hover { box-shadow: inset 0 0 0 1px #000000; border: 1px solid #000000; }
.bbs-view .td_ttl .view_info .action_btn li.copy_url .zclip:hover { border-radius: 50%; box-shadow: inset 0 0 0 1px #000000; border: 1px solid #000000; }
.bbs-view .td_ttl .view_info .action_btn li.print a { font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; width: 40px; height: 40px; display: block; border-radius: 20px; border: 1px solid #d9d9d9; line-height: 40px; background-image: url('@/assets/images/common_c/ico_print.png'); background-repeat: no-repeat;  }
.bbs-view .td_ttl .view_info .action_btn li.print a:hover { box-shadow: inset 0 0 0 1px #000000; border: 1px solid #000000; }
.bbs-view .td_ttl .view_info .action_btn li.scrap a { font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; width: 40px; height: 40px; display: block; border-radius: 20px; border: 1px solid #d9d9d9; line-height: 40px; background-image: url('@/assets/images/common_c/ico_scrap.png'); background-repeat: no-repeat;  }
.bbs-view .td_ttl .view_info .action_btn li.scrap a:hover { box-shadow: inset 0 0 0 1px #000000; border: 1px solid #000000; }

.bbs-view .td_label { font-size: 14px; color: #266db5; font-weight: 600; width:100px; background-color:#f9f9f9;}

.bbs-write { width: 100%; }
.bbs-write ul, .bbs-write li { list-style: none; }
.bbs-write .blind { font-size: 0; line-height: 0; overflow: hidden; text-indent: -999; position: absolute; width: 1px; height: 1px; margin: -1px; }
.bbs-write table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%; border-top: 2px solid #192C4F; border-bottom: 2px solid #e0e0e0; }
.bbs-write table tr { border-bottom: 1px solid #e0e0e0; }
.bbs-write table tr th { width: 160px !important; background-color: #f5f5f5; color: #266db5; padding: 8px 5px; line-height: 1.5; font-weight: 400; text-align: center; font-size: 1.4rem; }
.bbs-write table tr td { color: #4d4d4d; padding: 8px 5px; line-height: 1.5; text-align: left; font-size: 1.4rem; background-color: white; }
.bbs-write table .radio-group li { margin: 0 1.0rem 0 0 !important; }
.bbs-write table .input-aaa { max-width: 120px; }
.bbs-write table .input-bbb { max-width: 150px; }
.bbs-write table .input-ccc { max-width: 500px; }
.bbs-write .td_contents { width: 100%; padding: 1.5rem; border-bottom: 2px solid #e0e0e0; }
.bbs-write .inp_file { margin-bottom: 5px; }

.bbs-write td.td_date { font-family: 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; font-size: 1.5rem; }
.bbs-write td.td_view { font-family: 'Saira Semi Condensed', "sans-serif", "AppleGothic", "Arial", "verdana", "Helvetica"; font-size: 1.5rem; }

/* 페이지제목 영역 */
.page_ttl_w { width: 100%; text-align: left; position: relative; padding:0 0 30px 0 !important; }
.page_ttl_w:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.page_ttl_w h2 { color: #000000; font-weight: bold !important; float: left; margin: 0; padding: 0; font-size: 24px; line-height: 24px; }
.page_ttl_w p { float: right; margin: 0; padding: 0; text-align: right; }
.page_ttl_w p a { display: inline-block; text-decoration: none; line-height: 24px; font-size: 13px; color: #4d4d4d;}
.page_ttl_w p a:hover { text-decoration: underline; }
.page_ttl_w p span { display: inline-block; line-height: 24px; font-size: 13px; color: #6d6d6d; vertical-align: top; }
.page_ttl_w p .home { background-image: url('@/assets/images/common_c/bu_home.gif'); background-repeat: no-repeat; padding-left: 18px; background-position: 0 center; }
.page_ttl_w p .next { width: 4px; height: 7px; display: inline-block; background-image: url('@/assets/images/common_c/bu_arright.png'); background-repeat: no-repeat; height: 24px; margin-left: 2px; background-position: 0 center; }
.page_ttl_w p .last { color:#266db5; }

/* 탭 메뉴 */
.tabs-content .tabs-menu { width: 100%; clear: both; margin-bottom:20px; }
.tabs-content .tabs-menu:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.tabs-content .tabs-menu ul { width: 100%; clear: both;  }
.tabs-content .tabs-menu ul:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.tabs-content .tabs-menu ul li { display: inline-block; float: left; width: 50%; height: 52px; background-color: #fff; }
.tabs-content .tabs-menu ul li a { display: block; height:100%; color:#333; font-size: 16px; text-decoration: none; text-align: center; background-color: #ffffff; border: 1px solid #999; border-right: none; }
.tabs-content .tabs-menu ul li:last-child a { border-right: 1px solid #999; }
.tabs-content .tabs-menu ul li a.active-tab-menu { background-color: #023c73; color: white; border:1px solid #023c73; }
.tabs-content .tabs { width:100%; position: relative; display:none;}
.tabs-content .tabs::after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
.tabs-content .tabs.first-tab { display:block; }
.tabs-content .tabs-menu.m3 ul li { width:33.33%; }
.tabs-content .tabs-menu.m4 ul li { width:25%; }
.tabs-content .tabs-menu.m5 ul li { width:20%; }

/* 아코디언 리스트 */
.accordion { position: relative; display: block; margin-top: -1px; margin-bottom: 0; overflow: hidden; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.accordion .accordion--toggle { position: relative; z-index: 3; cursor: pointer; display: block; margin: 0; padding: 15px 30px 15px 15px; font-size: 16px; color:#000; background-color: #fff; }
.accordion .accordion--toggle:after { content: "\f107"; display: inline-block; font-family: "FontAwesome"; font-size: inherit; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; margin: 0; vertical-align: top; text-decoration: inherit; font-size: 24px; line-height: 1; transition: transform 0.2s ease-in-out; transform: rotate(0deg); position: absolute; right:16px; top:12px; color:#008489; }
.accordion .accordion--body { font-size:14px; line-height:18px; position: relative; z-index: 1; float: left; clear: both; margin-top: -100%; padding: 1em; width: 100%; height: auto; max-height: 0; overflow: hidden; transition: margin 0.3s ease-in-out, max-height 0.25s ease-in-out; background-color: #fafafa; border-top:1px solid #e0e0e0; }
.accordion.open > .accordion--toggle:after { transform: rotate(180deg); }
.accordion.open > .accordion--body { margin-top: 0; height: auto; max-height: 100000px; }
.accordion-sp { position: relative; display: block; margin-top: -1px; margin-bottom: 0; overflow: hidden; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.accordion-sp .accordion--toggle { position: relative; z-index: 3; cursor: pointer; display: block; margin: 0; padding: 15px 30px 15px 15px; font-size: 16px; color:#000; background-color: #fff; }
.accordion-sp .accordion--toggle:after { content: "\f107"; display: inline-block; font-family: "FontAwesome"; font-size: inherit; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; margin: 0; vertical-align: top; text-decoration: inherit; font-size: 24px; line-height: 1; transition: transform 0.2s ease-in-out; transform: rotate(0deg); position: absolute; right:10px; top:12px; color:#008489; }
.accordion-sp .accordion--body { font-size:14px; line-height:18px; position: relative; z-index: 1; float: left; clear: both; margin-top: -100%; padding: 1em; width: 100%; height: auto; max-height: 0; overflow: hidden; transition: margin 0.3s ease-in-out, max-height 0.25s ease-in-out; background-color: #fafafa; border-top:1px solid #e0e0e0; }
.accordion-sp.open > .accordion--toggle:after { transform: rotate(180deg); }
.accordion-sp.open > .accordion--body { margin-top: 0; height: auto; max-height: 100000px; }
.accordion .attach_name { color:#000; padding: 2px 0 2px 19px; background-image: url(/nedu/images/common_c/clip.png); background-repeat: no-repeat; background-size: 14px auto; background-position: 0 6px }

/* move top */
#move_top { width:100%; max-width:1060px; position: relative; bottom:0; margin:20px auto 0; clear: both; text-align: right;}
#move_top:after { content: ""; height: 0; line-height: 0; clear: both; display: block;  *zoom: 1;}
#move_top a { display:inline-block; }
#move_top a img { vertical-align:middle;}

.hspace1 {height:10px;}
.hspace2 {height:20px;}
.hspace3 {height:30px;}
.hspace4 {height:40px;}

.hidden{ height:0; width:0; visibility:hidden; }

/* 높이가 정해진 세로정렬 텍스트 */
span.vAlign { padding:0; width:0; height:100%; display:inline-block; vertical-align:middle; }
span.vText { display: inline-block; vertical-align: middle;  }
span.vText br { display:none; }

/* 모바일 테이블 스크롤 */
.mobile_flow_help { display:none; }

/* SNB 링크 */
.left_area .etc_link { width:100%; margin-top:10px; }
.left_area .etc_link a { width:100%; display:block; }
.left_area .etc_link a img { width:100%; }

/* skip navigation */
.skip-menu { display: block; }
.skip-menu a { display: block; position: absolute; left: 0; top: -1000em; z-index: 9999; width: 100%; background-color: navy; color: yellow; font-size: 15px; font-weight: bold; text-align: center; }/* CSS Document */


/*=========================================
	             layout
==========================================*/
#wrap { width:100%; min-width:1060px; height:100%; position:relative; }
#pop_wrap { width:100%; height:100%; position:relative; }

.cont_w { width:100%;}
.cont_w::after { display:block; clear: both; content:'';}

.container { position: relative; max-width:1060px; margin:0 auto;}
.container::after { display:block; clear: both; content:'';}

#content { width:790px; float:right; position: relative; }
#content::after { display:block; clear: both; content:'';}
#content.noneLeftMenu { width: 100%; }
#pop_content { width:100%; min-height:800px; position: relative; padding: 10px 20px;}

.left_area { width:240px; height:100%; float:left; margin-bottom:20px;}
.left_area::after { display:block; clear: both; content:'';}

#sub_list { width:100%; height:100%; min-height:750px; position: relative; }
#sub_list::after { display:block; clear: both; content:'';}

/* 지미디어 동영상 플레이어 상단 공유 바 */
.video-js.vjs-default-skin { border: #ddd 1px solid !important;}
div.vjs-control-bar.ui button.vjs-vdpeogagi-button { display: none !important; }
.videoShareBar.vjs-control-bar { /* background: rgba(0,0,0,0.5) !important; */ border-bottom: #ddd 1px solid; width: 100% !important; height: 46px !important; position: absolute !important; top: 0 !important; z-index: 10; }
.videoShareBar.vjs-control-bar .videoShareBarTtl { /* color:white; */ color: #666; font-size: 20px; padding: 12px 50px 0 19px; line-height: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; width: 100%; text-align: left;}
.videoShareBar.vjs-control-bar .videoUrlShareBtn { cursor: pointer; position: absolute; top: 5px; right: 7px; width: 36px; height: 36px; background: url(/nedu/images/common/video_url_share_btn.png) no-repeat 0 0;}

/* 지미디어 동영상 플레이어 재생시간 구분선 보정 */
.video-js div .vjs-time-divider { padding-top: 13px;}
.video-js div .vjs-time-divider div span { font-size: 10px;}
/* 지미디어 동영상 플레이어 보정 - 플레이어 시간, 볼륨 조절 버튼 보정 */
.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle { font-family: VideoJS !important;}

#cke_wBoardCtt,
.cke_inner.cke_reset {
height: 100% !important;
}

@media (max-width: 599px) {
    
}