@charset "utf-8";


@import url('base.css');
@import url('js.css');
@import url('hk.css');
@import url('hj.css');
@import url('sb.css');
@import url('mobile.css');

@font-face {
    font-family: sh;
    src: 
        url(../fonts/SpoqaHanSansNeo-Regular.otf.html) format('otf'),
        url(../fonts/SpoqaHanSansNeo-Regular.woff.html) format('woff'),
        url(../fonts/SpoqaHanSansNeo-Regular.woff2.html) format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: sh;
    src: 
        url(../fonts/SpoqaHanSansNeo-Medium.otf.html) format('otf'),
        url(../fonts/SpoqaHanSansNeo-Medium.woff.html) format('woff'),
        url(../fonts/SpoqaHanSansNeo-Medium.woff2.html) format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face { 
    font-family: sh;
    src: 
        url(../fonts/SpoqaHanSansNeo-Bold.otf.html) format('otf'),
        url(../fonts/SpoqaHanSansNeo-Bold.woff.html) format('woff'),
        url(../fonts/SpoqaHanSansNeo-Bold.woff2.html) format('woff2');
    font-weight: bold;
    font-style: normal;
}

a { text-decoration: none; color: #333; }
a.aHover:hover { color: #2E81F8; text-decoration: underline; }
button.ico:after,
a.ico:after {
    content: '';
    background: url(../img/ico_link.png) no-repeat 0 0;
    display: inline-block;
    height: 19px;
    width: 19px;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

a.family-cont-alink:before {
    content: '';
    background: url(../img/ico_family_link.svg) no-repeat 0 0;
    display: inline-block;
    height: 7px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
a.family-cont-alink:after { display: none; }
a.family-cont-alink:hover:after {
    content: '';
    background: #161E27;
    display: block;
    width: 95%;
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    top: auto;
}


address{font-style:normal}

/* S : family site  */
.family-FE .nav-wrap { padding-left: 100px; }
html[lang="en"] .family-FE .nav-wrap { padding-left: 70px; }
.family-wrap {
    visibility: hidden;
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
    height: 0;
    width: 100%;
    position: fixed;
    top: -222px;
    left: 0;
    z-index: 999;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}
.family-wrap.on {
    visibility: visible;
    top: 48px;
    height: 256px;
}
.family-cont {
    background: url(../img/content/family_back.svg) no-repeat 900px 179px;
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 48px 0 60px;
    width: 1120px;
}
.family-cont-ul {
    display: block;
    /* justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; */
    width: 450px;
}
.family-cont-lis {
    display: inline-block;
    width: 49%;
}
.family-cont-lis:nth-child(n+3) { margin-top: 16px; }
.family-cont-alink { font-size: 1rem; position: relative; padding-left: 15px; font-weight: bold; }
.family-cont-alink:hover { color: #2E81F8; }

.global-site { margin-left: 50px; }
.global-site-title { font-size: 1.125rem; margin-bottom: 8px; position: relative; padding-left: 16px; font-weight: bold; }
.global-site-title:before { 
    content: '';
    background: url(../img/ico_family_link.svg) no-repeat 0 0;
    display: inline-block;
    height: 7px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.global-site-item { padding-left: 16px; }
.global-site-item + .global-site-item { margin-top: 8px; }
.global-site-alink { font-size: 0.875rem; position: relative; }
.global-site-alink:hover { color: #2E81F8; }
.global-site-alink:hover:before { 
    content: '';
    background: #161E27;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.swiper-family-mobile {
    overflow: hidden;
    width: 220px; 
}
.swiper-slide.family { width: 220px !important; display: flex; align-items: center; }
.mobile-site { margin: 20px 0 0 164px; position: relative; height: 85px; }
.mobile-site-txt { font-size: 1rem; word-break: keep-all; margin-left: 20px; color: #333; font-weight: bold; }
.mobile-site-txt > span { font-size: 0.875rem; color: #666; font-weight: normal; }
.swiper-family-prev, .swiper-container-rtl .swiper-family-next {
    background: url(../img/icoArr_left_16_18.svg) no-repeat 50% 50%;
    height: 34px;
    width: 34px;
    background-size: auto;
    left: -60px;
    right: auto;
    top: calc(50% - 20px);
    position: absolute;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    border-radius: 50%;
}
.swiper-family-next, .swiper-container-rtl .swiper-family-prev {
    background: url(../img/icoArr_right_16_18.svg) no-repeat 50% 50%;
    height: 34px;
    width: 34px;
    background-size: auto;
    left: auto;
    right: -50px;
    top: calc(50% - 20px);
    position: absolute;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    border-radius: 50%;
}
/* E : family site  */
/* S : common CSS */
p { word-break: keep-all; }
.file-down { line-height: 32px; }
.hasBorder{border:1px solid #E3E4E5;border-radius:10px;}
.dash { display: inline-block; margin: 0 5px; }
.alink-deco { text-decoration: underline; color: #333; font-size: 1rem; margin-left: 10px; }
.alink { color: #333; font-size: 1.125rem; position: relative; padding-right: 32px; }
.alink:after {
    content: '';
    background: url(../img/ico_arrow_detail.png) no-repeat 0 0;
    display: inline-block;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 0;
    top: 2px;
}
.alink.posR { position: absolute; right: 48px; top: 50%; transform: translateY(-50%); }
.fromTo { display: inline-block; margin: 0 10px; }
.img-mgt { margin-top: -65px; }
.fl{float:left;}
.fr { float: right; }
.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.fs14 { font-size: 0.875rem !important; }
.fs16 { font-size: 1rem !important; }
.fs20 { font-size: 1.3rem; }
.fs24{font-size:1.5rem !important;}
.fwb { font-weight: bold !important; }
.fwm{font-weight:500 !important;}
.fwn{font-weight:normal !important;}
.dpb { display: block !important; }
.emp01 { font-weight: bold; }
.emp01.mgl24 { margin-left: 24px; }
.emp01.mgl15 { margin-left: 15px; }
.emp01.mgr24 { margin-right: 24px; }
.emp02 { color: #666 !important; }
.emp03 { font-weight: bold; color: #2E81F8 !important; }
.emp04 { font-weight: bold; color: #F82F46 !important; }
.emp05 { font-weight: bold; color: rgba(255,255,255,0.6) !important; }
.mgl0 { margin-left: 0 !important; }
.mgl150 { margin-left: 150px; }
.mgl60 { margin-left: 60px; }
.mgl80 { margin-left: 80px; }
.mgl15 { margin-left: 15px; }
.mgl25 { margin-left: 25px; }
.mgl35 { margin-left: 35px; }
.mgl40 { margin-left: 40px !important; }
.mgl48 { margin-left: 48px; }
.mgr10 { margin-right: 10px; }
.mgr15 { margin-right: 15px; }
.mgr20 { margin-right: 20px; }
.mgr30 { margin-right: 30px; }
.mgb16 { margin-bottom: 16px !important; }
.mgb24 { margin-bottom: 24px !important; }
.mgb56 { margin-bottom: 56px !important; }
.mgt0 { margin-top: 0 !important; }
.mgt8 { margin-top: 8px !important; }
.mgt10{margin-top: 10px !important;}
.mgt13{margin-top: 13px !important;}
.mgt16 { margin-top: 16px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt24 { margin-top: 24px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt32 { margin-top: 32px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt48 { margin-top: 48px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt64 { margin-top: 64px !important; }
.mgt80 { margin-top: 80px !important; }
.mgt100 { margin-top: 100px !important; }
.mgt115 { margin-top: 115px !important; }
.mgb0 {margin-bottom:0 !important;}
.mgb8 { margin-bottom: 8px !important; }
.pd0{padding:0 !important;}
.pdt0 { padding-top: 0 !important; }
.pdb0 { padding-bottom: 0 !important; }
.pdl0 {padding-left:0 !important;}
.pdl110 { padding-left: 110px !important; }
.img-area { width: 100%; padding:50px 0; border: 1px solid #E3E4E5; flex: 1; line-height:0; border-radius: 10px;text-align: center; overflow: hidden;}
.img-area > img { max-width: 100%;}
.img-area .pc-block { margin: 0 auto; }
.pc .img-area.pd0 > img{max-width:initial}
.desc-box-wrap + .img-area { margin-top: 53px; }
.img-area.noB { border: 0; }
.img-area.white { background: #fff; height: auto; }
.desc-big + .img-area, .desc-mid + .img-area, .table-wrap + .img-area { margin-top: 24px; }
.title-mid + .img-area { margin-top: 32px; }
.img-alink { display: block; }
.img-alink:hover > .img-list-title { color: #2E81F8; text-decoration: underline; }
.img-hover-down { position: relative; border: 1px solid #E3E4E5; }
.img-hover-down img{display:block}
.img-alink:hover > .img-hover-down:after,
.img-alink:focus > .img-hover-down:after {
    content:'';
    background: rgba(0, 0, 0, 0.7);
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.file-type.pdf, 
.file-type.han, 
.file-type.ppt, 
.file-type.hwp, 
.file-type.word, 
.file-type.txt,
.file-type.img,
.file-type.zip, 
.file-type.excel,
.file-type.url, /* TobeEdit 2022-04-15 */
.file-type.file{position: relative; display: inline-block; line-height: 32px; height: 32px; text-decoration: underline; }
/* .file-type + .file-type { margin-left: 32px; } */
.file-type { position:relative;display:inline-block;padding-left: 32px; }
.file-type.tdu { text-decoration: underline; }
.file-type:before {
    content: '';
    display: inline-block;
    height: 32px;
    width: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    transform:translateY(-50%);
}
.file-type.pdf:before { background: url(../img/ico_file_type.png) no-repeat 0 0; }
.file-type.han:before { background: url(../img/ico_file_type.png) no-repeat 0 -32px; }
.file-type.txt:before { background: url(../img/ico_file_type.png) no-repeat 0 -64px; }
.file-type.file:before { background: url(../img/ico_file_type.png) no-repeat 0 -96px; }
.file-type.ppt:before { background: url(../img/ico_file_type.png) no-repeat 0 -128px; }
.file-type.word:before { background: url(../img/ico_file_type.png) no-repeat 0 -160px; }
.file-type.excel:before { background: url(../img/ico_file_type.png) no-repeat 0 -192px; }
.file-type.zip:before { background: url(../img/ico_file_type.png) no-repeat 0 -224px; }
.file-type.img:before { background: url(../img/ico_file_type.png) no-repeat 0 -256px; }
/* 2021-0726 hk button,textarea-outline 수정*/
button {cursor:pointer; }
/* button:focus {outline:none;}
input,textarea,select:focus {outline:none;} */
textarea {outline:none; width:100%;resize: none; }
.txtArea { min-height: 144px; background: #EDEDED; flex: 1; color: #888; border: none; border-radius: 10px; padding: 15px; }
.txtArea-box {
    position: relative;
    width: 100%;
}
.txtNum { position: absolute; right: 20px; bottom: 20px; }
/*// */
.img-alink:hover > .img-hover-down:before,
.img-alink:focus > .img-hover-down:before {
    content:'';
    background: url(../img/ico_download2.png) no-repeat 0 0;
    display: block;
    height: 70px;
    width: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 100px;
    width: 100%;
    min-width: 1120px;
    flex-wrap: wrap;
    padding-top: 144px;
}
.container.con-type-2{
    padding-top:0;
    padding-bottom:0;
}
.btn-wrap.mgt115.pd0{
    margin-top:0 !important;
    padding-top:64px !important;
    padding-bottom:64px !important;
}
.ie .container { overflow: hidden; }
.tsPage .container { padding-top: 398px; }
.tsPage .tabs-trigger-wrap.sub > a > span.emp03 { margin-left: 4px; }
.cont-box { width: 1120px; }
.desc-big {
    color: #000;
    font-size: 1.875rem;
    line-height:1.5;
    letter-spacing:-0.05em;
}
[lang=en] .desc-big{letter-spacing:-0.015em}
.desc-mid {
    color: #333;
    font-size: 1.125rem;
    word-break: keep-all;
}
.desc-box-wrap + .desc-mid { margin-top: 48px; }
/* .desc-mid.network .desc-mid-txt > span:nth-child(n+6) { margin-left: 24px; } */
.desc-mid.visibleH { visibility: hidden; height: 0; width: 0; line-height: 0; margin: 0; }
.desc-mid.wranIco {
    padding-top: 120px;
    position: relative;
    text-align: center;
}
.alert .desc-mid.wranIco { padding-top: 80px; }
.desc-mid.wranIco:before {
    content: '';
    display: block;
    background: url(../img/ico_exclamation.png) no-repeat 0 0;
    height: 88px;
    width: 88px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.alert .desc-mid.wranIco:before { height: 64px; width: 64px; background-size: cover; }
.desc-small { font-size: 1.5rem; margin-top: 24px; word-break: keep-all; }
.guide-wrap + .desc-big{margin-top: 32px;}
.desc-big + .desc-mid, .title-wrap + .desc-mid { margin-top: 24px; }
.desc-mid + .title-small { margin-top: 48px; }
.title-mid + .desc-mid { margin-top: 24px; }
.img-area + .desc-mid { margin-top: 40px; }
.desc-mid + .item-box { margin-top: 64px; }
.desc-mid.flex { display: flex; justify-content: flex-start; }
.desc-mid-txt { line-height: 1.8; border-bottom: 1px solid #E3E4E5; padding-bottom: 32px; }
.desc-mid-txt:last-child { border-bottom: 0; }
.desc-mid-txt + .desc-mid-txt { margin-top: 32px; }
.title-small + .desc-mid { margin-top: -8px; }
.item-box.flex .title-small + .desc-mid { margin-top: 0; }
.info {
    color: #666;
    font-size: 1rem;
    margin-top: 24px;
    position: relative;
    padding-left: 24px;
}
.input-box .info { width: 100%; }
.input-box .info-table { width: 100%; }
.info.insideForm { margin-top: 16px; }
.info:before {
    content: '';
    background: url(../img/ico_info.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    height: 18px;
    width: 18px;
}
.ie .info:before { top: 6px; }
.info.noIco { color: #333; padding-left: 0; }
.info.noIco:before {
    background: none;
}
.info-table {
    color: #666;
    font-size: 0.875rem;
    margin-top: 24px;
    position: relative;
    padding-left: 34px; 
}
.form-box .info-table, .table-wrap > table .info-table { margin-top: 8px; } 
.info-table.no-mt { margin-top: 0; }
.info-table.under { padding-left: 24px; }
.dt-list-dd > .info-table.under { margin-top: 16px; }
.info-table.under + .tabs-wrap { margin-top: 53px; }
.info-table.insideD { margin-top: 10px; }

.remark-list + .info-table.under { margin-top: 24px; }
.info-table:before {
    content: '';
    background: url(../img/ico_info.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: 10px;
    top: 3px;
    height: 16px;
    width: 16px;
}
.info-table.noIco:before {
    background: none;
    height: 0;
    width: 0;

}
.info-table.under:before { left: 0; top: 3px; }
.ie .info-table.under:before { top: 4px; }
.info-box {
    background: #F2F3F5;
    display: flex;
    justify-content: flex-start;
    margin-top: 64px;
    padding: 40px;
}
.info-box .title-small + .list-typeA { margin-top: 0; flex: 1; }
.info-box .title-small + .list-typeA > li{font-size:1rem}
.info-box .title-small { width: 240px; }
.icon_cus { width: 920px; }
.title-big + .desc-big { margin-top: 32px; word-break: keep-all; }
.item-box.flex {
    display: flex;
    justify-content: space-between;
    align-items:flex-start; /* 210924 추가 */
    flex-wrap: wrap;
}
.item-box.flexEnd {
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.item-box.flexStart {
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.item-box.hasTb {
    border-top: 1px solid #000;
    padding-top: 64px;
}
.item-box.flexAc { align-items: center; }
.tabs-wrap + .item-box { margin-top: 64px; }
.title-mid + .item-box { margin-top: 32px; }
.item-box.flexS { justify-content: flex-start !important; }
.notice-list-total + .item-box { margin-top: 24px; }
.item-box.items3 { justify-content: flex-start; }
.item-box.flex > .title-mid { width: 288px; padding-right: 76px; word-break: keep-all; }
.item-box.flex > .title-small { width: 288px; padding-right: 78px; }
.item-box.cols3 > .title-small { width: 33%; padding-right: 120px; }
.item-box.flex > .desc-mid { width: 832px; flex: 1; margin-top: 0; }
.item-box.flex > .remark-list { width: 832px; }
.item-box + .item-box { margin-top: 64px; }
.clause-box .item-box + .item-box { margin-top: 40px; }
.item-box.mgb-type2 + .item-box.mgb-type2 { margin-top: 100px; }
.item-box.small + .item-box.small { margin-top: 48px; }
.layer .item-box + .item-box { margin-top: 32px; }
.item-box + .item-box.hasBt { margin-top: 40px; }

/* .item-box.hasImg.type3{height:190px} */
.item-box.hasB { border-bottom: 1px solid #222; padding-bottom: 40px;}
.item-box.hasB + .item-box{margin-top:0;padding-top:40px}
.item-box.hasB .title-small{margin-bottom:0;line-height:1.5}
.item-box.hasB .list-typeA > *{line-height:1.3}
.item-box.hasB .list-typeA ~ .list-typeA{margin-top:0}
.item-box.hasB .list-typeA > li > a{font-weight:500;letter-spacing:-0.045em}
.item-box.hasB .list-typeA > li ~ li{margin-top:24px}
.item-box.hasB .list-typeA .list-type-sub{margin-top:11px}
.item-box.hasB .list-typeA .list-type-sub > li{font-size:.875rem;line-height:1.7}
.item-box.hasB .list-typeA .list-type-sub > li > a{color:#666}

/* .mob .item-box.hasImg.type3{padding:0;height:auto;text-align:left} */
.mob .item-box.hasImg.type3 .desc-big{padding:0}
.mob .item-box.hasImg.type3 .alink-deco{font-size:0.875rem}
/* .mob .item-box.hasImg.type3 img{display:none} */
.mob .item-box.hasB .title-small{margin-bottom:24px}
.mob .item-box.hasB .list-typeA{float:left;width:50%}
.mob .item-box.hasB .list-typeA:nth-child(2){margin:0}
.mob .item-box.hasB .list-typeA:nth-child(3){width:100%}
.mob .item-box.hasB .list-typeA > li > a{font-weight:normal}

.item-box.hasBt { border-top: 1px solid #ddd; padding-top: 32px; }
.item-box.hasBt2 { border-top: 1px solid #ddd; padding-top: 16px; }
.item-box.hasB:last-child { border-bottom: 0; }
.item-box.hasBorder {
    border: 1px solid #E3E4E5;
    border-radius: 10px;
    padding: 40px;
}
.form-box + .item-box { margin-top: 64px; }

.title-big + .item-box,
.title-big + .title-mid{margin-top:32px}
/*.title-big + .item-box, */.info-table + .item-box, .info + .item-box, .desc-big + .item-box { margin-top: 64px; }
.info + .item-box.hasBt { margin-top: 32px; }
.item-box.hasImg {
    padding-right: 250px;
    position: relative;
}
.item-box.hasImg.h200 {height:200px}

/* .title-big + .item-box.hasImg { margin-top: 48px; } */
.hasImg.type2 { padding-right: 390px; }
.sub-cont-box { flex: 1; }
.title-mid + .sub-cont-box { margin-top: 32px; }
.item-box.flex .title-mid + .sub-cont-box { margin-top: 0; }
.guide-wrap { text-align: right; }
.tabs-trigger + .guide-wrap { margin-top: -32px; }
.info + .guide-wrap{margin-top: 30px;}
.guide-wrap + .tabs-cont { margin-top: 32px; }
.tabs-cont > .guide-wrap { margin-top: -24px; }
.guide-wrap + .item-box { margin-top: 32px; }
.guide-service:before { background: url(../img/ico_q.png) no-repeat 0 0; }
.manager-info:before {background: url(../img/ico_man.png) no-repeat 0 0;}
.guide-service + .manager-info { margin-left: 32px; }

.quick-box { background: #fff; border: 1px solid #E3E4E5; width: 352px; border-radius:8px; margin-top: 56px;}
.quick-box .quick-box-txt { position: relative;}
.quick-box .quick-box-txt:before { content: ''; display: block; position: absolute; left: 24px; top: 24px;width:48px;height:48px; background-repeat:no-repeat; background-position:0 0;}
.quick-box .quick-box-txt > a { display:block;padding: 24px 30px 22px 88px;position: relative; display: inline-block; }
.quick-box .quick-box-txt > a .tit{display:inline-block;position:relative;font-size:1rem;font-weight:bold;color:#000;}
.quick-box .quick-box-txt > a .tit:after{ content: ''; background: url(../img/ico_arrow.png) no-repeat 0 0; height: 8px; width: 5px; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); }
.quick-box .quick-box-txt > a .txt{margin-top:4px;font-size:0.875rem;line-height:1.25rem;color:#666;}

.quick-box-txt.rate:before { background-image: url(../img/ico_rate.png); }
.quick-box-txt.exch:before { background-image: url(../img/ico_exch.png); }
.quick-box-txt.form:before { background-image: url(../img/ico_form.png); }
.quick-box-txt.globalInfo:before {background-image: url(../img/ico_globalInfo.png);}
.quick-box-txt.induInfo:before {background-image: url(../img/ico_induInfo.png);}
.quick-box-txt.statis:before {background-image: url(../img/ico_statis.png);}

.quick-box.w100 { width: 100%; }

.quick-box.type2 { position: relative; }
.quick-box.type2 + .quick-box.type2 { margin-top: 32px; }

.quick-box.type2 .quick-box-txt {position:relative;}
.quick-box.type2 .quick-box-txt:before{width:96px;height:96px;top:50%;left:48px;transform:translateY(-50%);}
.quick-box.type2 .quick-box-txt > a{display:block;position:relative;padding: 48px 270px 48px 176px;border-radius:8px;}
.quick-box.type2 .quick-box-txt > a:hover:after{content:'';position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:2px solid #161e27;border-radius:8px;}
.quick-box.type2 .quick-box-txt > a:hover .right-txt{color:#2e81f8;}
.quick-box.type2 .quick-box-txt > a:hover .right-txt:after{background-image:url('../img/ico_arrow_detail_hover.png');}
.quick-box.type2 .quick-box-txt > a .tit{font-size:1.5rem;line-height:2.438rem;}
.quick-box.type2 .quick-box-txt > a .tit:after{content:none;}
.quick-box.type2 .quick-box-txt > a .txt{font-size:1.125rem;line-height:1.875rem;}
.quick-box.type2 .quick-box-txt .right-txt{position:absolute;top:50%;right:48px;padding-right:32px;line-height:1;}
.quick-box.type2 .quick-box-txt .right-txt:after{content:'';position:absolute;top:50%;right:0;width:24px;height:24px;margin-top:-12px;background:url('../img/ico_arrow_detail.png') no-repeat 100% 50%;background-size:100% 100%;}


.mob .quick-box.type2 + .quick-box.type2 { margin-top: 25px; }
.mob .quick-box.type2 .quick-box-txt:before{top:32px;left:32px;transform:translateY(0);}
.mob .quick-box.type2 .quick-box-txt > a{padding:152px 32px 96px;}
.mob .quick-box.type2 .quick-box-txt > a .tit{font-size:1.375rem;}
.mob .quick-box.type2 .quick-box-txt > a .txt{font-size:1rem;line-height:1.875rem;}

.mob .quick-box.type2 .quick-box-txt .right-txt{left:32px;right:unset;top:unset;bottom:32px;}


.certi-box {
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #F2F2F5;
    border-radius: 10px;
    flex: 1;
    width: 100%;
    height: 360px;
    padding: 64px 70px;
}
.certi-box .title-mid + .btn-wrap { margin-top: 38px; }
.item-box.flex .certi-box + .certi-box { margin-left: 32px; }
.desc-box-wrap {
    display: flex;
    /* justify-content: space-between; */
    /* align-items: center; */
    flex-wrap: wrap;
    width: 832px;
}
.desc-box-wrap.just-sb { justify-content: space-between; }
.desc-box-wrap + .desc-box-info { margin-top: 12px; }
.desc-box-wrap + .item-box { margin-top: 64px; }
.title-big + .desc-box-wrap { margin-top: 32px; }
.desc-box-wrap.flexS { justify-content: flex-start; }
.desc-box-wrap.itemA { align-items: flex-start; }
.layer-title-mid + .desc-box-wrap { margin-top: 32px; }
.desc-box-wrap.items1 .w48 { /*width: 48%;*/ flex: none; } 
.desc-box-wrap.flexS { align-items: flex-start; }
.desc-box-wrap.w100 { width: 100%; /*align-items: flex-start; */}
/* .title-big + .item-box > .desc-box-wrap.img-left, .title-big + .item-box > .desc-box-wrap.img-right, .title-big + .item-box > .desc-big { margin-top: -32px; } */
.desc-big + .desc-box-wrap.w100 { margin-top: 24px; }
.item-box.flex .title-small + .desc-box-wrap { margin-top: 0; }
.title-small + .desc-box-wrap { margin-top: -8px; }
.notice-list-total + .desc-box-wrap { margin-top: 24px; }
.desc-box {
    background: #F2F3F5;
    border: 1px solid #E3E4E5;
    border-radius: 10px;
    /* min-height: 335px; */
    padding: 30px;
    width:calc((100% - 32px) / 2);
    flex: 1;
    position: relative;
}
.desc-box.videoDesc { width: 100%; height: 150px; overflow-y: auto; }
.desc-box.videoDesc p ~ p{margin-top:20px}
.desc-box + .desc-box { margin-left: 32px; }
.desc-box.hasBWhite { background: #fff; padding: 32px; margin-top: 40px; width:100%;}
.desc-box.hasBWhite:before {
    content: '';
    display: block;
    left: 50%;
    width: 7px;
    height: 48px;
    transform: translateX(-50%);
    background: url(../img/content/bg_dot_line.png) center no-repeat;
    position: absolute;
    top: -45px;
    z-index: 999;

}
.desc-box.depart-info > .list-typeA { margin-left: 48px; }
.desc-box.white { background: #fff; border: 0; height: auto; padding: 0; word-break: keep-all;  }
.desc-box.icon { padding-top: 95px; }
.desc-box.earth2:before {
    content: '';
    background: url(../img/ico_earth_new.png) no-repeat 0 0;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
}
.desc-box.house:before {
    content: '';
    background: url(../img/ico_house.png) no-repeat 0 0;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
}
.desc-box.info2:before {
    content: '';
    background: url(../img/ico_info2.png) no-repeat 0 0;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
}
.desc-box.hasB { border: 1px solid #E3E4E5; padding: 40px; }
.notice-list-total + .table-multi-wrap { margin-top: 24px; }
.table-multi-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.table-multi-wrap > .notice-list-wrap { width: 50%; }
.table-multi-wrap > .notice-list-wrap + .notice-list-wrap { margin-left: 34px; }

.table-wrap + .desc-box.hasB { margin-top: 46px; }
.item-box.cols3 > .desc-box.white { width: 33%; }
.desc-box.flex {
    display: flex !important;
    justify-content: flex-start;
}
.desc-box.flex2 {
    display: flex !important;
    justify-content: space-between;
    align-items: center;    
}
.desc-box.flexS { display: flex !important; justify-content: flex-start; }
.desc-box.typeB { height: auto; background: #fff; padding: 32px 61px; text-align: center; min-height: 202px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.desc-box.typeC { height: auto; background: #fff; padding: 32px 30px; text-align: left; min-height: 177px; display: block; flex: none; position: relative; }
.desc-box.link-type { height: auto; background: #fff; text-align: left; min-height: auto; display: block;  position: relative; padding: 19px 24px; flex: none;}
.desc-box.link-type > .title-small { margin-bottom: 0; }
.desc-box.truck { background: url(../img/ico_truck.png) no-repeat 90% 90%; }
.desc-box.graph { background: url(../img/ico_graph.png) no-repeat 90% 90%; }
.desc-box.earth { background: url(../img/ico_earth.png) no-repeat 90% 90%; }
.desc-box.w30 { /*width: 31%;*/width:calc((100% - 64px) / 3) }
/* .desc-box.w48 { width: 48%;} */
.desc-box.w100 { width: 100%; }
.desc-box.h540 { height: 540px; }
.desc-box.h480 { height: 480px; }
.desc-box.h430 { height: 430px; }
.desc-box.h380 { height: 380px; }
.desc-box.h350 { height: 350px; }
.desc-box.h270 { height: 270px; }
.desc-box.h220 { height: 220px; }
.desc-box.h180 { height: 180px; }
.desc-box.h120 { height: 120px; }
.desc-box.w48:nth-child(n+3) { margin-top: 32px; }
.desc-box.w48:nth-child(odd) { margin-left: 0; }
/* .desc-box.w48:nth-child(3n+1) { margin-left: 0; }
.desc-box.w48:nth-child(2n+1) { margin-left: 0; } */
.desc-box.typeC:nth-child(n+4) { margin-top: 32px; }
.desc-box.typeC .title-small{margin-bottom:36px} /* 210927 추가 */
.desc-box.typeC > img{width:240px;height:329px;border:1px solid #e3e4e5}
.desc-box.w30:nth-child(3n+1) { margin-left: 0; }
.desc-box.w30:nth-child(n+4) { margin-top: 24px; }
.desc-box.left { text-align: left; align-items: flex-start; justify-content: flex-start; padding: 0; flex: auto;}
.desc-box.h330 { height: 330px; width: 390px; }
.desc-mid + .desc-box-wrap { margin-top: 24px; }
.title-mid + .desc-box-wrap { margin-top: 24px; }
.item-box.flex .title-mid + .desc-box-wrap { margin-top: 0; }
.desc-box.white + .desc-box.white { margin-left: 44px; }
.item-box.cols3 .desc-box + .desc-box { margin-left: 80px; }
.desc-box.typeB { margin-left: 0; margin-bottom: 32px; width:calc((100% - 32px) / 2)}
.step-box3.busi-srvice .desc-box.typeB { width: 100%; }
.desc-box.typeB:nth-child(even) { margin-left: 32px !important; }
.desc-box-title {
    background: #F2F2F2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #000;
    font-size: 1.25rem;
    padding: 30px;
    width: 100%;
    text-align: center;
}
.desc-box-txt { margin-left: 30px; }
.dt-list { padding-top: 56px; position: relative; }
.dt-list.noIco { padding-top: 15px; }
.dt-list:before {
    content: '';
    display: block;
    position: absolute;
    height: 46px;
    width: 46px;
    top: -7px;
    left: 0;
}
.dt-list.bag:before { background: url(../img/ico_bag.png) no-repeat 0 0; }
.dt-list.envelope:before { background: url(../img/ico_envelope.png) no-repeat 0 0; }
.dt-list.protect:before { background: url(../img/ico_protect.png) no-repeat 0 0; }
.dt-list.alarm:before { background: url(../img/content/icon_alarm.png) no-repeat 0 0; }
.dt-list.headset:before { background: url(../img/content/icon_headset.png) no-repeat 0 0; }
.dt-list.message:before { background: url(../img/content/icon_message.png) no-repeat 0 0; }

.dt-list-title {
    color: #000;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 32px;
}

.dt-list.noIco .dt-list-title { margin-bottom: 16px; font-size: 1.25rem; }
.dt-list.noIco .dt-list-dd {  font-size: 1rem; word-break: keep-all; }
.dt-list.noIco .dt-list-dd + .dt-list-dd {  margin: 8px 0; }
.dt-list.noIco:before { height: 0; width: 0; }
.dt-list-dd {
    color: #333;
    font-size: 1rem;
    position: relative;
    padding-left: 10px;
    word-break: keep-all;
    line-height: 1.4;
}
.dt-list-dd + .dt-list-dd { margin-top: 16px;margin-bottom: 16px; }
.dt-list-dd + .dt-list-title { margin-top: 48px; }
.dt-list-dd:before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 10px;
}
.dt-list-dd.noDot{padding-left:0}
.dt-list-dd.noDot:before {display: none; }

.dt-list-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dt-list-info dt, .dt-list-info dd  { display: inline-block; }
.dt-list-info dt { width: 120px; }
.dt-list-info dd { width: 380px;  }
img + .dt-list-info { margin-left: 64px; }

.dt-list-subtit {
    font-size: 1.0rem;
    font-weight: bold;
    margin-bottom: 16px;
}
.desc-box_auto {
    background: #F2F3F5;
    border: 1px solid #E3E4E5;
    border-radius: 10px;
    height: auto;
    padding: 20px;
    flex: 1;
}
.dt-list-dd + .dt-list-dd:last-child  { margin-bottom: 12px!important; }

.textarea_word {text-align: right; margin:0px 0 2px 0;  font-size: 0.875rem!important;}
.list_agreement li.list_txt {line-height:2.0rem;padding-bottom:5px;}
.list_agreement li.list_txt:last-child  {padding-bottom:10px;}
.download-box {
    background: #F2F3F5;
    border-radius: 10px;
    border: 1px solid #E3E4E5;
    padding: 0 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 112px;

}
.item-box + .download-box { margin-top: 80px; }
.item-box.items2 .download-box { width: 48%;  }
.download-box-title { font-size: 1.125rem; color: #000; position: relative; padding-right: 10px; vertical-align: middle;  }

.download-box-title.pdf:before {
    content: '';
    background: url(../img/ico_pdf.png) no-repeat 0 0;
    display: inline-block;
    height: 25px;
    width: 22px;
    margin-right: 10px;
    position: relative; /*20220110 수정 모바일에서 센터 정렬*/
    top: -2px;
    left: 0;
    vertical-align: middle;
}
.download-box-title.ppt:before {
    content: '';
    background: url(../img/ico_ppt.png) no-repeat 0 0;
    display: inline-block;
    height: 25px;
    width: 22px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.download-box-title.hwp:before {
    content: '';
    background: url(../img/ico_hwp.png) no-repeat 0 0;
    display: inline-block;
    height: 25px;
    width: 22px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.download-box-title.clip:before {
    content: '';
    background: url(../img/ico_clip.png) no-repeat 0 0;
    display: inline-block;
    height: 25px;
    width: 22px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.accor-box-wrap + .download-box { margin-top: 80px; }
.video-box { margin-top: 32px; }
.result-msg {
    color: #333;
    font-size: 1.125rem;
    text-align: center;
    padding: 80px 0;
    width: 100%;
}
[lang=en] .main-news-list .result-msg { padding: 10px 0; }
.result-msg span { display: block; }
.result-msg-tit { position: relative; padding-top: 114px; }
.result-msg-tit:before {
    content: '';
    display: block;
    background: url(../img/ico_exclamation.png) no-repeat 0 0;
    height: 88px;
    width: 88px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* visual area */
.visual-area {
    display:flex;
    justify-content:center;
    width:100%;
    overflow: hidden;
    /* height: 432px;
    width: 100%;
    position: relative;
    overflow: hidden; */
}
/* .visual-item {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-665px);
}
.visual-item-edcf { 
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-569px); 
} */
.visual-item.mob { display: none;}
.visual-area > img:first-child { transform: translateX(152px); }
header.ty2.sub-header ~ .container > .visual-area > img:first-child, .visual-area > img.visual-item-edcf { transform: translateX(200px); }

/* location */
.location-bar {
    display: flex;
    color: #666;
    font-size: 1.125rem;
/*  justify-content: space-between; */
    align-items: center;
    margin-top: 16px;
    width: 100%;
    position: relative;
    height: 40px;
    z-index: 999;

}
.location-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-560px);
    width: 980px;
}
.util-wrap {
    position: absolute;
    right: 50%;
    transform: translateX(560px);
}
.location-menu-wrap { display: none; }
.location-current-menu {
    cursor: pointer;
    display: inline-block;
    margin-right: 24px;
    position: relative;
    padding-right: 20px;
}
.location-current-menu:after {
    content: '';
    display: block;
    background: url(../img/ico_tri_down.png) no-repeat 0 0;
    height: 8px;
    width: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.location-current-menu.home { padding-right: 0; }
.location-current-menu.home:after { background: none; background-color: #000; width: 100%; height: 1px; position: absolute; bottom: 0; right: 0; top: auto; transform: none; }
.location-current-menu.last > a { color: #2680EB;}
.location-current-menu.last:after { background: url(../img/ico_tri_down_on.png) no-repeat 0 0;  }
.location-menu-wrap {
    display: none;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    min-width: 100px;
    position: absolute;
    top: 37px;
    left: 0;
    padding: 10px 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    min-width: 100px;
    z-index: 99;
}
.location-menu-wrap > a { display: block; white-space: nowrap; font-size: 1rem; padding: 6px 16px; font-weight: 500; }
.location-menu-wrap.on > a.on { background: rgba(46, 129, 248, 0.12); color: #2E81F8; }
.location-menu-wrap > a:hover { text-decoration: underline; }
.location-menu-wrap.on { display: block; }
.util-zoom {
    background: url(../img/ico_util.png) no-repeat 0 0;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 15px;
}
.util-sns {
    background: url(../img/ico_share.png) no-repeat center center / cover;/* TobeEdit 2022-03-22 */
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 15px;
}
.util-sns.mobile { display: none; }
.util-sns-wrap {
    display: none;
    background: #fff;
    border: 1px solid #222;
    border-radius: 5px;
    position: absolute;
    top: 40px;
    left: -60px;
    padding: 40px 20px 20px;
    width: 170px;
}
.util-sns-wrap > ul> li + li { margin-top: 14px; }
.util-sns-alink { padding-left: 40px; position: relative; }
.util-sns-alink:before {
    content: '';
    height: 30px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* TobeEdit 2022-03-22 아이콘 2배 크기변경*/
.util-sns-alink.face:before { background: url(../img/ico_facebook.svg) no-repeat 0 0 / cover; }
.util-sns-alink.insta:before { background: url(../img/ico_instagram.svg) no-repeat 0 0;}
.util-sns-alink.kakao:before { background: url(../img/ico_kakaotalk.svg) no-repeat 0 0 / cover; }
.util-sns-alink.band:before { background: url(../img/ico_band.svg) no-repeat 0 0 / cover; }
.util-sns-alink.email:before { background: url(../img/ico_email.svg) no-repeat 0 0 / cover; }
.util-sns-alink.twitter:before { background: url(../img/ico_twitter_off.png) no-repeat 0 0 / cover; }
.util-sns-alink.line:before { background: url(../img/ico_line_off.png) no-repeat 0 0 / cover; }
.util-sns-alink.blog:before { background: url(../img/ico_blog_off.png) no-repeat 0 0 / cover; }

.util-sns-alink.face:hover:before { background: url(../img/ico_facebook_over.svg) no-repeat 0 0; }
.util-sns-alink.insta:hover:before { background: url(../img/ico_instagram_over.svg) no-repeat 0 0; }
.util-sns-alink.kakao:hover:before { background: url(../img/ico_kakaotalk_over.svg) no-repeat 0 0; }
.util-sns-alink.band:hover:before { background: url(../img/ico_band_over.svg) no-repeat 0 0; }
.util-sns-alink.email:hover:before { background: url(../img/ico_email_over.svg) no-repeat 0 0; }
.util-sns-alink.twitter:hover:before { background: url(../img/ico_twitter.png) no-repeat 0 0; }
.util-sns-alink.line:hover:before { background: url(../img/ico_line.png) no-repeat 0 0; }
.util-sns-alink.blog:hover:before { background: url(../img/ico_blog.png) no-repeat 0 0; }

/* TobeEdit 2022-04-07 카카오스토리 추가 */
.util-sns-alink.kakaostory:before { background: url(../img/ico_kakaostory_off.svg) no-repeat 0 0 / cover;}
.util-sns-alink.kakaostory:hover:before { background: url(../img/ico_kakaostory_over.svg) no-repeat 0 0 / cover;}


.sns-btn-close {
    background: url(../img/sns_btn_x.svg) no-repeat 0 0; 
    height: 24px;
    width: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-indent: -9999px;
}
.util-zoom,
.util-sns,
.util-print {text-indent: -9999px;}
.util-print {
    background: url(../img/ico_util.png) no-repeat -80px 0;
    display: inline-block;
    height: 24px;
    width: 24px;
}
.circle-box { margin-right: 47px; }
.circle {
    background: #3388ff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 0.875rem;
    height: 72px;
    width: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tooltip { position: absolute; cursor: pointer; bottom: 40px; right: 0; display: block; }
a.tooltip { 
    bottom: 10px;
    right: 0;
    display: block;
    height: 24px;
    width: 24px;
    right: -30px; 
}
.tooltip:before {
    content: '';
    display: block;
    background: url(../img/ico_guide_off.png) no-repeat 0 0;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 6px;
    right: -30px;
}
a.tooltip:before {
    top: 0;
    right: 0;
}
.tooltip:hover:before { background: url(../img/ico_guide_on.png) no-repeat 0 0; }
.tooltip:hover > .tooltip-box { display: block; }
.tooltip:focus:before { background: url(../img/ico_guide_on.png) no-repeat 0 0; }
.tooltip:focus > .tooltip-box { display: block; }
.tooltip-box {
    background: #fff;
    border: 2px solid #222;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    min-height: 150px;
    width: 264px;
    padding: 25px;
    position: absolute;
    /*top: -160px;*/
    bottom:calc(50% + 35px);
    left: -10px;
    text-align: left;
    display: none;
}
.tooltip-title { font-size: 1rem; color: #000; }
.tooltip-txt { font-size: 0.875rem; color: #666; margin-top: 10px; }
.visual-box {
    background: #F2F3F5;
    border: 1px solid #E3E4E5;
    height: auto;
    padding: 48px 160px 56px;
    width: 100%;
}
.title-big + .visual-box { margin-top: 48px; }
.visual-box .img-area{padding: 0;border: none;}
.info-visual { font-size: 1.5rem; color: #000; margin-top: 40px; text-align: center; }
.img-info-box {
    display: flex;
    justify-content: space-between;
}
.country-info-box {
    flex: 1;
    margin-left: 64px;
    width: 100%;
}
.country-flag   {width:182px;height:118px; border:solid 1px #ccc;}
.country-grade { display: flex; align-items: center; margin-top: 16px; }
.country-exim-grade { display: flex; align-items: center; }
.country-oecd-grade { display: flex; align-items: center; margin-left: 80px; }
.country-grade-title { font-size: 1.125rem; color: #333; }
.grade { 
    color: #fff;
    border-radius: 50%;
    font-size: 2rem;
    height: 72px;
    width: 72px;
    background: #2680EB;
    margin-left: 50px; 
    display: inline-block;
    line-height: 72px;
    text-align: center;
}
.grade.gray {
    background: #F2F3F5;
    color: #333;
    font-size: 1rem;
}
.img-box-finance, .txt-box-finance { width: 50%; position: relative; }
.img-box-finance:after {
    content: '';
    background: #222;
    display: block;
    width: 150px;
    height: 4px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.img-box-finance.left { text-align: right; }
.img-box-finance.left:after {
    height: 0;
    width: 0;
}
.img-box-finance.left:before {
    content: '';
    background: #222;
    display: block;
    width: 150px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.txt-box-finance { padding: 0 60px 0 32px; }
.txt-box-finance.typeB { padding: 0 10px; }
.txt-box-finance.pos { 
    position: absolute;
    right: 530px;
    width: auto;
}
.ie .txt-box-finance.pos { top: 50%; transform: translateY(-50%); }
.flexStart .txt-box-finance.pos {
    left: 520px;
    right: 0;
}
.ie .flexStart .txt-box-finance.pos { top: 50%; transform: translateY(-50%); }
.txt-box-finance dt {
    color: #000;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: -0.08rem;
    line-height: 1.4;
}
.txt-box-finance dd {
    color: #333;
    font-size: 1.125rem;
    word-break: keep-all;
    margin: 38px 0 29px ;
}
.txt-finance-title {
    color: #000;
    font-size: 2.125rem;
    font-weight: bold;  
}
.txt-box-finance.eng { padding: 0 0 0 16px; }
.txt-box-finance.eng dd { font-size: 1rem; }
.txt-box-finance.eng .dt-list-title { font-size: 1.25rem; }
.txt-box-finance.eng .dt-list-dd { margin: 8px 0; }
.loan-info { width: 41%; padding-right: 90px; }
.loan-info-box { position: relative; padding-left: 170px; min-height: 136px; padding-top: 20px; }
.loan-info-box + .loan-info-box { margin-top: 64px; }
.loan-info-box:before {
    content: '';
    display: inline-block;
    height: 136px;
    width: 136px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius:100%;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-color:#3388ff;
}
.loan-info-box.target:before { background-image:url(../img/loan_ico01.png); }
.loan-info-box.amount:before { background-image:url(../img/loan_ico02.png); }
.loan-info-box.term:before { background-image:url(../img/loan_ico03.png); }
.loan-info-title {
    color: #3388ff;
    font-size: 1rem;
}
.loan-info-txt {
    color: #000;
    font-size: 1.25rem;
    font-weight: bold;
    word-break: keep-all;
}
.loan-condition { width: 59%; }
footer {
    background: #161E27;
    height: 360px;
    min-width: 1120px; /* TobeEdit 2022-04-20 태블릿사이즈 노출 시 오류수정 */
}
/* footer.footer-global-site {  height: 150px !important; } */
/* footer.footer-global-site address{margin-bottom:8px}
footer.footer-global-site .contact b{display:inline-block;margin-right:10px}
footer.footer-global-site .contact b:nth-of-type(2){margin-left:15px}
footer.footer-global-site .copy { margin-top:30px;padding-top:30px} */
footer.home-eng { height: 220px; }
footer.footer-global-site {height:248px;font-size:0.9375rem;color:#888}
footer.footer-global-site address{width:100%}
footer.footer-global-site .copy {padding: 28px 0;}
footer.footer-global-site.mf .copy {padding: 28px 0; margin-top: 32px;}
footer .contact { margin-top: 8px; }
footer .contact > .txt{display:inline-block;margin-right:16px}
footer .contact b{display:inline-block;margin-right:10px}
footer .contact b:nth-of-type(2){margin-left:15px}
footer .copy { margin-top:52px;}
footer.family-oe .copy { margin-top: 32px; padding: 20px 0; }
footer.family { height: 253px; }
footer.family .footer-sns {
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer.footer-global-site.mf .footer-logo {
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer.family .footer-sns > img { margin-left: 30px; }
footer.family-oe .footer-sns > img { margin-left: 70px; }
footer.family.edcf .footer-sns { display: block; width: 290px; }
.scroll-top {
    position: fixed;
    right: 32px;
    bottom: 60px;
    z-index: 999;
}
.footer-wrap{
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
    margin: 0 auto;
    padding-top: 50px;
    width: 1120px;
}
.footer-wrap h1{width:280px}
.footer-wrap h1 .other-logo{display:block;margin-top:20px}
.footer-cont{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width:840px;
    /* margin-left: 120px; */
    position: relative;
}
/* 
.footer-wrap {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
    padding-top: 50px;
    width: 1120px;
}
.footer-cont { 
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 120px;
    position: relative;
} */
.footer-list li:nth-child(2n) { margin-left: 120px; }
.footer-list { width: 450px; }
.ie .footer-list { width: 460px; }
.footer-list li { display: inline-block; min-width: 120px; margin-bottom: 10px; }
.footer-alink { color: #888; font-size: 0.938rem; }
.footer-alink.emp { color: #fff; font-weight: bold; }
.addr { color: #888; font-size: 0.938rem; line-height: 2; }
.footer-face-book {
    background: url(../img/ico_facebook_footer.png) no-repeat 0 0 / cover;
    display: inline-block;
    height: 30px;
    width: 30px;
}
.footer-youtube {
    background: url(../img/ico_youtube_footer.png) no-repeat 0 0 / cover;
    display: inline-block;
    height: 30px;
    width: 30px;
}
.copy { 
    border-top: 1px solid #2E353D;
    color: #888; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem; 
    margin-top: 48px;
    padding: 20px 0;  
    width: 100%;
}
.family .copy { padding: 26px 0; }
.copy .input-item { width: auto; }
.copy .input-item.fdc { flex-direction: column; align-items: flex-start; }
.copy .input-item.fdc > label { font-size: 0.813rem; }
.copy .input-item.fdc + .input-item.fdc { margin-top: 0; margin-left: 10px; }
.copy .clean, .copy .family { position: relative; }
.copy .clean + .family { margin-left: 12px; }
.file-input { height: 46px;width: 85px;text-indent: -9999px; position: relative; left: -90px; right: 0; } /* 2022-03-30 tobe IT09HW0120 - HPHKCU067M01 */
.footer-slt {
    background: #333;
    border-radius: 5px;
    color: #888;
    height: 42px;
    display: flex;
    align-items: center;
    padding:  0 30px 0 10px;
    position: relative;
}
.footer-slt:after {
    content: '';
    display: block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #888;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.footer-slt.on:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #888;
    border-top: none;
}
.footer-clean-list, .footer-family-list { background: #333; border-radius: 5px; position: absolute; bottom: 47px; left: 0; width: 100%; padding: 10px 0; display: none; }
.footer-clean-list.on, .footer-family-list.on { display: block; }
.footer-clean-list > ul > li > a, .footer-family-list  > ul > li > a  { display: inline-block; color: #888; padding: 5px 10px; width: 100%; }
.footer-clean-list > ul > li > a:hover, .footer-family-list  > ul > li > a:hover  { background: #888; color: #000; }
.q-email + .q-tel { margin-left: 24px; }
/* E : common CSS */

/* S : 전체메뉴 CSS  */
.total-menu-wrap {
    background: #161E27;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    padding: 160px 0 95px;
    transition: right 0.5s ease-in-out;
    overflow-y: auto;
    scroll-behavior: smooth;
    transform: translate3d(0, 0, 0);
}
.total-menu-link { position: fixed; top: 0; padding: 80px 0 40px; background: rgba(22, 30, 39, 0.8); width: 1345px;  padding-left: 210px; left: 50%; transform: translateX(-50%); }
.total-mob-siteLink { display: none; }
.total-menu-alink { color: #888; font-size: 1.125rem; }
.total-menu-alink.on { background: #286EF0; border-radius: 30px; color: #fff; padding: 10px 20px; }
.total-menu-alink + .total-menu-alink { margin-left: 28px; }
.total-menu-link + .total-menu-box { margin-top: 0; }
.total-menu-box {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
    width: 1345px;
    padding: 56px 0;
    border-top: 1px solid #3B3B3B;
}

.total-box-tit { color: #fff; font-size: 1.625rem; width: 220px; padding-right: 20px; line-height: 1.3;  }
.total-box-subWrap { flex: 1; }
.total-box-sub {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.total-depth2 { color: #fff; display: block; font-size: 1.125rem; margin-bottom: 16px;}
.total-depth3 > li + li { margin-top: 8px; }
.total-depth3 > li > a { font-size: 1rem; color: #ddd; font-weight: normal; }
.total-box-sub > li { width: 280px; padding-right: 20px; }
.total-box-sub > li:nth-child(n+5) { margin-top: 56px; }
/* E : 전체메뉴 CSS  */
/* S : layer pop CSS  */
.dimm {
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: all .3s ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
}
.dimm.on{ display: block; }
.layer-pop {
    background: #fff;
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translateX(-50%);
    padding: 64px;
    display: none;
}
.layer-pop > .title-wrap + .item-box { margin-top: 0; }
.layer-pop.big { width: 1120px; }
.layer-pop.mid { width: 928px; }
.layer-pop.small { width: 540px; min-height: 336px; }
.layer-pop.alert { width: 360px; min-height: 240px; padding: 45px; }
.layer-pop.on { display: block; }
.layer-title-big {
    color: #000;
    font-size: 2.5rem;
}
.layer-title-mid {
    color: #000;
    font-size: 1.75rem;
}
.layer-title-big + .layer-title-mid { margin-top: 48px; }
.layer-close {
    background: url(../img/ico_close.png) no-repeat 0 0;
    cursor: pointer;
    display: block;
    height: 64px;
    width: 64px;
}
.layer-close.small {
    background: url(../img/ico_pause.png) no-repeat 0 0;
    background-size: cover;
    height: 24px;
    width: 24px;
}
.layer-close.pos {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
}/* TobeEdit 2022-04-06 UT01HW2193 - HPHFRR068M01 */
.layer-close.pos2 {
    position: fixed;
    right: 50px;
    top: 32px;
    z-index: 99;    
}
.alert .layer-close.pos { right: 0; top: 0; background-size: 40px; background-position: center; }
.layer .btn-typeA { padding: 14px 44px; }
.layer .btn-wrap { padding-bottom: 0; }
.layer .item-box.items3 > .img-list-box { width: 100%; flex: 1;  }
.layer .desc-mid + .img-list-wrap { margin-top: 40px; }
/* E : layer pop CSS  */
/* S : 스탭 CSS */
.desc-big + .step-box-wrap { margin-top: 80px; }
.step-box-wrap {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    position: relative;
}
.title-mid + .step-box-wrap { margin-top: 32px; }

/* 2021-12-09 추가 */
.desc-mid + .step-box-wrap{margin-top:32px}
.step-box-wrap.typeB{align-items:initial}
.step-box-wrap.typeB .step-box{height:auto}
.step-box-wrap.typeB .step-box dd{margin-top:5px}
.step-box-wrap.typeB .step-box dd b{color: #333;font-size: 1rem;}
/* .step-box-wrap.typeB .step-box:last-child{background:none;border:2px solid #000} */

.step-box-wrap + .step-box-wrap{margin-top:26px} /* 211012 추가 */
.item-box.flex .step-box-wrap { margin-top: 0; }
.step-box-wrap.vertical { width: 100%; flex: 1; flex-wrap: wrap;  }
.title-mid + .step-box-wrap.hasLine { margin-top: 32px; }
.step-box-wrap.hasLine{background: url('../img/content/bg_ddd.png') repeat-x 0 50%;}
/* .step-box-wrap.hasLine:before {
    content: '';
    background: #ddd;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
} */

.step-box-wrap.reverse { flex-direction: row-reverse; justify-content: flex-start; }
.step-box {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    /* height: 144px; */
    height: 160px;
    padding: 25px 20px; /* TobeEdit 2022-03-18 */
    width: 256px;
    position: relative;
}
.step-box.last,
.step-box.typeB-last{border:none;background: #2680EB;}

/* s : 211012 추가 */
.step-box:before,
.step-box:after{display:none;content:'';position:absolute;width:13px;height:13px;border-right:2px solid #ccc;border-bottom:2px solid #ccc;}
.step-box:not(:last-child):not(.circle):not(.vertical):after{display:block;top:50%;right:-22px;transform:translateY(-50%) rotate(-45deg)}
.step-box-wrap.reverse .step-box:not(:last-child):after{transform:translateY(-50%) rotate(135deg);right:calc(100% + 6px)}
.step-box-wrap.reverse .step-box:first-child:before{display:block;top:-25px;left:50%;transform:translateX(-50%) rotate(45deg);}
.step-box-wrap.reverse + .step-box-wrap > .step-box:first-child:before{
    display: block;
    top: -30px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}
/* e : 211012 추가 */

.step-box.vertical {
    background: #fff;
    width: 100%;
    border: 0;
    padding: 0 0 64px 96px;
    height: auto;
}
.step-box.circle {
    background: #fff;
    border-radius: 50%;
    height: 160px;
    width: 160px;
}
.step-box.step-box-on {
    background: #E1EDFF;
    border: none;
}
.step-box.circle dl {
    background: #F2F2F5;
    border-radius: 50%;
    height: 128px;
    width: 128px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.step-box.step-box-on dl { background: #2680EB; }
.step-box.circle dt, .step-box.circle dd { text-align: center; }
.step-box.circle dt { font-size: 0.875rem; color: #2E81F8; }
.step-box.circle dd { font-size: 1rem; color: #2E81F8;  margin-top: 8px; }
.step-box.step-box-on dd, .step-box.step-box-on dt { color: #fff; font-weight: bold; }
.step-box.typeB { height: 160px; }
.reverse .step-box.typeB + .step-box.typeB, .reverse .step-box + .step-box { margin-right: 32px; }
.reverse.typeC .step-box + .step-box { margin-right: 32px; }
.step-box.typeB dd {margin-top:10px; font-size: 1rem; color: #333; font-weight: bold; word-break: keep-all; }
/* .step-box:last-child:before {
    content: '';
    background: #2680EB;
    display: blcok;
    height: 2px;
    left: 25px;
    right: 25px;
    bottom: 0;
    position: absolute;
} */

.step-box_cont  {
        height: 200px;
        padding: 20px;
        width: 220px;
        position: relative;
        left:40px;}

.step_num_wrap  {width:20px; text-align: center;}
.num    {text-align: center;color: #2E81F8;font-size: 1rem;font-weight: bold;}
/* */
.step-box-wrap{counter-reset:section section2}
.step-box.vertical:last-child:before { background: #2680EB; height: 64px; }
.step-box.vertical:before {
    content: '';
    background: #2680EB;
    border: 7px solid #DDEBFB;
    border-radius: 50%;
    font-weight:bold;
    font-size:1.125rem;
    color: #fff;
    display: block;
    height: 64px;
    width: 64px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    box-sizing:border-box
}
.step-box.vertical:after {
    content: '';
    background: url(../img/step_line.png) repeat-y 0 0;
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 32px;
    top: 0;
    z-index: 1;
    border: none;
}
.step-box.vertical:last-child:after { background: none; }
.step-box.vertical:before{content:counter(section);counter-increment:section}
.step-box dt:before{content:counter(section2, decimal-leading-zero);counter-increment:section2}
.step-box.vertical .dt-list-title:before{display:none} /* 2022-01-10 디자인가이드 수정 */
/* .step-box.vertical:nth-child(1):before { content: '1'; }
.step-box.vertical:nth-child(2):before { content: '2'; }
.step-box.vertical:nth-child(3):before { content: '3'; }
.step-box.vertical:nth-child(4):before { content: '4'; }
.step-box.vertical:nth-child(5):before { content: '5'; }
.step-box.vertical:nth-child(6):before { content: '6'; } */

.step-box.circle:last-child:before {
    background: none;
    height: 0;
}
/* .step-box.typeB-last,  */
/* .step-box.typeB:last-child:before {  background: none; }
.step-box.typeB-last { background: #fff; border: 0; }
.step-box.typeB-last:before {
    content: '';
    background: none;
    border-radius: 20px;
    border: 2px solid #2680EB;
    display: block;ff
    width: 100%;
    height: 156px;
    position: absolute;
    left: 0;
    top: 0;
} */
/* .step-box-wrap.typeC .step-box.last{background:#fff;border:2px solid #161e27 !important;} */
.step-box:not(.circle) dt { font-size: 1.25rem; color: #000; font-weight: bold; padding-left: 34px; position: relative; }
.step-box.vertical dt{padding-left:0} /* 2022-01-10 디자인가이드 수정 */
.step-box-wrap.typeC .step-box:not(.circle) dt { font-size: 1.25rem; }
.step-box:not(.circle) dt.emp03{color:#333 !important}
.step-box dd { font-size: 1rem; color: #666; margin-top: 12px; }
.step-box.typeB-last *,
.step-box.typeB-last dt:before,
.step-box:not(.circle).typeB-last dt.emp03,
.step-box.last dt,
.step-box:not(.circle).last dt.emp03,
.step-box.last dd { color: #fff !important }
.step-com { color: #2E81F8 !important; }
.step-box-wrap > .step-box dt:before,
.step-box-wrap > .step-box .step-tit:before {
    color: #2680EB;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.step-box-wrap > .step-box.last dt:before,
.step-box-wrap > .step-box.last .step-tit:before { color: #fff; }
/* .step-box-wrap > .step-box:nth-child(1) dt:before,
.step-box-wrap > .step-box:nth-child(1) .step-tit:before {content: '01';}
.step-box-wrap > .step-box:nth-child(2) dt:before,
.step-box-wrap > .step-box:nth-child(2) .step-tit:before {content: '02';}
.step-box-wrap > .step-box:nth-child(3) dt:before,
.step-box-wrap > .step-box:nth-child(3) .step-tit:before {content: '03';}
.step-box-wrap > .step-box:nth-child(4) dt:before,
.step-box-wrap > .step-box:nth-child(4) .step-tit:before {content: '04';}
.step-box-wrap > .step-box:nth-child(5) dt:before,
.step-box-wrap > .step-box:nth-child(5) .step-tit:before {content: '05';}
.step-box-wrap > .step-box:nth-child(6) dt:before,
.step-box-wrap > .step-box:nth-child(6) .step-tit:before {content: '06';} */

.step-box-wrap.reverse > .step-box:nth-child(1) dt:before {content: '05';}
.step-box-wrap.reverse > .step-box:nth-child(2) dt:before {content: '06';}
.step-box-wrap.reverse > .step-box:nth-child(3) dt:before {content: '07';}
.step-box-wrap.reverse > .step-box:nth-child(4) dt:before {content: '08';}

.step-box-wrap.reverse.typeC > .step-box:nth-child(1) dt:before {content: '04';}
.step-box-wrap.reverse.typeC > .step-box:nth-child(2) dt:before {content: '05';}
.step-box-wrap.reverse.typeC > .step-box:nth-child(3) dt:before {content: '06';}

.step-box-wrap.reverse + .step-box-wrap > .step-box:nth-child(1) dt:before,
.step-box-wrap.reverse + .step-box-wrap > .step-box:nth-child(1) .step-tit:before {content: '09';}
.step-box-wrap.reverse + .step-box-wrap > .step-box:nth-child(1) dt:before { content: '09';}

.step-box-wrap .step-box.circle dt:before{display:none}

.step-box-wrap.item-size3 > .step-box:nth-child(1) .step-tit:before{content:'01';}
.step-box-wrap.item-size3 > .step-box:nth-child(2) .step-tit:before{content:'02';}
.step-box-wrap.item-size3 > .step-box:nth-child(3) .step-tit:before{content:'03';}

.step-box-wrap.reverse.item-size3 > .step-box:nth-child(1) .step-tit:before{content:'04';}
.step-box-wrap.reverse.item-size3 > .step-box:nth-child(2) .step-tit:before{content:'05';}
.step-box-wrap.reverse.item-size3 > .step-box:nth-child(3) .step-tit:before{content:'06';}

/* E : 스탭 CSS */
/* S : 아코디언 CSS  */
.accor-box-wrap { border: 1px solid #E3E4E5; }
.accor-box-wrap.typeB { border: 0; border-top: 1px solid #222; }
.desc-big + .accor-box-wrap { margin-top: 64px; }
.accor-box { padding: 10px 64px; transition: all .5s;}
.accor-box-wrap.typeB .accor-box { padding: 0 25px; border-bottom: 1px solid #E3E4E5; background: none; }
.accor-box.on { background: #F2F3F5; }
.accor-box.on .accor-title-alink > span { position: relative; }
.accor-box.on .accor-title-alink > span.tit-underLine:before {
    content: '';
    display: inline-block;
    background: #2680EB;
    width: 100%;
    height: 2px;
    bottom: -3px;
    position: absolute;

}
.accor-box:first-child { padding-top: 48px; }
.accor-box:last-child { padding-bottom: 48px; }
.accor-box-wrap.typeB .accor-box:first-child { padding-top: 0; }
.accor-box + .accor-box { padding-top: 32px; }
.accor-box-wrap.typeB .accor-box + .accor-box { padding-top: 0; }
.accor-title {
    color: #000;
    font-size: 1.5rem;
    font-weight: bold;
}
.accor-box-wrap.typeB .accor-title { font-size: 1rem; }
.accor-title-alink { display: block; position: relative;padding:24px 0; /*line-height: 56px; height: 56px; */}
.accor-title-alink.faq {font-weight: normal; padding-left:40px;padding-right:60px;/*padding:20px 60px 0 40px*/}
.accor-title-alink.faq:before {
    content: '';
    background: url(../img/ico_question.png) no-repeat 0 0;
    display: block;
    height: 26px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 23px;
    /* transform: translateY(-50%); */
}
.accor-box-wrap.typeB .accor-title-alink {
    display:block;
    /*
    height: 74px;
    line-height: 74px; */
}
.accor-box-wrap.typeB .accor-title-alink .emp01{display:block;margin-bottom:5px}
.accor-title-alink:after {
    content: '';
    background: url(../img/btn_arr_down.png) no-repeat 0 0;
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.accor-box-wrap.typeB .accor-title-alink:after {
    background-size: cover;
    height: 40px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%);
}
.accor-box.on .accor-title-alink:after {
    background: url(../img/btn_arr_up.png) no-repeat 0 0;
}
.accor-box-wrap.typeB .accor-box.on .accor-title-alink:after { background-size: cover; }
.accor-cont {
    color: #333;
    font-size: 1.125rem;
    margin-top: 37px;
    padding-bottom: 60px;
    display: none;
}
.accor-cont.faq { padding-left: 120px !important; font-weight: normal; position: relative; }
.accor-cont.faq:before {
    content: '';
    background: url(../img/ico_answer.png) no-repeat 0 0;
    display: block;
    height: 26px;
    width: 13px;
    position: absolute;
    left: 76px;
    top: 41px;
}
.accor-cont.on { display: block; }
.accor-box-wrap.typeB .accor-cont { margin: 0 -25px; background: #F2F3F5;  padding: 40px}

.title-mid ~ .step-tab-wrap{margin-top:32px;}
.step-tab-wrap {position:relative;height:572px;overflow:hidden;padding:20px;border: 1px solid #E3E4E5;border-radius: 10px;}
.step-tab-wrap:before {display:block;position:absolute;top:0;left:0;width:320px;height:100%;border-radius:10px 0 0 10px;background: #F2F3F5;content:"";}
.step-tab-wrap .step-tab .step-tab-alink {display: flex; position:relative;align-items: center; width:298px;height:65px;padding:20px 15px;}
.step-tab-wrap .step-tab .step-tab-alink .h2 {display:flex;justify-content:flex-start;align-items:flex-start;position:relative;font-size:16px;z-index:3;}
html[lang="en"] .step-tab-wrap .step-tab .step-tab-alink .h2 {font-size:14px;}
.step-tab-wrap .step-tab .step-tab-alink .h2 .num {flex:0 0 auto;white-space:nowrap;padding-right:10px;}
.step-tab-wrap .step-tab .step-tab-alink .h2 .lbl {flex:1 1 auto; letter-spacing:-0.05em;}
.step-tab-wrap .step-tab .step-tab-cont {display:block;position:absolute;top:0;left:-9999px;width:780px;height:100%;padding:48px 16px 48px 64px;}
.step-tab-wrap .step-tab .step-tab-cont .step-tab-cont-title{font-size: 1.5rem;color: #2E81F8;}
.step-tab-wrap .step-tab .step-tab-cont .step-tab-cont-title + .step-tab-cont-wrap {margin-top:48px;}
.step-tab-wrap .step-tab .step-tab-cont .step-tab-cont-wrap {overflow:hidden; height:0;}
.step-tab-wrap .step-tab.on .step-tab-alink:before {position: absolute;top: 0;left: 0;width: 328px;height: 64px;background: url(../img/content/step_tab_on.png) no-repeat 0 0;content: '';z-index: 2;}
.step-tab-wrap .step-tab.on .step-tab-alink .h2 { font-weight:500;color: #fff !important;}
.step-tab-wrap .step-tab.on .step-tab-alink .h2 .num { color: #fff !important; letter-spacing: 0;}
.step-tab-wrap .step-tab.on .step-tab-cont {left:340px;}
.step-tab-wrap .step-tab.on .step-tab-cont .step-tab-cont-wrap { overflow:auto;height: 390px;}

/* E :아코디언 CSS  */
/* S : form CSS  */
fieldset,
.fieldset { border: 0; display: flex; align-items: center; flex-wrap: wrap; }
.fieldset + .fieldset { margin-top: 10px; }
.ie fieldset { display: flex; }
fieldset + fieldset { margin-top: 10px; }
#searchForm fieldset{white-space:nowrap; display: inline-flex;}
/* #searchForm fieldset > *{display:inline-block;vertical-align:middle;} */
#searchForm fieldset .input-box > *{display:inline-block;vertical-align:middle;}

legend { position:absolute;font-size: 0; line-height: 0; height: 0; }
.step-box-wrap + .form-box { margin-top: 80px; }
.guide-wrap + .form-box { margin-top: 32px; }
.form-box {
    background: #F2F3F5;
    padding: 30px;
}
#contactusform .form-box.typeB .fieldset:first-child > .input-wrap:first-child { margin-top: 24px; }
.form-box + .tabs-wrap { margin-top: 80px; }
.form-box.padd-typeB { padding: 30px 170px; }
.notFlex .form-box.padd-typeB { width: 100%; }
.form-box.hasTline { border-top: 1px solid #000; }
.form-box.pos {
    background: none;
    padding: 0;
}
.ie .form-box.pos .input-box { width: auto; }
.form-box.typeB {
    background: #fff;
    border-top: 1px solid #222;
    border-bottom: 1px solid #E3E4E5;
    padding: 25px 0;
}
.form-box .date-wrapper + .ipt01{margin-left: 10px;}
.title-big + .form-box { margin-top: 48px; }
.input-wrap { display: flex; justify-content: flex-start; align-items: center; width: 100%; }
.input-wrap.w100 { width: 100% !important; }
legend + .input-wrap, legend + .ui-wrap-special, legend + .ui-wrap-project, legend + .ui-wrap-lang, legend + .ui-wrap-edu, legend + .ui-wrap-certi, legend + .ui-wrap-career, legend + .ui-wrap-inter { margin-top: 24px; }
.slt01 + .input-wrap { flex: 1; margin-left: 10px; }
.input-wrap + .input-wrap { margin-top: 25px; }
.input-wrap > .input-wrap + .input-wrap { margin-top: 0; }
fieldset.cols2 .input-wrap, .fieldset.cols2 .input-wrap { width: 50%; padding-right: 64px; }
fieldset.cols2 .input-wrap + .input-wrap, .fieldset.cols2 .input-wrap + .input-wrap { margin-top: 0; }
fieldset.cols2 .input-wrap:nth-child(n+3), .fieldset.cols2 .input-wrap:nth-child(n+3)  { margin-top: 25px; }
fieldset.cols3 .input-wrap, .fieldset.cols3 .input-wrap { width: 33%; padding-right: 32px; }
/* fieldset.cols3 .input-wrap + .input-wrap, .fieldset.cols3 .input-wrap + .input-wrap { margin-top: 0; } */
fieldset.cols3 .input-wrap:nth-child(n+5), .fieldset.cols3 .input-wrap:nth-child(n+5)   { margin-top: 25px; }
.fieldset.top-form-box .input-wrap + .input-wrap { margin-top: 25px; }
.input-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    flex: 1;
}
.input-box.besideTxt { width: auto; flex: 0 0 auto; }
/* label[for="frm-attach"] + .input-box > .input-box { flex: none; width: auto; } */
.slt01 + .input-box { margin-left: 8px; }
.ie .notice-list-total .input-box  { flex: none; }
.input-box.flexEnd { justify-content: flex-end; }
.input-box.noWrap { flex-wrap: nowrap; }
.input-box.noWrap > label { margin-right: 20px; }
.input-item { width: 100%; display: flex; align-items: center;}
.input-item.flex { flex: 1; }
/* .input-box > .input-item { flex: 1; } */
.input-item.w60 { width: 60%; }
.input-wrap.hasTb { border-top: 1px solid #E3E4E5; padding: 25px 0; }
.input-wrap.hasTb:last-child { padding-bottom: 0; }
.input-item-tit { width: 120px; display: inline-block; }
.input-item + .input-item { margin-top: 16px; }
.label-typeA { width: 192px; display: inline-block; font-weight: bold; position: relative; }
.label-typeA.w-small { width: 120px; }
.label-typeB { width: 120px; font-size: 0.875rem; display: inline-block; font-weight: normal; position: relative; }
.req { position: relative; }
.req:after {
    content: '*';
    color: red;
    display: block;
    position: absolute;
    top: -2px;
    right: -10px;
}
.ipt01 {
    border: 1px solid #E3E4E5;
    border-radius: 5px;
    background: #fff;
    font-size: 1rem;
    height: 48px;
    width: 300px;
    padding: 0 15px;
}
.ipt01 + .ipt01 { margin-left: 16px; }
.ipt01 + .input-box { margin-left: 16px; }
.ipt01.w100 { flex: 1; width: 100%; }
.ipt01.wDefault { width: 285px; }
.ipt01.wDefault2 { width: 180px; }
.ipt01.borderR { border-radius: 30px; }
.date-wrap { position: relative; }
.ipt01.date { width: 180px;padding-right: 40px; }
.ipt01.w180 { width: 180px; }
.ipt01.w285 { width: 285px; }
.ipt01.w560 { width: 560px; }
.date-wrap.type2 { width: 180px; height: 48px; }
.date-wrap.type2 .date { position: absolute; left: 0; top: 0; width: calc(100% - 42px) !important; padding-right: 15px;  }
.btn-cal {
    background: url(../img/ico_calendar.png) no-repeat 0 0;
    border: 0;
    cursor: pointer;
    height: 32px;
    width: 32px;
}
.btn-cal.pos { position: absolute; right: 10px; top: 8px; }
.slt01 {
    border: 1px solid #E3E4E5;
    border-radius: 5px;
    background: url(../img/ico_select.png) no-repeat right 8px top 50% #fff;
    color: #333;
    font-size: 1rem;
    height: 48px;
    min-width: 180px;
    padding: 0 32px 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.slt01.footer { height: 42px; background-color: #333; border: 0; color: #888; font-size: 0.813rem; }
.slt01.big { min-width: 250px; } /* 2022-03-04 tobe UT01HW2054 - HPHKWG048M01 */
.slt01.mid { width: 100px; }
.slt01.small { width: 80px; min-width: 80px; }
.slt01.flex1 { flex: 1; }
select::-ms-expand { display: none; }
select + select { margin-left: 10px; }
.ipt01 + select { margin-left: 16px; }
select + input, input + .btn-search, select + .btn-search { margin-left: 10px; }
.title-wrap + .form-box { margin-top: 32px; }
.title-big + .sort-wrap { margin-top: 64px; }
.title-big + .due-date-wrap, .title-big + .radio-group-wrap { margin-top: 64px; }
.due-date-wrap + .sort-wrap { margin-top: 32px; }
.title-small + .sort-box { margin-top: -8px; }
.sort-box > button.chk-label-typeA { margin-right: 8px;  margin-bottom: 8px; }
.sort-box > button.chk-label-typeA:focus, .sort-box > button.chk-label-typeA.on,
.radio-group-box > button.chk-label-typeA:focus, .radio-group-box > button.chk-label-typeA.on { background: #2E81F8; color: #fff; }


.sort-box > button.chk-label-typeA:last-child { margin-right: 0; }
.title-small + .due-date-box, .title-small + .radio-group-box { margin-top: -8px; }
.chk-box, .radio-box { display: inline-block; margin: 0 10px 10px 0; }
.radio-box ~ .date-wrapper { margin: 0 10px 10px 0; }
.date-wrapper {
    display: flex;
    align-items: center;
}
.chk-typeA, .radio-typeA {
    opacity: 0;
    position: relative;
    margin-right: -13px;
}
.chk-typeA:focus + .chk-label-typeB, .radio-typeA:focus +  .chk-label-typeB { border:2px solid  #000; }
.chk-label-typeA {
    background: #fff;
    border: 1px solid #E3E4E5;
    border-radius: 30px;
    color: #333;
    display: inline-block;
    font-size: 1rem;
    padding: 11px 32px;
    position: relative;
    cursor: pointer;
}
.chk-typeA:checked + .chk-label-typeA, .radio-typeA:checked + .chk-label-typeA {
    background: #2E81F8;
    color: #fff;
}
/* 해당 css있으면 체크박스 클릭 후 한번 더 클릭했을 때 체크해제 안됨
.chk-typeA:focus + .chk-label-typeA, .radio-typeA:focus + .chk-label-typeA {
    background: #2E81F8;
    color: #fff;
}
 */
.chk-label-typeB { position: relative; padding-left: 30px; word-break: keep-all; }
.chk-label-typeB ~ .chk-label-typeB { margin-left: 25px; }
.chk-label-typeB.wDefault { width: 100%; }
.chk-label-typeB.wAuto { width: auto; }
.chk-label-typeB:before {
    content: '';
    background: url(../img/chkbox_off.png) no-repeat 0 0;
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* .chk-label-typeB.radio { margin-right: 40px; } */
.chk-label-typeB.radio:before { background: url(../img/ico_radio_off.png) no-repeat 0 0; }
.chk-typeA:checked + .chk-label-typeB:before {  background: url(../img/chkbox_on.png) no-repeat 0 0; }
.radio-typeA:checked + .chk-label-typeB.radio:before {  background: url(../img/ico_radio_on.png) no-repeat 0 0; }
.irc-wrap { display: flex; flex-wrap: wrap; }
.irc { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; margin-right: 16px }
.irc input[type="radio"], .irc input[type="checkbox"] { position: absolute; left: 0; }

/* E : form CSS  */
/* S : title CSS */
.title-wrap {
    position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
#contactusform .title-wrap { margin-top: 72px; }
.title-wrap.flexS { justify-content: flex-start; align-items: baseline; }
.title-big {
    margin-top: 80px;
    font-size: 2.75rem;
    letter-spacing:-0.05em;
    line-height: 1.4;
    color: #000;
}
.title-mid {
    color: #000;
    font-size: 1.75rem;
    line-height:1.4;
}
.guide-wrap + .title-mid { margin-top: 40px; }
.item-box + .title-mid { margin-top: 64px; }
.title-mid.phone, .title-mid.ipin { padding-top: 100px; position: relative; display: inline-block; }
.title-mid.phone:before {
    content: '';
    display: block;
    background: url(../img/ico_phone.png) no-repeat 50% 0;
    height: 88px;
    width: 180px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.title-mid.ipin:before {
    content: '';
    display: block;
    background: url(../img/logo_ipin.png) no-repeat 50% 0;
    height: 88px;
    width: 180px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.title-mid-beside {
    flex: 1;
    padding-left: 24px;
}
.title-small {
    color: #000;
    font-size: 1.25rem;
    word-break: keep-all;
}
.clause-agree + .title-small { margin-top: 50px; }
.title-tiny { font-size: 1.125rem; }
.title-tiny.fs16 { font-size: 1rem; }
.title-tiny.inside-box { font-size: 1rem; padding: 24px 24px 0 24px; }
.title-tiny + .desc-mid { margin-top: 16px; }
.title-tiny + .file-type { margin-top: 10px; }
.title-small.fs20, .title-small.fs22  { font-size: 1.375rem; }
.title-wrap + .title-small { margin-top: 32px; }
.remark-list + .title-small { margin-top: 48px; }
.title-small.emp:before {
    content: '';
    background: url(../img/ico_emp.png) no-repeat 0 0;
    height: 22px;
    width: 22px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.desc-big + .title-mid { margin-top: 64px; }
.step-box-wrap + .title-small { margin-top: 32px; }
.sort-box + .title-small { margin-top: 32px; }
.title-mid + .title-small { margin-top: 24px; }
.desc-box-wrap + .title-small { margin-top: 48px; }
.img-area + .title-mid { margin-top: 64px; }
.info + .img-area { margin-top: 64px; }
.img-area + .info { margin-top: 32px; }
/* E : title CSS */
/* S : 연혁  CSS */
.history-wrap { width: 820px; }
.history-wrap.about { width: 100%; }
.history-year-wrap {
    display: flex;
    justify-content: flex-start;
    padding-bottom: 45px;
}
.history-year-wrap.about{padding-bottom:0}
.history-year-wrap.about + .history-year-wrap.about{padding:79px 0 0}
.history-year-wrap:last-child .history-month-wrap:after { height: 0; }
.history-year {
    color: #000;
    font-size: 2.063rem;
    margin-right: 180px;
    position: relative;
}
.history-month-wrap:before {
    content: '';
    background: url(../img/ico_history_bullet.png) no-repeat 0 0;
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    left: -74px;
    top: 0;
    z-index: 9;
}
.history-month-wrap:after {
    content: '';
    background: #ccc;
    display: block;
    height: calc(100% + 45px);
    width: 1px;
    position: absolute;
    left: -62px;
    top: 0;
    z-index: 1;
}
.about .history-month-wrap:before, .about .history-month-wrap:after {
    background: none;
    height: 0;
}
.about .history-year:before {
    content: '';
    background: #3388ff;
    border-radius: 50%;
    display: block;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 4px;
    top: 12px;
    z-index: 9;
}
.about .history-year { margin:0;padding:0 40px;width:400px;font-size:2.25rem/*margin-right: 215px; */}
.about .history-year:after {
    content: '';
    background: #ccc;
    display: block;
    height: calc(100% + 80px);
    width: 1px;
    position: absolute;
    left: 11px;
    top: 12px;
    z-index: 1;
}
.about .history-year-wrap:last-child .history-year:after{display:none}

.history-year > span { display: block; margin-top: -8px; /*width: 120px; min-width: 120px !important;*/ }
.history-month-wrap {
    flex:1;
    color: #000;
    font-size: 1.125rem;
    position: relative;
}
/* .history-month-wrap > ul > li + li { margin-top: 20px; }
.about .history-month-wrap > ul > li + li{margin-top:5px} */
.history-month-wrap > ul > li {
    display:table-row;
    /* display: flex;
    justify-content: flex-start;
    text-align: left; */
}
.history-month-wrap > ul > li > span{padding-bottom:20px}
.about .history-month-wrap > ul > li > span{padding-bottom:5px}
.history-month {
    display:table-cell;
    color: #2680EB;
    /*display: inline-block;*/
    font-size: 1rem;
    padding-right:36px;
    /*margin-right: 36px;*/
}
.about .history-month { color: #000; font-weight: bold; }
.history-month-desc { /*display: inline-block;*/display:table-cell}
.about .history-month-desc { font-size: 1rem; }
.history-img-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 30px;
}
.histroy-img-box { width: 22%; text-align: center; font-size: 0.875rem; margin-right: 40px; color:#666}
.histroy-img-box.flex { display: flex; align-items: center; width: auto; }
.histroy-img-box.hori { width: auto; display: flex; align-items: center;}
.histroy-img-box.hori > span { margin-left: 30px; }
.imgBorder { box-shadow: 10px 0 0 #3388ff; border-radius: 50%; }
.histroy-img-box > p{margin-top: 8px;}
.histroy-img-box.flex > p{margin: 0 0 0 24px; text-align: left;}
/* E : 연혁 CSS */


/* S : table CSS  */
.info + .table-wrap, .guide-wrap + .table-wrap { margin-top: 32px; }
.desc-big + .table-wrap { margin-top: 64px; }
.desc-mid + .table-wrap { margin-top: 32px; }
.item-box.flex .table-wrap { flex: 1; margin-top: 0; }
.form-box + .table-wrap { margin-top: 48px; }
.table-typeA {
    border-collapse: collapse;
    border-top: 1px solid #222222;
    width: 100%;
}
.table-typeA th {
    background: #F2F3F5;
    border-bottom: 1px solid #E3E4E5;
    color: #000;
    font-size: 1rem;
    vertical-align: top;
    padding: 25px;
    text-align: left;
}

.table-typeA td {
    background: #Ffff;
    border-bottom: 1px solid #E3E4E5;
    border-left: 1px solid #E3E4E5;
    color: #333;
    font-size: 1rem;
    vertical-align: top;
    padding: 25px;
    text-align: left;
    word-break: keep-all;
}
/* .table-typeA td:first-child{border-left:none} */
.table-typeA td.bg{background: #F8F8F8;}
.table-typeB {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.info + .table-typeB { margin-top: 24px; }
.table-typeB thead th {
    background: #EAF2F8;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    color: #000;
    font-size: 1rem;
    padding: 25px 0;
}
.table-typeB.tal-td tbody td {
    text-align: left;
    padding: 22px 20px;
}
.table-typeB.tar-td tbody td {
    text-align: right;
    padding: 22px 20px;
}
.table-typeB.td-vt td { vertical-align: middle; }
.table-typeB.td-vt td.bg { vertical-align: top; }
.table-typeB.tal-td tbody td.bg,
.table-typeB.tar-td tbody td.bg{text-align:center;}
.table-typeB thead.cols2 th { padding: 11px 0; }
.table-typeB thead.cols3 th { padding: 11px; text-align:center;}
.table-typeB tbody td {
    border-left: 1px solid #E3E4E5;
    border-bottom: 1px solid #E3E4E5;
    color: #333;
    font-size: 1rem;
    padding: 22px 20px;
    text-align: left;
    word-break: keep-all;
    vertical-align: top;
}
.table-typeB tbody td:first-child { border-left: 0; }
.table-typeB tbody td.left { text-align: left; }
.table-typeB tbody td.bg {
    background: #F2F3F5;
    border-bottom: 1px solid #E3E4E5;
    border-left: 0;
    color: #000;
    vertical-align: top;
}
.table-typeB tbody td.bg:first-child[rowspan],
.table-typeB tbody td[rowspan]{border-right:1px solid #E3E4E5} /* 2021-12-13 IE border오류 추가 */
.table-typeB tbody td[rowspan]:last-child { border-right:0; }
.table-typeB.tac-td tbody td {text-align: center;}
/* table-typeB 왼쪽정렬 */
.table-typeB thead.cols2 th.left{
    text-align: left;
    padding-left:34px;
}
.table-typeB tbody.left td{
    text-align: left;
}
.ie .table-typeB td .info-table:before{top:3px;}
/* .chrome .table-typeB td .info-table:before{top:0;} */

.title-mid + .table-wrap {
    margin-top: 32px;
}
/* E : table CSS  */
/* S : list CSS  */
.img-list-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*width: 45%;*/
    width:calc((100% - 41px) / 2);
    /* box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); */
}
.noShadow .img-list-box { box-shadow: none; }
.annual .img-list-box { justify-content: center; }
.ceo-news .img-list-box {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.img-list-box.noFlex {
    display: block;
}
.img-list-box .btn-typeA{margin-top:15px;width:100%} /* 2021-11-30 버튼추가 */

/* .img-list-box + .img-list-box { margin-left: 32px; } */
.item-box.items4 > .img-list-box { width: 256px; }
.item-box.items4 > .img-list-box + .img-list-box { margin-left: 32px; }
.item-box.items4 > .img-list-box:nth-child(n+2) { margin-top: 0; }
.item-box.items4 > .img-list-box:nth-child(n+5) { margin-top: 48px; }
.item-box.items4 > .img-list-box:nth-child(5n) { margin-left: 0; }

.item-box.items3 > .img-list-box {width: 352px; }
.item-box.items3 > .img-list-box:nth-child(-n+3){ margin-top: 0; }
.item-box.items3 > .img-list-box:nth-child(3n+1){margin-left:0 !important}
/*.item-box.items3 > .img-list-box:nth-child(n+2) { margin-top: 0; }
.item-box.items3 > .img-list-box:nth-child(n+4) { margin-top: 48px; }
.item-box.items3 > .img-list-box:nth-child(4n) { margin-left: 0 !important; }*/
.item-box.items3 > .img-list-box + .img-list-box { margin-left: 32px; }

.img-list-box:nth-child(n+2) { margin-top: 48px; }
.img-list-box:nth-child(2) { margin-top: 0 !important; }
.img-list-box:nth-child(2n+1) { margin-left: 0; }
.img-list-title { display: block; flex:1;font-size: 1.25rem; color: #000; font-weight: bold; margin-top: 24px; text-align: center; }
.img-list-title > a{display:block;line-height:1.44;text-align:center;color:#000}
.img-list-title .sort + a{text-align:left}
.img-list-title .sort{display:block;margin-bottom:8px;font-size:1rem;color:#2E81F8;text-align:left}
.ceo-news .img-list-title {padding: 0 24px 0; margin-bottom: 50px; }
.img-list-title.fixH { height: 60px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }
.list-img-typeB + .img-list-info { margin-left: 32px; }
.img-list-info { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; flex: 1; }
.img-list-info.eng { display: block; }
.img-list-info dt, .img-list-info dd { display: inline-block; font-size: 1rem;  }
.img-list-info dt { width: 25%; color: #000; }
.img-list-info dt.name { margin-bottom:20px;font-size: 1.25rem; font-weight: bold; }
.img-list-info.eng dt { margin-bottom:0 !important; width: 100%; font-weight: bold; }
.img-list-info dt.name + dd { padding:5px 0 0 !important; }
.img-list-info dd { margin-bottom:8px;width: 75%; color: #333; letter-spacing: -0.055rem; word-break: keep-all;} /* 210924 letter-spacing:추가 */
.img-list-info.eng dd {position:relative; margin:0;padding-left:11px;width: 100%; color: #333; }
.img-list-info.eng dd:before{content:'';position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:50%;background:#333}
.img-list-info.eng dt.name + dd:before{display:none}
.img-list-info.eng dd + dt { margin:20px 0 10px !important}
.table-wrap + .list-typeA { margin-top: 32px; }
.list-typeA.padd { padding: 31px; }
.list-typeA.flex { flex: 1; } /* flex list syyle  */
.list-typeA.w30 { width: 30%; }
.list-typeA.fs16 > li { font-size: 1rem; }
.list-typeA.fs16 > li > .list-type-sub > li { font-size: 1rem; }
.list-typeA .list-typeA.number { margin-top: 16px; }
.list-typeA .list-typeA.number > li + li { margin-top: 8px; }
.desc-mid.flex .list-typeA + .list-typeA { margin-left: 90px; }
.list-typeA.flex > li { font-size: 1.125rem; }
.title-mid + .list-typeA { /*margin-top: 32px; */margin-top:20px}
.item-box.flex .title-mid + .list-typeA { margin-top: 0; }
.list-typeA > li { 
    list-style: none;
    position: relative;
    padding-left: 10px;
    word-break: keep-all;
    font-size: 1.125rem;
}
.desc-box-wrap > .desc-box > .list-typeA > li { font-size: 1rem; }
.step-box .list-typeA > li { font-size: 1rem; }
.table-wrap .list-typeA > li, .table-wrap .list-type-sub > li { font-size: 1rem; }
.list-typeA.number > li {
    list-style-type: decimal !important;
    /* list-style-position: inside !important; */
    margin-left: 20px;
    padding-left:0; /* 210927 추가 */
}
.list-typeA.number > li:before{display:none}
.list-typeA.cols2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list-typeA.cols2 > li { width: 50%; font-size: 1.75rem !important; }
.list-typeA.cols4 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.list-typeA.cols4 > li { width: 25%; }
.list-typeA.cols4 > li:first-child{margin-top: 8px;}
.list-typeA.noDot >li {
    list-style: none;
    position: relative;
    padding-left: 6px;  
}
.list-typeA.number.cols4 li{list-style-position: inside;margin-left: 0;}/* 2021.09.07 - HPHKIR024M01 */
/* .list-typeA > li + li {  margin-top: 12px; } 
.list-typeA.noDot > li + li {   margin-top: 8px; }*/
.list-typeA > li + li { margin-top: 8px; }
.list-typeA > li:before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius:50%;
    background:#333;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 11px;
}
/* .list-typeA > li:before {
    content: '·';
    display: inline-block;
    width: 1px;
    height: 1px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0;
} 
.list-typeA.noDot > li:before{ content: ''; }*/
.list-typeA.noDot > li:before{display:none}
.img-list-title + .list-typeA { margin-top: 16px; }
.list-type-sub { margin-top: 8px; }
.list-type-sub > li {position: relative; padding-left: 14px; font-size: 1rem; word-break: keep-all;color:#666;}
.list-type-sub.center > li { padding-left: 0; }
.step-box .list-type-sub > li { font-size: 1rem; }
.step-box.last .list-type-sub > li { color: #fff; }
.list-type-sub > li:before {
    content: '-';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.list-type-sub.center > li:before { position: relative; display: inline-block; margin-right: 5px; }
.list-type-sub > li > a { letter-spacing: -0.05rem; }
.list-type-sub2 { margin-top: 8px; margin-bottom: 12px; }
.list-type-sub2 > li {position: relative; padding-left: 10px; font-size: 0.875rem;}
.list-type-sub2 > li:before {
    content: '·';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

/* img + .list-keyword { margin-top: 24px; } */
.img-list-title + .list-keyword { margin-top: -25px; }
.list-keyword { font-size: 0.875rem; color: #666; padding: 24px 24px 20px; }
.ceo-news .list-keyword { padding: 0 24px 26px; }
.ceo-news .img-list-box img + .list-keyword { margin-top: 20px; padding-bottom: 10px; }
.list-keyword span + span { margin-left: 10px; }
.list-keyword + .img-list-title { margin-top: 0; padding: 0 24px; margin-bottom: 50px; }
.title-small + .list-typeA { margin-top: 16px; }
.flex-list .title-small + .list-typeA { margin-top: 0; }
.flexS .title-small + .list-typeA { margin-top: 0; }
.remark { position: relative; padding-right: 20px; }
.remark:after {
    content: '';
    background: url(../img/ico_1.png) no-repeat 0 0;
    display: block;
    height: 17px;
    width: 16px;
    position: absolute;
    top: -4px;
    right: 0;
}
.remark.two:after {
    background: url(../img/ico_2.png) no-repeat 0 0;
}
.remark.three:after {
    background: url(../img/ico_3.png) no-repeat 0 0;
}
.remark-list { margin-top: 32px; }
.remark-list-li { padding-left: 25px; position: relative; display: inline-block; }
.remark-list-li.noNum { padding-left: 0;  }
.remark-list-li:before {
    content: '1';
    color: #fff;
    background: #757575;
    display: block;
    font-size: 0.813rem;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
}
.remark-list-li.two:before { content: '2'; }
.remark-list-li.three:before { content: '3'; }
.remark-list-li.noNum:before { content: ''; background: transparent; width: 0; }
.remark-list .list-type-sub .list-typeA{margin-top:4px;}
.remark-list .list-type-sub .list-typeA > li{font-size:inherit;}
.remark-list .list-type-sub .list-typeA > li + li{margin-top:0;}

.form-box + .notice-list-wrap { margin-top: 48px; }
.title-big + .notice-list-wrap, .title-big + .img-list-wrap { margin-top: 48px; }
.title-mid + .img-list-wrap { margin-top: 32px; }
.sort-wrap + .img-list-wrap, .sort-wrap + .notice-list-wrap { margin-top: 64px !important; }
.title-wrap + .notice-list-wrap, .desc-big + .notice-list-wrap { margin-top: 32px; }
.guide-wrap + .notice-list-wrap{margin-top: 30px;}
.radio-group-wrap + .notice-list-total { margin-top: 64px; }
.notice-list-total { position: relative; }
.notice-list-total + #boardForm .board-nanum { margin-top: 25px; border-top: 1px solid #222; }
.notice-list-total + #boardForm .board-nanum ~ .board-nanum { margin-top: 0; border-top: 0; }
.notice-list-total.flex { display: flex; align-items: center; justify-content: space-between; }
.title-big + .notice-list-total.flex { margin-top: 32px; }
.notice-list-total.flexE { display: flex; align-items: center; justify-content: flex-end; }
.title-wrap + .notice-list-total { margin-top: 24px; }
.notice-list-total + .notice-list { margin-top: 24px; }
.notice-list-head {
    background: #F2F3F5;
    border-top: 1px solid #222;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.notice-list-head > span { 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 74px;
    text-align: center;
    vertical-align: middle;
}
.notice-list-head > span:nth-child(1) { width: 10%; }
.notice-list-head > span:nth-child(2) { width: 15%; }
.notice-list-head > span:nth-child(3) { width: 25%; }
.notice-list-head > span:nth-child(4) { width: 25%; }
.notice-list-head > span:nth-child(5) { width: 25%; }

.notice-list-head.country-info > span:nth-child(1) { width: 10%; }
.notice-list-head.country-info > span:nth-child(2) { width: 15%; }
.notice-list-head.country-info > span:nth-child(3) { width: 40%; }
.notice-list-head.country-info > span:nth-child(4) { width: 10%; }
.notice-list-head.country-info > span:nth-child(5) { width: 15%; }
.notice-list-head.country-info > span:nth-child(6) { width: 10%; }
/* 2021-07-27 추가 */
.notice-list > .notice-list-item .subject,
.notice-list > .notice-list-item .left{justify-content:flex-start;text-align: left;}

.notice-list.col2-1 > div > span:nth-child(1){width: 20%;}
.notice-list.col2-1 > div > span:nth-child(2){width: 80%;}

.notice-list.col3 > div > span:nth-child(1){width:10%;}
.notice-list.col3 > div > span:nth-child(2){width:65%;}
.notice-list.col3 > div > span:nth-child(3){width:25%;}

.notice-list.col3-1 > div > span:nth-child(1){width: 10%;}
.notice-list.col3-1 > div > span:nth-child(2){width: 75%;}
.notice-list.col3-1 > div > span:nth-child(3){width: 15%;}

.notice-list.col3-2 > div > span:nth-child(1){width: 20%;}
.notice-list.col3-2 > div > span:nth-child(2){width: 60%;}
.notice-list.col3-2 > div > span:nth-child(3){width: 20%;}

.notice-list.col3-3 > div > span:nth-child(1){width: 25%;}
.notice-list.col3-3 > div > span:nth-child(2){width: 25%;}
.notice-list.col3-3 > div > span:nth-child(3){width: 50%;}

.notice-list.col3-4 > div > span:nth-child(1){width: 20%;}
.notice-list.col3-4 > div > span:nth-child(2){width: 20%;}
.notice-list.col3-4 > div > span:nth-child(3){width: 60%;}

.notice-list.col3-5 > div > span{width:calc(100% / 3)}

.notice-list.col4 > div > span:nth-child(1){ width: 10%; }
.notice-list.col4 > div > span:nth-child(2){ width: 62%; }
.notice-list.col4 > div > span:nth-child(3){ width: 14%; }
.notice-list.col4 > div > span:nth-child(4) { width: 14%; }

.notice-list.col4-1 > div > span:nth-child(1){ width: 10%; }
.notice-list.col4-1 > div > span:nth-child(2){ width: 25%; }
.notice-list.col4-1 > div > span:nth-child(3){ width: 55%; }
.notice-list.col4-1 > div > span:nth-child(4){ width: 10%; }

.notice-list.col4-2 > div > span:nth-child(1){ width: 10%; }
.notice-list.col4-2 > div > span:nth-child(2){ width: 55%; }
.notice-list.col4-2 > div > span:nth-child(3){ width: 20%; }
.notice-list.col4-2 > div > span:nth-child(4){ width: 15%; }

.notice-list.col4-3 > div > span:nth-child(1){ width: 8%; }
.notice-list.col4-3 > div > span:nth-child(2){ width: 15%; }
.notice-list.col4-3 > div > span:nth-child(3){ width: 62%; }
.notice-list.col4-3 > div > span:nth-child(4){ width: 15%; }

.notice-list.col5 > div > span:nth-child(1){ width: 7%; }
.notice-list.col5 > div > span:nth-child(2){ width: 15%; }
.notice-list.col5 > div > span:nth-child(3){ width: 40%; }
.notice-list.col5 > div > span:nth-child(4) { width: 20%; }
.notice-list.col5 > div > span:nth-child(5) { width: 18%; }

.notice-list.col5-1 > div > span:nth-child(1){ width: 8%; }
.notice-list.col5-1 > div > span:nth-child(2){ width: 44%; }
.notice-list.col5-1 > div > span:nth-child(3){ width: 18%; }
.notice-list.col5-1 > div > span:nth-child(4) { width: 15%; }
.notice-list.col5-1 > div > span:nth-child(5) { width: 15%; }

.notice-list.col5-2 > div > span:nth-child(1){ width: 20%; }
.notice-list.col5-2 > div > span:nth-child(2){ width: 8%; }
.notice-list.col5-2 > div > span:nth-child(3){ width: 15%; }
.notice-list.col5-2 > div > span:nth-child(4) { width: 15%; }
.notice-list.col5-2 > div > span:nth-child(5) { width: 42%; }

.notice-list.col5-3 > div > span:nth-child(1){ width: 10%; }
.notice-list.col5-3 > div > span:nth-child(2){ width: 45%; }
.notice-list.col5-3 > div > span:nth-child(3){ width: 15%; }
.notice-list.col5-3 > div > span:nth-child(4){ width: 15%; }
.notice-list.col5-3 > div > span:nth-child(5){ width: 15%; }

.notice-list.col5-4 > div > span:nth-child(1){ width: 10%; }
.notice-list.col5-4 > div > span:nth-child(2){ width: 50%; }
.notice-list.col5-4 > div > span:nth-child(3){ width: 10%; }
.notice-list.col5-4 > div > span:nth-child(4){ width: 15%; }
.notice-list.col5-4 > div > span:nth-child(5){ width: 15%; }

.notice-list.col5-5 > div > span:nth-child(1){ width: 8%; }
.notice-list.col5-5 > div > span:nth-child(2){ width: 30%; }
.notice-list.col5-5 > div > span:nth-child(3){ width: 37%; }
.notice-list.col5-5 > div > span:nth-child(4){ width: 10%; }
.notice-list.col5-5 > div > span:nth-child(5){ width: 15%; }

.notice-list.col5-6 > div > span:nth-child(1){ width: 8%; }
.notice-list.col5-6 > div > span:nth-child(2){ width: 16%; }
.notice-list.col5-6 > div > span:nth-child(3){ width: 20%; }
.notice-list.col5-6 > div > span:nth-child(4){ width: 42%; }
.notice-list.col5-6 > div > span:nth-child(5){ width: 14%; }

.notice-list.col5-7 > div > span:nth-child(1){ width: 10%; }
.notice-list.col5-7 > div > span:nth-child(2){ width: 58%; }
.notice-list.col5-7 > div > span:nth-child(3){ width: 10%; }
.notice-list.col5-7 > div > span:nth-child(4){ width: 10%; }
.notice-list.col5-7 > div > span:nth-child(5){ width: 12%; }

.notice-list.col5-8 > div > span:nth-child(1){ width: 18%; }
.notice-list.col5-8 > div > span:nth-child(2){ width: 14%; }
.notice-list.col5-8 > div > span:nth-child(3){ width: 14%; }
.notice-list.col5-8 > div > span:nth-child(4){ width: 14%; }
.notice-list.col5-8 > div > span:nth-child(5){ width: 40%; }

.notice-list.col5-9 > div > span:nth-child(1){ width: 10%; }
.notice-list.col5-9 > div > span:nth-child(2){ width: 12%; }
.notice-list.col5-9 > div > span:nth-child(3){ width: 50%; }
.notice-list.col5-9 > div > span:nth-child(4){ width: 12%; }
.notice-list.col5-9 > div > span:nth-child(5){ width: 16%; }

.notice-list.col6 > div > span:nth-child(1){ width: 7%; }
.notice-list.col6 > div > span:nth-child(2){ width: 12%; }
.notice-list.col6 > div > span:nth-child(3){ width: 39%; }
.notice-list.col6 > div > span:nth-child(4) { width: 18%; }
.notice-list.col6 > div > span:nth-child(5) { width: 12%; }
.notice-list.col6 > div > span:nth-child(6) { width: 12%; }

.notice-list.col6-1 > div > span:nth-child(1){width: 10%;}
.notice-list.col6-1 > div > span:nth-child(2){width: 10%;}
.notice-list.col6-1 > div > span:nth-child(3){width: 22%;}
.notice-list.col6-1 > div > span:nth-child(4){width: 22%;}
.notice-list.col6-1 > div > span:nth-child(5){width: 26%;}
.notice-list.col6-1 > div > span:nth-child(6){width: 10%;}

.notice-list.col6-2 > div > span:nth-child(1){width: 8%;}
.notice-list.col6-2 > div > span:nth-child(2){width: 11%;}
.notice-list.col6-2 > div > span:nth-child(3){width: 42%;}
.notice-list.col6-2 > div > span:nth-child(4){width: 19%;}
.notice-list.col6-2 > div > span:nth-child(5){width: 11%;}
.notice-list.col6-2 > div > span:nth-child(6){width: 9%;}

.notice-list.col6-3 > div > span:nth-child(1){width: 10%;}
.notice-list.col6-3 > div > span:nth-child(2){width: 42%;}
.notice-list.col6-3 > div > span:nth-child(3){width: 9%;}
.notice-list.col6-3 > div > span:nth-child(4){width: 19%;}
.notice-list.col6-3 > div > span:nth-child(5){width: 11%;}
.notice-list.col6-3 > div > span:nth-child(6){width: 9%;}

.notice-list.col6-4 > div > span:nth-child(1){width: 6%;}
.notice-list.col6-4 > div > span:nth-child(2){width: 6%;}
.notice-list.col6-4 > div > span:nth-child(3){width: 20%;}
.notice-list.col6-4 > div > span:nth-child(4){width: 22%;}
.notice-list.col6-4 > div > span:nth-child(5){width: 36%;}
.notice-list.col6-4 > div > span:nth-child(6){width: 10%;}

.notice-list.col6-5 > div > span:nth-child(1){width: 10%;}
.notice-list.col6-5 > div > span:nth-child(2){width: 44%;}
.notice-list.col6-5 > div > span:nth-child(3){width: 10%;}
.notice-list.col6-5 > div > span:nth-child(4){width: 10%;}
.notice-list.col6-5 > div > span:nth-child(5){width: 10%;}
.notice-list.col6-5 > div > span:nth-child(6){width: 16%;}

.notice-list.col6-6 > div > span:nth-child(1){width: 8%;}
.notice-list.col6-6 > div > span:nth-child(2){width: 16%;}
.notice-list.col6-6 > div > span:nth-child(3){width: 14%;}
.notice-list.col6-6 > div > span:nth-child(4){width: 14%;}
.notice-list.col6-6 > div > span:nth-child(5){width: 34%;}
.notice-list.col6-6 > div > span:nth-child(6){width: 14%;}

.notice-list.col6-7 > div > span:nth-child(1){width: 8%;}
.notice-list.col6-7 > div > span:nth-child(2){width: 8%;}
.notice-list.col6-7 > div > span:nth-child(3){width: 14%;}
.notice-list.col6-7 > div > span:nth-child(4){width: 44%;}
.notice-list.col6-7 > div > span:nth-child(5){width: 14%;}
.notice-list.col6-7 > div > span:nth-child(6){width: 12%;}

.notice-list.col6-8 > div > span:nth-child(1){width: 10%;}
.notice-list.col6-8 > div > span:nth-child(2){width: 18%;}
.notice-list.col6-8 > div > span:nth-child(3){width: 18%;}
.notice-list.col6-8 > div > span:nth-child(4){width: 18%;}
.notice-list.col6-8 > div > span:nth-child(5){width: 18%;}
.notice-list.col6-8 > div > span:nth-child(6){width: 18%;}

.notice-list.col7 > div > span:nth-child(1){width: 6%;}
.notice-list.col7 > div > span:nth-child(2){width: 6%;}
.notice-list.col7 > div > span:nth-child(3){width: 20%;}
.notice-list.col7 > div > span:nth-child(4){width: 20%;}
.notice-list.col7 > div > span:nth-child(5){width: 24%;}
.notice-list.col7 > div > span:nth-child(6){width: 8%;}
.notice-list.col7 > div > span:nth-child(7){width: 16%;}

.notice-list.col7-1 > div > span:nth-child(1){width: 8%;}
.notice-list.col7-1 > div > span:nth-child(2){width: 15%;}
.notice-list.col7-1 > div > span:nth-child(3){width: 20%;}
.notice-list.col7-1 > div > span:nth-child(4){width: 15%;}
.notice-list.col7-1 > div > span:nth-child(5){width: 15%;}
.notice-list.col7-1 > div > span:nth-child(6){width: 15%;}
.notice-list.col7-1 > div > span:nth-child(7){width: 12%;}

.notice-list.col7-2 > div > span:nth-child(1){width: 6%;}
.notice-list.col7-2 > div > span:nth-child(2){width: 15%;}
.notice-list.col7-2 > div > span:nth-child(3){width: 35%;}
.notice-list.col7-2 > div > span:nth-child(4){width: 11%;}
.notice-list.col7-2 > div > span:nth-child(5){width: 11%;}
.notice-list.col7-2 > div > span:nth-child(6){width: 11%;}
.notice-list.col7-2 > div > span:nth-child(7){width: 11%;}

.notice-list.col7-3 > div > span:nth-child(1){width: 6%;}
.notice-list.col7-3 > div > span:nth-child(2){width: 10%;}
.notice-list.col7-3 > div > span:nth-child(3){width: 10%;}
.notice-list.col7-3 > div > span:nth-child(4){width: 46%;}
.notice-list.col7-3 > div > span:nth-child(5){width: 9%;}
.notice-list.col7-3 > div > span:nth-child(6){width: 9%;}
.notice-list.col7-3 > div > span:nth-child(7){width: 10%;}

.notice-list.col7-4 > div > span:nth-child(1){width: 8%;}
.notice-list.col7-4 > div > span:nth-child(2){width: 15%;}
.notice-list.col7-4 > div > span:nth-child(3){width: 15%;}
.notice-list.col7-4 > div > span:nth-child(4){width: 20%;}
.notice-list.col7-4 > div > span:nth-child(5){width: 24%;}
.notice-list.col7-4 > div > span:nth-child(6){width: 9%;}
.notice-list.col7-4 > div > span:nth-child(7){width: 9%;}

.notice-list.col7-5 > div > span:nth-child(1){width: 10%;}
.notice-list.col7-5 > div > span:nth-child(2){width: 10%;}
.notice-list.col7-5 > div > span:nth-child(3){width: 12%;}
.notice-list.col7-5 > div > span:nth-child(4){width: 40%;}
.notice-list.col7-5 > div > span:nth-child(5){width: 8%;}
.notice-list.col7-5 > div > span:nth-child(6){width: 10%;}
.notice-list.col7-5 > div > span:nth-child(7){width: 10%;}

.notice-list.col7-6 > div > span:nth-child(1){width: 8%;}
.notice-list.col7-6 > div > span:nth-child(2){width: 14%;}
.notice-list.col7-6 > div > span:nth-child(3){width: 14%;}
.notice-list.col7-6 > div > span:nth-child(4){width: 12%;}
.notice-list.col7-6 > div > span:nth-child(5){width: 32%;}
.notice-list.col7-6 > div > span:nth-child(6){width: 8%;}
.notice-list.col7-6 > div > span:nth-child(7){width: 12%;}

.notice-list.col7-7 > div > span:nth-child(1){width: 6%;}
.notice-list.col7-7 > div > span:nth-child(2){width: 6%;}
.notice-list.col7-7 > div > span:nth-child(3){width: 20%;}
.notice-list.col7-7 > div > span:nth-child(4){width: 20%;}
.notice-list.col7-7 > div > span:nth-child(5){width: 26%;}
.notice-list.col7-7 > div > span:nth-child(6){width: 12%;}
.notice-list.col7-7 > div > span:nth-child(7){width: 10%}

.notice-list.col8 > div > span:nth-child(1){width: 8%;}
.notice-list.col8 > div > span:nth-child(2){width: 14%;}
.notice-list.col8 > div > span:nth-child(3){width: 12%;}
.notice-list.col8 > div > span:nth-child(4){width: 12%;}
.notice-list.col8 > div > span:nth-child(5){width: 22%;}
.notice-list.col8 > div > span:nth-child(6){width: 10%;}
.notice-list.col8 > div > span:nth-child(7){width: 10%;}
.notice-list.col8 > div > span:nth-child(8){width: 12%;}

.notice-list.col8-1 > div > span:nth-child(1){width: 8%;}
.notice-list.col8-1 > div > span:nth-child(2){width: 12%;}
.notice-list.col8-1 > div > span:nth-child(3){width: 12%;}
.notice-list.col8-1 > div > span:nth-child(4){width: 12%;}
.notice-list.col8-1 > div > span:nth-child(5){width: 12%;}
.notice-list.col8-1 > div > span:nth-child(6){width: 12%;}
.notice-list.col8-1 > div > span:nth-child(7){width: 20%;}
.notice-list.col8-1 > div > span:nth-child(8){width: 12%;}

/* .notice-list-head.col3 > span:nth-child(1) { width: 10%; }
.notice-list-head.col3 > span:nth-child(2) { width: 65%; }
.notice-list-head.col3 > span:nth-child(3) { width: 25%; } */

.notice-list-item {
    background: #fff;
    border-bottom: 1px solid #E3E4E5;
    display: flex;
    /* justify-content: space-between; */
    /* align-items: center; */
    align-content:center;
    width: 100%;
}
.notice-list-item > span { 
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 74px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
.notice-list-item > span:nth-child(1) { width: 10%; }
.notice-list-item > span:nth-child(2) { width: 15%; }
.notice-list-item > span:nth-child(3) { width: 25%; }
.notice-list-item > span:nth-child(4) { width: 25%; }
.notice-list-item > span:nth-child(5) { width: 25%; }

.notice-list-item.country-info > span:nth-child(1) { width: 10%; }
.notice-list-item.country-info > span:nth-child(2) { width: 15%; }
.notice-list-item.country-info > span:nth-child(3) { width: 40%; }
.notice-list-item.country-info > span:nth-child(4) { width: 10%; }
.notice-list-item.country-info > span:nth-child(5) { width: 15%; }
.notice-list-item.country-info > span:nth-child(6) { width: 10%; }

.notice-list-item.col3 > span:nth-child(1) { width: 10%; }
.notice-list-item.col3 > span:nth-child(2) { width: 65%; text-align: left; justify-content: flex-start; }
.notice-list-item.col3 > span:nth-child(3) { width: 25%; }
.notice-list-item.col3 > span > a:hover { color: #2E81F8; text-decoration: underline; }

.sub-in-box > .aHover,
.sub-in-box > a{display: block;}
.sub-in-box > a:hover{color: #2E81F8;text-decoration: underline;}

.notice-list-item.typeB {
    display: block;
    border-bottom: 1px solid #E3E4E5;
    width: 100%;
    padding: 40px 0;
    position: relative;
}
.notice-list-item.img {
    padding-left: 310px;
    position: relative;

}
.notice-list-item .no-data{padding:20px 0;width:100% !important;color:#333}
.mob .notice-list-item .no-data{display:block !important}

.notice-list-title.typeB {
    color: #000;
    font-size: 1.5rem;
}
.event-list-img { width: 278px; height: calc(100% - 30px); overflow: hidden; position: absolute; right: 0; top: 50%; z-index: 99; transform: translateY(-50%); display: flex; align-items: center; }
.event-list-img > img { max-width: 100%; }
.notice-list-title > a:hover {
    color: #2E81F8;
    text-decoration: underline;
}
.notice-list-txt.typeB {
    color: #333;
    font-size: 1.125rem;
}
.notice-list-title.typeB + .notice-list-txt.typeB { margin-top: 24px; }
.notice-list-title.typeB + .notice-list-info.typeB { margin-top: 24px; }
.notice-list-txt.typeB + .notice-list-info.typeB { margin-top: 32px; }
.notice-list-info.typeB {
    color: #000;
    font-size: 1rem;
}
.desc-mid + .notice-list-info.typeB, .desc-box-wrap + .notice-list-info.typeB { margin-top: 10px; }
.notice-list-info.typeB > span + span { margin-left: 40px; }
.notice-list-info.typeB > span > span.emp02 { margin-left: 16px; }
.list-img-typeA { 
    left: 0;
    position: absolute; 
    top: 40px;
}
.list-img-typeB {
    height: 144px;
    width: 144px;
    border-radius: 50%;
}
.list-img-typeC {
    height: 326px;
    width: 256px;
    border-radius: 0;
}
.list-img-typeD {
    height: 197px;
    width: 100%;
    border-radius: 0;
}
.list-img-typeF {
    height: 198px;
    width: 352px;
    border-radius: 0;
}

.img-list-box-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.paging {
    margin-top: 64px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-wrap.underList + .paging { margin-top: 42px; }
.paging > a {
    border: 1px solid #E3E4E5;
    background: #F2F3F5;
    color: #000;
    display: inline-block;
    font-size: 1rem;
    width:auto;
    min-width:40px; /* TobeEdit 2022-04-10 ST02CLHP0139 - HPHFFE073M01*/
    height:40px;
    padding: 0 5px;
    border-radius:5px;
    line-height:37px;
    color:#888;
    box-sizing:border-box;
    /* padding: 9px 15px; */
}
.paging > a + a { margin-left:6px; }
.paging > a.on {
    border: 1px solid #000;
    background: #fff;
    color:#000;
}
.paging > a.first {
    background: url(../img/ico_arrL2_off.png) no-repeat 0 0;
    border: 0;
    /* height: 40px;
    width: 40px; */
}
.paging > a.prev {
    background: url(../img/ico_arrL_off.png) no-repeat 0 0;
    border: 0;
    margin:0 14px 0 0;
    /* height: 40px;
    width: 40px; */
}
.paging > a.next {
    background: url(../img/ico_arrR_off.png) no-repeat 0 0;
    border: 0;
    margin:0 0 0 20px;
    /* height: 40px;
    width: 40px; */
}
.paging > a.last {
    background: url(../img/ico_arrR2_off.png) no-repeat 0 0;
    border: 0;
    margin-left:0;
    /* height: 40px;
    width: 40px; */
}
/* .detail-view-wrap { margin-top: 189px; } */
.title-big + .detail-view-wrap,
.title-big + form { margin-top: 64px; }
.tabs-cont .detail-view-wrap { margin-top: 0; }
.detail-view-head {
    background: #EAF2F8;
    border-bottom: 1px solid #ddd;
    padding: 32px 0;
}
.detail-view-head ~ .detail-view-head { padding: 32px; }
.detail-view-cont ~ .detail-view-cont .detail-view-box { padding: 32px; }
.detail-view-cont + .detail-view-head { margin-top: 32px; }

.detail-view-head:first-child { background: #fff; border-top: 1px solid #000; }
.detail-view-cate { color: #2680EB; font-size: 1rem; }
.detail-view-title {
    color: #000;
    font-size: 1.25rem;
    margin: 8px 0 17px;
    font-weight: bold;
}
.detail-info-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.detail-view-info { color: #666; font-size: 1rem; }
.detail-view-file {
    background: #F2F3F5;
    padding: 24px;
    margin-bottom: 32px;
}
.detail-view-file.flex { display: flex; justify-content: space-between; align-items: center; }
.detail-view-file + .item-box { margin-top: 64px; }
.detail-view-file .file-type { display: block; }
.detail-view-file .file-type + .file-type { margin-left: 0; margin-top: 8px; }
.detail-view-info { display: inline-block; margin-right: 32px; position: relative; }
.detail-view-info.count { padding-left: 30px; }
.detail-view-info.count:before {
    content: '';
    display: inline-block;
    background: url(../img/ico_eyes.png) no-repeat 0 0;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 0;
}
.detail-view-box { min-height: 200px; padding: 64px 0; word-break: break-all; }
.detail-view-box img{max-width:100%}
.detail-view-box img + .desc-mid.fs16 {margin-top: 24px;}
.detail-view-box .thumb-box{display:flex;}
.detail-view-box .thumb-box .thumb{margin-right:50px}
.detail-view-box .thumb-box .thumb figure{border:1px solid #ddd}
.detail-view-box .thumb-box .thumb figure img { width: 256px; }
.detail-view-box .thumb-box .thumb-cont{flex:1}
.detail-view-box + .btn-wrap{padding-top:0;text-align:left}
.detail-view-paging {
    border-top: 1px solid #ddd;
    /* border-bottom: 1px solid #ddd; */
    padding: 24px 0;
}
.detail-view-paging .prev, .detail-view-paging .next { display: inline-block; margin-right: 32px; }
.detail-view-paging .next { margin-top: 16px; }

html[lang='ko'] .detail-view-paging > div{padding-left:79px;}
html[lang='ko'] .detail-view-paging .prev,
html[lang='ko'] .detail-view-paging .next{margin-left:-79px;}

html[lang='en'] .detail-view-paging > div{padding-left:76px;}
html[lang='en'] .detail-view-paging .prev,
html[lang='en'] .detail-view-paging .next{margin-left:-76px;}

/* E : list CSS  */
/* S : button CSS  */
.btn-wrap {
    padding: 64px 0;
    text-align: center;
}
.btn-wrap.mob { display: none; }
.btn-wrap.inside { padding: 32px 0; }
.btn-wrap.noPadd { padding: 0; }
.btn-wrap.midSide { padding: 0; margin: 8px 0; text-align: left; }
.btn-wrap.underList { padding: 20px 0 0; }
.btn-wrap.flex { flex: 1; width: 100%; text-align: right; }
.btn-wrap.w100 { width: 100%; }
.btn-wrap.tal { text-align: left; }
.btn-wrap.padd290 { padding-left: 290px; }
.btn-formIn {
    background: #284465;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 1rem;
    height: 46px;
    line-height: 46px;
    padding: 0 17px;
    display: inline-block;
    position: relative;
    z-index:2; /* 2022-03-30 tobe IT09HW0120 - HPHKCU067M01 */
}
.slt01 + .btn-formIn { margin-left: 10px; }
a.btn-typeB, a.btn-formIn{display: inline-block;text-align: center;}
.btn-formIn.add, .btn-formIn.delete { background: #fff; border: 1px solid #E3E4E5; border-radius: 5px; color: #333; padding-left: 48px; position: relative; cursor: pointer; }
.btn-formIn.add:before {
    content: '';
    background: url(../img/ico_plus.png) no-repeat 0 0;
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.btn-formIn.add + .btn-formIn.delete { margin-left: 10px; }
.btn-formIn.delete:before {
    content: '';
    background: url(../img/ico_minus.png) no-repeat 0 0;
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.ipt01 + .btn-formIn { margin-left: 16px; }
.btn-typeA {
    background: #2E81F8;
    border: none;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 1.125rem;
    padding: 14px 44px;
    min-width: 176px;
}
.btn-typeA.white {
    background: #fff;
    color: #000;
    border: 1px solid #DDDDDD;
}
.btn-typeA.navy {
    background: #284465;
    color: #fff;
}
.btn-typeA.small {
    font-size: 1rem;
    padding: 7px 24px;
    min-width: auto;
}
.btn-typeA.download { padding: 7px 24px 7px 35px; }
.ipt01 + .btn-typeA.small { margin-left: 15px; }
.btn-typeA.green { background: #25BF83; }
.btn-typeA.red { background: #F82F46; }
.btn-typeA.possible, .btn-typeA.pause { position: relative; padding: 8px 16px 8px 35px; }
.btn-typeA.possible:before {
    content: '';
    background: url(../img/ico_possible.png) no-repeat 0 0;
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 16px;
    top: calc(50% - 8px);
}
.btn-typeA.pause:before {
    content: '';
    background: url(../img/ico_pause.png) no-repeat 0 0;
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 16px;
    top: calc(50% - 8px);
}
.btn-typeA.ham { padding-right: 60px; position: relative; }
.btn-typeA.ham:after {
    content: '';
    display: block;
    background: url(../img/ico_ham.png) no-repeat 0 0;
    height: 16px;
    width: 24px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}
.btn-typeA + .btn-typeA { margin-left: 16px; }
.btn-typeB {
    border: 1px solid #E3E4E5;
    border-radius: 5px;
    background: #fff;
    color: #333;
    cursor: pointer;
    font-size: 1rem;
    padding: 8px 20px 7px 20px;
    position: relative;
    min-width: 100px;
}
.btn-typeB + .btn-typeB { margin-left: 16px; }
.btn-typeB.email, .btn-typeB.consult { padding-left: 50px !important; }

.btn-typeB.email:before {
    content: '';
    background: url(../img/ico_email.png) no-repeat 0 0;
    display: block;
    height: 18px;
    width: 28px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.btn-typeB.consult:before {
    content: '';
    background: url(../img/ico_talk.png) no-repeat 0 0;
    display: block;
    height: 22px;
    width: 25px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.btn-typeB.btnWrite{padding-left: 57px !important;}
.btn-typeB.btnWrite:before{position: absolute;top: 4px;left: 20px;width: 32px;height: 32px;background: url('../img/ico_write.png') no-repeat 0 0;content:'';}
.btn-search {
    background: #284465;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
    height: 48px;
    padding: 0 30px 0 60px;
    position: relative;
}
.date-wrap + .btn-search { margin-left: 10px; }
.btn-search:before {
    content: '';
    background: url(../img/ico_search.png) no-repeat 0 0;
    display: block;
    height: 26px;
    width: 26px;
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.btn-search.typeB {
    background: #2E81F8;
    border: 0;
    border-radius: 20px;
    color: #fff;
    font-size: 1rem;
    height: 40px;
    line-height: 40px;
    padding: 0 23px 0 47px;
    position: relative;
}
.btn-search.small {
    background: url(../img/ico_search.png) no-repeat 50% 50% #284465;
    border: 0;
    border-radius:5px;
    color: #fff;
    cursor: pointer;
    height: 48px;
    width: 48px;
    position: relative; 
    padding: 0;
}
.btn-search.small:before {
    background: none;
}
.desc-box .btn-search.typeB { margin-top: 24px; }
.btn-search:before {
    content: '';
    background: url(../img/ico_search.png) no-repeat 0 0;
    display: block;
    height: 26px;
    width: 26px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.btn-download {
    border: 1px solid #E3E4E5;
    border-radius: 5px;
    background: #fff;
    color: #333;
    cursor: pointer;
    font-size: 1rem;
    padding: 8px 20px 7px 56px;
    position: relative;
    min-width: 140px;
}
.btn-wrap.inside { text-align: left; }
a.btn-download { display: inline-block; }
.btn-download:before {
    content: '';
    background: url(../img/ico_download.png) no-repeat 0 0;
    display: block;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.ie .btn-download { min-width: 161px; }
.btn-download.wAuto { width: auto; }
.btn-download + .btn-download { margin-left: 10px; }
.homepage-alink,
.info-alink {
    color: #333;
    font-size: 1rem;
    position: relative;
    padding-left: 40px;
}
.homepage-alink.pos {
    position: absolute;
    right: 32px;
    bottom: 32px;
}
.homepage-alink:before,
.info-alink:before {
    content: '';
    background: url(../img/ico_home.png) no-repeat 0 0;
    display: block;
    height: 34px;
    width: 34px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.info-alink:before{background-image:url(../img/ico_info3.png)}
/* E : button CSS  */
/* S : tab CSS */
.desc-big + .tabs-wrap { margin-top: 64px; }
.tabs-trigger + .tabs-cont, .tabs-cont + .tabs-cont {margin-top: 64px; position: relative; }
.tabs-trigger.history + .tabs-cont { margin-top: 150px !important; }
.layer .tabs-trigger + .tabs-cont, .tabs-cont + .tabs-cont {margin-top: 48px;}
.guide-wrap ~ .tabs-cont { margin-top: 32px; }
.title-big + .tabs-wrap, .title-wrap + .tabs-wrap { margin-top: 48px; }
.tabs-trigger-wrap { 
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; 
}
.tabs-trigger-alink {
    border-bottom: 2px solid #E3E4E5;
    color: #909090;
    display: flex;
    flex-wrap:wrap;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
    height: 80px;
    font-size: 1.25rem;
    text-align: center;
    position: relative;
    width: 50%;
    line-height: 1.2;
    padding: 0 10px;
    word-break: keep-all;
}
.tabs-trigger-wrap.history .tabs-trigger-alink{flex-wrap:nowrap;flex-direction: column;}
/* [lang=en] .ie .tabs-trigger-wrap:not(.history):not(.history-single) .tabs-trigger-alink { flex-direction: row; } */
.history-single .tabs-trigger-alink { width: 33%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink {
    background: #F2F3F5;
    height: 200px;
    padding-top: 120px;
    border: 1px solid #E3E4E5;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink:before {
    content: '';
    display: block;
    height: 120px;
    width: 120px;
    position: absolute;
    left: 50%;
    top: 15px;
    transform: translateX(-50%);
}
.tabs-trigger-wrap.finance .tabs-trigger-alink.on{background: #fff; border: 1px solid #E3E4E5; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(1):before{background: url(../img/ico_finance01_off.png) no-repeat 50% 50%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(1):before{background: url(../img/ico_finance01.png) no-repeat 50% 50%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(2):before{background: url(../img/ico_finance02_off.png) no-repeat 50% 50%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(2):before{background: url(../img/ico_finance02.png) no-repeat 50% 50%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(3):before{background: url(../img/ico_finance03_off.png) no-repeat 50% 50%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(3):before{background: url(../img/ico_finance03.png) no-repeat 50% 50%; }
/* TobeEdit 2022-03-21 */
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(4):before{background: url(../img/ico_finance05_off.png) no-repeat 50% 50%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(4):before{background: url(../img/ico_finance05.png) no-repeat 50% 50%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(5):before{background: url(../img/ico_finance04_off.png) no-repeat 50% 50%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(5):before{background: url(../img/ico_finance04.png) no-repeat 50% 50%; }
.tabs-trigger-wrap.finance .tabs-trigger-alink + .tabs-trigger-alink{margin-left: 20px; }
.tabs-trigger-wrap.history .tabs-trigger-alink {
    color: #909090;
    font-size: 2.75rem;
    font-weight: bold;
    height: 118px;
    align-items: flex-start;
    line-height: 1.3;
    border: 0;
}
.tabs-trigger-wrap.history .tabs-trigger-alink ~ .tabs-trigger-alink{margin-left:66px; text-align: left;}
.history-tab-txt { 
    color: #909090;
    display: block;
    /*font-size: 0.875rem;*/
    font-size:1rem;
    left: 130px;
    position: absolute;
    text-align: left;
    top: 10px;
    /*width: 160px;*/
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -0.03rem;
}
.present .history-tab-txt { left: 138px; }
.history-tab-tit { display:block;margin-top:-10px;letter-spacing:0.4rem/*font-size: 2rem; */} /* 211013 수정 */
.tabs-trigger-wrap.history .tabs-trigger-alink.on { color: #3388ff; }
.tabs-trigger-wrap.history .tabs-trigger-alink.on .history-tab-txt { color: #3388ff; }
.tabs-trigger-alink.on { color: #000; font-weight: bold; }
.tabs-trigger-alink.on:after{
    content: '';
    background: #2680EB;
    bottom: -2px;
    display: block;
    height: 6px;/* TobeEdit 2022-04-05 */
    left: 0;
    position: absolute;
    width: 100%;
}
.tabs-trigger-wrap.history .tabs-trigger-alink:after{
    content: '';
    background: #ccc;
    bottom: 14px;
    display: block;
    height: 4px;
    left: 98px;
    position: absolute;
    width:calc(100% - 98px);
    /*width: 50%;*/
    z-index: -1;
}
.ie .tabs-trigger-wrap.history .tabs-trigger-alink:after, .ie .tabs-trigger-wrap.history-single .tabs-trigger-alink:after{ bottom: -3px; }
.tabs-trigger-wrap.history .tabs-trigger-alink.present:after{ left: 130px; width: calc(100% - 130px); }
.tabs-trigger-wrap.history .tabs-trigger-alink.on:after{ background: #3388ff; }
.tab-trigger-small { margin-top:-30px;font-size: 1rem; }
.item-box + .tabs-trigger.sub { 
    margin-top: 64px;
}
.info + .tabs-trigger { margin-top: 48px; }
.tabs-trigger-wrap.sub {
    border-bottom: 1px solid #284465;
    display: flex;
    justify-content: flex-start;
    align-items: center; 
    width: 100%; 
}
.tabs-trigger-wrap.sub > a {
    background: #F2F3F5;
    border: 1px solid #E3E4E5;
    border-bottom: 0;
    color: #888;
    font-size: 1rem;
    font-weight: 500;
    /* padding: 18px 15px; */
    padding: 0 15px;
    width: auto;
    position: relative;
    min-width: 135px;
    text-align: center;
    height: 62px;
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs-trigger-wrap.sub > a.on {
    border: 1px solid #284465;
    background: #fff;
    color: #000;
    font-weight: bold;
}
.tabs-trigger-wrap.sub > a.on:after {
    content: '';
    background: #fff;
    height: 2px;
    bottom: -2px;
    left: 0;
    width: 100%;
    position: absolute;
}
/* .tabs-wrap > .tabs-cont { display: none; }
.tabs-wrap > .tabs-cont:nth-child(2) { display: block; } */
.tabs-cont.sub > div > section + section { margin-top: 64px; }
/* TobeEdit 2022-04-27 장병호이사님요청 - 통합검색 화면 수정 S */
    .form-box.typeA + .tabs-wrap > .tabs-trigger.sub + .tabs-cont.sub{display:flex;}
    .tabs-cont-sub.totalS{padding-right:40px;width:80%;min-height:412px;}
    .popular-list-wrap{border-left:1px solid #E3E4E5;width:20%;padding-left:40px;}
    /* .popular-list-wrap {border-left: 1px solid #E3E4E5;width: 257px;position: absolute;top: 0;right: 0;padding-left: 40px;} */
/* TobeEdit 2022-04-27 장병호이사님요청 - 통합검색 화면 수정 E */

.popular-list-wrap > h3 { font-size: 1.25rem; }
.popular-list {
    list-style: inside;
    list-style-type: decimal;
    margin-top: 20px;
}
.popular-list > li + li, .find-list > li + li { margin-top: 10px; }
.popular-list > li > a, .find-list > li > a { color: #333; }
.popular-list + h3 { margin-top: 64px; }
.find-list { margin-top: 20px; }
.find-list > li {
    padding-left: 10px;
    position: relative;
}
.find-list > li:before {
    content: '·';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.search-word {
    background: #F2F3F5;
    border: 1px solid #E3E4E5;
    border-radius: 30px;
    padding: 9px 20px;
    line-height: 42px;
    margin-right: 16px;
}
.search-menu-list-item + .search-menu-list-item {
    margin-top: 16px;
}
.search-menu-list {
    margin-top: 24px;
}
.search-more { text-align: right; margin-top: 14px; font-size: 0.875rem; }
.search-cont-wrap + .search-cont-wrap { margin-top: 48px; }
.desc-mid + .search-location-bar { margin-top: 16px; }
.search-web-list { margin-top: 24px; }
.search-web-list-item.hasImg {
    padding-left: 250px;
    position: relative;
}
.search-web-list-item + .search-web-list-item { margin-top: 48px; }
.search-faq-list-tit { position: relative; padding-left: 28px; }
.search-faq-list-cont { position: relative; padding-left: 48px; }
.search-faq-list-tit:before {
    content: 'Q';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #2E81F8;
    font-weight: bold;
}
.search-faq-list-cont:before {
    content: 'A';
    display: block;
    position: absolute;
    left: 25px;
    top: 0;
    color: #2E81F8;
    font-weight: bold;
}
.search-faq-list-item + .search-faq-list-item { margin-top: 48px; }
.search-img {
    position: absolute;
    left: 0;
    top: 0;
}

/* 버튼(라디오버튼) 탭 */
.ui-btntab-cont{display: none;}
.ui-btntab-cont.on{display: block;}

/* E : tab CSS */
/* js수정  */
.business-step > li .box .step-tit.double-line { line-height: 1.3; height: 58px; display: flex; align-items: center; justify-content: center; }
.business-step > li:first-child .box .list-typeA.noBg, .business-step > li.group > ul > li:first-child > .box > .list-typeA, .business-step > li.group > ul > li:last-child > .box > .list-typeA { padding-top: 164px; }
.business-step > li:first-child .box .list-typeA.noBg:before { background: none;  width: 0; height: 0;}
.business-step > li.group > ul > li:first-child > .box > .list-typeA.noBg:before { background: none;width: 0; height: 0;}
.business-step > li.group > ul > li:last-child > .box > .list-typeA.noBg:before { background: none; width: 0; height: 0;}
.step-box4 {
    display: flex;
    justify-content: space-between;
}
.business-step.step-box4 .list-typeA { padding-top: 24px !important; }
.business-step.step-box4 > li .box { height: 378px; }
.business-step.step-box4 > li { width: calc((100% - 64px) / 3); }
.business-step.step-box4 > li:after{content:'';position:absolute;top:50%;right:-32px;width:32px;height:32px;background:url('../img/content/icon_BlueArrow.png') center no-repeat; transform: translateY(-100px); }
.business-step.step-box4 > li:last-child:after { background: none; width: 0; }
/* .network-map li.oversea .city, .network-map.global li.Jakarta .city { text-decoration: underline; } */
.network-map.africa li.Accra {
    top: 220px;
    left: 331px;
}
.network-map.africa li.AddisAbaba {
    top: 195px;
    left: 542px;
}
.network-map.global li.Ababa {
    top: 230px;
    left: 188px;
}
.network-map.global li.Salaam {
    top: 270px;
    left: 212px;
}
.history-year-wrap .history-year .txt { line-height: 1.65em; }
.layer-world .world-list li > a:hover { font-weight: bold; }
.form-box .right-area { float: right; position: relative; top: auto; right: auto; transform: none; margin-top: -40px; }
.country-grade-box .country-area figure > img { max-width: 100%; }
.pop-pw .desc-box { width: 100%; }

/* hj 수정  */
.desc-box-wrap .sub-cont-box .desc-big { line-height: 1.5; }
.desc-small-txt { word-break: keep-all; }
.ci-wrap .desc-mid { font-size: 1.125rem; }
.roundbox-wrap .gray-roundbox.type-icon .icon01 { background-size: 112px; }
/* .core-value .global .desc-list { width: 448px; } */
.roundbox-wrap + .conditional-box { margin-top: 64px; }
/* .history-month-wrap > ul .history-month { min-width: 94px;} */
.guide-wrap > .layer-open { padding-left: 40px; font-size: 1.125rem; letter-spacing: -0.05rem; }
.guide-wrap > .layer-open:before { height: 30px; width: 30px; }
.dot-txt.small { font-size: 1.125rem; }
.gray-roundbox.type-icon .txt-wrap .tit { padding-bottom: 150px; background-position: left 50% bottom; }
.desc-box-wrap.img-right .sub-cont-box { margin-top: 0; }
.link-type-arrow { font-size: 1.375rem; }
.title-mid + .dot-txt { margin-top: 24px; }

/* sb 수정  */
/* .step-box-wrap.typeC .step-box { min-height: 150px; } */
.dobox-publication6 { background-image: url(../img/content/bg_HFFE088_01.svg); }
.dobox-funding { background-image: url(../img/content/family/HPHYFE044M01_img01.svg); }
[class*="list-imgbox-"] .tt { word-break: keep-all; }

/* hk수정 */
.typeF-inside { display: flex; justify-content: center; align-items: center; }
.typeF-inside + .title-small .fwb{display:block;line-height:1.5}
.typeF-inside + .title-small a{margin-top:16px;font-weight:500}
.tabs-trigger-wrap.history-single .tabs-trigger-alink:after { width: calc(100% - 97px); bottom: 13px; }
.img-box-EDCF01 { width: auto; }
.img-box-EDCF01 img + img { margin-left: 30px; }
.business-vision-eng .diagram-fam .radius01, .business-vision-eng .diagram-fam .radius02 { position: relative; }
.business-vision-eng .diagram-fam .radius01:before, .business-vision-eng .diagram-fam .radius02:before { top: 160px; }
/* .tabs-trigger-wrap.history-single .tabs-trigger-alink { width: 90%; } */
.tabs-trigger-wrap.history-single .tabs-trigger-alink:after { height: 4px; left: 98px; }
.circle-blue { display: flex; }
.business-vision-eng .diagram .navy-radius-txt{ display: flex; justify-content: center; align-items: center; }
.business-vision-eng .diagram .circle-txt { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.program-outline-en li ~ li { margin-top: 158px; }
.desc-box-wrap-related.w100 + .title-mid { margin-top: 67px; }
.desc-box.typeG { padding: 30px 200px; }
.desc-box.typeG .list-typeA.cols2 > li { width: auto; }
.desc-box.typeG .list-typeA > li:before { top: 20px; }
.desc-box.typeG .list-typeA.cols2 > li:nth-child(2) { margin-left: 50px; }
.desc-box.typeG .list-typeA.cols2 > li:nth-child(4) { margin-right: 26px; }
.ico-consult01 { position: relative; }
.ico-consult01:before { height: 96px; width: 96px; background-position: 0 0; top: 85px; }
a.btn-typeA.small.download{text-align:left;padding-left:38px !important}/* 2021-12-07 추가 */
.flex-wrap.justifycon-left { justify-content: flex-start !important; }
.ie .business-step-bluecircle { position: relative; }
.ie .business-step-bluecircle::before { top: -60px; left: -340px; }

/* S : 영문 CSS */
/* history */
[lang=en] .tabs-trigger-wrap.history .tabs-trigger-alink {height:135px;line-height:1.65}
[lang=en] .ie .tabs-trigger-wrap.history .tabs-trigger-alink {height:123px;}
[lang=en] .history-tab-tit{letter-spacing:-0.05rem}
[lang=en] .present .history-tab-tit{ font-size: 2.125rem; margin-top: 8px; }
[lang=en] .ie .present .history-tab-tit{ font-size: 2.125rem; margin-top: 12px; }
[lang=en] .nav-alink + .nav-alink { margin-left: 24px; }
.sub-menu-list.eng > li { width: 185px; }
[lang=en] .btn-typeA.ham { text-indent: -9999px; padding: 0; border: 0; }
.sub-menu-list.finance-eng > li { width: 250px; padding-right: 20px; }
[lang=en] .nav-alink { letter-spacing: -1px; }
[lang=en] .footer-sns {
    position: absolute;
    right: 0;
    top: 0;
    /* width: 250px; */
}
[lang=en] footer.home-eng .footer-sns { width: 250px; }
/* [lang=en] .footer-cont { margin-left: 55px; } */

/* EDCF Footer */
footer.edcf{height:253px !important}
footer.edcf *:not(.copy):not(.copy-txt){font-size:0.9375rem;line-height:1.5 !important;color:#a1a1a1}
footer.edcf .footer-wrap{padding:56px 0 20px;height:100%}
footer.edcf .footer-cont{display:flex;justify-content:space-between;height:100%}
footer.edcf .footer-cont .contact b{display:inline-block;margin-right:6px}
footer.edcf .footer-cont .contact b:not(:first-child){margin:0 7px}
footer.edcf .footer-cont .contact .tel{font-weight:500}
footer.edcf .footer-sns .txt-link{margin-bottom:16px}
footer.edcf .footer-sns .txt-link a{font-weight:500;color:#ddd}
footer.edcf .footer-sns .txt-link a ~ a{margin-left:19px}
footer.edcf .footer-sns .sns-link > *{display:inline-block;vertical-align:top}
footer.edcf .footer-sns .sns-link > a{width:30px;height:30px;background:url('../img/content/spr_footer_sns.png') no-repeat}
footer.edcf .footer-sns .sns-link > a ~ a{margin-left:6px}
footer.edcf .footer-sns .sns-link > a.sns-instagram{background-position-x:-40px}
footer.edcf .footer-sns .sns-link > a.sns-youtube{background-position-x:-80px}
footer.edcf .footer-sns .sns-link > a.sns-blog{background-position-x:-120px}
footer.edcf .footer-sns .sns-link > a.sns-cafe{background-position-x:-160px}
footer.edcf .footer-sns .sns-link > .wa-mark{margin:-2px 0 0 34px}
footer.edcf .copy{padding:18px 0 0}

[lang=en] footer.edcf{height:253px !important}
[lang=en] footer.edcf .contact{margin-top:8px}
[lang=en] footer.edcf .footer-sns .sns-link > .wa-mark{margin:0;text-align:right; float: right;}
[lang=en] footer.edcf .footer-sns { width: 250px; }

.mob footer.edcf{height:260px !important;min-width:auto;}
.mob footer.edcf .footer-wrap{padding:24px 20px}
.mob footer.edcf .footer-cont{position:relative;display:block}
.mob footer.edcf address,
.mob footer.edcf .contact{display:none}
.mob footer.edcf .footer-sns .txt-link a{font-size:0.875rem}
.mob footer.edcf .footer-sns .sns-link{margin-top:24px}
.mob footer.edcf .footer-sns{position:static}
.mob footer.edcf .footer-sns .sns-link > .wa-mark{display:none}
.mob footer.edcf .copy{position:absolute;bottom:0;left:0;width:100%;margin:0 !important;padding:0 0 42px !important}
.mob footer.edcf .copy .copy-txt{position:absolute;bottom:0;left:0}
.mob footer.edcf .copy .input-box.flexEnd,
.mob footer.edcf .slt01.footer{position:static;display:block}
.mob footer.edcf .copy .input-item{width:100%}
.mob footer.edcf .copy .input-item .slt01{flex:unset}
[lang=en] .mob footer.edcf{height:160px !important}


/* E : 영문 CSS */

/* 업무안내 CSS  */
.exim-advantage { height: auto; }

#mailContents { width: 100%; padding-left: 192px; margin: 10px 0 25px; }


/* as-is 개인정보 css override  */
.policydesc .bdr_title { color: #000; font-size: 1.75rem; }
.policydesc .terms { position: relative;  padding-left: 0; word-break: keep-all; margin-top: 16px; }
.policydesc .terms + .list_type1 { margin-top: 16px; }
.policydesc h5 { color: #000; font-size: 1.25rem; word-break: keep-all; margin-top: 64px; }
.policydesc h6 { color: #000; font-size: 1rem; word-break: keep-all; margin-top: 32px; }
.policydesc h5 + .terms { margin-top: 16px; }
.policydesc .terms + .list_type1.terms { margin-top: 16px; }
.policydesc .list_type1.terms > li + li { margin-top: 16px; }
.policydesc .list_type1 > li > .table_type_h1 { margin-top: 16px; }
.policydesc .list_type1 > li > .list_type1.child { margin: 16px 0 0 16px; }
.policydesc .list_type1 > li + li { margin-top: 48px; }
.policydesc .list_type1.child > li + li { margin-top: 16px; }
.policydesc .table_type_h1 table, .policydesc .table_type_h2 table { border-collapse: collapse; width: 100%; }
.policydesc .table_type_h1 thead th, .policydesc .table_type_h2 thead th { background: #EAF2F8;  border-top: 1px solid #707070;  border-bottom: 1px solid #707070;  color: #000;  font-size: 1rem; padding: 25px 0; border-left: 0 !important; border-right: 0 !important; text-align: center; }
.policydesc .table_type_h1 tbody th, .policydesc .table_type_h2 tbody th  { border-bottom: 1px solid #E3E4E5; text-align: center;}
.policydesc .table_type_h1 td, .policydesc .table_type_h2 td {   
    border-left: 1px solid #E3E4E5;
    border-bottom: 1px solid #E3E4E5;
    color: #333;
    font-size: 1rem;
    padding: 22px 20px;
    text-align: center;
    word-break: keep-all;
    vertical-align: top; 
}
.policydesc .table_type_h1 td:first-child, .policydesc .table_type_h2 td:first-child { border-left: 0; }
.policydesc h5 + .table_type_h2 { margin-top: 8px; overflow: auto; }
.bl_ul > li { 
    list-style: none;
    position: relative;
    padding-left: 10px;
    word-break: keep-all;
}
.bl_ul > li:before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius:50%;
    background:#333;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 11px;
}
.line_box1 + .line_b1 { margin-top: 24px; }
.p_txt + .cf18 { margin-top: 24px; }
.cf18 + .p_txt { margin-top: 10px; }


/* 달력 */
.calendarzone .calendar-frame { height: 250px !important; background:#fff;} /* TobeEdit 2022-04-21 OT12HP0006 - HPHFRR067M01*/
div#popTable > a .hide { 
    visibility: visible !important;
    font-size: 1px !important;
    line-height: normal !important;
    width:1px !important;height:1px !important;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);
}

/**
 * 접근성
 */
.radio-box input[type="radio"]:focus + label,
.radio-box input[type="checkbox"]:focus + label,
.chk-box input[type="radio"]:focus + label,
.chk-box input[type="checkbox"]:focus + label {outline:1px dotted #999;}

.chk-typeA:focus + .chk-label-typeB,
.radio-typeA:focus +  .chk-label-typeB {border:0;outline:1px dotted #999;}

.btn-group-box button.chk-label-typeA{margin:0 8px 8px 0;}
.btn-group-box button.chk-label-typeA.on { background: #2E81F8; color: #fff; }

@media print {
    @page{margin:6mm;}
    header, footer, .visual-area, .location-bar { display: none; }
    h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div, body{-webkit-print-color-adjust:exact;}
    .container { zoom: 0.95; }
}


/********************************************** Tobe S **********************************************/
    /* UT01HM0571 - HPHFHC001M01 */
        .footer-family-list.on{z-index:1;}
    /* UT01HW2042 - HPHFFE144M01 */
        .input-item.type-1 input + .chk-label-typeB.radio{width:25%;margin-left:0;}
        .input-item.type-1 .chk-label-typeB:last-child{margin-top:20px;}
    /* UT01HM0374 - HPHKBI065M01 */
        .mob .mob-block{display:block !important;}
    /* UT01HM0262  UT-HPHYGN018M01 */
        .title-mid-beside > .link-type-arrow.emp03{margin-top:0;margin-bottom:10px;font-size:1.125rem;}
        .mob .title-mid-beside > .link-type-arrow.emp03{margin-left:-24px;margin-top:10px;font-size:1rem;}
    /* UT01HM0339 - HPHFFE101M01 */
        .mob .notice-list-item > span{display:block;/* overflow:hidden; UT01HM0414결함*/}
        .mob .notice-list-item > span .file-type{float:right;} /* TobeEdit 2022-04-15 ST02CLHP0222 - HPHKWG061M01 */
        /* .mob .notice-list-item > span .blind + .file-type{float:right;} */
    /* UT01HW2074 - HPHKBI039M01 */
        .notice-list.col6.width-1 > div > span:nth-child(2){width: 15%;}
    /*  UT01HM0274 - HPHECU002M01 */
        .info-text{display:block;margin:10px 0 10px 192px;font-size:12px;color:green;}
        .mob .info-text{width:100%;text-align:right;margin:10px 0;}
    /* 개발자 정다혜주임요청 - HPHFHC026M01 */
        .desc-box.typeU img{max-width:70%}
    /* UT01HW2084 - HPHFFE154M01, HPHYFE036M01*/
        .list-type-3 .img-list-box.noFlex{box-shadow: 10px 10px 15px rgb(0 0 0 / 10%);}
        .list-type-3 .img-list-title{margin:32px 24px;font-size:1.125rem;}
    /* 개발자 박재풍차장요청 - HPHKCU054M01 */
        .tabs-cont.type-1 .detail-view-file > select.slt01{margin-left:15px;}
    /* 개발자 정다혜주임, 정우국주임 요청 - HPHFHC001M01 히든챔피언 메인 */
        .related-wrap.type1 .swiper-wrapper .swiper-slide a img{width:160px;height:60px;margin-right:13px}
        .related-wrap.type1 .swiper-wrapper .swiper-slide > *:last-child a img{margin-right:0}
        .mob .related-wrap.type1 .swiper-wrapper ul.swiper-slide li{width:50%;}
        .mob .related-wrap.type1 .swiper-wrapper .swiper-slide a img{max-width:136px;height:68px;}
    /* UT01HM0581 - HPHFOE028M01 */
        .notice-list-total.flex + .scroll-x.list{margin-top:24px;}
    /* 개발자 박재풍차장님요청 - HPHKIR026M01 */
        .input-wrap .input-item.chkbox7 .chk-label-typeB{margin-left:0;margin-right:25px;}
        .input-wrap .input-item.chkbox7 .chk-label-typeB:nth-child(n+11){margin-top:8px;}
    /* UT01HW2125 - HPHFFE063M01 */
        .notice-list.col6-6.type1 > div > span:nth-child(5) a,
        .notice-list.col6-6.type1 > div > span:nth-child(6) em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    /* UT01HM0432 - HPHFFE090M01 */
        .mob .notice-list .notice-list-item .pdf-right{display:flex;justify-content:flex-end;}
    /* IT09HPRH0064 - HPHKWG048M01 */
        .notice-list.col5-10 > div > span:nth-child(1){ width: 7%; }
        .notice-list.col5-10 > div > span:nth-child(2){ width: 20%; }
        .notice-list.col5-10 > div > span:nth-child(3){ width: 40%; }
        .notice-list.col5-10 > div > span:nth-child(4){ width: 20%; }
        .notice-list.col5-10 > div > span:nth-child(5){ width: 13%; }
    /* 김홍규수석님요청 - HPHKMN22M01 */
        .search-web-list-item.hasImg{height:124px;margin:48px 0;}
        .search-web-list-item.hasImg:first-child{margin-top:0;}
        .search-web-list-item.hasImg .search-img{width:220px;height:124px;}
    /* IT09HPHC0002 - HPHFHC030M01 */
        .title-middle{font-size:1.875rem; margin:150px auto 0; text-align:center;}
    /* UT01HW1948 - HPHKWG061M01 */
        .file-type.url:before{/* margin-top:1px; */background:url(../img/ico_file_type2.png) no-repeat 0 0;}
    /* 디자인 인수인계 excel - HPHKBI008M01 */
        .pro-type2 .preface{padding-right: 0;}
    /* 디자인 인수인계 excel - HPHKBI001M01 */
        .pc-none{display:none;}
    /* IT09HPFE0008 - HPHFFE059M01, HPHFFE060M01, HPHFFE061M01 */
        .title-btn{position:relative;}
        .title-btn .btn-typeA{position:absolute;top:50%;right:0;transform:translateY(-50%);}
    /* IT09HPFE0001 - HPHFFE001M01 */
        .cmm-move-btn{position:fixed;left:32px;top:50%;transform: translateY(-50%);z-index:999;}
        .cmm-move-btn li{list-style:none;}
        .cmm-move-btn li + li{margin-top: 10px;}
        .cmm-move-btn a{position:relative;display:inline-block;padding-left:20px;font-size:1rem;color:#333;}
        .cmm-move-btn a:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:3px;border-left:8px solid #ccc;border-top:6px solid transparent;border-bottom:6px solid transparent;}
        .cmm-move-btn a:hover{font-weight:bold;}
        .cmm-move-btn a:hover:after{content:'';background:#888;width:100%;height:1px;position:absolute;bottom:-2px;left:0;}
        .cmm-move-btn .active a{color:#333;font-weight:bold;}
        .cmm-move-btn .active a:before{border-left: 8px solid #333;}
        .cmm-move-point{display:block;width:100%;height:100px;border:transparent;background:transparent;}
        .mob .cmm-move-point{display:none;}
        /* 2022-04-06 추가수정 */
        .main-cont + hr.cmm-move-point{margin-top: -50px;}
        hr.cmm-move-point + .main-business{padding-top:0;}
        hr.cmm-move-point + .edcf-info{margin-top: 0;}
    /* IT09HW0074 - HPHKCU015M01 */
        .notice-list .notice-list-item .subject.tal{justify-content:flex-start;text-align:left;}
    /* IT09HW0078 - HPHKOM077M01 */
        .word-normal{word-break:normal !important}
    /* IT08HPRH0124 - HPHKWG047M01 */
        .width-auto img{width:auto !important;}
    /* UT01HW2068 - HPHFRR043M01 */
        .refer-txt.no-mt > *[class="refer-txt"]{margin: 0 !important}
    /* UT01HM0495 - HPHFHC049M01 */
        .input-unit{display:flex;}
        .input-unit .unit{display:inline-block;margin-left:10px;line-height:48px;}
    /* D1647333443 - HPHKOM062M01 */
        .detail-view-nuri{background:#F2F3F5;padding:20px 30px;margin-top:40px;border-radius:10px;}
        /* 2022-04-08 공공누리 case 총 4개 */
        .detail-view-nuri p:before{content:'';display:inline-block;width:143px;height:43px;margin-right:28px;background-repeat:no-repeat;background-size:100%;vertical-align:middle;}
        .detail-view-nuri.case1 p:before{background-image:url('../img/img_opencode1.png');width:117px;}
        .detail-view-nuri.case2 p:before{background-image:url('../img/img_opencode2.png');}
        .detail-view-nuri.case3 p:before{background-image:url('../img/img_opencode3.png');}
        .detail-view-nuri.case4 p:before{background-image:url('../img/img_opencode4.png');width:171px;}
        .mob .detail-view-nuri{padding:20px;}
        .mob .detail-view-nuri p{font-size:0.875rem;}
        .mob .detail-view-nuri p:before{display:block;width:119px;height:36px;margin-bottom:10.5px;word-break:normal;}
        .mob .detail-view-nuri.case1 p:before{background-image:url('../img/img_opencode1_m.png');width:97px;}
        .mob .detail-view-nuri.case2 p:before{background-image:url('../img/img_opencode2_m.png');}
        .mob .detail-view-nuri.case3 p:before{background-image:url('../img/img_opencode3_m.png');}
        .mob .detail-view-nuri.case4 p:before{background-image:url('../img/img_opencode4_m.png');width:143px;}
    /* UT01HM0414 - HPHKOM062M01 */
        .mob .notice-list-item > span .blind + .layer-area .file-type.file{float:right;}
    /* UT01HM0552 - HPHYFE047M01 */
        .list-img-typeD.type1{max-height:264px;width:100%;border-radius:0;}
    /* IT08HPRH0023 - HPHKCU051M01 */
        .pc .desc-box.moweb{display:flex;width:100%; margin-top:32px;padding:56px 64px;justify-content:space-between;}
        .pc .desc-box.moweb .icon_cus-bottom{width:auto;margin-top:32px;}
        .pc .desc-box.moweb .icon_cus-bottom .list-img-typeH
        .pc .desc-box.moweb .icon_cus-bottom .list-img-typeH:first-child{margin-right:40px;}
        .pc .desc-box.moweb .list-typeA{width:610px;}
        .pc .desc-box.moweb .list-typeA li,
        .mob .desc-box.moweb .list-typeA li{word-break:break-all;}
        .mob .desc-box.moweb{margin-top:24px;padding:48px 32px;}
        .mob .desc-box.moweb .icon_cus-bottom{margin-bottom:40px;}
        .mob .desc-box.moweb .icon_cus-bottom .list-img-typeH{width:120px;height:120px;}
    /* 이규석부장님 요청 footer수정 */
        p + .footer-sns{margin-top:38px}
        .footer-sns .wa-mark{display:block;float:right;width:62px;height:40px;margin-top:-5px;}
        .footer-sns .wa-mark > img{width:100%;}
        /* HPHFFE001M01 */footer.edcf .footer-sns .sns-link > a:last-child{width:62px;height:40px;background:none;}
    /* IT09HPRH0122 - HPHEFG035M01 */
        .com-unit{position:relative;padding-left:20px;margin-top:10px;}
        .com-unit > span{position:absolute;top: 0;left: 0;}
        /* HPHKCU053M01 - 2022-03-31 */
        li.com-unit{padding-left:29px !important;margin-top:10px;}
        li.com-unit > span{left:6px;}
    /* 리스트 썸네일없음 기본이미지  sample ID : HPHKBI010M01 */
        .list_default.ceo-img{width:100%;height:234px;}
    /* OT12HP0001 - HPHKFG022M01 */
        .tabs-trigger-wrap.finance .tabs-trigger-alink span{letter-spacing: -0.4px;font-size:1rem;}
    /* 박영준부장님 -  sns 목록 수정 - HPHKWG002M01 */
        .util-sns-wrap ul li{font-size:14px;font-weight:bold;}
        .util-sns-wrap ul li:hover > a{color: #2E81F8;}
    /* 종료감리_웹접근성_수동진단 IE인풋 - HPHYEU015M01 */
        input[type=text]::-ms-clear{display:none;}
    /* TobeEdit 2022-04-12 ST02CLHP0182 - HPHKIR031M01  */
        .img-pos-typeA {position:absolute;right:0;top:0;text-align:center;}
        .img-pos-typeA p{margin-top:15px;font-weight:bold;color:#694BFF;}
        .img-pos-typeA p > span:nth-child(2){color:#23A1B7;}
        .img-pos-typeA p > span:nth-child(3){color:#DE574B;}
        .img-pos-typeA p > span:last-child{color:#666;}
    /* UT01HM0604 - HPHKCU080M01 */
        .list-typeA.flex li.list-more-view{padding-left: 0;}
        .list-typeA.flex li.list-more-view:before{display:none;}
        .list-more-view{margin-top:16px;color:#333;}
        .btn-list-more{background:url(../img/icoArr_left_16_18.svg) no-repeat 50% 50%;height:48px;width:48px;background-size:auto;display: inline-block;margin-top: 20px;transform: rotate(-90deg);box-shadow:0 5px 10px rgb(0 0 0 / 10%);border-radius:50%;float:right;}
        .btn-list-more[aria-expanded="true"]{transform: rotate(90deg);}
    /* ST02CLHP0227 - HPHKWG057M01 */
        .table-wrap.number-right > .table-typeB tbody tr td:nth-child(n+3){text-align:right;}
    /* ST02CLHP0207 - HPHKIR017M01 */
        .iframe-wrap.data > iframe{width:900px;height:800px;margin:0 110px; border:currentColor;border-image:none;}
        .mob .iframe-wrap.data{height:600px;}
        .mob .iframe-wrap.data > iframe{width:100%;height:100%;margin:0 auto;}
    /* ST02CLHP0253 - 전체 zoom버튼 이슈 수정 */
        .mob .hr-management.mo-el .img-area + .zoom-scale,
        .mob .img-area.pc-el + .zoom-scale,
        .mob .img-area.mo-el + .zoom-scale{display:none;}
    /* 이규철수석님요청 - 테블릿 화면사이즈 수정 */
        @media screen and (max-width:1300px) and (min-width:700px){
            /* 전체메뉴 */
            .total-menu-wrap{padding:160px 0 95px 10px;}
            .gnb-list .sub-menu-wrap{padding:40px 0 40px 15px !important;}
            /* 메인 */
            div, footer{transition:all ease 0.5s 0s;}
            .visual-area > img:first-child{transform:translateX(250px);transition:all ease 0.5s 0s;}
            .header-util,.header-util + .nav-wrapper,.location-wrap,.util-wrap,.cont-box,footer{padding:0 20px;}
            .header-util .header-util-wrap,.header-util + .nav-wrapper,.footer-wrap{width:100%;}
            .header-util, .header-util + .nav-wrapper{min-width:1120px;}
            .footer-list li:nth-child(2n){margin-left:80px;min-width:200px;}
            /* 3/4개 리스트 나열 */
            .item-box.items3 > .img-list-box {width:calc(100% / 3.2);}
            .item-box.items4 > .img-list-box {width:calc(100% / 4.2);}
            .item-box.items4 > .img-list-box + .img-list-box{margin-left:17px;}
            .kexim-theme .main-item-list > li.bg-left{padding-left:625px;}
        }
    /* 글로벌사이트 배너 이미지 크기 다름 */
        .global-main #main-cont02 .service-banner .swiper-wrapper .swiper-slide{height:auto;}
        .global-main #main-cont02 .service-banner .swiper-wrapper .swiper-slide > a img{width:100%;}
        .item-box.items4 > .img-list-box:nth-child(5n){margin-left:0;}
    /* ST02CLHP0177 - HPHEMN001M01(영문메인) */
        video{
            /* 아이폰 */-webkit-mask-image:-webkit-radial-gradient(white, black);-webkit-backface-visibility:hidden;
            /* 안드로이드 */-webkit-filter:contrast(101%);filter:contrast(101%);}
    /* IT10HA0043 - HPHFFE192M01 */
        .gallery-txt-area ul.list-typeA li img{max-width:100%;}
    /* 개발팀요청 loading */
        .loading{background:rgba(0, 0, 0, 0.2);height:100%;width:100%;position:fixed;top:0;left:0;z-index:10000;transition:all .3s ease-in-out;overflow-y:auto;overflow-x:hidden;}
        .loading > img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
/********************************************** Tobe E **********************************************/