@charset "utf-8";
/* @import url(0.detail.css); */

ul.tabMenu {display:table;padding-top:10px;margin-bottom:15px;width:100%;border-top:1px solid #adadad;overflow:hidden;}
ul.tabMenu li {display:table-cell;width:50%;height:40px;border-top:1px solid #adadad;border-bottom:1px solid #adadad;background-color:#e7e7e7;}
ul.tabMenu li:last-child {border-left:1px solid #adadad}
ul.tabMenu li.on {border-top:1px solid #fff;border-bottom:1px solid #fff;background-color:#FFF;}
ul.tabMenu li a {display:block;height:100%;font-weight:bold;font-size:14px;line-height:40px;text-align:center;}

div.detailPage {margin-bottom:5px;border-top:1px solid #979797;}
div.detailPage div {display:none;padding:12px;border-bottom:1px solid #979797;background-color:#eaeaea;}
div.detailPage li {padding:0 0 3px 10px;font-size:12px;background:url(../../../images/mobile/common/bul_rect.gif) no-repeat 3px 7px;background-size:2px 2px;}
div.detailPage a {display:block;padding-left:15px;font-size:15px;color:#333;line-height:44px;border-bottom:1px solid #979797;background:#eaeaea url(../../../images/mobile/detail/bg_arrow_open01.png) no-repeat right center;background-size:31px 8px;}
div.detailPage a.on {background-image:url(../../../images/mobile/detail/bg_arrow_close01.png);}

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.halfShopWrap {background-color:#F9F9F9;}
div.halfShopWrap > img {width:100%;}
div.setBox {padding:0px 0px 17px;border-top:2px solid #E0200C;border-bottom:2px solid #AAA;overflow:hidden;}
div.setBox > strong {display:block;position:relative;margin-bottom:10px;padding:14px;color:#3C3C3C;font-size:17px;font-weight:bold;text-align:center;border-bottom:1px solid #AAA;}
div.setBox > img {display:block;margin:0 auto;width:80%;}
div.setBox > p {margin:10px 9px 0px;font-size:12px;line-height:18px;}
div.setBox span.redBox {display:inline-block;padding:1px 6px 2px;color:#FFF;font-size:12px;font-weight:bold;line-height:18px;background-color:#EC474A;}
div.setSlideW {position:relative;margin:20px 10px 10px;border:1px solid #E0200C;background-color:#FFF;}
div.setSlideW:before, div.setSlideW:after {display:block;position:absolute;content:"";height:0;width:0;border:medium solid transparent;}
div.setSlideW:before {left:70%;top:-22px;border-color:rgba(224, 32, 12, 0) rgba(224, 32, 12, 0) #E0200C;border-width:11px;}
div.setSlideW:after {left:70.2%;top:-18px;border-color:rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff !important;border-width:9px !important;}
div.setSlideW > a {display:none;position:absolute;top:50%;margin-top:-10px;width:10px;height:20px;background:no-repeat 0 0;background-size:10px 19px;z-index:2;}
div.setSlideW > a.btnPrev {left:5px;background-image:url(../../../images/mobile/common/btn_prev.png);}
div.setSlideW > a.btnNext {right:5px;background-image:url(../../../images/mobile/common/btn_next.png);}
div.setSlideC {padding:10px 0;width:100%;text-align:center;-webkit-transform:translate3d(0px, 0px, 0px);overflow:hidden;}
div.setSlideC:after {display:block;content:"";clear:both;}
div.setSlideC > div {float:left;padding:10px 0;}
div.setSlideC > div > span {display:block;padding-bottom:7px;color:#000;font-size:14px;}
div.setSlideC > div > span strong {color:#000;}
div.setSlideC > div > em {display:block;padding-bottom:7px;color:#333;font-size:13px;}
div.setSlideC > div > div {position:relative;padding-bottom:10px;text-align:left;overflow:hidden;}
div.setSlideC > div > div img {float:left;margin-left:15%;width:30%;min-width:100px;}
div.setSlideC > div > div p {padding:3% 0 0 52%;}
div.setSlideC > div > div p > del {display:block;color:#000;font-size:11px;}
div.setSlideC > div > div p > span,
div.setSlideC > div > div p > em,
div.setSlideC > div > div p > strong {display:block;color:#000;font-size:19px;}
div.setSlideC > div > div p > em {font-weight:bold;}
div.setSlideC > div > div.btnWrap {padding:0 0 10px;text-align:center;background:none;}
div.setSlideC div.btnWrap a.btnDetail {padding:0;min-width:25px !important;height:25px;border:1px solid #FFF;vertical-align:middle;background:url(../../../images/mobile/detail/btn_detailView.png) no-repeat scroll 0px 0px;background-size:100% 100%;}

/* 당첨자 발표 */
ul.winnerMenu {border-bottom:1px solid #c2c2c2;}
ul.winnerMenu:after {content:"";display:block;clear:both;}
ul.winnerMenu li {float:left;width:20%;height:35px;}
ul.winnerMenu li:first-child {background:none;}
ul.winnerMenu li a {display:block;color:#999;font-size:13px;line-height:35px;text-align:center;}
ul.winnerMenu li.on a {position:relative;color:#3b3b3b;}
ul.winnerMenu li.on a:after {display:inline-block;content:"";position:absolute;bottom:-1px;left:50%;margin-left:-4px;width:8px;height:5px;background:url(../../../images/mobile/support/project/winner/arr_tab.png) no-repeat 0 0;background-size:8px auto;}
ul.winnerList li {border-bottom:1px solid #c1c1c1;}
ul.winnerList li a {display:block;padding:6px 30px 7px 20px;background:url(../../../images/mobile/support/project/winner/arr_gray.png) no-repeat right center;background-size:28px auto;}
ul.winnerList li .event_tit {display:block;color:#333;font-size:14px; white-space:nowrap; text-overflow:ellipsis;-o-text-overow: ellipsis; overflow:hidden; }
ul.winnerList li .ico_new {margin-left:10px;width:31px;height:11px;vertical-align:baseline;}
ul.winnerList li .event_date {display:block;color:#787878;font-size:12px;}
div.winnerDetail {padding:16px 20px;}
div.winnerDetail ul.info {margin-bottom:23px;}
div.winnerDetail ul.info li {display:table;margin-top:7px;padding-left:7px;width:100%;color:#505050;font-size:13px;background:url(../../../images/mobile/support/project/winner/bul_dot.png) no-repeat 0 7px; background-size:2px auto;}
div.winnerDetail ul.info li:first-child {margin-top:0;}
div.winnerDetail ul.info li .tit {display:table-cell;width:65px;text-align:left;}
div.winnerDetail ul.info li .txt {display:table-cell;width:auto;text-align:left;}
div.winnerDetail .cont {font-size:12px; color:#333;}
ul.winnerList + a.btnMore {display:block;height:35px;color:#666;line-height:35px;text-align:center;background:#f6f6f6;}
ul.winnerList + a.btnMore span {display:inline-block;padding-right:16px;color:#666;font-size:14px;font-weight:bold;vertical-align:top;background:url(../../../images/mobile/support/project/winner/arr_gray02.png) no-repeat right center;background-size:11px auto;}

/* 기획전-당첨자발표-리스트 */
.winner_wrap ul.winnerMenu {margin-top:-1px; border:none;}
.winner_wrap ul.winnerMenu li {width:25%;height:auto;}
.winner_wrap ul.winnerMenu li + li a {border-left:1px solid #e5e5e5;}
.winner_wrap ul.winnerMenu li.on a {padding-top:12px; background:#fff; border:1px solid #f82a2a; border-bottom-color:#fff; color:#f82a2a;}
.winner_wrap ul.winnerMenu li.on a:after {display:none;}
.winner_wrap ul.winnerMenu li:first-child.on a {border-left:none;}
.winner_wrap ul.winnerMenu li:last-child.on a {border-right:none;}
.winner_wrap ul.winnerMenu li a {display:block; padding:13px 0;  line-height:16px; border-bottom:1px solid #f82a2a; background:#f8f8f8; font-size:13px; letter-spacing:-1px; color:#666;}
.winner_wrap ul.winnerList li {border-bottom:1px solid #e5e5e5;}
.winner_wrap ul.winnerList li a {padding:12px 11px 15px; background:url('../img/bg/bg_link_arrow.png') 97% center no-repeat; background-size:5px 9px;}
.winner_wrap ul.winnerList li .event_tit {margin-bottom:3px; font-size:15px; letter-spacing:-1px; color:#000;}
.winner_wrap ul.winnerList li .event_period {display:block; margin-bottom:4px; font-size:12px; letter-spacing:-1px; color:#666;}
.winner_wrap ul.winnerList li .event_period span {display:inline-block; width:40px; margin-right:7px; background:url('../img/bg/bg_plan_bar.png') right 4px no-repeat; background-size:1px 8px;}
.winner_wrap ul.winnerList li .event_date {font-size:12px; letter-spacing:-1px; color:#666;}
.winner_wrap ul.winnerList li .event_date span {display:inline-block; width:40px; margin-right:7px; background:url('../img/bg/bg_plan_bar.png') right 4px no-repeat; background-size:1px 8px;}

/* 기획전-당첨자발표-상세 */
div.winnerDetail.winner_wrap {padding:10px 11px;}
div.winnerDetail.winner_wrap .info {box-sizing:border-box; margin-bottom:0; margin-right:100px; padding-bottom:15px;}
div.winnerDetail.winner_wrap .info li {background:none; padding-left:0;}
div.winnerDetail.winner_wrap .info .event_tit {margin-bottom:15px; font-size:15px; letter-spacing:-1px; color:#000;}
div.winnerDetail.winner_wrap .info .event_tit .tit {display:none;}
div.winnerDetail.winner_wrap .cont {padding-top:20px;border-top:1px solid #e5e5e5;}
div.winnerDetail.winner_wrap .cont img {width:100%}
div.winnerDetail.winner_wrap .winnerBox {margin:0;}
div.winnerDetail.winner_wrap .winnerBox dd {height:104px; overflow:auto; padding:6px 15px; border:1px solid #e5e5e5; box-sizing:border-box;}
div.winnerDetail.winner_wrap .winnerBox dd ul {overflow:hidden;}
div.winnerDetail.winner_wrap .winnerBox dd li {float:left; width:33.33%; line-height:24px;font-size:13px;color:#555;}

.evtPlan { padding-bottom:20px; background:#ececec; }
.evtPlan .evtInfo { padding:10px; background:#f7f7f7; border-bottom:2px solid #fff; }
.evtPlan .evtInfo p:last-child { margin-top:7px; }
.evtPlan .evtInfo p { color:#333333; font-size:14px; }
.evtPlan .evtGuide {border-top:1px solid #cecece; border-bottom:1px solid #cecece; }
.evtPlan .evtGuide img {vertical-align:top; width:100%; }
.evtDetail { margin:5px 10px 0; padding:15px 0; }
.evtDetail .evtTitle { font-size:18px; font-weight:bold; color:#333; }
.evtDetail .prodTypeBtn { width:100%; overflow:hidden; }
.evtDetail .prodTypeBtn a { display:block; float:left; width:25%; text-align:center; font-size:18px; font-weight:bold; color:#999999; background:url(../../../images/mobile/common/bar_filter.gif) no-repeat right 0/1px 100%; }
.evtDetail .prodTypeBtn a.on { color:#333; }
.evtDetail .prodTypeBtn a:last-child { background:none; }
.evtDetail .evtProd {  margin-top:15px; background:#fff; box-shadow:5px 5px 5px #d5d5d5;}
.evtDetail .evtProd .evtList li { width:100%; padding:20px 0; overflow:hidden; background:url(../../../images/mobile/support/project/bg_prod_bar2.gif) no-repeat center bottom/95% 1px; }
.evtDetail .evtProd .evtList li:last-child { background:none; }
.evtDetail .evtProd dl { float:left; width:50%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.evtDetail .evtProd dl:last-child { padding-left:1px; background:url(../../../images/mobile/support/project/bg_prod_bar.gif) no-repeat left 0/1px 100%; }
.evtDetail .evtProd dl dt { text-align:center; font-size:16px; font-weight:bold; color:#333; }
.evtDetail .evtProd dl dd { text-align:center; }
.evtDetail .evtProd dl dd .prodImg img { width:100%; }
.evtDetail .evtProd dl dd p { margin-top:10px; }
.evtDetail .evtProd .btnOrder { display:inline-block; width:80%; vertical-align:middle; padding:10px; border-radius:5px; background:#ed2323; font-weight:bold; color:#fff; font-size:18px; border:1px solid #be211b; }
.evtPlan .referMsg { margin:5px 20px 0; }
.referMsg { width:100%; overflow:hidden; color:#666; }
.referMsg span { float:left; margin-right:5px; }
.referMsg span:last-child { margin-right:0; }
.evtProgress .evtDetailInfo { margin-top:20px; padding:0 10px; border-top:1px solid #979797; }
.evtProgress .evtDetailInfo > li { background: url("../../../images/mobile/detail/bullet_arrow02.png") no-repeat 0 12px / 4px 8px; font-size: 14px; letter-spacing: -1px; padding-left: 10px; }
.evtProgress .evtDetailInfo > li strong { color: #6d6d6d;display: block;font-size: 14px;font-weight: bold;padding: 10px 0 5px; }
.evtProgress .evtDetailInfo > li .referMsg { font-size:12px; }
.warnBox { margin: 0 10px 10px;padding: 15px;border: 1px solid #bdbcbd;background-color: #f2f2f2; }
.warnBox .title { font-size: 14px;font-weight: bold;color: #333; }
.warnBox .warnBody { padding: 5px 0 0 0;font-size: 12px; }
.warnBox .bulTxt { position:relative; padding-left:15px; color:#333; }
.warnBox .bulTxt:before { content:"※"; position:absolute; left:0; top:0; }
.warnBox .warnList > li { margin-top:5px; font-size:12px; }
.warnBox .warnList > li .fRed { color:#e40009; }

.evtProgress.userInput { padding:0 10px; }
.evtProgress .referTopMsg { position:relative; padding-left:15px; }
.evtProgress .referTopMsg:before { content:"※"; position:absolute; left:0; top:0; }
.evtProgress .infoInputC { margin-top:10px; }
.evtProgress div.infoInputC {position:relative;margin-bottom:10px;padding:15px 10px;border:1px solid #BDBCBD;border-radius:5px;background-color:#F5F5F5;background:linear-gradient(#fff,#F5F5F5);}
div.infoInputC select, div.infoInputC input[type="email"],
div.infoInputC input[type="text"] {margin-bottom:10px;width:99.8%;height:29px;color:#3D3D3D;text-indent:5px;vertical-align:middle;border:1px solid #D7D7D7;background-color:#fff;}
div.infoInputC textarea {width:100%;height:39px;color:#3D3D3D;text-indent:5px;border:1px solid #D7D7D7;background-color:#fff;}
div.infoInputC p {margin-bottom:20px;font-size:14px;}
div.infoInputC p.phone {text-align:right;overflow:hidden;}
div.infoInputC p.phone select,
div.infoInputC p.phone input[type="text"] {width:31%;margin:0 0 0 1%;text-align:center;}
div.infoInputC p.phone input[type="text"]:first-child,
div.infoInputC p.phone select:first-child {float:left;margin-left:0;text-align:left;}

.infoInputC .conTit { font-weight:bold; margin-bottom:10px; color:#333; }
.infoInputC .notiMsg { position:relative; padding-left:8px; margin-bottom:8px; }
.infoInputC .notiMsg:before { content:"*"; position:absolute; left:0; top:0; }
.evtProgress .infoInputC .btnGray1 { width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }

.evtProgress .evtTit { padding:0 10px 10px; border-bottom:1px solid #979797; color:#333; }
.evtProgress div.agreeList ul { padding-top:5px; }
.evtProgress div.agreeList ul li:first-child { margin-top:0; }
.evtProgress div.agreeList ul li {position: relative;margin-top: 10px;color: #3D3D3D;font-size: 13px;}
.evtProgress div.agreeList ul li .viewTerms {display: block;position: absolute;right: 0;top: 3px;width: 15px;height: 15px;background: url(../../../images/mobile/common/bullet_plus.png) no-repeat 0 0;background-size: 15px 15px;}
.evtProgress div.agreeList ul li .viewTerms.on { background: url(../../../images/mobile/common/bullet_minus.png) no-repeat 0 0;background-size: 15px 15px; }
.dataTb { width:100%; margin-top:15px; }
.dataTb table { width:100%; border-top:1px solid #e3e3e3;  }
.dataTb caption {position:absolute;left:-9999px;font-size:1px;overflow:hidden;}
.dataTb table th,
.dataTb table td { padding:10px 10px 10px 15px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.dataTb table th:last-child,
.dataTb table td:last-child { border-right:0 none; }
.dataTb table th { padding:10px; background:#f9f9f9; font-weight:bold; color:#313131; }
.dataTb table span { display:inline-block; vertical-align:middle; color:#666; font-weight:normal; }
.dataTb table .colorCell td { padding:10px; background:#f9f9f9; font-weight:bold; color:#313131; }
.dataTb table .tLeft { text-align:left; }
.dataTb table .tRight { text-align:right; }
.dataTb table .tCenter { text-align:center; }
.dataTb table .totalMonth { font-weight:bold; font-size:20px; color:#cc2030; }

.termsBox { display:none; margin-top:10px; border:1px solid #bdbcbd; padding:10px; background:#f2f2f2; }
.termsBox .termsTit { font-weight:bold; }
.termsBox .termsTxt { margin-top:5px; }
.termsBox .termsTxt ol { margin-top:5px; }

.lyPopup { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; }
.lyPopup .popBg { width:100%; height:100%; background:#000; opacity:0.5; }
.lyPopup .lyContents { position:absolute; left:50%; top:50%; width:60%; max-height:600px; overflow:auto; margin:-300px 0 0 -30%; padding:10px; border-top:2px solid #d7d7d7; border-bottom:2px solid #d7d7d7; background:#eeeeee; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.lyPopup .lyContents .lyTitle { padding:8px 0 6px 11px; font-size:16px; color:#111; }
.lyPopup .btnClose { display:block; position:absolute; right:10px; top:14px; padding:0 0 0 20px; font-size:13px; background:url(../../../images/mobile/common/btn_close01.png) no-repeat 0 0;background-size:15px 15px;}
.lyPopup .roundBox {  background: #ffffff; border-radius: 5px; color: #6d6d6d; font-size: 14px; line-height: 1.5em; padding: 10px; }
.lyPopup .btnCenter { margin-top:15px; text-align:center; }
.lyPopup .btnCenter .btnWhite { display:inline-block; padding:5px 20px; font-size:13px; }
.lyPopup .btnCenter .btnRed1 { font-weight:bold; width:40%; }
.lyPopup .lyContents.redLineBox { padding:15px 10px; background:#fff; border:2px solid #d73d32; }
.lyPopup .lyContents.redLineBox .lyTitle { padding:0 0 7px 0; font-size:13px; font-weight:bold; color:#de2429; border-bottom:1px solid #9d9d9d; }
.lyPopup .lyContents.redLineBox .btnClose { width:16px; height:16px; padding:0; font-size:0; text-indent:-9999px; background:url(../../../images/mobile/common/btn_close02.png) no-repeat 0 0;background-size:16px 16px; }
.lyPopup .couponNoti { padding:10px; }
.lyPopup .couponNoti .usrNoti { text-align:center; }
.lyPopup .couponNoti .couponNum { padding:25px 0 20px; font-weight:bold; text-align:center; color:#333; }

.evtPlan .noticeBox{padding:0 20px;font-family:AppleGothic, Malgun Gothic, dotum, gulim, verdana, arial, sans-serif;}
.evtPlan .noticeBox h4.tit{margin-bottom:5px;}
.evtPlan .noticeBox .list{margin:0 0 5px 8px;}
.evtPlan .noticeBox .list li{margin-bottom:5px;text-indent:-8px;letter-spacing:-1px}
.evtPlan .noticeBox .list strong{margin-right:5px;}

/*공유하기 추가*/
.stock-area {position:absolute;top: 8px;right:5px;}
.stock-area button.sns-share{width:23px;height:23px;background:url("/shop5g/images/mobile/deal/icon-share.png") no-repeat 0 0;background-size:20px auto;color:transparent;font-size:1;}


/* 200206 이벤트 view페이지 접근성 포커스 영역 blind처리*/
.evtPlan .event_zone .blind,
.evtPlan .event-zone .blind,
.evtPlan .plan-giga-zone .blind,
.evtPlan .event-section .blind,
.evtPlan [class*='plan-section'] .blind{overflow:hidden;position:absolute;width:1px ;height:1px;margin:-1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);}
/*.evtPlan .event_zone a,
.evtPlan .event-zone a,
.evtPlan .event-section a,
.evtPlan .plan-giga-zone a,
.evtPlan [class*='plan-section'] a{overflow:hidden;position:absolute !important;display:block !important;color:transparent !important;z-index:1 !important;text-indent:0 !important}*/
.evtPlan .event_zone a .blind,
.evtPlan .event-zone a .blind,
.evtPlan .event-section a .blind,
.evtPlan .plan-giga-zone a .blind,
.evtPlan [class*='plan-section'] a .blind{position:relative;left:0;width:100%;text-indent:0;display:block;color:transparent;}

/* 기획전 전시 종료 팝업 */
.plan_end_wrap{position:relative;z-index:2;}
.plan_end_section .end_sec_tit{text-align:center;color:#000;}
.plan_end_section .end_sec_tit .tit{font-size:19px;font-weight:bold;line-height:1.4;letter-spacing:-1px;}
.plan_end_section .end_sec_tit .txt_des{margin-top:8px;font-size:12px;line-height:1.5;}
.plan_end_section{position:absolute;top:0;left:0;bottom:0;width:100%;}
.plan_end_section:before{content:'';position:absolute;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:10}
.plan_end_inner{margin:60px 15px;background:#fff;box-shadow:20px 0 20px rgba(0,0,0,0.3);border-radius:12px;position:relative;box-sizing:border-box;padding:24px 8px 30px;z-index:15;}
.plan_end_section .com_btn_ty1{min-width:85px;padding:6px 10px;height:auto;line-height:1.4;border-radius:12px;margin:0 4px;font-size:11px;}
.plan_end_section .com_btn_wrap{margin:20px 0 0 0}
@media screen and (max-width: 320px) {
	.plan_end_section .end_sec_tit .tit{font-size:16px;}
	.plan_end_section .com_btn_ty1{margin:0;}
}

.m-plan-article-bn-kakao a{display:block;position:static !important;}

[class*="plan-load-"]{text-align:center;}
[class*="plan-load-"] a{position:static !important;}