/* */

.swiper-navigation button.next {
    transform: rotate(180deg);
}

/* SNS ICON */

#main_cate ul {
    display: flex;
    align-items: center;
    margin: 0 auto;
    font-size: 0; 
    text-align: center;
}

#main_cate li { 
    padding: 0 10px 0 0;
}

#main_cate li a {
    display: block; 
}

#main_cate li span {
    display: flex; 
    align-items: center;
    justify-content: center;
    width: 30px; 
    height: 30px; 
    background: #959595; 
    border-radius: 50%;  
}

#main_cate li:hover span:before{
    opacity: 1
}

/* 임시 */

.head_login,
.mob_menu_btn {
    display: none !important;
}

/* FOOTER */

#ft_company ul.ul_link li {
    margin-right: 0;
}

#ft_company ul.ul_link li a {
    display: block;
    position: relative;
    padding: 0 15px;
}

#ft_company ul.ul_link li:first-child a {
    padding: 0 15px 0 0;
}

#ft_company ul.ul_link li a:after {
    display: block;
    content: '';
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -5px;
    height: 10px;
    border-right: 1px solid #656870;
}

#ft_company ul.ul_link li:last-child a:after {
    display: none;
}

/* 레이아웃 */

.content {
    max-width: 1300px;
    margin: 120px auto;
}

/* 공통 */

div.sub-inner {
    overflow: hidden;
}

/* 지부장 인사말 */

.greeting {
    position: relative;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 64px;
    row-gap: 10px;
}

.greeting .title {
    display: inline-block; 
    margin: 0 0 20px; 
    font-size: 40px; 
    font-weight: 600; 
    color: #0D377E;
}

.greeting .txt p {
    margin-bottom: 12px;
    font-size: 16px;
    color: #555;
    line-height: 1.65;
}

.greeting .img {
    margin: 20px 0 0;
    text-align: right;
}

.greeting .sign {
    font-size: 16px;color: #333;letter-spacing: 0px;margin-top: 25px;vertical-align: middle;
}
.greeting .sign strong {color: #333;font-size: 20px;font-weight: 600;vertical-align: top;display: inline-block;margin-left: 9px;}
.greeting .sign span {vertical-align: middle;}

/* 기관연혁 */

.history .history_con {
    border-top: 2px solid #3d3d3d;
    background-color: #F9F9F9;
    padding: 40px 0 40px 90px;
}

.history .history_con:after {content:'';display:block;clear:both;}

.history .history_con .year_con .year_area {
    height: 50px;
}

.history .history_con .year_con .date_area {
    font-size: 16px;
}

.history .history_con .year_con .date_area ul li {
    width: 100%;
}

.history .history_con .year_con {position:relative;}
.history .history_con .year_con > div {display:inline-block;vertical-align:top;}
.history .history_con .year_con {float:left;width:100%;}
.history .history_con .year_con .year_area {width:120px;}

.history .history_con .year_con .year_area .year_tit {
    display: block;
    width: 92px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background-color: #0D377E;
    text-align: center;
    line-height: 40px;
    border-radius: 100px;
}

.history .history_con .year_con .date_area {
    border-left: 2px dotted #0D377E;
    color: #3D3D3D;
    position: relative;
    min-height: 60px;
}

.history .history_con .year_con .date_area ul li {
    position: relative;
    margin-bottom: 5px;
    padding: 10px 10px 10px 80px;
    word-break: keep-all;
}

.history .history_con .year_con .date_area ul li em {
    position: absolute;
    left: 22px;
    top: 7px;
    font-style: normal;
    font-size: 20px;
    color: #0D377E;
}

.history .history_con .year_con .date_area ul li:nth-child(1):before {
    content:'';
    position: absolute;
    left: -9px;
    top: 10px;
    width: 18px;
    height: 18px;
    background-color: #0A3363;
    border-radius: 50%;
    opacity: 0.3;
}

.history .history_con .year_con .date_area ul li:nth-child(1):after {
    content:'';
    position: absolute;
    left: -5px;
    top: 14px;
    width: 10px;
    height: 10px;
    background-color:#00529b;
    border-radius: 50%;
}

/* 조직도 */

.sec_sub .sec_inner {
    position: relative;
    padding: 80px 0 0;
}

.organ_wrap > div {
    padding: 60px 0;
    background: #F9F9F9;
    text-align: center;
}

.fxs_tit {
    margin: 0 0 30px;
    font-size: 34px;
    font-weight: 600;
    color: #0D377E;
}

.fxs_tit span {
    margin-right: 10px;
    padding: 5px 20px;
    background-color: #0D377E;
    font-size: 24px;
    color: #fff;
    border-radius: 20px;
}

/* 시설현황 */

.facility_wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 50px;
    row-gap: 40px;
}

