@charset "utf-8";
/* body.reponsible reset */
body.mobile .floatL.w5per,
body.mobile .floatL.w10per,
body.mobile .floatL.w15per,
body.mobile .floatL.w20per,
body.mobile .floatL.w25per,
body.mobile .floatL.w30per,
body.mobile .floatL.w35per,
body.mobile .floatL.w40per,
body.mobile .floatL.w45per,
body.mobile .floatL.w50per,
body.mobile .floatL.w55per,
body.mobile .floatL.w60per,
body.mobile .floatL.w65per,
body.mobile .floatL.w70per,
body.mobile .floatL.w75per,
body.mobile .floatL.w80per,
body.mobile .floatL.w85per,
body.mobile .floatL.w90per,
body.mobile .floatL.w95per,
body.mobile .floatL.w100per { width: 100%; }
body.mobile .floatR.w5per,
body.mobile .floatR.w10per,
body.mobile .floatR.w15per,
body.mobile .floatR.w20per,
body.mobile .floatR.w25per,
body.mobile .floatR.w30per,
body.mobile .floatR.w35per,
body.mobile .floatR.w40per,
body.mobile .floatR.w45per,
body.mobile .floatR.w50per,
body.mobile .floatR.w55per,
body.mobile .floatR.w60per,
body.mobile .floatR.w65per,
body.mobile .floatR.w70per,
body.mobile .floatR.w75per,
body.mobile .floatR.w80per,
body.mobile .floatR.w85per,
body.mobile .floatR.w90per,
body.mobile .floatR.w95per,
body.mobile .floatR.w100per { width: 100%; }

body.mobile img { max-width: 100%;}
body.tablet .rw100 {width: 100% !important; float: none !important;}
body.tablet .rw_img {float: none !important;}
body.tablet .rw_img img {margin: 0 auto; display: block;}

/* content common */
body.tablet .h_img img {
	max-width: 100%;
}
body.mobile .h_img img {
	display: none;
}
.h_img img {
	margin: 0 auto;
	display: block;
}
.h_img .hc {
	visibility: hidden;
	height: 0;
}
body.mobile .hc {
	visibility: visible; 
	height: auto;
}

/******** 민원ㆍ국민참여 ********/
/* 장관과의 대화 */
.talk {
	background: url('../images/contents/talk_bg.png') right bottom no-repeat;
	min-height: 340px;
	line-height: 1.7;
}
.talk .header {
	color: #505050 !important;
	font-size: 2em;
	line-height: 1.4;
}
.talk .header span{ 
	color: #0d6c9a;
}
.talk p.strong {
	color: #333 !important;
	font-size: 1.14em;
	font-weight: bold;
}

/******** 국방정책 Defense Policy ********/
.box_content {
	position: relative;
	width: 100%;
	height: 280px;
}
.box_content dl {
	position: absolute;
	top: 30px;
	left: 0;
	display: block;
	width: 340px;
	min-height: 130px;
	border: 5px solid #62ada7;
	background: url('../images/common/bg_content.png') left top repeat;
	padding: 15px 20px;
	z-index: 2;
}
.box_content dl:before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	display: block;
	width: 22px;
	height: 22px;
	background: url('../images/common/bg_contentBox.png') left top no-repeat;
}
.box_content dl:after {
	content: '';
	position: absolute;
	bottom: -5px;
	right: -5px;
	display: block;
	width: 22px;
	height: 22px;
	background: url('../images/common/bg_contentBox.png') left bottom no-repeat;
}
.box_content dt {
	color: #0b746c;
	font-weight: bold;
	margin-bottom: 20px;
}
.box_content dd {
	color: #54595c;
	font-weight: bold;
	font-size: 0.87em;
}
.box_content img {
	position: absolute;
	right: 0;
}
body.mobile .box_content img {
	display: none;
}

/* Defense Reform mndEN_0310 */
.mndEN0301table {
    padding-right: 10%;
    margin: 0;
    padding-left: 0;
    background: url('../images/contents/bg_arr_reform.gif') no-repeat 100% 80px !important;
}

/******** 국방부 소개 ********/
/* 인사말 */
.greeting {
	border: 1px solid #dedede;
	border-bottom: 0;
	background: url('/mbshome/mbs/mnd/images/contents/greeting_bg.png') right top no-repeat;
	background-size: 100%;
}
.greeting_bg {
	position: relative;
	padding: 50px;
	background: url('/mbshome/mbs/mnd/images/contents/greeting_bg03.png') right bottom no-repeat;
	min-height: 527px;
}
.greeting .title {
	color: #001340;
	font-size: 1.85em;
	letter-spacing: -2px;
}
.greeting .title span {
	display: block;
	color: #105793;
	font-weight: bold;
	font-size: 1.15em;
}
body.tablet .greeting .content span.w_per{
	width: 70%;
	display: block;
}
.greeting .content {
	line-height: 1.8;
	margin-bottom: 10px;
}
.greetUl li {
	background: url('/mbshome/mbs/mnd/images/contents/bul_greeting.gif') left 12px no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
}
.greetUl span {
	color: #2268b7;
	font-weight: bold;
	margin-right: 10px;
}
.greeting .name {
	color: #fff;
	position: absolute;
	right: 30px;
	bottom: 55px;
}
.greeting_bg .name img {
	vertical-align: middle;
	margin-left: 10px;
}
/* 국방 비전 슬로건 */
.slogan_area {
	width: 100%;
	min-height: 84px;
	padding-left: 120px;
	background: url('/mbshome/mbs/mnd/images/contents/img_06020102_02.png') left top no-repeat;
}
.slogan_down {
	overflow: hidden;
}
.slogan_down .box_btn {
	margin: 0 auto;
	width: 117px;
}
.slogan_down li {
	float: left;
	width: 24.5%;
	text-align: center;
	border: 1px solid #e2e2e2;
	border-left: 0;
	padding: 10px 0;
}
.slogan_down li.last {
	border-right: 0;
}
.slogan_down li p {
	font-weight: bold;
	color: #3c4552;
	margin: 10px 0 15px;
}
/* 지난 슬로건 */
.slogan_down.li03 li {
	width: 32.5%;
}
/* 상징물 */
.line {
	border-top: 5px solid #e2e2e2;
}
.mark {
	background-color: #edf4f9;
	padding-top: 20px;
}
.mark li {
	float: left;
	text-align: center;
	width: 25%;
	margin: 10px 0;
}
.mark li.plus {
	background: url('../images/common/bul_plus.gif') right center no-repeat;
}
.mark li p {
	color: #232323 !important;
	font-weight: bold;
	font-size: 0.95em;
	margin-top: 10px;
}
.mark li p.fS {
	color: #656565 !important;
	font-weight: normal;
	font-size: 0.85em;
}
.logo {
	background: url('../images/common/bg_squared.gif') left top repeat;
	position: relative;
	height: auto;
	min-height: 211px;
	padding: 30px 0 30px 80px; 
}
.logo .signature {
	margin-bottom: 30px;
}
.logo h5 {
	color: #231f20;
	font-size: 15px;
	letter-spacing: 0;
	width: 150px;
	height: 55px;
	padding-top: 30px;
}
.logo img {
	float: left;
	max-width: 100%;
}
/* Minister Profile 장관약력 */
.minister {
	background: url('../images/contents/img_01010100.jpg') right top no-repeat;
	min-height: 215px;
}
.minister > div {
	padding: 45px;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: 0;
}
.minister > div > span {
	font-size: 1.2em;
	margin-left: 5px;
}
.minister > div > p {
	color: #fff !important;
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
}
/* 차관약력 */
.minister.vice {
	background: url('../images/contents/img_01010300.gif') right top no-repeat;
}
/* 국방부 소개 > 연혁  */
.slideTab {
	overflow: hidden;
	position: relative;
}
.slideTab a.btnP {
	position: absolute;
	top: 0;
	left: 0;
}
.slideTab a.btnN {
	position: absolute;
	top: 0;
	right: 3px;
}
.slideTabIn {
	position: relative;
	overflow: hidden;
	left: 40px;
	width: 91%;
	height: 40px;
	background: #1b3f70;
}
.slideTabIn ul {
	position: absolute;
	background-color: #1b3f70;
}
.slideTabIn ul li {
	float: left;
	width: 83px;
	text-align: center;
	padding: 10px 0;
}
.slideTabIn ul li a {
	color: #adc7ea;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.slideTabIn ul li a.yOn,
.slideTabIn ul li a:hover,
.slideTabIn ul li a:focus {
	color: #fff;
	text-decoration: underline;
}
#box_history {
	overflow: hidden;
	margin: 25px 0 100px;
	min-height: 600px;
}
#sideTle {
	width: 29%;
	float: left;
	border-top: 2px solid #1a4779;
	border-bottom: 2px solid #1a4779;
}
#sideTle h4 {
	color: #1a4782;
	font-weight: bold;
