@charset "UTF-8";

/* sub common */
img {image-rendering: -webkit-optimize-contrast;transform: translateZ(0); backface-visibility: hidden;}
img {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE */
}

.img100 {width:100%}
.sub {margin-top: 86px;}
.sub_visual {position:relative;width:100%;height:280px;background:rgba(0,0,0,.4);}
.hire .sub_visual {background:rgba(0,0,0,.1);}
.consumer .sub_visual:before {position:absolute;background:url(../img/sub_visual__consumer.png)no-repeat;top:0;left:0;content:'';width:100%;z-index:-1;height: 100%;background-size:cover;background-position: center;}
.company .sub_visual:before {position:absolute;background:url(../img/sub_visual__companypng.png)no-repeat;top:0;left:0;content:'';width:100%;z-index:-1;height: 100%;background-size: cover;background-position: center;}
.field .sub_visual:before {position:absolute;background:url(../img/sub_visual__field.png)no-repeat;top:0;left:0;content:'';width:100%;z-index:-1;height: 100%;background-size: cover;background-position: center;}
.hire .sub_visual:before {position:absolute;background:url(../img/sub_visual__hire.png)no-repeat;top:0;left:0;content:'';width:100%;z-index:-1;height: 100%;background-size:cover;background-position: center;}
.service .sub_visual:before {position:absolute;background:url(../img/sub_visual__service.png)no-repeat;top:0;left:0;content:'';width:100%;z-index:-1;height: 100%;background-size:cover;background-position: center;}
.promo .sub_visual:before {position:absolute;background:url(../img/sub_visual__promo.png)no-repeat;top:0;left:0;content:'';width:100%;z-index:-1;height: 100%;background-size:cover;background-position: center;}
/*.sub_visual h2 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2.25rem;text-align:center;font-family:'HanwhaWeb';}*/
.sub_visual h2 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2.25rem;text-align:center;font-weight: 600;}
.sub_visual h2 span {display:block;color:#FF6600;font-size:1.125rem;margin-top:10px;}
.lnb {width:100%;height:62px;border-bottom:1px solid #ccc;background:#fff;}
.lnb.fixed {position:fixed;top:85px;background:#fff;z-index: 2;}
.lnb .lnb_nav {display:flex;height:100%;align-items:center;}
.lnb .lnb_nav > li {padding:20px;cursor: pointer;border-left:1px solid #ccc;font-weight: 600;}
.lnb .lnb_nav > li:last-child {border-right:1px solid #ccc;color:#ff6600}
.lnb .lnb_nav > li.lnb_sub {position:relative;width:240px;}
.lnb .lnb_nav > li.lnb_sub:after {position:absolute;right:15px;content:url(../img/icon__lnb.png);transition:.3s;}
.lnb .lnb_nav > li.lnb_sub ul {position:absolute;top: 97%;width: 101%;left: -1px;display: none;background:#fff;border: 1px solid #ccc;border-top: none;z-index:1;}
.lnb .lnb_nav > li.lnb_sub.active ul {display: block;}
.lnb .lnb_nav > li.lnb_sub li a {display:block;margin:5px 0;padding:10px 20px;color:#777;transition:.2s}

.f_nav__num li.priv {cursor: pointer;}
#modal_privacy {display:none}
#modal_privacy {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: block;background: rgba(0,0,0,.5);display: none;z-index:11;}
#modal_privacy .container {/*24-07-25크기수정width:33%;height:53%;*/width:70%; max-width:1400px; height:80%;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding:2%;box-sizing: border-box;border-radius:5px;display: flex;flex-flow: column; align-items: start;}
#modal_privacy .container > h2 {font-size: 1.5rem;font-family:'HanwhaWeb';font-weight: 500;}
#modal_privacy span.modal_close {position: absolute;right:2%;top:3%;width:32px;height:32px;opacity: 0.3;border: 0;background-color: transparent;text-indent: -200px;overflow: hidden;transition:all .3s;cursor: pointer;}
#modal_privacy span.modal_close:hover {opacity:1;transition:all .3s;}
#modal_privacy span.modal_close::before,
#modal_privacy span.modal_close::after {position: absolute;top: 0;left: 15px;content: " ";height: 32px;width: 3px;border-radius: 1px;background-color: #333;}
#modal_privacy span.modal_close::before {transform:rotate(45deg);}
#modal_privacy span.modal_close::after {transform:rotate(-45deg);}
#modal_privacy .container .modal_txt {width:100%;height:88%;margin-top:35px;margin-bottom: 20px; overflow-y:scroll;padding:0 .5rem; font-family: 'dotum';/*24-07-16 폰트추가*/}
#modal_privacy .container .modal_txt p {font-family:'dotum';}
#modal_privacy select{-webkit-appearance: auto;padding: .2rem .3rem;}

#modal_privacy .container .modal_txt *{line-height: 1.6 !important;}
#modal_privacy ol, #modal_privacy ul {list-style: none;padding-left: 8px;margin: 10px 0;font-size: 12px;}

/* 중첩된 리스트 여백 조정 */
#modal_privacy li {margin: 5px 0;}
#modal_privacy li ul, #modal_privacy li ol {padding-left: 8px;}

/* 제목 여백 조정 */
#modal_privacy h2 {margin-top: 10px;margin-bottom: 8px;font-size: 14px;font-weight: bold;}

/* 테이블 스타일링 */
#modal_privacy table {width: 100%;border-collapse: collapse;margin: 15px 0;}

#modal_privacy th, #modal_privacy td {padding: 8px;border: 1px solid #ddd;vertical-align: middle;text-align: center;}

#modal_privacy th {background-color: #f5f5f5;}

/* 반응형 테이블 */
@media screen and (max-width: 600px) {
  #modal_privacy table {
      display: block;
      overflow-x: auto;
      white-space: nowrap;
  }
}

@media screen and (min-width:500px){
  .lnb .lnb_nav > li.lnb_sub:hover > ul {display: block;border-left:1px solid #ccc;}
  /* .lnb .lnb_nav > li.lnb_sub:nth-of-type(2):hover > ul {left:-2px} */
  .lnb .lnb_nav > li.lnb_sub:hover:after {transform: rotate(-180deg);transition:.3s;top:36%}
  .lnb .lnb_nav > li.lnb_sub li a:hover {color:#ff6600}
}
@media screen and (max-width:500px){
  .hire .lnb .lnb_nav > li.lnb_sub:nth-of-type(3):hover > ul {left:-1px}

}
.paging.m {display: none;}
.paging {text-align: center;margin-top:60px;}
.paging li {position:relative;display:inline-block;vertical-align: middle;margin:0 14px;cursor: pointer;transition:.3s;}
/*
.paging li.arrow_btn.disabled {opacity: .4;}
.paging li.arrow_btn:first-of-type {margin:0 10px 0 0;}
.paging li.arrow_btn:nth-of-type(2) {margin:0 20px 0 0;}
.paging li.arrow_btn:nth-of-type(8) {margin:0 0 0 20px;}
.paging li.arrow_btn:last-of-type(4) {margin:0 0 0 10px;}
*/
.paging li.arrow_btn img {width:14px;height: 14px;object-fit: contain;}
.paging li.arrow_btn img.disabled {display:none;opacity:0;}
.paging li.arrow_btn img.active {display:none;opacity:0;}
/*.paging li.pagination {color:#aaa;font-size:1.125rem;font-weight:400;cursor: pointer;}  게시판 페이징 정렬 jd*/
.paging li.pagination {color:#aaa;font-size:1.125rem;font-weight:400;cursor: pointer;padding:0 0 4px 0;}
.paging li.pagination:hover {color:#000}
.paging li.pagination.active {color:#FF6600;}
.paging li.arrow_btn:hover img.default {display: none;}
.paging li.arrow_btn:hover img.active {display:inline-block;opacity:1;}


.sub .content {padding:60px 0 140px;}
/*.sub .content h2.tit {font-size:1.8rem;text-align:center;font-weight:bolder;font-family:'HanwhaWeb';}*/
.sub .content h2.tit {font-size:1.8rem;text-align:center;font-weight:bolder;}
.sub .content h2.tit span {display:block;font-size:1.25rem;color:#555555;margin:20px 0 60px;font-family:'Noto Sans KR', sans-serif;font-weight:300;line-height: 2rem;}
.sub .content h2.tit span.m {display: none;}

.sub .content2 {padding:60px 0 0 0;}
.sub .content2 h2.tit {font-size:1.8rem;text-align:center;font-weight:bolder;font-family:'HanwhaWeb';}
.sub .content2 h2.tit span {display:block;font-size:1.25rem;color:#555555;margin:20px 0 60px;font-family:'Noto Sans KR', sans-serif;font-weight:300;line-height: 2rem;}
.sub .content2 h2.tit span.m {display: none;}

.ethics_tab {margin:90px 0 5px;text-align: center;display: flex;justify-content: center;}
button.ethics {border: 1px solid #000;background:#fff;width:50%;height:65px;font-size: 1.5rem;font-weight:500;}
button.ethics:last-child {border-left:none;}
button.ethics.active {color:#fff;background:#000;}

.ethics_tab2.m {display:none;}
.ethics_tab2 {margin:10px 0 5px;text-align: center;display: flex;justify-content: center;}
button.ethics2 {border: 1px solid #d7d7d7;background:#fff;width:50%;height:100px;font-size: 1rem;font-weight:500;}
button.ethics2 {border-right:none;}
button.ethics2:last-child {border-right: 1px solid #d7d7d7;}
button.ethics2.active {color:#ff6600;font-size: 1rem;font-weight:600;border-bottom:2px solid #ff6600}


ul.ethics_step {width: 100%;margin:auto}
ul.ethics_step li {padding: 35px 0 35px;border-bottom: 1px solid #d1d1d1;}
ul.ethics_step li div {display: inline-block;vertical-align:middle;}
ul.ethics_step li div:first-child {width: 130px;padding-left:40px;}
ul.ethics_step li div:first-child img {display: block;margin:auto}
ul.ethics_step li div h2 {font-size: 1.5rem;font-weight: 500;letter-spacing:-1px;}
ul.ethics_step li div p {font-size: 1.125rem;margin-top:5px;font-weight: 300;}

.ethics_orange_box {
    position: relative;
    margin-top: 120px;
    padding: 70px 60px 60px;
    border: 1px #ff6600 solid;
}
.ethics_orange_box h1 {
    position: absolute;
    top: -19px;
    left: 50%;
    margin: 0 auto;
    padding: 0 18px;
    display: inline-block;
    font-size: 1.5rem;
    background: #fff;
    transform: translateX(-50%);
}
.ethics_orange_box li {
    position: relative;
    padding-left: 22px;
    font-size: 1.125rem;
    color: #626262;
    line-height: 1;
}

.ethics_orange_box li:before {
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 7px;
    height: 7px;
    content: "";
    background: #ff6600;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

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

.fc_orange {
    color: #ff6600 !important;
}

.ethics_tab2.m select {
    margin-top: 10px;
    padding: 0 40px 0 20px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    border: 1px #dedede solid;
    background: url(../img/icon__lnb.png) no-repeat right 20px center;
    background-size: 11px 5.5px;
}


/*consumer common */
.consumer .charter h4 {text-align: center;font-size: 1.625rem; color:#FF6600;padding:20px}
.consumer .charter p {font-size: 1rem;margin:20px 0 80px;text-align:center;line-height: 1.7rem;}
.consumer .charter p span.or {color:#FF6600;font-size: 1rem;}
.consumer .charter.m {display: none;}
.consumer .tab {margin:90px 0 50px;text-align: center;display: flex;justify-content: center;}
.consumer button.tablinks {border: 1px solid #d7d7d7;background:#fff;width:50%;height:65px;font-size: 1rem;font-weight:700;}
.consumer button.tablinks:first-child {border-right:none;}
.consumer button.tablinks:last-child {border-left:none;}
.consumer button.tablinks.active {color:#ff6600;border-bottom:2px solid #ff6600}

/*consumer charter */
.consumer .card_wrap h2 {color:#353535;font-size:2.125rem;margin-bottom: 30px;text-align: center;font-weight:bolder;}
.consumer .card_wrap ul {display: flex;}
.consumer .card_wrap ul.m {display: none;}
.consumer .card_wrap li {border:1px solid #d1d1d1;flex:1;margin-right:13px;border-radius:8px;padding:30px 20px 30px 20px;}
.consumer .card_wrap li:last-child {margin-right:0;}
.consumer .card_wrap li img {display:block;margin-bottom:35px;padding-top:0}
.consumer .card_wrap li p {color:#000;font-size:1rem;line-height: 1.6rem;}
.consumer .card_wrap li p > span {color:#FF6600;font-size:1rem;}
.consumer .card_wrap li > span {color:#999999;font-size:1rem;font-weight: 300;}

/*consumer system */
.consumer .content .system_img {display:block;margin:15px auto;max-width:100%;}
.consumer .content .system_img.m {display: none;}

/*consumer info */
.consumer ul.col-4 {display: flex;flex-wrap: wrap;justify-content: flex-start;width:100%;}
.consumer ul.col-4.m{display: none;}
.consumer ul.col-4 li {width: 32%;margin-right:25px;text-align: center;padding:30px 20px 35px;border:1px solid #d7d7d7;border-radius:10px;height: 290px;margin:8px;}
.consumer ul.col-4 li > span {font-size: 1.5rem;font-weight: bolder;background: #ff6600;display: block;width: 27px;height: 27px;margin: 15px auto;line-height: 29px; font-family:'HanwhaWeb';
  color: #fff; border-radius: 50%;text-align: center;font-weight: 300;}
.consumer ul.col-4 li h2 {font-size:1.25rem;font-weight: 600;margin-bottom: 20px;}
.consumer ul.col-4 li p {font-size:1rem;font-weight: 300;}
.consumer ul.col-4 li p span {font-weight:400;}
.consumer ul.col-4 li a.btn {display: block; margin-top: 33px;text-align:center;padding:10px;font-family:'Noto Sans KR', sans-serif;font-size: 1rem;}
.consumer ul.col-4 li a.btntt {display: block; margin-top:15px;text-align:center;padding:5px;font-family:'Noto Sans KR', sans-serif;font-size: 1rem;}

/*금융소비자게시판*/

.consumer table {width:100%}
.consumer table th {padding:18px 0;font-size:1.125rem;background:#f5f5f5;border-top: 2px solid #FF6600;border-bottom: 1px solid #d1d1d1;font-weight:400;}
.consumer table td {width:12%;padding:18px 0;vertical-align: sub;text-align: center;border-bottom:1px solid #d1d1d1;font-size:1.125rem;}
.consumer table td:not(:nth-of-type(2)) {color:#777;font-weight:300;}
.consumer table td > span.or {width:90px;height:30px;border:1px solid #ff6600;color:#ff6600;border-radius:15px;text-align:center;font-size: 0.875rem; padding: 2% 10%;}
.consumer table td img {width: 15px;vertical-align: middle;margin-left:5px;}
.consumer table td:nth-of-type(2) {width:65%;text-align: left;}

.consumer_view.sub .content h2.tit {font-weight: 500;}
.consumer_view.sub .content h2.tit span.co {font-size:1.125rem; color:#777;font-weight:300;margin:20px 0 40px}
.consumer_view.sub .content h2.tit span.co img {position:relative;bottom:-2px;left:-10px}
.consumer_view.sub .content img {max-width:100%;}

.consumer_view .content .txt  {padding:40px 40px 40px;border-top:2px solid #FF6600;}
.consumer_view .content_wrap h2 {font-size:1.75rem;margin-bottom: 40px;font-weight: 600;}
.consumer_view .content_wrap pre {white-space: pre-line;font-size: 1.125rem;line-height: 1.85rem;font-weight:300;font-family: 'Noto Sans KR', sans-serif;}
.consumer_view .content_wrap p {font-size: 1rem;background:#f5f5f5;margin-bottom:40px;}
.consumer_view .content_wrap p span {display:inline-block;background:#e8e8e8;width:10%;height:100%;padding:20px 0;text-align:center;}
.consumer_view .content_wrap p a img {vertical-align:unset;margin:0 10px 0 30px;width:15px}
.consumer_view .content_wrap p a {color:#000;font-weight:500;text-decoration:underline;font-size:1rem;transition:.2s;}
.consumer_view .content_wrap p a:hover {color:#004eff}

.consumer_view .view_line {padding:20px 0;border-top:1px solid #d1d1d1;}
.consumer_view .view_line:last-of-type {border-bottom:1px solid #d1d1d1;}
.consumer_view .view_line span {display: inline-block;}
.consumer_view .view_line span:first-child {width:15%;padding:0 35px;font-size:.875rem;color:#777;}
.consumer_view .view_line span:first-child img {margin-right:15px;}
.consumer_view .view_line span:last-child {font-size: 1.125rem;color:#000;font-weight:400;}
.consumer_view .view_line span:last-child img {vertical-align: unset;margin-left: 10px;width:15px;margin-bottom: 3px;}
.consumer_view a.btn {margin:40px auto 0;display: block;width:230px;text-align: center;}


/* 연락금지 요구권 안내 */
.donotcall{margin-top: 40px;}
.donotcall-content1{margin-top: 60px;display: flex;flex-flow: column;gap: 1rem;}
.donotcall li{list-style-type: none;font-size: 1rem;padding-left: 1rem;box-sizing: border-box;line-height: 1.7rem;}
.donotcall h3{font-size: 1.3rem;}
.donotcall-content2 h3,
.donotcall-content3 h3{margin-bottom: .5rem;}
.donotcall-content1 h3{display: inline-block;background-color: #ff6600;color: #fff;padding: .5rem 1rem;border-radius: 10px;}
.donotcall-content1 div>ol{background-color: #f7f7f7;padding: 1rem;}
.donotcall table{table-layout: auto;}
.donotcall table td,
.donotcall table th{border: 1px solid #d7d7d7;padding: 10px 0;}
.donotcall table th{background-color: rgb(246, 156, 98);color: #fff;}
.consumer .donotcall table td{font-size: 1rem;width: unset;color: #000;font-weight: normal;vertical-align: middle;text-align: center;}
.donotcall .donotcall-table1 td:nth-of-type(2){width: 40%;}
.donotcall table td:nth-of-type(3){line-height: 2rem;}
.donotcall .donotcall-table1 td:nth-of-type(3) a{display: flex;width: fit-content;align-items: center;margin: 0 auto;gap: .3rem;background-color: #f7f7f7;padding: 0 .3rem;border-radius: 10px;}
.donotcall .donotcall-table2 td:nth-of-type(2){width: 70%;}
.donotcall-table2{display: none;}
.donotcall .donotcall-table2 a{display: flex;width: fit-content;align-items: center;margin: 0 auto;gap: .3rem;background-color: #f7f7f7;padding: 0 .3rem;border-radius: 10px;white-space: nowrap;}
.consumer .donotcall .donotcall-table2 th,
.consumer .donotcall .donotcall-table2 td{font-size: 0.75rem;}


/* 과장광고 신고센터 */
.report{margin-top: 40px;}
.report-content3 h3{font-size: 1.3rem;margin-bottom: .5rem;}
.report-content2 p{font-size: 1rem;line-height: 1.7rem;}
.report-content3 li{list-style-type: none;font-size: 1rem;padding-left: 1rem;box-sizing: border-box;line-height: 1.7rem;}
.report-content1{margin-top: 60px;border: 1px solid #d7d7d7;padding: 1rem;height: 300px;overflow-y: scroll;}
.report-content2{display: flex;flex-direction: column;gap: 1rem;}
.report-content2 p:nth-child(2){text-align: center;margin-bottom: 2rem;}
.report-content2 a{display: flex;justify-content: center;text-decoration: underline;color: rgb(246, 156, 98);font-weight: bold;font-size: 1.3rem;}
.report-content3{display: flex;flex-direction: column;gap: 1rem;}

.report-content1 .main-title {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 20px;
  font-weight: bold;
}
.report-content1 .chapter-title {
  font-size: 1.2rem;
  margin: 50px 0 15px;
  text-align: center;
  font-weight: bold;
}
.report-content1 p,
.report-content1 li{
  font-size: 0.8rem;
  line-height: 1.4rem;
}
.report-content1 .article {
  margin: 20px 0;
}
.report-content1 .article h3 {
  font-size: 1rem;
  margin-bottom: 8px;
  font-weight: 600;
}
.report-content1 .definition,
.report-content1 .clause,
.report-content1 .amendment {
  margin: 8px 0;
}
.report-content1 .definition ul,
.report-content1 .clause ol,
.report-content1 .clause .sub-list ul {
  list-style-type: none;
  padding-left: 16px;
}
.report-content1 .clause p{
  margin-top: 8px;
}
.report-content1 .appendix {
  margin-top: 30px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.report-content1 .bylaws {
  margin-top: 40px;
  padding-top: 20px;
}
.report-content1 .bylaws-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.report-content1 .bylaw-item {
  margin: 10px 0;
}
.report-content1 .bylaw-date {
  font-weight: bold;
  margin-bottom: 5px;
}


.info .row:nth-of-type(1) {text-align: center;margin-bottom: 75px;}
.info .row:nth-of-type(2) > img {margin-bottom: 70px;display:block;width:100%}
.info .info_img_m {display: none;}
.info .txt {display:inline-block;width:38%;vertical-align: top;}
/*.info .txt h2 {font-size:2.125rem;color:#555555;font-weight:500;font-family:'HanwhaWeb';}*/
.info .txt h2 {font-size:2.125rem;color:#555555;font-weight:600;letter-spacing:-1px;}
.info .txt h2 span.or {display:block;color:#FF6600;margin-bottom: 10px;font-weight:600;}
.info .txt h2 strong {color:#000;font-weight:600;}
.info div.line {display:inline-block;width:60%;padding-left:5%;}
.info div.line__txt.m {display: none;;}
.info div.line__txt.m  p {font-size:1.125rem;font-weight:500}
.info div.line__txt p {font-size:1rem;margin-bottom: 25px;font-weight:300;line-height:27px;}
.info div.line__txt p strong {font-family:'HanwhaWeb';font-weight: 500;}
.info div.line ul {border-top:2px solid #FF6600;}
.info div.line li {padding:25px 30px;font-size:1rem;border-bottom: 1px solid #d8d8d8;font-weight:300;}
.info div.line li span.or {display:inline-block;vertical-align: middle;color:#FF6600;width:20%;font-weight:600;}
.info div.line li span {display:inline-block;vertical-align: middle;width:80%;font-weight:400;}



.sub.history .content {padding:60px 0 250px}
.history_scroll {display:flex;margin-top: 65px;}
.history_scroll .col {width:50%}
.history_scroll .fixed {position:relative}
.history_scroll .fixed.active {position:fixed;top: 200px}
.history_scroll .fixed h2 {font-size:3.375rem;font-weight:bold;font-family:'HanwhaWeb';margin-bottom:10px;color:#ff6600}
.history_scroll .fixed h2.m {display:none}
.history_scroll .fixed p {font-size: 2.125rem;color:#555;font-family:'HanwhaWeb';padding-top:5px;}
.history_scroll .fixed p strong {display:block;color:#000}
.history_scroll .col ul {padding:50px 0;border-bottom:1px solid #d1d1d1;opacity: 0;}
.history_scroll .col ul:first-child {padding-top:0;}
.history_scroll .col ul:last-child {border-bottom:0;}
.history_scroll .col li {margin-bottom: 15px;font-size: 1.125rem;opacity:1}
.history_scroll .col ul.active {-webkit-animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;opacity:1;}
.history_scroll .col li span {display:inline-block;font-weight:bold;font-family:'HanwhaWeb';font-size: 1.125rem;margin-right: 20px;}
.history_scroll .col li:first-child {margin-bottom: 30px;}
.history_scroll .col li:first-child span {color:#000;font-size:1.5rem;}



.history_scroll2 {display:flex;margin-top: 65px;}
.history_scroll2 .col {width:50%;}
.history_scroll2 .fixed {position:relative;z-index:-1;}
.history_scroll2 .fixed.active {position:fixed;top: 200px;}
/*.history_scroll2 .fixed h2 {font-size:3rem;font-weight:bold;font-family:'HanwhaWeb';margin-bottom:10px;color:#ff6600;}*/
.history_scroll2 .fixed h2 {font-size:3rem;font-weight:bold;margin-bottom:10px;color:#ff6600;}
.history_scroll2 .fixed h2.m {display:none}
/*.history_scroll2 .fixed p {font-size: 2rem;color:#555;font-family:'HanwhaWeb';padding-top:15px; }*/
.history_scroll2 .fixed p {font-size: 2rem;color:#555;padding-top:15px;letter-spacing:-1px; }
.history_scroll2 .fixed p strong {display:block;color:#000}
/*.history_scroll2 .col ul {padding:50px 0;border-bottom:1px solid #d1d1d1;opacity: 0;}*/
.history_scroll2 .col ul {padding:40px 0;opacity: 0;}
.history_scroll2 .col ul:first-child {padding-top:0;}
.history_scroll2 .col ul:last-child {border-bottom:0;}
.history_scroll2 .col ul.active {-webkit-animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;opacity:1;}

.history_scroll2 .fixed p.img {position:relative;width:500px;top:20px;}
.history_scroll2 .col li {margin-bottom: 15px;font-size: 1.125rem;opacity:1}
.history_scroll2 .col li:first-child {margin-bottom:30px; border-bottom:2px solid #ff6600;padding-bottom:20px}
/*.history_scroll2 .col li:first-child span.title {display:inline-block;font-weight: 700;font-size:2rem;margin-right: 20px;color:#000;font-family:'HanwhaWeb';}*/
.history_scroll2 .col li:first-child span.title {display:inline-block;font-weight: 700;font-size:2.3rem;margin-right: 20px;color:#000;}
.history_scroll2 .col li span {display: inline-block;vertical-align: top;font-weight: 300;}
.history_scroll2 .col:last-child li span:first-child {width:8%;padding-left: 0px;font-weight:bold;}
.history_scroll2 .col:last-child li span {width:85%;padding-left: 0px;}
.history_scroll2 .col:last-child li span.second{width: 40%;}
.history_scroll2 .col:last-child li span.third{width: 15%;}


@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.greet .txt > div {width:49%;display:inline-block;vertical-align: top;}
/*.greet .txt > div h2 {font-size:2.125rem;margin:0px 0 30px;font-family:'HanwhaWeb';}*/
.greet .txt > div h2 {font-size:2.125rem;margin:0px 0 20px;letter-spacing:-1px;}
.greet .txt > div h2 span {display:block;color:#555555;font-weight:500;}
.greet .txt > div h2 span.or {color:#FF6600;font-weight:600;position: relative;}
/*.greet .txt > div:first-child h2 span.or:after {position:absolute;content: '';border:1px solid #ff6600;width:230px;right:0;top:50%;transform: translateY(-50%);}*/
.greet .txt > div h2 span:nth-of-type(2) {color:#000;font-weight:500;}
.greet .txt > div:first-child p:nth-of-type(1) {margin-bottom:30px}
.greet .txt p {font-size:1rem;line-height:27px;font-weight:300;position: relative;}
.greet .txt p span.p01 {font-size:1.25rem;font-weight:600;margin:10px 0 10px 0;display:inline-block;line-height:30px;letter-spacing:-1px;}
.greet .txt p span.p02 {margin:20px 0 0 0 ;display:inline-block;}
.greet .txt p span.p03 {margin:0 0 0 0;display:inline-block;color:#FF6600;}
.greet .txt p span.p04 {color:#FF6600;font-weight:600;margin:20px 0 20px;display:inline-block;}
.greet .txt p.m {display: none;}
.greet .txt p.or {color:#FF6600;font-weight:bolder;margin:30px 0 110px}
.greet .txt p strong {position: relative;font-family:'HanwhaWeb';font-weight: 500;}
.greet .txt > div:first-child {padding-right:1%; width:65%}
.greet .txt > div:last-child {padding-left:0%; width:33%;text-align: right;}
.greet .txt > div:last-child p:last-child {font-weight: 600;text-align: right;}

.notice.sub .content h2.tit span:first-child {margin:20px 0 5px;}
.notice.sub .content h2.tit span:last-child {color:#999;font-size:1rem;margin:0 0 40px;font-family: 'Noto Sans KR', sans-serif;}
.notice table {width:100%; table-layout:unset;}
.notice table th {padding:18px 0;font-size:1.125rem;background:#f5f5f5;border-top: 2px solid #FF6600;border-bottom: 1px solid #d1d1d1;font-weight:400;}
.notice table td {width:12%;padding:18px 0;vertical-align: sub;text-align: center;border-bottom:1px solid #d1d1d1;font-size:1.125rem;}
.notice table td:not(:nth-of-type(2)) {color:#777;font-weight:300;}
/*.notice table td > span {vertical-align:middle;}*/
.notice table td > span.or {width:90px;height:30px;border:1px solid #ff6600;color:#ff6600;border-radius:15px;text-align:center;font-size: 0.875rem; padding: 2% 10%;}
.notice table td img {width: 15px;vertical-align: middle;margin-left:5px;}
.notice table td:nth-of-type(2) {width:65%;text-align: center;}
/*
.notice .paging {text-align: center;margin-top:60px;}
.notice .paging li {position:relative;display:inline-block;vertical-align: middle;margin:0 14px;cursor: pointer;transition:.3s;}
.notice .paging li.arrow_btn.disabled {opacity: .4;}
.notice .paging li.arrow_btn:first-of-type {margin:0 10px 0 0;}
.notice .paging li.arrow_btn:nth-of-type(2) {margin:0 20px 0 0;}
.notice .paging li.arrow_btn:nth-of-type(8) {margin:0 0 0 20px;}
.notice .paging li.arrow_btn:last-of-type(4) {margin:0 0 0 10px;}
.notice .paging li.arrow_btn img {width:14px;height: 14px;object-fit: contain;}
.notice .paging li.arrow_btn img.disabled {display:none;opacity:0;}
.notice .paging li.arrow_btn img.active {display:none;opacity:0;}
.notice .paging li.pagination {color:#aaa;font-size:1.125rem;font-weight:400;cursor: pointer;}
.notice .paging li.pagination:hover {color:#000}
.notice .paging li.pagination.active {color:#FF6600;}
.notice .paging li.arrow_btn:hover img.default {display: none;}
.notice .paging li.arrow_btn:hover img.active {display:inline-block;opacity:1;}
*/

.notice_view.sub .content h2.tit {font-weight: 500;}
.notice_view.sub .content h2.tit span {font-size:1.125rem; color:#777;font-weight:300;margin:20px 0 40px}
.notice_view.sub .content h2.tit span img {position:relative;bottom:-2px;left:-10px}
.notice_view.sub .content img {max-width:100%;}

.notice_view .content .txt  {padding:40px 40px 40px;border-top:2px solid #FF6600;}
/*.notice_view .content_wrap {padding:40px 40px 60px;border-top:2px solid #FF6600} */
.notice_view .content_wrap h2 {font-size:1.75rem;margin-bottom: 40px;font-weight: 600;}
.notice_view .content_wrap pre {white-space: pre-line;font-size: 1.125rem;line-height: 1.85rem;font-weight:300;font-family: 'Noto Sans KR', sans-serif;}
.notice_view .content_wrap p {font-size: 1rem;background:#f5f5f5;margin-bottom:40px;}
.notice_view .content_wrap p span {display:inline-block;background:#e8e8e8;width:10%;height:100%;padding:20px 0;text-align:center;}
.notice_view .content_wrap p a img {vertical-align:unset;margin:0 10px 0 30px;width:15px}
.notice_view .content_wrap p a {color:#000;font-weight:500;text-decoration:underline;font-size:1rem;transition:.2s;}
.notice_view .content_wrap p a:hover {color:#004eff}


.notice_view .view_line {padding:20px 0;border-top:1px solid #d1d1d1;}
.notice_view .view_line:last-of-type {border-bottom:1px solid #d1d1d1;}
.notice_view .view_line span {display: inline-block;}
.notice_view .view_line span:first-child {width:15%;padding:0 35px;font-size:.875rem;color:#777;}
.notice_view .view_line span:first-child img {margin-right:15px;}
.notice_view .view_line span:last-child {font-size: 1.125rem;color:#000;font-weight:400;}
.notice_view .view_line span:last-child img {vertical-align: unset;margin-left: 10px;width:15px;margin-bottom: 3px;}
.notice_view a.btn {margin:40px auto 0;display: block;width:230px;text-align: center;}

.ci .txt {margin-bottom: 40px;text-align: center;}
.ci .txt img.m {display: none;}
.ci .txt p {color:#000;font-size:1rem;font-weight:300;margin-bottom: 40px;line-height:27px;}
.ci .txt p.m {display:none;}
.ci .txt p span {font-family:'HanwhaWeb'; font-weight:bolder;}
.ci ul.col-3 {width:100%;display: flex;}
.ci ul.col-3 li {margin-right:25px;flex:1;text-align: center;padding:30px 20px 35px;border:1px solid #d1d1d1;border-radius:10px;}
.ci ul.col-3 li:last-child {margin-right:0;}
.ci ul.col-3 li > span {background:#FF6600;width:27px;height:27px;border-radius:50%;display:block;color:#fff;font-size: 1.5rem;line-height: 23px;margin:10px auto;}
/*.ci ul.col-3 li h2 {font-size:1.275rem; color:#000;font-weight: 600;margin-bottom:20px;font-family:'HanwhaWeb';}*/
.ci ul.col-3 li h2 {font-size:1.275rem; color:#000;font-weight: 600;margin-bottom:20px;}
.ci ul.col-3 li p {font-size:1rem;color:#555;line-height:1.5rem; text-align: center;}
.ci ul.col-3 li p span.or {color:#FF6600;}



.ci ul.col-4 {display: flex;flex-wrap: wrap;justify-content: flex-start;width:100%;}
.ci ul.col-4 li {width: 32%;margin-right:25px;text-align: center;padding:30px 20px 35px;border:1px solid #d7d7d7;border-radius:10px;height: 290px;margin:8px;}

.ci ul.col-4 li > span {font-size: 1.5rem;font-weight: bolder;background: #ff6600;display: block;width: 27px;height: 27px;margin: 15px auto;line-height: 29px;
  color: #fff; border-radius: 50%;font-family:'HanwhaWeb';text-align: center;font-weight: 300;}
.ci ul.col-4 li h2 {font-size:1.25rem;font-family:'HanwhaWeb';font-weight: 600;margin-bottom: 20px;}
.ci ul.col-4 li p {font-size:1rem;font-weight: 300;}
.ci ul.col-4 li p span {font-family:'HanwhaWeb';font-weight:400;}
.ci ul.col-4 li a.btn {display: block; margin-top: 33px;text-align:center;padding:10px;font-family:'Noto Sans KR', sans-serif;font-size: 1rem;}


.group .img {padding-top:50px;border-top:1px solid #d1d1d1;text-align:center;}
.group .img img {max-width:100%;width:100%}
.group .img.m {padding:0 30px;display: none;border-top:none;}

.life .part_wrap {position:relative;margin-bottom: 70px;}
.life .part_wrap::before {position:absolute;top:0;left:0;right:0;background:url(../img/bg__field_life.png);content:'';width:100%;height:355px;background-repeat:no-repeat;background-size:cover;z-index:-1}
.life .part_wrap ul {width:990px;display:flex;flex-wrap: wrap;padding-top:35px;}
.life .part_wrap ul.m {display: none;}
.life .part_wrap li {margin-right: 10px;width:24%;height: 120px;margin-bottom:10px;}
.life .part_wrap li:nth-child(4n) {margin-right:0;}
.life .part_wrap li img {display:block;width: 100%;}
.life .card_wrap h2 {color:#353535;font-size:2.125rem;margin-bottom: 30px;text-align: center;font-weight:bolder;}
.life .card_wrap ul {display: flex;}
.life .card_wrap ul.m {display: none;}
.life .card_wrap li {border:1px solid #d1d1d1;flex:1;margin-right:13px;border-radius:8px;padding:30px 20px 30px 20px;}
.life .card_wrap li:last-child {margin-right:0;}
.life .card_wrap li img {display:block;margin-bottom:35px;padding-top:0;}
.life .card_wrap li p {color:#000;font-size:1rem;margin-bottom:25px;line-height: 1.6rem;}
.life .card_wrap li p > span {color:#FF6600;font-size:1rem;}
.life .card_wrap li > span {color:#999999;font-size:1rem;font-weight: 300;}
.life .btn_wrap {width:100%;text-align: center;padding-top:80px;}
.life a.link_btn {position:relative;display:inline-block;width:400px;padding:25px 20px;font-size:1rem;text-align:left;margin:0 5px;border-radius:7px;color:#fff;}
.life a.link_btn::before {position:absolute;content:'+';right:20px;font-size:2.125rem;color:#fff;top:44%;transform:translateY(-50%);}
.life a.link_btn:nth-of-type(1) {background:#ee7a3d;transition: .2s ease;}
.life a.link_btn:nth-of-type(1):hover {background:#ed6b14;transition: .2s ease;}
.life a.link_btn:nth-of-type(2) {background:#877065;transition: .2s ease;}
.life a.link_btn:nth-of-type(2):hover {background:#73625a;transition: .2s ease;}

.life a.link_btntt {position:relative;display:inline-block;width:400px;padding:15px 20px;font-size:1.05rem;text-align:left;border-radius:7px;color:#fff;background:#ee7a3d;transition: .2s ease;}
.life a.link_btntt:hover {background:#ed6b14;transition: .2s ease;}
.life a.link_btntt::before {position:absolute;content:'+';right:20px;font-size:2.125rem;color:#fff;top:44%;transform:translateY(-50%);}


.non-life .part_wrap {position:relative;margin-bottom: 70px;}
.non-life .part_wrap::before {position:absolute;top:0;left:0;right:0;background:url(../img/bg__field_life.png);content:'';width:100%;height:355px;background-repeat:no-repeat;background-size:cover;z-index:-1}
.non-life .part_wrap ul {width:740px;display:flex;flex-wrap: wrap;padding-top:35px;}
.non-life .part_wrap ul.m {display: none;}
.non-life .part_wrap li {margin-right: 13px;width:32%;height: 120px;margin-bottom:10px;}
.non-life .part_wrap li:nth-child(3n) {margin-right:0;}
.non-life .btn_wrap {width:100%;text-align: center;}
.non-life a.link_btn {position:relative;display:inline-block;width:400px;padding:25px 20px;font-size:1rem;text-align:left;border-radius:7px;color:#fff;background:#ee7a3d;transition: .2s ease;}
.non-life a.link_btn:hover {background:#ed6b14;transition: .2s ease;}
.non-life a.link_btn::before {position:absolute;content:'+';right:20px;font-size:2.125rem;color:#fff;top:44%;transform:translateY(-50%);}

.ga ul.icons {display:flex;margin-bottom:40px;}
.ga ul.icons li {flex:1;text-align:center;}
.ga ul.icons li img {width:150px;height:150px;object-fit:contain;}
.ga ul.icons li h4 {font-size:1.5rem;font-weight:500;font-family:'HanwhaWeb';margin:10px 0 5px}
.ga ul.icons li p {font-size:1rem;line-height:1.5rem;font-weight:300;}
.ga ul.icons li p.m {display: none;}
.ga .col-2 {margin-top:60px;display:flex;}
/*.ga .col-2 .col h2 {font-size:2.125rem;color:#555;font-family:'HanwhaWeb';line-height:2.7rem;}*/
.ga .col-2 .col h2 {font-size:2.125rem;color:#555;line-height:2.7rem;letter-spacing:-1px;font-weight: 600;}
.ga .col-2 .col h2 span.or {color:#FF6600;font-weight: 600;}
.ga .col-2 .col h2 strong {color:#000;font-weight: 600;}
.ga .col-2 .col:first-child {flex:2;}

.ga .col-2 .col:last-child p {font-size:1rem;margin-bottom: 40px;font-weight: 300;line-height:27px;}
.ga .col-2 .col:last-child p.m {display: none;}
.ga .col-2 .col:last-child ul {border-top:2px solid #FF6600;}
.ga .col-2 .col:last-child li {padding:15px 0; border-bottom:1px solid #d8d8d8;}
.ga .col-2 .col:last-child li span {display: inline-block;vertical-align: middle;font-weight: 300;}
.ga .col-2 .col:last-child li span:first-child {width:170px;padding-left: 20px;color:#ff6600;font-weight:600;}
.ga .col-2 .col:last-child li span strong {font-family:'HanwhaWeb';}

.guarantee .content img {display:block;width:100%;margin-bottom: 65px;}
.guarantee .col-2 {display:flex;}
.guarantee .col {flex:1;}
.guarantee .col ul {border-top:2px solid #FF6600;}
.guarantee .col li {padding:30px 25px;border-bottom:1px solid #d8d8d8;}
.guarantee .col li span {font-size:1rem;}
.guarantee .col li span:first-child {color:#FF6600;display:inline-block;width:50%;font-weight: 600;}

/*.guarantee .col h2 {margin-bottom:70px;font-size:2.125rem;color:#555555;font-weight:500;font-family:'HanwhaWeb';}*/
.guarantee .col h2 {margin-bottom:70px;font-size:2.125rem;color:#555555;font-weight:600;letter-spacing:-1px;}
.guarantee .col h2 br {display: none;}
.guarantee .col h2 span.or {display:block;color:#FF6600;margin-bottom: 10px;font-weight:600;font-size:2.125rem;}
.guarantee .col h2 strong {color:#000;font-weight:600;}
.guarantee .col p {font-size: 1rem;letter-spacing:-.75px;margin-bottom: 25px;font-weight: 300;line-height:27px;}
.guarantee .col p br {display: none;}
.guarantee .col p.m {display: none;}
.guarantee .col p strong {font-weight: 400;}
.guarantee .col li:first-child span:last-child {font-family:'HanwhaWeb';}
.guarantee .col span {font-size: 1.125rem;font-weight:300;}
.guarantee .col:first-child {padding-right:60px;}
.guarantee .col:last-child {padding-left:60px;padding-top:155px;}
.call .content ul {margin-top:40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.call .content li {display:flex;width:49%;padding: 30px 0 30px 40px;border:1px solid #d0d0d0;margin-bottom:1.4%;border-radius:10px;box-shadow:6px 6px 16px 3px rgb(0 0 0 / 10%);}
.call .content li div:first-child {width:38%;align-self: center;}
.call .content li div:first-child h2 {position:relative;font-size: 1.75rem;font-weight: 500;font-family:'HanwhaWeb';}
.call .content li div:first-child h2.m {display: none;}
.call .content li:nth-of-type(1) div:first-child h2:before {position:absolute;font-weight:500;top:-22px;left:0;font-size:1.125rem;color:#FF6600;content:'ARS';}
.call .content li:nth-of-type(2) div:first-child h2:before {position:absolute;font-weight:500;top:-22px;left:0;font-size:1.125rem;color:#FF6600;content:'In-bound';}
.call .content li:nth-of-type(3) div:first-child h2:before {position:absolute;font-weight:500;top:-22px;left:0;font-size:1.125rem;color:#FF6600;content:'ETC';}
.call .content li:nth-of-type(4) div:first-child h2:before {position:absolute;font-weight:500;top:-22px;left:0;font-size:1.125rem;color:#FF6600;content:'Out-bound';}
.call .content li div p {font-size: 1rem;font-weight:400;}
.call .content li div p small {font-weight:300;}
.call .content li div:last-child {flex:1;padding-left:6%;}
.call .content li div:last-child p {margin-top:10px;position:relative}
.call .content li div:last-child p::before {position:absolute;content:'+';color:#FF6600;left:-5%;}
.call .content li div:last-child p:first-child {margin-top:0;}
.call .content li div:last-child p > span {color:#FF6600}
.call .content li div:last-child p > span img {vertical-align: sub;margin:0 8px 2px 0}
.call .content li div:last-child > span {position:relative;display:block;padding-left:6%}
.call .content li:nth-of-type(2) p {display: flex;justify-content:space-between;padding-right:37%;}
.call .content li:nth-of-type(2n) div:last-child > span:before {position:absolute;content:'-';left:-1%;color:#FF6600}
.call .content li:nth-of-type(3) div:last-child > span {padding-left:0%}

.sub.vision .content h2.tit span.m {display:none}
.vision .content img {display:block;margin:15px auto;max-width:100%;width:70%}
.vision .content img.m {display: none;}

.step .icons_m {display: none;}
.step ul.icons {margin:60px auto 50px;display: flex;width:100%}
.step ul.icons li {flex:1;text-align: center;}
.step ul.icons div {position:relative;width: 145px;height: 145px;border:1px solid #d1d1d1;border-radius:50%;margin:auto;}
.step ul.icons div::before {position:absolute;content:'';width:8px;height:8px;background:#ffb17f;border-radius:50%;top:50%;transform:translateY(-50%);left:125%;}
.step ul.icons div::after {position:absolute;content:'';width:8px;height:8px;background:#ff6400;border-radius:50%;top:50%;transform:translateY(-50%);left:135%;}
.step ul.icons li:last-child div::before {display: none;}
.step ul.icons li:last-child div::after {display: none;}
.step ul.icons div > img {display: block;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 40%;}
.step ul.icons li:last-child  div > img {height: 50%; object-fit: contain;} 
.step ul.icons h4 {font-size:1.5rem;font-weight: 400;margin-top: 10px;}
.step ul.icons_step {border-top: 2px solid #000;width: 100%;margin:auto}
.step ul.icons_step li {padding: 18px 0 15px;border-bottom: 1px solid #d1d1d1;}
.step ul.icons_step li div {display: inline-block;vertical-align:middle;}
.step ul.icons_step li div:first-child {width: 130px;padding-left:40px;}
.step ul.icons_step li div:first-child img {display: block;margin:auto}
.step ul.icons_step li div h2 {font-size: 1.5rem;font-weight: 500;letter-spacing:-1px;}
.step ul.icons_step li div p {font-size: 1.125rem;margin-top:5px;font-weight: 300;}

.edu .edu_list {margin:60px auto;border-bottom:1px solid #e5e5e5;}
.edu .edu_img_m {display: none;}
/*.edu .edu_list h4 {font-size:1.625rem;margin-bottom: 30px;text-align: center;font-family:'HanwhaWeb';}*/
.edu .edu_list h4 {font-size:1.625rem;margin-bottom: 30px;text-align: center;}
.edu .edu_list ul {display: flex;justify-content: space-between;padding-bottom:55px;flex-wrap: wrap;max-width: 1130px;margin:0 auto;}
.edu .edu_list li {position:relative;width: 350px; height:40px;text-align:center;font-size: 1rem;background:#ebebeb;font-weight:500;margin-bottom: 10px;line-height: 40px;}
.edu .edu_list li:before {left:100%;top:50%;border:solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;
 border-left-color: #ebebeb;border-width:8px;margin-top: -8px;}
.edu .edu_list li span {font-size: 1rem;color:#777;font-size:1.125rem;font-weight:300;}
.edu .edu_list li:first-child {background:#7d7d7d;color:#fff;}
.edu .edu_list li:first-child:before {border-left-color: #7d7d7d;}
.edu .edu_list li:first-child span {font-size:1.125rem;font-weight:300;color:#fff}
.edu .edu_list li:last-child {background:#fa7016;color:#fff}
.edu .edu_list li:last-child:before {border-left-color: #fa7016;}
/*.edu .edu_cyber h4 {text-align: center;font-size: 1.625rem;font-family:'HanwhaWeb';}*/
.edu .edu_cyber h4 {text-align: center;font-size: 1.625rem;}
.edu .edu_cyber p {font-size: 1rem;margin:20px 0 40px;text-align:center;}
.edu .edu_cyber p span.or {color:#FF6600;font-size: 1rem;}
.edu .edu_cyber .bg {width:100%;background:url(../img/bg__edu.png)no-repeat;background-size:cover;}
.edu .edu_cyber ul {display: flex;padding:80px 0;justify-content: space-evenly;}
.edu .edu_cyber li {position:relative;width: 180px;background:url(../img/obj__edu.png)no-repeat;height: 180px;display: flex;justify-content: center;align-items: center;background-size: contain;}
.edu .edu_cyber li:after {position:absolute;content:'';width:10px;height:10px;background:#fa7016;border-radius:50%;top:50%;transform:translateY(-50%);left:128%;}
.edu .edu_cyber li:before {position:absolute;content:'';width:10px;height:10px;background:#fa7016;border-radius:50%;top:50%;transform:translateY(-50%);left:135%;opacity:.2;}
.edu .edu_cyber li:last-child:before,
.edu .edu_cyber li:last-child:after {display: none;}
.edu .edu_cyber li span {color:#fff;font-weight: 400;font-family:'HanwhaWeb';font-size: 1.275rem;}

.support .tab {margin:60px 0 50px;text-align: center;display: flex;justify-content: center;}
.support button.tablinks {border: 1px solid #d7d7d7;background:#fff;width:50%;height:65px;font-size: 1rem;font-weight:700;}
.support button.tablinks:first-child {border-right:none;}
.support button.tablinks.active {color:#ff6600;border-bottom:2px solid #ff6600}
#item01 ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#item01 li {width: 32.5%;border: 1px solid #d7d7d7;padding:30px 20px 35px;text-align: center;height: 240px;margin-bottom:18px;border-radius:10px;}
#item01 li > span {font-size: 1.5rem;font-weight: bolder;background: #ff6600;display: block;width: 27px;height: 27px;margin: 15px auto;line-height: 29px;
  color: #fff; border-radius: 50%;font-family:'HanwhaWeb';text-align: center;font-weight: 300;}
/*#item01 li h2 {font-size:1.625rem;font-family:'HanwhaWeb';font-weight: 600;margin-bottom: 20px;}*/
#item01 li h2 {font-size:1.25rem;font-weight: 600;margin-bottom: 20px;letter-spacing:-1.5px;}
#item01 li p {font-size:1rem;font-weight: 300;}
#item01 li p span {font-family:'HanwhaWeb';font-weight:400;}
/*#item02 .row h2 {font-size:1.75rem;font-weight:600;font-family:'HanwhaWeb';color:#ff6600;margin-bottom:20px;}*/
#item02 .row h2 {font-size:1.75rem;font-weight:600;color:#ff6600;margin-bottom:20px;}
#item02 .row dl {font-size:1rem;}
#item02 .row dt {font-weight:600;}
#item02 .row dd {margin-bottom: 10px;}
#item02 .row dd.ml20 {margin-left:20px;}
#item02 .mt20 {margin-top: 20px;}
#item02 .row dd.mb0 {margin-bottom:0}
#item02 table {width:100%;border-top:2px solid #000;margin:10px 0}
#item02 table tr {border:1px solid #d1d1d1;border-right:0;border-left:0;}
#item02 table th {background:#f3f0ef;padding:10px 30px}
#item02 table td {padding:10px 30px}
#item02 table th:first-child {width:15%;border-right:1px solid #d1d1d1;border-left:none}
#item02 table td:first-child {width:15%;text-align:center;border-right:1px solid #d1d1d1;border-left:none;vertical-align: middle;}
#item02 table th:last-child {border-right:none;}
#item02 table td:last-child {border-right:none;}
#item02 table.align-center {text-align:center;}
#item02 table.align-center.col-2 th {width:50%}
#item02 table.align-center.col-3 th {width:33.333%}
#item02 table.align-center.col-3 th:nth-of-type(2) {border-right: 1px solid #d1d1d1;}
#item02 table.align-center.col-3 td:nth-of-type(2) {border-right: 1px solid #d1d1d1;}
#item02 table.align-center.col-4 th {width:25%}
#item02 table.align-center.col-4 th:nth-of-type(2), 
#item02 table.align-center.col-4 td:nth-of-type(2), 
#item02 table.align-center.col-4 th:nth-of-type(3), 
#item02 table.align-center.col-4 td:nth-of-type(3) {border-right: 1px solid #d1d1d1;}
#item02 .point{position:relative;padding-left: 8px;display: block;}
#item02 .point:before {position:absolute;content:'';width:2px;height:2px;background:#ff6600;left:0;top: 50%;transform: translateY(-50%);}
#item02 .or {color:#ff6600}
#item02 .line {border:1px solid;margin:50px 0;}
#item02 span.gray-tit {background: #e5e5e5; padding: 4px 15px; border-radius: 15px;font-weight: 500;font-size: 1rem;display: inline-block;}
#item02 p.bold {font-weight:500;margin:5px 0;padding-left:0 10px;}
#item02 p {margin:5px 0;padding:0 10px;}
#item02 dd p {margin:5px 0}



.tabcontent .row h2 {font-size:1.75rem;font-weight:600;color:#ff6600;margin-bottom:20px;margin-top:90px;}
.tabcontent .row dl {font-size:1rem;}
.tabcontent .row dt {font-weight:600;color:#626262}
.tabcontent .row dd {margin-bottom: 65px;}
.tabcontent .row dd.ml20 {margin-left:20px;}
.tabcontent .mt20 {margin-top: 20px;}
.tabcontent .row dd.mb0 {margin-bottom:0}
.tabcontent table {width:100%;border-top:2px solid #000;margin:10px 0}
.tabcontent table tr {border:1px solid #d1d1d1;border-right:0;border-left:0;}
.tabcontent table th {background:#f3f0ef;padding:10px 30px}
.tabcontent table td {padding:10px 30px}
.tabcontent table th:first-child {width:15%;border-right:1px solid #d1d1d1;border-left:none}
.tabcontent table td:first-child {width:15%;text-align:center;border-right:1px solid #d1d1d1;border-left:none;vertical-align: middle;}
.tabcontent table th:last-child {border-right:none;}
.tabcontent table td:last-child {border-right:none;}
.tabcontent table.align-center {text-align:center;}
.tabcontent table.align-center.col-2 th {width:50%}
.tabcontent table.align-center.col-3 th {width:33.333%}
.tabcontent table.align-center.col-3 th:nth-of-type(2) {border-right: 1px solid #d1d1d1;}
.tabcontent table.align-center.col-3 td:nth-of-type(2) {border-right: 1px solid #d1d1d1;}
.tabcontent table.align-center.col-4 th {width:25%}
.tabcontent table.align-center.col-4 th:nth-of-type(2), 
.tabcontent table.align-center.col-4 td:nth-of-type(2), 
.tabcontent table.align-center.col-4 th:nth-of-type(3), 
.tabcontent table.align-center.col-4 td:nth-of-type(3) {border-right: 1px solid #d1d1d1;}
.tabcontent .point{position:relative;margin:10px 0 0 20px;padding-left: 12px;display: block; }
.tabcontent .point:before {position:absolute;content:'';width:2px;height:2px;background:#626262;left:0;top: 50%;transform: translateY(-50%);}
.tabcontent .point2{position:relative;margin-bottom:25px;padding-left: 18px;display: block;font-size:1.5rem;}
.tabcontent .point2:before {position:absolute;content:'';width:5px;height:5px;background:#ff6600;left:0;top: 50%;transform: translateY(-50%);}
.tabcontent .or {color:#ff6600}
.tabcontent .line {border-bottom:1px solid #626262;margin:70px 0;}
.tabcontent span.gray-tit {background: #e5e5e5; padding: 4px 15px; border-radius: 15px;font-weight: 500;font-size: 1rem;display: inline-block;}
.tabcontent p.bold {font-weight:500;margin:5px 0;padding-left:0 10px;}
.tabcontent p {margin:5px 0;padding:0 10px;}
.tabcontent dd p {margin:5px 0}

.join .btn_wrap {width:100%;text-align: center;padding-top:80px;}
.join a.link_btn {position:relative;display:inline-block;width:400px;padding:25px 20px;font-size:1rem;background:#ff6600;text-align:left;margin:0 5px;border-radius:7px;color:#fff;transition: .2s ease;}
.join a.link_btn:hover {background:#ed6b14;transition: .2s ease;}
.join a.link_btn::before {position:absolute;content:'+';right:20px;font-size:2.125rem;color:#fff;top:44%;transform:translateY(-50%);}

.guide .icons_m {display: none;margin-bottom: 40px;text-align: center;}
.guide .icons_m img {max-width:100%;}
.guide ul.icons {margin:60px auto 50px;display: flex;justify-content:space-around;width: 100%;}
.guide ul.icons li {text-align: center;flex:1}
.guide ul.icons div {position:relative;width:145px;height:145px;border:1px solid #d1d1d1;border-radius:50%;margin:auto}
.guide ul.icons div::before {position:absolute;content:'';width:8px;height:8px;background:#ffb17f;border-radius:50%;top:50%;transform:translateY(-50%);left:141%;}
.guide ul.icons div::after {position:absolute;content:'';width:8px;height:8px;background:#ff6400;border-radius:50%;top:50%;transform:translateY(-50%);left:150%;}
.guide ul.icons li:last-child div::before {display: none;}
.guide ul.icons li:last-child div::after {display: none;}
.guide ul.icons div > img {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 40%;}
.guide ul.icons li:last-child div > img {height: 50%; object-fit: contain;}
.guide ul.icons h4 {font-size:1.5rem;font-weight:400;margin-top: 10px;}
.guide ul.icons_step {border-top: 2px solid #000;width: 100%;margin:auto;}
.guide ul.icons_step li {padding:24px 0;border-bottom: 1px solid #d1d1d1;}
.guide ul.icons_step li div {display: inline-block;vertical-align:middle;padding:0 35px}
.guide ul.icons_step li div h2 {font-size: 1.4rem;font-weight: 500;font-family:'HanwhaWeb';}
.guide ul.icons_step li div p {font-size:1rem;/* margin-top:5px; */font-weight: 500;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.icon {font-weight: 300;}
.guide ul.icons_step li div p.icon:nth-of-type(1) {margin-top: 6px;}
.guide ul.icons_step li div p.icon img {margin-right:10px;}
.guide ul.icons_step li div p.or {font-size: 1rem;font-weight: 400;color: #ff6600;margin-top: 0;}



.talent .col-2 {display: flex;}
.talent .col-2 div {width:50%; }
.talent .col-2 div:last-child {padding-left: 60px;}
.talent .col-2 div:last-child li {padding:30px 0;border-bottom:1px solid #d1d1d1;padding-left: 35px;}
.talent .col-2 div:last-child li.m {display: none;}
.talent .col-2 div:last-child li:last-child {border-bottom:none;}
/*.talent .col-2 div:last-child li p:first-child {position:relative;font-size: 1.75rem;font-family:'HanwhaWeb';font-weight: 500;margin-bottom: 15px;text-indent: 15px;}*/
.talent .col-2 div:last-child li p:first-child {position:relative;font-size: 1.75rem;font-weight: 500;margin-bottom: 15px;text-indent: 15px;font-weight: 600;letter-spacing:-1px;}
.talent .col-2 div:last-child li p:first-child:before {
  position:absolute; background:url(../img/plus_img.png);content:''; display: block;width: 24px;height: 23px; left: -30px;top: 8px;}
.talent .col-2 div:last-child li p:first-child span {font-size: 1.125rem;color:#a3a3a3;font-weight: 500;}
.talent .col-2 div:last-child li p:not(:first-child) {position:relative;padding-left: 4%;font-size:1rem;font-weight: 300;color:#555;margin:10px 0;}
.talent .col-2 div:last-child li p:not(:first-child):before {position: absolute;content: '+';color: #FF6600;font-size: 1rem;left: 1%;top: 47%;transform: translateY(-51%);}

.welfare .content > img {display:block;margin:auto}
.welfare .col-2 {margin-top:45px;display: flex;}
.welfare .col-2 div {flex:1;}
.welfare .col-2 div:first-child {padding-right:60px;}
.welfare .col-2 div:last-child {padding-left:60px;}
/*.welfare .col-2 div:first-child h2 {font-size:2.125rem;font-family:'HanwhaWeb';font-weight:500;color:#555}*/
.welfare .col-2 div:first-child h2 {font-size:2.125rem;font-weight:600;color:#555;letter-spacing:-1px;}
.welfare .col-2 div:first-child h2 span.or {display:block;margin-bottom:5px;position:relative;color:#ff6600;font-weight: 600;}
.welfare .col-2 div:first-child h2 span.or:after {position:absolute;content: '';border:1px solid #ff6600;width:230px;right:0;top:50%;transform: translateY(-50%);}
.welfare .col-2 div:first-child h2 strong {color:#000;font-weight: 600;}
.welfare .col-2 div:last-child p {font-size:1rem;font-weight: 00;line-height:27px;}
.welfare .col-2 div:last-child p strong {font-weight: 400;}
.welfare .col-2 div:last-child p.m {display: none;}
.welfare .icon_list {position:relative;margin-top: 35px;padding-top:60px;}
/*.welfare .icon_list:before {position:absolute;width:100%;height:360px;content: '';background:#e7e2e0;z-index:-1;top:0}*/
.welfare .icon_list::before {position:absolute;top:0;left:0;right:0;background:url(../img/bg__field_life.png);content:'';width:100%;height:355px;background-repeat:no-repeat;background-size:cover;z-index:-1} 
/*.welfare .icon_list h2 {color:#353535;text-align:center;margin-bottom: 30px;font-size: 2.125rem;font-family:'HanwhaWeb';font-weight: 600;}*/
.welfare .icon_list h2 {color:#353535;text-align:center;margin-bottom: 30px;font-size: 2.125rem;font-weight: 600;}
.welfare .icon_list ul {display: flex;justify-content: space-between; padding:20px;}
.welfare .icon_list ul.m {display:none;}
.welfare .icon_list li {padding:20px;width:220px;height: 250px;border:1px solid #d1d1d1;border-radius:10px;background:#fff;}
.welfare .icon_list li h4 {font-size:1rem;margin: 30px 0 40px;line-height:1.5rem;font-weight:bolder;}
.welfare .icon_list li:nth-of-type(3) h4 {margin: 30px 0 15px;}
.welfare .icon_list li p {font-size:1rem;color:#999;line-height:1.4rem;font-weight: 300;}
.welfare .icon_list li img {width: 40px;height: 40px;object-fit: contain;}

.job .manager {margin-bottom:30px;border:1px solid #d1d1d1;padding:30px 40px;border-radius:8px;}
.job .manager span {position:relative;display: inline-block;vertical-align: middle;margin-right: 70px;font-size:1.125rem;font-weight: 300;}
.job .manager span:first-child {font-size:1rem;font-weight:600;/* font-family:'HanwhaWeb'; */}
.job .manager span:nth-of-type(2):after,
.job .manager span:nth-of-type(3):after {position:absolute;content:'';width:1px;height: 65%;background:#d1d1d1;right: -30%;top: 50%;transform: translateY(-50%);}
.job .manager span img {vertical-align:middle;margin-right: 6px;position: relative;bottom:3px}
.job .manager.m {display: none;}
.job .table_m {display: none;border-top:1px solid #ff6600;}
.job .table_m li {display:flex;border-bottom:1px solid #d1d1d1;padding:20px 0;}
.job .table_m li span.badge {display:inline-block;text-align:center;padding:3%;margin-right:20px;width:60px;height:25px;border-radius:20px;border:1px solid #aaa;font-size:0.875rem;}
.job .table_m li span.badge.active {background:#ff6600;border:none;color:#fff;}
.job .table_m li p:nth-of-type(1) a {font-weight: 600;}
.job .table_m li p:nth-of-type(2) span {display: inline-block;position:relative;color:#777}
.job .table_m li p:nth-of-type(2) span:first-child {width:18%;}
.job .table_m li p:nth-of-type(2) span:first-child:after {position:absolute;right:0;width:2px;height:80%;background:#d1d1d1;content: '';bottom:0;}
.job .table_m li p:nth-of-type(2) span:last-child {padding-left:15px;}
.job table {width:100%;border-top:2px solid #ff6600;font-size:1.125rem;border-bottom: 1px solid #aaa;}
.job table th {padding: 18px;background:#f5f5f5;font-weight: 400;}
.job table td {padding:18px 0;color:#555;border-top:1px solid #d1d1d1;text-align:center;font-weight: 300;}
.job table td:nth-of-type(2) {text-align:left;font-weight: 400;color:#000;}
.job table td span.badge {display:inline-block;text-align:center;/* padding: .2%; */margin-right:20px;width: 60px;height: 23px;border-radius:20px;border:1px solid #aaa;font-size: 0.75rem;line-height: 22px;color: #777;vertical-align: inherit;margin-top: .3%;}
.job table td span.badge.active {background:#ff6600;border:none;color:#fff;}
/*
.job .paging {text-align: center;margin-top:60px;}
.job .paging li {position:relative;display:inline-block;vertical-align: middle;margin:0 25px 0 0;cursor: pointer;transition:.3s;}
.job .paging li.arrow_btn img.disabled {display:none;opacity:0;}
.job .paging li.arrow_btn img.active {display:none;opacity:0;}
.job .paging li.pagination {color:#aaa;font-size:1.125rem;font-weight:500;cursor: pointer;}
.job .paging li.pagination:hover {color:#000}
.job .paging li.pagination.active {color:#FF6600;}
.job .paging li.arrow_btn:hover img.default {display: none;}
.job .paging li.arrow_btn:hover img.active {display:inline-block;opacity:1;}
*/
.job_view.sub .content h2.tit {font-weight: 500;}
.job_view.sub .content > .row {text-align:center;}
.job_view.sub .content h2.tit span {position:relative;display:inline-block;font-size:1.125rem;font-family:initial;color:#777;padding:0 30px;margin:20px 0 40px}
.job_view.sub .content h2.tit span:nth-of-type(1):after {content: ''; position: absolute; right: 0; width: 1px;  height: 60%; background: #ccc; top: 25%;}
.job_view.sub .content h2.tit span:nth-of-type(2) {right:1%;}
.job_view.sub .content h2.tit span:nth-of-type(2) img {vertical-align:middle;position:relative;bottom:2px}
.job_view.sub .content h2.tit span img {margin-right: 5px; position: relative; bottom: -1px;}
.job_view span.badge {display:inline-block;text-align:center;padding:.4%;margin-bottom:20px;width:70px;height:30px;border-radius:20px;border:1px solid #aaa;font-size:0.875rem;}
.job_view span.badge.active {background:#ff6600;color:#fff;border:none}


.job_view .content .txt  {padding:40px 40px 40px;border-top:2px solid #FF6600;}
/*.job_view .content_wrap {padding:40px 40px 60px;border-top:2px solid #FF6600} */
.job_view .content_wrap h2 {font-size:1.75rem;margin-bottom: 40px;font-weight: 600;}
.job_view .content_wrap pre {white-space: pre-line;font-size: 1.125rem;line-height: 1.85rem;font-weight:300;font-family: 'Noto Sans KR', sans-serif;}
.job_view .content_wrap p {font-size: 1rem;background:#f5f5f5;margin-bottom:40px;}
.job_view .content_wrap p span {display:inline-block;background:#e8e8e8;width:10%;height:100%;padding:20px 0;text-align:center;}
.job_view .content_wrap p a img {vertical-align:unset;margin:0 10px 0 30px;width:15px}
.job_view .content_wrap p a {color:#000;font-weight:500;text-decoration:underline;font-size:1rem;transition:.2s;}
.job_view .content_wrap p a:hover {color:#004eff}



.job_view .line {padding:20px 0;border-top:1px solid #d1d1d1;}
.job_view .line:last-of-type {border-bottom:1px solid #d1d1d1;}
.job_view .line span {display: inline-block;}
.job_view .line span:first-child {width: 15%;padding: 0 35px;font-size: .875rem;color: #777;}
.job_view .line span:first-child img {margin-right:15px;}
.job_view .line span:last-child {font-size: 1.125rem;color:#000;font-weight:400;}
.job_view .line span:last-child img {vertical-align: middle;margin-left: 10px;}
.job_view a.btn {margin:40px auto 0;display: block;width:230px;text-align: center;}

.service .col-2 {margin-top:40px;display: flex;justify-content: center;}
.service .col-2 .col {padding: 50px 50px 30px;border:1px solid #d1d1d1;width:48%;box-shadow:3px 4px 12px rgb(0 0 0 / 20%);border-radius:10px;max-width: 540px;margin: 0 20px;}
/*.service .col-2 .col h2 {font-size: 1.75rem;margin-bottom: 30px;font-family:'HanwhaWeb';font-weight: 500;}*/
.service .col-2 .col h2 {font-size: 1.75rem;margin-bottom: 30px;font-weight: 500;letter-spacing:-1px;}
.service .col-2 .col p {font-size: 1.125rem;color:#555;}
.service .col-2 .col .row:nth-of-type(1) {margin-bottom: 30px;}
.service .col-2 .col .row:nth-of-type(2) {border-top:1px solid #d1d1d1;padding-top:30px;}
.service .col-2 .col .row:nth-of-type(2) p {margin-bottom: 15px;color:#000;}
.service .col-2 .col .row:nth-of-type(2) p img {/* opacity:.5; */margin-right: 10px;vertical-align:middle;}
.service .col-2 .col a.btn {display: block; font-weight: bold; margin-top: 60px;text-align:center;}

.faq .search {position:relative;background: #f7f7f7; padding: 30px 0; text-align: center;border-radius:8px;}
.faq .search label {position:relative;display:inline-block;}
.faq .search label input {font-size: .875rem;background: #fff;border: 1px solid #d1d1d1;width: 500px;padding:15px;border-radius: 10px;}
.faq .search label button {position: absolute;border: none;background: none;right: 10px; top:50%;transform: translateY(-50%);}
.faq .accordion {margin-top:20px;border-top:2px solid #ff6600;}
.faq .accordion li {position:relative}
.faq .accordion li.active {background:#f5f5f5}
.faq .accordion li.active a.title {color:#ff6600}
.faq .accordion a.title {padding:25px 62px 25px 20px;display:block;width:100%;border-bottom:1px solid #d1d1d1;font-size:1.125rem;font-weight:400;}
.faq .accordion a.title:after {position:absolute;content:url(../img/icon__arrow_down_s.png);top:20px;right:20px;filter:grayscale(1);transition:.3s;}
.faq .accordion li.active a.title:after {transform:rotate(-180deg);filter: grayscale(0);}
.faq .accordion a.title span.or {padding:0;color:#ff6600;font-family:'HanwhaWeb';font-weight:600;margin-right: 10px;position:relative;bottom:2px}
.faq .accordion .txt {display:none;padding:30px 70px;color:#555555;font-size:1.125rem;border-bottom:1px solid #d1d1d1;}

.faq .accordion a.title2 {padding:25px 20px 25px 20px;display:block;width:100%;border-bottom:1px solid #d1d1d1;font-size:1.125rem;font-weight:400;text-align: center;color: #555;}



.promo.news .card_wrap {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.promo.news .card_wrap {padding-top:30px;border-top:2px solid #ff6600;}
.promo.news .card_wrap li {width: 23%; height:330px; border:1px solid #d1d1d1;transition:.3s;cursor: pointer;margin:12px}

.promo.news .card_wrap li:not(.img) {padding:25px 24px 0px}
.promo.news .card_wrap li:not(.img) .txt {position:relative;height:100%;}
.promo.news .card_wrap li:not(.img) .txt h4 {font-size:1rem;font-weight:600;height:45px;margin-bottom:30px;display:-webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;}
.promo.news .card_wrap li:not(.img) .txt p {font-size:.875rem;color:#777;display:-webkit-box;-webkit-line-clamp:8;overflow: hidden;text-overflow: ellipsis;font-weight: 300; -webkit-box-orient: vertical;}
.promo.news .card_wrap li:hover {border:1px solid #ff6600;transition:.2s;}
.promo.news .card_wrap li.img img {width:100%;display:block;height: 48%;object-fit:cover;}
.promo.news .card_wrap li.img .txt {padding:15px 24px 47px;position:relative;height:52%;}
.promo.news .card_wrap li.img .txt h4 {font-size:1rem;font-weight:600;height:45px;display:-webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;}
.promo.news .card_wrap li:hover .txt h4 {color:#ff6600}
/*.promo.news .card_wrap li.img .txt p {font-size:1rem;color:#777;margin:15px auto 25px;display:-webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;font-weight: 300; -webkit-box-orient: vertical;}*/
.promo.news .card_wrap li.img .txt p {font-size:.875rem;color:#777;margin:15px 0 0 0;display:-webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;font-weight: 300; -webkit-box-orient: vertical;}  
.promo.news .card_wrap li .txt p.date {position:absolute;bottom:10px;}

.promo.news_view.sub .content h2.tit {font-weight: 500;}
.promo.news_view.sub .content h2.tit span {font-size:1.125rem; color:#777;font-weight:300;margin:20px 0 40px}
.promo.news_view.sub .content h2.tit span img {position:relative;bottom:-2px;left:-10px}

.promo.news_view .content .txt  {padding:40px 40px 40px;border-top:2px solid #FF6600;}
.promo.news_view .content .txt img {max-width:100%;}
/*.promo.news_view .content_wrap {padding:40px 40px 60px;border-top:2px solid #FF6600} */
.promo.news_view .content_wrap h2 {font-size:1.75rem;margin-bottom: 40px;font-weight: 600;}
.promo.news_view .content_wrap pre {white-space: pre-line;font-size: 1.125rem;line-height: 1.85rem;font-weight:300;font-family: 'Noto Sans KR', sans-serif;}
.promo.news_view .content_wrap p {font-size: 1rem;background:#f5f5f5;margin-bottom:40px;}
.promo.news_view .content_wrap p span {display:inline-block;background:#e8e8e8;width:10%;height:100%;padding:20px 0;text-align:center;}
.promo.news_view .content_wrap p a img {vertical-align:unset;margin:0 10px 0 30px;width:15px}
.promo.news_view .content_wrap p a {color:#000;font-weight:500;text-decoration:underline;font-size:1rem;transition:.2s;}
.promo.news_view .content_wrap p a:hover {color:#004eff}




.promo.news_view .view_line {padding:20px 0;border-top:1px solid #d1d1d1;}
.promo.news_view .view_line:last-of-type {border-bottom:1px solid #d1d1d1;}
.promo.news_view .view_line span {display: inline-block;}
.promo.news_view .view_line span:first-child {width:15%;padding:0 35px;font-size:.875rem;color:#777;}
.promo.news_view .view_line span:first-child img {margin-right:15px;}
.promo.news_view .view_line span:last-child {font-size: 1rem;color:#000;font-weight:400;}
.promo.news_view .view_line span:last-child img {vertical-align: unset;margin-left: 10px;width:15px;margin-bottom: 3px;}
.promo.news_view a.btn {margin:40px auto 0;display: block;width:230px;text-align: center;}


.promo .search {position:relative;background: #f7f7f7; padding: 30px 0; text-align: center;border-radius:8px;}
.promo .search label {position:relative;display:inline-block;}
.promo .search label input {font-size: .875rem;background: #fff;border: 1px solid #d1d1d1;width: 500px;padding:15px;border-radius: 10px;}
.promo .search label button {position: absolute;border: none;background: none;right: 10px; top:50%;transform: translateY(-50%);}
.promo .accordion {margin-top:20px;border-top:2px solid #ff6600;}
.promo .accordion li.active {background:#f5f5f5}
.promo .accordion a.title {position:relative;padding:25px 40px;display:block;width:100%;border-bottom:1px solid #d1d1d1;font-size:1.125rem;font-weight:600;}
.promo .accordion a.title:after {position:absolute;content:url(../img/icon__arrow_down_s.png);right:20px;filter: grayscale(1);transition:.3s}
.promo .accordion a.title span {display:inline-block;}
.promo .accordion a.title span.or {width:70px;height:25px;border:1px solid #ff6600;color:#ff6600;border-radius:15px;text-align:center;font-size: 0.875rem;
  padding: 0.2%;margin-right:20px;}
.promo .accordion a.title span:nth-of-type(2) {width:255px;font-size:1.125rem;font-weight:400;}
.promo .accordion a.title span:nth-of-type(3) {font-size:1rem;font-weight:300;color:#777}
.promo .accordion li.active a.title:after {transform:rotate(-180deg);filter: none;}
.promo .accordion .txt {display:none;padding:0;border-bottom:1px solid #d1d1d1;}
.promo .accordion .txt > img {width:100%;height:400px;object-fit: cover;}
.promo .accordion .txt p {text-align:right;padding:25px 0;}
.promo .accordion .txt p span {position:relative;display:inline-block;padding:0 40px}
.promo .accordion .txt p span:after {width:1px;height:100%;position:absolute;right:0;background:#c6c6c6;content:'';}
.promo .accordion .txt p span:last-child:after {display: none;}
.promo .accordion .txt p span img {margin-right:10px;vertical-align:middle;position:relative;bottom:2px}

.contact p.info_box {text-align: center;border: 1px solid #d1d1d1;padding: 25px 0;border-radius: 10px;margin: 60px 15px 20px;}
.contact .info_box span {position:relative;padding:0 25px;}
/*.contact .info_box span:after {position:absolute;width:1px;height:100%;background:#d1d1d1;right:0;content: '';}*/
.contact .info_box span:nth-of-type(2):after {display:none;}
.contact .info_box span img {vertical-align: middle;margin-right: 10px;}
.contact .info_box.m {display:none;}

.contact .contact_map {margin: 20px 15px 20px;display:block;height:500px;}

@media screen and (max-width: 1200px){
  .notice table td:nth-of-type(2){text-align: start;}
}



.consumer .flex_box{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.consumer .flex_column{
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.consumer .flex_column img{
  width: 100%;
}
.consumer .charter .flex_column p{
  margin-bottom: 0;
}