@media screen and (max-width:768px) {
  body { padding-top: 0; }

    #header .logo{
        margin: 0px;
        text-align: left;
        display: block;
    }
    #cd-menu-trigger {
        display: block
    }

    .page-container {
        padding-top: 50px
    }
    #lnb,
    .gnb,
    .login_info {
        display: none
    }

    #top-menu {
        min-height: 70px;
        height: 70px
    }

    #top-menu .container {
        text-align: center;
        width: 100%
    }
    #top-menu .logo img {
        max-height: 30px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .call_center{display: none;}

    /* 폼 커스텀 */
    .detail_value .frm_input2{
        width: 98%;
    }
    /* 메인 top bxslide */

    h1.h1_logo .sp_com, .btn_gnb, .box_btn_move_control button.btn_slide_prev, .box_btn_move_control button.btn_slide_next, .main_visual_list li a span.sp_com, .main_prd_list li a .sp_com {
        background-size: 400px 400px;
    }
    .wrap_visual_main{padding:0;min-width:auto}
    .main_visual_list li{height:370px}
    .box_btn_move_control button{width:15px;height:24px;margin-top:-15px}
    .box_btn_move_control button.btn_slide_prev{background-position:-63px -30px;left:10px}
    .box_btn_move_control button.btn_slide_next{background-position:-78px -30px;right:10px}
    .main_visual_list li a span.sp_com{margin-top:70px;width:62px;height:55px}
    .main_visual_list li.main_visual01{background-image:url(/resources/template/chc/img/bg_main01_m.png)}
    .main_visual_list li.main_visual02{background-image:url(/resources/template/chc/img/bg_main02_m.png)}
    .main_visual_list li.main_visual03{background-image:url(/resources/template/chc/img/bg_main03_m.png)}
    .main_visual_list li.main_visual02 a span.sp_com{background-position:0 -126px}
    .main_visual_list li.main_visual03 a span.sp_com{background-position:-63px -126px}
    .main_visual_list li.main_visual04 a span.sp_com{background-position:-126px -126px}
    .main_visual_list li.main_visual05 a span.sp_com{background-position:-189px -126px}




    .main_visual_list li a p.tit .str{font-size:17px}
    .main_visual_list li.main_visual01 a .wrap_tit{margin:128px 0 0;text-align:center}
    .main_visual_list li.main_visual01 a p.tit{text-align:center}
    /*.main_visual_list li.main_visual01 a span.sp_com{display:none}*/
    .main_visual_list li.main_visual01 a p.tit .str{font-size:17px;line-height:1.5;margin-bottom:10px}



    .main_visual_list li a p.tit{line-height: 25px;}
    .main_visual_list li a p.down_tit{line-height: 20px; margin-top: 10px;}
    .main_visual_list li a p.en_tit{font-size: 1.5em; font-weight: 600;}
    .main_visual_list li a p.kr_tit{font-size: 1.0em;}


    .bx-controls-auto{margin-left:10px}
    .bx-has-controls-auto{bottom:20px;width:300px;margin-left:-150px}
    .bx-default-pager .bx-pager-item a{width:25px;height:2px}
    .main_visual_list li a p.n_tit{
        font-size: 14px;
    }
    .main_visual_list li a p.n_tit span.str{
        font-size: 16px;
    }
    .wrap_prd_gallery{display: none;}

    .layout {
        width: auto;
        padding: 0 10px;
    }

    .business_list{
        margin-bottom: 10px;
    }
    .sub_top_deco{
        display: none;
    }

    #content .page_info {
        margin: 0px;
    }

    .main_showroom .sr_wrap{
        padding-top: 65px;
        text-align:center;
    }
    /*****************************
     ** 서브페이지 상단 nav
     *****************************/
    .navi_area{/*margin-top: 24px;*/}
    .navi_dp1_list>.navi_dp1>a{
        width: 116px;
        padding: 0px 12px;
        overflow-x: hidden;
    }
    /*******************
     ** 기업소개 -> CI,BI
     ******************/
    .ci_sub_color{margin-top: 10px;}


    /*******************
     ** 기업소개 -> 오시는길
     ******************/
    div.cl_href > span > img {
        width: 100%;
        height: auto;
    }
    .cl_tbl_li {
        min-height: 133px;
    }
    .cl_con > div.cl_href {
        position: relative;
        width: 100%;
        height: auto;
        top: 0px;
        left: 0px;
    }
    .cl_con > div.cl_text {
        padding-left: 0px;
        padding: 10px;
    }
    div.cl_text > div.cl_content p span.addr{
        display: inline;
    }
    #bo_v .detail_box > div.box_con2 {
        width: 100%;
        float: none;
    }

    #bo_v .detail_box > div.box_con3 {
        width: 100%;
        float: none;
    }

  #bo_v .detail_box > div.box_con4 {
    width: 100%;
    float: none;
    }

    /* bbs 카테고리 & 검색 */
    div.search_wrap > a.search_icon{
       right: 14px;
       top: 71px;
    }
    ul.snb_dul{display: none;}

    /* 제품소개 탑 */
    .prd_top_list{
        max-width: 437px;
        margin-top: 255px;
    }
    .prd_top_list li a:hover {
        width: 170px;

    }
    .prd_top_list li:first-child {
        margin-left: 25px;
    }
    .prd_top_list li {
        margin-bottom: 10px;
    }
    .prd_top_list li a {
        width: 117px;
        height: 81px;
        line-height: 81px;
        font-size: 14px;
    }
    .prd_top_list li.active a {
        width:116px;
        border:1px solid #ffffff;background-color:#77a4c7;
    }
    .prd_top_list li a:hover{width:116px;  border:1px solid #ffffff;background-color:#77a4c7;}


    .su_sv_07 > div > div > div.su_sv_07_con{
            padding: 15px 15px 156px 15px;
    }

    /* 채용탑 */
    .job_top_wrap > div > .job_top_con {
        width: 100%;
        height: 520px;
        position: static;
    }
    .job_top_wrap > div > .job_top_title{
        text-align: center;
        margin: 40px 0px;
    }

    /* 채용 > 복리후생 */
    .rc04_con01_wrap div.rc04_con01_con{
        height: 215px;
    }

    .po_sr_img{
        margin-left: 0px;
    }

    .rc01_con01_wrap .rc01_con01_list{
        margin-top: 15px;
    }
}