@charset "utf-8";
#footer{ background-color: #0E1937; color:#fff; width: 100%;box-sizing: border-box; position: relative;}
#footer a{color:#fff;}
#footer .inner {margin: 0 auto; padding:80px 0; max-width:1000px;}

.top-ft{display: flex;width: 100%;height: 200px;background: #FF4521;font-size: 32px;align-items: center;justify-content: center; font-weight: bold;}
.top-ft button{background:#fff; border-color:#fff; color:#ff4521; border-radius: 100px; padding:15px 50px; font-size:24px; margin-top: 0;}
.top-ft button.focus{background:#0e1937; border-color:#0e1937; color:#fff;}


.middle-ft{display: flex;max-width: 1000px;}
/* 주소 */
.left-ft {flex:1}
.left-ft .left-ft_tit b{display: block; margin-bottom: 25px;font-size:36px; font-weight: normal;}
.contact-txt .tit{font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.contact-txt p {margin-bottom: 10px;display: flex; align-items: flex-start;}
.contact-txt .ico{display: inline-block;width: 20px;height: 20px; margin-right: 10px;}


/* 폼메일 */
.right-ft {flex:1}
.basic_form {padding-top: 55px;}
.basic_form input[type=text],.basic_form select { border: none;width: 100%; padding:10px; box-sizing: border-box;}
.form_item {height: 55px; overflow: hidden;margin-bottom: 10px;}
.form_item .phone{position: relative;display: flex;}
.form_item.inquiry {height: auto;}
.form_item.inquiry .form_desc {overflow-y:auto; width: 100%; height: 110px;}
.form_item.inquiry .form_desc textarea { background-color: #f2f2f2; border: none; font-size: 16px; padding: 10px; resize: none; }
.form_item.inquiry .form_desc textarea:hover { background-color: #fff; }
#frm_btn { position: relative; width: 100%; margin-top: 10px; }
#frm_btn button {width: 100%; font-size:22px; padding: 18px 73px;}



/* 하단 푸터 */
.bottom-ft{width: 100%; background:#1E1E1E;}
.ft-gnb_wrap{display: flex; justify-content: space-between; font-size: 14px;}
.ft-gnb_list{width: 25%;}
.ft-gnb_list h4{font-weight: bold; margin-bottom: 10px;}
.ft-gnb_list li{line-height:1;margin-bottom: 10px;}
.ft-gnb_list li a{line-height:1;}

.footer_logo{margin-top: 120px;}
.footer_logo img {width: 110px;}
.footer_logo a{font-size:20px;}
.footer_logo span {background-color: #1E1E1E;padding-right: 10px;position: relative;z-index: 100;color: rgba(255, 255, 255, 0.5);}
#footer hr {position: relative;z-index: 99;top: -18px;border-color: rgba(255, 255, 255, 0.5);}
.footer_info{margin-top: 30px;}
.footer_info p{color: rgba(255, 255, 255, 0.5); line-height: 140%; margin-bottom: 15px;}

#footer .top_btn {z-index:100;width: 70px;height: 70px;border-radius: 50%;position: fixed;bottom: 20px;right: 20px;border: 1px solid #7286D0;background-color: #fff;box-sizing: border-box;cursor: pointer;}
#footer .top_btn .ico { display: block; width: 15px; height: 28px; margin: 20px auto 0; background: url('/img/icon/arr_top.png') no-repeat center center/cover; }





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

@media screen and (max-width:1024px){
    #footer .inner {padding:80px 0;}
    .top-ft{font-size: 22px;}
    .top-ft button{font-size:16px;}
}

@media screen and (max-width:768px){
    .top-ft{flex-flow: column wrap; text-align: center;}
    .top-ft button{margin-top: 20px;}
    .middle-ft{flex-flow: column wrap;}
    .ft-gnb_wrap{flex-wrap: wrap; justify-content: flex-start;}
    .ft-gnb_list{width: 33%; margin-bottom: 20px;}
    .footer_logo{margin-top: 50px;}
}


@media screen and (max-width:500px){
    select#phone_number{width: 45%!important;}
    input[id*='phone_number_value']{width:20%!important}
}