@charset "utf-8";

/* root */
:root{
    /* font */
    --main-font: 'Pretendard', sans-serif;
    --point-font: 'Outfit', 'Pretendard', sans-serif;
    /* color */
    --brand-color: #E94628;
    --brand-color-light: #F2A39A;
    --text-color: #212121;
    --sub-text-color: #444;
    --sub-text-color-light: #888;
    --bg-color-gray: #f8f8f8;
    --line-color: #ddd;
}

/* 반응형 */
@media (max-width: 1680px) {
    /* header */
    #page_title {
        padding: 0;
    }
}
@media (max-width: 1600px) {
    /* reset */
    /* header */
    header .header_wr {
        padding: 0 40px;
    }
    header .gnb{
        padding: 0;
    }

    /* sub-page */

    #page_cont {
        padding: 0;
    }
}

@media (max-width: 1440px) {
    /* header */
    /* header nav .dp1, header.active .dp1{
        padding: 0 40px;
    } */

    /* font-size */
    #main_wr .visual .text-box .banner-tit,
    #main_wr .company .main-tit,
    #page_title .inner-wrap .contents .page-tit .titset h1{
        font-size: 60px;
    }
    .page-head-tit,
    .main-tit{
        font-size: 50px;
    }

    /* vision */
    .full-wrap{
        padding: 200px 0;
    }

    
}

@media (max-width: 1280px) {
    /* reset */
    body{
        font-size: 16px;
    }

    .br-1280{
        display: none;
    }

    /* header */
    /* header nav .dp1, header.active .dp1{
        padding: 0 25px;
    } */
     

    /* font-size */
    #main_wr .visual .text-box .banner-tit,
    #main_wr .company .main-tit,
    #page_title .inner-wrap .contents .page-tit .titset h1{
        font-size: 52px;
    }
    .page-head-tit,
    .main-tit,
    .inner_box #bo_v_title .bo_v_tit{
        font-size: 40px;
    }
    .sub-tit,
    .fs40{
        font-size: 36px;
    }
    .fs32{
        font-size: 28px
    }
    .fs28{
        font-size: 24px;
    }
    .fs24, .news #bo_gall .gall_text_href a .news-title{
        font-size: 20px;
    }
    .fs22, .page-head-sub{
        font-size: 20px;
    }
    .fs20, #page_cont .back-to-list .btn, .news_table .td_datetime,
    .sub-news .td_subject > a .sub-area .bo_tit, .tbl_head01 td,
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li a{
        font-size: 18px;
    }

    /* esg */
    
    .half-wrap .text-wrap .mark{
        font-size: 100px;
    }
    .half-wrap .text-wrap .icon-wrap{
        height: 60px;
    }
    /* product */
    .product .category-wrap .category-list{
        gap: 30px;
    }
    
    /* archive */
    .archive .cont-wrap{
        gap: 30px;
    }
    .archive .img-text-wrap .text-wrap .img-box .watermark{
        font-size: 80px;
    }

}

