/* ===================================================




   Bandi Mobile Global (Á¤¸®º»)




   - ¸ð¹ÙÀÏ °øÅë ·¹ÀÌ¾Æ¿ô/Å¸ÀÌÆ÷




   - µå·Î¾î(GNB)




   - ¸ÞÀÎºñÁÖ¾ó(PC/¸ð¹ÙÀÏ ºÐ±â)




   - ¸ð¹ÙÀÏ ÇªÅÍ ´Ü¼øÈ­




   =================================================== */






















/* ========== 1) °øÅë: ¸ð¹ÙÀÏ ·¹ÀÌ¾Æ¿ô/Å¸ÀÌÆ÷ ========== */




@media (max-width:768px){













  /* ±âº» ÅØ½ºÆ® */




  body{ font-size:14px; line-height:1.5; }













  /* Çì´õ(·Î°í °£°áÈ­) */




  #header_wrap, #header { width:100%; min-width:auto; }




  #header { padding:10px 20px 0 !important; }




  #header .logo, #header .logo h1{ float:none !important; display:block !important; text-align:left; }




  #header .logo img{ width:170px; height:auto; }













  /* GNB/ÁÂÃø ¹è³Ê/LNB °è¿­ ¼û±è */




  .menu_box, .sub_customer,




  .lnb, .lnb2, .lnb3, .lnb4, .lnb5, .lnb6,




  .lnb .left, .lnb2 .left, .lnb3 .left, .lnb4 .left, .lnb5 .left, .lnb6 .left,




  .content_box [class^="lnb"]{ display:none !important; }













  /* ¼­ºê ºñÁÖ¾ó/Å¸ÀÌÆ² ÀÌ¹ÌÁö Á¦°Å */




  [id^="header_bg"], .sub_title{ display:none !important; }













  /* ·Î°í ¾Æ·¡ Å¸ÀÌÆ² °£°Ý */




  .title_box{ margin-top:0 !important; margin-bottom:4px !important; padding:0 !important; }













  /* º»¹® Æø/¿©¹é(°øÁö/°¶·¯¸® °øÅë) */




  .right{ float:none !important; width:100% !important; margin:0 !important; padding:0 6px !important; }




  .content_box{ padding:0 6px !important; }




  .right .title_box{ height:auto !important; margin:6px 0 4px !important; padding:0 !important; }




  .right .text_box{ margin:12px 0 !important; }













  /* À§Ä¡/°æ·Î ¹Ú½º */




  .location{ margin:8px 0 !important; }













  /* float ¿µÇâ Á¦°Å + PC °íÁ¤Æø ¹«·ÂÈ­ */




  #sub_content, #sub_content .content_box, .right, .title_box, .text_box{ clear:both !important; }




  #sub_content .content_box{ width:100% !important; }













  /* º»¹® ³» ÀÌ¹ÌÁö Á¤ºñÀ² */




  .text_box img, .post_area img{ max-width:100%; height:auto !important; display:block; margin:0 auto; }




}













/* title_box 760px °íÁ¤Æø ÇØÁ¦(º¸°­) */




@media (max-width:768px){




  #sub_content, #sub_content .content_box, #sub_content .content_box .right{




    width:100% !important; max-width:100% !important; float:none !important; box-sizing:border-box;




  }




  #sub_content .content_box .right .title_box{




    width:100% !important; max-width:100% !important; height:auto !important;




    margin:6px 0 4px !important; padding:0 !important; display:block !important; overflow:visible !important;




  }




  #sub_content .content_box .right .title_box img{




    width:100% !important; max-width:100% !important; height:auto !important; display:block !important;




  }




  #sub_content{ overflow-x:hidden !important; }




}













/* À¯Ä¡¿ø¼Ò°³ »ó¼¼ ÀÌ¹ÌÁö(¸ð¹ÙÀÏ ±³Ã¼ ¾ÈÀü¸Á) */




@media (max-width:768px){




  #sub_content .text_box .conimage1 img{




    display:block; max-width:100%; height:auto;




  }




}






















/* ========== 2) µå·Î¾î(GNB) ========== */




