/* @import url("./reset.css"); */
@import url("./sub.css");
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}

.btn_blue {
  width: 25%;
  padding: 14px;
  font-size: 17px;
  text-align: center;
  background-color: #007bc3;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
}

.adbutton{
  color: #fff;
  background-color: #7a7b7c;
  cursor: pointer;
  border:0px;
  width:80px;
}

.sbutton{
  color: #fff;
  background-color: #404142;
  width:19%;
  padding: 10px;
  font-size: 17px;
  text-align: center;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
}

.sbutton1{
  width: 25%;
    padding: 14px;
    font-size: 17px;
    text-align: center;
    background-color: #007bc3;
    color: #fff;
    border: 1px solid #000;
    cursor: pointer;
}

.con1 .cus-control{
  padding: 13px;
  width: 20%;
}




.tab6 {
  width: 100%;
}

.tab3 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.tab3 li {
  width: 32.9666%;
  float: left;
  border:1px solid #333;
  border-right:none;
  background-color: #fff;
}

.sticky .tab3 li {
  width: 32.9666%;

}

.tab3 li a {
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 4px;
  text-decoration: none;
}

.tab3 li a:hover:not(.active) {
  background-color: #004b88;
  color: #fff;
}

.tab3 li .active {
  color: white;
  background-color: #004b88;
}

.tab3 li:last-child {
  border-right: 1px solid #dfdfdf;
}



.tab7 {
  width: 100%;
}

.tab7 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.tab7 li {
  width: 14.2666%;
  float: left;
  border:1px solid #333;
  border-right:none;
  background-color: #fff;
}

.sticky .tab7 li {
  width: 14.2666%;

}

.tab7 li a {
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 4px;
  text-decoration: none;
}

.tab7 li a:hover:not(.active) {
  background-color: #004b88;
  color: #fff;
}

.tab7 li .active {
  color: white;
  background-color: #004b88;
}

.tab7 li:last-child {
  border-right: 1px solid #333;
}




.tab6 {
  width: 100%;
}

.tab6 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.tab6 li {
  width: 16.6666%;
  float: left;
  border:1px solid #dfdfdf;
  border-right:none;
  background-color: #fff;
  font-size:18px!important;
}

.sticky .tab6 li {
  width: 16.6666%;

}

.tab6 li a {
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 4px;
  text-decoration: none;
}

.tab6 li a:hover:not(.active) {
  background-color: #03994a;
  color: #fff;
}

.tab6 li .active {
  color: white;
  background-color: #03994a;
}

.tab6 li:last-child {
  border-right: 1px solid #dfdfdf;
}

.tab2 {
  width: 100%;
}
.tab2:after { display:block; content:''; clear:both; }

.tab2 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.tab2 li {
  width: 49.9999%;
  float: left;
  border:1px solid #dfdfdf;
  border-right:none;
  background-color: #fff;
  font-size:18px!important;
}

.sticky .tab2 li {
  width: 49.9%;

}

.tab2 li a {
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 4px;
  text-decoration: none;
}

.tab2 li a:hover:not(.active) {
  background-color: #03994a;
  color: #fff;
}

.tab2 li .active {
  color: white;
  background-color: #03994a;
}

.tab2 li:last-child {
  border-right: 1px solid #dfdfdf;
}


.tab4 {
    width: 100%;
}

.tab4 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

.tab4 li {
    width: 24.9999%;
    float: left;
    border:1px solid #dfdfdf;
    border-right:none;
    background-color: #fff;
    font-size:18px!important;
  }

  .sticky .tab4 li {
    width: 24.9%;

  }

  .tab4 li a {
    display: block;
    color: #000;
    text-align: center;
    padding: 14px 4px;
    text-decoration: none;
  }

  .tab4 li a:hover:not(.active) {
    background-color: #03994a;
    color: #fff;
  }

  .tab4 li .active {
    color: white;
    background-color: #03994a;
  }

  .tab4 li:last-child {
    border-right: 1px solid #dfdfdf;
  }

  .tab5 {
    width: 100%;
}

.tab5 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

.tab5 li {
    width: 19.9999%;
    float: left;
    border:1px solid #dfdfdf;
    border-right:none;
    background-color: #fff;
    font-size:18px!important;
  }

  .sticky .tab5 li {
    width: 24.9%;
  }

  .tab5 li a {
    display: block;
    color: #000;
    text-align: center;
    padding: 14px 4px;
    text-decoration: none;
  }

  .tab5 li a:hover:not(.active) {
    background-color: #03994a;
    color: #fff;
  }

  .tab5 li .active {
    color: white;
    background-color: #03994a;
  }

  .tab5 li:last-child {
    border-right: 1px solid #dfdfdf;
  }

  .cimage{
    padding-left:40px;
  }

  @media (max-width:605px){
    .tab4 li{
      height: 70px;
    }
    .tab4 li a{
      height: 70px;
    }
  }
        @media(max-width:768px) {
          .sticky {
            top: 50px;
          }
        }

        @media (max-width: 992px) and (min-width:768px) {
          .navbar-default .nav li a {
            color: #000 !important;
          }
        }

        @media (max-width: 992px) {
          #page-top {

          }
          .drop_wrap {
            margin-top: 51px;
          }
        }

        .row {
          padding-left: 15px;
          padding-right: 15px;
        }

        #sub_wrapper {
          width: 100%;
          position: relative;
        }

        .dropdown {
          height: 48px;
          /*position: inherit !important;*/
		  position:relative;
        }

        .drop_wrap {
          width: 100%;
          background-color: #fff;
          border-bottom: solid 1px #dfdfdf;
		  position:relative; z-index:2;
        }


/* 서브드롭다운메뉴바*/
.wrapper-dropdown-home {
  /* Size and position */
  float: left;
  position: relative;
  padding: 19px 20px;
  background: #fff;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  outline: none;
  height:55px;
}
.wrapper-dropdown-home img { display: block; margin-top: 3px; }

.wrapper-dropdown-share {
    display: none !important;
  /* Size and position */
  float: right;
  position: relative;
  padding: 17px 20px;
  height:55px;
  background: #fff;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  cursor: pointer;
}



.wrapper-dropdown-1 {
  /* Size and position */
  float: left;
  font-size: 16px;
  color: #696562;
  position: relative;
  width: 200px;
  padding: 0 20px;
  border-right: 1px solid #dfdfdf;
  outline: none;
  height:55px; line-height:55px;
}

.wrapper-dropdown-2 {
  /* Size and position */
  float: left;
  font-size: 17px;
  color: #03994a;
  position: relative;
  width: 200px;
  padding: 0 20px;
  border-right: 1px solid #dfdfdf;
  cursor: pointer;
  outline: none;
  height:55px; line-height:55px;
}

.wrapper-dropdown-2:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #03994a transparent;
  /*background: url(../images/sub/locat_arrow.png) no-repeat center center;*/
}

.wrapper-dropdown-2 .dropdown2 {
  /* Size & position */
  border-top:1px solid #dfdfdf;
  position: absolute;
  width: 201px;
  top: 100%;
  left: -1px;
  right: 0px;
  /* Styles */
  background: white;
  transition: all 0.3s ease-out;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}

.wrapper-dropdown-2 .dropdown2 li a {
  display: block;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  padding:0 20px; line-height:50px;
  transition: all 0.3s ease-out;
}
.wrapper-dropdown-2 .dropdown2 li a.active { background:#ffffff; color:#03994a; }


.wrapper-dropdown-2 .dropdown2 li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}

/* Hover state */
.wrapper-dropdown-2 .dropdown2 li:hover a {
  color: #03994a;
}

.wrapper-dropdown-2.active { z-index:10; color:#696562; }
.wrapper-dropdown-2.active ul { font-weight:normal; }
.wrapper-dropdown-2.active:after {
  border-width: 0 6px 6px 6px;border-color:#696562 transparent;
}

.wrapper-dropdown-2.active .dropdown2 {
  opacity: 1;
  pointer-events: auto;
}

.wrapper-dropdown-auto { padding-right: 50px; min-width: 200px; width: auto; }
.wrapper-dropdown-auto .dropdown2 { width: 482px; }


        /*셀렉트메뉴*/

        .drop_menu {
          max-width: 1186px;
          height: 48px;
          margin: 0 auto;

        }

        .drop_menu2 {
          max-width: 1186px;
          height: 55px;
          margin: 0 auto;
        }

        .drop_menu ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
          overflow: hidden;
          background-color: #004b88;
        }

        .drop_menu ul li {
          float: left;
          height: 48px;
        }

        .drop_menu ul li.home a {
          float: left;
          padding: 14px 14px;
          border: 0px;
        }

        .drop_menu ul li.share {
          float: right;
          background-color: #055ca2;
        }

        .drop_menu ul li a, .dropbtn {
          display: inline-block;
          font-size: 16px;
          color: white;
          text-align: center;
          padding: 13px 30px;
          text-decoration: none;
        }

        .drop_menu ul li a:hover, .dropdown:hover .dropbtn {
          background-color: #00325b;
        }

        .drop_menu ul li.dropdown {
          display: inline-block;
        }

        .drop_menu .active {
          background-color: #00325b;
          padding: 0px;
        }

        .drop_menu .dropdown-content {
          display: none;
          position: absolute;
          min-width: 160px;
          z-index: 1;
        }

        #subsearch{
          padding-top: 20px;
          padding-bottom: 38px;
        }

        .drop_menu .dropdown-content a {
          color: #ccc;
          padding: 14px 16px;
          text-decoration: none;
          display: block;
          text-align: left;
          border-bottom: 1px solid #ccc;
        }

        .dropdown-content a:hover {
          color: #fff;
          background-color: #fff;
        }

        .dropdown:hover .dropdown-content {
          display: block;
          background-color: #055ca2;
        }

        .drop_menu .dropdown-share {
          display: none;
          position: absolute;
          min-width: 50px;
          z-index: 1;
          margin-top: -4px;
        }

        .drop_menu .dropdown-share a {
          color: #ccc;
          padding: 14px 16px;
          text-decoration: none;
          display: block;
          text-align: center;
          border-bottom: 1px solid #ccc;
          font-size: 20px;
        }

        .dropdown-share a:hover {
          color: #fff;
          background-color: #fff;
        }

        .dropdown:hover .dropdown-share {
          display: block;
          background-color: #055ca2;
        }

        /*셀렉트메뉴*/

        .content_wrap {
          max-width: 1414px;
          margin: 0 auto;
          height: auto;
          /*padding: 80px 7px 30px 7px;*/
          padding: 80px 7px 30px 7px;
          background-color: #fff;
        }

        .full_width_gray {
          width: 100%;
          margin: 0 auto;
          height: auto;
          background-color: #fafafa;
        }
        .full_width_bluegray {
          width: 100%;
          margin: 0 auto;
          height: auto;
          background-color: #eff4f9;
        }

        .sub_gray {
          max-width: 1400px;
          margin: 0 auto;
          height: auto;
        }

        .lab_col {
          max-width: 1186px;
          background-color: #004b88;
          height: 200px;
        }

        .content_wrap h1 {
		clear:both;
          text-align: center;
          font-weight: 600;
          margin-bottom: 50px;
          height: 60px;
          font-size: 38px;
          text-transform: none;
        }

        /* Section Break 1 */
        .sb {
          float: left;
          margin-bottom: .5rem;
          position: relative;
          width: 100%;
        }

        .section-break-1 {
          background-color: transparent;
          border: 0;
          border-top: 1px solid ;
          display: block;
          height: 0;
          margin: 10px auto 50px;
          text-align: center;
          width: 3%;
        }

        .text-break-1 {
          background-color: transparent;
          border: 0;
          border-top: 1px solid #007bc3;
          display: block;
          height: 0;
          margin: 30px 0 30px 0;
          width: 6%;
        }

        .text-break-2 {
          background-color: transparent;
          border: 0;
          border-top: 1px solid #007bc3;
          display: block;
          height: 0;
          margin: 40px auto 40px;
          width: 2%;
        }

        .text-break-3 {
          background-color: transparent;
          border: 0;
          border-top: 1px solid #ffffff;
          display: block;
          height: 0;
          margin: 30px 0 30px 0;
          width: 6%;
        }


        .content_wrap h2 {
          font-weight: 600 !important;
        }
        #imagerow .row{
          padding-bottom: 32px;


        }
        #imagerow .container{
          padding: 0;
        }
        #imagerow .col-md-4{
          padding: 0px;
          text-align: center;
          /* max-width: 393px;
          //width: 33%; */
          padding: 0;
        }

#imagerow .row1{
  padding-bottom: 0px;


}
.business {
  text-align: center;
  margin-top: 44px;
  margin-bottom: 40px;
}
.bustitle1{
  font-size: 24px;
  /* font-weight: bold; */


}
.bustitle2{
  font-size: 24px;
  font-weight: bold;
}
.bustitle3{
  font-size: 24px;
  font-weight: bold;
}
.image-sub {
  /* // max-width: 371px; */
    /* border: 1px solid #dedede; */

    /* height: 500px; */
    /* background-color: #f7f7f7; */

    margin-bottom: 48px;
  }
.image-sub-details{
  padding-top: 24px;
  font-size: 16px;
  font-weight: bold;
}

.book-details{
  padding-top: 24px;
  font-size: 16px;
  font-weight: bold;
}

.book-details1{
  padding-top: 24px;
  font-size: 14px;
  color: #626262;
  /* font-weight: bold; */
}

.book-date{
  padding-top: 24px;
  font-size: 14px;
  font-family: MULI;
  color: #747474;
  position: absolute;
  bottom: 40px;
  /* font-weight: bold; */
}


.image-subbtn{
  margin-top: 18px;
  height: 34px;;
}

.btn_sub{
  width: 115px;
  height: 100%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #ffffff;
  color: rgb(44, 117, 253);
  border: 1px solid rgb(44, 117, 253);
  cursor: pointer;
  margin-top: 5px;
}
.col-half-offset{
  margin-left:4.166666667%
}
.aboutrow{
  margin-top: 92px;
  font-weight: 500;
  text-align: center;
}

.aboutrow p{
  font-size: 26px;
  line-height: 1.5em;
  margin-bottom: 60px;
}

.ceorow {
  font-weight: 500;
}

.ceorow p{
  font-size: 16px;
  color: #333333;
  line-height: 1.9em;
}