.too_tip {
    width: 100%;
    padding: 19.5px 0;
    background-color: #0D377E;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

/* 초기화 */

.lat_head {
    text-align: center;
}

.lat_head .lat_title {
    display: block;
    font-size: 45px;
    font-weight: 500;
    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;
}

/* 메뉴 */

.top-menu {
    max-width: 1300px;
    height: 120px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

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

.mobile_btn {
    height: 0;
}

#header {
    border: 1px solid #eee;
    border-width: 1px 0;
}

#header .head_menu .main_menu .dept1 > a {
    font-size: 16px;
    font-weight: 500;
    color: #3D3D3D;
}

/* 메인 */

#banner_wrap {
    max-width: 1903px;
    height: 500px;
    margin: 0 auto;
}

#banner_wrap .swiper-slide {
    height: 500px;
}

.visual .control-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    position: absolute;
    /* top: 50%; */
    left: 50%;
    transform: translateY(-50%);
    z-index: 20;
    bottom: 20px;
    margin-left: -155px;
}

.visual .arrow-box {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 27px;
}

.visual .arrow-box .swiper-button-prev, 
.visual .arrow-box .swiper-button-next {
    top: 0;
    z-index: 10;
    width: 14px;
    height: 27px;
    color: #fff;
}

.visual .arrow-box .swiper-button-prev {
    left: 0px;
    margin-top: 0;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

.visual .arrow-box .line {
    position: absolute;
    top: 50%;
    left: 32px;
    display: inline-block;
    z-index: 10;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background-color: rgba(255, 255, 255, 0.5);
}

.visual .arrow-box .swiper-button-next {
    left: 50px;
    margin-top: 0;
}

.autoplay-progress {
    display: inline-block;
    position: relative;
    left: 4px;
    width: 150px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
}

.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    /* height: 100%; */
    stroke-width: 2px;
    stroke: #fff;
    fill: none;
    stroke-dashoffset: calc(100*(1 - var(--progress)));
    stroke-dasharray: 100;
}

.visual .swiper-pagination {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 25px;
    width: 80px;
    height: 25px;
    font-size: 16px;
    color: #fff;
    text-align: left;
}

.visual .swiper-pagination .total {
    color: #b6b6b6;
}

.visual .swiper-button-ps {
    position: absolute;
    top: 7px;
    left: 318px;
    z-index: 15;
    width: 9px;
    height: 14px;
    cursor: pointer;
    background: url(../img/stop.png) no-repeat 0 0;
}

.visual .swiper-button-ps.on {
    background: url(../img/start.png) no-repeat 0 0;
}

/* 01 */

section .sec_inner {
    max-width: 1300px;
    margin: 0 auto;
}

strong.stit {
    display: inline-block;
    position: relative;
    font-size: 30px;
    font-weight: 600;
    color: #0D377E;
}

a.s_more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #3D3D3D;
}

a.s_more span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 6px;
    background: #0D377E;
    border-radius: 50%;
}

.tit_area {
    padding: 14px 0;
    border: 1px solid #C0C0C0;
    border-width: 1px 0;
}

.sec_fir .sec_inner > .grids {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 60px;
    row-gap: 20px;
    margin: 100px 0 0;
}

