@charset "utf-8";

/* mobile layout */

/*°Ô½ÃÆDZ۾²±â Æû*/
section#content #arimwrite_board .boardwriteFormTit h2 {font-family:NGB;font-size:1.4em; font-weight:normal; width:auto;color:#3c5bb5; padding:7px 0 11px 43px;background:url(../../images/site/arimwriteTop_bg.gif) left top no-repeat;}
.boardwriteForm {position:relative;width:100%;margin-top:15px;}
.boardwriteForm .boardwriteFormTop {border-top:#405ba9 solid 2px;background:#f1f1f1;margin-bottom:1px;border-bottom:#c1c1c1 solid 1px;}
.boardwriteForm .boardwriteFormTop p {font-size:1.167em;padding:25px 0 25px 10px;}
.bwr_box {position:relative;width:auto;padding:0 3%;}
.boardwriteForm table {width:100%;border-collapse:collapse;}
.boardwriteForm table tbody th {width:25%;line-height:150%; vertical-align:middle;border-bottom:#d0cdcd solid 1px;border-right:#d0cdcd solid 1px;  padding:20px 0 20px 0;  background:#f4f4f4; font-weight:bold;font-size:1.083em;}
.boardwriteForm table tbody td {vertical-align:middle; line-height:150%; border-bottom:#d0cdcd solid 1px; padding:25px 0 25px 0;font-size:1.04em;}
.boardwriteForm table tbody td span.same_txt {display:block;color:#f8365f;padding:5px 0 0 0;}
.boardwriteForm table tbody td span.same_txt02 {display:block;padding:5px 10px 0 0;}
/*.boardwriteForm table tbody tr.bwr_adminview {display:none;}*/
.bwr_box .selectCon {width:100%;}
.bwr_box p.file_ps {clear:both;margin-top:5px;}
.bwr_box p.file_ps span {color:#ff0000;}

#boardwriteFormBody #bwfb_box {display:none;}
#boardwriteFormBody #bwfb_box {background:#f1f1f1;border-bottom:#d0cdcd solid 1px;*zoom:1; height:57px;}
#boardwriteFormBody #bwfb_box:after{content:""; clear:both; display:block; height:0; visibility:none; }
#boardwriteFormBody #bwfb_box dl{float:left; padding:0 0 0 8px; margin:0; *zoom:1;}
#boardwriteFormBody #bwfb_box dl:after{content:""; clear:both; display:block; height:0; visibility:none; }
#boardwriteFormBody #bwfb_box dl dd {float:left;padding:16px 0 0 0; margin:0; text-indent:0; }
#boardwriteFormBody #bwfb_box dl dd .selectfont {float:left;width:90px;}

#boardwriteFormBody .bwfb_area {width:100%;margin:15px 0 0 0;}
#boardwriteFormBody .bwfb_area .bwfb_areaBox {width:auto;border:#d0cdcd solid 1px;}
#boardwriteFormBody .bwfb_area .bwfb_areaBox textarea {width:96%;background-color:#FFFFFF; border:none; color:#8a8681; margin:5px 0px;padding:2%; height:300px; text-align:left;border:0;}

/*°Ô½ÃÆDZ۾²±â Æû ¹öÆ°*/
#bwfb_btn {width:100%;text-align:center;}



/*°Ô½ÃÆDZ۾²±â Æû ¼¿·ºÆ® ¹Ú½º À̹ÌÁö*/
#boardwriteFormBody #bwfb_box dl dd .selectfont .jqTransformSelectWrapper {background: url('../../images/board/select_arrow.gif') no-repeat 90% center #fff; height:27px; margin-top:0; border:#a9a6a6 solid 1px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;		
}
#boardwriteFormBody #bwfb_box dl dd .selectfont .jqTransformSelectWrapper.select {background: url('../../images/board/select_arrow.gif') no-repeat 90% center #fff;}
#boardwriteFormBody #bwfb_box dl dd .selectfont .jqTransformSelectWrapper div span, div#homework .jqTransformSelectWrapper  a.jqTransformSelectOpen{height:30px;}
#boardwriteFormBody #bwfb_box dl dd .selectfont .jqTransformSelectWrapper div span{line-height:24px;}
#boardwriteFormBody #bwfb_box dl dd .selectfont .jqTransformSelectWrapper .container{ margin-top:26px;}

/*¼¿·ºÆ®¹Ú½º */
.bwr_input { border:#c1c1c1 solid 1px;color:#666666;padding:7px 5px 7px 5px; vertical-align:middle; width:97%; background:#fff;}
.bwr_select {margin-top:10px;width:100%; line-height:150%;height:80px;border:#bcbbbb solid 1px;}

/*½Ã°£Ç¥*/
.timetableForm {position:relative;width:100%;margin-top:15px;}
.timetableForm table {width:100%;border-collapse:collapse;}
.timetableForm table thead th {line-height:150%; vertical-align:middle;border-bottom:#5a6fad solid 1px;border-right:#5a6fad solid 1px; border-left:#5a6fad solid 1px;border-top:#5a6fad solid 1px; padding:20px 0 20px 0;  background:#778ac1;font-size:1.083em;color:#fff;}
.timetableForm table tbody th {width:25%;line-height:150%; vertical-align:middle;border-bottom:#c1c1c1 solid 1px;border-right:#c1c1c1 solid 1px; border-left:#c1c1c1 solid 1px; padding:20px 0 20px 0;  background:#e9eefb; font-size:1.083em;}
.timetableForm table tbody td {vertical-align:middle; line-height:150%; border-bottom:#c1c1c1 solid 1px;border-left:#c1c1c1 solid 1px; border-right:#c1c1c1 solid 1px;padding:25px 0 25px 0;font-size:1.04em; text-align:center;}
.timetableForm table tbody td span.same_txt {display:block;color:#f8365f;padding:5px 0 0 0;}
.timetableForm table tbody td span.same_txt02 {display:block;padding:5px 10px 0 0;}

.timetableForm .timetable_etc {width:100%;margin-top:15px;}
.timetableForm .timetable_etc .timetable_etcbox {width:auto;}
.timetableForm .timetable_etc .timetable_etcbox {border:#c1c1c1 solid 1px;*zoom:1;padding:0; background:#f3f3f3;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;	}
.timetableForm .timetable_etc .timetable_etcbox:after{content:""; clear:both; display:block; height:0; visibility:none; }
.timetableForm .timetable_etc .timetable_etcbox table {width:100%;border-collapse:collapse;border:0;}
.timetableForm .timetable_etc .timetable_etcbox table tbody th {width:20%;line-height:150%; vertical-align:middle;border-bottom:0;border-right:#c1c1c1 solid 1px;border-left:0;  padding:15px 0 15px 0;  background:none; font-size:1.083em;}
.timetableForm .timetable_etc .timetable_etcbox table tbody td {vertical-align:middle; line-height:150%; border-bottom:0;border-left:0;border-right:0;   padding:15px 2% 15px 2%;font-size:1.04em; text-align:left;background:#fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:0 10px 10px 0;	
}
.timetableForm .timetable_etc .timetable_etcbox table tbody td span.etcTxt {display:block;padding:0;width:95%;}


/*Á¢±ÙÁ¦¾î*/
.accessPage {padding:0 0 30px 0;}
.access_pbox {width:auto;border-bottom:#9b9999 dashed 1px;*zoom:1;padding:30px 0;}
.access_pbox:after{content:""; clear:both; display:block; height:0; visibility:none; }
p.apb_img {float:left;width:25%;.width:24%;text-align:center;}
p.apb_img img {max-width:100%;}
p.apb_txt01 {float:left;width:72%;font-size:2.333em;line-height:140%;padding:5px 0 0 3%;}
p.apb_txt01 span.apb_cr {color:#4c6ac1;}
p.apb_txt01 span.apb_txt02 {display:block;font-size:0.571em;line-height:140%;margin-top:5px; }
p.apb_txt01 span.apb_btn {display:block;padding:0;margin-top:8px;}
.access_pbox02 {width:auto;border-bottom:#9b9999 dashed 1px;*zoom:1;padding:30px 0;}
.access_pbox02:after{content:""; clear:both; display:block; height:0; visibility:none; }
.access_pbox02 dl {margin:0 auto;width:80%;}
.access_pbox02 dl dt {color:#f34c12;font-size:1.333em;font-family:NGB;margin-bottom:15px;}
.access_pbox02 dl dd {padding:2px 0 1px 10px;line-height:160%;font-size:1.083em;background: url(../../images/board/access_pbox_dot.gif) left 11px no-repeat;}

/*°Ô½ÃÆDZۺ¸±â*/
.freeboardTop {position:relative;}
.freeboardTop h2 {font-family:NGB;font-size:1.4em; font-weight:normal; width:auto;color:#333333; padding:7px 0 11px 43px;background:url(../../images/site/arimwriteTop_bg.gif) left top no-repeat;}
.freeboardTop h2 span {color:#ff0000;}

/************************************20160426 ¼öÁ¤ ½ÃÀÛ**************************************************/
.freeboardTop{position:relative;}
/*±Û¾²±â¹öÆ°*/
.freeboardTop button.nwriteBtn{position:absolute; top:0; right:0; border:1px solid #ccc; font-family:NGB; padding:7px 0; width:13%; line-height:150%; cursor:pointer;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
}
.freeboardTop button.nwriteBtn:hover{background:#f06c6c; color:#fff;}

/*¸ñ·Î°¡±â ¹öÆ° */
.freeboardTop button.nlistBtn{position:absolute; top:0; right:0; border:1px solid #ccc; font-family:NGB; padding:7px 0 7px 20px; background:url(../../images/site/btn_list.gif) no-repeat 10px center; width:13%; line-height:150%; cursor:pointer;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
}
.freeboardTop button.nlistBtn:hover{background:#3789E6; color:#fff; padding:7px 0 7px; }
.wrBtnright { right:14% !important;}

/* ÀÌÀü, ´ÙÀ½±Û ¹öÆ° */
.freenotice_vsubject button.preBtn{position:absolute; top:0; right:10.5%; border:1px solid #ccc; font-family:NGB; padding:2px 0 2px 20px; background:url(../../images/site/btn_pre.gif) no-repeat left center; width:10%; line-height:150%; cursor:pointer;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
}
.freenotice_vsubject button.nextBtn{position:absolute; top:0; right:0; border:1px solid #ccc; font-family:NGB; padding:2px 20px 2px 0; background:url(../../images/site/btn_next.gif) no-repeat right center; width:10%; line-height:150%; cursor:pointer;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
}


.arimwriteTop button.nwriteBtn{position:absolute; top:0; right:0; border:1px solid #ccc; font-family:NGB; padding:7px 0; width:13%; line-height:150%; cursor:pointer;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
}
.arimwriteTop button.nwriteBtn:hover{background:#f06c6c; color:#fff;}

.arimwriteTop button.nbwriteBtn{position:absolute; top:0; right:16%; border:1px solid #ccc; font-family:NGB; padding:7px 0; width:16%; line-height:150%; cursor:pointer;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; background:#212020; color:#fff;
}
.arimwriteTop button.nbwriteBtn:hover{background:#3789E6; color:#fff;}
/************************************20160426 ¼öÁ¤ ³¡**************************************************/

.freenoticeDiv {width:100%;margin-top:15px;}
.freenoticeDiv .freenotice_top {width:auto;background:#778ac1;padding:12px 10px 10px 10px;}
.freenoticeDiv .freenotice_top .freenTit {color:#fff;font-size:1.333em;font-family:NGB;}
.freenoticeDiv .freenotice_top .freenTit span {color:#7ef923;}
.freenoticeDiv .freenotice_top .freenmore {float:right;margin-top:-14px;}
.freenoticeDiv .freenotice_top .freenmore a {color:#fff;padding:0 14px 0 0;background:url(../../images/board/freenmore.gif) right top no-repeat;}
.freenoticeDiv .freenotice_body {width:auto;border-left:#dadada solid 1px;border-right:#dadada solid 1px;border-bottom:#dadada solid 1px;padding:20px 2%; line-height:150%;}


/* »çÁø ½½¶óÀÌµå ±â´É Ãß°¡ (170428) */
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo{position:relative; padding:0; margin:0;}
/*.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo p.imgBox{position:relative; z-index:1;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo p.imgBox img { width:100%;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo p.moreBox{position:absolute; top:0; left:0; z-index:2;  width:100%; height:100%;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo p.moreBox a{display:block; position:absolute; bottom:20px; right:20px; background:#fff; font-weight:600; font-size:1.163em; padding:10px 20px; border:1px solid #000;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo:hover p.moreBox{background:url(../images/board/transBg.png); cursor:pointer;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo:hover p.moreBox a{background:#f06c6c; color:#fff; border-color:#da3131;}*/
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo{width:auto; margin:10px 0; padding:0; overflow:hidden;  *zoom:1;.padding:10px 0;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo:after {content:""; clear:both; display:block; height:0; visibility:none;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo .swiper-wrapper{height:auto; *zoom:1;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo .swiper-wrapper:after {content:""; clear:both; display:block; height:0; visibility:none;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo .swiper-slide {width:100%; float:left; height:auto;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo .swiper-slide div.photoBox{width:100%; overflow:hidden;text-align:center; line-height:auto; margin:0;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo .swiper-slide div.photoBox img{width:100%;vertical-align:middle;}


.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo ul.slick-dots{text-align:center; padding:9px 0 0 0;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo ul.slick-dots li{display:inline-block; *display:inline; zoom:1; margin:0 2px; height:10px; width:10px;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo ul.slick-dots li button{font-size:0; line-height:0; display:block; width:10px; height:10px; background:url(../../images/board/pt_view_off.png) left top no-repeat; }
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo ul.slick-dots li.slick-active button{background:url(../../images/board/pt_view_on.png) left top no-repeat; }

.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo button.slick-prev{position:absolute; top:50%; left:0; z-index:5; width:50px; height:40px; margin:-39px 0 0 0; padding:0; font-size:0; line-height:0; text-indent:-2000px; background:url(../../images/board/pt_view_pre.png) left top no-repeat;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo button.slick-next{position:absolute; top:50%; right:0; z-index:5; width:50px; height:40px; margin:-39px 0 0 0; padding:0; font-size:0; line-height:0;  text-indent:-2000px; background:url(../../images/board/pt_view_next.png) left top no-repeat;}

/*
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.btnBox ul li{position:absolute; top:50%; margin:-39px 0 0 0; padding:0;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.btnBox ul li.preBtn{left:0;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.btnBox ul li.nextBtn{right:0;}
*/
/* Ç÷º½º ÆäÀÌ¡
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.bltBox{position:relative; height:10px; margin:0;}

.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.bltBox .flex-control-nav
{ position:relative; width:100%; height:10px; margin:0; z-index:5; text-align:center;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.bltBox .flex-control-nav li
{padding:0; float:none !important; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 2px; }
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.bltBox .flex-control-nav.flex-control-paging li a
{width:10px; height:10px; float:none; background:url(../images/board/pt_view_off.png) left top no-repeat; font-size:0; line-height:0; display:block;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.bltBox .flex-control-nav.flex-control-paging li a:hover
{background:url(../images/board/pt_view_on.png) left top no-repeat;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.bltBox .flex-control-nav.flex-control-paging li a.flex-active
{background:url(../images/board/pt_view_on.png) left top no-repeat;}

.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo div.bltBox .flex-control-nav.flex-control-paging li.on {background:url(../images/board/pt_view_on.png) left top no-repeat;}
 */

/*°Ô½ÃÆDZۺ¸±â °Ô½Ã±ÛÃâ·Â20160316*/
.freenotice_viewDiv {width:100%;clear:both;position:relative; margin-top:15px;}
.freenotice_viewDiv ul.freenotice_vbox {width:auto;padding:0;*zoom:1;}
.freenotice_viewDiv ul.freenotice_vbox>li {border:#dadada solid 1px; margin-bottom:10px;padding:20px 2%; }
.freenotice_viewDiv ul.freenotice_vbox>li p.freenotice_vsubject {font-size:1.250em;font-family:NGB;margin-bottom:20px; position:relative;}
.Ncolor {background:url(../../images/site/main_notictBlt.gif) left center no-repeat; color:#778AC1 !important;font-size:0.9em; padding-left:25px;}

.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vtop { position:relative;background:#f1f1f1; border:#dadada solid 1px; padding:20px 10px 20px 10px;*zoom:1; }
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vtop:after {content:""; display:block; clear:both;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vtop span.ftdate {padding:0 0 0 0;color:#949292;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vtop span.bar {font-weight:normal; font-size:0.7em;color:#9D9B9B;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody { width:auto; padding:15px 0 10px 0;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Area {clear:both;padding:0 0 15px 0; font-size: 1.333em;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Area table {border:solid 1px !important; border-collapse:collapse; }
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Area table td {border:solid 1px !important;}
.freenotice_viewDiv ul.freenotice_vbox li .freenotice_vbody .fnv_Photo p img { width:100%;}

.freenotice_filedown {width:auto; border:#dadada solid 1px; padding:0 0 10px 0;margin-bottom:15px;}
.freenotice_filedown dt {font-size:1.083em;padding:15px 0 15px 35px;margin-bottom:10px;font-family:NGB;background:#f3f2f2 url(../../images/board/file_img.gif) 15px 15px no-repeat;}
.freenotice_filedown dd {position:relative;line-height:150%;padding:1px 0 4px 15px;}
.fdownBtn {font-family:NGB;color:#524d4d;background:#f9f9f9;border:#aca9a9 solid 1px;font-size:1em; text-align:center;width:42px;position:absolute;top:2px; right:0.95em;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:5px;	}
.freenotice_vcomment {margin:0;}

section#content #comment_con #comment_form ul {*zoom:1;}
section#content #comment_con #comment_form ul:after{content:""; clear:both; display:block; height:0; visibility:none; }
section#content #comment_con #comment_form ul li {float:right;width:18%;}
section#content #comment_con #comment_form ul li:first-child {float:left;width:79%;}

/*°¡ÀÔ½Åû*/
.joinrequestTit h2 {font-family:NGB;font-size:1.4em; font-weight:normal; width:auto;color:#201f1f; padding:7px 0 11px 43px;background:url(../../images/board/joinrequestTit.gif) left top no-repeat;}
.joinrequestTit h2 span {color:#ff0000;}

.joinrequest {width:100%;margin-top:15px;}
.joinrequest .joinrequest_box {background:#f4f8fe;border-top:#7195c4 solid 2px;padding:25px 3%;}
.joinrequest .joinrequest_box p {font-size:1.167em;line-height:150%;}
.joinrequest .joinrequest_box span.jr_txt01 {display:block;}
.joinrequest .joinrequest_box span.jr_txt02 {display:block;color:#306dbb;font-family:NGB;padding:8px 0 0 0;}

.joinrequest_box02 {border:#cacccd solid 2px;margin-top:15px;padding:20px 3%;}
.joinrequest_box02:after{content:""; clear:both; display:block; height:0; visibility:none; }
.joinrequest_box02 dl dt {color:#f34c12;font-size:1.333em;font-family:NGB;margin-bottom:15px;}
.joinrequest_box02 dl dd {padding:2px 0 1px 10px;line-height:160%;font-size:1.083em;background: url(../../images/board/access_pbox_dot.gif) left 11px no-repeat;}

.joinrequest_box03 {border:#cacccd solid 2px;margin-top:15px;padding:20px 3%;*zoom:1;}
.joinrequest_box03:after{content:""; clear:both; display:block; height:0; visibility:none; }
.joinrequest_box03 p.jrb_left {float:left;width:23%; text-align:center;font-size:1.333em;font-family:NGB;padding:6px 0 0 0;}
.joinrequest_box03 .jrb_right .bwr_input {font-size:0.95em;}
.joinrequest_box03 .jrb_right {float:left;width:71%;padding:0 3%;}
.joinrequest_box03 .jrb_right ul {padding:10px 0 0 0;}
.joinrequest_box03 .jrb_right ul li {line-height:180%;padding:1px 0 1px 10px;background:url(../../images/board/jrb_right_li.gif) left 9px no-repeat;}
.joinrequest_box03 .jrb_right ul li span {color:#ff1616;font-family:NGB;}

/*Ãâ¼®*/
.attendance {width:100%;margin-top:15px;}
.attendance .attendance_top {border:#2b2b2b solid 2px;padding:0 0 0 3%;}
.attendance .attendance_top p {font-size:1.04em;line-height:150%;font-family:NGB;padding:25px 0;.padding:20px 0 20px 0;}
.attendance .attendance_top span {display:inline-block;zoom:1;*display:inline;float:right;width:20%; text-align:center;background:#efebeb;padding:25px 0;.padding:19px 0;margin-top:-25px;.margin-top:-59px;border-left:#d1cbcb solid 1px;}
.attendance .attendance_top span strong {color:#ff0000;}
.attendance p.attendance_txt {margin:15px 0;padding:0 0 5px 24px;font-size:1.167em;line-height:150%;background:url(../../images/board/attendance_txt.gif) left 2px no-repeat;}
.attendance .attendance_view {border:#9f84d7 solid 2px;padding:10px 3% 25px 3%;}
.attendance .attendance_view p {clear:both;color:#8765cd;font-family:NGB;font-size:1.250em;margin:15px 0 15px 0;}
.attendance .attendance_view ul {*zoom:1;}
.attendance .attendance_view ul:after{content:""; clear:both; display:block; height:0; visibility:none; }
.attendance .attendance_view ul li {font-size:1.083em;background:#f8f5fc;border:#9f84d7 solid 1px;padding:15px;margin-bottom:5px;}
.attendance .attendance_view ul li span {float:right;font-size:0.923em;.margin:-28px 10px 0 0;}

/*°øÁö»çÇ× ¸®½ºÆ®*/
#NoticeLst div.noticeTb  ul.listBox{padding:0; margin:0;}
#NoticeLst div.noticeTb  ul.listBox>li{padding:20px 0; margin:0; border-bottom:1px solid #d5d8dd;}
#NoticeLst div.noticeTb  ul.listBox>li div.titArea{position:relative; padding:0 0 8px 0; margin:0; background:url(../../images/site/board_arrow.gif) no-repeat right center; }
#NoticeLst div.noticeTb  ul.listBox>li div.titArea p.tit a{display:block; padding:0 45px 0 0; font-size:1.25em; color:#201f1b; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
#NoticeLst div.noticeTb  ul.listBox>li div.titArea p.fileNum{position:absolute; top:6px; right:10px; font-size:0.917em; line-height:150%; color:#848282; background:url(../../images/site/file_icon.gif) no-repeat left center; padding:0 0 0 15px;}
#NoticeLst div.noticeTb  ul.listBox>li div.b_info span.mdate{font-size:0.917em; color:#848282;}
.orcolor {color:#E15B50 !important;font-weight:600;}

#NoticeLst #page{padding-bottom:15px;}
#NoticeLst #page a{background:#fff;}

#noticeView{
	padding:20px; margin:0; background:#f9f9f9; border:1px solid #d5d8dd; width:auto;
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; 
	box-shadow:0 1px 2px 0 #9b9b9b; -webkit-box-shadow:0 1px 2px 0 #9b9b9b ;-moz-box-shadow:0 1px 2px 0 #9b9b9b; -o-box-shadow:0 1px 2px 0 #9b9b9b;
}


/*ÅëÇÕ°Ë»ö20160316*/
.search_result {margin-top:0;background:#fff;border:0;padding:20px 0;}
.sresult_form>ul {*zoom:1;}
.sresult_form>ul:after{content:""; clear:both; display:block; height:0; visibility:none; }
.sresult_form>ul>li {position:relative;float:left;width:100%;}
.sresult_form>ul>li:first-child {width:100%;margin-bottom:5px;}
.sresult_form>ul>li button.sfbtn { width:45px; height:33px; position:absolute;right:0;top:0;background:#647194;color:#fff;font-family:NGB;line-height:29px;border:#4b5778 solid 1px;.width:50px;.line-height:28px;
-moz-border-radius:0 5px 5px 0;	
-webkit-border-radius:0 5px 5px 0;	
border-radius:0 5px 5px 0;}
.sr_input { border:#c1c1c1 solid 1px;color:#666666;padding:8px 5px 8px 5px; vertical-align:middle; width:95%; background:#fff;}
.search_result .sresult_view {border:#c1c1c1 solid 1px; background:#fff;margin-top:15px;padding:1% 3% 3% 3%;}
span.srv_menu {font-size:1.167em;margin-right:8px;padding:0 10px 0 0;background:url(../../images/board/srv_menu.gif) right top no-repeat;}
.search_result .sresult_view ul li {position:relative;border-bottom:#ccc dashed 1px;padding:15px 0;}
.search_result .sresult_view span.ftdate {display:block;padding:5px 0 0 0;color:#837e7e;}
.search_result .sresult_view ul li p.searchCon {padding:5px 0 0 0;font-size:1.083em;}
.search_result .sresult_view ul li p.searchCon a {display:block; line-height:150%;}
.search_result .sresult_view ul li p.searchCon a span {color:#ff0000;font-family:NGB;}
.search_result .blistmoreBox p.blistmore_btn {border:#c1c1c1 solid 1px;}
p.sresult_topbtn {clear:both; text-align:center;margin-top:20px;.margin-bottom:10px; *zoom:1;}
p.sresult_topbtn:after{content:""; clear:both; display:block; height:0; visibility:none; }
p.sresult_topbtn button {background:#2b2828 url(../../images/board/sresult_topbtn.gif) 10px center no-repeat;border:#000000 solid 1px;color:#fff;font-family:NGB; line-height:26px;padding:0 30px 0 35px;}
span.serchrscolor {color:#3896de;font-weight:bold;}

/*³»°¡¾´±Û20160316*/
.mywrite_result {margin-top:15px;background:#fff;border:0;padding:0;}
.mywrite_result .mywrite_view {border:#c1c1c1 solid 1px; background:#fff;padding:1% 3% 3% 3%;}
.mywrite_result .mywrite_view>ul {*zoom:1;}
.mywrite_result .mywrite_view>ul:after{content:""; clear:both; display:block; height:0; visibility:none; }
.mywrite_result .mywrite_view>ul>li {position:relative;border-bottom:#ccc dashed 1px;padding:15px 0;}
.mywrite_result .mywrite_view>ul>li:first-child {width:100%;margin-bottom:5px;}
.mywrite_result .mywrite_view span.ftdate {color:#837e7e;}
.mywrite_result .mywrite_view>ul>li p.ct_t span.srv_menu {font-size:1.167em;margin-right:0;padding:0 5px 0 0;background:none;}
.mywrite_result .mywrite_view ul li p.searchCon {padding:5px 0 0 0;font-size:1.083em;}
.mywrite_result .mywrite_view ul li p.searchCon a {display:block; line-height:150%;}
.mywrite_result .mywrite_view ul li p.searchCon a span.scTsresult_topbtnit {clear:both;display:block;font-family:NGB;color:#656363;font-size:1.0em;margin-top:5px;}
.mywrite_result .mywrite_view ul li p.searchCon a span.scTit strong {color:#ff0000;}
.mywrite_result .mywrite_view ul li p.searchCon a span.scTxt {display:block;color:#6b6b6b;font-size:0.95em; padding:5px 0 0 0;}
.mywrite_result p.blistmore_btn {border:#c1c1c1 solid 1px;}
.mywrite_result p.sresult_topbtn {clear:both; text-align:center;margin-top:20px;.margin-bottom:10px; *zoom:1;}
.mywrite_result p.sresult_topbtn:after{content:""; clear:both; display:block; height:0; visibility:none; }
.mywrite_result p.sresult_topbtn button {background:#2b2828 url(../../images/board/sresult_topbtn.gif) 10px center no-repeat;border:#000000 solid 1px;color:#fff;font-family:NGB; line-height:26px;padding:0 30px 0 35px;}
span.boardname { display:block;margin-top:10px;border:#2285d1 solid 1px; background:#3896de url(../../images/board/boardname_dot.gif) 6px 7px no-repeat;padding:5px 8px 5px 15px;color:#fff;font-size:0.9em;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;}



/* ¸ÖƼÆÄÀϾ÷·Îµå */
#multiFileUp {position:absolute !important;z-index:10;height:24px;top:0;left:16px; width:75px;cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.MultiFile {position:absolute !important;z-index:10;height:24px;top:0;left:17px; width:75px;cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.newfileup {background:#ed5e5e; border:1px solid #e63030; color:#fff; font-size:0.917em; line-height:1.545em; padding:2px 0.727em; vertical-align:middle; margin:0; display:inline-block; *display:inline; zoom:1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;cursor:pointer;}
.newfiledel {background:#aeadad; border:1px solid #838383; color:#fff; font-size:0.917em; line-height:1.545em; padding:2px 0.727em; vertical-align:middle; margin:0; display:inline-block; *display:inline; zoom:1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;cursor:pointer;}*/

.area_write {height:100px !important;}
.upfile_list_area {height:80px !important;border:1px solid #ccc; margin:0.5em 0 1em 0; padding:0.5em; overflow-y:scroll;}
.upfile_list_area .MultiFile-label {line-height:150%; margin:4px 0 0 0;}
.upfile_list_area .MultiFile-label:first-child {margin:0;}
.upfile_list_area .MultiFile-label a.MultiFile-remove {display:inline-block; padding: 0 10px; background:#90b000;}
.upfile_list_area .MultiFile-label a.MultiFile-remove button {background:none; font-size:11px; color:#fff;}

#write_input .areaBox{width:100%; padding:0; margin:0;}
#write_input .areaBox div.cellBox{padding:0 0 0 1.667em; width:auto;}
#write_input .areaBox textarea{
	width:100%; padding:10px 0; margin:0; border:none; height:180px;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
.bwr_box .write_right{
	position:absolute; top:0; right:0; padding:0.7em 1.667em 0 0; text-align:right;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}

.bwr_box .write_right #filecnt {color: #f14947; font-weight:600;}



/*  tablet layout */
@media only screen and (min-width:768px) and (max-width:1024px)  {

/*°Ô½ÃÆDZ۾²±â Æû*/
.bwr_box p.file_ps {float:right;margin-top:-25px;}	

/*°Ô½ÃÆÇ Àüü°ø°³/¼öÁ¤,»èÁ¦ ¹öÆ°¿µ¿ª */
.ftbtn { position:absolute;right:10px; top:22px;width:180px; margin:0;}

/*Ãâ¼®*/
.attendance .attendance_top p {font-size:1.167em;line-height:150%;font-family:NGB;padding:25px 0;.padding:20px 0 20px 0;}
.attendance .attendance_top span {display:inline-block;zoom:1;*display:inline;float:right;width:20%; text-align:center;background:#efebeb;padding:25px 0;.padding:19px 0;margin-top:-25px;.margin-top:-60px;border-left:#d1cbcb solid 1px;}

/*ÅëÇÕ°Ë»ö*/
.sresult_form>ul>li {position:relative;float:left;width:68%;}
.sresult_form>ul>li:first-child {width:30%;margin-right:2%;}
.sr_input { border:#c1c1c1 solid 1px;color:#666666;padding:8px 5px 8px 5px; vertical-align:middle; width:93%; background:#fff;}
.search_result .sresult_view span.ftdate {position:absolute;right:0;top:20px;display:inline-block;}

#NoticeLst div.topTit p.pageNum{right:0;}

/*³»°¡¾´±Û*/
.mywrite_result .mywrite_view span.ftdate {float:right;padding:5px 0 0 0;.margin-top:-15px;}
p.freenotice_vsubject span.boardname { display:inline-block;float:right;margin-top:-5px;.margin-top:-20px;}

}



/* pc layout */
@media only screen and (min-width:1025px) {

/*°Ô½ÃÆDZ۾²±â Æû*/
.bwr_box p.file_ps {float:right;margin-top:-25px;}

/*¼¿·ºÆ®¹Ú½º */
.bwr_select {margin-top:15px;}

/*¼¿·ºÆ®¹Ú½º */
#boardwriteFormBody #bwfb_box {display:block;background:#f1f1f1;border-bottom:#d0cdcd solid 1px;*zoom:1; height:57px;}
#boardwriteFormBody #bwfb_box:after{content:""; clear:both; display:block; height:0; visibility:none; }
#boardwriteFormBody #bwfb_box dl{float:left; padding:0 0 0 8px; margin:0; *zoom:1;}
#boardwriteFormBody #bwfb_box dl:after{content:""; clear:both; display:block; height:0; visibility:none; }
#boardwriteFormBody #bwfb_box dl dd {position:relative;float:left;padding:16px 0 0 0; margin:0; text-indent:0; }
#boardwriteFormBody #bwfb_box dl dd .selectfont {float:left;width:80px;}

/***°Ô½ÃÆÇÆíÁý±â ºÎºÐ***/
/*±ÛÀÚ»öŬ¸¯½Ã */
.Textcolor {position:absolute;left:-1px;top:42px;width:178px;border:#bcbbbb solid 1px;background:#f1f1f1;}
.Textcolor ul.Textcolor_set {clear:both;position:relative;padding:4px 4px 3px 4px;.padding:4px 4px 5px 6px;*zoom:1;}
.Textcolor ul.Textcolor_set:after{content:""; clear:both; display:block; height:0; visibility:none; }
.Textcolor ul.Textcolor_set li {float:left;width:13px;height:13px;margin:0 4px 1px 0;}
.Textcolor ul.Textcolor_set li span {display:none;}
button.Tc_bg01 {background:#000000;width:13px;height:13px;}
button.Tc_bg02 {background:#252525;width:13px;height:13px;}
button.Tc_bg03 {background:#464646;width:13px;height:13px;}
button.Tc_bg04 {background:#636363;width:13px;height:13px;}
button.Tc_bg05 {background:#7d7d7d;width:13px;height:13px;}
button.Tc_bg06 {background:#9a9a9a;width:13px;height:13px;}
button.Tc_bg07 {background:#acacac;width:13px;height:13px;}
button.Tc_bg08 {background:#c2c2c2;width:13px;height:13px;}
button.Tc_bg09 {background:#e1e1e1;width:13px;height:13px;}
button.Tc_bg10 {background:#ffffff;width:13px;height:13px;}

button.Tc_bg11 {background:#ff0000;width:13px;height:13px;}
button.Tc_bg12 {background:#ff6c00;width:13px;height:13px;}
button.Tc_bg13 {background:#ffaa00;width:13px;height:13px;}
button.Tc_bg14 {background:#ffef00;width:13px;height:13px;}
button.Tc_bg15 {background:#a6cf00;width:13px;height:13px;}
button.Tc_bg16 {background:#009e25;width:13px;height:13px;}
button.Tc_bg17 {background:#00b0a2;width:13px;height:13px;}
button.Tc_bg18 {background:#0075c8;width:13px;height:13px;}
button.Tc_bg19 {background:#3a32c3;width:13px;height:13px;}
button.Tc_bg20 {background:#7820b9;width:13px;height:13px;}

button.Tc_bg21 {background:#ffe8e8;width:13px;height:13px;}
button.Tc_bg22 {background:#f7e2d2;width:13px;height:13px;}
button.Tc_bg23 {background:#f5eddc;width:13px;height:13px;}
button.Tc_bg24 {background:#f5f4e0;width:13px;height:13px;}
button.Tc_bg25 {background:#edf2c2;width:13px;height:13px;}
button.Tc_bg26 {background:#def7e5;width:13px;height:13px;}
button.Tc_bg27 {background:#d9eeec;width:13px;height:13px;}
button.Tc_bg28 {background:#d6d4eb;width:13px;height:13px;}
button.Tc_bg29 {background:#e7dbed;width:13px;height:13px;}
button.Tc_bg30 {background:#f1e2ea;width:13px;height:13px;}

button.Tc_bg31 {background:#e97d81;width:13px;height:13px;}
button.Tc_bg32 {background:#e19b73;width:13px;height:13px;}
button.Tc_bg33 {background:#d1b274;width:13px;height:13px;}
button.Tc_bg34 {background:#cfcca2;width:13px;height:13px;}
button.Tc_bg35 {background:#61b977;width:13px;height:13px;}
button.Tc_bg36 {background:#53aea8;width:13px;height:13px;}
button.Tc_bg37 {background:#518fbb;width:13px;height:13px;}
button.Tc_bg38 {background:#6a65bb;width:13px;height:13px;}
button.Tc_bg39 {background:#9a54ce;width:13px;height:13px;}
button.Tc_bg40 {background:#e573ae;width:13px;height:13px;}

button.Tc_bg41 {background:#951015;width:13px;height:13px;}
button.Tc_bg42 {background:#6e391a;width:13px;height:13px;}
button.Tc_bg43 {background:#785c25;width:13px;height:13px;}
button.Tc_bg44 {background:#5f5b25;width:13px;height:13px;}
button.Tc_bg45 {background:#1c4827;width:13px;height:13px;}
button.Tc_bg46 {background:#0d514c;width:13px;height:13px;}
button.Tc_bg47 {background:#1b496a;width:13px;height:13px;}
button.Tc_bg48 {background:#2b285f;width:13px;height:13px;}
button.Tc_bg49 {background:#45245b;width:13px;height:13px;}
button.Tc_bg50 {background:#721947;width:13px;height:13px;}
button.Tc_bgnone {background:#ffffff url(../../images/board/Tc_bgnone.gif) 10% center no-repeat; width:100%; height:30px; border-top:#dadada solid 1px;box-sizing:border-box;	}

/*¹è°æ»öŬ¸¯½Ã */
.Backcolor {position:absolute;left:-1px;top:42px;width:181px;border:#bcbbbb solid 1px;background:#f1f1f1;}
.Backcolor ul.Bakcolor_set {clear:both;position:relative;padding:5px 5px 4px 5px;*zoom:1;}
.Backcolor ul.Bakcolor_set:after{content:""; clear:both; display:block; height:0; visibility:none; }
.Backcolor ul.Bakcolor_set li {float:left;width:13px;height:13px;margin:0 4px 1px 0;.margin:0 4px 1px 0;}
.Backcolor ul.Bakcolor_set li span {display:none;}

/*¸µÅ©Å¬¸¯½Ã */
.Linkopen {position:absolute;left:0;top:42px;width:208px;border:#bcbbbb solid 1px;background:#f1f1f1;}
.Linkopen .Lopenbox {clear:both;position:relative;padding:10px;}
.Linkopen .Lopenbox:after{content:""; clear:both; display:block; height:0; visibility:none; }
.Linkopen .Lopenbox p.linkb {margin:0 0 8px 0;}
.Linkopen .Lopenbox p.linkr {padding:3px 0 0 0;.margin-top:-6px;}
.Linkopen .Lopenbox .linkinput {width:100%;border:#c7c7c7 solid 1px;padding:2px 0;}
.Linkopen .Lopenbox ul.LopenBtn {position:absolute;right:7px;top:39px;}
.Linkopen .Lopenbox ul.LopenBtn li {float:left;padding:0 1px;}

/*Ç¥¸¸µé±âŬ¸¯½Ã */
.tableopen {position:absolute;left:-1px;top:42px;width:163px;border:#bcbbbb solid 1px;background:#f1f1f1;}
.tableopen .topenbox {clear:both;position:relative;padding:10px;.padding-bottom:0;*zoom:1;}
.tableopen .topenbox:after{content:""; clear:both; display:block; height:0; visibility:none; }
.tableopen .topenbox p.tables {float:left;width:100%;height:20px;}
.tableopen .topenbox p.tables span {display:inline-block; width:48%; text-align:center;font-weight:bold;}
.tableopen .topenbox p.tables span .tselect_box {width:70%;}
.tableopen .topenbox p.tablet {font-size:0.95em; padding:10px 0; border-bottom:#ccc solid 1px;}
.tableopen .topenbox ul.topenBtn {clear:both;margin-top:10px;padding:0 0 0 30px;}
.tableopen .topenbox ul.topenBtn li {float:left;padding:0 1px;}

/*Á¢±ÙÁ¦¾î*/	
.access_pbox {width:auto;border-bottom:#9b9999 dashed 1px;*zoom:1;padding:25px 0;}
p.apb_txt01 {float:left;width:75%;font-size:2.333em;line-height:140%;padding:5px 0 0 0; }
p.apb_txt01 span.apb_txt02 {display:block;font-size:0.571em;line-height:140%;margin-top:8px; }
p.apb_txt01 span.apb_btn {display:block;float:right;padding:0 80px 0 0;margin-top:15px;}


/*°Ô½ÃÆÇ Àüü°ø°³/¼öÁ¤,»èÁ¦ ¹öÆ°¿µ¿ª */
.ftbtn { position:absolute;right:10px; top:22px;width:180px; margin:0;}

/*°¡ÀÔ½Åû*/
.joinrequest_box03 p.jrb_left {float:left;width:20%; text-align:center;font-size:1.333em;font-family:NGB;padding:6px 0 0 0;}
.joinrequest_box03 .jrb_right {float:left;width:74%;padding:0 3%;}
.joinrequest_box03 .jrb_right .bwr_input {font-size:1.0em;}

/*Ãâ¼®*/
.attendance .attendance_top p {font-size:1.167em;line-height:150%;font-family:NGB;padding:25px 0;.padding:20px 0 20px 0;}
.attendance .attendance_top span {display:inline-block;zoom:1;*display:inline;float:right;width:20%; text-align:center;background:#efebeb;padding:25px 0;.padding:19px 0;margin-top:-25px;.margin-top:-61px;border-left:#d1cbcb solid 1px;}

/*ÅëÇÕ°Ë»ö*/
.sresult_form>ul>li {position:relative;float:left;.float:right;width:68%;}
.sresult_form>ul>li:first-child {.float:left;width:30%;margin-right:2%;.margin-right:1.5%;}
.search_result .sresult_view span.ftdate {position:absolute;right:0;top:20px;display:inline-block;}
.sresult_form>ul>li button.sfbtn { .width:45px;.line-height:28px;}

/*³»°¡¾´±Û*/
.mywrite_result .mywrite_view span.ftdate {float:right;padding:5px 0 0 0;.margin-top:-15px;}
p.freenotice_vsubject span.boardname { display:inline-block;zoom:1;*display:inline;float:right;margin-top:-5px;.margin-top:-20px;}

#NoticeLst div.topTit p.pageNum{right:0;}



}

@media only screen and (max-width:430px) {
	
	#NoticeLst div.topTit p.pageNum{
		position:static; top:auto; right:0; padding:5px 0 0 0;
	}

	.bwr_box .write_left {padding-bottom: 20px;}
	.bwr_box .write_right {top:auto; right:auto; left:10px; top:20px;}
	
}