@charset "UTF-8";
.moba_break{display: none; }
.moba_only{ display: none; }
@media only screen and (max-width : 1205px) {
  .inner{width: auto; }
  .break{display: none;}
  .moba_break{display: block; }
  .moba_only{display: block; }

  .header_wrapper{display: none; }

  footer .item_cell.logo{display: none; }
  footer .item_cell{display: block; }
  footer .footer_menu{text-align: center; }
  footer .footer_menu li{font-size: 13px; }
  footer .footer_menu li::before{margin: 0 2px; }
  footer .footer_menu li a{padding: 0 4px; }
  footer .footer_menu li:first-child a{padding: 0 4px 0 0 ;}
  footer .company_info{padding: 0 10px; font-size: 13px; width: 300px; margin: 10px auto; }
  footer .copyright{font-size: 12px; text-align: center; }
  footer .download{text-align: center; margin-top: 20px; }
  footer .download a{display: block; margin: 0 14px 0 14px; padding: 10px 22px 10px 25px; }


  .main_bg_wrapper{padding-top: 0; position: relative; background-size: cover;}
  .main_bg_wrapper .inner{height: 100vh; position: relative;  }
  .main_text{ position: absolute; right: 20px; top: 140px; }
  .main_text .type1{ font-size: 22px; line-height: 22px; }
  .main_text .type2{ font-size: 24px; line-height: 24px; margin-top: 6px; }
  .main_text .type3{ font-size: 16px; margin-top: 24px; line-height: 18px; }
  .main_text .type3 p{margin-top: 8px; }


  .call_moba_nav{ position: absolute; top: 14px; left: 14px; z-index: 100;
    background: linear-gradient(
      #fff 20%,
      transparent 20%,
      transparent 40%,
      #fff 40%,
      #fff 60%,
      transparent 60%,
      transparent 80%,
      #fff 80%
    );
  }
  .call_moba_nav a{display: block; font-size: 0; width: 100%; height: 100%; padding: 20px; }

  .moba_nav{ position: fixed; left: 0; height: 100vh; width: 80vw; z-index:20000; background-color: white;
    /* -webkit-transition: all 0.6s ease;
            transition: all 0.6s ease; */
    left: -80%;
  }
  .moba_nav.on{
    /* -webkit-transition: all 0.6s ease;
            transition: all 0.6s ease;
            transition-delay: 0.3s; */
    /* left: 0; */
  }
  .nav_bg{ position: fixed; left: 0; top: 0; height: 100vh; width: 100vw; background-color: black;
    transition: all 0.4s linear;
    z-index: 19000;
    opacity: 0;
  }
  .nav_bg.on{
    transition: all 0.4s linear;
    opacity: 0.6;
  }
  .nav_bg a{display: block; width: 100%; height: 100%; }

  .moba_logo{text-align: center; border-bottom: 1px #dddddd solid; height: 100px; width: 100%; vertical-align: middle; padding-top: 14px; position: absolute; top: 0; background-color: white; z-index: 120; }
  .moba_logo a{display: block; }
  .moba_nav_left{height: 100vh; width: 110px; background-color: #f7f7f7; position: absolute; left:0; top: 0; z-index: 130; margin-top: 100px; border-right: 1px #dddddd solid; }
  .moba_nav_left li{text-align: center; font-size: 16px; border-bottom: 1px #dddddd solid; }
  .moba_nav_left li a{display: block; padding: 12px 0; }
  .moba_nav_left li.on{background-color: #4678b7;}
  .moba_nav_left li.on a{color: white; }
  .moba_nav_right{text-align: left; padding: 110px 0 0 120px; overflow-y:scroll; font-size: 14px;
    height: 100vh;
    position:relative; }

  .moba_nav_depth1{font-size: 18px; margin-bottom: 50px; }
  .moba_nav_depth1_a{display: block; width: 100%; border-bottom: 1px solid #595757; padding: 5px 2px; }
  .moba_subnav{padding: 0 0 0 0; }
  .moba_nav_depth2{font-size: 14px; }
  .moba_nav_depth2 a{display: block; padding: 6px 10px; border-bottom: 1px #dddddd solid; }

  .moba_nav_extra{height: 400px; position: relative; margin-right: 10px; display: block; }
  .moba_nav_contact{border: 1px solid #595757; width: 100%; line-height: 16px; font-size: 16px; position: absolute; bottom: 10px; }
  .moba_nav_contact a{display: block; width: 100%; padding: 10px; font-weight: bold; text-align: center; }
  .moba_float_icon{ position: fixed; right: 0; bottom: 0; width: 20vw; padding: 10px; display: none; }
  .moba_nav.on .moba_float_icon{display: block; }
  .moba_float_icon li{width: 100%; border-radius: calc(20vw - 20px); height: calc(20vw - 20px); width: calc(20vw - 20px);
    background-color: white; margin-top: 10px;
    max-width : 40px;
    max-height: 40px;
    margin: 10px auto 0 auto;
  }
  .moba_float_icon li .align_middle_wrapper{display: table; width: 100%; height: 100%; font-family: sans-serif; }
  .moba_float_icon li a{display: table-cell; width: 100%; height: 100%; font-size: 0; text-align: center; vertical-align: middle; }


  .subtop{ margin-top: 0; position: relative; }
  .subtop .inner .subtitle{margin-bottom: 12px; }
  .sub_navi_wrapper{display: none; }
  .subtop .inner .subtitle{font-size: 32px; font-weight: normal;}
  .subtop .inner .Subtitle_eng{font-size: 24px; font-weight: normal;}
  /* .sub{overflow: hidden; } */


  .intitle{font-size: 32px; padding: 20px 0; font-weight: normal; }
  .intitle p{display: inline-block; padding: 0 20px; border-top: 2px #dddddd solid; border-bottom: 2px #dddddd solid; }


  .sub0101 .section_title_wrapper .section_title{font-size: 28px; line-height: 28px; }
  .sub0101 .section_title_wrapper .section_title_eng{font-size: 22px; line-height: 22px; }
  .sub0101 .section1{background-position: top center; background-size: auto 250px; margin-bottom: 100px; }
  .sub0101 .section2{background-position: top center; background-size: auto 250px; margin-bottom: 100px; }
  .sub0101 .section3{background-position: top center; background-size: auto 250px; }
  .sub0101 .section{width: 90%; max-width: 500px;}
  .sub0101 .section_wrapper{padding-top: 25px; }
  .sub0101 .section_title_wrapper{background-color: rgba(255, 255, 255, 0.7); height: auto; padding: 30px 0; }
  .sub0101 .item_type1{display: block; }
  .sub0101 .item_type1 li{display: block; width: 100%; border-left: 0; border-bottom: #e0e0e2 1px solid; }
  .sub0101 .item_type1 li .item_icon{height: auto; margin-bottom: 16px; vertical-align: top; }
  .sub0101 .item_type1 li .item_title{height: auto; margin-bottom: 16px; font-size: 20px; }
  .sub0101 .item_type1 li .item_body{font-size: 14px; line-height: 18px; }
  .sub0101 .item_type1 li{padding: 20px 10px; }
  .sub0101 .section_middle{background-color: white; padding: 16px 0; font-size: 18px; height: 74px; display: table; width: 100%; }
  .sub0101 .section_middle p{display: table-cell; vertical-align: middle; }
  .sub0101 .section_body{margin-top: 40px; }

  .sub0101 .item_type2{display: block; border: 0; }
  .sub0101 .item_type2.item_type2_underline{border-bottom: 0; }
  .sub0101 .item_type2 li{display: block; width: 100%; border: 0; padding: 16px 10px; border-bottom: 1px #e0e0e2 solid; }
  .sub0101 .item_type2 li .item_icon{right: 0px; top: 16px; width: 80px; }
  .sub0101 .item_type2 li .item_title{width: calc(100% - 80px); height: auto; margin-bottom: 12px; font-size: 18px; line-height: 24px; min-height: 60px; }
  .sub0101 .item_type2 li .item_body{line-height: 22px; }

  .sub0102{padding: 0 10px 60px 10px; }
  .sub0102 .section_top_img img{max-width: 100%; }
  .sub0102 .text_1{font-size: 26px; text-align: center; }
  .sub0102 .text_2{font-size: 18px; text-align: center; }
  .sub0102 .text_3{font-weight: normal; font-size: 14px; }
  .sub0102 .text_sign{margin-top: 20px; font-size: 16px; }
  .sub0102 .text_sign span{font-size: 20px; }

  .sub0103 .tab_wrapper{margin-bottom: 12px; }
  .sub0103 .tab_wrapper li{font-size: 18px; height: 34px; line-height: 34px; }
  .sub0103 .history{margin: 0; padding: 10px; }
  .sub0103 .history tr{display: block; padding-bottom: 20px; position: relative; }

  .sub0103 .history_line{display: block; position: absolute; left: 0; top: 0;  width: 10px; padding: 7px 0 0 0; height: 100%; }
  .sub0103 tr:first-child .history_line{ background-position: center 15px; }
  .sub0103 tr:last-child .history_line{background-size: 1px 20px;}
  .sub0103 .history_year{display: block; width: auto; line-height: normal; font-size:30px; text-align: left; margin-bottom: 6px; font-weight: bold; padding-left: 18px; line-height: 30px; }
  .sub0103 .history_content{display: block; padding: 0 0 0 40px; }
  .sub0103 .history_content dt{font-size: 18px; line-height: 24px; font-weight: bold; }
  .sub0103 .history_content dd{font-size: 18px; line-height: 24px; padding: 0; width: calc(100% - 70px); }
  .sub0103 .history_content dd.image{padding: 0; margin: 4px 0 8px 0; padding-left: 65px; width: 100%; }
  .sub0103 .history_content dd.image img{max-width: 100%; }

  .sub0105 .cert_list{text-align: center; }
  .sub0105 .cert_list li.cert_item { display: block; font-size: 14px; width: 250px; padding: 0 10px 10px 10px; margin: 0;  }
  .sub0105 .cert_list li.cert_item dd{padding: 10px 4px; }
  .sub0105 .cert_list li.cert_item dt img{width: 100%; }
  /* .sub0105 .slick-dots{padding-bottom: 20px; } */
  .sub0105 .slick-dots li{margin: 0 2px;}
  .sub0105 .slick-dots li button:before{font-size: 16px; }
  .sub0105 .slick-dotted.slick-slider{margin-bottom: 40px; }
  .sub0105 .slick-dots li button:hover:before{opacity: 0.25;}
  .sub0105 .slick-dots li.slick-active button:before{opacity: 0.75;}

  .sub0106 .map_wrapper{height: 260px; margin: 0 10px; }
  .sub0106 .map_info_wrapper{display: block; padding: 0; }
  .sub0106 .map_info_wrapper .map_info li{border-top: #dddddd solid 1px; padding: 14px 0; border-bottom: 0; }
  .sub0106 .map_info_wrapper .map_company{display: block; width: auto; padding: 12px 0; }
  .sub0106 .map_info_wrapper .map_info{display: block; }
  .sub0106 .map_info_wrapper .map_info dl{margin: 0; display: block; margin-bottom: 10px; word-break: keep-all; }
  .sub0106 .map_info_wrapper .map_info dl:last-child{margin-bottom: 0; }
  .sub0106 .map_info_wrapper .map_info dl dt{display: inline-block; vertical-align: top; width: 60px; margin-right: 10px; line-height: normal;}
  .sub0106 .map_info_wrapper .map_info dl dd{display: inline-block; vertical-align: top; width: calc(100% - 120px); font-size: 16px; line-height: normal;}


  .sub05 .section_box{margin: 0 10px 10px 10px; }
  .sub05 .page_focus{font-size: 22px; word-break: keep-all; padding: 0 10px}
  .sub05 .page_text{word-break: keep-all; padding: 0 20px; margin-top: 40px; }
  .sub05 .page_text p{margin-bottom: 8px; }
  .sub0501 .icons_wrapper{padding: 0 10px; }
  .sub0501 .icons_wrapper ul{display: block; word-break: keep-all; border: 1px #eeeeee solid; border-radius: 80px; margin: 0; padding: 25px 10px; }
  .sub0501 .icons_wrapper li{display: block; width: auto; padding: 0 15px; margin-bottom: 50px; }
  .sub0501 .icons_wrapper li dd{margin-top: 20px; }
  .sub0501 .icons_wrapper li:last-child{margin-bottom: 0; }
  .sub0501 .icons_wrapper li dt{ width: 250px; height: 250px; border-radius: 250px; background-color: #dddddd; }
  .sub0501 .icons_wrapper li dt .icon_wrapper{background-color: white; }
  .sub0501 .icons_wrapper li dd{}
  .sub0502 .section_box2_wrapper{display: block; }
  .sub0502 .section_box2_wrapper .box_content:last-child{padding-left: unset; padding: 35px 100px; width: 363px; }
  .sub0502 .section_box2_wrapper .box_content{display: block; padding-right: unset; margin: 0 auto; background-position: center center; margin-bottom: 20px; padding: 35px 100px; word-break: keep-all; }
  .sub0501 .icons_wrapper li::before{display: none; }

  .sub0502 .benefits{display: block; width: 100%; }
  .sub0502 .benefits li{display: block; padding: 0; border: 0; text-align: center; }
  .sub0502 .benefits dl{display: inline-block; width: 45%; margin-bottom: 30px; }

  .sub0503 .hire_step li{display: block; position: relative; width: auto; margin: 0 10px 20px 10px; }
  .sub0503 .hire_step .hire_cicle{width: 100%; border-radius: 20px; padding: 10px 0;  }
  .sub0503 .hire_step li::before{top: unset; right: unset;
    left: 50%;
    bottom: -26px;
    transform: translate(-50%, 0) rotate(90deg);
  }
  .sub0503 .hire_step .hire_extra{ position: absolute;
    left: 50%;
    bottom: 16px;
    margin-top: 0;
    transform: translate(-50%, 0);
  }
  .sub0503 .contact_wrapper .contact{ display: block; border-top: #dddddd solid; 1px; width: auto; ; }
  .sub0503 .contact_wrapper .contact:first-child{border-top: 0; }

  .hire_summary{display: block; width: auto; text-align: center; }
  .hire_top_wrapper{height: auto; margin-bottom: 10px; }
  .hire_search_wrapper select{width: 100px; }
  .hire_search_wrapper .search_input_wrapper{width: calc(100% - 105px); margin-left: 5px; }
  .hire_search_wrapper{float: unset; width: 100%; display: block; padding: 0 10px; font-size: 0; }
  .hire_search_wrapper input{width: 100%; }
  .hire_subject{width: auto; }
  .hire_wrapper{margin-top: 0; }
  .hire_subject{line-height: 24px; height: auto; margin-top: 28px; border-left: 0;
    width: calc(100% - 100px);
    text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;
    font-size: 14px;
  }
  .hire_date{border-right: #e3e4e6 solid 2px; }
  .hire_during{position: absolute; top: 14px; left: 120px; height: auto; line-height: 14px; }
  .hire_item{position: relative; margin: 0 10px 10px 10px; }
  .hire_status{height: auto; position: absolute; top: -1px; right: -1px; width: auto; float: unset; padding: 0; line-height: normal; }
  .hire_status .status{width: 60px; border-radius: 0; }
  .bo_fx{margin: 0 10px; }
  .bo_v_content_wrapper{display: flex; flex-direction: column;; }
  .bo_v_content{display: block; width: auto; padding: 0; }
  .bo_v_extra_wrapper{display: block; width: auto; padding: 0; order: -1; margin-bottom: 30px; }
  #bo_v_bot{margin: 0 10px; }


  .tab2_wrapper{margin-top: 20px; }
  .tab2_wrapper li{font-size: 18px; }
  .tab2_wrapper li a{padding: 6px 25px; }
  .sub0302 .financial_top{margin-top: 40px; text-align: center; }
  .sub0302 .financial_info{float: unset; text-align: center; }
  .sub0302 .financial_info li{font-size: 14px; }

  .sub0302 .financial_tables_wrapper{display: block; border-top: 0; }
  .sub0302 .financial_table_wrapper{display: block; width: 100%; margin-bottom: 20px; border-top: 2px solid #4e7eba; }
  .sub0302 .financial_table_wrapper:last-child{margin-bottom: 0; }
  .sub0302 .financial_table_wrapper .empty{display: none; }

  .sub0601 .brand_img{height: 100px; margin-top: 30px; }
  .sub0601 .brand_img img{height: 100%; }
  .sub0601 .brand_text{ font-size: 18px; padding: 0 20px; line-height: 24px; word-break: keep-all; }
  .sub0601 .focus_img{margin-top: 40px; }
  /* .sub0601 .focus_img ul{display: block; }
  .sub0601 .focus_img li{display: block; } */
  .sub0601 .focus_img li{width: 50%;  }
  .sub0601 .focus_img li img{width: 100%; }
  .sub0601 .intro_wrapper{margin-top: 60px; border-top: 4px #4678b7 solid; }
  .sub0601 .intro_wrapper dl{display: flex; flex-direction: column; height: auto; margin-bottom: 0; border-bottom: 4px #4678b7 solid; }
  .sub0601 .intro_wrapper dd{display: block; width: 100%; padding: 16px 10px; }
  .sub0601 .intro_wrapper dd.padding-left{ padding: 16px 10px; }
  .sub0601 .intro_wrapper dd.padding-right{padding: 16px 10px; }
  .sub0601 .intro_wrapper dt{display: block; width: 100%; order: -1;}
  .sub0601 .intro_wrapper dt img{width: 100%; max-width: 100%; }
  .sub0601 .intro_wrapper dd .intro_ruby{margin-bottom: 8px; font-size: 36px; line-height: 36px; }
  .sub0601 .intro_wrapper dd .intro_title{font-size: 22px; line-height: 28px; margin-bottom: 24px; }
  .sub0601 .intro_wrapper dd .intro_text{font-size: 16px; line-height: 20px; }
  .sub0601 .intro_wrapper dd .intro_text p{margin-bottom: 8px; }
  .sub0601 .sub_focus{border: 0; margin-top: 60px; display: block; height: auto;
    background: url('/img/sub/sub0601_subfocus_bg_tile.jpg') repeat;
    padding: 30px 10px;
  }
  .sub0601 .sub_focus_logo{display: block; padding: 0; width: auto; }
  .sub0601 .sub_focus_logo img{height: 90px; text-align: center; }
  .sub0601 .sub_focus_text{display: block; font-size: 16px; text-align: center; padding: 0; line-height: 22px; word-break: keep-all; margin-top: 20px; }


  .sub0601 .sub_history table{display: block; width: 100%; padding: 0 10px; }
  .sub0601 .sub_history tr td:nth-child(2){order: -1; width: 40px; padding-top: 12px; text-align: center; }
  .sub0601 .sub_history tbody{display: block; }
  .sub0601 .sub_history tr{display: flex; flex-direction: row; }
  .sub0601 .sub_history tr td{display: inline-block;  width: 33%; overflow: hidden; vertical-align: top; width: calc(100% - 50px);}
  .sub0601 .sub_history tr:nth-child(2n - 1) td:nth-child(3){display: none;}
  .sub0601 .sub_history tr:nth-child(2n - 1) td:nth-child(1){text-align: left; }
  .sub0601 .sub_history tr:nth-child(2n) td:nth-child(1){display: none; }
  .sub0601 .sub_history .history_date{font-size: 28px; padding-top: 4px; }
  .sub0601 .sub_history .history_subject{font-size: 20px; word-break: keep-all; }
  .sub0601 .sub_history .history_img{margin-top: 12px; }

  .o_chart{background: none; height: auto; width: 100%; padding: 0 10px; }
  .o_chart ul.depth_1_ul {display:block;}
  .o_chart img {display:none;}
  .o_chart .depth_1_p{width: 100%; }
  .o_chart .depth_2_ul{margin-top: 30px; }
  .o_chart .depth_3_ul{display: block; position: relative; }
  .o_chart .depth_2_li{width: 100%; margin-right: 0; height: auto; margin-bottom: 30px; margin-left:0;}
  .o_chart .depth_2_p{margin-bottom: 10px; }
  .o_chart .depth_3_ul{width: 100%; top: inherit; left: inherit;}
  .o_chart .depth_3_li{display: block; width: 100%; margin-bottom: 10px; }
  .o_chart .depth_3_ul.depth_3_ul_3{left: 0; width: 100%; }
  .o_chart .depth_3_ul.depth_3_ul_4{left: 0; width: 100%; }
  .o_chart .depth_3_ul.depth_3_ul_5{left: 0; width: 100%; }
  .o_chart .depth_4_ul{padding: 0; }
  .o_chart .depth_4_li{border-bottom: 1px #ededed solid; line-height: 40px; }
  .o_chart .depth_4_li:last-child{border-bottom: 0;}
  .o_chart .depth_5_li{width: 100%; margin-right: 0; height: auto; margin-bottom: 30px; margin-left:0;}
  .o_chart .depth_6_li{width: 100%; margin-right: 0; height: auto; margin-bottom: 30px; margin-left:0;}

  .sub02 .focus_img_wrapper{height: auto; }
  .sub02 .focus_left{height: 200px; }
  .sub02 .focus_left li{height: 188px; }
  .sub02 .focus_left{display: block; width: calc(100% - 20px); margin: 0 10px; }
  .sub02 .focus_left li .float_subject{font-size: 16px; padding: 12px 20px; }
  .sub02 .focus_right{display: block; width: calc(100% - 17px); margin: 6px 7px 0 7px; float: none; height: 80px; font-size: 0; }
  .sub02 .focus_right li{display: inline-block; height: 80px; margin: 0 3px }

  .sub02 .list_wrapper dl{display: block; padding: 0 10px; margin-top: 50px; }
  .sub02 .list_wrapper dt{display: block; width: 100%; font-size: 40px; text-align: center; }
  .sub02 .list_wrapper dd{display: block; }
  .sub02 .list_wrapper dd table{}
  .sub02 .list_wrapper dd thead{display: none; }
  .sub02 .list_wrapper dd table{display: block;
    border: 1px #ededed solid;
    box-shadow: 0 4px 8px rgba(32, 33, 36, 0.28);
    border-radius: 5px;
  }
  .sub02 .list_wrapper dd tbody{display: block; word-break: keep-all; }
  .sub02 .list_wrapper dd tbody tr{display: block; padding: 4px 0; }
  .sub02 .list_wrapper dd tbody tr:nth-child(2n){background-color: #eee; }
  .sub02 .list_wrapper dd tbody tr td{display: block; width: 100%; border-bottom: 0; padding: 4px 10px 4px 130px; text-align: left; position: relative; }
  .sub02 .list_wrapper dd tbody tr td::before{position: absolute; left: 10px; top: 4px; font-weight: bold; }
  .sub02 .list_wrapper dd tbody tr td:nth-child(1)::before{content: "PROJECT NAME"; }
  .sub02 .list_wrapper dd tbody tr td:nth-child(2)::before{content: "DATE"; }
  .sub02 .list_wrapper dd tbody tr td:nth-child(3)::before{content: "CLIENT"; }

  .sub0105 .cert_list li.cert_item dt{height: 400px; }



  .layerpopup_wrapper{width: calc(100% - 30px); background-color: white; }
  .sitemap_depth1 .sitemap_depth1_li{display: block; width: 100%; margin: 0; height: auto; }
  .layerpopup_wrapper.sitemap_wrapper{width: calc(100% - 30px); height: 480px; overflow-y: scroll; }
  .sitemap_depth2{font-size: 0; padding: 20px 10px  20px 26px; }
  .sitemap_depth2 li { display: inline-block; width: 50%; font-size: 16px; }


}

@media only screen and (max-width : 800px) {
  /*아이패드 세로*/
}
@media only screen and (max-width : 450px) {
  /*아이폰plus 내 모바 기준*/
}

@media only screen and (max-width : 400px) {
  /*아이폰6이하*/
}

@media only screen and (max-width : 370px) {
  /*작은폰*/
}

@media only screen and (max-width : 360px) {
  /*?? 스마트와치에서 볼까?*/
}