@charset "UTF-8";
.form-horizontal.bucket-form .form-group>div[class^=col-]{padding:18px}
.ir-icon__md.icon19 { background-position: -1120px -140px;}

/* 개인정보 수집동의 */
.ui_subscription--form{position:relative;margin-bottom:30px;margin-top:-3px;padding:20px 25px;border:1px solid #ddd;border-top: 2px solid #e45348;}
.ui_subscription--form:after{display:block;clear:both;content:'';}
.ui_subscription--form .inner{position:relative;width:100%}
.ui_subscription--form .ui_text--box .box-text__scroll{height:200px;padding: 10px;overflow-x: hidden;overflow-y: scroll;}
.ui_subscription--form .ui_text--box .box-text__scroll h3:first-child {margin:0 0 10px;}
.ui_radio--custom{margin-top:20px;padding-top:15px;border-top:1px solid #ddd;text-align:center}
.ui_radio--custom .inblock {display:inline-block;}
.ui_radio--custom .inblock:first-child{margin-bottom:8px}
.ui_radio--custom input[type='radio']:checked + label{background: #63676d;border: 1px solid #63676d;text-shadow:0px 0px 5px rgba(0,0,0,0.3);color:#fff;}
.ui_radio--custom input[type='radio']{position:absolute;position:fixed;z-index:-100;top:-9999px;left:-9999px;}
.ui_radio--custom label{position:relative;width: auto;min-width: 110px;height: 40px;margin: 0 3px;padding: 0 10px;color:#747981;border:1px solid #cacaca;font-size:16px;font-weight:500;line-height: 38px;text-align: center;}
.ui_radio--custom label.pre{width:auto;padding:0 15px 0 40px;}
.ui_radio--custom label .chk_ball{display: inline-block;width:16px;height:16px;margin-right: 10px;border:1px solid #cacaca;border-radius:100%;background:#fff;vertical-align: middle;}
.ui_radio--custom input[type='radio']:checked + label .chk_ball{border:5px solid #fff;background: #63676d;}
.ui_radio--custom input[type='radio']:focus + label{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;}

/* pilsu */
.form-horizontal.bucket-form .form-group .control-label{text-align: right;}
.form-horizontal.bucket-form .form-group .control-label label{padding:0 5px 0 14px}
.form-horizontal.bucket-form .form-group> .control-label + div{padding: 12px 12px;}
.form-horizontal.bucket-form .form-group .control-label .pilsu{	position: static; font-size: 0;}
.form-horizontal.bucket-form .form-group .control-label label .pilsu:after,
.form-horizontal .label .pilsu:after{content: "";width: 7px;height: 7px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z' fill='rgba(50,152,219,1)'/%3E%3C/svg%3E");background-size: 100%;position: absolute;top: 2px;left: 5px;}

/* 입력폼 */
.prog .main-color{color: #e83421;}
.prog .tiny{text-align: right;}
.addrbtn {height:34px;line-height:34px;padding: 0 20px;border-radius: 4px;border-color: #e45348;background-color: #e45348;color:#fff;font-size: 14px;}
.form-horizontal .form-group{margin: 0; border-bottom: 1px solid #ddd}
.form-horizontal.bucket-form .form-group .control-label:before{height:1000000%}
.form-horizontal.bucket-form .form-group{overflow: hidden; align-items: center;}
.form-horizontal.bucket-form .form-group .control-label{padding:18px 0}
.form-group.mail .form-inline{flex-wrap:nowrap;display:flex; align-items: center;}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {padding-bottom:7px;}
.form-horizontal.bucket-form .form-group .control-label *,
.form-horizontal .label {margin: 0;padding: 0;border-radius: 0;   }
.form-horizontal .label {top: 5px; color: #e45348;font-size: 15px;}
.form-horizontal .input {    padding: 6px 12px;color: #555; }
.bucket-form, .table-form {border-top: 2px solid #e45348;}
.form-horizontal.bucket-form .form-group .control-label:before {    background-color: #f9f9f9;}
.btn-wrap .btn{margin:0}  

@media(max-width:767px){

    .form-horizontal .label {top:0;}
    .prog .col-sm-3{flex: 0 0 25%; max-width:25%}
    .form-horizontal.bucket-form .form-group.row{display:flex}

}


#emailSel{padding-right: 50px; max-width: none;}
#emailSel:focus{border:3px solid #000;}
#emailId, #emailSel{min-width:auto; width:100%;max-width:150px}
#emailDomain{width:100%;margin-right: 8px;}

.d-flex{align-items: center; justify-content: space-between;}

.eng.btn-wrap{margin-top:25px}
.eng.btn-wrap .btn{width:auto;margin:0 4px; text-transform: capitalize}

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

    .form-horizontal.bucket-form .form-group{flex-wrap: wrap;}
    .form-horizontal.bucket-form .form-group .control-label{text-align: left; width:100%; max-width:100%; flex:0 0 100%;}
    .form-horizontal.bucket-form .form-group .control-label:before{height:100%;}
    .form-horizontal.bucket-form .form-group> .control-label + div{width:100%; flex: 0 0 100%; max-width:100%}
    
}

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

    .ui_radio--custom label {width: 100%; margin-top: 5px;}  
  
}

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

    .btn-wrap .btn{display:block; width:100%}  
    .btn-wrap .btn:first-child{margin-bottom: 3px;} 
   
}