/* */

#header .head_menu .sub_menu {

}

#header .head_menu .sub_menu.open {
    opacity: 1;
    transition: all .8s;
    /* transition: 0.4s all; */
    visibility: visible;
}

.fa-spin {
    animation-name: unset;
}

/* */

.color_code {
    width: 100%;
}

.color_code td {
    padding: 2px 0;
    line-height: 1.5;
}

.color_code .color_1 {
    display: block;
    width: 100px;
    height: 40px;
    margin: 10px 0;
    background-color: #6d3224;
}

.color_code .color_2 {
    display: block;
    width: 100px;
    height: 40px;
    margin: 5px 0;
    background-color: #eabe77;
}

.color_code table {
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
}

.color_code table tr td {
    border-bottom: 1px solid #ddd;
}

/* */

.content {
    /* max-width: 1200px; */
}

.sec_inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0 0;
}

#bo_list,
#bo_v,
#bo_w,
#bo_gall {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
}

.jcfs {
    justify-content: flex-start;
}

.jcsb {
    justify-content: space-between;
}

.jcse {
    justify-content: space-evenly;
}

.fdc {
    flex-direction: column !important;
}

.fdrr {
    flex-direction: row-reverse !important;
}

.w100 {
    width: 100% !important;
}

.w100+.w100 {
    margin: 10px 0 0;
}

.ml2 {
    margin-left: 2% !important;
}

.ml4 {
    margin-left: 4% !important;
}

.mr2 {
    margin-right: 2%;
}

.mt40 {
    margin-top: 40px;
}

/* 초기화 */

.tbl_head01 table {
    min-width: auto;
}

html{
    scroll-behavior: smooth;
}

.lnb_wrap {
    display: none;
}

/* 공통 */

.lat_head {
    text-align: center;
}

.lat_head .lat_title {
    display: block;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.3;
}

.lat_head .lat_so_title {
    font-size: 22px;
    color: #7f7f7f;
    padding: 10px 0 40px;
    word-break: keep-all;
}

.lat_head .txt {
    margin: 20px 0 0;
    font-size: 24px;
    color: #7f7f7f;
    word-break: keep-all;
    line-height: 1.6;
}

.section a.btn_more {
    display: block;
    width: 200px;
    margin: 40px auto 0;
    padding: 15px 0;
    font-size: 20px;
    background-color: #0731aa;
    color: #fff;
    text-align: center;
}

/* */

.swiper-navigation {
    display: none;
}

.notice li {
    justify-content: space-between;
}

.notice li .datetime {
    width: auto;
}

/* 메인 */

#banner_wrap {
    height: 100vh;
}

#banner_wrap .swiper-slide {
    height: 100vh; 
}

.main_ban_conainer .bg {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    opacity: 0.8;
}

.main_ban_conainer .bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main_ban_conainer .swiper-slide.swiper-slide-active .bg {
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
    -webkit-animation: bgScale 10s both;
    animation: bgScale 10s both;
    opacity: 1;
}

@keyframes bgScale {
    0% {
        -webkit-transform: scale(1) rotate(0.01deg);
        transform: scale(1) rotate(0.01deg);
    }
    100% {
        -webkit-transform: scale(1.1) rotate(0.01deg);
        transform: scale(1.1) rotate(0.01deg);
    }
}

.main_ban_conainer .ban_group {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.main_ban_conainer .txt {
    font-size: 3.7rem;
    line-height: 1.3;
    font-weight: 600;
    text-align: center;
    color: #fff;
    z-index: 999;
}

.main_ban_conainer .desc {
    margin: 10px 0 0;
    font-size: 2.6rem;
    line-height: 1.4;
    font-weight: 100;
    color: #fff;
    z-index: 999;
}

.main_ban_conainer .swiper-slide .txt {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
}

.main_ban_conainer .swiper-slide.swiper-slide-active .txt {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    opacity: 1;
}

.main_ban_conainer .swiper-slide.swiper-slide-active .txt {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.main_ban_conainer .swiper-slide .desc {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
}

.main_ban_conainer .swiper-slide.swiper-slide-active .desc {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    opacity: 1;
}

.main_ban_conainer .swiper-slide.swiper-slide-active .desc {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

#video_area {
    padding: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: absolute;
}

#background_video {
    z-index: 1;
    width: 100vw;
    height: 100vh;
    position: absolute;
    object-fit: fill;
}

/* */

.flex_non {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.sec_fir strong.stit {
    display: block;
    margin: 0 0 15px;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
}

.sec_fir strong.so_tit {
    display: block;
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}

.sec_fir .main_top_item {
    padding: 40px 0;
    background-color: #213867 !important;
}

.sec_fir .main_top_item ul {
    justify-content: space-between;
    max-width: 1780px;
    margin: 0 auto;
}

#main_top_box3 .main_top_item ul li {
    flex: inherit;
    width: 1150px;
    height: auto;
    padding: 20px;
    background-color: #1a305e !important;
    border-radius: 20px;
}

#main_top_box3 .main_top_item ul li+li {
    width: 610px;
}

#main_top_box3 .main_top_item ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

#main_top_box3 .main_top_item ul li a i {
    padding-top: 0;
    display: block;
}

#main_top_box3 .main_top_item ul li a h2 {
    padding-top: 0;
    padding-left: 0;
}

/* */

#main_top_box3 .main_top_item ul .news_latest ul {
    margin: 0 0 20px;
}

