/* *****하단시작***** */
#tfooter { padding: 60px 0; background-color: #363636; }
#tfooter .contents { display: flex; flex-wrap: nowrap; }
#tfooter .contents .left { position: relative; margin-right: 40px; }
#tfooter .contents .left img { width: 142px; min-width: 142px; position: relative; top: 50%; transform: translateY(-50%); display: inline-block; }

#tfooter .contents .right { position: relative; }
#tfooter .contents .right .txtbox { position: relative; top: 50%; transform: translateY(-50%); }
#tfooter .contents .right .txtbox p { display: inline-block; margin-right: 20px; font-weight: 300; font-size: 17px; color: #b8b7b7; line-height: 1.44; }
#tfooter .contents .right .txtbox p b { font-weight: 500; color: #fff; }
@media (max-width: 1440px) {
    #tfooter .contents .left img { width: 135px; min-width: 135px; }
}
@media (max-width: 1230px) {
    #tfooter .contents .left img { width: 110px; min-width: 110px; }
}
@media (max-width: 1024px) {
    #tfooter .contents .left { margin-right: 30px; }
    #tfooter .contents .left img { width: 100px; min-width: 100px; }
    #tfooter .contents .right .txtbox p { margin-right: 10px; font-size: 16px; }
}
@media (max-width: 767px) {
    #tfooter .contents { display: block; }
    #tfooter .contents .left { text-align: center; margin-right: initial; }
    #tfooter .contents .left img { top: 0; transform: translateY(0); width: 100%; min-width: initial; max-width: 100px; }
    #tfooter .contents .right { margin-top: 20px; }
    #tfooter .contents .right .txtbox { top: 0; transform: translateY(0); }
    #tfooter .contents .right .txtbox p { display: block; font-size: 14px; }
    #tfooter .contents .right br { display: none; }
}
/* *****하단끝***** */






/* *****메인비주얼***** */
#main_visual { height: calc(100vh - 100px); }
#main_visual .mv_wrap, #main_visual .mv_slide, #main_visual .slick-list, #main_visual .slick-track, #main_visual .con, #main_visual .swrap { height: 100%; }

/* 메인비주얼_배경 */
#main_visual .con .bg { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center/cover; transform: scale(1.1); transform-origin: center; }
#main_visual .con1 .bg { background-image: url(/image/mv_bg1.jpg); }
#main_visual .con2 .bg { background-image: url(/image/mv_bg2.jpg); }
#main_visual .slick-current .bg { animation: mv_bg forwards linear 3s; }
@keyframes mv_bg {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* 메인비주얼_텍스트 */
#main_visual .con .txtbox { z-index: 5; position: relative; opacity: 1; top: 53%; transform: translateY(-50%); text-align: center; }
#main_visual .con .txtbox .txt1 { font-weight: 700; font-size: 65px; color: #fff; line-height: 1.38; text-shadow: 2px 0 2px rgba(0, 0, 0, 0.75); }
#main_visual .con .txtbox .txt2 { font-weight: normal; font-size: 40px; color: #fff; line-height: 1.3; text-shadow: 2px 0 2px rgba(0, 0, 0, 0.75); }

/* 메인비주얼_동그라미버튼 */
#main_visual .slick-dots { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: nowrap; justify-content: center; }
#main_visual .slick-dots > li { margin: 0 5px; width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; cursor: pointer; }
#main_visual .slick-dots > .slick-active { background-color: #fff; }
#main_visual .slick-dots > li button { display: none; }

/* 메인비주얼_반응형 */
@media (max-width:1230px) {
    #main_visual { height: calc(350px + 23vw); }
}
@media (max-width:480px) {
    #main_visual .slick-dots > li { margin: 0 8px; width: 10px; height: 10px; }
}

/* *****메인고객지원***** */
#main_support { padding: 70px 0; }
#main_support .contents { display: flex; flex-wrap: nowrap; }
#main_support .contents > li { position: relative; width: 50%; }
#main_support .contents .left { width: 45%; margin-right: 5%; }
#main_support .contents > li .more_btn { position: absolute; top:0; right: 0; font-size: 20px; color: #929292; }
#main_support .contents > li .txt1 { margin-bottom: 40px; font-weight: 700; font-size: 30px; color: #000; }
#main_support .contents .right { padding: 45px 65px; background-color: #f5f5f5; }
#main_support .contents .right .txt2 img { display: inline-block; width: 64px; margin-right: 16px; }
#main_support .contents .right .txt2 span { vertical-align: middle; font-weight: 800; font-size: 40px; color: #2f3192; line-height: 1; }
#main_support .contents .right .txt3 { margin-top: 15px; margin-left: 90px; font-weight: 500; font-size: 18px; color: #404040; line-height: 1.66; }
@media (max-width: 1230px) {
    #main_support .contents .right { padding: 30px 45px; }
    #main_support .contents .right .txt2 span { font-size: 34px; }
    #main_support .contents .right .txt3 { margin-top: 10px; font-size: 16px; }
}
@media (max-width: 1024px) {
    #main_support .contents .right { padding: 20px 30px; }
    #main_support .contents .right .txt2 img { display: inline-block; width: 50px; margin-right: 15px; }
    #main_support .contents .right .txt2 span { font-size: 28px; }
    #main_support .contents .right .txt3 { margin-left: 70px; font-size: 14px; }
}
@media (max-width: 767px) {
    #main_support .swrap { width: 100%; }
    #main_support .contents { display: block; }
    #main_support .contents > li { width: 100%; height: initial; padding: 0 20px; }
    #main_support .contents .left { width: 100%; margin-right: 0; } 
    #main_support .contents .right { padding: 25px; margin-top: 40px; }
    #main_support .contents > li .more_btn { right: 20px; }
}