@import url('subContent.css');
@import url('sub.css');
@import url('board.css');
@media screen and (max-width: 1020px){
  .headerArea,.boxWrap,footer .clearfix,.slides_container {
    width:100%;
  }
  .stitArea {
    border-bottom:2px solid #c5c5c5;
  }
  .boxSolution1 .imgCon.fl,.ieSec .imgCon {
    display:block;
    background:none;
    float:none;
    margin:5px 0;
    font:bold sans-serif;;
  }
  .boxSolution1 .imgCon.fl {
    padding:5px;
  }
  .ieSec .imgCon {
    padding:8px;
  }
  .boxSolution1 .imgCon *,.ieSec .imgCon *,.boxSolution2 h2.imgGoal1,.boxSolution2 {
    background:none;
    line-height:1.4em;
    text-indent:0;
    padding:0;
    color:#666;
    width:100%;
    overflow:visible;
    display:inline;
  }
  .ulSpace1,.ulSpace1_1 {
    padding:10px 5px
  }
  .dlBu1 {
    padding:7px 10px;
  }
  .gal2ea li {
    width:100%;
  }
  .ulGal1 img {
    width:100%;
  }
  .boxSolution2 ul {
    float:none;
    padding:5px 0 5px 10px;
    clear:both;
  }
  .boxItemBusi1 {
    display:inline;
    background:none;
    padding:0;
  }
  .boxIntro {
    background:none;
    padding:10px;
  }
  .ulBu2 li {
    color:#666;
    font:normal 1em sans-serif;
    background:url('/kjit/img/common/icon1.gif') no-repeat 2px 9px;
    padding:2px 0 2px 13px;
  }
  .ulClient {
    padding-left:15px;
  }
  .ulClient li a {
    margin:5px 2px;
  }
  .clearfix h2.imgCon span {
    background:url('/kjit/img/common/icon7.gif') no-repeat 2px 5px;
    padding:2px 0 2px 15px;
    font:bold 0.9em µ¸¿ò,dotum,±¼¸²,gulim,san-serif;
    color:#333;
  }
  footer address {
    float:none;
    width:95%;
    margin:0 auto;
  }
/*´ëÇо˸®¹Ì ½ÃÀÛ*/
  .gSum3,.gSum1,.gSum5,.gSum6,.moView1,.gSum2,.gSum7,.gSum3T,.gSum7T {
    display:none;
  }
/*´ëÇо˸®¹Ì ³¡*/
}
@media screen and (max-width: 1020px) and (min-width: 640px){
  .visual img,.subVisual img {
    width:99%;
  }
  .headerArea h1 {
    width:27%;
  }
  .headerArea h1 img {
    width:100%;
    max-width:232px;
  }
  #gnb li a span {
    width:100%;
  }
  #gnb li {
    width:90px;
    float:left;
    margin:5px 0;
  }
  #gnb_menu_inner {
    width:100%;
  }
  #gnb_menu_inner ul {
    width:90px;
  }
  .snbArea {
    position:absolute;
    left:10px;
  }
  .sub_container {
    position:relative;
    padding:10px 10px 10px 210px;
  }
  .mainArea {
    float:none;
    width:100%;
  }
  .boxSolution1 {
    padding:5px 0;
  }
  .imgQr,.boxSolution1 p.fl,.boxSolution1 dl {
    display:none;
  }
  .sub_container1 {
    padding:10px;
  }
  .botSite {
    width:86px;
  }
}
@media screen and (max-width: 640px) {
  .boxWrap {
    padding-top:40px;
  }
  #gnb_menu,.subVisual,.boxSolution1 p.fl,.boxSolution1 dl,footer h2,.botSite li.imgQr, div.Bslied{
    display:none;
  }
  .snbArea,.mainArea {
    float:none;
    width:100%;
  }
  .stitArea h1 span {
    float:none;
  }
  .stitArea p {
    float:none;
    position:absolute;
    top:13px;
    left:0;
    background-color:#333;
    color:#fff;
    width:100%;
    padding:5px 10px;
    text-align:left;
  }
  .stitArea p a {
    color:#fff;
  }
  .stitArea p a span {
    background-position: -193px -248px;
  }
  .snbArea,.snbArea ul,.snbArea li.snbOn a,.snbArea li li a, .snbArea li a:hover li a, .snbArea li.snbOn li a,.snbArea ul ul,.snbArea li a:hover {
    background:none;
  }
  .snbArea h1 span {
    width:150px;
  }
  .snbArea li.snbOn a,.snbArea li a:hover li a,.snbArea li li a:hover {
    background-color:#666;
  }
  .snbArea li a:hover {
    background-color:#999;
  }
  .snbArea li.snbOn li a:hover {
    background-color:#acacac;
    color:#fff;
  }
  .mainArea1 {
    margin:0;
  }
  .stitArea1 {
    display:block;
  }
  .snbArea ul {
    padding-bottom:5px;
  }
  .snbArea li.snbOn ul {
    background-color:#f0f0f0;
  }
  .snbArea li a {
    border-bottom:1px solid #eee;
  }
  .boxSolution1 {
    padding:5px 0;
  }
  #contentArea section {
    margin:3px 0;
  }
  .botSite {
    float:none;
    margin-left:10px;
  }
  footer address {
    clear:both;
    padding-top:10px;
  }
}
@media screen and (max-width: 480px) {
  .ulClient li a {
    width:47%;
  }
}