/*body { font-family: 'Noto Sans KR','Nanum Gothic',Helvetica, Arial, sans-serif, '돋움', '굴림'; }*/ /*body { font-family: 'Noto Sans KR',Helvetica, Arial, sans-serif, '돋움', '굴림'; }*/ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Light.woff2) format('woff2'), url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Light.woff) format('woff'), url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Light.otf) format('opentype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Regular.woff2) format('woff2'), url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Regular.woff) format('woff'), url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Regular.otf) format('opentype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Medium.woff2) format('woff2'), url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Medium.woff) format('woff'), url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Medium.otf) format('opentype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Bold.woff2) format('woff2'), url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Bold.woff) format('woff'), url(https://d23jejfjm3oozd.cloudfront.net/redprinting_sg/assets/font/roboto/Roboto-Bold.otf) format('opentype'); } body { font-family: Roboto, Arial, sans-serif, '돋움', '굴림'; font-weight: 300; } .detail_desc { left: 0; margin: 0 auto; max-width: 1140px; right: 0; width: 100%; } .detail_desc img { height: auto; vertical-align: middle; width: 100%; } .detail_desc li { list-style: none; } .detail_desc p { margin: 0; font-weight: 500;} .detail_desc ul { padding: 0; } .detail_desc span { font-weight: 400; font-size: 13px; } .bgcolor_silver { background-color: #f5f5f5; } .bgcolor_silver_2 { background-color: #e1e1e1; } .detail-compare-con-canvas-frame { display: inline-block; margin: 30px auto; width: 100%; } .detail-compare-con-canvas-frame li strong { color: #3c3c3c; display: block; font-size: 13px; margin: 20px 0px 0px 0px; } .detail-compare-con-canvas-frame ul { display: inline-block; margin: 0 auto; position: relative; width: 100%; } .detail-compare-con-canvas-frame ul li { float: left; position: relative; text-align: center; } .detail-compare-con-canvas-frame ul li { padding: 0 2.72%; width: calc(100%/3); } .detail-compare-con-canvas-frame ul li span { color: #818181; display: block; font-size: 13px; line-height: 24px; padding: 0 0 30px 0; } .detail-con-title1 { color: #696969; font-size: 30px; font-weight: 500; letter-spacing: 1.2px; margin: 9px 0 45px 0; text-align: center; } .detail-con-title2 { color: #3C3C3C; font-size: 30px; font-weight: 300; letter-spacing: 1.2px; margin: 33px 0 33px 0; text-align: center; } .detail-con-title3 { color: #3C3C3C; font-size: 30px; font-weight: 300; letter-spacing: 1.2px; margin: 60px 0 30px 0; text-align: center; } .detail-con-title4 { color: #3C3C3C; font-size: 30px; font-weight: 300; letter-spacing: 1.2px; margin: 60px 0 10px 0; text-align: center; } .detail-con-title5 { border-bottom: 2px solid #818181; color: #3c3c3c; font-size: 18px; font-weight: 500; letter-spacing: 1.2px; margin: 45px auto; padding-bottom: 7px; text-align: left; } .detail-con-title6 { color: #3C3C3C; font-size: 30px; font-weight: 300; letter-spacing: 1.2px; margin: 40px 0; text-align: center; } .detail-cover-con-certificates { display: inline-block; margin: 0 auto 20px auto; width: 100%; } .detail-cover-con-certificates ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 638px; position: relative; width: 100%; } .detail-cover-con-certificates ul li { float: left; position: relative; text-align: center; padding: 0 2%; width: calc(100%/3);} /* 20.09.17 - Certificates - 수정 */ /*.detail-cover-con-certificates ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 15px 40px; }*/ .detail-cover-con-certificates ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 15px 0px; } .detail-cover-con-certificates ul li span:nth-child(4) { color: #818181; display: block; font-size: 13px; padding: 10px 0 15px 0; } .detail-feature-con { float: left; margin-bottom: 25px; overflow: hidden; text-align: center; width: 100%; } .detail-feature-con:nth-last-child(1) { margin-top: 30px; } .detail-feature-con-left { float: left; width: 66%; } .detail-feature-con-photo-frame-aluminum { display: inline-block; margin: 30px auto; width: 100%; } .detail-feature-con-photo-frame-aluminum li strong { color: #3c3c3c; display: block; font-size: 24px; margin: 20px 0px 20px 0px; } .detail-feature-con-photo-frame-aluminum ul { display: flex; flex-flow: row wrap; margin: 0 auto; position: relative; width: 100%; } .detail-feature-con-photo-frame-aluminum ul li { background-color: #f5f5f5; margin: 10px; width: calc((100% / 2) - 20px); float: left; position: relative; text-align: center; } .detail-feature-con-photo-frame-aluminum ul li span { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; padding: 0 0 30px 0; } .detail-feature-con-right { float: right; width: 31.7%; } .detail-feature-title p { color: #212121; font-size: 32px; font-weight: 300; letter-spacing: 1.2px; text-align: center; width: 100%; } .detail-frame-con-certificates { display: inline-block; margin: 0 auto 20px auto; width: 100%; } .detail-frame-con-certificates ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 1030px; position: relative; width: 100%; } .detail-frame-con-certificates ul li { padding: 0 1.55%; width: calc(100%/5); float: left; position: relative; text-align: center; } .detail-frame-con-certificates ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 15px 0; } .detail-optioin-con-photo-frame-aluminum { display: inline-block; margin: 0 auto 60px auto; width: 100%; } .detail-optioin-con-photo-frame-aluminum ul { display: inline-block; margin: 0 auto; max-width: 776px; position: relative; width: 100%; } .detail-optioin-con-photo-frame-aluminum ul li { position: relative; text-align: center; } .detail-optioins1-con-canvas-frame { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins1-con-canvas-frame ul { display: inline-block; margin: 0 auto; max-width: 828px; position: relative; width: 100%; } .detail-optioins1-con-canvas-frame ul li { position: relative; text-align: center; } .detail-optioins1-con-canvas-frame ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; font-weight: 300; line-height: 24px; padding: 15px 0 0 0; } .detail-optioins1-con-canvas-frame ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-optioins1-con-canvas-frame ul li span:nth-child(4) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-optioins1-con-compact-mirror { display: inline-block; font-weight: 300; padding: 0 0 30px 0; } .detail-optioins1-con-epoxy-free { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins1-con-epoxy-free ul { display: inline-block; margin: 0 auto; max-width: 1000px; position: relative; width: 100%; } .detail-optioins1-con-epoxy-free ul li { position: relative; text-align: center; } .detail-optioins1-con-leather-cover-note { display: inline-block; margin: 30px auto; width: 100%; } .detail-optioins1-con-leather-cover-note ul li { float: left; position: relative; text-align: center; } .detail-optioins1-con-mouse-pad { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins1-con-mouse-pad ul { display: inline-block; margin: 0 auto; max-width: 543px; position: relative; width: 100%; } .detail-optioins1-con-mouse-pad ul li { position: relative; text-align: center; } .detail-optioins1-con-mouse-pad ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; font-weight: 300; line-height: 24px; padding: 15px 0 10px 0; } .detail-optioins1-con-mouse-pad ul li span:nth-child(3) { color: #818181; display: block; font-size: 13px; line-height: 24px; } .detail-optioins1-con-mouse-pad ul li span:nth-child(4) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-optioins1-con-phone-grip { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins1-con-phone-grip ul li { float: left; position: relative; text-align: center; } .detail-optioins1-con-portfolio_booklet { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins1-con-portfolio_booklet ul { display: inline-block; margin: 0 auto; max-width: 844px; position: relative; width: 100%; } .detail-optioins1-con-portfolio_booklet ul li { position: relative; text-align: center; } .detail-optioins1-con-portfolio_booklet ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; font-weight: 300; line-height: 24px; padding: 15px 0 10px 0; } .detail-optioins1-con-portfolio_booklet ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; padding: 15px 0 20px 0; } .detail-optioins1-con-portfolio_booklet ul li:nth-child(2) { position: relative; text-align: left; } .detail-optioins1-con-portfolio_sheet { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins1-con-portfolio_sheet ul { display: inline-block; margin: 0 auto; max-width: 945px; position: relative; width: 100%; } .detail-optioins1-con-portfolio_sheet ul li { position: relative; text-align: center; } .detail-optioins1-con-portfolio_sheet ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; font-weight: 300; line-height: 24px; padding: 15px 0 10px 0; } .detail-optioins1-con-portfolio_sheet ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; padding: 15px 0 20px 0; } .detail-optioins1-con-portfolio_sheet ul li:nth-child(2) { position: relative; text-align: left; } .detail-optioins2-con-compact-mirror { display: inline-block; width: 100%; } .detail-optioins2-con-compact-mirror ul { display: inline-block; margin: 0 auto; max-width: 861px; position: relative; width: 100%; } .detail-optioins2-con-compact-mirror ul li { float: left; position: relative; text-align: center; } .detail-optioins2-con-compact-mirror ul li { padding: 0 4%; width: calc(100%/3); } .detail-optioins2-con-compact-mirror ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 30px 0; } .detail-optioins3-con-compact-mirror { display: inline-block; width: 100%; } .detail-optioins3-con-compact-mirror ul { display: inline-block; margin: 0 auto; max-width: 705px; position: relative; width: 100%; } .detail-optioins3-con-compact-mirror ul li { float: left; position: relative; text-align: center; } .detail-optioins3-con-compact-mirror ul li { padding: 0 4%; width: calc(100%/2); } .detail-optioins3-con-compact-mirror ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 30px 0; } .detail-optioins-con-acrylic-keyring-template { display: inline-block; margin: 30px auto; width: 100%; } .detail-optioins-con-acrylic-keyring-template ul { display: flex; flex-flow: row wrap; margin: 0 auto; position: relative; width: 100%; } .detail-optioins-con-acrylic-keyring-template ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-acrylic-keyring-template ul li { padding: 0 2%; width: calc(100%/4); } .detail-optioins-con-acrylic-keyring-template ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 5px 0; } .detail-optioins-con-acrylic-keyring-template ul li span:nth-child(3) { color: #818181; display: block; font-size: 13px; padding: 0 0 5px 0; } .detail-optioins-con-acrylic-keyring-template ul li span:nth-child(4) { color: #e20f21; display: block; font-size: 13px; padding: 0 0 0px 0; } .detail-optioins-con-acrylic-keyring-template ul li span:nth-child(5) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 5px 0; } .detail-optioins-con-acrylic-keyring-template ul li span:nth-child(6) { color: #818181; display: block; font-size: 13px; padding: 0 0 5px 0; } .detail-optioins-con-acrylic-keyring-template ul li span:nth-child(7) { color: #e20f21; display: block; font-size: 13px; padding: 0 0 20px 0; } .detail-optioins-con-acrylic-standee { display: inline-block; margin: 30px auto; width: 100%; } .detail-optioins-con-acrylic-standee ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 1012px; position: relative; width: 100%; } .detail-optioins-con-acrylic-standee ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-acrylic-standee ul li { padding: 0 4%; width: calc(100%/4); } .detail-optioins-con-acrylic-standee ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 5px 0; } .detail-optioins-con-acrylic-standee ul li span:nth-child(3) { color: #818181; display: block; font-size: 13px; padding: 0 0 5px 0; } .detail-optioins-con-acrylic-standee ul li span:nth-child(4) { color: #e20f21; display: block; font-size: 13px; padding: 0 0 25px 0; } .detail-optioins-con-blinding-note { display: inline-block; margin: 30px auto; width: 97%; } .detail-optioins-con-blinding-note ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 521px; position: relative; width: 100%; } .detail-optioins-con-blinding-note ul li { padding: 0 3%; width: calc(100%/2); } .detail-optioins-con-blinding-note ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-blinding-note ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 15px 0; } .detail-optioins-con-blinding-note ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; padding: 0 0 15px 0; } .detail-optioins-con-drop-banner { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-drop-banner ul { display: inline-block; margin: 0 auto; position: relative; width: 100%; } .detail-optioins-con-drop-banner ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-drop-banner ul li { padding: 0 2% 2% 2%; width: calc(100%/3); } .detail-optioins-con-drop-banner ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 30px 0; } .detail-optioins-con-employee-card { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-employee-card ul { display: inline-block; margin: 0 auto; max-width: 700px; position: relative; width: 100%; } .detail-optioins-con-employee-card ul li { padding: 0 0 50px 0; width: 100%; } .detail-optioins-con-employee-card ul li span:nth-of-type(1) { color: #606060; display: block; font-size: 13px; line-height: 24px; text-align: left; } .detail-optioins-con-employee-card ul li span:nth-of-type(2) { color: #606060; display: block; font-size: 13px; line-height: 24px; text-align: left; } .detail-optioins-con-employee-card ul li span:nth-of-type(3) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; text-align: left; } .detail-optioins-con-epoxy-magnet { display: inline-block; margin: 30px auto; width: 97%; } .detail-optioins-con-epoxy-magnet ul { display: flex; flex-flow: row wrap; margin: 0 auto; position: relative; width: 100%; } .detail-optioins-con-epoxy-magnet ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-epoxy-magnet ul li { padding: 0 1.65%; width: calc(100%/4); } .detail-optioins-con-epoxy-magnet ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 15px 0; } .detail-optioins-con-epoxy-magnet ul li span:nth-child(4) { color: #e20f21; display: block; font-size: 13px; padding: 0 0 15px 0; } .detail-optioins-con-epoxy-metal-keyring { display: inline-block; margin: 30px auto; width: 100%; } .detail-optioins-con-epoxy-metal-keyring ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 1044px; position: relative; width: 100%; } .detail-optioins-con-epoxy-metal-keyring ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-epoxy-metal-keyring ul li { padding: 0 1%; width: calc(100%/4); } .detail-optioins-con-epoxy-metal-keyring ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 5px 0; } .detail-optioins-con-epoxy-metal-keyring ul li span:nth-child(3) { color: #818181; display: block; font-size: 13px; padding: 0 0 5px 0; } .detail-optioins-con-epoxy-metal-keyring ul li span:nth-child(4) { color: #e20f21; display: block; font-size: 13px; padding: 0 0 25px 0; } .detail-optioins-con-epoxy-multi { display: inline-block; margin: 0 auto 60px auto; width: 100%; } .detail-optioins-con-epoxy-multi ul { display: inline-block; margin: 0 auto; max-width: 776px; position: relative; width: 100%; } .detail-optioins-con-epoxy-multi ul li { position: relative; text-align: center; } .detail-optioins-con-faux-leather-cover-notebooks { display: inline-block; margin: 30px auto; width: 100%; } .detail-optioins-con-faux-leather-cover-notebooks ul { display: inline-block; margin: 0 auto; position: relative; width: 100%; } .detail-optioins-con-faux-leather-cover-notebooks ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-faux-leather-cover-notebooks ul li { padding: 1% 1% 1% 1%; width: calc(100%/4); } .detail-optioins-con-faux-leather-cover-notebooks ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 30px 0; } .detail-optioins-con-foamboard { display: inline-block; margin: 30px auto; width: 100%; } .detail-optioins-con-foamboard ul { display: flex; flex-flow: row wrap; margin: 0 auto; position: relative; width: 100%; } .detail-optioins-con-foamboard ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-foamboard ul li { padding: 0 2%; width: calc(100% / 3); } .detail-optioins-con-foamboard ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 30px 0; } .detail-optioins-con-foamboard ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 30px 0; } .detail-optioins-con-hand-towel { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-hand-towel ul { display: inline-block; margin: 0 auto; position: relative; } .detail-optioins-con-hand-towel ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-hand-towel ul li span:nth-child(2) { color: #818181; display: block; font-size: 13px; line-height: 24px; padding: 15px 0 0 0; } .detail-optioins-con-hand-towel ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-hand-towel ul li span:nth-child(4) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-hot-stamped { display: inline-block; margin: 30px auto; width: 97%; } .detail-optioins-con-hot-stamped ul { display: inline-block; margin: 0 auto; max-width: 1000px; position: relative; width: 100%; } .detail-optioins-con-hot-stamped ul li { padding: 0 1%; width: calc((100%/3)); } .detail-optioins-con-hot-stamped ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-hot-stamped ul li { font-size: 13px; line-height: 24px; } .detail-optioins-con-hot-stamped ul li p { color: #212121; font-size: 32px; font-weight: 300; letter-spacing: 1.2px; } .detail-optioins-con-hot-stamped ul li span { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 20px 0; } .detail-optioins-con-id-photo { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-id-photo ul { display: inline-block; margin: 0 auto 40px 7%; position: relative; } .detail-optioins-con-id-photo ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-leather-cover-note { display: inline-block; margin: 0 auto 20px auto; width: 100%; } .detail-optioins-con-leather-cover-note ul { display: inline-block; margin: 0 auto; position: relative; } .detail-optioins-con-leather-cover-note ul li { position: relative; text-align: center; } .detail-optioins-con-leather-cover-note ul li span:nth-child(1) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-leather-cover-note ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-leather-cover-note ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-lettering { display: inline-block; margin: 30px auto; width: 100%; } .detail-optioins-con-lettering ul { display: flex; flex-flow: row wrap; margin: 0 auto; position: relative; width: 100%; } .detail-optioins-con-lettering ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-lettering ul li { padding: 0 2%; width: calc(100% / 3); } .detail-optioins-con-lettering ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 30px 0; } .detail-optioins-con-luggage-tag { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-luggage-tag img { display: inline-block; margin-bottom: 20px; width: auto; } .detail-optioins-con-luggage-tag ul { background-image: url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/GS/GSTRTAG_iconl_04.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/GS/GSTRTAG_iconl_04.png'); background-position: 32.9% 70%, 67.2% 70%; background-repeat: no-repeat; } .detail-optioins-con-luggage-tag ul { display: inline-block; max-width: 950px; position: relative; width: 100%; } .detail-optioins-con-luggage-tag ul li { margin: 0 0 60px 0; position: relative; text-align: center; } .detail-optioins-con-luggage-tag ul li span:nth-child(4) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-mouse-pad { display: inline-block; margin: 0 auto 30px 0; width: 100%; } .detail-optioins-con-mouse-pad ul li span:nth-child(1) { color: #3c3c3c; display: block; font-size: 13px; font-weight: 300; line-height: 24px; } .detail-optioins-con-passport-cover { display: inline-block; margin: 0 auto 20px auto; width: 100%; } .detail-optioins-con-passport-cover ul { display: inline-block; margin: 0 auto; position: relative; } .detail-optioins-con-passport-cover ul li { max-width: 465px; position: relative; text-align: center; width: 100%; } .detail-optioins-con-passport-cover ul li:nth-child(1) span { color: #e20f21; display: block; font-size: 13px; line-height: 24px; margin: 0 auto; } .detail-optioins-con-passport-cover ul li:nth-child(3) span:nth-child(1) { color: #606060; display: block; font-size: 13px; line-height: 24px; margin: 0 auto; } .detail-optioins-con-passport-cover ul li:nth-child(3) span:nth-child(2) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; margin: 0 auto 20px auto; } .detail-optioins-con-passport-cover ul li:nth-child(4) { margin: 0 auto 20px auto; max-width: 339px; position: relative; text-align: center; width: 100%; } .detail-optioins-con-passport-cover ul li:nth-child(4) span:nth-child(2) { color: #e20f22; display: block; font-size: 13px; line-height: 24px; margin: 20px auto 0 auto; } .detail-optioins-con-passport-cover ul li:nth-child(4) span:nth-child(3) { color: #606060; display: block; font-size: 13px; line-height: 24px; margin: 0 auto 40px auto; } .detail-optioins-con-passport-cover ul li:nth-child(5) span:nth-child(2) { color: #606060; display: block; font-size: 13px; font-weight: 600; line-height: 24px; margin: 20px auto 20px auto; } .detail-optioins-con-phone-grip { display: inline-block; margin: 0 auto 20px auto; width: 100%; } .detail-optioins-con-phone-grip ul { display: inline-block; margin: 0 auto; position: relative; } .detail-optioins-con-phone-grip ul li { max-width: 505px; position: relative; text-align: left; width: 100%; } .detail-optioins-con-phone-grip ul li span:nth-child(1) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; margin: 30px auto; } .detail-optioins-con-photo-puzzle { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-photo-puzzle ul { display: inline-block; margin: 0 auto; max-width: 498px; position: relative; width: 100%; } .detail-optioins-con-photo-puzzle ul li { position: relative; text-align: center; } .detail-optioins-con-photo-puzzle ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; padding: 15px 0 10px 0; } .detail-optioins-con-photo-puzzle ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-photo-puzzle ul li span:nth-child(4) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-photo-puzzle ul li span:nth-child(5) { color: #818181; display: block; font-size: 13px; line-height: 24px; padding: 0 0 35px 0; } .detail-optioins-con-postcard-book { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-postcard-book ul { display: inline-block; margin: 0 auto; position: relative; } .detail-optioins-con-postcard-book ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-postcard-book ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; padding: 15px 0 10px 0; } .detail-optioins-con-postcard-book ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-scodix-postcard { display: inline-block; margin: 0 auto; width: 97%; } .detail-optioins-con-scodix-postcard ul { display: inline-block; margin: 0 auto; max-width: 668px; position: relative; width: 100%; } .detail-optioins-con-scodix-postcard ul li { position: relative; text-align: center; } .detail-optioins-con-scodix-postcard ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; padding: 15px 0 10px 0; } .detail-optioins-con-scodix-postcard ul li span:nth-child(4) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-scodix-postcard ul li span:nth-child(5) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-scodix-postcard ul li span:nth-child(6) { color: #818181; display: block; font-size: 13px; line-height: 24px; padding: 0 0 35px 0; } .detail-optioins-con-single-sticker { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-single-sticker ul { display: inline-block; margin: 0 auto; max-width: 666px; position: relative; width: 100%; } .detail-optioins-con-single-sticker ul li { padding: 0 0 20px 0; position: relative; text-align: center; } .detail-optioins-con-spring-binding-note { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-spring-binding-note ul { display: inline-block; margin: 0 auto; position: relative; width: 80%; } .detail-optioins-con-spring-binding-note ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-spring-binding-note ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 15px 0; width: 100%; } .detail-optioins-con-spring-binding-note ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; padding: 0 0 15px 0; width: 100%; } .detail-optioins-con-tote-bag-direct { display: inline-block; margin: 0 auto; width: 100%; } .detail-optioins-con-tote-bag-direct ul { display: inline-block; margin: 0 auto; position: relative; } .detail-optioins-con-tote-bag-direct ul li { float: left; position: relative; text-align: center; } .detail-optioins-con-tote-bag-direct ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; padding: 15px 0 0 0; } .detail-optioins-con-tote-bag-direct ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-tote-bag-direct ul li span:nth-child(4) { color: #818181; display: block; font-size: 13px; line-height: 24px; padding: 15px 0 15px 0; } .detail-optioins-con-wrist-band { display: inline-block; margin: 0 auto; width: 97%; } .detail-optioins-con-wrist-band ul { display: inline-block; margin: 0 auto; max-width: 706px; position: relative; width: 100%; } .detail-optioins-con-wrist-band ul li { float: left; position: relative; text-align: center; } /* 20.09.09 - cheon - wristrug 사이즈 쪽 span 넓이 */ .detail-optioins-con-wrist-band ul li span:nth-child(3) { color: #3c3c3c; display: block; font-size: 13px; line-height: 24px; padding: 15px 0 0 0; } .detail-optioins-con-wrist-band ul li span:nth-child(4) { color: #818181; display: block; font-size: 13px; line-height: 24px; } .detail-optioins-con-wrist-band ul li span:nth-child(5) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; padding: 0 0 35px 0; } .detail-optioins-con-foil-stamp ul { display: inline-block; margin: 0 auto; position: relative; width: 100%; } .detail-optioins-con-foil-stamp ul li { position: relative; text-align: center; } .detail-optioins-con-foil-stamp ul li { float: left; } .detail-optioins-con-foil-stamp ul li { width: calc(100% / 2); } .detail-optioins-con-foil-stamp ul li:nth-child(2n) { padding-left: 33px; } .detail-optioins-con-foil-stamp ul li:nth-child(2n+1) { padding-right: 33px; } .detail-optioins-top-con-hand-towel { display: inline-block; margin: 0 auto 15px 0; max-width: 787px; width: 100%; } .detail-optioins-top-con-hand-towel ul li span:nth-child(1) { color: #e20f21; display: block; font-size: 13px; font-weight: 300; line-height: 24px; text-align: left; } .detail-productfeature li p { color: #696969; font-size: 13px; line-height: 20px; margin: 0; font-weight: 300;} .detail-productfeature li strong { color: #24326f; display: inline-block; font-size: 24px; font-weight: 500; margin: 24px 0 18px 0; } .detail-productfeature-mirror-button li p { color: #606060; font-size: 13px; line-height: 20px; font-weight: 300;} .detail-productfeature-mirror-button li strong { color: #24326f; display: inline-block; font-size: 24px; font-weight: 500; margin: 24px 0 18px 0; } .detail-seal-con-certificates { display: inline-block; margin: 0 auto 20px auto; width: 100%; } .detail-seal-con-certificates ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 638px; position: relative; width: 100%; } .detail-seal-con-certificates ul li { float: left; position: relative; text-align: center; } .detail-seal-con-certificates ul li { padding: 0 2%; width: calc(100%/3); } .detail-seal-con-certificates ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 15px 0; } .detail-seal-con-certificates ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; padding: 0 0 15px 0; } .detail-size-con-acrylic-frame { display: inline-block; margin: 0 auto; width: 100%; } .detail-size-con-acrylic-frame ul { display: inline-block; margin: 0 auto; max-width: 828px; position: relative; width: 100%; } .detail-size-con-acrylic-frame ul li { position: relative; text-align: center; } .detail-size-con-acrylic-frame ul li span:nth-child(2) { color: #3c3c3c; display: block; font-size: 13px; font-weight: 300; line-height: 24px; padding: 15px 0 15px 0; } .detail-size-con-acrylic-frame ul li span:nth-child(3) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-size-con-acrylic-frame ul li span:nth-child(4) { color: #e20f21; display: block; font-size: 13px; line-height: 24px; } .detail-size-con-pin-button { display: inline-block; margin: 30px auto; width: 100%; } .detail-size-con-pin-button ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 1044px; position: relative; width: 100%; } .detail-size-con-pin-button ul li { float: left; position: relative; text-align: center; } .detail-size-con-pin-button ul li { padding: 0 1%; width: calc(100%/4); } .detail-size-con-pin-button ul li span { color: #3c3c3c; display: block; font-size: 13px; padding: 15px 0 15px 0; } .detail-unit-con-scodix-postcard { color: #818181; font-size: 13px; padding: 60px; text-align: right; } .detail-unit-con-wrist-band { color: #818181; font-size: 13px; padding: 30px; text-align: right; } .easyorder_product_detail-con { display: inline-block; } .easyorder_production_note-con { line-height: 1.85; margin: 60px auto 60px auto; max-width: 945px; width: 100%; } .easyorder_production_note-con > div:nth-of-type(1) { font-size: 13px; margin: 30px 0; text-align: center; } .easyorder_production_note-con ul .product_note div span { color: #606060; font-size: 13px; font-weight: 300; } .easyorder_production_note-con ul .product_note div:nth-of-type(2n + 1) { float: left; padding: 3px 10px; width: 37px; } .easyorder_production_note-con ul .product_note div:nth-of-type(2n) { float: left; width: calc(100% - 37px); } .easyorder-feature-con { padding: 40px 0 50px; width: 100%; } .easyorder-feature-con div { color: #3c3c3c; font-size: 13px; margin: 10px auto; max-width: 850px; width: 100%; } .easyorder-feature-con img { max-width: 850px; width: 100%; } .easyorder-feature-con span { line-height: 1.85; } /* 20.09.08 - spot color 텍스트 높낮이로 변경 */ .entry-content .n_detail_desc:nth-of-type(1) .guide-con-title5 { --margin-top: 10px; } .finishing-flex-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto; width: 100%; } /*.finishing-flex-con > div { float: left; margin: 0 0 30px 0; width: 50%; }*/ .finishing-flex-con > div { width: 100%; } .finishing-flex-con > div .site-main { display: flex; flex-flow: row wrap; } .finishing-flex-con > div .site-main article:first-of-type { display: none; } .finishing-flex-con > div .site-main article { width: 50%; float: left; margin: 0 0 30px 0;} .finishing-flex-con h3 { display: none; } .finishing-flex-con p { color: #3c3c3c; font-size: 20px; line-height: 1.2; margin: 0 0 10px 0; } .finishing-flex-con span { color: #696969; font-size: 13px; line-height: 1.69; } .finishing-flex-con ul { margin: 0; } .designguide-flex-con > div { width: 100%; } /*.designguide-flex-con > div .site-main article { background-image:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/horizontal-rule.png'); background-position: center bottom; background-repeat: no-repeat; background-size: 2280px 33px;} .designguide-flex-con > div .site-main article:last-of-type, .designguide-flex-con > div .site-main article:first-of-type { background-image: none;}*/ .designguide-flex-con > div .site-main article:after { content: ""; background-image:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/horizontal-rule.png'); background-position: center bottom; background-repeat: no-repeat; background-size: 2280px 33px; width: 100%; height: 33px; display: inline-block; margin-top: -18px;} .designguide-flex-con > div .site-main article:last-of-type:after, .designguide-flex-con > div .site-main article:first-of-type:after { content: ""; background-image: none;} .neve-main .nv-content-wrap.entry-content { background-image:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/horizontal-rule.png'); background-position: center bottom; background-repeat: no-repeat; } .neve-main .nv-content-wrap.entry-content:last-of-type { background-image: none;} .finishing-flex-con .neve-main .nv-content-wrap.entry-content { background-image: unset;} .finishing-flex-con .neve-main .nv-content-wrap.entry-content:nth-of-type(2) { display: none; } .finishing-flex-con .neve-main .nv-content-wrap.entry-content { width: 50%; float: left; margin: 0 0 30px 0;} /* .site-content .wdpre-design-guideline { background-image:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/horizontal-rule.png'); background-position: center bottom; background-repeat: no-repeat;} .site-content:last-of-type .wdpre-design-guideline { background-image: none;} */ .n_detail_desc .font500 { display: unset !important; font-weight: 500; width: unset !important; } .guide-add-charges-con { margin: 0 auto 30px auto; width: 100%; } .guide-add-charges-con ul { display: flex; flex-flow: row wrap; margin: 0 auto; } .guide-add-charges-con ul li { text-align: center; width: calc(100% / 2); } .guide-add-charges-con ul li p { color: #212121; font-size: 18px; font-weight: 600; letter-spacing: 1.58px; line-height: 1.26; margin: 30px auto; } .guide-add-charges-con ul li span { color: #616161; display: block; font-size: 13px; font-weight: 300; line-height: 1.92; padding: 0; text-align: left; } .guide-add-charges-con ul li:nth-of-type(1) { background-image: url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_guide/hot_stamped_postcard/Arrow.png'); background-position: 54% 84%; background-repeat: no-repeat; } .guide-add-charges-con ul li:nth-of-type(2) div:nth-of-type(2n + 1) { float: left; margin-top: 3px; width: 42px; } .guide-add-charges-con ul li:nth-of-type(2) div:nth-of-type(2n) { float: left; margin-bottom: 20px; width: calc(100% - 42px); } .guide-add-charges-con ul li:nth-of-type(2) img { width: auto; } .guide-add-charges-con-8 { display: flex; flex-flow: row wrap; padding: 20px; width: 100%; } .guide-add-charges-con-8 div span { text-align: center !important; } .guide-add-charges-con-8 div:nth-of-type(3n + 1) { padding: 10% 10px; width: 37px; } .guide-add-charges-con-8 div:nth-of-type(3n + 2) { padding: 0 10px 20px 10px; width: calc((100% - 37px) / 2); } .guide-add-charges-con-8 div:nth-of-type(3n) { padding: 0 10px 20px 10px; width: calc((100% - 37px) / 2); } .guide-bright_correct-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 24px; margin: 0 auto 60px auto; max-width: 762px; text-align: center; width: 100%; } .guide-bright_correct-con > span { color: #606060; font-size: 13px; margin: 20px auto; width: 100%; } .guide-bright_correct-con div { width: 100%; } .guide-bright_correct-con div ul { float: left; width: 100%; } .guide-bright_correct-con div ul li { float: left; padding: 0 31px; width: calc(100% / 2); } .guide-bright_correct-con div ul li span { display: inline-block; margin-top: 10px; } .guide-button-cut-margin-con:nth-of-type(1) { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto; max-width: 862px; width: 100%; } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(1) { float: left; margin-bottom: 20px; width: 272px; } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) { float: left; width: calc(100% - 272px); } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) ul { display: flex; flex-flow: row wrap; margin: 0 auto; width: 100%; } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) ul li span { display: inline-block; margin-top: 1px; } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) ul li:nth-child(2) { color: #ec008b; } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) ul li:nth-child(3n + 1) { float: left; padding: 0 10px; width: 37px; } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) ul li:nth-child(3n + 2) { float: left; font-weight: bold; width: 95px; } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) ul li:nth-child(3n + 3) { float: left; margin-bottom: 10px; width: calc(100% - 37px - 95px); } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) ul li:nth-child(5) { color: #fec73b; } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) ul li:nth-child(8) { color: #44ad4b; } .guide-button-cut-margin-con:nth-of-type(2) { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto; max-width: 862px; width: 100%; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) { float: left; margin-bottom: 20px; width: 50%; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) { float: left; margin-bottom: 20px; width: 272px; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) { float: left; width: calc(100% - 272px); } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) ul { display: flex; flex-flow: row wrap; margin: 0 auto 10px auto; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(2) { color: #ec008b; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(2n - 1) { float: left; padding: 0 10px 10px; width: 37px; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(2n) { float: left; font-weight: bold; width: calc(100% - 37px); } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(4) { color: #fec73b; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(6) { color: #44ad4b; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(2) { float: left; margin-bottom: 20px; width: 50%; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) { float: left; margin-bottom: 20px; width: 272px; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) { float: left; width: calc(100% - 272px); } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) ul { margin: 0 auto; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) ul li:nth-of-type(1) { float: left; padding: 0 10px 10px; width: 37px; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) ul li:nth-of-type(2) { color: #fec73b; float: left; font-weight: bold; margin-bottom: 10px; width: calc(100% - 37px); } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) ul li:nth-of-type(3) { float: right; margin-bottom: 20px; width: calc(100% - 37px); } .guide-con-title1 { color: #696969; font-size: 30px; font-weight: 500; letter-spacing: 1.2px; line-height: 32px; margin: 30px auto 40px auto; text-align: center; width: 100%; } .guide-con-title2 { color: #212121; font-size: 30px; font-weight: 500; letter-spacing: 1.2px; line-height: 32px; margin: 30px auto 20px auto; text-align: center; width: 100%; } .guide-con-title3 { color: #212121; font-size: 18px; font-weight: 500; letter-spacing: 1.2px; line-height: 32px; margin: 30px 0 20px 0; text-align: left; } .guide-con-title4 { color: #212121; font-size: 18px; font-weight: 500; letter-spacing: 1.2px; line-height: 32px; margin: 60px auto; text-align: center; width: 100%; } .guide-con-title5 { color: #696969; font-size: 30px; font-weight: 500; letter-spacing: 1.2px; line-height: 32px; margin: 45px auto 45px auto; text-align: center; width: 100%; } .guide-con-title-sub { color: #696969; display: inline-block; font-size: 16px; line-height: 25px; margin: 0 auto 50px; max-width: 570px; text-align: center; width: 100%; } .guide-con-title-sub-1 { color: #696969; display: inline-block; font-size: 16px; line-height: 25px; margin: 0 auto 0; max-width: 821px; width: 100%; } .guide-cut-margin-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto; max-width: 862px; width: 100%; } .guide-cut-margin-con > div:nth-of-type(1) { float: left; margin-bottom: 20px; width: 50%; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(1) { float: left; margin-bottom: 20px; width: 272px; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) { float: left; width: calc(100% - 272px); } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul { margin: 0 auto; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(2) { color: #e20f21; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(3n + 1) { float: left; padding: 0 10px; width: 37px; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(3n + 2) { float: left; font-weight: bold; width: calc(100% - 37px); } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(3n + 3) { float: left; padding: 0 10px 10px 37px; width: 100%; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(5) { color: #fec73b; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(8) { color: #39ae47; } .guide-cut-margin-con > div:nth-of-type(2) { float: left; margin-bottom: 20px; width: 50%; } .guide-cut-margin-con > div:nth-of-type(2) > div:nth-of-type(1) { float: left; margin-bottom: 20px; width: 312px; } .guide-cut-margin-con > div:nth-of-type(2) > div:nth-of-type(2) { float: left; width: calc(100% - 312px); } .guide-cut-margin-con > div:nth-of-type(2) > div:nth-of-type(2) ul { margin: 0 auto; } .guide-cut-margin-con > div:nth-of-type(2) > div:nth-of-type(2) ul li { color: #37ac50; padding-left: 10px; } .guide-editor-con { display: flex; flex-flow: row wrap; margin: 0 auto 40px auto; width: 100%; } .guide-editor-use-con { display: inline-block; margin: 70px auto; margin-bottom: 20px; max-width: 1000px; width: 100%; } .guide-editor-use-con ul { margin: 0; } .guide-editor-use-con ul li:nth-of-type(2) > div { color: #3c3c3c; font-size: 13px; line-height: 24px; margin: 0 auto; max-width: 374px; text-align: left; width: 100%; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(1) { float: left; margin-bottom: 8px; width: 20px; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(1) img, .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(5) img, .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(8) img { padding-top: 4px; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(10) { float: left; margin-bottom: 30px; padding: 0; width: calc(100% - 20px - 100px); } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(11) span { color: #e20f21; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(2) { float: left; --margin-bottom: 8px; padding: 2px 0 0 5px; width: 100px; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(3) { float: left; margin-bottom: 8px; padding: 0; width: calc(100% - 20px - 100px); } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(4) { float: left; margin-bottom: 30px; padding-left: 110px; width: 100%; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(4) img { margin-left: 10px; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(5) { float: left; margin-bottom: 8px; width: 20px; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(6) { float: left; --margin-bottom: 8px; padding: 2px 0 0 5px; width: 100px; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(7) { float: left; margin-bottom: 30px; padding: 0; width: calc(100% - 20px - 100px); } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(8) { float: left; margin-bottom: 8px; width: 20px; } .guide-editor-use-con ul li:nth-of-type(2) > div div:nth-of-type(9) { float: left; --margin-bottom: 8px; padding: 2px 0 0 5px; width: 100px; } .guide-editor-use-con ul li:nth-of-type(2) > div img { width: auto; } .guide-editor-wrap { display: inline-block; margin: 0 auto; text-align: center; width: 100%; } .guide-feature-con { margin-bottom: 25px; overflow: hidden; text-align: center; width: 100%; } .guide-kisscut-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto 10px auto; max-width: 824px; width: 100%; } .guide-kisscut-con > span { color: #606060; font-size: 13px; margin-bottom: 20px; } .guide-kisscut-con div { float: left; width: 100%; } .guide-kisscut-con div ul { float: left; width: 100%; } .guide-kisscut-con div ul li { float: left; margin-bottom: 20px; text-align: center; width: calc(100% / 2); } .guide-kisscut-con div ul li span { display: inline-block; max-width: 332px; text-align: left; } .guide-kisscut-con div ul li:nth-child(3) img { max-width: 337px; } .guide-kisscut-con div ul li:nth-child(4) img { max-width: 345px; } .guide-kisscut-con div ul li:nth-of-type(1) img, .guide-kisscut-con div ul li:nth-child(2) img { max-width: 392px; } .guide-logo_icon { float: left; margin: 10px 0 10px 0; width: 100%; } .guide-logo_icon ul { margin: 0; padding: 0; } .guide-logo_icon ul li:nth-of-type(1) img { float: left; margin-top: 7px; width: 45px; } .guide-logo_icon ul li:nth-of-type(2) { color: #3c3c3c; float: left; font-size: 24px; padding-left: 10px; width: calc(100% - 45px); } .guide-logo_icon ul li:nth-of-type(3) { color: #606060; float: left; font-size: 18px; padding-left: 10px; width: calc(100% - 45px); } .guide-metal-comp-design-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto 60px auto; max-width: 616px; width: 100%; } .guide-metal-comp-design-con > span { color: #606060; font-size: 13px; margin-bottom: 20px; text-align: center; width: 100%; } .guide-metal-comp-design-con div { float: left; width: 100%; } .guide-metal-comp-design-con div ul { float: left; width: 100%; } .guide-metal-comp-design-con div ul li { float: left; padding: 25px; text-align: center; width: calc(100% / 2); } .guide-metal-comp-design-con div ul li span { display: inline-block; max-width: 332px; text-align: center; } .guide-metal-comp-design-con div ul li:nth-child(3) img { max-width: 337px; } .guide-metal-comp-design-con div ul li:nth-child(4) img { max-width: 345px; } .guide-metal-comp-design-con div ul li:nth-of-type(1) img, .guide-metal-comp-design-con div ul li:nth-child(2) img { margin-bottom: 10px; max-width: 257px; } .guide-metal-resolution-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto 60px auto; max-width: 902px; width: 100%; } .guide-metal-resolution-con > div:nth-of-type(1) { margin-bottom: 20px; text-align: center; width: 100%; } .guide-metal-resolution-con > div:nth-of-type(1) > ul { margin: 0 auto; width: 100%; } .guide-metal-resolution-con > div:nth-of-type(1) > ul li { float: left; padding: 0 40px; width: calc(100% / 3); } .guide-metal-resolution-con > div:nth-of-type(1) > ul li span { display: inline-block; margin-top: 10px; } .guide-offset-con { display: flex; flex-flow: row wrap; margin: 0 auto 60px auto; max-width: 1140px; width: 100%; } .guide-offset-con > div:nth-of-type(1) { margin-bottom: 20px; text-align: center; width: 100%; } .guide-offset-con > div:nth-of-type(1) > ul { display: flex; flex-flow: row wrap; margin: 0 auto; width: 100%; } .guide-offset-con > div:nth-of-type(1) > ul li { padding: 0 72.7px; width: calc(100% / 3); } .guide-offset-con > div:nth-of-type(1) > ul li span { color: #606060; display: inline-block; font-size: 13px; margin: 10px auto 25px auto; } .guide-offset-con > div:nth-of-type(1) > ul li span img { padding-right: 5px; width: auto; } .guide-offset-con > div:nth-of-type(1) > ul li:nth-of-type(3) { padding: 0 29.6px; width: calc(100% / 3); } .guide-offset-con > span:nth-of-type(1) { color: #606060; font-size: 13px; padding: 0 0 30px 0; text-align: center; width: 100%; } .guide-pdf-logo_icon { float: left; margin: 10px 0 10px 0; width: 100%; } .guide-pdf-logo_icon ul { margin: 0; padding: 0; } .guide-pdf-logo_icon ul li:nth-of-type(1) img { float: left; width: 45px; } .guide-pdf-logo_icon ul li:nth-of-type(2) { float: left; padding: 7px 0 0 10px; width: calc(100% - 45px); } .guide-pdf-logo_icon ul li:nth-of-type(2) span { color: #3c3c3c; font-size: 24px; } .guide-pdf-save-con { display: inline-block; margin-bottom: 20px; width: 100%; } .guide-pdf-save-con ul { margin: 0; } .guide-pdf-save-con ul .sticker-indesign { display: flex; flex-flow: row wrap; } .guide-pdf-save-con ul .sticker-indesign div span { color: #606060; font-size: 13px; font-weight: 300; } .guide-pdf-save-con ul .sticker-indesign div:nth-of-type(2n + 1) { float: left; margin-bottom: 20px; padding: 0 10px; width: 37px; } .guide-pdf-save-con ul .sticker-indesign div:nth-of-type(2n) { float: left; margin-bottom: 20px; padding: 0 10px; width: calc(100% - 37px); } .guide-pdf-save-con ul li .sticker-indesign div:nth-of-type(1) { margin-top: 0; } .guide-precaution-con { margin: 0 auto 30px auto; width: 100%; } .guide-precaution-con ul { display: flex; flex-flow: row wrap; margin: 10px auto; width: 100%; } .guide-precaution-con ul li { float: left; text-align: center; } .guide-precaution-con ul li { width: calc(100% / 2); } .guide-precaution-con ul li p { color: #212121; font-size: 18px; font-weight: 600; letter-spacing: 1.58px; line-height: 1.26; margin: 30px auto; } .guide-precaution-con ul li span { color: #616161; display: block; font-size: 13px; line-height: 1.92; padding: 0px 20px 0px 40px; text-align: left; letter-spacing: 0; font-weight: 100;} .guide-precaution-con_button { margin: 0 auto 30px auto; width: 100%; } .guide-precaution-con_button ul { display: flex; flex-flow: row wrap; margin: 10px auto; width: 100%; } .guide-precaution-con_button ul:nth-of-type(1) li { width: 100%; } .guide-precaution-con_button ul:nth-of-type(2) { margin-top: 40px; max-width: 1000px; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(1) { float: left; width: 40%; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(1) img { max-width: 330px; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(2) { display: flex; flex-flow: row wrap; float: left; margin-top: 55px; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(2) { width: 60%; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(2) div:nth-of-type(2n + 1) img { width: 50px; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(2) div:nth-of-type(2n) { float: left; padding: 0 0 60px 0; } .guide-pre-con { margin: 0 auto 30px auto; width: 100%; } .guide-pre-con > ul > li { width: calc(100% / 2); } .guide-pre-con ul { display: flex; flex-flow: row wrap; margin: 0 auto; } .guide-pre-con ul li { float: left; position: relative; text-align: center; } .guide-pre-con ul li p { color: #212121; font-size: 18px; font-weight: 600; letter-spacing: 1.58px; line-height: 1.26; margin: 30px auto; } .guide-pre-con ul li span { color: #616161; display: block; font-size: 13px; font-weight: 300; line-height: 1.92; padding: 0px 20px 0px 40px; text-align: left; letter-spacing: 0;} .guide-pre-con-4 { display: flex; flex-flow: row wrap; padding: 20px; width: 100%; } .guide-pre-con-4 div { height: unset; padding: 5px 10px; width: calc(100% / 2); } .guide-pre-youtube-con { margin: 0 auto 30px auto; width: 100%; } .guide-pre-youtube-con > ul > li { width: calc(100% / 2); } .guide-pre-youtube-con ul { display: flex; flex-flow: row wrap; margin: 10px auto; width: 100%; } .guide-pre-youtube-con ul li { float: left; position: relative; text-align: center; } .guide-pre-youtube-con ul li p { color: #212121; font-size: 18px; font-weight: 600; letter-spacing: 1.58px; line-height: 1.26; margin: 30px auto; } .guide-pre-youtube-con ul li span { color: #616161; display: block; font-size: 13px; font-weight: 300; line-height: 20px; padding: 0px 20px 0px 40px; text-align: left; } .guide-resolution-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto 30px auto; max-width: 1020px; width: 100%; } .guide-resolution-con > div:nth-of-type(1) { margin-bottom: 20px; text-align: center; width: 100%; } .guide-resolution-con > div:nth-of-type(1) > ul { margin: 0 auto; width: 100%; } .guide-resolution-con > div:nth-of-type(1) > ul li { float: left; padding: 0 10px; width: calc(100% / 3); } .guide-resolution-con > div:nth-of-type(1) > ul li span { display: inline-block; margin-top: 10px; } .guide-saveillu-con { display: flex; flex-flow: row wrap; margin: 0 auto 60px auto; max-width: 858px; width: 100%; } .guide-saveillu-con > div:nth-of-type(2) { margin-bottom: 20px; width: 100%; } .guide-saveillu-con > div:nth-of-type(2) > ul li { float: left; padding: 10px; } .guide-saveillu-con > div:nth-of-type(2) > ul li img { width: 100%; } .guide-saveillu-con > div:nth-of-type(2) > ul li span { color: #606060; display: block; font-size: 13px; margin: 10px auto; text-align: center; } .guide-saveillu-con > div:nth-of-type(3) { margin-bottom: 20px; width: 100%; } .guide-saveillu-con > div:nth-of-type(3) > ul { display: inline-block; width: 100%; } .guide-saveillu-con > div:nth-of-type(3) > ul li div img { padding: 0 5px 0 18px; } .guide-saveillu-con > div:nth-of-type(3) > ul li img { width: auto; } .guide-saveillu-con > div:nth-of-type(3) > ul li span { color: #606060; font-size: 13px; line-height: 24px; text-align: left; } .guide-saveillu-con > div:nth-of-type(3) > ul li:nth-child(1) img { width: 100%; } .guide-saveillu-con > div:nth-of-type(4) { margin-bottom: 20px; width: 100%; } .guide-saveillu-con > div:nth-of-type(4) > ul { display: inline-block; width: 100%; } .guide-saveillu-con > div:nth-of-type(4) > ul li div img { padding: 0 5px 0 18px; } .guide-saveillu-con > div:nth-of-type(4) > ul li img { width: auto; } .guide-saveillu-con > div:nth-of-type(4) > ul li span { color: #606060; font-size: 13px; text-align: left; } .guide-saveillu-con > div:nth-of-type(4) > ul li:nth-child(1) img { width: 100%; } .guide-saveillu-con > span:nth-of-type(1) { color: #606060; font-size: 13px; padding: 0 0 30px 0; text-align: center; width: 100%; } .guide-savephotoshop-con { display: flex; flex-flow: row wrap; margin: 0 auto 60px auto; max-width: 892px; width: 100%; } .guide-savephotoshop-con > div:nth-of-type(2) > ul li img, .guide-savephotoshop-con > div:nth-of-type(3) > ul li img { width: 100%; } .guide-savephotoshop-con > div:nth-of-type(2) > ul li span, .guide-savephotoshop-con > div:nth-of-type(3) > ul li span { color: #606060; display: block; font-size: 13px; line-height: 24px; margin: 0 0 0 20px; text-align: left; } .guide-savephotoshop-con > div:nth-of-type(2) > ul li:nth-child(1), .guide-savephotoshop-con > div:nth-of-type(3) > ul li:nth-child(1) { float: left; width: 52%; } .guide-savephotoshop-con > div:nth-of-type(2) > ul li:nth-child(2), .guide-savephotoshop-con > div:nth-of-type(3) > ul li:nth-child(2) { float: left; width: 48%; } .guide-savephotoshop-con > div:nth-of-type(2) > ul li:nth-of-type(1) div:nth-of-type(1), .guide-savephotoshop-con > div:nth-of-type(3) > ul li:nth-of-type(1) div:nth-of-type(1) { float: left; margin-bottom: 25px; padding: 0 0.5% 0 0; width: 38.3%; } .guide-savephotoshop-con > div:nth-of-type(2) > ul li:nth-of-type(1) div:nth-of-type(2), .guide-savephotoshop-con > div:nth-of-type(3) > ul li:nth-of-type(1) div:nth-of-type(2) { float: left; padding: 0 0 0 0.5%; width: 61.7%; } .guide-savephotoshop-con > div:nth-of-type(2) > ul, .guide-savephotoshop-con > div:nth-of-type(3) > ul { margin: 0 auto; } .guide-savephotoshop-con > div:nth-of-type(2), .guide-savephotoshop-con > div:nth-of-type(3) { margin-bottom: 20px; width: 100%; } .guide-savephotoshop-con-4vs6 { display: inline-block; margin-bottom: 20px; width: 100%; } .guide-savephotoshop-con-4vs6 div ul { margin: 0; } .guide-savephotoshop-con-4vs6 div ul li span { color: #606060; font-size: 13px; line-height: 25px; text-align: left; } .guide-savephotoshop-con-4vs6 div ul li:nth-child(1) { float: left; padding: 0 10px; width: 37px; } .guide-savephotoshop-con-4vs6 div ul li:nth-child(2) { float: left; margin-bottom: 10px; width: calc(100% - 37px); } .guide-savephotoshop-con-4vs6 div:nth-child(1) { float: left; width: 43%; } .guide-savephotoshop-con-4vs6 div:nth-child(2) { float: left; width: 57%; } .guide-savephotoshop-con-4vs6 div:nth-child(2) { float: left; } .guide-single-sided-con { display: flex; flex-flow: row wrap; margin: 0 auto 40px auto; width: 100%; } .guide-single-sided-con ul { margin: 0 auto; max-width: 802px; width: 100%; } .guide-single-sided-con ul li { float: left; width: calc(100% / 2); } .guide-single-sided-con ul li:nth-of-type(2) img { margin-top: 12%; } .guide-single-sided-con ul li:nth-of-type(3) { width: 100%; } .guide-single-sided-con ul li:nth-of-type(3) div:nth-of-type(1) { float: left; margin-bottom: 10px; padding: 20px 10px; width: 37px; } .guide-single-sided-con ul li:nth-of-type(3) div:nth-of-type(2) { color: #606060; float: left; font-size: 13px; margin-bottom: 10px; padding: 20px 10px; width: calc(100% - 37px); } .guide-size-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto; max-width: 862px; width: 100%; } .guide-size-con div:nth-of-type(1) { float: left; margin-bottom: 20px; width: 272px; } .guide-size-con div:nth-of-type(2) { float: left; width: calc(100% - 272px); } .guide-size-con div:nth-of-type(2) ul { display: flex; flex-flow: row wrap; margin: 0 auto; width: 100%; } .guide-size-con div:nth-of-type(2) ul li span { display: inline-block; margin-top: 1px; } .guide-size-con div:nth-of-type(2) ul li:nth-child(2) { color: #e20f21; } .guide-size-con div:nth-of-type(2) ul li:nth-child(3n + 1) { float: left; padding: 0 10px; width: 37px; } .guide-size-con div:nth-of-type(2) ul li:nth-child(3n + 2) { float: left; font-weight: bold; width: 100px; } .guide-size-con div:nth-of-type(2) ul li:nth-child(3n + 3) { float: left; margin-bottom: 10px; padding: 0 10px; width: calc(100% - 37px - 100px); } .guide-size-con div:nth-of-type(2) ul li:nth-child(5) { color: #fec73b; } .guide-size-con div:nth-of-type(2) ul li:nth-child(8) { color: #39ae47; } .guide-sticker-indesign-save-con { display: inline-block; margin-bottom: 20px; width: 100%; } .guide-sticker-indesign-save-con ul { margin: 0; } .guide-sticker-indesign-save-con ul .sticker-indesign { display: flex; flex-flow: row wrap; } .guide-sticker-indesign-save-con ul .sticker-indesign div span { color: #606060; font-size: 13px; } .guide-sticker-indesign-save-con ul .sticker-indesign div:nth-of-type(2n + 1) { float: left; margin-bottom: 10px; padding: 0 10px; width: 37px; } .guide-sticker-indesign-save-con ul .sticker-indesign div:nth-of-type(2n) { float: left; margin-bottom: 10px; padding: 0 10px; width: calc(100% - 37px); } .guide-sticker-indesign-save-con ul li .sticker-indesign div:nth-of-type(1) { margin-top: 0; } .guide-sticker-save-con { display: flex; flex-flow: row wrap; margin: 0 auto 40px auto; max-width: 892px; width: 100%; } .guide-whitedata-con { display: flex; flex-flow: row wrap; margin: 0 auto 60px auto; max-width: 892px; width: 100%; } .guide-whitedata-con > div:nth-of-type(1) { margin-bottom: 20px; text-align: center; width: 100%; } .guide-whitedata-con > div:nth-of-type(1) > ul { display: flex; flex-flow: row wrap; margin: 0 auto; width: 100%; } .guide-whitedata-con > div:nth-of-type(1) > ul li { width: calc(100% / 2); } .guide-whitedata-con > div:nth-of-type(1) > ul li span { color: #606060; display: inline-block; font-size: 13px; margin: 10px 0 0 0; text-align: center; } .guide-whitedata-con > div:nth-of-type(1) > ul li:nth-of-type(1) { padding: 0 10px 20px 0; } .guide-whitedata-con > div:nth-of-type(1) > ul li:nth-of-type(2) { padding: 0 0 20px 10px; } .guide-whitedata-con > span:nth-of-type(1) { color: #606060; font-size: 13px; padding: 0 0 30px 0; text-align: center; width: 100%; } .guide-whiteguide-con { display: flex; flex-flow: row wrap; margin: 0 auto 60px auto; max-width: 892px; width: 100%; } .guide-whiteguide-con > div:nth-of-type(1) { margin-bottom: 20px; text-align: center; width: 100%; } .guide-whiteguide-con > div:nth-of-type(1) > ul { display: flex; flex-flow: row wrap; margin: 0 auto; width: 100%; } .guide-whiteguide-con > div:nth-of-type(1) > ul li { width: calc(100% / 2); } .guide-whiteguide-con > div:nth-of-type(1) > ul li img:nth-child(3) { width: auto; } .guide-whiteguide-con > div:nth-of-type(1) > ul li span { color: #606060; display: inline-block; font-size: 13px; margin: 10px 0 20px 0; text-align: center; } .guide-whiteguide-con > div:nth-of-type(1) > ul li:nth-child(3n + 2) { padding: 0 10px 0 0; } .guide-whiteguide-con > div:nth-of-type(1) > ul li:nth-child(3n + 3) { padding: 0 0 0 10px; } .guide-whiteguide-con > div:nth-of-type(1) > ul li:nth-of-type(3n + 1) { padding-bottom: 10px; text-align: left; width: 100%; } .guide-whiteguide-con > div:nth-of-type(1) > ul li:nth-of-type(3n + 1) img:nth-of-type(1) { width: auto; } .guide-whiteguide-con > span:nth-child(2) { color: #606060; font-size: 18px; padding: 0 0 10px 0; text-align: center; width: 100%; } .guide-whiteguide-con > span:nth-child(3) { color: #606060; font-size: 13px; padding: 0 0 30px 0; text-align: center; width: 100%; } .guide-without-cutting-line-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto 60px auto; max-width: 1020px; width: 100%; } .guide-without-cutting-line-con div { margin-bottom: 20px; text-align: center; width: 100%; } .guide-without-cutting-line-con div ul li { margin: 0 auto; max-width: 510px; width: 100%; } .guide-without-cutting-line-con div ul li div { float: left; width: calc(100% / 3); } .guide-wrist_band-con { color: #606060; display: flex; flex-flow: row wrap; font-size: 13px; line-height: 24px; margin: 0 auto 60px auto; max-width: 824px; width: 100%; } .guide-wrist_band-con > span { color: #606060; font-size: 13px; margin: 0 auto; max-width: 498px; text-align: left; width: 100%; } .guide-wrist_band-con div { width: 100%; } .guide-wrist_band-con div ul { float: left; width: 100%; } .guide-wrist_band-con div ul li { float: left; padding: 0 10px 20px 10px; width: calc(100% / 2); } .guide-wrist_band-con div ul li > div:nth-of-type(1) { background-color: #e1e1e1; display: flex; flex-flow: row wrap; padding: 15px 0; } .guide-wrist_band-con div ul li > div:nth-of-type(2) { padding: 10px 0 10px 25px; width: 100%; } .guide-wrist_band-con div ul li > div:nth-of-type(2) img { padding-right: 5px; width: auto; } .guide-wrist_band-con div ul li > div:nth-of-type(3) { padding: 0 0 10px 25px; width: 100%; } .guide-wrist_band-con div ul li > div:nth-of-type(3) img { width: auto; } .guide-wrist_band-con div ul li div div { float: left; } .guide-wrist_band-con div ul li div div:nth-of-type(2n) { padding: 20px 35px 20px 0; width: calc(100% - 50px); } .guide-wrist_band-con div ul li div div:nth-of-type(2n+1) { padding: 23px 10px 20px 10px; text-align: right; width: 50px; } .guide-wrist_band-con div ul li div div:nth-of-type(2n+1) img { width: auto; } .n_detail_desc { left: 0; margin: 0 auto; max-width: 1140px; right: 0; width: 100%; } .n_detail_desc .n_guide-line-con { color: #606060; display: flex; display: inline-block; flex-flow: row wrap; font-size: 13px; line-height: 20px; margin: 0 auto; text-align: center; width: 100%; } .n_detail_desc .n_guide-line-con .design-instructions { margin: 0 auto; max-width: 821px; } .n_detail_desc .n_guide-line-con .design-instructions .design-instructions_mb { display: none; width: 100%; } .n_detail_desc .n_guide-line-con .design-instructions > div { display: inline-block; width: 100%; } .n_detail_desc .n_guide-line-con .design-instructions-button { margin: 0 auto; max-width: 551px; } .n_detail_desc .n_guide-line-con .design-instructions-button .design-instructions_pc:nth-of-type(2) { margin-top: 30px; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con { display: inline-block; margin-bottom: 20px; text-align: left; width: 100%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul { margin: 0; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con { display: flex; flex-flow: row wrap; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con div span { color: #696969; font-size: 16px; font-weight: 300; line-height: 25px; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con:nth-of-type(2) { margin-top: 20%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul li .n_guide-illust-list-con div:nth-of-type(1) { margin-top: 0; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con.export_lv1 { margin-top: 6%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con.export_lv2 { margin-top: 17%; } .n_detail_desc img { --height: auto; vertical-align: middle; width: 100%; } .n_detail_desc span { font-weight: unset; } .entry-content img { height: auto; } .n_guide-illust-list-con div img { width: 25px!important; } .n_guide-pdf-logo_icon { display: inline-block; margin-top: 50px; width: 100%; } .n_guide-pdf-logo_icon ul { display: flex; padding-bottom: 25px; } .n_guide-pdf-logo_icon ul li:nth-of-type(1) img { float: left; height: 75px; width: 77px; } .n_guide-pdf-logo_icon ul li:nth-of-type(2) span { color: #696969; display: inline-block; font-size: 24px; font-weight: 500; letter-spacing: 0.75px; padding: 22px 0 0 20px; } .n_resolution-line-con { color: #696969; display: flex; flex-flow: row wrap; font-size: 16px; line-height: 25px; margin: 0 auto; width: 100%; } .n_resolution-line-con .n_resolution-line-con-img ul { display: flex; flex-flow: row wrap; margin-bottom: 20px; width: 100%; } .n_resolution-line-con .n_resolution-line-con-img ul li { float: left; padding: 0 10px; text-align: center; width: calc(100% / 3); } .n_resolution-line-con .n_resolution-line-con-img ul li img { margin-bottom: 20px; } .n_resolution-line-con .n_resolution-line-con-img ul li img:nth-of-type(2) { height: 59px; width: 59px; } .n_resolution-line-con .n_resolution-line-con-img ul li span { display: block; width: 100%; } .red-roi-product-panel .red-roi-product-panel-body .red-roi-warning-text #sco_pop { color: #24326f; cursor: pointer; font-weight: bold; text-decoration: none !important; } .red-roi-product-panel .red-roi-product-panel-body .red-roi-warning-text #sco_pop:hover { text-decoration: underline !important; } .site-content img { --height: auto; vertical-align: middle; max-width: 100%; } .finishing-flex-con .neve-main img { height: auto; vertical-align: middle; max-width: 100%; } .youtube-3 { background-color: #f6f6f6; border: 1px solid #979797; border-radius: 3px; color: #616161; cursor: pointer; float: left; font-size: 12px; font-weight: bold; margin: 0 5px; padding: 5px 0; width: calc((100% / 3) - 10px); } .youtube-3.active { background-color: #ee5756; border: #ee5756; color: #FFFFFF; } .youtube-9 { cursor: pointer; float: left !important; margin: 0 5px !important; width: 18px !important; } .youtube-9.active { color: #FFFFFF; moz-transform: scale(1.3); o-transform: scale(1.3); transform: scale(1.3); webkit-transform: scale(1.3); } .youtube-9-title { border: 0; color: #3c3c3c; font-size: 13px; margin: 2px 0 0 0; padding: 0; width: 85px !important; } .youtube-container { height: 0; overflow: hidden; padding-bottom: 56.4%; position: relative; } .youtube-container iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } @media ( max-width: 650px ) { .detail-feature-con:nth-last-child(1) img { left: 50%!important; position: relative!important; top: 128px !important; transform: translate(-50%, -50%)!important; width: 650px; max-width: unset;} } @media (max-width: 767px) { .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con.export_lv1 { margin-top: 0; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con.export_lv2 { margin-top: 0; } .guide-pdf-save-con ul li { float: unset; margin: 0 auto 20px auto; max-width: 390px; padding: 0; width: 100%; } .guide-pdf-logo_icon > ul { margin: 0 auto; max-width: 500px; width: 100%; } .finishing-flex-con { margin: 0 auto; max-width: 500px; width: 100%; } .finishing-flex-con > div { float: left; margin-bottom: 20px; width: 100%; } .finishing-flex-con > div > div { float: left; text-align: center; width: 100%; } .finishing-flex-con > div > div { float: left; text-align: center; width: 100%; } .finishing-flex-con > div > div > div > img { margin-bottom: 20px; max-width: 300px; width: 100%; } .finishing-flex-con > div > div:nth-of-type(2) { text-align: left; } .finishing-flex-con div > h3 { text-align: center; } .finishing-flex-con > div .wdpre-finishing-info-img img { margin-bottom: 20px; max-width: 300px; width: 100%; height: auto;} .finishing-flex-con > div .site-main article { width: 100%; } .finishing-flex-con .neve-main .nv-content-wrap.entry-content { width: 100%; text-align: center; } .guide-editor-use-con ul li { float: unset; margin: 0 auto 20px auto; max-width: 390px; padding: 0; width: 100%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con div { text-align: center; width: 100%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con div img { height: 50px; width: 50px; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con div:nth-of-type(2n + 1) { padding: 10px; text-align: center; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con div:nth-of-type(2n) { padding-bottom: 20px; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul li { float: unset; margin: 0 auto 20px auto; max-width: 374px; padding: 0; width: 100%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(2) li:nth-of-type(1) { order: 2; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(2) li:nth-of-type(2) { order: 1; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(2) ul { display: flex; flex-basis: 100%; flex-flow: wrap; flex-grow: 1; margin: 0 auto; max-width: 374px; width: 100%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(3) li:nth-of-type(1) { order: 2; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(3) li:nth-of-type(2) { order: 1; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(3) ul { display: flex; flex-basis: 100%; flex-flow: wrap; flex-grow: 1; margin: 0 auto; max-width: 374px; width: 100%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(4) li:nth-of-type(1) { order: 2; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(4) li:nth-of-type(2) { order: 1; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(4) ul { display: flex; flex-basis: 100%; flex-flow: wrap; flex-grow: 1; margin: 0 auto; max-width: 374px; width: 100%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(5) li:nth-of-type(1) { order: 2; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(5) li:nth-of-type(2) { order: 1; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(5) ul { display: flex; flex-basis: 100%; flex-flow: wrap; flex-grow: 1; margin: 0 auto; max-width: 374px; width: 100%; } .n_guide-pdf-logo_icon { text-align: center; } .n_guide-pdf-logo_icon ul { display: inline-block; max-width: 374px; } .n_guide-pdf-logo_icon ul li { text-align: center; width: 100%; } .n_guide-pdf-logo_icon ul li:nth-of-type(1) img { float: unset; } .guide-bright_correct-con div ul li { float: unset; margin: 0 auto 20px auto; max-width: 391px; width: 100%; } .n_detail_desc .n_guide-line-con .design-instructions-button .design-instructions_mb { display: block; } .n_detail_desc .n_guide-line-con .design-instructions-button .design-instructions_mb img { margin: 0 auto; margin-bottom: 30px; } .n_detail_desc .n_guide-line-con .design-instructions-button .design-instructions_mb img:nth-of-type(1) { display: block; max-width: 264px; } .n_detail_desc .n_guide-line-con .design-instructions-button .design-instructions_mb img:nth-of-type(2) { display: block; max-width: 175px; } .n_detail_desc .n_guide-line-con .design-instructions-button .design-instructions_mb img:nth-of-type(3) { display: block; max-width: 313px; } .n_detail_desc .n_guide-line-con .design-instructions-button .design-instructions_pc { display: none; } .guide-pre-youtube-con ul { margin: 10px auto; width: 100%; } .guide-pre-youtube-con ul li { margin: 2px auto; max-width: 570px; width: 100%; } .guide-pre-youtube-con ul li span { padding: 0px 20px 0px 20px; } .guide-pre-youtube-con ul li:nth-of-type(2) { margin: 10px auto; padding: 0 0 20px 0; } .youtube-3 { margin: 0 5px !important; padding: 5px 0 !important; width: calc((100% / 3) - 10px) !important; } .guide-add-charges-con ul li { margin: 0 auto; max-width: 570px; width: 100%; } .guide-add-charges-con ul li span { padding: 0px 20px 0px 20px; } .guide-add-charges-con ul li:nth-of-type(2) { margin: 10px auto; padding: 0 0 20px 0; } .guide-wrist_band-con div ul li { float: unset; margin: 0 auto 20px auto; max-width: 391px; width: 100%; } .guide-precaution-con ul li { margin: 0 auto; max-width: 570px; width: 100%; } .guide-precaution-con ul li span { padding: 0px 20px 0px 20px; } .guide-precaution-con ul li:nth-of-type(2) { margin: 10px auto; padding: 0 0 20px 0; } .guide-single-sided-con ul li { float: unset; margin: 0 auto 20px auto; max-width: 376px; padding: 0; width: 100%; } .guide-sticker-indesign-save-con ul li { float: unset; margin: 0 auto 20px auto; max-width: 390px; padding: 0; width: 100%; } .n_resolution-line-con .n_resolution-line-con-img ul li { display: inline-block; margin: 0 auto 70px; width: 100%; } .n_resolution-line-con .n_resolution-line-con-img ul li div { margin: 0 auto; max-width: 358px; } .guide-savephotoshop-con { max-width: 500px; } .guide-savephotoshop-con > div:nth-of-type(2) > ul li:nth-child(1), .guide-savephotoshop-con > div:nth-of-type(3) > ul li:nth-child(1) { float: unset; margin: 0 auto; max-width: 463px; width: 100%; } .guide-savephotoshop-con > div:nth-of-type(2) > ul li:nth-child(2), .guide-savephotoshop-con > div:nth-of-type(3) > ul li:nth-child(2) { float: left; max-width: 463px; width: 100%; } .guide-savephotoshop-con-4vs6 div:nth-child(1) { float: unset; margin: 0 auto; max-width: 382px; width: 100%; } .guide-savephotoshop-con-4vs6 div:nth-child(2) { padding: 10 0 0 0; width: 100%; } .guide-saveillu-con > div:nth-of-type(2) > ul { margin: 0 auto; max-width: 300px; width: 100%; } .guide-saveillu-con > div:nth-of-type(2) > ul li:nth-of-type(3n + 1) { float: unset; margin: 0 auto; max-width: 165px; } .guide-saveillu-con > div:nth-of-type(2) > ul li:nth-of-type(3n) { margin-bottom: 100px; } .guide-saveillu-con > div:nth-of-type(3) > ul li { float: unset; margin: 0 auto; max-width: 390px; width: 100%; } .guide-saveillu-con > div:nth-of-type(3) > ul li div { margin: 10px 0 0 0; width: 100%; } .guide-saveillu-con > div:nth-of-type(4) > ul li { float: unset; margin: 0 auto; max-width: 390px; width: 100%; } .guide-saveillu-con > div:nth-of-type(4) > ul li div { margin: 10px 0 0 0; width: 100%; } .guide-metal-comp-design-con div { margin: 0 auto; max-width: 392px; width: 100%; } .guide-metal-comp-design-con div ul li { float: left; width: 100%; } .guide-con-title3 { margin: 0px auto 20px auto; max-width: 500px; width: 100%; } .guide-logo_icon > ul { margin: 0 auto; max-width: 500px; width: 100%; } .guide-pre-con ul li { margin: 0 auto; max-width: 570px; width: 100%; } .guide-pre-con ul li span { padding: 0px 20px 0px 20px; } .guide-pre-con ul li:nth-of-type(2) { margin: 10px auto; padding: 0 0 20px 0; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(1) { float: left; margin: 0 auto 20px auto; margin-bottom: 20px; max-width: 500px; width: 100%; } .guide-button-cut-margin-con:nth-of-type(2) > div:nth-of-type(2) { float: left; margin: 0 auto 20px auto; margin-bottom: 20px; max-width: 500px; width: 100%; } .guide-metal-resolution-con > div:nth-of-type(1) { margin: 0 auto; max-width: 220px; width: 100%; } .guide-metal-resolution-con > div:nth-of-type(1) > ul li { padding: 10px; width: 100%; } .detail-compare-con-canvas-frame { display: block; max-width: 331px; width: 100%; } .detail-compare-con-canvas-frame ul li { width: 100%; } .detail-con-title2 { font-size: 25px; font-weight: 500; } .detail-con-title3 { font-size: 25px; font-weight: 500; } .detail-cover-con-certificates { display: block; max-width: 336px; width: 100%; } .detail-cover-con-certificates ul li { max-width: 322px; padding: 0 0 20px 0; width: 100%; } .detail-feature-con-left { margin-bottom: 25px; width: 100%; } .detail-feature-con-photo-frame-aluminum { display: block; max-width: 562px; width: 100%; } .detail-feature-con-photo-frame-aluminum ul li { width: 100%; } .detail-feature-con-right { width: 100%; } .detail-frame-con-certificates { display: block; max-width: 336px; width: 100%; } .detail-frame-con-certificates ul li { max-width: 364px; padding: 0 4px; width: calc(50%); } .detail-optioin-con-photo-frame-aluminum { display: block; max-width: 387px; width: 100%; } .detail-optioins1-con-canvas-frame { display: block; width: 100%; } .detail-optioins1-con-epoxy-free { display: block; max-width: 476px; width: 100%; } .detail-optioins1-con-epoxy-free ul li { padding: 0 0 30px 0; width: 100%; } .detail-optioins1-con-leather-cover-note { display: inline-block; max-width: 361px; width: 100%; } .detail-optioins1-con-leather-cover-note ul li { padding: 20px 0; } .detail-optioins1-con-mouse-pad { display: block; max-width: 238px; width: 100%; } .detail-optioins1-con-phone-grip { display: inline-block; max-width: 370px; width: 100%; } .detail-optioins1-con-phone-grip ul li { padding: 20px 0; } .detail-optioins1-con-portfolio_booklet { display: block; max-width: 482px; width: 100%; } .detail-optioins1-con-portfolio_sheet { display: block; max-width: 482px; width: 100%; } .detail-optioins2-con-compact-mirror { display: block; margin: 0 auto; max-width: 218px; width: 100%; } .detail-optioins2-con-compact-mirror ul li { padding: 0 0 10px 0; width: 100%; } .detail-optioins3-con-compact-mirror { display: block; margin: 0 auto; max-width: 296px; width: 100%; } .detail-optioins3-con-compact-mirror ul li { padding: 0 0 10px 0; width: 100%; } .detail-optioins-con-acrylic-keyring-template { display: block; max-width: 336px; width: 100%; } .detail-optioins-con-acrylic-keyring-template ul li { padding: 0 4px; width: calc(50%); } .detail-optioins-con-acrylic-standee { display: block; max-width: 336px; width: 100%; } .detail-optioins-con-acrylic-standee ul li { padding: 0 4px; width: calc(50%); } .detail-optioins-con-blinding-note { display: block; max-width: 336px; width: 100%; } .detail-optioins-con-blinding-note ul li { padding: 0 4px; width: calc(50%); } .detail-optioins-con-drop-banner { display: block; max-width: 336px; width: 100%; } .detail-optioins-con-drop-banner ul li { padding: 0 4px 4px 4px; width: calc(50%); } .detail-optioins-con-employee-card { display: block; max-width: 313px; width: 100%; } .detail-optioins-con-epoxy-magnet { display: block; max-width: 336px; width: 100%; } .detail-optioins-con-epoxy-magnet ul li { padding: 0 4px; width: calc(50%); } .detail-optioins-con-epoxy-metal-keyring { display: block; max-width: 336px; width: 100%; } .detail-optioins-con-epoxy-metal-keyring ul li { padding: 0 4px; width: calc(50%); } .detail-optioins-con-epoxy-multi { display: block; max-width: 436px; width: 100%; } .detail-optioins-con-epoxy-multi ul li { padding: 0 0 30px 0; width: 100%; } .detail-optioins-con-faux-leather-cover-notebooks { display: block; max-width: 336px; width: 100%; } .detail-optioins-con-faux-leather-cover-notebooks ul li { padding: 0 4px 4px 4px; width: calc(50%); } .detail-optioins-con-foamboard { display: block; max-width: 376px; width: 100%; } .detail-optioins-con-foamboard ul { background-image: url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png'); background-position: 50% 6%, 50% 26%, 50% 46%, 50% 65%; background-repeat: no-repeat; background-size: 20px, 20px, 20px, 20px; } .detail-optioins-con-foamboard ul li { padding: 0 14px; width: calc(50%); } .detail-optioins-con-foamboard.indoor ul { background-image: url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png'); background-position: 50% 6%, 50% 40%, 50% 75%; background-repeat: no-repeat; background-size: 20px, 20px, 20px; } .detail-optioins-con-hand-towel { display: block; max-width: 356px; width: 100%; } .detail-optioins-con-hot-stamped { display: block; max-width: 336px; width: 100%; } .detail-optioins-con-hot-stamped ul li { padding: 0 4px; width: calc(50%); } .detail-optioins-con-id-photo { display: block; max-width: 635px; width: 100%; } .detail-optioins-con-lettering { display: block; max-width: 376px; width: 100%; } .detail-optioins-con-lettering ul { background-image: url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png'); background-position: 50% 5%, 50% 24%, 50% 44%, 50% 69%; background-repeat: no-repeat; background-size: 20px, 20px, 20px, 20px; } .detail-optioins-con-lettering ul li { padding: 0 14px; width: calc(50%); } .detail-optioins-con-luggage-tag { display: block; max-width: 238px; width: 100%; } .detail-optioins-con-photo-puzzle { display: block; max-width: 313px; width: 100%; } .detail-optioins-con-photo-puzzle img { width: auto; } .detail-optioins-con-postcard-book { display: block; max-width: 313px; width: 100%; } .detail-optioins-con-scodix-postcard { display: block; max-width: 313px; width: 100%; } .detail-optioins-con-scodix-postcard img { width: auto; } .detail-optioins-con-single-sticker { display: block; max-width: 313px; width: 100%; } .detail-optioins-con-single-sticker img { width: auto; } .detail-optioins-con-spring-binding-note { display: block; max-width: 336px; width: 100%; } .detail-optioins-con-spring-binding-note ul li { padding: 0 4px; width: calc(50%); } .detail-optioins-con-tote-bag-direct { display: block; max-width: 313px; width: 100%; } .detail-optioins-con-wrist-band { display: block; max-width: 313px; width: 100%; } .detail-optioins-con-foil-stamp ul li { width: 100%; } .detail-optioins-con-foil-stamp ul li:nth-child(2n) { padding-left: 0; } .detail-optioins-con-foil-stamp ul li:nth-child(2n+1) { padding-right: 0; } .detail-productfeature li { margin: 60px auto; max-width: 350px; padding: 0; width: 100%; } .detail-productfeature-mirror-button li { margin: 0 auto; max-width: 300px; padding: 10px; width: 100%; } .detail-seal-con-certificates { display: block; max-width: 336px; width: 100%; } .detail-seal-con-certificates ul li { max-width: 200px; padding: 0 4px; width: 100%; } .detail-size-con-acrylic-frame { display: block; max-width: 500px; width: 100%; } .detail-size-con-acrylic-frame ul li { float: left; padding: 0 0px; width: 50%; } .detail-size-con-pin-button { display: block; max-width: 336px; width: 100%; } .detail-size-con-pin-button ul li { padding: 0 4px; width: calc(50%); } } @media (max-width: 767px) { .guide-kisscut-con div { margin: 0 auto; max-width: 392px; width: 100%; } .guide-kisscut-con div ul li { float: left; width: 100%; } } @media (max-width: 767px) { .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(1) { margin: 0 auto 20px auto; max-width: 272px; width: 100%; } .guide-button-cut-margin-con:nth-of-type(1) div:nth-of-type(2) { float: left; margin: 0 0 20px 0; width: 100%; } } @media (max-width: 767px) { .guide-size-con div:nth-of-type(1) { margin: 0 auto 20px auto; max-width: 272px; width: 100%; } .guide-size-con div:nth-of-type(2) { float: left; margin: 0 0 20px 0; width: 100%; } } @media (max-width: 767px) { .guide-cut-margin-con > div:nth-of-type(1) { margin: 0 auto 20px auto; width: 100%; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(1) { float: unset; margin: 0 auto; margin-bottom: 20px; max-width: 272px; width: 100%; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) { width: 100%; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(5) { float: left; width: 100px; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(6) { float: left; margin-bottom: 10px; padding: 0 10px; width: calc(100% - 37px - 100px); } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(8) { float: left; width: 100px; } .guide-cut-margin-con > div:nth-of-type(1) > div:nth-of-type(2) ul li:nth-of-type(9) { float: left; margin-bottom: 10px; padding: 0 10px; width: calc(100% - 37px - 100px); } .guide-cut-margin-con > div:nth-of-type(2) { float: left; margin: 0 auto 20px auto; width: 100%; } .guide-cut-margin-con > div:nth-of-type(2) > div:nth-of-type(1) { max-width: 312px; width: 100%; } } @media (max-width: 767px) { .guide-offset-con > div:nth-of-type(1) { margin: 0 auto; max-width: 320px; width: 100%; } .guide-offset-con > div:nth-of-type(1) > ul li:nth-of-type(3) { padding: 0 0 30px 0; width: 100%; } .guide-offset-con > div:nth-of-type(1) > ul li:nth-of-type(n) { padding: 0 43px 30px 43px; width: 100%; } } @media (max-width: 767px) { .easyorder_product_detail-con ul li { margin-bottom: 10px; width: 100%; } .easyorder_production_note-con { max-width: 596px; } .easyorder_production_note-con ul .product_note div { margin-bottom: 10px; } } @media (max-width: 767px) { .guide-resolution-con > div:nth-of-type(1) { margin: 0 auto; max-width: 340px; width: 100%; } .guide-resolution-con > div:nth-of-type(1) > ul li { padding: 10px; width: 100%; } } @media (max-width: 767px) { .guide-whitedata-con > div:nth-of-type(1) { margin: 0 auto; max-width: 435px; width: 100%; } .guide-whitedata-con > div:nth-of-type(1) > ul li:nth-of-type(n) { padding: 0 0 30px 0; width: 100%; } } @media (max-width: 767px) { .guide-precaution-con_button ul:nth-of-type(2) { max-width: 330px; text-align: center; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(1) { order: 2; width: 100%; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(2) { order: 1; width: 100%; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(2) div { width: 100%; } } @media (max-width: 767px) { .guide-whiteguide-con > div:nth-of-type(1) { margin: 0 auto; max-width: 435px; width: 100%; } .guide-whiteguide-con > div:nth-of-type(1) > ul li { padding: 10px; width: 100%; } .guide-whiteguide-con > div:nth-of-type(1) > ul li:nth-child(3n + 2) { padding: 0 0 10px 0; } .guide-whiteguide-con > div:nth-of-type(1) > ul li:nth-child(3n + 3) { padding: 0 0 10px 0; } } @media (max-width: 767px) { .n_detail_desc .n_guide-line-con .design-instructions .design-instructions_mb { display: block; text-align: center; } .n_detail_desc .n_guide-line-con .design-instructions .design-instructions_mb img { display: block; margin: 0 auto; padding: 30px 0; } .n_detail_desc .n_guide-line-con .design-instructions .design-instructions_mb img:nth-of-type(1) { max-width: 301px; } .n_detail_desc .n_guide-line-con .design-instructions .design-instructions_mb img:nth-of-type(2) { max-width: 170px; } .n_detail_desc .n_guide-line-con .design-instructions .design-instructions_mb img:nth-of-type(3) { max-width: 284px; } .n_detail_desc .n_guide-line-con .design-instructions .design-instructions_pc { display: none; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con:nth-of-type(2) { margin-top: 0; } } @media (min-width: 768px) { .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(2) div:nth-of-type(2n + 1) { float: left; width: 40px; } .guide-precaution-con_button ul:nth-of-type(2) li:nth-of-type(2) div:nth-of-type(2n) { padding: 0 20px 60px 0; width: calc(100% - 50px); } } @media (min-width: 768px) { .easyorder_product_detail-con ul li:nth-of-type(1) { float: left; width: 62.9%; } .easyorder_product_detail-con ul li:nth-of-type(2) { float: left; width: 37.1%; } } @media (min-width: 768px) { .finishing-flex-con > div > div > div:nth-of-type(1) { float: left; width: 52.6%; } .finishing-flex-con > div > div > div:nth-of-type(2) { float: left; padding: 0 20px; text-align: left; width: 47.4%; } .finishing-flex-con .site-content .wdpre-finishing-info-img { float: left; width: 52.6%; } .finishing-flex-con .site-content .wdpre-finishing-info-img img { height: auto; } .finishing-flex-con .site-content .wdpre-finishing-info-text { float: left; padding: 0 20px; text-align: left; width: 47.4%; } .finishing-flex-con .neve-main .nv-content-wrap.entry-content .wdpre-finishing-info-img { float: left; width: 52.6%; } .finishing-flex-con .neve-main .nv-content-wrap.entry-content .wdpre-finishing-info-text { float: left; padding: 0 20px; text-align: left; width: 47.4%; } } @media (min-width: 768px) { .guide-offset-con ul { background-image: url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png'); background-position: 32.9% 21%, 67.2% 21%, 32.8% 71%, 67.2% 71%; background-repeat: no-repeat; } } @media (min-width: 768px) { .detail-feature-con .detail-optioins-con-foamboard.indoor ul { background-image: url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png'); background-position: 32.9% 20%, 67.2% 20%, 32.9% 70%, 67.2% 70%; background-repeat: no-repeat; } .detail-optioin-con-photo-frame-aluminum img { width: 100%; } .detail-optioin-con-photo-frame-aluminum ul li { float: left; } .detail-optioin-con-photo-frame-aluminum ul li { width: calc(100% / 2); } .detail-optioins1-con-canvas-frame img { width: auto; } .detail-optioins1-con-canvas-frame ul li { width: calc(100% / 2); } .detail-optioins1-con-canvas-frame ul li { float: left; } .detail-optioins1-con-epoxy-free img { width: 100%; } .detail-optioins1-con-epoxy-free ul li { float: left; } .detail-optioins1-con-epoxy-free ul li { width: calc(100% / 2); } .detail-optioins1-con-epoxy-free ul li:nth-child(2n) { padding-left: 10px; } .detail-optioins1-con-epoxy-free ul li:nth-child(2n+1) { padding-right: 10px; } .detail-optioins1-con-leather-cover-note ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 821px; position: relative; width: 100%; } .detail-optioins1-con-leather-cover-note ul li:nth-child(1) { padding: 0 6% 0 0; width: calc(100%/2); } .detail-optioins1-con-leather-cover-note ul li:nth-child(2) { padding: 0 0 0 6%; width: calc(100%/2); } .detail-optioins1-con-mouse-pad img { width: auto; } .detail-optioins1-con-mouse-pad ul li { float: left; } .detail-optioins1-con-mouse-pad ul li { width: calc((100% / 2) - 7px); } .detail-optioins1-con-mouse-pad ul li:nth-child(2n) { padding-left: 33px; } .detail-optioins1-con-mouse-pad ul li:nth-child(2n+1) { padding-right: 33px; } .detail-optioins1-con-phone-grip ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 740px; position: relative; width: 100%; } .detail-optioins1-con-phone-grip ul li:nth-child(1) { width: calc(100%/2); } .detail-optioins1-con-phone-grip ul li:nth-child(2) { width: calc(100%/2); } .detail-optioins1-con-portfolio_booklet img { width: 100%; } .detail-optioins1-con-portfolio_booklet ul li { float: left; } .detail-optioins1-con-portfolio_booklet ul li:nth-child(2n) { padding-left: 10%; width: 61.3%; } .detail-optioins1-con-portfolio_booklet ul li:nth-child(2n+1) { bottom: -120px; padding-right: 10%; width: 38.7%; } .detail-optioins1-con-portfolio_sheet img { width: 100%; } .detail-optioins1-con-portfolio_sheet ul li { float: left; } .detail-optioins1-con-portfolio_sheet ul li:nth-child(2n) { padding-left: 2%; width: 47%; } .detail-optioins1-con-portfolio_sheet ul li:nth-child(2n+1) { bottom: -128px; padding-right: 2%; width: 53%; } .detail-optioins-con-employee-card ul li { float: left; } .detail-optioins-con-employee-card ul li { width: calc(100% / 2); } .detail-optioins-con-employee-card ul li div { height: 90px; } .detail-optioins-con-employee-card ul li:nth-child(2n) { padding-left: 33px; } .detail-optioins-con-employee-card ul li:nth-child(2n+1) { padding-right: 33px; } .detail-optioins-con-epoxy-multi img { width: 100%; } .detail-optioins-con-epoxy-multi ul li { width: calc(100% / 2); } .detail-optioins-con-epoxy-multi ul li { float: left; } .detail-optioins-con-epoxy-multi ul li:nth-child(2n) { padding-left: 15px; } .detail-optioins-con-epoxy-multi ul li:nth-child(2n+1) { padding-right: 15px; } .detail-optioins-con-foamboard ul { background-image: url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png'); background-position: 32.9% 12%, 67.2% 12%, 32.8% 48%, 67.2% 48%, 32.8% 81%, 67.2% 81%; background-repeat: no-repeat; } .detail-optioins-con-lettering ul { background-image: url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png') , url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/PO/POFMHAP_detail_07.png'); background-position: 32.9% 12%, 67.2% 12%, 32.8% 45%, 67.2% 45%, 32.8% 81%, 67.2% 81%; background-repeat: no-repeat; } .detail-optioins-con-luggage-tag ul li { padding: 10px; width: calc((100% / 3)); } .detail-optioins-con-luggage-tag ul li { float: left; text-align: center; } .detail-optioins-con-photo-puzzle ul li { float: left; } .detail-optioins-con-photo-puzzle ul li { width: calc(100% / 2); } .detail-optioins-con-photo-puzzle ul li:nth-child(2n) { padding-left: 33px; } .detail-optioins-con-photo-puzzle ul li:nth-child(2n+1) { padding-right: 33px; } .detail-optioins-con-scodix-postcard ul li { width: calc((100% / 2) - 7px); } .detail-optioins-con-scodix-postcard ul li { float: left; } .detail-optioins-con-scodix-postcard ul li:nth-child(2n) { padding-left: 33px; } .detail-optioins-con-scodix-postcard ul li:nth-child(2n+1) { padding-right: 33px; } .detail-optioins-con-single-sticker ul li { width: calc(100% / 2); } .detail-optioins-con-single-sticker ul li { float: left; } .detail-optioins-con-single-sticker ul li:nth-child(2n) { padding-left: 33px; } .detail-optioins-con-single-sticker ul li:nth-child(2n+1) { padding-right: 33px; } .detail-optioins-con-spring-binding-note ul li img { width: auto; } .detail-optioins-con-spring-binding-note ul li img:nth-child(1) { max-width: 220px; } .detail-optioins-con-spring-binding-note ul li img:nth-child(2) { max-width: 220px; } .detail-optioins-con-spring-binding-note ul li img:nth-child(3) { max-width: 180px; } .detail-optioins-con-spring-binding-note ul li img:nth-child(4) { max-width: 180px; } .detail-optioins-con-spring-binding-note ul li:nth-child(1) { padding: 0 1%; width: calc(27%); } .detail-optioins-con-spring-binding-note ul li:nth-child(2) { padding: 0 1%; width: calc(27%); } .detail-optioins-con-spring-binding-note ul li:nth-child(3) { padding: 0 1%; width: calc(23%); } .detail-optioins-con-spring-binding-note ul li:nth-child(4) { padding: 0 1%; width: calc(23%); } .detail-optioins-con-wrist-band ul li { width: calc((100% / 2) - 7px); } .detail-optioins-con-wrist-band ul li:nth-child(2n) { padding-left: 33px; } .detail-optioins-con-wrist-band ul li:nth-child(2n+1) { padding-right: 33px; } .detail-productfeature { display: flex; justify-content: space-between; width: 100%; } .detail-productfeature li { padding: 0 35px; width: calc((100%/3) - 10px); } .detail-productfeature-mirror-button { display: flex; justify-content: space-between; margin: 0 auto; max-width: 760px; width: 100%; } .detail-productfeature-mirror-button li { padding: 0 40px; width: calc(100%/2); } .detail-size-con-acrylic-frame img { width: auto; } .detail-size-con-acrylic-frame ul li { float: left; } .detail-size-con-acrylic-frame ul li:nth-child(1) { width: calc(100% / 2); } .detail-size-con-acrylic-frame ul li:nth-child(2) { width: calc(100% / 2); } .detail-size-con-acrylic-frame ul li:nth-child(3) { width: calc(100% / 3); } .detail-size-con-acrylic-frame ul li:nth-child(4) { width: calc(100% / 3); } .detail-size-con-acrylic-frame ul li:nth-child(5) { width: calc(100% / 3); } } @media (min-width: 768px) { .guide-saveillu-con > div:nth-of-type(2) > ul { display: flex; flex-flow: row wrap; justify-content: flex-start; } .guide-saveillu-con > div:nth-of-type(2) > ul li:nth-of-type(3n + 1) { width: 21.6%; } .guide-saveillu-con > div:nth-of-type(2) > ul li:nth-of-type(3n + 2) { width: 37.4%; } .guide-saveillu-con > div:nth-of-type(2) > ul li:nth-of-type(3n) { width: 41%; } .guide-saveillu-con > div:nth-of-type(3) > ul li div:nth-child(2) { margin-top: 5%; } .guide-saveillu-con > div:nth-of-type(3) > ul li div:nth-child(3) { margin-top: 17.5%; } .guide-saveillu-con > div:nth-of-type(3) > ul li div:nth-child(4) { margin-top: 9%; } .guide-saveillu-con > div:nth-of-type(3) > ul li:nth-child(1) { float: left; width: 43.8%; } .guide-saveillu-con > div:nth-of-type(3) > ul li:nth-child(2) { float: left; width: 56.2%; } .guide-saveillu-con > div:nth-of-type(4) > ul li div:nth-child(1) { margin-top: 42%; } .guide-saveillu-con > div:nth-of-type(4) > ul li div:nth-child(2) { margin-top: 22%; } .guide-saveillu-con > div:nth-of-type(4) > ul li:nth-child(1) { float: left; width: 43.8%; } .guide-saveillu-con > div:nth-of-type(4) > ul li:nth-child(2) { float: left; width: 56.2%; } } @media (min-width: 768px) { .guide-single-sided-con ul li:nth-of-type(1) { padding-right: 25px; } .guide-single-sided-con ul li:nth-of-type(2) { padding-left: 25px; } .guide-sticker-indesign-save-con ul li:nth-of-type(1) { float: left; width: 43.8%; } .guide-sticker-indesign-save-con ul li:nth-of-type(2) { float: left; width: 56.2%; } .guide-sticker-indesign-save-con:nth-of-type(10) ul li div:nth-of-type(3), .guide-sticker-indesign-save-con:nth-of-type(10) ul li div:nth-of-type(4) { margin-top: 5%; } .guide-sticker-indesign-save-con:nth-of-type(10) ul li div:nth-of-type(5), .guide-sticker-indesign-save-con:nth-of-type(10) ul li div:nth-of-type(6) { margin-top: 15%; } .guide-sticker-indesign-save-con:nth-of-type(10) ul li div:nth-of-type(7), .guide-sticker-indesign-save-con:nth-of-type(10) ul li div:nth-of-type(8) { margin-top: 7%; } .guide-sticker-indesign-save-con:nth-of-type(11) ul li div:nth-of-type(1), .guide-sticker-indesign-save-con:nth-of-type(11) ul li div:nth-of-type(2) { margin-top: 42%; } .guide-sticker-indesign-save-con:nth-of-type(11) ul li div:nth-of-type(3), .guide-sticker-indesign-save-con:nth-of-type(11) ul li div:nth-of-type(4) { margin-top: 22%; } .guide-sticker-indesign-save-con:nth-of-type(5) ul li:nth-of-type(2) div:nth-of-type(5), .guide-sticker-indesign-save-con:nth-of-type(5) ul li:nth-of-type(2) div:nth-of-type(6) { margin-top: 35%; } .guide-sticker-indesign-save-con:nth-of-type(6) ul li:nth-of-type(2) div:nth-of-type(1), .guide-sticker-indesign-save-con:nth-of-type(6) ul li:nth-of-type(2) div:nth-of-type(2) { margin-top: 38%; } .guide-sticker-indesign-save-con:nth-of-type(6) ul li:nth-of-type(2) div:nth-of-type(3), .guide-sticker-indesign-save-con:nth-of-type(6) ul li:nth-of-type(2) div:nth-of-type(4) { margin-top: 26.5%; } } @media (min-width: 768px) { .n_detail_desc .n_guide-line-con .design-instructions-button .design-instructions_mb { display: none; } .n_detail_desc .n_guide-line-con .design-instructions-button .design-instructions_pc { display: block; } } @media (min-width: 768px) { .guide-pdf-save-con ul li:nth-of-type(1) { float: left; width: 43.8%; } .guide-pdf-save-con ul li:nth-of-type(2) { float: left; width: 56.2%; } .guide-pdf-save-con:nth-of-type(4) ul li:nth-of-type(2) div:nth-of-type(3), .guide-pdf-save-con:nth-of-type(4) ul li:nth-of-type(2) div:nth-of-type(4) { margin-top: 3%; } .guide-pdf-save-con:nth-of-type(4) ul li:nth-of-type(2) div:nth-of-type(5), .guide-pdf-save-con:nth-of-type(4) ul li:nth-of-type(2) div:nth-of-type(6) { margin-top: 13%; } .guide-pdf-save-con:nth-of-type(4) ul li:nth-of-type(2) div:nth-of-type(7), .guide-pdf-save-con:nth-of-type(4) ul li:nth-of-type(2) div:nth-of-type(8) { margin-top: 6%; } .guide-pdf-save-con:nth-of-type(5) ul li:nth-of-type(2) div:nth-of-type(1), .guide-pdf-save-con:nth-of-type(5) ul li:nth-of-type(2) div:nth-of-type(2) { margin-top: 42%; } .guide-pdf-save-con:nth-of-type(5) ul li:nth-of-type(2) div:nth-of-type(3), .guide-pdf-save-con:nth-of-type(5) ul li:nth-of-type(2) div:nth-of-type(4) { margin-top: 19%; } } @media (min-width: 768px) { .guide-editor-use-con ul li:nth-of-type(1) { float: left; width: 59.4%; } .guide-editor-use-con ul li:nth-of-type(2) { float: left; width: 40.6%; } } @media (min-width: 768px) { .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con div:nth-of-type(2n + 1) { float: left; margin: 0px; width: 40px; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul .n_guide-illust-list-con div:nth-of-type(2n) { float: left; padding: 0 20px 60px 0; width: calc(100% - 40px - 30px); } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul li:nth-of-type(1) { float: left; width: 45%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul li:nth-of-type(1) img { max-width: 373px; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con ul li:nth-of-type(2) { float: left; width: 55%; } .n_detail_desc .n_guide-line-con .n_guide-illust-save-con:nth-of-type(1) ul li:nth-of-type(2) { margin-top: 13%; } .n_guide-illust-save-con:nth-of-type(4) ul li:nth-of-type(1) { padding-top: 50px; } .n_guide-pdf-logo_icon ul li:nth-of-type(1) { height: 75px; width: 77px; } .n_guide-pdf-logo_icon ul li:nth-of-type(2) { text-align: left; width: calc(100% - 77px); } .n_guide-pdf-logo_icon:nth-of-type(3) ul { padding-bottom: 0; } } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*.entry-content img,*/ .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; } /* Guideline Info - horizontal-rule https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/horizontal-rule.png */ /*.site-content .wdpre-design-guideline { background-image:url('https://diverse-webstatic-files.s3.ap-northeast-2.amazonaws.com/cdn/redprinting_sg/assets/images/m_item/horizontal-rule.png'); background-position: center bottom; background-repeat: no-repeat;} .site-content:last-of-type .wdpre-design-guideline { background-image: none;}*/ .n_guide-polcos-list-con li img { width: 25px; } .n_guide-polcos-list-con li span { padding-left: 20px; width: calc(100% - 25px);} .n_guide-polcos-list-con li { display: flex; align-items: center; justify-content: center; padding: 20px 0 20px 2%;} @media (max-width: 767px) { .n_guide-polcos-list-con li { padding: 10px 0;} } .tab li.on { border-bottom: 1px solid #ccc; } .num_icon { background: url(https://d23jejfjm3oozd.cloudfront.net/sg_wdpre/2020/12/07155638/place-holder_detail_04_01.png); background-repeat: no-repeat; background-size: 25px 25px; padding: 3px 0px 3px 2px; color: #FFF; display: block; background-position: center; font-size: 12px;}