@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;700;900&display=swap');

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    list-style: none;
    font-family: 'Inter', 'Noto Sans KR', sans-serif;
}
a {
    color: #000;
}

/* 포커스 변경 */
a:focus {
    outline: none;
    border: 2px dashed #ff0000 !important;
   /*  text-decoration: underline #ff0000 3px !important; */
}

button:focus {
    outline: none;
    border: 2px dashed #ff0000 !important;
}

area:focus {
    outline-color: red;
}

h3 {
    text-align: center;
    padding-top: 10px;
}
h4 {
    text-align: center;
    margin-top: -10px;
}

/* 20230907 이미지 탭이동 */
#visual_2 a, .flex_2 a, #visual a {
    display: inline-block;
}

/* 탑버튼 생성 */
#page_top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 52px;
    height: 52px;
    z-index: 100;
}
#page_top img {
    width: 100%;
}

.m_menu {
        display: none;
}

/* 본문 바로가기 skip버튼 */
.skip_to_content {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    color: #fff;
    padding: 5px 15px;
    z-index: 10000;
    font-size: 0.7rem;
    transform: translateY(-100%);
    transition: 0.3s;
}
.skip_to_content:focus {
    transform: translateY(0);
    border: 1px dashed #ff0000;
}
/* 본문 바로가기 skip버튼 and */

.container_head {
    width: 1600px;
    margin: 0 auto;
}
.container {
    width: 1600px;
    margin: 0 auto;
    border-right: solid 1px #e3e3e3;
    border-left: solid 1px #e3e3e3;
}
.container_foot {
    width: 1600px;
    margin: 0 auto;
    border-right: solid 1px #e3e3e3;
    border-left: solid 1px #e3e3e3;
}

button:focus {
    border: 1px #000 solid;
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0px 0px 5px 5px rgb(230, 230, 230);
    background-color: #fff;
}
.head {
    display: flex;
}
.logo {
    width: 10%;
    padding: 17px 0;
    text-align: center;
    margin-left: 100px;
}
.logo img {
    width: 100%;
}
nav {
    width: 70%;
    text-align: right;
}
.bars {
    width: 20%;
    padding: 17px 0;
    text-align: right;
}
.bars img {
    padding-top: 5px;
}
nav ul {
    padding: 25px 0;
}
nav ul li {
    display: inline;
    padding: 17px 30px;
    cursor: pointer;
}
nav ul li a {
    font-weight: 500;
    font-size: 1.1rem;
    transition: all 0.5s;
}
nav ul li a:hover {
    color: #006935;
}

/* 펼침 서브메뉴 */

.menu_sub_ab {
    position: absolute;
    width: 100%;
    top: 100px;
    left: 0;
    z-index: 500;
    display: none;
    height: 610px;
    border-bottom: solid 2px #006935;
    background-color: #fff;
}
.menu_sub_on {
    display: none;
}
.menu_sub {
    display: flex;
    padding-top: 15px;
}
.aaa {
    color: #006935;
}
.menu_img {
    width: 20%;
    padding-top: 80px;
    text-align: center;
}
.menu_img p {
    font-size: 1.8rem;
    padding-bottom: 40px;
    font-weight: 300;
    text-align: left;
}
.text_menu {
    width: 80%;
}
.flex {
    display: flex;
    border-left: solid 1px rgb(230, 230, 230);
}
.flex:first-child>ul {
    padding: 15px 0;
}
.flex>ul:first-child {
    padding-left: 20px;
}
.flex>ul {
    flex: 1 1 0;
    padding: 5px 0;
}
.flex>ul li{
    padding: 5px 0;
}
.flex>ul li a {
    font-size: 0.8rem;
}
.flex>ul li img {
    vertical-align: middle;
    margin-right: 4px;
}
.flex>ul .color_box {
    background-color: #006935;
    margin-right: 35px;
    padding: 7px 0;
    cursor: pointer;
}
.flex>ul .color_box a {
    color: #fff;
    font-size: 1.1rem;
    padding-left: 10px;
}
.flex>ul .color_box a:hover {
    color: #fff;
}
.flex>ul a:hover {
    color: #006935;
}

/* 메인페이지 시작 */

/* section1 */
main {
    padding-top: 82px;
}
.main_bak {
    background-color: #f2f4f7;
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -10;
}
h1 {
    padding-top: 50px;
    padding-bottom: 20px;
}
.m_t_m60 {
    margin-top: -60px;
}
.m_t_m30 {
    margin-top: -30px;
}
.flex_1 {
    display: flex;
    text-align: center;
}
.flex_box_1 {
    width: 75%;
    background-color: #f2f4f7;
    padding-top: 50px;
}
.flex_box_2 {
    width: 25%;
}
.flex_box_1 img {
    width: 100%;
    border-radius: 65px;
}
/* 맨 위 화면 슬라이드 */
.flex_box_1 .slick_box {
    background-color: #f2f4f7;
    border-radius: 65px;
    width: 95% !important;
}
.flex_box_1 .slick-slider {
    position: static;
}
.flex_btBox {
    display: flex;
}
.flex_btBox>div {
    flex: 1 1 1;
}
.prevBox , .nextBox {
    width: 30px;
    height: 30px;
    margin: 0 5px;
}
.bt_box {
    position: absolute;
    left: 20%;
    bottom: 103px;
    z-index: 500;
}
.bt_flex {
    display: flex;
    width: 80px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 25px;
    margin-left: 5px;
}
.bt_flex>div {
    flex: 1 1 0;
}
.bt_flex>div img {
    width: 20px;
    border-radius: 0;
}
.play_bt, .play_bt_1 {
    padding: 5px 0 5px 0;
}
.pause_bt, .pause_bt_1 {
    padding: 5px 0px 5px 15px;
}

.bt_bot {
    position: absolute;
    top: 160px;
    right: 0;
    z-index: 500;
}

/* 첫번째 슬라이드 이미지 변경 피씨 모바일 */
.img_m {
    display: none !important;
}
.flex_box_1 .slider {
    width: 97%;
    margin: 0 auto;
}
.flex_box_1 .slick-next, .flex_box_1 .slick-prev {
    display: none !important;
}


