@charset "utf-8";
/* --------------------------------------
해당호만 사용되는 스타일 (다음호에서는 삭제)
----------------------------------------- */
#subCon .section .summaryBx { padding: 20px; border: 1px solid #ddd; border-radius: 10px; background-color: #f7f7f7; }
#subCon .section .summaryBx h3 { margin-bottom: 10px; text-align: center; }
#subCon .section .summaryBx figure { text-align: center; box-shadow: none; }
#subCon .section .summaryBx figure .no01 { max-width: 240px; }
#subCon .section .summaryBx figure .no02 { max-width: 500px; }
#subCon .section .summaryBx p { text-align: center; }
#subCon .section .summaryBx .dotList { margin-left: auto; margin-right: auto; max-width: 700px; }


/* sub03 */
#subCon.sub03 .section .table01 .no01 { width: auto; }
#subCon.sub03 .section .table01 .no02 { width: 120px; }
#subCon.sub03 .section .table01 .dashList > li::before { content: "□"; top: 3px; font-size: 0.7em; }



/* sub04 */
#subCon.sub04 .section .table02 .no01 { width: 130px; }

@media all and (max-width: 1023px){
    #subCon.sub04 .section .clrBx02 figure { width: 100%; overflow: hidden; overflow-x: auto; }
    #subCon.sub04 .section .clrBx02 figure img { width: 952px; }

}





















/* sub01 */
/* sub05 */
#subCon.sub05 .section .inBx { position: relative; border: 1px solid #000; border-radius: 0.3rem; overflow: hidden; }
#subCon.sub05 .section .inBx h6 { padding: 1rem 1rem; text-align: center; background-color: #e9e9e9; border-bottom: 1px solid #ccc; }
#subCon.sub05 .section .inBx p { padding: 1rem 1rem; }
#subCon.sub05 .section table .no01 { width: 240px; }
#subCon.sub05 .section table .no02 { width: auto; }
@media all and (max-width: 599px){
    #subCon.sub05 .section table .no01 { width: 180px; }
}
@media all and (max-width: 480px){
    #subCon.sub05 .section table .no01 { width: 130px; }
}









/* sub06 */
/* sub02 */
#subCon.sub02 .section .inBx { position: relative; padding: 0.75rem 1rem; border: 1px solid #222; }
#subCon.sub02 .section .inBx ul li { position: relative; padding-left: 1.2rem; }
#subCon.sub02 .section .inBx ul.depth01 > li::before { position: absolute; content: '■'; top: 0; left: 0; }
#subCon.sub02 .section .inBx ul.depth02 > li::before { position: absolute; content: '⇨'; top: 0; left: 0; }
#subCon.sub02 .section table .no01 { width: 20%; min-width: 120px; }
#subCon.sub02 .section table .no02 { width: auto; }
#subCon.sub02 .section table tr td:nth-child(1) { text-align: center; }
/* sub07 */
/* sub08 */
/* sub09 */
/* sub10 */