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

span.red {  color:red; display:block;}

/*///////////////////////////////////////////////////////////////////////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 0 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; }
.ex_del_guide dl dd 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 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; 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:16px; 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; }
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; }

/*신청서 인쇄*/
.new_sin_print { display:inline-block; vertical-align:middle; width:35px; margin-left:8px; }
.new_sin_print a { display:block; width:100%; height:35px; border-radius:50%; background: #6daecf url(./img/ex_print2.png) center center no-repeat; text-indent:-99999px; position:relative; }
.new_sin_print a::before { content:"신청서 출력"; display:none; width:82px; padding:0 5px; height:25px; line-height:25px; border-radius:5px; background:#6daecf; color:#fff;  text-indent:0; position:absolute; right:0px; top:5px; z-index:1; transition:all 0.4s; }
.new_sin_print a:hover::before { display:block; right:-98px; transition:all 0.4s;}

/*가정학습공문이후 스타일*/
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: 1.154em;
    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; }
.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; padding:8px 15px 0; 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; }

.all_acc { margin:0 0 20px 0; text-align: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; }


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

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

/*리스트*/
#list_search .sel_box1 select { margin-bottom:10px; }
.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_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; }


}

@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 {  margin:3px 0; }

}

@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: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 select { margin-bottom:10px !important; }
#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;  }
	
}