#FOOTER-MENU_CONTACT_US .gu_kv .kv_img_area{background-image: url("../../../img/footer-menu/contact-us/kv_contact-us.jpg")}
#FOOTER-MENU_CONTACT_US .contents_inner>.section{margin-top: 100px;margin-bottom: 60px;}
#FOOTER-MENU_CONTACT_US .user_list_area{border: 1px solid #ccc;width: 100%;height: 100%;position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#FOOTER-MENU_CONTACT_US .user_list_area .user_list_area_info{position: absolute;right: 112px;top: 55px;font-size: 14px;color: #666}
#FOOTER-MENU_CONTACT_US .user_list_area ul{padding: 75px 112px }
#FOOTER-MENU_CONTACT_US .user_list_area ul li{font-size: 0;margin-top:28px}
#FOOTER-MENU_CONTACT_US .user_list_area ul li:first-child{margin-top: 0}
#FOOTER-MENU_CONTACT_US .user_list_area ul li>div{display: inline-block;vertical-align: top;height: 62px;line-height: 62px;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li>div.input_tit{font-size: 18px;color: #222;width: 152px;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li>div.input_box{width: calc(100% - 152px);padding-left: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#FOOTER-MENU_CONTACT_US .user_list_area ul li .input_tit span.required{font-size:18px;color: #e35b0a;padding-left: 4px;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li .input_box input{font-size: 18px;width: 100%;height: 62px;line-height: 62px;color: #999;border-bottom: 1px solid #ccc;vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* user name */
#FOOTER-MENU_CONTACT_US .user_list_area ul li.name_area .input_box{font-size: 0}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.name_area .input_box input{width: 48%;display: inline-block;vertical-align: top;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.name_area .input_box input.input_first_name{margin-right: 2%}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.name_area .input_box input.input_surname{margin-left: 2%}

/* user e-mail */
#FOOTER-MENU_CONTACT_US .user_list_area ul li.mail_area .input_box{font-size: 0}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.mail_area .input_box .cform{display: inline-block;vertical-align: top}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.mail_area .input_box .input_mail_id{width: 40%}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.mail_area .input_box span.cform{width: 6%;text-align: center;font-size: 20px;color: #222}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.mail_area .input_box .input_mail_domain{width: 54%;}