@media (max-width:768px){













  /* »ó´Ü °íÁ¤ ÇÜ¹ö°Å(150%) */




  .bandi-m-header{ height:0 !important; background:transparent !important; box-shadow:none !important; }




  .bandi-m-header__inner{ height:0 !important; }




  .bandi-m-header__logo{ font-size:0; color:transparent; text-indent:-9999px; } /* ÅØ½ºÆ® ·Î°í ¼û±è */













  .bandi-m-header__burger{




    position:fixed !important; right:10px !important; top:20px !important;




    z-index:10010 !important; width:60px; height:60px;




    display:grid; place-items:center; background:transparent; border:0; cursor:pointer;




  }




  .bandi-burger-lines,




  .bandi-burger-lines::before,




  .bandi-burger-lines::after{ background:#222 !important; }




  .bandi-burger-lines{ width:26px; height:3px; position:relative; }




  .bandi-burger-lines::before,




  .bandi-burger-lines::after{ content:""; position:absolute; left:0; width:26px; height:3px; }




  .bandi-burger-lines::before{ top:-8px; }




  .bandi-burger-lines::after{ top:8px; }













  /* µå·Î¾î ÄÁÅ×ÀÌ³Ê */




  .bandi-m-gnb{




    position:fixed; inset:0; z-index:1200;




    transform:translateX(100%); transition:none;




    pointer-events:none; background:transparent;




  }




  .bandi-m-gnb.is-open{ transform:none; pointer-events:auto; }




  .bandi-m-gnb::after{ content:""; position:absolute; left:0; right:0; top:88px; bottom:0; background:#f4f4f4; }













  /* »ó´Ü ¹Ù(·Î°í+´Ý±â) */




  .bandi-m-gnb__top{




    position:sticky; top:0; z-index:1202;




    height:60px; background:#fff;




    display:flex; align-items:center; justify-content:space-between;




    padding:0 20px; border-bottom:1px solid #eee;




  }




  .bandi-m-gnb__logo img{ width:170px; height:auto; display:block; }













  /* ´Ý±â(X) */




  .bandi-m-gnb__close{




    width:60px; height:60px; display:grid; place-items:center;




    background:transparent; border:0; cursor:pointer;




  }




  .bandi-m-gnb__close::before,




  .bandi-m-gnb__close::after{




    content:""; display:block; position:absolute; width:26px; height:3px; background:#222; border-radius:2px;




  }




  .bandi-m-gnb__close::before{ transform:rotate(45deg); }




  .bandi-m-gnb__close::after{ transform:rotate(-45deg); }













  /* µå·Î¾î ½ºÅ©·Ñ ¿µ¿ª */




  .bandi-m-gnb__scroll{ padding:8px 0 80px; overflow:auto; -webkit-overflow-scrolling:touch; }













  /* 1µª½º/2µª½º */




  .bandi-m-gnb__list{ list-style:none; margin:0; padding:0; background:#f4f4f4; }




  .bandi-acc{ background:#f4f4f4; }




  .bandi-acc__button{




    display:block; width:100%; text-align:left;




    padding:18px 26px; font-size:18px; font-weight:700; color:#111;




    border:0; background:#f4f4f4; cursor:pointer; border-bottom:1px solid #ececec;




  }




  .bandi-acc__panel{ list-style:none; margin:0; padding:8px 0 12px 0; background:#f4f4f4; border-top:1px solid #ececec; }




  .bandi-acc__panel[hidden]{ display:none !important; }




  .bandi-acc__panel a{




    display:block; padding:12px 32px; font-size:16px; color:#333; text-decoration:none;




  }




  .bandi-acc__panel a:active, .bandi-acc__panel a:focus{ background:#ededed; }













  /* 1µª½º ´ÜÀÏ Ç×¸ñ(°øÁö»çÇ×) */




  .bandi-m-gnb__list > li.bandi-acc--single{ border-bottom:1px solid #eee; border-top:1px solid #eee; }




  .bandi-acc__link{




    display:block; width:100%; padding:18px 20px; font-size:17px; font-weight:600;




    color:#111; text-decoration:none; background:#fff;




  }




  .bandi-acc__link:active, .bandi-acc__link:focus{ background:#f7f7f7; }













  /* µå·Î¾î°¡ ¿­¸®¸é ¹ö°Å ¼û±è */




  html.bandi-drawer-open .bandi-m-header__burger{ display:none !important; }




}




/* PC¿¡¼­´Â ¸ð¹ÙÀÏ Àü¿ë ¿ä¼Ò ¼û±è */




@media (min-width:769px){




  .bandi-m-header, .bandi-m-gnb{ display:none !important; }




}













/* µå·Î¾î ¸µÅ© »ö ÅëÀÏ(visited Æ÷ÇÔ) */




.bandi-acc__link,




.bandi-acc__link:visited,




.bandi-acc__link:hover,




.bandi-acc__link:active,




.bandi-acc__panel a,




.bandi-acc__panel a:visited,




.bandi-acc__panel a:hover,




.bandi-acc__panel a:active{ color:#111111 !important; }






















/* ========== 3) ¸ÞÀÎ ºñÁÖ¾ó(PC/¸ð¹ÙÀÏ ºÐ±â) ========== */













/* °øÅë: bx ±âº» ¸¶Áø Á¦°Å */




#visual_wrap .bx-wrapper{ margin:0 !important; }













/* PC: ¸ð¹ÙÀÏ¿ë ¼û±è, ³ôÀÌ ÁöÁ¤ */




@media (min-width:769px){




  #visual_wrap .m-visual-list{ display:none !important; }




  #visual_wrap .bxslider--m{ display:none !important; }




  #visual_wrap .bxslider--pc{ display:block !important; }




  #visual_wrap .bxslider--pc > li{




    height:600px;




    background-size:cover !important;




    background-position:center !important;




    background-repeat:no-repeat !important;




  }




}













/* MOBILE: PC¿ë ¼û±â°í, ¸ð¹ÙÀÏ¿ë¸¸ Ç¥½Ã(½½¶óÀÌ´õ »ç¿ë) */




@media (max-width:768px){













  /* ¿©¹é/ÃÊ±â ±ô¹ÚÀÓ ¹æÁö */




  html, body, #wrap, #visual_wrap{ margin:0 !important; padding:0 !important; }













  /* ¾î¶² ±ÔÄ¢µµ ·¡ÆÛ¸¦ ¼û±âÁö ¸øÇÏ°Ô */




  #visual_wrap .bx-wrapper,




  #visual_wrap .bx-viewport{




    display:block !important;




    height:auto !important;




    overflow:visible !important;




  }













  /* PC ½½¶óÀÌ´õ/ÀÓ½Ã ¼¼·Î ¸®½ºÆ® OFF, ¸ð¹ÙÀÏ ½½¶óÀÌ´õ ON */




  #visual_wrap .bxslider--pc{ display:none !important; }




  #visual_wrap .m-visual-list{ display:none !important; }




  #visual_wrap .bxslider--m { display:block !important; }













  /* ¸ð¹ÙÀÏ ½½¶óÀÌµå ¾ÆÀÌÅÛÀº ÀÌ¹ÌÁö ºñÀ²´ë·Î */




  #visual_wrap .bxslider--m > li{ height:auto !important; }




  #visual_wrap .bxslider--m img{




    display:block; width:100%; height:auto;




  }




}






















/* ========== 4) ¸ð¹ÙÀÏ ÇªÅÍ ´Ü¼øÈ­(¸ÞÀÎ/¼­ºê °øÅë) ========== */




@media (max-width:768px){




  #footer_text{




    padding:14px 10px 12px !important;




    text-align:center !important;




    background:#fff !important;




  }




  #footer_text .menu{ display:none !important; }




  #footer_text .text p{




    margin:4px 0 !important; font-size:15px !important; line-height:1.4 !important;




  }




  #footer_text .logo{




    display:block !important; margin:10px auto 6px !important; text-align:center !important; float:none !important;




  }




  #footer_text .logo img{ display:inline-block !important; max-width:120px !important; height:auto !important; }




}













/* ¸ÞÀÎ ºñÁÖ¾ó °øÅë ¸®¼Â */




#visual_wrap { margin:0; padding:0; }




#visual_wrap ul { list-style:none; margin:0; padding:0; }













/* PC: ¸ð¹ÙÀÏ ¸®½ºÆ® ¼û±è, ½½¶óÀÌ´õ Ç¥½Ã */




@media (min-width:769px){




  #visual_wrap .m-visual-list{ display:none !important; }




  #visual_wrap .bxslider--pc{ display:block !important; }




  #visual_wrap .bxslider--pc > li{




    height:600px;                /* »çÀÌÆ® ±âÁ¸ ³ôÀÌ */




    background-size:cover !important;




    background-position:center !important;




    background-repeat:no-repeat !important;




  }




}































/* ===== Drawer quick-fix (override) ===== */




@media (max-width:768px){




  /* 1) µå·Î¾î ÀüÃ¼´Â Èò ¹è°æÀ¸·Î, ::after ¿À¹ö·¹ÀÌ Á¦°Å */




  #bandi-m-gnb{ background:#fff !important; }




  #bandi-m-gnb::after{ display:none !important; }













  /* 2) »ó´Ü¹Ù´Â ´Ü¼ø sticky (°íÁ¤ ³ôÀÌ) */




  .bandi-m-gnb__top{




    position: sticky !important;




    top: 0 !important;




    z-index: 1202 !important;




    height: 60px !important;




    background: #fff !important;




    padding: 0 20px !important;




    border-bottom: 1px solid #eee !important;




  }













  /* 3) ¸ñ·Ï ½ºÅ©·Ñ ¿µ¿ªÀÌ »ó´Ü¹Ù¿¡ °¡·ÁÁöÁö ¾Êµµ·Ï */




  .bandi-m-gnb__scroll{




    padding-top: 0 !important;




    max-height: calc(100vh - 60px) !important;




    overflow: auto !important;




    -webkit-overflow-scrolling: touch !important;




  }













  /* 4) ´Ý±â(X) ¾ÆÀÌÄÜÀº span.bandi-close-lines¸¦ ´Ù½Ã »ç¿ë */




  .bandi-m-gnb__close{




    appearance:none; -webkit-appearance:none;




    border:0; background:transparent; width:60px; height:60px;




    display:grid; place-items:center; cursor:pointer;




  }




  .bandi-close-lines{




    position:relative; width:26px; height:2px; background:transparent; display:block;




  }




  .bandi-close-lines::before,




  .bandi-close-lines::after{




    content:""; position:absolute; left:0; top:0;




    width:26px; height:2px; background:#222; transform-origin:center;




  }




  .bandi-close-lines::before{ transform:rotate(45deg); }




  .bandi-close-lines::after { transform:rotate(-45deg); }













  /* 5) È¤½Ã¶óµµ °¡·ÁÁö´Â °É ´ëºñÇØ ¸®½ºÆ® °­Á¦ Ç¥½Ã */




  .bandi-m-gnb__list{ display:block !important; }




}




/* =========================




   Drawer look & layout &#8212; restore




   ========================= */




@media (max-width:768px){













  /* »ó´Ü ¹Ù (·Î°í+X) */




  .bandi-m-gnb__top{




    position: sticky !important;




    top: 25px !important;




    z-index: 1202 !important;




    height: 60px !important;




    padding: 0 20px !important;




    background: #fff !important;




    border-bottom: 1px solid #e9e9e9 !important;




    display: flex !important;




    align-items: center !important;




    justify-content: space-between !important;




  }




  .bandi-m-gnb__logo img{




    width: 170px !important;      /* ÀÌÀüÃ³·³ */




    height: auto !important;




    display: block !important;




  }













  /* ´Ý±â(X) ¾ÆÀÌÄÜÀº span.bandi-close-lines¸¦ »ç¿ë */




  .bandi-m-gnb__close{




    appearance:none; -webkit-appearance:none;




    width:60px; height:60px; border:0; background:transparent;




    display:grid; place-items:center; cursor:pointer;




    margin-right: -16px; margin-top: -8px;




  }




  .bandi-close-lines{




    position:relative; width:26px; height:2px; background:transparent; display:block;




  }




  .bandi-close-lines::before,




  .bandi-close-lines::after{




    content:""; position:absolute; left:0; top:0;




    width:26px; height:2px; background:#222; transform-origin:center;




  }




  .bandi-close-lines::before{ transform:rotate(45deg); }




  .bandi-close-lines::after { transform:rotate(-45deg); }













  /* ½ºÅ©·Ñ ¿µ¿ª/¹è°æ */




  .bandi-m-gnb__scroll{




    padding-top: 28px !important;




    padding-bottom: 72px !important;        /* ÇÏ´Ü ÀüÈ­¹Ù ¿©À¯ */




    max-height: calc(100vh - 64px) !important;




    overflow: auto !important;




    -webkit-overflow-scrolling: touch !important;




    background: #fff !important;




  }













  /* 1µª½º ¶óÀÎ/°£°Ý (º¹±¸º») */




  .bandi-m-gnb__list{




    list-style:none !important;




    margin:0 !important; padding:0 !important;




    background:#fff !important;




  }




  .bandi-acc{ background:#fff !important; }




  .bandi-acc + .bandi-acc{ border-top:1px solid #ececec !important; }













  .bandi-acc__button{




    width:100%; text-align:left;




    display:flex; align-items:center; gap:.5rem;




    min-height:56px;




    padding:18px 20px !important;




    font-size:18px !important; font-weight:700 !important; color:#111 !important;




    background:#fff !important; border:0 !important;




  }













  /* 2µª½º ÆÐ³Î (¿¬ÇÑ È¸»ö ¹ÙÅÁ + ±¸ºÐ¼±) */




  .bandi-acc__panel{




    list-style:none !important; margin:0 !important;




    padding:8px 0 10px !important;




    background:#f7f7f7 !important;




    border-top:1px solid #ececec !important;




  }




  .bandi-acc__panel li{ list-style:none !important; }




  .bandi-acc__panel a{




    display:block; text-decoration:none;




    padding:12px 24px 12px 28px !important;   /* 1µª½ºº¸´Ù »ìÂ¦ µé¿©¾²±â */




    font-size:15px !important; color:#333 !important;




    border-bottom:1px solid #ececec !important;




  }




  .bandi-acc__panel li:last-child a{ border-bottom:0 !important; }













  /* ÇÏ´Ü ÀüÈ­¹Ù(±×´ë·Î ³ëÃâ) */




  .bandi-m-bottom{




    position:fixed; left:0; right:0; bottom:0; height:56px;




    background:#fff; box-shadow:0 -1px 6px rgba(0,0,0,.06);




    display:flex; align-items:center; justify-content:center; z-index:1250;




  }




}













/* [FIX] iOS Safari¿¡¼­ X°¡ 2°³ º¸ÀÌ´Â ¹®Á¦: ¹öÆ° ÀÇ»ç¿ä¼Ò¸¦ ²ô°í span¸¸ »ç¿ë */




.bandi-m-gnb__close::before,




.bandi-m-gnb__close::after {




  content: none !important;




  display: none !important;




}













/* spanÀ¸·Î X ±×¸®±â */




.bandi-m-gnb__close .bandi-close-lines {




  position: relative;




  width: 26px; height: 2px;




  background: transparent;   /* °¡·Î ¼±Àº ¾²Áö ¾ÊÀ½(´ë°¢¼±¸¸) */




  display: block;




}




.bandi-m-gnb__close .bandi-close-lines::before,




.bandi-m-gnb__close .bandi-close-lines::after {




  content: "";




  position: absolute; left: 0; top: 0;




  width: 26px; height: 2px;




  background: #222;




  transform-origin: center;




}




.bandi-m-gnb__close .bandi-close-lines::before { transform: rotate(45deg); }




.bandi-m-gnb__close .bandi-close-lines::after  { transform: rotate(-45deg); }













/* ÇÏ´Ü °íÁ¤ ¹Ù */




.bandi-m-bottom{




  position: fixed; left: 0; right: 0; bottom: 0;




  height: 56px;




  background: #fff;




  box-shadow: 0 -1px 6px rgba(0,0,0,.06);




  display: flex; align-items: center; justify-content: center;




  z-index: 1250;




  padding-bottom: env(safe-area-inset-bottom); /* iOS È¨¹Ù ¾ÈÀü¿µ¿ª */




}













/* ¹öÆ° ³»ºÎ Á¤·Ä */




.bandi-m-bottom__call{




  display: inline-flex;




  align-items: center;         /* ¼öÁ÷ Áß¾Ó */




  justify-content: center;     /* ¼öÆò Áß¾Ó */




  gap: 8px;                    /* ¾ÆÀÌÄÜ-ÅØ½ºÆ® °£°Ý */




  font-size: 14px;




  color: #333;




  text-decoration: none;




  line-height: 1;              /* ÁÙ°£°Ý °úµµÇÏ°Ô Ä¿Áö´Â °Í ¹æÁö */




}




.bandi-m-bottom__call svg{




  width: 22px; height: 22px;




  display: block;              /* ¾ÆÀÌÄÜ ¾Æ·¡ ¿©¹é Á¦°Å */




}




.bandi-m-bottom__call span{




  display: inline-block;       /* iOS¿¡¼­ baseline Èçµé¸² ¹æÁö */




}













/* introduce/location.php - Ä«Ä«¿À Áöµµ ¹ÝÀÀÇü ¾ÈÀü¸Á */




@media (max-width: 768px) {




  /* ÄÁÅ×ÀÌ³Ê Æø 100% */




  #daumRoughmapContainer1441352462143,




  #daumRoughmapContainer1441352462143.root_daum_roughmap,




  #daumRoughmapContainer1441352462143 .root_daum_roughmap_landing {




    width: 100% !important;




  }













  /* ³»ºÎ ¸Ê ·¡ÆÛ ³ôÀÌ º¸Á¤(roughmap ³»ºÎ ±¸Á¶ ´ëÀÀ) */




  #daumRoughmapContainer1441352462143 .wrap_map,




  #daumRoughmapContainer1441352462143 .map_border {




    width: 100% !important;




    height: 420px !important;   /* ½ºÅ©¸³Æ®¿Í µ¿ÀÏ °ª */




  }




}













/* -------------------------------------------------




   [¸ð¹ÙÀÏ] ¾Ù¹ü ¸ðµâ (.largimg + .studio2)




   - Å« ÀÌ¹ÌÁö: °¡·Î 100% ¹ÝÀÀÇü




   - ½æ³×ÀÏ: 5¿­ ±×¸®µå + °£°Ý




   - PC¿ë float/°íÁ¤Æø/°íÁ¤³ôÀÌ ¹«·ÂÈ­




-------------------------------------------------- */




@media (max-width:768px){













  /* Å« ÀÌ¹ÌÁö ÄÁÅ×ÀÌ³Ê/ÀÌ¹ÌÁö */




  #sub_content .text_box .largimg{




    margin: 0 !important;




    padding: 0 !important;




  }




  #sub_content .text_box .largimg > img{




    width: 100% !important;




    height: auto !important;




    display: block !important;




  }













  /* Å« ÀÌ¹ÌÁö¿Í ½æ³×ÀÏ »çÀÌ °£°Ý */




  #sub_content .text_box .largimg + .studio2{




    margin-top: 12px !important;




  }













  /* ½æ³×ÀÏ ÄÁÅ×ÀÌ³Ê¸¦ 5¿­ ±×¸®µå·Î ÀüÈ¯ */




  #sub_content .text_box .studio2{




    display: grid !important;




    grid-template-columns: repeat(5, 1fr) !important;




    gap: 6px !important;              /* ½æ³×ÀÏ °£°Ý */




    margin: 0 !important;




    padding: 0 !important;




  }













  /* PC¿¡¼­ °É¸° float/°íÁ¤Æø Á¦°Å */




  #sub_content .text_box .studio2 a{




    float: none !important;




    width: auto !important;




    height: auto !important;




    margin: 0 !important;




    padding: 0 !important;




    display: block !important;




    line-height: 0 !important;        /* ÀÌ¹ÌÁö ÁÖº¯ °ø¹é Á¦°Å */




  }













  #sub_content .text_box .studio2 img{




    width: 100% !important;




    height: auto !important;          /* Àß¸² ¹æÁö */




    display: block !important;




    object-fit: cover;                /* ½æ³×ÀÏ Ä­¿¡¼­ ¾ÈÁ¤ÀûÀ¸·Î º¸ÀÌ°Ô */




  }




}













