@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  body.tablet .block_img img{
	max-width: 100%;
}
body.mobile .h_img img {
	display: none;
}

body.mobile .block_img img{
 display: block;
}

.h_img img, .block_img img {
	margin: 0 auto;
	display: block;
}
.h_img .hc {
	overflow: hidden;
	position: absolute;
	top: -9999px;
	left: -9999px;
	height: 1px;
}
body.mobile .hc {
	position: static;
	height: auto;
	margin-bottom: 30px;
}


/******** 민원ㆍ국민참여 ********/
/* 장관과의 대화 */
.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;
}


/******** 국방부 소개 ********/
/* 인사말 */
.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: 650px;
}
.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 {
	background: url('../images/contents/img_06030100.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_06040100.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;
}
#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.4em;
/* 	font-size: 2.8em; */
	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;
	height: 1630px;
	/*background: url('../images/contents/bg_org_desktop.png') center 21px no-repeat;*/
}

/*조직도 line*/
/*1_장관*/
.chart_org .chart01 h5, .chart_org .chart02 h5, .c01_left .box_h6, .c01_left .c01_01, .c01_right .c01_04{
position: relative;
}

.chart_org .chart01 h5::before, .chart_org .chart01 h5::after, .c01_left .box_h6::before, .c01_left .c01_01::after, .c01_right .c01_04::after{
content:'';
position: absolute;
border: 1px solid #ccc;
z-index: -1;
}

.chart_org .chart01 h5::before{
top: 10%;
left: 50%;
height: 280px;
}

.chart_org .chart01 h5::after{
top: 171%;
right: -86%;
width: 150px;
}

.c01_left .box_h6::before{
top: -8%;
left: 50%;
height: 80px;
}

.c01_left .c01_01::after{
top:  -11%;
right: -213%;
width: 365px;
}

.c01_right .c01_04::after{
top:  1%;
left: -113%;
width: 332px;
}

/*조직도_차관*/
.chart_org .box_h6.c02_04, .chart_org .box_h6.c02_03{
position: relative;
}

.chart02 h5::before, .chart_org .box_h6.c02_04::before, .chart_org .box_h6.c02_03::before, .c01_left .c02_01::after, .c02_right .c02_04::after{
content:'';
position: absolute;
border: 1px solid #ccc;
z-index: -1;
}

.chart02 h5::before{
top: 10%;
left: 50%;
height: 400px;
}

.c01_left .c02_01::after{
top: -11%;
left: 50%;
width: 363px;
}

.c02_right .c02_04::after{
top: -8%;
left: -34%;
width: 136px;
}

.chart_org .box_h6.c02_04::before{
top: -8%;
left: 50%;
height: 100px;
}

.chart_org .box_h6.c02_03::before{
top: 47%;
left:  -21%;
width: 100px;
}

/*조직도_기획조정실*/
.chart03 .c03_01 .chart03 .c03_04{
position: relative;
}

.chart03 .c03_01::before, .chart03 .c03_04::before{
content:'';
position: absolute;
border: 1px solid #ccc;
z-index: -1;
}

.chart03 .c03_01::before{
top: 0%;
right:  49%;
width: 350px;
border-bottom: 1px solid #ccc !important;
}

.chart03 .c03_04::before{
top: 0%;
left:  47%;
width: 350px;
}



/*조직도_end*/