/* 	font-size: 2.8em; */
	font-size: 2.4em;
	padding: 0 20px;
}
.bdWrap {
	width: 70%;
	float: right;
	border-top: 2px solid #585858;
	border-bottom: 2px solid #585858;
}
.bdWrap .view_lst li {
	border-top: 1px dashed #aaa;
	padding: 15px 0;
	overflow: hidden;
}
.bdWrap .view_lst li.first {
	border-top: 0;
}
.bdWrap .view_lst li strong {
	color: #666;
	font-weight: normal;
	float: left;
	width: 20%;
	text-align: center;
}
.bdWrap .view_lst li p {
	float: left;
	width: 80%;
}

/* 조직도 */
.chart_org {
	/*overflow: hidden;*/
	position: relative;
	background: url('../images/contents/bg_org_desktop8.png') center 110px no-repeat;
	margin-bottom: 300px;
}
.chart_org .chart01 {
	position: relative;
	overflow: hidden;
}
.chart_org h5,
.chart_org h6 {
	color: #fff;
}
.chart_org h5 {
	width: 112px;
	text-align: center;
	font-size: 1.05em;
	background: url('../images/contents/bg_org_dep01.png') left top no-repeat;
	padding: 23px 0;
	margin: 0 auto 11px;
}
.chart_org h5.h5_02 {
	background-position: left bottom;
}
.chart_org h6 {
	width: 140px;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	background: #57758c;
	padding: 10px;
}
.chart_org .box_h6 ul {
	border: 1px solid #57758c;
	width: 138px;
	padding: 10px;
}
.chart_org .box_h7 {
	margin-top: 20px;
}
.chart_org .box_h7 h6 {
	width: 165px;
	text-align: center;
	font-weight: bold;
	font-size: 0.95em;
	background: #eaeaea;
	padding: 10px;
}
.chart_org .box_h7 h6 a {
	color: #555;
}
.chart_org .box_h7 ul {
	border: 1px solid #ececec;
	width: 183px;
	padding: 10px;
	background: #fff;
}
.chart_org ul li a {
	font-size: 0.85em;
}
.chart_org .c01_left {
	float: left;
	height: 250px;
	padding-top: 15px;
}
.chart_org .box_h6 {
	float: left;
	margin: 0 20px;
	background-color: #fff;
}
.chart_org .c01_right{
	float: right;
	height: 460px;
/* 	background: url('../images/contents/bg_c01_right.png') -30px top no-repeat; */
	padding-top: 15px;
}
.chart_org .c02_right {
	height: 41px;
	margin-right: 245px;
	float: right;
	margin-top: -250px;
}
.chart_org .chart02 {
	position: absolute;
	top: 277px;
	width: 100%;
	overflow: hidden;
	height: 520px;
}
.chart_org .chart02 h6 {
	width: 140px;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	background: #76b3e3;
	padding: 10px;
}
.chart_org .chart02 .box_h6 ul {
	border: 1px solid #76b3e3;
	width: 138px;
	padding: 10px;
}
.chart_org .chart03 {
	position: relative;
	margin: 0 0 40px;
	overflow: hidden;
	top: 210px;
}
.chart_org .chart03 .box_h6 {
	width: 20%;
	background: url('../images/contents/bg_c03.png') center top no-repeat;
	padding-top: 20px;
}
.chart_org .chart03 .box_h6.c03_04 {
	min-height: 1400px;
	background: url('../images/contents/bg_c03_04_1.png') center top no-repeat;
}
.chart_org .chart03 h6 {
	width: 170px;
	text-align: center;
	font-weight: bold;
	font-size: 0.95em;
	background: #40a7b0;
	padding: 10px;
	margin: 0 auto;
}
.chart_org .chart03 .box_h7 {
	margin: 20px auto 0;
}
.chart_org .chart03 .box_h7 h6 {
	color: #333;
	background: #eaeaea;
}
.chart_org .chart03 .box_h6 ul {
	border: 1px solid #eaeaea;
	width: 168px;
	padding: 10px;
	margin: 0 auto;
	background: #fff;
}
.chart_org .box_h6.c01_03 {
	margin-top: 35px;
	right: 240px;
	position: absolute;
}
.chart_org .box_h6.c01_04 {
	position: absolute;
	top: 123px;
	right: 0;
	padding-top: 15px;
	background: url('../images/contents/bg_c01_right.png') -230px top no-repeat;
	z-index: 10;
}
.chart_org .box_h6.c01_04 h6 {width: 185px;}
.chart_org .box_h7 h6 {color: #333;}
.chart_org .box_h6.c02_02 {left: 25%;}
.chart_org .box_h6.c02_03 {margin-left: 100px; margin-top: -2px;}

/*20230117_조직도_수정*/
.line_c03_02{
   background: url('../images/contents/bg_c03_04.png') center top no-repeat !important;
}

.left_wrap{
  display: flex;
  width: 85%;
  flex-wrap: wrap;
}

.org_left3{
  margin-left: 220px !important;
  margin-top: 30px !important;
}


/* 찾아오시는 길 */
#map {
	max-width: 915px;
}
#map img {
	display: block;
	width: 100%;
}
.map_list_wrap {
	position: absolute;
	z-index: 100;
}
.map_list_wrap .map_list_btn {
	width: 190px;
	height: 40px;
	color: #fff;
	font-size: 1.0em;
	text-align: left;
	background: #21323e url("../images/common/map_list_btn.png") 90% center no-repeat;
	padding-left: 20px;
}
.map_list_wrap .map_list_btn.on {
	background: #21323e url("../images/common/map_list_btn_on.png") 90% center no-repeat;
}
.map_list_wrap .map_list {
	display: none;
	width: 170px;
	background: #424a51;
	padding: 15px 0 15px 20px;
}
.map_list_wrap .map_list li {
	line-height: 1.9;
}
.map_list_wrap .map_list a:hover,
.map_list_wrap .map_list a:focus {
	color: #fff;
	text-decoration: none;
}
.map_list_wrap .map_list a {
	color: #bbb;
}
.map .img_map{
	max-width: 915px;
}
.map .img_map img {
	width: 100%;
	height: 100%;
}
.map_info {
	background: #edf2f4;
	overflow: hidden;
}
.map_info li {
	float: left;
	padding: 10px 18px 5px;
}
.map_info li p { 
	display: inline-block;
	color: #333 !important;
}
.map_info li span {
	width: 40px;
	height: 40px;
	display: inline-block;
	text-indent: -5000px;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
	background: url('/mbshome/mbs/mnd/images/common/map_info.gif') left top no-repeat;
}
.map_info li span.phone {background-position: -40px top;}
.map_info li span.fax {background-position: -80px top;}
.customoverlay {
	position: relative;
	bottom: 85px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ddd;
	float: left;
}
.customoverlay:nth-of-type(n) {
	border: 0;
	box-shadow: 0px 1px 2px #888;
}
.customoverlay a {
	display: block;
	text-decoration: none;
	color: #000;
	text-align: center;
	border-radius: 6px;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
}
.customoverlay .title {
	display: block;
	text-align: center;
	background: #fff;
	/* margin-right: 35px; */
	padding: 10px 15px;
	font-size: 14px;
	font-weight: bold;
}
.table_wrap.map td span {
	width: 40px;
	height: 27px;
	display: inline-block;
	text-indent: -5000px;
	vertical-align: middle;
	background: url('/mbshome/mbs/mnd/images/common/map_traffic.gif') left top no-repeat;
}
.table_wrap.map td span.line6 {background-position: -40px top;}
.table_wrap.map td span.bus_blue {background-position: left bottom; width: 27px; height: 30px; }
.table_wrap.map td span.bus_green {background-position: -27px bottom; width: 27px; height: 30px; }
.table_wrap.map td span.bus_grey {background-position: -54px bottom; width: 27px; height: 30px; }