.news_latest .bv_main_bs_thumb_img {
    width: 240px;
    height: 150px;
    border-radius: 10px;
}

#main_top_box3 .main_top_item ul .news_latest ul li {
    width: 50%;
    padding: 0;
}

#main_top_box3 .main_top_item ul .news_latest ul li a {
    justify-content: flex-start;
    flex-direction: column;
    width: 240px;
    margin: 0 auto;
}

#main_top_box3 .main_top_item ul .news_latest ul li a strong {
    overflow: hidden;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
    white-space: normal;
    line-height: 1.4em;
    height: 2.8em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

#main_top_box3 .main_top_item ul .news_latest ul li a p {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #8b95a1;
    text-align: left;
}

/* */

.table_type1 {
    overflow-x: auto;
    /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
    width: 580px;
}

.table_type1+.table_type1 {
    margin: 15px 0 0;
}

.table_type1 th {
    background: #213867;
    color: #fff;
}

.table_type1 td {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.table_type1 table,
.table_type1 th,
.table_type1 td {
    border-collapse: collapse;
}

.table_type1 table {
    width: 100%;
}

.table_type1 th {
    padding: 15px;
    font-weight: 500;
}

.table_type1 td {
    padding: 15px;
}

.basic_table span.black,
.basic_table span.up,
.basic_table span.down {
    padding: 8px 12px;
}

span.black {
    background: #21242d;
    color: #fff;
    padding: 4px 6px;
    line-height: 1em;
    display: inline-block;
    position: relative;
    font-size: 0.9em;
    border-radius: 20px;
}

span.up {
    background: #ec434b;
    color: #fff;
    padding: 4px 6px;
    line-height: 1em;
    display: inline-block;
    position: relative;
    font-size: 0.9em;
    border-radius: 20px;
}

span.up::before {
    content: "";
    top: 100%;
    left: 50%;
    transform: translate(-35%, -23%);
    display: inline-block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #fff;
    transition: all .3s ease;
    margin-top: 5px;
    margin-left: 3px;
}

span.down {
    background: #004eff;
    color: #fff;
    padding: 4px 6px;
    line-height: 1em;
    display: inline-block;
    position: relative;
    font-size: 0.9em;
    border-radius: 20px;
}

span.down::before {
    content: "";
    top: 100%;
    left: 50%;
    transform: translate(-35%, -23%);
    display: inline-block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #fff;
    transition: all .3s ease;
    margin-top: 5px;
    margin-left: 3px;
}

span.circle {
    background: #ec434b;
    color: #fff;
    padding: 4px 6px;
    line-height: 1em;
    display: inline-block;
    position: relative;
    font-size: 0.9em;
    border-radius: 20px;
}

span.circle::before {
    content: "●";
    top: 100%;
    left: 50%;
    transform: translate(-80%, 0%);
    display: inline-block;
    transition: all .3s ease;
    margin-top: 5px;
    margin-left: 3px;
    color: #ec434b;
}

/* */
.stit.etit {
    display: inline-block !important;
    position: relative;
    padding: 0 0 0 30px;
}

.stit.etit:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 37px;
    height: 25px;
    margin-left: -14px;
    background: url(../img/main/exchange_bg.png) no-repeat center;
    border-radius: 50%;
}

.exchange_rate {
    display: flex;
    flex-wrap: wrap;
}

.exchange_rate>div {
    flex: 1;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
}

.exchange_rate>div span {
    display: inline-block;
    padding: 0 20px;
}

.exchange_rate>div span.up {
    padding: 0;
    background: transparent;
}

.exchange_rate>div span.up:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #ec434b;
}

.exchange_rate>div span.circle {
    padding: 0;
    background: transparent;
}

.exchange_rate>div span.down {
    padding: 0;
    background: transparent;
}

.exchange_rate>div span.down:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #004eff;
}


.exchange_rate>div>div {
    margin: 15px 0;
}

/* 01 */

.sec_ten {
    padding: 0;
}

.master_wrap {
    position: relative;
}

.master_wrap .swiper-slide a span {
    display: block;
    width: 100%;
    height: 306px;
}

.master_wrap .swiper-button-prev, 
.master_wrap .swiper-button-next {
    color: #fff;
}

/* 02 */

.sec_sec {
    padding: 80px 0 0;
}

.sec_sec .main_top_item {
    background-color: #fff !important;
}

.sec_sec .main_top_item ul {
    max-width: 1380px;
    margin: 0 auto;
}

.sec_sec .main_top_item ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sec_sec .main_top_item ul li {
    flex: inherit;
    text-align: center;
}

.sec_sec .main_top_item ul li a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: #213867;
    width: 360px;
    height: 360px;
    border-radius: 20px;
    cursor: default;
}

.sec_sec .main_top_item ul li a img {
    display: block;
    width: 100px;
    margin: 0 auto 20px;
}

.sec_sec .main_top_item ul li a i {
    padding-top: 0;
    display: block;
}

.sec_sec .main_top_item ul li a strong {
    /* display: block; */
    font-size: 36px;
    color: #fff;
}

.sec_sec .main_top_item ul li a span {
    display: block;
    margin: 10px 0 0;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
}

/* 03 */

.sec_thr {
    margin: 80px 0 0;
    padding: 60px 0 80px;
    background: #000102 url(../img/main/thr_bg.png) no-repeat center / cover;
}

.sec_thr .lat_head {
    padding: 0 0 40px;
    color: #fff;
}