.chart_org .chart01 {
	position: relative;
	overflow: hidden;
}
.chart_org h5 a,
.chart_org h6 a {
	color: #fff;
}
.chart_org h5 {
	width: 112px;
	text-align: center;
	font-weight: bold;
	font-size: 1.45em;
	background: url('../images/contents/bg_org_dep01.png') left top no-repeat;
	padding: 41px 0;
	margin: 0 auto 11px;
}
.chart_org h5.h5_02 {
	background-position: left bottom;
}
.chart_org h6 {
	width: 100px;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	background: #57758c;
	padding: 10px 20px;
}
.chart_org .box_h6 ul {
	border: 1px solid #57758c;
	width: 98px;
	padding: 10px 20px;
}
.chart_org .box_h7 {
	margin-top: 20px;
}
.chart_org .box_h7 h6 {
	width: 165px;
	text-align: center;
	font-weight: bold;
	font-size: 1.05em;
	background: #eaeaea;
	padding: 10px 20px;
}
.chart_org .box_h7 h6 a {
	color: #555;
}
.chart_org .box_h7 ul {
	border: 1px solid #ececec;
	width: 163px;
	padding: 10px 20px;
	background: #fff;
}
.chart_org ul li a {
	font-size: 0.85em;
}
.chart_org .c01_left {
	float: left;
	height: 200px;
	padding-top: 15px;
}
.chart_org .box_h6 {
	float: left;
	margin: 0 20px;
	background-color: #fff;
}
.chart_org .c01_right{
	float: right;
	height: 350px;
/* background: url('../images/contents/bg_c01_right.png') -30px top no-repeat; */
	padding-top: 15px;
}
.chart_org .c02_right {
	/*float: right;*/
	display: flex;
	flex-wrap: wrap;
	width: 18%;
    height: 41px;
	padding-top: 12px;
	/*margin-right: 170px;*/
}
.chart_org .chart02 {
	position: absolute;
	top: 265px;
	width: 100%;
	height: 1400px;
	overflow: hidden;
}
.chart_org .chart02 h6 {
	width: 110px;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	background: #76b3e3;
	padding: 10px 20px;
}
.chart_org .c02_03{
margin-left: 113px;
margin-top: 55px;
}
.chart_org .c02_03 h6{
width: 122px;
}
.chart_org .c02_04 h6{
width: 122px;
}
.chart_org .box_h6.c02_04 ul{
width: 120px !important;
}
.chart_org .chart02 .box_h6 ul {
	border: 1px solid #76b3e3;
	width: 108px;
	padding: 10px 20px;
}
.chart_org .chart03 {
	position: relative;
	margin: 0 0 40px;
	overflow: hidden;
	top: 190px;
	width: 100%;
}
.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 {
	background: url('../images/contents/bg_c03_04.png') center top no-repeat;
	min-height: 950px;
}
.chart_org .chart03 h6 {
	width: 132px;
	text-align: center;
	font-weight: bold;
	font-size: 1.05em;
	background: #40a7b0;
	padding: 10px 20px;
	margin: 0 auto;
}
.chart_org .chart03 .box_h7 {
	margin: 20px auto 0;
}
.chart_org .chart03 .box_h7 h6 {
	background: #eaeaea;
	font-size: 1em;
}
.chart_org .chart03 .box_h6 ul {
	border: 1px solid #eaeaea;
	width: 150px;
	padding: 10px 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: 122px;
	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: 165px;}
.chart_org .box_h6.c02_02 {left: 0%;}
/*.chart_org .box_h6.c02_03 {top: 180px; right: 30%;}*/
.chart_org .box_h6.c02_04 {margin-left: 113px !important;}

/* 찾아오시는 길 */
#map {
	max-width: 915px;
	height: 500px;
}
.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 {text-indent: -5000px}
.info_bg.a01 {height: 377px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_01.gif') center top no-repeat;}
.info_bg.a02 {height: 325px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_02.gif') center top no-repeat;}
.info_bg.a05 {height: 340px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_03.gif') center top no-repeat;}
.info_bg.a08 {height: 359px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_04.gif') center top no-repeat; background-size: 100%;}
.info_bg.a09 {height: 218px; background: url('/mbshome/mbs/mnd/images/contents/img_07010000_05.gif') center top no-repeat;}
.info_bg.a10 {height: 340px; 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: 650px;
} 
body.tablet .greeting .content span.w_per{
	width: 50%;
	display: block;
}
body.mobile .greeting_bg {
	padding: 30px 20px 0;
	min-height: 1100px;
}
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.mobile .table_wrap.org table tbody th {padding-left: 10px;}


/***********************************
 iframe
***********************************/
.box_iframe .page_ready {
	display: none;
	font-size: 12px;
}
.frameDiv {display: none;}
body.tablet .box_iframe .page_ready {display: block;}
body.tablet .box_iframe iframe {display: none;}

/***********
적극행정
***********/
.notice-box3 {
	background: #fbfbfb;
	border: 1px solid #d1d1d1;
	padding: 30px;
}
.w100per1{
width: 100%;
}

/***********
비공개대상정보 세부기준
***********/
#pdfDiv {
	width:100%; 
	height:800px;
	overflow:hidden;
	margin: 0;
	opacity: 0;
	border: none;
}
/***********
청렴옴부즈만 인사말 및 소개
***********/
td.om1, th.om1 {width:276px;}
td.om2, th.om2 {width:339px; text-align: left;}
td.om1 img, th.om1 img {width: 140px; height: 180px;}

.icon_bul_sitelink {
	background: url('../images/common/bul_tab03_on.gif') left 9px no-repeat !important;
}


/*20221114_군법무관선발_소개_조직도 이미지_모바일*/
body.mobile .org_wrap .org_02{
margin-top: 20px;
margin-left: 0;
}

.org_wrap .org_02{
margin-left: 15px;
}


/*20221125_상징물_저작물_정책_이미지_MI_pc*/
.bottom_text_box figure{
border: 1px solid #666;
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}

.bottom_text_box .MI_img{
padding: 10px;
}

.bottom_text_box p{
font-size: 16px;
color: #333;
}


/*20221125_상징물_저작물_정책_이미지_MI_모바일*/
body.mobile .bottom_text_box a{
margin: 0 auto;
}

body.mobile .bottom_text_box p{
text-align: center;
}

body.mobile .bottom_text_box figure{
flex-wrap: wrap;
}


/*********************************
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: 1.2em;
}

/*//컨텐츠 이미지//*/
#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: 1.4em;
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;
margin-bottom: 14px;
}

.blue_box .right_box strong{
font-size: 1.2em;
}

.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: 1.2em;
color: #2f75af;
display: block;
letter-spacing: -1.5px;
width: 100%;
}

.blue_box .left_box{
width: 23%;
border: 1px solid #2f75af;
border-top: 3px solid #2f75af;
padding: 15px;
text-align: center;
position: relative;
background: #fff;
display: flex;
align-items: center;
}

.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: 1.2em;
}

