º»¹®³»¿ë ¹Ù·Î°¡±â
MDÀǼ±Åà ¹«·á¹è¼Û ¼Òµæ°øÁ¦

µ¿¿µ»ó°ú 280°³ ¿¹Á¦·Î ¹è¿ì´Â HTML CSS ÀÚ¹Ù½ºÅ©¸³Æ® ¹«ÀÛÁ¤µû¶óÇϱâ

CD1ÀåÆ÷ÇÔ | ¹«ÀÛÁ¤ µû¶óÇϱâ 183
°í°æÈñ ÁöÀ½ | ±æ¹þ | 2008³â 06¿ù 23ÀÏ Ãâ°£
  • Á¤°¡ : 23,800¿ø
    ÆÇ¸Å°¡ : 21,420¿ø [10%¡é 2,380¿ø ÇÒÀÎ]
  • ÅëÇÕÆ÷ÀÎÆ® :
    [±âº»Àû¸³] 1,190¿ø Àû¸³ [5% Àû¸³] [Ãß°¡Àû¸³] 5¸¸¿ø ÀÌ»ó ±¸¸Å ½Ã 2õ¿ø Ãß°¡Àû¸³ ¾È³» [ȸ¿øÇýÅÃ] ½Ç¹öµî±Þ ÀÌ»ó, 3¸¸¿ø ÀÌ»ó ±¸¸Å ½Ã 2~4% Ãß°¡Àû¸³ ¾È³»
  • Ãß°¡ÇýÅà : Æ÷ÀÎÆ® ¾È³» µµ¼­¼Òµæ°øÁ¦ ¾È³» Ãß°¡ÇýÅà ´õº¸±â
  • ¹è¼Ûºñ : ¹«·á ¹è¼Ûºñ ¾È³»
  • µµ¼­»óÅÂ : ÀýÆÇ
»óǰ»ó¼¼Á¤º¸
ISBN 9788975607547(8975607542)
Âʼö 486ÂÊ
Å©±â 210 * 297 mm ÆÇÇü¾Ë¸²

Ã¥¼Ò°³

ÀÌ Ã¥ÀÌ ¼ÓÇÑ ºÐ¾ß

½Ç¹« ¿¹Á¦ ¹× µ¿¿µ»óÀ¸·Î ¹è¿ì´Â HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ® ÀÔ¹®¼­!

ÀÌ Ã¥Àº HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÄÄÇ»ÅÍ »ç¿ëÀÚ°¡ È¥ÀÚ¼­µµ ÇнÀÇÒ ¼ö ÀÖµµ·Ï µû¶óÇϱâ Çü½ÄÀ¸·Î ±¸¼ºÇÑ ¾È³»¼­ÀÌ´Ù. HTML·Î Åä´ë¸¦ ¸¸µé°í CSS·Î µðÀÚÀÎÀ» ¿Ï¼ºÇϰí ÀÚ¹Ù½ºÅ©¸³Æ®·Î µ¿ÀûÀÎ È¿°ú¸¦ »ì¸®´Â °úÁ¤À» ¼³¸íÇÑ´Ù. º»¹®Àº »õ·ÎÀÌ ¹è¿ì°Ô µÇ´Â À¥ ÇÁ·Î±×·¡¹ÖÀÇ ±âÃÊ ÀÌ·ÐÀ» Ç¥¿Í ±×¸²À» ÅëÇØ ÇØ¼³ÇÑ´Ù.

±×·± ´ÙÀ½ º»¹® ³»¿ë¿¡¼­ ²À ¾Ë¾Æ¾ß ÇÏ´Â ºÎºÐÀ» ¹«ÀÛÁ¤ µû¶óÇØ º¼ ¼ö ÀÖµµ·Ï ÇÏ¿© À¥ ÇÁ·Î±×·¡¹Ö¿¡ ¹«³­ÇÏ°Ô Á¢±ÙÇϵµ·Ï ÇØÁØ´Ù. ¶ÇÇÑ °øºÎÇÑ ³»¿ëÀ» Á÷Á¢ ÀÀ¿ëÇØ º¼ ¼ö ÀÖ´Â ¿¹Á¦¸¦ ¼ö·ÏÇÏ¿´´Ù. ºÎ·Ï CD¿¡¼­ ÀÌ¿¡ ´ëÇÑ ÇØ´äÀ» ãÀ» ¼ö ÀÖ´Ù. ºÎ·Ï CD¿¡´Â ¿¹Á¦ ÆÄÀÏ ¹× µ¿¿µ»ó °­ÀÇ ÆÄÀÏ, °¢Á¾ À¥ ÇÁ·Î±×·¡¹Ö °ü·Ã À¯Æ¿¸®Æ¼°¡ ¼ö·ÏµÇ¾î ÀÖ´Ù.

±×¸®°í º»¹®¿¡´Â ÇнÀÀÇ È帧À» À̾îÁָ鼭 º»¹® ³»¿ëÀÇ ±æÀâÀÌ ¿ªÇÒÀ» ÇØÁÖ´Â '°¡Á¤±³»ç', ¾Ë°í ÀÖÀ¸¸é À¯ÀÍÇÑ »ó½ÄÀ̳ª Âü°íÇϸé ÁÁÀº ȨÆäÀÌÁö Á¦ÀÛ ¹è°æ Áö½ÄµéÀ» Á¦½ÃÇÏ´Â 'Àá±ñ¸¸¿ä', ÀÔ¹®ÀÚ¿¡¼­ Áß±Þ ÀÌ»óÀÇ »ç¿ëÀÚ°¡ µÇ´Â µ¥ ²À ÇÊ¿äÇÑ ½ÉÈ­ ÀÌ·ÐÀ» ¼Ò°³ÇÑ 'ÇѰÉÀ½ ´õ' µî ´Ù¾çÇÑ Äڳʸ¦ ÅëÇØ Ãß°¡ÀÇ ÆÁÀ» Á¦°øÇÑ´Ù.

¢º ÀÌ Ã¥ÀÇ ±¸¸Å Æ÷ÀÎÆ®!
¸Å´º¾ó°ú °°Àº ³ª¿­½ÄÀÌ ¾Æ´Ñ ¿¹Á¦ Áß½ÉÀ¸·Î ±¸¼ºÇßÀ¸¸ç, ¹è¿ì±â ½¬¿î ³»¿ëºÎÅÍ Á¤¸®ÇÏ¿´´Ù. ´Ù¾çÇÑ ¿¹Á¦¸¦ Àç¹ÌÀÖ°Ô µû¶ó Çϸ鼭 HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÚÀ¯ÀÚÀç·Î ½Ç¹«¿¡ Àû¿ëÇÒ ¼ö ÀÖ´Â ÀÀ¿ë·ÂÀ» Ű¿ï ¼ö ÀÖ´Ù.

»ó¼¼À̹ÌÁö

HTML CSS ÀÚ¹Ù½ºÅ©¸³Æ® ¹«ÀÛÁ¤µû¶óÇϱâ(µ¿¿µ»ó°ú 280°³ ¿¹Á¦·Î ¹è¿ì´Â)(CD1ÀåÆ÷ÇÔ)(¹«ÀÛÁ¤ µû¶óÇϱâ 183) µµ¼­ »ó¼¼À̹ÌÁö

¸ñÂ÷

¸Ó¸®¸»
º£Å¸Å×½ºÅ͵éÀÇ ¸»¸»¸»!
ÀÌ Ã¥ÀÇ ±¸¼º
ºÎ·Ï CD ±¸¼º
ÀÌ Ã¥Àº ÀÌ·¸°Ô °øºÎÇϼ¼¿ä

ù°¸¶´ç HTML°ú CSS

01 À¥ ¹®¼­¸¦ ³í¸®ÀûÀÌ°í ±ò²ûÇÏ°Ô ¸¸µå´Â HTML°ú CSS
HTMLÀ̶õ?
HTMLÀ» ¹è¿ì´Â ÀÌÀ¯
Àü¹® HTML Å뿪»ç, À¥ ºê¶ó¿ìÀú
ÀÎÅÍ³Ý ÀͽºÇ÷η¯
ÆÄÀÌ¾îÆø½º
¿ÀÆä¶ó
ºê¶ó¿ìÀú¿¡¼­ HTMLÀ» Àд ¹æ¹ý
[Àá±ñ¸¸¿ä] HTML°ú Ç¥ÁØ ±Ô¾à
HTML ÆíÁý ÇÁ·Î±×·¥
¸Þ¸ðÀå
HTML Àü¿ë ÆíÁý±â
À§ÁöÀ¨ ÆíÁý±â
HTML°ú °ü·ÃµÈ À¥ ¾ð¾î
XHTML
ÀÚ¹Ù½ºÅ©¸³Æ®
¼­¹ö ½ºÅ©¸³Æ® ¾ð¾î
[Àá±ñ¸¸¿ä] HTML ÆÄÀÏÀ» ÀúÀåÇÒ ¶§ ÁÖÀÇÇϼ¼¿ä.
½ºÅ¸ÀÏ ½ÃÆ®¶õ
½ºÅ¸ÀÏ ½ÃÆ®¸¦ »ç¿ëÇØ¾ß ÇÏ´Â ÀÌÀ¯
½ºÅ¸ÀÏ ½ÃÆ®ÀÇ »ç¿ë¹æ¹ý
½ºÅ¸ÀÏÀÇ Á¾·ù
ÅÂ±× ½ºÅ¸ÀÏ
Ŭ·¡½º ½ºÅ¸ÀÏ
ID ½ºÅ¸ÀÏ
½ºÅ¸ÀÏÀÇ Àû¿ë ±ÔÄ¢
»ó¼Ó
½ºÅ¸ÀÏÀÇ ¿ì¼±¼øÀ§
[Àá±ñ¸¸¿ä] À¥ Ç¥ÁØÀ̶õ?
¹«ÀÛÁ¤ µû¶óÇϱ⠽ǽÀ ÆÄÀÏ ¼³Ä¡Çϱâ
¹«ÀÛÁ¤ µû¶óÇϱ⠳ªÀÇ Ã¹ ¹øÂ° HTML ¹®¼­ ¸¸µé±â
¹«ÀÛÁ¤ µû¶óÇϱâ À©µµ¿ì Ž»ö±â¿¡¼­ ÆÄÀÏ È®ÀåÀÚ Ç¥½ÃÇϱâ


