:root {
  --main_c : #0056bc;
}

:root {
  --main_c2 : #1c2e5d;
}

.in{max-width:1600px; margin:0 auto;}
 
.main_con * {transition: all 0.3s ease-out;}
.main_con {font-size:1.1em; line-height:1.5}
.main_con h3 {font-size:3.2em; line-height:1;}
.main_con p {font-size:1.5em; margin-bottom:30px; font-weight:300;}

.main_con section {
	padding: 60px 0;
	box-sizing: border-box;
}

.flex {display:flex}
.main_c{color:var(--main_c) !important;}

.main_vi{width:100%;  height:90vh; display: block;}

@media all and (max-width:1700px) {
	.in{padding:0 3%; box-sizing:border-box;}
}

@media all and (max-width:900px) {
	.main_vi{height:170vw;}
}

.main_con .search{background:#e5eef9; text-align:center; 
    background: url(../img/bg.png) no-repeat center / cover, rgba(255, 255, 255, 0.6);
    background-blend-mode: hue;
    background-attachment: fixed;
}

.main_con .search .in{max-width:1300px;}
.main_con .search .wrap{display:flex; gap:10px; justify-content:center; flex-wrap:wrap;}
.main_con .search label{display:flex; }
.main_con .search label.left{gap:10px; width:55%; flex-wrap:wrap;}
.main_con .search label.right{width:calc(45% - 10px)}
.main_con .search select{border:none; padding:17px 30px; box-sizing:border-box; font-size:1.2em;  font-family: "Rubik", sans-serif; width:calc(33.33% - 7px)}
.main_con .search input{border:none; padding:17px 30px; box-sizing:border-box; font-size:1.2em;  font-family: "Rubik", sans-serif; width:100%;}
.main_con .search button{background:#fff; }
.main_con .search button i{font-size:1.8em; padding:12px ; box-sizing:border-box;}

@media (max-width:1400px) {
	.main_con .search h3{margin-bottom:0;} 
	.main_con .search p{margin-bottom:10px;}
	.main_con .search .wrap{flex-direction:column;}
	.main_con .search label.left{width:100%;}
	.main_con .search label.right{width:100%;}
	.main_con .search select{padding:15px; font-size:1em;}
	.main_con .search input{padding:15px; font-size:1em;}
}

@media (max-width:1400px) {
	.main_con h3{font-size:2em;}
}


.recommand .titbox{display:flex; justify-content:space-between;  gap:50px; margin-bottom:30px; }
.recommand a.more_btn{font-weight:400;}

.tab-1 li, .tab-2 li{white-space:nowrap}
.tab-1 {display:flex; overflow:auto; margin-bottom:20px; gap:12px; border-bottom: 1px solid #eee; box-sizing:border-box; padding-bottom:20px;}
.tab-1 li{display:flex; gap:8px; align-items:center;  color:#333; padding: 10px 16px; box-sizing:border-box; cursor:pointer; white-space:nowrap; font-size:16px;     border: 1px solid #ddd; border-radius: 8px;}
.tab-1 li.on{background:var(--main_c); color:#fff;}

.tab-2 {display:flex; gap:12px;  overflow:auto; }
.tab-2 li {cursor:pointer; display:flex; align-items:center; gap:8px; padding:5px 10px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px;}
.tab-2 li.on { border:1px solid var(--main_c);}

.tab-1 img, .tab-2 img {
  display:block;
  width:30px;
}

.tab-2 img{background:#fff; }
.panel-1, .panel-2 {
  display:none;
}

.panel-1.on {
  display:block;
}

.panel-2.on {
  display:block;
  margin-top:30px;
}

@media (max-width:900px) {
	.recommand .titbox{gap:10px;}
	.tab-1 li, 	.tab-2 li{padding:7px 10px; font-size:.8em;}
}



.main_con .overseas {padding:0;}
.overseas .wrap{background:#f3f3f3; padding:50px 0; box-sizing:border-box; margin-top:30px; text-align:center;}
.overseas .wrap .in{display:flex; gap:50px; justify-content:center; flex-wrap: wrap;}
.overseas img{max-width:150px; cursor:pointer; height: 100px;}

.popup-layer {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  animation: fadeIn 0.3s;
}

.popup-content {
  background: #fff;
  width: 700px;
  max-width: 90%;
  padding: 20px;
  border-radius: 16px;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  animation: slideUp 0.4s;
  line-height:1.2;
  box-sizing: border-box;
}

.close-btn {
  position: absolute;
  top: -45px;
  right: 0px;
  font-size: 35px;
  cursor: pointer;
  color:#fff;
}

.scroll_wrap{max-height: 800px; overflow-y: auto;}

.popup-content {width:800px;}
.popup-content p{margin:20px 0; font-size:1.1em; line-height:1.5;}
.popup-content img{max-width:100%;}

/* 애니메이션 */
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes slideUp {
  from {transform: translate(-50%, -40%);}
  to {transform: translate(-50%, -50%);}
}

@media (max-width:900px) {
	.scroll_wrap {max-height:400px;}
	.popup-content p{font-size:.9em;}
	.overseas .wrap .in{gap:20px}
	.overseas img{max-width:100px; height:60px;}
}

.review li .imgbox{height:12vw;}
.review .info {margin-top:10px; display:flex; gap:15px; align-items:center; flex-wrap:wrap;}
.review .info span{font-size:.95em; color:#999; display:flex; gap:5px; flex-wrap:wrap; align-items:center;}
.review .info i{font-size:.95em; color:#999;}
.main_con .review .in{display:flex; gap:100px; align-items:start;}
.main_con .review .titbox{flex-direction:column; gap:20px; align-items:start;}
.main_con .review ul{width:100%;}

.recommand_list{display:flex; gap:20px; flex-wrap:wrap;}
.recommand_list li {width:calc(25% - 15px); box-sizing:border-box; border:1px solid #ddd; overflow:hidden;   transition: box-shadow 0.2s ease, transform 0.2s ease, border 0.2s ease; cursor:pointer; border-radius:10px; position:relative;}
.recommand_list li:hover{ border:1px solid var(--main_c); box-shadow: 0 0 0 4px var(--main_c); /* border처럼 보이도록 */  transform: scale(1.02); /* 약간의 확대 효과 추가 */}
.recommand_list li .imgbox{height:14vw; background-position:center; background-size:cover; background-repeat:no-repeat;}
.recommand_list li .txtbox{padding:20px; box-sizing:border-box; }
.recommand_list li h4{font-size:1.2em; 
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recommand_list li p{font-size:.9em; margin:0; margin-top:3px;}

@media (max-width:900px) {
	.review .info {gap:5px 15px; font-size:.8em;}
	.main_con .review .in{flex-direction:column; gap:20px;}
	.main_con .review .titbox{gap:10px;}
	.recommand_list{gap:10px;}
	.recommand_list li{width:calc(50% - 5px);}
	.recommand_list li .imgbox{height:30vw;}
	.recommand_list li .txtbox{padding:10px;}
	.recommand_list li h4{font-size:1em;}
}




/* .main_con .partners {
	background: #f4f4f4;
	padding: 50px 0;
}

.main_con .partners .swiper-container {
	position: relative;
	overflow: hidden;
}

.main_con  .partners .swiper-container .swiper-wrapper {
	transition-timing-function: linear !important;
	position: relative;
	align-items: center;
	gap: 80px;
}

.main_con  .partners .swiper-container .swiper-slide {
	width: auto;
}

.main_con  .partners .swiper-container .swiper-slide img {
	width: 200px;
	max-height: 75px;
} */
 
footer {width:100%; background:#555; font-size:1rem; font-weight:300; padding:80px 0;  box-sizing:border-box; line-height:1.5em; display:inline-block }
footer *{color:#ccc;} 
footer h2 {margin-bottom:10px; }

footer .flex{gap:50px;}
footer .txtbox{width:100%;}
footer .top_wrap{border-bottom:1px solid #aaa; box-sizing:border-box; padding-bottom:10px; margin-bottom:10px;}
footer span{display:inline-block; margin-top:10px; width:100%;}
footer b{font-weight:600;}

footer .top_link { text-align:Center; display:inline-block;  position:fixed; right:20px; bottom:65px; box-sizing:border-box;}
footer .top_link i {font-size:6em; color:#0bc143; }

@media all and (max-width:900px) {
	footer {padding:40px 0;}
	footer .flex{flex-direction:column; gap:10px;}
	footer .top_link {bottom:30px; right:10px;}							   
	footer .top_link i {font-size:4.5em;}
	footer h2 {margin-bottom:10px; font-size:1.2em}


}