/*2014-03-18 성민 수정본 맨아래 있음 확인요망!!!!!!!*/

@charset "utf-8";
@import url("../xboard/skin/default_/style.css");



/*쓰기*/
.xmecca_sm_board_write {display:inline-block; text-align:center; color:#646464;  padding:0 0 0 10px;line-height:28px;  width:67px; height:28px; background:url(../data_files/images/board/board_icon_pack.gif) -77px top no-repeat; }
.xmecca_sm_board_write:hover{text-decoration:underline;  }

/*쓰기*/
.xmecca_sm_board_list {display:inline-block; text-align:center; color:#646464; padding:0 0 0 10px;line-height:28px;  width:67px; height:28px; background:url(../data_files/images/board/board_icon_pack.gif) left top no-repeat; }
.xmecca_sm_board_list:hover{text-decoration:underline; }

/*질문과답변 확인버튼*/
.board_btn02 {display:inline-block; width:45px; height:18px; text-align:center;  vertical-align:bottom; background:#636363; color:#fff;}

.ex_y_log { text-align:center; }
.ex_y_log li { display:inline-block;  margin:0 3%; }
a.ex_bt { transition: all 0.4s; display:inline-block;  text-align:center; box-sizing:border-box; padding:10px 70px 10px 70px; line-height:35px; color:#fff; border-radius:10px; font-size:18px; position:relative; }
a.ex_bt1 { background:#e45d4b; }
a.ex_bt2 { background:#fa9f28; }

a.ex_bt:after { content:"\00bb"; position:absolute; opacity:0; right:-70px; top:6px; font-size:30px; transition:0.5s; }

a.ex_bt:hover {  }
a.ex_bt:hover:after { opacity:1; right:20px; }



/*///////////////////////////////////////////////////////////////////////2015-06-02 성민 수정///////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////게시판관련///////////////////////////////////////////////////////////////////////*/
/*학교이름 출력*/
h3.title {position:absolute; left:0; top:0; padding:0 0 0 25px; font:14px #222; line-height:64px;}

/* 로그인 */

/*게시판 일반 리스트*/
.ex_del_guide { border-radius:0 30px 0 30px; border:3px solid #c2c2c2; margin:0 0 35px 0; width:100%; box-sizing:border-box; background:#fff url(./img/del_guide.png) 48px 45px no-repeat; padding:34px 30px 30px 177px; }
.ex_del_guide dl { }
.ex_del_guide dl dt { font-size:25px; color:#000; position:relative; z-index:1; font-weight:bold; margin-bottom:21px; }
.ex_del_guide dl dt span { display:inline-block; z-index:1; position:relative; padding:0 7px 0; vertical-align:top; }
.ex_del_guide dl dt span::before { content:""; display:block; width:100%; height:18px; background:#fcf8b3; position:absolute; left:0; bottom:-5px; z-index:-1; }
.ex_del_guide dl dd { padding:0 0 0 42px; font-size:14px; color:#333; background:url(./img/del_chk.png) 18px 5px no-repeat; margin-bottom:6px; letter-spacing:-0.5px; word-break:keep-all; }
.ex_del_guide dl dd span { font-weight:500; color:#2a60ba; font-size:16px; }

.count_guide { font-size:15px; color:#333; font-weight:bold;  }
.count_guide p { display:inline-block; vertical-align:top; }
.count_guide span { display:inline-block; vertical-align:top; position:relative; top:-1px; }
.count_guide .ex_ct1 { color:#ef6969; font-size:19px; }
.count_guide .ex_ct2 { color:#27a583; font-size:19px; }
.count_guide .ex_ct3 { color:#555; font-size:13px; vertical-align:middle; font-weight:500;}


table.board_list td.date span { white-space:pre; }
table.board_list td.status { padding:12px 10px; }
table.board_list td.status i { display:none; }
table.board_list td.status span { padding:0px 0;  line-height:31px; box-sizing:border-box; position:relative; }
table.board_list td.status a {   background:#f4f4f4; font-weight:bold; color:#777;  width:68px; border-radius:150px; line-height:31px; text-decoration:none !important;}
#new_tablebox .boardbox_content li p.status a { text-decoration:none !important; }
 a span.list_no {  display:block;  background:#de6666;  font-weight:normal;  color:#fff; line-height:31px;  border-radius:150px; transition: all 0.4s; -webkit-box-shadow: inset -2px -2px 0px 0px rgba(0,0,0,0.16);
-moz-box-shadow: inset -2px -2px 0px 0px rgba(0,0,0,0.16);
box-shadow: inset -2px -2px 0px 0px rgba(0,0,0,0.16);}
a span.list_no:hover { transition: all 0.4s; text-decoration:none !important; transition: all 0.4s; -webkit-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.16);
-moz-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.16);
box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.16);}
a span.list_yes { display:block; background:#ababab;  font-weight:normal;  color:#fff; line-height:31px;  border-radius:150px; transition: all 0.4s; -webkit-box-shadow: inset -2px -2px 0px 0px rgba(0,0,0,0.16);
-moz-box-shadow: inset -2px -2px 0px 0px rgba(0,0,0,0.16);
box-shadow: inset -2px -2px 0px 0px rgba(0,0,0,0.16);}
a span.list_yes:hover { transition: all 0.4s; text-decoration:none !important; -webkit-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.16);
-moz-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.16);
box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.16);}
span.list_no { color:#de6666; }
span.list_yes { color:#ababab; }
span.date_report { color:#777; }
table.board_list td.status a:hover {box-shadow:inset 1px 1px 0 #999; text-decoration:none; }
.page_list_cont1 { text-align:center; margin:20px 0 0; }
.page_list_cont1 .page_on { background:#6dba65 !important; border:1px solid #4e8549 !important; }
.ex_btn { text-align:center; margin:20px 0 0 0; }
.ex_btn:after { content:""; display:block; clear:both; }
.ex_btn li { display:inline-block;  }
.ex_btn li:first-child { margin-right:20px; }
.fa { margin-right:5px; }
.borderNone {border:none;}
.new_subject a{color:#4e53b0 !important; }
.new_subject a:hover { text-decoration:underline;}
table.board_list td.tooltip {position:relative; width:15%; }
table.board_list td.tooltip > span {}
table.board_list td.tooltip .tip_text {position:absolute; top:100%; left:50%; transform:translate(-50%, 0); border-radius:5px; background:#242525; color:#fff; z-index:9999; width:120px; padding:0.6em 1em;}

#new_tablebox .boardbox_content li p.new_subject a { line-height:24px; display:inline-block; vertical-align:middle;  } 
table.board_list td select {border:none; }
table.board_list td select:hover {border-bottom:1px dashed #dddddd;}
#new_tablebox .boardbox_content li p.ex_bo_color { color:#aaaaaa; }
#new_tablebox .boardbox_content li p.ex_stu_com i { display:none !important; }
#new_tablebox .boardbox_content li p.ex_stu_com .apply { color:#de6666; }
#new_tablebox .boardbox_content li p.ex_stu_com .yes { color:#ababab; }

#new_tablebox .boardbox_content li p.ex_bo_color a { display:block;  }
#new_tablebox .boardbox_content li p.ex_bo_color a:nth-child(1) { float:left; }
#new_tablebox .boardbox_content li p.ex_bo_color a:nth-child(2) { float:right; }
#new_tablebox .boardbox_content li p.ex_bo_color a { display:block; text-align:center; margin:0 auto; width:48%; line-height:34px; box-sizing:border-box;    }
#new_tablebox .boardbox_content li p.ex_bo_color a.ex_edit {  }
#new_tablebox .boardbox_content li p.ex_bo_color a.ex_edit:hover { }
#new_tablebox .boardbox_content li p.ex_bo_color a.ex_edit::before { content:""; display:inline-block; width:17px; height:17px; background:url(./img/ex_bogo.png) left top no-repeat; vertical-align:middle; margin:0 12px 0 0; position:relative; top:-2px; }

#new_tablebox .boardbox_content li p.ex_bo_color a.ex_down::before { content:""; display:inline-block; width:16px; height:16px; background:url(./img/ex_down.png) left top no-repeat; vertical-align:middle; margin:0 12px 0 0; }

#new_tablebox .boardbox_content li p.ex_bo_color a.ex_down1 {  }
#new_tablebox .boardbox_content li p.ex_bo_color a.ex_down1:hover { }
#new_tablebox .boardbox_content li p.ex_bo_color a.ex_down1::before { content:""; display:inline-block; width:21px; height:17px; background:url(./img/ex_print.png) left top no-repeat; vertical-align:middle; margin:0 12px 0 0; }

#new_tablebox .boardbox_content li p.ex_bo_color a.ex_report { background:#2d81c2;  color:#fff; }
#new_tablebox .boardbox_content li p.ex_bo_color a.ex_report1 { background:#2d81c2; transition: all 0.4s ease 0s;}
#new_tablebox .boardbox_content li p.ex_bo_color a.ex_report1:hover { color:#2d81c2; background:#fff; transition: all 0.4s ease 0s; }
#new_tablebox .boardbox_content li p.ex_bo_color a.ex_report2 { background:#27a583;  transition: all 0.4s ease 0s;}
#new_tablebox .boardbox_content li p.ex_bo_color a.ex_report2:hover { color:#27a583; background:#fff; transition: all 0.4s ease 0s; }

#new_tablebox .boardbox_content li p.ex_bo_color span.yes { color:#1bad0c; }
#new_tablebox .boardbox_content li p.ex_bo_color span.wait { color:#eb4e3e; }
#new_tablebox .boardbox_content li p.ex_bo_color span.apply { color:#777; }
#new_tablebox .boardbox_content li p.ex_bo_color a:hover {  }

/*게시판 보기*/
table.board_view {width:100%; border-top:2px solid #535353;  background:#fff;}
table.board_view th {height:69px; border-bottom:1px solid #ddd; background:#f7f7f7; box-sizing:border-box; font-weight:bold; font-size:1.154em; text-align:left; padding:0 10px 0 13px; color:#333; }  
table.b_view1 { border-top:2px solid #535353; border-bottom:0 none;}
table.b_view1 td a { background:#f4f4f4; font-weight:bold; display:block; }
table.b_view1 td a:hover { }
table.b_view2 { border-top:2px solid #535353; border-bottom:0 none; }

table.sign_table { margin:0 0 20px 0; width:40%; float:right;}
table.sign_table th { border-right:0 none; text-align:center; background:#fff; }
table.sign_table th.sign_t { height:30px;  }
table.sign_table td { padding:12px 15px !important; }
table.sign_table td a { background:none; }
table.board_view .add_files_box {display:none; padding:5px; background:#e4eaec; margin:5px 0 0 0; }
table.board_view .add_files_box li{ font-size:12px !important; font-weight:normal !important; }
table.board_view .add_files_box li a:hover{text-decoration:underline; }

table.board_view td {color:#555; padding:8px 15px; border-bottom:1px solid #dddddd; font-size:14px;}
table.board_view td.board_img_view_box {border-bottom:1px #cccccc solid; }
table.board_view td.board_img_view_box img {max-width:100% !important;  }
table.board_view td .board_img_view {text-align:center; padding-bottom:30px;}
table.board_view td .board_img_view_con {padding-bottom:30px;}
table.board_view td .board_img_view img {max-width:100% !important; }

table.board_view td [name=returnMemo] {height:100px; border:1px solid #ddd;}
table.board_view td [type=radio] {height:35px; line-height:35px; vertical-align:middle;}

table.board_view td.status {position:relative; }
table.board_view td.status .middle_btn {position:absolute; top:7px; left:215px;}
table.board_view td.status .board_btn_admin1 {display:block; padding:3px 10px; border:1px #aaa solid; color:#5b5b5b; font-weight:bold; text-align:center; border-radius:5px; font-size:0.9em; background:#fff;}
table.board_view td.status .board_btn_admin1:hover {background:#eee; border:1px #888888 solid; color:#000;}

table.board_view textarea { border:1px #ddd solid; width:99.5%; margin:0 auto; box-sizing:border-box; padding:15px;}


.info_box {float:left; width:100%; border:1px solid #dedede; margin:15px 0 0 0; display:block;}
.info_box .add_files/*_check*/ {float:left; width:20%; line-height:80px; background:#f5f5f5; font-weight:bold; border-top:2px solid #397ea9; text-align:center;}
.info_box .add_files_box {float:left; width:79%; line-height:80px; border-top:2px solid #397ea9; padding-left:1%; background:#fff;}
.info_box .add_files_box li {float:left; margin-right:20px; box-sizing:border-box; padding-top:22px;}
.info_box .add_files_box li a { display:block; width:100%; height:35px; line-height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.f_ablist .ab_write_ch { text-align:left; display:inline-block; vertical-align:middle; margin:12px 25px 12px 0; }
.f_ablist .ab_write_ch input { margin-right:5px; }
.sum_list { 
    box-sizing: border-box;
    background: #f7f7f7;
	width: 100%;
    padding-left: 12px;
    min-height: 28px;
    margin-bottom: 5px;
}
.sum_list p {line-height: 24px;
    padding: 10px 0 10px 0; display:none; }
.sum_list p.sum_on { display:block; }
.sum_list span.f_del {
	cursor:pointer;
    font-size: 12px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    text-align: center;
    line-height: 14px; color:red; margin-right:4px; }

/*보고서제출 첨부파일박스*/
input#pName, input#sName { width:132px; }
.wait_title {  width:98.7%; box-sizing:border-box; line-height:33px; font-size:14px; color:#777; margin:10px 0 5px; }
.wait_title i { margin:0 11px 0 0; display:inline-block; vertical-align:middle; width:18px; height:18px; text-indent:-99999px;}
.wait_title i.fa-cloud-upload { background:url(./img/upload1.png) center center no-repeat; }
.wait_title i.fa-list-ul { background:url(./img/upload2.png) center center no-repeat; }
.MultiFile-label { line-height:24px; padding:10px 0 10px 0;}
table.board_write td #add_files_msg {color:#096; margin:8px 0 4px;}
#imgView { vertical-align:sub; }
.MultiFile-remove span { font-size:14px; }

td #files_upload_list {width:98.7%; box-sizing:border-box; border:1px solid #ccd0d7;}
td #files_upload_list #files_list {width:100%; box-sizing:border-box; padding-left:12px; min-height:28px;}
#cke_ckeditor { border:1px solid #ccd0d7 !important; box-shadow:none; }


p.cStyle4 { padding:0 0 0 21px; background:url(./img/bo_chk.png) left 8px no-repeat; line-height:24px; color:#555; }


/* 체험학습신청안내 */
.ex_guide { position:relative; padding:0px 0 0 0; max-width:915px; width:100%; margin:0 auto 0; }
.ex_guide .new_ex_bg { }
.ex_guide .new_ex_bg img { display:block; width:100%; max-width:915px; }
.ex_guide span.bg { display:block; position:absolute; right:5%; top:-37px; width:176px; height:73px; background:url(./img/experience/ex_guide_bg.png) left top no-repeat; }
.ex_guide h4.ex_title { font-size:18px; color:#444; background:url(./img/experience/ex_guide_dot.gif) left 6px no-repeat; padding-left:22px; margin:0 0 12px 5%; }
.ex_guide .ex_table { border-collapse:collapse; font-size:14px; position:relative; width:100%; border-top:2px solid #535353; border-bottom:1px solid #ddd;}

.ex_guide .ex_table2 { border-top:0 none; }
.ex_guide .ex_table th { background:#fff; width:20%; font-size:16px; color:#333; font-weight:bold; padding:20px 12px; box-sizing:border-box;   border-bottom:1px solid #ddd; text-align:left; }
.ex_bnone { border-bottom:0 none !important; }
.ex_guide .ex_table td { padding:0 15px 0 25px; border-bottom:1px solid #ddd; color:#555; line-height:23px; }

#board_login { margin-top:30px !important; }
#board_login ul.button { margin:0 auto 25px; max-width:915px; }


/*리스트*/
#list_search .search_wrap { text-align:center;}
#list_search .munder { margin-top:8px; }
.ab_search { display:inline-block; vertical-align:middle; }


/*보고서양식버튼*/
.log_ex_down { display:inline-block; padding:0 0px 0 32px; width:160px; box-sizing:border-box;   position:relative; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:500; color:#fff; background:url(./img/bevel1.png) left top no-repeat; border-radius:150px;   }
.guidebook { background:url(./img/bevel2.png) left top no-repeat; }
.log_ex_down::before { content:""; display:block; width:29px; height:29px; background:#fff url(./img/new_ex_doc.png) center center no-repeat; position:absolute; left:6px; top:6px; border-radius:50%; }

.ex_guide .ex_order { width:100%;  box-sizing:border-box; text-align:center;  margin:0 auto; padding:15px 0; border-bottom:1px solid #ddd; }
.ex_guide .ex_order h4 { text-align:left; background:#fff;  font-size:16px; color:#333; font-weight:bold; padding:0px 12px; box-sizing:border-box;  margin-bottom:70px;  }
.ex_guide .ex_order:after { content:""; display:block; clear:both; }
.ex_guide .ex_order div { display:inline-block; vertical-align:top; box-sizing:border-box; margin:0 0 65px 0; position:relative; padding:0 34px 0 34px; }
.ex_guide .ex_order div::before { content:""; display:block; width:44px; height:28px; position:absolute; left:0; top:-30px; }
.ex_guide .ex_order div.ex_ic1::before { background:url(./img/new_num1.png) left top no-repeat; }
.ex_guide .ex_order div.ex_ic2::before { background:url(./img/new_num2.png) left top no-repeat; }
.ex_guide .ex_order div.ex_ic3::before { background:url(./img/new_num3.png) left top no-repeat; }
.ex_guide .ex_order div.ex_ic4::before { background:url(./img/new_num4.png) left top no-repeat; }
.ex_guide .ex_order div.ex_ic5::before { background:url(./img/new_num5.png) left top no-repeat; }



.ex_guide .ex_order div p { display:inline-block; vertical-align:middle; }
.ex_guide .ex_order div p img { display:block; }
.ex_guide .ex_order div dl { display:inline-block; vertical-align:middle;  box-sizing:border-box; margin:0 0 0 20px; text-align:left; }
.ex_guide .ex_order div dl dt { font-size:16px; font-weight:500; color:#444; padding:8px 0 5px 0; }
.ex_guide .ex_order div dl dt .c2 { font-weight:normal; color:#f76565; font-size:14px; }
.ex_guide .ex_order div dl dd { font-size:14px; color:#555; line-height:20px; letter-spacing:-0.5px; }

.ex_guide .ex_table2 td {  padding:0 0 0 0;}
.ex_guide .ex_table2 td a { margin:0 auto; display:block; font-size:14px; color:#fff; width:103px; padding:4px 15px 2px 38px; background:#1e8edc url(./img/experience/ex_guide_btn.png) 12px center no-repeat; text-align:center; box-shadow: 2px 2px 0px #094e71;  }
.ex_guide .ex_table2 td a:hover {box-shadow:inset 2px 2px 0px #094e71; }
span.report1 { color:#e97375; }

#xb_edit div.boardBox1 { padding:12px; margin-bottom:40px; }
#xb_edit div.boardBox1 h4 { line-height:33px; font-size:16px; color:#333; background:url(./img/h4_dot.png) left 4px no-repeat; padding:0 0 0 29px; }
#xb_edit div.boardBox1 p.cStyle3 { line-height:33px; padding:9px 29px; border-radius:0 30px 0 0; box-sizing:border-box; background:#f3f3f3; font-size:15px; color:#555; margin:8px 0; } 
#xb_edit div.boardBox1 h5 { margin:0 20px 0 43px; line-height:24px; font-size:14px; color:#666; background:url(./img/h5_dot.png) left 10px no-repeat; padding:0 0 0 21px; font-weight:normal;}

.ex_check { position:relative; margin:6px 0 0px 0px;  font-size:15px; text-align:right; padding:0px 0 0 0; color:#555; }
.ex_check1 { padding:15px 0 0px;   }
.ex_check input { width:18px; height:18px; color:#fff; z-index:1; vertical-align:middle; position:relative; top:-1px; margin-right:10px; border:1px solid #ddd; }
.ex_check input[type=checkbox]:checked { border:none !important; color:#f00;  } 
.ex_log_guide { padding:12px 0; }

.par_chkbox.ex_check { text-align:left; font-weight:normal; margin-bottom:8px;  }
.ex_check .asCheck_checkbox.asCheck_skin-2 { border-color:#bbb !important; margin-right:5px; top:-1px; }


.absize4 { width:4%; }
.absize5 { width:5%; }
.absize7 { width:7%; }
.absize8 { width:8%; }
.absize9 { width:9%; }
.absize10 { width:10%; }
.absize15 { width:15%; }
.absize17 { width:17%; }
.absize20 { width:19%; }


/*200813 쓰기쪽스타일추가 */
.new_other { display:block; margin:10px 0 0 0; }
p.cStyle2 {width:100%; padding:10px 20px; background:#f9f9f9; border:1px solid #ddd; border-radius:10px; -webkit-box-shadow: 0px 1px 0px 0px rgba(221,221,221,1); -moz-box-shadow: 0px 1px 0px 0px rgba(221,221,221,1); box-shadow: 0px 1px 0px 0px rgba(221,221,221,1); box-sizing:border-box; font-size:14px;}

p.wtxtbox { width:100%; padding:10px 20px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; font-size:14px; position:relative; margin:10px 0 0 0; }
p.wtxtbox::before { content:""; display:block; width:10px; height:25px; border-radius:150px; background:#ccc; position:absolute; left:20px; top:-18px; }
p.wtxtbox::after { content:""; display:block; width:10px; height:25px; border-radius:150px; background:#ccc; position:absolute; right:20px; top:-18px; }

/*쓰기쪽 보고서양식 및 타이틀*/
.new_ex_file { clear:both; margin:105px 0 20px 0; }
.on_view_title { float:left; font-size:22px; margin:45px 0 20px 15px; color:#333;}
.ex_ra_box { }
.ex_ra_box::after { content:""; display:block; clear:both; }
.ex_ra_box li { line-height:30px; float:left; width:33%; margin:3px 0;  }
.ex_ra_box li input { vertical-align:middle; }
.ex_ra_box li label { vertical-align:middle; }

/*신청쪽 input 및 라디오*/
.ex_ra_box { position:relative; z-index:0; }
table.board_write td input[type=text] { padding:0 10px; }
table.board_write td.input_sizebox input[type=text] { width:auto; }

table.board_write label.ra_style { position:relative; display:inline-block; line-height:35px; vertical-align:top; margin-right:10px; cursor:pointer; }
table.board_write label.ra_style input[type=radio] { opacity:0; margin-right:20px; }
table.board_write label.ra_style span { -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute;
  top: 5px;
  left: 0;
  height: 26px;
  width: 26px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  border-radius:50%;
  
  z-index: 1000; }

table.board_write label.ra_style:hover span {
  background: #9faab7;
}
table.board_write label.ra_style input[type=radio]:checked + span {
  background: #40e0d0;
}
table.board_write label.ra_style input[type=radio]:checked + span::before {
  width: 12px;
  height: 12px;
  border-radius:50%;
  display:flex;
  content: "";
  font-size: 25px;
  font-weight:bold;
  position: absolute;
  left:calc(50% - 6px); top:calc(50% - 6px);
  align-items:center;
  justify-content:center;
  background:#fff;
}
table.board_write label.ra_style input[type=radio]:checked + span::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  border-radius:50%;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -93px;
    margin-top: -93px;
    opacity: 0;
  }
}

.layout_center::after { content:""; display:block; clear:both; }
.layout_center ul.b_left { float:left; width:auto; }
.layout_center ul.b_right { float:right; width:auto; clear:none; }


/*결석종류 display테이블방식코딩*/
.dis_table { display:table; width:100%; box-sizing:border-box;   border-top:1px solid #535353; } 
.dis_table .dis_row { display:table-row; }
.dis_cell { display:table-cell; width:50%; box-sizing:border-box; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.dis_cell2 { border-right:0 none; }
.dis_cell .al_box { }

.ab_edit_t { line-height:50px; background:#fff; text-align:center; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; color:#333; }

ul.ab_slist1 { border-bottom:1px solid #ddd; box-sizing:border-box; padding:15px 15px 10px; }
ul.ab_slist1::after { content:""; display:block; clear:both; }
ul.ab_slist1 li { float:left; margin:5px; }
ul.ab_slist1 li:nth-child(odd) {  }
ul.ab_slist2 {  box-sizing:border-box; padding:15px 15px 10px; }
ul.ab_slist2 li { word-break:keep-all; margin-bottom:5px; }
ul.ab_slist2 li strong { font-weight:600; }

.edit_title { background:#f9f9f9; width:98.7%;  box-sizing:border-box; border:1px solid #ddd; border-bottom:0 none; margin:15px 0 0 0; padding:7px 0 6px 10px; color:#666; line-height:23px; vertical-align:middle; font-weight:bold;  }
.edit_title i { margin:0 5px 0 0; color:#fff; background:#666; border-radius:50%; width:23px; height:23px; float:left; text-align:center; line-height:23px; font-size:13px; }
.edit_box { background:#f7f7f7; box-sizing:border-box; padding:2px 12px 1px; margin-bottom:20px; width:98.7%;}
.edit_box li { line-height:24px; padding:10px 0 10px 0; margin-bottom:0px; border-top:1px solid #ddd; }
.edit_box li:first-child { border-top:0 none; }
.edit_box li a {  }
.edit_box li a img { margin:2px 5px 0; }
.edit_box a:after { content:""; display:block; clear:both; }
.edit_box a .edit_del { float:left; background:#f9f9f9; border:1px solid #ccc; box-sizing:border-box; padding:0 2px 0 3px; margin-right:5px;  }
.edit_box a .edit_del input { float:left; margin:5px 3px 0 0;}
.edit_box a .edit_del label { float:left; font-size:12px; }

.all_acc { margin:0 0 0px 0; text-align:right; float:right; }
.all_acc p { display:inline-block; vertical-align:middle; line-height:37px; position:relative; font-size:15px; font-weight:500; padding:0 0px 0px 5px; margin-right:10px; height:37px; box-sizing:border-box; border-bottom:1px solid #333; color:#333; }
.all_acc p::before { content:""; display:block; width:20px; height:20px; background:url(./img/all_ic.png) left top no-repeat; position:absolute; left:-20px; top:0; }

.all_acc select { vertical-align: middle;
    position: relative;
    height: 37px;
    line-height: 37px;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    color: #888;
    padding: 0 25px 0 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(./img/select_arrow.png) no-repeat;
    background-position: right 10px top 15px; }

.all_acc input { display:inline-block; vertical-align:middle; height:37px; line-height:37px; border:0 none; cursor:pointer; padding:0 15px; background:#535353; color:#fff; font-weight:500; }

.count_line { margin-bottom:25px; }
.count_line:after { content:""; display:block; clear:both; }
.count_line .count_guide { float:left; margin-top:7px; }
.ab_view_file { background:#f9f9f9; border:1px solid #ddd; padding:5px 10px; margin-top:5px; }
.ab_view_file a { display:block; font-size:13px; padding:0 0 0 20px; background:url(./img/ad_file.png) left 5px no-repeat; }

#xb_edit .col01{ color:#F00; font-weight:bold; font-size:15px; width:100%; float:left; }
#xb_edit .col01::after { content:""; display:block; clear:both; }

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

/*리스트*/
#list_search .sel_box1 select { margin-bottom:0px; }
#list_search #exdatebox { width:70%; }
#list_search .sel_box1 input { width:46%; }
.ab_search { display:block; width:100%; margin-top:10px; }
.ex_del_guide { border-radius:0 30px 0 30px; border:3px solid #c2c2c2; margin:0 0 20px 0; width:100%; box-sizing:border-box; background:#fff; padding:20px 15px 14px; }
.ex_del_guide dl { }
.ex_del_guide dl dt { font-size:20px;  }
 
#new_tablebox .boardbox_content li { padding:8px 10px; }
#new_tablebox .boardbox_content li p { text-align:left; padding:2px 5px; }
#new_tablebox .boardbox_content li p.ex_hak { width:100%; padding-bottom:10px; border-bottom:1px dashed #d5d5d5; }
#new_tablebox .boardbox_content li p.status { width:25%; text-align:center; box-sizing:border-box; padding:8px 3px; }
#new_tablebox .boardbox_content li p.status a::before { display:block; width:100%; height:24px; line-height:24px; font-weight:500; color:#333; }
#new_tablebox .boardbox_content li p.status1 a::before { content:"담임"; }
#new_tablebox .boardbox_content li p.status2 a::before { content:"부장"; }
#new_tablebox .boardbox_content li p.status3 a::before { content:"교감"; }
#new_tablebox .boardbox_content li p.status4 a::before { content:"교장"; }
#new_tablebox .boardbox_content li p.ex_bo_color { width:100%; margin-top:10px; border-top:1px dashed #d5d5d5; padding:15px 5px 10px; text-align:center; }
#new_tablebox .boardbox_content li p.ex_stu_com { width:100%; text-align:center; box-sizing:border-box; padding:8px 3px 0; }
#new_tablebox .boardbox_content li p.ab_color { width:100%; margin-top:10px; border-top:1px dashed #d5d5d5; padding:15px 5px 10px; text-align:center; }
 
.count_guide { font-size:15px; color:#333; font-weight:bold; margin-bottom:15px; }
.count_guide span { display:inline-block; vertical-align:top; position:relative; top:-1px; }
.count_guide .ex_ct1 { color:#ef6969; font-size:19px; }
.count_guide .ex_ct2 { color:#27a583; font-size:19px; }
.count_guide .ex_ct3 { color:#555; font-size:13px; vertical-align:middle; font-weight:500;}


 .ex_guide .ex_table th { width:25%; }

.ex_guide .ex_order div p { display:block; margin:0 auto; }
.ex_guide .ex_order div p img { display:block; margin:0 auto 10px;}
.ex_guide .ex_order div dl { display:block;  box-sizing:border-box; margin:0 auto 20px; text-align:left; }
.ex_guide .ex_order div.ex_ic5 { margin-bottom:30px; }

table.board_write { margin-bottom:20px; }
input#pName, input#sName { max-width:132px; box-sizing:border-box; width:100%; }
table.board_list td.status { padding:5px 8px; }
table.board_list td.status span { padding:5px 5px; }
table.board_list td.ex_bo_color { padding:5px 5px; }
table.board_list td a.ex_down {   width:90%;  display:block; }
table.board_list td a.ex_down i { display:block; margin:0 0 0 0; padding:5px 0 0 0; }
table.board_list td a.ex_edit {  width:90%; display:block; margin:10px auto 0;}
table.board_list td a.ex_report {  width:90%; }
table.board_list td a.ex_report1 { background:#47ac4c;  border:1px solid #2f7c33;}
table.board_list td a.ex_report2 { background:#f7a403;  border:1px solid #df7b06; margin:10px 0 0 0;}

table.board_list td span.yes .fa { display:block; }
table.board_list td span.wait .fa {display:block;}
table.board_list td span.apply .fa { display:block; }
input#subject, input#fName { width:70%; }
table.board_view th.ex_t2 { padding:0 5px; }
table.board_view td { padding:8px 10px; }
table.b_view2 { margin:0 0 25px 0; }
.info_box .add_files/*_check*/ {float:left; width:30%; }
.info_box .add_files_box {float:left; width:69%; }
table.sign_table { margin:20px 0 20px 0; width:100%; float:none;}
 
#xb_list:after { content:""; display:block; clear:both; }
.absize5 { width:5%; }
.absize7 { width:auto; }
.absize8 { width:auto; }

.absize9 { width:auto; }
.absize10 { width:10%; }
.absize15 { width:auto; }
.absize20 { width:auto; }

#xb_edit div.boardBox1 { margin-bottom:25px; }


/*쓰기쪽 보고서양식*/
.new_ex_file { float:left; margin:10px 0 20px 0; }

ul.ab_slist1 li { float:left; width:100%; margin-bottom:5px; }

.all_acc { margin-top:15px; }
.all_acc p {  font-size:13px; padding:0 0px 0px 5px; margin-right:5px; }
.all_acc p::before { position:absolute; left:-5px; top:-10px; }

.all_acc input {  padding:0 10px; background:#535353; color:#fff; font-weight:500; }



}
@media all and (max-width:880px) {
.munder {  width:100%; margin:20px 0 0 !important; clear:both; }

#list_search .munder::after { content:""; display:block; clear:both; }

#list_search .ab_search {  display:block; margin:15px auto 0; }
#list_search .ab_search::after { content:""; display:block; clear:both; }
#list_search .ab_search .input1 { width:80%; display:block; float:left; }
#list_search .ab_search .list_search_btn { width:20%; display:block; float:left; }
#list_search .sel_box1 { border-right:0 none; padding:0 0 0 0; }

.ex_ra_box li { line-height:30px; float:left; width:100%;  }

}
@media all and (max-width:768px) {
 
 .ex_y_log { text-align:center; }
.ex_y_log::after { content:""; display:block; clear:both; }
.ex_y_log li { display:block; float:left; width:44%;  margin:0 3%; }


}

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

.ab_list { float:left; width:100%; margin:0 0 20px;  padding:18px;  }
.ab_list:nth-child(odd) { clear:both; }
.ab_list:nth-child(even) { margin:0 0 20px 0;  }


 
#list_search .sel_box1 { border-right:0 none; border-bottom:1px dashed #ccc;padding:15px 0px 15px 0; float:none; clear:both; }
#list_search .sel_box1::after { content:""; display:block; clear:both;  }

#list_search .sel_box2 { border-right:0 none; padding:0 0px 0 0; float:none; margin:15px 0px 15px 0; }
#list_search .sel_box2::after { content:""; display:block; clear:both;  }

.count_guide p { display:block; }

 

}

@media all and (max-width:590px) {
.ex_y_log li { display:block;  margin:0 3%; float:none; width:100%; }
.ex_y_log li:first-child { margin-bottom:15px; }
table.board_write input[type=text] { width:70%; margin:3px 0; }
select#grade, select#class { width:70%; margin:3px 0; }

}

@media all and (max-width:540px) {
#list_search .s_rad {  }
#list_search .s_rad::after { content:""; display:block; clear:both; }

/*결석종류 display테이블방식코딩*/
.dis_table { display:block; width:100%;  } 
.dis_table .dis_row { display:block; }
.dis_cell { display:block; width:100%; box-sizing:border-box; border-right:0 none;  }
.dis_cell .al_box { padding:15px; }

.ab_edit_t {  }
.ab_edit_t2 {  }
.f_ablist input { float:left; clear:both; margin:9px 0 0 0; }
.f_ablist label { float:left; font-size:13px; letter-spacing:-0.5px; }


.f_ablist .ab_write_ch { float:none; }

}
@media all and (max-width:400px) {
	
#edate { display:block; margin:10px 0 0 0; }
.ab_m_date { display:block; margin:10px 0 0 0; }
}
@media all and (max-width:385px) {

 #list_search .sel_box1 .input1_s { width:100%; margin:0 0 0 0 !important; box-sizing:border-box; }
#list_search .sel_box1 #schSdate { clear:both;  }
	
}