/* 애니메이션 키프레임 정의 */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 전체 구조 */
.daon_ver3_sub_type03 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.daon_ver3_sub_type03:after {
  content: "";
  display: block;
  clear: both;
}

/* 각 섹션 */
.daon_ver3_sub_type03 .type03-1 {
  position: relative;
  display: flex;
  width: 100%;
  padding: 80px 0;
}

/* 배경 박스 */
.daon_ver3_sub_type03 .type03-1:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  height: 100%;
  border: 2px solid #eee !important;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #000;
}

/* 이미지 박스 */
.daon_ver3_sub_type03 .type03-1 .img_box {
  position: relative;
  width: 45%;
  transition: 0.5s all ease;
  opacity: 0;
  animation: fadeInRight 1s ease-out forwards;
  animation-delay: 0.2s;
}
.daon_ver3_sub_type03 .type03-1 .img_box:after {
  content: "";
  display: block;
  clear: both;
}
.daon_ver3_sub_type03 .type03-1 .img_box img {
  max-width: 100%;
  border-radius: 10px;
}

/* 텍스트 박스 */
.daon_ver3_sub_type03 .type03-1 .txt_box {
  width: 55%;
  padding: 0 50px 0 80px;
  opacity: 0;
  animation: fadeInUp 1s ease-out forwards;
  animation-delay: 0.4s;
}
.daon_ver3_sub_type03 .type03-1 .txt_box:after {
  content: "";
  display: block;
  clear: both;
}
.daon_ver3_sub_type03 .type03-1 .txt_box h2.tit1 {
  display: block;
  margin-bottom: 40px;
  font-size: 2em;
  color: #000;
  line-height: 1.6em;
  font-weight: 600;
  word-break: keep-all;
}
.daon_ver3_sub_type03 .type03-1 .txt_box h2.tit1 strong {
  color: #e53d30;
  font-size: 1em;
  font-weight: 700;
}
.daon_ver3_sub_type03 .type03-1 .txt_box p.tit_desc {
  display: block;
  margin-top: 20px;
  font-size: 1.25em;
  color: #666;
  line-height: 1.6em;
  font-weight: 600;
}
.daon_ver3_sub_type03 .type03-1 .txt_box p.ceo_sign {
  display: block;
  margin-top: 40px;
  font-size: 1.25em;
  color: #000;
  line-height: 1.6em;
}
.daon_ver3_sub_type03 .type03-1 .txt_box p.ceo_sign {
  padding-left: 10px;
  font-size: 1.8em;
  font-weight: 700;
  font-family: 'KOTRA_SONGEULSSI';
}



@media all and (max-width:1500px){
	.daon_ver3_sub_type03 {padding:0 4%;}
}

@media all and (max-width:1200px){
	.daon_ver3_sub_type03 .type03-1{padding:40px 0;}
	.daon_ver3_sub_type03 .type03-1 .txt_box{padding:0 40px;}

	.daon_ver3_sub_type03 .type03-2 ul li { width:30%;}

	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd strong{font-size:3em;}
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd p{font-size:1.2em;}
}

@media all and (max-width:992px){
	.daon_ver3_page_title{margin-bottom:50px;}
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}

	.daon_ver3_sub_type03 .type03-1 {flex-direction: column; padding:0 0 50px 0;  }
	.daon_ver3_sub_type03 .type03-1:after{ width:100%;}
	.daon_ver3_sub_type03 .type03-1 .img_box { width:100%; text-align:center;}
	.daon_ver3_sub_type03 .type03-1 .img_box img {width:100%;}
	.daon_ver3_sub_type03 .type03-1 .txt_box { width:100%; margin-top:50px; padding:0 40px;}
	.daon_ver3_sub_type03 .type03-1 .txt_box h2.tit1 { font-size:1.85em; }

	.daon_ver3_sub_type03 .type03-3 .txt_box dl{padding:0;}
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd {width:50%; padding:20px 10px; border-right:1px solid #eee; border-top:1px solid #eee;}
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd:nth-child(1){border-top:0;}
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd:nth-child(2){border-top:0; border-right:0;}
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd:nth-child(4){border-right:0;}
}

