@import url('https://fonts.googleapis.com/css2?family=Hurricane&family=Lato:wght@100;300;400;700;900&family=Oswald:wght@200;300;400;500;600;700&display=swap');


/*
*-------------------------------------------------------------------*
           공통
*-------------------------------------------------------------------*
*/

.view_btn {
    display:inline-flex;
    justify-content: center;
    gap:8px;
    width:144px;
    padding:14px 0;
    border:1px solid #fff;
}
.view_btn.black {
    border:1px solid #2B2F35;
}

.hurricane {
    font-family: 'Hurricane', cursive;
}



/*
*-------------------------------------------------------------------*
           swiper
*-------------------------------------------------------------------*
*/
div.swiper-button-next, div.swiper-button-prev {
    color:#f3f3f4 ;
}
span.swiper-pagination-bullet,
span.swiper-pagination-bullet-active {
    background-color: #f3f3f4;
}
span.swiper-pagination-bullet {
    opacity:0.5;
}
span.swiper-pagination-bullet-active{
    opacity:1;
}
@media all and (max-width:767px){
    div.swiper-button-next, div.swiper-button-prev {display:none;}
}


/*
*-------------------------------------------------------------------*
           Main
*-------------------------------------------------------------------*
*/

/* 메인 > partnerShip */
.partner_slide img {margin:0 auto;}
.partner_slide div.swiper-button-next,
.partner_slide div.swiper-button-prev {
    color:#001439;
    opacity:0.8;
}
.partner_slide .swiper-button-next.swiper-button-disabled, 
.partner_slide .swiper-button-prev.swiper-button-disabled {
    opacity:0.3;
}
.partner_slide .swiper-button-next:after, 
.partner_slide .swiper-button-prev:after{
    font-size:30px;
}
.partner_slide div.swiper-button-prev {
    left:0px;
}
.partner_slide div.swiper-button-next {
    right:0px;
}
@media all and (max-width:767px){
    .partner_slide .swiper-button-next, .partner_slide .swiper-button-prev {display:flex;}
}