.con_area .notice_list li {border-bottom:1px dashed #ddd;}
.con_area .notice_list li:first-child {padding: 13px 0 0 0;}
.con_area .notice_list li:last-child {border-bottom:unset;}

.con_area .notice_list a {
    display: block;
    position: relative;
    padding: 11px 10px;
    color: #545454;
    font-size: 14px;
}

.con_area .notice_list a p {vertical-align:middle;font-weight:500;padding:0 0 0 10px;}
.con_area .notice_list a p.tit {display:inline-block;width:76%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-size:16px;color:#000;}
.con_area .notice_list a p.date {font-weight:400;position:absolute;top:11px;right:5px;}

.con_area .notice_list a:hover p.tit {
    text-decoration: underline;
}

span._type {
    display: inline-block;
    width: 56px;
    padding: 7px 0;
    text-align: center;
    background-color: #000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
}

.type1 {
    background-color: #3396F1 !important;
}

.type2 {background-color:#197940 !important;}
.type3 {background-color:#FFB429 !important;}
.type4 {background-color:#DB3838 !important;}

.sec_fir .sec_inner .icon_area .grids {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 10px;
}

.sec_fir .icon_area {
    margin: 20px 0 0;
}

.sec_fir .icon_area ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px;
    background-color: #F4F4F4;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.sec_fir .icon_area ul li i {
    display: block;
    margin: 0 auto 12px;
}

.sec_fir .icon_area ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #3D3D3D;
}

/* 04 */

.sec_four {
    margin: 80px 0 0;
    background-color: #0D377E;
}

.sec_four a.s_more span {
    background: #fff;
}

.sec_four a.s_more span i {
    filter: invert(100) !important;
}

.sec_four .sec_inner {
    position: relative;
    padding: 100px 0;
}

.sec_four strong.stit {
    font-size: 34px;
    color: #fff;
}

.sec_four strong.stit:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    top: inherit;
    left: 50%;
    bottom: -15px;
    width: 80px;
    margin-left: -40px;
    background-color: #fff;
}

.sec_four a.s_more {
    position: absolute;
    right: 10px;
    color: #fff;
}

.sec_four .flexs {
    justify-content: space-between;
    align-items: center;
}

.sec_four div.bottom {
    margin: 50px 0 0;
}

.sec_four div.bottom ul.box {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 10px;
}

.sec_four div.bottom ul.box li {
    background-color: #fff;
    padding: 12px;
}

.sec_four div.bottom ul.box li div.img-wrap {
    overflow: hidden;
}

.sec_four div.bottom ul.box li div.img-wrap img {background: #eee;width: 100%;display: block;height: 255px;object-fit: cover;transition-duration: 0.2s;}

.sec_four div.bottom ul.box li h5 {
    width: 100%;
    overflow: hidden;
    margin: 14px 0 8px 0;
    font-size: 16px; 
    font-weight: 600; 
    color:#3D3D3D; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sec_four div.bottom ul.box li p {
    font-size: 12px; 
    color: #3D3D3D;
}

.sec_four div.bottom ul.box li:hover img {transform: translate(0) scale(1.03);}
.sec_four div.bottom ul.box li:hover h5 {color: #35383f;}

/* 협력업체 */

.point_wrap {
    padding: 50px 0;
}

.point_wrap .bx-wrapper {
    max-width: 1620px !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: inline-block;
    position: relative;
    margin: 0 0 60px;
    padding: 0;
    font-size: 34px;
    font-weight: 600;
    color: #0D377E;
    text-align: center;
    line-height: 40px;
}

.h_section.h_sec2:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    top: inherit;
    left: 50%;
    bottom: -10px;
    width: 80px;
    margin-left: -40px;
    background-color: #0D377E;
}

.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.6;
    letter-spacing: -0.4px;
}

.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: #111;
    line-height: 32px
}

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

/* */

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

/* */

.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 {
    background-color: #f4f4f4;
    font-size: 16px;
    font-weight: 500;
    color: #3D3D3D;
}

.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: #3D3D3D;
}

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

/* */

.basic_list {
    table-layout: fixed;
    width: 100%;
    margin: 15px 0;
    border-collapse: collapse;
    border-top: 2px solid #3D3D3D;
    border-bottom: 1px solid #3D3D3D;
    font-size: 100%;
}

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

.basic_list tr:last-child th,
.basic_list tr:last-child td {
    border-bottom: 1px solid #3D3D3D;
}

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

.basic_list thead th {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #3d3d3d;
    background-color: #f4f4f4;
}

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

/* IE */

.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: #000 !important;
    border-color: #000;
}

/* 사이트맵 */

.table_sitemap ul {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}

.table_sitemap ul li {
    display: inline-block;
    padding: 25px 0;
}

.table_sitemap ul li a {
    font-size: 18px;
}

/* 미디어쿼리 */

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

    /* 메인 */

    #banner_wrap,
    #banner_wrap .swiper-slide {
        height: auto;
    }

    #banner_wrap .swiper-slide img {
        max-width: 100%;
    }

}

