@charset "utf-8";

/*오픈이벤트:꽃길만걸어요*/
.event.view.open_evt{padding-left:0;padding-right:0}
.open_evt .detail_area.bg01{background:url(../images/event/event_detail_view.jpg) no-repeat 0 0; width:100%; height:934px} 	
.open_evt .datail_txt{display:table; width:100%}
.open_evt .datail_txt .h4{display:table-cell; padding-left:30px; width:170px; font-size:16px; color:#313131; font-weight: 700;}
.open_evt .detail_area.bg02{margin-top:42px; width:100%; height:600px; background:url(../images/event/event_detail_view_bg02.jpg) no-repeat 0 0; }
.open_evt .mission_list_wrap {display:block;height:100%; overflow: hidden; }
.open_evt .mission_list_wrap .mission_route_area {float:left; width:375px; height:100%; padding:168px 25px 0 48px}
.open_evt .mission_route_area li {float:left; width:33.333%;}
.open_evt .mission_route_area li + li {padding-bottom:20px}
.open_evt .mission_route_area li a{width:80px}
.open_evt .mission_route_area li strong{display:table-cell; width:80px; height:80px; line-height:1.2; background:#f75f4a; border-radius:50%; text-align:center; vertical-align:middle; color:#fff}
.open_evt .mission_route_area li a em > span{display:block; position: relative;  margin-top: 3px; color:#ffe87e; font-size: 11px; }
.open_evt .mission_route_area li a em > span:after{content:''; display:inline-block; position: absolute;right:21px; top:3px; width:5px; height:8px; background:url(../images/event/ico_event_arrow01.png) no-repeat 50% 50%;}
.open_evt .mission_route_area li.complete strong{border:1px dashed #f8a599; background:none; color:#f8a599;}
.open_evt .mission_route_area li.complete{position: relative;}
.open_evt .mission_route_area li.complete:before{position: absolute; width:48px; height:48px;  top:-17px; right:2px; content:'';background:url(../images/event/icon_evnet_complete.png) no-repeat 0 0;}
.open_evt .mission_stamp_area{display:inline-block; width:585px; height:100%; position: relative;}
.open_evt .mission_stamp_area li{position: absolute; background: #fff url(../images/event/bg_inactive.png) no-repeat 50% 50%; width:70px; height:70px; border-radius:50%;}
.open_evt .mission_stamp_area li.on{background: #fff url(../images/event/bg_active.png) 50% 50% no-repeat}
.open_evt .mission_stamp_area li.apply{border:3px solid #e9ccc6;}
.open_evt .mission_stamp_area li.apply.on{border-color:#745750;}
.open_evt .mission_stamp_area li.apply.product01{background: #fff url(../images/event/bg_apply_bg1.jpg) 50% 50% no-repeat;}
.open_evt .mission_stamp_area li.apply.product02{background: #fff url(../images/event/bg_apply_bg2.jpg) 50% 50% no-repeat;}
.open_evt .mission_stamp_area li.apply.product03{background: #fff url(../images/event/bg_apply_bg3.jpg) 50% 50% no-repeat;}
.open_evt .mission_stamp_area li.apply a {position: relative; top:-45px; right:-71px; display:inline-block; width:100px; height:100px; line-height:100px; text-align:center; background: url(../images/event/btn_apply_more.png) 50% 50% no-repeat;  border-radius:50%;}
.open_evt .mission_stamp_area li.apply.product02 a {top:-50px; right:-60px;}
.open_evt .mission_stamp_area li.apply.product03 a {top:-50px; right:-60px;}
.open_evt .mission_stamp_area li a span{position: relative;color:#fff; margin-left:-4px}
.open_evt .mission_stamp_area li a span:after{content:''; display:inline-block; position: absolute;right:-9px; top:6px; width:6px; height:10px; background:url(../images/event/ico_event_arrow02.png) no-repeat 0 0;}
.open_evt .mission_stamp_area li.mission1 {left:128px; top:59px}
.open_evt .mission_stamp_area li.mission2{left:223px; top:59px}
.open_evt .mission_stamp_area li.mission3{left:317px; top:43px}
.open_evt .mission_stamp_area li.mission4{left:311px; top:137px; width: 120px; height:120px}
.open_evt .mission_stamp_area li.mission5{left:210px; top:217px;}
.open_evt .mission_stamp_area li.mission6{left:113px; top:230px;}
.open_evt .mission_stamp_area li.mission7{left:35px; top:290px}
.open_evt .mission_stamp_area li.mission8{left:59px; bottom:97px; width: 120px; height:120px}
.open_evt .mission_stamp_area li.mission9{left:198px; bottom:53px;}
.open_evt .mission_stamp_area li.mission10{left:295px; bottom:35px;}
.open_evt .mission_stamp_area li.mission11{left:350px; bottom:98px;}
.open_evt .mission_stamp_area li.mission12{left:400px; bottom:165px; width: 120px; height:120px}
.clear{clear:both}

/*****************************************************************
  event-popup
*****************************************************************/
.dialog_wrap.event_popup{width:573px;height:591px;background:url('/pcweb/images/event/bg_event_popup.png')no-repeat center;padding:50px 50px 40px 50px;}
.dialog_wrap.event_popup .dialog_header{border-bottom:0;background-color:transparent;}
.dialog_wrap.event_popup .dialog_footer{position:absolute;bottom:61px;left:50%;margin-left:-110px;padding:0;}

.dialog_wrap.event_pCal_popup{width:540px;height:390px;background:url('/pcweb/images/event/pc_evt_pCal_pop.png')no-repeat center}
.dialog_wrap.event_pCal_popup .dialog_header{border-bottom:0;background-color:transparent}
.dialog_wrap.event_pCal_popup .dialog_footer{position:absolute;bottom:40px;left:0;width:100%;padding:0}

/* 보장분석 이벤트 */
.evt20200513 {position:relative;z-index:5}
.evt-img-wrap {position:relative}
.evt20200513 .btn-evt-go {background:#fff;z-index:12;opacity:0}
.evt20200513__top .btn-evt-go{position:absolute;bottom:94px;left:206px;width:546px;height:102px;}
.evt20200513__con02 .btn-evt-go{position:absolute;bottom:103px;left:257px;width:448px;height:104px;}
.evt20200513__con03 {padding-bottom:90px;background:#ccef5f}						
.evt-btn-snswrap{position:absolute;right:62px;bottom:131px;width:468px;height:98px;font-size:0}
.evt-btn-snswrap .btn-sns{display:inline-block;width:25%;height:100%;border:1px solid #f5fae4;border-top:0;border-left:0}
.evt20200513__footer {padding:62px 50px 36px;background:#454545;color:#8c8c8c}
.evt20200513__footer .evt-notice-tit {margin-bottom:14px;font-size:24px;font-weight:bold;color:#8c8c8c;letter-spacing: -2px;}
.evt-notice-tit img {vertical-align:middle;margin-right:10px;}
.evt-bulit-lst + .evt-notice-tit {margin-top:50px}
.evt-bulit-lst>li {position:relative;padding:3px 0 3px 8px;font-size:15px;font-weight:600}
.evt-bulit-lst>li:after{content:'';position:absolute;top:16px;left:0;width:2px;height:2px;background:#8b8b8b;}
.evt-txt-delib{position:absolute;top:8px;left:12px;font-size:15px;color:#75838a;font-weight:500}