@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;
}
@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; text-align: left;}

    .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;}
}


/*-------------------
    *메뉴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;}
}

/*-------------------
    *메뉴25
    *menu_25
-------------------*/

.menu25 {}


.menu25 .p_10 {font-size: 26px; color: #363636}
.menu25 .p_20 {font-size: 16px; color: #464646;  width: 580px; word-break: keep-all; margin: 0 auto;}
.menu25 .container { text-align: center; margin-bottom: 60px;}
.menu25 .container .block_10 { margin-top: 50px;}
.menu25 .container .block_20 { margin: 35px auto; margin-bottom: 0; }
.menu25 .container .display_none { display: none; }


/* 큰 로고 */
.menu25 .container .block_30 {padding-top: 40px; margin: 0 auto;}
.menu25 .container .block_30 ul { overflow: hidden; width: 100%; }
.menu25 .container .block_30 ul li {display :inline-block; float: left; margin-bottom: 30px; width: 47.5%; }
.menu25 .container .block_30 ul li img { max-width: 100%; width: 570px; height: auto; }
.menu25 .container .block_30 ul li:nth-child(2) {float: right;}


/* 중간 로고 */
.menu25 .container .block_40 {margin-top: 30px; padding: 0;}
.menu25 .container .block_40 ul { width: 100%; margin:0 auto; overflow: hidden;}
.menu25 .container .block_40 ul li {display :inline-block; margin-right: 2.5%; margin-bottom: 30px; float: left; width: 31.66%; height: auto; }
.menu25 .container .block_40 ul li img { max-width:100%; width: 370px; height: auto; margin: 0; padding: 0;  }
.menu25 .container .block_40 ul li:last-child {margin-right: 0;}
.menu25 .container .block_40 ul li .col_10 {padding-left: 11px; max-width: 100%; height: auto;}
.menu25 .container .block_40 ul li p.p_20 {font-size: 16px; text-align: left; margin-top: 20px; font-weight: 500; color: #252525; word-break: keep-all;}
.menu25 .container .block_40 ul li p.p_30 {font-size: 16px; text-align: left;  font-weight:400; padding-top: 10px; color: #464646; word-break: keep-all}

/* 작은 로고 */
.logo_box { width: 100%; height: 200px; margin: 0 auto; border: 1px solid #cccccc; overflow: hidden;}
.logo_box tr td { padding-top : 2%; padding-bottom: 2%; }
.logo_box img {max-width: 155px; width: 100%; height: auto;}


.block_50 { margin-top: 50px; }

.download { width:100%; }
.download_in { width: 165px; height: 50px; border: 1px solid #2d58b6; color: #2d58b6; font-size: 15px; padding: 15px 0 0 15px; display: inline-block; margin-right: 20px; text-align: left}
.download_in2 { margin-right: 0;}
.download_in img { color: #2d58b6; float: right; padding-right: 20px; }
.menu25 .container .col_20 {margin-left: 60px;}


@media (max-width: 1200px) {

    .logo_box { height: 122px;}
}


@media (max-width: 768px) {

    .h3_lay { font-size: 17px;}
    .menu25 .p_10 {font-size: 18px;}
    .menu25 .p_20 {font-size: 14px; width: 90%;}
    .menu25 .container .block_20 {margin-top: 20px;}

    .menu25 .container .block_30 {margin: 0 auto;}
    .menu25 .container .block_30 ul { overflow: hidden; width: 100%; }
    .menu25 .container .block_30 ul li { margin-bottom: 10px; width: 100%; }
    .menu25 .container .block_30 ul li img { width: 100%;  }

    .menu25 .container .block_40 {margin-top: 20px; padding: 0;}
    .menu25 .container .block_40 ul { width: 100%;}
    .menu25 .container .block_40 ul li { width: 100%;  }
    .menu25 .container .block_40 ul li img { width: 69.375%; height: auto;  margin: 0 auto; }
    .menu25 .container .block_40 ul li p.p_20 {font-size: 15px; text-align: center; }
    .menu25 .container .block_40 ul li p.p_30 {font-size: 14px; width: 95%; text-align: center; }

    .block_50 { margin-top: 20px; }

    .download_in { font-size: 13px;}
    .logo_box { height: 80px;}
    /*.logo_box img { width: 100px;}*/
}

@media (max-width: 490px) {



    .download_in {  width: 135px; font-size: 13px; margin-right: 0; float: left; margin-bottom: 30px;}
    .download_in2 { float: right; }

    /*.menu25 .container .display_none { display: inline-block; }*/
}





/*-------------------
    *메뉴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 .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: 100%;}
}
@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 .content_img{display: block;}

    .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 .content_img_hide { display: none;}
    .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: 1100px) {
    .menu_50 .block_10 .dep_10 > li{width: 100%;text-align: left;}
}

@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;}
}