@charset "UTF-8";

@media(max-width:1260px){
    .lnb .now_menu {font-size: 18px;letter-spacing: -1px;}
    .lnb .now_menu > img {display: none;}
    
    /* NEWS */
    .board_list .list_tbl th.m_none {display: none;}
    .board_list .list_tbl td.m_none {display: none;}
    .board_list .list_tbl th:nth-of-type(2) {width: 90%;}
    .board_view .title .tit {width: 100%;border-right: none;}
    .board_view .title .name_date {width: 100%;text-align: left;}
    .board_view .pn_list dd {width: 100%;padding-left: 0;}
    .board_view .pn_list dt {width: 100%;}

    /* Contact */
    .contact_box .contact_info > ul > li input {width: 100%;}
    .contact_box .contact_info > ul > li label {margin-bottom: 1rem;width: 100%;}
    .contact_box .contact_info > ul > li.half {width: 100%;}
    .contact_box .contact_info > ul > li.half label {width: 100%;}
    .contact_box .contact_info > ul > li.half label.short {padding-left: 20px;}
    .contact_box .contact_info > ul > li.half label.short::before {left: 5px;}
    .contact_box .contact_info > ul > li.half input {width: 100%;}
    .contact_box .contact_info > ul > li textarea {width: 100%;}

    /* About Cerins */
    .about .down_box > ul > li {width: 80%;}
    .about .down_box > ul > li:first-of-type {margin-right: 0;margin-bottom: 1rem;}
    .about .center > ul > li {width: 50%;border: 1px solid #d7d7d7;}
    .contact_banner .container > div {display: block;}
    .contact_banner .container .btn_box {float: none;display: inline-block;}
    .contact_banner .btn_box {margin-top: 1rem;}
    .contact_banner .btn_box > ul > li {display: inline-block;}
    .contact_banner .btn_box > ul > li:first-of-type {margin: 0 1rem 0 0;}

    /* related_service */
    .trcu .related_service > ul > li {width: 33%;}
    .trcu .related_service > ul > li > a {display: block;}

    
}

@media(max-width:970px){
    /* NEWS */
    .board_post .post_item label {width: 100%;margin-bottom: 1rem;}
    .board_post .title input {width: 100%;}
    .board_post .content #cke_bd_content {width: 100%;}

    /* related_service */
    .trcu .related_service > ul > li {width: 49%;}
}

@media(max-width:640px){
    /* NEWS */
    .board_view .upload .upload_name i {display: block;padding-left: 67px;}
    
    /* About Cerins */
    .about .down_box > ul > li {width: 100%;}
    .about .center > ul > li {width: 100%;}
    .contact_banner .btn_box > ul > li > a {padding: 1rem 2rem;}

    /* TRUC */
    .trcu .pop_box .certi_img > img {width: 330px;}
    .trcu .pop_box .certi_img {padding-top: 130px;}

    /* related_pop */
    .related_pop_box .related_img {padding-top: 130px;}
    .related_pop_box .related_img > img {width: 330px;}

    /* related_service */
    .trcu .related_service > ul > li {width: 100%;margin-bottom: 15px;}
    
}

@media(max-width:480px){
    /* subVisual */
    .sub_visu {height: 270px;}
    .sub_visu h1 {font-size: 24px;}
    
    /* Contact */
    .contact_box .law {padding: 1rem;}

    /* vision */
    .vision .vision_box > ul > li::before {display: none;}

    /* TRCU */
    .trcu .conformity_list > li > a span {display: block;}
    .trcu p.regulation_btn_tit {letter-spacing: -1px;}
}

@media(max-height:780px){
    /* TRCU */
    .trcu .pop_box .certi_img {padding-top: 135px;}

    /* related_pop */
    .related_pop_box .related_img {padding-top: 135px;}
}