/****************************** sub_style.css ******************************/
@charset "UTF-8"; 


body [data-aos=fade-up] {
    transform: translate3d(0,50px,0);
}

.c_e41e26 {
    color: #ef4036;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
}

/*---------- subVtop ----------*/
/* #wrapper { overflow-y: scroll; overflow-x: hidden; height: 100%; } */
#subVtop {
    height: 730px;
}

#subVtop .inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: calc(120px + 190px);
    color: #fff;
    text-align: center;
}

#subVtop .inner .txt {
    max-width: 1680px;
    margin: 0 auto;
}

/* #subVtop .inner .txt:before {bottom: calc(-96px / 2);right: 25px;background: url(../../img/aw_down_w.png) no-repeat center;background-color: #e41e26;max-width: 96px;height: 96px;border-radius: 50%;}
#subVtop .inner .txt:after {bottom: calc(-150px / 2);right: 0;background: url(../../img/sub_cursor.png) no-repeat center / cover;max-width: 149px;height: 148px;animation: cursor_circle 10s linear infinite;animation-delay: 0s;transition: 10s linear infinite;}
 */
#subVtop .inner .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#subVtop .inner .img:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#subVtop.company1 .inner .img:after,
#subVtop.company2 .inner .img:after,
#subVtop.company3 .inner .img:after,
#subVtop.certi .inner .img:after,
#subVtop.certi_eng .inner .img:after,
#subVtop.company5 .inner .img:after{
    background: url(/img/sub_visual1.jpg) no-repeat center / cover;
}

#subVtop.business1 .inner .img:after,
#subVtop.business2 .inner .img:after{
    background: url(/img/sub_visual2.jpg) no-repeat center / cover;
}

#subVtop.pro .inner .img:after,
#subVtop.pro_eng .inner .img:after{
    background: url(/img/sub_visual3.jpg) no-repeat center / cover;
}
 
#subVtop.Construction .inner .img:after,
#subVtop.Construction_eng .inner .img:after{
    background: url(/img/sub_visual4.jpg) no-repeat center / cover;
}

#subVtop.support .inner .img:after,
#subVtop.support_eng .inner .img:after{
    background: url(/img/sub_visual5.jpg) no-repeat center / cover;
}

/*---------- sub_nav ----------*/
#subVtop .inner .txt .nav {
    align-items: center;
}

#subVtop .inner .txt .nav {
}

#subVtop .inner .txt .nav span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-right: 20px;
}

#subVtop .inner .txt .nav span a {
    color: #fff;
}

#subVtop .inner .txt .nav span:not(:first-child) {
    cursor: default;
}

#subVtop .inner .txt .nav span::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 20px;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #fff;
}

#subVtop .inner .txt .nav span:first-child::before {
    display: none;
}

/* #subVtop .inner .txt .nav span a i { color: #ef4036; }  */
/**/
#subVtop .inner .txt h2 {
    font-size: 72px;
    margin-top: 30px;
}

/**/
#subVtop .lnbs {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid rgb(255 255 255 / 50%);
}
#subVtop #lnb_mb {display: none;}
#subVtop .lnbs .lnb_wrap {
    width: 100%;
    max-width: 1680px;
    height: 100px;
    margin: 0 auto;
}

#subVtop.privacy .lnbs {
    display: none;
}

#subVtop.privacy .inner .txt:before {
    bottom: calc(-70px + -96px / 2);
}

#subVtop.privacy .inner .txt:after {
    bottom: calc(-70px + -150px / 2);
}

#subVtop .lnbs .lnb_wrap .menu-location {
    position: relative;
}

#subVtop .lnbs .lnb_wrap .menu-location a {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    height: 100%;
    padding: 40px 10px;
}

#subVtop .lnbs .lnb_wrap .menu-location > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border-bottom: 1px solid #111; */
}

#subVtop .lnbs .lnb_wrap .menu-location > a span {
    display: inline-block;
    margin-right: 30px;
}

#subVtop .lnbs .lnb_wrap .menu-location > a i {
    color: #ef4036;
}

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb ul {
    display: flex;
    align-items: center;
}

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li {
    flex: 1;
    position: relative;
    margin: 0 10px;
    /* height: 100px; */
}

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:before, #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: 50%;
    height: 2px;
    opacity: 0;
    background: #fff;
    transition: opacity 1s;
}

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:before {
    left: 50%;
}

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:after {
    right: 50%;
}

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li a {
    anchor-name: none;
    display: block;
    /* width: max-content; */
    transition: all 1s;
}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li a br {display: none;}

/* on */
/* #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on a {color: #ef4036; transition: all 1s;}  */
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on:before, #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on:after, #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on> a:after {
    opacity: 1;
    transition: all 1s;
}

#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on:before, #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on:after {
    animation: menu_ani 1s;
}

/* ani */
@keyframes menu_ani {
    0% {
        width: 0%
    }

    100% {
        width: 50%;
    }
}

/* mobile: lnb_m */
#lnb_m {
    display: none;
}

/* #lnb_m { display:none; position: relative; z-index:555; } 
#lnb_m > a { width:100%; height:60px; background: #bc0005; display: table; box-sizing:border-box; padding: 0 2%; position: relative; } 
#lnb_m > a:after { content:""; display: block; width:10px; height:10px; border-left:3px solid #fff; border-bottom:3px solid #fff; position: absolute; top: 20px; right: 20px; transform:rotate(-45deg); } 
#lnb_m > a span { display: table-cell; vertical-align: middle; color: #fff; font-size: 18px; } 
#lnb_m ul { display: none; box-sizing:border-box; background: rgba(0,0,0,0.8); position: absolute; top: 60px; left: 0; width: 100%; overflow: hidden; } 
#lnb_m ul li a { display: block; width: 100%; line-height:150%; box-sizing:border-box; padding:10px 15px; color: #fff; border-top: 1px solid #c3c3c3; } 
#lnb_m ul li:first-child a { border-top: none; } 
@keyframes vsTit { 
 0% { opacity:0; transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
 }
@-webkit-keyframes vsTit { 
 0% { opacity:0; -webkit-transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
 }*/
/*---------- page_wrap: common ----------*/
.page_wrap {
    position: relative;
    margin: 130px auto;
}

.page_wrap.company33 {
    padding-bottom: 150px;
}

.page_wrap .page_top {
}

.page_wrap .page_top .txt, .page_wrap.company1 .page_con .con.con1 .txt {
    max-width: 1680px;
    margin: 0 auto;
}

.page_wrap .page_top .txt span {
    display: block;
    font-size: 18px;
    margin-bottom: 20px;
}

.page_wrap .page_top .txt h3 {
    font-size: 60px;
    text-align: center;
    /* margin-bottom: 30px; */
    /* line-height: 1.3; */
}

.page_wrap .page_top.no_img .txt h3 {
    margin-bottom: 50px;
}

/**/
.page_wrap .page_con {
    margin-top: 130px;
}

.page_wrap.company1 .page_con .con.con1 {
    position: relative;
    height: 778px;
}

.page_wrap.company1 .page_con .con.con1:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 778px;
    z-index: -1;
}

.page_wrap.company1 .page_con .con.con1:after {
    background: url(/img/company1-1.png) no-repeat center / cover fixed;
}

