@charset "euc-kr"; 



/* ÄÁÅÙÃ÷ ŸÀÌƲ °øÅë */
.titlepackage{overflow:hidden;}

.titlepackage h2 {float:left; font-size:16px; color:#f05ba1;letter-spacing:-0.8px;font-weight:bold;padding:0px 8px 5px 0px; }
.titlepackage p{float:left;padding:2px 0 0 12px;letter-spacing:-0.1px; background:url(../images/common/lnb_line_1.gif) no-repeat left -4px;  font-size:11px; color:#777777; }
.titlepackage span{color:#f05ba1;font-weight:bold; }

/* ÄÁÅÙÃ÷ ·ÎÄÉÀÌ¼Ç °øÅë */
.titlepackage .path {float:right; overflow:hidden; text-align:right; padding:5px 0 0 0px;}
.titlepackage .path ol {float:none; }
.titlepackage .path li { padding:0 0 0 12px; display:inline; font-size:11px;letter-spacing:-0.2px; background:url(../images/common/bg_path.gif) -6px 1px no-repeat; }
.titlepackage .path li a{color:#999999; }
.titlepackage .path li.displaynone { display:none; }
.titlepackage .path li.first { background:none; }




/* ¿À¸¥ÂÊ */
#aside{z-index:104;background:#ffffff; width:200px;padding:0px;color:#5f5f5f;display:block;position:absolute;top:0px;right:0px;height:100%;}
#main #aside{width:400px;}

#aside .right_B{height:100%;}
#main #aside .right_B .direct_area,
#main #aside .right_B .video_area,
#main #aside .right_B #prd_area,
#main #aside .right_B .customer_area{height:25%;}
#main #aside .right_B .B_box{height:100%;}

#aside .right_B { overflow:hidden;}
#aside .right_B .direct_area, 
#aside .video_area, 
#aside #prd_area, 
#aside .customer_area{display:block;}
#aside .direct_area, 
#aside .video_area, 
#aside #prd_area, 
#aside .customer_area{float:none;}
#main #aside .right_B .direct_area, 
#main #aside .video_area, 
#main #aside #prd_area, 
#main #aside .customer_area, 
#main #aside .B_box{float:left; position:relative;}

#aside .right_B .direct_area .box1{position:absolute; left:0; top:0; width:199px; height:25%; border-left:1px solid #e6e6e6; background:url(../images/aside_banner_01_bg.gif) #3b3b3b 0 top repeat-y;}
#main #aside .right_B .direct_area .box1{position:relative; left:0; top:0; width:199px; height:100%;}
#aside .right_B .direct_area .box1 img{display:block; position:absolute; top:50%; margin-top:-100px;}
#aside .right_B .direct_area .box2{position:absolute; left:0; top:50%; width:199px; height:25%; border-left:1px solid #e6e6e6; background:#575757 url(../images/aside_banner_02_bg.gif) 0 top no-repeat;}
#main #aside .right_B .direct_area .box2{position:relative; left:0; top:0; width:200px; height:100%; border-left:none;}
#aside .right_B .direct_area .box2 img{display:block; position:absolute; top:50%; margin-top:-100px;}



#aside .right_B .video_area .box1{position:absolute; left:0; top:25%; width:199px; height:25%; border-left:1px solid #e6e6e6; background:#d72027 url(../images/aside_banner_03_bg.gif) 0 top no-repeat;}
#main #aside .right_B .video_area .box1{position:relative; left:0; top:0; width:199px; height:100%; }
#aside .right_B .video_area .box1 img{display:block; position:absolute; top:50%; margin-top:-100px;}

#aside .right_B .video_area .box2{display:none;}
#main #aside .right_B .video_area .box2{overflow:hidden; display:block; position:relative; width:200px; background:#0d100d;}
#main #aside .right_B .video_area .box2 img{position:absolute; top:50%; margin-top:-134px;}


#aside .right_B #prd_area .box1{display:none;}
#main #aside .right_B #prd_area .box1{display:block; width:199px; min-height:158px;padding:0px; border-left:1px solid #e6e6e6;}
#main #aside .right_B #prd_area .box1 ul{position:relative;}
#main #aside .right_B #prd_area .box1 ul li{display:none; position:absolute; left:0; top:0;}
#main #aside .right_B #prd_area .box1 ul li:first-child{display:block;}
#main #aside .right_B #prd_area .box1 h2{padding:20px 20px 5px 20px;}
#main #aside .right_B #prd_area .box1 h2 a{float:none;}
#main #aside .right_B #prd_area .box1 .prdinfo{padding:6px 20px 0px 20px;}
#main #aside .right_B #prd_area .box1 .prdinfo dt{color:#e40011; font-size:19px; font-weight:bold;}
#main #aside .right_B #prd_area .box1 .prdinfo dd{padding:4px 0 0 0; line-height:16px; letter-spacing:-0.2px;}
#main #aside .right_B #prd_area .box1 .btn{position:absolute;bottom:20px;left:20px;}

#aside .right_B #prd_area .box2{display:none;}
#main #aside .right_B #prd_area .box2 {overflow:hidden; display:block; position:relative; width:200px; background:#c9c9c9;}
#main #aside .right_B #prd_area .box2 ul{position:absolute; left:0; top:0; width:20000px; height:100%;}
#main #aside .right_B #prd_area .box2 ul li{overflow:hidden; position:relative; float:left; width:200px; height:100%;}
#main #aside .right_B #prd_area .box2 img{position:absolute; top:50%; margin-top:-134px;}

#aside .right_B .customer_area .box1{overflow:hidden; position:absolute; left:0; top:75%; width:199px; height:25%; border-left:1px solid #e6e6e6; background:#f7f7f7 url(../images/aside_banner_customer_bg.gif) no-repeat 21px bottom;}
#main #aside .right_B .customer_area .box1{position:relative; left:0; top:0; width:199px; height:100%;}
#aside .right_B .customer_area .box2{display:none;}
#main #aside .right_B .customer_area .box2{display:block; overflow:hidden; position:relative; width:200px;}
#main #aside .right_B .customer_area .box2 img{position:absolute; bottom:0;}

#main #aside .right_B .arrow{position:absolute; top:50%;left:-1px; margin-top:-20px;}
#main #aside .right_B .arrow img{position:relative !important; top:0 !important; margin-top:0 !important;}


#main #aside .right_B ul {padding:0px; }
#main #aside .right_B ul li,
#main #aside .right_B ul li a{ float:left; padding:0 ;text-decoration:none; }
#main #aside .right_B ul li p{ text-align:center;font-size:11px;padding:0px 0 0; color:#888888; }




/* È®´ëº¸±â ¸ð´ÞÀ©µµ¿ì  Object */

.mw{z-index:2000;_z-index:2000;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);}
.mw .fg{position:absolute;top:30%;left:50%;width:740px;margin:-100px 0 0 -350px;padding:40px 30px 50px 30px;background:url(../images/lnb_bg.gif) #3b3b3b repeat 0 0; overflow:hidden; border:2px solid #2f2f2f;}
.mw .fg {}
.mw .fg .titlepackage{padding:0px 0 0 30px;overflow:hidden;}

.mw .fg .titlepackage h2 {float:left; font-size:16px; color:#aaaaaa;letter-spacing:-0.5px;font-weight:bold;padding:0px 5px 5px 0px; }
.mw .fg .titlepackage p{float:left;padding:3px 0 0 5px;letter-spacing:0px;color:#cccccc;background:url(../images/common/lnb_line_1.gif) no-repeat left -4px; }
.mw .fg .titlepackage span{color:#aaaaaa;font-weight:bold;padding:0 5px;letter-spacing:0px;font-size:12px; }

.mw .fg .product_zoom_close{position:absolute;top:27px;right:60px;}


/* È®´ëÄÁÅÙÃ÷ À̹ÌÁö¿µ¿ª */
.mw .fg .product_zoom {  padding:5px 30px;width:680px; }
.mw .fg .product_zoom #imgArea {position:relative;display:inline-block; }
.mw .fg .product_zoom #imgArea .keyImg {overflow:hidden; }
.mw .fg .product_zoom #imgArea .keyImg img {width:680px; }
.mw .fg .product_zoom #imgArea .moreImg { clear:both;text-align:center; background:#aaa6a2; }

.mw .fg .product_zoom #imgArea .prevImg {position:absolute;left:-55px; top:280px; }
.mw .fg .product_zoom #imgArea .nextImg {position:absolute;right:-55px; top:280px; }
/* //È®´ëº¸±â  Object */


/*¼­ºêÄÁÅÙÃ÷*/
.title_top{position:relative;overflow:hidden;padding:134px 0px 0px 0px;}


/*¿¬Çõ*/

/* UI Object */
.tab_list{position:relative;overflow:hidden;padding:40px 0 0px 0;}
.tab_list ul{position:relative;padding:0px;border-bottom:0px solid #ccc;font-size:12px;color:#666666;letter-spacing:-0.5px;list-style:none;*zoom:1}
.tab_list ul:after{display:block;clear:both;content:""}
.tab_list li{float:left;margin-bottom:-1px}
.tab_list li a{float:left;position:relative;/*border:1px solid #eee;border-bottom:5px solid #dbe0e2;background:#fafafa;*/color:#666;text-decoration:none}
.tab_list li a span{display:inline-block;padding:0px;letter-spacing:-1px;cursor:pointer;}

.tab_list li ul{display:none;position:absolute;top:70px;left:0;width:815;margin:0;padding:0;border:0;list-style:none;*zoom:1;}
.tab_list li ul:after{display:block;clear:both;content:""}
.tab_list li li{float:none;position:relative;padding:0px 0 0px 0;}
.tab_list li li span{font-size:12px;color:#01b2ee;font-weight:bold;padding:0px 2px 0px 1px;}
.tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab_list li li a:hover,
.tab_list li li a:active,
.tab_list li li a:focus{color:#000 !important;text-decoration:underline;}
.tab_list li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent;}
.tab_list.m1 .m1 a{width:243px;height:70px;background:url(/images/history_tab_01.gif) no-repeat 0px 0px;}
.tab_list.m2 .m2 a{width:243px;height:70px;background:url(/images/history_tab_02.gif) no-repeat 0px 0px;}
.tab_list.m3 .m3 a{width:243px;height:70px;background:url(/images/history_tab_03.gif) no-repeat 0px 0px;}
.tab_list.m4 .m4 a{width:243px;height:70px;background:url(/images/history_tab_04.gif) no-repeat 0px 0px;}
.tab_list.m1 .m1 a span{width:243px;height:70px;background:url(/images/history_tab_01.gif) no-repeat 0px -70px;}
.tab_list.m2 .m2 a span{width:243px;height:70px;background:url(/images/history_tab_02.gif) no-repeat 0px -70px;}
.tab_list.m3 .m3 a span{width:243px;height:70px;background:url(/images/history_tab_03.gif) no-repeat 0px -70px;}
.tab_list.m4 .m4 a span{width:243px;height:70px;background:url(/images/history_tab_04.gif) no-repeat 0px -70px;}
.tab_list.m1 .m1 ul,
.tab_list.m2 .m2 ul,
.tab_list.m3 .m3 ul,
.tab_list.m4 .m4 ul{display:block;}
.tab_list li.year{border-bottom:1px solid #eee;padding:20px 0 5px 0;width:440px;}
.tab_list.js_off{height:auto;}
.tab_list.js_off ul{border:0;}
.tab_list.js_off li{float:none;position:relative;}
.tab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333;}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0;}
.tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal;}
.tab_list.js_off li li.more{top:7px;right:15px;}
/* //UI Object */