/******** 홈페이지 안내 ********/
/* 이용안내 */
.inner_link {
	padding-top: 270px;
	margin-top: -270px;
}
.info_content {
	margin-top: 40px;
}
.info_bg.a01 {height: 299px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_01.gif') center top no-repeat;}
.info_bg.a02 {height: 232px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_02.gif') center top no-repeat;}
.info_bg.a05 {height: 215px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_03.gif') center top no-repeat;}
.info_bg.a08 {height: 215px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_04.gif') center top no-repeat;}
.info_bg.a09 {height: 165px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_05.gif') center top no-repeat;}
.info_bg.a10 {height: 215px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_06.gif') center top no-repeat;}
body.mobile .info_content {
	margin-top: 0px !important;
}
body.mobile .info_bg {height: 0;}

/* 전체 배너 보기 */
.banner_all {
	overflow: hidden;
	margin-bottom: 60px;
}
.banner_all li {
	float: left;
	border: 1px solid #ddd;
	margin: 0 10px 10px 0;
}
.banner_all li img {
	vertical-align: middle;
}
.banner_all .bannerEmptyArea {
	border: 0;
}

/***********************************
 반응형
***********************************/
/******** 민원ㆍ국민참여 ********/
/* 장관과의 대화 */
body.tablet .talk {
	min-height: 600px;
}
body.tablet .talk .floatL.w60per {
	width: 90%;
}
body.mobile .talk {
	min-height: 800px;
}
/******** 국방부 소개 ********/
/* 인사말 */
body.tablet .greeting_bg {
	min-height: 580px;
} 
body.tablet .greeting .content span.w_per{
	width: 50%;
	display: block;
}
body.mobile .greeting_bg {
	padding: 30px 20px 0;
	min-height: 920px;
}
body.mobile .greeting .content span.w_per{
	width: 100%;
}
/* 임무 비전 */
body.tablet .slogan_down li {
	width: 49%;
}
body.tablet .slogan_down li:nth-child(2) {
	border-right: 0;
}
body.tablet .slogan_down li:nth-child(3),
body.tablet .slogan_down li:nth-child(4) {
	border-top: 0;
}
body.mobile .slogan_area {
	background: none;
	padding-left: 0;
}
/* 지난 슬로건 */
body.tablet .slogan_down.li03 li {
	width: 32.5%;
}
body.tablet .slogan_down.li03 li:nth-child(2) {
	border-right: 1px solid #e2e2e2;
}
body.tablet .slogan_down.li03 li:nth-child(3) {
	border-top: 1px solid #e2e2e2;
}
body.mobile .slogan_down.li03 li {
	width: 100%;
	border-bottom: 0;
}
body.mobile .slogan_down.li03 li.last {
	border-bottom: 1px solid #e2e2e2;
}
/* 상징물 */
body.tablet .mark li {
	width: 45%;
}
body.mobile .mark li {
	width: 49%;
}
body.tablet .logo img {
	max-width: 100%;
}
body.tablet .logo {
	padding: 0 10px 26px;
}
/* 연혁 */
body.mobile #sideTle {
	width: 100%;
	height: auto !important;
	margin-bottom: 10px;
}
body.mobile .bdWrap {
	width: 100%;
}
body.mobile .bdWrap .view_lst li strong,
body.mobile .bdWrap .view_lst li p{
	float: none;
	width: 100%;
}
/* 장관약력 */
body.mobile .minister > div {
	padding: 220px 0 0 20px;
	color: #333;
}
body.mobile .minister > div > span{
	display: block;
	margin-left: 0;
}
body.mobile .minister > div > p {
	color: #333 !important;
}
/* 조직도 */
body.tablet .c01_left {
	float: none;
	position: relative;
	max-width: 400px;
	height: 174px;
	margin: 0 auto;
	padding-top: 0;
}
body.tablet .c01_right {
	float: none;
	position: relative;
	margin: 0 auto;
	max-width: 450px;
	background: none;
	padding: 0;
	margin-top: 50px;
}
body.tablet .box_h6.c01_04 {
	margin: 0;
	top: 0;
	padding-top: 0;
	background:none;
}
body.tablet .box_h6.c01_03 {
	margin: 0;
	margin-top: 0;
	margin-left: 40px;
}
body.tablet .chart_org { 
	background: url('../images/contents/bg_org_tablet7.png') center 0 no-repeat;
}
body.tablet .chart_org h5 {
	padding: 26px 0;
}
body.tablet .chart_org .chart02 {
	top: 765px;
}
body.tablet .chart_org .chart02 .c01_left {
	height: 230px;
}
body.mobile .chart_org .chart02 .c01_left {
	height: auto;
}
body.tablet .c02_right {
	float: none;
	position: relative;
	margin: 0 auto;
	max-width: 180px;
}
body.tablet .chart_org .chart03 {
	margin-top: 500px;
}
body.tablet .chart_org .chart03 .box_h6 {
	width: 50%;
	margin: 0 auto 44px;
	padding-top: 0;
}
body.tablet .chart_org .chart03 .box_h7.third {
	margin-bottom: 100px;
}
body.tablet .chart_org .chart03 .box_h6.c03_04 {
	min-height: auto;
}

body.mobile .chart_org .chart02 {
	position: static;
}
body.mobile .chart_org .chart03 {
	margin-top: 60px;
	position: static;
}
body.mobile .chart_org .box_h6 {
	float: none;
	margin: 0;
	margin-bottom: 20px;
	width: 100%;
}
body.mobile .chart_org .box_h6 h6 {
	width: 100%;
	padding: 10px 0;
}
body.mobile .c01_left{
	height: auto;
}
body.mobile .chart_org .box_h6 ul{
	width: 89%;
	padding: 10px 5%;
}
body.mobile .c01_right{
	height: 420px;
}
body.mobile .c02_right {
	max-width: 100%;
	padding: 0;
}
body.mobile .chart_org .chart03 .box_h6{
	width: 100%;
	margin-bottom: 30px;
	min-height: auto;
}
body.mobile .chart_org {background: none;}
body.mobile .table_wrap.org table tbody th {padding-left: 10px;}

/******** 국방정책 Defense Policy ********/
body.mobile .box_content dl {
	width: 80%;
}
body.mobile .box_content img {
	display: none;
}

/***********************************
 iframe
***********************************/
.box_iframe .page_ready {
	display: none;
	font-size: 12px;
}
body.tablet .box_iframe .page_ready {display: block;}
body.tablet .box_iframe iframe {display: none;}

/*20230117_조직도_수정*/
body.tablet .org_left3{
    margin-left: 15px !important;
}

body.tablet .chart_org .box_h6.c02_03{
    float: right;
    margin-top: 30px;
	margin-right: 160px !important;
}

body.tablet .chart02{
    height: 675px;
}

body.tablet .c02_right{
    float: right;
}

body.tablet .line_c03_02, body.mobile .line_c03_02{
   background: url('../images/contents/bg_c03.png') center top no-repeat !important;
}

body.mobile .box_h6.c01_03{
   top: 348px;
   right: 0;
}

body.mobile .org_left3{
 margin-left: 0;
 margin-top: 0px !important;
}

body.mobile .left_wrap{
   width: 100%;
}


body.mobile .chart_org .box_h6.c02_03{
  float: none;
}

body.mobile .chart02{
   height: 725px;
}

body.mobile .org_left3{
  margin-left: 0 !important;
}

body.mobile .chart_org .box_h6.c02_03{
  margin-top: 0;
}

body.mobile .chart_org{
   background: url('../images/contents/bg_c03_04_2.png') center top no-repeat !important;
}


/*20230118_국방부_상징물*/
.en_box_btn{
 display: flex; 
 justify-content: center;
}

.en_btn_down2{
    display:block;
	float: left;
	padding: 5px 50px 5px 15px;
	margin: 1px 10px 5px 0;
	background: #6b6c6c url('../images/common/btn_down.png') right center no-repeat;
	color: #fff;
	font-weight: bold;
}

.greyL2{
  background-color:  #a0a2a2 !important;
  color: #fff !important;
}

body.mobile .en_box_btn{
 flex-wrap: wrap;
 justify-content: flex-start;
}




/*********************************
20221207_국방혁신4.0_content_style
*********************************/

/*공통CSS*/
.mg_top{
margin-top: 50px;
}

.mg_top_1{
margin-top: 85px;
}

#content_1_wrap .cont_01 p, #content_1_wrap .cont_04 p, #content_4_wrap .cont_01 p, #content_4_wrap .cont_03 p{
color: #272727;
}

#content_1_wrap .cont_01 p, #content_2_wrap .cont_01 p{
font-size: 16px;
}

/*//컨텐츠 이미지//*/
#content_1_wrap .cont_02 img, #content_2_wrap .cont_02 img, #content_2_wrap .cont_04 img, #content_2_wrap .cont_05 img{
width: 100%;
}

/*//공통CSS_추진중점 및 과제//*/
#content_3_1_wrap .cont_01 p, #content_3_2_wrap .cont_01 p, #content_3_3_wrap .cont_01 p, #content_3_4_wrap .cont_01 p, #content_3_5_wrap .cont_01 p{
color: #fff;
font-size: 18px;
text-align: center;
padding: 20px;
}

#content_3_1_wrap .cont_01_wrap, #content_3_2_wrap .cont_01_wrap, #content_3_3_wrap .cont_01_wrap, #content_3_4_wrap .cont_01_wrap, #content_3_5_wrap .cont_01_wrap{
position: relative;
padding: 0 5px;
}