.page_wrap .page_con .con.con1 .wrap .tab {/* margin: 0 auto 75px; */margin: -1px 0 100px -1px;/* box-shadow: 0 0 0 1px #e7e7e7; */} 
.page_wrap .page_con .con.con1 .wrap .tab li {flex: 1;}
.page_wrap .page_con .con.con1 .wrap .tab li {border: 1px solid #b4b4b4;background: #fff;text-align: center;color: #999;transition: all .3s; border-radius: 10px;}
.page_wrap .page_con .con.con1 .wrap .tab li:nth-child(1) {border-radius: 10px 0 0 10px;}
.page_wrap .page_con .con.con1 .wrap .tab li:last-child {border-radius: 0 10px 10px 0;}
.page_wrap .page_con .con.con1 .wrap .tab li a {display: block;height: 100%;font-size: 20px;font-weight: 700;padding: 39px 10px;}
/**/
.page_wrap .page_con .con.con1 .wrap .tab li.current {border: 1px solid transparent;background: var(--main-color);} 
.page_wrap .page_con .con.con1 .wrap .tab li.current a {color: #fff;} 

/**/
.page_wrap .page_con .content .con .wrap {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
}
.page_wrap.company2 .page_con .content .con .wrap {
    max-width: 1450px;
}
/**/
.page_wrap .page_con .con .down.flex {
    justify-content: flex-start;
}

.page_wrap .page_con .con .down {
    margin-top: 30px;
}

.page_wrap .page_con .con .down a, .page_wrap .page_con .con .down button {
    display: block;
    width: 348px;
    height: 76px;
    padding: 27px 20px;
    font-size: 18px;
    font-weight: 300;
    color: #e41e26;
    border: 1px solid #e41e26;
    border-radius: 38px;
    text-align: center;
    transition: all .3s;
}

.page_wrap .page_con .con .down button {
    background: transparent;
}

.page_wrap .page_con .con .down a:first-child {
    margin-right: 20px;
}

.page_wrap.company7 .page_con .con .down a:first-child {
    margin-right: 0;
}

.page_wrap .page_con .con .down a i, .page_wrap .page_con .con .down button i {
    margin-left: 15px;
}

/* hover */
.page_wrap .page_con .con .down a:hover, .page_wrap .page_con .con .down button:hover {
    color: #fff;
    background: #e41e26;
    transition: all .3s;
}

/**/
.page_wrap .page_top .txt > p, .page_wrap .page_con .con .right p {
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -.5px;
}

.page_wrap .page_top .txt > p {
    margin-bottom: 45px;
}

.page_wrap .page_con .con .right p strong, .page_wrap.recruit3 .page_con .con .bottom p strong {
    color: #111;
}

/**/
.privacy_table, .privacy_table table {
    width: 100% !important;
}

/* table, scroll */
/* .scroll_guide { display: none; position:absolute; top: 50%; left:50%; width: 115px; height: auto; border-radius:7px; background:rgba(0,0,0,0.67); padding:10px; text-align:center; transform:translate(-50%, -50%); z-index:10; transition: all .5s; }  */
.scroll_guide_txt {
    margin-top: 4px;
    font-size: 13px !important;
    line-height: 1.4;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.scroll_guide_i, .scroll_guide_txt {
    color: #fff !important;
}

/* hover */
/* .board_table:hover .scroll_guide { display: none; transition: all .5s; } */
/* Scroll */
.board_table {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden
}

.scroll_guide {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110px;
    height: 100px;
    border-radius: 7px;
    background: rgba(0,0,0,0.67);
    padding: 10px;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.over-height .scroll_guide {
    top: 350px
}

/* .scroll_guide_img{width:50%;height:auto} */
/* .scroll_guide_text{margin-top:4px;font-size:13px;color:#fff;} */
/**/
.page_wrap .page_con .content .board_table {
    position: relative;
    margin-left: 24px;
    width: calc(50% - 12px);
}

.page_wrap .page_con .content .board_table table {
    position: relative;
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.page_wrap .page_con .content .board_table table:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-top: 1px solid #000;
}

.page_wrap .page_con .content .board_table table tbody tr {
    border-bottom: 1px solid #d9d9d9;
}

.page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td {
    text-align: center;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    font-size: 18px;
}

.page_wrap .page_con .content .board_table table tbody tr th.w_20 {
    width: 20%;
}

.page_wrap .page_con .content .board_table table tbody tr th.w_25 {
    width: 25%;
}

.page_wrap .page_con .content .board_table table tbody tr th {
    background: #f9f9f9;
    font-weight: 500;
    padding: 30px 5px;
}

.page_wrap .page_con .content .board_table table tbody tr .bc_f9f9f9 {
    background: #f9f9f9;
}

.page_wrap.company1 .page_con .content .board_table table tbody tr th {
    font-size: 20px;
}

.page_wrap .page_con .content .board_table table tbody tr .lh {
    line-height: 1.4;
}

.page_wrap .page_con .content .board_table table tbody tr th:first-child, .page_wrap .page_con .content .board_table table tbody tr td:first-child {
    border-left: none;
}

.page_wrap .page_con .content .board_table table tbody tr th:last-child, .page_wrap .page_con .content .board_table table tbody tr td:last-child {
    border-right: none;
}

.page_wrap .page_con .content .board_table table tbody tr td {
    font-weight: 300;
    line-height: 1.4;
    padding: 17px 5px;
}

.page_wrap.company1 .page_con .content .board_table table tbody tr td {
    padding: 20px 5px;
}

/* .company1.privacy */
.page_wrap.company1.privacy .page_con .content .con .wrap {
    margin: 0 auto;
    border: 1px solid #e7e7e7;
    transition: all .3s;
}

/* hover */
.page_wrap.company1.privacy .page_con .content .con .wrap:hover {
    box-shadow: 0 0 30px rgb(17 17 17 / 5%);
    transition: all .3s;
}

/*---------- company0 ----------*/
.page_wrap.company0 .page_con .con .left {min-width: 280px;width: 27%;margin-right: 5%;}

.page_wrap.company0 .page_con .con .left > span {
    display: block;
    margin-bottom: 15px;
}

.page_wrap.company0 .page_con .con .left h3 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -1px;
}

.page_wrap.company0 .page_con .con .right {
    width: 100%;
    max-width: 1144px;
}
.page_wrap.company0 .page_con .con .right h4 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.2;
}

/*---------- company1 ----------*/
.page_wrap.company1 {
    padding-bottom: 30vw;
    margin-bottom: 0;
}

.page_wrap.company1:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 969px;
    background: url(/img/company1.png) no-repeat center / cover;
    z-index: -2;
}

.page_wrap.company1:after {
    content: "ALL IN ONE KOREA";
    display: block;
    position: absolute;
    bottom: 15vw;
    left: 0;
    width: 100%;
    font-size: 175px;
    font-weight: 800;
    text-align: center;
    color: #d4d4d4;
    filter: opacity(0.3);
    z-index: -1;
}

/* con1 */
.page_wrap.company1 .page_con .con.con1 .txt {
    position: absolute;
    top: 280px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
}

.page_wrap.company1 .page_con .con.con1 .txt p {
    font-size: 30px;
    font-weight: 500;
}

.page_wrap.company1 .page_con .con.con1 .txt p:nth-child(1) {
    margin-bottom: 60px;
}

/* con2 */
.page_wrap.company1 .page_con .con.con2, .page_wrap.company2 .page_con .table {
    margin-top: 130px;
}

.page_wrap.company1 .page_con .con.con2 .txt p {
    font-size: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.page_wrap.company1 .page_con .con.con2 .txt p:last-child {
    margin-bottom: 0;
}

.page_wrap.company1 .page_con .con.con2 .txt p:last-child strong {
    font-size: 24px;
    margin-right: 20px;
}

.page_wrap.company1 .page_con .con.con2 .txt p:last-child span {
    font-size: 48px;
}


/*---------- company2 ----------*/
.page_wrap.company2 .page_con .con.con1 .img {
    position: relative;
    height: 350px;
    margin-bottom: 110px;
}
.page_wrap.company2 .page_con .con.con1 .img img {display: block;width: 100%;height: 100%;object-position: center;object-fit: cover;}
.page_wrap.company2 .page_con .con.con1 .img div {
    display: block;
    position: absolute;
    top: 32%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
}

.page_wrap.company2 .page_con .con.con1 .img div p {
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.page_wrap.company2 .page_con .con.con1 .img div p strong {
    display: block;
    font-size: 60px;
}
/**/
.page_wrap.company2 .page_con .table {position: relative;}
.page_wrap.company2 .page_con .table > p {
    position: absolute;
    top: 170px;
    left: 0;
    right: 3.5vw;
    font-size: 120px;
    font-family: 'Oxanium', cursive;
    color: rgb(68 42 36 / 20%);
    writing-mode: tb;
    letter-spacing: -10px;
    z-index: -1;
}
.page_wrap.company2 .page_con .table > p strong {font-weight: 700;}
.page_wrap.company2 .page_con .table > p span {
    padding-top: 10.5vw;
    margin-right: -20px;
    display: block;
    letter-spacing: -2px;
}

.page_wrap.company2 .page_con .table .table_box {
    margin: 0 auto;
}

.page_wrap.company2 .page_con .table .table_box:after {
    content: "";
    display: block;
    clear: both;
}

.page_wrap.company2 .page_con .table .table_box > div {
    float: left;
    width: 60%;
}

.page_wrap.company2 .page_con .table .table_box .table_txt {
    width: 20%;
}

.page_wrap.company2 .page_con .table .table_box .table_txt span {
    display: block;
    font-size: 72px;
    font-weight: 700;
}

.page_wrap.company2 .page_con .table .table_box .table_img {
    padding-right: 7%;
}

.page_wrap.company2 .page_con .table .table_box .table_img img {
    border: 1px solid #eee;
    box-shadow: 3px 6px 9px #eee;
    width: 100%;
}

.page_wrap.company2 .page_con .table .table_box .table_img img:nth-child(1) {
    margin-bottom: 20px;
}

.page_wrap.company2 .page_con .table .table_box .table_img.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.page_wrap.company2 .page_con .table .table_box .table_img img {
    height: 280px;
}

.page_wrap.company2 .page_con .table .table_box:last-child .table_img img {
    object-fit: contain;
}

.page_wrap.company2 .page_con .table .table_box .table_img.flex img:nth-child(1) {
    width: 199px;
}

.page_wrap.company2 .page_con .table .table_box .table_img.flex img:nth-child(2) {
    width: calc(100% - 199px);
    object-fit: contain;
}

.page_wrap.company2 .page_con .table .table_box .table_list {
    position: relative;
    float: right;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists {
    position: relative;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: -5px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: var(--main-color);
    z-index: 2;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -8px;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid var(--sub-color);
    border-radius: 50px;
    z-index: 1;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap {
    position: relative;
    padding: 0 0 150px 13.3%;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #ddd;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .progress_bar span {
    display: block;
    width: 4px;
    height: 0%;
    margin-left: -1px;
    background: var(--main-color);
    z-index: 1;
    transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month {
    color: #222;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li {
    position: relative;
    padding: 0 0 20px 40px;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li p {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    font-size: 20px;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li p strong {
    display: inline-block;
    font-size: 24px;
    margin-right: 20px;
    width: 10%;
    min-width: 72px;
}

.page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap.aos-animate .progress_bar_color {
    animation: progress_bar linear 1s;
    animation-fill-mode: both;
    animation-delay: 0.3s;
}

/* ani */
@keyframes progress_bar {
    0% {
        height: 0%;
    }

    100% {
        height: 100%;
    }
}



/*---------- company22 ----------*/
.page_wrap.company22 .page_con > div {
    position: relative;
}

.page_wrap.company22 .page_con .con.con1 .wrap > div.start_point, .page_wrap.company22 .page_con .con.con1 .wrap > div.end_point {
    position: absolute;
}

.page_wrap.company22 .page_con .con.con1 .wrap > div.start_point {
    top: 0;
}

.page_wrap.company22 .page_con .con.con1 .wrap > div.end_point {
    top: calc(100% - 100vh);
}

/* con1 */
.page_wrap.company22 .page_con .con.con1 .wrap > div {
    position: relative;
    width: 50%;
}

.page_wrap.company22 .page_con .con.con1 .wrap .left .img {
    position: relative;
}

.page_wrap.company22 .page_con .con.con1 .wrap .left .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 25%);
}

.page_wrap.company22 .page_con .con.con1 .wrap .left .img img {
    display: block;
    width: 100%;
    max-width: 960px;
    height: 980px;
    object-fit: cover;
}

.page_wrap.company22 .page_con .con.con1 .wrap .left .txt {
    position: absolute;
    top: 7%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.page_wrap.company22 .page_con .con.con1 .wrap .left .txt span {
    display: block;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 60px;
    color: #fff;
}

.page_wrap.company22 .page_con .con.con1 .wrap .left .txt ul {
}

.page_wrap.company22 .page_con .con.con1 .wrap .left .txt ul li {
    font-size: 20px;
    margin-bottom: 30px;
    color: rgb(255 255 255 / 70%);
}

.page_wrap.company22 .page_con .con.con1 .wrap .left .txt ul li:last-child {
    margin-bottom: 0;
}

.page_wrap.company22 .page_con .con.con1 .wrap .left .txt ul li.on {
    font-size: 60px;
    font-weight: 600;
    color: #fff;
}

.page_wrap.company22 .page_con .con.con1.start .wrap .left {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    height: 100vh;
    max-height: 911px;
}

.page_wrap.company22 .page_con .con.con1.start .wrap .left .txt {
    top: 30%;
}

.page_wrap.company22 .page_con .con.con1.start .table.right, .page_wrap.company22 .page_con .con.con1.end .table.right {
    padding-left: 960px;
    padding-left: 60%;
    padding-left: calc(50% + 6%);
    width: 100%;
}

.page_wrap.company22 .page_con .con.con1.end .wrap .left {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
}

/**/
.page_wrap.company22 .page_con .con.con1 .table.right {
    position: relative;
    padding: 80px 0 80px 100px;
    padding: 80px 0 80px 6%;
    overflow: auto;
    ms-overflow-style: none;
    scrollbar-width: none;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box {
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box:after {
    content: "";
    display: block;
    clear: both;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list {
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list {
    position: relative;
    padding: 0;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap {
    position: relative;
    margin-bottom: 60px;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap:last-child {
    margin-bottom: 0;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .progress_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #ddd;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .progress_bar span {
    display: block;
    width: 4px;
    height: 0%;
    margin-left: -1px;
    background: #d62e28;
    z-index: 1;
    transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .year {
    display: block;
    position: relative;
    top: -10px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .year:before {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: -15.3%;
    width: 10%;
    height: 2px;
    background: #ddd;
    z-index: -1;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .month {
    color: #222;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .month li {
    position: relative;
    margin-bottom: 10px;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .month li:first-child {
    margin-bottom: 25px;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .month li:last-child {
    margin-bottom: 0;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .month li h3 {
    font-size: 40px;
    line-height: 1.4;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .month li p {
    display: flex;
    line-height: 1.4;
    align-items: center;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .month li p strong {
    display: inline-block;
    font-size: 24px;
    margin-right: 50px;
    width: 10%;
    color: #ef4036;
}

.page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap.aos-animate .progress_bar_color {
    animation: progress_bar linear 1s;
    animation-fill-mode: both;
    animation-delay: 0.3s;
}

/* ani */
@keyframes progress_bar {
    0% {
        height: 0%;
    }

    100% {
        height: 100%;
    }
}

/*---------- company3 ----------*/
/* con1 */
.page_wrap.company3 .page_con .con.con1 .wrap .img {position: relative;}
.page_wrap.company3 .page_con .con.con1 .wrap .img:before {content:"";display: block;position: absolute;top: 100px;left: 0;right: 0;width: 100%;max-width: 1560px;height: 790px;margin: 0 auto;background: url(/img/company3-1.png) no-repeat center/ cover;z-index: -1;} 
.page_wrap.company3 .page_con .con.con1 .wrap .img img {
    display: block;
    width: 100%;
    max-width: 1252px;
    height: auto;
    margin: 0 auto;
}

/*---------- company33 ----------*/
/* con1 */
.page_wrap.company33 .page_con .con.con1 .wrap .center #iframe {
    display: block;
    width: 100%;
    max-width: 714px;
    height: 900px;
    margin: 0 auto;
}

/*---------- company44 ----------*/
/* con1 */
.page_wrap.company44 .page_con .con.con1 {
    padding: 85px 0 180px;
}

.page_wrap.company44 .page_con .con.con1 .center img {
    display: block;
    width: 100%;
    max-width: 1668px;
    object-fit: cover;
}

/* .page_wrap.company44 .page_con .con.con1 {padding: 85px 0 180px;} 
.page_wrap.company44 .page_con .con.con1 .center {}
.page_wrap.company44 .page_con .con.con1 .center .one:before {content:"";position: absolute;top: 60%;border: auto;left: 0;right: 0;width: 100%;max-width: 1680px;height: 519px;margin: 0 auto;background: url(../../img/company4-1.png) no-repeat center / cover;z-index: -1;}
.page_wrap.company44 .page_con .con.con1 .center .one {position: relative;justify-content: center;} 
.page_wrap.company44 .page_con .con.con1 .center .two {flex-wrap: wrap;margin: 8.7% auto 6.5%;}
.page_wrap.company44 .page_con .con.con1 .center .three  {margin: 0 13%;} 
.page_wrap.company44 .page_con .con.con1 .center .t_t li {flex-basis: calc(100% / 7);}
.page_wrap.company44 .page_con .con.con1 .center .t_t li.no_link a {cursor: default;}
.page_wrap.company44 .page_con .con.con1 .center .one li a {padding: 33px 15px;font-size: 24px;text-align: center;} 
.page_wrap.company44 .page_con .con.con1 .center .two li a {padding: 8px 15px;} 
.page_wrap.company44 .page_con .con.con1 .center ul li a {display: block; width: 351px;background: #fff;border: 2px solid transparent;box-shadow: 0px 0px 30px rgb(17 17 17 / 5%);border-radius: 10px;transition: all .3s;}
.page_wrap.company44 .page_con .con.con1 .center ul li a img {display: block;margin: 0 auto;object-fit: cover;}
hover 
.page_wrap.company44 .page_con .con.con1 .center ul li:not(.no_link) a:hover {border: 2px solid #e41e26;transition: all .3s;} */
/*---------- company6 ----------*/
.page_wrap.company0.company6 .page_con .con.con2 {
    padding-top: 85px;
}

.page_wrap.company0.company6 .page_con .con:not(:last-child) .wrap {
    border-bottom: 1px solid #e7e7e7;
}

.page_wrap.company0.company6 .page_con .con .right .sec:not(:last-child) {
    padding: 85px 0;
    border-bottom: 1px solid #e7e7e7;
}

.page_wrap.company0.company6 .page_con .con .right .sec:first-child {
    padding: 0 0 85px;
}

.page_wrap.company0.company6 .page_con .con .right .sec:last-child {
    padding: 85px 0 115px;
}

.page_wrap.company0.company6 .page_con .con.con1 .right .sec.sec1 p:nth-child(1) {
    margin-bottom: 55px;
}

.page_wrap.company0.company6 .page_con .con .right .sec p, .page_wrap.company0.company6 .page_con .con .right .sec.sec3 .img:nth-child(1), .page_wrap.company0.company6 .page_con .con .right .sec.sec4 .img:nth-child(1) {
    margin-bottom: 30px;
}

.page_wrap.company0.company6 .page_con .con .right .sec h4, .page_wrap.company0.company6 .page_con .con.con2 .right ul li h5, .page_wrap.mgmt2 .page_con .con .right .sec h4, .page_wrap.mgmt4 .page_con .con .sec h4, .page_wrap.pro .page_con .content .right .sec.sec2 div h4 {
    font-weight: 600;
    color: #666;
    line-height: 1.3;
    margin-bottom: 10px;
}

.page_wrap.company0.company6 .page_con .con .right .sec h4, .page_wrap.mgmt4 .page_con .con .sec h4, .page_wrap.pro .page_con .content .right .sec.sec2 div h4 {
    font-size: 24px;
}

.page_wrap.company0.company6 .page_con .con .right .sec .img {
    border: 1px solid #e4e4e4;
    padding: 50px 30px;
}

.page_wrap.company0.company6 .page_con .con .right .sec.sec4 .img:nth-child(2) {
    background: #58595b;
}

.page_wrap.company0.company6 .page_con .con .right .sec .img img {
    display: block;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    object-fit: cover;
}

/* con2 */
.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul {
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul p {
    color: #fff;
    padding: 20px;
    margin-right: 20px;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul p span {
    display: block;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li:not(:last-child) {
    margin-bottom: 40px;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li h5 {
    display: inline-block;
    position: relative;
    font-size: 20px;
    padding-right: 30px;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li h5:before {
    content: "";
    display: block;
    position: absolute;
    bottom: calc(50% - 1px);
    right: 0;
    width: 20px;
    height: 2px;
    background: #ef4036;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li div p {
    margin: 0;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li div.flex.fx_2 p {
    flex-basis: 50%;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li div.flex.fx_3 p {
    flex-basis: calc(100% / 3);
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li1 div p:nth-child(1) {
    background: rgb(226 30 38);
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li1 div p:nth-child(2) {
    background: rgb(88 88 91);
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li2 div p:nth-child(1) {
    background: rgb(147 18 21);
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li2 div p:nth-child(2) {
    background: rgb(167 169 171);
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li2 div p:nth-child(3) {
    background: rgb(209 210 212);
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li3 div p:nth-child(1) {
    background: linear-gradient(to right top, #c6b171, #c6b171, #f4e6ba, #c6b171, #c6b171, #f4e6ba, #c6b171);
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li3 div p:nth-child(2) {
    background: linear-gradient(to right top, #a7a9ab, #a7a9ab, #eeeeee, #a7a9ab, #a7a9ab, #eeeeee, #a7a9ab);
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li.li1 div p span:first-child {
    margin-bottom: 10px;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec1 ul li div p span:not(:first-child) {
    font-size: 16px;
    color: rgb(255 255 255 / 70%);
}

/**/
.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul {
    flex-wrap: wrap;
    margin: 0 -10px;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul li {
    flex-basis: calc(100% / 2 - 20px);
    padding: 20px 30px;
    margin: 0 10px 20px;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul li:last-child {
    margin: 0 10px 0;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul li.img img {
    max-width: 400px;
    height: 100px;
}

.page_wrap.company0.company6 .page_con .con.con2 .right .sec.sec2 ul li.img p {
    text-align: center;
    margin: 20px auto 0;
}

/*---------- company7 ----------*/
.page_wrap.company7 {
    padding-bottom: 125px;
}

/**/
.page_wrap.company7 .page_con .con .center {
    flex-wrap: wrap;
    margin: 0 -20px;
}

.page_wrap.company7 .page_con .con .center ul {
    flex-basis: calc(100% / 2 - 40px);
    height: 260px;
    margin: 0 20px 40px;
    border: 1px solid #e7e7e7;
    padding: 45px 3%;
    border-radius: 10px;
    /* transition: all .3s; */
}

.page_wrap.company7 .page_con .con .center ul:nth-child(n+11):nth-child(-n+12) {
    margin: 0 20px 0;
}

.page_wrap.company7 .page_con .con .center ul li:nth-child(1) {
    margin-right: 5%;
}

.page_wrap.company7 .page_con .con .center ul li:nth-child(2) img {
    display: block;
    width: 100%;
    max-width: 79px;
    object-fit: cover;
}

.page_wrap.company7 .page_con .con .center ul li h4 {
    font-size: 30px;
    margin-bottom: 50px;
    line-height: 1.6;
}

.page_wrap.company7 .page_con .con .center ul li p {
    font-weight: 500;
    margin-bottom: 10px;
}

.page_wrap.company7 .page_con .con .center ul li p a, .page_wrap.recruit2 .page_con .con .center ul li p {
    display: inline-block;
    color: #666;
    font-weight: 300;
    margin-left: 10px;
}

.page_wrap.company7 .page_con .con .center ul li p a:after {
    content: "\ea0d";
    font-family: 'xeicon';
    font-size: 20px;
    color: #e41e26;
    margin-left: 10px;
    opacity: 0;
    transition: all .3s;
}

/* hover */
.page_wrap.company7 .page_con .con .center ul:hover {
    border: 1px solid #e41e26;
    box-shadow: 0 0 30px rgb(17 17 17 / 5%);
    transition: all .3s;
}

.page_wrap.company7 .page_con .con .center ul:hover li p a:after {
    margin-left: 10px;
    opacity: 1;
    transition: all .3s;
}

/*---------- company5 ----------*/
.page_wrap.company5 .page_con .con #map {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 50px;
}

.page_wrap.company5 .page_con .con #map img {
    display: block;
    width: 100%;
    max-width: 1680px;
    object-fit: cover;
}

/**/
.page_wrap.company5 .page_con .con .txt .top {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.page_wrap.company5 .page_con .con .txt .top h4 {
    font-size: 40px;
}

.page_wrap.company5 .page_con .con .txt .top .map_link {
    margin-top: 15px;
}

.page_wrap.company5 .page_con .con .txt .top .map_link:after {
    content: "";
    display: block;
    clear: both;
}

.page_wrap.company5 .page_con .con .txt .top .map_link li {
    float: left;
}

.page_wrap.company5 .page_con .con .txt .top .map_link li a {
    font-size: 20px;
}

.page_wrap.company5 .page_con .con .txt .top .map_link li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: transparent;
    margin-left: 10px;
    font-size: 18px;
    text-align: center;
    transition: all .3s;
}

/* hover */
.page_wrap.company5 .page_con .con .txt .top .map_link li a:hover i {
    background: var(--main-color);
    border-radius: 50%;
    color: #fff;
    transition: all .3s;
}

/**/
.page_wrap.company5 .page_con .con .txt .bottom p {
    font-size: 20px;
    margin-bottom: 15px;
    color: #666;
}

.page_wrap.company5 .page_con .con .txt .bottom p span:nth-child(2) {
    border-right: 1px solid #d7d7d7;
    padding-right: 30px;
    margin-right: 30px;
}

.page_wrap.company5 .page_con .con .txt .bottom p i {
    font-size: 18px;
    color: #0260b3;
    vertical-align: baseline;
    margin-right: 20px;
}

.page_wrap.company5 .page_con .con .txt .bottom p strong {
    font-weight: 600;
    margin-right: 20px;
    width: 100px;
    display: inline-block;
    color: #111;
}

/*---------- business0 ----------*/
.page_wrap.business0 .page_con .con {margin-bottom: 135px;}
.page_wrap.business0 .page_con .con .left h3 {font-size: 42px;font-weight: 700;}
.page_wrap.business0 .page_con .con .right figure {border: 1px solid #bbb;border-radius: 15px;overflow: hidden;}
.page_wrap.business2 .page_con .con.con2 .right figure {width: 48%;}
.page_wrap.business0 .page_con .con .right figure img {display: block;width: 100%;max-width: 1144px;object-fit: cover;margin: 0 auto;}
.page_wrap.business0 .page_con .con.con1 .right figure img {max-width: 266px;}
.page_wrap.business0 .page_con .con.con2 .right figure img {max-width: 555px;height: 100%;object-fit: contain;}
.page_wrap.business0 .page_con .con .right .flex {margin: 30px -12px 0;}
.page_wrap.business2 .page_con .con.con2 .right .flex, .page_wrap.business2 .page_con .con.con3 .right figure {margin: 30px auto 0;}
.page_wrap.business1 .page_con .con .right .flex.f_3 {flex-wrap: wrap;}
.page_wrap.business0 .page_con .con .right .flex li {margin: 0 12px;}
.page_wrap.business0 .page_con .con .right .flex.f_2 li {width: calc(100% / 2 - 24px); flex-basis: calc(100% / 2 - 24px);}
.page_wrap.business0 .page_con .con .right .flex.f_3 li {width: calc(100% / 3 - 24px);flex-basis: calc(100% / 3 - 24px);}
.page_wrap.business0 .page_con .con .right .flex.f_4 li {width: calc(100% / 4 - 24px);flex-basis: calc(100% / 4 - 24px);}
.page_wrap.business0 .page_con .con .right .flex li h4, .page_wrap.business0 .page_con .con .right .flex li p {margin-top: 20px;}
.page_wrap.business0 .page_con .con .right .flex li p {text-align: center;}
.page_wrap.business0 .page_con .con .right.video iframe {border-radius: 15px;}
.page_wrap.business0 .page_con .sec {margin-bottom: 90px;}
.page_wrap.business0 .page_con .sec:last-child {margin-bottom: 0;}
.page_wrap.business1 .page_con .sec:nth-child(1) {margin-bottom: 50px;}
/********/
.page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li {margin: 0 12px 40px;}
.page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li:nth-child(+n+4):nth-child(-n+6) {margin: 0 12px;}
.page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li h4 {line-height: 1.2;}
.page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li h4:after {content: ""; display: block; clear: both;}
.page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li h4 span {float: left;}
.page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li h4 span:nth-child(1) {margin-right: 10px;}
.page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li h4 span {display: block;float: unset;}
/**/
.page_wrap.business1 .page_con .con.con5 .right .flex.f_3 li {margin: 0 12px 24px;}
.page_wrap.business1 .page_con .con.con5 .right .flex.f_3 li:nth-child(n+4):nth-child(-n+6) {margin: 0 12px;}
.page_wrap.business1 .page_con .con.con5 .right .flex.f_3 li figure img {display: block;width: 100%;}
/********/
.page_wrap.business2 .page_con .list {margin-bottom: 40px;}



/*---------- policy ----------*/
.page_wrap.policy .page_con {
    padding: 95px 0 135px;
}

/* con1 */
.page_wrap.company1.privacy .page_con .content .con .wrap, .page_wrap.policy .page_con .con .center {
    padding: 6% 13%;
}

.page_wrap.policy .page_con .con .center {
    margin: 0 auto;
    border: 1px solid #e7e7e7;
    transition: all .3s;
}

.page_wrap.policy .page_con .con .center > h3, .page_wrap.company1.privacy .page_con .con h3.aos-init {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 85px;
    text-align: center;
}

.page_wrap.policy .page_con .con .center > h3 br, .page_wrap.company1.privacy .page_con .con h3.aos-init br {
    display: none;
}

.page_wrap.policy.mgmt4 .page_con .con .center > h3 p {
    font-size: 24px;
    font-weight: 300;
    margin-top: 20px;
}

.page_wrap.policy.mgmt4 .page_con .con .center > h3 p span {
    font-weight: 500;
}

.page_wrap.policy .page_con .con .center .sec {
    margin-bottom: 60px;
}

.page_wrap.policy .page_con .con .center .sec:nth-last-child(2) {
    margin-bottom: 85px;
}

.page_wrap.policy .page_con .con .center .sec:last-child {
    margin-bottom: 0;
}

.page_wrap.policy .page_con .con .center .sec > p:not(:last-child) {
    margin-bottom: 20px;
}

.page_wrap.policy.mgmt4 .page_con .con .center .sec.sec1 p {
    font-size: 20px;
}

.page_wrap.policy .page_con .con .center .sec h3 {
    font-size: 24px;
    font-weight: 500;
    color: #e41e26;
    margin-bottom: 20px;
}

.page_wrap.policy .page_con .con .center .sec ul.top {
    margin: 0 -20px 60px;
}

.page_wrap.policy .page_con .con .center .sec ul.top li {
    flex-basis: calc(100% / 3 - 40px);
    margin: 0 20px;
    padding: 25px;
    border: 1px solid #e41e26;
    border-radius: 10px;
    text-align: center;
}

.page_wrap.policy .page_con .con .center .sec ul.bottom {
    list-style: decimal;
    list-style-position: inside;
}

.page_wrap.policy .page_con .con .center .sec ul.bottom li:not(:last-child) {
    margin-bottom: 20px;
}

.page_wrap.policy .page_con .con .center .sec ul.bottom li h4 {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
}

.page_wrap.policy .page_con .con .center .sec ul.bottom li p {
    font-weight: 300;
    padding-left: 1.2%;
}

.page_wrap.policy.mgmt4 .page_con .con .center .sec ul.bottom li p {
    display: inline-block;
    padding-left: 0;
}

.page_wrap.policy.mgmt4 .page_con .con .center .sec ul.bottom li::marker {
    display: inline-block;
}

/* last */
.page_wrap.policy .page_con .con .center .sec.last ul {
    text-align: center;
}

.page_wrap.policy.mgmt4 .page_con .con .center .sec.last ul {
    flex-wrap: wrap;
}

.page_wrap.policy .page_con .con .center .sec.last ul li:nth-last-child(2) {
    margin-bottom: 60px;
}

.page_wrap.policy .page_con .con .center .sec.last ul li p {
    display: inline-block;
    font-size: 20px;
}

.page_wrap.policy.mgmt4 .page_con .con .center .sec.last ul li:nth-child(1) p:nth-child(1) {
    margin: 0;
}

.page_wrap.policy .page_con .con .center .sec.last ul li p:nth-child(1) {
    margin-right: 20px;
}

.page_wrap.policy .page_con .con .center .sec.last ul li p:nth-child(2) {
    position: relative;
    letter-spacing: 5px;
}

.page_wrap.policy .page_con .con .center .sec.last ul li p:nth-child(2):after {
    content: "";
    position: absolute;
    top: calc(-153px / 2 + 15px);
    right: calc(-153px + 30px);
    background: url(../../img/mgmt3-1.png) no-repeat center / 150px;
    width: 100%;
    max-width: 150px;
    height: 153px;
    z-index: -1;
}

.page_wrap.policy .page_con .con .center .sec.last ul li p:nth-child(2) span {
    font-size: 22px;
}

/* hover */
.page_wrap.policy .page_con .con .center:hover {
    box-shadow: 0 0 30px rgb(17 17 17 / 5%);
    transition: all .3s;
}

/* page */
.privacy_txt_area {
    display: none;
    margin: 0px 0px 50px;
    padding: 30px 40px;
    background-color: rgb(240,240,240);
    color: rgb(51,51,51);
    font-size: 17px;
    line-height: 27px;
}

.privacy_tit {
    padding-bottom: 10px;
    font-size: 23px;
    line-height: 33px;
    color: rgb(51,51,51);
}

.privacy_txt {
    padding-bottom: 50px;
    font-size: 17px;
    line-height: 27px;
    color: rgb(51,51,51);
}

.privacy_tit2 {
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
    color: rgb(51,51,51);
}

.privacy_tit3 {
    padding-bottom: 10px;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: rgb(51,51,51);
}

.privacy_table {
    margin: 0px 0px 50px;
    padding: 0px;
    width: 1000px;
    height: auto;
    color: rgb(51,51,51);
    font-size: 13px;
}

.privacy_table table {
    margin: 0px auto;
    padding: 0px;
    width: 1000px;
    border-top: 2px solid rgb(153,153,153);
    border-left: 1px solid rgb(221,221,221);
    border-right: 1px solid rgb(221,221,221);
}

.privacy_table table th {
    margin: 0px;
    padding: 10px 20px !important;
    font-size: 15px !important;
    font-weight: 500;
    background-color: rgb(244,244,244);
    border-bottom: 1px solid rgb(221,221,221);
    border-right: 1px solid rgb(221,221,221);
}

.privacy_table table td {
    margin: 0px;
    padding: 10px 20px !important;
    font-size: 15px !important;
    border-bottom: 1px solid rgb(221,221,221);
    border-right: 1px solid rgb(221,221,221);
    text-align: center;
}

.privacy_table table td .left {
    margin: 0px;
    padding: 10px 20px;
    font-size: 15px;
    border-bottom: 1px solid rgb(221,221,221);
    border-right: 1px solid rgb(221,221,221);
}

.privacy_txt2 {
    padding-bottom: 10px;
    font-size: 17px;
    line-height: 27px;
    color: rgb(51,51,51);
}


/*---------- recruit1 ----------*/
.page_wrap.recruit1 .page_top.no_img .txt h3 {
    margin: 20px 0 20px;
}

.page_wrap.recruit1 h3 {
    margin: 20px auto;
}

/**/
.page_wrap.recruit1 .page_con {
    padding-bottom: 190px;
}

.page_wrap.recruit1 .page_con .right ul.flex:nth-child(2) {
    flex-direction: row-reverse;
    margin: 140px auto;
}

.page_wrap.recruit1 .page_con .right ul.flex > li:nth-child(1) {
    width: 50%;
}

.page_wrap.recruit1 .page_con .right ul.flex > li:nth-child(2) {
    width: 56.2%;
    max-width: 700px;
    padding: 3.2% 0 0 6.2%;
    box-sizing: content-box;
}

.page_wrap.recruit1 .page_con .right ul.flex > li img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.page_wrap.recruit1 .page_con .right ul.flex > li:nth-child(1) img {
    max-width: 804px;
    border-radius: 10px;
}

.page_wrap.recruit1 .page_con .right ul.flex > li:nth-child(2) img {
    max-width: 97px;
}

.page_wrap.recruit1 .page_con .right ul.bottom p {
    display: inline-block;
    margin-bottom: 0;
}

.page_wrap.policy .page_con .con .center .sec ul.bottom, .page_wrap.recruit1 .page_con .right ul.bottom {
    list-style: decimal;
    list-style-position: inside;
}

.page_wrap.policy .page_con .con .center .sec ul.bottom li:not(:last-child) {
    margin-bottom: 20px;
}

.page_wrap.recruit1 .page_con .right ul.bottom li:not(:last-child) {
    margin-bottom: 5px;
}

.page_wrap.policy .page_con .con .center .sec ul.bottom li p, .page_wrap.recruit1 .page_con .right ul.bottom li p {
    font-weight: 300;
    padding-left: 1.2%;
}

/*---------- recruit2 ----------*/
.page_wrap.recruit2 .page_con .con, .page_wrap.recruit3 .page_con .con {
    padding-top: 80px;
}

/**/
.page_wrap.recruit2 .page_con .con .center ul {
    height: 300px;
}

.page_wrap.recruit2 .page_con .con .center ul li p {
    line-height: 2;
    margin: 0;
}

/*---------- recruit3 ----------*/
.page_wrap.recruit3 .page_con .con {
    padding-bottom: 125px;
}

/**/
.page_wrap.recruit3 .page_con .con .center .top {
    justify-content: center;
    align-items: center;
    padding: 30px;
    border: 2px dotted #ef4036;
    border-radius: 500px;
}

.page_wrap.recruit3 .page_con .con .center .top li {
    margin: 0 20px;
    text-align: center;
}

.page_wrap.recruit3 .page_con .con .center .top li:not(.dot) {
    background: rgb(228 30 38 / 5%);
    border-radius: 50%;
    padding: 80px;
}

.page_wrap.recruit3 .page_con .con .center .top li:last-child {
    background: #ef4036;
    color: #fff;
}

.page_wrap.recruit3 .page_con .con .center .top li strong {
    font-size: 34px;
}

.page_wrap.recruit3 .page_con .con .center .top li p {
    font-size: 20px;
    font-weight: 300;
}

/**/
.page_wrap.recruit3 .page_con .con .center .bottom {
    margin: 80px auto;
    max-width: 1400px;
}

.page_wrap.recruit3 .page_con .con .center .bottom li:not(:nth-child(1)) {
    padding: 30px 0;
    border-bottom: 1px solid #e7e7e7;
}

.page_wrap.recruit3 .page_con .con .center .bottom li:nth-child(1) {
    text-align: center;
}

.page_wrap.recruit3 .page_con .con .center .bottom li:last-child {
    border-bottom: none;
}

.page_wrap.recruit3 .page_con .con .center .bottom li img {
    display: inline-block;
    width: 100%;
    max-width: 69px;
    object-fit: cover;
}

.page_wrap.recruit3 .page_con .con .center .bottom li h3 {
    display: inline-block;
    margin: 0 0 0 20px;
}

.page_wrap.recruit3 .page_con .con .center .bottom li p a:after {
    content: "\ea0d";
    font-family: 'xeicon';
    font-size: 20px;
    color: #e41e26;
    margin-left: 10px;
    transition: all .3s;
}

.page_wrap.recruit3 .page_con .con .center .bottom li strong {
    margin-right: 100px;
}

.page_wrap.recruit3 .page_con .con .center .bottom li p {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

/*---------- contact1 ----------*/
.page_wrap.contact1 .page_con .content .contact_style1 h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #000;
}

.page_wrap.contact1 .page_con .content .contact_style1 h3:before {
    display: none;
}

.page_wrap.contact1 .page_con .content .contact-essential-txt {
    text-align: right;
    font-size: 16px;
}

.page_wrap.contact1 .page_con .content .editor textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #ddd;
    padding: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #444;
    display: block;
}

.page_wrap.contact1 .page_con .content .agree_txt {
    background: #eee;
    padding: 10px;
}

.page_wrap.contact1 .page_con .content .agree_txt label {
    font-size: 16px;
}

/**/
.contact_style1.contact_tbl_style2 {
    margin: 50px 0;
}

.essential-icon {
    color: #ff0007;
    font-size: 17px;
    font-weight: bold;
}

.write-tbl {
    width: 100%;
    border-top: 1px solid #e41e26;
}

.write-tbl th,.write-tbl td {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

.write-tbl th {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    width: 12%;
    vertical-align: middle;
}

.write-tbl .write-input, .write-tbl .write-textarea {
    height: 38px;
    border: 0px;
    /* width:63.6%; */
    background-color: #fff;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    vertical-align: middle;
    padding: 10px;
    box-sizing: border-box;
}

.write-tbl .write-input:focus {
    border-color: #333;
}

.write-tbl .write-input {
    text-indent: 10px;
    width: 20%;
}

.write-tbl .write-textarea {
    width: 100%;
    height: 200px;
    resize: none;
}

.write-tbl .hypen {
    margin: 0 5px;
}

.radioCont li {
    float: left;
    padding: 10px 30px 10px 0;
    font-size: 15px;
    color: #666;
}

.radioCont li input {
    margin-right: 5px
}

.frm_info {
    color: #e73221;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    display: block;
}

/**/
.page_wrap.contact1 .page_con .con:last-child .down {
    margin-top: 100px;
}

/*---------- pro1 ----------*/
.page_wrap.pro .page_con .con .down a {
    font-weight: 500;
}

.page_wrap.pro .page_con .con .down a:last-child {
    color: #666;
    border: 1px solid #666;
}

/* hover */
.page_wrap.pro .page_con .con .down a:last-child:hover {
    color: #fff;
    background: #666;
}

/**/
/* 공통: 제품 슬라이드 이미지 */
.page_wrap.pro .page_con .content .left {
    width: 100%;
    max-width: 750px;
}

.pro_swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.pro_swiper .swiper-slide img {
    display: block;
    width: 100%;
    max-width: 570px;
    height: 100%;
    margin: 0 auto;
    object-fit: contain;
}

.pro_swiper .swiper-slide {
    width: 100% !important;
}

.pro_mySwiper2 {
    width: 100%;
    max-width: 750px;
    height: 616px;
    position: relative !important;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    border-radius: 15px;
}

.pro_mySwiper {
    width: 804px;
    height: 95px;
    box-sizing: border-box;
    margin: auto 0;
    position: absolute !important;
    top: 0;
    left: 0;
}

.pro_mySwiper .swiper-slide {
    width: 128px !important;
    height: 100%;
    opacity: 0.4;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #d3d3d3;
}

.pro_mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

/**/
.page_wrap.pro .page_con .content .right {
    max-width: 750px;
    margin: 15px 0 0 5%;
}

.page_wrap.pro .page_con .content .right .sec.sec1 strong {
    display: block;
    font-size: 18px;
    margin-bottom: 20px;
}

.page_wrap.pro .page_con .content .right .sec.sec1 h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.3;
}

.page_wrap.pro .page_con .content .right .sec.sec1 h3 span {
    display: inline-block;
    font-size: 24px;
    color: #999;
}

.page_wrap.pro .page_con .content .right .sec.sec2 {
    margin: 25px auto 80px;
}

.page_wrap.pro .page_con .content .right .sec.sec2 > span {
    display: block;
    font-weight: 300;
    color: #666;
    margin-top: 45px;
    line-height: 1.4;
}

.page_wrap.pro .page_con .content .right .sec.sec2 div:nth-child(1) {
    margin-bottom: 25px;
}

.page_wrap.pro .page_con .content .right .sec.sec2 div ul li p {
    position: relative;
    padding-left: 10px;
    margin-bottom: 5px;
    line-height: 1.6;
}

.page_wrap.pro .page_con .content .right .sec.sec2 div ul li p:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 6px;
    height: 1px;
    background: #666;
}

/*---------- respon ----------*/
@media all and (max-width: 1680px) {/* width */
    /* common */
    #subVtop .inner .txt, #subVtop .lnbs .lnb_wrap, .page_wrap .page_top .txt,
    .page_wrap.company1 .page_con .con.con1 .txt, .page_wrap .page_con .content .con .wrap, .page_wrap.company2 .page_con .con.con1 .img div {width: 96%;}

    
    /* company1 */
    .page_wrap.company1:before {height: 50vw;}
    .page_wrap.company1:after {font-size: 10vw;}
    /**/
    .page_wrap.company1 .page_con .con .right p br, .page_wrap.mgmt1 .page_con .con .right p br, .page_wrap.company0.company6 .page_con .con .right .sec p br, .page_wrap.mgmt2 .page_con .con .right p br, .page_wrap.mgmt4 .page_con .con .right p br, .page_wrap.mgmt5 .page_con .con .right p br {display: none;}

    /* company2 */
    .page_wrap.company2 .page_con .table > p {right: -20px;}

    /* company3 */
    .page_wrap.company3 .page_con .con.con1 .wrap .img:before {height: 100%;}
        
    /* business0 */
    .page_wrap.business0 .page_con .content .con .wrap {flex-direction: column;}
    .page_wrap.business0 .page_con .con .left {width: 100%;margin: 0 auto 30px;}
    .page_wrap.business0 .page_con .con .left h3 br:not(:last-child) {display: none;}
    .page_wrap.business0 .page_con .con .right {width: 100%;max-width: 100%;}
    /* con1 */
    .page_wrap.business0 .page_con .con.con1 .left img {float: left;margin-right: 20px;}
}
@media (min-width: 1024px) and (max-width: 1680px) {
}
@media (max-width: 479px), (min-width: 611px) and (max-width: 1680px) {
}

@media all and (max-width: 1500px) {
}
@media (min-width: 1024px) and (max-width: 1500px) {
}
@media (max-width: 1450px) {
    /* company2 */
    .page_wrap.company2 .page_con .content .con .wrap {width: 96%;}
}
@media all and (max-width: 1400px) {
    /* page_wrap */
    .page_wrap .page_top .txt > p br, .page_wrap .page_con .con .right p br {display: none;}

    /* company1 */
    .page_wrap.company1 .page_con .con.con1 .txt p:nth-child(1) br {display: none;}
}
@media all and (max-width: 1300px) {
#subVtop #lnb, #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:before, #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:after {display: none;}
#subVtop #lnb_mb {display: block;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb {background: var(--main-color);box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.3);border-radius: 0 0 8px 8px;z-index: 1;}   
#subVtop .lnbs .lnb_wrap {width: 100%;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li a {padding: 15px 10px;text-align: left;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb ul {flex-direction: column;align-items: flex-start;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb ul::-webkit-scrollbar { width: 5px; height: 5px;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li {width: 100%;margin: 0;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:not(:last-child) {border-bottom: 1px solid #bbb;}
/* on */
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on a {color: var(--main-color);font-weight: 700;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on:before, #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on:after {display: none;}
    
}
@media (min-width: 768px) and (max-width: 1300px) {
/* business0 */    
.page_wrap.business0 .page_con .con .right h4 br {display: none;}
}
@media (min-width: 1024px) and (max-width: 1100px) {
}


@media all and (max-width: 1023px) {
    /* common */
    #subVtop .inner .txt, .page_wrap .page_top .txt, .page_wrap:not(.business0) .page_con .content .con .wrap, .page_wrap.company22 .page_con .con.con1 .table.right .table_box .table_list .list .list_wrap .month li p, .page_wrap.mgmt4 .page_con .con .tab-content:not(#tab-1) .sec, .page_wrap.pro .page_con .content .tab-content .center, .page_wrap.recruit1 .page_con .right ul.flex, .page_wrap.recruit1 .page_con .right ul.flex:nth-child(2) {
        flex-direction: column;
    }
    #subVtop {
        height: 530px;
    }
    #subVtop .lnbs .lnb_wrap {height: 80px;}
    #subVtop .lnbs .lnb_wrap .menu-location a {padding: 32px 10px;}

    /**/
    #subVtop .inner {
        padding-top: 180px;
    }

    #subVtop .inner .txt h2, .page_wrap.company2 .page_con .table .table_box .table_txt span {
        font-size: 52px;
    }
    #subVtop .inner .txt .nav span {font-size: 14px;margin-right: 10px;}
    #subVtop .inner .txt .nav span::before {margin-right: 10px;}
    #subVtop .lnbs .lnb_wrap .menu-location a, .page_wrap .page_con .con.con1 .wrap .tab li a {font-size: 16px;}

    /* page_wrap */
    .page_wrap {margin: 100px auto;}
    .page_wrap .page_top .txt h3, .page_wrap.company2 .page_con .con.con1 .img div p strong {font-size: 45px;}
    .page_wrap .page_con {margin-top: 100px;}
    .page_wrap .page_con .con.con1 .wrap .tab {margin: -1px 0 80px -1px;} 
    .page_wrap .page_con .con.con1 .wrap .tab li a {padding: 32px 10px;}
    .page_wrap .page_top .txt > p, .page_wrap .page_con .con .right p {font-size: 18px;}
    .page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td {padding: 17px 5px;}

    /* company0 */
    .page_wrap.company0 .page_con .con .left {width: 100%;margin: 0 auto 30px;}
    .page_wrap.company0 .page_con .con .right h4 {font-size: 25px;}

    /* company1 */
    .page_wrap.company1 .page_con .con.con1, .page_wrap.company1 .page_con .con.con1:after {height: 600px;}
    .page_wrap.company1 .page_con .con.con1 .txt {top: 180px;}
    .page_wrap.company1 .page_con .con.con1 .txt p {font-size: 25px;}
    /* con2 */
    .page_wrap.company1 .page_con .con.con2, .page_wrap.company2 .page_con .table {margin-top: 100px;}
    .page_wrap.company1 .page_con .con.con2 .txt p {font-size: 18px;}
    .page_wrap.company1 .page_con .con.con2 .txt p br {display: none;}

    /* company2 */
    .page_wrap.company2 .page_con .con.con1 .img div p {font-size: 16px;}
    .page_wrap.company2 .page_con .table .table_box {flex-direction: column;}
    .page_wrap.company2 .page_con .table > p {font-size: 12vw;letter-spacing: -5px;}
    .page_wrap.company2 .page_con .table .table_box > div, .page_wrap.company2 .page_con .table .table_box .table_txt {width: 100%;}
   .page_wrap.company2 .page_con .table .table_box .table_txt {margin-bottom: 10px;} 
    .page_wrap.company2 .page_con .table .table_box .table_list .lists:before {left: 5px;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .progress_bar {left: 9px;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists:after {left: 2px;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap {padding: 5% 0 100px 5%;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li {padding: 0 0 20px 0;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li p strong {font-size: 22px;width: auto;min-width: 35px;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li p {font-size: 18px;}

    /* company5 */
    .page_wrap.company5 .page_con .con .txt .top h4 {font-size: 30px;}
    .page_wrap.company5 .page_con .con .txt .top .map_link li a, .page_wrap.company5 .page_con .con .txt .bottom p {font-size: 18px;}

    /* business0 */
    .page_wrap.business0 .page_con .con .left h3 {font-size: 30px;}
    .page_wrap.business0 .page_con .con .right.video iframe {height: 450px;}
    /* con1 */
    .page_wrap.business0 .page_con .con.con1 .left img {width: 72px;}
}

@media (max-width: 767px) {
    /* common */
    #subVtop {height: 400px;}
    #subVtop .lnbs .lnb_wrap {height: 60px;}
    #subVtop .lnbs .lnb_wrap .menu-location a {padding: 23px 10px;}
    
    #subVtop .inner .txt h2 {margin-top: 15px;}
       #subVtop .inner .txt h2, .page_wrap.company2 .page_con .table .table_box .table_txt span {font-size: 42px;}
        #subVtop .inner .txt .nav span {font-size: 12px;}
        #subVtop .lnbs .lnb_wrap .menu-location a, .page_wrap .page_con .con.con1 .wrap .tab li a {font-size: 14px;}

    /* page_wrap */
    .page_wrap {margin: 80px auto;}
    .page_wrap .page_top .txt h3, .page_wrap.company2 .page_con .con.con1 .img div p strong {font-size: 35px;}
    .page_wrap .page_con {margin-top: 80px;}
    .page_wrap .page_con .con.con1 .wrap .tab {margin: -1px 0 60px -1px;} 
    .page_wrap .page_con .con.con1 .wrap .tab li a {padding: 23px 10px;}
    .page_wrap .page_top .txt > p, .page_wrap .page_con .con .right p {font-size: 16px;}
    .page_wrap .page_con .content .board_table {width: 100%;margin: 30px auto 0;}
    .page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td {padding: 10px 5px;}
    .page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td {font-size: 16px;}

    /* company0 */
    .page_wrap.company0 .page_con .con .right h4 {font-size: 18px;}
    .page_wrap.company0 .page_con .con .left {margin: 0 auto 15px;}
    
    /* company1 */
    .page_wrap.company1 {padding-bottom: 40vw;}
    .page_wrap.company1 .page_con .con.con1, .page_wrap.company1 .page_con .con.con1:after {height: 500px;}
    .page_wrap.company1 .page_con .con.con1:after {background-size: auto;}
    .page_wrap.company1 .page_con .con.con1 .txt {top: 120px;}
    .page_wrap.company1 .page_con .con.con1 .txt p {font-size: 20px;}
    .page_wrap.company1 .page_con .con.con1 .txt p:nth-child(1) {margin-bottom: 40px;}
    /* con2 */
    .page_wrap.company1 .page_con .con.con2, .page_wrap.company2 .page_con .table {margin-top: 80px;}
    .page_wrap.company1 .page_con .con.con2 .txt p {font-size: 16px;}
    .page_wrap.company1 .page_con .con.con2 .txt p:last-child strong {font-size: 20px;}
    .page_wrap.company1 .page_con .con.con2 .txt p:last-child span {font-size: 40px;line-height: 1;}

    /* company2 */
    .page_wrap.company2 .page_con .con.con1 .img {height: 250px;}
    .page_wrap.company2 .page_con .con.con1 .img img {object-position: right 45% top 0px;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li p strong {font-size: 20px;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li p {font-size: 16px;}

    /* company5 */
    .page_wrap.company5 .page_con .con .txt .top h4 {font-size: 25px;}
    .page_wrap.company5 .page_con .con .txt .top .map_link li a, .page_wrap.company5 .page_con .con .txt .bottom p {font-size: 16px;}
    .page_wrap.company5 .page_con .con .txt .bottom p strong {display: block;}

    /* business0 */
    .page_wrap.business0 .page_con .con {margin-bottom: 100px;}
    .page_wrap.business0 .page_con .sec {margin-bottom: 50px;}
    .page_wrap.business0 .page_con .con .left h3 {font-size: 25px;}
    .page_wrap.business0 .page_con .con .right .flex li h4, .page_wrap.business0 .page_con .con .right .flex li p {margin-top: 10px;}
    .page_wrap.business0 .page_con .con .right figure, .page_wrap.business0 .page_con .con .right.video iframe {border-radius: 10px;}
    /* con1 */
    .page_wrap.business0 .page_con .con.con1 .left img {margin-right: 10px;width: 52px;}

    /* business0 */
    .page_wrap.business0 .page_con .con .right .flex {flex-wrap: wrap;}
    .page_wrap.business0 .page_con .con .right .flex.f_3 li, .page_wrap.business0 .page_con .con .right .flex.f_4 li {width: calc(100% / 2 - 24px); flex-basis: calc(100% / 2 - 24px);}
    .page_wrap.business0 .page_con .con .right .flex.f_4 li:nth-child(+n+1):nth-child(-n+2) {margin: 0 12px 24px;}
    .page_wrap.business0 .page_con .con .right.video iframe {height: 350px;}

    /* business1 */
    /* con3 */
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 {margin: 15px -12px 0;}
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li {margin: 0 12px 24px;}
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li:nth-child(4), .page_wrap.business1 .page_con .con.con5 .right .flex.f_3 li:nth-child(4) {margin: 0 12px 24px !important;} 
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li h4 {font-size: 16px;}
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li h4 span:nth-child(1) {margin-right: 0;}
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li h4 span br {display: none;}

    /* business2 */
    .page_wrap.business2 .page_con .con.con2 .right figure {width: 100%;}
}
@media (max-width: 550px) {
/* company1 */
.page_wrap.company1 .page_con .con.con2 .txt p:last-child strong {display: block;margin-right: 0;}
}
@media (min-width: 320px) and (max-width: 610px) {
}


@media (max-width: 479px) {
    /* common */ 
    #subVtop .lnbs .lnb_wrap {height: 44px;}
    #subVtop .lnbs .lnb_wrap .menu-location a {/* width: max-content; */padding: 15px 10px;}
    #subVtop .inner .txt h2, .page_wrap.company2 .page_con .table .table_box .table_txt span {font-size: 30px;}

    #subVtop .inner .txt .nav span:first-child {display: block;}
    #subVtop .inner .txt .nav span:nth-child(2)::before {display: none;}
    
    /* page_wrap */
    .page_wrap .page_top .txt h3 {font-size: 25px;}
    .page_wrap .page_con .con.con1 .wrap .tab li {border-radius: 5px;}
    .page_wrap .page_con .con.con1 .wrap .tab li:nth-child(1) {border-radius: 5px 0 0 5px;}
    .page_wrap .page_con .con.con1 .wrap .tab li:last-child {border-radius: 0 5px 5px 0;}
    .page_wrap .page_con .con.con1 .wrap .tab li a {padding: 13px 10px;}

    /* company1 */
    .page_wrap.company1 .page_con .con.con1 .txt {top: 20vw;}
    .page_wrap.company1 .page_con .con.con1 .txt p {font-size: 18px;}
    /* con2 */
    .page_wrap.company1 .page_con .con.con2, .page_wrap.company2 .page_con .table {margin-top: 60px;}

    /* company2 */
    .page_wrap.company2 .page_con .con.con1 .img div p {font-size: 14px;}
    .page_wrap.company2 .page_con .con.con1 .img img {object-position: right 37% top 0px;}
    .page_wrap.company2 .page_con .table > p {right: -10px;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap {padding: 8% 0 80px 8%;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li p strong {font-size: 18px;}
    .page_wrap.company2 .page_con .table .table_box .table_list .lists .list_wrap .month li p {flex-direction: column;align-items: flex-start;font-size: 16px;}

    /* company5 */
    .page_wrap.company5 .page_con .con .txt .top h4 {font-size: 20px;}
    .page_wrap.company5 .page_con .con .txt .top .map_link li a {font-size: 14px;}

    /* business0 */
    .page_wrap.business0 .page_con .con .left h3 {font-size: 20px;}
    /* con1 */
    .page_wrap.business0 .page_con .con.con1 .left img {width: 32px;}

    /* business0 */
    .page_wrap.business0 .page_con .con .right .flex {margin: 30px -8px 0;}
    .page_wrap.business0 .page_con .con .right .flex li{margin: 0 8px;}
    .page_wrap.business0 .page_con .con .right .flex.f_2 li {width: calc(100% / 2 - 16px); flex-basis: calc(100% / 2 - 16px);}
    .page_wrap.business0 .page_con .con .right .flex.f_3 li, .page_wrap.business0 .page_con .con .right .flex.f_4 li {width: calc(100% / 2 - 16px);flex-basis: calc(100% / 2 - 16px);}
    .page_wrap.business0 .page_con .con .right .flex.f_4 li:nth-child(+n+1):nth-child(-n+2) {margin: 0 8px 24px;}
    .page_wrap.business0 .page_con .con .right.video iframe {height: 250px;}

    /* business1 */
    /* con3 */
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 {margin: 15px -8px 0;}
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li, .page_wrap.business1 .page_con .con.con5 .right .flex.f_3 li {margin: 0 8px 24px;}
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li h4 span:nth-child(1) {margin-right: 0;}
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li:nth-child(+n+4):nth-child(-n+6), .page_wrap.business1 .page_con .con.con5 .right .flex.f_3 li:nth-child(n+4):nth-child(-n+6) {margin: 0 8px;}
    .page_wrap.business1 .page_con .con.con3 .right .sec.sec6 .flex.f_3 li:nth-child(4), .page_wrap.business1 .page_con .con.con5 .right .flex.f_3 li:nth-child(4) {margin: 0 8px 24px !important;}
}
@media (max-width: 400px) {
/* common */
#subVtop.business2 .lnbs .lnb_wrap  {height: auto;}
#subVtop.business2 .lnbs .lnb_wrap .menu-location a {text-align: left;}
    
/* company5 */
.page_wrap .page_con .con.con1 .wrap .tab li a {font-size: 12px;}    
.page_wrap.company5 .page_con .con .txt .top {flex-direction: column;}
.page_wrap.company5 .page_con .con .txt .top .map_link {align-self: flex-end;margin-top: 0;}
}