.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%;
transform: translate(0, -50%);
left: -75px;
width: 90px;
height: 2px;
background: #adadad;
z-index: -1;
}

.blue_box .right_box::after{
content: '';
position: absolute;
top: 50%;
transform: translate(0, -50%);
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: 5px 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: 5px 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: 1.4em;
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: 1.1em;
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: 1em;
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%;*/
	background: #f7fcff;
    border: 1px solid #a3cbea;
    border-radius: 5px;
	text-align: center;
	margin-bottom: 30px;
	padding: 20px;
}

.cont_04 p{
font-size: 1.1em;
font-weight: bold;
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: 5px solid #0B4063;
text-align: center;
padding: 30px;
position: relative;
}

.right_top_txt_box span{
font-size: 14px;
}

.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: 15px;
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: 1.4em;
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: 1.45em;
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//*/
.blue_box ul li:last-child{
	margin-bottom: 0;
}

#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, #content_3_1_wrap .blue_box span:nth-child(1) .line-height_2, #content_3_1_wrap .blue_box span:nth-child(1) .line-height_3{
    width: 100%;
}

/*//국방혁신4.0_추진중점 및 과제-2//*/
#content_3_2_wrap .blue_box ul li:last-child{
	margin-bottom: 0px;
}


/*//국방혁신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: 1.6em;
text-align: center;
line-height: 94px;
border-radius: 50px;
background: #efefef;
height: 90px;
margin: 4px 6px 5px 6px;
padding: 0 10px;
display: flex;
}

#content_4_wrap .cont_01 p strong{
	width: 100%;
    align-self: center;
}

body.mobile .left_bottom_txt_box ul li, .right_bottom_txt_box ul li{
font-size: 1.1em;
}

#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: 5px;
padding: 5px;
width: 20%;
background: #fff;
}

.cont4_box_left strong{
background: #5faadd;
color: #fff;
font-size: 1.4em;
padding: 15px;
display: block;
width: auto;
text-align: center;
border-radius: 5px;
}

/*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: 3px solid #5faadd;
}

.cont4_box02 .right_box02{
border: 3px solid #2f75af;
}

.cont4_box03 .right_box03{
border: 3px solid #0b4063;
}

/*right_text_color*/
.cont4_box01 .right_box01 .text_box01{
color: #2d78ab;
}

.cont4_box02 .right_box02 .text_box02{
color: #1762a0;
}

.cont4_box03 .right_box03 .text_box03{
color: #0b4063;
}

.cont4_box_right{
	width: 65%;
	position: relative;
    background: #fff;
    display: flex;
	padding: 0 20px;
	border-radius: 5px;
}

