/* 0101_유학준비_학교찾기 */
.univ_box .tab_box { width: 100%; margin: 0 auto 40px auto; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;}
.univ_box .tab_box a { background-color: #F4F4F4; height: 56px; text-align:center; display: flex; align-items: center; justify-content: center; padding: 0 40px; font-size: 19px; line-height: 1.2em; font-weight: 700; color: #8C8C8C; border: 2px solid #F4F4F4; border-radius: 40px;}
.univ_box .tab_box a:hover { color: #000;}
.univ_box .tab_box a.on { color: #000; background-color: #fff; border:2px solid #000}

@media all and (max-width:1460px) {
    .univ_box .tab_box { width: 94%;}
    .univ_box .tab_box a { padding: 0 25px;}
}
@media all and (max-width:1024px) {
    .univ_box .tab_box a { font-size: 16px; height: 44px;}
}
@media all and (max-width:600px) {
    .univ_box .tab_box { width: 100%;}
    .univ_box .tab_box a { font-size: 14px; height: auto; padding:10px 15px;}
}

/* 리스트, 뷰 공통부분 */
.univ_sort_box1 { display: flex; gap: 4px; flex-wrap: wrap;}
.univ_sort_box1 span { line-height: 1em; padding: 4px 10px; background-color: #EBEBEB; font-size: 14px; color: #1F3A82; border-radius: 4px;}
.univ_sort_box2 { display: flex; gap: 16px; align-items: center;}
.univ_sort_box2 + .univ_sort_box2 { margin-top: 10px;}
.univ_sort_box2 i { flex-shrink: 0; font-size: 18px; width: 24px; height: 24px; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.univ_sort_box2 p { color: #666; font-size: 16px; line-height: 1.2em; display: flex; align-items: center; flex-wrap: wrap; gap:5px 30px;}
.univ_sort_box2 p span { position: relative;}
.univ_sort_box2 p span + span::before { position: absolute; top: 50%; left: 0; transform: translate(-15px, -50%); display: block; content: ""; width: 1px; height: 12px; background-color: #BABABA;}
.univ_sort_box2 p a { color: #000; font-weight: 600; text-decoration: underline !important;}
.univ_sort_box2 p a:hover { color: #2F499C;}
.univ_sort_box2 p a::after { margin-left: 5px; display: inline-flex; justify-content: center; align-items: center; content: '\ECAF'; font-family: "remixicon"; font-weight: 300;}
.univ_sort_box2.co1 i { color: #22418B; background-color: #D6DFF4;}
.univ_sort_box2.co2 i { color: #BE7E53; background-color: #EFDFD4;}
.univ_sort_box2.co3 i { color: #313131; background-color: #ebebeb;}
/* //리스트, 뷰 공통부분 */

/* univ_list */
.univ_list > ul { display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.univ_list > ul > li { display: flex; height: 100%;}
.univ_list .item { width: 100%; border: 1px solid #ddd; border-radius: 32px; display: grid; grid-template-columns: 35% 1fr; box-sizing: border-box; padding: 45px 0;}
.univ_list .item:hover { box-shadow: 18px 18px 18px rgba(0,0,0,0.05);}
.univ_list .item .img_box { display: flex; align-items: center; justify-content: center;}
.univ_list .item .img_box img { max-width: 172px; max-height: 172px;}
.univ_list .item .desc_box { padding-right: 40px}
.univ_list .item .desc_box h3 { font-size: 30px; line-height: 1.2em; font-weight: 800; color: #000; padding: 15px 0;}
@media all and (max-width:1024px) {
    .univ_list .item { border-radius: 24px; padding: 35px; display: flex; flex-direction: column; gap: 24px;}
    .univ_list .item .img_box img { max-height: 130px;}
    .univ_list .item .desc_box { padding-right: 0;}
}
@media all and (max-width:600px) {
    .univ_list > ul { grid-template-columns: 1fr;}
    .univ_list .item { border-radius: 16px;}
    .univ_list .item .img_box img { max-height: 100px;}
    .univ_list .item .desc_box h3 { font-size: 22px;}
}
/* univ_view */
.code34,
.code35{ max-width: 100% !important; width: 100% !important}
.univ_view .img_box img { width: 100%}
.univ_view .desc_box { border-radius: 32px 32px 0 0; margin-top: -72px; background-color: #fff;}
.univ_view .desc_box .top_box { padding: 72px; display: grid; grid-template-columns: 40% 1fr; gap: 72px;}
.univ_view .top_box .logo_box { border-radius: 24px; background-color: #f7f7f7; display: flex; align-items: center; justify-content: center;}
.univ_view .top_box .logo_box img { max-width: 172px; max-height: 172px;}
.univ_view .top_box .top_desc_box { padding: 12px 0;}
.univ_view .top_box .top_desc_box h4 { font-size: 44px; font-weight: 800; color: #000; padding:20px 0 30px 0;}

.univ_view .second_box { margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.univ_view .second_box .item { border: 1px solid #ddd; border-radius: 24px; padding:40px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}
.univ_view .second_box .item img { align-self: flex-end;}
.univ_view .second_box .item p { color: #919191; font-family: "Paperlogy-3Light"; font-size: 22px; line-height: 1.4em; }
.univ_view .second_box .item p span { font-family: "Paperlogy-8ExtraBold"; color: #000; display: block; line-height: 1.4em;}
.univ_view .second_box .item p span.em { font-size: 36px;}

.univ_view .univ_con_box { margin: 70px 0;}
.univ_view .h_type1 { text-align: center;}
.univ_view .univ_item_box1 { margin-top: 60px; display: flex; flex-wrap:wrap; gap: 24px;}
.univ_view .univ_item_box1 .item { flex: 1 1 25%; background-color: #f9f9f9; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column;}
.univ_view .univ_item_box1 .item h6 { background-color: #021655; color: #fff; font-size: 22px; font-family: "Paperlogy-6SemiBold"; display: flex; justify-content: center; align-items: center; padding: 15px 25px;}
.univ_view .univ_item_box1 .item > ul { padding: 40px; display: flex; flex-direction: column; gap: 12px;}
.univ_view .univ_item_box1 .item > ul > li { position: relative; font-size: 18px; color: #666; padding-left: 20px;}
.univ_view .univ_item_box1 .item > ul > li .title { color: #000; font-weight: 500;}
.univ_view .univ_item_box1 .item > ul > li:before { position: absolute; left: 0; top: 0; content: "\EA53"; font-family: "remixicon"; font-size: 0.875em; color: #000;}
.univ_view .univ_item_box1 .item > ul > li .title2 { color: #000; font-weight: 600; position: relative;}
.univ_view .univ_item_box1 .item > ul > li .title2::after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; content: ""; width: 1px; height: 16px; background-color: #ddd;}
.univ_view .univ_item_box1 .item > ul > li p { color: #666;}

.univ_view .univ_item_box2 { margin-top: 60px; display: flex; flex-wrap:wrap; gap: 24px;}
.univ_view .univ_item_box2 .item { flex: 1 1 25%; background-color: #f9f9f9; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column;}
.univ_view .univ_item_box2 .item h6 { background-color: #6E4897; color: #fff; font-size: 22px; font-family: "Paperlogy-6SemiBold"; display: flex; justify-content: center; align-items: center; padding: 15px 25px;}
.univ_view .univ_item_box2 .item > ul { padding: 40px; display: flex; flex-direction: column; gap: 12px;}
.univ_view .univ_item_box2 .item > ul > li { position: relative; font-size: 18px; color: #666; padding-left: 20px;}
.univ_view .univ_item_box2 .item > ul > li .title { color: #000; font-weight: 500;}
.univ_view .univ_item_box2 .item > ul > li:before { position: absolute; left: 0; top: 0; content: "\EA53"; font-family: "remixicon"; font-size: 0.875em; color: #000;}

.univ_view .univ_item_box3 { display: flex; gap: 24px; margin-top: 60px;}
.univ_view .univ_item_box3 .item { flex: 1; border-radius: 16px; overflow: hidden; border: 1px solid #ddd;}
.univ_view .univ_item_box3 .item .in_box1 { padding: 15px 30px; background-color: #e7f7f8; display: flex; box-sizing: border-box; gap: 20px; align-items: center;}
.univ_view .univ_item_box3 .item .in_box1 p { font-family: "Paperlogy-6SemiBold"; font-size: 18px; color: #021655; line-height: 1.4em;}
.univ_view .univ_item_box3 .item .in_box2 { padding: 30px;}
.univ_view .univ_item_box3 .item .in_box2 span { display: block; font-size: 16px; font-weight: 600; color: #000;}
.univ_view .univ_item_box3 .item .in_box2 p { font-size: 16px; color: #666; line-height: 1.4em;}
.univ_view .univ_item_box3 .item .in_box2 p + span { margin-top: 20px;}


.univ_view .univ_item_box4 { border: 1px solid #ddd; padding: 30px; border-radius: 16px;}

.univ_view .univ_item_box5 { margin-top: 60px; display: flex; flex-wrap:wrap; gap: 24px;}
.univ_view .univ_item_box5 .item { flex: 1 1 25%; background-color: #f9f9f9; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column;}
.univ_view .univ_item_box5 .item h6 { background-color: #021655; color: #fff; font-size: 22px; font-family: "Paperlogy-6SemiBold"; display: flex; justify-content: center; align-items: center; padding: 15px 25px;}
.univ_view .univ_item_box5 .item > ul { padding: 40px; display: flex; flex-direction: column; gap: 12px;}
.univ_view .univ_item_box5 .item > ul > li { display: grid; grid-template-columns: 20% 1fr; gap: 24px; font-size: 18px;}
.univ_view .univ_item_box5 .item > ul > li .title { color: #000; font-weight: 600; position: relative;}
.univ_view .univ_item_box5 .item > ul > li .title::after { position: absolute; top: 6px; right: 0; display: block; content: ""; width: 1px; height: 16px; background-color: #ddd;}
.univ_view .univ_item_box5 .item > ul > li p { color: #666;}

@media all and (max-width:1460px) {
    .univ_view .desc_box .top_box { padding: 44px; gap: 44px; margin-top: -44px;}
    .univ_view .top_box .top_desc_box h4 { font-size: 38px; padding:15px 0 20px 0;}

    .univ_view .second_box .item { padding: 30px;}
    .univ_view .second_box .item img { height:60px; }
    .univ_view .second_box .item p { font-size: 20px;}
    .univ_view .second_box .item p span.em { font-size: 32px;}

    .univ_view .univ_con_box { margin: 50px 0;}
    .univ_view .univ_item_box1 { margin-top: 40px;}
    .univ_view .univ_item_box1 .item h6 { font-size: 20px;}
    .univ_view .univ_item_box1 .item > ul { padding: 30px; gap: 8px;}
    .univ_view .univ_item_box1 .item > ul > li { font-size: 16px; padding-left: 16px;}

    .univ_view .univ_item_box2 { margin-top: 40px;}
    .univ_view .univ_item_box2 .item h6 { font-size: 20px;}
    .univ_view .univ_item_box2 .item > ul { padding: 30px; gap: 8px;}
    .univ_view .univ_item_box2 .item > ul > li { font-size: 16px; padding-left: 16px;}

    .univ_view .univ_item_box3 { margin-top: 40px;}

    .univ_view .univ_item_box5 { margin-top: 40px;}
    .univ_view .univ_item_box5 .item h6 { font-size: 20px;}
    .univ_view .univ_item_box5 .item > ul { padding: 30px; gap: 8px;}
    .univ_view .univ_item_box5 .item > ul > li { font-size: 16px;}
}
@media all and (max-width:1024px) {
    .univ_view .top_box .top_desc_box h4 { font-size: 32px;}
    .univ_view .second_box { margin-top: 10px; gap: 12px;}
    .univ_view .second_box .item img { height:50px; }
    .univ_view .second_box .item p { font-size: 18px;}
    .univ_view .second_box .item p span.em { font-size: 26px;}
    .univ_view .univ_item_box1 { margin-top: 20px; flex-direction: column; gap: 12px;}
    .univ_view .univ_item_box1 .item h6 { justify-content:flex-start;}
    .univ_view .univ_item_box2 { margin-top: 20px; flex-direction: column; gap: 12px;}
    .univ_view .univ_item_box2 .item h6 { justify-content:flex-start;}
    .univ_view .univ_item_box3 { margin-top: 20px; flex-direction: column; gap: 12px;}
    .univ_view .univ_item_box5 { margin-top: 20px; flex-direction: column; gap: 12px;}
    .univ_view .univ_item_box5 .item h6 { justify-content:flex-start;}
}

@media all and (max-width:600px) {
    .univ_view .desc_box { border-radius: 24px 24px 0 0;}
    .univ_view .desc_box .top_box { grid-template-columns: 1fr; gap: 24px;}
    .univ_view .top_box .logo_box { border-radius: 16px; padding: 30px;}
    .univ_view .top_box .logo_box img { height: 80px;}
    .univ_view .second_box { display: flex; flex-direction: column;}
    .univ_view .second_box .item { padding: 20px 30px; gap: 0; border-radius: 16px;}


}
/* //0101_유학준비_학교찾기 */

/* 0102_유학준비_장학금안내 */
.scholar_list > ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;}
.scholar_list .item { border: 1px solid #ddd; border-radius:20px; display: flex; flex-direction: column; gap: 30px; align-items: center; box-sizing: border-box; padding: 30px; height: 100%;}
.scholar_list .item:hover { box-shadow: 18px 18px 18px rgba(0,0,0,0.05);}
.scholar_list .item .img_box { display: flex; align-items: center; justify-content: center; height: 140px;}
.scholar_list .item .img_box img { max-width: 100%; max-height: 100%;}
.scholar_list .item .desc_box h3 { font-size: 24px; font-weight: 800; color: #000; line-height: 1.2em; text-align: center;}
@media all and (max-width:1460px) {
    .scholar_list .item .img_box { height: 80px}
}
@media all and (max-width:1024px) {
    .scholar_list > ul { grid-template-columns: repeat(2, 1fr); gap: 12px;}
    .scholar_list .item { gap: 24px;}
    .scholar_list .item .desc_box h3 { font-size: 20px;}
}
@media all and (max-width:600px) {
    .scholar_list > ul { grid-template-columns: repeat(1, 1fr);}
    .scholar_list .item { border-radius: 16px;}
    .scholar_list .item .img_box { height: 60px}

}
/* 010202_지자체/정부기관 */
.scholar_local { display: flex; gap: 24px;}
.scholar_local .item { width: 100%; height: 460px; box-sizing: border-box; border-radius: 24px; overflow: hidden; padding: 80px 100px; display: flex; flex-direction: column;}
.scholar_local .item h4 { font-size: 40px; line-height: 1.2em; font-weight: 700; color: #fff;}
.scholar_local .item p { flex: 8; font-size: 18px; color: rgba(255,255,255,0.6);}
.scholar_local .item .more { align-self: flex-end; font-size: 15px; font-weight: 800; color: #000; display: flex; align-items: center; gap: 20px; transition: all .3s ease; background-color: #fff; padding: 12px 36px; border-radius: 30px;}
.scholar_local .item .more i { font-weight: 400; font-size: 20px; transition: all .3s ease;}
.scholar_local .item:hover .more { transform: translateX(10px);}
.scholar_local .item.bg1 { background: url("/repository/images/contents/bg_local1.jpg") no-repeat center top / cover;}
.scholar_local .item.bg2 { background: url("/repository/images/contents/bg_local2.jpg") no-repeat center top / cover;}

@media all and (max-width:1024px) {
    .scholar_local .item { border-right: 16px; padding: 50px; height: 260px;}
    .scholar_local .item h4 { font-size: 26px;}
    .scholar_local .item p { font-size: 16px;}
    .scholar_local .item .more { gap: 12px; padding: 8px 20px;}
}
@media all and (max-width:600px) {
    .scholar_local {flex-direction: column; gap: 12px;}

}
/* //0102_유학준비_장학금안내 */


/* 0103_유학준비_출입국관련업무
.study_box1 { display: flex; flex-wrap: wrap; gap: 12px;}
.study_box1 .item { flex-basis: 199px; box-sizing: border-box; border: 1px solid #ddd; padding: 30px; border-radius: 12px;}
.study_box1 .item span { display: block; color: #18aeb8; font-weight: 600; margin-bottom: 20px; position: relative;}
.study_box1 .item span::after { position: absolute; bottom: -10px; left: 0; content: ""; width: 20px; height: 2px; background-color: #18aeb8;}
.study_box1 .item p { font-size: 20px; color: #000; font-weight: 600; line-height: 1.4em;}
/* //0103_유학준비_출입국관련업무 */


/* 0201_생활정보_교통정보 */
.traffic_box { border: 1px solid #ddd; display: grid; grid-template-columns: 25% 1fr;}
.traffic_box .left { background-color: #F9F9F9; padding: 40px; box-sizing: border-box}
.traffic_box .left > ul > li + li { padding-top: 20px;}
.traffic_box .left > ul > li { display: grid; grid-template-columns: 90px 1fr; align-items: center;}
.traffic_box .left > ul > li > span { position: relative; color: #000; font-weight: 600; font-size: 16px; padding-left: 12px;}
.traffic_box .left > ul > li > span::before { position: absolute; left: 0; top: 11px; content: ""; width: 3px; height: 3px; background-color: #000; border-radius: 100%; display: block; }
.traffic_box .left > ul > li input,
.traffic_box .left > ul > li select { border: 1px solid #ddd; border-radius: 4px; width: 100%; height: 44px;  padding:0 10px; box-sizing: border-box;}
.traffic_box .left .btn_tra { margin-top: 40px; width: 100%; height: 70px;  background-color: #354A9E; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; cursor: pointer}
.traffic_box .left .btn_tra:hover { background-color: #000; }
.traffic_box .left .btn_tra2 { margin-top: 10px; width: 100%; box-sizing:border-box; height: 70px; border:1px solid #354A9E; background-color: #fff; color: #354A9E; font-weight: 600; display: flex; align-items: center; justify-content: center; cursor: pointer}
.traffic_box .left .btn_tra2:hover { border:1px solid #000; color:#000; }

.traffic_box .right { padding: 40px;}
.traffic_box .right .tit_box { display: flex; align-items: center; justify-content: space-between; padding-bottom: 35px;}
.traffic_box .right .tit_box h4 { font-weight: 700; color: #000; font-size: 30px; line-height:1.2em;}
.traffic_box .right .tit_box p { color: #000;}
.traffic_box .right .table_type1 { max-height: 600px; overflow-y: auto;}

.taxi_box { border: 1px solid #ddd; padding: 60px; display: flex; justify-content: center; gap: 80px;}
.taxi_box .item { position: relative;}
.taxi_box .item img { max-width: 100%;}
.taxi_box .item + .item::before { position: absolute; left: -40px; top: 50%; transform: translate(-50%,-50%); content: "\EA6C"; font-family: "remixicon"; font-size: 30px; color: #000;}
.taxi_box .item p { color: #000; font-weight: 700; text-align: center; padding-top: 50px;}


@media all and (max-width:1260px) {
    .traffic_box {grid-template-columns: repeat(1, 1fr);}
    .traffic_box .left > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 30px;}
    .traffic_box .left > ul > li + li { padding-top: 0}
    .traffic_box .right { overflow-x:auto; }
    .traffic_box .right .tit_box h4 { font-size: 24px;}
    .taxi_box .item + .item::before { left: -20px; font-size: 24px;}

    .taxi_box { padding: 40px; gap: 40px;}
    .taxi_box .item p { padding-top: 30px;}
}

@media all and (max-width:1024px) {
    .traffic_box .right .tit_box h4 { font-size: 20px;}
    .taxi_box { padding: 30px; display: grid; grid-template-columns: repeat(2, 1fr); justify-content: center; text-align: center;}
    .taxi_box .item img { width: 100%;}
    .taxi_box .item p { padding-top: 20px;}

}

@media all and (max-width:600px) {
    .traffic_box .left { padding: 20px;}
    .traffic_box .left > ul { grid-template-columns: repeat(1, 1fr); gap: 10px;}
    .traffic_box .left > ul > li { display: grid; grid-template-columns: 90px 1fr; gap:10px; }
    .traffic_box .left > ul > li > span { font-size:14px;}
    .traffic_box .left .btn_tra { margin-top: 20px; height: 50px;}
    .traffic_box .left .btn_tra2 { margin-top: 10px; height: 50px;}
    .traffic_box .right { padding: 20px;}
    .traffic_box .right .tit_box { padding-bottom: 20px;}
    .traffic_box .right .tit_box h4 { font-size: 18px;}

    .taxi_box { display: flex; flex-direction: column;}
    .taxi_box .item img { width: auto;}
    .taxi_box .item + .item::before { left: 50%; top: -20px; content: "\EA4C";}

}

    /* 0202_생활정보_관광정보 */
.btn_nadri { border:1px solid #ddd; padding:5px 40px; display:flex; align-items:center; gap:20px; border-radius:8px}
.btn_nadri span { color:#000; font-weight:600;}
.btn_nadri:hover { border:1px solid #000;}
.tour_list > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.tour_list > ul > li { width: 100%;}
.tour_list > ul > li .item { display: flex; flex-direction: column; height: 100%; border-radius: 24px; overflow: hidden;}
.tour_list > ul > li .item:hover { box-shadow: 18px 18px 18px rgba(0,0,0,0.05);}
.tour_list > ul > li .item .img_box { width: 100%; height: 320px; overflow: hidden;}
.tour_list > ul > li .item .img_box img { width: 100%;}
.tour_list > ul > li .item .desc_box { flex:1; position: relative; border-radius: 0 0 24px 24px; border: 1px solid #ddd; border-top: 0; padding: 50px; box-sizing: border-box;}
.tour_list > ul > li .item .desc_box .local { color: #fff; font-size: 18px; font-weight: 700; position: absolute; top: -18px; display: inline-flex; align-items: center; justify-content: center; height: 36px; min-width: 100px; padding: 0 20px; box-sizing: border-box; border-radius: 18px;}
.tour_list > ul > li .item .desc_box .local.co1 { background-color: #18AEB8;}
.tour_list > ul > li .item .desc_box .local.co2 { background-color: #724596;}
.tour_list > ul > li .item .desc_box .local.co3 { background-color: #2F499C;}
.tour_list > ul > li .item .desc_box  h3 { margin-bottom: 20px; color: #000; font-size: 24px; font-weight: 700;}
.tour_list > ul > li .item .desc_box .sort_box2 { display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: center;}
.tour_list > ul > li .item .desc_box .sort_box2 + .sort_box2 { margin-top: 4px;}
.tour_list > ul > li .item .desc_box .sort_box2 i { font-size: 18px; width: 24px; height: 24px; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.tour_list > ul > li .item .desc_box .sort_box2 p { color: #666; font-size: 18px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.tour_list > ul > li .item .desc_box .sort_box2.co1 i { color: #be7e53; background-color: #efdfd4;}
.tour_list > ul > li .item .desc_box .sort_box2.co2 i { color: #466dc9; background-color: #d8e6ee;}

@media all and (max-width:1660px) {
    .tour_list > ul > li .item .img_box { height: 240px;}
    .tour_list > ul > li .item .desc_box { padding: 40px;}
}
@media all and (max-width:1260px) {
    .tour_list > ul > li .item .img_box { height: 180px;}
    .tour_list > ul > li .item .desc_box { padding: 30px;}
    .tour_list > ul > li .item .desc_box .local { font-size: 16px; top: -15px; height: 30px;}
    .tour_list > ul > li .item .desc_box h3 { font-size: 20px; margin-bottom: 10px;}
    .tour_list > ul > li .item .desc_box .sort_box2 p { font-size: 16px;}
}
@media all and (max-width:1024px) {
    .tour_list > ul { grid-template-columns: repeat(2, 1fr);}
}
@media all and (max-width:600px) {
    .tour_list > ul { grid-template-columns: repeat(1, 1fr); gap: 12px;}
    .tour_list > ul > li .item .img_box { height: 205px;}
    .tour_list > ul > li .item .desc_box .local { font-size: 14px; top: -13px; height: 26px;}
    .tour_list > ul > li .item .desc_box h3 { font-size: 18px;}
    .tour_list > ul > li .item .desc_box .sort_box2 p { font-size: 14px;}
}
/* //0202_생활정보_관광정보 */

/* 0203_생활정보 */
.life_type1 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.life_type1 .item { border: 1px solid #ddd; padding: 40px; border-radius: 16px; transition: all ease .3s;}
.life_type1 .item:hover { box-shadow: 18px 18px 18px rgba(0,0,0,0.05);}
.life_type1 .item > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.life_type1 .item > div > a { flex-shrink: 0; border: 1px solid #ddd; width: 44px; height: 44px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #000;}
.life_type1 .item > div > a:hover { border: 1px solid #000; color: #fff; background-color: #000;}
.life_type1 .item h5 { font-size: 24px; color: #000; line-height: 1.2em; font-weight: 600; word-break: break-all;}
.life_type1 .item > p { display: flex; gap: 10px;}
.life_type1 .item > p > i { flex-shrink: 0; width: 24px; height: 24px; border-radius: 100%; display: flex; justify-content: center; align-items: center; color: #22418B; background-color: #D6DFF4;}

@media all and (max-width:1024px) {
    .life_type1 { grid-template-columns: repeat(2, 1fr); gap: 12px;}
    .life_type1 .item { padding: 30px;}
    .life_type1 .item h5 { font-size: 20px;}
}

@media all and (max-width:600px) {
    .life_type1 { grid-template-columns: repeat(1, 1fr);}
    .life_type1 .item h5 { font-size: 18px;}

}

/* 0203_생활정보_주거환경 */
.rental_box { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 30px}
@media all and (max-width:600px) {
    .rental_box { margin-top: 20px; gap: 20px}
    .rental_box .item img{ height: 80px;}
}
/* 0203_생활정보_금융활동 */
.bank_box1 { display: flex; gap: 70px; margin-top: 40px}
.bank_box1 .item { position: relative; flex: 1;}
.bank_box1 .item + .item::before { position: absolute; left: -35px; top: 100px; transform: translate(-50%,-50%); content: "\EA6C"; font-family: "remixicon"; font-size: 36px; color: #000;}
.bank_box1 .item .img_box { border: 1px solid #ddd; border-radius: 24px; width: 100%; height: 200px; display: flex; align-items: center; justify-content: center;}
.bank_box1 .item h5 { font-size: 24px; font-weight: 800; color: #000; margin: 20px 0 10px 0;padding-left:15px;}
.bank_box1 .item p { padding-left:15px; }
.bank_box2 { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 30px}
.bank_box2 .item { flex:1; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; padding: 20px 40px;}
.bank_box2 .item img { height: 32px;}

@media all and (max-width:1440px) {
    .bank_box1 { gap: 50px;}
    .bank_box1 .item + .item::before { left: -25px; top: 80px; font-size: 26px;}
    .bank_box1 .item .img_box { border-radius: 16px; height: 160px;}
    .bank_box1 .item .img_box img { height: 80px;}
    .bank_box1 .item h5 { font-size: 20px;}
    .bank_box2 { margin-top: 20px; gap: 20px}
    .bank_box2 .item { flex:unset;}
}

@media all and (max-width:1024px) {
    .bank_box1 { flex-wrap: wrap; margin-left: 40px;}
    .bank_box1 .item { flex: 1 1 30%;}
    .bank_box2 { gap: 10px}
    .bank_box2 .item { padding: 10px 20px;}
    .bank_box2 .item img { height: 24px;}
}
@media all and (max-width:600px) {
    .bank_box1 { flex-direction: column; margin-left: 0;}
    .bank_box1 .item + .item::before { left: 50%; top: -20px; content: "\EA4C"; font-size: 24px;}
    .bank_box1 .item .img_box { height: 100px;}
    .bank_box1 .item .img_box img { height: 60px;}
}

/* 0203_생활정보_생활쓰레기 */
.trash_box { display: flex; gap: 60px; align-items: center}
.trash_box img { border: 1px solid #ddd; padding: 30px; border-radius: 16px;}
@media all and (max-width:1024px) {
    .trash_box { gap: 30px; flex-direction: column}
    .trash_box img { height: 200px; padding: 20px;}
}
@media all and (max-width:600px) {
    .trash_box img { height: 140px;}
}

/* 0302_취업정보_취업정보 */
.job_search_box { border: 1px solid #ddd; border-top: 2px solid #000; margin-bottom: 50px;}
.job_search_box .top_box { display: grid; grid-template-columns: 2fr 1fr 1fr;}
.job_search_box .top_box .item { padding: 30px; }
.job_search_box .top_box .item + .item { border-left: 1px solid #ddd;}
.job_search_box .top_box .item h4 { line-height: 1.2em; color: #000; font-size: 20px; font-weight: 700; border-bottom: 1px dotted #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.job_search_box .top_box .item .list_box { display: flex; gap:10px 40px; flex-wrap: wrap}
.job_search_box .top_box .item .list_box .checkbox {min-width:130px;}
.job_search_box .bottom_box { border-top: 1px solid #ddd; padding: 15px 30px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.job_search_box .bottom_box h4 {color: #000; font-size: 20px; font-weight: 700;}
.job_search_box .bottom_box input { width: 50% !important;}
@media all and (max-width:1024px) {
    .job_search_box .top_box { grid-template-columns: 1fr;}
    .job_search_box .top_box .item + .item { border-left: none; border-top: 1px solid #ddd}
    .job_search_box .bottom_box { flex-direction: column;align-items: flex-start;}
    .job_search_box .bottom_box input { width: 100% !important;}
    .job_search_box .bottom_box button { display: flex; justify-content: center; width: 100%;}

}

.job_list { display: flex; flex-direction: column; gap:24px}
.job_list .item { border: 1px solid #ddd;border-radius: 24px; padding: 50px 0; display: grid; grid-template-columns: 1fr 3fr 1.8fr; align-items: center; transition: all ease .3s;}
.job_list .item:hover { box-shadow: 18px 18px 18px rgba(0,0,0,0.05);}
.job_list .item > div + div { border-left: 1px solid #ddd;}
.job_list .item .company_name { text-align: center; font-size: 28px; line-height: 1.2em; color: #000; font-weight: 800; padding: 0 40px; }

.job_list .item .desc_box { padding: 0 60px;}
.job_list .item .desc_box .sort_box1 { display: flex; gap: 4px; flex-wrap: wrap;}
.job_list .item .desc_box .sort_box1 span { line-height: 1em; padding: 4px 10px; background-color: #EBEBEB; font-size: 14px; color: #1F3A82; border-radius: 4px;}
.job_list .item .desc_box a { display: flex; font-size: 28px; line-height: 1.3em; font-weight: 700; color: #000; padding: 30px 0; min-height: 80px;}
.job_list .item .desc_box .sort_box2 { display: flex; gap: 16px; align-items: center;}
.job_list .item .desc_box .sort_box2 i { font-size: 18px; width: 24px; height: 24px; border-radius: 100%; display: flex; justify-content: center; align-items: center; color: #22418B; background-color: #D6DFF4;}
.job_list .item .desc_box .sort_box2 p { color: #666; font-size: 18px; display: flex; align-items: center; gap: 30px;}
.job_list .item .desc_box .sort_box2 p span { position: relative;}
.job_list .item .desc_box .sort_box2 p span + span::before { position: absolute; top: 50%; left: 0; transform: translate(-15px, -50%); display: block; content: ""; width: 1px; height: 12px; background-color: #BABABA;}

.job_list .item .date_box { padding: 0 60px; display: flex; justify-content: space-between; align-items: center;}
.job_list .item .date_box .date { width:100%;}
.job_list .item .date_box .date ul { display: flex; flex-direction: column; gap: 16px;}
.job_list .item .date_box .date ul > li { display: flex; gap: 20px; align-items: center;}
.job_list .item .date_box .date ul > li > span { display: flex; align-items: center; justify-content: center; border-radius: 24px; font-size: 16px; line-height: 1.2em; font-weight: 400; padding:5px 20px; box-sizing:border-box; text-align:center;}
.job_list .item .date_box .date ul > li > span.co1 { background-color: #e4ecff; color: #6084b0;}
.job_list .item .date_box .date ul > li > span.co2 { background-color: #f6dede; color: #e22b2b;}
.job_list .item .date_box .date ul > li > p { font-size: 22px; color: #000; font-weight: 800; line-height:1.3em;}
.job_list .item .date_box .btn_view { flex-shrink: 0; width: 84px; height: 84px; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #234491; font-size: 36px; border: 1px solid #234491; box-sizing: border-box;}
.job_list .item .date_box .btn_view:hover { background-color: #234491; color: #fff;}
@media all and (max-width:1660px) {
    .job_list .item { padding: 30px 0;}
    .job_list .item .company_name { padding: 0 30px; }
    .job_list .item .desc_box { padding: 0 30px;}
    .job_list .item .date_box { padding: 0 30px;}
    .job_list .item .date_box .btn_view { width: 64px; height: 64px; font-size: 26px;}
}
@media all and (max-width:1440px) {
    .job_list .item { grid-template-columns: 1fr 2.4fr 1.8fr;}
    .job_list .item .company_name { font-size: 24px;}
    .job_list .item .desc_box a { font-size: 22px; padding: 20px 0;}
    .job_list .item .date_box .date ul > li > p { font-size: 18px;}
    .job_list .item .desc_box .sort_box2 p { font-size:16px;}
}
@media all and (max-width:1024px) {
    .job_list .item { grid-template-columns: 1fr; gap: 12px;}
    .job_list .item .company_name { font-size: 22px;}
    .job_list .item .desc_box a { min-height: auto;}
    .job_list .item .date_box .date ul > li > p span br { display: none;}
    .job_list .item .date_box .btn_view { width: 48px; height: 48px; font-size: 20px;}
}
@media all and (max-width:600px) {
    .job_list .item .company_name { font-size: 20px; padding: 0 20px; }
    .job_list .item .desc_box { padding: 0 20px;}
    .job_list .item .desc_box a { font-size: 18px;}
    .job_list .item .date_box { padding: 0 20px;}
    .job_list .item .date_box .date ul > li { grid-template-columns: auto 1fr;  gap:10px;}
    .job_list .item .date_box .date ul > li > span { font-size:14px;}
    .job_list .item .date_box .date ul > li > p { font-size:15px;}
    .job_list .item .date_box .date ul > li > p span br { display: block;}
    .job_list .item .desc_box .sort_box2 p { font-size:14px;}
}
/* //0302_취업정보_취업정보 */


/* 0501_도정책소개 */
.policy_step_box1 { margin: 30px 0; display: flex; gap: 60px;}
.policy_step_box1 .item { flex: 1; display: flex; flex-direction: column; gap: 40px; align-items: center; border: 1px solid #ddd; padding: 50px; border-radius: 24px; position: relative;}
.policy_step_box1 .item + .item::before { position: absolute; left: -30px; top: 50%; transform: translate(-50%,-50%); content: "\EA6C"; font-family: "remixicon"; font-size: 36px; color: #000;}
.policy_step_box1 .item .img { display: flex; align-items: center; justify-content: center; flex-basis: 70px;}
.policy_step_box1 .item .desc { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}
.policy_step_box1 .item .p_desc1 { font-size: 24px; font-weight: 800; line-height: 1.3em; text-align: center; color: #000;}
.policy_step_box1 .item .p_desc1 span { font-size: 18px; font-weight: 400; color: #666;}
.policy_step_box1 .item .p_desc2 { font-size: 18px; line-height: 1.3em; text-align: center;}

.policy_img_box { display: grid; grid-template-columns:1fr 1fr 1fr; gap: 40px; margin-top: 40px;}
.policy_img_box .item { width: 100%;}
.policy_img_box .item img { width:100%;}

.guardian_box { border: 1px solid #ddd; border-radius: 24px; text-align: center; padding: 60px;}
@media all and (max-width:1260px) {
    .policy_step_box1 { margin: 20px 0; gap: 40px;}
    .policy_step_box1 .item { gap: 30px; padding: 30px; border-radius: 16px;}
    .policy_step_box1 .item + .item::before {left: -20px; font-size: 24px;}
    .policy_step_box1 .item .img { flex-basis: 50px;}
    .policy_step_box1 .item .img img { height: 50px;}
    .policy_step_box1 .item .desc { gap: 10px;}
    .policy_step_box1 .item .p_desc1 { font-size: 20px;}
    .policy_step_box1 .item .p_desc1 span { font-size: 16px;}
    .policy_step_box1 .item .p_desc2 { font-size: 16px;}
}
@media all and (max-width:1024px) {
    .policy_step_box1 { display: grid; grid-template-columns: 1fr 1fr; margin-left: 40px;}
    .policy_img_box { grid-template-columns:1fr 1fr; gap: 20px;}
}
@media all and (max-width:600px) {
    .policy_step_box1 { grid-template-columns: 1fr; margin-left: 0;}
    .policy_step_box1 .item + .item::before { left: 50%; top: -20px; content: "\EA4C"; font-size: 24px;}
    .policy_step_box1 .item { gap:10px;}
    .policy_step_box1 .item .img { flex-basis: 36px;}
    .policy_step_box1 .item .img img { height: 36px;}
    .policy_step_box1 .item .p_desc1 { font-size: 16px;}
    .policy_step_box1 .item .p_desc1 span { font-size: 14px;}
    .policy_step_box1 .item .p_desc2 { font-size: 14px;}
    .policy_img_box { gap: 10px; margin-top:20px;}

}
/* //0501_도정책소개 */

/* 0502_K-가디언 제도 */
.plan_box { margin: 30px 0;  display: grid; grid-template-columns: repeat(5,1fr); gap: 40px;}
.plan_box .item { flex: 1; display: flex; flex-direction: column; gap: 40px; align-items: center; position: relative;}
.plan_box .item + .item::before { position: absolute; left: -20px; top: 30px; transform: translate(-50%,-50%); content: "\EA6C"; font-family: "remixicon"; font-size: 1.6em; color: #699FEB;}
.plan_box .item .title { display: flex; align-items: center; justify-content: center; height: 60px; width: 80%; box-sizing: border-box; color: #699FEB; font-size: 1.2em; font-weight: 700; line-height: 1.1em; border: 1px solid #699FEB; border-radius: 12px;}
.plan_box .item .desc { flex: 1; width: 100%; box-sizing: border-box; background-color: #E8EFF9; padding: 30px 20px 20px 20px; border-radius: 12px; display: flex; flex-direction: column;  align-items: center; gap: 20px;}
.plan_box .item .p_desc1 { font-size: 1.1em; font-weight: 700; line-height: 1.3em; text-align: center; color: #000;}
.plan_box .item .p_desc2 { flex: 1; width: 100%; box-sizing: border-box; background-color: #fff; padding: 20px; border-radius: 12px; font-size: 0.95em; line-height: 1.3em;}

@media all and (max-width:1260px) {
    .plan_box { grid-template-columns: repeat(3,1fr); gap: 30px;}
    .plan_box .item { gap: 20px;}
    .plan_box .item + .item::before { left: -15px;}
}

@media all and (max-width:1024px) {
    .plan_box { grid-template-columns: repeat(2,1fr);}
}
@media all and (max-width:600px) {
    .plan_box { grid-template-columns: repeat(1,1fr); gap: 40px;}
    .plan_box .item { gap: 10px;}
    .plan_box .item + .item::before { left: 50%; top: -20px; content: "\EA4C";}
    .plan_box .item .desc { padding: 20px; gap: 10px;}
    .plan_box .item .title { width: 100%; height: 44px;}
    .plan_box .item .p_desc1 br { display: none;}
}
/* 충북소개 */
.img_cb_box { background-color: #F9F9F9; padding: 60px; display: flex; justify-content: center; align-items: center; gap: 60px; border-radius: 40px;}
.cb_box { display: flex; gap: 40px;}
.cb_box > li { border: 1px solid #ddd; border-radius: 24px; padding: 40px; flex: 1; word-break: keep-all;}
.cb_box > li > h5 { font-size: 1.2em; color: #000; padding-bottom: 5px; border-bottom: 1px dotted #ddd; margin-bottom: 10px;}

@media all and (max-width:1260px) {
.img_cb_box { padding:30px; gap:30px; border-radius: 24px;}
.img_cb_box img { max-width:100%;}
.cb_box { gap: 20px;}
.cb_box > li { border-radius: 12px; padding: 30px;}
}
@media all and (max-width:1024px) {
.cb_box { flex-direction: column;}
}
@media all and (max-width:600px) {
.img_cb_box { padding:20px; gap:10px;}
}


/* 도시근로자 사업 */
.city_box { margin-top: 30px; background-color: #f9f9f9; border-radius: 24px; padding: 50px;}
.city_box .i_co { flex-shrink:0; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: #fff; font-size: 1em;}
.city_box .ri-user-line { background-color: #2E3D85;}
.city_box .ri-user-2-line { background-color: #01ACBA;}
.city_box .ri-building-line { background-color: #541D7A;}

.city_box .city_in1 { display: flex; gap: 30px; justify-content: flex-end;}
.city_box .city_in1 .item { display: flex; gap: 10px; align-items: center;}
.city_box .city_in1 .item span { color: #000; font-weight: 600; font-size: 0.9em; line-height:1.1em}

.city_box .city_in2 { margin-top: 30px; display: grid; grid-template-columns: repeat(5,1fr); gap: 60px;}
.city_box .city_in2 .item { background-color: #fff; border-radius: 12px; padding: 40px 20px; text-align: center; display: flex; flex-direction: column; gap: 15px; position: relative;}
.city_box .city_in2 .item+ .item::before { position: absolute; left: -30px; top: 50%; transform: translate(-50%,-50%); content: "\EA6C"; font-family: "remixicon"; font-size: 1.6em; color: #000;}
.city_box .city_in2 .item .img { display: flex; justify-content: center;}
.city_box .city_in2 .item .img i:nth-child(2) { margin-left: -6px;}
.city_box .city_in2 .item h6 { color: #000; font-size: 1.2em; font-weight: 700; line-height:1.2em;}
.city_box .city_in2 .item p { font-size: 0.875em;}

@media all and (max-width:1260px) {
    .city_box .city_in2 { grid-template-columns: repeat(3,1fr);}
}

@media all and (max-width:1024px) {
    .city_box .city_in2 { grid-template-columns: repeat(2,1fr);}
}
@media all and (max-width:600px) {
    .city_box { border-radius: 12px; padding:20px;}
    .city_box .i_co { width: 23px; height: 23px;}
    .city_box .city_in1 { gap:15px;}
    .city_box .city_in2 { margin-top:10px; grid-template-columns: repeat(1,1fr); gap: 40px;}
    .city_box .city_in2 .item { padding:20px; gap:8px;}
    .city_box .city_in2 .item + .item::before { left: 50%; top: -20px; content: "\EA4C";}
}

/* 0301_출입국정보 */
.job_t_box { position: relative; border: 1px solid #ddd; padding: 15px 60px 15px 30px; cursor: pointer; border-radius: 16px;}
.job_t_box::after { position: absolute; right: 20px; top: 50%; transform: translate(0,-50%); content: '\EA4E'; font-family: "remixicon"; font-size: 1.2em; font-weight:400; color: #000; transition: all ease 0.3s;}
.job_t_box.open::after { transform: translate(0, -50%) rotate(180deg);}
.job_con_box {display: none; padding:20px;}

/* 0607_외국인유학생 연계 통번역 지원 */
.policy_step_box2 { margin: 30px 0; display: flex; gap: 40px;}
.policy_step_box2 .item { flex: 1; display: flex; flex-direction: column; gap: 40px; align-items: center; border: 1px solid #ddd; padding: 30px 20px; border-radius: 24px; position: relative;}
.policy_step_box2 .item + .item::before { position: absolute; left: -20px; top: 50%; transform: translate(-50%,-50%); content: "\EA6C"; font-family: "remixicon"; font-size: 30px; color: #000;}
.policy_step_box2 .item .img { display: flex; align-items: center; justify-content: center; flex-basis: 70px;}
.policy_step_box2 .item .desc { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}
.policy_step_box2 .item .p_desc1 { font-size: 20px; font-weight: 800; line-height: 1.3em; text-align: center; color: #000;}
.policy_step_box2 .item .p_desc1 span { font-size: 16px; font-weight: 400;}
.policy_step_box2 .item .p_desc2 { font-size: 16px; line-height: 1.3em; text-align: center;}
@media all and (max-width:1260px) {
    .policy_step_box2 { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-left: 40px;}
    .policy_step_box2 { margin: 20px 0; gap: 40px;}
    .policy_step_box2 .item { gap: 30px; border-radius: 16px;}
    .policy_step_box2 .item + .item::before {left: -20px; font-size: 24px;}
    .policy_step_box2 .item .img { flex-basis: 50px;}
    .policy_step_box2 .item .img img { height: 50px;}
    .policy_step_box2 .item .desc { gap: 10px;}
}
@media all and (max-width:1024px) {
    .policy_step_box2 { grid; grid-template-columns: 1fr 1fr;}
}
@media all and (max-width:600px) {
    .policy_step_box2 { grid-template-columns: 1fr; margin-left: 0;}
    .policy_step_box2 .item + .item::before { left: 50%; top: -20px; content: "\EA4C"; font-size: 24px;}
    .policy_step_box2 .item { gap:10px;}
    .policy_step_box2 .item .img { flex-basis: 36px;}
    .policy_step_box2 .item .img img { height: 36px;}
    .policy_step_box2 .item .p_desc1 { font-size: 16px;}
    .policy_step_box2 .item .p_desc1 span { font-size: 14px;}
    .policy_step_box2 .item .p_desc2 { font-size: 14px;}
}