/* --------------------------------------------




   [¸ð¹ÙÀÏ] ÇÔ²²ÇÏ´ÂºÎ¸ð µî ¾Ù¹ü ¸ðµâ(.largimg + .studio2) ¿ÏÀü ¿À¹ö¶óÀÌµå




   - PC °íÁ¤Æø/¿À¹öÇÃ·Î¿ì/nowrap Á¦°Å




   - ½æ³×ÀÏ 5¿­ ±×¸®µå + °£°Ý




   - Å« ÀÌ¹ÌÁö 100% ¹ÝÀÀÇü




---------------------------------------------*/




@media (max-width:768px){













  /* ÄÁÅ×ÀÌ³Ê Æø °­Á¦ */




  #sub_content .right,




  #sub_content .text_box{




    width:100% !important;




    max-width:100% !important;




    overflow-x:hidden !important;   /* È¤½Ã ³²´Â ÀÜ¿© ½ºÅ©·Ñ ¹æÁö */




  }













  /* Å« ÀÌ¹ÌÁö */




  #sub_content .text_box .largimg{




    width:100% !important;




    max-width:100% !important;




    margin:0 !important;




    padding:0 !important;




  }




  #sub_content .text_box .largimg > img{




    display:block !important;




    width:100% !important;




    height:auto !important;




  }













  /* ½æ³×ÀÏ ·¡ÆÛ: PC ÀÜÀç Á¦°Å + 5¿­ ±×¸®µå */




  #sub_content .text_box .studio2{




    width:100% !important;




    max-width:100% !important;




    margin:12px 0 0 !important;     /* Å« ÀÌ¹ÌÁö¿Í °£°Ý */




    padding:0 !important;













    /* PC ÀÜÀç ¹«·ÂÈ­ */




    float:none !important;




    overflow:visible !important;




    white-space:normal !important;













    /* ±×¸®µå */




    display:grid !important;




    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;




    gap:6px !important;             /* ½æ³×ÀÏ »çÀÌ °£°Ý */




    box-sizing:border-box !important;




  }













  /* °¢ ½æ³×ÀÏ ¾ÞÄ¿/ÀÌ¹ÌÁö ¸®¼Â */




  #sub_content .text_box .studio2 a{




    float:none !important;




    display:block !important;




    width:auto !important;




    height:auto !important;




    margin:0 !important;




    padding:0 !important;




    line-height:0 !important;




  }




  #sub_content .text_box .studio2 img{




    display:block !important;




    width:100% !important;




    height:auto !important;




    object-fit:cover;  /* ¿øº» ºñÀ² º¸Á¸ */




  }




}













