12 ½ºÅ¸ÀÏ ³ªºñ ¿¼è °í¸® ½Ç¸®ÄÜ ¸ôµå ±¸¸Û º¸¼® Ææ´øÆ® µ¶Æ¯ÇÑ Å° üÀÎ Àå½Ä ¿¡Æø½Ã ¼öÁö ±ÝÇü DIY ¼ö°ø¿¹Ç°
Ư¡:
1. °íÇ°Áú ½Ç¸®ÄÜÀ¸·Î Á¦ÀÛµÇ¾î ºÎµå·´°í µÎ²®°í º¯»öµÇÁö ¾ÊÀ¸¸ç »¡ ¼ö ÀÖÀ¸¸ç ³»±¸¼ºÀÌ ¶Ù¾î³ª°í Àç»ç¿ë °¡´ÉÇϸç Àå±â°£ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
2. ¾ÐÂø ¹× º¯Çü ÈÄ Àá½Ã ÈÞ½ÄÀ» ÃëÇÑ ´ÙÀ½ »óŸ¦ º¹¿øÇϸéµË´Ï´Ù.
3. º¸°ü ¹× À¯Áö °ü¸®°¡ ¿ëÀÌÇÕ´Ï´Ù: ¼öÁö ¸ôµå´Â ½Ç¿Â¿¡¼ º¸°üÇÏ°í Á÷»ç±¤¼±À» ÇÇÇϽʽÿÀ. ÀÌ ½Ç¸®ÄÜ ¸ôµå¸¦ ºñ´°¹°·Î û¼ÒÇϽʽÿÀ.
4. °£´ÜÇÑ ÀÛµ¿: ÀÌ ¼öÁö ¸ôµå´Â Åõ¸íÇÏ°í ¸Å²ô ·´½À´Ï´Ù. Á¦Ç°ÀÌ ¿ÏÀüÈ÷ °æÈ µÈ ÈÄ¿¡´Â ½Ç¸®ÄÜ ¸ôµå¿¡¼ ½±°Ô ²¨³¾ ¼ö ÀÖ½À´Ï´Ù.
»ç¾ç:
ÀçÁú: ½Ç¸®ÄÜ
Å©±â: ±×¸²À¸·Îº¸±â
Æ÷Àå ¸ñ·Ï
1 x ½Ç¸®ÄÜ ¸ôµå
Âü°í:
1. »çÁø¿¡ Ç¥½ÃµÈ ´Ù¸¥ ¾×¼¼¼¸®´Â Á¦¿ÜÇÏ°í ½Ç¸®ÄÜ ¸ôµå ¸¸.
2. ¸ð´ÏÅÍ ¹× Á¶¸í È¿°ú°¡ ´Ù¸£±â ¶§¹®¿¡ Ç׸ñÀÇ ½ÇÁ¦ »ö»óÀÌ ±×¸²¿¡ Ç¥½ÃµÈ »ö»ó°ú ¾à°£ ´Ù¸¦ ¼ö ÀÖ½À´Ï´Ù. °¨»çÇÕ´Ï´Ù!
3. ¼öµ¿ ÃøÁ¤À¸·Î ÀÎÇØ 1 ~ 3cm ÃøÁ¤ ÆíÂ÷¸¦ Çã¿ëÇϽʽÿÀ.
¾ÖÇÁÅÍ ¼ºñ½º º¸Áõ
¿ì¸® ¿¡Æø½Ã ¼öÁö ½Ç¸®ÄÜ ¸ôµå ¹®Á¦ ÀÖ´Ù¸é. ÀúÈñ¿¡°Ô ¿¬¶ôÇϽʽÿÀ.
![](https://ae03.alicdn.com/kf/Sd339243ae95f4e80a0fd53ca877788f8R.jpg)
![](https://ae03.alicdn.com/kf/S87a9c78e1387417eaf42579fd6a944e2J.jpg)
![](https://ae03.alicdn.com/kf/Sd98781f4cd114365aa00067c42d4a353Z.jpg)
![](https://ae03.alicdn.com/kf/S4b98bf2f8dc64c2ca8bcddc5ab7d6640I.jpg)
![](https://ae03.alicdn.com/kf/S26bc8ccaa94c4d3cb32bd5e2a63224ebG.jpg)
![](https://ae03.alicdn.com/kf/Sd3a4f96a79d645669bf41660946f0808V.jpg)
/*
* ÀåÄ¡ = µ¥½ºÅ©Åé ÀÏ ¶§ »ç¿ë
* ±¸¼º: ±¸¼º/ºê¶óÁú-±¸¼º/±Û·Î¹ú/brand-story.cfg
*/
/* ȸÀü ¸ñ¸¶´Â ol ¸ñ·ÏÀ¸·Î ±¸ÇöµÇ¹Ç·Î
Ä«µå ÅؽºÆ®ÀÇ ¸ðµç ¸ñ·Ï¿¡´Â º¸Á¶ ¸ñ·Ï ½ºÅ¸ÀÏ (¹®ÀÚ) ÀÌ ÀÖ½À´Ï´Ù.
ÀÌ°ÍÀº ½ÃûÀÚ¿¡°Ô À߸øµÈ ¸ð¾çÀ» ÁÙ °ÍÀÔ´Ï´Ù.
±×·¡¼ ¸ðµç ¸ñ·ÏÀ» ±âº» ¸ñ·Ï ½ºÅ¸ÀÏ (¼ýÀÚ) ·Î ¼³Á¤ÇÕ´Ï´Ù. */
. Aplus-ºê·£µå ½ºÅ丮 Ä«µå ol li {
¸ñ·Ï ½ºÅ¸ÀÏ: ½ÊÁø¼ö;
}
/* ÃÖ»óÀ§ ÄÁÅ×ÀÌ³Ê */
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-¿µ¿õ {
-Moz-»óÀÚ Å©±â: Å׵θ® »óÀÚ;
-Webkit »óÀÚ Å©±â: Å׵θ® »óÀÚ;
»óÀÚ Å©±â: Å׵θ® »óÀÚ;
³Êºñ: 1464px;
³ôÀÌ: 625px;
¹è°æ »ö»ó: # fff;
}
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮 Ä«µå {
-Moz-»óÀÚ Å©±â: Å׵θ® »óÀÚ;
-Webkit »óÀÚ Å©±â: Å׵θ® »óÀÚ;
»óÀÚ Å©±â: Å׵θ® »óÀÚ;
³Êºñ: 362px;
³ôÀÌ: 453px;
¹è°æ »ö»ó: # fff;
}
. Apm-ºê·£µå ½ºÅ丮-¿µ¿õ,
. Apm-ºê·£µå ½ºÅ丮 Ä«µå {
-Moz-»óÀÚ Å©±â: Å׵θ® »óÀÚ;
-Webkit »óÀÚ Å©±â: Å׵θ® »óÀÚ;
»óÀÚ Å©±â: Å׵θ® »óÀÚ;
À§Ä¡: »ó´ë;
³Êºñ: 100%;
³ôÀÌ: 100%;
Float: ¾øÀ½;
}
.Aplus-module.br and-story-card-1-four-asin. Apm-ºê·£µå ½ºÅ丮 Ä«µå {
/* À̹ÌÁö ¼¿ Å׵θ®¸¦ ¼³¸íÇÏ´Â 12px ¸¸ */
Æеù: 12px;
}
/* Àüü ¹è°æ À̹ÌÁö (¿µ¿õ 1 ¹× Ä«µå 2) */
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-¹è°æ-À̹ÌÁö {
-Moz-»óÀÚ Å©±â: Å׵θ® »óÀÚ;
-Webkit »óÀÚ Å©±â: Å׵θ® »óÀÚ;
»óÀÚ Å©±â: Å׵θ® »óÀÚ;
¿À¹öÇ÷Î: ¼û±è;
À§Ä¡: Àý´ë;
³Êºñ: 100%;
³ôÀÌ: 100%;
}
/* Ä«µå 1 ÀÛÀº À̹ÌÁö */
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö Çà {
-Moz-»óÀÚ Å©±â: Å׵θ® »óÀÚ;
-Webkit »óÀÚ Å©±â: Å׵θ® »óÀÚ;
»óÀÚ Å©±â: Å׵θ® »óÀÚ;
³ôÀÌ: 185px;
Æеù: 0px;
¿©¹é: ÀÚµ¿;
Ç¥½Ã: flex;
}
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö Çà. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö-¼¿ {
/* ³»¿ë »óÀÚ¸¦ »ç¿ëÇÏ¿© À̹ÌÁö Å©±â°¡ ÆíÁý±â ½ºÅ°¸¶¿Í ÀÏÄ¡ÇÏ´ÂÁö È®ÀÎÇϽʽÿÀ */
-Moz-»óÀÚ Å©±â: ³»¿ë »óÀÚ;
-À¥Å¶ »óÀÚ Å©±â: ³»¿ë »óÀÚ;
»óÀÚ Å©±â: ³»¿ë »óÀÚ;
Æеù: 0px;
¿©¹é: 0px;
³Êºñ: 166px;
Å׵θ®: 1px ¼Ö¸®µå # fff;
}
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö Çà. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö ¼¿. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö ¸µÅ© {
Ç¥½Ã: ºí·Ï;
³Êºñ: 100%;
³ôÀÌ: 100%;
}
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö Çà. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö ¼¿. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö ¸µÅ©. Apm-ºê·£µå ½ºÅ丮-À̹ÌÁö-img {
Ç¥½Ã: ºí·Ï;
³Êºñ: 100%;
³ôÀÌ: 100%;
°´Ã¼ ¸ÂÃã: Ç¥Áö;
}
/* Ä«µå 3 ·Î°í À̹ÌÁö */
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-·Î°í-À̹ÌÁö {
-Moz-»óÀÚ Å©±â: ³»¿ë »óÀÚ;
-À¥Å¶ »óÀÚ Å©±â: ³»¿ë »óÀÚ;
»óÀÚ Å©±â: ³»¿ë »óÀÚ;
³ôÀÌ: 145px;
¿©¹é: 0px 4px;
Æеù: 20px;
Æеù-ÇÏ´Ü: 0px;
}
/* ÅؽºÆ® ¿À¹ö·¹ÀÌ */
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-ÅؽºÆ®-ÇÏ´Ü {
-Moz-»óÀÚ Å©±â: Å׵θ® »óÀÚ;
-Webkit »óÀÚ Å©±â: Å׵θ® »óÀÚ;
»óÀÚ Å©±â: Å׵θ® »óÀÚ;
À§Ä¡: Àý´ë;
ÇÏ´Ü: 13px;
¿ÞÂÊ: 13px;
}
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-¿µ¿õ. Apm-ºê·£µå ½ºÅ丮-ÅؽºÆ®-ÇÏ´Ü {
¹è°æ »ö»ó: rgba(0,0,0,0.6);
»ö»ó: # fff;
Æеù: 13px 65px 13px 13px; /* ù ¹ø° Ä«µåÀÇ °ãħ¿¡ ´ëÇÑ °èÁ¤ */
³Êºñ: 437px;
}
.Aplus-module.br ¹×-½ºÅ丮 Ä«µå-2-¹Ìµð¾î-ÀÚ»ê. Apm-ºê·£µå ½ºÅ丮-ÅؽºÆ®-ÇÏ´Ü {
¹è°æ »ö»ó: rgba(255,255,255,0.6);
»ö»ó: #000;
Æеù: 13px;
³Êºñ: 336px;
}
.Aplus-module.br and-story-card-1-four-asin. Apm-ºê·£µå ½ºÅ丮 ÅؽºÆ® {
¿©¹é-»ó´Ü: 8px;
}
.Aplus-module.br and-story-card-1-four-asin. Apm-brand-story-text.apm-brand-story-text-single {
¿©¹é-»ó´Ü: 20px;
}
.Aplus-module.br and-story-card-1-four-asin. Apm-ºê·£µå ½ºÅ丮-ÅؽºÆ® h3 {
Èò»ö °ø°£: nowrap;
¿À¹öÇ÷Î: ¼û±è;
ÅؽºÆ® ¿À¹öÇ÷Î: ÁÙÀÓÇ¥;
}
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮 ½½·Î°Ç-ÅؽºÆ® {
-Moz-»óÀÚ Å©±â: ³»¿ë »óÀÚ;
-À¥Å¶ »óÀÚ Å©±â: ³»¿ë »óÀÚ;
»óÀÚ Å©±â: ³»¿ë »óÀÚ;
¿©¹é: 0px 4px;
Æеù: 20px;
}
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-faq {
-Moz-»óÀÚ Å©±â: ³»¿ë »óÀÚ;
-À¥Å¶ »óÀÚ Å©±â: ³»¿ë »óÀÚ;
»óÀÚ Å©±â: ³»¿ë »óÀÚ;
Æеù-»ó´Ü: 10px;
}
. Aplus-¸ðµâ. Apm-ºê·£µå ½ºÅ丮-faq ºí·Ï {
¿©¹é: 0px 10px;
Æеù: 10px;
}. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶ ÄÁÅ×ÀÌ³Ê {
À§Ä¡: »ó´ë;
}
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶-¿µ¿õ-ÄÁÅ×À̳Ê,
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶-¿µ¿õ-ÄÁÅ×À̳Ê> div {
À§Ä¡: Àý´ë;
³Êºñ: 100%;
}/*
ȸÀü ¸ñ¸¶°¡ ÇÊ¿äÇÑ °ø°£ ¸¸ Â÷ÁöÇϵµ·Ï º¸ÀåÇÕ´Ï´Ù.
°ø°£À» Â÷ÁöÇÒ ¼ö ÀÖµµ·Ï Àý´ëÀûÀ¸·Î ¹èÄ¡ µÈ ¿ä¼Ò¿¡ Å©±â¸¦ ´Ù½Ã ¼³Á¤ÇؾßÇÕ´Ï´Ù.
*/
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶-ÄÁÅ×À̳Ê,
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶-¿µ¿õ-ÄÁÅ×ÀÌ³Ê {
³ôÀÌ: 625px;
³Êºñ: calc(100% + 15px);
ÃÖ´ë ³Êºñ: 1464px;
¿©¹é-¿ÞÂÊ: ÀÚµ¿;
¿©¹é-¿À¸¥ÂÊ: ÀÚµ¿;
}
/*
ÀÌ °æ¿ì ¸ÞÀÎ À̹ÌÁö ÄÁÅ×ÀÌ³Ê À§ÂÊ°ú ·Î°í ¿µ¿ª (125px) µÚ¿¡ ȸÀüÆÇÀÇ Áß½ÉÀÌ ¼¼·Î·Î ¸ÂÃçÁý´Ï´Ù.
¿©¹é-»ó´Ü = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-ȸÀü ¸ñ¸¶-Çà-³»ºÎ {
¿©¹é »ó´Ü: 149px;
}
/*
Ä«µåÀÇ ³Êºñ°¡ ¼³Á¤µÇ¾î ÀÖ¾î¾ß ÇÕ´Ï´Ù. ±×·¸Áö ¾ÊÀ¸¸é ±âº»°ªÀº 50px Á¤µµÀÔ´Ï´Ù.
¸ðµç Ä«µåÀÇ ³Êºñ´Â µ¿ÀÏÇؾßÇÕ´Ï´Ù. ȸÀü ¸ñ¸¶´Â ¸ðµç Ä«µå°¡ °¡Àå Å« Ä«µåÀÇ ³Êºñ¸¦ Â÷ÁöÇϵµ·Ï ÀÚü Å©±â°¡ Á¶Á¤µË´Ï´Ù.
¿ÞÂÊ ¿©¹éÀº °¢ Ä«µå »çÀÌ¿¡ °ø¹éÀ» µÎ±âÀ§ÇÑ °ÍÀÔ´Ï´Ù.
*/
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-ȸÀü ¸ñ¸¶ Ä«µå {
³Êºñ: 362px;
¿©¹é-¿ÞÂÊ: 30px! Áß¿ä;
}
/* Ž»ö ¹öÆ°ÀÌ Å°°¡ Å©°í ¿·¸é°ú ÆòÆòÇÏ¸ç ±ú²ýÇÑ Èò»ö ¹è°æÀ» °®µµ·Ï ½ºÅ¸Àϸµ */
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-carousel-col.a-carousel-left,
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-carousel-col.a-carousel-right {
Æеù: 0px;
}
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-carousel-col.a-carousel-left. A-¹öÆ° À̹ÌÁö,
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-carousel-col.a-carousel-right. A-¹öÆ° À̹ÌÁö {
±¹°æ: ¾øÀ½;
¿©¹é: 0px;
}
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-carousel-col.a-carousel-left. A-¹öÆ° À̹ÌÁö. A-¹öÆ° ³»ºÎ
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-carousel-col.a-carousel-right. A-¹öÆ° À̹ÌÁö. A-¹öÆ° ³»ºÎ {
¹è°æ: # fff;
Æеù: 20px 6px;
}
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-carousel-col.a-carousel-left. A-¹öÆ° À̹ÌÁö. A-¹öÆ° ³»ºÎ {
Å׵θ® ¹Ý°æ: 0px 4px 4px 0px;
}
. Aplus-v2. Apm-ºê·£µå ½ºÅ丮-ȸÀü ¸ñ¸¶. A-carousel-col.a-carousel-right. A-¹öÆ° À̹ÌÁö. A-¹öÆ° ³»ºÎ {
Å׵θ® ¹Ý°æ: 4px 0px 0px 4px;
}