@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); * { margin: 0; padding: 0; box-sizing: border-box; letter-spacing: -0.03em; color: inherit; font-family: 'Pretendard', sans-serif;; } 

 ::selection { background: #e0e0e0 } 

 img { border: 0; vertical-align: top; } 

 a { border: 0; text-decoration: none; } 

 ul,
 li { list-style: none; } 

 body { color: #505050; } 

 div { display: block; } 

 
 h1,
 h2,
 h3 { line-height: 130% } 

 h1 { font-size: 32px; } 

 h2 { font-size: 26px; } 

 h3 { font-size: 22px; margin-bottom: 5px; font-weight: 600; margin-top: 50px; margin-bottom: 20px; } 

 h4 { font-size: 19px; line-height: 140%; font-weight: 700; margin-top: 50px; margin-bottom: 10px; } 

 p { line-height: 180% } 

 .center { text-align: center !important } 

 .c_green { color: #87b600 !important; } 

 .c_pink { color: #e9795d !important } 

 .c_red { color: #da4e33 !important } 

 /* 마진,패딩 설정 */
 .mt10 { margin-top: 10px; } 

 .mt20 { margin-top: 20px; } 

 .mt30 { margin-top: 30px; } 

 .mt40 { margin-top: 40px; } 

 .mt50 { margin-top: 50px; } 

 .mt60 { margin-top: 60px; } 

 .mt70 { margin-top: 70px; } 

 .mt80 { margin-top: 80px; } 

 .mb10 { margin-bottom: 10px; } 

 .mb20 { margin-bottom: 20px; } 

 .mb30 { margin-bottom: 30px; } 

 .mb40 { margin-bottom: 40px; } 

 .mb50 { margin-bottom: 50px; } 

 .mb60 { margin-bottom: 60px; } 

 .mb70 { margin-bottom: 70px; } 

 .mb80 { margin-bottom: 80px; } 

 .ml10 { margin-left: 10px; } 

 #wrap { width: 100%; height: 950px; display: inline-block; border: 12px #49ac85 solid; padding: 35px; overflow-y: scroll } 

 #wrap .inner { max-width: 1400px; margin: 0 auto; word-break: keep-all; } 

 #wrap .paragraph { width: 100%; display: inline-block; margin-bottom: 30px } 

.table_area { overflow-x: auto; } 

 #wrap .table { border-top: 3px #49ac85 solid; border-left: 1px #e0e0e0 solid;  max-width: 1200px; caption-side: top; margin: 10px auto; width: 100%; } 

 #wrap .min { min-width: 400px;} 

 #wrap .table th,
 #wrap .table td { padding: 5px; border-bottom: 1px #e0e0e0 solid; border-right: 1px #e0e0e0 solid; } 
 #wrap .table td.center { text-align: center; } 

 #wrap .table td img { width: 80%; } 

 #wrap .table th { background: #f5f5f5; line-height: 180% } 

 #wrap .table th.part { background: #808080; color: #fff } 

 #wrap .table td.price { text-align: right; } 

 #wrap .paragraph p.indent { padding-left: 20px } 

 #wrap .box { border: 3px solid #97dabf; padding: 10px; width:100%; max-width: 1000px; margin: 10px auto; font-size: 17px; font-weight: 500; } 

 #wrap .box.imp { font-size: 20px; font-weight: bold; } 

 .mobile { display: none; } 

 @media (max-width: 768px) {
 #wrap { padding: 30px 15px; } 

 #wrap .box { font-size: 16px; } 
 .mobile { display: block; } 

 #wrap .table caption { margin-top: 10px; } 
}