/*하단 배경이미지 + 상단 텍스트 조합 반응형 컨텐츠 01 시작*/
.content_box_sub_bjm_1 .content_wrap { width:100%;  position:relative; margin-bottom:50px; padding-top: 52.91666666666667%; background-size: cover; overflow:hidden; } /*높이값을 padding-top으로 고정사이즈로 반응형 대응. %값은 가로 1200픽셀에 높이값635픽셀의 %값을 구함(모바일쯤에는 사이즈 유지시 텍스트 공간 부족하여 풀어줌)*/
.content_box_sub_bjm_1 .content_wrap .img_box { width:100%; height:100%; transition:all 1s ease-in-out; position: absolute; top: 0; z-index:2;  }
.content_box_sub_bjm_1 .content_wrap:hover .img_box { transform:scale(1.1); } /*image-rendering: -webkit-optimize-contrast; 반영안됨 왜?*/
.content_box_sub_bjm_1 .content_wrap.first .img_box {  background:url(/images/sub/sub_02_doc1_img_1.jpg) rgba(0,0,0,0.03) no-repeat 50%;    }
.content_box_sub_bjm_1 .content_wrap.second .img_box { background:url(/images/sub/sub_02_doc1_img_2.jpg) rgba(0,0,0,0.03) no-repeat 50%; }
.content_box_sub_bjm_1 .content_wrap.third .img_box { background:url(/images/sub/sub_02_doc1_img_3.jpg) rgba(0,0,0,0.03) no-repeat 50%; }
.content_box_sub_bjm_1 .content_wrap.fourth .img_box { background:url(/images/sub/sub_02_doc1_img_4.jpg) rgba(0,0,0,0.03) no-repeat 50%; }
.content_box_sub_bjm_1 .content_wrap.fifth .img_box { background:url(/images/sub/sub_02_doc1_img_5.jpg) rgba(0,0,0,0.03) no-repeat 50%;  }
.content_box_sub_bjm_1 .content_wrap:last-child { margin-bottom:0; }
.content_box_sub_bjm_1 .content_wrap::before { content:''; width: 100%; height: 65%; bottom: 0; position:absolute; background: linear-gradient(to top, #20223e, #20223e 30%, transparent); opacity:0.75; z-index:3; transition:all 0.4s; } /*박스 내에 before에 절반을 차지하는 반투명 그라데이션 적용.*/
/*.content_box_sub_bjm_1 .content_wrap:hover::before { content:''; width: 100%; height: 65%; bottom: 0; position:absolute; background: linear-gradient(to top, #000, #000 30%, transparent); opacity:0.65; } */
.content_box_sub_bjm_1 .content_wrap .txt_box { width:calc(100% - 100px);  min-height:50px; position: absolute; left:50%; bottom: 50px; transform:translateX(-50%); z-index:3; } /*텍스트 박스 중앙 하단에 위치 시킴*/
.content_box_sub_bjm_1 .content_wrap .txt_box h4.tit_txt { font-size:28px; font-weight:600; color:#fff; display: inline; position:relative; }
.content_box_sub_bjm_1 .content_wrap .txt_box h4.tit_txt .count { color:#ffeb3b;  }
.content_box_sub_bjm_1 .content_wrap .txt_box h4.tit_txt::after { content:''; position:absolute; width:100%; height:4px; left:0; bottom:-4px; background:#ffeb3b; }
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box { margin-top:25px; }
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box .sub_tit_txt { font-size:32px; font-weight:300; color:#fff; margin-bottom:20px; } 
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt { color:#fff; font-size:18px; margin-bottom:10px; } 
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt .tit { font-weight:500; position:relative;  padding-left:18px; }
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt .tit::before { content:'';     width: 5px; height: 5px; border-radius:50%; background:#fff; position:absolute; top:50%; left:8px; transform: translateY(-50%);}
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt .tit2 { font-weight:600; position:relative;  padding-left:26px; }
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt .tit2::before { content:'';     }
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box .con_txt .con2 { position: relative; padding-left: 0px; } /*font-weight: 400;*/
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box .con_txt .con2:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #fff; position: absolute; top: 12px; left: -10px; }
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 { color:#fff; font-size:18px; margin-bottom:10px; margin-left: 10px; } 
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 .tit { font-weight:500; position:relative;  padding-left:18px; }
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 .tit::before { content:'';     width: 5px; height: 5px; border-radius:50%; background:#fff; position:absolute; top:50%; left:8px; transform: translateY(-50%);}
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 .tit2 { font-weight:600; position:relative;  padding-left:26px; }
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 .tit2::before { content:'';     }
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box .con_txt_2 .con2 { position: relative; padding-left: 0px; } /*font-weight: 400;*/
.content_box_sub_bjm_1 .content_wrap .txt_box .con_box .con_txt_2 .con2:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #fff; position: absolute; top: 12px; left: -10px; }
@media (max-width:1200px) {
	.content_box_sub_bjm_1 { padding:15px; }
}
@media (max-width:1000px) {
	.content_box_sub_bjm_1 .content_wrap .txt_box { width: calc(100% -  80px); bottom: 40px; }
}
@media (max-width:920px) {
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt .con { display:block; text-indent: -1px; margin-left: 19px; word-break:break-all; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt { margin-top: 10px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box h4.tit_txt { font-size: 24px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box .sub_tit_txt { font-size: 28px; }
	.content_box_sub_bjm_1 .content_wrap { background-size: cover; } /*배경이미지에 여백이 안생기도록 배경이미지에 cover 반영*/
	.content_box_sub_bjm_1 .content_wrap { padding-top: unset; height: 500px; } /*너비/높이값 고정해줬던 padding-top 비활성, 높이값 고정함 (텍스트 컨텐츠 범위 확보)*/
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 .con { display:block; text-indent: -1px; margin-left: 19px; word-break:break-all; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 { margin-top: 10px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box h4.tit_txt::after { height: 3px; }
}
@media (max-width:640px) {
	.content_box_sub_bjm_1 .content_wrap .txt_box h4.tit_txt { font-size: 20px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box { margin-top: 14px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box .sub_tit_txt { font-size: 24px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt { color: #fff; font-size: 16px; margin-top: 0px; margin-bottom: 2px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt .tit { padding-left:14px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt .tit::before { left: 5px;  }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt .con { margin-left: 14px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 { color: #fff; font-size: 16px; margin-top: 0px; margin-bottom: 2px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 .tit { padding-left:14px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 .tit::before { left: 5px;  }
	.content_box_sub_bjm_1 .content_wrap .txt_box .con_box p.con_txt_2 .con { margin-left: 14px; }
	.content_box_sub_bjm_1 .content_wrap .txt_box h4.tit_txt::after { height: 2px; bottom: -4px; }
}
@media (max-width:480px) {
	 .content_box_sub_bjm_1 .content_wrap .txt_box { width: calc(100% - 50px); bottom: 25px; }
}
/*하단 배경이미지 + 상단 텍스트 조합 반응형 컨텐츠 01 종료*/
.content_jm_03 { padding:0; margin-top:100px; }
.content_jm_03 .row { margin:0; }
.content_jm_03 .photo_box { } /*width:384px; height:502px; background:rgba(0,0,0,0.03); */
.content_jm_03 .txt_box { padding-left: 20px; } /*background:rgba(0,0,0,0.03); */
.content_jm_03 .txt_box .tit_txt { font-size:28px; font-weight:600; }
.content_jm_03 .txt_box .tit_txt3 { color:#990000; font-size:28px; font-weight:600; }
.content_jm_03 .txt_box .sub_tit_txt { font-size:20px; margin-top:40px}
.content_jm_03 .content_box {margin-top:20px; }
.content_jm_03 .content_box li { margin-bottom: 30px; display:flex; } /*background:rgba(0,0,0,0.03);*/
.content_jm_03 .content_box li img { width:240px; }
.content_jm_03 .content_box li:last-child { margin-bottom:0; }
.content_jm_03 .content_box li div { width:100%; display:inline-block; font-size:18px; border: 1px solid #ccc; padding: 10px; }
.content_jm_03 .content_box li div p { } /*padding:0 10px; */
.content_jm_03 .content_box li div p.tit_txt2 { font-weight:500; font-size: 24px; }
.content_jm_03 .content_box li div p.con_txt2 {  margin:15px 0; font-size: 20px; }
@media (max-width:1200px) {
	.content_jm_03 { padding:15px; }
}
@media (max-width: 960px)
	.content_box_sub_bjm_1 {  }
}
@media (max-width:860px) {
}
@media (max-width:768px) {
	.content_jm_03 { margin-top:20px; }
	.content_jm_03 .txt_box { padding-left: 0px; margin-top:20px; }
	.content_jm_03 .photo_box img { width:100%; }
	.content_jm_03 .txt_box .tit_txt { font-size: 24px; }
	.content_jm_03 .txt_box .tit_txt3 { font-size: 24px; }
	.content_jm_03 .txt_box .sub_tit_txt { font-size: 17px; margin-top: 20px; }
	
	.content_jm_03 .content_box li div p.tit_txt2 { font-size: 22px; }
	.content_jm_03 .content_box li div p.con_txt2 { font-size: 18px; }
}
@media (max-width:520px) {
	.content_jm_03 .content_box li { margin-top: 30px; flex-direction: column; }
	.content_jm_03 .content_box li img { width:100%; }
	.content_jm_03 .content_box li div { border-top:0; }
}

/*좌측 텍스트 우측 이미지 2분할 배치형 컨텐츠*/
.content_jm_04 { margin-top:100px;  } /*background:rgba(0,0,0,0.03); ;*/
.content_jm_04 h4 { font-size: 28px; font-weight: 600; }
.content_jm_04 h4 img {  }

.content_jm_04 .zone_info { font-size: 20px; font-weight: 600; }
.content_jm_04 .zone_info img { width:30px; height:30px; margin-right:8px; margin-bottom:8px; }

.content_jm_04 .con_txt { font-size: 22px; margin-top: 20px; }
.content_jm_04 .row { margin-top:40px; font-size:20px; }
.content_jm_04 .left { font-weight:400; font-size:20px; padding-right: 20px; } /*background:rgba(0,0,0,0.03);*/
.content_jm_04 .left b { color:#4caf50; font-weight:500; }
.content_jm_04 .left .left_mark { width:100%; background:#e8f5d9; text-align:center; padding:40px; margin-top:40px; }
.content_jm_04 .left .left_mark_img { width:205px; }
.content_jm_04 .right { background:red; height:720px; }
.content_jm_04 .right .right_img { background:url('/images/sub/exterminate_vermin_system_img_02_4.jpg')50%; width:100%; background-size: cover; }

.content_jm_04 .right { display:flex; justify-content: flex-end; }
@media (max-width:1200px) {
	.content_jm_04 { padding:15px; }
	.content_jm_04 h4 { font-size: 18px; font-weight: 500; }

	.content_jm_04 .left .left_mark_img { width: 186px; }
}
@media (max-width:920px) {
	.content_jm_04 .zone_info { font-size: 18px; }
	.content_jm_04 .zone_info img { width: 24px; margin-right: 6px; }
	.content_jm_04 .left .left_mark_img { width: 157px; }
}
@media (max-width:860px) {
	.content_jm_04 .zone_info { font-size: 14px; }
	
}
@media (max-width:768px) {
	.content_jm_04 { margin-top:20px; }
	.content_jm_04 .row { margin-top: 20px; }
	.content_jm_04 .left { font-size: 18px; padding-right: 0; }
	.content_jm_04 .right { margin-top:20px; }
	.content_jm_04 .right img { width:100%; }
	.content_jm_04 h4 { font-size:24px; }
	.content_jm_04 .con_txt { font-size: 20px; }
	.content_jm_04 .left .left_mark_img { width: 131px; }
	
}
@media (max-width:640px) {
	.content_jm_04 .left .left_mark_img { width: 180px; }
}
.sub-contents .watchword { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.sub-contents .watchword h1 { text-align: center; font-family: 'InkLipquid'; font-size: 60px; margin: 130px 0 0 0; text-shadow: 0 0 6px rgb(0 0 0 / 20%); }
.sub-contents .watchword h1 span { color: #3399ff; text-shadow: 0 0 6px rgb(51 153 255 / 20%); }

@media (max-width:768px) {
	.sub-contents .watchword h1 { font-size: 40px; margin: 50px 0 0 0; }
}