@charset "utf-8";
.marT20 {margin-top: 20px !important;}
.marB20 {margin-bottom: 20px !important;}
/*신청자 중심 가계도*/
	.familyOrga{background:#f8f8f8 ;/* padding:20px 10px; */ padding-bottom: 50px; position: relative;}
	.familyOrga img {width: 100%;}
	.familyOrga h3{margin: 0 auto 30px auto;width:115px;height:70px;padding-top:45px;color:#FFF;text-align:center;background:url(../../images/familyOrga_h3.png) no-repeat center;}
	.listUp span{display:block;background:#ecf0f8;border:1px solid #4468b8;color:#1b4197;width:128px;height:28px;padding-top:10px;text-align:center;margin:0 0 10px 10px; font-weight:400;}
	.listUp span.g{background:#dddddd;border:1px solid #dddddd;color:#333333;}
	.listUp span.w{background:#FFF;border:1px solid #dddddd;color:#333333;}
	.listUp span.s{background:#31c4de;border:1px solid #31c4de;color:#fff;}
	.listUp{font-size:13px;position:relative;}
	.listUp > ul{overflow:hidden;}
	.familyOrga .tagBlue{color:#4368b9;margin-top:50px;margin-left:10px;}
	.familyOrga .tagBlue span{display:inline-block;width:80px;height:23px;background:#4368b9;vertical-align:middle;margin-right:5px;}

	@media only screen and (min-width:1050px){
		.familyOrga{background:#f8f8f8 url(../../images/familyOrga_line_01.png) no-repeat center;padding:20px 10px;min-height:800px; /*width:920px;*/ width:100%; margin: 0 auto;}
		.familyOrga > ul{}
		.familyOrga > ul > li{}
		.familyOrga > ul > li:nth-child(1){width:50%;float:left;}
		.familyOrga > ul > li:nth-child(2){width:50%;float:right;}
		.familyOrga > ul > li:nth-child(3){clear:both;}
		.listUp > ul li{float:left;}
		.listUp .fLine_01{padding-top:80px;}
		.listUp .fLine_02{padding-top:80px;}
		.listUp .fLine_03{position:absolute;width:280px;left:0;top:425px;}
		.listUp .mLine_01{position:absolute;width:420px;left:0;top:180px;}
		.listUp .mLine_02{position:absolute;width:420px;left:0;top:180px;}
		.listUp .mLine_03{position:absolute;width:280px;top:65px;right:0px;}
		.listUp .mLine_04{position:absolute;width:280px;top:65px;right:0px;}
		.listUp .mLine_05{position:absolute;width:280px;right:10px;top:65px;}
		.listUp .mLine_01 > li,
		.listUp .mLine_02 > li,
		.listUp .mLine_03 > li,
		.listUp .mLine_04 > li,
		.listUp .mLine_05 > li{float:left;}
		.listUp .sLine_01{padding-top:130px;width:420px;margin: 0 auto;}
		.familyOrga .tagBlue{color:#4368b9;margin-top:50px;}
		.familyOrga .tagBlue span{display:inline-block;width:80px;height:23px;background:#ecf0f8;border:1px solid #4468b8;vertical-align:middle;margin-right:5px;}
	}

	@media only screen and (max-width:1049px){
		.listUp{width:420px;margin: 0 auto 50px auto;}
		.listUp > ul > li{float:left;}
	}
	@media only screen and (max-width:510px){
		.listUp{width:315px}
		.listUp span{width:98px;margin:0 0 5px 5px;}
	}
	@media only screen and (max-width:400px){
		.listUp{width:100%}
		.listUp > ul > li{float:none;}
		.listUp span{width:99%;margin:0 0 10px 0}
	}

/*유해발굴사업이란?*/
	.bizIntro {}
	.bizIntro img {max-width:100%;}
	.bizIntro p{text-align:center;font-size:18px;border-bottom:1px solid #cccccc;padding:0 70px 40px 70px;margin-top:-60px;position:relative;z-index:1;}
	.bizIntro p strong{display:block;background:#ffffff;width:770px;font-size:26px;font-weight:500;color:#000;padding:10px 0 40px 0;}
	.bizIntro p span{background:url(../../images/bg_centralIdentificationLab_02.png) repeat-x bottom;font-weight:400;color:#1758e6;}
	@media only screen and (max-width:1198px){
		.bizIntro img {margin:0 auto;width:100%;}
		.bizIntro p{text-align:center;font-size:18px;border-bottom:1px solid #cccccc;padding:0 70px 40px 70px;margin-top:-60px;position:relative;z-index:1;}
		.bizIntro p strong{display:block;background:#ffffff;width:80%;font-size:26px;font-weight:500;color:#000;padding:10px 0 40px 0;margin:0 auto;}
	}
	@media only screen and (max-width:720px){
		.bizIntro img {margin:0 auto;width:100%;}
		.bizIntro p{text-align:left;margin-top:0;padding:0 10px 30px 10px;font-size:16px;}
		.bizIntro p strong{display:block;background:#ffffff;width:100%;font-size:26px;font-weight:500;color:#000;padding:10px 0 20px 0;}
	}

/*유해발굴의 어려움*/
	.exhumationDifficulty{overflow:hidden;}
	.exhumationDifficulty > li{float:left;width:32%;margin:0 1%;}
	.exhumationDifficulty > li:first-child{margin-left:0;}
	.exhumationDifficulty > li:last-child{margin-right:0;}
	.exhumationDifficulty img{width:100%;}
	.exhumationDifficulty p{background:url(../../images/bg_bizIntroduction_02.png);padding:20px 25px 20px 60px;margin-top:-5px;color:#FFF;position:relative;}
	.exhumationDifficulty p span{display:inline-block;position:absolute;top:-25px;left:0;}
	.exhumationDifficulty ul.description{margin-top:5px;padding:0 6px;}
	.exhumationDifficulty ul.description li{clear:both;background:url(../../images/bul_03_blue.png) no-repeat 0 10px;padding-left:8px;padding-bottom:5px;color:#4971a2;font-size:16px;}
	@media only screen and (max-width:1199px){
		.exhumationDifficulty img{max-width:100%;}
		.exhumationDifficulty p span{display:inline-block;position:absolute;top:-25px;left:0;}
	}
	@media only screen and (max-width:690px){
		.exhumationDifficulty > li{float:left;width:48%;margin:0 1%;}
		.exhumationDifficulty > li:first-child,
		.exhumationDifficulty > li:last-child{margin-left:0;}
	}
	@media only screen and (max-width:460px){
		.exhumationDifficulty > li{float:none;width:100%;margin:5% auto;}
	}

/*유해발굴 추진절차*/
	.exhumationProcess{overflow:hidden;background:url(../../images/bg_step_01_arrowDown.png) no-repeat left bottom;padding-bottom:84px;}
	.exhumationProcessLast{background:none !important;padding-bottom:0px !important;}
	.exhumationProcess a{display:block;position:relative;}
	.exhumationProcess a p,
	.exhumationProcess a > ul{float:left;width:56%;margin-right:2%;}
	.exhumationProcess a p{font-size:30px;color:#333333;line-height:140%;padding-bottom:16px;border-bottom:1px solid #cccccc;}
	.exhumationProcess a p span{display:block;font-weight:500;}
	.exhumationProcess a img{display:block;float:right;width:42%;max-width:100%;}
	.exhumationProcess a > ul{margin-top:20px;}
	.exhumationProcess a div{text-indent:-9999px;width:50px;height:50px;position:absolute;top:75px;left:555px;background:#000 url(../../images/bg_exhumationProcess_01.png) no-repeat center;}
	.exhumationProcess a:hover p{border-bottom:1px solid #1758e6;color:#1758e6;}
	.exhumationProcess a:hover div{background-color:#1758e6;}
	@media only screen and (max-width:1199px){
	.exhumationProcess a div{top:0;left:auto;right:0;}
	}
	@media only screen and (max-width:799px){
	.exhumationProcess a p,
	.exhumationProcess a > ul{float:none;width:100%;}
	.exhumationProcess a p{margin-bottom:16px;}
	.exhumationProcess a img{float:none;width:100%;}
	}

/*유해발굴 추진절차 : 1,2,3,4단계, 전쟁과정>전쟁진행과정*/
	.exhumationStep{overflow:hidden;background:url(../../images/bg_step_01_arrowDown.png) no-repeat left bottom;padding-bottom:84px;}
	.exhumationStepLast{background:none !important;padding-bottom:0px !important;}
	.exhumationStep a{display:block;position:relative;}
	.exhumationStep p,
	.exhumationStep > ul{float:left;width:58%;}
	.exhumationStep p{font-size:30px;color:#333333;line-height:140%;padding-bottom:16px;border-bottom:1px solid #cccccc;}
	.exhumationStep p span{font-weight:500;}
	.exhumationStep img{display:block;float:right;width:42%;max-width:100%;}
	.exhumationStep > ul{margin-top:20px;}
	@media only screen and (max-width:1199px){
	}
	@media only screen and (max-width:799px){
	.exhumationStep p,
	.exhumationStep > ul{float:none;width:100%;}
	.exhumationStep p{margin-bottom:16px;}
	.exhumationStep img{float:none;width:100%;}
	}


/*금년도 발굴계획, 지역별 주요전투*/
	.mapWrap_01{overflow:hidden;}
	.mapWrap_01 .map{width:50%;float:left;position:relative;}
	.mapWrap_01 .con{width:46%;float:right;}
	.mapOn{}
	.mapOn a{display:block;position:absolute;width:80px;text-indent:-9999px;}
	.mapOn span{display:none;position:absolute;}
	.mapOn a.on span,
	.mapOn a:hover span{display:block;}
	.map01 a{left:160px;top:180px;}
	.map01 a span{width:99px;height:144px;top:-95px;left:-11px;background:url(../../images/content_map01.png);}
	.map02 a{left:240px;top:120px;}
	.map02 a span{width:170px;height:177px;top:-81px;left:-52px;background:url(../../images/content_map02.png);}
	.map03 a{left:210px;top:210px;}
	.map03 a span{width:107px;height:127px;top:-16px;left:-6px;background:url(../../images/content_map03.png);}
	.map04 a{left:122px;top:244px;}
	.map04 a span{width:121px;height:115px;top:-32px ;left:-11px;background:url(../../images/content_map04.png);}
	.map05 a{left:150px;top:340px;}
	.map05 a span{width:121px;height:94px;top:-37px;left:-18px;background:url(../../images/content_map05.png);}
	.map06 a{left:128px;top:440px;}
	.map06 a span{width:161px;height:141px;top:-66px;left:-38px;background:url(../../images/content_map06.png);}
	.map07 a{left:275px;top:256px;}
	.map07 a span{width:135px;height:182px;top:-73px; left:-31px;background:url(../../images/content_map07.png);}
	.map08 a{left:240px;top:376px;}
	.map08 a span{width:127px;height:129px;top:-45px; left:-15px;background:url(../../images/content_map08.png);}
	.map09 a{left:115px;top:560px;}
	.map09 a span{width:76px;height:53px;top:-20px; left:-4px;background:url(../../images/content_map09.png);}
	.mapWrap_01 .table_map        {width:100%;}
	.mapWrap_01 .table_map table{width:100%;margin:0px;padding:0px;border-collapse:collapse;border-top:2px solid #565c6b;font-size:0.95em;}
	.mapWrap_01 .table_map th    {margin:0px;padding:12px 5px;border:1px solid #dddee0;background:#f3f3f3;font-weight:normal;color:#333333;}
	.mapWrap_01 .table_map td    {margin:0px;padding:12px 5px;border:1px solid #dddee0;text-align:center;}
	@media only screen and (max-width:1023px){
		.mapWrap_01 .map{display:none;}
		.mapWrap_01 .con{width:100%;float:none;}
		.mapWrap_01 .table_map table{font-size:1em;}
		.mapWrap_01 .table_map th    {padding:12px;}
		.mapWrap_01 .table_map td    {padding:12px;}
}


/*유전자검사절차, 감식절차*/
	.step_01{overflow:hidden;width:100%;background:url(../../images/bg_step_01_arrowDown.png) no-repeat left bottom;padding-bottom:84px;}
	.step_01Last{background:none !important;padding-bottom:0px !important;}
	.step_01 .textArea{position:relative;float:left;width:58%;}
	.step_01 .imageArea{float:right;width:42%;}
	.step_01 .imageArea img{max-width:100%;}

	.step_01 .textArea p{font-size:30px;color:#333333;line-height:140%;border-bottom:1px solid #cccccc;padding-bottom:16px;margin-bottom:20px;}
	.step_01 .textArea p span{display:block;font-weight:500;}

	.step_01 .textArea .sBtnWrap{position:absolute;top:44px;right:17px;}
	.step_01 .textArea .sBtnWrap a{margin-left:10px;background:url(../../images/bg_step_01_downloadArrow.png) no-repeat 90% #1758e6;color:#FFF;font-size:13px;padding:10px 30px 10px 20px;}
	.step_01 .textArea a:focus,
	.step_01 .textArea a:hover{background:url(../../images/bg_step_01_downloadArrow.png) no-repeat 90% #505050;transition:all 0.3s 0.2s ease;}

	.ul_number li span{display:inline-block;width:25px;height:25px;text-align:center;color:#FFF;background:#cccccc;padding:2px 2px 3px 2px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin:5px;}

	@media only screen and (max-width:840px){
		.step_01 .textArea .sBtnWrap{position:relative;padding-bottom:50px;margin-top:-30px;margin-left:30px;}
		.step_01 .textArea .sBtnWrap a{display:block;margin:10px 20px;}
		.step_01 .textArea ul li{margin-right:10px;}
	}
	@media only screen and (max-width:460px){
		.step_01 .textArea{float:none;width:100%;}
		.step_01 .imageArea{float:none;width:100%;}
		.step_01 .textArea ul li{margin-right:0;}
	}

	
/*box*/
	.box_taegeuk{width:100%;background:url(../../images/bg_box_01.png) no-repeat;border-bottom:3px solid #cccccc;min-height:160px; background-size:cover; }
	.box_taegeuk p{text-align:center;font-size:20px;padding:60px 20px 0 20px;}
	.box_taegeuk p span.quotationL,
	.box_taegeuk p span.quotationR{display:inline-block;width:24px;height:18px;}
	.box_taegeuk p span.quotationL{padding-right:13px;background:url(../../images/bg_box_01_startMark.png) no-repeat center;}
	.box_taegeuk p span.quotationR{padding-left:13px;background:url(../../images/bg_box_01_endMark.png) no-repeat center;}
	@media only screen and (max-width:1200px){
		.box_taegeuk{background:url(../../images/bg_box_01.png) no-repeat center;background-size:cover;}
	}
	@media only screen and (max-width:690px){
		.box_taegeuk{padding:0;}
		.box_taegeuk p{font-size:16px;}
		.box_taegeuk p span.quotationL,
		.box_taegeuk p span.quotationR{background-size:16px;}
	}


	.box_taegeuk_02{width:100%;background:url(../../images/bg_box_02.png) no-repeat;border-bottom:3px solid #cccccc;min-height:160px;}
	.box_taegeuk_02 p{text-align:center;font-size:20px;padding:3.9% 20px;}
	.box_taegeuk_02 p span.quotationL,
	.box_taegeuk_02 p span.quotationR{display:inline-block;width:24px;height:18px;}
	.box_taegeuk_02 p span.quotationL{padding-right:13px;background:url(../../images/bg_box_01_startMark.png) no-repeat center;}
	.box_taegeuk_02 p span.quotationR{padding-left:13px;background:url(../../images/bg_box_01_endMark.png) no-repeat center;}
	@media only screen and (max-width:1200px){
		.box_taegeuk_02{background:url(../../images/bg_box_02.png) no-repeat center;background-size:cover;}
	}
	@media only screen and (max-width:690px){
		.box_taegeuk_02{padding:20px 10px 20px 10px;}
		.box_taegeuk_02 p{font-size:16px;}
		.box_taegeuk_02 p span.quotationL,
		.box_taegeuk_02 p span.quotationR{background-size:16px;}
	}


	.boxImage{padding:0 20px 10px 250px;border-bottom:1px solid #dddddd;min-height:170px;}
	.boxImage_01{background:url(../../images/bg_boxImage_01.png) no-repeat left top;}
	.boxImage_02{background:url(../../images/bg_boxImage_02.png) no-repeat left top;}
	.boxImage_03{background:url(../../images/bg_boxImage_03.png) no-repeat left top;}
	.boxImage_04{background:url(../../images/bg_boxImage_04.png) no-repeat left top;}
	.boxImage_05{background:url(../../images/bg_boxImage_05.png) no-repeat left top;}
	.boxImage_06{background:url(../../images/bg_boxImage_06.png) no-repeat left top;}
	.boxImage_07{background:url(../../images/bg_boxImage_07.png) no-repeat left top;}

	.boxImage .boxTitle{font-size:22px;color:#4368b9;background:url(../../images/bul_box_02_p.png) no-repeat left bottom;padding-top:5px;padding-bottom:10px;}
	.boxImage .boxStitle{font-size:18px;margin-top:10px;color:#000;font-weight:500;margin-bottom:10px;}
	.boxImage .boxCon{font-size:18px;background:url(../../images/bul_box_02_li.png) no-repeat left center;padding-left:10px;margin-top:20px;}
	.boxImage .boxConP{margin-top:10px;}
	.boxImage .boxCaution{font-size:17px;color:#21a4da;padding:3px 0 0 0px;}
	.boxImage .boxBtn{padding-bottom:20px;}
	.boxImage ul.ulFloat{overflow:hidden;margin-top:20px;}
	.boxImage ul.ulFloat li{float:left;width:45%;padding:0 0 5px 3%;margin-right:2%;background:url(../../images/bul_02.png) no-repeat 0 9px;}

	@media only screen and (max-width:900px){
		.boxImage{padding:0 20px 50px 260px;}
	}
	@media only screen and (max-width:580px){
	.boxImage{padding:0 20px 50px 20px;}
	.boxImage_01{background:none;}
	.boxImage_02{background:none;}
	.boxImage_03{background:none;}
	.boxImage_04{background:none;}
	.boxImage_05{background:none;}
	.boxImage_06{background:none;}
	.boxImage_07{background:none;}
	.boxImage ul.ulFloat{margin-top:20px;}
	.boxImage ul.ulFloat li{float:none;width:100%;padding-bottom:5px;background:url(../../images/bul_02.png) no-repeat 0 9px;}
	}


/*장병 참여절차*/
	.militaryParticipation{overflow:hidden;}
	.militaryParticipation .textArea{position:relative;float:left;}
	.militaryParticipation .textArea .btnBlue{padding:12px 40px 12px 20px;}
	.militaryParticipation .imageArea{position:relative;float:right;background:url(../../images/bg_step_02_poster.png) no-repeat right top;width:291px;height:424px;color:#ffffff;}
	.militaryParticipation .imageArea img{max-width:100%;position:absolute;right:6px;top:6px;}
	.militaryParticipation .imageArea span{display:inline-block;position:absolute;right:6px;bottom:6px;background:url(../../images/bul_zoom.png) no-repeat 14px center;background-color: rgba( 0, 0, 0, 0.7 );padding:8px 22px 8px 34px;font-size:13px;color:#FFF;}
	.militaryParticipation .imageArea span a{color:#FFF;}
	.militaryParticipation .imageArea span:hover{background-color:#000;transition:all 0.3s 0.2s ease;}
	@media only screen and (max-width:940px){
		.militaryParticipation .textArea{position:relative;float:none;width:100%;}
		.militaryParticipation .imageArea{margin-top:40px;position:relative;float:none;background:url(../../images/bg_step_02_poster.png) no-repeat right top;width:291px;height:424px;color:#ffffff;}
	}


/*유해소재 제보안내*/
	.participationWrap{overflow:hidden;}
	.participationWrap li{float:left;width:49%;margin:0 0.5%;}
	@media only screen and (max-width:1024px){
		.participationWrap li{float:none;width:100%;}
		.participationWrap li img{max-width:100%;}
	}
 

/*전쟁의 의의*/
	.warMeaning{background:url(../../images/bg_content_infomation_00.jpg) center;background-size:cover;padding:30px 0;}
	.warMeaning ul{overflow:hidden;width:600px;margin:0 auto;}
	.warMeaning li{float:left;color:#FFF;text-align:center;font-size:18px;}
	.warMeaning li div{background-color: rgba( 62, 76, 87, 0.8 );padding:20px 10px;width:180px;height:160px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;display:table-cell;vertical-align:middle;}
	.warMeaning li:nth-child(even) div{background-color: rgba( 62, 76, 87, 0.6 );}
	.warMeaning li div span{display:block;}
	.warMeaning li div span:first-child{color:rgba( 255, 255, 255, 0.2 );font-size:30px;}
	@media only screen and (max-width:700px){
		.warMeaning ul{width:400px;}
	}
	@media only screen and (max-width:420px){
		.warMeaning ul{width:200px;}
	}


/*전쟁개황*/
.warOverall { padding-bottom:30px;border-bottom:1px solid #cccccc;position:relative; display:flex; column-gap:2%; row-gap:20px; }
.warOverall .item01 { width:58%; }
.warOverall .item02 { width:40%; }
.warOverall p {font-size:30px;color:#333333;line-height:140%;padding-bottom:16px;font-weight:500;margin-bottom:20px;margin-top:15px;}
.warOverall p span { display:block; }
.warOverall .conimgSlide li { position:relative; }
.warOverall .conimgSlide li span { display:block; width:100%; background-color:rgba( 0, 0, 0, 0.7 ); color:#FFF; position:absolute; left:0; bottom:0; font-size:16px; padding:20px 5%; text-align:center; }
.conimgSlide .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; font-size:0; text-indent:-9999px; z-index:1; background-color:rgba( 0, 0, 0, 0.1 ); }
.conimgSlide .slick-arrow.slick-prev { left:0; background-image:url("../../images/slider_arrow_left_01_1.png"); }
.conimgSlide .slick-arrow.slick-next { right:0; background-image:url("../../images/slider_arrow_right_01_1.png"); }
@media only screen and (max-width:860px){
	.warOverall { flex-wrap:wrap; column-gap:0; }
	.warOverall .item01 { width:100%; }
	.warOverall .item02 { width:100%; }
	.warOverall .conimgSlide li img { width:100%; }
}

/*전쟁과정*/
	.warProcessWrap {position:relative;padding:18px 0 0 20px;}
	.warProcessWrap .mapWrap{position:absolute;left:0;top:0;background:url(../../images/bg_step_02_poster.png) no-repeat left top;width:291px;height:424px;color:#ffffff;}
	.warProcessWrap .mapWrap img{max-width:100%;position:absolute;right:6px;top:6px;}
	.warProcessWrap .mapWrap span,
	.familyOrga span.full {display:inline-block;position:absolute;right:6px;bottom:6px;background:url(../../images/bul_zoom.png) no-repeat 14px center;background-color: rgba( 0, 0, 0, 0.7 );padding:8px 22px 8px 34px;font-size:13px;color:#FFF;}
	.warProcessWrap .mapWrap span a,
	.familyOrga span.full a {color:#FFF;}
	.warProcessWrap .mapWrap span:hover,
	.familyOrga span.full:hover {background-color:#000;transition:all 0.3s 0.2s ease;}
	.warProcessWrap .textWrap{background:#f5f7fb;padding:50px 30px 15px 300px;min-height:350px;margin-top:10px;}
	@media only screen and (max-width:690px){
		.warProcessWrap .mapWrap{position:relative;}
		.warProcessWrap .textWrap{background:#f5f7fb;padding:20px 10px;min-height:100%;}
	}


/*전쟁의 교훈*/
	.warLesson{overflow:hidden;}
	.warLesson h3{font-size:80px;font-style:italic;color:#31c4de;background:url(../../images/bg_warLessonTitle.png) no-repeat right 92px;}
	.warLesson dt{font-size:24px;color:#333333;float:left;width:37%;}
	.warLesson dt span{display:block;}
	.warLesson dd{float:left;width:63%;}
	@media only screen and (max-width:1010px){
		.warLesson h3{background:none;border-bottom:1px solid #31c4de;}
		.warLesson dt,
		.warLesson dd{margin-top:20px;}
		}
	@media only screen and (max-width:580px){
		.warLesson dt{float:none;width:100%;}
		.warLesson dt span{display:inline;}
		.warLesson dd{float:none;width:100%;margin-top:10px;}
		}

/*인사말*/
	.welcomeTitle{background:url(../../images/bg_welcomeMessage_01.jpg) no-repeat left top; background-size:cover; border-bottom:1px solid #000;height:300px;}
	.welcomeTitle img{display:block;float:left;}
	.welcomeTitle p{float:left;font-size:24px;color:#222222;margin-left:70px;margin-top:50px;}
	.welcomeTitle p strong{font-size:30px;font-weight:500;color:#426dca;}
	.welcomeTitle p span{display:block;}
	.signiture{font-size:20px;color:#000;/*text-align:right;margin-bottom:20px;*/}
	.signiture img{display:inline-block;max-width:100%;margin-bottom:-20px;padding-left:20px;}
		@media only screen and (max-width:1199px){
			.welcomeTitle{background-color:#efefef;}
		}
		@media only screen and (max-width:870px){
		.welcomeTitle{background:none;border-bottom:0;/*padding-bottom:80px*/;}
		.welcomeTitle img{float:none;margin:0 auto;}
		.welcomeTitle p{float:none;#222222;margin-left:10px;margin-top:20px;}
		.welcomeTitle p strong{display:block;}
		.welcomeTitle p span{display:inline;}
		}
		@media only screen and (max-width:690px){
			/*.welcomeTitle{padding-bottom:160px;}*/
		}
		/*20200714추가*/
		@media only screen and (max-width:380px){
			.welcomeTitle{padding-bottom:230px;}
		}


/*연혁*/
	.historyTitle{background:url(../../images/bg_historyTitle.jpg) no-repeat left top;}
	.historyTitle p{font-size:24px;color:#FFF;padding:185px 0 35px 35px;}
	.history{overflow:hidden;}
	.history h3{font-size:30px;font-weight:500;color#4368b9;border-top:3px solid #4369b9;float:left;padding-top:7px;width:20%;}
	.history dl{float:left;border-top:1px solid #d3d7dc;width:80%;padding-top:15px;}
	.history dl dt{float:left;font-weight:500;color:#333333;width:6%;padding-left:5%;}
	.history dl dd{float:left;width:89%;color:#333333;margin-bottom:10px;}
	.history dl dd span{display:block;color:#666666;}
		@media only screen and (max-width:1199px){
		.historyTitle{background-size:cover;}
		}
		@media only screen and (max-width:819px){
		.history h3{float:none;width:100%;padding-left:15px;}
		.history dl{float:none;width:100%;margin-top:10px;}
		.history dl dt{float:left;width:8%;padding-left:3%;text-align:left;}
		}


/*부대상징*/
	.unitSymbol{background:url(../../images/bg_introduction_ui_01.jpg) no-repeat left;padding:30px 40px;border:1px solid #e0e0e0;}
	.unitSymbol .symbolTitle{font-size:26px;font-weight:500;color:#333333;}
	.unitSymbol .symbolCon{font-size:18px;line-height:140%;margin-top:20px;}
	@media only screen and (max-width:1199px){
		.unitSymbol{background-size:cover;}
	}


/*중앙감식소란*/
	.centralIdentificationLab{width:100%;background:url(../../images/bg_centralIdentificationLab_03.png) no-repeat;min-height:310px;}
	.centralIdentificationLab .sTitle{padding-top:160px;font-size:30px;color:#000;font-weight:500;text-align:center;}
	.centralIdentificationLab .sCon{font-size:20px;text-align:center;line-height:160%;color:#333;}
	.centralIdentificationLab p span{background:url(../../images/bg_centralIdentificationLab_02.png) repeat-x bottom;font-weight:400;color:#1758e6;}
	@media only screen and (max-width:540px){
		.centralIdentificationLab{padding:50px 20px;background:url(../../images/bg_centralIdentificationLab_01.png) no-repeat center;}
		.centralIdentificationLab .sCon{padding-right:20px;}
	}


/*감식소 둘러보기*/
	.labWrap_01{overflow:hidden;}
	.labWrap_01 .map{width:50%;float:left;position:relative;}
	.labWrap_01 .map:after {content:'※ 배치도에서 해당 공간을 클릭하세요.'; color: #333; font-size: 14px; position: absolute; bottom: 20px; left: 20px;}
	.labWrap_01 .con{width:50%;float:right;}
	.labOn{}
	.labOn a{display:block;position:absolute;width:45px;height:36px;text-indent:-9999px;}
	.labOn span{display:none;position:absolute;}
	.labOn a.on span,
	.labOn a:hover span{display:block;}
	.lab01 a{left:47px;top:96px;}
	.lab01 a span{width:90px;height:75px;top:-18px;left:-22px;background:url(../../images/content_introduction_lab_01.png);}
	.lab02 a{left:193px;top:165px;}
	.lab02 a span{width:232px;height:182px;top:-65px;left:-78px;background:url(../../images/content_introduction_lab_02.png);}
	.lab03 a{left:117px;top:43px;}
	.lab03 a span{width:54px;height:75px;top:-18px;left:-4px;background:url(../../images/content_introduction_lab_03.png);}
	.lab04 a{left:169px;top:43px;}
	.lab04 a span{width:54px;height:75px;top:-18px;left:-4px;background:url(../../images/content_introduction_lab_04.png);}
	.lab05 a{left:239px;top:43px;}
	.lab05 a span{width:90px;height:75px;top:-18px;left:-22px;background:url(../../images/content_introduction_lab_05.png);}
	.lab06 a{left:326px;top:43px;}
	.lab06 a span{width:90px;height:75px;top:-18px;left:-21px;background:url(../../images/content_introduction_lab_06.png);}
	.lab07 a{left:336px;top:106px;}
	.lab07 a span{width:70px;height:55px;top:-8px;left:-11px;background:url(../../images/content_introduction_lab_07.png);}
	.lab08 a{left:323px;top:324px;}
	.lab08 a span{width:100px;height:70px;top:-17px;left:-28px;background:url(../../images/content_introduction_lab_08.png);}
	@media only screen and (max-width:1023px){
		.labWrap_01 .map{display:none;}
		.labWrap_01 .con{width:100%;float:none;}
}

/*조직도/업무소개*/
	.organizationWrap{background:#f8f8f8;padding-top:30px}
	.organizationWrap .leader{background:url(../../images/bg_organization_01.png) no-repeat center;height:115px;padding-top:40px;font-size:24px;text-align:center;color:#FFF;}
	.organizationWrap ul{padding: 100px 30px 0 30px;background:url(../../images/bg_organization_002.png) no-repeat center top;}
	.organizationWrap ul li{float:left; width:19%;margin:0 0.5%;font-size:16px;}
	.organizationWrap ul li a{display:block;background:#dddddd;padding:10px 11px;text-align:center;}
	.organizationWrap ul li a:hover,
	.organizationWrap ul li a:focus,
	.organizationWrap ul li a.active{background:#4368b9;color:#FFF;transition:all 0.3s 0.2s ease;}
	.organizationWrap p{margin-left:30px;padding-bottom:45px;}
	@media only screen and (max-width:940px){
		.organizationWrap ul{padding: 50px 30px 0 30px;background:url(../../images/bg_organization_02M.png) no-repeat center top;}
		.organizationWrap ul li{width:48%; margin:0 1% 2% 1%; max-height:42px;}
		.organizationWrap ul li:first-child{width:98%;}
		.organizationWrap p{margin:0 40px;padding-bottom:45px;}
		.hideOrg01{display:none;}
}


/*특수차량*/
	.specialCar{overflow:hidden;}
	.specialCar .imageArea{float:left;width:50%;}
	.specialCar .imageArea img{max-width:100%;}
	.specialCar .textArea{float:right;width:48%;}
	@media only screen and (max-width:460px){
		.specialCar .imageArea{float:none;width:100%;}
		.specialCar .textArea{float:none;width:100%;}
}


/*찾아오시는길*/
	.mapArea{overflow:hidden;}
	.mapArea img{max-width:100%;}
	.mapArea .location{display:inline-block;background:url(../../images/bg_map_location.png) no-repeat left center;padding:20px 40px 20px 40px;}
	.mapArea .phone{display:inline-block;background:url(../../images/bg_map_phone.png) no-repeat left center;padding:20px 0 20px 40px;}
	.mapArea .location strong,
	.mapArea .phone strong{margin-right:10px;}
	.traffic{overflow:hidden;}
	.traffic dt{float:left;color:#FFF;padding:4px 0;min-width:50px;text-align:center;margin-right:30px;}
	.traffic dt.metro4{background:#3171d3;}
	.traffic dt.metro9{background:#bf9f1e;}
	.traffic dt.busGansun{background:#395cb3;}
	.traffic dt.busJisun{background:#50a332;}
	.traffic dt.busGwaingYuk{background:#db1218;}
	.traffic dd{float:left;padding-top:4px;}


/*사이트맵*/
	.sitemap{overflow:hidden;background:url(../../images/bg_sitemap.png) no-repeat center #f8f8f8;}
	.sitemap dl{float:left;width:25%;box-sizing: border-box;border-right:1px solid #FFF;min-height:750px;border-bottom:1px solid #ededed;}
	.sitemap02 dl{min-height:1070px;}
	.sitemap dl:first-child{box-sizing: border-box;border-left:1px solid #ededed;}
	.sitemap .last{box-sizing: border-box;border-right:1px solid #ededed;}
	.sitemap dt{box-sizing: border-box;border-top:1px solid #ededed;border-bottom:5px solid #ededed;border-left:1px solid #ededed;background:#FFF;font-size:14px;color:#1758e6;padding:30px;margin-bottom:20px;}
	.sitemap dt span{display:block;font-size:20px;color:#000;}
	.sitemap dd{padding:5px 30px;color:#333333;}
	.sitemap dd > a:focus,
	.sitemap dd > a:hover{color:#1758e6;}
	.sitemap dd > ul{padding:7px 0;}
	.sitemap dd > ul > li{color:#666666;padding:3px 0;}
	.sitemap dd > ul > li > a{background:url(../../images/bul_sitemap_01.png) no-repeat left 12px;padding-left:8px;}
	.sitemap dd > ul > li > a:hover{color:#1758e6;background:url(../../images/bul_sitemap_01On.png) no-repeat left 12px;}
	.sitemap dd > ul > li > ul{padding:4px 0;}
	.sitemap dd > ul > li > ul > li{font-size:14px;padding:4px 0;}
	.sitemap dd > ul > li > ul > li a{color:#0a3264;background:url(../../images/bul_sitemap_02.png) no-repeat 12px 9px;padding-left:19px;}
	.sitemap dd > ul > li > ul > li a:hover{color:#1758e6;background:url(../../images/bul_sitemap_02On.png) no-repeat 12px 9px;}
	@media only screen and (max-width:920px){
		.sitemap dl{width:33.3%;}
	}
	@media only screen and (max-width:700px){
		.sitemap dl{width:50%;}
	}
	@media only screen and (max-width:460px){
		.sitemap{overflow:hidden;background:#f8f8f8;}
		.sitemap dl{width:100%;min-height:300px;}
		}


/*20220902_인사말_단장님 이미지*/
@media screen and (min-width:496px) and (max-width:1980px){
		.pc_img {display: block;}
		.mobile_img {display: none;}
 
}


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

@media only screen and (max-width:495px){
		.bottom_wrap {flex-wrap: wrap !important; justify-content: center !important;}
        .signiture {text-align: center !important; margin-top: 10px; margin-right: 0 !important;;}
		.pc_img {display: none;}
		.mobile_img {display: block;}
		.signiture strong{margin-top: 8px;}
		    
}

@media only screen and (max-width:420px){
		.bottom_wrap {text-align: center !important;}
        .signiture {text-align: center;}
}
	

/* 유발단 영문 컨텐츠 */
#what .gallery {
    display: inline-block;
    width: 100%;
    margin: 45px 0 0 0;
}

#what .gallery li {
    float: left;
    width: 32.5%;
    margin: 0;
	box-sizing: border-box;
}
#what .gallery li.second {margin: 0 1%;}
#what .gallery li img {width: 100%;}

#what .heading {
	float: none;
	font-size: 20px;
    text-align: center;
    background-image: none;
    margin: 0;
    padding: 0 !important;
}

#what .heading p {
    position: relative;
    display: inline-block;
    padding: 0 80px;
    margin: 70px 0 0 0;
    background: #e5e5e5;
    line-height: 45px;
}

#what .heading p:before, #what .heading p:after {
    content: '';
    position: absolute;
    top: 0;
    width: 45px;
    height: 45px;
}

#what .heading p:before {
    left: 0;
    background: url("../../images/bg_heading_left.png") no-repeat left top;
}

#what .heading p:after {
    right: 0;
    background: url("../../images/bg_heading_right.png") no-repeat left top;
}
#what .desc {
    padding: 50px 0;
    margin: 0;
    text-align: center;
    font-size: 18px;
}

#what .desc2 {
    padding: 50px 0;
    margin: 0;
    text-align: center;
    font-size: 18px;
}

#what .row {
    margin: 0 0 25px 0;
}
#what .result {

}

#what .result .row, #what .result .row2 {
    display: inline-block;
    width: 100%;
}

#what .result li {
    float: left;
    width: 45%;
    margin: 0;
    font-size: 18px;
    text-align: center;
}

#what .result li.before {
    position: relative;
    padding: 0 45px 0 0;
}

#what .box-line,
#what .result li.before p {
    border: 6px solid transparent;
    margin: 0;
    background: url("../../images/pattern_greeting1.png") repeat left top;
}
#what .box-line {text-align: center;}
#what .box-line span,
#what .result li.before span {
    display: block;
    padding: 40px 0;
    background: #fff;
}

#what .result li.before:before {
    content: '';
    position: absolute;
    right: -27px;
    top: 45px;
    background: url('../../images/arrow_result.png') no-repeat center center;
    width: 52px;
    height: 18px;
}

#what .result li.after {
    padding: 0 0 0 4%;
}

#what .result li.after p {
    background: url("../../images/pattern_greeting2.png") repeat left top;
    color: #fff;
    margin: 0;
    padding: 45px 10px;
}


.img img {max-width: 100%; display: block;}
#diff .row {
    position: relative;
    margin: 0 0 55px 0;
}
#diff .img {
    padding: 40px 0 0 0;
}
#diff .desc {
    position: absolute;
    top: 0;
    padding: 40px 20px;
    background: url("../../images/bg_diff.png") no-repeat right bottom;
}
#diff .desc.pos_left {
    left: 25px;
}
#diff .desc.pos_right {
    right: 25px;
}
#diff .desc h1 {
	float: none;
    background: url("../../images/bul_diff.png") no-repeat left top;
    margin: 0;
    padding: 25px 0 20px 0 !important;
    font-size: 22px;
    text-align: left;
    color: #fff;
}
#diff .desc p {
    color: #fff;
    margin: 0;
    padding: 0;
	line-height: 1.7;
}
.w-arrow > li {
	font-size: 16px;
	line-height: 1.8;
    background: url("../../images/arrow_list_white.gif") no-repeat left 9px;
    padding: 0 0 0 15px;
    margin: 0;
    color: #fff;
}
#what .bgBlue {background:url(../../images/bg_centralIdentificationLab_02.png) repeat-x bottom;font-weight:400;color:#1758e6;}
#what._0101 .title {padding: 70px 60px 50px; }
#what .title {
    position: relative;
    padding: 50px 60px;
    margin: 0;
    font-size: 18px;
    line-height: 3;
    text-align: center;
}
#what.cont0102 {
	margin-bottom: 50px;
}
#what.cont0102 .title{
	padding: 74px 60px;
}
#what .title:before, #what .title:after {
    content: '';
    position: absolute;
    top: 0;
    width: 174px;
    height: 243px;
}
#what .title:before {
    left: 0;
    background: url("../../images/bg_greeting_left.png") no-repeat left top;
}
#what .title:after {
    right: 0;
    background: url("../../images/bg_greeting_right.png") no-repeat left top;
}
@media all and (max-width: 990px) {
    #what .title {
        border: 6px solid rgba(0, 0, 0, 0);
        background: url(../../images/pattern_greeting1.png) repeat left top;
        padding: 0 !important;
        margin: 0;
        line-height: 1.8;
    }

    #what .title span {
        display: block;
        padding: 40px 70px 40px 70px;
        background: #fff;
    }

    #what .title br {
        display: none;
    }

    #what .title:after, #what .title:before {
        display: none;
    }

    #what .gallery li {
        padding: 0 4px;
    }

    #what .heading p {
        margin: 50px 0 0 0;
    }

    #diff .desc {
        position: static;
    }

    #diff .img {
        padding: 0;
    }
    #what._0101 .title .bgBlue {padding: 0;}

}

/* History CSS */
em.em-style1 {
    color: #2c6aba;
	font-style: normal;
}
#wrap-history {
    background: url(../../images/line_history.gif) repeat-y center top;
}

#history {
    padding: 180px 0 120px 0;
    background: url(../../images/bg_history.png) no-repeat center top;
}

#history .row {
    position: relative;
}

#history .year {
    position: absolute;
    width: 45.8%;
}

#history .year.left {
    background: url("../../images/year_left.gif") no-repeat right 5px;
    padding: 0 40px 0 0;
    margin: 0 0 0 8px;
    text-align: right;
}

#history .year.right {
    left: 50%;
    background: url("../../images/year_right.gif") no-repeat left 5px;
    padding: 0 0 0 40px;
    margin: 0 0 0 -7px;
    text-align: left;
}

#history .year h1 {
	float: none;
	font-size: 24px;
	background-image: none;
    margin: 0 0 10px 0;
    padding: 0 !important;
    text-align: right;
}

#history .year p {
    margin: 0;
	font-size: 17px;
	color: #3e3e3e;
	line-height: 1.7;
}

#history .year.right h1 {
    margin: 0 0 10px 0;
    text-align: left;
}

#history .year.right p {
    margin: 0 0 0 0;
    text-align: left;
}

#history .img {
    margin: 20px 0 0 0;
}

#history .line1 {
    height: 75px;
}

#history .line2 {
    height: 100px;
}

#history .line3 {
    height: 160px;
}

#history .line4 {
    height: 80px;
}

#history .line5 {
    height: 80px;
}

#history .line6 {
    height: 200px;
}

#history .line7 {
    height: 60px;
}

#history .line8 {
    height: 60px;
}

#history .line9 {
    height: 60px;
}

#history .line10 {
    height: 60px;
}

#history .line11 {
    height: 60px;
}

#history .line12 {
    height: 60px;
}

#history .line13 {
    height: 170px;
}

#history .line14 {
    height: 90px;
}

#history .line15 {
    height: 70px;
}

#history .line16 {
    height: 70px;
}

#history .line17 {
    height: 70px;
}

#history .line18 {
    height: 70px;
}

#history .line19 {
    height: 80px;
}

#history .line20 {
    height: 60px;
}

#history .line21 {
    height: 60px;
}

#history .line22 {
    height: 60px;
}

@media all and (max-width: 768px) {
	#wrap-history {background-image: none;}
    #history  .year {
        position: static;
        width: 100%;
    }

    #history  .year.left {
        left: 50%;
        background: url(../../images/year_right.gif) no-repeat left 5px;
        padding: 0 0 0 40px;
        margin: 0 0 0 -7px;
        text-align: left;
    }

    #history  .year h1 {
        text-align: left;
    }

    #history  .row {
        height: auto;
        margin: 0 0 20px 0;
    }

    #history  .row img {
        width: 100%;
        max-width: 100%;
    }
}

@media all and (max-width: 840px) {
	#what .result li {width: 43%;}
}
@media all and (max-width: 550px) {
    #wrap-contents article .arrow > li {
        margin-left: 0;
    }

    #what .title span {
        padding: 40px;
    }

    #what .desc br, #what .desc2 br {
        display: none;
    }

    #what .result li {
        float: none;
        width: 100%;
        padding: 0 !important;
    }

    #what .result li.before {
        margin: 0 0 20px 0;
    }

    #what .result li.before:before {
        display: none;
    }
}

.sub_contents .table_01 table + h4 {margin-top: 40px;}


/*20230116_인사말_수정*/
.bottom_wrap{
 display: flex; 
 justify-content: flex-end; 
 align-items: flex-end;
}

.signiture{
 display: block; 
 text-align: right;
 font-size: 20px;
 margin-right: 20px;
}

.signiture strong{
 font-size: 25px;
 display: block;
}

.signiture .pc_img{
 padding-left: 20px;
}


.head_text2 {
    position: relative;
    border: 1px solid #dcdfe4;
    background: url("../../images/board/head_text_bg_2.png") right top no-repeat;
    background-size: cover;
    padding: 30px;
    margin-bottom: 20px;
}

.head_text2:after {
    content: '';
    position: absolute;
    top: -15px;
    right: -30px;
    width: 335px;
    height: 231px;
    background: url("../../images/board/head_text_bg_2_flo.png") right top no-repeat;
}

.head_text2 strong {
    font-size: 26px;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    font-weight: 400;
}

.head_text2 p {
    color: #e4c7ab;
    font-size: 20px;
}


.mobile_img { display:none; }
@media all and (max-width: 496px) {
	.mobile_img { display:block; }
	.pc_img { display:none; }
}