/*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;}

/* 로그인 */

/*게시판 일반 리스트*/
#exdatebox .input1 { background:#fff url(./img/list/cal_ic.png) 10px center no-repeat; padding:0 10px 0 37px; max-width:150px; }

.ex_del_guide { box-sizing:border-box; margin-bottom:20px; }
.ex_del_guide:after { content:""; display:block; clear:both; }
.ex_del_guide p { float:left; width:223px; font-size:20px; color:#000; position:relative; z-index:1; font-weight:bold; text-align:center; background:url(./img/list/gtxt_ic.png) center 3px no-repeat; padding-top:65px; margin-top:14px; }
.ex_del_guide p span { display:inline-block; z-index:1; position:relative; padding:0 7px 0; vertical-align:top; }
.ex_del_guide p span::before { content:""; display:block; width:100%; height:14px; background:#fcf8b3; position:absolute; left:0; bottom:-2px; z-index:-1; }
.ex_del_guide ul { float:right; width:calc(100% - 223px); box-sizing:border-box; border:2px solid #e2ebff; border-radius:10px; background:#fff; padding:12px 15px; }
.ex_del_guide ul li { padding:0 0 0 22px; font-size:14px; color:#333; background:url(./img/del_chk.png) left 6px no-repeat; margin-bottom:6px; }
.ex_del_guide ul li span { font-weight:500; color:#2a60ba; font-size:16px; }

.count_guide { font-size:15px; color:#333; font-weight:bold; margin-bottom:15px; }
.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 * { text-decoration:none !important;}
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:#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_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:#34ab74;  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;}
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; border-collapse:collapse;}
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;}
.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;}



/*보고서제출 첨부파일박스*/
.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; }
.ex_check .asCheck_checkbox.asCheck_skin-2 { border-color:#bbb !important; margin-right:5px; top:-1px; }


/*리스트*/
#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-weight:500; 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; }
.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;   }
.par_chkbox { display:inline-block; vertical-align:middle; margin:-4px 0 0 8px; }


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


/*200813 쓰기쪽스타일추가 */
.new_other { display:inline-block; vertical-align:middle;  margin:10px 10px; position:relative; }
.date_all_info { position:relative; }
span.sin_not_txt { opacity:0; transition:all 0.4s; color:#fc5d5d; font-weight:500; background:#ffefef; border-radius:10px; display:inline-block; vertical-align:top; padding:5px 10px; position:absolute; left:0; bottom:-50px; box-sizing:border-box; border-radius:10px; border:1px solid #fc5d5d; width:220px; text-align:center; }
span.sin_not_txt:before { content:""; display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:9px solid #fc5d5d; position:absolute; left:calc(50% - 10px); top:-10px;  }
span.sin_not_txt.not_view { opacity:1; z-index:2;}

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.12s 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;
  }
}
table.board_write #exp_addtion textarea { height:auto; }
.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; }


/*가정학습공문이후 스타일*/
ul.button li.submit.log_sin_btn2 { margin-right:15px; background: #e67a55;
    border: 1px solid #e67a55;}
table.board_write .input_sizebox input[type=text] { width:auto; }
table.board_write .ex_sin_box input[type=password] {width:113px; }
table.board_write .ex_sin_box input[name=writer] {width:113px; }

.ex_sin_box { width:100%; }
.ex_sin_box:after { content:""; display:block; clear:both; }
.ex_sin_box dl { float:left; width:33%; box-sizing:border-box; padding:8px 12px; }
.ex_sin_box dl:nth-child(2) { width:34%; }
.ex_sin_box dl dt { box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    padding: 0 0 0 0px;
    color: #333; margin-bottom:8px; }
.ex_sin_box dl dd { }
.ex_guide_con p { display:inline-block; vertical-align:middle;  }
.ex_guide_con label { display:block; width:30px; height:30px; border-radius:50%; position:relative;  cursor:pointer; }
.ex_guide_con label input { opacity:0; }
.ex_guide_con label span { display:block; width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; background:#ddd; text-indent:-99999px;  }

.ex_guide_con label input#guide_chk1 + span::before { content:""; display:block; width:18px; height:18px; border-radius:50%; box-sizing:border-box; border:3px solid #fff; position:absolute; left:6px; top:6px; }
.ex_guide_con label input#guide_chk2 + span::before, .ex_guide_con label input#guide_chk2 + span::after { content:""; display:block; width:18px; height:3px; background:#fff; position:absolute; }
.ex_guide_con label input#guide_chk2 + span::before { transform:rotate(45deg); left:6px; top:13px; }
.ex_guide_con label input#guide_chk2 + span::after {  transform:rotate(-45deg); left:6px; top:13px; }

.ex_guide_con label input:checked + span { transform:rotateY(360deg); transition:all 0.4s;}
.ex_guide_con label input#guide_chk1:checked + span { background:#20c08d; }
.ex_guide_con label input#guide_chk2:checked + span { background:#ea4c84; }
.ex_hak_guidebox { display:inline-block; border-radius:10px; border:1px solid #ddd; background:#f9f9f9; padding:12px 100px 12px 0px; position:relative; overflow:hidden; margin:8px 0 0 0;}
.ex_hak_guidebox .ex_hak_guide { display:inline-block; vertical-align:top; box-sizing: border-box;
    font-weight: bold;
    font-size: 1.077em;
    text-align: left;
    padding: 0 0 0 13px;
    color: #333;}
.ex_hak_guidebox .ex_guide_con {  display:flex; justify-content:center; align-items:center; vertical-align:top; margin:0 0px; position:absolute; right:0; top:0; height:100%; box-sizing:border-box; width:85px; border-left:1px solid #ddd; text-align:center; background:#fff; }
.ex_hak_guidebox .ex_guide_con .gra_style { margin:6px 3px; }

/*가정학습이후 리스트추가*/
.boardbox_content .new_type .type_ic1 { display:block; width:26px; height:24px; background:url(./img/list_type_ic1.png) center top no-repeat; margin:8px auto 0; }
.boardbox_content .new_type .type_ic2 { display:block; width:29px; height:28px; background:url(./img/list_type_ic2.png) center top no-repeat; margin:7px auto 0; }

#list_search { margin-bottom:30px; }
#list_search .search_wrap { display:flex; flex-wrap:wrap; justify-content:center; }
.exdbtn { display:flex;  }
.exdbtn li { margin-left:10px; display:flex; }
.exdbtn li a { display:block; align-items:center; width: auto;
    cursor: pointer;
    border: 0 none; background: #02723b url(./img/ex.jpg) no-repeat center 15px; color:#fff; box-sizing:border-box; font-weight:500; text-align:center; line-height:18px; padding:50px 10px 0px 10px; font-size:15px; border-radius:5px; }

.count_cont { text-align:center; margin-bottom:15px;  }
.count_cont::after { content:""; display:block; clear:both; }
.count_cont .ex_countbox { display:inline-block; vertical-align:top; font-size:15px; color:#333; font-weight:500; margin:0 20px 15px;}
.count_cont .ex_countbox .ex_ct_title { float:left; width:120px; height:80px; background:#f9f9f9; border:2px solid #ddd; border-radius:10px; text-align:center; box-sizing:border-box;   }
.count_cont .ex_countbox1 .ex_ct_title { padding:15px 0 0; }
.count_cont .ex_countbox2 .ex_ct_title { padding:14px 0 0;  }
.count_cont .ex_countbox1 .ex_ct_title span { display:block; width:26px; height:24px; background:url(./img/list_type_ic1.png) center top no-repeat; margin:0px auto 3px; }
.count_cont .ex_countbox2 .ex_ct_title span { display:block; width:29px; height:28px; background:url(./img/list_type_ic2.png) center top no-repeat; margin:0px auto 0; }

.count_cont .ex_countbox ul { float:right;  text-align:left; } 
.count_cont .ex_countbox ul li { line-height:30px; }
.count_cont .ex_countbox ul li span { display:inline-block; vertical-align:top; position:relative; top:-1px; }
.count_cont .ex_countbox ul .ex_ct1 { color:#ef6969; font-size:19px; }
.count_cont .ex_countbox ul .ex_ct2 { color:#27a583; font-size:19px; }

.ex_option_box { margin-bottom:20px; }
.ex_option_box:after { content:""; display:block; clear:both; }
.ex_option_box .ex_countbox ul { text-align:left; padding:0px 0px 0 37px; background:url(./img/list_type_ic1.png) left center no-repeat; margin-top:5px;} 
.ex_option_box .ex_countbox ul li { line-height:30px; vertical-align:top; font-size:16px; color:#333; font-weight:500;}
.ex_option_box .ex_countbox ul li span { display:inline-block; vertical-align:top; position:relative; top:-1px; }
.ex_option_box .ex_countbox ul .ex_ct1 { color:#ef6969; font-size:19px; }
.ex_option_box .ex_countbox ul .ex_ct2 { color:#27a583; font-size:19px; }

.ex_countbox { float:left; }

/*일괄입력*/
.all_acc_box { position:relative; }
.all_acc_box .actitle { display:inline-block; position:relative; z-index:1; text-align:center; margin:0 0 0 20px; font-size:18px; font-weight:500; color:#111; top:16px; padding:5px 8px 5px 30px; background:#fff url(./img/del_chk.png) 5px 11px no-repeat; }
.all_acc { flex-wrap:wrap; margin:0px 0 0px 0; border-radius:10px; border:2px solid #e2ebff; padding:20px 25px; display:flex; justify-content:center; align-items:center; }
.all_acc p {  }
.all_acc p::before { }

.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; margin-left:10px; }

.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; margin-left:10px;}


#new_tablebox .boardbox_content li p.ex_hak { letter-spacing:-0.5px; }

/*240430 업그레이드*/
div.half_select { display:none; }
.hd_all_box { padding:5px 0px 10px; border-top:1px dashed #d5d5d5; border-bottom:1px dashed #d5d5d5; margin-bottom:3px; font-weight:500;  }
.hd_all_box .d_blur { opacity:0.5; }
.hd_all_box:after { content:""; display:block; clear:both; }
.hd_all_box .ex_check { font-size:15px; font-weight:500; }
#hddn1 { float:left; margin-right:12px; }
.hd_guide { float:left; width:calc(100% - 20px); margin:10px 0px 0; border:1px solid #d5d5d5; background:#f9f9f9; padding:8px 8px; border-radius:10px; color:#444;}

#hddn2 {  float:left;  }
#hddn2 .hd_def { float:left; }
#hddn2 .hd_def:first-child {margin-right:12px; }
table.board_write td .hd_all_box select { padding: 0 20px 0 5px; }
#new_ex_list { }
#new_ex_list ul.boardbox_content { }
#new_ex_list ul.boardbox_content li { border-radius:10px; overflow:hidden; border:1px solid #ddd; background:#fff; box-sizing:border-box; margin-bottom:20px; display:flex; width:100%; }
#new_ex_list ul.boardbox_content li:after { content:""; display:block; clear:both; }
#new_ex_list ul.boardbox_content li .linebox {  }
#new_ex_list ul.boardbox_content li .left_line { float:left; width:55%; position:relative; box-sizing:border-box; padding:12px 20px 0; }
#new_ex_list ul.boardbox_content li .left_line .list_input {   margin:0px 8px 0 0px; position:relative; top:2px; }
#new_ex_list ul.boardbox_content li .left_line .list_input input { width:15px; height:15px; }
#new_ex_list ul.boardbox_content li .left_line p.new_subject { float:left; width:60%; box-sizing:border-box; font-size:15px; }
.new_subject a{color:#3e78d9 !important; display:inline-block; }
.new_subject a:hover { text-decoration:underline;}

#new_ex_list ul.boardbox_content li.list_none p { width:100%; text-align:center; font-size:15px; padding:15px 10px; box-sizing:border-box; }


#new_ex_list ul.boardbox_content li .left_line p.new_subject .new_sin_print { display:block; margin-top:14px; }
#new_ex_list ul.boardbox_content li .left_line p.new_subject .new_sin_print a { display:inline-block; height:29px; box-sizing:border-box; border-radius:150px; padding:0 0 0 10px; letter-spacing:-0.5px; color:#555555 !important; border:1px solid #ddd; position:relative; line-height:27px; font-size:13px; color:#555;   }

#new_ex_list ul.boardbox_content li .left_line p.new_subject .new_sin_print a.ex_down1 { padding:0 37px 0 11px; background:#f9f9f9 url(./img/list/list_print.png) right 11px center no-repeat; }
#new_ex_list ul.boardbox_content li .left_line a.ex_down2 {  display:inline-block; height:29px; box-sizing:border-box; border-radius:150px; padding:0 0 0 10px; letter-spacing:-0.5px; color:#555555 !important; border:1px solid #ddd; position:relative; line-height:27px; font-size:13px; color:#555; margin:0px 0 0 5px; background:#f9f9f9; }
#new_ex_list ul.boardbox_content li .left_line a.ex_down2 span { display:inline-block; text-indent:-99999px; width:16px; height:21px; background:url(./img/pdf.png) left top no-repeat; vertical-align:top; margin:3px 10px 0 5px; background-size:cover; }

#new_ex_list ul.boardbox_content li .left_line p.ex_hak { float:right; width:40%; text-align:right; word-break:keep-all; font-size:15px; color:#333; letter-spacing:-0.5px; }
#new_ex_list ul.boardbox_content li .right_line { float:right; width:45%; box-sizing:border-box; border-left:1px solid #ddd; background:#fafbfd; }
#new_ex_list ul.boardbox_content li .right_line .sin_line { height:45px; box-sizing:border-box; border-bottom:1px solid #ddd; text-align:center; padding:0 5px; }
#new_ex_list ul.boardbox_content li .right_line .sin_line:after { content:""; display:block; clear:both; }
#new_ex_list ul.boardbox_content li .right_line .sin_line p { float:left; width:25%; box-sizing:border-box; font-size:13px; color:#333; padding:9px 5px 0; position:relative; text-align:left;}

#new_ex_list ul.boardbox_content li .right_line .sin_line p.sin_no_line { width:100%; text-align:center; }
#new_ex_list ul.boardbox_content li .right_line .sin_line p.sin_no_line .ex_txt { margin-right:5px; }
#new_ex_list ul.boardbox_content li .right_line .sin_line p.sin_no_line a { width:auto; padding:0 10px; }
#new_ex_list ul.boardbox_content li .right_line .sin_line p.sin_no_line a span { padding:0 10px; }
#new_ex_list ul.boardbox_content li .right_line .sin_line span.eb_txt { display:block; float:left; width:calc(100% - 42px); letter-spacing:3.5px; }

#new_ex_list ul.boardbox_content li .right_line .sin_line p a { display:inline-block; width:42px; line-height:21px; }
#new_ex_list ul.boardbox_content li .right_line .sin_line p a:hover { text-decoration:none !important; }
#new_ex_list ul.boardbox_content li .right_line .sin_line p a span { line-height:27px !important; font-size:13px; text-align:center; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line { height:44px;  width:100%; box-sizing:border-box; text-align:center; padding:0 5px; display:flex; justify-content:center; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line span.eb_txt { display:block; float:left; width:calc(100% - 42px); }

#new_ex_list ul.boardbox_content li .right_line .bogo_line:after { content:""; display:block; clear:both; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line .status {  text-align:center; float:left; box-sizing:border-box; width:25%; padding:9px 5px; line-height:24px; color:#333; text-align:left; font-size:13px;}
#new_ex_list ul.boardbox_content li .right_line .bogo_line .status a { display:inline-block; line-height:21px; width: 42px; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line .status a span { line-height:24px !important; text-align:center;  }
#new_ex_list ul.boardbox_content li .right_line .bogo_line div.ex_bo_color { text-align:center; padding:9px 0; float:left; width:75%; box-sizing:border-box; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line div.sin_extxt {   }
#new_ex_list ul.boardbox_content li .right_line .bogo_line div.ex_bo_color a { float:left; width:50%; box-sizing:border-box;  color:#333; padding:0px 10px;}

#new_ex_list ul.boardbox_content li .right_line .bogo_line div.ex_bo_color a.ex_report1:before { content:""; display:inline-block; vertical-align:top; width:27px; height:18px; background:url(./img/list/ex_report_ic1.png) left top no-repeat; margin:3px 8px 0 0; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line div.ex_bo_color a.ex_report2:before { content:""; display:inline-block; vertical-align:top; width:27px; height:18px; background:url(./img/list/ex_report_ic2.png) left top no-repeat; margin:3px 8px 0 0; }

#new_ex_list ul.boardbox_content li .right_line .bogo_line div.ex_bo_color a.ex_down:before { content:""; display:inline-block; vertical-align:top; width:32px; height:21px; background:url(./img/list/ex_report_down.png) left top no-repeat; margin:3px 8px 0 0; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line div.ex_bo_color a.ex_edit:before { content:""; display:inline-block; vertical-align:top; width:27px; height:20px; background:url(./img/list/ex_report_edit.png) left top no-repeat; margin:3px 8px 0 0; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line div.ex_bo_color a.ex_down1:before { content:""; display:inline-block; vertical-align:top; width:22px; height:22px; background:url(./img/list/ex_report_print.png) left top no-repeat; margin:3px 8px 0 0; }


#new_ex_list ul.boardbox_content li .right_line .bogo_size_line .status { display:none; }



/*전체선택스타일*/
.checkbox-wrapper-51 input[type="checkbox"] {
    visibility: hidden;
    display: none;
  }
	.checkbox-wrapper-51 { display:flex; align-items:center; flex-wrap:wrap; line-height:37px; }
	.checkbox-wrapper-51 .txt { font-size:16px; font-weight:500; display:inline-block; margin:0 15px 0 8px; color:#333;}
  .checkbox-wrapper-51 .toggle {
    position: relative;
    display: block;
    width: 42px;
    height: 24px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-51 .toggle:before {
    content: "";
    position: relative;
    top: 1px;
    left: 1px;
    width: 40px;
    height: 22px;
    display: block;
    background: #c8ccd4;
    border-radius: 12px;
    transition: background 0.2s ease;
  }
  .checkbox-wrapper-51 .toggle span {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    display: block;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(154,153,153,0.75);
    transition: all 0.2s ease;
  }
  .checkbox-wrapper-51 .toggle span svg {
    margin: 7px;
    fill: none;
  }
  .checkbox-wrapper-51 .toggle span svg path {
    stroke: #c8ccd4;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 24;
    stroke-dashoffset: 0;
    transition: all 0.5s linear;
  }
  .checkbox-wrapper-51 input.st_on + .toggle:before {
    background: #52d66b;
  }
  .checkbox-wrapper-51 input.st_on  + .toggle span {
    transform: translateX(18px);
  }
  .checkbox-wrapper-51 input.st_on  + .toggle span path {
    stroke: #52d66b;
    stroke-dasharray: 25;
    stroke-dashoffset: 25;
  }



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

/*리스트*/
#list_search .sel_box1 select {  }
.ab_search { display:block; width:100%; margin-top:10px; }

#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_sin_print { display:none; }

.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; }

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%; }
.absize12 { width:auto; }
.absize15 { width:auto; }
.absize20 { width:auto; }

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


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

/*가정학습 공문이후 스타일*/
.ex_sin_box dl { float:left; width:100%; box-sizing:border-box; padding:8px 0px; }
.ex_sin_box dl:nth-child(2) { width:100%; }

.ex_guide_con p { display:inline-block; vertical-align:top; margin:6px 0; }

.count_cont .ex_countbox { margin:0 5px 15px; }
.boardbox_content .new_type .type_ic1, .boardbox_content .new_type .type_ic2 { display:inline-block; vertical-align:middle;}
.boardbox_content .new_type .type_txt { display:inline-block; vertical-align:middle; padding:8px 0 0 8px; }
.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; }


#list_search .search_wrap { display:block;  }
.exdbtn { display:flex; margin:15px 0 30px; justify-content:center; }
.exdbtn li { margin-left:10px; display:flex; }
.exdbtn li a { display:block; align-items:center; width: auto;
    cursor: pointer;
    border: 0 none; background: #02723b url(./img/ex.jpg) no-repeat center 15px; color:#fff; box-sizing:border-box; font-weight:500; text-align:center; line-height:18px; padding:50px 10px 15px 10px; font-size:15px; border-radius:5px; }


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

.ex_del_guide { box-sizing:border-box; margin-bottom:20px; }
.ex_del_guide:after { content:""; display:block; clear:both; }
.ex_del_guide p { float:none; width:100%;  background:none; padding-top:0px; margin-top:0px; margin-bottom:15px; }
.ex_del_guide ul { float:none; width:100%;  }


#new_ex_list { }
#new_ex_list ul.boardbox_content { }
#new_ex_list ul.boardbox_content li { border-radius:10px; overflow:hidden; border:1px solid #ddd; background:#fff; box-sizing:border-box; margin-bottom:20px; display:block; width:100%; }
#new_ex_list ul.boardbox_content li:after { content:""; display:block; clear:both; }
#new_ex_list ul.boardbox_content li .linebox {  }
#new_ex_list ul.boardbox_content li .left_line { float:left; width:100%; position:relative; box-sizing:border-box; padding:12px 20px; }
#new_ex_list ul.boardbox_content li .left_line .list_input { float:left; }
#new_ex_list ul.boardbox_content li .left_line .list_input input { width:15px; height:15px;  }
#new_ex_list ul.boardbox_content li .left_line p.new_subject { float:left; width:100%; box-sizing:border-box; font-size:14px; }
.new_subject a{color:#3e78d9 !important;  }
.new_subject a:hover { text-decoration:underline;}
#new_ex_list ul.boardbox_content li .left_line p.new_subject > a { float:left; }
#new_ex_list ul.boardbox_content li .left_line p.new_subject .new_sin_print { margin:0 0 0 0; float:right; clear:both; }

#new_ex_list ul.boardbox_content li .left_line p.ex_hak { float:right; width:100%; font-size:14px; color:#333; letter-spacing:-0.5px; box-sizing:border-box; padding:0 0 0 40px; margin-top:10px; }
#new_ex_list ul.boardbox_content li .right_line { float:right; width:100%; box-sizing:border-box; border-top:1px solid #ddd; border-left:0 none; }
#new_ex_list ul.boardbox_content li .right_line .sin_line { height:auto; box-sizing:border-box; border-bottom:1px solid #ddd; text-align:center;  }
#new_ex_list ul.boardbox_content li .right_line .sin_line p { font-size:12px; color:#333; padding:9px 5px; position:relative; }
#new_ex_list ul.boardbox_content li .right_line .sin_line p a { display:inline-block; width:32px; line-height:21px; }
#new_ex_list ul.boardbox_content li .right_line .sin_line p a:hover { text-decoration:none !important; }
#new_ex_list ul.boardbox_content li .right_line .sin_line p a span { line-height:21px !important; font-size:12px; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line { height:auto; font-size:12px; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line div.ex_bo_color { text-align:center; padding:0px 0;}
#new_ex_list ul.boardbox_content li .right_line .bogo_line div.ex_bo_color a { color:#333; padding:9px 6px;}

#new_ex_list ul.boardbox_content li .right_line .bogo_line p.status { font-size:12px; color:#333; padding:9px 5px; position:relative; margin:0 0 0 0; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line p.status a { display:inline-block; width:32px; line-height:21px; }
#new_ex_list ul.boardbox_content li .right_line .bogo_line p.status a span { line-height:21px !important; font-size:12px; }



}

@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 { margin-bottom:20px; }
#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; }

.ex_countbox { width:100%; margin-bottom:30px; text-align:center; }
.ex_option_box .ex_countbox ul { display:inline-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 {  margin:3px 0; }

.all_acc {  }
.all_acc .all_ckstyle { width:100%; margin:0 auto 15px; text-align:center; }
.all_acc .checkbox-wrapper-51 { width:auto; display:inline-block; line-height:24px; }
.checkbox-wrapper-51 .toggle { display:inline-block;  }
.checkbox-wrapper-51 .txt { vertical-align:top; }

}

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


}
@media all and (max-width:468px) {
#list_search .sel_box1 select { margin-bottom:10px !important; }
#exdatebox .input1 { max-width:120px; }
}
@media all and (max-width:411px) {
	#new_ex_list ul.boardbox_content li .right_line p { text-align:center !important; padding: 4px 5px 8px!important;}
 #new_ex_list ul.boardbox_content li .right_line span.eb_txt { width:100% !important; }
}

@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;  }

.ex_option_box .ex_countbox ul li { font-size:14px; }
	
}
@media all and (max-width:347px) {

.all_acc p { display:block; margin:0 0 5px 0; }

}