.sec_thr .wrap_box {
    display: flex;
    flex-wrap: wrap;
    width: 1340px;
    margin: 0 auto;
}

.sec_thr #wrap a {
    transition: all .3s ease;
}

.sec_thr .standing {
    flex: 1 1 40%;
    position: relative;
    width: 50%;
    height: 318px;
}

.sec_thr .standing .link_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: #fff; */
    opacity: 0;
    filter: alpha(opacity = 0);
    z-index: 10000000;
}

.sec_thr .hover1 {
    background: url(../img/main/bg_busi1.jpg) no-repeat center;
    background-size: cover;
}

.sec_thr .hover1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.sec_thr .hover1:hover::after {
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sec_thr .hover1:nth-child(2) {
    background: url(../img/main/bg_busi2.jpg) no-repeat center;
}

.sec_thr .hover1:nth-child(3) {
    background: url(../img/main/bg_busi3.jpg) no-repeat center;
}

.sec_thr .hover1:nth-child(4) {
    background: url(../img/main/bg_busi4.jpg) no-repeat center;
}

.sec_thr .con {
    position: relative;
    height: 100%;
    margin: 25px;
    border: 2px solid transparent;
    transition: all .3s ease;
}

.sec_thr .con .txt {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 1;
    z-index: 10000;
    transition: all .5s ease;
}

.sec_thr .hover1:hover .con .txt {
    top: 50%;
}

.sec_thr .hover1:hover .con .txt p {
    opacity: 1;
}

.sec_thr .con h2 {
    display: block;
    position: relative;
    color: #fff;
    font-size: 34px;
    font-weight: 600;
}

.sec_thr .con p {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    opacity: 0;
    transition: all .7s ease;
    margin-top: 15px;
}

/* 04 */

.sec_four .wrap_box {
    width: 1340px;
    margin: 0 auto;
    padding: 80px 0;
}

.comm .con {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.comm .con>div {
    width: 48.5%;
    transition: .3s ease;
}

.comm .con>div>div {
    border: 1px solid #f7f7f7;
    background: #fff;
}

.comm .con .bg1 {
    background: #1f3664;
}

.comm .con .bg2 {
    background: #3677b9;
}

.comm .con>div>div.left {
    width: 47%;
    float: left;
    min-height: 357px;
    overflow: hidden;
    z-index: 9
}

.comm .con>div>div.left:hover img {
    transform: scale(1.1);
    transition: all .3s ease
}

.comm .con>div>div.left img {
    transition: all .3s ease
}

.comm .con>div>div.right {
    position: relative;
    left: -1px;
    z-index: 10;
    width: 53%;
    float: left;
    min-height: 347px;
    border: 5px solid #f7f7f7;
    border-width: 5px 5px 5px 0;
}

.comm .con>div>div.left a {
    display: block;
    overflow: hidden;
}

.comm .con>div>div.left a .thumb {
    padding-bottom: 57%;
    height: auto !important;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.comm .con>div>div.left a .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.comm .con>div>div.left a img {
    width: 100%
}

.comm .con .nolist {
    position: relative;
    display: block;
    padding: 25%;
    text-align: center;
}

.comm .con .nolist h2 {
    color: #fff;
    font-size: 16px
}

.comm .con .left {
    position: relative;
}

.comm .con .left .subject {
    position: absolute;
    bottom: 0;
    padding: 30px;
    width: 100%;
    height: 173.5px;
}

.comm .con .left .subject h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comm .con .left .subject p {
    overflow: hidden;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    margin-top: 20px;
    line-height: 1.4em;
    height: 2.7em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.comm .con .right>div {
    position: relative;
    height: 173.5px;
    background: #fff;
}

.comm .con .right>div ul {
    margin: 10px 25px 16px;
}

.comm .con .right>div ul li {
    position: relative;
}

.comm .con .right>div ul li a::before {
    content: "- ";
}

.comm .con .right>div ul li a {
    line-height: 27px;
    color: #8d8d8d;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.comm .con .right>div ul li:hover a {
    text-decoration: underline !important;
}

.comm .con .right>div span {
    top: -4px;
    position: relative;
    color: #fff;
    font-size: 15px;
    padding: 8px 0;
    display: block;
    width: 90px;
    text-align: center;
}

.comm .con .right>div h2 {
    font-size: 16px;
    margin: 23px 33px 10px 33px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.comm .con .right>div:hover h2 {
    text-decoration: underline;
}

.comm .con .right>div p {
    font-size: 15px;
    color: #8d8d8d;
    margin: 0 33px 18px 33px;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 협력업체 */

.point_wrap {
    padding: 50px 0;
    background: #213867;
    color: #fff;
}

.point_wrap .bx-wrapper {
    max-width: 1380px !important;
    margin: 40px auto 0;
}

.point_wrap ul li {
    width: auto !important;
    padding: 0 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

/*********************************** ***********************************/

.h_section {
    display: block;
    position: relative;
    margin: 0 0 5px;
    padding: 0 0 25px 36px;
    font-size: 42px;
    font-weight: 600;
    color: #444;
    text-align: left;
    line-height: 40px;
}

.h_section:after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 40px;
    height: 40px;
    margin-left: -14px;
    background-color: #382dcf;
    border-radius: 50%;
}

.h_section.h_sec2 {
    display: inline-block;
    margin: 0 0 30px;
    padding: 0;
}

.h_section.h_sec2:after {
    height: 1px;
    top: inherit;
    left: 50%;
    bottom: -20px;
    background-color: #ccc;
}

.sub_txt {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    text-align: center;
}

.inner_cont {
    width: 100%;
    padding-top: 30px;
}

.inner_cont p {
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    letter-spacing: -0.4px;
}

.inner_cont .ani_txt {
    margin: 15px 0 0;
}

.inner_cont .ani_txt p + p {
    padding: 12px 0 0;
}

.mt50 {
    margin-top: 50px !important;
}

.h_t0 {
    display: block;
    position: relative;
    margin: 0 0 30px;
    font-size: 36px;
    color: #111;
    line-height: 32px
}

.h_t1 {
    display: block;
    position: relative;
    font-size: 26px;
    color: #444;
    line-height: 32px
}

.txt_t1 {
    margin: 10px 0 0;
    font-size: 15px;
    color: #333;
    line-height: 26px;
    letter-spacing: -0.8px
}

.flexs {
    display: flex;
    justify-content: space-between;
}

.flexs>div {
    width: 48%;
}

/* CEO 인사말 */

.cont_ceo .sign {
    padding: 0 0 10px;
    font-size: 24px;
    color: #000;
}

/* 본부소개 */

.cont_head .inner_cont img {
    width: 300px;
}

/* 조직도 */

.cont_organ .inner_cont img {
    max-width: 1024px;
}

/* 연혁 */

.cont_history img {
    max-width: 1200px;
}

.tab ul {
    display: table;
    width: 100%;
    margin: 30px 0 50px;
    border-collapse: collapse;
}

.tab ul li {
    display: table-cell;
    width: 20%;
    border: 1px solid #dedede;
    vertical-align: middle;
}

.tab ul li a {
    display: block;
    width: 100%;
    padding: 18px 0;
    font-size: 24px;
    font-weight: 700;
    color: #8f8f8f;
    text-align: center;
    transition: all 0.3s;
}

/* .tab li:hover, */
.tab li.selected {
    /* background: #001e3a; */
    background-color: #382dcf;
}

.tab li:hover a {}

.tab li.selected a {
    /* color: #fff; */
    text-decoration: none;
    color: #fff;
}

.unify {
    display: none;
}

.skms0 {
    display: block;
}

.unify ul li {
    margin: 0 0 30px;
}

.unify ul li strong.tit {
    display: block;
    padding: 0 0 15px 0;
    font-size: 22px;
}

.unify ul li p {
    font-size: 17px;
    color: #444;
    line-height: 1.4;
}

/* CI */

.cont_ci .flexs {
    align-items: center;
}

.cont_ci .flexs>div+div {
    /* border-left: 1px solid #ccc; */
}

.cont_ci .flexs>div+div img {
    width: 400px;
}

/* 사업소개 */

.cont_busi .flexs {
    justify-content: space-between;
}

.cont_busi .flexs>div {
    width: 30%;
}

/* */

.cont_busi1 .flexs {
    justify-content: space-between;
}

.cont_busi1 .flexs>div {
    width: 30%;
}

/* 제품소개 */

.cont_prod .flexs {
    flex-direction: column;
}

.cont_prod .flexs>div {
    width: 100%;
    margin: 0 0 30px;
}

.cont_prod .flexs .inner_cont {
    display: flex;
    align-items: center;
}

.cont_prod .flexs .inner_cont>div {
    width: 40%;
}

.cont_prod .flexs .inner_cont>div+div {
    width: 60%;
}

.cont_prod2 .flexs .inner_cont {
    flex-direction: row-reverse;
}

/* 고객지원 */

.tribe-bar-disabled {
    float: none;
    position: relative;
    z-index: 1000;
    width: 120px;
    padding: 0;
}

.tribe-bar-disabled+.tribe-bar-disabled {
    margin: 0 0 0 20px;
}

.view_area {
    width: 120px;
}

.view_area #menu-btn,
.view_area #lang-btn {
    position: relative;
    padding: 10px 0 10px 22px;
    text-align: left;
}

.view_area #menu-btn:after,
.view_area #lang-btn:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.view_area .on#menu-btn:after,
.view_area .on#lang-btn:after {
    margin-top: 0px;
    transform: rotate(225deg);
}

.event_area {
    position: absolute;
    left: 100px;
    top: 30px;
    width: 100px;
}

#menu-btn,
#lang-btn {
    background: #213867;
    margin: 0;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}

ul.list-group {
    background: #213867;
    border-radius: 0 0 3px 3px;
    display: none;
    left: 0;
    margin: 0;
    padding: 5px 0 0;
    position: absolute;
    top: auto;
    width: 100%;
    z-index: 2;
}

.lang-group {
    flex-direction: column;
    display: none;
    left: 0;
    margin: 0;
    padding: 5px 0 0;
    position: absolute;
    top: auto;
    width: 240px;
    z-index: 2;
    background: #fff;
}

.lang-group .cal {
    padding: 10px 0;
    display: flex;
    justify-content: space-around;
    border: 1px solid #f1f1f1;
}

ul.list-group,
ul.lang-group {
    display: none;
}

ul.list-group.visible {
    display: block;
}

.lang-group.visible {
    display: flex;
}

ul.list-group li {
    text-align: center;
    padding: 10px 0;
}

ul.list-group li a {
    color: #fff;
}

/* 유가정보 */

.cont_oil .lat_head .lat_title {
    font-size: 30px;
}

.cont_oil .tb_top {
    padding: 15px 0;
    background: #f9f9f9;
    justify-content: center;
}

/* 채용확인 */

.cont_job_check select {
    width: 100%;
    height: 52px;
    font-size: 16px;
}

.cont_job_check input[type="radio"] {
    width: 20px;
    height: 20px;
}

/* 뉴스 게시판 */

#bo_list_total {
    display: none;
}

#bo_gall .gall_img {
    border: 0;
}

#bo_gall .gall_text_href a {
    text-align: left;
}

