@media screen and (min-width: 1280px) {
/* ************************************ header ************************************ */
header > div.nav{background:url('/images/notice_nav_bg.png') top left no-repeat; border-radius:0 0 11px 11px}



section#content {overflow:hidden;margin-bottom:50px;margin-top:10px;border-radius:10px 10px 0 0}
/* ************************************ left menu ************************************ */
section#content > ul.sidemenu{width:400px;background:url('/images/notice_side_bg.png') top left no-repeat;height:1350px;float:left;margin:0;padding:130px 0 0 0;list-style:none}
	section#content > ul.sidemenu > li {padding:11px 30px;border-bottom:1px solid #d4d7f1;margin:0 30px}
	section#content > ul.sidemenu > li.active,section#content > ul.sidemenu > li:hover{background:#fff}
		section#content > ul.sidemenu > li > a{color:#fff;font-family:'NanumSquare',sans-serif;font-size:24px}
		section#content > ul.sidemenu > li.active > a, section#content > ul.sidemenu > li:hover > a{color:#006b49;text-decoration:none}
section#content > ul.sidemenu.sm{width:40px;background:#0359e3;padding:0;padding-top:10px}

/* ************************************ content ************************************ */

section#content > div.content{background-color:#fff;width:100%;height:1350px;float:left;max-width:1200px;border-radius:0 0 10px 0;padding:80px;overflow:auto}
	section#content > div.content > div.page-title{position:relative;padding-left:29px;margin-bottom:40px}
	section#content > div.content > div.page-title::before{content:'';width:12px;height:77px;top:3px;left:0;position:absolute;background-color:#00ad7e}
		section#content > div.content > div.page-title > h3{font-size:48px;font-family:'Nanum Barun Gothic',sans-serif;line-height:100%}
		section#content > div.content > div.page-title > span{font-size:24px;font-family:'NanumSquare',sans-serif;display:inline-block;line-height:100%}

	
	section#content > div.content > div.bbs-top{margin-bottom:10px;position:relative;background-color:#f6f9fd;height:35px;color:#9daebf;font-size:16px;font-family:'NanumSquare',sans-serif;font-weight:bold;line-height:35px}
		section#content > div.content > div.bbs-top > span{transform:scaleX(0.95);display:inline-block;transform:rotate(0.03deg)}
		section#content > div.content > div.bbs-top > span.head-image{margin-left:20px}
		section#content > div.content > div.bbs-top > span.head-category{margin-left:212px}
		section#content > div.content > div.bbs-top > span.head-title{margin-left:72px}
		section#content > div.content > div.bbs-top > span.head-wdate{margin-left:375px}

	section#content > div.content > ul.bbs-content{list-style:none;padding:0 ;margin:0;border-bottom:1px solid #9daebf}
		section#content > div.content > ul.bbs-content > li{height:75px;margin-bottom:10px;padding:0;font-family:'NanumSquare', sans-serif; }
		section#content > div.content > ul.bbs-content > li > .wrap {margin-right:10px;border-radius:10px;border:1px solid #bbb;height:75px;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);overflow:hidden}
			section#content > div.content > ul.bbs-content > li > .wrap > div.poster{text-align:center;height:75px;float:left;width:220px;position:relative;margin-right:60px}
			section#content > div.content > ul.bbs-content > li > .wrap > div.poster > a{position:relative;width:220px;height:75px;display:inline-block;}
			section#content > div.content > ul.bbs-content > li > .wrap > div.poster > a > img{max-width:220px;max-height:75px;border:0;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;}
			section#content > div.content > ul.bbs-content > li > .wrap > div.category{font-weight: bold; font-size:16px;color:#00ad7e;position:relative;float:left;width:122px;line-height:75px;transform:rotate(0.03deg)}
			section#content > div.content > ul.bbs-content > li > .wrap > div.title{padding:0 25px;max-height:75px;line-height:75px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-weight:bold;font-size:20px;float:left;width:430px}
			section#content > div.content > ul.bbs-content > li > .wrap > div.title > a {color:#000}
			section#content > div.content > ul.bbs-content > li > .wrap > div.dates{padding:0 25px;font-size:16px;font-weight:100;color:#a0a0a0;line-height:75px}



section#content > div.content > div.bbs-write > div.wrap input[type=checkbox],section#content > div.content > div.bbs-write > div.wrap input[type=radio]{position:absolute;opacity:0;width:20px;height:20px;z-index:10;margin:0 5px 0 0;height:32px;}
section#content > div.content > div.bbs-write > div.wrap input[type=checkbox]:checked ~ .core-checkbox:after,section#content > div.content > div.bbs-write > div.wrap input[type=radio]:checked + .core-checkbox:after{content:'';position:absolute; width:12px;height:12px;top:0;right:0;bottom:0;left:0;margin:auto;background-color:#07c035;border-radius:50%}
section#content > div.content > div.bbs-write > div.wrap .core-checkbox + label{font-size:12px;font-weight:bold;transform:rotate(0.03deg)}
	section#content > div.content > div.bbs-write > div.wrap{height:1100px;overflow:hidden;font-size:16px;font-family:'NanumSquare',sans-serif;font-weight:bold;margin-top:40px;padding-top:40px;margin-right:10px;border-top:1px solid #9daebf;}
		section#content > div.content > div.bbs-write > div.wrap .core-select{width:calc(100% - 79px)}
		section#content > div.content > div.bbs-write > div.wrap > form > div > div{margin-bottom:10px}

			section#content > div.content > div.bbs-write > div.wrap textarea#message_area{display:none}


		section#content > div.content > div.bbs-write > div.wrap span.label{width:75px;display:inline-block;line-height:32px;transform:rotate(0.03deg);}
		section#content > div.content > div.bbs-write > div.wrap span.label-lg{width:inherit;margin-right:25px;}
		section#content > div.content > div.bbs-write > div.wrap span.label-no{width:40px;margin-right:20px;padding-right:20px;border-right:1px solid #9daebf}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input#fileupload{position:relative;width:calc(100% - 178px);height:32px;vertical-align:top}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input#fileupload:before{content:'';position:absolute;width:100%;height:32px;border:1px solid #9daebf;background-color:#fff;top:0;left:0;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);}
		section#content > div.content > div.bbs-write > div.wrap input#fileupload ~ button{width:95px;border:1px solid #9daebf;height:32px;}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input[type=text]{width:calc(100% - 79px);}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input[type=text].prebtn{width:calc(100% - 178px)}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input[type=text] ~ button{width:95px;border:1px solid #9daebf;height:32px;}
		section#content > div.content > div.bbs-write > div.wrap input#due-date{width:120px}


		/***** WYSIWYG *****/
		.bbs-write #message{font-weight:normal;width:100%}

		.bbs-write .te-toolbar-section{border-bottom:1px solid #9daebf}
		.bbs-write .tui-editor-defaultUI{border:1px solid #9daebf}
		.bbs-write .tui-editor-defaultUI .te-mode-switch-section{display:none !important}
/********************** 글쓰기 **********************/


	section#content > div.content > div.bbs-bottom{padding:40px 0;margin:0;text-align:center;position:relative}
		section#content > div.content > div.bbs-bottom > div.search{margin:40px auto 0 auto}
			section#content > div.content > div.bbs-bottom > div.search > form > input{border:1px solid #9daebf;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);}
			section#content > div.content > div.bbs-bottom > div.search > form > input.search-key{width:310px; padding:0 14px 0 32px;height:32px}
		section#content > div.content > div.bbs-bottom > ul.bbs-pager{list-style:none;padding:0;margin:0 auto}
			section#content > div.content > div.bbs-bottom > ul.bbs-pager > li{display:inline-block;width:40px;height:40px;margin:0 4px;vertical-align:middle;line-height:34px;font-size:11.2px}
			section#content > div.content > div.bbs-bottom > ul.bbs-pager > li.active{background:url('/images/pager_active.png') top left no-repeat}
			section#content > div.content > div.bbs-bottom > ul.bbs-pager > li.active > a{color:#fff}
		section#content > div.content > div.bbs-bottom > div.buttons{position:absolute;right:0;bottom:40px}

	section#content > div.content > div.bbs-view > div.wrap{font-family:'NanumSquare',sans-serif}
	section#content > div.content > div.bbs-view > div.wrap > span.title{font-size:24px;transform:rotate(0.03deg);padding-left:20px;border-left:12px solid #008b65;margin-bottom:20px;display:block;height:32px;line-height:32px}
	section#content > div.content > div.bbs-view > div.wrap > div.info{overflow:hidden;margin-bottom:40px;position:relative;transform:rotate(0.03deg);font-weight:bold;font-size:16px}
	section#content > div.content > div.bbs-view > div.wrap > div.info > div.author{background-color:#f6f9fd;width:100%;height:35px;color:#9daebf;padding:0 20px;line-height:35px}
	/* section#content > div.content > div.bbs-view > div.wrap > div.info > div.author:after{content: ' 님'} */
	section#content > div.content > div.bbs-view > div.wrap > div.info > div.views{position:absolute;top:0;right:21px;height:35px;line-height:35px;color:#9daebf}
	section#content > div.content > div.bbs-view > div.wrap > div.info > div.views:after{content:' VIEWS'}
	section#content > div.content > div.bbs-view > div.wrap > div.info > div.written-date{padding:0 20px;color:#6e6e6e;margin-top:10px}

	section#content > div.content > div.bbs-view > div.wrap > div.content{clear:both;font-size:16px;padding:0 20px}
		section#content > div.content > div.bbs-view > div.wrap > div.content img{max-width:1000px;height:100%}
}
@media screen and (max-width: 1279px) {
/* ************************************ header ************************************ */
header > div.nav{background:url('/images/mobile/sportrium_nav_bg.png') top left no-repeat; }



section#content {overflow:hidden;}
/* ************************************ left menu ************************************ */
section#content > ul.sidemenu{display:none}



/* ************************************ content ************************************ */

section#content > div.content{background-color:#fff;width:100%;float:left;border-radius:0 0 10px 0;padding:34px 27px;overflow-x:hidden;overflow-y:scroll}
	section#content > div.content > div.page-title{position:relative;padding-left:16px;margin-bottom:40px}
	section#content > div.content > div.page-title::before{content:'';width:8px;height:45px;top:0;left:0;position:absolute;background-color:#00ad7e}
		section#content > div.content > div.page-title > h3{font-size:20.7px;font-family:'Nanum Barun Gothic',sans-serif;line-height:100%;margin:0}
		section#content > div.content > div.page-title > span{font-size:17px;font-family:'NanumSquare',sans-serif;display:inline-block;}

	
	section#content > div.content > div.bbs-top{display:none}

	section#content > div.content > ul.bbs-content{list-style:none;padding:0 ;margin:0;border-bottom:1px solid #9daebf}
		section#content > div.content > ul.bbs-content > li{height:75px;margin-bottom:10px;padding:0;font-family:'NanumSquare', sans-serif; }
		section#content > div.content > ul.bbs-content > li > .wrap {padding:12px 17px;border-radius:10px;border:1px solid #bbb;height:75px;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);overflow:hidden}
			section#content > div.content > ul.bbs-content > li > .wrap > div.poster{display:none;text-align:center;height:75px;float:left;width:220px;position:relative;margin-right:60px}
			section#content > div.content > ul.bbs-content > li > .wrap > div.poster > a{position:relative;width:220px;height:75px;display:inline-block;}
			section#content > div.content > ul.bbs-content > li > .wrap > div.poster > a > img{max-width:220px;max-height:75px;border:0;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;}
			section#content > div.content > ul.bbs-content > li > .wrap > div.category{font-weight: bold; font-size:10.35px;color:#00ad7e;position:relative;transform:rotate(0.03deg);transform:rotate(0.03deg)}
			section#content > div.content > ul.bbs-content > li > .wrap > div.title{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-weight:bold;font-size:18px;}
			section#content > div.content > ul.bbs-content > li > .wrap > div.title > a {color:#000}
			section#content > div.content > ul.bbs-content > li > .wrap > div.dates{font-size:9.2px;font-weight:100;color:#a0a0a0;}



section#content > div.content > div.bbs-write > div.wrap input[type=checkbox],section#content > div.content > div.bbs-write > div.wrap input[type=radio]{position:absolute;opacity:0;width:20px;height:20px;z-index:10;margin:0 5px 0 0;height:32px;}
section#content > div.content > div.bbs-write > div.wrap input[type=checkbox]:checked ~ .core-checkbox:after,section#content > div.content > div.bbs-write > div.wrap input[type=radio]:checked + .core-checkbox:after{content:'';position:absolute; width:12px;height:12px;top:0;right:0;bottom:0;left:0;margin:auto;background-color:#07c035;border-radius:50%}
section#content > div.content > div.bbs-write > div.wrap .core-checkbox + label{font-size:12px;font-weight:bold;transform:rotate(0.03deg)}
	section#content > div.content > div.bbs-write > div.wrap{height:1100px;overflow-y:scroll;overflow-x:hidden;font-size:16px;font-family:'NanumSquare',sans-serif;font-weight:bold;margin-top:40px;padding-top:40px;margin-right:10px;border-top:1px solid #9daebf;}
		section#content > div.content > div.bbs-write > div.wrap .core-select{width:calc(100% - 79px)}
		section#content > div.content > div.bbs-write > div.wrap > form > div > div{margin-bottom:10px}

			section#content > div.content > div.bbs-write > div.wrap textarea#message_area{display:none}


		section#content > div.content > div.bbs-write > div.wrap span.label{width:75px;display:inline-block;line-height:32px;transform:rotate(0.03deg);}
		section#content > div.content > div.bbs-write > div.wrap span.label-lg{width:inherit;margin-right:25px;}
		section#content > div.content > div.bbs-write > div.wrap span.label-no{width:40px;margin-right:20px;padding-right:20px;border-right:1px solid #9daebf}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input#fileupload{position:relative;width:calc(100% - 178px);height:32px;vertical-align:top}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input#fileupload:before{content:'';position:absolute;width:100%;height:32px;border:1px solid #9daebf;background-color:#fff;top:0;left:0;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);}
		section#content > div.content > div.bbs-write > div.wrap input#fileupload ~ button{width:95px;border:1px solid #9daebf;height:32px;}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input[type=text]{width:calc(100% - 79px);}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input[type=text].prebtn{width:calc(100% - 178px)}
		section#content > div.content > div.bbs-write > div.wrap span.label ~ input[type=text] ~ button{width:95px;border:1px solid #9daebf;height:32px;}
		section#content > div.content > div.bbs-write > div.wrap input#due-date{width:120px}


		/***** WYSIWYG *****/
		.bbs-write #message{font-weight:normal;}

		.bbs-write .te-toolbar-section{border-bottom:1px solid #9daebf}
		.bbs-write .tui-editor-defaultUI{border:1px solid #9daebf}
		.bbs-write .tui-editor-defaultUI .te-mode-switch-section{display:none !important}
/********************** 글쓰기 **********************/


	section#content > div.content > div.bbs-bottom{padding:0;margin:0;text-align:center;position:relative}
		section#content > div.content > div.bbs-bottom > div.search{margin:50px auto 0 auto}
			section#content > div.content > div.bbs-bottom > div.search > form > input{border:1px solid #9daebf;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);}
			section#content > div.content > div.bbs-bottom > div.search > form > input.search-key{width:49%;background:#fff;padding:0 14px 0 32px;height:32px}
			section#content > div.content > div.bbs-bottom > div.search > form > .core-select{width:49%}
		section#content > div.content > div.bbs-bottom > ul.bbs-pager{list-style:none;padding:0;margin:0 auto}
			section#content > div.content > div.bbs-bottom > ul.bbs-pager > li{display:inline-block;width:40px;height:40px;margin:0 4px;vertical-align:middle;line-height:34px;font-size:11.2px}
			section#content > div.content > div.bbs-bottom > ul.bbs-pager > li.active{background:url('/images/pager_active.png') top left no-repeat}
			section#content > div.content > div.bbs-bottom > ul.bbs-pager > li.active > a{color:#fff}
		section#content > div.content > div.bbs-bottom > div.buttons{position:absolute;right:0;bottom:40px}

	section#content > div.content > div.bbs-view > div.wrap{font-family:'NanumSquare',sans-serif}
	section#content > div.content > div.bbs-view > div.wrap > span.title{font-size:24px;transform:rotate(0.03deg);padding-left:20px;border-left:12px solid #008b65;margin-bottom:20px;display:block;/*height:32px;line-height:32px*/}
	section#content > div.content > div.bbs-view > div.wrap > div.info{overflow:hidden;margin-bottom:40px;position:relative;transform:rotate(0.03deg);font-weight:bold;font-size:16px}
	section#content > div.content > div.bbs-view > div.wrap > div.info > div.author{background-color:#f6f9fd;width:100%;height:35px;color:#9daebf;padding:0 20px;line-height:35px}
	/*section#content > div.content > div.bbs-view > div.wrap > div.info > div.author:after{content: ' 님'}*/
	section#content > div.content > div.bbs-view > div.wrap > div.info > div.views{position:absolute;top:0;right:21px;height:35px;line-height:35px;color:#9daebf}
	section#content > div.content > div.bbs-view > div.wrap > div.info > div.views:after{content:' VIEWS'}
	section#content > div.content > div.bbs-view > div.wrap > div.info > div.written-date{padding:0 20px;color:#6e6e6e;margin-top:10px}

	section#content > div.content > div.bbs-view > div.wrap > div.content{clear:both;font-size:16px;padding:0 20px}
		section#content > div.content > div.bbs-view > div.wrap > div.content img{max-width:100%;height:100%}
}