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

    .inner-box{padding: 0 20px;}
    .inner{width: 95%;}
    #wrap{padding-top: 80px;}
    
    #header{height: 80px;}
    #header .gnb{display: none;}
    #header #menu_btn{display: block;}
    #header .logo{width: 180px; padding-top: 14px;}

    #header .csNumber{right: auto; bottom: -6px; left: 200px;}
    #header .csNumber img{height: 60px;}

    #footer .footer_txt{font-size: 12px;}
    #footer .footer_logo{width: 155px; padding-top: 10px;}
    

    /* sub */
    .lnbArea.active{top: 80px;}
    #sub_header .sub_figure{height: 140px; padding-top: 59px;}
    #sub_header .sub_figure .sub_figure_txt .t1{font-size: 28px;}

    /* sub01 */
    .subContainer h2{font-size: 26px; margin-bottom: 70px;}
    
    .company01 .imgBox{width: 100%;}

    .company02 .imgBox{width: 35%;}
    .company02 .imgBox img{width: 60%;}
    .company02 .txtBox{width: 65%; font-size: 23px; margin-top: 100px;}

    .company04{}
        .planList > li{padding: 20px 0 20px 190px;}
        .planList > li > img{top: 50%; margin-top: -77px;}
        .planList > li .t1{font-size: 18px;}
        .planList > li ul li{float: none; width: 100%; font-size: 15px;}

    /* sub02 */
    #galleryView{height: 600px;}
    #galleryThumb{height: 100px;}
    .galleryArea #galleryView .imgBox{height: 600px;}
    .galleryArea #galleryView .imgBox i{height: 600px;}
    .galleryArea #galleryThumb .imgBox{height: 100px;}
    .galleryArea #galleryThumb .imgBox i{height: 100px;}

    .subContainer .cate{font-size: 22px; margin-bottom: 20px;}
    .galleryList article{width: 48%; margin-bottom: 20px;}
    .galleryList article:nth-child(4n),
    .galleryList article:nth-child(2n){float: right; margin-right: 0;}
    .galleryList article .subject{font-size: 16px;}

    .zoomBox.t02{overflow: auto;}
    .zoomBox.t02 .imgBox{ padding-top: 40%; padding-bottom: 70%;}
    .zoomBox.t02 img{height: auto; width: 90%; }

    .b-Box{width: 95%;}
    .b-Box .txtArea{font-size: 15px;}
    .company05 .rightBox .b-Box{padding: 60px 15px 37px 15px;}

    /* sub04 */
    .root_daum_roughmap {width: 100%!important;}
    .locationInfo h3{font-size: 22px;}
    .locationInfo .infoList li{background-size: auto 70%; padding-left: 70px; padding-top: 15px; }
    .locationInfo .infoList li .t1{margin-top: 0; font-size: 16px;}
    .locationInfo .infoList li .t2{font-size: 13px;}

    /* board */
    .BoardView .title{float: none; width: 100%;}
    .BoardView .h_info{float: none; width: 100%; margin-top: 10px;}
    .BoardView .h_info li{font-size: 13px;}
    .BoardView .h_info li b{font-size: 13px;}

    .boardList header ul li.check{width: auto;}
    .boardList header ul li.num{width: 7%;}
    .boardList header ul li.subject{width: 45%;}
    .boardList header ul li.name{width: 18%;}
    .boardList header ul li.date{width: 15%;}
    .boardList header ul li.hit{width: 12%;}

    .boardList article ul li.check{width: auto;}
    .boardList article ul li.num{width: 7%;}
    .boardList article ul li.subject{width: 45%; text-align: left;}
    .boardList article ul li.name{width: 18%;}
    .boardList article ul li.date{width: 15%;}
    .boardList article ul li.hit{width: 12%;}

    /* reply */
    #Reply{width: 95%; margin: 0 auto;}
}
@media all  and (max-width: 1054px){
    .company05 .leftBox,
    .company05 .rightBox{float: none; width: 100%; height: auto; left: auto; margin-top: 50px;}
    .company05 .rightBox .b-Box{height: auto;}
    
    .company05 .leftBox .b-Box.b01,
    .company05 .leftBox .b-Box.b02{left: auto; bottom: auto; top: auto; margin: 0 auto; position: relative;}
    .company05 .leftBox .b-Box.b01{margin: 0 auto 50px auto;}

    .company05 .leftBox .b-Box.b02 p .col1{width: 160px;}

}


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

    #wrap{padding-top: calc(65px) ;}
    .subContainer {min-height: 60vh;}
    
    #header{height: 65px;}
    #header #menu_btn{top: 20px;}
    #header .logo{width: 140px; padding-top: 14px;}
    .hide_gnb{margin: 150px auto 0 auto;}
    .hide_gnb > li > a{font-size: 20px;}

    #header .csNumber{position: fixed; top: 0; left: 0; width: 100%; text-align: center; height: 60px;}
    #header .csNumber img{height: 60px;}

    #footer.sub{margin-top: 50px;}
    #footer .footer_logo{float: none; width: 100%; text-align: center; padding-top: 0;margin-bottom: 10px;}
    #footer .footer_logo img{width: 120px;}
    #footer .footer_txt{text-align: center; font-size: 11px;}
    #footer .footer_txt br{display: none;}
    #footer .footer_txt span{display: inline-block;}
    #footer .footer_txt p.copyright{margin-top: 20px;}


    /* sub */
    #sub_header .sub_figure{height: 100px; padding-top: 40px;}
    #sub_header .sub_figure .sub_figure_txt .t1{font-size: 24px;}

    .lnbArea.active{top: 65px;}

    /* sub01 */
    .subContainer h2{font-size: 22px; margin-bottom: 30px;}

    .company{margin-bottom: 100px;}


    .company01 .txtBox{float: none; width: 100%;}
    .company01 .txtBox .t1{font-size: 22px;}
    .company01 .txtBox .t2{margin-bottom: 30px;}
    .company01 .txtBox .t3{margin-bottom: 10px; font-size: 13px;}
    .company01 .txtBox .ceo{margin-top: 60px; font-size: 16px; height: 25px;}

    .company02 .imgBox{float: none; width: 30%; margin: 0 auto;}
    .company02 .imgBox img{width: 80%;}
    .company02 .txtBox{float: none; width: 90%; margin: 20px auto; font-size: 3.5vw; background-size: 20px; padding: 23px 20px; line-height: 1.6;}

    .company03 img{width: 60%;}

    .company04{}
        .planList > li{padding: 20px 10px 20px 135px;}
        .planList > li > img{height: 100px; margin-top: -50px;}
        .planList > li .t1{font-size: 15px;}
        .planList > li ul li{font-size: 12px;}

    .b-Box h4{font-size: 16px; height: 45px; top: -22px; line-height: 35px;}
    .b-Box .txtArea{font-size: 14px;}
    .company05 .leftBox .b-Box{padding: 60px 0 37px 0;}
    .company05 .leftBox .b-Box .txtArea{font-size: 17px; line-height: 40px;}
    .company05 .leftBox .b-Box.b02 p .col1{width: 145px;}

    /* sub02 */
    #galleryView{height: 500px;}

    .galleryArea #galleryView .imgBox{height: 500px;}
    .galleryArea #galleryView .imgBox i{height: 500px;}

    .zoomBox.t01{overflow: auto;}
    .zoomBox.t01 .imgBox{padding-top: 20%;}
    .zoomBox.t01 .imgBox img{height: auto; width: 90%;}

    /* sub03 */
    .buildingInfo dt{font-size: 14px;}
    .buildingInfo dd{font-size: 12px;}

    /* sub04 */
    .wrap_map{height: 300px!important;}
    .locationInfo h3{font-size: 20px;}
    .locationInfo .infoList li{ width: 100%; float: none; margin-bottom: 10px;}

    .askBox .t1{font-size: 17px;}
    .askBox .t2{font-size: 14px;}


    /* board */
    .boardList header{display: none;}
    .boardList .articles article:nth-child(1){border-top: 1px solid #ccc;}
    .boardList article ul{border-bottom: none;}
    .boardList .articles article{position: relative; width: 100%; height: auto; border-bottom: 1px solid #ccc; padding: 5px 5px 5px 40px;}
    .boardList .articles article li{float: none; height: auto; line-height: inherit;  text-align: left; font-size: 12px;}
    .boardList .articles article li.check{position: absolute; left: 0;}
    .boardList .articles article li.num{position: absolute; left: 10px; text-align: center; width: 40px;}
    .boardList.checkOff .articles article li.num{left: 0;}
    .boardList article ul li.subject{width: 95%; margin-bottom: 10px;}
    .boardList article ul li.name,
    .boardList article ul li.date,
    .boardList article ul li.hit{display: inline-block; width: auto; font-size: 12px; color: #888;}
    .boardList article ul li.name::after,
    .boardList article ul li.date::after{content: "/"; margin: 0 5px; color: #999;}

    .BoardView{margin-bottom: 100px;}
    .BoardView .title{font-size: 14px;}
    .BoardView .h_info li{font-size: 12px; line-height: 20px;}
    .BoardView .contents{font-size: 13px;}
    .BoardView .bottomBtn .mBtn{font-size: 15px; height: 35px; line-height: 35px; margin-top: 20px;}
    .BoardView .date::before, .BoardView .date::after{display: none;}
    .BoardView .h_info li{margin-right: 10px;}

    table.write th{width: 20%; font-size: 12px;}
    table.write input[type=text], table.write input[type=tel], table.write input[type=email], table.write input[type=password], table.write textarea{font-size: 12px; font-weight: 400;}

    #Reply h3{font-size: 15px;}
    .replyWrite div.option{font-size: 12px;}
    .replyWrite fieldset.text{padding-right: 100px;}
    .replyWrite fieldset.text textarea,
    .replyWrite fieldset.text .btn{height: 80px; width: 90px;}

    .boardList .galleryList article{height: 200px; width: 49%; padding: 0;}
    .boardList .galleryList article .thumb{height: 200px;}

    .boardSearch select{width: 30%;}
    .boardSearch input[type="text"]{width: 40%;}
    .boardSearch button{width: 20%;}

}

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

    #wrap{padding-top: calc(55px) ;}
    
    #header{height: 55px;}
    #header #menu_btn{height: 22px; top: 17px;}
    #header #menu_btn .bar{height: 3px;}
    #header #menu_btn.on .bar03{bottom: 8px;}
    #header .logo{width: 120px; padding-top: 14px;}
    .hide_gnb{margin: 100px auto 0 auto;}
    .hide_gnb > li > a{font-size: 18px;}



    /* sub */
    #sub_header .sub_figure .sub_figure_txt .t1{font-size: 22px;}

    .lnbArea.active{top: 55px;}
    .lnbArea{height: 35px; line-height: 35px;}
    .lnbArea .lnb li a{font-size: 3vw; white-space: nowrap;}

    /* sub01 */
    .subContainer h2{font-size: 18px;}
    .subContainer h2::after{margin: 10px auto;}

    .company{margin-bottom: 70px;}

    .company01 .txtBox .t1{font-size: 18px;}
    .company01 .txtBox .t2{font-size: 15px;}
    .company01 .txtBox .ceo{font-size: 15px; height: 18px; margin-top: 30px;}
    
    .company02 .txtBox{background-size: 15px; padding: 20px 10px;}

    .company04{}
        .planList > li{padding: 110px 10px 20px 10px; border-radius: 10px; text-align: center;}
        .planList > li > img{height: 80px; margin-top: 0; top: 10px; left: 50%; margin-left: -40px;}
        .planList > li .t1{font-size: 14px;}
        .planList > li ul li{font-size: 12px;}
        .planList > li ul li::before{display: inline-block; position: relative; margin-right: 10px;}

    .company05{}


    /* sub02 */
    #galleryView{height: 345px;}
    .galleryArea #galleryView .imgBox{height: 345px;}
    .galleryArea #galleryView .imgBox i{height: 345px;}


    .subContainer .cate{font-size: 18px;}
    .galleryList article{height: 192px;}
    .galleryList article .thumb{height: 192px;}
    .galleryList article .subject p{padding: 0 10px; font-size: 3vw; height: 50px;}

    .buildingInfo br{display: none;}
    .buildingInfo .ltxt{margin-bottom: 10px;}


    /* board */
    table.write th{width: 28%; font-size: 2.5vw;}
    
    .BoardView .bottomBtn .mBtn{font-size: 12px; width: 70px; margin: 0 1px;}

    #Reply textarea{font-size: 12px;}
    .replyWrite fieldset.text .btn button{font-size: 12px;}
    #replyListContents{font-size: 12px;}

}