/* 서브비주얼 */
.sub_visual { position: relative; height: 400px; overflow: hidden; }
.sub_visual .bg { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center/cover; transform-origin: center; transform: scale(1.1); animation: sub_bg linear forwards 3s;}
.sv1 .bg { background-image: url(/image/sub_bg1.jpg?v=251114); }
.sv2 .bg { background-image: url(/image/sub_bg2.jpg); }
.sv3 .bg { background-image: url(/image/sub_bg3.jpg); }
.sv4 .bg { background-image: url(/image/sub_bg4.jpg); }
@keyframes sub_bg {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.sub_visual p { position: relative; top: 67%; transform: translateY(-50%); text-align: center; font-weight: normal; font-size: 18px; color: #fff; line-height: 1.3; }
.sub_visual p span { display: block; margin-bottom: 10px; font-size: 50px; }
.sub_visual p .mo_br { display: none; }
@media (max-width: 1024px) {
    .sub_visual { height: 300px; }
    .sub_visual p { top: 64%; font-size: 16px; }
    .sub_visual p span { font-size: 34px; }
}
@media (max-width: 620px) {
    .sub_visual p .mo_br { display: inline-block; }
}
/* 서브메뉴 */
.sub_menu { height: 50px; background-color: #876e4c; }
.sub_menu .swrap { height: 100%; }
.sub_menu .contents { height: 100%; }
.sub_menu .contents .con { float: left; position: relative; height: 100%; border-right: 1px solid #9f8b70; }
.sub_menu .contents .con1 { width: 50px; border-left: 1px solid #9f8b70; }
.sub_menu .contents .con1 > a { position: relative; display: block; height: 100%; }
.sub_menu .contents .con1 > a > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.sub_menu .contents .con2 { width: 220px; }
.sub_menu .contents .con2 .sub_menu1 { position: relative; height: 100%; cursor: pointer; }
.sub_menu .contents .con2 .sub_menu1 p { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 16px; color: #fff; }
.sub_menu .contents .con2 .sub_menu1 .down_arrow { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 11px; height: 6px; background: url(/image/sub_menu_icon2.png) no-repeat center/cover; }
.sub_menu .contents .con2 .sub_menu1.active .down_arrow { background-image: url(/image/sub_menu_icon3.png); }
.sub_menu .contents .con3 { width: 240px; }
.sub_menu .contents .con3 .sub_menu2 { position: relative; height: 100%; cursor: pointer; }
.sub_menu .contents .con3 .sub_menu2 p { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 16px; color: #fff; }
.sub_menu .contents .con3 .sub_menu2 .down_arrow { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 11px; height: 6px; background: url(/image/sub_menu_icon2.png) no-repeat center/cover; }
.sub_menu .contents .con3 .sub_menu2.active .down_arrow { background-image: url(/image/sub_menu_icon3.png); }
.sub_menu .contents .con .ssub_menu { display: none; z-index: 10; position: absolute; left: 0; width: 100%; }
.sub_menu .contents .con .ssub_menu a { display: block; padding: 10px 12px; text-align: left; font-size: 16px; color: #fff; background-color: rgba(135, 110, 76, 0.9); }
.sub_menu .contents .con .ssub_menu a:hover { background-color: #705c40; }

@media (max-width: 767px) {
    .sub_menu { height: 40px; }
    .sub_menu .contents .con1 { width: 40px; }
    .sub_menu .contents .con2 { width: calc(37% - 20px);}
    .sub_menu .contents .con2 .sub_menu1 p { left: 8px; font-size: 13px; }
    .sub_menu .contents .con3 { width: calc(63% - 20px);}
    .sub_menu .contents .con3 .sub_menu2 p { left: 8px; font-size: 13px; }
    .sub_menu .contents .con .ssub_menu a { font-size: 13px; }
}

/* 서브섹션 */
.sub_sect { padding: 100px 0; background-color: #fdf2e0; }
.sub_sect .sub_tit { padding-bottom: 80px; text-align: center; font-weight: 700; font-size: 40px; color: #000; }

/* 서브1_1 */
.sub1_1 .img_wrap { margin-bottom: 50px; text-align: center; }
.sub1_1 .txt1 { text-align: left; font-weight: 600; font-size: 20px; color: #4b4b4b; line-height: 2; }
.sub1_1 .txt1 span { font-weight: 700; color: #7a5626; }
.sub1_1 .txt2 { text-align: center; font-weight: 600; font-size: 20px; color: #4b4b4b; line-height: 2; }
@media (max-width: 1012px) {
    .sub1_1 .img_wrap img { max-width: 230px; }
    /* .sub1_1 .txt1 br { display: none; } */
    .sub1_1 .txt1 .mo_none { display: none; }
}

/* 서브1_2 */
.sub1_2 article:nth-child(n + 2) { margin-top: 80px; }
.sub1_2 article .txt1 { font-weight: 700; font-size: 27px; color: #000; }
.sub1_2 article ul { margin-top: 30px; display: flex; flex-wrap: nowrap;}
.sub1_2 article ul > li { overflow: hidden; width: 31%; background-color: #fff; border-radius: 40px; }
.sub1_2 article ul > li .top { padding: 20px 0; text-align: center; font-weight: 700; font-size: 22px; color: #fff; }
.sub1_2 article ul .con1 .top { background-color: #876e4c; }
.sub1_2 article ul .con2 .top { background-color: #875f4c; }
.sub1_2 article ul .con3 .top { background-color: #874c56; }
.sub1_2 article ul > li .bottom { position: relative; height: 130px; padding: 0 45px; }
.sub1_2 article ul > li .bottom .txtbox { position: relative; top: 50%; transform: translateY(-50%); }
.sub1_2 article ul > li .bottom .txtbox p { font-weight: 500; font-size: 20px; color: #4b4b4b; line-height: 2; }
.sub1_2 article ul .con3_an .bottom .txtbox p { line-height: 1.4; }

.sub1_2 article ul > .arrow { width: 4.5%; background: url(/image/sub1_2_arrow.png) center no-repeat; }

@media (max-width: 1230px) {
    .sub1_2 article ul > li .top { padding: 18px 0; font-size: 20px; }
    .sub1_2 article ul > li .bottom { height: 115px; padding: 0 35px; }
    .sub1_2 article ul > li .bottom .txtbox p { font-size: 18px; }
}
@media (max-width: 1024px) {
    .sub1_2 article .txt1 { font-size: 22px; }
    .sub1_2 article ul > li .top { padding: 15px 0; font-size: 18px; }
    .sub1_2 article ul > li .bottom { height: 110px; padding: 0 25px; }
    .sub1_2 article ul > li .bottom .txtbox p { font-size: 16px; }
}
@media (max-width: 767px) {
    .sub1_2 article ul > li .top { padding: 13px 0; font-size: 18px; }
    .sub1_2 article .txt1 { text-align: center; font-size: 20px; }
    .sub1_2 article ul { display: block; }
    .sub1_2 article ul > li { margin: 0 auto; width: 55%; border-radius: 30px; }
    .sub1_2 article ul > li .bottom { height: 90px; padding: 0 20px;  }
    .sub1_2 article ul > .arrow { margin: 0 auto; width: 55%; height: 40px; background: url(/image/sub1_2_arrow2.png) center no-repeat; }
}

/* 서브1_3 */
.sub1_3 .map_wrap { height: 550px; border: 1px solid #cdcdcd; }
.sub1_3 .root_daum_roughmap { width: 100% !important; height: 100% !important; }
.sub1_3 .map_wrap .wrap_map { width: 100% !important; height: calc(100% - 32px) !important; }

.sub1_3 .map_txt { padding: 30px; border: 1px solid #cdcdcd; border-top: 0; background-color: #fff; }
.sub1_3 .map_txt p { font-weight: 600; font-size: 18px; color: #404040; line-height: 1.66; }
.sub1_3 .map_txt p i { font-style: normal; }

.sub1_3 .contents { margin-top: 30px; display: flex; flex-wrap: nowrap; }
.sub1_3 .contents::after { display: block; content: ''; clear: both; visibility: hidden; }
.sub1_3 .contents .img_wrap { margin-right: 20px; }
.sub1_3 .contents .con { position: relative; }
.sub1_3 .contents .con .txtbox { position: relative; top: 50%; transform: translateY(-50%); }
.sub1_3 .contents .con .txtbox dl { display: flex; flex-wrap: nowrap; }
.sub1_3 .contents .con .txtbox dt { font-weight: 600; font-size: 18px; color: #404040; line-height: 1.66; }
.sub1_3 .contents .con .txtbox dd { font-weight: 600; font-size: 18px; color: #404040; line-height: 1.66; }
.sub1_3 .contents .con .txtbox dl dt { white-space: nowrap; font-weight: 800; }
.sub1_3 .contents .con .txtbox dl:first-child dt span { color: #263c96; }
.sub1_3 .contents .con .txtbox dl:last-child dt span { color: #3cb44a; }
@media (max-width: 1024px) {
    .sub1_3 .map_wrap { height: calc(300px + 10vw); }
    .sub1_3 .contents .img_wrap { margin-right: 15px; }
}
@media (max-width: 767px) {
    .sub1_3 .map_txt p span { display: block; }
    .sub1_3 .map_txt p i { display: none; }
    .sub1_3 .contents { display: block; }
    .sub1_3 .contents .img_wrap { margin-bottom: calc(15px + 1vw); margin-right: 0; text-align: center; }
    .sub1_3 .contents .con .txtbox { top: 0; transform: translateY(0); }
}

/* 서브2 공통 */
.sub2 article { display: flex; flex-wrap: nowrap; background-color: #fff; }
.sub2 article:nth-child(n + 2) { margin-top: 45px; }

.sub2 article .left { width: 50%; padding-right: 40px; }
.sub2 article .left img { width: 100%; height: 100%; }
.sub2 article .right { position: relative; width: 50%; padding-left: 40px; }
.sub2 article .right .txtbox { position: relative; top: 50%; transform: translateY(-50%); }
.sub2 article .right img { display: inline-block; }
.sub2 article .right b { margin: 11px 0; display: block; font-weight: 700; font-size: 30px; color: #876e4c; }
.sub2 article .right p { font-size: 18px; color: #6b6b6b; line-height: 1.66; }

@media (max-width:1230px) {
    .sub2 article:nth-child(n + 2) { margin-top: 35px; }
    .sub2 article .left { padding-right: 30px; }
    .sub2 article .right { padding-left: 30px; }
    .sub2 article .right img { max-width: 40px; }
}
@media (max-width:1024px) {
    .sub2 article:nth-child(n + 2) { margin-top: 30px; }
    .sub2 article .right img { max-width: 30px; }
}
@media (max-width:767px) {
    .sub2 article { display: block; max-width: 500px; margin: 0 auto; }
    .sub2 article:nth-child(n + 2) { margin-top: calc(15px + 1ve); }
    .sub2 article .left { width: 100%; padding-right: 0; }
    .sub2 article .right { width: 100%; padding-left: 0; padding: calc(10px + 1vw); }
    .sub2 article .right .txtbox { top: 0; transform: translateY(0); }
}
@media (max-width:420px) {
    .sub2 article .right img { max-width: 25px; }
}

/* 서브2_1 */
.sub2_1 .contents { margin-top: 100px; }
.sub2_1 .contents > li { display: flex; flex-wrap: nowrap; padding: 80px 60px; background-color: #fff; }
.sub2_1 .contents > li:nth-child(n + 2) { margin-top: 110px; }
.sub2_1 .contents > li .left { width: 52%; min-width: 52%; }
.sub2_1 .contents > li .left img { margin-top: -20%; }
.sub2_1 .contents > li .right { padding-left: 5%; }
.sub2_1 .contents > li .right b { margin-bottom: 40px; display: block; font-weight: 700; font-size: 34px; color: #876e4c; }
.sub2_1 .contents > li .right dl { margin: 20px 0; display: flex; flex-wrap: nowrap; }
.sub2_1 .contents > li .right dl dt { margin-top: 7px; white-space: nowrap; width: 10px; height: 10px; min-width: 10px; min-height: 10px; border-radius: 50%; background-color: #878787; margin-right: 12px; }
.sub2_1 .contents > li .right dl dd { font-weight: 500; font-size: 18px; color: #4e4e4e; line-height: 1.38; }
/* @media (max-width:1230px) {
    .sub2_1 .contents > li { padding: 11.50vw 4.87vw; }
} */
@media (max-width:864px) {
    .sub2_1 .contents > li { display: block; }
    .sub2_1 .contents > li .left { width: 100%; text-align: center; }
    .sub2_1 .contents > li .left img { margin-top: -80px; }
    .sub2_1 .contents > li .right { padding-left: 0; }
    .sub2_1 .contents > li .right b { padding-top: calc(15px + 1vw); }
}
@media (max-width:500px) {
    .sub2_1 .contents > li .left img { margin-top: -50px; }
}

/* 서브2_3 */
.sub2_3 .sub_icon { margin-top: 90px; }
.sub2_3 .sub_icon .scr { margin-bottom: 23px; text-align: center; font-weight: 700; font-size: 30px; color: #876e4c; }
.sub2_3 .sub_icon ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_3 .sub_icon ul > li { padding: 30px 25px 20px; width: 19%; background-color: #fff; border-radius: 25px; }
.sub2_3 .sub_icon ul > li .img_wrap { width: 100%; text-align: center; }
.sub2_3 .sub_icon ul > li p { margin-top: 20px; text-align: center; font-weight: 700; font-size: 18px; color: #565656; line-height: 1.2; }
@media (max-width:1230px) {
    .sub2_3 .sub_icon ul > li { padding: 20px 15px; border-radius: 22px; }
    .sub2_3 .sub_icon ul > li p  { margin-top: 15px; font-size: 16px; }
}
@media (max-width:1023px) {
    .sub2_3 .sub_icon ul { flex-wrap: wrap; }
    .sub2_3 .sub_icon ul > li { width: 49%; }
    .sub2_3 .sub_icon ul > li:first-child { width: 100%; }
    .sub2_3 .sub_icon ul > li:nth-child(n + 2) { margin-top: 2%;}
}
@media (max-width:767px) {
    .sub2_3 .sub_icon ul > li { padding: 15px 10px; }
}