@charset "UTF-8";
.wrap{min-height: auto;}
.container-xl, .container-lg, .container-md, .container-sm, .container{max-width: 1300px;}
/* .sub_pg .container{max-width: 1320px; padding: 0 2rem;} */
.region_logo{display: block;}
.region_logo img{max-width: 470px; width: 100%; max-height: 65px;}
.hd_pc{padding-bottom: 0; box-shadow: none;}
.hd_pc .container{max-width: 100%; padding-left: 0; padding-right: 0;}
.hd_pc_t_wrap{max-width: 1340px; margin: auto; padding-right: 2rem; padding-left: 2rem;}

.region_login .go_corp{font-size: 1.4rem; font-weight: 600; color: #000; position: relative;}
/* .region_login .go_corp::before{position: absolute; content: ""; background: url('../img/region/region_cor.png') no-repeat center center; width: 11px; height: 11px; right: 0; top: 50%; transform: translateY(-50%); background-size: cover;}  */
.region_login .go_corp img{height: 1.8rem; margin-right: 0.5rem;}

.region_login .before_login a{font-size: 1.4rem;}
.region_login .before_login a:first-child{margin-right: 1rem; padding-right: 1rem; border-right: 1px solid;}

.region_login .after_login .profile_circle_box{background-color: #eff0f1;}

.region_menu{background: #0d3473; padding: 0 2rem;}
.region_menu .h_menu_wr{max-width: 1300px; margin: auto; line-height: 64px;} 
.hd_pc .nav_ul .nav_li{margin-right: 4rem; padding-right: 4rem; position: relative;}
.hd_pc .nav_ul .nav_li::before{position: absolute; content: ""; width: 1px; height: 15px; background: rgba(255,255,255,0.38); right: 0; top: 50%; transform: translateY(-50%);}
.hd_pc .nav_ul .nav_li:last-child::before{display: none;}

.hd_pc .nav_ul .nav_li > a{color: rgba(255,255,255,0.9) !important; position: relative; font-size: 1.8rem; margin: 0; padding: 0; display: block;}

.hd_pc .nav_ul .nav_li:hover>a::after{display: none;}

.hd_pc .nav_ul .nav_li > a.active{font-weight: 800; color: #fff !important;}
/* .hd_pc .nav_ul .nav_li > a.active::before{background: #0d3473; content: ""; position: absolute; width: 13px; height: 13px; border-radius: 5rem; bottom: -6px; border: 3px solid #fff; left: 40%;} */


.reg_btn .btn-sm{background: #122440; border-radius: 5rem; padding: 0.7rem 1.3rem; height: auto; font-size: 1.4rem;}
 
.re_img_wrap{background: #e6ecf6;}
.re_img{max-width: 1300px; height: 430px;}
.re_img_mb{display: none;}
.re_img img{height: 100%;}


.re_img_gb{max-width: 100%;}
.re_img_gb img{object-fit: cover;}

.nav_li a[target="_blank"] span {padding-right:20px; position: relative;}
.nav_li a[target="_blank"] span::before{position: absolute; content: ""; background:url('/img/ic_new_window_w.png') no-repeat; width: 15px; height: 15px; right: 0; top: 50%; transform: translateY(-50%); background-size: cover;}


/* .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{padding-right: 0;} */


@media (max-width: 1299px) {
    .hd_mo{display: block; box-shadow: none; height: 7.4rem !important; width: auto; right: 0; left: inherit; padding-right: 1rem; position: absolute;}
    .hd_mo .main_search.mb{display: none;}
    .hd_mo{background: transparent;}
    .hd_mo > div{justify-content: flex-end !important;}
    .hd_mo > div > .flex-shrink-0{display: none;}

    .hd_pc_t_wrap{padding: 0; height: 7.4rem;}
    .region_logo{margin-left: 1rem;}
    .hd_pc_t_wrap .hd_pc_t.region_login{display: none !important;}
    .reg_btn .btn-sm{display: none;}
}

@media (max-width: 1199.98px) {
  .container-sm, .hd_pc .container {padding-right: 0 !important; padding-left: 0 !important;}
  .re_img{height: auto;}
}

@media (max-width: 991.98px){
  .wrap{padding-top: 110px;}
  .sub_pg{padding-top: 4rem !important;}
    .hd_pc{display: block; position: fixed; top: 0; }
    .region_logo img{max-width: 400px;}
    .region_menu{padding: 0; background: #fff; border-top: 1px solid #f2f2f2;}
    .region_menu .h_menu_wr{overflow-y: hidden; overflow-x: auto; line-height: 42px; border-bottom: 1px solid #0d3473;}
    /* .region_menu .h_menu_wr > div{border-bottom: 1px solid #0d3473;} */
    .hd_pc .nav_ul .nav_li{padding-right: 0; margin-right: 0;}
    .hd_pc .nav_ul .nav_li > a{font-size: 1.6rem; color: #000 !important; padding: 0 3rem;}
    .hd_pc .nav_ul .nav_li > a.active{background: #0d3473; color: #fff !important;}
    .hd_pc .nav_ul .nav_li > a.active::before{display: none;}
    .hd_pc .nav_ul .nav_li > a::after{position: absolute; content: ""; width: 1px; height: 13px; background: #ddd; right: 0; top: 50%; transform: translateY(-50%);}
    .hd_pc .nav_ul .nav_li:last-child > a::after,
    .hd_pc .nav_ul .nav_li > a.active::after{display: none;}

    .nav_li a[target="_blank"] span::before{background-image: url('/img/ic_new_window.svg');}
    
    .hd_mo{position: fixed; top: 0;}

    .re_img_gb{height: 200px;}
    .re_img_gb img{object-fit: cover;}

    .container:has(.sch_box){padding: 0 1.6rem;}
}

@media (max-width: 700px){
    .wrap{padding-top: 97px;}
    .re_img_pc{display: none;}
    .re_img_mb{display: block;}
    .hd_pc_t_wrap{height: 6rem;}
    .region_logo img{max-width: 320px;}
    .hd_mo{height: 6rem !important;}
}

@media (max-width: 417px){
      .wrap{padding-top: 90px;}
    .region_logo img{max-width: 250px;}
    .region_menu .h_menu_wr{line-height: 36px;}
    .hd_pc .nav_ul .nav_li > a{padding: 0 2rem; font-size: 1.5rem;}
}
@media (max-width: 358px){
    .region_logo img{max-width: 200px;}
}

/* 커뮤니티 */
.topic_sect .bnr_slide.swiper-container img{width: 100%;}

.mo_commu_tab{display: flex; border-radius: 1rem 1rem 0 0;}
.community_pg .sch_box{border-radius: 0 0 1rem 1rem;}


/* 참여기업 */
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

.sub_tit{width: 100%; min-height: 213px; background: linear-gradient(90deg, #465887, #586fa8); border-radius: 1.4rem; padding: 3.5rem 5rem; position: relative; color: #fff; margin-bottom: 5.3rem; overflow: hidden;}
.sub_tit::before{position: absolute; content: ""; width: 496px; height: 196px; right: 0; bottom: 0; background: url('../img/region/com/com_bg1.png') no-repeat right bottom;}
.sub_tit h2{font-family: 'Paperlogy-6SemiBold'; font-size: 3.2rem;}
.sub_tit p{font-family: 'Paperlogy-4Regular'; font-size: 2rem; margin-bottom: 1.6rem;}

.com_tab{display: flex; gap: 1rem; margin-top: 3rem;}
.com_tab li a{display: block; font-size: 1.7rem; color: #fff; border: 1px solid rgba(255,255,255,0.7); border-radius: 5rem; padding: 1rem 1.7rem;}
.com_tab li.on a{color: #3e5287; font-weight: 700; background: #fff;}
.com_group_box{padding-bottom: 10rem; counter-reset: section; line-height: normal;}
.com_group_box h3{font-family: 'Paperlogy-7Bold'; font-size: 2.5rem; color: #1e2430; margin-bottom: 2.5rem;}
.com01_intro{background: #fff;border-radius: 1.4rem;box-shadow: 8px 7px 10px rgba(0, 0, 0, 0.05);display: flex;align-items: center;padding: 3.3rem 3rem;margin-bottom: 7rem;}
.com01_intro .txt{width: 80%;font-size: 1.7rem;color: #38393e;line-height: 1.3;padding: 0 7rem;}
.com01_intro .txt span{display: block;margin-top: 2rem;}
.com01_intro .img{width: 20%;text-align: center;}
.com01_intro img{max-width: 210px;}

.cont_flex{display: flex; justify-content: space-between; border-top: 1px solid #d9dadc; padding-top: 3.5rem; position: relative;}
.cont_flex::before{position: absolute; content: ""; width: 23rem; height: 1px; top: 0; left: 0; background: #204177;}
.cont_box{width: calc(100% - 33rem);}
.cont_item{display: flex; justify-content: space-between; margin-bottom: 3rem;}

.cont_flex h4{font-family: 'Paperlogy-7Bold'; color: #204177; font-size: 2rem; width: 23rem; position: relative; z-index: 1;}
.cont_flex h4::before{position: absolute; counter-increment: section; counter-increment: section; content:  "0" counter(section); font-weight: bold; color: #204177; font-size: 11rem; z-index: -1; top: -37px; right: 0; opacity: 0.03;}
.cont_flex h5{font-family: 'Paperlogy-7Bold'; font-size: 2rem;}
.cont_item > div{width: 470px;}
.cont_item > div h5{margin-bottom: 2rem;}

.com_list_01 > li{font-size: 1.7rem; margin: 1rem 0; position: relative; padding-left: 1.5rem; line-height: normal;}
.com_list_01 > li::before{position: absolute; content: "▶"; color: #204177; font-size: 0.8rem; left: 0; top: 0.4rem;}

.com_list_img img{height: 30px; position: relative; top: -3px;}
.com_list_img2 img{height: 20px; position: relative; top: -2px;}

.com_list_02 {margin-top: 1rem;}
.com_list_02 > li{font-size: 1.6rem; margin: 1rem 0; position: relative; padding-left: 1.5rem;}
.com_list_02 > li::before{position: absolute; content: ""; color: #7a8cb9; left: 0; top: 0.6rem; background: #7a8cb9; width: 4px; height: 4px;}

.cont_item > p img{border-radius: 1.4rem;}

.caution_box{background: #fff; padding: 2rem; margin-bottom: 3rem; border-radius: 1.4rem; color: #c91e1e; border: 1px solid #cd8888;}
.caution_box span{display: inline-block; background: #c91e1e; color: #fff; font-weight: 600; margin-right: 0.5rem; padding: 0.5rem 1rem; font-size: 1.4rem; border-radius: 5rem;}

.cont_item2 > .com_list_01{display: flex; justify-content: center; padding: 1.5rem 2rem; border-radius: 1.4rem; background: #fff; gap: 3rem; margin-bottom: 12rem; border: 2px dashed #d5d5d5; font-weight: 500; position: relative;}
.cont_item2 > .com_list_01::before{content: ''; position: absolute; top: 9rem; left: 50%; transform: translateX(-50%); width: 85%; height: 6rem; background: linear-gradient(to bottom, transparent, #cfdeee); clip-path: polygon(0 0, 100% 0, 50% 100%);}


.cont_item2_1, .cont_item2_2{display: flex; justify-content: space-between;}
.cont_item2_1 > li{width: 30%; text-align: center;}

.cont_item2_1 .item2 > li:first-child{min-height: 8rem;display: flex;align-items: center;background: #fff;border-radius: 5rem;width: 100%;position: relative;justify-content: center;padding: 3rem 2rem 2rem 2rem;border: 1px dashed #204177;margin-bottom: 1.2rem;}
.cont_item2_1 .item2 > li:first-child::before{position: absolute; content: ""; width: 1px; height: 1.5rem; left: 50%; transform: translateX(-50%); bottom: -1.5rem; border-right: 1px solid #204177;}
.cont_item2_1 .item2 > li:first-child span{position: absolute; top: -1.3rem; left: 50%; transform: translateX(-50%); background: #204177; display: block; padding: 1rem; color: #fff; border-radius: 5rem;}

.cont_item2_1 .item2 > li strong{font-weight: 500;}
.cont_item2_1 .item2 > li strong b{font-weight: 700; color: #204177;}

.cont_item2_1 .item2 .i_img{position: relative; z-index: 2;}
.cont_item2_1 .item2 .i_img img{border-radius: 1.4rem;}

.cont_item2_1{margin-bottom: 7rem;}

.cont_item2_2{position: relative;}
.cont_item2_2::before{position: absolute;content: "";width: 110%;height: 12rem;bottom: -2rem;background:#465887; left: 50%;transform: translateX(-50%);border-radius: 0;}
.cont_item2_2 > li{width: 22%; text-align: center; }

.cont_item2_2 .item3 > li strong{background: #fff; display: inline-block; color: #204177; border-radius: 5rem; padding: 0.6rem 1.5rem; margin-bottom: 1.4rem; position: relative; border: 1px solid #204177;}
.cont_item2_2 .item3 > li strong::before{position: absolute; content: ""; width: 1px; height: 1.5rem; left: 50%; transform: translateX(-50%); bottom: -1.5rem; border-right: 1px solid #204177;}

.cont_item2_2 .item3 .i2_img{position: relative; z-index: 2;}
.cont_item2_2 .item3 .i2_img img{border: 1px dashed #204177;border-radius: 1.4rem;background: #fff;padding: 1.2rem;}
.cont_item2_2 .item3 .i2_img span{display: block;margin-top: 2rem;color: #fff;}

/* 한국외국인다문화사회융합연구원 */
.com_group_box02 .com01_intro .com_list_02{margin-top: 2rem;}
.com_group_box02 .com01_intro .com_list_02 > li{margin: 0.6rem 0;}
.com_group_box02 .com01_intro .com_list_02 > li strong{color: #e35f25;}
.system-section {margin-bottom: 3rem;}

.flow-container{position: relative; display: flex; justify-content: space-between; gap: 7rem;}
.flow-container.arrow::before,
.flow-container.arrow::after{content: ""; position: absolute; width: 8px; height: 8px; border-right: 3px solid #b6b6b6; border-bottom: 3px solid #b6b6b6; left: calc(50% - 4px); top: 50%; transform: rotate(-45deg) translate(-50%, -50%);}
.flow-container.arrow::after{left: calc(50% + 4px);}        

.flow-box{margin-top: 2rem; flex: 1; background: #fff; border-radius: 20px; padding: 4rem; text-align: center; position: relative;}

.flow-header {background: #c91e1e; color: #fff; padding: 0.6rem 2rem; border-radius: 5rem; margin-bottom: 20px; font-size: 18px; font-weight: bold; position: absolute; left: -2rem; min-width: 90px;}
.flow-header.solution {background: #0847ac;}

        .phone-icon {
            width: 120px;
            height: 200px;
            background: white;
            border: 3px solid #333;
            border-radius: 15px;
            margin: 20px auto;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .phone-screen {
            width: 100%;
            height: 60%;
            background: #f0f0f0;
            border-radius: 5px;
            padding: 10px;
            font-size: 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }

        .phone-header {
            width: 50px;
            height: 5px;
            background: #333;
            border-radius: 3px;
            margin: 0 auto 10px;
        }

        .target-audience {
            margin-top: 20px;
            font-size: 18px;
            font-weight: bold;
            color: #333;
        }

.description {margin-top: 1rem; padding: 1.5rem; font-size: 1.6rem; color: #c91e1e; border: 1px dashed #c91e1e; border-radius: 1rem;}
.description > .com_list_02{text-align: left;}
.description > .com_list_02 li{margin: 0.4rem 0;}
.description > .com_list_02 li::before{left: 4px; top: 0.8rem; background: #c91e1e; width: 3px; height: 3px;}

        .education-content {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }

        .education-item {
            flex: 1;
            text-align: center;
            padding: 10px;
            border-right: 1px solid #ccc;
        }

        .education-item:last-child {
            border-right: none;
        }

        .education-item h4 {
            margin-bottom: 10px;
            color: #333;
        }

        .education-item p {
            font-size: 14px;
            color: #666;
        }

        .highlight {
            color: #ff6b35;
            font-weight: bold;
        }

        .down-arrow {
            font-size: 40px;
            color: #d8d8d9;
            text-align: center;
            margin: 1rem 0;
        }

        .problem-list {
            background: white;
            border-radius: 10px;
            padding: 15px;
            margin-top: 20px;
            text-align: left;
        }

        .problem-list h4 {
            margin-bottom: 15px;
            color: #333;
            border-bottom: 2px solid #333;
            padding-bottom: 5px;
        }

        .problem-item {
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
        }

        .problem-item::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #ff6b35;
        }

        .emergency-box {
            background: #fff3cd;
            border: 2px solid #ffeaa7;
            border-radius: 10px;
            padding: 15px;
            margin-top: 20px;
            text-align: center;
        }

        .emergency-title {
            font-size: 16px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        .emergency-content {
            color: #ff6b35;
            font-weight: bold;
            font-size: 18px;
        }

        .final-solution {
            background: #e3f2fd;
            border: 2px solid #90caf9;
            border-radius: 10px;
            padding: 20px;
            margin-top: 20px;
            text-align: center;
        }

        .final-solution h3 {
            color: #333;
            margin-bottom: 15px;
        }

        .final-solution .highlight {
            font-size: 20px;
        }


.edu_box_top span{display: inline-block; background: #fff3cd; border-radius: 1.4rem; padding: 1.5rem;border: 2px solid #ffeaa7; margin-bottom: 25px; position: relative;}
.edu_box_top span::before{position: absolute; content: ""; width: 1px; border-left: 1px solid #ddd; left: 50%; transform: translateX(-50%); bottom: -15px; height: 15px;}
.edu_box_top span::after{position: absolute; content: ""; width: 18.6rem; border-bottom: 1px solid #ddd; left: 50%; transform: translateX(-50%); bottom: -15px; height: 1px; }

.edu_box_top span b{display: block; margin-bottom: 0.5rem; font-size: 1.6rem;}
.edu_box_lst{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; position: relative;}     
/* .edu_box_lst::before, .edu_box_lst::after{position: absolute;content: "";border-left: 1px solid #ddd;width: 20rem;left: 9rem; top: -12px; height: 100%;} */
.edu_box_lst::before{position: absolute;content: "";border-left: 1px solid #ddd;width: 18.6rem;left: 50%; transform: translateX(-50%); top: -12px; height: 100%; border-right: 1px solid #ddd;}
.edu_box_lst::after{left: inherit; right: 9rem; border-right: 1px solid #ddd; border-left: none;}


.edu_box_lst > li{width: 47%; display: flex; align-items: center; justify-content: center; background: #e3f2fd; border-radius: 1.4rem; padding: 1rem 1.5rem; border: 1px solid #90caf9; position: relative; z-index: 1;}

.bot_box{margin-top: 2rem;font-size: 1.6rem;font-weight: 500;background: #f5f5f5;border-radius: 1rem;padding: 1.5rem;border: 1px solid #ddd;}
.bot_box span{display: block; color: #0847ac; font-size: 1.7rem; font-weight: 600; margin-top: 0.5rem;}

.flow-top{margin-top: 6rem;}
.flow-top span{ display: inline-block; background: #fff3cd; border-radius: 1.4rem; padding: 1.5rem; border: 2px solid #ffeaa7; position: relative; font-size: 1.6rem; font-weight: 500; line-height: 1.3;}


/* 다국어 스마트 안전교육 */
.system-intergartion{margin-top: 6rem; padding-top: 4rem; border-top: 1px solid #d9dadc;}
.system-list{margin-top: 2rem;}
.sy_top{display: flex; gap: 20px; flex-wrap: wrap; list-style: none; margin-bottom: 11rem; position: relative;}
.sy_top::before, .sy_top::after{content: ""; position: absolute; bottom: -12rem; left: 15rem; width: 1px; height: 10rem; background-color: #cacaca; transform: rotate(-45deg); transform-origin: top left; opacity: 0.5; z-index: 1;}
.sy_top::after{left: inherit; right: 15rem; transform: rotate(45deg);}

.sy_top > li{flex: 1; min-width: 300px; border-radius: 1.4rem; padding: 0; background: #fff; box-shadow: 3px 3px 15px #eee;}

.sy_top > li > strong {display: block; background: rgba(255, 255, 255, 0.15); padding: 1.5rem; border-radius: 15px 15px 0 0; color: #fff; font-size: 1.7rem; font-weight: bold; text-align: center; margin-bottom: 0;}
.sy_top > li > strong b {font-size: 1.9rem; display: block; margin-bottom: 0.3rem;}


.sy_top > li > strong{background: #e35f25;}
.sy_top .com_list_01{padding: 2rem 2rem 2rem 2.4rem;}
.sy_top .com_list_01 > li{font-weight: 500;}
.sy_top .com_list_01 > li::before{color: #e35f25;}
.sy_top .com_list_02 > li{font-weight: 400; margin: 0.5rem 0;}
.sy_top .com_list_02 > li::before{background-color: #e9855b;}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .sy_top {flex-direction: column; gap: 15px;}
    .sy_top > li {min-width: 100%;}
    .sy_top > li > strong {font-size: 16px; padding: 15px;}   
    .sy_top > li > strong b {font-size: 20px;}
    
    .sy_top .com_list_01 {padding: 15px;}
}

.sy_mid{display: flex; justify-content: space-around; gap: 5rem; margin-bottom: 7rem; position: relative;}
.sy_mid::before{position: absolute; content: "+"; color: #d3d3d3; font-size: 4rem; left: 50%; transform: translateX(-50%); top: 33%; font-weight: 700;}
.sy_mid::after{position: absolute;content: "";background: url('../img/region/com/com_arow.png') no-repeat center center;width: 3rem;height: 4rem;left: 50%;transform: translateX(-50%);bottom: -53px;background-size: contain;opacity: 0.7;}

.sy_mid > div{background: #faf6f4;border-radius: 1.4rem;padding: 2rem;font-size: 1.7rem;font-weight: 500;flex: 1;border: 2px solid #ffe2d6;}
.sy_mid > div.sy_mid01{display: flex; align-items: center; justify-content: center; text-align: center;}
.sy_mid > div.sy_mid02 > p{text-align: center;font-weight: 600;}
.sy_list{margin-top: 2rem;padding-left: 3rem;}
.sy_list li{margin: 1rem 0;font-size: 1.6rem;font-weight: 400;position: relative;padding-left: 3.3rem;}
.sy_list li span{position: absolute;left: 0;width: 24px;height: 24px;line-height: 24px;color: #e35f25;background: #ffe5db;border-radius: 5rem;text-align: center;top: -2px;font-size: 1.4rem;font-weight: 600;}

.sy_bot{padding: 1.5rem; background: #f5f5f5; border-radius: 1.4rem; border: 1px solid #ddd;}

.sy_bot > p{text-align: center; font-weight: 600; font-size: 1.7rem; margin-top: 1rem;}
.sy_bot .sy_list li span{background: #fff; color: inherit;}

.cont_flex.mb5{margin-bottom: 5rem;}



/* 다국어 학습지원시스템과 학습지도전문가를 활용한 이주 배경 학생 학습 지원 */
.multilingual{text-align: center; font-size: 1.7rem;}
.multilingual > div{margin-bottom: 2rem;}
.multilingual .mul_p{margin: 5rem;}
.multilingual .mul_p span{display: inline-block; padding: 1.2rem 4rem; border-radius: 5rem; background: #fff3cd; border: 2px solid #ffeaa7; font-weight: 600; margin-left: 13rem;}
.mul_item{display: flex; align-items: stretch; gap: 3rem;}
.mul_tit{font-size: 1.8rem; font-weight: 600; min-width: 10rem; padding: 1rem; background: #0847ac; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 1.4rem;}
.mul_item.mid .mul_tit{background: #097ce3;}
.mul_item.bot .mul_tit{background: #2794d9;}

.mul_cont{flex: 1; padding: 2rem;}
.mul_item.top .mul_cont{ background: #e3f2fd; border: 1px solid #90caf9; border-radius: 1.4rem; font-weight: 500;}
.mul_item.mid .mul_cont{background: #fbffff;border: 1px solid #d3efff;border-radius: 1.4rem;}
.mul_item.mid .mul_cont li:first-child{margin-bottom: 1rem;}
.mul_item.mid .mul_cont li span{display: inline-block; position: relative; padding-left: 10px;}
.mul_item.mid .mul_cont li span::before{position: absolute; content: ""; width: 4px; height: 4px; background: #0847ac; left: 0; top: 7px; border-radius: 5rem;}

.mul_item.bot .mul_cont{display: flex; align-items: center; gap: 2rem;  align-items: stretch; background: none; padding: 0;}
.mul_item.bot .mul_cont > li{flex: 1 1 0; min-width: 0; background: #fff; padding: 2rem; border-radius: 1.4rem; border: 2px dashed #eee;}
.mul_item.bot .mul_cont > li b{color: #59839e; font-size: 1.5rem; font-weight: 400; display: flex; align-items: center; justify-content: center; word-break: break-word;}
.mul_item.bot .mul_cont > li span{display: flex; align-items: center; justify-content: center; color: initial;font-size: 1.6rem;font-weight: 500;margin-bottom: 2rem;min-height: 7rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd; word-break: normal;}

.mul_item.top, .mul_p,
.mul_item.mid{position: relative; z-index: 2;}
.mul_item.top::before{content: ''; position: absolute; top: 10rem; right: 0; width: 85%; height: 19em; background: linear-gradient(to top, transparent, #cfdeee); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); z-index: -1;}


/* vkpass */
.com_group_box03 .com01_intro .img img{max-width: 180px;}
.com_group_box03 .com01_intro .txt strong{display: block;}
.com_group_box03 .cont_item{gap: 5rem;}
.com_group_box03 .cont_item > div{width: 100%;}

.cont_item.icon > div{padding-top: 14rem; position: relative; padding-left: 1rem;}
.cont_item.icon > div::before{position: absolute; content: ""; background: #fff url('../img/region/com/com_icon01.png') no-repeat; width: 11rem; height: 11rem; left: 0; top: 0; background-size: contain; box-shadow: 9px 3px 15px rgba(0, 0, 0, 0.05); border-radius: 50rem;}
.cont_item.icon > div:last-child:before{background-image: url('../img/region/com/com_icon02.png');}

/* 탭1 */
@media (max-width: 1400px) {
    .cont_item2_2::before{display: none;}
    .cont_item2_2 .item3 .i2_img span{color: #333;}
}
@media (max-width: 1200px) {
    .sub_tit::before{width: 300px; background-size: contain;}
}
@media (max-width: 1120px) {
    .cont_item{flex-wrap: wrap; gap: 1rem;}
    .cont_item > div{width: 100%;}
}
@media (max-width: 991.98px) {
    .sub_tit{min-height: auto; padding: 3.5rem;}
    .sub_tit::before{display: none;}
    .com_tab{flex-wrap: wrap;}
    .com_tab li{width: 100%;}

    .com01_intro{flex-wrap: wrap; gap: 2rem;}
    .com01_intro > p{width: 100% !important; text-align: center;}
    .com01_intro .txt{padding: 0;}
    .com01_intro img{max-width: 170px;}

    .cont_flex{flex-wrap: wrap; padding-left: 1rem; padding-right: 1rem;}
    .cont_flex h4,
    .cont_box{width: 100%;}
    .cont_flex h4{margin-bottom: 2rem; font-size: 2.2rem;}
    
    .cont_flex h5{font-size: 1.9rem;}
    .cont_item > p,
    .cont_item > p img{display: none;}
    .sub_pg{background-color: inherit !important;}
    .com_group_box h3{font-size: 2.3rem;}
}
@media (max-width: 750px) {
    .cont_item2 > .com_list_01,
    .cont_item2_2,
    .cont_item2_1{flex-wrap: wrap;}
    .cont_item2 > .com_list_01 li, .cont_item2_1 > li, .cont_item2_1 .item2 .i_img, .cont_item2_1 .item2 .i_img img{width: 100%;}
    .cont_item2 > .com_list_01{gap: 0;}
    .cont_item2 > .com_list_01::before{top: 11rem;}
    .cont_item2_1{gap: 3rem;}
    .item2 .i_img img{max-height: 260px; object-fit: cover;}
    .cont_item2_1 .item2 > li:first-child{min-height: 6rem;}

    .com_list_01 > li{margin: 0.5rem 0; font-size: 1.6rem;}
    .com_list_02 > li{margin: 0.5rem 0; font-size: 1.5rem;}

    .cont_item2_2{gap: 2rem;}
    .cont_item2_2 > li{width: 47%;}
}

/* 탭2 */
@media (max-width: 991.98px) {
    .flow-header{left: 0; top: 0; border-radius: 1.4rem 0 1.4rem 0; font-size: 15px;}
}
@media (max-width: 700px) {
    .com_group_box{padding-bottom: 5rem;}
    .flow-container{flex-wrap: wrap; gap: 1rem;}
    .flow-box{width: 100%; flex: none;}
    .flow-container.arrow::before, .flow-container.arrow::after{display: none;}
    
    .sy_top{margin-bottom: 3rem;}
    .sy_top::before, .sy_top::after{display: none;}

    .sy_list{padding-left: 0;}
    .sy_mid{flex-direction: column;  gap: 2rem;}
    .sy_mid > div{width: 100% !important;}
    .sy_mid::before {display: none;}
    .sy_mid::after {bottom: -40px;}

    .multilingual .mul_p{margin: 3rem;}
    .multilingual .mul_p span{margin-left: 0;}
    .mul_item {flex-wrap: wrap; gap: 1.4rem;}
    .mul_item .mul_tit, .mul_item .mul_cont {width: 100%;}

    .mul_item.top::before{width: 100%; height: 10rem; top: 103%;}
    .mul_item.bot .mul_cont {gap: 1rem; flex-wrap: wrap;}
    .mul_item.bot .mul_cont > li {width: calc(50% - 0.5rem); flex: none;}

}


/* 콘텐츠 */
.visa_time{background: #f0f5ff; border-radius: 1.4rem; padding: 3rem 4rem; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 5rem; overflow: hidden;}
.visa_time::before,.visa_time::after{position: absolute; content: ""; background: url('../img/region/re_bg.png') no-repeat center bottom;}
.visa_time::before{width: 205px; height: 139px; left: 352px; bottom: 0; z-index: 2;}
.visa_time::after{background-image: url('../img/region/re_bg2.png'); width: 416px; height: 129px; left: 250px; bottom: 0; z-index: 1;}

.visa_time .txt{padding-left: 2rem;}
.visa_time .txt h3{font-size: 2.4rem; color: #222; font-weight: 700;}
.visa_time .txt h3 span{color: #1877c8;}
.visa_time .txt p{font-size: 1.7rem; color: #4d4d4d; margin-top: 1rem;}
.visa_time .link{display: flex; gap: 2rem; position: relative; z-index: 3;}
.visa_time .link li{flex: 1;}
.visa_time .link li a{display: block; font-family: 'Paperlogy-7Bold';font-size: 1.9rem;color: #359eff;background: #fff;width: 130px;height: 120px;border-radius: 3rem;padding: 2.2rem;border: 1px solid #dde7fd;box-shadow: 4px 3px 14px rgb(28 41 139 / 0.1);position: relative;}
.visa_time .link li:nth-child(2) a{color: #3d70db;}
.visa_time .link li:nth-child(3) a{color: #e5596f;}
.visa_time .link li:nth-child(4) a{color: #fff; background: #2e67ad; font-size: 1.5rem; font-weight: 300;font-family: inherit;}
.visa_time .link li:nth-child(4) a span{display: block; font-size: 1.8rem; margin-top: 3px; font-weight: 700;}


.visa_time .link li a::before{position: absolute; content: ""; background: url('../img/region/re_icon.png') no-repeat; background-size: 300% auto; background-position: 1px 0; width: 45px; height: 45px; right: 18px; bottom: 18px;  transition: transform 1.3s ease;}
.visa_time .link li:nth-child(2) a::before{background-position: 46% 0;}
.visa_time .link li:nth-child(3) a::before{background-position: 100% 0;}

.visa_time .link li:nth-child(4) a::before{background-image: none;background: #fff; width: 30px; height: 30px;border-radius: 5rem; content: "+"; font-size: 2.5rem; color: #2e67ad; font-weight: 500; display: flex; align-items: center; justify-content: center; padding-bottom: 2px;}

@keyframes icon-bounce {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-5px); }
  60%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}
.visa_time .link li a:hover::before {
  animation: icon-bounce 1s ease;
}

.re_thumb{padding-right: 1rem; padding-bottom: 1rem;}
.re_thumb a{display: block; width: 100%; height: 100%; background: #222837 url('../img/region/re_thumb.png') no-repeat right bottom;background-size: cover; border-radius: 1.2rem 1.6rem 0 0; padding: 4rem 6rem 4rem 3rem;}
.re_thumb a p{color: #fff; font-size: 2.6rem; line-height: 1.4;}
.re_thumb a p span{color: #65b9ff; font-weight: 700;}
.re_thumb a .bl_more{display: inline-block;color: #fff;background: #2475b9;border-radius: 5rem;padding: 1.4rem 4rem; margin-top: 5rem;font-size: 1.7rem;font-weight: 500;}

.blog_tit{font-size: 2rem;}

@media (max-width: 1200px) {
.visa_time::before{display: none;}
}
@media (max-width: 940px) {
.visa_time{flex-wrap: wrap; gap: 3rem;}
.visa_time .link{width: 100%;}
.visa_time .link li a{width: 100%;}
}
@media (max-width: 520px) {
  .visa_time{padding: 3rem 2rem; justify-content: center;}
  .visa_time .txt{padding-left: 0;}
  .visa_time .link {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }

  .visa_time .link li {
    flex: 0 1 30%;
  }

  .visa_time .link li:last-child {
    flex: 1 1 100%; 
    display: flex;
    justify-content: center;
  }

  .visa_time .link li a {
    height: 100px;
  }

  .visa_time .link li a::before {
    width: 34px;
    height: 34px;
  }
    .visa_time .link li:nth-child(4) a{font-size: 1.7rem; height: auto; border-radius: 5rem; padding: 2rem 3rem;}
  .visa_time .link li:nth-child(4) a span{display: inline-block; font-size: 1.7rem; margin-top: 0;}
  .visa_time .link li:nth-child(4) a::before{bottom: inherit; top: 50%; transform: translateY(-50%);}
}


/* 채용관소개 */
.re_main{margin: 8rem auto;}
.re_main h2,
.re_main h3{font-family: 'Paperlogy-7Bold'; color: #1e2430;}
.re_main h2{text-align: center; font-size: 2.5rem;}
.re_main h3{font-size: 2.1rem;margin-bottom: 2.3rem;text-align: center;}
.re_main_box{margin-top: 5rem; background: #f7f7f8; padding: 4rem; border-radius: 1rem;}
.re_main_box .box01{margin-bottom: 5rem;}
.re_main_box > div ul{padding: 2rem 4rem;background: #fff;border-radius: 1rem; box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.03);}
.re_main_box .box01 .text_df li{position: relative; padding-left: 9rem;}
.re_main_box .box01 .text_df li span{font-weight: 600; display: inline-block; margin-right: 1rem; display: flex; justify-content: space-between; width: 6rem; position: absolute; left: 17px;}
.re_main_box .box01 .text_df li span em{font-style: normal; color: #132c55;}

.re_step_box2{margin-top: 4rem;}
.re_step{display: flex;text-align: center;width: 100%;background: #fff;border-radius: 1rem;padding: 2rem 2rem;}
.re_step li{position: relative;padding-top: 8.6rem;width: 25%;line-height: normal;}
.re_step li::before{position: absolute;content: "";background: url('../img/region/re_main_icon.png') no-repeat;background-size: 300% auto;background-position: 0 0;width: 8rem;height: 9rem;top: 0;left: 50%;transform: translateX(-50%);}
.re_step li:first-child::before{background-image: url('/img/logo.svg'); background-position: center; background-size: contain; width: 11rem;}
.re_step li:nth-child(3)::before{background-position-x: 53%;}
.re_step li:nth-child(4)::before{background-position-x: 102%;}

.re_step_box2 .re_step li:nth-child(3)::before{background-position-x: 0; background-image: url('../img/region/re_main_icon2.png'); background-size: contain;}
.re_step_box2 .re_step li:nth-child(4)::before{background-position-x: 0; background-image: url('../img/region/re_main_icon3.png'); background-size: contain;}

.re_step li::after{position: absolute; content: ""; background: url('../img/region/re_arrow.png') no-repeat; width: 26px; height: 26px; background-size: contain; right: -2rem; top: 50%; transform: translateX(-50%);}
.re_step li:nth-child(4)::after{display: none;}

@media (max-width: 900px) {
    .re_main{margin: 5rem auto;}
    .re_main_box{margin-top: 3rem; padding: 3rem;}
    .re_main h2{font-size: 2rem;}
    .re_main_box > div ul{padding: 2rem 3rem;}
    .re_step{flex-wrap: wrap;}
    .re_step li{width: 100%; margin-bottom: 1rem; padding-bottom: 6rem;}
    .re_step li br{display: none;}
    .re_step li::after{right: inherit; left: 50%; transform: translateX(-50%) rotate(90deg); top: inherit; bottom: 0;}
    .re_step li:last-child{padding-bottom: 0;}
}

/* 경북채용관 소개 */
.re_main_gbt .top_p{text-align: center; margin-top: 3rem; font-size: 1.6rem;}