#content_3_1_wrap .cont_01_bg, #content_3_2_wrap .cont_01_bg, #content_3_3_wrap .cont_01_bg, #content_3_4_wrap .cont_01_bg, #content_3_5_wrap .cont_01_bg{
background: url('/mbshome/mbs/mnd/images/contents/bg_point.png') no-repeat 0 0;
z-index: 101;
width: 915px;
height: 95px;
position: absolute;
right: 0;
top: 0px;
border-radius: 50px;
border: 1px solid transparent;
box-sizing: border-box;
background-position: 85px;
}

#content_3_1_wrap .cont_01, #content_3_2_wrap .cont_01, #content_3_3_wrap .cont_01, #content_3_4_wrap .cont_01, #content_3_5_wrap .cont_01{
border-radius: 50px;
background: linear-gradient(to right, #1c75bc 0%, #262262 100%);
position: relative;
border: 6px solid #cdcdcd;
box-shadow: -1px 0px 5px rgba(0,0,0,0.5);
}

.blue_box ul li{
background: url('/mbshome/mbs/mnd/images/contents/txt_point_01.png') no-repeat 0px 5px;
padding-left: 16px;
}

.blue_box .right_box strong{
font-size: 16px;
}

.right_box span{
display: block;
font-size: 15px;
background: url('/mbshome/mbs/mnd/images/contents/txt_point_dep_2.png') no-repeat 0px 4px;
padding-left: 18px;
margin-top: 3px;
}

.cont_02 .blue_box{
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}

.cont_02 .blue_box .left_box strong{
font-size: 18px;
color: #2f75af;
display: block;
}