#bo_gall .gall_tit {
    font-weight: 600;
}

#bo_gall .bo_cnt {
    font-size: 18px;
}

#bo_gall .gall_text_href .more {
    border-radius: 30px;
}

/* 채용정보 */

.cont_jobs1 .flexs {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.cont_jobs1 .flexs>div {
    width: 33.3%;
    text-align: center;
}

/* --- 과외신청 */

.cost_list+.cost_list {
    margin: 50px 0 0;
}

.cost_list {
    width: 100%;
    margin: 10px 0;
    border-top: 1px solid #d2d2d2;
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 100%;
    table-layout: fixed;
}

.cost_list th,
.cost_list td {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #d2d2d2;
    border-top: none;
    vertical-align: middle;
    line-height: 1.5em;
}

.cost_list thead th {
    font-size: 18px;
    font-weight: 500;
}

.cost_list thead th:first-child {
    border-left: 1px solid #d2d2d2;
}

.cost_list thead th:last-child {
    border-right: 1px solid #d2d2d2;
}

.cost_list tbody td {
    font-size: 14px;
}

/* */

.intro_bg img {
    width: 100%;
}

/* 과외 신청하기 */

.flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 52px;
    background-color: #e4e4e4;
    border-radius: 8px;
}

.flex+.flex {
    margin: 10px 0 0;
}

