µü 8ÁÖ¸é ÃæºÐÇÕ´Ï´Ù.
1ÀÎâ¾÷½ºÄð¿¡¼ ´ëÇѹα¹ ÃÖÃÊ! ·Î
8ÁÖ¸¸¿¡ Ã¥¾²±â °í±Þ ³ëÇÏ¿ì¿Í
Ã¥À» ¾²¸é¼ ¹Ýµå½Ã ÁغñÇؾßÇÏ´Â
ÀÛ°¡/Ã¥ È«º¸¸¶ÄÉÆà ±îÁö
¸ðµç°ÍÀ» Çѹø¿¡ ÁغñÇÒ ¼ö ÀÖ´Â
Ã¥¾²±â ¿ÃÀοø °úÁ¤À» ÁغñÇß½À´Ï´Ù.
ÃÖÃÊ! ¿ÃÀοø Ã¥¾²±â ÇÁ·ÎÁ§Æ® 8ÁÖ°úÁ¤ Ä¿¸®Å§·³
0ÁÖÂ÷
°³º° ¸ÂÃã Ã¥ ¾²±â ÁÖÁ¦/¹æÇâ ÄÁ¼³ÆÃ(»çÀü ¹ÌÆÃ)
1ÁÖÂ÷
ÁÖÁ¦¿¡ µû¸¥ Á¦¸ñ ¸¸µé±â- »À´ë ¼¼¿ì±â(1)
2ÁÖÂ÷
Àå Á¦¸ñ°ú ¸ñÂ÷ ¸¸µå´Â ¹æ¹ý- »À´ë ¼¼¿ì±â(2) *Á¦¸ñ, ÀåÁ¦¸ñ, ¸ñÂ÷ ¿Ï¼º!
3ÁÖÂ÷
¼·Ð, º»·Ð ¾²´Â ¹æ¹ý- ä¿ì±â(1)
4ÁÖÂ÷
°á·Ð ¾²´Â ¹æ¹ý/¿ø°í Å»°íÇÏ´Â ¹æ¹ý- ä¿ì±â(2)
5ÁÖÂ÷
ÃâÆÇ»ç Åõ°íÇÏ´Â ¹æ¹ý/ ¿ø°í Áß°£ Á¡°Ë
6ÁÖÂ÷
ÀÛ°¡/Ã¥ È«º¸¸¶ÄÉÆÃ(1)
Ã¥ ÆǸŠÁö¼ö¸¦ ¿Ã¸®·Á¸é?
³» Ã¥À» ¿Ã¸± ¼ö ÀÖ´Â eä³ÎÀº?
ÀúÀÚ»çÀÎ ¸¸µé±â
Ã¥ÀÌ ³ª¿À¸é ¹Ù·Î ÇØ¾ß ÇÏ´Â °ÍµéÀº?
Ä«Æä ¼Æò´Ü À̺¥Æ® ÁøÇàÇϱâ
³» Ã¥ ±â»ç ³»´Â ¹ý
7ÁÖÂ÷
ÀÛ°¡/Ã¥ È«º¸¸¶ÄÉÆÃ(2)
ÀÛ°¡ ºí·Î±× ¿î¿µÀÇ ¸ðµç°Í
ºí·Î±×·Î ¼ÆòÀ̺¥Æ® ¿î¿µÇϴ Ư±Þ ³ëÇÏ¿ì
³×À̹ö Ã¥ ¹®ÈÆÇ ³ëÃâ ½ÅûÇÏ´Â ¹ý
³×À̹ö ºÏ½º À̺¥Æ® ½Åû¹ý
8ÁÖÂ÷
ÀÛ°¡/Ã¥ È«º¸¸¶ÄÉÆÃ(3)
ÀνºÅ¸±×·¥ ÀÛ°¡¸¶ÄÉÆÃÀÇ ¸ðµç °Í
ÀνºÅ¸ ¸®±×·¥À̺¥Æ® ¿î¿µ Ư±Þ ³ëÇÏ¿ì
ÀÎÇ÷ç¾ð¼¿¡°Ô Ã¥ È«º¸ÇÏ´Â ¹æ¹ý
ÀνºÅ¸±×·¥ ±¤°í
±¸±Û¾ÖÁî °¡ÀÔºÎÅÍ Ã¥ È«º¸ÇÏ´Â ¹ý±îÁö
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* pcȸ麸±â¹öÆ° */
.button {
/* Fallback style */
border: 1px solid rgba(0, 0, 0, 0.3);
color: white;
display: inline-block;
font: bold 1.5em 'Trebuchet MS', Arial, Helvetica, NanumGothic, '³ª´®°íµñ', 'Nanum Gothic', Dotum, 'µ¸À½';
margin-top: 25px;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0px 0px 0.05em rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 0.05em rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 0.05em rgba(0, 0, 0, 0.4);
}
.button:active {
/* When pressed, move it down 1px */
position: relative;
top: 1px;
}
.button span {
padding: 0.5em 1.5em;
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/* Pattern settings */
-moz-background-size: 3px 3px;
-webkit-background-size: 3px 3px;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(0, 0, 0, 0.05)), color-stop(0.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(0, 0, 0, 0.05)), color-stop(0.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, rgba(0, 0, 0, 0.05)));
background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
background-size: 3px 3px;
}
.button.button-silver {
background: #c5c5c5;
background-image: -moz-linear-gradient(top, #eaeaea, #c5c5c5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#c5c5c5));
background-image: -webkit-linear-gradient(top, #eaeaea, #c5c5c5);
background-image: -o-linear-gradient(top, #eaeaea, #c5c5c5);
background-image: linear-gradient(to bottom, #eaeaea, #c5c5c5);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c5c5c5');
}
.button.button-silver:active {
background: #c5c5c5;
}