/* 태블릿 */
@media (max-width: 1080px) {
    /* br */
    .br-1080{
        display: none;
    }
    /* header */
    header .header_wr {
        height: 70px;
        padding: 0 20px;
    }
    header .gnb nav {
        transition: all .5s ease .5s;
        display: none;
        opacity: 0;
    }
    header .logo{
        width: 120px;
    }
    header .r-inset{
        display: flex;
        align-items: center;
    }
    header .gnb .toggle-btn {
        display: block;
    }
    header.open .gnb .toggle-btn > span {
        position: absolute;
        width: 100%;
        top: 50%;
        background: #333;
    }
    header.open .gnb .toggle-btn > span + span {
        margin: 0;
    }
    header.open .gnb .toggle-btn > span:nth-child(1) {
        transform: rotate(45deg);
    }
    header.open .gnb .toggle-btn > span:nth-child(2) {
        display: none;
    }
    header.open .gnb .toggle-btn > span:nth-child(3) {
        transform: rotate(135deg);
    }
    header .nav-bg {
        opacity: 0;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        z-index: -10000000;
        transition: all .3s ease;
        visibility: hidden;
    }
    header.open .nav-bg {
        opacity: 1;
        visibility: visible;
    }
    header.open .logo .white{
        display: none;
    }
    header.open .logo .black{
        display: block;
    }
    header.open .lang-wrap .arrow{
        background-image: url(../img/qlab/arrow-black.png);
    }
    header.open .gnb{
        color: var(--text-color);
    }
    header.open .gnb nav {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* z-index: -1; */
        /* background: #FFF; */
        opacity: 1;
    }
    header.open .gnb nav .navlist{
        flex-direction: column;
        padding: 0 20px;
        position: relative;
        padding-top: 80px;
    }
    nav .navlist li.depth1 {
        width: 100%;
        padding: 28px 0;
        border-bottom: 1px solid #d9d9d9d9;
        display: block;
        position: relative;
    }
    header.open .gnb nav .navlist li .dp1 {
        text-align: left;
        padding: 22px 30px;
        color: var(--text-color);
        text-align: left;
        padding: 0;
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        height: auto;
        justify-content: flex-start;
        position: relative;
    }
    header nav .lnb li a{
        padding: 12px;
        display: block;
    }
    header nav .lnb li a::after{
        left: 0;
    }
    header nav .lnb {
        display: none;
        position: inherit;
        height: auto;
        font-size: inherit;
        opacity: 1;
        overflow: visible;
        transition: none;
    }
    nav .navlist li .lnb .dp2 {
        background: inherit;
        box-shadow: none;
        padding-top: 20px;
    }
    nav .navlist li .lnb .dp2 li {
        display: block;
        padding: 0;
        text-align: left;
    }

    header nav .lnb li a::after{
        content: none;
    }

    /* font-size */
    #main_wr .visual .text-box .banner-tit,
    #main_wr .company .main-tit,
    #page_title .inner-wrap .contents .page-tit .titset h1{
        font-size: 48px;
    }
    .page-head-tit,
    .main-tit{
        font-size: 36px;
    }
    .sub-tit,
    .fs40,
    .inner_box #bo_v_title .bo_v_tit{
        font-size: 32px;
    }
    .fs32{
        font-size: 24px
    }
    .fs28{
        font-size: 20px;
    }
    .fs24, .news #bo_gall .gall_text_href a .news-title, .fs22, .page-head-sub{
        font-size: 18px;
    }
    .fs16,
    .news #bo_gall .news-contents,
    .news #bo_gall .gall_info .gall_date,
    .write-info-box .write-info{
        font-size: 14px;
    }
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li a{
        font-size: 16px;
        line-height: 70px;
    }


    /* index */
    #main_wr .visual .inset .banner .text-box,
    #main_wr .visual .progress-wrap,
    #main_wr .company .inner,
    #main_wr .inner{
        padding: 0 20px;
    }
    #main_wr .company .text-wrap{
        left: 20px;
    }
    #main_wr .company,
    #main_wr .product,
    #main_wr .esg{
        padding: 100px 0;
    }
    #main_wr .news{
        padding: 100px 0 120px;
    }
    

    /* sub-page */
    .full-wrap{
        background-attachment: scroll;
    }
    #page_title{
        height: 580px;
    }
    #page_title .inner-wrap .contents .page-tab-menu{
        background: none;
    }
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset{
        padding: 0;
    }
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list{
        gap: 60px;
        padding: 0 20px;
    }

    /* 공통 */
    #page_cont .inner{
        padding: 0 20px;
    }
    .page-head{
        margin-bottom: 90px;
    }
    #page_cont > section{
        padding: 120px 0;
    }
    #page_cont > section.no-bottom{
        padding: 120px 0 0;
    }

    /* company */
    .company .img-text-wrap{
        gap: 50px;
        margin-bottom: 100px;
    }
    .company .img-text-wrap .text-box{
        margin: 50px 0 0;
    }
    .company .img-text-wrap .img-wrap{
        padding-top: 50px;
    }
    .company .s-full-wrap{
        padding: 150px 20px;
        margin-bottom: 100px;
    }
    .company .full-wrap{
        padding: 150px 0;
    }

    /* vision */
    .full-wrap{
        padding: 150px 0;
    }
    .vision .value-wrap{
        margin-top: 100px;
    }
    .vision .value-wrap .icon-plus{
        display: none;
    }
    .vision .value-wrap .icon-plus::before{
        content: none;
    }

    /* esg */
    .half-wrap .item{
        gap: 70px;
        align-items: flex-start;
    }
    .half-wrap .item:nth-child(even){
        margin-top: 90px;
    }

    /* location */
    .location .text-wrap{
        margin: 50px 0;
    }

    /* product */
    .product .category-wrap{
        padding: 90px 0;
        margin: 90px 0;
    }
    .product .fabric-wrap{
        margin-top: 90px;
    }
    .half-wrap .text-wrap .mark{
        font-size: 80px;
    }
    


    /* manu */
    .manu .tab-wrap{
        gap: 70px;
    }
    .manu .system-wrap{
        padding: 90px 0;
        margin: 90px 0;
    }

    /* archive */
    .archive .img-text-wrap{
        margin-top: 90px;
        gap: 70px;
    }
    .archive .img-text-wrap > .img-wrap .img-box::before{
        top: 20px;
        left: 20px;
    }
    


    /* 게시판 */
    /* news */
    .news #bo_gall #gall_ul{
        gap: 50px 20px;
    }
    /* view */
    .inner_box #bo_v_title .bo_v_tit{
        padding: 50px 20px;
    }
    .inner_box #bo_v_atc{
        padding: 50px 20px;
    }

    /* noetice */
    /* view */
    .inner_box .if_date{
        padding: 20px 40px;
        font-size: 14px;
    }
}


