/* BASIC css start */
body #footer { margin: 0; }
.st-main { padding-top: 100px; }
.st-section { padding: 16vw 10px; }
.st-title { text-align: center; line-height: 1; }
.st-title h2 { font-family: 'Lato', 'Noto Sans KR', Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif; font-weight: 500; font-size: 24px; letter-spacing: -1px; }
.st-title p { font-size: 15px; }


/* st01 */
.st01 { position: relative; height: 288vw; }
.st01 .st-title { position: relative; z-index: 10; padding: 10vw 40px; }
.st01 .brand-list { overflow: hidden; position: relative; z-index: 10; padding: 0 40px; }
.st01 .brand-list li + li { margin-top: 20px; }
.st01 .brand-list li .thumb { overflow:hidden; border-radius: 17px 17px 0 0; }
.st01 .brand-list li .thumb img { width: 100%; }
.st01 .brand-list li .info { padding: 20px; background-color: #fff; text-align: center; border-radius: 0 0 17px 17px; }
.st01 .brand-list li .info .p1 { margin-bottom: 10px; font-weight: 500; font-size: 16px; }
.st01 .brand-list li .info .p2 { font-size: 14px; }
.st01 .bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.st01 .bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-image: url("/design/ziobel/mo_main_01-01.jpg") }
  

/* st02 */
.st02 { padding: 16vw 0; text-align: center; }
.st02 img { width: 100%; }
.st02 .st-title h2 { margin-bottom: 20px; font-size: 10vw; }
.st02 .st-title p { padding: 5px 20vw 0; }
.st02 .cont { margin: 12vw 0 6vw; font-size: 13px; line-height: 1.5; }
.st02 .bg { padding: 0; }


/* st03 */
.st03 { background-color: #f5f5f5; }
.st03 .st-prd-list { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.st03 .st-prd-list li { width: calc(50% - 5px); margin-bottom: 10px; }
.st03 .st-prd-list li:nth-last-child(1),
.st03 .st-prd-list li:nth-last-child(2) { margin-bottom: 0; }

.st-prd-list .thumb { position: relative; }
.st-prd-list .thumb .p-icon { display: none; position: absolute; top: 10px; left: 5px; }
.st-prd-list .thumb .p-icon img { width: auto; height: 20px; display: inline-block; margin-left: 5px; }
.st-prd-list .thumb img { width: 100%; }
.st-prd-list .thumb a { display: block; }
.st-prd-list .info { position: relative; height: 91px; padding: 15px; box-sizing: border-box; background-color: #fff; }
.st-prd-list .info .prd-name { margin-bottom: 10px; padding: 0; font-family: 'Noto Sans KR', Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif; font-weight: 500; font-size: 14px; white-space: normal; }
.st-prd-list .info .prd-price span { font-size: 13px; }
.st-prd-list .info .p-sell { font-weight: 500; color: #000; }
.st-prd-list .info .p-consumer { margin-left: 5px; font-weight: 300; color: #aaa; text-decoration: line-through; }
.st-prd-list .info .p-per { margin-left: 5px; font-weight: 500; color: #ff0000; }
/* BASIC css end */