@media screen and (max-width:1400px){
  .greet .txt {padding:0 30px}
  .life .card_wrap ul {padding:0 30px}
  .guarantee .col-2 {padding:0 30px}
  .call .content ul {padding:0 30px}
  .call .content li {padding:30px 0 20px 20px;}
  .call .content li div p {font-size: 1rem;}
  .call .content li div span {font-size: 1rem;}
  .call .content li div:first-child h2 {font-size:1.35rem;}
  .ga .col-2 {padding:0 30px}
  #item01 ul {padding:0 30px}
  #item02 {padding:0 30px}
  .tabcontent {padding:0 30px}
  .sub.join .content {padding:60px 0px 140px}
  .sub.join .content img {max-width:100%;}
  .talent .col-2 {padding:0 30px}
  .talent .col-2 div:last-child li p:not(:first-child) {font-size: 1.125rem;}
  .welfare .col-2 {padding:0 30px}
  .welfare .col-2 div:first-child {padding-right:30px;}
  .welfare .col-2 div:last-child {padding-left:30px;}
  .welfare .col-2 div:first-child h2 span.or:after {width:260px;left: 300px;}
  .welfare .icon_list ul {padding:0 30px;flex-wrap: wrap;justify-content: space-evenly;}
  .welfare .icon_list li {width:32%;margin-bottom: 20px;height:auto}
  .sub.job .content {padding:60px 30px 140px}
  .sub.job_view .content {padding:60px 30px 140px}
  .service .col-2 {padding:0 30px}
  .service .col-2 .col h2 {height:70px;}
  .sub.faq .content {padding:60px 30px 140px}
  .sub.promo.news .content {padding:60px 30px 140px}
  .sub.promo.search .content {padding:60px 30px 140px}
  /* 21.11.16 추가 */
  .consumer .card_wrap ul{padding:0 30px}
}
@media screen and (max-width:1280px){
  .sub {margin-top: 79px;}
  footer {padding-top:25px;}
  .f_nav {width:100%}
  .f_nav__wrap {display: none;}
  .f_cont {justify-content:center;flex-direction: column;align-items: center;text-align: center;}
  .f_logo {margin-bottom:40px;text-align: center;}
  /* .f_logo img {margin-bottom:20px;} */
  .f_logo a.btn {font-weight:600;padding:10px 25px;}
  .info .row:nth-of-type(1) {padding:0 40px}
  .info .info_img {width:100%;}
  .info .txt {width:100%;padding:0 40px;margin-bottom:40px;}
  .info div.line {width:100%;padding:0 40px}
  .group .img {padding:0 30px;border-top:none}
  .greet .txt {padding:0 20px}
  .greet .txt p {font-size:1rem;}
  .greet .txt div:first-child h2 span.or:after {width:30%;left: 340px;}
 /* .greet .content img {width:100%}*/
  .ci ul.col-3 {padding:0 30px;}
  .ci ul.col-3 li h2 {font-size: 1.5rem;}
  .ci ul.col-3 li p {font-size: 1rem;}
  .ci .txt img {width:100%;}

  .ci ul.col-4 {padding:0 30px;}
  .ci ul.col-4 li h2 {font-size: 1.25rem;}
  .ci ul.col-4 li p {font-size: 1rem;}

  .sub.notice .content {padding:60px 30px 140px}
  .sub.notice_view .content {padding:40px 30px 120px}
  .notice_view .view_line span:first-child {width:20%}

  .sub.consumer .content {padding:60px 30px 140px}
  .sub.consumer_view .content {padding:40px 30px 120px}
  .consumer_view .view_line span:first-child {width:20%}

  .life .card_wrap li {padding:30px 0 40px 20px;}
  .life .card_wrap li p {font-size: 1rem;}
  .life .card_wrap li p > span {font-size:1.125rem;}
  .life .card_wrap li > span {font-size: 1rem;}
  .call .content li {padding:30px 0 20px 20px;}
  .call .content li div p {font-size: 1rem;}
  .call .content li div:first-child h2 {font-size:1.35rem;}

  .ga .col-2 .col h2 {font-size: 2rem;}
  .ga .col-2 .col:last-child p {font-size:1rem;}
  .edu .edu_list {padding:0 30px}
  .edu .edu_list li {width:330px}
  .edu .edu_img {width:100%;}
  .support .tab {padding:0 30px}
  .talent .col-2 {flex-direction: column;}
  .talent .col-2 div {width:100%;text-align: center;}
  .talent .col-2 div:last-child{text-align: left;padding-left: 0;}
  .welfare .col-2 {flex-direction: column;}
  .welfare .col-2 div:first-child {padding-right:0;margin-bottom: 30px;}
  .welfare .col-2 div:last-child {padding-left:0;}
  .promo.news .card_wrap {display: flex;flex-wrap: wrap;justify-content: space-between;}
  .promo.news .card_wrap li {margin:0px;}
  .promo.news .card_wrap li {width:49%;margin-bottom: 20px;}
  .promo.news .card_wrap li.img .txt {padding:20px;position:relative;}
  .promo.news .card_wrap li.img .txt h4 {font-size: 1.125rem;}
  .promo.news .card_wrap li:not(.img) {padding:30px 20px 20px}
  .promo.news .card_wrap li:not(.img) .txt h4 {margin-bottom:30px;font-size: 1.125rem;}
  .promo.news .card_wrap li.img .txt p {font-size: .875rem;}
  .promo.news .card_wrap li.img .txt {padding:15px 24px 47px;position:relative;}
  .promo.news .card_wrap li:not(.img) .txt p {font-size: .875rem;}

  .promo.news_view .content {padding:40px 30px 120px}
  .card_wrap .btn_wrap {display: block;}
  .ci ul.col-4 li {margin:4px;}

  /* 21.11.16 추가 */
  .consumer .card_wrap li {padding:40px 20px 40px 20px;}
  .consumer .card_wrap li  p > span {font-size:1.125rem;}

  .consumer ul.col-4 {padding:0 20px;}
  .consumer ul.col-4 li h2 {font-size: 1.25rem;}
  .consumer ul.col-4 li p {font-size: 1rem;}
  .consumer ul.col-4 li {margin:4px;}



}
@media screen and (max-width:1080px){
  .life .card_wrap ul {flex-direction: column;}
  .life .card_wrap li {margin-bottom:13px;margin-right:0;}
  .call .content ul {flex-direction:column;}
  .call .content li {width:100%;box-shadow:none;}
  .ga .col-2 {flex-direction: column;}
  .step ul.icons {display: none;}
  .step .icons_m {display: block;margin-bottom: 40px;text-align: center;padding:0 30px}
  .step ul.icons_step li {display:flex;}
  ul.ethics_step li {display:flex;}
  .sub.step .content {padding:60px 30px 140px}
  .edu .edu_list li {margin-right: 10px;width: 32%;}
  .edu .edu_cyber li:before,.edu .edu_cyber li:after {display: none;}
  .edu .edu_cyber ul {padding:40px 30px}
  .edu .edu_cyber li {width:180px;height:170px;background-position: center;background-size: contain;}
  .edu .edu_cyber li span {font-size: 1.35rem;}
  #item01 li h2 {font-size: 1.25rem;}
  #item01 li p {font-size: 1rem;}
  .welfare .col-2 div:first-child h2 {font-size:2rem;}
  .service .col-2 .col {padding:40px 40px 30px;}
  .service .col-2 .col h2 {font-size:1.5rem;margin-bottom:30px;}
  .service .col-2 .col p {font-size:1rem;}
  .service .col-2 .col .row:nth-of-type(1) {margin-bottom:30px}
  .service .col-2 .col .row:nth-of-type(2) p {margin-bottom:20px;}
  .promo .accordion a.title {padding:25px 20px}
  .promo .accordion a.title span:nth-of-type(3) {margin-top:10px;font-weight: 400;font-size: 1rem;}
  .promo .accordion .txt p {padding:20px 0;}

  /* 21.11.16 추가*/
  .consumer .charter{display: none;}
  .consumer .charter.m{display: block;
  padding: 20px 30px 0 30px;}
  .consumer .tab{display: none;}
  .consumer .card_wrap ul.m br{display: none;}
  
  .consumer .card_wrap ul {display: none;}
  .consumer .card_wrap ul.m{display: block;
    flex-direction: column;}
  .consumer .card_wrap li  {margin-bottom:13px;margin-right:0;}
  .consumer .card_wrap li img {display:block;margin-bottom:0;padding-top:0}

}

@media screen and (max-width:980px){
  .life .part_wrap::before {height:550px}
  .life .part_wrap ul {width:100%;padding:35px 30px 0;}
  .life .part_wrap li img {display:block;width:100%;height:100%;object-fit:cover;}
  .life .part_wrap li {width:32%;height:150px;margin-bottom:0;}
  .ga ul.icons {flex-wrap: wrap;}
  .ga .col-2 {margin-top: 30px;}
  .job table,.job .manager {display: none;}
  .job .table_m {display:block}
    .job .table_m li {padding:10px 0}
  .job .table_m li div:first-child {width: 17%;}
  .job .table_m li div:last-child {width: 83%;}

  .job .table_m li p:nth-of-type(1) a {font-weight: 400;}
  .job .table_m li p:nth-of-type(2) span {font-weight: 300;}
  .job .table_m li p:nth-of-type(2) span:first-child:after {width:1%;}
  .job .table_m li p:nth-of-type(2) span:first-child {width: 20%;}

  .job .manager.m {display:block;margin:50px 0 0;padding:20px 30px}
  .job .manager span {display: block;margin:5px 0;}
  #item02 .row h2 {font-size:1.3rem;}
  .tabcontent .row h2 {font-size:1.3rem;}
  .f_nav__num {border-top:0;}
  .f_logo {margin-bottom:0;}
  .f_nav__num li:first-child {display: block;}
  /* .f_nav__num li span br {display:block} */
  .f_nav__num {display: none;}
  .f_nav__num.m {display:inline-block;}
  .f_nav__num li {margin: 0 10px;}
  .welfare .content > img {width:100%;height:120px;object-fit: cover;}

  .promo .accordion a.title:after {top:15%;}
  .promo .accordion li.active a.title:after {top:15%;}

  .ci ul.col-4 {flex-direction: column;}
  .ci ul.col-4 li {margin:8px 0;}
  .ci ul.col-4 li {width:100%;padding:20px 20px 15px;height:auto;}

  /* 21.11.16 추가 */
  .consumer ul.col-4 {flex-direction: column;}
  .consumer ul.col-4 li {margin:8px 0;}
  .consumer ul.col-4 li {width:100%;padding:20px 20px 15px;height:auto;}


}
@media screen and (max-width:850px){
  .lnb .lnb_nav > li:first-child {display: none;}
  .lnb .lnb_nav > li:nth-of-type(2){display:none}
  .lnb .lnb_nav > li.lnb_sub {width:100%;border:none}
  /*.hire .lnb .lnb_nav > li.lnb_sub {border-left:1px solid #ccc;}*/
  .lnb .lnb_nav > li.lnb_sub:nth-of-type(4){border-left:1px solid #ccc;height:100%}
  .info .info_img {display: none;}
  .info .info_img_m {display: block;margin:auto;max-width:100%;}
  .sub .content h2.tit span {font-size:1.25rem;margin:15px 0 30px}
  .sub .content h2.tit {font-size:2rem;}
  .info .txt h2 {font-size:2rem;}
  .info div.line__txt {display: none;}
  .info div.line__txt.m {display: block;}
 /* .info div.line li {padding: 25px 15px;font-size: 1.125rem;font-weight:600;}
  .info div.line li span.or {display:block;width:100%;margin-bottom:3px;font-weight:400;} */
  .group .img {display: none;}
  .group .img.m {display: block;}
  .greet .txt > div {display: block;width:100%;}
  .greet .txt > div:first-child {padding-right:0;width:100%}
  .greet .txt > div:last-child {margin-top: 30px;padding-left:0;;width:100%}
  .greet .txt > div:first-child p.m:nth-of-type(2) {margin-bottom: 30px;}
  .greet .txt p {font-size:1rem;}
  .greet .txt > div h2 {margin:35px 0 25px;}
  .ci .txt {padding:0 30px;}
  .ci ul.col-3 {flex-direction:column;}
  .ci ul.col-3 li {margin-right:0;padding:20px 20px 15px;margin-bottom:15px;}
  .ci ul.col-3 li h2 {margin-bottom: 10px;}


  .ci .txt p {display: none;}
  .ci .txt p.m {display: block;text-align:left;font-weight:400;font-size: 1rem;}
  .ci .txt p.m br {display: none;}
  .ci .txt img {display:none;}
  .ci .txt img.m {display:block;}
  .notice table th {font-size: 1rem;padding:20px 0;}
  .notice table td {width:15%;font-size:1rem;font-weight: 500;}
  .notice table td:nth-of-type(2) {width:50%;}
  .notice_view .view_line span:first-child {width:25%;font-size:1rem;padding:0 25px}
  .notice_view .view_line span:last-child {font-size: 1rem;}
  .notice_view .content_wrap {padding:40px 20px 30px}
  .notice_view .content_wrap p span {display: block; width: 100%; padding: 10px 0; font-weight: 600;}
  .notice_view .content_wrap p a {display:block;padding:20px 10px}

  .consumer table th {font-size: 1rem;padding:20px 0;}
  .consumer table td {width:15%;font-size:1rem;font-weight: 500;}
  .consumer table td:nth-of-type(2) {width:50%;}
  .consumer_view .view_line span:first-child {width:25%;font-size:1rem;padding:0 25px}
  .consumer_view .view_line span:last-child {font-size: 1rem;}
  .consumer_view .content_wrap {padding:40px 20px 30px}
  .consumer_view .content_wrap p span {display: block; width: 100%; padding: 10px 0; font-weight: 600;}
  .consumer_view .content_wrap p a {display:block;padding:20px 10px}

  .life .part_wrap ul {display: none;}
  .life .part_wrap ul.m {display:flex;}
  .life .part_wrap ul.m li {width:32.5%;margin-bottom:0;margin-right:0;height:auto;}
  .life .part_wrap::before {height:90%}
  .life .card_wrap ul {display: none;}
  .life .card_wrap ul.m {display:flex;}
  .life .card_wrap li {display: flex;}
  .life .card_wrap li div:first-child {margin-right: 20px;}
  .life .card_wrap li p {margin-bottom:5px;}
  .life .card_wrap li div > span {color:#999}
  .guarantee .col-2 {flex-direction:column;}
  .guarantee .col:last-child {padding-left:0;}
  .ga ul.icons li {flex:none;width:50%;margin-bottom: 25px;}
  .ga .col-2 .col h2 {font-size: 1.8rem;margin-bottom: 30px;}
  .ga .col-2 .col:last-child li span:first-child br {display: none;}
  .ga .col-2 .col:last-child li span:first-child {display: block;width:100%;padding-left:0;}
  .step .icons_m img {max-width: 100%;}
  .edu .edu_list li {width:48%;margin-right:1%;}
  .edu .edu_list li:nth-child(2n) {margin-right:0;}
  .edu .edu_img {display: none;}
  .edu .edu_img_m {display: block;margin:auto;max-width:100%;}

  #item01 ul {flex-direction: column;}
  #item01 li {width:100%;padding:10px 10px 20px;height:auto}
  #item01 li > span {width:28px;height:28px;line-height:30px;font-size:1.2rem;}
  .guide ul.icons {display: none;}
  .guide .icons_m {display: block}
  .talent .col-2 div > img {width:100%}
  .welfare .icon_list {padding-top:0}
  .welfare .icon_list:before {display: none;}
  .welfare .icon_list h2 {font-size: 1.8rem;}
  .welfare .icon_list li {width:100%;display: flex;align-items:center;padding:20px 30px}
  .welfare .icon_list li div:first-child {margin-right:20px;}
  .welfare .icon_list li h4 {font-size:1.25rem;margin:10px 0;}
  .welfare .icon_list li:nth-of-type(3) h4 {margin:10px 0}
  .job_view .content_wrap p span {display:block;width:100%;padding:10px 0;}
  .job_view .content_wrap p a {display:block;padding:20px 10px}
  .job_view .content_wrap {padding:40px 20px 30px;}
  .job_view .line span:first-child {width: 25%;font-size: 1rem;padding: 0 25px;}
  .service .col-2 {flex-direction: column;}
  .service .col-2 .col {width:100%;margin-bottom:20px;}
  #item02 .row dl {font-size: 1rem;}
  #item02 table td {padding:10px}

  .tabcontent .row dl {font-size: 1rem;}
  .tabcontent table td {padding:10px}

  .promo .accordion a.title {padding:20px 10px}
  .promo .accordion a.title span.or {margin-right:10px;}
  .promo .accordion a.title span:nth-of-type(2) {font-size:1rem;}
  .promo .accordion .txt p {padding:15px 0;}
  .f_nav__num li span:last-child {font-weight: 300;}
  .ga .content > img {height:120px;width:100%;object-fit: cover;}
  .sub_nav {display: none!important;}

  .info div.line li span {font-size: .875rem;font-weight:300;font-family:'Noto Sans KR', sans-serif ;width:100%}
  .info div.line li {font-size: .875rem;padding: 8px 10px; font-weight: 400;}
  .info div.line li span:first-child {margin-bottom: 3px;font-weight: 600;width:100%}

  .promo .accordion a.title:after {top:15%;}
  .promo .accordion li.active a.title:after {top:15%;}

  .promo.news_view .view_line span:first-child {width:25%;font-size:1rem;padding:0 25px}
  .promo.news_view .view_line span:last-child {font-size: 1rem;}
  .promo.news_view .view_line a {display: inline-block;width: 210px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 14px;}
  .promo.news_view .content_wrap {padding:40px 20px 30px}
  .promo.news_view .content_wrap p span {display: block; width: 100%; padding: 10px 0; font-weight: 600;}
  .promo.news_view .content_wrap p a {display:block;padding:20px 10px}

  .contact p.info_box {display: none;}
  .contact p.info_box.m {display:block;margin:20px 15px 0;padding:20px 0px;font-size: .875rem;}
  .contact p.info_box.m span {display: block;margin:5px 0;padding:0}
  .contact .contact_map {margin: 20px 15px 20px;display:block;height:380px;}

  /* 21.11.16 추가 */
  .consumer .content h2.tit span{margin: 20px 0 60px}
  .consumer .card_wrap ul.m br{display: block;}

  .consumer .card_wrap ul {display: none;}
  .consumer .card_wrap ul.m {display:flex;}
  .consumer .card_wrap li {display: flex;}

  /* 24.10.17 추가 */
  .donotcall h3 {font-size: 1rem;}
  .donotcall li {font-size: .8rem;}

  /* 24.12.09 추가 */
  .report-content2 p,
  .report-content3 p{font-size: 0.8rem;line-height: 1.2rem;}
  .report-content3 h3{font-size: 1rem;}
  .report-content3 li {font-size: 0.8rem;line-height: 1.2rem;}
  .report-content2 a {font-size: 1rem;}
  .report-content1 .main-title {font-size: 1.2rem;margin-bottom: 16px;}

@media screen and (max-width:780px){
  .sub {margin-top: 72px;}
  .non-life .part_wrap ul {display: none;}
  .non-life .part_wrap ul.m {display: flex;width:100%;padding:35px 30px 0;}
  .non-life .part_wrap ul.m li img {width:100%;height:100%;object-fit:cover;}
  .non-life .part_wrap li {margin-right:9px;margin-bottom:0;height:auto}
  .non-life .part_wrap::before {height:90%;}
  .non-life .btn_wrap {padding:0 30px}
  .non-life a.link_btn {width:100%;padding:20px;font-size:1.125rem;}
  .non-life .part_wrap {margin-bottom: 40px;}
  .guarantee .content img {margin-bottom:35px;}
  .guarantee .col h2 {margin-bottom: 40px;font-size: 1.8rem;}
  .guarantee .col h2 span.or {font-size:1.8rem;}
  .guarantee .col li {padding:15px 20px}
  .guarantee .col:first-child {padding-right:0;}
  .sub.vision .content {padding:60px 30px 140px}
  .vision .content img {display:none;}
  .vision .content img.m {display:block;max-width:100%;width:100%}

  .edu .edu_cyber ul {flex-wrap: wrap;}
  .edu .edu_cyber li {width:50%}
  .sub.guide .content {padding:60px 30px 140px}
  .guide ul.icons_step {width: 100%;margin:auto;} /* (추가)채용가이드 좌우여백 jd */
  .guide ul.icons_step li div:first-child {width:30%}
  .guide ul.icons_step li div:last-child {width:65%}
  .welfare .col-2 div:last-child p {display:none;}
  .welfare .col-2 div:last-child p.m {display:block;}
  .welfare .col-2 div:first-child h2 span.or:after {width:36%}
  .welfare .icon_list ul {display: none;}
  .welfare .icon_list ul.m {display: flex;flex-direction: column;}

  .history_scroll {flex-direction: column; padding:0 30px;margin-top: 35px;}
  .history_scroll .fixed h2 {display: none;}
  .history_scroll .fixed h2.m {display:block;}
  .history_scroll .col {width:100%}

  .history_scroll2 {flex-direction: column; padding:0 30px;margin-top: 35px;}
  .history_scroll2 .fixed h2 {display: none;}
  .history_scroll2 .fixed h2.m {display:block;}
  .history_scroll2 .col {width:100%;padding-bottom:30px}
  .history_scroll2 .fixed p.img {display: none;}
  .history_scroll2 .col li:first-child span.title {color:#ff6600;}
  .history_scroll2 .col li:first-child {border-bottom:2px solid #d1d1d1;}
  .history_scroll2 .col:last-child li span:first-child {width:10%;line-height:22px;}
  .history_scroll2 .col:last-child li span {line-height:22px;}
  .history_scroll2 .col:last-child li span.second{width: 100%;}
  /*.history_scroll2 div  {background-image: url(../img/hanhwa_bg__obj04.png); background-repeat: no-repeat;background-position: bottom right;background-size: 80%;background-attachment: fixed;}*/




  .promo.news .card_wrap {display: flex;flex-wrap: wrap;justify-content: space-between;}
  .promo.news .card_wrap li {height: 330px;}
  .promo.news .card_wrap li.img .txt {padding:20px}
  .promo.news .card_wrap li.img .txt h4 {font-size: 1.125rem;}
  .promo.news .card_wrap li:not(.img) {padding:30px 20px 20px}
  .promo.news .card_wrap li:not(.img) .txt h4 {margin-bottom:30px;}
  .promo.news .card_wrap li.img .txt p {font-size: .875rem;}
  .promo.news .card_wrap li:not(.img) .txt p {font-size: .875rem;}
  .promo .accordion .txt p span {padding:0 20px;font-size:.875rem;}
  .promo .accordion a.title:after {top:15%;}
  .promo .accordion li.active a.title:after {top:15%;}

   .service .col-2 .col h2 {height:50px;}
  
   .greet .content img {width:100%}

  /* 21.11.16  추가 */
  .consumer .content .system_img{display:none;}
  .consumer .content .system_img.m {display:block;max-width:100%;width:100%}

  /* 24.10.17 추가 */
  .donotcall-table1{display: none;}
  .donotcall-table2{display: table;}
  
}
@media screen and (max-width:680px){
  .guarantee .col li span:first-child {display:block;margin-bottom:5px;width:100%}
  .guarantee .col:last-child {padding-top: 40px;}
  .call .content li:nth-of-type(2) p {padding-right:9%}
  .call .content li div:first-child h2 {display: none;}
  .call .content li div:first-child h2.m {display: block;}
  .ga ul.icons {padding:0 30px}
  .ga ul.icons li img {width:65%;height:65%;object-fit: contain;}
  .ga ul.icons li h4 {font-size: 1.275rem;margin:10px 0 5px}
  .ga ul.icons li p {font-size:1.125rem;}
  .ga .col-2 .col:last-child li {padding:10px 20px}
  .ga .col-2 {padding:0 15px}
  .step ul.icons_step li {padding:20px 0}
  .step ul.icons_step li div:first-child {padding-left: 20px;}
  .step ul.icons_step li div:first-child img {height:90px;}
  .step ul.icons_step li div h2 {font-size: 1rem;}
  .step ul.icons_step li div p {font-size: 1rem;margin-top: 5px;}
  .edu .edu_list h4 {font-size: 1.125rem;}
  .edu .edu_cyber h4 {font-size:1.5rem;}
  .edu .edu_cyber p {width: 80%;margin:20px auto 20px;font-size: 1rem;}
  .edu .edu_cyber p span.or {font-size:1rem;}
  .sub.join .content img {height: 140px;object-fit: cover;object-position: right;}
  .edu .edu_cyber li {height:190px;margin-bottom:40px;}
  .join .btn_wrap {padding-top:40px;}
  .join a.link_btn {width:93%;padding:20px;font-size:1rem;margin:0;}

  .guide ul.icons_step {width: 100%;margin:auto;} /* (추가)채용가이드 좌우여백 jd */
  .guide ul.icons_step li {padding:20px 0}
  .guide ul.icons_step li div {padding:0 0 0 20px}
  .guide ul.icons_step li div h2 {font-size:1.25rem;}
  .guide ul.icons_step li div p {font-size: 1rem;font-weight: 400;}
  .guide ul.icons_step li div p.or {font-size: .875rem;margin-top:10px;}
  .talent .col-2 div:last-child li {display: none;}
  .talent .col-2 div:last-child li.m {display: block;}
  .talent .col-2 div:last-child li p:first-child {margin-bottom:20px;}
  .talent .col-2 div:last-child li p:not(:first-child) {margin-bottom: 10px;}
  .welfare .icon_list li div:first-child {text-align: center; width:10%}
  .welfare .icon_list li div:first-child img {height: 40px;width:100%;object-fit: contain;margin:auto}
  .job_view a.btn {display: block; width: 100%; font-weight: 600; padding: 13px;}
  .faq .search label input {width:400px;}
  .faq .accordion a.title {padding:15px 40px 15px 15px}
  .faq .accordion .txt {padding:15px 20px}
  .faq .accordion a.title:after {top:14px;right:14px;}

  #item02 table th:first-child {width:30%;}
  #item02 .or {display: block;}
  #item02 .pc {display: none;}

  .tabcontent  table th:first-child {width:30%;}
  .tabcontent  .or {display: block;}
  .tabcontent .pc {display: none;}

  .history_scroll .fixed p {font-size: 1.5rem;}
  .history_scroll .fixed h2.m {font-size:2.5rem;margin-top:30px;}
  .history_scroll .fixed.active {background:#fff;top:70px;width:100%;padding-top:30px;z-index:1;left: 0;padding: 30px 10px 10px;}

  .history_scroll2 .fixed p {font-size: 1.5rem;}
  .history_scroll2 .fixed h2.m {font-size:2.5rem;margin-top:30px;}
  .history_scroll2 .fixed.active {background:#fff;top:70px;width:100%;padding-top:30px;z-index:1;left: 0;padding: 30px 10px 10px;}

  .promo.news .card_wrap li {height:330px;}
  .promo.news .card_wrap li.img .txt p:not(.date) {display: none;}
  .promo.news .card_wrap li:not(.img) .txt p {-webkit-line-clamp: 6;}
  .promo.news .card_wrap li.img .txt {padding:15px 24px 97px;}

  .promo.news .card_wrap li.img .txt h4 {font-size: 1.125rem;}
  .promo.news .card_wrap li:not(.img) {padding:30px 20px 20px}
  .promo.news .card_wrap li:not(.img) .txt h4 {margin-bottom:30px;font-size: 1.125rem;}
  .promo.news .card_wrap li:not(.img) .txt p {font-size: .875rem;}

  .promo .search label input {width: 380px;}
  .life .card_wrap h2 {font-size: 1.5rem;margin-bottom: 20px;}
  .life .part_wrap {margin-bottom: 40px;}
  .info .txt h2 {font-size: 1.5rem;}

  .info div.line li span {font-size: .875rem;font-weight:300;font-family:'Noto Sans KR', sans-serif ;}
  .info div.line li {font-size: .875rem;padding: 8px 10px; font-weight: 400;}
  .info div.line li span:first-child {margin-bottom: 3px;font-weight: 600;}

  .promo .accordion a.title:after {top:15%;}
  .promo .accordion li.active a.title:after {top:15%;}
  #modal_privacy .container {width:90%;padding:3%}

    .service .col-2 .col h2 {height:50px;}


  
}

@media screen and (max-width:500px){
  .sub .content h2.tit {font-size:1.5rem;}
  .lnb.fixed {top:76px}
  .info .row:nth-of-type(1),.info .txt,.info div.line {padding:0 20px;}
  .company .sub_visual:before {background:url(../img/sub_visual__company_m.png)no-repeat;background-size:cover;}
  .info div.line__txt.m p {font-size:.875rem;font-weight: 300;margin-bottom: 20px;line-height: 24px;}
  .info div.line__txt.m p br {display: none;}
  .info div.line li {font-size:.875rem;padding:8px 10px;font-weight: 300;}
  .group .img.m {padding: 0 15px}
  .greet .txt p.or {margin:20px 0 40px;font-size: .875rem;}
  .greet .txt > div:last-child p:last-child {font-size:.875rem;font-weight: 400;}
  .greet .txt > div h2 {font-size:1.8rem;margin:35px 0 25px}
  .greet .txt p.pc {display: none;}
  .greet .txt div:first-child h2 span.or:after {width:33%;left: 290px;}

  /*.greet .txt p.m {display:block;font-size:.875rem;line-height: normal;margin-bottom: 20px;}*/
  .greet .txt p.m {display:block;font-size:.875rem;line-height: 24px;margin-bottom: 20px;}
  .greet .txt p.m br {display: none;}
  .greet .txt p span.p01 {display:block;font-size:1rem;line-height: 24px;}
  .ci .txt {padding:0 15px;margin-bottom:30px;}
  .ci ul.col-3 {padding:0 15px}
  .ci ul.col-4 {padding:0 15px}

  .notice.sub .content h2.tit span:last-child {font-size:.835rem;margin:0 0 15px;line-height: normal;}
  .notice table th {padding:10px 0}
  .notice table td {padding:10px 0;font-size:.813rem;width:25%;}
  /* .notice table td:nth-of-type(2) {width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;font-size: 1rem;}  경영공시 라인 깨짐 jd */
  .notice table td:nth-of-type(2) {width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1rem;}
  .notice table td span img {width:12px;margin-left:5px}
  .notice_view a.btn {display: block;width: 100%;font-weight:500; padding: 15px;}
  .notice_view .view_line span:first-child {width:30%;font-size: .75rem;padding:0 10px}
  .sub.notice_view .content {padding:40px 15px 120px}

  /*.consumer.sub .content h2.tit span:last-child {font-size:.835rem;margin:0 0 15px;line-height: normal;}*/
  .consumer table th {padding:10px 0}
  .consumer table td {padding:10px 0;font-size:.813rem;width:25%;}
  .consumer table td:nth-of-type(2) {width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1rem;}
  .consumer table td span img {width:12px;margin-left:5px}
  .consumer_view a.btn {display: block;width: 100%;font-weight:500; padding: 15px;}
  .consumer_view .view_line span:first-child {width:30%;font-size: .75rem;padding:0 10px}
  .sub.consumer_view .content {padding:40px 15px 120px}

  .life .part_wrap ul.m {padding:35px 15px 0}
  .life .part_wrap ul.m li {width:33.3333%;height:auto;margin-bottom:0;margin-right:0;}
  .life .card_wrap li {padding:15px 0 15px 15px;margin-bottom: 10px;}
  .life .card_wrap ul.m {padding:0 15px}
  .life .btn_wrap {padding:0 15px;padding-top:20px;}
  .life a.link_btn {width:100%;font-size: 1rem;padding:20px 30px;margin:5px 0;}
  .life a.link_btn::before {font-size: 1.5rem;}
  .life .part_wrap ul.m {padding:20px 15px 0}
  .non-life .part_wrap ul.m {padding:20px 10px 0}
  .non-life .part_wrap::before {height:85%;}
  .life .part_wrap::before {height:85%;}
  .non-life a.link_btn::before {font-size: 1.5rem;}
  .non-life a.link_btn {font-size: 1rem;}
  .non-life .part_wrap li {margin-right: 7px;}
  /*.non-life .part_wrap ul.m {padding:35px 15px 0;}*/
  .non-life .btn_wrap {padding:0 15px}
  .guarantee .col p {display: none;}
  .guarantee .col p.m {display:block;font-size:.875rem;margin-bottom: 20px;line-height:24px;}
  .call .content ul {padding:0 15px}
  .call .content li div:first-child {width:33%;}
  .call .content li div:first-child h2 {font-size: 1.25rem;}
  .call .content li div p {font-size:.875rem;margin-top: 2px;}
  .call .content li:nth-of-type(1) div:first-child h2:before,
  .call .content li:nth-of-type(2) div:first-child h2:before,
  .call .content li:nth-of-type(3) div:first-child h2:before, 
  .call .content li:nth-of-type(4) div:first-child h2:before {font-size: 1rem;}
  .ga .col-2 .col:last-child p {display: none;}
  .ga .col-2 .col:last-child p.m {display: block;}
  .sub.vision .content {padding:60px 15px 140px}
  .sub.vision .content h2.tit span {display:none}
  .sub.vision .content h2.tit span.m {display:block}
  .sub.step .content {padding:60px 15px 140px}
  .edu .edu_list ul {padding-bottom: 40px;}
  .edu .edu_list {padding:0 15px;margin:30px auto}
  .edu .edu_list h4 {font-size: 1rem;margin-bottom: 20px;}
  .edu .edu_list li {font-size:.875rem;}
  .edu .edu_list li span {font-size: .813rem;}
  .edu .edu_list li:before {border-width:5px;margin-top:-5px}
  .edu .edu_list li:first-child span {font-size: .813rem;}
  .support .tab{margin:60px 0 0;}
  .edu .edu_cyber ul {justify-content: space-between;padding:10px 15px}
  .edu .edu_cyber li {width: 50%;height: 170px;margin-bottom: 5px;}
  .edu .edu_cyber li span {font-size: 1rem;}
  .edu .edu_cyber p span.or {font-size: 1rem;}
  .edu .edu_cyber p {font-size:1rem;}
  #item01 ul {padding:0 15px;margin:30px 0}
  .support button.tablinks {height: 50px;font-size:.875rem;}
  .support .tab{padding:0 15px}
  .sub.guide .content {padding:60px 15px 140px}
  .talent .col-2 {padding:0 15px}
  .welfare .col-2 {padding:0 15px}
  .welfare .icon_list {margin-top:50px;}
  .welfare .col-2 div:first-child h2 span.or:after {width:40%;left: 220px;line-height: 30px;}
  .welfare .col-2 div:first-child h2 {font-size: 1.5rem;}
  .welfare .col-2 div:last-child p.m {font-size: .875rem;}
  .welfare .icon_list h2 {font-size: 1.5rem;}
  .welfare .icon_list li {margin-bottom: 10px;}
  .welfare .icon_list li h4,.welfare .icon_list li:nth-of-type(3) h4 {font-size: 1rem;margin:0 0 5px 0;}
  .welfare .icon_list li p {font-size: .875rem;}
  .welfare .icon_list li {padding:15px 20px}
  .welfare .icon_list ul.m {padding:0 15px}
  .sub.job .content {padding:60px 15px 140px}
  .sub.job_view .content {padding:60px 15px 80px}
  .job_view.sub .content h2.tit span {font-size: .875rem;}
  .job_view .line span:first-child {width: 30%;font-size: .875rem;padding: 0 10px;}
  .service .col-2 .col h2 {height:50px;}
  .service .col-2 .col {margin:0; padding:30px;margin-bottom: 20px;}
  .service .col-2 .col a.btn {padding:14px 40px}
  .service .col-2 .col p {font-size: .875rem;}
  .service .col-2 .col .row:nth-of-type(1) {margin-bottom: 20px;}
  .service .col-2 .col .row:nth-of-type(2) {margin-top: 20px;}
  .service .col-2 .col .row:nth-of-type(2) p {margin-bottom: 10px;}
  .service .col-2 .col a.btn {margin-top: 30px;}
  .service .col-2 .col .row:nth-of-type(2) p img {width:15px}
  .sub.faq .content {padding:60px 15px 140px}
  #item02 {padding:0 15px;margin-top: 30px;}
  #item02 .row h2 {font-size:1.125rem;}
  #item02 .row dl {font-size: .813rem;}
  #item02 .row dd.ml20 {margin-left:10px;}
  #item02 span.gray-tit {font-size: .875rem;}
  #item02 table th {padding:10px 20px;font-weight: 400;}
  #item02 .line {border:none}

  .tabcontent {padding:0 15px;margin-top: 30px;}
  .tabcontent .row h2 {font-size:1.125rem;margin-top: 15px;}
  .tabcontent .point2 {font-size: 1.125rem;}
  .tabcontent .row dl {font-size: .813rem;}
  .tabcontent .row dd.ml20 {margin-left:10px;}
  .tabcontent .row dd {margin-bottom: 45px;}
  .tabcontent span.gray-tit {font-size: .875rem;}
  .tabcontent table th {padding:10px 20px;font-weight: 400;}
  .tabcontent .line {margin:40px 0;}


  .talent .col-2 div:last-child li p:not(:first-child) {font-size: .875rem;}
  /* .talent .col-2 div:last-child li p:not(:first-child) br {display: none;} */
  .talent .col-2 div:last-child li {padding-left: 15px;}
  .talent .col-2 div:last-child li p:first-child {font-size: 1.275rem;margin-bottom: 15px;}
  .talent .col-2 div:last-child li p:first-child span {font-size: .875rem;font-weight: 400;}
  .talent .col-2 div:last-child li p:first-child:before {width: 24px;height:23px;font-size: 1rem;line-height: 1.125rem;left: -15px;top:2px}

  /*.talent .col-2 div:last-child li p:first-child:before {width: 20px;height:20px;background: url()}*/
  .talent .col-2 div:last-child li p:not(:first-child):before {top:28%;left:0}
  .talent .col-2 div > img {max-width: 80%;}
  .job .table_m li {padding:10px 0}
  .job .table_m li div:first-child {width: 17%;}
  .job .table_m li div:last-child {width: 83%;}
  .job .table_m li span.badge {width: 50px;height:20px;font-size:.625rem;margin-right: 15px;}
  .job .table_m li p:nth-of-type(1) a {font-weight: 400;font-size: .875rem;}
  .job .table_m li p:nth-of-type(2) span {font-size: .875rem;font-weight: 300;}
  .job .table_m li p:nth-of-type(2) span:first-child:after {width:1%;}
  .job .table_m li p:nth-of-type(2) span:first-child {width: 20%;}
  .job .manager span img {width: 15px;height:15px;object-fit: contain;bottom:2px}
  .job .manager span:first-child {margin-bottom: 15px;font-size: 1.125rem;font-weight: 500;}
  .job .manager span {font-size: .875rem;}
 /* .job .paging {margin-top: 30px;} */
  .history_scroll {padding:0 15px;margin-top: 20px;}
  .history_scroll .col li {font-size: 1rem;}
  
  .history_scroll2 {padding:0 15px;margin-top: 20px;}
  .history_scroll2 .col li {font-size: 1rem;}


  .sub.promo.news .content {padding:60px 15px 140px}
  .sub.promo.search .content {padding:60px 15px 140px}
  footer > p br {display:none}
  footer > p {padding:10px 0;font-size: .625rem;}
  .history .content img {width:100%;height:120px;object-fit: cover;}
  .notice.sub .content h2.tit span:first-child {margin:10px 0 0;}
  .sub.notice .content {padding:60px 15px 140px}
  .notice_view.sub .content h2.tit span {font-size: .875rem;margin:10px 0 30px}
  .notice_view .content_wrap {padding:20px 0 20px}
  .notice_view .content_wrap h2 {font-size: 1.127rem;font-weight: 400;margin-bottom: 20px;}
  .notice_view .content_wrap pre {font-size:.875rem;line-height: normal;}
  .notice_view .content_wrap p span {font-size:.875rem;font-weight: 400;padding:5px 0;}
  .notice_view .content_wrap p a {padding: 10px 0px;font-size: .875rem;}
  .notice_view .view_line {padding:10px 0;}
  .notice_view .view_line span:last-child {font-size: .875rem;}
  .notice_view .view_line span:first-child img {width: 15px;}
  .notice_view .view_line span:last-child img {vertical-align: bottom; margin-left: 5px; width: 12px;margin-bottom: 2px;}

  /*.consumer.sub .content h2.tit span:first-child {margin:10px 0 0;}*/
  .sub.consumer .content {padding:60px 15px 140px}
  .consumer_view.sub .content h2.tit span.co {font-size: .875rem;margin:10px 0 30px}
  .consumer_view .content_wrap {padding:20px 0 20px}
  .consumer_view .content_wrap h2 {font-size: 1.127rem;font-weight: 400;margin-bottom: 20px;}
  .consumer_view .content_wrap pre {font-size:.875rem;line-height: normal;}
  .consumer_view .content_wrap p span {font-size:.875rem;font-weight: 400;padding:5px 0;}
  .consumer_view .content_wrap p a {padding: 10px 0px;font-size: .875rem;}
  .consumer_view .view_line {padding:10px 0;}
  .consumer_view .view_line span:last-child {font-size: .875rem;}
  .consumer_view .view_line span:first-child img {width: 15px;}
  .consumer_view .view_line span:last-child img {vertical-align: bottom; margin-left: 5px; width: 12px;margin-bottom: 2px;}

  .sub.consumer .content.license{padding:60px 15px 0px}

  /*.ci .txt p.m {font-size: .875rem;margin-bottom: 20px;line-height:24px;}*/
  .ci .txt p.m {font-size: .875rem;margin: 20px 0;line-height:24px;}
  .ci ul.col-3 li {padding:5px 20px 15px}
  .ci ul.col-3 li > span {width: 20px;height: 20px;line-height: 15px;font-size:1.125rem; display: flex; justify-content: center; align-items: center;}
  .ci ul.col-3 li h2 {font-size: 1rem;}
  .ci ul.col-3 li p {font-size: .875rem;line-height: normal;}

  .ci ul.col-4 li {padding:5px 20px 15px}
  .ci ul.col-4 li > span {width: 20px;height: 20px;line-height: 15px;font-size:1.125rem; display: flex; justify-content: center; align-items: center;}
  .ci ul.col-4 li h2 {font-size: 1.25rem;}
  .ci ul.col-4 li p {font-size: .875rem;line-height: normal;}


  .guarantee .col h2 span.or {font-size: 1.5rem;margin-bottom: 0;}
  .guarantee .col h2 {font-size: 1.5rem;margin-bottom: 20px;}
  .guarantee .col h2 br {display: block;margin-bottom:5px;}
  .guarantee .content img {height: 120px;object-fit: cover;margin-bottom: 30px;}
  .guarantee .col-2 {padding:0 15px}
  /*.guarantee .col span {font-family:'HanwhaWeb';font-weight:500;font-size: .875rem;}*/
  .guarantee .col span {font-weight:500;font-size: .875rem;}
  .welfare .col-2 div:last-child p.m br {display: none;}.welfare .icon_list li
  .call .content > img {height:120px;object-fit: cover;}
  .call .content ul {margin-top: 20px;}
  .call .content li div:first-child h2.m br {display: none;}
  .call .content li {flex-direction: column;}
  .call .content li div:first-child {width: 100%;}
  .call .content li:nth-of-type(1) div:first-child h2:before, .call .content li:nth-of-type(2) div:first-child h2:before, .call .content li:nth-of-type(3) div:first-child h2:before, .call .content li:nth-of-type(4) div:first-child h2:before {
    font-size: .75rem;top:-15px
  }
  .call .content li {padding:40px 0 20px 20px}
  .call .content li div:last-child {margin-top: 10px;}
  .call .content li div:last-child p {margin-top: 2px;}

  .call .content li div:last-child p > span {width: 100px;}
  .call .content li div:last-child p > span img {width: 16px;height:16px;object-fit: contain;margin:0 6px 0 0;}
  .call .content li div:last-child > span {padding-left: 4%;font-size: .875rem;}
  .call .content li div:last-child > span:last-child {margin-bottom:5px;}
  .call .content li:nth-of-type(2) p {padding-right: 10%;}

  .ga ul.icons li:nth-of-type(3) p {display: none;}
  .ga ul.icons li:nth-of-type(3) p.m {display: block;}
  .faq .search label input {width:300px}
  .faq .search {padding:10px 0}
  .faq .accordion a.title {font-size: .875rem;padding:15px 40px 15px 15px}
  .faq .accordion .txt {padding:15px;font-size:.875rem;}
  .faq .accordion li.active a.title {font-weight:600;}
  .faq .accordion a.title span.or {margin-right: 2px;}
  .promo .accordion .txt p span {padding:0 10px}
  .promo .accordion a.title:after {top:15%;}
  .promo .accordion li.active a.title:after {top:15%;}

  .card_wrap .btn_wrap {padding:0 15px;width:100%}
  .step .icons_m {padding:0;margin-bottom: 20px;}
  .step ul.icons_step {width: 100%;}
  .step ul.icons_step li {padding:15px 0;}
  .step ul.icons_step li div:first-child {padding-left: 0;width: 70px;}
  .step ul.icons_step li div:first-child img {width:50px;height:60px;object-fit:cover;margin:0 10px}
  .step ul.icons_step li div h2 {font-size: 1rem;}
  .step ul.icons_step li div p {font-size:.875rem;}

.ethics_tab {margin-top: 50px;}
button.ethics {font-size: 1rem;font-weight:600; height:60px}

.ethics_tab2.m {display:block;}
.ethics_tab2 {display:none;}

ul.ethics_step {width: 100%;}
ul.ethics_step li {padding:25px 0;}
ul.ethics_step li div:first-child {padding-left: 0;width: 70px;}
ul.ethics_step li div:first-child img {width:50px;height:60px;object-fit:cover;margin:0 10px}
ul.ethics_step li div h2 {font-size: 1.125rem;}
ul.ethics_step li div p {font-size:.875rem;}

.ethics_orange_box {
    margin-top: 60px;
    padding: 40px 20px 35px;
}

.ethics_orange_box h1 {
    font-size: 1.5rem;font-weight:500;
}
.ethics_orange_box li {
    font-size: 1rem;
	line-height: 1.5;
}

.ethics_orange_box li + li {
    margin-top: 25px;
}

  .guide ul.icons_step {width: 100%;margin:auto;} /* (추가)채용가이드 좌우여백 jd */
  .guide ul.icons_step li {padding:20px 0}
  .guide ul.icons_step li div {padding:0 0 0 20px}
  .guide ul.icons_step li div h2 {font-size:1rem;}
  .guide ul.icons_step li div p {font-size: .875rem;font-weight: 400;}
  .guide ul.icons_step li div p.p8 {font-weight: 500;padding-bottom:8px;font-family:'HanwhaWeb';}
  .guide ul.icons_step li div p.or {font-size: .875rem;margin-top:10px;}

  .promo.news .card_wrap li .txt p.date {position:absolute;bottom:0;}
  .promo.news .card_wrap li.img img {width:100%;display:block;height: 50%;object-fit:cover;}

   .promo.news .card_wrap li.img .txt h4,
  .promo.news .card_wrap li:not(.img) .txt h4 {font-size:0.813rem;margin-bottom:10px;}
  .promo.news .card_wrap li {height:250px;}
  .promo.news .card_wrap li:not(.img) .txt p {font-size: .75rem;}
  .promo.news .card_wrap li .txt p.date {position:absolute;bottom:0;}
  .promo.news .card_wrap li.img img {width:100%;display:block;height: 50%;object-fit:cover;}

  .promo.news .card_wrap li:not(.img) {padding:15px 10px 10px}
  .promo.news .card_wrap li {width: 48%;margin-bottom: 13px;;}
  .promo.news .card_wrap li.img .txt {padding:10px;height: 50%;}
  .promo.news .card_wrap li.img .txt p {font-size: .75rem;margin:15px auto 10px}


  .promo.news_view .content {padding:40px 15px 120px}
 
  .promo.news_view a.btn {display: block;width: 100%;font-weight:500; padding: 15px;}
  .promo.news_view .content .txt {padding:40px 15px 120px}

  
  .promo.news_view.sub .content h2.tit span {font-size: .875rem;margin:10px 0 30px}
  .promo.news_view .content_wrap {padding:20px 0 20px}
  .promo.news_view .content_wrap h2 {font-size: 1.127rem;font-weight: 400;margin-bottom: 20px;}
  .promo.news_view .content_wrap pre {font-size:.875rem;line-height: normal;}
  .promo.news_view .content_wrap p span {font-size:.875rem;font-weight: 400;padding:5px 0;}
  .promo.news_view .content_wrap p a {padding: 10px 0px;font-size: .875rem;}
  .promo.news_view .view_line {padding:10px 0;}
  .promo.news_view .view_line span:first-child {width:30%;font-size: .875rem;padding:0 10px}
  .promo.news_view .view_line span:first-child img {width: 15px;}
  .promo.news_view .view_line span:last-child {font-size: .875rem;}
  .promo.news_view .view_line span:last-child img {vertical-align: bottom; margin-left: 5px; width: 12px;margin-bottom: 2px;}


  .guarantee .col li span {font-size: .875rem;font-weight:300;font-family:'Noto Sans KR', sans-serif ;}
  .guarantee .col li {font-size: .875rem;padding: 8px 10px; font-weight: 400;}
  .guarantee .col li span:first-child {margin-bottom: 3px;font-weight: 600;}
  .guarantee .col:last-child {padding-top: 20px;}

  .info div.line li span {font-size: .875rem;font-weight:300;font-family:'Noto Sans KR', sans-serif ;}
  .info div.line li {font-size: .875rem;padding: 8px 10px; font-weight: 400;}
  .info div.line li span:first-child {margin-bottom: 3px;font-weight: 600;}


  #modal_privacy .container {height:70%;}

  /* 21.11.16 추가 */
  .consumer .card_wrap ul.m {padding: 0px;}
  .consumer .card_wrap ul.m br{display: block;}
  .consumer .card_wrap li {
    padding: 25px 15px 25px 15px;}
  .consumer .card_wrap li p {font-size: .875rem;line-height:normal;}
  .consumer .card_wrap li p > span {font-size: .875rem;}
    
  .consumer .card_wrap li img {width: 35px;height: 35px;object-fit: contain;margin-bottom: 0;}

  .consumer .charter.m{padding: 20px 0px 0 0px;}
  .consumer .charter.m h4{font-size: 1.25rem;}
  .consumer .charter.m p{font-size: .875rem;line-height:24px;}
  .consumer .charter.m p span.or{font-size: .875rem;}
  


  .consumer ul.col-4 {padding:0 15px}

  .consumer ul.col-4 li {padding:15px 20px 15px}
  .consumer ul.col-4 li > span {width: 20px;height: 20px;line-height: 15px;font-size:1.125rem; display: flex; justify-content: center; align-items: center;}
  .consumer ul.col-4 li h2 {font-size: 1.25rem;}
  .consumer ul.col-4 li p {font-size: .875rem;line-height: normal;}

}

@media screen and (max-width:480px){
 .lnb {height: 50px;}
  .lnb .lnb_nav > li {font-size: .875rem;padding:20px;}
  .lnb .lnb_nav > li.lnb_sub {padding:16px 19px;}
  .lnb .lnb_nav > li.lnb_sub:after {right:20px;transition:.3s}
  .lnb .lnb_nav > li.lnb_sub.active:after {transform: rotate(-180deg);}


  .f_logo img {width:150px}
  .f_nav__num li {font-size: .75rem;margin-bottom:5px;}
  .sub .content h2.tit span {font-size:1rem;font-weight: 400;margin:5px 0 30px;line-height:normal;}
  .sub.info .content h2.tit span, .sub.history .content h2.tit span {display: none;}
  .sub.info .content h2.tit span.m, .sub.history .content h2.tit span.m {display:block;font-size:1rem;font-weight: 400;margin:5px 0 30px;line-height: 1.3rem;}
  #item01 li {margin-bottom: 10px;}
  #item01 li h2 {font-size:1rem;margin-bottom: 14px;}
  #item01 li p {font-size: 0.813rem;}
  #item01 li > span {width: 24px;height: 24px;line-height: 25px;}
  .history_scroll .fixed p {font-size: 1.25rem;}
  .history_scroll .fixed h2.m {font-size:1.875rem;}

  .history_scroll2 .fixed p {font-size: 1.25rem;}
  .history_scroll2 .fixed h2.m {font-size:1.875rem;}


  .promo .search label input {width: 300px;}
  .promo .accordion a.title:after {top:15%;}
  .promo .accordion li.active a.title:after {top:15%;}
  .promo .accordion a.title span.or {width:60px;padding:0;font-size: .75rem;line-height: 20px;height:20px;margin-right:5px;vertical-align: middle;}
  .promo .search {padding:10px 0}
  .promo .accordion .txt p span:after {right: -2%;top: 15%;height:60%;}
  .promo .accordion a.title span:nth-of-type(2) {vertical-align: middle;}
  .promo .accordion a.title {padding:15px 10px}
  .promo .accordion .txt p span img {width:12px;margin-right:5px;}
  .promo .accordion .txt > img {height: 200PX;display:block}
  .promo .accordion a.title span:nth-of-type(3) {font-size: .875rem;font-weight: 300;}
  .sub_visual h2 {font-size: 1.375rem;}
  .sub_visual h2 span {font-size:.813rem;}
  .sub_visual {height: 150px;}
  .sub {margin-top: 70px;}
  .info .row:nth-of-type(2) > img {height: 120px;object-fit: cover;margin-bottom: 30px;}
  .info .row:nth-of-type(1), .info .txt, .info div.line {padding:0 15px}
  .info .txt h2 span.or {margin-bottom: 0;}
  .info .txt {margin-bottom: 20px;}
  .sub.life .content h2.tit span {margin:0px 0 30px;}
  .sub.life .content h2.tit span {margin-top: 15px;line-height: normal;}
 /* .greet .content img {height: 220px;object-fit: cover;} */
  .greet .txt {padding:0 15px}
  .greet .txt > div h2 {font-size: 1.5rem;margin:25px 0 20px}
  .greet .txt div:first-child h2 span.or:after {width:33%;left: 240px;}
  .notice table th {font-size: .835rem;}
  .notice table th:last-child {display: none;}
  .notice table td:last-child {display: none;}

  .consumer table th {font-size: .835rem;}
  .consumer table th:last-child {display: none;}
  .consumer table td:last-child {display: none;}

  .life .card_wrap li p {font-size: .875rem;line-height:normal;}
  .life .card_wrap li p > span {font-size: .875rem;}
  .life .card_wrap li img {width: 35px;height: 35px;object-fit: contain;margin-bottom: 0;}
  .life .card_wrap li div > span {font-size: .875rem;font-weight: 300;}
  .info .info_img_m {max-width: 80%;}
  .info .row:nth-of-type(1) {margin-bottom: 50px;}
  .edu .edu_img_m {max-width: 80%;}
  .notice_view.sub .content h2.tit span img {bottom: -1px;left: -5px;width: 15px;}
  .notice_view .content_wrap p a img {vertical-align: unset; margin: 0 10px 0 20px;width: 12px;
    position: relative; bottom: -2px;}

  .consumer_view.sub .content h2.tit span img {bottom: -1px;left: -5px;width: 15px;}
  .consumer_view .content_wrap p a img {vertical-align: unset; margin: 0 10px 0 20px;width: 12px;
    position: relative; bottom: -2px;}

  .guarantee .col li span {font-size: .875rem;font-weight:300;font-family:'Noto Sans KR', sans-serif ;}
  .guarantee .col li {font-size: .875rem;padding: 8px 10px; font-weight: 300;}
  .guarantee .col li span:first-child {margin-bottom: 3px;font-weight: 400;}
  .guarantee .col:last-child {padding-top: 20px;}
  .call .content li div:last-child p > span {width: 100px;}
  .call .content li div:last-child p > span img {width: 16px;height:16px;object-fit: contain;margin:0 6px 0 0;}
  .call .content li div:last-child > span {padding-left: 4%;font-size: .875rem;}
  .call .content li div:last-child > span:last-child {margin-bottom:5px;}
  .call .content li:nth-of-type(2) p {padding-right: 10%;}
  .ga ul.icons li h4 {font-size: 1rem;margin:2px 0 2px;}
  .ga ul.icons li p {font-size:.875rem;line-height:1.125rem;}
  .ga ul.icons li p br {display: block;}
  .ga ul.icons {padding:0 15px;margin-bottom:20px;}
  .ga ul.icons li img {height: 110px;}
  .ga .col-2 .col h2 {font-size: 1.5rem;line-height: normal;margin-bottom: 20px;}
  .ga .col-2 .col:last-child p.m {font-size: .875rem;margin-bottom: 20px;line-height:24px;}
  .ga .col-2 .col:last-child p.m br {display: none}
  .ga .col-2 .col:last-child li {font-size: .875rem; padding: 8px 10px; font-weight: 300;}
  .service .col-2 .col {margin:0; padding:30px;margin-bottom: 20px;}
  .service .col-2 .col a.btn {padding:14px 40px}
  .service .col-2 .col p {font-size: .875rem;}
  .service .col-2 .col .row:nth-of-type(1) {margin-bottom: 20px;}
  .service .col-2 .col .row:nth-of-type(2) {margin-top: 20px;}
  .service .col-2 .col .row:nth-of-type(2) p {margin-bottom: 10px;}
  .service .col-2 .col a.btn {margin-top: 30px;}
  .service .col-2 .col .row:nth-of-type(2) p img {width:15px}


  .promo.news .card_wrap li.img .txt h4,
  .promo.news .card_wrap li:not(.img) .txt h4 {font-size:0.813rem;margin-bottom:10px;height:37px;}
  .promo.news .card_wrap li {height:250px;}
  .promo.news .card_wrap li:not(.img) .txt p {font-size: .75rem;}
  .promo.news .card_wrap li .txt p.date {position:absolute;bottom:0;}
  .promo.news .card_wrap li.img img {width:100%;display:block;height: 50%;object-fit:cover;}

  .promo.news .card_wrap li:not(.img) {padding:15px 10px 10px}
  .promo.news .card_wrap li {width: 48%;margin-bottom: 13px;;}
  .promo.news .card_wrap li.img .txt {padding:10px;height: 50%;}
  .promo.news .card_wrap li.img .txt p {font-size: .75rem;margin:15px auto 10px}

  .paging {display: none;}
  .paging.m {display: block;}
  .paging li.arrow_btn img {width: 12px;height:12px;}

  /*
  .paging li.arrow_btn:nth-of-type(2) {margin:0 10px 0 0;}
  .paging li.arrow_btn:nth-of-type(8) {margin:0 0 0 10px}
  */
  .paging li.pagination {font-size: 1rem;margin:0 10px ;padding:0;}
  .notice table td:nth-of-type(1) {width:10%;font-size: .75rem;}
  .notice table td:nth-of-type(3) {font-size: .75rem;}
  /*.notice table td:nth-of-type(2) {font-size: .835rem;font-weight: 400;width:100%;}  경영공시 라인 깨짐 jd*/
  .notice table td:nth-of-type(2) {font-size: .835rem;font-weight: 400;}

  .consumer table td:nth-of-type(1) {width:10%;font-size: .75rem;}
  .consumer table td:nth-of-type(3) {font-size: .75rem;}
  .consumer table td:nth-of-type(2) {font-size: .835rem;font-weight: 400;}

  .group .img img {width: 100%;}

  .guide ul.icons_step {width: 100%;margin:auto;} /* (추가)채용가이드 좌우여백 jd */
  .guide ul.icons_step li {padding:20px 0}
  .guide ul.icons_step li div {padding:0 0 0 20px}
  .guide ul.icons_step li div h2 {font-size:1rem;}
  .guide ul.icons_step li div p {font-size: .875rem;font-weight: 400;}
  .guide ul.icons_step li div p.p8 {font-weight: 500;padding-bottom:8px;font-family:'HanwhaWeb';}
  .guide ul.icons_step li div p.or {font-size: .875rem;margin-top:10px;}


  .talent .col-2 div:last-child li p:first-child:before {width: 24px;height:23px;font-size: 1rem;left: -15px;top:0px}

  /* 21.11.17 추가 */
  .consumer .card_wrap li img {width: 35px;height: 35px;object-fit: contain;margin-bottom: 0;}
  .consumer .card_wrap li div > span {font-size: .875rem;font-weight: 300;}

  .consumer .content h2.tit span {margin:0px 0 30px;}
  .consumer .content h2.tit span {margin-top: 15px;line-height: normal;}}

  /* 24.10.17 추가 */
  .consumer .donotcall-table2 th:last-child,
  .consumer .donotcall-table2 td:last-child {display: table-cell;}
  .consumer .donotcall-table2 td:nth-of-type(1) {width: 50%;}
  .donotcall .donotcall-table2 td:nth-of-type(2) {width: 50%;white-space: wrap;}
  

}