@charset "UTF-8";

/* -------------------------------------------------------------------------------------------------- */
/* 서브메인 */
/* -------------------------------------------------------------------------------------------------- */

#subMain {width:1100px;max-width:1100px;min-width:320px;min-height:620px;background-color:#fff;margin:0 auto;padding:30px 0;overflow:hidden}
#subMain *, #subMain *:before, #subMain *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.health_bottom {clear:both;width:100%;margin:1% 0}
.hidden {display:none}

/* gnb */
.fusion-main-menu>ul>li:first-child a{background-image:url('../../img/sub/go_main.png');background-repeat:no-repeat;background-position:0 50%;padding-left:25px;}

/* top visual */
.main-gallery_wrap {width:100%;max-width:1100px;height:350px;background:#fafafa}
.main-gallery {position:relative;width:100%;height:350px}
.ga-1 {background:#f15931 url('../../img/sports/main_bg01.jpg') right 50% no-repeat;background-size:cover}
.ga-2 {background:#f15931 url('../../img/sports/main_bg02.jpg') right 50% no-repeat;background-size:cover}
.ga-3 {background:#f15931 url('../../img/sports/main_bg03.jpg') right 50% no-repeat;background-size:cover}
.main-gallery dl {float:left;width:300px;padding:40px 20px 0 40px;text-align:left;letter-spacing:-0.05em}
.main-gallery dl dt {font-size:1.2em;line-height:1.2em;font-family:'nbg','dotum';color:#fff}
.main-gallery dl dt strong {font-size:1.4em;line-height:1.2em;font-family:'nbgB';display:block;}
.main-gallery dl dd {font-size:1.2em;font-family:'nbg','dotum';color:#fff}
.main-gallery .txt1 {background-color:rgba(241,89,49,0.9);color:#fff;height:350px}
.main-gallery .txt2 {background-color:rgba(241,89,49,0.9);color:#fff;height:350px}
.main-gallery .txt3 {background-color:rgba(241,89,49,0.9);color:#fff;height:350px}

/* notice */
#notice_wrap {position:relative;width:49.4%;height:220px;margin:0 0 15px;padding:25px 0;border:1px solid #dedede;overflow:hidden}
#notice_wrap h2 {font-size:18px;letter-spacing:-0.05em;text-align:left;color:#333;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;margin-left:20px;font-family:'nbgB'}
#notice_wrap .sm_more {position:absolute;right:4%;top:12px;color:#454545;z-index:1}
#notice_wrap .notice {margin:0;padding:0 20px;width:100%}
#notice_wrap .notice li {clear:both;line-height:1.4em;padding:1% 0;text-align:left}
#notice_wrap .notice li span {display:inline-block}
#notice_wrap .notice li .txt {float:left;width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left} 
#notice_wrap .notice li .date {float:right;width:80px;font-size:0.86em;text-align:right;color:#888;}
#notice_wrap .notice li a{color:#2f2f2f;}

/* banner */
#banner_wrap {width:49.4%;margin:50px 0 0}
#banner_wrap ul {width:100%}
#banner_wrap ul li {float:left;width:47.5%;height:103px;margin:0 2.5% 2.3% 0;border:1px solid #dedede;padding:2% 0;text-align:left;overflow:hidden}
#banner_wrap ul li.end {width:50%;margin:0 0 2.3%}
#banner_wrap ul li .b_img {float:left;width:60px;height:60px;margin:10px 0 0 5%;overflow:hidden}
#banner_wrap ul li .bg_img01 {background:url('../../img/sports/ico_banner01.png') 50% 50% no-repeat;background-size:cover}
#banner_wrap ul li .bg_img02 {background:url('../../img/sports/ico_banner02.png') 50% 50% no-repeat;background-size:cover}
#banner_wrap ul li .bg_img03 {background:url('../../img/sports/ico_banner03.png') 50% 50% no-repeat;background-size:cover}
#banner_wrap ul li .bg_img04 {background:url('../../img/sports/ico_banner04.png') 50% 50% no-repeat;background-size:cover}
#banner_wrap ul li .bg_img05 {background:url('../../img/sports/ico_banner1_05.png') 50% 50% no-repeat;background-size:cover}
#banner_wrap ul li .bg_img06 {background:url('../../img/sports/ico_banner1_06.png') 50% 50% no-repeat;background-size:cover}
#banner_wrap ul li p {float:left;width:60%;font-size:1.2em;margin:30px 0 0;padding:0 5%;text-align:left;font-family:'nbgB','dotum';color:#333;letter-spacing:0}
#banner_wrap ul li p span.br {display:inline-block;font-family:'nbgB','dotum';color:#333}

/* -------------------------------------------------------------------------------------------------- */
/* 미디어쿼리 */
/* -------------------------------------------------------------------------------------------------- */
@media (min-width:1100px) and (max-width:1200px) {
	#subMain {width:1100px;max-width:1100px;padding:10px 0 0;}
}

@media (min-width:768px) and (max-width:1100px) {
	#subMain {width:100%;max-width:auto;margin:0;padding:10px 0 0}
	
	/* sub-main top visual */
	.main-gallery dl {float:left;width:250px;padding:3% 3% 0 3%}
	.main-gallery dl dt {}
	.main-gallery dl dd {}
	.main-gallery .txt1 {height:100%}
	.main-gallery .txt2 {height:100%}
	.main-gallery .txt3 {height:100%}
	
	/* notice */
	#notice_wrap .notice li .txt {float:left;width:70%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left} 
	#notice_wrap .notice li .date {float:right;width:80px;font-size:0.86em;text-align:right}
	
	/* banner */
	#banner_wrap ul li {height:105px;}
	#banner_wrap ul li .b_img {float:left;width:55px;height:55px;margin:15px 0 0 7%;overflow:hidden}
	#banner_wrap ul li p {float:left;width:60%;font-size:1em;line-height:1.2em;margin:35px 0;padding:0 5%;text-align:left;font-family:'nbgB','dotum';color:#333;letter-spacing:0}
	#banner_wrap ul li p span.br {display:inline-block;font-family:'nbgB','dotum';color:#333}
}

@media (min-width:501px) and (max-width:767px) {
	#subMain {width:100%;max-width:auto;padding:10px 0 0}
	
	/* sub-main top visual */
	.main-gallery dl {float:left;width:200px;padding:5% 5% 0 5%}
	.main-gallery dl dt {}
	.main-gallery dl dd {}
	.main-gallery .txt1 {height:100%}
	.main-gallery .txt2 {height:100%}
	.main-gallery .txt3 {height:100%}
	
	/* notice */
	#notice_wrap .notice li .txt {float:left;width:55%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left} 
	#notice_wrap .notice li .date {float:right;width:80px;font-size:0.86em;text-align:right}
	
	/* banner */
	#banner_wrap ul li {height:107px;margin:0 2.5% 2.5% 0;text-align:center}
	#banner_wrap ul li.end {margin:0 0 2.5%}
	#banner_wrap ul li .b_img {float:none;width:40px;height:40px;margin:15px auto 0;text-align:center;overflow:hidden}
	#banner_wrap ul li p {float:none;width:100%;font-size:1em;line-height:1.2em;margin:10px 0 0;padding:0 5%;text-align:center;font-family:'nbgB','dotum';color:#333;letter-spacing:0}
	#banner_wrap ul li p span.br {display:inline-block;font-family:'nbgB','dotum';color:#333}
}

@media (min-width:320px) and (max-width:500px) {
	#subMain {width:100%;max-width:auto;padding:0}
	
	/* sub-main top visual */
	.main-gallery dl {float:left;width:200px;padding:7% 5% 0 5%}
	.main-gallery dl dt {}
	.main-gallery dl dd {}
	.main-gallery .txt1 {height:100%}
	.main-gallery .txt2 {height:100%}
	.main-gallery .txt3 {height:100%}
	
	/* notice */
	#notice_wrap {position:relative;clear:both;width:100%;height:220px;margin:0 0 15px;padding:25px 0;border:1px solid #dedede;overflow:hidden}
	#notice_wrap .notice li .txt {float:left;width:60%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left} 
	#notice_wrap .notice li .date {float:right;width:80px;font-size:0.86em;text-align:right}
	
	/* banner */
	#banner_wrap {clear:both;float:none;width:100%}
	#banner_wrap ul li {float:left;width:47.5%;height:130px;margin:0 2.5% 2.5% 0}
	#banner_wrap ul li.end {width:50%;margin:0 0 2.5%}
	#banner_wrap ul li .b_img {float:none;width:70px;height:70px;margin:5px auto;text-align:center;overflow:hidden}
	#banner_wrap ul li p {clear:both;width:100%;padding:0 5%;margin:10px 0 0;text-align:center}
}

@media (max-width:320px) {
	#subMain {width:100%;max-width:auto;padding:0}
	
	/* sub-main top visual */
	.main-gallery dl {float:left;width:200px;padding:7% 5% 0 5%}
	.main-gallery dl dt {}
	.main-gallery dl dd {}
	.main-gallery .txt1 {height:100%}
	.main-gallery .txt2 {height:100%}
	.main-gallery .txt3 {height:100%}
	
	/* notice */
	#notice_wrap {position:relative;clear:both;width:100%;height:220px;margin:0 0 15px;padding:25px 0;border:1px solid #dedede;overflow:hidden}
	#notice_wrap .notice li .txt {float:left;width:60%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left} 
	#notice_wrap .notice li .date {float:right;width:80px;font-size:0.86em;text-align:right}
	
	/* banner */
	#banner_wrap {clear:both;float:none;width:100%}
	#banner_wrap ul li {float:left;width:47.5%;height:130px;margin:0 2.5% 2.5% 0}
	#banner_wrap ul li.end {width:50%;margin:0 0 2.5%}
	#banner_wrap ul li .b_img {float:none;width:70px;height:70px;margin:5px auto;text-align:center;overflow:hidden}
	#banner_wrap ul li p {clear:both;width:100%;padding:0 5%;margin:10px 0 0;text-align:center}
}