/* BASIC css start */
#MAKESHOPLY2 { display:none!important; }
body #footer { margin-top: 0; }

.st_main { overflow: hidden; margin-top: 122px; }
.st_main a { display: block; }
.st-section { max-width: 1920px; margin: 0 auto; }

.st-title { text-align: center; }
.st-title h2 { margin-bottom: 40px; font-family: 'Lato', 'Noto Sans KR', Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif; font-size: 60px; }
.st-title p { font-size: 20px; }


/* section */
.st01 { position: relative; height: 982px; background: url("/design/ziobel/pc_main_01-01.jpg") no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
.st01 .st-title { position: absolute; top: 166px; left: 0; z-index: 5; width: 100%; }
.st01 .st-title h2 { color: #1e4986; }
.st01 ul { overflow: hidden; position: relative; top: 360px; z-index: 10; width: 1500px; margin: 0 auto; }
.st01 ul li { float: left; width: 360px; margin-left: 20px; text-align: center; }
.st01 ul li a .info { padding: 30px 0; background-color: #fff; }
.st01 ul li a .info .p1 { margin-bottom: 10px; font-weight: 600; font-size: 24px; color: #505050; }
.st01 ul li a .info .p2 { font-size: 20px; color: #505050; }
.st01 ul li:first-child { margin:0; }
.st01 .bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }


.st02 { padding: 130px 0 60px; }
.st02 .st-title h2 { font-size: 90px; }
.st02 .cont { margin-top: 50px; font-size: 18px; line-height: 1.7; text-align: center; }
.st02 .cont span { display: block; font-weight: 500; font-size: 24px; }
.st02 .bg { margin-top: 60px; text-align: center; }


.st03 { overflow: hidden; max-width: 100%; padding: 130px 0; background-color: #f5f5f5; }
.st03 ul { overflow: hidden; width: 1500px; margin: 0 auto; }
.st03 ul li { float: left; width: 345px; margin: 0 40px 40px 0; background-color: #fff; }
.st03 ul li:nth-child(4n) { margin: 0 0 40px; }


.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: 110px; padding: 20px; box-sizing: border-box; }
.st-prd-list .info .prd-name { font-weight: 600; font-size: 16px; }
.st-prd-list .info .prd-subname { margin-top: 5px; font-size: 14px; }
.st-prd-list .info .prd-price { margin-top: 10px; }
.st-prd-list .info .prd-price span { font-size: 16px; }
.st-prd-list .info .p-sell { font-weight: 500; color: #000; }
.st-prd-list .info .p-consumer { margin-left: 10px; color: #aaa; text-decoration: line-through; }
.st-prd-list .info .p-per { margin-left: 10px; font-weight: 600; color: #ff0000; }
.st-prd-list .info .cartwish { position: absolute; top: 22px; right: 0; }
/* BASIC css end */