<![CDATA[
<div class="figure-video" data-ke-type="video" data-video-url="https://kakaotv.daum.net/embed/player/cliplink/rvvf4hhjhqhe24iumiqaljg4n@my?service=daum_cafe" data-video-host="kakaotv" data-video-play-service="daum_cafe" data-video-width="712" data-video-height="400" data-ke-style="alignCenter" data-video-thumbnail="https://thumb.kakaocdn.net/dna/kamp/source/rvvf4hhjhqhe24iumiqaljg4n/thumbs/2.jpg?credential=TuMuFGKUIcirOSjFzOpncbomGFEIdZWK&expires=33270602934&signature=ams6tLckzg%2FNnRAyy1lPQQIyPXw%3D" data-ke-mobile-mobileStyle="widthFull" data-video-origin-width="712" data-video-origin-height="400"><iframe src="https://kakaotv.daum.net/embed/player/cliplink/rvvf4hhjhqhe24iumiqaljg4n@my?service=daum_cafe&ptoken=v2_9ebe6e96ad3e798b9bd7e3335e157aec168c1da2b03077568113189b1770463d1462f0851119d9fd8c2f725278d908a741536b97bcac1cb6e4abf3ca0f" width="712" height="400" frameborder="0" scrolling="no" allowfullscreen="" allow="encrypted-media"></iframe><div class="figcaption"></div></div><div class="figure-html" data-ke-type="html" data-source="<div class="colorscripter-code" style="color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#fafafa;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #e5e5e5"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#666;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div><div style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</div><div style="line-height:130%">146</div><div style="line-height:130%">147</div><div style="line-height:130%">148</div><div style="line-height:130%">149</div><div style="line-height:130%">150</div><div style="line-height:130%">151</div><div style="line-height:130%">152</div><div style="line-height:130%">153</div><div style="line-height:130%">154</div><div style="line-height:130%">155</div><div style="line-height:130%">156</div><div style="line-height:130%">157</div><div style="line-height:130%">158</div><div style="line-height:130%">159</div><div style="line-height:130%">160</div><div style="line-height:130%">161</div><div style="line-height:130%">162</div><div style="line-height:130%">163</div><div style="line-height:130%">164</div><div style="line-height:130%">165</div><div style="line-height:130%">166</div><div style="line-height:130%">167</div><div style="line-height:130%">168</div><div style="line-height:130%">169</div><div style="line-height:130%">170</div><div style="line-height:130%">171</div><div style="line-height:130%">172</div><div style="line-height:130%">173</div><div style="line-height:130%">174</div><div style="line-height:130%">175</div><div style="line-height:130%">176</div><div style="line-height:130%">177</div><div style="line-height:130%">178</div><div style="line-height:130%">179</div><div style="line-height:130%">180</div><div style="line-height:130%">181</div><div style="line-height:130%">182</div><div style="line-height:130%">183</div><div style="line-height:130%">184</div><div style="line-height:130%">185</div><div style="line-height:130%">186</div><div style="line-height:130%">187</div><div style="line-height:130%">188</div><div style="line-height:130%">189</div><div style="line-height:130%">190</div><div style="line-height:130%">191</div><div style="line-height:130%">192</div><div style="line-height:130%">193</div><div style="line-height:130%">194</div><div style="line-height:130%">195</div><div style="line-height:130%">196</div><div style="line-height:130%">197</div><div style="line-height:130%">198</div><div style="line-height:130%">199</div><div style="line-height:130%">200</div><div style="line-height:130%">201</div><div style="line-height:130%">202</div><div style="line-height:130%">203</div><div style="line-height:130%">204</div><div style="line-height:130%">205</div><div style="line-height:130%">206</div><div style="line-height:130%">207</div><div style="line-height:130%">208</div><div style="line-height:130%">209</div><div style="line-height:130%">210</div><div style="line-height:130%">211</div><div style="line-height:130%">212</div><div style="line-height:130%">213</div><div style="line-height:130%">214</div><div style="line-height:130%">215</div><div style="line-height:130%">216</div><div style="line-height:130%">217</div><div style="line-height:130%">218</div><div style="line-height:130%">219</div><div style="line-height:130%">220</div><div style="line-height:130%">221</div><div style="line-height:130%">222</div><div style="line-height:130%">223</div><div style="line-height:130%">224</div><div style="line-height:130%">225</div><div style="line-height:130%">226</div><div style="line-height:130%">227</div><div style="line-height:130%">228</div><div style="line-height:130%">229</div><div style="line-height:130%">230</div><div style="line-height:130%">231</div><div style="line-height:130%">232</div><div style="line-height:130%">233</div><div style="line-height:130%">234</div><div style="line-height:130%">235</div><div style="line-height:130%">236</div><div style="line-height:130%">237</div><div style="line-height:130%">238</div><div style="line-height:130%">239</div><div style="line-height:130%">240</div><div style="line-height:130%">241</div><div style="line-height:130%">242</div><div style="line-height:130%">243</div><div style="line-height:130%">244</div><div style="line-height:130%">245</div><div style="line-height:130%">246</div><div style="line-height:130%">247</div><div style="line-height:130%">248</div><div style="line-height:130%">249</div><div style="line-height:130%">250</div><div style="line-height:130%">251</div><div style="line-height:130%">252</div><div style="line-height:130%">253</div><div style="line-height:130%">254</div><div style="line-height:130%">255</div><div style="line-height:130%">256</div><div style="line-height:130%">257</div><div style="line-height:130%">258</div><div style="line-height:130%">259</div><div style="line-height:130%">260</div><div style="line-height:130%">261</div><div style="line-height:130%">262</div><div style="line-height:130%">263</div><div style="line-height:130%">264</div><div style="line-height:130%">265</div><div style="line-height:130%">266</div><div style="line-height:130%">267</div><div style="line-height:130%">268</div><div style="line-height:130%">269</div><div style="line-height:130%">270</div><div style="line-height:130%">271</div><div style="line-height:130%">272</div><div style="line-height:130%">273</div><div style="line-height:130%">274</div><div style="line-height:130%">275</div><div style="line-height:130%">276</div><div style="line-height:130%">277</div><div style="line-height:130%">278</div><div style="line-height:130%">279</div><div style="line-height:130%">280</div><div style="line-height:130%">281</div><div style="line-height:130%">282</div><div style="line-height:130%">283</div><div style="line-height:130%">284</div><div style="line-height:130%">285</div><div style="line-height:130%">286</div><div style="line-height:130%">287</div><div style="line-height:130%">288</div><div style="line-height:130%">289</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">!DOCTYPE</span>&nbsp;<span style="color:#0a9989">html</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">html</span>&nbsp;<span style="color:#0a9989">lang</span>=<span style="color:#df5000">"en"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">head</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">meta</span>&nbsp;<span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">meta</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">title</span><span style="color:#010101">&gt;</span>쇼핑몰<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">title</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">link</span>&nbsp;<span style="color:#0a9989">rel</span>=<span style="color:#df5000">"stylesheet"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">href</span>=<span style="color:#df5000">"https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/sketchy/bootstrap.min.css"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">style</span><span style="color:#010101">&gt;</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.btn&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#F3EDED</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#272420</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;none</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.btn</span><span style="color:#4DA51B">:hover&nbsp;</span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#C5B5CA</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.btn-warning&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#F0D7C2</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.btn-danger&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#B0AAC0</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color:#999999">/*&nbsp;다시선택&nbsp;버튼&nbsp;*/</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.btn-secondary&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#97BEE6</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.btn-secondary</span><span style="color:#4DA51B">:hover&nbsp;</span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#5B8CD2</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.cart-item&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;10px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.container&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;max-width</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;800px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;auto</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;20px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;2px&nbsp;solid&nbsp;#ccc</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-radius</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;10px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#fdecec</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.form-group&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;20px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.btn-col&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;10px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color:#999999">/*&nbsp;장바구니&nbsp;*/</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#demoCart&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;#fff</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;1px&nbsp;solid&nbsp;#6a0000</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;10px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-radius</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;5px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#demoCart&nbsp;.cart-item&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;1px&nbsp;solid&nbsp;#eee</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;5px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;5px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#demoCart&nbsp;.cart-item&nbsp;p&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;5px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#demoCart&nbsp;.cart-item&nbsp;button&nbsp;</span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-left</span><span style="color:#ff3399">:</span><span style="color:#0066cc">&nbsp;10px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">style</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#63a35c">'use&nbsp;strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;cart&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;[];&nbsp;<span style="color:#999999">//&nbsp;장바구니&nbsp;배열</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;가격계산&nbsp;곱하기&nbsp;수량</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;priceCalc()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;price&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;myform.price.value&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>&nbsp;myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;demo1.innerHTML&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;numberWithCommas(price)&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">"원"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;calculateTotal();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;VAT계산</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;vatCalc()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;price&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;myform.price.value&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>&nbsp;myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;vat&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;price&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>&nbsp;<span style="color:#0099cc">0.</span><span style="color:#0099cc">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;demo2.innerHTML&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;numberWithCommas(vat)&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">"원"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;calculateTotal();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;총가격계산(VAT포함한&nbsp;가격)&nbsp;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;totalCalc()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;price&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;myform.price.value&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>&nbsp;myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;vat&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;price&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>&nbsp;<span style="color:#0099cc">0.</span><span style="color:#0099cc">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;totalPrice&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;price&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;vat;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;demo3.innerHTML&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;numberWithCommas(totalPrice)&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">"원"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;calculateTotal();</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;상품&nbsp;선택</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;productChoice()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;product&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"product"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;productSizes&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#63a35c">'수영복'</span>:&nbsp;[<span style="color:#0099cc">5000</span>,&nbsp;<span style="color:#0099cc">10000</span>,&nbsp;<span style="color:#0099cc">15000</span>,&nbsp;<span style="color:#0099cc">20000</span>,&nbsp;<span style="color:#0099cc">25000</span>],</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#63a35c">'튜브'</span>:&nbsp;[<span style="color:#0099cc">3000</span>,&nbsp;<span style="color:#0099cc">5000</span>,&nbsp;<span style="color:#0099cc">7000</span>],</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#63a35c">'보트'</span>:&nbsp;[<span style="color:#0099cc">10000</span>,&nbsp;<span style="color:#0099cc">15000</span>,&nbsp;<span style="color:#0099cc">20000</span>],</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#63a35c">'물안경'</span>:&nbsp;[<span style="color:#0099cc">2000</span>,&nbsp;<span style="color:#0099cc">3000</span>,&nbsp;<span style="color:#0099cc">4000</span>],</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#63a35c">'오리발'</span>:&nbsp;[<span style="color:#0099cc">7000</span>,&nbsp;<span style="color:#0099cc">10000</span>]</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;};</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;sizeOptions&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">for</span>&nbsp;(<span style="color:#a71d5d">let</span>&nbsp;i&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">0</span>;&nbsp;i&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span>&nbsp;productSizes[product].<span style="color:#066de2">length</span>;&nbsp;i<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sizeOptions&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;`<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span>option&nbsp;value<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"${productSizes[product][i]}"</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&gt;</span>${i&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#0099cc">1</span>}.&nbsp;${getSizeName(i)}&nbsp;Size(${numberWithCommas(productSizes[product][i])})<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>option<span style="color:#ff3399"></span><span style="color:#a71d5d">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"price"</span>).innerHTML&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;sizeOptions;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;장바구니에&nbsp;상품&nbsp;추가</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;addToCart()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;product&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"product"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;price&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;myform.price.value&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>&nbsp;myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;ea&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;VAT&nbsp;계산</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;vat&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;price&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">*</span>&nbsp;<span style="color:#0099cc">0.</span><span style="color:#0099cc">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;VAT가&nbsp;포함된&nbsp;총&nbsp;가격&nbsp;계산</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;totalPrice&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;price&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;vat;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;장바구니에&nbsp;상품&nbsp;정보&nbsp;추가</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cart.push({&nbsp;product:&nbsp;product,&nbsp;price:&nbsp;totalPrice,&nbsp;ea:&nbsp;ea&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;updateCartDisplay();&nbsp;<span style="color:#999999">//&nbsp;장바구니&nbsp;화면&nbsp;업데이트</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;장바구니&nbsp;비우기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;clearCart()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cart&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;[];&nbsp;<span style="color:#999999">//&nbsp;장바구니&nbsp;비우기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;updateCartDisplay();&nbsp;<span style="color:#999999">//&nbsp;장바구니업데이트</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;장바구니&nbsp;화면&nbsp;업데이트&nbsp;함수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;updateCartDisplay()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;cartContent&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#63a35c">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cart.forEach(<span style="color:#a71d5d">function</span>&nbsp;(item,&nbsp;index)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cartContent&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;`<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span>div&nbsp;<span style="color:#a71d5d">class</span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"cart-item"</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span>p<span style="color:#ff3399"></span><span style="color:#a71d5d">&gt;</span>${item.product}&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">-</span>&nbsp;${numberWithCommas(item.price)}원&nbsp;(${item.ea}개)<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>p<span style="color:#ff3399"></span><span style="color:#a71d5d">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span>button&nbsp;<span style="color:#066de2">xxonclick</span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"removeFromCart(${index})"</span>&nbsp;<span style="color:#a71d5d">class</span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"btn&nbsp;btn-secondary"</span><span style="color:#ff3399"></span><span style="color:#a71d5d">&gt;</span>다시선택<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>button<span style="color:#ff3399"></span><span style="color:#a71d5d">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">&lt;</span><span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>div<span style="color:#ff3399"></span><span style="color:#a71d5d">&gt;</span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"demoCart"</span>).innerHTML&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;cartContent;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;상품&nbsp;사이즈명</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;getSizeName(index)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">switch</span>&nbsp;(index)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">case</span>&nbsp;<span style="color:#0099cc">0</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">return</span>&nbsp;<span style="color:#63a35c">'S'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">case</span>&nbsp;<span style="color:#0099cc">1</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">return</span>&nbsp;<span style="color:#63a35c">'M'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">case</span>&nbsp;<span style="color:#0099cc">2</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">return</span>&nbsp;<span style="color:#63a35c">'L'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">case</span>&nbsp;<span style="color:#0099cc">3</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">return</span>&nbsp;<span style="color:#63a35c">'XL'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">case</span>&nbsp;<span style="color:#0099cc">4</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">return</span>&nbsp;<span style="color:#63a35c">'XXL'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">default</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">return</span>&nbsp;<span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;장바구니에서&nbsp;상품&nbsp;삭제</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;removeFromCart(index)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cart.splice(index,&nbsp;<span style="color:#0099cc">1</span>);&nbsp;<span style="color:#999999">//&nbsp;상품&nbsp;제거</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;updateCartDisplay();&nbsp;<span style="color:#999999">//&nbsp;장바구니&nbsp;업데이트</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;콤마&nbsp;변환함수(1,234)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;numberWithCommas(num)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">return</span>&nbsp;num.toString().replace(<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>\B(?<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>(\d{<span style="color:#0099cc">3</span>})<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>(?<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>\d))<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g,&nbsp;<span style="color:#63a35c">","</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;총&nbsp;가격&nbsp;계산&nbsp;함수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;calculateTotal()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;totalPrice&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cart.forEach(<span style="color:#a71d5d">function</span>&nbsp;(item)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;totalPrice&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;item.price;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"totalPrice"</span>).innerHTML&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;numberWithCommas(totalPrice)&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">"원"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#999999">//&nbsp;구매하기&nbsp;버튼&nbsp;클릭&nbsp;시&nbsp;총&nbsp;가격&nbsp;알림창&nbsp;표시</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">function</span>&nbsp;purchase()&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#a71d5d">let</span>&nbsp;totalPrice&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;<span style="color:#0099cc">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cart.forEach(<span style="color:#a71d5d">function</span>&nbsp;(item)&nbsp;{</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;totalPrice&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>&nbsp;item.price;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#066de2">alert</span>(<span style="color:#63a35c">"총&nbsp;가격은&nbsp;"</span>&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;numberWithCommas(totalPrice)&nbsp;<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>&nbsp;<span style="color:#63a35c">"원입니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">script</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">head</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#066de2">body</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"container"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">h2</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>상품&nbsp;가격&nbsp;계산<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">h2</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">form</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"myform"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"product"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>상품명&nbsp;:<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">select</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"product"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"product"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonchange</span>=<span style="color:#df5000">"productChoice()"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">selected</span><span style="color:#010101">&gt;</span>수영복<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span>튜브<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span>보트<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span>물안경<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span>오리발<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"price"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>사이즈(단가)&nbsp;:<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">select</span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"price"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"price"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"5000"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">selected</span><span style="color:#010101">&gt;</span>1.&nbsp;S&nbsp;Size(5,000)<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"10000"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>2.&nbsp;M&nbsp;Size(10,000)<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"15000"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>3.&nbsp;L&nbsp;Size(15,000)<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"20000"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>4.&nbsp;XL&nbsp;Size(20,000)<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">option</span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"25000"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>5.&nbsp;XXL&nbsp;Size(25,000)<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">label</span>&nbsp;<span style="color:#0a9989">for</span>=<span style="color:#df5000">"ea"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>수량(개)<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"number"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">name</span>=<span style="color:#df5000">"ea"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"ea"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"1"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">min</span>=<span style="color:#df5000">"1"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"row"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"가격"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"priceCalc()"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-success&nbsp;btn-col"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"VAT"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"vatCalc()"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-primary&nbsp;btn-col"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"총가격"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"totalCalc()"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-info&nbsp;btn-col"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"장바구니&nbsp;담기"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"addToCart()"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-warning&nbsp;btn-col"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"장바구니&nbsp;비우기"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"clearCart()"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-danger&nbsp;btn-col"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">hr</span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"m-3&nbsp;border"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"demoProduct"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"row"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>☞&nbsp;가격(단가*수량)&nbsp;:&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"demo1"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"row"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>☞&nbsp;VAT(가격의&nbsp;10%)&nbsp;:&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"demo2"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"row"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span>☞&nbsp;총판매가격(VAT포함)&nbsp;:&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"demo3"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">hr</span>&nbsp;<span style="color:#0a9989">/</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">id</span>=<span style="color:#df5000">"demoCart"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">div</span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#066de2">input</span>&nbsp;<span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">value</span>=<span style="color:#df5000">"구매하기"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"purchase()"</span><span style="color:#0a9989"></span>&nbsp;<span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn&nbsp;btn-primary"</span><span style="color:#0a9989"></span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">form</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">body</span><span style="color:#010101">&gt;</span></div><div style="padding:0 6px; white-space:pre; line-height:130%">&nbsp;</div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101">&lt;</span><span style="color:#010101">/</span><span style="color:#066de2">html</span><span style="color:#010101">&gt;</span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#e5e5e5;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div>"><div data-ke-class="article"><div class="colorscripter-code" style="color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important;overflow:auto"><table class="colorscripter-code-table" style="margin:0;padding:0;border:none;background-color:#fafafa;border-radius:4px;" cellspacing="0" cellpadding="0"><tr><td style="padding:6px;border-right:2px solid #e5e5e5"><div style="margin:0;padding:0;word-break:normal;text-align:right;color:#666;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="line-height:130%">1</div><div style="line-height:130%">2</div><div style="line-height:130%">3</div><div style="line-height:130%">4</div><div style="line-height:130%">5</div><div style="line-height:130%">6</div><div style="line-height:130%">7</div><div style="line-height:130%">8</div><div style="line-height:130%">9</div><div style="line-height:130%">10</div><div style="line-height:130%">11</div><div style="line-height:130%">12</div><div style="line-height:130%">13</div><div style="line-height:130%">14</div><div style="line-height:130%">15</div><div style="line-height:130%">16</div><div style="line-height:130%">17</div><div style="line-height:130%">18</div><div style="line-height:130%">19</div><div style="line-height:130%">20</div><div style="line-height:130%">21</div><div style="line-height:130%">22</div><div style="line-height:130%">23</div><div style="line-height:130%">24</div><div style="line-height:130%">25</div><div style="line-height:130%">26</div><div style="line-height:130%">27</div><div style="line-height:130%">28</div><div style="line-height:130%">29</div><div style="line-height:130%">30</div><div style="line-height:130%">31</div><div style="line-height:130%">32</div><div style="line-height:130%">33</div><div style="line-height:130%">34</div><div style="line-height:130%">35</div><div style="line-height:130%">36</div><div style="line-height:130%">37</div><div style="line-height:130%">38</div><div style="line-height:130%">39</div><div style="line-height:130%">40</div><div style="line-height:130%">41</div><div style="line-height:130%">42</div><div style="line-height:130%">43</div><div style="line-height:130%">44</div><div style="line-height:130%">45</div><div style="line-height:130%">46</div><div style="line-height:130%">47</div><div style="line-height:130%">48</div><div style="line-height:130%">49</div><div style="line-height:130%">50</div><div style="line-height:130%">51</div><div style="line-height:130%">52</div><div style="line-height:130%">53</div><div style="line-height:130%">54</div><div style="line-height:130%">55</div><div style="line-height:130%">56</div><div style="line-height:130%">57</div><div style="line-height:130%">58</div><div style="line-height:130%">59</div><div style="line-height:130%">60</div><div style="line-height:130%">61</div><div style="line-height:130%">62</div><div style="line-height:130%">63</div><div style="line-height:130%">64</div><div style="line-height:130%">65</div><div style="line-height:130%">66</div><div style="line-height:130%">67</div><div style="line-height:130%">68</div><div style="line-height:130%">69</div><div style="line-height:130%">70</div><div style="line-height:130%">71</div><div style="line-height:130%">72</div><div style="line-height:130%">73</div><div style="line-height:130%">74</div><div style="line-height:130%">75</div><div style="line-height:130%">76</div><div style="line-height:130%">77</div><div style="line-height:130%">78</div><div style="line-height:130%">79</div><div style="line-height:130%">80</div><div style="line-height:130%">81</div><div style="line-height:130%">82</div><div style="line-height:130%">83</div><div style="line-height:130%">84</div><div style="line-height:130%">85</div><div style="line-height:130%">86</div><div style="line-height:130%">87</div><div style="line-height:130%">88</div><div style="line-height:130%">89</div><div style="line-height:130%">90</div><div style="line-height:130%">91</div><div style="line-height:130%">92</div><div style="line-height:130%">93</div><div style="line-height:130%">94</div><div style="line-height:130%">95</div><div style="line-height:130%">96</div><div style="line-height:130%">97</div><div style="line-height:130%">98</div><div style="line-height:130%">99</div><div style="line-height:130%">100</div><div style="line-height:130%">101</div><div style="line-height:130%">102</div><div style="line-height:130%">103</div><div style="line-height:130%">104</div><div style="line-height:130%">105</div><div style="line-height:130%">106</div><div style="line-height:130%">107</div><div style="line-height:130%">108</div><div style="line-height:130%">109</div><div style="line-height:130%">110</div><div style="line-height:130%">111</div><div style="line-height:130%">112</div><div style="line-height:130%">113</div><div style="line-height:130%">114</div><div style="line-height:130%">115</div><div style="line-height:130%">116</div><div style="line-height:130%">117</div><div style="line-height:130%">118</div><div style="line-height:130%">119</div><div style="line-height:130%">120</div><div style="line-height:130%">121</div><div style="line-height:130%">122</div><div style="line-height:130%">123</div><div style="line-height:130%">124</div><div style="line-height:130%">125</div><div style="line-height:130%">126</div><div style="line-height:130%">127</div><div style="line-height:130%">128</div><div style="line-height:130%">129</div><div style="line-height:130%">130</div><div style="line-height:130%">131</div><div style="line-height:130%">132</div><div style="line-height:130%">133</div><div style="line-height:130%">134</div><div style="line-height:130%">135</div><div style="line-height:130%">136</div><div style="line-height:130%">137</div><div style="line-height:130%">138</div><div style="line-height:130%">139</div><div style="line-height:130%">140</div><div style="line-height:130%">141</div><div style="line-height:130%">142</div><div style="line-height:130%">143</div><div style="line-height:130%">144</div><div style="line-height:130%">145</div><div style="line-height:130%">146</div><div style="line-height:130%">147</div><div style="line-height:130%">148</div><div style="line-height:130%">149</div><div style="line-height:130%">150</div><div style="line-height:130%">151</div><div style="line-height:130%">152</div><div style="line-height:130%">153</div><div style="line-height:130%">154</div><div style="line-height:130%">155</div><div style="line-height:130%">156</div><div style="line-height:130%">157</div><div style="line-height:130%">158</div><div style="line-height:130%">159</div><div style="line-height:130%">160</div><div style="line-height:130%">161</div><div style="line-height:130%">162</div><div style="line-height:130%">163</div><div style="line-height:130%">164</div><div style="line-height:130%">165</div><div style="line-height:130%">166</div><div style="line-height:130%">167</div><div style="line-height:130%">168</div><div style="line-height:130%">169</div><div style="line-height:130%">170</div><div style="line-height:130%">171</div><div style="line-height:130%">172</div><div style="line-height:130%">173</div><div style="line-height:130%">174</div><div style="line-height:130%">175</div><div style="line-height:130%">176</div><div style="line-height:130%">177</div><div style="line-height:130%">178</div><div style="line-height:130%">179</div><div style="line-height:130%">180</div><div style="line-height:130%">181</div><div style="line-height:130%">182</div><div style="line-height:130%">183</div><div style="line-height:130%">184</div><div style="line-height:130%">185</div><div style="line-height:130%">186</div><div style="line-height:130%">187</div><div style="line-height:130%">188</div><div style="line-height:130%">189</div><div style="line-height:130%">190</div><div style="line-height:130%">191</div><div style="line-height:130%">192</div><div style="line-height:130%">193</div><div style="line-height:130%">194</div><div style="line-height:130%">195</div><div style="line-height:130%">196</div><div style="line-height:130%">197</div><div style="line-height:130%">198</div><div style="line-height:130%">199</div><div style="line-height:130%">200</div><div style="line-height:130%">201</div><div style="line-height:130%">202</div><div style="line-height:130%">203</div><div style="line-height:130%">204</div><div style="line-height:130%">205</div><div style="line-height:130%">206</div><div style="line-height:130%">207</div><div style="line-height:130%">208</div><div style="line-height:130%">209</div><div style="line-height:130%">210</div><div style="line-height:130%">211</div><div style="line-height:130%">212</div><div style="line-height:130%">213</div><div style="line-height:130%">214</div><div style="line-height:130%">215</div><div style="line-height:130%">216</div><div style="line-height:130%">217</div><div style="line-height:130%">218</div><div style="line-height:130%">219</div><div style="line-height:130%">220</div><div style="line-height:130%">221</div><div style="line-height:130%">222</div><div style="line-height:130%">223</div><div style="line-height:130%">224</div><div style="line-height:130%">225</div><div style="line-height:130%">226</div><div style="line-height:130%">227</div><div style="line-height:130%">228</div><div style="line-height:130%">229</div><div style="line-height:130%">230</div><div style="line-height:130%">231</div><div style="line-height:130%">232</div><div style="line-height:130%">233</div><div style="line-height:130%">234</div><div style="line-height:130%">235</div><div style="line-height:130%">236</div><div style="line-height:130%">237</div><div style="line-height:130%">238</div><div style="line-height:130%">239</div><div style="line-height:130%">240</div><div style="line-height:130%">241</div><div style="line-height:130%">242</div><div style="line-height:130%">243</div><div style="line-height:130%">244</div><div style="line-height:130%">245</div><div style="line-height:130%">246</div><div style="line-height:130%">247</div><div style="line-height:130%">248</div><div style="line-height:130%">249</div><div style="line-height:130%">250</div><div style="line-height:130%">251</div><div style="line-height:130%">252</div><div style="line-height:130%">253</div><div style="line-height:130%">254</div><div style="line-height:130%">255</div><div style="line-height:130%">256</div><div style="line-height:130%">257</div><div style="line-height:130%">258</div><div style="line-height:130%">259</div><div style="line-height:130%">260</div><div style="line-height:130%">261</div><div style="line-height:130%">262</div><div style="line-height:130%">263</div><div style="line-height:130%">264</div><div style="line-height:130%">265</div><div style="line-height:130%">266</div><div style="line-height:130%">267</div><div style="line-height:130%">268</div><div style="line-height:130%">269</div><div style="line-height:130%">270</div><div style="line-height:130%">271</div><div style="line-height:130%">272</div><div style="line-height:130%">273</div><div style="line-height:130%">274</div><div style="line-height:130%">275</div><div style="line-height:130%">276</div><div style="line-height:130%">277</div><div style="line-height:130%">278</div><div style="line-height:130%">279</div><div style="line-height:130%">280</div><div style="line-height:130%">281</div><div style="line-height:130%">282</div><div style="line-height:130%">283</div><div style="line-height:130%">284</div><div style="line-height:130%">285</div><div style="line-height:130%">286</div><div style="line-height:130%">287</div><div style="line-height:130%">288</div><div style="line-height:130%">289</div></div></td><td style="padding:6px 0;text-align:left"><div style="margin:0;padding:0;color:#010101;font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;line-height:130%"><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">!DOCTYPE</span> <span style="color:#0a9989">html</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">html</span> <span style="color:#0a9989">lang</span>=<span style="color:#df5000">"en"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">head</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">meta</span> <span style="color:#0a9989">charset</span>=<span style="color:#df5000">"UTF-8"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">meta</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"viewport"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">content</span>=<span style="color:#df5000">"width=device-width, initial-scale=1.0"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">title</span><span style="color:#010101">></span>쇼핑몰<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">title</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">link</span> <span style="color:#0a9989">rel</span>=<span style="color:#df5000">"stylesheet"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">href</span>=<span style="color:#df5000">"https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/sketchy/bootstrap.min.css"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">style</span><span style="color:#010101">></span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #F3EDED</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #272420</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> none</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn</span><span style="color:#4DA51B">:hover </span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #C5B5CA</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn-warning </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #F0D7C2</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn-danger </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #B0AAC0</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> </span><span style="color:#999999">/* 다시선택 버튼 */</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn-secondary </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #97BEE6</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn-secondary</span><span style="color:#4DA51B">:hover </span><span style="color:#ff3399"></span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #5B8CD2</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #272420</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .cart-item </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 10px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .container </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> max-width</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 800px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> auto</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> padding</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 20px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 2px solid #ccc</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border-radius</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 10px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #fdecec</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .form-group </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 20px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> .btn-col </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-top</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 10px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> </span><span style="color:#999999">/* 장바구니 */</span><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> #demoCart </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> background-color</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> #fff</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 1px solid #6a0000</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> padding</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 10px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border-radius</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 5px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> #demoCart .cart-item </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> border-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 1px solid #eee</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> padding-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 5px</span><span style="color:#ff3399">;</span><span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 5px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> #demoCart .cart-item p </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-bottom</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 5px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}<span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#ff3399"> #demoCart .cart-item button </span>{<span style="color:#0099cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0099cc"> margin-left</span><span style="color:#ff3399">:</span><span style="color:#0066cc"> 10px</span><span style="color:#ff3399">;</span><span style="color:#0066cc"></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#0066cc"> </span>}</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">style</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#63a35c">'use strict'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> cart <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> []; <span style="color:#999999">// 장바구니 배열</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 가격계산 곱하기 수량</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> priceCalc() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> price <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> myform.price.value <span style="color:#ff3399"></span><span style="color:#a71d5d">*</span> myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> demo1.innerHTML <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> numberWithCommas(price) <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">"원"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> calculateTotal();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// VAT계산</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> vatCalc() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> price <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> myform.price.value <span style="color:#ff3399"></span><span style="color:#a71d5d">*</span> myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> vat <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> price <span style="color:#ff3399"></span><span style="color:#a71d5d">*</span> <span style="color:#0099cc">0.</span><span style="color:#0099cc">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> demo2.innerHTML <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> numberWithCommas(vat) <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">"원"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> calculateTotal();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 총가격계산(VAT포함한 가격) </span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> totalCalc() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> price <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> myform.price.value <span style="color:#ff3399"></span><span style="color:#a71d5d">*</span> myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> vat <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> price <span style="color:#ff3399"></span><span style="color:#a71d5d">*</span> <span style="color:#0099cc">0.</span><span style="color:#0099cc">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> totalPrice <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> price <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> vat;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> demo3.innerHTML <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> numberWithCommas(totalPrice) <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">"원"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> calculateTotal();</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 상품 선택</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> productChoice() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> product <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"product"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> productSizes <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#63a35c">'수영복'</span>: [<span style="color:#0099cc">5000</span>, <span style="color:#0099cc">10000</span>, <span style="color:#0099cc">15000</span>, <span style="color:#0099cc">20000</span>, <span style="color:#0099cc">25000</span>],</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#63a35c">'튜브'</span>: [<span style="color:#0099cc">3000</span>, <span style="color:#0099cc">5000</span>, <span style="color:#0099cc">7000</span>],</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#63a35c">'보트'</span>: [<span style="color:#0099cc">10000</span>, <span style="color:#0099cc">15000</span>, <span style="color:#0099cc">20000</span>],</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#63a35c">'물안경'</span>: [<span style="color:#0099cc">2000</span>, <span style="color:#0099cc">3000</span>, <span style="color:#0099cc">4000</span>],</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#63a35c">'오리발'</span>: [<span style="color:#0099cc">7000</span>, <span style="color:#0099cc">10000</span>]</div><div style="padding:0 6px; white-space:pre; line-height:130%"> };</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> sizeOptions <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">for</span> (<span style="color:#a71d5d">let</span> i <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">0</span>; i <span style="color:#ff3399"></span><span style="color:#a71d5d"><</span> productSizes[product].<span style="color:#066de2">length</span>; i<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> sizeOptions <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> `<span style="color:#ff3399"></span><span style="color:#a71d5d"><</span>option value<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"${productSizes[product][i]}"</span><span style="color:#ff3399"></span><span style="color:#a71d5d">></span>${i <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#0099cc">1</span>}. ${getSizeName(i)} Size(${numberWithCommas(productSizes[product][i])})<span style="color:#ff3399"></span><span style="color:#a71d5d"><</span><span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>option<span style="color:#ff3399"></span><span style="color:#a71d5d">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"price"</span>).innerHTML <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> sizeOptions;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 장바구니에 상품 추가</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> addToCart() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> product <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"product"</span>).value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> price <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> myform.price.value <span style="color:#ff3399"></span><span style="color:#a71d5d">*</span> myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> ea <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> myform.ea.value;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// VAT 계산</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> vat <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> price <span style="color:#ff3399"></span><span style="color:#a71d5d">*</span> <span style="color:#0099cc">0.</span><span style="color:#0099cc">1</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// VAT가 포함된 총 가격 계산</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> totalPrice <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> price <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> vat;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 장바구니에 상품 정보 추가</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> cart.push({ product: product, price: totalPrice, ea: ea });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> updateCartDisplay(); <span style="color:#999999">// 장바구니 화면 업데이트</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 장바구니 비우기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> clearCart() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cart <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> []; <span style="color:#999999">// 장바구니 비우기</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> updateCartDisplay(); <span style="color:#999999">// 장바구니업데이트</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 장바구니 화면 업데이트 함수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> updateCartDisplay() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> cartContent <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#63a35c">""</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cart.forEach(<span style="color:#a71d5d">function</span> (item, index) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cartContent <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> `<span style="color:#ff3399"></span><span style="color:#a71d5d"><</span>div <span style="color:#a71d5d">class</span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"cart-item"</span><span style="color:#ff3399"></span><span style="color:#a71d5d">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d"><</span>p<span style="color:#ff3399"></span><span style="color:#a71d5d">></span>${item.product} <span style="color:#ff3399"></span><span style="color:#a71d5d">-</span> ${numberWithCommas(item.price)}원 (${item.ea}개)<span style="color:#ff3399"></span><span style="color:#a71d5d"><</span><span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>p<span style="color:#ff3399"></span><span style="color:#a71d5d">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d"><</span>button <span style="color:#066de2">xxonclick</span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"removeFromCart(${index})"</span> <span style="color:#a71d5d">class</span><span style="color:#a71d5d">=</span><span style="color:#63a35c">"btn btn-secondary"</span><span style="color:#ff3399"></span><span style="color:#a71d5d">></span>다시선택<span style="color:#ff3399"></span><span style="color:#a71d5d"><</span><span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>button<span style="color:#ff3399"></span><span style="color:#a71d5d">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#ff3399"></span><span style="color:#a71d5d"><</span><span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>div<span style="color:#ff3399"></span><span style="color:#a71d5d">></span>`;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"demoCart"</span>).innerHTML <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> cartContent;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 상품 사이즈명</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> getSizeName(index) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">switch</span> (index) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">case</span> <span style="color:#0099cc">0</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">return</span> <span style="color:#63a35c">'S'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">case</span> <span style="color:#0099cc">1</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">return</span> <span style="color:#63a35c">'M'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">case</span> <span style="color:#0099cc">2</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">return</span> <span style="color:#63a35c">'L'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">case</span> <span style="color:#0099cc">3</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">return</span> <span style="color:#63a35c">'XL'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">case</span> <span style="color:#0099cc">4</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">return</span> <span style="color:#63a35c">'XXL'</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">default</span>:</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">return</span> <span style="color:#63a35c">''</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 장바구니에서 상품 삭제</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> removeFromCart(index) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cart.splice(index, <span style="color:#0099cc">1</span>); <span style="color:#999999">// 상품 제거</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> updateCartDisplay(); <span style="color:#999999">// 장바구니 업데이트</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 콤마 변환함수(1,234)</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> numberWithCommas(num) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">return</span> num.toString().replace(<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>\B(?<span style="color:#ff3399"></span><span style="color:#a71d5d">=</span>(\d{<span style="color:#0099cc">3</span>})<span style="color:#ff3399"></span><span style="color:#a71d5d">+</span>(?<span style="color:#ff3399"></span><span style="color:#a71d5d">!</span>\d))<span style="color:#ff3399"></span><span style="color:#a71d5d">/</span>g, <span style="color:#63a35c">","</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 총 가격 계산 함수</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> calculateTotal() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> totalPrice <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cart.forEach(<span style="color:#a71d5d">function</span> (item) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> totalPrice <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> item.price;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">document</span>.<span style="color:#066de2">getElementById</span>(<span style="color:#63a35c">"totalPrice"</span>).innerHTML <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> numberWithCommas(totalPrice) <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">"원"</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#999999">// 구매하기 버튼 클릭 시 총 가격 알림창 표시</span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">function</span> purchase() {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#a71d5d">let</span> totalPrice <span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> <span style="color:#0099cc">0</span>;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> cart.forEach(<span style="color:#a71d5d">function</span> (item) {</div><div style="padding:0 6px; white-space:pre; line-height:130%"> totalPrice <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span><span style="color:#ff3399"></span><span style="color:#a71d5d">=</span> item.price;</div><div style="padding:0 6px; white-space:pre; line-height:130%"> });</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#066de2">alert</span>(<span style="color:#63a35c">"총 가격은 "</span> <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> numberWithCommas(totalPrice) <span style="color:#ff3399"></span><span style="color:#a71d5d">+</span> <span style="color:#63a35c">"원입니다."</span>);</div><div style="padding:0 6px; white-space:pre; line-height:130%"> }</div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">script</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">head</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#066de2">body</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"container"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">h2</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>상품 가격 계산<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">h2</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">form</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"myform"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"product"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>상품명 :<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">select</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"product"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"product"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonchange</span>=<span style="color:#df5000">"productChoice()"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">selected</span><span style="color:#010101">></span>수영복<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span><span style="color:#010101">></span>튜브<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span><span style="color:#010101">></span>보트<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span><span style="color:#010101">></span>물안경<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span><span style="color:#010101">></span>오리발<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"price"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>사이즈(단가) :<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">select</span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"price"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"price"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"5000"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">selected</span><span style="color:#010101">></span>1. S Size(5,000)<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"10000"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>2. M Size(10,000)<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"15000"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>3. L Size(15,000)<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"20000"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>4. XL Size(20,000)<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">option</span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"25000"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>5. XXL Size(25,000)<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">option</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">select</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-group"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">label</span> <span style="color:#0a9989">for</span>=<span style="color:#df5000">"ea"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>수량(개)<span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">label</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"number"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">name</span>=<span style="color:#df5000">"ea"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"ea"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"1"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">min</span>=<span style="color:#df5000">"1"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"form-control"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"row"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"가격"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"priceCalc()"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-success btn-col"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"VAT"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"vatCalc()"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-primary btn-col"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"총가격"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"totalCalc()"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-info btn-col"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"장바구니 담기"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"addToCart()"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-warning btn-col"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"장바구니 비우기"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"clearCart()"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-danger btn-col"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">hr</span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"m-3 border"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"demoProduct"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"row"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>☞ 가격(단가*수량) : <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"demo1"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"row"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>☞ VAT(가격의 10%) : <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"demo2"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"row"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span><span style="color:#010101">></span>☞ 총판매가격(VAT포함) : <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"col-6"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"demo3"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">hr</span> <span style="color:#0a9989">/</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">id</span>=<span style="color:#df5000">"demoCart"</span><span style="color:#0a9989"></span><span style="color:#010101">></span><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">div</span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"text-center"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#066de2">input</span> <span style="color:#0a9989">type</span>=<span style="color:#df5000">"button"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">value</span>=<span style="color:#df5000">"구매하기"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">xxonclick</span>=<span style="color:#df5000">"purchase()"</span><span style="color:#0a9989"></span> <span style="color:#0a9989">class</span>=<span style="color:#df5000">"btn btn-primary"</span><span style="color:#0a9989"></span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">form</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> <span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">div</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">body</span><span style="color:#010101">></span></div><div style="padding:0 6px; white-space:pre; line-height:130%"> </div><div style="padding:0 6px; white-space:pre; line-height:130%"><span style="color:#010101"><</span><span style="color:#010101">/</span><span style="color:#066de2">html</span><span style="color:#010101">></span></div></div><div style="text-align:right;margin-top:-13px;margin-right:5px;font-size:9px;font-style:italic"><a href="http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter</a></div></td><td style="vertical-align:bottom;padding:0 2px 4px 0"><a href="http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white"><span style="font-size:9px;word-break:normal;background-color:#e5e5e5;color:white;border-radius:10px;padding:1px">cs</span></a></td></tr></table></div></div></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
성민지
20240418 동적폼 장바구니 숙제
성민지
추천 0
조회 23
24.04.21 19:09
댓글 1
다음검색
첫댓글 필요한 부분의 함수처리가 돋보입니다.
최종 가격 출력도 좋고요.
장바구니 배열처리 좋습니다. 수고하셨어요