@charset "utf-8";

/* 1.큐레이션 */
.curation { padding: 75px 59px 59px 59px; border:1px solid #ccc; background-color:#fff; text-align:center; margin-top:15px;}
.curation .cr-title {}

.curation .cr-select {  position:relative; z-index:25; height:29px; width:240px; padding-right:22px; margin-top:10px; margin-left:auto; margin-right:auto;
                        background:#fff url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/lfstyle/sel_arr_down.gif') no-repeat right top; 
                        border:1px solid #ccc; cursor:pointer;}
.curation .cr-select p.opt-txt {padding:3px 0 0 7px; font-size: 13px; letter-spacing:2px; color:#666; height:22px;  line-height:22px;  font-size: 13px; font-weight:bold; color:#000; overflow:hidden;}
    :root .cr-select p.opt-txt {padding-top:5px; line-height:20px;}    /*IE9 전용 핵*/
.curation .cr-select ul.lists {display:none; position:absolute; left:-1px; top:29px; z-index:10; width:262px; max-height:286px; overflow-y:scroll; background-color:#fff; border:1px solid #ccc;}
.curation .cr-select ul.lists li {padding:8px 0 7px 16px; font-size: 13px; color:#666; text-align:left;}
.curation .cr-select ul.lists li:hover {background-color:#fff; color:#000;}
.curation .cr-select ul.lists li:first-child {padding-top:12px;}
.curation .cr-select ul.lists li:last-child {padding-bottom:12px;}

/*
.select {float:left; position:relative; z-index:25; height:20px; padding-right:22px; background:#fff url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/common/ico/ico_sel_arr.gif') no-repeat right top; border:1px solid #ccc; cursor:pointer;}
.select p.opt-txt {width:67px; padding:0 0 0 7px;  font-size: 13px; font-weight:bold; color:#000; line-height:22px; overflow:hidden;}
    :root .select p.opt-txt {padding-top:2px; line-height:20px;}    /*IE9 전용 핵*/
/*.select ul.lists {display:none; position:absolute; left:-1px; top:20px; z-index:10; width:96px; background-color:#fff; border:1px solid #ccc;}
.select ul.lists li {padding:4px 0 2px 7px; font-size: 12px; color:#666;}
.select ul.lists li:hover {background-color:#3399ff; color:#fff;}
*/

.curation .cr-header-line {height:29px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/lfstyle/dot1.gif') no-repeat left bottom;  }

.curation .cr-top {margin-top:25px;}
.curation .cr-top .title-image {position:relative; float:left; width:163px;}
.curation .cr-top .title-image img {width:163px;}
.curation .cr-top .title-image .angle-bg {  position:absolute; left:0px; top:0px; width:120px; height:80px;
                                            background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/lfstyle/bg.png') no-repeat left top;
                                             font-size: 14px; color:#fff; font-weight:bold; text-align:left;
                                            padding-top:10px; padding-left:8px;
                                            }
.curation .cr-top .title-image .angle-bg span {display:inline-block; margin-top:2px;}
.curation .cr-top .desc {float:right;}
.curation .cr-top .desc .info1 { font-size:15px; color:#000; font-weight:bold; text-align:left;}
.curation .cr-top .desc .info2 { font-size: 13px; color:#555; text-align:left; margin-top:17px; line-height:18px; width:625px;}
.curation .cr-top .desc .info3 { }
.curation .cr-top .desc .info4 { font-size: 12px; color:#999; text-align:left; margin-top:16px;}

.curation ul.cr-main-tab { width:100%; height:29px; margin-top:35px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; *zoom:1;}
.curation ul.cr-main-tab:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.curation ul.cr-main-tab li {   float:left; border-top:1px solid #ccc; border-right:1px solid #ccc;
                                margin-top:0px; color:#777; font-weight:bold; height:19px; background-color:#fff; text-align:center; padding: 9px 15px 0px 15px; cursor:pointer;}
.curation ul.cr-main-tab li a {color:#777;}
.curation ul.cr-main-tab li.sel {position:relative; height:22px; color:#000; background-color:#fff; border-top:2px solid #000;  border-bottom:0; height:19px;}

.curation .cr-dtl {position:relative; margin-top:25px;}
.curation .cr-dtl .visual-img {float:left;}
.curation .cr-dtl .visual-img .large-image img {width:447px;}
.curation .cr-dtl .visual-img .thumbnail {position:relative; width:447px; height: 145px; overflow:hidden;}
.curation .cr-dtl .visual-img .thumbnail ul {position:absolute; left:0; top:0; margin-top:5px; width:900px; height:140px;}
.curation .cr-dtl .visual-img .thumbnail ul li {position:relative; float:left; margin-left:5px; width:108px; height:135px; cursor:pointer;}
.curation .cr-dtl .visual-img .thumbnail ul li img {width:108px; height:135px;}
.curation .cr-dtl .visual-img .thumbnail ul li:first-child {margin-left:0px;}
/*
.curation .cr-dtl .visual-img .thumbnail .btn-nav {position:absolute; left:0; top:50%; z-index:10; width:448px; margin-top:-14px;}
.curation .cr-dtl .visual-img .thumbnail .btn-nav a {display:block; width:27px; height:27px; overflow:hidden;}
.curation .cr-dtl .visual-img .thumbnail .btn-nav a:hover img {margin-top:-27px;}
.curation .cr-dtl .visual-img .thumbnail .btn-nav a.prev {float:left; cursor:pointer;}
.curation .cr-dtl .visual-img .thumbnail .btn-nav a.next {float:right; cursor:pointer;}*/
.curation .cr-dtl .visual-img .thumbnail .btn-nav{position:relative; width:448px;top:50%;}
.curation .cr-dtl .visual-img .thumbnail .btn-nav .prev {position:absolute; left:0; top:50%; z-index:90; width:27px; height:27px; overflow:hidden; margin-top:-14px; cursor:pointer;}
.curation .cr-dtl .visual-img .thumbnail .btn-nav .next {position:absolute; right:0; top:50%; z-index:90; width:27px; height:27px; overflow:hidden; margin-top:-14px; cursor:pointer;}
.curation .cr-dtl .visual-img .thumbnail .btn-nav a {display:block; width:27px; height:27px; overflow:hidden;}
.curation .cr-dtl .visual-img .thumbnail .btn-nav a:hover img {margin-top:-27px;}/*1540227수정*/

.curation .cr-dtl .visual-img .thumbnail ul li div {position:absolute; left:0px; top:0px; width:106px; height:133px; border:1px solid #000;}

.curation .cr-dtl .info {float:right; width:340px;}
.curation .cr-dtl .info .desc {text-align:left; width:340px; font-size: 13px; line-height:18px; color:#777; }
.curation .cr-dtl .info ul.cr-dtl-tab {height:19px; margin-top:25px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/lfstyle/dot2.gif') no-repeat left bottom;}
.curation .cr-dtl .info ul.cr-dtl-tab li {  float:left; color:#777; font-weight:bold; padding-left:18px; cursor:pointer;
                                            background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/lfstyle/line.gif') no-repeat 9px 1px;}
.curation .cr-dtl .info ul.cr-dtl-tab li.sel {color:#000; font-weight:bold;}
.curation .cr-dtl .info ul.cr-dtl-tab li:first-child {padding-left:0px; background:none;}

.curation .cr-dtl .info .prod-list {margin-top:22px;}
.curation .cr-dtl .info .prod-list li {position:relative; float:left; margin-left:5px; margin-top:5px; cursor:pointer;}
.curation .cr-dtl .info .prod-list li .prod-info-mask { position:absolute; left:0px; top:0px; display:none; width:110px; height:110px; background-color:#000; filter: alpha(opacity:70); }
.curation .cr-dtl .info .prod-list li .prod-info {  position:absolute; left:0px; top:0px; display:none; width:76px; height:48px; padding: 29px 18px 29px 18px; text-align:center;}
.curation .cr-dtl .info .prod-list li .prod-info .brand {width:76px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 12px;}
.curation .cr-dtl .info .prod-list li .prod-info .name {width:76px; color:#fff; margin-top:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 12px;}
.curation .cr-dtl .info .prod-list li .prod-info .price {width:76px; color:#fff; margin-top:8px;  font-size: 13px; font-weight:bold;}

.curation .cr-dtl .info .prod-list li .prod-info.sty2 {  position:relative; display:block; width:108px; height:62px; padding: 14px 0 22px 0; text-align:left;}
.curation .cr-dtl .info .prod-list li .prod-info.sty2 .brand {width:108px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 12px;}
.curation .cr-dtl .info .prod-list li .prod-info.sty2 .name {width:108px; color:#888; margin-top:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 12px;}
.curation .cr-dtl .info .prod-list li .prod-info.sty2 .price {width:108px; color:#333; margin-top:8px;  font-size: 12px; font-weight:bold;}
.curation .cr-dtl .info .prod-list li .prod-info.sty2 .prt-price {width:108px; color:#333; margin-top:8px;  font-size: 12px; }


.curation .trend-code-list {height:27px; padding:14px 0 20px 25px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/lfstyle/dot1.gif') no-repeat left bottom;  }
.curation .trend-code-list .img-title {float:left; margin-top:12px;}
.curation .trend-code-list ul.list {float:left; width:660px; margin-left:9px;}
.curation .trend-code-list ul.list:after {content:''; display:block; clear:both; }
.curation .trend-code-list ul.list > li {float:left; width:105px; height:21px; margin-left:5px; margin-top:6px; line-height:21px;
background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/code9/bg_codename1.gif') no-repeat left top;}
.curation .trend-code-list ul.list > li.odd {background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/code9/bg_codename2.gif') no-repeat left top;}

/* 2.카드청구할인 */
.charged-off {background-color:#fff; position:relative; width:940px; height:100%; padding-bottom:45px; overflow:auto; margin-top:15px;}
.charged-off .banner-title {margin-top:40px; margin-left:35px;}
.charged-off .banner {position:relative; margin-left:20px; margin-top:15px;}
.charged-off .banner ul li {width:900px; }
.charged-off .banner ul li img {width:900px; }
.charged-off .point-title {margin-top:40px; margin-left:35px;}
.charged-off .point-info {margin-top:15px; margin-left:35px;}
.charged-off .point-info > ul {border:1px solid #ccc; width:870px; height:127px;}
.charged-off .point-info > ul:after {content:''; dispaly:block; clear:both; }
.charged-off .point-info > ul > li {float:left; width:289px; height:127px; text-align:center;
                                    padding-left:1px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/promotion/card/sidelline.gif') no-repeat left center;}
.charged-off .point-info > ul > li:first-child {padding-left:0px; background:none;}
.charged-off .point-info > ul > li img {margin-top:16px;}
.charged-off .point-info > ul > li ul {margin-top:16px;}
.charged-off .point-info > ul > li ul li {width:210px; margin-bottom:10px; margin-left:50px; text-align:left; font-size: 13px; color:#333;}
.charged-off .point-info > ul > li ul li {padding-left:6px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/promotion/card/bl_sq.jpg') no-repeat left center;}
.charged-off .point-info > ul > li ul li a {color:#333;}

.charged-off .benefits-title {margin-top:40px; margin-left:35px;}
.charged-off .benefits-info {margin-top:15px; margin-left:35px;}
.charged-off .benefits-info table {border:1px solid #ccc;}
.charged-off .benefits-info table th {border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:30px; text-align:center;
                                        color:#333; font-size: 13px; background-color:#f4f4f4;
                                        }
.charged-off .benefits-info table td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:30px; text-align:center;}

.charged-off .confirmation-title {margin-top:40px; margin-left:35px;}
.charged-off .confirmation-info { margin-left:63px; margin-top:20px; margin-bottom:40px;}
.charged-off .confirmation-info .stitle {margin-bottom:10px;}
.charged-off .confirmation-info ul li {color:#666; line-height:22px; padding-left:6px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/promotion/card/bl_sq.jpg') no-repeat left center;}


/* 3.카테고리 메인 */
.cate-main .cate-box {position:relative; border:1px solid #ccc; border-top:1px solid #000; margin-top:14px; background-color:#fff; z-index:90;}
.cate-main .cate-box.mb20 {margin-bottom:20px;}
.cate-main .cate-box .title {height:26px; width:938px; position:relative; display:table-cell; padding-top:13px; *vertical-align: middle;}
.cate-main .cate-box .title span { margin-left:21px; font-size:15px; font-weight:bold; color:#000; *display:inline-block; margin-top:0px;}
.cate-main .cate-box .brand-all {position:absolute; right:12px; top:12px;}

.cate-main .cate-box .brand-all > img {float:left; margin-top:3px;}
.cate-main .cate-box .brand-all .btn-all {position:relative; width:20px; height:16px; float:left; z-index:10;}
.cate-main .cate-box .brand-all .btn-all span {display:inline-block; width:15px; height:15px; margin-left:6px; margin-top:0px;
                                                background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_more03.gif') no-repeat 0 -15px;}
.cate-main .cate-box .brand-all .btn-all:hover span {background-position-y:0px;}
.cate-main .cate-box .brand-all .btn-close {position:relative; width:20px; height:16px; float:left; z-index:10; display:none;}
.cate-main .cate-box .brand-all .btn-close span {display:inline-block; width:15px; height:15px; margin-left:6px; margin-top:0px;
                                                background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_close03.gif') no-repeat 0 -15px;}
.cate-main .cate-box .brand-all .btn-close:hover span {background-position-y:0px;}

.cate-main .cate-box ul.cate-list {display:block; position:relative; border-top:1px solid #e4e4e4; border-bottom:1px solid #ccc; *zoom:1;}
.cate-main .cate-box ul.cate-list.b-noline {border-bottom:none;}
.cate-main .cate-box ul.cate-list:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.cate-main .cate-box ul.cate-list > li a{color:#000;}
.cate-main .cate-box ul.cate-list > li {position:relative; float:left; width:165px; border-left:1px solid #e4e4e4; padding: 6px 0 3px 21px; color:#000; cursor:pointer; z-index:13px;}
.cate-main .cate-box ul.cate-list > li.first-line {padding-top: 17px;}
.cate-main .cate-box ul.cate-list > li.last-line {padding-bottom: 12px; height:16px;}
.cate-main .cate-box ul.cate-list > li.bold {font-weight:bold;}
.cate-main .cate-box ul.cate-list > li.last-line:after {content:'.'; visibility:hidden;}
.cate-main .cate-box ul.cate-list > li > span {float:left;}
.cate-main .cate-box ul.cate-list > li > span:hover {text-decoration:underline;}
.cate-main .cate-box ul.cate-list > li .btn-more {position:relative; width:20px; height:16px; float:left; z-index:10;}
.cate-main .cate-box ul.cate-list > li .btn-more span {display:inline-block; width:7px; height:4px; margin-left:6px; margin-top:4px;
                                                background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_layer.gif') no-repeat 0 0;
                                                }
.cate-main .cate-box ul.cate-list > li .btn-more:hover span {background-position-y:-4px;}
.cate-main .cate-box ul.cate-list .sub {position:absolute; display:none; left:0px; top:14px;  width:186px; border:1px solid #ccc; background-color:#fff; }
.cate-main .cate-box ul.cate-list .sub ul {margin-top:15px; margin-bottom:7px;}
.cate-main .cate-box ul.cate-list .sub ul li { width:165px; margin-left:21px; margin-bottom:8px; color:#000; cursor:pointer;}
.cate-main .cate-box ul.cate-list .sub ul li:hover {text-decoration:underline;}
.cate-main .cate-box ul.cate-list .sub ul li a {color:#777;}

.cate-main .cate-box > .sub {position:absolute; display:none; left:0px; top:0px;  width:186px; border:1px solid #000; background-color:#fff; *padding-bottom:8px; z-index:999;}
.cate-main .cate-box > .sub ul {margin-top:11px; margin-bottom:8px;}
.cate-main .cate-box > .sub ul li { width:142px; margin-left:15px; margin-bottom:8px; padding-right:23px; color:#777; font-size: 13px; cursor:pointer;
                                    padding-left:6px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/layer_dot.gif') no-repeat left center;
                                    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
                                    }
.cate-main .cate-box > .sub ul li:hover {text-decoration:underline; color:#000;}
.cate-main .cate-box > .sub ul li a {color:#777;}
.cate-main .cate-box > .sub ul li a:hover {text-decoration:underline; color:#000;}
.cate-main .cate-box .brand-list {position:relative; height:39px; background-color:#ebebeb;}
.cate-main .cate-box .brand-list ul {position:absolute; top:6px; left:35px; width:867px; height:27px;}
.cate-main .cate-box .brand-list ul:after {content:''; display:block; clear:both;}
.cate-main .cate-box .brand-list ul li {float:left; width:97px; height:27px; margin-right:13px; cursor:pointer;}
.cate-main .cate-box .brand-list ul li img {width:97px; height:27px; filter: alpha(opacity:50); opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5;}
.cate-main .cate-box .brand-list ul li img:hover { filter: alpha(opacity:100); opacity:1; -webkit-opacity:1; -moz-opacity:1;}

/*.cate-main .cate-box .brand-list .btn-nav {position:absolute; left:-1px; top:50%; z-index:10; width:940px; margin-top:-6px; margin-left:1px;}
.cate-main .cate-box .brand-list .btn-nav div {display:block; width:9px; height:13px; overflow:hidden;}
.cate-main .cate-box .brand-list .btn-nav div:hover img {margin-top:-13px;}
.cate-main .cate-box .brand-list .btn-nav div.prev {float:left; margin-left:10px; cursor:pointer;}
.cate-main .cate-box .brand-list .btn-nav div.next {float:right; margin-right:10px;  cursor:pointer;}*/
.cate-main .cate-box .brand-list .btn-nav {position:relative; width:940px;}
.cate-main .cate-box .brand-list .btn-nav div.prev {position:absolute; left:0; top:50%; margin-top:13px; z-index:10; width:9px; height:13px; margin-left:10px; cursor:pointer;}
.cate-main .cate-box .brand-list .btn-nav div.next {position:absolute; right:0; top:50%; margin-top:13px; z-index:10; width:9px; height:13px; margin-right:10px; cursor:pointer;}
.cate-main .cate-box .brand-list .btn-nav div {display:block; width:9px; height:13px; overflow:hidden;}
.cate-main .cate-box .brand-list .btn-nav div:hover img {margin-top:-13px;}/*150304수정*/

.cate-main .cate-box .brand-list .btn-prev {position:absolute; left:10px; top:50%; z-index:10; width:9px; height:13px; overflow:hidden; margin-top:-7px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_arr_prev01.gif') no-repeat 0 0;
                                  }
.cate-main .cate-box .brand-list .btn-next {position:absolute; right:10px; top:50%; z-index:10; width:9px; height:13px; overflow:hidden; margin-top:-7px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_arr_next01.gif') no-repeat 0 0;
                                  } 

.cate-main .cate-box .wrap-shop-brand {position:absolute; left:-1px; top:39px; width:938px; height:297px; border:1px solid #ccc; background-color:#ccc;  display:none; z-index:20;}
.cate-main .cate-box .wrap-shop-brand a {color:#777;}
  
.cate-main .cate-box .shop-brand {width:100%; height:26px; overflow:hidden;}
.cate-main .cate-box .scroll {height:100%; max-height:280px; overflow-y:auto; overflow-x:hidden; }
.cate-main .cate-box .shop-brand > ul { font-size: 12px; letter-spacing:1px; color:#555; background-color:#ebebeb;
                                    width:940px;}
.cate-main .cate-box .shop-brand > ul:after {content:''; display:block; clear:both;}
.cate-main .cate-box .shop-brand > ul > li {float:left; width:144px; height:13px; padding-left:21px; padding-right:21px; padding-bottom:4px; padding-top:14px; border-left:1px solid #ccc;
                                            overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cate-main .cate-box .shop-brand > ul > li:hover {color:#000; text-decoration:underline;}
.cate-main .cate-box .shop-brand > ul > li.last-line {height:13px;}

.cate-main .cate-box .shop-brand-dac {background-color:#ebebeb; height:17px; } 
.cate-main .cate-box .shop-brand-dac > li {float:left; width:186px; height:17px;  border-left:1px solid #ccc; position:relative;}
.cate-main .cate-box .shop-brand-dac > li:first-child {border:none;}
.cate-main .cate-box .shop-brand-dac > li.last {width:190px;}
.cate-main .cate-box .shop-brand-dac .btn-close {position:absolute; right:1px; bottom:1px; width:15px; height:15px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_close04.gif') no-repeat 0px 0px;
                                    }         
.cate-main .cate-box .shop-brand-dac .btn-more:hover {background-position-y:-15px;}
.cate-main .cate-box .shop-brand-dac .btn-close:hover {background-position-y:-15px;}
.cate-main .cate-box .shop-brand {
                                  scrollbar-face-color:#ebebeb;
                                  scrollbar-shadow-color:#cccccc;
                                  scrollbar-highlight-color:#cccccc;
                                  scrollbar-3dlight-color:#ebebeb;
                                  scrollbar-darkshadow-color:#ebebeb;
                                  scrollbar-track-color:#ebebeb;
                                  scrollbar-arrow-color:#777777;}
                                                            


.cate-main .p-event-box {margin-top:30px; z-index:10;}
.cate-main .p-event-box .title {height:21px;}
.cate-main .p-event-box .left-event {position:relative; float:left; background-color:#fff; height:310px; width:463px;}
.cate-main .p-event-box .right-event {position:relative; float:right; background-color:#fff; height:310px; width:463px;}

.cate-main .left-event .btn-prev, .cate-main .right-event .btn-prev {position:absolute; left:0px; top:50%; z-index:10; width:27px; height:27px; overflow:hidden; margin-top:-14px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_arr_prev02.png') no-repeat 0 0;
                                  }
.cate-main .left-event .btn-next, .cate-main .right-event .btn-next {position:absolute; right:0px; top:50%; z-index:10; width:27px; height:27px; overflow:hidden; margin-top:-14px; cursor:pointer; 
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_arr_next02.png') no-repeat 0 0;
                                  }

.cate-main .p-event-box .btn-nav {position:absolute; left:-1px; top:50%; z-index:10; width:463px; margin-top:-14px; margin-left:1px;}
.cate-main .p-event-box .btn-nav div {display:block; width:27px; height:27px; overflow:hidden;}
.cate-main .p-event-box .btn-nav div:hover img {margin-top:-27px;}
.cate-main .p-event-box .btn-nav div.prev {float:left;  cursor:pointer;}
.cate-main .p-event-box .btn-nav div.next {float:right;  cursor:pointer;}
.cate-main .p-event-box .big-img {position:relative; float:left; width:220px; height:310px;}
.cate-main .p-event-box .big-img img {width:220px; height:310px;}
.cate-main .p-event-box .big-img > div {position:absolute; left:0px; top:0px; width:218px; height:308px; border:1px solid #ccc;}
.cate-main .p-event-box .prod-list {float:left; padding-left:11px; width:231px; height:308px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.cate-main .p-event-box .prod-list ul {margin-top:19px;}
.cate-main .p-event-box .prod-list ul li {position:relative; width: 232px; margin-bottom:15px; }
.cate-main .p-event-box .prod-list ul li:after {content:''; display:block; clear:both;}
.cate-main .p-event-box .prod-list ul li .pic {float:left; width:80px; height:80px;}
.cate-main .p-event-box .prod-list ul li .pic img {width:80px; height:80px;}
.cate-main .p-event-box .prod-list ul li .info {float:left; margin-left:8px; width:126px;}
.cate-main .p-event-box .prod-list ul li .info .brand {margin-top:15px; font-size: 12px; color:#000;}
.cate-main .p-event-box .prod-list ul li .info .brand a {color:#000;}
.cate-main .p-event-box .prod-list ul li .info .brand:hover  {color:#000;text-decoration:underline;}
.cate-main .p-event-box .prod-list ul li .info .name {margin-top:2px; width:126px; font-size: 12px; color:#777; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cate-main .p-event-box .prod-list ul li .info .name a {color:#777;}
.cate-main .p-event-box .prod-list ul li .info .name:hover  {color:#000;text-decoration:underline;}
.cate-main .p-event-box .prod-list ul li .info .price {margin-top:9px;  font-size: 14px; font-weight:bold; color:#000;}
  

.cate-main .t-event-box {position:relative; margin-top:21px; bottom:0px; height:48px; padding:0px 30px 17px 21px; border:1px solid #ccc; background-color:#fff; overflow:hidden; *padding-bottom:14px;}
.cate-main .t-event-box .btn-more {position:absolute; right:-1px; bottom:-1px; width:19px; height:19px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_more01.gif') no-repeat 0 0;
                                    }
.cate-main .t-event-box .btn-close:hover {background-position-y:-19px;}
.cate-main .t-event-box .btn-close {position:absolute; right:-1px; bottom:-1px; width:19px; height:19px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_close01.gif') no-repeat 0 0;
                                    }
.cate-main .t-event-box .btn-more:hover {background-position-y:-19px;}
.cate-main .t-event-box ul {*height:65px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/event_dot.gif') repeat-x;}
.cate-main .t-event-box ul:first-child {background:none;}
.cate-main .t-event-box ul:after {content:''; display:block; clear:both;}
.cate-main .t-event-box ul li {float:left; width:192px; margin-left:37px; margin-top:19px; margin-bottom:19px;}
.cate-main .t-event-box ul li:first-child {margin-left:0px;}
.cate-main .t-event-box ul li .title {font-size: 13px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
                                      padding-left:6px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/textevent_dot.gif') no-repeat left center;
                                      }
.cate-main .t-event-box ul li .title:hover {text-decoration:underline;}
.cate-main .t-event-box ul li .title a {color:#000;}
.cate-main .t-event-box ul li .desc {font-size: 12px; color:#777; margin-top:7px; padding-left:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.cate-main .md-pick {margin-top:30px; margin-bottom:0px;}
.cate-main .md-pick .title {height:21px;}
.cate-main .md-pick .prod-list {margin-bottom:26px; position:relative; height:130px; border:1px solid #ccc; background-color:#fff; padding:15px 30px 15px 29px;}
.cate-main .md-pick .prod-list ul {height:130px;}
.cate-main .md-pick .prod-list ul li {float:left; position:relative; width:293px;}
.cate-main .md-pick .prod-list ul li .pic {float:left; width:130px; height:130px; }
.cate-main .md-pick .prod-list ul li .info {float:left; margin-left:13px; width:134px;}
.cate-main .md-pick .prod-list ul li .info .brand {font-size: 12px; color:#000; margin-top:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cate-main .md-pick .prod-list ul li .info .brand a {color:#000}
.cate-main .md-pick .prod-list ul li .info .name {font-size: 12px; color:#777; margin-top:2px; line-height:14px; height:28px; width:123px; overflow:hidden; }
.cate-main .md-pick .prod-list ul li .info .name a {color:#777}
.cate-main .md-pick .prod-list ul li .info .price {font-size: 12px; color:#777; margin-top:9px; }
.cate-main .md-pick .prod-list ul li .info .benefit {font-size: 13px; color:#000; margin-top:3px;  font-weight:bold;}
  
/*.cate-main .md-pick .btn-nav {position:absolute; left:-1px; top:50%; z-index:10; width:938px; margin-top:-14px; margin-left:1px;}
.cate-main .md-pick .btn-nav div {display:block; width:27px; height:27px; overflow:hidden;}
.cate-main .md-pick .btn-nav div:hover img {margin-top:-27px;}
.cate-main .md-pick .btn-nav div.prev {float:left; cursor:pointer;}
.cate-main .md-pick .btn-nav div.next {float:right; cursor:pointer;}*/
.cate-main .md-pick .prod-list .btn-nav {width:938px; height:130px; }
.cate-main .md-pick .prod-list .btn-nav div {display:block; width:27px; height:27px; overflow:hidden;}
.cate-main .md-pick .prod-list .btn-nav div:hover img {margin-top:-27px;}
.cate-main .md-pick .prod-list .btn-nav div.prev {position:absolute; margin-top:-15px; top:50%; left:0; width:27px; height:27px;cursor:pointer;}
.cate-main .md-pick .prod-list .btn-nav div.next {position:absolute; margin-top:-15px; top:50%; right:0; width:27px; height:27px;cursor:pointer;}/*150303수정*/

.cate-main .cate-path {height:10px; margin-top:0px; padding:18px 0px 17px 15px; color:#777; text-align:left; font-size: 13px;}
.cate-main .cate-path > ul > li {color:#777; float:left; position:relative; height:20px; margin-right:6px; cursor:pointer; z-index:999;}
.cate-main .cate-path > ul > li a {color:#777;}
.cate-main .cate-path > ul > li:hover .arrow img {margin-top:-6px; margin-left:9px;}
.cate-main .cate-path > ul > li:hover span {color:#000;}
.cate-main .cate-path > ul > li:first-child {background:none; color:#777; padding-right:0px;}
.cate-main .cate-path > ul > li span.last {background:none; color:#000;}
.cate-main .cate-path > ul > li span.last:hover {background:none;}
.cate-main .cate-path > ul > li.last:hover span {color:#000; cursor:default;}
.cate-main .cate-path > ul > li.sel {color:#000;}
.cate-main .cate-path > ul > li.sel a {color:#000;}
.cate-main .cate-path > ul > li span {margin-left:6px; padding-right:11px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_navi_off.gif') no-repeat right 3px;}
.cate-main .cate-path > ul > li span:hover {color:#000; text-decoration:underline; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_navi_on.gif') no-repeat right 3px;}
.cate-main .cate-path > ul > li span.brand-name { background:none; padding-right:0px;}
.cate-main .cate-path > ul > li span.single {background:none; padding-right:0px;}
.cate-main .cate-path > ul > li.default {background:none; cursor:default; text-decoration:none;}
.cate-main .cate-path > ul > li.default span {background:none;}
.cate-main .cate-path > ul > li.default:hover {background:none; cursor:default; text-decoration:none; color:#777;}
.cate-main .cate-path > ul > li.default:hover span {background:none; cursor:default; text-decoration:none; color:#777;}

.cate-main .cate-path .sub-ctg {display:none; position:absolute; left:0px; top: 15px; border:1px solid #000; background-color:#fff; z-index:99;}
.cate-main .cate-path .sub-ctg ul {width:160px; margin-left:10px; margin-top:10px; margin-bottom:6px;}
.cate-main .cate-path .sub-ctg ul li { margin-bottom:5px; padding-left:6px; color:#777; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/layer_dot.gif') no-repeat left center;}
.cate-main .cate-path .sub-ctg ul li a {color:#777;}
.cate-main .cate-path .sub-ctg ul li:hover, .cate-main .cate-path .sub-ctg ul li:hover a {color:#000;text-decoration:underline; }

.title-box {position:relative; margin-top:0px; margin-bottom:10px; height:51px; border:0px; overflow:hidden;
                       background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/dot.gif') repeat-x; }
.title-box.noline {background:none; height:41px;}
.title-box .title {width:192px; margin-left:0px; margin-top:40px; margin-bottom:0px;}
.title-box .title.noline {margin-top:30px;}
.title-box .btn-more {position:absolute; right:0px; bottom:0px; width:42px; height:9px; cursor:pointer;
                                 background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_more.gif') no-repeat 0 0; }
.title-box .btn-more:hover {background-position-y:-9px;}


/* 4.브랜드 메인 */
.brand-main {clear:both;}
.brand-main .main-banner-wrap {border:1px solid #ccc; background-color:#d3d3d3;}
.brand-main .main-banner-wrap:after {content:''; display:block; clear:both;}
.brand-main .left-menu {float:left; position:relative; width:163px; height:459px; padding:33px 20px 18px 20px; background-color:#fff;}
.brand-main .left-menu ul.category { margin-top:16px; }
.brand-main .left-menu ul.category li {position:relative; width:135px; height:20px; border:1px solid #ccc; margin-top:-1px;
                                        color:#777;  font-size: 11px; letter-spacing:1px; padding-top:7px; padding-left:12px; padding-right:12px; 
                                        }
.brand-main .left-menu ul.category li a {color:#777;}
.brand-main .left-menu ul.category li img {margin-top:-11px;}
.brand-main .left-menu ul.category li:hover { color:#000;}
.brand-main .left-menu ul.category li:hover a {color:#000;}
.brand-main .left-menu ul.category li:hover img {margin-top:-22px;}
.brand-main .left-menu ul.category li.sel { background-color:#000; border:1px solid #000;}
.brand-main .left-menu ul.category li.sel a {color:#fff;}
.brand-main .left-menu ul.category li.sel img {margin-top:0px;}
.brand-main .left-menu ul.category li .icon-arrow {position:absolute; right:10px; top:8px; width:7px; height:11px; overflow:hidden; }  

.brand-main .left-menu .story-title {margin-top:28px;}
.brand-main .left-menu .story-desc {margin-top:10px; height:180px; overflow:auto;}
.brand-main .left-menu .dot-line {margin-top:28px; height:1px; position:relative;}
.brand-main .left-menu .vod-link {margin-top:15px; color:#777;}
.brand-main .left-menu .vod-link span {cursor:pointer;}
.brand-main .left-menu .vod-link a:hover {color:#000;}
.brand-main .left-menu .vod-link:hover img {margin-top:-12px;}


.brand-main .slide-banner {float:right; position:relative; width:734px; height:510px; overflow:hidden; }
.brand-main .slide-banner .banner-wrap {position:relative;}
.brand-main .slide-banner .banner-wrap ul.slide-list {position:absolute; left:0; top:0;}
.brand-main .slide-banner .banner-wrap ul.slide-list li {float:left; background-color:#000;}

.brand-main .slide-banner .bt-nav {position:absolute; left:0; top:50%; z-index:10; width:734px; margin-top:-18px;}
.brand-main .slide-banner .bt-nav a {display:block; width:36px; height:36px; overflow:hidden;}
.brand-main .slide-banner .bt-nav a.over img {margin-top:-36px;}
.brand-main .slide-banner .bt-nav a.prev {float:left; cursor:pointer;}
.brand-main .slide-banner .bt-nav a.next {float:right; cursor:pointer;}

.brand-main .slide-banner .roll-bx {position:absolute; left:0; bottom:-44px; width:734px; height:44px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/main/bg_bt_lx.png') repeat-x;}
.brand-main .slide-banner ul.bt-roll {width:64px; margin:0 auto; margin-top:14px;}
.brand-main .slide-banner ul.bt-roll li {float:left; width:22px; height:14px; overflow:hidden;}
.brand-main .slide-banner ul.bt-roll li.sel img {margin-top:-14px;}

.brand-main .slide-banner2 {position:relative; width:940px; height:150px; overflow:hidden; }
.brand-main .slide-banner2 .banner-wrap {position:relative;}
.brand-main .slide-banner2 .banner-wrap ul.slide-list {position:absolute; left:0; top:0;}
.brand-main .slide-banner2 .banner-wrap ul.slide-list li {float:left; background-color:#000;}

.brand-main .slide-banner2 .bt-nav {position:absolute; left:0; top:50%; z-index:10; width:940px; margin-top:-18px;}
.brand-main .slide-banner2 .bt-nav a {display:block; width:36px; height:36px; overflow:hidden;}
.brand-main .slide-banner2 .bt-nav a.over img {margin-top:-36px;}
.brand-main .slide-banner2 .bt-nav a.prev {float:left; cursor:pointer;}
.brand-main .slide-banner2 .bt-nav a.next {float:right; cursor:pointer;}

.brand-main .slide-banner2 .roll-bx {position:absolute; left:0; bottom:-44px; width:940px; height:44px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/main/bg_bt_lx.png') repeat-x;}
.brand-main .slide-banner2 ul.bt-roll {width:64px; margin:0 auto; margin-top:14px;}
.brand-main .slide-banner2 ul.bt-roll li {float:left; width:22px; height:14px; overflow:hidden;}
.brand-main .slide-banner2 ul.bt-roll li.sel img {margin-top:-14px;}

.brand-main .text-banner {position:relative; margin-top:10px; padding:25px 21px 12px 21px; border:1px solid #ccc; background-color:#fff;}
.brand-main .text-banner .info1 { font-size:25px; color:#000;}
.brand-main .text-banner .info2 { font-size: 13px; color:#000; margin-top:8px;}
.brand-main .text-banner .dot-line {margin-top:20px; height:1px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/event_dot.gif') repeat-x;}
.brand-main .text-banner .vod-link {margin-top:15px; color:#777;}
.brand-main .text-banner .vod-link span {cursor:pointer;}

.brand-main .t-event-title {clear:both; margin-top:31px;}
.brand-main .t-event-box {position:relative; margin-top:10px; height:48px; padding:0px 30px 17px 21px; border:1px solid #ccc; background-color:#fff; overflow:hidden; *padding-bottom:14px;}
.brand-main .t-event-box .btn-more {position:absolute; right:-1px; bottom:-1px; width:19px; height:19px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_more01.gif') no-repeat 0 0;
                                    }
.brand-main .t-event-box .btn-close:hover {background-position-y:-19px;}
.brand-main .t-event-box .btn-close {position:absolute; right:-1px; bottom:-1px; width:19px; height:19px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_close01.gif') no-repeat 0 0;
                                    }
.brand-main .t-event-box .btn-more:hover {background-position-y:-19px;}
.brand-main .t-event-box ul {background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/event_dot.gif') repeat-x;}
.brand-main .t-event-box ul:first-child {background:none;}
.brand-main .t-event-box ul:after {content:''; display:block; clear:both;}
.brand-main .t-event-box ul li {float:left; width:192px; margin-left:37px; margin-top:17px; margin-bottom:14px;}
.brand-main .t-event-box ul li:first-child {margin-left:0px;}
.brand-main .t-event-box ul li .title {font-size: 13px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
                                        padding-left:6px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/promotion/card/bl_sq.jpg') no-repeat left center;
                                        }
.brand-main .t-event-box ul li .desc {font-size: 12px; color:#777; margin-top:7px; padding-left:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


 .brand-main .detail_info {width: 199px; position:relative;}
.brand-main .scrll_area {height:290px; overflow:hidden; padding-right:10px; margin-top:1px; position:relative; margin-left:0px; margin-bottom:18px;}
.brand-main button {    border: 0px currentColor; overflow: visible; cursor: pointer; background-color: transparent;}
.brand-main .brand_area {    clear: both; margin-top:10px;}
.brand-main .detail_info {    background: rgb(255, 255, 255); width: 162px; margin-right: 1px; float: left; position: relative;}

.brand-main .detail_info .scrll_area { margin: 1px 0px 0px; height: 181px; overflow: hidden; padding-right: 10px; position: relative;}
.brand-main .scrll_area .cnt_wrap { height: 100%; overflow: hidden;}
.brand-main .scrll_area .scrll_bar { top: 0px; width: 4px; right: 0px; bottom: 0px; line-height: 0; font-size: 0px; position: absolute;}
.brand-main .scrll_area .scrll_bar .bar {
    background: rgb(204, 206, 208); left: 0px; top: 0px; width: 4px; height: 57px; text-indent: -999em; 
    overflow: hidden; margin-top: 0px; vertical-align: top; display: inline-block; position: relative; z-index: 10;
}
.brand-main .scrll_area .scrll_bar .bar:hover {    background: rgb(3, 3, 3); outline:none; select-dummy: expression(this.hideFocus=true);}
.brand-main .scrll_area .scrll_bar .bar:active {    background: rgb(3, 3, 3); outline:none; select-dummy: expression(this.hideFocus=true);}

.brand-main .detail_info .btnarea {    top: 19px; right: 15px; position: absolute;}
.brand-main .detail_info h3 + p {    margin: 0px 5px 25px; color: rgb(93, 103, 110); line-height: 18px;}

.brand-main .detail_inner { margin-top: -1px; border-top-color: rgb(236, 238, 242); }
.brand-main .detail_inner strong {    margin: 25px 0px 16px; width: 95px; height: 10px;}
.brand-main .detail_inner p {    color: rgb(93, 103, 110); line-height: 18px; }
.brand-main .detail_inner .inner {    padding: 18px 51px 0px 12px; border: 3px solid rgb(177, 170, 162); width: 130px; height: 34px; position: relative;}
  
  

/* 5.VOD 기획전 */
.vod-wrap {width:940px; background-color:#fff; padding-bottom:75px;}
.vod-wrap .vod-cont {width:940px; padding-top:75px;}
.vod-wrap .vod-cont:first-child {padding-top:55px;}
.vod-wrap .vod-cont .tab {position:relative; width:880px; margin-top:39px; margin-left:30px;}
.vod-wrap .vod-cont .tab ul {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/tab_bg.gif') repeat-x;}
.vod-wrap .vod-cont .tab ul:after {content:''; display:block; clear:both;}
.vod-wrap .vod-cont .tab ul li {width:130px; height:32px; float:left; cursor:pointer;}
.vod-wrap .vod-cont .tab ul li.mem {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/men_off.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li.women {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/women_off.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li.acc {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/acc_off.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li.golf {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/golf_off.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li.equip {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/equip_off.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li.mem.sel {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/men_on.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li.women.sel {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/women_on.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li.acc.sel {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/acc_on.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li.golf.sel {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/golf_on.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li.equip.sel {background:url('//img.lfmall.co.kr/file/WAS/display/Planning/23992/equip_on.jpg') no-repeat;}
.vod-wrap .vod-cont .tab ul li:first-child.women {border-left:1px solid #bdbdbd;}

.vod-wrap .vod-cont .cont { position:relative; margin-top:24px; margin-left:30px;}
.vod-wrap .vod-cont .cont:after {content:''; display:block; clear:both; }
.vod-wrap .vod-cont .cont .video {float:left; width:520px;}
.vod-wrap .vod-cont .cont .prod-list {float:left; width:360px; height:312px; overflow-y:auto;}
.vod-wrap .vod-cont .cont .prod-list ul li{float:left; width:120px; height:143px; margin-left:45px; margin-bottom:13px;}
.vod-wrap .vod-cont .cont .prod-list ul li img{width:80px; height:80px;}
.vod-wrap .vod-cont .cont .prod-list ul li .pic {margin-left:20px;}
.vod-wrap .vod-cont .cont .prod-list ul li .brand {color:#353535; font-size: 12px; line-height:14px;  width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:11px;}
.vod-wrap .vod-cont .cont .prod-list ul li .name {color:#929292; font-size: 12px; line-height:14px;  width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.vod-wrap .vod-cont .cont .prod-list ul li .benefit {color:#353535; font-size: 13px; line-height:16px;  font-weight:bold; margin-top:3px;}
.vod-wrap .vod-cont .cont .prod-list ul li .price {color:#929292; font-size: 12px; line-height:16px;  margin-left:5px;}


/* 6.roulette */
.roulette { width:940px; height:1205px; position:relative; background:url(//img.lfmall.co.kr/file/WAS/display/Planning/24002_ver02/24002_ver02.jpg) no-repeat;            }
.board {position:relative; left:131px; top: 455px; z-index:10;}
.needle {position:absolute; left:444px; top:437px; z-index:20;}
.start_btn {position:absolute; left:373px; top:695px; z-index:20; cursor: pointer;}
.result {position:absolute; left:311px; top: 635px; z-index:30; width:317px; height:318px; display:none; background:url(//img.lfmall.co.kr/file/WAS/display/Planning/24002_ver02/popup02.png) no-repeat;}
.result .msg {margin-top:130px; text-align:center;  font-size: 13px; color:#fbfd36;}
.btn-area {margin-top:50px; height:27px; position:relative;}
.btn-area .confirm {width:60px; height:28px; margin-left:127px; float:left; cursor:pointer;}


/* 7.기획전메인 */
.plan-main {  position:relative;}
.plan-main ul.tab1 {width:100%; height:29px; margin-top:14px; border-bottom:1px solid #000; z-index:10; *zoom:1;}
.plan-main ul.tab1:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.plan-main ul.tab1 li {float:left; border:1px solid #ccc; color:#777; border-bottom:0; height:21px; background-color:#f4f4f4; margin-left:-1px;
                        font-size: 11px; text-align:center; letter-spacing:1px; padding: 7px 13px 0px 13px; cursor:pointer; z-index:11;}
.plan-main ul.tab1 li.sel {position:relative; height:22px; color:#000; background-color:#f4f4f4; border:1px solid #000; border-bottom:0; z-index:12;}
.plan-main ul.tab1 li.outlet {font-weight:bold; color:#a46d41;}
.plan-main ul.tab1 li span {font-size: 10px; color:#777;}

.plan-main .t-event-box {position:relative; margin-top:25px; bottom:0px; height:48px; padding:0px 30px 17px 21px; border:1px solid #ccc; background-color:#fff; overflow:hidden; *padding-bottom:14px;}
.plan-main .t-event-box .btn-more {position:absolute; right:-1px; bottom:-1px; width:19px; height:19px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_more01.gif') no-repeat 0 0;
                                    }
.plan-main .t-event-box .btn-close:hover {background-position-y:-19px;}
.plan-main .t-event-box .btn-close {position:absolute; right:-1px; bottom:-1px; width:19px; height:19px; cursor:pointer;
                                    background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/btn_close01.gif') no-repeat 0 0;
                                    }
.plan-main .t-event-box .btn-more:hover {background-position-y:-19px;}
.plan-main .t-event-box ul {*height:65px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/event_dot.gif') repeat-x;}
.plan-main .t-event-box ul:first-child {background:none;}
.plan-main .t-event-box ul:after {content:''; display:block; clear:both;}
.plan-main .t-event-box ul li {float:left; width:192px; margin-left:37px; margin-top:19px; margin-bottom:19px;}
.plan-main .t-event-box ul li:first-child {margin-left:0px;}
.plan-main .t-event-box ul li .title {font-size: 13px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
                                      padding-left:6px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/sub2014/textevent_dot.gif') no-repeat left center;
                                      }
.plan-main .t-event-box ul li .title:hover {text-decoration:underline;}
.plan-main .t-event-box ul li .title a {color:#000;}
.plan-main .t-event-box ul li .desc {font-size: 12px; color:#777; margin-top:7px; padding-left:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.plan-main ul.tab2 {float:right; margin-top:28px; margin-bottom:10px;}
.plan-main ul.tab2:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.plan-main ul.tab2 li {float:left; margin-right:7px; padding-right:9px; background:url('//img.lfmall.co.kr/file/WAS/apps/2013/image/frontoffice/common/bg_keyword_bar.gif') no-repeat right 1px; line-height:1;}
.plan-main ul.tab2 li a {font-size: 12px; color:#999;}
.plan-main ul.tab2 li a.sel {color:#666; font-weight:bold;}

.plan-main .banner {clear:both; position:relative;}
.plan-main .banner ul.list { }
.plan-main .banner ul.list:after {content:''; display:block; clear:both;}
.plan-main .banner ul.list li { float:left; width:220px; height:352px; margin-right:20px; margin-bottom:40px; position:relative;}
.plan-main .banner ul.list li a {display:block; width:220px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 2013-07-25 수정 */
.plan-main .banner ul.list li p.title {margin-top:10px; text-decoration:underline;}
.plan-main .banner ul.list li p.comment {margin-top:17px; color:#666; line-height:16px;}
.plan-main .banner ul.list li p.date {margin-top:5px; font-size: 12px; color:#999;}
.plan-main .banner ul.list li .out-line {position:absolute; left:0px; top:0px; width:218px; height:308px;  border:1px solid #ccc;}