02 À¥ ¹®¼­ÀÇ ÇüŸ¦ °áÁ¤ÇÏ´Â ±âº» ±¸Á¶¿Í ¹è°æ ´Ù·ç±â
HTML ¹®¼­ÀÇ ±âº» ±¸Á¶
HTML ű×ÀÇ Æ¯Â¡
¿©´Â ÅÂ±×¿Í ´Ý´Â ű×ÀÇ ±¸ºÐ
´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏÁö ¾Ê°í »ç¿ë
µé¿©¾²±â°¡ Àû¿ëµÇÁö ¾ÊÀ½
[Àá±ñ¸¸¿ä] ű׳ª űװ¡ ºüÁø ÀÌÀ¯
±ÛÀÚ¿Í ±ÛÀÚ »çÀÌ´Â ÇÑ Ä­¸¸ ÀνÄ
ÅÂ±× ¾È¿¡ ¼Ó¼º Á¤Àǰ¡ °¡´É
ºñÃßõ ÅÂ±×¿Í ¼Ó¼ºÀÌ Á¸Àç
¹®¼­ Á¤º¸ ÁöÁ¤Çϱâ - ű×
¹®Àڼ ÁöÁ¤Çϱâ
Ű¿öµå¿Í ¿ä¾à Á¤º¸ Á¦°øÇϱâ
À¥ ¹®¼­ Á¦ÀÛ ÇÁ·Î±×·¥°ú Á¦ÀÛÀÚ ÁöÁ¤Çϱâ
[Àá±ñ¸¸¿ä] ¹®¼­ À¯ÇüÀ» ¾Ë·ÁÁÖ´Â DOCTYPE
ÀÏÁ¤ ½Ã°£ ÈÄ ÀÚµ¿À¸·Î ´Ù¸¥ ȨÆäÀÌÁö ¿¬°áÇϱâ
¹®¼­ Á¦¸ñ ÁöÁ¤Çϱâ - ÅÂ±× <br> ´Ü¶ô Á¦¸ñ ÁöÁ¤Çϱâ - <hn> ÅÂ±× <br> ¼öÆò¼± »ðÀÔÇϱâ - <hr> ÅÂ±× <br> ÁÖ¼® »ðÀÔÇϱâ - <!-- --> <br> ±ÛÀÚ»ö ¹Ù²Ù±â - color ¼Ó¼º <br> »ö»ó Ç¥½Ã ¹æ¹ý <br> [Àá±ñ¸¸¿ä] ½ºÅ¸ÀÏ ¼Ó¼º Ç¥¸¦ Àд ¹æ¹ý <br> À¥ ¹®¼­ÀÇ ¹è°æ ´Ù·ç±â - background ¼Ó¼º <br> ¹®¼­ ¹è°æ»ö ¹Ù²Ù±â - background-color ¼Ó¼º <br> ¹è°æ À̹ÌÁöÀÇ °æ·Î ÁöÁ¤Çϱâ - background-image ¼Ó¼º <br> ¹è°æ À̹ÌÁö ¹Ýº¹Çϱâ - background-repeat ¼Ó¼º <br> ¹è°æ À̹ÌÁö °íÁ¤Çϱâ background-attachment ¼Ó¼º <br> ¹è°æ À̹ÌÁöÀÇ À§Ä¡ ÁöÁ¤Çϱâ - background-position ¼Ó¼º <br> ¸ðµç ¼Ó¼ºÀ» ÇѲ¨¹ø¿¡ ÁöÁ¤Çϱâ - background ¼Ó¼º <br> ¹«ÀÛÁ¤ µû¶óÇϱâ ÀÚÁÖ »ç¿ëÇÏ´Â ¸Þ¸ðÀå ÇÁ·Î±×·¥ÀÇ ¹Ù·Î °¡±â ¸¸µé±â <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠿À¸¥ÂÊ ¾Æ·¡¿¡ °íÁ¤µÈ ¹è°æ À̹ÌÁö »ðÀÔÇϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱâ Áß¿äÇÑ ³»¿ëÀ» Çü±¤ÆæÀ¸·Î »öÄ¥Çϱâ <br> ½ÇÀü¿¹Á¦ <br> <br> 03 À¥ ¹®¼­¿¡ ³»¿ëÀ» ä¿ì´Â ±ÛÀÚ¿Í ´Ü¶ô ´Ù·ç±â <br> ´Ü¶ô ±¸ºÐÇϱâ - <p> ÅÂ±× <br> ÁÙ ¹Ù²Ù±â - <br> ÅÂ±× <br> [Àá±ñ¸¸¿ä] <p> ű׸¦ ÁÙ¹Ù²Þ Å±׷Π»ç¿ëÇÏÁö ¸¶¼¼¿ä. <br> ´Ù¾çÇÑ ÅØ½ºÆ® °ü·Ã ű׵é <br> »ç¿ëÀÚÀÇ ÀÔ·Â Çü½ÄÀ» ±×´ë·Î º¸¿©ÁÖ±â - <pre> ÅÂ±× <br> ÀοëÇÑ ³»¿ëÀ» ±¸º°Çϱâ - <blockquote> ÅÂ±× <br> ±âŸ ÅØ½ºÆ® ű׵é <br> ¼ø¼­ ¸ñ·Ï ¸¸µé±â - <ol> / <li> ÅÂ±× <br> ¼ø¼­¾ø´Â ¸ñ·Ï ¸¸µé±â - <ul> / <li> ÅÂ±× <br> Á¤ÀÇ ¸ñ·Ï ¸¸µé±â - <dl> / <dt> / <dd> ÅÂ±× <br> ±Û²Ã ´Ù·ç±â - font ¼Ó¼º <br> ±Û²Ã ÁöÁ¤Çϱâ - font-family <br> ±ÛÀÚ Å©±â ÁöÁ¤Çϱâ - font-size <br> ÀÌÅŸ¯Ã¼ ÁöÁ¤Çϱâ - font-style <br> ±Û²Ã ±½±â ÁöÁ¤Çϱâ - font-weight <br> ÀÛÀº ´ë¹®ÀÚ Ç¥½ÃÇϱâ - font-variant <br> ÁÙ °£°Ý ÁöÁ¤Çϱâ - line-height ¼Ó¼º <br> ±ÛÀÚ °£°Ý°ú ´Ü¾î °£°Ý ÁöÁ¤Çϱâ - letter-spacing / word-spacing ¼Ó¼º <br> ´Ü¶ô ´Ù·ç±â - text ¼Ó¼º <br> ´Ü¶ôÀÇ Ã¹ ±ÛÀÚ µé¿©¾²±â - text-indent ¼Ó¼º <br> ÅØ½ºÆ® Á¤·ÄÇϱâ - text-align ¼Ó¼º <br> ±ÛÀÚ¿¡ È¿°úÁÖ±â - text-decoration ¼Ó¼º <br> ¹«ÀÛÁ¤ µû¶óÇϱâ À¥ ¹®¼­¿¡ ÅØ½ºÆ® ÀÔ·ÂÇϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠼ø¼­ ¾ø´Â ¸ñ·ÏÀ¸·Î Ç׸ñ ³ª¿­Çϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱâ Á¤ÀÇ ¸ñ·ÏÀ» ÀÌ¿ëÇÏ¿© Ç׸ñ ³ª¿­Çϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠱ÛÀÚ¸¦ º¸±â ÁÁ°Ô Á¤¸®Çϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱâ À¥ ¹®¼­ÀÇ ÅØ½ºÆ® ´Ü¶ô ±¸ºÐÇϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠽ºÅ¸ÀÏ ½ÃÆ®¸¦ ÀÌ¿ëÇÑ ÅØ½ºÆ® Á¶ÀýÇϱâ <br> <br> <br> 04 ¿©¹é°ú Å׵θ®¸¦ Àâ¾ÆÁÖ´Â ¹Ú½º ¸ðµ¨ ½ºÅ¸ÀÏ ½ÃÆ® ´Ù·ç±â <br> ¹Ú½º(box) ÇüÅÂÀÇ ÅØ½ºÆ® ´Ü¶ô <br> ¹Ù±ù ¿©¹é ÁöÁ¤Çϱâ - margin ¼Ó¼º <br> ¾È ¿©¹é ÁöÁ¤Çϱâ - padding ¼Ó¼º <br> Å׵θ® ÁöÁ¤Çϱâ - border ¼Ó¼º <br> Å׵θ® µÎ²² ÁöÁ¤Çϱâ - border-width ¼Ó¼º <br> Å׵θ® »ö»ó ÁöÁ¤Çϱâ - border-color ¼Ó¼º <br> Å׵θ® ½ºÅ¸ÀÏ ÁöÁ¤Çϱâ - border-style ¼Ó¼º <br> ¸ñ·Ï ½ºÅ¸ÀÏ ÁöÁ¤Çϱâ - list-style ¼Ó¼º <br> ¸ñ·ÏÀÇ ºÒ¸´ À¯Çü ÁöÁ¤Çϱâ - list-style-type ¼Ó¼º <br> ºÒ¸´ À§Ä¡ ÁöÁ¤Çϱâ - list-style-position ¼Ó¼º <br> ºÒ¸´À» À̹ÌÁö·Î ¹Ù²Ù±â - list-style-image ¼Ó¼º <br> ¸ñ·ÏÀ» ¸Þ´º·Î Ȱ¿ëÇϱâ <br> ¼¼·ÎÇü ¸Þ´º ¨ç <br> ¼¼·ÎÇü ¸Þ´º ¨è <br> °¡·ÎÇü ¸Þ´º <br> ¹«ÀÛÁ¤ µû¶óÇϱâ ÅØ½ºÆ® ´Ü¶ôÀÇ ¿©¹é°ú Å׵θ® Á¶ÀýÇϱâ <br> ÇѰÉÀ½ ´õ ¸ñ·ÏÀ» ÀÌ¿ëÇÑ ´Ù¾çÇÑ ³»ºñ°ÔÀÌ¼Ç ¸Þ´º <br> ½ÇÀü ¿¹Á¦ <br> <br> <br> 05 ȨÆäÀÌÁö¸¦ ±ò²ûÇÏ°Ô Á¤¸®Çϴ ǥ¿Í Æû ´Ù·ç±â <br> Ç¥ ¸¸µé±â <br> Ç¥ÀÇ ½ÃÀÛ°ú ³¡ Á¤¸®Çϱâ - <table> ÅÂ±× <br> Ç¥¿¡ Á¦¸ñ ºÙÀ̱â - <caption> ÅÂ±× <br> ¿­°ú Çà, Á¦¸ñ ÁöÁ¤Çϱâ - <tr>, <td>, <th> ÅÂ±× <br> [Àá±ñ¸¸¿ä] Ç¥¿Í ·¹À̾ƿôÀÇ ºÐ¸® <br> Ç¥ ¾È¿¡ Ç¥ ³Ö±â <br> Çì´õ¿Í ǪÅÍ, º»¹® ±¸ºÐÇϱâ - <thead> / <tfoot> / <tbody> ÅÂ±× <br> Æû »ðÀÔÇϱâ - <form> ÅÂ±× <br> ÆûÀÇ ÁÖ¿ä ¼Ó¼º Á¤ÀÇÇϱâ - <input> ÅÂ±× <br> ÅØ½ºÆ® ÇÊµå »ðÀÔÇϱâ - type="text" ¼Ó¼º <br> ÆÐ½º¿öµå ÇÊµå »ðÀÔÇϱâ - type="password" ¼Ó¼º <br> ¶óµð¿À ¹öư »ðÀÔÇϱâ - type="radio" ¼Ó¼º <br> üũ¹Ú½º »ðÀÔÇϱâ - type="checkbox" ¼Ó¼º <br> È®ÀÎ/ÃʱâÈ­/¹öư ¸¸µé±â - type="submit" / type="reset" / type="button" ¼Ó¼º <br> È÷µç ÇÊµå ¸¸µé±â - type="hidden" ¼Ó¼º <br> ÆÄÀÏ Ã·ºÎ ¹öư ¸¸µé±â - type="file" ¼Ó¼º <br> ¼±Åà ¸ñ·Ï ¸¸µé±â - <select> ÅÂ±×¿Í <option> ÅÂ±× <br> ¼±Åà ¸ñ·Ï Á¤ÀÇÇϱâ - <select> ÅÂ±× <br> ¼±Åà Ç׸ñ ÁöÁ¤Çϱâ - <option> ÅÂ±× <br> ÅØ½ºÆ® ¿µ¿ª ¸¸µé±â - <textarea> ÅÂ±× <br> ¼¿ÀÌ °¢°¢ Ç¥½ÃµÇ´Â Å׵θ® ±×¸®±â <br> ÀϹÝÀûÀΠǥ Å׵θ® ±×¸®±â <br> ¹«ÀÛÁ¤ µû¶óÇϱâ <table> ű׸¦ ÀÌ¿ëÇÑ ¿µ¾ç ºñ±³Ç¥ ¸¸µé±â <br> ¹«ÀÛÁ¤ µû¶óÇϱâ CSS°¡ Àû¿ëµÈ Æû ¸¸µé±â <br> <br> <br> 06 ȨÆäÀÌÁöÀÇ ²É ÇÏÀÌÆÛ¸µÅ© ¸¸µé°í ²Ù¹Ì±â <br> ÇÏÀÌÆÛ¸µÅ©¶õ? <br> ÇÏÀÌÆÛ¸µÅ©ÀÇ Á¾·ù <br> À̹ÌÁö ¸µÅ© <br> ÅØ½ºÆ® ¸µÅ© <br> ¸Þ´º ¸µÅ© <br> ÇÏÀÌÆÛ¸µÅ© ¸¸µé±â - <a> ÅÂ±×¿Í href ¼Ó¼º <br> ÅØ½ºÆ® ¸µÅ© ¸¸µé±â <br> À̹ÌÁö ¸µÅ© ¸¸µé±â <br> »ó´ë °æ·Î¿Í Àý´ë °æ·Î <br> ¾ÞÄ¿ ÀÌ¿ëÇϱâ - name ¼Ó¼º <br> »õ â¿¡ ¸µÅ© ¿­±â - target ¼Ó¼º <br> ¸µÅ© ¹ØÁÙ ´Ù·ç±â <br> ¹ØÁÙ ¾ø¾Ö±â - text-decoration:none <br> ¹ØÁÙÀ» Á¡¼±À¸·Î Ç¥½ÃÇϱâ - border-bottom:dotted <br> ¸µÅ©¿Í °ü·ÃµÈ ½ºÅ¸ÀÏ <br> ¸¶¿ì½º Æ÷ÀÎÅ͸¦ ¸µÅ© À§¿¡ ¿Ã·Á³õ´Â »óȲ - a:hover ½ºÅ¸ÀÏ <br> ¸µÅ©¸¦ Ŭ¸¯ÇÏ´Â »óȲ - a:active ½ºÅ¸ÀÏ <br> Çѹø ¹æ¹®Çß´ø ¸µÅ©¿¡ Àû¿ë- a:visited ½ºÅ¸ÀÏ <br> ¸µÅ© °ü·Ã ½ºÅ¸ÀÏÀÇ Àû¿ë ¼øÀ§ <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠰¢ ¹®¼­·Î ¿¬°áÇÏ´Â ¸µÅ© ¸¸µé±â <br> <br> <br> 07 ȨÆäÀÌÁö¸¦ ´õ ¸ÚÁö°Ô ¸¸µå´Â À̹ÌÁö¿Í ¸ÖƼ¹Ìµð¾î ÆÄÀÏ »ðÀÔÇϱâ <br> À̹ÌÁö »ðÀÔÇϱâ - <img> ÅÂ±× <br> À¥ ¹®¼­¿Í À̹ÌÁö <br> À̹ÌÁö¸¦ ´ë½ÅÇÏ´Â ÅØ½ºÆ® ¸¸µé±â - alt ¼Ó¼º <br> À̹ÌÁö¸¦ ¼³¸íÇÏ´Â ÅØ½ºÆ® ¸¸µé±â - title ¼Ó¼º <br> alt ¼Ó¼ºÀ» »ç¿ëÇÏÁö ¾Ê´Â °æ¿ì <br> [Àá±ñ¸¸¿ä] ´Ù¸¥ ȨÆäÀÌÁö¿¡ ÀÖ´Â À̹ÌÁö »ðÀÔÇϱâ <br> ³» ÄÄÇ»ÅÍÀÇ À̹ÌÁö¸¦ °Ô½ÃÆÇ¿¡ ¿Ã¸®±â <br> <br> ¸ÖƼ¹Ìµð¾î ÆÄÀÏ »ðÀÔÇϱâ - <embed> / <object> ÅÂ±× <br> <embed> ÅÂ±× »ç¿ëÇϱâ <br> [Àá±ñ¸¸¿ä] À¥¾Ù¹ü ¼­ºñ½º¸¦ Á¦°øÇÏ´Â ±¸±ÛÀÇ ÇÇÄ«»ç <br> <object> ÅÂ±× »ç¿ëÇϱâ <br> À¥ ¼­¹ö¿¡ ÀÖ´Â µ¿¿µ»ó »ðÀÔÇϱâ <br> [Àá±ñ¸¸¿ä] »ç¿ëÀÚ ÄÄÇ»ÅÍ¿¡¼­ ¾×Ƽºê¿¢½º(ActiveX) ½ÇÇàÇϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱâ À¥ ¹®¼­¿¡ À̹ÌÁö »ðÀÔÇϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱâ ÀÎÅÍ³Ý µ¿¿µ»ó ÆÛ¿À±â <br> ÇѰÉÀ½ ´õ ÄÁÆ®·ÑÀ» Ȱ¼ºÈ­ÇÏÁö ¾Ê°í ¸ÖƼ¹Ìµð¾î ÆÄÀÏ Àç»ýÇϱâ <br> <br> <br> 08 ½ºÅ¸ÀÏ ½ÃÆ®·Î ȨÆäÀÌÁöÀÇ ·¹À̾ƿô µðÀÚÀÎÇϱâ <br> ·¹À̾ƿô ½Ã¾È ±×¸®±â <br> °¢°¢ÀÇ ¿ä¼Ò¸¦ ¾Ë¸ÂÀº ±×¸©¿¡ ³Ö±â - <div> ÅÂ±× <br> ¿ä¼ÒµéÀ» ¿øÇÏ´Â À§Ä¡¿¡ ¹èÄ¡Çϱâ - position ¼Ó¼º <br> µ¿µîÇÑ À§Ä¡¿¡ ¹èÄ¡Çϱâ - static ¼Ó¼º°ª <br> »ó´ëÀûÀÎ À§Ä¡¿¡ ¹èÄ¡Çϱâ - relative ¼Ó¼º°ª <br> Àý´ëÀûÀÎ À§Ä¡¿¡ ¹èÄ¡Çϱâ - absolute ¼Ó¼º°ª <br> ¿ä¼ÒÀÇ Á¿ì À§Ä¡¸¦ ÁöÁ¤Çϱâ - float ¼Ó¼º <br> float ¼Ó¼ºÀ» Ãë¼ÒÇϱâ - clear ¼Ó¼º <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠽ºÅ¸ÀÏ ½ÃÆ®·Î ³»¿ë ¹èÄ¡Çϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠽ºÅ¸ÀÏ ½ÃÆ® ¼û°Ü µÎ±â <br> <br> <b>µÑ°¸¶´ç ÀÚ¹Ù½ºÅ©¸³Æ®</b> <br> <br> 09 ¿òÁ÷À̴ ȨÆäÀÌÁö ÀÚ¹Ù½ºÅ©¸³Æ® <br> ÀÚ¹Ù½ºÅ©¸³Æ®¶õ? <br> HTML°ú ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °ü°è <br> ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Åº»ý <br> [Àá±ñ¸¸¿ä] ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ÀÚ¹Ù´Â ´Ù¸¥ ¾ð¾îÀÔ´Ï´Ù. <br> ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ µ¿ÀÛ ¿ø¸® <br> ÀÚ¹Ù½ºÅ©¸³Æ® ¼Ò½º ÀÛ¼º ¿ä·É <br> ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¼±¾ð ¹æ¹ý <br> ³»ºÎ ½ºÅ©¸³Æ® »ç¿ëÇϱâ <br> ¿ÜºÎ ½ºÅ©¸³Æ® ¿¬°áÇϱâ <br> ¿ÜºÎ ½ºÅ©¸³Æ®ÀÇ ÀåÁ¡°ú ´ÜÁ¡ <br> ÄÚµùÀ» À§ÇØ ÁöÄÑ¾ß ÇÒ ±ÔÄ¢ <br> ½ºÅ©¸³Æ® ½ÇÇàÇϱâ <br> <head> ÅÂ±×¿Í </head> ÅÂ±× »çÀÌ¿¡ ÀÚ¹Ù½ºÅ©¸³Æ® »ðÀÔÇϱâ <br> <body> ÅÂ±× ¹Ù·Î ´ÙÀ½¿¡ ÀÚ¹Ù½ºÅ©¸³Æ® »ðÀÔÇϱâ <br> </body> ÅÂ±× ¹Ù·Î Á÷Àü¿¡ ÀÚ¹Ù½ºÅ©¸³Æ® »ðÀÔÇϱâ <br> À̺¥Æ® Çڵ鷯 ÀÌ¿ëÇϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱâ HTML ¹®¼­¿¡ ÀÚ¹Ù½ºÅ©¸³Æ® »ðÀÔÇϱâ <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠿ܺΠ½ºÅ©¸³Æ® ¿¬°áÇϱâ <br> <br> <br> 10 ±âº»À» ưưÈ÷ ´ÙÁ®ÁÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ ¹®¹ý 1 <br> ÀÚ¹Ù½ºÅ©¸³Æ® º¯¼ö <br> º¯¼ö À̸§ <br> º¯¼ö ¼±¾ðÇϱâ <br> º¯¼ö ¿µ¿ª <br> ÀúÀå À¯Çü <br> µ¥ÀÌÅÍ À¯Çü <br> ¼ýÀÚÇü <br> [Àá±ñ¸¸¿ä] ¿ë¾î ÅëÀÏÀº ¾î·Á¿ö¿ä! <br> [Àá±ñ¸¸¿ä] »ö»ó°ª Ç¥ÇöÀº 16Áø¼öÀÔ´Ï´Ù. <br> ³í¸®Çü <br> ¹®ÀÚ¿­ <br> [Àá±ñ¸¸¿ä] Ư¼ö ¹®ÀÚ »ç¿ë¹ý <br> null <br> ¿¬»êÀÚ <br> »ê¼ú ¿¬»êÀÚ <br> ¹®ÀÚ¿­ ¿¬»êÀÚ <br> ´ëÀÔ ¿¬»êÀÚ <br> ºñ±³ ¿¬»êÀÚ <br> ³í¸® ¿¬»êÀÚ <br> µ¥ÀÌÅÍ À¯Çü ¿¬»êÀÚ <br> ¿¬»êÀÚÀÇ ¿ì¼±¼øÀ§ <br> ´ëÈ­»óÀÚ <br> °æ°í â <br> È®ÀΠâ <br> ÇÁ·ÒÇÁÆ® â <br> Á¶°Ç¹® <br> if ¹® <br> else ¹® <br> ÁßøµÈ if-else ¹® <br> switch ¹® <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠻ç¿ëÀÚ°¡ ÀÔ·ÂÇÑ ¹®ÀÚ Å×½ºÆ®Çϱâ <br> ÇѰÉÀ½ ´õ 2Áø¼ö¿Í 8Áø¼ö, ±×¸®°í 16Áø¼ö <br> ÇѰÉÀ½ ´õ ºñÆ® ¿¬»êÀÚ¿Í ½ÃÇÁÆ® ¿¬»êÀÚ <br> <br> <br> 11 ±âº»À» ưưÈ÷ ´ÙÁ®ÁÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ ¹®¹ý 2 <br> ¹Ýº¹¹® <br> for ¹® <br> while ¹® <br> do ¡¦ while ¹® <br> break ¹® <br> [Àá±ñ¸¸¿ä] for ¹®, while ¹®, do...while ¹®ÀÇ »ï°¢°ü°è <br> continue ¹® <br> ÇÔ¼ö <br> ÇÔ¼ö¿Í ¸Å°³º¯¼ö <br> ÇÔ¼ö¿Í Àμö <br> ±âº» Àμö°¡ ÇÊ¿äÇÑ ÇÔ¼öÀÇ »ç¿ë¹ý <br> [Àá±ñ¸¸¿ä] <script> ÅÂ±× À§Ä¡¿¡ µû¸¥ ½ÇÇà ¼ø¼­ Â÷ÀÌ <br> return ¹® <br> À̺¥Æ®¿Í À̺¥Æ® Çڵ鷯 <br> À̺¥Æ® <br> À̺¥Æ® Çڵ鷯 <br> [Àá±ñ¸¸¿ä] À̺¥Æ® Çڵ鷯°¡ ´ë¼Ò¹®ÀÚ¸¦ ÀνÄÇÏ´Â ¹æ¹ý <br> ÀζóÀÎ À̺¥Æ® Çڵ鷯 <br> ÇÔ¼ö¿Í ÇÔ²² À̺¥Æ® Çڵ鷯 »ç¿ëÇϱâ <br> °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> ÀνºÅϽº °´Ã¼ ¸¸µé±â <br> ÇѰÉÀ½ ´õ ¿À·ù¸¦ ÁÙÀ̱â À§ÇÑ ¼Ò½º ÀÛ¼º ¹æ¹ý <br> <br> <br> 12 ¾îµð¿¡¼­µç Ȱ¿ëÇÏ´Â ±âº» ³»Àå °´Ã¼ <br> ³»Àå °´Ã¼ÀÇ ±¸Á¶ <br> ³»Àå °´Ã¼ÀÇ Á¾·ù <br> HTML ÅÂ±×¿Í ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼ÀÇ °ü°è <br> ¹è¿­ ´Ù·ç±â - Array °´Ã¼ <br> ¹è¿­ ¼±¾ð <br> ¹è¿­ ±æÀÌ ¾Ë¾Æ³»±â - length ÇÁ·ÎÆÛƼ <br> ´ÙÂ÷¿ø ¹è¿­ <br> ¸Þ¼­µå <br> ³¯Â¥¿Í ½Ã°£ Á¤º¸ Á¶ÀýÇϱâ - Date °´Ã¼ <br> ÀνºÅϽº °´Ã¼ ¸¸µé±â <br> ¸Þ¼­µå <br> ¹®ÀÚ¿­À» ´Ù¾çÇÏ°Ô È°¿ëÇϱâ - String °´Ã¼ <br> ¹®ÀÚ¿­ ±æÀÌ ±¸Çϱâ - length ÇÁ·ÎÆÛƼ <br> ±Û²Ã °ü·Ã ¸Þ¼­µå <br> ¸µÅ© °ü·Ã ¸Þ¼­µå <br> ¹®ÀÚ¿­ À§Ä¡ °ü·Ã ¸Þ¼­µå <br> ¹®ÀÚ¿­ ÃßÃâ °ü·Ã ¸Þ¼­µå <br> ¼öÇÐÀû °è»ê ½ÇÇàÇϱâ - Math °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> ÇÔ¼ö¸¦ °´Ã¼·Î Á¤ÀÇÇϱâ - Function °´Ã¼ <br> ÃÖ´ë/ÃÖ¼Ò/¹«ÇÑ´ë ´Ù·ç±â - Number °´Ã¼ <br> È­¸é Á¤º¸ °¡Á®¿À±â - Screen °´Ã¼ <br> ¹«ÀÛÁ¤ µû¶óÇϱâ ÇϷ縦 ½ÃÀÛÇÏ´Â ¸Þ½ÃÁö Ç¥½ÃÇϱâ <br> <br> 13 ºê¶ó¿ìÀú¸¦ ¿òÁ÷ÀÌ´Â window °´Ã¼ <br> window °´Ã¼ <br> window °´Ã¼ ÇÁ·ÎÆÛƼ <br> [Àá±ñ¸¸¿ä] <body> ű׿¡¼­ ÇÁ·ÎÆÛƼ ÁöÁ¤Çϱâ <br> window °´Ã¼ ¸Þ¼­µå <br> »õ ºê¶ó¿ìÀú â ¿­±â - open() ¸Þ¼­µå <br> [Àá±ñ¸¸¿ä] ÆË¾÷ âÀÇ À§Ä¡¸¦ ¿øÇÏ´Â °÷À¸·Î ÁöÁ¤Çϱâ <br> ºê¶ó¿ìÀú ⠴ݱâ - close() ¸Þ¼­µå <br> âÀÇ À§Ä¡ Á¶ÀýÇϱâ - moveBy() / moveTo() ¸Þ¼­µå <br> âÀÇ Å©±â Á¶ÀýÇϱâ - resizeBy() / resizeTo() ¸Þ¼­µå <br> ½Ã°£°ú °ü·ÃµÈ µ¿ÀÛ ÁöÁ¤Çϱâ - setTimeout() / clearTimeout() ¸Þ¼­µå <br> ¹«ÀÛÁ¤ µû¶óÇϱâ À̺¥Æ® Çڵ鷯¸¦ ÀÌ¿ëÇÑ ÆË¾÷ â ¿­±â <br> ½ÇÀü¿¹Á¦ <br> <br> <br> 14 ºê¶ó¿ìÀúÀÇ Á¤º¸¸¦ ´Ù·ç´Â location / history / navigator °´Ã¼ <br> À¥ ¹®¼­ ÁÖ¼Ò Á¤º¸ ´Ù·ç±â - location °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> ºê¶ó¿ìÀú ÁÖ¼Ò ¸ñ·Ï ÀúÀåÇϱâ - history °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> [Àá±ñ¸¸¿ä] ÀÎÅÍ³Ý ÀͽºÇ÷η¯ ºê¶ó¿ìÀú¸¦ ±¸º°ÇÏ´Â ¹æ¹ý <br> ºê¶ó¿ìÀú Á¤º¸ º¸¿©ÁÖ±â - navigator °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> ¹«ÀÛÁ¤ µû¶óÇϱâ ÇöÀç À¥ ¹®¼­¿¡ À§Ä¡ °íÁ¤Çϱâ <br> <br> <br> 15 ³»¿ëÀ» µ¸º¸ÀÌ°Ô ÇÏ´Â document °´Ã¼ <br> ¹®¼­ ³»¿ë ´Ù·ç±â - document °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¹®¼­ Á¤º¸¿Í °ü·ÃµÈ ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> ¹®¼­¿¡ ³»¿ë ÀÔ·ÂÇϱâ - write() / writeln() ¸Þ¼­µå <br> ¹®¼­ ¾ÈÀÇ ¾ÞÄ¿ Á¤º¸ ÀÌ¿ëÇϱâ - anchor °´Ã¼ <br> ¹®¼­ ¾È ¾ÞÄ¿ °³¼ö È®ÀÎÇϱâ - length ÇÁ·ÎÆÛƼ <br> À¥ ¹®¼­ÀÇ ¸µÅ© Á¤º¸ ÀÌ¿ëÇϱâ - link °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> À¥ ¹®¼­ÀÇ À̹ÌÁö Á¤º¸ ÀÌ¿ëÇϱâ - image °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¹«ÀÛÁ¤ µû¶óÇϱâ À̹ÌÁö ½½¶óÀÌµå ¼î ¸¸µé±â <br> <br> <br> 16 ¿Ïº®ÇÑ È¸¿ø °¡ÀÔ ¾ç½ÄÀ» ¸¸µå´Â form °´Ã¼ <br> Æû°ú ÀÚ¹Ù½ºÅ©¸³Æ® <br> form °´Ã¼ <br> form °´Ã¼ÀÇ ÇÏÀ§ °´Ã¼ <br> <form> ÅÂ±×¿Í °ü·ÃµÈ ÇÁ·ÎÆÛƼ <br> <form> ÅÂ±×¿Í °ü·Ã ¾ø´Â ÇÁ·ÎÆÛƼ - elements / length ÇÁ·ÎÆÛƼ <br> form ¿ä¼Ò¸¦ ¼ø¼­´ë·Î ¹è¿­Çϱâ - forms ÇÁ·ÎÆÛƼ <br> form °´Ã¼ ¸Þ¼­µå <br> ÅØ½ºÆ® ÇÊµå °ü¸®Çϱâ - text °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> À̺¥Æ® Çڵ鷯 <br> ÆÐ½º¿öµå ÇÊµå °ü¸®Çϱâ - password °´Ã¼ <br> [Àá±ñ¸¸¿ä] ÁÖ¼Ò Ç¥½ÃÁÙ¿¡ ¾ÆÀ̵ð¿Í ºñ¹Ð¹øÈ£°¡ ´Ù º¸ÀÔ´Ï´Ù. <br> ÇÁ·ÎÆÛƼ / ¸Þ¼­µå / À̺¥Æ® Çڵ鷯 <br> ÅØ½ºÆ® ¿µ¿ª °ü¸®Çϱâ - textarea °´Ã¼ <br> ÇÁ·ÎÆÛƼ / ¸Þ¼­µå / À̺¥Æ® Çڵ鷯 <br> È÷µç ÇÊµå °ü¸®Çϱâ - hidden °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¹öư °ü¸®Çϱâ - button / submit / reset °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> [Àá±ñ¸¸¿ä] ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ÇÒ ¼ö ÀÖ´Â Àϰú ÇÒ ¼ö ¾ø´Â ÀÏ <br> À̺¥Æ® Çڵ鷯 <br> üũ¹Ú½º °ü¸®Çϱâ - checkbox °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> À̺¥Æ® Çڵ鷯 <br> ¶óµð¿À ¹öư °ü¸®Çϱâ - radio °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> À̺¥Æ® Çڵ鷯 <br> ÄÞº¸ ¸Þ´º °ü¸®Çϱâ - select °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> À̺¥Æ® Çڵ鷯 <br> options ¹è¿­ ÇÁ·ÎÆÛƼ <br> »ý¼ºÀÚ¸¦ ÀÌ¿ëÇØ Option °´Ã¼ ¸¸µé±â <br> ÆÄÀÏ ¾÷·Îµå °ü¸®Çϱâ - fileUpload °´Ã¼ <br> ÇÁ·ÎÆÛƼ <br> ¸Þ¼­µå <br> À̺¥Æ® Çڵ鷯 <br> ¹«ÀÛÁ¤ µû¶óÇϱ⠺ñ¹Ð¹øÈ£°¡ °°ÀºÁö È®ÀÎÇϱâ <br> <br> <br> 17 ȨÆäÀÌÁö Á¤º¸¸¦ ÆÄÀÏ·Î ÀúÀåÇÏ´Â ÄíŰ <br> Äí۶õ? <br> Çü½Ä <br> µ¿ÀÛ <br> ¹«ÀÛÁ¤ µû¶óÇϱâ À©µµ¿ì ºñ½ºÅ¸¿¡¼­ ÄíŰ Á¤º¸ ã¾Æº¸±â </div> <!-- *** //e:¸ñÂ÷ *** --> <!-- *** s:ÃâÆÇ»ç ¼­Æò *** --> <h2 class="title_detail_basic">ÃâÆÇ»ç ¼­Æò</h2> <div class="box_detail_article"> <div class="content"> ½Ç¹« ¿¹Á¦ ¹× µ¿¿µ»óÀ¸·Î ¹è¿ì´Â ÃÖ»óÀÇ À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹®¼­ <br> HTML¤ýCSS¤ýÀÚ¹Ù½ºÅ©¸³Æ®´Â ¸ðµç À¥ ÇÁ·Î±×·¡¹Ö ºÐ¾ßÀÇ ±âº»ÀÌ µÇ´Â ¾ð¾îÀÔ´Ï´Ù. À¥ °³¹ßÀÚ¸¦ Áö¸ÁÇÏ´Â Àü¹®°¡ ±×·ìºÎÅÍ ÀÚ½ÅÀÇ ¿Â¶óÀÎ °ø°£À» ²Ù¹Ì°í ½ÍÀº ÀϹÝÀαîÁö ²À ¾Ë¾ÆµÎ¾î¾ß ÇÒ Á¤µµ·Î ³ÐÀº ¹üÀ§¿¡¼­ »ç¿ëµÇ°í ÀÖ½À´Ï´Ù. ÀÌ Ã¥Àº À¥ ÇÁ·Î±×·¡¹ÖÀ» ¹è¿ì·Á´Â ÀÔ¹®ÀÚ, ½Ç¹« ºÐ¾ß¿¡ óÀ½ ¶Ù¾îµç °³¹ßÀÚ¿¡°Ô ²À ÇÊ¿äÇÑ ÃֽаæÇâÀÇ À¥ ÇÁ·Î±×·¡¹Ö ÀÌ·ÐÀ» Á¦½ÃÇϰí Çб³ °úÁ¦³ª ½Ç¹«¿¡¼­ ¹Ù·Î »Ì¾Æ ¾µ ¼ö ÀÖ´Â 280°³ÀÇ ¿¹Á¦¸¦ Á¦°øÇÕ´Ï´Ù. ¶ÇÇÑ ÀúÀÚ°¡ Á÷Á¢ °¡¸£Ä¡´Â µ¿¿µ»ó °­ÀǸ¦ Åë... <a href="#" class="btn_small btn_more">´õº¸±â</a> </div> <div class="content" style="display:none;"> ½Ç¹« ¿¹Á¦ ¹× µ¿¿µ»óÀ¸·Î ¹è¿ì´Â ÃÖ»óÀÇ À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹®¼­ <br> HTML¤ýCSS¤ýÀÚ¹Ù½ºÅ©¸³Æ®´Â ¸ðµç À¥ ÇÁ·Î±×·¡¹Ö ºÐ¾ßÀÇ ±âº»ÀÌ µÇ´Â ¾ð¾îÀÔ´Ï´Ù. À¥ °³¹ßÀÚ¸¦ Áö¸ÁÇÏ´Â Àü¹®°¡ ±×·ìºÎÅÍ ÀÚ½ÅÀÇ ¿Â¶óÀÎ °ø°£À» ²Ù¹Ì°í ½ÍÀº ÀϹÝÀαîÁö ²À ¾Ë¾ÆµÎ¾î¾ß ÇÒ Á¤µµ·Î ³ÐÀº ¹üÀ§¿¡¼­ »ç¿ëµÇ°í ÀÖ½À´Ï´Ù. ÀÌ Ã¥Àº À¥ ÇÁ·Î±×·¡¹ÖÀ» ¹è¿ì·Á´Â ÀÔ¹®ÀÚ, ½Ç¹« ºÐ¾ß¿¡ óÀ½ ¶Ù¾îµç °³¹ßÀÚ¿¡°Ô ²À ÇÊ¿äÇÑ ÃֽаæÇâÀÇ À¥ ÇÁ·Î±×·¡¹Ö ÀÌ·ÐÀ» Á¦½ÃÇϰí Çб³ °úÁ¦³ª ½Ç¹«¿¡¼­ ¹Ù·Î »Ì¾Æ ¾µ ¼ö ÀÖ´Â 280°³ÀÇ ¿¹Á¦¸¦ Á¦°øÇÕ´Ï´Ù. ¶ÇÇÑ ÀúÀÚ°¡ Á÷Á¢ °¡¸£Ä¡´Â µ¿¿µ»ó °­ÀǸ¦ ÅëÇØ À¥ ÇÁ·Î±×·¡¹Ö °³¹ß °úÁ¤À» ½±°í ÆíÇÏ°Ô ¹è¿ï ¼ö ÀÖµµ·Ï µµ¿ÍÁÝ´Ï´Ù. <br> <br> ÃֽŠÀ¥ Ç¥ÁØÀ» ÀÌÇØÇÏ´Â ´É·ÂÀ» Ű¿î´Ù <br> ¼Ò½º ÄÚµå¿Í µðÀÚÀÎ ¿ä¼ÒÀÇ È¿À²ÀûÀÎ ¹èÄ¡¿Í ±¸¼º ¿ä¼Òµé °£ÀÇ Á¶È­¸¦ Áß½ÃÇÏ´Â ÃֽŠÀ¥ Ç¥ÁØÀÌ È®¸³µÇ¸é¼­ ½Ç¹« ȯ°æ¿¡¼­´Â HTML¤ýCSS¤ýÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀÌÇØ ´É·ÂÀÌ ³ôÀº »ç¶÷ÀÌ ½Ç¹« ÀûÀÀ·Â°ú ÀÀ¿ë·ÂÀÌ ÁÁ´Ù´Â Æò°¡¸¦ ¹Þ½À´Ï´Ù. ÀÌ Ã¥¿¡¼­´Â HTML°ú CSS ¿ä¼ÒµéÀÇ ¿¬°ü¼ºÀ» °­Á¶ÇÑ Ã¹Â°¸¶´ç°ú µ¿ÀûÀÎ È¿°ú¸¦ ±¸ÇöÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÚ¼¼È÷ ¼Ò°³ÇÏ´Â µÑ°¸¶´çÀ» ÅëÇØ¼­ ÀúÀÚ°¡ ´Ù³â°£ÀÇ À¥ ÇÁ·Î±×·¡¹Ö °­ÀÇ °úÁ¤¿¡¼­ ½ÀµæÇÑ À¥ ÇÁ·Î±×·¡¹Ö ÀÔ¹® °úÁ¤ÀÇ ¸¹Àº ³ëÇϿ츦 Ç®¾î³À´Ï´Ù. <br> <br> ¤ýù°¸¶´ç¿¡¼­´Â HTML°ú CSSÀÇ ¿¬°ü¼ºÀ» ÀÌÇØÇÕ´Ï´Ù <br> <br> ¤ýµÑ°¸¶´ç¿¡¼­´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ µ¿ÀûÀÎ È¿°ú¸¦ ¼Ò°³ÇÕ´Ï´Ù <br> <br> Çб³ °úÁ¦ ¹× ȸ»ç ½Ç¹«¿¡¼­ ¹Ù·Î ¾²´Â 280°³ ¿¹Á¦ <br> ¸¹Àº ÄÄÇ»ÅÍ °øÇеµµé°ú ½Ç¹«ÀÚµéÀÌ ÇÁ·Î±×·¡¹Ö Ã¥¿¡¼­ °¡Àå Áß¿ä½ÃÇÏ´Â ºÎºÐÀº ¿¹Á¦ÀÔ´Ï´Ù. Àڽſ¡°Ô ÇÊ¿äÇÑ ¿¹Á¦¸¦ ã¾Æ¼­ ÀÌ·ÐÀ» ½ÀµæÇϰųª ¿¹Á¦¸¦ ÀÚ½ÅÀÇ Çʿ信 ¸Â°Ô º¯°æÇÏ´Ùº¸¸é ÀüüÀûÀÎ ÇÁ·Î±×·¡¹Ö ¾ð¾îÀÇ ±¸Á¶¸¦ ÀÌÇØÇϴµ¥ ¸¹Àº µµ¿òÀ» ¹Þ±â ¶§¹®ÀÔ´Ï´Ù. ÀÌ Ã¥¿¡¼­´Â ¼Ò½º ÄÚµå, ¸»Ç³¼±, °á°ú È­¸éÀÇ 3¿ä¼Ò·Î ±¸¼ºµÈ Çʼö¿¹Á¦ 153°³¿Í 29°³ÀÇ '¹«ÀÛÁ¤ µû¶óÇϱâ'¸¦ ÅëÇØ¼­ ¿¹Á¦¸¸ Âü°íÇØµµ À¥ ÇÁ·Î±×·¡¹Ö ½ÀµæÀÌ °¡´ÉÇÕ´Ï´Ù. ¶ÇÇÑ º»¹® ¼³¸í¿¡ µµ¿òÀ» ÁÖ´Â 100¿©°³ÀÇ Ãß°¡ ¿¹Á¦¸¦ ´õÇÑ ÃÑ 280°³ ¿¹Á¦ ÆÄÀÏÀ» Á¦°øÇÏ¿© Çб³ °úÁ¦ ¹× ȸ»ç ½Ç¹«¿¡¼­ ÇÊ¿äÇÑ ¿¹Á¦¸¦ ¹Ù·Î »Ì¾Æ¼­ Àû¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. <br> <br> µ¿¿µ»ó °­ÀÇ·Î ½Ç°¨³ª´Â À¥ °³¹ß °úÁ¤ Âü¿© <br> <br> ¤ýe-learning ±³À°ÀÇ °ü½Éµµ Áõ´ë <br> e-learning ±³À°ÀÇ È°¼ºÈ­ ¹× ÇØ¿Ü ½ÃÀå ÁøÃâÀ» À§Çؼ­ Á¤ºÎ°¡ 1,534¾ï¿øÀ» Áö¿øÇÏ´Â Á¤Ã¥À» ¹ßÇ¥ÇÏ´Â µî ±×µ¿¾È ¸¹Àº °ü½ÉÀ» º¸¿´´ø e-learning ±³À°¿¡ ´ëÇÑ ±â¼ú °³¹ß »ç¾÷ÀÌ È°±â¸¦ ¶ç°í ÀÖ½À´Ï´Ù. <br> <br> ¤ýµ¿¿µ»ó °­ÀÇ·Î ÇØ°áÇÏ´Â ¹«ÀÛÁ¤ µû¶óÇϱâ <br> ÀÌ Ã¥Àº e-learning ÇнÀÀ» ¿øÇÏ´Â µ¶ÀÚµéÀÇ ÀǰßÀ» ¼ö·ÅÇÏ¿© ¹«ÀÛÁ¤ µû¶óÇϱâÀÇ ¸ðµç °úÁ¤À» ÀúÀÚ°¡ Á÷Á¢ ¼³¸íÇÏ´Â µ¿¿µ»ó °­ÀǸ¦ Á¦ÀÛÇÏ¿© ºÎ·Ï CD¸¦ Á¦°øÇÕ´Ï´Ù. Ã¥°ú µ¿¿µ»óÀ» ÅëÇØ ¹«ÀÛÁ¤ µû¶óÇϱ⸦ ´õ¿í ½±°í Àç¹ÌÀÖ°Ô °øºÎÇϼ¼¿ä. <br> <br> ¤ý±æ¹þÃâÆÇ»ç ȨÆäÀÌÁö¿¡¼­ 'µ¿¿µ»ó°­ÀÇ' ¼ö°­ °¡´É <br> ºÎ·Ï CDÀÇ µ¿¿µ»ó °­ÀÇ´Â ±æ¹þÃâÆÇ»ç ȨÆäÀÌÁö(http://www.gilbut.co.kr/)ÀÇ ¡®µ¿¿µ»ó°­ÀÇ¡¯ ¸Þ´º¿¡¼­µµ Á¦°øÇϰí ÀÖÀ¸¹Ç·Î ÀÎÅͳÝÀÌ °¡´ÉÇÑ È¯°æÀÌ¸é ¾îµð¿¡¼­µç ÀúÀÚ°¡ Á÷Á¢ ¼³¸íÇÏ´Â À¥ ÇÁ·Î±×·¡¹ÖÀÇ ³ëÇϿ츦 Âü°íÇÒ ¼ö ÀÖ½À´Ï´Ù. <a href="#" class="btn_small btn_more">´Ý±â</a> </div> </div> <!-- *** //e:ÃâÆÇ»ç ¼­Æò *** --> <!-- *** //e:Contents - ¸ñÂ÷/Ã¥ ¼ÓÀ¸·Î/ÃâÆÇ»ç ¼­Æò *** --> <!-- *** s:Contents - ¿À´ÃÀÇ Ã¥ - Ä«µå´º½º Ãß°¡ *** --> <script language="javascript" src="http://image.kyobobook.co.kr/ink/js/sns_today.js"></script> <!-- *** //e:Contents - ¿À´ÃÀÇ Ã¥ - Ä«µå´º½º Ãß°¡ *** --> </div> <!-- *** //e:.box_detail_content - »óǰÁ¤º¸ *** --> <script type="text/javascript"> var barcode = "9788975607547"; var ejkGb = "KOR"; var pageGb = "KOR"; var authorYn = "true"; var authorName = "°í°æÈñ"; function authorCallback(){ jQuery('.box_detail_author2 .box_detail_relation').each(function(){ jQuery(this).find('.btn_next').click(function(){ if( jQuery(this).closest('.box_detail_relation').find('li:visible').last().next().size() ) jQuery(this).closest('.box_detail_relation').find('li:visible').hide().last().nextAll().slice(0,4).show(); else jQuery(this).closest('.box_detail_relation').find('li').hide().slice(0,4).show(); }); jQuery(this).find('.btn_prev').click(function(){ var lastItem = parseInt( ( jQuery(this).closest('.box_detail_relation').find('li').size() -1 ) /4 ) *4; if( jQuery(this).closest('.box_detail_relation').find('li:visible').first().prev().size() ) jQuery(this).closest('.box_detail_relation').find('li:visible').hide().first().prevAll().slice(0,4).show(); else jQuery(this).closest('.box_detail_relation').find('li').hide().slice(lastItem,lastItem+4).show(); }); }); jQuery('.box_detail_author2 .box_detail_article .btn_more').click(function(e){ e.preventDefault(); var boxes = jQuery(this).closest('.box_detail_article').find('.content'); var isFirst = boxes.first().is(':visible'); var speed = isFirst ? 300 : 0; jQuery('body, html').animate({ scrollTop: jQuery(this).closest('.box_detail_article').offset().top -30 -50 }, speed); boxes.eq( isFirst ? 0 : 1 ).hide(); boxes.eq( isFirst ? 1 : 0 ).show(); }); } // °ü½ÉÀÛ°¡ µî·Ï ¹× Ãë¼ÒÈÄ ÀúÀÚÁ¤º¸ ¿µ¿ª ·Îµå function boxReload(gb){ console.log(gb); if(gb == 'new'){ jQuery("#box_author").load("/product/authorInfo.laf?barcode=" + barcode + "&ejkGb=" + ejkGb + "&gb=new", authorCallback); } else{ jQuery("#box_author").load("/product/authorInfo.laf?barcode=" + barcode + "&ejkGb=" + ejkGb + "&gb=old&authorYn=" + authorYn + "&authorName=" + authorName, authorCallback); } } </script> <!-- *** s:»óǰÁ¤º¸ ½ºÅ©¸³Æ® *** --> <script type="text/javascript"> (function($){ $('table .btn_tr_more a').click(function(e){ e.preventDefault(); $(this).closest('table').find('tr.overflow').toggle(); $(this).text( $(this).text() == '´õº¸±â' ? '´Ý±â' : '´õº¸±â' ); }); $('.box_detail_series').each(function(){ $(this).find('.btn_check_all').click(function(e){ e.preventDefault(); if( $(this).text() == '¼±ÅÃÇØÁ¦' ) { $(this).text('Àüü¼±ÅÃ').closest('.box_detail_series').find('input:checkbox').attr('checked',false); } else { $(this).text('¼±ÅÃÇØÁ¦').closest('.box_detail_series').find('input:checkbox').attr('checked',true); } }); $(this).find('input:checkbox').click(function(){ $(this).closest('.box_detail_series').find('.btn_check_all').text( $(this).closest('.box_detail_series').find('input:checkbox:not(:checked)').size() ? 'Àüü¼±ÅÃ' : '¼±ÅÃÇØÁ¦' ); }); }); $('.box_detail_article .btn_more').click(function(e){ e.preventDefault(); var $boxes = $(this).closest('.box_detail_article').find('.content'); var isFirst = $boxes.first().is(':visible'); var speed = isFirst ? 300 : 0; $('body, html').animate({ scrollTop: $(this).closest('.box_detail_article').offset().top -30 -50 }, speed); $boxes.eq( isFirst ? 0 : 1 ).hide(); $boxes.eq( isFirst ? 1 : 0 ).show(); }); })(jQuery); </script> <!-- *** //e:»óǰÁ¤º¸ ½ºÅ©¸³Æ® *** --> <!-- *** //e:Contents - »óǰÁ¤º¸ *** --> <!-- *** s:.tab_detail_content - ȸ¿ø¸®ºä *** --> <ul class="tab_detail_content" id="review"> <li><a href="#book_info">»óǰÁ¤º¸</a></li> <li class="on"><a href="#review">ȸ¿ø¸®ºä <span>(0)</span></a></li> <li><a href="#guide">±³È¯/¹Ýǰ/ǰÀý</a></li> </ul> <!-- *** //e:.tab_detail_content - ȸ¿ø¸®ºä *** --> <!-- *** s:Contents - ȸ¿ø¸®ºä *** --> <!-- *** s:.box_detail_content - ȸ¿ø¸®ºä *** --> <div class="box_detail_content"> <!-- *** s:°£´Ü¸®ºä ¿µ¿ª *** --> <div id="review_simple"></div> <!-- *** s:klover ¸®ºä »ó¼¼ *** --> <!-- 16-07-28 Klover °£´Ü¸®ºä/ÆòÁ¡ --> <!-- Klover °£´Ü¸®ºä/ÆòÁ¡ --> <h2 class="title_detail_basic"> Klover ¸®ºä <span class="kloverTotal" id="kloverTotal">(0)</span> </h2> <!-- ¸®ºäÀÛ¼º --> <form id="reviewFrm" name="reviewFrm" method="post" enctype="" enCoding = "" action="" > <input type="hidden" name="barcode" value="9788975607547" /> <input type="hidden" name="ejkGb" value="KOR" /> <input type="hidden" name="bookNm" value="HTML CSS ÀÚ¹Ù½ºÅ©¸³Æ® ¹«ÀÛÁ¤µû¶óÇϱâ(µ¿¿µ»ó°ú 280°³ ¿¹Á¦·Î ¹è¿ì´Â)(CD1ÀåÆ÷ÇÔ)(¹«ÀÛÁ¤ µû¶óÇϱâ 183)" /> <input type="hidden" name="num" value="" /> <input type="hidden" name="seq" value="" /> <input type="hidden" name="regType" value="" /> <input type="hidden" name="subReview" value="" /> <input type="hidden" name="sortType" value="" /> <input type="hidden" name="orderType" value="" /> <input type="hidden" name="gb" value="klover" /> <input type="hidden" name="perPage" value="15" /> <input type="hidden" name="pageNumber" value="1" /> <div class="box_detail_review" id="box_detail_review"></div> </form> <!-- *** s:°£´Ü¸®ºä script *** --> <script type="text/javascript"> (function($){ $('.list_share #cmt_share').hover( function(){$(this).find('#shareSocial').show();}, function(){$(this).find('#shareSocial').hide();} ).find('a').focus(function(){ $(this).addClass('focus'); $(this).closest('#cmt_share').find('#shareSocial').stop().show(); }).blur(function(){ $(this).removeClass('focus'); if (!$(this).closest('#cmt_share').find('.focus').size()) $(this).closest('#cmt_share').find('#shareSocial').fadeOut(10); }); $('.comment_wrap .image>a').click(function(e){ e.preventDefault(); $(this).parent().toggleClass('on'); }); })(jQuery); // °£´Ü¸®ºä¸¦ cmd´Ü¿¡¼­ ºÒ·¯¿ÀÁö ¾Ê°í ajax·Î È£Ãâ(»ó¼¼ÆäÀÌÁö ¿À·ù ¸®½ºÅ© ÁÙÀ̱â) var barcode = "9788975607547"; var ejkGb = "KOR"; var mallGb = "KOR"; var pageNumber = jQuery("#reviewFrm input[name='pageNumber']").val(); //var pageNumber = 1; if(pageNumber == undefined || pageNumber == ""){ pageNumber = 1; } (function($){ $(window).scroll(function(){ if( $('#box_detail_review').size() && $('#box_detail_review').is(':empty') && $('#box_detail_review').data('loading')!=1){ if( $('#box_detail_review').offset().top < $(this).scrollTop() + $(this).height() && $('#box_detail_review').offset().top > $(this).scrollTop() ){ $('#box_detail_review').data('loading',1); // ±¸¸ÅÆòÁ¡ °¹¼ö Á¶È¸ var paymentCount = 0; jQuery.ajax({ url : "/product/checkPayCnt.laf?gb=klover&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb +"&sortType=like" + "&pageNumber=" + pageNumber + "&orderType=order", type: "POST", dataType: "json", data: null, jsonp : "callback", success: function (data){ paymentCount = data.result; // ÇØ´ç µµ¼­ÀÇ ±¸¸ÅÆòÁ¡ÀÌ 0°³ÀÎ °æ¿ì if(paymentCount == 0){ jQuery("#box_detail_review").load("/product/productSimpleReviewSort.laf?gb=klover&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb +"&sortType=like" + "&pageNumber=" + pageNumber + "&orderType=all" ); } // ÇØ´ç µµ¼­ÀÇ ±¸¸ÅÆòÁ¡ÀÌ 0°³°¡ ¾Æ´Ñ °æ¿ì else{ jQuery("#box_detail_review").load("/product/productSimpleReviewSort.laf?gb=klover&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb +"&sortType=like" + "&pageNumber=" + pageNumber + "&orderType=order" ); } }, error:function(data){ jQuery("#box_detail_review").load("/product/productSimpleReviewSort.laf?gb=klover&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb +"&sortType=like" + "&pageNumber=" + pageNumber + "&orderType=order" ); } }); } } /* ¼º¼ö±â½Ã ajax ·Îµå Âü°í if( $('#list_detail_booklog').size() && $('#list_detail_booklog').is(':empty') ){ if( $('#list_detail_booklog').offset().top < $(this).scrollTop() + $(this).height() ){ jQuery("#list_detail_booklog").load("/product/detailViewAreaLoad.laf?loadMode=booklogReview&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb+"&booklogCnt=" + booklogCnt); } } */ }); })(jQuery); </script> <!-- *** //e:°£´Ü¸®ºä script *** --> <!-- *** //e:klover ¸®ºä »ó¼¼ *** --> <!-- *** s:ºÏ·Î±× ¸®ºä »ó¼¼ *** --> <h2 class="title_detail_basic"> ºÏ·Î±× ¸®ºä <span class="total">(0)</span> <small> <a href="javascript:pd_goBooklogReviewWrite('','9788975607547','KOR', 'JLl', 'KDTRRVreviewwrite');" class="btn_small">¾²·¯°¡±â</a> </small> </h2> <div class="box_detail_guide"> <strong>µµ¼­ ±¸¸Å ÈÄ ¸®ºä¸¦ ÀÛ¼ºÇϽøé<br /> °áÁ¦ 90ÀÏ À̳» 300¿ø, ¹ß¼Û ÈÄ 5ÀÏ À̳» 400¿ø, ÀÌ »óǰÀÇ Ã¹ ¸®ºä 500¿øÀÇ Æ÷ÀÎÆ®¸¦ µå¸³´Ï´Ù.</strong><br /> Æ÷ÀÎÆ®´Â ÀÛ¼º ÈÄ ´ÙÀ½ ³¯ Àû¸³µÇ¸ç, µµ¼­ ¹ß¼Û Àü ÀÛ¼º ½Ã¿¡´Â ¹ß¼Û ÈÄ ÀÍÀÏ¿¡ Àû¸³µË´Ï´Ù.<br /> ºÏ·Î±× ¸®ºä´Â º»ÀÎÀÎÁõÀ» °ÅÄ£ ȸ¿ø¸¸ ÀÛ¼º °¡´ÉÇÕ´Ï´Ù.<br /> (¡Ø ¿Ü¼­/eBook/À½¹Ý/DVD/GIFT ¹× ÀâÁö »óǰ Á¦¿Ü) <span class="popup_load"> <a href="javascript:popOpen('layerReviewGuide');" class="btn_small">¾È³»</a> <!-- ¸®ºä ¸®¿öµå ¾È³» ·¹ÀÌ¾î ÆË¾÷ --> <div id="layerReviewGuide" style="display:none;position:absolute;left:-290px;top:21px;z-index:300;"> <div class="layer_popup" style="width:420px;"> <!-- ·¹À̾î È­»ìÇ¥ À§Ä¡ --> <p style="position:absolute;left:295px;top:-6px"><img src="http://image.kyobobook.co.kr/ink/images/common/icon_arrow_top.png" alt=""/></p> <!-- // ·¹À̾î È­»ìÇ¥ À§Ä¡ --> <dl class="new_c"> <dt class="new_t"><strong>¸®ºä ¸®¿öµå ¾È³»</strong></dt> <dd class="new_d"> <ul class="list_normal"> <li>ÁÖ¹®ÀÏÀÚ ±âÁØÀ¸·Î 90ÀÏ À̳» ÀÛ¼ºÇÏ¼Å¾ß ¸®¿öµå ´ë»ó¿¡ ÇØ´çÇÕ´Ï´Ù.</li> <li>ÇÑ ID ´ç ÇϳªÀÇ »óǰ¿¡ ºÏ·Î±× ¸®ºä¿Í °£´Ü¸®ºä ÀÛ¼ºÀÌ °¡´ÉÇÕ´Ï´Ù.</li> <li>ÇÑ »óǰ¿¡ ¿©·¯ ¹ø ¸®ºäÀÛ¼ºÀº °¡´ÉÇϳª Æ÷ÀÎÆ®´Â 1ȸ¸¸ Áö±ÞÇÕ´Ï´Ù.</li> <li>µµ¼­ ¹è¼Û Àü ÀÛ¼º ½Ã »óǰ Ãâ°í ÀÌÈÄ Àû¸³ÀÌ °¡´ÉÇÕ´Ï´Ù.</li> <li>ºÎÁ¤ÀûÀÎ ¹æ¹ýÀ¸·Î ÀÌ¿ë ½Ã Áö±ÞµÈ Æ÷ÀÎÆ®´Â ȸ¼öµÉ ¼ö ÀÖÀ¸¸ç, Áö±ÞµÈ Æ÷ÀÎÆ®¸¦ ȸ¼öÇÔ¿¡ µû¶ó ÅëÇÕÆ÷ÀÎÆ®¿¡ ¸¶À̳ʽº 󸮰¡ µÉ ¼ö ÀÖ½À´Ï´Ù.</li> <li>ÀûÇÕÇÏÁö ¾ÊÀº ¸®ºä´Â ºñ°ø°³ 󸮵Ǹç, Æ÷ÀÎÆ®´Â ȸ¼öµË´Ï´Ù.</li> <li>ºñ°ø°³, »èÁ¦, ¹Ý·ÁµÈ ¸®ºä ÀÛ¼º ½Ã Æ÷ÀÎÆ® ȸ¼ö°¡ °¡´ÉÇÕ´Ï´Ù.</li> </ul> <div class="font_12"><a href="http://www.kyobobook.co.kr/cscenter/faqIndex.laf?faqOpt=2&faqVal=11-06&faqObj=119">[ÀÚ¼¼ÇÑ ¸®ºä ¸®¿öµå ¾È³»º¸±â]</a></div> </dd> </dl> <p class="new_btn"><a href="javascript:popOpen('layerReviewGuide');"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_close_p.gif" alt="´Ý±â"/></a></p> </div> </div> <!-- // ¸®ºä ¸®¿öµå ¾È³» ·¹ÀÌ¾î ÆË¾÷ --> </span> </div> <ul class="list_detail_booklog"> <li>ÇØ´çµµ¼­ÀÇ ¸®ºä°¡ ¾ø½À´Ï´Ù.</li> </ul> <!-- *** s:ȸ¿ø¸®ºä ´õº¸±â Animationó¸® script *** --> <script type="text/javascript"> (function($){ $('.list_detail_booklog .btn_more').click(function(e){ e.preventDefault(); var speed = $(this).parent().next('.content').size() ? 300 : 0; $('body, html').animate({ scrollTop: $(this).closest('li').offset().top -10 -50 }, speed); $(this).parent().hide().siblings('.content').show(); }); })(jQuery); </script> <!-- *** //e:ȸ¿ø¸®ºä ´õº¸±â Animationó¸® script *** --> <!-- *** //e:ºÏ·Î±× ¸®ºä »ó¼¼ *** --> <h2 class="title_detail_basic kp_title"> ¹®Àå¼öÁý <span class="total" id="killingTotal">(0)</span> <a href="javascript:openWriteKillingPart();" class="btn_small">¹®Àå¼öÁý ¾²±â</a> <a href="javascript:goMyKillingPart();" class="btn_small">³ªÀÇ µ¶¼­±â·Ï º¸±â</a> <!-- 18-10-08 ¹®Àå¼öÁý Æ÷ÀÎÆ® ¾È³» Ãß°¡ --> <div class="kp_point_info"> <span>※±¸¸Åµµ¼­ÀÇ ¹®Àå¼öÁýÀ» ±â·ÏÇϸé ÅëÇÕÆ÷ÀÎÆ® Àû¸³</span> <span class="popup_load"> <a href="javascript:popOpen('layerKp');" class="btn_small">¾È³»</a> <!-- Ãß°¡ Æ÷ÀÎÆ® Àû¸³ ¾È³» ·¹ÀÌ¾î ÆË¾÷ --> <div id="layerKp" style="display:none; position: absolute; left: -320px; top: 30px; z-index: 300;"> <div class="layer_popup" style="width:430px;"> <!-- ·¹À̾î È­»ìÇ¥ À§Ä¡ --> <p style="position:absolute;left:325px;top:-6px"><img src="http://image.kyobobook.co.kr/ink/images/common/icon_arrow_top.png" alt=""></p> <!-- // ·¹À̾î È­»ìÇ¥ À§Ä¡ --> <dl class="new_c"> <dt class="new_t"><strong>¹®Àå¼öÁý ¾È³»</strong></dt> <dd class="new_d"> <ul> <li>¹®Àå¼öÁýÀº °í°´´ÔµéÀÌ Á÷Á¢ ¼±Á¤ÇÑ Ã¥ÀÇ ÁÁÀº ¹®ÀåÀ» º¸¿©ÁÖ´Â<br>±³º¸¹®°íÀÇ »õ·Î¿î ¼­ºñ½ºÀÔ´Ï´Ù.</li> <li>¸¶À½À» µÎµå¸° ¹®ÀåµéÀ» ±â·ÏÇϰí ÁÁÀº ±Û±ÍµéÀº "ÁÁ¾Æ¿ä"ÇÏ¿© ¸ð¾Æº¸¼¼¿ä.</li> <li>±¸¸Å ÈÄ 90ÀÏ À̳»¿¡ ¹®Àå¼öÁýÀ» ³²°ÜÁֽøé 100P,<br>ÇØ´ç µµ¼­ÀÇ ÃÖÃÊ ÀÛ¼ºÀÚ¶ó¸é 200P¸¦ Àû¸³Çص帳´Ï´Ù.</li> <li>※Æ÷ÀÎÆ®´Â ¹ß¼Û¿Ï·á ÈÄ ÀÍÀÏ Àû¸³µÇ¸ç, Ãë¼Ò/¹Ýǰ/ÀýÆÇ/ǰÀý<br>µµ¼­´Â Á¦¿ÜµË´Ï´Ù.<br></li> </ul> </dd> </dl> <p class="new_btn"><a href="javascript:popOpen('layerKp');"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_close_p.gif" alt="´Ý±â"></a></p> </div> </div> <!-- // Ãß°¡ Æ÷ÀÎÆ® Àû¸³ ¾È³» ·¹ÀÌ¾î ÆË¾÷ --> </span> </div> <!-- //18-10-08 ¹®Àå¼öÁý Æ÷ÀÎÆ® ¾È³» Ãß°¡ --> </h2> <div id="box_detail_killingPart"></div> <script type="text/javascript"> var barcode = "9788975607547"; var ejkGb = "KOR"; (function($){ $(window).scroll(function(){ if( $('#box_detail_killingPart').size() && $('#box_detail_killingPart').is(':empty') && $('#box_detail_killingPart').data('loading')!=1){ if( $('#box_detail_killingPart').offset().top < $(this).scrollTop() + $(this).height() && $('#box_detail_killingPart').offset().top > $(this).scrollTop() ){ $('#box_detail_killingPart').data('loading',1); jQuery("#box_detail_killingPart").load("/killingpart/selectProductKPList.laf?gb=total&barcode="+barcode+"&ejkGb="+ejkGb+"&pageNumber=1"); } } }); })(jQuery); //ų¸µÆÄÆ® ÆË¾÷ function openWriteKillingPart(){ alert("·Î±×ÀÎ ÈÄ ÀÛ¼º °¡´ÉÇÕ´Ï´Ù."); fn_openLogin(location.href); return; var barcode = "9788975607547"; var ejkGb = "KOR"; var popWidth = 0; var popHeight = 0; popWidth = 450; popHeight = 780; var goToUrl = "/killingpart/popupWriteKP.laf?gb=barcode&ejkGb=" + ejkGb + "&barcode=" + barcode; window.open(goToUrl,'multiPopup2','width='+popWidth+',height='+popHeight+',scrollbars'); } function likeKP(num){ alert("·Î±×ÀÎ ÈÄ ÁÁ¾Æ¿ä °¡´ÉÇÕ´Ï´Ù."); fn_openLogin(location.href); return; jQuery.ajax({ type: "POST", url: "/killingpart/kpLike.laf", async:false, cache:false, data: {"num":num}, dataType : "jsonp", jsonp : "callback", success: function(data){ if(data.result == "Y"){ alert("ÀÌ ¹®ÀåÀ» ÁÁ¾Æ¿ä Çß½À´Ï´Ù. ³ªÀǵ¶¼­±â·Ï¿¡¼­ È®ÀÎ °¡´ÉÇÕ´Ï´Ù"); var current = jQuery('.like'+num).text(); current = parseInt(current) + 1; jQuery('.like'+num).text(current); }else if(data.result == "D"){ alert("ÀÌ¹Ì ÁÁ¾Æ¿ä Çϼ̽À´Ï´Ù."); }else if(data.result == "L"){ alert("·Î±×ÀÎ ÇØÁÖ¼¼¿ä."); fn_openLogin(location.href); }else if(data.result == "M"){ alert("º»ÀÎÀÌ ÀÛ¼ºÇÑ ¹®Àå¼öÁýÀº 'ÁÁ¾Æ¿ä'¸¦ Ŭ¸¯ÇÒ ¼ö ¾ø½À´Ï´Ù"); }else{ alert("ó¸®Áß ¿À·ù°¡ ¹ß»ýÇÏ¿´½À´Ï´Ù."); } }, error: function(result){ alert("ó¸®Áß ¿À·ù°¡ ¹ß»ýÇÏ¿´½À´Ï´Ù."); return; } }); } function likeKPBest(num){ alert("·Î±×ÀÎ ÈÄ ÁÁ¾Æ¿ä °¡´ÉÇÕ´Ï´Ù."); fn_openLogin(location.href); return; jQuery.ajax({ type: "POST", url: "/killingpart/kpLike.laf", async:false, cache:false, data: {"num":num}, dataType : "jsonp", jsonp : "callback", success: function(data){ if(data.result == "Y"){ alert("ÀÌ ¹®ÀåÀ» ÁÁ¾Æ¿ä Çß½À´Ï´Ù. ³ªÀǵ¶¼­±â·Ï¿¡¼­ È®ÀÎ °¡´ÉÇÕ´Ï´Ù"); var current = jQuery('.likeB'+num).text(); current = parseInt(current) + 1; jQuery('.likeB'+num).text(current); }else if(data.result == "D"){ alert("ÀÌ¹Ì ÁÁ¾Æ¿ä Çϼ̽À´Ï´Ù."); }else if(data.result == "L"){ alert("·Î±×ÀÎ ÇØÁÖ¼¼¿ä."); fn_openLogin(location.href); }else if(data.result == "M"){ alert("º»ÀÎÀÌ ÀÛ¼ºÇÑ ¹®Àå¼öÁýÀº 'ÁÁ¾Æ¿ä'¸¦ Ŭ¸¯ÇÒ ¼ö ¾ø½À´Ï´Ù"); }else{ alert("ó¸®Áß ¿À·ù°¡ ¹ß»ýÇÏ¿´½À´Ï´Ù."); } }, error: function(result){ alert("ó¸®Áß ¿À·ù°¡ ¹ß»ýÇÏ¿´½À´Ï´Ù."); return; } }); } function goMyKillingPart(){ alert("·Î±×ÀÎÀ» ÇØÁÖ¼¼¿ä."); openLoginTop(location.href); return; location.href="/killingpart/myRecords.laf?gb=KP&mem="; } </script> <!-- *** e:°£´Ü¸®ºä ¿µ¿ª *** --> </div> <!-- *** //e:.box_detail_content - ȸ¿ø¸®ºä *** --> <!-- *** //e:Contents - ȸ¿ø¸®ºä *** --> <!-- *** s:.tab_detail_content - ±³È¯/¹Ýǰ/ǰÀý *** --> <ul class="tab_detail_content" id="guide"> <li><a href="#book_info">»óǰÁ¤º¸</a></li> <li><a href="#review">ȸ¿ø¸®ºä <span>(0)</span></a></li> <li class="on"><a href="#guide">±³È¯/¹Ýǰ/ǰÀý</a></li> </ul> <!-- *** //e:.tab_detail_content - ±³È¯/¹Ýǰ/ǰÀý *** --> <!-- *** s:Contents - ±³È¯/¹Ýǰ/ǰÀý *** --> <!-- *** s:.box_detail_content - ±³È¯/¹Ýǰ/ǰÀý *** --> <div class="box_detail_content"> <h2 class="title_detail_basic">±³È¯/¹Ýǰ/ǰÀý¾È³»</h2> <p class="margin_top20">¡Ø »óǰ ¼³¸í¿¡ ¹Ýǰ/±³È¯ °ü·ÃÇÑ ¾È³»°¡ ÀÖ´Â °æ¿ì ±× ³»¿ëÀ» ¿ì¼±À¸·Î ÇÕ´Ï´Ù. (¾÷ü »çÁ¤¿¡ µû¶ó ´Þ¶óÁú ¼ö ÀÖ½À´Ï´Ù.)</p> <table class="table_simple2 table_detail_guide margin_top10" summary="±³È¯/¹Ýǰ/ǰÀý¾È³» »ó¼¼Å×À̺í·Î ¸ñ·ÏÀ¸·Î ¹Ýǰ/±³È¯¹æ¹ý, ¹Ýǰ/±³È¯°¡´É ±â°£, ¹Ýǰ/±³È¯ºñ¿ë, ¹Ýǰ/±³È¯ ºÒ°¡ »çÀ¯, »óǰ ǰÀý, ¼ÒºñÀÚ ÇÇÇØº¸»ó ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó"> <caption class="caption_hidden">±³È¯/¹Ýǰ/ǰÀý¾È³»</caption> <colgroup> <col width="22%" /> <col width="*" /> </colgroup> <tbody> <tr> <th scope="row">¹Ýǰ/±³È¯¹æ¹ý</th> <td><strong>¸¶ÀÌ·ë > ÁÖ¹®°ü¸® > ÁÖ¹®/¹è¼Û³»¿ª > ÁÖ¹®Á¶È¸ > <a href="http://www.kyobobook.co.kr/myroom/orderList.laf">¹Ýǰ/±³È¯½Åû</a> , <br /> <a href="http://www.kyobobook.co.kr/cscenter/qnaForm.laf?questionType=003">[1:1»ó´ã>¹Ýǰ/±³È¯/ȯºÒ]</a> ¶Ç´Â °í°´¼¾ÅÍ (1544-1900)</strong><br /> ¡Ø ¿ÀǸ¶ÄÏ, ÇØ¿Ü¹è¼ÛÁÖ¹®, ±âÇÁÆ® ÁÖ¹®½Ã <a href="http://www.kyobobook.co.kr/cscenter/qnaForm.laf?questionType=003">[1:1»ó´ã>¹Ýǰ/±³È¯/ȯºÒ]</a><br />     ¶Ç´Â °í°´¼¾ÅÍ (1544-1900)</td> </tr> <tr> <th scope="row">¹Ýǰ/±³È¯°¡´É ±â°£</th> <td>º¯½É¹ÝǰÀÇ °æ¿ì ¼ö·É ÈÄ 7ÀÏ À̳»,<br /> »óǰÀÇ °áÇÔ ¹× °è¾à³»¿ë°ú ´Ù¸¦ °æ¿ì ¹®Á¦Á¡ ¹ß°ß ÈÄ 30ÀÏ À̳»</td> </tr> <tr> <th scope="row">¹Ýǰ/±³È¯ºñ¿ë</th> <td>º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹Ýǰ/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã</td> </tr> <tr> <th scope="row">¹Ýǰ/±³È¯ ºÒ°¡ »çÀ¯</th> <td> <ul class="list_normal"> <li>¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óǰ µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì<br /> (´ÜÁö È®ÀÎÀ» À§ÇÑ Æ÷Àå ÈѼÕÀº Á¦¿Ü)</li> <li>¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óǰ µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì<br /> ¿¹) È­Àåǰ, ½Äǰ, °¡ÀüÁ¦Ç°(¾Ç¼¼¼­¸® Æ÷ÇÔ) µî</li> <li>º¹Á¦°¡ °¡´ÉÇÑ »óǰ µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì<br /> ¿¹) À½¹Ý/DVD/ºñµð¿À, ¼ÒÇÁÆ®¿þ¾î, ¸¸È­Ã¥, ÀâÁö, ¿µ»ó È­º¸Áý</li> <li>¼ÒºñÀÚÀÇ ¿äû¿¡ µû¶ó °³º°ÀûÀ¸·Î ÁÖ¹® Á¦À۵Ǵ »óǰÀÇ °æ¿ì ((1)ÇØ¿ÜÁÖ¹®µµ¼­)</li> <li>µðÁöÅÐ ÄÁÅÙÃ÷ÀÎ eBook, ¿Àµð¿ÀºÏ µîÀ» 1ȸ ÀÌ»ó ´Ù¿î·Îµå¸¦ ¹Þ¾ÒÀ» °æ¿ì</li> <li>½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆÇ¸Å°¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì</li> <li>ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡<br /> ÇØ´çµÇ´Â °æ¿ì</li> </ul> (1) ÇØ¿ÜÁÖ¹®µµ¼­ : ÀÌ¿ëÀÚÀÇ ¿äû¿¡ ÀÇÇÑ °³ÀÎÁÖ¹®»óǰÀ¸·Î ´Ü¼øº¯½É ¹× Âø¿À·Î ÀÎÇÑ Ãë¼Ò/±³È¯/¹Ýǰ ½Ã ¡®ÇØ¿ÜÁÖ¹® ¹Ýǰ/Ãë¼Ò ¼ö¼ö·á¡¯ °í°´ ºÎ´ã (ÇØ¿ÜÁÖ¹® ¹Ýǰ/Ãë¼Ò ¼ö¼ö·á : ¨ç¼­¾çµµ¼­-ÆÇ¸ÅÁ¤°¡ÀÇ 12%, ¨èÀϺ»µµ¼­-ÆÇ¸ÅÁ¤°¡ÀÇ 7%¸¦ Àû¿ë) </td> </tr> <tr> <th scope="row">»óǰ ǰÀý</th> <td>°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ ǰÀý/Áö¿¬µÉ ¼ö ÀÖÀ¸¸ç, ǰÀý ½Ã °ü·Ã »çÇ׿¡ ´ëÇØ¼­´Â<br /> À̸ÞÀϰú ¹®ÀÚ·Î ¾È³»µå¸®°Ú½À´Ï´Ù.</td> </tr> <tr> <th scope="row">¼ÒºñÀÚ ÇÇÇØº¸»ó<br /> ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó</th> <td> <ul class="list_normal"> <li>»óǰÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, ǰÁúº¸Áõ ¹× ÇÇÇØº¸»ó µî¿¡ °üÇÑ »çÇ×Àº<br /> ¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øÈ¸ °í½Ã)¿¡ ÁØÇÏ¿© 󸮵Ê</li> <li>´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ<br /> ¼ÒºñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ</li> </ul> </td> </tr> </tbody> </table> </div> <!-- *** //e:.box_detail_content - ±³È¯/¹Ýǰ/ǰÀý *** --> <!-- *** //e:Contents - ±³È¯/¹Ýǰ/ǰÀý *** --> <!-- *** s:2016. 10. 17. ±âÇÁÆ® »óǰ Ãß°¡ - ÀåÃæ¼º --> <!-- 16-10-10 ±âÇÁÆ® »óǰ --> <div class="box_detail_content"> <div class="posr margin_bot20"> <h2 class="title_detail_basic">±âÇÁÆ® BEST</h2> <a href="http://gift.kyobobook.co.kr/ht/hot/hotAwardPage?dispMstrId=CATE_GFT_BEST&ctgrId=0000&orderClick=JAp" class="btn_more_conts"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_more.gif" alt="´õº¸±â"></a> </div><!-- //16-10-28 Ãß°¡ --> <div class="gift_list_best" id="giftProducts"> <div class="event_list"> <ul> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042075972&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1077/hot1602721465892.jpg" alt=" ½ºÅ¸¹÷½º ¸®Àúºê ¿¡µð¼Ç [¸¶ÀÌ´õÄ¡ Äݵåºê·ç ¸ÞÀÌÄ¿]" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit"> ½ºÅ¸¹÷½º ¸®Àúºê ¿¡µð¼Ç [¸¶ÀÌ´õÄ¡ Äݵåºê·ç ¸ÞÀÌÄ¿]</span> <span class="item_sale_price">49,800</span> <span class="item_per">(37%¡é)</span> </a> <form name="giftItemListForm1" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310042075972"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042075972&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042970055&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1071/hot1610349500156.jpg" alt="ij½Ã¹Ì¾î ¿ï¾ç¸» 5Á· ¼¼Æ®" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">ij½Ã¹Ì¾î ¿ï¾ç¸» 5Á· ¼¼Æ®</span> <span class="item_sale_price">25,000</span> <span class="item_per">(0%¡é)</span> </a> <form name="giftItemListForm2" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310042970055"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042970055&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2315025164698&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1051/hot1606874250354.jpg" alt="ºñŸ±×·¥ ¸¶ÀÌ ¿Â¿­ ÆÄƼ¼Ç È÷ÅÍ" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">ºñŸ±×·¥ ¸¶ÀÌ ¿Â¿­ ÆÄƼ¼Ç È÷ÅÍ</span> <span class="item_sale_price">39,860</span> <span class="item_per">(69%¡é)</span> </a> <form name="giftItemListForm3" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2315025164698"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2315025164698&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310041640027&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1660/hot1587023026936.jpg" alt="¸Æµµµµ µ¥½ºÅ© ÈÞ´ëÆù / ÅÂºí¸´PC ½ºÅÄµå °ÅÄ¡´ë" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">¸Æµµµµ µ¥½ºÅ© ÈÞ´ëÆù / ÅÂºí¸´PC ½ºÅÄµå °ÅÄ¡´ë</span> <span class="item_sale_price">10,900</span> <span class="item_per">(54%¡é)</span> </a> <form name="giftItemListForm4" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310041640027"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310041640027&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310033971733&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1998/hot1565922015057.jpg" alt="[²Ü.°Ç.´Þ] º¸Àڱ⹭À½_õ¿¬²Ü ¹Ì´Ï3Á¾¼¼Æ®" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[²Ü.°Ç.´Þ] º¸Àڱ⹭À½_õ¿¬²Ü ¹Ì´Ï3Á¾¼¼Æ®</span> <span class="item_sale_price">17,600</span> <span class="item_per">(16%¡é)</span> </a> <form name="giftItemListForm5" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310033971733"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310033971733&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042132347&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1168/hot1597884668110.jpg" alt="Ãʰ­·Â ÀÚ¼® ÈÄÅ©°í¸® 10P ¼¼Æ®" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">Ãʰ­·Â ÀÚ¼® ÈÄÅ©°í¸® 10P ¼¼Æ®</span> <span class="item_sale_price">5,300</span> <span class="item_per">(55%¡é)</span> </a> <form name="giftItemListForm6" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310042132347"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042132347&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> </ul> </div> <button type="button" class="btn_prev"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_prev06.gif" alt="ÀÌÀü" /></button> <button type="button" class="btn_next"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_next06.gif" alt="´ÙÀ½" /></button> </div> <!-- 20-04-13 Ãß°¡ --> <div class="gift_list_best margin_top30" id="giftProducts2"> <div class="event_list"> <ul> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310043019685&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1797/hot1611019243490.jpg" alt="[2/2Ãâ°í] ¾Æ¿¡¸£ ¾îµå¹ê½ºµå KF94 30¸Å (¹Ú½ºÁ¦°ø)" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[2/2Ãâ°í] ¾Æ¿¡¸£ ¾îµå¹ê½ºµå KF94 30¸Å (¹Ú½ºÁ¦°ø)</span> <span class="item_sale_price">35,700</span> <span class="item_per">(60%¡é)</span> </a> <form name="giftItemListForm1" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310043019685"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310043019685&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2315002327832&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1041/hot1607473312649.png" alt="[¼±Âø¼ø] Ÿ¿ÀÆ®·Î´Ð½º ³ëÀÌÁîĵ½½¸µ Çìµå¼Â TT-BH22K" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[¼±Âø¼ø] Ÿ¿ÀÆ®·Î´Ð½º ³ëÀÌÁîĵ½½¸µ Çìµå¼Â TT-BH22K</span> <span class="item_sale_price">59,000</span> <span class="item_per">(54%¡é)</span> </a> <form name="giftItemListForm2" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2315002327832"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2315002327832&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042949051&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1153/hot1609996305438.jpg" alt="Ä«³ª³ª ¸±Å¸ÀÔ Äõµå¶ó ÃæÀü±â" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">Ä«³ª³ª ¸±Å¸ÀÔ Äõµå¶ó ÃæÀü±â</span> <span class="item_sale_price">15,900</span> <span class="item_per">(47%¡é)</span> </a> <form name="giftItemListForm3" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310042949051"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042949051&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310041194155&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1451/hot1577745543739.jpg" alt="¾Ë·ç¹Ì´½ ³ôÀÌÁ¶Àý ³ëÆ®ºÏ °ÅÄ¡´ë SOME2V" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">¾Ë·ç¹Ì´½ ³ôÀÌÁ¶Àý ³ëÆ®ºÏ °ÅÄ¡´ë SOME2V</span> <span class="item_sale_price">29,900</span> <span class="item_per">(40%¡é)</span> </a> <form name="giftItemListForm4" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310041194155"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310041194155&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310031016993&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1787/hot1501055255213.jpg" alt="¹ÌÂêºñ½Ã À¯´Ï Á¦Æ®½ºÆ®¸² SXN150 À¯¼ºº¼Ææ[00031115]" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">¹ÌÂêºñ½Ã À¯´Ï Á¦Æ®½ºÆ®¸² SXN150 À¯¼ºº¼Ææ[00031115]</span> <span class="item_sale_price">1,440</span> <span class="item_per">(20%¡é)</span> </a> <form name="giftItemListForm5" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310031016993"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310031016993&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310040584094&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1061/hot1562496977678.png" alt="[¸ðÆ®¸ðÆ®] ÅÙ¹Ì´Ö Ç÷¡³Ê 100DAYS - È­ÀÌÆ® (1EA)" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[¸ðÆ®¸ðÆ®] ÅÙ¹Ì´Ö Ç÷¡³Ê 100DAYS - È­ÀÌÆ® (1EA)</span> <span class="item_sale_price">6,000</span> <span class="item_per">(0%¡é)</span> </a> <form name="giftItemListForm6" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310040584094"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310040584094&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="»õ⺸±â"></a> </div> </div> </li> </ul> </div> <button type="button" class="btn_prev"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_prev06.gif" alt="ÀÌÀü" /></button> <button type="button" class="btn_next"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_next06.gif" alt="´ÙÀ½" /></button> </div> </div> <!-- //16-10-10 ±âÇÁÆ® »óǰ --> <script type="text/javascript"> (function($){ //20-04-13 ¼öÁ¤ $("#giftProducts, #giftProducts2").each(function(){ var gift = $(this).find(".event_list ul"); var total = gift.children("li").size(); var random = Math.floor(Math.random()*total); gift.children("li:lt("+random+")").appendTo(gift); $(this).find(".btn_next").click(function(){ gift.children("li:lt(2)").appendTo(gift); }); $(this).find(".btn_prev").click(function(){ gift.children("li:gt("+(total-3)+")").prependTo(gift); }); }); })(jQuery); function goAddCart_Inner(frm, barcode, ejkGb){ var frm = document.giftItemListForm; frm.barcode.value = barcode; frm.ejkGb.value = ejkGb; frm.qty.value = "1"; frm.action = "javascript:goAddCart(frm, '_parent');"; frm.submit(); } </script> <!-- *** e:2016. 10. 17. ±âÇÁÆ® »óǰ Ãß°¡ - ÀåÃæ¼º --> <!-- *** //e:»ó¼¼Á¤º¸ *** --> </div> <div class="content_right"> <!-- *** s:¿¬°ü »óǰÁ¤º¸(Right) ±¤°í¿µ¿ª *** --> <div class="ad_detail01"> <!-- *** s:±¹³»µµ¼­ ¹è³Ê¿µ¿ª *** --> <script src='https://compass.adop.cc/assets/js/adop/adopJ.js?v=14' ></script><ins class='adsbyadop' _adop_zon = '0444861b-f4e3-4a2f-ad51-3b8d06cf679f' _adop_type = 're' style='display:inline-block;width:200px;height:200px;' _page_url=''></ins> <!-- *** //e:±¹³»µµ¼­ ¹è³Ê¿µ¿ª *** --> </div> <!-- *** //e:¿¬°ü »óǰÁ¤º¸(Right) ±¤°í¿µ¿ª *** --> <!-- *** s:¿¬°ü »óǰÁ¤º¸(Right) *** --> <!-- *** s:ÀÌ ºÐ¾ßÀÇ º£½ºÆ® *** --> <div class="box_detail_aside"> <h2 class="title_detail_aside">ÀÌ ºÐ¾ßÀÇ º£½ºÆ®</h2> <ul class="list_detail_aside"> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213459&orderClick=JAI"> <strong class="rank">1</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/459/m9791165213459.jpg" alt="ÄÄÇ»ÅÍȰ¿ë´É·Â 1±Þ Çʱâ(2021)(½Ã³ª°ø ÃÑÁ¤¸®)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213459&orderClick=JAI"> ÄÄÇ»ÅÍȰ¿ë´É·Â 1±Þ Çʱâ(2021)(½Ã³ª°ø ÃÑÁ¤¸®) </a> </div> <div class="author"> ±æ¹þR&D </div> <div class="price">18,000¿ø</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791166620492&orderClick=JAI"> <strong class="rank">2</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/492/m9791166620492.jpg" alt="Àü»êȸ°è 1±Þ ÀÌ·Ð+½Ç±â+±âÃâ¹®Á¦(2021)(ÇØÄ¿½º)(°³Á¤ÆÇ)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791166620492&orderClick=JAI"> Àü»êȸ°è 1±Þ ÀÌ·Ð+½Ç±â+±âÃâ¹®Á¦(2021)(ÇØÄ¿½º)(°³Á¤ÆÇ) </a> </div> <div class="author"> À̳²È£ </div> <div class="price">23,310¿ø</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213169&orderClick=JAI"> <strong class="rank">3</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/169/m9791165213169.jpg" alt="ÄÄÇ»ÅÍȰ¿ë´É·Â 2±Þ ½Ç±â(2021)(½Ã³ª°ø)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213169&orderClick=JAI"> ÄÄÇ»ÅÍȰ¿ë´É·Â 2±Þ ½Ç±â(2021)(½Ã³ª°ø) </a> </div> <div class="author"> ±æ¹þR&D </div> <div class="price">19,800¿ø</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213152&orderClick=JAI"> <strong class="rank">4</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/152/m9791165213152.jpg" alt="ÄÄÇ»ÅÍȰ¿ë´É·Â 1±Þ ½Ç±â(2021)(½Ã³ª°ø)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213152&orderClick=JAI"> ÄÄÇ»ÅÍȰ¿ë´É·Â 1±Þ ½Ç±â(2021)(½Ã³ª°ø) </a> </div> <div class="author"> ±æ¹þR&D </div> <div class="price">32,400¿ø</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791157675661&orderClick=JAI"> <strong class="rank">5</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/661/m9791157675661.jpg" alt="Á¤º¸Ã³¸®±â»ç Çʱâ 1±Ç+2±Ç ÇÕº»¼¼Æ®(2021)(¼öÁ¦ºñ)(2ÆÇ)(Àü2±Ç)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791157675661&orderClick=JAI"> Á¤º¸Ã³¸®±â»ç Çʱâ 1±Ç+2±Ç ÇÕº»¼¼Æ®(2021)(¼öÁ¦ºñ)(2ÆÇ)(Àü2±Ç) </a> </div> <div class="author"> À±¿µºó </div> <div class="price">30,600¿ø</div> </li> </ul> <a class="btn_more" href="/bestseller/bestSeller.laf?mallGb=KOR&linkClass=33&cateDivYn=Y&range=0&kind=0&Kc=KDMRBEbestseller">´õº¸±â+</a> </div> <!-- *** //e:ÀÌ ºÐ¾ßÀÇ º£½ºÆ® *** --> <!-- *** s:ÀÌ ºÐ¾ßÀÇ ½Å°£ *** --> <div class="box_detail_aside"> <h2 class="title_detail_aside">ÀÌ ºÐ¾ßÀÇ ½Å°£</h2> <ul class="list_detail_aside"> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213459"> <img src="http://image.kyobobook.co.kr/images/book/medium/459/m9791165213459.jpg" alt="ÄÄÇ»ÅÍȰ¿ë´É·Â 1±Þ Çʱâ(2021)(½Ã³ª°ø ÃÑÁ¤¸®)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213459"> ÄÄÇ»ÅÍȰ¿ë´É·Â 1±Þ Çʱâ(2021)(½Ã³ª°ø ÃÑÁ¤¸®) </a> </div> <div class="author"> ±æ¹þR&D </div> <div class="price">18,000¿ø</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791157675661"> <img src="http://image.kyobobook.co.kr/images/book/medium/661/m9791157675661.jpg" alt="Á¤º¸Ã³¸®±â»ç Çʱâ 1±Ç+2±Ç ÇÕº»¼¼Æ®(2021)(¼öÁ¦ºñ)(2ÆÇ)(Àü2±Ç)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791157675661"> Á¤º¸Ã³¸®±â»ç Çʱâ 1±Ç+2±Ç ÇÕº»¼¼Æ®(2021)(¼öÁ¦ºñ)(2ÆÇ)(Àü2±Ç) </a> </div> <div class="author"> À±¿µºó </div> <div class="price">30,600¿ø</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791162243664"> <img src="http://image.kyobobook.co.kr/images/book/medium/664/m9791162243664.jpg" alt="È¥ÀÚ °øºÎÇÏ´Â ¸Ó½Å·¯´×+µö·¯´×" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791162243664"> È¥ÀÚ °øºÎÇÏ´Â ¸Ó½Å·¯´×+µö·¯´× </a> </div> <div class="author"> ¹ÚÇØ¼± </div> <div class="price">23,400¿ø</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791196943622"> <img src="http://image.kyobobook.co.kr/images/book/medium/622/m9791196943622.jpg" alt="ADsP µ¥ÀÌÅÍ ºÐ¼® ÁØÀü¹®°¡(2021)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791196943622"> ADsP µ¥ÀÌÅÍ ºÐ¼® ÁØÀü¹®°¡(2021) </a> </div> <div class="author"> À±Á¾½Ä </div> <div class="price">25,200¿ø</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791166620492"> <img src="http://image.kyobobook.co.kr/images/book/medium/492/m9791166620492.jpg" alt="Àü»êȸ°è 1±Þ ÀÌ·Ð+½Ç±â+±âÃâ¹®Á¦(2021)(ÇØÄ¿½º)(°³Á¤ÆÇ)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791166620492"> Àü»êȸ°è 1±Þ ÀÌ·Ð+½Ç±â+±âÃâ¹®Á¦(2021)(ÇØÄ¿½º)(°³Á¤ÆÇ) </a> </div> <div class="author"> À̳²È£ </div> <div class="price">23,310¿ø</div> </li> </ul> <a class="btn_more" href="/category/categoryKor.laf?ejkGb=KOR&linkClass=3314&mallGb=KOR&orderClick=&tabName=NewBook&sortColumn=sale_qty&Kc=KDMRNEnewbook">´õº¸±â+</a> </div> <!-- *** //e:ÀÌ ºÐ¾ßÀÇ ½Å°£ *** --> <!-- *** //e:¿¬°ü »óǰÁ¤º¸(Right) *** --> </div> </div> <!-- //e:.content_middle --> <script type="text/javascript"> (function($){ $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); var tabActive = false; $('.tab_detail_content:not(.fixed)').each(function(idx){ var thisHeight = $(this).outerHeight(); var thisStart = parseInt( $(this).offset().top ) -50; //- thisHeight; var thisFinish = thisStart + thisHeight + $(this).next('.box_detail_content').outerHeight(); if( scrollTop > thisStart && scrollTop < thisFinish ){ $('#detailFixedTab').find('.nav_page').html( $(this).clone().removeAttr('id').addClass('fixed') ); if(!tabActive) $('#detailFixedTab').show(); tabActive = true; } }); if(!tabActive) $('#detailFixedTab').hide(); }); })(jQuery); </script> <!-- IE7 ¹ö±× ÆÐÄ¡ --> <!--[if lte IE 7 ]> <script type="text/javascript"> (function($){ var total = $('.popup_load').size(); $('.popup_load').each(function(idx){ $(this).css('z-index',300+total-idx); }); $('.box_detail_content .title_detail_basic:first-child').addClass('title_detail_first'); })(jQuery); </script> <![endif]--> <!-- // IE7 ¹ö±× ÆÐÄ¡ --> </div> <!-- //e:#Container --> </div> <script type="text/javascript"> (function($){ // ´Ý±âÅÂ±× ¿À·ù ´ë¾È if( $('#wrap #footer').size() ){ document.write('</div></div>'); $('#wrap #footer').remove(); } // À¥Á¢±Ù¼º: LNB ÀÖ´Â ÆäÀÌÁö º»¹®¹Ù·Î°¡±â if( $('#myroom_contents').size() ) $('#skip_to_content a').eq(0).attr('href','#myroom_contents'); if( $('#recommend_contents').size() ) $('#skip_to_content a').eq(0).attr('href','#recommend_contents'); if( $('#pubevent_contents').size() ) $('#skip_to_content a').eq(0).attr('href','#pubevent_contents'); })(jQuery); </script> <style type="text/css"> html{background:none !important;} #footer{margin-top:70px;background:#f5f5f5 url('http://image.kyobobook.co.kr/ink/images/common/bg_footer3.gif') 0 0 repeat-x;*position:relative;} #footer .footer_con{width:950px;margin:0 auto;padding:0 30px 30px;background:url('http://image.kyobobook.co.kr/ink/images/common/bg_footer3.gif') 0 0 repeat-x;color:#666;*zoom:1;} #footer .footer_con:after{content:'';display:block;clear:both;} #footer .footer_con .logo_area{clear:both;padding-top:21px;} #footer .footer_con .shortcut_list {float:right;width:150px;height:44px;} #footer .footer_con .shortcut_list .btn_open {padding-top:15px;padding-bottom:13px;border:1px solid #6d6d6d;background:#6d6d6d url('http://image.kyobobook.co.kr/ink/images/common/arr_shortcut2.png') no-repeat right 0;color:#fff;font-weight:bold;padding-right:27px;text-align:center;text-transform:uppercase;} #footer .footer_con .shortcut_list ul {bottom:43px;} #footer .footer_con .shortcut_open .btn_open {background-position:right -44px;} #footer .footer_con .member_area{float:left;height:44px;width:800px;background-color:#8b8b8b;line-height:15px;} #footer .footer_con .member_area li{float:left;padding:16px 13px 0 14px;height:28px;text-align:center;background:url('http://image.kyobobook.co.kr/ink/images/common/line_footer.gif') no-repeat left center;} #footer .footer_con .member_area li:first-child {background-image:none;padding-left:14px;} #footer .footer_con .member_area a {text-decoration:none;color:#f1f0f0;} #footer .footer_con .member_area a:hover {text-decoration:underline;color:#fff;} #footer .footer_con .member_area strong {color:#fff;text-decoration:underline;} #footer .footer_con .click_footer{float:left;width:460px;margin:18px 0 0 0;} #footer .footer_con .click_footer address{font-size:11px;line-height:18px;} #footer .footer_con .click_footer address a{text-decoration:underline;color:#666;} #footer .footer_con .click_footer address a:hover {text-decoration:underline;color:#3c5fe1;} #footer .footer_con .click_footer address .copy {margin-top:10px;} #footer .footer_con .click_footer address .big {font-size:12px;} #footer .footer_con .lg_area{float:right;width:460px;font-size:11px;line-height:18px;margin:18px 0 0 20px;} #footer .footer_con .lg_area p {font-size:11px;line-height:18px;color:#666;} #footer .footer_con .lg_area a:link {text-decoration:underline;color:#666;} #footer .footer_con .lg_area a:hover {text-decoration:underline;color:#3c5fe1;} #footer .footer_con .mark_isms{float:right;width:460px;margin-top:10px;position:relative;}/* 2020-09-01 */ #footer .footer_con .mark_isms a{display:inline-block;padding:10px 0 0 52px;height:38px;font-size:11px;line-height:15px;} #footer .footer_con .mark_isms p {position:absolute;left:168px;top:10px;font-size:11px;color:#666666;line-height:1.5;} /* 2020-09-01 */ #footer .footer_con .mark_isms a {background:url('http://image.kyobobook.co.kr/ink/images/common/mark_isms_02.png') no-repeat 0 0;} /* 2020-12-04 */ /* ±âÇÁÆ® */ #footer .footer_con .click_footer address {float:none;padding-left:0;} /* PubPle */ #footer {height:auto;} </style> <div id="footer"> <div class="footer_con"> <ul class="member_area"> <li><a href="http://www.kyobobook.co.kr/company/intro.laf?orderClick=rXa">ȸ»ç¼Ò°³</a></li> <li><a href="http://www.kyobobook.co.kr/contents/provision.laf?orderClick=rXc">ÀÌ¿ë¾à°ü</a></li> <li><a href="http://www.kyobobook.co.kr/contents/privacyPolicy.laf?orderClick=rXd"><strong>°³ÀÎÁ¤º¸Ã³¸®¹æÄ§</strong></a></li> <li><a href="http://www.kyobobook.co.kr/contents/youthPolicy.laf">û¼Ò³âº¸È£Á¤Ã¥</a></li> <li><a href="http://www.kyobobook.co.kr/cscenter/csCenterMain.laf?Kc=GNHHNOcscenter&orderClick=rXo">°í°´¼¾ÅÍ</a></li> <li><a href="http://www.kyobobook.co.kr/guidePublisher/chargePerson.laf?orderClick=rXf">Çù·Â»ç¿©·¯ºÐ</a></li> <li><a href="https://www.kyobobook.co.kr/guidePublisher/suggest.laf?orderClick=rXi">Á¦ÈÞ·Á¦¾È</a></li> <li><a href="https://ad.kyobobook.co.kr/?orderClick=rXg">±¤°í¹®ÀÇ</a></li> <li><a href="https://ehr.kyobobook.co.kr/recr/recruit_system_1.jsp?orderClick=rXb" target="_blank">ä¿ëÁ¤º¸</a></li> </ul> <style type="text/css"> .shortcut_list {position:relative;width:133px;height:20px; text-align:left;} .shortcut_list .btn_open {border:1px solid #707070;background:#fff url('https://simage.kyobobook.co.kr/ink/images/common/arr_shortcut.png') no-repeat right 0;} .shortcut_list a {display:block;height:14px;padding:3px 4px 1px;font:12px/14px/dotum;color:#666;background-color:#fff; text-decoration:none;} .shortcut_list a:hover {color:#666;} .shortcut_list ul {display:none;position:absolute;z-index:1000;left:0;right:0;bottom:19px;_width:131px;border:1px solid #707070;background-color:#fff;} .shortcut_list ul li {} .shortcut_list ul li.on a, .shortcut_list ul li a:hover, .shortcut_list ul li a:active, .shortcut_list ul li a:focus {background-color:#dedede;color:#212121;} .shortcut_top ul {top:0;bottom:auto;} .shortcut_top .btn_open {background-position:right -20px;} .shortcut_top ul {top:19px;bottom:auto;} .shortcut_top.shortcut_open .btn_open {background-position:right 0;} .shortcut_open .btn_open {background-position:right -20px;} .shortcut_open ul {display:block;} .shortcut_auto {display:inline-block;width:auto;*display:inline;*zoom:1;} .shortcut_auto .btn_open {padding-right:20px;} #footer .footer_con .shortcut_list {/*margin-top:15px;*/} #comp_footer .con_footer .shortcut_list, #store_footer .con_footer .shortcut_list {position:absolute;right:0;top:20px;} .ink-search #footer .shortcut_list .btn_open {width:116px;} </style> <div class="shortcut_list"> <a href="#" class="btn_open">Family Site</a> <ul> <li><a href="http://www.kyobo.co.kr" target="_blank" title="»õ â ¿­¸²">±³º¸»ý¸í</a></li> <li><a href="http://www.kyobotrade.com" target="_blank" title="»õ â ¿­¸²">±³º¸Áõ±Ç</a></li> <li><a href="http://www.kico.co.kr" target="_blank" title="»õ â ¿­¸²">±³º¸Á¤º¸Åë½Å</a></li> <li><a href="http://www.kyoborealco.co.kr" target="_blank" title="»õ â ¿­¸²">±³º¸¸®¾óÄÚ</a></li> <li><a href="http://www.kyoboitm.co.kr" target="_blank" title="»õ â ¿­¸²">±³º¸¾Ç»çÀÚ»ê¿î¿ë</a></li> <li><a href="http://www.lifeplanet.co.kr" target="_blank" title="»õ â ¿­¸²">±³º¸¶óÀÌÇÁÇ÷¡´Ö»ý¸í</a></li> <li><a href="http://www.kcasonsa.co.kr" target="_blank" title="»õ â ¿­¸²">KCA ¼ÕÇØ»çÁ¤</a></li> <li><a href="http://www.kcase.co.kr" target="_blank" title="»õ â ¿­¸²">KCA ¼­ºñ½º</a></li> <li><a href="https://www.kyobotrust.co.kr" target="_blank" title="»õ â ¿­¸²">±³º¸ÀÚ»ê½ÅŹÁÖ½Äȸ»ç</a></li> <li><a href="http://www.daesan.or.kr" target="_blank" title="»õ â ¿­¸²">´ë»ê¹®È­Àç´Ü</a></li> <li><a href="http://www.kbedu.or.kr" target="_blank" title="»õ â ¿­¸²">±³º¸±³À°Àç´Ü</a></li> <li><a href="http://www.dsa.or.kr" target="_blank" title="»õ â ¿­¸²">´ë»ê³óÃÌÀç´Ü</a></li> <li><a href="http://www.hottracks.co.kr/ht/welcomeMain" target="_blank" title="»õ â ¿­¸²">ÇÖÆ®·¢½º</a></li> <li><a href="http://www.kyoboacademy.co.kr" target="_blank" title="»õ â ¿­¸²">±³º¸¾ÆÄ«µ¥¹Ì</a></li> </ul> </div> <script type="text/javascript"> (function($){ $('.shortcut_list .btn_open').click(function(e){ e.preventDefault(); $(this).parent().toggleClass('shortcut_open'); }); $('.shortcut_list a').hover( function(){$(this).addClass('hover');}, function(){$(this).removeClass('hover');} ).focus( function(){$(this).addClass('focus');} ).blur( function(){$(this).removeClass('focus');} ); $('.shortcut_list ul a').click( function(){$(this).closest('.shortcut_list').removeClass('shortcut_open');} ); $('body').click(function(){ $('.shortcut_list').each(function(){ if( !$(this).find('.focus').size() && !$(this).find('.hover').size() ){ $(this).removeClass('shortcut_open'); } }); }); })(jQuery); </script> <div class="logo_area"> <img src="http://image.kyobobook.co.kr/ink/images/common/logo_footer.png" alt="KYOBO ±³º¸¹®°í"/> </div> <div class="click_footer"> <address> ¢ß ±³º¸¹®°í   ¼­¿ï½Ã Á¾·Î±¸ Á¾·Î 1   ´ëÇ¥ÀÌ»ç : ¹Ú¿µ±Ô<br /> »ç¾÷ÀÚµî·Ï¹øÈ£ : 102-81-11670<br /> <strong class="big">´ëÇ¥ÀüÈ­ : 1544-1900 (¹ß½ÅÀÚ ºÎ´ãÀüÈ­)</strong>   ÆÑ½º : 0502-987-5711 (Áö¿ª¹øÈ£°øÅë)<br /> ¼­¿ïƯº°½Ã Åë½ÅÆÇ¸Å¾÷½Å°í¹øÈ£ : Á¦ 653È£ ¢º<a href="http://www.ftc.go.kr/info/bizinfo/communicationViewPopup.jsp?wrkr_no=1028111670" target="_blank" title="»õ â ¿­¸²">»ç¾÷ÀÚÁ¤º¸È®ÀÎ</a><br /> <div class="copy">COPYRIGHT(C) <strong>KYOBO BOOK CENTRE</strong> ALL RIGHTS RESERVED.</div> </address> </div> <div class="lg_area"> <p> LG U+ ±¸¸Å¾ÈÀü¼­ºñ½º   ¢º<a href="http://www.kyobobook.co.kr/prom/EscrowJoinConfirm.jsp?orderClick=rXn" onclick="window.open(this.href,'lguplus','scrollbars=yes,width=470,height=550');return false;" title="»õ â ¿­¸²">¼­ºñ½º °¡ÀÔ È®ÀÎ</a><br /> °í°´´ÔÀº ¾ÈÀü°Å·¡¸¦ À§ÇØ Çö±Ý µîÀ¸·Î °áÁ¦½Ã ÀúÈñ ¼îÇθô¿¡¼­ °¡ÀÔÇÑ LGÀ¯Ç÷¯½ºÀÇ ±¸¸Å¾ÈÀü¼­ºñ½º¸¦ ÀÌ¿ëÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. </p> </div> <div class="mark_isms"> <a href="http://www.kyobobook.co.kr/prom/markISMS.jsp" onclick="window.open(this.href,'mark_isms','width=600,height=855');return false;" title="»õâ¿­¸²">Á¤º¸º¸È£°ü¸®Ã¼°è<br /> ISMS ÀÎÁõȹµæ</a> <p>[ÀÎÁõ¹üÀ§] ¿Â¶óÀÎ ±³º¸¹®°í ¼­ºñ½º ¿î¿µ<br />[À¯È¿±â°£] 2020.11.04. ~ 2023.11.03.</p><!-- 2020-09-01 --> </div> </div> </div> <script type="text/javascript"> function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } </script> <!-- s:Äü¸Þ´º ¿µ¿ª --> <!-- Äü¸Þ´º --> <style type="text/css"> #quick_menu2 {position:absolute;left:0;right:0;top:268px;z-index:9999;min-width:1010px;height:0;background-color:transparent;} #quick_menu2 .quick_label {font-size:0;color:transparent;position:absolute;visibility:hidden;} #quick_menu2 .quick_contents {position:absolute;top:0;left:50%;margin-left:500px;width:63px;} #quick_menu2 .btn_quick_open {} #quick_menu2 .btn_quick_open a {position:relative;display:block;height:50px;font-size:0;color:transparent;background:#5e6b9e url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat -103px 13px;border:1px solid #5e6b9e;border-width:0 1px;transition:all 0.2s;} #quick_menu2 .btn_quick_open a small {position:absolute;left:34px;top:11px;font-weight:bold;display:inline-block;font-size:11px;line-height:12px;background:url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat 0 -200px;color:#fff;} #quick_menu2 .btn_quick_open a small span {display:inline-block;position:relative;left:5px;background:url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat right -200px;padding:3px 5px 0 0;} #quick_menu2 .btn_quick_open a .btn_open {display:block;visibility:hidden;opacity:0;transform:translate(10px,0);width:20px;height:50px;font-size:0;color:transparent;position:absolute;right:65px;top:0;background:#44528a url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat 7px -21px;transition:all 0.2s;*cursor:pointer;} #quick_menu2 .btn_quick_open:hover {padding-left:3px;margin-left:-3px;*zoom:1;} #quick_menu2 .btn_quick_open a:hover {background-color:#44528a;} #quick_menu2 .btn_quick_open:hover .btn_open, #quick_menu2 .btn_quick_open a:hover .btn_open {visibility:visible;opacity:1;transform:translate(0,0);background-color:#353f67;} #quick_menu2 .btn_quick_top {margin-bottom:2px;} #quick_menu2 .btn_quick_top a {display:block;height:34px;font-size:0;color:transparent;border:1px solid #d2d2d2;background:#f9f9f9 url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat 21px -108px;transition:all 0.2s;} #quick_menu2 .btn_quick_top a:hover {border-color:#999;} #quick_menu2 .btn_quick_down {margin-bottom:2px;} #quick_menu2 .btn_quick_down a {display:block;height:34px;font-size:0;color:transparent;border:1px solid #d2d2d2;background:#f9f9f9 url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat -19px -108px;transition:all 0.2s;} #quick_menu2 .btn_quick_down a:hover {border-color:#999;} #quick_menu2.opened {} #quick_menu2.opened .quick_goods {visibility:visible;opacity:1;*display:block;} #quick_menu2.opened .btn_quick_open a {border-color:#8592bc;} #quick_menu2.opened .btn_quick_open a .btn_open {visibility:hidden;opacity:0;transform:translate(-100px,0);} #quick_menu2.fixed {position:fixed;top:auto !important;bottom:0;transition:all 0.2s;} #quick_menu2.fixed .quick_contents {top:auto;bottom:0;} #quick_menu2.fixed .quick_goods {background-color:transparent;transform:translate(0,50px);} #quick_menu2.fixed.opened {height:50px;background-color:#5e6b9e;} #quick_menu2.fixed.opened .quick_goods {transform:translate(0,0);} body.welcome #quick_menu2 {top:888px;} body.welcome #quick_menu2.fixed {top:auto;bottom:0;} /* #quick_menu2.opened.fixed {background-color:transparent;height:0;} #quick_menu2.opened.fixed .quick_goods {visibility:hidden;opacity:1;transform:translate(0,50px);} #quick_menu2.opened.fixed .btn_quick_open a {border-color:#5e6b9e;} */ .quick_contents {line-height:16px;} .quick_contents h2 {text-align:center;margin:10px 0;color:#103a74;font-size:12px;font-family:dotum;line-height:16px;} .quick_contents a {color:#777;text-decoration:none;line-height:16px!important;} .quick_contents a:visited {color:#777;} .quick_contents a:hover {color:#555;text-decoration:none;} .quick_contents .quick_banner {} .quick_contents .quick_banner li {border:1px solid #d2d2d2;margin-bottom:2px;transition:all 0.2s;} .quick_contents .quick_banner li:hover {border-color:#aaa;} .quick_contents .quick_banner li img {max-width:100%;} .quick_contents .quick_banner li.popup {} .quick_contents .quick_banner li.popup .layer {visibility:hidden;opacity:0;transform:scale(0.7,0.7);transition:all 0.3s;position:absolute;right:218px;width:720px;bottom:60px;text-align:right;box-shadow:3px 3px 10px rgba(0,0,0,0.3);} .quick_contents .quick_banner li.popup .layer .btn_close {position:absolute;right:-56px;top:0;} .quick_contents .quick_banner li.popup.on .layer {visibility:visible;opacity:1;transform:scale(1,1);} .quick_contents .btn_prev {position:absolute;left:534px;bottom:6px;width:15px;height:14px;padding:0;border:0;background:transparent url('http://image.kyobobook.co.kr/ink/images/gnb/btn_left.gif') no-repeat;cursor:pointer;overflow:hidden;text-indent:-500px;} .quick_contents .btn_next {position:absolute;left:548px;bottom:6px;width:15px;height:14px;padding:0;border:0;background:transparent url('http://image.kyobobook.co.kr/ink/images/gnb/btn_right.gif') no-repeat;cursor:pointer;overflow:hidden;text-indent:-500px;} .quick_contents .quick_goods {visibility:hidden;opacity:0;*visibility:visible;*display:none;position:absolute;right:63px;bottom:0;width:930px;height:50px;padding-left:20px;padding-right:25px;background-color:#5e6b9e;transition:all 0.2s;} .quick_contents .quick_goods .btn_close {position:absolute;left:0;top:0;} .quick_contents .quick_goods .btn_close a {display:block;width:20px;height:50px;font-size:0;color:transparent;background:#44528a url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat -33px -21px;transition:all 0.2s;} .quick_contents .quick_goods .btn_close a:hover {background-color:#353f67;} .quick_contents .quick_goods h3 {position:absolute;visibility:hidden;} .quick_contents .quick_goods_list {position:relative;padding:6px 20px 5px;color:#fff;} .quick_contents .quick_goods_list ul {*zoom:1;} .quick_contents .quick_goods_list ul:after {content:'';display:block;clear:both;} .quick_contents .quick_goods_list ul li {float:left;width:37px;margin-right:13px;position:relative;} .quick_contents .quick_goods_list ul li img {width:27px;height:39px;vertical-align:top;} .quick_contents .quick_goods_list ul li .btn_delete {position:absolute;left:30px;top:0;} .quick_contents .quick_goods_list ul li .btn_delete img {width:7px;height:7px;border:none;} .quick_contents .quick_goods .quick_ad {position:absolute;right:25px;bottom:0;} .quick_contents .quick_goods .quick_ad img {width:240px;height:84px;} /* @media print{ #quick_menu2 {display:none;} } */ </style> <!-- ¿ìÃøÄü¸Þ´º --> <div id="quick_menu2"> <h2 class="quick_label">¹Ù·Î°¡±â</h2> <div class="quick_contents"> <!-- *** s:(ÀÚµ¿È­)Äü¸Þ´º »ó´Ü¹è³Ê *** --> <!-- #####wel_RightBanner_START##### --> <!-- #####wel_RightBanner_START##### --> <!-- ÃâÆÇ»ç ij½ºÆ® --> <ul class="quick_banner" id="quick_banner"> <li> <a href="http://www.kyobobook.co.kr/prom/2019/general/190529_nonstop.jsp?orderClick=dot" target="_blank"><img src="https://simage.kyobobook.co.kr/ink/images/welcome/sample/sample_banner_15.jpg" alt="¿ìÃø È®ÀåÇü ¹è³Ê 2" /></a> </li> <li> <a href="http://gift.kyobobook.co.kr/ht/hot/eventDetail?eventId=71950&orderClick=do7" ><img src="https://simage.kyobobook.co.kr/newimages/giftshop_new/work/1141/1611202609774_61_114.jpg" alt="¿ìÃø È®ÀåÇü ¹è³Ê 2" /></a> </li> </ul> <!-- #####wel_RightBanner_END##### --> <!-- *** //e:(ÀÚµ¿È­)Äü¸Þ´º »ó´Ü¹è³Ê *** --> <div class="btn_quick_top"><a href="#Top">TOP</a></div> <div class="btn_quick_down"><a href="#Down">DOWN</a></div> <!-- s:(°íÁ¤)ÃÖ±Ù º» »óǰ --> <div class="btn_quick_open"><a href="#" title="ÃÖ±Ù º» »óǰ">ÃÖ±Ù º» »óǰ <small><span id="nowseeTotCnt">0</span></small> <span class="btn_open">¿­±â</span></a></div> <div class="quick_goods"> <h3 class="on">ÃÖ±Ù º» »óǰ</h3> <div class="quick_goods_list"> <ul> </ul> </div> <!-- s:(°íÁ¤)Äü¸Þ´º¹è³Ê --> <!--À£ÄÄ ¸ÞÀιè³Ê --> <div class="quick_ad"> <iframe src="http://imac.kyobobook.co.kr/html/INK/ink_wel_2016/ink_wel_2016@wel_12" title="¹è³Ê±¤°í" width="200" height="81" frameborder="0" scrolling="no" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" allowtransparency="true"></iframe> </div> <!-- //e:(°íÁ¤)Äü¸Þ´º¹è³Ê--> <div class="btn_close"><a href="#">´Ý±â</a></div> </div> <script type="text/javascript"> (function($){ $(document).ready(function(){ /* ÃÖ±Ù º» »óǰ »èÁ¦ ½ºÅ©¸³Æ® Âü°í¿ë */ $('.quick_goods_list .btn_delete').click(function(e){ e.preventDefault(); if( $(this).closest('.quick_goods_list').find('li:visible').length == 1 ){ $(this).closest('.quick_goods_list').find('li').prevAll().slice(0,2).show(); } else { $(this).closest('.quick_goods_list').find('li:visible:last').next().show(); } $(this).closest('li').remove(); //checkNextQuick( $('#quick_menu2 .quick_goods .quick_goods_list:visible') ); /* ÃÖ±Ù º» »óǰ ¸ñ·Ï Äí۰ª Á¦¾î */ document.deleteForm.target="deleteNowSeeFrm"; document.deleteForm.action="http://www.kyobobook.co.kr/common/deleteNowSee.laf"; document.deleteForm.barcode.value=jQuery(this).attr("barcode"); document.deleteForm.ejkGb.value=jQuery(this).attr("ejkGb"); document.deleteForm.submit(); /* ÃÖ±Ù º» »óǰ ¸ñ·Ï Äí۰ª Á¦¾î */ }); /* ÃÖ±Ùº» »óǰ »èÁ¦ ½ºÅ©¸³Æ® Âü°í¿ë */ }); })(jQuery); </script> <!-- //e:(°íÁ¤)ÃÖ±Ù º» »óǰ --> <!-- *** s:(ÀÚµ¿È­)Äü¸Þ´º »ó´Ü¹è³Ê *** --> <!-- *** //e:(ÀÚµ¿È­)Äü¸Þ´º »ó´Ü¹è³Ê *** --> </div> </div> <!-- //¿ìÃøÄü¸Þ´º --> <script type="text/javascript"> (function($){ /* »óǰ¸ñ·Ï Ž»ö */ /* function checkNextQuick(target){ if( target.find('li:visible:last').next().size() ){ target.find('.btn_next').fadeTo(0,1); } else { target.find('.btn_next').fadeTo(0,.3); } if( target.find('li:visible:first').prev().size() ){ target.find('.btn_prev').fadeTo(0,1); } else { target.find('.btn_prev').fadeTo(0,.3); } } $('.quick_goods_list .btn_next').click( function(){ if( $(this).closest('.quick_goods_list').find('li:visible:last').next().size() ) $(this).closest('.quick_goods_list').find('li:visible').hide().filter(':last').nextAll().slice(0,10).show(); checkNextQuick( $(this).closest('.quick_goods_list') ); } ); $('.quick_goods_list .btn_prev').click( function(){ if( $(this).closest('.quick_goods_list').find('li:visible:first').prev().size() ) $(this).closest('.quick_goods_list').find('li:visible').hide().filter(':first').prevAll().slice(0,10).show(); checkNextQuick( $(this).closest('.quick_goods_list') ); } ); $(function(){ checkNextQuick( $('#quick_menu2 .quick_goods .quick_goods_list:visible') ); }); */ /* ÃÖ±Ù º» »óǰ */ $('.quick_goods_list').each(function(){ if ( $(this).find('li').size() == 0 ) $(this).append('<div style="padding-top:14px;">ÃÖ±Ù º» »óǰÀÌ ¾ø½À´Ï´Ù.</div>'); }); $('#quick_menu2 .btn_quick_open a, #quick_menu2 .quick_goods .btn_close a').click(function(e){ e.preventDefault(); $('#quick_menu2').toggleClass('opened'); }); // Top/Down ¹öư $('#quick_menu2 .btn_quick_top').click(function(e){ e.preventDefault(); $('body, html').animate({ scrollTop: 0 }, 200); }); $('#quick_menu2 .btn_quick_down').click(function(e){ e.preventDefault(); $('body, html').animate({ scrollTop: $(document).height() - $(window).height() }, 200); }); // ·¹ÀÌ¾î ÆË¾÷ $('.quick_banner .popup .btn_open').click(function(e){ e.preventDefault(); $(this).closest('.popup').toggleClass('on').siblings('.popup').removeClass('on'); $('.quick_banner .popup .layer img').each(function(){ if( $(this).attr('data-original') && $(this).attr('src') != $(this).attr('data-original') ){ $(this).attr('src', $(this).attr('data-original') ).removeAttr('data-original'); } }); }); $('.quick_banner .popup .btn_close').click(function(e){ e.preventDefault(); $(this).closest('.popup').toggleClass('on'); }); // Çì´õ¿Í °ãħ ¹æÁö var $header = $('#header_gnb').size()?$('#header_gnb'):$('#header'); var $wrapper = $('#quick_menu2').parent(); $(window).bind('load scroll resize',function(){ var st = $(this).scrollTop(); var wh = $(this).height(); var qh = $('#quick_menu2 .quick_contents').height(); var ht = $header.offset().top; var hh = $header.outerHeight(); var fix = $wrapper.css('position') == 'relative' ? $wrapper.offset().top : 0; var t1 = ht + hh + 15 - fix; var t2 = st + wh - qh - fix; t1 = $('body').is('.welcome')||$('#wing_ad2').size()?t1+683:t1; // À£ÄÄ ¸ÞÀιè³Ê, °Ë»ö ³¯°³¹è³Ê¿Í °ãħ ¹æÁö if($('body').is('.bookcast')) t1 += 299; // ºÏij½ºÆ® if($('body').is('.bookcast.home')) t1 += 1319 - 299; // ºÏij½ºÆ® Ȩ var isTop = t2 < t1; if($(this).width()<1126){ $('#quick_menu2').removeClass('fixed').css('top',isTop?t1:t2); }else{ $('#quick_menu2').toggleClass('fixed',!isTop).css('top',isTop?t1:'auto'); } }); })(jQuery); </script> <form name="deleteForm" method="post"> <input type="hidden" name="barcode"/> <input type="hidden" name="ejkGb"/> </form> <iframe name="deleteNowSeeFrm" frameborder="0" width="0" height="0" title="ÃÖ±Ùº»»óǰ »èÁ¦"></iframe> <!-- //e:Äü¸Þ´º ¿µ¿ª --> <script type="text/javascript"> (function() { var nl = document.createElement('script'); nl.type = 'text/javascript'; nl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.kyobobook.co.kr/js/datastory.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nl, s); var done = false; nl.onload = nl.onreadystatechange = function() { if ( !done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") ) { done = true; // _n_sid °ª º°·Î ·Î±×ÆÄÀÏÀÌ »ý¼ºÀÌ µË´Ï´Ù. if(location.href.indexOf("http://order.kyobobook.co.kr") == 0){ // ÅëÇÕÁÖ¹® _n_sid = "order.kyobobook.co.kr"; // ÅëÇÕÁÖ¹® }else{ _n_sid = document.domain; // ºÐ¼®´ë»ó »çÀÌÆ® µµ¸ÞÀθíÀ» ÀÔ·ÂÇϼ¼¿ä } _n_uid_cookie = "WNO"; // »çÀÌÆ® ³»¿¡¼­ »ç¿ëÇϴ ȸ¿øID(¶Ç´Â ȸ¿ø¹øÈ£) Äí۸íÀ» ÀÔ·ÂÇÏ½Ã¸é µË´Ï´Ù. n_logging(); nl.onload = nl.onreadystatechange = null; } } })(); </script> <!-- naver keword analyzer 201402--> <script type="text/javascript"> var mode = ""; var wccAllow = false; if(mode == ""){ // Àα³/ÅëÁÖ¿¡¼­ È£ÃâÇÒ¶§ wccAllow = true; }else if(mode == "ETC"){ // Á¦ÈÞ»çÀÌÆ®¿¡¼­ È£ÃâÇÒ¶§ var whitelist = new Array ("music.kyobobook.co.kr", "gift.kyobobook.co.kr"); // À½¹Ý/±âÇÁÆ®¸¸ Çã¿ë for(var i=0; i<= whitelist.length; i++){ if(document.domain.indexOf(whitelist[i]) > -1){ wccAllow = true; break; } } } if(wccAllow){ if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_453f4415ebcb"; if (!_nasa) var _nasa={}; wcs_do(_nasa); } </script> <!-- naver keword analyzer 201402--> </div> <iframe id="myAuthor" name="myAuthor" width="0" height="0" title="°ü½ÉÀÛ°¡Ãß°¡Çϱâ" style="display:none"></iframe> <iframe id="iframecart" name="iframecart" width="0" height="0" title="Àå¹Ù±¸´Ï" style="display:none"></iframe> <iframe id="iframeEbookCart" name="iframeEbookCart" width="0" height="0" title="eBook Àå¹Ù±¸´Ï" style="display:none"></iframe> <iframe id="HiddenActionFrame" name="HiddenActionFrame" width="0" height="0" title="ºóÇÁ·¹ÀÓ" style="display:none"></iframe> <iframe id="namuIt2Frm" name="namuIt2Frm" width="0" height="0" title="ºÐ¼®¼Ò½º" style="display:none"></iframe> <form id="proCartOneForm" name="proCartOneForm" action="/cart/cartAdd.laf" method="post"> <input type="hidden" name="barcode"/> <input type="hidden" name="ejkGb"/> <input type="hidden" name="qty"> <input type="hidden" name="eventId"/> <input type="hidden" name="Kc"> <input type="hidden" name="cartType"/> </form> <form id="ebookCartForm" name="ebookCartForm" method="post" action="http://www.kyobobook.co.kr/cart/cartAdd.laf"> <input type="hidden" name="barcode"/> <input type="hidden" name="ejkGb"/> <input type="hidden" name="qty" value="1"/> <input type="hidden" name="indexCnt"/> <input type="hidden" name="cartType"/> <input type="hidden" name="barcode"/> <input type="hidden" name="ejkGb"/> <input type="hidden" name="qty" value="1"/> <input type="hidden" name="indexCnt"/> <input type="hidden" name="cartType"/> </form> <form id="recommForm" name="recommForm" method="post" action="/mail/recommandMailForm.laf"> <input type="hidden" name="windowGb" value="NORMAL"/> <input type="hidden" name="barcode" value=""/> <input type="hidden" name="ejkGb" value=""/> <input type="hidden" name="sendNm" value=""/> <input type="hidden" name="sendEmail" value=""/> <input type="hidden" name="recvNm" value=""/> <input type="hidden" name="recvEmail" value=""/> <input type="hidden" name="memo" value=""/> </form> <form id="booktrendSms" name="booktrendSms" method="post"> <input type="hidden" name="phone" value=""/> <input type="hidden" name="memno" value=""/> <input type="hidden" name="barcode" value=""/> </form> <!-- ¹Ì¸® °è»ê Æû --> <form name="preCalForm" method="post" action="/product/PreEstimation.laf?orderClick=JCR"> <input type="hidden" name="barcode" value="9788975607547"/> <input type="hidden" name="ejkGb" value="KOR"/> <input type="hidden" name="saveAmt" value="1190"/> <input type="hidden" name="bookNm" value="HTML CSS ÀÚ¹Ù½ºÅ©¸³Æ® ¹«ÀÛÁ¤µû¶óÇϱâ(µ¿¿µ»ó°ú 280°³ ¿¹Á¦·Î ¹è¿ì´Â)(CD1ÀåÆ÷ÇÔ)(¹«ÀÛÁ¤ µû¶óÇϱâ 183)"/> <input type="hidden" name="salePri" value="21420"/> <input type="hidden" name="couponYn" value="false"/> <input type="hidden" name="pubCd" value="00947"/> <input type="hidden" name="freeSendYn" value="true"/> <input type="hidden" name="statusCode" value="2"/> <input type="hidden" name="pubymdGb" value="N"/> <input type="hidden" name="orderCouponYn" value="Y"/> <input type="hidden" name="qty" value="1"/> <input type="hidden" name="subBookNm1" value=""/> </form> <form id="qnaForm" name="qnaForm" method="post"> <input type="hidden" name="barcode" value="9788975607547" /> <input type="hidden" name="ejkGb" value="KOR" /> <input type="hidden" name="ejkNm" value="" /> <input type="hidden" name="authorNm" value="°í°æÈñ" /> <input type="hidden" name="pubNm" value="±æ¹þ" /> <input type="hidden" name="bookNm" value="HTML CSS ÀÚ¹Ù½ºÅ©¸³Æ® ¹«ÀÛÁ¤µû¶óÇϱâ(µ¿¿µ»ó°ú 280°³ ¿¹Á¦·Î ¹è¿ì´Â)(CD1ÀåÆ÷ÇÔ)(¹«ÀÛÁ¤ µû¶óÇϱâ 183)" /> </form> <form id="namuIt2" name="namuIt2" method="post"> <input type="hidden" name="pc" value="9788975607547"/> <input type="hidden" name="pt" value="331403"/> <input type="hidden" name="so" value=""/> <input type="hidden" name="mp" value="9788975607547_21420_1"/> <input type="hidden" name="ps" value="21420"/> <input type="hidden" name="pa" value=""/> </form> <form id="multiPopupFrm" name="multiPopupFrm" method="post"> <input type="hidden" name="pageGb" value="KOR"/> <input type="hidden" name="popupMode" value=""/> <!-- s:º»¹®°Ë»ö(³»¼­) --> <input type="hidden" name="docId" value=""/> <input type="hidden" name="query" value=""/> <!-- //e:º»¹®°Ë»ö(³»¼­) --> <!-- s:ȸ¿ø¸®ºä --> <input type="hidden" name="ejkGb" value="KOR"/> <input type="hidden" name="sortColumn" value="recommend_cnt"/> <!-- //e:ȸ¿ø¸®ºä --> <!-- s:ȸ¿ø¸®ºä/Ã¥¼ÓÀÇ Çѹ®Àå --> <input type="hidden" name="barcode" value="9788975607547"/> <!-- //e:ȸ¿ø¸®ºä/Ã¥¼ÓÀÇ Çѹ®Àå --> <!-- s:ÀÌ Ã¥ÀÇ ½Ã¸®Áî --> <input type="hidden" name="sBarcode" value="7000000066338"/> <!-- //e:ÀÌ Ã¥ÀÇ ½Ã¸®Áî --> <!-- s:ÀÌ Ã¥ÀÇ ÃѼ­ --> <input type="hidden" name="aBarcode" value="7000000044592"/> <!-- //e:ÀÌ Ã¥ÀÇ ÃѼ­ --> <!-- s:ÀÌ Ã¥ÀÇ ¿¬°üµµ¼­ --> <input type="hidden" name="bBarcode" value=""/> <!-- //e:ÀÌ Ã¥ÀÇ ¿¬°üµµ¼­ --> </form> <form id="subjectForm" name="subjectForm" method="post"> <input type="hidden" name="vPtagSearch" value=""/> <input type="hidden" name="vPstrKeyWord" value=""/> <input type="hidden" name="vPsKeywordInfo" value=""/> <input type="hidden" name="vPoutSearch" value=""/> <input type="hidden" name="vPcondition" value=""/> <input type="hidden" name="vPorderClick" value=""/> <input type="hidden" name="vPstrCategory" value=""/> </form> <script type="text/javascript"> (function($){ $(window).load(function(){ $.ajax({ url : "/product/clickInfo.laf", type : "post", data : {mallGb:"KOR",ejkGb:"KOR",barcode:"9788975607547",orderClick:"",device:"PC WEB", author:"%B0%ED%B0%E6%C8%F1", linkClass:"%C4%C4%C7%BB%C5%CD%2FIT", productNm:"HTML+CSS+%C0%DA%B9%D9%BD%BA%C5%A9%B8%B3%C6%AE+%B9%AB%C0%DB%C1%A4%B5%FB%B6%F3%C7%CF%B1%E2%28%B5%BF%BF%B5%BB%F3%B0%FA+280%B0%B3+%BF%B9%C1%A6%B7%CE+%B9%E8%BF%EC%B4%C2%29%28CD1%C0%E5%C6%F7%C7%D4%29%28%B9%AB%C0%DB%C1%A4+%B5%FB%B6%F3%C7%CF%B1%E2+183%29", coverYn:"Y"}, datatype : "json", success : function(result, status){ }, error : function(xhr, status, error){ } }); }); })(jQuery); </script> </body> </html>