/* =========================================================
   🔥 ¼­ºêÆäÀÌÁö ·¹À̾ƿô (PC ±âÁØ)
   ========================================================= */




/* Àüü ¿µ¿ª */
#sub_contents{
  width:100%;
  background:#efefef;
}




/* »ó´Ü ºñÁÖ¾ó */
#subtop_img img{
  width:100%;
  display:block;
}




/* ¸ÞÀÎ ·¡ÆÛ */
#main_wrap{
  max-width:1280px;
  margin:40px auto;
  display:flex;              /* 🔥 ÇÙ½É: float Á¦°Å */
  gap:40px;
  align-items:flex-start;
}




/* =========================================================
   ÁÂÃø LNB
   ========================================================= */
#side_contents{
  width:260px;
  flex-shrink:0;
}




/* ŸÀÌƲ */
#side_contents_title h3{
  height:80px;
  line-height:80px;
  text-align:center;
  background:#333;
  color:#fff;
  font-size:18px;
  font-weight:700;
}




/* ¸Þ´º */
#main_lnb{
  margin-top:20px;
}




#main_lnb ul li a{
  display:block;
  height:44px;
  line-height:44px;
  padding-left:15px;
  border-bottom:1px solid #ddd;
  color:#333;
  font-weight:600;
  background:#fff;
}




#main_lnb ul li a:hover{
  background:#f5f5f5;
}




/* »ó´ã ¹Ú½º */
#left_side_banner{
  margin-top:30px;
}




#side_banner{
  background:#fff;
  border:2px solid #333;
  padding:20px 10px;
  text-align:center;
}




.sbn_text1{
  font-size:16px;
  font-weight:700;
  margin-bottom:10px;
}




.banner_telno{
  font-size:24px;
  font-weight:800;
  color:#e60023;
  margin-bottom:8px;
}




.sbn_text3{
  font-size:13px;
  margin-bottom:6px;
}




.sbn_text4{
  font-size:12px;
  color:#666;
}


/* ±âº»: PC¿¡¼­´Â ¼û±è */
#sub_gnb{
display:none;
}


/* =========================================================
   ¿ìÃø ÄÁÅÙÃ÷
   ========================================================= */
#contents_wrap{
  flex:1;   /* 🔥 ÀÚµ¿ È®Àå */
}








/* =========================================================
   🔥 ¼­ºê »ó´Ü °­Á¶ ¹è³Ê (À̹ÌÁö ½ºÅ¸ÀÏ ±×´ë·Î ±¸Çö)
   ========================================================= */




#subtop_banner{
  margin-bottom:20px;
}




/* ¹Ù±ù Å׵θ® */
.banner_box{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;




  background:#1e4ed8; /* ¹Ù±ù ÆĶû */
  padding:10px;
  border-radius:18px;
}




/* ¾ÈÂÊ ¹Ú½º */
.banner_box::before{
  content:"";
  position:absolute;
}




/* ³»ºÎ ¿µ¿ª */
.banner_box{
  position:relative;
}




.banner_box{
  background:#1e4ed8;
}




.banner_box{
  box-shadow:0 0 0 6px #1e4ed8;
}




.banner_box{
  border-radius:18px;
}




/* ¾ÈÂÊ ½ÇÁ¦ ¹è°æ */
.banner_box{
  background:#1e4ed8;
}




.banner_box{
  padding:12px;
}




/* ¾ÈÂÊ ÄÁÅÙÃ÷ */
.banner_box{
  display:flex;
}




/* ³»ºÎ »ö»ó */
.banner_box{
  background:#1e4ed8;
}




.banner_box{
  position:relative;
}




.banner_box{
  border-radius:18px;
}




/* 🔥 ½ÇÁ¦ ¹ÎÆ® ¹Ú½º */
.banner_box > .banner_text,
.banner_box > .banner_tel{
  position:relative;
  z-index:2;
}




/* ¹ÎÆ® ¹è°æ */
.banner_box{
  background:#1e4ed8;
}




.banner_box{
  padding:12px;
}




