@charset "UTF-8";
/*list*/
body.Tablet ._mojList .artclSerch .fnLeft {margin-bottom: 20px;height: 30px;}
body.Tablet ._mojList .artclSerch .artclPeriod {float: none; margin-right: 0; margin-bottom: 10px;}
body.Tablet ._mojList .artclSerch .artclPeriod span {float: left; margin-right: 12px;}
body.Tablet ._mojList .artclSerch .artclPeriod span.startD,
body.Tablet ._mojList .artclSerch .artclPeriod span.endD {width: 45%; margin-right: 0;}
body.Tablet ._mojList .artclSerch .artclPeriod input[type="text"] {max-width: 60%; width: 100%;}
body.Tablet ._mojList .artclSerch .fnSearch fieldset input[type="text"] {width: calc(100% - 130px);}
body.Tablet ._mojList .artclSerch .fnSearch {float: none; overflow: hidden;}
body.Tablet ._mojList .artclSerch .fnSearch fieldset {float: none;}
body.Tablet .artclView img {width: 100% !important;}


@media all and (max-width: 700px) {
	/* list */
	.mojThumb_list .thumbLi .thumbnail, .mojThumb_list .thumbLi .artclInfo {float: none; width: 100%; margin-left: 0;}
	.mojThumb_list .thumbLi .thumbnail {margin: 0 auto 20px;}
	.mojThumb_list .thumbLi .artclInfo .artclContent {height: auto; max-height: 69px;}

	/*write+view*/
	body.Tablet ._mojWrite dl.artclForm,
	body.Tablet ._mojWrite .fileWrap .artclInsert select{float: none; width: 100%;}
	body.Tablet ._mojWrite .fileWrap .file_btn {margin: 10px 0 0 0;}
	body.Tablet ._mojWrite .fileWrap .notice {margin-left: 0;}
}

@media all and (max-width: 700px) {
	._mojList .artclSerch .fnLeft {width: 100%;}
}