/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
::selection { background-color: rgb(0, 0, 0, .4) !important; color: #ffffff !important; }
.hc_slide_tittle { font-family: 'Pretendard-Bold'; color: #111; font-size: 45px; line-height: 66px; }
.avada-has-rev-slider-styles .avada-skin-rev { border: none !important; }


.hc_main_section01 { position: relative; }
.hc_main_section01 .bg_polagon_item01 { position: absolute; top: -133px; left: 102px; }
.hc_main_section01 .bg_polagon_item02 { position: absolute; right: 183px; bottom: -131px; }
.hc_main_section01 .program_wrap { width: 1300px; margin: 0 auto; }
.hc_main_section01 .program_wrap:after { content: ''; display: block; clear: both; }
.hc_main_section01 .program_wrap .program_item { width: 30.3333%; float: left; box-sizing: border-box; margin-right: 54px; overflow: hidden; aspect-ratio: auto 1 / 1; }
.hc_main_section01 .program_wrap .program_item:nth-child(3) { margin-right: 0px; }
.hc_main_section01 .program_wrap .program_item .program_inner { display: block; width: 100% ; aspect-ratio: auto 1 / 1; }
.hc_main_section01 .program_wrap .program_item .program_inner .program_bg { width: 100%; height: 100%; position: relative; background-size: contain !important; }
.hc_main_section01 .program_wrap .program_item .program_inner .program_bg .circle_title { font-family: 'Pretendard-Bold'; font-size: 24px; line-height: 29px; color: #008CD0; background-color: #fff; width: 50%; aspect-ratio: auto 1 / 1; text-align: center; border-radius: 50%; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); }
.hc_main_section01 .program_wrap .program_item .program_inner .program_bg .circle_title .title { width: fit-content; height: fit-content; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.hc_main_section01 .program_wrap .program_item .program_inner:hover .program_bg .circle_title { transition: all .6s; transform: translate(-50%,-50%) scale(1); }
.hc_main_section01 .program_wrap .program_item:nth-child(1) .program_inner .program_bg { background: url("/wp-content/uploads/2023/07/item01.png") no-repeat; }
.hc_main_section01 .program_wrap .program_item:nth-child(2) .program_inner .program_bg { background: url("/wp-content/uploads/2023/07/item03.png") no-repeat; }
.hc_main_section01 .program_wrap .program_item:nth-child(3) .program_inner .program_bg { background: url("/wp-content/uploads/2023/07/item02.png") no-repeat; }

.hc_correspondent_wrap { width: 100vw; overflow-x: hidden; white-space: nowrap; }
.hc_correspondent_wrap::after { content: ''; display: block; clear: both; }
.hc_correspondent_wrap .hc_correspondent_content::after { content: ''; display: block; clear: both; }
.hc_correspondent_wrap .hc_correspondent_content { display: inline-block; white-space: nowrap;  }
.hc_correspondent_wrap .hc_correspondent_content .correspondent_item { display: inline-block; margin-right: 22px; }
.hc_correspondent_content.origin {
    animation: loop_origin 60s linear infinite;
}
.hc_correspondent_content.clone {
    animation: loop_clone 60s linear infinite;
}
/* 회사소개 */
.hc_title_circle_item { width: fit-content; padding: 10px 22px; box-sizing: border-box; border: 1px solid #008CD0; border-radius: 100px; margin-bottom: 17px; font-family: 'Pretendard-Bold'; font-size: 18px; color: #008CD0FF; line-height: normal; }
.hc_horizontal_scroll .swiper-wrapper .swiper-slide .history_item { background-color: #fff; padding: 33px; aspect-ratio: auto 1 / 1; border-radius: 18px; }
.hc_horizontal_scroll .swiper-wrapper .swiper-slide .history_item .title { font-family: 'Pretendard-Bold'; font-size: 32px; line-height: normal; color: #008CD0; margin-bottom: 20px; }
.hc_horizontal_scroll .swiper-wrapper .swiper-slide .history_item .content { font-family: 'Pretendard-Light'; font-size: 18px; line-height: 30px; color: #111; }
.hc_horizontal_scroll .swiper-wrapper .swiper-slide .history_item .content .point { font-family: 'Pretendard-Medium'; }

.hc_program_slide { width: 1006px; margin: 0 auto; margin-top: 122px; }
.hc_program_slide .swiper-wrapper .swiper-slide .program_item .content { width: 84%; margin: 42px auto; }
.hc_program_slide .swiper-wrapper .swiper-slide .program_item .content::after { content: ''; display: block; clear: both; }
.hc_program_slide .swiper-wrapper .swiper-slide .program_item .content .title_wrap { font-family: 'Pretendard-Medium'; font-size: 28px; float: left; color: #111; }
.hc_program_slide .swiper-wrapper .swiper-slide .program_item .content .text_wrap { margin-left: 62px; float: left; font-family: 'Pretendard-Regular'; font-size: 18px; line-height: 30px; color: #111; }

.hc_program_slide.slide_board { width: 1006px; height: 382px; margin-top: 0; margin-bottom: 42px; }
.hc_program_slide.slide_board .swiper-wrapper .swiper-slide { border-radius: 50px; overflow: hidden; }
.hc_program_slide.slide_board .swiper-wrapper .swiper-slide .program_item .image_wrap img { width: 1006px; height: 382px; object-fit: cover; }

.swiper-pagination-bullet { width: 30px !important; height: 4px !important; border-radius: 10px !important; background-color: #111 !important; }

.hc_info_wrap { width: 100%; }
.hc_info_wrap .hc_info_item { width: 100%; margin-bottom: 64px; }
.hc_info_wrap .hc_info_item:after { display: block; content: ''; clear: both; }
.hc_info_wrap .hc_info_item .info_title { float: left; margin-right: 66px; width: 191px; height: 68px; text-align: center; box-sizing: border-box; font-family: 'Pretendard-ExtraBold'; font-size: 28px; line-height: normal; padding: 17px 39px; border: 1px solid #111; border-radius: 100px 100px; }
.hc_info_wrap .hc_info_item .info_content { float: left; font-family: 'Pretendard-ExtraLight'; font-size: 28px; line-height: normal; }
.hc_info_wrap .hc_info_item:first-child .info_content { line-height: 68px; }
.hc_info_wrap .hc_info_item:last-child .info_content { line-height: 45px; }
.hc_info_wrap .hc_info_item .info_content .tiny_text { font-size: 18px; line-height: 30px; }

.hc_info_item.style02 .info_title { text-align: center; box-sizing: border-box; font-family: 'Pretendard-ExtraBold'; font-size: 18px; line-height: normal; padding: 8px 19px; border: 1px solid #111; border-radius: 100px 100px; width: fit-content; margin-bottom: 15px; }
.hc_info_item.style02 .info_content { font-family: 'Pretendard-ExtraLight'; font-size: 28px; line-height: normal; }
.hc_info_item.style02 .info_content a { color: #111; transition: all 6s; }
.hc_info_item.style02 .info_content a:hover { color: #111; text-decoration: underline; }

.fusion-sticky-container.fusion-sticky-scroll-transition.fusion-scrolling-up { border-bottom-color: #dddddd !important; }

/* loader css */
#hc-load-wrapper { transition: all ease-out 1s; opacity: 1; position: fixed; top: 0; left: 0; z-index: 9999; display: flex; width: 100vw; height: 100vh; background-color: #F2EFE9; color: #000; justify-content: center; align-items: center; }
#hc-load-wrapper .load-text { font-family: "IBM Plex Sans KR"; font-weight: 700; font-size: 1.8em;R }
#hc-load-wrapper.deactivate { transition: all ease-out 1s; opacity: 0; z-index: -99; }



.songak_slider { width: 100%; position: relative; align-items: center; overflow: hidden; }
.songak_slider .slider-wrapper { display: flex; gap: 20px; cursor: grab; user-select: none; white-space: nowrap; width: 100%; }
.songak_slider .slider-wrapper .slide-item { flex-shrink: 0; }

.songak-banner { width: 100%; position: relative; height: 532px; border-radius: 62px; overflow: hidden; }
.songak-banner .banner-wrapper { display: flex; cursor: grab; user-select: none; white-space: nowrap; width: 100%; height: 100%; }
.songak-banner .banner-wrapper .banner-item { flex-shrink: 0; width: 100%; height: 100%; }
.songak-banner .banner-wrapper .banner-item .image_wrap img { width: 100%; height: 100%; object-fit: contain;}

/* map css */
.songak-map { width: 100%; height: 625px; border-radius: 4rem; border: 1px solid #ddd; }

/* tabmenu css */
.songak-tabmenu { width: 100%; }
.songak-tabmenu .tabmenu-wrapper { display: flex; gap: 3rem; align-items: flex-end; }
.songak-tabmenu .tabmenu-wrapper .tabmenu-item a { display: flex; flex-flow: column; align-items: center; font-family: "IBM Plex Sans KR"; font-weight: 500; font-size: 1.688rem; color: rgba(0, 0, 0, 0.5); transition: all ease-out .6s; }
.songak-tabmenu .tabmenu-wrapper .tabmenu-item.active a { color: rgba(0, 0, 0, 1); }
.songak-tabmenu .tabmenu-wrapper .tabmenu-item.active a:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: rgba(39, 136, 113, 1); }

/* 송악면 둘러보기 */
.songak-map-slider .wrapper { display: flex; align-items: center; }
.songak-map-slider .wrapper .map-list { width: 50vw; position: relative; flex-shrink: 0; }
.songak-map-slider .wrapper .map-list img { min-width: 848px; height: 923px; white-space: nowrap; }
.songak-map-slider .wrapper .map-list .map-item { cursor: pointer; position: absolute; width: 119px; top: 0; left: 0; height: 37px; box-sizing: border-box; /*border: 3px solid rgba(71 71 71 / 14%);*/ }
.songak-map-slider .wrapper .map-list .map-item.map1 { top: 331px; left: 639px; }
.songak-map-slider .wrapper .map-list .map-item.map2 { top: 211px; left: 632px; }
.songak-map-slider .wrapper .map-list .map-item.map3 { top: 325px; left: 128px; }
.songak-map-slider .wrapper .map-list .map-item.map4 { top: 290px; left: 19px; }
.songak-map-slider .wrapper .map-list .map-item.map5 { top: 253px; left: 119px; }
.songak-map-slider .wrapper .map-list .map-item.map6 { top: 726px; left: 366px; }
.songak-map-slider .wrapper .map-list .map-item.map7 { top: 812px; left: 359px; }
.songak-map-slider .wrapper .map-list .map-item.map8 { top: 295px; left: 375px; }
.songak-map-slider .wrapper .map-list .map-item.map9 { top: 114px; left: 207px; }
.songak-map-slider .wrapper .map-list .map-item.map10 { top: 94px; left: 320px; }
.songak-map-slider .wrapper .map-list .map-item.map11 { top: 259px; left: 250px; }
.songak-map-slider .wrapper .map-list .map-item.map12 { top: 179px; left: 181px; }
.songak-map-slider .wrapper .map-list .map-item.map13 { top: 425px; left: 499px; }
.songak-map-slider .wrapper .map-list .map-item.map14 { top: 354px; left: 467px; }
.songak-map-slider .wrapper .map-list .map-item.map15 { top: 531px; left: 518px; }
.songak-map-slider .wrapper .map-list .map-item.map16 { top: 666px; left: 239px; }
.songak-map-slider .wrapper .map-list .map-item.map17 { top: 556px; left: 302px; }
.songak-map-slider .wrapper .map-list .map-item.map18 { top: 91px; left: 59px; }
.songak-map-slider .wrapper .map-list .map-item.map19 { top: 188px; left: 62px; }
.songak-map-slider .wrapper .map-list .map-item.map20 { top: 168px; left: 531px; }
.songak-map-slider .wrapper .map-list .map-item.map21 { top: 227px; left: 477px; }
.songak-map-slider .wrapper .map-list .map-item.map22 { top: 97px; left: 648px; }
.songak-map-slider .wrapper .map-list .map-item.map23 { top: 14px; left: 577px; }
.songak-map-slider .wrapper .map-list .map-item.map24 { top: 44px; left: 486px; }
.songak-map-slider .wrapper .map-list .map-item.map25 { top: 58px; left: 613px; }
.songak-map-slider .wrapper .map-list .map-item.map26 { top: 339px; left: 274px; }
.songak-map-slider .wrapper .map-list .map-item.map27 { top: 413px; left: 296px; }
.songak-map-slider .wrapper .map-list .map-item.map28 { top: 477px; left: 261px; }
.songak-map-slider .wrapper .map-list .map-item.map29 { top: 435px; left: 182px; }
.songak-map-slider .wrapper .map-list .map-item.map30 { top: 659px; left: 453px; }
.songak-map-slider .wrapper .map-list .map-item.map31 { top: 60px; left: 380px; }
.songak-map-slider .wrapper .map-list .map-item.map32 { top: 126px; left: 403px; }
.songak-map-slider .wrapper .map-list .map-item.map33 { top: -5px; left: 438px; }
.songak-map-slider .wrapper .map-info-list { width: 50vw; font-family: "IBM Plex Sans"; font-weight: 400; }
.songak-map-slider .wrapper .map-info-list .info-item { opacity: 0; display: none; transition: all .8s; }
.songak-map-slider .wrapper .map-info-list .info-item .info-image { width: 100%; height: 352px; border-radius: 40px; overflow: hidden; background-color: #C8CED5; margin-bottom: 1.563rem; border: 1px solid #ddd; }
.songak-map-slider .wrapper .map-info-list .info-item .info-image img { width: 100%; height: 100%; }
.songak-map-slider .wrapper .map-info-list .info-item .info-text { font-size: 1rem; }
.songak-map-slider .wrapper .map-info-list .info-item .info-text .title {  }
.songak-map-slider .wrapper .map-info-list .info-item .info-text .content { margin-top: 1rem; }
.songak-map-slider .wrapper .map-list .map-item.active { /*border-color: #278871;*/ }
.songak-map-slider .wrapper .map-info-list .info-item.active { opacity: 1; display: block; transition: all .8s; }

.songak-years { width: 100%; }
.songak-years .songak-years-wrapper { width: 100%; }
.songak-years .songak-years-wrapper .swiper-wrapper { width: 100vw; }
.songak-years .songak-years-wrapper .swiper-wrapper .swiper-slide {  }
.songak-years .songak-years-wrapper .swiper-wrapper .swiper-slide .year-card { width: 100%; height: 280px; background-color: #FFF7BD; border-radius: 32px; position: relative; overflow: hidden; display: flex; align-items: flex-end;  box-sizing: border-box; }
.songak-years .songak-years-wrapper .swiper-wrapper .swiper-slide .year-card:hover {  }
.songak-years .songak-years-wrapper .swiper-wrapper .swiper-slide .year-card img { position: absolute; top: 0; left: 0; }
.songak-years .songak-years-wrapper .swiper-wrapper .swiper-slide .year-card .content { width: 100%; box-sizing: border-box; padding: 30px; font-family: "IBM Plex Sans"; font-weight: 600; font-size: 22px; line-height: normal; color: #fff; z-index: 1; }
.songak-years .songak-years-wrapper .swiper-wrapper .swiper-slide .year-card .content:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(rgba(0,0,0,0) 60%, rgba(0,0,0,1) 90%); z-index: -1; }

.songak-table { width: 100%; font-family: "IBM Plex Sans"; }
.songak-table .table-title { font-size: 1rem; padding-top: 1rem; padding-bottom: 0.4rem; }
.songak-table .table-title::before { display: inline-block; content: ""; width: 12px; height: 12px; margin-right: 0.5rem; border-radius: 12px; background-color: #133930; }
.songak-table:nth-child(1) .table-title { padding-top: 0rem; }
.songak-table table { width: 100%; border-collapse: collapse; }
.songak-table table tr { border: 1px solid #c2c2c2; }
.songak-table table tr td { text-align: center; padding: 1rem; color: #322212; }
.songak-table table tr td.first { border-right: 1px solid #c2c2c2; background-color: #e5e2db; font-weight: 600; }
.songak-table table thead tr td { background-color: #e5e2db; color: #133930; font-weight: 600; }

.songak-business-slide { width: 100%; }
.songak-business-slide .swiper-button-next,
.songak-business-slide .swiper-button-prev { color: white; }
.songak-business-slide .swiper-slide img { height: 334px; }

@keyframes loop_origin {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes loop_clone { /* 클론용 */
    0% {
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-471%, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(300%, 0, 0);
        transform: translate3d(-271%, 0, 0);
    }
}

@media screen and (max-width: 1536px) {
    .hc_correspondent_wrap .hc_correspondent_content .correspondent_item img { width: 162px; }
    
}
@media screen and (max-width: 1440px) {
    .hc_correspondent_wrap { width: 1440px; }
    .hc_correspondent_wrap .hc_correspondent_content .correspondent_item { margin-right: 15px; }
    .hc_correspondent_wrap .hc_correspond ent_content .correspondent_item img { width: 157.5px; }
    .hc_main_section01 .program_wrap .program_item .program_inner .program_bg .circle_title {  }

    .songak-map-slider .wrapper { flex-flow: column; align-items: center; }
    .songak-map-slider .wrapper .map-list { width: fit-content; display: flex; }
    .songak-map-slider .wrapper .map-info-list { width: 100%; flex-shrink: 0; }


}
@media screen and (max-width: 1314px) {
    .hc_main_section01 .program_wrap { width: 80%; }
    .hc_main_section01 .program_wrap .program_item .program_inner .program_bg .circle_title { font-size: 21px; line-height: 27px; }
}
@media screen and (max-width: 1025px) {
    .hc_main_section01 .program_wrap .program_item { margin-right: 35px; }
    .hc_program_slide { width: 90%; }
    .hc_program_slide.slide_board { width: 90%; }

    .hc_program_slide .swiper-slide { width: 100% !important; }

    .songak-map-slider .wrapper .map-list { width: 100%; overflow: auto; }

}
@media screen and (max-width: 769px) {
    .hc_main_section01 { overflow-x: auto; white-space: nowrap; }
    .hc_main_section01 .bg_polagon_item01,
    .hc_main_section01 .bg_polagon_item02 { display: none; }
    .hc_main_section01 .program_wrap { width: 1024px; }
    .hc_main_section01 .program_wrap .program_item:nth-child(1) { margin-left: 24%; }
    .hc_main_section01 .program_wrap .program_item { display: inline-block; float: unset; }
    .hc_main_section01 .program_wrap .program_item .program_inner .program_bg .circle_title { transform: translate(-50%,-50%) scale(1); }
    .hc_program_slide .swiper-wrapper .swiper-slide .program_item .content .title_wrap { float: unset; text-align: center; margin-bottom: 20px; }
    .hc_program_slide .swiper-wrapper .swiper-slide .program_item .content .text_wrap { float: unset; text-align: center; margin-left: 0; }
    .hc_program_slide .swiper-wrapper .swiper-slide .program_item .content .text_wrap br { display: none; }
    .hc_info_wrap .hc_info_item .info_title { float: unset; margin: 0 auto; margin-bottom: 20px; }
    .hc_info_wrap .hc_info_item .info_content { float: unset; margin: 0 auto; text-align: center; }


}
@media screen and (max-width: 426px) {
    .hc_main_section01 .program_wrap { width: 748px; }
    .hc_main_section01 .program_wrap .program_item:nth-child(1) { margin-left: 13%; }
    .hc_info_item.style02 .info_title { margin: 0 auto 15px auto; }
    .hc_info_item.style02 .info_content { text-align: center; }
    .hc_info_wrap .hc_info_item:first-child .info_content { line-height: 45px; }
}