@charset "utf-8";

/* 테블릿 */
@media all and (max-width:1040px) {
  .m_menu_i,.noticeul::after,.t_none{display: none;}
  .menu_i{display: inline-block;}
  .t_br{display: block;}

  #header{padding: 18px 35px;}
  #header.h_on{padding: 0 35px;}
  .visual li{height: 810px;}
  .slide_text{padding-top: 355px;}
  .slide_text strong{font-size: 46px;}
  .slide_text div{font-size: 20px;}
  #footer{padding: 30px 35px;}
  .f_left{width: 70%;}
  .f_right{width: 30%;}
  .top_btn{right: 30px;}
  .reference_room{padding: 70px 35px;}
  .ref_L{width: 100%;}
  .ref_L .title{display: inline-block;}
  .ref_L .more_btn{float: right;margin-top: 5px;}
  .ref_R{width: 100%;margin: 0;}
  .our_service{padding: 90px 0;background-image: url('../images/main/T_our_service_bg.png');height: auto;}
  .titlebox::before{width: 98px;margin-right: 20px;}
  .osul{padding: 0 35px;}
  .osul li{width: 56%;margin-right: 0;}
  .os01{margin-top: 35px;}
  .os02{margin-top: 50px;float: right;}
  .os03{margin-top: 50px;}
  .os01::before{width: 239px;height: 238px;top: -86px;right: -125px;background-image: url('../images/main/T_os_icon01.png')}
  .os03::before{width: 190px;bottom: -54px;}
  .os_img img{width: 100%;}
  .bg_img01,.noticebox .taR{display: none;}
  .aboutbox{padding: 90px 35px 730px;}
  .about_text{width: 100%;text-align: center;margin-left: 0;padding-top: 0;}
  .about_text p{font-size: 17px;margin-bottom: 40px;}
  .atul{margin: 0 auto;}
  .bg_img02{background-image: url('../images/main/T_bg_img02.png');max-width: 699px;width: 100%;height: 440px;right: 50%;transform: translateX(50%);bottom: 90px;}
  .noticeul{padding: 0 70px;box-sizing: border-box;}
  .noticeul .owl-nav{text-align: center;}
  .sub_top{padding: 180px 35px 0;}
  .titlebox,.title{font-size: 34px;}
  .os_text strong{font-size: 22px;}
  .atul a span,.notice_text p{font-size: 18px;}
  .reful a{font-size: 17px;}
  .s_container{padding: 90px 35px;}
  .a_text{width: 100%;}
  .a_img{float: none;width: 100%;text-align: center;}
  .his-left .year-box{text-align: left;}
  .history .history-list{padding-left: 15%;}
  .history .his-left{padding-left: 0;padding-right: 85%;}
  .imgul li{width: 31.9%;}
  .board_table .taL{width: 63%;}
  .mailtr .inC{width: 32%;}
}

