@charset "utf-8";
@import "main.css";   
@import "board.css";
@import "font.css";
@import "form.css";
@import "normalize.css";
@import "contents.css";


/*탭4~5개 이상*/
	.nv_tabMenu{
		position: relative;
		overflow: hidden;
		border-style: solid;
		border-width: 1px 0 1px 1px;
		border-color: #ddd #ddd #888 #ddd;
		margin-bottom: 4em;
		background-color: #f5f5f5;
	}
	.nv_tabMenu .nv_tabMenuList li{
		float: left;
		width: 25%;
	}
	.nv_tabMenu .nv_tabMenuList li a{
		display: block;
		line-height: 3;
		border-style: solid;
		text-align: center;
		border-color: #ddd;
		background-color: #fff;
		border-width: 0 1px 1px 0;
		color: #444;
		text-decoration: none;
	}
	.nv_tabMenu .nv_tabMenuList li a:hover,
	.nv_tabMenu .nv_tabMenuList li a.on{
		color: #fff;
		background-color: #00a5e2;
		border-color: #00a5e2;
	}
	.nv_tabMenu .nv_tabMenuList li a.on{
		font-weight: 600;
	}
/*탭3개*/
	.nv_tabMenu2{
		position: relative;
		overflow: hidden;
		border-style: solid;
		border-width: 1px 0 1px 1px;
		border-color: #ddd #ddd #888 #ddd;
		margin-bottom: 4em;
		background-color: #f5f5f5;
	}
	.nv_tabMenu2 .nv_tabMenuList li{
		float: left;
		width: 33.33%;
	}
	.nv_tabMenu2 .nv_tabMenuList li a{
		display: block;
		line-height: 3;
		border-style: solid;
		text-align: center;
		border-color: #ddd;
		background-color: #fff;
		border-width: 0 1px 1px 0;
		color: #444;
		text-decoration: none;
	}
	.nv_tabMenu2 .nv_tabMenuList li a:hover,
	.nv_tabMenu2 .nv_tabMenuList li a.on{
		color: #fff;
		background-color: #00a5e2;
		border-color: #00a5e2;
	}
	.nv_tabMenu .nv_tabMenuList li a.on{
		font-weight: 600;
	}
/**/
	#nvPageSns {
		position: absolute;
	}
	#nvPageSns a,
	#nvPageSns button{
		float: left;
		border: 0;
		height: 20px;
		margin-left: 3px;
		background-image: url("../images/guide/snsB.gif");
		background-repeat: no-repeat;
		text-indent: -5000px;
		overflow: hidden;
	}
	#nvPageSns a{
		width: 28px;
	}
	#nvPageSns button{
		width: 68px;
	}    
	#nvPageSns #pprint{   
		width: 68px;  
		background-position: 0 0;
	}
	#nvPageSns #yyoutube{
		background-position: -68px 0;
	}
	#nvPageSns #ffacebook{
		background-position: -96px 0;
	}
	#nvPageSns #ttwitter{
		background-position: -124px 0;
	}
	#nvPageSns #kakao-link-btn{
		display: none;
		background-position: -152px 0;
	}
/**/
	#nv_pagetitle{     
		text-align: center;
	}
	#nv_pagetitle h1{
		font-weight: 600;
		font-size: 30px;
		line-height: 1.5;
		padding: 50px 0;
	}
