@charset "utf-8";

#wrap.evt{margin:0 auto;max-width:768px;background-color:#fff;}

#wrap.evt #header{left:50%;padding-top:8px;max-width:768px;border-top:4px solid #009223;border-bottom:1px solid #e5e5e5;transform:translate(-50%);}
#wrap.evt #header .sub_title{width:120px;text-indent:-9999px;background:url('../images/common/logo_app.png') no-repeat 0 50%;background-size:120px auto;}
#wrap.evt #header a{display:block;}
#wrap.evt #container{background-color:#fff;}

.evt .pc-only{display:block;}
.evt .mo-only{display:none;}
.evt .point_c{color:#009223 !important;}
.evt .topBtn{right:13px;width:50px;height:50px;border:1px solid #e9e9e9;background-size:18px 14px;}
.evt .h_tit{padding:43px 0 20px;color:#292929;font-size:22px;font-weight:300;line-height:1;letter-spacing:-.5px;}
.evt .img_wrap{display:block;position:relative;}
.evt .img_wrap img{width:100%;max-width:100%;}
.evt .dtable{text-align:left;border-top:2px solid #009223;}
.evt .dtable th{padding:20px 10px;width:100px;color:#009223;font-size:16px;font-weight:400;letter-spacing:-.27px;border-bottom:1px solid #ddd;background-color:#f8f8f8;}
.evt .dtable td{padding:20px 10px;color:#292929;font-size:16px;letter-spacing:-.27px;border-bottom:1px solid #ddd;background-color:#fff;}
.evt .apply_info li+li{margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8;}
.evt .apply_info dl{display:flex;align-items:center;}
.evt .apply_info dt{display:flex;align-items:center;justify-content:center;flex-direction:column;width:70px;height:70px;color:#fff;font-size:28px;text-align:center;border-radius:100%;background-color:#009223;}
.evt .apply_info dt em{display:block;color:#87cf98;font-size:13px;font-weight:normal;line-height:1;}
.evt .apply_info dd{margin-left:20px;color:#292929;font-size:16px;font-weight:300;line-height:26px;letter-spacing:-.36px;}

.evt .form_checkbox{line-height:30px;}
.evt .form_checkbox .icon:before{background-image:url('../images/temp/icon_checkbox_yellow.png');}

.evt .caution_wrapper{margin:20px 0 60px;}
.evt .caution_wrapper .form_checkbox{margin:15px 15px 0;}
.evt .caution_wrapper .sub_txt_wrap{padding-bottom:17px;border-bottom:1px solid #ddd;background-color:#f6f6f6;}
.evt .caution_wrapper .sub_txt_wrap .sub_tit_h3{margin-bottom:0;padding-bottom:6px;color:#292929;font-size:13px;}
.evt .caution_wrapper .bdr_section{padding-top:24px;}

.evt .noti{position:relative;padding:0 0 0 15px;color:#999;font-size:13px;line-height:20px;letter-spacing:-.03em;}
.evt .noti::before{content:'※';position:absolute;top:0;left:0;}
.evt .noti span{color:#009225;}

.evt .example_wrap p{padding-bottom:18px;color:#999;font-size:13px;line-height:20px;}
.evt .example_wrap .noti{margin:10px 30px 0 15px;padding-bottom:0;}
.evt .example_wrap .bgc_gray{padding:22px 15px 26px;border:1px solid #ddd;background-color:#f6f6f6;}

.evt .pd_agree_wrapper{margin:0 0 20px;padding:20px 15px 0;border-top:1px solid #ddd;background-color:#fff;}

.evt .pd_agree_wrapper h3{margin-bottom:19px;color:#292929;font-size:18px;font-weight:300;letter-spacing:-.05em;}
.evt .pd_agree_wrapper strong{display:block;padding-bottom:15px;font-weight:normal;}
.evt .pd_agree_wrapper .scroll_wrapper{overflow-x:hidden;overflow-y:scroll;;margin-bottom:15px;padding:13px 18px;height:80px;color:#bbbbbb;font-size:13px;line-height:21px;border:2px solid #e5e5e5;}
.evt .pd_agree_wrapper .btns_wrapper{margin-top:60px;}

.evt .agree{margin-bottom:100px;}
.evt .agree .pd_agree_wrapper{margin:0;border-top:0;}

.evt .write{margin-bottom:100px;}
.evt .write .inner_wrapper{padding-top:40px;}
.evt .write .form_text input::placeholder{color:#bbbbbb;font-size:14px;}
.evt .write .form_file input[type="text"]::placeholder{color:#292929;font-size:14px;}

.evt .inner_wrapper{position:relative;padding:0 15px;background-color:#fff;}
.evt .inner_wrapper h3.h_title{margin-bottom:25px;}
.evt .inner_wrapper .ess_note{position:absolute;top:39px;right:15px;color:#999999;font-size:16px;letter-spacing:-.05em;}
.evt .inner_wrapper .ess_note .ess{margin-right:3px;}
.evt .inner_wrapper .inquiry_content {padding-bottom:10px;}
.evt .inner_wrapper .inquiry_content dl dt{margin-bottom:9px;color:#666666;font-size:16px;font-weight:300;}
.evt .inner_wrapper .inquiry_content dl + dl{margin-top:20px;}
.evt .inner_wrapper .inquiry_content dl dd{margin-bottom:10px;}
.evt .inner_wrapper .inquiry_content dl dt .ess{margin-left:1px;}
/* 워터밤 이벤트 */
.evt .waterbomb_bottom {background:#04be39 url('../images/temp/waterbomb_bottom_bg.jpg') no-repeat center bottom/100%; padding:0 70px;}
.evt .waterbomb_bottom .pd_agree_wrapper{background-color:transparent;padding:0;}
.evt .waterbomb_bottom .pd_agree_wrapper h3{text-align:center;color:#fff;}
.evt .waterbomb_bottom .pd_agree{border:4px solid #fcee1d;background-color:rgba(17,124,56,0.9);padding:30px;}
.evt .waterbomb_bottom .pd_agree_wrapper .scroll_wrapper{background-color:#fff;}
.evt .waterbomb_bottom .form_checkbox{color:#fff;}
.evt .waterbomb_bottom .pd_agree_wrapper .btns_wrapper {margin:40px auto 0;text-align:center;width:420px;}
.evt .hash_tag{position:absolute;bottom:18%;left:38%;width:41%;height:6%;}
.evt .inquiry_content .form_text.small input{font-size:14px;padding:0;}
.evt .inquiry_content .form_text.small input::placeholder{font-size:12px;}
/* 워터밤 이벤트2023 */
.evt .waterbomb_bottom2023 {background: url('../images/temp/waterbomb2023_bottom_bg.jpg') no-repeat center bottom/100%; padding:0 50px;}
.evt .waterbomb_bottom2023 .pd_agree_wrapper{background-color:transparent;margin:0;padding:0;border:none}
.evt .waterbomb_bottom2023 .pd_agree_wrapper h3{margin-bottom: 30px;font-size:28px;color:#fff;}
.evt .waterbomb_bottom2023 .pd_agree{z-index:1;position:relative;border:1px solid #fff;border-color: rgba(255, 255, 255, 0.4);background-color:rgba(0,102,34,0.76);padding:40px;}
.evt .waterbomb_bottom2023 .pd_agree_wrapper .scroll_wrapper{height:116px;margin-bottom: 20px;padding:25px;background-color:#fff;font-size: 20px;line-height: 30px;letter-spacing: -1px;}
.evt .waterbomb_bottom2023 .pd_agree_wrapper .scroll_wrapper .tit-info{color: #666;}
.evt .waterbomb_bottom2023 .form_checkbox{font-size: 20px;color:#fff;}
.evt .waterbomb_bottom2023 .form_checkbox .icon{background:#fff}
.evt .waterbomb_bottom2023 .form_checkbox .icon:before{left:5px;top:8px;background-image: url('../images/temp/icon_checkbox_grey.jpg');background-size:21px 15px;}
.evt .waterbomb_bottom2023 .form_checkbox input[type="checkbox"]:checked+.icon:before{width:21px;height:15px;}
.evt .waterbomb_bottom2023 .pd_agree_wrapper .btns_wrapper {z-index:1;position:relative;margin:72px auto 0;text-align:center;width:520px;}
.evt .waterbomb_bottom2023+.img_wrap{background: url('../images/temp/waterbomb2023_bottom_bg.jpg') no-repeat center bottom/100%;}
.evt .waterbomb_bottom2023+.img_wrap img{margin-top: -274px;}
/* 팝업 */
.popup_iframe_wrapper{left: 50%;margin:5% 0 0;max-width:300px;height:100%;background:none;transform: translate(-50%);}
.popup_iframe_wrapper iframe{height:100%;}
#popup_wrap {margin:0;}
#popup_wrap .popup_content{overflow:hidden;position:relative;top:auto;right:auto;bottom:auto;left:auto;padding:0 5px 5px;height:100%;border-radius:0 0 15px 15px;background:#ffc300;}
#popup_wrap .popup_content .rego_pop{border-radius:0 0 10px 10px;background:#fff url('../images/common/subway_og.png') no-repeat;background-position:50% 25%;background-size:86px;}
#popup_wrap .popup_content .rego_pop p{padding:160px 0 25px;color:#292929;font-size:22px;font-weight:bold;line-height:32px;text-align:center;}
#popup_wrap .popup_content .rego_pop .btns_wrapper{padding-bottom:50px;}
#popup_wrap .popup_content .pop_noti{border-radius:0 0 10px 10px;background:#fff;}
#popup_wrap .popup_content .pop_noti p{padding:50px 20px 25px;color:#292929;font-size:18px;font-weight:bold;line-height:28px;text-align:center;}
#popup_wrap .popup_content .pop_noti .btns_wrapper{padding-bottom:50px;}

@media only screen and (width:375px) and (height:812px){
    #wrap.evt #header{padding-top:40px;height:90px;}
}

@media (max-width:768px) {
    .evt .pc-only{display:none;}
    .evt .mo-only{display:block;}
    /* 워터밤이벤트 */
    .evt .waterbomb_caution{position:relative;color:#036b26;padding:6vw;}
    .evt .waterbomb_caution:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#04bd3b url('../images/temp/waterbomb_bg.jpg') no-repeat;background-size:100%;background-position:0 0}
    .evt .waterbomb_caution p{color:#fff;position:relative;}
    .evt .waterbomb_caution ul{position:relative;border:0.9vw solid #fef002cc;padding:2vw;background-color:#056b28ba;height:106vw;overflow-y: scroll;}
    .evt .waterbomb_caution ul li{font-size:3.2vw;line-height:1.5;color:#fff;}
    .evt .waterbomb_caution ul li + li{padding-bottom:10px;}
    .evt .waterbomb_caution ul li strong{display:block;font-weight:bold;font-size:4vw;text-align:center;}
    .evt .waterbomb_bottom {padding:0 9vw;}
    .evt .waterbomb_bottom .pd_agree_wrapper{background-color:transparent;}
    .evt .waterbomb_bottom .pd_agree_wrapper h3{font-size:16px;}
    .evt .waterbomb_bottom .pd_agree{border:0.6vw solid #fcee1d;padding:5vw;}
    .evt .waterbomb_bottom .pd_agree_wrapper .btns_wrapper {width:210px;}
    .evt .waterbomb_bottom .form_checkbox{font-size:14px;}
    /* 워터밤이벤트2023 */
    .evt .waterbomb_bottom2023 {padding:0 6vw;background-size: cover;}
    .evt .waterbomb_bottom2023 .pd_agree_wrapper{background-color:transparent;}
    .evt .waterbomb_bottom2023 .pd_agree_wrapper h3{margin-bottom:15px;font-size:16px;}
    .evt .waterbomb_bottom2023 .pd_agree_wrapper .scroll_wrapper{height:58px;font-size: 13px;line-height: 21px;}
    .evt .waterbomb_bottom2023 .pd_agree{padding:5vw;}
    .evt .waterbomb_bottom2023 .pd_agree_wrapper .btns_wrapper {width:260px;margin-top: 40px;}
    .evt .waterbomb_bottom2023 .form_checkbox{font-size:14px;}    
    .evt .waterbomb_bottom2023+.img_wrap img{margin-top: -137px;}
}