/* [¸ð¹ÙÀÏ] ¾Ù¹ü ¹Ú½º ¼¼·Î ½ºÅ©·Ñ Á¦°Å (°íÁ¤ ³ôÀÌ/¿À¹öÇÃ·Î¿ì ÇØÁ¦) */




@media (max-width:768px){




  /* ÅØ½ºÆ® ¹Ú½º ÀÚÃ¼°¡ °íÁ¤ ³ôÀÌ/½ºÅ©·ÑÀÌ¸é ¾Ù¹üÀÌ ¾ÈÀ¸·Î ½ºÅ©·Ñ »ý±é´Ï´Ù */




  #sub_content .right .text_box{




    height:auto !important;




    max-height:none !important;




    overflow:visible !important;




  }













  /* Å« ÀÌ¹ÌÁö ÄÁÅ×ÀÌ³Ê */




  #sub_content .right .text_box .largimg{




    height:auto !important;




    max-height:none !important;




    overflow:visible !important;




    margin-bottom:12px !important;  /* Å« ÀÌ¹ÌÁö¿Í ½æ³×ÀÏ °£°Ý */




  }













  /* ½æ³×ÀÏ ·¡ÆÛ: °íÁ¤ ³ôÀÌ/½ºÅ©·Ñ ¿ÏÀü ÇØÁ¦ */




  #sub_content .right .text_box .studio2{




    height:auto !important;




    max-height:none !important;




    overflow-x:visible !important;




    overflow-y:visible !important;




  }




}