@media screen and (max-width: 1300px) {

    /* */

    .sec_sub .sec_inner {
        padding: 30px 0 0;
    }

    #hd_pop, 
    #hd_wrapper, 
    #tnb .inner, 
    #gnb .gnb_wrap, 
    #container_wr, 
    #ft_wr, 
    #hd, 
    #wrapper, 
    #ft, 
    #ft_copy {
        width: 100%;
        min-width: 100%;
    }

    /* */

    .top-menu .head_login a {
        font-size: 14px;
    }

    /* 브레드크럼 */

    .lnb .lnb_map li.dep a span {
        font-size: 14px;
    }

    /* 메인 */

    section .sec_inner {
        padding: 0 10px;
    }

    strong.stit {
        font-size: 20px;
    }

    /* sec_fir */

    .sec_fir .sec_inner > .grids {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin: 30px 0;
    }

    .con_area .notice_list a p.tit {
        width: 70%;
        font-size: 14px;
    }

    .sec_fir .sec_inner > .grids > div:nth-child(2) {
        margin: 30px 0 0;
    }

    .sec_fir .icon_area ul li {
        height: 120px;
    }

    .sec_fir .icon_area ul li a {
        font-size: 16px;
    }

    /* sec_four */

    .sec_four strong.stit {
        font-size: 24px;
    }

    .sec_four div.bottom ul.box {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sec_four .sec_inner {
        padding: 50px 10px;
    }

    /* 서브 */

    .fxs_tit span {
        font-size: 18px;
    }

    .fxs_tit {
        font-size: 24px;
    }

    /* 지부장인사말 */

    .greeting {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .greeting .title {
        margin: 15px 0;
        font-size: 20px;
    }

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

    /* 시설현황 */

    .facility_wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 50px;
        row-gap: 40px;
    }

    .facility_wrap div img {
        width: 100%;
    }

}

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

    /* */

    .mbskin,
    .new_win,
    .register {
        padding: 30px 0 0;
    }

    /* 공통 */

    .top-menu {
        position: fixed;
        justify-content: space-between;
        z-index: 100;
        width: 100%;
        height: 60px;
        background: #fff;
        border-bottom: 1px solid #eee;
    }

    .top-menu.flexs > div:nth-child(1) {
        display: none;
    }

    .top-menu.flexs > div {
        width: auto;
    }

    #main_cate ul {
        display: none;
    }

    .head_login_wrap {
        display: none !important;
    }

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

    .top-menu .logo {
        margin: 0 0 0 15px;
    }

    .top-menu .logo a img {
        height: 70px;
    }

    .mobile_btn {
        position: relative;
        height: auto;
        right: 15px;
    }

    .mobile_open i {
        color: #333;
    }

    /* 메인 */

    #banner_wrap {
        margin-top: 60px;
    }

    /* 서브 */

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

    .sec_sitemap .h_section {
        margin: 30px 0 20px;
    }

    .img-wrap img {
        width: 100%;
    }

    /* 지부장인사말 */

    .greeting .txt p {
        font-size: 14px;
    }

    .greeting .sign {
        font-size: 14px;
    }

    /* 기관연혁 */

    .history .history_con {
        padding: 40px 0 40px 20px;
    }

    .history .history_con .year_con {
        float: none;
    }

    .history .history_con .year_con .year_area {
        display: block;
    }

    .history .history_con .year_con .date_area {
        margin: 15px 0;
        font-size: 14px;
    }

    .history .history_con .year_con .date_area ul li em {
        font-size: 16px;
    }

    /* 사이트맵 */

    .table_sitemap ul {
        flex-wrap: wrap;
        width: 100%;
    }

    .table_sitemap ul li {
        display: inline-block;
        padding: 5px 0;
    }

    .table_sitemap ul li a {
        font-size: 14px;
    }

}

@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;
        font-size: 14px !important;
    }

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

    .mTable td {
        display: block;
        border-bottom: 1px solid #ddd;
        border-right: 0;
        font-size: 13px !important;
        text-align: right !important;
    }

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

    .mTable td:last-child {
        border-bottom: 0;
        text-align: right !important;
    }

}

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

    /* 페이징 */

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

    /* 메인 */

    .sec_four div.bottom ul.box {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}