@media (max-width: 905px){
    /* cert */
    /* .cert #bo_gall #gall_ul{
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 22px;
    } */
    /* sub-page */
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li.on a::after{
        content: none;
    }
    #page_cont, #page_title .inner-wrap .contents .page-tit, #page_title .inner-wrap .contents .page-tab-menu .tab-inset {
        padding: 0;
    }

}

/* 모바일 */
@media (max-width: 768px) {
    /* reset */
    body{
        font-size: 14px;
    }
    br.tab{
        display: none;
    }

    /* footer */
    footer{
        font-size: 14px;
    }
    footer .footer-wrap{
        padding: 60px 20px 40px;
    }
    footer .top .footer-logo{
        width: 160px;
    }
    footer .top .info-wrap{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    footer .top .info-wrap li{
        /* flex-direction: row; */
        /* gap: 5px; */
    }
    footer .bottom{
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }


    /* font-size */
    #main_wr .visual .text-box .banner-tit,
    #main_wr .company .main-tit,
    #page_title .inner-wrap .contents .page-tit .titset h1{
        font-size: 40px;
    }
    .page-head-tit,
    .main-tit{
        font-size: 32px;
    }
    .sub-tit,
    .fs40,
    .inner_box #bo_v_title .bo_v_tit{
        font-size: 28px;
    }
    .fs32{
        font-size: 20px
    }
    .fs28{
        font-size: 18px;
    }
    .fs24, .news #bo_gall .gall_text_href a .news-title, .fs22, .page-head-sub, .fs20, #page_cont .back-to-list .btn, .news_table .td_datetime, .sub-news .td_subject > a .sub-area .bo_tit, .tbl_head01 td
    {
        font-size: 16px;
    }
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li a{
        font-size: 14px;
    }

    /* index */
    #main_wr .visual .inset .banner .text-box{
        bottom: 21%;
    }
    #main_wr .company .inner{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    #main_wr .company .text-wrap{
        position: relative;
        transform: translate(0);
        top: auto;
        left: auto;
    }
    #main_wr .company .img-wrap{
        width: 100%;
        margin: 0;
        max-height: 450px;
    }
    #main_wr .company p{
        margin: 12px 0 30px;
    }

    #main_wr .product .product-list li:not(:last-child){
        margin-bottom: 30px;
    }
    #main_wr .product .product-list .img-area{
        transform: translateX(-20px);
        width: calc(100% + 20px);
        /* width: 100%; */
        height: 20vw;
        min-height: 100px;
    }
    #main_wr .product .product-list li:nth-child(even) .img-area{
        margin: 0;
        transform: translateX(0);
    }
    #main_wr .product .product-list .text-wrap{
        position: static;
        width: auto;
        text-align: right;
        margin-top: 20px;
    }
    #main_wr .product .product-list li:nth-child(even) .text-wrap{
        text-align: left;
    }

    #main_wr .esg .card-wrap{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    #main_wr .esg .card-wrap .card{
        min-height: auto;
        padding: 30px 40px;
        height: auto;
    }
    #main_wr .esg .card-wrap .tit{
        margin: 30px 0 12px;
    }
    #main_wr .esg .card-wrap p{
        margin-bottom: 12px;
    }

    /* subpage */
    #page_title{
        height: 400px;
    }
    #page_title .inner-wrap .contents .page-tit{
        /* height: calc(100% - 60px); */
    }
    #page_title .inner-wrap .contents .page-tab-menu{
        /* height: 60px; */
    }
    #page_title .inner-wrap .contents .page-tab-menu{
        border: 0;
        position: relative;
    }
    #page_title .inner-wrap .contents .page-tab-menu::after{
        content: '';
        position: absolute;
        top: 9px;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, .3);
    }
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2{
        overflow-x: auto;
    }
    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list{
        gap: 40px;
        white-space: nowrap;
        padding-top: 10px;
    }

    #page_title .inner-wrap .contents .page-tab-menu .tab-inset .dp2 .dp2-list li a{
        line-height: 60px;
    }

    /* 공통 */
    #page_cont > section{
        padding: 100px 0;
    }
    #page_cont > section.no-bottom{
        padding: 100px 0 0;
    }
    .page-head {
        margin-bottom: 70px;
    }
    .sub-tit{
        margin-bottom: 20px;
    }
    
    


    /* company */
    .company .img-text-wrap{
        flex-direction: column-reverse;
    }
    .company .img-text-wrap .img-wrap{
        padding: 0;
        max-height: 450px;
        overflow: hidden;
    }
    .company .img-text-wrap .img-box{
        max-height: 450px;
        overflow: hidden;
    }
    .company .img-text-wrap.itw2{
        flex-direction: column;
    }

    /* vision */
    .vision .value-wrap .text-wrap{
        margin-bottom: 50px;
    }
    .vision .value-wrap .icon-wrap{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        max-width: 330px;
        gap: 30px;
    }

    /* history */
    .history .year-sticky{
        display: none;
    }
    .history .items .cont-item .year-wrap {
        position: static;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        clip-path: none;
        white-space: normal;
        margin: 50px 0 30px;
    }
    .history .cont-item:first-child .year-wrap{
        margin-top: 0;
    }
    .page-head-tit{
        margin-bottom: 12px;
    }
    .history .cont-item .timeline-wrap li{
        padding: 20px 0;
    }

    /* esg */
    .half-wrap .item{
        flex-direction: column-reverse;
        gap: 50px;
        align-items: flex-start;
    }
    .half-wrap .img-wrap .img-box{
        max-height: 420px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .half-wrap .text-wrap .mark{
        font-size: 80px;
        display: none;
    }
    .half-wrap .item:nth-child(even){
        flex-direction: column-reverse;
    }
    .half-wrap .text-wrap .icon-wrap{
        margin-top: 20px;
        gap: 12px;
    }

    /* location */
    .location .text-wrap{
        flex-direction: column;
    }
    .location .map-wrap iframe{
        max-height: 400px;
    }
    .location .img-wrap{
        max-height: 400px;
    }
    

    /* product */
    .product .category-wrap .category-list{
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .product .category-wrap .category-item{
        padding: 30px;
    }

    .product .half-wrap .item{
        flex-direction: column;
    }
    .product .contact-wrap{
        padding: 100px 0 20px; 
    }
    .product .contact-wrap .donga-btn{
        margin-top: 30px;
    }
    

    /* manu */
    .manu .tab-wrap{
        flex-direction: column;
        gap: 40px;
    }
    .manu .manu-wrap{
        margin-top: 60px;
    }
    .manu .tab-wrap .img-wrap{
        flex: none;
        width: 100%;
        height: 380px;
    }
    .manu .tab-wrap .img-wrap .img-item{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }
    .manu .tab-wrap .text-wrap{
        flex: none;
        width: 100%;
    }
    .manu .tab-wrap .tab-item{
        padding: 20px 0;
    }

    /* archive */
    .archive .cont-wrap{
        gap: 20px;
    }
    .archive .cont-wrap .tit{
        margin: 20px 0 10px;
    }
    .archive .banner-wrap img{
        min-height: 350px;
    }
    .archive .img-text-wrap{
        flex-direction: column;
        gap: 50px;
    }
    .archive .img-text-wrap .img-box img{
        max-height: 350px;
    }
    .archive .img-text-wrap .text-box{
        margin-top: 0;
        margin-bottom: 50px;
    }
    .archive .img-text-wrap .text-wrap .img-box{
        padding-top: 60px;
        overflow: hidden;
    }
    .archive .img-text-wrap .text-wrap .img-box .watermark{
        top: 0;
        right: auto;
        left: 0;
        font-size: 60px;
        transform: none;
    }
    .archive .img-text-wrap > .img-wrap .img-box::before{
        content: none;
    }
    



    /* inquiry */
    .inquiry .page-head{
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    #email-form-wrap form .emlist li{
        flex-direction: column;
        gap: 0;
    }
    #email-form-wrap form .emlist li .item{
        width: 100%;
    }
    #email-form-wrap form .emlist li + li{
        margin: 0 !important;
    }
    .inquiry .send-wrap{
        margin-top: 40px;
    }

    /* 게시판 */
    .inner_box .pg_wrap{
        margin-top: 50px;
    }
    /* news */
    .news-swiper{
        overflow:hidden;
    }
    #main_wr .news .lat.m_news ul{
        display:flex;
        gap: 0;
    }
    .news-swiper .swiper-slide{
        width:auto; 
    }
    .news #bo_gall #gall_ul{
        grid-template-columns: repeat(2, 1fr);
    }
    /* view */
    .inner_box #bo_v_title .bo_v_tit{
        padding: 30px 20px;
    }
    .write-info-box{
        padding: 0 20px;
    }
    #page_cont .back-to-list{
        margin-top: 50px;
    }

    /* notice */
    .inner_box .news_table td{
        padding: 25px 10px;
    }
    /* view */
    .inner_box .if_date{
        padding: 20px;
    }

    /* inquiry */
    





}

