@charset "utf-8";

.inp_box{position:relative; padding-top:30px; overflow:hidden;}
.inp_box .box{position:relative; padding-left:95px; line-height:40px; margin-bottom:14px; overflow:hidden;}
.inp_box .label1{position:absolute; left:10px; line-height:40px; font-size:15px; font-weight:600;}
.inp_box .btn_check{line-height: 29px !important;padding: 5px 0;}

.inp_box input{width:100%; height:40px; line-height:38px; padding:0 10px; font-size:15px; text-align:center; background:#fff; border:1px solid #DEDEDE;}
.inp_box select{width:100%; height:40px; line-height:38px; font-size:15px;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-align:center; background:#F5F5F3 url(../img/screening/icon-arrow2.svg) no-repeat calc(100% - 10px) center; border:1px solid #DEDEDE;}
.inp_box .inp_st1{width:100%; overflow:hidden;}
.inp_box .inp_st3{overflow:hidden;}
.inp_box .inp_st3 select{float:left; width:30%;}
.inp_box .inp_st3 span{float:left; width:5%; line-height:40px; color:#919191;text-align:center;}
.inp_box .inp_st3 input{float:left; width:30%;}

.inp_box .btn_check input{display: none;}

.inp_box .box.x2{padding-left: 0;}
.inp_box .box.x2 .x_box{float:left; width:45%; overflow:hidden;padding-left: 95px;position: relative;}
.inp_box .box.x2 .x_box:last-child{float:right; width:50%;}

.inp_box .file_box{position:relative;overflow:hidden;}
.inp_box .file_box .file{position:relative; background:#F5F5F3; padding:12px 25px 0 155px; overflow:hidden;}
.inp_box .file_box .file .btn_check{position:absolute; left:25px; top:19px;}
.inp_box .file_box .file .file_list{background:#fff; padding:10px 20px;border-radius:4px; overflow:hidden;}
.inp_box .file_box .file .file_list ul{overflow:hidden;}
.inp_box .file_box .file .file_list ul li{position:relative; overflow:hidden;line-height: 23px;margin: 2px 0;}
.inp_box .file_box .file .file_list ul li .btn_filebox{cursor: pointer;width: 75px;height: 23px;line-height: 23px; font-weight:600; text-align: center;background: #F5F5F3;border-radius:3px;color: #000;font-size: 12px;display: inline-block;float: left;}
.inp_box .file_box .file .file_list ul li .frm_file{position: relative; width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; display: inline-block;line-height: 0;}
.inp_box .file_box .file .file_list ul li .upload_input{padding: 0 5px 0 15px;display: inline-block;height: 23px;clip: auto;color: #535353;font-size: 14px;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;width:66%;overflow:hidden;float: left;background: none;border: none;line-height: 23px;text-align: left;}
.inp_box .file_box .file .file_list ul li .btn_del{width:16px;height:16px;position:absolute;top:4px;right: 0;background:url('./img/bg_file_del.png') no-repeat center #000; background-size:6px 6px;display: block;z-index:1;cursor: pointer;border: 0;font-size: 0;}
.inp_box .file_box .file .file_list ul li .btn_file_more{width:16px;height:16px;position:absolute;top:4px;right: 0;background:url('./img/bg_file_add.png') no-repeat center #000;display: block; background-size:6px 6px;z-index:1;cursor: pointer;font-size: 0;}

.inp_box .file_box .fax{ position:relative; background:#F5F5F3; padding:20px 25px 20px 155px; overflow:hidden; overflow:hidden;}
.inp_box .file_box .fax .btn_check{position:absolute; left:25px; top:19px;}
.inp_box .file_box .fax .text{line-height:29px; font-size:15px; font-weight:600; padding:0 20px;}
.inp_box .file_box .fax .text span{color:#fe045e;}

.inp_box .file_box .bottom_text{position:relative; background:#F5F5F3; padding:10px 0 10px 170px; overflow:hidden;}
.inp_box .file_box .bottom_text p{position:absolute; left:40px; top:22px; font-size:15px; font-weight:600;}
.inp_box .file_box .bottom_text ul{overflow:hidden;}
.inp_box .file_box .bottom_text ul li{font-size:12px; line-height:18px; color:#626262; letter-spacing:0.25px;}

.btn_box{position:relative; margin-top:25px; text-align:center; overflow:hidden;}
.btn_box a{display:block; width:290px; height:68px; line-height:64px; border-radius:28px; text-align:center; font-weight:600; color:#000; font-size:23px; border:2px solid #fdcb2a; background:#fdcb2a;position: relative;margin: 0 auto;}
.btn_box a img{position:absolute; right:30px; top:22px; height:19px;}
.btn_box input{
	display: block;
    margin: 50px auto 0;
    width: 290px;
    height: 80px;
    line-height: 80px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background: #E20714;
}

.popup_agree{ width: 600px;height: 748px;padding: 90px 60px 0 60px;}
.popup_agree .title{font-size: 27px;font-weight: 600;text-align: center;background: url('./img/bg.png') repeat-x bottom;background-size: auto 11px;padding: 0 10px;display: inline-block;margin: 0 auto;}
.popup_agree .agree_box{overflow: hidden;background: #f5f5f5;height: 440px;overflow-y: auto;padding: 30px;margin-top: 15px;text-align: left;}
.popup_agree .agree_box p{font-size: 12px;line-height: 22px;color: #8e8e8e;}
.popup_agree .btn{margin: 25px 0 60px 0;text-align: center;overflow: hidden;}
.popup_agree .btn .btn_agree{height: 62px;line-height: 62px;background: #E20714;color:#fff;display: block;width: 260px;font-size: 22px;margin: 0 auto;}

.popup_request{background:#fdcb2a !important; width: 600px;padding: 30px;border: 0 !important;}
.popup_request .inbox{background:#fff;padding: 60px 20px;}
.popup_request .title{font-size: 30px;line-height: 45px;}
.popup_request .title span{color: #fdcb2a;}
.popup_request .num{font-size: 20px;font-weight: 600;background: #ebebeb;height: 40px;line-height: 42px;width: 390px;margin: 10px auto 25px auto;}
.popup_request .text{font-size: 20px;line-height: 30px;color: #5b5b5b;}
.popup_request .btn{margin: 25px 0 0 0;text-align: center;overflow: hidden;}
.popup_request .btn a{height: 62px;line-height: 62px;background: #fdcb2a;display: block;width: 260px;border-radius: 31px;font-size: 22px;margin: 0 auto;font-weight: 600;}
.popup_request .btn_popup_close{top: 0 !important;right:  0 !important;background: #fdcb2a !important;}

/* popup_wrap */
.popup_wrap{position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; overflow:hidden;opacity: 0;transition: all 0.5s ease;visibility: hidden;z-index: 999;}
.popup_wrap.on{opacity:1; visibility:inherit;}
.popup_wrap .bg{position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,0.5); overflow:hidden;}
.popup_wrap .popup{display:block;position:relative; background:#fff; border:10px solid #E20714; overflow:hidden;text-align: center;overflow-y: auto;margin-top: 1.5vh;}
.popup_wrap .popup .btn_popup_close{position:absolute; top:-10px; right:-10px; width:70px; height:70px; text-align:center; overflow:hidden;background: #E20714;}
.popup_wrap .popup .btn_popup_close img{height:31px; margin-top:20px;}



/* 반응형 */
@media only screen and (max-width: 768px) {

.inp_box .box{padding-left: 0;margin-bottom: 10px;}
.inp_box .label1{position: relative;left: auto;float: left;margin-right: 10px;}


.inp_box .inp_st3{width: 100%;}
.inp_box .inp_st3 select{text-align: left;padding-left: 10px;}

.inp_box .box.x2 .x_box{padding-left: 0;width: 100%;}
.inp_box .box.x2 .x_box:last-child{width: 100%;margin-top: 10px;}

.inp_box .file_box{width: 100%;}
.inp_box .file_box .file{padding: 10px;}
.inp_box .file_box .file .btn_check{position: relative;left: auto;top: auto;}
.inp_box .file_box .file .file_list{width: 100%;}

.inp_box .file_box .fax{padding: 0 10px 20px 10px;}
.inp_box .file_box .fax .btn_check{position: relative;left: auto;top: auto;display: block;width: 100%;}
.inp_box .file_box .fax .text{padding: 0 0 0 30px;line-height: 25px;}

.inp_box .file_box .bottom_text{padding: 10px 10px 15px 10px;}
.inp_box .file_box .bottom_text p{position: relative;left: auto;top: auto;}
.inp_box .file_box .bottom_text ul{margin-top: -10px;}
.inp_box .file_box .bottom_text ul li{margin-top: 8px;font-size: 14px;line-height: 22px;}

.btn_box a{height: 60px;line-height: 58px;font-size: 21px;border-radius: 15px;}
.btn_box a img{top: 19px;}

/* popup_wrap */
.popup_wrap .popup{max-width: 90%;height: auto;}
.popup_wrap .popup .btn_popup_close{width: 35px;height: 35px;}
.popup_wrap .popup .btn_popup_close img{height: 15px;margin-top: 11px;}

.popup_wrap{position:absolute;overflow: initial;}
 
.popup_agree{padding: 30px 15px 0 15px;}
.popup_agree .title{font-size: 17px;}
.popup_agree .agree_box{height: 300px;padding: 15px;}
.popup_agree .btn{margin: 15px 0 30px 0;}
.popup_agree .btn .btn_agree{height: 60px;line-height: 60px;font-size: 21px;border-radius: 15px;}

}