/* tab1 : design */
.sub_content{margin-left:15px;margin-right:15px;padding-bottom:150px}

.sub_content .tabmenu{margin-left:10px;margin-right:10px}
.tab_cont01{padding-top:30px}
.banner_area{height:404px;padding-left:10px;background-image:url('../img/banner_320.jpg');box-sizing:border-box}
.banner_area .stitle{padding:108px 0 12px;color:#392d18}
.banner_area .text{color:#5b503c}
.cmn_layer > .stitle{padding:50px 0 18px}
.tab_cont01 .stitle, .tab_cont01 .text{text-align:center}
.tab_cont01 .stitle{padding-bottom:15px}
.tab_cont01 .text{padding-bottom:20px}
.tab_cont01 .img_area{display:none}

.process li{position:relative;width:185px;height:185px;margin:0 auto 30px;border-radius:50%;border:1px solid rgba(90,17,28,0.3);box-sizing:border-box}
.process li:nth-child(2){background-color:#5a111c;border-color:#5a111c}
.process li:before{content:'';position:absolute;left:50%;bottom:-31px;width:1px;height:30px;background-color:rgba(90,17,28,0.3)}
.process li:last-child{margin-bottom:0}
.process li:last-child:before{display:none}
.process li .text_area{position:absolute;left:50%;top:50%;width:100%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.process li .stitle{padding-bottom:8px}
.process li .text_area a{position:relative}
.process li .text_area a:before{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:1px;background-color:#666}

.welfare{padding-bottom:50px}
.welfare ul{width:300px;margin:0 auto}
.welfare ul li{position:relative;width:144px;height:93px;margin-left:12px;margin-bottom:10px;border:1px solid rgba(90,17,28,0.3);box-sizing:border-box}
.welfare ul li:nth-child(1), .welfare ul li:nth-child(3), .welfare ul li:nth-child(5), .welfare ul li:nth-child(7), .welfare ul li:nth-child(9), .welfare ul li:nth-child(11){margin-left:0}
.welfare ul li .text_area{position:absolute;left:50%;top:50%;width:100%;text-align:center;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.welfare .sm_title{font-family:'SunBatang-Medium';font-size:1.25rem;letter-spacing:-0.12em;color:#231f20}
.welfare .sm_title.ssm{font-size:1.125rem}
.welfare .sm_text{padding-top:3px;font-size:0.625rem;line-height:150%;letter-spacing:-0.12em;color:#666}
@media screen and (min-width:768px) {
    .sub_content{margin-left:20px;margin-right:20px}
    .sub_content .tabmenu{margin-left:0;margin-right:0}
    .tab_cont01{padding-top:50px}
    .banner_area{height:600px;padding-left:50px;background-image:url('../img/banner_768.jpg')}
    .banner_area .stitle{padding:157px 0 22px}
    .cmn_layer{padding-bottom:20px}
    .cmn_layer > .stitle{padding:100px 0 60px}

    .tab_cont01 .stitle{padding:30px 0 15px}
    .process ul{font-size:0}
    .process li{display:inline-block;font-size:16px;width:216px;height:216px;margin:0 32px 0 0}
    .process li:last-child{margin-right:0}
    .process li:before{left:auto;right:-33px;bottom:50%;width:32px;height:1px}
    .process li .stitle{font-size:1.875rem}

    .welfare ul{width:728px}
    .welfare ul li{width:232px;height:150px;margin-left:16px;margin-bottom:14px}
    .welfare ul li:nth-child(3), .welfare ul li:nth-child(5), .welfare ul li:nth-child(9), .welfare ul li:nth-child(11){margin-left:16px}
    .welfare ul li:nth-child(4), .welfare ul li:nth-child(7), .welfare ul li:nth-child(10){margin-left:0}
    .welfare .sm_title{font-size:1.875rem}
    .welfare .sm_title.ssm{font-size:1.75rem}
    .welfare .sm_text{font-size:0.9375rem}
}
@media screen and (min-width:1080px) {
    .banner_area{background-image:url('../img/banner_pc.jpg')}
    .banner_area .stitle{padding:190px 0 25px}
    .cmn_layer{padding-bottom:0}
    .cmn_layer > .stitle{padding:100px 0 40px}
    .tab_cont01 .text{padding-bottom:30px}

    .process li{width:270px;height:270px;margin-right:52px}
    .process li:before{left:auto;right:-53px;width:52px}

    .welfare ul{width:100%}
    .welfare ul li{width:23.75%;height:150px;margin-left:1.6667%;margin-bottom:20px}
    .welfare ul li:nth-child(3), .welfare ul li:nth-child(4), .welfare ul li:nth-child(5), .welfare ul li:nth-child(7), .welfare ul li:nth-child(10){margin-left:1.6667%}
    .welfare ul li:nth-child(5), .welfare ul li:nth-child(9){margin-left:0}
}
@media screen and (min-width:1260px) {
    .tab_cont01 .img_area{display:block;width:100%;height:670px;background:url('../img/bnr_img.jpg')no-repeat center;background-size:cover}
    .tab_cont01 .m_img_area{display:none}
    .inner{position:relative;width:1200px;margin:0 auto;}
}

.recruit_pop{display:none;position:absolute;left:0;top:0;width:100%;padding-top:100px;padding-bottom:200px;z-index:1000}
.recruit_pop .img{max-width:800px;margin:0 auto}
.pop_close{display:block;position:absolute;top:-60px;right:0;width:43px;height:43px;background:url('../img/pop_close.png') no-repeat;text-indent:-100000px;font-size:0}


.recruit_ad_list{margin:55px 0 95px}
.ad_state{padding:40px 40px 25px;background:#e9e9e9}
.ad_state .lyr_tit, .ad_state ul{display:inline-block;vertical-align:middle}
.ad_state ul{overflow:hidden;margin-left:40px}
.ad_state li{display:inline-block;min-width:150px;height:110px;padding:18px 10px 0;box-sizing:border-box;background:#fff;margin:0 10px 15px;font-size:0.8125rem;color:#888}
.ad_state li:last-child{margin-right:0}
.ad_state li span{display:block;margin-top:15px;font-size:2.5rem;color:#444}

.ad_listing{padding-top:50px}
.ad_listing ul{width:990px;margin:0 auto}
.ad_listing li{float:left;width:31.3131%;height:200px;margin:0 1.0101% 20px;padding:24px 40px 0;border:1px solid #ccc;box-sizing:border-box}
.ad_listing .ad_comp{font-size:1.125rem;color:#444}
.ad_listing .ad_comp span{display:inline-block;vertical-align:middle}
.ad_listing .ad_comp span.ellipsis{max-width:calc(100% - 50px)}
.ad_listing .ad_comp span.type{position:relative;margin-left:24px;font-size:0.8125rem;color:#888}
.ad_listing .ad_comp span.type:before{content:'';position:absolute;left:-8px;bottom:2px;width:1px;height:12px;background:#888}
.ad_listing .ad_title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:calc(1.35em * 2);text-overflow:ellipsis;margin:24px 0;font-size:1.25rem;line-height:135%;color:#888}
.ad_listing span.new{display:inline-block;vertical-align:2px;margin-left:15px}
.ad_listing .d_day{font-size:1rem;color:#888}

@media screen and (max-width:1100px) {
    .ad_listing ul{width:100%}
}
@media screen and (max-width:900px) {
    .ad_state{padding:25px 20px 5px}
    .ad_state .lyr_tit{display:block;margin-bottom:15px}
    .ad_state ul{width:100%;margin-left:0}
    .ad_state li{min-width:20%;height:100px;margin:0 1% 12px}
    .ad_state li span{font-size:2.1875rem}

    .ad_listing li{height:150px;padding:20px 20px 0}
    .ad_listing .ad_comp{font-size:1rem}
    .ad_listing .ad_title{margin:15px 0;font-size:1.0625rem}
    .ad_listing span.new{vertical-align:1px}
    .ad_listing span.new img{width:15px}
    .ad_listing .d_day{font-size:0.9375rem}
}
@media screen and (max-width:640px) {
    .ad_state .lyr_tit{font-size:1.4375rem}
    .ad_state li{min-width:25%;height:90px}
    .ad_state li span{margin-top:10px;font-size:1.875rem}

    .ad_listing{padding-top:30px}
    .ad_listing li{width:48%;margin:0 1% 10px}
}
@media screen and (max-width:400px) {
    .ad_state .lyr_tit{font-size:1.25rem}
    .ad_state li{min-width:30%;height:90px}

    .ad_listing li{width:100%;height:auto;padding-bottom:15px;margin-left:0;margin-right:0}
    .ad_listing .ad_comp{font-size:0.9375rem}
    .ad_listing .ad_comp span.type{font-size:0.75rem}
    .ad_listing .ad_title{font-size:1rem;height:auto;max-height:calc(1.35em * 2)}
    .ad_listing .d_day{font-size:0.8125rem}
}

.recruit_ad{margin:55px 0 95px}
.w920{position:relative;max-width:920px;padding:0 20px;margin:0 auto}
.ad_info{border:1px solid #d9d9d9;box-sizing:border-box;padding:25px 0 30px}
.ad_info .tit_area{width:calc(100% - 240px)}
.ad_info .tit_text{padding-bottom:8px}
.ad_info .d_day{display:block;left:50%;top:-13px;line-height:22px;border-radius:20px;padding:0 10px;border:1px solid #fff;background:#5a111c;font-family:'NanumBarunGothic-Bold';font-size:1rem;color:#fff;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
.ad_info .lyr_link{display:block;position:absolute;right:20px;top:50%;width:180px;line-height:50px;background:#5a111c;border-radius:5px;font-size:1rem;color:#fff;text-align:center;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.ad_info_s{margin-top:15px;padding-top:25px;border-top:1px solid #d9d9d9}
.ad_info_s dl{display:inline-block;overflow:hidden;width:48%;margin-bottom:12px;vertical-align:middle}
.ad_info_s dl:nth-child(odd){margin-right:2%}
.ad_info_s dt, .ad_info_s dd{float:left;font-size:0.9375rem}
.ad_info_s dt{width:100px;color:#444;line-height:163%}
.ad_info_s dd{width:calc(100% - 100px);color:#888;line-height:163%}

@media screen and (max-width:960px) {
    .ad_info .tit_area{width:calc(100% - 200px)}
    .ad_info .tit_text{font-size:1rem}
    .ad_info .lyr_tit{font-size:1.375rem}
    .ad_info .lyr_link{width:150px;line-height:45px;margin-top:5px;font-size:0.9375rem}
    .ad_info .d_day{line-height:20px;font-size:0.9375rem}
}
@media screen and (max-width:850px) {
    .ad_info .tit_text{padding-bottom:5px;font-size:0.9375rem}
    .ad_info .lyr_tit{font-size:1.3125rem}
    .ad_info .lyr_link{line-height:40px}
    .ad_info .d_day{top:-12px;line-height:18px;font-size:0.875rem}
    .ad_info_s dt, .ad_info_s dd{font-size:0.875rem}
}
@media screen and (max-width:640px) {
    .ad_info{padding:20px 0}
    .ad_info .tit_area{width:100%;text-align:center}
    .ad_info .lyr_link{position:relative;top:auto;right:auto;margin:20px auto 0;font-size:0.875rem;
    -webkit-transform:translateX(0%);
    -ms-transform:translateX(0%);
    transform:translateX(0%)
    }
    .ad_info_s dt{width:90px}
    .ad_info_s dd{width:calc(100% - 90px)}
}
@media screen and (max-width:500px) {
    .ad_info_s dl{display:block;width:100%}
    .ad_info_s dl:nth-child(odd){margin-right:0}
}

.ad_cont_opt{padding:12px 7px 0 0}
.ad_cont_opt li{float:right;margin-left:35px}
.ad_cont_opt li, .ad_cont_opt a{font-size:0.9375rem;color:#888}
.ad_cont_opt span{display:inline-block;padding-left:15px;color:#444}
.ad_cont_opt a img{vertical-align:-3px}
.ad_cont .image{padding-top:40px}
.m_image{display:none}
.ad_conditions{padding-top:50px}
.ad_conditions .layer{margin-bottom:60px}
.ad_conditions .lyr_tit{padding-bottom:15px;font-size:1.25rem}
.ad_conditions .lyr_tit span{}
.ad_conditions .table{table-layout:fixed;width:100%}
.ad_conditions .col1{width:14.5%}
.ad_conditions .col2{width:35.5%}
.ad_conditions .col3{width:41%}
.ad_conditions .col4{width:9%}
.ad_conditions th{padding:12px 0;border-top:3px solid #5a111c;border-bottom:1px solid #e9e9e9;font-size:0.9375rem;color:#666;vertical-align:middle}
.ad_conditions td{padding:18px 10px;vertical-align:middle;border-bottom:1px solid #e9e9e9;font-size:0.8125rem;line-height:169%;color:#888;box-sizing:border-box;word-break:break-all}
/* .ad_conditions td.t_center{padding-left:0;padding-right:0} */
.ad_conditions td span{display:block;line-height:inherit}
.ad_conditions br.mblock{display:none}
.ad_conditions .lyr_cont{padding:0 20px}
.ad_conditions .lyr_cont p{font-size:0.8125rem;line-height:169%;color:#888}

@media screen and (max-width:640px) {
    .ad_cont_opt li{margin-left:20px}
    .ad_cont_opt li, .ad_cont_opt a{font-size:0.8125rem}
    .ad_cont_opt span{padding-left:8px}
    .image.w920{padding:20px 0 0}
    .pc_image{display:none}
    .m_image{display:block}
    .ad_conditions{padding-top:30px}
    .ad_conditions .layer{margin-bottom:40px}
    .ad_conditions .lyr_tit{padding-bottom:8px;font-size:1rem}
    .ad_conditions th{padding:8px;font-size:0.8125rem}
    .ad_conditions td{padding:8px;font-size:0.75rem;line-height:150%}
    .ad_conditions .lyr_cont p{font-size:0.8125rem}
}
@media screen and (max-width:480px) {
    .ad_conditions th{padding:8px;font-size:0.75rem}
    .ad_conditions br.mblock{display:block}
}

.recruit_agree{padding:55px 0 95px}
.apply_agreements .layer{border-top:2px solid #5a111c;margin-bottom:80px}
.apply_agreements .lyr_tit{padding:15px 50px;border-bottom:1px solid #ccc}
.apply_agreements .text_cont{padding:25px 50px;border-bottom:1px solid #ccc}
.apply_agreements .layer ol li{margin-bottom:30px}
.apply_agreements .layer ol li:last-child{margin-bottom:0}
.apply_agreements .layer .o_text{padding-bottom:15px;font-size:0.9375rem;color:#5a111c}
.agree_chk{padding-top:20px}
.agree_chk fieldset.agree_field{overflow:hidden;float:right}
.agree_chk .input_radio.m_r40{margin-right:40px}
.agree_chk input, .agree_all input{overflow:hidden;position:absolute;width:0.1px;height:0.1px;opacity:0}
.agree_chk label, .agree_all label{font-size:0.9375rem;color:#888;cursor:pointer}
.chk_ico{display:inline-block;position:relative;width:26px;height:26px;vertical-align:-9px;margin-right:5px}
.chk_ico > img{position:absolute;left:0;top:0;width:100%}
.chk_ico > img.on{opacity:0}
.agree_chk input:checked + label .chk_ico > img.on, .agree_all input:checked + label .chk_ico > img.on{opacity:1}
.agree_chk input:checked + label .chk_ico > img.off, .agree_all input:checked + label .chk_ico > img.off{opacity:0}
.agree_all{padding-top:10px}
.agree_all label{font-size:1.0625rem;color:#444}
.agree_all label .chk_ico{width:30px;height:30px;vertical-align:-11px}
.apply_btns a, .apply_btns button{display:block;width:180px;line-height:50px;border-radius:5px;background:#5a111c;font-size:1.125rem;color:#fff;text-align:center}

@media screen and (max-width:1100px) {
    .apply_agreements .layer{margin-bottom:50px}
    .apply_agreements .lyr_tit{padding:15px 30px;font-size:1.4375rem}
    .apply_agreements .text_cont{padding:20px 30px}
    .apply_agreements br.m_none{display:none}
}
@media screen and (max-width:900px) {
    .apply_agreements fieldset.agree_field, .agree_chk .input_radio{float:none}
    .apply_agreements .input_radio.m_r40{margin:0 0 10px 0}
}
@media screen and (max-width:640px) {
    .apply_agreements .lyr_tit{padding:10px 20px;font-size:1.3125rem}
    .apply_agreements .text_cont{padding:10px 20px}
    .agree_chk label{font-size:0.875rem}
    .agree_chk .chk_ico{width:20px;height:20px;vertical-align:-6px}
    .agree_all{padding-top:8px}
    .agree_all label{font-size:1rem}
    .agree_all label .chk_ico{width:25px;height:25px;vertical-align:-8px}
    .apply_btns a, .apply_btns button{width:160px;line-height:45px;font-size:1rem}
}
@media screen and (max-width:530px) {
    .apply_agreements .lyr_tit{font-size:1.25rem}
    .agree_chk label{font-size:0.8125rem}
}
@media screen and (max-width:490px) {
    .apply_agreements .lyr_tit{font-size:1.125rem}
    .agree_chk label{line-height:180%}
    .apply_agreements span.m_block{display:block;margin-left:28px}
    .agree_all{padding-top:8px}
    .agree_all label{font-size:0.9375rem}
    .agree_all label .chk_ico{width:23px;height:23px;vertical-align:-7px}
    .apply_btns a, .apply_btns button{width:140px;line-height:40px;font-size:0.9375rem}
}
@media screen and (max-width:400px) {
    .apply_agreements .layer{margin-bottom:30px}
    .agree_all{padding-top:6px}
    .agree_all label{font-size:0.875rem}
    .apply_agreements .apply_btns a, .apply_agreements .apply_btns button{width:90px;line-height:35px;font-size:0.875rem}
}

.apply_steps{padding:55px 0 95px}
/* STEPS GUIDE */
.steps_guide{width:1100px;margin:0 auto}
.steps_guide.apply_steps{padding-bottom:0}
.steps_guide ul{overflow:hidden}
.steps_guide li{float:left;width:calc(25% - 1px);height:100px;margin-right:1px;background:#e9e9e9;box-sizing:border-box}
.steps_guide li:last-child{width:25%;margin-right:0}
.steps_guide li.on{background:#fff;border-bottom:3px solid #5a111c}
.steps_guide .step{padding:25px 0 0 50px;font-size:0.875rem;color:#888}
.apply_steps .layer{border-top:2px solid #5a111c;margin-bottom:80px}
.apply_steps .lyr_tit{padding:15px 0 15px 50px;font-size:1.25rem;color:#888}
.apply_steps .lyr_tit .limitCount{font-size:0.8rem}
.apply_steps .layer .lyr_tit{border-bottom:1px solid #ccc;color:#444}

@media screen and (max-width:1100px) {
    .steps_guide .step{padding-left:30px;font-size:0.8125rem}
    .apply_steps .layer, .steps_guide ul{margin-bottom:50px}
    .apply_steps .lyr_tit{padding:15px 0 15px 30px;font-size:1.1875rem}
}
@media screen and (max-width:640px) {
    .steps_guide li{height:90px}
    .steps_guide .step{padding-left:20px;font-size:0.75rem}
    .apply_steps .lyr_tit{padding:10px 0 10px 20px;font-size:1.0625rem}
}
@media screen and (max-width:530px) {
    .apply_steps .lyr_tit{font-size:1.0625rem}
}
@media screen and (max-width:490px) {
    .steps_guide li{height:80px}
    .steps_guide .step{padding:20px 0 0 10px;font-size:0.75rem}
    .apply_steps .lyr_tit{padding-left:10px;font-size:0.825rem}
    .apply_steps .lyr_tit .limitCount{font-size:0.25rem}
}
@media screen and (max-width:420px) {
    .apply_steps .layer, .steps_guide ul{margin-bottom:30px}
    .steps_guide li{height:70px}
    .steps_guide .step{padding-top:20px;font-size:0.625rem}
    .steps_guide .lyr_tit{font-size:0.75rem}
}

/* FORM */
.apply_steps .text_cont{padding:30px 60px;border-bottom:1px solid #ccc}
.input_file_area > div{display:inline-block;vertical-align:bottom}
.file_thumb{width:158px;height:204px;border:1px solid #e9e9e9;box-sizing:border-box}
.file_thumb span{display:block;padding-top:95px;font-size:1rem;color:#888;text-align:center}
.input_file input{overflow:hidden;position:absolute;width:0.1px;height:0.1px;opacity:0;z-index:-1}
.input_file label{display:block;margin-left:20px;width:150px;line-height:50px;background:#f0f0f0;font-size:1rem;color:#888;text-align:center;cursor:pointer}
.file_thumb .thumbnail{left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
select, input[type="text"], textarea{-webkit-appearance:none;border-radius:0}
.input_common{margin-bottom:20px}
.input_common label, .input_area{position:relative;float:left}
.input_common label{width:200px;font-size:1rem;color:#444;line-height:50px}
.input_area{width:265px}
.input_area.extra_case input{width:200px}
.input_area.extra_case .unit{margin-left:10px;color:#999}
.input_area.divide input, .input_area.divide select{width:44%;padding:0 10px;vertical-align:middle}
.input_area.divide .bridge{display:inline-block;width:12%;color:#999;text-align:center;vertical-align:middle}
.input_common select, .input_common input{width:100%;height:50px;padding:0 30px;border:1px solid #e9e9e9;box-sizing:border-box;font-size:1rem;color:#888}
.input_common select{
-webkit-appearance: none; /* 화살표 없애기 for chrome*/
-moz-appearance: none;    /* 화살표 없애기 for firefox*/
appearance: none;         /* 화살표 없애기 공통*/
background: url('../img/sel_arr.png') no-repeat 90% 50%; /* 화살표 아이콘 추가 */
}
.input_common select::-ms-expand {
   display: none;         /* 화살표 없애기 for IE10, 11*/
}
.input_date input{padding-right:60px}
.input_date .cal{right:0;top:0;width:50px;height:100%;border-left:1px solid #e0e0e0;background:url('../img/cal_ico.png') no-repeat center}
.input_common .sym{float:left;margin:0 10px;line-height:50px;font-size:16px;color:#888}
.input_hp .input_area{width:150px}
.input_address .input_area{width:585px}
.input_address input.p_code{width:150px}
.input_address .find{display:inline-block;width:150px;height:50px;margin:0 15px;background:#f0f0f0;font-size:1rem;color:#888}
.input_common .footnote{display:inline-block;vertical-align:bottom;font-size:0.8125rem;color:#888;white-space:nowrap}
.input_radio{margin-right:15px}
.input_radio input{overflow:hidden;position:absolute;width:0.1px;height:0.1px;opacity:0;z-index:-1}
.input_radio label{display:block;position:relative;padding-left:30px;color:#888}
.input_radio label:before, .input_radio label:after{content:'';position:absolute;border-radius:50%}
.input_radio label:before{left:0;top:50%;width:21px;height:21px;margin-top:-12px;border:1px solid #ccc;box-sizing:border-box}
.input_radio label:after{left:5px;top:50%;width:11px;height:11px;margin-top:-7px;background:#666;opacity:0}
.input_radio input:checked + label:after{opacity:1}
.agree_field .input_radio label:before{display:none}
.agree_field .input_radio label:after{display:none}
.input_w100 .input_area{width:calc(100% - 200px)}

.total_exp{padding:10px 0;font-size:1rem;color:#444}
.total_exp span{font-size:1.25rem}
.apply_steps .add_field{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ccc}
.apply_steps .add_btn{width:155px;height:45px;background:#e9e9e9;font-size:1rem;color:#666}

.req{padding:0 60px 10px 0}
.remark{position:relative;font-size:1rem;color:#444;line-height:163%}
.remark:before{content:'';position:absolute;left:-16px;top:50%;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#5a111c;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
.remark.none:before{display:none}
.apply_step4 .remark{margin-bottom:15px}
.apply_step4 .remark:before{top:8px;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
.req .remark{margin-bottom:0;font-size:0.8125rem;color:#888}
.req .remark:before{top:4px}

.apply_step4 .text{display:block;margin-top:15px}
.intro_textarea{width:100%;height:300px;padding:15px;resize:none;border-color:#e9e9e9;;box-sizing:border-box;font-family:'NanumBarunGothic';font-size:0.9375rem;color:#444}
.text_count{padding-top:10px;font-size:1rem;color:#888}

.apply_btns a, .apply_btns button{display:block;width:180px;line-height:50px;border-radius:5px;background:#5a111c;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box}
.apply_btns a.apply_prev{background:#fff;border:1px solid #d9d9d9;color:#5a111c}
.apply_btns em{display:inline-block;padding-left:10px}

@media screen and (max-width:1180px) {
    .steps_guide{width:93.22%}
    .input_common label{width:120px}
    .input_area{width:30%}
    .input_wrap > div{width:50%}
    .input_wrap .input_area{width:60%}
    .input_w100 .input_area{width:calc(100% - 120px)}
}
@media screen and (max-width:1100px) {
    .req{padding-right:40px}
    .apply_steps .text_cont{padding:20px 40px}
    .apply_steps .add_field{padding-top:10px;padding-bottom:10px}
    .file_thumb span, .input_file label, .input_common label, .input_common input, .input_common select, .input_common .sym, .input_address .find, .input_radio label, .total_exp, .apply_steps .add_btn{font-size:0.9375rem}
    .total_exp span{font-size:1.1875rem}
}
@media screen and (max-width:860px) {
    .apply_step4 .layer .remark, .text_count{font-size:0.9375rem}
    .input_common{margin-bottom:10px}
    .input_area{width:50%}
    .input_common input, .input_common select{padding:0 20px}
    .input_wrap > div{float:none;width:100%}
    .input_wrap .input_area{width:50%}
    .input_hp .input_area{width:22%}
    .input_address .input_area{width:calc(100% - 120px)}
    .input_address input.p_code, .input_address .find{width:30%}
    .input_email .input_area{width:35%}
    .input_common .remark{display:block}
    .apply_step4 .input_common .remark{margin-top:10px}
    .input_address input.m_b20{margin:15px 0 10px}
    .input_date input{padding-right:60px}
    .input_date2 .input_area{width:calc(50% - 80px)}
}
@media screen and (max-width:650px) {
    .req{padding:0 20px 5px 0}
    .apply_steps .text_cont{padding:20px}
    .apply_steps .add_field{padding-top:10px;padding-bottom:10px}
    .input_file label{line-height:45px}
    .file_thumb span, .input_file label, .input_common label, .input_common input, .input_common select, .input_common .sym, .input_address .find, .input_radio label, .total_exp, .apply_steps .add_btn{font-size:0.875rem}
    .total_exp span{font-size:1rem}
    .input_common label{line-height:45px}
    .input_common input, .input_common select, .input_address .find{height:45px}
    .input_common input, .input_common select{padding:0 15px}
    .input_email .input_area{width:28%}
    .input_hp .input_area{width:18.5%}
    .input_common .sym, .input_address .find{font-size:0.8125rem}
    .input_common .sym{margin:0 5px}
    .input_radio label:before{width:18px;height:18px;margin-top:-10px}
    .input_radio label:after{left:4px;width:10px;height:10px;margin-top:-6px;background:#666;opacity:0}
    .intro_textarea{height:200px}

    .apply_btns a{width:160px;line-height:45px;font-size:0.9375rem}
}
@media screen and (max-width:540px) {
    .input_address input.p_code, .input_address .find{width:40%}
    .input_area{width:60%}
    .input_wrap .input_area{width:60%}
    .input_wrap .input_area.extra_case input{width:60%}
    .input_date .cal{width:40px}
    .input_date input{padding-right:50px}
    .apply_steps .add_btn{float:none;width:130px;height:40px;margin:0 auto}
    br.m_none{display:none}

    .apply_btns a{width:140px;line-height:40px;font-size:0.875rem}
}
@media screen and (min-width:421px) and (max-width:540px) {
    .input_date2 .input_area:last-child{clear:both;margin-left:120px}
    .input_date2 .input_area{width:60%}
}
@media screen and (max-width:420px) {
    .apply_step4 .layer .remark, .intro_textarea, .text_count{font-size:0.875rem}
    .apply_steps .text_cont{padding:15px}
    .apply_steps .add_field{padding-top:10px;padding-bottom:10px}
    .input_common label{display:block;width:100px}
    .input_common select{background-position:95% 50%;background-size:13px}
    .input_date .cal{background-size:14px}
    .input_email label, .input_hp label, .input_address label, .input_date2 label, .input_w100 label{float:none;line-height:normal;margin-bottom:5px}
    .input_email label, .input_date2 label, .input_w100 label{margin-top:10px}
    .input_email .input_area, .input_hp .input_area, .input_date2 .input_area{float:left}
    .input_date2 .input_area{width:calc(50% - 10px)}
    .input_email .input_area{width:calc(50% - 12px)}
    .input_hp .input_area{width:calc(33.3333% - 12px)}
    .input_area, .input_wrap .input_area{width:calc(100% - 100px)}
    .input_address .input_area, .input_w100 .input_area{width:100%}
}
@media screen and (max-width:400px) {
    .file_thumb{width:40%;height:180px}
    .file_thumb span{padding-top:85px}
    .input_file{width:calc(60% - 20px)}
    .input_file label{width:100%}

    .apply_btns a{width:130px;line-height:35px;font-size:0.8125rem}
}
@media screen and (max-width:350px) {
    .apply_steps .text_cont{padding:15px 0}
    .apply_step4 .text_cont{padding:15px}
    .apply_steps .add_field{padding-top:10px;padding-bottom:10px}
    .file_thumb{height:160px}
    .file_thumb span{padding-top:75px}
}

.apply-steps{display:none}
.changeable-field-list{margin-top:20px;padding-top:20px;border-top:1px solid #ccc}
.changeable-field-list:first-child{margin-top:0;padding-top:0;border-top:none}

.btn_upload{display:inline-block;margin-top:25px;width:auto;height:50px;line-height:50px;padding:0 20px;border:1px solid #bdbab1;background-color:#bdbab1;box-sizing:border-box;}
.btn_upload img{margin-right:5px;vertical-align:1px;}
.btn_uploadList{display:inline-block;margin-left:10px;width:auto;height:20px;line-height:20px;padding:0 10px;background: #990a13;color:#FFF;box-sizing:border-box;}
.add-file{margin-top:10px}