.content_tit { text-align: center }
.content_tit h3 { font-size: 2.643em; font-weight: 900; text-align: center; line-height: 2.3em; width: 100%}
.content_tit p { font-size: 1.5em;; font-weight: 800; color: rgba(99,99,99,1.00); width: 100%; height: 50px }
.content_tit .line {height: 3px; width: 80px; background-color:#3053c1; display: block; margin: 20px auto 35px} 


.sub_visual .aboutus { background: url("../images_2020/sub/04.jpg") center no-repeat ;  background-size: cover; }
.sub_visual .services { background: url("../images_2020/sub/09.jpg") center no-repeat; background-size: cover; }
.sub_visual .solution { background: url("../images_2020/sub/08.jpg") center no-repeat; background-size: cover; }
.sub_visual .recruit { background: url("../images_2020/sub/16.jpg") center no-repeat; background-size: cover; }
.sub_visual .contacts { background: url("../images_2020/sub/18.jpg") center no-repeat; background-size: cover; }


.sub_visual .recruit01 { background: url("../images_2020/sub/solution_visual_0.jpg") center no-repeat; background-size: cover;  }
.sub_visual .aboutus_0 { background: url("../images_2020/sub/aboutus_visual_0.jpg") center 0px no-repeat ; background-size: cover; }


.sub_visual .a01 { background: url("../images_2020/sub/01.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a02 { background: url("../images_2020/sub/02.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a03 { background: url("../images_2020/sub/03.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a04 { background: url("../images_2020/sub/04.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a05 { background: url("../images_2020/sub/05.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a06 { background: url("../images_2020/sub/06.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a07 { background: url("../images_2020/sub/07.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a08 { background: url("../images_2020/sub/08.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a09 { background: url("../images_2020/sub/09.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a10 { background: url("../images_2020/sub/10.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a11 { background: url("../images_2020/sub/11.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a12 { background: url("../images_2020/sub/12.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a13 { background: url("../images_2020/sub/13.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a14 { background: url("../images_2020/sub/14.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a15 { background: url("../images_2020/sub/15.jpg") center no-repeat; background-size: 100% }
.sub_visual .a16 { background: url("../images_2020/sub/16.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a17 { background: url("../images_2020/sub/17.jpg") center 0px no-repeat; background-size: cover; }
.sub_visual .a18 { background: url("../images_2020/sub/18.jpg") center 0px no-repeat; background-size: cover; }

.sub_visual {  background-color: rgba(0,0,0,1.00) }




.sub_visual  { left: 0; top: 0; width: 100%; height: 350px;  z-index: 0; }
.sub_visual .area_inner p.title { display: block; position: relative; top: 190px;  text-align: center;  padding: 0; font-size: 50px; font-weight: 900; color: #fff; opacity: 1; letter-spacing: 4px; }
.sub_visual .area_inner p.title strong { display: block; font-family: "Lato"; font-size: 17px; line-height: 35px; letter-spacing: 15px; font-weight: 400; }
.sub_visual .sub_visual_bg {  }

.area_inner { 
  position: relative; height: 350px;  width: 100%; 
/*  animation-name: bg_ani;
  animation-duration: 2s;
  animation-iteration-count:1;*/ }

/*@keyframes bg_ani {
  0%    { background-size: 105% }
  100%  { background-size: 100% }
}*/


/* 00tab */
.tab_st01 { text-align: center; padding: 0px 0 50px;   background: url("../images_2020/common/tab_bg_line.gif ") 0px 0px repeat-x ;}
.tab_st01 .inner1 { display: inline-block; *display: inline; zoom: 1; transform: translate(-50%,0);  margin: 0 auto}
.tab_st01 .inner1 li { float: left; margin-left: -1px; z-index: 1; position: relative; left: 50%; padding: 0 25px; }
.tab_st01 .inner1 li:last-child { background-image: none; }
.tab_st01 .inner1 li a { position: relative; display: block; line-height: 32px; font-size: 18px; font-weight: 400; }
.tab_st01 .inner1 li a span { transition: all 0.4s; width: 0; left: 50%; transform: translate(-50%,0); }
.tab_st01 .inner1 li a.on { color: #005bac; }
.tab_st01 .inner1 li a.on span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }

/* 02tab  작은 탭  
20200422 추가 */
.tab_st02 { text-align: center; margin-top: 30px }
.tab_st02 .inner1 { display: inline-block; *display: inline; zoom: 1; transform: translate(-50%,0); }
.tab_st02 .inner1 li { float: left; margin-left: -1px; z-index: 1; position: relative; left: 50%;padding: 0 25px; }
.tab_st02 .inner1 li:last-child { background-image: none; }
.tab_st02 .inner1 li a { position: relative; display: block; line-height: 32px; font-size: 15px; font-weight: 400; }
.tab_st02 .inner1 li a span { transition: all 0.4s; width: 0; left: 50%; transform: translate(-50%,0); }
.tab_st02 .inner1 li a.on { color: #005bac; font-weight: 600 }
.tab_st02 .inner1 li a.on span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }

.uipath img {width: 70%!important}


/*회사소개 */
.company .box1  {
   
}

.company .box1 h5 {
    font-size: 29px!important; color: #171717!important; text-align: center;  padding-top: 65px; font-weight: 900!important
}

.company .box1 p {
    font-size: 1em; padding-top:30px; line-height: 1.8em
}

.company .box2  {
    padding: 80px 0 0 0; display: block;  min-height: 300px
}

.company .box2 {
    position: relative;
    margin: 0 auto; 
}

.company .box2 .se_left {
    float: left;
    width: 40%;
    word-wrap: break-word;
    margin-left: 0px; 
}

.company .box2 .se_left h4 {
    font-size: 2.3em!important;
    line-height: 1.2;
    margin-bottom: 62px;
    font-weight: 900!important; 
    padding-left: 10px; color: #171717!important    
}

.company .box2 .se_right  {
    position: absolute; 
    left: 40%;
    height:auto;
}

.company .box2 .se_rigth p {
    line-height: 1.625;
    margin-bottom: 54px;
}

.company .box2  table {
    line-height: 1.125em;
    margin-top: -16px;
    margin-bottom: 86px;
    font-size: 16px;
    
}
.company .box2 table {
    line-height: 1.125em;
    margin-top: -16px;
    margin-bottom: 86px;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.company .box2 table th {
    vertical-align: top;
    width: 200px;
    text-align: left;
    font-size: 1.0625em;
    padding: 10px 0;
}
.company .box2 table td {
    font-size: .9375em;
    padding: 10px 0;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    border-spacing: 2px;
    border-color: grey;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.company .box3 h4 { font-size: 2.3em!important;  line-height: 1.2;     margin-bottom: 25px;     font-weight: 900!important;      padding-left: 10px;  padding-top: 30px; color: #171717!important}
.company .box3 .map_info { width:100%; margin:30px auto 20px; border-top:2px solid #27292a; }
.company .box3 .map_info li { border-bottom:1px solid #e4e7ea; padding:15px 0; width: 100%!important }
.company .box3 .map_info li dl.map_table { overflow:hidden; }
.company .box3 .map_info li dl.map_table dt { float:left; font-size:16px; line-height:22px; color:#27292a; font-weight:bold; padding-left:20px; width:12%; }
.company .box3 .map_info li dl.map_table dd { float:left; line-height:22px; vertical-align:middle; }
.company .box3 .map_info li dl.map_table dd>span:first-child { display:inline-block; margin-right:15px; }
.company .box3 .map_info li dl.map_table dd>p>strong { color:#27292a; }
.company .box3 .company_map { margin:0 auto; width:1200px; height:350px;  }
.company .box3 .company_map #map { display: block  }
.company .box3 .company_map #map_img {  display: none}



.history_area .history {overflow: hidden;}



/*ai_algorithm 신용카드 */
.ai_algorithm .con1 h5 {font-size: 1.375em!important; color: #171717!important; text-align: center;  padding-top: 65px; line-height:1.8em}
.ai_algorithm .con1 h5 span {    color: #3c57e1!important; }
.ai_algorithm .con1 p {    font-size: 1em; padding-top:30px; line-height: 1.8em; }
.ai_algorithm .con1 img {  padding-top:50px;   width: 100%}
.ai_algorithm .con2 {    position: relative;    display: block; width: 100%; padding: 80px 0 0 0; height: 130px}
.ai_algorithm .con2 .se_left {    float: left;    width: 40%;    word-wrap: break-word;    margin-left: 0px;  letter-spacing: -0.06em}
.ai_algorithm .con2 .se_left h4 {    font-size: 1.375em!important;    line-height: 1.8em;    margin-bottom: 62px;    font-weight: 700;     padding-left: 10px; color: #171717!important    }
.ai_algorithm .con2 .se_right  {    position: absolute;     left: 41%;    height:auto;    line-height: 2em;}
.ai_algorithm .con2 .se_rigth p {    line-height: 2em;    margin-bottom: 54px;}
.ai_algorithm #animation_container_m {display: none;}

/*ai_algorithm_02 콘크리트 */
.ai_algorithm_02 p {line-height: 1.8em}
.ai_algorithm_02 img {padding-top:0px;  width: 100%}

.ai_algorithm_02 .con1 h5 {font-size: 1.375em!important; color: #171717!important; text-align: center;  padding-top: 65px; line-height:1.8em}
.ai_algorithm_02 .con1 h5 span {    color: #3c57e1!important; }
.ai_algorithm_02 .con1 p {font-size: 1em; padding-top:30px; line-height: 1.8em; }
.ai_algorithm_02 .con1 img {padding-top:50px;  width: 100%}

.ai_algorithm_02 .con2 {position: relative;    display: block; width: 100%; padding: 80px 0 0 0; height: 200px}
.ai_algorithm_02 .con2 .se_left {    float: left;    width: 40%;    word-wrap: break-word;    margin-left: 0px;  letter-spacing: -0.06em}
.ai_algorithm_02 .con2 .se_left h6 { font-size: 1.375em!important;    line-height: 1.8em;    margin-bottom: 62px;    font-weight: 700;     padding-left: 10px; color: #171717!important    }
.ai_algorithm_02 .con2 .se_right  {    position: absolute;     left: 47%;    height:auto;    line-height: 2em;}

.ai_algorithm_02 .con2 p {padding-bottom: 15px}
.ai_algorithm_02 .con2 p span, .ai_algorithm_02 .con4 p span {    display: inline-block;    background: url(../images_2020/common/txt_blt.gif) left 2px no-repeat;    width: 15px;    height: 10px;    margin-left: -15px; }


.ai_algorithm_02 .con3 {position: relative;    display: block; width: 100%; padding: 60px 0 0 0; }
.ai_algorithm_02 .con3 h6 { font-size: 1.375em!important;    line-height: 1.8em;    margin-bottom: 62px;    font-weight: 700;     padding-left: 10px; color: #171717!important    }

.ai_algorithm_02 .con4 {position: relative;    display: block; width: 100%; padding: 60px 0 0 0; }
.ai_algorithm_02 .con4 h6 { font-size: 1.375em!important;    line-height: 1.8em;    margin-bottom: 62px;    font-weight: 700;     padding-left: 10px; color: #171717!important    }



.ai_algorithm_02 .con4 table {
    line-height: 1.125em;
    margin-top: 15px;
    margin-bottom: 86px;
    border-top: #0047e9  2px solid;}

.ai_algorithm_02 .con4 tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    
}
.ai_algorithm_02 .con4 table th {
    text-align: center;
    font-size: 1.0625em;
    padding: 10px 0;
    border-bottom: #d6d6d6 1px solid
    
}
.ai_algorithm_02 .con4 table th:first-child {
    width: 180px!important;
    text-align: center;
    font-size: 1.0625em;
    padding: 10px 0;
    border-bottom: #d6d6d6 1px solid; background-color: #f7f7f7
}
.ai_algorithm_02 .con4 table td {
    font-size: .9375em;
    padding: 20px 10px 5px 40px;
    vertical-align: top;
    border-bottom: #d6d6d6 1px solid;   word-break: keep-all;
}
 
.ai_algorithm_02 .con4 thead { text-align: center; padding: 15px 0; background-color: #f7f7f7; }
.ai_algorithm_02 .con4 p {padding-bottom: 10px}
.portfolio_box .portfolio_assignment_m {display: none;}



/*인사시스템*/
.personalsystem .con01 { width: 100% ; position: relative; margin: 0 auto}
.personalsystem .con01 h5{
     font-size: 1.875em!important; color: #2d2d2d!important; text-align: center;  padding: 60px 0 30px;  
}
.personalsystem .con01 span {
     font-size: 2.5em; color: #1c3bda; width: 100% ;  text-align: center; line-height: 1.3em; display: block; font-weight: 100!important
}
.personalsystem .con01 p {
     font-size: 1.063em; color: #5d5d5d; text-align: center; display: block; line-height:2em;  padding: 10px 0
}
.personalsystem .con01 .img {
       padding: 35px 8%
}
.personalsystem .con01 .img p {
       font-size: 1.125em; color: #1c3bda; text-align: center; 
}
.personalsystem .con01 .img ul li {
    display: inline-block; text-align: center; width: 48%  
}
.personalsystem .con01 .img ul li span {
    font-size: 1.063em; color: #5d5d5d; text-align: center; font-weight: 800!important; padding: 10px 0    
}


.personalsystem .con02 { width: 100% ; position: relative; margin: 30px auto 0; background: #e9e9e9; padding-bottom: 20px}
.personalsystem .con02 h5{
     font-size: 1.875em!important; color: #2d2d2d!important; text-align: center;  padding: 60px 0 30px;  
}
.personalsystem .con02  span {
     font-size: 2.5em; color: #1c3bda; width: 100% ;  text-align: center; line-height: 1.3em; display: block; font-weight: 100!important
}
.personalsystem .con02 ul {
   text-align: center; margin: 30px 3%;
}
.personalsystem .con02 ul li {
    display: inline-block; text-align: center; width:30%; margin: 0.8%; padding: 25px 20px; background-color: rgba(255,255,255,1.00)    
}
.personalsystem .con02 ul li span {
    font-size: 1.063em; color: #5d5d5d; text-align: center; font-weight: 800!important;  
}

.personalsystem .con02 h6 {font-size: 1.125em!important; font-weight: 800 }
.personalsystem .con02 h6 span { height: 3px; width: 21px; text-align: center; background-color:#1c3bda; margin: 15px auto}
.personalsystem .con02 p { font-size:0.938em; letter-spacing: -0.03em!important; line-height: 1.5em}



.personalsystem .con03 { width: 100% ; position: relative; margin: 30px auto 0 ;}
.personalsystem .con03 h5{
     font-size: 1.875em!important; color: #2d2d2d!important; text-align: center;  padding: 60px 0 30px;  
}
.personalsystem .con03  span {
     font-size: 2.5em; color: #1c3bda; width: 100% ;  text-align: center; line-height: 1.3em; display: block; font-weight: 100!important
}
.personalsystem .con03 ul {
   text-align: center; margin: 30px 3%; 
}
.personalsystem .con03 ul li {
    display: inline-block; text-align: center; width:23%; margin: 0.8%; padding: 25px 20px; background-color: #e9e9e9; height: 150px; top:0  
}.personalsystem .con03 ul li:first-child h6 {
    line-height: 2em 
}
.personalsystem .con03 ul li span {
    font-size: 1.063em; color: #5d5d5d; text-align: center; font-weight: 800!important;  
}
.personalsystem .con03 h6 {font-size: 1.125em!important; font-weight: 800 }
.personalsystem .con03 h6 span { height: 3px; width: 21px; text-align: center; background-color:#1c3bda; margin: 15px auto}
.personalsystem .con03 h6 p { font-size:0.750em; font-weight: 300; letter-spacing: 0.2em }
.personalsystem .con03 p { font-size:0.938em; letter-spacing: -0.03em!important;line-height: 1.5em}

.culture_area {margin-top: 100px;}
.culture_area .title {font-size: 40px; font-weight: 100; text-align: center; line-height: 1.1;}
.culture_area .title strong {display: block; font-size: 50px; font-weight: 900;}
.culture_area .title .title_line {display: inline-block; width: 80px; height: 3px; background-color: #3053c1; margin: 30px 0;}
.culture_area .txt {text-align: center; font-size: 24px;}
.culture_area .five_value {overflow: hidden; margin-top: 80px;}
.culture_area .five_value li {float: left; width: 20%; border: 1px solid #e2e2e2; padding: 140px 20px 0; margin-left: -1px; text-align: center; height: 380px; background-position: 50% 50px; background-repeat: no-repeat;}
.culture_area .five_value li strong {font-size: 22px; display: block; text-align: center; font-weight: 600; margin-top: 30px;}
.culture_area .five_value li p {text-align: left; margin-top: 20px; line-height: 1.4;}
.culture_area .five_value li span {font-size: 25px; font-weight: 600;}
.culture_area .five_value li:nth-child(1) {margin-left: 0; background-image: url("../images_2020/sub/recruit_culture01.gif");}
.culture_area .five_value li:nth-child(2) {background-image: url("../images_2020/sub/recruit_culture02.gif");}
.culture_area .five_value li:nth-child(3) {background-image: url("../images_2020/sub/recruit_culture03.gif");}
.culture_area .five_value li:nth-child(4) {background-image: url("../images_2020/sub/recruit_culture04.gif");}
.culture_area .five_value li:nth-child(5) {background-image: url("../images_2020/sub/recruit_culture05.gif");}
.culture_area .five_value li:nth-child(1) span {color: #6abc31;}
.culture_area .five_value li:nth-child(2) span {color: #008cd5;}
.culture_area .five_value li:nth-child(3) span {color: #f65024;}
.culture_area .five_value li:nth-child(4) span {color: #ffa11d;}
.culture_area .five_value li:nth-child(5) span {color: #c27eb9;}



/*출하챗봇*/
.chatbot .con01 { width: 100% ; position: relative; margin: 0 auto 35px}
.chatbot .con01 h5{
     font-size: 1.750em!important; color: #2d2d2d!important;   padding: 20px 0 0px; letter-spacing: -0.08em  
}
.chatbot .con01 span {
     font-size: 2.5em; color: #1c3bda; width: 100% ;  text-align: center; line-height: 1.3em; display: block; font-weight: 100!important
}
.chatbot .con01 p {
     font-size: 1.063em; color: #5d5d5d;  display: block; line-height:1.5em;  padding: 10px 0 
}
.chatbot .con01 .img {
       padding: 20px 0
}
.chatbot .con01 .img p {
       font-size: 1.063em; color: #1c3bda; text-align: center; 
}
.chatbot .con01 .img ul li {
    display: inline-block; text-align: center; width: 48%  
}
.chatbot .con01 .img ul li span {
    font-size: 1.063em; color: #5d5d5d; text-align: center; font-weight: 800!important; padding: 10px 0    
}


.chatbot .con02 { width: 100% ; position: relative; margin: 30px auto 0; background: #e9e9e9; padding-bottom: 20px}
.chatbot .con02 h5{
     font-size: 1.688em!important; color: #2d2d2d!important; text-align: center;  padding: 60px 0 30px;  
}
.chatbot .con02  span {
     font-size: 2.5em; color: #1c3bda; width: 100% ;  text-align: center; line-height: 1.3em; display: block; font-weight: 100!important
}
.chatbot .con02 ul {
   text-align: center; margin: 30px 3%;
}
.chatbot .con02 ul li {
    display: inline-block; text-align: center; width:30%; margin: 0.8%; padding: 25px 20px; background-color: rgba(255,255,255,1.00)    
}
.chatbot .con02 ul li span {
    font-size: 1.063em; color: #5d5d5d; text-align: center; font-weight: 800!important;  
}

.chatbot .con02 h6 {font-size: 1.125em!important; font-weight: 800 }
.chatbot .con02 h6 span { height: 3px; width: 21px; text-align: center; background-color:#1c3bda; margin: 15px auto}
.chatbot .con02 p { font-size:0.938em; letter-spacing: -0.03em!important; line-height: 1.5em}



.chatbot .con03 { width: 100% ; position: relative; margin: 30px auto 0 ;}
.chatbot .con03 h5{
     font-size: 1.875em!important; color: #2d2d2d!important; text-align: center;  padding: 60px 0 30px;  
}
.chatbot .con03  span {
     font-size: 2.5em; color: #1c3bda; width: 100% ;  text-align: center; line-height: 1.3em; display: block; font-weight: 100!important
}
.chatbot .con03 ul {
   text-align: center; margin: 30px 3%; 
}
.chatbot .con03 ul li {
    display: inline-block; text-align: center; width:23%; margin: 0.8%; padding: 25px 20px; background-color: #e9e9e9; height: 150px; top:0  
}.chatbot .con03 ul li:first-child h6 {
    line-height: 2em 
}
.chatbot .con03 ul li span {
    font-size: 1.063em; color: #5d5d5d; text-align: center; font-weight: 800!important;  
}
.chatbot .con03 h6 {font-size: 1.125em!important; font-weight: 800 }
.chatbot .con03 h6 span { height: 3px; width: 21px; text-align: center; background-color:#1c3bda; margin: 15px auto}
.chatbot .con03 h6 p { font-size:0.750em; font-weight: 300; letter-spacing: 0.2em }
.chatbot .con03 p { font-size:0.938em; letter-spacing: -0.03em!important;line-height: 1.5em}


/*mobileAggregate*/
.mobileAggregate h6 {font-size: 20px!important;  font-weight:bold; color:#004187!important;  }
.mobileAggregate p { padding: 15px 0;     font-size: 1.063em;  line-height: 1.6em;  }


/*상담문의*/
.unethicalCase_object { margin:40px auto 0; }
.unethicalCase_guide_red { background:url("http://ethics.aju.co.kr/static/images/common/txt_icon_red.png") left 8px no-repeat; color: #c71317; padding-left: 8px; font-size: 14px; font-weight: 300; float:right; margin-top: 8px; }
.unethicalCase_guide_blue { background:url("http://ethics.aju.co.kr/static/images/common/txt_icon_blue.png") left 8px no-repeat; color: #005abb; padding-left: 8px; font-size: 14px; font-weight: 300; float:right; margin-top: 8px; }

.wrt_input { margin-top: 15px; border-top: 1px solid #003876; }
.wrt_input ul { overflow: hidden; border-bottom: 1px solid #e4e4e4; }
.wrt_input ul li { float: left; width: 100%; }
.wrt_input ul li.wrt_input_title { width: 13%; color: #323232; }
.wrt_input ul li.td2 { width: 87%; /*line-height: 70px;*/ padding: 10px 0 }
.wrt_input ul li.td4 { width: 37%; /*line-height: 70px;*/   padding: 10px 0 }
.wrt_input ul li label .ess { display:inline-block; background:url("http://ethics.aju.co.kr/static/images/common/txt_icon_red.png") left 7px no-repeat; width: 5px; height: 17px; margin-left:5px; }
.wrt_input ul li .name_input { float: left; }
.wrt_input ul li .name_txt { float: left; margin-left: 195px; line-height: 70px; font-weight: 300; }
.wrt_input ul li .agree_title { float: left; width: 60%; line-height: 70px; color: #323232; }
.wrt_input ul li .agree_input { float: left; width: 40%; text-align: right; }
.wrt_input ul li .agree_info { overflow-y:auto; background: #f3f4f7; width: 100%; height: 120px; padding:20px; margin-bottom: 20px; margin-top: -5px; font-size: 14px; }
.wrt_input ul li .wrt_input_txt { line-height: 70px; }
.wrt_input ul li .unethicalCase_link { display: inline-block; color: #141515; text-decoration: underline !important; margin-left:10px; cursor: pointer; }
.wrt_input ul li .wrt_input_notice { margin:10px 0; font-size: 13px; color: #757575; }
.wrt_input ul li .filebox { position: relative; }
.wrt_input ul li .file_find { position: absolute; top: 10px; right: 0; width: 50px; height: 45px; margin: 0 0 0; background:#333; }
.wrt_input ul li .attach_btn { position: absolute; top: 0px; width: 140px; background: #666; line-height: 45px; color: #FFF; text-align: center; vertical-align: top; cursor: pointer; }
.wrt_input ul li .captcha_group { float: left; width: 250px; padding: 13px 10px 13px 15px; background: #e2f3ff; border: 1px solid #dedede; text-align: center; color: #003875; letter-spacing: 0; margin-top: 10px; 
}
.wrt_input ul li .realperson { padding-top: 0 !important; }
.wrt_input ul li .realperson-challenge { float: left; margin: 10px 10px 0 0; }
.wrt_input ul li .realperson-text { padding-top: 15px !important; }
.wrt_input ul li .captcha_txt { float: left; line-height: 70px; margin:0 20px; }
.wrt_input label { color: #323232; line-height: 70px; }
.wrt_input label>span { margin-left: 5px; }
.wrt_input input[type="text"],
.wrt_input input[type="password"] { padding: 13px 10px 13px 15px; border:1px solid #f3f3f3; background: #f3f4f7; margin-top:0px; line-height: 18px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.wrt_input input[type="text"]:hover,
.wrt_input input[type="password"]:hover { border: 1px solid #175eae; }
.wrt_input input[type="text"]:focus,
.wrt_input input[type="password"]:focus { border: 1px solid #175eae; }
.wrt_input input[type="file"] { position: absolute; top: 0; left: 0; z-index: -1; width: 0px; height: 0px; line-height: 0px; overflow: hidden; visibility: hidden; }
.input_style { position: relative; display: inline-block; width: 20% }

.input_style .input_style_inner:after { display:block; clear:both; content:""; }
.input_style .input_style_inner input[type="radio"],
.input_style .input_style_inner input[type="checkbox"] { display:none; }
.input_style .input_style_inner input[type="radio"] + label span { position: absolute; top: -2px; left: 22px; display: block; line-height: 24px; }
.last .input_style_inner input[type="radio"] + label span {
    position: absolute;
    top: -2px;
    left: 40px;
    display: block;
    line-height: 24px;
}
.input_style .input_style_inner input[type="radio"] + label { display: inline-block; height: 24px; background:url("../images_2020/common/input_radio_off.png") left top no-repeat; cursor: pointer;}
.input_style .input_style_inner input[type="radio"]:checked + label { background:url("../images_2020/common/input_radio_on.png") left top no-repeat; float: left; }
.input_style .input_style_inner input[type="checkbox"] + label span { position: absolute; top: -4px; left: 20px; display: block; line-height: 24px; font-size:0.938em; letter-spacing: -0.03em }
.input_style .input_style_inner input[type="checkbox"] + label { display: inline-block; height: 24px; background:url("../images_2020/common/input_check_off.png") left top no-repeat; cursor: pointer; line-height: 24px; }
.input_style .input_style_inner input[type="checkbox"]:checked + label { background:url("../images_2020/common/input_check_on.png") left top no-repeat; float: left; }


.input_style2 { position: relative; display: inline-block; padding-bottom:5px }
.input_style2 .input_style_inner2:after { display:block; clear:both; content:""; }
.input_style2 .input_style_inner2 input[type="radio"],
.input_style2 .input_style_inner2 input[type="checkbox"] { display:none; }
.input_style2 .input_style_inner2 input[type="radio"] + label span { position: absolute; top: -2px; left: 20px; display: block; line-height: 24px;   }
.last .input_style_inner input[type="radio"] + label span {     position: absolute;    top: -2px;    left: 5px;    display: block;    line-height: 24px; }

.wrt_input select { display: inline-block; padding: 12px 10px 12px 10px; border: 1px solid #f3f3f3; box-sizing: border-box; background: #f3f4f7 url("../images_2020/common/select_blt.gif") 93% 21px no-repeat; margin-top: 0px; }
.wrt_input textarea { padding: 14px 10px 14px 15px!important; background: #f3f4f7; margin:0px 0!important; border: 1px solid #f3f3f3; height: 200px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.wrt_input select:hover,
.wrt_input textarea:hover { border: 1px solid #175eae; }
.wrt_input select:focus,
.wrt_input textarea:focus { border: 1px solid #175eae; }

.inputForm.wtel {
    width: 120px;
}
.inputForm.w60 { width: 60px; }
.inputForm.w70 { width: 70px; }
.inputForm.w80 { width: 80px; }	
.inputForm.w85 { width: 85px; }
.inputForm.w90 { width: 90px; }
.inputForm.w110 { width: 110px; }
.inputForm.w120 { width: 120px; }
.inputForm.w180 { width: 180px; }
.inputForm.w230 { width: 230px; }
.inputForm.w250 { width: 250px; }
.inputForm.wtel { width: 120px; }
.inputForm.wagree { width: 105px; }
.inputForm.wmail { width: 183px; }
.inputForm.w70_per { width: 70%; }
.inputForm.w80_per { width: 80%; }
.inputForm.w100_per { width: 100%; }

/* text/align */
.f_blue { color:#175eae !important; }
.f_right { text-align:right !important; }
.title_group { position: relative; overflow: hidden; }
.float_left { float: left !important; }
.borderB_none { border-bottom: none !important; }

/* space */
.mat15 { margin-top: 15px !important; }
.mat25 {margin-top: 25px !important;}


.btn_report { display:inline-block; width: 190px; height: 55px; line-height: 55px; text-align: center; background-color: #1c3bda; font-weight: 700; border-radius: 0px; cursor: pointer; color: rgba(255,255,255,1.00)!important }
.btn_report.btn_report_w220px { width: 220px; }
.btn_report::after { width: 190px; height: 55px; }
.btn_report_w220px::after { width: 220px; }
.btn_report:hover { background-color:#0f2ab4; color: rgba(255,255,255,1.00) }


.btn_center {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

select {
	border: 0px currentColor; 
	border-image: none; 
	 cursor: pointer; 
	-webkit-appearance: none;
	-moz-appearance: none;
	 appearance: none; 
}

.agree_con {width:100%; height:130px; overflow:scroll; border:solid 1px #ccc; padding:10px; line-height:160%; font-size:0.938em!important }
.agree_con p { font-size:0.938em!important;  line-height:160%;}

/*라디오버튼*/
    
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -5px;
  padding-left : 5px;
  background   : url('../images_2020/common/checks.png') no-repeat 0 0;
  line-height  : 24px;
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -5px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -5px;
}

/**/





.contacts .con02  {
    padding: 80px 0 0 0; display: block;  min-height: 300px
}

.contacts .con02 {
    position: relative;
    margin: 0 auto; 
}

.contacts .con02 li {
    display: inline-block; width: 49%;  border-left: rgba(31,31,31,1.00) 2px solid; padding: 0 0 0 23px; 
}

.contacts .con02 h4 {
    font-size: 1.750em!important; color: #171717!important; padding-top: 0px; line-height: 1.4em
}
.contacts .con02 p {
    font-size: 1em; padding-top:30px; line-height: 1.8em
}

    
.privacy {line-height:1.8em; font-size:1em}
.privacy p {padding: 0 0 0px 25px}
.privacy h4 {line-height: 2em }
.privacy section { padding-bottom: 20px}
.privacy dt {color:#032f7f; font-weight:bold; padding:15px 0 0 0}

.privacy dl {  padding: 0 0 25px 25px}
.privacy ul {  padding: 0 0 0px 25px}
.privacy span {  padding: 0 0 0px 20px}

.privacy2 {line-height:1.8em; font-size:1em}
.privacy2 p {padding: 0 0 0px 25px}
.privacy2 h4 {line-height: 2.5em; padding-top: 25px }
.privacy2 section { padding-bottom: 20px}
.privacy2 dt {color:#032f7f; font-weight:bold; padding:15px 0 0 0}

.privacy2 dl {  padding: 0 0 25px 25px}
.privacy2 ul {  padding: 0 0 0px 25px}
.privacy2 span {  padding: 0 0 0px 20px}

.privacy2 table {  padding: 0 0 0px 25px}





@keyframes btn_cosnulting_arrow {
	0% { transform: translate(-10px,0); opacity: 0; }
	100% { transform: translate(0,0); opacity: 1.0; }
}



@media screen and (max-width: 1200px) {
    #header .logo a img { width: 150px}
    
    p { font-size: 1em; line-height: 1em; }
    .sub_visual .area_inner p.title {  font-size: 2.5em; }
    
    .content_tit h3 { font-size: 2em; line-height: 2.3em;}
    .content_tit p { font-size: 1.375em; line-height: 1em; }
    .company .box1 h5 { font-size: 1.375em !important; }   
    
    
	.uipath img {width: 98%!important}
    .company_section table td {
        display: block;
        color: #333;
        margin-bottom: 18px;
        padding: 0;
    }
    
    
    .content_margin  {width: 100%;  padding: 0 3%!important}
    .box1 img {width: 100%!important}
    .company .box3 .company_map { width: 100%!important; height: 350px!important}
    .company .box3 .map_info li dl.map_table dt {width: 20%;}
    .company .box3 .map_info li dl.map_table dd p {  font-size: .9375em; line-height: 1.8 }
    
    
    .company .box2 .se_left h4  { font-size: 1.8em!important; padding-left: 0px}
    .company .box3 h4  { font-size: 1.8em!important; padding-left: 0px; padding-top: 0px; }
    .company .box2 table th {   font-size: .9375em;         line-height: 1.375rem; width: 45%}
    .company .box2 table td {   font-size: .9375em;         line-height: 1.375rem;}

	
    .ai_algorithm .con1 img { width: 100% }
    .ai_algorithm .con1 h5 {   font-size: 	1.375em !important; }
    .ai_algorithm .con2 .se_left h4  { font-size: 1.375em!important; padding-left: 0px}
    .ai_algorithm p  { font-size: 1em!important;line-height: 1.8em; }
	.ai_algorithm #animation_container_m {display: block;}
	.ai_algorithm #animation_container_m img {width: 100%;}
	.ai_algorithm #animation_container {display: none;}
	
	.mobileAggregate img {width: 100%;}
	.chatbot .con01 .img img {width: 100%;}
	
	.wanted_tit img {width: 100%}
	.wanted_text_area div.con01 .img img {width:100%;}
	.wanted_text_area div.con01 .txt {padding-left: 30px;}
	.wanted_text_area div.con02 img {width:100%;}
    
    .contacts .con02 li {    width: 47.5%;}    
    
}


@media screen and (min-width: 1025px) {
	.tab_st01 .inner1 li a:hover { color: #005bac; }
	.tab_st01 .inner1 li a:hover span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }
    
    .tab_st02 .inner1 li a:hover { color: #005bac; }
	.tab_st02 .inner1 li a:hover span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }
    
    
}


@media screen and (max-width: 1024px) {
    #content .content_area {  margin: 20px 0; min-height: auto; }
	.tab_st01 .inner1 {  position:relative; transform: translate(-50%,0);    }
    .company .box2 .se_left, .company .box2 .se_right { clear: both; width: 100%; display: block; position: relative; float: none; left: 0%; margin-bottom: 40px; }
    .company .box1 h5 { line-height: 1.6em;  padding-top: 30px; padding-bottom: 0px}    
    .company .box1 p {    padding-top: 20px;}
    .company .box2 { padding: 40px 0 0 0; }
    .company .box2 .se_left h4 { margin-bottom: 40px;}
    .company .box2 table { margin-bottom: 0px; }
    .company .box3 .map_info li dl.map_table dt, .company .box3 .map_info li dl.map_table dd {font-size: 14px}
	.history_area .history_left { top: 0; }
	.organization img { width: 100%; }
    
    .ai_algorithm .con2 .se_left, .ai_algorithm .con2 .se_right { clear: both; width: 100%; display: block; position: relative; float: none; left: 0%; margin-bottom: 0px; }
    .ai_algorithm .con1 h5 { line-height: 1.6em;  padding-top: 30px; padding-bottom: 0px}    
    .ai_algorithm .con1 p {    padding-top: 20px;}
    .ai_algorithm .con2 { padding: 40px 0 ; }
    .ai_algorithm .con2 .se_left h4 { margin-bottom: 10px;}
    
    .ai_algorithm_02 .con2 .se_left, .ai_algorithm_02 .con2 .se_right { clear: both; width: 100%; display: block; position: relative; float: none; left: 0%; margin-bottom: 0px; }
    .ai_algorithm_02 .con1 h5 { line-height: 1.6em;  padding-top: 30px; padding-bottom: 0px}    
    .ai_algorithm_02 .con1 p {    padding-top: 20px;}
    .ai_algorithm_02 .con2 { padding: 40px 0 ; }
    .ai_algorithm_02 .con2 .se_left h6 { margin-bottom: 10px;}
    
    .ai_algorithm_02 img,.ai_algorithm_02 .con1 img  {padding-top: 0px;}
	.sap_erp_list dl dd {width: 80%;}
	.sap_erp_box {background: url("/static/images/sub/Service/Sm/Application/sap_erp_01.jpg") 95% 40px no-repeat;}
	.sap_erp_box03 {background: url("/static/images/sub/Service/Sm/Application/sap_erp_02.jpg") 95% 40px no-repeat;}
	.sap_erp_box04 {background: url("/static/images/sub/Service/Sm/Application/sap_erp_03.jpg") 95% 40px no-repeat;}
	.sap_erp_box06 {background: url("/static/images/sub/Service/Sm/ITInfra/server.jpg") 95% 10px no-repeat;}
	.security_box {background: url("/static/images/sub/Service/Sm/security/security.jpg") 95% 40px no-repeat;}
	.network_list dl dd {width: 700px;}
	.sap_erp_list03 {margin-left: 0 !important;}
	.sap_erp_list03 dl dt {float: none;}
	.webprocess_box .dl01 {background: url("/static/images/sub/Service/Web/step_bg.jpg") no-repeat 42% bottom; height: auto; padding-bottom: 20px;}
	.webprocess_box .dl02 {background: url("/static/images/sub/Service/Web/step02_bg.jpg") no-repeat 42% bottom; height: auto; padding-bottom: 40px;}
	
	.solution_gaide .img3_L_30,
	.solution_gaide .img3_M_30,
	.solution_gaide .img3_R_30 {width:32%; margin-right: 1%;}
	.gaider_logo .gaide_arrow {display: none !important;}
	.gaider_logo a {display: block; text-align: center;}
	.gaider_logo a p {display: inline-block; width: 180px; height: 40px; border: 1px solid #e2e2e2; line-height: 40px; padding: 0;}

	.wanted_text_area {min-height: auto !important;}
	.personalsystem .con02 ul li {width:48%; margin: 0.8%; }
    .personalsystem .con03 ul li {width:48%; margin: 0.8%; }
	.culture_area {margin-top: 50px;}
	.culture_area .five_value li {width: 33.33333%; padding: 140px 40px 0;}
	.culture_area .five_value li:nth-child(4) {margin-left: 0; margin-top: -1px;}
	.culture_area .five_value li:nth-child(5) {margin-top: -1px;}
    
    .wrt_input ul {    border-bottom: none;}
    .wrt_input ul {border-bottom: none;}
	.wrt_input ul li { border-bottom: 1px solid #e4e4e4;}
	.wrt_input ul li .name_txt { margin-left: 30px; line-height: 60px; }
	.wrt_input ul li.wrt_input_title { width: 100%; text-align: center; font-weight: 700; }
	.wrt_input ul li.td2 { width: 100%; }
	.wrt_input ul li.td4 { width: 100%; }
	.wrt_input ul li.td_captcha { line-height: 40px; }
	.wrt_input ul li.td_captcha input { margin-top: -5px; }
	.wrt_input ul li .agree_title { float: none; width: 100%; line-height: 20px; font-weight: 700; text-align: center; border-bottom: 1px solid #e4e4e4; padding: 15px 0; }
	.wrt_input ul li .agree_input { float: none; width: 100%; margin: -10px 0 10px; }
	.wrt_input ul li .wrt_input_txt { line-height: 24px; margin:15px 0; }
	.wrt_input ul li .captcha_group { float: none; width: 100%; }
	.wrt_input ul li .captcha_txt { float: none; line-height: 20px; margin:10px 0 0 0; }
	.wrt_input ul li .captcha_input { margin-bottom: 10px; }
	.wrt_input ul li .realperson-text { padding-top: 22px !important; }
	.wrt_input ul li .realperson-regen { padding: 5px 15px !important; }
	.wrt_input label { line-height: 40px; }
	.inputForm.w250 { width: 100%!important; }
	.inputForm.wtel { width: calc(33.333% - 12px); }
	.inputForm.wmail { width: calc(50% - 14px); }
    .wrt_input ul li .name_input {    float:none;}
    .input_style {    width: 49%;  }
    .wrt_input label>span {    font-size:0.938em; letter-spacing: -0.05em;}
    .input_style .input_style_inner input[type="checkbox"] + label span {  right: 0 }
    .input_style .input_style_inner input[type="checkbox"]:checked + label {float: right;   right: 0 }
    .wrt_input ul li .attach_btn { font-size:0.938em;}
    .wrt_input select {    background: #f3f4f7 url(../images_2020/common/select_blt.gif) 93% 16px no-repeat;}
}

@media screen and (max-width: 768px) {
	#content {padding-bottom: 0;}
	.content_margin {padding: 0 15px !important;}
	
	.tab_st01 { background: none; padding: 0 0 20px;}
	.tab_st01 .inner1 {width: 100%;}
	.tab_st01 .inner1 li { padding: 0; width: 33.33333%; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; }
	.tab_st01 .inner1 li a { font-size: 16px; line-height: 18px; padding: 10px 0; }
	.tab_st01 .inner1 li a.hide { display: none; }
    
    .tab_st02 .inner1 li { padding: 0 10px; }
	.tab_st02 .inner1 li a { font-size: 16px; }
	.tab_st02 .inner1 li a.hide { display: none; }
	
	.tab_service_list li a {font-size: 15px;}
	.tab_service_list li { margin-left: -1px; }
	.tab_service_list li:first-child { margin-left: 0; }
    
	.company .box1 p { padding: 0 10px; }
    .company .box3 .map_info li dl.map_table dt {width: 100%;}
    .company .box3 .map_info li dl.map_table dd { padding-left: 20px}
	.history_area .history-list li {width: calc(50% - 2px) !important;}
	.history-list li a {border: 1px solid #e2e2e2; border-top: 1px solid #999; padding: 15px 0;}
	.history-list li a.select {border: 1px solid #e2e2e2; border-top: 1px solid #224a8d; border-bottom: 1px solid #FFF;}
	.history-list li a:hover, .history-list li a:focus {border: 1px solid #e2e2e2; border-top: 1px solid #224a8d; border-bottom: 1px solid #FFF;}
	.history-list li a:nth-child(odd) { margin-left: -1px; }
	.history_area .history_left {position: relative; width: 100%; float: none; margin: 50px 0 30px 20px;}
	.history_area .history h5 {width: 100%; margin: 0;}
	.history_area .history .txt {width: 100%; float: none;}
	.history_area .history .txt dd {text-indent: 0;}
	.history_area .history h5.second {border-top: none;}
	.news_table {overflow-x: auto;}
	.news_table .board_list02 th,
	.news_table .board_list02 td {padding: 15px 0;}
	.news_table th.title {width: 500px;}
	.news_table .board_view02 thead th,
	.news_table .board_view02 thead td {padding: 15px 0;}
	.news_table .board_view02 thead .tit,
	.news_table .board_view02 thead .date,
	.news_table .board_view02 thead .file {padding-left: 15px; font-size: 15px !important;}
	.btn_list02 {text-align: center;}
	
    .ai_algorithm .con2 { height: auto; padding: 30px 0 0;}
	.ai_algorithm .con1 h5 {font-size: 23px; line-height: 28px;}
	.ai_algorithm_02 .con1 h5 {font-size: 23px; line-height: 28px;}
	.ai_algorithm_02 .con2 p span, 
	.ai_algorithm_02 .con4 p span {width: 10px; margin-left: 0;}
	.ai_algorithm_02 .con2 {height: auto; padding: 30px 0 0;}
	.ai_algorithm_02 .con3 {padding: 30px 0 0;}
	.ai_algorithm_02 .con2 p:last-child {padding-bottom: 0;}
	.ai_algorithm_02 .con4 .ai_algorithm_table {overflow-x: auto;}
	.ai_algorithm_02 .con4 table {width: 700px; margin-bottom: 0;}
	.ai_algorithm_02 .con4 table th:first-child {width: 120px !important;}
	.ai_algorithm_02 .con4 table td {padding: 10px 10px 0; vertical-align: middle;}
	.sap_erp_box {height: auto; width: 100%; padding: 200px 15px 15px; margin: 20px 0; background: url("/static/images/sub/Service/Sm/Application/sap_erp_01.jpg") 50% 15px no-repeat;}
	.sap_erp_box03 {height: auto; width: 100%; padding: 200px 15px 15px; margin: 20px 0; background: url("/static/images/sub/Service/Sm/Application/sap_erp_02.jpg") 50% 15px no-repeat;}
	.sap_erp_box04 {height: auto; width: 100%; padding: 200px 15px 15px; margin: 20px 0; background: url("/static/images/sub/Service/Sm/Application/sap_erp_03.jpg") 50% 15px no-repeat;}
	.sap_erp_box06 {height: auto; width: 100%; padding: 200px 15px 15px; margin: 20px 0; background: url("/static/images/sub/Service/Sm/ITInfra/server.jpg") 50% 15px no-repeat;}
	.security_box {height: auto; width: 100%; padding: 200px 15px 15px; margin: 20px 0; background: url("/static/images/sub/Service/Sm/security/security.jpg") 50% 15px no-repeat;}
	.service_h5 {margin-left: 0;}
	.sap_erp_box dl dt,
	.sap_erp_box03 dl dt,
	.sap_erp_box04 dl dt,
	.sap_erp_box06 dl dt,
	.security_box dl dt {margin: 15px 0 0;  line-height: 15px;}
	.sap_erp_box dl dd {padding: 10px 0 0;}
	.sap_erp_list {padding: 10px 0 20px;}
	.sap_erp_list dl dd {width: 100%; padding: 20px 0 0;}
	.sap_erp_list img {width: 100%;}
	.itinfra_list,
	.network_list {margin: 0;}
	.itinfra_list div,
	.network_list div {background: none; width: 100%;}
	.itinfra_list dl dt,
	.network_list dl dt {margin: 0;}
	.itinfra_list dl dd,
	.network_list dl dd {padding: 20px; background-color: #f1f1f1; border-radius: 10px; width: 100%; margin: 10px 0 0;}
	.itinfra_list p,
	.network_list p {padding: 30px 0 0;}
	.itinfra_list p img,
	.network_list p img {width: 100%;}
	.sap_erp_list .head_financial img,
	.sap_erp_list .head_management img,
	.sap_erp_list .head_buy img,
	.sap_erp_list .head_production img,
	.sap_erp_list .head_sales img,
	.itinfra_list .head_server01 img,
	.itinfra_list .head_server02 img,
	.itinfra_list .head_server03 img,
	.itinfra_list .head_server04 img,
	.network_list .head_network01 img,
	.network_list .head_network02 img,
	.network_list .head_network03 img {display: none;}
	.sap_erp_list .head_financial,
	.sap_erp_list .head_management,
	.sap_erp_list .head_buy,
	.sap_erp_list .head_production,
	.sap_erp_list .head_sales, 
	.itinfra_list .head_server01,
	.itinfra_list .head_server02,
	.itinfra_list .head_server03,
	.itinfra_list .head_server04,
	.network_list .head_network01,
	.network_list .head_network02,
	.network_list .head_network03 {height: 40px; line-height: 40px; text-align: center; color: #FFF; width: 100%; border-radius: 20px;}
	.sap_erp_list .head_financial {background-color: #3a5897;}
	.sap_erp_list .head_financial:before {content:"재무회계"}
	.sap_erp_list .head_management {background-color: #3b7698;}
	.sap_erp_list .head_management:before {content:"관리회계"}
	.sap_erp_list .head_buy {background-color: #2d7875;}
	.sap_erp_list .head_buy:before {content:"구매자"}
	.sap_erp_list .head_production {background-color: #2a703f;}
	.sap_erp_list .head_production:before {content:"생산관리"}
	.sap_erp_list .head_sales {background-color: #64702a;}
	.sap_erp_list .head_sales:before {content:"영업관리"}
	.itinfra_list .head_server01 {background-color: #3a5897;}
	.itinfra_list .head_server01:before {content:"전산 운영 관리(H/W,S/W)"}
	.itinfra_list .head_server02 {background-color: #3b7698;}
	.itinfra_list .head_server02:before {content:"IT 컨설팅 서비스"}
	.itinfra_list .head_server03 {background-color: #2d7875;}
	.itinfra_list .head_server03:before {content:"DB관리 서비스"}
	.itinfra_list .head_server04 {background-color: #2a703f;}
	.itinfra_list .head_server04:before {content:"백업 및 복구 서비스"}
	.network_list .head_network01 {background-color: #4e52a0;}
	.network_list .head_network01:before {content:"Network 컨설팅 서비스"}
	.network_list .head_network02 {background-color: #284e94;}
	.network_list .head_network02:before {content:"Network 진단 및 분석"}
	.network_list .head_network03 {background-color: #22628a; padding-top: 0 !important;}
	.network_list .head_network03:before {content:"Network 유지보수 서비스"}
	.sap_erp_list03 dl dt {margin: 20px 0 0;}
	.sap_erp_list03 dl dd {padding: 5px 0 0;}
	.sap_erp_list03 p {padding: 30px 0 0;}
	.portfolio_box {height: auto; width: 100%; margin: 0;}
	.portfolio_box p {margin-left: 0; padding: 0 0 20px 0;}
	.portfolio_box .portfolio_assignment {display: none;}
	.portfolio_box .portfolio_assignment_m {display: block; overflow: hidden;}
	.portfolio_box .portfolio_assignment_m li {float: left; width: calc(33.33333% - 4px); color: #FFF; text-align: center; border-radius: 10px; height: 70px; padding-top: 16px; font-size: 14px; margin: 0 2px;}
	.portfolio_box .portfolio_assignment_m li:nth-child(1) {background-color: #5256a0;}
	.portfolio_box .portfolio_assignment_m li:nth-child(2) {background-color: #284f94;}
	.portfolio_box .portfolio_assignment_m li:nth-child(3) {background-color: #2e7297;}
	.webprocess_box {width: 100%; height: auto; margin: 30px 0 0; padding: 20px;}
	.webprocess_box .service_h5 {padding-bottom: 15px; display: block;}
	.webprocess_box .dl01 {background: url("/static/images/sub/Service/Web/step_bg.jpg") no-repeat 55% bottom; padding-bottom: 20px;}
	.webprocess_box .dl02 {background: url("/static/images/sub/Service/Web/step02_bg.jpg") no-repeat 55% bottom; padding-bottom: 40px;}
	.webprocess_box .dl03 {height: auto;}
	.webprocess_box .dl03 dt {padding: 0;}
	.webprocess_box .dl01 dt, 
	.webprocess_box .dl02 dt {margin: 0 0 10px;}
	.webprocess_box .dl03 dd {padding-top: 10px;}
	
	.content_tit .line {margin: 0 auto;}
	.solution_gaide {margin-top: 15px;}
	.solution_gaide .img3 {height: auto;}
	.solution_gaide .img3_L_30, 
	.solution_gaide .img3_M_30,
	.solution_gaide .img3_R_30 {float: none; width: 100%; margin-right: 0; border: 1px solid #e2e2e2; margin-top: -1px; padding: 10px 20px;}
	.solution_gaide .img3_L_30 {marign-top: 0;}
	.solution_gaide .img3 .tit {margin: 0 auto;}
	.solution_gaide .tBox {padding: 0;}
	.gaider_logo .gaide_arrow {left: 0;}
	.visual_video_nav {margin-bottom: 20px; overflow: hidden;}
	.visual_video_nav a {height: 50px; padding: 15px 0 0;}
	.visual_video_nav li:first-child a {padding: 6px 0 0;}
	.solution_ara {padding: 20px 10px 0;}
	.solution_aggregate .img3 {height: auto; background: none;}
	.solution_aggregate .img3_L_30, 
	.solution_aggregate .img3_M_30,
	.solution_aggregate .img3_R_30 {float: none; width: 100%; margin-right: 0; border: 1px solid #e2e2e2; margin-top: -1px; padding: 10px 20px 20px;}
	.solution_aggregate .img3 img {width: 120px;}
	.solution_aggregate .h_90 {height: auto;}
	.solution_aggregate .tBox {border: none; background-color: #f5f5f5; margin-top: 10px;}
	#content .content_area h6 {text-align: center; margin-bottom: 0;}
	.content_tit p {font-size: 17px;}
	.solution_aggregate .box_tit {margin: 0;}
	.box_order > ol {overflow: hidden; padding: 0 15px;}
	.box_order > ol li.one,
	.box_order > ol li.two,
	.box_order > ol li.three,
	.box_order > ol li.four {width: 50%; float: left; padding: 0; background: url(../images/sub/Solution/mobileAggregate2_arrow.png) 90% 50% no-repeat; margin-bottom: 5px;}
	.box_order > ol li.four {background: none;}
	.box_order {margin: 0;}
	.solution_aggregate {margin-bottom: 0;}
	.solution_aggregate .effect .h_120,
	.solution_aggregate .effect .h_150 {height: auto;}
	.solution_aggregate .effect dl {overflow: hidden;}
	.solution_aggregate .effect dt {float: none; width: 100%; padding: 10px;}
	.solution_aggregate .effect dd {float: none; width: 100%; padding: 20px 0;}
	.chatbot .con01 h5 {font-size: 20px !important; text-align: center; padding: 0; color: #004187 !important;}
	.chatbot .con01 .img { padding: 10px 0 0;}
	
	.wanted_text_area div.con01 {height: auto; margin: 20px auto 0;}
	.wanted_text_area div.con01 .txt {position: relative; width: 100%; float: none; padding-left: 0; top: 0;}
	.wanted_text_area div.con01 .img {position: relative; width: 100%; float: none; margin-top: 15px;}
	div.wanted_tit {padding-top: 20px;}
	.wanted_text_area .txt p {height: auto; text-align: center;}
	.wanted_text_area .txt li {height: auto;}
	.wanted_text_area div.con02 {height: auto; margin: 20px 0 0;}
	.wanted_text_area div.con02 .txt {position: relative; width: 100%; float: none; top: 0;}
	.wanted_text_area div.con02 .img {position: relative; width: 100%; float: none; margin-top: 15px;}
    .personalsystem .con01 .img { padding: 35px 2%;}
    .personalsystem .con02 p, .personalsystem .con03 p { font-size: 1em; line-height: 1.5em}
    .personalsystem .con02 span { font-size: 2.5em; line-height: 1.3em;}
	.benefit_list {display: block; margin-top: 20px;}
	.benefit_list dt, 
	.benefit_list dd {display: block;}
	.benefit_list dt {width: 100%; height: auto; padding: 12px 0; text-align: center; border-bottom: 1px solid #e2e2e2;}
	.benefit_list dd {padding: 20px;}
	.culture_area {margin-top: 30px;}
	.culture_area .title {font-size: 30px;}
	.culture_area .title strong {font-size: 35px;}
	.culture_area .title .title_line {margin: 20px 0;}
	.culture_area .txt {font-size: 18px; line-height: 1.4;}
	.culture_area .five_value {margin-top: 30px;}
	.culture_area .five_value li {float: none; width: 100%; padding: 110px 30px 30px; margin-left: 0; margin-top: -1px; height: auto; background-position: 50% 20px;}
	.culture_area .five_value li strong {margin-top: 20px;}
	.culture_area .five_value li p {margin-top: 10px;}
	.culture_area .five_value li:nth-child(1) {margin-top: 0;}
    
    /*.wrt_input ul li.td4 { width: 60%;}*/
    
    .contacts .con01 img {width: 100%} 
    .contacts .con02 li { width: 100%; position: relative; height: 150px; border-left: 0px; border-top: rgba(34,34,34,1.00) 2px solid; padding-top: 16px}
    .contacts .con02 h4 { width: 40%; position: absolute; left: 40px }
    .contacts .con02 p { display:inline; width: 70%; position: absolute; left: 55%; padding-top: 0px;  }
    
    
    
}
@media screen and (max-width: 620px) {
    .personalsystem .con01 .img img { width: 95%}
    .personalsystem .con01 span, .personalsystem .con02 span, .personalsystem .con03 span {    font-size: 1.875em;    line-height: 1.3em;}
    .personalsystem .con01 .img {    padding: 25px 2%;}
    .personalsystem .con02 ul li {    width: 80%;    }
    .personalsystem .con02 h6 {    font-size: 1.313em!important;}    
    .personalsystem .con02 p {    font-size:1.063em!important;} 
    .personalsystem .con03 ul li {    width: 80%;  height: auto;  }
    .personalsystem .con03 h6 {    font-size: 1.313em!important;}         
    .personalsystem .con03 p {    font-size:1.063em!important;} 
    .personalsystem .con03 h6 p {  font-size:0.875em}  
   /* .wrt_input ul li.wrt_input_title {    width: 20%;}
    .wrt_input ul li.td2 {    width: 80%;    }
    .inputForm.w250 { width: 100%; }
	.inputForm.wtel { width: calc(33.333% - 12px); }
	.inputForm.wmail { width: calc(50% - 14px); }
    .wrt_input ul li.td4 {    width: 80%;}
    */
    .wrt_input ul li .attach_btn {    width: 70px;    right: 0}
        .company .box3 .company_map #map { display: none  }
	.company .box3 .company_map #map_img {  display: block}
	.company .box3 .company_map #map_img img { max-width: 100% }
    .contacts .con02 li {height: auto; padding: 25px 0 40px 0px;}
    .contacts .con02 {    padding: 40px 0 0 0;}
    .contacts .con02 h4 { font-size: 1.5em!important;   width: 100%;  letter-spacing: -0.03em; text-align: center; position: relative;  left: 0}
    .contacts .con02 p { font-size:1em!important;  width: 100%; position: relative; left:5%; top:15px; line-height: 2em }
    
    
}


@media screen and (max-width: 360px) {
    .tab_st01 .inner1 li { padding: 0 10px; }
    .tab_st01 .inner1 li a { font-size: 15px; }
    .tab_st01 .inner1 li a.hide { display: none; }
    
    .tab_st02 .inner1 li { padding: 0 10px; }
    .tab_st02 .inner1 li a { font-size: 15px; }
    .tab_st02 .inner1 li a.hide { display: none; }
    
    .personalsystem .con01 .img p {    font-size: 1em;}
    .personalsystem .con01 .img ul li {    width: 100%; margin: 0 auto}
    .personalsystem .con01 .img img { width: 80%;}
    .personalsystem .con02 p, .personalsystem .con03 p  {    font-size:1em!important;} 
    
    .btn_center { margin-top: 20px;}
    
   .input_style {    width: 95%;  margin-left: 5% }
    .wrt_input label>span {    font-size:0.938em; letter-spacing: -0.03em;}
    
    .ai_algorithm .con2 {    height: 200px;}

    


}