@charset "euc-kr";
.hide{ position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
#container.event_wrap{min-width:1170px;}
#container.event_wrap img{vertical-align:top;}
#container.event_wrap .eventCont{position:relative;}
#container.event_wrap .eventCont .btnArea{position:absolute; left:0px; width:100%; text-align:center;}
#container.event_wrap .eventCont a, .popBox a{display:inline-block;}
#container.event_wrap .eventCont .imgMapWrap{width:1170px; margin:0 auto;}
#container.event_wrap .eventCont .imgMapArea{position:absolute; left:0px; width:100%; text-align:center;}
#layerBgArea{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:101; background:#000; opacity:.4;}
/* select::-ms-expand {display: none;}*/

#container.sub {padding-bottom: 0px;}
#container.event_wrap .event01{height:1094px; background:url(/resources/front/event/2021/07/supporters/images/event01.jpg) no-repeat 50% 0;}
#container.event_wrap .event02{height:797px; background:url(/resources/front/event/2021/07/supporters/images/event02.jpg) no-repeat 50% 0;}
#container.event_wrap .event03{height:670px; background:url(/resources/front/event/2021/07/supporters/images/event03.jpg) no-repeat 50% 0;} 
#container.event_wrap .event04{height:880px; background:url(/resources/front/event/2021/07/supporters/images/event04.jpg) no-repeat 50% 0;}
#container.event_wrap .event05{height:1133px; background:url(/resources/front/event/2021/07/supporters/images/event05.jpg) no-repeat 50% 0;}
#container.event_wrap .event06{height:1041px; background:url(/resources/front/event/2021/07/supporters/images/event06.jpg) no-repeat 50% 0;}
#container.event_wrap .event07{height:480px; background:url(/resources/front/event/2021/07/supporters/images/event07.jpg) no-repeat 50% 0;}
#container.event_wrap .event08{height:240px; background:url(/resources/front/event/2021/07/supporters/images/event08.jpg) no-repeat 50% 0;}


#container.event_wrap .event05 .btnArea{bottom: 60px;}
#container.event_wrap .event06 .inputArea{position: absolute; text-align: center; width: 100%; bottom: 60px; font-size: 0;}
#container.event_wrap .event06 .inputArea input{
    display: inline-block;
    width: 720px;
    padding: 12px 20px;
    color: #808080;
    border: 0;
    background: #fff;
    vertical-align: top;
    border: 2px solid #d5d5d5;
    box-sizing: border-box;
    margin-right: 10px;
}
#container.event_wrap .event06 .inputArea a{vertical-align: top;}   
input::placeholder {color: #808080;}

.popBoxWrap{
    position: absolute;
    top:0;
    left: 50%;
    width: 510px;
    transform: translateX(-50%);
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    padding: 40px 30px 50px;
    border-radius: 20px;
    z-index: 101;
}
.popBoxWrap .popClosebtn{position: absolute; top: 20px; right:20px;}
.popBoxWrap a{display:inline-block;}
.popBoxWrap ul{padding-top: 25px; box-sizing: border-box;}
.popBoxWrap ul li{margin-bottom: 10px;}
.popBoxWrap ul input{
    width: 100%;
    border: 1px solid #cccccc;
    background: #fff;
    padding: 10px;
    height: 53px;
    font-size: 18px;
    box-sizing: border-box;
}
.popBoxWrap ul li .addressArea div{display: flex; margin-bottom: 5px;}
.popBoxWrap ul li .addressArea #rozipBaseAddr{margin-bottom: 5px;}
.popBoxWrap ul li textarea{  
    width: 100%;
    height: 150px; 
    padding: 10px;
    font-size: 18px;
    background: #fff;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}
.popBoxWrap ul .addWrap {margin-bottom:25px;}





/* 주소 팝업 pc*/
.adressadd {
    width: 605px;
    padding-left: 9px;
    z-index: 9999;
}
.adressadd > .header {
    position: relative;
    background-color: #488bdc; 
    border-radius: 15px 15px 0 0;
}
.adressadd > .header .d-t .d-tc {
    text-align: center;
    vertical-align: middle;
}
.adressadd > .header .d-t.h3 {
    width: 100%;
    height: 160px;
}
.adressadd > .header .d-t .d-tc {
    vertical-align: middle;
    text-align: center;
}
.adressadd > .header h1 {
    position: relative;
    font-size: 26px;
    padding: 0;
    margin: 0;
    color: #5eeeff;
    font-weight: 300;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.adressadd > .header h1:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    width: 6.259259vw;
    height: 2px;  
    background-color: #53bdee;
    transform: translateX(-50%);
}
.adressadd > .header .t1 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    padding: 10px 0;
    margin: 0;   
}
.adressadd > .cont {
    padding: 0 30px;
    background-color: #fff;
    min-height: 100px;
    position: relative;
    border-radius: 0 0 20px 20px;
}
.adressadd  .wrap_member .box {
    padding: 24px 0;
    border-top: 8px solid #f0f5fb;
}
.adressadd  .wrap_member .inner.type1 {
   padding:0;
}
.adressadd .wrap_member .box_search .lst_arr .n {
    margin-right: 10px;
}
.adressadd .wrap_member .box_search .scroll {
    margin-top: 15px;
    height: 315px;
    overflow-y: auto;
}
.adressadd .wrap_member .box_search li a span {  
    font-size: 18px;
    color: #63abf5;
    display: flex;
}  
.adressadd .wrap_member .box_search li a span.do > b {
    color: #fbad48; 
}
.adressadd .wrap_member .box_search li a span.ji > b, 
.adressadd .wrap_member .box_search li a span.do > b {
   width: 110px; 
}
.adressadd .wrap_member .box_search li a span.ji > *,
.adressadd .wrap_member .box_search li a span.do > * {
    font-size: 18px;
    color: #5f5f5f;
}

.adressadd .wrap_member .box_search li a span.ji > b + span,
.adressadd .wrap_member .box_search li a span.do > b + span {
    font-size: 18px;  
    padding-right: 10px;
}
.adressadd .wrap_member .box_search li a span.ji > b { color: #ff81c7;}
.adressadd .wrap_member .box_search .box-search1 .btn {
    top: 4px;
    right: 23px;
    width: 30px;
    padding: 10px 0;
    border-left: 0;
}
.adressadd .btn_close {
    position: absolute;
    top: 70px;
    right: 20px;
    width: 30px;
    height: 30px;;
}
.adressadd .btn_close img{width: 100%;}