.blue_box .left_box{
width: 23%;
border: 1px solid #2f75af;
border-top: 5px solid #2f75af;
padding: 15px;
text-align: center;
position: relative;
background: #fff;
}

.blue_box .left_box::before{
position: absolute;
content: '';
top: -20px;
left: calc(50% - 17.5px);
width: 25px;
height: 25px;
background: #2f75af;
border: 5px solid #fff;
}

.left_box .box_number{
position: absolute;
top: -15px;
left: 48%;
color: #fff;
font-weight: bold;
font-size: 16px;
}

.blue_box .right_box{
width: 62%;
border: 1px solid #2f75af;
padding: 20px 15px 20px 25px;
background: #f5fdff;
position: relative;
}

.blue_box .right_box::before{
content: '';
position: absolute;
top: 50%;
left: -75px;
width: 90px;
height: 3px;
background: #adadad;
z-index: -1;
}

.blue_box .right_box::after{
content: '';
position: absolute;
top: 47%;
left: -5px;
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
border: 3px solid #adadad;
}


/*//공통CSS_추진중점 및 과제-4,5//*/
#content_3_4_wrap .cont3_4_mrb li, #content_3_5_wrap .cont3_4_mrb li{
margin-bottom: 20px;
}

#content_3_4_wrap .cont3_4_mrb li:last-child, #content_3_5_wrap .cont3_4_mrb li:last-child{
margin-bottom: 0px;
}

.left_box .box_number2{
left: 46%;
}
/*공통CSS_end*/

/*//국방혁신4.0_추진 필요성//*/
#content_1_wrap .cont_01{
border: 1px solid #5faadd;
padding: 20px;
border-top: 7px solid #5faadd;
text-align: center;
}


#content_1_wrap .cont_03{
display: flex;
justify-content: space-between;
}

#content_1_wrap .left_wrap, #content_1_wrap .right_wrap{
width: 48%;
text-align: center;
}

.left_icon_wrap{
display: inline-block;
background: linear-gradient(to bottom, #2f75af 50%, #adadad 50%);
border-radius: 50%;
width: 120px;
height: 120px;
text-align: center;
line-height: 116px;
margin-bottom: 35px;
}

.left_icon_wrap span{
display: inline-block;
background: #fff;
border-radius: 50%;
width: 98px;
height: 98px;
vertical-align: middle;
line-height: 92px;
}

.left_icon_wrap img, .right_icon_wrap img{
vertical-align: middle;
}

.left_top_txt_box{
border: 1px solid #2f75af;
border-top: 7px solid #2f75af;
text-align: center;
padding: 30px;
position: relative;
}

.left_top_txt_box::before{
content:'';
display: inline-block;
position: absolute;
width: 3px;
height: 40px;
top: -45px;
left: 50%;
background: #adadad;
}

.left_top_txt_box::after{
content: '';
display: inline-block;
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
border: 3px solid #adadad;
top: -13px;
left: calc(50% - 4px);
}

.left_txt{
color: #2f75af !important;
font-size: 18px;
font-weight: bold;
}

.left_bottom_txt_box{
border: 1px solid #ddd;
background: #f7f7f7;
padding: 38px 25px 25px;
position: relative;
}

.left_bottom_txt_box::after{
content:'';
display: inline-block;
position: absolute;
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 15px solid #2f75af;
top: -1px;
left: 48%;
}

.left_bottom_txt_box ul li{
text-align: left;
background: url('/mbshome/mbs/mnd/images/contents/txt_point_01.png') no-repeat 0px 5px;
margin-bottom: 15px;
font-size: 16px;
padding-left: 18px;
}

.left_bottom_txt_box .last, .right_bottom_txt_box .last{
margin-bottom: 0;
}

.left_bottom_txt_box span, .right_bottom_txt_box span{
display: block;
font-size: 14px;
margin-top: 5px;
padding-left: 18px;
}

.left_bottom_txt_box .txt_point_dep2, .right_bottom_txt_box .txt_point_dep2{
background: url('/mbshome/mbs/mnd/images/contents/txt_point_dep_2.png') 0px 4px no-repeat;
}

#content_1_wrap .cont_04{
background: url('/mbshome/mbs/mnd/images/contents/txt_box_point.png') center no-repeat;
background-size: 100%;
height: 122px;
text-align: center;
margin-bottom: 30px;
}

.cont_04 p{
font-size: 16px;
font-weight: bold;
margin-top: 35px;
display: inline-block;
}

.cont_04_mobile{
display: none;
}

.skyblue{
color: #2f75af;
}

/*right*/
.right_icon_wrap{
display: inline-block;
background: linear-gradient(to bottom, #0B4063 50%, #adadad 50%);
border-radius: 50%;
width: 120px;
height: 120px;
text-align: center;
line-height: 116px;
margin-bottom: 35px;
}

.right_icon_wrap span{
display: inline-block;
background: #fff;
border-radius: 50%;
width: 98px;
height: 98px;
vertical-align: middle;
line-height: 92px;
}

.right_top_txt_box{
border: 1px solid #0B4063;
border-top: 7px solid #0B4063;
text-align: center;
padding: 30px;
position: relative;
}

.right_top_txt_box span{
font-size: 14
}

.right_top_txt_box::before{
content: '';
display: inline-block;
position: absolute;
width: 3px;
height: 40px;
top: -45px;
left: 50%;
background: #adadad;
}

.right_top_txt_box::after{
content: '';
display: inline-block;
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
border: 3px solid #adadad;
top: -13px;
left: calc(50% - 4px);
}

.right_bottom_txt_box{
border: 1px solid #ddd;
background: #f7f7f7;
padding: 38px 25px 43px;
position: relative;
}

.right_bottom_txt_box ul li{
text-align: left;
background: url('/mbshome/mbs/mnd/images/contents/txt_point_01.png') no-repeat 0px 5px;
margin-bottom: 50px;
font-size: 16px;
padding-left: 20px;
}

.right_bottom_txt_box::after{
content: '';
display: inline-block;
position: absolute;
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 15px solid #0B4063;
top: -1px;
left: 48%;
}

.right_txt{
color: #0B4063;
font-size: 18px;
font-weight: bold;
}


/*//국방혁신4.0_개념//*/
#content_2_wrap .cont_01, #content_2_wrap .cont_03{
position: relative;
border: 2px solid #0b4063;
border-radius: 8px;
padding: 50px;
text-align: center;
}

#content_2_wrap .cont_01 .cont2_title, #content_2_wrap .cont_03 .cont2_title{
background: #0b4063;
position: absolute;
top: -1px;
left: 24%;
display: block;
padding: 10px;
color: #fff;
font-size: 20px;
font-weight: bold;
width: 50%;
border-radius: 0 0 10px 10px;
}

#content_2_wrap .cont_01 .cont2_txt{
margin-top: 25px;
color: #272727;
}

#content_2_wrap .cont_03{
margin-top: 150px;
}