/* 메인 con01 */
.main_con01 {
    background:linear-gradient(180deg, #001439 0%,#001439 87%, #fff 87%)
}
/* .main_con01 img {
    width:58%;
} */

@media all and (max-width:1024px){
    .main_con01{
        background:#001439;
    }
}
@media all and (max-width:767px){
    .main_con01 img {
        width:100%;
    }
}

/*
*-------------------------------------------------------------------*
           sub
*-------------------------------------------------------------------*
*/
.sub_visual { height:400px; padding-top:50px;}
.sub_visual.about { background:url('../images/sub_about_bg.png') no-repeat center center / cover; }
.sub_visual.news { background:url('../images/sub_news_bg.png') no-repeat center center / cover; }
.sub_visual.contact { background:url('../images/sub_contact_bg.png') no-repeat center center / cover; }

@media all and (max-width:767px){
    .sub_visual {height:250px; margin-top:0px;}
}

.about_con01 {
    overflow:hidden;
    position:relative;
    background:linear-gradient(90deg, #001439 0%,#001439 50%, #fff 50%)
}
.about_con01:after {
    content:''; position:absolute;
    left:50%; top:0; width:400px; height:100%;
    background-color: #001439;
}
.about_con01:before {
    content:'';
    z-index:1;
    position:absolute; left:calc(50% + 306px); top:0; 
    width:94px; height:94px;
    background-color:#263B90
}
.about_con01 .text_box {
    position:relative;
    z-index:1;
    width:48%;
}
.about_con01 img.ceo_img {
    position:relative; z-index:10;
    width:40%;
}
@media all and (max-width:1024px){
    .about_con01{background:linear-gradient(90deg, #001439 0%,#001439 1000%, #fff 50%)}
    .about_con01 .text_box {width:100%;}
    .about_con01 img.ceo_img {width:70%;}
}

@media all and (max-width:767px){
    .about_con01:before {
        left:auto; right:0;
        width:50px; height:50px;
    }
    .about_con01 img.ceo_img {width:100%;}
}

.about_con02 {
    position:relative;
    background:url('../images/about_us_img.png') no-repeat center center / cover;
}


.history_box {display:flex; }
.history_box b {width:50px;}
.history_box p {width:calc(100% - 50px)}
.en .history_box b {width:60px;}
.en .history_box p {width:calc(100% - 60px)}

@media all and (max-width:767px){
    .history_box {flex-wrap:wrap}
    .history_box b {width:100%;}
    .history_box p {width:100%;}
}

.history_cont .swiper-button-prev {
    left:-35px;
}
.history_cont .swiper-button-next {
    right:-35px;
}

.history_cont .swiper-button-prev,
.history_cont .swiper-button-next {
    color:#001439
}
.history_cont .swiper-pagination-bullet, 
.history_cont .swiper-pagination-bullet-active {
    background-color: #001439;
}

@media all and (min-width:768px){
    .history_cont .history_slide .swiper-wrapper {
        /* height:100% !important; */
        height:auto;
    }
}

/* contact */
.contact_form select ,
.contact_form textarea,
.contact_form input { width:100%; height:42px; border:1px solid #e1e4ed; padding:0 16px; font-size:14px;}
.contact_form select { appearance:none; background:url('../images/select_arrow.png') no-repeat right 8px center / 24px 24px;}
.contact_form textarea { height:180px; resize:none; padding:16px; }
.contact_form select:focus,
.contact_form textarea:focus,
.contact_form input:focus { outline:1px solid #001439;}

@media all and (max-width:767px){
    .contact_form select ,
    .contact_form textarea,
    .contact_form input { padding:0 10px;}
    .contact_form textarea {padding:10px;}
}

/* news > table */
.table_form {
    width:100%;
}
.table_form th, .table_form td {
    padding:15px 10px;
    text-align:center;
}
.table_form th {
    border-bottom:1px solid #001439; 
    border-top:2px solid #001439; 
}
.table_form tbody tr {
    border-bottom:1px solid #e1e4ed;
}
.table_form td {
    font-size:14px;
}
.table_form td.tit {
    text-align:left;
}

@media all and (max-width:767px){
    .table_form {
        display:block;
    }
    .table_form thead {
        display:none;
    }
    .table_form tbody,
    .table_form tr {
        display:block;
    }
    .table_form td {
        display:inline-flex;
        text-align:left;
        padding:0
    }
    .table_form tr {
        padding:10px 0;
    }
    .table_form td:first-of-type {
        font-weight:700;
        font-size:16px;
    }
    .table_form td.tit {
        display:block;
        padding:5px 0;
    }
    .table_form td img {
        display:inline-flex;
    }
}

.search_box {
    position:relative;
    width:520px; max-width:100%; margin:0 auto;
    border-bottoM:1px solid #e1e4ed;
}
.search_box > * {
    height:60px;
}
.search_box > *:focus {
    outline:none;
}
.search_box select {
    appearance:none; background:url('../images/select_arrow.png') no-repeat right center / 24px 24px;
}
.search_box button {
    position:absolute; right:0; top:0;
}

/* about > awards */
.awardList .item_box {
    width: 100%;
    padding-bottom: 150%;
}
.awardList .item_box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 75%;
    right: 0;
    bottom: 96px;
    margin: auto;
}
.awardList .item_box span:last-of-type {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break:break-word;
    display:-webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient:vertical;
}

@media all and (max-width:767px){
    .awardList .item_box {
        padding-bottom:130%; 
    }
    .awardList .item_box img {
        bottom:52px;
    }
}

/* 채용 */
.career_01 {flex-direction: row;}

@media all and (max-width:300px){
    .career_01 {flex-direction: column;}
    .career_02 {justify-content: center;}
}