/* 비주얼 */
#visual {
    height: 76.5%;
}

    #visual .visualWrap {
        background-image: url(/img/main/main_visual_bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        overflow: visible;
    }

        #visual .visualWrap . {
            text-align: center;
            width: 60%;
        }

            #visual .visualWrap .visual_txt .visual_hl {
                font-size: 38px;
                font-family: 'nanum_myeongjo_b','sans-serif';
                color: #3c352f;
                letter-spacing: 0.08em;
                padding-bottom: 20px;
            }

            #visual .visualWrap .visual_txt .visual_shl {
                font-size: 30px;
                font-family: 'nanum_myeongjo_r','sans-serif';
                color: #3c352f;
                letter-spacing: 0.08em;
            }

            #visual .visualWrap .visual_img {
                background: url(/img/main/main_visual_img01.png)no-repeat 0.0833vw 10.8500vw;
                height: 1000px;
                width: 60%;
                animation-name: position;
                animation-duration: 10s;
                animation-iteration-count: infinite;
                animation-direction: alternate;
                animation-timing-function: cubic-bezier(0.4, -0.4, 1.4, 0.5);
                animation-delay: 3850ms;
            }

@keyframes position {
    0% {
        background-position: 12.0833vw -7.0500vw;
    }

    15% {
        background-position: 5.7833vw 0.8500vw;
    }

    85% {
        background-position: 2.7833vw 10.8500vw;
    }

    100% {
        background-position: -5.0833vw 12.2500vw;
    }
}

@keyframes mo_position {
    0% {
        background-position: 12.0833vw -7.0500vw;
    }

    15% {
        background-position: 5.7833vw 0.8500vw;
    }

    85% {
        background-position: 2.7833vw 10.8500vw;
    }

    100% {
        background-position: -5.0833vw 12.2500vw;
    }
}
/* 비주얼 */

/* 메인 섹션 01 */
#main_section01 {
    height: 23.5%;
}

    #main_section01 .main_sec01_wrap {
        background-color: #fff;
        height: 100%;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    }

        #main_section01 .main_sec01_wrap ul {
            height: 100%;
        }

            #main_section01 .main_sec01_wrap ul .m_sec01_list {
                margin-right: 120px;
                text-align: center;
            }

                #main_section01 .main_sec01_wrap ul .m_sec01_list:hover .half_span {
                    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
                }
                /* #main_section01 .main_sec01_wrap ul .m_sec01_list:hover .fade{
    opacity: 0;
    visibility: hidden;
} */
                #main_section01 .main_sec01_wrap ul .m_sec01_list .fade {
                    opacity: 1;
                    visibility: visible;
                    transition: all 0.3s;
                }

        #main_section01 .main_sec01_wrap .m_sec01_list .title p {
            font-size: 26px;
            color: #333;
            font-family: 'nanum_gothic_b','serif';
        }

        #main_section01 .main_sec01_wrap ul .m_sec01_list .m_sec01_list_a {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        #main_section01 .main_sec01_wrap .span_wrap {
            text-align: center;
            margin-bottom: 35px;
        }

            #main_section01 .main_sec01_wrap .span_wrap .span {
                display: block;
                width: 95px;
                height: 17px;
                background-color: #3c352f;
            }

            #main_section01 .main_sec01_wrap .span_wrap .half_span {
                display: inline-block;
                width: 44px;
                height: 17px;
                background-color: #3c352f;
                transition: all 0.3s;
            }

                #main_section01 .main_sec01_wrap .span_wrap .half_span.mr_7 {
                    margin-right: 7px;
                }

            #main_section01 .main_sec01_wrap .span_wrap .d_block {
                display: block;
                width: 95px;
                height: 17px;
            }
/* 메인 섹션 01 */

/* 메인 섹션 02 */
#main_section02 .main_sec02_wrap {
    /* background: url(/img/main/main_sec02_bg.png)no-repeat 3% 116%;
    background-color: #ecebea;
    height : 89%; */
    position: relative;
}

    #main_section02 .main_sec02_wrap .calendar {
        padding: 125px 140px;
        height: 100%;
    }

    #main_section02 .main_sec02_wrap .left_cal {
        padding: 50px 40px;
        background-color: #68635e;
        width: 32%;
        text-align: center;
        height: 100%;
    }

        #main_section02 .main_sec02_wrap .left_cal .cal_title {
            font-size: 40px;
            font-weight: 600;
            color: #fff;
            padding: 20px 35px;
        }

        #main_section02 .main_sec02_wrap .left_cal .cal_cont {
            font-size: 20px;
            color: #fff;
        }

        #main_section02 .main_sec02_wrap .left_cal .bottom_wrap {
            padding-top: 60%;
        }

            #main_section02 .main_sec02_wrap .left_cal .bottom_wrap a {
                text-align: left;
                font-size: 18px;
                color: #c5bfb8;
                font-weight: 600;
            }

            #main_section02 .main_sec02_wrap .left_cal .bottom_wrap img {
                margin-top: -15px;
            }

    #main_section02 .main_sec02_wrap .right_cal {
        width: 68%;
        height: 100%;
        background-color: #d8d8d8;
    }

        #main_section02 .main_sec02_wrap .right_cal .cal_position {
            position: relative;
            width: 100%;
            height: 100%;
        }

            #main_section02 .main_sec02_wrap .right_cal .cal_position p {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
/* 메인 섹션 02 */