#content_2_wrap .cont_05{
margin-bottom: 30px;
}

.cont_03 .cont2_txt02_wrap{
display: flex;
justify-content: space-around;
margin-top: 20px;
}

.cont_03 .cont2_txt02_wrap span{
background: #e1f6ff;
display: block;
padding: 20px;
border-radius: 10px;
font-size: 16px;
margin-right: 15px;
border: 1px solid #bce0ec;
padding: 35px 20px 35px;
}

.cont_03 .cont2_txt02_wrap span:nth-child(2){
margin-right: 0;
}


/*//국방혁신4.0_추진중점 및 과제-1//*/
#content_3_1_wrap .blue_box ul li:nth-child(2){
margin-top: 20px;
}

#content_3_1_wrap .blue_box span:nth-child(1) .line-height_1{
margin-top: 12px;
}

#content_3_1_wrap .blue_box span:nth-child(1) .line-height_2{
margin-top: 55px;
}

#content_3_1_wrap .blue_box span:nth-child(1) .line-height_3{
margin-top: 22px;
}


/*//국방혁신4.0_추진중점 및 과제-2//*/
#content_3_2_wrap .blue_box ul li:nth-child(2){
margin-top: 20px;
}

#content_3_2_wrap .blue_box span:nth-child(1) .line-height_1{
margin-top: 12px;
}

#content_3_2_wrap .blue_box span:nth-child(1) .line-height_4{
margin-top: 40px;
}


/*//국방혁신4.0_추진중점 및 과제-3//*/
#content_3_3_wrap .blue_box ul li:nth-child(2){
margin-top: 20px;
}

#content_3_3_wrap .blue_box span:nth-child(1) .line-height_5{
margin-top: 65px;
}

#content_3_3_wrap .blue_box span:nth-child(1) .line-height_6{
margin-top: 30px;
}

#content_3_3_wrap .blue_box span:nth-child(1) .line-height_7{
margin-top: 8px;
}


/*//국방혁신4.0_추진중점 및 과제-4//*/
#content_3_4_wrap .blue_box ul li:nth-child(2){
margin-top: 20px;
}

#content_3_4_wrap .blue_box span:nth-child(1) .line-height_1{
margin-top: 12px;
}

#content_3_4_wrap .blue_box span:nth-child(1) .line-height_7{
margin-top: 8px;
}

#content_3_4_wrap .blue_box span:nth-child(1) .line-height_8{
margin-top: 80px;
}

#content_3_4_wrap .blue_box span:nth-child(1) .line-height_9{
margin-top: 35px;
}


/*//국방혁신4.0_추진중점 및 과제-5//*/
#content_3_5_wrap .blue_box ul li:nth-child(2){
margin-top: 20px;
}

#content_3_5_wrap .blue_box span:nth-child(1) .line-height_3{
margin-top: 22px;
}

#content_3_5_wrap .blue_box span:nth-child(1) .line-height_7{
margin-top: 8px;
}

#content_3_5_wrap .blue_box span:nth-child(1) .line-height_8{
margin-top: 80px;
}

#content_3_5_wrap .blue_box span:nth-child(1) .line-height_9{
margin-top: 35px;
}


/*//국방혁신4.0_추진전략//*/
#content_4_wrap .cont_01{
border-radius: 50px;
background: linear-gradient(to right, #2f75af 0%, #662d91 100%);
max-width: 915px;
height: 100px;
padding-top: 1px;
text-align: center;
}

#content_4_wrap .cont_01 p{
font-weight: bold;
font-size: 25px;
text-align: center;
line-height: 94px;
border-radius: 50px;
background: #efefef;
height: 90px;
margin: 4px 6px 5px 6px;
}

body.mobile .left_bottom_txt_box ul li, .right_bottom_txt_box ul li{
font-size: 15px;
}

#content_4_wrap .cont_01 span{
color: #1c75bc;
}

#content_4_wrap .cont_01 .arrow_point{
margin-top: 20px;
}

/*content_4 cont_02*/
#content_4_wrap .cont_02{
margin-top: 165px;
}

.cont_02 .cont4_box{
display: flex;
justify-content: space-between;
margin-top: 35px;
text-align: center;
}

.cont4_box_left{
border-radius: 10px;
padding: 5px;
width: 20%;
background: #fff;
}

.cont4_box_left strong{
background: #5faadd;
color: #fff;
font-size: 18px;
padding: 15px;
display: block;
width: auto;
text-align: center;
border-radius: 10px;
}

/*box_color*/
.cont4_box01 .left_box01{
border: 1px solid #5faadd;
}

.cont4_box02 .left_box02{
border: 1px solid #2f75af;
}

.cont4_box03 .left_box03{
border: 1px solid #0b4063;
}

/*text_box_color*/
.cont4_box01 .left_box01 strong{
background: #5faadd;
}

.cont4_box02 .left_box02 strong{
background: #2f75af;
}

.cont4_box03 .left_box03 strong{
background: #0b4063;
}

/*right_color*/
.cont4_box01 .right_box01{
border: 8px solid #5faadd;
}

.cont4_box02 .right_box02{
border: 8px solid #2f75af;
}

.cont4_box03 .right_box03{
border: 8px solid #0b4063;
}

/*right_text_color*/
.cont4_box01 .right_box01 .text_box01{
color: #5faadd;
}

.cont4_box02 .right_box02 .text_box02{
color: #2f75af;
}

.cont4_box03 .right_box03 .text_box03{
color: #0b4063;
}

.cont4_box_right{
width: 70%;
position: relative;
background: #fff;
}

.cont4_box_right::before{
content: '';
position: absolute;
top: 24px;
left: -77px;
width: 70px;
height: 3px;
background: #aaa;
z-index: -1;
}

.fff_bg{
position: absolute;
top: -22px;
left: 2.5%;
background: #fff;
height: 55px;
display: block;
width: 95%;
font-size: 16px;
color: #5faadd;
text-align: center;
display: block;
padding-top: 33px;
}

.cont4_box01 .right_box01 .fff_text{
font-size: 16px;
text-align: center;
display: block;
}

.cont4_right_text_wrap{
width: 70%;
}

.cont4_right_text_wrap ul{
display: flex;
justify-content: space-around;
}

.cont4_right_text_wrap ul li{
border-radius: 10px;
padding: 8px 30px;
}

.cont4_right_text_wrap ul li:first-child{
background: #ddd;
}

.cont4_right_text_wrap ul li:nth-child(2){
background: #c6dde5;
}

.cont4_right_text_wrap ul li:last-child{
background: #96c3d6;
}

.cont4_right_text_wrap ul li strong, .cont4_right_text_wrap .right_title{
color: #0b4063;
}

.cont4_right_text_wrap figure{
margin: 10px 0 5px;
}

#content_4_wrap .cont_03{
background: url('/mbshome/mbs/mnd/images/contents/txt_box_point_03.png') center no-repeat;
background-size: 100%;
height: 165px;
text-align: center;
margin-bottom: 30px;
}