/* ============ [¸ð¹ÙÀÏ] ¸ðµç »çÁø¾Ù¹ü °øÅë ÆÐÄ¡ ============ */




@media (max-width:768px){













  /* ¾Ù¹üÀÌ µé¾îÀÖ´Â º»¹® ¹Ú½º°¡ °íÁ¤³ôÀÌ/½ºÅ©·ÑÀÌ¸é ½ºÅ©·Ñ »ý±è ¡æ Á¦°Å */




  #sub_content .right .text_box{




    height:auto !important;




    max-height:none !important;




    overflow:visible !important;




  }













  /* Å« ÀÌ¹ÌÁö ÄÁÅ×ÀÌ³Ê(ÆäÀÌÁö¸¶´Ù µ¿ÀÏ Å¬·¡½º) */




  #sub_content .right .text_box .largimg{




    height:auto !important;




    max-height:none !important;




    overflow:visible !important;




    margin-bottom:12px !important; /* Å« ÀÌ¹ÌÁö¿Í ½æ³×ÀÏ »çÀÌ °£°Ý */




  }




  #sub_content .right .text_box .largimg img{




    display:block !important;




    width:100% !important;




    height:auto !important;




  }













  /* ½æ³×ÀÏ ¹Ú½º: studio, studio2, studio3¡¦ ÀüºÎ ¸ÅÄª */




  #sub_content .right .text_box [class^="studio"]{




    /* PCÀÇ float/inline ½ºÅ¸ÀÏ ¹«·ÂÈ­ */




    float:none !important;




    display:grid !important;




    grid-template-columns: repeat(5, 1fr) !important;  /* 5¿­ */




    gap:6px !important;




    width:100% !important;




    height:auto !important;




    max-height:none !important;




    overflow:visible !important;        /* ¼¼·Î ½ºÅ©·Ñ ¹æÁö */




    margin:0 !important;




    padding:0 !important;




  }




  #sub_content .right .text_box [class^="studio"] a{




    display:block !important;




  }




  #sub_content .right .text_box [class^="studio"] img{




    display:block !important;




    width:100% !important;




    height:auto !important;             /* Àß¸² ¹æÁö */




  }




}