.flex_2 {
    display: flex;
    flex-wrap: wrap;
    width: 83%;
    margin: 0 auto;
}
.flex_2>div {
    width: 25%;
    padding: 15px 0;
}
.flex_2>div img {
    cursor: pointer;
}
.flex_2>div p {
    font-weight: 500;
    padding: 5px 0;
    cursor: pointer;
}
.flex_3 {
    display: flex;
    flex-wrap: wrap;
    width: 83%;
    height: 78px;
    margin: 35px auto;
    border-radius: 50px;
    box-shadow: -10px 8px 20px 2px rgb(220, 220, 220);
    padding: 10px;
    justify-content: space-between;
}
.flex_3 div {
    width: 20%;
    text-align: left;
}
.flex_3 div img {
    width: 60px;
    border-radius: 50%;
}
.flex_3 p {
    width: 77%;
    text-align: left;
    font-size: 0.9rem;
    font-weight: 700;
    color: #222;
    margin-top: 7px;
}
.flex_3 p .sapn_p {
    font-size: 0.8rem;
    color: #666;
}
.flex_3 p .sapn_m {
    display: none;
    font-size: 0.8rem;
    color: #666;
}


/* 섹션 2 */

h2 {
    font-size: 1.7rem;
}
.text_box1 {
    background-color: #f2f4f7;
    padding-left: 70px;
    padding-top: 50px;
    width: 20%;
}
.text_box1 a {
    padding: 5px 8px;
    border: solid 1px rgb(177, 177, 177);
    border-radius: 20px;
    color: #777;
    font-weight: 700;
}
.text_box1 a:hover {
    border: solid 1px #006935;
    color: #006935;
}

/* === 2022_12_26 수정 === */
.text_box1 p {
    font-weight: 500;
    padding-top: 30px;
    padding-bottom: 5px;
    border-bottom: solid 3px #666;
	margin-bottom: 50px;
}
/* === 2022_12_26 수정 끝 === */

.text_box1 p a {
    border: none;
    color: #333333;
}
.text_box1 p a:hover {
    border: none;
    color: #006935;
}

/* 슬릭 슬라이드 */
.slider {
    width: 80%; /*화면의 크기*/
    margin: 15px auto;
}

.slick-slide {
  margin: 0px 10px;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

/* 좌우 방향키 옆 이미지 */
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}
/* 센터 좌우이미지 */
.slick-active {
  opacity: 1;
}
/* 센터이미지 */
.slick-current {
  opacity: 1;
}
/* 인디케이터 */
.flex_4 .slick-dots li {
  display: none;
}

.flex_4 {
    display: flex;
}
.flex_box3 {
    width: 75%;
    display: flex;
    position: relative;
}


/* 20230914 */
.flex_box3 .p_see {
    position: absolute;
    bottom: 40px;
    left: 75px;
    z-index: 10;
    font-weight: 500;
    padding-top: 30px;
    padding-bottom: 5px;
    border-bottom: solid 3px #666;
    padding-right: 15px;
}
.flex_box3 .p_see_1 {
    bottom: 120px;
}

.flex_box3 .p_see a {
    border: none;
    color: #333333;
}
.flex_box3 .p_see a:hover {
    border: none;
    color: #006935;
}

/* 20250212 수정 */
.flex_box4 {
    width: 25%;
    padding-top: 60px;
}

/* 20250212 추가 */
.mzone-area > .msround-box{width: 90%; margin: 0 auto;}
.mzone-area > .mzone-box{width: 90%; margin: 0 auto;} 

.text_box2 {
    width: 80%;
    background-color: #f2f4f7;
    position: relative;
}
.caption, .caption_1 {

    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    display: none;
}
.caption.op_1, .caption_1.op_1 {
    display: block;
}
.text_el {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 75px;
}
.text_el_1 {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 85px;
}
.text_el_2 {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 45px;
}
.slick_box {
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px #e3e3e3;
}
.slick_box p:first-child {
    padding-top: 20px;
}
.text1 {
    font-weight: 700;
    padding: 0 30px;
    font-size: 1.2rem;
}
.text2 {
    font-size: 0.9rem;
    padding: 0 30px;
}
.slick_box p:nth-child(2) {
    padding-top: 20px;
    margin-bottom: 70px;
}
.slick_box p:nth-child(3) {
    padding-bottom: 30px;
}


/* 섹션4 오른쪽 */
.slick_box1 {
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px #e3e3e3;
}
.slick_box1 div {
    height: 185px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}
.slick_box1 div img {
    width: 100%;
    height: 100%;
}
.slick_box1 p:nth-child(2) {
    padding-top: 15px;
}
.slick_box1 p:nth-child(3) {
    margin-top: 10px;
    margin-bottom: 30px;
}
.slick_box1 p:nth-child(4) {
    margin-bottom: 10px;
}


/* 케러셀 이미지 슬라이드 1장씩 */
#visual {
    position: relative;
    width: 100%;
}   

/* === 2023_01_19 수정 #visual>div 에 opacity: 0; =>> display: none; === */
#visual>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s ease;
    display: none;
    text-align: center;
    padding-top: 10px;
}

/* === 2023_01_19 수정 #visual>div.on 에 opacity: 1; =>> display: block; === */
#visual>div.on{
    display: block;
}
#visual>div img {
    width: 80%;
    border-radius: 25px;
}
#visual section {
    position: relative;
    width: 70%;
    margin: 0 auto;
}

div#left{
    position: absolute;
    width: 50px;
    height: 50px;
    left: -45px;
    cursor: pointer;
    margin-top: 37%;
}
div#left img {
    box-shadow: -1px 1px 5px 0px rgb(220 220 220);
    border-radius: 50%;
}

div#right{
    position: absolute;
    width: 50px;
    height: 50px;
    right: -45px;
    cursor: pointer;
    margin-top: 37%;
}
div#right img {
    box-shadow: 0px 5px 15px 1px rgb(220 220 220);
    border-radius: 50%;
}


/* 케러셀 이미지 슬라이드 1장씩 섹션3 */
#visual1 {
    position: relative;
    width: 100%;
}      
#visual1>div {
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    transition: 0.3s ease;
    opacity: 0;
    text-align: center;
    padding: 50px;
}
#visual1>div img {
    width: 97%;
}
#visual1>div.on{
    opacity: 1;
}
#visual1 section {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

