/* K-BOOKS Responsive Safety v1
   시각 디자인을 바꾸지 않고 overflow가 자주 나는 기본 요소만 안전화합니다. */
html,body{max-width:100%}
img,video,canvas,svg{max-width:100%;height:auto}
iframe{max-width:100%}
input,select,textarea,button{max-width:100%;box-sizing:border-box}
table{max-width:100%}
pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
code{overflow-wrap:anywhere}
.icd-learn-shell,.icd-shell,.kbp,.kbpf,.kbus-shell,.kbrm,.kb-material-archive{min-width:0}
.icd-learn-shell>*,.icd-shell>*,.kbp>*,.kbpf>*,.kbus-shell>*,.kbrm>*,.kb-material-archive>*{min-width:0}

@media(max-width:768px){
  body{overflow-x:clip}
  .icd-article-body table,.kb-processing-story table,.kb-study-sheet table{
    display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch
  }
  .icd-article-body pre,.kb-processing-story pre,.kb-study-sheet pre{
    max-width:100%;overflow-x:auto
  }
  .icd-breadcrumb{max-width:100%}
  .icd-breadcrumb a,.icd-breadcrumb span{min-width:0}
}

@media(max-width:480px){
  input[type="text"],input[type="search"],input[type="email"],input[type="url"],
  input[type="number"],select,textarea{font-size:16px}
  #top_btn{bottom:max(18px,env(safe-area-inset-bottom));right:14px}
}