.main { width:100%; margin:auto;background:#fff; }
.main_con1{ padding:16px 32px ; background:#fff;}
.main_con1 .tx01{ font-size:4.0em; font-weight:900; margin-top:0.3em; margin-bottom:0.5em; line-height:1.2;  }
.main_con1 .tx01 span{  font-weight:500;}
.main_con1 .tx02{ font-size:4.6em; font-weight:700; color:#ff421d; line-height:1.0; }
.main_con1 .tx02 span{ font-size:1.4em; font-weight:700;}
.main_con1 .tx02{ }

.main_con2{ background:#fff;padding:10px 32px; }
.main_con2 .links{background:#fff;border-radius: 0px;overflow:hidden; }
.main_con2 .items1{cursor:pointer;  padding:18px 0px; background:#fff;  position:relative ;border-top:1px solid #ff421d; }
.main_con2 .items2{cursor:pointer; padding:18px 0px; padding-bottom:20px; background:#fff;  border-radius: 0px  0px 0 0 ; position:relative; position:relative ;border-top:1px solid #ff421d;  border-bottom:1px solid #ff421d;  }

.main_con2 .links .itx01{ font-size:2.2em;  font-weight:900; color:#000;  }
.main_con2 .links .itx02{ font-size:3.4em;  font-weight:700; color:#000; }
.main_con2 .links span{ font-weight:500;}
.main_con2 .tx01{ font-size:2.5em; font-weight:700; margin-bottom:1em;  }
.main_con2 .tx01 span{  font-weight:300;}

.main_con2 .crossbox{ position:absolute;right:10px;top:50%;transform:translateY(-50%); width:60px;height:60px;border:1px solid #ff421d; border-radius:50%; }
.main_con3{display:none; position:relative; width:90%;margin:auto; margin-top:-0px; margin-bottom: 0px;overflow:hidden;background:#fff;}

.sec-main-banner{ width:90%; margin:auto;padding:26px 0 ; }
.sec-main-banner .swiper-slide {padding-bottom:50px;}
.sec-main-banner .swiper-pagination-bullet{border:1px solid #ff3c00; background:#fff;}
.sec-main-banner .swiper-pagination-bullet-active{ background:#ff3c00;}
.main_banners{ }


/* === 모바일 최적화 (화면폭 480px 이하) === */
@media (max-width: 600px) {
.main_con1{ padding:20px 18px ; background:#fff;}
.main_con1 .tx01{ font-size:2.4em; font-weight:900; margin-top:0.3em; margin-bottom:0.5em; line-height:1.2;  }
.main_con1 .tx01 span{  font-weight:500;}
.main_con1 .tx02{ font-size:2.4em; font-weight:700; color:#ff421d; line-height:1.4; }
.main_con1 .tx02 span{ font-size:1.4em; font-weight:700;}
.main_con1 .tx02{ }
		
.main_con2{ background:#fff;padding:0px 18px; margin-bottom:30px;  }
.main_con2 .links .itx01{ font-size:2.0em;  font-weight:900; color:#000;  }
.main_con2 .links .itx02{ font-size:3.0em;  font-weight:700; color:#000; }
.main_con2 .links span{ font-weight:500;}
.main_con2 .tx01{ font-size:2.5em; font-weight:700; margin-bottom:1em;  }
.main_con2 .tx01 span{  font-weight:300;}

.main_con2 .crossbox{ position:absolute;right:10px;top:50%;transform:translateY(-50%); width:50px;height:50px;border:1px solid #ff421d; border-radius:50%; }
.main_con3{display:none; position:relative; width:90%;margin:auto; margin-top:-0px; margin-bottom: 0px;overflow:hidden;background:#fff;}
.sec-main-banner{ width:90%; margin:auto;padding:0px 0 ; }

}



#earth{ width: 100%; height: 300px;position:relative;  }
.earch_box{ }
.main_con3 .rot{ position:absolute;left:0px; top:40%; width:100%; }
.main_con3 .rot img{ width:100%;height:auto; }
.main_con5{  padding:15px 0 ;  }
.main_con5 .tx01{font-size:2em; font-weight:500; color:#ff421d; text-align:center;  margin-bottom:20px; }
 .main_con5 .tx01 span{ font-weight:700; }
 .main_con5 .run_tab{  display:flex; justify-content: space-between; width:100% ; margin-bottom:10px;}
 .main_con5 .run_tab a{transition:all 0.30s ease-in-out; display:block; width:48%; background:#fff; border:1px solid #ff421d ; color:#ff421d; font-size:18px; text-align:center; padding:5px 0 ;  border-radius:30px; } 
  .main_con5 .run_tab a.on{ color:#fff; background:#ff421d; }
   .main_con5 .run_tab a:hover{ color:#fff; background:#ff421d; }

 .main_con5 .run_tab2{ margin-bottom:10px; display:flex;  flex-wrap: wrap; width:100% ; }
 .main_con5 .run_tab2 a{ margin-right:10px;transition:all 0.30s ease-in-out; display:inline-block;   background:#fff; border:1px solid #ff421d ; color:#ff421d; font-size:16px; text-align:center; padding:2px 5px ;  border-radius:20px;  margin-bottom:10px;} 
.my_run{ display:none;width:90%;margin:auto;padding:10px 0 ;  border-radius:10px; background:#f1f1f1; overflow:hidden;  margin-bottom:20px; }
.my_run .r1{ width:90%; margin:auto;  text-align:center;  font-size:16px; color:#111;  padding:10px 0 ;border-bottom:1px solid #111; position:relative; }
.my_run .r1 img{ height:30px;} 
.my_run .r1 .d1{ display:block; position:absolute; left:10px; top:50%;transform:translateY(-50%); width:5px;height:5px;background:#111; border-radius:50%; }
.my_run .r1 .d2{ display:block; position:absolute; right:10px; top:50%;transform:translateY(-50%); width:5px;height:5px;background:#111; border-radius:50%; }
.my_run .r2{ text-align:center; padding:15px 0  ; }
.my_run .r2 img{ border-radius:50%;   max-width:50%; }
.my_run .r3{ font-size:24px;color:#111;font-weight:700; text-align:center;}
.my_run .r4{ font-size:16px;color:#111;font-weight:700; text-align:center;}	
	.inner_content{ width:99%;}
	.run_sec03 { width:100%; margin:0 auto 30px;; background:#fff; border-radius: 0px; overflow:hidden; border-top:1px solid #000;}
	.run_sec03 .items{    }
	.run_sec03 .items .con{  cursor:pointer; padding:15px 20px 15px;width:100%; margin:auto;   display:flex; justify-content: space-between;border-bottom:1px solid #000}	
	.run_sec03 .items .con .co01{width:12%;text-align:center;   }	
	.run_sec03 .items .con .co01 img{max-height:55%; vertical-align:middle; position:relative;top:50%; transform:translateY(-50%);}	
	.run_sec03 .items .con .co02{width:80%; }	
	.run_sec03 .items .con .co02 .ctx01{ font-size:18px; font-weight:700; color:#ff421d;}	
	.run_sec03 .items .con .co02 .ctx02{font-size:16px; font-weight:300; color:#111; word-break:keep-all; }	
	.run_comm { width:100%; margin:0 auto 30px;;  border-radius: 0px; overflow:hidden ; padding:15px 0 ; }
	.run_comm .run_title{ text-align:center; font-size:20px; color:#111; font-weight:700;  margin-bottom:20px; }
	.run_comm .runtab{width:90%; margin:0 auto 10px;}	
	.run_comm .runtab a.tabcom{display:inline-block; border-radius:30px; color:#333;  font-weight:400; padding:5px 10px; border:1px solid #ff421d;  margin-right:10px;font-size:16px; }	
	.run_comm .runtab a.tabcom.active{font-weight:500; color:#fff; background:#ff421d;}	
	.run_comm .galls{ width:96%; margin: 0  auto 10px;  background:transparent; border-radius: 0px; padding:20px 10px;}
	.run_comm .galls .gall_title{position:relative;  font-size:18px; color:#ff421d ; font-weight:700;  margin-bottom: 0px; background:#fff; padding:10px 20px;} 	
	.run_comm .galls .gall_title a{ font-size:12px; color:#666; text-align:center;display:inline-block; width:20px;height:20px; line-height:20px; border-radius:50%; border:1px solid #333;font-family:dotum; }	
		.run_comm .galls .gall_title .morev{ position:absolute;right:5px;top:10px; color:#000 ; font-weight:500; font-size:14px;}
	.run_comm .galls .best{ padding:10px; background:#fff;}
	.run_comm .galls .img_area{ margin-bottom:30px; }	
	.run_comm .galls .img_area img{ max-width:100%;border-radius: 0px;  }		
	.run_comm .galls_item{ width:92%; margin: 0  auto 10px;  background:#fff; border-radius: 0px; padding:20px 30px; display:flex; justify-content: space-between;}	
	.run_comm .galls_item .imgs{ width:35%;  }		
	.run_comm .galls_item .imgs img{ max-width:100%; border-radius: 0px;  }			
	.run_comm .galls_item .dec{ width:50%; }			
.run_comm .galls_item .dec{ width:60%; }	
.run_comm .galls_item .dec .d1{font-size:20px; font-weight:700; line-height:1.4;    width:100%;    ; white-space: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}	
.run_comm .galls_item .dec .d2{ font-size:14px; font-weight:400; line-height:1.6;     overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }	
.run_comm .galls_item .dec .d3{   font-size:14px; font-weight:400; }	

.run_comm .galls_item .dec .d3 span{  margin-left:10px; font-size:12px; color:#666; text-align:center;display:inline-block; width:20px;height:20px; line-height:20px; border-radius:50%; border:1px solid #333;font-family:dotum; }

.empty-list{text-align:center; background:#fff; line-height:3;font-size:16px;}

@media only screen and (min-width:200px) and (max-width:480px) {
.main_con5 .tx01{font-size:2em; font-weight:700; color:#ff421d; text-align:center;  margin-bottom:20px; }

 
}