/**/
	.nv_t02{
		font-size: 24px;
		line-height: 2;
		background: url("../images/guide/nv_t02.gif") no-repeat 0 0;		
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.nv_t03{
		font-size: 18px;
		line-height: 2;
	}
/**/
	.nv_content{
		font-size: 13px;
		line-height: 1.8;
		margin-bottom: 1em;
	}
	.nv_content p{
		line-height: 1.8;
		margin-bottom: 0.5em;
	}
/**/
	.nv_ul{
		margin-left: 20px;
	}
	.nv_ul > li{
		padding-left: 15px;
		background: url("../images/guide/ulli.gif") no-repeat 0 10px;
	}
	.nv_ulul{
		
	}
	.nv_ulul > li{
		padding-left: 15px;
		background: url("../images/guide/ulliulli.gif") no-repeat 0 13px;
	}
	.nv_dlul{
		margin-left: 20px;
	}
	.nv_dlul > li{
		padding-left: 15px;
		background: url("../images/guide/dlulli.gif") no-repeat 0 10px;
	}
/**/
	.nv_tableComment{
		color: #737574;
		font-size: 0.94em;
	}
	.nv_table {
		width: 100%;
		border-top: 2px #494e64 solid;
		border-left: 2px #fff solid;
	}
	.nv_table.list th,
	.nv_table.list td{
		padding: 10px 8px;
		text-align: center;
	}
	.nv_table.view th,
	.nv_table.view td{
		padding: 20px 8px;
	}
	.nv_table.view td{
		text-align: left;
	}
	.nv_table caption{
		display: none;
	}
	.nv_table td,
	.nv_table th {
		border-width: 0 0 1px 1px;
		border-style: solid;
		border-color: #c6c6c6;
		line-height: 1.5;
	}
	.nv_table thead th {
		background-color: #f8f8f8;
	}
	.nv_table tbody td,
	.nv_table tbody th,
	.nv_table tfoot td,
	.nv_table tfoot th {
		color: #373737;
	}
	.nv_table tbody th{
		background-color: #f8f8f8;
	}
	.nv_table.list tbody td {
		text-align: center;
	}
/**/
	.nv_pcolor01{
		color: #00a5e2;
	}
	.nv_pcolor02{
		color: #ec5e00;
	}
	.nv_pcolor03{
		color: #006600;
	}
/**/
	span.nv_btn{
		margin: 0;
		padding: 0 1em;
		overflow: hidden;
		display: inline-block;
		border: 1px #c6c6c6 solid;
	}
	span.nv_btn a{
		line-height: 3;
		float: left;
		border: 0;
		padding-right: 20px;
		text-decoration: none;
		color: #777;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	span.nv_btn a.anchor{
		background: url("../images/guide/btnAnchor.gif") no-repeat right 50%;
	}
	span.nv_btn a.wrd{
		background: url("../images/guide/btnWrd.gif") no-repeat right 50%;
	}
	span.nv_btn a.acro{
		background: url("../images/guide/btnAcr.gif") no-repeat right 50%;
	}
	span.nv_btnN{
		margin: 0;
		padding: 0;
		overflow: hidden;
		display: inline-block;
		border: 0;
	}
	span.nv_btnN a{
		line-height: 3;
		float: left;
		border: 0;
		padding : 0 20px;
		text-decoration: none;
		color: #fff;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	span.nv_btnN a.tb01{
		background-color: #464e6b;
	}
	span.nv_btnN a.tb02{
		background-color: #6b6346;
	}
/**/
	.nv_img{
		position: relative;
		overflow: hidden;
		margin-bottom: 1em;
	}
	.nv_img.basic .nv_thumb{
		float: left;
		text-align: center;
		width: 273px;
	}
	.nv_img.basic .nv_thumb2{
		float: left;
		text-align: center;
		width: 124px;
	}
	.nv_img.basic .nv_thumb .img{
		display: block;
		border: 1px #ddd solid;	
	}
	.nv_img.basic .nv_thumb .img img{
		width: 100%;
		display: block;
	}
	.nv_img.basic .nv_thumb .desc{
		display: block;
		padding-top: 0.5em;
	}
	.nv_img.basic .nv_thumbContent{
		margin-left: 300px;
	}
	.nv_img.basic .nv_thumbContent2{
		margin-left: 150px;
	}
/**/
	.nv_imgList{
		position: relative;
		overflow: hidden;
		margin-bottom: 1em;
	}
	.nv_imgList li.nv_imgListLi{
		float: left;
		width: 25%;
	}
	.nv_imgList li .nv_imgWrap{
		margin: 0 0.5em;
	}
	.nv_imgList li .nv_imgWrap .nv_thumb{
		margin-bottom: 1.8em;
	}
	.nv_imgList li .nv_imgWrap .nv_thumb .img{
		display: block;
	}
	.nv_imgList li .nv_imgWrap .nv_thumb .img img{
		width: 100%;
		display: block;
	}
/**/
	.nv_borderBox{
		border: 1px #d7d7d7 solid;
		padding: 1em;
		background-color: #fff;
		position: relative;
	}
	.nv_borderBox.inbtn dl{
		margin-right: 115px;
	}
	.nv_borderBox.inbtn .btnArea{
		position: absolute;
		top: 1em;
		right: 1em;
		text-align: center;
	}	
	.nv_borderBox.inbtn .btnArea2{
		position: absolute;
		top: 1.6em;
		right: 1.5em;
		text-align: center;
	}
/*dl*/
	/**/
	.dQuestion{
		background: url("../images/guide/dQuestion.gif") no-repeat 0 0;
		min-height: 43px;
		height: auto !important;
		_height: 43px;
	}
	.dQuestion dl{
		margin-left: 80px;
		padding-top: 10px;
	}
	.dQuestion dl dt{
		font-weight: bold;
		float: left;
		width: 80px;
		background: url("../images/guide/dQuestionDtGab.gif") no-repeat right 8px;
	}
	.dQuestion dl dd{
		margin-left: 90px;
		color: #666;
	}
	.dQuestion1{
		background: url("/mbshome/mbs/navy/images/ipin.jpg") no-repeat 0 0;
		min-height: 43px;
		height: auto !important;
		_height: 43px;
	}
	.dQuestion1 dl{
		margin-left: 180px;
		padding-top: 10px;
		margin-right: 0 !important;
	}
	.dQuestion2{
		background: url("../images/guide/dQuestion.gif") no-repeat 0 0;
		min-height: 43px;
		height: auto !important;
		_height: 43px;
	}
	.dQuestion2 dl{
		margin-left: 60px;
		padding-top: 10px;
	}
	.dQuestion2 dl dt{
		font-weight: bold;
		float: left;
		width: 90px;
		background: url("../images/guide/dQuestionDtGab.gif") no-repeat right 8px;
	}
	.dQuestion2 dl dd{
		margin-left: 100px;
		color: #666;
	}
	.dQuestion3{
		background: url("") no-repeat 0 0;
		min-height: 43px;
		height: auto !important;
		_height: 43px;
	}
	.dQuestion3 dl{
		margin-left: 10px;
		padding-top: 1px;
	}
	.dQuestion3 dl dt{
		font-weight: bold;
		font-size: 30px;
		float: left;
		width: 120px;
		height: 40px;
		line-height: 40px;
		background: url("/mbshome/mbs/navy/images/navy_010300000000_004.gif") no-repeat right 50%;
	}
	.dQuestion3 dl dd{
		margin-left: 150px;
		color: #666;
		min-height: 36px;
		height: auto !important;
		_height: 36px;
	}
	.dQuestion4{
		background: url("/mbshome/mbs/navy/images/dQuestion2.png") no-repeat 0 0;
		background-position: 8px 5px;
		min-height: 43px;
		height: auto !important;
		_height: 43px;
	}
	.dQuestion4 dl{
		margin-left: 10px;
		padding-top: 10px;
	}
	.dQuestion4 dl dt{
		font-weight: bold;
		font-size: 20px;
		float: left;
		width: 90px;
		background: url("#") no-repeat right 8px;
	}
	.dQuestion4 dl dd{
		margin-left: 80px;
		color: #666;
	}
	/**/
	dl.define dt{
		font-weight: 600;
		font-size: 17px;
		line-height: 1;
		margin-bottom: 1em;
	}
	/*참모총장인사말 추가*/
	dl.define2 dt{
		font-weight: 1000;
		font-size: 20px;
		line-height: 1;
		margin-bottom: 1em;
	}
	dl.define dd{
		color: #555;
	}
	
	/*역대참모총장*/
	dl.define3 dt{
		font-weight: none;
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 3em;
		margin-top: 0.2em;
		text-align: center;
	}
	.nv_imgList2{
		position: relative;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
	}
	.nv_imgList2 li.nv_imgListLi2{
		float: left;
		width: 179px;
		height: 325px;
	}
	.nv_imgList2 li .nv_imgWrap2{
		margin: 2em;
	}
	.nv_imgList2 li .nv_imgWrap2 .nv_thumb2{
		margin-bottom: 1.0em;
	}
	.nv_imgList2 li .nv_imgWrap2 .nv_thumb2 .img2{
		display: block;
	}
	.nv_imgList2 li .nv_imgWrap2 .nv_thumb2 .img2 img{
		width: 100%;
		display: block;
	}

	/*해군복제*/
	dl.define5 dt{
		font-weight: none;
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 3em;
		margin-top: 0.2em;
		text-align: center;
	}
	.nv_imgList4{
		position: relative;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
	}
	.nv_imgList4 li.nv_imgListLi2{
		float: left;
		width: 220px;
		height: 430px;
	}
	.nv_imgList4 li .nv_imgWrap2{
		margin: 2em;
	}
	.nv_imgList4 li .nv_imgWrap2 .nv_thumb2{
		margin-bottom: 1.0em;
	}
	.nv_imgList4 li .nv_imgWrap2 .nv_thumb2 .img2{
		display: block;
	}
	.nv_imgList4 li .nv_imgWrap2 .nv_thumb2 .img2 img{
		width: 100%;
		display: block;
	}



	/*격오지장병*/
	.nvGojjb{
		overflow: hidden;
		position: relative;
	}
	.nvGojjb li{
		float: left;
		width: 20%;
		margin-bottom: 10px;
	}
	.nvGojjb li dl{
		display: block;
		margin: 0 5px;
	}
	.nvGojjb li dl dt,
	.nvGojjb li dl dd{
		margin-bottom: 1px;
	}
	.nvGojjb li dl dd a{
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 1.4;
	}
	.nvGojjb li dl dt{
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #658cc6;
		color: #fff;
		text-align: center;
		font-weight: bold;
	}
	.nvGojjb li dl dt a{
		color: #fff;
	}
	.nvGojjb li dl dd{
		border: 1px #c6c6c6 solid;
		background-color: #f0f0f0;
	}
	.nvGojjb li dl dd a{
		display: block;
		padding-left: 45px;
		padding-right: 10px;
		background-repeat: no-repeat;
	}
	.nvGojjb li dl dd a.gojj01{
		background-image: url("../images/nvGojjb01.gif");
		background-position: 10px 5px;
	}
	.nvGojjb li dl dd a.gojj02{
		background-image: url("../images/nvGojjb02.gif");
		background-position: 10px 11px;
	}
	.nvGojjb li dl dd a.gojj03{
		background-image: url("../images/nvGojjb03.gif");
		background-position: 13px 9px;
	}
	.nvGojjb li dl dd a.gojj04{
		background-image: url("../images/nvGojjb04.gif");
		background-position: 10px 8px;
	}
	.nvGojjb li dl dd a.gojj05{
		background-image: url("../images/nvGojjb05.gif");
		background-position: 11px 10px;
	}
	.nvGojjb li dl dd a.gojj06{
		background-image: url("../images/nvGojjb06.gif");
		background-position: 10px 10px;
	}
	.nvGojjb li dl dd a.gojj07{
		background-image: url("../images/nvGojjb07.gif");
		background-position: 10px 10px;
	}

	/*사이트맵*/
	.nvSitemap .depth1 {
		overflow: hidden;
		position: relative;
	}
	.nvSitemap .depth1 .depth1_li{
		float: left;
		width: 20%;
	}
	.nvSitemap .depth1 .depth1_li a{
		display: block;
	}
	.nvSitemap .depth1 .depth1_li a.gnb1dept,
	.nvSitemap .depth1 .depth1_li div.gnb2dept{
		display: block;
		margin: 0 5px;
	}
	.nvSitemap .depth1 .depth1_li a.gnb1dept{
		color: #1e2380;
		font-size: 1.6em;
		line-height: 3;
		text-align: center;
		font-weight: bold;
		border-bottom: 3px #6bccf5 solid;
		margin-bottom: 3px;
	}
	.nvSitemap .depth1 .depth1_li div.gnb2dept .depth2 .depth2_li > span ,
	.nvSitemap .depth1 .depth1_li div.gnb2dept .depth2 .depth2_li > span > a{
		display: block;
	}
	.nvSitemap .depth1 .depth1_li div.gnb2dept .depth2 .depth2_li > a,
	.nvSitemap .depth1 .depth1_li div.gnb2dept .depth2 .depth2_li > span > a{
		background-color: #e7e7e7;
		color: #222;
		line-height: 3;
		margin-bottom: 10px;
		padding-left: 10px;
	}
	.nvSitemap .depth1 .depth1_li div.gnb2dept .depth2 .depth2_li .gnb3dept{
		margin-bottom: 10px;
	}
	.nvSitemap .depth1 .depth1_li div.gnb2dept .depth2 .depth2_li .gnb3dept .depth3 .depth3_li a{
		background: url("../images/sitemapDot.gif") no-repeat 10px 10px;
		padding-left: 20px;
		line-height: 1.5;
		margin: 3px 0;
	}
	.nvSitemap a:hover{
		color: #008fcb;
	}
	/*민원헌장*/
	.nvCharter{
		overflow: hidden;
		position: relative;
	}
	.nvCharter .color{
		color: #009ee0;
	}
	.nvCharter .nvCharterLogo{
		float: left;
	}
	.nvCharter .nvCharterLogo img{
	}
	.nvCharter .nvCharterDiv{
		margin-left: 160px;
	}
	.nvCharter .nvCharterDiv .weare{
		font-size: 1.8em;
		padding-bottom: 15px;
	}
	.nvCharter .nvCharterDiv .whatWeDo{
		font-size: 1.1em;
		padding-bottom: 1em;
		border-bottom: 1px #ddd solid;
	}
	.nvCharter .nvCharterDiv ul{
		margin: 1em 0;
	}
	.nvCharter .nvCharterDiv ul li{
		margin: 5px 0;
	}
	.nvCharter .nvCharterDiv ul li dl{
		overflow: hidden;
		position: relative;
	}
	.nvCharter .nvCharterDiv ul li dl dt{
		float: left;
		background-color: #6bccf5;
		border-radius: 25px;
	}
	.nvCharter .nvCharterDiv ul li dl dt span{
		display: block;
		margin: 5px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		text-align: center;
		border-radius: 20px;
		background-color: #009ee0;
	}
	.nvCharter .nvCharterDiv ul li dl dd{
		margin: 14px 0 0 60px;
	}
	.nvCharter .nvCharterFoot{
		border-top: 1px #ddd solid;
		padding: 1em 0;
	}
	.nvCharter .nvCharterFoot p{
	}
	/*신고상담*/
	.nvCouncil {
	}
	.nvCouncil .nvCouncilUl {
		overflow: hidden;
		position: relative;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi {
		float: left;
		width: 50%;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap {
		border: 5px #6bccf5 solid;
		padding: 1px;
		background-color: #fff;
		overflow: hidden;
		position: relative;
		height: 200px;
		margin: 0 5px 10px;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap .councilHead {
		float: left;
		background-color: #efefef;
		width: 160px;
		height: 200px;
		text-align: center;
		position: relative;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap .councilHead > strong {
		padding-top: 54px;
		display: block;
		color: #1d548b;
		font-size: 1.4em;
		line-height: 1.5;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap .councilHead > strong > em {
		color: #b50000;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap .councilHead .headButton {
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 100%;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap .councilHead .button a {
		width: auto !important;
		min-width: 60px;
		font-size: 1.2em;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap .councilDiv {
		margin: 5px 10px 0 160px;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap .councilDiv .nv_ulul {
		font-size: 0.9em;
	}
	/*홍보책자 : 지원서작성*/
	.promotionUl {
		position: relative;
		overflow: hidden;
	}
	.promotionUl .promotionLi {
		float: left;
		width: 33%;
	}
	.promotionUl .promotionLi .promotionWrap {
		padding-top: 3px;
		width: 208px;
		margin: 0 auto 1em;
	}
	.promotionUl .promotionLi .promotionWrap .promotionThumb ,
	.promotionUl .promotionLi .promotionWrap .promotionAnchor {
		background-color: #e3e3e3;
		position: relative;
		width: 204px;
		margin-left: 3px;
	}
	.promotionUl .promotionLi .promotionWrap .promotionThumb .img ,
	.promotionUl .promotionLi .promotionWrap .promotionAnchor a {
		border: 1px #bcbcbc solid;
		position: absolute;
		bottom: 3px;
		right: 3px;
	}
	.promotionUl .promotionLi .promotionWrap .promotionThumb {
		height: 284px;
		margin-bottom: 10px;
	}
	.promotionUl .promotionLi .promotionWrap .promotionThumb .img {
		
	}
	.promotionUl .promotionLi .promotionWrap .promotionThumb .img img {
		width: 194px;
		height: 274px;
		border: 4px #fff solid;
		display: block;
	}
	.promotionUl .promotionLi .promotionWrap .promotionAnchor {
		height: 45px;
	}
	.promotionUl .promotionLi .promotionWrap .promotionAnchor a {
		display: block;
		width: 202px;
		text-align: center;
		color:#fff;
		font-weight: bold;
		line-height: 45px;
		background-color: #86b9ed;
		background: url("/mbshome/mbs/navy/images/navy_050501000000_bg.gif") no-repeat 50% 0;
	}


	/*홍보책자 임시 - 1개일때 사용*/
	.promotionUl2 {
		position: relative;
		overflow: hidden;
	}
	.promotionUl2 .promotionLi {
		float: center;
		width: 100%;
	}
	.promotionUl2 .promotionLi .promotionWrap {
		padding-top: 3px;
		width: 360px;
		margin: 0 auto 1em;
	}
	.promotionUl2 .promotionLi .promotionWrap .promotionThumb ,
	.promotionUl2 .promotionLi .promotionWrap .promotionAnchor {
		background-color: #e3e3e3;
		position: relative;
		width: 100%;
		margin-left: 3px;
	}
	.promotionUl2 .promotionLi .promotionWrap .promotionThumb .img ,
	.promotionUl2 .promotionLi .promotionWrap .promotionAnchor a {
		border: 1px #bcbcbc solid;
		position: absolute;
		bottom: 3px;
		right: 3px;
	}
	.promotionUl2 .promotionLi .promotionWrap .promotionThumb {
		height: 510px;
		margin-bottom: 10px;
	}
	.promotionUl2 .promotionLi .promotionWrap .promotionThumb .img {
		
	}
	.promotionUl2 .promotionLi .promotionWrap .promotionThumb .img img {
		width: 360px;
		height: 500px;
		border: 4px #fff solid;
		display: block;
	}
	.promotionUl2 .promotionLi .promotionWrap .promotionAnchor {
		height: 45px;
	}
	.promotionUl2 .promotionLi .promotionWrap .promotionAnchor a {
		display: block;
		width: 368px;
		text-align: center;
		color:#fff;
		font-weight: bold;
		line-height: 43px;
		background-color: #86b9ed;
		background: url("/mbshome/mbs/navy/images/navy_050501000000_bg2.gif") no-repeat 50% 0;
	}

/***********************************
responsive
***********************************/
@media only screen and (min-width: 240px) and (max-width: 480px){
	#nvPageSns {
		top: 10px;
		right: 20px;
	}
	span.nv_btn a {
		line-height: 2;
	}
	.nv_tabMenu .nv_tabMenuList li {
		width: 100%;
	}
	.nv_img.basic .nv_thumb {
		width: 100%;
		float: none;
	}
	.nv_img.basic .nv_thumbContent{
		margin: 0 0 0 0;
	}
	.nv_imgList li.nv_imgListLi {
		width: 100%;
	}
	.nv_imgList li .nv_imgWrap {
		margin: 0 0 1em 0;
	}
	.nv_imgList li .nv_imgWrap .nv_thumb {
		margin-bottom: 1em;
	}
	.nv_borderBox.inbtn dl{
		margin-right: 0;
	}
	.nv_borderBox.inbtn .btnArea {
		position: relative;
		padding-top: 1em;
		top: auto;
		left: auto;
	}
	.nvSitemap .depth1 .depth1_li{
		width: 100%;
	}
	.nvGojjb li{
		width: 100%;
	}
	.nvCharter .nvCharterLogo{
		float: none;
		width: 100%;
		border-bottom: 1px #ddd solid;
		text-align: center;
		padding-bottom: 1em;
	}
	.nvCharter .nvCharterDiv{
		padding-top: 1em;
		margin-left: 0;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi {
		float: none;
		width: 100%;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap {
		margin: 0 0 10px 0;
	}
	.promotionUl .promotionLi {
		width: 100%;
	}
	.dQuestion1{
		background: url("/mbshome/mbs/navy/images/ipin.jpg") no-repeat 50% 0;
		min-height: 43px;
		height: auto !important;
		_height: 43px;
		padding-top: 160px;
	}
	.dQuestion1 dl{
		margin: 0;
	}
	.dQuestion1 dl dd .button{
		display: block;
	}
	.dQuestion1 dl dd .button a{
		display: block;
		text-align: center;
	}
	#nvPageSns #kakao-link-btn{
		display: block;
	}
	.nv_content2 .nv_imgList2{
		width: 179px;
	}
	.nv_imgList4 li.nv_imgListLi2 {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.dQuestion3 dl dt{
		float: none;
	}
	.dQuestion3 dl dd{
		padding-top: 10px;
		margin-left: 0;
	}
	.nv_img.basic .nv_thumb2 {
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	.nv_img.basic .nv_thumbContent2 {
		margin: 0;
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px){
	#nvPageSns {
		top: 10px;
		right: 20px;
	}
	span.nv_btn a {
		line-height: 2;
	}
	.nv_tabMenu .nv_tabMenuList.tabEa03 li {
		width: 100%;
	}
	.nv_tabMenu .nv_tabMenuList li {
		width: 50%;
	}
	.nv_img.basic .nv_thumb {
		width: 218px;
	}
	.nv_img.basic .nv_thumbContent{
		margin-left: 240px;
	}
	.nv_imgList li.nv_imgListLi {
		width: 50%;
	}
	.nv_imgList li .nv_imgWrap {
		margin: 0 1em 1em;
	}
	.nvSitemap .depth1 .depth1_li{
		width: 50%;
	}
	.nvGojjb li{
		width: 50%;
	}
	.nvCharter .nvCharterLogo{
		float: none;
		width: 100%;
		border-bottom: 1px #ddd solid;
		text-align: center;
		padding-bottom: 1em;
	}
	.nvCharter .nvCharterDiv{
		padding-top: 1em;
		margin-left: 0;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi {
		float: none;
		width: 100%;
	}
	.nvCouncil .nvCouncilUl .nvCouncilLi .councilWrap {
		margin: 0 0 10px 0;
	}
	.promotionUl .promotionLi {
		width: 50%;
	}
	.dQuestion1{
		background: url("/mbshome/mbs/navy/images/ipin.jpg") no-repeat 50% 0;
		min-height: 43px;
		height: auto !important;
		_height: 43px;
		padding-top: 160px;
	}
	.dQuestion1 dl{
		margin: 0;
	}
	#nvPageSns #kakao-link-btn{
		display: block;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1044px){
	#nvPageSns {
		top: 64px;
		right: 44px;
	}
	.nvSitemap .depth1 .depth1_li{
		width: 25%;
	}
	.nv_imgList2 {
		width: 895px;
	}
}
@media only screen and (min-width: 1045px){
	#nvPageSns {
		top: 64px;
		right: 44px;
	}
	.nv_imgList2 {
		width: 1074px;
	}
}