@charset "utf-8";

ul.projectTab {width:100%;background:#fff;}
ul.projectTab:after { content:"";display:block;clear:both;height:0;}
ul.projectTab li {float:left;width:50%;height:40px;}
ul.projectTab li:last-child { background:url(/images/mobile/support/project/bg_tab_line.gif) no-repeat left center;background-size:1px 14px;}
ul.projectTab li.on { position:relative;}
ul.projectTab li.on:after { content:"";display:block;position:absolute;left:50%;bottom:-1px;width:13px;height:7px;margin-left:-6px;background:url(/images/mobile/support/project/bg_tabup.gif) no-repeat center bottom;background-size:13px 7px;z-index:10;}
ul.projectTab li.on a{ color:#333;}
ul.projectTab li a {display:block;height:100%;font-weight:bold;font-size:14px;line-height:40px;text-align:center;color:#999999;}

div.prdBox {position:relative;border-top:1px solid #c1c1c1;background-color:#f8f8f8;}
div.prdBox img {width:100%;vertical-align:middle;}
div.prdBox strong {display:block;padding:10px 10px 0 10px;color:#000;font-size:18px;}
div.prdBox span {display:block;padding:10px 80px 10px 10px;color:#000;font-size:15px;}
div.prdBox strong + span {padding-top:5px;}
div.prdBox a.btnWinner {display:block;position:absolute;right:10px;bottom:10px;padding:5px 6px;color:#333;font-size:11px;border:1px solid #c4c4c4;border-radius:5px;background:linear-gradient(#fefefe,#f5f5f5);}
div.prdBox + div.orderBtn {padding:0;border-top:2px solid #c1c1c1;}
div.prdBox + div.orderBtn a {margin-top:0;width:auto;border:0;}

.plan_wrap .visual_slide li a {display:block;}
.plan_wrap .visual_slide li a img {width:100%;}	
.plan_wrap ul.projectTab {margin-bottom:5px;}
.plan_wrap ul.projectTab li {height:42px;box-sizing:border-box;border-top:1px solid #e5e5e5;border-bottom:1px solid #f82a2a;}
.plan_wrap ul.projectTab li a {font-size:13px;letter-spacing:-1px;background:#f8f8f8;color:#666;}
.plan_wrap ul.projectTab li.on:after {display:none;}
.plan_wrap ul.projectTab li.on {border-top:1px solid #f82a2a;border-bottom-color:#fff;}
.plan_wrap ul.projectTab li + li {border-left:1px solid #f82a2a;}
.plan_wrap ul.projectTab li.on a {background:#fff;color:#f82a2a;}
.plan_wrap ul.projectTab li:last-child {background:none;}
.plan_wrap div.prdBox {border:none;background:#ececec;}
.plan_wrap div.prdBox + div.prdBox {padding-top:10px;border-top:1px solid #dcdcdc;}
.plan_wrap div.plan_search + div.prdBox {padding-top:10px;border-top:1px solid #dcdcdc;}
.plan_wrap div.prdBox img {border-top:1px solid #dcdcdc;}
.plan_wrap div.prdBox span {display:block;height:40px;line-height:40px;padding:0 11px;font-size:13px;letter-spacing:-1px;color:#333;background:#fff;}
.plan_wrap div.prdBox span.badge {top:0;right:4.7%;left:auto;bottom:auto;display:block;width:40px;}
.plan_wrap div.prdBox span.badge img {width:100%;}
.plan_wrap div.prdBox span > em {display:inline-block;position:relative;margin-right:7px;padding-right:7px;}
.plan_wrap div.prdBox span > em:after {content:'';display:block;width:1px;height:8px;position:absolute;top:50%;right:0;margin-top:-4px;background:#c9c9c9;}
.plan_wrap div.prdBox span > em.viewnum{margin-left:10px;padding-left:5px;padding-right:0;margin-right:5px;}
.plan_wrap div.prdBox span > em.viewnum:before{content:'';display:inline-block;width:1px;height:8px;position:absolute;top:50%;left:0;margin-top:-4px;background:#222;}
.plan_wrap div.prdBox span > em.viewnum:after{background:#fff;}
.plan_wrap div.prdBox span.blind {font-size: 1px !important;}

.plan_wrap div.prdBox a.btnWinner {height:23px;line-height:23px;right:11px;padding:0 10px;bottom:7px;background:none;font-size:12px;color:#666;}
.plan_wrap div.orderBtn {border-top:1px solid #d8d8d8;}
.plan_wrap div.orderBtn a {border-bottom:none;background:#fff;font-size:14px;color:#333;}
.plan_wrap div.orderBtn a span {padding-right:19px;background:url('/common/mobile/olleh2.0/img/bg/bg-comment-arrow03.png') right center no-repeat;background-size:9px 5px;font-weight:normal;}
.plan_wrap div.orderBtn a span em {font-weight:bold;color:#f82a2a;}
.plan_wrap div.prdBox + div.orderBtn {padding:10px 10px;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;}
.plan_wrap .plan_search {text-align:right;border-top:1px solid #dcdcdc;padding:3px 0;}
.plan_wrap .plan_search select {width:90px;margin-right:5px;border:none;font-size:13px;letter-spacing:-1px;color:#000;}

/* 기획전 메인 UI 개선 */
div.prdBox a:first-child{display:block;position:relative;}
div.prdBox .plan_close{position:absolute;top:0;left:0;width:16.25vw;height:auto;}

/*테마관*/
.plan_theme_wrap .top_banner img{width:100%;}
.plan_theme_wrap .theme_list{margin:12px 20px 32px;font-size:0;}
.plan_theme_wrap .theme_list li{position:relative;display:inline-block;width:calc(50% - 5px);margin:20px 0 0 10px;vertical-align:top;}
.plan_theme_wrap .theme_list li:first-child , .plan_theme_wrap .theme_list li:nth-child(2n+1){margin-left:0;}
.plan_theme_wrap .theme_list li a{display:block;}
.plan_theme_wrap .theme_list li img{width:100%;}
.plan_theme_wrap .theme_list li .txt{position:absolute;left:7%;bottom:8%;padding-right:7%;word-break:keep-all;}

.plan_theme_wrap .theme_list li strong{display:block;font-size:4.80vw;line-height:5.33vw;color:#fff;}
.plan_theme_wrap .theme_list li p{padding-top:0.93vw;font-size:2.9vw;line-height:4.80vw;color:#fff;}

/*414
.plan_theme_wrap .theme_list li strong{display:block;font-size:18px;line-height:20px;color:#fff;}
.plan_theme_wrap .theme_list li p{padding-top:4px;font-size:12px;line-height:18px;color:#fff;}
*/