@charset "utf-8";

#landing_wrap { position:relative; max-width:1000px; min-width:320px; width:100%; margin:0 auto; }
.inner { position:relative; }
.inner:after {display:block;visibility:hidden;clear:both;content:""}

#sec_01 { position:relative; background:#58915a; }
#sec_01 .info_wrap { position:absolute; top:3%; left:5%; width:90%; z-index:2; }
#sec_01 .people { position:relative; width:60%; z-index:7; margin-left:40%; }

#main_text01 { position:relative; width:43.333333333333333333333%; margin:0; }
#main_text02 {  position:relative; margin-top:13%; width:68.88888888888888888889%; }
#main_text03 { position:relative; margin-top:2%; margin-left:-2%; width:100%; }
#main_text03:after {display:table;visibility:hidden;clear:both;content:""}
#main_text03 .txt1 { float:left; width:44.444444444444444444444444%; }
#main_text03 .txt2 { float:left; width:32.2222222222222222222222%; margin-left:-1.5%; }

#main_text04 {  position:relative; margin-top:8%; width:55.555555555555555555556%;  }
#main_text05 {  position:relative; margin-top:8%; width:55.555555555555555555556%;  }
#main_text06 {  position:relative; margin-top:22%; margin-left:-2.5%; width:63.888888888888888888889%;  }


#sec_02 { background: url('../img/2_bg.jpg') top center; background-size:cover; padding:35% 0 0; }

#sec_02 .main_text01 { margin:0 auto; width:69%; }
#sec_02 .main_text02 { margin:8% auto 15%; width:93%; }
#sec_02 .main_text03 { margin:0 auto 15%; width:82%; }
#sec_02 .main_text04 { margin:0 auto; width:83%; }

#sec_02 .main_text11 { margin:5% auto 10%; width:83%; }
#sec_02 .main_text12 { margin:0 auto; width:78%; }
#sec_02 .main_text13 { margin:10% auto 3%; width:33%; }
#sec_02 .main_text14 { margin:0 auto; width:86%; }
#sec_02 .main_text15 { margin:10% auto; width:83%; }
#sec_02 .main_text16 { margin:0 auto; width:74%; }
#sec_02 .main_text17 { margin:0 auto; width:86%; }

#sec_03 { }

#sec_04 { background: #e23344; padding:10% 0;  }
#sec_04 h2 { width:57%; margin:0 auto 10%; }
#sec_04 ul { width:100%; margin:0 auto; }
#sec_04 ul:after {display:table;visibility:hidden;clear:both;content:""}

#sec_05 { padding:20% 0 0;  }
#sec_05 h2 { width:67.5%; margin:0 auto 10%; }
#sec_05 p { width:65%; margin:0 auto 5%; }
#sec_05 p.main_p01 {  margin:15% auto 5%; }
#sec_05 .main_text01 { margin:3% 0; width:100%; }

#sec_06 { background: url('../img/6_bg.jpg') top center; background-size:cover; padding:15% 0 10%; }
#sec_06 h2 { width:61%; margin:0 auto 10%; }
#sec_06 p { width:50%; margin:0 auto 10%; }
#sec_06 .main_img { margin-bottom:10%; }


#sec_07 { background: #2e2926; padding:0 0 10%;  }
#sec_07 h2 { margin-bottom:5%; }
#landing_slider03 { margin-left:2%; }

.txt_center { text-align:center !important; }

#sec_ft {  background:#2e2f34; }
#sec_ft .ft_info {}
#sec_ft  h2 { font-weight:800; font-size:20px; }
#sec_ft .ft_info span + span { margin-left:30px; }

#ft_fix_btn { position:fixed; bottom:0; left:0; right:0; max-width:1000px; width:100%; margin:0 auto; z-index:99; }
#ft_fix_btn:after {display:block;visibility:hidden;clear:both;content:""}
#ft_fix_btn li { float:left; width:50%; }
#ft_fix_btn li a { display:inline-block; width:100%; height:55px; line-height:55px; background:#2f4e9e; color:#fff; font-size:16px; text-align:center; }
#ft_fix_btn li.bg1 a { background:#6a0718; }
#ft_fix_btn li.bg2 a { background:#dec708; }


#ad_counsel { position:relative; background:url('../img/9_img1.jpg') top center no-repeat; background-size:cover; padding:15% 0; }
#ad_counsel .desc { position:absolute; width:65%; top:-2.6%; left:50%; margin-left:-32.5%; }
#ad_counsel h2 { width:85%; margin:0 auto 10%; }