/* 모바일 */
@media all and (max-width:767px) {
  .m_none,.top_btn,.slide_text div,.aboutul .a_img{display: none;}
  .m_br{display: block;}

  .m_menuwrap{padding: 20px 25px 0;}
  .m_logo{margin: 70px 0 25px;}
  .m_logo img{width: 130px;}
  .m_menu_ul>li>a{height: 46px;line-height: 46px;font-size: 15px;}
  .depul{padding: 13px 30px 10px;}
  .depul li{line-height: 2;}
  .m_info{font-size: 13px;margin-top: 45px;}
  #header{padding: 15px 25px;}
  .logo a{width: 128px;}
  #header.h_on{padding: 0 25px;height: 80px;line-height: 80px;}
  #header.h_on .logo a{width: 115px;}
  #header.h_on .menu_i{margin-top: 28px;}
  .menu_i{width: 22px;background-size: 100%;}
  .visual li{height: 550px;background-size: cover;}
  .slide_text{padding: 220px 50px 0;}
  .flip{bottom: 35px;}
  .our_service{padding: 60px 0;}
  .osul{padding: 0 25px;}
  .os01::before{width: 120px;height: 121px;top: -45px;right: -61px;}
  .osul li{width: 86%;}
  .titlebox::before{width: 70px;}
  .os_text{margin-top: 25px;}
  .os_text strong{font-size: 19px;margin-bottom: 10px;}
  .os02,.os03{margin-top: 40px;}
  .arrow{width: 68px;height: 68px;background-size: 100%;}
  .os03::before{width: 120px;right: -55px;}
  .aboutbox{padding: 60px 25px 420px;}
  .about_text .title{margin-bottom: 25px;}
  .about_text p{font-size: 15px;margin-bottom: 35px;}
  .bg_img02{background-size: 100%;width: 320px;height: 206px;bottom: 50px;}
  .noticeul{padding: 0 40px 65px;;margin: 35px 0 0 0;}
  .notice_text{padding: 25px 15px 20px;}
  .noticeul .owl-nav{margin-top: 25px;}
  .about_notice{height: auto;}
  .reference_room{padding: 50px 25px;}
  .reful a{font-size: 16px;width: 100%;}
  .reful .date{display: none;}
  .more_btn{height: 34px;line-height: 32px;font-size: 14px;}
  #footer{padding: 30px 20px;}
  .f_left{width: 100%;margin-bottom: 20px;text-align: center;}
  .f_right{width: 100%;float: none;text-align: center;}
  .sub_top{padding: 140px 25px 0;height: 335px;}
  .homeli{width: 42px;}
  .snbli{margin-left: 0;width: 42%;}
  .selectitle{border-radius: 10px;font-size: 15px;height: 42px;line-height: 42px;padding: 0 16px;}
  .selecul{padding: 10px 15px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
  .selecli{line-height: 1.9;}
  .s_container{padding: 35px 10px;}
  .mT30{margin-top: 15px;}
  .mT45{margin-top: 20px;}
  .tabul li{width: 48.5%;margin-bottom: 8px;}
  .history{margin-top: 35px;}
  .history .history-list{padding-left: 25%;}
  .history .his-left{padding-left: 0;padding-right: 75%;}
  .history .his-left .year:before{margin-top: 4px;}
  .month{padding-bottom: 20px;}
  .month dd{padding-left: 10px;font-size: 14px;}
  .mT25{margin-top: 10px;}
  .map_text{margin-bottom: 30px;word-break: keep-all;}
  .map iframe{height: 250px;}
  .bsul{margin: 25px 0 0;}
  .bsul li{width: 100%;margin-right: 0;margin-bottom: 10px;text-align: center;}
  .bs_text{position: static;height: auto;width: 100%;text-align: left;}
  .bs_text div{font-size: 13px;height: 47px;width: 100%;}
  .li01{font-size: 17px;width: 100%;margin-bottom: 10px;}
  .li02{width: 100%;}
  .projectT{padding-bottom: 25px;}
  .projectB{padding-top: 25px;}
  .imgul li{width: 100%;margin-right: 0;margin-bottom: 10px;text-align: center;}
  .productul{margin-top: 30px;}
  .productul .owl-nav>div{width: 45px;height: 44px;}
  .mT70{margin-top: 25px;}
  .mT90{margin-top: 30px;}
  .searchbox select{padding-left: 5px;font-size: 13px;width: 30%;}
  .search_in{width: 60%;}
  .searchbox input{padding-left: 5px;font-size: 13px;width: 100%;}
  .board_table td{padding: 12px 3px;}
  .board_table .taL{width: 50%;}
  .pagination li a{font-size: 12px;margin: 0;}
  .board_view th{font-size: 15px;padding: 15px 0 15px 5px;width: 61%;}
  .board_view .headertr td{padding: 15px 5px 15px 0;}
  .board_view td{font-size: 13px;padding: 15px 0 15px 5px;}
  .viewbox{min-height: 140px;}
  .pnT th{padding: 12px 0 12px 10px;width: 75px;}
  .mT50{margin-top: 25px;}
  .list_btn,.btn_a61{font-size: 13px;width: 70px;height: 70px;line-height: 70px;}
  .tith5{font-size: 15px;margin-bottom: 15px;}
  .privacy{padding: 10px;font-size: 13px;}
  .in_table th{font-size: 13px;padding-left: 5px;width: 23%;}
  .in_table td{padding: 8px 0 8px 5px;font-size: 13px;}
  .basictr .inC{width: 100%;}
  .selC,.inC{font-size: 13px;padding-left: 5px;}
  .textarea{font-size: 13px;padding: 5px;height: 150px;}
  .teltr .inC,.teltr .selC{width: 30%;}
  .mailtr .selC{width: 100%;margin-top: 5px;}
  .mailtr .inC{width: 45.5%;}
  .spamtr .inC{width: 46%;}
  .smallT{font-size: 13px;display: block;margin-top: 5px;}
  .faq_list{margin-top: 25px;}
  .question_area{padding: 10px 0 10px 5px;}
  .question_area a{font-size: 13px;padding: 0 15px 0 10px;width: calc(100% - 45px)}
  .answer_area{padding: 10px;}
  .answer_con{width: calc(100% - 30px);}
  .portfolioul{margin-top: 25px;}
  .portfolioul li{width: 100%;margin-right: 0;margin-bottom: 30px;}
  .pf_img{text-align: center;}
  .pf_text{font-size: 15px;margin-top: 15px;}
  .bs_text{padding: 15px 10px;}
  

  /* 사이즈 */
  .slide_text strong{font-size: 38px;}
  .titlebox,.title,.sub_top>div>h2{font-size: 27px;}
  .n_date span{font-size: 26px;}
  .year{font-size: 18px;}
  .tith4{font-size: 17px;}
  .atul a span,.notice_text p,.a_text strong{font-size: 16px;}
  .os_text div,.sub_top>div>span,.fs18,.month dt,.map_text strong,.bs_text strong{font-size: 15px;}
  .depul a,.f_linkul a,.f_left p,.selecli a,.sub_t,.tabul a,.map_text div,.faq_list strong{font-size: 14px;}
  .family_site,.board_table,.pnT,.checkbox,.answer_con p{font-size: 13px;}

}

@media all and (max-width:374px){
  .m_logo{margin: 50px 0 30px;}
  .bg_img02{width: 290px;}
  .snbli{width: 40.5%;}
  .selectitle{font-size: 14px;}
}