.flex.auto {
    height: auto;
}

.flex.tran {
    background-color: transparent;
}

.flex p.memo {
    font-size: 16px;
}

.sCate {
    display: inline-block;
    padding: 10px 30px;
    background: #21242d;
    font-size: 20px;
    color: #fff;
    border-radius: 20px
}

.wrap_radio {
    margin: 0 20px 0 0;
    font-size: 20px;
}

.wrap_radio label {
    font-size: 16px;
}

.inputBox {
    width: 100%;
    padding: 13.5px;
    border: 1px solid #e4e4e4;
    background-color: #e4e4e4;
    font-size: 16px;
    border-radius: 8px;
}

.textareaBox {
    width: 100%;
    padding: 14px;
    border: 1px solid #e4e4e4;
    background-color: #e4e4e4;
    font-size: 20px;
    border-radius: 8px;
}

.inputBox.w80 {
    width: 80%;
}

.inputBox button {
    padding: .7em 1.2em;
    border: 2px solid;
    border-radius: 8px;
}

.btn-box {
    text-align: center;
}

.btn-box a {
    display: block;
    width: 150px;
    padding: 16px 20px;
    background: #213867;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    border-radius: 30px;
}

.btn-box.page a {
    display: inline-block;
    width: 190px;
    background: #382dcf;
}


.btn-box button {
    width: 100%;
    padding: 16px 0;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    border-radius: 40px;
}

.bo_fx ul li {
    width: 200px;
}

#bo_list .bo_tit .new_icon {
    display: none;
}

.bo_tit i.secret {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 6px 20px;
    background: #21242d;
    font-size: 14px;
    color: #fff;
    border-radius: 20px;
    font-style: normal;
}

.btn-box a.board {
    display: inline-block;
    width: 140px;
    margin: 30px 0 0;
    padding: 14px 0;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    border-radius: 40px;
}

.btn-box button+button {
    margin-left: 20px;
    border: 2px solid #000;
    background: #fff;
    color: #000;
}

.btn-box button {
    width: 200px;
}

.a_c {
    text-align: center !important;
}

.a_l {
    text-align: left !important;
}

.a_r {
    text-align: right !important;
}

.btn-box.a_r {
    justify-content: flex-end;
}

.basic_table {
    /* table-layout: fixed; */
    width: 100%;
    margin: 10px 0;
    /* border-top: 3px solid gray; */
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 100%;
}

.basic_table caption {
    position: absolute;
    top: -500%;
    left: -500%
}

.basic_table th,
.basic_table td {
    padding: 10px;
    vertical-align: middle;
    line-height: 1.5em
}

.basic_table tbody th {
    font-size: 20px;
    font-weight: 500;
    color: #444;
    vertical-align: top;
}

.basic_table tbody th span {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.basic_table tbody td {
    color: #555;
}

.basic_table tbody td .flex button {
    padding: 16.5px 0;
    background: #000;
    font-size: 16px;
    color: #fff;
    border-radius: 10px;
}

/* */

.tb_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 30px 0 20px;
}

.tb_top+.tb_top {
    justify-content: flex-start;
    align-items: flex-start;
}

.input_row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow: hidden;
    position: relative;
    width: 100%;
    vertical-align: middle;
}

.tb_top.new_top .search {
    width: 85%;
}

.tb_top.new_top .search .input_row > div {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.input_search input {
    display: block;
    width: 200px;
    height: 45px;
    padding: 0 2rem 0 4rem;
    /* background: url(../images/common/icon_ipt_search.png) 1rem 50% no-repeat; */
}

.input_row input {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px;
    appearance: none;
    border-radius: 0;
}

#s_date_1,
#s_date_2 {
    background: #fff url(../img/page/ico_calendar.png) no-repeat right 8px bottom 50%;
    background-size: 24px 24px;
}