div#left1{
    position: absolute;
    width: 50px;
    height: 50px;
    left: -15px;
    top: 25px;
    cursor: pointer;
    margin-top: 6.2%;
}

div#right1{
    position: absolute;
    width: 50px;
    height: 50px;
    right: -15px;
    top: 25px;
    cursor: pointer;
    margin-top: 6.2%;
}

.flex_box5 {
    width: 75%;
    background-color: #f2f4f7;
}
.flex_box7 {
    width: 25%;
    height: 200px;
}


/* 섹션4 왼쪽 */

/* === 2022_12_26 수정 === */
.flex_box6 {
    text-align: center;
    /* === 20250212 수정 === */
    margin-top: 30px;
    width: 25%;
}
/* === 2022_12_26 수정 끝 === */

.flex_box6 h2 {
    padding: 10px 0;
}
.flex_box6 a {
    padding: 5px 10px;
    border: solid 1px rgb(177, 177, 177);
    border-radius: 20px;
    color: #777;
    font-weight: 700;
    margin: 0 2px;
}
.flex_box6 a:hover {
    border: solid 1px #006935;
    color: #006935;
}
.map_ral {
    position: relative;
}
.map {
    width: 83%;
    margin-top: 40px;
    box-shadow: 0px 0px 20px 5px rgb(227, 227, 227);
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 9%;
    display: none;
    padding: 20px 0;
}
.op {
    display: block;
}
.flex_box6 .map img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}
.map .mapImg {
    display: none;
}
.map.on, .map .mapImg.on {
    display: inline-block;
}
.map_text {
    margin-top: 10px;
}

/* === 2022_12_26 수정 === */
.pd_b_30 {
    padding-bottom: 320px;
}
/* === 2022_12_26 수정 끝 === */
.pd_b_20 {
    padding-bottom: 100px;
}

.pd_b {
    padding-bottom: 50px;
}
.pop {
    position: absolute;
    top: 195px;
    left: 17px;
    width: 100%;
    display: none;
}

.h2_m {
    display: none;
}

/* 푸터 */

.foot_flex {
    display: flex;
    margin: 0 auto;
    padding: 15px 0;
    border-top: solid 1px #e3e3e3;
    background-color: #fff;
}
.foot_left {
    width: 40%;
    display: flex;
    padding-left: 65px;
}
.foot_right {
    width: 60%;
    padding-left: 10px;
}
.foot_flex img {
    cursor: pointer;
}
.foot_left .text {
    width: 15%;
}
.foot_left .foot_bt {
    width: 85%;
    padding-left: 20px;
}
.foot_left .foot_bt img {
    vertical-align: -webkit-baseline-middle;
}
.foot_left .foot_bt img:focus {
    outline: 2px dashed #ff0000;
}
.text{
    font-size: 1.3rem;
    color: #333333;
    font-weight: 500;
}
.foot_flex_1 {
    background-color: #f2f4f7;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 65px;
    padding-right: 30px;
    border-top: solid 1px rgb(230, 230, 230);
}
.foot_flex_1 ul li {
    display: inline;
    padding: 0 15px;
}
.foot_flex ul li {
    padding: 0;
}
.foot_flex_1 ul li:first-child {
    padding-left: 10px;
}
.foot_flex_1 ul li a {
    font-weight: 500;
    color: #555;
}
.foot_flex_1 ul li:first-child a {
    color: #0014ff;
}
.foot_flex_1 .img {
    width: 12%;
}
.foot_flex_1 .text-1 {
    width: 52%;
}
.foot_flex_1 .foot_flex_2 {
    width: 36%;
    display: flex;
    align-items: center;
}
.text-2, .text-2_t, .text-2_m {
    color: #777;
    padding: 10px;
}
.text-2 span, .text-2_t span .text-2_m span {
    font-weight: 500;
    color: #555;
}
.text-2_t, .text-2_m {
    display: none;
}

.foot_flex_2 .text-4 {
    width: 85%;
}

.foot_flex_2 div:nth-child(3) {
    width: 180%;
    text-align: center;
}
.foot_flex_2 div:nth-child(3) img {
    width: 17%;
    margin: 0 10px;
}

/* 20231010 */
.wa {
    vertical-align: super;
    width: 20% !important;
}

.drop_bt1 {
    border: none;
    border-bottom: solid 1px #333333;
    margin: 0 auto;
    font-size: 1.1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 90%;
    padding: 3px 0;
}
.drop_bt1 span {
    font-size: 1.1rem;
}

.drop_bt1:focus {
    outline: 2px dashed #ff0000;
}

/* 푸터 리스트메뉴 박스 */

.drop_box {
    position: absolute;    
    left: 0;
    z-index: 1500;
    width: 100%;
    display:none;
    bottom: 35px;
}

/* 20230914 */
.drop_box.active {
    display: block;
}

.order_4 .drop_box {
    position: absolute;
    left: 0;
    z-index: 1500;
    width: 100%;
    bottom: 35px;
}
.order_5 .drop_box {
    position: absolute;
    top: -475px;
    left: 0;
    z-index: 1500;
    width: 100%;
    display: none;
}
.drop_list {
    width: 90%;
    margin: 0 auto;
    border: solid 1px #777;
    padding: 10px 0;
    background-color: #fff;
}
.foot_flex_1 .foot_flex_2 ul li {
    display: block;
    padding: 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.foot_flex_1 .foot_flex_2 ul li a:hover {
    border-bottom: solid 1px #000;
}
.foot_right .slick-next , .foot_right .slick-prev {
    display: none !important;
}
.foot_right .slider {
    width: 100%;
    margin: 0;
    text-align: right;
    padding-right: 20px;
}
.fa-plus.active_1 {
    display: none;
}
i.fa-minus {
    display: none;
}
.fa-minus.active_2 {
    display: block;
}
.drop_bt1 i {
    font-size: 0.8rem;
    padding-top: 7px;
    color: #000;
}



/* a버튼 색변환 */
a.a_cl_c {
    border: solid 1px #006935;
    color: #006935;
}


/* 모바일에서 사용 */
/* 위아래 위치 변경 */
.order1 {order: 1;}
.order2 {order: 2;}
.order3 {order: 3; display: none;}
.order_1 {order: 1;}
.order_2 {order: 2;}
.order_3 {order: 3;}
.order_4 {order: 4; position: relative;}
.order_5 {order: 5; position: relative;}
.order_6 {order: 6;}

.p_m {
    display: none;
}
/* 스와이프 */
.swiper {
    display: none;
}
.flex_box3 span {
    display: none;
}
.bars_m {
    display: none;
}

/* ===== 모바일 메뉴 ====== */
.m_menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    z-index: 1500;
    background-color: #fff;
    overflow: auto;
    transition: all 0.5s;
}
.bt_x {
    font-size: 2.5rem;
    padding-top: 10px;
    padding-left: 15px;
}
.m_menu_title {
    font-size: 1.8rem;
    padding-left: 13%;
    padding-top: 16px;
    padding-bottom: 14px;
    position: relative;
}
.m_menu_list {
    font-size: 1.5rem;
    background-color: #f2f4f7;
    padding-left: 16%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}
