@media screen and (min-width: 1280px) {
	
	.title > .title-name{border-radius:30px 0 0 30px; color:#fff;height:50px;display:inline-block;font-size:24px;padding:5px 0px 5px 30px;position:relative;font-family:'Lato',sans-serif; -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);}
		.title > .title-name:after{content:'';border-radius:0 30px 30px 0;top:0;right:-30px;height:50px;width:30px;position:absolute;z-index:3}
		_:-ms-fullscreen, :root .title > .title-name:after{content:'';border-radius:0 30px 30px 0;top:0;right:-29px;height:50px;width:30px;position:absolute;z-index:3 /* IE10+ HACK */} 
	.title > .title-detail{border-radius:0 30px 30px 0;height:50px;display:inline-block;padding-left:30px;font-size:24px;padding:7px 30px 5px 0;position:relative;margin-left:40px;font-family: 'NanumSquare',sans-serif;}
		.title > .title-detail:before{content:'';width:40px;height:50px;z-index:1;top:0;left:-40px;position:absolute}
		_:-ms-fullscreen, :root .title > .title-detail:before{content:'';width:41px;height:49px;z-index:1;top:0;left:-40px;position:absolute /* IE10+ HACK */} 
	/* ************************************ header ************************************ */
	#main > header{height: 780px; }
	#main > header > div.nav{background:url('/images/nav_bg.png') top left no-repeat; }

	#main > header > div.carousel{height:535px;width:100%;min-width:1600px;max-width:1600px;margin:10px auto 0 auto;}
		#main > header > div.carousel .sportrium-main{padding:130px 80px;height:535px;color:#fff;background:url('/images/main_carousel_sportrium.png') top left no-repeat; }
			#main > header > div.carousel .sportrium-main > h1{font-size:72px;font-family:'Lato', sans-serif;font-weight:900;letter-spacing:25px;text-shadow: 0px 2px 9px rgba(0,0,0,0.3);}
			#main > header > div.carousel .sportrium-main > p{font-size:24px;font-family:'Lato', sans-serif;font-weight:100;letter-spacing:8.5px;text-shadow: 0px 9px 9px rgba(0,0,0,1);}
			#main > header > div.carousel .sportrium-main > p.info{font-size:16px;letter-spacing:5px}
			#main > header > div.carousel .mobile-image{display:none}

	header > div.scheduler{height:80px;width:100%;max-width:1600px;margin:0 auto;padding:18px 93px;vertical-align:middle;font-size:30px;font-weight:900;overflow:hidden;}
		header > div.scheduler > div.scheduler-month-selector{float:left;margin-right:25px}
			header > div.scheduler > div.scheduler-month-selector > span.scheduler-year{color:#095bff;}
			header > div.scheduler > div.scheduler-month-selector > span.scheduler-month{color:#558eff;}
		header > div.scheduler > ul.scheduler-dates{list-style:none;padding:0;margin:0;overflow:hidden}
			header > div.scheduler > ul.scheduler-dates > li{float:left;font-size:12px;padding:15px 11px 15px 0}
			header > div.scheduler > ul.scheduler-dates > li:last-child{padding-right:0}
				header > div.scheduler > ul.scheduler-dates > li > a{color:#c2c2c2;font-weight:400}
			header > div.scheduler > ul.scheduler-dates > li.today{background:url('/images/sch_today_bg.png') 3px 7px no-repeat;padding:15px 15px 15px 0}
				header > div.scheduler > ul.scheduler-dates > li.today > a{color:#fff}
			header > div.scheduler > ul.scheduler-dates > li:before{content:'|';color:#c2c2c2;margin-right:11px}

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

	section#recommendation{background-color:#fff;min-width:1600px}
		section#recommendation > .wrap {width:100%;min-width:1600px;max-width:1600px;padding:60px 0;margin:0 auto;height:510px }
		section#recommendation > .wrap > div.title > .title-name{background-color:#331cbf;font-weight:100}
			section#recommendation > .wrap > div.title > .title-name:after{background-color:#331cbf}
		section#recommendation > .wrap > div.title > .title-detail{background-color:#f1f1f1;color:#331cbf}
			section#recommendation > .wrap > div.title > .title-detail:before{background-color:#f1f1f1}
			section#recommendation > .wrap > div.title > div.navigate{float:right}
		section#recommendation > .wrap > ul.recommend-list{list-style:none;padding:30px 0;margin:0;width:100%;max-height:346px;overflow:hidden;font-family:'NanumSquare',sans-serif;white-space:nowrap}
			section#recommendation > .wrap > ul.recommend-list > li{display:inline-block; overflow:hidden;border-radius:8px; width:520px; height:310px;border:1px solid #bbb;margin-right:10px;-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#recommendation > .wrap > ul.recommend-list > li:nth-child(3){margin-right:0} */
				section#recommendation > .wrap > ul.recommend-list > li > a > img.poster{height:100%;width:220px;float:left}
				section#recommendation > .wrap > ul.recommend-list > li > div.info{float:left;width:298px;overflow:hidden;padding:37px 30px;position:relative}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .price-text{font-size:13px;position:absolute;top:0;right:0;color:#331cbf;background-color:#f1f1f1;padding:5px 10px;border-radius: 0 0 0 10px;transform:rotate(-0.03deg)}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .category{color:#016df5;font-size:24px}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > a.title{font-size:36px;font-weight:bold;line-height:36px;height:36px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;margin-bottom:10px}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .dates{color:#a0a0a0;font-size:16px}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .spacer{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #ccc}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .duedate-title,section#recommendation > .wrap > ul.recommend-list > li > div.info > .duedate{font-size:16px;color:#a0a0a0;display:block}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .duedate{margin-bottom:10px}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .btn-view{display:inline-block;width:100%;text-align:center;padding:9px 37px;border:4px solid black;font-family:'Lato',sans-serif;font-size:14px;color:#000}


	section#notice {background:url('/images/main_notice_bg.png') top center no-repeat;min-width:1600px}
		section#notice > .wrap{width:100%;min-width:1600px;max-width:1600px;padding:60px 0;margin:0 auto;height:418px;}
		section#notice > .wrap > div.title > .title-name{background-color:#07c035;font-weight:100}
			section#notice > .wrap > div.title > .title-name:after{background-color:#07c035}
		section#notice > .wrap > div.title > .title-detail{background-color:#fff;color:#36ca5b}
			section#notice > .wrap > div.title > .title-detail:before{background-color:#fff}
		section#notice > .wrap > div.title > div.navigate{float:right;display:none}
		section#notice > .wrap > ul.notice-list{list-style:none;padding:0;margin:30px 0}
			section#notice > .wrap > ul.notice-list > li{font-size:18px;font-family:'NanumSquare',sans-serif;padding:30px;background-color:#fff;display:inline-block;overflow:hidden;border-radius:8px;border:1px solid #bbb;height:220px;margin-right:8px;-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#notice > .wrap > ul.notice-list > li:last-child{margin:0}
				section#notice > .wrap > ul.notice-list > li > span.notice {color:#36ca5b;font-weight:bold;margin-bottom:5px}
				section#notice > .wrap > ul.notice-list > li > p.title{font-weight:bold;line-height:100%;margin-bottom:5px;word-break:keep-all}
				section#notice > .wrap > ul.notice-list > li > span.date{font-size:16px;color:#a0a0a0;font-family:'Lato',sans-serif;margin-bottom:10px;display:inline-block}
				section#notice > .wrap > ul.notice-list > li > a{display:inline-block;padding:9px 37px;border:4px solid black;font-family:'Lato',sans-serif;font-size:14px;color:#000}

}
@media screen and (max-width: 1279px) {
	
	.title > .title-name{transform:rotate(0.03deg);font-size:18px;border-radius:30px 0 0 30px; color:#fff;height:30px;display:inline-block;padding:1px 0 0 20px;position:relative;font-family:'Lato',sans-serif; -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);}
		.title > .title-name:after{content:'';border-radius:0 30px 30px 0;top:0;right:-19px;height:30px;width:20px;position:absolute;z-index:3}
	.title > .title-detail{display:none}
	/* #main > header > div.nav{height:0} */
	.carousel-inner{border-radius:0}
	#main > header{height:345px}
	#main > header > div.carousel{height:344px;width:100%;margin:0 auto}
		#main > header > div.carousel .sportrium-main{height:344px;padding:0 30px;color:#fff;width:100%;padding-top:90px;background:url('/images/mobile/main_nav_bottom.png') top left no-repeat; background-size:cover;border-radius:0}
			#main > header > div.carousel .sportrium-main > h1{font-size:41px;font-family:'Lato', sans-serif;font-weight:900;letter-spacing:8px;text-shadow: 0px 2px 9px rgba(0,0,0,0.3);}
			#main > header > div.carousel .sportrium-main > p{font-size:13.8px;font-family:'Lato', sans-serif;font-weight:100;letter-spacing:5px;text-shadow: 0px 9px 9px rgba(0,0,0,1);margin-bottom:14px}
			#main > header > div.carousel .desktop-image{display:none}
			#main > header > div.nav-bottom > div.wrap > p.info{font-size:9px;letter-spacing:3px}
	section#recommendation{background-color:#fff}
		section#recommendation > .wrap {width:100%;padding:30px 28px;margin:0 auto;height:285px }
		section#recommendation > .wrap > div.title{position:relative}
			section#recommendation > .wrap > div.title > .title-name{background-color:#331cbf;font-weight:100}
				section#recommendation > .wrap > div.title > .title-name:after{background-color:#331cbf}
			section#recommendation > .wrap > div.title > .title-detail{background-color:#f1f1f1;color:#331cbf}
				section#recommendation > .wrap > div.title > .title-detail:before{background-color:#f1f1f1}
				section#recommendation > .wrap > div.title > div.navigate{position:absolute;right:0;top:0}
					section#recommendation > .wrap > div.title > div.navigate > a{display:inline-block;height:34px}
					section#recommendation > .wrap > div.title > div.navigate > a > img{height:100%}
		section#recommendation > .wrap > ul.recommend-list{display:inline-block;list-style:none;margin:10px 0 0 0;padding:0;width:100%;max-height:185px;overflow:hidden;overflow-x:auto;font-family:'NanumSquare',sans-serif;white-space:nowrap}
			section#recommendation > .wrap > ul.recommend-list > li{display:inline-block;overflow:hidden;border-radius:8px; width:357px; height:178px;border:1px solid #bbb;margin-right:10px;-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#recommendation > .wrap > ul.recommend-list > li > a > img.poster{height:100%;width:127px;float:left}
				section#recommendation > .wrap > ul.recommend-list > li > div.info{float:left;width:228px;overflow:hidden;padding:13px 15px;position:relative}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .price-text{font-size:13px;position:absolute;top:0;right:0;color:#331cbf;background-color:#f1f1f1;padding:5px 10px;border-radius: 0 0 0 10px;transform:rotate(-0.03deg)}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .category{color:#016df5;font-size:13.8px}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > a.title{font-size:20px;font-weight:bold;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;margin-bottom:5px;margin-left:0}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .dates{color:#a0a0a0;font-size:9.2px}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .spacer{display:block;margin-top:5px;padding-top:5px;border-top:1px solid #ccc}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .duedate-title,section#recommendation > .wrap > ul.recommend-list > li > div.info > .duedate{font-size:9.2px;color:#a0a0a0;display:block}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .duedate{margin-bottom:10px}
					section#recommendation > .wrap > ul.recommend-list > li > div.info > .btn-view{display:inline-block;width:100%;text-align:center;height:25px;line-height:17px;border:4px solid black;font-family:'Lato',sans-serif;font-size:9px;color:#000}
		
	section#notice {background:url('/images/mobile/main_notice_bg.png') top center no-repeat}
		section#notice > .wrap{width:100%;padding:30px 28px;margin:0 auto;height:225px;}
		section#notice > .wrap > div.title{position:relative}
			section#notice > .wrap > div.title > .title-name{background-color:#07c035;font-weight:100}
				section#notice > .wrap > div.title > .title-name:after{background-color:#07c035}
				section#notice > .wrap > div.title > div.navigate{position:absolute;right:0;top:0}
					section#notice > .wrap > div.title > div.navigate > a{display:inline-block;height:34px}
					section#notice > .wrap > div.title > div.navigate > a > img{height:100%}
		section#notice > .wrap > ul.notice-list{display:inline-block;width:100%;overflow:hidden;overflow-x:auto;list-style:none;padding:0;margin:10px 0 0 0 ;white-space:nowrap;height:130px}
			section#notice > .wrap > ul.notice-list > li{flex-basis:unset;width:358px;font-size:18px;font-family:'NanumSquare',sans-serif;padding:12px 20px;background-color:#fff;display:inline-block;overflow:hidden;border-radius:8px;border:1px solid #bbb;height:127px;margin-right:8px;-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#notice > .wrap > ul.notice-list > li:last-child{margin:0}
				section#notice > .wrap > ul.notice-list > li > span.notice {color:#36ca5b;font-weight:bold;margin-bottom:5px}
				section#notice > .wrap > ul.notice-list > li > p.title{font-weight:bold;line-height:100%;margin-bottom:0px;word-break:keep-all;line-height:10px}
				section#notice > .wrap > ul.notice-list > li > span.date{font-size:9.2px;color:#a0a0a0;font-family:'Lato',sans-serif;margin-bottom:5px;display:inline-block}
				section#notice > .wrap > ul.notice-list > li > a{display:inline-block;width:100%;text-align:center;height:25px;line-height:17px;border:4px solid black;font-family:'Lato',sans-serif;font-size:9px;color:#000}

}