@charset "euc-kr";
/* Author : Jung Eun */

#shoppingCastOpen { position:fixed; _position:absolute; z-index:99999; bottom:0; right:26px; font-size:11px;}
*html #shoppingCastOpen {top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));}

#shoppingCastOpen img { vertical-align:top;}
#shoppingCastOpen a { font-weight:normal !important; font-size:11px; color:#353439;}
#shoppingCastOpen a:hover { text-decoration:underline; color:#353439;}

#shoppingCastOpen .btn { position:absolute; top:0; right:-16px;}

#open { overflow:hidden; margin-bottom:10px; width:200px; height:294px; background:#fff; border:1px solid #126ec1;}

#open a.on, 
#open a.on:hover { font-weight:bold; letter-spacing:-2px; text-decoration:underline; color:#5e79a4;}

#open .case1 p { clear:both; overflow:hidden; margin:8px 0 7px; width:100%; text-align:center; letter-spacing:-1px; color:#dcdcdc;}
#open .case1 .imgs { margin-left:8px;}
#open .case1 .wrap { display:inline; float:left; padding:7px 0; width:91px; height:94px; text-align:center;}
#open .case1 .wrap img { overflow:hidden; width:85px; height:68px;}
#open .case1 .wrap span { clear:both; display:block; margin-top:7px;}
#open .case1 .wrap a span { letter-spacing:-1px;}
#open .case1 .wrap a:hover span { font-weight:normal; color:#390; letter-spacing:-1px;}

#open .case2 p { clear:both; overflow:hidden; margin-top:8px; width:100%; text-align:center; letter-spacing:-1px; color:#dcdcdc;}
#open .case2 ul { clear:both; overflow:hidden; zoom:1; margin:10px 3px 0 3px; padding:0 7px; border-bottom:1px solid #e7e7e7;}
#open .case2 ul li { overflow:hidden; display:inline; float:left; margin-bottom:10px; width:60px; height:69px; text-align:center;}
#open .case2 ul li a { letter-spacing:-1px;}
#open .case2 ul li a:hover { font-weight:normal; color:#390; letter-spacing:-1px;}
#open .case2 ul li span { display:block; margin-top:4px;}
#open .case2 .link { margin:10px; text-align:left;}
#open .case2 .link p { clear:both; margin:0; height:13px; text-align:left; letter-spacing:0;}
#open .case2 .link p a { color:#676d76;}
#open .case2 .link p a:hover { font-weight:normal; color:#390; letter-spacing:0;}
#open .case2 .link p a span { font-weight:bold; color:#d71920;}
#open .case2 .link p a:hover span { color:#390;}

#open .case3 p { clear:both; overflow:hidden; margin-top:8px; width:100%; text-align:center; letter-spacing:-1px; color:#dcdcdc;}
#open .case3 ul { clear:both; overflow:hidden; zoom:1; margin:10px 3px 0 3px; padding:0 7px;}
#open .case3 ul li { overflow:hidden; display:inline; float:left; margin-bottom:10px; width:60px; height:69px; text-align:center;}
#open .case3 ul li a { letter-spacing:-1px;}
#open .case3 ul li a:hover { font-weight:normal; color:#390; letter-spacing:-1px;}
#open .case3 ul li span { display:block; margin-top:4px;}
#open .case3 .bnr { margin:5px; padding-bottom:5px; border-bottom:1px solid #e7e7e7;}

#open .case4 p { clear:both; overflow:hidden; margin-top:8px; width:100%; text-align:center; letter-spacing:-1px; color:#dcdcdc;}
#open .case4 ul { clear:both; overflow:hidden; zoom:1; margin:10px 3px 0 3px; padding:0 7px;}
#open .case4 ul li { overflow:hidden; display:inline; float:left; margin-bottom:10px; width:60px; height:69px; text-align:center;}
#open .case4 ul li a { letter-spacing:-1px;}
#open .case4 ul li a:hover { font-weight:normal; color:#390; letter-spacing:-1px;}
#open .case4 ul li span { display:block; margin-top:4px;}


#shoppingCastClose { display:none; position:fixed; _position:absolute; z-index:99999; top:370px !important; left:480px; margin:0 50%; font-size:11px;}
*html #shoppingCastClose {top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));}

#shoppingCastClose img { vertical-align:top;}
#shoppingCastClose a { font-size:11px; color:#353439;}
#shoppingCastClose a:hover { font-weight:bold; color:#5e79a4; letter-spacing:-2px;}

#ShoppingCastCloseArea .btn { position:absolute; top:5px; right:-18px; _right:-16px;}
#ShoppingCastCloseArea { position:relative; left: 4px; _left:5px;} /* 100630 ΌφΑ€ */
*:first-child+html #ShoppingCastCloseArea { position:relative; left: 5px; } /* 100630 ΌφΑ€ */

#close { overflow:hidden; width:70px; height:293px; background:#fff; border:1px solid #126ec1;}

#close h1 { clear:both; overflow:hidden; margin-bottom:10px; width:100%; text-align:center;}
#close .wrap { clear:both; overflow:hidden; margin:0 5px; width:60px; height:80px;}
#close .wrap img { overflow:hidden; width:50px; height:40px;}
#close .wrap span { clear:both; overflow:hidden; display:block; margin-top:7px; height:25px;}
#close .wrap a span { letter-spacing:-1px;}
#close .wrap a:hover span { font-weight:normal; color:#390; letter-spacing:-1px;}

#close p { clear:both; overflow:hidden; width:100%; height:14px; text-align:center;}
#close p.prevBtn { margin-top:-10px;}
#close p.nextBtn { margin-bottom:10px;}
#close .imgs { clear:both; overflow:hidden; margin:0 5px; width:60px; height:225px;}
#close .imgs li { overflow:hidden; display:inline; float:left; margin-bottom:10px; width:60px; height:69px; text-align:center;}
#close .imgs li a { letter-spacing:-1px;}
#close .imgs li a:hover { font-weight:normal; color:#390; letter-spacing:-1px;}
#close .imgs li span { display:block; margin-top:4px;}