#content_4_wrap .cont_03 p{
font-size: 16px;
font-weight: bold;
margin-top: 48px;
display: inline-block;
padding: 0 10px;
}

.skyblue{
color: #2f75af;
}


/*//국방혁신4.0_기대효과//*/
#content_5_1_wrap{
text-align: center;
position: relative;
}

#content_5_1_wrap .cont5_01_bg{
background: url('/mbshome/mbs/mnd/images/contents/cont5_bg_point.png') no-repeat 0 0;
display: inline-block;
min-width: 600px;
height: 300px;
text-align: center;
position: absolute;
top: 0;
left: 15%;
padding: 10px;
}

#content_5_1_wrap .cont_01{
position: relative;
display: inline-block;
text-align: center;
}

#content_5_1_wrap .cont_01 .cont5_bg_logo{
width: 280px;
height: 280px;
border-radius: 50%;
border: 1px solid transparent;
box-sizing: border-box;
background: url('/mbshome/mbs/mnd/images/contents/cont5_logo.png') no-repeat;
background-position: -100% 150%;
position: absolute;
left:0;
top: 0;
z-index: 105;
}

#content_5_1_wrap .cont_01 span{
width: 280px;
height: 280px;
background: linear-gradient(to right, #1c75bc 0%, #262262 100%);
border-radius: 50%;
display: inline-block;
text-align: center;
font-size: 18px;
}

#content_5_1_wrap .cont_01 strong{
color: #fff;
font-size: 28px;
margin-top: 100px;
display: block;
text-shadow: -3px 0px 5px rgba(0,0,0,0.5);
}

#content_5_1_wrap .cont_02 .cont5_arrow_top_bg{
margin: 30px 0 50px;
text-align: center;
}

#content_5_1_wrap .cont_02 .cont5_arrow_top_bg img{
transform: rotate(180deg);
}

#content_5_1_wrap .cont_02 .cont5_text_bg{
border-radius: 50px;
background: linear-gradient(to right, #2f75af 0%, #662d91 100%);
max-width: 915px;
height: 100px;
padding-top: 1px;
text-align: center;
}

#content_5_1_wrap .cont_02 p{
font-size: 18px;
text-align: center;
line-height: 94px;
border-radius: 50px;
background: #fff;
height: 90px;
margin: 4px 6px 5px 6px;
display: block;
color: #272727;
}

#content_5_1_wrap .cont_02 p strong{
color: #0b6ba0;
}

#content_5_1_wrap .cont_03 .flex{
display: flex;
justify-content: space-between;
}

#content_5_1_wrap .cont_03 .cont_03_title{
border-radius: 10px 10px 0 0;
background: #5faadd;
display: block;
padding: 20px;
color: #fff;
font-size: 20px;
border: 1px solid #428db7;
}

.cont3_text_wrap{
background: #ebf8ff;
padding: 20px;
}

.wrap02{
background: #eeeeff;
padding: 20px;
}

.cont3_text_wrap ul li{
text-align: left;
margin-bottom: 15px;
font-size: 15px;
}

#content_5_1_wrap .cont_03{
margin-bottom: 30px;
}

#content_5_1_wrap .title02{
background: #8d8ab5 !important;
border: 1px solid #737399 !important;
}

.cont_03 .flex_li{
margin-right: 25px;
}

.wrap02 > ul > li{
margin: 30px 0;
}


/*******************************************
20221207_국방혁신4.0_content_style_반응형_수정
********************************************/

/*//responsive css_추진필요성//*/
body.mobile #content_1_wrap .left_wrap, body.mobile #content_1_wrap .right_wrap{
width: 100%;
}

body.mobile #content_1_wrap .cont_03{
flex-wrap: wrap;
}

body.mobile #content_1_wrap .cont_03{
margin-bottom: 30px;
}

body.mobile #content_1_wrap .right_wrap{
margin-top: 50px;
}

body.mobile #content_1_wrap .left_icon_wrap span img, body.mobile #content_1_wrap .right_icon_wrap span img{
width: 50%;
}

body.mobile .left_icon_wrap, body.mobile .right_icon_wrap{
width: 100px;
height: 100px;
line-height: 96px;
}

body.mobile .left_icon_wrap span, body.mobile .right_icon_wrap span{
width: 80px;
height: 80px;
line-height: 74px;
}

body.mobile #content_1_wrap .cont_04{
background: url('/mbshome/mbs/mnd/images/contents/mobile_bottom_txt_box_02.png') center no-repeat;
background-size: 100%;
height: 190px;
text-align: center;
margin-bottom: 30px;
}

body.mobile .cont_04 p{
font-size: 15px;
padding: 0 10px;
margin-top: 65px;
}

body.mobile .mg_top_1{
margin-top: 55px;
}


/*//responsive css_개념//*/
body.mobile #content_2_wrap .cont_01, body.mobile #content_2_wrap .cont_03{
padding: 42px 20px 25px;
text-align: center;
}

body.mobile #content_2_wrap .cont_01 .cont2_title, body.mobile #content_2_wrap .cont_03 .cont2_title{
left: 14%;
font-size: 17px;
width: 65%;
}

body.mobile #content_1_wrap .cont_01 p, body.mobile #content_2_wrap .cont_01 p{
font-size: 14px;
}

body.mobile #content_2_wrap .cont_03{
margin-top: 80px;
}

body.mobile #content_2_wrap .cont_03{
margin-top: 80px;
}

body.mobile .cont_03 .cont2_txt02_wrap{
flex-wrap: wrap;
flex-direction: column;
}

body.mobile .cont_03 .cont2_txt02_wrap span{
margin-right: 0;
margin-bottom: 15px;
font-size: 14px;
padding: 15px;
}

body.mobile .cont_03 .cont2_txt02_wrap span:nth-child(2){
margin-bottom: 0;
}


/*//responsive css_추진중점 및 과제//*/
/*공통CSS*/
body.mobile #content_3_1_wrap .cont_01 p, body.mobile #content_3_2_wrap .cont_01 p, body.mobile #content_3_3_wrap .cont_01 p, body.mobile #content_3_4_wrap .cont_01 p, body.mobile #content_3_5_wrap .cont_01 p{
font-size: 16px;
}

body.mobile .cont_02 .blue_box{
flex-wrap: wrap;
}

body.mobile .blue_box .left_box, body.mobile .blue_box .right_box{
width: 100%;
}

body.mobile .blue_box .right_box{
margin-top: 30px;
}

body.mobile .blue_box .right_box::before{
top: -32px;
left: 50%;
width: 3px;
height: 90px;
}

body.mobile .blue_box .right_box::after{
top: -6px;
left: 48.8%;
}

body.mobile .left_box .box_number{
left: 48.5%;
}

body.mobile .left_box .box_number2{
left: 46.8%;
}

body.mobile .cont_02 .blue_box .left_box strong{
font-size: 16px;
}

body.mobile #content_3_1_wrap .blue_box span:nth-child(1) .line-height_2{
margin-top: 12px;
}

