{"id":13910,"date":"2021-03-18T12:21:30","date_gmt":"2021-03-18T12:21:30","guid":{"rendered":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-%ea%b0%80%ec%9d%b4%eb%93%9c\/"},"modified":"2022-11-10T09:20:18","modified_gmt":"2022-11-10T00:20:18","slug":"css-guide","status":"publish","type":"docs","link":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/","title":{"rendered":"CSS \uac00\uc774\ub4dc"},"content":{"rendered":"<p><strong>\uc20f\ucf54\ub4dc \uc678\ubd80\uc5d0\u00a0<code>div<\/code>\u00a0\ud0dc\uadf8\ub97c \ucd94\uac00\ud55c \ub2e4\uc74c \uc544\ub798\uc758 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>\uceec\ub7fc<\/p>\n<ul>\n<li><code>pafw-checkout-row<\/code>\u00a0: 2\uac1c \uc774\uc0c1 \uc704\uc82f\uc744 1\uac1c\uc758 \ud589\uc73c\ub85c \ud558\uace0\uc790 \ud560 \ub54c \ucd94\uac00\ud569\ub2c8\ub2e4.<br \/>\n<code>pafw-checkout-row-basic<\/code>\u00a0:\u00a0<code>pafw-checkout-col<\/code>\u00a0\uc640 \uac19\uc774 \uc0ac\uc6a9\ub418\uba70, \ud06c\uae30, \uc5ec\ubc31\uc744 \uc870\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>\ud06c\uae30<\/p>\n<ul>\n<li><code>pafw-checkout-col<\/code>\u00a0:\u00a0<code>pafw-checkout-row<\/code>\u00a0\ud558\uc704\uc758 \uc704\uc82f \ud0dc\uadf8\uc5d0 \ucd94\uac00\ud558\ub294 \ud074\ub798\uc2a4 \uc785\ub2c8\ub2e4.<br \/>\n<code>pafw-colbasic-3<\/code>\u00a0:\u00a0<code>pafw-checkout-col<\/code>\u00a0\uc640 \uac19\uc774 \ucd94\uac00\ud558\ub294 \ud074\ub798\uc2a4\ub85c 3\/12 \ud06c\uae30 \uc785\ub2c8\ub2e4.<br \/>\n<code>pafw-colbasic-6<\/code>\u00a0:\u00a0<code>pafw-checkout-col<\/code>\u00a0\uc640 \uac19\uc774 \ucd94\uac00\ud558\ub294 \ud074\ub798\uc2a4\ub85c 6\/12 \ud06c\uae30 \uc785\ub2c8\ub2e4.<br \/>\n<code>pafw-colbasic-9<\/code>\u00a0:\u00a0<code>pafw-checkout-col<\/code>\u00a0\uc640 \uac19\uc774 \ucd94\uac00\ud558\ub294 \ud074\ub798\uc2a4\ub85c 9\/12 \ud06c\uae30 \uc785\ub2c8\ub2e4.<br \/>\n<code>pafw-colbasic-sm350<\/code>\u00a0: \ud06c\uae30\ub97c 350px \ub85c \uc124\uc815\ud558\uba70\u00a0<code>pafw-colbasic-lg350<\/code>\u00a0\uc640 \ud568\uaed8 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<br \/>\n<code>pafw-colbasic-lg350<\/code>\u00a0: \uc804\uccb4 \ud06c\uae30 \u2013 350px \ub85c \uc124\uc815\ud558\uba70\u00a0<code>pafw-colbasic-sm350<\/code>\u00a0\uc640 \ud568\uaed8 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<br \/>\n<code>pafw-colbasic-sm500<\/code>\u00a0: \ud06c\uae30\ub97c 500px \ub85c \uc124\uc815\ud558\uba70\u00a0<code>pafw-colbasic-lg500<\/code>\u00a0\uc640 \ud568\uaed8 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<br \/>\n<code>pafw-colbasic-lg500<\/code>\u00a0: \uc804\uccb4 \ud06c\uae30 \u2013 500px \ub85c \uc124\uc815\ud558\uba70\u00a0<code>pafw-colbasic-lg500<\/code>\u00a0\uc640 \ud568\uaed8 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>\uac04\uaca9<\/p>\n<ul>\n<li><code>pafw-pt15<\/code>\u00a0: \uc0c1\ub2e8\uc5d0 padding \uc744 15px \ucd94\uac00\ud569\ub2c8\ub2e4.<br \/>\n<code>pafw-pb15<\/code>\u00a0: \ud558\ub2e8\uc5d0 padding \uc744 15px \ucd94\uac00\ud569\ub2c8\ub2e4.<br \/>\n<code>pafw-mt15<\/code>\u00a0: \uc0c1\ub2e8\uc5d0 margin \uc744 15px \ucd94\uac00\ud569\ub2c8\ub2e4.<br \/>\n<code>pafw-mb15<\/code>\u00a0: \ud558\ub2e8\uc5d0 margin \uc744 15px \ucd94\uac00\ud569\ub2c8\ub2e4.<br \/>\n<code>pafw-pt50<\/code>\u00a0: \uc0c1\ub2e8\uc5d0 padding \uc744 50px \ucd94\uac00\ud569\ub2c8\ub2e4.<br \/>\n<code>pafw-pb50<\/code>\u00a0: \ud558\ub2e8\uc5d0 padding \uc744 50px \ucd94\uac00\ud569\ub2c8\ub2e4.<br \/>\n<code>pafw-mt50<\/code>\u00a0: \uc0c1\ub2e8\uc5d0 margin \uc744 50px \ucd94\uac00\ud569\ub2c8\ub2e4.<br \/>\n<code>pafw-mb50<\/code>\u00a0: \ud558\ub2e8\uc5d0 margin \uc744 50px \ucd94\uac00\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>\uc804\ud658<\/p>\n<ul>\n<li><code>pafw-checkout-row-reverse<\/code>\u00a0: \ubaa8\ubc14\uc77c\uc5d0\uc11c\u00a0<code>pafw-checkout-col<\/code>\u00a0\uc758 \uc704\uce58\ub97c \ubcc0\uacbd\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>\uc0d8\ud50c A<\/p>\n<pre style=\"font-size: 12px\">&lt;div class=\"pafw-mb50\"&gt;[pafw_dc_login template=\"type-b\"]&lt;\/div&gt;\r\n&lt;div class=\"pafw-mb50\"&gt;[pafw_dc_cart template=\"type-b\" theme=\"orange_yellow\"]&lt;\/div&gt;\r\n&lt;div class=\"pafw-checkout-row pafw-checkout-row-basic\"&gt;\r\n\t&lt;div class=\"pafw-checkout-col pafw-colbasic-6\"&gt;[pafw_dc_billing_fields field_style=\"flex\"]&lt;\/div&gt;\r\n\t&lt;div class=\"pafw-checkout-col pafw-colbasic-6\"&gt;[pafw_dc_shipping_fields field_style=\"flex\"]&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"pafw-checkout-row pafw-checkout-row-basic\"&gt;\r\n\t&lt;div class=\"pafw-checkout-col pafw-colbasic-6\"&gt;[pafw_dc_order_fields field_style=\"flex\"]&lt;\/div&gt;\r\n\t&lt;div class=\"pafw-checkout-col pafw-colbasic-6\"&gt;[pafw_dc_discount template=\"type-b\"]&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"pafw-mb50\"&gt;[pafw_dc_order_total template=\"type-b\"]&lt;\/div&gt;\r\n&lt;div class=\"pafw-mb50\"&gt;[pafw_dc_payment_methods template=\"type-b\" theme=\"orange_yellow\"]&lt;\/div&gt;\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>\uc0d8\ud50c B<\/p>\n<pre style=\"font-size: 12px\">&lt;div class=\"pafw-checkout-row pafw-checkout-row-basic\"&gt;\r\n\t&lt;div class=\"pafw-checkout-col pafw-colbasic-lg350\"&gt;\r\n\t\t&lt;div class=\"pafw-mb15\"&gt;[pafw_dc_billing_fields field_style=\"overlap\"]&lt;\/div&gt;\r\n\t\t&lt;div class=\"pafw-mb15\"&gt;[pafw_dc_shipping_fields field_style=\"overlap\"]&lt;\/div&gt;\r\n\t\t&lt;div class=\"pafw-mb15\"&gt;[pafw_dc_order_fields field_style=\"overlap\"]&lt;\/div&gt;\r\n\t\t&lt;div class=\"pafw-mb15\"&gt;[pafw_dc_login template=\"type-b\"]&lt;\/div&gt;\r\n\t\t&lt;div class=\"pafw-mb50\"&gt;[pafw_dc_discount template=\"type-a\"]&lt;\/div&gt;\r\n\t\t&lt;div class=\"pafw-mb50\"&gt;[pafw_dc_payment_methods template=\"type-a\" theme=\"orange_yellow\" column=\"2\"]&lt;\/div&gt;\r\n\t&lt;\/div&gt;\r\n\t&lt;div class=\"pafw-checkout-col pafw-colbasic-sm350\"&gt;\r\n\t\t&lt;div class=\"pafw-mb15\"&gt;[pafw_dc_cart template=\"type-b\" theme=\"orange_yellow\"]&lt;\/div&gt;\r\n\t\t&lt;div class=\"pafw-mb50\"&gt;[pafw_dc_order_total template=\"type-b\"]&lt;\/div&gt;\r\n\t&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n","protected":false},"author":2338,"featured_media":0,"parent":13890,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","meta":[],"doc_tag":[372,371],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v16.7 (Yoast SEO v19.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3 - CSS \uac00\uc774\ub4dc<\/title>\n<meta name=\"description\" content=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ucf54\ub4dc\uc5e0\uc0f5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uc20f\ucf54\ub4dc \uc678\ubd80\uc5d0 div \ud0dc\uadf8\ub97c \ucd94\uac00\ud55c \uceec\ub7fc, \ud06c\uae30, \uac04\uaca9, \uc804\ud658 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \uc5e0\uc0f5 \uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3 - CSS \uac00\uc774\ub4dc\" \/>\n<meta property=\"og:description\" content=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ucf54\ub4dc\uc5e0\uc0f5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uc20f\ucf54\ub4dc \uc678\ubd80\uc5d0 div \ud0dc\uadf8\ub97c \ucd94\uac00\ud55c \uceec\ub7fc, \ud06c\uae30, \uac04\uaca9, \uc804\ud658 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ub9e4\ub274\uc5bc\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-10T00:20:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemshop.com\/manual\/wp-content\/uploads\/2021\/03\/\uc6b0\ucee4\uba38\uc2a4_DIY\uccb4\ud06c\uc544\uc6c3_\ubd80\ub85d_\ucf54\ub4dc\uc5e0\uc0f5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"835\" \/>\n\t<meta property=\"og:image:height\" content=\"418\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:title\" content=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3 - CSS \uac00\uc774\ub4dc\" \/>\n<meta name=\"twitter:description\" content=\"CSS \uac00\uc774\ub4dc - \uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ucf54\ub4dc\uc5e0\uc0f5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uc20f\ucf54\ub4dc \uc678\ubd80\uc5d0 div \ud0dc\uadf8\ub97c \ucd94\uac00\ud55c \uceec\ub7fc, \ud06c\uae30, \uac04\uaca9, \uc804\ud658 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/\",\"url\":\"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/\",\"name\":\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3 - CSS \uac00\uc774\ub4dc\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemshop.com\/manual\/#website\"},\"datePublished\":\"2021-03-18T12:21:30+00:00\",\"dateModified\":\"2022-11-10T00:20:18+00:00\",\"description\":\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ucf54\ub4dc\uc5e0\uc0f5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uc20f\ucf54\ub4dc \uc678\ubd80\uc5d0 div \ud0dc\uadf8\ub97c \ucd94\uac00\ud55c \uceec\ub7fc, \ud06c\uae30, \uac04\uaca9, \uc804\ud658 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemshop.com\/manual\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3\",\"item\":\"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Appendix\",\"item\":\"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"CSS \uac00\uc774\ub4dc\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemshop.com\/manual\/#website\",\"url\":\"https:\/\/www.codemshop.com\/manual\/\",\"name\":\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ub9e4\ub274\uc5bc\",\"description\":\"\ucf54\ub4dc\uc5e0\uc0f5 \ub9e4\ub274\uc5bc \uac00\uc774\ub4dc\",\"publisher\":{\"@id\":\"https:\/\/www.codemshop.com\/manual\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemshop.com\/manual\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemshop.com\/manual\/#organization\",\"name\":\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ub9e4\ub274\uc5bc - \ucf54\ub4dc\uc5e0\uc0f5\",\"url\":\"https:\/\/www.codemshop.com\/manual\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.codemshop.com\/manual\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codemshop.com\/manual\/wp-content\/uploads\/2020\/08\/manual-logo.png\",\"contentUrl\":\"https:\/\/codemshop.com\/manual\/wp-content\/uploads\/2020\/08\/manual-logo.png\",\"width\":500,\"height\":97,\"caption\":\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ub9e4\ub274\uc5bc - \ucf54\ub4dc\uc5e0\uc0f5\"},\"image\":{\"@id\":\"https:\/\/www.codemshop.com\/manual\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3 - CSS \uac00\uc774\ub4dc","description":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ucf54\ub4dc\uc5e0\uc0f5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uc20f\ucf54\ub4dc \uc678\ubd80\uc5d0 div \ud0dc\uadf8\ub97c \ucd94\uac00\ud55c \uceec\ub7fc, \ud06c\uae30, \uac04\uaca9, \uc804\ud658 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/","og_locale":"ko_KR","og_type":"article","og_title":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \uc5e0\uc0f5 \uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3 - CSS \uac00\uc774\ub4dc","og_description":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ucf54\ub4dc\uc5e0\uc0f5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uc20f\ucf54\ub4dc \uc678\ubd80\uc5d0 div \ud0dc\uadf8\ub97c \ucd94\uac00\ud55c \uceec\ub7fc, \ud06c\uae30, \uac04\uaca9, \uc804\ud658 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.","og_url":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/","og_site_name":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ub9e4\ub274\uc5bc","article_modified_time":"2022-11-10T00:20:18+00:00","og_image":[{"width":835,"height":418,"url":"https:\/\/www.codemshop.com\/manual\/wp-content\/uploads\/2021\/03\/\uc6b0\ucee4\uba38\uc2a4_DIY\uccb4\ud06c\uc544\uc6c3_\ubd80\ub85d_\ucf54\ub4dc\uc5e0\uc0f5.png","type":"image\/png"}],"twitter_card":"summary","twitter_title":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3 - CSS \uac00\uc774\ub4dc","twitter_description":"CSS \uac00\uc774\ub4dc - \uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ucf54\ub4dc\uc5e0\uc0f5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uc20f\ucf54\ub4dc \uc678\ubd80\uc5d0 div \ud0dc\uadf8\ub97c \ucd94\uac00\ud55c \uceec\ub7fc, \ud06c\uae30, \uac04\uaca9, \uc804\ud658 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.","twitter_misc":{"Est. reading time":"2\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/","url":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/","name":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3 - CSS \uac00\uc774\ub4dc","isPartOf":{"@id":"https:\/\/www.codemshop.com\/manual\/#website"},"datePublished":"2021-03-18T12:21:30+00:00","dateModified":"2022-11-10T00:20:18+00:00","description":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ucf54\ub4dc\uc5e0\uc0f5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uc20f\ucf54\ub4dc \uc678\ubd80\uc5d0 div \ud0dc\uadf8\ub97c \ucd94\uac00\ud55c \uceec\ub7fc, \ud06c\uae30, \uac04\uaca9, \uc804\ud658 \ud074\ub798\uc2a4\ub97c \ucd94\uac00\ud558\uc5ec \uc2a4\ud0c0\uc77c\uc744 \ubcc0\uacbd \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4","breadcrumb":{"@id":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/css-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemshop.com\/manual\/"},{"@type":"ListItem","position":2,"name":"\uc2ec\ud50c\ud398\uc774 DIY \uccb4\ud06c\uc544\uc6c3","item":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/"},{"@type":"ListItem","position":3,"name":"Appendix","item":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/"},{"@type":"ListItem","position":4,"name":"CSS \uac00\uc774\ub4dc"}]},{"@type":"WebSite","@id":"https:\/\/www.codemshop.com\/manual\/#website","url":"https:\/\/www.codemshop.com\/manual\/","name":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ub9e4\ub274\uc5bc","description":"\ucf54\ub4dc\uc5e0\uc0f5 \ub9e4\ub274\uc5bc \uac00\uc774\ub4dc","publisher":{"@id":"https:\/\/www.codemshop.com\/manual\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemshop.com\/manual\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/www.codemshop.com\/manual\/#organization","name":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ub9e4\ub274\uc5bc - \ucf54\ub4dc\uc5e0\uc0f5","url":"https:\/\/www.codemshop.com\/manual\/","sameAs":[],"logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.codemshop.com\/manual\/#\/schema\/logo\/image\/","url":"https:\/\/codemshop.com\/manual\/wp-content\/uploads\/2020\/08\/manual-logo.png","contentUrl":"https:\/\/codemshop.com\/manual\/wp-content\/uploads\/2020\/08\/manual-logo.png","width":500,"height":97,"caption":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6b0\ucee4\uba38\uc2a4 \uc1fc\ud551\ubab0 \ub9e4\ub274\uc5bc - \ucf54\ub4dc\uc5e0\uc0f5"},"image":{"@id":"https:\/\/www.codemshop.com\/manual\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/docs\/13910"}],"collection":[{"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/users\/2338"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/comments?post=13910"}],"version-history":[{"count":14,"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/docs\/13910\/revisions"}],"predecessor-version":[{"id":14042,"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/docs\/13910\/revisions\/14042"}],"up":[{"embeddable":true,"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/docs\/13890"}],"next":[{"title":"\uc7a5\ubc14\uad6c\ub2c8 \uacb0\uc81c\uc9c4\ud589 \ubc84\ud2bc","link":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/cart\/","href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/docs\/19428"}],"prev":[{"title":"\ucee4\uc2a4\ud140 \ud15c\ud50c\ub9bf","link":"https:\/\/www.codemshop.com\/manual\/docs\/pgall-diy-checkout\/appendix\/custom-template\/","href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/docs\/13908"}],"wp:attachment":[{"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/media?parent=13910"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.codemshop.com\/manual\/wp-json\/wp\/v2\/doc_tag?post=13910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}