.m_menu_list_sub {
    padding: 5px 0;
    position: relative;
}
.m_menu_list_sub_list {
    padding: 10px 0;
    background-color: #006935;
    width: 120%;
    margin-left: -20%;
    padding-left: 22%;
    margin-top: 5px;
    display: none;
}
.m_menu_list_sub_list li {
    padding: 5px 10px;
}
.m_menu_list_sub_list li a {
    color: #fff;
}

/* ======= ^ 버튼 ======= */
.m-bt1 {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 17%;
    top: 32%;
    z-index: 1600;
    transition: all 0.3s;
    /* display: none; */
} 
.m-bt1 span {
    position: absolute;  
    width: inherit; /* 부모 값 대로 상속해라 100%해도됨. */
    height: 3px; 
    left:0px; 
    top:50%;
    transform: translate(0, -50%);   /* 세로기준 가운데로 위치됨 = 자기 자신에서 50% 위로 */
    transform: rotate(90deg);
    display: inline-block; 
    transition: all 1s;
}
.m-bt1 span:before, .m-bt1 span:after{ 
    content: '';
    position: absolute;
    width: inherit; /* 부모 값 대로 상속해라 100px해도됨. */
    height: inherit; /* 10px */
    background-color: #333;
    transition: transform 700ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
    border-radius: 20px;
   }
.m-bt1 span:before{ /* 이것의 부모는 .m-bt span 주의 */
    /* top:-10px;  */
    width: 50%;
    /* left: 10px; */
    transform: rotate(135deg) translateY(-0.55rem) translateX(0rem);
}
.m-bt1 span:after{ /* 이것의 부모는 .m-bt span 주의 */
    /* top:10px; */
    width: 50%;
    /* right: 10px; */
    transform: rotate(45deg) translateY(-0.55rem) translateX(0rem);
}
/* 클릭시 보여질 active클래스  */
/* .m-bt1.active span { 
    transform: rotate(0deg);
} */

.m-bt1.active span:before{   /* 위에 막대기 */
    /* left: 10px; */
    /* top: -10px; */
    transform: rotate(45deg) translateY(0.35rem) translateX(0.2rem);
}
.m-bt1.active span:after{    /* 아래 막대기 */
    /* right: 10px; */
    /* top: 10px; */
    transform: rotate(135deg) translateY(0.35rem) translateX(-0.2rem);
}


/* ======= + 버튼 ======= */
.m-bt2 {
    position: absolute;
    width: 20px;
    height: 25px;
    right:27%;
    top: 0;
    z-index: 1600;
    transition: all 0.5s;
    text-align: justify;
    margin-top: 7px;
    /* display: none; */
} 
.m-bt2 span {
    position: absolute;  
    width: inherit; /* 부모 값 대로 상속해라 100%해도됨. */
    height: 3px; 
    left:0; 
    top:50%;
    background-color: #333;
    transform: translate(0, -50%);   /* 세로기준 가운데로 위치됨 = 자기 자신에서 50% 위로 */
    transform: rotate(90deg);
    display: inline-block; 
    transition: all 1s;
}
.m-bt2 span:before, .m-bt2 span:after{ 
    content: '';
    position: absolute;
    width: inherit; /* 부모 값 대로 상속해라 100px해도됨. */
    height: inherit; /* 10px */
    background-color: #333;
    transition: transform 700ms cubic-bezier(0.54, -0.81, 0.57, 0.57); /* 곡선을 그리며 선이 움직이도록 */
   }
.m-bt2 span:before{ /* 이것의 부모는 .m-bt span 주의 */
    /* top:-10px;  */
    width: 45%;
    /* left: 10px; */
    transform: rotate(-90deg) translateY(0.35rem) translateX(0.4rem);
}
.m-bt2 span:after{ /* 이것의 부모는 .m-bt span 주의 */
    /* top:10px; */
    width: 45%;
    /* right: 10px; */
    transform: rotate(-90deg) translateY(0.35rem) translateX(-0.4rem);
}
/* 클릭시 보여질 active클래스  */
.m-bt2.active span {  /* 중앙 막대기 */
    transform: rotate(0deg);
}

.m-bt2.active span:before{   /* 위에 막대기 */
    /* left: 10px; */
    /* top: -10px; */
    transform: rotate(0deg) translateY(-0.4rem) translateX(0.5rem);
    background-color: transparent;
    transition: all 1s;
}
.m-bt2.active span:after{    /* 아래 막대기 */
    /* right: 10px; */
    /* top: 10px; */
    transform: rotate(0deg) translateY(0.4rem) translateX(0.5rem);
    background-color: transparent;
    transition: all 1s;
}

.slick-dots {
    bottom: 100px;
    padding-left: 5%;
}

/* 주요시설위치에 a 테그에 br넣기 */
.a_none {
    display: none;
}

/* 메인이미지 슬라이드 케러셀 */
#visual_2 {
    position: relative;
    width: 90%;
    height: 400px;
    margin: 0 auto;
   /* overflow: hidden; */
    background-color: #f2f4f7;         
}      
#visual_2>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s ease;
    display: none;
}
#visual_2>div.on{
    display: block;
}

.btn {
    position: absolute;
    width: 100%;
    bottom: 50px;
    text-align: left;
    margin-left: 50px;
    display: flex;
}
.btn_1 {
    display: flex;
}

/*
#control { 
    position: absolute;
    width: 100%;
    bottom: 50px;
    text-align: left;
    margin-left: 50px;         
}
*/
#control a:first-child {
    margin-right: -5px;
}


#control a {
    display: inline-block;
    width: 50px;
    height: 5px;
    background: rgba(0, 0, 0, 0.5);
    margin: 0 0;
}

#control a.on {
    background: rgba(255, 255, 255, 0.8);
}

div#left_3{
    width: 30px;
    cursor: pointer;
    margin-left: 20px;
}

div#right_3{
    width: 30px;
    cursor: pointer;
    margin-left: 10px;
}
/*
div#left_3{
    position: absolute;
    width: 30px;
    left: 16%;
    bottom: 9.5%;
    cursor: pointer;
	z-index: 100;
}

div#right_3{
    position: absolute;
    width: 30px;
    bottom: 9.5%;
    left: 20%;
    cursor: pointer;
	z-index: 100;
}
*/

/* === 2022_12_26 추가 === */
.dell {
    display: none;
}
.p_t_50 {
    padding-top: 40px;
    background-color: #f2f4f7;
}
/* === 2022_12_26 추가 === */


/* 하단 주요시설위치안내 */
.map {
    text-align: left;
     /* === 20250212 수정 === */
    height: 252px;
    overflow-y: scroll;
}

/* === 20250212 수정 === */
.map::-webkit-scrollbar {
    width: 13px;
}
.map::-webkit-scrollbar-thumb {
    background: #006935; /* 스크롤바 막대 색상 */
    border-radius: 10px;
}
.map::-webkit-scrollbar-track {
    background: rgba(0, 105, 53, .1);  /*스크롤바 뒷 배경 색상*/
}

.map a {
    display: inline-block;
    text-align: left;
    font-size: 1.3rem;
    padding: 0;
    border: none;
    border-radius: 0;
    color: #333;
    font-weight: bold;
    margin: 0;
    padding-left: 20px;
    padding-top: 10px;
}
.map a:hover {
    border: none;
}
.map a span {
    font-size: 0.9rem;
    color: #555;
}

/* 20250212 */
@media screen and (max-width: 1200px){
    .mzone-area > .mzone-box {
        width: 30%;
    }
    .mzone-area > .msround-box{
        width: 55%;
    } 
    }
@media screen and (max-width: 1024px){
    .mzone-area > .mzone-box {
        width: 45%;
    }
    .mzone-area > .msround-box {
        width: 55%;
        margin-bottom: 50px;
    } 
    .msround-root > .boxs {
        width:100%;
    } 
    }
/* 20250212 */

/* 테블릿 & 모바일 */
@media(max-width:1599px){
    .container_head, .container, .container_foot {
        width: 100%;
    }
    .text_box1 a {
        font-size: 0.8rem;
    }
    h2 {
        font-size: 1.5rem;
    }
    .text_box1 {
        padding-top: 65px;
    }
    .flex_box6 a {
        margin: 0 1px;
    }
    .slick-dots li {
        margin: 0 15px;
    }
    .slick-dots li button:before {
        width: 50px;
    }
    .bt_box {
        left: 20%;
        bottom: 109px;
    }
    .slick-dots {
        bottom: 105px;
        padding-left: 5.5%;
    }
    .m_t_m60 {
        margin-top: -65px;
    }
}
@media(max-width:1560px){
    .bt_box {
        bottom: 114px;
    }
    .slick-dots {
        bottom: 110px;
    }
    .flex_3 p {
        margin-top: 0;
        text-align: center;
    }
    .flex_3 p .sapn_p {
        display: none;
    }
    .flex_3 p .sapn_m {
        display: block;
    }
    #visual_2 {
        height: 390px;
    }
}
@media(max-width:1530px){
    .order1 {
        margin-top: -5px;
    }
    .bt_box {
        bottom: 120px;
    }
    .slick-dots {
        bottom: 116px;
    }
}
@media(max-width:1490px){
    .bt_box {
        bottom: 80px;
    }
    .slick-dots {
        bottom: 77px;
    }
    #visual_2 {
        height: 370px;
    }
    .order1 {
        margin-top: -30px;
    }
}
@media(max-width:1480px){
    .bt_box {
        bottom: 85px;
    }
    .slick-dots {
        bottom: 82px;
    }
    .text-2, .text-2_t, .text-2_m {
        font-size: 0.9rem;
    }
    .drop_bt1 span {
        font-size: 1rem;
    }
    .text {
        font-size: 1.1rem;
    }
    .foot_left .foot_bt img {
        vertical-align: middle;
    }
}
@media(max-width:1450px){
    .bt_box {
        bottom: 90px;
    }
    .slick-dots {
        bottom: 87px;
    }
    #visual_2 {
        height: 360px;
    }
    div#left_3 {
        left: 17%;
        bottom: 10.5%;
    }
    div#right_3 {
        left: 21.5%;
        bottom: 10.5%;
    }
    .order1 {
        margin-top: -40px;
    }
}

@media(max-width:1439px){
    .text_box1 {
        width: 25%;
    }
    .text_box2 {
        width: 75%;
    }
    nav {
        width: 70%;
    }
    .bars {
        width: 20%;
    }
    /* 20231010 */
    .foot_flex_2 div:nth-child(3) img {
        width: 16%;
        margin: 0 7px;
    }
}
@media(max-width:1425px){
    .bt_box {
        bottom: 95px;
    }
    .slick-dots {
        bottom: 92px;
        padding-left: 7%;
    }
    .slick-dots li {
        margin: 0 10px;
    }
    .slick-dots li button:before {
        width: 40px;
    }
    .logo {
	width: 12%;
    }
    nav {
        width: 85%;
    }
    .bars {
        width: 3%;
    }
}

@media(max-width:1401px){
    
    .flex_box6 a {
        font-size: 0.9rem;
    }

}