body.mobile #content_3_1_wrap .blue_box span:nth-child(1) .line-height_3, body.mobile #content_3_2_wrap .blue_box span:nth-child(1) .line-height_4, body.mobile #content_3_4_wrap .blue_box span:nth-child(1) .line-height_8, body.mobile #content_3_4_wrap .blue_box span:nth-child(1) .line-height_9, body.mobile #content_3_5_wrap .blue_box span:nth-child(1) .line-height_9, body.mobile #content_3_5_wrap .blue_box span:nth-child(1) .line-height_8, body.mobile #content_3_5_wrap .blue_box span:nth-child(1) .line-height_3{
margin-top: 8px;
}

body.mobile #content_3_3_wrap .blue_box span:nth-child(1) .line-height_5, body.mobile #content_3_3_wrap .blue_box span:nth-child(1) .line-height_6{
margin-top: 10px;
}

body.mobile .blue_box .right_box strong{
font-size: 15px;
}

body.mobile .right_box span{
font-size: 14px;
}


/*//responsive css_추진전략//*/
body.mobile #content_4_wrap .cont_01 p{
font-size: 17px;
line-height: normal;
}

body.mobile #content_4_wrap .cont_01 strong{
display: block;
padding-top: 32px;
}

body.mobile .cont_02 .cont4_box{
flex-wrap: wrap;
}

body.mobile .cont4_box02, body.mobile cont4_box03{
margin-top: 55px;
}

body.mobile .cont4_box_left{
width: 100%;
margin-bottom: 20px;
}

body.mobile .cont4_box_right{
width: 100%;
margin-top: 5px;
background: #fff;
height: 90px;
}

body.mobile .fff_bg{
font-size: 15px;
background: none;
position: initial;
width: initial;
}


body.mobile .cont4_box01 .right_box01 .text_box01{
padding: 23px 15px 0;
}

body.mobile .cont4_box02 .right_box02 .text_box02{
padding: 33px 15px 0;
}

body.mobile .cont4_box03 .right_box03 .text_box03{
padding: 22px 15px 0;
}

body.mobile .cont4_box_right::before{
height: 70px;
width: 3px;
top: -45px;
left: 50%;
}

body.mobile .cont4_right_text_wrap{
width: 100%;
}

body.mobile .cont4_right_text_wrap ul{
flex-wrap: wrap;
}

body.mobile .cont4_right_text_wrap ul li{
width: 100%;
margin-bottom: 10px;
}

body.mobile .cont4_right_text_wrap ul li:last-child{
margin-bottom: 0;
}

body.mobile .cont4_box04{
margin-top: 20px;
}

body.tablet #content_4_wrap .cont_03{
background: url('/mbshome/mbs/mnd/images/contents/mobile_bottom_txt_box_01.png') center no-repeat;
background-size: 100%;
height: 265px;
text-align: center;
margin-bottom: 150px;
}

body.tablet #content_4_wrap .cont_03 p{
margin-top: 75px;
}

body.mobile #content_4_wrap .cont_03{
background: url('/mbshome/mbs/mnd/images/contents/mobile_bottom_img_box_04.png') center no-repeat;
background-size: 100%;
height: 290px;
text-align: center;
margin-bottom: 150px;
}

body.mobile #content_4_wrap .cont_03 p{
margin-top: 60px;
font-size: 15px;
}

/*//responsive css_기대효과//*/
body.mobile #content_5_1_wrap .cont5_01_bg{
display: none;
}

body.mobile #content_5_1_wrap .cont_02 p{
line-height: normal;
font-size: 16px;
}

body.mobile .cont5_text_bg p span{
padding: 16px 20px;
display: block;
}

body.mobile #content_5_1_wrap .cont_01 strong{
font-size: 22px;
margin-top: 80px;
}

body.mobile #content_5_1_wrap .cont_01 .cont5_bg_logo{
width: 220px;
height: 220px;
background-position: 380% 110%;
background-size: 95%;
}

body.mobile #content_5_1_wrap .cont_01 span{
width: 220px;
height: 220px;
font-size: 18px;
background: linear-gradient(to right, #1c75bc 20%, #262262 120%);
}

body.mobile #content_5_1_wrap .cont_03 .flex{
flex-wrap: wrap;
}

body.mobile .cont_03 .flex_li{
margin-right: 0;
}

body.mobile .cont3_text_wrap{
margin-bottom: 30px;
}

body.mobile #content_5_1_wrap .cont_03 .cont_03_title{
font-size: 17px;
}

/*//국방혁신_모바일_상단_탭메뉴//*/
#tab_reform{
display: none;
}

body.mobile #tab_reform{
display: block;
}

#tab_reform ul li a {
	display:block;
	padding: 10px 0;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	background: #f8f8f8;
	text-align: center;
	min-height: 21px;
}

body.mobile #tab_reform {
	overflow: hidden;
	position: relative;
	border: 0;
	padding: 0;
}

body.mobile #tab_reform > ul > li {
	width: 100% !important;
	display: none;
	float: none;
}

body.mobile #tab_reform > ul > li.on,
body.mobile #tab_reform > ul > li.show {
	display: block;
	overflow: hidden;
}

body.mobile #tab_reform ul li a {
	letter-spacing: -1.5px;
    display: block;
    font-size: 16px;
    color: #555;
    border: 1px solid #2f75af;
    padding: 10px;
    text-decoration: none;
	text-align: left;
    padding-left: 15px;
}

body.mobile #tab_reform ul li a:hover {
	background: #2f75af;
    color: #edf5f9;
}

body.mobile #tab_reform ul li a.on {
     display: block !important;
	 font-weight: bold;
	 color: #2f75af;
	 border: 1px solid #2f75af;
}

body.mobile #tab_reform ul li a.on:hover {
    color: #fff;
}

body.mobile #tab_reform button.mBtn {
	display: block;
	position: absolute;
	right: 0;
	width: 45px;
	height: 45px;
	background: url('/mbshome/mbs/mnd/images/contents/dropdown_btn.png') 0 0 no-repeat;
	text-indent: -5000px;
}



body.mobile #tab_reform ul .last_menu a{
border-bottom: 2px solid #2f75af;
}

body.mobile #tab_reform ul .3rd_menu a{
border-top: 0px;
}

/*20230314_영문 조직도_소속기관 추가*/
.bottom_aawrap{
 margin: -30px 0 120px 0;
}

.bottom_aawrap .title{
 font-weight: bold;
}

.bottom_aawrap ul li{
 display: inline-block;
 padding: 5px 22px;
 margin-right: 5px;
 margin-bottom: 5px;
 font-size: 1.1em;
 font-weight: bold;
 background: #2875b1 !important;
 color: #fff;
}

.bottom_aawrap a:link{
color: #fff !important;
}

/*모바일*/
body.mobile .bottom_aawrap{
 margin: -280px 0 50px 0;
}

body.mobile .bottom_aawrap ul li{
 margin-right: 0px;
 padding: 5px 12px;
 display: block;
}