@charset "utf-8";
/* CSS Document */


.register .regiform {max-width:910px;width:100%;margin:0 auto;border:0px solid #fff}
ul.event_form {margin:0;padding:0;list-style:none;display:block;border:0px solid #000;margin:0 auto;;box-sizing:border-box}
ul.event_form li{float:left;width:50%;box-sizing:border-box;padding:10px 10px}
ul.event_form li.wid100{float:left;width:100%}
ul.event_form li label{width:100%;float:left;padding-top:7px;text-align:left;padding-right:5px;box-sizing:border-box;color:#fff;padding-left:0px}
ul.event_form li span{width:100%;float:left;}
ul.event_form li label b{color:#11e8ff}
ul.event_form li span input[type="text"]{background-color:#fff;border:1px solid #ccc;margin:0;width:100%;float:left;padding:11px 10px;box-sizing:border-box;border-radius:10px}
ul.event_form li span select{background-color:#fff;border:1px solid #ccc;margin:0;width:100%;float:left;padding:10px;box-sizing:border-box;border-radius:10px}

ul.event_form li:after{content:"";clear:both;display:block}

ul.event_form li .in_hphone input[type="text"]{width:28% !important;}
ul.event_form li .in_hphone b{display:inline-block;float:left;width:2%;font-weight:400}


ul.poll li{padding:0px 20px }
ul.poll li.tit{padding-left:0px;padding-top:30px;font-weight:bold}


.formarea{width:90%;margin:0 auto}

.formarea .agree_area h5{text-align:center;font-size:15px;line-height:22px;font-weight:400}
.formarea .agree_area dt{border-bottom:1px solid #818080;margin-top:20px;line-height:30px;margin-bottom:10px;font-weight:bold}
.formarea .agree_area dt{font-weight:400}
.formarea .agree_area dt label{font-size:20px}2021-03-12
.formarea .agree_area dt label b{float:right}
.formarea .agree_area dl{}
.formarea .agree_area dl ul{margin:0;padding:0;list-style:none;display:block;}
.formarea .agree_area dl ul li{padding-left:20px}
.formarea .agree_area dl ul li label{margin-left:-20px;display:block;width:3%;float:left;padding-top:5px}
.formarea .agree_area dl ul li span{display:block;width:97%;float:left}
.formarea .agree_area dl ul li:after{content:"";clear:both;display:block}
.red{color:#cc0000}
.txtleft{text-align:left}

.event_btn{padding:0px 0 30px;background:url("../images/footer.jpg")no-repeat;background-position:50% 0%;text-align:center}
.post_serch{background-color:#f5d90b;display:inline-block;padding:12px 20px}


/* 테이블 */
table, td, th {  
  border: 1px solid #ddd;
  text-align: left;
  font-size:15px;
}
th {  
  border: 1px solid #ddd;
  background-color:#eee;
  text-align: center;
}
table {
  border-collapse: collapse;
  width: 100%;
}
td {
  padding: 5px;
}
.gray{background-color:#eee;}
.protect_area{text-align:left}
.protect_area p{display:block;padding:2% 0;line-height:24px}
.protect_area h6{margin:0;padding:0}
.protect_area h5{padding-top:30px}

.agree_area{padding-top:50px;color:#fff}
.agree_area span{font-size:14px}
.event_btn{padding-top:0px}
.event_btn img{max-width:517px;width:100%}

.agree_area h6{font-size:15px;padding:20px 0 10px;font-weight:400}
.regibtn{background-color:#0d102e;padding:10px;border-radius:50px;font-size:25px;color:#fff;display:block;max-width:300px;width:100%;margin:0 auto}
.sebu_agree {margin-top:30px}
.sebu_agree  ul.txt li a{color:#fff}



.agreebox{display:none;}
input[type="checkbox"] + label {color:#f2f2f2;}
input[type="checkbox"] + label span {
    display:inline-block;
    width:32px !important;
    height:32px;
    margin:2px 5px 0 0;
    vertical-align:middle;
    background:url('/assets/img/chk.png') left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url('/assets/img/chk.png') -32px top no-repeat;
}



input[type="radio"] + label {color:#f2f2f2;}
input[type="radio"] + label span {
    display:inline-block;
    width:32px !important;
    height:32px;
    margin:2px 5px 0 0;
    vertical-align:middle;
    background:url('/assets/img/chk.png') left top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url('/assets/img/chk.png') -32px top no-repeat;
}



.inputbox{padding:10px }
.hbtn{max-width:400px;background-image: linear-gradient(to right, #7f03ff , #17dcff);color:#fff;font-size:20px;padding:10px;margin:0 auto;max-width :345px;width :100%;text-align:center;border-radius:50px}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}
.agree_area{padding:30px 10px;margin-top:30px}

.agree_area ul.agreechk{display:block;width:100%;border:0px solid #fff;margin-bottom:30px}
.agree_area ul.agreechk li{display:block;width:100%;border:0px solid #fff}
.agree_area ul.agreechk li span{width:50px;display:block;border:0px solid #fff;float:left}
.agree_area ul.agreechk li label{display:block;width:100%;}
.agree_area ul.agreechk li .ul_txt{display:inline-block;float:left;width:90%;border:0px solid #fff;font-size:20px;font-weight:bold;padding-top:3px}
.agree_area ul.agreechk li :after{content:"";clear:both;display:block}

.agree_area ul.trkchk li .ul_txt{font-size:18px !important;font-weight:500 !important;padding-top:5px;border:0px solid #fff}
.agree_area ul.trkchk li .ul_txt p{display:inline !important;border:0px solid #fff;float:left;margin-right:5px} 



.agree_area ul.txt li span{width:50px;display:block;border:0px solid #fff;float:left}
.agree_area ul.txt li {border:0px solid #fff;padding:5px 0}
.agree_area ul.txt li label{display:block;width:100%;}
.agree_area ul.txt li .ul_txt{float:left;max-width:800px !important;width:80%;border:0px solid #fff;border:0px solid #fff;display:block}
.agree_area ul.txt li:after{content:"";clear:both;display:block}
.agree_area ul.txt li .ul_txt h6{display:block;font-size:1.1em;padding:0;margin:0;margin-top:5px}
.agree_area h5{display:block;padding:10px 0}
.agree_area h5 span{display:inline-block;padding-top:3px}



.agree_area ul.trkchk li input[type="checkbox"] + label span {
    display:inline-block;
    width:32px !important;
    height:32px;
    margin:2px 5px 0 0;
    vertical-align:middle;
    background:url('/assets/img/chk2.png') left top no-repeat;
    cursor:pointer;
}

.agree_area ul.trkchk li input[type="checkbox"]:checked + label span {
    background:url('/assets/img/chk2.png') -32px top no-repeat;
}




@media screen and (max-width:1280px){

}

@media screen and (max-width:768px){
.agree_area ul.agreechk li .ul_txt{font-size:16px;}
.agree_area ul.trkchk li .ul_txt{font-size:14px !important;}
.agree_area ul.txt li .ul_txt h6{display:block;font-size:1.0em;padding:0;margin:0;margin-top:5px}
.agree_area h5{font-size:18px}

input[type="radio"] + label span {
    width:25px !important;
    height:25px;
    background:url('/assets/img/chk_mo.png') left top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url('/assets/img/chk_mo.png') -25px top no-repeat;
}

.agree_area ul.trkchk li input[type="checkbox"] + label span {
    display:inline-block;
    width:25px !important;
    height:25px;
    vertical-align:middle;
    background:url('/assets/img/chk2_mo.png') left top no-repeat;
    cursor:pointer;
}

.agree_area ul.trkchk li input[type="checkbox"]:checked + label span {
    background:url('/assets/img/chk2_mo.png') -25px top no-repeat;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:25px !important;
    height:25px;
    margin:2px 5px 0 0;
    vertical-align:middle;
    background:url('/assets/img/chk_mo.png') left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url('/assets/img/chk_mo.png') -25px top no-repeat;
}


}
@media screen and (max-width:520px){
.agree_area ul.agreechk li .ul_txt{display:inline-block;float:left;width:85%;border:1px solid #000;font-size:16px;font-weight:bold;padding-top:3px}

}
@media screen and (max-width:420px){

ul.event_form li{float:left;width:100%;box-sizing:border-box;padding:10px 10px}


}