.top_txt{font-size:22px;line-height:38px;color:#333;font-weight:bold;text-align:center;border:7px solid #f2f2f2;padding:55px 0;margin-bottom:90px;}
.top_txt span.clr{color:#ef1922;}
.top_txt .tit{font-size:36px;line-height:36px;color:#333;margin-bottom:22px;}




.p-h2{font-size:22px;line-height:38px;color:#8d8d8d;font-weight:bold;text-align:center;font-family:"NanumSquare", sans-serif}

.p-h3{font-size:38px;line-height:55px;color:#333;font-weight:800;text-align:center;font-family:"NanumSquare", sans-serif}


.mid_wrap{width:1280px;margin:0 auto;}
.mid_wrap .mid_box{width:100%;}
.mid_wrap .mid_box .f_img{width:784px;height:457px;background:url('/thema/Basic/img/cont_0301_img01.png') no-repeat 0 0;margin:-330px auto 0;text-align:center;}
.mid_wrap .mid_box .f_img iframe{margin:26px 0 0 1px;}
.mid_wrap .mid_box .s_tit{font-size:20px;line-height:22px;color:#fff;text-align:center;padding-top:75px;}
.mid_wrap .mid_box .tit{font-size:34px;line-height:36px;color:#fff;font-weight:800;text-align:center;margin-top:13px;}
.mid_wrap .mid_box .icon_mt{margin-top:72px;}
.mid_wrap .mid_box .icon{list-style:none;margin:0;padding:0;width:100%;display:inline-block;}
.mid_wrap .mid_box .icon li{float:left;width:14.28%;text-align:center;}
.mid_wrap .mid_box .icon li p{font-size:20px;line-height:26px;color:#fff;margin-top:30px;letter-spacing:-0.5px;font-family:"NanumSquare", sans-serif;}

.wrap{clear:both;width:100%;margin-top:50px;display:inline-block;}
.wrap .L{float:left;width:50%;padding-right:20px;}
.wrap .R{float:left;width:50%;padding-left:20px;}
.wrap .tit{font-size:34px;line-height:36px;color:#333;font-weight:800;}
.wrap .txt{font-size:18px;line-height:24px;color:#333;margin:22px 0 30px;}
.wrap .tit_2{font-size:26px;line-height:28px;color:#333;font-weight:700;}
.wrap .row_2{height:48px;}
.wrap .row_3{height:71px;}

.wrap_nmt{margin-top:0px;}
.wrap_nmt .tit_2{margin:28px 0 20px;}
.w_tit{font-size:34px;line-height:36px;color:#333;font-weight:800;margin-top:80px;}

.mid_wrap_wide{clear:both;width:100%;margin-top:70px;background:#f2f2f2;padding:65px 0 60px;}
.mid_wrap_wide .tit{font-size:34px;line-height:36px;color:#333;font-weight:800;text-align:center;}
.mid_wrap_wide .txt{font-size:18px;line-height:24px;text-align:center;margin:24px 0 42px;}
.mid_wrap_wide .lt_01{list-style:none;margin:0;padding:0;width:100%;display:inline-block;text-align:center;}
.mid_wrap_wide .lt_01 li{float:left;width:50%;}
.mid_wrap_wide .lt_01 li:last-child{margin-right:0;}

.mid_wrap_2{border-top:2px solid #333;margin-top:35px;}
.mid_wrap_2 .in_box{border-bottom:1px solid #efefef;display:inline-block;width:100%;padding:28px 0;}
.mid_wrap_2 .in_box-bdb{border-bottom:2px solid #333;}
.mid_wrap_2 .in_box .in_L{float:left;width:50%;padding:0 20px;}
.mid_wrap_2 .in_box .in_R{float:left;width:50%;padding:0 20px;}

.mid_wrap_2 .in_box .tit{font-size:28px;line-height:30px;color:#333;font-weight:800;margin-bottom:20px;}
.mid_wrap_2 .in_box .txt{font-size:18px;line-height:26px;color:#333;min-height:79px;}
.mid_wrap_2 .in_box .dot_01{list-style:none;margin:0;padding:0;width:100%;display:inline-block;}
.mid_wrap_2 .in_box .dot_01 li{font-size:15px;line-height:17px;color:#333;margin-bottom:10px;padding-left:13px;word-break:keep-all;background:url('/thema/Basic/img/dot_02.jpg') no-repeat 0 6px;letter-spacing:-0.5px;}
.mid_wrap_2 .in_box .dot_01 li:last-child{margin-bottom:0;}

.mid_wrap_2 .in_box .in_L_bg{padding-left:122px;background:url('/thema/Basic/img/cont_0301_icon11.jpg') no-repeat 20px 0px;}
.mid_wrap_2 .in_box .in_R_bg{padding-left:122px;background:url('/thema/Basic/img/cont_0301_icon12.jpg') no-repeat 20px 0px;}

.icon_2{list-style:none;margin:0;padding:0;width:100%;display:inline-block;}
.icon_2 li{float:left;margin-right:18px;width:40%;}
.icon_2 li:last-child{margin-right:0;}

.top_txt span{color:#ef1922;}

.container1 {
  display: flex;
  align-items: center;
  justify-content: center;
width:100%;
font-family:"NanumSquare", sans-serif;
padding-top:5%;
}


.descriptions-left{width:30%}
.phone {width:60%}
.descriptions-right{width:30%}

.phone-m{display:none;}

.phone img {
  width:100%;
  margin: 0 auto;
  padding:25px;
}

.descriptions {
  display: flex;
  justify-content: space-between;
  
}

.description {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s, transform 0.5s;
  margin: 0 auto;
  float:left;
  	line-height:10em;
}

.description p{
	font-size:20px; 
	font-weight:800;
}



.description.active {
  opacity: 1;
  transform: translateY(0);
}

.icon-r {
  width: 30%;
	margin: 0 auto;
	float:left;

}

.icon_text-l {
  width: 70%;
  float:left;
  text-align:right;
  padding-right:1.2em;


}


.icon-l {
  width: 30%;
	margin: 0 auto;
	float:right;

}

.icon_text-r {
  width: 70%;
  float:left;
  text-align:left;
  padding-left:1.2em;


}







.top_u {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(/thema/Basic/img/cont_0409_bg01.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed !important;
  background-size: 90% !important;
  background-position: center top !important;
  padding: 1rem;
  padding-top: 30%;
  color: #fff;

}

.top_u h1 {
  font-size: 3rem;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  line-height: 1;
  position: absolute;
  font-weight: 500;
  top:300px;
  margin-left: 8rem;
}

.top_u  .txt{font-size:18px;line-height:24px;color:#333;margin:22px 0 30px;}





@media all and (max-width:991px) {
.top_txt{font-size:16px;line-height:22px;border:3px solid #f2f2f2;padding:20px;letter-spacing:-0.5px;margin-bottom:30px;word-break: keep-all;}
	.top_txt .tit{font-size:20px;line-height:22px;margin-bottom:8px;}

.mid_wrap{width:100%;}
	.mid_wrap .mid_box{width:100%;height:auto;padding-top:0px;}
		.mid_wrap .mid_box .f_img{width:100%;height:auto;background:none;margin:0px auto;}
			.mid_wrap .mid_box .f_img iframe{margin:0px auto;width:80%;height:auto;padding-top:30px;}
		.mid_wrap .mid_box .s_tit{font-size:14px;line-height:17px;padding-top:10px;}
		.mid_wrap .mid_box .tit{font-size:20px;line-height:22px;margin-top:8px;}
		.mid_wrap .mid_box .icon_mt{margin-top:25px;}
		.mid_wrap .mid_box .icon{width:100%;}
			.mid_wrap .mid_box .icon li{width:25%;margin-bottom:10px;}
				.mid_wrap .mid_box .icon li p{font-size:12px;line-height:16px;margin-top:10px;height:52px;padding:0 5px;}
				.mid_wrap .mid_box .icon li img{width:35px;}

.wrap{margin-top:30px;}
	.wrap .L{width:100%;padding-right:0px;}
	.wrap .R{width:100%;padding-left:0px;margin-top:30px;}
	.wrap .R_mt{margin-top:20px !important;}
	.wrap .tit{font-size:20px;line-height:22px;}
	.wrap .txt{font-size:14px;line-height:21px;margin:9px 0 12px;}
	.wrap .tit_2{font-size:15px;line-height:17px;}
	.wrap .row_2{height:auto;}
	.wrap .row_3{height:auto;}

.wrap_nmt{margin-top:0px;}
	.wrap_nmt .tit_2{margin:0px 0 10px;}
	.wrap_nmt img{border:1px solid #ddd;}
.w_tit{font-size:20px;line-height:22px;margin:30px 0 14px;}

.mid_wrap_wide{margin-top:30px;padding:25px 0 20px;}
	.mid_wrap_wide .tit{font-size:16px;line-height:20px;word-break:keep-all;padding:0 20px;}
	.mid_wrap_wide .txt{font-size:14px;line-height:21px;margin:10px 0 15px;word-break:keep-all;}
	.mid_wrap_wide .lt_01{width:96%;margin:0 2%;}
		.mid_wrap_wide .lt_01 li{width:48%;margin:0 4% 4% 0;}
			.mid_wrap_wide .lt_01 li:nth-child(2n){margin-right:0;}
			.mid_wrap_wide .lt_01 li img{width:100%;}
			.mid_wrap_wide .lt_01 li:nth-child(3), .mid_wrap_wide .lt_01 li:nth-child(4){margin-bottom:0;}

.mid_wrap_2{margin-top:15px;}
	.mid_wrap_2 .in_box{padding:20px 10px;}
	.mid_wrap_2 .in_box-bdb{padding-top:15px !important;}
		.mid_wrap_2 .in_box .in_L{width:100%;padding:0;}
		.mid_wrap_2 .in_box .in_R{width:100%;padding:0;margin-top:15px;}
		
		.mid_wrap_2 .in_box .tit{font-size:18px;line-height:20px;margin-bottom:5px;}
		.mid_wrap_2 .in_box .txt{font-size:14px;line-height:21px;color:#333;min-height:45px;}
		.mid_wrap_2 .in_box .dot_01{width:100%;}
			.mid_wrap_2 .in_box .dot_01 li{font-size:14px;line-height:20px;margin-bottom:5px;padding-left:10px;background:url('/thema/Basic/img/dot_02.jpg') no-repeat 0 7px;}

		.mid_wrap_2 .in_box .in_L_bg{padding-left:60px;background:url('/thema/Basic/img/cont_0301_icon11.jpg') no-repeat 0px 0px;background-size:45px 45px;}
		.mid_wrap_2 .in_box .in_R_bg{padding-left:60px;background:url('/thema/Basic/img/cont_0301_icon12.jpg') no-repeat 0px 0px;background-size:45px 45px;}

.icon_2{width:100%;}
	.icon_2 li{width:80%;margin-right:2%;margin-bottom:5%;}
		.icon_2 li:last-child{margin-right:0;}
		.icon_2 li img{width:100%;}






  /* description 요소들을 가로 방향으로 정렬 */
  .descriptions-left,
  .descriptions-right {
    width:50%;
  }

  /* 이미지를 모바일 화면에 맞게 크기 조정 */
 
.phone {display:none;}
.phone-m{display:block;width: 80%;margin:0 auto;padding-top:5%; }


 .phone img {
    max-width: 100%; /* 최대 너비 100%로 설정하여 화면 크기에 맞춤 */
    height: auto; /* 비율 유지 */
    display: block; /* 이미지를 블록 요소로 설정하여 여백 추가 */
    margin: 0 auto 20px; /* 가운데 정렬 및 하단 여백 추가 */
  }

.description{line-height:4em;}
.description p{font-size:16px;font-weight:600;}
.icon-r{width:14%;}
.icon-l{width:14%;float:left;}


.icon_text-l,.icon_text-r{text-align:left;padding-left:0.5em;width:86%;padding-right:0;}










}