.cf:after {
            content: '';
            display: block;
            clear: both;
        }

        .cl {
            clear: both;
        }

        .keyWrap {
            width: 100%;
            /*     background-color: aqua; */
            padding: 50px 0;
            height: auto;
            margin-bottom: 30px;
            border-bottom: 1px solid #ddd;
        }

        .keyNum {
            width: 50px;
            height: 50px;
            box-sizing: border-box;
            padding: 10px;
        }

        .keyNum span {
            display: block;
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 45px;
            border-radius: 50%;
            border: 2px solid #ffb607;

        }

        .keyRight {
            width: 600px;
            height: 150px;
            /*             background-color: antiquewhite; */
            padding: 10px;
            box-sizing: border-box;
        }

        .keyRight p {
            text-align: left;
            color: #333;
        }

        a.Bt {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            color: #ffffff !important;
            background-color: #132b88;
            text-align: center;
            border-radius: 4px;
            margin-top: 30px;
        }

        .w50_B01 {
            display: block;
            width: 45%;
            height: 50px;
            line-height: 50px;
            color: #ffffff !important;
            background-color: #132b88;
            text-align: center;
            border-radius: 4px;
            margin-top: 30px;
            margin-right: 5px;
        }

        .w50_B02 {
            display: block;
            width: 45%;
            height: 50px;
            line-height: 50px;
            color: #ffffff !important;
            background-color: #3b7abe;
            text-align: center;
            border-radius: 4px;
            margin-top: 30px;
            margin-right: 0;
        }

        .w10_B01 {
            display: block;
            width: 100px;
            height: 50px;
            line-height: 50px;
            color: #ffffff !important;
            background-color: #132b88;
            text-align: center;
            border-radius: 4px;
        }

        .boxh_50 {
            width: 90%;
            height: 50px;
            /* background-color: #ffb607; */
        }

        .boxh_50>input {
            border: 1px solid #ddd;
            height: 50px;
            padding: 5px;
            box-sizing: border-box;
            width: 80%;
        }

        .boxh_50>div>input {
            border: 1px solid #ddd;
            height: 50px;
            padding: 5px;
            box-sizing: border-box;
            width: 100%;
            margin-bottom: 5px;
        }

        .textS {
            font-size: 1em;
        }

        .MpadBott {
            border-bottom: 1px solid #ddd;
            padding-bottom: 500px !important;

        }

        .BoxBg_gray {
            width: 100%;
            padding: 10px;
            background-color: rgb(235, 235, 235);

        }

        .BoxBg_gray p {
            font-size: 0.85em;
        }

        .boxh_50 .textS{
                font-size: 0.95em;
                height: 80px;
                line-height: 80px;
            }

        /* 자주묻는질문영역 */
        .FAQ{ margin-top: 100px;}
        .FAQlist{
            margin-top: 80px;
            border-bottom: 1px dashed #ddd;
            padding-bottom: 20px;
        }
        .FAQlist h6{
            text-align: initial;
        }
        .FAQlist p{
            text-align: left;
            font-size: 0.85em;
        }
        .FAQlist p a{
            display: block;
            padding: 5px 20px;
            background-color: #3b7abe;
            color: #fff;
            width: 100px;
        }


        @media screen and (max-width: 600px) {
        
            .keyWrap {
            width: 100%;
            /*     background-color: aqua; */
            padding: 50px 0;
            height: auto;
            margin-bottom: 30px;
            border-bottom: 1px solid #ddd;
        }

            .MpadBott {
            border-bottom: 1px solid #ddd;
            padding-bottom: 300px !important;

        }

            .keyRight {
                width: 400px;
                height: 150px;
                /*             background-color: antiquewhite; */
                padding: 10px;
                box-sizing: border-box;
            }

            .keyRight p {
                text-align: left;
                color: #333;
            }

            .w50_B01 {
                display: block;
                width: 48%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 5px;
            }

            .w50_B02 {
                display: block;
                width: 48%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #3b7abe;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 0;
            }

            .w10_B01 {
                display: block;
                width: 80px;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
            }

            .boxh_50 {
                width: 100%;
                height: 50px;
                /* background-color: #ffb607; */
            }

            .boxh_50 input {
                border: 1px solid #ddd;
                height: 50px;
                padding: 5px;
                box-sizing: border-box;
                width: 78%;
            }
            .boxh_50 input[type=checkbox] {
                border: 1px solid #ddd;
                height: 15px; width: 15px;
                padding: 5px;
                box-sizing: border-box;
                
            }

            .boxh_50 .textS{
                font-size: 0.95em;
                height: 80px;
                line-height: 80px;
            }

            .MpadBott {
            border-bottom: 1px solid #ddd;
            padding-bottom: 550px !important;

        }
    }

        @media screen and (max-width: 480px) {
            .MpadBott {
                padding-bottom: 200px !important;
            }

            .keyWrap {
                width: 100%;
                /*     background-color: aqua; */
                padding: 20px 0 50px 0;
                border-bottom: 1px solid #ddd;

            }

            .keyNum {
                width: 50px;
                height: 50px;
                box-sizing: border-box;
                padding: 10px;
                float: left;
            }

            .keyNum span {
                display: block;
                width: 50px;
                height: 50px;
                text-align: center;
                line-height: 45px;
                border-radius: 50%;
                border: 2px solid #ffb607;

            }

            .keyRight {
                width: 300px;
                height: 150px;
                /*             background-color: antiquewhite; */
                padding: 10px;
                box-sizing: border-box;
            }

            .keyRight p {
                text-align: left;
                color: #333;
            }

            .w50_B01 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 5px;
            }

            .w50_B02 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #3b7abe;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 0;
            }

            .w10_B01 {
                display: block;
                width: 80px;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
            }


            .boxh_50 {
                width: 100%;
                height: 50px;
                /* background-color: #ffb607; */
            }

            .boxh_50 .textS{
                font-size: 0.95em;
                height: 80px;
                line-height: 80px;
            }

            .MpadBott {
            border-bottom: 1px solid #ddd;
            padding-bottom: 650px !important;

        }

            .boxh_50  .key02{
                width: 100%;
                display: block;
                float: none;
                margin-bottom: 5px;
            }



        }

        @media screen and (max-width: 425px) {
            .MpadBott {
                padding-bottom: 200px !important;
            }

            .keyWrap {
                width: 100%;
                /*     background-color: aqua; */
                padding: 20px 0 50px 0;
                border-bottom: 1px solid #ddd;

            }

            .keyNum {
                width: 50px;
                height: 50px;
                box-sizing: border-box;
                padding: 10px;
                float: left;
            }

            .keyNum span {
                display: block;
                width: 50px;
                height: 50px;
                text-align: center;
                line-height: 45px;
                border-radius: 50%;
                border: 2px solid #ffb607;

            }

            .keyRight {
                width: 300px;
                height: 150px;
                /*             background-color: antiquewhite; */
                padding: 10px;
                box-sizing: border-box;
            }

            .keyRight p {
                text-align: left;
                color: #333;
            }

            .w50_B01 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 5px;
            }

            .w50_B02 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #3b7abe;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 0;
            }

            .w10_B01 {
                display: block;
                width: 80px;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
            }

            .boxh_50 {
                width: 100%;
                height: 50px;
                /* background-color: #ffb607; */
            }

            .boxh_50 input {
                border: 1px solid #ddd;
                height: 50px;
                padding: 5px;
                box-sizing: border-box;
                width: 100%;
                margin-bottom: 10px;
            }


            .MpadBott {
            border-bottom: 1px solid #ddd;
            padding-bottom: 650px !important;

        }

            .boxh_50  .key02{
                width: 100%;
                display: block;
                float: none;
                margin-bottom: 5px;
            }




        }

        @media screen and (max-width: 375px) {
            .keyWrap {
                width: 100%;
                /*     background-color: aqua; */
                padding: 20px 0 50px 0;
                border-bottom: 1px solid #ddd;

            }

            .keyNum {
                width: 40px;
                height: 40px;
                box-sizing: border-box;
                padding: 10px;
                float: left;
            }

            .keyNum span {
                display: block;
                width: 40px;
                height: 40px;
                text-align: center;
                line-height: 35px;
                border-radius: 50%;
                border: 2px solid #ffb607;

            }

            .keyRight {
                width: 280px;
                height: 150px;
                /*             background-color: antiquewhite; */
                padding: 10px;
                box-sizing: border-box;
            }

            .keyRight p {
                text-align: left;
                color: #333;
            }

            .w50_B01 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 5px;
            }

            .w50_B02 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #3b7abe;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 0;
            }

            .w10_B01 {
                display: block;
                width: 80px;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
            }

            .boxh_50 {
                width: 100%;
                height: 50px;
                /* background-color: #ffb607; */
            }

            .boxh_50 input {
                border: 1px solid #ddd;
                height: 50px;
                padding: 5px;
                box-sizing: border-box;
                width: 100%;
                margin-bottom: 10px;
            }

            .MpadBott {
            border-bottom: 1px solid #ddd;
            padding-bottom: 650px !important;

        }

            .boxh_50  .key02{
                width: 100%;
                display: block;
                float: none;
                margin-bottom: 5px;
            }

        }




        @media screen and (max-width: 480px) {
            .pop .popWrap {
                width: 400px !important;
                height: auto !important;
                background-color: white;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                padding: 15px;
                box-sizing: border-box;
            }

            .MpadBott {
                padding-bottom: 200px !important;
            }

            .keyWrap {
                width: 100%;
                /*     background-color: aqua; */
                padding: 20px 0 50px 0;
                border-bottom: 1px solid #ddd;

            }

            .keyNum {
                width: 50px;
                height: 50px;
                box-sizing: border-box;
                padding: 10px;
                float: left;
            }

            .keyNum span {
                display: block;
                width: 50px;
                height: 50px;
                text-align: center;
                line-height: 45px;
                border-radius: 50%;
                border: 2px solid #ffb607;

            }

            .keyRight {
                width: 300px;
                height: 150px;
                /*             background-color: antiquewhite; */
                padding: 10px;
                box-sizing: border-box;
            }

            .keyRight p {
                text-align: left;
                color: #333;
            }

            .w50_B01 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 5px;
            }

            .w50_B02 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #3b7abe;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 0;
            }

            .w10_B01 {
                display: block;
                width: 80px;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
            }


            .boxh_50 {
                width: 100%;
                height: 50px;
                /* background-color: #ffb607; */
            }

            .boxh_50 .textS {
                font-size: 0.95em;
                height: 80px;
                line-height: 80px;
            }

            .MpadBott {
                border-bottom: 1px solid #ddd;
                padding-bottom: 650px !important;

            }

            .boxh_50 .key02 {
                width: 100%;
                display: block;
                float: none;
                margin-bottom: 5px;
            }



        }

        @media screen and (max-width: 425px) {
            .pop .popWrap {
                width: 400px !important;
                height: auto !important;
                background-color: white;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                padding: 15px;
                box-sizing: border-box;
            }

            .MpadBott {
                padding-bottom: 200px !important;
            }

            .keyWrap {
                width: 100%;
                /*     background-color: aqua; */
                padding: 20px 0 50px 0;
                border-bottom: 1px solid #ddd;

            }

            .keyNum {
                width: 50px;
                height: 50px;
                box-sizing: border-box;
                padding: 10px;
                float: left;
            }

            .keyNum span {
                display: block;
                width: 50px;
                height: 50px;
                text-align: center;
                line-height: 45px;
                border-radius: 50%;
                border: 2px solid #ffb607;

            }

            .keyRight {
                width: 300px;
                height: 150px;
                /*             background-color: antiquewhite; */
                padding: 10px;
                box-sizing: border-box;
            }

            .keyRight p {
                text-align: left;
                color: #333;
            }

            .w50_B01 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 5px;
            }

            .w50_B02 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #3b7abe;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 0;
            }

            .w10_B01 {
                display: block;
                width: 80px;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
            }

            .boxh_50 {
                width: 100%;
                height: 50px;
                /* background-color: #ffb607; */
            }

            .boxh_50 input {
                border: 1px solid #ddd;
                height: 50px;
                padding: 5px;
                box-sizing: border-box;
                width: 100%;
                margin-bottom: 10px;
            }


            .MpadBott {
                border-bottom: 1px solid #ddd;
                padding-bottom: 650px !important;

            }

            .boxh_50 .key02 {
                width: 100%;
                display: block;
                float: none;
                margin-bottom: 5px;
            }




        }

        @media screen and (max-width: 375px) {
            .pop .popWrap {
                width: 350px !important;
                height: auto !important;
                background-color: white;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                padding: 15px;
                box-sizing: border-box;
            }

            .keyWrap {
                width: 100%;
                /*     background-color: aqua; */
                padding: 20px 0 50px 0;
                border-bottom: 1px solid #ddd;

            }

            .keyNum {
                width: 40px;
                height: 40px;
                box-sizing: border-box;
                padding: 10px;
                float: left;
            }

            .keyNum span {
                display: block;
                width: 40px;
                height: 40px;
                text-align: center;
                line-height: 35px;
                border-radius: 50%;
                border: 2px solid #ffb607;

            }

            .keyRight {
                width: 280px;
                height: 150px;
                /*             background-color: antiquewhite; */
                padding: 10px;
                box-sizing: border-box;
            }

            .keyRight p {
                text-align: left;
                color: #333;
            }

            .w50_B01 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 5px;
            }

            .w50_B02 {
                display: block;
                width: 49%;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #3b7abe;
                text-align: center;
                border-radius: 4px;
                margin-top: 30px;
                margin-right: 0;
            }

            .w10_B01 {
                display: block;
                width: 80px;
                height: 50px;
                line-height: 50px;
                color: #ffffff !important;
                background-color: #132b88;
                text-align: center;
                border-radius: 4px;
            }

            .boxh_50 {
                width: 100%;
                height: 50px;
                /* background-color: #ffb607; */
            }

            .boxh_50 input {
                border: 1px solid #ddd;
                height: 50px;
                padding: 5px;
                box-sizing: border-box;
                width: 100%;
                margin-bottom: 10px;
            }

            .MpadBott {
                border-bottom: 1px solid #ddd;
                padding-bottom: 650px !important;

            }

            .boxh_50 .key02 {
                width: 100%;
                display: block;
                float: none;
                margin-bottom: 5px;
            }

        }


        /*  모달팝업 */
        .pop .popWrap {
            width: 500px;
            height: 400px;
            background-color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 30px;
            box-sizing: border-box;
        }

        .popWrap p {
            font-size: 1em;
            line-height: 20px;
            text-align: left;
            height: 20px;
            padding: 0;
            margin: 0;
        }

        a.popBt01 {
            padding: 10px 20px;
            background-color: #3b7abe;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 1.1em;
            margin-right: 3px;
            font-weight: bold;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

        a.popBt02 {
            padding: 10px 20px;
            background-color: #132b88;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 1.1em;
            font-weight: bold;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

        .circleBox {
            margin: 40px 0;
        }

        .circleBox h5 {
            margin-bottom: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;

        }

        .circleBox p {
            font-size: 0.8em;
        }

        .circleBox span {
            width: 20px;
            height: 20px;
            font-size: 0.5em;
            text-align: center;
            line-height: 20px;
            border: 1px solid #ddd;
            border-radius: 50%;
            margin-right: 10px;
        }