.banner_box{
  border-radius:18px;
}




.banner_box{
  background:#1e4ed8;
}




/* ¾ÈÂÊ ¹è°æ ¸¸µé±â */
.banner_box{
  background:
    linear-gradient(#22c1dc, #22c1dc) padding-box,
    #1e4ed8 border-box;
  border:6px solid transparent;
}




/* ÅؽºÆ® */
.banner_text{
  font-size:28px;
  font-weight:800;
  color:#000;
}




/* ÀüÈ­¹øÈ£ */
.banner_tel{
  font-size:36px;
  font-weight:900;
  color:#fff;
  letter-spacing:2px;
}


/* À§Ä¡ Ç¥½Ã */
.con_nav{
  background:#fff;
  border-bottom:1px solid #ddd;
  margin-bottom:20px;
}




.con_nav ul{
  display:flex;
}




.connav_1{
  flex:1;
  padding:12px 15px;
  font-weight:600;
}




.connav_2{
  padding:12px 15px;
  color:#888;
}




/* ÄÁÅÙÃ÷ À̹ÌÁö */
.contents_img img{
  width:100%;
  margin-bottom:10px;
  display:block;
}


.contents_board img{
    width:auto !important;
    max-width:none !important;


}


.contents_board{
    width:100%;
}


/* °Ô½ÃÆÇ ¹öÆ° º¹±¸ */


.bbsnewf5{
white-space:nowrap;
}


.bbsnewf5 a{
display:inline-block !important;
}


.bbsnewf5 img{
display:inline !important;
width:auto !important;
max-width:none !important;
vertical-align:middle !important;
margin:0 !important;
}


/* °Ô½ÃÆÇ ¿ìÃø ¹öÆ° °¡·Î Á¤·Ä */
td[style*="text-align:right"] a{
display:inline !important;
}


td[style*="text-align:right"] img{
display:inline !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
vertical-align:middle !important;
}


td[style*="text-align:right"]{
white-space:nowrap !important;
}
/* =========================================================
   🔥 ¼­ºêÆäÀÌÁö ¸ð¹ÙÀÏ ÃÖÀûÈ­
   ========================================================= */
@media (max-width:768px){




  #main_wrap{
    flex-direction:column;
    margin:20px auto;
    padding:0 12px;
    gap:20px;
  }




  /* 🔥 ÁÂÃø ¸Þ´º ¼û±è */
  #side_contents{
    display:none;
  }




  /* 🔥 ÄÁÅÙÃ÷ Àüü »ç¿ë */
  #contents_wrap{
    width:100%;
  }




  .banner_box{
    flex-direction:row;       /* 🔥 ´Ù½Ã °¡·Î */
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;         /* 🔥 ÁÙ¹Ù²Þ ¹æÁö */
    gap:10px;
    padding:10px 12px;
  }




  .banner_text{
    font-size:16px;
    white-space:nowrap;       /* 🔥 ÁÙ¹Ù²Þ ±ÝÁö */
  }




  .banner_tel{
    font-size:22px;
    white-space:nowrap;
  }


/* =========================================================
   🔥 ¸ð¹ÙÀÏ ÆäÀÌÁö ¸Þ´º (3Ä­)
   ========================================================= */












  #sub_gnb{
    display:block;
    margin-bottom:10px;
  }




  #sub_gnb ul{
    display:flex;
    width:100%;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#f5f5f5;
  }




  #sub_gnb ul li{
    flex:1; /* 🔥 3Ä­ ÀÚµ¿ ±Õµî */
    text-align:center;
    border-right:1px solid #ddd;
  }




  #sub_gnb ul li:last-child{
    border-right:none;
  }




  #sub_gnb ul li a{
    display:block;
    padding:12px 5px;
    font-size:13px;
    font-weight:600;
    color:#333;
  }




  /* 🔥 È°¼º ¸Þ´º */
  #sub_gnb ul li.active{
    background:#0c1c5a;
  }




  #sub_gnb ul li.active a{
    color:#fff;
  }




  .con_nav{
display:none;
}


}