.input_search a {
    display: block;
    width: 140px;
    height: 45px;
    background: #222;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

/* */

.basic_list {
    width: 100%;
    margin: 15px 0;
    border-top: 1px solid #d2d2d2;
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 100%;
    table-layout: fixed;
}

.basic_list th,
.basic_list td {
    text-align: center;
    padding: 13px 30px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    border-top: none;
    vertical-align: middle;
    line-height: 1.5em;
}

.basic_list th:last-child,
.basic_list td:last-child {
    border-right: 1px solid #222;
}

.basic_list thead th {
    background: #f3f3f3;
    font-size: 16px;
    font-weight: 500;
    border-top: 1px solid #222;
    border-left: 1px solid #222;
}

.basic_list thead th:last-child {
    border-right: 1px solid #222;
}

.basic_list._table2 thead th {
    background: #fff;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    border-left: 0;
}

.basic_list._table2 thead th:last-child {
    border-right: 0;
}

.basic_list._table2 th,
.basic_list._table2 td {
    border-left: 0;
    border-bottom: 0;
    background: #f7f7f7;
}

.basic_list._table2 th:last-child,
.basic_list._table2 td:last-child {
    border-right: 0;
}

.basic_list tbody td {
    font-size: 14px;
}

/* IE */

.select {
    width: 150px;
    height: 45px;
    -webkit-appearance: none;
    background: #fff url(../img/page/arrow-icon_bottom.png) no-repeat right 10px bottom 50%;
    padding: 10px 30px 10px 10px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    outline: 0 none;
}

.select option {
    background: black;
    color: #fff;
    padding: 3px 0;
}

.pagination {
    display: inline-block;
    width: 100%;
    margin: 30px auto 0;
    text-align: center;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.pagination .page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #666;
    font-weight: 500;
    border-radius: 50%;
}

.pagination .page-item.active .page-link {
    color: #fff;
    background: #213867 !important;
    border-color: #213867;
}

/* 게시판 커스터마이징 */

.tbl_head01 thead th {
    font-size: 18px;
    font-weight: 500;
}

.bo_tit {
    text-align: left;
    font-weight: normal;
}

.tbl_head01 thead th:first-child {
    border-left: 1px solid #ececec;
}

.tbl_head01 thead th:last-child {
    border-right: 1px solid #ececec;
}

#bo_list tbody .even td {
    background: transparent;
}

#bo_list .td_name {
    text-align: center;
}

#bo_list tbody tr:hover {
    border-left: 2px solid transparent;
}

/* */

/* 움직이는 텍스트 (more 버튼) */

