@charset "utf-8";

/*
변경자 : 김승대
CSS 변경날짜 : 2015-06-03
사용요소 : 친추할인 이벤트 페이지 ui구성
*/

.event_20150203 {background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/bg_event.png) 0 0 repeat-y; padding-top:533px; font-family:"Nanum Gothic", Nanum Gothic,"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#000; text-align:-webkit-center}
.event_20150203 {background-position: center}
.event_20150203 li{margin:0px; list-style:none; overflow:hidden;}
.event_20150203 .po_a div div,.event_20150203 .po_a div a{position:absolute;}
.event_20150203 .week_1,.event_20150203 .week_2,.event_20150203 .week_3,.event_20150203 .week_4,.event_20150203 .event_complete,.event_20150203 .week_1_complete,.event_20150203 .week_2_complete,.event_20150203 .week_3_complete,.event_20150203 .week_4_complete,.event_20150203{position:relative;}
.event_20150203 .remain {top:110px; left:443px; font-size:19px;} 
.event_20150203 .requestEntryResidualReal {top:72px; left:460px; font-size:28px;} 
/* .event_20150203 .requestEntryResidualReal {top:72px; left:423px; font-size:28px;} */ 
.event_20150203 .graphDiv {top:174px; left:377px; width:314px;color:#FFF;  text-align:center; position:relative;}
.event_20150203 .graphDiv .graph {height:50px; background-color:#5ac2da; min-width:20px; color:#FFF; padding-top:40px; text-align:center;}
.event_20150203 .kakao_btn {top:280px;left:375px;}
.event_20150203 .facebook_btn {top:280px; left:540px;}
.event_20150203 .week_1{background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/1week.png); width:750px; height:600px;}
.event_20150203 .week_2{background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/2week.png); width:750px; height:600px;}
.event_20150203 .week_3{background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/3week.png); width:750px; height:600px;}
.event_20150203 .week_4{background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/4week.png); width:750px; height:600px;}
.event_20150203 .week_1_complete{background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/1week_b.png); width:750px; height:600px;}
.event_20150203 .week_2_complete{background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/2week_b.png); width:750px; height:600px;}
.event_20150203 .week_3_complete{background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/3week_b.png); width:750px; height:600px;}
.event_20150203 .week_4_complete{background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/event_complete.png); width:750px; height:600px;}
.event_20150203 .event_complete{background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/pc/150204/event_complete.png); width:750px; height:600px;}

