@charset "utf-8";

/*-------------------
    *메뉴10
    *menu_10
-------------------*/

.menu_10{position: relative;overflow: hidden;}
.menu_10 .block_10{padding-top: 47px;}
.menu_10 .block_10 ul{overflow: hidden;border-top: 2px solid #252525;}
.menu_10 .block_10 li{float: left;width: 50%;}
.menu_10 .block_10 table{width: 100%;border-spacing: 0;border-collapse: separate;}
.menu_10 .block_10 th{color: #252525;font-family:'Noto Sans M', dotum, sans-serif;width: 170px;}
.menu_10 .block_10 th,
.menu_10 .block_10 td{font-size: 15px;color: #555555;padding: 18px 30px 19px;border-bottom: 1px solid #c2c2c2;}

.menu_10 .block_20{text-align: center;background: #b3b6bb url("img/item_10.jpg") no-repeat center center;height: 620px;margin: 60px 0 80px;}
.menu_10 .block_20 .row_10{position: relative;}
.menu_10 .block_20 .row_10 .text_box{
    position: absolute;
    right: 0;
    top:-20px;
    background-color: #0e76bc;
    padding: 28px 43px 0 37px;
    text-align: right;
    color: #ffffff;
    width: 370px;
    height: 280px;
    font-weight: 500;
}
.menu_10 .block_20 .row_10 .text_box .p_10{font-size: 15px;margin-bottom: 15px;}
.menu_10 .block_20 .row_10 .text_box .p_20{font-size: 22px;margin-bottom: 25px;}
.menu_10 .block_20 .row_10 .text_box .p_30{font-size: 15px;margin-bottom: 30px;}
.menu_10 .block_20 .row_10 .text_box a{
    width: 163px;height: 42px;line-height: 40px;display: block;text-align: center;color: #ffffff;border: 1px solid #ffffff;float: right;
    font-size: 15px;border-radius: 30px;transition: all .35s ease;
}
.menu_10 .block_20 .row_10 .text_box a:hover{background-color: #ffffff;color: #0e76bc;}
.menu_10 .block_20 .row_20{display: none;}
.menu_10 .block_20 .row_20 img{max-width: 100%;}

.menu_10 .block_20 .row_30{position: relative;}
.menu_10 .block_20 .row_30 .text_box{
    position: absolute;left: 0;top: 576px;width: 214px;line-height: 54px;background-color: #00aeef;font-size: 18px;color: #ffffff;
    font-family:'Noto Sans M', dotum, sans-serif;
}

.menu_10 .block_30{padding: 60px 0;}
.menu_10 .block_30 .row_10 ul{overflow: hidden;}
.menu_10 .block_30 .row_10 li{float: left;width: 33.3333%;text-align: center;}
.menu_10 .block_30 .row_10 li .p_10{margin-bottom: 20px;}
.menu_10 .block_30 .row_10 li .p_10 img{max-width: 100%;}
.menu_10 .block_30 .row_10 li .p_15 {font-size: 20px;font-family:'Noto Sans M', dotum, sans-serif;line-height: 1;margin-bottom: 15px;}
.menu_10 .block_30 .row_10 li .p_20{
    font-size: 16px;
    color: #707070;
    line-height: 25px;
    font-family:'Noto Sans R', dotum, sans-serif;
}

.sub_box_02 {margin-top: 120px}
._greeting {margin-left: 20px}
.multiple-items ._items {min-width: 380px; height:440px; padding: 60px 15px 15px 30px; border-right: 1px solid #ccc;}
.multiple-items .year {font-size: 30px; color: #2A97EA; margin-bottom: 11px}
.multiple-items p {font-size: 16px; color: #555555; margin-bottom: 5px}
.slick-arrow {cursor: pointer}
.prev_btn {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 37px;
    height: 37px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    left: -50px;
}
.next_btn {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 37px;
    height: 37px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    right: -25px;
}
.next_btn:before {line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;}
.prev_btn:before {font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;}
.slick-dots li button:before {font-size: 13px !important;}
.slick-dots li.slick-active button:before {color: #2C96E7!important;font-size: 13px!important;}
.slick-dots li.slick-active button:hover {color: #2C96E7!important;}
.slick-dots {bottom: -70px !important;}
@media (max-width: 1680px) {  .multiple-items ._items {border-right: none}  }
@media (max-width: 1280px) {  ._greeting {margin-left: 60px; margin-right: 60px}  .multiple-items ._items {border-right: none}  }

@media (max-width: 1100px) {
    .menu_50 .block_10 .dep_10 > li{width: 100%;text-align: left;}
}

@media (max-width: 1200px) {
    .menu_10 .block_10 li{width: 100%;}

    .menu_10 .block_20{
        background: #b3b6bb url("img/item_10.jpg") no-repeat 35% center;
    }
}

@media (max-width: 768px) {
    .menu_10 .block_10{padding-top: 30px;}
    .menu_10 .block_10 th{border-bottom: 0;padding-bottom: 0 !important;}
    .menu_10 .block_10 th, .menu_10 .block_10 td{font-size: 14px;display: block;width: 100%;padding: 10px;line-height: 1;}

    .menu_10 .block_20{margin: 30px 0 40px;background: #b3b6bb;height: auto;}
    .menu_10 .block_20 .row_10 .text_box{
        position: relative;top: 0;right: 0;width: calc(100% + 20px);margin: 0 -10px;text-align: center;
        padding: 45px 20px;height: auto;
    }
    .menu_10 .block_20 .row_10 .text_box .p_10{font-size: 14px;margin-bottom: 5px;}
    .menu_10 .block_20 .row_10 .text_box .p_20{font-size: 17px;margin-bottom: 20px;}
    .menu_10 .block_20 .row_10 .text_box .p_30{font-size: 14px;margin-bottom: 0px;}
    .menu_10 .block_20 .row_10 .text_box a{display: none;}

    .menu_10 .block_20 .row_20{display: block;}
    .menu_10 .block_20 .row_30{}
    .menu_10 .block_20 .row_30 .text_box{position: relative;top: 0;left: 0;width: calc(100% + 20px);margin: 0 -10px;text-align: center;font-size: 17px;line-height: 45px;}

    .menu_10 .block_30{padding: 35px 0 10px;}
    .menu_10 .block_30 .row_10 ul{margin:  0;}
    .menu_10 .block_30 .row_10 li{width: 100%;margin-bottom: 30px;}
    .menu_10 .block_30 .row_10 li .p_15{font-size: 16px;margin-bottom: 5px;}
    .menu_10 .block_30 .row_10 li .p_20{font-size: 14px;}

    .multiple-items ._items {min-width: 200px; height:440px; padding: 60px 10px 15px 10px;}

    .multiple-items .year {font-size: 20px;}
    .multiple-items p {font-size: 16px;}
}

@media (max-width: 550px) {
    ._greeting {height: 500px;margin-left: 35px; margin-right: 25px}
    .prev_btn,.next_btn {top: 45%}
}


/*-------------------
    *메뉴20
    *menu_20
-------------------*/

.menu_20{}
.menu_20 .block_10{overflow: hidden;position: relative;padding: 50px 0 60px;border-bottom: 1px solid #c2c2c2;}
.menu_20 .block_10 .col_10{float: left;width: 50%;overflow: hidden;}
.menu_20 .block_10 .col_10 .p_10{font-size: 22px;color: #363636;font-family:'Noto Sans M', dotum, sans-serif;margin-bottom: 50px;}
.menu_20 .block_10 .col_10 .p_20{font-size: 16px;line-height: 26px;color: #464646;margin-bottom: 35px;}
.menu_20 .block_10 .col_10 .p_30{font-size: 16px;line-height: 26px;color: #464646;padding-top: 30px;}
.menu_20 .block_10 .col_10 .p_30 span{font-family:'Noto Sans M', dotum, sans-serif;color: #363636;margin-left: 15px;}
.menu_20 .block_10 .col_10 .p_30 img{position: relative;bottom: 20px;}
.menu_20 .block_10 .col_20{float: right;width: 50%;text-align: right;position: relative;}
.menu_20 .block_10 .col_20 .img_10{position: absolute;right: 335px;bottom: 0;width: 264px;height: 235px;background: url("img/ceo_bg.jpg") no-repeat center center;padding: 40px 30px;}
.menu_20 .block_10 .col_20 .img_10 .center_lay{position: relative;width:100%;height:100%;text-align: left;}
.menu_20 .block_10 .col_20 .img_10 p{font-size: 16px;line-height: 24px;color: #e1e1e1;position: absolute;bottom: 0;left: 0;}
.menu_20 .block_10 .col_20 .img_20{max-width: 100%;}

.menu_20 .block_20{padding: 60px 0;}
.menu_20 .block_20 .h4_10{color: #0072bc;font-weight: bold;font-size: 20px;padding: 20px 0 60px;}
.menu_20 .block_20 .dep_10{overflow: hidden;}
.menu_20 .block_20 .dep_10 > li{float: left; width: 33.333%;}
.menu_20 .block_20 .dep_20{overflow: hidden;display: inline-block;width: 100%;}
.menu_20 .block_20 .dep_20 > li{float: left;text-align: left;}
.menu_20 .block_20 .dep_20 > li:first-child{width: 85px;}
.menu_20 .block_20 .dep_20 > li:last-child{width: calc(100% - 85px);}
.menu_20 .block_20 .dep_20 .p_10{font-size: 17px;line-height: 1;margin-bottom: 10px;color: #0072bc;font-weight: 500;}
.menu_20 .block_20 .dep_20 .p_20{font-size: 16px;color: #464646;line-height: 28px;}
.menu_20 .block_20 .dep_20 .p_10,
.menu_20 .block_20 .dep_20 .p_20{display: inline-block;}

@media (max-width: 1200px) {
    .menu_20 .block_10 .col_10,
    .menu_20 .block_10 .col_20{width: 100%;}

    .menu_20 .block_20 .dep_10 > li{width: 50%;margin-bottom: 40px;}
}
@media (max-width: 768px) {
    .menu_20{padding: 0px;}
    .menu_20 .block_10{padding: 25px 0 40px;}
    .menu_20 .block_10 .col_10{}
    .menu_20 .block_10 .col_10 .p_10{font-size: 15px;margin-bottom: 20px;}
    .menu_20 .block_10 .col_10 .p_20{font-size: 14px;line-height: 22px;margin-bottom: 30px;}
    .menu_20 .block_10 .col_10 .p_30{padding: 0;font-size: 14px;}
    .menu_20 .block_10 .col_10 .p_30 img{width: 65px;bottom: 15px;}
    .menu_20 .block_10 .col_10 .p_30 span{margin-left: 5px;}

    .menu_20 .block_10 .col_20 .img_10{display: none;}


    .menu_20 .block_20{padding: 40px 0;}
    .menu_20 .block_20 .h4_10{padding: 10px 0 30px;}
    .menu_20 .block_20 .dep_10 > li{width: 100%;margin-bottom: 20px;}
    .menu_20 .block_20 .dep_20 .p_10{font-size: 15px;}
    .menu_20 .block_20 .dep_20 .p_20{font-size: 14px;line-height: 25px;word-break: keep-all;}
}


/*-------------------
    *메뉴30
    *menu_30
-------------------*/

.menu_30{}
.menu_30 .block_10{overflow: hidden;position: relative;padding: 0 0 60px;}
.menu_30 .block_10 .col_10{float: left;width: 50%;overflow: hidden;}
.menu_30 .block_10 .history_line{height: 200px;}
.menu_30 .block_10 .history_list .content_img{position: absolute;right: 0;top: 0;width: 50%;z-index: 0;display: none;}
.menu_30 .block_10 .history_list .content_img img{max-width: 100%;}
.menu_30 .block_10 .history_list.type2 .content_img{display: block;}
.menu_30 .block_10 .history_list.on .content_img{position: fixed;top: 76px;}
.menu_30 .block_10 .history_list.on.type2 .content_img{
    position: fixed;top: 76px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.menu_30 .block_10 .history_list.on2 .content_img{position: absolute !important;right: 0;top: auto !important;bottom: 60px;display: none !important;}
.menu_30 .block_10 .history_list.on2.type2 .content_img{display: block !important;}

.menu_30 .block_10 .history_list .p_10{padding: 40px 0 20px;line-height: 1;font-size: 30px;font-family:'NanumSquareEB', dotum, sans-serif;}
.menu_30 .block_10 .history_list ul{overflow: hidden;width: 100%;}
.menu_30 .block_10 .history_list ul li{float: left;font-size: 16px;line-height: 25px;padding: 5px 0;}
.menu_30 .block_10 .history_list ul li p{line-height: 25px;}
.menu_30 .block_10 .history_list ul li:first-child{width: 85px;color: #0072bc;font-weight: 500;}
.menu_30 .block_10 .history_list ul li:last-child{width: calc(100% - 85px);}

.menu_30 .block_10 .col_10 .p_20{font-size: 16px;line-height: 26px;color: #464646;margin-bottom: 35px;}
.menu_30 .block_10 .col_10 .p_30{font-size: 16px;line-height: 26px;color: #464646;padding-top: 30px;}
.menu_30 .block_10 .col_10 .p_30 span{font-family:'Noto Sans M', dotum, sans-serif;color: #363636;margin-left: 15px;}
.menu_30 .block_10 .col_10 .p_30 img{position: relative;bottom: 20px;}
.menu_30 .block_10 .col_20{float: right;width: 50%;text-align: right;position: relative;}


@media (max-width: 1200px) {
    .menu_30 .block_10 .col_10{word-break: keep-all;}
    .menu_30 .block_10 .history_list .content_img{text-align: center;}
    .menu_30 .block_10 .history_list.on .content_img{right: 20px;padding-left: 20px;top: 80px;}
    .menu_30 .block_10 .history_list.on2 .content_img{position: fixed !important;right: 20px;top: 76px !important; !important;bottom: auto;}
    .menu_30 .block_10 .history_list .content_img img{max-width: 85%;}
}
@media (max-width: 768px) {
    .menu_30{padding: 0px;}
    .menu_30 .block_10{padding: 25px 0 40px;}
    .menu_30 .block_10 .col_10{width: 100%;}
    .menu_30 .block_10 .col_10 .p_10{font-size: 17px;padding: 20px 0 5px;}

    .menu_30 .block_10 .history_line{display: none;}

    .menu_30 .block_10 .history_list{padding-top: 20px;}
    .menu_30 .block_10 .history_list .content_img{position: relative;width: 100%;display: block;text-align: center;}
    .menu_30 .block_10 .history_list .content_img img{max-width: 100%;}
    .menu_30 .block_10 .history_list.on .content_img,
    .menu_30 .block_10 .history_list.on2 .content_img{position: relative !important;padding: 0;top: auto !important;right: auto !important;bottom: auto !important;left: auto !important;}
    .menu_30 .block_10 .history_list.on.type2 .content_img{position: relative;top: auto;-webkit-animation-duration: 0s;animation-duration: 0s;}

    .menu_30 .block_10 .history_list ul li{font-size: 14px;}
    .menu_30 .block_10 .history_list ul li:first-child{width: 47px;}
    .menu_30 .block_10 .history_list ul li:last-child {width: calc(100% - 47px);}

}

/*-------------------
    *메뉴40
    *menu_40
-------------------*/

.menu_40{}
.menu_40 .list_10{overflow: hidden;margin: 0 -20px;}
.menu_40 .list_10 li{float: left;min-height: 390px;width: 33.3333%;padding: 0 20px;}
.menu_40 .list_10 .p_10{border-bottom: 1px solid #898989;margin-bottom: 30px;text-align: center;}
.menu_40 .list_10 .p_20{
    padding: 0 10px;
    font-size: 16px;
    color: #707070;
    line-height: 25px;
    text-align: justify;
    font-family:'Noto Sans R', dotum, sans-serif;
}

@media (max-width: 1200px) {
    .menu_40 .list_10 li{width: 50%;}
}
@media (max-width: 768px) {
    .menu_40{padding: 0 0 20px;}
    .menu_40 .list_10 li{width: 100%;}
    .menu_40 .list_10 .p_10{margin-bottom: 20px;}
    .menu_40 .list_10 .p_10 img{max-width: 300px;}
    .menu_40 .list_10 .p_20{font-size: 14px;line-height: 20px;}
    .menu_40 .list_10 li{min-height: auto;padding-bottom: 20px;}
}


/*-------------------
    *메뉴50
    *menu_50
-------------------*/

.menu_50{padding: 0 0 60px;}
.menu_50 .block_10{padding: 40px 0 0;}
.menu_50 .block_10 .dep_10{overflow: hidden;border-bottom: 1px solid #c2c2c2;}
.menu_50 .block_10 .dep_10 > li{float: left; width: 33.333%;padding: 35px 0;text-align: center;}
.menu_50 .block_10 .dep_20{overflow: hidden;display: inline-block;}
.menu_50 .block_10 .dep_20 > li{float: left;text-align: left;}
.menu_50 .block_10 .dep_20 > li:first-child{padding: 0 20px;}
.menu_50 .block_10 .dep_20 .p_10{font-size: 18px;font-family:'Noto Sans M', dotum, sans-serif;line-height: 1;margin-bottom: 10px;}
.menu_50 .block_10 .dep_20 .p_20{font-size: 16px;color: #555555;}
.menu_50 .block_10 .dep_20 .p_10,
.menu_50 .block_10 .dep_20 .p_20{display: inline-block;}

.menu_50 .block_20{padding: 35px 0 0;}
.menu_50 .block_20 .dep_10{overflow: hidden;margin-bottom: 20px;}
.menu_50 .block_20 .dep_10 li{float: left;line-height: 22px;font-size: 16px;}
.menu_50 .block_20 .dep_10 li:first-child{width: 213px;position: relative;font-family:'Noto Sans M', dotum, sans-serif;padding-left: 10px;margin-bottom: 5px;}
.menu_50 .block_20 .dep_10 li:first-child:after{content: "";position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background-color: #0e76bc;}

.menu_50 .block_20 .dep_10 p{margin-bottom: 5px;line-height: 30px;padding-left: 90px;position: relative;}
.menu_50 .block_20 .dep_10 .span_10{background-color: #0091d7;}
.menu_50 .block_20 .dep_10 .span_20{background-color: #2f6494;}
.menu_50 .block_20 .dep_10 .span_10,
.menu_50 .block_20 .dep_10 .span_20{position: absolute;left: 0; display: inline-block;width: 81px;color: #ffffff;text-align: center;border-radius: 30px;margin-right: 5px;font-size: 15px;}


@media (max-width: 768px) {
    .menu_50{padding: 0 0 20px;}
    .menu_50 .block_10 .dep_10{padding: 10px 0;}
    .menu_50 .block_10 .dep_10 > li{padding: 20px 0;}
    .menu_50 .block_10 .dep_20 > li:first-child{padding: 0;width: 50px;text-align: right;}
    .menu_50 .block_10 .dep_20 > li:last-child{padding-left: 25px;}
    .menu_50 .block_10 .dep_20 .p_10{margin-bottom: 5px;}
    .menu_50 .block_10 .dep_20 .p_10, .menu_50 .block_10 .dep_20 .p_20{font-size: 14px;}

    .menu_50 .block_20 .dep_10 li{font-size: 14px;}
    .menu_50 .block_20 .dep_10 .span_10,
    .menu_50 .block_20 .dep_10 .span_20{font-size: 14px;}
}