.cont4_box_right::before{
	content: '';
	position: absolute;
	top: 50%;
	left: -120px;
    transform: translate(0, -50%);
	width: 145px;
	height: 2px;
	background: #aaa;
	z-index: -1;
}

.fff_bg{
position: relative;
display: block;
width: 100%;
font-size: 1.1em;
color: #5faadd;
text-align: center;
align-self: center;
}

.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;
    margin-right: 5px;
}

.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;
font-size: 1.1em;
}

.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%;*/
    background: #f7fcff;
    border: 1px solid #a3cbea;
    border-radius: 5px;
	padding: 20px;
	text-align: center;
	margin-bottom: 30px;
}

#content_4_wrap .cont_03 p{
font-size: 1.1em;
font-weight: bold;
display: inline-block;
padding: 0 10px;
}

.skyblue{
color: #2f75af;
}

.cont_02 .cont4_box04{
	display: inline-block;
    width: 100%;
}


/*//국방혁신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: 1.4em;
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 .cont5_text_bg span{
	padding: 20px;
	width: 100%;
}

#content_5_1_wrap .cont_02 p{
font-size: 1.2em;
text-align: center;
border-radius: 50px;
background: #fff;
height: 90px;
margin: 4px 6px 5px 6px;
display: flex;
align-items: center;
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: #fff;
	padding: 20px;
    border: 1px solid #abc8de;
	border-top: 0;
}

.wrap02{
	background: #ffffff;
	padding: 20px;
    border: 1px solid #adabc3;
}

.cont3_text_wrap ul li{
text-align: left;
margin-bottom: 15px;
font-size: 15px;
}

.cont3_text_wrap ul li:last-child{
	margin-bottom: 0px;
}

#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;
}

/*******************************************
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%;*/
	text-align: center;
	margin-bottom: 30px;
}

body.mobile .cont_04 p{
font-size: 1.1em;
padding: 0 10px;
}

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_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: 1.2em;
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: -60px;
	left: 50%;
	width: 2px;
	height: 90px;
	transform: translate(-50%, 0);
}

body.mobile .blue_box .right_box::after{
	top: -6px;
    left: 50%;
    transform: translate(-50%, 0);
}

body.mobile .left_box .box_number{
left: 48.5%;
}

body.mobile .left_box .box_number2{
left: 46.8%;
}

body.mobile .right_box span{
font-size: 14px;
}


/*//responsive css_추진전략//*/
body.mobile #content_4_wrap .cont_01 p{
font-size: 1.2em;
line-height: normal;
}

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%;
background: #fff;
height: 90px;
}

body.mobile .fff_bg{
font-size: 15px;
position: initial;
}

body.mobile .cont4_box_right::before{
	height: 80px;
	top: -30px;
    left: 50%;
    width: 2px;
}

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;
}


/*//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;
}

body.mobile .cont5_text_bg p span{
display: block;
}

body.mobile #content_5_1_wrap .cont_01 strong{
margin-top: 75px;
}

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;
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;
}


/*20230809_조직도_최신화*/
.content{
display: block;
max-width: 915px;
margin: 0 auto;
margin-bottom: 30px;
}
.org_title{
margin-top: 30px;
}

.org_wrap{
text-align: center;
}

.org_cont{
max-width: 915px;
margin: auto;
}



/*///조직도_1///*/
/*장관*/
.org_1{
height: 400px;
overflow: hidden;
}

.org_1 .org_1_top{ 
position: relative;
margin:0 auto;
margin-bottom: 30px; 
}

.org_1 .org_1_top span{
 background: url('/mbshome/mbs/mnd/images/contents/bg_org_dep01.png') top no-repeat;
 width: 112px;
 height: 112px;
 line-height: 112px;
 display: inline-block;
 font-size: 20px;
}

.org_1 .org_1_top span a{
color: #fff;
font-weight: bold;
}

.org_1 .org_1_box{ /*부시장*/
border: 1px solid #ddd;
border-radius: 5px;
background: #eef7f7;
width: 100%;
display: table;
table-layout: fixed;
padding: 10px 9px;
margin-top: 5px;
}

.org_1_box a{
color: #333;
font-weight: bold;
}

.org_2_top{
position: relative;
}

.org_1_top::before, .org_2_top::before{
content:'';
position: absolute;
top: 110px;
left: 50%;
width: 1px;
height: 661px;
background: #8f8f8f;
z-index: -1;
}