@media screen and (max-width:768px){
	.daon_ver3_page_title{margin-bottom:40px;}
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}

	.daon_ver3_sub_type03 .type03-1 {margin-top:50px;}
	.daon_ver3_sub_type03 .type03-1:after{display:none;}
	.daon_ver3_sub_type03 .type03-1 .txt_box { padding:0 20px;}
	.daon_ver3_sub_type03 .type03-1 .txt_box h2.tit1 {font-size:1.5em;}
	.daon_ver3_sub_type03 .type03-1 .txt_box p.tit_desc { font-size:1.15em;}
	.ddd{font-weight:bold; font-size:1.2em;}
	.daon_ver3_sub_type03 .type03-1 .txt_box p.ceo_sign { font-size:1.15em;}

	.daon_ver3_sub_type03 .type03-2 { margin-top:20px; border-top:1px solid #000;}
	.daon_ver3_sub_type03 .type03-2 ul li { width:100% !important; margin:0; padding:20px; text-align:left; border-bottom:1px solid #eee; }
	.daon_ver3_sub_type03 .type03-2 ul li .icons {display:inline-block; vertical-align:middle; width:50px; height:50px; text-align:center;}
	.daon_ver3_sub_type03 .type03-2 ul li .icons i { line-height:50px; font-size:1.5em; }
	.daon_ver3_sub_type03 .type03-2 ul li .txts {display:inline-block; vertical-align:middle; width:80%; padding-left:15px; margin-top:0;}
	.daon_ver3_sub_type03 .type03-2 ul li .txts strong{font-size:1.25em;}
	.daon_ver3_sub_type03 .type03-2 ul li .txts b{font-size:1.25em; color:#000;}
	.daon_ver3_sub_type03 .type03-2 ul li .txts p{font-size:1em; margin-top:10px;}

	.daon_ver3_sub_type03 .type03-3 {padding:50px 25px 25px 25px;}
	.daon_ver3_sub_type03 .type03-3 .txt_box h2.tit1 { font-size:2em;}
	.daon_ver3_sub_type03 .type03-3 .txt_box h2.tit1 span.dot:after { top:-20px; right:-2px; width:10px; height:10px; }
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd strong {font-size:3.5em; }
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd p {font-size:1.15em;}
}
.ddd{}
@media screen and (max-width:480px){
	.daon_ver3_sub_type03 .type03-3 .txt_box dl {padding:0px;}
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd {width:100%;}
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd strong {font-size:2.5em; }
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd:nth-child(1){border-top:0;}
	.daon_ver3_sub_type03 .type03-3 .txt_box dl dd:nth-child(2){border-top:1px solid #eee; }
}
/*개설절차 및 비용*/
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.step_box {width:100%; max-width:1400px; margin-bottom:50px;}
.step_box:after{content:''; display:block;clear:both}
.step_box ul { padding:0; margin:0;}
.step_box ul li {position:relative; float:left; display:table; text-align:center; width:30%; min-height:250px; padding:0 30px; margin-right:4%; margin-bottom:4%; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.step_box ul li:before { display:block; content: ""; width: 25px; height: 24px; position: absolute; top: 50%; margin-top: -12px; right: -10%;  background:url('/img/arrow_r.png') no-repeat center center; background-size: 100% auto;}
.step_box ul li em{position:absolute; left:15px; top:15px; width:32px; height:32px; line-height:32px; border-radius:100%; font-size:1em; color:#fff; background:#000; text-align:center; font-style:normal;}

.step_box ul li:nth-child(3n) {margin-right:0; }
.step_box ul li:nth-child(3n):before {display:none;}
.step_box ul li div { display:table-cell; vertical-align:middle; }
.step_box ul li strong { position:relative; display:block; font-size:1.5em; color:#000; font-weight:normal; line-height:1.4em;  }
.step_box ul li p { font-size:1.5em; color:#fff;  line-height:1.4em; margin-top:25px; }

.step_box ul li:nth-child(1) {background:#6e9d17;}
.step_box ul li:nth-child(2) {background:#345001;}
.step_box ul li:nth-child(3) {background:#6e9d17;}
.step_box ul li:nth-child(4) {background:#345001;}
.step_box ul li:nth-child(5) {background:#6e9d17;}


.step_box ul li:nth-child(6) {background:#027758;}
.step_box ul li:nth-child(6) strong {font-size:1.5em; color:#fff;}
.step_box ul li:nth-child(6) p { font-size:1.5em; color:#fff;}
/* 지그재그 애니메이션 순차 적용 */
.step_box ul li:nth-child(1) {
  animation: fadeInLeft 0.8s ease-out forwards;
  animation-delay: 0s;
}
.step_box ul li:nth-child(2) {
  animation: fadeInRight 0.8s ease-out forwards;
  animation-delay: 0.2s;
}
.step_box ul li:nth-child(3) {
  animation: fadeInLeft 0.8s ease-out forwards;
  animation-delay: 0.4s;
}
.step_box ul li:nth-child(4) {
  animation: fadeInRight 0.8s ease-out forwards;
  animation-delay: 0.6s;
}
.step_box ul li:nth-child(5) {
  animation: fadeInLeft 0.8s ease-out forwards;
  animation-delay: 0.8s;
}
.step_box ul li:nth-child(6) {
  animation: fadeInRight 0.8s ease-out forwards;
  animation-delay: 1s;
}

/* 반응형 중간기기 1400px 사이즈 이하*/
@media all and (max-width:1400px){


.motto_area .circle_box:nth-child(1){ left:8%;}
.motto_area .circle_box:nth-child(3){ right:8%;}

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){


	.motto_area { min-height:400px; padding:0; border:0px; margin-top:0px;}
	.motto_area .circle_box {width:240px; height:240px;}
	.motto_area .circle_box:nth-child(1){top:180px; left:25%; margin-left:-120px; }
	.motto_area .circle_box:nth-child(2){  width:240px; height:240px; margin-left:-120px; }
	.motto_area .circle_box:nth-child(3){top:180px; right:25%; margin-right:-120px;}


	.step_box ul li {width:30%; margin-right:5%; margin-bottom:5%; }
	.step_box ul li:nth-child(3n) { margin-right:0; }
	.step_box ul li:nth-child(3n):before {display:none;}
	.step_box ul li:nth-child(4n) {margin-right:5%;}
	.step_box ul li:nth-child(4n):before {display:block;}
	.step_box ul li:last-child:before {display:none;}

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {




}



/* 반응형 중간기기 650사이즈 이하 */

@media all and (max-width:650px) {

	.franchise_type1{margin-bottom:0px; }
	.franchise_type1 ul li div{display:block;}
	.franchise_type1 ul li .con_img{width:100%; height:200px; position:static;}
	.franchise_type1 ul li .con_txt{width:95%; min-height:auto; background:#FFF; padding:2em; margin:-20px auto 2em; float:unset !important;}
	.franchise_type1 ul li .con_txt dl{padding:0;}
	.franchise_type1 ul li .con_txt dl dt {font-size:1.5em;}


	.step_box ul li {width:46%; margin-right:4%; margin-bottom:4%;}
	.step_box ul li:nth-child(2n) { float:right; margin-right:0; }
	.step_box ul li:nth-child(3):before {display:block; }
	.step_box ul li:nth-child(2n):before {display:none;}


}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {

	.motto_area .circle_box {width:100%; padding:20px 0; border-radius:0;}
	.motto_area .circle_box:nth-child(1){float:left; width:100%; height:auto; margin:0; position:static; }
	.motto_area .circle_box:nth-child(2){float:left; width:100%; height:auto; margin:0; position:static; }
	.motto_area .circle_box:nth-child(3){float:left; width:100%; height:auto; margin:0; position:static; }
	.motto_area .circle_box .txt i { font-size:2.5em; }
	.motto_area .circle_box .txt span {font-size:1.15em; }


	.step_box ul li {width:100%; padding:20px 15px; min-height:auto; margin-right:0; margin-bottom:50px;}
	.step_box ul li:before { top:auto; bottom: -36px; left: 50%; margin-left:-12px; transform: rotate(90deg);}
	.step_box ul li:nth-child(2n):before {display:block;}
	.step_box ul li:last-child:before {display:none;}
	.step_box ul li strong {font-size:1.25em;}
	.step_box ul li p {font-size:1em; margin-top:10px; }


}
.step_box ul li i {
  font-size: 40px;
  color: #fff;
  margin-bottom: 15px;
  display: block;
}

.step_box ul li div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* iconFeatures.css */

.iconFeature-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 30px 20px;
  background-color: #6e9d17;
}

.iconFeature-box {
  flex: 1 1 160px;
  max-width: 200px;
  background: #f4f6e5;
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);

  /* animation */
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.8s ease-out forwards;
}

.iconFeature-box:nth-child(1) { animation-delay: 0.1s; }
.iconFeature-box:nth-child(2) { animation-delay: 0.2s; }
.iconFeature-box:nth-child(3) { animation-delay: 0.3s; }
.iconFeature-box:nth-child(4) { animation-delay: 0.4s; }
.iconFeature-box:nth-child(5) { animation-delay: 0.5s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.iconFeature-circle {
  width: 90px;
  height: 90px;
  background-color: #345001; /* 연두색 계열 */
  border-radius: 50%;
  margin: 0 auto 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.iconFeature-circle i {
  color: white;
  font-size: 38px;
}

.iconFeature-label {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .iconFeature-box {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.fc_pointer {color:#1F88E5; }
	.content_wrap{width:100%; min-width:320px; max-width:1400px; margin:0 auto;}
	.page_title{width:100%; margin-bottom:70px;}
	.page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.business_type4 {width:100%; max-width:1400px; margin-top:50px; margin:0 auto;}
	.business_type4:after{ content:""; display:block; clear:both;}
	.business_type4 .business_info { position:relative; width:100%; height:400px; margin:150px auto; background:none;animation: fadeInLeft 0.8s ease-out forwards;
  animation-delay: 0s;}
	.business_type4 .business_info:after{ content:""; display:block; clear:both;}
	.business_type4 .business_info:first-child {margin-top:0px;}
	.business_type4 .business_info .img_left { position:absolute; left:0; top:0; width:650px; height:400px; background:blue; }
	.business_type4 .business_info .img_left img{ width:100%; height:100%;}
	.business_type4 .business_info .img_right { position:absolute; right:0; top:0; width:650px; height:400px; background:blue; }
	.business_type4 .business_info .img_right img{ width:100%; height:100%;}
	.business_type4 .business_info .con_box { position: absolute; right:0; top:25%; width:65%; height:350px; background:rgba(255,255,255,1); box-shadow:10px 10px 5px rgba(0,0,0,0.04); }
	.business_type4 .business_info .con_box .txt_area {padding:10%; }
	.business_type4 .business_info .con_box .txt_area:before { display: block; content: ''; position: absolute; left: -80px; top:23%;  width:20%; height:1px; background:#000;}
	.business_type4 .business_info .con_box .txt_area em { position:relative; display:block; vertical-align:middle; color:#6e9d17;  font-size:3em;}
	.business_type4 .business_info .con_box .txt_area strong {display:block; color:#333;  font-size:1.8em; font-weight: 800;  line-height:1.5em; margin:30px 0 20px 0;}
	.business_type4 .business_info .con_box .txt_area p.box_txt {display:block; color:#555; font-size:1.2em;  font-weight: 300;  line-height:1.5em; text-align:justify;  }
	.business_type4 .business_info .type_other {animation-delay: 0.2s; position: absolute; left: 0; top:25%; width:55%; height:350px; background:rgba(255,255,255,1);  box-shadow:10px 10px 5px rgba(0,0,0,0.04); }
	.business_type4 .business_info .type_other .txt_area:before {display:none;}
	.business_type4 .business_info .type_other .txt_area:after { display: block; content: ''; position: absolute; right:-80px; top:23%; width:20%; height:1px; background:#000; }

.business_type4 .business_info::nth-child(1) {
  animation: fadeInLeft 0.8s ease-out forwards;
  animation-delay: 0s;
}

	@media screen and (max-width:992px){

		.content_wrap{width:100%;}
		.page_title{margin-bottom:50px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}

	}

	@media screen and (max-width:768px){

		.business_type4 .business_info { height:auto; margin:50px auto;}
		.business_type4 .business_info .img_left { position:relative; width:100%; height:auto;  background:#000; }
		.business_type4 .business_info .img_left img{ height:auto;}
		.business_type4 .business_info .img_right { position:relative; width:100%; height:auto;  background:#000; }
		.business_type4 .business_info .img_right img{ height:auto;}
		.business_type4 .business_info .con_box { position:relative; width:90%; left:50%; top:-50px; margin-left:-45%; height:auto; }
		.business_type4 .business_info .con_box .txt_area:before { display: none;}
		.business_type4 .business_info .type_other .txt_area:after {display:none;}
		.business_type4 .business_info .con_box .txt_area{padding:15px;}
		.business_type4 .business_info .con_box .txt_area strong{font-size:1.2em;}

	}
		.business_type5 {width:100%; max-width:1400px; margin-top:50px; margin:0 auto;}
	.business_type5:after{ content:""; display:block; clear:both;}
	.business_type5 .business_info { position:relative; width:100%; height:400px; margin:150px auto; background:none;animation: fadeInLeft 0.8s ease-out forwards;
  animation-delay: 0s;}
	.business_type5 .business_info:after{ content:""; display:block; clear:both;}
	.business_type5 .business_info:first-child {margin-top:0px;}
	.business_type5 .business_info .img_left { position:absolute; left:0; top:0; width:650px; height:400px; background:blue; }
	.business_type5 .business_info .img_left img{ width:100%; height:100%;}
	.business_type5 .business_info .img_right { position:absolute; right:0; top:0; width:650px; height:400px; background:blue; }
	.business_type5 .business_info .img_right img{ width:100%; height:100%;}
	.business_type5 .business_info .con_box { position: absolute; right:0; top:25%; width:65%; height:350px; background:rgba(255,255,255,1); box-shadow:10px 10px 5px rgba(0,0,0,0.04); }
	.business_type5 .business_info .con_box .txt_area {padding:10%; }
	
	.business_type5 .business_info .con_box .txt_area em { position:relative; display:block; vertical-align:middle; color:#6e9d17;  font-size:3em;}
	.business_type5 .business_info .con_box .txt_area strong {display:block; color:#333;  font-size:1.8em; font-weight: 800;  line-height:1.5em; margin:30px 0 20px 0;}
	.business_type5 .business_info .con_box .txt_area p.box_txt {display:block; color:#555; font-size:1.2em;  font-weight: 300;  line-height:1.5em; text-align:justify;  }
	.business_type5 .business_info .type_other {animation-delay: 0.2s; position: absolute; left: 0; top:25%; width:55%; height:350px; background:rgba(255,255,255,1);  box-shadow:10px 10px 5px rgba(0,0,0,0.04); }
	.business_type5 .business_info .type_other .txt_area:before {display:none;}
	.business_type5 .business_info .type_other .txt_area:after { display: block; content: ''; position: absolute; right:-80px; top:23%; width:20%; height:1px; background:#000; }

.business_type4 .business_info::nth-child(1) {
  animation: fadeInLeft 0.8s ease-out forwards;
  animation-delay: 0s;
}

	@media screen and (max-width:992px){

		.content_wrap{width:100%;}
		.page_title{margin-bottom:50px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}

	}

	@media screen and (max-width:768px){

		.business_type5 .business_info { height:auto; margin:50px auto;}
		.business_type5 .business_info .img_left { position:relative; width:100%; height:auto;  background:#000; }
		.business_type5 .business_info .img_left img{ height:auto;}
		.business_type5 .business_info .img_right { position:relative; width:100%; height:auto;  background:#000; }
		.business_type5 .business_info .img_right img{ height:auto;}
		.business_type5 .business_info .con_box { position:relative; width:90%; left:50%; top:-50px; margin-left:-45%; height:auto; }
		.business_type5 .business_info .con_box .txt_area:before { display: none;}
		.business_type5 .business_info .type_other .txt_area:after {display:none;}
		.business_type5 .business_info .con_box .txt_area{padding:15px;}
		.business_type5 .business_info .con_box .txt_area strong{font-size:1.2em;}

	}
	/* 기업이념 */
.company7-1{width: 100%; text-align:center;}
.company7-1 h2.tit{position:relative; margin:0 auto; width:60%; padding:40px 20px; background:#f5f5f5; border-radius:15px;}
.company7-1 h2.tit:after{z-index:1; content: ""; display: block; position: absolute; left:50%; bottom:-50px; transform: translateX(-50%); width:1px; height:50px; background:#ddd;}
.company7-1 h2.tit p{font-size:2em; color:#000; line-height:1.2; word-break:keep-all;}
.company7-1 h2.tit p span{color:#45a6e6; font-weight:500;}
.company7-1 ul{position:relative; display:flex; width: 100%;  margin-top:100px; padding:0; font-size:0; text-align:center;}
.company7-1 ul:before{z-index:1; content: ""; display: block; position: absolute; left:50%; top:-50px; transform: translateX(-50%); width:80%; height:1px; background:#ddd;}
.company7-1 ul li{position:relative; width:20.5%; padding:50px 2%; border-radius:15px;}
.company7-1 ul li:before{z-index:1; content: ""; display: block; position: absolute; left:50%; top:-50px; width:1px; height:50px; background:#ddd;}
.company7-1 ul li:after{z-index:1; content: ""; display: block; position: absolute; left:50%; top:-50px; transform: translateX(-50%); margin-top:-6px; width:12px; height:12px; background:#fff; border:2px solid #ddd; border-radius:8px;}
.company7-1 ul li:last-child{margin-right:0;}
.company7-1 ul li.gap_icons{position:relative; width:6%; padding:0; }
.company7-1 ul li.gap_icons:before,
.company7-1 ul li.gap_icons:after{display:none;}
.company7-1 ul li.gap_icons i{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; text-align:center; font-size:2em; color:#aaa;}
.company7-1 ul li.bg1{background:#45a6e6;}
.company7-1 ul li.bg2{background:#00529b;}
.company7-1 ul li.bg3{background:#001e5d;}
.company7-1 ul li.bg4{background:#444;}
.company7-1 ul li .txts{width:100%;}
.company7-1 ul li .txts i{font-size:3em; color:#fff;}
.company7-1 ul li .txts strong{display:block; margin:20px 0; font-size:1.5em; color:#fff; line-height: 1.2;}
.company7-1 ul li .txts p{display:block; font-size:1em; color:#fff; line-height: 1.6; word-break:keep-all;}
@keyframes slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.company7-2 {
  width: 100%;
  margin-top: 50px;
}
.company7-2:after {
  content: "";
  display: block;
  clear: both;
}
.company7-2 .tit-box {
  position: relative;
  width: 100%;
  max-width: 90%;
  margin: 25px auto 0;
  padding: 40px 15px;
  background: #fff;
  border: 1px solid #eee;
  overflow: hidden;
  opacity: 0; /* 초기 투명도 설정 */
}

/* 왼쪽에서 슬라이드 */
.company7-2 .tit-box.left {
  animation: slideInFromLeft 1s ease-out forwards;
}

/* 오른쪽에서 슬라이드 */
.company7-2 .tit-box.right {
  animation: slideInFromRight 1s ease-out forwards;
}

.company7-2 .tit-box:before{z-index:1; content: ""; display: block; position: absolute; left:0; top:0; width:20px; height:20px; border-left:3px solid #f6782c; border-top:3px solid #000;}
.company7-2 .tit-box:after{z-index:1; content: ""; display: block; position: absolute; right:0; bottom:0; width:20px; height:20px; border-right:3px solid #f6782c; border-bottom:3px solid #000;}
.company7-2 .tit-box .tit{width:22%; display:inline-block; vertical-align:middle; text-align:center; margin-right:2%; overflow:hidden;}
.company7-2 .tit-box .tit span{display:inline; vertical-align:middle; font-size:2em; color:#6e9d17; line-height:1.2; font-weight:700;}
.company7-2 .tit-box .tit em{display:inline; vertical-align:middle; margin-left:15px; font-size:1em; color:#aaa; font-weight:500; letter-spacing:0.25em; font-style:normal;}
.company7-2 .tit-box p{width:75%; display:inline-block; vertical-align:middle;font-size:1.15em; color:#222;}
.company7-2 .tit-box dl{width:75%; display:inline-block; vertical-align:middle;}
.company7-2 .tit-box dl dd{position:relative; margin-bottom:5px; padding-left:15px; font-size:1.15em; color:#222; line-height:1.6; word-break:keep-all;}
.company7-2 .tit-box dl dd:before{content: ""; display: block; position: absolute; left:0; top:12px; width:4px; height:4px; background:#555;}
.company7-2 .tit-box dl dd:last-child{margin-bottom:0;}
/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){

	.company7-1 h2.tit{width:100%;}
	.company7-1 h2.tit p{font-size:1.5em;}
	.company7-1 ul{flex-direction: column; margin-top:50px;}
	.company7-1 ul:before{display:none;}
	.company7-1 ul li{width:100%; margin-bottom:30px; padding:25px 4%;}
	.company7-1 ul li:before,
	.company7-1 ul li:after{display:none;}
	.company7-1 ul li.gap_icons{width:100%;}
	.company7-1 ul li .txts strong{margin:15px 0;}
	.company7-1 ul li .txts p{font-size:1em;}

	.company7-2 .tit-box{max-width:100%;}
	.company7-2 .tit-box .tit span{font-size:1.5em;}
	.company7-2 .tit-box dl dd{padding-left:15px; font-size:1em;}

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px){

	.company7-2 .tit-box{padding:40px 25px;}
	.company7-2 .tit-box .tit{width:100%; margin-right:0;}
	.company7-2 .tit-box dl{width:100%; margin-top:20px;}
	.company7-2 .tit-box p{width:100%; margin-top:20px;}
	.company7-2 .tit-box dl dd:before{top:10px;}


}




/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px){


	.company6-1 ul li .icons{width:100%; padding-top:100%;}
	.company6-1 ul li .icons i{font-size:3em;}
	.company6-1 ul li strong{font-size:1.3em;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px){


}
.title2 {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
  animation: slideInFromLeft 1s ease-out forwards;
}
.title_desc2 {
  font-size: 1.2em;
  font-weight: 500;
  text-align: center !important;
    margin-bottom: 50px;
	animation: slideInFromLeft 1s ease-out forwards;
}
.left {
  animation: slideInFromLeft 1s ease-out forwards;
}

/* 오른쪽에서 슬라이드 */
.right {
  animation: slideInFromRight 1s ease-out forwards;
}
/* 사업영역 Type02 */
.busi2-1 {width:100%;}
.busi2-1:after { content:""; display:block; clear:both; }
.busi2-1 ul {display:flex; flex-wrap: wrap; width:100%; }
.busi2-1 ul li{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width:100%; margin-bottom:50px; }
.busi2-1 ul li:last-child {margin-bottom:0;}
.busi2-1 ul li .imgs { position:relative; width:50%;}
.busi2-1 ul li .imgs img {max-width:100%; }
.busi2-1 ul li .txts{width:50%; padding:0 0 0 60px; }
.busi2-1 ul li .txts .num { display:block; text-align:center; width:50px; height:50px; line-height:50px; font-size:1.25em; color:#fff; font-weight:500; font-style:normal; border-radius:25px 0;}
.busi2-1 ul li .txts h3.t1 { display:block; margin:20px 0 30px 0; font-size:2em; color:#000; line-height:1.2;  font-weight:600; word-break:keep-all;}
.busi2-1 ul li .txts h4.t2 { display:block; margin:20px 0 30px 0; font-size:1.4em; color:#000; line-height:1.2;  font-weight:600; word-break:keep-all;}
.busi2-1 ul li .txts h3.t1 span {color:#45a6e6;}
.busi2-1 ul li .txts p { display:block; margin-top:10px; font-size:1.2em; color:#000; line-height:1.6; word-break:keep-all;}
.busi2-1 ul li .txts p span {display:inline; font-size:1em; color:#000; font-weight:500;}
.busi2-1 ul li:nth-child(even) { flex-direction: row-reverse;}
.busi2-1 ul li:nth-child(even) .txts{ padding:0 60px 0 0; }
.busi2-1 ul li:nth-child(1) .txts .num {background:#6e9d17;}
.busi2-1 ul li:nth-child(2) .txts .num {background:#f6782c;}
.busi2-1 ul li:nth-child(3) .txts .num {background:#001364;}
.busi2-1 ul li:nth-child(1) h3.t1 span {color:#6e9d17;}
.busi2-1 ul li:nth-child(2) h3.t1 span {color:#f6782c;}
.busi2-1 ul li:nth-child(3) h3.t1 span {color:#001364;}
.dott {position:relative; margin-top:10px !important; padding-left:12px; font-size:1em; color:#666; line-height:1.4; word-break:keep-all;}
.dott:before {content: ""; display: block; position: absolute; left:0; top:10px; width:4px; height:4px; background:#555;}
.vision_type2 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; }
	.vision_type2:after {display:block; visibility:hidden; clear:both; content:""}
	.vision_type2 h2.title {text-align:center; font-size:2em; font-weight:400; color:#333; line-height:1.2em; margin-bottom:40px; }
	.vision_type2 span.stitle {display:block; width:100%; text-align:center; margin:0 auto; font-size:1.1em; font-weight:400; color:#333; line-height:1.6em; margin-bottom:40px; }
	.vision_type2 .img_div img{width:100%; max-width:1200px; border-radius:85px; margin-bottom:30px}
	.vision_type2 ul {margin:0; padding:0; }
	.vision_type2 ul li {clear:both; padding:0px; margin:0; margin-bottom:30px; width:100%; border-radius:85px; border:1px solid #ddd; background-color:#fafafa; overflow:hidden;}
	.vision_type2 ul li .circle_box {display:block; float:left; width:170px; height:170px; border-radius:85px; }
	.vision_type2 ul li:nth-child(1) .circle_box {background:#6e9d17; }
	.vision_type2 ul li:nth-child(2) .circle_box {background:#88b029; }
	.vision_type2 ul li:nth-child(3) .circle_box {background:#5d8414; }
	.vision_type2 ul li:nth-child(4) .circle_box {background:#4c730f; }
	.vision_type2 ul li:nth-child(5) .circle_box {background:#a4ce5b; }
	.vision_type2 ul li:nth-child(6) .circle_box {background:#8bb541; }
	.vision_type2 ul li .circle_box .icon {display:block; position:relative; left:0; top:25%; width:100%; height:100%; text-align:center; }
	.vision_type2 ul li .circle_box .icon i {display:block; font-size:3em; color:#fff; }
	.vision_type2 ul li .circle_box .icon em {display:block; font-size:1.2em; color:#fff; font-style:normal; margin-top:10px;}
	.vision_type2 ul li .con_txt {display:block; float:left; width:70%; margin-left:50px; margin-top:30px;}
	.vision_type2 ul li .con_txt p {font-size:1.5em; color:#000; text-align:left; }
	.vision_type2 ul li .con_txt span {font-size:1em; color:#555; text-align:left;  line-height:1.5em;}
	.vision_type2 ul li.inverse_li{background-color:#fff;}
	.vision_type2 ul li.inverse_li .circle_box {float:right;  }
	.vision_type2 ul li.inverse_li .con_txt {float:right; }

	.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}

	@media screen and (max-width: 992px){

		.content_wrap{width:96%;}
		.page_title{margin-bottom:50px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}

		.vision_type2 h2.title { font-size:1.5em; }
		.vision_type2 span.stitle{font-size:1em; width:90%;}
		.vision_type2 ul li {width:100%; margin-bottom:50px; border-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:0px}
		.vision_type2 ul li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li.inverse_li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 ul li.inverse_li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 .img_div img{border-radius:40px;}

	}

	@media screen and (max-width: 480px){


		.vision_type2 ul li{border-radius:15px;}
		.vision_type2 ul li .circle_box{border-radius:15px; }
		.vision_type2 ul li.inverse_li .circle_box{ border-radius:15px; }
		.vision_type2 .img_div img{border-radius:15px;}

	}
	/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
.fc_ver3_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}

.daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }


.daon_ver3_sub_type11 .map_cont2 {width:100%;  margin-top:100px;}
.daon_ver3_sub_type11 .map_cont2:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont2 .g_map2 {width:100%; height:401px; overflow:hidden;}
.daon_ver3_sub_type11 .map_cont2 .g_map2:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont2 .map_info {width:100%; padding:30px 50px;   background-color:#f3f5f7; transition: 0.3s all ease;}
.daon_ver3_sub_type11 .map_cont2 .map_info:after {content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont2 .map_info dl {float:right; display:table; width:60%; padding-left:50px; text-align:left; border-left:1px solid #ddd; }
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd { width:50%; display:inline-block; vertical-align:top; margin:15px 0; padding:0 20px;}
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:1.15em; color:#3b445b;}
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd strong {display:inline-block; vertical-align:middle; font-size:1.5em; color:#000; line-height:1.2em; font-weight:400; }
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd p { display:block; line-height:1.4em; font-size:1.15em; color:#666; margin-top:15px; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_tit{float:left; width:40%; padding-right:50px;}
.daon_ver3_sub_type11 .map_cont2 .map_info h4 {margin-top:20px; font-size:24px; color:#000; line-height:1.6em; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt {width:100%; margin-top:30px;  }
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; display:inline-block; text-align:center; padding:15px 20px; color:#fff; font-size:1.15em; border-radius:5px; transition:0.3s all ease; }
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a:last-child {margin-right:0;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a:hover {background-color:#fff !important; color:#000 !important; transition:0.3s all ease;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_naver {background-color:#1ec800;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_daum {background-color:#258fff;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_google {background-color:#1e2f3e;}


@media all and (max-width:1500px){
	.daon_ver3_sub_type11 {padding:0 2%; }
}

@media all and (max-width:1200px){
	.daon_ver3_sub_type11 .map_cont1 {height:auto; }
	.daon_ver3_sub_type11 .map_cont1 .g_map1 {width:100%; height:401px;}
	.daon_ver3_sub_type11 .map_cont1 .map_info {width:100%; height:auto; padding:30px 0px;}

	.daon_ver3_sub_type11 .map_cont2 .map_info {padding:30px 30px;}
	.daon_ver3_sub_type11 .map_cont2 .map_info dl {float:left; width:100%; padding-left:0; border-left:0; padding-bottom:20px; border-bottom:1px solid #ddd;}
	.daon_ver3_sub_type11 .map_cont2 .map_info .map_tit {width:100%; padding-right:0; margin-top:30px;}
}

@media all and (max-width:992px){
	.daon_ver3_page_title{margin-bottom:50px;}
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}
}

@media screen and (max-width: 768px){


	.daon_ver3_sub_type11 .map_cont2 .map_info h4 {font-size:18px; margin-top:0;}
	.daon_ver3_sub_type11 .map_cont2 .map_info dl dd strong {font-size:1.25em; }
	.daon_ver3_sub_type11 .map_cont2 .map_info dl dd p { font-size:1em;}
	.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt{text-align:center;}
}

@media screen and (max-width: 640px){


	.daon_ver3_sub_type11 .map_cont2 .map_info {padding:30px 20px;}
	.daon_ver3_sub_type11 .map_cont2 .map_info dl dd {width:100%; padding:0;}
	.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; padding:10px; font-size:1em;}
}
/*  여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */