/* BASIC css start */
.linkBox_a{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.linkBox_a a:nth-child(-n+2){
    width: 49%;
}
.fixed{position:fixed;right:30px;bottom:30px;z-index:81;}
.fixed>.scroll_cs,
.fixed>.scroll_top, .fixed>.scroll_recent{margin-bottom:15px;}
.fixed.on{right: 300px}

#notice {
    position: relative;
    max-width: 1350px; width: 100%; height: 70px; margin: 0 auto;
    line-height: 70px;
    box-sizing: border-box;
    clear: both;
    z-index: 1
}
.notice .notice_list {
    height: 100%;
    font-size: 0;
    background: #fff;
    overflow: hidden;
}
.notice .notice_list img { vertical-align: middle; margin-right: 50px; }
.notice .swiper-container { 
    height: 100%; 
    margin: 0; vertical-align: top; line-height: 70px; 
}
.notice .swiper-slide { position: relative; height: auto; }
.notice_list > * { display: inline-block; }
.notice .notice_list > span {
    color: #640585; font-size: 14px; font-weight: 600;
    margin-right: 20px; line-height: 70px;
}
.notice .swiper-slide .tit {
    color: #4E4E4E; font-size: 14px; font-weight: 400;
    letter-spacing: -0.02em; line-height: 70px;
}

#footerWrap { border-top: 1px solid #d9d9d9; overflow: hidden; }
#footerWrap .wwrap { max-width: 1350px; width: 100%; margin: 0 auto; 
    display: flex; flex-direction: row;
    justify-content: space-between; align-items: flex-start;
    padding: 56px 0 71px;
}

/* bottom css (공통) */
#footerWrap .wwrap .bottom1,
#footerWrap .wwrap .bottom2 {
    display: flex; flex-direction: column; 
    justify-content: space-between; align-items: flex-start;
    position: relative;
}
#footerWrap .wwrap .bottom1 { width: 50%; }

/* bottom1 */
.bottom1 .cs__wrap { margin: 0 !important; }
.bottom1 .cs__wrap .cs__title { display: flex !important; flex-direction: row; align-items: center; justify-content: flex-start; display: block; width: 100%; gap: 7px; }
.bottom1 .cs__wrap .cs__title p { font-size: 16px; font-weight: 600; letter-spacing: -1px; line-height: 18px; }
.bottom1 .cs__wrap .cs__title .imgBox { width: 12px; }
.bottom1 .cs__wrap .cs__title .imgBox img { width: 100%; margin-top: 2px; }
#footerWrap .wwrap .bottom1 .cs__wrap .cs_tel { font-size: 26px; color: #505050; font-weight: 600; margin-top: 12px; letter-spacing: 600; }
#footerWrap .wwrap .bottom1 .cs__wrap .time,
#footerWrap .wwrap .bottom1 .cs__wrap .comm { font-size: 13px; color: #505050; }
#footerWrap .wwrap .bottom1 .cs__wrap .time { margin-top: 12px; line-height: 22px; }

#footerWrap .wwrap .bottom1 .sns__wrap {
    display: flex; flex-direction: row; gap: 3%;
    width: 100%; justify-content: flex-start; align-items: flex-start;
    margin-top: 18px; /* 기존 margin-top: 47px */
}
#footerWrap .wwrap .bottom1 .sns__wrap a { 
    display: block; width: 35px;
}
#footerWrap .wwrap .bottom1 .sns__wrap .imgBox { width: inherit; }
#footerWrap .wwrap .bottom1 .sns__wrap .imgBox img { width: 100%; }


/* bottom2 css */
#footerWrap .wwrap .bottom2 .company_info { text-align: right; }
#footerWrap .wwrap .bottom2 .company_info p { font-size: 13px; color: #a7a7a7; letter-spacing: -1px; line-height: 22px; }
#footerWrap .wwrap .bottom2 .company_info .copyright1,
#footerWrap .wwrap .bottom2 .company_info .copyright2 { color: #a7a7a7; }
#footerWrap .wwrap .bottom2 .company_info .copyright1 { margin-top: 22px; }
#footerWrap .wwrap .bottom2 .company_info .kb__wrap { margin-top: 3px; margin-right: 2px; display: block; }

#footerWrap .wwrap .bottom2 .notice__wrap { margin-top: 46px; width: 100%; }
#footerWrap .wwrap .bottom2 .notice__wrap ul {
    width: inherit; display: flex; flex-direction: row; gap: 18px;
    justify-content: flex-end; align-items: center;
}
#footerWrap .wwrap .bottom2 .notice__wrap ul li a { font-size: 13px; color: #a7a7a7; letter-spacing: -1px; line-height: 18px; }

#footerWrap .wwrap .bottom2 .copyright1 { margin-top: 20px; width: 100%; text-align: right; font-size: 10px; font-weight: bold; color: #a7a7a7; line-height: 15px; letter-spacing: -1px; }

.btt{display:flex; justify-content: space-between;}
.btt>div{vertical-align:middle;}

/* 250311 add : icon size height: 38px */
.right img { height: 38px; }

/* 250320 add */
.scroll_cont { margin-bottom: 15px; }

/* 260223 add */
/* 캠페인 드랍다운 */
.evt-campaign-wrapper {
    position: relative; width: 200px; min-width: 200px;
    margin-top: 20px; margin-bottom: 40px;
}
/* 기본 버튼 스타일 */
.evt-dropdown-label {
    width: 100%; height: 38px;
    padding: 0 12px;
    border: 1px solid #505050;
    border-radius: 8px; /* 처음엔 둥글게 */
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23505050' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 12px;
    font-size: 12px; letter-spacing: -0.5px; text-align: left;
    color: #505050;
    cursor: pointer;
    transition: border-radius 0.2s; /* 부드러운 변화 */
    transition: background-image 0.2s ease; /* 화살표 회전을 위한 설정 */
}
/* 메뉴가 열렸을 때 버튼 스타일 */
.evt-campaign-wrapper.is-active .evt-dropdown-label {
    border-radius: 8px 8px 0 0; /* 위쪽만 둥글고 아래는 각지게 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23505050' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E");
}
/* 숨겨진 리스트 스타일 */
.evt-dropdown-list {
    display: none;
    position: absolute; top: 100%; left: 0;
    width: 198px; max-height: 90px;
    border: 1px solid #505050;
    border-top: 0;
    border-radius: 0 0 8px 8px; /* 리스트 하단만 둥글게 */
    background: #fff;
    list-style: none;
    padding: 0; margin: 0;
    z-index: 10;
    overflow-y: auto;
    -ms-overflow-style: none; /* IE, Edge */
    scrollbar-width: none;    /* Firefox */
}
/* 크롬, 사파리 스크롤바 숨기기 */
.dropdown-list::-webkit-scrollbar { display: none; }
.evt-campaign-wrapper.is-active .evt-dropdown-list { display: block; /* 클래스가 붙으면 보임 */ }
.evt-dropdown-list li a {
    display: block; padding: 10px 12px;
    font-size: 12px; letter-spacing: -0.5px; color: #505050; text-decoration: none;
}

.evt-dropdown-list li a:hover { background-color: #f5f5f5; }
/* BASIC css end */