#ad_counsel input::-webkit-input-placeholder {
  color: #333;
}
#ad_counsel input:-ms-input-placeholder {
  color:#333;
}


/* #ad_counsel .cs_frm { width:80%; margin:0 auto; }
#ad_counsel .cs_frm:after {display:block;visibility:hidden;clear:both;content:""}
#ad_counsel .cs_frm ul { }
#ad_counsel .cs_frm ul:after {display:table;visibility:hidden;clear:both;content:""}
#ad_counsel .cs_frm ul li { vertical-align:middle; padding:2% 0; text-align:left; color:#fff; font-size:18px; }
#ad_counsel .cs_frm ul li .frm_input { width:100%; height:50px; background:#fff; color:#333; font-size:18px; }
#ad_counsel .cs_frm ul li .btn_submit { margin:5% auto 0; background:transparent; width:70%; border:0; }

#ad_counsel .cs_frm ul li strong { display:inline-block; margin-right:20px; font-size:22px; }
#ad_counsel .cs_frm ul li .frm_radio { width:30px; height:30px; background:transparent; color:#333; font-size:22px; }
#ad_counsel .cs_frm table {width:100%;border-collapse:collapse;border-spacing:0}
#ad_counsel .cs_frm th {width:180px;padding:15px 0;border-left:0;background:transparent;text-align:left; color:#fff; font-size:24px; }
#ad_counsel .cs_frm td {padding:15px 10px;background:transparent; color:#fff; font-size:22px;  }
#ad_counsel .cs_frm td .frm_input { width:100%; height:50px; background:#fff; color:#333; font-size:18px; }
#ad_counsel .cs_frm td .frm_radio { width:30px; height:30px; background:transparent; color:#333; font-size:20px; }
#ad_counsel .cs_frm td select { width:100%; height:50px; background:#fff; color:#333; font-size:18px;  }

#ad_counsel .frm_btn { text-align:center; }
#ad_counsel .frm_btn .btn_submit { margin:15% auto 0; background:transparent; width:95%; border:0; } */

#ft_fix_btn li a {
    height: 100px; /* 높이를 100px로 설정 */
    line-height: 100px; /* 텍스트를 수직 중앙 정렬 */
    font-size: 2rem; /* 폰트 크기를 2rem으로 설정 */
}
@media screen and (max-width:480px) {
	#ad_counsel .cs_frm th { display:none; }
	#sec_ft {  padding:0 0 15%; }
}

/* 🔹 전체 폼 스타일 */
.consultation-form {
    max-width: 800px; /* 폼의 최대 너비 설정 */
    margin: 50px auto; /* 가운데 정렬 */
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* 🔹 테이블 스타일 */
.consultation-table {
    width: 100%;
    border-collapse: collapse;
}

/* 🔹 테이블 행 스타일 */
.consultation-table th, .consultation-table td {
    padding: 12px;
    text-align: left;
}

.consultation-table th {
    font-size: 2rem;
    width: 30%;
    font-weight: bold;
    color: #333;
}

/* 🔹 입력 필드 스타일 */
.frm_input {
    width: 100%;
    padding: 12px;
    font-size: 2rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: 0.3s;
    height: 80px;
}

.frm_input:focus {
    border-color: #007bff;
    box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.3);
}

/* 🔹 라디오 버튼 스타일 */
.frm_radio {
    margin-right: 5px;
}

/* 🔹 라디오 버튼과 텍스트 정렬 */
td label {
    font-size: 2rem;
    margin-right: 15px;
    cursor: pointer;
}

/* 🔹 제출 버튼 스타일 */
.frm_btn {
    text-align: center;
    margin-top: 15px;
}

.btn_submit {
    width: 100%; /* 버튼 너비 100% */
    max-width: 300px;
    cursor: pointer;
    transition: 0.3s;
    font-size: 2rem;
    padding: 15px;
}

/* 버튼 클릭 효과 */
.btn_submit:hover {
    opacity: 0.8;
}

/* 🔹 반응형 디자인 */
@media screen and (max-width: 768px) {
    .consultation-form {
        width: 90%;
        padding: 15px;
    }

    .consultation-table th, .consultation-table td {
        display: block;
        width: 100%;
    }

    .consultation-table th {
        margin-top: 10px;
    }

    .frm_input {
        margin-bottom: 10px;
    }

    .frm_btn {
        text-align: center;
    }
}