@media (max-width: 767px) {
    .write-info-box .write-info {
        flex: 1;
    }
}

@media (max-width: 599px) {
    /* reset */
    br.mo{
        display: none;
    }

    /* footer */
    footer .top .info-wrap{
        grid-template-columns: repeat(1, 1fr);
        gap: 14px;
        margin-top: 30px;
    }
    

    /* font-size */
    #main_wr .visual .text-box .banner-tit,
    #page_title .inner-wrap .contents .page-tit .titset h1{
        font-size: 36px;
    }
    .page-head-tit,
    .main-tit,
    #main_wr .company .main-tit{
        font-size: 28px;
        line-height: 1.3;
    }
    .sub-tit,
    .fs40,
    .inner_box #bo_v_title .bo_v_tit{
        font-size: 24px;
    }

    /* index */
    #main_wr .company,
    #main_wr .product,
    #main_wr .esg{
        padding: 75px 0;
    }
    #main_wr .news{
        padding: 75px 0 100px;
    }

    #main_wr .company p{
        margin: 12px 0 20px;
    }
    
    #main_wr .product .product-list{
        margin-top: 30px;
    }
    #main_wr .product .product-list .text-wrap{
        margin-top: 12px;
        gap: 5px;
    }

    
    #main_wr .esg .tit-wrap p{
        margin: 12px 0 20px;
    }
    #main_wr .esg .card-wrap{
        margin-top: 30px;
        gap: 12px;
    }
    #main_wr .esg .card-wrap .card{
        padding: 24px;
        height: auto;
    }
    #main_wr .esg .card-wrap .tit{
        margin: 12px 0 0px;
    }

    #main_wr .news .tit-wrap{
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    #main_wr .news .lat.m_news ul{
        padding-top: 30px;
    }
    #main_wr .news .lat.m_news ul .basic_li{
        padding: 20px 0 0;
    }

    /* sub-page */
    /* 공통 */
    .page-head{
        margin-bottom: 50px;
    }
    .sub-tit{
        margin-bottom: 12px;
    }
    
    /* company */
    .company .img-text-wrap{
        margin-bottom: 75px;
    }
    .company .s-full-wrap{
        margin-bottom: 75px;
        padding: 120px 20px;
    }
    .company .full-wrap{
        padding: 120px 0;
    }

    /* vision */
    .full-wrap{
        padding: 100px 0;
    }
    .vision .value-wrap{
        margin-top: 75px;
    }
    .vision .value-wrap .icon-wrap .icon-box img{
        width: 40px;
        height: 40px;
    }
    .vision .value-wrap .icon-wrap{
        max-width: 250px;
    }

    /* esg */
    .half-wrap .img-wrap .img-box{
        max-height: 350px;
    }
    .half-wrap .text-wrap .mark{
        font-size: 70px;
    }
    .half-wrap .item:nth-child(even){
        margin-top: 70px;
    }
    .half-wrap .text-wrap .icon-wrap{
        height: 44px;
    }
    .half-wrap .item{
        gap: 30px;
    }

    /* location */
    .location .text-wrap .info-wrap li span{
        width: 80px;
    }
    .location .text-wrap{
        margin: 30px 0;
    }
    .location .map-wrap iframe{
        max-height: 320px;
    }
    .location .img-wrap{
        height: 280px;
    }

    /* product */
    .product .category-wrap .category-item .tit{
        padding: 0px 5px 10px;
    }
    .product .category-wrap .list-wrap{
        margin-top: 10px;
    }
    .product .category-wrap{
        padding: 50px 0;
        margin: 50px 0;
    }
    .product .category-wrap .category-list{
        gap: 12px;
    }
    .product .category-wrap .category-item{
        padding: 24px;
    }
    .product .fabric-wrap{
        margin-top: 50px;
    }
    

    /* manu */
    .manu .system-wrap{
        padding: 50px 0;
        margin: 50px 0;
    }

    /* archive */
    .archive .img-text-wrap{
        margin-top: 50px;
        gap: 30px;
    }
    .archive .img-text-wrap .text-wrap .img-box .watermark{
        font-size: 8vw;
    }
    .archive .img-text-wrap .text-wrap .img-box{
        padding-top: 40px;
    }
    



    
    /* 게시판 */
    .inner_box .pg_wrap .pg {
        gap: 12px;
    }
    .inner_box .pg_wrap .pg .pg_current{
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    /* news */
    .news #bo_gall #gall_ul{
        gap: 30px 12px;
    }
    /* view */
    .write-info-box .write-info {
        padding: 12px 0;
    }
    .inner_box #bo_v_title .bo_v_tit{
        padding: 30px 0px;
    }
    .inner_box #bo_v_atc{
        padding: 40px 0px;
    }

    /* notice */
    .news_table .td_datetime, .tbl_head01 td{
        font-size: 14px;
    }
    .inner_box .news_table td{
        padding: 25px 10px !important;
    }
    .sub-news .td_subject > a .sub-area .bo_tit{
        padding: 0 10px;
    }
    /* view */
    .inner_box .if_date{
        padding: 12px 20px;
    }

}

@media (max-width: 575px) {
    .write-info-box .write-info {
        padding: 12px 0;
    }
}