.more_btn {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 999;
    margin-left: -60.5px;
    width: 122px;
    height: 45px;
    font-size: 0;
    background: url(../img/main/scroll_down.png) no-repeat center;
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes floating {
	0% {transform:translateY(0%)}
	50% {transform:translateY(10%)}
	100% {transform:translateY(0%)}
}

@-webkit-keyframes floating {
	0% {-webkit-transform:translateY(0%)}
	50% {-webkit-transform:translateY(10%)}
	100% {-webkit-transform:translateY(0%)}
}


/* */

/* map */
#canvas {position:relative;/* float:left;  width: 49%; height:500px; margin:  */}
#south {height:400px; /* width: 50%; */ margin: 40px auto 0; text-align: center;}

div.loc_div{ display: none !important; position: absolute; height:22px; background-color:#000; color:#fff; padding:2px 5px; text-align:center;}

/* loc_01~17 서울1, 부산2, 대구3, 인천4, 광주5, 대전6, 울산7, 세종8, 경기9, 강원10, 충북11, 충남12, 전북13, 전남14, 경북15, 경남16, 제주17 */
/* 시도명 나오는 부분 위치 조절 */
#loc_01{ left:199px; top:104px; }
#loc_02{ left:416px; top:345px; }
#loc_03{ left:326px; top:270px; }
#loc_04{ left:166px; top:111px; }
#loc_05{ left:	60px; top:260px; }
#loc_06{ left:197px; top:219px; }
#loc_07{ left:426px; top:310px; }
#loc_08{ left:175px; top:183px; }
#loc_09{ left:209px; top:97px; }
#loc_10{ left:281px; top:45px; }
#loc_11{ left:274px; top:159px; }
#loc_12{ left:161px; top:171px; }
#loc_13{ left:60px; top:285px; }
#loc_14{ left:188px; top:340px; }
#loc_15{ left:342px; top:222px; }
#loc_16{ left:301px; top:330px; }
#loc_17{ left:172px; top:440px; }

fieldset .btn_submit{
	height: 50px;
    line-height: 30px;
    width: 115px;
    text-align: center;
    background-color: #222;
    color: #fff;
    margin-left: 6px;
    vertical-align: middle;
	background: #000000 !important;
    border: 1px solid #000000 !important;
}
.frm_input  { width: 72%; height: 50px; }
select { height: 50px; border: 1px solid #ddd;}

#map_right_wrapper{float:left; margin-left:10px; width:50%; border: 1px solid #ddd;padding: 20px;border-radius: 5px;height: 570px;}
.map_right_title1 {margin:20px 0 7px 0;}
.map_right_title2 {margin:30px 0 7px 0;}

#bo_sch {margin-bottom:10px;padding-top:5px;} 
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left; margin:12px 0 3px 0; width: 20%;}
#bo_cate a {display:block;position:relative;margin-left:0px;padding:25px 0 25px;width:138px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#333;color:#fff;font-weight:bold}

.td_branch_img {} 
.td_subject { width:120px; }
.td_branch_name {width:100px; text-align:center;}
.td_branch_addr{width:260px;}

/* 게시글 보기 */
#bo_v_info{margin-bottom:10px;}

#bo_v_img_branch {float:left; margin:0 10px 10px 0;overflow:hidden;zoom:1}
#bo_v_img_branch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img_branch img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con_branch {float:left; margin:0; padding:0; list-style:none; width:70%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con_branch li span.con_branch_title{display:inline-block; width:60px;}
#bo_v_con_branch a {color:#000;text-decoration:underline}
#bo_v_con_branch img {max-width:100%;height:auto}


@media (max-width: 969px){
#loc_15 {left: 310px;}
#loc_02 {left: 296px;}
#loc_07 {left: 300px;}

}

/* */

#faq_wrap {margin:10px 0 30px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative;font-size:18px;font-weight:500;}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}
#faq_wrap li h3.faq_li_open a {color:#3a8afd}

#faq_con .con_inner {display:none;padding:5px 5px 20px 50px}
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em}

/* */

.tb_box {
    margin: 20px 0 0;
    border-top: 1px solid #e8e8e8;
}

.tb_box .tb_row.row_body {
    border-bottom: 1px solid #e8e8e8;
}

.tb_box .tb_row {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px 0;
}

.tb_box .tb_row.row_body > div {
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 400;
    color: #333;
}

.tb_box .tb_row .num {
    width: 10%;
}

.tb_box .tb_row .tit {
    width: 70%;
    text-align: left;
}

.tb_box .tb_row.row_body .tit a {
    display: block;
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
}

.tb_box.jb_box .tb_row.row_body .tit a {
    text-overflow: unset;
    white-space: unset;
}

.tb_box.jb_box .tb_row.row_body p {
    height: 30px;
    padding: 5px 0 0;
    font-size: 15px;
    font-weight: 400;
    color: #777;
    line-height: 30px;
}

.tb_box .tb_row.row_body em {
    padding: 0 0 0 20px;
    display: inline-block;
    font-style: normal;
    color: #e10000;
}

.tb_box .tb_row .date {
    width: 20%;
    text-align: right;
}

.tb_box .tb_row .num span {
    padding: 10px 20px;
    background: #223867;
    color: #fff;
    border-radius: 30px;
}

.tb_box .tb_row .date span.ready {
    padding: 10px 20px;
    background: #223867;
    color: #fff;
    border-radius: 30px;
}

.tb_box .tb_row > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* 미디어쿼리 */

@media all and (max-width: 800px) {

    colgroup {
        display: none;
    }

    .mTable caption {
        font-size: 1.3em;
    }

    .mTable {
        border: 0;
    }

    .mTable thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .mTable th {
        display: block;
    }

    .mTable tr {
        border-top: 1px solid gray;
        border-bottom: 1px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    .mTable td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    .mTable td::before {
        content: attr(data-label);
        /*data-label을 가상요소 표출*/
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .mTable td:last-child {
        border-bottom: 0;
    }

    .basic_list th,
    .basic_list td {
        border-left: 0;
    }

    .basic_list th:last-child,
    .basic_list td:last-child {
        border-right: 0;
    }


}

@media all and (max-width: 1780px) {

    /* 1 */

    #main_top_box3 .main_top_item ul li {
        flex: inherit;
        width: 1080px;
        margin: 0 auto;
        padding: 20px;
    }

    #main_top_box3 .main_top_item ul li+li {
        width: 1080px;
        margin: 20px auto 0;
    }

    .table_type1 {
        width: 100%;
    }

}

@media all and (max-width: 1380px) {

    /* 1 */

    #main_top_box3 .main_top_item ul li {
        width: 100%;
        padding: 20px 10px;
    }

    #main_top_box3 .flex_non {
        flex-wrap: wrap;
        justify-content: center;
    }

    #main_top_box3 .main_top_item ul li+li {
        width: 100%;
    }

    /* 2 */

    .sec_sec .main_top_item ul li {
        width: 100%;
        margin: 10px 0;
    }

    .sec_sec .main_top_item ul li a {
        margin: 0 auto;
    }

    /* 3 */

    .sec_thr .wrap_box {
        width: 100%;
        padding: 0 20px;
    }

    .sec_thr .standing {
        flex: 1 1 100%;
        width: 100%;
        margin: 10px 0;
    }

    /* 4 */

    .sec_four .wrap_box {
        width: 100%;
        padding: 30px 20px;
    }

    .comm .con {
        flex-wrap: wrap;
    }

    .comm .con>div {
        width: 100%;
    }

    .comm .con>div.news {
        width: 100%;
        margin: 0 0 20px 0 !important;
    }

    .comm .con .right>div span.bg2 {
        top: 4px;
    }

    /* 협력업체 소개 ~~ */

    .lat_head .lat_title {
        font-size: 28px;
    }

}

