@charset "utf-8";

/* ========= 목록형게시판 ========= */	
/*공통*/
._articleTable h2,
._articleTable h3,
._articleTable h4,
._articleTable h5{background-image:none;padding-left:0;}
._articleTable h2.artclViewTitle{font-size:18px; font-weight:400;}
._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice,
._articleTable .artclViewTitleWrap .artclShare .sns input,
._articleTable .artclViewTitleWrap .artclShare .option,
._articleTable .artclComment .comment .option,
._articleTable .artclCommentList li .delComment,
._articleTable .artclList li .artclInfo .newArtcl,
._articleTable .artclCategory ul.categoryList li{border:0;background-image:url("../images/share.gif");background-repeat:no-repeat;background-color:transparent;}

/*category*/
._articleTable .artclCategory{border: 1px #8EABC2 solid;background-color: #fff;margin-bottom: 1em;padding: 1em;}
._articleTable .artclCategory ul{position: relative;overflow: hidden;}
._articleTable .artclCategory ul li{float: left;}
._articleTable .artclCategory ul.categoryNavig{background-color: #E3EAF0;padding: 0.5em 1em;margin-bottom: 0.5em;}
._articleTable .artclCategory ul.categoryNavig li{margin-right: 1em;}
._articleTable .artclCategory ul.categoryList{padding: 0.5em;}
._articleTable .artclCategory ul.categoryList li{width: 25%;}
._articleTable .artclCategory ul.categoryList li a{display: block;padding-left: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 24px;line-height: 24px;}
._articleTable .artclCategory ul li.child{background-position: 0 -263px;}
._articleTable .artclCategory ul li.pChild{background-position: 0 -293px;}
._articleTable .artclCategory ul li.noCategory{text-align: center;width: 100%;background-image: none;}
._articleTable .artclCategory ul li.active a{font-weight: 600;color: #000;}

/*subject*/
._articleTable ._tab._normal ul li strong,
._articleTable ._tab._normal ul li input,
._articleTable ._tab._normal ul li a {margin-right: -1px !important;}
._articleTable ._tab._normal ul li strong._on,
._articleTable ._tab._normal ul li input._on,
._articleTable ._tab._normal ul li a._on {background-color: #4682B4 !important;border-color: #38678f !important;margin-right: 0 !important;}
/*prd search*/
._articleTable .artclPeriod fieldset {width: 250px;height: 30px;position: relative;display: block;margin: 1em auto;}
._articleTable .artclPeriod fieldset label,
._articleTable .artclPeriod fieldset input{float: left;margin: 0 0.2em;}
._articleTable .artclPeriod fieldset label{line-height: 30px;}
._articleTable .artclPeriod fieldset input{width: 70px;}

/*rss,count,search*/
._articleTable .fnDiv ._sysRss{}

/*list headline*/
._articleTable .artclHeadLine{border: 1px #ddd solid;background-color: #fff;padding: 0 1em;}
._articleTable .artclHeadLine .artclList,
._articleTable .artclHeadLine .artclList li._first._last .artclLinkView,
._articleTable .artclHeadLine .artclList li._last .artclLinkView{border: 0 !important;}

/*list*/
._articleTable .artclTable{width: 100%;}
._articleTable .artclTable caption{text-indent:-9999px;height:0;}
._articleTable .artclTable colgroup col._artclColNum{width: 55px;}
._articleTable .artclTable colgroup col._artclColTitle{width: auto;}
._articleTable .artclTable colgroup col._artclColWriter{width: 100px;}
._articleTable .artclTable colgroup col._artclColRdate{width: 85px;}
._articleTable .artclTable colgroup col._artclColRecommend{width: 50px;}
._articleTable .artclTable colgroup col._artclColComment{width: 50px;}
._articleTable .artclTable colgroup col._artclColAtchFile{width: 60px;}
._articleTable .artclTable colgroup col._artclColAccess{width: 50px;}
._articleTable .artclTable thead th{background: #fbfbfb;color:#3c3c3c;font-weight:400;border-bottom:1px solid #e4e4e4;border-top: 2px solid #0c3960;padding: 7px 0;text-align: center;}
._articleTable .artclTable thead th:first-child{border-left: 0;}
._articleTable .artclTable td{border-bottom:1px solid #e4e4e4;padding: 6px 0;text-align:center;}
._articleTable .artclTable td:first-child{border-left: 0;}
._articleTable .artclTable thead th:last-child,
._articleTable .artclTable td:last-child{border-right: 0;}
._articleTable .artclTable tr._artclEven{background-color: #FFF;}
._articleTable .artclTable tr._artclOdd{background-color: #FFF;}
._articleTable .artclTable td._artclTdTitle{text-align:left;}
._articleTable .artclTable tr.headline{background-color: #fbfbfb;}
._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice{display: block;margin: auto;width: 30px;height: 20px;text-indent: -9999px;overflow: hidden;background:url(/sites/engcollege/images/bbs_noticeIcon.png) no-repeat center top;}
._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice._artclNnotice{}
._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice._artclTnotice{background-color: #f7f7f7;}
._articleTable .artclTable tr td a.artclLinkView{display:block;box-sizing:border-box;overflow:hidden;width:100%;position:relative;line-height:1.5;}
/*	._articleTable .artclTable tr td a.artclLinkView{display:block;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;position:relative;}*/

/*NEW아이콘*/
._articleTable .artclTable tr td .artclLinkView .newArtcl{display:inline-block;text-indent:-99999px;background: url("/sites/engcollege/images/bbs_newIcon.png") no-repeat;width:15px;height:20px;vertical-align:-9px;margin-left:2px;}
@media only screen and (max-width:1199px){
  ._articleTable .artclTable tr td .artclLinkView .newArtcl{display:none;}
}

/*첨부파일*/
._articleTable .artclTable tr td._artclTdTitle span.attach_file{display:none;float:right; width:12px; height:16px; background: url("../images/icon_attach_file.png") no-repeat; text-indent:-99999px; margin-top:6px; margin-right:8px;}

._articleTable .artclTable tr td._artclTdNum{}
._articleTable .artclTable tr td._artclTdTitle{}
._articleTable .artclTable tr td._artclTdWriter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
._articleTable .artclTable tr td._artclTdRdate{}
._articleTable .artclTable tr td._artclTdRecommend{}
._articleTable .artclTable tr td._artclTdComment{}
._articleTable .artclTable tr td._artclTdAtchFile{}
._articleTable .artclTable tr td._artclTdAccess{}

/*write+view*/
._articleTable .artclItem{border-color: #333 #ddd #ddd;border-style: solid;}
._articleTable .artclItem.writeForm{border-width: 2px 0 1px 0;}
._articleTable .artclItem.viewForm{background-color: #fff;border-width: 2px 1px 1px;border-left:0;border-right:0;}
._articleTable .artclItem .artclForm,
._articleTable .artclItem .artclLabel,
._articleTable .artclItem .artclInsert{min-height: 28px;height: auto!important;_height: 28px;}
._articleTable .artclItem .artclForm{position: relative;border-top: 1px #eee solid;padding: 5px 0 5px 160px;}
._articleTable .artclItem .artclForm:first-child{border: 0;}
._articleTable .artclItem .artclLabel,
._articleTable .artclItem .artclInsert{padding: 2px 0;color: #666;line-height: 28px;}
._articleTable .artclItem .artclLabel{position: absolute;top: 5px;left: 10px;color: #000;width: 140px;background: url("../images/labelGab.gif") no-repeat right 50%;}
._articleTable .artclItem .artclLabel mark.must{background:none;color:#000;font-size:0;position:absolute;}
._articleTable .artclItem .artclLabel mark.must:before{content:"※";display:block;width:10px;height:2px;background:red;}
._articleTable .artclItem .artclInsert{display: block;margin-right: 5px;position: relative;padding: 2px 0;color: #666;line-height: 28px;}
._articleTable .artclItem .artclInsert label{margin-right:5px;}
._articleTable .artclItem .artclInsert textarea{height: 400px;}
._articleTable .artclItem .artclInsert .multiSelectBox{height: 60px;width: 300px;margin-bottom:5px;}
._articleTable .artclItem .artclForm.both{padding-left: 0;}
._articleTable .artclItem .artclForm.both .artclInsert{margin-left: 0;width: 99.7% !important;}
._articleTable .artclItem .artclForm.both .artclLabel{position: static;display: block;background-image: none;}

/*view head*/
._articleTable .artclViewHead{overflow: hidden;position: relative;margin-bottom: 0.5em;}
._articleTable .artclViewHead dl,
._articleTable .artclViewHead dl dt,
._articleTable .artclViewHead dl dd{display: inline-block;zoom: 1;	_display: inline;	line-height: 1;}
._articleTable .artclViewHead dl{padding: 0 0.5em;	border-right: 1px #ccc solid;}
._articleTable .artclViewHead dl._first._last{padding: 0 0.5em 0 0;}
._articleTable .artclViewHead dl._last{padding: 0 0 0 0.5em;border-right: 0;}
._articleTable .artclViewHead dl dt{padding-right: 0.2em; font-weight:400;}
._articleTable .artclViewHead dl dt:after{content:":";padding-left: 0.2em;}
._articleTable .artclViewHead dl dd{}
._articleTable .artclViewHead .left{float: left;}
._articleTable .artclViewHead .right{float: right;}
._articleTable .artclViewTitleWrap{border-top: 2px #0c3960 solid;background-color: #eee;}
._articleTable .artclViewTitleWrap .artclViewTitle{line-height: 1.5;text-align: center;padding: 0.5em;}
._articleTable .artclViewTitleWrap .artclShare{overflow: hidden;position: relative;}
._articleTable .artclViewTitleWrap .artclShare .sns,
._articleTable .artclViewTitleWrap .artclShare input,
._articleTable .artclViewTitleWrap .artclShare a{float: left;}
._articleTable .artclViewTitleWrap .artclShare .left{float: left;}
._articleTable .artclViewTitleWrap .artclShare .right{float: right;}
._articleTable .artclViewTitleWrap .artclShare .sns input,
._articleTable .artclViewTitleWrap .artclShare .option,
._articleTable .artclComment .comment .option{}
._articleTable .artclViewTitleWrap .artclShare .sns{overflow: hidden;position: relative;background-color: #fff;}
._articleTable .artclViewTitleWrap .artclShare .sns input{border-color: #ddd;border-style: solid;border-width: 1px 1px 1px 0;height: 26px;line-height: 25px;padding: 0 10px 0 25px;}
._articleTable .artclViewTitleWrap .artclShare .sns .twitter{background-position: 5px 6px;}
._articleTable .artclViewTitleWrap .artclShare .sns .facebook{background-position: 5px -24px;}
._articleTable .artclViewTitleWrap .artclShare .sns input:first-child{border-width: 1px;}
._articleTable .artclViewTitleWrap .artclShare .option,
._articleTable .artclComment .comment .option{height: 26px;padding: 0 10px 0 20px;background-color: transparent;}
._articleTable .artclViewTitleWrap .artclShare input.option{line-height: 26px;}
._articleTable .artclViewTitleWrap .artclShare a.option{line-height: 29px;}
._articleTable .artclViewTitleWrap .artclShare .option.recommend,
._articleTable .artclComment .comment .option{background-position: 0 -174px;}
._articleTable .artclViewTitleWrap .artclShare .option.nonrecommend,
._articleTable .artclComment .comment .option.nonrecommend{background-position: 0 -355px;}
._articleTable .artclViewTitleWrap .artclShare .option.report{background-position: 0 -113px;}
._articleTable .artclViewTitleWrap .artclShare .option.blind{background-position: 0 -144px;}
._articleTable .artclViewTitleWrap .artclShare .option.print{background-position: 0 -83px;}
._articleTable .artclAtchImg{padding: 1em 0;text-align: center;}
._articleTable .artclAtchImg img{max-width: 100%;width: auto !important;_width: 100%;}
._articleTable .artclView{margin-bottom: 2em;}
/* reply */
._articleTable .artclAnswerWrap{border: 1px #ddd solid;background-color: #fff;}
._articleTable .artclAnswerWrap h3{border-bottom: 1px #eee solid;text-align: center;line-height: 2.4;background-color: #f7f7f7;}
._articleTable .artclAnswerWrap .artclAnswer{padding: 0.5em 0.5em 0 0.5em;}
._articleTable .artclAnswerWrap .artclAnswerInfo{padding: 0.5em;text-align: right;}
._articleTable .artclAnswerWrap .artclAnswerInfo .date{border-left: 1px #ddd solid;padding-left: 0.5em;margin-left: 0.5em;}

/* comment */
._articleTable .artclComment{border: 1px #ddd solid;background-color: #fff;margin: 1em 0;padding: 1em;}
/* comment write */
._articleTable .artclComment .artclCommentName{margin-bottom: 0.5em;}
._articleTable .artclComment .artclCommentName label{float: left;height: 28px;line-height: 28px;font-weight: 600;margin-right: 1em;}

._articleTable .artclComment .artclCommentName label mark.must{background:none;color:#000;font-size:0;position:absolute;}
._articleTable .artclComment .artclCommentName label mark.must:before{content:"※";display:block;width:10px;height:2px;background:red;}

._articleTable .artclComment .artclCommentForm{position: relative;margin-bottom: 1em;}
._articleTable .artclComment .artclCommentForm .artclCommentInsert{margin-right: 80px;}
._articleTable .artclComment .artclCommentForm .artclCommentInsert textarea{padding: 5px;height: 50px;width: 100%;background-color: #f7f7f7;}

/* comment list */
._articleTable .artclComment .artclCommentList{background-color: #ECF1F3;padding: 1em 1em 0 1em;border: 1px #DBE7EB solid;}
._articleTable .artclComment .artclCommentList li{border-left: 1px #ccc solid;padding: 0 0 15px 70px;margin-left: 60px;position: relative;}
._articleTable .artclComment .artclCommentList li .comment{line-height: 1.8;}
._articleTable .artclComment .artclCommentList li .date{position: absolute;top: 0;left: -60px;width: 120px;text-align: center;background-color: #ECF1F3;border-radius: 0.3em;}
._articleTable .artclComment .artclCommentList li .delComment{width: 11px;height: 11px;background-position: 0 -210px;margin-left: 0.5em;text-indent: -5000px;}

@media only screen and (max-width:1023px){
  body.Tablet{}
  body.Tablet ._articleTable .artclTable colgroup col._artclColRecommend,
  body.Tablet ._articleTable .artclTable colgroup col._artclColComment,
  body.Tablet ._articleTable .artclTable tr th._artclThRecommend,
  body.Tablet ._articleTable .artclTable tr th._artclThComment,
  body.Tablet ._articleTable .artclTable tr td._artclTdRecommend,
  body.Tablet ._articleTable .artclTable tr td._artclTdComment{	display: none;}
}
@media screen and (max-width:860px) {
  /*		._articleTable .artclTable colgroup col._artclColRdate,*/
  ._articleTable .artclTable colgroup col._artclColWriter,
  ._articleTable .artclTable colgroup col._artclColRecommend,
  ._articleTable .artclTable colgroup col._artclColComment,
  ._articleTable .artclTable colgroup col._artclColAtchFile,
  ._articleTable .artclTable colgroup col._artclColAccess,
  /*._articleTable .artclTable tr th._artclThRdate,*/
  ._articleTable .artclTable tr th._artclThWriter,
  ._articleTable .artclTable tr th._artclThRecommend,
  ._articleTable .artclTable tr th._artclThComment,
  ._articleTable .artclTable tr th._artclThAtchFile,
  ._articleTable .artclTable tr th._artclThAccess,
  /*		._articleTable .artclTable tr td._artclTdRdate,*/
  ._articleTable .artclTable tr td._artclTdWriter,
  ._articleTable .artclTable tr td._artclTdRecommend,
  ._articleTable .artclTable tr td._artclTdComment,
  ._articleTable .artclTable tr td._artclTdAtchFile,
  ._articleTable .artclTable tr td._artclTdAccess,
  ._articleTable .artclTable tr td._artclTdTitle span.attach_file{display:none;}
  ._articleTable .artclTable tr th._artclThRdate,
  ._articleTable .artclTable tr td._artclTdRdate{line-height:1.5; padding:0 5px; }
  ._articleTable .artclTable tr td._artclTdRdate{font-size:0.85em; word-break:break-all;}
  ._articleTable .artclTable colgroup col._artclColRdate{width: 20%;}

}
@media only screen and (max-width:640px){
  ._articleTable .artclNavi dl.artclForm dd.artclInsert > div > a{width:100%;}
  body.Tablet ._articleTable .artclNavi .artclForm .artclInsert .artclNaviInfo{display: none;}
  ._articleTable .artclViewHead dl{display:none;}
  ._articleTable .artclViewHead dl._first,
  ._articleTable .artclViewHead dl._last{display:inline-block;}
}
@media only screen and (max-width:480px){
  /*list*/
  body.Mobile ._articleTable .artclTable colgroup col._artclColWriter,
  body.Mobile ._articleTable .artclTable colgroup col._artclColRecommend,
  body.Mobile ._articleTable .artclTable colgroup col._artclColComment,
  body.Mobile ._articleTable .artclTable colgroup col._artclColAtchFile,
  body.Mobile ._articleTable .artclTable colgroup col._artclColAccess,
  body.Mobile ._articleTable .artclTable tr th._artclThWriter,
  body.Mobile ._articleTable .artclTable tr th._artclThRecommend,
  body.Mobile ._articleTable .artclTable tr th._artclThComment,
  body.Mobile ._articleTable .artclTable tr th._artclThAtchFile,
  body.Mobile ._articleTable .artclTable tr th._artclThAccess,
  body.Mobile ._articleTable .artclTable tr td._artclTdWriter,
  body.Mobile ._articleTable .artclTable tr td._artclTdRecommend,
  body.Mobile ._articleTable .artclTable tr td._artclTdComment,
  body.Mobile ._articleTable .artclTable tr td._artclTdAtchFile,
  body.Mobile ._articleTable .artclTable tr td._artclTdAccess{display: none;}
  /*view*/
  body.Mobile ._articleTable .artclComment .artclCommentList {padding: 1em;}
  body.Mobile ._articleTable .artclComment .artclCommentList li {border-left: 0;border-top: 1px #ccc solid;padding: 0;margin: 0;}
  body.Mobile ._articleTable .artclComment .artclCommentList li:first-child {border-top: 0;}
  body.Mobile ._articleTable .artclComment .artclCommentList li .date {position: relative;left: 0;}
  /*write+view*/
  body.Mobile ._articleTable .artclItem .artclForm{padding-left: 5px;}
  body.Mobile ._articleTable .artclItem .artclForm .artclLabel{position: static;display: block;background-image: none;text-align:left;width:100%;font-weight:400;}
}
@media screen and (max-width:420px) {
  ._articleTable .artclItem .artclForm{padding-left: 5px;}
  ._articleTable .artclItem .artclForm .artclLabel{position: static;display: block;background-image: none;}
  ._articleTable .artclNavi .artclForm .artclInsert .artclNaviInfo {display: none;}
  ._articleTable .artclComment .artclCommentList {padding: 1em;}
  ._articleTable .artclComment .artclCommentList li {border-left: 0;border-top: 1px #ccc solid;padding: 0;margin: 0;}
  ._articleTable .artclComment .artclCommentList li:first-child {	border-top: 0;}
  ._articleTable .artclComment .artclCommentList li .date {position: relative;left: 0;}
}



/*공통사항**********************************/

/*게시판카테고리*/
	.categoryTab{font-size:0;}
	.categoryTab a{display:inline-block;font-size:14px;text-align:center;margin-right:3px;padding:7px 15px;border:1px solid #bfbfbf;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
	.categoryTab a:hover,
	.categoryTab a:focus{border:1px solid #bfbfbf;background:#bfbfbf;color:#FFF;}
	.categoryTab a._active{border:1px solid #51c4cb;background:#51c4cb;color:#FFF;}


/*탭메뉴_위젯용**********/
	#tabNav_w{position:relative;}
	#tabNav_w nav ul{margin-bottom:40px;overflow:hidden;}
	#tabNav_w nav ul li{float:left;}
	#tabNav_w nav ul a{display:block;margin:2px;position:relative;box-sizing:border-box;height:48px;padding:9px 12px;border:1px solid #bfbfbf;font-size:15px;font-weight:400;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
	#tabNav_w nav ul a:before{content:"";display:block;width:8px;height:12px;background:url(/sites/guide/images/bul_tabNav_2.png);position:absolute;top:calc(50% - 6px);right:12px;}
	/*ACTIVE*/
	#tabNav_w nav ul li a:hover,
	#tabNav_w nav ul li a:focus{color:#FFF;background:#bfbfbf;}
	#tabNav_w nav ul li a:hover:before,
	#tabNav_w nav ul li a:focus:before{background:url(/sites/guide/images/bul_tabNav.png);}
	#tabNav_w nav ul li a.active{color:#FFF;background:#51c4cb;border:1px solid #51c4cb;}
	#tabNav_w nav ul li a.active:before{background:url(/sites/guide/images/bul_tabNav.png);}
	
	/*DIVIDE*/
	#tabNav_w nav ul li{width:20%;}


	/*게시판_대표이미지 숨기기*/
	._articleBasic .artclAtchImg{display:none;}

/*게시판_뷰 이미지*/	
	._articleTable .artclView img,
	._articleBasic .artclView img,
	._articleAlbum .artclView img{max-width:100% !important;max-height:100% !important;height:auto !important;}

	._articleTable .artclView table,
	._articleTable .artclView th,
	._articleTable .artclView td,
	._articleBasic .artclView table,
	._articleBasic .artclView th,
	._articleBasic .artclView td,
	._articleAlbum .artclView table,
	._articleAlbum .artclView th,
	._articleAlbum .artclView td{max-width:100% !important;/*width:auto !important;*/height:auto !important;}

	._articleTable .artclView p,
	._articleBasic .artclView p,
	._articleAlbum .artclView p{display:table;table-layout:fixed;width:100% !important;height:100% !important;}

/*게시판_버튼*/
	._fnctWrap .areaButton span._button input[type=button],
	._fnctWrap .areaButton span._button input[type=submit]{border:3px solid transparent;font-size:14px;color:#FFF;font-weight:400 !important;padding:10px 20px;height:auto;line-height:1;border-radius:0;}
	._fnctWrap .areaButton span._button input[type=button]{background:#858585;}
	._fnctWrap .areaButton span._button input[type=submit]{background:#0c3960;}
	._fnctWrap .areaButton span._button input[type=button]:hover,
	._fnctWrap .areaButton span._button input[type=button]:focus,
	._fnctWrap .areaButton span._button input[type=submit]:hover,
	._fnctWrap .areaButton span._button input[type=submit]:focus{background:#FFF;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);}
	._fnctWrap .areaButton span._button input[type=button]:hover,
	._fnctWrap .areaButton span._button input[type=button]:focus{border:3px solid #858585;color:#858585 !important;}
	._fnctWrap .areaButton span._button input[type=submit]:hover,
	._fnctWrap .areaButton span._button input[type=submit]:focus{border:3px solid #0c3960;color:#0c3960 !important;}
	._fnctWrap .areaButton span._small input[type=button]{border:1px solid transparent;font-size:13px;color:#FFF !important;font-weight:300 !important;padding:7px 10px;height:auto;line-height:1;border-radius:0;}
	._fnctWrap .areaButton span._small input[type=button]:hover,
	._fnctWrap .areaButton span._small input[type=button]:focus{border:1px solid #858585;color:#858585 !important;background:#FFF;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);}

	._fnctWrap ._areaButton span._button input[type=button],
	._fnctWrap ._areaButton span._button input[type=submit]{border:3px solid transparent;font-size:14px;color:#FFF;font-weight:400 !important;padding:10px 20px;height:auto;line-height:1;border-radius:0;}
	._fnctWrap ._areaButton span._button input[type=button]{background:#858585;}
	._fnctWrap ._areaButton span._button input[type=submit]{background:#0c3960;}
	._fnctWrap ._areaButton span._button input[type=button]:hover,
	._fnctWrap ._areaButton span._button input[type=button]:focus,
	._fnctWrap ._areaButton span._button input[type=submit]:hover,
	._fnctWrap ._areaButton span._button input[type=submit]:focus{background:#FFF;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);}
	._fnctWrap ._areaButton span._button input[type=button]:hover,
	._fnctWrap ._areaButton span._button input[type=button]:focus{border:3px solid #858585;color:#858585 !important;}
	._fnctWrap ._areaButton span._button input[type=submit]:hover,
	._fnctWrap ._areaButton span._button input[type=submit]:focus{border:3px solid #0c3960;color:#0c3960 !important;}
	._fnctWrap ._areaButton span._small input[type=button]{border:1px solid transparent;font-size:13px;color:#FFF !important;font-weight:300 !important;padding:7px 10px;height:auto;line-height:1;border-radius:0;}
	._fnctWrap ._areaButton span._small input[type=button]:hover,
	._fnctWrap ._areaButton span._small input[type=button]:focus{border:1px solid #858585;color:#858585 !important;background:#FFF;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);}

/*코멘트버튼*/
	._fnctWrap .artclComment .artclCommentForm ._button{position: absolute;top: 0;right: 0;font-size:14px;}
	._fnctWrap .artclComment .artclCommentForm ._button input{width:80px;height: 62px;color:#FFF !important;padding:0;border:0;border-radius:0;background:#4d4b4a;}
	._fnctWrap .artclComment .artclCommentForm ._button input:hover,
	._fnctWrap .artclComment .artclCommentForm ._button input:focus{background:#000;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);}

/*게시판_search*/
	/*감싸기*/
	.artclSerch{height:auto !important;overflow:hidden;margin-bottom:20px;}

	/*게시글수*/
	.artclSerch .fnLeft{display:none;font-size:14px;padding-top:5px;}
	
	/*검색*/
	.artclSerch .fnSearch{text-align:right;margin-top:30px;position:relative;}
	.artclSerch .fnSearch input, select{box-sizing:border-box;display:inline-block;min-height:38px;height:auto !important;font-size:14px !important;padding:0 5px;vertical-align:middle;border:1px solid #DDD;margin-bottom:0;}
	.artclSerch .fnSearch input[type=submit]{background:#4d4b4a url(../../images/icon_search.png);border:1px solid #4d4b4a;padding:0 20px;border-radius:0 !important;width:auto !important;}
	.artclSerch .fnSearch select{-webkit-appearance:none;appearance:none;-moz-appearance:none;background:url(/sites/engcollege/images/arrow_d_g_1.png) no-repeat right center;padding-right:50px;}
	.artclSerch .fnSearch select::-ms-expand{display:none}
	.artclSerch .fnSearch input[type=submit]:hover,
	.artclSerch .fnSearch input[type=submit]:focus{background-color:#000;}
	@media screen and (max-width:480px) {
		.artclSerch .fnSearch{text-align:left;}
		.artclSerch .fnSearch input[type=submit]{position:absolute;right:0;}
		.artclSerch .fnSearch fieldset{float:none !important;}
		.artclSerch .fnSearch select{}
		.artclSerch .fnSearch input[type=text]{width:calc(100% - 100px) !important;position:absolute;left:100px;}

	}

/*게시판_첨부파일,분류선택 selec */
	._fnctWrap .artclForm .artclInsert select.multiSelectBox{width:100% !important;}

/*게시판_쓰기,수정 페이지 */
	._fnctWrap .artclItem .artclForm .artclInsert input[type=text]{height:36px;border:1px solid #DDD;}
	._fnctWrap .artclItem .artclForm .artclInsert .timeSelect{width:auto !important;}
	._fnctWrap .artclItem .artclInsert ul.intOpt{font-size:0;border: 1px #DDD solid;background:#f7f7f7;margin-top:5px;padding-top:7px;}
	._fnctWrap .artclItem .artclInsert ul.intOpt li{font-size:15px;margin-right:0;margin-left:10px;}

/* 이전다음글 */
	.artclNavi{border-width: 1px;border-color: #ddd;border-left:0;border-right:0;margin-bottom: 1em;}
	.artclNavi .artclForm{padding-left: 90px;}
	.artclNavi .artclForm .artclLabel{text-align: center;width: 70px;}
	.artclNavi dl.artclForm dd.artclInsert > div{display:block;width:calc(100% - 200px);overflow:hidden;height:28px;}
	.artclNavi dl.artclForm dd.artclInsert div.artclNaviInfo{position:absolute;right:0;top:2px;}
	.artclNavi .artclForm .artclInsert .date{border-left: 1px #ddd solid;padding-left: 0.5em;margin-left: 0.5em;}
	@media screen and (max-width:1024px) {
		.artclNavi dl.artclForm dd.artclInsert > div{width:100%;}
	}
	@media screen and (max-width:480px) {
		.artclNavi .artclForm .artclLabel{text-align:left;font-weight:400;}	
	}


/*게시판_페이징*/	
	._paging{margin-top:20px;}
	._paging ul li strong,
	._paging ul li a{font-size:13px;}
	._paging ul li a:hover,
	._paging ul li a:focus{background-color:#f0f0f0;}
	._pageState{}
	._pageState ._curPage,
	._pageState ._totPage{font-size:15px !important;font-weight:500;}
	@media screen and (max-width:620px) {
		._paging ul li,
		._paging ._inner a._prev,
		._paging ._inner a._next{display:none !important;}
		._paging ._inner a._listPrev,
		._paging ._inner a._listNext,
		._pageState{display:block !important;}
	}