.org_2_top::before{
height:335px;
}

.left_margin{
margin-left: 15px !important;
margin-right: 0 !important;
}


/*조직도_1_bottom*/
.org_1_bottom{
position: relative;
}

.org_1_bottom::before{
position: absolute;
content:'';
width: 39.5%;
height: 1px;
background: #888;
top: -5px;
left: 10.5%;
}

/*기획감사실*/
.org_1_bottom .org_1_sub{ 
position: relative;
}

.org_1_bottom .org_1_sub::before{
content:'';
position: absolute;
top: -5px;
left: 45%;
height: 40px;
width: 1px;
background: #888;
}

.org_1_bottom .org_1_sub:nth-child(3)::before{
top: 68px;
left: -15px;
width: 50px;
height: 1px;
}

.org_01{
background: #57758c;
}

.org_01 a{
color: #fff;
}

.org_01_1{
background: #eaeaea;
}

.org_1_bottom .org_1_sub:last-child{
margin-right: 0;
}

.org_1_bottom .org_1_sub span a{
letter-spacing: -0.8px;
font-size: 14px;
font-weight: bold;
}

/*대변인*/
.org_1_bottom .common_org{ 
letter-spacing: -0.8px;
padding: 10px;
display: table;
table-layout: fixed;
width: 100%;
position: relative;
margin-top: 20px;
text-align: center;
box-sizing: border-box;
}