.mobile_event_20150203 {background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/mobile/150204/bg_event_mobile.png) 0 0 repeat-y;background-size: cover;  font-family:"Nanum Gothic", Nanum Gothic,"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#000; width:100%; position:relative;}
.mobile_event_20150203 .requestEntryResidualReal {text-align:center;font-size:2em;margin-bottom:6px;} 
.mobile_event_20150203 img {width:100%;}
.mobile_event_20150203 li{margin:0px; list-style:none;}
.mobile_event_20150203 .po_a {background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/mobile/150204/bg_event_mobile_c.png) 0 0 repeat-y; background-size:100%; margin-bottom:10px;}
.mobile_event_20150203 .po_a .remain {text-align:center;font-size:1.6em;} 
.mobile_event_20150203 .po_a .textDiv {text-align:center;font-size:13px;padding:10px;}
.mobile_event_20150203 .graphDiv {top:174px; left:377px; width:83%; height:60px; color:#FFF;  text-align:center;  background:url(https://mobile.lghellovision.net/mv_Client/event/directmall/mobile/150204/bg_graph.png) 0 0;  border:5px solid #dcdddd; border-style:solid; margin-left:7%;margin-bottom:20px;}
.mobile_event_20150203 .graphDiv .graph {height:40px; background-color:#5ac2da; min-width:20px; color:#FFF; padding-top:20px; text-align:center;font-size:1.6em;}
.mobile_event_20150203 .kakao_btn img,.mobile_event_20150203 .facebook_btn img{width:40%;}

.popup_20150204 {padding:35px; font-size:12px; font-family:'dotum','돋움','Malgun Gothic'; text-align:center;}
.popup_20150204 h1,.popup_20150204 div {text-align:left;}
.popup_20150204 div{border:1px solid #f4f4f4; margin:5px 0 10px 0; padding:10px;}
.popup_20150204 a {margin:0 auto;}


/* mobile용 친추할인 */
.mo_friend_wrap{position:relative;width:100%;font-family:dotum,'돋움';text-align:left}
.mo_friend_wrap .evt_img{z-index:1;position:relative;width:100%;display:block}
.mo_friend_wrap .evt_img img{width:100%;vertical-align:top}
.mo_friend_wrap .evt_bt{z-index:2;}
.mo_friend_wrap .evt_txt{z-index:2;position:absolute;}
.mo_friend_wrap .tit_img{display:block;margin-bottom:2%}
.mo_friend_wrap .tit_img img{width:100%;vertical-align:top}
.mo_friend_wrap .evt_bt{position:absolute;width:100%;font-size:0;line-height:0}
.mo_friend_wrap .evt_bt a{background:url('https://mobile.lghellovision.net/mv_Client/event/directmall/mobile/150312/mo_event_bt.png') no-repeat}
.mo_friend_wrap .evt_bt.wr1{bottom:45%}
.mo_friend_wrap .wr1 a{position:absolute;right:26%;width: 29%;height:0;padding-bottom:5.28%;background-position:0 0;background-size:133.5%;display:block;}
.mo_friend_wrap .evt_txt.tx1{font-size:0.625em;bottom:7.25%;left:5%;color:#707070}
.mo_friend_wrap .evt_txt.tx2{font-size:0.625em;bottom:12.25%;left:5%;color:#707070;margin:0 7%}
.mo_friend_wrap .evt_txt.tx3{font-size:0.600em;bottom:46%;right:5%;color:#717171;width:50%}
.mo_friend_wrap .evt_txt.tx3 strong{color:#242424}
.mo_friend_wrap .evt_txt.tx3 em{color:#e3067e;font-style:normal}
.mo_friend_wrap ul{width:100%;padding:0;margin:0}
.mo_friend_wrap ul li{position:relative;list-style:none;width:100%;}
.mo_friend_wrap ul .tipWrap{padding:30px 0;background:#787878}
.mo_friend_wrap .inputWrap1,.inputWrap2{z-index:10;position:absolute;width:70%;padding:1% 5%;margin:0 auto;background:#fff;border-radius: 5px;box-shadow: 2px 2px 5px #c7ccd0;}
.mo_friend_wrap .inputWrap1{top:7.8%;left:10%;}
.mo_friend_wrap .inputWrap2{top:22%;left:10%;}
.mo_friend_wrap .inputTitle{display:block;width:100%;margin-bottom:2%;text-align:center;font-size:0.825em;font-family:'Malgun Gothic';font-weight:bold}
.mo_friend_wrap .inputTitle em{font-style:normal;display:inline-block;font-size:0.965em;font-weight:bold;color:#003279}
.mo_friend_wrap .inputTitle strong{font-size:0.775em}
.mo_friend_wrap .inputWrap1 input{text-align:right;font-size:12px;line-height:22px;display:inline-block;padding-top:3px;margin-bottom:4%;width:86%;height:5%;border:solid 1px #b5bbc7;padding-right:30px;color:#003279;font-weight:bold;float:right;}
.mo_friend_wrap .inputWrap1 label{position:absolute;font-size:12px;color:#707070;font-weight:bold;z-index:10;right:9%;top:47%;margin-right:1px}
.mo_friend_wrap .inputWrap2 ul{margin-top:2%;margin-bottom:4%}
.mo_friend_wrap .inputWrap2 li{position:relative;margin-bottom:5%;width:100%}
.mo_friend_wrap .inputWrap2 input{position:absolute;font-size:12px;right:0%;text-align:right;display:inline-block;width:75%;height:100%;border:solid 1px #b5bbc7;padding-right:30px;line-height:24px;color:#003279;font-weight:bold}
.mo_friend_wrap .inputWrap2 span{line-height:2.1em;margin-right:5%;font-size:0.825em}
.mo_friend_wrap .inputWrap2 label{position:absolute;right:3%;bottom:12%;font-size:12px;color:#707070;font-weight:bold;z-index:10;margin-right:1px}
.mo_friend_wrap .wr2{bottom:37%;text-align:center}
.mo_friend_wrap .wr2 .sumit_bt{position:absolute;left:10%;width:39%;height:0;padding-bottom:10.2%;background-position:0 15.686%;background-size:100%;display:inline-block;}
.mo_friend_wrap .wr2 .reset_bt{position:absolute;right:8%;width:39%;height:0;padding-bottom:10.2%;background-position:0 43.137%;background-size:100%;display:inline-block;}
.mo_friend_wrap .wr3{bottom:15%;height:40%}
.mo_friend_wrap .wr3 .snsBt1{position:absolute;right:13%;width:27%;height:0;padding-bottom:6%;background-position:0 64.516%;background-size:133%;display:block;}
.mo_friend_wrap .wr3 .snsBt2{position:absolute;bottom:30%;right:13%;width:27%;height:0;padding-bottom:7%;background-position:0 82.437%;background-size:133%;display:block;}
.mo_friend_wrap .wr3 .snsBt3{position:absolute;right:13%;bottom:0;width:27%;height:0;padding-bottom:5%;background-position:0 96.886%;background-size:133%;display:block;}
.mo_friend_wrap .evt_img2{z-index:1;position:absolute;bottom:-3%;left:10%;height:30%;width:80%;display:block}
.mo_friend_wrap .evt_img2 img,.evt_tit img{width:100%;vertical-align:top}
.mo_friend_wrap .result_txt{position:absolute;bottom:58%;left:25%;width:50%;text-align:center;padding:5% 0 4% 0;line-height:0;border:solid 1px #d3d7da;background:#f1f8fb;color:#e3067e;font-size:1.64em;font-family:'Malgun Gothic';font-weight:bold}
.mo_friend_wrap .result_txt em{position:relative;top:-2px;font-style:normal;color:#3d3d3d;font-size:0.625em}
.mo_friend_wrap .resultTip{position:absolute;font-style:normal;line-height:80%;text-align:center;bottom:27%;left:10%;width:80%;height:20%}
.mo_friend_wrap .resultTip strong{display:block;font-size:0.96em}
.mo_friend_wrap .resultTip span{display:inline-block;font-size:0.65em;color:#566b79}
.mo_friend_wrap .tipWrap .tipTxt{color:#fff;margin-left:6%;width:90%;text-align:left}
.mo_friend_wrap .tipWrap .tipTxt li{width:100%;list-style:decimal;margin-top:2%;font-size:0.625em;line-height:1.245em}
.mo_friend_wrap .evt_tit{z-index:1;position:absolute;top:4%;left:4.2%;height:30%;width:13%;display:block}

@media all and (max-width: 320px) {
.mo_friend_wrap .inputTitle{font-size:0.653em}
.mo_friend_wrap .inputWrap2 span{font-size:0.833em}
.mo_friend_wrap .inputWrap1 input{text-align:right;font-size:11px;display:inline-block;margin-bottom:4%;width:82%;height:12%;border:solid 1px #b5bbc7;padding-right:30px;color:#003279;font-weight:bold;float:right;}
.mo_friend_wrap .inputWrap1 label{top:48%}
.mo_friend_wrap .inputWrap2 input{position:absolute;font-size:11px;right:0%;text-align:right;line-height:14%;display:inline-block;width:70%;height:90%;border:solid 1px #b5bbc7;padding:4px 30px 2px 2px;color:#003279;font-weight:bold}
.mo_friend_wrap .wr2{bottom:24%}
.mo_friend_wrap .inputWrap2 label{bottom:-1%}
.mo_friend_wrap .inputWrap2{top:22%;left:10%;}
.mo_friend_wrap .wr2{bottom:34%;text-align:center}
.mo_friend_wrap .evt_img2{z-index:1;position:absolute;bottom:-5%;left:10%;height:30%;width:80%;display:block}
.mo_friend_wrap .result_txt{bottom:60%;padding:4% 0 3% 0;font-size:1em}
.mo_friend_wrap .resultTip{bottom:34%}
.mo_friend_wrap .resultTip strong{font-size:0.735em}
.mo_friend_wrap .resultTip span{font-size:0.5em}
}

.snsPop{display:none; position:fixed;top:0; left:0; width:100%; height:100%;z-index: 99;}
.snsPop .dimmed{position:absolute; top:0; left:0; width:100%; height:100%;background:#000;opacity:0.5; filter:appha(opacity=50);}
.snsPopWrap {position:absolute; width:400px; top:50%; left:50%; background:#fff;z-index:9;font-size:12px;}
.snsPopWrap  h2.title{padding: 14px;color: #fff;font-size: 14px;font-weight: bold;background: #f32b8e;margin:0;text-align:left;}
.sns_textstyle1 {margin-top:30px;text-align:center;}
.snsPop_content{padding:30px;}
.snsBtnClose{position:absolute; top:14px; right:14px;cursor:pointer;}
.snsBtnWrap{width:100%; text-align:center;margin:20px 0;}
.snsBtnWrap a{display:inline-block;border-radius:20px; padding:10px 20px 8px;color:#fff; font-weight:bold;}
.snsBtnWrap a.pink{background:#f32b8e; }
.snsBtnWrap a.gray{background:#666;}
.snsBtnWrap a:hover{text-decoration:underline;}
div.exNote.ct{text-align:center;}
div.exNote, .exNote li {margin:5px 0; list-style:none; font-family: "돋움",Dotum,arial,sans-serif;font-size: 12px;color: #666; line-height:140%;text-align:left;}