@charset "utf-8";

@import url(common.css);

#container {position:relative; background:url('/images/template/02441/main/main_con_bg.jpg') no-repeat center bottom;}
#container:after {content:""; display:block; clear:both;}

/*메인비주얼*/
.visual_area {width:100%; background:url('/images/template/02441/main/m_bg.jpg') no-repeat center top; background-size:cover; *background-size:auto 100%; overflow:hidden; }
.visual_area .dot{width:100%;background: url('/images/template/02441/main/dot.png') repeat; *background-size:auto 100%;\: 100%;}
.visual {position:relative; width:1200px; height:455px; margin:0 auto;}
.visual .slogun_img{position:absolute; top:100px; left:0; width:528px; height:173px;}

/*main_content*/
.main_content {position:relative; width:1200px; z-index:7; margin:-35px auto 0; }
.main_content:after {content:""; display:block; clear:both;}
.main_content .con_01 {position:relative; width:590px; float:left; margin-right:25px; margin-top:25px; overflow:hidden;}
.main_content .con_01:after {content:""; display:block; clear:both;}
.main_content .con_02 {position:relative;  width:585px; height:446px; float:left; overflow:hidden; margin-top:25px;}
.main_content .con_02:after {content:""; display:block; clear:both;}


/* 행사일정 */
.schedule_box {position:absolute;top:-380px;right:0;width: 425px;height:280px;background:url('/images/template/02441/main/sch_bg.png') repeat-x;overflow:hidden;padding: 30px 0;margin: 0 auto;}
.schedule_box h2{font-size:20px; color:#fff; font-family:'notoM'; background:url('/images/template/02441/main/sch_icon.png') no-repeat left center; padding-left:30px; margin-left:30px;}
.schedule_box ul{width:90%; height:220px;overflow:hidden; overflow-y:scroll; margin:20px auto;}
.schedule_box ul li{color:#fff; margin-bottom:20px;}
.schedule_box ul .date{float:left; width:43px; height:55px; text-align: center; margin-right:15px; padding-right:15px; background:url('/images/template/02441/main/sch_bar.png') no-repeat right 50%; }
.schedule_box ul .date .month{display:block;font-size:35px;color:#ffb500; font-family:'notoM'; line-height: 32px;}
.schedule_box ul .date .year{display:block;font-size:18px;color:#fff;font-weight:bold;margin-top: 5px;letter-spacing:-1px;}
.schedule_box ul .txt{display:block; overflow:hidden;}
.schedule_box ul p{display:block; color:#fff; font-family:'notoM'; font-size:18px; margin-bottom:8px; line-height:24px;}
.schedule_box ul p:hover{text-decoration:underline; color:#ddd;}
.schedule_box ul li .time{display:block; color:#fff; font-size:14px; font-family:'notoT'; letter-spacing:-1px;}
.schedule_box ul li .place{display:block; color:#fff; font-size:14px; font-family:'notoT'; letter-spacing:-1px;  line-height:20px;}
.schedule_box ul p .Progress{display:inline-block;font-size: 12px;color:#fff;font-family: 'notoR';padding: 0 4px;background:#e64c00;border-radius: 4px;margin-left:8px;height: 22px;line-height: 22px;width: 40px;text-align: center;} /* 진행중 */
.schedule_box ul p .Expected{display:inline-block;font-size: 12px;color:#fff;font-family: 'notoR';padding: 0 4px;background:#09a275;border-radius: 4px;margin-left:8px;height: 22px;line-height: 22px;width: 40px;text-align: center;} /* 경기예정 */
.schedule_box .btn_more{ position:absolute; top:35px; right:20px; background:url('/images/template/02441/main/btn_more.png') no-repeat 0 0; width:33px; height:7px; text-indent:-10000px; z-index:10; cursor:pointer }


/* 바로가기01 */
.m_link01 {width:100%; height:70px;}
.m_link01 ul{overflow:hidden;}
.m_link01 ul li{position:relative;float:left;width:19.9%; border-right: 1px solid #ddd;height:70px; background:#fff;}
.m_link01 ul .link5{border-right:none;}
.m_link01 ul li img{position:absolute;top: 16px; left:20px;width:42px;height:42px;}
.m_link01 ul li a{display:block;font-size: 17px;color:#333;font-family:'notoM';line-height: 71px;margin-left: 78px; letter-spacing:-1px; background:url('/images/template/02441/main/btn_more01.gif') no-repeat 95% 50%;}
.m_link01 ul li a:hover{color:#134c92;}



/* 공지사항 */
.notice { position:relative; background:#fff; padding:20px 30px 20px;}
.notice > h2 {font-family:'NotoM';color:#134c92;font-size:20px;line-height: 35px; letter-spacing:-1px;}
.noti_list {height: 185px;overflow:hidden;}
.noti_list li {margin-top: 7px;}
.noti_list li p { width:60px; height:55px; float:left; text-align:center; background:url('/images/template/02441/main/noti_line.png') no-repeat 0 100%; margin-right:20px}
.noti_list li p span { display:block; font-family:'NotoM'; letter-spacing:-1px}
.noti_list li p span.day {color:#1e62cc;font-size: 24px;line-height:32px;}
.noti_list li p span.date {color:#888; font-size:13px;}
.noti_list li a {display:block;height:55px;font-family:'NotoM';color:#222;font-size: 17px;line-height:55px;letter-spacing:-1px; border-bottom:1px solid #ddd; padding-left:10px; overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap;}
.noti_list li:nth-last-child{border-bottom:none;}
.noti_list li:hover a { color:#134c92;}
.btn_more{ position:absolute; top:30px; right:30px; background:url('/images/template/02441/main/btn_more02.png') no-repeat 0 0; width:30px; height:30px; text-indent:-10000px; z-index:10; cursor:pointer }



/* 각종대회운영 */
.Competition_search { background:#ff9229; overflow:hidden; height:120px; margin-top:20px;  padding:25px 30px 20px;}
.Competition_search .left{width:220px; float:left; }
.Competition_search .left h2{font-size:24px; color:#fff; font-family:'notoM'; letter-spacing:-1px; height:50px; line-height:50px; background:url('/images/template/02441/main/search_bar.png') no-repeat 0 0;}
.Competition_search .left .txt{font-size:14px; color:#fff; font-family:'notoR'; line-height:20px; letter-spacing:-1px; }
.Competition_search .right {width:225px; float:right;}
.Competition_search .right select{width:100%; height:30px; padding:5px; margin-bottom:10px; font-size:13px;}
.Competition_search .right button{width:100%; height:30px; color:#fff; padding:5px; margin-bottom:10px; font-family:'notoM'; background:#ffae00 url('/images/template/02441/main/seach_bg.png') no-repeat; background-size:cover;}
.Competition_search .right button span{color:#fff;font-size:14px; font-family:'notoM'; background: url('/images/template/02441/main/Search.png') no-repeat 48px 0;padding-right: 20px;text-align: center;}



/* 바로가기02 */
.m_link02 { width:100%; height:70px; background:#fff;}
.m_link02 ul{ overflow:hidden;}
.m_link02 ul li{float:left; width:33.3%; height:223px;}
.m_link02 ul li img{width:88px;height:107px;margin: 10px 0;}
.m_link02 ul li a{display:block; font-size:18px; font-family:'notoM'; text-align:center;}
.m_link02 ul li a span{display:block; font-size:18px; font-family:'notoM'; text-align:center; margin-top:30px;}
.m_link02 .m1{background:#fec53a url('/images/template/02441/main/bg_1.png') no-repeat center 100%; background-size:cover;}
.m_link02 .m2{background:#109e4d url('/images/template/02441/main/bg_1.png') no-repeat center 100%; background-size:cover;}
.m_link02 .m3{background:#fe8a1a url('/images/template/02441/main/bg_1.png') no-repeat center 100%; background-size:cover;}
.m_link02 .m4{background:#006ed2 url('/images/template/02441/main/bg_1.png') no-repeat center 100%; background-size:cover;}
.m_link02 .m5{background:#00b7ee url('/images/template/02441/main/bg_1.png') no-repeat center 100%; background-size:cover;}
.m_link02 .m6{background:#fff url('/images/template/02441/main/bg_2.png') no-repeat center 100%; background-size:cover;}
.m_link02 ul li a .tit1{color:#774900;}
.m_link02 ul li a .tit2{color:#025548;}
.m_link02 ul li a .tit3{color:#682c00;}
.m_link02 ul li a .tit4{color:#00284d;}
.m_link02 ul li a .tit5{color:#055f94;}
.m_link02 ul li a .tit6{color:#333;}
.m_link02 ul li a .more1{display:block; width:80px; height:26px;line-height:26px; font-size:12px; margin:0 auto; color:#fff; background:#ff9c00 url('/images/template/02441/main/tit_more.png') no-repeat 79px 50%; border-radius:7px; text-align:left; padding-left:15px;}
.m_link02 ul li a .more2{display:block; width:80px; height:26px;line-height:26px; font-size:12px; margin:0 auto; color:#fff; background:#17675a url('/images/template/02441/main/tit_more.png') no-repeat 79px 50%; border-radius:7px; text-align:left; padding-left:15px;}
.m_link02 ul li a .more3{display:block; width:80px; height:26px;line-height:26px; font-size:12px; margin:0 auto; color:#fff; background:#f66800 url('/images/template/02441/main/tit_more.png') no-repeat 79px 50%; border-radius:7px; text-align:left; padding-left:15px;}
.m_link02 ul li a .more4{display:block; width:80px; height:26px;line-height:26px; font-size:12px; margin:0 auto; color:#fff; background:#024a8c url('/images/template/02441/main/tit_more.png') no-repeat 79px 50%; border-radius:7px; text-align:left; padding-left:15px;}
.m_link02 ul li a .more5{display:block; width:80px; height:26px;line-height:26px; font-size:12px; margin:0 auto; color:#fff; background:#0283ce url('/images/template/02441/main/tit_more.png') no-repeat 79px 50%; border-radius:7px; text-align:left; padding-left:15px;}
.m_link02 ul li a .more6{display:block; width:80px; height:26px;line-height:26px; font-size:12px; margin:0 auto; color:#fff; background:#999999 url('/images/template/02441/main/tit_more.png') no-repeat 79px 50%; border-radius:7px; text-align:left; padding-left:15px;}


/* 배너존 */
.banner_zone {position:relative; width:100%; margin-top:40px; border-top:1px solid #c3c6d4; background:#fff;}
.banner_zone .inner {position:relative;width:1200px;height: 70px;margin:0 auto;overflow:hidden;}
.banner_zone .inner h2  {font-size:15px; font-family:"notoM"; color:#1d1d1d; position:absolute; top:15px; left:0;}
.banner_zone .inner .btn {position:absolute; left:0; top:40px}
.banner_zone .inner .btn a { float:left; font-size:0; text-indent:-10000em; width:15px; height:15px; vertical-align:top}
.banner_zone .inner .btn a.pre {background:url(/images/template/02441/main/btn_b_prev.gif) no-repeat}
.banner_zone .inner .btn a.stop {background:url(/images/template/02441/main/btn_b_stop.gif) no-repeat}
.banner_zone .inner .btn a.next {background:url(/images/template/02441/main/btn_b_next.gif) no-repeat}
.banner_zone .inner .btn a.play {background:url(/images/template/02441/main/btn_b_play.gif) no-repeat}
.banner_zone .inner .btn a.list {background:url(/images/template/02441/main/btn_b_list.gif) no-repeat}
.banner_zone .inner ul {padding-top:12px; margin-left:70px; height:47px; overflow:hidden}
.banner_zone .inner ul li {width:172px; float:left; margin-left:15px;}
.banner_zone .inner ul li a {display:block; border:1px solid #c8d1db;}
.banner_zone .inner ul li a img {width:100%; height:45px}



@media (max-width: 800px) {

	#container{ padding-top:69px; background:#e6e6e6;}
	.main_content {width:95%; margin:0 auto;}
	
	/*메인비주얼*/
	.visual_area {background:url('/images/template/02441/main/m_bg2.jpg') no-repeat; background-position: left bottom;}
	.visual {width:95%; height:250px;}
	.visual .slogun_img{position:relative; width:100%; top:35px;}
	
	.con_01, .con_02, .visual_area, .visual, .M_link01, .M_link02, .schedule_box, .notice, .Competition_search, .banner_zone, .banner_zone .inner  {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	
	.main_content .con_01 {width:100%; margin-right:0; margin-top:0;}
	.main_content .con_02 {width:100%; height:100%;}


	/* 행사일정 */
	.schedule_box {position:relative; width:100%; height:280px; top:0; margin:25px 0; background:#2b4e76;}

	/* 바로가기01 */
	.m_link01 { width:100%; height:100%; margin-bottom:0;}
	.m_link01 ul li{width:33.2%;  height:auto; }
	.m_link01 ul li:first-child {border-left:none;}
	.m_link01 ul li a{font-size:16px;}
	.m_link01 ul .link3{border-right:none;}
	.m_link01 ul .link4{border-top:1px solid #ddd; border-left:none;}
	.m_link01 ul .link5{border-top:1px solid #ddd;}

	
	/* 공지사항 */
	.notice { margin-top:25px; float:none;  padding-bottom:25px}


	/* 바로가기02 */
	.m_link02 { width:100%; height:auto; background:#fff;}
	.m_link02 ul li{float:left; width:33.3%;}
	

	/* 각종대회운영 */
	.Competition_search .left{width:40%;}
	.Competition_search .right {width:50%;}


	/* 배너존 */
	.banner_zone .inner {width:95%;}
	.banner_zone .inner ul li {width:30%; float:left; margin-left:3%;}
	.banner_zone ul li a img {width:100%}	

}

@media (max-width: 690px) {

	.visual .slogun_img img{width:100%; height:auto;}

	
	/* 바로가기01 */
	.m_link01 ul li{width:50%; border-left:0; height:auto; box-sizing:border-box;}	
	.m_link01 ul .link1{border-bottom:1px solid #ddd;}

	.m_link01 ul .link2{border-right:none; border-bottom:1px solid #ddd;}
	.m_link01 ul .link3	{ border-right:1px solid #ddd;}
	.m_link01 ul .link4{border-right:none; border-top:none;}
	.m_link01 ul .link5{border-top:1px solid #ddd;}

	
}

@media (max-width: 560px) {
		
	/* 바로가기02 */
	.m_link02 { width:100%;  background:#fff;}
	.m_link02 ul li{ width:50%;}
	.m_link02 ul li a span{font-size:15px;}


	/* 각종대회운영 */
	.Competition_search {width:100%; height:auto; box-sizing:border-box;}
	.Competition_search .left{width:100%; float:none; }
	.Competition_search .right {width:100%; float:none; margin-top:20px;}
	.Competition_search .right button{background-size:cover;}

	
	/* 바로가기01 */
	.m_link01 ul li{width:100%; }
	.m_link01 ul .link1{border-bottom:1px solid #ddd; border-right:none; }
	.m_link01 ul .link2{border-right:none; border-bottom:1px solid #ddd;}
	.m_link01 ul .link3	{border-right:none; border-bottom:1px solid #ddd; }
	.m_link01 ul .link4{border-right:none; border-top:none;}
	.m_link01 ul .link5{border-top:1px solid #ddd;}


	/* 배너존 */
	.banner_zone .inner ul li {width:48%; float:left; margin-left:2%;}


	/* 행사일정 */
	.schedule_box ul p{display:block; color:#fff; font-family:'notoM'; font-size:17px; margin-bottom:8px; line-height:24px;}
	.schedule_box ul li .time{display:block; color:#fff; font-size:13px; font-family:'notoT'; letter-spacing:-1px;}
	.schedule_box ul li .place{display:block; color:#fff; font-size:13px; font-family:'notoT'; letter-spacing:-1px;  line-height:20px;}
	
}



@media (max-width: 380px) {		
	
	
	/*메인비주얼*/
	.visual_area {background-position:50% bottom;}
	.visual {width:95%;height:200px;}

	/* 배너존 */
	.banner_zone .inner ul li {width:100%; float:left; margin-left:0;}
		

}