@media all and (max-width: 1200px) {

    .sec_inner {
        padding: 70px 0 0;
    }

    #bo_list,
    #bo_v,
    #bo_w,
    #bo_gall {
        padding: 70px 0;
    }

    /* main */

    .main_ban_conainer .txt {
        font-size: 30px;
    }
    
    .main_ban_conainer .desc {
        font-size: 20px;
        text-align: center;
    }

    .master_wrap .swiper-slide img {
        width: 100%;
    }
    
    /* page */

    .content {
        margin: 0 auto;
        padding: 0 10px;
    }

    .h_section {
        font-size: 28px;
    }

    .h_section:after {
        top: 5px;
        left: 0;
        width: 30px;
        height: 30px;
        margin-left: -4px;
    }

    .inner_cont {
        padding-top: 10px;
    }

    .inner_cont p {
        font-size: 13px;
    }

    /* CEO 인사말 */

    .cont_ceo .sign {
        font-size: 18px;
    }

    /* 본부소개 */

    .cont_busi .flexs {
        flex-wrap: wrap;
    }

    .cont_busi .flexs>div {
        width: 100%;
        margin: 10px 0;
    }

    /* 조직도 */

    .cont_organ .inner_cont img {
        max-width: 100%;
    }

    /* 연혁 */

    .tab ul {
        margin: 10px 0 30px;
    }

    .tab ul li a {
        padding: 10px 0;
        font-size: 16px;
    }

    .unify ul li p {
        font-size: 14px;
    }

    .cont_history img {
        max-width: 100%;
    }

    /* CI소개 */

    .cont_ci .flexs {
        flex-wrap: wrap;
    }

    .cont_ci .flexs > div {
        width: 100%;
    }

    .cont_ci .flexs>div+div {
        margin: 15px 0 0;
        border-left: 0;
    }

    /* 사업소개 */

    .h_t0 {
        font-size: 28px;
        margin: 0 0 10px;
    }

    .h_t1 {
        font-size: 18px;
    }

    .btn-box.page a {
        font-size: 16px;
    }

    .cont_prod .flexs>div {
        margin: 0 0 50px;
    }

    .cont_prod .flexs .inner_cont {
        flex-wrap: wrap;
    }

    .cont_prod .flexs .inner_cont>div,
    .cont_prod .flexs .inner_cont>div+div {
        width: 100%;
    }

    .cont_prod .flexs .inner_cont>div+div {
        margin: 25px 0 0;
    }

    .cont_prod .flexs .inner_cont>div.a_l,
    .cont_prod .flexs .inner_cont>div.a_r {
        text-align: center !important;
    }

    .flexs {
        flex-wrap: wrap;
    }

    .flexs>div {
        width: 100%;
    }

    .flexs>div .a_l {
        text-align: center !important;
    }

    /* 신규사업 */

    .cont_busi1 .flexs>div {
        width: 100%;
    }

    /* 제품소개 */

    .h_t1.a_r {
        text-align: left !important;
    }

    /* 거래내역확인 */

    .tb_top {
        flex-direction: column-reverse;
    }

    .tb_top .btn-box {
        width: 100%;
        margin: 0 0 10px;
        text-align: right;
    }

    .tb_top .btn-box a {
        display: inline-block;
        width: 120px;
        font-size: 14px;
    }

    .tb_top.new_top .search {
        width: 100%;
    }

    .tb_top.new_top .search .input_row {
        flex-direction: column;
        font-size: 14px;
    }

    .tb_top.new_top .search .input_row > div {
        width: 100%;
        margin: 0 0 10px;
    }

    .select,
    .input_row input {
        font-size: 12px;
    }

    /* 복리후생 */

    .cont_jobs1 .flexs>div {
        width: 50%;
    }

    /* 채용공고 */

    .tb_box .tb_row.row_body {
        padding: 15px 0;
    }

    .tb_box .tb_row.row_body .num {
        display: block;
        width: 100%;
        font-size: 14px;
        text-align: left;
    }

    .tb_box .tb_row.row_body .tit {
        display: block;
        width: 100%;
    }

    .tb_box .tb_row.row_body .tit a {
        font-size: 16px;
    }

    .tb_box .tb_row.row_body .date {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        text-align: left;
    }

}

@media all and (max-width: 768px) {

    /* */
    #banner_wrap,
    #banner_wrap .swiper-slide {
        height: 100svh;
    }

    #video_area {
        height: 100svh;
    }

    #background_video {
        height: 100svh;
    }

    .main_ban_conainer .ban_group{
        height: 100svh;
    }

    .sec_thr .con h2 {
        font-size: 26px;
    }

    .sec_thr .con p {
        font-size: 15px;
    }

    /* 1 */

    .table_type1 {
        width: 100%;
    }

    .table_type1 table,
    .table_type1 th,
    .table_type1 td {
        font-size: 12px;
    }

    .exchange_rate>div {
        width: 100%;
    }

    #main_top_box3 .main_top_item ul .news_latest ul li {
        width: 100%;
    }

    /* 4 */

    .comm .con>div>div.left,
    .comm .con>div>div.right {
        width: 100%;
        left: 0;
        border: 5px solid #f7f7f7;
    }

    .comm .con .right>div span.bg1, 
    .comm .con .right>div span.bg2 {
        top: -10px;
    }

    /* 복리후생 */

    .cont_jobs1 .flexs>div {
        width: 100%;
    }

    /* */

    .select {
        width: auto;
    }

    .select.mr2 {
        margin: 0;
    }

    #s_key.select.mr2 {
        margin-right: 2%;
    }

    #s_date_2 {
        margin: 0;
    }

    .select, 
    .input_row input {
        font-size: 10px;
    }

}