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

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



body { width:100%;  min-width:1240px;   display:inline-block  }
html { width:100%;   min-width:1240px; display:inline-block }
.in{max-width:1600px; margin:0 auto;}

#wrap {height:100%; position:relative; width:100%;   display:inline-block}
 
.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;}
#container {  width:100%; display:inline-block;  }

.flex {display:flex}

.main_c{color:var(--main_c) !important;}
.search{background:#e5eef9; text-align:center; 

    background: url(../img/bg.png) no-repeat center / cover, rgba(255, 255, 255, 0.85);
    background-blend-mode: hue;
    background-attachment: fixed;
}
.search .in{max-width:1300px;}
.search .wrap{display:flex; gap:30px; justify-content:center;}
.search label{display:flex;}
.search label.left{gap:10px; width:60%;}
.search label.right{width:40%;}
.search select{border:none; padding:17px 30px; box-sizing:border-box; font-size:1.2em;  font-family: "Rubik", sans-serif; width:100%;}
.search input{border:none; padding:17px 30px; box-sizing:border-box; font-size:1.2em;  font-family: "Rubik", sans-serif; width:100%;}
.search button{background:#fff; }
.search button i{font-size:1.8em; padding:12px ; box-sizing:border-box;}









  .bt-wrap.in{
    max-width:1000px;
    margin:0 auto;
  }

  .bt-wrap .titbox{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
  }

  .bt-rail{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    max-width: 1600px;
    margin: 0 auto;
  }

  .bt-track{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    flex:1;
    scrollbar-width:none;

  }
  .bt-track::-webkit-scrollbar{display:none;}

  .bt-col{
    flex:0 0 12.5%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
	gap:10px;
  }

  .bt-chip{
    width:100%;
height:80px;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;

    border-radius: 10px;
   box-sizing: border-box;
  }

/* .bt-chip:last-child{ margin-top: -5px;} */
  .bt-chip img{
    max-width:70px;


  }
  .bt-chip.is-active{
    
  }

  .bt-chip.is-active{background:#eee; }
  .bt-arrow{
    width:50px;
    height:50px;
    border-radius:50%;
    box-shadow:0px 0px 5px #00000066;
    display:inline-grid;
    place-items:center;
    cursor:pointer;
    background:#fff;
    border:none;
  }

  .bt-panels{margin-top:20px}



.bt-wrap .titbox{display:flex; justify-content:space-between;  gap:50px; max-width:1600px; margin:0 auto; margin-bottom:30px; }
.bt-wrap a.more_btn{font-weight:400;}

.main1 .wrap{display:flex; gap:20px; flex-wrap:wrap;}
.main1 .wrap 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;}
.main1 .wrap li:hover{ border:1px solid var(--main_c); box-shadow: 0 0 0 4px var(--main_c); /* border처럼 보이도록 */  transform: scale(1.02); /* 약간의 확대 효과 추가 */}
.main1 .wrap li .imgbox{height:14vw; background-position:center; background-size:cover; background-repeat:no-repeat;}

.main1 .wrap li .txtbox{padding:20px; box-sizing:border-box; }
.main1 .wrap li h4{font-size:1.2em;}
.main1 .wrap li p{font-size:.9em; margin:0; margin-top:3px;}


@media (max-width:900px) {
	.main1 .wrap li{width:calc(50% - 10px);}
	.main1 .wrap li .imgbox{height:30vw;}
	.main1 .wrap li h4{font-size:1em; padding:10px;}
}




 
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 .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:200px; box-sizing:border-box;}
footer .top_link i {font-size:6em; color:#0bc143; }

@media all and (max-width:900px) {
	footer {line-height:1.4em; padding-right:0}
	 footer .top_link {margin-right:0}
	 footer h2 {margin-bottom:10px; font-size:1.2em}

}