@charset "utf-8";

header{position:relative;z-index:100;}
header .head_navi .li_1._last{display:none;}

/*DESKTOP*/
@media screen and (min-width:1281px) {
	header .container_1{max-width:1280px;padding:0 10px;margin:0 auto;}
	header .container_2{max-width:1280px;margin:0 auto;}

	header .head_util{padding:5px 0;display:flex;justify-content:flex-end;position:relative;}
	header .head_util ul{display:flex;justify-content:flex-end;align-items:center;}
	header .head_util a{color:#888 ;font-size:13px;display:flex;align-items:center;}
	header .head_util a::after{content:"";display:block;width:1px;height:10px;background:#888;margin:0 15px;}
	header .head_util ul li:last-child a::after{display:none;}
	
	header .head_logo{padding:10px 0;display:flex;justify-content:space-between;align-items:center;}

	header .head_navi{height:90px;}
	header .head_navi .div_1{position:relative;border-radius:5px;background:#45484b;}
	header .head_navi .ul_1{display:flex;justify-content:space-between;align-items:center;}
	header .head_navi .li_1{width:100%;}
	header .head_navi .a_1{font-size:16px;color:#FFF;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.2;}
	header .head_navi .div_2{display:none;width:100%;position:absolute;top:38px;left:0;}
	header .head_navi .ul_2{position:relative;width:100%;display:flex;justify-content:center;align-items:center;}
	header .head_navi .a_2{color:#444;font-size:16px;padding:10px;display:inline-block;}

	header .head_navi .li_1:hover .a_1,
	header .head_navi .a_1._active{background:#3F63C5;}
	header .head_navi .a_2:hover,
	header .head_navi .a_2._active{color:#3F63C5;}

	header .head_navi .div_2.active{display:block;}
	header .head_navi .div_3{display:none;}


	header .head_navi .openNav,
	header .head_navi .m_top{display:none;}
}


/*MOBILE*/
@media screen and (max-width:1280px) {
	header{padding:10px;border-bottom:1px solid #DDD;display:flex !important;justify-content:space-between;align-items:center;}
	header .head_util{display:none;}
	header .head_logo{width:250px;}
	header .head_logo .imgSlogan{display:none;}

	header .head_navi{position:relative;}
	header .head_navi::before{content:"";display:none;width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.7);}
	header .head_navi.active::before{display:block;}
	header .head_navi .container{display:none;position:fixed;right:0;top:0;width:470px;height:100%;background:#FFF;}
	header .head_navi.active .container{display:block;}
	header .head_navi .container::before{content:"";display:block;width:150px;height:100%;position:absolute;left:0;top:0;background:#3e4c57;}
	header .head_navi nav{overflow-y:auto;height:100vh;}
	header .head_navi .div_1{margin-top:75px;position:relative;}
	header .head_navi .ul_1{width:150px;}
	header .head_navi .li_1{}
	header .head_navi .a_1{font-size:16px;color:#FFF;padding:15px 0;text-align:center;border-bottom:1px solid #DDD;display:block;}
	header .head_navi .div_2{display:none;width:calc(100% - 150px);padding:20px 15px;position:absolute;right:0;top:0;}
	header .head_navi .div_2.active{display:block;}
	header .head_navi .a_2{font-size:14px;border:1px solid #DDD;padding:10px 15px;margin-bottom:10px;background:#f3f3f3;display:block;}
	header .head_navi .div_3{margin-bottom:10px;}
	header .head_navi .li_3{border-bottom:1px solid #DDD;}
	header .head_navi .li_3:last-child{border:0;}
	header .head_navi .a_3{font-size:14px;padding:8px 15px;display:block;}

	header .head_navi .a_1._active{color:#000;background:#FFF;font-family:'pebGov';}
	header .head_navi .a_2._active{color:#FFF;background:#3F63C5;border-color:#3F63C5;font-family:'pebGov';}
	header .head_navi .a_3._active{color:#3F63C5;font-family:'pebGov';}

	header .head_navi .openNav{background:url("../../images/sitemap_b.png") no-repeat center;width:50px;height:50px;font-size:0;display:block;}
	header .head_navi .m_top{position:absolute;right:0;top:0;width:100%;height:75px;padding:0 20px;background:#3e4c57;border-bottom:1px solid #DDD;display:none;align-items:center;justify-content:space-between;}
	header .head_navi.active .m_top{display:flex;}
	header .head_navi .closeNav{background:url("../../images/x_6_w.png") no-repeat center;width:50px;height:50px;font-size:0;}
	header .head_navi .m_gotoSitemap{background:#888;border-radius:30px;font-family:'pebGov';color:#FFF;padding:5px 15px;}

	header .head_navi .m_top ul{display:flex;align-items:center;}
	header .head_navi .m_top ul li a{color:#FFF;display:flex;align-items:center;}
	header .head_navi .m_top ul li a::before{content:"";display:block;width:1px;height:10px;background:#FFF;margin:0 10px;}
	header .head_navi .m_top ul li:first-child a::before{display:none;}
}
@media screen and (max-width:500px) {
	header .head_navi .container{width:95%;}
}


footer{margin-top:50px;}
footer .container_1{max-width:1280px;margin:0 auto;border-top:1px solid #BBB;padding:20px 0;}
footer address{font-size:14px;color:#000;}
footer address span{display:block;color:rgb(0, 0, 255);padding:2px 0;}
footer .copyright{font-size:14px;color:#000;}
@media screen and (max-width:1280px) {
	footer .container_1{padding:15px 0;margin:0 10px;}
}


.wrap_contents{max-width:1280px;margin:0 auto;}
.sub .wrap_contents{display:flex;justify-content:space-between;margin-bottom:50px;}
.sideA{width:200px;}
.sideB{width:1040px;}
.sideB .wrapPageInfo{display:flex;justify-content:space-between;align-items:center;}
.contents{padding-top:30px;}
@media screen and (max-width:1280px) {
	.wrap_contents{padding:20px;}
	.sideA{display:none;}
	.sideB{width:100%;}
}


.sideNav{box-shadow:3px -3px 3px rgba(0,0,0,0.1);}
.sideNav .menuSubTitleUI{height:75px;display:flex;align-items:center;padding-left:25px;background:url("../../images/lnb_tle.gif") no-repeat center;background-size:150%;}
.sideNav .menuSubTitleUI h2{color:#FFF;font-size:16px;}
.sideNav .ul_2{border-left:1px solid #DDD;border-right:1px solid #DDD;margin-top:-1px;padding:15px 25px;}
.sideNav .li_2{}
.sideNav .a_2{font-size:15px;padding:5px 0;display:inline-block;}
.sideNav .a_2:hover,
.sideNav .a_2._active{color:#0071BC;}
.sideNav .a_3{font-size:14px;padding:3px 0;display:inline-block;}
.sideNav .a_3:hover,
.sideNav .a_3._active{color:#0071BC;}
.sideNav .div_3{padding:10px 15px;margin:5px 0;background:#EEE;}
.sideNav .li_3{margin-bottom: 20px; padding-bottom: 20px; position: relative;}
.sideNav .li_3::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #111111;}
.sideNav .li_3:last-child{margin-bottom: 0; padding-bottom: 0;}
.sideNav .li_3:last-child::after{display: none;}
.sideNav .li_4{padding-bottom: 10px; margin-bottom: 10px; position: relative}
.sideNav .li_4::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #aeaeae;}
.sideNav .li_4:last-child{padding-bottom: 0; margin-bottom: 0;}
.sideNav .li_4:last-child::after{display: none;}
.sideNav .a_4._active{color:#0071bc;}
.sideNav .div_5{padding: 5px 10px;}
.sideNav .div_5 .li_5{margin-bottom: 5px;}
.sideNav .div_5 .li_5:last-child{margin-bottom: 0;}
.sideNav .div_5 .a_5{color: #666666;}

.tabNav{}
.tabNav .ul_4{padding-bottom:30px;display:flex;flex-wrap:wrap; position: relative;}
.tabNav .li_4{margin:0 5px 5px 0;}
.tabNav .a_4{font-size:14px;padding:8px 15px;line-height:1;border:1px solid #DDD;display:inline-block;}
.tabNav .a_4:hover,
.tabNav .a_4._active{color:#FFF;background:#0071BC;border-color:#0071BC;}
.tabNav .div_5{display: none;}
.tabNav .li_4._active .div_5{display: block; position: absolute; left: 0; bottom: 0; width: 100%;}
.tabNav .ul_5 { display:flex; flex-flow:row wrap; row-gap:10px; margin-top:15px; }
.tabNav .li_5 a { font-size:12px; font-weight:bold; display:block; text-align:center; margin: 0 0 0 5px; padding:5px 10px 5px 10px; background-color:#e0e0e0; }
.tabNav .li_5 a._active { color:#fff; background-color:#338cc4; }

@media screen and (max-width:1280px) {
}


.pageTitle{display:flex;align-items:center;}
.pageTitle::before{content:"";display:block;width:20px;height:30px;background:url("../../images/dot_tle.gif") no-repeat left center;}
.pageTitle h1{font-size:20px;}


.locationNav{}
.locationNav .sub_navi{}
.locationNav .sub_navi ul{display:flex;align-items:center;justify-content:flex-end;line-height:1;}
.locationNav .sub_navi ul li{font-size:14px;color:#989898;display:flex;align-items:center;}
.locationNav .sub_navi ul li::after{content:"";display:block;width:15px;height:10px;margin:0 5px;background:url("../../images/arrow_1_b.png") no-repeat center;}
.locationNav .sub_navi ul li:last-child::after{display:none;}
.locationNav .sub_navi ul li a{font-size:16px;color:#434343 ;display:block;height:20px;}
.locationNav .sub_navi ul li.home{background:none;margin-right:0;}
.locationNav .sub_navi ul li.home a{font-size:0;width:15px;background:url("../../images/home.gif") no-repeat left center;}
@media screen and (max-width:1280px) {
	.locationNav{display:none;}
}

body.pageNum-1885 .tabNav { display:none; }


/* 부대소개 */
header .head_navi .top_div_5106 .ul_2 { justify-content:flex-start !important; }

/* 알림마당 */
header .head_navi .top_div_5193 .ul_2 { justify-content:flex-start !important; }
header .head_navi .top_div_5193.div_2 { left:131px !important; }

/* 선수선발 */
header .head_navi .top_div_5198 .ul_2 { justify-content:flex-start !important; }
header .head_navi .top_div_5198.div_2 { left:426px !important; }

/* 시설개방 */
header .head_navi .top_div_5201 .ul_2 { justify-content:flex-start !important; }
header .head_navi .top_div_5201.div_2 { left:325px !important; }

/* 스포츠외교 */
header .head_navi .top_div_5211.div_2 { left:unset !important; right:150px; }
header .head_navi .top_div_5211 .ul_2 { justify-content:flex-end !important; }

/* 국방체육 */
header .head_navi .top_div_5215.div_2 { left:unset !important; right:0; }
header .head_navi .top_div_5215 .ul_2 { justify-content:flex-end !important; }

@media screen and (max-width: 1280px) {

  /* 알림마당 */
  header .head_navi .top_div_5211.div_2 { left:auto !important; right: 0 !important;}
  header .head_navi .top_div_5193.div_2 { left:auto !important; right: 0 !important;}
  header .head_navi .top_div_5198.div_2 { left:auto !important; right: 0 !important;}
  header .head_navi .top_div_5201.div_2 { left:auto !important; right: 0 !important;}
}