.ceorow .txt4  {font-size:20px; color:#1a7bc8; padding:24px 0; }

.labrow{
  margin-top: 92px;
  font-weight: 500;
  text-align: center;
   padding-bottom:50px;
}

.culturerow{
  margin-top: 92px;
  text-align: center;
}

.culturerow p{
  font-size: 26px;
  line-height: 1.5em;
  margin-bottom: 60px;
}

.culture_gray {
  max-width: 1186px;
  padding: 70px 0;
  font-size: 26px;
  text-align: center;
  margin: 0 auto;
  height: auto;
}

.culture_gray .title{
  font-size: 30px;
  font-weight: bold;
}

.culture_gray p{
  font-size: 16px;
  line-height: 24px;
}

.socialerow{
  text-align: center;
}

.socialerow p{
  font-size: 26px;
  line-height: 1.5em;
  margin-bottom: 60px;
}

.phil-details{
  font-size: 22px;
  font-weight: 400;
}
.philrow{
  /* margin-top: 92px; */
  font-size: 18px;
  text-align: center;
  height: 250px;
  margin-top: 60px;
}

.philbox {
  border: #e1e1e3 solid 1px;
  height: 322px;
}

.histrow{
	text-align:center; margin-bottom:45px;

}
.histrow:after { display:block; content:''; clear:both; }
.histrow a { float:left; width:20%; padding-top:23px;  font-size:18px; color:#4f565c; position:relative; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.histrow a:before { content:''; position:absolute; left:2px; right:2px; top:0; height:1px; background:#d0d0d0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.histrow a.active { color:#0a7cd4; }
.histrow a.active:before { background:#0a7cd4; height:3px; }

.histow-mobile { display:none; }

.histrow1{
	text-align:center; margin-bottom:45px;

}
.histrow1:after { display:block; content:''; clear:both; }
.histrow1 a { float:left; width:25%; padding-top:23px;  font-size:22px; color:#4f565c; position:relative; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.histrow1 a:before { content:''; position:absolute; left:2px; right:2px; top:0; height:1px; background:#d0d0d0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.histrow1 a.active { color:#0a7cd4; }
.histrow1 a.active:before { background:#0a7cd4; height:3px; }

.histow1-mobile { display:none; }

.philimg{
  margin-top: 60px;
  /*width: 20%;*/
  margin-bottom: 40px;
}

.maptitle{
  display: inline;
  width: 70%;
  font-size: 28px;

  text-align: center !important;
  padding-bottom: 10px;

}
.maprow{
  font-size: 18px;
  font-family: 'Roboto';
  text-align: center ;
  color: #666;
  margin-bottom:50px;
}
.maprow span + span { margin-left:20px; }

.maprow1{
  /*
  align-items: center;

  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 0.4fr 8fr;
  grid-template-columns: 2fr 0.4fr 8fr;
  */
  overflow:hidden;

}

.mapcol1{
	float:left;
  border-top: 2px solid #146de5;
  padding: 36px 0 36px 0;

color: #166ce3;
font-size: 18px;
	width:228px; margin-right:40px;
}

.mapcol2{
	overflow:hidden; border-top: 2px solid #222222;
  font-size: 16px;

  color: #4b4b4b;
  text-align: left;
  padding: 25px 0 26px 0;
  /*
  -ms-grid-column:3;
  -ms-grid-column:3;
  display: -ms-grid;
  display: grid;
-ms-grid-columns: 2fr 2fr 9fr;
grid-template-columns: 2fr 2fr 9fr;
*/
dis

}
.orgtitle{
  display: inline-block;
	position:relative;
  font-size: 20px;
  font-weight: bold;
  text-align: center !important;
  padding-bottom: 10px;
  -ms-grid-column:1;
  line-height:1.4;
}

.orgrow{
  font-size: 24px;
  font-weight: bold;
  text-align: center ;
  color: #ff4e00;
  margin-bottom: 21px;
}




.hisnum{
  /*font-family: MULI;*/
  font-weight: bold;
}

.orgrow1{
  align-items: center;
  display: -ms-grid;
 display: grid;
  -ms-grid-columns: 3fr 9fr;
  grid-template-columns: 3fr 9fr;
  border-bottom: 1px solid #ccc9c9;
}

.consulhead{
	width:100%;
	 /*display: -ms-grid  !important;;
 display: grid  !important;;
  -ms-grid-columns: 2fr 2fr 2fr 2fr  !important;;
  grid-template-columns: 2fr 2fr 2fr 2fr !important;;
  */
}

.orgcol1{
  padding: 28px 0 28px 0;

  font-weight: 400;
  color: #0a7cd4;
  font-size: 24px;

}

.orgnum{
  font-family: ROBOTO;
  font-weight: bold;
  color: #5b5b5b;
  font-size: 16px;
  -ms-grid-column:1;
}

.orgimg{
  margin-top: 80px;

}

.orgnum1{
  font-family: roboto;

  color: #5b5b5b;
  font-size: 16px;
}



.orgcol2{
  font-size: 18px;
  color: #666666;
  -ms-grid-column:2;
  text-align: left;
  padding: 28px 0 28px 0;

}

.historyrow {
  /* padding: 29px 50px 32px 50px; */
  /*
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 0.5fr 9fr;
  grid-template-columns: 3fr 0.5fr 9fr;
  */
}
.historyrow { clear:both; }
.historyrow:after {display:block;content:''; clear:both; }
.historyrow .hiscol1 { float:left; width:284px;  margin-right:45px; }
.historyrow .ci { display:none; }
.historyrow .btndown { overflow:hidden; }

.history-cont > div { }

.groupexp
{

  padding-left: 20px;
  display: -ms-grid;
  display: grid;
   -ms-grid-columns: 2fr 11fr;
   grid-template-columns: 4fr 11fr;
  /*height: 30px;*/
}
.orgn1
{
  -ms-grid-column:1;
  color: #5b5b5b;
  font-size: 16px;
  font-family: ns;
}

.logoexp{
  padding-bottom: 36px;
}

.logoimg
{
  width: inherit ;
  padding-left: 20px
}
.orgcom{
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  color: #0087cc;
  -ms-grid-column:2;
  padding-bottom: 10px;
}

.orgcom_kr{
  font-family: ns;
  font-size: 17px;
  font-weight: bold;
  color: #0087cc;
  -ms-grid-column:2;
}

.orgcom1{
  font-family: Roboto;
  font-size: 16px;
  color: #656668;
  -ms-grid-column:2;
  padding-bottom: 10px;
}

.orgcom2{
  font-family: Roboto;
  font-size: 16px;
  color: #656668;
  -ms-grid-column:2;
  font-family: ns;
  overflow:hidden;
}

.buscon {
    padding-bottom: 37px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 14fr ;
    grid-template-columns: 4fr 14fr ;
}


.hiscol1{
  padding-top: 20px;
  /*font-family: MULI;*/
  font-weight: bold;
  color: #0a7cd4;
  font-size: 40px;
  border-top: 1px solid #0a7cd4;
  -ms-grid-column:1;
}

.hiscol2{
  font-size: 18px;
  color: #666666;

  text-align: left;
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #ccc9c9;
  -ms-grid-column:3;
}

.orgcol2{
  font-size: 18px;
  color: #666666;

  text-align: left;
  padding: 28px 0 28px 0;
  /* border-bottom: 1px solid #ccc9c9; */
}
.client1{
  margin-top: 24px;
  font-size: 17px;color: #666666;
  margin-left: 60px;
  line-height: 1.8;
}
.client2{
  margin-top: 0px;
  margin-left: 60px;
  font-size: 17px;
  line-height: 1.8;
  /*color: #ff4e00;*/

}
.client3{
	padding-top: 40px;
	text-align: center;
	padding-bottom: 60px;
}
.client3 .button{
	    width: 23.3333%;
    background-color: #0f68e2;
    border: 1px solid #fff;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;

    z-index: 1;
}
.philsub1
{
  margin-top: 60px;
  font-size: 30px;
  font-weight: 400;
  color: #ff4e00;
  margin-bottom: 40px;
}
.philrow0
{
  margin-top: -15px;
}
.labrow0{

  margin-top: 92px;
  text-align: center;
}
.labrow0 .text-break-2 { margin:25px auto; }
.labrow1{
  margin-top: 42px;
  text-align: center;
}

.labrow2{
  /* margin-top: 92px;
  text-align: center; */
  font-size: 18px;
  line-height: 1.8;
  margin-bottom:70px;
}
.labrow3{
  margin-top: 82px;
  /*text-align: center; */
  font-size: 18px;
  line-height: 1.8;
}
.lowsub0{
  margin-top: 0px;
  font-size: 30px;color: #ff4e00;

}
.lowsub1{
  margin-top: 70px;
  font-size: 35px;
  font-weight: 600;
}
.lowsub2{
  margin-top: 5px;
  font-size: 20px;
  color: #919191;
}
.lowsub3{
  margin-top: 51px;
  font-size: 30px;
  color: #707070;
}
.lowsub4{
  margin-top: 0px;
  font-size: 30px;
  color: #03994a;
  font-weight: 600;
}
.lowsub5{
  margin-top: 54px;
  font-size: 30px;color: #03994a;
  font-weight:600;
}
.lowsub5 + .lowsub3 { margin-top:10px; color:#03994a; }
.lowsub6{
  margin-top: 58px;
  font-size: 30px;
  /* color: # */
}
.lowsub7{
  margin-top: 70px;
  font-size: 30px;
  /* color: # */
}
.lowsub8{
  margin-top: 70px;
  font-size: 30px;
 /* color: # */
}

.labbtn1 {
  padding: 14px 14px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  background-color: #fff;
  color: #1a7bc8;
  border: 1px solid #1a7bc8;
  cursor: pointer;
}


.labbtn1::after {
  content: '';
	display: inline-block;
	padding: 0;
	width: 10px;
	height: 10px;
	border-top: solid 1px #197ac7;
	border-right: solid 1px #197ac7;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg) translateX(-5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(-5px) translateY(5px);
	transform: rotate(45deg) translateX(-5px) translateY(5px);
	margin-left: 15px;
}

.labbtn {
  padding: 10px 26px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  background-color: #fff;
  color: #1a7bc8;
  border: 1px solid #1a7bc8;
  cursor: pointer;
}

.labbtn::after {
  content: '';
	display: inline-block;
	padding: 0;
	width: 10px;
	height: 10px;
	border-top: solid 1px #197ac7;
	border-right: solid 1px #197ac7;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg) translateX(-5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(-5px) translateY(5px);
	transform: rotate(45deg) translateX(-5px) translateY(5px);
	margin-left: 15px;
}
 /*.labbtn:hover {
  color: #fff;
  background-color: #1a7bc8;
}*/

.arrowbtn {
  padding: 6px 48px;
  line-height:40px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  background-color: #fff;
  color: #1a7bc8;
  border: 1px solid #1a7bc8;
  cursor: pointer;
}

.arrowbtn::after {
  content: '';
	display: inline-block;
	padding: 0;
	width: 10px;
	height: 10px;
	border-top: solid 1px #197ac7;
	border-right: solid 1px #197ac7;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg) translateX(-5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(-5px) translateY(5px);
	transform: rotate(45deg) translateX(-5px) translateY(5px);
	margin-left: 15px;
}

.image-bottom2 {
  position: relative;
  margin-bottom: 0px;
}
.image-top {
  position:absolute;
  /* margin-bottom: 0px; */
  text-align: center;
  margin-top: -40%;
  width: 100%;
  /* top:68px; left:20%; */
  color: #f7f7f7;
  font-size: 20px;
  font-weight: bold;
}
.image-top1 {
  position:absolute;
  /* margin-bottom: 0px; */
  margin-top: -30%;
  width: 100%;
  text-align: center;
  /* top:148px; left:20%; */
  color: #f7f7f7;
  font-size: 16px;
}





.image-sub2 {
  /* // max-width: 371px; */
    /* border: 1px solid #dedede; */

    /* height: 500px; */
    /* background-color: #f7f7f7; */

    margin-bottom: 0px;
  }
#imagerow .row2{

  text-align: center;
}
#imagerow .row2 .col-md-4{
    padding-bottom: 2px;
    width: 33.2%;
}
  .contitle {
    font-size: 30px;
     padding-bottom: 24px;
  }
/* @media (max-width: 992px)
{
  .image-top {
    width: 100%;
    margin-top: -40%;
    font-size: 30px;
    /* top:148px; */
  /* }

  .image-top1 {
    width: 100%;
    margin-top: -30%;
    font-size: 25px;
  }
} */

.image-sub1 {
  /* // max-width: 371px; */
    /* border: 1px solid #dedede; */
    /* padding: 29px 50px 32px 50px ; */
    margin-bottom: 18px;
    display: -ms-grid;
  display: grid;
    -ms-grid-columns:  5fr 0.5fr 4fr;
    grid-template-columns:  5fr 0.5fr 4fr;
    background-color: #f7f7f7;

    /* margin-bottom:  */
  }

#imagerow .col-md-6  {
  padding-bottom:0px;
}


.image-sub4 {
  border: 1px solid #d6d6d6;
  background-color: #fff;
  transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#imagerow .row .col-md-4{
  padding: 0px;
  width: 31.6%;
}
.image-sub4:hover { border-color:#3a96dc; }

.image-sub4 img {
  width: 100%; height:auto !important; min-height:inherit !important;
}

.image-sub4 .border {
  border-top: 1px solid #999;
  border-bottom: 1px solid rgb(242, 245, 89);
  margin: 0 45%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.image-sub4 .post-details{
  padding: 30px 25px;
  text-align: left;
}


.image-sub4 .condate{
  text-align: left;
  padding: 20px;
}

.image-sub4 .t1 { font-size:18px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.image-sub4 .t2 { font-size:16px; color:#666; padding-top:13px; margin-top:12px; position:relative;  }
.image-sub4 .t2:before { content:''; position:absolute; left:0; top:0; width:20px; height:1px; background:#666; }
.media-live .image-sub4 img { height:210px; }


@media (max-width: 991px) {
  .image-sub {
    /* height: 1450px;; */
  }
}
@media (max-width: 800px) {
  .image-sub {
    /* height: 1150px;; */
  }
}
.socials {
  position: absolute;
  top: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: .4s ease;
}

 /* @media(max-width: 1200px){
  #imagerow .row .col-md-4{
    //margin: 12px !important;
    //width: 28% !important;
  }
}  */
 @media(max-width: 767px){

}
@media (max-width: 992px) and (min-width:768px) {
	#imagerow .col-md-4{
		width: 48% !important;
	}
}
@media(max-width: 1000px){

  #imagerow .row{
    padding-bottom: 0px;

  }

  #imagerow .row1{
    padding-bottom: 0px;

  }
  #imagerow .col-md-4{
    padding-right: 0px !important;
    text-align: center;
    height: auto;
    max-width: 100%;
    /* 아이패드 기준 2개
    width: 49% !important;
    */


    padding: 0 0 32px 0 !important;

  }
  .image-sub4 {
    height: auto;

  }
  .image-sub4 img { height:auto; }
.media-live .image-sub4 img { height:auto !important; }

}

.form-control{
  height: 48px !important;
  -webkit-appearance:none;
  appearance:none !important;
}

.search1 {
  padding-bottom: 37px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:  14fr 0.5fr;
  grid-template-columns:  14fr 0.5fr;
}

.broucheur{
  padding: 29px 50px 32px 50px ;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:  4fr 1fr 4fr;
  grid-template-columns:  4fr 1fr 4fr;
}


.btn_bro {
  width: 220px;
  padding: 14px;
  font-size: 17px;
  text-align: center;
  background-color: #007bc3;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  margin-top: 30px;
  margin-bottom: 58px;
}

.bro1{
  font-size: 40px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 40px;
}

.bro2{
  font-size: 20px;
  text-align: left;
  margin-bottom: 27px;
}

.btnbro{
  text-align: left;
}

.bro3{
  font-size: 14px;
  text-align: left;
  margin-bottom: 27px;
}

.media-title{
  font-size: 26px;
}

.media-content{
  margin: 10px 0px;
  height: 667px;
}

.video-container { position:relative; margin:0 -2px; }
.video-container:before { content:''; position:absolute; right:0; top:0; bottom:0; width:4px; background:#fff; z-index:2;}
.video-container:after { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:#fff; z-index:2;}
.stock {
  border-top: 2px solid;
    border-color: #151515;


 padding-bottom: 37px;

}
.stock1{
  padding-right: 5px;
  padding-top: 18px;
  padding-bottom: 18px;
  text-align: center;
  align-items: center;

  display: -ms-grid;
 display: grid;
  -ms-grid-columns: 3fr 16fr ;
  grid-template-columns: 3fr 16fr 0.1fr;

  border-bottom: 1px solid #b6b6b6;;
}

.stock2{
  /* padding-right: 5px; */
  text-align: left;
  /* display: inline; */
  -ms-grid-column:2;
}

#cyber {

  display: -ms-grid;
 display: grid;
  -ms-grid-columns: 10fr  10fr;
  grid-template-columns: 10fr  10fr;
}
cyber-image{
	padding-top:45px;
}

.sub-image{

}

.search2 {
  /*
  padding-bottom: 37px;
  display: -ms-grid;
 display: grid;
  -ms-grid-columns: 3fr 14fr 0.5fr;
  grid-template-columns: 3fr 14fr 0.5fr;
  */
  padding:0 47px 0 196px; position:relative;
  margin-bottom:60px;
  }
.search2 .sel1 { position:absolute; left:0; top:0; width:197px; padding:0;  }
.search2 .sel2 { padding:0; }
.search2 .sel3 { position:absolute; right:0; top:0; width:48px; padding:0; }

.search3 {
  /*
  padding-bottom: 37px;
  display: -ms-grid;
 display: grid;
  -ms-grid-columns: 3fr 3fr 11fr 0.5fr;
  grid-template-columns: 3fr 3fr 11fr 0.5fr;
  */
  /* padding:0 47px 0 0; position:relative; margin-bottom:60px; */
}

.search3 .sel1 { float:left; width:200px; padding:0;  }
.search3 .sel2 { float:left; width:200px; padding:0; margin:0 -1px; }
.search3 .sel3 { overflow:hidden; padding:0; }
.search3 .sel4 { position:absolute; right:0; top:0; width:48px; padding:0; }

.search1:after,
.search2:after,
.search3:after,
.search4:after,
.search5:after { clear:both; display:block; content:''; }
.search4 {
  /*padding-bottom: 37px;
  display: -ms-grid;
 display: grid;
  -ms-grid-columns: 3fr 3fr 3fr 8fr 0.5fr;
  grid-template-columns: 3fr 3fr 3fr 8fr 0.5fr;
  */
  padding:0 47px 0 0; position:relative; margin-bottom:60px;
}
.search4 .sel1 { float:left; width:120px; padding:0; margin-right:-1px; }
.search4 .sel2 { float:left; width:200px; padding:0; margin-right:-1px;  }
.search4 .sel3 { float:left; width:200px; padding:0; margin-right:-1px; }
.search4 .sel4 { overflow:hidden; padding:0; width:auto; }
.search4 .sel5 { position:absolute; right:0; top:0; width:48px; padding:0; }


.searchrow{
  padding-bottom: 37px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 3fr 11fr 0.5fr;
  grid-template-columns: 3fr 3fr 11fr 0.5fr;
}
.sel1{
  padding-right: 5px;
  -ms-grid-column:1;
}
.sel2{
  padding-right: 5px;

  -ms-grid-column:2;
}
.sel3{
  padding-right: 5px;
  -ms-grid-column:3;

}
.sel4{
  width: 48px;
  -ms-grid-column:4;
}

.sel5{
  width: 48px;
  -ms-grid-column:5;
}
.searchimage{
  width: 48px;
  cursor:pointer;

}

.stockrow{
  background: #f1f2f7;
  height: 160px;
  margin-bottom: 43px;
}

.stitle{
  width: 100%;
  display: block;
  /* text-align: center; */
  padding: 39px 0px 37px 50px;
  font-size: 16px;
  line-height: 1.8;
  /* font-weight: bold; */
}

.board-button{
  background: #f1f2f7 ;
  height: 260px;
  margin-bottom: 43px;


}
.board-button .btitle{
  width: 100%;
  display: block;
  text-align: center;
  padding: 54px 0px 37px 0px;
  font-size: 30px;
  font-weight: bold;
}

.board-button .bcontent{
  display: block;
  margin: 0px 30px 0px 30px;
  background: white;
  height: 87px;
  border-top: 1px solid #151515;

  border-bottom: 1px solid #e5e5e5;


}
.board-button .bcontent .sub{
  padding: 20px;
  font-size: 16px;
  display: -ms-grid;
  display: grid;
   -ms-grid-columns: 4fr 3fr 2fr 4fr 1.5fr;
   grid-template-columns: 4fr 3fr 2fr 4fr 1.5fr;
}
.board-button .bcontent .con1{
  padding: 13px;
  -ms-grid-column:1;
}

.board-button .bcontent1{
  display: none;
  margin: 0px 30px 0px 30px;
  background: white;
  height: 150px;
  padding: 33px;
  font-size: 14px;

}

.conreview{
  padding-top: 30px;
    padding-right: 53px;
    padding-bottom: 13px;
    padding-left: 13px;
  cursor: pointer;
  font-size: 14px;
  color:#666666;

  -ms-grid-column:2;
}

.board .board-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 14px;
}

.board .board-tab ul li.nav-item {
  margin-right: 10px;
}

@media (max-width: 767px) {
  .board .board-tab ul li.nav-item {
    width: 100%;
    margin-bottom: 10px;
  }
}

.board .board-tab ul li.nav-item a {

  text-transform: uppercase;
  font-size: 1.5rem;
  color: #fbfbfb ;
  font-weight: 500;
  display: block;
  border-radius: 0;
  border: 1px solid #e5e5e5;
  padding: 20px 30px;
}

.board .board-tab ul li.nav-item a span {
  margin-top: 2px;
  font-family: "Roboto", sans-serif;
  display: block;
  font-size: 1rem;
  color: #848484;
  font-weight: 400;
}

.board .board-tab ul li.nav-item a.active {
  background: #fbfbfb ;
  color: #fff;
  position: relative;
}

.board .board-tab ul li.nav-item a.active span {
  color: #fff;
}

.board .board-tab ul li.nav-item a.active:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent #fbfbfb  transparent transparent;
}

@media (max-width: 767px) {
  .board .board-tab ul li.nav-item a.active:after {
    content: none;
  }
}

.fade {
  opacity: 0;
  transition: opacity .15s linear;
}
.fade.show {
  opacity: 1;
}

 .board-contents {
  margin-top: 0px;
  margin-bottom: 30px;
   /*padding: 30px;*/
}
.board-contents:last-child { margin-bottom: 0; }

.board-contents .board-item ul {
  margin-bottom: 0;
}

.board-contents .board-item ul li {
  list-style: none;
}

.board-contents .board-item ul li div {

  display: inline-block ;
  vertical-align:middle;
}

.ci {
  margin-bottom: 23px;
}
.ci + .ci { margin-top:55px; }
.ci .img-responsive { margin-right: auto; margin-left: auto; }

.btndown
{
  text-align: center;
}

.btn_down1 {
  width: 20%;
  padding: 14px;
  font-size: 17px;
  text-align: center;
  background-color: #e2421a;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  margin-top: 30px;
  margin-bottom: 58px;
}

.btn_down {
  width: 20%;
  padding: 14px;
  font-size: 17px;
  text-align: center;
  background-color: #007bc3;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  margin-top: 30px;
  margin-bottom: 58px;
}

.time5 {
  width: 10%;
  text-align: center;
}

.subject5 {
  width: 50%;
  text-align: left; padding-left:30px;
}

.subject6 {
  width: 60%;
  text-align: left; padding-left:10px;
}


.venue5{
  width: 20%;
  text-align: center;
}

.date{
  width: 8%;
  text-align: center;
}

.board-contents .board-item ul li .time {
  width: 20%;
}

@media (max-width: 767px) {
  .board-contents .board-item ul li .time {
    width: 37%;
  }
}

@media (max-width: 480px) {
  .board-contents .board-item ul li .time {
    width: 48%;
  }
}

.board-contents .board-item ul li .subject {
  width: 60%;

}

@media (max-width: 991px) {
  .board-contents .board-item ul li .subject {
    width: 50%;
  }
}

.board-contents .board-item ul li .venue {
  width: 20%;text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}
@media (max-width: 767px) {
  .board-contents .board-item ul li .venue {
    width: 50%;
  }
}

.board-contents .board-item li.head {
  padding: 22px 20px;
  background: #fbfbfb ;
  border-top: 2px solid;
  border-color: #151515;
}

.board-contents .board-item li.head div {
  color: #272727;
  font-size: 16px;
  text-transform: uppercase;

}

.board-contents .board-item li.head .ViewTitle{
  font-size: 22px;
}
.board-contents .board-item li.head .ViewDate{
  font-size: 14px;
  padding: 10px 0px;
}

.board-contents .board-item li.headings {
  padding: 22px 40px;
  background: #fbfbfb ;
  border-top: 2px solid;
  border-color: #151515;
  border-bottom:1px solid #e5e5e5;
}

.board-contents .board-item li.headings div {
  color: #272727;
  font-size: 16px;
  text-transform: uppercase;

}

.board-contents .board-item li.headings .ViewTitle{
  font-size: 22px;
}
.board-contents .board-item li.headings .ViewDate{
  font-size: 14px;
  padding: 10px 0px;
}

.board-contents .board-item li.board-details {
  border-bottom: 1px solid;
  /* border-left: 1px solid;
  border-right: 1px solid; */
  border-color: #e5e5e5;
  height: 64px;
  font-size:16px;

}


.board-contents .board-item li.board-details .btnblock {
  padding: 20px 0px;
  background: #fff;
  width: 100%;
  transition: .2s ease-in;
  text-align: center;
}

.board-contents .board-item li.board-details .block {
  padding: 0 40px;
  line-height:64px;
  /*background: #fff;*/
  width: 100%;
  transition: .2s ease-in;
}

.board-contents .board-item li.board-details .block div {
  color: #222222;

}

.board-contents .board-item li.board-details .block div i {
  font-size: 1.1875em;
  color: #c7c8c9;
}

.board-contents .board-item li.board-details .block div img {
  border-radius: 100%;
}

.board-contents .board-item li.board-details .block div span.time {
  margin-left: 5px;
}

.board-contents .board-item li.board-details .block div span.name {
  margin-left: 20px;
  transition: .2s ease-in;
}

@media (max-width: 480px) {
  .board-contents .board-item li.board-details .block div span.name {
    margin-left: 0;
  }
}

.board-contents .board-item li.board-details {  transition: .2s ease-in;}
.board-contents .board-item li.board-details:hover {
background:#f9f9f9;
}
/*
.board-contents .board-item li.board-details .block:hover {
  box-shadow: 0px 0px 30px 0px rgba(11, 29, 66, 0.15);
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
		  background:#fff;
}
*/

.board-contents .board-item li.board-details .block:hover span.name {
  color: #fbfbfb ;
}

.board .download-button {
  padding-top: 40px;
  margin-bottom: 30px;
}

.board.two .board-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

.board.two .board-tab ul li.nav-item {
  margin-right: 0;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .board.two .board-tab ul li.nav-item {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .board.two .board-tab ul li.nav-item {
    width: 100%;
    margin-bottom: 10px;
  }
}

.board.two .board-tab ul li.nav-item a {

  text-transform: uppercase;
  font-size: 20px;
  color: #222222;
  font-weight: 500;
  display: block;
  border-radius: 0;
  border: 1px solid #e5e5e5;
  padding: 20px 30px;
}

.board.two .board-tab ul li.nav-item a span {
  margin-top: 2px;
  font-family: "Roboto", sans-serif;
  display: block;
  font-size: 14px;
  color: #848484;
  font-weight: 400;
}

.board.two .board-tab ul li.nav-item a.active {
  background: #fbfbfb ;
  color: #fff;
  position: relative;
}

.board.two .board-tab ul li.nav-item a.active span {
  color: #fff;
}

.board.two .board-tab ul li.nav-item a.active:after {
  content: '';
  position: absolute;
  left: 100%;
  right: 0;
  bottom: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fbfbfb ;
}

@media (max-width: 991px) {
  .board.two .board-tab ul li.nav-item a.active:after {
    content: none;
  }
}

.board.two .board-contents {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0;
}

.board.two .board-contents .board-item ul {
  margin-bottom: 0;
}

.board.two .board-contents .board-item ul li {
  list-style: none;
}

.board.two .board-contents .board-item ul li div {
  display: inline-block;
}

.board.two .board-contents .board-item ul li .time {
  width: 20%;
}

@media (max-width: 767px) {
  .board.two .board-contents .board-item ul li .time {
    width: 37%;
  }
#div_contactform #emailDropdown { width:38%; }
#div_contactform #emailDropdown .btn-dropdown { width:100% !important; }
}

@media (max-width: 480px) {
  .board.two .board-contents .board-item ul li .time {
    width: 48%;
  }
}

.board.two .board-contents .board-item ul li .subject {
  width: 60%;
}

@media (max-width: 991px) {
  .board.two .board-contents .board-item ul li .subject {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .board.two .board-contents .board-item ul li .subject {
    width: 60%;
  }
}

@media (max-width: 480px) {
  .board.two .board-contents .board-item ul li .subject {
    width: 50%;
  }
}

.board.two .board-contents .board-item ul li .venue {
  width: 18.6%;
}

@media (max-width: 767px) {
  .board.two .board-contents .board-item ul li .venue {
    display: none;
  }
}

.board.two .board-contents .board-item li.headings {
  padding: 25px 0;
  background: #fbfbfb ;
}

.board.two .board-contents .board-item li.headings div {
  color: #fff;
  text-transform: uppercase;

}

.board.two .board-contents .board-item li.board-details:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

.board.two .board-contents .board-item li.board-details .block {
  text-align: center;
  padding: 0;
  background: #fff;
  width: 100%;
  transition: .2s ease-in;
}

.board.two .board-contents .board-item li.board-details .block div {
  padding-top: 25px;
  padding-bottom: 25px;
  color: #222222;

}

.board.two .board-contents .board-item li.board-details .block div i {
  font-size: 1.1875em;
  color: #c7c8c9;
}

.board.two .board-contents .board-item li.board-details .block div img {
  border-radius: 100%;
}

.board.two .board-contents .board-item li.board-details .block div span.time {
  margin-left: 0px;
}

.board.two .board-contents .board-item li.board-details .block div span.name {
  margin-left: 0px;
  transition: .2s ease-in;
}

@media (max-width: 480px) {
  .board.two .board-contents .board-item li.board-details .block div span.name {
    margin-left: 0;
  }
}

.board.two .board-contents .board-item li.board-details .block div:not(:last-child) {
  border-right: 1px solid #e5e5e5;
}

.board.two .board-contents .board-item li.board-details .block:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

.board.two .board-contents .board-item li.board-details .block:hover {
  box-shadow: none;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.board.two .board-contents .board-item li.board-details .block:hover span.name {
  color: #fbfbfb ;
}


.ViewContent{
  font-family: ns !important;
	text-align: left;
	padding:20px;
	    display: block !important;
}

.img_center {
  text-align: center;
}


.board-contents .board-item li.board-details1 {
  border-bottom: 1px solid;
  /* border-left: 1px solid;
  border-right: 1px solid; */
  border-color: #e5e5e5;
  height: 84px;

}


.board-contents .board-item li.board-details1 .btnblock {
  padding: 20px 0px;
  background: #fff;
  width: 100%;
  transition: .2s ease-in;
  text-align: center;
}

.board-contents .board-item li.board-details1 .block {
  padding: 15px 40px;
  background: #fff;
  width: 100%;
  transition: .2s ease-in;
}

.board-contents .board-item li.board-details1 .block div {
  color: #666666;
  font-size: 17px;
  line-height: 1.7;
}

.board-contents .board-item li.board-details1 .block div i {
  font-size: 1.1875em;
  color: #c7c8c9;
}

.board-contents .board-item li.board-details1 .block div img {

}

.board-contents .board-item li.board-details1 .block div span.time {
  margin-left: 5px;
}

.board-contents .board-item li.board-details1 .block div span.name {
  margin-left: 20px;
  transition: .2s ease-in;
}

@media (max-width: 480px) {
  .board-contents .board-item li.board-details1 .block div span.name {
    margin-left: 0;
  }
}

.board-contents .board-item li.board-details1 .block:hover {
  /*box-shadow: 0px 0px 30px 0px rgba(11, 29, 66, 0.15);
  -webkit-transform: scale(1.01);
          transform: scale(1.01);*/
}

.board-contents .board-item li.board-details .block:hover span.name {
  color: #fbfbfb ;
}

.board-contents .board-item ul li .subject1 {

}


.form-emle{
	/*display: block;
    width: 100%;
    */
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.successtitle{
	text-align: center;
	font-weight: bold;
     padding-top: 54px !important;
     top: 54px ;
    margin-bottom: 84px !important;
    height: 60px;
    font-size: 30px;
}

.successview{
	text-align: center;
    padding-top: 54px;
    margin-bottom: 20px !important;
    height: 60px;
    font-size: 17px;
}

/*font style*/
.txt_center {
  text-align: center;
}

.font16 {
  font-size: 16px;
  line-height: 1.5em
}

.font20 {
  font-size: 20px;
  line-height: 1.3em
}

.font22 {
  font-size: 22px;
  line-height: 1.3em
}

.font24 {
  font-size: 24px;
  line-height: 1.3em
}

.font26 {
  font-size: 26px;
  line-height: 1.6em
}

.font36 {
  font-size: 36px;
  line-height: 1.3em
}

.bd300 {
  font-weight: 300;
}

.bd400 {
  font-weight: 400;
}

.bd500 {
  font-weight: 500;
}

.blue1 {
  color: #03994a;
}

.light	{font-weight: 300;}

.nomal	{font-weight: 400;}

.bold	{font-weight: 600;}

.bolder	{font-weight: 800;}

/*padding style*/

.pd_bt90 {
  padding-bottom: 90px;
}

.pd_bt30 {
  padding-bottom: 30px;
}

.pd_top50 {
  padding-top: 50px;
}
.pd_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pd_30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pd_50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pd_lab {
  padding-top: 10px;
  padding-bottom: 50px;
}

/*lab*/

.lab_gray {
  width: 100%;
  background-color: #fafafa;
}

.labcol1{
  padding: 28px 0 28px 0;
  font-weight: 600;
  color: #343434;
  font-size: 26px;

}

.labcol2{
  font-size: 20px;
  color: #666666;
  -ms-grid-column:2;
  line-height: 28px;
  text-align: left;
  padding: 35px 0 35px 0;

}

.l_left {
  float: left;
  width: 50%;
  height: 303px;
  max-height: 303px;
  background: #0f143c;
  padding: 60px 0 50px 50px;
  color: #fff;
}
.l_left .txt{
  font-size: 3rem;
}

.l_left .title{
  font-family: Roboto;
  font-weight: bold;
  color: #fff;
  font-size: 38px;
  text-align: left;
  margin-bottom: 0;
}

.l_right {
  float: left;
  width: 50%;
  height: 300px; /* only for demonstration, should be removed */
}

section:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 800px) {
  .l_left {
    width: 100%;
    height: auto;
  }
  .l_right {
    width: 100%;
    height: auto;
  }
}

.grid-container3 {
/*
  padding-top: 50px;
  display: grid; display:
  grid-template-columns: auto auto auto;
  */
	display:table; width:100%; border-collapse:collapse; margin-top:50px;
}
.grid-container3 .grid-item { width:33.333%; display:table-cell; height:275px; text-align:center; vertical-align:middle; border:1px solid #e1e1e3;  }

.grid-container4 {
  /*
  padding-top: 50px;
  display: grid;
  grid-template-columns: auto auto auto auto;
  */
  display:table; width:100%; border-collapse:collapse; margin-top:50px;
}

.grid-container4 .grid-item { width:25%; display:table-cell; height:275px; text-align:center; vertical-align:middle; border:1px solid #e1e1e3;  }

.grid-container5 {
  /*
  padding-top: 50px;
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  */
  display:table; width:100%; border-collapse:collapse; margin-top:50px;
}
.grid-container5 .grid-item { width:20%; display:table-cell; height:250px; text-align:center; vertical-align:middle; border:1px solid #e1e1e3;  }


.grid-item {
  background-color: #ffffff;
  border: 1px solid #e1e1e3;
  padding: 0 10px 50px 10px;
  font-size: 20px;
  text-align: center;
}

.grid-item h1{
  padding: 30px 0 30px 0;
  font-size: 28px;
  text-align: center;
  color: #057cd6;
  font-weight: bold;
}


/*****************************************************************************
	LSM
*****************************************************************************/

/* 회사소개 */
#div_global.sub-global { background:#acd9f5; }
#div_global.sub-global .global_txt { text-align:center; }
.orgrow1,
.inner-box{ max-width:1400px; margin:0 auto; padding:0 15px; }
.global-tab { max-width:1400px; margin:70px auto 50px; text-align:center; font-size:0;  position:relative;}
.global-tab:after { content:''; clear:both; display:block; }
.global-tab a { float:left; width:50%; height:79px; line-height:76px; background:#fbfbfb; border-top:1px solid #c4c4c4; font-size:22px; color:#666; border-bottom:1px solid #004b88; }
.global-tab:before { content:''; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#004b88; }
.global-tab a.active{  color:#004b88; border-top:4px solid #004b88; background:#fff; border-bottom:1px solid #fff; line-height:70px; }
.global-tab a:first-child { border-left:1px solid #c4c4c4; }
.global-tab a:last-child { border-right:1px solid #c4c4c4; }
.global-tab a:first-child.active { border-left:1px solid transparent; }
.global-tab a:last-child.active { border-right:1px solid transparent; }
.sub-global .container_title { padding-top:35px; }
.sub-global .world2 { text-align:center; height: 710px; }
.orgrow1 { border-top:0 !important; margin-top:0 !important; }

/* 경영철학 */
.philo-full { background:#fafafa; padding:50px 0 140px; }
.philo-full .inner { max-width:1400px; margin:0 auto; padding:0 15px; }

/* 주주문의  */
.stock-txt1 { margin-bottom:40px; text-align:center;  }
.stock-txt1 div { font-size:26px; line-height:1.5;  margin-bottom:30px; }
.stock-txt1 p {  font-size:20px; line-height:1.5; color:#0a7cd4;  }
.stock-txt1 p span + span { margin-left:75px; }
.stock-txt2 { padding:39px; background:#fafafa; font-size:16px; color:#666; line-height:1.5; border:1px solid #e2e3e8; margin-bottom:90px; }
.stock-txt2 div{ color:#333; }
.stock-txt2 p { padding-top:15px; }
.td-txt { display:inline-block; font-size:16px; color:#666; margin-left:20px; }
.fileupload { position:relative; padding-right:180px;  }
.fileupload .btn-file { position:absolute; right:0; top:0; bottom:0; width:181px; text-align:center; font-size:16px; color:#fff; background:#999999; line-height:38px;}
.fileupload .inp-file { position:absolute;left:-9999px; }

.board-contents .board-item li.headings { font-size:0; }
.board-contents .board-item li.headings div { font-size:16px;  }
.board-contents .board-item li.board-details .block { font-size:0; }
.board-contents .board-item li.board-details .block div { font-size:16px; }
.board-type5 .board-item li.headings,
.board-type5 .board-item li.board-details .block  { padding-left:0; padding-right:0; }

/* 신용평가등급 */

.board-type4 .board-item li.headings .subject5,
.board-type4 .board-item li.board-details .block .subject5{ width:60%; white-space:nowrap; overflow:ellipsis; overflow:hidden; }
.board-type4 .board-item li.headings,
.board-type4 .board-item li.board-details .block { padding-left:0; padding-right:0; }
.board-type4 .board-item li.board-details .block div { white-space:nowrap;  }

/* 공시정보관리규정 */
.discloinfo { max-height:400px; overflow:auto; border:1px solid #ddd; background:#f9f9f9; width:100; resize:none; padding:0 40px 30px 40px; }
.discloinfo p { font-size:16px; line-height:2; color:#666;}
.discloinfo .privacy_text_title1 { font-size:26px; font-weight:600; text-align:center; color:#0a7cd4; margin:20px 0; }
.discloinfo .privacy_text_title2 { color:#333; font-weight:600; margin-bottom:8px;  }

.culture-way { padding-top:120px; }

/* 윤리경영 */
.culture2 { }
.culture2 .content_wrap h1 { margin-bottom:0; }

/* 대표사업소개 */
.biz-box { }
.biz-box .title { text-align:center; font-size:26px; margin-bottom:100px; }
.biz-box .title p { padding-top:10px; font-size:26px; line-height:1.4; font-weight:600; }
.biz-box .biz-list ul:after { display:block; content:''; clear:both; }
.biz-box .biz-list ul li { float:left; width:33.33333%;padding:5px; overflow:hidden;}
.biz-box .biz-list ul li a { display:block; box-shadow:0 0 20px rgba(0,0,0,0.1); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; position:relative; }
.biz-box .biz-list ul li a img { width:100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.biz-box .biz-list ul li a .info {  position:absolute; left:0; right:0; bottom:0; padding:20px 30px; background:#fff; height:70px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease}
.biz-box .biz-list ul li a .info:before { content:''; position:absolute; left:21px; top:24px; width:3px; height:14px; background:#097dd4; transition: all 0.3s ease; -webkit-transition: all 0.3s ease}
.biz-box .biz-list ul li a .info .t1 { font-size:18px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; font-weight:600; transition: all 0.3s ease; -webkit-transition: all 0.3s ease}
.biz-box .biz-list ul li a .info .t2 { opacity:0; font-size:16px; line-height:24px; color:#fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease}
.biz-box .biz-list ul li a .info .t2:after { content:''; display:block; width:49px; height:49px; background:url(../images/business/ico_more_view.png) no-repeat 0 0; margin-top:28px;}
.biz-box .biz-list ul li a:hover .info { height:100%; background:rgba(0,97,170,0.7); overflow:hidden; word-break:break-all;}
.biz-box .biz-list ul li a:hover .info:before { display:none; }
.biz-box .biz-list ul li a:hover .info .t1 { color:#fff; font-size:16px; word-break:break-all; white-space: normal;}
.biz-box .biz-list ul li a:hover .info .t2 { opacity:1; overflow:hidden; word-wrap:break-word; word-break:keep-all;}
.biz-box .biz-list ul li a:hover .info > div { display:table; width:100%; height:100%;overflow:hidden;  }
.biz-box .biz-list ul li a:hover .info > div > div{ display:table-cell; vertical-align:middle; }
/* 결산공고 */
.settlement .settle-title { clear:both;  margin-bottom:20px; }
.settlement .settle-title:after { display:block; content:''; clear:both; }
.settlement .settle-title p { font-size:18px; color:#666; }
.settlement .settle-title .fl span { font-size: 26px; color:#000; }
.settlement .settle-title .fr { padding-top:11px; }
.settlement .settle1:after,
.settlement .settle2:after { display:block; content:''; clear:both;  }
.settlement .settle1,
.settlement .settle2 { margin-bottom:100px; }
.settlement .ir-table { float:left; width:50%; }
.settlement .ir-table + .ir-table {  }
.settlement .ir-table + .ir-table table thead th:first-child { border-left:1px solid #fff; }
.settlement .ir-table + .ir-table table tbody td:first-child { border-left:1px solid #e0e0e0; }
.settlement .ir-table table { width:100%; border-collapse:collapse;  border-bottom:1px solid #e0e0e0; }
.settlement .ir-table table thead th { text-align:center; font-size:20px; color:#333; font-weight:600; background:#d3dade; height:58px; vertical-align:middle; width:60%;   }
.settlement .ir-table table thead th + th { border-left:1px solid #fff; width:40%; }
.settlement .ir-table table tbody td { padding:6px 30px; line-height:1.6; font-size:18px; color:#666;  border-top:1px solid #e0e0e0;  }
.settlement .ir-table table tbody tr:first-child td { border-top:0; }
.settlement .ir-table table tbody tr:last-child td { border-top:1px solid #000;  }
.settlement .ir-table table tbody td + td { border-left:1px solid #e0e0e0; }
.settlement .ir-table table tbody td:last-child { text-align:right; }
.settlement .ir-table table tbody td.bold { color:#333; }
.settlement .ir-desc { text-align:center; clear:both; font-size:18px; color:#666; padding:15px 0 0; }
.settlement .ir-sign { text-align:center ; font-size:18px; color:#666; line-height:2; padding-top:70px; letter-spacing:1px; }
.settlement .ir-sign p { letter-spacing:10px; }
.settlement .ir-sign p span { margin:0 10px; }

/* 홍보관, 고객센터(게시판들) */
.monthpro-section.type2 .image-sub4 { background:#fff; }
.monthpro-section.type2 .image-sub5 img { height:373px; }
.monthpro-section.type2 .col-md-4 { float:left; width:32%; margin-bottom:2% }
.monthpro-section.type2 .modalFuc1,
.monthpro-section.type2 .modalFuc4,
.monthpro-section.type2 .modalFuc7 { margin:0 2% 2%; }
.monthpro-section.type2 .col-md-4 .post-details { padding:20px 28px; }
.monthpro-section.type2 .col-md-4 .post-details p { font-size:16px; color:#333; line-height:24px; height:48px;margin-bottom:30px; }
.monthpro-section.type2 .col-md-4 .post-details span { display:block; font-size:14px; color:#666; }

.monthpro-section.type4 .image-sub4 { background:#fff; }
.monthpro-section.type4 .image-sub4 img { height:243px; }
.monthpro-section.type4 .col-md-4 { float:left; width:32%; margin-bottom:2%; margin-left:2%; }
.monthpro-section.type4 .col-md-4:nth-child(1),
.monthpro-section.type4 .col-md-4:nth-child(4),
.monthpro-section.type4 .col-md-4:nth-child(7){ margin-left:0; }
.monthpro-section.type4 .col-md-4 .post-details { padding:20px 28px; }
.monthpro-section.type4 .col-md-4 .post-details p { font-size:16px; color:#333; line-height:24px; height:48px;margin-bottom:30px; }
.monthpro-section.type4 .col-md-4 .post-details span { display:block; font-size:14px; color:#666; }

.monthpro-section.type3 .image-sub4 { background:#fff; }
.monthpro-section.type3.newletter .image-sub4 img { height:243px; }
.monthpro-section.type3 .image-sub4 img { /*height:372px;*/ }
.monthpro-section.type3.newletter .image-sub4 img { height:auto !important; }
.monthpro-section.type3 .col-md-4 { float:left; width:32%; margin-bottom:2% }
.monthpro-section.type3 .col-md-4:nth-child(2),
.monthpro-section.type3 .col-md-4:nth-child(5),
.monthpro-section.type3 .col-md-4:nth-child(8) { margin:0 2% 2%; }
.monthpro-section.type3 .col-md-4 .post-details { padding:20px 28px; }
.monthpro-section.type3 .col-md-4 .post-details p { font-size:17px; color:#333; margin-bottom:5px;  /*font-weight:600;*/ }
.monthpro-section.type3.newletter .col-md-4 .post-details p { line-height:24px; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}


.monthpro-section.type3 .col-md-4 .post-details div { font-size:16px; color:#666; margin-bottom:24px; }
.monthpro-section.type3 .col-md-4 .post-details span { display:block; font-size:14px; color:#666; }

.newletter-desc-box { padding:50px 40px; background:#fafafa; border:1px solid #e4e3e8; margin-bottom:80px; }
.newletter-desc-box .tit { font-size:30px; color:#000; text-align:center; margin-bottom:30px; }
.newletter-desc-box .form-box { border:1px solid #e7e7e7; border-top:2px solid #222; background:#fff;  }
.newletter-desc-box .form-box .form-head{ padding:22px 25px; position:relative; /*height:84px;*/ font-size:0; text-align:center; }
.newletter-desc-box .form-box .form-head p { display:inline-block; vertical-align:middle; font-size:17px; color:#000; line-height:38px; }
.newletter-desc-box .form-box .form-head p:first-child span { color:#d43f37; }
.newletter-desc-box .form-box .form-head div { /*position:absolute; right:56px;*/ top:22px; padding-right:5px; width:100%; }
.newletter-desc-box .form-box .form-head div span { display:inline-block; vertical-align:middle; }
.newletter-desc-box .form-box .form-head input,
.newletter-desc-box .form-box .form-head select { font-size:15px; }
.newletter-desc-box .form-box .form-head .mails .divide { font-size:15px; margin:0 5px;line-height:40px; }
.newletter-desc-box .form-box .form-head .inp { width:100%; background:#f7f7f7; border:0; height:40px; font-size:16px;  }
.newletter-desc-box .form-box .form-head .btn-submit { /*position:absolute; right:0;*/ position:absolute; height:38px; text-align:center; font-size:17px; color:#fff; background:#187cca; border:0;
margin-left: 5px; padding: 0 20px; }
.newletter-desc-box .form-box .form-head .more { margin:0 20px; }
.newletter-desc-box .form-box .form-head .more a:after { content:''; display:inline-block; vertical-align:middle; width:13px; height:9px; background:url(../images/bu_arrow.png) no-repeat 0 0; margin:-2px 0 0 7px;  }
.newletter-desc-box .form-box .form-body { border-top:1px solid #e7e7e7; display:none ; padding:30px 45px; font-size:16px; line-height:2; color:#666; }

/* 홍보관 */
.ci-bi .btn-box { padding:40px 0 60px; }
.broucheur2:after { display:block; content:''; clear:both; }
.broucheur2 { max-width:980px; margin:0 auto; }
.broucheur2 .img-box { float:left; width:50%; padding-right:50px;  }
.broucheur2 .txt-box { float:right; width:50%;   }
.broucheur2 .txt-box .t1 { font-size:48px; line-height:1.3; color:#333; padding:35px 0 23px; font-weight:600; }
.broucheur2 .txt-box .t2 { font-size:26px; line-height:1.5; color:#666; margin-bottom:50px;  }
.broucheur2 .txt-box .btns { margin-bottom:25px;  }
.broucheur2 .txt-box .t3 { font-size:14px; line-height:1.5; color:#808080; padding-left:25px; position:relative;}
.broucheur2 .txt-box .t3:before { content:''; position:absolute; left:0; top:1px; background:url(../images/ico_tip.png) no-repeat 0 0; width:17px; height:17px; }
.broucheur2 .txt-box .t3 a { text-decoration:underline; color:#808080; }

/* 고객센터 */
.consult-view { }
.consult-view .board-item li.head .ViewDate { color:#666; }
.consult-view .ViewContent { font-size:16px; color:#666;  }
.consult-view .ViewContent strong { color:#222; }
.consult-view .bottom-btn { text-align:center; padding:60px 0 30px; }

.board-head-box { padding:40px 35px; background:#fafafa; border:1px solid #e2e3e7; font-size:16px; line-height:2; color:#666;  }
.board-head-box .tit { font-size:30px; color:#000; font-weight:600; text-align:center; line-height:1; margin-bottom:30px; }
.board-head-box p { color:#666; margin-bottom:10px; padding-left:13px; text-indent:-13px; }
.board-head-box .indent { padding-left:17px; text-indent:-17px; line-height:1.8;  }
.board-head-box .indent a { color:#0a7cd4; text-decoration:underline; }
.board-head-box .agree-box label { padding-left:22px; position:relative; display:block;  }
.board-head-box .agree-box label em { position:absolute; left:0; top:7px; }
.board-head-agree { text-align:right; padding:20px 0 70px; }
.board-head-desc { font-size:16px; line-height:1.7; color:#666; padding-left:17px; text-indent:-17px; margin-bottom:20px; }
.buscon-complete { padding:60px 70px; background:#fafafa; border:1px solid #e2e3e7; font-size:20px; line-height:1.5; color:#666; text-align:center; }
.buscon-complete .t1 { font-size:30px; color:#333; font-weight:600; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #d3d4d9; }
.buscon-complete .t1 .t2 { font-size:20px; font-weight:normal; padding-top:10px;  }
.buscon-complete .comp-number { text-align:center; }
.buscon-complete .comp-number .in { display:inline-block; text-align:left; }
.buscon-complete .comp-number .in dl:after { display:block; content:''; clear:both; }
.buscon-complete .comp-number .in dl { font-size:20px; color:#666; }
.buscon-complete .comp-number .in dl + dl { margin-top:20px; }
.buscon-complete .comp-number .in dl dt { float:left; padding-right:55px; font-weight:normal; line-height:45px; }
.buscon-complete .comp-number .in dl dd { overflow:hidden;  line-height:45px; }
.buscon-complete .comp-number .in dl dd input { height:45px; }
.red { color:#ed0101; }



.client-box { text-align:center; padding:70px 0 20px; }
.client-box .t1 { font-size:30px; font-weight:600; color:#000; margin-bottom:28px; padding-bottom:28px; position:relative; }
.client-box .t1:before { content:''; position:absolute; left:50%; bottom:0; width:15px; height:1px; background:#03994a; margin-left:-7px; }
.client-box .t2 { font-size:26px; line-height:1.7; color:#333;  }
.client-box .t2 strong { color:#03994a; }
.client-box .img { padding:50px 0; }
.client-box .img img { display:inline; }

.cs-desc { text-align:center; }
.cs-desc .t1 { font-size:34px; color:#03994a; font-weight:600; margin-bottom:50px; padding-top:30px; }
.cs-desc .bg-box { padding: 75px 10px 65px; background:url(../images/customer/bg_process.jpg) no-repeat 50% 50%; background-size:cover; margin-bottom:65px; }
.cs-desc .t2 { font-size:30px; line-height:1.6; color:#000; margin-bottom:60px;  }
.cs-desc .btn-type2 { font-weight:600; }
.cs-desc .btn-type2:after { content:''; display:inline-block; vertical-align:middle; width:10px; height:20px; background:url(../images/customer/ico_btn_arr.png) no-repeat 0 0; margin-left:26px; }
.cs-desc .mobile { display:none; padding:0 60px; }

.cyber-intro { margin-bottom:60px; }
.cyber-intro:after { display:block; content:''; clear:both; }
.cyber-intro .fl { width:50%; padding-right:30px;  }
.cyber-intro .fr{ width:50%; }
.cyber-intro .fr .t1 { font-size:30px; color:#000; margin-bottom:10px; }
.cyber-intro .fr .t2 { font-size:18px; line-height:1.8; color:#666; margin-bottom:30px; }
.cyber-intro .fr .txt-box { padding:24px 30px; background:#f1f2f7; }
.cyber-intro .fr .txt-box p { padding-left:10px; font-size:16px; line-height:1.5; color:#666; position:relative; }
.cyber-intro .fr .txt-box p:before { content:''; position:absolute; left:0; top:10px; width:2px; height:2px; background:#666; }
.cyber-intro .fr .txt-box p + p { margin-top:10px; }

.board-head-box + .tab2 { margin:80px 0; }
.replay-write-box { padding-right:150px; position:relative; border:13px solid #f1f2f7; margin-bottom:-13px; }
.replay-write-box textarea { width:100%; height:180px; background:#fff; outline:none; border:0; padding:15px; resize:none; }
.replay-write-box button { position:absolute ; right:0; top:0; bottom:0; width:150px; background:#333; text-align:center; color:#fff; }
.replay-list-article { border:13px solid #f1f2f7; margin-bottom:-13px; padding:20px;  }
.replay-list-article div.time { padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ebebeb; font-size:16px; color:#333;  }
.replay-list-article .subject { font-size:16px; color:#666; line-height:1.6; }


.hsub-img { margin-bottom:50px !important; padding:0; overflow:hidden; }
.hsub-img .col-md-4 { padding:0; }

.history-cont .history-swiper { display:none; margin-bottom:30px; }
.history-cont .history-swiper img { width:100%; }

.ceo-book { padding:40px 20px;  background:#f5f5f5; }
.ceo-book .inner { max-width:1400px; margin:0 auto; position:relative; overflow:hidden;  }
.ceo-book .img { float:left; }
.ceo-book .info { overflow:hidden; padding-top:20px; }
.ceo-book .info .t1 { font-size:30px; color:#222; margin-bottom:5px; padding-left:100px; }
.ceo-book .info .t2 { font-size:22px; color:#8d8d4d; margin-bottom:10px; padding-bottom:15px; margin-bottom:20px; /*border-bottom:1px solid #8d8d4d;*/padding-left:100px; font-weight:600; position:relative; }
.ceo-book .info .t2:before { content:''; position:absolute; left:0; bottom:0; height:1px; background:#8d8d4d; width:680px; }
.ceo-book .info .t3 { font-size:15px; color:#222; margin-bottom:10px;padding-left:100px; line-height:2; margin-bottom:20px; letter-spacing:-0.5px; }
.ceo-book .info dl { padding-left:100px; line-height:20px; margin-bottom:8px; }
.ceo-book .info dl dt { float:left; width:125px; font-size:17px; color:#222; font-weight:600; text-align:justify; text-align-last:left; margin-right:10px; }
.ceo-book .info dl dd { overflow:hidden; font-size:17px; color:#222; }

.ceo-book .mobile { display:none; }


.ceo-book02{margin-bottom: 95px;}
.ceo-book02 .info{text-align: right;margin-right: -23px;}
/*.ceo-book02 .info{float: right;text-align: right;margin-right: -23px;}*/
.ceo-book02 .info .t1{padding-left:0;padding-right:100px;}
.ceo-book02 .info .t2{padding-left:0;padding-right:100px;color: #00b1c6;}
.ceo-book02 .info .t2:before{background-color: #00b1c6;}
.ceo-book02 .info .t3{padding-left:0;padding-right:100px;}
.ceo-book02 .info dl{padding-left:0;padding-right:100px;}
.ceo-book02 .info dl dt{float: right;margin-right: 0;margin-left: 18px;}
.ceo-book02 .img{float: right;padding-right: 22%;}



.cyber-intro2 { text-align:center; }
.cyber-intro2 .icon { margin-bottom:40px; }
.cyber-intro2 .t1 { font-size:20px; color:#333; line-height:1.6; margin-bottom:40px; }
.cyber-intro2 .t-box { padding: 45px 20px; background:#f1f2f7; border:1px solid #d6d8e4; margin-bottom:50px; }
.cyber-intro2 .t-box div { display:inline-block; text-align:left; }
.cyber-intro2 .t-box div p { font-size:18px; line-height:1.6; color:#666666; padding-left:20px; text-indent:-20px; }
.cyber-intro2 .t-box div p + p { margin-top:5px; }
.cyber-intro2 .t-box div p.red { color:#bc0001; }
.cyber-intro2 .t-box div a{ color:#0a7cd4; text-decoration: underline; line-height: 1.7 }

.ci-bi .mobile { display:none; }

/* 기술지원조직 */
.labs {  }
.labs .inner-box { max-width:1209px; }
.labs .t1 { text-align:center; font-size:34px; line-height:1.5; color:#03994a; margin-bottom:50px;  font-weight:600; }
.labs .t2 {font-size:26px; line-height:1.7; color:#323232; margin-bottom:140px;  }
.labs .t2.f24 { font-size:24px; }
.labs .t3 { text-align:center; font-size:24px; line-height:1.7; color:#00478a; margin-bottom:120px;  }
.labs .tit1 { text-align:center; font-size:70px; color:#c7a600; font-weight:600; margin-bottom:50px; }
.labs .tit2 { text-align:center; font-size:34px; color:#00478a; font-weight:600; margin-bottom:60px; }
.labs .img1 { text-align:center; margin-bottom:140px; }
.labs .img2 { text-align:center; margin-bottom:150px; }
.labs .img3 { text-align:center; margin-bottom:140px; }
.labs .mobile { display:none; }
.labs .mb60 { margin-bottom:60px; }
.labs .bg-box { overflow:hidden; margin-bottom:200px; position:relative; }
.labs .bg-box .fl { width:50%; position:absolute;left:0;top:0;bottom:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }
.labs .bg-box.bg-box1 .fl { background-image:url(../images/about/lab3.png); }.labs .img2 { text-align:center; margin-bottom:150px; }
.labs .bg-box.bg-box2 .fl { background-image:url(../images/about/lab5.png); }.labs .img2 { text-align:center; margin-bottom:150px; }
.labs .bg-box .fr { width:50%; padding:45px 45px; background:#f5f5f5;  }
.labs .bg-box .fr .txt-box { padding-left:30px; position:relative; font-size:22px; line-height:1.6; font-weight:600; }
.labs .bg-box .fr .txt-box + .txt-box { margin-top:20px; }
.labs .bg-box .fr .txt-box em { position:absolute; left:0; top:5px; width:23px; height:23px; text-align:center; line-height:24px; font-size:18px; color:#fff; border-radius:100%; background:#197dc9; font-style:normal;  }
.labs .bg-box .fr .txt-box ul li { font-size:20px; padding-left:15px; position:relative; margin-top:7px; }
.labs .bg-box .fr .txt-box ul li {  }.labs .bg-box .fr .txt-box ul li:before { content:''; position:absolute; left:0; top:12px; width:4px; height:4px; background:#333232; }

.labs .blue { color:#0068b7; }

/* 사업분야 */
.biz-modal  { text-align:left; padding:0 10px; }
.biz-modal .tit1 { font-size:40px; color:#000; padding-bottom:30px; margin-bottom:35px; position:relative; text-align:center; font-weight:600; clear:both;}
.biz-modal .tit1:before { content:''; position:absolute; left:50%; bottom:0; width:52px; margin-left:-26px; height:1px; background:#0068b7; clear:both;}
.biz-modal .tit2 { font-size:40px; color:#c7a600; margin-bottom:35px; text-align:center;  font-weight:600;clear:both;}
.biz-modal .tit3 { font-size:24px; font-weight:600; color:#000; margin-bottom:20px; clear:both; }
.biz-modal .txt1 { text-align:center; font-size:30px; line-height:1.6; color:#03994a; margin-bottom:55px; font-weight:600;}
.biz-modal .txt1.black { color:#333; }
.biz-modal .txt2 { font-size:18px; line-height:1.6; color:#333; margin-bottom:55px;}
.biz-modal .txt3 { font-size:30px; line-height:1.6; color:#00478a; margin-bottom:55px; font-weight:600; text-align:center;}
.biz-modal .txt3 .orange { color:#c7a600; }

.biz-modal-table { }
.biz-modal-table table { width:100%; border-collapse:collapse; }
.biz-modal-table table thead th { padding: 12px 7px; font-size:22px; color:#fff; text-align:center; }
.biz-modal-table table thead th  + th { border-left:1px solid #fff; }
.biz-modal-table table thead th.bg1 { background:#00478a; }
.biz-modal-table table thead th.bg2 { background:#0068b7; }
.biz-modal-table table thead th.bg3 { background:#2692e4; }
.biz-modal-table table thead th.bg4 { background:#5bb8fe; }
.biz-modal-table table thead th.bg5 { background:#454545; }

.biz-modal-table table tbody td { font-size:20px; color:#232323; padding:7px 13px 7px 20px; font-weight:400; border-bottom:1px solid #dedede;vertical-align: middle;line-height: 1.4;  }
.biz-modal-table table tbody td + td { border-left:1px solid #dedede; }
.biz-modal-table table tbody tr:last-child td.bg1 { border-bottom:3px solid #00478a; }
.biz-modal-table table tbody tr:last-child td.bg2 { border-bottom:3px solid #0068b7; }
.biz-modal-table table tbody tr:last-child td.bg3 { border-bottom:3px solid #2692e4; }
.biz-modal-table table tbody tr:last-child td.bg4 { border-bottom:3px solid #5bb8fe; }
.biz-modal-table table tbody tr:last-child td.bg5 { border-bottom:3px solid #454545; }





.biz-modal .m1-1:after { content:''; display:block; clear:both;  }
.biz-modal .m1-1 .section { float:left; width:49%;  margin-bottom:22px; }
.biz-modal .m1-1 .section .img { position:relative; }
.biz-modal .m1-1 .section .img img { width:100%; }
.biz-modal .m1-1 .section .img p { position:absolute; right:0; top:-10px; }
.biz-modal .m1-1 .section .info { min-height:310px; border:1px solid #e6e6e6; border-top:0; padding:0 25px; }
.biz-modal .m1-1 .section .info strong { display:block; text-align:center; font-size:30px; font-weight:600; color:#000000; padding: 20px 0; border-bottom:1px solid #e6e6e6; }
.biz-modal .m1-1 .section .info ul { padding: 24px 10px 0; }
.biz-modal .m1-1 .section .info ul li { font-size:18px; line-height:1.5; color:#666666; padding-left:12px; position:relative;  letter-spacing:-1px; }
.biz-modal .m1-1 .section .info ul li + li { margin-top:10px; }
.biz-modal .m1-1 .section .info ul li:before { content:''; position:absolute; left:0; top:11px; width:4px; height:4px; background:#666666; }
.biz-modal .m1-1 .section:nth-child(2),
.biz-modal .m1-1 .section:nth-child(4){ float:right; width:49%; }
.biz-modal .m1-2 { margin-bottom:40px; position:relative;  }
.biz-modal .m1-2 ul { position:relative; }
.biz-modal .m1-2 ul:after { content:''; display:block; clear:both;  }
.biz-modal .m1-2 li { float:left; width:32%; position:relative; }
.biz-modal .m1-2 li:nth-child(2) { margin:0 2%; }

.biz-modal .m1-2:before { content:''; position:absolute; left:33%; top:45px; bottom:0; width:1px; background:#dedede; }
.biz-modal .m1-2 ul:before { content:''; position:absolute; left:67%; top:45px; bottom:0; width:1px; background:#dedede; }
.biz-modal .m1-2 li:nth-child(3) .t1 { background:#00478a; }
.biz-modal .m1-2 li .t1 { height:51px; line-height:50px; text-align:center; font-size:20px; color:#fff; background:#266db0; margin-bottom:13px; }
.biz-modal .m1-2 li .t2 { text-align:center; }
.biz-modal .m1-2 li .t2 strong { display:block; text-align:center; font-size:24px; font-weight:600; color:#151213; padding-top:5px; }
.biz-modal .m1-2 li .t3 { text-align:center; font-size:24px; line-height:32px; height:64px; color:#266db0; padding-top:15px; margin-top:12px; position:relative; margin-bottom:65px; }
.biz-modal .m1-2 li .t3:before { content:''; position:absolute; left:50%; top:0; width:24px; margin-left:-12px; height:1px; background:#000; }
.biz-modal .m1-2 li .box { min-height:340px; background:#f3f3f3; padding: 50px 24px 0; font-size:18px; line-height:1.7; color:#4f4f4f; position:relative; }
.biz-modal .m1-2 li .box .text-left { margin-top:-30px; }
.biz-modal .m1-2 li .box .circle { position:absolute; left:50%; top:-43px; margin-left:-43px; }

.biz-modal .m2-1 img,
.biz-modal .m3-1 img,
.biz-modal .m7-2 img  { display: block; margin-right: auto; margin-left: auto; }

.biz-modal .m2-1 { overflow:hidden; margin-bottom:40px; }
.biz-modal .m2-1 .fl { padding-right:5px; width:49%; }
.biz-modal .m2-1 .fr { padding-left:5px; width:49%; }
.biz-modal .m2-1 .fr img + .txt2 { padding-top:45px; }
.biz-modal .img1 { padding:0 0 50px; text-align:center; }

.biz-modal .m3-1 { overflow:hidden; margin-bottom:40px; }
.biz-modal .m3-1 img { max-width:100%; }
.biz-modal .m3-1 .fl { padding-right:5px; width:50%; }
.biz-modal .m3-1 .fr { padding-left:5px; width:50%; text-align:right; }
.biz-modal .m6-1 { overflow: hidden; }
.biz-modal .m6-1 .fl { width:50%; }
.biz-modal .m6-1 .fr {  width:50%; }
.biz-modal .m6-1 img { width:100%; }
.biz-modal .m7-1 { margin-bottom:60px; }
.biz-modal .m7-1 ul:after {  content:''; display:block; clear:both;}
.biz-modal .m7-1 ul li { float:left; width:33.3333333%; padding:3px; }
.biz-modal .m7-1 ul li div { font-size:20px; line-height:1.5; color:#0066b4; padding: 20px 5px; background:#e9f5ff; border:1px solid #0066b4; text-align:center; font-weight:500;min-height: 132px; }

.biz-modal .m7-2 { margin-bottom:90px; overflow:hidden; }
.biz-modal .m7-2 .fl { padding-right:2px; width:50%; }
.biz-modal .m7-2 .fr { padding-left:2px; width:50%; text-align:right; }
.biz-modal .img7-1 { text-align:center; margin-bottom:90px; }
.biz-modal .img7-2 { text-align:center; margin-bottom:110px; }
.biz-modal .m7-3 { position:relative; margin-bottom:120px; }
.biz-modal .m7-3:before { content:''; position:absolute; left:50%; top:50%; margin:-35px 0 0 -35px; background:url(../images/business/biz_modal7_arr.png) no-repeat 0 0; width:71px; height:71px; }
.biz-modal .m7-3 table { width:100%; border-collapse:collapse; }
.biz-modal .m7-3 table td { vertical-align:middle; width:50%; }
.biz-modal .m7-3 table td:nth-child(1) { background:#e9f5ff; border:1px solid #0066b4; }
.biz-modal .m7-3 table td ul { padding: 25px 34px; }
.biz-modal .m7-3 table td ul li { font-size:22px; line-height:1.7; color:#0066b4; padding-left:14px; position:relative; }
.biz-modal .m7-3 table td ul li:before { content:''; position:absolute; left:0; top:14px; width:5px; height:5px; background:#0066b4; }
.biz-modal .m7-3 table td ul li + li { margin-top:6px; }
.biz-modal .m7-3 table td:nth-child(2) { background:#0066b4; border:1px solid #0066b4; font-size:36px; line-height:1.6; color:#fff;  font-weight:600; text-align:center; }

.biz-modal .m7-4 .fl { padding-right:35px; width:45%; text-align:right; padding-left:50px; }
.biz-modal .m7-4 .fr { padding-left:0; width:55%; padding-top:24px; padding-right:70px;}
.biz-modal .m7-5 {text-align:center; clear:both; }
.biz-modal .m7-5 div { margin:0 8px; display:inline-block; vertical-align:top; text-align:center; margin-bottom:15px; }
.biz-modal .m7-5 div p { font-size:22px; color:#333; font-weight:600; padding-top:15px; }
.biz-modal .m8-1 { overflow:hidden; margin-bottom:60px; }
.biz-modal .m8-1 .fl { width:50%; padding-right:10px; }
.biz-modal .m8-1 img { width:100%; }
.biz-modal .m8-1 .fr { width:50%; padding-left:10px; }
.biz-modal .m8-1 > div div { height:89px; background:#c7a600; padding:0 20px 0 30px; }
.biz-modal .m8-1 > div div p { display:table; width:100%; height:100%; }
.biz-modal .m8-1 > div div p span { display:table-cell; vertical-align:middle; font-size:20px; color:#fff; line-height:1.4; }
#modal8 .biz-modal-table table tbody td { width:20%; text-align:center;  padding-left:0; padding-right:0;}
.biz-modal .m9-1 { overflow:hidden; margin-bottom:60px; }
.biz-modal .m9-1 img { width:100%; }
.biz-modal .m9-1 .fl { width:50%; }
.biz-modal .m9-1 .fr { width:50%; }

.mail-form { display:block; vertical-align:middle; width:auto !important; padding:5px 0 0 0 ; margin-left:5px;  }
.mail-form div { display:inline-block; vertical-align:middle;width:auto !important; padding:0;  }
.mail-form .f1 { width:90px; }
.mail-form .f2 { width:120px; }
.mail-form .f3 { width:120px; }
.mail-form .f4 { width:140px; }


.roadmap { }
.roadmap .head:after{ display:block; content:''; clear:both; }
.roadmap .head { padding:15px 0 15px 22%; border-bottom:1px solid #00478a; margin-bottom:10px; }
.roadmap .head  div { float:left; font-size:26px; font-weight:600; color:#00478a; text-align:center; }
.roadmap .head div:nth-child(1) { position:absolute;left:0; top:0; }
.roadmap .head div:nth-child(2) { width:34%; }
.roadmap .head div:nth-child(3) { width:66%; }
.roadmap .body > div { padding-left:22%; position:relative; }
.roadmap .body .c1 { position:absolute;left:0; top:10px; bottom:10px; width:22%; padding-right:10px;  }
.roadmap .body .c1 .t1 { font-size:26px; color:#fff; font-weight:600; text-align:center; line-height:62px; background:#4f90ce; }
.roadmap .body .c1 .t2 { position:absolute; left:0; right:0; bottom:20px; text-align:center; font-size:26px; color:#266db0; font-weight:600; padding-top:82px; background:url(../images/arr_roadmap1.png) no-repeat 50% 0; }
.roadmap .body .c-box { display:table; width:100%; }
.roadmap .body .c2 { display:table-cell; vertical-align:middle; width:34%; background:#f3f3f3; border:10px solid #fff; font-size:30px; line-height:1.4; color:#00478a; font-weight:600; padding-left:40px;  }
.roadmap .body .c3 { display:table-cell; vertical-align:middle; width:66%; background:#f3f3f3; border:10px solid #fff;  padding:20px 30px;  }
.roadmap .body .c3 ul li { padding-left:13px; font-size:24px; color:#00478a; position:relative; line-height:1.3;  }
.roadmap .body .c3 ul li + li { margin-top:15px; }
.roadmap .body .c3 ul li:before { content:''; position:absolute; left:0; top:12px; width:6px; height:6px; background:#00478a; }
.roadmap .body > div:nth-child(2) .c1 .t1 { background:#266db0; }
.roadmap .body > div:nth-child(3) .c1 .t1 { background:#00478a; }
.roadmap .body > div:nth-child(2) .c1 .t2 { bottom:0; background:url(../images/arr_roadmap2.png) no-repeat 50% 0; color:#00478a; }















@media ( max-width:1025px ){
	#imagerow .row2 .col-md-4 { width:33.3333%; padding:1px; margin:0 !important;  }
}


@media ( max-width:1000px ){
	.drop_wrap { margin-top:0; }
	.wrapper-dropdown-home { border-left:0; }
	.wrapper-dropdown-share { border-right:0; }
	.content_wrap { padding:30px 10px 0 10px; }
	#myHeader { margin-bottom:100px !important; }
	.content_wrap h1 { margin-bottom:40px; margin-top:40px }
	.section-break-1 { margin-bottom:20px;  }
	.aboutrow img { max-width:100% !important; }
	.aboutrow { margin-top:10px; }
	.aboutrow p { font-size:18px; margin-bottom:40px; }
	#about { padding-bottom:50px !important; }
	.pd_bt90 { padding-bottom:55px; }
	.footer-group .button { border-bottom:0; }
	.footer-group .button:first-child { border-left:0; }
	.footer-group .button:last-child { border-right:0; }
	.ceorow p { font-size:14px; }
	.ceorow .txt4 { font-size:17px; }
	.ceorow .font22 { font-size:18px; }

	.ceo-book { margin-top:100px; }
	.ceo-book .inner { padding-top:0; overflow:visible; }
	.ceo-book .img  { float:none; text-align:center; padding-right:50px; margin-top:-120px;  }
	.ceo-book .img img { max-width:250px; }
	.ceo-book .info .t1 { text-align:center; padding:20px 0 0; font-size:24px; }
	.ceo-book .info .t2 { text-align:center; padding:0 0 15px; font-size:20px; }
	.ceo-book .info .t2:before { width:100%; }
	.ceo-book .mobile { display:block; }
	.ceo-book .info .t3 { padding-left:0; font-size:14px; line-height:1.7;  }
	.ceo-book .info .t3  br { display:none; }
	.ceo-book .info dl { padding-left:0; }
	.ceo-book .info dl dt { font-size:15px; }
	.ceo-book .info dl dd { font-size:15px; }


	/* IR자료실 */
	.board-type5 .board-item li.headings { padding:12px 0; }
	.board-type5 .board-item li.board-details .block { }

	.board-type5 .board-item li.headings div:first-child,
	.board-type5 .board-item li.headings div:last-child { display:none; }
	.board-type5 .board-item li.board-details .block > div:first-child,
	.board-type5  .board-item li.board-details .block > div:last-child{ display:none; }
	.board-type5 .board-item li.headings div,
	.board-type5 .board-item li.board-details .block div { font-size:12px; white-space:nowrap;  }
	.board-type5 .board-item li.headings div:nth-child(2),
	.board-type5 .board-item li.board-details .block > div:nth-child(2) { width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
	.board-type5 .board-item li.headings div:nth-child(3),
  .board-type5 .board-item li.board-details .block > div:nth-child(3) { width:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
  .board-type5 .board-item li.headings div:nth-child(4),
  .board-type5 .board-item li.board-details .block > div:nth-child(4) { width:15%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

	.board-type4 .board-item li.headings { padding:12px 0; }
	.board-type4 .board-item li.board-details .block { }

	.board-type4 .board-item li.headings div:first-child,
	.board-type4 .board-item li.headings div:last-child { display:none; }
	.board-type4 .board-item li.board-details .block > div:first-child,
	.board-type4  .board-item li.board-details .block > div:last-child{ display:none; }
	.board-type4 .board-item li.headings div,
	.board-type4 .board-item li.board-details .block div { font-size:12px; white-space:nowrap;  }
	.board-type4 .board-item li.headings div:nth-child(2),
	.board-type4 .board-item li.board-details .block > div:nth-child(2) { width:70%; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
	.search2 { padding-left:100px; margin-bottom:25px; }


	.search2 { padding-left:100px; margin-bottom:25px; }
	.search2 .sel1 { width:101px; }

	.board-type3 { border-top:1px solid #ddd; }

	.board-type3 .headings { display:none; }
	.board-type3  .board-item li.board-details { height:auto;  }
	.board-type3 .board-item li.board-details .block { padding:15px; line-height:1.4;  }
	.board-type3 .board-item li.board-details .block .time { display:none; }
	.board-type3 .board-item li.board-details .block .subject { display:block; width:auto; display:block; font-size:14px; margin-bottom:5px; }
	.board-type3 .board-item li.board-details .block .venue {  display:block; width:auto; display:block; text-align:left; font-size:12px;  }

	 #imagerow .col-md-4{ padding-right: 0px !important; text-align: center; height: auto; max-width: 100%; width: 100% !important; padding: 0 0 32px 0 !important; }
	.monthpro-section.type3 .col-md-4 { margin:0 !important; }
	.monthpro-section.type2 .modalFuc1,
	.monthpro-section.type2 .modalFuc4,
	.monthpro-section.type2 .modalFuc7 { margin:0 0 15px; }
	.monthpro-section.type2 .image-sub4 img { height:auto; }
	.monthpro-section.type2.prlist .image-sub4 img { height:auto !important; }
	.monthpro-section.type2 .col-md-4 .post-details p { height:auto; margin-bottom:15px; }
	.monthpro-section.type2 .col-md-4 .post-details { padding:15px 20px; }

	.monthpro-section.type4 .col-md-4 { margin:0 0 20px !important; }
	.monthpro-section.type4 .image-sub4 img { height:auto; }
	.monthpro-section.type4 .col-md-4 .post-details p { height:auto; margin-bottom:15px; }
	.monthpro-section.type4 .col-md-4 .post-details { padding:15px 20px; }

	.settlement .settle-title { margin-bottom:10px; }
	.settlement .settle-title p { font-size:12px; }
	.settlement .settle-title .fl span { font-size:17px; }
	.settlement .settle-title .fr { clear:both; padding-top:6px; }
	.settlement .ir-table  { float:none; width:100%; margin-bottom:20px; }
	.settlement .ir-table + .ir-table { border-left:0; }
	.settlement .ir-table table thead th { height:40px; font-size:16px; }
	.settlement .ir-table table tbody td { font-size:13px; padding:10px; }
	.settlement .ir-table + .ir-table table tbody td:first-child { border-left:0; }
	.settlement .ir-table table tbody .empty { display:none; }
	.settlement .ir-desc { padding:0; font-size:15px; }
	.settlement .settle1, .settlement .settle2 { margin-bottom:50px; }
	.settlement .ir-sign { font-size:15px; padding-top:30px; }

	/* 뉴스레터 */
	.newletter-desc-box { padding:30px 20px 20px; margin-bottom:30px; }
	.newletter-desc-box .tit { font-size:25px; margin-bottom:20px; }
	.newletter-desc-box .form-box .form-head { padding:20px; height:auto; }
	.newletter-desc-box .form-box .form-head .more {  }
	.newletter-desc-box .form-box .form-head div { position:relative; right:0; top:0; width:100%;  }
	.newletter-desc-box .form-box .form-body { padding:20px; }

	/* 고객센터 */
	.consult-view .board-item li.head .ViewTitle { margin-bottom:10px; }
	.consult-view .board-item li.head .ViewDate { display:block; padding:0; margin:0 0 3px; width:auto !important; padding:0 !important; }
	.consult-view .board-item li.board-details1 .block { padding:10px; }
	.media-content { height:430px; margin-bottom:25px; border-bottom:1px solid #ddd; padding-bottom:15px;}
	iframe#mcontent { height:400px; }

	.hsub-img .col-md-4  { float:left; width:33.33333% !important; }


	.biz-box .biz-list ul li a .info .t1 { font-size:18px; }
	.biz-box .biz-list ul li a .info:before{ top:24px; }
	.biz-box .biz-list ul li a .info .t2 br { display:none; }
	.biz-box .biz-list ul li a .info .t2 { font-size:13px; }

	.biz-modal .m7-1 ul li div { font-size:15px; }


	.roadmap .body .c-box,
	.roadmap .body .c2,
	.roadmap .body .c3{ display:block; width:100%; }
	.roadmap .body .c1 { top:5px; }
	.roadmap .body .c2,
	.roadmap .body .c3 { border-width:5px; }
	.roadmap .head { padding-left:0; text-align:center; }
	.roadmap .head div { display:inline; position:static;float:none; }
	.roadmap .body > div { padding-left:85px; }
	.roadmap .body .c1 { width:90px; }
	.roadmap .body .c1 .t1 { font-size:16px; padding:0; line-height:40px;  }
	.roadmap .body .c1 .t2 { bottom:30%; font-size:16px; background-size:30px auto; padding-top:50px; }
	.roadmap .body .c2 { font-size:20px; padding:20px 15px; line-height:1.5; }
	.roadmap .body .c3 { font-size:16px; padding:20px 15px; }
	.roadmap .body .c3 ul li { font-size:16px; padding-left:10px;  }
	.roadmap .body .c3 ul li:before { top:8px; width:4px; height:4px; }


}

@media ( max-width:800px ){

	#myHeader { margin:0 -15px 40px !important; width:auto !important;  }
	#myHeader:after{ display:block; content:''; clear:both; }
	.full-width #myHeader { margin-right:0 !important; margin-left:0 !important; }
	.tab6 { border-top:1px solid #dfdfdf; }
	.tab6:after { display:block; content:''; clear:both; }
	.tab6 li { float:left; width:50%; border:0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
	.tab6 li:nth-child(even) { border-right:0; }
	.tab6 li a { padding:0; height:44px; line-height:44px; font-size:14px; }

	.tab5 { border-top:1px solid #dfdfdf; }
	.tab5:after { display:block; content:''; clear:both; }
	.tab5 li { float:left; width:50%; border:0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
	.tab5 li:nth-child(even) { border-right:0; }
	.tab5 li a { padding:0; height:44px; line-height:44px; font-size:14px; }

	.tab4 { border-top:1px solid #dfdfdf; }
	.tab4:after { display:block; content:''; clear:both; }
	.tab4 li { float:left; width:50%; height:auto; border:0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
	.tab4 li:nth-child(even) { border-right:0; }
	.tab4 li a { padding:0; height:44px; line-height:44px; font-size:14px; }

	.tab2 li a { padding:0; height:44px; line-height:44px; font-size:14px; }
	.tab2 li:first-child { border-left:0; }
	.tab2 li:last-child { border-right:0; }


	.content_wrap h1 { clear:both; font-size:30px; height:auto;  }
	.culture2 .content_wrap h1 { margin-bottom:30px; }
	.drop_wrap + .content_wrap { margin-top:-1px; padding-top:0; }
	.culture2 .content_wrap { padding-top:0; margin-top:-1px; }

	/* 회사소개 */
	.historyrow .hiscol1 { width:70px; font-size:25px; margin-right:15px; }
	.hiscol2 { font-size:13px; padding:10px 0; }
	.sub-global { display:none;}
	.orgcol1 { font-size:15px; padding:15px 0; width:100px; word-break:nomal; padding-right:15px; }
	.orgnum,
	.orgnum1 { font-size:14px;  }
	.orgrow1.first { border-top:1px solid #333 !important; }
	.orgimg { padding:0; }
	.groupexp { overflow:hidden; display:block; height:auto; margin-bottom:8px; }
	.orgcom2 { margin-left:70px; font-size:14px; }
	.orgn1 { float:left; width:60px; font-size:14px;  }
	.orgcom,
	.orgcom1{ margin-left:70px; overflow:hidden; font-size:14px; }
	.lab-head .l_right img { width:100%; }
	.lab-head .content_wrap h1 { font-size:20px; }
	.lab-head .l_left .txt { font-size:15px; }
	.lab-head .text-break-3 { margin:15px 0; }
	.lab-head .l_left .txt br { display:none; }
	.labcol1 { font-size:20px; padding:15px 20px 15px 0; width:120px; }
	.labcol2 { font-size:14px; line-height:1.5; padding:20px 0; }
	.labrow { padding-top:30px;  margin-top:50px; }
	.lowsub1 { font-size:30px; margin-top:35px; }
	.lowsub2 { font-size:18px; }
	.lowsub3 { font-size:22px; margin-top:20px; }
	.lowsub4 { font-size:22px; }
	.text-break-2 { margin:20px auto; }
	/*.drop_wrap + .content_wrap { margin-top:50px;  }*/

	/* 경영철학 */
	.lowsub1 { font-size:25px;  }
	.labrow2 { font-size:14px; }
	.labrow3 { font-size:14px; margin-top:40px; }
	.lowsub4 { font-size:20px; }
	.labrow0 .text-break-2 { margin:10px auto; }
	.grid-container3 { display:block; }
	.grid-container3 .grid-item { display:block; width:auto; height:auto; font-size:14px; padding:0 20px 20px; margin-bottom:-1px; }
	.grid-container3 .grid-item .philimg { margin:20px 0;height:40px;  }

	.grid-container4 { display:block; }
	.grid-container4 .grid-item { display:block; width:auto; height:auto; font-size:14px; padding:0 20px 20px; margin-bottom:-1px; }
	.grid-container4 .grid-item .philimg { margin:20px 0;height:40px;  }

	.grid-container5 { display:block; }
	.grid-container5 .grid-item { display:block; width:auto; height:auto; font-size:14px; padding:0 20px 20px; margin-bottom:-1px; }
	.grid-container5 .grid-item h1 { font-size:24px; margin:0; padding:20px 0; }
	.grid-container5 .grid-item .philimg { margin:20px 0;height:40px;  }

	/* 주주문의 */
	.stock-txt1 div { font-size:17px; }
	.stock-txt1 p { font-size:12px; }
	.stock-txt1 p span + span { margin-left:20px; }
	.stock-txt2 { padding:15px; }
	.stock-txt2 p { font-size:12px; letter-spacing:-0.5px; padding-top:8px; }

	.fileupload { padding-right:90px; }
	.fileupload .btn-file { width:91px; font-size:14px; }

	.discloinfo p { font-size:13px; }
	.discloinfo .privacy_text_title1 { font-size:20px; }

	/* 행복경영 */
	.full_width_gray { padding:0 20px; }
	.culturerow  { margin-top:20px; }
	.culturerow p { font-size:18px; margin-bottom:30px; }
	.culture_gray { padding:30px 0; font-size:20px; }
	.culture_gray .title { font-size:20px; }
	.culture_gray  img { max-width:100% !important; }
	.culture_gray p { font-size:14px; }
	.culture-way { padding-top:60px; }

	/* 윤리경영 */
	.culture2 .font26 { font-size:18px; }
	.culture2 .font16 { font-size:14px; }
	.culture2 p { font-size:14px; }
	.culture2 img { max-width:100% !important; }

	/* 사회공헌 */
	.socialerow p { font-size:18px; margin-bottom:30px; }
	.social-box .full_width_gray { margin-bottom:20px; }
	.social-box .font26 { font-size:18px; }
	.social-box .col.m6 { float:none; width:100%; padding-right:0 !important; }
	.social-box .col.m6 img { width:100%; }
	.social-box .col.m6 .cimage { padding-left:0; }
	.social-box .col.m6 h2 { padding:15px 0 !important; font-size:18px; }
	.social-box .col.m6 .txt-large { font-size:14px !important; }

	/* 찾아오시는길 */
	.contact-box iframe { height:260px; }
	.maptitle { font-size:20px; width:auto; }
	.maprow span {  font-size:13px; display:block; margin:0 !important;  }
	.maprow { margin-bottom:10px; }

	/* 이달의프로젝트 */
	 .drop_wrap + .content_wrap.report-list1 { margin-top:30px; }
	 .search3 { margin-bottom:10px; margin-top:70px; }
	.content_wrap.report-list1  h1 { margin-bottom:30px; }
	#imagerow .row { padding:0; margin:0; }
	.image-sub4 img { min-height:inherit !important; }
	.image-sub4 .post-details { padding:20px 15px; }
	.image-sub4 .t1 { font-size:15px; }
	.image-sub4 .t2 { font-size:13px; }

	.search4 { padding:0; margin-bottom:10px; }
	.search4 .sel1 { float:left; width:50%; margin-bottom:-1px; }
	.search4 .sel2 { float:left; width:50%; margin-bottom:-1px; }
	.search4 .sel3  { float:left; width:30%; }
	.search4 .sel4  { float:left; width:70%; }
	.search4 .sel5 { right:1px; top:47px; }

	/* 대표사업소개 */
	.biz-box .biz-list ul li { width:50%; }
	.biz-box .title { font-size:18px; margin-bottom:30px;  }
	.biz-box .title p { font-size:18px; }

	/* 게시판 */
	.board-contents .board-item li.head { padding:15px 10px; }
	.board-contents .board-item li.head .ViewTitle { font-size:16px; }
	.board-contents .board-item li.head .ViewDate { font-size:13px; padding:5px 0; }
	.board-contents .board-item li.board-details1 .block { padding:10px; }
	.board-contents .board-item li.board-details1 .block .ViewContent { padding:0; }
	.board-contents .board-item li.board-details1 .block .ViewContent p { font-size:13px; line-height:1.6; }

	/* 홍보관 */
	.broucheur2 { }
	.broucheur2 .img-box { float:none; width:100%; padding:0 20px;text-align:center; }
	.broucheur2 .img-box img { display:inline;}
	.broucheur2 .txt-box { float:none; width:100%;text-align:center;  }
	.broucheur2 .txt-box .t1 { font-size:25px; }
	.broucheur2 .txt-box .t2 { font-size:15px; margin-bottom:30px; }
	.broucheur2 .txt-box .t2 br { display:none; }
	.broucheur2 .txt-box .t3 { font-size:13px; }
	.broucheur2 .txt-box .t3:before { position:static; display:inline-block; vertical-align:middle; margin:-4px 7px 0 0; }

	/* 고객센터 */
	.board-head-box { padding:15px;  font-size:13px; }
	.board-head-box .tit { font-size:18px; margin-bottom:15px; }
	.board-head-agree { padding:15px 0 30px; }
	.board-head-desc { font-size:13px; padding-left:14px; text-indent:-14px;  }
	.buscon-complete { padding:20px; font-size:15px; }
	.buscon-complete .t1 { font-size:18px; padding-bottom:15px; margin-bottom:15px; }
	.buscon-complete .t1 .t2 { font-size:14px; }
	.buscon-complete .comp-number .in dl { font-size:16px; }
	.buscon-complete .comp-number .in dl + dl { margin-top:15px; }
	.buscon-complete .hr2 { margin:10px 0 20px; }
	.client-box { padding-top:30px; }
	.client-box .t1 { font-size:20px; }
	.client-box .t2 { font-size:14px; }

	.cs-desc .t1 { font-size:20px; margin-bottom:30px; padding-top:40px; }
	.cs-desc .t2 { font-size:14px; margin-bottom:20px; }
	.cs-desc .bg-box { padding:30px 10px; }
	.cs-desc .pc { display:none; }
	.cs-desc .mobile { display:block; }

	.cyber-intro { margin-bottom:30px; }
	.cyber-intro .fl { float:none !important; width:auto; padding:0; margin-bottom:15px; }
	.cyber-intro .fl img { width:100%; }
	.cyber-intro .fr { float:none !important; width:auto; }
	.cyber-intro .fr .t1 { font-size:20px; }
	.cyber-intro .fr .t2 { font-size:14px; }
	.cyber-intro .fr .txt-box { padding:15px; }
	.cyber-intro .fr .txt-box p { font-size:13px; }
	.cyber-intro .fr .txt-box p:before { top:8px; }
	.cyber-intro + .btn-box button { padding:0 30px !important; }

	.board-head-box + .tab2 { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; margin:25px 0;}

	.histow-mobile { display:block; margin-bottom:15px; }
	.history-cont .history-swiper  { display:block; }
	.history-cont .hsub-img { display:none; }

	.cyber-intro2 .icon { margin-bottom:20px; }
	.cyber-intro2 .icon img { width:100px; }
	.cyber-intro2 .t1 { font-size:14px; margin-bottom:20px; }
	.cyber-intro2 .t-box { padding:10px; border:0; }
	.cyber-intro2 .t-box div p { font-size:12px; padding-left:12px; text-indent:-12px;}
	.global-tab { display:none; }

	hr.cibi { width:100%; height:1px; margin:0 ; display:block; padding:0; background:#d6d8e4; }
	.ci-bi .mobile { display:block; text-align:center; }
	.ci-bi .mobile {}
	.ci-bi .pc { display:none; }

	/* 기술지원 */
	.labs .pc { display:none; }
	.labs .mobile { display:block; }
	.labs .t1 {  font-size:16px; margin-bottom:30px; }
	.labs .t2 { font-size:15px !important; margin-bottom:45px; }
	.labs .t3 { font-size:15px; margin-bottom:30px; }
	.labs .tit1 { font-size:35px; margin-bottom:30px; }
	.labs .tit2 { font-size:16px; margin-bottom:20px; }
	.labs .img1,
	.labs .img2 { margin-bottom:40px; }
	.labs .bg-box { padding:0 20px; margin-bottom:60px; }
	.labs .bg-box .fl { float:none; width:100%; height:130px; position:static; }
	.labs .bg-box .fr { float:none; width:100%; padding:20px; }
	.labs .bg-box .fr .txt-box { font-size:12px; padding-left:20px; }
	.labs .bg-box .fr .txt-box em { width:14px; height:14px; line-height:14px; font-size:10px; top:2px; }
	.labs .bg-box .fr .txt-box + .txt-box { margin-top:8px; }
	.labs .bg-box .fr .txt-box ul li { font-size:11px; padding-left:10px;  }
	.labs .bg-box .fr .txt-box ul li:before { top:5px; width:3px; height:3px; }
	.labs .bg-box .fr .txt-box ul li  { margin-top:4px; }

	/* 사업분야  */
	.modal.type2 .modal-body { padding-top:0; }
	.biz-modal { padding:0; }
	.biz-modal .tit1 { font-size:19px; margin-bottom:20px; padding-bottom:20px;}
	.biz-modal .tit2 { font-size:19px; margin-bottom:20px; }
	.biz-modal .tit3 { font-size:16px; margin-bottom:12px }
	.biz-modal .txt1 { font-size:17px; margin-bottom:25px; }
	.biz-modal .txt2 { font-size:12px; margin-bottom:25px; }
	.biz-modal .txt3 { font-size:18px; margin-bottom:25px; }
	.biz-modal .m1-1 .section .img p { width:100px; }
	.biz-modal .m1-1 .section .info { padding:0 15px; min-height:250px; }
	.biz-modal .m1-1 .section .info strong { font-size:18px; padding:12px 0; }
	.biz-modal .m1-1 .section .info ul { padding:15px 5px; }
	.biz-modal .m1-1 .section .info ul li { font-size:13px; }
	.biz-modal .m1-1 .section .info ul li:before { top:9px; }
	.biz-modal .m1-2 li .t1 { height:35px; line-height:34px; font-size:16px; }
	.biz-modal .m1-2 li .t2 img { height:40px; }
	.biz-modal .m1-2 li .t2 strong { font-size:16px; }
	.biz-modal .m1-2 li .t3 { font-size:15px; line-height:20px; height:40px;  margin-bottom:70px; }
	.biz-modal .m1-2 li .box { padding:50px 15px; font-size:13px;  }
	.biz-modal .m1-2 li:nth-child(2) .box { padding-top:42px; }
	.biz-modal .m1-2 li .box .circle { width:54px; top:-27px; margin-left:-27px; }
	.biz-modal .m1-2 { margin-bottom:20px; }

	.biz-modal .m2-1 .fl { width:100%; padding:0; text-align:center; margin-bottom:35px; }
	.biz-modal .m2-1 .fr { width:100%; padding:0; text-align:center; }
	.biz-modal .m2-1 .txt2 { text-align:left; }
	.biz-modal .img1 { padding:0 10% 25px; }
	.biz-modal .m8-1 > div div { height:72px; padding:10px 20px 10px 20px;  }
	.biz-modal .m8-1 > div div p span { font-size:13px; }

	.biz-modal-table table thead th { font-size:15px; padding:7px 3px; }
	.biz-modal-table table tbody td { padding:4px; font-size:14px; }
	.biz-modal .m7-1 { margin-bottom:30px; }
	.biz-modal .m7-1 ul li div { font-size:12px; }
	.biz-modal .img7-1 { margin-bottom:40px; }
	.biz-modal .img7-1.mobile img { width:80%; }
	.biz-modal .m7-2 { margin-bottom:40px; }
	.biz-modal .m7-3 table td ul li { font-size:14px; }
	.biz-modal .m7-3 table td:nth-child(2) { font-size:20px; }
	.biz-modal .m7-3 table td ul { padding:15px 30px 15px 20px ;}
	.biz-modal .img7-2 { margin-bottom:60px; }
	.biz-modal .img7-2.mobile img { width:50%; }
	.biz-modal .img7-2 .clear { overflow:hidden; padding-top:30px; }
	.biz-modal .img7-2 .clear .fl { width:49%; }
	.biz-modal .img7-2 .clear .fr { width:49%; }
	.biz-modal .img7-2 .clear ul li { font-size:15px; color:#0068b7; font-weight:600; line-height:1.3; padding:4px 0 4px 10px; position:relative; border-bottom:1px solid #2692e4; text-align:left; }
	.biz-modal .img7-2 .clear ul li:before {content:''; position:absolute; left:0; top:11px; width:3px; height:3px; border-radius:100%; background:#0068b7; }
	.biz-modal .m7-3 { margin-bottom:50px; }
	.biz-modal .m7-4 .fl { float:none; width:100%; padding:0; text-align:center; margin-bottom:20px; }
	.biz-modal .m7-4 .fl img { height:70px; }
	.biz-modal .m7-4 .fr { float:none; width:100%; padding:0; }

}

@media ( max-width:700px ){
	.mail-form { display:block; padding-right:0 !important; margin-left:0; margin-top:10px; margin-bottom:15px; }
	.newletter-desc-box .form-box .form-head p { vertical-align:top; }
	.mail-form div { display:block; width:100% !important; margin-bottom:6px;  padding-right:0 !important; }
	.mail-form > div { padding-right:0 !important; }
	.mail-form div .f1,
	.mail-form div .f2,
	.mail-form div .f3,
	.mail-form div .f4 { width:100%; }
	.mail-form .mails:after { display:block; content:''; clear:both; }
	.mail-form .mails span { float:left;  width:46%; }
	.mail-form .mails .divide { width:8%; text-align:center; line-height:38px !important; margin:0 !important; }
	.mail-form #a_subscription { width:100%; display:block; padding:0; }
	.mail-form  .select { background-position:97% 50%; }
	.newletter-desc-box .form-box .form-head .btn-submit { width:100%; position:static; margin:0; padding:0;  }
	.mail-form  + p { margin-bottom:7px; }
}

@media ( min-width:640px ){
  #myHeader {display: none;}

}


@media ( max-width:640px ){
  .tab5 li  { width:50%; }
	.drop_wrap .wrapper-dropdown-home { display:none; }
	.drop_menu2 { height:auto; }
	.wrapper-dropdown-share { display:none; }
  .wrapper-dropdown-1 { display:none; }
	.wrapper-dropdown-home { border-right:0; }
	.wrapper-dropdown-2 { width:100%; float:none; height:48px; line-height:48px; font-size:14px; border-right:0; }
	.wrapper-dropdown-2 .dropdown2 { left:0; right:0; width:auto; border-top:1px solid #dfdfdf; padding:0 15px; border-bottom:1px solid #dfdfdf; box-shadow:0 7px 7px rgba(0,0,0,0.2); }
	.wrapper-dropdown-2 .dropdown2 li a { border-left:0; border-right:0; }
	.wrapper-dropdown-2 .dropdown2 li:last-child a { border-bottom:0; }
	/* 임시 */
	.drop_wrap #dd1 { border-top:1px solid #dfdfdf; }

	/* 회사소개 */
	.histrow a { font-size:12px; }
	.histrow1 a { font-size:12px; }

	/* 대표사업소개 */
	.biz-box .biz-list ul li { width:100%; padding:0; margin-bottom:20px; }


	/* 뉴스레터 */
	.newletter-desc-box  { padding:20px 10px 10px; }
	.newletter-desc-box .tit { font-size:20px; margin-bottom:15px; }
	.newletter-desc-box .form-box .form-head { padding:15px; }
	.newletter-desc-box .form-box .form-head p { display:block; font-size:14px; line-height:1; }
	.newletter-desc-box .form-box .form-head p label { padding:0;  }
	.newletter-desc-box .form-box .form-head p:nth-child(3) { padding-top:8px; }
	.newletter-desc-box .form-box .form-head .more { position:absolute; right:0; top:inherit; bottom:20px; }
	.newletter-desc-box .form-box .form-head .inp,
	.newletter-desc-box .form-box .form-head .btn-submit { font-size:14px; }
	.newletter-desc-box .form-box .form-body { padding:15px; font-size:14px; }
	.newletter-desc-box .form-box .form-head { text-align:left; }

	.ci-bi .btn-box { padding:20px 0 30px; }
	.media-content { height:230px; margin-bottom:25px; border-bottom:1px solid #ddd; padding-bottom:15px;}
	iframe#mcontent { height:196px; }
	.hsub-img .col-md-4 { float:none; width:100% !important; }
	.hsub-img .col-md-4 img { width:100%; }

	/* 사업분야  */
	.biz-modal .m1-1 .section { float:none !important; width:100% !important; }
	.biz-modal .m1-1 .section .info { min-height:inherit; }
	.biz-modal .m1-2 li { float:none; width:100%; padding:0;  margin:0 0 25px !important; }
	.biz-modal .m1-2:before,
	.biz-modal .m1-2 ul:before { display:none; }
	.biz-modal .m1-2 li .t3 { margin-bottom:50px; }
	.biz-modal .m1-2 li .box { min-height:inherit; padding-left:25px; padding-right:25px; padding-bottom:15px; }
	.biz-modal .m1-2 li:nth-child(2) .box { padding-top:30px; }
	.biz-modal .m3-1 { margin-bottom:25px; }
	.biz-modal .m3-1 .fl { float:none; width:100%; padding:0; margin-bottom:25px;  }
	.biz-modal .m3-1 .fr { float:none; width:100%; padding:0; }
	#modal4 .biz-modal .m3-1 .fl { margin-bottom:0; }
	.biz-modal-table table thead th { font-size:11px; padding:7px 3px; }
	.biz-modal-table table tbody td { padding:4px; font-size:10px; }
	#modal5 .img2 { margin-bottom:15px; }
	#modal6 .biz-modal .m3-1 .fl { margin-bottom:0; }
	.biz-modal .m8-1 { margin-bottom:30px; }
	.biz-modal .m8-1 .fl { float:none; width:100%; padding:0; margin-bottom:15px; }
	.biz-modal .m8-1 .fr { float:none; width:100%; padding:0;  }
	.biz-modal-table table tbody tr:last-child td { border-bottom-width:2px !important; }
	.biz-modal .m9-1 { margin-bottom:30px; }
	.biz-modal .m9-1 .fl { float:none; width:100%; }
	.biz-modal .m9-1 .fr { float:none; width:100%; }
	.biz-modal .m7-5 div { width:120px; }
	.biz-modal .m7-5 div p { font-size:13px;  padding-top:10px; }
	.biz-modal .m7-1 ul li { width:50%; padding:1px; }
	.biz-modal .m7-1 ul li div { font-size:11px; padding:10px 5px;min-height: 86px; }
	.biz-modal .m7-2 .fr,
	.biz-modal .m7-2 .fl { float:none; width:100%; }
	.biz-modal .m7-3 table,
	.biz-modal .m7-3 table tbody,
	.biz-modal .m7-3 table tbody tr,
	.biz-modal .m7-3 table tbody td { display:block; }
	.biz-modal .m7-3 table tbody td { width:100%; }
	.biz-modal .m7-3:before { display:none; }
	.biz-modal .m7-3 table td ul li { font-size:12px; }
	.biz-modal .m7-3 table td:nth-child(2) { font-size:18px; padding:20px 5px; position:relative; }
	.biz-modal .m7-3 table td ul li:before { top:7px; width:3px; height:3px; }
	.biz-modal .m7-3 table td:nth-child(2):before { content:''; position:absolute; left:50%; top:-18px; margin-left:-18px; background:url(../images/business/biz_modal7_arr_m.png) no-repeat 0 0; background-size:35px auto; width:35px; height:35px; }
}

/* 이용안내*/

.privacy .sec1 p {
  padding: 40px;
  border: 1px solid #dadada;
  font-size: 15px;
  color: #666;
}

/*******************************
	탭 반응형 수정 07.19
*******************************/
#myHeader { display:none; }
#dd { display:none; }

@media ( max-width:640px ){
	/* .drop_wrap { padding-right:49px; } */
	.drop_wrap #dd { display:block;  }
	.drop_wrap #dd1 { display:none;  }
	#myHeader { display:block; }
	.wrapper-dropdown-share { position:absolute; right:0; top:0; display:block; height:48px; padding:12px 15px; width:49px; }
	.sharedown { position:static; }
	.sharedown a { border-right:0; }
	.wrapper-dropdown-share.active .sharedown-menu { top:48px; left:inherit; right:0; width:49px; }
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-prev { position:absolute; left:10px; top:50%; width:22px; height:42px; margin-top:-21px; background:url(../images/icon_prev.png) no-repeat 0 0;z-index:10; text-indent:-9999px; }
.slick-next { position:absolute; right:10px; top:50%; width:22px; height:42px; margin-top:-21px; background:url(../images/icon_next.png) no-repeat 0 0;z-index:10; text-indent:-9999px; }


/* 0822 */
.board-contents .board-item li.board-details1 .block div { display:block; }



/* ======= master.css 병합 ======= */
.white{color:#ffffff}
.black{color:#000000}
.whitebg{background-color:#ffffff}
.whitebg *{color:#000000 !important}
.blackbg{background-color:#000000}

.centertext{text-align:center}
.lefttext{text-align:left}
.righttext{text-align:right}

.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.fn div{float:none !important;}
ul,ol{list-style:none;}
img{border:none;max-width:100%;}
.hidethis{display:none;}
.center{margin:0 auto;}

/*padding & margin*/
.pd0_i {padding:0px !importnat;}
.pd0 {padding:0px;}
.pd1 {padding:1px;}
.pd2 {padding:2px;}
.pd3 {padding:3px;}
.pd5 {padding:5px;}
.pd8 {padding:8px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
.pd35 {padding:35px;}
.pd40 {padding:40px;}
.pd45 {padding:45px;}
.pd50 {padding:50px;}
.pd100 {padding:100px;}

.pdl0 {padding-left:0px !important;}
.pdl1 {padding-left:1px !important;}
.pdl2 {padding-left:2px !important;}
.pdl3 {padding-left:3px !important;}
.pdl4 {padding-left:4px !important;}
.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdr0 {padding-right:0px !important;}
.pdr1 {padding-right:1px !important;}
.pdr2 {padding-right:2px !important;}
.pdr3 {padding-right:3px !important;}
.pdr4 {padding-right:4px !important;}
.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr12 {padding-right:12px !important;}
.pdr15 {padding-right:15px !important;}

.pdt0 {padding-top:0px;}
.pdt2 {padding-top:2px;}
.pdt3 {padding-top:3px;}
.pdt5 {padding-top:5px;}
.pdt7 {padding-top:7px;}
.pdt8 {padding-top:8px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt25 {padding-top:25px;}
.pdt30 {padding-top:30px;}
.pdt35 {padding-top:35px;}
.pdt40 {padding-top:40px;}
.pdt45 {padding-top:45px;}
.pdt50 {padding-top:50px;}
.pdt100 {padding-top:100px;}

.pdb0 {padding-bottom:0px;}
.pdb1 {padding-bottom:1px;}
.pdb2 {padding-bottom:2px;}
.pdb3 {padding-bottom:3px;}
.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}
.pdb25 {padding-bottom:25px;}
.pdb30 {padding-bottom:30px;}
.pdb35 {padding-bottom:35px;}
.pdb40 {padding-bottom:40px;}
.pdb45 {padding-bottom:45px;}
.pdb50 {padding-bottom:50px;}
.pdb100 {padding-bottom:100px;}

.pd0_3 {padding:0px 3px;}
.pd0_5 {padding:0px 5px;}
.pd0_10 {padding:0px 10px;}
.pd0_15 {padding:0px 15px;}
.pd0_20 {padding:0px 20px;}
.pd0_30 {padding:0px 30px;}
.pd5_10 {padding:5px 10px;}
.pd5_20 {padding:5px 20px;}
.pd10_20 {padding:10px 20px;}
.pd2_0 {padding:2px 0px;}
.pd3_0 {padding:3px 0px;}
.pd4_0 {padding:4px 0px;}
.pd5_0 {padding:5px 0px;}
.pd10_0 {padding:10px 0px;}
.pd10_5 {padding:10px 5px;}

.mg0 {margin:0px;}
.mg1 {margin:1px;}
.mg2 {margin:2px;}
.mg3 {margin:3px;}
.mg4 {margin:4px;}
.mg5 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg35 {margin:35px;}
.mg40 {margin:40px;}
.mg45 {margin:45px;}
.mg50 {margin:50px;}
.mg100 {margin:100px;}

.mgl0 {margin-left:0px;}
.mgr0 {margin-right:0px;}
.mgr3 {margin-right:3px;}
.mgr5 {margin-right:5px;}

.mgt-20 {margin-top:-20px;}
.mgt-15 {margin-top:-15px;}
.mgt-10 {margin-top:-10px;}
.mgt-5 {margin-top:-5px;}
.mgt0 {margin-top:0px;}
.mgt1 {margin-top:1px;}
.mgt2 {margin-top:2px;}
.mgt3 {margin-top:3px;}
.mgt5 {margin-top:5px;}
.mgt8 {margin-top:8px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt25 {margin-top:25px;}
.mgt30 {margin-top:30px;}
.mgt35 {margin-top:35px;}
.mgt40 {margin-top:40px;}
.mgt45 {margin-top:45px;}
.mgt50 {margin-top:50px;}

.mgb0 {margin-bottom:0px;}
.mgb1 {margin-bottom:1px;}
.mgb2 {margin-bottom:2px;}
.mgb3 {margin-bottom:3px;}
.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px;}
.mgb35 {margin-bottom:35px;}
.mgb40 {margin-bottom:40px;}
.mgb45 {margin-bottom:45px;}
.mgb50 {margin-bottom:50px;}
/*padding & margin*/

.full{width:100%;}
.half{width:49.5%;}
.onethird{width:33%;}
.quarter{width:25%;}
.w100px{width:100px !important;}
.w200px{width:200px !important;}
.w300px{width:300px !important;}
.w400px{width:400px !important;}
.w500px{width:500px !important;}
.text1{font-size:1.1em}
.text2{font-size:1.1em}
.text3{font-size:1.1em}
.text4{font-size:1.1em}
.text5{font-size:1.1em !important}


.table{display:table}
.cell{display:table-cell}

/**Customize select box*/


.select {
    background:#fff url('../images/icon_selectarrow.png') no-repeat 92% 50%;
}

.family {
    background:#fff url('../images/icon_selectarrowup.png') no-repeat 92% 50%;
}





/* Customize the label (the container) */
.check_container {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size:1em;

}

/* Hide the browser's default checkbox */
.check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top:-5;
    left: 0;
    height: 20px;
    width: 20px;
    border:1px solid #e0e0e0;
    background-color: #ffffff;
}

/* On mouse-over, add a grey background color */
.check_container:hover input ~ .checkmark {


}

/* When the checkbox is checked, add a blue background */
.check_container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check_container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}




#wrapper{
    /*width:100%;
    text-align:center !important;
    overflow-x:hidden;
    */
}
#contentcontainer{
    overflow:hidden;
    /*
    margin:0 auto !important;
    display:table !important;
    */
    position:relative;
}

/*구복/TOP 바로가기*/
#div_topshortcut{
    position:fixed;
    z-index:3;
    right:30px;bottom:81px;
    display:none;
}
#div_topshortcut>a{
    display:table-cell;
    padding:3px;
}

/*메인메뉴*/
#div_menucontainer{
    position:fixed; left:0; right:0; top:0; height:75px; border-bottom:1px solid rgba(255,255,255,0.3); z-index:100;
    transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
}
#div_menucontainer h1 { position:absolute; left:50px; top:23px; }
#div_menucontainer h1 img { vertical-align:top; }
#div_menucontainer:hover, #div_menucontainer_mobile:hover ~ #div_menucontainer{
    background-color:#ffffff;
}
#div_menucontainer:hover #ul_mainmenu #li_languagemenu{
    background-image:url('../images/icon_arrow3_hover.png');
}
#div_menucontainer.whitebg #ul_mainmenu #li_languagemenu{
    background-image:url('../images/icon_arrow3_hover.png');
}

#div_menucontainer:hover *{
    color:#000000 !important;
}


#ul_mainmenu:after { display:block; content:''; clear:both; }
#ul_mainmenu { float:right; margin-right:75px; }
#ul_mainmenu>li{
    float:left;
    position:relative;
}

#ul_mainmenu>li>a{
    color:#ffffff;
    display:block;
    line-height:75px;
    font-size:18px; padding:0 36px;
    white-space:nowrap;
    transition:all 0.3s ease; -webkit-transition:all 0.3s ease;

}
/*#ul_mainmenu>li>a:before { content:''; position:absolute; left:0; right:0; top:-4px; height:4px; background:#03994a; opacity:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }*/
#ul_mainmenu>li>a:hover{
    color:#03994a !important;
}
#ul_mainmenu>li>a:hover:before { opacity:1; top:0;  }

#ul_mainmenu #li_languagemenu{
    font-size:14px !important;
    background-image:url('../images/icon_arrow3.png');
    background-repeat:no-repeat;
    background-position:right 15px top 36px;
}

#ul_mainmenu #li_languagemenu>a{
    font-size:14px !important;
}

/* lang mobile */
.header-inner .lang-mo {
  position: absolute;
  top: 50%;
  right: 62px;
  transform: translateY(-50%);
  display: none;
}

.header-inner .lang-mo ul {
  display: flex;
}

.header-inner .lang-mo ul li {
  display: flex;
  align-items: center;
}

.header-inner .lang-mo ul li a {
  color: #b8b8b8 !important;
  font-size: 15px;
  font-weight: 500;
}

.header-inner .lang-mo-link.active {
  color: #000 !important;
  font-weight: 700;
}

.header-inner .lang-mo ul li:nth-of-type(n+2):before {
  display: block;
  content: '';
  width: 1px;
  height: 50%;
  background-color: #b8b8b8;
  margin: 0 6px;
}

#a_openmenucontainer { position:absolute; right:0; top:0;}

/*서브메뉴*/
#ul_mainmenu .ul_submenu{
    display:none;
    position:absolute;
    width:100%;
    z-index:2;
    background-color:#f7f7f7;
    top:74px;
    padding:10px 0;
    word-break:keep-all;
}

#ul_mainmenu .ul_submenu li a{
    display:block;
    line-height:48px;
    font-size:15px;
    transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
    text-align:center;
    word-break:keep-all;
}
#ul_mainmenu .ul_submenu li a:hover{
    color:#03994a !important;
}

#ul_mainmenu .ul_submenu1 li a{
    display:block;
    line-height:48px;
    font-size:15px;
    transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
    text-align:center;
    word-break:keep-all;
}
#ul_mainmenu .ul_submenu1 li a:hover{
    color:#03994a !important;
}


/*사이트맵 메뉴*/
#div_sitemap{
    display:none;
    position:fixed;
    right:0;
    z-index:300;
    background-color:#fff;
    width:100%;
    height:75px;

}
#div_sitemap h1 { display:none; position:absolute; left:50px; top:15px; }
#div_sitemap .fr { padding:24px 25px 22px !important; position:relative;z-index:2; }

#div_sitemap *{
    color:#333;
}

#ul_sitemap{
    margin: 0 auto;
    width:100%;
    height:1400px;
    position:absolute; left:0; right:0; top:40px; background:#fff;
    /*position:absolute; left:0; right:0; top:74px; background:#0e7fd4; border-top:1px solid #4d9cd8;*/
}
#ul_sitemap_inner {display:table; width:1400px; margin:0 auto; height:800px;  }
#ul_sitemap_inner>li{
    padding:30px ;
    display:table-cell;
    width:20%;
    /*border:1px solid #4d9cd8; border-top:0;*/
}
#ul_sitemap_inner>li>a{
    font-size:1.6em;
    color: #000;
    font-weight:700;
}
#ul_sitemap_inner .ul_submenu {
    display:block !important;
    border-top:1px solid #097dd4;
    margin: 25px 0px 0px 0px;
    padding-top:6px;
}
#ul_sitemap_inner .ul_submenu>li{
    display:table-row;
}
#ul_sitemap_inner .ul_submenu>li>a{
    display:block;
    padding-top:19px;
    /*padding-left:10px;*/
    text-align:left;
    font-size:1.2em;
    color: #03994a;
    font-weight:500;
    word-wrap: break-word; white-space:nowrap;
}
#ul_sitemap_inner .ul_submenu>li>a:before { content:''; display:inline-block; vertical-align:middle; width:4px; height:4px; background:#3a96dc; margin:-4px 4px 0 0; }

#ul_sitemap_inner .ul_submenu1 {
    display:block !important;
    border-top:1px solid #097dd4;
    margin: 25px 0px 0px 0px;
    padding-top:6px;
}
#ul_sitemap_inner .ul_submenu1>li{
    display:table-row;
}
#ul_sitemap_inner .ul_submenu1>li>a{
    display:block;
    padding-top:19px;
    /*padding-left:10px;*/
    text-align:left;
    font-size:1.2em;
    color: #03994a;
    font-weight:500;
    word-wrap: break-word; white-space:nowrap;
}
#ul_sitemap_inner .ul_submenu1>li>a:before { content:''; display:inline-block; vertical-align:middle; width:4px; height:4px; background:#3a96dc; margin:-4px 4px 0 0; }


#ul_sitemap_inner #li_languagemenu, #ul_mainmenu_mobile #li_languagemenu{
    display:none;
}

#div_sitemap .ul_endpoint{
    padding-top:10px;
    display:block;
}
#div_sitemap .ul_endpoint>li{
    padding:6px;
    padding-left:8px;
    text-align:left;
    font-size:1em;
    line-height: 20px;

}
.counter{
    font-weight:100;
    padding:30px;
}

#ul_globalcount{
    line-height:10px !important;
    margin:0px auto;
    margin-top:30px;
    display:table;
}
#ul_globalcount>li{
    padding:30px;
    padding-top:0px !important;
    padding-bottom:0px !important;
}
#ul_globalcount>li:first-child{
    border-right:1px solid #5187b6;
}



/*모바일 메인/서브메뉴*/
.m-close { position:absolute; right:0; top:0; width:50px; height:50px; background:#3a95dc url(../images/icon_close2.png) no-repeat 50% 50%; background-size:19px auto; text-align:left; text-indent:-9999px; top:0; }
#div_menucontainer_mobile{
    width:300px;
    height:100%;
    position:fixed	;
    right:0;
    top:0;
    display:none;
    z-index:110;
    margin-top:75px;
}
#a_closemenucontainer{
    width:50px;
    height:50px;
    display:block;
}

#ul_mainmenu_mobile>li{
    background:#fff;
    width:100%;
    border-bottom:1px solid #ddd;
}
/*#ul_mainmenu_mobile>li:nth-child(5) { border-bottom:0; }*/

#ul_mainmenu_mobile>li>a{
    width:310px;
    display:table-cell;
    text-align:left;
    height:72px;
    color:#111;
    padding-left:10px;
    vertical-align:middle;
    font-size:1.2em;
    font-weight:600;
}
#ul_mainmenu_mobile .ul_submenu{
    display:table;
    width:100%;
    border-top:1px solid #ddd; padding:0 20px;

}
#ul_mainmenu_mobile .ul_submenu>li{
    width:100%;display:table-row;background-color:#ffffff;height:50px;text-align:left;


}

#ul_mainmenu_mobile .ul_submenu>li>a{
    vertical-align:middle;
    display:table-cell;
    border-bottom:1px solid #e5e5e5 !important;
    padding-left:12px;
    color:#222;
}
#ul_mainmenu_mobile .ul_submenu>li:last-child a { border-bottom:0 !important; }

#ul_mainmenu_mobile .ul_submenu1{
    display:table;
    width:100%;
    border-top:1px solid #ddd; padding:0 20px;

}
#ul_mainmenu_mobile .ul_submenu1>li{
    width:100%;display:table-row;background-color:#ffffff;height:50px;text-align:left;


}

#ul_mainmenu_mobile .ul_submenu1>li>a{
    vertical-align:middle;
    display:table-cell;
    border-bottom:1px solid #e5e5e5 !important;
    padding-left:12px;
    color:#222;
}
#ul_mainmenu_mobile .ul_submenu1>li:last-child a { border-bottom:0 !important; }

#div_videowrapper{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background:#f2f2f2;
}
#div_videowrapper video{
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*키프레임*/
@-webkit-keyframes fadein{
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    100%   {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@-moz-keyframes fadein{
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    100%   {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@-o-keyframes fadein {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    100%   {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    100%   {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    100%   {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}


@keyframes scales {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.2);
    }
}
@keyframes spotscales {
    0% {
        transform: scale(0);
        opacity:1;
    }
    50% {
        transform: scale(3);
        opacity:0;
    }
    100% {
        transform: scale(0);
        opacity:0;
    }
}

@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}
@keyframes glowing {
    0% { box-shadow: 0 0 -10px #000000; }
    40% { box-shadow: 0 0 20px #000000; }
    60% { box-shadow: 0 0 20px #000000; }
    100% { box-shadow: 0 0 -10px #000000; }
}




/*공용*/
.transparent{
    /*
    filter: alpha(opacity=0);
    opacity: 0;
    */
}
.fadein{
    animation: fadein 0.5s;
    animation-fill-mode: forwards;
}


.container_title{
    padding:50px 0 30px 0;
}
.container_title h2{
    font-family: Roboto;
    font-size:52px;
    font-weight:bolder;
}
.container_title>div{
    font-weight:normal;
    padding-top:16px;
    font-size:24px;
    margin-bottom:70px;
}
input,select,textarea{
    vertical-align:middle;
    height:38px;
    background:#fff;
    border:1px solid #e0e0e0;
    color:#333;
    font-size:1em;
    padding-left:5px;
    box-shadow:none;
    -webkit-appearance:none;
    border-radius:0;
}
.a_boxbutton:hover{
    border:none;
    background-color:#000000;
    color:#ffffff;
}

label{
    padding-left:5px;
    font-size:14px;
}

input[type="radio"],input[type="checkbox"]{
    vertical-align: middle;
}



.ms-slide{
    background-color:transparent !important;
}
.ul_endpoint{/*마지막단계의 서브메뉴*/
    display:none;
}
.ms-caption{
    background-color:transparent !important;
}

/*최대폭지정*/
#ul_business{
    max-width:1600px;
}
#ul_business:after { display:block; content:''; clear:both; }
#ul_copyright,
#ul_corevalue,
#div_contact{
    max-width:1400px;
    margin: 0 auto;
}


/*메인비주얼*/

#div_topimage{
    height:100vh;
    padding-top:30vh;
    position:relative;
}
#div_topslogans{
    width:100vw;
    color:#ffffff;
    height:250px;
    margin-bottom:100px ;

}
.ms-caption{
    padding:15px;
}
#div_topbuttons{
    left:0; right:0;
    position:absolute;
    bottom:120px;
    text-align:center;
}
#div_topbuttons a{
    display:inline-block;
}
#div_topbuttons a:hover{
    animation: scales 1s ;
    animation-fill-mode: forwards;
}
#img_mousescroll{
    /*	animation: bounce 0.6s infinite alternate;
      -webkit-animation: bounce 0.6s infinite alternate;
      */
    padding:2vh
}

.ms-caption>h1{ /*메인비주얼슬로건 영문*/
    font-size:83px; letter-spacing:-2px;
    font-weight:800;
}
.ms-caption>div{ /*메인비주얼슬로건 소타이틀*/
    font-size:26px;
    word-wrap:break-word; word-break:keep-all;

}


.bluebar{
    border-top:2px solid #0072bc;
    width:20px;
    margin:20px  auto;
}
.whitebar{
    border-top:2px solid #ffffff;
    width:20px;
    margin:20px auto;
}

.blackbar{
    border-top:2px solid #0072bc;
    width:20px;
    margin:20px 0 20px 5px;
}



/*BUSINESS 비지니스*/
#div_business{
    background-color:#ffffff;
    background-image:url('../images/bg_business.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    padding-bottom:100px;
    padding-left:150px;
    padding-right:150px;
}
#ul_business{
    margin:0 auto;
    margin-bottom:100px;
}
#ul_business>li a { color:#333; }
#ul_business>li a:hover { color:#333; }
#ul_business>li{
    /*
    cursor:hand;
    display:table-cell;
    padding:0px;
    padding-left:28px;
    width:100px;
    padding-bottom:100px;
    vertical-align:top;
    position:relative;
    overflow: visible !important
    */
    width:16.6666666666%;
    cursor:hand;
    float:left;
    padding:0px;
    padding-left:28px;
    padding-bottom:0;
    vertical-align:top;
    position:relative;
    overflow: visible !important;
    transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}

#ul_business>li.off { width:12%; }
#ul_business>li.active{
    width:40%;
}
#ul_business>li.active .business_caption{

}

.div_businessthumb{
    cursor:pointer;
    width:100%;
    height:459.1px;
    background-size:cover;
    background-position:center;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
    box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.30);
    position:relative;
}
.business_caption{
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.48);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.48);
    box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.48);
    text-align:left;
    background-color:#ffffff;;
    width:100%;
    z-index:2;
    padding:12px 40px 20px;
    display:none;
    position:absolute;
    top:460px;
}
.business_caption h2{
    font-weight:800;
    text-transform: none;
    padding-bottom:10px;
    font-size:35px;
}
.business_caption div{
    font-weight:600;
    padding-bottom:10px;
    font-size:19px;
}


.a_plus{
    position:absolute;
    right:15px;bottom:26px;
    width:30px;
    height:32px;
    background-image:url('../images/icon_plus.png');
    background-size:cover;
    background-repeat: no-repeat;
}
#div_businessmobile{
    display:none;
}
#div_vusinesscaptioncontainer *{
    text-align:left !important;

}


/*프로젝트슬라이더*/
#div_project{
    color:#ffffff;
    /*background-image:url('http://bak.gvg.co.kr/test/hmg/images/bg_project.jpg');*/
    background:#1175c9 url(../images/new/bg_main_project.png) no-repeat 50% 50%; background-size:cover;
    height:720px;
    margin-bottom:280px;
}

#div_msinfo{
    -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.35);
    box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.35);
    width:340px;
    background-color:#ffffff;
}
#div_msinfo *{
    text-align:left;
    color:#000000;
}
#div_projectcaptionwrapper{
    padding-left:70px;padding-top:360px;height:100%;width:100%;max-width:1000px;position:absolute;z-index:2;margin:0 auto;left:0;right:0;
    pointer-events: none;
}

.ms-info{
    padding:30px;
    padding-bottom:45px;
    height:279px;
    position:relative;
}
.ms-info .btn-view { position:absolute;left:30px; bottom:30px; }

#div_msinfo h2{
    font-size:24px;
    font-weight:600;
    color:#000000;
    text-align:left;
}
#div_msinfo h4{
    font-size:19px;
    font-weight:600;
    color:#187cca;
    text-align:left;
}
#div_msinfo p{
    font-size:16px;
    padding-bottom:20px;
}

#div_msinfo a, #a_submitqa{
    font-size:14px;
    border:1px solid #187cca;
    color:#187cca;
    padding:10px 50px 10px 30px;
    background-image:url('../images/icon_arrow1.png');
    background-position:right 25px center;
    background-repeat:no-repeat;
}


/*핵심가치(코어밸류) 팝업배너*/
#div_corevalue{
    margin-top:50px !important;
    background-color:#ffffff;
    padding-bottom:200px;
    background-image:url('../images/bg_corevalue.jpg');
    background-position:50% 100%;
    background-repeat:no-repeat;
}
#ul_corevalue{
    display:table;
    margin:0 auto;
    width:100%;

}
.li_popup_parent{
    float:left;
    background:#fff;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    height:360px;
    width:20%;
    position:relative;
}
.li_popup_parent:hover,
.li_popup_parent.active{
    z-index:10;
}
.li_popup_parent:hover >.div_popup_child,
.li_popup_parent.active >.div_popup_child,
.div_popup_child:hover{

    z-index:10;
    opacity:1;
    animation: scales 0.5s ;
    animation-fill-mode: forwards;
}
.li_popup_parent:first-child{
    border-left:1px solid #e0e0e0;
}
.div_popup_child{
    width:100%;
    height:100%;
    position:absolute;
    display:table;
    opacity:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center center;
    z-index:10;
    box-shadow:20px 20px 20px rgba(0,0,0,0.2);
}
.div_popup_child>div{
    display:table-cell;
    vertical-align:middle;
    color:#ffffff;

}
.div_popup_bottom{
    display:table;
    width:100%;
    height:100%;
}
.div_popup_bottom>div{
    display:table-cell;
    vertical-align:middle;
}
.div_valuedesc{
    padding:10px 30px 0;
    word-break:keep-all; word-wrap:break-word;
    font-size:17px; line-height:1.65;
}

/*리쿠르트*/
#div_recruit{
    text-align:center;width:100%;background-color:#ffffff;background-image:url('../images/bg_recruit.png');background-size:cover;
    display:table;
}
#ul_recruit{display:table;margin:0 auto;height:300px;	max-width:1000px;width:100%;}
#ul_recruit>li{
    display:table-cell;
    vertical-align:middle;
    color:white;
}
#ul_recruit>li:first-child h2{
    padding-right:100px;
    border-right:2px solid #ffffff;
    font-weight:800;
    font-size:46px;
}
#ul_recruit div{
    text-align:left;
    padding-left:40px;
    font-size:20px;
    line-height:30px;
}
#a_recruit,#a_subscription{
    font-size:14px;
    border:1px solid #ffffff;
    color:#ffffff;
    padding:10px 50px 10px 30px;
    background-image:url('../images/icon_arrow2.png');
    background-position:right 25px center;
    background-repeat:no-repeat;

}

#a_recruit:hover { background-color:#fff; background-image:url('../images/icon_arrow2_on.png'); color:#d2bd51;  }

/*News room*/
#div_newsroom{
    width:100%;
    background-color:#ffffff;
    padding-top:100px;
    padding-bottom:150px;
}
#div_newsroom .container_title{
    padding:35px 0 20px;
}

#ul_newscontainer{
    display:table;
    width:100%;
    max-width:1400px;
    margin:0 auto;
}
#ul_newscontainer>li{
    display:table-cell;
    text-align:left;
    padding:20px;
}
#ul_newscontainer>li h3{
    border-bottom:1px solid #aaaaaa;
    color:#0072bc;
    font-size:20px;
    padding-bottom:10px;
}
#ul_newscontainer>li h3 a{
    font-size:1.2em;
}
.ul_newslist{
    width:100%;
}

.ul_newslist>li{

    padding-top:23px;
    width:100%;
    display:block;
    padding-left:8px; text-indent:-8px;
}
.ul_newslist>li:before{
    content:"·"; margin-right:5px;
}
.ul_newslist>li a{
    font-size:15px;
    color:#000000;
}
.ul_newslist>li a:hover{
    color:#363636;
}

.ul_newslist>li span{
    font-size:15px;
    color:#aaaaaa;
    width:100px;
    text-align:center;
    max-width:100px;
    float:right;
}


/*프로젝트, 진출국*/
#div_global{
    background-image: url(../images/bg_global.jpg);
    background-position:50% 100%;
    background-repeat:no-repeat;
}
#div_p_count,#div_c_count{
    font-weight: 100;
    font-size:70px;
    font-style: normal;
    font-family:'Roboto';
}
#div_worldmap {
    position:relative;
    max-width:1255px;
    margin:0 auto;
}
#div_worldmap a.city{
    position:absolute;
    z-index:2;
}
#div_worldmap a.city .spot1{
	width:20px; height:20px; border-radius:100%; background:#bf9d25;
	 border-radius: 50%;
	 animation: spotscales 5s infinite;
	 filter: alpha(opacity=50);
	 opacity: 0;position:absolute;left:14px;top:4px;
}
#div_worldmap a.city .spot2{
	width:20px; height:20px; border-radius:100%; background:#bf9d25;
	 border-radius: 50%;
	 animation: spotscales 4s infinite;
	 filter: alpha(opacity=50);
	 opacity: 0;position:absolute;left:14px;top:4px;
	 animation-delay:0.5s;
}
#div_worldmap a.city .spot3{
	width:20px; height:20px; border-radius:100%; background:#bf9d25;
	 border-radius: 50%;
	 animation: spotscales 3s infinite;
	 filter: alpha(opacity=50);
	 opacity: 0;position:absolute;left:14px;top:4px;
	 animation-delay:1s;
}

.div_city{
    position:absolute;

}
#a_seemorebranch{
    background-color:rgba(23,129,212,0.8);
    font-size:16px;
    font-weight: bold;
    border:1px solid #2e8cc9;
    color:#ffffff;
    padding:13px 50px 13px 32px;
    background-image:url('../images/icon_arrow2.png');
    background-position:right 25px center;
    background-repeat:no-repeat;
}
.global_txt{
    font-size:18px;
    font-weight: 600;
    padding-top: 10px;
}


/*컨택*/
#div_contact{
    background-color:#ffffff;
    width:100%;
    margin:0 auto;
}
#div_contactform{

    margin:0 auto;
    padding-bottom:100px;
    width:100%;
    max-width:1180px;
    display:table;
}
#div_contactform table{
    width:100%;
    border-top:3px solid #127cc1;
    border-collapse:collapse;
}
#div_contactform table th,#div_contactform table td{
    padding:5px;
    border-bottom:1px solid #e5e5e5;
    font-size:1.0em;
    text-align:left;
    vertical-align: middle;
}
#div_contactform table td { padding:10px 5px; }
#div_contactform table th{
    width:100px;
    font-size: 17px;
    font-weight:normal;
    text-align:left;
    padding:0px;
    vertical-align:middle;
}
#div_contactform table textarea{
    width:100%;
    height:150px;
    resize:none;
}


/*바닥내용*/
#div_bottom{
    width: 100%;
    height:165px;
    background-color:#f5f5f5 !important;
}

#ul_copyright{
    width:100%;
    display:table;
    height:100%;
    margin:0 auto;
    font-size:0.7em;
    background-color:#f5f5f5 !important;
}
#ul_copyright>li{
    display:table-cell;
    vertical-align:middle;
}
#ul_copyright>li:first-child{
    padding-right:70px;
    padding-left:15px;
}
#div_bottomlinks{
    font-size:14px;
    text-align:left;
    font-weight:400;
    color:#646464;
}
#div_bottomlinks a { font-size:14px !important; color:#333333; }
#div_address{
    padding-top:20px;
    color:#646464;
    text-align:left;
    font-size:14px !important;

}
#div_familysite { padding-right:15px;}

/*구독*/
#div_subscription{
    display:none;
    position:fixed;
    z-index:300;
    bottom:0;
    width:100%;
    height:183px;
    background-color:#3a96dc;
}
#ul_subscription{
    text-align:left;
    max-width:1100px;
    width:100%;
    display:table;
    margin:0 auto;
    color:#ffffff;
}
#ul_subscription>li{
    padding:7px;
}
#ul_subscription h2{
    font-weight:400;
    font-size:22px;
    padding:25 0 10px 0px;

}

/*RESPONSIVE*/

.showonmobile{display:none;}
.hideonmobile{display:inherit;}

@media ( max-width:1000px ) {

    .showonmobile{display:inherit;}
    .hideonmobile{display:none !important;}
    video{
        height:100%;
        object-fit: fill;
    }

    .container_title{
        padding:70px 0 20px ;

    }
    .container_title>div {  margin-bottom:35px; word-break:keep-all;word-wrap:break-word; }

    #div_businessslider.pdb100 { padding-bottom:20px; }
    #div_project .container_title{
        padding-top:40px;
    }


    /*모바일 서브메뉴*/
    #ul_mainmenu,#div_sitemap, #ul_mainmenu>.ul_submenu{
        display:none;
    }

    #ul_mainmenu,#div_sitemap, #ul_mainmenu>.ul_submenu1{
        display:none;
    }

    #ul_mainmenu_mobile>li>a:after{
        content: "+";
        float:right;
        margin-right:10px;
    }
    .ul_submenu_toggled{
        /*background-color:#004b88;*/
        color:#3a95dc !important;
    }



    /*코어밸류 모바일*/
    .li_popup_parent{
        display:inline-block;
        vertical-align:top;
        width:33%;
        position:relative;
        border:1px solid #e0e0e0;

    }
    .div_popup_child{
        width:100%;
        height:100%;
        margin-top:0;
        margin-left:0;

    }

    /*비지니스  모바일*/
    #div_business{
        padding-right:0px;
        padding-left:0px;
        padding-bottom:110px;
    }
    #ul_business{
        width:100%;
    }
    #ul_business>li{
        padding:0;
        display:inline-block;
        width:33.3%;
        margin-top:50px;
    }
    /*#ul_business>li:hover{
        width:33%;
    }*/
    .business_caption{
        /*display:inline-block;*/
        position:relative;
        border:3px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-align:center;


    }
    .business_caption>h2{
        font-size:20px;
    }
    .business_caption>div{
        font-size:15px;
        white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    }
    .a_plus{
        width:30px;
        height:30px; border:1px solid #1175c9; display:block; margin:0 auto 15px; background-size:16px auto; background-position:50% 50%; position:static;
    }



    /*리쿠르트 모바일*/
    #div_recruit{
        padding:30px 0 30px 0;
    }
    #ul_recruit{display:block;width:100%; height:210px;}
    #ul_recruit>li{
        display:inline-block;
        width:100%;
        padding:10px;
    }

    .ul_newslist>li span{
        float:inherit;
        clear:both;
        padding-left:10px;
    }
    #a_seemorebranch{
        bottom:20 !important;
    }
    #ul_recruit>li>div{
        text-align:center;
        padding-bottom:20px;
    }
    #ul_recruit>li:first-child h2{
        padding-right:0px;
        border:none;
        font-weight:800;
        font-size:46px;
    }

    #div_topslogans{
        height:200px;

    }
    #div_topbuttons{
        bottom:180px;
    }
    #div_topbuttons img{
        width:80px;
        height:auto;
    }
    .ms-caption{
        max-width:90vw;
        padding:0 15px;
    }
    .ms-caption>h1{ /*메인비주얼슬로건 영문*/
        font-size:38px; line-height:1;
        margin-bottom:7px;

    }
    .ms-caption>div{ /*메인비주얼슬로건 소타이틀*/
        font-size:18px;line-height:1.6;

    }

}

@media ( max-width:640px ){
    #div_businessmobile{
        display:inline;
    }
    #div_business{
        display:none;
    }

    .container_title h2{
        font-size:35px;
        padding-top:70px;
    }
    .container_title div{
        font-size:15px;
    }


    .li_popup_parent{
        width:100%;
    }
    .li_popup_parent:hover >.div_popup_child,.div_popup_child:hover{
        animation: none;
    }
    #div_corevalue{
        padding-bottom:0;

        padding-top:0;

    }

    /*뉴스룸 뉴스목록*/
    #ul_newscontainer>li{
        display:table-row;
    }

    #ul_business>li{
        padding:0;
        display:inline-block;
        width:100%;
    }
    #ul_business>li:hover{
        width:100%;
    }


    #div_projectcaptionwrapper{
        padding-top:50%;
    }
    .div_city{
        height:10px !important;
        margin-top:0px !important;
        padding-left:2px !important;
    }
    #a_seemorebranch{
        bottom:10 !important;
    }

    #div_project{
        margin-bottom:110px !important;
        height:490px;
    }
    #div_corevalue .container_title{
        padding-bottom:80px;
    }
    #ul_newscontainer{
        padding-left:25px !important;
        padding-right:25px !important;
    }

    #div_projectcaptionwrapper{
        padding-left:0;
    }
    #div_msinfo{
        margin:0 15px;
        width:auto;
    }
    #div_business{
        padding-bottom:100;
    }
    #div_recruit{
        padding-bottom:45px;
        background-image:url(../images/bg_recruit_mobile.png);
    }
    .ul_newslist{
        padding-bottom:50px !important;
    }
    #ul_globalcount{
        position:absolute;
        left:0;
        width:100vw;
        text-align:center;
    }
    #ul_globalcount>li{
        width:50%;
    }
    #div_worldmap{
        margin-top:100px;
    }
    .phone{
        width:26% !important;
    }
    /*FOOTER 모바일*/

    #div_familysite>div{
        display:inline-block;

    }
    #ul_copyright>li{
        display:inline-block;
        padding:10;
        padding-left:0;
        padding-right:0 !important;
        margin-left:0;
        margin-right:0;
        text-align:center !important;
        width:100%;
    }
    #div_bottomlinks{
        text-align:center;
    }
    #div_address{
        font-size:9px !important;
        text-align:center;
    }
    #div_familysite>div{
        width:100%;margin-bottom:40px;

    }
    #div_familysite .dropdown .btn-dropdown,
    #div_familysite .dropdown .dropdown-menu { width:100% !important; }
}


/* LSM 2019.07.11 */
/*******************************************************************************************
	COMMON
*******************************************************************************************/
label { cursor:pointer; }
.checkbox { position:absolute; left:-9999px; }
.checkbox + em { display:inline-block; vertical-align:middle; width:20px; height:20px; border:1px solid #979797; background:url(../images/new/checkbox_off.png) no-repeat 50% 50%;  }
.checkbox:checked + em {  background-color:#127cc1; background-image:url(../images/new/checkbox_on.png); border-color:#127cc1; }
.checkbox + em + span { display:inline-block; vertical-align:middle; font-size:17px; color:#666; margin:0px 0 0 10px; }

.checkbox2 { position:absolute; left:-9999px; }
.checkbox2 + em { display:inline-block; vertical-align:middle; width:12px; height:12px; border:1px solid #dfdfdf; position:relative; border-radius:100%;  }
.checkbox2:checked + em:before { content:''; position:absolute; left:3px; top:3px; right:3px; bottom:3px; border-radius:100%; background:#dfdfdf }
.checkbox2:checked + em { border-color:#dfdfdf; }
.checkbox2 + em + span { display:inline-block; vertical-align:middle; font-size:17px; color:#666; margin:0px 0 0 5px; }


/*******************************************************************************************
	OVERRIDE
*******************************************************************************************/
.main-wrap { text-align:center; }
#div_bottom { margin-top:60px; }
.ms-bullets.ms-dir-h { left:0; right:0 !important;  width:auto !important; text-align:center; padding-right:10px; }
.ms-bullets.ms-dir-h .ms-bullets-count { position:static !important; }
.ms-skin-default .ms-bullet { display:inline-block; vertical-align:top; float:none !important; }
.project-slider-box { position:absolute; left:50%; top:40%; width:1000px; z-index:100; margin-left:-500px; }
#a_prevproject { position:absolute; left:-60px; top:0; cursor:pointer; }
#a_nextproject { position:absolute; right:-60px; top:0; cursor:pointer; }
#div_projectcontainer .ms-slide-bgcont:before { content:''; position:absolute;left:0; right:0; top:0; bottom:0; background:rgba(19,125,206,0.75); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
#div_projectcontainer .ms-sl-selected .ms-slide-bgcont:before { opacity:0; }
#div_corevalue .container_title>div { margin-bottom:90px; }
#ul_newscontainer>li .btn-more { float:right; background:url(../images/new/ico_main_more.png) no-repeat 50% 50%; width:18px; height:18px; text-indent:-9999px; }

#div_global .btn-local-view { position:absolute; left:0; right:0; bottom:140px; text-align:center; }
.main-agree { padding:27px 0; }
#a_submitqa { display:inline-block; }


/* SUBPAGE */
.sub-header { display: flex; align-items: center; justify-content: center; position: relative; height:380px; background: rgba(0, 0, 0, .8); }
.sub-header::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: scale(1.1);
    opacity: 0;
    animation: 3s subvisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards; }
.sub-header.sub1::before { background-image:url(../images/about/visual_company.jpg); }
.sub-header.phil::before { background-image:url(../images/about/visual_philosophy.jpg); }
.sub-header.sub2::before { background-image:url(../images/about/submain.jpg); }
.sub-header.sub3::before { background-image:url(../images/business/visual_part.jpg); }
.sub-header.sub4::before { background-image:url(../images/pcenter/visual_pcenter.jpg); }
.sub-header.sub5::before { background-image:url(../images/customer/visual_customer.jpg); }
/*.sub-header h2 { text-align:center; font-size:32px; font-weight:600; line-height: 50px; padding-top:180px; color:#fff; }*/
.sub-header h2 { text-align:center; font-size:32px; text-transform: none; font-weight:600; line-height: 50px; color:#fff; padding-top:75px; transform: translateY(35px); opacity: 0; animation: fade-up 1s ease .35s forwards; }

.form-control { box-shadow:none; font-size:16px; color:#666; border:1px solid #d6d6d6; }
select.form-control { background:url(../images/new/bu_select.png) no-repeat 100% 50%; -webkit-appearance:none; appearance:none; }

.board-details .btn-file { display:inline-block; text-align:left; text-indent:-9999px; width:25px; height:29px; background:url(../images/new/ico_download.png) no-repeat 0 0;  vertical-align:middle; }

.top-lang { overflow:hidden; background:#3a95dc; height: 50px;}
.top-lang a { float:left; width:50%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff;  position:relative;  }
.top-lang a + a:before { content:''; position:absolute; left:0; top:17px; height:17px; width:1px; background:rgba(255,255,255,0.4); }


.contact-info { }
.contact-info div { padding:30px 15px 30px 260px; position:relative; border-top:1px solid #ddd; line-height:1.4; }
.contact-info div .tit { position:absolute; left:0; top:25px; font-size:24px; font-weight:600; color:#0a7cd4; }
.contact-info div dl:after { display:block; content:''; clear:both; }
.contact-info div dl + dl { margin-top:15px; }
.contact-info div dl dt{  float:left;width:220px; font-size:18px; color:#333; font-weight:600; }
.contact-info div dl dt:before { content:''; display:inline-block; vertical-align:middle; width:3px; height:3px; border-radius:100%; background:#333; margin:-2px 8px 0 0; }
.contact-info div dl dd { margin-left:250px; font-size:16px; color:#666; }
.contact-info div dl dd p + p { margin-top:15px; }
.contact-info .train1 { display:inline-block; vertical-align:middle; width:49px; height:27px; line-height:27px; text-align:center; background:#049d00; border-radius:27px; font-size:18px; color:#fff; margin:-2px 10px 0 0; }
.contact-info .train2 { display:inline-block; vertical-align:middle; width:49px; height:27px; line-height:27px; text-align:center; background:#697114; border-radius:27px; font-size:18px; color:#fff; margin:-2px 10px 0 0; }
.contact-info .train3 { display:inline-block; vertical-align:middle; width:49px; height:27px; line-height:27px; text-align:center; background:#ccae0a; border-radius:27px; font-size:18px; color:#fff; margin:-2px 10px 0 0; }

#ul_subscription { padding-top:20px; }
#ul_subscription input,select { vertical-align:middle; }
#ul_subscription .checkbox2 + em + span { font-size:12px; color:#fff; }

#ul_globalcount>li .mobile { display:none; }
.mobile-ver { display:none; }
:-ms-input-placeholder { color:#999; }
#a_closesubscription { top:50px !important; cursor:pointer; right:15px !important; }
#sub_wrapper { word-break:keep-all; word-wrap:break-word; }

/* 회사소개 */
#ceo .text { float:left; width:50%; padding:60px 20px 20px 40px; }
#ceo .text .t1 { font-size:36px; line-height:1.4; color:#03994a; }
#ceo .text .t2 { font-size:24px; line-height:1.4; }

#ceo .ceo-img { float:right; width:50%; }
#ceo:after{ display:block; content:''; clear:both; }

.full-width { max-width:100%; padding-left:0; padding-right:0;  }
.full-width #myHeader { max-width:1186px; margin:0 auto; padding-left:0; padding-right:0; }

/* 공통사용 */
.form-table { margin-bottom:70px; }
.form-table table{ width:100%; border-top:2px solid #151515; border-collapse:collapse; }
.form-table table th,.form-table table td{ border-bottom:1px solid #eaeaea; font-size:16px; color:#666; text-align:left; }
.form-table table td { padding:17px 5px 17px 5px; }
.form-table table th{width:200px;font-size: 16px;font-weight:normal;text-align:left;padding-left:30px;vertical-align:middle;	color:#333; }
.form-table table textarea{	width:100%;height:250px;resize:none;}
.btn-bottom-box { text-align:center; margin-bottom:70px; }
.btn-type1 { display:inline-block; padding:5px 60px; line-height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:400; background:#187cca; border:1px solid #187cca; }
.btn-type1 a{ color:#fff;}
.btn-type-arr { display:inline-block; font-size:14px; border:1px solid #187cca; color:#187cca; padding:0 60px 0 40px; line-height:40px; line-height:40px; background-color:transparent; background-image:url('../images/icon_arrow1.png');background-position:right 25px center;	background-repeat:no-repeat; }
select::-ms-expand { display: none; }
.btn-type2 { display:inline-block; padding:5px 60px; line-height:40px; font-size:18px; color:#187cca; font-weight:400; background:#fff; border:1px solid #187cca; }

/* 부트스트랩 */
.pagination>li>a, .pagination>li>span { width:40px; height:40px; line-height:40px; padding:0; margin:0;  border:0; text-align:center;  font-size:16px; color:#666;  }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
.shadow, .speakers.white .speaker-item:hover, .schedule.two .schedule-contents, .sponsors .block .image-block:hover, ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination .active a, .news-hr .news-post-hr:hover, .testimonial .testimonial-item .comment:hover{ color:#187cca; background-color:transparent; box-shadow:none !important;  }
.pagination .first { border:1px solid #ddd; background:url(../images/page_first.png) no-repeat 50% 50%; border-radius:0 !important; margin-right:5px; }
.pagination .prev{ border:1px solid #ddd; background:url(../images/page_prev.png) no-repeat 50% 50%; border-radius:0 !important; margin-right:0px; }
.pagination .next { border:1px solid #ddd; background:url(../images/page_next.png) no-repeat 50% 50%; border-radius:0 !important; margin-left:0px; }
.pagination .last { border:1px solid #ddd; background:url(../images/page_last.png) no-repeat 50% 50%; border-radius:0 !important; margin-left:5px;}
.pagination .first:hover,
.pagination .last:hover { background-color:transparent; }

#imagerow { clear:both; }
.board-tit { font-size:16px; color:#333; padding-left:13px; position:relative; line-height:1; margin-bottom:30px; }
.board-tit:before { content:''; position:absolute; left:0; top:0; bottom:0; width:6px; background:#03994a; }
.mfp-counter { right:15px; }

/* 이달의 프로젝트 */
.modal-report { padding:0 20px;  }
.modal-report h5{  font-size:17px; color:#000; font-weight:600; float:left; width:100px; margin-bottom:8px; line-height:20px; }
.modal-report h5:before { content:''; display:inline-block; vertical-align:middle; width:4px; height:4px; border-radius:100%; background:#222; margin:-2px 6px 0 0; line-height:20px; }
.modal-report .txt { font-size:17px; color:#666; margin-left:100px; margin-bottom:8px; }
.modal-report .txt textarea { width:100%; height:160px; resize:none; border:0; outline:none;  }
.modal-report h6{  font-size:17px; color:#000; font-weight:normal; margin-bottom:10px;  text-indent:-10px; }
.modal-report .txt-box { clear:both;  padding-left:20px; margin-bottom:25px; }
.modal-report .txt-box  .txt2 { font-size:17px; color:#666; margin-bottom:8px;  line-height:1.8;  }

/* 개인정보취급방침 */
.privacy1 { padding: 40px;border: 1px solid #dadada;font-size: 15px;color: #666; line-height: 28px; }

/* form */
input[type="checkbox"] { width:auto; height:auto; -webkit-appearance:checkbox; }
input[type="radio"] { width:auto; height:auto; -webkit-appearance:checkbox; }

/* 홍보관 */
.btn-download{ display:inline-block; padding:0 36px; height:44px; line-height:42px; font-size:14px; color:#187cca; border:1px solid #187cca; background:none; }
.btn-download:after { content:''; display:inline-block; vertical-align:middle; width:20px; height:16px; background:url(../images/ico_download2.png) no-repeat 0 0; margin:-2px 0 0 8px;}
.btn-download:hover { color:#187cca; }


.list-type4 { }
.list-type4:after { display:block; content:''; clear:both; }
.list-type4 { margin:0 -15px; }
.list-type4 .article { float:left; width:25%; padding:0 15px 50px;  }
.list-type4 .article .a-box img { height:350px; width:100%; }
.list-type4 .article .a-box { padding:8px; border:1px solid #ddd; }
.list-type4 .article .t1 { text-align:center; font-size:16px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:28px 0;  }
.list-type4 .article .btn-box { text-align:center; }

.book-list{ }
.book-list { margin:0 -7px; }
.book-list .section:after { display:block; content:''; clear:both; }
.book-list .section .article { float:left; width:50%; padding:0 7px; margin-bottom:14px; }
.book-list .section .article:last-child { float:right; width:50%; }
.book-list .section .article .in-box:after { display:block; content:''; clear:both; }
.book-list .section .article .in-box { display:block; border:1px solid #e6e6e6; position:relative; }
.book-list .section .article .in-box .img-box { float:left; width:45%; }
.book-list .section .article .in-box .img-box img { width:100%; height:403px; }
.book-list .section .article .in-box .txt-box { float:left; width:55%; padding:40px 17px; }
.book-list .section .article .in-box .txt-box .t1 { font-size:16px; line-height:24px; /*height:48px;*/ overflow:hidden; position:relative; color:#000; position:relative; }
.book-list .section .article .in-box .txt-box .t2:before {content:''; position:absolute; left:0; top:0;; width:15px; height:1px; background:#000; }
.book-list .section .article .in-box .txt-box .t2 { font-size:14px; line-height:1.5; color:#666; position:relative; margin-top:20px; padding-top:20px; }
.book-list .section .article .in-box .txt-box .t2 p + p { margin-top:10px; }
.book-list .section .article .in-box .txt-box .t3 { position:absolute ; left:48%; bottom:35px; font-size:14px; color:#666; }
.mbt30 { margin-top:30px; }


.table-type1 { }
.table-type1.mb40{ margin-bottom:40px }
.table-type1 table { width:100%; border-collapse:collapse; border-top:2px solid #222; }
.table-type1 table tbody th { font-size:17px; color:#333; padding-left:30px; border-bottom:1px solid #eaeaea; vertical-align:middle; }
.table-type1 table tbody td { font-size:17px; color:#666;border-bottom:1px solid #eaeaea; padding:17px 0;  word-break:break-all; word-wrap:break-word; vertical-align: middle;}
.table-type1 table tbody td input[type=text],
.table-type1 table tbody td select { height:45px; }
.table-type1 table tbody td .email-select {  padding-right:40px; }
.table-type1 table tbody td .fileupload .btn-file { line-height:45px;}
.table-type1 .txt-desc{ padding-top:10px; }
.table-type1 .repoter-box p { float:left; margin-right:15px; }
.table-type1 select {background:#fff url('../images/icon_selectarrow.png') no-repeat 92% 50%;}
.check-list:after { display:block; content:''; clear:both; }
.check-list label { float:left; width:260px; white-space:nowrap; margin:5px 0;  }
.check-list label:nth-child(odd){ clear:both; }
.check-list2 label { margin-right:22px; }

.hr1 { display:block; width:100%; height:1px; background:#000; margin:40px 0; padding:0; }
.hr2 { display:block; width:100%; height:1px; background:#d6d8e5; margin:25px 0; padding:0; }

/************************************
	08.09 수정
************************************/
#div_subscription .dropdown-select { display:inline-block; position:relative;  }
#div_subscription .dropdown-select .btn-dropdown {  display:block; width:105px; height:38px; background:#fff; border:1px solid #e0e0e0;  padding-left:5px; font-size:1em; color:#333; outline:none;  }
#div_subscription .dropdown-select .dropdown-menu { top:inherit; width:105px; min-width:inherit; bottom:37px; border-radius:0; border:1px solid #ddd; box-shadow:none; background:#fff;  }

.dropdown{ display:inline-block; position:relative;  height:38px; }
.dropdown .btn-dropdown {  display:block; height:38px; background:#fff  url('../images/icon_selectarrow.png') no-repeat 92% 50%; ; border:1px solid #e0e0e0;  padding-left:10px; font-size:14px; color:#333; outline:none; text-align:left; }
.dropdown.open .btn-dropdown { background-image:url('../images/icon_selectarrow_on.png');  }
.dropdown .btn-dropdown:hover { color:#03994a; background-image:url('../images/icon_selectarrow_on.png'); }
.dropdown .dropdown-menu { top:inherit; top:37px; border-radius:0; left:0; right:0; min-width:inherit;  border:1px solid #e0e0e0;  box-shadow:none; background:#fff; margin:0; }
#div_familysite .dropdown .btn-dropdown,
#div_familysite .dropdown .dropdown-menu { width:270px; top:inherit; bottom:37px; }
#div_familysite .dropdown { height:38px; }
.dropdown-menu > li > a { padding-left:10px; }
.dropdown-menu > li > a:hover { background:none; color:#03994a; }
#div_menucontainer_mobile .sns { position:absolute; left:0; right:0; bottom:0; height:45px; background:#818285; text-align:center; padding-top:12px; }
#div_menucontainer_mobile .sns a { display:inline-block; vertical-align:middle; margin:0 15px; }
#div_menucontainer_mobile .sns a img { height:23px; }
#ceo .mobile { display:none; }


/* 기업개요 */
.about3 { word-break:keep-all; }
.about3 .t1 { text-align:center; font-size:70px; color:#c7a600; font-weight:600; font-family:'Roboto'; margin-bottom:20px; }
.about3 .t5 { text-align:center; font-size:60px; color:#c7a600; font-weight:600; margin-bottom:20px; }
.about3 .t1 span { color:#00478a; }
.about3 .t2 { font-size:24px; line-height:1.7; color:#333; margin-bottom:25px;  }
.about3 .t3 { font-size:24px; line-height:1.7; color:#333; margin-bottom:25px;  }
.about3 .bg-box1 { padding: 85px 15px; background:url(../images/about/bg_about1.jpg) repeat-x 50% 0; text-align:center; margin-bottom:150px; }
.about3 .bg-box1 dl { display:inline-block; vertical-align:top;  }
.about3 .bg-box1 dl + dl { margin-left:184px; }
.about3 .bg-box1 dl dt { font-size:24px; font-weight:600; color:#eec80b; font-weight:600; margin-bottom:30px }
.about3 .bg-box1 dl dd { font-size:22px; color:#fff; }
.about3 .img1 { margin-bottom:140px; }
.about3 .bg-box2 { background:#f5f5f5; padding: 35px 20px 40px; text-align:center; margin-bottom:120px; }
.about3 .bg-box2 .t4 { font-size:34px; font-weight:600; color:#00478a; margin-bottom:4px; }
.about3 .img2 { text-align:center; padding:100px 20px; }
.about3 .mobile { display:none; }

/* 경영철학 */
.philso { }
.philso img { width:auto; }
.philso .tit { text-align:center; font-size:34px; color:#333; margin-bottom:120px;  }
.philso .tit img { vertical-align:top; }
/*.philso .bg-box1  { padding: 45px 20px 65px; background:#f6f6f6; text-align:center; margin-bottom:130px; }*/
.philso .bg-box1  { padding: 45px 20px 65px; background:#f6f6f6; text-align:center; margin-bottom:0px; }
.philso .tit2 { text-align:center; font-size:34px; color:#333; position:relative; padding-bottom:25px; margin-bottom:30px; font-weight:600;  }
.philso .tit2:before { content:''; position:absolute; left:50%; width:52px; height:1px; margin-left:-26px; bottom:0; background:#0068b7; }
.philso .t1 { font-size:35px; color:#03994a; font-weight:500; text-align:center; }
.philso .bg-box1 .t1 { margin-bottom:60px; }
.philso .mobile { display:none; }
.philso .wrap1 { text-align:center; margin-bottom:200px; }
.philso .wrap1 .t1 { font-size:30px; margin-bottom:120px; font-weight:600; }
.philso .wrap1 .div_popup_bottom .desc { font-size:17px; line-height:1.5; color:#555; padding:15px 20px 0; }
.philso .wrap1 #ul_corevalue {  max-width:1400px; }
.philso .wrap1 #ul_corevalue li { border:1px solid #e0e0e0; margin-right:-1px; pointer-events: none;}
.philso .wrap1 #ul_corevalue li:nth-child(1) { margin-top:-80px; left:20px; }
.philso .wrap1 #ul_corevalue li:nth-child(2) { margin-top:-40px; left:30px;}
.philso .wrap1 #ul_corevalue li:nth-child(3) {}
.philso .wrap1 #ul_corevalue li:nth-child(4) { margin-top:-40px; left:-5px; }
.philso .wrap1 #ul_corevalue li:nth-child(5) { margin-top:-80px; left:5px; }

.philso .li_popup_parent { background-color:transparent; }
.philso .li_popup_parent.active { border:0 !important; }
.philso .li_popup_parent.active >.div_popup_child { animation:none; }

.philso .li_popup_parent .div_popup_child h2 { font-size:28px; }
.philso .li_popup_parent .div_popup_child div { font-size:19px; }
.philso .li_popup_parent .div_popup_child .div_valuedesc { font-size:17px; }
.philso .div_valuedesc { padding:10px 18px 0; }


.philso .div_popup_child { width:98%; height:100%; margin:0 -3%; }
.philso .wrap1 .desc-tit { text-align:center; margin-bottom: 80px; }
.philso .bg-box2 { padding:80px 20px; background:url(../images/about/bg_philosophy.jpg) no-repeat 50% 50%; background-size:cover;margin-bottom:50px; }
.philso .bg-box2 .t1 { font-size:32px; font-weight:600; margin-bottom:120px;  }
.philso .bg-box2 .img { text-align:center; }
.philso .bg-box2 ul { display:none; }
.philso .bg-box2 ul li { margin-bottom:15px; font-size:16px; color:#333; padding-left:12px; position:relative; }
.philso .bg-box2 ul li:before { content:''; position:absolute; left:0; top:8px; width:4px; height:4px; background:#333; }
.philso .bg-box2 ul li span { color:#0068b7; }
.philso .mobile { display:none; }

/* 사회공헌 */
.social { }
.social .t1 { font-size:24px; color:#000; margin-bottom:110px; }
.social .t2 { overflow:hidden; margin-bottom:30px; }
.social .t2 .img { float:left; margin-right:65px; padding-left:15px; }
.social .t2 p { overflow:hidden; font-size:24px; color:#0068b7; line-height:1.5; font-weight:500; }
.social .t2 p strong{ color:#00478a; }
.social .img1 {margin-bottom:85px; text-align: center; }
.social .img2 { margin-bottom:150px; text-align: center; }
.social .img2 ul { display:none; }
.social .mobile { display:none; }

.social .donghang { background:#eee; overflow:hidden; margin-bottom:80px; }
.social .donghang .img3 { float:left; margin-right:50px; }
.social .donghang .info { padding-top:20px; }
.social .donghang .info .t3 { font-size:24px; color:#047ad4; padding:20px 0 30px; }
.social .donghang .info .t4 { font-size:18px; color:#2d2d2d; line-height:1.5; }

.culture1 .t1 { clear:both; text-align:center; font-size:26px; color:#333; margin-bottom:60px; }
.culture1 .t1 strong { color:#03994a; }
.culture1 .bg-box1 { text-align:center; padding: 80px 20px 50px; background:url(../images/about/bg_culture.jpg) no-repeat 50% 0; background-size:cover; margin-bottom:120px;  }
.culture1 .bg-box1 .t2 { font-size:70px; font-weight:600; color:#c7a600; line-height:1; }
.culture1 .bg-box1 .t3 { font-size:34px; color:#00478a; padding:5px 0 25px; }
.culture1 .bg-box1 .t3 span { color:#c7a600; }
.culture1 .bg-box1 .t4 { font-size:24px;color:#00478a; margin-bottom:80px; }
.culture1 .bg-box2 { margin-bottom:120px; }
.culture1 .t5 { text-align:center; font-size:40px; font-weight:600; color:#00478a; margin-bottom:30px; }
.culture1 .t5 span { color:#c7a600; }
.culture1 .t6 { text-align:center; margin-bottom:90px; }
.culture1 .t6 p { display:inline-block; vertical-align:middle; padding:0 90px; line-height:32px; border:2px solid #00478a;  border-radius:100px; font-size:28px; color:#c7a600; font-weight:600;padding: 30px;   }
.culture1 .box1 div { margin-bottom:90px; }
.culture1 .box1 .text-right { padding-left:20px; }
.culture1 .box1 .text-left { padding-right:20px; }
.culture1 .t7 { text-align:center; font-size:24px; color:#00478a; margin-bottom:90px; }

.culture1 .mobile { display:none; }



.about2-profile { text-align:right; }
.culture1 .txt-m { display:none; }

.foot-sns { padding-top:20px; }
.foot-sns  .mobile { display:none; }



.only-mobile { display:none; }

.precon_wrap{padding-bottom: 100px;}
.precon_img{margin-top: -156px;}
.precon_btn{text-align: center;margin-top: 80px;}
.precon_btn a{font-size: 14px;border: 1px solid #187cca;color: #187cca;padding: 12px 50px 12px 30px;background-image: url(../../kr/images/icon_arrow1.png);background-position: right 25px center;background-repeat: no-repeat;background-color: #FFF;}

@media ( max-width:1280px ){
    .business_caption { padding:10px 40px 10px 20px; }
    .business_caption>h2 { font-size:28px; }
    .business_caption>div { font-size:15px; }
    #div_contactform { padding:0 15px; }
    #ul_sitemap_inner { max-width:1100px; width:auto; }

}
@media ( max-width:1160px ){
    #ul_mainmenu>li>a { padding:0 25px; }
    #ul_mainmenu .ul_submenu li a { font-size:14px; }
    #ul_mainmenu .ul_submenu1 li a { font-size:14px; }

}

@media ( max-width:1050px ){
    .culture1 .t6 p { padding:30px 50px; line-height:1.7; font-size:24px; }
}


@media ( max-width:1000px ){
    .header-inner .lang-mo {
      display: block;
    }

    #contentcontainer { word-wrap:break-word; word-break:keep-all; }
    #div_menucontainer { background:#fff; height:50px; }
    #div_menucontainer h1 { left:30px; top:13px; }
    #div_menucontainer h1 img { height:20px;}
    #a_openmenucontainer img { height:50px; }
    #div_menucontainer_mobile { margin-top:0; width:100%; background:#fff; }
    #ul_mainmenu_mobile { position:fixed;left:0; right:0; top:50px; bottom:45px; overflow:auto; }
    #ul_mainmenu_mobile>li>a { width:100%; display:block; height:55px; line-height:55px;  }
    #ul_mainmenu_mobile>li>a:after { margin-right:20px; }
    .top-lang a { float:left; padding:0 15px; height:50px; line-height:50px; width:auto; }
    .main-scroller { display:none; }
    .ms-bullets.ms-dir-h { bottom:-40px !important; padding-right:0; }
    #div_project { margin-bottom:100px; }
    #div_corevalue { margin-top:140px !important; padding-bottom:100px; }
    #div_newsroom { padding:30px 0 50px; }
    #div_corevalue { background:none;}
    #Corevalue-mobile .li_popup_parent { border-left:0 !important; border-right:0  !important; border-bottom:0; }
    #div_contact { padding:0 10px; }
    .project-slider-box { left:0; width:100%; margin:0; }
    #a_prevproject { left:15px; }
    #a_nextproject { right:15px; }
    .business_caption>h2 { font-size:22px; letter-spacing:-1px; }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:1; }
    .swiper-button-next, .swiper-button-prev { width:22px; height:42px; background:url(../images/icon_next.png) no-repeat 0 0; }
    .swiper-button-next { right:15px; }
    .swiper-button-prev  { transform:rotate(180deg); -webkit-transform:rotate(180deg); left:15px;  }

    /* SubPage */
    .sub-header { height:200px; position:relative; }
    .sub-header h2 {  font-size:15px; line-height:1.5; left:0; right:0; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding-top:40px; text-align:Center; }

    /* 회사소개 */
    #ceo { padding:0 20px; }
    .about2 .col p {  font-size:13px }
    .about2-profile { width:100%  !important; float:none !important; text-align:left !important;  }
    .about2-txt1 { padding:30px 0px !important; }
    .about2-txt1 p { text-align:left !important;; }
    .about2-txt1 .font36 { font-size:24px; }
    .about2-txt1 .font24 { font-size:15px; }
    .about2-txt1 .font24 br { display:none; }
    #ceo { text-align:center; }
    #ceo .pc { display:none; }
    #ceo .mobile { display:block; }
    #ceo .mobile .font20 {  font-size:16px !important;}
    #ceo .mobile br { display:none; }
    #ceo .mobile .btn-box { overflow:hidden; padding-top:20px; }
    #ceo .mobile .btn-box button { float:left; width:49%; font-size:15px; padding-left:0; padding-right:0;  }
    #ceo .mobile .btn-box button:last-child { float:right; }
    #ceo .about2-txt1 { float:none;  width:auto; text-align:center; }
    #ceo .about2-txt1 br { display:none; }
    #ceo .about2-profile { text-align:center !important; }
    #ceo .about2-txt1 br { display:inline; }
    .about2-txt1 p { text-align:center !important; }
    .about2-profile { }
    .board-details .btn-file { width:20px; height:24px; background-size:20px auto; }
    #ceo .mobile .btn-box { max-width:320px; margin:0 auto;  }

    /* 찾아오시는길 */
    .contact-info div { padding-left:120px; }

    /* 홍보관 */
    .list-type4 .article { width:50%; }
    .table-type1 .repoter-box p  { float:left; width:33%; margin:0;  }
    .table-type1 .repoter-box p span { display:block; margin-bottom:4px; }
    .table-type1 .repoter-box p input { width:90%; }

    .about3 .t1 { font-size:30px; }
    .about3 .t2 { font-size:15px; }
    .about3 .t3 { font-size:14px; }
    .about3 .bg-box1 { padding:20px 15px 40px 30px; overflow:hidden; margin-bottom:40px; }
    .about3 .bg-box1 dl + dl { margin-left:0; }
    .about3 .bg-box1 dl { float:left; text-align:left;  }
    .about3 .bg-box1 dl dt { font-size:18px; margin-bottom:0;  }
    .about3 .bg-box1 dl dd { font-size:25px; }
    .about3 .bg-box1 dl:nth-child(1) { margin-bottom:25px; border-left:1px solid #fff; padding-left:20px; }
    .about3 .bg-box1 dl:nth-child(2) { clear:both; margin-right:10px; margin-bottom:25px; border-left:1px solid #fff; padding-left:10px;}
    .about3 .bg-box1 dl:nth-child(3) { clear:both; margin-right:10px;  border-left:1px solid #fff; padding-left:10px;}
    .about3 .img1 { margin-bottom:40px; }
    .about3 .bg-box2 { background:none; padding:20px 0; margin-bottom:40px; }
    .about3 .bg-box2 .t4 { text-align:left; font-size:20px; padding-left:15px; }
    .about3 .t5 { font-size:30px; }
    .about3 .img2 { padding:30px 20px; }
    .about3 .btn-type2 { width:200px; padding:0; font-size:15px; }

    .philso .wrap1  { margin-bottom:0; }
    .philso .wrap1 #ul_corevalue li { margin-top:0 !important; margin-right:0; }
    .philso .wrap1 #ul_corevalue li { left:0 !important;}
    .philso .div_popup_child { width:100%; height:100%; margin:0; }
    .philso .wrap1 	.li_popup_parent { width:33.3333333%; }
    .philso .tit { font-size:20px; margin-bottom:50px; }
    .philso .tit img { width:20px; }
    .philso .tit2 { font-size:24px; padding-bottom:0; margin-bottom:20px }
    .philso .tit2:before { display:none; }
    .philso .t1 { font-size:20px !important; }
    .philso .bg-box1 .t1 { margin-bottom:30px; }
    .philso .bg-box1 { margin-bottom:0px; }
    .philso .wrap1 .t1 { margin-bottom:25px; }
    .philso .wrap1 .desc-tit { display:none; }
    .philso .bg-box2 { padding:40px 20px; }
    .philso .mobile { display:block; }
    .philso .pc { display:none; }
    .philso .bg-box2 .img.mobile img { width:200px; }
    .philso .bg-box2 ul { display:block; padding-top:30px; }
    .philso .bg-box2 .t1 { margin-bottom:30px; }

    .social .pc { display:none; }
    .social .mobile { display:block; }
    .social br.mobile { display:inline; }
    .social .t1 { font-size:17px; margin-bottom:30px; }
    .social .t2 .img { float:none; text-align:center; padding:0; margin:0 0 20px; }
    .social .t2 .img img { width:60px; }
    .social .t2 p { font-size:17px; }
    .social .img1 { margin-bottom:40px; }
    .social .img2.mobile { text-align:center; margin-bottom:40px; }
    .social .img2.mobile img { }
    .social .img2 ul { display:block; text-align:left; padding-top:30px; }
    .social .img2 ul li { text-indent:-12px; padding-left:12px; font-size:17px; color:#004a98; font-weight:600; margin-bottom:5px; }
    .social .img2 ul li span { color:#e4b500; }
    .social .img2 ul li em { font-weight:400; font-style:normal; }
    .social .donghang { background:none; margin-bottom:40px; }
    .social .donghang .inner-box { padding:0; }
    .social .donghang .img4.mobile{ text-align:center; margin-bottom:20px; }
    .social .donghang .img4.mobile img { height:90px; }
    .social .donghang .img3 { float:none; margin-right:0; padding:0 20px; background:#eee; }
    .social .donghang .info { padding:15px 20px; }
    .social .donghang .info .t3 { font-size:20px; }
    .social .donghang .info .t4 { font-size:14px; }
    .social .btn-type2 { width:200px; font-size:15px; padding:0; }

    .culture1 .pc { display:none; }
    .culture1 .mobile{  display:block; }
    .culture1 .t1 { font-size:16px; color:#00478a; font-weight:600; text-align:left; padding:0 20px; margin-bottom:30px; }
    .culture1 .t1 br { display:none; }
    .culture1 .t1 strong { color:#00478a; }
    .culture1 .bg-box1 { background-image:url(../images/about/bg_culture_m.jpg); padding:30px 20px; margin-bottom:40px; }
    .culture1 .bg-box1 .t2 { font-size:35px; }
    .culture1 .bg-box1 .t3 { font-size:14px; }
    .culture1 .bg-box1 .t4 { text-align:left; font-size:16px; margin-bottom:30px; }
    .culture1 .bg-box1 .txt-m { display:block; font-size:16px; line-height:1.4; color:#00478a; text-align:left; padding-top:40px; }
    .culture1 .bg-box1 .txt-m p { margin-bottom:20px; }
    .culture1 .t5 { font-size:30px; }
    .culture1 .t6 { margin-bottom:35px; }
    .culture1 .t6 p { font-size:15px; line-height:1.6; padding:15px; border-radius:15px; border-width:1px; text-align:left; }
    .culture1 .t7 { font-size:16px; }
    .culture1 .box1.mobile { margin-bottom:50px; }
    .culture1 .box1 .img img { width:100%; }
    .culture1 .box1 .txt-box:after { display:block; content:''; clear:both; }
    .culture1 .box1 .txt-box { border-bottom:1px solid #115ba2; margin-bottom:25px; }
    .culture1 .box1 .txt-box div { float:left; width:28%; height:80px; background:#115ba2; text-align:right; padding:20px 7px 0 0; margin-bottom:0; }
    .culture1 .box1 .txt-box div strong { display:block; font-size:18px; color:#fff; line-height:1; }
    .culture1 .box1 .txt-box div span { font-size:15px; color:#9dc0e2; }
    .culture1 .box1 .txt-box p { float:left; width:72%; font-size:16px; color:#00478a; font-weight:600; padding:8px 0 0 18px; }
    .culture1 .box1 .txt-box.type2 { border-bottom:1px solid #00478a; }
    .culture1 .box1 .txt-box.type2 div { float:right; text-align:left; padding-left:7px; background:#00478a;  }
    .culture1 .box1 .txt-box.type2 p { float:left; text-align:right; padding-right:15px; }
    .culture1 .t7 { margin-bottom:30px; text-align:left; }

}









@media ( max-width:800px ){
    .only-pc { display:none; }
    .only-mobile { display:inline; }
    #div_bottom { margin-top:40px; height:auto; padding:20px 15px 70px; text-align:center;  }
    #ul_copyright { display:block; height:auto; font-size:10px;  }
    #ul_copyright>li { display:block; text-align:center; }
    #ul_copyright>li:first-child { padding:0; }
    #div_bottomlinks { text-align:center; font-size:14px; padding-top:15px; }
    #div_address { text-align:center; font-size:13px !important; padding:15px 0 10px; }
    #div_familysite select {background-color:#fff; outline:0; }

    /* 회사소개 */
    .histrow { margin-bottom:20px; height:auto; display:none; }
    .histrow:after { display:block; content:''; clear:both; }
    .histrow .col-xs-2 { padding:0 3px; }
    .histrow .col-xs-2 a { display:block; font-size:12px; letter-spacing:-0.5px;  }
    .histrow .col-xs-2 a.active { color:#ff4e00; border-bottom:2px solid #ffe400; }
    .form-table table th { width:100px; padding-left:0px; font-size:14px;  }


    .form-table  { margin-bottom:30px; }

    /* 찾아오시는길 */
    .contact-info div { padding:20px 10px; }
    .contact-info div .tit { position:static; font-size:20px; margin-bottom:10px; }
    .contact-info div dl dt { font-size:14px; width:auto; float:none; margin-bottom:7px; }
    .contact-info div dl dd { font-size:14px; margin-left:10px; }
    .contact-info div dl dd p {font-size:14px; padding-left:35px; position:relative; }
    .contact-info div dl dd p span { position:absolute;left:0; top:0; }

    .contact-info .train1,
    .contact-info .train2,
    .contact-info .train3 { width:25px; height:25px; line-height:25px; border-radius:100%; font-size:13px;  }

    .white-popup { min-width:inherit !important; }
    #privacy { padding-top:0; }
    .privacy1 { padding:15px; font-size:13px; line-height:1.7; }
    #privacy .bgservice h4 { font-size:14px; }
    #privacy .paper p { font-size:13px; }
    #privacy .bgservice strong { font-size:14px; }
    #privacy .bgservice .disc-list li { font-size:13px; line-height:1.6; }
    .nospam  { padding:30px 15px !important; }
    .nospam p { font-size:13px !important; line-height:1.7 !important; }

    .book-list .section .article { float:none; width:100% !important; padding:0; }
    .book-list .section .article .in-box .img-box img { height:auto; }
    .book-list .section .article .in-box .txt-box { padding-top:20px;  position:relative;}
    .book-list .section .article .in-box .txt-box .t1 { font-size:14px; height:auto; line-height:1.5; overflow:visible; }
    .book-list .section .article .in-box .txt-box .t2 { font-size:12px; padding-top:10px; margin-top:10px; }
    .book-list .section .article .in-box .txt-box .t3 { left:17px; bottom:10px; font-size:12px; }
    .table-type1 table { table-layout:fixed; }
    .table-type1 table tbody th { width:70px !important; font-size:13px; padding-left:5px; padding-right:5px; }
    .table-type1 table tbody td {  font-size:13px; }
    .table-type1 table tbody td.col3 input,
    .table-type1 table tbody td.col3 select { width:26% !important; padding-right:0; vertical-align:middle; }
    .table-type1 table tbody td.col3 #emailDropdown { width:38%; vertical-align:top; }
    .table-type1 table tbody td.col3 #emailDropdown .btn-dropdown { width:100% !important; }
    .check-list2 label { display:block; margin:6px 0; white-space:nowrap;  }
    .replay-write-box { padding-right:90px;  }
    .replay-write-box textarea { height:100px; }
    .replay-write-box button { width:90px; }
    .replay-list-article div.time { font-size:14px; }
    .replay-list-article .subject { font-size:13px; }
    #ceo { padding:0; }
    .about3 .mobile { display:block; }
    .about3 .pc { display:none; }

    .btn-type1,
    .btn-type2 { padding:5px 30px; }

}

@media ( max-width:640px ){
    .precon_btn{margin-top: 50px;}
    .precon_wrap{padding-bottom: 50px;}
    .precon_img{padding: 0 10px;}

    #div_businessslider	.table .cell { vertical-align:top !important; padding-top:30%; }
    .container_title { padding:0 0 15px; }
    #div_businessslider .ms-info { height:160px; padding:0 15px; margin-bottom:5px; }
    #div_businessslider .ms-info a:hover { color:#000; }
    .a_plus { margin-top:15px; }
    #div_businesscaptioncontainer .ms-slide-info.ms-dir-h { min-height:inherit !important; }
    #div_businessslider.pdb100 { padding-bottom:50px; }
    #div_businesscaptioncontainer .ms-info div { padding-top:8px; }
    #div_project .container_title { padding-top:0; }
    #div_project .container_title > div { margin-bottom:15px; }
    .project-slider-box { top:27%; }
    #div_corevalue { margin-top:10px !important; padding-bottom:0; }
    #div_corevalue .container_title { padding-bottom:15px; }
    #div_corevalue .container_title>div { margin-bottom:15px; }
    #ul_corevalue { display:none; }
    #ul_recruit>li>div { padding:0; font-size:15px; line-height:1.6; padding-bottom:25px; }
    #div_newsroom { padding-top:0; padding-bottom:20px; }
    #div_newsroom .container_title { padding:20px 0 10px; }
    #ul_newscontainer { display:block; }
    #ul_newscontainer>li { display:block; padding:0; }
    #ul_newscontainer>li h3 { margin-bottom:15px;}
    .ul_newslist { padding-bottom:25px !important; }
    .ul_newslist>li { padding:0; margin-bottom:17px; position:relative; padding-left:9px; text-indent:0;  }
    .ul_newslist>li a { white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px; }
    .ul_newslist>li:before { position:absolute; left:0; top:2px; }
    .ul_newslist>li span { padding-left:0; }
    #ul_globalcount { position:static; display:block; margin:0; line-height:1 !important; }
    #ul_globalcount>li { width:auto; border:0; padding:0 !important; display:block; }
    #ul_globalcount>li .counter { display:inline-block; vertical-align:baseline; padding:0; width:200px; text-align:left; padding-left:20px; }
    #ul_globalcount>li .global_txt { width:120px; text-align:right; position:relative; padding-right:20px; top:-5px; }
    #ul_globalcount>li .global_txt:before { content:''; position:absolute; right:0; bottom:0; height:20px; width:1px; background:#444; }
    #ul_globalcount>li .mobile{ display:inline-block; vertical-align:baseline;}
    #ul_globalcount>li .pc { display:none; }
    #div_global .container_title>div { margin-bottom:10px; }
    #div_worldmap { margin-top:20px; }
    #div_worldmap .city { display:none; }
    #div_worldmap img { display:none; }
    #div_global .btn-local-view { position:static; padding-bottom:50px; }
    #a_seemorebranch { display:inline-block; background-color:transparent; background-image:url(../images/icon_arrow2_blue.png); border:1px solid #2e8cc9; color:#2e8cc9; font-size:15px; padding:15px 70px 15px 30px;  }
    #div_contactform { padding:0 0px; }
    #div_contactform table tbody th { white-space:nowrap; font-size:13px; }
    input, select, textarea { font-size:13px; }
    .checkbox + em + span { font-size:13px; }
    .main-agree span { display:block; }
    .mobile-ver { display:block; }
    #Corevalue-mobile .div_popup_child { opacity:1; }
    #Corevalue-mobile .li_popup_parent { height:500px; }
    #Corevalue-mobile .li_popup_parent h2 { font-size:45px; margin-bottom:5px; }
    #Corevalue-mobile .li_popup_parent h2:before { content:''; display:block; width:75px; height:75px; border-radius:100%; background-color:#fff; margin:0 auto 13px; background-repeat:no-repeat; background-position:50% 50%; background-size:45px auto; }
    #Corevalue-mobile .li_popup_parent:nth-child(1) h2:before{ background-image:url(../images/icon_honesty.png); }
    #Corevalue-mobile .li_popup_parent:nth-child(2) h2:before{ background-image:url(../images/icon_safety.png); }
    #Corevalue-mobile .li_popup_parent:nth-child(3) h2:before{ background-image:url(../images/icon_customer.png); }
    #Corevalue-mobile .li_popup_parent:nth-child(4) h2:before{ background-image:url(../images/icon_excel.png); }
    #Corevalue-mobile .li_popup_parent:nth-child(5) h2:before{ background-image:url(../images/icon_contribution.png); }
    #Corevalue-mobile .li_popup_parent h2  + div { font-size:20px; }
    #Corevalue-mobile .div_valuedesc { font-size:19px; }
    #Corevalue-mobile .div_popup_bottom { display:none; }
    #div_msinfo .ms-slide-info { min-height:inherit !important; }
    #div_msinfo .ms-slide-info .ms-info { height:190px; padding:15px;  }
    #div_msinfo h2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    #div_msinfo .blackbar { margin: 15px 0; }
    #div_msinfo h4 { margin-left:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    #div_msinfo p { margin-left:0; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .ms-info .btn-view { left:15px; bottom:15px; }
    #div_recruit #a_recruit { padding:15px 70px 15px 40px; font-size:16px; }


    /* 회사소개 */
    .col, .half, .third, .w3-twothird, .threequarter, .quarter { float:none; clear:both; }
    .form-control { font-size:14px; }

    .search3 .sel1 { position:absolute; left:-1px; right:0; top:-47px; width:auto; }
    .search3 .sel2 { width:100px; }
    .content_wrap + .row { margin:0; padding:0; }
    .pagination { padding:0 0px; text-align:center; }

    /* 홍보관 */
    .list-type4 .article { width:100%; }
    .list-type4 .article .a-box img { height:auto; }
    .list-type4 .article .t1 { font-size:14px; padding:18px 0; }
    .board-head-box + .form-group { margin:0 -15px; }

    .foot-sns .pc { display:none; }
    .foot-sns  .mobile{  display:block; }
    .foot-sns  .mobile a { margin:0 12px; }
    .foot-sns  .mobile img { height:34px; }
    .foot-sns.sub-foot { margin-bottom:10px !important;   margin-top:-20px; }

}


@media ( max-width:375px ){
    #div_videowrapper { height:100%; bottom:auto;  }
    #div_topimage { padding-top:20vh; }
    .ms-caption>h1 { letter-spacing:-2px; }
    .ms-caption>div { letter-spacing:-0.5px; word-break: keep-all; word-wrap: break-word;; }
    .container_title h2 { padding-top:30px; }
}




/***********************************************************************************
	MODAL
************************************************************************************/
body.fixed { overflow:hidden; }
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.modal-dialog {position:relative; width:auto;margin:0 auto 20px;  padding:0 30px; }
.modal-content {position:relative; background:#fff; outline:none;  overflow:hidden; padding:30px 25px; border-radius:0; box-shadow:none; }
.modal-header { padding:5px 0; text-align: right; border-bottom: 1px solid #37b5ff; }
.modal-body {  padding:30px 0; font-size:15px; line-height: 1.4; color: #888888;}
.modal-head { position:relative; padding-right:60px; border-bottom:2px solid #151515; }
.modal-head h4 {   font-size:30px; color: #000; font-weight: normal; padding:25px 0 25px;  }
.modal-head .btn-close{ position:absolute; right:0; top:50%; margin-top:-25px; width:50px; height:50px; background:url(../images/ico_close_modal.png) no-repeat 0 0;  text-align:left; text-indent:-9999px;}
.biz-text { font-size:16px; line-height:1.8; color:#666; padding:30px 0 10px; }
.modal-books { padding:35px; }
.modal-books .head-box:after { display:block; content:''; clear:both; }
.modal-books .head-box .img-box { float:left; margin-right:45px; padding-left:25px; }
.modal-books .head-box .img-box img { border:1px solid #ddd; }
.modal-books .head-box .txt-box { overflow:hidden; }
.modal-books .head-box .txt-box .t1 { font-size:30px; color:#333; line-height:40px; height:80px; overflow:hidden; margin:25px 0 0; }
.modal-books .head-box .txt-box .t2 { font-size:20px; line-height:2.1; color:#666; padding-top:30px; margin-top:40px; position:relative; }
.modal-books .head-box .txt-box .t2:before {content:''; position:absolute; left:0; top:0;; width:30px; height:1px; background:#000; }
.modal-books .head-box .txt-box .t3 { font-size:20px; color:#666; padding-top:50px; }

.modal-books .txt-box2 { font-size:16px; line-height:1.9; color:#666; padding-left:25px; }
.modal-books .tit { font-size:20px; color:#333; font-weight:600; margin-bottom:15px; padding-left:25px; }

/* 사업분야 */
.modal.type2 .modal-head { border-bottom:0; height:50px; }
.modal.type2 .modal-head h4 { display:none; }
.modal.type2 .modal-content { padding-top:50px; text-align:center; background:#fff; }
.modal.type2 .modal-head .btn-close { right:25px; }
.modal.type2 .modal-dialog { padding:0 20px; }
.modal.type2 .mobile { display:none; }

.report-list .modal { padding:0 20px; }
.report-list .modal-dialog { background:#fff; padding:0; }
.report-list .modal-content { border:0; }

.menu_br { display:block;}
@media ( max-width:1000px ){
    .modal-books { padding:10px; }
    .modal-books .head-box .img-box,
    .modal-books .txt-box2,
    .modal-books .tit { padding-left:0; }
    .modal-books .head-box .txt-box .t1 { font-size:20px; line-height:30px; height:auto; overflow:visible; margin:15px 0 0 0; }
    .modal-books .head-box .txt-box .t2 { font-size:14px; margin-top:15px; padding-top:15px; }
    .modal-books .head-box .txt-box .t3 { font-size:14px; padding-top:25px; }
    .hr1 { margin:20px 0; }
    .menu_br { display:none; }
}

@media ( max-width:800px ){
    .modal-dialog { padding:0 15px;}
    .modal-content	{ padding:15px; }
    .modal-body { padding-top:15px; }
    .modal-head h4 { padding:10px 0 15px; font-size:18px; letter-spacing:-1px; }
    .modal-head .btn-close { width:30px; height:30px; background-size:30px auto; bottom:15px; }
    .modal-report { padding:0 10px; }
    .modal-report h5 { font-size:13px; width:70px; line-height:19px;  }
    .modal-report .txt { font-size:13px;  line-height:19px; margin-left:80px; }
    .modal-report h6 { font-size:13px; }
    .modal-report .txt-box .txt2 { font-size:13px; }
    .biz-text { font-size:14px; padding:20px 0 5px;}

    .modal.type2 .pc { display:none;}
    .modal.type2 .mobile { display:block; }
    .modal.type2 .modal-content { padding-top:55px; }
    .modal.type2 .modal-head { position:static; }
    .modal.type2 .btn-close { top:45px; }

}

@media ( max-width:640px ){
    .modal-books .head-box .img-box { float:none; margin:0;  }
    .modal-books .head-box .img-box img { width:100%; }
    .modal-books .tit { font-size:16px; margin-bottom:7px; }
    .modal-books .txt-box2 { font-size:13px; }
}

@media ( max-width:420px ){
    .pagination>li>a, .pagination>li>span { width:28px; height:28px; line-height:28px; }
}
@media ( max-width:375px ){
    .biz-text  { font-size:12px; }

}

#wrapper { position:relative; z-index:1001; }
body.fixed #wrapper { position:Static; }


/*********************************************************************************************
				2022.08.25 수정내역
*******************/

.philso .bg-box1  { background: transparent; }
.philso .bg-box1 {
    padding: 75px 20px 65px;
}
.philso .bg-box1 .t1 span.eng {
	font-family: Roboto;
}
.philso .bg-box1 .t1.bold {
    font-weight: 600;
	margin-bottom: 10px;
}
.philso .tit2 {
    padding-bottom: 45px;
    margin-bottom: 65px;
}

h3.priority {
	position: relative;
	font-size: 20px; font-weight: 500; text-align: center;
	width: 10%; padding-bottom: 10px;
	margin: 70px auto 30px;
}
h3.priority:before {
	content: "";
	position: absolute; bottom: 0px; left: 0;
	width: 100%; height: 1px;
	border-bottom: 1px dotted black;
}
.diagram-wrap {
	position: relative;
	background: url('../images/about/new_2022_08/diagram_back.png') no-repeat;
	background-size: 100%;
	width: 715px; height: 715px;
	margin: 25px auto 0;
}
.diagram-wrap .diagr-area-01 {
	position: absolute; top: 110px; left: 150px;
	width: 200px;
	text-align: center;
}
.diagram-wrap .diagr-area-02 {
	position: absolute; top: 95px; left: 415px;
	width: 150px;
	text-align: center;
}
.diagram-wrap .diagr-area-03 {
	position: absolute; top: 270px; left: 45px;
	width: 150px;
	text-align: center;
}
.diagram-wrap .diagr-area-04 {
	position: absolute; top: 318px; left: 290px;
	width: 130px;
	text-align: center;
}
.diagram-wrap .diagr-area-05 {
	position: absolute; top: 300px; right: 67px;
	width: 130px;
	text-align: center;
}
.diagram-wrap .diagr-area-06 {
	position: absolute; bottom: 110px; left: 170px;
	width: 120px;
	text-align: center;
}
.diagram-wrap .diagr-area-07 {
	position: absolute; bottom: 95px; right: 182px;
	width: 130px;
	text-align: center;
}
.diagram-wrap .diagr-area-01 i,
.diagram-wrap .diagr-area-02 i,
.diagram-wrap .diagr-area-03 i,
.diagram-wrap .diagr-area-04 i,
.diagram-wrap .diagr-area-05 i,
.diagram-wrap .diagr-area-06 i,
.diagram-wrap .diagr-area-07 i {
	display: block;
	font-size: 0;
	width: 47px; height: 47px;
	margin: 0 auto 15px;
}
.diagram-wrap .diagr-area-01 i.icon-diagram-01 {
	background: url('../images/about/new_2022_08/icon-diagr-01.png') no-repeat;
	background-size: 100%;
}
.diagram-wrap .diagr-area-02 i.icon-diagram-02 {
	background: url('../images/about/new_2022_08/icon-diagr-02.png') no-repeat;
	background-size: 100%;
}
.diagram-wrap .diagr-area-03 i.icon-diagram-03 {
	background: url('../images/about/new_2022_08/icon-diagr-06.png') no-repeat;
	background-size: 100%;
}
.diagram-wrap .diagr-area-05 i.icon-diagram-05 {
	background: url('../images/about/new_2022_08/icon-diagr-03.png') no-repeat;
	background-size: 100%;
}
.diagram-wrap .diagr-area-06 i.icon-diagram-06 {
	background: url('../images/about/new_2022_08/icon-diagr-05.png') no-repeat;
	background-size: 100%;
}
.diagram-wrap .diagr-area-07 i.icon-diagram-07 {
	background: url('../images/about/new_2022_08/icon-diagr-04.png') no-repeat;
	background-size: 100%;
}
.diagram-wrap .diagr-area-01 span,
.diagram-wrap .diagr-area-02 span,
.diagram-wrap .diagr-area-03 span,
.diagram-wrap .diagr-area-04 span,
.diagram-wrap .diagr-area-05 span,
.diagram-wrap .diagr-area-06 span,
.diagram-wrap .diagr-area-07 span {
	display: block;
	text-align: center;
	font-size: 20px; font-weight: 400;
}
.diagram-wrap .diagr-area-04 span {
	color: white;
}


@media ( max-width:1000px ){
	/************************************ 1000 미만 */
	.philso .bg-box1 {
		padding: 20px 5% 70px;
	}
	.philso .bg-box1 .t1 {
		text-align: left;
	}
	.philso .tit2 {
		padding-bottom: 0px;
		margin-bottom: 50px;
	}
	h3.priority {
		width: 180px;
		padding-bottom: 10px;
		margin: 50px auto 30px;
	}
	.diagram-wrap {
		background: #cfddea;
		width: 100%;
		height: 835px;
		padding: 20px;
		margin: 25px auto 0;
	}
	.diagram-wrap .diagr-area-01 {
		background-color: #fff;
		position: relative; top: 0; left: 0;
		width: 100%; height: 120px;
		text-align: left;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, .2);
	}
	.diagram-wrap .diagr-area-04 {
		display: none;
	}
	.diagram-wrap .diagr-area-02,
	.diagram-wrap .diagr-area-03,
	.diagram-wrap .diagr-area-05,
	.diagram-wrap .diagr-area-06,
	.diagram-wrap .diagr-area-07 {
		background-color: #fff;
		position: relative; top: 0; left: 0;
		width: 100%; height: 120px;
		text-align: left;
		margin-top: 5%;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, .2);
	}
	.diagram-wrap .diagr-area-01 i.icon-diagram-01,
	.diagram-wrap .diagr-area-05 i.icon-diagram-05,
	.diagram-wrap .diagr-area-06 i.icon-diagram-06 {
		position: absolute; top: 20px; right: 5%;
		width: 77px; height: 77px;
	}

	.diagram-wrap .diagr-area-01 span,
	.diagram-wrap .diagr-area-05 span,
	.diagram-wrap .diagr-area-06 span {
		position: absolute; bottom: 20px; left: 5%;
	    text-align: left;
		font-size: 18px;
		width: 50%;
	}
	.diagram-wrap .diagr-area-02 i.icon-diagram-02,
	.diagram-wrap .diagr-area-03 i.icon-diagram-03,
	.diagram-wrap .diagr-area-07 i.icon-diagram-07 {
		position: absolute; top: 20px; left: 5%;
		width: 77px; height: 77px;
	}
	.diagram-wrap .diagr-area-02 span,
	.diagram-wrap .diagr-area-03 span,
	.diagram-wrap .diagr-area-07 span {
		position: absolute; bottom: 20px; right: 5%;
	    text-align: left;
		font-size: 18px;
		width: 50%;
	}

}
@media ( max-width:800px ){
	/************************************ 1000 미만 */
	.diagram-wrap {
		height: 925px;
	}
}

@media ( max-width:640px ){
	/************************************ 1000 미만 */
	.diagram-wrap {
		height: 885px;
	}
}
@media ( max-width:500px ){
	/************************************ 1000 미만 */
	.diagram-wrap {
		height: 840px;
	}
}


.mobile {
    display: none;
}
@media (max-width: 1000px) {
    .desk {
        display: none;
    }
    .mobile {
        display: block;
    }
}



/************************************ 20241202 추가 */
.mT-28 {
	margin-top: 28px;
}
.mL-m28 {
	margin-left: -28px;
}
.df-ja-cn {
	display: flex; justify-content: center; align-items: center;
}
.w-1140 {
	width: 1140px;
}

/*********************************************************************************** 2025.09.23 수정사항 */
.w50p {
	width: 50%;
}
.w-100p {
	width: 100%;
}
.m-wh-30 {
	margin: 30px;
}
.m-t-0 {
	margin-top: 0px;
}
.m-t-16 {
	margin-top: 16px;
}
.m-t-20 {
	margin-top: 20px;
}
.m-t-30 {
	margin-top: 30px;
}
.m-t-120 {
	margin-top: 120px;
}
.m-b-120 {
	margin-bottom: 120px;
}
.pt-24 {
	padding-top: 24px;
}
.fonts-sky {
	color: #3A96DC !important;
}
.fonts-sky2 {
	color: #0068B7 !important;
}
.font-w-700 {
	font-weight: 700 !important;
}
.just-cont-start {
	justify-content: flex-start !important;
}
.line-height-19 {
	line-height: 1.9;
}
.align-item-center {
	align-items: center !important;
}
.font-f-notoSC {
	font-family: "Noto Sans SC", sans-serif !important;
}

.inner-box.w-1200 {
	width: 1200px;
	margin: 0 auto;
}

.group-25 {
	display: flex;
	flex-direction: column; justify-content: space-between; align-items: flex-start;
	width: 100%;
	padding-top: 80px;
}
.group-25 .inner {
	display: flex; 
	flex-direction: column;
	align-items: flex-start; align-self: stretch;
	width: 100%;
}
.group-25 .inner .row-box-25 {
	display: flex;
	width: 100%;
	gap: 50px;
}
.group-25 .inner h1 {
	display: flex;
    justify-content: center;
    width: 100%;
}
.card-box-25-1 {
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 18px 0 rgba(0, 0, 0, 0.08);
} 
.card-box-25-1.w50p {
	width: calc(50% - 25px);
}
.card-box-25-1 .inn {
	height: calc(100% - 60px);
}
.row-25 {
	display: flex;
	flex-direction: row; justify-content: center; align-items: center;
}
.col-25.logo-box {
	width: calc(100% - 218px);
}

.profile-box {
	display: flex;
	justify-content: center; align-items: center;
	width: 218px; height: 218px;
	overflow: hidden;
}
.profile-box > img {
	width: 100%; height: 100%;
}

.details-box-25 {
	display: flex;
	flex-direction: column; align-items: flex-start;
	width: 100%; height: calc(100% - 188px);
	padding: 24px;
	border-radius: 8px; 
	background: #F6F6F6;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 18px 0 rgba(0, 0, 0, 0.08);
}
.details-box-25 .row-25 {
	display: flex;
	align-items: flex-start;
	padding: 8px 0;
}
.details-box-25 .row-25.p-h-4 {
	padding: 4px 0;
}
.details-box-25 .row-25 .subject {
	position: relative;
	display: flex;
	flex-direction: row; justify-content: flex-start; align-items: center;
	width: 100px;
	font-size: 17px;
	color: #252525;
	gap: 4px;
}
.details-box-25 .row-25 .subject::before {
	content: "";
	display: block;
	width: 3px; height: 3px;
	background-color: #252525;
}
.details-box-25 .row-25 .details {
	font-size: 17px; font-weight: 400; line-height: 19px;
	color: #000;
	width: calc(100% - 100px);
}
.details-box-25 .row-25 .details > span {
	display: block;
}

.sub-title-25 {
	display: flex;
    justify-content: center; align-items: center;
	color: #0068B7; 
	font-size: 32px; font-weight: 800; 
	line-height: 32px;
	margin-top: 80px;
}
.council-group-25 {
	display: flex;
	flex-direction: column; justify-content: space-between; align-items: flex-start;
	width: 1200px;
	padding: 140px 0 80px;
}
.council-group-25 .inner {
	display: flex; 
	flex-direction: column;
	align-items: flex-start; align-self: stretch;
	/* width: calc(100% - 100px); */
	width: 100%;
}
.council-group-25 .inner .council-row {
	display: flex;
	align-items: flex-start;
	padding-bottom: 30px;
	gap: 25px;
}
.subject-col {
	display: flex;
	align-items: center;
	width: 203px;
	padding: 9px 0;
	border-top: 1px solid #0068B7;
}
.subject-col span {
	color: #000; font-size: 30px; font-weight: 800;
	line-height: 1.7; letter-spacing: -0.75px;
}
.row-box-column {
	display: flex;
	flex-direction: column; align-items: flex-start;
	gap: 30px;
	width: calc(100% - 228px);
}
.row-box-row {
	display: flex;
	flex-direction: row; flex-wrap: wrap;
	justify-content: flex-start; align-items: flex-start;
	gap: 30px;
	width: calc(100% - 228px);
}
.card-box-25-2 {
	display: flex;
	flex-direction: column; align-items: flex-start;
	width: 100%;
	padding: 34px 42px;
	background: #FFF;
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.18);
}
.card-box-25-2 .subject-1 {
	display: flex;
	flex-direction: column; align-items: flex-start;
	padding-bottom: 34px;
}
.card-box-25-2 .subject-1 b {
	color: #000;
	font-size: 28px; font-weight: 800;
	line-height: 1.7; letter-spacing: -0.7px;
}
.card-box-25-2 .subject-1 span {
	color: #108FE0;
	font-size: 18px; font-weight: 700;
	letter-spacing: -0.45px;
}
.mb-subject {
	display: none;
}
.card-box-25-2 .details-row {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 6px 0;
	width: 100%;
}
.card-box-25-2 .details-row .ttl {
	color: #000;
	font-size: 18px; font-weight: 500;
	line-height: 1.7; letter-spacing: -0.45px;
	width: 110px;
}
.card-box-25-2 .details-row .details-col {
	color: #777;
	font-size: 17px; font-weight: 400;
	line-height: 1.7; letter-spacing: -0.425px;
	width: calc(100% - 126px);
}
.card-box-25-2.w50p {
	width: calc(50% - 15px);
}

@media screen and (max-width : 1149px) {
    .m-wh-30 {
        margin: 24px !important;
    }
	.m-t-120 {
		margin-top: 100px !important;
	}
	.inner-box.w-1200 {
		width: 100%; max-width: 100%;
		margin: 0 auto;
	}
    .group-25 {
        width: 100%;
    }
	.group-25.mb {
		padding-top: 0;
	}
    .group-25 .inner {
       /*  margin: 0 16px;
        width: calc(100% - 16px - 16px); */
    }
	.group-25 .inner .sb {
		margin-bottom: 0px;
	}
	.group-25 .inner .sb .section-break-1 {
		margin: 0 auto;
	}
    .group-25 .inner .row-box-25 {
        flex-direction: column; align-items: center;
        /* width: calc(100% - 24px - 24px); */
    }
    .card-box-25-1.w50p {
        width: 100%;
    }
    .card-box-25-1.w50p .inn .row-25 {
        flex-direction: column;
        gap: 24px;
    }
    .col-25.logo-box {
        display: flex;
        justify-content: center; align-items: center;
        width: 100%; height: 80px;
    }
    .col-25.logo-box > img {
        width: auto; height: 75px;
    }
    .col-25.logo-box > img.h-70 {
        height: 70px;
	}
    .col-25.logo-box > img.h-65 {
        height: 65px;
	}
    .col-25.logo-box > img.h-48 {
        height: 48px;
	}
    .col-25.logo-box > img.h-40 {
        height: 40px;
	}
    .col-25.logo-box > img.h-38 {
        height: 38px;
	}
    .col-25.logo-box > img.h-35 {
        height: 35px;
	}
	.profile-box.mo-no {
		display: none;
	}
	.p-b-24 {
		padding-bottom: 24px;
	}
    .details-box-25 {
        padding: 24px 14px;
    }
    .group-25 .inner .row-box-25 .details-box-25 .row-25 {
        display: flex;
        flex-direction: row; justify-content: flex-start; align-items: flex-start;
        width: 100%;
        gap: 0px;
    }
    .details-box-25 .row-25 .subject {
        font-size: 14px;
        width: 70px;
    }
    .details-box-25 .row-25 .details {
        font-size: 14px;
        width: calc(100% - 70px);
    }
    .details-box-25 .row-25 .details a {
        word-break: break-word;
        width: 100%;
    }
	.details-box-25 .row-25 .details.w-100p {
        width: 100% !important;
	}
	
	
	.sub-title-25 {
		font-size: 34px; line-height: 32px;
		margin-top: 50px;
	}
    .council-group-25 {
        width: 100%;
    }
    .council-group-25 .inner {
		width: 100%;
        /* margin: 0 16px;
        width: calc(100% - 16px - 16px); */
    }
	.council-group-25 .inner .council-row {
		width: 100%;
	}
    .council-group-25 .inner .council-row .subject-col {
        display: none;
    }
    .row-box-column {
        width: 100%;
    }
    .card-box-25-2 {
        padding: 24px;
    }
    .card-box-25-2 .subject-1 span {
        font-size: 14px;
    }
    .card-box-25-2 .details-row .ttl {
        font-size: 14px;
    }
    .card-box-25-2 .details-row .details-col {
        font-size: 14px;
    }
    .card-box-25-2 .details-row .details-col > span {
	    display: inline-block;
	}
    .row-box-row {
        display: flex;
        flex-direction: column; align-items: flex-start;
		gap: 30px;
        width: 100%;
    }
    .card-box-25-2.w50p {
        width: calc(100% - 0px) ;
    }
    .card-box-25-2 .subject-1 {
        display: none;
    }
    .card-box-25-2 .mb-subject {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 7px;
    }
    .card-box-25-2 .mb-subject b {
        color: #000;
        font-size: 28px;
        font-weight: 800;
        line-height: 1.6;
        letter-spacing: -0.7px;
    }
    .card-box-25-2 .mb-subject span {
        color: #108FE0;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -0.45px;
    }
	.card-box-25-2 .mb-subject b > span {
        color: #777; font-size: 14px; font-weight: 400; 
		line-height: 170%; letter-spacing: -0.35px;
		padding-left: 8px;
	}
}