

.sub_inner{max-width: 1280px; margin: 100px auto;}
.sub_tit{font-size: 34px; text-align: center; margin-bottom: 50px;}


/*서브페이지 하단 문의하기*/
.foot_inquiry{margin: 80px 0;}
.foot_inquiry_wrap{max-width: 1280px; margin: 0 auto;  display: flex;
    /* background-image: linear-gradient(135deg, #032d96, #021d60); */
    background-color: #231f20;
   }
.foot_inquiry_wrap>div{width:calc(100% / 2); padding: 50px;}
.foot_inquiry_wrap>div h2{font-size: 22px; color: #fff;margin-bottom: 30px;}
.ft_inq_left{}
.ft_inq_left_list{}
.ft_inq_left_list li{margin-bottom: 35px;}
.ft_inq_left_list li span{margin-bottom: 10px; font-size: 16px; font-weight: 600; color:var(--main-color) ; display: inline-block;}
.ft_inq_left_list li p{font-size: 16px; color: #fff; }

.ft_inq_right{}
.ft_inq_right ul{width: 100%;}
.ft_inq_right ul li{display: flex;}
.ft_inq_right ul li div{width: calc(100% / 2 - 10px); margin: 5px;}
.ft_inq_right ul li div input{padding: 10px; width: 100%; height: 44px; border-radius: 5px;}
#ft_inq_right ul li div{padding: 0;}
#ft_inq_right ul li.text_area div {width: 100%;}
#ft_inq_right ul li.text_area div textarea{width: 100%; padding: 10px;  border-radius: 5px;}
.form_bot{display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.ft_inq_submit{background-color: var(--main-color); width: 200px; height: 50px; color: #fff; font-size: 18px; border-radius: 50px; border: none;}
.form_bot .agree_txt{color: #fff;}
.form_bot .agree_txt a{color: #fff;}



/*문의하기*/
.inquiry{}
.inquiry .inquiry_wrap{}
.inquiry .inquiry_wrap table{width: 100%; border: 1px solid #ccc; border-collapse: collapse;}

.inquiry .inquiry_wrap table tr th{padding: 20px; background-color: #f4f4f4; color: #444; font-size: 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;} 
.inquiry .inquiry_wrap table tr td{padding: 20px; font-size: 15px;     border-bottom: 1px solid #ddd;}
.inquiry .inquiry_wrap table tr td input{overflow: hidden; border: 1px solid #ddd; border-radius: 4px; background-color: #f4f4f4; width: 300px; padding: 10px;}
.inquiry .inquiry_wrap table tr td textarea{width: 100%; overflow: hidden; border: 1px solid #ddd; border-radius: 4px; background-color: #f4f4f4;  padding: 10px; height: 100px;}
.inquiry .inquiry_wrap table tr td input[type=radio]{width: auto;}
.inquiry .inquiry_wrap table tr td label{margin-left: 5px;}

.check_wrap{margin-top: 50px; text-align: center; }
.check_wrap .agree_txt label{font-size: 15px; color: #444;}
.check_wrap .agree_txt label a{}
.check_wrap .btn_submit1{width: 200px; height: 70px; margin: 20px auto; font-size: 20px; background-color: #28499a; color: #fff; border: none; border-radius: 50px;}


/*test*/
.test_wrap{max-width: 1280px ;margin: 100px auto; display: none;}
.test_wrap ul{display: flex; flex-wrap: wrap; background-color: #fafafa; padding:20px 10px}
.test_wrap ul li{margin: 5px; padding: 5px; border-radius: 3px; border: 1px solid #ccc; font-size: 13px; font-weight: 500; color: #666; width: calc(100% / 8 - 10px); display: flex; align-items: center; justify-content: center; text-align: center; word-break: keep-all;}



/*aside*/
.aside{position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 90;}
.aside ul{}
.aside ul li{}
.aside ul li a{display: flex; flex-direction: column; justify-content: center; width: 80px; height: 80px; margin: 5px 0; border-radius: 50%; border:1px solid #eee; background-color: #fff;    text-align: center; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); padding: 15px 5px; transition: all .3s;}
.aside ul li.tel a i{color:#28499a ;}
.aside ul li.blog a i{color:#2db400 ;}
.aside ul li.e_mail a i{color:#ff9600 ;}
.aside ul li.kakao a i{color:#3b1e1e ; font-size: 30px;}
.aside ul li a i{margin-bottom: 5px;font-size: 22px;}
.aside ul li a span{font-size: 12px; font-weight: 600;}
.aside ul li a:hover{box-shadow: 2px 2px 5px rgba(31,157,211,0.5);}



 /*******************************반응형*************************************/
 @media (max-width: 1380px) {  
    .sub_inner{width: 90%;}
   
    
 }
 @media (max-width: 1280px) {  
   .foot_inquiry{width: 95%; margin: 80px auto;}
  
   
}
 @media (max-width: 1024px) {  
    .sub_tit{font-size: 32px;}
   
    
 }

 @media (max-width: 800px) {  
   
    .aside{display: none;}
    .sub_table{overflow-x: auto;}
    .sub_table table{min-width: 700px;}

    .sub_tit{font-size: 26px;}

    .inquiry .inquiry_wrap table tr td input{width: 100%;}
    .inquiry .inquiry_wrap table tr {display: flex; flex-direction: column;}
    .inquiry .inquiry_wrap table tr th{text-align: left;}
    .foot_inquiry_wrap{flex-direction: column;}
    .foot_inquiry_wrap>div{width: 100%; padding: 20px;}
    .foot_inquiry_wrap>div h2{font-size: 20px;}

 }
 @media (max-width: 650px) {  
    .form_bot{flex-direction: column;}
    .form_bot .agree_txt{margin-bottom: 20px;}

 }
 @media (max-width: 480px) {  
    .sub_tit{font-size: 22px;}
   
    .foot_inquiry_wrap>div h2{font-size: 18px;}
 }