/* === ¸ð¹ÙÀÏ ½½¶óÀÌ´õ ON (¸ðµç ¼û±è ±ÔÄ¢ ¹«·ÂÈ­) === */




@media (max-width:768px){




  /* PC ½½¶óÀÌ´õ´Â ²ô°í, ¸ð¹ÙÀÏ ½½¶óÀÌ´õ¸¸ º¸ÀÌ°Ô */




  #visual_wrap .bxslider--pc{ display:none !important; }




  #visual_wrap .bxslider--m { display:block !important; }













  /* bx ·¡ÆÛ/ºäÆ÷Æ®°¡ ¼û°ÜÁöÁö ¾Êµµ·Ï °­Á¦ Ç¥½Ã */




  #visual_wrap .bx-wrapper,




  #visual_wrap .bx-viewport{ display:block !important; height:auto !important; }













  /* (ÀÌÀü ÀÓ½Ã) ¼¼·Î ³ª¿­ ¸®½ºÆ®°¡ ³²¾ÆÀÖ´Ù¸é ²ô±â */




  #visual_wrap .m-visual-list{ display:none !important; }













  /* ¸ð¹ÙÀÏ ½½¶óÀÌµå ¾ÆÀÌÅÛÀº ÀÌ¹ÌÁö ºñÀ²´ë·Î */




  #visual_wrap .bxslider--m > li{ height:auto !important; }




  #visual_wrap .bxslider--m img{ display:block; width:100%; height:auto; }




}