@media(max-width:1399px){
    .a_none {
        display: block;
    }
    .foot_flex_1 {
        padding-right: 50px;
    }
}
@media(max-width:1340px){
    .bt_box {
        bottom: 105px;
    }
    .slick-dots {
        bottom: 102px;
    }
    .foot_flex_1 ul li {
        padding: 0 12px;
    }
    nav {
        width: 73%;
    }
    .bars {
        width: 17%;
    }
    #visual_2 {
        height: 340px;
    }
    div#left_3 {
        left: 18%;
        bottom: 11%;
    }
    div#right_3 {
        left: 22.5%;
        bottom: 11%;
    }
    .order1 {
        margin-top: -50px;
    }
}
@media(max-width:1330px){
    .foot_flex_1 .text-1 {
        padding-left: 20px;
    }
    nav {
        width: 75%;
    }
    .bars {
        width: 15%;
    }
}
@media(max-width:1320px){
    .foot_flex_1 ul li {
        padding: 0 10px;
    }
    /* 20230919 */
    .flex_box6 a {
        font-size: 0.75rem;
    }
}
@media(max-width:1320px){
    .bt_box {
        bottom: 110px;
    }
    .slick-dots {
        bottom: 107px;
    }
}

@media(max-width:1300px){
    .slick-dots {
        padding-left: 7%;
    }
    .text-2, .text-2_t, .text-2_m {
        font-size: 0.8rem;
    }
    .drop_bt1 span {
        font-size: 0.9rem;
    }
    #visual_2 {
        height: 325px;
    }
    div#left_3 {
        left: 19%;
        bottom: 11.5%;
    }
    div#right_3 {
        left: 23.5%;
        bottom: 11.5%;
    }
    .order1 {
        margin-top: -70px;
    }
    .foot_flex_1 ul li {
        padding: 0 7px;
    }
}
@media(max-width:1262px){
    .foot_flex_1 ul li {
        padding: 0 5px;
    }
    .foot_flex_1 ul li a {
        font-size: 0.9rem;
    }
    .text {
        font-size: 1rem;
    }
    .foot_flex_2 .text-4 {
        width: 33%;
    }
    .foot_flex_2 div:nth-child(3) {
        width: 67%;
    }
    .foot_flex_1 {
        padding-right: 30px;
    }
    .foot_flex_2 div:nth-child(3) img {
        width: 15%;
        margin: 0 5px;
    }
}
@media(max-width:1240px){
    .slick-dots {
        padding-left: 6.5%;
    }
    .flex_box6 {
        margin-top: -65px;
    }
    nav {
        width: 80%;
    }
    .bars {
        width: 10%;
    }
}
@media(max-width:1230px){
    div#left_3 {
        left: 20%;
        bottom: 11.5%;
    }
    div#right_3 {
        left: 24.5%;
        bottom: 11.5%;
    }
}
@media(max-width:1220px){
    .foot_flex_1 ul li {
        padding: 0 7px;
    }
    .foot_flex_1 {
        padding-right: 25px;
    }
}
@media(max-width:1200px){
    main {
        padding-top: 75px;
        background-color: #f2f4f7;
    }
    nav {
        display: none;
    }
    .bars {
        display: none;
    }
    .bars_m {
        display: block;
        width: 85%;
        text-align: right;
        padding: 40px;
    }
    .flex_box_1 .slider {
        width: 100%;
        margin: 0;
    }
    .flex_box_1 .slick-list {
        width: 90%;
        margin: 0 auto;
    }

.m_menu {
        display: block;
    }
    
    .slick-dots li button:before {
        width: 40px;
    }
    .slick-dots li {
        margin: 0 10px;
    }
    .slick-dots {
        bottom: 40px;
        padding-left: 11%;
    }
    .bt_box {
        left: 20%;
        bottom: 43px;
    }
    .slick_box .text1 {
        padding: 0 30px;
        font-size: 1.2rem;
    }
    .slick_box .text2 {
        padding: 0 30px;
    }
    .flex_2>div p {
        font-size: 1rem;
    }
    .flex_3 p {
        font-size: 1.1rem;
        text-align: left;
    }
    .flex_3 div img {
        width: 60px;
        padding-left: 0;
    }

    .logo {
        width: 20%;
        padding: 10px 0;
        margin-left: 0;
    }
    .logo img {
        width: 70%;
    }
    .bars_m {
        width: 80%;
        padding: 20px;
    }
    .flex_1 {
        flex-wrap: wrap;
    }
    .flex_box_1 {
        width: 100%;
        padding-top: 30px;
    }
    h1 {
        padding-top: 30px;
    }
    .flex_box_2 {
        width: 100%;
        padding-bottom: 55px;
        background-color: #f2f4f7;
    }
    .flex_2>div {
        width: 12.5%;
        padding: 25px 0;
    }
    .order1 {order: 2;}
    .order2 {order: 1;}

    .flex_4 {
        flex-wrap: wrap;
        background-color: #f2f4f7;
    }
    .flex_box3 {
        width: 100%;
        margin-top: -20px;
    }
    .flex_box4 {
        width: 100%;
        background-color: #f2f4f7;
        height: 400px;
        padding-top: 235px;
    }
    #visual>div img {
        width: 40%;
    }
    #visual section {
        width: 40%;
    }

    .text_box1 {
        padding-left: 50px;
        width: 26%;
        padding-top: 50px;
    }
    .text_box2 {
        width: 74%;
    }

    .flex_box5 {
        width: 100%;
        background-color: #f2f4f7;
    }
    h2 {
        font-size: 1.7rem;
        padding-top: 15px;
    }
    #visual1>div {
        height: 204px;
    }
    .flex_box7 {
        height: 200px;
    }
    #visual1>div img {
        width: 100%;
    }
    .flex_box6 {
        width: 100%;
        margin: 0;
        background-color: #f2f4f7;
        padding-bottom: 350px;
    }
    .map {
        background-color: #fff;
        width: 50%;
        left: 25%;
    }
    .flex_box6 h2 {
        font-size: 2rem;
        padding: 20px;
    }
    .h2_m {
        display: none;
    }
    .h2_p {
        display: block;
    }
    .flex_3 {
        width: 33%;
    }
    .flex_box6 a {
        margin: 0 5px;
    }
    .a_none {
        display: none;
    }
    div#left {
        left: -25px;
    }
    div#right {
        right: -25px;
    }
    .foot_left {
        width: 40%;
        padding-left: 20px;
    }
    .foot_right {
        width: 60%;
    }
    .foot_flex {
        padding: 0 20px;
    }
    .foot_flex_1 {
        flex-wrap: wrap;
        padding-left: 100px;
    }
    .foot_flex_1 .img {
        width: 100%;
        margin-top: -55px;
    }
    .foot_flex_1 .text-1 {
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
    .foot_flex_1 .foot_flex_2 {
        flex-wrap: wrap;
        width: 100%;
        padding-left: 20%;
        justify-content: space-evenly;
    }
    .foot_flex_2 div:nth-child(3) {
        width: 35%;
    }
    .foot_flex_2 .text-4 {
        width: 30%;
        margin-top: 40px;
        padding-bottom: 25px;
    }
    .foot_left .text {
        width: 22%;
    }
    .foot_left .foot_bt {
        width: 78%;
    }
    .order_1 {order: 2;}
    .order_2 {order: 3;}
    .order_3 {order: 1;}
    .order_4 {order: 4;}
    .order_5 {order: 6;}
    .order_6 {order: 5;}
    .text-2 {
        font-size: 1rem;
    }
    .magin_t {
        margin-top: 0px;
    }
    .order_4 .drop_box {
        bottom: 55px;
    }
    .order_5 .drop_box {
        top: -425px;
    }
    .flex_3 p {
        margin-top: 7px;
    }
    .flex_3 p .sapn_p {
        display: block;
    }
    .flex_3 p .sapn_m {
        display: none;
    }
    #visual_2 {
        height: 400px;
    }
    div#left_3 {
        left: 17%;
        bottom: 9.5%;
    }
    div#right_3 {
        left: 21%;
        bottom: 9.5%;
    }
	/* === 2022_12_26 추가 === */
	.pd_b_30 {
		padding-bottom: 0px;
	}
	/* === 2022_12_26 추가 끝 === */
        .flex_box3 .p_see {
	display:none;
        }
    /* 20231010 */
    .foot_flex_2 div:nth-child(3) img {
        width: 18%;
    }
    .wa {
        width: 23% !important;
    }
    footer {
		margin-top: 220px;
	}
}

@media(max-width:991px){
	.btn {
		bottom: 30px;
		margin-left: 35px;
	}
    .logo {
        padding: 15px 0;
    }
    .flex_box_1 .slick-list {
        width: 100%;
    }
    .prevBox, .nextBox {
        width: 25px;
        height: 25px;
        margin: 0 2px;
    }
    .bt_flex {
        width: 60px;
        height: 25px;
    }
    .slick-dots li button:before {
        width: 30px;
    }
    .slick-dots li {
        margin: 0 5px;
    }
    .slick-dots {
        bottom: 25px;
        padding-left: 7.5%;
    }
    .bt_box {
        left: 20%;
        bottom: 31px;
    }
    .play_bt {
        padding: 3px 0 3px 5px;
    }
    .pause_bt {
        padding: 3px 5px 3px 0;
    }
    .flex_box3 {
        flex-wrap: wrap;
    }
    .text_box1 {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 40px;
    }
    .text_box1 p {
        display: none;
    }
    .text_box2 {
        width: 100%;
    }
    .slick_box .text1 {
        padding: 0 15px;
    }
    .slick_box p:first-child {
        padding-top: 20px;
    }
    .slick_box .text2 {
        padding: 0 15px;
    }
    .slick_box p:nth-child(4) {
        padding-bottom: 50px;
    }
    .flex_box4 {
        margin-bottom: -70px;
    }
    .slick-active {
        width: 120%;
    }
    #visual1>div img {
        width: 100%;
    }
    #visual1 {
        display: none;
    }
    .swiper {
        display: block;
        margin-top: 35px;
    }
    .flex_box7 {
        display: none;
    }
    .flex_box5 {
        padding-bottom: 60px;
        background-color: #f2f4f7;
    }
    .caption, .caption_1 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        display: none;
    }

	/* === 2022_12_26 수정 === */
    .order3 {
        order: 3;
        display: block;
        text-align: center;
        background-color: #f2f4f7;
        width: 100%;
        padding-top: 300px;
		margin-bottom: 35px;
    }
	/* === 2022_12_26 수정 끝 === */

    .order3 {
        order: 3;
        display: block;
        text-align: center;
        background-color: #f2f4f7;
        width: 100%;
        padding-top: 330px;
    }
    .order3 a {
        font-weight: 700;
        font-size: 1.2rem;
    }
    .flex_4 br {
        display: none;
    }
    h2 {
        padding-bottom: 20px;
    }
    .slider {
        width: 90%;
        margin: 0 auto;
    }
    .p_m {
        display: block;
        text-align: center;
        background-color: #f2f4f7;
        width: 100%;
        padding-top: 420px;
    }
    .p_m a {
        font-weight: 700;
        font-size: 1.2rem;
    }
    .pd_b {
        padding-bottom: 0;
    }

    .foot_flex {
        padding: 0 10px;
    }
    .foot_left {
        width: 27%;
    }
    .foot_right {
        width: 73%;
        padding-left: 0;
    }
    .drop_bt1 {
        padding: 5px 0;
        margin-top: 5px;
    }
    .foot_flex_1 {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .foot_flex_2 .text-4 {
        width: 50%;
        padding-bottom: 0;
    }
    .foot_flex_1 .img {
        padding-left: 25%;
        margin-top: -37px;
    }
    .foot_flex_2 div:nth-child(3) {
        width: 100%;
        padding-top: 30px;
        padding-left: 25%;
    }
    .foot_flex_1 .foot_flex_2 {
        padding-left: 0;
    }
    .order_1 {order: 2;}
    .order_2 {order: 3;}
    .order_3 {order: 1;}
    .order_4 {order: 4;}
    .order_5 {order: 5;}
    .order_6 {order: 6;}
    .text-2 {
        display: none;
    }
    .text-2_t {
        display: block;
    }

    .foot_left .text {
        width: 45%;
    }
    .foot_left .foot_bt {
        width: 55%;
        padding-left: 10px;
    }
    .order_4 .drop_box {
        bottom: 35px;
    }
    .order_5 .drop_box {
        top: -420px;
    }
    .a_flex {
        width: 500px;
        margin: 0 auto;
    }
    .flex_box6 a {
        padding: 1.3% 3.3%;
        margin: 0 2px;
    }
    .flex_3 {
        width: 43%;
    }
    .foot_flex ul li {
        padding: 0 10px;
    }
    .foot_flex_2 div:nth-child(3) img {
        width: 8%;
    }
    #visual_2 {
        height: 284px;
    }
	/*
    #control {
        bottom: 40px;
        margin-left: 35px;
    }
	*/
    div#left_3 {
        left: 19.5%;
        bottom: 9.5%;
    }
    div#right_3 {
        left: 24%;
        bottom: 9.5%;
    }
    /* 20231010 */
    .wa {
        width: 11% !important;
    }
}

