@charset "UTF-8";


.slide_section .slide{
    height: 1000px;
    background: 50% 50% /cover no-repeat;
}
.slide_section .slide.slide01{
    background-image: url("../images/main/visual01.jpg");
}

.slide_section .slide.slide02{
    background-image: url("../images/main/visual02.jpg");
}

.slide_section .slide.slide03{
    background-image: url("../images/main/visual03.jpg");
}

.slide_section .slide.slide03{
    background-image: url("../images/main/visual04.jpg");
}

.intro_tit{
    font-size: 3.750rem;
    font-weight: 700;
}
.intro_tit > span.sm{
    font-size: 42px;
    font-weight: 400;
}
.main_introduce{
    padding: 170px 0 165px;
    background-color: #003e71;
    color: #fff;
}
.main_introduce > .container{
    position: relative;
}
.main_introduce .main_introduce_content{
    float: left;
    width: 44.166666666666664%;
   /* width: 530px;*/
}
.main_introduce .img_thumb{
    float: right;
}

.main_introduce p{
    font-size: 1.188rem;
    text-align: justify;
}

.main_introduce .text_box{
    position: absolute;
    top: 200px;
    left: 0;
    width: 58.333333333333336%;
   /* width: 700px;*/
    height: 200px;
    padding: 3.75%;
   /* padding: 45px;*/
    background-color: #fff;
    color: #000;
    font-size: 1.250rem;
}
.text_tit{
    font-size: 1.375rem;
    font-family: "Noto Sans Korean", sans-serif;
    font-weight: 500;
}
.main_introduce .text_box .text_tit{
    position: relative;
    margin-bottom: 14px;
    color: #ffbf1f;
}
.main_introduce .text_box .text_tit::before{
    position: absolute;
    left: -92px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 84px;
    height: 1px;
    background-color: #ffbf1f;
    z-index: 10;
}
.more_btn{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 245px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans Korean", sans-serif;
}

.partner_section{
    padding: 155px 0 140px;
    background: url("../images/main/partner_sec_img.jpg") #363f49 100% 50% no-repeat;
    color: #fff;
}
.partner_section .container{
    position: relative;
}
.partner_section .intro_tit{
    font-size: 3.125rem;
}

.partner_section .partner_list{
    width: 67.66666666666666%;
   /* width: 812px;*/
    height: 182px;
    padding: 40px;
    margin-top: 15px;
    background-color: #162433;
}

.partner_section .partner_list > li{
    float: left;
    font-size: 1.438rem;
}
.partner_section .partner_list > li + li{
    margin-left: 7.389162561576355%;
}
.partner_section .partner_list > li > .partner_logo > img{
    margin-right: 20px;
    vertical-align: middle;
}

@media(max-width: 1024px){
    html{font-size: 90%;}
    .slide_section .slide{height: 650px;}
    .main_introduce{padding: 60px 0;}
    .main_introduce .intro_tit > span{display: block;}
    .main_introduce .main_introduce_content{
        float: none;
        width: 100%;
    }
    .main_introduce .img_thumb{
        float: none;
        width: 100%;
        margin: 2rem 0;
    }
    .main_introduce .text_box{
        top: 250px;
        height: auto;
        background-color: rgba(255, 255, 255, 0.9);
    }
    .more_btn{
        position: static;
        margin: 0 auto;
    }

    .partner_section{
        padding: 50px 0;
        background: url("../images/main/partner_sec_img.jpg") 50% 50% / cover no-repeat;
    }
    .partner_section .partner_list{
        width: 100%;
    }
    .partner_section .partner_list > li{
        width: 33.3333%;
        text-align: center;
    }
    .partner_section .partner_list > li > .partner_logo{
        display: block;
        text-align: center;
    }
    .partner_section .partner_list > li > .partner_logo > img{
        margin-right: 0;
    }

    .partner_section .partner_list > li + li{
        margin-left: 0;
    }
}

@media(max-width: 640px){
    .slide_section .slide{height: 450px;}
}


@media (max-width: 420px) {
    .main_introduce .text_box{
        top: 350px;
        width: 100%;
    }
}