/* PC ÂÊÀº ±×´ë·Î */




@media (min-width:769px){




  #visual_wrap .bxslider--m{ display:none !important; }




  #visual_wrap .bxslider--pc{ display:block !important; }




  #visual_wrap .bxslider--pc > li{




    height:600px;




    background-size:cover !important;




    background-position:center !important;




    background-repeat:no-repeat !important;




  }




}













/* &#9989; ¸ð¹ÙÀÏ¿¡¼­ ½½¶óÀÌ´õ Ç¥½Ã °­Á¦ */




@media (max-width:768px){




  #visual_wrap .bxslider--pc{ display:none !important; }




  #visual_wrap .m-visual-list{ display:none !important; }  /* Á¤Àû ¸®½ºÆ®´Â ²û */




  #visual_wrap .bxslider--m{ display:block !important; }













  /* bx ·¡ÆÛ/ºäÆ÷Æ®°¡ ¼û°ÜÁöÁö ¾Êµµ·Ï */




  #visual_wrap .bx-wrapper,




  #visual_wrap .bx-viewport{




    display:block !important; height:auto !important; overflow:visible !important;




  }













  /* ¸ð¹ÙÀÏ ½½¶óÀÌµå ¾ÆÀÌÅÛ Å©±â */




  #visual_wrap .bxslider--m > li img{




    display:block; width:100%; height:auto;




  }




}