/* user contents */
#FOOTER-MENU_CONTACT_US .user_list_area ul li.contents_area{margin-top: 42px}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.contents_area .input_box{height: 260px}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.contents_area .input_box textarea{width: 100%;height: 100%;overflow-y: auto;padding: 25px 32px;background: #f5f5f5;font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* user upload file */
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area{margin-top: 42px;position: relative;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area>div{vertical-align: top}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .input_tit{line-height: 1}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .input_box{height: 100%}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area {position: relative; font-size:0;line-height: 40px}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area #file {position: absolute;left: 0;top: 0;display: inline-block;width:90px;height:40px;cursor:pointer;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area label {display:inline-block;width: 90px;height: 40px;line-height: 40px;font-size: 14px;text-align: center;margin: 0 auto;border: 1px solid #999;background-color: #fff;cursor:pointer;color:#222;vertical-align: top;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area #file:hover+label{background: #e35b0a;color: #fff;border-color:#e35b0a}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area .input_file_name {width: calc(100% - 140px);background: #fff; margin-left:20px;border:none; height:40px; font-size:14px;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area .btn_delete {position: absolute; right: 0; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); display:none;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area .btn_delete span {font-size:16px;color:#999;}
#FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area p.caption {color: #666; margin-top:16px;font-size: 14px;line-height: 1}


/* 셀렉트박스 */
#FOOTER-MENU_CONTACT_US .fclear .gu_sort_area {float:right;margin-bottom:50px;}
#FOOTER-MENU_CONTACT_US .gu_sort_area .gu_selectbox{}
#FOOTER-MENU_CONTACT_US .gu_sort_area .gu_sort_name{width:184px;}
#FOOTER-MENU_CONTACT_US .gu_sort_area .gu_sort_name a{color:#222;}

#FOOTER-MENU_CONTACT_US .btn_submit{text-align: center;margin: 80px auto 160px}
#FOOTER-MENU_CONTACT_US .btn_submit .gu_btn_arrow_right span:before{transition: all 0.3s}
#FOOTER-MENU_CONTACT_US .btn_submit .gu_btn_arrow_right:hover{background-color: #e35b0a;color: #fff;border-color: #e35b0a}
#FOOTER-MENU_CONTACT_US .btn_submit .gu_btn_arrow_right:hover span:before{right: -4px;background-image: url("../../../img/common/ico_arrow_white_right.png")}


/* ============================ popup ============================ */
#FOOTER-MENU_CONTACT_US .gu_popup .pop_contents{min-height: 267px;width: 522px;padding: 50px 80px;text-align: center}
#FOOTER-MENU_CONTACT_US .gu_popup .pop_contents .pop_cnt_tit{font-size: 22px;line-height: 28px;color:#222}
#FOOTER-MENU_CONTACT_US .gu_popup .pop_contents .pop_cnt_desc{font-size: 16px;line-height: 24px;color:#666;margin-top: 10px;}
#FOOTER-MENU_CONTACT_US .gu_popup .pop_contents .popup_bottom{margin-top: 35px}

#FOOTER-MENU_CONTACT_US .sub_copy_cn{display:inline-block; text-align:left;}
#FOOTER-MENU_CONTACT_US .sub_copy_cn .calling img{width:43px; padding-top:5px;}
#FOOTER-MENU_CONTACT_US .sub_copy_cn .location img{width:22px; padding-top:7px; padding-left: 8px; padding-right:13px;}
#FOOTER-MENU_CONTACT_US .sub_copy_cn .text{padding-left:42px; font-size:22px;}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #FOOTER-MENU_CONTACT_US .user_list_area .user_list_area_info{right: 55px;top: 30px;font-size: 12px;}
    #FOOTER-MENU_CONTACT_US .user_list_area ul{padding: 55px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li{margin-top: 30px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li>div{height: 50px;line-height: 50px;}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li .input_box input{height: 50px;line-height: 50px;font-size: 15px;}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li>div.input_tit{font-size: 15px;width: 128px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li>div.input_box{width: calc(100% - 128px)}

    #FOOTER-MENU_CONTACT_US .user_list_area ul li.name_area .input_box input.input_first_name{width: 44%;margin-right: 2%}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.name_area .input_box input.input_surname{width: 52%;margin-left: 2%}

    #FOOTER-MENU_CONTACT_US .user_list_area ul li.mail_area .input_box span.cform{font-size: 14px}

    #FOOTER-MENU_CONTACT_US .user_list_area ul li.contents_area .input_box textarea{padding: 25px 20px;font-size: 13px}

    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area #file{width: 112px;}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area label{width: 112px;font-size: 12px;}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area p.caption{font-size: 12px;margin-top: 10px}

    #FOOTER-MENU_CONTACT_US .btn_submit{margin:50px auto 120px;}
    #FOOTER-MENU_CONTACT_US .btn_submit .gu_btn_arrow_right{opacity: 1}
    

	#FOOTER-MENU_CONTACT_US .sub_copy_cn .calling img{width:35px; padding-top:4px;}
	#FOOTER-MENU_CONTACT_US .sub_copy_cn .location img{width:18px; padding-top:5px; padding-left: 8px; padding-right:9px;}
	#FOOTER-MENU_CONTACT_US .sub_copy_cn .text{padding-left:34px; font-size:20px;}

}	

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
    #FOOTER-MENU_CONTACT_US .contents_inner>.section{margin-top: 30px}
    #FOOTER-MENU_CONTACT_US .user_list_area .user_list_area_info{right: 20px;top: 38px;}
    #FOOTER-MENU_CONTACT_US .user_list_area ul{padding: 70px 20px 60px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li{margin-top: 32px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li>div{display: block;width: 100%;height: 42px;line-height: 42px;}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li>div.input_tit{height: unset;line-height: 1;width: 100%;margin-bottom: 3px;font-size: 14px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li>div.input_box{width: 100%;margin:0;padding: 0;font-size: 14px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li .input_box input{height: 42px;line-height: 42px;font-size: 14px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.name_area .input_box input.input_first_name{width: 48%;margin-right: 2%}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.name_area .input_box input.input_surname{width: 48%;margin-left: 2%}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.contents_area .input_box{margin-top: 20px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .input_box{margin-top: 20px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area #file{width: 90px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area label{width: 90px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area .input_file_name{width: calc(100% - 160px);margin-left: 10px;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area .btn_delete{height: 40px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area .upload_area .btn_delete span{font-size: 13px}
    #FOOTER-MENU_CONTACT_US .user_list_area ul li.file_area p.caption{margin-top: 20px;line-height: 18px}
    #FOOTER-MENU_CONTACT_US .gu_sort_area .gu_sort_name,.gu_sort_area .gu_sort_name{width: 100%}
    .gu_sort_area .gu_selectbox .gu_selectbox_inner a{font-size: 14px}
    #FOOTER-MENU_CONTACT_US .gu_sort_area .gu_selectbox{width:100%}
    #FOOTER-MENU_CONTACT_US .gu_sort_area .gu_sort_name a{font-size:14px;}

    #FOOTER-MENU_CONTACT_US .gu_popup .pop_contents{width: 90%;padding: 40px 15px;min-height: 100%}
    #FOOTER-MENU_CONTACT_US .gu_popup .pop_contents .pop_cnt_tit{font-size: 18px;line-height: 21px}
    #FOOTER-MENU_CONTACT_US .gu_popup .pop_contents .pop_cnt_desc{font-size: 13px;line-height: 19px}
    #FOOTER-MENU_CONTACT_US .gu_popup .pop_contents .popup_bottom{margin-top: 27px;}
    #FOOTER_MENU_CONTACT_US .gu_sort_area .gu_selectbox{width:63%;}

    #FOOTER-MENU_CONTACT_US .btn_submit{margin:50px auto 60px;}
    #FOOTER-MENU_CONTACT_US .sub_copy_cn .text{font-size:15px;}
}