$point-color : #1e3571;
$point-color2 : #ffc700;

#topic_bg {
    //padding-top: 70px;//메뉴만큼 띄우기
    width: 100%;
    //background-color: green;



        >.topic_bg_info {
            width: 100%;
            height: 300px;
            background-image: url(../images/ceo.jpg);
            background-position: 50% 40%;
            background-repeat: no-repeat;
            background-size: cover;

            >ul {
                opacity: 0;
                margin: 0 auto;
                padding-top: 160px;
                width: 100%;
                text-align: center;


                //background-color: green;

                >li {
                    color: #fff;

                    &:first-child {
                        font-size: 35px;
                        font-weight: 700;
                        padding-bottom: 7px;

                        >span {
                            margin-left: 3px;
                            font-size: 13px;
                            font-weight: 600;
                            color: $point-color2;
                        }
                    }//end of li:first

                    &:last-child {
                        font-size: 13px;
                    }//end of li:last
                }
            }//end of ul
        }//end of topic_bg_info

}//end of topic_bg



.topic2_bg {
    width: 100%;
    height: 300px;
    background-image: url(../images/topic05_bg.jpg);
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: cover;

    >ul {
        opacity: 0;
        margin: 0 auto;
        padding-top: 160px;
        width: 100%;
        text-align: center;


        //background-color: green;

        >li {
            color: #fff;

            &:first-child {
                font-size: 35px;
                font-weight: 700;
                padding-bottom: 7px;

                >span {
                    margin-left: 3px;
                    font-size: 13px;
                    font-weight: 600;
                    color: $point-color2;
                }
            }//end of li:first

            &:last-child {
                font-size: 13px;
            }//end of li:last
        }
    }//end of ul
}//end of topic2sub_bg

.topic3_bg {
    width: 100%;
    height: 300px;
    background-image: url(../images/question2.jpg);
    background-position: 50% 15%;
    background-repeat: no-repeat;
    background-size: cover;

    >ul {
        opacity: 0;
        margin: 0 auto;
        padding-top: 160px;
        width: 100%;
        text-align: center;


        //background-color: green;

        >li {
            color: #fff;

            &:first-child {
                font-size: 35px;
                font-weight: 700;
                padding-bottom: 7px;

                >span {
                    margin-left: 3px;
                    font-size: 13px;
                    font-weight: 600;
                    color: $point-color2;
                }
            }//end of li:first

            &:last-child {
                font-size: 13px;
            }//end of li:last
        }
    }//end of ul
}//end of topic3_bg

#ceo {
    width: 100%;
    margin-bottom: 60px;
    //background-color: green;

    >.index_tap {
        width: 100%;
        height: 35px;
        border-bottom : 1px solid #eee;
        background-color: #ffffff;

        >p {
            margin: 0 auto;
            width: 1000px;
            font-size: 13px;
            line-height: 35px;
            text-align: right;
            color: #333;

            >em {
                padding: 0 3px;
                font-weight: 900;
                color: $point-color2;

            }
            >span {

                >a {
                    color: #222;
                    font-weight: 900;

                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }//end of p
    }//end of index_tap


        height: 700px;
        background-color: #fff;


        >.ceo_info {
            position: relative;
            width: 1000px;
            margin: 0 auto;

            >ul {
                margin-top: 80px;
                width: 100%;
                //background-color: green;
                >li {
                    margin-top: 20px;
                    font-size: 14px;
                    font-weight: 500;
                    color: #333;
                    line-height: 1.7em;
                    text-align: justify;

                    &.ceo_info_main {
                        position: relative;
                        font-size: 30px;
                        font-weight: 700;
                        color: $point-color;
                        margin-bottom: 55px;
                        line-height: 1.3em;

                        &:after {
                            position: absolute;
                            top: 65px;
                            left: 0;
                            width: 100%;
                            height: 1px;
                            background-color: #ddd;
                            content: '';
                        }
                    }//end of ceo_info_main
                }
            }//end of ul

            &:after {
                position: absolute;
                top: 100px;
                right: 0;
                width: 300px;
                height: 445px;
                background-image: url(../images/ceo_bg.png);
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: cover;
                content: '';
            }
        }//end of ceo_info

}//end of CEO