@media(max-width:767px){
    /* 20250212 */
    .mzone-area > .mzone-box {
        width: 90%;
    }
	.btn {
		bottom: 15px;
		margin-left: 20px;
	}
    .img_m {
        display: block !important;
    }
    .img_p {
        display: none !important;
    }
    .flex_box_1 a img {
        border-radius: 0 0 45px 0;
    }
    .flex_box_1 .slider {
        width: 100%;
        margin: 0;
    }
    .flex_box_1 {
        padding: 0;
        margin-bottom: 60px;
    }
    .flex_box_1 .slick_box {
        width: 100% !important;
        margin-left: 5px;
    }
    .slick-dots {
        bottom: 20px;
    }
    .slick-dots li {
        margin: 0 15px;
    }
    .bt_box {
        left: 50%;
        bottom: 25px;
    }
    .bt_box .flex_btBox img {
        border-radius: 0;
    }
    .prevBox, .nextBox {
        margin: 0 5px;
    }
    .slick-dots li button:before {
        width: 50px;
    }
    header {
        box-shadow: none;
    }
    main {
        padding-top: 75px;
    }
    .logo {
        width: 60%;
        padding: 20px;
        text-align: left;
    }
    .bars_m {
        width: 40%;
        padding: 25px 20px;
    }
    .flex_2, .flex_3 {
        width: 90%;
    }
    .flex_2>div {
        width: 25%;
        padding: 0;
    }
    .flex_2>div p {
        font-size: 0.8rem;
    }
    .flex_3 div {
        width: 25%;
    }
    .flex_3 p {
        font-size: 0.9rem;
        width: 75%;
        text-align: center;
        margin-top: 0;
    }
    .flex_3 p span {
        font-size: 0.8rem;
    }
    #visual>div img {
        width: 90%;
    }
    #visual section {
        width: 90%;
    }
    div#right {
        right: -18px;
    }
    div#left {
        left: -16px;
    }
    div#left img, div#right img {
        width: 85%;
    }
    .slick-next {
        display: none !important;
    }
    .slick-prev {
        display: none !important;
    }
    .slick-slide {
        margin: 0;
    }
    .slider {
        width: 97%;
    }
    .slick-track {
        left: -2px;
    }
    .center_2 .slick-track {
        left: 0;
    }
    .flex_box_1 .slick-track {
        left: -5px;
    }
    .order3 {
        padding-top: 290px;
    }
    .swiper-slide img {
        width: 100%;
    }
    .text_box1 a {
        font-size: 0.9rem;
    }
    h2 {
        font-size: 1.4rem;
    }
    .p_m {
        padding-top: 420px;
    }
    .flex_box6 h2 {
        font-size: 1.4rem;
        padding: 20px 0 15px 0;
    }
    .flex_box6 a {
        font-size: 0.9rem;
        margin: 0;
    }
    .a_flex {
        width: 90%;
        margin: 0 auto;
    }
    .map {
        width: 90%;
        left: 5%;
    }
    .flex_box6 .map img {
        width: 320px;
    }
    .foot_flex {
        padding: 0;
        flex-wrap: wrap;
    }
    .foot_left {
        width: 100%;
    }
    .foot_right {
        width: 100%;
        padding-left: 0;
    }
    .foot_left .text {
        width: 50%;
        padding-left: 0;
    }
    .foot_left .foot_bt {
        width: 50%;
        text-align: right;
        padding-right: 5px;
    }
    .foot_flex ul {
        text-align: center;
        padding: 0 2px;
    }
    .foot_flex ul li {
        padding: 0;
        text-align: center;
    }
    .foot_flex ul li:first-child {
        padding-left: 0;
    }
    .foot_flex ul li a {
        font-size: 1rem;
    }
    .foot_flex_2 .text-4 {
        width: 100%;
    }
    .drop_bt1 {
        margin: 0;
        width: 100%;
    }
    .foot_flex_1 .img {
        margin-top: -35px;
        padding-left: 0;
    }
    .foot_flex_1 .img img {
        width: 40%;
    }
    .foot_flex_2 div:nth-child(3) {
        padding-left: 45%;
    }
    .order_6 img {
        width: 35%;
    }
    .text-2_t {
        display: none;
    }
    .text-2_m {
        display: block;
        font-size: 0.8rem;
        padding: 0;
    }
    .foot_flex_1 ul {
        padding-bottom: 10px;
    }
    .foot_flex_1 ul li {
        padding: 0 5px;
    }
    .foot_flex_1 ul li a {
        font-size: 0.8rem;
    }

    /* 모바일 메뉴 */
    .m_menu_title {
        font-size: 1.5rem;
        padding-left: 10%;
    }
    .m-bt1 {
        top: 25%;
        right: 10%;
    }
    .m_menu_list_sub {
        font-size: 1.3rem;
    }
    .m_menu_list {
        padding-left: 14%;
    }
    .m-bt2 {
        right: 20%;
        top: -2%;
    }
    .drop_list {
        width: 100%;
    }
    .order_5 {
        margin-top: 20px;
    }
    .order_5 .drop_box {
        top: -405px;
    }
    .flex_3 p .sapn_p {
        display: none;
    }
    .flex_3 p .sapn_m {
        display: block;
    }
    .foot_right .slider {
        padding-right: 0;
    }
    .foot_flex_2 div:nth-child(3) img {
        width: 18%;
        margin: 0 5px;
    }
    /* 20231010 */
    .wa {
        width: 25% !important;
    }
    #visual_2 {
        width: 100%;
        height: 403px;
    }
	/*
    #control {
        bottom: 20px;
        margin-left: 21px;
    }
	*/
    div#left_3 {
        left: 40%;
        bottom: 2%;
    }
    div#right_3 {
        left: 50%;
        bottom: 2%;
    }
	.flex_box4 {
        padding-top: 5px;
    }
    footer {
        margin-top: 70px;
    }
}