/* bandi-mobile.css ¸Ç ¾Æ·¡¿¡ Ãß°¡(¶Ç´Â ±âÁ¸ ±ÔÄ¢ º¸°­) */




@media (max-width:768px){




  #visual_wrap .bxslider--m > li{




    min-height: 60vh;         /* ÃÊ±â º¸È£ ³ôÀÌ */




  }




  #visual_wrap .bxslider--m > li img{




    display:block; width:100%; height:auto;




  }




  #visual_wrap .bx-wrapper,




  #visual_wrap .bx-viewport{




    height:auto !important;   /* °íÁ¤ ³ôÀÌ ¹æÁö */




  }




}







/* === [¸ð¹ÙÀÏ] ¾Ù¹ü: Å« ÀÌ¹ÌÁö ½ºÅÃ ¸ðµå === */

@media (max-width:768px){

  /* ±âÁ¸ ¸ðµâ ¼û±è */

  #sub_content .text_box .largimg,

  #sub_content .text_box .largimg2,

  #sub_content .text_box [class^="studio"]{

    display:none !important;

  }




  /* »õ ½ºÅÃ ÄÁÅ×ÀÌ³Ê */

  .m-album-stack{

    display:grid !important;

    grid-template-columns: 1fr !important;

    gap: 12px !important;

    margin: 0 !important;

    padding: 0 !important;

  }

  .m-album-stack img{

    width:100% !important;

    height:auto !important;

    display:block !important;

  }

}




/* === ¸ð¹ÙÀÏ ½æ³×ÀÏ ÃÊ±â ·»´õ ±ôºýÀÓ ¹æÁö === */

@media (max-width:768px){

  /* studio, studio2, studio3 ¡¦ ÀüºÎ ÇØ´ç */

  #sub_content .text_box [class^="studio"] {

    display: none !important;

    visibility: hidden !important;

    opacity: 0 !important;

    height: 0 !important;

    overflow: hidden !important;

  }




  /* Å« ÀÌ¹ÌÁö ¿µ¿ªµµ ¼û±â±â */

  #sub_content .text_box .largimg,

  #sub_content .text_box .largimg2 {

    display: none !important;

    visibility: hidden !important;

  }

}




/* === [¸ð¹ÙÀÏ] ½æ³×ÀÏ ¿µ¿ª ¿ÏÀü Á¦°Å(¿©¹é Æ÷ÇÔ) === */

@media (max-width:768px){

  #sub_content .right .text_box .studio,

  #sub_content .right .text_box .studio2,

  #sub_content .right .text_box .studio3,

  #sub_content .right .text_box .studio4,

  #sub_content .right .text_box .studio5,

  #sub_content .right .text_box .largimg,

  #sub_content .right .text_box .largimg2{

    display:none !important;

    height:0 !important;

    margin:0 !important;

    padding:0 !important;

    border:0 !important;

    overflow:hidden !important;

  }

}




/* === ¸ð¹ÙÀÏ Àü¿ë 3Depth ¹öÆ° === */

@media (max-width:768px){

  /* PC¿ë ÀÌ¹ÌÁö ¹öÆ° ¼û±è */

  #sub_content .right .text_box .subbtn{

    display:none !important;

  }




  /* ¹öÆ° ÄÁÅ×ÀÌ³Ê */

  .m-sub-nav{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    padding:16px 8px 20px;

    justify-content:space-between;

  }




  .m-sub-nav a{

    flex:0 0 calc(50% - 5px);

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:52px;

    border-radius:12px;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    transition:all .2s ease;

  }




  /* µÎ °³Â¥¸® (½Ã°£/°ø°£) - ÆÄ¶õ°è¿­ */

  .m-sub-nav-2 a{

    background:#fff;

    border:2px solid #5383e5;

    color:#5383e5;

  }

  .m-sub-nav-2 a.active{

    background:#5383e5;

    color:#fff;

  }




  /* ³× °³Â¥¸® (½£ÀÚ¿¬/µ¿È­/¿¹¼ú/¿Â¸ö) - ¿À·»Áö°è¿­ */

  .m-sub-nav-4 a{

    background:#fff;

    border:2px solid #ef59dd;

    color:#ef59dd;

  }

  .m-sub-nav-4 a.active{

    background:#ef59dd;

    color:#fff;

  }




  /* ÅÍÄ¡ ÇÇµå¹é */

  .m-sub-nav a:active{

    opacity:0.9;

  }

}




/* PC¿¡¼­´Â ¸ð¹ÙÀÏ ¹öÆ° ¼û±è */

@media (min-width:769px){

  .m-sub-nav{ display:none !important; }

}




/* === ¸ð¹ÙÀÏ¿¡¼­´Â PC ¼³¸í ÀÌ¹ÌÁö ¼û±è === */

@media (max-width:768px){

  .pc-only-desc {

    display: none !important;

  }

}