.box ul li a .circle{
width: 3px;
height: 3px;
border-radius:50%;
background: #888;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}

.org_1_bottom .org_1_2_sub::before{
position: absolute;
content:'';
top: -25px;
left: 50%;
width: 1px;
height: 41px;
background: #888;
z-index: -1;
}

.org_1_bottom .org_1_sub{
text-align: center;
float: left;
width: calc(25% - 15px);
margin-right: 15px;
}

.org_1_bottom li.org_1_sub:nth-child(3) span{
margin-top: 50px;
}


.org_1_bottom .org_1_2_sub a{
color: #fff;
}

.org_1_bottom .org_1_sub .box{
border: 1px solid #57758c;
text-align: left;
}

.org_1_bottom .org_2_sub .box{
border: 1px solid #ddd ;
}

.org_1_bottom .box{
background: #fff;
padding: 10px;
display: table;
table-layout: fixed;
width: 100%;
box-sizing: border-box;
}

.org_1_bottom .box p{
letter-spacing: -0.8px;
font-size: 15px;
}

.org_1_bottom .box a{
color: #333;
font-size: 12px;
vertical-align: bottom;
letter-spacing: -0.5px;
}

.org_1_sub .org_1_2_sub_txt a{
color: #555;
}




/*///조직도_2_top///*/ 
/*차관*/
.org_2 {
height: 450px;
overflow: hidden;
}

.org_2 .org_2_top span{
background: url('/mbshome/mbs/mnd/images/contents/bg_org_dep01.png') bottom no-repeat;
width: 112px;
height: 112px;
line-height: 112px;
display: inline-block;
font-size: 20px;
}

.org_2 .org_2_top span a{
color: #fff;
font-weight: bold;
}

.org_2_bottom{
margin-top: 30px;
position: relative;
}

.org_2_bottom::before{
position: absolute;
content:'';
width: 76.8%;
height: 1px;
background: #888;
top: -5px;
left: 10.5%;
}

.org_2_bottom::after{
display: none;
}

.org_2_bottom .org_2_sub{
text-align: center;
float: left;
width: calc(25% - 15px);
margin-right: 15px;
position: relative;
}

.org_2_bottom .org_2_sub::before{
content:'';
position: absolute;
top: -5px;
left: 45%;
height: 40px;
width: 1px;
background: #888;
}

.org_2_bottom .common_org, .org_2_sub_last .common_org{
letter-spacing: -0.8px;
padding: 10px;
display: table;
table-layout: fixed;
width: 100%;
position: relative;
margin-top: 20px;
text-align: center;
box-sizing: border-box;
}

.org_02{
background: #76b3e3;
}

.org_2_sub_last{
 width: 50%;
 float: right;
}

.org_2_sub_last .common_org{
 width: 48%;
 margin-left: 15px;
 position: relative;
 background: #76b3e3;
}




/*line*/
.org_2_sub_last .common_org::after{
position: absolute;
content:'';
background: #888;
z-index: -1;
}

.org_2_sub_last .common_org::after{
width: 50px;
height: 1px;
top: 50%;
left: -15px;
}




/*///조직도_3///*/
.org_3 .org_3_sub{
text-align: center;
width: 18.5%;
position: relative;
}

.org_3 .org_3_sub::after{
content: '';
position: absolute;
top: -5px;
left: 50%;
height: 525px;
width: 1px;
background: #888;
z-index: -1;
}

.org_3 .org_3_sub:last-child::after{
height: 250px;
}

.org_3 span.org_03, .org_3 span.org_03_1{
letter-spacing: -0.8px;
padding: 10px;
display: table;
table-layout: fixed;
width: 100%;
position: relative;
margin-top: 20px;
text-align: center;
box-sizing: border-box;
}

.org_3 span.org_03{
background: #40a7b0;
}

.org_3 span.org_03_1{
background: #eaeaea;
}

.org_3 .box{
background: #fff;
padding: 8px;
display: table;
table-layout: fixed;
width: 100%;
border: 1px solid #eaeaea;
text-align: left;
box-sizing: border-box;
}

.org_3_bottom{
position: relative;
display: flex;
justify-content: space-between;
}

.org_3_bottom::after{
position: absolute;
content: '';
width: 82%;
height: 1px;
background: #888;
top: -5px;
left: 9%;
}

.last_sub_box{
 border-color: #40a7b0 !important;
}



/*///공통 css///*/
.org_2_bottom .org_2_sub span a, .org_3 span.org_03 a, .org_3_sub span.org_03_1 a, .org_2_sub_last span a{
color: #fff;
letter-spacing: -0.8px;
font-size: 14px;
font-weight: bold;
}

.org_3_sub span.org_03_1 a{
color: #555;
}

.org_2_bottom .box{
background: #fff;
padding: 10px;
display: table;
table-layout: fixed;
width: 100%;
border: 1px solid #76b3e3;
text-align: left;
box-sizing: border-box;
}

.org_2_bottom .box a, .org_3_sub .box a{
color: #333;
font-size: 12px;
vertical-align: bottom;
letter-spacing: -0.5px;
}


/*/////////////////////////////반응형/////////////////////////////////////////////*/
/*////////////962px///////////////*/
@media screen and (max-width: 962px){ /*장관 line*/ /*모바일_레이아웃_2*/
.org_1_bottom{
flex-wrap: wrap;
}

.org_1_top::before{
height: 1058px;
}

.org_1_bottom .org_1_sub{
width: calc(50% - 15px);
}

.org_1_bottom .org_1_sub .sub_left, .org_1_bottom .box_left{
float: left;
}

.org_1{
height:400px;
}

.org_1_sub_right, .org_2_sub_right{
 margin-left: 15px !important;
 margin-right: 0 !important;
}

.left_margin{
 margin-left: 0 !important;
 margin-right: 0 !important;
}


.org_1_bottom::before{
left: 26.8%;
width: 47.5%;
top: 40px;
}

.mb_right_title, .box_right{
 float: right;
}

.org_1_bottom .org_1_2_sub::before, .org_1_bottom .org_1_sub::before{
display: none;
}

.org_1_bottom .mb_1_sub::after{
display: none;
}

.org_1_bottom li.org_1_sub:nth-child(3) span{ /*정책보좌관_line*/
margin-top: 20px;
position: relative;
}

.org_1_bottom li.org_1_sub:nth-child(3) span::before{
position: absolute;
content:'';
background: #888;
width: 7%;
height: 1px;
top: 18px;
left: 97%;
z-index: -1;
}

.org_1_bottom li.org_1_sub:last-child .org_1_2_sub{ /*국방개혁실_line*/
position: relative;
}

.org_1_bottom li.org_1_sub:last-child .org_1_2_sub:first-child::after{
position: absolute;
content:'';
background: #888;
width: 1px;
height: 175px;
top: 10px;
left: 50%;
z-index: -1;
}

.org_1_bottom .common_org{
width: 100%;
}

/*차관_org_2_bottom*/
.org_2_bottom{

}

.org_2_bottom .org_2_sub{
width: calc(50% - 15px);
}

.org_2_bottom::before{
top: 40px;
}

.org_2_bottom .org_2_sub::before{
display: none;
}

.org_1_top::before{
top: 110px;
}

.org_2{
 height: 600px;
}

.org_2_top::before{
height: 485px;
}

.org_2_sub_last{
float: left;
width: 100%;
margin-left: -15px
}

.org_2_sub_last .common_org::after{
 /*right: -15px;*/
 display: none;
}

.org_2_sub_last .common_org::before{
position: absolute;
content:'';
top: 50%;
right: -15px;
background: #888;
height:1px;
width: 35px;
z-index: -1;
}

.org_2_bottom{
position: relative;
}

.org_2_bottom::after{
 position: absolute;
 content: '';
 background: #888;
 top: 204px;
 left: 168px;
 width: 200px;
 height: 1px;
 z-index: -1;
}

.org_2_sub_right2{
margin-left: 15px;
float: right !important;
}


/*부서별_.org_3*/
.org_3_bottom{
 flex-wrap: wrap;
}

.org_3 .org_3_sub{
 width: 42%;
}

.org_3_right{
margin-left: 0;
}

.org_3_bottom::after{
width:58%;
left: 21%;
}

.org_3_sub_m{
margin-top: -55px;
}

.last_sub_menu{
margin-top: -52px;
}
}
/*962px*/

@media screen and (max-width: 520px){ /*모바일_레이아웃_1*/
.minister > div {
    padding: 220px 0 0 20px;
    color: #333;
	}


.privacy_btn ul li{
	width: 100% !important;
	}

}
/*520px*/

@media screen and (max-width: 489px){ /*모바일_레이아웃_2*/
/*장관*/
.org_1{
height: auto;
}

.org_1_bottom{
margin-top: -20px;
}

.org_1_bottom .common_org, .org_1_bottom .box{
width: 100%;
}

.mb_right_title, .box_right{
 margin-right: 0;
}

.org_1 .org_1_bottom .org_1_sub, .org_1 .org_1_bottom li:nth-child(2), .org_1 .org_1_bottom li:nth-child(3){
max-width: 260px;
width: 100%;
margin: 0 auto;
}

.org_1_bottom::before, .org_1_bottom .mb_1_sub::after{
display: none;
}

.org_1_top{
width: 100%;
}

.org_1_bottom .org_1_sub{
margin-top: -5px;
}

.org_1_bottom .mb_1_2_sub::after{
top: -35px;
height: 35px;
}

.org_1_top::before{
left: 50%;
height: 300px;
}

.org_1 .org_1_bottom .org_1_sub, .org_1 .org_1_bottom li:nth-child(2), .org_1 .org_1_bottom li:nth-child(3){
max-width:none;
}

.org_1_bottom li.org_1_sub:nth-child(3) span::before{
display: none;
}

/*차관*/
.org_2{
margin-top: 50px;
height: auto;
}

.org_2_bottom{
display: flex;
flex-wrap: wrap;
}

.org_2_bottom .org_2_sub, .org_2_sub_last .common_org{
 width: 100%;
}

.org_2_bottom .common_org, .org_2_sub_last .common_org, .org_2_bottom .box{
width: 100%;
}

.org_2_sub_last .common_org::after{
 display: none;
}

.org_2_top::before{
height: 650px;
}

/*운영지원과*/
.org_2_right_last{
 background: #76b3e3;
 margin-left: 150px;
}

/*부서별_org3*/
.org_3 .org_3_sub{
width: 100%;
margin-left: 0;
margin-top: 20px;
overflow: hidden;
}

.org_3_right{
margin-right: 0;
}

.org_3_bottom::after{
display: none;
}

.last_sub_menu{
margin-top: 5px;
}

.org_3 .org_3_sub::after{
top: 25px;
}

.org_1_sub_right, .org_2_sub_right{
 margin-left: 0px !important;
}

.org_2_bottom .org_2_sub{
margin-right: 0px;
}
}
/*489px*/






.org_wrap .org_02{margin-left: 0 !important;}

/*/////
.common_org : 조직도 컨텐츠 공통 넓이
.org_01 : 조직도 컨텐츠 배경 색상(상위조직도)
.org_01_1 : 조직도 컨텐츠 배경 색상(하위조직도)
.org_1_sub : li class명-1
.org_2_sub : li class명-2
/////*/



/*개인정보처리방침*/
.privacy_list li, .privacy_list li{
	margin-bottom: 10px;
	line-height: 22px;
}

.privacy_btn ul li{
	width: 45%;
}
